{root:}
		<div class="akmenu">
			{data.childs::mitem}
		</div>
		<script type="module" async>
			const div = document.getElementById('{div}').getElementsByClassName('akmenu')[0]
			const cls = (cls, el = div) => el.getElementsByClassName(cls)
			const tag = (tag, el = div) => el.getElementsByTagName(tag)
			const items = cls('item')
			const hideall = () => {
				for (const childs of cls('childs')) childs.classList.remove('show')
			}
			for (const item of items) {
				if (!item.classList.contains('group')) continue
				const btn = cls('title', item)[0]
				btn.addEventListener('click', () => {
					const childs = cls('childs', item)[0]
					const is = childs.classList.contains('show')
					hideall()
					if (is) childs.classList.remove('show')
					else childs.classList.add('show')
				})
				btn.addEventListener('keypress', e => {
					if (e.keyCode != 13) return
					const childs = cls('childs', item)[0]
					const is = childs.classList.contains('show')
					hideall()
					if (is) childs.classList.remove('show')
					else childs.classList.add('show')
				})
			}
			document.body.addEventListener('click', e => {
				let el = e.target
				const path = [el]
				while (el && el.parentElement) path.push(el = el.parentElement)
				if (!path.find(el => el.tagName == 'A')) { //Клик по ссылке всегда сворачивает меню
					if (path.find(el => el == div)) return; //Клик внутри меню, меню не сворачивает
				}
				hideall() //Скрываем меню
			})
		</script>
		<script type="module">
			const div = document.getElementById('{div}').getElementsByClassName('akmenu')[0]
			import("/vendor/infrajs/activelink/Activelink.js").then(({ Activelink }) => Activelink(div))
		</script>
	{mitem:}
		{~length(childs)?:mitemchilds?:mitemtitle}
	{mitemchilds:}
		<div class="item group">
			<div role="button" tabindex="0" class="title"><span>{Название}</span>{:mark}</div>
			{childs:subgroup}
		</div>
	{mitemtitle:}
		<div class="item">
			<a class="title" href="{Ссылка}">
				{Название}
			</a>
		</div>
	{mark:}{:svg.chevrone}
	{strsubgroups:}group
	{subgroup:}
		<div class="childs">
			{::subitem}
		</div>
		{subitem:}
			<a href="{Ссылка}">{Название}</a>
{svg.chevrone:}
	<svg width="20px" height="20px" viewBox="0 0 438.533 438.533" 
		style="transform: rotate(90deg); fill: currentColor; enable-background:new 0 0 438.533 438.533;" 
		xml:space="preserve">
		<path d="M409.133,109.203c-19.608-33.592-46.205-60.189-79.798-79.796C295.736,9.801,259.058,0,219.273,0
			c-39.781,0-76.47,9.801-110.063,29.407c-33.595,19.604-60.192,46.201-79.8,79.796C9.801,142.8,0,179.489,0,219.267
			c0,39.78,9.804,76.463,29.407,110.062c19.607,33.592,46.204,60.189,79.799,79.798c33.597,19.605,70.283,29.407,110.063,29.407
			s76.47-9.802,110.065-29.407c33.593-19.602,60.189-46.206,79.795-79.798c19.603-33.596,29.403-70.284,29.403-110.062
			C438.533,179.485,428.732,142.795,409.133,109.203z M334.332,232.111L204.71,361.736c-3.617,3.613-7.896,5.428-12.847,5.428
			c-4.952,0-9.235-1.814-12.85-5.428l-29.121-29.13c-3.617-3.613-5.426-7.898-5.426-12.847c0-4.941,1.809-9.232,5.426-12.847
			l87.653-87.646l-87.657-87.65c-3.617-3.612-5.426-7.898-5.426-12.845c0-4.949,1.809-9.231,5.426-12.847l29.121-29.13
			c3.619-3.615,7.898-5.424,12.85-5.424c4.95,0,9.233,1.809,12.85,5.424l129.622,129.621c3.613,3.614,5.42,7.898,5.42,12.847
			C339.752,224.213,337.945,228.498,334.332,232.111z"/>
	</svg>
{svg.bar:}
    <svg viewBox="0 0 30 30" width="22" height="22">
        <path 
            stroke="currentColor" 
            stroke-width="4" 
            stroke-linecap="round" 
            d="	M2 04 h26 
                M2 15 h26 
                M2 26 h26">
        </path>
    </svg>