@public-ui/components 4.5.0-rc.6 → 4.5.0-rc.7

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

@@ -1,5 +1,5 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{h as n,r as e,H as t,g as o}from"./index-DsCeQ9Ys.js";import{_ as i}from"./tslib.es6-QNbPBOk5.js";import{h as l}from"./component-names-Dhbtt0mX.js";import{c as r,n as a,d as s,B as c}from"./base-web-component-3R1Dy3QK.js";import"./common-BqpMtheU.js";import{h as d}from"./href-DOi-fZMu.js";import{l as h}from"./label-with-expert-slot-CocPu9HB.js";import{b as f}from"./bem-registry-CX5kvaqt.js";import{I as m}from"./component-BjH8s4-t.js";import{l as p,L as b,a as u}from"./api-BA-AFr5H.js";import{o as k}from"./open-BK72Y-b2.js";import{c as g}from"./dev.utils-CYtV9X0K.js";import{e as y,c as v}from"./element-interaction-Cy9tx3Sx.js";import{d as w,K as x}from"./events-CRHxtwup.js";import{o as _}from"./ariaCurrentService-YoLNpD5S.js";import{i as j}from"./open-items-cache-D-kml1h6.js";import"./isArray-CcrBs4JM.js";import"./clsx-COFh-Vc8.js";import"./i18n-BaCf-SDK.js";import"./i18n-exgMSyNT.js";import"./component-C9DexidK.js";import"./component-BxKN0JbT.js";import"./block-bem-DxQXsOt3.js";import"./component-D_58mw87.js";import"./component-xrrwVuiI.js";import"./variant-CeijQFzL.js";import"./align-DeB15XnU.js";import"./disabled-CdyeAMlW.js";import"./link-target-B7A-qwaP.js";import"./element-focus-Cp994Rrk.js";const T=r("active",false,a);const C={required:[d,h],optional:[T]};const A=f.forBlock("kol-tree-item");const z=A();const S=A("children");const B=A("link-inner");const D=A("text");const O=A("toggle-button");const q=A("toggle-button-icon");const G=A("toggle-button-placeholder");const I=Object.freeze(s(p));const K=()=>undefined;const L=({active:e,ariaCurrent:t,groupId:o,handleAnchorClick:i,handleSlotchange:l,handleToggleClick:r,hasChildren:a,href:s,label:c,level:d,open:h,refAnchor:f})=>n("li",{class:z,role:"none",style:{"--level":`${d}`}},n("span",{class:A("link",{active:e,"first-level":d===0})},n(b,Object.assign({},I,{ariaCurrent:t,ariaDescriptionId:"",ariaExpanded:a?h?"true":"false":"",ariaOwns:a?o:"",expertSlot:true,handleAnchorClick:i,href:s,label:"",refAnchor:f,refTooltip:K,role:"treeitem",tabIndex:e?0:-1}),n("span",{class:B},a?n("span",{class:O,onClick:r},n(m,{class:q,icons:`kolicon kolicon-${h?"chevron-down":"chevron-right"}`,label:""})):n("span",{class:G}),n("span",{class:D},c)))),n("ul",{class:S,hidden:!a||!h,role:"group",id:o},n("slot",{onSlotchange:l})));const H='@charset "UTF-8";\n/* forward the rem function */\n/*\n * Guards an interaction rule (`:hover`, `:active`, `:focus…`) against the disabled state.\n *\n * Two shapes are needed because the disabled marker sits on different elements: a native control\n * carries `disabled`, an anchor or summary carries `aria-disabled`, and a BEM wrapper carries a\n * `--disabled` modifier while its inner control carries the attribute.\n */\n/* Wrapper variant: asks the interactive element inside, which is where the attribute lives. */\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* 6. kol-forced-colors - Defaults for forced colors and high contrast modes\n* 7. kol-theme-forced-colors - Theme-specific styles for forced colors and high contrast modes\n*/\n@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component, kol-forced-colors, kol-theme-forced-colors;\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    --kol-a11y-font-color: black;\n    --kol-a11y-background-color: white;\n    color: var(--kol-a11y-font-color);\n    background-color: var(--kol-a11y-background-color);\n    /*\n     * Verdana is an accessible font that can be used without requiring additional loading time.\n     */\n    --kol-a11y-font-family: Verdana;\n    font-family: var(--kol-a11y-font-family);\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/*\n * This file contains all rules for forced-colors and highcontrast modes\n * https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Values/system-color to see all color keywords the browsers are providing\n */\n@layer kol-forced-colors {\n  @media (forced-colors: active) {\n    .kol-button__text {\n      color: ButtonText;\n      background-color: ButtonFace;\n      border: 2px solid ButtonBorder;\n    }\n    .kol-button--disabled .kol-button__text {\n      color: GrayText;\n      border-color: GrayText;\n    }\n    /*\n     * Forced colors drop author colors, so the only way a disabled control still reads as\n     * disabled is the `GrayText` system color. `kol-button` had it; the controls whose disabled\n     * state is `aria-disabled` (anchor, summary) and the native form controls did not.\n     */\n    .kol-link__interactive-element[aria-disabled=true],\n    .kol-accordion__heading[aria-disabled=true],\n    .kol-details__heading[aria-disabled=true] {\n      color: GrayText;\n    }\n    .kol-link__interactive-element[aria-disabled=true] .kol-icon,\n    .kol-link__interactive-element[aria-disabled=true] .kol-span__label,\n    .kol-accordion__heading[aria-disabled=true] .kol-icon,\n    .kol-accordion__heading[aria-disabled=true] .kol-span__label,\n    .kol-details__heading[aria-disabled=true] .kol-icon,\n    .kol-details__heading[aria-disabled=true] .kol-span__label {\n      color: GrayText;\n    }\n    input:disabled,\n    select:disabled,\n    textarea:disabled {\n      color: GrayText;\n      border-color: GrayText;\n    }\n    .kol-card,\n    .kol-dialog,\n    .kol-modal {\n      color: CanvasText;\n      background-color: Canvas;\n      border: 1px solid ButtonBorder;\n    }\n    .kol-pagination__button--selected .kol-button {\n      opacity: 1;\n    }\n    .kol-pagination__button--selected .kol-button__text {\n      color: SelectedItemText;\n      background-color: SelectedItem;\n    }\n    /* focus styles */\n    .kol-button__interactive-element:focus-visible,\n    .kol-link__interactive-element:focus-visible {\n      outline: 2px solid Highlight;\n      outline-offset: 2px;\n    }\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  /* A disabled `fieldset` only groups its controls; `cursor` is inherited and would reach the\n     operable info popover in its legend. */\n  .disabled label,\n  .disabled:focus-within label,\n  [aria-disabled=true],\n  [aria-disabled=true]:focus,\n  [disabled]:where(:not(fieldset)),\n  [disabled]:where(:not(fieldset)):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=1791360508850"); /* IE9*/\n  src: url("kolicons.eot?t=1791360508850#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791360508850") format("woff2"), url("kolicons.woff?t=1791360508850") format("woff"), url("kolicons.ttf?t=1791360508850") format("truetype"), url("kolicons.svg?t=1791360508850#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-pin-pinned::before {\n    content: "\\ea15";\n  }\n  .kolicon-pin-unpinned::before {\n    content: "\\ea16";\n  }\n  .kolicon-plus::before {\n    content: "\\ea17";\n  }\n  .kolicon-settings::before {\n    content: "\\ea18";\n  }\n  .kolicon-sort-asc::before {\n    content: "\\ea19";\n  }\n  .kolicon-sort-desc::before {\n    content: "\\ea1a";\n  }\n  .kolicon-sort-neutral::before {\n    content: "\\ea1b";\n  }\n  .kolicon-up::before {\n    content: "\\ea1c";\n  }\n  .kolicon-version::before {\n    content: "\\ea1d";\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    width: 100%;\n    min-height: var(--a11y-min-size);\n    align-items: center;\n    text-decoration: none;\n    /* The interactive element inside the link skeleton carries the UA default underline\n       itself and replaces the former full-width anchor, so it has to fill the wrapper. */\n  }\n  .kol-tree-item__link .kol-link__interactive-element {\n    flex: 1 1 auto;\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 W=class extends c{constructor(n){super();e(this,n);this.ariaCurrent="";this.groupId=g("tree-group");this.hasChildren=false;this.level=0;this.open=false;this.anchorRef=v();this.handleAnchorClick=()=>{if(this.host){w(this.host,x.click,this.getRenderProp("href"))}};this.handleSlotchange=()=>{this.checkForChildren()};this.handleToggleClick=n=>{n.preventDefault();const e=this.open;void this.focus().then((()=>this.setOpen(!e)))}}watchActive(n){T.apply(n,(n=>this.setRenderProp("active",n)))}watchLabel(n){h.apply(n,(n=>this.setRenderProp("label",n)))}watchOpen(n){k.apply(n,(n=>this.open=n))}watchHref(n){d.apply(n,(n=>this.setRenderProp("href",n)))}async focus(n){}async expand(){this.setOpen(true)}async collapse(){this.setOpen(false)}async isOpen(){return this.open}componentWillLoad(){this.initRenderProps(C);this.watchActive(this._active);this.watchHref(this._href);this.watchLabel(this._label);this.watchOpen(this._open);this.checkForChildren();this.determineTreeItemDepth();this.unsubscribeOnLocationChange=_((n=>{const e=n===this.getRenderProp("href")?u.getDefaultValue():"";if(this.ariaCurrent!==e){this.ariaCurrent=e}}))}disconnectedCallback(){if(this.unsubscribeOnLocationChange){this.unsubscribeOnLocationChange();this.unsubscribeOnLocationChange=undefined}}determineTreeItemDepth(){var n,e;let t=0;let o=(e=(n=this.host)===null||n===void 0?void 0:n.parentElement)!==null&&e!==void 0?e:null;while(o!==null&&o.tagName.toLowerCase()!==l&&o!==document.body){o=o.parentElement;t+=1}this.level=t}checkForChildren(){var n,e;this.hasChildren=Array.from((e=(n=this.host)===null||n===void 0?void 0:n.children)!==null&&e!==void 0?e:[]).some((n=>!n.slot))}getTree(){var n;let e=this.host;while(e){const t=e.closest(l);if(t){return t}const o=(n=e.getRootNode())===null||n===void 0?void 0:n.host;if(!o||o===document.body){break}e=o}return undefined}setOpen(n){if(this.hasChildren){this.open=n;j(this.getTree())}}render(){return n(t,{key:"00cec97752dcbd2bc8f19c675c4c3b1ed45b6fe3"},n(L,{key:"3e421ba8f8735eb452fca3508208d0d5da48faac",active:this.getRenderProp("active"),ariaCurrent:this.ariaCurrent,groupId:this.groupId,handleAnchorClick:this.handleAnchorClick,handleSlotchange:this.handleSlotchange,handleToggleClick:this.handleToggleClick,hasChildren:this.hasChildren,href:this.getRenderProp("href"),label:this.getRenderProp("label"),level:this.level,open:this.open,refAnchor:this.anchorRef}))}get host(){return o(this)}static get watchers(){return{_active:["watchActive"],_label:["watchLabel"],_open:["watchOpen"],_href:["watchHref"]}}};i([y("anchorRef")],W.prototype,"focus",null);W.style={default:H};export{W as kol_tree_item};
+import{h as n,r as e,H as t,g as o}from"./index-DQdQBwMc.js";import{_ as i}from"./tslib.es6-QNbPBOk5.js";import{h as l}from"./component-names-Dhbtt0mX.js";import{c as r,n as a,d as s,B as c}from"./base-web-component-3R1Dy3QK.js";import"./common-BqpMtheU.js";import{h as d}from"./href-DOi-fZMu.js";import{l as h}from"./label-with-expert-slot-CocPu9HB.js";import{b as f}from"./bem-registry-CX5kvaqt.js";import{I as m}from"./component-BpOMe842.js";import{l as p,L as u,a as b}from"./api-CagcODCX.js";import{o as k}from"./open-BK72Y-b2.js";import{c as g}from"./dev.utils-CJMVCYWh.js";import{e as y,c as v}from"./element-interaction-Cy9tx3Sx.js";import{d as w,K as x}from"./events-CRHxtwup.js";import{o as _}from"./ariaCurrentService-YoLNpD5S.js";import{i as j}from"./open-items-cache-D-kml1h6.js";import"./isArray-CcrBs4JM.js";import"./clsx-COFh-Vc8.js";import"./i18n-BaCf-SDK.js";import"./i18n-exgMSyNT.js";import"./component-BF8FPuIW.js";import"./component-C3sXiwbS.js";import"./block-bem-DxQXsOt3.js";import"./component-C_d54ujF.js";import"./component-CvCfEqSE.js";import"./variant-CeijQFzL.js";import"./align-DeB15XnU.js";import"./disabled-CdyeAMlW.js";import"./link-target-B7A-qwaP.js";import"./element-focus-Cp994Rrk.js";const C=r("active",false,a);const T={required:[d,h],optional:[C]};const S=f.forBlock("kol-tree-item");const z=S();const A=S("children");const B=S("link-inner");const D=S("text");const O=S("toggle-button");const q=S("toggle-button-icon");const G=S("toggle-button-placeholder");const I=Object.freeze(s(p));const M=()=>undefined;const W=({active:e,ariaCurrent:t,groupId:o,handleAnchorClick:i,handleSlotchange:l,handleToggleClick:r,hasChildren:a,href:s,label:c,level:d,open:h,refAnchor:f})=>n("li",{class:z,role:"none",style:{"--level":`${d}`}},n("span",{class:S("link",{active:e,"first-level":d===0})},n(u,Object.assign({},I,{ariaCurrent:t,ariaDescriptionId:"",ariaExpanded:a?h?"true":"false":"",ariaOwns:a?o:"",expertSlot:true,handleAnchorClick:i,href:s,label:"",refAnchor:f,refTooltip:M,role:"treeitem",tabIndex:e?0:-1}),n("span",{class:B},a?n("span",{class:O,onClick:r},n(m,{class:q,icons:`kolicon kolicon-${h?"chevron-down":"chevron-right"}`,label:""})):n("span",{class:G}),n("span",{class:D},c)))),n("ul",{class:A,hidden:!a||!h,role:"group",id:o},n("slot",{onSlotchange:l})));const F='@charset "UTF-8";\n/* forward the rem function */\n/*\n * Guards an interaction rule (`:hover`, `:active`, `:focus…`) against the disabled state.\n *\n * Two shapes are needed because the disabled marker sits on different elements: a native control\n * carries `disabled`, an anchor or summary carries `aria-disabled`, and a BEM wrapper carries a\n * `--disabled` modifier while its inner control carries the attribute.\n */\n/* Wrapper variant: asks the interactive element inside, which is where the attribute lives. */\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* 6. kol-forced-colors - Defaults for forced colors and high contrast modes\n* 7. kol-theme-forced-colors - Theme-specific styles for forced colors and high contrast modes\n*/\n@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component, kol-forced-colors, kol-theme-forced-colors;\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    --kol-a11y-font-color: black;\n    --kol-a11y-background-color: white;\n    color: var(--kol-a11y-font-color);\n    background-color: var(--kol-a11y-background-color);\n    /*\n     * Verdana is an accessible font that can be used without requiring additional loading time.\n     */\n    --kol-a11y-font-family: Verdana;\n    font-family: var(--kol-a11y-font-family);\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/*\n * This file contains all rules for forced-colors and highcontrast modes\n * https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Values/system-color to see all color keywords the browsers are providing\n */\n@layer kol-forced-colors {\n  @media (forced-colors: active) {\n    .kol-button__text {\n      color: ButtonText;\n      background-color: ButtonFace;\n      border: 2px solid ButtonBorder;\n    }\n    .kol-button--disabled .kol-button__text {\n      color: GrayText;\n      border-color: GrayText;\n    }\n    /*\n     * Forced colors drop author colors, so the only way a disabled control still reads as\n     * disabled is the `GrayText` system color. `kol-button` had it; the controls whose disabled\n     * state is `aria-disabled` (anchor, summary) and the native form controls did not.\n     */\n    .kol-link__interactive-element[aria-disabled=true],\n    .kol-accordion__heading[aria-disabled=true],\n    .kol-details__heading[aria-disabled=true] {\n      color: GrayText;\n    }\n    .kol-link__interactive-element[aria-disabled=true] .kol-icon,\n    .kol-link__interactive-element[aria-disabled=true] .kol-span__label,\n    .kol-accordion__heading[aria-disabled=true] .kol-icon,\n    .kol-accordion__heading[aria-disabled=true] .kol-span__label,\n    .kol-details__heading[aria-disabled=true] .kol-icon,\n    .kol-details__heading[aria-disabled=true] .kol-span__label {\n      color: GrayText;\n    }\n    input:disabled,\n    select:disabled,\n    textarea:disabled {\n      color: GrayText;\n      border-color: GrayText;\n    }\n    .kol-card,\n    .kol-dialog,\n    .kol-modal {\n      color: CanvasText;\n      background-color: Canvas;\n      border: 1px solid ButtonBorder;\n    }\n    .kol-pagination__button--selected .kol-button {\n      opacity: 1;\n    }\n    .kol-pagination__button--selected .kol-button__text {\n      color: SelectedItemText;\n      background-color: SelectedItem;\n    }\n    /* focus styles */\n    .kol-button__interactive-element:focus-visible,\n    .kol-link__interactive-element:focus-visible {\n      outline: 2px solid Highlight;\n      outline-offset: 2px;\n    }\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  /* A disabled `fieldset` only groups its controls; `cursor` is inherited and would reach the\n     operable info popover in its legend. */\n  .disabled label,\n  .disabled:focus-within label,\n  [aria-disabled=true],\n  [aria-disabled=true]:focus,\n  [disabled]:where(:not(fieldset)),\n  [disabled]:where(:not(fieldset)):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=1791530377872"); /* IE9*/\n  src: url("kolicons.eot?t=1791530377872#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791530377872") format("woff2"), url("kolicons.woff?t=1791530377872") format("woff"), url("kolicons.ttf?t=1791530377872") format("truetype"), url("kolicons.svg?t=1791530377872#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-pin-pinned::before {\n    content: "\\ea15";\n  }\n  .kolicon-pin-unpinned::before {\n    content: "\\ea16";\n  }\n  .kolicon-plus::before {\n    content: "\\ea17";\n  }\n  .kolicon-settings::before {\n    content: "\\ea18";\n  }\n  .kolicon-sort-asc::before {\n    content: "\\ea19";\n  }\n  .kolicon-sort-desc::before {\n    content: "\\ea1a";\n  }\n  .kolicon-sort-neutral::before {\n    content: "\\ea1b";\n  }\n  .kolicon-up::before {\n    content: "\\ea1c";\n  }\n  .kolicon-version::before {\n    content: "\\ea1d";\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    width: 100%;\n    min-height: var(--a11y-min-size);\n    align-items: center;\n    text-decoration: none;\n    /* The interactive element inside the link skeleton carries the UA default underline\n       itself and replaces the former full-width anchor, so it has to fill the wrapper. */\n  }\n  .kol-tree-item__link .kol-link__interactive-element {\n    flex: 1 1 auto;\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 L=class extends c{constructor(n){super();e(this,n);this.ariaCurrent="";this.groupId=g("tree-group");this.hasChildren=false;this.level=0;this.open=false;this.anchorRef=v();this.handleAnchorClick=()=>{if(this.host){w(this.host,x.click,this.getRenderProp("href"))}};this.handleSlotchange=()=>{this.checkForChildren()};this.handleToggleClick=n=>{n.preventDefault();const e=this.open;void this.focus().then((()=>this.setOpen(!e)))}}watchActive(n){C.apply(n,(n=>this.setRenderProp("active",n)))}watchLabel(n){h.apply(n,(n=>this.setRenderProp("label",n)))}watchOpen(n){k.apply(n,(n=>this.open=n))}watchHref(n){d.apply(n,(n=>this.setRenderProp("href",n)))}async focus(n){}async expand(){this.setOpen(true)}async collapse(){this.setOpen(false)}async isOpen(){return this.open}componentWillLoad(){this.initRenderProps(T);this.watchActive(this._active);this.watchHref(this._href);this.watchLabel(this._label);this.watchOpen(this._open);this.checkForChildren();this.determineTreeItemDepth();this.unsubscribeOnLocationChange=_((n=>{const e=n===this.getRenderProp("href")?b.getDefaultValue():"";if(this.ariaCurrent!==e){this.ariaCurrent=e}}))}disconnectedCallback(){if(this.unsubscribeOnLocationChange){this.unsubscribeOnLocationChange();this.unsubscribeOnLocationChange=undefined}}determineTreeItemDepth(){var n,e;let t=0;let o=(e=(n=this.host)===null||n===void 0?void 0:n.parentElement)!==null&&e!==void 0?e:null;while(o!==null&&o.tagName.toLowerCase()!==l&&o!==document.body){o=o.parentElement;t+=1}this.level=t}checkForChildren(){var n,e;this.hasChildren=Array.from((e=(n=this.host)===null||n===void 0?void 0:n.children)!==null&&e!==void 0?e:[]).some((n=>!n.slot))}getTree(){var n;let e=this.host;while(e){const t=e.closest(l);if(t){return t}const o=(n=e.getRootNode())===null||n===void 0?void 0:n.host;if(!o||o===document.body){break}e=o}return undefined}setOpen(n){if(this.hasChildren){this.open=n;j(this.getTree())}}render(){return n(t,{key:"00cec97752dcbd2bc8f19c675c4c3b1ed45b6fe3"},n(W,{key:"3e421ba8f8735eb452fca3508208d0d5da48faac",active:this.getRenderProp("active"),ariaCurrent:this.ariaCurrent,groupId:this.groupId,handleAnchorClick:this.handleAnchorClick,handleSlotchange:this.handleSlotchange,handleToggleClick:this.handleToggleClick,hasChildren:this.hasChildren,href:this.getRenderProp("href"),label:this.getRenderProp("label"),level:this.level,open:this.open,refAnchor:this.anchorRef}))}get host(){return o(this)}static get watchers(){return{_active:["watchActive"],_label:["watchLabel"],_open:["watchOpen"],_href:["watchHref"]}}};i([y("anchorRef")],L.prototype,"focus",null);L.style={default:F};export{L as kol_tree_item};
 //# sourceMappingURL=kol-tree-item.entry.js.map

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

@@ -1,5 +1,5 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{h as e,r as n,H as t,g as o}from"./index-DsCeQ9Ys.js";import{g as i,h as a}from"./component-names-Dhbtt0mX.js";import{B as l}from"./base-web-component-3R1Dy3QK.js";import"./common-BqpMtheU.js";import{l as s}from"./label-with-expert-slot-CocPu9HB.js";import{b as r}from"./bem-registry-CX5kvaqt.js";import{d}from"./element-focus-Cp994Rrk.js";import{r as c,u as h}from"./open-items-cache-D-kml1h6.js";import"./isArray-CcrBs4JM.js";import"./tslib.es6-QNbPBOk5.js";const u={required:[s]};const b=r.forBlock("kol-tree");const m=b();const f=b("treeview-navigation");const p=({handleSlotchange:n,label:t})=>e("nav",{class:m,"aria-label":t},e("ul",{class:f,role:"tree","aria-label":t},e("slot",{onSlotchange:n})));const v="@charset \"UTF-8\";\n/* forward the rem function */\n/*\n * Guards an interaction rule (`:hover`, `:active`, `:focus…`) against the disabled state.\n *\n * Two shapes are needed because the disabled marker sits on different elements: a native control\n * carries `disabled`, an anchor or summary carries `aria-disabled`, and a BEM wrapper carries a\n * `--disabled` modifier while its inner control carries the attribute.\n */\n/* Wrapper variant: asks the interactive element inside, which is where the attribute lives. */\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* 6. kol-forced-colors - Defaults for forced colors and high contrast modes\n* 7. kol-theme-forced-colors - Theme-specific styles for forced colors and high contrast modes\n*/\n@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component, kol-forced-colors, kol-theme-forced-colors;\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    --kol-a11y-font-color: black;\n    --kol-a11y-background-color: white;\n    color: var(--kol-a11y-font-color);\n    background-color: var(--kol-a11y-background-color);\n    /*\n     * Verdana is an accessible font that can be used without requiring additional loading time.\n     */\n    --kol-a11y-font-family: Verdana;\n    font-family: var(--kol-a11y-font-family);\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/*\n * This file contains all rules for forced-colors and highcontrast modes\n * https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Values/system-color to see all color keywords the browsers are providing\n */\n@layer kol-forced-colors {\n  @media (forced-colors: active) {\n    .kol-button__text {\n      color: ButtonText;\n      background-color: ButtonFace;\n      border: 2px solid ButtonBorder;\n    }\n    .kol-button--disabled .kol-button__text {\n      color: GrayText;\n      border-color: GrayText;\n    }\n    /*\n     * Forced colors drop author colors, so the only way a disabled control still reads as\n     * disabled is the `GrayText` system color. `kol-button` had it; the controls whose disabled\n     * state is `aria-disabled` (anchor, summary) and the native form controls did not.\n     */\n    .kol-link__interactive-element[aria-disabled=true],\n    .kol-accordion__heading[aria-disabled=true],\n    .kol-details__heading[aria-disabled=true] {\n      color: GrayText;\n    }\n    .kol-link__interactive-element[aria-disabled=true] .kol-icon,\n    .kol-link__interactive-element[aria-disabled=true] .kol-span__label,\n    .kol-accordion__heading[aria-disabled=true] .kol-icon,\n    .kol-accordion__heading[aria-disabled=true] .kol-span__label,\n    .kol-details__heading[aria-disabled=true] .kol-icon,\n    .kol-details__heading[aria-disabled=true] .kol-span__label {\n      color: GrayText;\n    }\n    input:disabled,\n    select:disabled,\n    textarea:disabled {\n      color: GrayText;\n      border-color: GrayText;\n    }\n    .kol-card,\n    .kol-dialog,\n    .kol-modal {\n      color: CanvasText;\n      background-color: Canvas;\n      border: 1px solid ButtonBorder;\n    }\n    .kol-pagination__button--selected .kol-button {\n      opacity: 1;\n    }\n    .kol-pagination__button--selected .kol-button__text {\n      color: SelectedItemText;\n      background-color: SelectedItem;\n    }\n    /* focus styles */\n    .kol-button__interactive-element:focus-visible,\n    .kol-link__interactive-element:focus-visible {\n      outline: 2px solid Highlight;\n      outline-offset: 2px;\n    }\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  /* A disabled `fieldset` only groups its controls; `cursor` is inherited and would reach the\n     operable info popover in its legend. */\n  .disabled label,\n  .disabled:focus-within label,\n  [aria-disabled=true],\n  [aria-disabled=true]:focus,\n  [disabled]:where(:not(fieldset)),\n  [disabled]:where(:not(fieldset)):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 k=e=>(e===null||e===void 0?void 0:e.tagName)===i.toUpperCase();const g=class extends l{constructor(e){super();n(this,e);this.cacheValid=false;this.invalidateOpenItemsCache=()=>{this.cacheValid=false};this.handleSlotchange=()=>{this.observeTopLevelItems();this.scheduleTreeChange()}}watchLabel(e){s.apply(e,(e=>this.setRenderProp("label",e)))}async focus(e){if(this.host){await d(this.host,(async()=>{var n;const t=await this.getOpenTreeItemElements();await((n=t===null||t===void 0?void 0:t[0])===null||n===void 0?void 0:n.focus(e))}))}}connectedCallback(){if(this.host){c(this.host,this.invalidateOpenItemsCache)}}componentWillLoad(){this.initRenderProps(u);this.watchLabel(this._label);this.handleTreeChange();this.observeChildListMutations()}disconnectedCallback(){var e;if(this.host){h(this.host)}(e=this.observer)===null||e===void 0?void 0:e.disconnect();if(this.rafHandle!==undefined){cancelAnimationFrame(this.rafHandle);this.rafHandle=undefined}}async handleKeyDown(e){var n,t,o,a,l,s,r,d,c,h;const u=await this.getOpenTreeItemElements();const b=(n=document.activeElement)===null||n===void 0?void 0:n.closest(i);const m=e.metaKey||e.altKey||e.ctrlKey||e.shiftKey;if(!u||!b){return}const f=u.findIndex((e=>e===b));switch(e.key){case"ArrowDown":{await((t=u[f+1])===null||t===void 0?void 0:t.focus());e.preventDefault();break}case"ArrowUp":{await((o=u[f-1])===null||o===void 0?void 0:o.focus());e.preventDefault();break}case"Right":case"ArrowRight":{e.preventDefault();if(await b.isOpen()){await((a=u[f+1])===null||a===void 0?void 0:a.focus())}else{await b.expand()}break}case"Left":case"ArrowLeft":{e.preventDefault();if(await b.isOpen()){await b.collapse()}else{const e=b.parentElement;const n=e?u.indexOf(e):-1;if(n!==-1){await((l=u[n])===null||l===void 0?void 0:l.focus())}}break}case"Home":{await((s=u[0])===null||s===void 0?void 0:s.focus());e.preventDefault();break}case"End":{await((r=u[u.length-1])===null||r===void 0?void 0:r.focus());e.preventDefault();break}case(d=e.key.match(/^[a-zA-Z0-9]$/))===null||d===void 0?void 0:d.input:{if(!m){const n=e.key.toLowerCase();const t=f+1;const o=e=>{var t,o;return(o=(t=e.getAttribute("_label"))===null||t===void 0?void 0:t.trim().toLowerCase().startsWith(n))!==null&&o!==void 0?o:false};let i=u.slice(t).findIndex(o);if(i===-1){i=u.slice(0,t).findIndex(o)}else{i+=t}if(i!==-1){await((c=u[i])===null||c===void 0?void 0:c.focus());e.preventDefault()}}break}case"*":{const e=(h=b.parentElement)===null||h===void 0?void 0:h.querySelectorAll(i);e===null||e===void 0?void 0:e.forEach((e=>{void e.expand()}));break}}}handleFocusIn(e){var n;if(e.target===this.host&&!((n=document.activeElement)===null||n===void 0?void 0:n.closest(i))){requestAnimationFrame((()=>{void this.focus()}))}}handleFocusOut(e){if(e.relatedTarget&&!e.relatedTarget.closest(a)){this.ensureActiveItemVisibility()}}observeChildListMutations(){this.observer=new MutationObserver((()=>this.scheduleTreeChange()));this.observeTopLevelItems()}observeTopLevelItems(){this.getTopLevelTreeItems().forEach((e=>{var n;(n=this.observer)===null||n===void 0?void 0:n.observe(e,{childList:true,subtree:true})}))}scheduleTreeChange(){if(this.rafHandle)cancelAnimationFrame(this.rafHandle);this.rafHandle=requestAnimationFrame((()=>{this.handleTreeChange()}))}getTopLevelTreeItems(){var e,n;return Array.from((n=(e=this.host)===null||e===void 0?void 0:e.children)!==null&&n!==void 0?n:[]).filter((e=>k(e)&&!e.slot))}handleTreeChange(){this.treeItemElements=this.getTreeItemElements();this.cacheValid=false;this.ensureActiveItemVisibility()}getTreeItemElements(){return this.getTopLevelTreeItems().reduce(((e,n)=>{const t=n.querySelectorAll(i);return[...e,n,...t]}),[])}async getOpenTreeItemElements(){if(!this.treeItemElements){return}if(this.cacheValid&&this.cachedOpenItems){return this.cachedOpenItems}const e=async e=>{let n=e.parentElement;while(k(n)){if(!await n.isOpen()){return false}n=n.parentElement}return true};this.cachedOpenItems=await Promise.all(this.treeItemElements.map((async n=>({item:n,isOpen:await e(n)})))).then((e=>e.filter((({isOpen:e})=>e)).map((({item:e})=>e))));this.cacheValid=true;return this.cachedOpenItems}ensureActiveItemVisibility(){const e=()=>{for(const e of this.getTopLevelTreeItems()){if(e._active){return e}const n=e.querySelector(`${i}[_active="true"]`);if(n===null||n===void 0?void 0:n._active){return n}}};const n=e=>{if(k(e.parentElement)){void e.parentElement.expand();n(e.parentElement)}};const t=e();if(t){n(t)}}render(){return e(t,{key:"a2b6f93aaf1df17d0bbf2017adde60de87a6dfe5"},e(p,{key:"b2f4849e0ee6b18ea980b6f242059a78588404bb",handleSlotchange:this.handleSlotchange,label:this.getRenderProp("label")}))}get host(){return o(this)}static get watchers(){return{_label:["watchLabel"]}}};g.style={default:v};export{g as kol_tree};
+import{h as e,r as n,H as t,g as o}from"./index-DQdQBwMc.js";import{g as i,h as a}from"./component-names-Dhbtt0mX.js";import{B as l}from"./base-web-component-3R1Dy3QK.js";import"./common-BqpMtheU.js";import{l as s}from"./label-with-expert-slot-CocPu9HB.js";import{b as r}from"./bem-registry-CX5kvaqt.js";import{d}from"./element-focus-Cp994Rrk.js";import{r as c,u as h}from"./open-items-cache-D-kml1h6.js";import"./isArray-CcrBs4JM.js";import"./tslib.es6-QNbPBOk5.js";const u={required:[s]};const b=r.forBlock("kol-tree");const m=b();const f=b("treeview-navigation");const p=({handleSlotchange:n,label:t})=>e("nav",{class:m,"aria-label":t},e("ul",{class:f,role:"tree","aria-label":t},e("slot",{onSlotchange:n})));const v="@charset \"UTF-8\";\n/* forward the rem function */\n/*\n * Guards an interaction rule (`:hover`, `:active`, `:focus…`) against the disabled state.\n *\n * Two shapes are needed because the disabled marker sits on different elements: a native control\n * carries `disabled`, an anchor or summary carries `aria-disabled`, and a BEM wrapper carries a\n * `--disabled` modifier while its inner control carries the attribute.\n */\n/* Wrapper variant: asks the interactive element inside, which is where the attribute lives. */\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* 6. kol-forced-colors - Defaults for forced colors and high contrast modes\n* 7. kol-theme-forced-colors - Theme-specific styles for forced colors and high contrast modes\n*/\n@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component, kol-forced-colors, kol-theme-forced-colors;\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    --kol-a11y-font-color: black;\n    --kol-a11y-background-color: white;\n    color: var(--kol-a11y-font-color);\n    background-color: var(--kol-a11y-background-color);\n    /*\n     * Verdana is an accessible font that can be used without requiring additional loading time.\n     */\n    --kol-a11y-font-family: Verdana;\n    font-family: var(--kol-a11y-font-family);\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/*\n * This file contains all rules for forced-colors and highcontrast modes\n * https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Values/system-color to see all color keywords the browsers are providing\n */\n@layer kol-forced-colors {\n  @media (forced-colors: active) {\n    .kol-button__text {\n      color: ButtonText;\n      background-color: ButtonFace;\n      border: 2px solid ButtonBorder;\n    }\n    .kol-button--disabled .kol-button__text {\n      color: GrayText;\n      border-color: GrayText;\n    }\n    /*\n     * Forced colors drop author colors, so the only way a disabled control still reads as\n     * disabled is the `GrayText` system color. `kol-button` had it; the controls whose disabled\n     * state is `aria-disabled` (anchor, summary) and the native form controls did not.\n     */\n    .kol-link__interactive-element[aria-disabled=true],\n    .kol-accordion__heading[aria-disabled=true],\n    .kol-details__heading[aria-disabled=true] {\n      color: GrayText;\n    }\n    .kol-link__interactive-element[aria-disabled=true] .kol-icon,\n    .kol-link__interactive-element[aria-disabled=true] .kol-span__label,\n    .kol-accordion__heading[aria-disabled=true] .kol-icon,\n    .kol-accordion__heading[aria-disabled=true] .kol-span__label,\n    .kol-details__heading[aria-disabled=true] .kol-icon,\n    .kol-details__heading[aria-disabled=true] .kol-span__label {\n      color: GrayText;\n    }\n    input:disabled,\n    select:disabled,\n    textarea:disabled {\n      color: GrayText;\n      border-color: GrayText;\n    }\n    .kol-card,\n    .kol-dialog,\n    .kol-modal {\n      color: CanvasText;\n      background-color: Canvas;\n      border: 1px solid ButtonBorder;\n    }\n    .kol-pagination__button--selected .kol-button {\n      opacity: 1;\n    }\n    .kol-pagination__button--selected .kol-button__text {\n      color: SelectedItemText;\n      background-color: SelectedItem;\n    }\n    /* focus styles */\n    .kol-button__interactive-element:focus-visible,\n    .kol-link__interactive-element:focus-visible {\n      outline: 2px solid Highlight;\n      outline-offset: 2px;\n    }\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  /* A disabled `fieldset` only groups its controls; `cursor` is inherited and would reach the\n     operable info popover in its legend. */\n  .disabled label,\n  .disabled:focus-within label,\n  [aria-disabled=true],\n  [aria-disabled=true]:focus,\n  [disabled]:where(:not(fieldset)),\n  [disabled]:where(:not(fieldset)):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 k=e=>(e===null||e===void 0?void 0:e.tagName)===i.toUpperCase();const g=class extends l{constructor(e){super();n(this,e);this.cacheValid=false;this.invalidateOpenItemsCache=()=>{this.cacheValid=false};this.handleSlotchange=()=>{this.observeTopLevelItems();this.scheduleTreeChange()}}watchLabel(e){s.apply(e,(e=>this.setRenderProp("label",e)))}async focus(e){if(this.host){await d(this.host,(async()=>{var n;const t=await this.getOpenTreeItemElements();await((n=t===null||t===void 0?void 0:t[0])===null||n===void 0?void 0:n.focus(e))}))}}connectedCallback(){if(this.host){c(this.host,this.invalidateOpenItemsCache)}}componentWillLoad(){this.initRenderProps(u);this.watchLabel(this._label);this.handleTreeChange();this.observeChildListMutations()}disconnectedCallback(){var e;if(this.host){h(this.host)}(e=this.observer)===null||e===void 0?void 0:e.disconnect();if(this.rafHandle!==undefined){cancelAnimationFrame(this.rafHandle);this.rafHandle=undefined}}async handleKeyDown(e){var n,t,o,a,l,s,r,d,c,h;const u=await this.getOpenTreeItemElements();const b=(n=document.activeElement)===null||n===void 0?void 0:n.closest(i);const m=e.metaKey||e.altKey||e.ctrlKey||e.shiftKey;if(!u||!b){return}const f=u.findIndex((e=>e===b));switch(e.key){case"ArrowDown":{await((t=u[f+1])===null||t===void 0?void 0:t.focus());e.preventDefault();break}case"ArrowUp":{await((o=u[f-1])===null||o===void 0?void 0:o.focus());e.preventDefault();break}case"Right":case"ArrowRight":{e.preventDefault();if(await b.isOpen()){await((a=u[f+1])===null||a===void 0?void 0:a.focus())}else{await b.expand()}break}case"Left":case"ArrowLeft":{e.preventDefault();if(await b.isOpen()){await b.collapse()}else{const e=b.parentElement;const n=e?u.indexOf(e):-1;if(n!==-1){await((l=u[n])===null||l===void 0?void 0:l.focus())}}break}case"Home":{await((s=u[0])===null||s===void 0?void 0:s.focus());e.preventDefault();break}case"End":{await((r=u[u.length-1])===null||r===void 0?void 0:r.focus());e.preventDefault();break}case(d=e.key.match(/^[a-zA-Z0-9]$/))===null||d===void 0?void 0:d.input:{if(!m){const n=e.key.toLowerCase();const t=f+1;const o=e=>{var t,o;return(o=(t=e.getAttribute("_label"))===null||t===void 0?void 0:t.trim().toLowerCase().startsWith(n))!==null&&o!==void 0?o:false};let i=u.slice(t).findIndex(o);if(i===-1){i=u.slice(0,t).findIndex(o)}else{i+=t}if(i!==-1){await((c=u[i])===null||c===void 0?void 0:c.focus());e.preventDefault()}}break}case"*":{const e=(h=b.parentElement)===null||h===void 0?void 0:h.querySelectorAll(i);e===null||e===void 0?void 0:e.forEach((e=>{void e.expand()}));break}}}handleFocusIn(e){var n;if(e.target===this.host&&!((n=document.activeElement)===null||n===void 0?void 0:n.closest(i))){requestAnimationFrame((()=>{void this.focus()}))}}handleFocusOut(e){if(e.relatedTarget&&!e.relatedTarget.closest(a)){this.ensureActiveItemVisibility()}}observeChildListMutations(){this.observer=new MutationObserver((()=>this.scheduleTreeChange()));this.observeTopLevelItems()}observeTopLevelItems(){this.getTopLevelTreeItems().forEach((e=>{var n;(n=this.observer)===null||n===void 0?void 0:n.observe(e,{childList:true,subtree:true})}))}scheduleTreeChange(){if(this.rafHandle)cancelAnimationFrame(this.rafHandle);this.rafHandle=requestAnimationFrame((()=>{this.handleTreeChange()}))}getTopLevelTreeItems(){var e,n;return Array.from((n=(e=this.host)===null||e===void 0?void 0:e.children)!==null&&n!==void 0?n:[]).filter((e=>k(e)&&!e.slot))}handleTreeChange(){this.treeItemElements=this.getTreeItemElements();this.cacheValid=false;this.ensureActiveItemVisibility()}getTreeItemElements(){return this.getTopLevelTreeItems().reduce(((e,n)=>{const t=n.querySelectorAll(i);return[...e,n,...t]}),[])}async getOpenTreeItemElements(){if(!this.treeItemElements){return}if(this.cacheValid&&this.cachedOpenItems){return this.cachedOpenItems}const e=async e=>{let n=e.parentElement;while(k(n)){if(!await n.isOpen()){return false}n=n.parentElement}return true};this.cachedOpenItems=await Promise.all(this.treeItemElements.map((async n=>({item:n,isOpen:await e(n)})))).then((e=>e.filter((({isOpen:e})=>e)).map((({item:e})=>e))));this.cacheValid=true;return this.cachedOpenItems}ensureActiveItemVisibility(){const e=()=>{for(const e of this.getTopLevelTreeItems()){if(e._active){return e}const n=e.querySelector(`${i}[_active="true"]`);if(n===null||n===void 0?void 0:n._active){return n}}};const n=e=>{if(k(e.parentElement)){void e.parentElement.expand();n(e.parentElement)}};const t=e();if(t){n(t)}}render(){return e(t,{key:"a2b6f93aaf1df17d0bbf2017adde60de87a6dfe5"},e(p,{key:"b2f4849e0ee6b18ea980b6f242059a78588404bb",handleSlotchange:this.handleSlotchange,label:this.getRenderProp("label")}))}get host(){return o(this)}static get watchers(){return{_label:["watchLabel"]}}};g.style={default:v};export{g as kol_tree};
 //# sourceMappingURL=kol-tree.entry.js.map

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

@@ -1,5 +1,5 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{h as n,r as e,H as o}from"./index-DsCeQ9Ys.js";import{t}from"./i18n-BaCf-SDK.js";import{B as i}from"./base-web-component-3R1Dy3QK.js";import"./common-BqpMtheU.js";import{l as r}from"./label-c9P7yC4V.js";import{B as l}from"./component-BKOep2WQ.js";import{B as a}from"./component-BxKN0JbT.js";import{c as s}from"./contrast-BKAJJL2K.js";import"./i18n-exgMSyNT.js";import"./isArray-CcrBs4JM.js";import"./bem-registry-CX5kvaqt.js";import"./component-C3aqLFK2.js";import"./tslib.es6-QNbPBOk5.js";import"./component-C9DexidK.js";import"./clsx-COFh-Vc8.js";import"./component-D_58mw87.js";import"./component-BjH8s4-t.js";import"./component-xrrwVuiI.js";import"./block-bem-DxQXsOt3.js";const c={required:[r]};const d=({class:e,color:o,icons:t,label:i})=>n(a,{block:"kol-version",class:e},n(l,{color:o,icons:t,label:i}));const h='@charset "UTF-8";\n/*\n* This file defines the layer order for all CSS layers used in KoliBri.\n* The order is important as it determines the cascade priority.\n*\n* Layer order (lowest to highest priority):\n* 1. kol-a11y - Accessibility defaults and requirements\n* 2. kol-global - Global component styles and resets\n* 3. kol-component - Component-specific styles\n* 4. kol-theme-global - Theme-specific global styles\n* 5. kol-theme-component - Theme-specific component styles\n* 6. kol-forced-colors - Defaults for forced colors and high contrast modes\n* 7. kol-theme-forced-colors - Theme-specific styles for forced colors and high contrast modes\n*/\n@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component, kol-forced-colors, kol-theme-forced-colors;\n/* forward the rem function */\n/*\n * Guards an interaction rule (`:hover`, `:active`, `:focus…`) against the disabled state.\n *\n * Two shapes are needed because the disabled marker sits on different elements: a native control\n * carries `disabled`, an anchor or summary carries `aria-disabled`, and a BEM wrapper carries a\n * `--disabled` modifier while its inner control carries the attribute.\n */\n/* Wrapper variant: asks the interactive element inside, which is where the attribute lives. */\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    --kol-a11y-font-color: black;\n    --kol-a11y-background-color: white;\n    color: var(--kol-a11y-font-color);\n    background-color: var(--kol-a11y-background-color);\n    /*\n     * Verdana is an accessible font that can be used without requiring additional loading time.\n     */\n    --kol-a11y-font-family: Verdana;\n    font-family: var(--kol-a11y-font-family);\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/*\n * This file contains all rules for forced-colors and highcontrast modes\n * https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Values/system-color to see all color keywords the browsers are providing\n */\n@layer kol-forced-colors {\n  @media (forced-colors: active) {\n    .kol-button__text {\n      color: ButtonText;\n      background-color: ButtonFace;\n      border: 2px solid ButtonBorder;\n    }\n    .kol-button--disabled .kol-button__text {\n      color: GrayText;\n      border-color: GrayText;\n    }\n    /*\n     * Forced colors drop author colors, so the only way a disabled control still reads as\n     * disabled is the `GrayText` system color. `kol-button` had it; the controls whose disabled\n     * state is `aria-disabled` (anchor, summary) and the native form controls did not.\n     */\n    .kol-link__interactive-element[aria-disabled=true],\n    .kol-accordion__heading[aria-disabled=true],\n    .kol-details__heading[aria-disabled=true] {\n      color: GrayText;\n    }\n    .kol-link__interactive-element[aria-disabled=true] .kol-icon,\n    .kol-link__interactive-element[aria-disabled=true] .kol-span__label,\n    .kol-accordion__heading[aria-disabled=true] .kol-icon,\n    .kol-accordion__heading[aria-disabled=true] .kol-span__label,\n    .kol-details__heading[aria-disabled=true] .kol-icon,\n    .kol-details__heading[aria-disabled=true] .kol-span__label {\n      color: GrayText;\n    }\n    input:disabled,\n    select:disabled,\n    textarea:disabled {\n      color: GrayText;\n      border-color: GrayText;\n    }\n    .kol-card,\n    .kol-dialog,\n    .kol-modal {\n      color: CanvasText;\n      background-color: Canvas;\n      border: 1px solid ButtonBorder;\n    }\n    .kol-pagination__button--selected .kol-button {\n      opacity: 1;\n    }\n    .kol-pagination__button--selected .kol-button__text {\n      color: SelectedItemText;\n      background-color: SelectedItem;\n    }\n    /* focus styles */\n    .kol-button__interactive-element:focus-visible,\n    .kol-link__interactive-element:focus-visible {\n      outline: 2px solid Highlight;\n      outline-offset: 2px;\n    }\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  /* A disabled `fieldset` only groups its controls; `cursor` is inherited and would reach the\n     operable info popover in its legend. */\n  .disabled label,\n  .disabled:focus-within label,\n  [aria-disabled=true],\n  [aria-disabled=true]:focus,\n  [disabled]:where(:not(fieldset)),\n  [disabled]:where(:not(fieldset)):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=1791360508850"); /* IE9*/\n  src: url("kolicons.eot?t=1791360508850#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791360508850") format("woff2"), url("kolicons.woff?t=1791360508850") format("woff"), url("kolicons.ttf?t=1791360508850") format("truetype"), url("kolicons.svg?t=1791360508850#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-pin-pinned::before {\n    content: "\\ea15";\n  }\n  .kolicon-pin-unpinned::before {\n    content: "\\ea16";\n  }\n  .kolicon-plus::before {\n    content: "\\ea17";\n  }\n  .kolicon-settings::before {\n    content: "\\ea18";\n  }\n  .kolicon-sort-asc::before {\n    content: "\\ea19";\n  }\n  .kolicon-sort-desc::before {\n    content: "\\ea1a";\n  }\n  .kolicon-sort-neutral::before {\n    content: "\\ea1b";\n  }\n  .kolicon-up::before {\n    content: "\\ea1c";\n  }\n  .kolicon-version::before {\n    content: "\\ea1d";\n  }\n}\n/*\n * Badge box for every shadow root that renders `BadgeFC` - the badge itself and `kol-version`.\n * Stencil scopes `badge/style.scss` to the `kol-badge` shadow root, so a second consumer has to\n * bring these rules along (same pattern as `kol-link-styles` for `LinkFC`).\n *\n * The smart-button rules stay in `badge/style.scss`: only the badge web component orchestrates one.\n */\n@layer kol-component {\n  /* The version renders `BadgeFC` inline, so the badge box has to live in this shadow root too. */\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-badge {\n    /* Visible with forced colors  */\n    outline: transparent solid calc(1 * 1rem / var(--kolibri-root-font-size, 16));\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n  }\n  .kol-badge > br {\n    user-select: none;\n  }\n}';const b=s("#bec5c9");const f={backgroundColor:b.background,foregroundColor:b.foreground};const m={left:{icon:"kolicon-version",label:t("kol-version")}};const p=class extends i{constructor(n){super();e(this,n)}watchLabel(n){r.apply(n,(n=>this.setRenderProp("label",n)))}componentWillLoad(){this.initRenderProps(c);r.apply(this._label,(n=>this.setRenderProp("label",n)))}render(){return n(o,{key:"2fdb04f3e602a84f25efc4a98ecae0521fc2a176"},n(d,{key:"5000fa02e8aa97f7c5396e7f9eca24a3804ccce4",color:f,icons:m,label:this.getRenderProp("label")}))}static get watchers(){return{_label:["watchLabel"]}}};p.style={default:h};export{p as kol_version};
+import{h as n,r as e,H as o}from"./index-DQdQBwMc.js";import{t}from"./i18n-BaCf-SDK.js";import{B as i}from"./base-web-component-3R1Dy3QK.js";import"./common-BqpMtheU.js";import{l}from"./label-c9P7yC4V.js";import{B as r}from"./component-Dg6TIbeY.js";import{B as a}from"./component-C3sXiwbS.js";import{c as s}from"./contrast-DMN9saXP.js";import"./i18n-exgMSyNT.js";import"./isArray-CcrBs4JM.js";import"./bem-registry-CX5kvaqt.js";import"./component-CBpYh2q-.js";import"./tslib.es6-QNbPBOk5.js";import"./component-BF8FPuIW.js";import"./clsx-COFh-Vc8.js";import"./component-C_d54ujF.js";import"./component-BpOMe842.js";import"./component-CvCfEqSE.js";import"./block-bem-DxQXsOt3.js";const c={required:[l]};const d=({class:e,color:o,icons:t,label:i})=>n(a,{block:"kol-version",class:e},n(r,{color:o,icons:t,label:i}));const h='@charset "UTF-8";\n/*\n* This file defines the layer order for all CSS layers used in KoliBri.\n* The order is important as it determines the cascade priority.\n*\n* Layer order (lowest to highest priority):\n* 1. kol-a11y - Accessibility defaults and requirements\n* 2. kol-global - Global component styles and resets\n* 3. kol-component - Component-specific styles\n* 4. kol-theme-global - Theme-specific global styles\n* 5. kol-theme-component - Theme-specific component styles\n* 6. kol-forced-colors - Defaults for forced colors and high contrast modes\n* 7. kol-theme-forced-colors - Theme-specific styles for forced colors and high contrast modes\n*/\n@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component, kol-forced-colors, kol-theme-forced-colors;\n/* forward the rem function */\n/*\n * Guards an interaction rule (`:hover`, `:active`, `:focus…`) against the disabled state.\n *\n * Two shapes are needed because the disabled marker sits on different elements: a native control\n * carries `disabled`, an anchor or summary carries `aria-disabled`, and a BEM wrapper carries a\n * `--disabled` modifier while its inner control carries the attribute.\n */\n/* Wrapper variant: asks the interactive element inside, which is where the attribute lives. */\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    --kol-a11y-font-color: black;\n    --kol-a11y-background-color: white;\n    color: var(--kol-a11y-font-color);\n    background-color: var(--kol-a11y-background-color);\n    /*\n     * Verdana is an accessible font that can be used without requiring additional loading time.\n     */\n    --kol-a11y-font-family: Verdana;\n    font-family: var(--kol-a11y-font-family);\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/*\n * This file contains all rules for forced-colors and highcontrast modes\n * https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Values/system-color to see all color keywords the browsers are providing\n */\n@layer kol-forced-colors {\n  @media (forced-colors: active) {\n    .kol-button__text {\n      color: ButtonText;\n      background-color: ButtonFace;\n      border: 2px solid ButtonBorder;\n    }\n    .kol-button--disabled .kol-button__text {\n      color: GrayText;\n      border-color: GrayText;\n    }\n    /*\n     * Forced colors drop author colors, so the only way a disabled control still reads as\n     * disabled is the `GrayText` system color. `kol-button` had it; the controls whose disabled\n     * state is `aria-disabled` (anchor, summary) and the native form controls did not.\n     */\n    .kol-link__interactive-element[aria-disabled=true],\n    .kol-accordion__heading[aria-disabled=true],\n    .kol-details__heading[aria-disabled=true] {\n      color: GrayText;\n    }\n    .kol-link__interactive-element[aria-disabled=true] .kol-icon,\n    .kol-link__interactive-element[aria-disabled=true] .kol-span__label,\n    .kol-accordion__heading[aria-disabled=true] .kol-icon,\n    .kol-accordion__heading[aria-disabled=true] .kol-span__label,\n    .kol-details__heading[aria-disabled=true] .kol-icon,\n    .kol-details__heading[aria-disabled=true] .kol-span__label {\n      color: GrayText;\n    }\n    input:disabled,\n    select:disabled,\n    textarea:disabled {\n      color: GrayText;\n      border-color: GrayText;\n    }\n    .kol-card,\n    .kol-dialog,\n    .kol-modal {\n      color: CanvasText;\n      background-color: Canvas;\n      border: 1px solid ButtonBorder;\n    }\n    .kol-pagination__button--selected .kol-button {\n      opacity: 1;\n    }\n    .kol-pagination__button--selected .kol-button__text {\n      color: SelectedItemText;\n      background-color: SelectedItem;\n    }\n    /* focus styles */\n    .kol-button__interactive-element:focus-visible,\n    .kol-link__interactive-element:focus-visible {\n      outline: 2px solid Highlight;\n      outline-offset: 2px;\n    }\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  /* A disabled `fieldset` only groups its controls; `cursor` is inherited and would reach the\n     operable info popover in its legend. */\n  .disabled label,\n  .disabled:focus-within label,\n  [aria-disabled=true],\n  [aria-disabled=true]:focus,\n  [disabled]:where(:not(fieldset)),\n  [disabled]:where(:not(fieldset)):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=1791530377872"); /* IE9*/\n  src: url("kolicons.eot?t=1791530377872#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791530377872") format("woff2"), url("kolicons.woff?t=1791530377872") format("woff"), url("kolicons.ttf?t=1791530377872") format("truetype"), url("kolicons.svg?t=1791530377872#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-pin-pinned::before {\n    content: "\\ea15";\n  }\n  .kolicon-pin-unpinned::before {\n    content: "\\ea16";\n  }\n  .kolicon-plus::before {\n    content: "\\ea17";\n  }\n  .kolicon-settings::before {\n    content: "\\ea18";\n  }\n  .kolicon-sort-asc::before {\n    content: "\\ea19";\n  }\n  .kolicon-sort-desc::before {\n    content: "\\ea1a";\n  }\n  .kolicon-sort-neutral::before {\n    content: "\\ea1b";\n  }\n  .kolicon-up::before {\n    content: "\\ea1c";\n  }\n  .kolicon-version::before {\n    content: "\\ea1d";\n  }\n}\n/*\n * Badge box for every shadow root that renders `BadgeFC` - the badge itself and `kol-version`.\n * Stencil scopes `badge/style.scss` to the `kol-badge` shadow root, so a second consumer has to\n * bring these rules along (same pattern as `kol-link-styles` for `LinkFC`).\n *\n * The smart-button rules stay in `badge/style.scss`: only the badge web component orchestrates one.\n */\n@layer kol-component {\n  /* The version renders `BadgeFC` inline, so the badge box has to live in this shadow root too. */\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-badge {\n    /* Visible with forced colors  */\n    outline: transparent solid calc(1 * 1rem / var(--kolibri-root-font-size, 16));\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n  }\n  .kol-badge > br {\n    user-select: none;\n  }\n}';const b=s("#bec5c9");const f={backgroundColor:b.background,foregroundColor:b.foreground};const m={left:{icon:"kolicon-version",label:t("kol-version")}};const p=class extends i{constructor(n){super();e(this,n)}watchLabel(n){l.apply(n,(n=>this.setRenderProp("label",n)))}componentWillLoad(){this.initRenderProps(c);l.apply(this._label,(n=>this.setRenderProp("label",n)))}render(){return n(o,{key:"2fdb04f3e602a84f25efc4a98ecae0521fc2a176"},n(d,{key:"5000fa02e8aa97f7c5396e7f9eca24a3804ccce4",color:f,icons:m,label:this.getRenderProp("label")}))}static get watchers(){return{_label:["watchLabel"]}}};p.style={default:h};export{p as kol_version};
 //# sourceMappingURL=kol-version.entry.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["h","registerInstance","Host","translate","BaseWebComponent","labelProp","BadgeFC","BemRootNodeFC","createContrastColorPair","versionPropsConfig","required","VersionFC","class","hostClass","color","icons","label","block","defaultStyleCss","VERSION_COLORS","VERSION_COLOR","backgroundColor","background","foregroundColor","foreground","VERSION_ICON","left","icon","KolVersion","constructor","hostRef","super","this","watchLabel","value","apply","v","setRenderProp","componentWillLoad","initRenderProps","_label","render","key","getRenderProp","watchers","style","default"],"sources":["0"],"mappings":";;;YAGSA,OAAQC,OAAuBC,MAAY,6BACtCC,MAAiB,iCACjBC,MAAwB,yCAC/B,mCACOC,MAAiB,kCACjBC,MAAe,sCACfC,MAAqB,sCACrBC,MAA+B,+BACtC,2BACA,8BACA,mCACA,gCACA,gCACA,gCACA,2BACA,gCACA,gCACA,gCACA,0BAEP,MAAMC,EAAqB,CACvBC,SAAU,CAACL,IAGf,MAAMM,EAAY,EAAGC,MAAOC,EAAWC,QAAOC,QAAOC,WACzChB,EAAEO,EAAe,CAAEU,MAAO,cAAeL,MAAOC,GAAab,EAAEM,EAAS,CAAEQ,MAAOA,EAAOC,MAAOA,EAAOC,MAAOA,KAGzH,MAAME,EAAkB,0/XAExB,MAAMC,EAAiBX,EAAwB,WAC/C,MAAMY,EAAgB,CAAEC,gBAAiBF,EAAeG,WAAYC,gBAAiBJ,EAAeK,YACpG,MAAMC,EAAe,CAAEC,KAAM,CAAEC,KAAM,kBAAmBX,MAAOb,EAAU,iBACzE,MAAMyB,EAAa,cAAcxB,EAC7B,WAAAyB,CAAYC,GACRC,QACA9B,EAAiB+B,KAAMF,EAC3B,CACA,UAAAG,CAAWC,GACP7B,EAAU8B,MAAMD,GAAQE,GAAMJ,KAAKK,cAAc,QAASD,IAC9D,CACA,iBAAAE,GACIN,KAAKO,gBAAgB9B,GACrBJ,EAAU8B,MAAMH,KAAKQ,QAASJ,GAAMJ,KAAKK,cAAc,QAASD,IACpE,CACA,MAAAK,GACI,OAAQzC,EAAEE,EAAM,CAAEwC,IAAK,4CAA8C1C,EAAEW,EAAW,CAAE+B,IAAK,2CAA4C5B,MAAOM,EAAeL,MAAOU,EAAcT,MAAOgB,KAAKW,cAAc,WAC9M,CACA,mBAAWC,GAAa,MAAO,CAC3BJ,OAAU,CAAC,cACZ,GAEPZ,EAAWiB,MAAQ,CACfC,QAAS5B,UAGJU","ignoreList":[]}
+{"version":3,"names":["h","registerInstance","Host","translate","BaseWebComponent","labelProp","BadgeFC","BemRootNodeFC","createContrastColorPair","versionPropsConfig","required","VersionFC","class","hostClass","color","icons","label","block","defaultStyleCss","VERSION_COLORS","VERSION_COLOR","backgroundColor","background","foregroundColor","foreground","VERSION_ICON","left","icon","KolVersion","constructor","hostRef","super","this","watchLabel","value","apply","v","setRenderProp","componentWillLoad","initRenderProps","_label","render","key","getRenderProp","watchers","style","default"],"sources":["0"],"mappings":";;;YAGSA,OAAQC,OAAuBC,MAAY,6BACtCC,MAAiB,iCACjBC,MAAwB,yCAC/B,8BACOC,MAAiB,kCACjBC,MAAe,sCACfC,MAAqB,sCACrBC,MAA+B,+BACtC,2BACA,8BACA,mCACA,gCACA,gCACA,gCACA,2BACA,gCACA,gCACA,gCACA,0BAEP,MAAMC,EAAqB,CACvBC,SAAU,CAACL,IAGf,MAAMM,EAAY,EAAGC,MAAOC,EAAWC,QAAOC,QAAOC,WACzChB,EAAEO,EAAe,CAAEU,MAAO,cAAeL,MAAOC,GAAab,EAAEM,EAAS,CAAEQ,MAAOA,EAAOC,MAAOA,EAAOC,MAAOA,KAGzH,MAAME,EAAkB,0/XAExB,MAAMC,EAAiBX,EAAwB,WAC/C,MAAMY,EAAgB,CAAEC,gBAAiBF,EAAeG,WAAYC,gBAAiBJ,EAAeK,YACpG,MAAMC,EAAe,CAAEC,KAAM,CAAEC,KAAM,kBAAmBX,MAAOb,EAAU,iBACzE,MAAMyB,EAAa,cAAcxB,EAC7B,WAAAyB,CAAYC,GACRC,QACA9B,EAAiB+B,KAAMF,EAC3B,CACA,UAAAG,CAAWC,GACP7B,EAAU8B,MAAMD,GAAQE,GAAMJ,KAAKK,cAAc,QAASD,IAC9D,CACA,iBAAAE,GACIN,KAAKO,gBAAgB9B,GACrBJ,EAAU8B,MAAMH,KAAKQ,QAASJ,GAAMJ,KAAKK,cAAc,QAASD,IACpE,CACA,MAAAK,GACI,OAAQzC,EAAEE,EAAM,CAAEwC,IAAK,4CAA8C1C,EAAEW,EAAW,CAAE+B,IAAK,2CAA4C5B,MAAOM,EAAeL,MAAOU,EAAcT,MAAOgB,KAAKW,cAAc,WAC9M,CACA,mBAAWC,GAAa,MAAO,CAC3BJ,OAAU,CAAC,cACZ,GAEPZ,EAAWiB,MAAQ,CACfC,QAAS5B,UAGJU","ignoreList":[]}

package/dist/kolibri/kolibri.esm.js

@@ -1,5 +1,5 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{p as a,b as e}from"./index-DsCeQ9Ys.js";export{s as setNonce}from"./index-DsCeQ9Ys.js";import{g as t}from"./app-globals-lFdBwFG2.js";import"./common-BqpMtheU.js";var l=()=>{const e=import.meta.url;const t={};if(e!==""){t.resourcesUrl=new URL(".",e).href}return a(t)};l().then((async a=>{await t();return e(JSON.parse('[["kol-abbr",[[801,"kol-abbr",{"_label":[1]},null,{"_label":["watchLabel"]}]]],["kol-accordion",[[801,"kol-accordion",{"_disabled":[4],"_label":[1],"_level":[2],"_on":[16],"_open":[1540],"controlId":[32],"detailsOpen":[32],"expanded":[32],"headingId":[32],"transitionMs":[32],"focus":[64],"click":[64]},null,{"_disabled":["watchDisabled"],"_label":["watchLabel"],"_level":["watchLevel"],"_on":["watchOn"],"_open":["watchOpen"]}]]],["kol-alert",[[801,"kol-alert",{"_alert":[4],"_hasCloser":[4,"_has-closer"],"_label":[1],"_level":[2],"_on":[16],"_type":[1],"_variant":[1],"headingId":[32],"closerAriaDescriptionId":[32]},null,{"_alert":["watchAlert"],"_hasCloser":["watchHasCloser"],"_label":["watchLabel"],"_level":["watchLevel"],"_on":["watchOn"],"_type":["watchType"],"_variant":["watchVariant"]}]]],["kol-avatar",[[801,"kol-avatar",{"_color":[1],"_label":[1],"_src":[1],"initials":[32]},null,{"_color":["watchColor"],"_label":["watchLabel"],"_src":["watchSrc"]}]]],["kol-badge",[[801,"kol-badge",{"_color":[1],"_icons":[1],"_label":[1],"_smartButton":[1,"_smart-button"],"labelId":[32],"ariaDescriptionId":[32],"focus":[64]},null,{"_color":["watchColor"],"_icons":["watchIcons"],"_label":["watchLabel"],"_smartButton":["watchSmartButton"]}]]],["kol-breadcrumb",[[801,"kol-breadcrumb",{"_label":[1],"_links":[1],"linkItems":[32]},null,{"_label":["watchLabel"],"_links":["watchLinks"]}]]],["kol-button",[[801,"kol-button",{"_accessKey":[1,"_access-key"],"_ariaControls":[1,"_aria-controls"],"_ariaDescription":[1,"_aria-description"],"_ariaExpanded":[4,"_aria-expanded"],"_ariaSelected":[4,"_aria-selected"],"_customClass":[1,"_custom-class"],"_disabled":[4],"_hideLabel":[4,"_hide-label"],"_icons":[1],"_inline":[4],"_label":[1],"_name":[1],"_on":[16],"_role":[1],"_shortKey":[1,"_short-key"],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tooltipAlign":[1,"_tooltip-align"],"_type":[1],"_value":[8],"_variant":[1],"ariaDescriptionId":[32],"getValue":[64],"focus":[64],"click":[64]},null,{"_accessKey":["watchAccessKey"],"_ariaControls":["watchAriaControls"],"_ariaDescription":["watchAriaDescription"],"_ariaExpanded":["watchAriaExpanded"],"_ariaSelected":["watchAriaSelected"],"_customClass":["watchCustomClass"],"_disabled":["watchDisabled"],"_hideLabel":["watchHideLabel"],"_icons":["watchIcons"],"_inline":["watchInline"],"_label":["watchLabel"],"_name":["watchName"],"_on":["watchOn"],"_role":["watchRole"],"_shortKey":["watchShortKey"],"_syncValueBySelector":["watchSyncValueBySelector"],"_tooltipAlign":["watchTooltipAlign"],"_type":["watchType"],"_value":["watchValue"],"_variant":["watchVariant"]}]]],["kol-button-link",[[801,"kol-button-link",{"_accessKey":[1,"_access-key"],"_ariaControls":[1,"_aria-controls"],"_ariaDescription":[1,"_aria-description"],"_ariaExpanded":[4,"_aria-expanded"],"_ariaSelected":[4,"_aria-selected"],"_disabled":[4],"_hideLabel":[4,"_hide-label"],"_icons":[1],"_inline":[4],"_label":[1],"_name":[1],"_on":[16],"_role":[1],"_shortKey":[1,"_short-key"],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tooltipAlign":[1,"_tooltip-align"],"_type":[1],"_value":[8],"_variant":[1],"ariaDescriptionId":[32],"getValue":[64],"focus":[64],"click":[64]},null,{"_accessKey":["watchAccessKey"],"_ariaControls":["watchAriaControls"],"_ariaDescription":["watchAriaDescription"],"_ariaExpanded":["watchAriaExpanded"],"_ariaSelected":["watchAriaSelected"],"_disabled":["watchDisabled"],"_hideLabel":["watchHideLabel"],"_icons":["watchIcons"],"_inline":["watchInline"],"_label":["watchLabel"],"_name":["watchName"],"_on":["watchOn"],"_role":["watchRole"],"_shortKey":["watchShortKey"],"_syncValueBySelector":["watchSyncValueBySelector"],"_tooltipAlign":["watchTooltipAlign"],"_type":["watchType"],"_value":["watchValue"],"_variant":["watchVariant"]}]]],["kol-card",[[801,"kol-card",{"_hasCloser":[4,"_has-closer"],"_href":[1],"_label":[1],"_level":[2],"_on":[16],"_target":[1],"ariaDescriptionId":[32],"headingId":[32],"focus":[64],"click":[64]},null,{"_hasCloser":["watchHasCloser"],"_href":["watchHref"],"_label":["watchLabel"],"_level":["watchLevel"],"_on":["watchOn"],"_target":["watchTarget"]}]]],["kol-click-button",[[769,"kol-click-button",{"_label":[1],"focus":[64]},null,{"_label":["watchLabel"]}]]],["kol-combobox",[[801,"kol-combobox",{"_accessKey":[1,"_access-key"],"_ariaDetails":[1,"_aria-details"],"_placeholder":[1],"_disabled":[4],"_hideMsg":[4,"_hide-msg"],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_icons":[1],"_infoPopover":[16],"_label":[1],"_msg":[1],"_name":[1],"_on":[16],"_hasClearButton":[4,"_has-clear-button"],"_suggestions":[1],"_required":[4],"_shortKey":[1,"_short-key"],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tooltipAlign":[1,"_tooltip-align"],"_touched":[1540],"_value":[1537],"_variant":[1],"id":[32],"infoPopoverOpen":[32],"inputHasFocus":[32],"isOpen":[32],"blockSuggestionMouseOver":[32],"filteredSuggestions":[32],"getValue":[64],"focus":[64],"click":[64]},[[0,"keydown","handleHostKeyDown"],[1,"mousemove","handleMouseEvent"],[0,"focusin","handleFocusIn"],[0,"focusout","handleFocusOut"]],{"_accessKey":["watchAccessKey"],"_ariaDetails":["watchAriaDetails"],"_placeholder":["watchPlaceholder"],"_disabled":["watchDisabled"],"_hideMsg":["watchHideMsg"],"_hideLabel":["watchHideLabel"],"_hint":["watchHint"],"_icons":["watchIcons"],"_infoPopover":["watchInfoPopover"],"_label":["watchLabel"],"_msg":["watchMsg"],"_name":["watchName"],"_on":["watchOn"],"_hasClearButton":["watchHasClearButton"],"_suggestions":["watchSuggestions"],"_required":["watchRequired"],"_shortKey":["watchShortKey"],"_syncValueBySelector":["watchSyncValueBySelector"],"_tooltipAlign":["watchTooltipAlign"],"_touched":["watchTouched"],"_value":["watchValue"],"_variant":["watchVariant"]}]]],["kol-details",[[801,"kol-details",{"_disabled":[4],"_label":[1],"_level":[2],"_on":[16],"_open":[1540],"controlId":[32],"detailsOpen":[32],"expanded":[32],"headingId":[32],"transitionMs":[32],"focus":[64],"click":[64]},null,{"_disabled":["watchDisabled"],"_label":["watchLabel"],"_level":["watchLevel"],"_on":["watchOn"],"_open":["watchOpen"]}]]],["kol-dialog",[[801,"kol-dialog",{"_label":[1],"_level":[2],"_on":[16],"_variant":[1],"_width":[1],"ariaDescriptionId":[32],"headingId":[32],"modal":[32],"openModal":[64],"showModal":[64],"show":[64],"close":[64],"closeModal":[64]},null,{"_label":["watchLabel"],"_level":["watchLevel"],"_on":["watchOn"],"_variant":["watchVariant"],"_width":["watchWidth"]}]]],["kol-drawer",[[801,"kol-drawer",{"_align":[1],"_hasCloser":[4,"_has-closer"],"_label":[1],"_level":[2],"_on":[16],"_open":[4],"ariaDescriptionId":[32],"expanded":[32],"headingId":[32],"modal":[32],"show":[64],"showModal":[64],"open":[64],"close":[64]},null,{"_align":["watchAlign"],"_hasCloser":["watchHasCloser"],"_label":["watchLabel"],"_level":["watchLevel"],"_on":["watchOn"],"_open":["watchOpen"]}]]],["kol-form",[[801,"kol-form",{"_errorList":[16],"_on":[16],"_requiredText":[8,"_required-text"],"errorLinkItems":[32],"focusErrorList":[64]},null,{"_errorList":["watchErrorList"],"_on":["watchOn"],"_requiredText":["watchRequiredText"]}]]],["kol-heading",[[801,"kol-heading",{"_label":[1],"_level":[2],"_secondaryHeadline":[1,"_secondary-headline"]},null,{"_label":["watchLabel"],"_level":["watchLevel"],"_secondaryHeadline":["watchSecondaryHeadline"]}]]],["kol-icon",[[801,"kol-icon",{"_icons":[1],"_label":[1]},null,{"_icons":["watchIcons"],"_label":["watchLabel"]}]]],["kol-image",[[801,"kol-image",{"_alt":[1],"_loading":[1],"_sizes":[1],"_src":[1],"_srcset":[1],"_on":[16]},null,{"_alt":["watchAlt"],"_loading":["watchLoading"],"_sizes":["watchSizes"],"_src":["watchSrc"],"_srcset":["watchSrcset"],"_on":["watchOn"]}]]],["kol-input-checkbox",[[801,"kol-input-checkbox",{"_accessKey":[1,"_access-key"],"_checked":[1540],"_hideMsg":[4,"_hide-msg"],"_disabled":[4],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_icons":[1],"_infoPopover":[16],"_indeterminate":[1540],"_label":[1],"_labelAlign":[1,"_label-align"],"_msg":[1],"_name":[1],"_on":[16],"_required":[4],"_ariaDetails":[1,"_aria-details"],"_shortKey":[1,"_short-key"],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tooltipAlign":[1,"_tooltip-align"],"_touched":[1540],"_value":[8],"_variant":[1],"id":[32],"infoPopoverOpen":[32],"inputHasFocus":[32],"getValue":[64],"focus":[64],"click":[64]},null,{"_accessKey":["watchAccessKey"],"_checked":["watchChecked"],"_hideMsg":["watchHideMsg"],"_disabled":["watchDisabled"],"_hideLabel":["watchHideLabel"],"_hint":["watchHint"],"_icons":["watchIcons"],"_infoPopover":["watchInfoPopover"],"_indeterminate":["watchIndeterminate"],"_label":["watchLabel"],"_labelAlign":["watchLabelAlign"],"_msg":["watchMsg"],"_name":["watchName"],"_on":["watchOn"],"_required":["watchRequired"],"_ariaDetails":["watchAriaDetails"],"_shortKey":["watchShortKey"],"_syncValueBySelector":["watchSyncValueBySelector"],"_tooltipAlign":["watchTooltipAlign"],"_touched":["watchTouched"],"_value":["watchValue"],"_variant":["watchVariant"]}]]],["kol-input-color",[[801,"kol-input-color",{"_accessKey":[1,"_access-key"],"_ariaDetails":[1,"_aria-details"],"_autoComplete":[1,"_auto-complete"],"_disabled":[4],"_hideMsg":[4,"_hide-msg"],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_icons":[1],"_infoPopover":[16],"_label":[1],"_msg":[1],"_name":[1],"_on":[16],"_shortKey":[1,"_short-key"],"_smartButton":[1,"_smart-button"],"_suggestions":[1],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tooltipAlign":[1,"_tooltip-align"],"_touched":[1540],"_value":[1],"_variant":[1],"id":[32],"infoPopoverOpen":[32],"inputHasFocus":[32],"getValue":[64],"focus":[64],"click":[64]},null,{"_accessKey":["watchAccessKey"],"_ariaDetails":["watchAriaDetails"],"_autoComplete":["watchAutoComplete"],"_disabled":["watchDisabled"],"_hideMsg":["watchHideMsg"],"_hideLabel":["watchHideLabel"],"_hint":["watchHint"],"_icons":["watchIcons"],"_infoPopover":["watchInfoPopover"],"_label":["watchLabel"],"_msg":["watchMsg"],"_name":["watchName"],"_on":["watchOn"],"_shortKey":["watchShortKey"],"_smartButton":["watchSmartButton"],"_suggestions":["watchSuggestions"],"_syncValueBySelector":["watchSyncValueBySelector"],"_tooltipAlign":["watchTooltipAlign"],"_touched":["watchTouched"],"_value":["watchValue"],"_variant":["watchVariant"]}]]],["kol-input-date",[[801,"kol-input-date",{"_accessKey":[1,"_access-key"],"_ariaDetails":[1,"_aria-details"],"_autoComplete":[1,"_auto-complete"],"_disabled":[4],"_hideMsg":[4,"_hide-msg"],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_icons":[1],"_infoPopover":[16],"_label":[1],"_max":[1],"_min":[1],"_msg":[1],"_name":[1],"_on":[16],"_readOnly":[4,"_read-only"],"_required":[4],"_shortKey":[1,"_short-key"],"_smartButton":[1,"_smart-button"],"_suggestions":[1],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_step":[8],"_tooltipAlign":[1,"_tooltip-align"],"_touched":[1540],"_type":[1],"_value":[1537],"_variant":[1],"id":[32],"infoPopoverOpen":[32],"inputHasFocus":[32],"getValue":[64],"focus":[64],"click":[64],"reset":[64]},null,{"_accessKey":["watchAccessKey"],"_ariaDetails":["watchAriaDetails"],"_autoComplete":["watchAutoComplete"],"_disabled":["watchDisabled"],"_hideMsg":["watchHideMsg"],"_hideLabel":["watchHideLabel"],"_hint":["watchHint"],"_icons":["watchIcons"],"_infoPopover":["watchInfoPopover"],"_label":["watchLabel"],"_max":["watchMax"],"_min":["watchMin"],"_msg":["watchMsg"],"_name":["watchName"],"_on":["watchOn"],"_readOnly":["watchReadOnly"],"_required":["watchRequired"],"_shortKey":["watchShortKey"],"_smartButton":["watchSmartButton"],"_suggestions":["watchSuggestions"],"_syncValueBySelector":["watchSyncValueBySelector"],"_step":["watchStep"],"_tooltipAlign":["watchTooltipAlign"],"_touched":["watchTouched"],"_type":["watchType"],"_value":["watchValue"],"_variant":["watchVariant"]}]]],["kol-input-email",[[801,"kol-input-email",{"_accessKey":[1,"_access-key"],"_ariaDetails":[1,"_aria-details"],"_autoComplete":[1,"_auto-complete"],"_hasCounter":[4,"_has-counter"],"_maxLengthBehavior":[1,"_max-length-behavior"],"_disabled":[4],"_hideMsg":[4,"_hide-msg"],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_icons":[1],"_infoPopover":[16],"_label":[1],"_maxLength":[2,"_max-length"],"_msg":[1],"_multiple":[4],"_name":[1],"_on":[16],"_pattern":[1],"_placeholder":[1],"_readOnly":[4,"_read-only"],"_required":[4],"_shortKey":[1,"_short-key"],"_smartButton":[1,"_smart-button"],"_suggestions":[1],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tooltipAlign":[1,"_tooltip-align"],"_touched":[1540],"_value":[1537],"_variant":[1],"id":[32],"infoPopoverOpen":[32],"inputHasFocus":[32],"getValue":[64],"focus":[64],"click":[64]},null,{"_accessKey":["watchAccessKey"],"_ariaDetails":["watchAriaDetails"],"_autoComplete":["watchAutoComplete"],"_hasCounter":["watchHasCounter"],"_maxLengthBehavior":["watchMaxLengthBehavior"],"_disabled":["watchDisabled"],"_hideMsg":["watchHideMsg"],"_hideLabel":["watchHideLabel"],"_hint":["watchHint"],"_icons":["watchIcons"],"_infoPopover":["watchInfoPopover"],"_label":["watchLabel"],"_maxLength":["watchMaxLength"],"_msg":["watchMsg"],"_multiple":["watchMultiple"],"_name":["watchName"],"_on":["watchOn"],"_pattern":["watchPattern"],"_placeholder":["watchPlaceholder"],"_readOnly":["watchReadOnly"],"_required":["watchRequired"],"_shortKey":["watchShortKey"],"_smartButton":["watchSmartButton"],"_suggestions":["watchSuggestions"],"_syncValueBySelector":["watchSyncValueBySelector"],"_tooltipAlign":["watchTooltipAlign"],"_touched":["watchTouched"],"_value":["watchValue"],"_variant":["watchVariant"]}]]],["kol-input-file",[[801,"kol-input-file",{"_accept":[1],"_accessKey":[1,"_access-key"],"_ariaDetails":[1,"_aria-details"],"_disabled":[4],"_hideMsg":[4,"_hide-msg"],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_icons":[1],"_infoPopover":[16],"_label":[1],"_msg":[1],"_multiple":[4],"_name":[1],"_on":[16],"_required":[4],"_shortKey":[1,"_short-key"],"_smartButton":[1,"_smart-button"],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tooltipAlign":[1,"_tooltip-align"],"_touched":[1540],"_variant":[1],"id":[32],"infoPopoverOpen":[32],"inputHasFocus":[32],"filename":[32],"hasFileSelected":[32],"isDragover":[32],"getValue":[64],"focus":[64],"click":[64],"reset":[64]},null,{"_accept":["watchAccept"],"_accessKey":["watchAccessKey"],"_ariaDetails":["watchAriaDetails"],"_disabled":["watchDisabled"],"_hideMsg":["watchHideMsg"],"_hideLabel":["watchHideLabel"],"_hint":["watchHint"],"_icons":["watchIcons"],"_infoPopover":["watchInfoPopover"],"_label":["watchLabel"],"_msg":["watchMsg"],"_multiple":["watchMultiple"],"_name":["watchName"],"_on":["watchOn"],"_required":["watchRequired"],"_shortKey":["watchShortKey"],"_smartButton":["watchSmartButton"],"_syncValueBySelector":["watchSyncValueBySelector"],"_tooltipAlign":["watchTooltipAlign"],"_touched":["watchTouched"],"_variant":["watchVariant"]}]]],["kol-input-number",[[801,"kol-input-number",{"_accessKey":[1,"_access-key"],"_ariaDetails":[1,"_aria-details"],"_autoComplete":[1,"_auto-complete"],"_disabled":[4],"_hideMsg":[4,"_hide-msg"],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_icons":[1],"_infoPopover":[16],"_label":[1],"_max":[8],"_min":[8],"_msg":[1],"_name":[1],"_on":[16],"_placeholder":[1],"_readOnly":[4,"_read-only"],"_required":[4],"_shortKey":[1,"_short-key"],"_smartButton":[1,"_smart-button"],"_suggestions":[1],"_step":[8],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tooltipAlign":[1,"_tooltip-align"],"_touched":[1540],"_value":[1544],"_variant":[1],"id":[32],"infoPopoverOpen":[32],"inputHasFocus":[32],"getValue":[64],"focus":[64],"click":[64]},null,{"_accessKey":["watchAccessKey"],"_ariaDetails":["watchAriaDetails"],"_autoComplete":["watchAutoComplete"],"_disabled":["watchDisabled"],"_hideMsg":["watchHideMsg"],"_hideLabel":["watchHideLabel"],"_hint":["watchHint"],"_icons":["watchIcons"],"_infoPopover":["watchInfoPopover"],"_label":["watchLabel"],"_max":["watchMax"],"_min":["watchMin"],"_msg":["watchMsg"],"_name":["watchName"],"_on":["watchOn"],"_placeholder":["watchPlaceholder"],"_readOnly":["watchReadOnly"],"_required":["watchRequired"],"_shortKey":["watchShortKey"],"_smartButton":["watchSmartButton"],"_suggestions":["watchSuggestions"],"_step":["watchStep"],"_syncValueBySelector":["watchSyncValueBySelector"],"_tooltipAlign":["watchTooltipAlign"],"_touched":["watchTouched"],"_value":["watchValue"],"_variant":["watchVariant"]}]]],["kol-input-password",[[801,"kol-input-password",{"_accessKey":[1,"_access-key"],"_ariaDetails":[1,"_aria-details"],"_autoComplete":[1,"_auto-complete"],"_hasCounter":[4,"_has-counter"],"_maxLengthBehavior":[1,"_max-length-behavior"],"_disabled":[4],"_hideMsg":[4,"_hide-msg"],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_icons":[1],"_infoPopover":[16],"_label":[1],"_maxLength":[2,"_max-length"],"_msg":[1],"_name":[1],"_on":[16],"_pattern":[1],"_placeholder":[1],"_readOnly":[4,"_read-only"],"_required":[4],"_shortKey":[1,"_short-key"],"_smartButton":[1,"_smart-button"],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tooltipAlign":[1,"_tooltip-align"],"_touched":[1540],"_value":[1537],"_variant":[1],"_visibilityToggle":[4,"_visibility-toggle"],"id":[32],"infoPopoverOpen":[32],"inputHasFocus":[32],"passwordVisible":[32],"getValue":[64],"focus":[64],"click":[64]},null,{"_accessKey":["watchAccessKey"],"_ariaDetails":["watchAriaDetails"],"_autoComplete":["watchAutoComplete"],"_hasCounter":["watchHasCounter"],"_maxLengthBehavior":["watchMaxLengthBehavior"],"_disabled":["watchDisabled"],"_hideMsg":["watchHideMsg"],"_hideLabel":["watchHideLabel"],"_hint":["watchHint"],"_icons":["watchIcons"],"_infoPopover":["watchInfoPopover"],"_label":["watchLabel"],"_maxLength":["watchMaxLength"],"_msg":["watchMsg"],"_name":["watchName"],"_on":["watchOn"],"_pattern":["watchPattern"],"_placeholder":["watchPlaceholder"],"_readOnly":["watchReadOnly"],"_required":["watchRequired"],"_shortKey":["watchShortKey"],"_smartButton":["watchSmartButton"],"_syncValueBySelector":["watchSyncValueBySelector"],"_tooltipAlign":["watchTooltipAlign"],"_touched":["watchTouched"],"_value":["watchValue"],"_variant":["watchVariant"],"_visibilityToggle":["watchVisibilityToggle"]}]]],["kol-input-radio",[[801,"kol-input-radio",{"_ariaDetails":[1,"_aria-details"],"_disabled":[4],"_hideMsg":[4,"_hide-msg"],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_infoPopover":[16],"_label":[1],"_msg":[1],"_name":[1],"_on":[16],"_options":[1],"_orientation":[1],"_required":[4],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tooltipAlign":[1,"_tooltip-align"],"_touched":[1540],"_value":[1544],"_variant":[1],"id":[32],"infoPopoverOpen":[32],"inputHasFocus":[32],"getValue":[64],"focus":[64],"click":[64]},null,{"_ariaDetails":["watchAriaDetails"],"_disabled":["watchDisabled"],"_hideMsg":["watchHideMsg"],"_hideLabel":["watchHideLabel"],"_hint":["watchHint"],"_infoPopover":["watchInfoPopover"],"_label":["watchLabel"],"_msg":["watchMsg"],"_name":["watchName"],"_on":["watchOn"],"_options":["watchOptions"],"_orientation":["watchOrientation"],"_required":["watchRequired"],"_syncValueBySelector":["watchSyncValueBySelector"],"_tooltipAlign":["watchTooltipAlign"],"_touched":["watchTouched"],"_value":["watchValue"],"_variant":["watchVariant"]}]]],["kol-input-range",[[801,"kol-input-range",{"_accessKey":[1,"_access-key"],"_ariaDetails":[1,"_aria-details"],"_autoComplete":[1,"_auto-complete"],"_disabled":[4],"_hideMsg":[4,"_hide-msg"],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_icons":[1],"_infoPopover":[16],"_label":[1],"_max":[8],"_min":[8],"_msg":[1],"_name":[1],"_on":[16],"_shortKey":[1,"_short-key"],"_step":[8],"_suggestions":[1],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tooltipAlign":[1,"_tooltip-align"],"_touched":[1540],"_value":[1544],"_variant":[1],"id":[32],"infoPopoverOpen":[32],"inputHasFocus":[32],"getValue":[64],"focus":[64],"click":[64]},null,{"_accessKey":["watchAccessKey"],"_ariaDetails":["watchAriaDetails"],"_autoComplete":["watchAutoComplete"],"_disabled":["watchDisabled"],"_hideMsg":["watchHideMsg"],"_hideLabel":["watchHideLabel"],"_hint":["watchHint"],"_icons":["watchIcons"],"_infoPopover":["watchInfoPopover"],"_label":["watchLabel"],"_max":["watchMax"],"_min":["watchMin"],"_msg":["watchMsg"],"_name":["watchName"],"_on":["watchOn"],"_shortKey":["watchShortKey"],"_step":["watchStep"],"_suggestions":["watchSuggestions"],"_syncValueBySelector":["watchSyncValueBySelector"],"_tooltipAlign":["watchTooltipAlign"],"_touched":["watchTouched"],"_value":["watchValue"],"_variant":["watchVariant"]}]]],["kol-input-text",[[801,"kol-input-text",{"_accessKey":[1,"_access-key"],"_autoComplete":[1,"_auto-complete"],"_ariaDetails":[1,"_aria-details"],"_hasCounter":[4,"_has-counter"],"_maxLengthBehavior":[1,"_max-length-behavior"],"_disabled":[4],"_hideMsg":[4,"_hide-msg"],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_icons":[1],"_infoPopover":[16],"_label":[1],"_maxLength":[2,"_max-length"],"_msg":[1],"_name":[1],"_on":[16],"_pattern":[1],"_placeholder":[1],"_readOnly":[4,"_read-only"],"_required":[4],"_shortKey":[1,"_short-key"],"_spellCheck":[4,"_spell-check"],"_suggestions":[1],"_smartButton":[1,"_smart-button"],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tooltipAlign":[1,"_tooltip-align"],"_touched":[1540],"_type":[1],"_value":[1537],"_variant":[1],"id":[32],"infoPopoverOpen":[32],"inputHasFocus":[32],"getValue":[64],"focus":[64],"click":[64],"selectionStart":[64],"selectionEnd":[64],"setSelectionRange":[64],"setSelectionStart":[64],"setRangeText":[64]},null,{"_accessKey":["watchAccessKey"],"_autoComplete":["watchAutoComplete"],"_ariaDetails":["watchAriaDetails"],"_hasCounter":["watchHasCounter"],"_maxLengthBehavior":["watchMaxLengthBehavior"],"_disabled":["watchDisabled"],"_hideMsg":["watchHideMsg"],"_hideLabel":["watchHideLabel"],"_hint":["watchHint"],"_icons":["watchIcons"],"_infoPopover":["watchInfoPopover"],"_label":["watchLabel"],"_maxLength":["watchMaxLength"],"_msg":["watchMsg"],"_name":["watchName"],"_on":["watchOn"],"_pattern":["watchPattern"],"_placeholder":["watchPlaceholder"],"_readOnly":["watchReadOnly"],"_required":["watchRequired"],"_shortKey":["watchShortKey"],"_spellCheck":["watchSpellCheck"],"_suggestions":["watchSuggestions"],"_smartButton":["watchSmartButton"],"_syncValueBySelector":["watchSyncValueBySelector"],"_tooltipAlign":["watchTooltipAlign"],"_touched":["watchTouched"],"_type":["watchType"],"_value":["watchValue"],"_variant":["watchVariant"]}]]],["kol-kolibri",[[801,"kol-kolibri",{"_color":[1],"_labeled":[4]},null,{"_color":["watchColor"],"_labeled":["watchLabeled"]}]]],["kol-link",[[801,"kol-link",{"_accessKey":[1,"_access-key"],"_ariaCurrentValue":[1,"_aria-current-value"],"_ariaControls":[1,"_aria-controls"],"_ariaDescription":[1,"_aria-description"],"_ariaExpanded":[4,"_aria-expanded"],"_disabled":[4],"_download":[1],"_hideLabel":[4,"_hide-label"],"_href":[1],"_icons":[1],"_inline":[4],"_label":[1],"_on":[16],"_shortKey":[1,"_short-key"],"_target":[1],"_tooltipAlign":[1,"_tooltip-align"],"_variant":[1],"ariaCurrent":[32],"ariaDescriptionId":[32],"expertSlot":[32],"focus":[64]},null,{"_accessKey":["watchAccessKey"],"_ariaCurrentValue":["watchAriaCurrentValue"],"_ariaControls":["watchAriaControls"],"_ariaDescription":["watchAriaDescription"],"_ariaExpanded":["watchAriaExpanded"],"_disabled":["watchDisabled"],"_download":["watchDownload"],"_hideLabel":["watchHideLabel"],"_href":["watchHref"],"_icons":["watchIcons"],"_inline":["watchInline"],"_label":["watchLabel"],"_on":["watchOn"],"_shortKey":["watchShortKey"],"_target":["watchTarget"],"_tooltipAlign":["watchTooltipAlign"],"_variant":["watchVariant"]}]]],["kol-link-button",[[801,"kol-link-button",{"_accessKey":[1,"_access-key"],"_ariaCurrentValue":[1,"_aria-current-value"],"_ariaControls":[1,"_aria-controls"],"_ariaDescription":[1,"_aria-description"],"_customClass":[1,"_custom-class"],"_disabled":[4],"_download":[1],"_hideLabel":[4,"_hide-label"],"_href":[1],"_icons":[1],"_inline":[4],"_label":[1],"_on":[16],"_role":[1],"_shortKey":[1,"_short-key"],"_target":[1],"_tooltipAlign":[1,"_tooltip-align"],"_variant":[1],"ariaCurrent":[32],"ariaDescriptionId":[32],"expertSlot":[32],"focus":[64],"click":[64]},null,{"_accessKey":["watchAccessKey"],"_ariaCurrentValue":["watchAriaCurrentValue"],"_ariaControls":["watchAriaControls"],"_ariaDescription":["watchAriaDescription"],"_customClass":["watchCustomClass"],"_disabled":["watchDisabled"],"_download":["watchDownload"],"_hideLabel":["watchHideLabel"],"_href":["watchHref"],"_icons":["watchIcons"],"_inline":["watchInline"],"_label":["watchLabel"],"_on":["watchOn"],"_role":["watchRole"],"_shortKey":["watchShortKey"],"_target":["watchTarget"],"_tooltipAlign":["watchTooltipAlign"],"_variant":["watchVariant"]}]]],["kol-meter",[[801,"kol-meter",{"_high":[2],"_label":[1],"_low":[2],"_max":[2],"_min":[2],"_optimum":[2],"_orientation":[1],"_unit":[1],"_value":[2]},null,{"_high":["watchHigh"],"_label":["watchLabel"],"_low":["watchLow"],"_max":["watchMax"],"_min":["watchMin"],"_optimum":["watchOptimum"],"_orientation":["watchOrientation"],"_unit":["watchUnit"],"_value":["watchValue"]}]]],["kol-modal",[[801,"kol-modal",{"_label":[1],"_on":[16],"_variant":[1],"_width":[1],"ariaDescriptionId":[32],"headingId":[32],"modal":[32],"openModal":[64],"showModal":[64],"show":[64],"close":[64],"closeModal":[64]},null,{"_label":["watchLabel"],"_on":["watchOn"],"_variant":["watchVariant"],"_width":["watchWidth"]}]]],["kol-nav",[[801,"kol-nav",{"_collapsible":[4],"_hasCompactButton":[4,"_has-compact-button"],"_hasIconsWhenExpanded":[4,"_has-icons-when-expanded"],"_hideLabel":[4,"_hide-label"],"_label":[1],"_links":[1],"compact":[32],"expandedChildren":[32]},null,{"_collapsible":["watchCollapsible"],"_hasCompactButton":["watchHasCompactButton"],"_hasIconsWhenExpanded":["watchHasIconsWhenExpanded"],"_hideLabel":["watchHideLabel"],"_label":["watchLabel"],"_links":["watchLinks"]}]]],["kol-pagination",[[801,"kol-pagination",{"_boundaryCount":[2,"_boundary-count"],"_customClass":[1,"_custom-class"],"_label":[1],"_hasButtons":[8,"_has-buttons"],"_page":[2],"_pageSize":[1026,"_page-size"],"_pageSizeOptions":[1,"_page-size-options"],"_on":[16],"_siblingCount":[2,"_sibling-count"],"_tooltipAlign":[1,"_tooltip-align"],"_max":[2],"renderCount":[32]},null,{"_boundaryCount":["watchBoundaryCount"],"_customClass":["watchCustomClass"],"_label":["watchLabel"],"_hasButtons":["watchHasButtons"],"_page":["watchPage"],"_pageSize":["watchPageSize"],"_pageSizeOptions":["watchPageSizeOptions"],"_on":["watchOn"],"_siblingCount":["watchSiblingCount"],"_tooltipAlign":["watchTooltipAlign"],"_max":["watchMax"]}]]],["kol-popover-button",[[801,"kol-popover-button",{"_accessKey":[1,"_access-key"],"_ariaDescription":[1,"_aria-description"],"_customClass":[1,"_custom-class"],"_disabled":[4],"_hideLabel":[4,"_hide-label"],"_icons":[1],"_inline":[4],"_label":[1],"_name":[1],"_popoverAlign":[1,"_popover-align"],"_shortKey":[1,"_short-key"],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tabIndex":[2,"_tab-index"],"_tooltipAlign":[1,"_tooltip-align"],"_type":[1],"_value":[8],"_variant":[1],"ariaDescriptionId":[32],"popoverOpen":[32],"hidePopover":[64],"showPopover":[64],"click":[64],"focus":[64]},null,{"_accessKey":["watchAccessKey"],"_ariaDescription":["watchAriaDescription"],"_customClass":["watchCustomClass"],"_disabled":["watchDisabled"],"_hideLabel":["watchHideLabel"],"_icons":["watchIcons"],"_inline":["watchInline"],"_label":["watchLabel"],"_name":["watchName"],"_popoverAlign":["watchPopoverAlign"],"_shortKey":["watchShortKey"],"_syncValueBySelector":["watchSyncValueBySelector"],"_tabIndex":["watchTabIndex"],"_tooltipAlign":["watchTooltipAlign"],"_type":["watchType"],"_value":["watchValue"],"_variant":["watchVariant"]}]]],["kol-progress",[[801,"kol-progress",{"_label":[1],"_max":[2],"_unit":[1],"_value":[2],"_variant":[1],"liveValue":[32]},null,{"_label":["watchLabel"],"_max":["watchMax"],"_unit":["watchUnit"],"_value":["watchValue"],"_variant":["watchVariant"]}]]],["kol-quote",[[801,"kol-quote",{"_href":[1],"_label":[1],"_quote":[1],"_variant":[1]},null,{"_href":["watchHref"],"_label":["watchLabel"],"_quote":["watchQuote"],"_variant":["watchVariant"]}]]],["kol-select",[[801,"kol-select",{"_accessKey":[1,"_access-key"],"_ariaDetails":[1,"_aria-details"],"_disabled":[4],"_hideMsg":[4,"_hide-msg"],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_icons":[1],"_infoPopover":[16],"_label":[1],"_msg":[1],"_multiple":[4],"_name":[1],"_on":[16],"_options":[1],"_required":[4],"_shortKey":[1,"_short-key"],"_rows":[2],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tabIndex":[2,"_tab-index"],"_tooltipAlign":[1,"_tooltip-align"],"_touched":[1540],"_value":[1544],"_variant":[1],"id":[32],"infoPopoverOpen":[32],"inputHasFocus":[32],"getValue":[64],"focus":[64]},null,{"_accessKey":["watchAccessKey"],"_ariaDetails":["watchAriaDetails"],"_disabled":["watchDisabled"],"_hideMsg":["watchHideMsg"],"_hideLabel":["watchHideLabel"],"_hint":["watchHint"],"_icons":["watchIcons"],"_infoPopover":["watchInfoPopover"],"_label":["watchLabel"],"_msg":["watchMsg"],"_multiple":["watchMultiple"],"_name":["watchName"],"_on":["watchOn"],"_options":["watchOptions"],"_required":["watchRequired"],"_shortKey":["watchShortKey"],"_rows":["watchRows"],"_syncValueBySelector":["watchSyncValueBySelector"],"_tabIndex":["watchTabIndex"],"_tooltipAlign":["watchTooltipAlign"],"_touched":["watchTouched"],"_value":["watchValue"],"_variant":["watchVariant"]}]]],["kol-single-select",[[801,"kol-single-select",{"_accessKey":[1,"_access-key"],"_ariaDetails":[1,"_aria-details"],"_placeholder":[1],"_disabled":[4],"_hideMsg":[4,"_hide-msg"],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_icons":[1],"_infoPopover":[16],"_label":[1],"_msg":[1],"_name":[1],"_on":[16],"_options":[1],"_required":[4],"_shortKey":[1,"_short-key"],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tooltipAlign":[1,"_tooltip-align"],"_touched":[1540],"_value":[1032],"_hasClearButton":[4,"_has-clear-button"],"_rows":[2],"_variant":[1],"id":[32],"infoPopoverOpen":[32],"inputHasFocus":[32],"isOpen":[32],"blockSuggestionMouseOver":[32],"filteredOptions":[32],"inputValue":[32],"getValue":[64],"focus":[64]},[[0,"keydown","handleHostKeyDown"],[1,"mousemove","handleMouseEvent"],[0,"focusin","handleFocusIn"],[0,"focusout","handleFocusOut"]],{"_accessKey":["watchAccessKey"],"_ariaDetails":["watchAriaDetails"],"_placeholder":["watchPlaceholder"],"_disabled":["watchDisabled"],"_hideMsg":["watchHideMsg"],"_hideLabel":["watchHideLabel"],"_hint":["watchHint"],"_icons":["watchIcons"],"_infoPopover":["watchInfoPopover"],"_label":["watchLabel"],"_msg":["watchMsg"],"_name":["watchName"],"_on":["watchOn"],"_options":["watchOptions"],"_required":["watchRequired"],"_shortKey":["watchShortKey"],"_syncValueBySelector":["watchSyncValueBySelector"],"_tooltipAlign":["watchTooltipAlign"],"_touched":["watchTouched"],"_value":["watchValue"],"_hasClearButton":["watchHasClearButton"],"_rows":["watchRows"],"_variant":["watchVariant"]}]]],["kol-skeleton",[[769,"kol-skeleton",{"_name":[1],"count":[32],"label":[32],"show":[32],"focus":[64],"toggle":[64]},[[0,"keydown","handleKeyDown"],[8,"keydown","onKeydown"]],{"_name":["watchName"]}]]],["kol-skip-nav",[[801,"kol-skip-nav",{"_label":[1],"_links":[1],"linkItems":[32],"focus":[64]},null,{"_label":["watchLabel"],"_links":["watchLinks"]}]]],["kol-spin",[[801,"kol-spin",{"_show":[4],"_label":[1],"_variant":[1]},null,{"_show":["watchShow"],"_label":["watchLabel"],"_variant":["watchVariant"]}]]],["kol-split-button",[[801,"kol-split-button",{"_accessKey":[1,"_access-key"],"_ariaControls":[1,"_aria-controls"],"_ariaDescription":[1,"_aria-description"],"_ariaExpanded":[4,"_aria-expanded"],"_ariaSelected":[4,"_aria-selected"],"_customClass":[1,"_custom-class"],"_disabled":[4],"_hideLabel":[4,"_hide-label"],"_icons":[1],"_label":[1],"_name":[1],"_on":[16],"_role":[1],"_shortKey":[1,"_short-key"],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tooltipAlign":[1,"_tooltip-align"],"_type":[1],"_value":[8],"_variant":[1],"ariaDescriptionId":[32],"dropdownOpen":[32],"getValue":[64],"focus":[64],"click":[64],"closePopup":[64]},null,{"_accessKey":["watchAccessKey"],"_ariaControls":["watchAriaControls"],"_ariaDescription":["watchAriaDescription"],"_ariaExpanded":["watchAriaExpanded"],"_ariaSelected":["watchAriaSelected"],"_customClass":["watchCustomClass"],"_disabled":["watchDisabled"],"_hideLabel":["watchHideLabel"],"_icons":["watchIcons"],"_label":["watchLabel"],"_name":["watchName"],"_on":["watchOn"],"_role":["watchRole"],"_shortKey":["watchShortKey"],"_syncValueBySelector":["watchSyncValueBySelector"],"_tooltipAlign":["watchTooltipAlign"],"_type":["watchType"],"_value":["watchValue"],"_variant":["watchVariant"]}]]],["kol-table-stateful",[[801,"kol-table-stateful",{"_ariaLabelledby":[1,"_aria-labelledby"],"_allowMultiSort":[4,"_allow-multi-sort"],"_data":[1],"_dataFoot":[1,"_data-foot"],"_fixedCols":[16],"_headers":[1],"_label":[1],"_loading":[4],"_pagination":[8],"_paginationPosition":[1,"_pagination-position"],"_selection":[1],"_on":[16],"_hasSettingsMenu":[4,"_has-settings-menu"],"_variant":[1],"adjustedHeaderCells":[32],"pagination":[32],"renderCount":[32],"externalLabelElements":[32],"hasScrollbar":[32],"settingsChangedCounter":[32],"sortedData":[32],"stickyColsDisabled":[32],"getSelection":[64],"resetSort":[64]},[[0,"changeheadercells","onChangeHeaderCells"],[0,"keydown","onKeydown"]],{"_ariaLabelledby":["watchAriaLabelledby"],"_allowMultiSort":["watchAllowMultiSort"],"_data":["watchData"],"_dataFoot":["watchDataFoot"],"_fixedCols":["watchFixedCols"],"_headers":["watchHeaders"],"_label":["watchLabel"],"_loading":["watchLoading"],"_pagination":["watchPagination"],"_paginationPosition":["watchPaginationPosition"],"_selection":["watchSelection"],"_on":["watchOn"],"_hasSettingsMenu":["watchHasSettingsMenu"],"_variant":["watchVariant"]}]]],["kol-table-stateless",[[801,"kol-table-stateless",{"_ariaLabelledby":[1,"_aria-labelledby"],"_data":[1],"_dataFoot":[1,"_data-foot"],"_fixedCols":[16],"_headers":[1],"_headerCells":[1,"_header-cells"],"_label":[1],"_loading":[4],"_on":[16],"_selection":[1],"_hasSettingsMenu":[4,"_has-settings-menu"],"_variant":[1],"externalLabelElements":[32],"hasScrollbar":[32],"rowKeys":[32],"settingsChangedCounter":[32],"stickyColsDisabled":[32]},[[0,"changeheadercells","onChangeHeaderCells"],[0,"keydown","onKeydown"]],{"_ariaLabelledby":["watchAriaLabelledby"],"_data":["watchData"],"_dataFoot":["watchDataFoot"],"_fixedCols":["watchFixedCols"],"_headers":["watchHeaders"],"_headerCells":["watchHeaderCells"],"_label":["watchLabel"],"_loading":["watchLoading"],"_on":["watchOn"],"_selection":["watchSelection"],"_hasSettingsMenu":["watchHasSettingsMenu"],"_variant":["watchVariant"]}]]],["kol-tabs",[[801,"kol-tabs",{"_align":[1],"_behavior":[1],"_hasCreateButton":[4,"_has-create-button"],"_label":[1],"_on":[16],"_selected":[1538],"_tabs":[1],"focus":[64],"click":[64]},null,{"_align":["watchAlign"],"_behavior":["watchBehavior"],"_hasCreateButton":["watchHasCreateButton"],"_label":["watchLabel"],"_on":["watchOn"],"_selected":["watchSelected"],"_tabs":["watchTabs"]}]]],["kol-textarea",[[801,"kol-textarea",{"_accessKey":[1,"_access-key"],"_adjustHeight":[4,"_adjust-height"],"_ariaDetails":[1,"_aria-details"],"_disabled":[4],"_hideMsg":[4,"_hide-msg"],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_icons":[1],"_infoPopover":[16],"_label":[1],"_maxLength":[2,"_max-length"],"_hasCounter":[4,"_has-counter"],"_maxLengthBehavior":[1,"_max-length-behavior"],"_msg":[1],"_name":[1],"_on":[16],"_placeholder":[1],"_readOnly":[4,"_read-only"],"_resize":[1],"_required":[4],"_rows":[1026],"_shortKey":[1,"_short-key"],"_spellCheck":[4,"_spell-check"],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tooltipAlign":[1,"_tooltip-align"],"_touched":[1540],"_value":[1537],"_variant":[1],"id":[32],"infoPopoverOpen":[32],"inputHasFocus":[32],"getValue":[64],"focus":[64],"click":[64]},null,{"_accessKey":["watchAccessKey"],"_adjustHeight":["watchAdjustHeight"],"_ariaDetails":["watchAriaDetails"],"_disabled":["watchDisabled"],"_hideMsg":["watchHideMsg"],"_hideLabel":["watchHideLabel"],"_hint":["watchHint"],"_icons":["watchIcons"],"_infoPopover":["watchInfoPopover"],"_label":["watchLabel"],"_maxLength":["watchMaxLength"],"_hasCounter":["watchHasCounter"],"_maxLengthBehavior":["watchMaxLengthBehavior"],"_msg":["watchMsg"],"_name":["watchName"],"_on":["watchOn"],"_placeholder":["watchPlaceholder"],"_readOnly":["watchReadOnly"],"_resize":["watchResize"],"_required":["watchRequired"],"_rows":["watchRows"],"_shortKey":["watchShortKey"],"_spellCheck":["watchSpellCheck"],"_syncValueBySelector":["watchSyncValueBySelector"],"_tooltipAlign":["watchTooltipAlign"],"_touched":["watchTouched"],"_value":["watchValue"],"_variant":["watchVariant"]}]]],["kol-toast-container",[[289,"kol-toast-container",{"state":[32],"enqueue":[64],"closeAll":[64]}]]],["kol-toolbar",[[801,"kol-toolbar",{"_label":[1],"_items":[16],"_orientation":[1],"currentIndex":[32],"itemRecords":[32],"location":[32],"focus":[64],"click":[64]},[[0,"keydown","handleKeyDown"],[2,"focusout","handleFocusout"]],{"_label":["watchLabel"],"_items":["watchItems"],"_orientation":["watchOrientation"]}]]],["kol-tooltip-wc",[[256,"kol-tooltip-wc",{"_badgeText":[1,"_badge-text"],"_align":[1],"_id":[1],"_label":[1],"hideTooltip":[64]},null,{"_align":["validateAlign"],"_id":["validateId"],"_label":["validateLabel"]}]]],["kol-tree",[[801,"kol-tree",{"_label":[1],"focus":[64]},[[0,"keydown","handleKeyDown"],[0,"focusin","handleFocusIn"],[0,"focusout","handleFocusOut"]],{"_label":["watchLabel"]}]]],["kol-tree-item",[[801,"kol-tree-item",{"_active":[4],"_label":[1],"_open":[4],"_href":[1],"ariaCurrent":[32],"groupId":[32],"hasChildren":[32],"level":[32],"open":[32],"focus":[64],"expand":[64],"collapse":[64],"isOpen":[64]},null,{"_active":["watchActive"],"_label":["watchLabel"],"_open":["watchOpen"],"_href":["watchHref"]}]]],["kol-version",[[801,"kol-version",{"_label":[1]},null,{"_label":["watchLabel"]}]]],["test-component",[[0,"test-component"]]]]'),a)}));
+import{p as a,b as e}from"./index-DQdQBwMc.js";export{s as setNonce}from"./index-DQdQBwMc.js";import{g as t}from"./app-globals-CwlOH1sO.js";import"./common-BqpMtheU.js";var l=()=>{const e=import.meta.url;const t={};if(e!==""){t.resourcesUrl=new URL(".",e).href}return a(t)};l().then((async a=>{await t();return e(JSON.parse('[["kol-abbr",[[801,"kol-abbr",{"_label":[1]},null,{"_label":["watchLabel"]}]]],["kol-accordion",[[801,"kol-accordion",{"_disabled":[4],"_label":[1],"_level":[2],"_on":[16],"_open":[1540],"controlId":[32],"detailsOpen":[32],"expanded":[32],"headingId":[32],"transitionMs":[32],"focus":[64],"click":[64]},null,{"_disabled":["watchDisabled"],"_label":["watchLabel"],"_level":["watchLevel"],"_on":["watchOn"],"_open":["watchOpen"]}]]],["kol-alert",[[801,"kol-alert",{"_alert":[4],"_hasCloser":[4,"_has-closer"],"_label":[1],"_level":[2],"_on":[16],"_type":[1],"_variant":[1],"headingId":[32],"closerAriaDescriptionId":[32]},null,{"_alert":["watchAlert"],"_hasCloser":["watchHasCloser"],"_label":["watchLabel"],"_level":["watchLevel"],"_on":["watchOn"],"_type":["watchType"],"_variant":["watchVariant"]}]]],["kol-avatar",[[801,"kol-avatar",{"_color":[1],"_label":[1],"_src":[1],"initials":[32]},null,{"_color":["watchColor"],"_label":["watchLabel"],"_src":["watchSrc"]}]]],["kol-badge",[[801,"kol-badge",{"_color":[1],"_icons":[1],"_label":[1],"_smartButton":[1,"_smart-button"],"labelId":[32],"ariaDescriptionId":[32],"focus":[64]},null,{"_color":["watchColor"],"_icons":["watchIcons"],"_label":["watchLabel"],"_smartButton":["watchSmartButton"]}]]],["kol-breadcrumb",[[801,"kol-breadcrumb",{"_label":[1],"_links":[1],"linkItems":[32]},null,{"_label":["watchLabel"],"_links":["watchLinks"]}]]],["kol-button",[[801,"kol-button",{"_accessKey":[1,"_access-key"],"_ariaControls":[1,"_aria-controls"],"_ariaDescription":[1,"_aria-description"],"_ariaExpanded":[4,"_aria-expanded"],"_ariaSelected":[4,"_aria-selected"],"_customClass":[1,"_custom-class"],"_disabled":[4],"_hideLabel":[4,"_hide-label"],"_icons":[1],"_inline":[4],"_label":[1],"_name":[1],"_on":[16],"_role":[1],"_shortKey":[1,"_short-key"],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tooltipAlign":[1,"_tooltip-align"],"_type":[1],"_value":[8],"_variant":[1],"ariaDescriptionId":[32],"getValue":[64],"focus":[64],"click":[64]},null,{"_accessKey":["watchAccessKey"],"_ariaControls":["watchAriaControls"],"_ariaDescription":["watchAriaDescription"],"_ariaExpanded":["watchAriaExpanded"],"_ariaSelected":["watchAriaSelected"],"_customClass":["watchCustomClass"],"_disabled":["watchDisabled"],"_hideLabel":["watchHideLabel"],"_icons":["watchIcons"],"_inline":["watchInline"],"_label":["watchLabel"],"_name":["watchName"],"_on":["watchOn"],"_role":["watchRole"],"_shortKey":["watchShortKey"],"_syncValueBySelector":["watchSyncValueBySelector"],"_tooltipAlign":["watchTooltipAlign"],"_type":["watchType"],"_value":["watchValue"],"_variant":["watchVariant"]}]]],["kol-button-link",[[801,"kol-button-link",{"_accessKey":[1,"_access-key"],"_ariaControls":[1,"_aria-controls"],"_ariaDescription":[1,"_aria-description"],"_ariaExpanded":[4,"_aria-expanded"],"_ariaSelected":[4,"_aria-selected"],"_disabled":[4],"_hideLabel":[4,"_hide-label"],"_icons":[1],"_inline":[4],"_label":[1],"_name":[1],"_on":[16],"_role":[1],"_shortKey":[1,"_short-key"],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tooltipAlign":[1,"_tooltip-align"],"_type":[1],"_value":[8],"_variant":[1],"ariaDescriptionId":[32],"getValue":[64],"focus":[64],"click":[64]},null,{"_accessKey":["watchAccessKey"],"_ariaControls":["watchAriaControls"],"_ariaDescription":["watchAriaDescription"],"_ariaExpanded":["watchAriaExpanded"],"_ariaSelected":["watchAriaSelected"],"_disabled":["watchDisabled"],"_hideLabel":["watchHideLabel"],"_icons":["watchIcons"],"_inline":["watchInline"],"_label":["watchLabel"],"_name":["watchName"],"_on":["watchOn"],"_role":["watchRole"],"_shortKey":["watchShortKey"],"_syncValueBySelector":["watchSyncValueBySelector"],"_tooltipAlign":["watchTooltipAlign"],"_type":["watchType"],"_value":["watchValue"],"_variant":["watchVariant"]}]]],["kol-card",[[801,"kol-card",{"_hasCloser":[4,"_has-closer"],"_href":[1],"_label":[1],"_level":[2],"_on":[16],"_target":[1],"ariaDescriptionId":[32],"headingId":[32],"focus":[64],"click":[64]},null,{"_hasCloser":["watchHasCloser"],"_href":["watchHref"],"_label":["watchLabel"],"_level":["watchLevel"],"_on":["watchOn"],"_target":["watchTarget"]}]]],["kol-click-button",[[769,"kol-click-button",{"_label":[1],"focus":[64]},null,{"_label":["watchLabel"]}]]],["kol-combobox",[[801,"kol-combobox",{"_accessKey":[1,"_access-key"],"_ariaDetails":[1,"_aria-details"],"_placeholder":[1],"_disabled":[4],"_hideMsg":[4,"_hide-msg"],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_icons":[1],"_infoPopover":[16],"_label":[1],"_msg":[1],"_name":[1],"_on":[16],"_hasClearButton":[4,"_has-clear-button"],"_suggestions":[1],"_required":[4],"_shortKey":[1,"_short-key"],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tooltipAlign":[1,"_tooltip-align"],"_touched":[1540],"_value":[1537],"_variant":[1],"id":[32],"infoPopoverOpen":[32],"inputHasFocus":[32],"isOpen":[32],"blockSuggestionMouseOver":[32],"filteredSuggestions":[32],"getValue":[64],"focus":[64],"click":[64]},[[0,"keydown","handleHostKeyDown"],[1,"mousemove","handleMouseEvent"],[0,"focusin","handleFocusIn"],[0,"focusout","handleFocusOut"]],{"_accessKey":["watchAccessKey"],"_ariaDetails":["watchAriaDetails"],"_placeholder":["watchPlaceholder"],"_disabled":["watchDisabled"],"_hideMsg":["watchHideMsg"],"_hideLabel":["watchHideLabel"],"_hint":["watchHint"],"_icons":["watchIcons"],"_infoPopover":["watchInfoPopover"],"_label":["watchLabel"],"_msg":["watchMsg"],"_name":["watchName"],"_on":["watchOn"],"_hasClearButton":["watchHasClearButton"],"_suggestions":["watchSuggestions"],"_required":["watchRequired"],"_shortKey":["watchShortKey"],"_syncValueBySelector":["watchSyncValueBySelector"],"_tooltipAlign":["watchTooltipAlign"],"_touched":["watchTouched"],"_value":["watchValue"],"_variant":["watchVariant"]}]]],["kol-details",[[801,"kol-details",{"_disabled":[4],"_label":[1],"_level":[2],"_on":[16],"_open":[1540],"controlId":[32],"detailsOpen":[32],"expanded":[32],"headingId":[32],"transitionMs":[32],"focus":[64],"click":[64]},null,{"_disabled":["watchDisabled"],"_label":["watchLabel"],"_level":["watchLevel"],"_on":["watchOn"],"_open":["watchOpen"]}]]],["kol-dialog",[[801,"kol-dialog",{"_label":[1],"_level":[2],"_on":[16],"_variant":[1],"_width":[1],"ariaDescriptionId":[32],"headingId":[32],"modal":[32],"openModal":[64],"showModal":[64],"show":[64],"close":[64],"closeModal":[64]},null,{"_label":["watchLabel"],"_level":["watchLevel"],"_on":["watchOn"],"_variant":["watchVariant"],"_width":["watchWidth"]}]]],["kol-drawer",[[801,"kol-drawer",{"_align":[1],"_hasCloser":[4,"_has-closer"],"_label":[1],"_level":[2],"_on":[16],"_open":[4],"ariaDescriptionId":[32],"expanded":[32],"headingId":[32],"modal":[32],"show":[64],"showModal":[64],"open":[64],"close":[64]},null,{"_align":["watchAlign"],"_hasCloser":["watchHasCloser"],"_label":["watchLabel"],"_level":["watchLevel"],"_on":["watchOn"],"_open":["watchOpen"]}]]],["kol-form",[[801,"kol-form",{"_errorList":[16],"_on":[16],"_requiredText":[8,"_required-text"],"errorLinkItems":[32],"focusErrorList":[64]},null,{"_errorList":["watchErrorList"],"_on":["watchOn"],"_requiredText":["watchRequiredText"]}]]],["kol-heading",[[801,"kol-heading",{"_label":[1],"_level":[2],"_secondaryHeadline":[1,"_secondary-headline"]},null,{"_label":["watchLabel"],"_level":["watchLevel"],"_secondaryHeadline":["watchSecondaryHeadline"]}]]],["kol-icon",[[801,"kol-icon",{"_icons":[1],"_label":[1]},null,{"_icons":["watchIcons"],"_label":["watchLabel"]}]]],["kol-image",[[801,"kol-image",{"_alt":[1],"_loading":[1],"_sizes":[1],"_src":[1],"_srcset":[1],"_on":[16]},null,{"_alt":["watchAlt"],"_loading":["watchLoading"],"_sizes":["watchSizes"],"_src":["watchSrc"],"_srcset":["watchSrcset"],"_on":["watchOn"]}]]],["kol-input-checkbox",[[801,"kol-input-checkbox",{"_accessKey":[1,"_access-key"],"_checked":[1540],"_hideMsg":[4,"_hide-msg"],"_disabled":[4],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_icons":[1],"_infoPopover":[16],"_indeterminate":[1540],"_label":[1],"_labelAlign":[1,"_label-align"],"_msg":[1],"_name":[1],"_on":[16],"_required":[4],"_ariaDetails":[1,"_aria-details"],"_shortKey":[1,"_short-key"],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tooltipAlign":[1,"_tooltip-align"],"_touched":[1540],"_value":[8],"_variant":[1],"id":[32],"infoPopoverOpen":[32],"inputHasFocus":[32],"getValue":[64],"focus":[64],"click":[64]},null,{"_accessKey":["watchAccessKey"],"_checked":["watchChecked"],"_hideMsg":["watchHideMsg"],"_disabled":["watchDisabled"],"_hideLabel":["watchHideLabel"],"_hint":["watchHint"],"_icons":["watchIcons"],"_infoPopover":["watchInfoPopover"],"_indeterminate":["watchIndeterminate"],"_label":["watchLabel"],"_labelAlign":["watchLabelAlign"],"_msg":["watchMsg"],"_name":["watchName"],"_on":["watchOn"],"_required":["watchRequired"],"_ariaDetails":["watchAriaDetails"],"_shortKey":["watchShortKey"],"_syncValueBySelector":["watchSyncValueBySelector"],"_tooltipAlign":["watchTooltipAlign"],"_touched":["watchTouched"],"_value":["watchValue"],"_variant":["watchVariant"]}]]],["kol-input-color",[[801,"kol-input-color",{"_accessKey":[1,"_access-key"],"_ariaDetails":[1,"_aria-details"],"_autoComplete":[1,"_auto-complete"],"_disabled":[4],"_hideMsg":[4,"_hide-msg"],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_icons":[1],"_infoPopover":[16],"_label":[1],"_msg":[1],"_name":[1],"_on":[16],"_shortKey":[1,"_short-key"],"_smartButton":[1,"_smart-button"],"_suggestions":[1],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tooltipAlign":[1,"_tooltip-align"],"_touched":[1540],"_value":[1],"_variant":[1],"id":[32],"infoPopoverOpen":[32],"inputHasFocus":[32],"getValue":[64],"focus":[64],"click":[64]},null,{"_accessKey":["watchAccessKey"],"_ariaDetails":["watchAriaDetails"],"_autoComplete":["watchAutoComplete"],"_disabled":["watchDisabled"],"_hideMsg":["watchHideMsg"],"_hideLabel":["watchHideLabel"],"_hint":["watchHint"],"_icons":["watchIcons"],"_infoPopover":["watchInfoPopover"],"_label":["watchLabel"],"_msg":["watchMsg"],"_name":["watchName"],"_on":["watchOn"],"_shortKey":["watchShortKey"],"_smartButton":["watchSmartButton"],"_suggestions":["watchSuggestions"],"_syncValueBySelector":["watchSyncValueBySelector"],"_tooltipAlign":["watchTooltipAlign"],"_touched":["watchTouched"],"_value":["watchValue"],"_variant":["watchVariant"]}]]],["kol-input-date",[[801,"kol-input-date",{"_accessKey":[1,"_access-key"],"_ariaDetails":[1,"_aria-details"],"_autoComplete":[1,"_auto-complete"],"_disabled":[4],"_hideMsg":[4,"_hide-msg"],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_icons":[1],"_infoPopover":[16],"_label":[1],"_max":[1],"_min":[1],"_msg":[1],"_name":[1],"_on":[16],"_readOnly":[4,"_read-only"],"_required":[4],"_shortKey":[1,"_short-key"],"_smartButton":[1,"_smart-button"],"_suggestions":[1],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_step":[8],"_tooltipAlign":[1,"_tooltip-align"],"_touched":[1540],"_type":[1],"_value":[1537],"_variant":[1],"id":[32],"infoPopoverOpen":[32],"inputHasFocus":[32],"getValue":[64],"focus":[64],"click":[64],"reset":[64]},null,{"_accessKey":["watchAccessKey"],"_ariaDetails":["watchAriaDetails"],"_autoComplete":["watchAutoComplete"],"_disabled":["watchDisabled"],"_hideMsg":["watchHideMsg"],"_hideLabel":["watchHideLabel"],"_hint":["watchHint"],"_icons":["watchIcons"],"_infoPopover":["watchInfoPopover"],"_label":["watchLabel"],"_max":["watchMax"],"_min":["watchMin"],"_msg":["watchMsg"],"_name":["watchName"],"_on":["watchOn"],"_readOnly":["watchReadOnly"],"_required":["watchRequired"],"_shortKey":["watchShortKey"],"_smartButton":["watchSmartButton"],"_suggestions":["watchSuggestions"],"_syncValueBySelector":["watchSyncValueBySelector"],"_step":["watchStep"],"_tooltipAlign":["watchTooltipAlign"],"_touched":["watchTouched"],"_type":["watchType"],"_value":["watchValue"],"_variant":["watchVariant"]}]]],["kol-input-email",[[801,"kol-input-email",{"_accessKey":[1,"_access-key"],"_ariaDetails":[1,"_aria-details"],"_autoComplete":[1,"_auto-complete"],"_hasCounter":[4,"_has-counter"],"_maxLengthBehavior":[1,"_max-length-behavior"],"_disabled":[4],"_hideMsg":[4,"_hide-msg"],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_icons":[1],"_infoPopover":[16],"_label":[1],"_maxLength":[2,"_max-length"],"_msg":[1],"_multiple":[4],"_name":[1],"_on":[16],"_pattern":[1],"_placeholder":[1],"_readOnly":[4,"_read-only"],"_required":[4],"_shortKey":[1,"_short-key"],"_smartButton":[1,"_smart-button"],"_suggestions":[1],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tooltipAlign":[1,"_tooltip-align"],"_touched":[1540],"_value":[1537],"_variant":[1],"id":[32],"infoPopoverOpen":[32],"inputHasFocus":[32],"getValue":[64],"focus":[64],"click":[64]},null,{"_accessKey":["watchAccessKey"],"_ariaDetails":["watchAriaDetails"],"_autoComplete":["watchAutoComplete"],"_hasCounter":["watchHasCounter"],"_maxLengthBehavior":["watchMaxLengthBehavior"],"_disabled":["watchDisabled"],"_hideMsg":["watchHideMsg"],"_hideLabel":["watchHideLabel"],"_hint":["watchHint"],"_icons":["watchIcons"],"_infoPopover":["watchInfoPopover"],"_label":["watchLabel"],"_maxLength":["watchMaxLength"],"_msg":["watchMsg"],"_multiple":["watchMultiple"],"_name":["watchName"],"_on":["watchOn"],"_pattern":["watchPattern"],"_placeholder":["watchPlaceholder"],"_readOnly":["watchReadOnly"],"_required":["watchRequired"],"_shortKey":["watchShortKey"],"_smartButton":["watchSmartButton"],"_suggestions":["watchSuggestions"],"_syncValueBySelector":["watchSyncValueBySelector"],"_tooltipAlign":["watchTooltipAlign"],"_touched":["watchTouched"],"_value":["watchValue"],"_variant":["watchVariant"]}]]],["kol-input-file",[[801,"kol-input-file",{"_accept":[1],"_accessKey":[1,"_access-key"],"_ariaDetails":[1,"_aria-details"],"_disabled":[4],"_hideMsg":[4,"_hide-msg"],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_icons":[1],"_infoPopover":[16],"_label":[1],"_msg":[1],"_multiple":[4],"_name":[1],"_on":[16],"_required":[4],"_shortKey":[1,"_short-key"],"_smartButton":[1,"_smart-button"],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tooltipAlign":[1,"_tooltip-align"],"_touched":[1540],"_variant":[1],"id":[32],"infoPopoverOpen":[32],"inputHasFocus":[32],"filename":[32],"hasFileSelected":[32],"isDragover":[32],"getValue":[64],"focus":[64],"click":[64],"reset":[64]},null,{"_accept":["watchAccept"],"_accessKey":["watchAccessKey"],"_ariaDetails":["watchAriaDetails"],"_disabled":["watchDisabled"],"_hideMsg":["watchHideMsg"],"_hideLabel":["watchHideLabel"],"_hint":["watchHint"],"_icons":["watchIcons"],"_infoPopover":["watchInfoPopover"],"_label":["watchLabel"],"_msg":["watchMsg"],"_multiple":["watchMultiple"],"_name":["watchName"],"_on":["watchOn"],"_required":["watchRequired"],"_shortKey":["watchShortKey"],"_smartButton":["watchSmartButton"],"_syncValueBySelector":["watchSyncValueBySelector"],"_tooltipAlign":["watchTooltipAlign"],"_touched":["watchTouched"],"_variant":["watchVariant"]}]]],["kol-input-number",[[801,"kol-input-number",{"_accessKey":[1,"_access-key"],"_ariaDetails":[1,"_aria-details"],"_autoComplete":[1,"_auto-complete"],"_disabled":[4],"_hideMsg":[4,"_hide-msg"],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_icons":[1],"_infoPopover":[16],"_label":[1],"_max":[8],"_min":[8],"_msg":[1],"_name":[1],"_on":[16],"_placeholder":[1],"_readOnly":[4,"_read-only"],"_required":[4],"_shortKey":[1,"_short-key"],"_smartButton":[1,"_smart-button"],"_suggestions":[1],"_step":[8],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tooltipAlign":[1,"_tooltip-align"],"_touched":[1540],"_value":[1544],"_variant":[1],"id":[32],"infoPopoverOpen":[32],"inputHasFocus":[32],"getValue":[64],"focus":[64],"click":[64]},null,{"_accessKey":["watchAccessKey"],"_ariaDetails":["watchAriaDetails"],"_autoComplete":["watchAutoComplete"],"_disabled":["watchDisabled"],"_hideMsg":["watchHideMsg"],"_hideLabel":["watchHideLabel"],"_hint":["watchHint"],"_icons":["watchIcons"],"_infoPopover":["watchInfoPopover"],"_label":["watchLabel"],"_max":["watchMax"],"_min":["watchMin"],"_msg":["watchMsg"],"_name":["watchName"],"_on":["watchOn"],"_placeholder":["watchPlaceholder"],"_readOnly":["watchReadOnly"],"_required":["watchRequired"],"_shortKey":["watchShortKey"],"_smartButton":["watchSmartButton"],"_suggestions":["watchSuggestions"],"_step":["watchStep"],"_syncValueBySelector":["watchSyncValueBySelector"],"_tooltipAlign":["watchTooltipAlign"],"_touched":["watchTouched"],"_value":["watchValue"],"_variant":["watchVariant"]}]]],["kol-input-password",[[801,"kol-input-password",{"_accessKey":[1,"_access-key"],"_ariaDetails":[1,"_aria-details"],"_autoComplete":[1,"_auto-complete"],"_hasCounter":[4,"_has-counter"],"_maxLengthBehavior":[1,"_max-length-behavior"],"_disabled":[4],"_hideMsg":[4,"_hide-msg"],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_icons":[1],"_infoPopover":[16],"_label":[1],"_maxLength":[2,"_max-length"],"_msg":[1],"_name":[1],"_on":[16],"_pattern":[1],"_placeholder":[1],"_readOnly":[4,"_read-only"],"_required":[4],"_shortKey":[1,"_short-key"],"_smartButton":[1,"_smart-button"],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tooltipAlign":[1,"_tooltip-align"],"_touched":[1540],"_value":[1537],"_variant":[1],"_visibilityToggle":[4,"_visibility-toggle"],"id":[32],"infoPopoverOpen":[32],"inputHasFocus":[32],"passwordVisible":[32],"getValue":[64],"focus":[64],"click":[64]},null,{"_accessKey":["watchAccessKey"],"_ariaDetails":["watchAriaDetails"],"_autoComplete":["watchAutoComplete"],"_hasCounter":["watchHasCounter"],"_maxLengthBehavior":["watchMaxLengthBehavior"],"_disabled":["watchDisabled"],"_hideMsg":["watchHideMsg"],"_hideLabel":["watchHideLabel"],"_hint":["watchHint"],"_icons":["watchIcons"],"_infoPopover":["watchInfoPopover"],"_label":["watchLabel"],"_maxLength":["watchMaxLength"],"_msg":["watchMsg"],"_name":["watchName"],"_on":["watchOn"],"_pattern":["watchPattern"],"_placeholder":["watchPlaceholder"],"_readOnly":["watchReadOnly"],"_required":["watchRequired"],"_shortKey":["watchShortKey"],"_smartButton":["watchSmartButton"],"_syncValueBySelector":["watchSyncValueBySelector"],"_tooltipAlign":["watchTooltipAlign"],"_touched":["watchTouched"],"_value":["watchValue"],"_variant":["watchVariant"],"_visibilityToggle":["watchVisibilityToggle"]}]]],["kol-input-radio",[[801,"kol-input-radio",{"_ariaDetails":[1,"_aria-details"],"_disabled":[4],"_hideMsg":[4,"_hide-msg"],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_infoPopover":[16],"_label":[1],"_msg":[1],"_name":[1],"_on":[16],"_options":[1],"_orientation":[1],"_required":[4],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tooltipAlign":[1,"_tooltip-align"],"_touched":[1540],"_value":[1544],"_variant":[1],"id":[32],"infoPopoverOpen":[32],"inputHasFocus":[32],"getValue":[64],"focus":[64],"click":[64]},null,{"_ariaDetails":["watchAriaDetails"],"_disabled":["watchDisabled"],"_hideMsg":["watchHideMsg"],"_hideLabel":["watchHideLabel"],"_hint":["watchHint"],"_infoPopover":["watchInfoPopover"],"_label":["watchLabel"],"_msg":["watchMsg"],"_name":["watchName"],"_on":["watchOn"],"_options":["watchOptions"],"_orientation":["watchOrientation"],"_required":["watchRequired"],"_syncValueBySelector":["watchSyncValueBySelector"],"_tooltipAlign":["watchTooltipAlign"],"_touched":["watchTouched"],"_value":["watchValue"],"_variant":["watchVariant"]}]]],["kol-input-range",[[801,"kol-input-range",{"_accessKey":[1,"_access-key"],"_ariaDetails":[1,"_aria-details"],"_autoComplete":[1,"_auto-complete"],"_disabled":[4],"_hideMsg":[4,"_hide-msg"],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_icons":[1],"_infoPopover":[16],"_label":[1],"_max":[8],"_min":[8],"_msg":[1],"_name":[1],"_on":[16],"_shortKey":[1,"_short-key"],"_step":[8],"_suggestions":[1],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tooltipAlign":[1,"_tooltip-align"],"_touched":[1540],"_value":[1544],"_variant":[1],"id":[32],"infoPopoverOpen":[32],"inputHasFocus":[32],"getValue":[64],"focus":[64],"click":[64]},null,{"_accessKey":["watchAccessKey"],"_ariaDetails":["watchAriaDetails"],"_autoComplete":["watchAutoComplete"],"_disabled":["watchDisabled"],"_hideMsg":["watchHideMsg"],"_hideLabel":["watchHideLabel"],"_hint":["watchHint"],"_icons":["watchIcons"],"_infoPopover":["watchInfoPopover"],"_label":["watchLabel"],"_max":["watchMax"],"_min":["watchMin"],"_msg":["watchMsg"],"_name":["watchName"],"_on":["watchOn"],"_shortKey":["watchShortKey"],"_step":["watchStep"],"_suggestions":["watchSuggestions"],"_syncValueBySelector":["watchSyncValueBySelector"],"_tooltipAlign":["watchTooltipAlign"],"_touched":["watchTouched"],"_value":["watchValue"],"_variant":["watchVariant"]}]]],["kol-input-text",[[801,"kol-input-text",{"_accessKey":[1,"_access-key"],"_autoComplete":[1,"_auto-complete"],"_ariaDetails":[1,"_aria-details"],"_hasCounter":[4,"_has-counter"],"_maxLengthBehavior":[1,"_max-length-behavior"],"_disabled":[4],"_hideMsg":[4,"_hide-msg"],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_icons":[1],"_infoPopover":[16],"_label":[1],"_maxLength":[2,"_max-length"],"_msg":[1],"_name":[1],"_on":[16],"_pattern":[1],"_placeholder":[1],"_readOnly":[4,"_read-only"],"_required":[4],"_shortKey":[1,"_short-key"],"_spellCheck":[4,"_spell-check"],"_suggestions":[1],"_smartButton":[1,"_smart-button"],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tooltipAlign":[1,"_tooltip-align"],"_touched":[1540],"_type":[1],"_value":[1537],"_variant":[1],"id":[32],"infoPopoverOpen":[32],"inputHasFocus":[32],"getValue":[64],"focus":[64],"click":[64],"selectionStart":[64],"selectionEnd":[64],"setSelectionRange":[64],"setSelectionStart":[64],"setRangeText":[64]},null,{"_accessKey":["watchAccessKey"],"_autoComplete":["watchAutoComplete"],"_ariaDetails":["watchAriaDetails"],"_hasCounter":["watchHasCounter"],"_maxLengthBehavior":["watchMaxLengthBehavior"],"_disabled":["watchDisabled"],"_hideMsg":["watchHideMsg"],"_hideLabel":["watchHideLabel"],"_hint":["watchHint"],"_icons":["watchIcons"],"_infoPopover":["watchInfoPopover"],"_label":["watchLabel"],"_maxLength":["watchMaxLength"],"_msg":["watchMsg"],"_name":["watchName"],"_on":["watchOn"],"_pattern":["watchPattern"],"_placeholder":["watchPlaceholder"],"_readOnly":["watchReadOnly"],"_required":["watchRequired"],"_shortKey":["watchShortKey"],"_spellCheck":["watchSpellCheck"],"_suggestions":["watchSuggestions"],"_smartButton":["watchSmartButton"],"_syncValueBySelector":["watchSyncValueBySelector"],"_tooltipAlign":["watchTooltipAlign"],"_touched":["watchTouched"],"_type":["watchType"],"_value":["watchValue"],"_variant":["watchVariant"]}]]],["kol-kolibri",[[801,"kol-kolibri",{"_color":[1],"_labeled":[4]},null,{"_color":["watchColor"],"_labeled":["watchLabeled"]}]]],["kol-link",[[801,"kol-link",{"_accessKey":[1,"_access-key"],"_ariaCurrentValue":[1,"_aria-current-value"],"_ariaControls":[1,"_aria-controls"],"_ariaDescription":[1,"_aria-description"],"_ariaExpanded":[4,"_aria-expanded"],"_disabled":[4],"_download":[1],"_hideLabel":[4,"_hide-label"],"_href":[1],"_icons":[1],"_inline":[4],"_label":[1],"_on":[16],"_shortKey":[1,"_short-key"],"_target":[1],"_tooltipAlign":[1,"_tooltip-align"],"_variant":[1],"ariaCurrent":[32],"ariaDescriptionId":[32],"expertSlot":[32],"focus":[64]},null,{"_accessKey":["watchAccessKey"],"_ariaCurrentValue":["watchAriaCurrentValue"],"_ariaControls":["watchAriaControls"],"_ariaDescription":["watchAriaDescription"],"_ariaExpanded":["watchAriaExpanded"],"_disabled":["watchDisabled"],"_download":["watchDownload"],"_hideLabel":["watchHideLabel"],"_href":["watchHref"],"_icons":["watchIcons"],"_inline":["watchInline"],"_label":["watchLabel"],"_on":["watchOn"],"_shortKey":["watchShortKey"],"_target":["watchTarget"],"_tooltipAlign":["watchTooltipAlign"],"_variant":["watchVariant"]}]]],["kol-link-button",[[801,"kol-link-button",{"_accessKey":[1,"_access-key"],"_ariaCurrentValue":[1,"_aria-current-value"],"_ariaControls":[1,"_aria-controls"],"_ariaDescription":[1,"_aria-description"],"_customClass":[1,"_custom-class"],"_disabled":[4],"_download":[1],"_hideLabel":[4,"_hide-label"],"_href":[1],"_icons":[1],"_inline":[4],"_label":[1],"_on":[16],"_role":[1],"_shortKey":[1,"_short-key"],"_target":[1],"_tooltipAlign":[1,"_tooltip-align"],"_variant":[1],"ariaCurrent":[32],"ariaDescriptionId":[32],"expertSlot":[32],"focus":[64],"click":[64]},null,{"_accessKey":["watchAccessKey"],"_ariaCurrentValue":["watchAriaCurrentValue"],"_ariaControls":["watchAriaControls"],"_ariaDescription":["watchAriaDescription"],"_customClass":["watchCustomClass"],"_disabled":["watchDisabled"],"_download":["watchDownload"],"_hideLabel":["watchHideLabel"],"_href":["watchHref"],"_icons":["watchIcons"],"_inline":["watchInline"],"_label":["watchLabel"],"_on":["watchOn"],"_role":["watchRole"],"_shortKey":["watchShortKey"],"_target":["watchTarget"],"_tooltipAlign":["watchTooltipAlign"],"_variant":["watchVariant"]}]]],["kol-meter",[[801,"kol-meter",{"_high":[2],"_label":[1],"_low":[2],"_max":[2],"_min":[2],"_optimum":[2],"_orientation":[1],"_unit":[1],"_value":[2]},null,{"_high":["watchHigh"],"_label":["watchLabel"],"_low":["watchLow"],"_max":["watchMax"],"_min":["watchMin"],"_optimum":["watchOptimum"],"_orientation":["watchOrientation"],"_unit":["watchUnit"],"_value":["watchValue"]}]]],["kol-modal",[[801,"kol-modal",{"_label":[1],"_on":[16],"_variant":[1],"_width":[1],"ariaDescriptionId":[32],"headingId":[32],"modal":[32],"openModal":[64],"showModal":[64],"show":[64],"close":[64],"closeModal":[64]},null,{"_label":["watchLabel"],"_on":["watchOn"],"_variant":["watchVariant"],"_width":["watchWidth"]}]]],["kol-nav",[[801,"kol-nav",{"_collapsible":[4],"_hasCompactButton":[4,"_has-compact-button"],"_hasIconsWhenExpanded":[4,"_has-icons-when-expanded"],"_hideLabel":[4,"_hide-label"],"_label":[1],"_links":[1],"compact":[32],"expandedChildren":[32]},null,{"_collapsible":["watchCollapsible"],"_hasCompactButton":["watchHasCompactButton"],"_hasIconsWhenExpanded":["watchHasIconsWhenExpanded"],"_hideLabel":["watchHideLabel"],"_label":["watchLabel"],"_links":["watchLinks"]}]]],["kol-pagination",[[801,"kol-pagination",{"_boundaryCount":[2,"_boundary-count"],"_customClass":[1,"_custom-class"],"_label":[1],"_hasButtons":[8,"_has-buttons"],"_page":[2],"_pageSize":[1026,"_page-size"],"_pageSizeOptions":[1,"_page-size-options"],"_on":[16],"_siblingCount":[2,"_sibling-count"],"_tooltipAlign":[1,"_tooltip-align"],"_max":[2],"renderCount":[32]},null,{"_boundaryCount":["watchBoundaryCount"],"_customClass":["watchCustomClass"],"_label":["watchLabel"],"_hasButtons":["watchHasButtons"],"_page":["watchPage"],"_pageSize":["watchPageSize"],"_pageSizeOptions":["watchPageSizeOptions"],"_on":["watchOn"],"_siblingCount":["watchSiblingCount"],"_tooltipAlign":["watchTooltipAlign"],"_max":["watchMax"]}]]],["kol-popover-button",[[801,"kol-popover-button",{"_accessKey":[1,"_access-key"],"_ariaDescription":[1,"_aria-description"],"_customClass":[1,"_custom-class"],"_disabled":[4],"_hideLabel":[4,"_hide-label"],"_icons":[1],"_inline":[4],"_label":[1],"_name":[1],"_popoverAlign":[1,"_popover-align"],"_shortKey":[1,"_short-key"],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tabIndex":[2,"_tab-index"],"_tooltipAlign":[1,"_tooltip-align"],"_type":[1],"_value":[8],"_variant":[1],"ariaDescriptionId":[32],"popoverOpen":[32],"hidePopover":[64],"showPopover":[64],"click":[64],"focus":[64]},null,{"_accessKey":["watchAccessKey"],"_ariaDescription":["watchAriaDescription"],"_customClass":["watchCustomClass"],"_disabled":["watchDisabled"],"_hideLabel":["watchHideLabel"],"_icons":["watchIcons"],"_inline":["watchInline"],"_label":["watchLabel"],"_name":["watchName"],"_popoverAlign":["watchPopoverAlign"],"_shortKey":["watchShortKey"],"_syncValueBySelector":["watchSyncValueBySelector"],"_tabIndex":["watchTabIndex"],"_tooltipAlign":["watchTooltipAlign"],"_type":["watchType"],"_value":["watchValue"],"_variant":["watchVariant"]}]]],["kol-progress",[[801,"kol-progress",{"_label":[1],"_max":[2],"_unit":[1],"_value":[2],"_variant":[1],"liveValue":[32]},null,{"_label":["watchLabel"],"_max":["watchMax"],"_unit":["watchUnit"],"_value":["watchValue"],"_variant":["watchVariant"]}]]],["kol-quote",[[801,"kol-quote",{"_href":[1],"_label":[1],"_quote":[1],"_variant":[1]},null,{"_href":["watchHref"],"_label":["watchLabel"],"_quote":["watchQuote"],"_variant":["watchVariant"]}]]],["kol-select",[[801,"kol-select",{"_accessKey":[1,"_access-key"],"_ariaDetails":[1,"_aria-details"],"_disabled":[4],"_hideMsg":[4,"_hide-msg"],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_icons":[1],"_infoPopover":[16],"_label":[1],"_msg":[1],"_multiple":[4],"_name":[1],"_on":[16],"_options":[1],"_required":[4],"_shortKey":[1,"_short-key"],"_rows":[2],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tabIndex":[2,"_tab-index"],"_tooltipAlign":[1,"_tooltip-align"],"_touched":[1540],"_value":[1544],"_variant":[1],"id":[32],"infoPopoverOpen":[32],"inputHasFocus":[32],"getValue":[64],"focus":[64]},null,{"_accessKey":["watchAccessKey"],"_ariaDetails":["watchAriaDetails"],"_disabled":["watchDisabled"],"_hideMsg":["watchHideMsg"],"_hideLabel":["watchHideLabel"],"_hint":["watchHint"],"_icons":["watchIcons"],"_infoPopover":["watchInfoPopover"],"_label":["watchLabel"],"_msg":["watchMsg"],"_multiple":["watchMultiple"],"_name":["watchName"],"_on":["watchOn"],"_options":["watchOptions"],"_required":["watchRequired"],"_shortKey":["watchShortKey"],"_rows":["watchRows"],"_syncValueBySelector":["watchSyncValueBySelector"],"_tabIndex":["watchTabIndex"],"_tooltipAlign":["watchTooltipAlign"],"_touched":["watchTouched"],"_value":["watchValue"],"_variant":["watchVariant"]}]]],["kol-single-select",[[801,"kol-single-select",{"_accessKey":[1,"_access-key"],"_ariaDetails":[1,"_aria-details"],"_placeholder":[1],"_disabled":[4],"_hideMsg":[4,"_hide-msg"],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_icons":[1],"_infoPopover":[16],"_label":[1],"_msg":[1],"_name":[1],"_on":[16],"_options":[1],"_required":[4],"_shortKey":[1,"_short-key"],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tooltipAlign":[1,"_tooltip-align"],"_touched":[1540],"_value":[1032],"_hasClearButton":[4,"_has-clear-button"],"_rows":[2],"_variant":[1],"id":[32],"infoPopoverOpen":[32],"inputHasFocus":[32],"isOpen":[32],"blockSuggestionMouseOver":[32],"filteredOptions":[32],"inputValue":[32],"getValue":[64],"focus":[64]},[[0,"keydown","handleHostKeyDown"],[1,"mousemove","handleMouseEvent"],[0,"focusin","handleFocusIn"],[0,"focusout","handleFocusOut"]],{"_accessKey":["watchAccessKey"],"_ariaDetails":["watchAriaDetails"],"_placeholder":["watchPlaceholder"],"_disabled":["watchDisabled"],"_hideMsg":["watchHideMsg"],"_hideLabel":["watchHideLabel"],"_hint":["watchHint"],"_icons":["watchIcons"],"_infoPopover":["watchInfoPopover"],"_label":["watchLabel"],"_msg":["watchMsg"],"_name":["watchName"],"_on":["watchOn"],"_options":["watchOptions"],"_required":["watchRequired"],"_shortKey":["watchShortKey"],"_syncValueBySelector":["watchSyncValueBySelector"],"_tooltipAlign":["watchTooltipAlign"],"_touched":["watchTouched"],"_value":["watchValue"],"_hasClearButton":["watchHasClearButton"],"_rows":["watchRows"],"_variant":["watchVariant"]}]]],["kol-skeleton",[[769,"kol-skeleton",{"_name":[1],"count":[32],"label":[32],"show":[32],"focus":[64],"toggle":[64]},[[0,"keydown","handleKeyDown"],[8,"keydown","onKeydown"]],{"_name":["watchName"]}]]],["kol-skip-nav",[[801,"kol-skip-nav",{"_label":[1],"_links":[1],"linkItems":[32],"focus":[64]},null,{"_label":["watchLabel"],"_links":["watchLinks"]}]]],["kol-spin",[[801,"kol-spin",{"_show":[4],"_label":[1],"_variant":[1]},null,{"_show":["watchShow"],"_label":["watchLabel"],"_variant":["watchVariant"]}]]],["kol-split-button",[[801,"kol-split-button",{"_accessKey":[1,"_access-key"],"_ariaControls":[1,"_aria-controls"],"_ariaDescription":[1,"_aria-description"],"_ariaExpanded":[4,"_aria-expanded"],"_ariaSelected":[4,"_aria-selected"],"_customClass":[1,"_custom-class"],"_disabled":[4],"_hideLabel":[4,"_hide-label"],"_icons":[1],"_label":[1],"_name":[1],"_on":[16],"_role":[1],"_shortKey":[1,"_short-key"],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tooltipAlign":[1,"_tooltip-align"],"_type":[1],"_value":[8],"_variant":[1],"ariaDescriptionId":[32],"dropdownOpen":[32],"getValue":[64],"focus":[64],"click":[64],"closePopup":[64]},null,{"_accessKey":["watchAccessKey"],"_ariaControls":["watchAriaControls"],"_ariaDescription":["watchAriaDescription"],"_ariaExpanded":["watchAriaExpanded"],"_ariaSelected":["watchAriaSelected"],"_customClass":["watchCustomClass"],"_disabled":["watchDisabled"],"_hideLabel":["watchHideLabel"],"_icons":["watchIcons"],"_label":["watchLabel"],"_name":["watchName"],"_on":["watchOn"],"_role":["watchRole"],"_shortKey":["watchShortKey"],"_syncValueBySelector":["watchSyncValueBySelector"],"_tooltipAlign":["watchTooltipAlign"],"_type":["watchType"],"_value":["watchValue"],"_variant":["watchVariant"]}]]],["kol-table-stateful",[[801,"kol-table-stateful",{"_ariaLabelledby":[1,"_aria-labelledby"],"_allowMultiSort":[4,"_allow-multi-sort"],"_data":[1],"_dataFoot":[1,"_data-foot"],"_fixedCols":[16],"_headers":[1],"_label":[1],"_loading":[4],"_pagination":[8],"_paginationPosition":[1,"_pagination-position"],"_selection":[1],"_on":[16],"_hasSettingsMenu":[4,"_has-settings-menu"],"_variant":[1],"adjustedHeaderCells":[32],"pagination":[32],"renderCount":[32],"externalLabelElements":[32],"hasScrollbar":[32],"settingsChangedCounter":[32],"sortedData":[32],"stickyColsDisabled":[32],"getSelection":[64],"resetSort":[64]},[[0,"changeheadercells","onChangeHeaderCells"],[0,"keydown","onKeydown"]],{"_ariaLabelledby":["watchAriaLabelledby"],"_allowMultiSort":["watchAllowMultiSort"],"_data":["watchData"],"_dataFoot":["watchDataFoot"],"_fixedCols":["watchFixedCols"],"_headers":["watchHeaders"],"_label":["watchLabel"],"_loading":["watchLoading"],"_pagination":["watchPagination"],"_paginationPosition":["watchPaginationPosition"],"_selection":["watchSelection"],"_on":["watchOn"],"_hasSettingsMenu":["watchHasSettingsMenu"],"_variant":["watchVariant"]}]]],["kol-table-stateless",[[801,"kol-table-stateless",{"_ariaLabelledby":[1,"_aria-labelledby"],"_data":[1],"_dataFoot":[1,"_data-foot"],"_fixedCols":[16],"_headers":[1],"_headerCells":[1,"_header-cells"],"_label":[1],"_loading":[4],"_on":[16],"_selection":[1],"_hasSettingsMenu":[4,"_has-settings-menu"],"_variant":[1],"externalLabelElements":[32],"hasScrollbar":[32],"rowKeys":[32],"settingsChangedCounter":[32],"stickyColsDisabled":[32]},[[0,"changeheadercells","onChangeHeaderCells"],[0,"keydown","onKeydown"]],{"_ariaLabelledby":["watchAriaLabelledby"],"_data":["watchData"],"_dataFoot":["watchDataFoot"],"_fixedCols":["watchFixedCols"],"_headers":["watchHeaders"],"_headerCells":["watchHeaderCells"],"_label":["watchLabel"],"_loading":["watchLoading"],"_on":["watchOn"],"_selection":["watchSelection"],"_hasSettingsMenu":["watchHasSettingsMenu"],"_variant":["watchVariant"]}]]],["kol-tabs",[[801,"kol-tabs",{"_align":[1],"_behavior":[1],"_hasCreateButton":[4,"_has-create-button"],"_label":[1],"_on":[16],"_selected":[1538],"_tabs":[1],"focus":[64],"click":[64]},null,{"_align":["watchAlign"],"_behavior":["watchBehavior"],"_hasCreateButton":["watchHasCreateButton"],"_label":["watchLabel"],"_on":["watchOn"],"_selected":["watchSelected"],"_tabs":["watchTabs"]}]]],["kol-textarea",[[801,"kol-textarea",{"_accessKey":[1,"_access-key"],"_adjustHeight":[4,"_adjust-height"],"_ariaDetails":[1,"_aria-details"],"_disabled":[4],"_hideMsg":[4,"_hide-msg"],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_icons":[1],"_infoPopover":[16],"_label":[1],"_maxLength":[2,"_max-length"],"_hasCounter":[4,"_has-counter"],"_maxLengthBehavior":[1,"_max-length-behavior"],"_msg":[1],"_name":[1],"_on":[16],"_placeholder":[1],"_readOnly":[4,"_read-only"],"_resize":[1],"_required":[4],"_rows":[1026],"_shortKey":[1,"_short-key"],"_spellCheck":[4,"_spell-check"],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tooltipAlign":[1,"_tooltip-align"],"_touched":[1540],"_value":[1537],"_variant":[1],"id":[32],"infoPopoverOpen":[32],"inputHasFocus":[32],"getValue":[64],"focus":[64],"click":[64]},null,{"_accessKey":["watchAccessKey"],"_adjustHeight":["watchAdjustHeight"],"_ariaDetails":["watchAriaDetails"],"_disabled":["watchDisabled"],"_hideMsg":["watchHideMsg"],"_hideLabel":["watchHideLabel"],"_hint":["watchHint"],"_icons":["watchIcons"],"_infoPopover":["watchInfoPopover"],"_label":["watchLabel"],"_maxLength":["watchMaxLength"],"_hasCounter":["watchHasCounter"],"_maxLengthBehavior":["watchMaxLengthBehavior"],"_msg":["watchMsg"],"_name":["watchName"],"_on":["watchOn"],"_placeholder":["watchPlaceholder"],"_readOnly":["watchReadOnly"],"_resize":["watchResize"],"_required":["watchRequired"],"_rows":["watchRows"],"_shortKey":["watchShortKey"],"_spellCheck":["watchSpellCheck"],"_syncValueBySelector":["watchSyncValueBySelector"],"_tooltipAlign":["watchTooltipAlign"],"_touched":["watchTouched"],"_value":["watchValue"],"_variant":["watchVariant"]}]]],["kol-toast-container",[[289,"kol-toast-container",{"state":[32],"enqueue":[64],"closeAll":[64]}]]],["kol-toolbar",[[801,"kol-toolbar",{"_label":[1],"_items":[16],"_orientation":[1],"currentIndex":[32],"itemRecords":[32],"location":[32],"focus":[64],"click":[64]},[[0,"keydown","handleKeyDown"],[2,"focusout","handleFocusout"]],{"_label":["watchLabel"],"_items":["watchItems"],"_orientation":["watchOrientation"]}]]],["kol-tooltip-wc",[[256,"kol-tooltip-wc",{"_badgeText":[1,"_badge-text"],"_align":[1],"_id":[1],"_label":[1],"hideTooltip":[64]},null,{"_align":["validateAlign"],"_id":["validateId"],"_label":["validateLabel"]}]]],["kol-tree",[[801,"kol-tree",{"_label":[1],"focus":[64]},[[0,"keydown","handleKeyDown"],[0,"focusin","handleFocusIn"],[0,"focusout","handleFocusOut"]],{"_label":["watchLabel"]}]]],["kol-tree-item",[[801,"kol-tree-item",{"_active":[4],"_label":[1],"_open":[4],"_href":[1],"ariaCurrent":[32],"groupId":[32],"hasChildren":[32],"level":[32],"open":[32],"focus":[64],"expand":[64],"collapse":[64],"isOpen":[64]},null,{"_active":["watchActive"],"_label":["watchLabel"],"_open":["watchOpen"],"_href":["watchHref"]}]]],["kol-version",[[801,"kol-version",{"_label":[1]},null,{"_label":["watchLabel"]}]]],["test-component",[[0,"test-component"]]]]'),a)}));
 //# sourceMappingURL=kolibri.esm.js.map

package/dist/kolibri/resolve-props-CjBvvXId.js

@@ -0,0 +1,5 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import{v as a}from"./access-and-short-key-ijzCZfHm.js";import"./common-BqpMtheU.js";import{a as s,b as o,c as i,f as e,g as r,h as t,s as l,i as n,l as d,d as m,e as f,v as p,t as c}from"./variant-CeijQFzL.js";import{l as u,a as b,c as h,d as j,b as v}from"./api-CagcODCX.js";import{d as C}from"./disabled-CdyeAMlW.js";import{h as g}from"./href-DOi-fZMu.js";import{d as y}from"./base-web-component-3R1Dy3QK.js";import{l as w}from"./label-with-expert-slot-CocPu9HB.js";import{l as x}from"./link-target-B7A-qwaP.js";const A={disabled:false,hideLabel:false,inline:true,tooltipAlign:"right"};function D(D){var B,K,L,M;const O=y(u);const k=a=>s=>{O[a]=s};g.apply(D._href,k("href"));s.apply(D._accessKey,k("accessKey"));o.apply(D._ariaControls,k("ariaControls"));b.apply(D._ariaCurrentValue,k("ariaCurrentValue"));i.apply(D._ariaDescription,k("ariaDescription"));e.apply(D._ariaExpanded,k("ariaExpanded"));h.apply(D._ariaOwns,k("ariaOwns"));r.apply(D._customClass,k("customClass"));C.apply((B=D._disabled)!==null&&B!==void 0?B:A.disabled,k("disabled"));j.apply(D._download,k("download"));t.apply((K=D._hideLabel)!==null&&K!==void 0?K:A.hideLabel,k("hideLabel"));l.apply(D._icons,k("icons"));n.apply((L=D._inline)!==null&&L!==void 0?L:A.inline,k("inline"));w.apply(D._label,k("label"));v.apply(D._on,k("on"));d.apply(D._role,k("role"));m.apply(D._shortKey,k("shortKey"));x.apply(D._target,k("target"));f.apply((M=D._tooltipAlign)!==null&&M!==void 0?M:A.tooltipAlign,k("tooltipAlign"));p.apply(D._variant,k("variant"));if(typeof D._tabIndex==="number"){c.apply(D._tabIndex,k("tabIndex"))}else{O.tabIndex=undefined}a(D._accessKey,D._shortKey);return O}export{D as r};
+//# sourceMappingURL=resolve-props-CjBvvXId.js.map