/*!
 * KoliBri - The accessible HTML-Standard
 */
import{r as registerInstance,h,H as Host,g as getElement}from"./index-cf24d1fe.js";import{n as KolLinkWcTag,g as KolIconTag,z as KolTreeTag}from"./component-names-0a8a1a6c.js";import{n as nonce}from"./dev.utils-44ef1bde.js";import{b as watchBoolean}from"./prop.validators-5a58fa40.js";import{v as validateLabel}from"./label-084ed1e7.js";import{v as validateOpen}from"./open-7d2c57bd.js";import{v as validateHref}from"./href-5e305ce2.js";import"./reuse-523ba2ac.js";import"./dev.utils-fab45cbc.js";import"./index-5728f164.js";const validateActive=(e,t,a)=>{watchBoolean(e,"_active",t,a)},KolTreeItemWc=class{constructor(e){registerInstance(this,e),this.groupId=`tree-group-${nonce()}`,this.level=void 0,this.state={_active:!1,_hasChildren:!1,_href:"",_label:"",_open:!1},this._active=void 0,this._label=void 0,this._open=void 0,this._href=void 0}render(){const{_href:e,_active:t,_hasChildren:a,_open:i,_label:s}=this.state;return h(Host,{key:"80b4d8b5633b98cf7ebc12c3c9e50cd5a2617d4a",onSlotchange:this.handleSlotchange.bind(this),class:"kol-tree-item-wc"},h("li",{key:"0dc520638d2452cc5687e192300192b22322dd25",class:"tree-item",style:{"--level":`${this.level}`}},h(KolLinkWcTag,{key:"6cf78c51ec92daaa5d29830eb1e6dd0147c12ee4",class:{"tree-link":!0,"first-level":0===this.level,active:Boolean(t)},_href:e,_label:"",_role:"treeitem",_tabIndex:t?0:-1,_ariaExpanded:a?i:void 0,_ariaOwns:a?this.groupId:void 0,ref:e=>this.linkElement=e},h("span",{key:"7681b6f5f59dc63fc025c2e6bf589478cd8e8db2",slot:"expert"},a&&h("span",{key:"e2504c3cd286758f562bad3238ded934ef4482f2",class:"toggle-button",onClick:e=>i?void this.handleCollapseClick(e):void this.handleExpandClick(e)},h(KolIconTag,{key:"892da807da1e116a0c6c6b1566f7db6e087886ff",class:"toggle-button-icon",_icons:"codicon codicon-"+(i?"chevron-down":"chevron-right"),_label:""}))," ",s)),h("ul",{key:"45db8c2f2dd4681e7ec0c130df25b0f97c3553ac",hidden:!a||!i,role:"group",id:this.groupId},h("slot",{key:"3052b7252e4188563fb2253a738421a3238da9a3"}))))}validateActive(e){validateActive(this,e||!1)}validateLabel(e){validateLabel(this,e)}validateOpen(e){validateOpen(this,e)}validateHref(e){validateHref(this,e)}componentWillLoad(){this.validateActive(this._active),this.validateLabel(this._label),this.validateOpen(this._open),this.validateHref(this._href),this.checkForChildren(),this.determineTreeItemDepth()}determineTreeItemDepth(){let e=0,t=this.host.parentNode.host.parentNode;for(;null!==t&&t.tagName.toLowerCase()!==KolTreeTag&&t!==document.body;)t=t.parentElement,e+=1;this.level=e}handleSlotchange(){this.checkForChildren()}checkForChildren(){var e,t;this.state=Object.assign(Object.assign({},this.state),{_hasChildren:Boolean(null===(t=null===(e=this.host.querySelector("slot"))||void 0===e?void 0:e.assignedElements)||void 0===t?void 0:t.call(e).length)})}async focusLink(){await this.linkElement.kolFocus()}async handleExpandClick(e){e.preventDefault(),await this.linkElement.kolFocus(),await this.expand()}async expand(){this.state._hasChildren&&(this.state=Object.assign(Object.assign({},this.state),{_open:!0}))}async handleCollapseClick(e){e.preventDefault(),this.linkElement.focus(),await this.collapse()}async collapse(){this.state._hasChildren&&(this.state=Object.assign(Object.assign({},this.state),{_open:!1}))}async isOpen(){var e;return null!==(e=this.state._open)&&void 0!==e&&e}get host(){return getElement(this)}static get watchers(){return{_active:["validateActive"],_label:["validateLabel"],_open:["validateOpen"],_href:["validateHref"]}}};export{KolTreeItemWc as kol_tree_item_wc};