@public-ui/components/dist/cjs/kol-tree-item-wc.cjs.entry.js

Contains all web components that belong to KoliBri - The accessible HTML-Standard.

/*!
 * KoliBri - The accessible HTML-Standard
 */
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const index=require("./index-f30fe481.js"),componentNames=require("./component-names-2c750b1b.js"),dev_utils=require("./dev.utils-56ff111d.js"),prop_validators=require("./prop.validators-3c86f8eb.js"),label=require("./label-3ce275fe.js"),open=require("./open-e08280be.js"),href=require("./href-c14d2c3e.js");require("./reuse-8cfefa9b.js"),require("./dev.utils-58fde089.js"),require("./index-c77a4142.js");const validateActive=(e,t,i)=>{prop_validators.watchBoolean(e,"_active",t,i)},KolTreeItemWc=class{constructor(e){index.registerInstance(this,e),this.groupId=`tree-group-${dev_utils.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:i,_open:a,_label:s}=this.state;return index.h(index.Host,{key:"ceb601f2530ae6d55fe0a136905b084acb3a58c4",onSlotchange:this.handleSlotchange.bind(this),class:"kol-tree-item-wc"},index.h("li",{key:"cf961136786ddbf84b69485240b2ad564fdd3344",class:"tree-item",style:{"--level":`${this.level}`}},index.h(componentNames.KolLinkWcTag,{key:"6b2fef9321edbacad56337a59ff24e7f00faa02c",class:{"tree-link":!0,"first-level":0===this.level,active:Boolean(t)},_href:e,_label:"",_role:"treeitem",_tabIndex:t?0:-1,_ariaExpanded:i?a:void 0,_ariaOwns:i?this.groupId:void 0,ref:e=>this.linkElement=e},index.h("span",{key:"3d1e9682b93daf10ce9f39708af6ab3651e61fa5",class:"tree-link-inner",slot:"expert"},i?index.h("span",{class:"toggle-button",onClick:e=>a?void this.handleCollapseClick(e):void this.handleExpandClick(e)},index.h(componentNames.KolIconTag,{class:"toggle-button-icon",_icons:"codicon codicon-"+(a?"chevron-down":"chevron-right"),_label:""})):index.h("span",{class:"toggle-button-placeholder"}),index.h("span",{key:"3372295b8f1da04ce7d985d1c9d40188450d808f",class:"text"},s))),index.h("ul",{key:"c1d6ff3d02c3414cb2d9500c83c17b9869f9d637",hidden:!i||!a,role:"group",id:this.groupId},index.h("slot",{key:"254166f7813cd1cb26c15e5334e6688e02b85b87"}))))}validateActive(e){validateActive(this,e||!1)}validateLabel(e){label.validateLabel(this,e)}validateOpen(e){open.validateOpen(this,e)}validateHref(e){href.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()!==componentNames.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 index.getElement(this)}static get watchers(){return{_active:["validateActive"],_label:["validateLabel"],_open:["validateOpen"],_href:["validateHref"]}}};exports.kol_tree_item_wc=KolTreeItemWc;