import{b as f}from"./Utilities-DayKp0i-.js";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>`}function h(){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 g(){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>`}const b=`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. `,z={title:"Components/Breadcrumb e Menu Servizi Online/Menu Servizi Online",tags:["autodocs"],parameters:{docs:{description:{component:`La menu ("briciole di pane") é una tecnica di navigazione utilizzata nelle interfacce utente. Rappresenta il percorso gerarchico di<br/>link per giungere una data pagina all'interno di un sito web.<br/>É un elemento utile per tornare indietro e/o alla pagina iniziale del sito web.`},mdxPage:b}},decorators:[(i,o)=>f(i,o,4,["static-webkit/js/custom-webkit.js"],!0),i=>`<main id="contenutoPrincipale">${i()}</main>`]},e={name:"Menu con link di primo livello",render:()=>h()},a={name:"Menu Card",render:()=>v()},l={name:"Menu Servizi online con accordion",render:()=>g()};var n,r,s;e.parameters={...e.parameters,docs:{...(n=e.parameters)==null?void 0:n.docs,source:{originalSource:`{
  name: "Menu con link di primo livello",
  render: () => {
    return createMenuWithLink();
  }
}`,...(s=(r=e.parameters)==null?void 0:r.docs)==null?void 0:s.source}}};var t,d,c;a.parameters={...a.parameters,docs:{...(t=a.parameters)==null?void 0:t.docs,source:{originalSource:`{
  name: "Menu Card",
  render: () => {
    return createMenuCard();
  }
}`,...(c=(d=a.parameters)==null?void 0:d.docs)==null?void 0:c.source}}};var u,p,m;l.parameters={...l.parameters,docs:{...(u=l.parameters)==null?void 0:u.docs,source:{originalSource:`{
  name: "Menu Servizi online con accordion",
  render: () => {
    return createmenuWithAccordion();
  }
}`,...(m=(p=l.parameters)==null?void 0:p.docs)==null?void 0:m.source}}};const x=["MenuLink","MenuCard","MenuAccordion"];export{l as MenuAccordion,a as MenuCard,e as MenuLink,x as __namedExportsOrder,z as default};
