@public-ui/sample-react 4.1.1-rc.1 → 4.1.1-rc.2

package/dist/assets/{kol-tooltip-wc.entry-B5RtIzfL.js → kol-tooltip-wc.entry-Cnt7-Ygs.js}

@@ -1,2 +1,2 @@
-import{r as h,M as l,h as o,H as r,g as d,q as a}from"./index-DmmpFrhU.js";import{b as p,a as c}from"./align-floating-elements-DGbaInbL-CeTprR9v.js";import{v as u}from"./align-DDUsWnWP-0Po1-IYs.js";import{v as m}from"./label-C18ud7Yt-sNaprwbD.js";import"./Alert-DY4wIJCN-Du_bq_bE.js";import"./i18n-DvMeCREp-ilJPN43c.js";import{K as v}from"./Span-AR30plJF-C4_2z_fq.js";import{n as E}from"./dev.utils-DNEGN6vR-Ba6hS_dp.js";import{t as f,a as g}from"./tooltip-open-tracking-rBbBgPWP-DRkgcff2.js";import"./tslib.es6-CxX45GIN-BGVaTf34.js";import"./isObject-DvSELytj-CqVuuo6Q.js";import"./markdown-BWEzLPZi-DhN80XTz.js";import"./clsx-COFh-Vc8-D7cYsJM5.js";import"./Heading-DjpTyUay-Dbwpdipz.js";import"./Icon-DFoU1x_z-DDOFJFPf.js";import"./InternalUnderlinedBadgeText-BCOuG2r0-CSn2VZ0I.js";const b=(i,t)=>{a(i,"_badgeText",t)},L=(i,t)=>{a(i,"_id",t)},s=new Set;function _(i){s.forEach(t=>{t.style.setProperty("z-index","999")}),s.add(i),i.style.setProperty("z-index","1000")}function T(i){if(s.delete(i),s.size>0){const t=Array.from(s).pop();t&&t.style.setProperty("z-index","1000")}}const z=class{constructor(i){h(this,i),this.hasFocusIn=!1,this.hasMouseIn=!1,this.isHiddenForCurrentVisit=!1,this.resetHideFlag=()=>{this.isNewVisit()&&(this.isHiddenForCurrentVisit=!1)},this.showTooltip=()=>{var t;if(!this.isHiddenForCurrentVisit&&this.previousSibling&&this.tooltipElement){_(this.tooltipElement),f(),this.tooltipElement.classList.remove("hide"),this.tooltipElement.classList.add("show"),this.tooltipElement.style.setProperty("display","block"),(t=this.parentElement)===null||t===void 0||t.classList.add("hastooltip"),l().addEventListener("keyup",this.hideTooltipByEscape,{once:!0});const e=this.previousSibling,n=this.tooltipElement;this.cleanupAutoPositioning=p(e,n,()=>{this.alignTooltip()})}},this.hideTooltipByEscape=t=>{t.key==="Escape"&&this.hideTooltip()},this.addListeners=t=>{t.addEventListener("mouseenter",this.handleMouseEnter.bind(this)),t.addEventListener("mouseleave",this.handleMouseLeave.bind(this)),t.addEventListener("focusin",this.handleFocusIn.bind(this)),t.addEventListener("focusout",this.handleFocusOut.bind(this))},this.removeListeners=t=>{t.removeEventListener("mouseenter",this.handleMouseEnter.bind(this)),t.removeEventListener("mouseleave",this.handleMouseLeave.bind(this)),t.removeEventListener("focusin",this.handleFocusIn.bind(this)),t.removeEventListener("focusout",this.handleFocusOut.bind(this))},this.resyncListeners=(t,e,n=!1)=>{t&&this.removeListeners(t),e&&(n&&(this.previousSibling=e),this.addListeners(e))},this.catchTooltipElement=t=>{this.tooltipElement=t},this.catchArrowElement=t=>{this.arrowElement=t},this._align="top",this.state={_align:"top",_id:`id-${E()}`,_label:""},this.showOrHideTooltip=()=>{clearTimeout(this.overFocusTimeout),this.overFocusTimeout=setTimeout(()=>{this.hasMouseIn||this.hasFocusIn?this.showTooltip():this.hideTooltip()},300)}}isNewVisit(){return!this.hasMouseIn&&!this.hasFocusIn}async alignTooltip(){this.tooltipElement&&this.previousSibling&&await c({align:this._align,referenceElement:this.previousSibling,arrowElement:this.arrowElement,floatingElement:this.tooltipElement})}async hideTooltip(){var i;this.isHiddenForCurrentVisit=!0,this.tooltipElement&&(T(this.tooltipElement),g(),this.tooltipElement.classList.remove("show"),this.tooltipElement.classList.add("hide"),(i=this.parentElement)===null||i===void 0||i.classList.remove("hastooltip"),this.cleanupAutoPositioning&&(this.cleanupAutoPositioning(),this.cleanupAutoPositioning=void 0)),l().removeEventListener("keyup",this.hideTooltipByEscape)}handleMouseEnter(){const i=this.isNewVisit();this.hasMouseIn=!0,i&&(this.isHiddenForCurrentVisit=!1),this.showOrHideTooltip()}handleMouseLeave(){this.hasMouseIn=!1,this.resetHideFlag(),this.showOrHideTooltip()}handleFocusIn(){const i=this.isNewVisit();this.hasFocusIn=!0,i&&(this.isHiddenForCurrentVisit=!1),this.showOrHideTooltip()}handleFocusOut(){this.hasFocusIn=!1,this.resetHideFlag(),this.showOrHideTooltip()}render(){return o(r,{key:"07e22b125ed6eb3e7fcd14157171288b10065f14",class:"kol-tooltip"},o("div",{key:"8aa3cc6860d49752a3cf50bfa54bb3942e30d35a",class:"kol-tooltip__floating",hidden:this.state._label.length===0,ref:this.catchTooltipElement},o("div",{key:"b75e7e36ee291c6dcddd3a22cf398a92c0410939",class:"kol-tooltip__arrow",ref:this.catchArrowElement}),o(v,{key:"7aba521889cb5624d580719b4d49bd49b8b2a8cf",class:"kol-tooltip__content",id:this.state._id,badgeText:this._badgeText,label:this.state._label})))}validateBadgeText(i){b(this,i)}validateAlign(i){u(this,i)}validateId(i){L(this,i)}validateLabel(i){m(this,i,{required:!0})}componentWillLoad(){this.validateBadgeText(this._badgeText),this.validateAlign(this._align),this.validateId(this._id),this.validateLabel(this._label)}handleEventListeners(){var i;this.resyncListeners(this.previousSibling,(i=this.host)===null||i===void 0?void 0:i.previousElementSibling,!0),this.resyncListeners(this.tooltipElement,this.tooltipElement)}connectedCallback(){var i,t;this.previousSibling=(i=this.host)===null||i===void 0?void 0:i.previousElementSibling,this.parentElement=(t=this.host)===null||t===void 0?void 0:t.parentElement}componentDidRender(){this.handleEventListeners()}disconnectedCallback(){this.previousSibling&&(this.removeListeners(this.previousSibling),this.previousSibling=void 0),this.tooltipElement&&this.removeListeners(this.tooltipElement),this.cleanupAutoPositioning&&this.cleanupAutoPositioning()}get host(){return d(this)}static get watchers(){return{_badgeText:["validateBadgeText"],_align:["validateAlign"],_id:["validateId"],_label:["validateLabel"]}}};export{z as kol_tooltip_wc};
-//# sourceMappingURL=kol-tooltip-wc.entry-B5RtIzfL.js.map
+import{r as h,M as l,h as o,H as r,g as d,q as a}from"./index-BjMDbBlh.js";import{b as p,a as c}from"./align-floating-elements-DGbaInbL-KD3H10XJ.js";import{v as u}from"./align-DDUsWnWP-C_Tp4Sxv.js";import{v as m}from"./label-C18ud7Yt-DVVPTrJO.js";import"./Alert-DJWeD9Xz-whjsP8QM.js";import"./i18n-DvMeCREp-BkNCAkAX.js";import{K as v}from"./Span-BXTwASbu-NhknMTSe.js";import{n as E}from"./dev.utils-DEjbEXtH-DBmWP5yn.js";import{t as f,a as g}from"./tooltip-open-tracking-rBbBgPWP-DRkgcff2.js";import"./tslib.es6-CxX45GIN-BGVaTf34.js";import"./isObject-DvSELytj-CqVuuo6Q.js";import"./markdown-BWEzLPZi-DFm1Teot.js";import"./clsx-COFh-Vc8-D7cYsJM5.js";import"./Heading-Cp72eQOw-C_3UfwQj.js";import"./Icon-BI9iw7pD-BcWsEg8j.js";import"./InternalUnderlinedBadgeText-DLXbDpmD-BXnXGnNY.js";const b=(i,t)=>{a(i,"_badgeText",t)},L=(i,t)=>{a(i,"_id",t)},s=new Set;function _(i){s.forEach(t=>{t.style.setProperty("z-index","999")}),s.add(i),i.style.setProperty("z-index","1000")}function T(i){if(s.delete(i),s.size>0){const t=Array.from(s).pop();t&&t.style.setProperty("z-index","1000")}}const z=class{constructor(i){h(this,i),this.hasFocusIn=!1,this.hasMouseIn=!1,this.isHiddenForCurrentVisit=!1,this.resetHideFlag=()=>{this.isNewVisit()&&(this.isHiddenForCurrentVisit=!1)},this.showTooltip=()=>{var t;if(!this.isHiddenForCurrentVisit&&this.previousSibling&&this.tooltipElement){_(this.tooltipElement),f(),this.tooltipElement.classList.remove("hide"),this.tooltipElement.classList.add("show"),this.tooltipElement.style.setProperty("display","block"),(t=this.parentElement)===null||t===void 0||t.classList.add("hastooltip"),l().addEventListener("keyup",this.hideTooltipByEscape,{once:!0});const e=this.previousSibling,n=this.tooltipElement;this.cleanupAutoPositioning=p(e,n,()=>{this.alignTooltip()})}},this.hideTooltipByEscape=t=>{t.key==="Escape"&&this.hideTooltip()},this.addListeners=t=>{t.addEventListener("mouseenter",this.handleMouseEnter.bind(this)),t.addEventListener("mouseleave",this.handleMouseLeave.bind(this)),t.addEventListener("focusin",this.handleFocusIn.bind(this)),t.addEventListener("focusout",this.handleFocusOut.bind(this))},this.removeListeners=t=>{t.removeEventListener("mouseenter",this.handleMouseEnter.bind(this)),t.removeEventListener("mouseleave",this.handleMouseLeave.bind(this)),t.removeEventListener("focusin",this.handleFocusIn.bind(this)),t.removeEventListener("focusout",this.handleFocusOut.bind(this))},this.resyncListeners=(t,e,n=!1)=>{t&&this.removeListeners(t),e&&(n&&(this.previousSibling=e),this.addListeners(e))},this.catchTooltipElement=t=>{this.tooltipElement=t},this.catchArrowElement=t=>{this.arrowElement=t},this._align="top",this.state={_align:"top",_id:`id-${E()}`,_label:""},this.showOrHideTooltip=()=>{clearTimeout(this.overFocusTimeout),this.overFocusTimeout=setTimeout(()=>{this.hasMouseIn||this.hasFocusIn?this.showTooltip():this.hideTooltip()},300)}}isNewVisit(){return!this.hasMouseIn&&!this.hasFocusIn}async alignTooltip(){this.tooltipElement&&this.previousSibling&&await c({align:this._align,referenceElement:this.previousSibling,arrowElement:this.arrowElement,floatingElement:this.tooltipElement})}async hideTooltip(){var i;this.isHiddenForCurrentVisit=!0,this.tooltipElement&&(T(this.tooltipElement),g(),this.tooltipElement.classList.remove("show"),this.tooltipElement.classList.add("hide"),(i=this.parentElement)===null||i===void 0||i.classList.remove("hastooltip"),this.cleanupAutoPositioning&&(this.cleanupAutoPositioning(),this.cleanupAutoPositioning=void 0)),l().removeEventListener("keyup",this.hideTooltipByEscape)}handleMouseEnter(){const i=this.isNewVisit();this.hasMouseIn=!0,i&&(this.isHiddenForCurrentVisit=!1),this.showOrHideTooltip()}handleMouseLeave(){this.hasMouseIn=!1,this.resetHideFlag(),this.showOrHideTooltip()}handleFocusIn(){const i=this.isNewVisit();this.hasFocusIn=!0,i&&(this.isHiddenForCurrentVisit=!1),this.showOrHideTooltip()}handleFocusOut(){this.hasFocusIn=!1,this.resetHideFlag(),this.showOrHideTooltip()}render(){return o(r,{key:"07e22b125ed6eb3e7fcd14157171288b10065f14",class:"kol-tooltip"},o("div",{key:"8aa3cc6860d49752a3cf50bfa54bb3942e30d35a",class:"kol-tooltip__floating",hidden:this.state._label.length===0,ref:this.catchTooltipElement},o("div",{key:"b75e7e36ee291c6dcddd3a22cf398a92c0410939",class:"kol-tooltip__arrow",ref:this.catchArrowElement}),o(v,{key:"7aba521889cb5624d580719b4d49bd49b8b2a8cf",class:"kol-tooltip__content",id:this.state._id,badgeText:this._badgeText,label:this.state._label})))}validateBadgeText(i){b(this,i)}validateAlign(i){u(this,i)}validateId(i){L(this,i)}validateLabel(i){m(this,i,{required:!0})}componentWillLoad(){this.validateBadgeText(this._badgeText),this.validateAlign(this._align),this.validateId(this._id),this.validateLabel(this._label)}handleEventListeners(){var i;this.resyncListeners(this.previousSibling,(i=this.host)===null||i===void 0?void 0:i.previousElementSibling,!0),this.resyncListeners(this.tooltipElement,this.tooltipElement)}connectedCallback(){var i,t;this.previousSibling=(i=this.host)===null||i===void 0?void 0:i.previousElementSibling,this.parentElement=(t=this.host)===null||t===void 0?void 0:t.parentElement}componentDidRender(){this.handleEventListeners()}disconnectedCallback(){this.previousSibling&&(this.removeListeners(this.previousSibling),this.previousSibling=void 0),this.tooltipElement&&this.removeListeners(this.tooltipElement),this.cleanupAutoPositioning&&this.cleanupAutoPositioning()}get host(){return d(this)}static get watchers(){return{_badgeText:["validateBadgeText"],_align:["validateAlign"],_id:["validateId"],_label:["validateLabel"]}}};export{z as kol_tooltip_wc};
+//# sourceMappingURL=kol-tooltip-wc.entry-Cnt7-Ygs.js.map

package/dist/assets/{kol-tooltip-wc.entry-B5RtIzfL.js.map → kol-tooltip-wc.entry-Cnt7-Ygs.js.map}

@@ -1 +1 @@
-{"version":3,"file":"kol-tooltip-wc.entry-B5RtIzfL.js","sources":["../../../../components/dist/esm/kol-tooltip-wc.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h, H as Host, g as getElement } from './index-rqIkzkgG.js';\nimport { b as autoUpdate, a as alignFloatingElements } from './align-floating-elements-DGbaInbL.js';\nimport { g as watchString, z as getDocument } from './common-BIkdAxr0.js';\nimport { v as validateAlign } from './align-DDUsWnWP.js';\nimport { v as validateLabel } from './label-C18ud7Yt.js';\nimport './Alert-DY4wIJCN.js';\nimport './i18n-DvMeCREp.js';\nimport { K as KolSpanFc } from './Span-AR30plJF.js';\nimport { n as nonce } from './dev.utils-DNEGN6vR.js';\nimport { t as tooltipOpened, a as tooltipClosed } from './tooltip-open-tracking-rBbBgPWP.js';\nimport './tslib.es6-CxX45GIN.js';\nimport './clsx-COFh-Vc8.js';\nimport './component-names-CqTpXVIM.js';\nimport './bem-registry-DRYZs7IX.js';\nimport './browser-KcXKIKON.js';\nimport './Heading-DjpTyUay.js';\nimport './i18n-B0tfVPMa.js';\nimport './Icon-DFoU1x_z.js';\nimport './InternalUnderlinedBadgeText-BCOuG2r0.js';\nimport './isObject-DvSELytj.js';\nimport './markdown-BWEzLPZi.js';\n\nconst validateBadgeText = (component, value) => {\n    watchString(component, '_badgeText', value);\n};\n\nconst validateId = (component, value) => {\n    watchString(component, '_id', value);\n};\n\nconst VISIBLE_OVERLAYS = new Set();\nfunction showOverlay(overlay) {\n    VISIBLE_OVERLAYS.forEach((visibleOverlay) => {\n        visibleOverlay.style.setProperty('z-index', '999');\n    });\n    VISIBLE_OVERLAYS.add(overlay);\n    overlay.style.setProperty('z-index', '1000');\n}\nfunction hideOverlay(overlay) {\n    VISIBLE_OVERLAYS.delete(overlay);\n    if (VISIBLE_OVERLAYS.size > 0) {\n        const last = Array.from(VISIBLE_OVERLAYS).pop();\n        if (last) {\n            last.style.setProperty('z-index', '1000');\n        }\n    }\n}\n\nconst KolTooltipWc = class {\n    constructor(hostRef) {\n        registerInstance(this, hostRef);\n        this.hasFocusIn = false;\n        this.hasMouseIn = false;\n        this.isHiddenForCurrentVisit = false;\n        this.resetHideFlag = () => {\n            if (this.isNewVisit()) {\n                this.isHiddenForCurrentVisit = false;\n            }\n        };\n        this.showTooltip = () => {\n            var _a;\n            if (this.isHiddenForCurrentVisit) {\n                return;\n            }\n            if (this.previousSibling && this.tooltipElement) {\n                showOverlay(this.tooltipElement);\n                tooltipOpened();\n                this.tooltipElement.classList.remove('hide');\n                this.tooltipElement.classList.add('show');\n                this.tooltipElement.style.setProperty('display', 'block');\n                (_a = this.parentElement) === null || _a === void 0 ? void 0 : _a.classList.add('hastooltip');\n                getDocument().addEventListener('keyup', this.hideTooltipByEscape, {\n                    once: true,\n                });\n                const target = this.previousSibling;\n                const tooltipEl = this.tooltipElement;\n                this.cleanupAutoPositioning = autoUpdate(target, tooltipEl, () => {\n                    void this.alignTooltip();\n                });\n            }\n        };\n        this.hideTooltipByEscape = (event) => {\n            if (event.key === 'Escape') {\n                void this.hideTooltip();\n            }\n        };\n        this.addListeners = (el) => {\n            el.addEventListener('mouseenter', this.handleMouseEnter.bind(this));\n            el.addEventListener('mouseleave', this.handleMouseLeave.bind(this));\n            el.addEventListener('focusin', this.handleFocusIn.bind(this));\n            el.addEventListener('focusout', this.handleFocusOut.bind(this));\n        };\n        this.removeListeners = (el) => {\n            el.removeEventListener('mouseenter', this.handleMouseEnter.bind(this));\n            el.removeEventListener('mouseleave', this.handleMouseLeave.bind(this));\n            el.removeEventListener('focusin', this.handleFocusIn.bind(this));\n            el.removeEventListener('focusout', this.handleFocusOut.bind(this));\n        };\n        this.resyncListeners = (last, next, replacePreviousSibling = false) => {\n            if (last) {\n                this.removeListeners(last);\n            }\n            if (next) {\n                if (replacePreviousSibling) {\n                    this.previousSibling = next;\n                }\n                this.addListeners(next);\n            }\n        };\n        this.catchTooltipElement = (el) => {\n            this.tooltipElement = el;\n        };\n        this.catchArrowElement = (element) => {\n            this.arrowElement = element;\n        };\n        this._align = 'top';\n        this.state = {\n            _align: 'top',\n            _id: `id-${nonce()}`,\n            _label: '',\n        };\n        this.showOrHideTooltip = () => {\n            clearTimeout(this.overFocusTimeout);\n            this.overFocusTimeout = setTimeout(() => {\n                if (this.hasMouseIn || this.hasFocusIn) {\n                    this.showTooltip();\n                }\n                else {\n                    void this.hideTooltip();\n                }\n            }, 300);\n        };\n    }\n    isNewVisit() {\n        return !this.hasMouseIn && !this.hasFocusIn;\n    }\n    async alignTooltip() {\n        if (this.tooltipElement && this.previousSibling) {\n            await alignFloatingElements({\n                align: this._align,\n                referenceElement: this.previousSibling,\n                arrowElement: this.arrowElement,\n                floatingElement: this.tooltipElement,\n            });\n        }\n    }\n    async hideTooltip() {\n        var _a;\n        this.isHiddenForCurrentVisit = true;\n        if (this.tooltipElement) {\n            hideOverlay(this.tooltipElement);\n            tooltipClosed();\n            this.tooltipElement.classList.remove('show');\n            this.tooltipElement.classList.add('hide');\n            (_a = this.parentElement) === null || _a === void 0 ? void 0 : _a.classList.remove('hastooltip');\n            if (this.cleanupAutoPositioning) {\n                this.cleanupAutoPositioning();\n                this.cleanupAutoPositioning = undefined;\n            }\n        }\n        getDocument().removeEventListener('keyup', this.hideTooltipByEscape);\n    }\n    handleMouseEnter() {\n        const isNewVisit = this.isNewVisit();\n        this.hasMouseIn = true;\n        if (isNewVisit) {\n            this.isHiddenForCurrentVisit = false;\n        }\n        this.showOrHideTooltip();\n    }\n    handleMouseLeave() {\n        this.hasMouseIn = false;\n        this.resetHideFlag();\n        this.showOrHideTooltip();\n    }\n    handleFocusIn() {\n        const isNewVisit = this.isNewVisit();\n        this.hasFocusIn = true;\n        if (isNewVisit) {\n            this.isHiddenForCurrentVisit = false;\n        }\n        this.showOrHideTooltip();\n    }\n    handleFocusOut() {\n        this.hasFocusIn = false;\n        this.resetHideFlag();\n        this.showOrHideTooltip();\n    }\n    render() {\n        return (h(Host, { key: '07e22b125ed6eb3e7fcd14157171288b10065f14', class: \"kol-tooltip\" }, h(\"div\", { key: '8aa3cc6860d49752a3cf50bfa54bb3942e30d35a', class: \"kol-tooltip__floating\", hidden: this.state._label.length === 0, ref: this.catchTooltipElement }, h(\"div\", { key: 'b75e7e36ee291c6dcddd3a22cf398a92c0410939', class: \"kol-tooltip__arrow\", ref: this.catchArrowElement }), h(KolSpanFc, { key: '7aba521889cb5624d580719b4d49bd49b8b2a8cf', class: \"kol-tooltip__content\", id: this.state._id, badgeText: this._badgeText, label: this.state._label }))));\n    }\n    validateBadgeText(value) {\n        validateBadgeText(this, value);\n    }\n    validateAlign(value) {\n        validateAlign(this, value);\n    }\n    validateId(value) {\n        validateId(this, value);\n    }\n    validateLabel(value) {\n        validateLabel(this, value, {\n            required: true,\n        });\n    }\n    componentWillLoad() {\n        this.validateBadgeText(this._badgeText);\n        this.validateAlign(this._align);\n        this.validateId(this._id);\n        this.validateLabel(this._label);\n    }\n    handleEventListeners() {\n        var _a;\n        this.resyncListeners(this.previousSibling, (_a = this.host) === null || _a === void 0 ? void 0 : _a.previousElementSibling, true);\n        this.resyncListeners(this.tooltipElement, this.tooltipElement);\n    }\n    connectedCallback() {\n        var _a, _b;\n        this.previousSibling = (_a = this.host) === null || _a === void 0 ? void 0 : _a.previousElementSibling;\n        this.parentElement = (_b = this.host) === null || _b === void 0 ? void 0 : _b.parentElement;\n    }\n    componentDidRender() {\n        this.handleEventListeners();\n    }\n    disconnectedCallback() {\n        if (this.previousSibling) {\n            this.removeListeners(this.previousSibling);\n            this.previousSibling = undefined;\n        }\n        if (this.tooltipElement) {\n            this.removeListeners(this.tooltipElement);\n        }\n        if (this.cleanupAutoPositioning) {\n            this.cleanupAutoPositioning();\n        }\n    }\n    get host() { return getElement(this); }\n    static get watchers() { return {\n        \"_badgeText\": [\"validateBadgeText\"],\n        \"_align\": [\"validateAlign\"],\n        \"_id\": [\"validateId\"],\n        \"_label\": [\"validateLabel\"]\n    }; }\n};\n\nexport { KolTooltipWc as kol_tooltip_wc };\n//# sourceMappingURL=kol-tooltip-wc.entry.js.map\n"],"names":["validateBadgeText","component","value","watchString","validateId","VISIBLE_OVERLAYS","showOverlay","overlay","visibleOverlay","hideOverlay","last","KolTooltipWc","hostRef","registerInstance","_a","tooltipOpened","getDocument","target","tooltipEl","autoUpdate","event","el","next","replacePreviousSibling","element","nonce","alignFloatingElements","tooltipClosed","isNewVisit","h","Host","KolSpanFc","validateAlign","validateLabel","_b","getElement"],"mappings":"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"}
+{"version":3,"file":"kol-tooltip-wc.entry-Cnt7-Ygs.js","sources":["../../../../components/dist/esm/kol-tooltip-wc.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h, H as Host, g as getElement } from './index-CHdBQ7XR.js';\nimport { b as autoUpdate, a as alignFloatingElements } from './align-floating-elements-DGbaInbL.js';\nimport { g as watchString, z as getDocument } from './common-BIkdAxr0.js';\nimport { v as validateAlign } from './align-DDUsWnWP.js';\nimport { v as validateLabel } from './label-C18ud7Yt.js';\nimport './Alert-DJWeD9Xz.js';\nimport './i18n-DvMeCREp.js';\nimport { K as KolSpanFc } from './Span-BXTwASbu.js';\nimport { n as nonce } from './dev.utils-DEjbEXtH.js';\nimport { t as tooltipOpened, a as tooltipClosed } from './tooltip-open-tracking-rBbBgPWP.js';\nimport './tslib.es6-CxX45GIN.js';\nimport './clsx-COFh-Vc8.js';\nimport './component-names-CqTpXVIM.js';\nimport './bem-registry-DRYZs7IX.js';\nimport './browser-KcXKIKON.js';\nimport './Heading-Cp72eQOw.js';\nimport './i18n-B0tfVPMa.js';\nimport './Icon-BI9iw7pD.js';\nimport './InternalUnderlinedBadgeText-DLXbDpmD.js';\nimport './isObject-DvSELytj.js';\nimport './markdown-BWEzLPZi.js';\n\nconst validateBadgeText = (component, value) => {\n    watchString(component, '_badgeText', value);\n};\n\nconst validateId = (component, value) => {\n    watchString(component, '_id', value);\n};\n\nconst VISIBLE_OVERLAYS = new Set();\nfunction showOverlay(overlay) {\n    VISIBLE_OVERLAYS.forEach((visibleOverlay) => {\n        visibleOverlay.style.setProperty('z-index', '999');\n    });\n    VISIBLE_OVERLAYS.add(overlay);\n    overlay.style.setProperty('z-index', '1000');\n}\nfunction hideOverlay(overlay) {\n    VISIBLE_OVERLAYS.delete(overlay);\n    if (VISIBLE_OVERLAYS.size > 0) {\n        const last = Array.from(VISIBLE_OVERLAYS).pop();\n        if (last) {\n            last.style.setProperty('z-index', '1000');\n        }\n    }\n}\n\nconst KolTooltipWc = class {\n    constructor(hostRef) {\n        registerInstance(this, hostRef);\n        this.hasFocusIn = false;\n        this.hasMouseIn = false;\n        this.isHiddenForCurrentVisit = false;\n        this.resetHideFlag = () => {\n            if (this.isNewVisit()) {\n                this.isHiddenForCurrentVisit = false;\n            }\n        };\n        this.showTooltip = () => {\n            var _a;\n            if (this.isHiddenForCurrentVisit) {\n                return;\n            }\n            if (this.previousSibling && this.tooltipElement) {\n                showOverlay(this.tooltipElement);\n                tooltipOpened();\n                this.tooltipElement.classList.remove('hide');\n                this.tooltipElement.classList.add('show');\n                this.tooltipElement.style.setProperty('display', 'block');\n                (_a = this.parentElement) === null || _a === void 0 ? void 0 : _a.classList.add('hastooltip');\n                getDocument().addEventListener('keyup', this.hideTooltipByEscape, {\n                    once: true,\n                });\n                const target = this.previousSibling;\n                const tooltipEl = this.tooltipElement;\n                this.cleanupAutoPositioning = autoUpdate(target, tooltipEl, () => {\n                    void this.alignTooltip();\n                });\n            }\n        };\n        this.hideTooltipByEscape = (event) => {\n            if (event.key === 'Escape') {\n                void this.hideTooltip();\n            }\n        };\n        this.addListeners = (el) => {\n            el.addEventListener('mouseenter', this.handleMouseEnter.bind(this));\n            el.addEventListener('mouseleave', this.handleMouseLeave.bind(this));\n            el.addEventListener('focusin', this.handleFocusIn.bind(this));\n            el.addEventListener('focusout', this.handleFocusOut.bind(this));\n        };\n        this.removeListeners = (el) => {\n            el.removeEventListener('mouseenter', this.handleMouseEnter.bind(this));\n            el.removeEventListener('mouseleave', this.handleMouseLeave.bind(this));\n            el.removeEventListener('focusin', this.handleFocusIn.bind(this));\n            el.removeEventListener('focusout', this.handleFocusOut.bind(this));\n        };\n        this.resyncListeners = (last, next, replacePreviousSibling = false) => {\n            if (last) {\n                this.removeListeners(last);\n            }\n            if (next) {\n                if (replacePreviousSibling) {\n                    this.previousSibling = next;\n                }\n                this.addListeners(next);\n            }\n        };\n        this.catchTooltipElement = (el) => {\n            this.tooltipElement = el;\n        };\n        this.catchArrowElement = (element) => {\n            this.arrowElement = element;\n        };\n        this._align = 'top';\n        this.state = {\n            _align: 'top',\n            _id: `id-${nonce()}`,\n            _label: '',\n        };\n        this.showOrHideTooltip = () => {\n            clearTimeout(this.overFocusTimeout);\n            this.overFocusTimeout = setTimeout(() => {\n                if (this.hasMouseIn || this.hasFocusIn) {\n                    this.showTooltip();\n                }\n                else {\n                    void this.hideTooltip();\n                }\n            }, 300);\n        };\n    }\n    isNewVisit() {\n        return !this.hasMouseIn && !this.hasFocusIn;\n    }\n    async alignTooltip() {\n        if (this.tooltipElement && this.previousSibling) {\n            await alignFloatingElements({\n                align: this._align,\n                referenceElement: this.previousSibling,\n                arrowElement: this.arrowElement,\n                floatingElement: this.tooltipElement,\n            });\n        }\n    }\n    async hideTooltip() {\n        var _a;\n        this.isHiddenForCurrentVisit = true;\n        if (this.tooltipElement) {\n            hideOverlay(this.tooltipElement);\n            tooltipClosed();\n            this.tooltipElement.classList.remove('show');\n            this.tooltipElement.classList.add('hide');\n            (_a = this.parentElement) === null || _a === void 0 ? void 0 : _a.classList.remove('hastooltip');\n            if (this.cleanupAutoPositioning) {\n                this.cleanupAutoPositioning();\n                this.cleanupAutoPositioning = undefined;\n            }\n        }\n        getDocument().removeEventListener('keyup', this.hideTooltipByEscape);\n    }\n    handleMouseEnter() {\n        const isNewVisit = this.isNewVisit();\n        this.hasMouseIn = true;\n        if (isNewVisit) {\n            this.isHiddenForCurrentVisit = false;\n        }\n        this.showOrHideTooltip();\n    }\n    handleMouseLeave() {\n        this.hasMouseIn = false;\n        this.resetHideFlag();\n        this.showOrHideTooltip();\n    }\n    handleFocusIn() {\n        const isNewVisit = this.isNewVisit();\n        this.hasFocusIn = true;\n        if (isNewVisit) {\n            this.isHiddenForCurrentVisit = false;\n        }\n        this.showOrHideTooltip();\n    }\n    handleFocusOut() {\n        this.hasFocusIn = false;\n        this.resetHideFlag();\n        this.showOrHideTooltip();\n    }\n    render() {\n        return (h(Host, { key: '07e22b125ed6eb3e7fcd14157171288b10065f14', class: \"kol-tooltip\" }, h(\"div\", { key: '8aa3cc6860d49752a3cf50bfa54bb3942e30d35a', class: \"kol-tooltip__floating\", hidden: this.state._label.length === 0, ref: this.catchTooltipElement }, h(\"div\", { key: 'b75e7e36ee291c6dcddd3a22cf398a92c0410939', class: \"kol-tooltip__arrow\", ref: this.catchArrowElement }), h(KolSpanFc, { key: '7aba521889cb5624d580719b4d49bd49b8b2a8cf', class: \"kol-tooltip__content\", id: this.state._id, badgeText: this._badgeText, label: this.state._label }))));\n    }\n    validateBadgeText(value) {\n        validateBadgeText(this, value);\n    }\n    validateAlign(value) {\n        validateAlign(this, value);\n    }\n    validateId(value) {\n        validateId(this, value);\n    }\n    validateLabel(value) {\n        validateLabel(this, value, {\n            required: true,\n        });\n    }\n    componentWillLoad() {\n        this.validateBadgeText(this._badgeText);\n        this.validateAlign(this._align);\n        this.validateId(this._id);\n        this.validateLabel(this._label);\n    }\n    handleEventListeners() {\n        var _a;\n        this.resyncListeners(this.previousSibling, (_a = this.host) === null || _a === void 0 ? void 0 : _a.previousElementSibling, true);\n        this.resyncListeners(this.tooltipElement, this.tooltipElement);\n    }\n    connectedCallback() {\n        var _a, _b;\n        this.previousSibling = (_a = this.host) === null || _a === void 0 ? void 0 : _a.previousElementSibling;\n        this.parentElement = (_b = this.host) === null || _b === void 0 ? void 0 : _b.parentElement;\n    }\n    componentDidRender() {\n        this.handleEventListeners();\n    }\n    disconnectedCallback() {\n        if (this.previousSibling) {\n            this.removeListeners(this.previousSibling);\n            this.previousSibling = undefined;\n        }\n        if (this.tooltipElement) {\n            this.removeListeners(this.tooltipElement);\n        }\n        if (this.cleanupAutoPositioning) {\n            this.cleanupAutoPositioning();\n        }\n    }\n    get host() { return getElement(this); }\n    static get watchers() { return {\n        \"_badgeText\": [\"validateBadgeText\"],\n        \"_align\": [\"validateAlign\"],\n        \"_id\": [\"validateId\"],\n        \"_label\": [\"validateLabel\"]\n    }; }\n};\n\nexport { KolTooltipWc as kol_tooltip_wc };\n//# sourceMappingURL=kol-tooltip-wc.entry.js.map\n"],"names":["validateBadgeText","component","value","watchString","validateId","VISIBLE_OVERLAYS","showOverlay","overlay","visibleOverlay","hideOverlay","last","KolTooltipWc","hostRef","registerInstance","_a","tooltipOpened","getDocument","target","tooltipEl","autoUpdate","event","el","next","replacePreviousSibling","element","nonce","alignFloatingElements","tooltipClosed","isNewVisit","h","Host","KolSpanFc","validateAlign","validateLabel","_b","getElement"],"mappings":"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"}

package/dist/assets/{kol-tree-item-wc.entry-COOV7DMK.js → kol-tree-item-wc.entry-Bq3o4F67.js}

@@ -1,2 +1,2 @@
-import{r as o,h as a,j as r,i as h,H as c,an as d,g as _,n as f}from"./index-DmmpFrhU.js";import{v}from"./href-BtQW7uxb-LLJxnu8p.js";import{v as p}from"./label-C18ud7Yt-sNaprwbD.js";import{v as m}from"./open-BhLtfnQI-awSQc81w.js";import{c as b}from"./clsx-COFh-Vc8-D7cYsJM5.js";import{n as k}from"./dev.utils-DNEGN6vR-Ba6hS_dp.js";const u=(e,t,l)=>{f(e,"_active",t,l)},E=class{constructor(e){o(this,e),this.groupId=`tree-group-${k()}`,this.state={_active:!1,_hasChildren:!1,_href:"",_label:"",_open:!1}}render(){const{_href:e,_active:t,_hasChildren:l,_open:i,_label:n}=this.state;return a(c,{key:"0911b3ee1e2a5bbe41270de1d18f08f264a90559",onSlotchange:this.handleSlotchange.bind(this)},a("li",{key:"6e7a15926da303380f7146f0f6fcab1954e6b7bc",class:"kol-tree-item",style:{"--level":`${this.level}`}},a(r,{key:"8d4ac9fd10ec270dfc01229ddcc9309d73f7f651",class:b("kol-tree-item__link",{"kol-tree-item__link--first-level":this.level===0,"kol-tree-item__link--active":t}),_href:e,_label:"",_role:"treeitem",_tabIndex:t?0:-1,_ariaExpanded:l?i:void 0,_ariaOwns:l?this.groupId:void 0,ref:s=>this.linkElement=s},a("span",{key:"882fd6382f1d4ab63735b1b4e204829e59202957",class:"kol-tree-item__link-inner",slot:"expert"},l?a("span",{class:"kol-tree-item__toggle-button",onClick:s=>i?void this.handleCollapseClick(s):void this.handleExpandClick(s)},a(h,{class:"kol-tree-item__toggle-button-icon",_icons:`kolicon kolicon-${i?"chevron-down":"chevron-right"}`,_label:""})):a("span",{class:"kol-tree-item__toggle-button-placeholder"}),a("span",{key:"a114f114a215afab329b9021300f5282322fc2b0",class:"kol-tree-item__text"},n))),a("ul",{key:"9bd5e8bbe1596c83fae014dffe6abb82f16094ed",class:"kol-tree-item__children",hidden:!l||!i,role:"group",id:this.groupId},a("slot",{key:"31018743e2906aaf51f5c8f59e1f7242f111c0f9"}))))}validateActive(e){u(this,e||!1)}validateLabel(e){p(this,e)}validateOpen(e){m(this,e)}validateHref(e){v(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(;t!==null&&t.tagName.toLowerCase()!==d&&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:!!(!((t=(e=this.host.querySelector("slot"))===null||e===void 0?void 0:e.assignedElements)===null||t===void 0)&&t.call(e).length)})}async focus(){var e;return Promise.resolve((e=this.linkElement)===null||e===void 0?void 0:e.focus())}async handleExpandClick(e){var t;e.preventDefault(),await((t=this.linkElement)===null||t===void 0?void 0:t.focus()),await this.expand()}async expand(){this.state._hasChildren&&(this.state=Object.assign(Object.assign({},this.state),{_open:!0}))}async handleCollapseClick(e){var t;e.preventDefault(),await((t=this.linkElement)===null||t===void 0?void 0:t.focus()),await this.collapse()}async collapse(){this.state._hasChildren&&(this.state=Object.assign(Object.assign({},this.state),{_open:!1}))}async isOpen(){var e;return(e=this.state._open)!==null&&e!==void 0?e:!1}get host(){return _(this)}static get watchers(){return{_active:["validateActive"],_label:["validateLabel"],_open:["validateOpen"],_href:["validateHref"]}}};export{E as kol_tree_item_wc};
-//# sourceMappingURL=kol-tree-item-wc.entry-COOV7DMK.js.map
+import{r as o,h as a,j as r,i as h,H as c,an as d,g as _,n as f}from"./index-BjMDbBlh.js";import{v}from"./href-BtQW7uxb-Dtbdn_7c.js";import{v as p}from"./label-C18ud7Yt-DVVPTrJO.js";import{v as m}from"./open-BhLtfnQI-DZsQacUm.js";import{c as b}from"./clsx-COFh-Vc8-D7cYsJM5.js";import{n as k}from"./dev.utils-DEjbEXtH-DBmWP5yn.js";const u=(e,t,l)=>{f(e,"_active",t,l)},E=class{constructor(e){o(this,e),this.groupId=`tree-group-${k()}`,this.state={_active:!1,_hasChildren:!1,_href:"",_label:"",_open:!1}}render(){const{_href:e,_active:t,_hasChildren:l,_open:i,_label:n}=this.state;return a(c,{key:"0911b3ee1e2a5bbe41270de1d18f08f264a90559",onSlotchange:this.handleSlotchange.bind(this)},a("li",{key:"6e7a15926da303380f7146f0f6fcab1954e6b7bc",class:"kol-tree-item",style:{"--level":`${this.level}`}},a(r,{key:"8d4ac9fd10ec270dfc01229ddcc9309d73f7f651",class:b("kol-tree-item__link",{"kol-tree-item__link--first-level":this.level===0,"kol-tree-item__link--active":t}),_href:e,_label:"",_role:"treeitem",_tabIndex:t?0:-1,_ariaExpanded:l?i:void 0,_ariaOwns:l?this.groupId:void 0,ref:s=>this.linkElement=s},a("span",{key:"882fd6382f1d4ab63735b1b4e204829e59202957",class:"kol-tree-item__link-inner",slot:"expert"},l?a("span",{class:"kol-tree-item__toggle-button",onClick:s=>i?void this.handleCollapseClick(s):void this.handleExpandClick(s)},a(h,{class:"kol-tree-item__toggle-button-icon",_icons:`kolicon kolicon-${i?"chevron-down":"chevron-right"}`,_label:""})):a("span",{class:"kol-tree-item__toggle-button-placeholder"}),a("span",{key:"a114f114a215afab329b9021300f5282322fc2b0",class:"kol-tree-item__text"},n))),a("ul",{key:"9bd5e8bbe1596c83fae014dffe6abb82f16094ed",class:"kol-tree-item__children",hidden:!l||!i,role:"group",id:this.groupId},a("slot",{key:"31018743e2906aaf51f5c8f59e1f7242f111c0f9"}))))}validateActive(e){u(this,e||!1)}validateLabel(e){p(this,e)}validateOpen(e){m(this,e)}validateHref(e){v(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(;t!==null&&t.tagName.toLowerCase()!==d&&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:!!(!((t=(e=this.host.querySelector("slot"))===null||e===void 0?void 0:e.assignedElements)===null||t===void 0)&&t.call(e).length)})}async focus(){var e;return Promise.resolve((e=this.linkElement)===null||e===void 0?void 0:e.focus())}async handleExpandClick(e){var t;e.preventDefault(),await((t=this.linkElement)===null||t===void 0?void 0:t.focus()),await this.expand()}async expand(){this.state._hasChildren&&(this.state=Object.assign(Object.assign({},this.state),{_open:!0}))}async handleCollapseClick(e){var t;e.preventDefault(),await((t=this.linkElement)===null||t===void 0?void 0:t.focus()),await this.collapse()}async collapse(){this.state._hasChildren&&(this.state=Object.assign(Object.assign({},this.state),{_open:!1}))}async isOpen(){var e;return(e=this.state._open)!==null&&e!==void 0?e:!1}get host(){return _(this)}static get watchers(){return{_active:["validateActive"],_label:["validateLabel"],_open:["validateOpen"],_href:["validateHref"]}}};export{E as kol_tree_item_wc};
+//# sourceMappingURL=kol-tree-item-wc.entry-Bq3o4F67.js.map

package/dist/assets/{kol-tree-item-wc.entry-COOV7DMK.js.map → kol-tree-item-wc.entry-Bq3o4F67.js.map}

@@ -1 +1 @@
-{"version":3,"file":"kol-tree-item-wc.entry-COOV7DMK.js","sources":["../../../../components/dist/esm/kol-tree-item-wc.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h, H as Host, g as getElement } from './index-rqIkzkgG.js';\nimport { e as KolLinkWcTag, d as KolIconTag, x as KolTreeTag } from './component-names-CqTpXVIM.js';\nimport { e as watchBoolean } from './common-BIkdAxr0.js';\nimport { v as validateHref } from './href-BtQW7uxb.js';\nimport { v as validateLabel } from './label-C18ud7Yt.js';\nimport { v as validateOpen } from './open-BhLtfnQI.js';\nimport { c as clsx } from './clsx-COFh-Vc8.js';\nimport { n as nonce } from './dev.utils-DNEGN6vR.js';\n\nconst validateActive = (component, value, options) => {\n    watchBoolean(component, '_active', value, options);\n};\n\nconst KolTreeItemWc = class {\n    constructor(hostRef) {\n        registerInstance(this, hostRef);\n        this.groupId = `tree-group-${nonce()}`;\n        this.state = {\n            _active: false,\n            _hasChildren: false,\n            _href: '',\n            _label: '',\n            _open: false,\n        };\n    }\n    render() {\n        const { _href, _active, _hasChildren, _open, _label } = this.state;\n        return (h(Host, { key: '0911b3ee1e2a5bbe41270de1d18f08f264a90559', onSlotchange: this.handleSlotchange.bind(this) }, h(\"li\", { key: '6e7a15926da303380f7146f0f6fcab1954e6b7bc', class: \"kol-tree-item\", style: {\n                '--level': `${this.level}`,\n            } }, h(KolLinkWcTag, { key: '8d4ac9fd10ec270dfc01229ddcc9309d73f7f651', class: clsx('kol-tree-item__link', {\n                'kol-tree-item__link--first-level': this.level === 0,\n                'kol-tree-item__link--active': _active,\n            }), _href: _href, _label: \"\", _role: \"treeitem\", _tabIndex: _active ? 0 : -1, _ariaExpanded: _hasChildren ? _open : undefined, _ariaOwns: _hasChildren ? this.groupId : undefined, ref: (element) => (this.linkElement = element) }, h(\"span\", { key: '882fd6382f1d4ab63735b1b4e204829e59202957', class: \"kol-tree-item__link-inner\", slot: \"expert\" }, _hasChildren ? (h(\"span\", { class: \"kol-tree-item__toggle-button\", onClick: (event) => (_open ? void this.handleCollapseClick(event) : void this.handleExpandClick(event)) }, h(KolIconTag, { class: \"kol-tree-item__toggle-button-icon\", _icons: `kolicon kolicon-${_open ? 'chevron-down' : 'chevron-right'}`, _label: '' }))) : (h(\"span\", { class: \"kol-tree-item__toggle-button-placeholder\" })), h(\"span\", { key: 'a114f114a215afab329b9021300f5282322fc2b0', class: \"kol-tree-item__text\" }, _label))), h(\"ul\", { key: '9bd5e8bbe1596c83fae014dffe6abb82f16094ed', class: \"kol-tree-item__children\", hidden: !_hasChildren || !_open, role: \"group\", id: this.groupId }, h(\"slot\", { key: '31018743e2906aaf51f5c8f59e1f7242f111c0f9' })))));\n    }\n    validateActive(value) {\n        validateActive(this, value || false);\n    }\n    validateLabel(value) {\n        validateLabel(this, value);\n    }\n    validateOpen(value) {\n        validateOpen(this, value);\n    }\n    validateHref(value) {\n        validateHref(this, value);\n    }\n    componentWillLoad() {\n        this.validateActive(this._active);\n        this.validateLabel(this._label);\n        this.validateOpen(this._open);\n        this.validateHref(this._href);\n        this.checkForChildren();\n        this.determineTreeItemDepth();\n    }\n    determineTreeItemDepth() {\n        let level = 0;\n        let traverseItem = this.host.parentNode.host.parentNode;\n        while (traverseItem !== null && traverseItem.tagName.toLowerCase() !== KolTreeTag && traverseItem !== document.body) {\n            traverseItem = traverseItem.parentElement;\n            level += 1;\n        }\n        this.level = level;\n    }\n    handleSlotchange() {\n        this.checkForChildren();\n    }\n    checkForChildren() {\n        var _a, _b;\n        this.state = Object.assign(Object.assign({}, this.state), { _hasChildren: Boolean((_b = (_a = this.host.querySelector('slot')) === null || _a === void 0 ? void 0 : _a.assignedElements) === null || _b === void 0 ? void 0 : _b.call(_a).length) });\n    }\n    async focus() {\n        var _a;\n        return Promise.resolve((_a = this.linkElement) === null || _a === void 0 ? void 0 : _a.focus());\n    }\n    async handleExpandClick(event) {\n        var _a;\n        event.preventDefault();\n        await ((_a = this.linkElement) === null || _a === void 0 ? void 0 : _a.focus());\n        await this.expand();\n    }\n    async expand() {\n        if (this.state._hasChildren) {\n            this.state = Object.assign(Object.assign({}, this.state), { _open: true });\n        }\n    }\n    async handleCollapseClick(event) {\n        var _a;\n        event.preventDefault();\n        await ((_a = this.linkElement) === null || _a === void 0 ? void 0 : _a.focus());\n        await this.collapse();\n    }\n    async collapse() {\n        if (this.state._hasChildren) {\n            this.state = Object.assign(Object.assign({}, this.state), { _open: false });\n        }\n    }\n    async isOpen() {\n        var _a;\n        return (_a = this.state._open) !== null && _a !== void 0 ? _a : false;\n    }\n    get host() { return getElement(this); }\n    static get watchers() { return {\n        \"_active\": [\"validateActive\"],\n        \"_label\": [\"validateLabel\"],\n        \"_open\": [\"validateOpen\"],\n        \"_href\": [\"validateHref\"]\n    }; }\n};\n\nexport { KolTreeItemWc as kol_tree_item_wc };\n//# sourceMappingURL=kol-tree-item-wc.entry.js.map\n"],"names":["validateActive","component","value","options","watchBoolean","KolTreeItemWc","hostRef","registerInstance","nonce","_href","_active","_hasChildren","_open","_label","h","Host","KolLinkWcTag","clsx","element","event","KolIconTag","validateLabel","validateOpen","validateHref","level","traverseItem","KolTreeTag","_a","_b","getElement"],"mappings":"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"}
+{"version":3,"file":"kol-tree-item-wc.entry-Bq3o4F67.js","sources":["../../../../components/dist/esm/kol-tree-item-wc.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h, H as Host, g as getElement } from './index-CHdBQ7XR.js';\nimport { e as KolLinkWcTag, d as KolIconTag, x as KolTreeTag } from './component-names-CqTpXVIM.js';\nimport { e as watchBoolean } from './common-BIkdAxr0.js';\nimport { v as validateHref } from './href-BtQW7uxb.js';\nimport { v as validateLabel } from './label-C18ud7Yt.js';\nimport { v as validateOpen } from './open-BhLtfnQI.js';\nimport { c as clsx } from './clsx-COFh-Vc8.js';\nimport { n as nonce } from './dev.utils-DEjbEXtH.js';\n\nconst validateActive = (component, value, options) => {\n    watchBoolean(component, '_active', value, options);\n};\n\nconst KolTreeItemWc = class {\n    constructor(hostRef) {\n        registerInstance(this, hostRef);\n        this.groupId = `tree-group-${nonce()}`;\n        this.state = {\n            _active: false,\n            _hasChildren: false,\n            _href: '',\n            _label: '',\n            _open: false,\n        };\n    }\n    render() {\n        const { _href, _active, _hasChildren, _open, _label } = this.state;\n        return (h(Host, { key: '0911b3ee1e2a5bbe41270de1d18f08f264a90559', onSlotchange: this.handleSlotchange.bind(this) }, h(\"li\", { key: '6e7a15926da303380f7146f0f6fcab1954e6b7bc', class: \"kol-tree-item\", style: {\n                '--level': `${this.level}`,\n            } }, h(KolLinkWcTag, { key: '8d4ac9fd10ec270dfc01229ddcc9309d73f7f651', class: clsx('kol-tree-item__link', {\n                'kol-tree-item__link--first-level': this.level === 0,\n                'kol-tree-item__link--active': _active,\n            }), _href: _href, _label: \"\", _role: \"treeitem\", _tabIndex: _active ? 0 : -1, _ariaExpanded: _hasChildren ? _open : undefined, _ariaOwns: _hasChildren ? this.groupId : undefined, ref: (element) => (this.linkElement = element) }, h(\"span\", { key: '882fd6382f1d4ab63735b1b4e204829e59202957', class: \"kol-tree-item__link-inner\", slot: \"expert\" }, _hasChildren ? (h(\"span\", { class: \"kol-tree-item__toggle-button\", onClick: (event) => (_open ? void this.handleCollapseClick(event) : void this.handleExpandClick(event)) }, h(KolIconTag, { class: \"kol-tree-item__toggle-button-icon\", _icons: `kolicon kolicon-${_open ? 'chevron-down' : 'chevron-right'}`, _label: '' }))) : (h(\"span\", { class: \"kol-tree-item__toggle-button-placeholder\" })), h(\"span\", { key: 'a114f114a215afab329b9021300f5282322fc2b0', class: \"kol-tree-item__text\" }, _label))), h(\"ul\", { key: '9bd5e8bbe1596c83fae014dffe6abb82f16094ed', class: \"kol-tree-item__children\", hidden: !_hasChildren || !_open, role: \"group\", id: this.groupId }, h(\"slot\", { key: '31018743e2906aaf51f5c8f59e1f7242f111c0f9' })))));\n    }\n    validateActive(value) {\n        validateActive(this, value || false);\n    }\n    validateLabel(value) {\n        validateLabel(this, value);\n    }\n    validateOpen(value) {\n        validateOpen(this, value);\n    }\n    validateHref(value) {\n        validateHref(this, value);\n    }\n    componentWillLoad() {\n        this.validateActive(this._active);\n        this.validateLabel(this._label);\n        this.validateOpen(this._open);\n        this.validateHref(this._href);\n        this.checkForChildren();\n        this.determineTreeItemDepth();\n    }\n    determineTreeItemDepth() {\n        let level = 0;\n        let traverseItem = this.host.parentNode.host.parentNode;\n        while (traverseItem !== null && traverseItem.tagName.toLowerCase() !== KolTreeTag && traverseItem !== document.body) {\n            traverseItem = traverseItem.parentElement;\n            level += 1;\n        }\n        this.level = level;\n    }\n    handleSlotchange() {\n        this.checkForChildren();\n    }\n    checkForChildren() {\n        var _a, _b;\n        this.state = Object.assign(Object.assign({}, this.state), { _hasChildren: Boolean((_b = (_a = this.host.querySelector('slot')) === null || _a === void 0 ? void 0 : _a.assignedElements) === null || _b === void 0 ? void 0 : _b.call(_a).length) });\n    }\n    async focus() {\n        var _a;\n        return Promise.resolve((_a = this.linkElement) === null || _a === void 0 ? void 0 : _a.focus());\n    }\n    async handleExpandClick(event) {\n        var _a;\n        event.preventDefault();\n        await ((_a = this.linkElement) === null || _a === void 0 ? void 0 : _a.focus());\n        await this.expand();\n    }\n    async expand() {\n        if (this.state._hasChildren) {\n            this.state = Object.assign(Object.assign({}, this.state), { _open: true });\n        }\n    }\n    async handleCollapseClick(event) {\n        var _a;\n        event.preventDefault();\n        await ((_a = this.linkElement) === null || _a === void 0 ? void 0 : _a.focus());\n        await this.collapse();\n    }\n    async collapse() {\n        if (this.state._hasChildren) {\n            this.state = Object.assign(Object.assign({}, this.state), { _open: false });\n        }\n    }\n    async isOpen() {\n        var _a;\n        return (_a = this.state._open) !== null && _a !== void 0 ? _a : false;\n    }\n    get host() { return getElement(this); }\n    static get watchers() { return {\n        \"_active\": [\"validateActive\"],\n        \"_label\": [\"validateLabel\"],\n        \"_open\": [\"validateOpen\"],\n        \"_href\": [\"validateHref\"]\n    }; }\n};\n\nexport { KolTreeItemWc as kol_tree_item_wc };\n//# sourceMappingURL=kol-tree-item-wc.entry.js.map\n"],"names":["validateActive","component","value","options","watchBoolean","KolTreeItemWc","hostRef","registerInstance","nonce","_href","_active","_hasChildren","_open","_label","h","Host","KolLinkWcTag","clsx","element","event","KolIconTag","validateLabel","validateOpen","validateHref","level","traverseItem","KolTreeTag","_a","_b","getElement"],"mappings":"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"}

package/dist/assets/{kol-tree-item.entry-CVGPHvwl.js → kol-tree-item.entry-B4IOrHy_.js}

@@ -1,4 +1,4 @@
-import{r as i,h as t,ad as o}from"./index-DmmpFrhU.js";const l=`/* forward the rem function */
+import{r as i,h as t,ad as o}from"./index-BjMDbBlh.js";const l=`/* forward the rem function */
 /*
 * This file defines the layer order for all CSS layers used in KoliBri.
 * The order is important as it determines the cascade priority.
@@ -238,4 +238,4 @@ import{r as i,h as t,ad as o}from"./index-DmmpFrhU.js";const l=`/* forward the r
     text-decoration: underline;
   }
 }`,a=class{constructor(n){i(this,n)}async focus(){var n;return Promise.resolve((n=this.element)===null||n===void 0?void 0:n.focus())}async expand(){var n;return Promise.resolve((n=this.element)===null||n===void 0?void 0:n.expand())}async collapse(){var n;return Promise.resolve((n=this.element)===null||n===void 0?void 0:n.collapse())}async isOpen(){var n,e;return(e=await((n=this.element)===null||n===void 0?void 0:n.isOpen()))!==null&&e!==void 0?e:!1}render(){return t(o,{key:"1fd84dd20ebe2a6082b026baa4acc28a5c50ab11",_active:this._active,_label:this._label,_open:this._open,_href:this._href,ref:n=>this.element=n},t("slot",{key:"04feee9cc8420f26d90ae4ad326ae5b18701893d"}))}};a.style={default:l};export{a as kol_tree_item};
-//# sourceMappingURL=kol-tree-item.entry-CVGPHvwl.js.map
+//# sourceMappingURL=kol-tree-item.entry-B4IOrHy_.js.map

package/dist/assets/{kol-tree-item.entry-CVGPHvwl.js.map → kol-tree-item.entry-B4IOrHy_.js.map}

@@ -1 +1 @@
-{"version":3,"file":"kol-tree-item.entry-CVGPHvwl.js","sources":["../../../../components/dist/esm/kol-tree-item.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h } from './index-rqIkzkgG.js';\nimport { q as KolTreeItemWcTag } from './component-names-CqTpXVIM.js';\nimport './common-BIkdAxr0.js';\n\nconst defaultStyleCss = \"/* forward the rem function */\\n/*\\n* This file defines the layer order for all CSS layers used in KoliBri.\\n* The order is important as it determines the cascade priority.\\n*\\n* Layer order (lowest to highest priority):\\n* 1. kol-a11y - Accessibility defaults and requirements\\n* 2. kol-global - Global component styles and resets\\n* 3. kol-component - Component-specific styles\\n* 4. kol-theme-global - Theme-specific global styles\\n* 5. kol-theme-component - Theme-specific component styles\\n*/\\n@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;\\n/*\\n * This file contains all rules for accessibility.\\n */\\n@layer kol-a11y {\\n  :host {\\n    /*\\n                   * Minimum size of interactive elements.\\n                   */\\n    --a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16));\\n    /*\\n     * No element should be used without verifying the contrast ratio of its background and font colors.\\n     * By initially setting the background color to white and the font color to black,\\n     * the contrast ratio is ensured and explicit adjustment is forced.\\n     */\\n    color: black;\\n    background-color: white;\\n    /*\\n     * Verdana is an accessible font that can be used without requiring additional loading time.\\n     */\\n    font-family: Verdana;\\n    /*\\n     * Letter spacing is required for all texts.\\n     */\\n    letter-spacing: inherit;\\n    /*\\n     * Word spacing is required for all texts.\\n     */\\n    word-spacing: inherit;\\n    /*\\n     * Text should be aligned left by default to provide a predictable starting point.\\n     */\\n    text-align: left;\\n  }\\n  * {\\n    /*\\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n     */\\n    hyphens: auto;\\n    /*\\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n     */\\n    word-break: break-word;\\n  }\\n  /*\\n   * All interactive elements should have a minimum size of to-rem(44).\\n   */\\n  /* input:not([type='checkbox'], [type='radio'], [type='range']), */\\n  /* option, */\\n  /* select, */\\n  /* textarea, */\\n  button,\\n  .kol-input .input {\\n    min-width: var(--a11y-min-size);\\n    min-height: var(--a11y-min-size);\\n  }\\n  /*\\n   * Some interactive elements should not inherit the font-family and font-size.\\n   */\\n  a,\\n  button,\\n  h1,\\n  h2,\\n  h3,\\n  h4,\\n  h5,\\n  h6,\\n  input,\\n  option,\\n  select,\\n  textarea {\\n    /*\\n     * All elements should inherit the text color from his parent element.\\n     */\\n    color: inherit;\\n    /*\\n     * All elements should inherit the font family from his parent element.\\n     */\\n    font-family: inherit;\\n    /*\\n     * All elements should inherit the font size from his parent element.\\n     */\\n    font-size: inherit;\\n    /*\\n     * Letter spacing is required for all texts.\\n     */\\n    letter-spacing: inherit;\\n    /*\\n     * Word spacing is required for all texts.\\n     */\\n    word-spacing: inherit;\\n  }\\n  /**\\n  * Sometimes we need the semantic element for accessibility reasons,\\n  * but we don't want to show it.\\n  *\\n  * - https://www.a11yproject.com/posts/how-to-hide-content/\\n  */\\n  .visually-hidden {\\n    position: fixed;\\n    top: 0;\\n    left: 0;\\n    width: 1px;\\n    height: 1px;\\n    overflow: hidden;\\n    white-space: nowrap;\\n    clip-path: inset(50%);\\n  }\\n}\\n@layer kol-global {\\n  /*\\n   * Dieses CSS stellt sicher, dass der Standard-Style\\n   * von A und Button resettet werden.\\n   */\\n  :is(a, button) {\\n    background-color: transparent;\\n    width: 100%;\\n    margin: 0;\\n    padding: 0;\\n    border: none;\\n    /* 100% needed for custom width from outside */\\n  }\\n  /*\\n   * Ensure elements with hidden attribute to be actually not visible\\n   * @see https://meowni.ca/hidden.is.a.lie.html\\n   */\\n  [hidden] {\\n    display: none !important;\\n  }\\n  .badge-text-hint {\\n    color: black;\\n    background-color: lightgray;\\n  }\\n}\\n@layer kol-global {\\n  :host {\\n    /*\\n     * The max-width is needed to prevent the table from overflowing the\\n     * parent node, if the table is wider than the parent node.\\n     */\\n    max-width: 100%;\\n    font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\\n  }\\n  * {\\n    /*\\n     * We prefer to box-sizing: border-box for all elements.\\n     */\\n    box-sizing: border-box;\\n  }\\n  .kol-span {\\n    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\\n    display: flex;\\n    flex-flow: column;\\n    align-items: center;\\n    justify-content: center;\\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\\n  }\\n  .kol-span__container {\\n    display: flex;\\n    align-items: center;\\n  }\\n  a,\\n  button {\\n    cursor: pointer;\\n  }\\n  .kol-span .kol-span__label--hide-label .kol-span__label {\\n    display: none;\\n  }\\n  /* Reset browser agent style. */\\n  button:disabled {\\n    color: unset;\\n  }\\n  .disabled label,\\n  .disabled:focus-within label,\\n  [aria-disabled=true],\\n  [aria-disabled=true]:focus,\\n  [disabled],\\n  [disabled]:focus {\\n    opacity: 0.5;\\n    outline: none;\\n    cursor: not-allowed;\\n  }\\n  [aria-disabled=true]:focus .kol-span,\\n  [disabled]:focus .kol-span {\\n    outline: none !important;\\n  }\\n  .hastooltip {\\n    z-index: 900 !important;\\n  }\\n}\\n@layer kol-component {\\n  .kol-tree-item {\\n    --indentation: var(--tree-item-indentation, calc(10 * 1rem / var(--kolibri-root-font-size, 16)));\\n  }\\n  .kol-tree-item__link .kol-link {\\n    display: inline-flex;\\n    min-height: var(--a11y-min-size);\\n    padding-right: calc(6 * 1rem / var(--kolibri-root-font-size, 16));\\n    padding-left: max(var(--indentation) * var(--level) + 8 * 1rem / var(--kolibri-root-font-size, 16), 8 * 1rem / var(--kolibri-root-font-size, 16));\\n    align-items: center;\\n    text-decoration: none;\\n  }\\n  .kol-tree-item__link--first-level .kol-link {\\n    padding-left: calc(6 * 1rem / var(--kolibri-root-font-size, 16));\\n  }\\n  .kol-tree-item__link-inner {\\n    display: flex;\\n    align-items: center;\\n  }\\n  .kol-tree-item__children {\\n    margin: 0;\\n    padding: 0;\\n    list-style: none;\\n  }\\n  .kol-tree-item .kol-span {\\n    place-items: unset;\\n  }\\n  .kol-tree-item__toggle-button, .kol-tree-item__toggle-button-placeholder {\\n    display: inline-flex;\\n    min-width: var(--a11y-min-size);\\n    min-height: var(--a11y-min-size);\\n    align-items: center;\\n    justify-content: center;\\n  }\\n  .kol-tree-item__text {\\n    text-decoration: underline;\\n  }\\n}\";\n\nconst KolTreeItem = class {\n    constructor(hostRef) {\n        registerInstance(this, hostRef);\n    }\n    async focus() {\n        var _a;\n        return Promise.resolve((_a = this.element) === null || _a === void 0 ? void 0 : _a.focus());\n    }\n    async expand() {\n        var _a;\n        return Promise.resolve((_a = this.element) === null || _a === void 0 ? void 0 : _a.expand());\n    }\n    async collapse() {\n        var _a;\n        return Promise.resolve((_a = this.element) === null || _a === void 0 ? void 0 : _a.collapse());\n    }\n    async isOpen() {\n        var _a, _b;\n        return (_b = (await ((_a = this.element) === null || _a === void 0 ? void 0 : _a.isOpen()))) !== null && _b !== void 0 ? _b : false;\n    }\n    render() {\n        return (h(KolTreeItemWcTag, { key: '1fd84dd20ebe2a6082b026baa4acc28a5c50ab11', _active: this._active, _label: this._label, _open: this._open, _href: this._href, ref: (element) => (this.element = element) }, h(\"slot\", { key: '04feee9cc8420f26d90ae4ad326ae5b18701893d' })));\n    }\n};\nKolTreeItem.style = {\n    default: defaultStyleCss\n};\n\nexport { KolTreeItem as kol_tree_item };\n//# sourceMappingURL=kol-tree-item.entry.js.map\n"],"names":["defaultStyleCss","KolTreeItem","hostRef","registerInstance","_a","_b","h","KolTreeItemWcTag","element"],"mappings":"uDAOA,MAAMA,EAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAElBC,EAAc,KAAM,CACtB,YAAYC,EAAS,CACjBC,EAAiB,KAAMD,CAAO,CAClC,CACA,MAAM,OAAQ,CACV,IAAIE,EACJ,OAAO,QAAQ,SAASA,EAAK,KAAK,WAAa,MAAQA,IAAO,OAAS,OAASA,EAAG,MAAK,CAAE,CAC9F,CACA,MAAM,QAAS,CACX,IAAIA,EACJ,OAAO,QAAQ,SAASA,EAAK,KAAK,WAAa,MAAQA,IAAO,OAAS,OAASA,EAAG,OAAM,CAAE,CAC/F,CACA,MAAM,UAAW,CACb,IAAIA,EACJ,OAAO,QAAQ,SAASA,EAAK,KAAK,WAAa,MAAQA,IAAO,OAAS,OAASA,EAAG,SAAQ,CAAE,CACjG,CACA,MAAM,QAAS,CACX,IAAIA,EAAIC,EACR,OAAQA,EAAM,OAAQD,EAAK,KAAK,WAAa,MAAQA,IAAO,OAAS,OAASA,EAAG,OAAM,MAAU,MAAQC,IAAO,OAASA,EAAK,EAClI,CACA,QAAS,CACL,OAAQC,EAAEC,EAAkB,CAAE,IAAK,2CAA4C,QAAS,KAAK,QAAS,OAAQ,KAAK,OAAQ,MAAO,KAAK,MAAO,MAAO,KAAK,MAAO,IAAMC,GAAa,KAAK,QAAUA,CAAQ,EAAIF,EAAE,OAAQ,CAAE,IAAK,0CAA0C,CAAE,CAAC,CACjR,CACJ,EACAL,EAAY,MAAQ,CAChB,QAASD,CACb"}
+{"version":3,"file":"kol-tree-item.entry-B4IOrHy_.js","sources":["../../../../components/dist/esm/kol-tree-item.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h } from './index-CHdBQ7XR.js';\nimport { q as KolTreeItemWcTag } from './component-names-CqTpXVIM.js';\nimport './common-BIkdAxr0.js';\n\nconst defaultStyleCss = \"/* forward the rem function */\\n/*\\n* This file defines the layer order for all CSS layers used in KoliBri.\\n* The order is important as it determines the cascade priority.\\n*\\n* Layer order (lowest to highest priority):\\n* 1. kol-a11y - Accessibility defaults and requirements\\n* 2. kol-global - Global component styles and resets\\n* 3. kol-component - Component-specific styles\\n* 4. kol-theme-global - Theme-specific global styles\\n* 5. kol-theme-component - Theme-specific component styles\\n*/\\n@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;\\n/*\\n * This file contains all rules for accessibility.\\n */\\n@layer kol-a11y {\\n  :host {\\n    /*\\n                   * Minimum size of interactive elements.\\n                   */\\n    --a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16));\\n    /*\\n     * No element should be used without verifying the contrast ratio of its background and font colors.\\n     * By initially setting the background color to white and the font color to black,\\n     * the contrast ratio is ensured and explicit adjustment is forced.\\n     */\\n    color: black;\\n    background-color: white;\\n    /*\\n     * Verdana is an accessible font that can be used without requiring additional loading time.\\n     */\\n    font-family: Verdana;\\n    /*\\n     * Letter spacing is required for all texts.\\n     */\\n    letter-spacing: inherit;\\n    /*\\n     * Word spacing is required for all texts.\\n     */\\n    word-spacing: inherit;\\n    /*\\n     * Text should be aligned left by default to provide a predictable starting point.\\n     */\\n    text-align: left;\\n  }\\n  * {\\n    /*\\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n     */\\n    hyphens: auto;\\n    /*\\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n     */\\n    word-break: break-word;\\n  }\\n  /*\\n   * All interactive elements should have a minimum size of to-rem(44).\\n   */\\n  /* input:not([type='checkbox'], [type='radio'], [type='range']), */\\n  /* option, */\\n  /* select, */\\n  /* textarea, */\\n  button,\\n  .kol-input .input {\\n    min-width: var(--a11y-min-size);\\n    min-height: var(--a11y-min-size);\\n  }\\n  /*\\n   * Some interactive elements should not inherit the font-family and font-size.\\n   */\\n  a,\\n  button,\\n  h1,\\n  h2,\\n  h3,\\n  h4,\\n  h5,\\n  h6,\\n  input,\\n  option,\\n  select,\\n  textarea {\\n    /*\\n     * All elements should inherit the text color from his parent element.\\n     */\\n    color: inherit;\\n    /*\\n     * All elements should inherit the font family from his parent element.\\n     */\\n    font-family: inherit;\\n    /*\\n     * All elements should inherit the font size from his parent element.\\n     */\\n    font-size: inherit;\\n    /*\\n     * Letter spacing is required for all texts.\\n     */\\n    letter-spacing: inherit;\\n    /*\\n     * Word spacing is required for all texts.\\n     */\\n    word-spacing: inherit;\\n  }\\n  /**\\n  * Sometimes we need the semantic element for accessibility reasons,\\n  * but we don't want to show it.\\n  *\\n  * - https://www.a11yproject.com/posts/how-to-hide-content/\\n  */\\n  .visually-hidden {\\n    position: fixed;\\n    top: 0;\\n    left: 0;\\n    width: 1px;\\n    height: 1px;\\n    overflow: hidden;\\n    white-space: nowrap;\\n    clip-path: inset(50%);\\n  }\\n}\\n@layer kol-global {\\n  /*\\n   * Dieses CSS stellt sicher, dass der Standard-Style\\n   * von A und Button resettet werden.\\n   */\\n  :is(a, button) {\\n    background-color: transparent;\\n    width: 100%;\\n    margin: 0;\\n    padding: 0;\\n    border: none;\\n    /* 100% needed for custom width from outside */\\n  }\\n  /*\\n   * Ensure elements with hidden attribute to be actually not visible\\n   * @see https://meowni.ca/hidden.is.a.lie.html\\n   */\\n  [hidden] {\\n    display: none !important;\\n  }\\n  .badge-text-hint {\\n    color: black;\\n    background-color: lightgray;\\n  }\\n}\\n@layer kol-global {\\n  :host {\\n    /*\\n     * The max-width is needed to prevent the table from overflowing the\\n     * parent node, if the table is wider than the parent node.\\n     */\\n    max-width: 100%;\\n    font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\\n  }\\n  * {\\n    /*\\n     * We prefer to box-sizing: border-box for all elements.\\n     */\\n    box-sizing: border-box;\\n  }\\n  .kol-span {\\n    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\\n    display: flex;\\n    flex-flow: column;\\n    align-items: center;\\n    justify-content: center;\\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\\n  }\\n  .kol-span__container {\\n    display: flex;\\n    align-items: center;\\n  }\\n  a,\\n  button {\\n    cursor: pointer;\\n  }\\n  .kol-span .kol-span__label--hide-label .kol-span__label {\\n    display: none;\\n  }\\n  /* Reset browser agent style. */\\n  button:disabled {\\n    color: unset;\\n  }\\n  .disabled label,\\n  .disabled:focus-within label,\\n  [aria-disabled=true],\\n  [aria-disabled=true]:focus,\\n  [disabled],\\n  [disabled]:focus {\\n    opacity: 0.5;\\n    outline: none;\\n    cursor: not-allowed;\\n  }\\n  [aria-disabled=true]:focus .kol-span,\\n  [disabled]:focus .kol-span {\\n    outline: none !important;\\n  }\\n  .hastooltip {\\n    z-index: 900 !important;\\n  }\\n}\\n@layer kol-component {\\n  .kol-tree-item {\\n    --indentation: var(--tree-item-indentation, calc(10 * 1rem / var(--kolibri-root-font-size, 16)));\\n  }\\n  .kol-tree-item__link .kol-link {\\n    display: inline-flex;\\n    min-height: var(--a11y-min-size);\\n    padding-right: calc(6 * 1rem / var(--kolibri-root-font-size, 16));\\n    padding-left: max(var(--indentation) * var(--level) + 8 * 1rem / var(--kolibri-root-font-size, 16), 8 * 1rem / var(--kolibri-root-font-size, 16));\\n    align-items: center;\\n    text-decoration: none;\\n  }\\n  .kol-tree-item__link--first-level .kol-link {\\n    padding-left: calc(6 * 1rem / var(--kolibri-root-font-size, 16));\\n  }\\n  .kol-tree-item__link-inner {\\n    display: flex;\\n    align-items: center;\\n  }\\n  .kol-tree-item__children {\\n    margin: 0;\\n    padding: 0;\\n    list-style: none;\\n  }\\n  .kol-tree-item .kol-span {\\n    place-items: unset;\\n  }\\n  .kol-tree-item__toggle-button, .kol-tree-item__toggle-button-placeholder {\\n    display: inline-flex;\\n    min-width: var(--a11y-min-size);\\n    min-height: var(--a11y-min-size);\\n    align-items: center;\\n    justify-content: center;\\n  }\\n  .kol-tree-item__text {\\n    text-decoration: underline;\\n  }\\n}\";\n\nconst KolTreeItem = class {\n    constructor(hostRef) {\n        registerInstance(this, hostRef);\n    }\n    async focus() {\n        var _a;\n        return Promise.resolve((_a = this.element) === null || _a === void 0 ? void 0 : _a.focus());\n    }\n    async expand() {\n        var _a;\n        return Promise.resolve((_a = this.element) === null || _a === void 0 ? void 0 : _a.expand());\n    }\n    async collapse() {\n        var _a;\n        return Promise.resolve((_a = this.element) === null || _a === void 0 ? void 0 : _a.collapse());\n    }\n    async isOpen() {\n        var _a, _b;\n        return (_b = (await ((_a = this.element) === null || _a === void 0 ? void 0 : _a.isOpen()))) !== null && _b !== void 0 ? _b : false;\n    }\n    render() {\n        return (h(KolTreeItemWcTag, { key: '1fd84dd20ebe2a6082b026baa4acc28a5c50ab11', _active: this._active, _label: this._label, _open: this._open, _href: this._href, ref: (element) => (this.element = element) }, h(\"slot\", { key: '04feee9cc8420f26d90ae4ad326ae5b18701893d' })));\n    }\n};\nKolTreeItem.style = {\n    default: defaultStyleCss\n};\n\nexport { KolTreeItem as kol_tree_item };\n//# sourceMappingURL=kol-tree-item.entry.js.map\n"],"names":["defaultStyleCss","KolTreeItem","hostRef","registerInstance","_a","_b","h","KolTreeItemWcTag","element"],"mappings":"uDAOA,MAAMA,EAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAElBC,EAAc,KAAM,CACtB,YAAYC,EAAS,CACjBC,EAAiB,KAAMD,CAAO,CAClC,CACA,MAAM,OAAQ,CACV,IAAIE,EACJ,OAAO,QAAQ,SAASA,EAAK,KAAK,WAAa,MAAQA,IAAO,OAAS,OAASA,EAAG,MAAK,CAAE,CAC9F,CACA,MAAM,QAAS,CACX,IAAIA,EACJ,OAAO,QAAQ,SAASA,EAAK,KAAK,WAAa,MAAQA,IAAO,OAAS,OAASA,EAAG,OAAM,CAAE,CAC/F,CACA,MAAM,UAAW,CACb,IAAIA,EACJ,OAAO,QAAQ,SAASA,EAAK,KAAK,WAAa,MAAQA,IAAO,OAAS,OAASA,EAAG,SAAQ,CAAE,CACjG,CACA,MAAM,QAAS,CACX,IAAIA,EAAIC,EACR,OAAQA,EAAM,OAAQD,EAAK,KAAK,WAAa,MAAQA,IAAO,OAAS,OAASA,EAAG,OAAM,MAAU,MAAQC,IAAO,OAASA,EAAK,EAClI,CACA,QAAS,CACL,OAAQC,EAAEC,EAAkB,CAAE,IAAK,2CAA4C,QAAS,KAAK,QAAS,OAAQ,KAAK,OAAQ,MAAO,KAAK,MAAO,MAAO,KAAK,MAAO,IAAMC,GAAa,KAAK,QAAUA,CAAQ,EAAIF,EAAE,OAAQ,CAAE,IAAK,0CAA0C,CAAE,CAAC,CACjR,CACJ,EACAL,EAAY,MAAQ,CAChB,QAASD,CACb"}

package/dist/assets/{kol-tree-wc.entry-BymTvGc7.js → kol-tree-wc.entry-B3R5pOba.js}

@@ -1,2 +1,2 @@
-import{r as E,h as m,H as k,ao as f,an as L,g as A}from"./index-DmmpFrhU.js";import{v as x}from"./label-C18ud7Yt-sNaprwbD.js";const b=class{constructor(e){E(this,e),this.state={_label:""}}validateLabel(e){x(this,e)}render(){return m(k,{key:"35a6c7c7cf981eca928ad6e9a3e18c9ce9edf606",onSlotchange:this.handleSlotchange.bind(this)},m("nav",{key:"af115cf6342afeeffe2d4a8b119000f9685f3d26",class:"kol-tree","aria-label":this.state._label},m("ul",{key:"0d86cee9ca2ca5317bf40e7a5acc4adb554b4406",class:"kol-tree__treeview-navigation",role:"tree","aria-label":this.state._label},m("slot",{key:"0aa3900c280259281fe4caedfd62e1800eb193fe"}))))}static isTreeItem(e){return e?.tagName===f.toUpperCase()}componentWillLoad(){this.validateLabel(this._label),this.handleTreeChange(),this.observeChildListMutations()}disconnectedCallback(){var e;(e=this.observer)===null||e===void 0||e.disconnect()}observeChildListMutations(){this.observer=new MutationObserver(this.handleTreeChange.bind(this)),this.observeTopLevelItems()}handleSlotchange(){this.observeTopLevelItems(),this.handleTreeChange()}observeTopLevelItems(){var e;(e=this.getTopLevelTreeItems())===null||e===void 0||e.forEach(i=>{var t;(t=this.observer)===null||t===void 0||t.observe(i,{childList:!0,subtree:!0})})}getTopLevelTreeItems(){var e,i,t;return(t=(i=(e=this.host.querySelector("slot"))===null||e===void 0?void 0:e.assignedNodes)===null||i===void 0?void 0:i.call(e))===null||t===void 0?void 0:t.filter(b.isTreeItem)}handleTreeChange(){this.treeItemElements=this.getTreeItemElements(),this.ensureActiveItemVisibility()}getTreeItemElements(){var e;return(e=this.getTopLevelTreeItems())===null||e===void 0?void 0:e.reduce((i,t)=>{const s=t.querySelectorAll(f);return[...i,t,...s]},[])}async getOpenTreeItemElements(){if(!this.treeItemElements)return;const e=async t=>b.isTreeItem(t.parentElement)?await t.parentElement.isOpen()&&await e(t.parentElement):!0;return(await Promise.all(this.treeItemElements.map(async t=>({value:t,include:await e(t)})))).filter(t=>t.include).map(t=>t.value)}async handleKeyDown(e){var i,t,s,o,n,d,h,c,v,p;const a=await this.getOpenTreeItemElements(),l=(i=document.activeElement)===null||i===void 0?void 0:i.closest(f),T=e.metaKey||e.altKey||e.ctrlKey||e.shiftKey;if(!a||!l)return;const I=a?.findIndex(r=>r===l);switch(e.key){case"ArrowDown":{await((t=a[I+1])===null||t===void 0?void 0:t.focus()),e.preventDefault();break}case"ArrowUp":{await((s=a[I-1])===null||s===void 0?void 0:s.focus()),e.preventDefault();break}case"Right":case"ArrowRight":{e.preventDefault(),await l.isOpen()?await((o=a[I+1])===null||o===void 0?void 0:o.focus()):await l.expand();break}case"Left":case"ArrowLeft":{if(e.preventDefault(),await l.isOpen())await l.collapse();else{const r=a.findIndex(u=>u===l.parentElement);r!==-1&&await((n=a[r])===null||n===void 0?void 0:n.focus())}break}case"Home":{await((d=a[0])===null||d===void 0?void 0:d.focus()),e.preventDefault();break}case"End":{await((h=a[a.length-1])===null||h===void 0?void 0:h.focus()),e.preventDefault();break}case((c=e.key.match(/^[a-zA-Z0-9]$/))===null||c===void 0?void 0:c.input):{if(!T){const r=e.key.toLowerCase(),u=a.indexOf(l)+1,_=a.concat(a),w=_.slice(u,u+a.length).findIndex(y=>{var g;return(g=y.getAttribute("_label"))===null||g===void 0?void 0:g.trim().toLowerCase().startsWith(r)});w!==-1&&(await((v=_[u+w])===null||v===void 0?void 0:v.focus()),e.preventDefault())}break}case"*":{const r=(p=l.parentElement)===null||p===void 0?void 0:p.querySelectorAll(f);r?.forEach(u=>{u.expand()});break}}}async handleFocusOut(e){e.relatedTarget&&!e.relatedTarget.closest(L)&&await this.ensureActiveItemVisibility()}async ensureActiveItemVisibility(){const e=()=>{var s,o,n,d;const h=(d=(n=(o=(s=this.host.querySelector("slot"))===null||s===void 0?void 0:s.assignedNodes)===null||o===void 0?void 0:o.call(s))===null||n===void 0?void 0:n.filter(b.isTreeItem))!==null&&d!==void 0?d:[];for(const c of h){if(c._active)return c;const v=c.querySelector(`${f}[_active="true"]`);if(v&&v._active)return v}},i=s=>{b.isTreeItem(s.parentElement)&&(s.parentElement.expand(),i(s.parentElement))},t=e();t&&i(t)}get host(){return A(this)}static get watchers(){return{_label:["validateLabel"]}}};export{b as kol_tree_wc};
-//# sourceMappingURL=kol-tree-wc.entry-BymTvGc7.js.map
+import{r as E,h as m,H as k,ao as f,an as L,g as A}from"./index-BjMDbBlh.js";import{v as x}from"./label-C18ud7Yt-DVVPTrJO.js";const b=class{constructor(e){E(this,e),this.state={_label:""}}validateLabel(e){x(this,e)}render(){return m(k,{key:"35a6c7c7cf981eca928ad6e9a3e18c9ce9edf606",onSlotchange:this.handleSlotchange.bind(this)},m("nav",{key:"af115cf6342afeeffe2d4a8b119000f9685f3d26",class:"kol-tree","aria-label":this.state._label},m("ul",{key:"0d86cee9ca2ca5317bf40e7a5acc4adb554b4406",class:"kol-tree__treeview-navigation",role:"tree","aria-label":this.state._label},m("slot",{key:"0aa3900c280259281fe4caedfd62e1800eb193fe"}))))}static isTreeItem(e){return e?.tagName===f.toUpperCase()}componentWillLoad(){this.validateLabel(this._label),this.handleTreeChange(),this.observeChildListMutations()}disconnectedCallback(){var e;(e=this.observer)===null||e===void 0||e.disconnect()}observeChildListMutations(){this.observer=new MutationObserver(this.handleTreeChange.bind(this)),this.observeTopLevelItems()}handleSlotchange(){this.observeTopLevelItems(),this.handleTreeChange()}observeTopLevelItems(){var e;(e=this.getTopLevelTreeItems())===null||e===void 0||e.forEach(i=>{var t;(t=this.observer)===null||t===void 0||t.observe(i,{childList:!0,subtree:!0})})}getTopLevelTreeItems(){var e,i,t;return(t=(i=(e=this.host.querySelector("slot"))===null||e===void 0?void 0:e.assignedNodes)===null||i===void 0?void 0:i.call(e))===null||t===void 0?void 0:t.filter(b.isTreeItem)}handleTreeChange(){this.treeItemElements=this.getTreeItemElements(),this.ensureActiveItemVisibility()}getTreeItemElements(){var e;return(e=this.getTopLevelTreeItems())===null||e===void 0?void 0:e.reduce((i,t)=>{const s=t.querySelectorAll(f);return[...i,t,...s]},[])}async getOpenTreeItemElements(){if(!this.treeItemElements)return;const e=async t=>b.isTreeItem(t.parentElement)?await t.parentElement.isOpen()&&await e(t.parentElement):!0;return(await Promise.all(this.treeItemElements.map(async t=>({value:t,include:await e(t)})))).filter(t=>t.include).map(t=>t.value)}async handleKeyDown(e){var i,t,s,o,n,d,h,c,v,p;const a=await this.getOpenTreeItemElements(),l=(i=document.activeElement)===null||i===void 0?void 0:i.closest(f),T=e.metaKey||e.altKey||e.ctrlKey||e.shiftKey;if(!a||!l)return;const I=a?.findIndex(r=>r===l);switch(e.key){case"ArrowDown":{await((t=a[I+1])===null||t===void 0?void 0:t.focus()),e.preventDefault();break}case"ArrowUp":{await((s=a[I-1])===null||s===void 0?void 0:s.focus()),e.preventDefault();break}case"Right":case"ArrowRight":{e.preventDefault(),await l.isOpen()?await((o=a[I+1])===null||o===void 0?void 0:o.focus()):await l.expand();break}case"Left":case"ArrowLeft":{if(e.preventDefault(),await l.isOpen())await l.collapse();else{const r=a.findIndex(u=>u===l.parentElement);r!==-1&&await((n=a[r])===null||n===void 0?void 0:n.focus())}break}case"Home":{await((d=a[0])===null||d===void 0?void 0:d.focus()),e.preventDefault();break}case"End":{await((h=a[a.length-1])===null||h===void 0?void 0:h.focus()),e.preventDefault();break}case((c=e.key.match(/^[a-zA-Z0-9]$/))===null||c===void 0?void 0:c.input):{if(!T){const r=e.key.toLowerCase(),u=a.indexOf(l)+1,_=a.concat(a),w=_.slice(u,u+a.length).findIndex(y=>{var g;return(g=y.getAttribute("_label"))===null||g===void 0?void 0:g.trim().toLowerCase().startsWith(r)});w!==-1&&(await((v=_[u+w])===null||v===void 0?void 0:v.focus()),e.preventDefault())}break}case"*":{const r=(p=l.parentElement)===null||p===void 0?void 0:p.querySelectorAll(f);r?.forEach(u=>{u.expand()});break}}}async handleFocusOut(e){e.relatedTarget&&!e.relatedTarget.closest(L)&&await this.ensureActiveItemVisibility()}async ensureActiveItemVisibility(){const e=()=>{var s,o,n,d;const h=(d=(n=(o=(s=this.host.querySelector("slot"))===null||s===void 0?void 0:s.assignedNodes)===null||o===void 0?void 0:o.call(s))===null||n===void 0?void 0:n.filter(b.isTreeItem))!==null&&d!==void 0?d:[];for(const c of h){if(c._active)return c;const v=c.querySelector(`${f}[_active="true"]`);if(v&&v._active)return v}},i=s=>{b.isTreeItem(s.parentElement)&&(s.parentElement.expand(),i(s.parentElement))},t=e();t&&i(t)}get host(){return A(this)}static get watchers(){return{_label:["validateLabel"]}}};export{b as kol_tree_wc};
+//# sourceMappingURL=kol-tree-wc.entry-B3R5pOba.js.map

package/dist/assets/{kol-tree-wc.entry-BymTvGc7.js.map → kol-tree-wc.entry-B3R5pOba.js.map}

@@ -1 +1 @@
-{"version":3,"file":"kol-tree-wc.entry-BymTvGc7.js","sources":["../../../../components/dist/esm/kol-tree-wc.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h, H as Host, g as getElement } from './index-rqIkzkgG.js';\nimport { y as KolTreeItemTag, x as KolTreeTag } from './component-names-CqTpXVIM.js';\nimport './common-BIkdAxr0.js';\nimport { v as validateLabel } from './label-C18ud7Yt.js';\n\nconst KolTreeWc = class {\n    constructor(hostRef) {\n        registerInstance(this, hostRef);\n        this.state = {\n            _label: '',\n        };\n    }\n    validateLabel(value) {\n        validateLabel(this, value);\n    }\n    render() {\n        return (h(Host, { key: '35a6c7c7cf981eca928ad6e9a3e18c9ce9edf606', onSlotchange: this.handleSlotchange.bind(this) }, h(\"nav\", { key: 'af115cf6342afeeffe2d4a8b119000f9685f3d26', class: \"kol-tree\", \"aria-label\": this.state._label }, h(\"ul\", { key: '0d86cee9ca2ca5317bf40e7a5acc4adb554b4406', class: \"kol-tree__treeview-navigation\", role: \"tree\", \"aria-label\": this.state._label }, h(\"slot\", { key: '0aa3900c280259281fe4caedfd62e1800eb193fe' })))));\n    }\n    static isTreeItem(element) {\n        return (element === null || element === void 0 ? void 0 : element.tagName) === KolTreeItemTag.toUpperCase();\n    }\n    componentWillLoad() {\n        this.validateLabel(this._label);\n        this.handleTreeChange();\n        this.observeChildListMutations();\n    }\n    disconnectedCallback() {\n        var _a;\n        (_a = this.observer) === null || _a === void 0 ? void 0 : _a.disconnect();\n    }\n    observeChildListMutations() {\n        this.observer = new MutationObserver(this.handleTreeChange.bind(this));\n        this.observeTopLevelItems();\n    }\n    handleSlotchange() {\n        this.observeTopLevelItems();\n        this.handleTreeChange();\n    }\n    observeTopLevelItems() {\n        var _a;\n        (_a = this.getTopLevelTreeItems()) === null || _a === void 0 ? void 0 : _a.forEach((treeItem) => {\n            var _a;\n            (_a = this.observer) === null || _a === void 0 ? void 0 : _a.observe(treeItem, { childList: true, subtree: true });\n        });\n    }\n    getTopLevelTreeItems() {\n        var _a, _b, _c;\n        return (_c = (_b = (_a = this.host.querySelector('slot')) === null || _a === void 0 ? void 0 : _a.assignedNodes) === null || _b === void 0 ? void 0 : _b.call(_a)) === null || _c === void 0 ? void 0 : _c.filter(KolTreeWc.isTreeItem);\n    }\n    handleTreeChange() {\n        this.treeItemElements = this.getTreeItemElements();\n        void this.ensureActiveItemVisibility();\n    }\n    getTreeItemElements() {\n        var _a;\n        return (_a = this.getTopLevelTreeItems()) === null || _a === void 0 ? void 0 : _a.reduce((accumulator, currentValue) => {\n            const children = currentValue.querySelectorAll(KolTreeItemTag);\n            return [...accumulator, currentValue, ...children];\n        }, []);\n    }\n    async getOpenTreeItemElements() {\n        if (!this.treeItemElements) {\n            return;\n        }\n        const areElementAndAllParentsOpen = async (element) => {\n            if (!KolTreeWc.isTreeItem(element.parentElement)) {\n                return true;\n            }\n            else {\n                return (await element.parentElement.isOpen()) && (await areElementAndAllParentsOpen(element.parentElement));\n            }\n        };\n        const elementsWithInclude = await Promise.all(this.treeItemElements.map(async (element) => ({\n            value: element,\n            include: await areElementAndAllParentsOpen(element),\n        })));\n        return elementsWithInclude.filter((element) => element.include).map((element) => element.value);\n    }\n    async handleKeyDown(event) {\n        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;\n        const openItems = await this.getOpenTreeItemElements();\n        const currentTreeItem = (_a = document.activeElement) === null || _a === void 0 ? void 0 : _a.closest(KolTreeItemTag);\n        const hasModifierKeyPressed = event.metaKey || event.altKey || event.ctrlKey || event.shiftKey;\n        if (!openItems || !currentTreeItem) {\n            return;\n        }\n        const currentIndex = openItems === null || openItems === void 0 ? void 0 : openItems.findIndex((elem) => elem === currentTreeItem);\n        switch (event.key) {\n            case 'ArrowDown': {\n                await ((_b = openItems[currentIndex + 1]) === null || _b === void 0 ? void 0 : _b.focus());\n                event.preventDefault();\n                break;\n            }\n            case 'ArrowUp': {\n                await ((_c = openItems[currentIndex - 1]) === null || _c === void 0 ? void 0 : _c.focus());\n                event.preventDefault();\n                break;\n            }\n            case 'Right':\n            case 'ArrowRight': {\n                event.preventDefault();\n                if (await currentTreeItem.isOpen()) {\n                    await ((_d = openItems[currentIndex + 1]) === null || _d === void 0 ? void 0 : _d.focus());\n                }\n                else {\n                    await currentTreeItem.expand();\n                }\n                break;\n            }\n            case 'Left':\n            case 'ArrowLeft': {\n                event.preventDefault();\n                if (await currentTreeItem.isOpen()) {\n                    await currentTreeItem.collapse();\n                }\n                else {\n                    const parentIndex = openItems.findIndex((item) => item === currentTreeItem.parentElement);\n                    if (parentIndex !== -1) {\n                        await ((_e = openItems[parentIndex]) === null || _e === void 0 ? void 0 : _e.focus());\n                    }\n                }\n                break;\n            }\n            case 'Home': {\n                await ((_f = openItems[0]) === null || _f === void 0 ? void 0 : _f.focus());\n                event.preventDefault();\n                break;\n            }\n            case 'End': {\n                await ((_g = openItems[openItems.length - 1]) === null || _g === void 0 ? void 0 : _g.focus());\n                event.preventDefault();\n                break;\n            }\n            case (_h = event.key.match(/^[a-zA-Z0-9]$/)) === null || _h === void 0 ? void 0 : _h.input: {\n                if (!hasModifierKeyPressed) {\n                    const char = event.key.toLowerCase();\n                    const startIndex = openItems.indexOf(currentTreeItem) + 1;\n                    const wrapAroundItems = openItems.concat(openItems);\n                    const matchIndex = wrapAroundItems\n                        .slice(startIndex, startIndex + openItems.length)\n                        .findIndex((item) => { var _a; return (_a = item.getAttribute('_label')) === null || _a === void 0 ? void 0 : _a.trim().toLowerCase().startsWith(char); });\n                    if (matchIndex !== -1) {\n                        await ((_j = wrapAroundItems[startIndex + matchIndex]) === null || _j === void 0 ? void 0 : _j.focus());\n                        event.preventDefault();\n                    }\n                }\n                break;\n            }\n            case '*': {\n                const siblings = (_k = currentTreeItem.parentElement) === null || _k === void 0 ? void 0 : _k.querySelectorAll(KolTreeItemTag);\n                siblings === null || siblings === void 0 ? void 0 : siblings.forEach((element) => {\n                    void element.expand();\n                });\n                break;\n            }\n        }\n    }\n    async handleFocusOut(event) {\n        if (event.relatedTarget && !event.relatedTarget.closest(KolTreeTag)) {\n            await this.ensureActiveItemVisibility();\n        }\n    }\n    async ensureActiveItemVisibility() {\n        const findActiveItem = () => {\n            var _a, _b, _c, _d;\n            const rootNodes = (_d = (_c = (_b = (_a = this.host.querySelector('slot')) === null || _a === void 0 ? void 0 : _a.assignedNodes) === null || _b === void 0 ? void 0 : _b.call(_a)) === null || _c === void 0 ? void 0 : _c.filter(KolTreeWc.isTreeItem)) !== null && _d !== void 0 ? _d : [];\n            for (const rootNode of rootNodes) {\n                if (rootNode._active) {\n                    return rootNode;\n                }\n                const childMatch = rootNode.querySelector(`${KolTreeItemTag}[_active=\"true\"]`);\n                if (childMatch && childMatch._active) {\n                    return childMatch;\n                }\n            }\n        };\n        const expandParentElements = (element) => {\n            if (KolTreeWc.isTreeItem(element.parentElement)) {\n                void element.parentElement.expand();\n                expandParentElements(element.parentElement);\n            }\n        };\n        const target = findActiveItem();\n        if (target) {\n            expandParentElements(target);\n        }\n    }\n    get host() { return getElement(this); }\n    static get watchers() { return {\n        \"_label\": [\"validateLabel\"]\n    }; }\n};\n\nexport { KolTreeWc as kol_tree_wc };\n//# sourceMappingURL=kol-tree-wc.entry.js.map\n"],"names":["KolTreeWc","hostRef","registerInstance","value","validateLabel","h","Host","element","KolTreeItemTag","_a","treeItem","_b","_c","accumulator","currentValue","children","areElementAndAllParentsOpen","event","_d","_e","_f","_g","_h","_j","_k","openItems","currentTreeItem","hasModifierKeyPressed","currentIndex","elem","parentIndex","item","char","startIndex","wrapAroundItems","matchIndex","siblings","KolTreeTag","findActiveItem","rootNodes","rootNode","childMatch","expandParentElements","target","getElement"],"mappings":"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"}
+{"version":3,"file":"kol-tree-wc.entry-B3R5pOba.js","sources":["../../../../components/dist/esm/kol-tree-wc.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h, H as Host, g as getElement } from './index-CHdBQ7XR.js';\nimport { y as KolTreeItemTag, x as KolTreeTag } from './component-names-CqTpXVIM.js';\nimport './common-BIkdAxr0.js';\nimport { v as validateLabel } from './label-C18ud7Yt.js';\n\nconst KolTreeWc = class {\n    constructor(hostRef) {\n        registerInstance(this, hostRef);\n        this.state = {\n            _label: '',\n        };\n    }\n    validateLabel(value) {\n        validateLabel(this, value);\n    }\n    render() {\n        return (h(Host, { key: '35a6c7c7cf981eca928ad6e9a3e18c9ce9edf606', onSlotchange: this.handleSlotchange.bind(this) }, h(\"nav\", { key: 'af115cf6342afeeffe2d4a8b119000f9685f3d26', class: \"kol-tree\", \"aria-label\": this.state._label }, h(\"ul\", { key: '0d86cee9ca2ca5317bf40e7a5acc4adb554b4406', class: \"kol-tree__treeview-navigation\", role: \"tree\", \"aria-label\": this.state._label }, h(\"slot\", { key: '0aa3900c280259281fe4caedfd62e1800eb193fe' })))));\n    }\n    static isTreeItem(element) {\n        return (element === null || element === void 0 ? void 0 : element.tagName) === KolTreeItemTag.toUpperCase();\n    }\n    componentWillLoad() {\n        this.validateLabel(this._label);\n        this.handleTreeChange();\n        this.observeChildListMutations();\n    }\n    disconnectedCallback() {\n        var _a;\n        (_a = this.observer) === null || _a === void 0 ? void 0 : _a.disconnect();\n    }\n    observeChildListMutations() {\n        this.observer = new MutationObserver(this.handleTreeChange.bind(this));\n        this.observeTopLevelItems();\n    }\n    handleSlotchange() {\n        this.observeTopLevelItems();\n        this.handleTreeChange();\n    }\n    observeTopLevelItems() {\n        var _a;\n        (_a = this.getTopLevelTreeItems()) === null || _a === void 0 ? void 0 : _a.forEach((treeItem) => {\n            var _a;\n            (_a = this.observer) === null || _a === void 0 ? void 0 : _a.observe(treeItem, { childList: true, subtree: true });\n        });\n    }\n    getTopLevelTreeItems() {\n        var _a, _b, _c;\n        return (_c = (_b = (_a = this.host.querySelector('slot')) === null || _a === void 0 ? void 0 : _a.assignedNodes) === null || _b === void 0 ? void 0 : _b.call(_a)) === null || _c === void 0 ? void 0 : _c.filter(KolTreeWc.isTreeItem);\n    }\n    handleTreeChange() {\n        this.treeItemElements = this.getTreeItemElements();\n        void this.ensureActiveItemVisibility();\n    }\n    getTreeItemElements() {\n        var _a;\n        return (_a = this.getTopLevelTreeItems()) === null || _a === void 0 ? void 0 : _a.reduce((accumulator, currentValue) => {\n            const children = currentValue.querySelectorAll(KolTreeItemTag);\n            return [...accumulator, currentValue, ...children];\n        }, []);\n    }\n    async getOpenTreeItemElements() {\n        if (!this.treeItemElements) {\n            return;\n        }\n        const areElementAndAllParentsOpen = async (element) => {\n            if (!KolTreeWc.isTreeItem(element.parentElement)) {\n                return true;\n            }\n            else {\n                return (await element.parentElement.isOpen()) && (await areElementAndAllParentsOpen(element.parentElement));\n            }\n        };\n        const elementsWithInclude = await Promise.all(this.treeItemElements.map(async (element) => ({\n            value: element,\n            include: await areElementAndAllParentsOpen(element),\n        })));\n        return elementsWithInclude.filter((element) => element.include).map((element) => element.value);\n    }\n    async handleKeyDown(event) {\n        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;\n        const openItems = await this.getOpenTreeItemElements();\n        const currentTreeItem = (_a = document.activeElement) === null || _a === void 0 ? void 0 : _a.closest(KolTreeItemTag);\n        const hasModifierKeyPressed = event.metaKey || event.altKey || event.ctrlKey || event.shiftKey;\n        if (!openItems || !currentTreeItem) {\n            return;\n        }\n        const currentIndex = openItems === null || openItems === void 0 ? void 0 : openItems.findIndex((elem) => elem === currentTreeItem);\n        switch (event.key) {\n            case 'ArrowDown': {\n                await ((_b = openItems[currentIndex + 1]) === null || _b === void 0 ? void 0 : _b.focus());\n                event.preventDefault();\n                break;\n            }\n            case 'ArrowUp': {\n                await ((_c = openItems[currentIndex - 1]) === null || _c === void 0 ? void 0 : _c.focus());\n                event.preventDefault();\n                break;\n            }\n            case 'Right':\n            case 'ArrowRight': {\n                event.preventDefault();\n                if (await currentTreeItem.isOpen()) {\n                    await ((_d = openItems[currentIndex + 1]) === null || _d === void 0 ? void 0 : _d.focus());\n                }\n                else {\n                    await currentTreeItem.expand();\n                }\n                break;\n            }\n            case 'Left':\n            case 'ArrowLeft': {\n                event.preventDefault();\n                if (await currentTreeItem.isOpen()) {\n                    await currentTreeItem.collapse();\n                }\n                else {\n                    const parentIndex = openItems.findIndex((item) => item === currentTreeItem.parentElement);\n                    if (parentIndex !== -1) {\n                        await ((_e = openItems[parentIndex]) === null || _e === void 0 ? void 0 : _e.focus());\n                    }\n                }\n                break;\n            }\n            case 'Home': {\n                await ((_f = openItems[0]) === null || _f === void 0 ? void 0 : _f.focus());\n                event.preventDefault();\n                break;\n            }\n            case 'End': {\n                await ((_g = openItems[openItems.length - 1]) === null || _g === void 0 ? void 0 : _g.focus());\n                event.preventDefault();\n                break;\n            }\n            case (_h = event.key.match(/^[a-zA-Z0-9]$/)) === null || _h === void 0 ? void 0 : _h.input: {\n                if (!hasModifierKeyPressed) {\n                    const char = event.key.toLowerCase();\n                    const startIndex = openItems.indexOf(currentTreeItem) + 1;\n                    const wrapAroundItems = openItems.concat(openItems);\n                    const matchIndex = wrapAroundItems\n                        .slice(startIndex, startIndex + openItems.length)\n                        .findIndex((item) => { var _a; return (_a = item.getAttribute('_label')) === null || _a === void 0 ? void 0 : _a.trim().toLowerCase().startsWith(char); });\n                    if (matchIndex !== -1) {\n                        await ((_j = wrapAroundItems[startIndex + matchIndex]) === null || _j === void 0 ? void 0 : _j.focus());\n                        event.preventDefault();\n                    }\n                }\n                break;\n            }\n            case '*': {\n                const siblings = (_k = currentTreeItem.parentElement) === null || _k === void 0 ? void 0 : _k.querySelectorAll(KolTreeItemTag);\n                siblings === null || siblings === void 0 ? void 0 : siblings.forEach((element) => {\n                    void element.expand();\n                });\n                break;\n            }\n        }\n    }\n    async handleFocusOut(event) {\n        if (event.relatedTarget && !event.relatedTarget.closest(KolTreeTag)) {\n            await this.ensureActiveItemVisibility();\n        }\n    }\n    async ensureActiveItemVisibility() {\n        const findActiveItem = () => {\n            var _a, _b, _c, _d;\n            const rootNodes = (_d = (_c = (_b = (_a = this.host.querySelector('slot')) === null || _a === void 0 ? void 0 : _a.assignedNodes) === null || _b === void 0 ? void 0 : _b.call(_a)) === null || _c === void 0 ? void 0 : _c.filter(KolTreeWc.isTreeItem)) !== null && _d !== void 0 ? _d : [];\n            for (const rootNode of rootNodes) {\n                if (rootNode._active) {\n                    return rootNode;\n                }\n                const childMatch = rootNode.querySelector(`${KolTreeItemTag}[_active=\"true\"]`);\n                if (childMatch && childMatch._active) {\n                    return childMatch;\n                }\n            }\n        };\n        const expandParentElements = (element) => {\n            if (KolTreeWc.isTreeItem(element.parentElement)) {\n                void element.parentElement.expand();\n                expandParentElements(element.parentElement);\n            }\n        };\n        const target = findActiveItem();\n        if (target) {\n            expandParentElements(target);\n        }\n    }\n    get host() { return getElement(this); }\n    static get watchers() { return {\n        \"_label\": [\"validateLabel\"]\n    }; }\n};\n\nexport { KolTreeWc as kol_tree_wc };\n//# sourceMappingURL=kol-tree-wc.entry.js.map\n"],"names":["KolTreeWc","hostRef","registerInstance","value","validateLabel","h","Host","element","KolTreeItemTag","_a","treeItem","_b","_c","accumulator","currentValue","children","areElementAndAllParentsOpen","event","_d","_e","_f","_g","_h","_j","_k","openItems","currentTreeItem","hasModifierKeyPressed","currentIndex","elem","parentIndex","item","char","startIndex","wrapAroundItems","matchIndex","siblings","KolTreeTag","findActiveItem","rootNodes","rootNode","childMatch","expandParentElements","target","getElement"],"mappings":"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"}

package/dist/assets/{kol-tree.entry-CbSHoV0C.js → kol-tree.entry-rtvpIpB9.js}

@@ -1,4 +1,4 @@
-import{r as t,h as n,ac as i}from"./index-DmmpFrhU.js";const o=`/* forward the rem function */
+import{r as t,h as n,ac as i}from"./index-BjMDbBlh.js";const o=`/* forward the rem function */
 /*
 * This file defines the layer order for all CSS layers used in KoliBri.
 * The order is important as it determines the cascade priority.
@@ -211,4 +211,4 @@ import{r as t,h as n,ac as i}from"./index-DmmpFrhU.js";const o=`/* forward the r
     outline-offset: 2px;
   }
 }`,l=class{constructor(e){t(this,e)}render(){return n(i,{key:"d80ef53eb88006c0247391eefe6e13dbcfb06b81",_label:this._label},n("slot",{key:"7bd6fbba7b91939d863f0048a06ce2a74d4524fa"}))}};l.style={default:o};export{l as kol_tree};
-//# sourceMappingURL=kol-tree.entry-CbSHoV0C.js.map
+//# sourceMappingURL=kol-tree.entry-rtvpIpB9.js.map

package/dist/assets/{kol-tree.entry-CbSHoV0C.js.map → kol-tree.entry-rtvpIpB9.js.map}

@@ -1 +1 @@
-{"version":3,"file":"kol-tree.entry-CbSHoV0C.js","sources":["../../../../components/dist/esm/kol-tree.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h } from './index-rqIkzkgG.js';\nimport { p as KolTreeWcTag } from './component-names-CqTpXVIM.js';\nimport './common-BIkdAxr0.js';\n\nconst defaultStyleCss = \"/* forward the rem function */\\n/*\\n* This file defines the layer order for all CSS layers used in KoliBri.\\n* The order is important as it determines the cascade priority.\\n*\\n* Layer order (lowest to highest priority):\\n* 1. kol-a11y - Accessibility defaults and requirements\\n* 2. kol-global - Global component styles and resets\\n* 3. kol-component - Component-specific styles\\n* 4. kol-theme-global - Theme-specific global styles\\n* 5. kol-theme-component - Theme-specific component styles\\n*/\\n@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;\\n/*\\n * This file contains all rules for accessibility.\\n */\\n@layer kol-a11y {\\n  :host {\\n    /*\\n                   * Minimum size of interactive elements.\\n                   */\\n    --a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16));\\n    /*\\n     * No element should be used without verifying the contrast ratio of its background and font colors.\\n     * By initially setting the background color to white and the font color to black,\\n     * the contrast ratio is ensured and explicit adjustment is forced.\\n     */\\n    color: black;\\n    background-color: white;\\n    /*\\n     * Verdana is an accessible font that can be used without requiring additional loading time.\\n     */\\n    font-family: Verdana;\\n    /*\\n     * Letter spacing is required for all texts.\\n     */\\n    letter-spacing: inherit;\\n    /*\\n     * Word spacing is required for all texts.\\n     */\\n    word-spacing: inherit;\\n    /*\\n     * Text should be aligned left by default to provide a predictable starting point.\\n     */\\n    text-align: left;\\n  }\\n  * {\\n    /*\\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n     */\\n    hyphens: auto;\\n    /*\\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n     */\\n    word-break: break-word;\\n  }\\n  /*\\n   * All interactive elements should have a minimum size of to-rem(44).\\n   */\\n  /* input:not([type='checkbox'], [type='radio'], [type='range']), */\\n  /* option, */\\n  /* select, */\\n  /* textarea, */\\n  button,\\n  .kol-input .input {\\n    min-width: var(--a11y-min-size);\\n    min-height: var(--a11y-min-size);\\n  }\\n  /*\\n   * Some interactive elements should not inherit the font-family and font-size.\\n   */\\n  a,\\n  button,\\n  h1,\\n  h2,\\n  h3,\\n  h4,\\n  h5,\\n  h6,\\n  input,\\n  option,\\n  select,\\n  textarea {\\n    /*\\n     * All elements should inherit the text color from his parent element.\\n     */\\n    color: inherit;\\n    /*\\n     * All elements should inherit the font family from his parent element.\\n     */\\n    font-family: inherit;\\n    /*\\n     * All elements should inherit the font size from his parent element.\\n     */\\n    font-size: inherit;\\n    /*\\n     * Letter spacing is required for all texts.\\n     */\\n    letter-spacing: inherit;\\n    /*\\n     * Word spacing is required for all texts.\\n     */\\n    word-spacing: inherit;\\n  }\\n  /**\\n  * Sometimes we need the semantic element for accessibility reasons,\\n  * but we don't want to show it.\\n  *\\n  * - https://www.a11yproject.com/posts/how-to-hide-content/\\n  */\\n  .visually-hidden {\\n    position: fixed;\\n    top: 0;\\n    left: 0;\\n    width: 1px;\\n    height: 1px;\\n    overflow: hidden;\\n    white-space: nowrap;\\n    clip-path: inset(50%);\\n  }\\n}\\n@layer kol-global {\\n  /*\\n   * Dieses CSS stellt sicher, dass der Standard-Style\\n   * von A und Button resettet werden.\\n   */\\n  :is(a, button) {\\n    background-color: transparent;\\n    width: 100%;\\n    margin: 0;\\n    padding: 0;\\n    border: none;\\n    /* 100% needed for custom width from outside */\\n  }\\n  /*\\n   * Ensure elements with hidden attribute to be actually not visible\\n   * @see https://meowni.ca/hidden.is.a.lie.html\\n   */\\n  [hidden] {\\n    display: none !important;\\n  }\\n  .badge-text-hint {\\n    color: black;\\n    background-color: lightgray;\\n  }\\n}\\n@layer kol-global {\\n  :host {\\n    /*\\n     * The max-width is needed to prevent the table from overflowing the\\n     * parent node, if the table is wider than the parent node.\\n     */\\n    max-width: 100%;\\n    font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\\n  }\\n  * {\\n    /*\\n     * We prefer to box-sizing: border-box for all elements.\\n     */\\n    box-sizing: border-box;\\n  }\\n  .kol-span {\\n    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\\n    display: flex;\\n    flex-flow: column;\\n    align-items: center;\\n    justify-content: center;\\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\\n  }\\n  .kol-span__container {\\n    display: flex;\\n    align-items: center;\\n  }\\n  a,\\n  button {\\n    cursor: pointer;\\n  }\\n  .kol-span .kol-span__label--hide-label .kol-span__label {\\n    display: none;\\n  }\\n  /* Reset browser agent style. */\\n  button:disabled {\\n    color: unset;\\n  }\\n  .disabled label,\\n  .disabled:focus-within label,\\n  [aria-disabled=true],\\n  [aria-disabled=true]:focus,\\n  [disabled],\\n  [disabled]:focus {\\n    opacity: 0.5;\\n    outline: none;\\n    cursor: not-allowed;\\n  }\\n  [aria-disabled=true]:focus .kol-span,\\n  [disabled]:focus .kol-span {\\n    outline: none !important;\\n  }\\n  .hastooltip {\\n    z-index: 900 !important;\\n  }\\n}\\n@layer kol-component {\\n  .kol-tree__treeview-navigation {\\n    margin: 0;\\n    padding: 0;\\n    list-style: none;\\n  }\\n  .kol-tree:focus-within {\\n    outline: 1px solid;\\n    outline-offset: 2px;\\n  }\\n}\";\n\nconst KolTree = class {\n    constructor(hostRef) {\n        registerInstance(this, hostRef);\n    }\n    render() {\n        return (h(KolTreeWcTag, { key: 'd80ef53eb88006c0247391eefe6e13dbcfb06b81', _label: this._label }, h(\"slot\", { key: '7bd6fbba7b91939d863f0048a06ce2a74d4524fa' })));\n    }\n};\nKolTree.style = {\n    default: defaultStyleCss\n};\n\nexport { KolTree as kol_tree };\n//# sourceMappingURL=kol-tree.entry.js.map\n"],"names":["defaultStyleCss","KolTree","hostRef","registerInstance","h","KolTreeWcTag"],"mappings":"uDAOA,MAAMA,EAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAElBC,EAAU,KAAM,CAClB,YAAYC,EAAS,CACjBC,EAAiB,KAAMD,CAAO,CAClC,CACA,QAAS,CACL,OAAQE,EAAEC,EAAc,CAAE,IAAK,2CAA4C,OAAQ,KAAK,MAAM,EAAID,EAAE,OAAQ,CAAE,IAAK,0CAA0C,CAAE,CAAC,CACpK,CACJ,EACAH,EAAQ,MAAQ,CACZ,QAASD,CACb"}
+{"version":3,"file":"kol-tree.entry-rtvpIpB9.js","sources":["../../../../components/dist/esm/kol-tree.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h } from './index-CHdBQ7XR.js';\nimport { p as KolTreeWcTag } from './component-names-CqTpXVIM.js';\nimport './common-BIkdAxr0.js';\n\nconst defaultStyleCss = \"/* forward the rem function */\\n/*\\n* This file defines the layer order for all CSS layers used in KoliBri.\\n* The order is important as it determines the cascade priority.\\n*\\n* Layer order (lowest to highest priority):\\n* 1. kol-a11y - Accessibility defaults and requirements\\n* 2. kol-global - Global component styles and resets\\n* 3. kol-component - Component-specific styles\\n* 4. kol-theme-global - Theme-specific global styles\\n* 5. kol-theme-component - Theme-specific component styles\\n*/\\n@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;\\n/*\\n * This file contains all rules for accessibility.\\n */\\n@layer kol-a11y {\\n  :host {\\n    /*\\n                   * Minimum size of interactive elements.\\n                   */\\n    --a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16));\\n    /*\\n     * No element should be used without verifying the contrast ratio of its background and font colors.\\n     * By initially setting the background color to white and the font color to black,\\n     * the contrast ratio is ensured and explicit adjustment is forced.\\n     */\\n    color: black;\\n    background-color: white;\\n    /*\\n     * Verdana is an accessible font that can be used without requiring additional loading time.\\n     */\\n    font-family: Verdana;\\n    /*\\n     * Letter spacing is required for all texts.\\n     */\\n    letter-spacing: inherit;\\n    /*\\n     * Word spacing is required for all texts.\\n     */\\n    word-spacing: inherit;\\n    /*\\n     * Text should be aligned left by default to provide a predictable starting point.\\n     */\\n    text-align: left;\\n  }\\n  * {\\n    /*\\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n     */\\n    hyphens: auto;\\n    /*\\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n     */\\n    word-break: break-word;\\n  }\\n  /*\\n   * All interactive elements should have a minimum size of to-rem(44).\\n   */\\n  /* input:not([type='checkbox'], [type='radio'], [type='range']), */\\n  /* option, */\\n  /* select, */\\n  /* textarea, */\\n  button,\\n  .kol-input .input {\\n    min-width: var(--a11y-min-size);\\n    min-height: var(--a11y-min-size);\\n  }\\n  /*\\n   * Some interactive elements should not inherit the font-family and font-size.\\n   */\\n  a,\\n  button,\\n  h1,\\n  h2,\\n  h3,\\n  h4,\\n  h5,\\n  h6,\\n  input,\\n  option,\\n  select,\\n  textarea {\\n    /*\\n     * All elements should inherit the text color from his parent element.\\n     */\\n    color: inherit;\\n    /*\\n     * All elements should inherit the font family from his parent element.\\n     */\\n    font-family: inherit;\\n    /*\\n     * All elements should inherit the font size from his parent element.\\n     */\\n    font-size: inherit;\\n    /*\\n     * Letter spacing is required for all texts.\\n     */\\n    letter-spacing: inherit;\\n    /*\\n     * Word spacing is required for all texts.\\n     */\\n    word-spacing: inherit;\\n  }\\n  /**\\n  * Sometimes we need the semantic element for accessibility reasons,\\n  * but we don't want to show it.\\n  *\\n  * - https://www.a11yproject.com/posts/how-to-hide-content/\\n  */\\n  .visually-hidden {\\n    position: fixed;\\n    top: 0;\\n    left: 0;\\n    width: 1px;\\n    height: 1px;\\n    overflow: hidden;\\n    white-space: nowrap;\\n    clip-path: inset(50%);\\n  }\\n}\\n@layer kol-global {\\n  /*\\n   * Dieses CSS stellt sicher, dass der Standard-Style\\n   * von A und Button resettet werden.\\n   */\\n  :is(a, button) {\\n    background-color: transparent;\\n    width: 100%;\\n    margin: 0;\\n    padding: 0;\\n    border: none;\\n    /* 100% needed for custom width from outside */\\n  }\\n  /*\\n   * Ensure elements with hidden attribute to be actually not visible\\n   * @see https://meowni.ca/hidden.is.a.lie.html\\n   */\\n  [hidden] {\\n    display: none !important;\\n  }\\n  .badge-text-hint {\\n    color: black;\\n    background-color: lightgray;\\n  }\\n}\\n@layer kol-global {\\n  :host {\\n    /*\\n     * The max-width is needed to prevent the table from overflowing the\\n     * parent node, if the table is wider than the parent node.\\n     */\\n    max-width: 100%;\\n    font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\\n  }\\n  * {\\n    /*\\n     * We prefer to box-sizing: border-box for all elements.\\n     */\\n    box-sizing: border-box;\\n  }\\n  .kol-span {\\n    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\\n    display: flex;\\n    flex-flow: column;\\n    align-items: center;\\n    justify-content: center;\\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\\n  }\\n  .kol-span__container {\\n    display: flex;\\n    align-items: center;\\n  }\\n  a,\\n  button {\\n    cursor: pointer;\\n  }\\n  .kol-span .kol-span__label--hide-label .kol-span__label {\\n    display: none;\\n  }\\n  /* Reset browser agent style. */\\n  button:disabled {\\n    color: unset;\\n  }\\n  .disabled label,\\n  .disabled:focus-within label,\\n  [aria-disabled=true],\\n  [aria-disabled=true]:focus,\\n  [disabled],\\n  [disabled]:focus {\\n    opacity: 0.5;\\n    outline: none;\\n    cursor: not-allowed;\\n  }\\n  [aria-disabled=true]:focus .kol-span,\\n  [disabled]:focus .kol-span {\\n    outline: none !important;\\n  }\\n  .hastooltip {\\n    z-index: 900 !important;\\n  }\\n}\\n@layer kol-component {\\n  .kol-tree__treeview-navigation {\\n    margin: 0;\\n    padding: 0;\\n    list-style: none;\\n  }\\n  .kol-tree:focus-within {\\n    outline: 1px solid;\\n    outline-offset: 2px;\\n  }\\n}\";\n\nconst KolTree = class {\n    constructor(hostRef) {\n        registerInstance(this, hostRef);\n    }\n    render() {\n        return (h(KolTreeWcTag, { key: 'd80ef53eb88006c0247391eefe6e13dbcfb06b81', _label: this._label }, h(\"slot\", { key: '7bd6fbba7b91939d863f0048a06ce2a74d4524fa' })));\n    }\n};\nKolTree.style = {\n    default: defaultStyleCss\n};\n\nexport { KolTree as kol_tree };\n//# sourceMappingURL=kol-tree.entry.js.map\n"],"names":["defaultStyleCss","KolTree","hostRef","registerInstance","h","KolTreeWcTag"],"mappings":"uDAOA,MAAMA,EAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAElBC,EAAU,KAAM,CAClB,YAAYC,EAAS,CACjBC,EAAiB,KAAMD,CAAO,CAClC,CACA,QAAS,CACL,OAAQE,EAAEC,EAAc,CAAE,IAAK,2CAA4C,OAAQ,KAAK,MAAM,EAAID,EAAE,OAAQ,CAAE,IAAK,0CAA0C,CAAE,CAAC,CACpK,CACJ,EACAH,EAAQ,MAAQ,CACZ,QAASD,CACb"}

package/dist/assets/{kol-version.entry-VmDu2nGg.js → kol-version.entry-DZB28pje.js}

@@ -1,4 +1,4 @@
-import{r as t,h as e,ae as i,H as o}from"./index-DmmpFrhU.js";import{v as a}from"./label-C18ud7Yt-sNaprwbD.js";import{t as l}from"./i18n-DvMeCREp-ilJPN43c.js";const s=`/*
+import{r as t,h as e,ae as i,H as o}from"./index-BjMDbBlh.js";import{v as a}from"./label-C18ud7Yt-DVVPTrJO.js";import{t as l}from"./i18n-DvMeCREp-BkNCAkAX.js";const s=`/*
 * This file defines the layer order for all CSS layers used in KoliBri.
 * The order is important as it determines the cascade priority.
 *
@@ -200,4 +200,4 @@ import{r as t,h as e,ae as i,H as o}from"./index-DmmpFrhU.js";import{v as a}from
     z-index: 900 !important;
   }
 }`,r=class{constructor(n){t(this,n),this.translateVersion=l("kol-version"),this.state={_label:"0.0.0-alpha.0"}}render(){return e(o,{key:"c8e72198321e8cdab71e9292a10c294f979daf51",class:"kol-version"},e(i,{key:"9c1141344592a00a5d7e3081b397ecf13e8bf6b5",_color:"#bec5c9",_icons:{left:{icon:"kolicon-version",label:this.translateVersion}},_label:this.state._label}))}validateLabel(n){a(this,n,{required:!0})}componentWillLoad(){this.validateLabel(this._label)}static get watchers(){return{_label:["validateLabel"]}}};r.style={default:s};export{r as kol_version};
-//# sourceMappingURL=kol-version.entry-VmDu2nGg.js.map
+//# sourceMappingURL=kol-version.entry-DZB28pje.js.map

package/dist/assets/{kol-version.entry-VmDu2nGg.js.map → kol-version.entry-DZB28pje.js.map}

@@ -1 +1 @@
-{"version":3,"file":"kol-version.entry-VmDu2nGg.js","sources":["../../../../components/dist/esm/kol-version.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h, H as Host } from './index-rqIkzkgG.js';\nimport './common-BIkdAxr0.js';\nimport { v as validateLabel } from './label-C18ud7Yt.js';\nimport { t as translate } from './i18n-DvMeCREp.js';\nimport { r as KolBadgeTag } from './component-names-CqTpXVIM.js';\nimport './i18n-B0tfVPMa.js';\n\nconst defaultStyleCss = \"/*\\n* This file defines the layer order for all CSS layers used in KoliBri.\\n* The order is important as it determines the cascade priority.\\n*\\n* Layer order (lowest to highest priority):\\n* 1. kol-a11y - Accessibility defaults and requirements\\n* 2. kol-global - Global component styles and resets\\n* 3. kol-component - Component-specific styles\\n* 4. kol-theme-global - Theme-specific global styles\\n* 5. kol-theme-component - Theme-specific component styles\\n*/\\n@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;\\n/* forward the rem function */\\n/*\\n * This file contains all rules for accessibility.\\n */\\n@layer kol-a11y {\\n  :host {\\n    /*\\n                   * Minimum size of interactive elements.\\n                   */\\n    --a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16));\\n    /*\\n     * No element should be used without verifying the contrast ratio of its background and font colors.\\n     * By initially setting the background color to white and the font color to black,\\n     * the contrast ratio is ensured and explicit adjustment is forced.\\n     */\\n    color: black;\\n    background-color: white;\\n    /*\\n     * Verdana is an accessible font that can be used without requiring additional loading time.\\n     */\\n    font-family: Verdana;\\n    /*\\n     * Letter spacing is required for all texts.\\n     */\\n    letter-spacing: inherit;\\n    /*\\n     * Word spacing is required for all texts.\\n     */\\n    word-spacing: inherit;\\n    /*\\n     * Text should be aligned left by default to provide a predictable starting point.\\n     */\\n    text-align: left;\\n  }\\n  * {\\n    /*\\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n     */\\n    hyphens: auto;\\n    /*\\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n     */\\n    word-break: break-word;\\n  }\\n  /*\\n   * All interactive elements should have a minimum size of to-rem(44).\\n   */\\n  /* input:not([type='checkbox'], [type='radio'], [type='range']), */\\n  /* option, */\\n  /* select, */\\n  /* textarea, */\\n  button,\\n  .kol-input .input {\\n    min-width: var(--a11y-min-size);\\n    min-height: var(--a11y-min-size);\\n  }\\n  /*\\n   * Some interactive elements should not inherit the font-family and font-size.\\n   */\\n  a,\\n  button,\\n  h1,\\n  h2,\\n  h3,\\n  h4,\\n  h5,\\n  h6,\\n  input,\\n  option,\\n  select,\\n  textarea {\\n    /*\\n     * All elements should inherit the text color from his parent element.\\n     */\\n    color: inherit;\\n    /*\\n     * All elements should inherit the font family from his parent element.\\n     */\\n    font-family: inherit;\\n    /*\\n     * All elements should inherit the font size from his parent element.\\n     */\\n    font-size: inherit;\\n    /*\\n     * Letter spacing is required for all texts.\\n     */\\n    letter-spacing: inherit;\\n    /*\\n     * Word spacing is required for all texts.\\n     */\\n    word-spacing: inherit;\\n  }\\n  /**\\n  * Sometimes we need the semantic element for accessibility reasons,\\n  * but we don't want to show it.\\n  *\\n  * - https://www.a11yproject.com/posts/how-to-hide-content/\\n  */\\n  .visually-hidden {\\n    position: fixed;\\n    top: 0;\\n    left: 0;\\n    width: 1px;\\n    height: 1px;\\n    overflow: hidden;\\n    white-space: nowrap;\\n    clip-path: inset(50%);\\n  }\\n}\\n@layer kol-global {\\n  /*\\n   * Dieses CSS stellt sicher, dass der Standard-Style\\n   * von A und Button resettet werden.\\n   */\\n  :is(a, button) {\\n    background-color: transparent;\\n    width: 100%;\\n    margin: 0;\\n    padding: 0;\\n    border: none;\\n    /* 100% needed for custom width from outside */\\n  }\\n  /*\\n   * Ensure elements with hidden attribute to be actually not visible\\n   * @see https://meowni.ca/hidden.is.a.lie.html\\n   */\\n  [hidden] {\\n    display: none !important;\\n  }\\n  .badge-text-hint {\\n    color: black;\\n    background-color: lightgray;\\n  }\\n}\\n@layer kol-global {\\n  :host {\\n    /*\\n     * The max-width is needed to prevent the table from overflowing the\\n     * parent node, if the table is wider than the parent node.\\n     */\\n    max-width: 100%;\\n    font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\\n  }\\n  * {\\n    /*\\n     * We prefer to box-sizing: border-box for all elements.\\n     */\\n    box-sizing: border-box;\\n  }\\n  .kol-span {\\n    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\\n    display: flex;\\n    flex-flow: column;\\n    align-items: center;\\n    justify-content: center;\\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\\n  }\\n  .kol-span__container {\\n    display: flex;\\n    align-items: center;\\n  }\\n  a,\\n  button {\\n    cursor: pointer;\\n  }\\n  .kol-span .kol-span__label--hide-label .kol-span__label {\\n    display: none;\\n  }\\n  /* Reset browser agent style. */\\n  button:disabled {\\n    color: unset;\\n  }\\n  .disabled label,\\n  .disabled:focus-within label,\\n  [aria-disabled=true],\\n  [aria-disabled=true]:focus,\\n  [disabled],\\n  [disabled]:focus {\\n    opacity: 0.5;\\n    outline: none;\\n    cursor: not-allowed;\\n  }\\n  [aria-disabled=true]:focus .kol-span,\\n  [disabled]:focus .kol-span {\\n    outline: none !important;\\n  }\\n  .hastooltip {\\n    z-index: 900 !important;\\n  }\\n}\";\n\nconst KolVersion = class {\n    constructor(hostRef) {\n        registerInstance(this, hostRef);\n        this.translateVersion = translate('kol-version');\n        this.state = {\n            _label: '0.0.0-alpha.0',\n        };\n    }\n    render() {\n        return (h(Host, { key: 'c8e72198321e8cdab71e9292a10c294f979daf51', class: \"kol-version\" }, h(KolBadgeTag, { key: '9c1141344592a00a5d7e3081b397ecf13e8bf6b5', _color: \"#bec5c9\", _icons: {\n                left: { icon: 'kolicon-version', label: this.translateVersion },\n            }, _label: this.state._label })));\n    }\n    validateLabel(value) {\n        validateLabel(this, value, {\n            required: true,\n        });\n    }\n    componentWillLoad() {\n        this.validateLabel(this._label);\n    }\n    static get watchers() { return {\n        \"_label\": [\"validateLabel\"]\n    }; }\n};\nKolVersion.style = {\n    default: defaultStyleCss\n};\n\nexport { KolVersion as kol_version };\n//# sourceMappingURL=kol-version.entry.js.map\n"],"names":["defaultStyleCss","KolVersion","hostRef","registerInstance","translate","h","Host","KolBadgeTag","value","validateLabel"],"mappings":"+JAUA,MAAMA,EAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAElBC,EAAa,KAAM,CACrB,YAAYC,EAAS,CACjBC,EAAiB,KAAMD,CAAO,EAC9B,KAAK,iBAAmBE,EAAU,aAAa,EAC/C,KAAK,MAAQ,CACT,OAAQ,eACpB,CACI,CACA,QAAS,CACL,OAAQC,EAAEC,EAAM,CAAE,IAAK,2CAA4C,MAAO,aAAa,EAAID,EAAEE,EAAa,CAAE,IAAK,2CAA4C,OAAQ,UAAW,OAAQ,CAChL,KAAM,CAAE,KAAM,kBAAmB,MAAO,KAAK,gBAAgB,CAC7E,EAAe,OAAQ,KAAK,MAAM,MAAM,CAAE,CAAC,CACvC,CACA,cAAcC,EAAO,CACjBC,EAAc,KAAMD,EAAO,CACvB,SAAU,EACtB,CAAS,CACL,CACA,mBAAoB,CAChB,KAAK,cAAc,KAAK,MAAM,CAClC,CACA,WAAW,UAAW,CAAE,MAAO,CAC3B,OAAU,CAAC,eAAe,CAClC,CAAO,CACP,EACAP,EAAW,MAAQ,CACf,QAASD,CACb"}
+{"version":3,"file":"kol-version.entry-DZB28pje.js","sources":["../../../../components/dist/esm/kol-version.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h, H as Host } from './index-CHdBQ7XR.js';\nimport './common-BIkdAxr0.js';\nimport { v as validateLabel } from './label-C18ud7Yt.js';\nimport { t as translate } from './i18n-DvMeCREp.js';\nimport { r as KolBadgeTag } from './component-names-CqTpXVIM.js';\nimport './i18n-B0tfVPMa.js';\n\nconst defaultStyleCss = \"/*\\n* This file defines the layer order for all CSS layers used in KoliBri.\\n* The order is important as it determines the cascade priority.\\n*\\n* Layer order (lowest to highest priority):\\n* 1. kol-a11y - Accessibility defaults and requirements\\n* 2. kol-global - Global component styles and resets\\n* 3. kol-component - Component-specific styles\\n* 4. kol-theme-global - Theme-specific global styles\\n* 5. kol-theme-component - Theme-specific component styles\\n*/\\n@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;\\n/* forward the rem function */\\n/*\\n * This file contains all rules for accessibility.\\n */\\n@layer kol-a11y {\\n  :host {\\n    /*\\n                   * Minimum size of interactive elements.\\n                   */\\n    --a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16));\\n    /*\\n     * No element should be used without verifying the contrast ratio of its background and font colors.\\n     * By initially setting the background color to white and the font color to black,\\n     * the contrast ratio is ensured and explicit adjustment is forced.\\n     */\\n    color: black;\\n    background-color: white;\\n    /*\\n     * Verdana is an accessible font that can be used without requiring additional loading time.\\n     */\\n    font-family: Verdana;\\n    /*\\n     * Letter spacing is required for all texts.\\n     */\\n    letter-spacing: inherit;\\n    /*\\n     * Word spacing is required for all texts.\\n     */\\n    word-spacing: inherit;\\n    /*\\n     * Text should be aligned left by default to provide a predictable starting point.\\n     */\\n    text-align: left;\\n  }\\n  * {\\n    /*\\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n     */\\n    hyphens: auto;\\n    /*\\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n     */\\n    word-break: break-word;\\n  }\\n  /*\\n   * All interactive elements should have a minimum size of to-rem(44).\\n   */\\n  /* input:not([type='checkbox'], [type='radio'], [type='range']), */\\n  /* option, */\\n  /* select, */\\n  /* textarea, */\\n  button,\\n  .kol-input .input {\\n    min-width: var(--a11y-min-size);\\n    min-height: var(--a11y-min-size);\\n  }\\n  /*\\n   * Some interactive elements should not inherit the font-family and font-size.\\n   */\\n  a,\\n  button,\\n  h1,\\n  h2,\\n  h3,\\n  h4,\\n  h5,\\n  h6,\\n  input,\\n  option,\\n  select,\\n  textarea {\\n    /*\\n     * All elements should inherit the text color from his parent element.\\n     */\\n    color: inherit;\\n    /*\\n     * All elements should inherit the font family from his parent element.\\n     */\\n    font-family: inherit;\\n    /*\\n     * All elements should inherit the font size from his parent element.\\n     */\\n    font-size: inherit;\\n    /*\\n     * Letter spacing is required for all texts.\\n     */\\n    letter-spacing: inherit;\\n    /*\\n     * Word spacing is required for all texts.\\n     */\\n    word-spacing: inherit;\\n  }\\n  /**\\n  * Sometimes we need the semantic element for accessibility reasons,\\n  * but we don't want to show it.\\n  *\\n  * - https://www.a11yproject.com/posts/how-to-hide-content/\\n  */\\n  .visually-hidden {\\n    position: fixed;\\n    top: 0;\\n    left: 0;\\n    width: 1px;\\n    height: 1px;\\n    overflow: hidden;\\n    white-space: nowrap;\\n    clip-path: inset(50%);\\n  }\\n}\\n@layer kol-global {\\n  /*\\n   * Dieses CSS stellt sicher, dass der Standard-Style\\n   * von A und Button resettet werden.\\n   */\\n  :is(a, button) {\\n    background-color: transparent;\\n    width: 100%;\\n    margin: 0;\\n    padding: 0;\\n    border: none;\\n    /* 100% needed for custom width from outside */\\n  }\\n  /*\\n   * Ensure elements with hidden attribute to be actually not visible\\n   * @see https://meowni.ca/hidden.is.a.lie.html\\n   */\\n  [hidden] {\\n    display: none !important;\\n  }\\n  .badge-text-hint {\\n    color: black;\\n    background-color: lightgray;\\n  }\\n}\\n@layer kol-global {\\n  :host {\\n    /*\\n     * The max-width is needed to prevent the table from overflowing the\\n     * parent node, if the table is wider than the parent node.\\n     */\\n    max-width: 100%;\\n    font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\\n  }\\n  * {\\n    /*\\n     * We prefer to box-sizing: border-box for all elements.\\n     */\\n    box-sizing: border-box;\\n  }\\n  .kol-span {\\n    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\\n    display: flex;\\n    flex-flow: column;\\n    align-items: center;\\n    justify-content: center;\\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\\n  }\\n  .kol-span__container {\\n    display: flex;\\n    align-items: center;\\n  }\\n  a,\\n  button {\\n    cursor: pointer;\\n  }\\n  .kol-span .kol-span__label--hide-label .kol-span__label {\\n    display: none;\\n  }\\n  /* Reset browser agent style. */\\n  button:disabled {\\n    color: unset;\\n  }\\n  .disabled label,\\n  .disabled:focus-within label,\\n  [aria-disabled=true],\\n  [aria-disabled=true]:focus,\\n  [disabled],\\n  [disabled]:focus {\\n    opacity: 0.5;\\n    outline: none;\\n    cursor: not-allowed;\\n  }\\n  [aria-disabled=true]:focus .kol-span,\\n  [disabled]:focus .kol-span {\\n    outline: none !important;\\n  }\\n  .hastooltip {\\n    z-index: 900 !important;\\n  }\\n}\";\n\nconst KolVersion = class {\n    constructor(hostRef) {\n        registerInstance(this, hostRef);\n        this.translateVersion = translate('kol-version');\n        this.state = {\n            _label: '0.0.0-alpha.0',\n        };\n    }\n    render() {\n        return (h(Host, { key: 'c8e72198321e8cdab71e9292a10c294f979daf51', class: \"kol-version\" }, h(KolBadgeTag, { key: '9c1141344592a00a5d7e3081b397ecf13e8bf6b5', _color: \"#bec5c9\", _icons: {\n                left: { icon: 'kolicon-version', label: this.translateVersion },\n            }, _label: this.state._label })));\n    }\n    validateLabel(value) {\n        validateLabel(this, value, {\n            required: true,\n        });\n    }\n    componentWillLoad() {\n        this.validateLabel(this._label);\n    }\n    static get watchers() { return {\n        \"_label\": [\"validateLabel\"]\n    }; }\n};\nKolVersion.style = {\n    default: defaultStyleCss\n};\n\nexport { KolVersion as kol_version };\n//# sourceMappingURL=kol-version.entry.js.map\n"],"names":["defaultStyleCss","KolVersion","hostRef","registerInstance","translate","h","Host","KolBadgeTag","value","validateLabel"],"mappings":"+JAUA,MAAMA,EAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAElBC,EAAa,KAAM,CACrB,YAAYC,EAAS,CACjBC,EAAiB,KAAMD,CAAO,EAC9B,KAAK,iBAAmBE,EAAU,aAAa,EAC/C,KAAK,MAAQ,CACT,OAAQ,eACpB,CACI,CACA,QAAS,CACL,OAAQC,EAAEC,EAAM,CAAE,IAAK,2CAA4C,MAAO,aAAa,EAAID,EAAEE,EAAa,CAAE,IAAK,2CAA4C,OAAQ,UAAW,OAAQ,CAChL,KAAM,CAAE,KAAM,kBAAmB,MAAO,KAAK,gBAAgB,CAC7E,EAAe,OAAQ,KAAK,MAAM,MAAM,CAAE,CAAC,CACvC,CACA,cAAcC,EAAO,CACjBC,EAAc,KAAMD,EAAO,CACvB,SAAU,EACtB,CAAS,CACL,CACA,mBAAoB,CAChB,KAAK,cAAc,KAAK,MAAM,CAClC,CACA,WAAW,UAAW,CAAE,MAAO,CAC3B,OAAU,CAAC,eAAe,CAClC,CAAO,CACP,EACAP,EAAW,MAAQ,CACf,QAASD,CACb"}

package/dist/assets/kolicons/kolicons.json

@@ -24,5 +24,6 @@
 "sort-asc": ["M0.000 5.000 L 0.000 10.000 15.000 10.000 L 30.000 10.000 30.000 5.000 L 30.000 0.000 15.000 0.000 L 0.000 0.000 0.000 5.000 M0.000 35.000 L 0.000 40.000 25.000 40.000 L 50.000 40.000 50.000 35.000 L 50.000 30.000 25.000 30.000 L 0.000 30.000 0.000 35.000 M0.000 65.000 L 0.000 70.000 35.000 70.000 L 70.000 70.000 70.000 65.000 L 70.000 60.000 35.000 60.000 L 0.000 60.000 0.000 65.000 M0.000 95.000 L 0.000 100.000 45.000 100.000 L 90.000 100.000 90.000 95.000 L 90.000 90.000 45.000 90.000 L 0.000 90.000 0.000 95.000 "],
 "sort-desc": ["M0.000 5.000 L 0.000 10.000 45.000 10.000 L 90.000 10.000 90.000 5.000 L 90.000 0.000 45.000 0.000 L 0.000 0.000 0.000 5.000 M0.000 35.000 L 0.000 40.000 35.000 40.000 L 70.000 40.000 70.000 35.000 L 70.000 30.000 35.000 30.000 L 0.000 30.000 0.000 35.000 M0.000 65.000 L 0.000 70.000 25.000 70.000 L 50.000 70.000 50.000 65.000 L 50.000 60.000 25.000 60.000 L 0.000 60.000 0.000 65.000 M0.000 95.000 L 0.000 100.000 15.000 100.000 L 30.000 100.000 30.000 95.000 L 30.000 90.000 15.000 90.000 L 0.000 90.000 0.000 95.000 "],
 "sort-neutral": ["M0.000 5.000 L 0.000 10.000 35.000 10.000 L 70.000 10.000 70.000 5.000 L 70.000 0.000 35.000 0.000 L 0.000 0.000 0.000 5.000 M0.000 35.000 L 0.000 40.000 15.000 40.000 L 30.000 40.000 30.000 35.000 L 30.000 30.000 15.000 30.000 L 0.000 30.000 0.000 35.000 M0.000 65.000 L 0.000 70.000 45.000 70.000 L 90.000 70.000 90.000 65.000 L 90.000 60.000 45.000 60.000 L 0.000 60.000 0.000 65.000 M0.000 95.000 L 0.000 100.000 25.000 100.000 L 50.000 100.000 50.000 95.000 L 50.000 90.000 25.000 90.000 L 0.000 90.000 0.000 95.000 "],
+"up": ["M39.917 38.000 L 29.918 48.000 38.459 48.000 L 47.000 48.000 47.000 61.500 L 47.000 75.000 50.000 75.000 L 53.000 75.000 53.000 61.500 L 53.000 48.000 61.541 48.000 L 70.082 48.000 60.083 38.000 C 54.584 32.500,50.046 28.000,50.000 28.000 C 49.954 28.000,45.416 32.500,39.917 38.000 M5.000 75.000 L 5.000 100.000 50.000 100.000 L 95.000 100.000 95.000 75.000 L 95.000 50.000 90.000 50.000 L 85.000 50.000 85.000 70.000 L 85.000 90.000 50.000 90.000 L 15.000 90.000 15.000 70.000 L 15.000 50.000 10.000 50.000 L 5.000 50.000 5.000 75.000 "],
 "version": ["M37.500 20.000 L 37.500 27.500 27.500 27.500 L 17.500 27.500 17.500 35.000 L 17.500 42.500 11.500 42.500 L 5.500 42.500 5.500 60.000 L 5.500 77.500 11.500 77.500 L 17.500 77.500 17.500 80.000 L 17.500 82.500 27.500 82.500 L 37.500 82.500 37.500 85.000 L 37.500 87.500 65.000 87.500 L 92.500 87.500 92.500 50.000 L 92.500 12.500 65.000 12.500 L 37.500 12.500 37.500 20.000 M87.500 50.000 L 87.500 82.500 65.000 82.500 L 42.500 82.500 42.500 50.000 L 42.500 17.500 65.000 17.500 L 87.500 17.500 87.500 50.000 M37.500 55.000 L 37.500 77.500 30.000 77.500 L 22.500 77.500 22.500 55.000 L 22.500 32.500 30.000 32.500 L 37.500 32.500 37.500 55.000 M17.500 60.000 L 17.500 72.500 14.000 72.500 L 10.500 72.500 10.500 60.000 L 10.500 47.500 14.000 47.500 L 17.500 47.500 17.500 60.000 "]
 }

package/dist/assets/kolicons/kolicons.svg

@@ -82,8 +82,11 @@
     <glyph glyph-name="sort-neutral"
       unicode="&#xEA19;"
       horiz-adv-x="10000" d="M0 9500L0 9000L3500 9000L7000 9000L7000 9500L7000 10000L3500 10000L0 10000L0 9500M0 6500L0 6000L1500 6000L3000 6000L3000 6500L3000 7000L1500 7000L0 7000L0 6500M0 3500L0 3000L4500 3000L9000 3000L9000 3500L9000 4000L4500 4000L0 4000L0 3500M0 500L0 0L2500 0L5000 0L5000 500L5000 1000L2500 1000L0 1000L0 500" />
-    <glyph glyph-name="version"
+    <glyph glyph-name="up"
       unicode="&#xEA1A;"
+      horiz-adv-x="10000" d="M3991.7 6200L2991.7999999999997 5200L3845.900000000001 5200L4700 5200L4700 3850L4700 2500L5000 2500L5300 2500L5300 3850L5300 5200L6154.099999999999 5200L7008.199999999999 5200L6008.3 6200C5458.400000000001 6750 5004.6 7200 5000 7200C4995.4 7200 4541.599999999999 6750 3991.7 6200M500 2500L500 0L5000 0L9500 0L9500 2500L9500 5000L9000 5000L8500 5000L8500 3000L8500 1000L5000 1000L1500 1000L1500 3000L1500 5000L1000 5000L500 5000L500 2500" />
+    <glyph glyph-name="version"
+      unicode="&#xEA1B;"
       horiz-adv-x="10000" d="M3750 8000L3750 7250L2750 7250L1750 7250L1750 6500L1750 5750L1150 5750L550 5750L550 4000L550 2250L1150 2250L1750 2250L1750 2000L1750 1750L2750 1750L3750 1750L3750 1500L3750 1250L6500 1250L9250 1250L9250 5000L9250 8750L6500 8750L3750 8750L3750 8000M8750 5000L8750 1750L6500 1750L4250 1750L4250 5000L4250 8250L6500 8250L8750 8250L8750 5000M3750 4500L3750 2250L3000 2250L2250 2250L2250 4500L2250 6750L3000 6750L3750 6750L3750 4500M1750 4000L1750 2750L1400 2750L1050 2750L1050 4000L1050 5250L1400 5250L1750 5250L1750 4000" />
   </font>
 </defs>

package/dist/assets/kolicons/style.css

@@ -1,11 +1,11 @@
 @font-face {
   font-family: "kolicons";
-  src: url('kolicons.eot?t=1772777835754'); /* IE9*/
-  src: url('kolicons.eot?t=1772777835754#iefix') format('embedded-opentype'), /* IE6-IE8 */
-  url("kolicons.woff2?t=1772777835754") format("woff2"),
-  url("kolicons.woff?t=1772777835754") format("woff"),
-  url('kolicons.ttf?t=1772777835754') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
-  url('kolicons.svg?t=1772777835754#kolicons') format('svg'); /* iOS 4.1- */
+  src: url('kolicons.eot?t=1772813543783'); /* IE9*/
+  src: url('kolicons.eot?t=1772813543783#iefix') format('embedded-opentype'), /* IE6-IE8 */
+  url("kolicons.woff2?t=1772813543783") format("woff2"),
+  url("kolicons.woff?t=1772813543783") format("woff"),
+  url('kolicons.ttf?t=1772813543783') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
+  url('kolicons.svg?t=1772813543783#kolicons') format('svg'); /* iOS 4.1- */
 }
 
 [class^="kolicon-"], [class*=" kolicon-"] {
@@ -43,4 +43,5 @@
 .kolicon-sort-asc::before { content: "\ea17"; }
 .kolicon-sort-desc::before { content: "\ea18"; }
 .kolicon-sort-neutral::before { content: "\ea19"; }
-.kolicon-version::before { content: "\ea1a"; }
+.kolicon-up::before { content: "\ea1a"; }
+.kolicon-version::before { content: "\ea1b"; }

package/dist/assets/{label-C18ud7Yt-sNaprwbD.js → label-C18ud7Yt-DVVPTrJO.js}

@@ -1,2 +1,2 @@
-import{w as l,y as c,G as h}from"./index-DmmpFrhU.js";const _=[0,1,2,3,4,5,6],f=/[a-zA-Z0-9äöüÄÖÜß]/g,d=/^\d+$/;function b(t){var a;return typeof t=="string"&&((a=t.match(f))===null||a===void 0?void 0:a.length)||0}function g(t,a=1){return b(t)>=a}function u(t){return d.test(t)}function v(t){var a;return Object.assign(Object.assign({},t),{hooks:{afterPatch:(e,n,i,r)=>{var o,s;typeof((o=t.hooks)===null||o===void 0?void 0:o.afterPatch)=="function"&&((s=t.hooks)===null||s===void 0||s.afterPatch(e,n,i,r)),typeof e=="string"&&g(e,3)===!1&&u(e)===!1&&c(`The heading or label ("${e}") is inaccessible. A label should consist of at least three readable characters.`),typeof e=="string"&&e.length>80&&h("A heading or label should not be longer than 80 characters.")},beforePatch:(a=t.hooks)===null||a===void 0?void 0:a.beforePatch}})}const y=new Set(["string"]),A=(t,a,e={})=>{l(t,"_label",n=>typeof n=="string",y,a,v(e))},p=A;export{p as a,g as b,u as c,_ as h,A as v};
-//# sourceMappingURL=label-C18ud7Yt-sNaprwbD.js.map
+import{w as l,y as c,G as h}from"./index-BjMDbBlh.js";const _=[0,1,2,3,4,5,6],f=/[a-zA-Z0-9äöüÄÖÜß]/g,d=/^\d+$/;function b(t){var a;return typeof t=="string"&&((a=t.match(f))===null||a===void 0?void 0:a.length)||0}function g(t,a=1){return b(t)>=a}function u(t){return d.test(t)}function v(t){var a;return Object.assign(Object.assign({},t),{hooks:{afterPatch:(e,n,i,r)=>{var o,s;typeof((o=t.hooks)===null||o===void 0?void 0:o.afterPatch)=="function"&&((s=t.hooks)===null||s===void 0||s.afterPatch(e,n,i,r)),typeof e=="string"&&g(e,3)===!1&&u(e)===!1&&c(`The heading or label ("${e}") is inaccessible. A label should consist of at least three readable characters.`),typeof e=="string"&&e.length>80&&h("A heading or label should not be longer than 80 characters.")},beforePatch:(a=t.hooks)===null||a===void 0?void 0:a.beforePatch}})}const y=new Set(["string"]),A=(t,a,e={})=>{l(t,"_label",n=>typeof n=="string",y,a,v(e))},p=A;export{p as a,g as b,u as c,_ as h,A as v};
+//# sourceMappingURL=label-C18ud7Yt-DVVPTrJO.js.map

package/dist/assets/{label-C18ud7Yt-sNaprwbD.js.map → label-C18ud7Yt-DVVPTrJO.js.map}

@@ -1 +1 @@
-{"version":3,"file":"label-C18ud7Yt-sNaprwbD.js","sources":["../../../../components/dist/esm/label-C18ud7Yt.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { b as watchValidator, l as a11yHint, x as uiUxHint } from './common-BIkdAxr0.js';\n\nconst headingLevelOptions = [0, 1, 2, 3, 4, 5, 6];\nconst READABLE_CHARS = /[a-zA-Z0-9äöüÄÖÜß]/g;\nconst ONLY_NUMBERS = /^\\d+$/;\nfunction countReadableChars(str) {\n    var _a;\n    return typeof str === 'string' ? ((_a = str.match(READABLE_CHARS)) === null || _a === void 0 ? void 0 : _a.length) || 0 : 0;\n}\nfunction hasEnoughReadableChars(str, min = 1) {\n    return countReadableChars(str) >= min;\n}\nfunction containsOnlyNumbers(str) {\n    return ONLY_NUMBERS.test(str);\n}\nfunction getValidationOptions(options) {\n    var _a;\n    return Object.assign(Object.assign({}, options), { hooks: {\n            afterPatch: (value, state, component, key) => {\n                var _a, _b;\n                if (typeof ((_a = options.hooks) === null || _a === void 0 ? void 0 : _a.afterPatch) === 'function') {\n                    (_b = options.hooks) === null || _b === void 0 ? void 0 : _b.afterPatch(value, state, component, key);\n                }\n                if (typeof value === 'string' && hasEnoughReadableChars(value, 3) === false && containsOnlyNumbers(value) === false) {\n                    a11yHint(`The heading or label (\"${value}\") is inaccessible. A label should consist of at least three readable characters.`);\n                }\n                if (typeof value === 'string' && value.length > 80) {\n                    uiUxHint(`A heading or label should not be longer than 80 characters.`);\n                }\n            },\n            beforePatch: (_a = options.hooks) === null || _a === void 0 ? void 0 : _a.beforePatch,\n        } });\n}\nconst LABEL_VALUES = new Set(['string']);\nconst validateLabel = (component, value, options = {}) => {\n    watchValidator(component, '_label', (value) => typeof value === 'string', LABEL_VALUES, value, getValidationOptions(options));\n};\nconst validateLabelWithExpertSlot = validateLabel;\n\nexport { validateLabelWithExpertSlot as a, hasEnoughReadableChars as b, containsOnlyNumbers as c, headingLevelOptions as h, validateLabel as v };\n//# sourceMappingURL=label-C18ud7Yt.js.map\n\n//# sourceMappingURL=label-C18ud7Yt.js.map"],"names":["headingLevelOptions","READABLE_CHARS","ONLY_NUMBERS","countReadableChars","str","_a","hasEnoughReadableChars","min","containsOnlyNumbers","getValidationOptions","options","value","state","component","key","_b","a11yHint","uiUxHint","LABEL_VALUES","validateLabel","watchValidator","validateLabelWithExpertSlot"],"mappings":"sDAKK,MAACA,EAAsB,CAAC,EAAG,EAAG,EAAG,EAAG,EAAG,EAAG,CAAC,EAC1CC,EAAiB,sBACjBC,EAAe,QACrB,SAASC,EAAmBC,EAAK,CAC7B,IAAIC,EACJ,OAAO,OAAOD,GAAQ,YAAaC,EAAKD,EAAI,MAAMH,CAAc,KAAO,MAAQI,IAAO,OAAS,OAASA,EAAG,SAAW,CAC1H,CACA,SAASC,EAAuBF,EAAKG,EAAM,EAAG,CAC1C,OAAOJ,EAAmBC,CAAG,GAAKG,CACtC,CACA,SAASC,EAAoBJ,EAAK,CAC9B,OAAOF,EAAa,KAAKE,CAAG,CAChC,CACA,SAASK,EAAqBC,EAAS,CACnC,IAAIL,EACJ,OAAO,OAAO,OAAO,OAAO,OAAO,CAAA,EAAIK,CAAO,EAAG,CAAE,MAAO,CAClD,WAAY,CAACC,EAAOC,EAAOC,EAAWC,IAAQ,CAC1C,IAAIT,EAAIU,EACJ,QAASV,EAAKK,EAAQ,SAAW,MAAQL,IAAO,OAAS,OAASA,EAAG,aAAgB,cACpFU,EAAKL,EAAQ,SAAW,MAAQK,IAAO,QAAkBA,EAAG,WAAWJ,EAAOC,EAAOC,EAAWC,CAAG,GAEpG,OAAOH,GAAU,UAAYL,EAAuBK,EAAO,CAAC,IAAM,IAASH,EAAoBG,CAAK,IAAM,IAC1GK,EAAS,0BAA0BL,CAAK,mFAAmF,EAE3H,OAAOA,GAAU,UAAYA,EAAM,OAAS,IAC5CM,EAAS,6DAA6D,CAE9E,EACA,aAAcZ,EAAKK,EAAQ,SAAW,MAAQL,IAAO,OAAS,OAASA,EAAG,WACtF,EAAW,CACX,CACA,MAAMa,EAAe,IAAI,IAAI,CAAC,QAAQ,CAAC,EACjCC,EAAgB,CAACN,EAAWF,EAAOD,EAAU,CAAA,IAAO,CACtDU,EAAeP,EAAW,SAAWF,GAAU,OAAOA,GAAU,SAAUO,EAAcP,EAAOF,EAAqBC,CAAO,CAAC,CAChI,EACMW,EAA8BF"}
+{"version":3,"file":"label-C18ud7Yt-DVVPTrJO.js","sources":["../../../../components/dist/esm/label-C18ud7Yt.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { b as watchValidator, l as a11yHint, x as uiUxHint } from './common-BIkdAxr0.js';\n\nconst headingLevelOptions = [0, 1, 2, 3, 4, 5, 6];\nconst READABLE_CHARS = /[a-zA-Z0-9äöüÄÖÜß]/g;\nconst ONLY_NUMBERS = /^\\d+$/;\nfunction countReadableChars(str) {\n    var _a;\n    return typeof str === 'string' ? ((_a = str.match(READABLE_CHARS)) === null || _a === void 0 ? void 0 : _a.length) || 0 : 0;\n}\nfunction hasEnoughReadableChars(str, min = 1) {\n    return countReadableChars(str) >= min;\n}\nfunction containsOnlyNumbers(str) {\n    return ONLY_NUMBERS.test(str);\n}\nfunction getValidationOptions(options) {\n    var _a;\n    return Object.assign(Object.assign({}, options), { hooks: {\n            afterPatch: (value, state, component, key) => {\n                var _a, _b;\n                if (typeof ((_a = options.hooks) === null || _a === void 0 ? void 0 : _a.afterPatch) === 'function') {\n                    (_b = options.hooks) === null || _b === void 0 ? void 0 : _b.afterPatch(value, state, component, key);\n                }\n                if (typeof value === 'string' && hasEnoughReadableChars(value, 3) === false && containsOnlyNumbers(value) === false) {\n                    a11yHint(`The heading or label (\"${value}\") is inaccessible. A label should consist of at least three readable characters.`);\n                }\n                if (typeof value === 'string' && value.length > 80) {\n                    uiUxHint(`A heading or label should not be longer than 80 characters.`);\n                }\n            },\n            beforePatch: (_a = options.hooks) === null || _a === void 0 ? void 0 : _a.beforePatch,\n        } });\n}\nconst LABEL_VALUES = new Set(['string']);\nconst validateLabel = (component, value, options = {}) => {\n    watchValidator(component, '_label', (value) => typeof value === 'string', LABEL_VALUES, value, getValidationOptions(options));\n};\nconst validateLabelWithExpertSlot = validateLabel;\n\nexport { validateLabelWithExpertSlot as a, hasEnoughReadableChars as b, containsOnlyNumbers as c, headingLevelOptions as h, validateLabel as v };\n//# sourceMappingURL=label-C18ud7Yt.js.map\n\n//# sourceMappingURL=label-C18ud7Yt.js.map"],"names":["headingLevelOptions","READABLE_CHARS","ONLY_NUMBERS","countReadableChars","str","_a","hasEnoughReadableChars","min","containsOnlyNumbers","getValidationOptions","options","value","state","component","key","_b","a11yHint","uiUxHint","LABEL_VALUES","validateLabel","watchValidator","validateLabelWithExpertSlot"],"mappings":"sDAKK,MAACA,EAAsB,CAAC,EAAG,EAAG,EAAG,EAAG,EAAG,EAAG,CAAC,EAC1CC,EAAiB,sBACjBC,EAAe,QACrB,SAASC,EAAmBC,EAAK,CAC7B,IAAIC,EACJ,OAAO,OAAOD,GAAQ,YAAaC,EAAKD,EAAI,MAAMH,CAAc,KAAO,MAAQI,IAAO,OAAS,OAASA,EAAG,SAAW,CAC1H,CACA,SAASC,EAAuBF,EAAKG,EAAM,EAAG,CAC1C,OAAOJ,EAAmBC,CAAG,GAAKG,CACtC,CACA,SAASC,EAAoBJ,EAAK,CAC9B,OAAOF,EAAa,KAAKE,CAAG,CAChC,CACA,SAASK,EAAqBC,EAAS,CACnC,IAAIL,EACJ,OAAO,OAAO,OAAO,OAAO,OAAO,CAAA,EAAIK,CAAO,EAAG,CAAE,MAAO,CAClD,WAAY,CAACC,EAAOC,EAAOC,EAAWC,IAAQ,CAC1C,IAAIT,EAAIU,EACJ,QAASV,EAAKK,EAAQ,SAAW,MAAQL,IAAO,OAAS,OAASA,EAAG,aAAgB,cACpFU,EAAKL,EAAQ,SAAW,MAAQK,IAAO,QAAkBA,EAAG,WAAWJ,EAAOC,EAAOC,EAAWC,CAAG,GAEpG,OAAOH,GAAU,UAAYL,EAAuBK,EAAO,CAAC,IAAM,IAASH,EAAoBG,CAAK,IAAM,IAC1GK,EAAS,0BAA0BL,CAAK,mFAAmF,EAE3H,OAAOA,GAAU,UAAYA,EAAM,OAAS,IAC5CM,EAAS,6DAA6D,CAE9E,EACA,aAAcZ,EAAKK,EAAQ,SAAW,MAAQL,IAAO,OAAS,OAASA,EAAG,WACtF,EAAW,CACX,CACA,MAAMa,EAAe,IAAI,IAAI,CAAC,QAAQ,CAAC,EACjCC,EAAgB,CAACN,EAAWF,EAAOD,EAAU,CAAA,IAAO,CACtDU,EAAeP,EAAW,SAAWF,GAAU,OAAOA,GAAU,SAAUO,EAAcP,EAAOF,EAAqBC,CAAO,CAAC,CAChI,EACMW,EAA8BF"}

package/dist/assets/label-DVazFQSR-Nl0d3c-O.js

@@ -0,0 +1,2 @@
+import{c as n,n as o}from"./base-controller-DXBNrrLx-C0AnRAqn.js";const t=n(o,e=>e.length>=2&&e.length<=80);export{t as l};
+//# sourceMappingURL=label-DVazFQSR-Nl0d3c-O.js.map

package/dist/assets/label-DVazFQSR-Nl0d3c-O.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"label-DVazFQSR-Nl0d3c-O.js","sources":["../../../../components/dist/esm/label-DVazFQSR.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { c as createPropDefinition, n as normalizeString } from './base-controller-DXBNrrLx.js';\n\nconst labelProp = createPropDefinition(normalizeString, (v) => v.length >= 2 && v.length <= 80);\n\nexport { labelProp as l };\n//# sourceMappingURL=label-DVazFQSR.js.map\n\n//# sourceMappingURL=label-DVazFQSR.js.map"],"names":["labelProp","createPropDefinition","normalizeString","v"],"mappings":"kEAKK,MAACA,EAAYC,EAAqBC,EAAkBC,GAAMA,EAAE,QAAU,GAAKA,EAAE,QAAU,EAAE"}