/*!
 * KoliBri - The accessible HTML-Standard
 */
import{r as e,h as i,H as t,g as a}from"./index-91489a9f.js";import{r as o,q as s}from"./component-names-a18a51c8.js";import{v as n}from"./label-d0315384.js";import"./prop.validators-9feb1d92.js";import"./index-da3e0c00.js";import"./dev.utils-fab45cbc.js";const l=class{constructor(t){e(this,t),this.state={_label:""},this._label=void 0}validateLabel(e){n(this,e)}render(){return i(t,{key:"7ed304596f8d9f4ab353c881aa3e7a058d23b1cc",onSlotchange:this.handleSlotchange.bind(this)},i("nav",{key:"53d283e8c52792eb96d540a364cd13f6e504a433",class:"kol-tree","aria-label":this.state._label},i("ul",{key:"c2ce2459919900ee430507a5599ff09d54638376",class:"kol-tree__treeview-navigation",role:"tree","aria-label":this.state._label},i("slot",{key:"cba291c46b0bbfe699b154b0333932a1829ff03e"}))))}static isTreeItem(e){return(null==e?void 0:e.tagName)===o.toUpperCase()}componentWillLoad(){this.validateLabel(this._label),this.handleTreeChange(),this.observeChildListMutations()}disconnectedCallback(){var e;null===(e=this.observer)||void 0===e||e.disconnect()}observeChildListMutations(){this.observer=new MutationObserver(this.handleTreeChange.bind(this)),this.observeTopLevelItems()}handleSlotchange(){this.observeTopLevelItems(),this.handleTreeChange()}observeTopLevelItems(){var e;null===(e=this.getTopLevelTreeItems())||void 0===e||e.forEach((e=>{var t;null===(t=this.observer)||void 0===t||t.observe(e,{childList:!0,subtree:!0})}))}getTopLevelTreeItems(){var e,t,a;return null===(a=null===(t=null===(e=this.host.querySelector("slot"))||void 0===e?void 0:e.assignedNodes)||void 0===t?void 0:t.call(e))||void 0===a?void 0:a.filter(l.isTreeItem)}handleTreeChange(){this.treeItemElements=this.getTreeItemElements(),this.ensureActiveItemVisibility()}getTreeItemElements(){var e;return null===(e=this.getTopLevelTreeItems())||void 0===e?void 0:e.reduce(((e,t)=>{const a=t.querySelectorAll(o);return[...e,t,...a]}),[])}async getOpenTreeItemElements(){if(!this.treeItemElements)return;const e=async t=>!l.isTreeItem(t.parentElement)||await t.parentElement.isOpen()&&await e(t.parentElement);return(await Promise.all(this.treeItemElements.map((async t=>({value:t,include:await e(t)}))))).filter((e=>e.include)).map((e=>e.value))}async handleKeyDown(e){var t,a,i,l,s,n,r,c,d;const v=await this.getOpenTreeItemElements(),u=null===(t=document.activeElement)||void 0===t?void 0:t.closest(o);if(!v||!u)return;const h=null==v?void 0:v.findIndex((e=>e===u));switch(e.key){case"ArrowDown":await(null===(a=v[h+1])||void 0===a?void 0:a.focusLink()),e.preventDefault();break;case"ArrowUp":await(null===(i=v[h-1])||void 0===i?void 0:i.focusLink()),e.preventDefault();break;case"Right":case"ArrowRight":e.preventDefault(),await u.isOpen()?await(null===(l=v[h+1])||void 0===l?void 0:l.focusLink()):await u.expand();break;case"Left":case"ArrowLeft":if(e.preventDefault(),await u.isOpen())await u.collapse();else{const e=v.findIndex((e=>e===u.parentElement));-1!==e&&await(null===(s=v[e])||void 0===s?void 0:s.focusLink())}break;case"Home":await(null===(n=v[0])||void 0===n?void 0:n.focusLink()),e.preventDefault();break;case"End":await(null===(r=v[v.length-1])||void 0===r?void 0:r.focusLink()),e.preventDefault();break;case null===(c=e.key.match(/[a-zA-Z0-9]/))||void 0===c?void 0:c.input:{const t=e.key.toLowerCase(),a=v.indexOf(u)+1,i=v.concat(v),l=i.slice(a,a+v.length).findIndex((e=>{var a;return null===(a=e.getAttribute("_label"))||void 0===a?void 0:a.trim().toLowerCase().startsWith(t)}));-1!==l&&(await i[a+l].focusLink(),e.preventDefault());break}case"*":{const e=null===(d=u.parentElement)||void 0===d?void 0:d.querySelectorAll(o);null==e||e.forEach((e=>{e.expand()}));break}}}async handleFocusOut(e){e.relatedTarget&&!e.relatedTarget.closest(s)&&await this.ensureActiveItemVisibility()}async ensureActiveItemVisibility(){const e=t=>{l.isTreeItem(t.parentElement)&&(t.parentElement.expand(),e(t.parentElement))},t=(()=>{var e,t,a,i;const s=null!==(i=null===(a=null===(t=null===(e=this.host.querySelector("slot"))||void 0===e?void 0:e.assignedNodes)||void 0===t?void 0:t.call(e))||void 0===a?void 0:a.filter(l.isTreeItem))&&void 0!==i?i:[];for(const e of s){if(e._active)return e;const t=e.querySelector(`${o}[_active="true"]`);if(t&&t._active)return t}})();t&&e(t)}get host(){return a(this)}static get watchers(){return{_label:["validateLabel"]}}};export{l as kol_tree_wc};