import{a as p}from"./Utilities-CQhZFhp5.js";function v(){return`
	<div class="inail-menu-orizzontale-container">
	<nav aria-label="Funzione del menu">
		<ul class="inail-menu-orizzontale">
			<li><i class="fa-solid fa-chevron-right"></i><a class="inail-text-link-1" href="javascript:void(0)">Link 1</a></li>
			<li><i class="fa-solid fa-chevron-right"></i><a class="inail-text-link-1" href="javascript:void(0)">Link 2</a></li>
			<li><i class="fa-solid fa-chevron-right"></i><a class="inail-text-link-1" href="javascript:void(0)">Link 3</a></li>
		</ul>
		</nav>
	</div>
	`}function f(){return`
	<div class="inail-menu-orizzontale-container">
	<nav aria-label="Funzione del menu">
		<ul class="inail-menu-orizzontale" id="unoLv">
			<li><button class="inail-tertiary-button" data-toggle="collapse" data-target="#child-1" aria-expanded="true"><i class="fa-solid fa-chevron-right"></i>Voce 1</button>
				<ul class="inail-menu-orizzontale collapse in inail-menu-orizzontale-child-lvl2-list" id="child-1" aria-expanded="true">
					<li><a class="inail-text-link-1 inail-menu-orizzontale-child" href="javascript:void(0)">Link 1.1</a></li>
					<li><a class="inail-text-link-1 inail-menu-orizzontale-child" href="javascript:void(0)">Link 1.2</a></li>
					<li><a class="inail-text-link-1 inail-menu-orizzontale-child" href="javascript:void(0)">Link 1.3</a></li>
				</ul>
			</li>
			<li><button class="inail-tertiary-button" data-toggle="collapse" data-target="#child-2" aria-expanded="false"><i class="fa-solid fa-chevron-right"></i>Voce 2</button>
				<ul class="inail-menu-orizzontale collapse inail-menu-orizzontale-child-lvl2-list" id="child-2" aria-expanded="false">
					<li><a class="inail-text-link-1 inail-menu-orizzontale-child" href="javascript:void(0)">Link 2.1</a></li>
					<li><a class="inail-text-link-1 inail-menu-orizzontale-child" href="javascript:void(0)">Link 2.2</a></li>
					<li><a class="inail-text-link-1 inail-menu-orizzontale-child" href="javascript:void(0)">Link 2.3</a></li>
				</ul>
			</li>
			<li><button class="inail-tertiary-button" data-toggle="collapse" data-target="#child-3" aria-expanded="false"><i class="fa-solid fa-chevron-right"></i>Voce 3</button>
				<ul class="inail-menu-orizzontale collapse inail-menu-orizzontale-child-lvl2-list" id="child-3" aria-expanded="false">
					<li><a class="inail-text-link-1 inail-menu-orizzontale-child" href="javascript:void(0)">Link 3.1</a></li>
					<li><a class="inail-text-link-1 inail-menu-orizzontale-child" href="javascript:void(0)">Link 3.2</a></li>
					<li><a class="inail-text-link-1 inail-menu-orizzontale-child" href="javascript:void(0)">Link 3.3</a></li>
				</ul>
			</li>
		</ul>
		</nav>
	</div>
	`}function m(){return`<div class="inail-menu-orizzontale-container">
    <nav aria-label="Funzione del menu">
        <ul class="inail-menu-orizzontale" id="unoLv">
            
            <!-- LIVELLO 1 -->
            <li><button class="inail-tertiary-button" data-toggle="collapse" data-target="#child-1" aria-expanded="true"><i class="fa-solid fa-chevron-right"></i>Voce 1</button>
                <ul class="inail-menu-orizzontale collapse in inail-menu-orizzontale-child-lvl2-list" id="child-1" aria-expanded="true">
                    
                    <!-- 1.1 -->
                    <li><button class="inail-tertiary-button" data-toggle="collapse" data-target="#child-1-1" aria-expanded="true"><i class="fa-solid fa-chevron-right"></i>Voce 1.1</button>
                        <ul class="inail-menu-orizzontale collapse in inail-menu-orizzontale-child-lvl3-list" id="child-1-1" aria-expanded="true">
                            
                            <!-- 1.1.1 -->
                            <li><button class="inail-tertiary-button" data-toggle="collapse" data-target="#child-1-1-1" aria-expanded="true"><i class="fa-solid fa-chevron-right"></i>Voce 1.1.1</button>
                                <ul class="inail-menu-orizzontale collapse in inail-menu-orizzontale-child-lvl4-list" id="child-1-1-1" aria-expanded="true">
                                    <li><a class="inail-text-link-1 inail-menu-orizzontale-child" href="javascript:void(0)">Link 1.1.1.1</a></li>
                                    <li><a class="inail-text-link-1 inail-menu-orizzontale-child" href="javascript:void(0)">Link 1.1.1.2</a></li>
                                    <li><a class="inail-text-link-1 inail-menu-orizzontale-child" href="javascript:void(0)">Link 1.1.1.3</a></li>
                                </ul>
                            </li>
                            
                            <!-- 1.1.2 -->
                            <li><button class="inail-tertiary-button" data-toggle="collapse" data-target="#child-1-1-2" aria-expanded="false"><i class="fa-solid fa-chevron-right"></i>Voce 1.1.2</button>
                                <ul class="inail-menu-orizzontale collapse inail-menu-orizzontale-child-lvl4-list" id="child-1-1-2" aria-expanded="false">
                                    <li><a class="inail-text-link-1 inail-menu-orizzontale-child" href="javascript:void(0)">Link 1.1.2.1</a></li>
                                    <li><a class="inail-text-link-1 inail-menu-orizzontale-child" href="javascript:void(0)">Link 1.1.2.2</a></li>
                                    <li><a class="inail-text-link-1 inail-menu-orizzontale-child" href="javascript:void(0)">Link 1.1.2.3</a></li>
                                </ul>
                            </li>
                            
                            <!-- 1.1.3 -->
                            <li><button class="inail-tertiary-button" data-toggle="collapse" data-target="#child-1-1-3" aria-expanded="false"><i class="fa-solid fa-chevron-right"></i>Voce 1.1.3</button>
                                <ul class="inail-menu-orizzontale collapse inail-menu-orizzontale-child-lvl4-list" id="child-1-1-3" aria-expanded="false">
                                    <li><a class="inail-text-link-1 inail-menu-orizzontale-child" href="javascript:void(0)">Link 1.1.3.1</a></li>
                                    <li><a class="inail-text-link-1 inail-menu-orizzontale-child" href="javascript:void(0)">Link 1.1.3.2</a></li>
                                    <li><a class="inail-text-link-1 inail-menu-orizzontale-child" href="javascript:void(0)">Link 1.1.3.3</a></li>
                                </ul>
                            </li>
                        </ul>
                    </li>
                    
                    <!-- 1.2 -->
                    <li><button class="inail-tertiary-button" data-toggle="collapse" data-target="#child-1-2" aria-expanded="false"><i class="fa-solid fa-chevron-right"></i>Voce 1.2</button>
                        <ul class="inail-menu-orizzontale collapse inail-menu-orizzontale-child-lvl3-list" id="child-1-2" aria-expanded="false">
                            
                            <!-- 1.2.1 -->
                            <li><button class="inail-tertiary-button" data-toggle="collapse" data-target="#child-1-2-1" aria-expanded="false"><i class="fa-solid fa-chevron-right"></i>Voce 1.2.1</button>
                                <ul class="inail-menu-orizzontale collapse inail-menu-orizzontale-child-lvl4-list" id="child-1-2-1" aria-expanded="false">
                                    <li><a class="inail-text-link-1 inail-menu-orizzontale-child" href="javascript:void(0)">Link 1.2.1.1</a></li>
                                    <li><a class="inail-text-link-1 inail-menu-orizzontale-child" href="javascript:void(0)">Link 1.2.1.2</a></li>
                                    <li><a class="inail-text-link-1 inail-menu-orizzontale-child" href="javascript:void(0)">Link 1.2.1.3</a></li>
                                </ul>
                            </li>
                            
                            <!-- 1.2.2 -->
                            <li><button class="inail-tertiary-button" data-toggle="collapse" data-target="#child-1-2-2" aria-expanded="false"><i class="fa-solid fa-chevron-right"></i>Voce 1.2.2</button>
                                <ul class="inail-menu-orizzontale collapse inail-menu-orizzontale-child-lvl4-list" id="child-1-2-2" aria-expanded="false">
                                    <li><a class="inail-text-link-1 inail-menu-orizzontale-child" href="javascript:void(0)">Link 1.2.2.1</a></li>
                                    <li><a class="inail-text-link-1 inail-menu-orizzontale-child" href="javascript:void(0)">Link 1.2.2.2</a></li>
                                    <li><a class="inail-text-link-1 inail-menu-orizzontale-child" href="javascript:void(0)">Link 1.2.2.3</a></li>
                                </ul>
                            </li>
                            
                            <!-- 1.2.3 -->
                            <li><button class="inail-tertiary-button" data-toggle="collapse" data-target="#child-1-2-3" aria-expanded="false"><i class="fa-solid fa-chevron-right"></i>Voce 1.2.3</button>
                                <ul class="inail-menu-orizzontale collapse inail-menu-orizzontale-child-lvl4-list" id="child-1-2-3" aria-expanded="false">
                                    <li><a class="inail-text-link-1 inail-menu-orizzontale-child" href="javascript:void(0)">Link 1.2.3.1</a></li>
                                    <li><a class="inail-text-link-1 inail-menu-orizzontale-child" href="javascript:void(0)">Link 1.2.3.2</a></li>
                                    <li><a class="inail-text-link-1 inail-menu-orizzontale-child" href="javascript:void(0)">Link 1.2.3.3</a></li>
                                </ul>
                            </li>
                        </ul>
                    </li>
                    
                    <!-- 1.3 -->
                    <li><button class="inail-tertiary-button" data-toggle="collapse" data-target="#child-1-3" aria-expanded="false"><i class="fa-solid fa-chevron-right"></i>Voce 1.3</button>
                        <ul class="inail-menu-orizzontale collapse inail-menu-orizzontale-child-lvl3-list" id="child-1-3" aria-expanded="false">
                            
                            <!-- 1.3.1 -->
                            <li><button class="inail-tertiary-button" data-toggle="collapse" data-target="#child-1-3-1" aria-expanded="false"><i class="fa-solid fa-chevron-right"></i>Voce 1.3.1</button>
                                <ul class="inail-menu-orizzontale collapse inail-menu-orizzontale-child-lvl4-list" id="child-1-3-1" aria-expanded="false">
                                    <li><a class="inail-text-link-1 inail-menu-orizzontale-child" href="javascript:void(0)">Link 1.3.1.1</a></li>
                                    <li><a class="inail-text-link-1 inail-menu-orizzontale-child" href="javascript:void(0)">Link 1.3.1.2</a></li>
                                    <li><a class="inail-text-link-1 inail-menu-orizzontale-child" href="javascript:void(0)">Link 1.3.1.3</a></li>
                                </ul>
                            </li>
                            
                            <!-- 1.3.2 -->
                            <li><button class="inail-tertiary-button" data-toggle="collapse" data-target="#child-1-3-2" aria-expanded="false"><i class="fa-solid fa-chevron-right"></i>Voce 1.3.2</button>
                                <ul class="inail-menu-orizzontale collapse inail-menu-orizzontale-child-lvl4-list" id="child-1-3-2" aria-expanded="false">
                                    <li><a class="inail-text-link-1 inail-menu-orizzontale-child" href="javascript:void(0)">Link 1.3.2.1</a></li>
                                    <li><a class="inail-text-link-1 inail-menu-orizzontale-child" href="javascript:void(0)">Link 1.3.2.2</a></li>
                                    <li><a class="inail-text-link-1 inail-menu-orizzontale-child" href="javascript:void(0)">Link 1.3.2.3</a></li>
                                </ul>
                            </li>
                            
                            <!-- 1.3.3 -->
                            <li><button class="inail-tertiary-button" data-toggle="collapse" data-target="#child-1-3-3" aria-expanded="false"><i class="fa-solid fa-chevron-right"></i>Voce 1.3.3</button>
                                <ul class="inail-menu-orizzontale collapse inail-menu-orizzontale-child-lvl4-list" id="child-1-3-3" aria-expanded="false">
                                    <li><a class="inail-text-link-1 inail-menu-orizzontale-child" href="javascript:void(0)">Link 1.3.3.1</a></li>
                                    <li><a class="inail-text-link-1 inail-menu-orizzontale-child" href="javascript:void(0)">Link 1.3.3.2</a></li>
                                    <li><a class="inail-text-link-1 inail-menu-orizzontale-child" href="javascript:void(0)">Link 1.3.3.3</a></li>
                                </ul>
                            </li>
                        </ul>
                    </li>
                </ul>
            </li>
            
            <!-- LIVELLO 2 -->
            <li><button class="inail-tertiary-button" data-toggle="collapse" data-target="#child-2" aria-expanded="false"><i class="fa-solid fa-chevron-right"></i>Voce 2</button>
                <ul class="inail-menu-orizzontale collapse inail-menu-orizzontale-child-lvl2-list" id="child-2" aria-expanded="false">
                    
                    <!-- 2.1 -->
                    <li><button class="inail-tertiary-button" data-toggle="collapse" data-target="#child-2-1" aria-expanded="false"><i class="fa-solid fa-chevron-right"></i>Voce 2.1</button>
                        <ul class="inail-menu-orizzontale collapse inail-menu-orizzontale-child-lvl3-list" id="child-2-1" aria-expanded="false">
                            
                            <!-- 2.1.1 -->
                            <li><button class="inail-tertiary-button" data-toggle="collapse" data-target="#child-2-1-1" aria-expanded="false"><i class="fa-solid fa-chevron-right"></i>Voce 2.1.1</button>
                                <ul class="inail-menu-orizzontale collapse inail-menu-orizzontale-child-lvl4-list" id="child-2-1-1" aria-expanded="false">
                                    <li><a class="inail-text-link-1 inail-menu-orizzontale-child" href="javascript:void(0)">Link 2.1.1.1</a></li>
                                    <li><a class="inail-text-link-1 inail-menu-orizzontale-child" href="javascript:void(0)">Link 2.1.1.2</a></li>
                                    <li><a class="inail-text-link-1 inail-menu-orizzontale-child" href="javascript:void(0)">Link 2.1.1.3</a></li>
                                </ul>
                            </li>
                            
                            <!-- 2.1.2 -->
                            <li><button class="inail-tertiary-button" data-toggle="collapse" data-target="#child-2-1-2" aria-expanded="false"><i class="fa-solid fa-chevron-right"></i>Voce 2.1.2</button>
                                <ul class="inail-menu-orizzontale collapse inail-menu-orizzontale-child-lvl4-list" id="child-2-1-2" aria-expanded="false">
                                    <li><a class="inail-text-link-1 inail-menu-orizzontale-child" href="javascript:void(0)">Link 2.1.2.1</a></li>
                                    <li><a class="inail-text-link-1 inail-menu-orizzontale-child" href="javascript:void(0)">Link 2.1.2.2</a></li>
                                    <li><a class="inail-text-link-1 inail-menu-orizzontale-child" href="javascript:void(0)">Link 2.1.2.3</a></li>
                                </ul>
                            </li>
                            
                            <!-- 2.1.3 -->
                            <li><button class="inail-tertiary-button" data-toggle="collapse" data-target="#child-2-1-3" aria-expanded="false"><i class="fa-solid fa-chevron-right"></i>Voce 2.1.3</button>
                                <ul class="inail-menu-orizzontale collapse inail-menu-orizzontale-child-lvl4-list" id="child-2-1-3" aria-expanded="false">
                                    <li><a class="inail-text-link-1 inail-menu-orizzontale-child" href="javascript:void(0)">Link 2.1.3.1</a></li>
                                    <li><a class="inail-text-link-1 inail-menu-orizzontale-child" href="javascript:void(0)">Link 2.1.3.2</a></li>
                                    <li><a class="inail-text-link-1 inail-menu-orizzontale-child" href="javascript:void(0)">Link 2.1.3.3</a></li>
                                </ul>
                            </li>
                        </ul>
                    </li>
                    
                    <!-- 2.2 -->
                    <li><button class="inail-tertiary-button" data-toggle="collapse" data-target="#child-2-2" aria-expanded="false"><i class="fa-solid fa-chevron-right"></i>Voce 2.2</button>
                        <ul class="inail-menu-orizzontale collapse inail-menu-orizzontale-child-lvl3-list" id="child-2-2" aria-expanded="false">
                            
                            <!-- 2.2.1 -->
                            <li><button class="inail-tertiary-button" data-toggle="collapse" data-target="#child-2-2-1" aria-expanded="false"><i class="fa-solid fa-chevron-right"></i>Voce 2.2.1</button>
                                <ul class="inail-menu-orizzontale collapse inail-menu-orizzontale-child-lvl4-list" id="child-2-2-1" aria-expanded="false">
                                    <li><a class="inail-text-link-1 inail-menu-orizzontale-child" href="javascript:void(0)">Link 2.2.1.1</a></li>
                                    <li><a class="inail-text-link-1 inail-menu-orizzontale-child" href="javascript:void(0)">Link 2.2.1.2</a></li>
                                    <li><a class="inail-text-link-1 inail-menu-orizzontale-child" href="javascript:void(0)">Link 2.2.1.3</a></li>
                                </ul>
                            </li>
                            
                            <!-- 2.2.2 -->
                            <li><button class="inail-tertiary-button" data-toggle="collapse" data-target="#child-2-2-2" aria-expanded="false"><i class="fa-solid fa-chevron-right"></i>Voce 2.2.2</button>
                                <ul class="inail-menu-orizzontale collapse inail-menu-orizzontale-child-lvl4-list" id="child-2-2-2" aria-expanded="false">
                                    <li><a class="inail-text-link-1 inail-menu-orizzontale-child" href="javascript:void(0)">Link 2.2.2.1</a></li>
                                    <li><a class="inail-text-link-1 inail-menu-orizzontale-child" href="javascript:void(0)">Link 2.2.2.2</a></li>
                                    <li><a class="inail-text-link-1 inail-menu-orizzontale-child" href="javascript:void(0)">Link 2.2.2.3</a></li>
                                </ul>
                            </li>
                            
                            <!-- 2.2.3 -->
                            <li><button class="inail-tertiary-button" data-toggle="collapse" data-target="#child-2-2-3" aria-expanded="false"><i class="fa-solid fa-chevron-right"></i>Voce 2.2.3</button>
                                <ul class="inail-menu-orizzontale collapse inail-menu-orizzontale-child-lvl4-list" id="child-2-2-3" aria-expanded="false">
                                    <li><a class="inail-text-link-1 inail-menu-orizzontale-child" href="javascript:void(0)">Link 2.2.3.1</a></li>
                                    <li><a class="inail-text-link-1 inail-menu-orizzontale-child" href="javascript:void(0)">Link 2.2.3.2</a></li>
                                    <li><a class="inail-text-link-1 inail-menu-orizzontale-child" href="javascript:void(0)">Link 2.2.3.3</a></li>
                                </ul>
                            </li>
                        </ul>
                    </li>
                    
                    <!-- 2.3 -->
                    <li><button class="inail-tertiary-button" data-toggle="collapse" data-target="#child-2-3" aria-expanded="false"><i class="fa-solid fa-chevron-right"></i>Voce 2.3</button>
                        <ul class="inail-menu-orizzontale collapse inail-menu-orizzontale-child-lvl3-list" id="child-2-3" aria-expanded="false">
                            
                            <!-- 2.3.1 -->
                            <li><button class="inail-tertiary-button" data-toggle="collapse" data-target="#child-2-3-1" aria-expanded="false"><i class="fa-solid fa-chevron-right"></i>Voce 2.3.1</button>
                                <ul class="inail-menu-orizzontale collapse inail-menu-orizzontale-child-lvl4-list" id="child-2-3-1" aria-expanded="false">
                                    <li><a class="inail-text-link-1 inail-menu-orizzontale-child" href="javascript:void(0)">Link 2.3.1.1</a></li>
                                    <li><a class="inail-text-link-1 inail-menu-orizzontale-child" href="javascript:void(0)">Link 2.3.1.2</a></li>
                                    <li><a class="inail-text-link-1 inail-menu-orizzontale-child" href="javascript:void(0)">Link 2.3.1.3</a></li>
                                </ul>
                            </li>
                            
                            <!-- 2.3.2 -->
                            <li><button class="inail-tertiary-button" data-toggle="collapse" data-target="#child-2-3-2" aria-expanded="false"><i class="fa-solid fa-chevron-right"></i>Voce 2.3.2</button>
                                <ul class="inail-menu-orizzontale collapse inail-menu-orizzontale-child-lvl4-list" id="child-2-3-2" aria-expanded="false">
                                    <li><a class="inail-text-link-1 inail-menu-orizzontale-child" href="javascript:void(0)">Link 2.3.2.1</a></li>
                                    <li><a class="inail-text-link-1 inail-menu-orizzontale-child" href="javascript:void(0)">Link 2.3.2.2</a></li>
                                    <li><a class="inail-text-link-1 inail-menu-orizzontale-child" href="javascript:void(0)">Link 2.3.2.3</a></li>
                                </ul>
                            </li>
                            
                            <!-- 2.3.3 -->
                            <li><button class="inail-tertiary-button" data-toggle="collapse" data-target="#child-2-3-3" aria-expanded="false"><i class="fa-solid fa-chevron-right"></i>Voce 2.3.3</button>
                                <ul class="inail-menu-orizzontale collapse inail-menu-orizzontale-child-lvl4-list" id="child-2-3-3" aria-expanded="false">
                                    <li><a class="inail-text-link-1 inail-menu-orizzontale-child" href="javascript:void(0)">Link 2.3.3.1</a></li>
                                    <li><a class="inail-text-link-1 inail-menu-orizzontale-child" href="javascript:void(0)">Link 2.3.3.2</a></li>
                                    <li><a class="inail-text-link-1 inail-menu-orizzontale-child" href="javascript:void(0)">Link 2.3.3.3</a></li>
                                </ul>
                            </li>
                        </ul>
                    </li>
                </ul>
            </li>
            
            <!-- LIVELLO 3 -->
            <li><button class="inail-tertiary-button" data-toggle="collapse" data-target="#child-3" aria-expanded="false"><i class="fa-solid fa-chevron-right"></i>Voce 3</button>
                <ul class="inail-menu-orizzontale collapse inail-menu-orizzontale-child-lvl2-list" id="child-3" aria-expanded="false">
                    
                    <!-- 3.1 -->
                    <li><button class="inail-tertiary-button" data-toggle="collapse" data-target="#child-3-1" aria-expanded="false"><i class="fa-solid fa-chevron-right"></i>Voce 3.1</button>
                        <ul class="inail-menu-orizzontale collapse inail-menu-orizzontale-child-lvl3-list" id="child-3-1" aria-expanded="false">
                            
                            <!-- 3.1.1 -->
                            <li><button class="inail-tertiary-button" data-toggle="collapse" data-target="#child-3-1-1" aria-expanded="false"><i class="fa-solid fa-chevron-right"></i>Voce 3.1.1</button>
                                <ul class="inail-menu-orizzontale collapse inail-menu-orizzontale-child-lvl4-list" id="child-3-1-1" aria-expanded="false">
                                    <li><a class="inail-text-link-1 inail-menu-orizzontale-child" href="javascript:void(0)">Link 3.1.1.1</a></li>
                                    <li><a class="inail-text-link-1 inail-menu-orizzontale-child" href="javascript:void(0)">Link 3.1.1.2</a></li>
                                    <li><a class="inail-text-link-1 inail-menu-orizzontale-child" href="javascript:void(0)">Link 3.1.1.3</a></li>
                                </ul>
                            </li>
                            
                            <!-- 3.1.2 -->
                            <li><button class="inail-tertiary-button" data-toggle="collapse" data-target="#child-3-1-2" aria-expanded="false"><i class="fa-solid fa-chevron-right"></i>Voce 3.1.2</button>
                                <ul class="inail-menu-orizzontale collapse inail-menu-orizzontale-child-lvl4-list" id="child-3-1-2" aria-expanded="false">
                                    <li><a class="inail-text-link-1 inail-menu-orizzontale-child" href="javascript:void(0)">Link 3.1.2.1</a></li>
                                    <li><a class="inail-text-link-1 inail-menu-orizzontale-child" href="javascript:void(0)">Link 3.1.2.2</a></li>
                                    <li><a class="inail-text-link-1 inail-menu-orizzontale-child" href="javascript:void(0)">Link 3.1.2.3</a></li>
                                </ul>
                            </li>
                            
                            <!-- 3.1.3 -->
                            <li><button class="inail-tertiary-button" data-toggle="collapse" data-target="#child-3-1-3" aria-expanded="false"><i class="fa-solid fa-chevron-right"></i>Voce 3.1.3</button>
                                <ul class="inail-menu-orizzontale collapse inail-menu-orizzontale-child-lvl4-list" id="child-3-1-3" aria-expanded="false">
                                    <li><a class="inail-text-link-1 inail-menu-orizzontale-child" href="javascript:void(0)">Link 3.1.3.1</a></li>
                                    <li><a class="inail-text-link-1 inail-menu-orizzontale-child" href="javascript:void(0)">Link 3.1.3.2</a></li>
                                    <li><a class="inail-text-link-1 inail-menu-orizzontale-child" href="javascript:void(0)">Link 3.1.3.3</a></li>
                                </ul>
                            </li>
                        </ul>
                    </li>
                    
                    <!-- 3.2 -->
                    <li><button class="inail-tertiary-button" data-toggle="collapse" data-target="#child-3-2" aria-expanded="false"><i class="fa-solid fa-chevron-right"></i>Voce 3.2</button>
                        <ul class="inail-menu-orizzontale collapse inail-menu-orizzontale-child-lvl3-list" id="child-3-2" aria-expanded="false">
                            
                            <!-- 3.2.1 -->
                            <li><button class="inail-tertiary-button" data-toggle="collapse" data-target="#child-3-2-1" aria-expanded="false"><i class="fa-solid fa-chevron-right"></i>Voce 3.2.1</button>
                                <ul class="inail-menu-orizzontale collapse inail-menu-orizzontale-child-lvl4-list" id="child-3-2-1" aria-expanded="false">
                                    <li><a class="inail-text-link-1 inail-menu-orizzontale-child" href="javascript:void(0)">Link 3.2.1.1</a></li>
                                    <li><a class="inail-text-link-1 inail-menu-orizzontale-child" href="javascript:void(0)">Link 3.2.1.2</a></li>
                                    <li><a class="inail-text-link-1 inail-menu-orizzontale-child" href="javascript:void(0)">Link 3.2.1.3</a></li>
                                </ul>
                            </li>
                            
                            <!-- 3.2.2 -->
                            <li><button class="inail-tertiary-button" data-toggle="collapse" data-target="#child-3-2-2" aria-expanded="false"><i class="fa-solid fa-chevron-right"></i>Voce 3.2.2</button>
                                <ul class="inail-menu-orizzontale collapse inail-menu-orizzontale-child-lvl4-list" id="child-3-2-2" aria-expanded="false">
                                    <li><a class="inail-text-link-1 inail-menu-orizzontale-child" href="javascript:void(0)">Link 3.2.2.1</a></li>
                                    <li><a class="inail-text-link-1 inail-menu-orizzontale-child" href="javascript:void(0)">Link 3.2.2.2</a></li>
                                    <li><a class="inail-text-link-1 inail-menu-orizzontale-child" href="javascript:void(0)">Link 3.2.2.3</a></li>
                                </ul>
                            </li>
                            
                            <!-- 3.2.3 -->
                            <li><button class="inail-tertiary-button" data-toggle="collapse" data-target="#child-3-2-3" aria-expanded="false"><i class="fa-solid fa-chevron-right"></i>Voce 3.2.3</button>
                                <ul class="inail-menu-orizzontale collapse inail-menu-orizzontale-child-lvl4-list" id="child-3-2-3" aria-expanded="false">
                                    <li><a class="inail-text-link-1 inail-menu-orizzontale-child" href="javascript:void(0)">Link 3.2.3.1</a></li>
                                    <li><a class="inail-text-link-1 inail-menu-orizzontale-child" href="javascript:void(0)">Link 3.2.3.2</a></li>
                                    <li><a class="inail-text-link-1 inail-menu-orizzontale-child" href="javascript:void(0)">Link 3.2.3.3</a></li>
                                </ul>
                            </li>
                        </ul>
                    </li>
                    
                    <!-- 3.3 -->
                    <li><button class="inail-tertiary-button" data-toggle="collapse" data-target="#child-3-3" aria-expanded="false"><i class="fa-solid fa-chevron-right"></i>Voce 3.3</button>
                        <ul class="inail-menu-orizzontale collapse inail-menu-orizzontale-child-lvl3-list" id="child-3-3" aria-expanded="false">
                            
                            <!-- 3.3.1 -->
                            <li><button class="inail-tertiary-button" data-toggle="collapse" data-target="#child-3-3-1" aria-expanded="false"><i class="fa-solid fa-chevron-right"></i>Voce 3.3.1</button>
                                <ul class="inail-menu-orizzontale collapse inail-menu-orizzontale-child-lvl4-list" id="child-3-3-1" aria-expanded="false">
                                    <li><a class="inail-text-link-1 inail-menu-orizzontale-child" href="javascript:void(0)">Link 3.3.1.1</a></li>
                                    <li><a class="inail-text-link-1 inail-menu-orizzontale-child" href="javascript:void(0)">Link 3.3.1.2</a></li>
                                    <li><a class="inail-text-link-1 inail-menu-orizzontale-child" href="javascript:void(0)">Link 3.3.1.3</a></li>
                                </ul>
                            </li>
                            
                            <!-- 3.3.2 -->
                            <li><button class="inail-tertiary-button" data-toggle="collapse" data-target="#child-3-3-2" aria-expanded="false"><i class="fa-solid fa-chevron-right"></i>Voce 3.3.2</button>
                                <ul class="inail-menu-orizzontale collapse inail-menu-orizzontale-child-lvl4-list" id="child-3-3-2" aria-expanded="false">
                                    <li><a class="inail-text-link-1 inail-menu-orizzontale-child" href="javascript:void(0)">Link 3.3.2.1</a></li>
                                    <li><a class="inail-text-link-1 inail-menu-orizzontale-child" href="javascript:void(0)">Link 3.3.2.2</a></li>
                                    <li><a class="inail-text-link-1 inail-menu-orizzontale-child" href="javascript:void(0)">Link 3.3.2.3</a></li>
                                </ul>
                            </li>
                            
                            <!-- 3.3.3 -->
                            <li><button class="inail-tertiary-button" data-toggle="collapse" data-target="#child-3-3-3" aria-expanded="false"><i class="fa-solid fa-chevron-right"></i>Voce 3.3.3</button>
                                <ul class="inail-menu-orizzontale collapse inail-menu-orizzontale-child-lvl4-list" id="child-3-3-3" aria-expanded="false">
                                    <li><a class="inail-text-link-1 inail-menu-orizzontale-child" href="javascript:void(0)">Link 3.3.3.1</a></li>
                                    <li><a class="inail-text-link-1 inail-menu-orizzontale-child" href="javascript:void(0)">Link 3.3.3.2</a></li>
                                    <li><a class="inail-text-link-1 inail-menu-orizzontale-child" href="javascript:void(0)">Link 3.3.3.3</a></li>
                                </ul>
                            </li>
                        </ul>
                    </li>
                </ul>
            </li>
        </ul>
    </nav>
</div>
			`}const k="N.D.",x={title:"Componenti/Menu orizzontale",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:k,showAccessibility:!0}},decorators:[(e,n)=>p(e,n,3,["https://cdn.inailcloud.it/assets/inail/u.1.0/static-webkit/js/custom-webkit.js","https://cdn.inailcloud.it/assets/inail/u.1.0/static/js/main.js"],!0),e=>`<main id="contenutoPrincipale">${e()}</main>`]},i={name:"Esempio menu orizzontale chiuso (0 livelli)",render:()=>v()},a={name:"Esempio menu orizzontale aperto (1 livello)",render:()=>f()},l={name:"Esempio menu orizzontale aperto (3 livelli)",render:()=>m()};var t,o,s;i.parameters={...i.parameters,docs:{...(t=i.parameters)==null?void 0:t.docs,source:{originalSource:`{
  name: "Esempio menu orizzontale chiuso (0 livelli)",
  render: () => {
    return createMenu();
  }
}`,...(s=(o=i.parameters)==null?void 0:o.docs)==null?void 0:s.source}}};var r,c,d;a.parameters={...a.parameters,docs:{...(r=a.parameters)==null?void 0:r.docs,source:{originalSource:`{
  name: "Esempio menu orizzontale aperto (1 livello)",
  render: () => {
    return createMenuLevel1();
  }
}`,...(d=(c=a.parameters)==null?void 0:c.docs)==null?void 0:d.source}}};var u,h,z;l.parameters={...l.parameters,docs:{...(u=l.parameters)==null?void 0:u.docs,source:{originalSource:`{
  name: "Esempio menu orizzontale aperto (3 livelli)",
  render: () => {
    return createMenuLevel3();
  }
}`,...(z=(h=l.parameters)==null?void 0:h.docs)==null?void 0:z.source}}};const b=["MenuHorizontal","MenuHorizontalLevel1","MenuHorizontalLevel3"];export{i as MenuHorizontal,a as MenuHorizontalLevel1,l as MenuHorizontalLevel3,b as __namedExportsOrder,x as default};
