@public-ui/sample-react 3.1.0 → 3.1.1

package/dist/assets/{kol-tooltip-wc.entry-CC8YSLd6.js → kol-tooltip-wc.entry-CNvRWq3U.js}

@@ -1,2 +1,2 @@
-import{r as h,G as l,h as n,H as r,g as d,n as a}from"./index-hDzmycZM.js";import{b as u,a as p}from"./align-floating-elements-BkpeqvtE-DrZYr5-a.js";import{v as c}from"./align-D-ifSKu8-7Mn2tQC6.js";import{v}from"./label-Dnmzb2S_-YuosJx7D.js";import"./Alert-I3c2hFqL-BJ91wMmi.js";import"./i18n-LBpyQ66X-tgWLHoTR.js";import{K as m}from"./Span-_4yQD2YZ-CzGvCcG8.js";import{t as f,a as g}from"./tooltip-open-tracking-rBbBgPWP-DRkgcff2.js";import"./tslib.es6-CxX45GIN-BGVaTf34.js";import"./markdown-BSkXjaSn-CgWNYJ5a.js";import"./isObject-DvSELytj-DhzEQer1.js";import"./clsx-eK3rPvPS-B-dksMZM.js";import"./Heading-DwQEABii-THMC_gpR.js";import"./Icon-DazIQvDi-DtkY3Xyh.js";import"./reuse-CX4AQDkS-BaVSFETn.js";import"./InternalUnderlinedBadgeText-BXMEPoNX-CjXRzrmL.js";const E=(i,t)=>{a(i,"_badgeText",t)},b=(i,t)=>{a(i,"_id",t)},o=new Set;function _(i){o.forEach(t=>{t.style.setProperty("z-index","999")}),o.add(i),i.style.setProperty("z-index","1000")}function L(i){if(o.delete(i),o.size>0){const t=Array.from(o).pop();t&&t.style.setProperty("z-index","1000")}}const N=class{constructor(i){h(this,i),this.hasFocusIn=!1,this.hasMouseIn=!1,this.isHiddenForCurrentVisit=!1,this.resetHideFlag=()=>{this.isNewVisit()&&(this.isHiddenForCurrentVisit=!1)},this.showTooltip=()=>{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"),l().addEventListener("keyup",this.hideTooltipByEscape,{once:!0});const t=this.previousSibling,e=this.tooltipElement;this.cleanupAutoPositioning=u(t,e,()=>{this.alignTooltip()})}},this.hideTooltipByEscape=t=>{t.key==="Escape"&&this.hideTooltip()},this.handleMouseEnter=()=>{const t=this.isNewVisit();this.hasMouseIn=!0,t&&(this.isHiddenForCurrentVisit=!1),this.showOrHideTooltip()},this.handleMouseleave=t=>{var e,s;this.hasMouseIn=(s=(e=this.tooltipElement)===null||e===void 0?void 0:e.contains(t.relatedTarget))!==null&&s!==void 0?s:!1,this.resetHideFlag(),this.showOrHideTooltip()},this.handleFocusIn=()=>{const t=this.isNewVisit();this.hasFocusIn=!0,t&&(this.isHiddenForCurrentVisit=!1),this.showOrHideTooltip()},this.handleFocusout=()=>{this.hasFocusIn=!1,this.resetHideFlag(),this.showOrHideTooltip()},this.addListeners=t=>{t.addEventListener("mouseenter",this.handleMouseEnter),t.addEventListener("mouseleave",this.handleMouseleave),t.addEventListener("focusin",this.handleFocusIn),t.addEventListener("focusout",this.handleFocusout)},this.removeListeners=t=>{t.removeEventListener("mouseenter",this.handleMouseEnter),t.removeEventListener("mouseleave",this.handleMouseleave),t.removeEventListener("focusin",this.handleFocusIn),t.removeEventListener("focusout",this.handleFocusout)},this.resyncListeners=(t,e,s=!1)=>{t&&this.removeListeners(t),e&&(s&&(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",_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 p({align:this._align,referenceElement:this.previousSibling,arrowElement:this.arrowElement,floatingElement:this.tooltipElement})}async hideTooltip(){this.isHiddenForCurrentVisit=!0,this.tooltipElement&&(L(this.tooltipElement),g(),this.tooltipElement.classList.remove("show"),this.tooltipElement.classList.add("hide"),this.cleanupAutoPositioning&&(this.cleanupAutoPositioning(),this.cleanupAutoPositioning=void 0)),l().removeEventListener("keyup",this.hideTooltipByEscape)}render(){return n(r,{key:"a2f5eaf3bdde31f05706c525fb3382d04449877d",class:"kol-tooltip"},this.state._label!==""&&n("div",{key:"d29670e80057f25e00c3826a093d5baef0106ce6",class:"kol-tooltip__floating",ref:this.catchTooltipElement},n("div",{key:"5ea823469aa2fcb1c3dbf56b628445814f4fc8d0",class:"kol-tooltip__arrow",ref:this.catchArrowElement}),n(m,{key:"49c40bebd3067ede516b5f7edc9749f52a08cf80",class:"kol-tooltip__content",id:this.state._id,badgeText:this._badgeText,label:this.state._label})))}validateBadgeText(i){E(this,i)}validateAlign(i){c(this,i)}validateId(i){b(this,i)}validateLabel(i){v(this,i,{required:!0})}componentWillLoad(){this.validateBadgeText(this._badgeText),this.validateAlign(this._align),this.validateId(this._id),this.validateLabel(this._label)}handleEventListeners(){var i,t;const e=(t=(i=this.host)===null||i===void 0?void 0:i.previousElementSibling)!==null&&t!==void 0?t:null;this.resyncListeners(this.previousSibling,e,!0),this.resyncListeners(this.tooltipElement,this.tooltipElement)}connectedCallback(){var i,t;this.previousSibling=(t=(i=this.host)===null||i===void 0?void 0:i.previousElementSibling)!==null&&t!==void 0?t:null}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:0}],_align:[{validateAlign:0}],_id:[{validateId:0}],_label:[{validateLabel:0}]}}};export{N as kol_tooltip_wc};
-//# sourceMappingURL=kol-tooltip-wc.entry-CC8YSLd6.js.map
+import{r as h,G as l,h as n,H as r,g as d,n as a}from"./index-CHECPbf5.js";import{b as u,a as p}from"./align-floating-elements-BkpeqvtE-ms12ZXVF.js";import{v as c}from"./align-D-ifSKu8-C8mkOV_S.js";import{v}from"./label-Dnmzb2S_-BxskbY8W.js";import"./Alert-DLfEpSKk-DIvCnqeU.js";import"./i18n-LBpyQ66X-FYRdsujR.js";import{K as m}from"./Span-D7zdcwRa-XzuS6EqZ.js";import{t as f,a as g}from"./tooltip-open-tracking-rBbBgPWP-DRkgcff2.js";import"./tslib.es6-CxX45GIN-BGVaTf34.js";import"./markdown-BSkXjaSn-Dygxx2IE.js";import"./isObject-DvSELytj-DhzEQer1.js";import"./clsx-eK3rPvPS-B-dksMZM.js";import"./Heading-C4_IYeCe-Dm2VxnTB.js";import"./Icon-BvOGL2OY-QXF-CUmr.js";import"./reuse-CX4AQDkS-BaVSFETn.js";import"./InternalUnderlinedBadgeText-B4MJKsjm-Cl8oAw2u.js";const E=(i,t)=>{a(i,"_badgeText",t)},b=(i,t)=>{a(i,"_id",t)},o=new Set;function _(i){o.forEach(t=>{t.style.setProperty("z-index","999")}),o.add(i),i.style.setProperty("z-index","1000")}function L(i){if(o.delete(i),o.size>0){const t=Array.from(o).pop();t&&t.style.setProperty("z-index","1000")}}const N=class{constructor(i){h(this,i),this.hasFocusIn=!1,this.hasMouseIn=!1,this.isHiddenForCurrentVisit=!1,this.resetHideFlag=()=>{this.isNewVisit()&&(this.isHiddenForCurrentVisit=!1)},this.showTooltip=()=>{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"),l().addEventListener("keyup",this.hideTooltipByEscape,{once:!0});const t=this.previousSibling,e=this.tooltipElement;this.cleanupAutoPositioning=u(t,e,()=>{this.alignTooltip()})}},this.hideTooltipByEscape=t=>{t.key==="Escape"&&this.hideTooltip()},this.handleMouseEnter=()=>{const t=this.isNewVisit();this.hasMouseIn=!0,t&&(this.isHiddenForCurrentVisit=!1),this.showOrHideTooltip()},this.handleMouseleave=t=>{var e,s;this.hasMouseIn=(s=(e=this.tooltipElement)===null||e===void 0?void 0:e.contains(t.relatedTarget))!==null&&s!==void 0?s:!1,this.resetHideFlag(),this.showOrHideTooltip()},this.handleFocusIn=()=>{const t=this.isNewVisit();this.hasFocusIn=!0,t&&(this.isHiddenForCurrentVisit=!1),this.showOrHideTooltip()},this.handleFocusout=()=>{this.hasFocusIn=!1,this.resetHideFlag(),this.showOrHideTooltip()},this.addListeners=t=>{t.addEventListener("mouseenter",this.handleMouseEnter),t.addEventListener("mouseleave",this.handleMouseleave),t.addEventListener("focusin",this.handleFocusIn),t.addEventListener("focusout",this.handleFocusout)},this.removeListeners=t=>{t.removeEventListener("mouseenter",this.handleMouseEnter),t.removeEventListener("mouseleave",this.handleMouseleave),t.removeEventListener("focusin",this.handleFocusIn),t.removeEventListener("focusout",this.handleFocusout)},this.resyncListeners=(t,e,s=!1)=>{t&&this.removeListeners(t),e&&(s&&(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",_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 p({align:this._align,referenceElement:this.previousSibling,arrowElement:this.arrowElement,floatingElement:this.tooltipElement})}async hideTooltip(){this.isHiddenForCurrentVisit=!0,this.tooltipElement&&(L(this.tooltipElement),g(),this.tooltipElement.classList.remove("show"),this.tooltipElement.classList.add("hide"),this.cleanupAutoPositioning&&(this.cleanupAutoPositioning(),this.cleanupAutoPositioning=void 0)),l().removeEventListener("keyup",this.hideTooltipByEscape)}render(){return n(r,{key:"a2f5eaf3bdde31f05706c525fb3382d04449877d",class:"kol-tooltip"},this.state._label!==""&&n("div",{key:"d29670e80057f25e00c3826a093d5baef0106ce6",class:"kol-tooltip__floating",ref:this.catchTooltipElement},n("div",{key:"5ea823469aa2fcb1c3dbf56b628445814f4fc8d0",class:"kol-tooltip__arrow",ref:this.catchArrowElement}),n(m,{key:"49c40bebd3067ede516b5f7edc9749f52a08cf80",class:"kol-tooltip__content",id:this.state._id,badgeText:this._badgeText,label:this.state._label})))}validateBadgeText(i){E(this,i)}validateAlign(i){c(this,i)}validateId(i){b(this,i)}validateLabel(i){v(this,i,{required:!0})}componentWillLoad(){this.validateBadgeText(this._badgeText),this.validateAlign(this._align),this.validateId(this._id),this.validateLabel(this._label)}handleEventListeners(){var i,t;const e=(t=(i=this.host)===null||i===void 0?void 0:i.previousElementSibling)!==null&&t!==void 0?t:null;this.resyncListeners(this.previousSibling,e,!0),this.resyncListeners(this.tooltipElement,this.tooltipElement)}connectedCallback(){var i,t;this.previousSibling=(t=(i=this.host)===null||i===void 0?void 0:i.previousElementSibling)!==null&&t!==void 0?t:null}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{N as kol_tooltip_wc};
+//# sourceMappingURL=kol-tooltip-wc.entry-CNvRWq3U.js.map

package/dist/assets/{kol-tooltip-wc.entry-CC8YSLd6.js.map → kol-tooltip-wc.entry-CNvRWq3U.js.map}

@@ -1 +1 @@
-{"version":3,"file":"kol-tooltip-wc.entry-CC8YSLd6.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-BVfSKhpj.js';\nimport { b as autoUpdate, a as alignFloatingElements } from './align-floating-elements-BkpeqvtE.js';\nimport { e as watchString, t as getDocument } from './common-Dd0zJQbD.js';\nimport { v as validateAlign } from './align-D-ifSKu8.js';\nimport { v as validateLabel } from './label-Dnmzb2S_.js';\nimport './Alert-I3c2hFqL.js';\nimport './i18n-LBpyQ66X.js';\nimport { K as KolSpanFc } from './Span-_4yQD2YZ.js';\nimport { t as tooltipOpened, a as tooltipClosed } from './tooltip-open-tracking-rBbBgPWP.js';\nimport './tslib.es6-CxX45GIN.js';\nimport './clsx-eK3rPvPS.js';\nimport './component-names-C3fyby67.js';\nimport './bem-Dj4gWVFO.js';\nimport './browser-DiRe0qUf.js';\nimport './Heading-DwQEABii.js';\nimport './i18n-CfLoIZ8T.js';\nimport './Icon-DazIQvDi.js';\nimport './reuse-CX4AQDkS.js';\nimport './markdown-BSkXjaSn.js';\nimport './InternalUnderlinedBadgeText-BXMEPoNX.js';\nimport './isObject-DvSELytj.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            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                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.handleMouseEnter = () => {\n            const isNewVisit = this.isNewVisit();\n            this.hasMouseIn = true;\n            if (isNewVisit) {\n                this.isHiddenForCurrentVisit = false;\n            }\n            this.showOrHideTooltip();\n        };\n        this.handleMouseleave = (event) => {\n            var _a, _b;\n            this.hasMouseIn = (_b = (_a = this.tooltipElement) === null || _a === void 0 ? void 0 : _a.contains(event.relatedTarget)) !== null && _b !== void 0 ? _b : false;\n            this.resetHideFlag();\n            this.showOrHideTooltip();\n        };\n        this.handleFocusIn = () => {\n            const isNewVisit = this.isNewVisit();\n            this.hasFocusIn = true;\n            if (isNewVisit) {\n                this.isHiddenForCurrentVisit = false;\n            }\n            this.showOrHideTooltip();\n        };\n        this.handleFocusout = () => {\n            this.hasFocusIn = false;\n            this.resetHideFlag();\n            this.showOrHideTooltip();\n        };\n        this.addListeners = (el) => {\n            el.addEventListener('mouseenter', this.handleMouseEnter);\n            el.addEventListener('mouseleave', this.handleMouseleave);\n            el.addEventListener('focusin', this.handleFocusIn);\n            el.addEventListener('focusout', this.handleFocusout);\n        };\n        this.removeListeners = (el) => {\n            el.removeEventListener('mouseenter', this.handleMouseEnter);\n            el.removeEventListener('mouseleave', this.handleMouseleave);\n            el.removeEventListener('focusin', this.handleFocusIn);\n            el.removeEventListener('focusout', this.handleFocusout);\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            _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        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            if (this.cleanupAutoPositioning) {\n                this.cleanupAutoPositioning();\n                this.cleanupAutoPositioning = undefined;\n            }\n        }\n        getDocument().removeEventListener('keyup', this.hideTooltipByEscape);\n    }\n    render() {\n        return (h(Host, { key: 'a2f5eaf3bdde31f05706c525fb3382d04449877d', class: \"kol-tooltip\" }, this.state._label !== '' && (h(\"div\", { key: 'd29670e80057f25e00c3826a093d5baef0106ce6', class: \"kol-tooltip__floating\", ref: this.catchTooltipElement }, h(\"div\", { key: '5ea823469aa2fcb1c3dbf56b628445814f4fc8d0', class: \"kol-tooltip__arrow\", ref: this.catchArrowElement }), h(KolSpanFc, { key: '49c40bebd3067ede516b5f7edc9749f52a08cf80', 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, _b;\n        const nextSibling = (_b = (_a = this.host) === null || _a === void 0 ? void 0 : _a.previousElementSibling) !== null && _b !== void 0 ? _b : null;\n        this.resyncListeners(this.previousSibling, nextSibling, true);\n        this.resyncListeners(this.tooltipElement, this.tooltipElement);\n    }\n    connectedCallback() {\n        var _a, _b;\n        this.previousSibling = (_b = (_a = this.host) === null || _a === void 0 ? void 0 : _a.previousElementSibling) !== null && _b !== void 0 ? _b : null;\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\": [{\n                \"validateBadgeText\": 0\n            }],\n        \"_align\": [{\n                \"validateAlign\": 0\n            }],\n        \"_id\": [{\n                \"validateId\": 0\n            }],\n        \"_label\": [{\n                \"validateLabel\": 0\n            }]\n    }; }\n};\n\nexport { KolTooltipWc as kol_tooltip_wc };\n"],"names":["validateBadgeText","component","value","watchString","validateId","VISIBLE_OVERLAYS","showOverlay","overlay","visibleOverlay","hideOverlay","last","KolTooltipWc","hostRef","registerInstance","tooltipOpened","getDocument","target","tooltipEl","autoUpdate","event","isNewVisit","_a","_b","el","next","replacePreviousSibling","element","alignFloatingElements","tooltipClosed","h","Host","KolSpanFc","validateAlign","validateLabel","nextSibling","getElement"],"mappings":"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"}
+{"version":3,"file":"kol-tooltip-wc.entry-CNvRWq3U.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-CkM67rWc.js';\nimport { b as autoUpdate, a as alignFloatingElements } from './align-floating-elements-BkpeqvtE.js';\nimport { e as watchString, t as getDocument } from './common-Dd0zJQbD.js';\nimport { v as validateAlign } from './align-D-ifSKu8.js';\nimport { v as validateLabel } from './label-Dnmzb2S_.js';\nimport './Alert-DLfEpSKk.js';\nimport './i18n-LBpyQ66X.js';\nimport { K as KolSpanFc } from './Span-D7zdcwRa.js';\nimport { t as tooltipOpened, a as tooltipClosed } from './tooltip-open-tracking-rBbBgPWP.js';\nimport './tslib.es6-CxX45GIN.js';\nimport './clsx-eK3rPvPS.js';\nimport './component-names-C3fyby67.js';\nimport './bem-Dj4gWVFO.js';\nimport './browser-DiRe0qUf.js';\nimport './Heading-C4_IYeCe.js';\nimport './i18n-CfLoIZ8T.js';\nimport './Icon-BvOGL2OY.js';\nimport './reuse-CX4AQDkS.js';\nimport './markdown-BSkXjaSn.js';\nimport './InternalUnderlinedBadgeText-B4MJKsjm.js';\nimport './isObject-DvSELytj.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            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                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.handleMouseEnter = () => {\n            const isNewVisit = this.isNewVisit();\n            this.hasMouseIn = true;\n            if (isNewVisit) {\n                this.isHiddenForCurrentVisit = false;\n            }\n            this.showOrHideTooltip();\n        };\n        this.handleMouseleave = (event) => {\n            var _a, _b;\n            this.hasMouseIn = (_b = (_a = this.tooltipElement) === null || _a === void 0 ? void 0 : _a.contains(event.relatedTarget)) !== null && _b !== void 0 ? _b : false;\n            this.resetHideFlag();\n            this.showOrHideTooltip();\n        };\n        this.handleFocusIn = () => {\n            const isNewVisit = this.isNewVisit();\n            this.hasFocusIn = true;\n            if (isNewVisit) {\n                this.isHiddenForCurrentVisit = false;\n            }\n            this.showOrHideTooltip();\n        };\n        this.handleFocusout = () => {\n            this.hasFocusIn = false;\n            this.resetHideFlag();\n            this.showOrHideTooltip();\n        };\n        this.addListeners = (el) => {\n            el.addEventListener('mouseenter', this.handleMouseEnter);\n            el.addEventListener('mouseleave', this.handleMouseleave);\n            el.addEventListener('focusin', this.handleFocusIn);\n            el.addEventListener('focusout', this.handleFocusout);\n        };\n        this.removeListeners = (el) => {\n            el.removeEventListener('mouseenter', this.handleMouseEnter);\n            el.removeEventListener('mouseleave', this.handleMouseleave);\n            el.removeEventListener('focusin', this.handleFocusIn);\n            el.removeEventListener('focusout', this.handleFocusout);\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            _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        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            if (this.cleanupAutoPositioning) {\n                this.cleanupAutoPositioning();\n                this.cleanupAutoPositioning = undefined;\n            }\n        }\n        getDocument().removeEventListener('keyup', this.hideTooltipByEscape);\n    }\n    render() {\n        return (h(Host, { key: 'a2f5eaf3bdde31f05706c525fb3382d04449877d', class: \"kol-tooltip\" }, this.state._label !== '' && (h(\"div\", { key: 'd29670e80057f25e00c3826a093d5baef0106ce6', class: \"kol-tooltip__floating\", ref: this.catchTooltipElement }, h(\"div\", { key: '5ea823469aa2fcb1c3dbf56b628445814f4fc8d0', class: \"kol-tooltip__arrow\", ref: this.catchArrowElement }), h(KolSpanFc, { key: '49c40bebd3067ede516b5f7edc9749f52a08cf80', 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, _b;\n        const nextSibling = (_b = (_a = this.host) === null || _a === void 0 ? void 0 : _a.previousElementSibling) !== null && _b !== void 0 ? _b : null;\n        this.resyncListeners(this.previousSibling, nextSibling, true);\n        this.resyncListeners(this.tooltipElement, this.tooltipElement);\n    }\n    connectedCallback() {\n        var _a, _b;\n        this.previousSibling = (_b = (_a = this.host) === null || _a === void 0 ? void 0 : _a.previousElementSibling) !== null && _b !== void 0 ? _b : null;\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","tooltipOpened","getDocument","target","tooltipEl","autoUpdate","event","isNewVisit","_a","_b","el","next","replacePreviousSibling","element","alignFloatingElements","tooltipClosed","h","Host","KolSpanFc","validateAlign","validateLabel","nextSibling","getElement"],"mappings":"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"}

package/dist/assets/{kol-tree-item-wc.entry-DaEI8uXd.js → kol-tree-item-wc.entry-DKZiIes0.js}

@@ -1,2 +1,2 @@
-import{r as o,h as a,j as r,i as c,H as h,aq as d,g as _,m as v}from"./index-hDzmycZM.js";import{c as f}from"./clsx-eK3rPvPS-B-dksMZM.js";import{v as p}from"./href-rwDd36rS-BgSlWBOp.js";import{v as b}from"./label-Dnmzb2S_-YuosJx7D.js";import{v as m}from"./open-CbvHO4XG-n8QXh3_y.js";import{n as k}from"./dev.utils-CT0IU26V-Cs-xItdq.js";const u=(e,t,i)=>{v(e,"_active",t,i)},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:i,_open:l,_label:n}=this.state;return a(h,{key:"442889bb000355873e79c2df59cce348ed0afb0c",onSlotchange:this.handleSlotchange.bind(this)},a("li",{key:"ab695fb7c3857e493631704e56f86b6c6211ad9f",class:"kol-tree-item",style:{"--level":`${this.level}`}},a(r,{key:"ac9855976707c3665cb09f90af3a6ecd490bb653",class:f("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:i?l:void 0,_ariaOwns:i?this.groupId:void 0,ref:s=>this.linkElement=s},a("span",{key:"9122a46258722d8df6bc5423cf8ee8b9412c763b",class:"kol-tree-item__link-inner",slot:"expert"},i?a("span",{class:"kol-tree-item__toggle-button",onClick:s=>l?void this.handleCollapseClick(s):void this.handleExpandClick(s)},a(c,{class:"kol-tree-item__toggle-button-icon",_icons:`codicon codicon-${l?"chevron-down":"chevron-right"}`,_label:""})):a("span",{class:"kol-tree-item__toggle-button-placeholder"}),a("span",{key:"b6108f314822588593d7426ad43f3bddaf42ae3c",class:"kol-tree-item__text"},n))),a("ul",{key:"2ca328f5ca9dfc25264ac1cf5a05ebf9b8a47eb8",class:"kol-tree-item__children",hidden:!i||!l,role:"group",id:this.groupId},a("slot",{key:"756437d12f6ea52ef666a5813221d84b6b29c575"}))))}validateActive(e){u(this,e||!1)}validateLabel(e){b(this,e)}validateOpen(e){m(this,e)}validateHref(e){p(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 focusLink(){return this.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:0}],_label:[{validateLabel:0}],_open:[{validateOpen:0}],_href:[{validateHref:0}]}}};export{E as kol_tree_item_wc};
-//# sourceMappingURL=kol-tree-item-wc.entry-DaEI8uXd.js.map
+import{r as o,h as a,j as r,i as c,H as h,aq as d,g as _,m as v}from"./index-CHECPbf5.js";import{c as f}from"./clsx-eK3rPvPS-B-dksMZM.js";import{v as p}from"./href-rwDd36rS-mxgf0x0T.js";import{v as b}from"./label-Dnmzb2S_-BxskbY8W.js";import{v as m}from"./open-CbvHO4XG-DgQAfw5P.js";import{n as k}from"./dev.utils-DuX3ZEJu-D2_C4nlH.js";const u=(e,t,i)=>{v(e,"_active",t,i)},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:i,_open:l,_label:n}=this.state;return a(h,{key:"442889bb000355873e79c2df59cce348ed0afb0c",onSlotchange:this.handleSlotchange.bind(this)},a("li",{key:"ab695fb7c3857e493631704e56f86b6c6211ad9f",class:"kol-tree-item",style:{"--level":`${this.level}`}},a(r,{key:"ac9855976707c3665cb09f90af3a6ecd490bb653",class:f("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:i?l:void 0,_ariaOwns:i?this.groupId:void 0,ref:s=>this.linkElement=s},a("span",{key:"9122a46258722d8df6bc5423cf8ee8b9412c763b",class:"kol-tree-item__link-inner",slot:"expert"},i?a("span",{class:"kol-tree-item__toggle-button",onClick:s=>l?void this.handleCollapseClick(s):void this.handleExpandClick(s)},a(c,{class:"kol-tree-item__toggle-button-icon",_icons:`codicon codicon-${l?"chevron-down":"chevron-right"}`,_label:""})):a("span",{class:"kol-tree-item__toggle-button-placeholder"}),a("span",{key:"b6108f314822588593d7426ad43f3bddaf42ae3c",class:"kol-tree-item__text"},n))),a("ul",{key:"2ca328f5ca9dfc25264ac1cf5a05ebf9b8a47eb8",class:"kol-tree-item__children",hidden:!i||!l,role:"group",id:this.groupId},a("slot",{key:"756437d12f6ea52ef666a5813221d84b6b29c575"}))))}validateActive(e){u(this,e||!1)}validateLabel(e){b(this,e)}validateOpen(e){m(this,e)}validateHref(e){p(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 focusLink(){return this.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-DKZiIes0.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"kol-tree-item-wc.entry-DaEI8uXd.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-BVfSKhpj.js';\nimport { c as clsx } from './clsx-eK3rPvPS.js';\nimport { f as KolLinkWcTag, e as KolIconTag, x as KolTreeTag } from './component-names-C3fyby67.js';\nimport { d as watchBoolean } from './common-Dd0zJQbD.js';\nimport { v as validateHref } from './href-rwDd36rS.js';\nimport { v as validateLabel } from './label-Dnmzb2S_.js';\nimport { v as validateOpen } from './open-CbvHO4XG.js';\nimport { n as nonce } from './dev.utils-CT0IU26V.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: '442889bb000355873e79c2df59cce348ed0afb0c', onSlotchange: this.handleSlotchange.bind(this) }, h(\"li\", { key: 'ab695fb7c3857e493631704e56f86b6c6211ad9f', class: \"kol-tree-item\", style: {\n                '--level': `${this.level}`,\n            } }, h(KolLinkWcTag, { key: 'ac9855976707c3665cb09f90af3a6ecd490bb653', 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: '9122a46258722d8df6bc5423cf8ee8b9412c763b', 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: `codicon codicon-${_open ? 'chevron-down' : 'chevron-right'}`, _label: '' }))) : (h(\"span\", { class: \"kol-tree-item__toggle-button-placeholder\" })), h(\"span\", { key: 'b6108f314822588593d7426ad43f3bddaf42ae3c', class: \"kol-tree-item__text\" }, _label))), h(\"ul\", { key: '2ca328f5ca9dfc25264ac1cf5a05ebf9b8a47eb8', class: \"kol-tree-item__children\", hidden: !_hasChildren || !_open, role: \"group\", id: this.groupId }, h(\"slot\", { key: '756437d12f6ea52ef666a5813221d84b6b29c575' })))));\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 focusLink() {\n        return this.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\": [{\n                \"validateActive\": 0\n            }],\n        \"_label\": [{\n                \"validateLabel\": 0\n            }],\n        \"_open\": [{\n                \"validateOpen\": 0\n            }],\n        \"_href\": [{\n                \"validateHref\": 0\n            }]\n    }; }\n};\n\nexport { KolTreeItemWc as kol_tree_item_wc };\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-DKZiIes0.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-CkM67rWc.js';\nimport { c as clsx } from './clsx-eK3rPvPS.js';\nimport { f as KolLinkWcTag, e as KolIconTag, x as KolTreeTag } from './component-names-C3fyby67.js';\nimport { d as watchBoolean } from './common-Dd0zJQbD.js';\nimport { v as validateHref } from './href-rwDd36rS.js';\nimport { v as validateLabel } from './label-Dnmzb2S_.js';\nimport { v as validateOpen } from './open-CbvHO4XG.js';\nimport { n as nonce } from './dev.utils-DuX3ZEJu.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: '442889bb000355873e79c2df59cce348ed0afb0c', onSlotchange: this.handleSlotchange.bind(this) }, h(\"li\", { key: 'ab695fb7c3857e493631704e56f86b6c6211ad9f', class: \"kol-tree-item\", style: {\n                '--level': `${this.level}`,\n            } }, h(KolLinkWcTag, { key: 'ac9855976707c3665cb09f90af3a6ecd490bb653', 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: '9122a46258722d8df6bc5423cf8ee8b9412c763b', 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: `codicon codicon-${_open ? 'chevron-down' : 'chevron-right'}`, _label: '' }))) : (h(\"span\", { class: \"kol-tree-item__toggle-button-placeholder\" })), h(\"span\", { key: 'b6108f314822588593d7426ad43f3bddaf42ae3c', class: \"kol-tree-item__text\" }, _label))), h(\"ul\", { key: '2ca328f5ca9dfc25264ac1cf5a05ebf9b8a47eb8', class: \"kol-tree-item__children\", hidden: !_hasChildren || !_open, role: \"group\", id: this.groupId }, h(\"slot\", { key: '756437d12f6ea52ef666a5813221d84b6b29c575' })))));\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 focusLink() {\n        return this.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-ByWAtDwk.js

@@ -0,0 +1,238 @@
+import{r as i,h as t,ag as o}from"./index-CHECPbf5.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.
+*
+* Layer order (lowest to highest priority):
+* 1. kol-a11y - Accessibility defaults and requirements
+* 2. kol-global - Global component styles and resets
+* 3. kol-component - Component-specific styles
+* 4. kol-theme-global - Theme-specific global styles
+* 5. kol-theme-component - Theme-specific component styles
+*/
+@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;
+/*
+ * This file contains all rules for accessibility.
+ */
+@layer kol-a11y {
+  :host {
+    /*
+                   * Minimum size of interactive elements.
+                   */
+    --a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16));
+    /*
+     * No element should be used without verifying the contrast ratio of its background and font colors.
+     * By initially setting the background color to white and the font color to black,
+     * the contrast ratio is ensured and explicit adjustment is forced.
+     */
+    color: black;
+    background-color: white;
+    /*
+     * Verdana is an accessible font that can be used without requiring additional loading time.
+     */
+    font-family: Verdana;
+    /*
+     * Letter spacing is required for all texts.
+     */
+    letter-spacing: inherit;
+    /*
+     * Word spacing is required for all texts.
+     */
+    word-spacing: inherit;
+    /*
+     * Text should be aligned left by default to provide a predictable starting point.
+     */
+    text-align: left;
+  }
+  * {
+    /*
+     * This rule enables the word dividing for all texts. That is important for high zoom levels.
+     */
+    hyphens: auto;
+    /*
+     * This rule enables the word dividing for all texts. That is important for high zoom levels.
+     */
+    word-break: break-word;
+  }
+  /*
+   * All interactive elements should have a minimum size of to-rem(44).
+   */
+  /* input:not([type='checkbox'], [type='radio'], [type='range']), */
+  /* option, */
+  /* select, */
+  /* textarea, */
+  button,
+  .kol-input .input {
+    min-width: var(--a11y-min-size);
+    min-height: var(--a11y-min-size);
+  }
+  /*
+   * Some interactive elements should not inherit the font-family and font-size.
+   */
+  a,
+  button,
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6,
+  input,
+  option,
+  select,
+  textarea {
+    /*
+     * All elements should inherit the text color from his parent element.
+     */
+    color: inherit;
+    /*
+     * All elements should inherit the font family from his parent element.
+     */
+    font-family: inherit;
+    /*
+     * All elements should inherit the font size from his parent element.
+     */
+    font-size: inherit;
+    /*
+     * Letter spacing is required for all texts.
+     */
+    letter-spacing: inherit;
+    /*
+     * Word spacing is required for all texts.
+     */
+    word-spacing: inherit;
+  }
+  /**
+  * Sometimes we need the semantic element for accessibility reasons,
+  * but we don't want to show it.
+  *
+  * - https://www.a11yproject.com/posts/how-to-hide-content/
+  */
+  .visually-hidden {
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 1px;
+    height: 1px;
+    overflow: hidden;
+    white-space: nowrap;
+    clip-path: inset(50%);
+  }
+}
+@layer kol-global {
+  /*
+   * Dieses CSS stellt sicher, dass der Standard-Style
+   * von A und Button resettet werden.
+   */
+  :is(a, button) {
+    background-color: transparent;
+    width: 100%;
+    margin: 0;
+    padding: 0;
+    border: none;
+    /* 100% needed for custom width from outside */
+  }
+  /*
+   * Ensure elements with hidden attribute to be actually not visible
+   * @see https://meowni.ca/hidden.is.a.lie.html
+   */
+  [hidden] {
+    display: none !important;
+  }
+  .badge-text-hint {
+    color: black;
+    background-color: lightgray;
+  }
+}
+@layer kol-global {
+  :host {
+    /*
+     * The max-width is needed to prevent the table from overflowing the
+     * parent node, if the table is wider than the parent node.
+     */
+    max-width: 100%;
+    font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));
+  }
+  * {
+    /*
+     * We prefer to box-sizing: border-box for all elements.
+     */
+    box-sizing: border-box;
+  }
+  .kol-span {
+    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */
+    display: flex;
+    flex-flow: column;
+    align-items: center;
+    justify-content: center;
+    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */
+  }
+  .kol-span__container {
+    display: flex;
+    align-items: center;
+  }
+  a,
+  button {
+    cursor: pointer;
+  }
+  .kol-span .kol-span__label--hide-label .kol-span__label {
+    display: none;
+  }
+  /* Reset browser agent style. */
+  button:disabled {
+    color: unset;
+  }
+  .disabled label,
+  .disabled:focus-within label,
+  [aria-disabled=true],
+  [aria-disabled=true]:focus,
+  [disabled],
+  [disabled]:focus {
+    opacity: 0.5;
+    outline: none;
+    cursor: not-allowed;
+  }
+  [aria-disabled=true]:focus .kol-span,
+  [disabled]:focus .kol-span {
+    outline: none !important;
+  }
+}
+@layer kol-component {
+  .kol-tree-item {
+    --indentation: var(--tree-item-indentation, calc(10 * 1rem / var(--kolibri-root-font-size, 16)));
+  }
+  .kol-tree-item__link .kol-link {
+    display: inline-flex;
+    min-height: var(--a11y-min-size);
+    padding-right: calc(6 * 1rem / var(--kolibri-root-font-size, 16));
+    padding-left: max(var(--indentation) * var(--level) + 8 * 1rem / var(--kolibri-root-font-size, 16), 8 * 1rem / var(--kolibri-root-font-size, 16));
+    align-items: center;
+    text-decoration: none;
+  }
+  .kol-tree-item__link--first-level .kol-link {
+    padding-left: calc(6 * 1rem / var(--kolibri-root-font-size, 16));
+  }
+  .kol-tree-item__link-inner {
+    display: flex;
+    align-items: center;
+  }
+  .kol-tree-item__children {
+    margin: 0;
+    padding: 0;
+    list-style: none;
+  }
+  .kol-tree-item .kol-span {
+    place-items: unset;
+  }
+  .kol-tree-item__toggle-button, .kol-tree-item__toggle-button-placeholder {
+    display: inline-flex;
+    width: var(--a11y-min-size);
+    height: var(--a11y-min-size);
+    align-items: center;
+    justify-content: center;
+  }
+  .kol-tree-item__text {
+    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 focusLink(){return this.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:"10423bea3abc1e93d76d9cc740af25991e1944cf",_active:this._active,_label:this._label,_open:this._open,_href:this._href,ref:n=>this.element=n},t("slot",{key:"efc07e646a66d0034caab0ff546529a70098c836"}))}};a.style={default:l};export{a as kol_tree_item};
+//# sourceMappingURL=kol-tree-item.entry-ByWAtDwk.js.map

package/dist/assets/kol-tree-item.entry-ByWAtDwk.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"kol-tree-item.entry-ByWAtDwk.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-CkM67rWc.js';\nimport { q as KolTreeItemWcTag } from './component-names-C3fyby67.js';\nimport './common-Dd0zJQbD.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}\\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    width: var(--a11y-min-size);\\n    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 focusLink() {\n        return this.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: '10423bea3abc1e93d76d9cc740af25991e1944cf', _active: this._active, _label: this._label, _open: this._open, _href: this._href, ref: (element) => (this.element = element) }, h(\"slot\", { key: 'efc07e646a66d0034caab0ff546529a70098c836' })));\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,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,WAAY,CACd,OAAO,KAAK,MAAK,CACrB,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-CGlIxG7r.js → kol-tree-wc.entry-CrM5roWS.js}

@@ -1,2 +1,2 @@
-import{r as E,h as b,H as k,ar as m,aq as L,g as A}from"./index-hDzmycZM.js";import{v as x}from"./label-Dnmzb2S_-YuosJx7D.js";const f=class{constructor(e){E(this,e),this.state={_label:""}}validateLabel(e){x(this,e)}render(){return b(k,{key:"c491bc228b1db3a9707ee892a6c307ce675bde4e",onSlotchange:this.handleSlotchange.bind(this)},b("nav",{key:"50bbc945f1302a0ddd8376076e61823a0b123aa3",class:"kol-tree","aria-label":this.state._label},b("ul",{key:"3d915f2ef9fe71b126b2778cc093e91a7907f010",class:"kol-tree__treeview-navigation",role:"tree","aria-label":this.state._label},b("slot",{key:"a97a01e4eb25a47c667531d99db716d47e404779"}))))}static isTreeItem(e){return e?.tagName===m.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(f.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(m);return[...i,t,...s]},[])}async getOpenTreeItemElements(){if(!this.treeItemElements)return;const e=async t=>f.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(m),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(m);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(f.isTreeItem))!==null&&d!==void 0?d:[];for(const c of h){if(c._active)return c;const v=c.querySelector(`${m}[_active="true"]`);if(v&&v._active)return v}},i=s=>{f.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:0}]}}};export{f as kol_tree_wc};
-//# sourceMappingURL=kol-tree-wc.entry-CGlIxG7r.js.map
+import{r as E,h as b,H as k,ar as m,aq as L,g as A}from"./index-CHECPbf5.js";import{v as x}from"./label-Dnmzb2S_-BxskbY8W.js";const f=class{constructor(e){E(this,e),this.state={_label:""}}validateLabel(e){x(this,e)}render(){return b(k,{key:"c491bc228b1db3a9707ee892a6c307ce675bde4e",onSlotchange:this.handleSlotchange.bind(this)},b("nav",{key:"50bbc945f1302a0ddd8376076e61823a0b123aa3",class:"kol-tree","aria-label":this.state._label},b("ul",{key:"3d915f2ef9fe71b126b2778cc093e91a7907f010",class:"kol-tree__treeview-navigation",role:"tree","aria-label":this.state._label},b("slot",{key:"a97a01e4eb25a47c667531d99db716d47e404779"}))))}static isTreeItem(e){return e?.tagName===m.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(f.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(m);return[...i,t,...s]},[])}async getOpenTreeItemElements(){if(!this.treeItemElements)return;const e=async t=>f.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(m),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(m);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(f.isTreeItem))!==null&&d!==void 0?d:[];for(const c of h){if(c._active)return c;const v=c.querySelector(`${m}[_active="true"]`);if(v&&v._active)return v}},i=s=>{f.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{f as kol_tree_wc};
+//# sourceMappingURL=kol-tree-wc.entry-CrM5roWS.js.map

package/dist/assets/{kol-tree-wc.entry-CGlIxG7r.js.map → kol-tree-wc.entry-CrM5roWS.js.map}

@@ -1 +1 @@
-{"version":3,"file":"kol-tree-wc.entry-CGlIxG7r.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-BVfSKhpj.js';\nimport { y as KolTreeItemTag, x as KolTreeTag } from './component-names-C3fyby67.js';\nimport './common-Dd0zJQbD.js';\nimport { v as validateLabel } from './label-Dnmzb2S_.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: 'c491bc228b1db3a9707ee892a6c307ce675bde4e', onSlotchange: this.handleSlotchange.bind(this) }, h(\"nav\", { key: '50bbc945f1302a0ddd8376076e61823a0b123aa3', class: \"kol-tree\", \"aria-label\": this.state._label }, h(\"ul\", { key: '3d915f2ef9fe71b126b2778cc093e91a7907f010', class: \"kol-tree__treeview-navigation\", role: \"tree\", \"aria-label\": this.state._label }, h(\"slot\", { key: 'a97a01e4eb25a47c667531d99db716d47e404779' })))));\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                    parentIndex !== -1 && (await ((_e = openItems[parentIndex]) === null || _e === void 0 ? void 0 : _e.focus()));\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\": [{\n                \"validateLabel\": 0\n            }]\n    }; }\n};\n\nexport { KolTreeWc as kol_tree_wc };\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":"8HAQK,MAACA,EAAY,KAAM,CACpB,YAAYC,EAAS,CACjBC,EAAiB,KAAMD,CAAO,EAC9B,KAAK,MAAQ,CACT,OAAQ,EACpB,CACI,CACA,cAAcE,EAAO,CACjBC,EAAc,KAAMD,CAAK,CAC7B,CACA,QAAS,CACL,OAAQE,EAAEC,EAAM,CAAE,IAAK,2CAA4C,aAAc,KAAK,iBAAiB,KAAK,IAAI,CAAC,EAAID,EAAE,MAAO,CAAE,IAAK,2CAA4C,MAAO,WAAY,aAAc,KAAK,MAAM,MAAM,EAAIA,EAAE,KAAM,CAAE,IAAK,2CAA4C,MAAO,gCAAiC,KAAM,OAAQ,aAAc,KAAK,MAAM,MAAM,EAAIA,EAAE,OAAQ,CAAE,IAAK,2CAA4C,CAAC,CAAC,CAAC,CAC/b,CACA,OAAO,WAAWE,EAAS,CACvB,OAA0DA,GAAQ,UAAaC,EAAe,YAAW,CAC7G,CACA,mBAAoB,CAChB,KAAK,cAAc,KAAK,MAAM,EAC9B,KAAK,iBAAgB,EACrB,KAAK,0BAAyB,CAClC,CACA,sBAAuB,CACnB,IAAIC,GACHA,EAAK,KAAK,YAAc,MAAQA,IAAO,QAAkBA,EAAG,WAAU,CAC3E,CACA,2BAA4B,CACxB,KAAK,SAAW,IAAI,iBAAiB,KAAK,iBAAiB,KAAK,IAAI,CAAC,EACrE,KAAK,qBAAoB,CAC7B,CACA,kBAAmB,CACf,KAAK,qBAAoB,EACzB,KAAK,iBAAgB,CACzB,CACA,sBAAuB,CACnB,IAAIA,GACHA,EAAK,KAAK,qBAAoB,KAAQ,MAAQA,IAAO,QAAkBA,EAAG,QAASC,GAAa,CAC7F,IAAID,GACHA,EAAK,KAAK,YAAc,MAAQA,IAAO,QAAkBA,EAAG,QAAQC,EAAU,CAAE,UAAW,GAAM,QAAS,GAAM,CACrH,CAAC,CACL,CACA,sBAAuB,CACnB,IAAID,EAAIE,EAAIC,EACZ,OAAQA,GAAMD,GAAMF,EAAK,KAAK,KAAK,cAAc,MAAM,KAAO,MAAQA,IAAO,OAAS,OAASA,EAAG,iBAAmB,MAAQE,IAAO,OAAS,OAASA,EAAG,KAAKF,CAAE,KAAO,MAAQG,IAAO,OAAS,OAASA,EAAG,OAAOZ,EAAU,UAAU,CAC1O,CACA,kBAAmB,CACf,KAAK,iBAAmB,KAAK,oBAAmB,EAC3C,KAAK,2BAA0B,CACxC,CACA,qBAAsB,CAClB,IAAIS,EACJ,OAAQA,EAAK,KAAK,qBAAoB,KAAQ,MAAQA,IAAO,OAAS,OAASA,EAAG,OAAO,CAACI,EAAaC,IAAiB,CACpH,MAAMC,EAAWD,EAAa,iBAAiBN,CAAc,EAC7D,MAAO,CAAC,GAAGK,EAAaC,EAAc,GAAGC,CAAQ,CACrD,EAAG,CAAA,CAAE,CACT,CACA,MAAM,yBAA0B,CAC5B,GAAI,CAAC,KAAK,iBACN,OAEJ,MAAMC,EAA8B,MAAOT,GAClCP,EAAU,WAAWO,EAAQ,aAAa,EAInC,MAAMA,EAAQ,cAAc,OAAM,GAAQ,MAAMS,EAA4BT,EAAQ,aAAa,EAHlG,GAUf,OAJ4B,MAAM,QAAQ,IAAI,KAAK,iBAAiB,IAAI,MAAOA,IAAa,CACxF,MAAOA,EACP,QAAS,MAAMS,EAA4BT,CAAO,CAC9D,EAAU,CAAC,GACwB,OAAQA,GAAYA,EAAQ,OAAO,EAAE,IAAKA,GAAYA,EAAQ,KAAK,CAClG,CACA,MAAM,cAAcU,EAAO,CACvB,IAAIR,EAAIE,EAAIC,EAAIM,EAAIC,EAAIC,EAAIC,EAAIC,EAAIC,EAAIC,EACxC,MAAMC,EAAY,MAAM,KAAK,wBAAuB,EAC9CC,GAAmBjB,EAAK,SAAS,iBAAmB,MAAQA,IAAO,OAAS,OAASA,EAAG,QAAQD,CAAc,EAC9GmB,EAAwBV,EAAM,SAAWA,EAAM,QAAUA,EAAM,SAAWA,EAAM,SACtF,GAAI,CAACQ,GAAa,CAACC,EACf,OAEJ,MAAME,EAAqEH,GAAU,UAAWI,GAASA,IAASH,CAAe,EACjI,OAAQT,EAAM,IAAG,CACb,IAAK,YAAa,CACd,OAAQN,EAAKc,EAAUG,EAAe,CAAC,KAAO,MAAQjB,IAAO,OAAS,OAASA,EAAG,MAAK,GACvFM,EAAM,eAAc,EACpB,KACJ,CACA,IAAK,UAAW,CACZ,OAAQL,EAAKa,EAAUG,EAAe,CAAC,KAAO,MAAQhB,IAAO,OAAS,OAASA,EAAG,MAAK,GACvFK,EAAM,eAAc,EACpB,KACJ,CACA,IAAK,QACL,IAAK,aAAc,CACfA,EAAM,eAAc,EAChB,MAAMS,EAAgB,SACtB,OAAQR,EAAKO,EAAUG,EAAe,CAAC,KAAO,MAAQV,IAAO,OAAS,OAASA,EAAG,MAAK,GAGvF,MAAMQ,EAAgB,OAAM,EAEhC,KACJ,CACA,IAAK,OACL,IAAK,YAAa,CAEd,GADAT,EAAM,eAAc,EAChB,MAAMS,EAAgB,SACtB,MAAMA,EAAgB,SAAQ,MAE7B,CACD,MAAMI,EAAcL,EAAU,UAAWM,GAASA,IAASL,EAAgB,aAAa,EACxFI,IAAgB,IAAO,OAAQX,EAAKM,EAAUK,CAAW,KAAO,MAAQX,IAAO,OAAS,OAASA,EAAG,MAAK,EAC7G,CACA,KACJ,CACA,IAAK,OAAQ,CACT,OAAQC,EAAKK,EAAU,CAAC,KAAO,MAAQL,IAAO,OAAS,OAASA,EAAG,MAAK,GACxEH,EAAM,eAAc,EACpB,KACJ,CACA,IAAK,MAAO,CACR,OAAQI,EAAKI,EAAUA,EAAU,OAAS,CAAC,KAAO,MAAQJ,IAAO,OAAS,OAASA,EAAG,MAAK,GAC3FJ,EAAM,eAAc,EACpB,KACJ,CACA,MAAMK,EAAKL,EAAM,IAAI,MAAM,eAAe,KAAO,MAAQK,IAAO,OAAS,OAASA,EAAG,OAAO,CACxF,GAAI,CAACK,EAAuB,CACxB,MAAMK,EAAOf,EAAM,IAAI,YAAW,EAC5BgB,EAAaR,EAAU,QAAQC,CAAe,EAAI,EAClDQ,EAAkBT,EAAU,OAAOA,CAAS,EAC5CU,EAAaD,EACd,MAAMD,EAAYA,EAAaR,EAAU,MAAM,EAC/C,UAAWM,GAAS,CAAE,IAAItB,EAAI,OAAQA,EAAKsB,EAAK,aAAa,QAAQ,KAAO,MAAQtB,IAAO,OAAS,OAASA,EAAG,KAAI,EAAG,YAAW,EAAG,WAAWuB,CAAI,CAAG,CAAC,EACzJG,IAAe,KACf,OAAQZ,EAAKW,EAAgBD,EAAaE,CAAU,KAAO,MAAQZ,IAAO,OAAS,OAASA,EAAG,MAAK,GACpGN,EAAM,eAAc,EAE5B,CACA,KACJ,CACA,IAAK,IAAK,CACN,MAAMmB,GAAYZ,EAAKE,EAAgB,iBAAmB,MAAQF,IAAO,OAAS,OAASA,EAAG,iBAAiBhB,CAAc,EACzE4B,GAAS,QAAS7B,GAAY,CACzEA,EAAQ,OAAM,CACvB,CAAC,EACD,KACJ,CACZ,CACI,CACA,MAAM,eAAeU,EAAO,CACpBA,EAAM,eAAiB,CAACA,EAAM,cAAc,QAAQoB,CAAU,GAC9D,MAAM,KAAK,2BAA0B,CAE7C,CACA,MAAM,4BAA6B,CAC/B,MAAMC,EAAiB,IAAM,CACzB,IAAI7B,EAAIE,EAAIC,EAAIM,EAChB,MAAMqB,GAAarB,GAAMN,GAAMD,GAAMF,EAAK,KAAK,KAAK,cAAc,MAAM,KAAO,MAAQA,IAAO,OAAS,OAASA,EAAG,iBAAmB,MAAQE,IAAO,OAAS,OAASA,EAAG,KAAKF,CAAE,KAAO,MAAQG,IAAO,OAAS,OAASA,EAAG,OAAOZ,EAAU,UAAU,KAAO,MAAQkB,IAAO,OAASA,EAAK,CAAA,EAC3R,UAAWsB,KAAYD,EAAW,CAC9B,GAAIC,EAAS,QACT,OAAOA,EAEX,MAAMC,EAAaD,EAAS,cAAc,GAAGhC,CAAc,kBAAkB,EAC7E,GAAIiC,GAAcA,EAAW,QACzB,OAAOA,CAEf,CACJ,EACMC,EAAwBnC,GAAY,CAClCP,EAAU,WAAWO,EAAQ,aAAa,IACrCA,EAAQ,cAAc,OAAM,EACjCmC,EAAqBnC,EAAQ,aAAa,EAElD,EACMoC,EAASL,EAAc,EACzBK,GACAD,EAAqBC,CAAM,CAEnC,CACA,IAAI,MAAO,CAAE,OAAOC,EAAW,IAAI,CAAG,CACtC,WAAW,UAAW,CAAE,MAAO,CAC3B,OAAU,CAAC,CACH,cAAiB,CACjC,CAAa,CACb,CAAO,CACP"}
+{"version":3,"file":"kol-tree-wc.entry-CrM5roWS.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-CkM67rWc.js';\nimport { y as KolTreeItemTag, x as KolTreeTag } from './component-names-C3fyby67.js';\nimport './common-Dd0zJQbD.js';\nimport { v as validateLabel } from './label-Dnmzb2S_.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: 'c491bc228b1db3a9707ee892a6c307ce675bde4e', onSlotchange: this.handleSlotchange.bind(this) }, h(\"nav\", { key: '50bbc945f1302a0ddd8376076e61823a0b123aa3', class: \"kol-tree\", \"aria-label\": this.state._label }, h(\"ul\", { key: '3d915f2ef9fe71b126b2778cc093e91a7907f010', class: \"kol-tree__treeview-navigation\", role: \"tree\", \"aria-label\": this.state._label }, h(\"slot\", { key: 'a97a01e4eb25a47c667531d99db716d47e404779' })))));\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                    parentIndex !== -1 && (await ((_e = openItems[parentIndex]) === null || _e === void 0 ? void 0 : _e.focus()));\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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"}