import{b as m}from"./Utilities-Jli9PXBn.js";function b(){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="javascript:void(0)" class="inail-menu-card-link" 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="javascript:void(0)" class="inail-menu-card-link" 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="javascript:void(0)" class="inail-menu-card-link" 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 f(){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 inail-vertical-menu-title">Titolo</h2>
                </div>
                <ul role="list" class="inail-menu-divider">
                    <li class="selected">
                        <button class="inail-menu-container" data-toggle="collapse" data-target="#item-1" aria-expanded="true">
                            <a href="javascript:void(0)" tabindex="-1" class="inail-menu-level-1">Primo livello</a>
                            <span class="btn btn-link sub-tree-toggle"></span>
                        </button>
                        <ul class="livello_2 inail-menu-level-2 collapse in" id="item-1" role="list" >
                            <li>
                                <div class="inail-menu-container">
                                    <a href="javascript:void(0)">Secondo livello</a>
                                </div>
                            </li>
                            <li class="selected">
                                <div class="inail-menu-container">
                                    <a href="javascript:void(0)">Secondo livello</a>
                                </div>
                            </li>
                            <li>
                                <div class="inail-menu-container">
                                    <a href="javascript:void(0)">Secondo livello</a>
                                </div>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <button class="inail-menu-container">
                            <a class="livello_1 inail-menu-level-1" tabindex="-1" href="javascript:void(0)">Primo livello</a>
                             <span class="btn btn-link sub-tree-toggle"></span>
                        </button>
                    </li>
                    <li>
                        <button class="inail-menu-container">
                            <a class="livello_1 inail-menu-level-1" tabindex="-1" href="javascript:void(0)">Primo livello</a>
                             <span class="btn btn-link sub-tree-toggle"></span>
                        </button>
                    </li>
                    <li>
                        <button class="inail-menu-container"  data-toggle="collapse" data-target="#item-2" aria-expanded="false">
                            <a class="livello_1 inail-menu-level-1" href="javascript:void(0)" tabindex="-1">Primo livello</a>
                             <span class="btn btn-link sub-tree-toggle"></span>
                        </button>
                        <ul class="livello_2 inail-menu-level-2 collapse" id="item-2" role="list">
                            <li>
                                <div class="inail-menu-container">
                                    <a href="javascript:void(0)">Secondo livello</a>
                                </div>
                            </li>
                            <li>
                                <div class="inail-menu-container">
                                    <a href="javascript:void(0)">Secondo livello</a>
                                </div>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <button class="inail-menu-container" data-toggle="collapse" data-target="#item-3" aria-expanded="false">
                            <a class="livello_1 inail-menu-level-1" href="javascript:void(0)" tabindex="-1">Primo livello</a>
                           <span class="btn btn-link sub-tree-toggle"></span>
                            </button>
                        <ul class="livello_2 inail-menu-level-2 collapse" id="item-3" role="list">
                            <li>
                                <div class="inail-menu-container">
                                    <a href="javascript:void(0)">Secondo livello</a>
                                </div>
                            </li>
                            <li>
                                <div class="inail-menu-container">
                                    <a href="javascript:void(0)">Secondo livello</a>
                                </div>
                            </li>
                            <li>
                                <div class="inail-menu-container">
                                    <a href="javascript:void(0)">Secondo livello</a>
                                </div>
                            </li>
                            <li>
                                <div class="inail-menu-container">
                                    <a href="javascript:void(0)">Secondo livello</a>
                                </div>
                            </li>
                            <li>
                                <div class="inail-menu-container">
                                    <a href="javascript:void(0)">Secondo livello</a>
                                </div>
                            </li>
                            <li>
                                <div class="inail-menu-container">
                                    <a href="javascript:void(0)">Secondo livello</a>
                                </div>
                            </li>
                        </ul>
                    </li>
                </ul>
                <ul class="fa-ul miniMenuIcon pl-0" role="list">
                    <li>
                    <span aria-hidden="true" tabindex="-1" class="fa fa-solid fa-circle-question"></span><a
                            href="javascript:void(0)" class="inail-button-link m-0" title="Consulta le domande frequenti">Consulta le FAQ</a></li>
                    <li><span aria-hidden="true" tabindex="-1" class="fa fa-book"></span><a
                            href="javascript:void(0)" class="inail-button-link m-0" title="Manuali operativi">Manuali operativi</a></li>
                    <li><span aria-hidden="true" tabindex="-1" class="fa fa-download"></span><a
                            href="javascript:void(0)" class="inail-button-link m-0" title="Scarica elemento">Scarica elemento</a></li>
                </ul>
            </section>
            <section id="sidebar-inferiore">
                <h2 class="pb-4">Titolo inferiore</h2>
                <span class="sidebarLinks"><a href="javascript:void(0)">Lorem ipsum dolor sit amet</a></span>
                <span class="sidebarLinks"><a href="javascript:void(0)">Lorem ipsum dolor sit amet</a></span>
                 <span class="sidebarLinks"><a href="javascript:void(0)">Lorem ipsum dolor sit amet</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-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="d-flex align-items-center">
                    <div class="fa fa-chevron-left"></div>
                    <div>
                        <a href="javascript:void(0)">Torna alla mia Homepage</a>
                    </div>
                </h2>
            </div>
                <ul role="list" class="inail-menu-divider">
                    <li class="selected">
                        <button class="inail-menu-container" data-toggle="collapse" data-target="#item-1" aria-expanded="true">
                            <a href="javascript:void(0)" tabindex="-1" class="inail-menu-level-1">Primo livello</a>
                            <span class="btn btn-link sub-tree-toggle"></span>
                        </button>
                        <ul class="livello_2 inail-menu-level-2 collapse in" id="item-1" role="list" >
                            <li>
                                <div class="inail-menu-container">
                                    <a href="javascript:void(0)">Secondo livello</a>
                                </div>
                            </li>
                            <li class="selected">
                                <div class="inail-menu-container">
                                    <a href="javascript:void(0)">Secondo livello</a>
                                </div>
                            </li>
                            <li>
                                <div class="inail-menu-container">
                                    <a href="javascript:void(0)">Secondo livello</a>
                                </div>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <button class="inail-menu-container">
                            <a class="livello_1 inail-menu-level-1" tabindex="-1" href="javascript:void(0)">Primo livello</a>
                             <span class="btn btn-link sub-tree-toggle"></span>
                        </button>
                    </li>
                    <li>
                        <button class="inail-menu-container">
                            <a class="livello_1 inail-menu-level-1" tabindex="-1" href="javascript:void(0)">Primo livello</a>
                             <span class="btn btn-link sub-tree-toggle"></span>
                        </button>
                    </li>
                    <li>
                        <button class="inail-menu-container"  data-toggle="collapse" data-target="#item-2" aria-expanded="false">
                            <a class="livello_1 inail-menu-level-1" href="javascript:void(0)" tabindex="-1">Primo livello</a>
                             <span class="btn btn-link sub-tree-toggle"></span>
                        </button>
                        <ul class="livello_2 inail-menu-level-2 collapse" id="item-2" role="list">
                            <li>
                                <div class="inail-menu-container">
                                    <a href="javascript:void(0)">Secondo livello</a>
                                </div>
                            </li>
                            <li>
                                <div class="inail-menu-container">
                                    <a href="javascript:void(0)">Secondo livello</a>
                                </div>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <button class="inail-menu-container" data-toggle="collapse" data-target="#item-3" aria-expanded="false">
                            <a class="livello_1 inail-menu-level-1" href="javascript:void(0)" tabindex="-1">Primo livello</a>
                           <span class="btn btn-link sub-tree-toggle"></span>
                            </button>
                        <ul class="livello_2 inail-menu-level-2 collapse" id="item-3" role="list">
                            <li>
                                <div class="inail-menu-container">
                                    <a href="javascript:void(0)">Secondo livello</a>
                                </div>
                            </li>
                            <li>
                                <div class="inail-menu-container">
                                    <a href="javascript:void(0)">Secondo livello</a>
                                </div>
                            </li>
                            <li>
                                <div class="inail-menu-container">
                                    <a href="javascript:void(0)">Secondo livello</a>
                                </div>
                            </li>
                            <li>
                                <div class="inail-menu-container">
                                    <a href="javascript:void(0)">Secondo livello</a>
                                </div>
                            </li>
                            <li>
                                <div class="inail-menu-container">
                                    <a href="javascript:void(0)">Secondo livello</a>
                                </div>
                            </li>
                            <li>
                                <div class="inail-menu-container">
                                    <a href="javascript:void(0)">Secondo livello</a>
                                </div>
                            </li>
                        </ul>
                    </li>
                </ul>
                <ul class="fa-ul miniMenuIcon pl-0" role="list">
                    <li>
                    <span aria-hidden="true" tabindex="-1" class="fa fa-solid fa-circle-question"></span><a
                            href="javascript:void(0)" class="inail-button-link m-0" title="Consulta le domande frequenti">Consulta le FAQ</a></li>
                    <li><span aria-hidden="true" tabindex="-1" class="fa fa-book"></span><a
                            href="javascript:void(0)" class="inail-button-link m-0" title="Manuali operativi">Manuali operativi</a></li>
                    <li><span aria-hidden="true" tabindex="-1" class="fa fa-download"></span><a
                            href="javascript:void(0)" class="inail-button-link m-0" title="Scarica elemento">Scarica elemento</a></li>
                </ul>
            </section>
            <section id="sidebar-inferiore">
                <h2 class="pb-4">Titolo inferiore</h2>
                <span class="sidebarLinks"><a href="javascript:void(0)">Lorem ipsum dolor sit amet</a></span>
                <span class="sidebarLinks"><a href="javascript:void(0)">Lorem ipsum dolor sit amet</a></span>
                 <span class="sidebarLinks"><a href="javascript:void(0)">Lorem ipsum dolor sit amet</a></span>
            </section>
        </div>
    </nav>
</div>`}const h=`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. `,x={title:"Componenti/Menu/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:h}},decorators:[(l,n)=>m(l,n,3,["static-webkit/js/custom-webkit.js","static/js/main.js"],!0),l=>`<main id="contenutoPrincipale">${l()}</main>`]},i={name:"Menu con link di primo livello",render:()=>f()},a={name:"Menu Card",render:()=>b()},e={name:"Menu Servizi online con accordion",render:()=>g()};var o,s,t;i.parameters={...i.parameters,docs:{...(o=i.parameters)==null?void 0:o.docs,source:{originalSource:`{
  name: "Menu con link di primo livello",
  render: () => {
    return createMenuWithLink();
  }
}`,...(t=(s=i.parameters)==null?void 0:s.docs)==null?void 0:t.source}}};var r,c,d;a.parameters={...a.parameters,docs:{...(r=a.parameters)==null?void 0:r.docs,source:{originalSource:`{
  name: "Menu Card",
  render: () => {
    return createMenuCard();
  }
}`,...(d=(c=a.parameters)==null?void 0:c.docs)==null?void 0:d.source}}};var v,u,p;e.parameters={...e.parameters,docs:{...(v=e.parameters)==null?void 0:v.docs,source:{originalSource:`{
  name: "Menu Servizi online con accordion",
  render: () => {
    return createmenuWithAccordion();
  }
}`,...(p=(u=e.parameters)==null?void 0:u.docs)==null?void 0:p.source}}};const k=["MenuLink","MenuCard","MenuAccordion"];export{e as MenuAccordion,a as MenuCard,i as MenuLink,k as __namedExportsOrder,x as default};
