@public-ui/components 4.2.1 → 4.3.0-rc.0

package/dist/kolibri/kol-tree-item.entry.js

@@ -1,5 +1,5 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{r as n,h as e}from"./index-BQlHOxik.js";import{n as o}from"./component-names-Dy77vq43.js";import"./common-Cx_AGO_M.js";const t='/* forward the rem function */\n/*\n* This file defines the layer order for all CSS layers used in KoliBri.\n* The order is important as it determines the cascade priority.\n*\n* Layer order (lowest to highest priority):\n* 1. kol-a11y - Accessibility defaults and requirements\n* 2. kol-global - Global component styles and resets\n* 3. kol-component - Component-specific styles\n* 4. kol-theme-global - Theme-specific global styles\n* 5. kol-theme-component - Theme-specific component styles\n*/\n@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;\n/*\n * This file contains all rules for accessibility.\n */\n@layer kol-a11y {\n  :host {\n    /*\n                   * Minimum size of interactive elements.\n                   */\n    --a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16));\n    /*\n     * No element should be used without verifying the contrast ratio of its background and font colors.\n     * By initially setting the background color to white and the font color to black,\n     * the contrast ratio is ensured and explicit adjustment is forced.\n     */\n    color: black;\n    background-color: white;\n    /*\n     * Verdana is an accessible font that can be used without requiring additional loading time.\n     */\n    font-family: Verdana;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n    /*\n     * Text should be aligned left by default to provide a predictable starting point.\n     */\n    text-align: left;\n  }\n  * {\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    hyphens: auto;\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    word-break: break-word;\n  }\n  /*\n   * All interactive elements should have a minimum size of to-rem(44).\n   */\n  /* input:not([type=\'checkbox\'], [type=\'radio\'], [type=\'range\']), */\n  /* option, */\n  /* select, */\n  /* textarea, */\n  button,\n  .kol-input .input {\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n  }\n  /*\n   * Some interactive elements should not inherit the font-family and font-size.\n   */\n  a,\n  button,\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6,\n  input,\n  option,\n  select,\n  textarea {\n    /*\n     * All elements should inherit the text color from his parent element.\n     */\n    color: inherit;\n    /*\n     * All elements should inherit the font family from his parent element.\n     */\n    font-family: inherit;\n    /*\n     * All elements should inherit the font size from his parent element.\n     */\n    font-size: inherit;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n  }\n  /**\n  * Sometimes we need the semantic element for accessibility reasons,\n  * but we don\'t want to show it.\n  *\n  * - https://www.a11yproject.com/posts/how-to-hide-content/\n  */\n  .visually-hidden {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 1px;\n    height: 1px;\n    overflow: hidden;\n    white-space: nowrap;\n    clip-path: inset(50%);\n  }\n}\n@layer kol-global {\n  /*\n   * Dieses CSS stellt sicher, dass der Standard-Style\n   * von A und Button resettet werden.\n   */\n  :is(a, button) {\n    background-color: transparent;\n    width: 100%;\n    margin: 0;\n    padding: 0;\n    border: none;\n    /* 100% needed for custom width from outside */\n  }\n  /*\n   * Ensure elements with hidden attribute to be actually not visible\n   * @see https://meowni.ca/hidden.is.a.lie.html\n   */\n  [hidden] {\n    display: none !important;\n  }\n  .badge-text-hint {\n    color: black;\n    background-color: 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=1780571516250"); /* IE9*/\n  src: url("kolicons.eot?t=1780571516250#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1780571516250") format("woff2"), url("kolicons.woff?t=1780571516250") format("woff"), url("kolicons.ttf?t=1780571516250") format("truetype"), url("kolicons.svg?t=1780571516250#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}';const i=class{constructor(e){n(this,e)}async focus(){var n;return Promise.resolve((n=this.element)===null||n===void 0?void 0:n.focus())}async expand(){var n;return Promise.resolve((n=this.element)===null||n===void 0?void 0:n.expand())}async collapse(){var n;return Promise.resolve((n=this.element)===null||n===void 0?void 0:n.collapse())}async isOpen(){var n,e;return(e=await((n=this.element)===null||n===void 0?void 0:n.isOpen()))!==null&&e!==void 0?e:false}render(){return e(o,{key:"6b16bce6aa837018f8b321f84134e7f7c9e8262b",_active:this._active,_label:this._label,_open:this._open,_href:this._href,ref:n=>this.element=n},e("slot",{key:"93f4a2498abbbb3c2ab1494314de3200cea827d4"}))}};i.style={default:t};export{i as kol_tree_item};
+import{r as n,h as e}from"./index-Brmny3Vg.js";import{n as o}from"./component-names-Dy77vq43.js";import"./common-DEEjER7G.js";const t='/* forward the rem function */\n/*\n* This file defines the layer order for all CSS layers used in KoliBri.\n* The order is important as it determines the cascade priority.\n*\n* Layer order (lowest to highest priority):\n* 1. kol-a11y - Accessibility defaults and requirements\n* 2. kol-global - Global component styles and resets\n* 3. kol-component - Component-specific styles\n* 4. kol-theme-global - Theme-specific global styles\n* 5. kol-theme-component - Theme-specific component styles\n*/\n@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;\n/*\n * This file contains all rules for accessibility.\n */\n@layer kol-a11y {\n  :host {\n    /*\n                   * Minimum size of interactive elements.\n                   */\n    --a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16));\n    /*\n     * No element should be used without verifying the contrast ratio of its background and font colors.\n     * By initially setting the background color to white and the font color to black,\n     * the contrast ratio is ensured and explicit adjustment is forced.\n     */\n    color: black;\n    background-color: white;\n    /*\n     * Verdana is an accessible font that can be used without requiring additional loading time.\n     */\n    font-family: Verdana;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n    /*\n     * Text should be aligned left by default to provide a predictable starting point.\n     */\n    text-align: left;\n  }\n  * {\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    hyphens: auto;\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    word-break: break-word;\n  }\n  /*\n   * All interactive elements should have a minimum size of to-rem(44).\n   */\n  /* input:not([type=\'checkbox\'], [type=\'radio\'], [type=\'range\']), */\n  /* option, */\n  /* select, */\n  /* textarea, */\n  button,\n  .kol-input .input {\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n  }\n  /*\n   * Some interactive elements should not inherit the font-family and font-size.\n   */\n  a,\n  button,\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6,\n  input,\n  option,\n  select,\n  textarea {\n    /*\n     * All elements should inherit the text color from his parent element.\n     */\n    color: inherit;\n    /*\n     * All elements should inherit the font family from his parent element.\n     */\n    font-family: inherit;\n    /*\n     * All elements should inherit the font size from his parent element.\n     */\n    font-size: inherit;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n  }\n  /**\n  * Sometimes we need the semantic element for accessibility reasons,\n  * but we don\'t want to show it.\n  *\n  * - https://www.a11yproject.com/posts/how-to-hide-content/\n  */\n  .visually-hidden {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 1px;\n    height: 1px;\n    overflow: hidden;\n    white-space: nowrap;\n    clip-path: inset(50%);\n  }\n}\n@layer kol-global {\n  /*\n   * Dieses CSS stellt sicher, dass der Standard-Style\n   * von A und Button resettet werden.\n   */\n  :is(a, button) {\n    background-color: transparent;\n    width: 100%;\n    margin: 0;\n    padding: 0;\n    border: none;\n    /* 100% needed for custom width from outside */\n  }\n  /*\n   * Ensure elements with hidden attribute to be actually not visible\n   * @see https://meowni.ca/hidden.is.a.lie.html\n   */\n  [hidden] {\n    display: none !important;\n  }\n  .badge-text-hint {\n    color: black;\n    background-color: 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=1780914078349"); /* IE9*/\n  src: url("kolicons.eot?t=1780914078349#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1780914078349") format("woff2"), url("kolicons.woff?t=1780914078349") format("woff"), url("kolicons.ttf?t=1780914078349") format("truetype"), url("kolicons.svg?t=1780914078349#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}';const i=class{constructor(e){n(this,e)}async focus(n){var e;return(e=this.element)===null||e===void 0?void 0:e.focus(n)}async expand(){var n;return Promise.resolve((n=this.element)===null||n===void 0?void 0:n.expand())}async collapse(){var n;return Promise.resolve((n=this.element)===null||n===void 0?void 0:n.collapse())}async isOpen(){var n,e;return(e=await((n=this.element)===null||n===void 0?void 0:n.isOpen()))!==null&&e!==void 0?e:false}render(){return e(o,{key:"25b3875f49f3f7356796ff41376b5fffda1a0231",_active:this._active,_label:this._label,_open:this._open,_href:this._href,ref:n=>this.element=n},e("slot",{key:"00007ca55b586bdfa89bc54585c20f2c4d89ecec"}))}};i.style={default:t};export{i as kol_tree_item};
 //# sourceMappingURL=kol-tree-item.entry.js.map

package/dist/kolibri/kol-tree-item.entry.js.map

@@ -1 +1 @@
-{"version":3,"names":["registerInstance","h","KolTreeItemWcTag","defaultStyleCss","KolTreeItem","constructor","hostRef","this","focus","_a","Promise","resolve","element","expand","collapse","isOpen","_b","render","key","_active","_label","_open","_href","ref","style","default"],"sources":["0"],"mappings":";;;YAGcA,OAAkBC,MAAS,kCAC3BC,MAAwB,sCAC/B,uBAEP,MAAMC,EAAkB,s3QAExB,MAAMC,EAAc,MAChB,WAAAC,CAAYC,GACRN,EAAiBO,KAAMD,EAC3B,CACA,WAAME,GACF,IAAIC,EACJ,OAAOC,QAAQC,SAASF,EAAKF,KAAKK,WAAa,MAAQH,SAAY,OAAS,EAAIA,EAAGD,QACvF,CACA,YAAMK,GACF,IAAIJ,EACJ,OAAOC,QAAQC,SAASF,EAAKF,KAAKK,WAAa,MAAQH,SAAY,OAAS,EAAIA,EAAGI,SACvF,CACA,cAAMC,GACF,IAAIL,EACJ,OAAOC,QAAQC,SAASF,EAAKF,KAAKK,WAAa,MAAQH,SAAY,OAAS,EAAIA,EAAGK,WACvF,CACA,YAAMC,GACF,IAAIN,EAAIO,EACR,OAAQA,SAAcP,EAAKF,KAAKK,WAAa,MAAQH,SAAY,OAAS,EAAIA,EAAGM,aAAgB,MAAQC,SAAY,EAAIA,EAAK,KAClI,CACA,MAAAC,GACI,OAAQhB,EAAEC,EAAkB,CAAEgB,IAAK,2CAA4CC,QAASZ,KAAKY,QAASC,OAAQb,KAAKa,OAAQC,MAAOd,KAAKc,MAAOC,MAAOf,KAAKe,MAAOC,IAAMX,GAAaL,KAAKK,QAAUA,GAAYX,EAAE,OAAQ,CAAEiB,IAAK,6CACpO,GAEJd,EAAYoB,MAAQ,CAChBC,QAAStB,UAGJC","ignoreList":[]}
+{"version":3,"names":["registerInstance","h","KolTreeItemWcTag","defaultStyleCss","KolTreeItem","constructor","hostRef","this","focus","options","_a","element","expand","Promise","resolve","collapse","isOpen","_b","render","key","_active","_label","_open","_href","ref","style","default"],"sources":["0"],"mappings":";;;YAGcA,OAAkBC,MAAS,kCAC3BC,MAAwB,sCAC/B,uBAEP,MAAMC,EAAkB,s3QAExB,MAAMC,EAAc,MAChB,WAAAC,CAAYC,GACRN,EAAiBO,KAAMD,EAC3B,CACA,WAAME,CAAMC,GACR,IAAIC,EACJ,OAAQA,EAAKH,KAAKI,WAAa,MAAQD,SAAY,OAAS,EAAIA,EAAGF,MAAMC,EAC7E,CACA,YAAMG,GACF,IAAIF,EACJ,OAAOG,QAAQC,SAASJ,EAAKH,KAAKI,WAAa,MAAQD,SAAY,OAAS,EAAIA,EAAGE,SACvF,CACA,cAAMG,GACF,IAAIL,EACJ,OAAOG,QAAQC,SAASJ,EAAKH,KAAKI,WAAa,MAAQD,SAAY,OAAS,EAAIA,EAAGK,WACvF,CACA,YAAMC,GACF,IAAIN,EAAIO,EACR,OAAQA,SAAcP,EAAKH,KAAKI,WAAa,MAAQD,SAAY,OAAS,EAAIA,EAAGM,aAAgB,MAAQC,SAAY,EAAIA,EAAK,KAClI,CACA,MAAAC,GACI,OAAQjB,EAAEC,EAAkB,CAAEiB,IAAK,2CAA4CC,QAASb,KAAKa,QAASC,OAAQd,KAAKc,OAAQC,MAAOf,KAAKe,MAAOC,MAAOhB,KAAKgB,MAAOC,IAAMb,GAAaJ,KAAKI,QAAUA,GAAYV,EAAE,OAAQ,CAAEkB,IAAK,6CACpO,GAEJf,EAAYqB,MAAQ,CAChBC,QAASvB,UAGJC","ignoreList":[]}

package/dist/kolibri/kol-tree-wc.entry.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"kol-tree-wc.entry.esm.js","sources":["src/components/tree/component.tsx"],"sourcesContent":["import type { JSX } from '@stencil/core';\nimport { Component, Element, h, Host, Listen, Method, Prop, State, Watch } from '@stencil/core';\n\nimport { KolTreeItemTag, KolTreeTag } from '../../core/component-names';\nimport type { FocusableElement, LabelPropType, TreeAPI, TreeStates } from '../../schema';\nimport { validateLabel } from '../../schema';\n\n/**\n * @internal\n */\n@Component({\n\ttag: 'kol-tree-wc',\n\tshadow: false,\n})\nexport class KolTreeWc implements TreeAPI, FocusableElement {\n\t@Element() private readonly host?: HTMLKolTreeWcElement;\n\n\t@State() public state: TreeStates = {\n\t\t_label: '',\n\t};\n\tprivate observer?: MutationObserver;\n\tprivate treeItemElements?: HTMLKolTreeItemElement[];\n\tprivate cachedOpenItems?: HTMLKolTreeItemElement[] | undefined;\n\tprivate cacheValid = false;\n\tprivate rafHandle?: number;\n\n\t/**\n\t * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).\n\t */\n\t@Prop() _label!: LabelPropType;\n\n\t@Watch('_label') validateLabel(value?: LabelPropType): void {\n\t\tvalidateLabel(this, value);\n\t}\n\n\t/**\n\t * Sets focus on the first focusable tree item.\n\t */\n\t@Method()\n\tpublic async focus(): Promise<void> {\n\t\tconst openItems = await this.getOpenTreeItemElements();\n\t\tawait openItems?.[0]?.focus();\n\t}\n\n\t/**\n\t * Invalidates the cache for open tree items.\n\t * Called by tree-item when expand/collapse occurs.\n\t * @internal\n\t */\n\t@Method()\n\tpublic async invalidateOpenItemsCache(): Promise<void> {\n\t\tawait Promise.resolve((this.cacheValid = false));\n\t}\n\n\tpublic render(): JSX.Element {\n\t\treturn (\n\t\t\t<Host onSlotchange={this.handleSlotchange.bind(this)}>\n\t\t\t\t<nav class=\"kol-tree\" aria-label={this.state._label}>\n\t\t\t\t\t<ul class=\"kol-tree__treeview-navigation\" role=\"tree\" aria-label={this.state._label}>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</ul>\n\t\t\t\t</nav>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\tprivate static isTreeItem(this: void, element?: HTMLElement | null): element is HTMLKolTreeItemElement {\n\t\treturn element?.tagName === KolTreeItemTag.toUpperCase();\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tthis.validateLabel(this._label);\n\n\t\tthis.handleTreeChange();\n\t\tthis.observeChildListMutations();\n\t}\n\n\tpublic disconnectedCallback(): void {\n\t\tthis.observer?.disconnect();\n\t\tif (this.rafHandle !== undefined) {\n\t\t\tcancelAnimationFrame(this.rafHandle);\n\t\t\tthis.rafHandle = undefined;\n\t\t}\n\t}\n\n\tprivate observeChildListMutations() {\n\t\tthis.observer = new MutationObserver(() => this.scheduleTreeChange());\n\t\tthis.observeTopLevelItems();\n\t}\n\n\tprivate handleSlotchange() {\n\t\tthis.observeTopLevelItems();\n\t\tthis.scheduleTreeChange();\n\t}\n\n\tprivate observeTopLevelItems() {\n\t\tthis.getTopLevelTreeItems()?.forEach((treeItem) => {\n\t\t\tthis.observer?.observe(treeItem, { childList: true, subtree: true });\n\t\t});\n\t}\n\n\tprivate scheduleTreeChange() {\n\t\tif (this.rafHandle) cancelAnimationFrame(this.rafHandle);\n\t\tthis.rafHandle = requestAnimationFrame(() => {\n\t\t\tthis.handleTreeChange();\n\t\t});\n\t}\n\n\tprivate getTopLevelTreeItems(): HTMLKolTreeItemElement[] {\n\t\treturn (this.host?.querySelector('slot')?.assignedNodes?.() as HTMLElement[])?.filter(KolTreeWc.isTreeItem);\n\t}\n\n\tprivate handleTreeChange(): void {\n\t\tthis.treeItemElements = this.getTreeItemElements();\n\t\tthis.cacheValid = false;\n\t\tvoid this.ensureActiveItemVisibility();\n\t}\n\n\t/**\n\t * Returns array of all TreeItem elements in the order they appear\n\t */\n\tprivate getTreeItemElements(): HTMLKolTreeItemElement[] {\n\t\treturn this.getTopLevelTreeItems()?.reduce((accumulator: HTMLKolTreeItemElement[], currentValue: HTMLKolTreeItemElement) => {\n\t\t\tconst children = currentValue.querySelectorAll(KolTreeItemTag);\n\n\t\t\treturn [...accumulator, currentValue, ...children];\n\t\t}, []);\n\t}\n\n\tprivate async getOpenTreeItemElements(): Promise<HTMLKolTreeItemElement[] | undefined> {\n\t\tif (!this.treeItemElements) {\n\t\t\treturn;\n\t\t}\n\n\t\t// Cache-Hit: Return cached result\n\t\tif (this.cacheValid && this.cachedOpenItems) {\n\t\t\treturn this.cachedOpenItems;\n\t\t}\n\n\t\tconst areAllParentsOpen = async (element: HTMLKolTreeItemElement): Promise<boolean> => {\n\t\t\tlet parent = element.parentElement as HTMLKolTreeItemElement | null;\n\t\t\twhile (parent && KolTreeWc.isTreeItem(parent)) {\n\t\t\t\tif (!(await parent.isOpen())) {\n\t\t\t\t\treturn false;\n\t\t\t\t}\n\t\t\t\tparent = parent.parentElement as HTMLKolTreeItemElement | null;\n\t\t\t}\n\t\t\treturn true;\n\t\t};\n\n\t\t// Cache the result\n\t\tthis.cachedOpenItems = await Promise.all(\n\t\t\tthis.treeItemElements.map(async (item) => ({\n\t\t\t\titem,\n\t\t\t\tisOpen: await areAllParentsOpen(item),\n\t\t\t})),\n\t\t).then((results) => results.filter(({ isOpen }) => isOpen).map(({ item }) => item));\n\t\tthis.cacheValid = true;\n\n\t\treturn this.cachedOpenItems;\n\t}\n\n\t@Listen('keydown')\n\tpublic async handleKeyDown(event: KeyboardEvent) {\n\t\tconst openItems = await this.getOpenTreeItemElements();\n\t\tconst currentTreeItem: HTMLKolTreeItemElement | undefined | null = document.activeElement?.closest(KolTreeItemTag);\n\t\tconst hasModifierKeyPressed = event.metaKey || event.altKey || event.ctrlKey || event.shiftKey;\n\n\t\tif (!openItems || !currentTreeItem) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst currentIndex = openItems?.findIndex((elem) => elem === currentTreeItem);\n\n\t\tswitch (event.key) {\n\t\t\tcase 'ArrowDown': {\n\t\t\t\tawait openItems[currentIndex + 1]?.focus();\n\t\t\t\tevent.preventDefault();\n\t\t\t\tbreak;\n\t\t\t}\n\t\t\tcase 'ArrowUp': {\n\t\t\t\tawait openItems[currentIndex - 1]?.focus();\n\t\t\t\tevent.preventDefault();\n\t\t\t\tbreak;\n\t\t\t}\n\t\t\tcase 'Right':\n\t\t\tcase 'ArrowRight': {\n\t\t\t\tevent.preventDefault();\n\t\t\t\tif (await currentTreeItem.isOpen()) {\n\t\t\t\t\tawait openItems[currentIndex + 1]?.focus();\n\t\t\t\t} else {\n\t\t\t\t\tawait currentTreeItem.expand();\n\t\t\t\t}\n\t\t\t\tbreak;\n\t\t\t}\n\t\t\tcase 'Left':\n\t\t\tcase 'ArrowLeft': {\n\t\t\t\tevent.preventDefault();\n\t\t\t\tif (await currentTreeItem.isOpen()) {\n\t\t\t\t\tawait currentTreeItem.collapse();\n\t\t\t\t} else {\n\t\t\t\t\tconst parentItem = currentTreeItem.parentElement as HTMLKolTreeItemElement | null;\n\t\t\t\t\tconst parentIndex = parentItem ? openItems.indexOf(parentItem) : -1;\n\t\t\t\t\tif (parentIndex !== -1) {\n\t\t\t\t\t\tawait openItems[parentIndex]?.focus();\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\tbreak;\n\t\t\t}\n\t\t\tcase 'Home': {\n\t\t\t\tawait openItems[0]?.focus();\n\t\t\t\tevent.preventDefault();\n\t\t\t\tbreak;\n\t\t\t}\n\t\t\tcase 'End': {\n\t\t\t\tawait openItems[openItems.length - 1]?.focus();\n\t\t\t\tevent.preventDefault();\n\t\t\t\tbreak;\n\t\t\t}\n\t\t\tcase event.key.match(/^[a-zA-Z0-9]$/)?.input: {\n\t\t\t\t/* Ignore events with any modifier key to avoid breaking native browser or OS shortcuts such as ⌘+L */\n\t\t\t\tif (!hasModifierKeyPressed) {\n\t\t\t\t\tconst char = event.key.toLowerCase();\n\t\t\t\t\tconst startIndex = openItems.indexOf(currentTreeItem) + 1;\n\n\t\t\t\t\t// Search from startIndex to end\n\t\t\t\t\tlet matchIndex = openItems.slice(startIndex).findIndex((item) => item.getAttribute('_label')?.trim().toLowerCase().startsWith(char));\n\n\t\t\t\t\t// If not found, wrap around to beginning\n\t\t\t\t\tif (matchIndex === -1) {\n\t\t\t\t\t\tmatchIndex = openItems.slice(0, startIndex).findIndex((item) => item.getAttribute('_label')?.trim().toLowerCase().startsWith(char));\n\t\t\t\t\t\t// Adjust matchIndex if found in wrap-around\n\t\t\t\t\t\tif (matchIndex !== -1) {\n\t\t\t\t\t\t\t// matchIndex is already correct (0-based from slice(0, startIndex))\n\t\t\t\t\t\t}\n\t\t\t\t\t} else {\n\t\t\t\t\t\t// matchIndex is from slice(startIndex), so add startIndex to get actual index\n\t\t\t\t\t\tmatchIndex += startIndex;\n\t\t\t\t\t}\n\n\t\t\t\t\tif (matchIndex !== -1) {\n\t\t\t\t\t\tawait openItems[matchIndex]?.focus();\n\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\tbreak;\n\t\t\t}\n\t\t\tcase '*': {\n\t\t\t\tconst siblings = currentTreeItem.parentElement?.querySelectorAll(KolTreeItemTag);\n\t\t\t\tsiblings?.forEach((element) => {\n\t\t\t\t\tvoid element.expand();\n\t\t\t\t});\n\t\t\t\tbreak;\n\t\t\t}\n\t\t}\n\t}\n\n\t@Listen('focusin')\n\tpublic handleFocusIn(event: FocusEvent) {\n\t\t// Only delegate if no tree item is already focused\n\t\tif (event.target === this.host && !document.activeElement?.closest(KolTreeItemTag)) {\n\t\t\t// Defer to next frame to ensure tree is fully ready\n\t\t\trequestAnimationFrame(() => {\n\t\t\t\tvoid this.focus();\n\t\t\t});\n\t\t}\n\t}\n\n\t@Listen('focusout')\n\tpublic handleFocusOut(event: FocusEvent) {\n\t\tif (event.relatedTarget && !(event.relatedTarget as Element).closest(KolTreeTag)) {\n\t\t\t/* Tree lost focus */\n\t\t\tthis.ensureActiveItemVisibility();\n\t\t}\n\t}\n\n\tprivate ensureActiveItemVisibility() {\n\t\tconst findActiveItem = (): HTMLKolTreeItemElement | undefined => {\n\t\t\tconst rootNodes = (this.host?.querySelector('slot')?.assignedNodes?.() as HTMLElement[])?.filter(KolTreeWc.isTreeItem) ?? [];\n\t\t\tfor (const rootNode of rootNodes) {\n\t\t\t\tif (rootNode._active) {\n\t\t\t\t\treturn rootNode;\n\t\t\t\t}\n\t\t\t\tconst childMatch = rootNode.querySelector(`${KolTreeItemTag}[_active=\"true\"]`);\n\t\t\t\tif (childMatch && (childMatch as HTMLKolTreeItemElement)._active) {\n\t\t\t\t\treturn childMatch as HTMLKolTreeItemElement;\n\t\t\t\t}\n\t\t\t}\n\t\t};\n\n\t\tconst expandParentElements = (element: HTMLKolTreeItemElement) => {\n\t\t\tif (KolTreeWc.isTreeItem(element.parentElement)) {\n\t\t\t\tvoid element.parentElement.expand();\n\t\t\t\texpandParentElements(element.parentElement);\n\t\t\t}\n\t\t};\n\n\t\tconst target = findActiveItem();\n\t\tif (target) {\n\t\t\texpandParentElements(target);\n\t\t}\n\t}\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"kol-tree-wc.entry.esm.js","sources":["src/components/tree/component.tsx"],"sourcesContent":["import type { JSX } from '@stencil/core';\nimport { Component, Element, h, Host, Listen, Method, Prop, State, Watch } from '@stencil/core';\n\nimport { KolTreeItemTag, KolTreeTag } from '../../core/component-names';\nimport type { FocusableElement, KolFocusOptions, LabelPropType, TreeAPI, TreeStates } from '../../schema';\nimport { validateLabel } from '../../schema';\n\n/**\n * @internal\n */\n@Component({\n\ttag: 'kol-tree-wc',\n\tshadow: false,\n})\nexport class KolTreeWc implements TreeAPI, FocusableElement {\n\t@Element() private readonly host?: HTMLKolTreeWcElement;\n\n\t@State() public state: TreeStates = {\n\t\t_label: '',\n\t};\n\tprivate observer?: MutationObserver;\n\tprivate treeItemElements?: HTMLKolTreeItemElement[];\n\tprivate cachedOpenItems?: HTMLKolTreeItemElement[] | undefined;\n\tprivate cacheValid = false;\n\tprivate rafHandle?: number;\n\n\t/**\n\t * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).\n\t */\n\t@Prop() _label!: LabelPropType;\n\n\t@Watch('_label') validateLabel(value?: LabelPropType): void {\n\t\tvalidateLabel(this, value);\n\t}\n\n\t/**\n\t * Sets focus on the first focusable tree item.\n\t */\n\t@Method()\n\tpublic async focus(options?: KolFocusOptions): Promise<void> {\n\t\tconst openItems = await this.getOpenTreeItemElements();\n\t\tawait openItems?.[0]?.focus(options);\n\t}\n\n\t/**\n\t * Invalidates the cache for open tree items.\n\t * Called by tree-item when expand/collapse occurs.\n\t * @internal\n\t */\n\t@Method()\n\tpublic async invalidateOpenItemsCache(): Promise<void> {\n\t\tawait Promise.resolve((this.cacheValid = false));\n\t}\n\n\tpublic render(): JSX.Element {\n\t\treturn (\n\t\t\t<Host onSlotchange={this.handleSlotchange.bind(this)}>\n\t\t\t\t<nav class=\"kol-tree\" aria-label={this.state._label}>\n\t\t\t\t\t<ul class=\"kol-tree__treeview-navigation\" role=\"tree\" aria-label={this.state._label}>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</ul>\n\t\t\t\t</nav>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\tprivate static isTreeItem(this: void, element?: HTMLElement | null): element is HTMLKolTreeItemElement {\n\t\treturn element?.tagName === KolTreeItemTag.toUpperCase();\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tthis.validateLabel(this._label);\n\n\t\tthis.handleTreeChange();\n\t\tthis.observeChildListMutations();\n\t}\n\n\tpublic disconnectedCallback(): void {\n\t\tthis.observer?.disconnect();\n\t\tif (this.rafHandle !== undefined) {\n\t\t\tcancelAnimationFrame(this.rafHandle);\n\t\t\tthis.rafHandle = undefined;\n\t\t}\n\t}\n\n\tprivate observeChildListMutations() {\n\t\tthis.observer = new MutationObserver(() => this.scheduleTreeChange());\n\t\tthis.observeTopLevelItems();\n\t}\n\n\tprivate handleSlotchange() {\n\t\tthis.observeTopLevelItems();\n\t\tthis.scheduleTreeChange();\n\t}\n\n\tprivate observeTopLevelItems() {\n\t\tthis.getTopLevelTreeItems()?.forEach((treeItem) => {\n\t\t\tthis.observer?.observe(treeItem, { childList: true, subtree: true });\n\t\t});\n\t}\n\n\tprivate scheduleTreeChange() {\n\t\tif (this.rafHandle) cancelAnimationFrame(this.rafHandle);\n\t\tthis.rafHandle = requestAnimationFrame(() => {\n\t\t\tthis.handleTreeChange();\n\t\t});\n\t}\n\n\tprivate getTopLevelTreeItems(): HTMLKolTreeItemElement[] {\n\t\treturn (this.host?.querySelector('slot')?.assignedNodes?.() as HTMLElement[])?.filter(KolTreeWc.isTreeItem);\n\t}\n\n\tprivate handleTreeChange(): void {\n\t\tthis.treeItemElements = this.getTreeItemElements();\n\t\tthis.cacheValid = false;\n\t\tvoid this.ensureActiveItemVisibility();\n\t}\n\n\t/**\n\t * Returns array of all TreeItem elements in the order they appear\n\t */\n\tprivate getTreeItemElements(): HTMLKolTreeItemElement[] {\n\t\treturn this.getTopLevelTreeItems()?.reduce((accumulator: HTMLKolTreeItemElement[], currentValue: HTMLKolTreeItemElement) => {\n\t\t\tconst children = currentValue.querySelectorAll(KolTreeItemTag);\n\n\t\t\treturn [...accumulator, currentValue, ...children];\n\t\t}, []);\n\t}\n\n\tprivate async getOpenTreeItemElements(): Promise<HTMLKolTreeItemElement[] | undefined> {\n\t\tif (!this.treeItemElements) {\n\t\t\treturn;\n\t\t}\n\n\t\t// Cache-Hit: Return cached result\n\t\tif (this.cacheValid && this.cachedOpenItems) {\n\t\t\treturn this.cachedOpenItems;\n\t\t}\n\n\t\tconst areAllParentsOpen = async (element: HTMLKolTreeItemElement): Promise<boolean> => {\n\t\t\tlet parent = element.parentElement as HTMLKolTreeItemElement | null;\n\t\t\twhile (parent && KolTreeWc.isTreeItem(parent)) {\n\t\t\t\tif (!(await parent.isOpen())) {\n\t\t\t\t\treturn false;\n\t\t\t\t}\n\t\t\t\tparent = parent.parentElement as HTMLKolTreeItemElement | null;\n\t\t\t}\n\t\t\treturn true;\n\t\t};\n\n\t\t// Cache the result\n\t\tthis.cachedOpenItems = await Promise.all(\n\t\t\tthis.treeItemElements.map(async (item) => ({\n\t\t\t\titem,\n\t\t\t\tisOpen: await areAllParentsOpen(item),\n\t\t\t})),\n\t\t).then((results) => results.filter(({ isOpen }) => isOpen).map(({ item }) => item));\n\t\tthis.cacheValid = true;\n\n\t\treturn this.cachedOpenItems;\n\t}\n\n\t@Listen('keydown')\n\tpublic async handleKeyDown(event: KeyboardEvent) {\n\t\tconst openItems = await this.getOpenTreeItemElements();\n\t\tconst currentTreeItem: HTMLKolTreeItemElement | undefined | null = document.activeElement?.closest(KolTreeItemTag);\n\t\tconst hasModifierKeyPressed = event.metaKey || event.altKey || event.ctrlKey || event.shiftKey;\n\n\t\tif (!openItems || !currentTreeItem) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst currentIndex = openItems?.findIndex((elem) => elem === currentTreeItem);\n\n\t\tswitch (event.key) {\n\t\t\tcase 'ArrowDown': {\n\t\t\t\tawait openItems[currentIndex + 1]?.focus();\n\t\t\t\tevent.preventDefault();\n\t\t\t\tbreak;\n\t\t\t}\n\t\t\tcase 'ArrowUp': {\n\t\t\t\tawait openItems[currentIndex - 1]?.focus();\n\t\t\t\tevent.preventDefault();\n\t\t\t\tbreak;\n\t\t\t}\n\t\t\tcase 'Right':\n\t\t\tcase 'ArrowRight': {\n\t\t\t\tevent.preventDefault();\n\t\t\t\tif (await currentTreeItem.isOpen()) {\n\t\t\t\t\tawait openItems[currentIndex + 1]?.focus();\n\t\t\t\t} else {\n\t\t\t\t\tawait currentTreeItem.expand();\n\t\t\t\t}\n\t\t\t\tbreak;\n\t\t\t}\n\t\t\tcase 'Left':\n\t\t\tcase 'ArrowLeft': {\n\t\t\t\tevent.preventDefault();\n\t\t\t\tif (await currentTreeItem.isOpen()) {\n\t\t\t\t\tawait currentTreeItem.collapse();\n\t\t\t\t} else {\n\t\t\t\t\tconst parentItem = currentTreeItem.parentElement as HTMLKolTreeItemElement | null;\n\t\t\t\t\tconst parentIndex = parentItem ? openItems.indexOf(parentItem) : -1;\n\t\t\t\t\tif (parentIndex !== -1) {\n\t\t\t\t\t\tawait openItems[parentIndex]?.focus();\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\tbreak;\n\t\t\t}\n\t\t\tcase 'Home': {\n\t\t\t\tawait openItems[0]?.focus();\n\t\t\t\tevent.preventDefault();\n\t\t\t\tbreak;\n\t\t\t}\n\t\t\tcase 'End': {\n\t\t\t\tawait openItems[openItems.length - 1]?.focus();\n\t\t\t\tevent.preventDefault();\n\t\t\t\tbreak;\n\t\t\t}\n\t\t\tcase event.key.match(/^[a-zA-Z0-9]$/)?.input: {\n\t\t\t\t/* Ignore events with any modifier key to avoid breaking native browser or OS shortcuts such as ⌘+L */\n\t\t\t\tif (!hasModifierKeyPressed) {\n\t\t\t\t\tconst char = event.key.toLowerCase();\n\t\t\t\t\tconst startIndex = openItems.indexOf(currentTreeItem) + 1;\n\n\t\t\t\t\t// Search from startIndex to end\n\t\t\t\t\tlet matchIndex = openItems.slice(startIndex).findIndex((item) => item.getAttribute('_label')?.trim().toLowerCase().startsWith(char));\n\n\t\t\t\t\t// If not found, wrap around to beginning\n\t\t\t\t\tif (matchIndex === -1) {\n\t\t\t\t\t\tmatchIndex = openItems.slice(0, startIndex).findIndex((item) => item.getAttribute('_label')?.trim().toLowerCase().startsWith(char));\n\t\t\t\t\t\t// Adjust matchIndex if found in wrap-around\n\t\t\t\t\t\tif (matchIndex !== -1) {\n\t\t\t\t\t\t\t// matchIndex is already correct (0-based from slice(0, startIndex))\n\t\t\t\t\t\t}\n\t\t\t\t\t} else {\n\t\t\t\t\t\t// matchIndex is from slice(startIndex), so add startIndex to get actual index\n\t\t\t\t\t\tmatchIndex += startIndex;\n\t\t\t\t\t}\n\n\t\t\t\t\tif (matchIndex !== -1) {\n\t\t\t\t\t\tawait openItems[matchIndex]?.focus();\n\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\tbreak;\n\t\t\t}\n\t\t\tcase '*': {\n\t\t\t\tconst siblings = currentTreeItem.parentElement?.querySelectorAll(KolTreeItemTag);\n\t\t\t\tsiblings?.forEach((element) => {\n\t\t\t\t\tvoid element.expand();\n\t\t\t\t});\n\t\t\t\tbreak;\n\t\t\t}\n\t\t}\n\t}\n\n\t@Listen('focusin')\n\tpublic handleFocusIn(event: FocusEvent) {\n\t\t// Only delegate if no tree item is already focused\n\t\tif (event.target === this.host && !document.activeElement?.closest(KolTreeItemTag)) {\n\t\t\t// Defer to next frame to ensure tree is fully ready\n\t\t\trequestAnimationFrame(() => {\n\t\t\t\tvoid this.focus();\n\t\t\t});\n\t\t}\n\t}\n\n\t@Listen('focusout')\n\tpublic handleFocusOut(event: FocusEvent) {\n\t\tif (event.relatedTarget && !(event.relatedTarget as Element).closest(KolTreeTag)) {\n\t\t\t/* Tree lost focus */\n\t\t\tthis.ensureActiveItemVisibility();\n\t\t}\n\t}\n\n\tprivate ensureActiveItemVisibility() {\n\t\tconst findActiveItem = (): HTMLKolTreeItemElement | undefined => {\n\t\t\tconst rootNodes = (this.host?.querySelector('slot')?.assignedNodes?.() as HTMLElement[])?.filter(KolTreeWc.isTreeItem) ?? [];\n\t\t\tfor (const rootNode of rootNodes) {\n\t\t\t\tif (rootNode._active) {\n\t\t\t\t\treturn rootNode;\n\t\t\t\t}\n\t\t\t\tconst childMatch = rootNode.querySelector(`${KolTreeItemTag}[_active=\"true\"]`);\n\t\t\t\tif (childMatch && (childMatch as HTMLKolTreeItemElement)._active) {\n\t\t\t\t\treturn childMatch as HTMLKolTreeItemElement;\n\t\t\t\t}\n\t\t\t}\n\t\t};\n\n\t\tconst expandParentElements = (element: HTMLKolTreeItemElement) => {\n\t\t\tif (KolTreeWc.isTreeItem(element.parentElement)) {\n\t\t\t\tvoid element.parentElement.expand();\n\t\t\t\texpandParentElements(element.parentElement);\n\t\t\t}\n\t\t};\n\n\t\tconst target = findActiveItem();\n\t\tif (target) {\n\t\t\texpandParentElements(target);\n\t\t}\n\t}\n}\n"],"names":[],"mappings":"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"}

package/dist/kolibri/kol-tree-wc.entry.js

@@ -1,5 +1,5 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{r as i,h as e,H as t,g as a}from"./index-BQlHOxik.js";import{v as s,u as o}from"./component-names-Dy77vq43.js";import"./common-Cx_AGO_M.js";import{v as n}from"./label-Fyi30H9j.js";const l=class{constructor(e){i(this,e);this.state={_label:""};this.cacheValid=false}validateLabel(i){n(this,i)}async focus(){var i;const e=await this.getOpenTreeItemElements();await((i=e===null||e===void 0?void 0:e[0])===null||i===void 0?void 0:i.focus())}async invalidateOpenItemsCache(){await Promise.resolve(this.cacheValid=false)}render(){return e(t,{key:"a788072549f6998bb11036a8d4b6fdb86ecc589b",onSlotchange:this.handleSlotchange.bind(this)},e("nav",{key:"655f5ab41e487c1351df3526e8cfe9880787247a",class:"kol-tree","aria-label":this.state._label},e("ul",{key:"a11bb5d15793e011bb53df02a6ee9627d6060b4e",class:"kol-tree__treeview-navigation",role:"tree","aria-label":this.state._label},e("slot",{key:"c861df068ff6bfff14c5a5262d3f718db3b7da85"}))))}static isTreeItem(i){return(i===null||i===void 0?void 0:i.tagName)===s.toUpperCase()}componentWillLoad(){this.validateLabel(this._label);this.handleTreeChange();this.observeChildListMutations()}disconnectedCallback(){var i;(i=this.observer)===null||i===void 0?void 0:i.disconnect();if(this.rafHandle!==undefined){cancelAnimationFrame(this.rafHandle);this.rafHandle=undefined}}observeChildListMutations(){this.observer=new MutationObserver((()=>this.scheduleTreeChange()));this.observeTopLevelItems()}handleSlotchange(){this.observeTopLevelItems();this.scheduleTreeChange()}observeTopLevelItems(){var i;(i=this.getTopLevelTreeItems())===null||i===void 0?void 0:i.forEach((i=>{var e;(e=this.observer)===null||e===void 0?void 0:e.observe(i,{childList:true,subtree:true})}))}scheduleTreeChange(){if(this.rafHandle)cancelAnimationFrame(this.rafHandle);this.rafHandle=requestAnimationFrame((()=>{this.handleTreeChange()}))}getTopLevelTreeItems(){var i,e,t,a;return(a=(t=(e=(i=this.host)===null||i===void 0?void 0:i.querySelector("slot"))===null||e===void 0?void 0:e.assignedNodes)===null||t===void 0?void 0:t.call(e))===null||a===void 0?void 0:a.filter(l.isTreeItem)}handleTreeChange(){this.treeItemElements=this.getTreeItemElements();this.cacheValid=false;void this.ensureActiveItemVisibility()}getTreeItemElements(){var i;return(i=this.getTopLevelTreeItems())===null||i===void 0?void 0:i.reduce(((i,e)=>{const t=e.querySelectorAll(s);return[...i,e,...t]}),[])}async getOpenTreeItemElements(){if(!this.treeItemElements){return}if(this.cacheValid&&this.cachedOpenItems){return this.cachedOpenItems}const i=async i=>{let e=i.parentElement;while(e&&l.isTreeItem(e)){if(!await e.isOpen()){return false}e=e.parentElement}return true};this.cachedOpenItems=await Promise.all(this.treeItemElements.map((async e=>({item:e,isOpen:await i(e)})))).then((i=>i.filter((({isOpen:i})=>i)).map((({item:i})=>i))));this.cacheValid=true;return this.cachedOpenItems}async handleKeyDown(i){var e,t,a,o,n,l,r,d,v,c;const u=await this.getOpenTreeItemElements();const h=(e=document.activeElement)===null||e===void 0?void 0:e.closest(s);const f=i.metaKey||i.altKey||i.ctrlKey||i.shiftKey;if(!u||!h){return}const b=u===null||u===void 0?void 0:u.findIndex((i=>i===h));switch(i.key){case"ArrowDown":{await((t=u[b+1])===null||t===void 0?void 0:t.focus());i.preventDefault();break}case"ArrowUp":{await((a=u[b-1])===null||a===void 0?void 0:a.focus());i.preventDefault();break}case"Right":case"ArrowRight":{i.preventDefault();if(await h.isOpen()){await((o=u[b+1])===null||o===void 0?void 0:o.focus())}else{await h.expand()}break}case"Left":case"ArrowLeft":{i.preventDefault();if(await h.isOpen()){await h.collapse()}else{const i=h.parentElement;const e=i?u.indexOf(i):-1;if(e!==-1){await((n=u[e])===null||n===void 0?void 0:n.focus())}}break}case"Home":{await((l=u[0])===null||l===void 0?void 0:l.focus());i.preventDefault();break}case"End":{await((r=u[u.length-1])===null||r===void 0?void 0:r.focus());i.preventDefault();break}case(d=i.key.match(/^[a-zA-Z0-9]$/))===null||d===void 0?void 0:d.input:{if(!f){const e=i.key.toLowerCase();const t=u.indexOf(h)+1;let a=u.slice(t).findIndex((i=>{var t;return(t=i.getAttribute("_label"))===null||t===void 0?void 0:t.trim().toLowerCase().startsWith(e)}));if(a===-1){a=u.slice(0,t).findIndex((i=>{var t;return(t=i.getAttribute("_label"))===null||t===void 0?void 0:t.trim().toLowerCase().startsWith(e)}))}else{a+=t}if(a!==-1){await((v=u[a])===null||v===void 0?void 0:v.focus());i.preventDefault()}}break}case"*":{const i=(c=h.parentElement)===null||c===void 0?void 0:c.querySelectorAll(s);i===null||i===void 0?void 0:i.forEach((i=>{void i.expand()}));break}}}handleFocusIn(i){var e;if(i.target===this.host&&!((e=document.activeElement)===null||e===void 0?void 0:e.closest(s))){requestAnimationFrame((()=>{void this.focus()}))}}handleFocusOut(i){if(i.relatedTarget&&!i.relatedTarget.closest(o)){this.ensureActiveItemVisibility()}}ensureActiveItemVisibility(){const i=()=>{var i,e,t,a,o;const n=(o=(a=(t=(e=(i=this.host)===null||i===void 0?void 0:i.querySelector("slot"))===null||e===void 0?void 0:e.assignedNodes)===null||t===void 0?void 0:t.call(e))===null||a===void 0?void 0:a.filter(l.isTreeItem))!==null&&o!==void 0?o:[];for(const i of n){if(i._active){return i}const e=i.querySelector(`${s}[_active="true"]`);if(e&&e._active){return e}}};const e=i=>{if(l.isTreeItem(i.parentElement)){void i.parentElement.expand();e(i.parentElement)}};const t=i();if(t){e(t)}}get host(){return a(this)}static get watchers(){return{_label:["validateLabel"]}}};export{l as kol_tree_wc};
+import{r as i,h as e,H as t,g as a}from"./index-Brmny3Vg.js";import{v as s,u as o}from"./component-names-Dy77vq43.js";import"./common-DEEjER7G.js";import{v as n}from"./label-Cg7TG_7b.js";const l=class{constructor(e){i(this,e);this.state={_label:""};this.cacheValid=false}validateLabel(i){n(this,i)}async focus(i){var e;const t=await this.getOpenTreeItemElements();await((e=t===null||t===void 0?void 0:t[0])===null||e===void 0?void 0:e.focus(i))}async invalidateOpenItemsCache(){await Promise.resolve(this.cacheValid=false)}render(){return e(t,{key:"e959e7567723280a3d2b977fd517a8a244da4f1d",onSlotchange:this.handleSlotchange.bind(this)},e("nav",{key:"b52775ce12c956296121529050946f6df7ba4297",class:"kol-tree","aria-label":this.state._label},e("ul",{key:"009f17ecffc6cc4548c61a16592fa72d9f6b82ec",class:"kol-tree__treeview-navigation",role:"tree","aria-label":this.state._label},e("slot",{key:"4c929606aa81ed19511e29f31c002343083114b9"}))))}static isTreeItem(i){return(i===null||i===void 0?void 0:i.tagName)===s.toUpperCase()}componentWillLoad(){this.validateLabel(this._label);this.handleTreeChange();this.observeChildListMutations()}disconnectedCallback(){var i;(i=this.observer)===null||i===void 0?void 0:i.disconnect();if(this.rafHandle!==undefined){cancelAnimationFrame(this.rafHandle);this.rafHandle=undefined}}observeChildListMutations(){this.observer=new MutationObserver((()=>this.scheduleTreeChange()));this.observeTopLevelItems()}handleSlotchange(){this.observeTopLevelItems();this.scheduleTreeChange()}observeTopLevelItems(){var i;(i=this.getTopLevelTreeItems())===null||i===void 0?void 0:i.forEach((i=>{var e;(e=this.observer)===null||e===void 0?void 0:e.observe(i,{childList:true,subtree:true})}))}scheduleTreeChange(){if(this.rafHandle)cancelAnimationFrame(this.rafHandle);this.rafHandle=requestAnimationFrame((()=>{this.handleTreeChange()}))}getTopLevelTreeItems(){var i,e,t,a;return(a=(t=(e=(i=this.host)===null||i===void 0?void 0:i.querySelector("slot"))===null||e===void 0?void 0:e.assignedNodes)===null||t===void 0?void 0:t.call(e))===null||a===void 0?void 0:a.filter(l.isTreeItem)}handleTreeChange(){this.treeItemElements=this.getTreeItemElements();this.cacheValid=false;void this.ensureActiveItemVisibility()}getTreeItemElements(){var i;return(i=this.getTopLevelTreeItems())===null||i===void 0?void 0:i.reduce(((i,e)=>{const t=e.querySelectorAll(s);return[...i,e,...t]}),[])}async getOpenTreeItemElements(){if(!this.treeItemElements){return}if(this.cacheValid&&this.cachedOpenItems){return this.cachedOpenItems}const i=async i=>{let e=i.parentElement;while(e&&l.isTreeItem(e)){if(!await e.isOpen()){return false}e=e.parentElement}return true};this.cachedOpenItems=await Promise.all(this.treeItemElements.map((async e=>({item:e,isOpen:await i(e)})))).then((i=>i.filter((({isOpen:i})=>i)).map((({item:i})=>i))));this.cacheValid=true;return this.cachedOpenItems}async handleKeyDown(i){var e,t,a,o,n,l,r,d,v,c;const u=await this.getOpenTreeItemElements();const h=(e=document.activeElement)===null||e===void 0?void 0:e.closest(s);const f=i.metaKey||i.altKey||i.ctrlKey||i.shiftKey;if(!u||!h){return}const m=u===null||u===void 0?void 0:u.findIndex((i=>i===h));switch(i.key){case"ArrowDown":{await((t=u[m+1])===null||t===void 0?void 0:t.focus());i.preventDefault();break}case"ArrowUp":{await((a=u[m-1])===null||a===void 0?void 0:a.focus());i.preventDefault();break}case"Right":case"ArrowRight":{i.preventDefault();if(await h.isOpen()){await((o=u[m+1])===null||o===void 0?void 0:o.focus())}else{await h.expand()}break}case"Left":case"ArrowLeft":{i.preventDefault();if(await h.isOpen()){await h.collapse()}else{const i=h.parentElement;const e=i?u.indexOf(i):-1;if(e!==-1){await((n=u[e])===null||n===void 0?void 0:n.focus())}}break}case"Home":{await((l=u[0])===null||l===void 0?void 0:l.focus());i.preventDefault();break}case"End":{await((r=u[u.length-1])===null||r===void 0?void 0:r.focus());i.preventDefault();break}case(d=i.key.match(/^[a-zA-Z0-9]$/))===null||d===void 0?void 0:d.input:{if(!f){const e=i.key.toLowerCase();const t=u.indexOf(h)+1;let a=u.slice(t).findIndex((i=>{var t;return(t=i.getAttribute("_label"))===null||t===void 0?void 0:t.trim().toLowerCase().startsWith(e)}));if(a===-1){a=u.slice(0,t).findIndex((i=>{var t;return(t=i.getAttribute("_label"))===null||t===void 0?void 0:t.trim().toLowerCase().startsWith(e)}))}else{a+=t}if(a!==-1){await((v=u[a])===null||v===void 0?void 0:v.focus());i.preventDefault()}}break}case"*":{const i=(c=h.parentElement)===null||c===void 0?void 0:c.querySelectorAll(s);i===null||i===void 0?void 0:i.forEach((i=>{void i.expand()}));break}}}handleFocusIn(i){var e;if(i.target===this.host&&!((e=document.activeElement)===null||e===void 0?void 0:e.closest(s))){requestAnimationFrame((()=>{void this.focus()}))}}handleFocusOut(i){if(i.relatedTarget&&!i.relatedTarget.closest(o)){this.ensureActiveItemVisibility()}}ensureActiveItemVisibility(){const i=()=>{var i,e,t,a,o;const n=(o=(a=(t=(e=(i=this.host)===null||i===void 0?void 0:i.querySelector("slot"))===null||e===void 0?void 0:e.assignedNodes)===null||t===void 0?void 0:t.call(e))===null||a===void 0?void 0:a.filter(l.isTreeItem))!==null&&o!==void 0?o:[];for(const i of n){if(i._active){return i}const e=i.querySelector(`${s}[_active="true"]`);if(e&&e._active){return e}}};const e=i=>{if(l.isTreeItem(i.parentElement)){void i.parentElement.expand();e(i.parentElement)}};const t=i();if(t){e(t)}}get host(){return a(this)}static get watchers(){return{_label:["validateLabel"]}}};export{l as kol_tree_wc};
 //# sourceMappingURL=kol-tree-wc.entry.js.map

package/dist/kolibri/kol-tree-wc.entry.js.map

@@ -1 +1 @@
-{"version":3,"names":["registerInstance","h","Host","getElement","KolTreeItemTag","KolTreeTag","validateLabel","KolTreeWc","constructor","hostRef","this","state","_label","cacheValid","value","focus","_a","openItems","getOpenTreeItemElements","invalidateOpenItemsCache","Promise","resolve","render","key","onSlotchange","handleSlotchange","bind","class","role","isTreeItem","element","tagName","toUpperCase","componentWillLoad","handleTreeChange","observeChildListMutations","disconnectedCallback","observer","disconnect","rafHandle","undefined","cancelAnimationFrame","MutationObserver","scheduleTreeChange","observeTopLevelItems","getTopLevelTreeItems","forEach","treeItem","observe","childList","subtree","requestAnimationFrame","_b","_c","_d","host","querySelector","assignedNodes","call","filter","treeItemElements","getTreeItemElements","ensureActiveItemVisibility","reduce","accumulator","currentValue","children","querySelectorAll","cachedOpenItems","areAllParentsOpen","async","parent","parentElement","isOpen","all","map","item","then","results","handleKeyDown","event","_e","_f","_g","_h","_j","_k","currentTreeItem","document","activeElement","closest","hasModifierKeyPressed","metaKey","altKey","ctrlKey","shiftKey","currentIndex","findIndex","elem","preventDefault","expand","collapse","parentItem","parentIndex","indexOf","length","match","input","char","toLowerCase","startIndex","matchIndex","slice","getAttribute","trim","startsWith","siblings","handleFocusIn","target","handleFocusOut","relatedTarget","findActiveItem","rootNodes","rootNode","_active","childMatch","expandParentElements","watchers"],"sources":["0"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["registerInstance","h","Host","getElement","KolTreeItemTag","KolTreeTag","validateLabel","KolTreeWc","constructor","hostRef","this","state","_label","cacheValid","value","focus","options","_a","openItems","getOpenTreeItemElements","invalidateOpenItemsCache","Promise","resolve","render","key","onSlotchange","handleSlotchange","bind","class","role","isTreeItem","element","tagName","toUpperCase","componentWillLoad","handleTreeChange","observeChildListMutations","disconnectedCallback","observer","disconnect","rafHandle","undefined","cancelAnimationFrame","MutationObserver","scheduleTreeChange","observeTopLevelItems","getTopLevelTreeItems","forEach","treeItem","observe","childList","subtree","requestAnimationFrame","_b","_c","_d","host","querySelector","assignedNodes","call","filter","treeItemElements","getTreeItemElements","ensureActiveItemVisibility","reduce","accumulator","currentValue","children","querySelectorAll","cachedOpenItems","areAllParentsOpen","async","parent","parentElement","isOpen","all","map","item","then","results","handleKeyDown","event","_e","_f","_g","_h","_j","_k","currentTreeItem","document","activeElement","closest","hasModifierKeyPressed","metaKey","altKey","ctrlKey","shiftKey","currentIndex","findIndex","elem","preventDefault","expand","collapse","parentItem","parentIndex","indexOf","length","match","input","char","toLowerCase","startIndex","matchIndex","slice","getAttribute","trim","startsWith","siblings","handleFocusIn","target","handleFocusOut","relatedTarget","findActiveItem","rootNodes","rootNode","_active","childMatch","expandParentElements","watchers"],"sources":["0"],"mappings":";;;YAGcA,OAAkBC,OAAQC,OAAWC,MAAkB,kCACvDC,OAAqBC,MAAkB,sCAC9C,mCACOC,MAAqB,sBAEnC,MAAMC,EAAY,MACd,WAAAC,CAAYC,GACRT,EAAiBU,KAAMD,GACvBC,KAAKC,MAAQ,CACTC,OAAQ,IAEZF,KAAKG,WAAa,KACtB,CACA,aAAAP,CAAcQ,GACVR,EAAcI,KAAMI,EACxB,CACA,WAAMC,CAAMC,GACR,IAAIC,EACJ,MAAMC,QAAkBR,KAAKS,iCACrBF,EAAKC,IAAc,MAAQA,SAAmB,OAAS,EAAIA,EAAU,MAAQ,MAAQD,SAAY,OAAS,EAAIA,EAAGF,MAAMC,GACnI,CACA,8BAAMI,SACIC,QAAQC,QAASZ,KAAKG,WAAa,MAC7C,CACA,MAAAU,GACI,OAAQtB,EAAEC,EAAM,CAAEsB,IAAK,2CAA4CC,aAAcf,KAAKgB,iBAAiBC,KAAKjB,OAAST,EAAE,MAAO,CAAEuB,IAAK,2CAA4CI,MAAO,WAAY,aAAclB,KAAKC,MAAMC,QAAUX,EAAE,KAAM,CAAEuB,IAAK,2CAA4CI,MAAO,gCAAiCC,KAAM,OAAQ,aAAcnB,KAAKC,MAAMC,QAAUX,EAAE,OAAQ,CAAEuB,IAAK,+CAChZ,CACA,iBAAOM,CAAWC,GACd,OAAQA,IAAY,MAAQA,SAAiB,OAAS,EAAIA,EAAQC,WAAa5B,EAAe6B,aAClG,CACA,iBAAAC,GACIxB,KAAKJ,cAAcI,KAAKE,QACxBF,KAAKyB,mBACLzB,KAAK0B,2BACT,CACA,oBAAAC,GACI,IAAIpB,GACHA,EAAKP,KAAK4B,YAAc,MAAQrB,SAAY,OAAS,EAAIA,EAAGsB,aAC7D,GAAI7B,KAAK8B,YAAcC,UAAW,CAC9BC,qBAAqBhC,KAAK8B,WAC1B9B,KAAK8B,UAAYC,SACrB,CACJ,CACA,yBAAAL,GACI1B,KAAK4B,SAAW,IAAIK,kBAAiB,IAAMjC,KAAKkC,uBAChDlC,KAAKmC,sBACT,CACA,gBAAAnB,GACIhB,KAAKmC,uBACLnC,KAAKkC,oBACT,CACA,oBAAAC,GACI,IAAI5B,GACHA,EAAKP,KAAKoC,0BAA4B,MAAQ7B,SAAY,OAAS,EAAIA,EAAG8B,SAASC,IAChF,IAAI/B,GACHA,EAAKP,KAAK4B,YAAc,MAAQrB,SAAY,OAAS,EAAIA,EAAGgC,QAAQD,EAAU,CAAEE,UAAW,KAAMC,QAAS,MAAO,GAE1H,CACA,kBAAAP,GACI,GAAIlC,KAAK8B,UACLE,qBAAqBhC,KAAK8B,WAC9B9B,KAAK8B,UAAYY,uBAAsB,KACnC1C,KAAKyB,kBAAkB,GAE/B,CACA,oBAAAW,GACI,IAAI7B,EAAIoC,EAAIC,EAAIC,EAChB,OAAQA,GAAMD,GAAMD,GAAMpC,EAAKP,KAAK8C,QAAU,MAAQvC,SAAY,OAAS,EAAIA,EAAGwC,cAAc,WAAa,MAAQJ,SAAY,OAAS,EAAIA,EAAGK,iBAAmB,MAAQJ,SAAY,OAAS,EAAIA,EAAGK,KAAKN,MAAS,MAAQE,SAAY,OAAS,EAAIA,EAAGK,OAAOrD,EAAUuB,WAC/Q,CACA,gBAAAK,GACIzB,KAAKmD,iBAAmBnD,KAAKoD,sBAC7BpD,KAAKG,WAAa,WACbH,KAAKqD,4BACd,CACA,mBAAAD,GACI,IAAI7C,EACJ,OAAQA,EAAKP,KAAKoC,0BAA4B,MAAQ7B,SAAY,OAAS,EAAIA,EAAG+C,QAAO,CAACC,EAAaC,KACnG,MAAMC,EAAWD,EAAaE,iBAAiBhE,GAC/C,MAAO,IAAI6D,EAAaC,KAAiBC,EAAS,GACnD,GACP,CACA,6BAAMhD,GACF,IAAKT,KAAKmD,iBAAkB,CACxB,MACJ,CACA,GAAInD,KAAKG,YAAcH,KAAK2D,gBAAiB,CACzC,OAAO3D,KAAK2D,eAChB,CACA,MAAMC,EAAoBC,MAAOxC,IAC7B,IAAIyC,EAASzC,EAAQ0C,cACrB,MAAOD,GAAUjE,EAAUuB,WAAW0C,GAAS,CAC3C,UAAYA,EAAOE,SAAW,CAC1B,OAAO,KACX,CACAF,EAASA,EAAOC,aACpB,CACA,OAAO,IAAI,EAEf/D,KAAK2D,sBAAwBhD,QAAQsD,IAAIjE,KAAKmD,iBAAiBe,KAAIL,MAAOM,IAAS,CAC/EA,OACAH,aAAcJ,EAAkBO,QAC/BC,MAAMC,GAAYA,EAAQnB,QAAO,EAAGc,YAAaA,IAAQE,KAAI,EAAGC,UAAWA,MAChFnE,KAAKG,WAAa,KAClB,OAAOH,KAAK2D,eAChB,CACA,mBAAMW,CAAcC,GAChB,IAAIhE,EAAIoC,EAAIC,EAAIC,EAAI2B,EAAIC,EAAIC,EAAIC,EAAIC,EAAIC,EACxC,MAAMrE,QAAkBR,KAAKS,0BAC7B,MAAMqE,GAAmBvE,EAAKwE,SAASC,iBAAmB,MAAQzE,SAAY,OAAS,EAAIA,EAAG0E,QAAQvF,GACtG,MAAMwF,EAAwBX,EAAMY,SAAWZ,EAAMa,QAAUb,EAAMc,SAAWd,EAAMe,SACtF,IAAK9E,IAAcsE,EAAiB,CAChC,MACJ,CACA,MAAMS,EAAe/E,IAAc,MAAQA,SAAmB,OAAS,EAAIA,EAAUgF,WAAWC,GAASA,IAASX,IAClH,OAAQP,EAAMzD,KACV,IAAK,YAAa,QACN6B,EAAKnC,EAAU+E,EAAe,MAAQ,MAAQ5C,SAAY,OAAS,EAAIA,EAAGtC,SAClFkE,EAAMmB,iBACN,KACJ,CACA,IAAK,UAAW,QACJ9C,EAAKpC,EAAU+E,EAAe,MAAQ,MAAQ3C,SAAY,OAAS,EAAIA,EAAGvC,SAClFkE,EAAMmB,iBACN,KACJ,CACA,IAAK,QACL,IAAK,aAAc,CACfnB,EAAMmB,iBACN,SAAUZ,EAAgBd,SAAU,QACxBnB,EAAKrC,EAAU+E,EAAe,MAAQ,MAAQ1C,SAAY,OAAS,EAAIA,EAAGxC,QACtF,KACK,OACKyE,EAAgBa,QAC1B,CACA,KACJ,CACA,IAAK,OACL,IAAK,YAAa,CACdpB,EAAMmB,iBACN,SAAUZ,EAAgBd,SAAU,OAC1Bc,EAAgBc,UAC1B,KACK,CACD,MAAMC,EAAaf,EAAgBf,cACnC,MAAM+B,EAAcD,EAAarF,EAAUuF,QAAQF,IAAe,EAClE,GAAIC,KAAiB,EAAG,QACZtB,EAAKhE,EAAUsF,MAAkB,MAAQtB,SAAY,OAAS,EAAIA,EAAGnE,QACjF,CACJ,CACA,KACJ,CACA,IAAK,OAAQ,QACDoE,EAAKjE,EAAU,MAAQ,MAAQiE,SAAY,OAAS,EAAIA,EAAGpE,SACnEkE,EAAMmB,iBACN,KACJ,CACA,IAAK,MAAO,QACAhB,EAAKlE,EAAUA,EAAUwF,OAAS,MAAQ,MAAQtB,SAAY,OAAS,EAAIA,EAAGrE,SACtFkE,EAAMmB,iBACN,KACJ,CACA,KAAMf,EAAKJ,EAAMzD,IAAImF,MAAM,oBAAsB,MAAQtB,SAAY,OAAS,EAAIA,EAAGuB,MAAO,CACxF,IAAKhB,EAAuB,CACxB,MAAMiB,EAAO5B,EAAMzD,IAAIsF,cACvB,MAAMC,EAAa7F,EAAUuF,QAAQjB,GAAmB,EACxD,IAAIwB,EAAa9F,EAAU+F,MAAMF,GAAYb,WAAWrB,IAAW,IAAI5D,EAAI,OAAQA,EAAK4D,EAAKqC,aAAa,aAAe,MAAQjG,SAAY,OAAS,EAAIA,EAAGkG,OAAOL,cAAcM,WAAWP,EAAK,IAClM,GAAIG,KAAgB,EAAG,CACnBA,EAAa9F,EAAU+F,MAAM,EAAGF,GAAYb,WAAWrB,IAAW,IAAI5D,EAAI,OAAQA,EAAK4D,EAAKqC,aAAa,aAAe,MAAQjG,SAAY,OAAS,EAAIA,EAAGkG,OAAOL,cAAcM,WAAWP,EAAK,GACrM,KACK,CACDG,GAAcD,CAClB,CACA,GAAIC,KAAgB,EAAG,QACX1B,EAAKpE,EAAU8F,MAAiB,MAAQ1B,SAAY,OAAS,EAAIA,EAAGvE,SAC5EkE,EAAMmB,gBACV,CACJ,CACA,KACJ,CACA,IAAK,IAAK,CACN,MAAMiB,GAAY9B,EAAKC,EAAgBf,iBAAmB,MAAQc,SAAY,OAAS,EAAIA,EAAGnB,iBAAiBhE,GAC/GiH,IAAa,MAAQA,SAAkB,OAAS,EAAIA,EAAStE,SAAShB,SAC7DA,EAAQsE,QAAQ,IAEzB,KACJ,EAER,CACA,aAAAiB,CAAcrC,GACV,IAAIhE,EACJ,GAAIgE,EAAMsC,SAAW7G,KAAK8C,SAAWvC,EAAKwE,SAASC,iBAAmB,MAAQzE,SAAY,OAAS,EAAIA,EAAG0E,QAAQvF,IAAkB,CAChIgD,uBAAsB,UACb1C,KAAKK,OAAO,GAEzB,CACJ,CACA,cAAAyG,CAAevC,GACX,GAAIA,EAAMwC,gBAAkBxC,EAAMwC,cAAc9B,QAAQtF,GAAa,CACjEK,KAAKqD,4BACT,CACJ,CACA,0BAAAA,GACI,MAAM2D,EAAiB,KACnB,IAAIzG,EAAIoC,EAAIC,EAAIC,EAAI2B,EACpB,MAAMyC,GAAazC,GAAM3B,GAAMD,GAAMD,GAAMpC,EAAKP,KAAK8C,QAAU,MAAQvC,SAAY,OAAS,EAAIA,EAAGwC,cAAc,WAAa,MAAQJ,SAAY,OAAS,EAAIA,EAAGK,iBAAmB,MAAQJ,SAAY,OAAS,EAAIA,EAAGK,KAAKN,MAAS,MAAQE,SAAY,OAAS,EAAIA,EAAGK,OAAOrD,EAAUuB,eAAiB,MAAQoD,SAAY,EAAIA,EAAK,GAC1U,IAAK,MAAM0C,KAAYD,EAAW,CAC9B,GAAIC,EAASC,QAAS,CAClB,OAAOD,CACX,CACA,MAAME,EAAaF,EAASnE,cAAc,GAAGrD,qBAC7C,GAAI0H,GAAcA,EAAWD,QAAS,CAClC,OAAOC,CACX,CACJ,GAEJ,MAAMC,EAAwBhG,IAC1B,GAAIxB,EAAUuB,WAAWC,EAAQ0C,eAAgB,MACxC1C,EAAQ0C,cAAc4B,SAC3B0B,EAAqBhG,EAAQ0C,cACjC,GAEJ,MAAM8C,EAASG,IACf,GAAIH,EAAQ,CACRQ,EAAqBR,EACzB,CACJ,CACA,QAAI/D,GAAS,OAAOrD,EAAWO,KAAO,CACtC,mBAAWsH,GAAa,MAAO,CAC3BpH,OAAU,CAAC,iBACZ,UAGEL","ignoreList":[]}

package/dist/kolibri/kol-tree.entry.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"kol-tree.entry.esm.js","sources":["src/components/tree/style.scss?tag=kol-tree&mode=default&encapsulation=shadow","src/components/tree/shadow.tsx"],"sourcesContent":["@use '../@shared/mixins' as *;\n@use '../@shared/global' as *;\n\n@layer kol-component {\n\t.kol-tree {\n\t\t&__treeview-navigation {\n\t\t\tmargin: 0;\n\t\t\tpadding: 0;\n\t\t\tlist-style: none;\n\t\t}\n\n\t\t&:focus-within {\n\t\t\toutline: 1px solid;\n\t\t\toutline-offset: 2px;\n\t\t}\n\t}\n}\n","import type { JSX } from '@stencil/core';\nimport { Component, Element, h, Method, Prop } from '@stencil/core';\n\nimport { KolTreeWcTag } from '../../core/component-names';\nimport type { FocusableElement, LabelPropType, TreeProps } from '../../schema';\nimport { createCtaRef, delegateFocus } from '../../utils/element-interaction';\n\n@Component({\n\ttag: 'kol-tree',\n\tstyleUrls: {\n\t\tdefault: './style.scss',\n\t},\n\tshadow: true,\n})\nexport class KolTree implements TreeProps, FocusableElement {\n\t@Element() protected readonly host?: HTMLKolTreeElement;\n\tprotected readonly ctaRef = createCtaRef<HTMLKolTreeWcElement>();\n\n\t/**\n\t * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).\n\t */\n\t@Prop() _label!: LabelPropType;\n\n\t/**\n\t * Sets focus on the first focusable tree item.\n\t */\n\t@Method()\n\t@delegateFocus('ctaRef')\n\tpublic async focus(): Promise<void> {}\n\n\tpublic render(): JSX.Element {\n\t\treturn (\n\t\t\t<KolTreeWcTag _label={this._label} ref={this.ctaRef}>\n\t\t\t\t<slot />\n\t\t\t</KolTreeWcTag>\n\t\t);\n\t}\n}\n"],"names":[],"mappings":";;;;;;;;;;AAAA,MAAM,eAAe,GAAG,u7KAAu7K;;MCcl8K,OAAO,GAAA,MAAA;AAPpB,IAAA,WAAA,CAAA,OAAA,EAAA;;AASoB,QAAA,IAAM,CAAA,MAAA,GAAG,YAAY,EAAwB;AAqBhE;IATO,MAAM,KAAK,GAAA;IAEX,MAAM,GAAA;AACZ,QAAA,QACC,CAAA,CAAC,YAAY,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,GAAG,EAAE,IAAI,CAAC,MAAM,EAAA,EAClD,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACM;;;;AANJ,UAAA,CAAA;IADZ,aAAa,CAAC,QAAQ;CACe,EAAA,OAAA,CAAA,SAAA,EAAA,OAAA,EAAA,IAAA,CAAA;;;;;;;"}
+{"version":3,"file":"kol-tree.entry.esm.js","sources":["src/components/tree/style.scss?tag=kol-tree&mode=default&encapsulation=shadow","src/components/tree/shadow.tsx"],"sourcesContent":["@use '../@shared/mixins' as *;\n@use '../@shared/global' as *;\n\n@layer kol-component {\n\t.kol-tree {\n\t\t&__treeview-navigation {\n\t\t\tmargin: 0;\n\t\t\tpadding: 0;\n\t\t\tlist-style: none;\n\t\t}\n\n\t\t&:focus-within {\n\t\t\toutline: 1px solid;\n\t\t\toutline-offset: 2px;\n\t\t}\n\t}\n}\n","import type { JSX } from '@stencil/core';\nimport { Component, Element, h, Method, Prop } from '@stencil/core';\n\nimport { KolTreeWcTag } from '../../core/component-names';\nimport type { FocusableElement, KolFocusOptions, LabelPropType, TreeProps } from '../../schema';\nimport { createCtaRef, delegateFocus } from '../../utils/element-interaction';\n\n@Component({\n\ttag: 'kol-tree',\n\tstyleUrls: {\n\t\tdefault: './style.scss',\n\t},\n\tshadow: true,\n})\nexport class KolTree implements TreeProps, FocusableElement {\n\t@Element() protected readonly host?: HTMLKolTreeElement;\n\tprotected readonly ctaRef = createCtaRef<HTMLKolTreeWcElement>();\n\n\t/**\n\t * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).\n\t */\n\t@Prop() _label!: LabelPropType;\n\n\t/**\n\t * Sets focus on the first focusable tree item.\n\t */\n\t@Method()\n\t@delegateFocus('ctaRef')\n\t// @ts-expect-error: options parameter will be implemented by the decorator.\n\t// eslint-disable-next-line @typescript-eslint/no-unused-vars\n\tpublic async focus(options?: KolFocusOptions): Promise<void> {}\n\n\tpublic render(): JSX.Element {\n\t\treturn (\n\t\t\t<KolTreeWcTag _label={this._label} ref={this.ctaRef}>\n\t\t\t\t<slot />\n\t\t\t</KolTreeWcTag>\n\t\t);\n\t}\n}\n"],"names":[],"mappings":";;;;;;;;;;AAAA,MAAM,eAAe,GAAG,u7KAAu7K;;MCcl8K,OAAO,GAAA,MAAA;AAPpB,IAAA,WAAA,CAAA,OAAA,EAAA;;AASoB,QAAA,IAAM,CAAA,MAAA,GAAG,YAAY,EAAwB;AAuBhE;AATO,IAAA,MAAM,KAAK,CAAC,OAAyB;IAErC,MAAM,GAAA;AACZ,QAAA,QACC,CAAA,CAAC,YAAY,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,GAAG,EAAE,IAAI,CAAC,MAAM,EAAA,EAClD,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACM;;;;AANJ,UAAA,CAAA;IAHZ,aAAa,CAAC,QAAQ;CAGwC,EAAA,OAAA,CAAA,SAAA,EAAA,OAAA,EAAA,IAAA,CAAA;;;;;;;"}

package/dist/kolibri/kol-tree.entry.js

@@ -1,5 +1,5 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{r as n,h as e,g as t}from"./index-BQlHOxik.js";import{_ as o}from"./tslib.es6-QNbPBOk5.js";import{m as i}from"./component-names-Dy77vq43.js";import{d as l,c as a}from"./element-interaction-Bv-mPSBn.js";import"./common-Cx_AGO_M.js";import"./element-focus-CRwW4N4R.js";const s="/* forward the rem function */\n/*\n* This file defines the layer order for all CSS layers used in KoliBri.\n* The order is important as it determines the cascade priority.\n*\n* Layer order (lowest to highest priority):\n* 1. kol-a11y - Accessibility defaults and requirements\n* 2. kol-global - Global component styles and resets\n* 3. kol-component - Component-specific styles\n* 4. kol-theme-global - Theme-specific global styles\n* 5. kol-theme-component - Theme-specific component styles\n*/\n@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;\n/*\n * This file contains all rules for accessibility.\n */\n@layer kol-a11y {\n  :host {\n    /*\n                   * Minimum size of interactive elements.\n                   */\n    --a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16));\n    /*\n     * No element should be used without verifying the contrast ratio of its background and font colors.\n     * By initially setting the background color to white and the font color to black,\n     * the contrast ratio is ensured and explicit adjustment is forced.\n     */\n    color: black;\n    background-color: white;\n    /*\n     * Verdana is an accessible font that can be used without requiring additional loading time.\n     */\n    font-family: Verdana;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n    /*\n     * Text should be aligned left by default to provide a predictable starting point.\n     */\n    text-align: left;\n  }\n  * {\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    hyphens: auto;\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    word-break: break-word;\n  }\n  /*\n   * All interactive elements should have a minimum size of to-rem(44).\n   */\n  /* input:not([type='checkbox'], [type='radio'], [type='range']), */\n  /* option, */\n  /* select, */\n  /* textarea, */\n  button,\n  .kol-input .input {\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n  }\n  /*\n   * Some interactive elements should not inherit the font-family and font-size.\n   */\n  a,\n  button,\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6,\n  input,\n  option,\n  select,\n  textarea {\n    /*\n     * All elements should inherit the text color from his parent element.\n     */\n    color: inherit;\n    /*\n     * All elements should inherit the font family from his parent element.\n     */\n    font-family: inherit;\n    /*\n     * All elements should inherit the font size from his parent element.\n     */\n    font-size: inherit;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n  }\n  /**\n  * Sometimes we need the semantic element for accessibility reasons,\n  * but we don't want to show it.\n  *\n  * - https://www.a11yproject.com/posts/how-to-hide-content/\n  */\n  .visually-hidden {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 1px;\n    height: 1px;\n    overflow: hidden;\n    white-space: nowrap;\n    clip-path: inset(50%);\n  }\n}\n@layer kol-global {\n  /*\n   * Dieses CSS stellt sicher, dass der Standard-Style\n   * von A und Button resettet werden.\n   */\n  :is(a, button) {\n    background-color: transparent;\n    width: 100%;\n    margin: 0;\n    padding: 0;\n    border: none;\n    /* 100% needed for custom width from outside */\n  }\n  /*\n   * Ensure elements with hidden attribute to be actually not visible\n   * @see https://meowni.ca/hidden.is.a.lie.html\n   */\n  [hidden] {\n    display: none !important;\n  }\n  .badge-text-hint {\n    color: black;\n    background-color: 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}";const r=class{constructor(e){n(this,e);this.ctaRef=a()}async focus(){}render(){return e(i,{key:"9a4684dd43d2276042dd7506c7a39ad7d5c70890",_label:this._label,ref:this.ctaRef},e("slot",{key:"84571550e5f8250bc7b1e75bd4122409e583c14a"}))}get host(){return t(this)}};o([l("ctaRef")],r.prototype,"focus",null);r.style={default:s};export{r as kol_tree};
+import{r as n,h as e,g as t}from"./index-Brmny3Vg.js";import{_ as o}from"./tslib.es6-QNbPBOk5.js";import{m as i}from"./component-names-Dy77vq43.js";import{d as l,c as a}from"./element-interaction-C5-6aPzz.js";import"./common-DEEjER7G.js";import"./element-focus-BQXzaLL9.js";const s="/* forward the rem function */\n/*\n* This file defines the layer order for all CSS layers used in KoliBri.\n* The order is important as it determines the cascade priority.\n*\n* Layer order (lowest to highest priority):\n* 1. kol-a11y - Accessibility defaults and requirements\n* 2. kol-global - Global component styles and resets\n* 3. kol-component - Component-specific styles\n* 4. kol-theme-global - Theme-specific global styles\n* 5. kol-theme-component - Theme-specific component styles\n*/\n@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;\n/*\n * This file contains all rules for accessibility.\n */\n@layer kol-a11y {\n  :host {\n    /*\n                   * Minimum size of interactive elements.\n                   */\n    --a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16));\n    /*\n     * No element should be used without verifying the contrast ratio of its background and font colors.\n     * By initially setting the background color to white and the font color to black,\n     * the contrast ratio is ensured and explicit adjustment is forced.\n     */\n    color: black;\n    background-color: white;\n    /*\n     * Verdana is an accessible font that can be used without requiring additional loading time.\n     */\n    font-family: Verdana;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n    /*\n     * Text should be aligned left by default to provide a predictable starting point.\n     */\n    text-align: left;\n  }\n  * {\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    hyphens: auto;\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    word-break: break-word;\n  }\n  /*\n   * All interactive elements should have a minimum size of to-rem(44).\n   */\n  /* input:not([type='checkbox'], [type='radio'], [type='range']), */\n  /* option, */\n  /* select, */\n  /* textarea, */\n  button,\n  .kol-input .input {\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n  }\n  /*\n   * Some interactive elements should not inherit the font-family and font-size.\n   */\n  a,\n  button,\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6,\n  input,\n  option,\n  select,\n  textarea {\n    /*\n     * All elements should inherit the text color from his parent element.\n     */\n    color: inherit;\n    /*\n     * All elements should inherit the font family from his parent element.\n     */\n    font-family: inherit;\n    /*\n     * All elements should inherit the font size from his parent element.\n     */\n    font-size: inherit;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n  }\n  /**\n  * Sometimes we need the semantic element for accessibility reasons,\n  * but we don't want to show it.\n  *\n  * - https://www.a11yproject.com/posts/how-to-hide-content/\n  */\n  .visually-hidden {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 1px;\n    height: 1px;\n    overflow: hidden;\n    white-space: nowrap;\n    clip-path: inset(50%);\n  }\n}\n@layer kol-global {\n  /*\n   * Dieses CSS stellt sicher, dass der Standard-Style\n   * von A und Button resettet werden.\n   */\n  :is(a, button) {\n    background-color: transparent;\n    width: 100%;\n    margin: 0;\n    padding: 0;\n    border: none;\n    /* 100% needed for custom width from outside */\n  }\n  /*\n   * Ensure elements with hidden attribute to be actually not visible\n   * @see https://meowni.ca/hidden.is.a.lie.html\n   */\n  [hidden] {\n    display: none !important;\n  }\n  .badge-text-hint {\n    color: black;\n    background-color: 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}";const r=class{constructor(e){n(this,e);this.ctaRef=a()}async focus(n){}render(){return e(i,{key:"e040898cbd1832f69a365dbcbc59b269e1ac55f7",_label:this._label,ref:this.ctaRef},e("slot",{key:"3d3213f69ce43f884b3ef31677d69473be02bed7"}))}get host(){return t(this)}};o([l("ctaRef")],r.prototype,"focus",null);r.style={default:s};export{r as kol_tree};
 //# sourceMappingURL=kol-tree.entry.js.map

package/dist/kolibri/kol-tree.entry.js.map

@@ -1 +1 @@
-{"version":3,"names":["registerInstance","h","getElement","__decorate","KolTreeWcTag","delegateFocus","createCtaRef","defaultStyleCss","KolTree","constructor","hostRef","this","ctaRef","focus","render","key","_label","ref","host","prototype","style","default"],"sources":["0"],"mappings":";;;YAGcA,OAAkBC,OAAQC,MAAkB,kCAC5CC,MAAkB,sCAClBC,MAAoB,4CACpBC,OAAoBC,MAAoB,0CAC/C,6BACA,8BAEP,MAAMC,EAAkB,w7KAExB,MAAMC,EAAU,MACZ,WAAAC,CAAYC,GACRV,EAAiBW,KAAMD,GACvBC,KAAKC,OAASN,GAClB,CACA,WAAMO,GAAU,CAChB,MAAAC,GACI,OAAQb,EAAEG,EAAc,CAAEW,IAAK,2CAA4CC,OAAQL,KAAKK,OAAQC,IAAKN,KAAKC,QAAUX,EAAE,OAAQ,CAAEc,IAAK,6CACzI,CACA,QAAIG,GAAS,OAAOhB,EAAWS,KAAO,GAE1CR,EAAW,CACPE,EAAc,WACfG,EAAQW,UAAW,QAAS,MAC/BX,EAAQY,MAAQ,CACZC,QAASd,UAGJC","ignoreList":[]}
+{"version":3,"names":["registerInstance","h","getElement","__decorate","KolTreeWcTag","delegateFocus","createCtaRef","defaultStyleCss","KolTree","constructor","hostRef","this","ctaRef","focus","options","render","key","_label","ref","host","prototype","style","default"],"sources":["0"],"mappings":";;;YAGcA,OAAkBC,OAAQC,MAAkB,kCAC5CC,MAAkB,sCAClBC,MAAoB,4CACpBC,OAAoBC,MAAoB,0CAC/C,6BACA,8BAEP,MAAMC,EAAkB,w7KAExB,MAAMC,EAAU,MACZ,WAAAC,CAAYC,GACRV,EAAiBW,KAAMD,GACvBC,KAAKC,OAASN,GAClB,CACA,WAAMO,CAAMC,GAAW,CACvB,MAAAC,GACI,OAAQd,EAAEG,EAAc,CAAEY,IAAK,2CAA4CC,OAAQN,KAAKM,OAAQC,IAAKP,KAAKC,QAAUX,EAAE,OAAQ,CAAEe,IAAK,6CACzI,CACA,QAAIG,GAAS,OAAOjB,EAAWS,KAAO,GAE1CR,EAAW,CACPE,EAAc,WACfG,EAAQY,UAAW,QAAS,MAC/BZ,EAAQa,MAAQ,CACZC,QAASf,UAGJC","ignoreList":[]}

package/dist/kolibri/kol-version.entry.js

@@ -1,5 +1,5 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{r as n,h as e,H as t}from"./index-BQlHOxik.js";import"./common-Cx_AGO_M.js";import{v as i}from"./label-Fyi30H9j.js";import{t as o}from"./i18n-Br16IAnY.js";import{o as l}from"./component-names-Dy77vq43.js";import"./i18n-B2d_exHc.js";const a="/*\n* This file defines the layer order for all CSS layers used in KoliBri.\n* The order is important as it determines the cascade priority.\n*\n* Layer order (lowest to highest priority):\n* 1. kol-a11y - Accessibility defaults and requirements\n* 2. kol-global - Global component styles and resets\n* 3. kol-component - Component-specific styles\n* 4. kol-theme-global - Theme-specific global styles\n* 5. kol-theme-component - Theme-specific component styles\n*/\n@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;\n/* forward the rem function */\n/*\n * This file contains all rules for accessibility.\n */\n@layer kol-a11y {\n  :host {\n    /*\n                   * Minimum size of interactive elements.\n                   */\n    --a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16));\n    /*\n     * No element should be used without verifying the contrast ratio of its background and font colors.\n     * By initially setting the background color to white and the font color to black,\n     * the contrast ratio is ensured and explicit adjustment is forced.\n     */\n    color: black;\n    background-color: white;\n    /*\n     * Verdana is an accessible font that can be used without requiring additional loading time.\n     */\n    font-family: Verdana;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n    /*\n     * Text should be aligned left by default to provide a predictable starting point.\n     */\n    text-align: left;\n  }\n  * {\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    hyphens: auto;\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    word-break: break-word;\n  }\n  /*\n   * All interactive elements should have a minimum size of to-rem(44).\n   */\n  /* input:not([type='checkbox'], [type='radio'], [type='range']), */\n  /* option, */\n  /* select, */\n  /* textarea, */\n  button,\n  .kol-input .input {\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n  }\n  /*\n   * Some interactive elements should not inherit the font-family and font-size.\n   */\n  a,\n  button,\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6,\n  input,\n  option,\n  select,\n  textarea {\n    /*\n     * All elements should inherit the text color from his parent element.\n     */\n    color: inherit;\n    /*\n     * All elements should inherit the font family from his parent element.\n     */\n    font-family: inherit;\n    /*\n     * All elements should inherit the font size from his parent element.\n     */\n    font-size: inherit;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n  }\n  /**\n  * Sometimes we need the semantic element for accessibility reasons,\n  * but we don't want to show it.\n  *\n  * - https://www.a11yproject.com/posts/how-to-hide-content/\n  */\n  .visually-hidden {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 1px;\n    height: 1px;\n    overflow: hidden;\n    white-space: nowrap;\n    clip-path: inset(50%);\n  }\n}\n@layer kol-global {\n  /*\n   * Dieses CSS stellt sicher, dass der Standard-Style\n   * von A und Button resettet werden.\n   */\n  :is(a, button) {\n    background-color: transparent;\n    width: 100%;\n    margin: 0;\n    padding: 0;\n    border: none;\n    /* 100% needed for custom width from outside */\n  }\n  /*\n   * Ensure elements with hidden attribute to be actually not visible\n   * @see https://meowni.ca/hidden.is.a.lie.html\n   */\n  [hidden] {\n    display: none !important;\n  }\n  .badge-text-hint {\n    color: black;\n    background-color: 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}";const s=class{constructor(e){n(this,e);this.translateVersion=o("kol-version");this.state={_label:"0.0.0-alpha.0"}}render(){return e(t,{key:"29ddec003958afa4877b73448f335a1d4a47c3bf",class:"kol-version"},e(l,{key:"5a4dae3a9775557e3de93cbd105e37ad122cb616",_color:"#bec5c9",_icons:{left:{icon:"kolicon-version",label:this.translateVersion}},_label:this.state._label}))}validateLabel(n){i(this,n,{required:true})}componentWillLoad(){this.validateLabel(this._label)}static get watchers(){return{_label:["validateLabel"]}}};s.style={default:a};export{s as kol_version};
+import{r as n,h as e,H as t}from"./index-Brmny3Vg.js";import"./common-DEEjER7G.js";import{v as i}from"./label-Cg7TG_7b.js";import{t as o}from"./i18n-CaL2ODdQ.js";import{o as l}from"./component-names-Dy77vq43.js";import"./i18n-B2d_exHc.js";const a="/*\n* This file defines the layer order for all CSS layers used in KoliBri.\n* The order is important as it determines the cascade priority.\n*\n* Layer order (lowest to highest priority):\n* 1. kol-a11y - Accessibility defaults and requirements\n* 2. kol-global - Global component styles and resets\n* 3. kol-component - Component-specific styles\n* 4. kol-theme-global - Theme-specific global styles\n* 5. kol-theme-component - Theme-specific component styles\n*/\n@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;\n/* forward the rem function */\n/*\n * This file contains all rules for accessibility.\n */\n@layer kol-a11y {\n  :host {\n    /*\n                   * Minimum size of interactive elements.\n                   */\n    --a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16));\n    /*\n     * No element should be used without verifying the contrast ratio of its background and font colors.\n     * By initially setting the background color to white and the font color to black,\n     * the contrast ratio is ensured and explicit adjustment is forced.\n     */\n    color: black;\n    background-color: white;\n    /*\n     * Verdana is an accessible font that can be used without requiring additional loading time.\n     */\n    font-family: Verdana;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n    /*\n     * Text should be aligned left by default to provide a predictable starting point.\n     */\n    text-align: left;\n  }\n  * {\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    hyphens: auto;\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    word-break: break-word;\n  }\n  /*\n   * All interactive elements should have a minimum size of to-rem(44).\n   */\n  /* input:not([type='checkbox'], [type='radio'], [type='range']), */\n  /* option, */\n  /* select, */\n  /* textarea, */\n  button,\n  .kol-input .input {\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n  }\n  /*\n   * Some interactive elements should not inherit the font-family and font-size.\n   */\n  a,\n  button,\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6,\n  input,\n  option,\n  select,\n  textarea {\n    /*\n     * All elements should inherit the text color from his parent element.\n     */\n    color: inherit;\n    /*\n     * All elements should inherit the font family from his parent element.\n     */\n    font-family: inherit;\n    /*\n     * All elements should inherit the font size from his parent element.\n     */\n    font-size: inherit;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n  }\n  /**\n  * Sometimes we need the semantic element for accessibility reasons,\n  * but we don't want to show it.\n  *\n  * - https://www.a11yproject.com/posts/how-to-hide-content/\n  */\n  .visually-hidden {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 1px;\n    height: 1px;\n    overflow: hidden;\n    white-space: nowrap;\n    clip-path: inset(50%);\n  }\n}\n@layer kol-global {\n  /*\n   * Dieses CSS stellt sicher, dass der Standard-Style\n   * von A und Button resettet werden.\n   */\n  :is(a, button) {\n    background-color: transparent;\n    width: 100%;\n    margin: 0;\n    padding: 0;\n    border: none;\n    /* 100% needed for custom width from outside */\n  }\n  /*\n   * Ensure elements with hidden attribute to be actually not visible\n   * @see https://meowni.ca/hidden.is.a.lie.html\n   */\n  [hidden] {\n    display: none !important;\n  }\n  .badge-text-hint {\n    color: black;\n    background-color: 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}";const s=class{constructor(e){n(this,e);this.translateVersion=o("kol-version");this.state={_label:"0.0.0-alpha.0"}}render(){return e(t,{key:"29ddec003958afa4877b73448f335a1d4a47c3bf",class:"kol-version"},e(l,{key:"5a4dae3a9775557e3de93cbd105e37ad122cb616",_color:"#bec5c9",_icons:{left:{icon:"kolicon-version",label:this.translateVersion}},_label:this.state._label}))}validateLabel(n){i(this,n,{required:true})}componentWillLoad(){this.validateLabel(this._label)}static get watchers(){return{_label:["validateLabel"]}}};s.style={default:a};export{s as kol_version};
 //# sourceMappingURL=kol-version.entry.js.map