function p(){return`<button id="trigger-slider-menu" class="pull-left" aria-label="Apre il menù laterale" aria-expanded="false" aria-controls="navigazionesecondaria">
<span class="fa fa-2x fa-outdent"></span>
</button> 
<div class="row">
   <nav id="navigazionesecondaria" class="col-xs-12 col-sm-5 col-lg-5 slider-menu filtro">
      <div class="box-menu-contestuale servizi-online-primo-livello">
         <button id="close-slider-menu" class="pull-right" aria-label="Chiude il menù laterale" aria-expanded="true" aria-controls="navigazionesecondaria">
         <span class="fa fa-close"></span>
         </button>
         <section id="sidebar-superiore">
            <div class="panel-heading menu">
               <h2 class="sidebar-superiore-title">Titolo</h2>
            </div>
            <ul role="list">
               <li class="selected">
                  <a href="#1">Primo livello</a>
                  <ul class="livello_2" role="list">
                     <li><a href="#1">Secondo livello</a></li>
                     <li><a href="#1">Secondo livello</a></li>
                     <li><a href="#1">Secondo livello</a></li>
                  </ul>
               </li>
               <li><a class="livello_1" href="#1">Primo livello</a></li>
               <li><a class="livello_1" href="#1">Primo livello</a></li>
               <li>
                  <a class="livello_1"href="#1">Primo livello</a>
                  <ul class="livello_2"role="list">
                     <li><a href="#1">Secondo livello</a></li>
                     <li><a href="#1">Secondo livello</a></li>
                  </ul>
               </li>
               <li>
                  <a class="livello_1" href="#1">Primo livello</a>
                  <ul class="livello_2"role="list">
                     <li><a href="#1">Secondo livello</a></li>
                     <li><a href="#1">Secondo livello</a></li>
                     <li><a href="#1">Secondo livello</a></li>
                     <li><a href="#1">Secondo livello</a></li>
                     <li><a href="#1">Secondo livello</a></li>
                     <li><a href="#1">Secondo livello</a></li>
                  </ul>
               </li>
            </ul>
            <ul class="fa-ul miniMenuIcon" role="list">
               <li><span aria-hidden="true" tabindex="-1" class="fa-li fa fa-question"></span><a href="#" title="Consulta le domande frequenti">Consulta le FAQ</a></li>
               <li><span aria-hidden="true" tabindex="-1" class="fa-li fa fa-book"></span><a href="#" title="Manuali operativi">Manuali operativi</a></li>
               <li><span aria-hidden="true" tabindex="-1" class="fa-li fa fa-download"></span><a href="#" title="Scarica elemento">Scarica elemento</a></li>
            </ul>
         </section>
         <section id="sidebar-inferiore">
            <div class="sidebar-inferiore-title">Titolo inferiore</div>
            <span class="sidebarLinks"><a href="#">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor</a></span>
            <span class="sidebarLinks"><a href="#">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor</a></span>
            <span class="whitelink">
            <a href="#">Lorem ipsum dolor sit amet <strong class="fa fa-angle-double-right"></strong></a>
            </span>
         </section>
      </div>
   </nav>
</div>`}function m(){return`<button id="trigger-slider-menu" class="pull-left" aria-label="Apre il menù laterale" aria-expanded="false" aria-controls="navigazionesecondaria">
<span class="fa fa-2x fa-outdent"></span>
</button> 
<div class="row">
   <nav id="navigazionesecondaria" class="col-xs-12 col-sm-5 col-lg-5 slider-menu filtro">
      <div class="box-menu-contestuale servizi-online-secondo-livello">
         <button id="close-slider-menu" class="pull-right" aria-label="Chiude il menù laterale" aria-expanded="true" aria-controls="navigazionesecondaria">
         <span class="fa fa-close"></span>
         </button>
         <section id="sidebar-superiore">
            <div class="panel-heading menu">
               <h2>
                  <a href="#">
                  <span class="menu-arrow-webkit glyphicon glyphicon-triangle-left"></span>
                  Torna alla mia Homepage
                  </a>
               </h2>
            </div>
            <ul role="list">
               <li>
                  <a class="livello_1" data-toggle="collapse" data-target="#item-1" aria-expanded="true" href="#1">Primo livello</a>
                  <ul class="livello_2 collapse in" id="item-1" role="list">
                     <li><a href="#1">Secondo livello</a></li>
                     <li class="selected"><a href="#1">Secondo livello</a></li>
                     <li><a href="#1">Secondo livello</a></li>
                  </ul>
               </li>
               <li>
                  <a class="livello_1" data-toggle="collapse" data-target="#item-2" aria-expanded="false" href="#1">Primo livello</a>
                  <ul class="livello_2 collapse" id="item-2" role="list">
                     <li><a href="#1">Secondo livello</a></li>
                     <li><a href="#1">Secondo livello</a></li>
                     <li><a href="#1">Secondo livello</a></li>
                  </ul>
               </li>
               <li>
                  <a class="livello_1" data-toggle="collapse" data-target="#item-3" aria-expanded="false" href="#1">Primo livello</a>
                  <ul class="livello_2 collapse" id="item-3" role="list">
                     <li><a href="#1">Secondo livello</a></li>
                     <li><a href="#1">Secondo livello</a></li>
                     <li><a href="#1">Secondo livello</a></li>
                  </ul>
               </li>
            </ul>
            <ul class="fa-ul miniMenuIcon" role="list">
               <li><span tabindex="-1" aria-hidden="true" class="fa-li fa fa-question"></span><a href="#" title="Consulta le FAQ">Consulta le FAQ</a></li>
               <li><span tabindex="-1" aria-hidden="true" class="fa-li fa fa-book"></span><a href="#" title="Manuali operativi">Manuali operativi</a></li>
               <li><span tabindex="-1" aria-hidden="true" class="fa-li fa fa-download"></span><a href="#" title="Scarica elemento">Scarica elemento</a></li>
            </ul>
         </section>
         <section id="sidebar-inferiore">
            <div class="sidebar-inferiore-title">Titolo inferiore</div>
            <span class="whitelink"><a href="#" title="Lorem ipsum dolor sit amet">Lorem ipsum dolor sit amet <strong class="fa fa-angle-double-right"></strong></a></span>
            <span class="whitelink"><a href="#" title="Lorem ipsum dolor sit amet">Lorem ipsum dolor sit amet <strong class="fa fa-angle-double-right"></strong></a></span>
            <span class="whitelink"><a href="#" title="Lorem ipsum dolor sit amet">Lorem ipsum dolor sit amet <strong class="fa fa-angle-double-right"></strong></a></span>
         </section>
      </div>
   </nav>
</div>`}function v(){return`<div class="menu_orizzont_cont">
   <div class="menu_orizzontale">
      <div class="menu_orizzontale_inner">
         <nav aria-label="Menu orizzontale">
            <ul role="menu" aria-label="Link 1.3">
               <li role="none">
                  <a role="menuitem" href="#" tabindex="0" data-toggle="tooltip" data-original-title="Vai alla pagina Secondo livello 1">Secondo livello 1</a>
               </li>
               <li role="none">
                  <a role="menuitem" href="#" tabindex="0" data-toggle="tooltip" data-original-title="Vai alla pagina Secondo livello 2">Secondo livello 2</a>
               </li>
               <li role="none">
                  <a role="menuitem" href="#" tabindex="0" data-toggle="tooltip" data-original-title="Vai alla pagina Secondo livello 3">Secondo livello 3</a>
               </li>
            </ul>
         </nav>
      </div>
   </div>
</div>`}const f=`Il menu dei servizi online, si differenzia da quello di portale per le caratteristiche descritte di seguito.

Nella parte inferiore, se necessario, é possibile aggiungere anche un ulteriore box di colore blu. In questa area si possono inserire link di approfondimento con specifiche tematiche, ad esempio normative a supporto. I link vegono distinti da icone ad hoc che possono essere scelte dall'elenco di Font Awesome.

Nel menù dei servizi online, a differenza di quello di portale, é possibile espandere le voci di menu senza cambiare la pagina.
Il link relativo alla pagina corrente deve essere evidenziato in grassetto. `,h={title:"Components/Breadcrumb e Menu Servizi Online/Menu",parameters:{docs:{description:{},mdxPage:f}}},e={name:"Menu con link di primo livello",render:()=>p()},l={name:"Menu Servizi Online con accordion",render:()=>m()},a={name:"Menu card",render:()=>v()};var i,o,n;e.parameters={...e.parameters,docs:{...(i=e.parameters)==null?void 0:i.docs,source:{originalSource:`{
  name: "Menu con link di primo livello",
  render: () => {
    return CreateFirstLevelMenu();
  }
}`,...(n=(o=e.parameters)==null?void 0:o.docs)==null?void 0:n.source}}};var r,s,t;l.parameters={...l.parameters,docs:{...(r=l.parameters)==null?void 0:r.docs,source:{originalSource:`{
  name: "Menu Servizi Online con accordion",
  render: () => {
    return CreateSecondLevelMenu();
  }
}`,...(t=(s=l.parameters)==null?void 0:s.docs)==null?void 0:t.source}}};var d,c,u;a.parameters={...a.parameters,docs:{...(d=a.parameters)==null?void 0:d.docs,source:{originalSource:`{
  name: "Menu card",
  render: () => {
    return CreateMenuCard();
  }
}`,...(u=(c=a.parameters)==null?void 0:c.docs)==null?void 0:u.source}}};const g=["PrimoLivello","SecondoLivello","MenuCard"];export{a as MenuCard,e as PrimoLivello,l as SecondoLivello,g as __namedExportsOrder,h as default};
