@public-ui/visual-tests 4.3.0-rc.3 → 4.3.0-rc.4

package/app/dist/assets/{kol-toolbar.entry-NTzUD7YM.js.map → kol-toolbar.entry-YDZ-iTql.js.map}

@@ -1 +1 @@
-{"version":3,"file":"kol-toolbar.entry-NTzUD7YM.js","names":[],"sources":["../../../../../components/dist/esm/kol-toolbar.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h, g as getElement } from './index-CfYfRjdO.js';\nimport { a as __rest } from './tslib.es6-QNbPBOk5.js';\nimport { c as KolLinkWcTag, b as KolButtonWcTag } from './component-names-Dy77vq43.js';\nimport { P as emptyStringByArrayHandler, o as objectObjectHandler, p as parseJson, s as setState } from './common-Cbb6Axov.js';\nimport { v as validateLabel } from './label-We78Dt9U.js';\nimport { K as KeyboardKey } from './keyboard-DNd73LVa.js';\nimport { v as validateOrientation } from './orientation-DPjc47G2.js';\nimport { d as delegateFocus, a as delegateClick, s as setFocus, b as setClick } from './element-focus-BQXzaLL9.js';\n\nconst validateToolbarItems = (component, value) => {\n    emptyStringByArrayHandler(value, () => {\n        objectObjectHandler(value, () => {\n            if (typeof value === 'undefined') {\n                value = [];\n            }\n            try {\n                value = parseJson(value);\n            }\n            catch (_a) {\n            }\n            if (Array.isArray(value) && value.every((items) => typeof items === 'object' && items !== null)) {\n                setState(component, '_items', value);\n            }\n        });\n    });\n};\n\nconst defaultStyleCss = \"@charset \\\"UTF-8\\\";\\n/* 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     * The `max(…, 44px)` floor guarantees the WCAG 2.5.5 (AAA) target size of 44px:\\n     * `to-rem(44)` runs the value through a `calc()` rem round-trip which can lose\\n     * sub-pixel precision and resolve to e.g. 43.99px depending on the browser's\\n     * rounding, dropping just below the required minimum.\\n     */\\n    --a11y-min-size: max(calc(44 * 1rem / var(--kolibri-root-font-size, 16)), 44px);\\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: white;\\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    outline: none;\\n    cursor: not-allowed;\\n  }\\n  [aria-disabled=true]:focus .kol-span,\\n  [disabled]:focus .kol-span {\\n    outline: none !important;\\n  }\\n  .hastooltip {\\n    z-index: 900 !important;\\n  }\\n}\\n@font-face {\\n  font-family: \\\"kolicons\\\";\\n  src: url(\\\"kolicons.eot?t=1783496448056\\\"); /* IE9*/\\n  src: url(\\\"kolicons.eot?t=1783496448056#iefix\\\") format(\\\"embedded-opentype\\\"), url(\\\"kolicons.woff2?t=1783496448056\\\") format(\\\"woff2\\\"), url(\\\"kolicons.woff?t=1783496448056\\\") format(\\\"woff\\\"), url(\\\"kolicons.ttf?t=1783496448056\\\") format(\\\"truetype\\\"), url(\\\"kolicons.svg?t=1783496448056#kolicons\\\") format(\\\"svg\\\"); /* iOS 4.1- */\\n}\\n@layer kol-component {\\n  [class^=kolicon-], [class*=\\\" kolicon-\\\"] {\\n    font-family: \\\"kolicons\\\";\\n    font-style: normal;\\n    font-weight: 400;\\n    line-height: 1em;\\n    -webkit-font-smoothing: antialiased;\\n    -moz-osx-font-smoothing: grayscale;\\n  }\\n  .kolicon-alert-error::before {\\n    content: \\\"\\\\ea01\\\";\\n  }\\n  .kolicon-alert-info::before {\\n    content: \\\"\\\\ea02\\\";\\n  }\\n  .kolicon-alert-success::before {\\n    content: \\\"\\\\ea03\\\";\\n  }\\n  .kolicon-alert-warning::before {\\n    content: \\\"\\\\ea04\\\";\\n  }\\n  .kolicon-check::before {\\n    content: \\\"\\\\ea05\\\";\\n  }\\n  .kolicon-chevron-double-left::before {\\n    content: \\\"\\\\ea06\\\";\\n  }\\n  .kolicon-chevron-double-right::before {\\n    content: \\\"\\\\ea07\\\";\\n  }\\n  .kolicon-chevron-down::before {\\n    content: \\\"\\\\ea08\\\";\\n  }\\n  .kolicon-chevron-left::before {\\n    content: \\\"\\\\ea09\\\";\\n  }\\n  .kolicon-chevron-right::before {\\n    content: \\\"\\\\ea0a\\\";\\n  }\\n  .kolicon-chevron-up::before {\\n    content: \\\"\\\\ea0b\\\";\\n  }\\n  .kolicon-cogwheel::before {\\n    content: \\\"\\\\ea0c\\\";\\n  }\\n  .kolicon-cross::before {\\n    content: \\\"\\\\ea0d\\\";\\n  }\\n  .kolicon-eye-closed::before {\\n    content: \\\"\\\\ea0e\\\";\\n  }\\n  .kolicon-eye::before {\\n    content: \\\"\\\\ea0f\\\";\\n  }\\n  .kolicon-house::before {\\n    content: \\\"\\\\ea10\\\";\\n  }\\n  .kolicon-kolibri::before {\\n    content: \\\"\\\\ea11\\\";\\n  }\\n  .kolicon-link-external::before {\\n    content: \\\"\\\\ea12\\\";\\n  }\\n  .kolicon-link::before {\\n    content: \\\"\\\\ea13\\\";\\n  }\\n  .kolicon-minus::before {\\n    content: \\\"\\\\ea14\\\";\\n  }\\n  .kolicon-plus::before {\\n    content: \\\"\\\\ea15\\\";\\n  }\\n  .kolicon-settings::before {\\n    content: \\\"\\\\ea16\\\";\\n  }\\n  .kolicon-sort-asc::before {\\n    content: \\\"\\\\ea17\\\";\\n  }\\n  .kolicon-sort-desc::before {\\n    content: \\\"\\\\ea18\\\";\\n  }\\n  .kolicon-sort-neutral::before {\\n    content: \\\"\\\\ea19\\\";\\n  }\\n  .kolicon-up::before {\\n    content: \\\"\\\\ea1a\\\";\\n  }\\n  .kolicon-version::before {\\n    content: \\\"\\\\ea1b\\\";\\n  }\\n}\\n@layer kol-component {\\n  .kol-icon {\\n    color: inherit;\\n    display: inline-block;\\n    font-size: inherit;\\n    font-weight: inherit;\\n    line-height: inherit;\\n  }\\n  .kol-tooltip {\\n    display: contents;\\n  }\\n  .kol-tooltip__floating {\\n    opacity: 0;\\n    display: none;\\n    position: fixed;\\n    /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\\n    top: 0;\\n    left: 0;\\n    /* Can be used to specify the tooltip-width from the outside. Unset by default.  */\\n    width: var(--kol-tooltip-width, max-content);\\n    min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\\n    max-width: 90vw;\\n    max-height: 90vh;\\n    animation-direction: normal;\\n    /* Can be used to specify the animation duration from the outside. 250ms by default. */\\n    animation-duration: var(--kolibri-tooltip-animation-duration, 250ms);\\n    animation-fill-mode: forwards;\\n    animation-iteration-count: 1;\\n    animation-timing-function: ease-in;\\n  }\\n  .kol-tooltip__floating.hide {\\n    animation-name: hideTooltip;\\n  }\\n  .kol-tooltip__floating.show {\\n    animation-name: showTooltip;\\n  }\\n  .kol-tooltip__arrow {\\n    transform: rotate(45deg);\\n    color: black;\\n    background-color: white;\\n    position: absolute;\\n    z-index: 999;\\n    width: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\\n    height: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\\n  }\\n  .kol-tooltip__content {\\n    color: black;\\n    background-color: white;\\n    position: relative;\\n    z-index: 1000;\\n  }\\n  @keyframes hideTooltip {\\n    0% {\\n      opacity: 1;\\n    }\\n    100% {\\n      opacity: 0;\\n      display: none;\\n    }\\n  }\\n  @keyframes showTooltip {\\n    0% {\\n      opacity: 0;\\n    }\\n    100% {\\n      opacity: 1;\\n    }\\n  }\\n}\\n@layer kol-component {\\n  .kol-icon {\\n    color: inherit;\\n    display: inline-block;\\n    font-size: inherit;\\n    font-weight: inherit;\\n    line-height: inherit;\\n  }\\n  :host {\\n    display: inline-block;\\n  }\\n  .kol-link {\\n    display: flex;\\n    min-height: var(--a11y-min-size);\\n    font-style: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\\n    text-decoration-line: none;\\n  }\\n  .kol-link::before {\\n    /* Render zero-width character as first element to set the baseline correctly. */\\n    content: \\\"​\\\";\\n  }\\n  .kol-link__text {\\n    flex: 1 0 100%;\\n  }\\n  .kol-icon {\\n    color: inherit;\\n    display: inline-block;\\n    font-size: inherit;\\n    font-weight: inherit;\\n    line-height: inherit;\\n  }\\n  :host {\\n    display: inline-block;\\n  }\\n  .kol-button {\\n    display: flex;\\n    min-height: var(--a11y-min-size);\\n    font-style: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\\n    text-decoration-line: none;\\n  }\\n  .kol-button::before {\\n    /* Render zero-width character as first element to set the baseline correctly. */\\n    content: \\\"​\\\";\\n  }\\n  .kol-button__text {\\n    flex: 1 0 100%;\\n  }\\n  .kol-toolbar {\\n    display: flex;\\n    flex-wrap: wrap;\\n    align-items: center;\\n  }\\n  .kol-toolbar--orientation-vertical {\\n    flex-direction: column;\\n    align-items: stretch;\\n  }\\n  .kol-toolbar--orientation-vertical .kol-span {\\n    align-items: flex-start;\\n  }\\n  .kol-toolbar:focus-within {\\n    outline: 1px solid;\\n    outline-offset: 2px;\\n  }\\n}\";\n\nconst KolToolbar = class {\n    constructor(hostRef) {\n        registerInstance(this, hostRef);\n        this.state = {\n            _label: '',\n            _items: [],\n        };\n        this.currentIndex = 0;\n        this.indexToElement = new Map();\n        this.renderItem = (raw, index) => {\n            const element = this.normalizeItem(raw);\n            const tabIndex = index === this.currentIndex && !(element === null || element === void 0 ? void 0 : element._disabled) ? 0 : -1;\n            const props = {\n                key: index,\n                class: 'button normal kol-toolbar__item',\n                _tabIndex: tabIndex,\n                _variant: 'normal',\n            };\n            const catchRef = (el) => {\n                if (el)\n                    this.indexToElement.set(index, el);\n            };\n            return element.type === 'link' ? (h(KolLinkWcTag, Object.assign({}, props, element, { ref: catchRef }))) : (h(KolButtonWcTag, Object.assign({}, props, element, { ref: catchRef })));\n        };\n    }\n    async focus(options) {\n        const firstEnabledItem = this.indexToElement.get(this.currentIndex);\n        if (firstEnabledItem) {\n            return delegateFocus(this.host, () => setFocus(firstEnabledItem, options));\n        }\n    }\n    async click() {\n        const currentItem = this.indexToElement.get(this.currentIndex);\n        if (currentItem) {\n            return delegateClick(this.host, async () => setClick(currentItem));\n        }\n    }\n    normalizeItem(item) {\n        const { _icons, _disabled } = item, rest = __rest(item, [\"_icons\", \"_disabled\"]);\n        return Object.assign(Object.assign({}, rest), { _icons, _disabled });\n    }\n    render() {\n        return (h(\"div\", { key: '620bd0c219c8e3425d7fc04be129c7ef9e993a84', class: `kol-toolbar kol-toolbar--orientation-${this.state._orientation}`, role: \"toolbar\", \"aria-label\": this.state._label }, this.state._items.map(this.renderItem)));\n    }\n    validateLabel(value) {\n        validateLabel(this, value);\n    }\n    validateItems(value) {\n        validateToolbarItems(this, value);\n        this.indexToElement.clear();\n        this.setFirstEnabledItemIndex();\n    }\n    validateOrientation(value) {\n        validateOrientation(this, value);\n    }\n    getCurrentToolbarItem(index) {\n        return typeof index === 'number' ? this.indexToElement.get(index) : undefined;\n    }\n    setFirstEnabledItemIndex() {\n        var _a;\n        this.currentIndex = (_a = this.state._items) === null || _a === void 0 ? void 0 : _a.findIndex((item) => !item._disabled);\n    }\n    handleKeyDown(event) {\n        var _a, _b, _c, _d;\n        const pressedKey = event.code;\n        const isArrowKey = [KeyboardKey.ArrowUp, KeyboardKey.ArrowDown, KeyboardKey.ArrowRight, KeyboardKey.ArrowLeft].includes(pressedKey);\n        if (!isArrowKey)\n            return;\n        event.preventDefault();\n        const lastItemIndex = ((_b = (_a = this._items) === null || _a === void 0 ? void 0 : _a.length) !== null && _b !== void 0 ? _b : 0) - 1;\n        if (lastItemIndex < 0)\n            return;\n        const currentIndex = this.currentIndex;\n        let nextIndex = currentIndex;\n        switch (pressedKey) {\n            case KeyboardKey.ArrowUp:\n            case KeyboardKey.ArrowLeft:\n                nextIndex = currentIndex > 0 ? currentIndex - 1 : lastItemIndex;\n                break;\n            case KeyboardKey.ArrowDown:\n            case KeyboardKey.ArrowRight:\n                nextIndex = currentIndex < lastItemIndex ? currentIndex + 1 : 0;\n                break;\n        }\n        if (currentIndex === nextIndex) {\n            return;\n        }\n        if ((_d = (_c = this.state._items) === null || _c === void 0 ? void 0 : _c[nextIndex]) === null || _d === void 0 ? void 0 : _d._disabled) {\n            return;\n        }\n        this.currentIndex = nextIndex;\n        const item = this.getCurrentToolbarItem(nextIndex);\n        if (this.host) {\n            void (item === null || item === void 0 ? void 0 : item.focus());\n        }\n    }\n    handleFocusout(event) {\n        if (event.target === this.host)\n            this.setFirstEnabledItemIndex();\n    }\n    componentWillLoad() {\n        this.validateLabel(this._label);\n        this.validateItems(this._items);\n        this.validateOrientation(this._orientation);\n        this.setFirstEnabledItemIndex();\n    }\n    get host() { return getElement(this); }\n    static get watchers() { return {\n        \"_label\": [\"validateLabel\"],\n        \"_items\": [\"validateItems\"],\n        \"_orientation\": [\"validateOrientation\"]\n    }; }\n};\nKolToolbar.style = {\n    default: defaultStyleCss\n};\n\nexport { KolToolbar as kol_toolbar };\n//# sourceMappingURL=kol-toolbar.entry.js.map\n"],"mappings":"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"}
+{"version":3,"file":"kol-toolbar.entry-YDZ-iTql.js","names":[],"sources":["../../../../../components/dist/esm/kol-toolbar.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h, g as getElement } from './index-Dabxza7-.js';\nimport { a as __rest } from './tslib.es6-QNbPBOk5.js';\nimport { c as KolLinkWcTag, b as KolButtonWcTag } from './component-names-Dy77vq43.js';\nimport { P as emptyStringByArrayHandler, o as objectObjectHandler, p as parseJson, s as setState } from './common-Cbb6Axov.js';\nimport { v as validateLabel } from './label-We78Dt9U.js';\nimport { K as KeyboardKey } from './keyboard-DNd73LVa.js';\nimport { v as validateOrientation } from './orientation-DPjc47G2.js';\nimport { d as delegateFocus, a as delegateClick, s as setFocus, b as setClick } from './element-focus-BQXzaLL9.js';\n\nconst validateToolbarItems = (component, value) => {\n    emptyStringByArrayHandler(value, () => {\n        objectObjectHandler(value, () => {\n            if (typeof value === 'undefined') {\n                value = [];\n            }\n            try {\n                value = parseJson(value);\n            }\n            catch (_a) {\n            }\n            if (Array.isArray(value) && value.every((items) => typeof items === 'object' && items !== null)) {\n                setState(component, '_items', value);\n            }\n        });\n    });\n};\n\nconst defaultStyleCss = \"@charset \\\"UTF-8\\\";\\n/* 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     * The `max(…, 44px)` floor guarantees the WCAG 2.5.5 (AAA) target size of 44px:\\n     * `to-rem(44)` runs the value through a `calc()` rem round-trip which can lose\\n     * sub-pixel precision and resolve to e.g. 43.99px depending on the browser's\\n     * rounding, dropping just below the required minimum.\\n     */\\n    --a11y-min-size: max(calc(44 * 1rem / var(--kolibri-root-font-size, 16)), 44px);\\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: white;\\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    outline: none;\\n    cursor: not-allowed;\\n  }\\n  [aria-disabled=true]:focus .kol-span,\\n  [disabled]:focus .kol-span {\\n    outline: none !important;\\n  }\\n  .hastooltip {\\n    z-index: 900 !important;\\n  }\\n}\\n@font-face {\\n  font-family: \\\"kolicons\\\";\\n  src: url(\\\"kolicons.eot?t=1783501930981\\\"); /* IE9*/\\n  src: url(\\\"kolicons.eot?t=1783501930981#iefix\\\") format(\\\"embedded-opentype\\\"), url(\\\"kolicons.woff2?t=1783501930981\\\") format(\\\"woff2\\\"), url(\\\"kolicons.woff?t=1783501930981\\\") format(\\\"woff\\\"), url(\\\"kolicons.ttf?t=1783501930981\\\") format(\\\"truetype\\\"), url(\\\"kolicons.svg?t=1783501930981#kolicons\\\") format(\\\"svg\\\"); /* iOS 4.1- */\\n}\\n@layer kol-component {\\n  [class^=kolicon-], [class*=\\\" kolicon-\\\"] {\\n    font-family: \\\"kolicons\\\";\\n    font-style: normal;\\n    font-weight: 400;\\n    line-height: 1em;\\n    -webkit-font-smoothing: antialiased;\\n    -moz-osx-font-smoothing: grayscale;\\n  }\\n  .kolicon-alert-error::before {\\n    content: \\\"\\\\ea01\\\";\\n  }\\n  .kolicon-alert-info::before {\\n    content: \\\"\\\\ea02\\\";\\n  }\\n  .kolicon-alert-success::before {\\n    content: \\\"\\\\ea03\\\";\\n  }\\n  .kolicon-alert-warning::before {\\n    content: \\\"\\\\ea04\\\";\\n  }\\n  .kolicon-check::before {\\n    content: \\\"\\\\ea05\\\";\\n  }\\n  .kolicon-chevron-double-left::before {\\n    content: \\\"\\\\ea06\\\";\\n  }\\n  .kolicon-chevron-double-right::before {\\n    content: \\\"\\\\ea07\\\";\\n  }\\n  .kolicon-chevron-down::before {\\n    content: \\\"\\\\ea08\\\";\\n  }\\n  .kolicon-chevron-left::before {\\n    content: \\\"\\\\ea09\\\";\\n  }\\n  .kolicon-chevron-right::before {\\n    content: \\\"\\\\ea0a\\\";\\n  }\\n  .kolicon-chevron-up::before {\\n    content: \\\"\\\\ea0b\\\";\\n  }\\n  .kolicon-cogwheel::before {\\n    content: \\\"\\\\ea0c\\\";\\n  }\\n  .kolicon-cross::before {\\n    content: \\\"\\\\ea0d\\\";\\n  }\\n  .kolicon-eye-closed::before {\\n    content: \\\"\\\\ea0e\\\";\\n  }\\n  .kolicon-eye::before {\\n    content: \\\"\\\\ea0f\\\";\\n  }\\n  .kolicon-house::before {\\n    content: \\\"\\\\ea10\\\";\\n  }\\n  .kolicon-kolibri::before {\\n    content: \\\"\\\\ea11\\\";\\n  }\\n  .kolicon-link-external::before {\\n    content: \\\"\\\\ea12\\\";\\n  }\\n  .kolicon-link::before {\\n    content: \\\"\\\\ea13\\\";\\n  }\\n  .kolicon-minus::before {\\n    content: \\\"\\\\ea14\\\";\\n  }\\n  .kolicon-plus::before {\\n    content: \\\"\\\\ea15\\\";\\n  }\\n  .kolicon-settings::before {\\n    content: \\\"\\\\ea16\\\";\\n  }\\n  .kolicon-sort-asc::before {\\n    content: \\\"\\\\ea17\\\";\\n  }\\n  .kolicon-sort-desc::before {\\n    content: \\\"\\\\ea18\\\";\\n  }\\n  .kolicon-sort-neutral::before {\\n    content: \\\"\\\\ea19\\\";\\n  }\\n  .kolicon-up::before {\\n    content: \\\"\\\\ea1a\\\";\\n  }\\n  .kolicon-version::before {\\n    content: \\\"\\\\ea1b\\\";\\n  }\\n}\\n@layer kol-component {\\n  .kol-icon {\\n    color: inherit;\\n    display: inline-block;\\n    font-size: inherit;\\n    font-weight: inherit;\\n    line-height: inherit;\\n  }\\n  .kol-tooltip {\\n    display: contents;\\n  }\\n  .kol-tooltip__floating {\\n    opacity: 0;\\n    display: none;\\n    position: fixed;\\n    /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\\n    top: 0;\\n    left: 0;\\n    /* Can be used to specify the tooltip-width from the outside. Unset by default.  */\\n    width: var(--kol-tooltip-width, max-content);\\n    min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\\n    max-width: 90vw;\\n    max-height: 90vh;\\n    animation-direction: normal;\\n    /* Can be used to specify the animation duration from the outside. 250ms by default. */\\n    animation-duration: var(--kolibri-tooltip-animation-duration, 250ms);\\n    animation-fill-mode: forwards;\\n    animation-iteration-count: 1;\\n    animation-timing-function: ease-in;\\n  }\\n  .kol-tooltip__floating.hide {\\n    animation-name: hideTooltip;\\n  }\\n  .kol-tooltip__floating.show {\\n    animation-name: showTooltip;\\n  }\\n  .kol-tooltip__arrow {\\n    transform: rotate(45deg);\\n    color: black;\\n    background-color: white;\\n    position: absolute;\\n    z-index: 999;\\n    width: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\\n    height: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\\n  }\\n  .kol-tooltip__content {\\n    color: black;\\n    background-color: white;\\n    position: relative;\\n    z-index: 1000;\\n  }\\n  @keyframes hideTooltip {\\n    0% {\\n      opacity: 1;\\n    }\\n    100% {\\n      opacity: 0;\\n      display: none;\\n    }\\n  }\\n  @keyframes showTooltip {\\n    0% {\\n      opacity: 0;\\n    }\\n    100% {\\n      opacity: 1;\\n    }\\n  }\\n}\\n@layer kol-component {\\n  .kol-icon {\\n    color: inherit;\\n    display: inline-block;\\n    font-size: inherit;\\n    font-weight: inherit;\\n    line-height: inherit;\\n  }\\n  :host {\\n    display: inline-block;\\n  }\\n  .kol-link {\\n    display: flex;\\n    min-height: var(--a11y-min-size);\\n    font-style: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\\n    text-decoration-line: none;\\n  }\\n  .kol-link::before {\\n    /* Render zero-width character as first element to set the baseline correctly. */\\n    content: \\\"​\\\";\\n  }\\n  .kol-link__text {\\n    flex: 1 0 100%;\\n  }\\n  .kol-icon {\\n    color: inherit;\\n    display: inline-block;\\n    font-size: inherit;\\n    font-weight: inherit;\\n    line-height: inherit;\\n  }\\n  :host {\\n    display: inline-block;\\n  }\\n  .kol-button {\\n    display: flex;\\n    min-height: var(--a11y-min-size);\\n    font-style: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\\n    text-decoration-line: none;\\n  }\\n  .kol-button::before {\\n    /* Render zero-width character as first element to set the baseline correctly. */\\n    content: \\\"​\\\";\\n  }\\n  .kol-button__text {\\n    flex: 1 0 100%;\\n  }\\n  .kol-toolbar {\\n    display: flex;\\n    flex-wrap: wrap;\\n    align-items: center;\\n  }\\n  .kol-toolbar--orientation-vertical {\\n    flex-direction: column;\\n    align-items: stretch;\\n  }\\n  .kol-toolbar--orientation-vertical .kol-span {\\n    align-items: flex-start;\\n  }\\n  .kol-toolbar:focus-within {\\n    outline: 1px solid;\\n    outline-offset: 2px;\\n  }\\n}\";\n\nconst KolToolbar = class {\n    constructor(hostRef) {\n        registerInstance(this, hostRef);\n        this.state = {\n            _label: '',\n            _items: [],\n        };\n        this.currentIndex = 0;\n        this.indexToElement = new Map();\n        this.renderItem = (raw, index) => {\n            const element = this.normalizeItem(raw);\n            const tabIndex = index === this.currentIndex && !(element === null || element === void 0 ? void 0 : element._disabled) ? 0 : -1;\n            const props = {\n                key: index,\n                class: 'button normal kol-toolbar__item',\n                _tabIndex: tabIndex,\n                _variant: 'normal',\n            };\n            const catchRef = (el) => {\n                if (el)\n                    this.indexToElement.set(index, el);\n            };\n            return element.type === 'link' ? (h(KolLinkWcTag, Object.assign({}, props, element, { ref: catchRef }))) : (h(KolButtonWcTag, Object.assign({}, props, element, { ref: catchRef })));\n        };\n    }\n    async focus(options) {\n        const firstEnabledItem = this.indexToElement.get(this.currentIndex);\n        if (firstEnabledItem) {\n            return delegateFocus(this.host, () => setFocus(firstEnabledItem, options));\n        }\n    }\n    async click() {\n        const currentItem = this.indexToElement.get(this.currentIndex);\n        if (currentItem) {\n            return delegateClick(this.host, async () => setClick(currentItem));\n        }\n    }\n    normalizeItem(item) {\n        const { _icons, _disabled } = item, rest = __rest(item, [\"_icons\", \"_disabled\"]);\n        return Object.assign(Object.assign({}, rest), { _icons, _disabled });\n    }\n    render() {\n        return (h(\"div\", { key: '620bd0c219c8e3425d7fc04be129c7ef9e993a84', class: `kol-toolbar kol-toolbar--orientation-${this.state._orientation}`, role: \"toolbar\", \"aria-label\": this.state._label }, this.state._items.map(this.renderItem)));\n    }\n    validateLabel(value) {\n        validateLabel(this, value);\n    }\n    validateItems(value) {\n        validateToolbarItems(this, value);\n        this.indexToElement.clear();\n        this.setFirstEnabledItemIndex();\n    }\n    validateOrientation(value) {\n        validateOrientation(this, value);\n    }\n    getCurrentToolbarItem(index) {\n        return typeof index === 'number' ? this.indexToElement.get(index) : undefined;\n    }\n    setFirstEnabledItemIndex() {\n        var _a;\n        this.currentIndex = (_a = this.state._items) === null || _a === void 0 ? void 0 : _a.findIndex((item) => !item._disabled);\n    }\n    handleKeyDown(event) {\n        var _a, _b, _c, _d;\n        const pressedKey = event.code;\n        const isArrowKey = [KeyboardKey.ArrowUp, KeyboardKey.ArrowDown, KeyboardKey.ArrowRight, KeyboardKey.ArrowLeft].includes(pressedKey);\n        if (!isArrowKey)\n            return;\n        event.preventDefault();\n        const lastItemIndex = ((_b = (_a = this._items) === null || _a === void 0 ? void 0 : _a.length) !== null && _b !== void 0 ? _b : 0) - 1;\n        if (lastItemIndex < 0)\n            return;\n        const currentIndex = this.currentIndex;\n        let nextIndex = currentIndex;\n        switch (pressedKey) {\n            case KeyboardKey.ArrowUp:\n            case KeyboardKey.ArrowLeft:\n                nextIndex = currentIndex > 0 ? currentIndex - 1 : lastItemIndex;\n                break;\n            case KeyboardKey.ArrowDown:\n            case KeyboardKey.ArrowRight:\n                nextIndex = currentIndex < lastItemIndex ? currentIndex + 1 : 0;\n                break;\n        }\n        if (currentIndex === nextIndex) {\n            return;\n        }\n        if ((_d = (_c = this.state._items) === null || _c === void 0 ? void 0 : _c[nextIndex]) === null || _d === void 0 ? void 0 : _d._disabled) {\n            return;\n        }\n        this.currentIndex = nextIndex;\n        const item = this.getCurrentToolbarItem(nextIndex);\n        if (this.host) {\n            void (item === null || item === void 0 ? void 0 : item.focus());\n        }\n    }\n    handleFocusout(event) {\n        if (event.target === this.host)\n            this.setFirstEnabledItemIndex();\n    }\n    componentWillLoad() {\n        this.validateLabel(this._label);\n        this.validateItems(this._items);\n        this.validateOrientation(this._orientation);\n        this.setFirstEnabledItemIndex();\n    }\n    get host() { return getElement(this); }\n    static get watchers() { return {\n        \"_label\": [\"validateLabel\"],\n        \"_items\": [\"validateItems\"],\n        \"_orientation\": [\"validateOrientation\"]\n    }; }\n};\nKolToolbar.style = {\n    default: defaultStyleCss\n};\n\nexport { KolToolbar as kol_toolbar };\n//# sourceMappingURL=kol-toolbar.entry.js.map\n"],"mappings":"wXAYA,IAAM,GAAwB,EAAW,IAAU,CAC/C,EAA0B,MAAa,CACnC,EAAoB,MAAa,CAClB,IAAU,SACjB,EAAQ,CAAC,GAEb,GAAI,CACA,EAAQ,EAAU,CAAK,CAC3B,MACW,CACX,CACI,MAAM,QAAQ,CAAK,GAAK,EAAM,MAAO,GAAU,OAAO,GAAU,YAAY,CAAc,GAC1F,EAAS,EAAW,SAAU,CAAK,CAE3C,CAAC,CACL,CAAC,CACL,EAEM,EAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAElB,EAAa,KAAM,CACrB,YAAY,EAAS,CACjB,EAAiB,KAAM,CAAO,EAC9B,KAAK,MAAQ,CACT,OAAQ,GACR,OAAQ,CAAC,CACb,EACA,KAAK,aAAe,EACpB,KAAK,eAAiB,IAAI,IAC1B,KAAK,YAAc,EAAK,IAAU,CAC9B,IAAM,EAAU,KAAK,cAAc,CAAG,EAEhC,EAAQ,CACV,IAAK,EACL,MAAO,kCACP,UAJa,IAAU,KAAK,cAAgB,CAAE,GAA0D,UAAa,EAAI,GAKzH,SAAU,QACd,EACM,EAAY,GAAO,CACjB,GACA,KAAK,eAAe,IAAI,EAAO,CAAE,CACzC,EACA,OAAO,EAAQ,OAAS,OAAU,EAAE,EAAc,OAAO,OAAO,CAAC,EAAG,EAAO,EAAS,CAAE,IAAK,CAAS,CAAC,CAAC,EAAM,EAAE,EAAgB,OAAO,OAAO,CAAC,EAAG,EAAO,EAAS,CAAE,IAAK,CAAS,CAAC,CAAC,CACtL,CACJ,CACA,MAAM,MAAM,EAAS,CACjB,IAAM,EAAmB,KAAK,eAAe,IAAI,KAAK,YAAY,EAClE,GAAI,EACA,OAAO,EAAc,KAAK,SAAY,EAAS,EAAkB,CAAO,CAAC,CAEjF,CACA,MAAM,OAAQ,CACV,IAAM,EAAc,KAAK,eAAe,IAAI,KAAK,YAAY,EAC7D,GAAI,EACA,OAAO,EAAc,KAAK,KAAM,SAAY,EAAS,CAAW,CAAC,CAEzE,CACA,cAAc,EAAM,CAChB,GAAM,CAAE,SAAQ,aAAc,EAAM,EAAO,EAAO,EAAM,CAAC,SAAU,WAAW,CAAC,EAC/E,OAAO,OAAO,OAAO,OAAO,OAAO,CAAC,EAAG,CAAI,EAAG,CAAE,SAAQ,WAAU,CAAC,CACvE,CACA,QAAS,CACL,OAAQ,EAAE,MAAO,CAAE,IAAK,2CAA4C,MAAO,wCAAwC,KAAK,MAAM,eAAgB,KAAM,UAAW,aAAc,KAAK,MAAM,MAAO,EAAG,KAAK,MAAM,OAAO,IAAI,KAAK,UAAU,CAAC,CAC5O,CACA,cAAc,EAAO,CACjB,EAAc,KAAM,CAAK,CAC7B,CACA,cAAc,EAAO,CACjB,EAAqB,KAAM,CAAK,EAChC,KAAK,eAAe,MAAM,EAC1B,KAAK,yBAAyB,CAClC,CACA,oBAAoB,EAAO,CACvB,EAAoB,KAAM,CAAK,CACnC,CACA,sBAAsB,EAAO,CACzB,OAAO,OAAO,GAAU,SAAW,KAAK,eAAe,IAAI,CAAK,EAAI,IAAA,EACxE,CACA,0BAA2B,CAEvB,KAAK,aAAqB,KAAK,MAAM,QAAgD,UAAW,GAAS,CAAC,EAAK,SAAS,CAC5H,CACA,cAAc,EAAO,CAEjB,IAAM,EAAa,EAAM,KAEzB,GAAI,CADe,CAAC,EAAY,QAAS,EAAY,UAAW,EAAY,WAAY,EAAY,SAAS,EAAE,SAAS,CAC1G,EACV,OACJ,EAAM,eAAe,EACrB,IAAM,GAA6B,KAAK,QAAgD,QAAyC,GAAK,EACtI,GAAI,EAAgB,EAChB,OACJ,IAAM,EAAe,KAAK,aACtB,EAAY,EAChB,OAAQ,EAAR,CACI,KAAK,EAAY,QACjB,KAAK,EAAY,UACb,EAAY,EAAe,EAAI,EAAe,EAAI,EAClD,MACJ,KAAK,EAAY,UACjB,KAAK,EAAY,WACb,EAAY,EAAe,EAAgB,EAAe,EAAI,EAC9D,KACR,CAIA,GAHI,IAAiB,GAGL,KAAK,MAAM,SAAgD,IAAoD,UAC3H,OAEJ,KAAK,aAAe,EACpB,IAAM,EAAO,KAAK,sBAAsB,CAAS,EAC7C,KAAK,MACL,GAAuD,MAAM,CAErE,CACA,eAAe,EAAO,CACd,EAAM,SAAW,KAAK,MACtB,KAAK,yBAAyB,CACtC,CACA,mBAAoB,CAChB,KAAK,cAAc,KAAK,MAAM,EAC9B,KAAK,cAAc,KAAK,MAAM,EAC9B,KAAK,oBAAoB,KAAK,YAAY,EAC1C,KAAK,yBAAyB,CAClC,CACA,IAAI,MAAO,CAAE,OAAO,EAAW,IAAI,CAAG,CACtC,WAAW,UAAW,CAAE,MAAO,CAC3B,OAAU,CAAC,eAAe,EAC1B,OAAU,CAAC,eAAe,EAC1B,aAAgB,CAAC,qBAAqB,CAC1C,CAAG,CACP,EACA,EAAW,MAAQ,CACf,QAAS,CACb"}

package/app/dist/assets/{kol-tooltip-wc.entry-DfMfimAr.js → kol-tooltip-wc.entry-CQeKRbic.js}

@@ -1,2 +1,2 @@
-import{a as e,o as t,r as n,s as r}from"./index-BEIcpIbr.js";import"./isArray-CcrBs4JM-DiEJ1b3e.js";import"./_Uint8Array-kJHDjtoP-CTkgs_0o.js";import"./normalizers-iLdS6AQE-C9zKfn33.js";import"./label-BwPy2Jd4-Ckcz6Umq.js";import{t as i}from"./base-web-component-BCIMb9gN-CviiCyGl.js";import"./base-controller-CXhqh4cR-BNzx0WwK.js";import"./tslib.es6-QNbPBOk5-DpzS01Oy.js";import"./clsx-COFh-Vc8-alQuJLqj.js";import"./component-DaUkSW3u-D4PLyO52.js";import"./component-CKSOghiT-BiZ3zoDz.js";import{t as a}from"./component-BX1n4r9q-3osKTIQB.js";import"./align-floating-elements-Xqbu3THH-BUBoykAf.js";import"./align-BdqBkiyq-yjTJisYK.js";import{t as o}from"./controller-BUTW5QfH-Ccipdohy.js";var s=class{constructor(e){r(this,e),this.controller=new o(i.stateLess),this._align=`top`}validateAlign(e){var t;(t=this.controller)==null||t.watchAlign(e)}validateId(e){var t;(t=this.controller)==null||t.watchId(e)}validateLabel(e){var t;(t=this.controller)==null||t.watchLabel(e)}hideTooltip(){return Promise.resolve(this.controller?.hideTooltip())}componentWillLoad(){this.controller.componentWillLoad({label:this._label,align:this._align,badgeText:this._badgeText,id:this._id})}connectedCallback(){var e;(e=this.controller)==null||e.initContext(this.host?.previousElementSibling??void 0)}componentDidRender(){var e;this.host&&((e=this.controller)==null||e.handleEventListeners(this.host))}disconnectedCallback(){var e;(e=this.controller)==null||e.destroy()}render(){return t(n,{key:`a53a016bddcefab710ae6f44221a0e4ffe44b84a`,class:`kol-tooltip`},t(a,{key:`edd70a17cc202deae7ecbbc9b8ba9ebf63c1db6f`,label:this.controller.getRenderProp(`label`),badgeText:this._badgeText,id:this.controller.getRenderProp(`id`),refFloating:e=>this.controller?.setTooltipElementRef(e)}))}get host(){return e(this)}static get watchers(){return{_align:[`validateAlign`],_id:[`validateId`],_label:[`validateLabel`]}}};export{s as kol_tooltip_wc};
-//# sourceMappingURL=kol-tooltip-wc.entry-DfMfimAr.js.map
+import{a as e,o as t,r as n,s as r}from"./index-Bg4ZMokO.js";import"./isArray-CcrBs4JM-DiEJ1b3e.js";import"./_Uint8Array-kJHDjtoP-CTkgs_0o.js";import"./normalizers-iLdS6AQE-Bk-lQDnn.js";import"./label-BwPy2Jd4-IwAF-O3J.js";import{t as i}from"./base-web-component-BCIMb9gN-CkDhfh-k.js";import"./base-controller-CXhqh4cR-BNzx0WwK.js";import"./tslib.es6-QNbPBOk5-DpzS01Oy.js";import"./clsx-COFh-Vc8-alQuJLqj.js";import"./component-Cs0XGawJ-DC-CfENZ.js";import"./component-zND7vT6D-BVHenE0i.js";import{t as a}from"./component-BRDkSTlQ-CnY9hYd_.js";import"./align-floating-elements-Xqbu3THH-Crns677V.js";import"./align-BdqBkiyq-C6sCQbCC.js";import{t as o}from"./controller-BUTW5QfH-GcCcY2Sz.js";var s=class{constructor(e){r(this,e),this.controller=new o(i.stateLess),this._align=`top`}validateAlign(e){var t;(t=this.controller)==null||t.watchAlign(e)}validateId(e){var t;(t=this.controller)==null||t.watchId(e)}validateLabel(e){var t;(t=this.controller)==null||t.watchLabel(e)}hideTooltip(){return Promise.resolve(this.controller?.hideTooltip())}componentWillLoad(){this.controller.componentWillLoad({label:this._label,align:this._align,badgeText:this._badgeText,id:this._id})}connectedCallback(){var e;(e=this.controller)==null||e.initContext(this.host?.previousElementSibling??void 0)}componentDidRender(){var e;this.host&&((e=this.controller)==null||e.handleEventListeners(this.host))}disconnectedCallback(){var e;(e=this.controller)==null||e.destroy()}render(){return t(n,{key:`a53a016bddcefab710ae6f44221a0e4ffe44b84a`,class:`kol-tooltip`},t(a,{key:`edd70a17cc202deae7ecbbc9b8ba9ebf63c1db6f`,label:this.controller.getRenderProp(`label`),badgeText:this._badgeText,id:this.controller.getRenderProp(`id`),refFloating:e=>this.controller?.setTooltipElementRef(e)}))}get host(){return e(this)}static get watchers(){return{_align:[`validateAlign`],_id:[`validateId`],_label:[`validateLabel`]}}};export{s as kol_tooltip_wc};
+//# sourceMappingURL=kol-tooltip-wc.entry-CQeKRbic.js.map

package/app/dist/assets/{kol-tooltip-wc.entry-DfMfimAr.js.map → kol-tooltip-wc.entry-CQeKRbic.js.map}

@@ -1 +1 @@
-{"version":3,"file":"kol-tooltip-wc.entry-DfMfimAr.js","names":[],"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-CfYfRjdO.js';\nimport { B as BaseWebComponent } from './base-web-component-BCIMb9gN.js';\nimport { T as TooltipFC } from './component-BX1n4r9q.js';\nimport { T as TooltipController } from './controller-BUTW5QfH.js';\nimport './common-Cbb6Axov.js';\nimport './normalizers-iLdS6AQE.js';\nimport './_Uint8Array-kJHDjtoP.js';\nimport './isArray-CcrBs4JM.js';\nimport './component-CKSOghiT.js';\nimport './tslib.es6-QNbPBOk5.js';\nimport './bem-registry-BRfTMZf0.js';\nimport './clsx-COFh-Vc8.js';\nimport './component-DaUkSW3u.js';\nimport './align-floating-elements-Xqbu3THH.js';\nimport './tooltip-open-tracking-D3tCiiGP.js';\nimport './align-BdqBkiyq.js';\nimport './label-BwPy2Jd4.js';\nimport './base-controller-CXhqh4cR.js';\n\nconst KolTooltipWc = class {\n    constructor(hostRef) {\n        registerInstance(this, hostRef);\n        this.controller = new TooltipController(BaseWebComponent.stateLess);\n        this._align = 'top';\n    }\n    validateAlign(value) {\n        var _a;\n        (_a = this.controller) === null || _a === void 0 ? void 0 : _a.watchAlign(value);\n    }\n    validateId(value) {\n        var _a;\n        (_a = this.controller) === null || _a === void 0 ? void 0 : _a.watchId(value);\n    }\n    validateLabel(value) {\n        var _a;\n        (_a = this.controller) === null || _a === void 0 ? void 0 : _a.watchLabel(value);\n    }\n    hideTooltip() {\n        var _a;\n        return Promise.resolve((_a = this.controller) === null || _a === void 0 ? void 0 : _a.hideTooltip());\n    }\n    componentWillLoad() {\n        this.controller.componentWillLoad({\n            label: this._label,\n            align: this._align,\n            badgeText: this._badgeText,\n            id: this._id,\n        });\n    }\n    connectedCallback() {\n        var _a, _b, _c;\n        (_a = this.controller) === null || _a === void 0 ? void 0 : _a.initContext(((_c = (_b = this.host) === null || _b === void 0 ? void 0 : _b.previousElementSibling) !== null && _c !== void 0 ? _c : undefined));\n    }\n    componentDidRender() {\n        var _a;\n        if (this.host) {\n            (_a = this.controller) === null || _a === void 0 ? void 0 : _a.handleEventListeners(this.host);\n        }\n    }\n    disconnectedCallback() {\n        var _a;\n        (_a = this.controller) === null || _a === void 0 ? void 0 : _a.destroy();\n    }\n    render() {\n        return (h(Host, { key: 'a53a016bddcefab710ae6f44221a0e4ffe44b84a', class: \"kol-tooltip\" }, h(TooltipFC, { key: 'edd70a17cc202deae7ecbbc9b8ba9ebf63c1db6f', label: this.controller.getRenderProp('label'), badgeText: this._badgeText, id: this.controller.getRenderProp('id'), refFloating: (el) => { var _a; return (_a = this.controller) === null || _a === void 0 ? void 0 : _a.setTooltipElementRef(el); } })));\n    }\n    get host() { return getElement(this); }\n    static get watchers() { return {\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"],"mappings":"krBAsBA,IAAM,EAAe,KAAM,CACvB,YAAY,EAAS,CACjB,EAAiB,KAAM,CAAO,EAC9B,KAAK,WAAa,IAAI,EAAkB,EAAiB,SAAS,EAClE,KAAK,OAAS,KAClB,CACA,cAAc,EAAO,CACjB,IAAI,GACH,EAAK,KAAK,aAAgB,MAAiC,EAAG,WAAW,CAAK,CACnF,CACA,WAAW,EAAO,CACd,IAAI,GACH,EAAK,KAAK,aAAgB,MAAiC,EAAG,QAAQ,CAAK,CAChF,CACA,cAAc,EAAO,CACjB,IAAI,GACH,EAAK,KAAK,aAAgB,MAAiC,EAAG,WAAW,CAAK,CACnF,CACA,aAAc,CAEV,OAAO,QAAQ,QAAc,KAAK,YAAoD,YAAY,CAAC,CACvG,CACA,mBAAoB,CAChB,KAAK,WAAW,kBAAkB,CAC9B,MAAO,KAAK,OACZ,MAAO,KAAK,OACZ,UAAW,KAAK,WAChB,GAAI,KAAK,GACb,CAAC,CACL,CACA,mBAAoB,CAChB,IAAI,GACH,EAAK,KAAK,aAAgB,MAAiC,EAAG,YAAyB,KAAK,MAA8C,wBAAyD,IAAA,EAAU,CAClN,CACA,oBAAqB,CACjB,IAAI,EACA,KAAK,QACJ,EAAK,KAAK,aAAgB,MAAiC,EAAG,qBAAqB,KAAK,IAAI,EAErG,CACA,sBAAuB,CACnB,IAAI,GACH,EAAK,KAAK,aAAgB,MAAiC,EAAG,QAAQ,CAC3E,CACA,QAAS,CACL,OAAQ,EAAE,EAAM,CAAE,IAAK,2CAA4C,MAAO,aAAc,EAAG,EAAE,EAAW,CAAE,IAAK,2CAA4C,MAAO,KAAK,WAAW,cAAc,OAAO,EAAG,UAAW,KAAK,WAAY,GAAI,KAAK,WAAW,cAAc,IAAI,EAAG,YAAc,GAA8B,KAAK,YAAoD,qBAAqB,CAAE,CAAK,CAAC,CAAC,CACtZ,CACA,IAAI,MAAO,CAAE,OAAO,EAAW,IAAI,CAAG,CACtC,WAAW,UAAW,CAAE,MAAO,CAC3B,OAAU,CAAC,eAAe,EAC1B,IAAO,CAAC,YAAY,EACpB,OAAU,CAAC,eAAe,CAC9B,CAAG,CACP"}
+{"version":3,"file":"kol-tooltip-wc.entry-CQeKRbic.js","names":[],"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-Dabxza7-.js';\nimport { B as BaseWebComponent } from './base-web-component-BCIMb9gN.js';\nimport { T as TooltipFC } from './component-BRDkSTlQ.js';\nimport { T as TooltipController } from './controller-BUTW5QfH.js';\nimport './common-Cbb6Axov.js';\nimport './normalizers-iLdS6AQE.js';\nimport './_Uint8Array-kJHDjtoP.js';\nimport './isArray-CcrBs4JM.js';\nimport './component-zND7vT6D.js';\nimport './tslib.es6-QNbPBOk5.js';\nimport './bem-registry-BRfTMZf0.js';\nimport './clsx-COFh-Vc8.js';\nimport './component-Cs0XGawJ.js';\nimport './align-floating-elements-Xqbu3THH.js';\nimport './tooltip-open-tracking-D3tCiiGP.js';\nimport './align-BdqBkiyq.js';\nimport './label-BwPy2Jd4.js';\nimport './base-controller-CXhqh4cR.js';\n\nconst KolTooltipWc = class {\n    constructor(hostRef) {\n        registerInstance(this, hostRef);\n        this.controller = new TooltipController(BaseWebComponent.stateLess);\n        this._align = 'top';\n    }\n    validateAlign(value) {\n        var _a;\n        (_a = this.controller) === null || _a === void 0 ? void 0 : _a.watchAlign(value);\n    }\n    validateId(value) {\n        var _a;\n        (_a = this.controller) === null || _a === void 0 ? void 0 : _a.watchId(value);\n    }\n    validateLabel(value) {\n        var _a;\n        (_a = this.controller) === null || _a === void 0 ? void 0 : _a.watchLabel(value);\n    }\n    hideTooltip() {\n        var _a;\n        return Promise.resolve((_a = this.controller) === null || _a === void 0 ? void 0 : _a.hideTooltip());\n    }\n    componentWillLoad() {\n        this.controller.componentWillLoad({\n            label: this._label,\n            align: this._align,\n            badgeText: this._badgeText,\n            id: this._id,\n        });\n    }\n    connectedCallback() {\n        var _a, _b, _c;\n        (_a = this.controller) === null || _a === void 0 ? void 0 : _a.initContext(((_c = (_b = this.host) === null || _b === void 0 ? void 0 : _b.previousElementSibling) !== null && _c !== void 0 ? _c : undefined));\n    }\n    componentDidRender() {\n        var _a;\n        if (this.host) {\n            (_a = this.controller) === null || _a === void 0 ? void 0 : _a.handleEventListeners(this.host);\n        }\n    }\n    disconnectedCallback() {\n        var _a;\n        (_a = this.controller) === null || _a === void 0 ? void 0 : _a.destroy();\n    }\n    render() {\n        return (h(Host, { key: 'a53a016bddcefab710ae6f44221a0e4ffe44b84a', class: \"kol-tooltip\" }, h(TooltipFC, { key: 'edd70a17cc202deae7ecbbc9b8ba9ebf63c1db6f', label: this.controller.getRenderProp('label'), badgeText: this._badgeText, id: this.controller.getRenderProp('id'), refFloating: (el) => { var _a; return (_a = this.controller) === null || _a === void 0 ? void 0 : _a.setTooltipElementRef(el); } })));\n    }\n    get host() { return getElement(this); }\n    static get watchers() { return {\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"],"mappings":"krBAsBA,IAAM,EAAe,KAAM,CACvB,YAAY,EAAS,CACjB,EAAiB,KAAM,CAAO,EAC9B,KAAK,WAAa,IAAI,EAAkB,EAAiB,SAAS,EAClE,KAAK,OAAS,KAClB,CACA,cAAc,EAAO,CACjB,IAAI,GACH,EAAK,KAAK,aAAgB,MAAiC,EAAG,WAAW,CAAK,CACnF,CACA,WAAW,EAAO,CACd,IAAI,GACH,EAAK,KAAK,aAAgB,MAAiC,EAAG,QAAQ,CAAK,CAChF,CACA,cAAc,EAAO,CACjB,IAAI,GACH,EAAK,KAAK,aAAgB,MAAiC,EAAG,WAAW,CAAK,CACnF,CACA,aAAc,CAEV,OAAO,QAAQ,QAAc,KAAK,YAAoD,YAAY,CAAC,CACvG,CACA,mBAAoB,CAChB,KAAK,WAAW,kBAAkB,CAC9B,MAAO,KAAK,OACZ,MAAO,KAAK,OACZ,UAAW,KAAK,WAChB,GAAI,KAAK,GACb,CAAC,CACL,CACA,mBAAoB,CAChB,IAAI,GACH,EAAK,KAAK,aAAgB,MAAiC,EAAG,YAAyB,KAAK,MAA8C,wBAAyD,IAAA,EAAU,CAClN,CACA,oBAAqB,CACjB,IAAI,EACA,KAAK,QACJ,EAAK,KAAK,aAAgB,MAAiC,EAAG,qBAAqB,KAAK,IAAI,EAErG,CACA,sBAAuB,CACnB,IAAI,GACH,EAAK,KAAK,aAAgB,MAAiC,EAAG,QAAQ,CAC3E,CACA,QAAS,CACL,OAAQ,EAAE,EAAM,CAAE,IAAK,2CAA4C,MAAO,aAAc,EAAG,EAAE,EAAW,CAAE,IAAK,2CAA4C,MAAO,KAAK,WAAW,cAAc,OAAO,EAAG,UAAW,KAAK,WAAY,GAAI,KAAK,WAAW,cAAc,IAAI,EAAG,YAAc,GAA8B,KAAK,YAAoD,qBAAqB,CAAE,CAAK,CAAC,CAAC,CACtZ,CACA,IAAI,MAAO,CAAE,OAAO,EAAW,IAAI,CAAG,CACtC,WAAW,UAAW,CAAE,MAAO,CAC3B,OAAU,CAAC,eAAe,EAC1B,IAAO,CAAC,YAAY,EACpB,OAAU,CAAC,eAAe,CAC9B,CAAG,CACP"}

package/app/dist/assets/{kol-tree-item-wc.entry-DAhF9-x3.js → kol-tree-item-wc.entry-DlDteEd0.js}

@@ -1,2 +1,2 @@
-import{I as e,O as t,Ot as n,a as r,o as i,r as a,s as o}from"./index-BEIcpIbr.js";import{n as s}from"./dev.utils-CBuLoTMV-xmZMRaFA.js";import"./tslib.es6-QNbPBOk5-DpzS01Oy.js";import{t as c}from"./clsx-COFh-Vc8-alQuJLqj.js";import{t as l}from"./component-DaUkSW3u-D4PLyO52.js";import{r as u}from"./label-We78Dt9U-Cj1PFfHw.js";import{t as d}from"./open-DJPD9Hvv-B-rVtbNr.js";import{t as f}from"./href-CepakdI3-BiDtMwhg.js";var p=(e,t,r)=>{n(e,`_active`,t,r)},m=class{constructor(e){o(this,e),this.groupId=s(`tree-group`),this.state={_active:!1,_hasChildren:!1,_href:``,_label:``,_open:!1}}render(){let{_href:e,_active:n,_hasChildren:r,_open:o,_label:s}=this.state;return i(a,{key:`033b9e4fa4869b03c27a23e26d682040f8d15029`,onSlotchange:this.handleSlotchange.bind(this)},i(`li`,{key:`4627c891d1bd05d9b0d4151b54e90a3efe38b37b`,class:`kol-tree-item`,style:{"--level":`${this.level}`}},i(t,{key:`aef7f99136e1edd49155ca2520d0c036159cfdf2`,class:c(`kol-tree-item__link`,{"kol-tree-item__link--first-level":this.level===0,"kol-tree-item__link--active":n}),_href:e,_label:``,_role:`treeitem`,_tabIndex:n?0:-1,_ariaExpanded:r?o:void 0,_ariaOwns:r?this.groupId:void 0,ref:e=>this.linkElement=e},i(`span`,{key:`f2fc1f85b52708c6792283a59d29954b6f4622ca`,class:`kol-tree-item__link-inner`,slot:`expert`},r?i(`span`,{class:`kol-tree-item__toggle-button`,onClick:e=>o?void this.handleCollapseClick(e):void this.handleExpandClick(e)},i(l,{class:`kol-tree-item__toggle-button-icon`,icons:`kolicon kolicon-${o?`chevron-down`:`chevron-right`}`,label:``})):i(`span`,{class:`kol-tree-item__toggle-button-placeholder`}),i(`span`,{key:`83cdee0ee9ff9ddff20e4d1ad9714ad80c1c6eb3`,class:`kol-tree-item__text`},s))),i(`ul`,{key:`dde87b4cbbab2833af27a1530842561fd376bd63`,class:`kol-tree-item__children`,hidden:!r||!o,role:`group`,id:this.groupId},i(`slot`,{key:`36e347147c5c8a8f733a9aa8076d05d84f08c26b`}))))}validateActive(e){p(this,e||!1)}validateLabel(e){u(this,e)}validateOpen(e){d(this,e)}validateHref(e){f(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 t=0,n=(this.host?.parentNode)?.host.parentNode;for(;n!==null&&n.tagName.toLowerCase()!==e&&n!==document.body;)n=n.parentElement,t+=1;this.level=t}handleSlotchange(){this.checkForChildren()}checkForChildren(){var e;this.state=Object.assign(Object.assign({},this.state),{_hasChildren:!!((e=this.host?.querySelector(`slot`))?.assignedElements)?.call(e).length})}getTreeParent(){let t=this.host;for(;t;){let n=t.closest(e);if(n)return n.shadowRoot?.querySelector(`kol-tree-wc`)||void 0;let r=t.getRootNode()?.host;if(!r||r===document.body)break;t=r.parentElement}}async focus(e){if(this.host&&this.linkElement)return this.linkElement.focus(e)}async handleExpandClick(e){e.preventDefault(),this.host&&this.linkElement&&await this.linkElement.focus(),await this.expand()}async expand(){var e,t;this.state._hasChildren&&(this.state=Object.assign(Object.assign({},this.state),{_open:!0}),(t=(e=this.getTreeParent())?.invalidateOpenItemsCache)==null||t.call(e))}async handleCollapseClick(e){e.preventDefault(),this.host&&this.linkElement&&await this.linkElement.focus(),await this.collapse()}async collapse(){var e,t;this.state._hasChildren&&(this.state=Object.assign(Object.assign({},this.state),{_open:!1}),(t=(e=this.getTreeParent())?.invalidateOpenItemsCache)==null||t.call(e))}async isOpen(){return this.state._open??!1}get host(){return r(this)}static get watchers(){return{_active:[`validateActive`],_label:[`validateLabel`],_open:[`validateOpen`],_href:[`validateHref`]}}};export{m as kol_tree_item_wc};
-//# sourceMappingURL=kol-tree-item-wc.entry-DAhF9-x3.js.map
+import{I as e,O as t,Ot as n,a as r,o as i,r as a,s as o}from"./index-Bg4ZMokO.js";import{n as s}from"./dev.utils-JsUkUKLF-nbzw6cDE.js";import"./tslib.es6-QNbPBOk5-DpzS01Oy.js";import{t as c}from"./clsx-COFh-Vc8-alQuJLqj.js";import{t as l}from"./component-Cs0XGawJ-DC-CfENZ.js";import{r as u}from"./label-We78Dt9U-D1VhEUwo.js";import{t as d}from"./open-DJPD9Hvv-WOmGWr3z.js";import{t as f}from"./href-CepakdI3-BtAyWpCT.js";var p=(e,t,r)=>{n(e,`_active`,t,r)},m=class{constructor(e){o(this,e),this.groupId=s(`tree-group`),this.state={_active:!1,_hasChildren:!1,_href:``,_label:``,_open:!1}}render(){let{_href:e,_active:n,_hasChildren:r,_open:o,_label:s}=this.state;return i(a,{key:`033b9e4fa4869b03c27a23e26d682040f8d15029`,onSlotchange:this.handleSlotchange.bind(this)},i(`li`,{key:`4627c891d1bd05d9b0d4151b54e90a3efe38b37b`,class:`kol-tree-item`,style:{"--level":`${this.level}`}},i(t,{key:`aef7f99136e1edd49155ca2520d0c036159cfdf2`,class:c(`kol-tree-item__link`,{"kol-tree-item__link--first-level":this.level===0,"kol-tree-item__link--active":n}),_href:e,_label:``,_role:`treeitem`,_tabIndex:n?0:-1,_ariaExpanded:r?o:void 0,_ariaOwns:r?this.groupId:void 0,ref:e=>this.linkElement=e},i(`span`,{key:`f2fc1f85b52708c6792283a59d29954b6f4622ca`,class:`kol-tree-item__link-inner`,slot:`expert`},r?i(`span`,{class:`kol-tree-item__toggle-button`,onClick:e=>o?void this.handleCollapseClick(e):void this.handleExpandClick(e)},i(l,{class:`kol-tree-item__toggle-button-icon`,icons:`kolicon kolicon-${o?`chevron-down`:`chevron-right`}`,label:``})):i(`span`,{class:`kol-tree-item__toggle-button-placeholder`}),i(`span`,{key:`83cdee0ee9ff9ddff20e4d1ad9714ad80c1c6eb3`,class:`kol-tree-item__text`},s))),i(`ul`,{key:`dde87b4cbbab2833af27a1530842561fd376bd63`,class:`kol-tree-item__children`,hidden:!r||!o,role:`group`,id:this.groupId},i(`slot`,{key:`36e347147c5c8a8f733a9aa8076d05d84f08c26b`}))))}validateActive(e){p(this,e||!1)}validateLabel(e){u(this,e)}validateOpen(e){d(this,e)}validateHref(e){f(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 t=0,n=(this.host?.parentNode)?.host.parentNode;for(;n!==null&&n.tagName.toLowerCase()!==e&&n!==document.body;)n=n.parentElement,t+=1;this.level=t}handleSlotchange(){this.checkForChildren()}checkForChildren(){var e;this.state=Object.assign(Object.assign({},this.state),{_hasChildren:!!((e=this.host?.querySelector(`slot`))?.assignedElements)?.call(e).length})}getTreeParent(){let t=this.host;for(;t;){let n=t.closest(e);if(n)return n.shadowRoot?.querySelector(`kol-tree-wc`)||void 0;let r=t.getRootNode()?.host;if(!r||r===document.body)break;t=r.parentElement}}async focus(e){if(this.host&&this.linkElement)return this.linkElement.focus(e)}async handleExpandClick(e){e.preventDefault(),this.host&&this.linkElement&&await this.linkElement.focus(),await this.expand()}async expand(){var e,t;this.state._hasChildren&&(this.state=Object.assign(Object.assign({},this.state),{_open:!0}),(t=(e=this.getTreeParent())?.invalidateOpenItemsCache)==null||t.call(e))}async handleCollapseClick(e){e.preventDefault(),this.host&&this.linkElement&&await this.linkElement.focus(),await this.collapse()}async collapse(){var e,t;this.state._hasChildren&&(this.state=Object.assign(Object.assign({},this.state),{_open:!1}),(t=(e=this.getTreeParent())?.invalidateOpenItemsCache)==null||t.call(e))}async isOpen(){return this.state._open??!1}get host(){return r(this)}static get watchers(){return{_active:[`validateActive`],_label:[`validateLabel`],_open:[`validateOpen`],_href:[`validateHref`]}}};export{m as kol_tree_item_wc};
+//# sourceMappingURL=kol-tree-item-wc.entry-DlDteEd0.js.map

package/app/dist/assets/{kol-tree-item-wc.entry-DAhF9-x3.js.map → kol-tree-item-wc.entry-DlDteEd0.js.map}

@@ -1 +1 @@
-{"version":3,"file":"kol-tree-item-wc.entry-DAhF9-x3.js","names":[],"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-CfYfRjdO.js';\nimport { c as KolLinkWcTag, u as KolTreeTag } from './component-names-Dy77vq43.js';\nimport { I as IconFC } from './component-DaUkSW3u.js';\nimport { e as watchBoolean } from './common-Cbb6Axov.js';\nimport { v as validateHref } from './href-CepakdI3.js';\nimport { v as validateLabel } from './label-We78Dt9U.js';\nimport { v as validateOpen } from './open-DJPD9Hvv.js';\nimport { c as clsx } from './clsx-COFh-Vc8.js';\nimport { c as createUniqueId } from './dev.utils-CBuLoTMV.js';\nimport './tslib.es6-QNbPBOk5.js';\nimport './bem-registry-BRfTMZf0.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 = createUniqueId('tree-group');\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: '033b9e4fa4869b03c27a23e26d682040f8d15029', onSlotchange: this.handleSlotchange.bind(this) }, h(\"li\", { key: '4627c891d1bd05d9b0d4151b54e90a3efe38b37b', class: \"kol-tree-item\", style: {\n                '--level': `${this.level}`,\n            } }, h(KolLinkWcTag, { key: 'aef7f99136e1edd49155ca2520d0c036159cfdf2', 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: 'f2fc1f85b52708c6792283a59d29954b6f4622ca', 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(IconFC, { class: \"kol-tree-item__toggle-button-icon\", icons: `kolicon kolicon-${_open ? 'chevron-down' : 'chevron-right'}`, label: '' }))) : (h(\"span\", { class: \"kol-tree-item__toggle-button-placeholder\" })), h(\"span\", { key: '83cdee0ee9ff9ddff20e4d1ad9714ad80c1c6eb3', class: \"kol-tree-item__text\" }, _label))), h(\"ul\", { key: 'dde87b4cbbab2833af27a1530842561fd376bd63', class: \"kol-tree-item__children\", hidden: !_hasChildren || !_open, role: \"group\", id: this.groupId }, h(\"slot\", { key: '36e347147c5c8a8f733a9aa8076d05d84f08c26b' })))));\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        var _a, _b;\n        let level = 0;\n        let traverseItem = (_b = (_a = this.host) === null || _a === void 0 ? void 0 : _a.parentNode) === null || _b === void 0 ? void 0 : _b.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, _c;\n        this.state = Object.assign(Object.assign({}, this.state), { _hasChildren: Boolean((_c = (_b = (_a = this.host) === null || _a === void 0 ? void 0 : _a.querySelector('slot')) === null || _b === void 0 ? void 0 : _b.assignedElements) === null || _c === void 0 ? void 0 : _c.call(_b).length) });\n    }\n    getTreeParent() {\n        var _a, _b;\n        let element = this.host;\n        while (element) {\n            const parent = element.closest(KolTreeTag);\n            if (parent) {\n                const treeWc = (_a = parent.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('kol-tree-wc');\n                if (treeWc) {\n                    return treeWc;\n                }\n                return undefined;\n            }\n            const shadowHost = (_b = element.getRootNode()) === null || _b === void 0 ? void 0 : _b.host;\n            if (!shadowHost || shadowHost === document.body) {\n                break;\n            }\n            element = shadowHost.parentElement;\n        }\n        return undefined;\n    }\n    async focus(options) {\n        if (this.host && this.linkElement) {\n            return this.linkElement.focus(options);\n        }\n    }\n    async handleExpandClick(event) {\n        event.preventDefault();\n        if (this.host && this.linkElement) {\n            await this.linkElement.focus();\n        }\n        await this.expand();\n    }\n    async expand() {\n        var _a, _b;\n        if (this.state._hasChildren) {\n            this.state = Object.assign(Object.assign({}, this.state), { _open: true });\n            void ((_b = (_a = this.getTreeParent()) === null || _a === void 0 ? void 0 : _a.invalidateOpenItemsCache) === null || _b === void 0 ? void 0 : _b.call(_a));\n        }\n    }\n    async handleCollapseClick(event) {\n        event.preventDefault();\n        if (this.host && this.linkElement) {\n            await this.linkElement.focus();\n        }\n        await this.collapse();\n    }\n    async collapse() {\n        var _a, _b;\n        if (this.state._hasChildren) {\n            this.state = Object.assign(Object.assign({}, this.state), { _open: false });\n            void ((_b = (_a = this.getTreeParent()) === null || _a === void 0 ? void 0 : _a.invalidateOpenItemsCache) === null || _b === void 0 ? void 0 : _b.call(_a));\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"],"mappings":"uaAeA,IAAM,GAAkB,EAAW,EAAO,IAAY,CAClD,EAAa,EAAW,UAAW,EAAO,CAAO,CACrD,EAEM,EAAgB,KAAM,CACxB,YAAY,EAAS,CACjB,EAAiB,KAAM,CAAO,EAC9B,KAAK,QAAU,EAAe,YAAY,EAC1C,KAAK,MAAQ,CACT,QAAS,GACT,aAAc,GACd,MAAO,GACP,OAAQ,GACR,MAAO,EACX,CACJ,CACA,QAAS,CACL,GAAM,CAAE,QAAO,UAAS,eAAc,QAAO,UAAW,KAAK,MAC7D,OAAQ,EAAE,EAAM,CAAE,IAAK,2CAA4C,aAAc,KAAK,iBAAiB,KAAK,IAAI,CAAE,EAAG,EAAE,KAAM,CAAE,IAAK,2CAA4C,MAAO,gBAAiB,MAAO,CACvM,UAAW,GAAG,KAAK,OACvB,CAAE,EAAG,EAAE,EAAc,CAAE,IAAK,2CAA4C,MAAO,EAAK,sBAAuB,CACvG,mCAAoC,KAAK,QAAU,EACnD,8BAA+B,CACnC,CAAC,EAAU,QAAO,OAAQ,GAAI,MAAO,WAAY,UAAW,EAAU,EAAI,GAAI,cAAe,EAAe,EAAQ,IAAA,GAAW,UAAW,EAAe,KAAK,QAAU,IAAA,GAAW,IAAM,GAAa,KAAK,YAAc,CAAS,EAAG,EAAE,OAAQ,CAAE,IAAK,2CAA4C,MAAO,4BAA6B,KAAM,QAAS,EAAG,EAAgB,EAAE,OAAQ,CAAE,MAAO,+BAAgC,QAAU,GAAW,EAAQ,KAAK,KAAK,oBAAoB,CAAK,EAAI,KAAK,KAAK,kBAAkB,CAAK,CAAG,EAAG,EAAE,EAAQ,CAAE,MAAO,oCAAqC,MAAO,mBAAmB,EAAQ,eAAiB,kBAAmB,MAAO,EAAG,CAAC,CAAC,EAAM,EAAE,OAAQ,CAAE,MAAO,0CAA2C,CAAC,EAAI,EAAE,OAAQ,CAAE,IAAK,2CAA4C,MAAO,qBAAsB,EAAG,CAAM,CAAC,CAAC,EAAG,EAAE,KAAM,CAAE,IAAK,2CAA4C,MAAO,0BAA2B,OAAQ,CAAC,GAAgB,CAAC,EAAO,KAAM,QAAS,GAAI,KAAK,OAAQ,EAAG,EAAE,OAAQ,CAAE,IAAK,0CAA2C,CAAC,CAAC,CAAC,CAAC,CAC1iC,CACA,eAAe,EAAO,CAClB,EAAe,KAAM,GAAS,EAAK,CACvC,CACA,cAAc,EAAO,CACjB,EAAc,KAAM,CAAK,CAC7B,CACA,aAAa,EAAO,CAChB,EAAa,KAAM,CAAK,CAC5B,CACA,aAAa,EAAO,CAChB,EAAa,KAAM,CAAK,CAC5B,CACA,mBAAoB,CAChB,KAAK,eAAe,KAAK,OAAO,EAChC,KAAK,cAAc,KAAK,MAAM,EAC9B,KAAK,aAAa,KAAK,KAAK,EAC5B,KAAK,aAAa,KAAK,KAAK,EAC5B,KAAK,iBAAiB,EACtB,KAAK,uBAAuB,CAChC,CACA,wBAAyB,CAErB,IAAI,EAAQ,EACR,GAA2B,KAAK,MAA8C,aAAoD,KAAK,WAC3I,KAAO,IAAiB,MAAQ,EAAa,QAAQ,YAAY,IAAM,GAAc,IAAiB,SAAS,MAC3G,EAAe,EAAa,cAC5B,GAAS,EAEb,KAAK,MAAQ,CACjB,CACA,kBAAmB,CACf,KAAK,iBAAiB,CAC1B,CACA,kBAAmB,CACf,IAAQ,EACR,KAAK,MAAQ,OAAO,OAAO,OAAO,OAAO,CAAC,EAAG,KAAK,KAAK,EAAG,CAAE,aAAc,IAAe,EAAW,KAAK,MAA8C,cAAc,MAAM,IAA2C,mBAA0D,KAAK,CAAE,EAAE,MAAQ,CAAC,CACtS,CACA,eAAgB,CAEZ,IAAI,EAAU,KAAK,KACnB,KAAO,GAAS,CACZ,IAAM,EAAS,EAAQ,QAAQ,CAAU,EACzC,GAAI,EAKA,OAJqB,EAAO,YAAoD,cAAc,aAAa,GAI3G,OAEJ,IAAM,EAAmB,EAAQ,YAAY,GAA2C,KACxF,GAAI,CAAC,GAAc,IAAe,SAAS,KACvC,MAEJ,EAAU,EAAW,aACzB,CAEJ,CACA,MAAM,MAAM,EAAS,CACjB,GAAI,KAAK,MAAQ,KAAK,YAClB,OAAO,KAAK,YAAY,MAAM,CAAO,CAE7C,CACA,MAAM,kBAAkB,EAAO,CAC3B,EAAM,eAAe,EACjB,KAAK,MAAQ,KAAK,aAClB,MAAM,KAAK,YAAY,MAAM,EAEjC,MAAM,KAAK,OAAO,CACtB,CACA,MAAM,QAAS,CACX,IAAI,EAAI,EACJ,KAAK,MAAM,eACX,KAAK,MAAQ,OAAO,OAAO,OAAO,OAAO,CAAC,EAAG,KAAK,KAAK,EAAG,CAAE,MAAO,EAAK,CAAC,GAClE,GAAM,EAAK,KAAK,cAAc,IAA2C,2BAA8B,MAAiC,EAAG,KAAK,CAAE,EAEjK,CACA,MAAM,oBAAoB,EAAO,CAC7B,EAAM,eAAe,EACjB,KAAK,MAAQ,KAAK,aAClB,MAAM,KAAK,YAAY,MAAM,EAEjC,MAAM,KAAK,SAAS,CACxB,CACA,MAAM,UAAW,CACb,IAAI,EAAI,EACJ,KAAK,MAAM,eACX,KAAK,MAAQ,OAAO,OAAO,OAAO,OAAO,CAAC,EAAG,KAAK,KAAK,EAAG,CAAE,MAAO,EAAM,CAAC,GACnE,GAAM,EAAK,KAAK,cAAc,IAA2C,2BAA8B,MAAiC,EAAG,KAAK,CAAE,EAEjK,CACA,MAAM,QAAS,CAEX,OAAa,KAAK,MAAM,OAAwC,EACpE,CACA,IAAI,MAAO,CAAE,OAAO,EAAW,IAAI,CAAG,CACtC,WAAW,UAAW,CAAE,MAAO,CAC3B,QAAW,CAAC,gBAAgB,EAC5B,OAAU,CAAC,eAAe,EAC1B,MAAS,CAAC,cAAc,EACxB,MAAS,CAAC,cAAc,CAC5B,CAAG,CACP"}
+{"version":3,"file":"kol-tree-item-wc.entry-DlDteEd0.js","names":[],"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-Dabxza7-.js';\nimport { c as KolLinkWcTag, u as KolTreeTag } from './component-names-Dy77vq43.js';\nimport { I as IconFC } from './component-Cs0XGawJ.js';\nimport { e as watchBoolean } from './common-Cbb6Axov.js';\nimport { v as validateHref } from './href-CepakdI3.js';\nimport { v as validateLabel } from './label-We78Dt9U.js';\nimport { v as validateOpen } from './open-DJPD9Hvv.js';\nimport { c as clsx } from './clsx-COFh-Vc8.js';\nimport { c as createUniqueId } from './dev.utils-JsUkUKLF.js';\nimport './tslib.es6-QNbPBOk5.js';\nimport './bem-registry-BRfTMZf0.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 = createUniqueId('tree-group');\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: '033b9e4fa4869b03c27a23e26d682040f8d15029', onSlotchange: this.handleSlotchange.bind(this) }, h(\"li\", { key: '4627c891d1bd05d9b0d4151b54e90a3efe38b37b', class: \"kol-tree-item\", style: {\n                '--level': `${this.level}`,\n            } }, h(KolLinkWcTag, { key: 'aef7f99136e1edd49155ca2520d0c036159cfdf2', 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: 'f2fc1f85b52708c6792283a59d29954b6f4622ca', 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(IconFC, { class: \"kol-tree-item__toggle-button-icon\", icons: `kolicon kolicon-${_open ? 'chevron-down' : 'chevron-right'}`, label: '' }))) : (h(\"span\", { class: \"kol-tree-item__toggle-button-placeholder\" })), h(\"span\", { key: '83cdee0ee9ff9ddff20e4d1ad9714ad80c1c6eb3', class: \"kol-tree-item__text\" }, _label))), h(\"ul\", { key: 'dde87b4cbbab2833af27a1530842561fd376bd63', class: \"kol-tree-item__children\", hidden: !_hasChildren || !_open, role: \"group\", id: this.groupId }, h(\"slot\", { key: '36e347147c5c8a8f733a9aa8076d05d84f08c26b' })))));\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        var _a, _b;\n        let level = 0;\n        let traverseItem = (_b = (_a = this.host) === null || _a === void 0 ? void 0 : _a.parentNode) === null || _b === void 0 ? void 0 : _b.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, _c;\n        this.state = Object.assign(Object.assign({}, this.state), { _hasChildren: Boolean((_c = (_b = (_a = this.host) === null || _a === void 0 ? void 0 : _a.querySelector('slot')) === null || _b === void 0 ? void 0 : _b.assignedElements) === null || _c === void 0 ? void 0 : _c.call(_b).length) });\n    }\n    getTreeParent() {\n        var _a, _b;\n        let element = this.host;\n        while (element) {\n            const parent = element.closest(KolTreeTag);\n            if (parent) {\n                const treeWc = (_a = parent.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('kol-tree-wc');\n                if (treeWc) {\n                    return treeWc;\n                }\n                return undefined;\n            }\n            const shadowHost = (_b = element.getRootNode()) === null || _b === void 0 ? void 0 : _b.host;\n            if (!shadowHost || shadowHost === document.body) {\n                break;\n            }\n            element = shadowHost.parentElement;\n        }\n        return undefined;\n    }\n    async focus(options) {\n        if (this.host && this.linkElement) {\n            return this.linkElement.focus(options);\n        }\n    }\n    async handleExpandClick(event) {\n        event.preventDefault();\n        if (this.host && this.linkElement) {\n            await this.linkElement.focus();\n        }\n        await this.expand();\n    }\n    async expand() {\n        var _a, _b;\n        if (this.state._hasChildren) {\n            this.state = Object.assign(Object.assign({}, this.state), { _open: true });\n            void ((_b = (_a = this.getTreeParent()) === null || _a === void 0 ? void 0 : _a.invalidateOpenItemsCache) === null || _b === void 0 ? void 0 : _b.call(_a));\n        }\n    }\n    async handleCollapseClick(event) {\n        event.preventDefault();\n        if (this.host && this.linkElement) {\n            await this.linkElement.focus();\n        }\n        await this.collapse();\n    }\n    async collapse() {\n        var _a, _b;\n        if (this.state._hasChildren) {\n            this.state = Object.assign(Object.assign({}, this.state), { _open: false });\n            void ((_b = (_a = this.getTreeParent()) === null || _a === void 0 ? void 0 : _a.invalidateOpenItemsCache) === null || _b === void 0 ? void 0 : _b.call(_a));\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"],"mappings":"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"}

package/app/dist/assets/{kol-tree-item.entry-CNrDdOG1.js → kol-tree-item.entry-DyIpbNqe.js}

@@ -1,4 +1,4 @@
-import{F as e,o as t,s as n}from"./index-BEIcpIbr.js";var r=`@charset "UTF-8";
+import{F as e,o as t,s as n}from"./index-Bg4ZMokO.js";var r=`@charset "UTF-8";
 /* forward the rem function */
 /*
 * This file defines the layer order for all CSS layers used in KoliBri.
@@ -207,8 +207,8 @@ import{F as e,o as t,s as n}from"./index-BEIcpIbr.js";var r=`@charset "UTF-8";
 }
 @font-face {
   font-family: "kolicons";
-  src: url("kolicons.eot?t=1783496448056"); /* IE9*/
-  src: url("kolicons.eot?t=1783496448056#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1783496448056") format("woff2"), url("kolicons.woff?t=1783496448056") format("woff"), url("kolicons.ttf?t=1783496448056") format("truetype"), url("kolicons.svg?t=1783496448056#kolicons") format("svg"); /* iOS 4.1- */
+  src: url("kolicons.eot?t=1783501930981"); /* IE9*/
+  src: url("kolicons.eot?t=1783501930981#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1783501930981") format("woff2"), url("kolicons.woff?t=1783501930981") format("woff"), url("kolicons.ttf?t=1783501930981") format("truetype"), url("kolicons.svg?t=1783501930981#kolicons") format("svg"); /* iOS 4.1- */
 }
 @layer kol-component {
   [class^=kolicon-], [class*=" kolicon-"] {
@@ -338,4 +338,4 @@ import{F as e,o as t,s as n}from"./index-BEIcpIbr.js";var r=`@charset "UTF-8";
     text-decoration: underline;
   }
 }`,i=class{constructor(e){n(this,e)}async focus(e){return this.element?.focus(e)}async expand(){return Promise.resolve(this.element?.expand())}async collapse(){return Promise.resolve(this.element?.collapse())}async isOpen(){return await this.element?.isOpen()??!1}render(){return t(e,{key:`85b09f7121a7deda9d342ee60a8e8bdb4fec7465`,_active:this._active,_label:this._label,_open:this._open,_href:this._href,ref:e=>this.element=e},t(`slot`,{key:`87390d0ee5088434546b925b9d3381a04eeed0b9`}))}};i.style={default:r};export{i as kol_tree_item};
-//# sourceMappingURL=kol-tree-item.entry-CNrDdOG1.js.map
+//# sourceMappingURL=kol-tree-item.entry-DyIpbNqe.js.map

package/app/dist/assets/{kol-tree-item.entry-CNrDdOG1.js.map → kol-tree-item.entry-DyIpbNqe.js.map}

@@ -1 +1 @@
-{"version":3,"file":"kol-tree-item.entry-CNrDdOG1.js","names":[],"sources":["../../../../../components/dist/esm/kol-tree-item.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h } from './index-CfYfRjdO.js';\nimport { n as KolTreeItemWcTag } from './component-names-Dy77vq43.js';\nimport './common-Cbb6Axov.js';\n\nconst defaultStyleCss = \"@charset \\\"UTF-8\\\";\\n/* 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     * The `max(…, 44px)` floor guarantees the WCAG 2.5.5 (AAA) target size of 44px:\\n     * `to-rem(44)` runs the value through a `calc()` rem round-trip which can lose\\n     * sub-pixel precision and resolve to e.g. 43.99px depending on the browser's\\n     * rounding, dropping just below the required minimum.\\n     */\\n    --a11y-min-size: max(calc(44 * 1rem / var(--kolibri-root-font-size, 16)), 44px);\\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: white;\\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    outline: none;\\n    cursor: not-allowed;\\n  }\\n  [aria-disabled=true]:focus .kol-span,\\n  [disabled]:focus .kol-span {\\n    outline: none !important;\\n  }\\n  .hastooltip {\\n    z-index: 900 !important;\\n  }\\n}\\n@font-face {\\n  font-family: \\\"kolicons\\\";\\n  src: url(\\\"kolicons.eot?t=1783496448056\\\"); /* IE9*/\\n  src: url(\\\"kolicons.eot?t=1783496448056#iefix\\\") format(\\\"embedded-opentype\\\"), url(\\\"kolicons.woff2?t=1783496448056\\\") format(\\\"woff2\\\"), url(\\\"kolicons.woff?t=1783496448056\\\") format(\\\"woff\\\"), url(\\\"kolicons.ttf?t=1783496448056\\\") format(\\\"truetype\\\"), url(\\\"kolicons.svg?t=1783496448056#kolicons\\\") format(\\\"svg\\\"); /* iOS 4.1- */\\n}\\n@layer kol-component {\\n  [class^=kolicon-], [class*=\\\" kolicon-\\\"] {\\n    font-family: \\\"kolicons\\\";\\n    font-style: normal;\\n    font-weight: 400;\\n    line-height: 1em;\\n    -webkit-font-smoothing: antialiased;\\n    -moz-osx-font-smoothing: grayscale;\\n  }\\n  .kolicon-alert-error::before {\\n    content: \\\"\\\\ea01\\\";\\n  }\\n  .kolicon-alert-info::before {\\n    content: \\\"\\\\ea02\\\";\\n  }\\n  .kolicon-alert-success::before {\\n    content: \\\"\\\\ea03\\\";\\n  }\\n  .kolicon-alert-warning::before {\\n    content: \\\"\\\\ea04\\\";\\n  }\\n  .kolicon-check::before {\\n    content: \\\"\\\\ea05\\\";\\n  }\\n  .kolicon-chevron-double-left::before {\\n    content: \\\"\\\\ea06\\\";\\n  }\\n  .kolicon-chevron-double-right::before {\\n    content: \\\"\\\\ea07\\\";\\n  }\\n  .kolicon-chevron-down::before {\\n    content: \\\"\\\\ea08\\\";\\n  }\\n  .kolicon-chevron-left::before {\\n    content: \\\"\\\\ea09\\\";\\n  }\\n  .kolicon-chevron-right::before {\\n    content: \\\"\\\\ea0a\\\";\\n  }\\n  .kolicon-chevron-up::before {\\n    content: \\\"\\\\ea0b\\\";\\n  }\\n  .kolicon-cogwheel::before {\\n    content: \\\"\\\\ea0c\\\";\\n  }\\n  .kolicon-cross::before {\\n    content: \\\"\\\\ea0d\\\";\\n  }\\n  .kolicon-eye-closed::before {\\n    content: \\\"\\\\ea0e\\\";\\n  }\\n  .kolicon-eye::before {\\n    content: \\\"\\\\ea0f\\\";\\n  }\\n  .kolicon-house::before {\\n    content: \\\"\\\\ea10\\\";\\n  }\\n  .kolicon-kolibri::before {\\n    content: \\\"\\\\ea11\\\";\\n  }\\n  .kolicon-link-external::before {\\n    content: \\\"\\\\ea12\\\";\\n  }\\n  .kolicon-link::before {\\n    content: \\\"\\\\ea13\\\";\\n  }\\n  .kolicon-minus::before {\\n    content: \\\"\\\\ea14\\\";\\n  }\\n  .kolicon-plus::before {\\n    content: \\\"\\\\ea15\\\";\\n  }\\n  .kolicon-settings::before {\\n    content: \\\"\\\\ea16\\\";\\n  }\\n  .kolicon-sort-asc::before {\\n    content: \\\"\\\\ea17\\\";\\n  }\\n  .kolicon-sort-desc::before {\\n    content: \\\"\\\\ea18\\\";\\n  }\\n  .kolicon-sort-neutral::before {\\n    content: \\\"\\\\ea19\\\";\\n  }\\n  .kolicon-up::before {\\n    content: \\\"\\\\ea1a\\\";\\n  }\\n  .kolicon-version::before {\\n    content: \\\"\\\\ea1b\\\";\\n  }\\n}\\n@layer kol-component {\\n  .kol-icon {\\n    color: inherit;\\n    display: inline-block;\\n    font-size: inherit;\\n    font-weight: inherit;\\n    line-height: inherit;\\n  }\\n  .kol-tree-item__link .kol-link {\\n    display: inline-flex;\\n    min-height: var(--a11y-min-size);\\n    align-items: center;\\n    text-decoration: none;\\n  }\\n  .kol-tree-item__link-inner {\\n    display: flex;\\n    align-items: center;\\n  }\\n  .kol-tree-item__children {\\n    margin: 0;\\n    padding: 0;\\n    list-style: none;\\n  }\\n  .kol-tree-item .kol-span {\\n    place-items: unset;\\n  }\\n  .kol-tree-item__toggle-button, .kol-tree-item__toggle-button-placeholder {\\n    display: inline-flex;\\n    min-width: var(--a11y-min-size);\\n    min-height: var(--a11y-min-size);\\n    align-items: center;\\n    justify-content: center;\\n  }\\n  .kol-tree-item__text {\\n    text-decoration: underline;\\n  }\\n}\";\n\nconst KolTreeItem = class {\n    constructor(hostRef) {\n        registerInstance(this, hostRef);\n    }\n    async focus(options) {\n        var _a;\n        return (_a = this.element) === null || _a === void 0 ? void 0 : _a.focus(options);\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: '85b09f7121a7deda9d342ee60a8e8bdb4fec7465', _active: this._active, _label: this._label, _open: this._open, _href: this._href, ref: (element) => (this.element = element) }, h(\"slot\", { key: '87390d0ee5088434546b925b9d3381a04eeed0b9' })));\n    }\n};\nKolTreeItem.style = {\n    default: defaultStyleCss\n};\n\nexport { KolTreeItem as kol_tree_item };\n//# sourceMappingURL=kol-tree-item.entry.js.map\n"],"mappings":"sDAOA,IAAM,EAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAElB,EAAc,KAAM,CACtB,YAAY,EAAS,CACjB,EAAiB,KAAM,CAAO,CAClC,CACA,MAAM,MAAM,EAAS,CAEjB,OAAa,KAAK,SAAiD,MAAM,CAAO,CACpF,CACA,MAAM,QAAS,CAEX,OAAO,QAAQ,QAAc,KAAK,SAAiD,OAAO,CAAC,CAC/F,CACA,MAAM,UAAW,CAEb,OAAO,QAAQ,QAAc,KAAK,SAAiD,SAAS,CAAC,CACjG,CACA,MAAM,QAAS,CAEX,OAAc,MAAa,KAAK,SAAiD,OAAO,GAAsC,EAClI,CACA,QAAS,CACL,OAAQ,EAAE,EAAkB,CAAE,IAAK,2CAA4C,QAAS,KAAK,QAAS,OAAQ,KAAK,OAAQ,MAAO,KAAK,MAAO,MAAO,KAAK,MAAO,IAAM,GAAa,KAAK,QAAU,CAAS,EAAG,EAAE,OAAQ,CAAE,IAAK,0CAA2C,CAAC,CAAC,CACjR,CACJ,EACA,EAAY,MAAQ,CAChB,QAAS,CACb"}
+{"version":3,"file":"kol-tree-item.entry-DyIpbNqe.js","names":[],"sources":["../../../../../components/dist/esm/kol-tree-item.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h } from './index-Dabxza7-.js';\nimport { n as KolTreeItemWcTag } from './component-names-Dy77vq43.js';\nimport './common-Cbb6Axov.js';\n\nconst defaultStyleCss = \"@charset \\\"UTF-8\\\";\\n/* 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     * The `max(…, 44px)` floor guarantees the WCAG 2.5.5 (AAA) target size of 44px:\\n     * `to-rem(44)` runs the value through a `calc()` rem round-trip which can lose\\n     * sub-pixel precision and resolve to e.g. 43.99px depending on the browser's\\n     * rounding, dropping just below the required minimum.\\n     */\\n    --a11y-min-size: max(calc(44 * 1rem / var(--kolibri-root-font-size, 16)), 44px);\\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: white;\\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    outline: none;\\n    cursor: not-allowed;\\n  }\\n  [aria-disabled=true]:focus .kol-span,\\n  [disabled]:focus .kol-span {\\n    outline: none !important;\\n  }\\n  .hastooltip {\\n    z-index: 900 !important;\\n  }\\n}\\n@font-face {\\n  font-family: \\\"kolicons\\\";\\n  src: url(\\\"kolicons.eot?t=1783501930981\\\"); /* IE9*/\\n  src: url(\\\"kolicons.eot?t=1783501930981#iefix\\\") format(\\\"embedded-opentype\\\"), url(\\\"kolicons.woff2?t=1783501930981\\\") format(\\\"woff2\\\"), url(\\\"kolicons.woff?t=1783501930981\\\") format(\\\"woff\\\"), url(\\\"kolicons.ttf?t=1783501930981\\\") format(\\\"truetype\\\"), url(\\\"kolicons.svg?t=1783501930981#kolicons\\\") format(\\\"svg\\\"); /* iOS 4.1- */\\n}\\n@layer kol-component {\\n  [class^=kolicon-], [class*=\\\" kolicon-\\\"] {\\n    font-family: \\\"kolicons\\\";\\n    font-style: normal;\\n    font-weight: 400;\\n    line-height: 1em;\\n    -webkit-font-smoothing: antialiased;\\n    -moz-osx-font-smoothing: grayscale;\\n  }\\n  .kolicon-alert-error::before {\\n    content: \\\"\\\\ea01\\\";\\n  }\\n  .kolicon-alert-info::before {\\n    content: \\\"\\\\ea02\\\";\\n  }\\n  .kolicon-alert-success::before {\\n    content: \\\"\\\\ea03\\\";\\n  }\\n  .kolicon-alert-warning::before {\\n    content: \\\"\\\\ea04\\\";\\n  }\\n  .kolicon-check::before {\\n    content: \\\"\\\\ea05\\\";\\n  }\\n  .kolicon-chevron-double-left::before {\\n    content: \\\"\\\\ea06\\\";\\n  }\\n  .kolicon-chevron-double-right::before {\\n    content: \\\"\\\\ea07\\\";\\n  }\\n  .kolicon-chevron-down::before {\\n    content: \\\"\\\\ea08\\\";\\n  }\\n  .kolicon-chevron-left::before {\\n    content: \\\"\\\\ea09\\\";\\n  }\\n  .kolicon-chevron-right::before {\\n    content: \\\"\\\\ea0a\\\";\\n  }\\n  .kolicon-chevron-up::before {\\n    content: \\\"\\\\ea0b\\\";\\n  }\\n  .kolicon-cogwheel::before {\\n    content: \\\"\\\\ea0c\\\";\\n  }\\n  .kolicon-cross::before {\\n    content: \\\"\\\\ea0d\\\";\\n  }\\n  .kolicon-eye-closed::before {\\n    content: \\\"\\\\ea0e\\\";\\n  }\\n  .kolicon-eye::before {\\n    content: \\\"\\\\ea0f\\\";\\n  }\\n  .kolicon-house::before {\\n    content: \\\"\\\\ea10\\\";\\n  }\\n  .kolicon-kolibri::before {\\n    content: \\\"\\\\ea11\\\";\\n  }\\n  .kolicon-link-external::before {\\n    content: \\\"\\\\ea12\\\";\\n  }\\n  .kolicon-link::before {\\n    content: \\\"\\\\ea13\\\";\\n  }\\n  .kolicon-minus::before {\\n    content: \\\"\\\\ea14\\\";\\n  }\\n  .kolicon-plus::before {\\n    content: \\\"\\\\ea15\\\";\\n  }\\n  .kolicon-settings::before {\\n    content: \\\"\\\\ea16\\\";\\n  }\\n  .kolicon-sort-asc::before {\\n    content: \\\"\\\\ea17\\\";\\n  }\\n  .kolicon-sort-desc::before {\\n    content: \\\"\\\\ea18\\\";\\n  }\\n  .kolicon-sort-neutral::before {\\n    content: \\\"\\\\ea19\\\";\\n  }\\n  .kolicon-up::before {\\n    content: \\\"\\\\ea1a\\\";\\n  }\\n  .kolicon-version::before {\\n    content: \\\"\\\\ea1b\\\";\\n  }\\n}\\n@layer kol-component {\\n  .kol-icon {\\n    color: inherit;\\n    display: inline-block;\\n    font-size: inherit;\\n    font-weight: inherit;\\n    line-height: inherit;\\n  }\\n  .kol-tree-item__link .kol-link {\\n    display: inline-flex;\\n    min-height: var(--a11y-min-size);\\n    align-items: center;\\n    text-decoration: none;\\n  }\\n  .kol-tree-item__link-inner {\\n    display: flex;\\n    align-items: center;\\n  }\\n  .kol-tree-item__children {\\n    margin: 0;\\n    padding: 0;\\n    list-style: none;\\n  }\\n  .kol-tree-item .kol-span {\\n    place-items: unset;\\n  }\\n  .kol-tree-item__toggle-button, .kol-tree-item__toggle-button-placeholder {\\n    display: inline-flex;\\n    min-width: var(--a11y-min-size);\\n    min-height: var(--a11y-min-size);\\n    align-items: center;\\n    justify-content: center;\\n  }\\n  .kol-tree-item__text {\\n    text-decoration: underline;\\n  }\\n}\";\n\nconst KolTreeItem = class {\n    constructor(hostRef) {\n        registerInstance(this, hostRef);\n    }\n    async focus(options) {\n        var _a;\n        return (_a = this.element) === null || _a === void 0 ? void 0 : _a.focus(options);\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: '85b09f7121a7deda9d342ee60a8e8bdb4fec7465', _active: this._active, _label: this._label, _open: this._open, _href: this._href, ref: (element) => (this.element = element) }, h(\"slot\", { key: '87390d0ee5088434546b925b9d3381a04eeed0b9' })));\n    }\n};\nKolTreeItem.style = {\n    default: defaultStyleCss\n};\n\nexport { KolTreeItem as kol_tree_item };\n//# sourceMappingURL=kol-tree-item.entry.js.map\n"],"mappings":"sDAOA,IAAM,EAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAElB,EAAc,KAAM,CACtB,YAAY,EAAS,CACjB,EAAiB,KAAM,CAAO,CAClC,CACA,MAAM,MAAM,EAAS,CAEjB,OAAa,KAAK,SAAiD,MAAM,CAAO,CACpF,CACA,MAAM,QAAS,CAEX,OAAO,QAAQ,QAAc,KAAK,SAAiD,OAAO,CAAC,CAC/F,CACA,MAAM,UAAW,CAEb,OAAO,QAAQ,QAAc,KAAK,SAAiD,SAAS,CAAC,CACjG,CACA,MAAM,QAAS,CAEX,OAAc,MAAa,KAAK,SAAiD,OAAO,GAAsC,EAClI,CACA,QAAS,CACL,OAAQ,EAAE,EAAkB,CAAE,IAAK,2CAA4C,QAAS,KAAK,QAAS,OAAQ,KAAK,OAAQ,MAAO,KAAK,MAAO,MAAO,KAAK,MAAO,IAAM,GAAa,KAAK,QAAU,CAAS,EAAG,EAAE,OAAQ,CAAE,IAAK,0CAA2C,CAAC,CAAC,CACjR,CACJ,EACA,EAAY,MAAQ,CAChB,QAAS,CACb"}

package/app/dist/assets/{kol-tree-wc.entry-ITtwyvz-.js → kol-tree-wc.entry-M7xjWpJQ.js}

@@ -1,2 +1,2 @@
-import{I as e,P as t,a as n,o as r,r as i,s as a}from"./index-BEIcpIbr.js";import{r as o}from"./label-We78Dt9U-Cj1PFfHw.js";var s=class{constructor(e){a(this,e),this.state={_label:``},this.cacheValid=!1}validateLabel(e){o(this,e)}async focus(e){await((await this.getOpenTreeItemElements())?.[0])?.focus(e)}async invalidateOpenItemsCache(){await Promise.resolve(this.cacheValid=!1)}render(){return r(i,{key:`ee07abb3b748443010336d2d6b2cf99e6ad10d64`,onSlotchange:this.handleSlotchange.bind(this)},r(`nav`,{key:`aeb88ca3da07336fa1aa164723246bd7b69da7f3`,class:`kol-tree`,"aria-label":this.state._label},r(`ul`,{key:`108e2ede70e08f5e77ada9961b47e57fcad50a3a`,class:`kol-tree__treeview-navigation`,role:`tree`,"aria-label":this.state._label},r(`slot`,{key:`0b67541fbb1e2f5eab04837fe1478296256baed2`}))))}static isTreeItem(e){return e?.tagName===t.toUpperCase()}componentWillLoad(){this.validateLabel(this._label),this.handleTreeChange(),this.observeChildListMutations()}disconnectedCallback(){var e;(e=this.observer)==null||e.disconnect(),this.rafHandle!==void 0&&(cancelAnimationFrame(this.rafHandle),this.rafHandle=void 0)}observeChildListMutations(){this.observer=new MutationObserver(()=>this.scheduleTreeChange()),this.observeTopLevelItems()}handleSlotchange(){this.observeTopLevelItems(),this.scheduleTreeChange()}observeTopLevelItems(){var e;(e=this.getTopLevelTreeItems())==null||e.forEach(e=>{var t;(t=this.observer)==null||t.observe(e,{childList:!0,subtree:!0})})}scheduleTreeChange(){this.rafHandle&&cancelAnimationFrame(this.rafHandle),this.rafHandle=requestAnimationFrame(()=>{this.handleTreeChange()})}getTopLevelTreeItems(){var e;return(((e=this.host?.querySelector(`slot`))?.assignedNodes)?.call(e))?.filter(s.isTreeItem)}handleTreeChange(){this.treeItemElements=this.getTreeItemElements(),this.cacheValid=!1,this.ensureActiveItemVisibility()}getTreeItemElements(){return this.getTopLevelTreeItems()?.reduce((e,n)=>{let r=n.querySelectorAll(t);return[...e,n,...r]},[])}async getOpenTreeItemElements(){if(!this.treeItemElements)return;if(this.cacheValid&&this.cachedOpenItems)return this.cachedOpenItems;let e=async e=>{let t=e.parentElement;for(;t&&s.isTreeItem(t);){if(!await t.isOpen())return!1;t=t.parentElement}return!0};return this.cachedOpenItems=await Promise.all(this.treeItemElements.map(async t=>({item:t,isOpen:await e(t)}))).then(e=>e.filter(({isOpen:e})=>e).map(({item:e})=>e)),this.cacheValid=!0,this.cachedOpenItems}async handleKeyDown(e){let n=await this.getOpenTreeItemElements(),r=document.activeElement?.closest(t),i=e.metaKey||e.altKey||e.ctrlKey||e.shiftKey;if(!n||!r)return;let a=n?.findIndex(e=>e===r);switch(e.key){case`ArrowDown`:await n[a+1]?.focus(),e.preventDefault();break;case`ArrowUp`:await n[a-1]?.focus(),e.preventDefault();break;case`Right`:case`ArrowRight`:e.preventDefault(),await r.isOpen()?await n[a+1]?.focus():await r.expand();break;case`Left`:case`ArrowLeft`:if(e.preventDefault(),await r.isOpen())await r.collapse();else{let e=r.parentElement,t=e?n.indexOf(e):-1;t!==-1&&await n[t]?.focus()}break;case`Home`:await n[0]?.focus(),e.preventDefault();break;case`End`:await n[n.length-1]?.focus(),e.preventDefault();break;case e.key.match(/^[a-zA-Z0-9]$/)?.input:if(!i){let t=e.key.toLowerCase(),i=n.indexOf(r)+1,a=n.slice(i).findIndex(e=>e.getAttribute(`_label`)?.trim().toLowerCase().startsWith(t));a===-1?a=n.slice(0,i).findIndex(e=>e.getAttribute(`_label`)?.trim().toLowerCase().startsWith(t)):a+=i,a!==-1&&(await n[a]?.focus(),e.preventDefault())}break;case`*`:(r.parentElement?.querySelectorAll(t))?.forEach(e=>{e.expand()});break}}handleFocusIn(e){e.target===this.host&&!document.activeElement?.closest(t)&&requestAnimationFrame(()=>{this.focus()})}handleFocusOut(t){t.relatedTarget&&!t.relatedTarget.closest(e)&&this.ensureActiveItemVisibility()}ensureActiveItemVisibility(){let e=()=>{var e;let n=(((e=this.host?.querySelector(`slot`))?.assignedNodes)?.call(e))?.filter(s.isTreeItem)??[];for(let e of n){if(e._active)return e;let n=e.querySelector(`${t}[_active="true"]`);if(n&&n._active)return n}},n=e=>{s.isTreeItem(e.parentElement)&&(e.parentElement.expand(),n(e.parentElement))},r=e();r&&n(r)}get host(){return n(this)}static get watchers(){return{_label:[`validateLabel`]}}};export{s as kol_tree_wc};
-//# sourceMappingURL=kol-tree-wc.entry-ITtwyvz-.js.map
+import{I as e,P as t,a as n,o as r,r as i,s as a}from"./index-Bg4ZMokO.js";import{r as o}from"./label-We78Dt9U-D1VhEUwo.js";var s=class{constructor(e){a(this,e),this.state={_label:``},this.cacheValid=!1}validateLabel(e){o(this,e)}async focus(e){await((await this.getOpenTreeItemElements())?.[0])?.focus(e)}async invalidateOpenItemsCache(){await Promise.resolve(this.cacheValid=!1)}render(){return r(i,{key:`ee07abb3b748443010336d2d6b2cf99e6ad10d64`,onSlotchange:this.handleSlotchange.bind(this)},r(`nav`,{key:`aeb88ca3da07336fa1aa164723246bd7b69da7f3`,class:`kol-tree`,"aria-label":this.state._label},r(`ul`,{key:`108e2ede70e08f5e77ada9961b47e57fcad50a3a`,class:`kol-tree__treeview-navigation`,role:`tree`,"aria-label":this.state._label},r(`slot`,{key:`0b67541fbb1e2f5eab04837fe1478296256baed2`}))))}static isTreeItem(e){return e?.tagName===t.toUpperCase()}componentWillLoad(){this.validateLabel(this._label),this.handleTreeChange(),this.observeChildListMutations()}disconnectedCallback(){var e;(e=this.observer)==null||e.disconnect(),this.rafHandle!==void 0&&(cancelAnimationFrame(this.rafHandle),this.rafHandle=void 0)}observeChildListMutations(){this.observer=new MutationObserver(()=>this.scheduleTreeChange()),this.observeTopLevelItems()}handleSlotchange(){this.observeTopLevelItems(),this.scheduleTreeChange()}observeTopLevelItems(){var e;(e=this.getTopLevelTreeItems())==null||e.forEach(e=>{var t;(t=this.observer)==null||t.observe(e,{childList:!0,subtree:!0})})}scheduleTreeChange(){this.rafHandle&&cancelAnimationFrame(this.rafHandle),this.rafHandle=requestAnimationFrame(()=>{this.handleTreeChange()})}getTopLevelTreeItems(){var e;return(((e=this.host?.querySelector(`slot`))?.assignedNodes)?.call(e))?.filter(s.isTreeItem)}handleTreeChange(){this.treeItemElements=this.getTreeItemElements(),this.cacheValid=!1,this.ensureActiveItemVisibility()}getTreeItemElements(){return this.getTopLevelTreeItems()?.reduce((e,n)=>{let r=n.querySelectorAll(t);return[...e,n,...r]},[])}async getOpenTreeItemElements(){if(!this.treeItemElements)return;if(this.cacheValid&&this.cachedOpenItems)return this.cachedOpenItems;let e=async e=>{let t=e.parentElement;for(;t&&s.isTreeItem(t);){if(!await t.isOpen())return!1;t=t.parentElement}return!0};return this.cachedOpenItems=await Promise.all(this.treeItemElements.map(async t=>({item:t,isOpen:await e(t)}))).then(e=>e.filter(({isOpen:e})=>e).map(({item:e})=>e)),this.cacheValid=!0,this.cachedOpenItems}async handleKeyDown(e){let n=await this.getOpenTreeItemElements(),r=document.activeElement?.closest(t),i=e.metaKey||e.altKey||e.ctrlKey||e.shiftKey;if(!n||!r)return;let a=n?.findIndex(e=>e===r);switch(e.key){case`ArrowDown`:await n[a+1]?.focus(),e.preventDefault();break;case`ArrowUp`:await n[a-1]?.focus(),e.preventDefault();break;case`Right`:case`ArrowRight`:e.preventDefault(),await r.isOpen()?await n[a+1]?.focus():await r.expand();break;case`Left`:case`ArrowLeft`:if(e.preventDefault(),await r.isOpen())await r.collapse();else{let e=r.parentElement,t=e?n.indexOf(e):-1;t!==-1&&await n[t]?.focus()}break;case`Home`:await n[0]?.focus(),e.preventDefault();break;case`End`:await n[n.length-1]?.focus(),e.preventDefault();break;case e.key.match(/^[a-zA-Z0-9]$/)?.input:if(!i){let t=e.key.toLowerCase(),i=n.indexOf(r)+1,a=n.slice(i).findIndex(e=>e.getAttribute(`_label`)?.trim().toLowerCase().startsWith(t));a===-1?a=n.slice(0,i).findIndex(e=>e.getAttribute(`_label`)?.trim().toLowerCase().startsWith(t)):a+=i,a!==-1&&(await n[a]?.focus(),e.preventDefault())}break;case`*`:(r.parentElement?.querySelectorAll(t))?.forEach(e=>{e.expand()});break}}handleFocusIn(e){e.target===this.host&&!document.activeElement?.closest(t)&&requestAnimationFrame(()=>{this.focus()})}handleFocusOut(t){t.relatedTarget&&!t.relatedTarget.closest(e)&&this.ensureActiveItemVisibility()}ensureActiveItemVisibility(){let e=()=>{var e;let n=(((e=this.host?.querySelector(`slot`))?.assignedNodes)?.call(e))?.filter(s.isTreeItem)??[];for(let e of n){if(e._active)return e;let n=e.querySelector(`${t}[_active="true"]`);if(n&&n._active)return n}},n=e=>{s.isTreeItem(e.parentElement)&&(e.parentElement.expand(),n(e.parentElement))},r=e();r&&n(r)}get host(){return n(this)}static get watchers(){return{_label:[`validateLabel`]}}};export{s as kol_tree_wc};
+//# sourceMappingURL=kol-tree-wc.entry-M7xjWpJQ.js.map

package/app/dist/assets/{kol-tree-wc.entry-ITtwyvz-.js.map → kol-tree-wc.entry-M7xjWpJQ.js.map}

@@ -1 +1 @@
-{"version":3,"file":"kol-tree-wc.entry-ITtwyvz-.js","names":[],"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-CfYfRjdO.js';\nimport { v as KolTreeItemTag, u as KolTreeTag } from './component-names-Dy77vq43.js';\nimport './common-Cbb6Axov.js';\nimport { v as validateLabel } from './label-We78Dt9U.js';\n\nconst KolTreeWc = class {\n    constructor(hostRef) {\n        registerInstance(this, hostRef);\n        this.state = {\n            _label: '',\n        };\n        this.cacheValid = false;\n    }\n    validateLabel(value) {\n        validateLabel(this, value);\n    }\n    async focus(options) {\n        var _a;\n        const openItems = await this.getOpenTreeItemElements();\n        await ((_a = openItems === null || openItems === void 0 ? void 0 : openItems[0]) === null || _a === void 0 ? void 0 : _a.focus(options));\n    }\n    async invalidateOpenItemsCache() {\n        await Promise.resolve((this.cacheValid = false));\n    }\n    render() {\n        return (h(Host, { key: 'ee07abb3b748443010336d2d6b2cf99e6ad10d64', onSlotchange: this.handleSlotchange.bind(this) }, h(\"nav\", { key: 'aeb88ca3da07336fa1aa164723246bd7b69da7f3', class: \"kol-tree\", \"aria-label\": this.state._label }, h(\"ul\", { key: '108e2ede70e08f5e77ada9961b47e57fcad50a3a', class: \"kol-tree__treeview-navigation\", role: \"tree\", \"aria-label\": this.state._label }, h(\"slot\", { key: '0b67541fbb1e2f5eab04837fe1478296256baed2' })))));\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        if (this.rafHandle !== undefined) {\n            cancelAnimationFrame(this.rafHandle);\n            this.rafHandle = undefined;\n        }\n    }\n    observeChildListMutations() {\n        this.observer = new MutationObserver(() => this.scheduleTreeChange());\n        this.observeTopLevelItems();\n    }\n    handleSlotchange() {\n        this.observeTopLevelItems();\n        this.scheduleTreeChange();\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    scheduleTreeChange() {\n        if (this.rafHandle)\n            cancelAnimationFrame(this.rafHandle);\n        this.rafHandle = requestAnimationFrame(() => {\n            this.handleTreeChange();\n        });\n    }\n    getTopLevelTreeItems() {\n        var _a, _b, _c, _d;\n        return (_d = (_c = (_b = (_a = this.host) === null || _a === void 0 ? void 0 : _a.querySelector('slot')) === null || _b === void 0 ? void 0 : _b.assignedNodes) === null || _c === void 0 ? void 0 : _c.call(_b)) === null || _d === void 0 ? void 0 : _d.filter(KolTreeWc.isTreeItem);\n    }\n    handleTreeChange() {\n        this.treeItemElements = this.getTreeItemElements();\n        this.cacheValid = false;\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        if (this.cacheValid && this.cachedOpenItems) {\n            return this.cachedOpenItems;\n        }\n        const areAllParentsOpen = async (element) => {\n            let parent = element.parentElement;\n            while (parent && KolTreeWc.isTreeItem(parent)) {\n                if (!(await parent.isOpen())) {\n                    return false;\n                }\n                parent = parent.parentElement;\n            }\n            return true;\n        };\n        this.cachedOpenItems = await Promise.all(this.treeItemElements.map(async (item) => ({\n            item,\n            isOpen: await areAllParentsOpen(item),\n        }))).then((results) => results.filter(({ isOpen }) => isOpen).map(({ item }) => item));\n        this.cacheValid = true;\n        return this.cachedOpenItems;\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 parentItem = currentTreeItem.parentElement;\n                    const parentIndex = parentItem ? openItems.indexOf(parentItem) : -1;\n                    if (parentIndex !== -1) {\n                        await ((_e = openItems[parentIndex]) === null || _e === void 0 ? void 0 : _e.focus());\n                    }\n                }\n                break;\n            }\n            case 'Home': {\n                await ((_f = openItems[0]) === null || _f === void 0 ? void 0 : _f.focus());\n                event.preventDefault();\n                break;\n            }\n            case 'End': {\n                await ((_g = openItems[openItems.length - 1]) === null || _g === void 0 ? void 0 : _g.focus());\n                event.preventDefault();\n                break;\n            }\n            case (_h = event.key.match(/^[a-zA-Z0-9]$/)) === null || _h === void 0 ? void 0 : _h.input: {\n                if (!hasModifierKeyPressed) {\n                    const char = event.key.toLowerCase();\n                    const startIndex = openItems.indexOf(currentTreeItem) + 1;\n                    let matchIndex = openItems.slice(startIndex).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                        matchIndex = openItems.slice(0, startIndex).findIndex((item) => { var _a; return (_a = item.getAttribute('_label')) === null || _a === void 0 ? void 0 : _a.trim().toLowerCase().startsWith(char); });\n                    }\n                    else {\n                        matchIndex += startIndex;\n                    }\n                    if (matchIndex !== -1) {\n                        await ((_j = openItems[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    handleFocusIn(event) {\n        var _a;\n        if (event.target === this.host && !((_a = document.activeElement) === null || _a === void 0 ? void 0 : _a.closest(KolTreeItemTag))) {\n            requestAnimationFrame(() => {\n                void this.focus();\n            });\n        }\n    }\n    handleFocusOut(event) {\n        if (event.relatedTarget && !event.relatedTarget.closest(KolTreeTag)) {\n            this.ensureActiveItemVisibility();\n        }\n    }\n    ensureActiveItemVisibility() {\n        const findActiveItem = () => {\n            var _a, _b, _c, _d, _e;\n            const rootNodes = (_e = (_d = (_c = (_b = (_a = this.host) === null || _a === void 0 ? void 0 : _a.querySelector('slot')) === null || _b === void 0 ? void 0 : _b.assignedNodes) === null || _c === void 0 ? void 0 : _c.call(_b)) === null || _d === void 0 ? void 0 : _d.filter(KolTreeWc.isTreeItem)) !== null && _e !== void 0 ? _e : [];\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"],"mappings":"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"}
+{"version":3,"file":"kol-tree-wc.entry-M7xjWpJQ.js","names":[],"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-Dabxza7-.js';\nimport { v as KolTreeItemTag, u as KolTreeTag } from './component-names-Dy77vq43.js';\nimport './common-Cbb6Axov.js';\nimport { v as validateLabel } from './label-We78Dt9U.js';\n\nconst KolTreeWc = class {\n    constructor(hostRef) {\n        registerInstance(this, hostRef);\n        this.state = {\n            _label: '',\n        };\n        this.cacheValid = false;\n    }\n    validateLabel(value) {\n        validateLabel(this, value);\n    }\n    async focus(options) {\n        var _a;\n        const openItems = await this.getOpenTreeItemElements();\n        await ((_a = openItems === null || openItems === void 0 ? void 0 : openItems[0]) === null || _a === void 0 ? void 0 : _a.focus(options));\n    }\n    async invalidateOpenItemsCache() {\n        await Promise.resolve((this.cacheValid = false));\n    }\n    render() {\n        return (h(Host, { key: 'ee07abb3b748443010336d2d6b2cf99e6ad10d64', onSlotchange: this.handleSlotchange.bind(this) }, h(\"nav\", { key: 'aeb88ca3da07336fa1aa164723246bd7b69da7f3', class: \"kol-tree\", \"aria-label\": this.state._label }, h(\"ul\", { key: '108e2ede70e08f5e77ada9961b47e57fcad50a3a', class: \"kol-tree__treeview-navigation\", role: \"tree\", \"aria-label\": this.state._label }, h(\"slot\", { key: '0b67541fbb1e2f5eab04837fe1478296256baed2' })))));\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        if (this.rafHandle !== undefined) {\n            cancelAnimationFrame(this.rafHandle);\n            this.rafHandle = undefined;\n        }\n    }\n    observeChildListMutations() {\n        this.observer = new MutationObserver(() => this.scheduleTreeChange());\n        this.observeTopLevelItems();\n    }\n    handleSlotchange() {\n        this.observeTopLevelItems();\n        this.scheduleTreeChange();\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    scheduleTreeChange() {\n        if (this.rafHandle)\n            cancelAnimationFrame(this.rafHandle);\n        this.rafHandle = requestAnimationFrame(() => {\n            this.handleTreeChange();\n        });\n    }\n    getTopLevelTreeItems() {\n        var _a, _b, _c, _d;\n        return (_d = (_c = (_b = (_a = this.host) === null || _a === void 0 ? void 0 : _a.querySelector('slot')) === null || _b === void 0 ? void 0 : _b.assignedNodes) === null || _c === void 0 ? void 0 : _c.call(_b)) === null || _d === void 0 ? void 0 : _d.filter(KolTreeWc.isTreeItem);\n    }\n    handleTreeChange() {\n        this.treeItemElements = this.getTreeItemElements();\n        this.cacheValid = false;\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        if (this.cacheValid && this.cachedOpenItems) {\n            return this.cachedOpenItems;\n        }\n        const areAllParentsOpen = async (element) => {\n            let parent = element.parentElement;\n            while (parent && KolTreeWc.isTreeItem(parent)) {\n                if (!(await parent.isOpen())) {\n                    return false;\n                }\n                parent = parent.parentElement;\n            }\n            return true;\n        };\n        this.cachedOpenItems = await Promise.all(this.treeItemElements.map(async (item) => ({\n            item,\n            isOpen: await areAllParentsOpen(item),\n        }))).then((results) => results.filter(({ isOpen }) => isOpen).map(({ item }) => item));\n        this.cacheValid = true;\n        return this.cachedOpenItems;\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 parentItem = currentTreeItem.parentElement;\n                    const parentIndex = parentItem ? openItems.indexOf(parentItem) : -1;\n                    if (parentIndex !== -1) {\n                        await ((_e = openItems[parentIndex]) === null || _e === void 0 ? void 0 : _e.focus());\n                    }\n                }\n                break;\n            }\n            case 'Home': {\n                await ((_f = openItems[0]) === null || _f === void 0 ? void 0 : _f.focus());\n                event.preventDefault();\n                break;\n            }\n            case 'End': {\n                await ((_g = openItems[openItems.length - 1]) === null || _g === void 0 ? void 0 : _g.focus());\n                event.preventDefault();\n                break;\n            }\n            case (_h = event.key.match(/^[a-zA-Z0-9]$/)) === null || _h === void 0 ? void 0 : _h.input: {\n                if (!hasModifierKeyPressed) {\n                    const char = event.key.toLowerCase();\n                    const startIndex = openItems.indexOf(currentTreeItem) + 1;\n                    let matchIndex = openItems.slice(startIndex).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                        matchIndex = openItems.slice(0, startIndex).findIndex((item) => { var _a; return (_a = item.getAttribute('_label')) === null || _a === void 0 ? void 0 : _a.trim().toLowerCase().startsWith(char); });\n                    }\n                    else {\n                        matchIndex += startIndex;\n                    }\n                    if (matchIndex !== -1) {\n                        await ((_j = openItems[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    handleFocusIn(event) {\n        var _a;\n        if (event.target === this.host && !((_a = document.activeElement) === null || _a === void 0 ? void 0 : _a.closest(KolTreeItemTag))) {\n            requestAnimationFrame(() => {\n                void this.focus();\n            });\n        }\n    }\n    handleFocusOut(event) {\n        if (event.relatedTarget && !event.relatedTarget.closest(KolTreeTag)) {\n            this.ensureActiveItemVisibility();\n        }\n    }\n    ensureActiveItemVisibility() {\n        const findActiveItem = () => {\n            var _a, _b, _c, _d, _e;\n            const rootNodes = (_e = (_d = (_c = (_b = (_a = this.host) === null || _a === void 0 ? void 0 : _a.querySelector('slot')) === null || _b === void 0 ? void 0 : _b.assignedNodes) === null || _c === void 0 ? void 0 : _c.call(_b)) === null || _d === void 0 ? void 0 : _d.filter(KolTreeWc.isTreeItem)) !== null && _e !== void 0 ? _e : [];\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"],"mappings":"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"}

package/app/dist/assets/{kol-tree.entry-DAo8-ZJ1.js → kol-tree.entry-BK_w5G-0.js}

@@ -1,4 +1,4 @@
-import{L as e,a as t,o as n,s as r}from"./index-BEIcpIbr.js";import{t as i}from"./tslib.es6-QNbPBOk5-DpzS01Oy.js";import"./element-focus-BQXzaLL9-oq1SsV6e.js";import{r as a,t as o}from"./element-interaction-C5-6aPzz-CwUv4L8C.js";var s=`@charset "UTF-8";
+import{L as e,a as t,o as n,s as r}from"./index-Bg4ZMokO.js";import{t as i}from"./tslib.es6-QNbPBOk5-DpzS01Oy.js";import"./element-focus-BQXzaLL9-oq1SsV6e.js";import{r as a,t as o}from"./element-interaction-C5-6aPzz-CwUv4L8C.js";var s=`@charset "UTF-8";
 /* forward the rem function */
 /*
 * This file defines the layer order for all CSS layers used in KoliBri.
@@ -216,4 +216,4 @@ import{L as e,a as t,o as n,s as r}from"./index-BEIcpIbr.js";import{t as i}from"
     outline-offset: 2px;
   }
 }`,c=class{constructor(e){r(this,e),this.ctaRef=o()}async focus(e){}render(){return n(e,{key:`c3c1ea08961facbed8b660b2b5a9af5dd6662e3a`,_label:this._label,ref:this.ctaRef},n(`slot`,{key:`24592c12e290cbd9be0ea4825dcf651494c0ea1a`}))}get host(){return t(this)}};i([a(`ctaRef`)],c.prototype,`focus`,null),c.style={default:s};export{c as kol_tree};
-//# sourceMappingURL=kol-tree.entry-DAo8-ZJ1.js.map
+//# sourceMappingURL=kol-tree.entry-BK_w5G-0.js.map

package/app/dist/assets/{kol-tree.entry-DAo8-ZJ1.js.map → kol-tree.entry-BK_w5G-0.js.map}

@@ -1 +1 @@
-{"version":3,"file":"kol-tree.entry-DAo8-ZJ1.js","names":[],"sources":["../../../../../components/dist/esm/kol-tree.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h, g as getElement } from './index-CfYfRjdO.js';\nimport { _ as __decorate } from './tslib.es6-QNbPBOk5.js';\nimport { m as KolTreeWcTag } from './component-names-Dy77vq43.js';\nimport { d as delegateFocus, c as createCtaRef } from './element-interaction-C5-6aPzz.js';\nimport './common-Cbb6Axov.js';\nimport './element-focus-BQXzaLL9.js';\n\nconst defaultStyleCss = \"@charset \\\"UTF-8\\\";\\n/* 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     * The `max(…, 44px)` floor guarantees the WCAG 2.5.5 (AAA) target size of 44px:\\n     * `to-rem(44)` runs the value through a `calc()` rem round-trip which can lose\\n     * sub-pixel precision and resolve to e.g. 43.99px depending on the browser's\\n     * rounding, dropping just below the required minimum.\\n     */\\n    --a11y-min-size: max(calc(44 * 1rem / var(--kolibri-root-font-size, 16)), 44px);\\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: white;\\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    outline: none;\\n    cursor: not-allowed;\\n  }\\n  [aria-disabled=true]:focus .kol-span,\\n  [disabled]:focus .kol-span {\\n    outline: none !important;\\n  }\\n  .hastooltip {\\n    z-index: 900 !important;\\n  }\\n}\\n@layer kol-component {\\n  .kol-tree__treeview-navigation {\\n    margin: 0;\\n    padding: 0;\\n    list-style: none;\\n  }\\n  .kol-tree:focus-within {\\n    outline: 1px solid;\\n    outline-offset: 2px;\\n  }\\n}\";\n\nconst KolTree = class {\n    constructor(hostRef) {\n        registerInstance(this, hostRef);\n        this.ctaRef = createCtaRef();\n    }\n    async focus(options) { }\n    render() {\n        return (h(KolTreeWcTag, { key: 'c3c1ea08961facbed8b660b2b5a9af5dd6662e3a', _label: this._label, ref: this.ctaRef }, h(\"slot\", { key: '24592c12e290cbd9be0ea4825dcf651494c0ea1a' })));\n    }\n    get host() { return getElement(this); }\n};\n__decorate([\n    delegateFocus('ctaRef')\n], KolTree.prototype, \"focus\", null);\nKolTree.style = {\n    default: defaultStyleCss\n};\n\nexport { KolTree as kol_tree };\n//# sourceMappingURL=kol-tree.entry.js.map\n"],"mappings":"qOAUA,IAAM,EAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAElB,EAAU,KAAM,CAClB,YAAY,EAAS,CACjB,EAAiB,KAAM,CAAO,EAC9B,KAAK,OAAS,EAAa,CAC/B,CACA,MAAM,MAAM,EAAS,CAAE,CACvB,QAAS,CACL,OAAQ,EAAE,EAAc,CAAE,IAAK,2CAA4C,OAAQ,KAAK,OAAQ,IAAK,KAAK,MAAO,EAAG,EAAE,OAAQ,CAAE,IAAK,0CAA2C,CAAC,CAAC,CACtL,CACA,IAAI,MAAO,CAAE,OAAO,EAAW,IAAI,CAAG,CAC1C,EACA,EAAW,CACP,EAAc,QAAQ,CAC1B,EAAG,EAAQ,UAAW,QAAS,IAAI,EACnC,EAAQ,MAAQ,CACZ,QAAS,CACb"}
+{"version":3,"file":"kol-tree.entry-BK_w5G-0.js","names":[],"sources":["../../../../../components/dist/esm/kol-tree.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h, g as getElement } from './index-Dabxza7-.js';\nimport { _ as __decorate } from './tslib.es6-QNbPBOk5.js';\nimport { m as KolTreeWcTag } from './component-names-Dy77vq43.js';\nimport { d as delegateFocus, c as createCtaRef } from './element-interaction-C5-6aPzz.js';\nimport './common-Cbb6Axov.js';\nimport './element-focus-BQXzaLL9.js';\n\nconst defaultStyleCss = \"@charset \\\"UTF-8\\\";\\n/* 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     * The `max(…, 44px)` floor guarantees the WCAG 2.5.5 (AAA) target size of 44px:\\n     * `to-rem(44)` runs the value through a `calc()` rem round-trip which can lose\\n     * sub-pixel precision and resolve to e.g. 43.99px depending on the browser's\\n     * rounding, dropping just below the required minimum.\\n     */\\n    --a11y-min-size: max(calc(44 * 1rem / var(--kolibri-root-font-size, 16)), 44px);\\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: white;\\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    outline: none;\\n    cursor: not-allowed;\\n  }\\n  [aria-disabled=true]:focus .kol-span,\\n  [disabled]:focus .kol-span {\\n    outline: none !important;\\n  }\\n  .hastooltip {\\n    z-index: 900 !important;\\n  }\\n}\\n@layer kol-component {\\n  .kol-tree__treeview-navigation {\\n    margin: 0;\\n    padding: 0;\\n    list-style: none;\\n  }\\n  .kol-tree:focus-within {\\n    outline: 1px solid;\\n    outline-offset: 2px;\\n  }\\n}\";\n\nconst KolTree = class {\n    constructor(hostRef) {\n        registerInstance(this, hostRef);\n        this.ctaRef = createCtaRef();\n    }\n    async focus(options) { }\n    render() {\n        return (h(KolTreeWcTag, { key: 'c3c1ea08961facbed8b660b2b5a9af5dd6662e3a', _label: this._label, ref: this.ctaRef }, h(\"slot\", { key: '24592c12e290cbd9be0ea4825dcf651494c0ea1a' })));\n    }\n    get host() { return getElement(this); }\n};\n__decorate([\n    delegateFocus('ctaRef')\n], KolTree.prototype, \"focus\", null);\nKolTree.style = {\n    default: defaultStyleCss\n};\n\nexport { KolTree as kol_tree };\n//# sourceMappingURL=kol-tree.entry.js.map\n"],"mappings":"qOAUA,IAAM,EAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAElB,EAAU,KAAM,CAClB,YAAY,EAAS,CACjB,EAAiB,KAAM,CAAO,EAC9B,KAAK,OAAS,EAAa,CAC/B,CACA,MAAM,MAAM,EAAS,CAAE,CACvB,QAAS,CACL,OAAQ,EAAE,EAAc,CAAE,IAAK,2CAA4C,OAAQ,KAAK,OAAQ,IAAK,KAAK,MAAO,EAAG,EAAE,OAAQ,CAAE,IAAK,0CAA2C,CAAC,CAAC,CACtL,CACA,IAAI,MAAO,CAAE,OAAO,EAAW,IAAI,CAAG,CAC1C,EACA,EAAW,CACP,EAAc,QAAQ,CAC1B,EAAG,EAAQ,UAAW,QAAS,IAAI,EACnC,EAAQ,MAAQ,CACZ,QAAS,CACb"}

package/app/dist/assets/{kol-version.entry-C9jl4FKy.js → kol-version.entry-BA5C4hsI.js}

@@ -1,4 +1,4 @@
-import{o as e,r as t,s as n,v as r}from"./index-BEIcpIbr.js";import{r as i}from"./label-We78Dt9U-Cj1PFfHw.js";import{t as a}from"./i18n-CcjZRTxD-DOVnRsej.js";var o=`@charset "UTF-8";
+import{o as e,r as t,s as n,v as r}from"./index-Bg4ZMokO.js";import{r as i}from"./label-We78Dt9U-D1VhEUwo.js";import{t as a}from"./i18n-CcjZRTxD-D01J7mnT.js";var o=`@charset "UTF-8";
 /*
 * This file defines the layer order for all CSS layers used in KoliBri.
 * The order is important as it determines the cascade priority.
@@ -205,4 +205,4 @@ import{o as e,r as t,s as n,v as r}from"./index-BEIcpIbr.js";import{r as i}from"
     z-index: 900 !important;
   }
 }`,s=class{constructor(e){n(this,e),this.translateVersion=a(`kol-version`),this.state={_label:`0.0.0-alpha.0`}}render(){return e(t,{key:`46d6c57fec1c2bb63e60341538135f5423c4f681`,class:`kol-version`},e(r,{key:`8f174591a26459975f1be7c602499bd3dd586b53`,_color:`#bec5c9`,_icons:{left:{icon:`kolicon-version`,label:this.translateVersion}},_label:this.state._label}))}validateLabel(e){i(this,e,{required:!0})}componentWillLoad(){this.validateLabel(this._label)}static get watchers(){return{_label:[`validateLabel`]}}};s.style={default:o};export{s as kol_version};
-//# sourceMappingURL=kol-version.entry-C9jl4FKy.js.map
+//# sourceMappingURL=kol-version.entry-BA5C4hsI.js.map

package/app/dist/assets/{kol-version.entry-C9jl4FKy.js.map → kol-version.entry-BA5C4hsI.js.map}

@@ -1 +1 @@
-{"version":3,"file":"kol-version.entry-C9jl4FKy.js","names":[],"sources":["../../../../../components/dist/esm/kol-version.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h, H as Host } from './index-CfYfRjdO.js';\nimport './common-Cbb6Axov.js';\nimport { v as validateLabel } from './label-We78Dt9U.js';\nimport { t as translate } from './i18n-CcjZRTxD.js';\nimport { o as KolBadgeTag } from './component-names-Dy77vq43.js';\nimport './i18n-CMA39edx.js';\n\nconst defaultStyleCss = \"@charset \\\"UTF-8\\\";\\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/* forward the rem function */\\n/*\\n * This file contains all rules for accessibility.\\n */\\n@layer kol-a11y {\\n  :host {\\n    /*\\n     * Minimum size of interactive elements.\\n     *\\n     * The `max(…, 44px)` floor guarantees the WCAG 2.5.5 (AAA) target size of 44px:\\n     * `to-rem(44)` runs the value through a `calc()` rem round-trip which can lose\\n     * sub-pixel precision and resolve to e.g. 43.99px depending on the browser's\\n     * rounding, dropping just below the required minimum.\\n     */\\n    --a11y-min-size: max(calc(44 * 1rem / var(--kolibri-root-font-size, 16)), 44px);\\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: white;\\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    outline: none;\\n    cursor: not-allowed;\\n  }\\n  [aria-disabled=true]:focus .kol-span,\\n  [disabled]:focus .kol-span {\\n    outline: none !important;\\n  }\\n  .hastooltip {\\n    z-index: 900 !important;\\n  }\\n}\";\n\nconst KolVersion = class {\n    constructor(hostRef) {\n        registerInstance(this, hostRef);\n        this.translateVersion = translate('kol-version');\n        this.state = {\n            _label: '0.0.0-alpha.0',\n        };\n    }\n    render() {\n        return (h(Host, { key: '46d6c57fec1c2bb63e60341538135f5423c4f681', class: \"kol-version\" }, h(KolBadgeTag, { key: '8f174591a26459975f1be7c602499bd3dd586b53', _color: \"#bec5c9\", _icons: {\n                left: { icon: 'kolicon-version', label: this.translateVersion },\n            }, _label: this.state._label })));\n    }\n    validateLabel(value) {\n        validateLabel(this, value, {\n            required: true,\n        });\n    }\n    componentWillLoad() {\n        this.validateLabel(this._label);\n    }\n    static get watchers() { return {\n        \"_label\": [\"validateLabel\"]\n    }; }\n};\nKolVersion.style = {\n    default: defaultStyleCss\n};\n\nexport { KolVersion as kol_version };\n//# sourceMappingURL=kol-version.entry.js.map\n"],"mappings":"8JAUA,IAAM,EAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAElB,EAAa,KAAM,CACrB,YAAY,EAAS,CACjB,EAAiB,KAAM,CAAO,EAC9B,KAAK,iBAAmB,EAAU,aAAa,EAC/C,KAAK,MAAQ,CACT,OAAQ,eACZ,CACJ,CACA,QAAS,CACL,OAAQ,EAAE,EAAM,CAAE,IAAK,2CAA4C,MAAO,aAAc,EAAG,EAAE,EAAa,CAAE,IAAK,2CAA4C,OAAQ,UAAW,OAAQ,CAChL,KAAM,CAAE,KAAM,kBAAmB,MAAO,KAAK,gBAAiB,CAClE,EAAG,OAAQ,KAAK,MAAM,MAAO,CAAC,CAAC,CACvC,CACA,cAAc,EAAO,CACjB,EAAc,KAAM,EAAO,CACvB,SAAU,EACd,CAAC,CACL,CACA,mBAAoB,CAChB,KAAK,cAAc,KAAK,MAAM,CAClC,CACA,WAAW,UAAW,CAAE,MAAO,CAC3B,OAAU,CAAC,eAAe,CAC9B,CAAG,CACP,EACA,EAAW,MAAQ,CACf,QAAS,CACb"}
+{"version":3,"file":"kol-version.entry-BA5C4hsI.js","names":[],"sources":["../../../../../components/dist/esm/kol-version.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h, H as Host } from './index-Dabxza7-.js';\nimport './common-Cbb6Axov.js';\nimport { v as validateLabel } from './label-We78Dt9U.js';\nimport { t as translate } from './i18n-CcjZRTxD.js';\nimport { o as KolBadgeTag } from './component-names-Dy77vq43.js';\nimport './i18n-CMA39edx.js';\n\nconst defaultStyleCss = \"@charset \\\"UTF-8\\\";\\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/* forward the rem function */\\n/*\\n * This file contains all rules for accessibility.\\n */\\n@layer kol-a11y {\\n  :host {\\n    /*\\n     * Minimum size of interactive elements.\\n     *\\n     * The `max(…, 44px)` floor guarantees the WCAG 2.5.5 (AAA) target size of 44px:\\n     * `to-rem(44)` runs the value through a `calc()` rem round-trip which can lose\\n     * sub-pixel precision and resolve to e.g. 43.99px depending on the browser's\\n     * rounding, dropping just below the required minimum.\\n     */\\n    --a11y-min-size: max(calc(44 * 1rem / var(--kolibri-root-font-size, 16)), 44px);\\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: white;\\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    outline: none;\\n    cursor: not-allowed;\\n  }\\n  [aria-disabled=true]:focus .kol-span,\\n  [disabled]:focus .kol-span {\\n    outline: none !important;\\n  }\\n  .hastooltip {\\n    z-index: 900 !important;\\n  }\\n}\";\n\nconst KolVersion = class {\n    constructor(hostRef) {\n        registerInstance(this, hostRef);\n        this.translateVersion = translate('kol-version');\n        this.state = {\n            _label: '0.0.0-alpha.0',\n        };\n    }\n    render() {\n        return (h(Host, { key: '46d6c57fec1c2bb63e60341538135f5423c4f681', class: \"kol-version\" }, h(KolBadgeTag, { key: '8f174591a26459975f1be7c602499bd3dd586b53', _color: \"#bec5c9\", _icons: {\n                left: { icon: 'kolicon-version', label: this.translateVersion },\n            }, _label: this.state._label })));\n    }\n    validateLabel(value) {\n        validateLabel(this, value, {\n            required: true,\n        });\n    }\n    componentWillLoad() {\n        this.validateLabel(this._label);\n    }\n    static get watchers() { return {\n        \"_label\": [\"validateLabel\"]\n    }; }\n};\nKolVersion.style = {\n    default: defaultStyleCss\n};\n\nexport { KolVersion as kol_version };\n//# sourceMappingURL=kol-version.entry.js.map\n"],"mappings":"8JAUA,IAAM,EAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAElB,EAAa,KAAM,CACrB,YAAY,EAAS,CACjB,EAAiB,KAAM,CAAO,EAC9B,KAAK,iBAAmB,EAAU,aAAa,EAC/C,KAAK,MAAQ,CACT,OAAQ,eACZ,CACJ,CACA,QAAS,CACL,OAAQ,EAAE,EAAM,CAAE,IAAK,2CAA4C,MAAO,aAAc,EAAG,EAAE,EAAa,CAAE,IAAK,2CAA4C,OAAQ,UAAW,OAAQ,CAChL,KAAM,CAAE,KAAM,kBAAmB,MAAO,KAAK,gBAAiB,CAClE,EAAG,OAAQ,KAAK,MAAM,MAAO,CAAC,CAAC,CACvC,CACA,cAAc,EAAO,CACjB,EAAc,KAAM,EAAO,CACvB,SAAU,EACd,CAAC,CACL,CACA,mBAAoB,CAChB,KAAK,cAAc,KAAK,MAAM,CAClC,CACA,WAAW,UAAW,CAAE,MAAO,CAC3B,OAAU,CAAC,eAAe,CAC9B,CAAG,CACP,EACA,EAAW,MAAQ,CACf,QAAS,CACb"}

package/app/dist/assets/kolicons/style.css

@@ -1,11 +1,11 @@
   @font-face {
     font-family: "kolicons";
-    src: url('kolicons.eot?t=1783496448056'); /* IE9*/
-    src: url('kolicons.eot?t=1783496448056#iefix') format('embedded-opentype'), /* IE6-IE8 */
-    url("kolicons.woff2?t=1783496448056") format("woff2"),
-    url("kolicons.woff?t=1783496448056") format("woff"),
-    url('kolicons.ttf?t=1783496448056') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
-    url('kolicons.svg?t=1783496448056#kolicons') format('svg'); /* iOS 4.1- */
+    src: url('kolicons.eot?t=1783501930981'); /* IE9*/
+    src: url('kolicons.eot?t=1783501930981#iefix') format('embedded-opentype'), /* IE6-IE8 */
+    url("kolicons.woff2?t=1783501930981") format("woff2"),
+    url("kolicons.woff?t=1783501930981") format("woff"),
+    url('kolicons.ttf?t=1783501930981') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
+    url('kolicons.svg?t=1783501930981#kolicons') format('svg'); /* iOS 4.1- */
   }
 
 @layer kol-component {

package/app/dist/assets/label-BwPy2Jd4-IwAF-O3J.js

@@ -0,0 +1,2 @@
+import{n as e,o as t}from"./normalizers-iLdS6AQE-Bk-lQDnn.js";var n=e(`label`,``,t,e=>e===``||e.length>=2&&e.length<=80);export{n as t};
+//# sourceMappingURL=label-BwPy2Jd4-IwAF-O3J.js.map

package/app/dist/assets/{label-BwPy2Jd4-Ckcz6Umq.js.map → label-BwPy2Jd4-IwAF-O3J.js.map}

@@ -1 +1 @@
-{"version":3,"file":"label-BwPy2Jd4-Ckcz6Umq.js","names":[],"sources":["../../../../../components/dist/esm/label-BwPy2Jd4.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { c as createPropDefinition, n as normalizeString } from './normalizers-iLdS6AQE.js';\n\nconst labelProp = createPropDefinition('label', '', normalizeString, (v) => v === '' || (v.length >= 2 && v.length <= 80));\n\nexport { labelProp as l };\n//# sourceMappingURL=label-BwPy2Jd4.js.map\n\n//# sourceMappingURL=label-BwPy2Jd4.js.map"],"mappings":"8DAKA,IAAM,EAAY,EAAqB,QAAS,GAAI,EAAkB,GAAM,IAAM,IAAO,EAAE,QAAU,GAAK,EAAE,QAAU,EAAG"}
+{"version":3,"file":"label-BwPy2Jd4-IwAF-O3J.js","names":[],"sources":["../../../../../components/dist/esm/label-BwPy2Jd4.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { c as createPropDefinition, n as normalizeString } from './normalizers-iLdS6AQE.js';\n\nconst labelProp = createPropDefinition('label', '', normalizeString, (v) => v === '' || (v.length >= 2 && v.length <= 80));\n\nexport { labelProp as l };\n//# sourceMappingURL=label-BwPy2Jd4.js.map\n\n//# sourceMappingURL=label-BwPy2Jd4.js.map"],"mappings":"8DAKA,IAAM,EAAY,EAAqB,QAAS,GAAI,EAAkB,GAAM,IAAM,IAAO,EAAE,QAAU,GAAK,EAAE,QAAU,EAAG"}

package/app/dist/assets/{label-We78Dt9U-Cj1PFfHw.js → label-We78Dt9U-D1VhEUwo.js}

@@ -1,2 +1,2 @@
-import{Et as e,Mt as t,W as n}from"./index-BEIcpIbr.js";var r=/[a-zA-Z0-9äöüÄÖÜß]/g,i=/^\d+$/;function a(e){return typeof e==`string`&&e.match(r)?.length||0}function o(e,t=1){return a(e)>=t}function s(e){return i.test(e)}function c(t){return Object.assign(Object.assign({},t),{hooks:{afterPatch:(r,i,a,c)=>{var l;typeof t.hooks?.afterPatch==`function`&&((l=t.hooks)==null||l.afterPatch(r,i,a,c)),typeof r==`string`&&o(r,3)===!1&&s(r)===!1&&n(`The heading or label ("${r}") is inaccessible. A label should consist of at least three readable characters.`),typeof r==`string`&&r.length>80&&e(`A heading or label should not be longer than 80 characters.`)},beforePatch:t.hooks?.beforePatch}})}var l=new Set([`string`]),u=(e,n,r={})=>{t(e,`_label`,e=>typeof e==`string`,l,n,c(r))},d=u;export{d as i,o as n,u as r,s as t};
-//# sourceMappingURL=label-We78Dt9U-Cj1PFfHw.js.map
+import{Et as e,Mt as t,W as n}from"./index-Bg4ZMokO.js";var r=/[a-zA-Z0-9äöüÄÖÜß]/g,i=/^\d+$/;function a(e){return typeof e==`string`&&e.match(r)?.length||0}function o(e,t=1){return a(e)>=t}function s(e){return i.test(e)}function c(t){return Object.assign(Object.assign({},t),{hooks:{afterPatch:(r,i,a,c)=>{var l;typeof t.hooks?.afterPatch==`function`&&((l=t.hooks)==null||l.afterPatch(r,i,a,c)),typeof r==`string`&&o(r,3)===!1&&s(r)===!1&&n(`The heading or label ("${r}") is inaccessible. A label should consist of at least three readable characters.`),typeof r==`string`&&r.length>80&&e(`A heading or label should not be longer than 80 characters.`)},beforePatch:t.hooks?.beforePatch}})}var l=new Set([`string`]),u=(e,n,r={})=>{t(e,`_label`,e=>typeof e==`string`,l,n,c(r))},d=u;export{d as i,o as n,u as r,s as t};
+//# sourceMappingURL=label-We78Dt9U-D1VhEUwo.js.map