@public-ui/visual-tests 4.3.0-rc.0 → 4.3.0-rc.2

package/app/dist/assets/kol-tree-item.entry-NCENwjq3.js

@@ -0,0 +1,341 @@
+import{F as e,o as t,s as n}from"./index-CLYw1HnO.js";var r=`@charset "UTF-8";
+/* forward the rem function */
+/*
+* This file defines the layer order for all CSS layers used in KoliBri.
+* The order is important as it determines the cascade priority.
+*
+* Layer order (lowest to highest priority):
+* 1. kol-a11y - Accessibility defaults and requirements
+* 2. kol-global - Global component styles and resets
+* 3. kol-component - Component-specific styles
+* 4. kol-theme-global - Theme-specific global styles
+* 5. kol-theme-component - Theme-specific component styles
+*/
+@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;
+/*
+ * This file contains all rules for accessibility.
+ */
+@layer kol-a11y {
+  :host {
+    /*
+     * Minimum size of interactive elements.
+     *
+     * The \`max(…, 44px)\` floor guarantees the WCAG 2.5.5 (AAA) target size of 44px:
+     * \`to-rem(44)\` runs the value through a \`calc()\` rem round-trip which can lose
+     * sub-pixel precision and resolve to e.g. 43.99px depending on the browser's
+     * rounding, dropping just below the required minimum.
+     */
+    --a11y-min-size: max(calc(44 * 1rem / var(--kolibri-root-font-size, 16)), 44px);
+    /*
+     * No element should be used without verifying the contrast ratio of its background and font colors.
+     * By initially setting the background color to white and the font color to black,
+     * the contrast ratio is ensured and explicit adjustment is forced.
+     */
+    color: black;
+    background-color: white;
+    /*
+     * Verdana is an accessible font that can be used without requiring additional loading time.
+     */
+    font-family: Verdana;
+    /*
+     * Letter spacing is required for all texts.
+     */
+    letter-spacing: inherit;
+    /*
+     * Word spacing is required for all texts.
+     */
+    word-spacing: inherit;
+    /*
+     * Text should be aligned left by default to provide a predictable starting point.
+     */
+    text-align: left;
+  }
+  * {
+    /*
+     * This rule enables the word dividing for all texts. That is important for high zoom levels.
+     */
+    hyphens: auto;
+    /*
+     * This rule enables the word dividing for all texts. That is important for high zoom levels.
+     */
+    word-break: break-word;
+  }
+  /*
+   * All interactive elements should have a minimum size of to-rem(44).
+   */
+  /* input:not([type='checkbox'], [type='radio'], [type='range']), */
+  /* option, */
+  /* select, */
+  /* textarea, */
+  button,
+  .kol-input .input {
+    min-width: var(--a11y-min-size);
+    min-height: var(--a11y-min-size);
+  }
+  /*
+   * Some interactive elements should not inherit the font-family and font-size.
+   */
+  a,
+  button,
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6,
+  input,
+  option,
+  select,
+  textarea {
+    /*
+     * All elements should inherit the text color from his parent element.
+     */
+    color: inherit;
+    /*
+     * All elements should inherit the font family from his parent element.
+     */
+    font-family: inherit;
+    /*
+     * All elements should inherit the font size from his parent element.
+     */
+    font-size: inherit;
+    /*
+     * Letter spacing is required for all texts.
+     */
+    letter-spacing: inherit;
+    /*
+     * Word spacing is required for all texts.
+     */
+    word-spacing: inherit;
+  }
+  /**
+  * Sometimes we need the semantic element for accessibility reasons,
+  * but we don't want to show it.
+  *
+  * - https://www.a11yproject.com/posts/how-to-hide-content/
+  */
+  .visually-hidden {
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 1px;
+    height: 1px;
+    overflow: hidden;
+    white-space: nowrap;
+    clip-path: inset(50%);
+  }
+}
+@layer kol-global {
+  /*
+   * Dieses CSS stellt sicher, dass der Standard-Style
+   * von A und Button resettet werden.
+   */
+  :is(a, button) {
+    background-color: transparent;
+    width: 100%;
+    margin: 0;
+    padding: 0;
+    border: none;
+    /* 100% needed for custom width from outside */
+  }
+  /*
+   * Ensure elements with hidden attribute to be actually not visible
+   * @see https://meowni.ca/hidden.is.a.lie.html
+   */
+  [hidden] {
+    display: none !important;
+  }
+  .badge-text-hint {
+    color: black;
+    background-color: white;
+  }
+}
+@layer kol-global {
+  :host {
+    /*
+     * The max-width is needed to prevent the table from overflowing the
+     * parent node, if the table is wider than the parent node.
+     */
+    max-width: 100%;
+    font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));
+  }
+  * {
+    /*
+     * We prefer to box-sizing: border-box for all elements.
+     */
+    box-sizing: border-box;
+  }
+  .kol-span {
+    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */
+    display: flex;
+    flex-flow: column;
+    align-items: center;
+    justify-content: center;
+    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */
+  }
+  .kol-span__container {
+    display: flex;
+    align-items: center;
+  }
+  a,
+  button {
+    cursor: pointer;
+  }
+  .kol-span .kol-span__label--hide-label .kol-span__label {
+    display: none;
+  }
+  /* Reset browser agent style. */
+  button:disabled {
+    color: unset;
+  }
+  .disabled label,
+  .disabled:focus-within label,
+  [aria-disabled=true],
+  [aria-disabled=true]:focus,
+  [disabled],
+  [disabled]:focus {
+    outline: none;
+    cursor: not-allowed;
+  }
+  [aria-disabled=true]:focus .kol-span,
+  [disabled]:focus .kol-span {
+    outline: none !important;
+  }
+  .hastooltip {
+    z-index: 900 !important;
+  }
+}
+@font-face {
+  font-family: "kolicons";
+  src: url("kolicons.eot?t=1782311579243"); /* IE9*/
+  src: url("kolicons.eot?t=1782311579243#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1782311579243") format("woff2"), url("kolicons.woff?t=1782311579243") format("woff"), url("kolicons.ttf?t=1782311579243") format("truetype"), url("kolicons.svg?t=1782311579243#kolicons") format("svg"); /* iOS 4.1- */
+}
+@layer kol-component {
+  [class^=kolicon-], [class*=" kolicon-"] {
+    font-family: "kolicons";
+    font-style: normal;
+    font-weight: 400;
+    line-height: 1em;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+  }
+  .kolicon-alert-error::before {
+    content: "\\ea01";
+  }
+  .kolicon-alert-info::before {
+    content: "\\ea02";
+  }
+  .kolicon-alert-success::before {
+    content: "\\ea03";
+  }
+  .kolicon-alert-warning::before {
+    content: "\\ea04";
+  }
+  .kolicon-check::before {
+    content: "\\ea05";
+  }
+  .kolicon-chevron-double-left::before {
+    content: "\\ea06";
+  }
+  .kolicon-chevron-double-right::before {
+    content: "\\ea07";
+  }
+  .kolicon-chevron-down::before {
+    content: "\\ea08";
+  }
+  .kolicon-chevron-left::before {
+    content: "\\ea09";
+  }
+  .kolicon-chevron-right::before {
+    content: "\\ea0a";
+  }
+  .kolicon-chevron-up::before {
+    content: "\\ea0b";
+  }
+  .kolicon-cogwheel::before {
+    content: "\\ea0c";
+  }
+  .kolicon-cross::before {
+    content: "\\ea0d";
+  }
+  .kolicon-eye-closed::before {
+    content: "\\ea0e";
+  }
+  .kolicon-eye::before {
+    content: "\\ea0f";
+  }
+  .kolicon-house::before {
+    content: "\\ea10";
+  }
+  .kolicon-kolibri::before {
+    content: "\\ea11";
+  }
+  .kolicon-link-external::before {
+    content: "\\ea12";
+  }
+  .kolicon-link::before {
+    content: "\\ea13";
+  }
+  .kolicon-minus::before {
+    content: "\\ea14";
+  }
+  .kolicon-plus::before {
+    content: "\\ea15";
+  }
+  .kolicon-settings::before {
+    content: "\\ea16";
+  }
+  .kolicon-sort-asc::before {
+    content: "\\ea17";
+  }
+  .kolicon-sort-desc::before {
+    content: "\\ea18";
+  }
+  .kolicon-sort-neutral::before {
+    content: "\\ea19";
+  }
+  .kolicon-up::before {
+    content: "\\ea1a";
+  }
+  .kolicon-version::before {
+    content: "\\ea1b";
+  }
+}
+@layer kol-component {
+  .kol-icon {
+    color: inherit;
+    display: inline-block;
+    font-size: inherit;
+    font-weight: inherit;
+    line-height: inherit;
+  }
+  .kol-tree-item__link .kol-link {
+    display: inline-flex;
+    min-height: var(--a11y-min-size);
+    align-items: center;
+    text-decoration: none;
+  }
+  .kol-tree-item__link-inner {
+    display: flex;
+    align-items: center;
+  }
+  .kol-tree-item__children {
+    margin: 0;
+    padding: 0;
+    list-style: none;
+  }
+  .kol-tree-item .kol-span {
+    place-items: unset;
+  }
+  .kol-tree-item__toggle-button, .kol-tree-item__toggle-button-placeholder {
+    display: inline-flex;
+    min-width: var(--a11y-min-size);
+    min-height: var(--a11y-min-size);
+    align-items: center;
+    justify-content: center;
+  }
+  .kol-tree-item__text {
+    text-decoration: underline;
+  }
+}`,i=class{constructor(e){n(this,e)}async focus(e){return this.element?.focus(e)}async expand(){return Promise.resolve(this.element?.expand())}async collapse(){return Promise.resolve(this.element?.collapse())}async isOpen(){return await this.element?.isOpen()??!1}render(){return t(e,{key:`85b09f7121a7deda9d342ee60a8e8bdb4fec7465`,_active:this._active,_label:this._label,_open:this._open,_href:this._href,ref:e=>this.element=e},t(`slot`,{key:`87390d0ee5088434546b925b9d3381a04eeed0b9`}))}};i.style={default:r};export{i as kol_tree_item};
+//# sourceMappingURL=kol-tree-item.entry-NCENwjq3.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"kol-tree-item.entry-NCENwjq3.js","names":[],"sources":["../../../../../components/dist/esm/kol-tree-item.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h } from './index-CwtGN7ID.js';\nimport { n as KolTreeItemWcTag } from './component-names-Dy77vq43.js';\nimport './common-DyILLof-.js';\n\nconst defaultStyleCss = \"@charset \\\"UTF-8\\\";\\n/* forward the rem function */\\n/*\\n* This file defines the layer order for all CSS layers used in KoliBri.\\n* The order is important as it determines the cascade priority.\\n*\\n* Layer order (lowest to highest priority):\\n* 1. kol-a11y - Accessibility defaults and requirements\\n* 2. kol-global - Global component styles and resets\\n* 3. kol-component - Component-specific styles\\n* 4. kol-theme-global - Theme-specific global styles\\n* 5. kol-theme-component - Theme-specific component styles\\n*/\\n@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;\\n/*\\n * This file contains all rules for accessibility.\\n */\\n@layer kol-a11y {\\n  :host {\\n    /*\\n     * Minimum size of interactive elements.\\n     *\\n     * The `max(…, 44px)` floor guarantees the WCAG 2.5.5 (AAA) target size of 44px:\\n     * `to-rem(44)` runs the value through a `calc()` rem round-trip which can lose\\n     * sub-pixel precision and resolve to e.g. 43.99px depending on the browser's\\n     * rounding, dropping just below the required minimum.\\n     */\\n    --a11y-min-size: max(calc(44 * 1rem / var(--kolibri-root-font-size, 16)), 44px);\\n    /*\\n     * No element should be used without verifying the contrast ratio of its background and font colors.\\n     * By initially setting the background color to white and the font color to black,\\n     * the contrast ratio is ensured and explicit adjustment is forced.\\n     */\\n    color: black;\\n    background-color: white;\\n    /*\\n     * Verdana is an accessible font that can be used without requiring additional loading time.\\n     */\\n    font-family: Verdana;\\n    /*\\n     * Letter spacing is required for all texts.\\n     */\\n    letter-spacing: inherit;\\n    /*\\n     * Word spacing is required for all texts.\\n     */\\n    word-spacing: inherit;\\n    /*\\n     * Text should be aligned left by default to provide a predictable starting point.\\n     */\\n    text-align: left;\\n  }\\n  * {\\n    /*\\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n     */\\n    hyphens: auto;\\n    /*\\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n     */\\n    word-break: break-word;\\n  }\\n  /*\\n   * All interactive elements should have a minimum size of to-rem(44).\\n   */\\n  /* input:not([type='checkbox'], [type='radio'], [type='range']), */\\n  /* option, */\\n  /* select, */\\n  /* textarea, */\\n  button,\\n  .kol-input .input {\\n    min-width: var(--a11y-min-size);\\n    min-height: var(--a11y-min-size);\\n  }\\n  /*\\n   * Some interactive elements should not inherit the font-family and font-size.\\n   */\\n  a,\\n  button,\\n  h1,\\n  h2,\\n  h3,\\n  h4,\\n  h5,\\n  h6,\\n  input,\\n  option,\\n  select,\\n  textarea {\\n    /*\\n     * All elements should inherit the text color from his parent element.\\n     */\\n    color: inherit;\\n    /*\\n     * All elements should inherit the font family from his parent element.\\n     */\\n    font-family: inherit;\\n    /*\\n     * All elements should inherit the font size from his parent element.\\n     */\\n    font-size: inherit;\\n    /*\\n     * Letter spacing is required for all texts.\\n     */\\n    letter-spacing: inherit;\\n    /*\\n     * Word spacing is required for all texts.\\n     */\\n    word-spacing: inherit;\\n  }\\n  /**\\n  * Sometimes we need the semantic element for accessibility reasons,\\n  * but we don't want to show it.\\n  *\\n  * - https://www.a11yproject.com/posts/how-to-hide-content/\\n  */\\n  .visually-hidden {\\n    position: fixed;\\n    top: 0;\\n    left: 0;\\n    width: 1px;\\n    height: 1px;\\n    overflow: hidden;\\n    white-space: nowrap;\\n    clip-path: inset(50%);\\n  }\\n}\\n@layer kol-global {\\n  /*\\n   * Dieses CSS stellt sicher, dass der Standard-Style\\n   * von A und Button resettet werden.\\n   */\\n  :is(a, button) {\\n    background-color: transparent;\\n    width: 100%;\\n    margin: 0;\\n    padding: 0;\\n    border: none;\\n    /* 100% needed for custom width from outside */\\n  }\\n  /*\\n   * Ensure elements with hidden attribute to be actually not visible\\n   * @see https://meowni.ca/hidden.is.a.lie.html\\n   */\\n  [hidden] {\\n    display: none !important;\\n  }\\n  .badge-text-hint {\\n    color: black;\\n    background-color: white;\\n  }\\n}\\n@layer kol-global {\\n  :host {\\n    /*\\n     * The max-width is needed to prevent the table from overflowing the\\n     * parent node, if the table is wider than the parent node.\\n     */\\n    max-width: 100%;\\n    font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\\n  }\\n  * {\\n    /*\\n     * We prefer to box-sizing: border-box for all elements.\\n     */\\n    box-sizing: border-box;\\n  }\\n  .kol-span {\\n    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\\n    display: flex;\\n    flex-flow: column;\\n    align-items: center;\\n    justify-content: center;\\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\\n  }\\n  .kol-span__container {\\n    display: flex;\\n    align-items: center;\\n  }\\n  a,\\n  button {\\n    cursor: pointer;\\n  }\\n  .kol-span .kol-span__label--hide-label .kol-span__label {\\n    display: none;\\n  }\\n  /* Reset browser agent style. */\\n  button:disabled {\\n    color: unset;\\n  }\\n  .disabled label,\\n  .disabled:focus-within label,\\n  [aria-disabled=true],\\n  [aria-disabled=true]:focus,\\n  [disabled],\\n  [disabled]:focus {\\n    outline: none;\\n    cursor: not-allowed;\\n  }\\n  [aria-disabled=true]:focus .kol-span,\\n  [disabled]:focus .kol-span {\\n    outline: none !important;\\n  }\\n  .hastooltip {\\n    z-index: 900 !important;\\n  }\\n}\\n@font-face {\\n  font-family: \\\"kolicons\\\";\\n  src: url(\\\"kolicons.eot?t=1782311579243\\\"); /* IE9*/\\n  src: url(\\\"kolicons.eot?t=1782311579243#iefix\\\") format(\\\"embedded-opentype\\\"), url(\\\"kolicons.woff2?t=1782311579243\\\") format(\\\"woff2\\\"), url(\\\"kolicons.woff?t=1782311579243\\\") format(\\\"woff\\\"), url(\\\"kolicons.ttf?t=1782311579243\\\") format(\\\"truetype\\\"), url(\\\"kolicons.svg?t=1782311579243#kolicons\\\") format(\\\"svg\\\"); /* iOS 4.1- */\\n}\\n@layer kol-component {\\n  [class^=kolicon-], [class*=\\\" kolicon-\\\"] {\\n    font-family: \\\"kolicons\\\";\\n    font-style: normal;\\n    font-weight: 400;\\n    line-height: 1em;\\n    -webkit-font-smoothing: antialiased;\\n    -moz-osx-font-smoothing: grayscale;\\n  }\\n  .kolicon-alert-error::before {\\n    content: \\\"\\\\ea01\\\";\\n  }\\n  .kolicon-alert-info::before {\\n    content: \\\"\\\\ea02\\\";\\n  }\\n  .kolicon-alert-success::before {\\n    content: \\\"\\\\ea03\\\";\\n  }\\n  .kolicon-alert-warning::before {\\n    content: \\\"\\\\ea04\\\";\\n  }\\n  .kolicon-check::before {\\n    content: \\\"\\\\ea05\\\";\\n  }\\n  .kolicon-chevron-double-left::before {\\n    content: \\\"\\\\ea06\\\";\\n  }\\n  .kolicon-chevron-double-right::before {\\n    content: \\\"\\\\ea07\\\";\\n  }\\n  .kolicon-chevron-down::before {\\n    content: \\\"\\\\ea08\\\";\\n  }\\n  .kolicon-chevron-left::before {\\n    content: \\\"\\\\ea09\\\";\\n  }\\n  .kolicon-chevron-right::before {\\n    content: \\\"\\\\ea0a\\\";\\n  }\\n  .kolicon-chevron-up::before {\\n    content: \\\"\\\\ea0b\\\";\\n  }\\n  .kolicon-cogwheel::before {\\n    content: \\\"\\\\ea0c\\\";\\n  }\\n  .kolicon-cross::before {\\n    content: \\\"\\\\ea0d\\\";\\n  }\\n  .kolicon-eye-closed::before {\\n    content: \\\"\\\\ea0e\\\";\\n  }\\n  .kolicon-eye::before {\\n    content: \\\"\\\\ea0f\\\";\\n  }\\n  .kolicon-house::before {\\n    content: \\\"\\\\ea10\\\";\\n  }\\n  .kolicon-kolibri::before {\\n    content: \\\"\\\\ea11\\\";\\n  }\\n  .kolicon-link-external::before {\\n    content: \\\"\\\\ea12\\\";\\n  }\\n  .kolicon-link::before {\\n    content: \\\"\\\\ea13\\\";\\n  }\\n  .kolicon-minus::before {\\n    content: \\\"\\\\ea14\\\";\\n  }\\n  .kolicon-plus::before {\\n    content: \\\"\\\\ea15\\\";\\n  }\\n  .kolicon-settings::before {\\n    content: \\\"\\\\ea16\\\";\\n  }\\n  .kolicon-sort-asc::before {\\n    content: \\\"\\\\ea17\\\";\\n  }\\n  .kolicon-sort-desc::before {\\n    content: \\\"\\\\ea18\\\";\\n  }\\n  .kolicon-sort-neutral::before {\\n    content: \\\"\\\\ea19\\\";\\n  }\\n  .kolicon-up::before {\\n    content: \\\"\\\\ea1a\\\";\\n  }\\n  .kolicon-version::before {\\n    content: \\\"\\\\ea1b\\\";\\n  }\\n}\\n@layer kol-component {\\n  .kol-icon {\\n    color: inherit;\\n    display: inline-block;\\n    font-size: inherit;\\n    font-weight: inherit;\\n    line-height: inherit;\\n  }\\n  .kol-tree-item__link .kol-link {\\n    display: inline-flex;\\n    min-height: var(--a11y-min-size);\\n    align-items: center;\\n    text-decoration: none;\\n  }\\n  .kol-tree-item__link-inner {\\n    display: flex;\\n    align-items: center;\\n  }\\n  .kol-tree-item__children {\\n    margin: 0;\\n    padding: 0;\\n    list-style: none;\\n  }\\n  .kol-tree-item .kol-span {\\n    place-items: unset;\\n  }\\n  .kol-tree-item__toggle-button, .kol-tree-item__toggle-button-placeholder {\\n    display: inline-flex;\\n    min-width: var(--a11y-min-size);\\n    min-height: var(--a11y-min-size);\\n    align-items: center;\\n    justify-content: center;\\n  }\\n  .kol-tree-item__text {\\n    text-decoration: underline;\\n  }\\n}\";\n\nconst KolTreeItem = class {\n    constructor(hostRef) {\n        registerInstance(this, hostRef);\n    }\n    async focus(options) {\n        var _a;\n        return (_a = this.element) === null || _a === void 0 ? void 0 : _a.focus(options);\n    }\n    async expand() {\n        var _a;\n        return Promise.resolve((_a = this.element) === null || _a === void 0 ? void 0 : _a.expand());\n    }\n    async collapse() {\n        var _a;\n        return Promise.resolve((_a = this.element) === null || _a === void 0 ? void 0 : _a.collapse());\n    }\n    async isOpen() {\n        var _a, _b;\n        return (_b = (await ((_a = this.element) === null || _a === void 0 ? void 0 : _a.isOpen()))) !== null && _b !== void 0 ? _b : false;\n    }\n    render() {\n        return (h(KolTreeItemWcTag, { key: '85b09f7121a7deda9d342ee60a8e8bdb4fec7465', _active: this._active, _label: this._label, _open: this._open, _href: this._href, ref: (element) => (this.element = element) }, h(\"slot\", { key: '87390d0ee5088434546b925b9d3381a04eeed0b9' })));\n    }\n};\nKolTreeItem.style = {\n    default: defaultStyleCss\n};\n\nexport { KolTreeItem as kol_tree_item };\n//# sourceMappingURL=kol-tree-item.entry.js.map\n"],"mappings":"sDAOA,IAAM,EAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAElB,EAAc,KAAM,CACtB,YAAY,EAAS,CACjB,EAAiB,KAAM,CAAO,CAClC,CACA,MAAM,MAAM,EAAS,CAEjB,OAAa,KAAK,SAAiD,MAAM,CAAO,CACpF,CACA,MAAM,QAAS,CAEX,OAAO,QAAQ,QAAc,KAAK,SAAiD,OAAO,CAAC,CAC/F,CACA,MAAM,UAAW,CAEb,OAAO,QAAQ,QAAc,KAAK,SAAiD,SAAS,CAAC,CACjG,CACA,MAAM,QAAS,CAEX,OAAc,MAAa,KAAK,SAAiD,OAAO,GAAsC,EAClI,CACA,QAAS,CACL,OAAQ,EAAE,EAAkB,CAAE,IAAK,2CAA4C,QAAS,KAAK,QAAS,OAAQ,KAAK,OAAQ,MAAO,KAAK,MAAO,MAAO,KAAK,MAAO,IAAM,GAAa,KAAK,QAAU,CAAS,EAAG,EAAE,OAAQ,CAAE,IAAK,0CAA2C,CAAC,CAAC,CACjR,CACJ,EACA,EAAY,MAAQ,CAChB,QAAS,CACb"}

package/app/dist/assets/kol-tree-wc.entry-S2jMB-dn.js

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

package/app/dist/assets/kol-tree-wc.entry-S2jMB-dn.js.map

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

package/app/dist/assets/kol-tree.entry-C7uNfa7s.js

@@ -0,0 +1,219 @@
+import{L as e,a as t,o as n,s as r}from"./index-CLYw1HnO.js";import{t as i}from"./tslib.es6-QNbPBOk5-DpzS01Oy.js";import"./element-focus-BQXzaLL9-oq1SsV6e.js";import{r as a,t as o}from"./element-interaction-C5-6aPzz-CwUv4L8C.js";var s=`@charset "UTF-8";
+/* forward the rem function */
+/*
+* This file defines the layer order for all CSS layers used in KoliBri.
+* The order is important as it determines the cascade priority.
+*
+* Layer order (lowest to highest priority):
+* 1. kol-a11y - Accessibility defaults and requirements
+* 2. kol-global - Global component styles and resets
+* 3. kol-component - Component-specific styles
+* 4. kol-theme-global - Theme-specific global styles
+* 5. kol-theme-component - Theme-specific component styles
+*/
+@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;
+/*
+ * This file contains all rules for accessibility.
+ */
+@layer kol-a11y {
+  :host {
+    /*
+     * Minimum size of interactive elements.
+     *
+     * The \`max(…, 44px)\` floor guarantees the WCAG 2.5.5 (AAA) target size of 44px:
+     * \`to-rem(44)\` runs the value through a \`calc()\` rem round-trip which can lose
+     * sub-pixel precision and resolve to e.g. 43.99px depending on the browser's
+     * rounding, dropping just below the required minimum.
+     */
+    --a11y-min-size: max(calc(44 * 1rem / var(--kolibri-root-font-size, 16)), 44px);
+    /*
+     * No element should be used without verifying the contrast ratio of its background and font colors.
+     * By initially setting the background color to white and the font color to black,
+     * the contrast ratio is ensured and explicit adjustment is forced.
+     */
+    color: black;
+    background-color: white;
+    /*
+     * Verdana is an accessible font that can be used without requiring additional loading time.
+     */
+    font-family: Verdana;
+    /*
+     * Letter spacing is required for all texts.
+     */
+    letter-spacing: inherit;
+    /*
+     * Word spacing is required for all texts.
+     */
+    word-spacing: inherit;
+    /*
+     * Text should be aligned left by default to provide a predictable starting point.
+     */
+    text-align: left;
+  }
+  * {
+    /*
+     * This rule enables the word dividing for all texts. That is important for high zoom levels.
+     */
+    hyphens: auto;
+    /*
+     * This rule enables the word dividing for all texts. That is important for high zoom levels.
+     */
+    word-break: break-word;
+  }
+  /*
+   * All interactive elements should have a minimum size of to-rem(44).
+   */
+  /* input:not([type='checkbox'], [type='radio'], [type='range']), */
+  /* option, */
+  /* select, */
+  /* textarea, */
+  button,
+  .kol-input .input {
+    min-width: var(--a11y-min-size);
+    min-height: var(--a11y-min-size);
+  }
+  /*
+   * Some interactive elements should not inherit the font-family and font-size.
+   */
+  a,
+  button,
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6,
+  input,
+  option,
+  select,
+  textarea {
+    /*
+     * All elements should inherit the text color from his parent element.
+     */
+    color: inherit;
+    /*
+     * All elements should inherit the font family from his parent element.
+     */
+    font-family: inherit;
+    /*
+     * All elements should inherit the font size from his parent element.
+     */
+    font-size: inherit;
+    /*
+     * Letter spacing is required for all texts.
+     */
+    letter-spacing: inherit;
+    /*
+     * Word spacing is required for all texts.
+     */
+    word-spacing: inherit;
+  }
+  /**
+  * Sometimes we need the semantic element for accessibility reasons,
+  * but we don't want to show it.
+  *
+  * - https://www.a11yproject.com/posts/how-to-hide-content/
+  */
+  .visually-hidden {
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 1px;
+    height: 1px;
+    overflow: hidden;
+    white-space: nowrap;
+    clip-path: inset(50%);
+  }
+}
+@layer kol-global {
+  /*
+   * Dieses CSS stellt sicher, dass der Standard-Style
+   * von A und Button resettet werden.
+   */
+  :is(a, button) {
+    background-color: transparent;
+    width: 100%;
+    margin: 0;
+    padding: 0;
+    border: none;
+    /* 100% needed for custom width from outside */
+  }
+  /*
+   * Ensure elements with hidden attribute to be actually not visible
+   * @see https://meowni.ca/hidden.is.a.lie.html
+   */
+  [hidden] {
+    display: none !important;
+  }
+  .badge-text-hint {
+    color: black;
+    background-color: white;
+  }
+}
+@layer kol-global {
+  :host {
+    /*
+     * The max-width is needed to prevent the table from overflowing the
+     * parent node, if the table is wider than the parent node.
+     */
+    max-width: 100%;
+    font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));
+  }
+  * {
+    /*
+     * We prefer to box-sizing: border-box for all elements.
+     */
+    box-sizing: border-box;
+  }
+  .kol-span {
+    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */
+    display: flex;
+    flex-flow: column;
+    align-items: center;
+    justify-content: center;
+    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */
+  }
+  .kol-span__container {
+    display: flex;
+    align-items: center;
+  }
+  a,
+  button {
+    cursor: pointer;
+  }
+  .kol-span .kol-span__label--hide-label .kol-span__label {
+    display: none;
+  }
+  /* Reset browser agent style. */
+  button:disabled {
+    color: unset;
+  }
+  .disabled label,
+  .disabled:focus-within label,
+  [aria-disabled=true],
+  [aria-disabled=true]:focus,
+  [disabled],
+  [disabled]:focus {
+    outline: none;
+    cursor: not-allowed;
+  }
+  [aria-disabled=true]:focus .kol-span,
+  [disabled]:focus .kol-span {
+    outline: none !important;
+  }
+  .hastooltip {
+    z-index: 900 !important;
+  }
+}
+@layer kol-component {
+  .kol-tree__treeview-navigation {
+    margin: 0;
+    padding: 0;
+    list-style: none;
+  }
+  .kol-tree:focus-within {
+    outline: 1px solid;
+    outline-offset: 2px;
+  }
+}`,c=class{constructor(e){r(this,e),this.ctaRef=o()}async focus(e){}render(){return n(e,{key:`c3c1ea08961facbed8b660b2b5a9af5dd6662e3a`,_label:this._label,ref:this.ctaRef},n(`slot`,{key:`24592c12e290cbd9be0ea4825dcf651494c0ea1a`}))}get host(){return t(this)}};i([a(`ctaRef`)],c.prototype,`focus`,null),c.style={default:s};export{c as kol_tree};
+//# sourceMappingURL=kol-tree.entry-C7uNfa7s.js.map

package/app/dist/assets/kol-tree.entry-C7uNfa7s.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"kol-tree.entry-C7uNfa7s.js","names":[],"sources":["../../../../../components/dist/esm/kol-tree.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h, g as getElement } from './index-CwtGN7ID.js';\nimport { _ as __decorate } from './tslib.es6-QNbPBOk5.js';\nimport { m as KolTreeWcTag } from './component-names-Dy77vq43.js';\nimport { d as delegateFocus, c as createCtaRef } from './element-interaction-C5-6aPzz.js';\nimport './common-DyILLof-.js';\nimport './element-focus-BQXzaLL9.js';\n\nconst defaultStyleCss = \"@charset \\\"UTF-8\\\";\\n/* forward the rem function */\\n/*\\n* This file defines the layer order for all CSS layers used in KoliBri.\\n* The order is important as it determines the cascade priority.\\n*\\n* Layer order (lowest to highest priority):\\n* 1. kol-a11y - Accessibility defaults and requirements\\n* 2. kol-global - Global component styles and resets\\n* 3. kol-component - Component-specific styles\\n* 4. kol-theme-global - Theme-specific global styles\\n* 5. kol-theme-component - Theme-specific component styles\\n*/\\n@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;\\n/*\\n * This file contains all rules for accessibility.\\n */\\n@layer kol-a11y {\\n  :host {\\n    /*\\n     * Minimum size of interactive elements.\\n     *\\n     * The `max(…, 44px)` floor guarantees the WCAG 2.5.5 (AAA) target size of 44px:\\n     * `to-rem(44)` runs the value through a `calc()` rem round-trip which can lose\\n     * sub-pixel precision and resolve to e.g. 43.99px depending on the browser's\\n     * rounding, dropping just below the required minimum.\\n     */\\n    --a11y-min-size: max(calc(44 * 1rem / var(--kolibri-root-font-size, 16)), 44px);\\n    /*\\n     * No element should be used without verifying the contrast ratio of its background and font colors.\\n     * By initially setting the background color to white and the font color to black,\\n     * the contrast ratio is ensured and explicit adjustment is forced.\\n     */\\n    color: black;\\n    background-color: white;\\n    /*\\n     * Verdana is an accessible font that can be used without requiring additional loading time.\\n     */\\n    font-family: Verdana;\\n    /*\\n     * Letter spacing is required for all texts.\\n     */\\n    letter-spacing: inherit;\\n    /*\\n     * Word spacing is required for all texts.\\n     */\\n    word-spacing: inherit;\\n    /*\\n     * Text should be aligned left by default to provide a predictable starting point.\\n     */\\n    text-align: left;\\n  }\\n  * {\\n    /*\\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n     */\\n    hyphens: auto;\\n    /*\\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n     */\\n    word-break: break-word;\\n  }\\n  /*\\n   * All interactive elements should have a minimum size of to-rem(44).\\n   */\\n  /* input:not([type='checkbox'], [type='radio'], [type='range']), */\\n  /* option, */\\n  /* select, */\\n  /* textarea, */\\n  button,\\n  .kol-input .input {\\n    min-width: var(--a11y-min-size);\\n    min-height: var(--a11y-min-size);\\n  }\\n  /*\\n   * Some interactive elements should not inherit the font-family and font-size.\\n   */\\n  a,\\n  button,\\n  h1,\\n  h2,\\n  h3,\\n  h4,\\n  h5,\\n  h6,\\n  input,\\n  option,\\n  select,\\n  textarea {\\n    /*\\n     * All elements should inherit the text color from his parent element.\\n     */\\n    color: inherit;\\n    /*\\n     * All elements should inherit the font family from his parent element.\\n     */\\n    font-family: inherit;\\n    /*\\n     * All elements should inherit the font size from his parent element.\\n     */\\n    font-size: inherit;\\n    /*\\n     * Letter spacing is required for all texts.\\n     */\\n    letter-spacing: inherit;\\n    /*\\n     * Word spacing is required for all texts.\\n     */\\n    word-spacing: inherit;\\n  }\\n  /**\\n  * Sometimes we need the semantic element for accessibility reasons,\\n  * but we don't want to show it.\\n  *\\n  * - https://www.a11yproject.com/posts/how-to-hide-content/\\n  */\\n  .visually-hidden {\\n    position: fixed;\\n    top: 0;\\n    left: 0;\\n    width: 1px;\\n    height: 1px;\\n    overflow: hidden;\\n    white-space: nowrap;\\n    clip-path: inset(50%);\\n  }\\n}\\n@layer kol-global {\\n  /*\\n   * Dieses CSS stellt sicher, dass der Standard-Style\\n   * von A und Button resettet werden.\\n   */\\n  :is(a, button) {\\n    background-color: transparent;\\n    width: 100%;\\n    margin: 0;\\n    padding: 0;\\n    border: none;\\n    /* 100% needed for custom width from outside */\\n  }\\n  /*\\n   * Ensure elements with hidden attribute to be actually not visible\\n   * @see https://meowni.ca/hidden.is.a.lie.html\\n   */\\n  [hidden] {\\n    display: none !important;\\n  }\\n  .badge-text-hint {\\n    color: black;\\n    background-color: white;\\n  }\\n}\\n@layer kol-global {\\n  :host {\\n    /*\\n     * The max-width is needed to prevent the table from overflowing the\\n     * parent node, if the table is wider than the parent node.\\n     */\\n    max-width: 100%;\\n    font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\\n  }\\n  * {\\n    /*\\n     * We prefer to box-sizing: border-box for all elements.\\n     */\\n    box-sizing: border-box;\\n  }\\n  .kol-span {\\n    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\\n    display: flex;\\n    flex-flow: column;\\n    align-items: center;\\n    justify-content: center;\\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\\n  }\\n  .kol-span__container {\\n    display: flex;\\n    align-items: center;\\n  }\\n  a,\\n  button {\\n    cursor: pointer;\\n  }\\n  .kol-span .kol-span__label--hide-label .kol-span__label {\\n    display: none;\\n  }\\n  /* Reset browser agent style. */\\n  button:disabled {\\n    color: unset;\\n  }\\n  .disabled label,\\n  .disabled:focus-within label,\\n  [aria-disabled=true],\\n  [aria-disabled=true]:focus,\\n  [disabled],\\n  [disabled]:focus {\\n    outline: none;\\n    cursor: not-allowed;\\n  }\\n  [aria-disabled=true]:focus .kol-span,\\n  [disabled]:focus .kol-span {\\n    outline: none !important;\\n  }\\n  .hastooltip {\\n    z-index: 900 !important;\\n  }\\n}\\n@layer kol-component {\\n  .kol-tree__treeview-navigation {\\n    margin: 0;\\n    padding: 0;\\n    list-style: none;\\n  }\\n  .kol-tree:focus-within {\\n    outline: 1px solid;\\n    outline-offset: 2px;\\n  }\\n}\";\n\nconst KolTree = class {\n    constructor(hostRef) {\n        registerInstance(this, hostRef);\n        this.ctaRef = createCtaRef();\n    }\n    async focus(options) { }\n    render() {\n        return (h(KolTreeWcTag, { key: 'c3c1ea08961facbed8b660b2b5a9af5dd6662e3a', _label: this._label, ref: this.ctaRef }, h(\"slot\", { key: '24592c12e290cbd9be0ea4825dcf651494c0ea1a' })));\n    }\n    get host() { return getElement(this); }\n};\n__decorate([\n    delegateFocus('ctaRef')\n], KolTree.prototype, \"focus\", null);\nKolTree.style = {\n    default: defaultStyleCss\n};\n\nexport { KolTree as kol_tree };\n//# sourceMappingURL=kol-tree.entry.js.map\n"],"mappings":"qOAUA,IAAM,EAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAElB,EAAU,KAAM,CAClB,YAAY,EAAS,CACjB,EAAiB,KAAM,CAAO,EAC9B,KAAK,OAAS,EAAa,CAC/B,CACA,MAAM,MAAM,EAAS,CAAE,CACvB,QAAS,CACL,OAAQ,EAAE,EAAc,CAAE,IAAK,2CAA4C,OAAQ,KAAK,OAAQ,IAAK,KAAK,MAAO,EAAG,EAAE,OAAQ,CAAE,IAAK,0CAA2C,CAAC,CAAC,CACtL,CACA,IAAI,MAAO,CAAE,OAAO,EAAW,IAAI,CAAG,CAC1C,EACA,EAAW,CACP,EAAc,QAAQ,CAC1B,EAAG,EAAQ,UAAW,QAAS,IAAI,EACnC,EAAQ,MAAQ,CACZ,QAAS,CACb"}