@public-ui/components 4.3.0-rc.2 → 4.3.0-rc.4

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

@@ -1,5 +1,5 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{h as n,F as e,r as t,H as o}from"./index-CwtGN7ID.js";import{B as i}from"./base-web-component-CArCAUxk.js";import{t as r}from"./i18n-BkwRYsvE.js";import"./common-DyILLof-.js";import{l as s}from"./label-BT-6lb8r.js";import{c as l,e as a,n as p}from"./normalizers-B5NKuJgN.js";import{B as c}from"./base-controller-CXhqh4cR.js";import"./i18n-CMA39edx.js";import"./_Uint8Array-kJHDjtoP.js";import"./isArray-CcrBs4JM.js";const d=l("show",false,a);const h=["dot","cycle","none"];const m=l("variant","dot",(n=>{const e=p(n);if(h.includes(e)){return e}throw new Error(`Invalid spin variant: ${e}`)}),(()=>true));function b(t){switch(t){case"cycle":return n("span",{class:`kol-spin__loader kol-spin__spinner--${t}__element`});case"none":return n("slot",{name:"expert"});default:return n(e,null,n("span",{class:`kol-spin__spinner-element \n\t\t\t\t\t\t\tkol-spin__spinner-element--1 \n\t\t\t\t\t\t\tkol-spin__spinner--${t}__element \n\t\t\t\t\t\t\tkol-spin__spinner--${t}__element--1`}),n("span",{class:`kol-spin__spinner-element \n\t\t\t\t\t\t\tkol-spin__spinner-element--2 \n\t\t\t\t\t\t\tkol-spin__spinner--${t}__element \n\t\t\t\t\t\t\tkol-spin__spinner--${t}__element--2`}),n("span",{class:`kol-spin__spinner-element \n\t\t\t\t\t\t\tkol-spin__spinner-element--3 \n\t\t\t\t\t\t\tkol-spin__spinner--${t}__element \n\t\t\t\t\t\t\tkol-spin__spinner--${t}__element--3`}),n("span",{class:`kol-spin__spinner-element \n\t\t\t\t\t\t\tkol-spin__spinner-element--neutral \n\t\t\t\t\t\t\tkol-spin__spinner--${t}__element \n\t\t\t\t\t\t\tkol-spin__spinner--${t}__element--4`}))}}const f=t=>{const{show:o,label:i,variant:s,showToggled:l}=t;return n(e,null,o?n(e,null,n("span",{class:`kol-spin__spinner kol-spin__spinner--${s}`},b(s)),n("span",{"aria-busy":"true",class:"visually-hidden",role:"alert"},i||r("kol-action-running"))):l&&n("span",{"aria-busy":"false",class:"visually-hidden",role:"alert"},i||r("kol-action-done")))};const k={optional:[s,d,m]};class u extends c{constructor(n){super(n,k)}componentWillLoad(n){const{show:e,label:t,variant:o}=n;this.watchShow(e);this.watchLabel(t);this.watchVariant(o)}watchShow(n){d.apply(n,(n=>{const e=this.getRenderProp("show");this.setRenderProp("show",n);this.setState("showToggled",e===true&&n===false)}))}watchLabel(n){s.apply(n,(n=>{this.setRenderProp("label",n)}))}watchVariant(n){m.apply(n,(n=>{this.setRenderProp("variant",n)}))}}const _="@charset \"UTF-8\";\n/* forward the rem function */\n/*\n* This file defines the layer order for all CSS layers used in KoliBri.\n* The order is important as it determines the cascade priority.\n*\n* Layer order (lowest to highest priority):\n* 1. kol-a11y - Accessibility defaults and requirements\n* 2. kol-global - Global component styles and resets\n* 3. kol-component - Component-specific styles\n* 4. kol-theme-global - Theme-specific global styles\n* 5. kol-theme-component - Theme-specific component styles\n*/\n@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;\n/*\n * This file contains all rules for accessibility.\n */\n@layer kol-a11y {\n  :host {\n    /*\n     * Minimum size of interactive elements.\n     *\n     * The `max(…, 44px)` floor guarantees the WCAG 2.5.5 (AAA) target size of 44px:\n     * `to-rem(44)` runs the value through a `calc()` rem round-trip which can lose\n     * sub-pixel precision and resolve to e.g. 43.99px depending on the browser's\n     * rounding, dropping just below the required minimum.\n     */\n    --a11y-min-size: max(calc(44 * 1rem / var(--kolibri-root-font-size, 16)), 44px);\n    /*\n     * No element should be used without verifying the contrast ratio of its background and font colors.\n     * By initially setting the background color to white and the font color to black,\n     * the contrast ratio is ensured and explicit adjustment is forced.\n     */\n    color: black;\n    background-color: white;\n    /*\n     * Verdana is an accessible font that can be used without requiring additional loading time.\n     */\n    font-family: Verdana;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n    /*\n     * Text should be aligned left by default to provide a predictable starting point.\n     */\n    text-align: left;\n  }\n  * {\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    hyphens: auto;\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    word-break: break-word;\n  }\n  /*\n   * All interactive elements should have a minimum size of to-rem(44).\n   */\n  /* input:not([type='checkbox'], [type='radio'], [type='range']), */\n  /* option, */\n  /* select, */\n  /* textarea, */\n  button,\n  .kol-input .input {\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n  }\n  /*\n   * Some interactive elements should not inherit the font-family and font-size.\n   */\n  a,\n  button,\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6,\n  input,\n  option,\n  select,\n  textarea {\n    /*\n     * All elements should inherit the text color from his parent element.\n     */\n    color: inherit;\n    /*\n     * All elements should inherit the font family from his parent element.\n     */\n    font-family: inherit;\n    /*\n     * All elements should inherit the font size from his parent element.\n     */\n    font-size: inherit;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n  }\n  /**\n  * Sometimes we need the semantic element for accessibility reasons,\n  * but we don't want to show it.\n  *\n  * - https://www.a11yproject.com/posts/how-to-hide-content/\n  */\n  .visually-hidden {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 1px;\n    height: 1px;\n    overflow: hidden;\n    white-space: nowrap;\n    clip-path: inset(50%);\n  }\n}\n@layer kol-global {\n  /*\n   * Dieses CSS stellt sicher, dass der Standard-Style\n   * von A und Button resettet werden.\n   */\n  :is(a, button) {\n    background-color: transparent;\n    width: 100%;\n    margin: 0;\n    padding: 0;\n    border: none;\n    /* 100% needed for custom width from outside */\n  }\n  /*\n   * Ensure elements with hidden attribute to be actually not visible\n   * @see https://meowni.ca/hidden.is.a.lie.html\n   */\n  [hidden] {\n    display: none !important;\n  }\n  .badge-text-hint {\n    color: black;\n    background-color: white;\n  }\n}\n@layer kol-global {\n  :host {\n    /*\n     * The max-width is needed to prevent the table from overflowing the\n     * parent node, if the table is wider than the parent node.\n     */\n    max-width: 100%;\n    font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  * {\n    /*\n     * We prefer to box-sizing: border-box for all elements.\n     */\n    box-sizing: border-box;\n  }\n  .kol-span {\n    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n    display: flex;\n    flex-flow: column;\n    align-items: center;\n    justify-content: center;\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n  }\n  .kol-span__container {\n    display: flex;\n    align-items: center;\n  }\n  a,\n  button {\n    cursor: pointer;\n  }\n  .kol-span .kol-span__label--hide-label .kol-span__label {\n    display: none;\n  }\n  /* Reset browser agent style. */\n  button:disabled {\n    color: unset;\n  }\n  .disabled label,\n  .disabled:focus-within label,\n  [aria-disabled=true],\n  [aria-disabled=true]:focus,\n  [disabled],\n  [disabled]:focus {\n    outline: none;\n    cursor: not-allowed;\n  }\n  [aria-disabled=true]:focus .kol-span,\n  [disabled]:focus .kol-span {\n    outline: none !important;\n  }\n  .hastooltip {\n    z-index: 900 !important;\n  }\n}\n@layer kol-component {\n  @keyframes rotate {\n    to {\n      transform: rotate(1turn);\n    }\n  }\n  @keyframes growingCircle {\n    0% {\n      opacity: 0.5;\n      border-color: white;\n      clip-path: polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0);\n    }\n    25% {\n      opacity: 0.75;\n      border-color: var(--kol-spin-color, var(--kol-theme-spin-color, #000));\n      clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0);\n    }\n    50% {\n      opacity: 1;\n      border-color: var(--kol-spin-color, var(--kol-theme-spin-color, black));\n      clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%);\n    }\n    75% {\n      opacity: 1;\n      border-color: var(--kol-spin-color, var(--kol-theme-spin-color, black));\n      clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%);\n    }\n    100% {\n      opacity: 0.1;\n      border-color: var(--kol-spin-color, var(--kol-theme-spin-color, black));\n      clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0);\n    }\n  }\n  .kol-spin__spinner--cycle {\n    width: calc(var(--kol-spin-size, 48) * 1rem / var(--kolibri-root-font-size, 16));\n    height: calc(var(--kol-spin-size, 48) * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-spin__spinner--cycle__element {\n    border-radius: 50%;\n    display: block;\n    position: relative;\n    width: 100%;\n    height: 100%;\n    animation: 2s linear infinite rotate;\n  }\n  @media (prefers-reduced-motion) {\n    .kol-spin__spinner--cycle__element {\n      animation-duration: 4s !important;\n    }\n  }\n  .kol-spin__spinner--cycle__element::before {\n    border-radius: 50%;\n    position: absolute;\n    inset: 0;\n    content: \"\";\n    animation: 3s linear infinite growingCircle;\n    border: 5px solid var(--kol-spin-color, var(--kol-theme-spin-color, #333));\n  }\n  @media (prefers-reduced-motion) {\n    .kol-spin__spinner--cycle__element::before {\n      animation-duration: 6s !important;\n    }\n  }\n}\n@layer kol-component {\n  @keyframes spin1 {\n    0% {\n      transform: scale(0);\n    }\n    100% {\n      transform: scale(1);\n    }\n  }\n  @keyframes spin2 {\n    0% {\n      transform: translate(0, 0);\n    }\n    100% {\n      transform: translate(calc(var(--kol-spin-size, 13) * 1rem / var(--kolibri-root-font-size, 16)), 0);\n    }\n  }\n  @keyframes spin3 {\n    0% {\n      transform: scale(1);\n    }\n    100% {\n      transform: scale(0);\n    }\n  }\n  /* https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-reduced-motion#toning_down_the_animation_scaling */\n  @media (prefers-reduced-motion) {\n    .kol-spin__spinner-element {\n      animation-duration: 2s !important;\n    }\n  }\n  .kol-spin__spinner--dot {\n    --kol-spin-border-width: calc(var(--kol-spin-size, 13) / 10);\n    width: calc(calc(var(--kol-spin-size, 13) * 3 + 2) * 1rem / var(--kolibri-root-font-size, 16));\n    height: calc(calc(var(--kol-spin-size, 13) + var(--kol-spin-border-width) * 2) * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-spin__spinner--dot__element {\n    background-color: var(--kol-spin-color, var(--kol-theme-spin-color, #000));\n    border-radius: 50%;\n    position: absolute;\n    top: 1px;\n    width: calc(var(--kol-spin-size, 13) * 1rem / var(--kolibri-root-font-size, 16));\n    height: calc(var(--kol-spin-size, 13) * 1rem / var(--kolibri-root-font-size, 16));\n    animation-timing-function: cubic-bezier(0, 1, 1, 0);\n    border: calc(var(--kol-spin-border-width) * 1rem / var(--kolibri-root-font-size, 16)) solid white;\n  }\n  .kol-spin__spinner--dot__element--1 {\n    left: calc(var(--kol-spin-border-width) * 1rem / var(--kolibri-root-font-size, 16));\n    z-index: 0;\n    animation: 1s infinite spin1;\n  }\n  .kol-spin__spinner--dot__element--2 {\n    left: calc(var(--kol-spin-border-width) * 1rem / var(--kolibri-root-font-size, 16));\n    z-index: 1;\n    animation: 1s infinite spin2;\n  }\n  .kol-spin__spinner--dot__element--3 {\n    left: calc(calc(var(--kol-spin-size, 13) + var(--kol-spin-border-width)) * 1rem / var(--kolibri-root-font-size, 16));\n    z-index: 1;\n    animation: 1s infinite spin2;\n  }\n  .kol-spin__spinner--dot__element--4 {\n    opacity: 0.6;\n    left: calc(calc(var(--kol-spin-size, 13) * 2 + var(--kol-spin-border-width)) * 1rem / var(--kolibri-root-font-size, 16));\n    z-index: 0;\n    animation: 1s infinite spin3;\n  }\n}\n@layer kol-component {\n  .kol-spin__spinner {\n    display: block;\n    position: relative;\n  }\n}";const w=class extends i{constructor(n){super();t(this,n);this.ctrl=new u(this.stateAccess);this.showToggled=false}watchShow(n){this.ctrl.watchShow(n)}watchLabel(n){this.ctrl.watchLabel(n)}watchVariant(n){this.ctrl.watchVariant(n)}componentWillLoad(){this.ctrl.componentWillLoad({show:this._show,label:this._label,variant:this._variant})}render(){return n(o,{key:"7379c127d8a30dc2175e50e2f7adaa45d4986a35"},n(f,{key:"e1992feadd19faa876ca24b9ef1856fba3b54350",show:this.ctrl.getRenderProp("show"),label:this.ctrl.getRenderProp("label"),variant:this.ctrl.getRenderProp("variant"),showToggled:this.showToggled}))}static get watchers(){return{_show:["watchShow"],_label:["watchLabel"],_variant:["watchVariant"]}}};w.style={default:_};export{w as kol_spin};
+import{h as n,F as e,r as t,H as i}from"./index-Dabxza7-.js";import{B as o}from"./base-web-component-BCIMb9gN.js";import{t as r}from"./i18n-CcjZRTxD.js";import"./common-Cbb6Axov.js";import{l as s}from"./label-BwPy2Jd4.js";import{c as l,e as a,n as p}from"./normalizers-iLdS6AQE.js";import{B as c}from"./base-controller-CXhqh4cR.js";import"./i18n-CMA39edx.js";import"./_Uint8Array-kJHDjtoP.js";import"./isArray-CcrBs4JM.js";const d=l("show",false,a);const h=["dot","cycle","none"];const m=l("variant","dot",(n=>{const e=p(n);if(h.includes(e)){return e}throw new Error(`Invalid spin variant: ${e}`)}),(()=>true));function b(t){switch(t){case"cycle":return n("span",{class:`kol-spin__loader kol-spin__spinner--${t}__element`});case"none":return n("slot",{name:"expert"});default:return n(e,null,n("span",{class:`kol-spin__spinner-element \n\t\t\t\t\t\t\tkol-spin__spinner-element--1 \n\t\t\t\t\t\t\tkol-spin__spinner--${t}__element \n\t\t\t\t\t\t\tkol-spin__spinner--${t}__element--1`}),n("span",{class:`kol-spin__spinner-element \n\t\t\t\t\t\t\tkol-spin__spinner-element--2 \n\t\t\t\t\t\t\tkol-spin__spinner--${t}__element \n\t\t\t\t\t\t\tkol-spin__spinner--${t}__element--2`}),n("span",{class:`kol-spin__spinner-element \n\t\t\t\t\t\t\tkol-spin__spinner-element--3 \n\t\t\t\t\t\t\tkol-spin__spinner--${t}__element \n\t\t\t\t\t\t\tkol-spin__spinner--${t}__element--3`}),n("span",{class:`kol-spin__spinner-element \n\t\t\t\t\t\t\tkol-spin__spinner-element--neutral \n\t\t\t\t\t\t\tkol-spin__spinner--${t}__element \n\t\t\t\t\t\t\tkol-spin__spinner--${t}__element--4`}))}}const f=t=>{const{show:i,label:o,variant:s,showToggled:l}=t;return n(e,null,i?n(e,null,n("span",{class:`kol-spin__spinner kol-spin__spinner--${s}`},b(s)),n("span",{"aria-busy":"true",class:"visually-hidden",role:"alert"},o||r("kol-action-running"))):l&&n("span",{"aria-busy":"false",class:"visually-hidden",role:"alert"},o||r("kol-action-done")))};const k={optional:[s,d,m]};class u extends c{constructor(n){super(n,k)}componentWillLoad(n){const{show:e,label:t,variant:i}=n;this.watchShow(e);this.watchLabel(t);this.watchVariant(i)}watchShow(n){d.apply(n,(n=>{const e=this.getRenderProp("show");this.setRenderProp("show",n);this.setState("showToggled",e===true&&n===false)}))}watchLabel(n){s.apply(n,(n=>{this.setRenderProp("label",n)}))}watchVariant(n){m.apply(n,(n=>{this.setRenderProp("variant",n)}))}}const _="@charset \"UTF-8\";\n/* forward the rem function */\n/*\n* This file defines the layer order for all CSS layers used in KoliBri.\n* The order is important as it determines the cascade priority.\n*\n* Layer order (lowest to highest priority):\n* 1. kol-a11y - Accessibility defaults and requirements\n* 2. kol-global - Global component styles and resets\n* 3. kol-component - Component-specific styles\n* 4. kol-theme-global - Theme-specific global styles\n* 5. kol-theme-component - Theme-specific component styles\n*/\n@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;\n/*\n * This file contains all rules for accessibility.\n */\n@layer kol-a11y {\n  :host {\n    /*\n     * Minimum size of interactive elements.\n     *\n     * The `max(…, 44px)` floor guarantees the WCAG 2.5.5 (AAA) target size of 44px:\n     * `to-rem(44)` runs the value through a `calc()` rem round-trip which can lose\n     * sub-pixel precision and resolve to e.g. 43.99px depending on the browser's\n     * rounding, dropping just below the required minimum.\n     */\n    --a11y-min-size: max(calc(44 * 1rem / var(--kolibri-root-font-size, 16)), 44px);\n    /*\n     * No element should be used without verifying the contrast ratio of its background and font colors.\n     * By initially setting the background color to white and the font color to black,\n     * the contrast ratio is ensured and explicit adjustment is forced.\n     */\n    color: black;\n    background-color: white;\n    /*\n     * Verdana is an accessible font that can be used without requiring additional loading time.\n     */\n    font-family: Verdana;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n    /*\n     * Text should be aligned left by default to provide a predictable starting point.\n     */\n    text-align: left;\n  }\n  * {\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    hyphens: auto;\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    word-break: break-word;\n  }\n  /*\n   * All interactive elements should have a minimum size of to-rem(44).\n   */\n  /* input:not([type='checkbox'], [type='radio'], [type='range']), */\n  /* option, */\n  /* select, */\n  /* textarea, */\n  button,\n  .kol-input .input {\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n  }\n  /*\n   * Some interactive elements should not inherit the font-family and font-size.\n   */\n  a,\n  button,\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6,\n  input,\n  option,\n  select,\n  textarea {\n    /*\n     * All elements should inherit the text color from his parent element.\n     */\n    color: inherit;\n    /*\n     * All elements should inherit the font family from his parent element.\n     */\n    font-family: inherit;\n    /*\n     * All elements should inherit the font size from his parent element.\n     */\n    font-size: inherit;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n  }\n  /**\n  * Sometimes we need the semantic element for accessibility reasons,\n  * but we don't want to show it.\n  *\n  * - https://www.a11yproject.com/posts/how-to-hide-content/\n  */\n  .visually-hidden {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 1px;\n    height: 1px;\n    overflow: hidden;\n    white-space: nowrap;\n    clip-path: inset(50%);\n  }\n}\n@layer kol-global {\n  /*\n   * Dieses CSS stellt sicher, dass der Standard-Style\n   * von A und Button resettet werden.\n   */\n  :is(a, button) {\n    background-color: transparent;\n    width: 100%;\n    margin: 0;\n    padding: 0;\n    border: none;\n    /* 100% needed for custom width from outside */\n  }\n  /*\n   * Ensure elements with hidden attribute to be actually not visible\n   * @see https://meowni.ca/hidden.is.a.lie.html\n   */\n  [hidden] {\n    display: none !important;\n  }\n  .badge-text-hint {\n    color: black;\n    background-color: white;\n  }\n}\n@layer kol-global {\n  :host {\n    /*\n     * The max-width is needed to prevent the table from overflowing the\n     * parent node, if the table is wider than the parent node.\n     */\n    max-width: 100%;\n    font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  * {\n    /*\n     * We prefer to box-sizing: border-box for all elements.\n     */\n    box-sizing: border-box;\n  }\n  .kol-span {\n    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n    display: flex;\n    flex-flow: column;\n    align-items: center;\n    justify-content: center;\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n  }\n  .kol-span__container {\n    display: flex;\n    align-items: center;\n  }\n  a,\n  button {\n    cursor: pointer;\n  }\n  .kol-span .kol-span__label--hide-label .kol-span__label {\n    display: none;\n  }\n  /* Reset browser agent style. */\n  button:disabled {\n    color: unset;\n  }\n  .disabled label,\n  .disabled:focus-within label,\n  [aria-disabled=true],\n  [aria-disabled=true]:focus,\n  [disabled],\n  [disabled]:focus {\n    outline: none;\n    cursor: not-allowed;\n  }\n  [aria-disabled=true]:focus .kol-span,\n  [disabled]:focus .kol-span {\n    outline: none !important;\n  }\n  .hastooltip {\n    z-index: 900 !important;\n  }\n}\n@layer kol-component {\n  @keyframes rotate {\n    to {\n      transform: rotate(1turn);\n    }\n  }\n  @keyframes growingCircle {\n    0% {\n      opacity: 0.5;\n      border-color: white;\n      clip-path: polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0);\n    }\n    25% {\n      opacity: 0.75;\n      border-color: var(--kol-spin-color, var(--kol-theme-spin-color, #000));\n      clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0);\n    }\n    50% {\n      opacity: 1;\n      border-color: var(--kol-spin-color, var(--kol-theme-spin-color, black));\n      clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%);\n    }\n    75% {\n      opacity: 1;\n      border-color: var(--kol-spin-color, var(--kol-theme-spin-color, black));\n      clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%);\n    }\n    100% {\n      opacity: 0.1;\n      border-color: var(--kol-spin-color, var(--kol-theme-spin-color, black));\n      clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0);\n    }\n  }\n  .kol-spin__spinner--cycle {\n    width: calc(var(--kol-spin-size, 48) * 1rem / var(--kolibri-root-font-size, 16));\n    height: calc(var(--kol-spin-size, 48) * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-spin__spinner--cycle__element {\n    border-radius: 50%;\n    display: block;\n    position: relative;\n    width: 100%;\n    height: 100%;\n    animation: 2s linear infinite rotate;\n  }\n  @media (prefers-reduced-motion) {\n    .kol-spin__spinner--cycle__element {\n      animation-duration: 4s !important;\n    }\n  }\n  .kol-spin__spinner--cycle__element::before {\n    border-radius: 50%;\n    position: absolute;\n    inset: 0;\n    content: \"\";\n    animation: 3s linear infinite growingCircle;\n    border: 5px solid var(--kol-spin-color, var(--kol-theme-spin-color, #333));\n  }\n  @media (prefers-reduced-motion) {\n    .kol-spin__spinner--cycle__element::before {\n      animation-duration: 6s !important;\n    }\n  }\n}\n@layer kol-component {\n  @keyframes spin1 {\n    0% {\n      transform: scale(0);\n    }\n    100% {\n      transform: scale(1);\n    }\n  }\n  @keyframes spin2 {\n    0% {\n      transform: translate(0, 0);\n    }\n    100% {\n      transform: translate(calc(var(--kol-spin-size, 13) * 1rem / var(--kolibri-root-font-size, 16)), 0);\n    }\n  }\n  @keyframes spin3 {\n    0% {\n      transform: scale(1);\n    }\n    100% {\n      transform: scale(0);\n    }\n  }\n  /* https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-reduced-motion#toning_down_the_animation_scaling */\n  @media (prefers-reduced-motion) {\n    .kol-spin__spinner-element {\n      animation-duration: 2s !important;\n    }\n  }\n  .kol-spin__spinner--dot {\n    --kol-spin-border-width: calc(var(--kol-spin-size, 13) / 10);\n    width: calc(calc(var(--kol-spin-size, 13) * 3 + 2) * 1rem / var(--kolibri-root-font-size, 16));\n    height: calc(calc(var(--kol-spin-size, 13) + var(--kol-spin-border-width) * 2) * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-spin__spinner--dot__element {\n    background-color: var(--kol-spin-color, var(--kol-theme-spin-color, #000));\n    border-radius: 50%;\n    position: absolute;\n    top: 1px;\n    width: calc(var(--kol-spin-size, 13) * 1rem / var(--kolibri-root-font-size, 16));\n    height: calc(var(--kol-spin-size, 13) * 1rem / var(--kolibri-root-font-size, 16));\n    animation-timing-function: cubic-bezier(0, 1, 1, 0);\n    border: calc(var(--kol-spin-border-width) * 1rem / var(--kolibri-root-font-size, 16)) solid white;\n  }\n  .kol-spin__spinner--dot__element--1 {\n    left: calc(var(--kol-spin-border-width) * 1rem / var(--kolibri-root-font-size, 16));\n    z-index: 0;\n    animation: 1s infinite spin1;\n  }\n  .kol-spin__spinner--dot__element--2 {\n    left: calc(var(--kol-spin-border-width) * 1rem / var(--kolibri-root-font-size, 16));\n    z-index: 1;\n    animation: 1s infinite spin2;\n  }\n  .kol-spin__spinner--dot__element--3 {\n    left: calc(calc(var(--kol-spin-size, 13) + var(--kol-spin-border-width)) * 1rem / var(--kolibri-root-font-size, 16));\n    z-index: 1;\n    animation: 1s infinite spin2;\n  }\n  .kol-spin__spinner--dot__element--4 {\n    opacity: 0.6;\n    left: calc(calc(var(--kol-spin-size, 13) * 2 + var(--kol-spin-border-width)) * 1rem / var(--kolibri-root-font-size, 16));\n    z-index: 0;\n    animation: 1s infinite spin3;\n  }\n}\n@layer kol-component {\n  .kol-spin__spinner {\n    display: block;\n    position: relative;\n  }\n}";const w=class extends o{constructor(n){super();t(this,n);this.ctrl=new u(this.stateAccess);this.showToggled=false}watchShow(n){this.ctrl.watchShow(n)}watchLabel(n){this.ctrl.watchLabel(n)}watchVariant(n){this.ctrl.watchVariant(n)}componentWillLoad(){this.ctrl.componentWillLoad({show:this._show,label:this._label,variant:this._variant})}render(){return n(i,{key:"7379c127d8a30dc2175e50e2f7adaa45d4986a35"},n(f,{key:"e1992feadd19faa876ca24b9ef1856fba3b54350",show:this.ctrl.getRenderProp("show"),label:this.ctrl.getRenderProp("label"),variant:this.ctrl.getRenderProp("variant"),showToggled:this.showToggled}))}static get watchers(){return{_show:["watchShow"],_label:["watchLabel"],_variant:["watchVariant"]}}};w.style={default:_};export{w as kol_spin};
 //# sourceMappingURL=kol-spin.entry.js.map

package/dist/kolibri/kol-split-button.entry.js

@@ -1,5 +1,5 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{r as n,h as e,g as o}from"./index-CwtGN7ID.js";import{_ as t}from"./tslib.es6-QNbPBOk5.js";import{b as i,h as l}from"./component-names-Dy77vq43.js";import{t as a}from"./i18n-BkwRYsvE.js";import{c as s}from"./clsx-COFh-Vc8.js";import{d as r,a as c,c as h}from"./element-interaction-C5-6aPzz.js";import"./common-DyILLof-.js";import"./i18n-CMA39edx.js";import"./element-focus-BQXzaLL9.js";const d='@charset "UTF-8";\n/* forward the rem function */\n/*\n* This file defines the layer order for all CSS layers used in KoliBri.\n* The order is important as it determines the cascade priority.\n*\n* Layer order (lowest to highest priority):\n* 1. kol-a11y - Accessibility defaults and requirements\n* 2. kol-global - Global component styles and resets\n* 3. kol-component - Component-specific styles\n* 4. kol-theme-global - Theme-specific global styles\n* 5. kol-theme-component - Theme-specific component styles\n*/\n@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;\n/*\n * This file contains all rules for accessibility.\n */\n@layer kol-a11y {\n  :host {\n    /*\n     * Minimum size of interactive elements.\n     *\n     * The `max(…, 44px)` floor guarantees the WCAG 2.5.5 (AAA) target size of 44px:\n     * `to-rem(44)` runs the value through a `calc()` rem round-trip which can lose\n     * sub-pixel precision and resolve to e.g. 43.99px depending on the browser\'s\n     * rounding, dropping just below the required minimum.\n     */\n    --a11y-min-size: max(calc(44 * 1rem / var(--kolibri-root-font-size, 16)), 44px);\n    /*\n     * No element should be used without verifying the contrast ratio of its background and font colors.\n     * By initially setting the background color to white and the font color to black,\n     * the contrast ratio is ensured and explicit adjustment is forced.\n     */\n    color: black;\n    background-color: white;\n    /*\n     * Verdana is an accessible font that can be used without requiring additional loading time.\n     */\n    font-family: Verdana;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n    /*\n     * Text should be aligned left by default to provide a predictable starting point.\n     */\n    text-align: left;\n  }\n  * {\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    hyphens: auto;\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    word-break: break-word;\n  }\n  /*\n   * All interactive elements should have a minimum size of to-rem(44).\n   */\n  /* input:not([type=\'checkbox\'], [type=\'radio\'], [type=\'range\']), */\n  /* option, */\n  /* select, */\n  /* textarea, */\n  button,\n  .kol-input .input {\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n  }\n  /*\n   * Some interactive elements should not inherit the font-family and font-size.\n   */\n  a,\n  button,\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6,\n  input,\n  option,\n  select,\n  textarea {\n    /*\n     * All elements should inherit the text color from his parent element.\n     */\n    color: inherit;\n    /*\n     * All elements should inherit the font family from his parent element.\n     */\n    font-family: inherit;\n    /*\n     * All elements should inherit the font size from his parent element.\n     */\n    font-size: inherit;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n  }\n  /**\n  * Sometimes we need the semantic element for accessibility reasons,\n  * but we don\'t want to show it.\n  *\n  * - https://www.a11yproject.com/posts/how-to-hide-content/\n  */\n  .visually-hidden {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 1px;\n    height: 1px;\n    overflow: hidden;\n    white-space: nowrap;\n    clip-path: inset(50%);\n  }\n}\n@layer kol-global {\n  /*\n   * Dieses CSS stellt sicher, dass der Standard-Style\n   * von A und Button resettet werden.\n   */\n  :is(a, button) {\n    background-color: transparent;\n    width: 100%;\n    margin: 0;\n    padding: 0;\n    border: none;\n    /* 100% needed for custom width from outside */\n  }\n  /*\n   * Ensure elements with hidden attribute to be actually not visible\n   * @see https://meowni.ca/hidden.is.a.lie.html\n   */\n  [hidden] {\n    display: none !important;\n  }\n  .badge-text-hint {\n    color: black;\n    background-color: white;\n  }\n}\n@layer kol-global {\n  :host {\n    /*\n     * The max-width is needed to prevent the table from overflowing the\n     * parent node, if the table is wider than the parent node.\n     */\n    max-width: 100%;\n    font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  * {\n    /*\n     * We prefer to box-sizing: border-box for all elements.\n     */\n    box-sizing: border-box;\n  }\n  .kol-span {\n    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n    display: flex;\n    flex-flow: column;\n    align-items: center;\n    justify-content: center;\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n  }\n  .kol-span__container {\n    display: flex;\n    align-items: center;\n  }\n  a,\n  button {\n    cursor: pointer;\n  }\n  .kol-span .kol-span__label--hide-label .kol-span__label {\n    display: none;\n  }\n  /* Reset browser agent style. */\n  button:disabled {\n    color: unset;\n  }\n  .disabled label,\n  .disabled:focus-within label,\n  [aria-disabled=true],\n  [aria-disabled=true]:focus,\n  [disabled],\n  [disabled]:focus {\n    outline: none;\n    cursor: not-allowed;\n  }\n  [aria-disabled=true]:focus .kol-span,\n  [disabled]:focus .kol-span {\n    outline: none !important;\n  }\n  .hastooltip {\n    z-index: 900 !important;\n  }\n}\n@font-face {\n  font-family: "kolicons";\n  src: url("kolicons.eot?t=1782311579243"); /* IE9*/\n  src: url("kolicons.eot?t=1782311579243#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1782311579243") format("woff2"), url("kolicons.woff?t=1782311579243") format("woff"), url("kolicons.ttf?t=1782311579243") format("truetype"), url("kolicons.svg?t=1782311579243#kolicons") format("svg"); /* iOS 4.1- */\n}\n@layer kol-component {\n  [class^=kolicon-], [class*=" kolicon-"] {\n    font-family: "kolicons";\n    font-style: normal;\n    font-weight: 400;\n    line-height: 1em;\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n  }\n  .kolicon-alert-error::before {\n    content: "\\ea01";\n  }\n  .kolicon-alert-info::before {\n    content: "\\ea02";\n  }\n  .kolicon-alert-success::before {\n    content: "\\ea03";\n  }\n  .kolicon-alert-warning::before {\n    content: "\\ea04";\n  }\n  .kolicon-check::before {\n    content: "\\ea05";\n  }\n  .kolicon-chevron-double-left::before {\n    content: "\\ea06";\n  }\n  .kolicon-chevron-double-right::before {\n    content: "\\ea07";\n  }\n  .kolicon-chevron-down::before {\n    content: "\\ea08";\n  }\n  .kolicon-chevron-left::before {\n    content: "\\ea09";\n  }\n  .kolicon-chevron-right::before {\n    content: "\\ea0a";\n  }\n  .kolicon-chevron-up::before {\n    content: "\\ea0b";\n  }\n  .kolicon-cogwheel::before {\n    content: "\\ea0c";\n  }\n  .kolicon-cross::before {\n    content: "\\ea0d";\n  }\n  .kolicon-eye-closed::before {\n    content: "\\ea0e";\n  }\n  .kolicon-eye::before {\n    content: "\\ea0f";\n  }\n  .kolicon-house::before {\n    content: "\\ea10";\n  }\n  .kolicon-kolibri::before {\n    content: "\\ea11";\n  }\n  .kolicon-link-external::before {\n    content: "\\ea12";\n  }\n  .kolicon-link::before {\n    content: "\\ea13";\n  }\n  .kolicon-minus::before {\n    content: "\\ea14";\n  }\n  .kolicon-plus::before {\n    content: "\\ea15";\n  }\n  .kolicon-settings::before {\n    content: "\\ea16";\n  }\n  .kolicon-sort-asc::before {\n    content: "\\ea17";\n  }\n  .kolicon-sort-desc::before {\n    content: "\\ea18";\n  }\n  .kolicon-sort-neutral::before {\n    content: "\\ea19";\n  }\n  .kolicon-up::before {\n    content: "\\ea1a";\n  }\n  .kolicon-version::before {\n    content: "\\ea1b";\n  }\n}\n@layer kol-component {\n  .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\n  .kol-tooltip {\n    display: contents;\n  }\n  .kol-tooltip__floating {\n    opacity: 0;\n    display: none;\n    position: fixed;\n    /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\n    top: 0;\n    left: 0;\n    /* Can be used to specify the tooltip-width from the outside. Unset by default.  */\n    width: var(--kol-tooltip-width, max-content);\n    min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\n    max-width: 90vw;\n    max-height: 90vh;\n    animation-direction: normal;\n    /* Can be used to specify the animation duration from the outside. 250ms by default. */\n    animation-duration: var(--kolibri-tooltip-animation-duration, 250ms);\n    animation-fill-mode: forwards;\n    animation-iteration-count: 1;\n    animation-timing-function: ease-in;\n  }\n  .kol-tooltip__floating.hide {\n    animation-name: hideTooltip;\n  }\n  .kol-tooltip__floating.show {\n    animation-name: showTooltip;\n  }\n  .kol-tooltip__arrow {\n    transform: rotate(45deg);\n    color: black;\n    background-color: white;\n    position: absolute;\n    z-index: 999;\n    width: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\n    height: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-tooltip__content {\n    color: black;\n    background-color: white;\n    position: relative;\n    z-index: 1000;\n  }\n  @keyframes hideTooltip {\n    0% {\n      opacity: 1;\n    }\n    100% {\n      opacity: 0;\n      display: none;\n    }\n  }\n  @keyframes showTooltip {\n    0% {\n      opacity: 0;\n    }\n    100% {\n      opacity: 1;\n    }\n  }\n}\n@layer kol-component {\n  .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\n  .kol-popover-button__popover {\n    margin: 0;\n    padding: 0;\n    border: 0;\n  }\n  .kol-popover-button--inline .kol-popover-button__button {\n    display: inline;\n  }\n  .kol-popover {\n    opacity: 0;\n    transition: 0.2s ease-out opacity;\n  }\n  .kol-popover-button--open + .kol-popover {\n    opacity: 1;\n  }\n  .kol-split-button {\n    display: flex;\n    position: relative;\n    width: 100%;\n  }\n  .kol-split-button__root {\n    display: flex;\n    position: relative;\n    width: 100%;\n    align-items: stretch;\n  }\n  .kol-split-button__button {\n    min-width: 0;\n    flex: 1 1 auto;\n    text-align: left;\n  }\n}';const f=class{constructor(e){n(this,e);this.ctaRef=h();this.setPopoverButtonRef=n=>{this.popoverButtonRef=n};this.clickButtonHandler={onClick:n=>{var e,o;n.stopPropagation();if(typeof((e=this._on)===null||e===void 0?void 0:e.onClick)==="function"){(o=this._on)===null||o===void 0?void 0:o.onClick(n,this._value)}}};this._disabled=false;this._hideLabel=false;this._tooltipAlign="top";this._type="button";this._variant="normal";this.state={_show:false}}async getValue(){return this._value}async focus(n){}async click(){}render(){const n="kol-split-button-dropdown-label";return e("div",{key:"efb712282023ebd2eb5ba801cab698eacafb558b",class:"kol-split-button"},e("div",{key:"331b05abd64211d21d8a67a3cff7c9db5b10870c",class:"kol-split-button__root"},e(i,{key:"fa270cf31c77bf0f125d52bbb951fa4c2f6fed30",class:s("kol-split-button__button",{[this._variant]:this._variant!=="custom",[this._customClass]:this._variant==="custom"&&typeof this._customClass==="string"&&this._customClass.length>0}),ref:this.ctaRef,_accessKey:this._accessKey,_ariaControls:this._ariaControls,_ariaDescription:this._ariaDescription,_ariaExpanded:this._ariaExpanded,_ariaSelected:this._ariaSelected,_customClass:this._customClass,_disabled:this._disabled,_icons:this._icons,_hideLabel:this._hideLabel,_label:this._label,_name:this._name,_on:this.clickButtonHandler,_shortKey:this._shortKey,_syncValueBySelector:this._syncValueBySelector,_tooltipAlign:this._tooltipAlign,_type:this._type,_value:this._value,_variant:this._variant}),e("div",{key:"70e8b56f252df5b250e20829ef5200b8e1f6ef12",class:"kol-split-button__horizontal-line"}),e(l,{key:"1b44af2b7bac2ea2e797cdee3cd604802eed78cf",class:"kol-split-button__secondary-button",ref:this.setPopoverButtonRef,_disabled:this._disabled,_hideLabel:true,_icons:"kolicon-chevron-down",_label:a(`${n}-open`),_popoverAlign:"bottom"},e("slot",{key:"d3e52b768ff7cda01eee60e1321c767c021eb82c"}))))}connectedCallback(){this.state=Object.assign(Object.assign({},this.state),{_show:false})}async closePopup(){var n;void((n=this.popoverButtonRef)===null||n===void 0?void 0:n.hidePopover());return Promise.resolve()}get host(){return o(this)}};t([r("ctaRef")],f.prototype,"focus",null);t([c("ctaRef")],f.prototype,"click",null);f.style={default:d};export{f as kol_split_button};
+import{r as n,h as e,g as o}from"./index-Dabxza7-.js";import{_ as t}from"./tslib.es6-QNbPBOk5.js";import{b as i,h as l}from"./component-names-Dy77vq43.js";import{t as a}from"./i18n-CcjZRTxD.js";import{c as s}from"./clsx-COFh-Vc8.js";import{d as r,a as c,c as h}from"./element-interaction-C5-6aPzz.js";import"./common-Cbb6Axov.js";import"./i18n-CMA39edx.js";import"./element-focus-BQXzaLL9.js";const d='@charset "UTF-8";\n/* forward the rem function */\n/*\n* This file defines the layer order for all CSS layers used in KoliBri.\n* The order is important as it determines the cascade priority.\n*\n* Layer order (lowest to highest priority):\n* 1. kol-a11y - Accessibility defaults and requirements\n* 2. kol-global - Global component styles and resets\n* 3. kol-component - Component-specific styles\n* 4. kol-theme-global - Theme-specific global styles\n* 5. kol-theme-component - Theme-specific component styles\n*/\n@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;\n/*\n * This file contains all rules for accessibility.\n */\n@layer kol-a11y {\n  :host {\n    /*\n     * Minimum size of interactive elements.\n     *\n     * The `max(…, 44px)` floor guarantees the WCAG 2.5.5 (AAA) target size of 44px:\n     * `to-rem(44)` runs the value through a `calc()` rem round-trip which can lose\n     * sub-pixel precision and resolve to e.g. 43.99px depending on the browser\'s\n     * rounding, dropping just below the required minimum.\n     */\n    --a11y-min-size: max(calc(44 * 1rem / var(--kolibri-root-font-size, 16)), 44px);\n    /*\n     * No element should be used without verifying the contrast ratio of its background and font colors.\n     * By initially setting the background color to white and the font color to black,\n     * the contrast ratio is ensured and explicit adjustment is forced.\n     */\n    color: black;\n    background-color: white;\n    /*\n     * Verdana is an accessible font that can be used without requiring additional loading time.\n     */\n    font-family: Verdana;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n    /*\n     * Text should be aligned left by default to provide a predictable starting point.\n     */\n    text-align: left;\n  }\n  * {\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    hyphens: auto;\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    word-break: break-word;\n  }\n  /*\n   * All interactive elements should have a minimum size of to-rem(44).\n   */\n  /* input:not([type=\'checkbox\'], [type=\'radio\'], [type=\'range\']), */\n  /* option, */\n  /* select, */\n  /* textarea, */\n  button,\n  .kol-input .input {\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n  }\n  /*\n   * Some interactive elements should not inherit the font-family and font-size.\n   */\n  a,\n  button,\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6,\n  input,\n  option,\n  select,\n  textarea {\n    /*\n     * All elements should inherit the text color from his parent element.\n     */\n    color: inherit;\n    /*\n     * All elements should inherit the font family from his parent element.\n     */\n    font-family: inherit;\n    /*\n     * All elements should inherit the font size from his parent element.\n     */\n    font-size: inherit;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n  }\n  /**\n  * Sometimes we need the semantic element for accessibility reasons,\n  * but we don\'t want to show it.\n  *\n  * - https://www.a11yproject.com/posts/how-to-hide-content/\n  */\n  .visually-hidden {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 1px;\n    height: 1px;\n    overflow: hidden;\n    white-space: nowrap;\n    clip-path: inset(50%);\n  }\n}\n@layer kol-global {\n  /*\n   * Dieses CSS stellt sicher, dass der Standard-Style\n   * von A und Button resettet werden.\n   */\n  :is(a, button) {\n    background-color: transparent;\n    width: 100%;\n    margin: 0;\n    padding: 0;\n    border: none;\n    /* 100% needed for custom width from outside */\n  }\n  /*\n   * Ensure elements with hidden attribute to be actually not visible\n   * @see https://meowni.ca/hidden.is.a.lie.html\n   */\n  [hidden] {\n    display: none !important;\n  }\n  .badge-text-hint {\n    color: black;\n    background-color: white;\n  }\n}\n@layer kol-global {\n  :host {\n    /*\n     * The max-width is needed to prevent the table from overflowing the\n     * parent node, if the table is wider than the parent node.\n     */\n    max-width: 100%;\n    font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  * {\n    /*\n     * We prefer to box-sizing: border-box for all elements.\n     */\n    box-sizing: border-box;\n  }\n  .kol-span {\n    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n    display: flex;\n    flex-flow: column;\n    align-items: center;\n    justify-content: center;\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n  }\n  .kol-span__container {\n    display: flex;\n    align-items: center;\n  }\n  a,\n  button {\n    cursor: pointer;\n  }\n  .kol-span .kol-span__label--hide-label .kol-span__label {\n    display: none;\n  }\n  /* Reset browser agent style. */\n  button:disabled {\n    color: unset;\n  }\n  .disabled label,\n  .disabled:focus-within label,\n  [aria-disabled=true],\n  [aria-disabled=true]:focus,\n  [disabled],\n  [disabled]:focus {\n    outline: none;\n    cursor: not-allowed;\n  }\n  [aria-disabled=true]:focus .kol-span,\n  [disabled]:focus .kol-span {\n    outline: none !important;\n  }\n  .hastooltip {\n    z-index: 900 !important;\n  }\n}\n@font-face {\n  font-family: "kolicons";\n  src: url("kolicons.eot?t=1783501930981"); /* IE9*/\n  src: url("kolicons.eot?t=1783501930981#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1783501930981") format("woff2"), url("kolicons.woff?t=1783501930981") format("woff"), url("kolicons.ttf?t=1783501930981") format("truetype"), url("kolicons.svg?t=1783501930981#kolicons") format("svg"); /* iOS 4.1- */\n}\n@layer kol-component {\n  [class^=kolicon-], [class*=" kolicon-"] {\n    font-family: "kolicons";\n    font-style: normal;\n    font-weight: 400;\n    line-height: 1em;\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n  }\n  .kolicon-alert-error::before {\n    content: "\\ea01";\n  }\n  .kolicon-alert-info::before {\n    content: "\\ea02";\n  }\n  .kolicon-alert-success::before {\n    content: "\\ea03";\n  }\n  .kolicon-alert-warning::before {\n    content: "\\ea04";\n  }\n  .kolicon-check::before {\n    content: "\\ea05";\n  }\n  .kolicon-chevron-double-left::before {\n    content: "\\ea06";\n  }\n  .kolicon-chevron-double-right::before {\n    content: "\\ea07";\n  }\n  .kolicon-chevron-down::before {\n    content: "\\ea08";\n  }\n  .kolicon-chevron-left::before {\n    content: "\\ea09";\n  }\n  .kolicon-chevron-right::before {\n    content: "\\ea0a";\n  }\n  .kolicon-chevron-up::before {\n    content: "\\ea0b";\n  }\n  .kolicon-cogwheel::before {\n    content: "\\ea0c";\n  }\n  .kolicon-cross::before {\n    content: "\\ea0d";\n  }\n  .kolicon-eye-closed::before {\n    content: "\\ea0e";\n  }\n  .kolicon-eye::before {\n    content: "\\ea0f";\n  }\n  .kolicon-house::before {\n    content: "\\ea10";\n  }\n  .kolicon-kolibri::before {\n    content: "\\ea11";\n  }\n  .kolicon-link-external::before {\n    content: "\\ea12";\n  }\n  .kolicon-link::before {\n    content: "\\ea13";\n  }\n  .kolicon-minus::before {\n    content: "\\ea14";\n  }\n  .kolicon-plus::before {\n    content: "\\ea15";\n  }\n  .kolicon-settings::before {\n    content: "\\ea16";\n  }\n  .kolicon-sort-asc::before {\n    content: "\\ea17";\n  }\n  .kolicon-sort-desc::before {\n    content: "\\ea18";\n  }\n  .kolicon-sort-neutral::before {\n    content: "\\ea19";\n  }\n  .kolicon-up::before {\n    content: "\\ea1a";\n  }\n  .kolicon-version::before {\n    content: "\\ea1b";\n  }\n}\n@layer kol-component {\n  .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\n  .kol-tooltip {\n    display: contents;\n  }\n  .kol-tooltip__floating {\n    opacity: 0;\n    display: none;\n    position: fixed;\n    /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\n    top: 0;\n    left: 0;\n    /* Can be used to specify the tooltip-width from the outside. Unset by default.  */\n    width: var(--kol-tooltip-width, max-content);\n    min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\n    max-width: 90vw;\n    max-height: 90vh;\n    animation-direction: normal;\n    /* Can be used to specify the animation duration from the outside. 250ms by default. */\n    animation-duration: var(--kolibri-tooltip-animation-duration, 250ms);\n    animation-fill-mode: forwards;\n    animation-iteration-count: 1;\n    animation-timing-function: ease-in;\n  }\n  .kol-tooltip__floating.hide {\n    animation-name: hideTooltip;\n  }\n  .kol-tooltip__floating.show {\n    animation-name: showTooltip;\n  }\n  .kol-tooltip__arrow {\n    transform: rotate(45deg);\n    color: black;\n    background-color: white;\n    position: absolute;\n    z-index: 999;\n    width: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\n    height: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-tooltip__content {\n    color: black;\n    background-color: white;\n    position: relative;\n    z-index: 1000;\n  }\n  @keyframes hideTooltip {\n    0% {\n      opacity: 1;\n    }\n    100% {\n      opacity: 0;\n      display: none;\n    }\n  }\n  @keyframes showTooltip {\n    0% {\n      opacity: 0;\n    }\n    100% {\n      opacity: 1;\n    }\n  }\n}\n@layer kol-component {\n  .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\n  .kol-popover-button__popover {\n    margin: 0;\n    padding: 0;\n    border: 0;\n  }\n  .kol-popover-button--inline .kol-popover-button__button {\n    display: inline;\n  }\n  .kol-popover {\n    opacity: 0;\n    transition: 0.2s ease-out opacity;\n  }\n  .kol-popover-button--open + .kol-popover {\n    opacity: 1;\n  }\n  .kol-split-button {\n    display: flex;\n    position: relative;\n    width: 100%;\n  }\n  .kol-split-button__root {\n    display: flex;\n    position: relative;\n    width: 100%;\n    align-items: stretch;\n  }\n  .kol-split-button__button {\n    min-width: 0;\n    flex: 1 1 auto;\n    text-align: left;\n  }\n}';const f=class{constructor(e){n(this,e);this.ctaRef=h();this.setPopoverButtonRef=n=>{this.popoverButtonRef=n};this.clickButtonHandler={onClick:n=>{var e,o;n.stopPropagation();if(typeof((e=this._on)===null||e===void 0?void 0:e.onClick)==="function"){(o=this._on)===null||o===void 0?void 0:o.onClick(n,this._value)}}};this._disabled=false;this._hideLabel=false;this._tooltipAlign="top";this._type="button";this._variant="normal";this.state={_show:false}}async getValue(){return this._value}async focus(n){}async click(){}render(){const n="kol-split-button-dropdown-label";return e("div",{key:"efb712282023ebd2eb5ba801cab698eacafb558b",class:"kol-split-button"},e("div",{key:"331b05abd64211d21d8a67a3cff7c9db5b10870c",class:"kol-split-button__root"},e(i,{key:"fa270cf31c77bf0f125d52bbb951fa4c2f6fed30",class:s("kol-split-button__button",{[this._variant]:this._variant!=="custom",[this._customClass]:this._variant==="custom"&&typeof this._customClass==="string"&&this._customClass.length>0}),ref:this.ctaRef,_accessKey:this._accessKey,_ariaControls:this._ariaControls,_ariaDescription:this._ariaDescription,_ariaExpanded:this._ariaExpanded,_ariaSelected:this._ariaSelected,_customClass:this._customClass,_disabled:this._disabled,_icons:this._icons,_hideLabel:this._hideLabel,_label:this._label,_name:this._name,_on:this.clickButtonHandler,_shortKey:this._shortKey,_syncValueBySelector:this._syncValueBySelector,_tooltipAlign:this._tooltipAlign,_type:this._type,_value:this._value,_variant:this._variant}),e("div",{key:"70e8b56f252df5b250e20829ef5200b8e1f6ef12",class:"kol-split-button__horizontal-line"}),e(l,{key:"1b44af2b7bac2ea2e797cdee3cd604802eed78cf",class:"kol-split-button__secondary-button",ref:this.setPopoverButtonRef,_disabled:this._disabled,_hideLabel:true,_icons:"kolicon-chevron-down",_label:a(`${n}-open`),_popoverAlign:"bottom"},e("slot",{key:"d3e52b768ff7cda01eee60e1321c767c021eb82c"}))))}connectedCallback(){this.state=Object.assign(Object.assign({},this.state),{_show:false})}async closePopup(){var n;void((n=this.popoverButtonRef)===null||n===void 0?void 0:n.hidePopover());return Promise.resolve()}get host(){return o(this)}};t([r("ctaRef")],f.prototype,"focus",null);t([c("ctaRef")],f.prototype,"click",null);f.style={default:d};export{f as kol_split_button};
 //# sourceMappingURL=kol-split-button.entry.js.map

package/dist/kolibri/kol-table-settings-wc.entry.js

@@ -1,5 +1,5 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{r as e,h as t,g as s}from"./index-CwtGN7ID.js";import{a as i}from"./tslib.es6-QNbPBOk5.js";import{p as l,a,q as n,r as o,b as d,h as c}from"./component-names-Dy77vq43.js";import{t as r}from"./i18n-BkwRYsvE.js";import{d as b,K as h}from"./events-BhfZTW2e.js";import"./common-DyILLof-.js";import"./i18n-CMA39edx.js";const u=e=>Number.isFinite(e)&&e!==undefined&&e>0?e:undefined;const f=class{constructor(t){e(this,t);this.headerCells=[];this.editingHeaderCells=[];this.errorMessage=null;this.translateTableSettings=r("kol-table-settings");this.translateTableSettingsCancel=r("kol-table-settings-cancel");this.translateTableSettingsApply=r("kol-table-settings-apply");this.translateErrorAllInvisible=r("kol-table-settings-error-all-invisible");this.translateColumnNotHidable=r("kol-table-settings-column-not-hidable");this._horizontalHeaderCells=[]}handleHeaderCellsChange(e){this.headerCells=e.map((e=>[...e]));this.editingHeaderCells=e.map((e=>e.map((e=>Object.assign({},e)))))}componentWillLoad(){this.handleHeaderCellsChange(this._horizontalHeaderCells)}getPrimaryRow(){var e;return(e=this.editingHeaderCells[this.editingHeaderCells.length-1])!==null&&e!==void 0?e:[]}updatePrimaryRow(e){this.editingHeaderCells=this.editingHeaderCells.map(((t,s,i)=>s===i.length-1?e:t))}moveColumn(e,t){const s=[...this.getPrimaryRow()];const i=s.findIndex((t=>t.key===e));if(i===-1)return;let l;if(t==="up"){if(i===0)return;l=i-1}else{if(i===s.length-1)return;l=i+1}const[a]=s.splice(i,1);s.splice(l,0,a);this.updatePrimaryRow(s)}handleVisibilityChange(e,t){const s=this.getPrimaryRow().map((s=>s.key===e&&s.hidable!==false?Object.assign(Object.assign({},s),{visible:Boolean(t)}):s));this.updatePrimaryRow(s)}handleWidthChange(e,t){const s=u(Number(t));const i=this.getPrimaryRow().map((t=>t.key===e&&t.resizable!==false?Object.assign(Object.assign({},t),{width:s}):t));this.updatePrimaryRow(i)}handleCancel(){var e;this.editingHeaderCells=this.headerCells.map((e=>[...e]));this.errorMessage=null;void((e=this.popoverRef)===null||e===void 0?void 0:e.hidePopover())}handleSubmit(e){var t;e.preventDefault();const s=this.getPrimaryRow();const l=s.some((e=>e.visible!==false));if(!l){this.errorMessage=this.translateErrorAllInvisible;return}else if(this.host){this.errorMessage=null;this.headerCells=this.editingHeaderCells.map((e=>e.map((e=>Object.assign({},e)))));const e=this.editingHeaderCells.map((e=>e.map((e=>{const t=e,{hidable:s,resizable:l,sortable:a,visible:n,width:o}=t,d=i(t,["hidable","resizable","sortable","visible","width"]);const c=Object.assign({},d);if(n!==undefined)c.visible=n;if(s!==undefined)c.hidable=s;if(a!==undefined)c.sortable=a;if(l!==undefined)c.resizable=l;if(o!==undefined&&o!==null)c.width=o;return c}))));b(this.host,h.changeHeaderCells,e);void((t=this.popoverRef)===null||t===void 0?void 0:t.hidePopover())}}render(){const e=this.getPrimaryRow();return t(c,{key:"b31b61fd00d6f9b7b1cb7229abde5e67772edd4f",ref:e=>this.popoverRef=e,class:"kol-table-settings",_icons:"kolicon-settings",_label:this.translateTableSettings,_popoverAlign:"top",_hideLabel:true},t("div",{key:"d888ac1b3b7842c5336c12210145890b24916e36",class:"kol-table-settings__content"},t(l,{key:"d79f606ed627a4a5a069415db0c2cedfaaf666d6",_label:this.translateTableSettings,_level:0}),this.errorMessage&&t(a,{key:"310aff9ecbe70b0c9ac4aaf9994b9559bd739b81",_type:"error",_label:this.errorMessage,_variant:"msg",class:"kol-table-settings__error-message"}),t("form",{key:"b0e84c2f51ab706cc09e4c85ea719b58a3273664",onSubmit:this.handleSubmit.bind(this)},t("div",{key:"fbd274e2f77c273d94696698ce8842d9dd51a731",class:"kol-table-settings__columns-container"},t("div",{key:"696a79971b4c63b8e2dc8341016880d8c8fac347",class:"kol-table-settings__columns"},e.map(((s,i)=>t("div",{key:s.key,class:"kol-table-settings__column"},t(n,{_checked:s.visible!==false,_label:`${s.label}${s.hidable===false?` (${this.translateColumnNotHidable})`:""}`,_value:true,_hideLabel:true,_disabled:s.hidable===false,_on:{onInput:(e,t)=>{var i;return this.handleVisibilityChange((i=s.key)!==null&&i!==void 0?i:"",t)}}}),t("span",{class:"kol-table-settings__column-label"},s.label),t(o,{_hideLabel:true,_value:u(s.width),_label:r("kol-table-settings-column-width",{placeholders:{column:s.label}}),_min:1,_disabled:s.resizable===false,_on:{onInput:(e,t)=>{var i;return this.handleWidthChange((i=s.key)!==null&&i!==void 0?i:"",t)}}}),t(d,{_icons:"kolicon-chevron-up",_label:r("kol-table-settings-move-up",{placeholders:{column:s.label}}),_hideLabel:true,_variant:"ghost",_on:{onClick:()=>{var e;return this.moveColumn((e=s.key)!==null&&e!==void 0?e:"","up")}},_disabled:s.sortable===false||i===0,"data-testid":"table-settings-move-up"}),t(d,{_icons:"kolicon-chevron-down",_label:r("kol-table-settings-move-down",{placeholders:{column:s.label}}),_hideLabel:true,_variant:"ghost",_on:{onClick:()=>{var e;return this.moveColumn((e=s.key)!==null&&e!==void 0?e:"","down")}},_disabled:s.sortable===false||i===e.length-1,"data-testid":"table-settings-move-down"})))))),t("div",{key:"cc7c01ab830868f213166f868a540ada2cdf1328",class:"kol-table-settings__actions"},t(d,{key:"495664a6a4e779c2faba8c5e57e8baec3818b6fd",_label:this.translateTableSettingsCancel,_variant:"secondary",_on:{onClick:()=>this.handleCancel()},"data-testid":"table-settings-cancel"}),t(d,{key:"79d6b02edfc4072529a94f628925fd12f6c851d0",_label:this.translateTableSettingsApply,_variant:"primary",_type:"submit","data-testid":"table-settings-apply"})))))}get host(){return s(this)}static get watchers(){return{_horizontalHeaderCells:["handleHeaderCellsChange"]}}};export{f as kol_table_settings_wc};
+import{r as e,h as t,g as s}from"./index-Dabxza7-.js";import{a as i}from"./tslib.es6-QNbPBOk5.js";import{p as a,a as l,q as n,r as o,b as d,h as c}from"./component-names-Dy77vq43.js";import{t as r}from"./i18n-CcjZRTxD.js";import{d as b,K as h}from"./events-BhfZTW2e.js";import"./common-Cbb6Axov.js";import"./i18n-CMA39edx.js";const u=e=>Number.isFinite(e)&&e!==undefined&&e>0?e:undefined;const f=class{constructor(t){e(this,t);this.headerCells=[];this.editingHeaderCells=[];this.errorMessage=null;this.translateTableSettings=r("kol-table-settings");this.translateTableSettingsCancel=r("kol-table-settings-cancel");this.translateTableSettingsApply=r("kol-table-settings-apply");this.translateErrorAllInvisible=r("kol-table-settings-error-all-invisible");this.translateColumnNotHidable=r("kol-table-settings-column-not-hidable");this._horizontalHeaderCells=[]}handleHeaderCellsChange(e){this.headerCells=e.map((e=>[...e]));this.editingHeaderCells=e.map((e=>e.map((e=>Object.assign({},e)))))}componentWillLoad(){this.handleHeaderCellsChange(this._horizontalHeaderCells)}getPrimaryRow(){var e;return(e=this.editingHeaderCells[this.editingHeaderCells.length-1])!==null&&e!==void 0?e:[]}updatePrimaryRow(e){this.editingHeaderCells=this.editingHeaderCells.map(((t,s,i)=>s===i.length-1?e:t))}moveColumn(e,t){const s=[...this.getPrimaryRow()];const i=s.findIndex((t=>t.key===e));if(i===-1)return;let a;if(t==="up"){if(i===0)return;a=i-1}else{if(i===s.length-1)return;a=i+1}const[l]=s.splice(i,1);s.splice(a,0,l);this.updatePrimaryRow(s)}handleVisibilityChange(e,t){const s=this.getPrimaryRow().map((s=>s.key===e&&s.hidable!==false?Object.assign(Object.assign({},s),{visible:Boolean(t)}):s));this.updatePrimaryRow(s)}handleWidthChange(e,t){const s=u(Number(t));const i=this.getPrimaryRow().map((t=>t.key===e&&t.resizable!==false?Object.assign(Object.assign({},t),{width:s}):t));this.updatePrimaryRow(i)}handleCancel(){var e;this.editingHeaderCells=this.headerCells.map((e=>[...e]));this.errorMessage=null;void((e=this.popoverRef)===null||e===void 0?void 0:e.hidePopover())}handleSubmit(e){var t;e.preventDefault();const s=this.getPrimaryRow();const a=s.some((e=>e.visible!==false));if(!a){this.errorMessage=this.translateErrorAllInvisible;return}else if(this.host){this.errorMessage=null;this.headerCells=this.editingHeaderCells.map((e=>e.map((e=>Object.assign({},e)))));const e=this.editingHeaderCells.map((e=>e.map((e=>{const t=e,{hidable:s,resizable:a,sortable:l,visible:n,width:o}=t,d=i(t,["hidable","resizable","sortable","visible","width"]);const c=Object.assign({},d);if(n!==undefined)c.visible=n;if(s!==undefined)c.hidable=s;if(l!==undefined)c.sortable=l;if(a!==undefined)c.resizable=a;if(o!==undefined&&o!==null)c.width=o;return c}))));b(this.host,h.changeHeaderCells,e);void((t=this.popoverRef)===null||t===void 0?void 0:t.hidePopover())}}render(){const e=this.getPrimaryRow();return t(c,{key:"b31b61fd00d6f9b7b1cb7229abde5e67772edd4f",ref:e=>this.popoverRef=e,class:"kol-table-settings",_icons:"kolicon-settings",_label:this.translateTableSettings,_popoverAlign:"top",_hideLabel:true},t("div",{key:"d888ac1b3b7842c5336c12210145890b24916e36",class:"kol-table-settings__content"},t(a,{key:"d79f606ed627a4a5a069415db0c2cedfaaf666d6",_label:this.translateTableSettings,_level:0}),this.errorMessage&&t(l,{key:"310aff9ecbe70b0c9ac4aaf9994b9559bd739b81",_type:"error",_label:this.errorMessage,_variant:"msg",class:"kol-table-settings__error-message"}),t("form",{key:"b0e84c2f51ab706cc09e4c85ea719b58a3273664",onSubmit:this.handleSubmit.bind(this)},t("div",{key:"fbd274e2f77c273d94696698ce8842d9dd51a731",class:"kol-table-settings__columns-container"},t("div",{key:"696a79971b4c63b8e2dc8341016880d8c8fac347",class:"kol-table-settings__columns"},e.map(((s,i)=>t("div",{key:s.key,class:"kol-table-settings__column"},t(n,{_checked:s.visible!==false,_label:`${s.label}${s.hidable===false?` (${this.translateColumnNotHidable})`:""}`,_value:true,_hideLabel:true,_disabled:s.hidable===false,_on:{onInput:(e,t)=>{var i;return this.handleVisibilityChange((i=s.key)!==null&&i!==void 0?i:"",t)}}}),t("span",{class:"kol-table-settings__column-label"},s.label),t(o,{_hideLabel:true,_value:u(s.width),_label:r("kol-table-settings-column-width",{placeholders:{column:s.label}}),_min:1,_disabled:s.resizable===false,_on:{onInput:(e,t)=>{var i;return this.handleWidthChange((i=s.key)!==null&&i!==void 0?i:"",t)}}}),t(d,{_icons:"kolicon-chevron-up",_label:r("kol-table-settings-move-up",{placeholders:{column:s.label}}),_hideLabel:true,_variant:"ghost",_on:{onClick:()=>{var e;return this.moveColumn((e=s.key)!==null&&e!==void 0?e:"","up")}},_disabled:s.sortable===false||i===0,"data-testid":"table-settings-move-up"}),t(d,{_icons:"kolicon-chevron-down",_label:r("kol-table-settings-move-down",{placeholders:{column:s.label}}),_hideLabel:true,_variant:"ghost",_on:{onClick:()=>{var e;return this.moveColumn((e=s.key)!==null&&e!==void 0?e:"","down")}},_disabled:s.sortable===false||i===e.length-1,"data-testid":"table-settings-move-down"})))))),t("div",{key:"cc7c01ab830868f213166f868a540ada2cdf1328",class:"kol-table-settings__actions"},t(d,{key:"495664a6a4e779c2faba8c5e57e8baec3818b6fd",_label:this.translateTableSettingsCancel,_variant:"secondary",_on:{onClick:()=>this.handleCancel()},"data-testid":"table-settings-cancel"}),t(d,{key:"79d6b02edfc4072529a94f628925fd12f6c851d0",_label:this.translateTableSettingsApply,_variant:"primary",_type:"submit","data-testid":"table-settings-apply"})))))}get host(){return s(this)}static get watchers(){return{_horizontalHeaderCells:["handleHeaderCellsChange"]}}};export{f as kol_table_settings_wc};
 //# sourceMappingURL=kol-table-settings-wc.entry.js.map

package/dist/kolibri/kol-table-settings-wc.entry.js.map

@@ -1 +1 @@
-{"version":3,"names":["registerInstance","h","getElement","__rest","KolHeadingTag","KolAlertWcTag","KolInputCheckboxTag","KolInputNumberTag","KolButtonWcTag","KolPopoverButtonWcTag","translate","dispatchDomEvent","KolEvent","parseColumnWidth","width","Number","isFinite","undefined","KolTableSettings","constructor","hostRef","this","headerCells","editingHeaderCells","errorMessage","translateTableSettings","translateTableSettingsCancel","translateTableSettingsApply","translateErrorAllInvisible","translateColumnNotHidable","_horizontalHeaderCells","handleHeaderCellsChange","newValue","map","row","cell","Object","assign","componentWillLoad","getPrimaryRow","_a","length","updatePrimaryRow","newRow","index","arr","moveColumn","columnId","direction","sourceIndex","findIndex","col","key","targetIndex","source","splice","handleVisibilityChange","visible","hidable","Boolean","handleWidthChange","parsedWidth","resizable","handleCancel","popoverRef","hidePopover","handleSubmit","event","preventDefault","primaryRow","hasVisibleColumn","some","column","host","sanitizedHeaderCells","sortable","rest","changeHeaderCells","render","columns","ref","el","class","_icons","_label","_popoverAlign","_hideLabel","_level","_type","_variant","onSubmit","bind","_checked","label","_value","_disabled","_on","onInput","_","value","placeholders","_min","onClick","watchers"],"sources":["0"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["registerInstance","h","getElement","__rest","KolHeadingTag","KolAlertWcTag","KolInputCheckboxTag","KolInputNumberTag","KolButtonWcTag","KolPopoverButtonWcTag","translate","dispatchDomEvent","KolEvent","parseColumnWidth","width","Number","isFinite","undefined","KolTableSettings","constructor","hostRef","this","headerCells","editingHeaderCells","errorMessage","translateTableSettings","translateTableSettingsCancel","translateTableSettingsApply","translateErrorAllInvisible","translateColumnNotHidable","_horizontalHeaderCells","handleHeaderCellsChange","newValue","map","row","cell","Object","assign","componentWillLoad","getPrimaryRow","_a","length","updatePrimaryRow","newRow","index","arr","moveColumn","columnId","direction","sourceIndex","findIndex","col","key","targetIndex","source","splice","handleVisibilityChange","visible","hidable","Boolean","handleWidthChange","parsedWidth","resizable","handleCancel","popoverRef","hidePopover","handleSubmit","event","preventDefault","primaryRow","hasVisibleColumn","some","column","host","sanitizedHeaderCells","sortable","rest","changeHeaderCells","render","columns","ref","el","class","_icons","_label","_popoverAlign","_hideLabel","_level","_type","_variant","onSubmit","bind","_checked","label","_value","_disabled","_on","onInput","_","value","placeholders","_min","onClick","watchers"],"sources":["0"],"mappings":"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","ignoreList":[]}

package/dist/kolibri/kol-table-stateful.entry.js

@@ -1,5 +1,5 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{r as n,h as t,H as e,g as i}from"./index-CwtGN7ID.js";import{g as o,k as l}from"./component-names-Dy77vq43.js";import{t as a}from"./i18n-BkwRYsvE.js";import{e as s,b as r,s as c,P as h,o as d,p as f,j as b}from"./common-DyILLof-.js";import{a as p}from"./aria-labelledby-6-ki3akM.js";import{v as u}from"./aria-labelledby-BuvPnlu7.js";import{v as k,a as m,b as _,c as g,d as y,e as v}from"./table-selection-G45AEZGP.js";import{v as x}from"./label-BiOix5de.js";import{C as w}from"./keyboard-DNd73LVa.js";import{K as z,d as S}from"./events-BhfZTW2e.js";import"./i18n-CMA39edx.js";const j=(n,t,e={})=>{s(n,"_allowMultiSort",t,Object.assign({defaultValue:false},e))};const C=["top","bottom","both"];const A=(n,t)=>{r(n,`_paginationPosition`,(n=>typeof n==="string"&&C.includes(n)),new Set([`PaginationPositionPropType {${C.join(", ")}`]),t,{defaultValue:"bottom"})};const T='@charset "UTF-8";\n/*\n* This file defines the layer order for all CSS layers used in KoliBri.\n* The order is important as it determines the cascade priority.\n*\n* Layer order (lowest to highest priority):\n* 1. kol-a11y - Accessibility defaults and requirements\n* 2. kol-global - Global component styles and resets\n* 3. kol-component - Component-specific styles\n* 4. kol-theme-global - Theme-specific global styles\n* 5. kol-theme-component - Theme-specific component styles\n*/\n@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;\n/* forward the rem function */\n/*\n * This file contains all rules for accessibility.\n */\n@layer kol-a11y {\n  :host {\n    /*\n     * Minimum size of interactive elements.\n     *\n     * The `max(…, 44px)` floor guarantees the WCAG 2.5.5 (AAA) target size of 44px:\n     * `to-rem(44)` runs the value through a `calc()` rem round-trip which can lose\n     * sub-pixel precision and resolve to e.g. 43.99px depending on the browser\'s\n     * rounding, dropping just below the required minimum.\n     */\n    --a11y-min-size: max(calc(44 * 1rem / var(--kolibri-root-font-size, 16)), 44px);\n    /*\n     * No element should be used without verifying the contrast ratio of its background and font colors.\n     * By initially setting the background color to white and the font color to black,\n     * the contrast ratio is ensured and explicit adjustment is forced.\n     */\n    color: black;\n    background-color: white;\n    /*\n     * Verdana is an accessible font that can be used without requiring additional loading time.\n     */\n    font-family: Verdana;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n    /*\n     * Text should be aligned left by default to provide a predictable starting point.\n     */\n    text-align: left;\n  }\n  * {\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    hyphens: auto;\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    word-break: break-word;\n  }\n  /*\n   * All interactive elements should have a minimum size of to-rem(44).\n   */\n  /* input:not([type=\'checkbox\'], [type=\'radio\'], [type=\'range\']), */\n  /* option, */\n  /* select, */\n  /* textarea, */\n  button,\n  .kol-input .input {\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n  }\n  /*\n   * Some interactive elements should not inherit the font-family and font-size.\n   */\n  a,\n  button,\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6,\n  input,\n  option,\n  select,\n  textarea {\n    /*\n     * All elements should inherit the text color from his parent element.\n     */\n    color: inherit;\n    /*\n     * All elements should inherit the font family from his parent element.\n     */\n    font-family: inherit;\n    /*\n     * All elements should inherit the font size from his parent element.\n     */\n    font-size: inherit;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n  }\n  /**\n  * Sometimes we need the semantic element for accessibility reasons,\n  * but we don\'t want to show it.\n  *\n  * - https://www.a11yproject.com/posts/how-to-hide-content/\n  */\n  .visually-hidden {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 1px;\n    height: 1px;\n    overflow: hidden;\n    white-space: nowrap;\n    clip-path: inset(50%);\n  }\n}\n@layer kol-global {\n  /*\n   * Dieses CSS stellt sicher, dass der Standard-Style\n   * von A und Button resettet werden.\n   */\n  :is(a, button) {\n    background-color: transparent;\n    width: 100%;\n    margin: 0;\n    padding: 0;\n    border: none;\n    /* 100% needed for custom width from outside */\n  }\n  /*\n   * Ensure elements with hidden attribute to be actually not visible\n   * @see https://meowni.ca/hidden.is.a.lie.html\n   */\n  [hidden] {\n    display: none !important;\n  }\n  .badge-text-hint {\n    color: black;\n    background-color: white;\n  }\n}\n@layer kol-global {\n  :host {\n    /*\n     * The max-width is needed to prevent the table from overflowing the\n     * parent node, if the table is wider than the parent node.\n     */\n    max-width: 100%;\n    font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  * {\n    /*\n     * We prefer to box-sizing: border-box for all elements.\n     */\n    box-sizing: border-box;\n  }\n  .kol-span {\n    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n    display: flex;\n    flex-flow: column;\n    align-items: center;\n    justify-content: center;\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n  }\n  .kol-span__container {\n    display: flex;\n    align-items: center;\n  }\n  a,\n  button {\n    cursor: pointer;\n  }\n  .kol-span .kol-span__label--hide-label .kol-span__label {\n    display: none;\n  }\n  /* Reset browser agent style. */\n  button:disabled {\n    color: unset;\n  }\n  .disabled label,\n  .disabled:focus-within label,\n  [aria-disabled=true],\n  [aria-disabled=true]:focus,\n  [disabled],\n  [disabled]:focus {\n    outline: none;\n    cursor: not-allowed;\n  }\n  [aria-disabled=true]:focus .kol-span,\n  [disabled]:focus .kol-span {\n    outline: none !important;\n  }\n  .hastooltip {\n    z-index: 900 !important;\n  }\n}\n@layer kol-component {\n  :host {\n    display: block;\n  }\n}\n@font-face {\n  font-family: "kolicons";\n  src: url("kolicons.eot?t=1782311579243"); /* IE9*/\n  src: url("kolicons.eot?t=1782311579243#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1782311579243") format("woff2"), url("kolicons.woff?t=1782311579243") format("woff"), url("kolicons.ttf?t=1782311579243") format("truetype"), url("kolicons.svg?t=1782311579243#kolicons") format("svg"); /* iOS 4.1- */\n}\n@layer kol-component {\n  [class^=kolicon-], [class*=" kolicon-"] {\n    font-family: "kolicons";\n    font-style: normal;\n    font-weight: 400;\n    line-height: 1em;\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n  }\n  .kolicon-alert-error::before {\n    content: "\\ea01";\n  }\n  .kolicon-alert-info::before {\n    content: "\\ea02";\n  }\n  .kolicon-alert-success::before {\n    content: "\\ea03";\n  }\n  .kolicon-alert-warning::before {\n    content: "\\ea04";\n  }\n  .kolicon-check::before {\n    content: "\\ea05";\n  }\n  .kolicon-chevron-double-left::before {\n    content: "\\ea06";\n  }\n  .kolicon-chevron-double-right::before {\n    content: "\\ea07";\n  }\n  .kolicon-chevron-down::before {\n    content: "\\ea08";\n  }\n  .kolicon-chevron-left::before {\n    content: "\\ea09";\n  }\n  .kolicon-chevron-right::before {\n    content: "\\ea0a";\n  }\n  .kolicon-chevron-up::before {\n    content: "\\ea0b";\n  }\n  .kolicon-cogwheel::before {\n    content: "\\ea0c";\n  }\n  .kolicon-cross::before {\n    content: "\\ea0d";\n  }\n  .kolicon-eye-closed::before {\n    content: "\\ea0e";\n  }\n  .kolicon-eye::before {\n    content: "\\ea0f";\n  }\n  .kolicon-house::before {\n    content: "\\ea10";\n  }\n  .kolicon-kolibri::before {\n    content: "\\ea11";\n  }\n  .kolicon-link-external::before {\n    content: "\\ea12";\n  }\n  .kolicon-link::before {\n    content: "\\ea13";\n  }\n  .kolicon-minus::before {\n    content: "\\ea14";\n  }\n  .kolicon-plus::before {\n    content: "\\ea15";\n  }\n  .kolicon-settings::before {\n    content: "\\ea16";\n  }\n  .kolicon-sort-asc::before {\n    content: "\\ea17";\n  }\n  .kolicon-sort-desc::before {\n    content: "\\ea18";\n  }\n  .kolicon-sort-neutral::before {\n    content: "\\ea19";\n  }\n  .kolicon-up::before {\n    content: "\\ea1a";\n  }\n  .kolicon-version::before {\n    content: "\\ea1b";\n  }\n}\n@layer kol-component {\n  .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\n  .kol-tooltip {\n    display: contents;\n  }\n  .kol-tooltip__floating {\n    opacity: 0;\n    display: none;\n    position: fixed;\n    /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\n    top: 0;\n    left: 0;\n    /* Can be used to specify the tooltip-width from the outside. Unset by default.  */\n    width: var(--kol-tooltip-width, max-content);\n    min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\n    max-width: 90vw;\n    max-height: 90vh;\n    animation-direction: normal;\n    /* Can be used to specify the animation duration from the outside. 250ms by default. */\n    animation-duration: var(--kolibri-tooltip-animation-duration, 250ms);\n    animation-fill-mode: forwards;\n    animation-iteration-count: 1;\n    animation-timing-function: ease-in;\n  }\n  .kol-tooltip__floating.hide {\n    animation-name: hideTooltip;\n  }\n  .kol-tooltip__floating.show {\n    animation-name: showTooltip;\n  }\n  .kol-tooltip__arrow {\n    transform: rotate(45deg);\n    color: black;\n    background-color: white;\n    position: absolute;\n    z-index: 999;\n    width: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\n    height: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-tooltip__content {\n    color: black;\n    background-color: white;\n    position: relative;\n    z-index: 1000;\n  }\n  @keyframes hideTooltip {\n    0% {\n      opacity: 1;\n    }\n    100% {\n      opacity: 0;\n      display: none;\n    }\n  }\n  @keyframes showTooltip {\n    0% {\n      opacity: 0;\n    }\n    100% {\n      opacity: 1;\n    }\n  }\n}\n@layer kol-component {\n  .kol-alert .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\n  .kol-alert :host {\n    display: inline-block;\n  }\n  .kol-alert .kol-button {\n    display: flex;\n    min-height: var(--a11y-min-size);\n    font-style: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n    text-decoration-line: none;\n  }\n  .kol-alert .kol-button::before {\n    /* Render zero-width character as first element to set the baseline correctly. */\n    content: "​";\n  }\n  .kol-alert .kol-button__text {\n    flex: 1 0 100%;\n  }\n  .kol-alert {\n    display: grid;\n  }\n  .kol-alert__container {\n    display: flex;\n    place-items: center;\n  }\n  .kol-alert__container-content {\n    flex-grow: 1;\n  }\n  .kol-alert__closer {\n    /* Visible with forced colors */\n    outline: transparent solid calc(1 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\n  :host {\n    display: inline-block;\n  }\n  .kol-button {\n    display: flex;\n    min-height: var(--a11y-min-size);\n    font-style: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n    text-decoration-line: none;\n  }\n  .kol-button::before {\n    /* Render zero-width character as first element to set the baseline correctly. */\n    content: "​";\n  }\n  .kol-button__text {\n    flex: 1 0 100%;\n  }\n  .kol-popover-button__popover {\n    margin: 0;\n    padding: 0;\n    border: 0;\n  }\n  .kol-popover-button--inline .kol-popover-button__button {\n    display: inline;\n  }\n  .kol-popover {\n    opacity: 0;\n    transition: 0.2s ease-out opacity;\n  }\n  .kol-popover-button--open + .kol-popover {\n    opacity: 1;\n  }\n  .kol-table-settings {\n    position: absolute;\n    top: 0;\n    right: 0;\n    z-index: 1;\n  }\n  .kol-table-settings .kol-popover-button__popover {\n    background: white;\n    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);\n    border-radius: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\n    border: 1px solid black;\n  }\n  .kol-table-settings__columns-container {\n    max-height: calc(200 * 1rem / var(--kolibri-root-font-size, 16));\n    overflow: auto;\n  }\n  .kol-table-settings__columns {\n    display: grid;\n    align-items: center;\n    grid-auto-rows: min-content;\n    grid-template-columns: min-content minmax(max-content, 1fr) calc(140 * 1rem / var(--kolibri-root-font-size, 16)) auto auto;\n  }\n  .kol-table-settings__column {\n    display: contents;\n  }\n  .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\n  .kol-table {\n    --kol-table-selection-col-width: var(--a11y-min-size);\n    display: block;\n    position: relative;\n    max-width: 100%;\n  }\n  .kol-table:has(.kol-table__focus-element:focus) .kol-table__scroll-container {\n    /* @see https://remysharp.com/til/css/focus-ring-default-styles */\n    outline: 5px auto Highlight;\n    outline: 5px auto -webkit-focus-ring-color;\n    outline-offset: 2px;\n  }\n  .kol-table__scroll-container {\n    overflow-x: auto;\n    overflow-y: hidden;\n  }\n  .kol-table__table {\n    table-layout: fixed;\n  }\n  .kol-table__caption {\n    min-height: var(--a11y-min-size);\n    text-align: start;\n  }\n  kol-table-settings-wc:not(:has(~ .kol-table__scroll-container .kol-table__caption)) {\n    display: block;\n    min-height: var(--a11y-min-size);\n  }\n  .kol-table__sort-button .kol-button {\n    color: inherit;\n  }\n  .kol-table__sort {\n    display: inline-flex;\n    align-items: center;\n  }\n  .kol-table__sort-order {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n  }\n  .kol-table__body {\n    text-align: left;\n  }\n  .kol-table__body .kol-button__text {\n    justify-items: start;\n  }\n  .kol-table__cell--align-left {\n    text-align: left;\n  }\n  .kol-table__cell--align-left .kol-button__text {\n    align-items: start;\n  }\n  .kol-table__cell--align-center {\n    text-align: center;\n  }\n  .kol-table__cell--align-center .kol-button__text {\n    align-items: center;\n  }\n  .kol-table__cell--align-right {\n    text-align: right;\n  }\n  .kol-table__cell--align-right .kol-button__text {\n    align-items: end;\n  }\n  .kol-table__cell--selection {\n    background-color: white;\n    position: sticky !important;\n    left: 0;\n    z-index: 2;\n    width: var(--kol-table-selection-col-width, auto);\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n    white-space: nowrap;\n  }\n  .kol-table__cell--actions {\n    white-space: nowrap;\n  }\n  .kol-table__cell--actions .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\n  .kol-table__cell--actions :host {\n    display: inline-block;\n  }\n  .kol-table__cell--actions .kol-button {\n    display: flex;\n    min-height: var(--a11y-min-size);\n    font-style: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n    text-decoration-line: none;\n  }\n  .kol-table__cell--actions .kol-button::before {\n    /* Render zero-width character as first element to set the baseline correctly. */\n    content: "​";\n  }\n  .kol-table__cell--actions .kol-button__text {\n    flex: 1 0 100%;\n  }\n  .kol-table__cell--actions .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\n  .kol-table__cell--actions :host {\n    display: inline-block;\n  }\n  .kol-table__cell--actions .kol-link {\n    display: inline-flex;\n    max-width: fit-content;\n    align-items: baseline;\n    place-items: center;\n    text-align: left;\n    text-decoration-line: none;\n  }\n  .kol-table__cell--actions .kol-link--standalone {\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n    align-items: stretch;\n  }\n  .kol-table__cell--actions .kol-link--standalone .kol-link__text {\n    display: inline-flex;\n    flex: 1 1 100%;\n    place-items: center;\n  }\n  .kol-table__cell--actions .kol-link .kol-span__label {\n    text-decoration-line: underline;\n  }\n  .kol-table__cell--actions .kol-link:focus:not([aria-disabled], [disabled]) .kol-span__label, .kol-table__cell--actions .kol-link:hover:not([aria-disabled], [disabled]) .kol-span__label {\n    text-decoration-thickness: 0.2em;\n  }\n  .kol-table__cell--actions .kol-link__icon {\n    display: inline-flex;\n  }\n  .kol-table__cell--sticky-left, .kol-table__cell--sticky-right {\n    background-color: white;\n    position: sticky !important;\n    z-index: 1;\n  }\n  .kol-table__cell--sticky-left:nth-last-child(1 of .kol-table__cell--sticky-left) {\n    border-right: 2px solid black;\n  }\n  .kol-table__cell--sticky-right:nth-child(1 of .kol-table__cell--sticky-left) {\n    border-left: 2px solid black;\n  }\n  .kol-table__cell-actions {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    justify-content: center;\n  }\n  .kol-table__spacer {\n    display: none;\n  }\n  .kol-table__selection {\n    position: relative;\n  }\n  .kol-table__selection-label {\n    display: flex;\n    position: relative;\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n  }\n  .kol-table__selection--disabled {\n    cursor: not-allowed;\n  }\n  .kol-table__selection-icon {\n    display: block;\n    position: absolute;\n    inset: auto;\n    z-index: 1;\n  }\n  .kol-table__selection-input {\n    border-style: solid;\n    margin: 0;\n    appearance: none;\n    cursor: pointer;\n  }\n  .kol-table__selection-input:disabled {\n    cursor: not-allowed;\n  }\n  .kol-table__selection-input:before {\n    content: "";\n  }\n  .kol-table__selection-input--checkbox {\n    background-color: white;\n    display: flex;\n    position: relative;\n    min-width: calc(var(--a11y-min-size) / 2);\n    min-height: calc(var(--a11y-min-size) / 2);\n    border-width: 2px;\n    align-items: center;\n    justify-content: center;\n    line-height: 1.5;\n  }\n  .kol-table__selection-input--radio {\n    border-radius: 100%;\n    display: flex;\n    width: 1.5em;\n    min-width: 1.5em;\n    height: 1.5em;\n    min-height: 1.5em;\n    padding: 0;\n    border-width: 2px;\n  }\n  .kol-table__selection-input--radio:before {\n    border-radius: 100%;\n    width: 0.75em;\n    height: 0.75em;\n    margin: auto;\n  }\n  .kol-table__selection-input--radio:checked:before {\n    background-color: black;\n  }\n  @media (forced-colors: active) {\n    .kol-table__selection-input--radio:checked:before {\n      /* Give it a visible background in forced colors mode */\n      background-color: selectedItem !important;\n    }\n  }\n  .kol-alert .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\n  .kol-alert :host {\n    display: inline-block;\n  }\n  .kol-alert .kol-button {\n    display: flex;\n    min-height: var(--a11y-min-size);\n    font-style: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n    text-decoration-line: none;\n  }\n  .kol-alert .kol-button::before {\n    /* Render zero-width character as first element to set the baseline correctly. */\n    content: "​";\n  }\n  .kol-alert .kol-button__text {\n    flex: 1 0 100%;\n  }\n  .kol-alert {\n    display: grid;\n  }\n  .kol-alert__container {\n    display: flex;\n    place-items: center;\n  }\n  .kol-alert__container-content {\n    flex-grow: 1;\n  }\n  .kol-alert__closer {\n    /* Visible with forced colors */\n    outline: transparent solid calc(1 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field {\n    display: grid;\n  }\n  .kol-form-field:not(.kol-form-field--disabled) .kol-form-field__label {\n    cursor: pointer;\n  }\n  .kol-form-field__label-text {\n    flex-flow: row;\n    align-items: flex-start;\n    justify-content: flex-start;\n  }\n  .kol-form-field--required .kol-form-field__label-text:has(.kol-span__slot[hidden])::after,\n  .kol-form-field--required .kol-form-field .kol-tooltip__content .kol-span__label::after {\n    content: "*"/"";\n  }\n  .kol-input-container {\n    background-color: transparent;\n    display: grid;\n    position: relative;\n    width: 100%;\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n    align-items: center;\n    grid-template-columns: 1fr;\n  }\n  .kol-input-container:has(> .kol-input-container__adornment--start) {\n    grid-template-columns: auto 1fr auto;\n  }\n  .kol-input-container__container {\n    position: relative;\n    z-index: 1;\n  }\n  .kol-input-container__adornment {\n    display: flex;\n    align-items: center;\n  }\n  .kol-input-container__adornment .kol-icon {\n    display: grid;\n    min-height: var(--a11y-min-size);\n    place-items: center;\n  }\n  .kol-select {\n    background-color: transparent;\n    width: 100%;\n    padding: 0;\n  }\n  .kol-select:not(:disabled) {\n    cursor: pointer;\n  }\n  .kol-select:not([multiple], [size]) {\n    height: 2.75em;\n  }\n  .kol-select:focus {\n    outline: none;\n  }\n  .kol-select__option:checked::before {\n    content: "✓ ";\n  }\n  .kol-select[multiple] option {\n    display: flex;\n    min-height: var(--a11y-min-size);\n    align-items: center;\n  }\n  .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\n  .kol-pagination {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    justify-content: center;\n    container: paging/inline-size;\n  }\n  .kol-pagination__navigation-list {\n    display: inline-flex;\n    margin: 0;\n    padding: 0;\n    flex-wrap: wrap;\n    align-items: center;\n    list-style: none;\n  }\n  .kol-pagination__separator:before {\n    content: "•••";\n  }\n  .kol-pagination__page-size-select .kol-form-field-select {\n    align-items: center;\n    grid-template-columns: 1fr max-content;\n  }\n  @container paging (width < 600px) {\n    .kol-pagination:has(.kol-pagination__button--first) li:has(.kol-pagination__button--numbers),\n    .kol-pagination:has(.kol-pagination__button--first) li:has(.kol-pagination__separator) {\n      display: none;\n    }\n  }\n}';const P=[10,20,50,100];const O=n=>n===true||n===""||typeof n==="object"&&n!==null;const D=class{constructor(t){n(this,t);this.resolvedElements=[];this.catchRef=n=>{this.tableWcRef=n};this.sortData=[];this.showPagination=false;this.pageStartSlice=0;this.pageEndSlice=10;this.disableSort=false;this._paginationPosition="bottom";this.state={_allowMultiSort:false,_fixedCols:[0,0],_data:[],_dataFoot:[],_headers:{horizontal:[],vertical:[]},_label:"",_pagination:{_page:1,_pageSize:10,_max:0},_sortedData:[],_paginationPosition:"bottom",_hasSettingsMenu:false};this.handlePagination={onClick:(n,t)=>{var e;if(typeof((e=this.state._pagination._on)===null||e===void 0?void 0:e.onClick)==="function"){this.state._pagination._on.onClick(n,t)}c(this,"_pagination",Object.assign(Object.assign({},this.state._pagination),{_page:t}))},onChangePage:(n,t)=>{var e;if(typeof((e=this.state._pagination._on)===null||e===void 0?void 0:e.onChangePage)==="function"){this.state._pagination._on.onChangePage(n,t)}c(this,"_pagination",Object.assign(Object.assign({},this.state._pagination),{_page:t}))},onChangePageSize:(n,t)=>{var e;if(typeof((e=this.state._pagination._on)===null||e===void 0?void 0:e.onChangePageSize)==="function"){this.state._pagination._on.onChangePageSize(n,t)}c(this,"_pagination",Object.assign(Object.assign({},this.state._pagination),{_pageSize:t}));c(this,"_pageSize",t)}};this.onSelectionChange=n=>{n.stopPropagation()};this.updateSortedData=()=>{if(this.disableSort){c(this,"_sortedData",this.state._data);return}const n=[...this.state._data];if(this.sortData.length>0){n.sort(((n,t)=>{for(let e=0;e<this.sortData.length;e++){const i=this.sortData[e];const o=i.compareFn(n,t,i.direction);if(o!==0){return i.direction==="ASC"?o:-o}}return 0}))}c(this,"_sortedData",n)};this.handleChangeHeaderCells=n=>{this.adjustedHeaderCells=n}}validateAriaLabelledby(n){this.syncExternalLabel(n)}syncExternalLabel(n){this.resolvedElements=u(this,this.host,this.internals,n)}validateAllowMultiSort(n){j(this,n,{defaultValue:false})}validateData(n){k(this,n,{afterPatch:()=>{setTimeout(this.updateSortedData)}})}validateDataFoot(n){m(this,n,{afterPatch:()=>{setTimeout(this.updateSortedData)}})}validateFixedCols(n){_(this,n)}validatePaginationPosition(n){A(this,n)}validateHasSettingsMenu(n){g(this,n)}changeCellSort(n){var t;if(n.type===undefined||n.type==="default"){if(typeof n.compareFn!=="function"){return}if(!this.state._allowMultiSort&&n.key!==((t=this.sortData[0])===null||t===void 0?void 0:t.key)){this.sortData=[]}const e=this.sortData.findIndex((t=>t.key===n.key));if(e>=0){const n=this.sortData[e];switch(n.direction){case"ASC":n.direction="DESC";break;case"DESC":this.sortData.splice(e,1);break;default:n.direction="ASC";break}}else if(n.key){this.sortData.push({label:n.label,key:n.key,compareFn:n.compareFn,direction:"ASC"})}this.updateSortedData()}}initializeSortFromHeaders(n){var t,e;let i=false;const o=n=>{this.sortData=[];n.forEach((n=>{if(n.type!==undefined&&n.type!=="default"){return}if(typeof n.compareFn==="function"&&!n.key){b(`[KolTableStateful] A sortable column requires the 'key' property.`);return}const t=n.key;if(!t){return}const e=n.sortDirection;if(e==="ASC"||e==="DESC"){if(typeof n.compareFn==="function"){if(this.state._allowMultiSort||this.sortData.length===0){this.sortData.push({label:n.label,key:t,compareFn:n.compareFn,direction:e})}i=true}}}))};(t=n.horizontal)===null||t===void 0?void 0:t.forEach(o);(e=n.vertical)===null||e===void 0?void 0:e.forEach(o);return i}validateHeaders(n){h(n,(()=>{d(n,(()=>{try{n=f(n)}catch(n){}r(this,"_headers",(n=>typeof n==="object"&&n!==null),new Set(["KoliBriTableHeaders"]),n,{hooks:{beforePatch:n=>{var t,e;const i=n;if(this.headerKeysChanged(this.state._headers,i)){this.adjustedHeaderCells=undefined}const o=this.initializeSortFromHeaders(i);if(o){setTimeout((()=>this.updateSortedData()))}if(i.horizontal&&i.vertical&&((t=i.horizontal)===null||t===void 0?void 0:t.length)>0&&((e=i.vertical)===null||e===void 0?void 0:e.length)>0){this.disableSort=true;b(`Table: You can not sort the table data, if horizontal and vertical headers are defined at the same time. (https://github.com/public-ui/kolibri/issues/2372)`)}}}})}))}))}validateLabel(n){x(this,n,{required:true})}validateSelection(n){y(this,n)}validateOn(n){v(this,n)}validatePagination(n){try{n=f(n)}catch(n){}this.showPagination=O(n);r(this,"_pagination",O,new Set(["boolean","KoliBriTablePagination"]),n,{defaultValue:{_page:1,_pageSize:10,_max:0}})}componentDidLoad(){var n;(n=this.tableWcRef)===null||n===void 0?void 0:n.addEventListener(z.selectionChange,this.onSelectionChange);if(!this.resolvedElements.length){this.syncExternalLabel(this._ariaLabelledby)}}disconnectedCallback(){var n;(n=this.tableWcRef)===null||n===void 0?void 0:n.removeEventListener(z.selectionChange,this.onSelectionChange)}componentWillLoad(){this.internals=p(this.host);this.syncExternalLabel(this._ariaLabelledby);this.validateAllowMultiSort(this._allowMultiSort);this.validateData(this._data);this.validateDataFoot(this._dataFoot);this.validateFixedCols(this._fixedCols);this.validateHeaders(this._headers);this.validateLabel(this._label);this.validateOn(this._on);this.validatePagination(this._pagination);this.validatePaginationPosition(this._paginationPosition);this.validateSelection(this._selection);this.validateHasSettingsMenu(this._hasSettingsMenu)}selectDisplayedData(n,t,e){if(typeof t==="number"&&t>0&&typeof e==="number"&&e>0){this.pageStartSlice=t*(e-1);this.pageEndSlice=t*e>n.length?n.length:t*e;return n.slice(this.pageStartSlice,this.pageEndSlice)}else{this.pageStartSlice=0;this.pageEndSlice=n.length;return n}}renderPagination(n){const e=a("kol-table-pagination-label",{placeholders:{label:`${this.state._label} (${a(`kol-pagination-position-${n}`)})`}});return t("div",{class:`kol-table-stateful__pagination kol-table-stateful__pagination--${this.state._paginationPosition}`},t("div",{class:"kol-table-stateful__pagination-wrapper"},t(o,{_boundaryCount:this.state._pagination._boundaryCount,_customClass:this.state._pagination._customClass,_hasButtons:this.state._pagination._hasButtons,_on:this.handlePagination,_page:this.state._pagination._page,_pageSize:this.state._pagination._pageSize,_pageSizeOptions:this.state._pagination._pageSizeOptions||P,_siblingCount:this.state._pagination._siblingCount,_tooltipAlign:"bottom",_max:this.state._pagination._max||this.state._data.length,_label:e})))}getHeaderCellSortState(n){if(n.type!==undefined&&n.type!=="default"){return}if(!this.disableSort&&typeof n.compareFn==="function"){if(n.key){const t=this.sortData.find((t=>t.key===n.key));if(t===null||t===void 0?void 0:t.direction){return t.direction}}return"NOS"}}getHeaderCellSortOrder(n){if(n.type!==undefined&&n.type!=="default"){return}if(!this.disableSort&&this.state._allowMultiSort&&typeof n.compareFn==="function"&&n.key){const t=this.sortData.findIndex((t=>t.key===n.key));if(t>=0){return t+1}}}handleSort({key:n}){var t,e;const i=(t=this.state._headers.horizontal)!==null&&t!==void 0?t:[];const o=(e=this.state._headers.vertical)!==null&&e!==void 0?e:[];const l=[];for(const n of i){if(Array.isArray(n)){l.push(...n)}}for(const n of o){if(Array.isArray(n)){l.push(...n)}}const a=l.find((t=>t.key===n));if(a){this.changeCellSort(a)}}getSelectedData(n){var t;const e=this.state._selection;if(e){const i=(t=e.keyPropertyName)!==null&&t!==void 0?t:"id";const o=new Set(n.map(String));const l=this.state._sortedData.filter((n=>o.has(String(n[i]))));if(i)return l}return null}handleSelectionChange(n,t){var e;const i=this.state._selection;if(i)this.state=Object.assign(Object.assign({},this.state),{_selection:Object.assign(Object.assign({},i),{selectedKeys:t})});const o=this.getSelectedData(t);if(typeof((e=this.state._on)===null||e===void 0?void 0:e[w.onSelectionChange])==="function"){this.state._on[w.onSelectionChange](n,o)}if(this.host){S(this.host,z.selectionChange,o)}}async getSelection(){var n;const t=((n=this.state._selection)===null||n===void 0?void 0:n.selectedKeys)||[];return this.getSelectedData(t)}async resetSort(){this.initializeSortFromHeaders(this.state._headers);this.updateSortedData()}headerKeysChanged(n,t){const e=n=>{var t,e,i,o;return[...(e=(t=n.horizontal)===null||t===void 0?void 0:t.flatMap((n=>n.map((n=>n===null||n===void 0?void 0:n.key)).filter((n=>Boolean(n))))))!==null&&e!==void 0?e:[],...(o=(i=n.vertical)===null||i===void 0?void 0:i.flatMap((n=>n.map((n=>n===null||n===void 0?void 0:n.key)).filter((n=>Boolean(n))))))!==null&&o!==void 0?o:[]]};const i=e(n);const o=e(t);return i.length!==o.length||i.some(((n,t)=>n!==o[t]))}mergeAdjustedHeaderCells(n){var t;const e=new Map;(t=this.state._headers.horizontal)===null||t===void 0?void 0:t.forEach((n=>n.forEach((n=>{if(n===null||n===void 0?void 0:n.key){e.set(n.key,n)}}))));return n.map((n=>n.map((n=>{const t=(n===null||n===void 0?void 0:n.key)?e.get(n.key):undefined;if(!t){return n}const i=Object.assign({},t);if(n.visible!==undefined)i.visible=n.visible;if(n.width!==undefined)i.width=n.width;if(n.hidable!==undefined)i.hidable=n.hidable;if(n.sortable!==undefined)i.sortable=n.sortable;if(n.resizable!==undefined)i.resizable=n.resizable;return i}))))}buildHeaderCells(){var n,t,e,i;const o=n=>n?Object.assign(Object.assign({},n),{sortDirection:this.getHeaderCellSortState(n),sortOrder:this.getHeaderCellSortOrder(n)}):n;const l=((n=this.adjustedHeaderCells)===null||n===void 0?void 0:n.horizontal)?this.mergeAdjustedHeaderCells(this.adjustedHeaderCells.horizontal):this.state._headers.horizontal;return{horizontal:(t=l===null||l===void 0?void 0:l.map((n=>n.map(o))))!==null&&t!==void 0?t:[],vertical:(i=(e=this.state._headers.vertical)===null||e===void 0?void 0:e.map((n=>n.map(o))))!==null&&i!==void 0?i:[]}}render(){var n,i;const o=this.selectDisplayedData(this.state._sortedData,this.showPagination?(i=(n=this.state._pagination)===null||n===void 0?void 0:n._pageSize)!==null&&i!==void 0?i:10:this.state._sortedData.length,this.state._pagination._page||1);const a=this._paginationPosition==="top"||this._paginationPosition==="both"?this.renderPagination("top"):null;const s=this._paginationPosition==="bottom"||this._paginationPosition==="both"?this.renderPagination("bottom"):null;const r=this.buildHeaderCells();return t(e,{key:"b20bfc7f61b6e5aaf05c40d61cb3250a1cb61779",class:"kol-table-stateful"},this.pageEndSlice>0&&this.showPagination&&a,t(l,{key:"186d1b0d90b8516149d1f5939bb6c1460ce34949",externalLabelElements:this.resolvedElements,ref:this.catchRef,_data:o,_fixedCols:this._fixedCols,_headerCells:r,_label:this.state._label,_dataFoot:this.state._dataFoot,_on:{onSort:(n,t)=>{this.handleSort(t)},onSelectionChange:(n,t)=>{this.handleSelectionChange(n,t)},onChangeHeaderCells:(n,t)=>{this.handleChangeHeaderCells(t)}},_selection:this.state._selection,_hasSettingsMenu:this.state._hasSettingsMenu,_variant:this._variant}),this.pageEndSlice>0&&this.showPagination&&s)}get host(){return i(this)}static get watchers(){return{_ariaLabelledby:["validateAriaLabelledby"],_allowMultiSort:["validateAllowMultiSort"],_data:["validateData"],_dataFoot:["validateDataFoot"],_fixedCols:["validateFixedCols"],_paginationPosition:["validatePaginationPosition"],_hasSettingsMenu:["validateHasSettingsMenu"],_headers:["validateHeaders"],_label:["validateLabel"],_selection:["validateSelection"],_on:["validateOn"],_pagination:["validatePagination"]}}};D.style={default:T};export{D as kol_table_stateful};
+import{r as n,h as t,H as e,g as i}from"./index-Dabxza7-.js";import{g as o,k as l}from"./component-names-Dy77vq43.js";import{t as a}from"./i18n-CcjZRTxD.js";import{e as s,b as r,s as c,P as h,o as d,p as f,j as b}from"./common-Cbb6Axov.js";import{a as p}from"./aria-labelledby-6-ki3akM.js";import{v as u}from"./aria-labelledby-c6050AJw.js";import{v as k,a as m,b as _,c as g,d as y,e as v}from"./table-selection-CL3si3DN.js";import{v as x}from"./label-We78Dt9U.js";import{C as w}from"./keyboard-DNd73LVa.js";import{K as z,d as S}from"./events-BhfZTW2e.js";import"./i18n-CMA39edx.js";const C=(n,t,e={})=>{s(n,"_allowMultiSort",t,Object.assign({defaultValue:false},e))};const j=["top","bottom","both"];const A=(n,t)=>{r(n,`_paginationPosition`,(n=>typeof n==="string"&&j.includes(n)),new Set([`PaginationPositionPropType {${j.join(", ")}`]),t,{defaultValue:"bottom"})};const T='@charset "UTF-8";\n/*\n* This file defines the layer order for all CSS layers used in KoliBri.\n* The order is important as it determines the cascade priority.\n*\n* Layer order (lowest to highest priority):\n* 1. kol-a11y - Accessibility defaults and requirements\n* 2. kol-global - Global component styles and resets\n* 3. kol-component - Component-specific styles\n* 4. kol-theme-global - Theme-specific global styles\n* 5. kol-theme-component - Theme-specific component styles\n*/\n@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;\n/* forward the rem function */\n/*\n * This file contains all rules for accessibility.\n */\n@layer kol-a11y {\n  :host {\n    /*\n     * Minimum size of interactive elements.\n     *\n     * The `max(…, 44px)` floor guarantees the WCAG 2.5.5 (AAA) target size of 44px:\n     * `to-rem(44)` runs the value through a `calc()` rem round-trip which can lose\n     * sub-pixel precision and resolve to e.g. 43.99px depending on the browser\'s\n     * rounding, dropping just below the required minimum.\n     */\n    --a11y-min-size: max(calc(44 * 1rem / var(--kolibri-root-font-size, 16)), 44px);\n    /*\n     * No element should be used without verifying the contrast ratio of its background and font colors.\n     * By initially setting the background color to white and the font color to black,\n     * the contrast ratio is ensured and explicit adjustment is forced.\n     */\n    color: black;\n    background-color: white;\n    /*\n     * Verdana is an accessible font that can be used without requiring additional loading time.\n     */\n    font-family: Verdana;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n    /*\n     * Text should be aligned left by default to provide a predictable starting point.\n     */\n    text-align: left;\n  }\n  * {\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    hyphens: auto;\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    word-break: break-word;\n  }\n  /*\n   * All interactive elements should have a minimum size of to-rem(44).\n   */\n  /* input:not([type=\'checkbox\'], [type=\'radio\'], [type=\'range\']), */\n  /* option, */\n  /* select, */\n  /* textarea, */\n  button,\n  .kol-input .input {\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n  }\n  /*\n   * Some interactive elements should not inherit the font-family and font-size.\n   */\n  a,\n  button,\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6,\n  input,\n  option,\n  select,\n  textarea {\n    /*\n     * All elements should inherit the text color from his parent element.\n     */\n    color: inherit;\n    /*\n     * All elements should inherit the font family from his parent element.\n     */\n    font-family: inherit;\n    /*\n     * All elements should inherit the font size from his parent element.\n     */\n    font-size: inherit;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n  }\n  /**\n  * Sometimes we need the semantic element for accessibility reasons,\n  * but we don\'t want to show it.\n  *\n  * - https://www.a11yproject.com/posts/how-to-hide-content/\n  */\n  .visually-hidden {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 1px;\n    height: 1px;\n    overflow: hidden;\n    white-space: nowrap;\n    clip-path: inset(50%);\n  }\n}\n@layer kol-global {\n  /*\n   * Dieses CSS stellt sicher, dass der Standard-Style\n   * von A und Button resettet werden.\n   */\n  :is(a, button) {\n    background-color: transparent;\n    width: 100%;\n    margin: 0;\n    padding: 0;\n    border: none;\n    /* 100% needed for custom width from outside */\n  }\n  /*\n   * Ensure elements with hidden attribute to be actually not visible\n   * @see https://meowni.ca/hidden.is.a.lie.html\n   */\n  [hidden] {\n    display: none !important;\n  }\n  .badge-text-hint {\n    color: black;\n    background-color: white;\n  }\n}\n@layer kol-global {\n  :host {\n    /*\n     * The max-width is needed to prevent the table from overflowing the\n     * parent node, if the table is wider than the parent node.\n     */\n    max-width: 100%;\n    font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  * {\n    /*\n     * We prefer to box-sizing: border-box for all elements.\n     */\n    box-sizing: border-box;\n  }\n  .kol-span {\n    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n    display: flex;\n    flex-flow: column;\n    align-items: center;\n    justify-content: center;\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n  }\n  .kol-span__container {\n    display: flex;\n    align-items: center;\n  }\n  a,\n  button {\n    cursor: pointer;\n  }\n  .kol-span .kol-span__label--hide-label .kol-span__label {\n    display: none;\n  }\n  /* Reset browser agent style. */\n  button:disabled {\n    color: unset;\n  }\n  .disabled label,\n  .disabled:focus-within label,\n  [aria-disabled=true],\n  [aria-disabled=true]:focus,\n  [disabled],\n  [disabled]:focus {\n    outline: none;\n    cursor: not-allowed;\n  }\n  [aria-disabled=true]:focus .kol-span,\n  [disabled]:focus .kol-span {\n    outline: none !important;\n  }\n  .hastooltip {\n    z-index: 900 !important;\n  }\n}\n@layer kol-component {\n  :host {\n    display: block;\n  }\n}\n@font-face {\n  font-family: "kolicons";\n  src: url("kolicons.eot?t=1783501930981"); /* IE9*/\n  src: url("kolicons.eot?t=1783501930981#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1783501930981") format("woff2"), url("kolicons.woff?t=1783501930981") format("woff"), url("kolicons.ttf?t=1783501930981") format("truetype"), url("kolicons.svg?t=1783501930981#kolicons") format("svg"); /* iOS 4.1- */\n}\n@layer kol-component {\n  [class^=kolicon-], [class*=" kolicon-"] {\n    font-family: "kolicons";\n    font-style: normal;\n    font-weight: 400;\n    line-height: 1em;\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n  }\n  .kolicon-alert-error::before {\n    content: "\\ea01";\n  }\n  .kolicon-alert-info::before {\n    content: "\\ea02";\n  }\n  .kolicon-alert-success::before {\n    content: "\\ea03";\n  }\n  .kolicon-alert-warning::before {\n    content: "\\ea04";\n  }\n  .kolicon-check::before {\n    content: "\\ea05";\n  }\n  .kolicon-chevron-double-left::before {\n    content: "\\ea06";\n  }\n  .kolicon-chevron-double-right::before {\n    content: "\\ea07";\n  }\n  .kolicon-chevron-down::before {\n    content: "\\ea08";\n  }\n  .kolicon-chevron-left::before {\n    content: "\\ea09";\n  }\n  .kolicon-chevron-right::before {\n    content: "\\ea0a";\n  }\n  .kolicon-chevron-up::before {\n    content: "\\ea0b";\n  }\n  .kolicon-cogwheel::before {\n    content: "\\ea0c";\n  }\n  .kolicon-cross::before {\n    content: "\\ea0d";\n  }\n  .kolicon-eye-closed::before {\n    content: "\\ea0e";\n  }\n  .kolicon-eye::before {\n    content: "\\ea0f";\n  }\n  .kolicon-house::before {\n    content: "\\ea10";\n  }\n  .kolicon-kolibri::before {\n    content: "\\ea11";\n  }\n  .kolicon-link-external::before {\n    content: "\\ea12";\n  }\n  .kolicon-link::before {\n    content: "\\ea13";\n  }\n  .kolicon-minus::before {\n    content: "\\ea14";\n  }\n  .kolicon-plus::before {\n    content: "\\ea15";\n  }\n  .kolicon-settings::before {\n    content: "\\ea16";\n  }\n  .kolicon-sort-asc::before {\n    content: "\\ea17";\n  }\n  .kolicon-sort-desc::before {\n    content: "\\ea18";\n  }\n  .kolicon-sort-neutral::before {\n    content: "\\ea19";\n  }\n  .kolicon-up::before {\n    content: "\\ea1a";\n  }\n  .kolicon-version::before {\n    content: "\\ea1b";\n  }\n}\n@layer kol-component {\n  .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\n  .kol-tooltip {\n    display: contents;\n  }\n  .kol-tooltip__floating {\n    opacity: 0;\n    display: none;\n    position: fixed;\n    /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\n    top: 0;\n    left: 0;\n    /* Can be used to specify the tooltip-width from the outside. Unset by default.  */\n    width: var(--kol-tooltip-width, max-content);\n    min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\n    max-width: 90vw;\n    max-height: 90vh;\n    animation-direction: normal;\n    /* Can be used to specify the animation duration from the outside. 250ms by default. */\n    animation-duration: var(--kolibri-tooltip-animation-duration, 250ms);\n    animation-fill-mode: forwards;\n    animation-iteration-count: 1;\n    animation-timing-function: ease-in;\n  }\n  .kol-tooltip__floating.hide {\n    animation-name: hideTooltip;\n  }\n  .kol-tooltip__floating.show {\n    animation-name: showTooltip;\n  }\n  .kol-tooltip__arrow {\n    transform: rotate(45deg);\n    color: black;\n    background-color: white;\n    position: absolute;\n    z-index: 999;\n    width: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\n    height: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-tooltip__content {\n    color: black;\n    background-color: white;\n    position: relative;\n    z-index: 1000;\n  }\n  @keyframes hideTooltip {\n    0% {\n      opacity: 1;\n    }\n    100% {\n      opacity: 0;\n      display: none;\n    }\n  }\n  @keyframes showTooltip {\n    0% {\n      opacity: 0;\n    }\n    100% {\n      opacity: 1;\n    }\n  }\n}\n@layer kol-component {\n  .kol-alert .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\n  .kol-alert :host {\n    display: inline-block;\n  }\n  .kol-alert .kol-button {\n    display: flex;\n    min-height: var(--a11y-min-size);\n    font-style: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n    text-decoration-line: none;\n  }\n  .kol-alert .kol-button::before {\n    /* Render zero-width character as first element to set the baseline correctly. */\n    content: "​";\n  }\n  .kol-alert .kol-button__text {\n    flex: 1 0 100%;\n  }\n  .kol-alert {\n    display: grid;\n  }\n  .kol-alert__container {\n    display: flex;\n    place-items: center;\n  }\n  .kol-alert__container-content {\n    flex-grow: 1;\n  }\n  .kol-alert__closer {\n    /* Visible with forced colors */\n    outline: transparent solid calc(1 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\n  :host {\n    display: inline-block;\n  }\n  .kol-button {\n    display: flex;\n    min-height: var(--a11y-min-size);\n    font-style: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n    text-decoration-line: none;\n  }\n  .kol-button::before {\n    /* Render zero-width character as first element to set the baseline correctly. */\n    content: "​";\n  }\n  .kol-button__text {\n    flex: 1 0 100%;\n  }\n  .kol-popover-button__popover {\n    margin: 0;\n    padding: 0;\n    border: 0;\n  }\n  .kol-popover-button--inline .kol-popover-button__button {\n    display: inline;\n  }\n  .kol-popover {\n    opacity: 0;\n    transition: 0.2s ease-out opacity;\n  }\n  .kol-popover-button--open + .kol-popover {\n    opacity: 1;\n  }\n  .kol-table-settings {\n    position: absolute;\n    top: 0;\n    right: 0;\n    z-index: 1;\n  }\n  .kol-table-settings .kol-popover-button__popover {\n    background: white;\n    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);\n    border-radius: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\n    border: 1px solid black;\n  }\n  .kol-table-settings__columns-container {\n    max-height: calc(200 * 1rem / var(--kolibri-root-font-size, 16));\n    overflow: auto;\n  }\n  .kol-table-settings__columns {\n    display: grid;\n    align-items: center;\n    grid-auto-rows: min-content;\n    grid-template-columns: min-content minmax(max-content, 1fr) calc(140 * 1rem / var(--kolibri-root-font-size, 16)) auto auto;\n  }\n  .kol-table-settings__column {\n    display: contents;\n  }\n  .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\n  .kol-table {\n    --kol-table-selection-col-width: var(--a11y-min-size);\n    display: block;\n    position: relative;\n    max-width: 100%;\n  }\n  .kol-table:has(.kol-table__focus-element:focus) .kol-table__scroll-container {\n    /* @see https://remysharp.com/til/css/focus-ring-default-styles */\n    outline: 5px auto Highlight;\n    outline: 5px auto -webkit-focus-ring-color;\n    outline-offset: 2px;\n  }\n  .kol-table__scroll-container {\n    overflow-x: auto;\n    overflow-y: hidden;\n  }\n  .kol-table__table {\n    table-layout: fixed;\n  }\n  .kol-table__caption {\n    min-height: var(--a11y-min-size);\n    text-align: start;\n  }\n  kol-table-settings-wc:not(:has(~ .kol-table__scroll-container .kol-table__caption)) {\n    display: block;\n    min-height: var(--a11y-min-size);\n  }\n  .kol-table__sort-button .kol-button {\n    color: inherit;\n  }\n  .kol-table__sort {\n    display: inline-flex;\n    align-items: center;\n  }\n  .kol-table__sort-order {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n  }\n  .kol-table__body {\n    text-align: left;\n  }\n  .kol-table__body .kol-button__text {\n    justify-items: start;\n  }\n  .kol-table__cell--align-left {\n    text-align: left;\n  }\n  .kol-table__cell--align-left .kol-button__text {\n    align-items: start;\n  }\n  .kol-table__cell--align-center {\n    text-align: center;\n  }\n  .kol-table__cell--align-center .kol-button__text {\n    align-items: center;\n  }\n  .kol-table__cell--align-right {\n    text-align: right;\n  }\n  .kol-table__cell--align-right .kol-button__text {\n    align-items: end;\n  }\n  .kol-table__cell--selection {\n    background-color: white;\n    position: sticky !important;\n    left: 0;\n    z-index: 2;\n    width: var(--kol-table-selection-col-width, auto);\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n    white-space: nowrap;\n  }\n  .kol-table__cell--actions {\n    white-space: nowrap;\n  }\n  .kol-table__cell--actions .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\n  .kol-table__cell--actions :host {\n    display: inline-block;\n  }\n  .kol-table__cell--actions .kol-button {\n    display: flex;\n    min-height: var(--a11y-min-size);\n    font-style: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n    text-decoration-line: none;\n  }\n  .kol-table__cell--actions .kol-button::before {\n    /* Render zero-width character as first element to set the baseline correctly. */\n    content: "​";\n  }\n  .kol-table__cell--actions .kol-button__text {\n    flex: 1 0 100%;\n  }\n  .kol-table__cell--actions .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\n  .kol-table__cell--actions :host {\n    display: inline-block;\n  }\n  .kol-table__cell--actions .kol-link {\n    display: inline-flex;\n    max-width: fit-content;\n    align-items: baseline;\n    place-items: center;\n    text-align: left;\n    text-decoration-line: none;\n  }\n  .kol-table__cell--actions .kol-link--standalone {\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n    align-items: stretch;\n  }\n  .kol-table__cell--actions .kol-link--standalone .kol-link__text {\n    display: inline-flex;\n    flex: 1 1 100%;\n    place-items: center;\n  }\n  .kol-table__cell--actions .kol-link .kol-span__label {\n    text-decoration-line: underline;\n  }\n  .kol-table__cell--actions .kol-link:focus:not([aria-disabled], [disabled]) .kol-span__label, .kol-table__cell--actions .kol-link:hover:not([aria-disabled], [disabled]) .kol-span__label {\n    text-decoration-thickness: 0.2em;\n  }\n  .kol-table__cell--actions .kol-link__icon {\n    display: inline-flex;\n  }\n  .kol-table__cell--sticky-left, .kol-table__cell--sticky-right {\n    background-color: white;\n    position: sticky !important;\n    z-index: 1;\n  }\n  .kol-table__cell--sticky-left:nth-last-child(1 of .kol-table__cell--sticky-left) {\n    border-right: 2px solid black;\n  }\n  .kol-table__cell--sticky-right:nth-child(1 of .kol-table__cell--sticky-left) {\n    border-left: 2px solid black;\n  }\n  .kol-table__cell-actions {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    justify-content: center;\n  }\n  .kol-table__spacer {\n    display: none;\n  }\n  .kol-table__selection {\n    position: relative;\n  }\n  .kol-table__selection-label {\n    display: flex;\n    position: relative;\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n  }\n  .kol-table__selection--disabled {\n    cursor: not-allowed;\n  }\n  .kol-table__selection-icon {\n    display: block;\n    position: absolute;\n    inset: auto;\n    z-index: 1;\n  }\n  .kol-table__selection-input {\n    border-style: solid;\n    margin: 0;\n    appearance: none;\n    cursor: pointer;\n  }\n  .kol-table__selection-input:disabled {\n    cursor: not-allowed;\n  }\n  .kol-table__selection-input:before {\n    content: "";\n  }\n  .kol-table__selection-input--checkbox {\n    background-color: white;\n    display: flex;\n    position: relative;\n    min-width: calc(var(--a11y-min-size) / 2);\n    min-height: calc(var(--a11y-min-size) / 2);\n    border-width: 2px;\n    align-items: center;\n    justify-content: center;\n    line-height: 1.5;\n  }\n  .kol-table__selection-input--radio {\n    border-radius: 100%;\n    display: flex;\n    width: 1.5em;\n    min-width: 1.5em;\n    height: 1.5em;\n    min-height: 1.5em;\n    padding: 0;\n    border-width: 2px;\n  }\n  .kol-table__selection-input--radio:before {\n    border-radius: 100%;\n    width: 0.75em;\n    height: 0.75em;\n    margin: auto;\n  }\n  .kol-table__selection-input--radio:checked:before {\n    background-color: black;\n  }\n  @media (forced-colors: active) {\n    .kol-table__selection-input--radio:checked:before {\n      /* Give it a visible background in forced colors mode */\n      background-color: selectedItem !important;\n    }\n  }\n  .kol-alert .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\n  .kol-alert :host {\n    display: inline-block;\n  }\n  .kol-alert .kol-button {\n    display: flex;\n    min-height: var(--a11y-min-size);\n    font-style: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n    text-decoration-line: none;\n  }\n  .kol-alert .kol-button::before {\n    /* Render zero-width character as first element to set the baseline correctly. */\n    content: "​";\n  }\n  .kol-alert .kol-button__text {\n    flex: 1 0 100%;\n  }\n  .kol-alert {\n    display: grid;\n  }\n  .kol-alert__container {\n    display: flex;\n    place-items: center;\n  }\n  .kol-alert__container-content {\n    flex-grow: 1;\n  }\n  .kol-alert__closer {\n    /* Visible with forced colors */\n    outline: transparent solid calc(1 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field {\n    display: grid;\n  }\n  .kol-form-field:not(.kol-form-field--disabled) .kol-form-field__label {\n    cursor: pointer;\n  }\n  .kol-form-field__label-text {\n    flex-flow: row;\n    align-items: flex-start;\n    justify-content: flex-start;\n  }\n  .kol-form-field--required .kol-form-field__label-text:has(.kol-span__slot[hidden])::after,\n  .kol-form-field--required .kol-form-field .kol-tooltip__content .kol-span__label::after {\n    content: "*"/"";\n  }\n  .kol-input-container {\n    background-color: transparent;\n    display: grid;\n    position: relative;\n    width: 100%;\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n    align-items: center;\n    grid-template-columns: 1fr;\n  }\n  .kol-input-container:has(> .kol-input-container__adornment--start) {\n    grid-template-columns: auto 1fr auto;\n  }\n  .kol-input-container__container {\n    position: relative;\n    z-index: 1;\n  }\n  .kol-input-container__adornment {\n    display: flex;\n    align-items: center;\n  }\n  .kol-input-container__adornment .kol-icon {\n    display: grid;\n    min-height: var(--a11y-min-size);\n    place-items: center;\n  }\n  .kol-select {\n    background-color: transparent;\n    width: 100%;\n    padding: 0;\n  }\n  .kol-select:not(:disabled) {\n    cursor: pointer;\n  }\n  .kol-select:not([multiple], [size]) {\n    height: 2.75em;\n  }\n  .kol-select:focus {\n    outline: none;\n  }\n  .kol-select__option:checked::before {\n    content: "✓ ";\n  }\n  .kol-select[multiple] option {\n    display: flex;\n    min-height: var(--a11y-min-size);\n    align-items: center;\n  }\n  .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\n  .kol-pagination {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    justify-content: center;\n    container: paging/inline-size;\n  }\n  .kol-pagination__navigation-list {\n    display: inline-flex;\n    margin: 0;\n    padding: 0;\n    flex-wrap: wrap;\n    align-items: center;\n    list-style: none;\n  }\n  .kol-pagination__separator:before {\n    content: "•••";\n  }\n  .kol-pagination__page-size-select .kol-form-field-select {\n    align-items: center;\n    grid-template-columns: 1fr max-content;\n  }\n  @container paging (width < 600px) {\n    .kol-pagination:has(.kol-pagination__button--first) li:has(.kol-pagination__button--numbers),\n    .kol-pagination:has(.kol-pagination__button--first) li:has(.kol-pagination__separator) {\n      display: none;\n    }\n  }\n}';const D=[10,20,50,100];const O=n=>n===true||n===""||typeof n==="object"&&n!==null;const P=class{constructor(t){n(this,t);this.resolvedElements=[];this.catchRef=n=>{this.tableWcRef=n};this.sortData=[];this.showPagination=false;this.pageStartSlice=0;this.pageEndSlice=10;this.disableSort=false;this._paginationPosition="bottom";this.state={_allowMultiSort:false,_fixedCols:[0,0],_data:[],_dataFoot:[],_headers:{horizontal:[],vertical:[]},_label:"",_pagination:{_page:1,_pageSize:10,_max:0},_sortedData:[],_paginationPosition:"bottom",_hasSettingsMenu:false};this.handlePagination={onClick:(n,t)=>{var e;if(typeof((e=this.state._pagination._on)===null||e===void 0?void 0:e.onClick)==="function"){this.state._pagination._on.onClick(n,t)}c(this,"_pagination",Object.assign(Object.assign({},this.state._pagination),{_page:t}))},onChangePage:(n,t)=>{var e;if(typeof((e=this.state._pagination._on)===null||e===void 0?void 0:e.onChangePage)==="function"){this.state._pagination._on.onChangePage(n,t)}c(this,"_pagination",Object.assign(Object.assign({},this.state._pagination),{_page:t}))},onChangePageSize:(n,t)=>{var e;if(typeof((e=this.state._pagination._on)===null||e===void 0?void 0:e.onChangePageSize)==="function"){this.state._pagination._on.onChangePageSize(n,t)}c(this,"_pagination",Object.assign(Object.assign({},this.state._pagination),{_pageSize:t}));c(this,"_pageSize",t)}};this.onSelectionChange=n=>{n.stopPropagation()};this.updateSortedData=()=>{if(this.disableSort){c(this,"_sortedData",this.state._data);return}const n=[...this.state._data];if(this.sortData.length>0){n.sort(((n,t)=>{for(let e=0;e<this.sortData.length;e++){const i=this.sortData[e];const o=i.compareFn(n,t,i.direction);if(o!==0){return i.direction==="ASC"?o:-o}}return 0}))}c(this,"_sortedData",n)};this.handleChangeHeaderCells=n=>{this.adjustedHeaderCells=n}}validateAriaLabelledby(n){this.syncExternalLabel(n)}syncExternalLabel(n){this.resolvedElements=u(this,this.host,this.internals,n)}validateAllowMultiSort(n){C(this,n,{defaultValue:false})}validateData(n){k(this,n,{afterPatch:()=>{setTimeout(this.updateSortedData)}})}validateDataFoot(n){m(this,n,{afterPatch:()=>{setTimeout(this.updateSortedData)}})}validateFixedCols(n){_(this,n)}validatePaginationPosition(n){A(this,n)}validateHasSettingsMenu(n){g(this,n)}changeCellSort(n){var t;if(n.type===undefined||n.type==="default"){if(typeof n.compareFn!=="function"){return}if(!this.state._allowMultiSort&&n.key!==((t=this.sortData[0])===null||t===void 0?void 0:t.key)){this.sortData=[]}const e=this.sortData.findIndex((t=>t.key===n.key));if(e>=0){const n=this.sortData[e];switch(n.direction){case"ASC":n.direction="DESC";break;case"DESC":this.sortData.splice(e,1);break;default:n.direction="ASC";break}}else if(n.key){this.sortData.push({label:n.label,key:n.key,compareFn:n.compareFn,direction:"ASC"})}this.updateSortedData()}}initializeSortFromHeaders(n){var t,e;let i=false;const o=n=>{this.sortData=[];n.forEach((n=>{if(n.type!==undefined&&n.type!=="default"){return}if(typeof n.compareFn==="function"&&!n.key){b(`[KolTableStateful] A sortable column requires the 'key' property.`);return}const t=n.key;if(!t){return}const e=n.sortDirection;if(e==="ASC"||e==="DESC"){if(typeof n.compareFn==="function"){if(this.state._allowMultiSort||this.sortData.length===0){this.sortData.push({label:n.label,key:t,compareFn:n.compareFn,direction:e})}i=true}}}))};(t=n.horizontal)===null||t===void 0?void 0:t.forEach(o);(e=n.vertical)===null||e===void 0?void 0:e.forEach(o);return i}validateHeaders(n){h(n,(()=>{d(n,(()=>{try{n=f(n)}catch(n){}r(this,"_headers",(n=>typeof n==="object"&&n!==null),new Set(["KoliBriTableHeaders"]),n,{hooks:{beforePatch:n=>{var t,e;const i=n;if(this.headerKeysChanged(this.state._headers,i)){this.adjustedHeaderCells=undefined}const o=this.initializeSortFromHeaders(i);if(o){setTimeout((()=>this.updateSortedData()))}if(i.horizontal&&i.vertical&&((t=i.horizontal)===null||t===void 0?void 0:t.length)>0&&((e=i.vertical)===null||e===void 0?void 0:e.length)>0){this.disableSort=true;b(`Table: You can not sort the table data, if horizontal and vertical headers are defined at the same time. (https://github.com/public-ui/kolibri/issues/2372)`)}}}})}))}))}validateLabel(n){x(this,n,{required:true})}validateSelection(n){y(this,n)}validateOn(n){v(this,n)}validatePagination(n){try{n=f(n)}catch(n){}this.showPagination=O(n);r(this,"_pagination",O,new Set(["boolean","KoliBriTablePagination"]),n,{defaultValue:{_page:1,_pageSize:10,_max:0}})}componentDidLoad(){var n;(n=this.tableWcRef)===null||n===void 0?void 0:n.addEventListener(z.selectionChange,this.onSelectionChange);if(!this.resolvedElements.length){this.syncExternalLabel(this._ariaLabelledby)}}disconnectedCallback(){var n;(n=this.tableWcRef)===null||n===void 0?void 0:n.removeEventListener(z.selectionChange,this.onSelectionChange)}componentWillLoad(){this.internals=p(this.host);this.syncExternalLabel(this._ariaLabelledby);this.validateAllowMultiSort(this._allowMultiSort);this.validateData(this._data);this.validateDataFoot(this._dataFoot);this.validateFixedCols(this._fixedCols);this.validateHeaders(this._headers);this.validateLabel(this._label);this.validateOn(this._on);this.validatePagination(this._pagination);this.validatePaginationPosition(this._paginationPosition);this.validateSelection(this._selection);this.validateHasSettingsMenu(this._hasSettingsMenu)}selectDisplayedData(n,t,e){if(typeof t==="number"&&t>0&&typeof e==="number"&&e>0){this.pageStartSlice=t*(e-1);this.pageEndSlice=t*e>n.length?n.length:t*e;return n.slice(this.pageStartSlice,this.pageEndSlice)}else{this.pageStartSlice=0;this.pageEndSlice=n.length;return n}}renderPagination(n){const e=a("kol-table-pagination-label",{placeholders:{label:`${this.state._label} (${a(`kol-pagination-position-${n}`)})`}});return t("div",{class:`kol-table-stateful__pagination kol-table-stateful__pagination--${this.state._paginationPosition}`},t("div",{class:"kol-table-stateful__pagination-wrapper"},t(o,{_boundaryCount:this.state._pagination._boundaryCount,_customClass:this.state._pagination._customClass,_hasButtons:this.state._pagination._hasButtons,_on:this.handlePagination,_page:this.state._pagination._page,_pageSize:this.state._pagination._pageSize,_pageSizeOptions:this.state._pagination._pageSizeOptions||D,_siblingCount:this.state._pagination._siblingCount,_tooltipAlign:"bottom",_max:this.state._pagination._max||this.state._data.length,_label:e})))}getHeaderCellSortState(n){if(n.type!==undefined&&n.type!=="default"){return}if(!this.disableSort&&typeof n.compareFn==="function"){if(n.key){const t=this.sortData.find((t=>t.key===n.key));if(t===null||t===void 0?void 0:t.direction){return t.direction}}return"NOS"}}getHeaderCellSortOrder(n){if(n.type!==undefined&&n.type!=="default"){return}if(!this.disableSort&&this.state._allowMultiSort&&typeof n.compareFn==="function"&&n.key){const t=this.sortData.findIndex((t=>t.key===n.key));if(t>=0){return t+1}}}handleSort({key:n}){var t,e;const i=(t=this.state._headers.horizontal)!==null&&t!==void 0?t:[];const o=(e=this.state._headers.vertical)!==null&&e!==void 0?e:[];const l=[];for(const n of i){if(Array.isArray(n)){l.push(...n)}}for(const n of o){if(Array.isArray(n)){l.push(...n)}}const a=l.find((t=>t.key===n));if(a){this.changeCellSort(a)}}getSelectedData(n){var t;const e=this.state._selection;if(e){const i=(t=e.keyPropertyName)!==null&&t!==void 0?t:"id";const o=new Set(n.map(String));const l=this.state._sortedData.filter((n=>o.has(String(n[i]))));if(i)return l}return null}handleSelectionChange(n,t){var e;const i=this.state._selection;if(i)this.state=Object.assign(Object.assign({},this.state),{_selection:Object.assign(Object.assign({},i),{selectedKeys:t})});const o=this.getSelectedData(t);if(typeof((e=this.state._on)===null||e===void 0?void 0:e[w.onSelectionChange])==="function"){this.state._on[w.onSelectionChange](n,o)}if(this.host){S(this.host,z.selectionChange,o)}}async getSelection(){var n;const t=((n=this.state._selection)===null||n===void 0?void 0:n.selectedKeys)||[];return this.getSelectedData(t)}async resetSort(){this.initializeSortFromHeaders(this.state._headers);this.updateSortedData()}headerKeysChanged(n,t){const e=n=>{var t,e,i,o;return[...(e=(t=n.horizontal)===null||t===void 0?void 0:t.flatMap((n=>n.map((n=>n===null||n===void 0?void 0:n.key)).filter((n=>Boolean(n))))))!==null&&e!==void 0?e:[],...(o=(i=n.vertical)===null||i===void 0?void 0:i.flatMap((n=>n.map((n=>n===null||n===void 0?void 0:n.key)).filter((n=>Boolean(n))))))!==null&&o!==void 0?o:[]]};const i=e(n);const o=e(t);return i.length!==o.length||i.some(((n,t)=>n!==o[t]))}mergeAdjustedHeaderCells(n){var t;const e=new Map;(t=this.state._headers.horizontal)===null||t===void 0?void 0:t.forEach((n=>n.forEach((n=>{if(n===null||n===void 0?void 0:n.key){e.set(n.key,n)}}))));return n.map((n=>n.map((n=>{const t=(n===null||n===void 0?void 0:n.key)?e.get(n.key):undefined;if(!t){return n}const i=Object.assign({},t);if(n.visible!==undefined)i.visible=n.visible;if(n.width!==undefined)i.width=n.width;if(n.hidable!==undefined)i.hidable=n.hidable;if(n.sortable!==undefined)i.sortable=n.sortable;if(n.resizable!==undefined)i.resizable=n.resizable;return i}))))}buildHeaderCells(){var n,t,e,i;const o=n=>n?Object.assign(Object.assign({},n),{sortDirection:this.getHeaderCellSortState(n),sortOrder:this.getHeaderCellSortOrder(n)}):n;const l=((n=this.adjustedHeaderCells)===null||n===void 0?void 0:n.horizontal)?this.mergeAdjustedHeaderCells(this.adjustedHeaderCells.horizontal):this.state._headers.horizontal;return{horizontal:(t=l===null||l===void 0?void 0:l.map((n=>n.map(o))))!==null&&t!==void 0?t:[],vertical:(i=(e=this.state._headers.vertical)===null||e===void 0?void 0:e.map((n=>n.map(o))))!==null&&i!==void 0?i:[]}}render(){var n,i;const o=this.selectDisplayedData(this.state._sortedData,this.showPagination?(i=(n=this.state._pagination)===null||n===void 0?void 0:n._pageSize)!==null&&i!==void 0?i:10:this.state._sortedData.length,this.state._pagination._page||1);const a=this._paginationPosition==="top"||this._paginationPosition==="both"?this.renderPagination("top"):null;const s=this._paginationPosition==="bottom"||this._paginationPosition==="both"?this.renderPagination("bottom"):null;const r=this.buildHeaderCells();return t(e,{key:"b20bfc7f61b6e5aaf05c40d61cb3250a1cb61779",class:"kol-table-stateful"},this.pageEndSlice>0&&this.showPagination&&a,t(l,{key:"186d1b0d90b8516149d1f5939bb6c1460ce34949",externalLabelElements:this.resolvedElements,ref:this.catchRef,_data:o,_fixedCols:this._fixedCols,_headerCells:r,_label:this.state._label,_dataFoot:this.state._dataFoot,_on:{onSort:(n,t)=>{this.handleSort(t)},onSelectionChange:(n,t)=>{this.handleSelectionChange(n,t)},onChangeHeaderCells:(n,t)=>{this.handleChangeHeaderCells(t)}},_selection:this.state._selection,_hasSettingsMenu:this.state._hasSettingsMenu,_variant:this._variant}),this.pageEndSlice>0&&this.showPagination&&s)}get host(){return i(this)}static get watchers(){return{_ariaLabelledby:["validateAriaLabelledby"],_allowMultiSort:["validateAllowMultiSort"],_data:["validateData"],_dataFoot:["validateDataFoot"],_fixedCols:["validateFixedCols"],_paginationPosition:["validatePaginationPosition"],_hasSettingsMenu:["validateHasSettingsMenu"],_headers:["validateHeaders"],_label:["validateLabel"],_selection:["validateSelection"],_on:["validateOn"],_pagination:["validatePagination"]}}};P.style={default:T};export{P as kol_table_stateful};
 //# sourceMappingURL=kol-table-stateful.entry.js.map

package/dist/kolibri/kol-table-stateless-wc.entry.js

@@ -1,5 +1,5 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{r as t,h as e,F as i,g as s}from"./index-CwtGN7ID.js";import{a as l}from"./tslib.es6-QNbPBOk5.js";import{b as n,c as o,t as a}from"./component-names-Dy77vq43.js";import{t as r}from"./i18n-BkwRYsvE.js";import{I as c}from"./component-DI3pO3QY.js";import{T as d}from"./component-fsnfw59D.js";import{P as h,o as f,p as u,b,L as v,s as _}from"./common-DyILLof-.js";import{c as p,v as k,a as y,b as m,f as g,d as S}from"./table-selection-G45AEZGP.js";import{v as j}from"./label-BiOix5de.js";import{v as w}from"./variant-class-name-B1jsQGPM.js";import{C}from"./keyboard-DNd73LVa.js";import{c as $}from"./clsx-COFh-Vc8.js";import{n as x}from"./dev.utils-Ce_5C3Pe.js";import{d as A,K as O}from"./events-BhfZTW2e.js";import{M as D,e as L,U as T,f as F,b as E,d as H,S as M,h as K}from"./_Uint8Array-kJHDjtoP.js";import{S as W,a as P,i as R}from"./isArray-CcrBs4JM.js";import"./i18n-CMA39edx.js";import"./bem-registry-CqAKWtWY.js";import"./component-DbrY6RW_.js";var z="__lodash_hash_undefined__";function B(t){this.__data__.set(t,z);return this}function I(t){return this.__data__.has(t)}function N(t){var e=-1,i=t==null?0:t.length;this.__data__=new D;while(++e<i){this.add(t[e])}}N.prototype.add=N.prototype.push=B;N.prototype.has=I;function V(t,e){var i=-1,s=t==null?0:t.length;while(++i<s){if(e(t[i],i,t)){return true}}return false}function U(t,e){return t.has(e)}var G=1,Y=2;function q(t,e,i,s,l,n){var o=i&G,a=t.length,r=e.length;if(a!=r&&!(o&&r>a)){return false}var c=n.get(t);var d=n.get(e);if(c&&d){return c==e&&d==t}var h=-1,f=true,u=i&Y?new N:undefined;n.set(t,e);n.set(e,t);while(++h<a){var b=t[h],v=e[h];if(s){var _=o?s(v,b,h,e,t,n):s(b,v,h,t,e,n)}if(_!==undefined){if(_){continue}f=false;break}if(u){if(!V(e,(function(t,e){if(!U(u,e)&&(b===t||l(b,t,i,s,n))){return u.push(e)}}))){f=false;break}}else if(!(b===v||l(b,v,i,s,n))){f=false;break}}n["delete"](t);n["delete"](e);return f}function Q(t){var e=-1,i=Array(t.size);t.forEach((function(t,s){i[++e]=[s,t]}));return i}function J(t){var e=-1,i=Array(t.size);t.forEach((function(t){i[++e]=t}));return i}var Z=1,X=2;var tt="[object Boolean]",et="[object Date]",it="[object Error]",st="[object Map]",lt="[object Number]",nt="[object RegExp]",ot="[object Set]",at="[object String]",rt="[object Symbol]";var ct="[object ArrayBuffer]",dt="[object DataView]";var ht=W?W.prototype:undefined,ft=ht?ht.valueOf:undefined;function ut(t,e,i,s,l,n,o){switch(i){case dt:if(t.byteLength!=e.byteLength||t.byteOffset!=e.byteOffset){return false}t=t.buffer;e=e.buffer;case ct:if(t.byteLength!=e.byteLength||!n(new T(t),new T(e))){return false}return true;case tt:case et:case lt:return L(+t,+e);case it:return t.name==e.name&&t.message==e.message;case nt:case at:return t==e+"";case st:var a=Q;case ot:var r=s&Z;a||(a=J);if(t.size!=e.size&&!r){return false}var c=o.get(t);if(c){return c==e}s|=X;o.set(t,e);var d=q(a(t),a(e),s,l,n,o);o["delete"](t);return d;case rt:if(ft){return ft.call(t)==ft.call(e)}}return false}var bt=1;var vt=Object.prototype;var _t=vt.hasOwnProperty;function pt(t,e,i,s,l,n){var o=i&bt,a=F(t),r=a.length,c=F(e),d=c.length;if(r!=d&&!o){return false}var h=r;while(h--){var f=a[h];if(!(o?f in e:_t.call(e,f))){return false}}var u=n.get(t);var b=n.get(e);if(u&&b){return u==e&&b==t}var v=true;n.set(t,e);n.set(e,t);var _=o;while(++h<r){f=a[h];var p=t[f],k=e[f];if(s){var y=o?s(k,p,f,e,t,n):s(p,k,f,t,e,n)}if(!(y===undefined?p===k||l(p,k,i,s,n):y)){v=false;break}_||(_=f=="constructor")}if(v&&!_){var m=t.constructor,g=e.constructor;if(m!=g&&("constructor"in t&&"constructor"in e)&&!(typeof m=="function"&&m instanceof m&&typeof g=="function"&&g instanceof g)){v=false}}n["delete"](t);n["delete"](e);return v}var kt=1;var yt="[object Arguments]",mt="[object Array]",gt="[object Object]";var St=Object.prototype;var jt=St.hasOwnProperty;function wt(t,e,i,s,l,n){var o=P(t),a=P(e),r=o?mt:E(t),c=a?mt:E(e);r=r==yt?gt:r;c=c==yt?gt:c;var d=r==gt,h=c==gt,f=r==c;if(f&&H(t)){if(!H(e)){return false}o=true;d=false}if(f&&!d){n||(n=new M);return o||K(t)?q(t,e,i,s,l,n):ut(t,e,r,i,s,l,n)}if(!(i&kt)){var u=d&&jt.call(t,"__wrapped__"),b=h&&jt.call(e,"__wrapped__");if(u||b){var v=u?t.value():t,_=b?e.value():e;n||(n=new M);return l(v,_,i,s,n)}}if(!f){return false}n||(n=new M);return pt(t,e,i,s,l,n)}function Ct(t,e,i,s,l){if(t===e){return true}if(t==null||e==null||!R(t)&&!R(e)){return t!==t&&e!==e}return wt(t,e,i,s,Ct,l)}function $t(t,e){return Ct(t,e)}const xt=t=>Array.isArray(t)&&t.every((t=>Array.isArray(t)));const At=(t,e)=>{h(e,(()=>{f(e,(()=>{try{e=u(e)}catch(t){}b(t,"_headerCells",(t=>{if(typeof t!=="object"||t===null)return false;const e=t.horizontal;const i=t.vertical;if(e!==undefined&&!xt(e)||i!==undefined&&!xt(i)){return false}const s=[];for(const t of e!==null&&e!==void 0?e:[]){s.push(...t)}for(const t of i!==null&&i!==void 0?i:[]){s.push(...t)}return s.every((t=>t.width===undefined||typeof t.width==="number"))}),new Set(["TableHeaderCellsPropType"]),e)}))}))};const Ot=150;const Dt=class{constructor(i){t(this,i);this.translateNoEntries=r("kol-no-entries");this.state={_data:[],_headerCells:{horizontal:[],vertical:[]},_label:"",_hasSettingsMenu:false};this.horizontal=true;this.cellsToRenderTimeouts=new Map;this.dataToKeyMap=new Map;this.selectedKeysStringSet=new Set;this.disabledKeysStringSet=new Set;this.checkboxRefs=[];this.translateSort=r("kol-sort");this.translateSortOrder=r("kol-table-sort-order");this.maxCols=0;this.fixedOffsets=[];this.settingsChangedCounter=0;this.tableDivElementHasScrollbar=false;this.stickyColsDisabled=false;this.renderTableRow=(t,i,s,l=false)=>{var n,o;let a=String(i);if(this.horizontal&&((n=t[0])===null||n===void 0?void 0:n.data)){a=(o=this.getDataKey(t[0].data))!==null&&o!==void 0?o:a}return e("tr",{class:$("kol-table__row",{"kol-table__row--body":!l,"kol-table__row--footer":l}),key:`row-${a}`},this.renderSelectionCell(t,i),t.map(((t,e)=>this.renderTableCell(t,i,e,s))))};this.renderTableCell=(t,i,s,l)=>{if(t.visible===false){return""}let n=`${i}-${s}-${t.label}`;if(t.data){const e=this.getDataKey(t.data);n=e?`${e}-${this.horizontal?s:i}`:n}if(t.headerCell){return this.renderHeadingCell(t,i,s,l)}else{const i=typeof t.render!=="function"&&t.label===this.translateNoEntries;const l=this.getActionColumnHeader(s);const o=Boolean(l&&t.data);const a=this.isFixedCol(s);const r=a==="left"?this.getOffsetString(t.colIndex,true):undefined;const c=a==="right"?this.getOffsetString(t.colIndex):undefined;const d=typeof t.render==="function";return e("td",{key:`cell-${n}-${this.settingsChangedCounter}`,class:$("kol-table__cell kol-table__cell--body",t.textAlign&&`kol-table__cell--align-${t.textAlign}`,o&&"kol-table__cell--actions",a&&`kol-table__cell--sticky-${a}`),"aria-atomic":i?"false":undefined,"aria-live":i?"polite":undefined,"aria-relevant":i?"text":undefined,colSpan:t.colSpan,rowSpan:t.rowSpan,style:{textAlign:t.textAlign,left:r,right:c},ref:d?e=>{this.cellRender(t,e)}:undefined},o&&l&&t.data?this.renderActionItems(l,t.data,n):!d?t.label:"")}};this.renderActionItems=(t,i,s)=>{const a=t.actions(i);return e("div",{class:"kol-table__cell-actions"},a.map(((t,i)=>{if(t.type==="button"){const o=l(t,[]);return e(n,Object.assign({key:`action-${s}-${i}`},o,{_variant:o._variant}))}else if(t.type==="link"){const n=l(t,[]);return e(o,Object.assign({key:`action-${s}-${i}`},n))}return null})))}}onExternalLabelElementsChange(t){this.syncTableLabel(t)}validateAriaLabelledby(){}syncTableLabel(t){if(!this.tableRef)return;if("ariaLabelledByElements"in this.tableRef){if(t===null||t===void 0?void 0:t.length){this.tableRef.ariaLabelledByElements=t}v.debug([this.tableRef,!!(t===null||t===void 0?void 0:t.length),t,this.tableRef.ariaLabelledByElements])}}validateHasSettingsMenu(t){p(this,t)}validateData(t){k(this,t,{beforePatch:t=>{this.updateDataToKeyMap(t)}})}validateDataFoot(t){y(this,t)}validateFixedCols(t){m(this,t);this.checkAndUpdateStickyState()}validateHeaderCells(t){At(this,t);if(!$t(this.previousHeaderCells,this.state._headerCells)){this.initializeHeaderCellSettings()}this.previousHeaderCells=this.state._headerCells}validateLabel(t){j(this,t,{required:true})}validateOn(t){g(this,t)}validateSelection(t){S(this,t);this.checkAndUpdateStickyState()}validateVariantClassName(t){w(this,t)}handleKeyDown(t){var e;if(t.key==="ArrowUp"||t.key==="ArrowDown"){const i=(e=this.tableDivElement)===null||e===void 0?void 0:e.querySelector(":focus");let s=this.checkboxRefs.indexOf(i);if(s>-1){t.preventDefault();if(t.key==="ArrowDown"){s=(s+1)%this.checkboxRefs.length;this.checkboxRefs[s].focus()}else if(t.key==="ArrowUp"){t.preventDefault();s=(s+this.checkboxRefs.length-1)%this.checkboxRefs.length;this.checkboxRefs[s].focus()}}}}componentDidRender(){this.checkDivElementScrollbar()}componentDidLoad(){if(this.tableDivElement&&ResizeObserver){this.tableDivElementResizeObserver=new ResizeObserver(this.handleResize.bind(this));this.tableDivElementResizeObserver.observe(this.tableDivElement)}this.checkAndUpdateStickyState()}handleSettingsChange(t){var e;const i=Object.assign(Object.assign({},this.state._headerCells),{horizontal:t.detail});_(this,"_headerCells",i);this.settingsChangedCounter++;if(typeof((e=this.state._on)===null||e===void 0?void 0:e[C.onChangeHeaderCells])==="function"){this.state._on[C.onChangeHeaderCells](t,i)}}disconnectedCallback(){var t;(t=this.tableDivElementResizeObserver)===null||t===void 0?void 0:t.disconnect();clearTimeout(this.resizeDebounceTimeout)}handleResize(){this.checkDivElementScrollbar();clearTimeout(this.resizeDebounceTimeout);this.resizeDebounceTimeout=setTimeout((()=>{this.checkAndUpdateStickyState()}),Ot)}checkDivElementScrollbar(){if(this.tableDivElement){this.tableDivElementHasScrollbar=this.tableDivElement.scrollWidth>this.tableDivElement.clientWidth}}calculateFixedColsWidth(){var t,e,i,s,l,n;if(!this._fixedCols)return 0;const o=this.getPrimaryHeaders(this.state._headerCells);let a=0;for(let i=0;i<this._fixedCols[0]&&i<o.length;i++){a+=(e=(t=o[i])===null||t===void 0?void 0:t.width)!==null&&e!==void 0?e:0}const r=this.maxCols-this._fixedCols[1];for(let t=r;t<this.maxCols&&t<o.length;t++){a+=(s=(i=o[t])===null||i===void 0?void 0:i.width)!==null&&s!==void 0?s:0}if(this.state._selection){const t=(l=this.tableDivElement)===null||l===void 0?void 0:l.querySelector(".kol-table__cell--selection");a+=(n=t===null||t===void 0?void 0:t.offsetWidth)!==null&&n!==void 0?n:0}return a}checkAndUpdateStickyState(){if(!this.tableDivElement||!this._fixedCols){this.stickyColsDisabled=false;return}const t=this.tableDivElement.clientWidth;const e=this.calculateFixedColsWidth();this.stickyColsDisabled=e>0&&e>=t}updateDataToKeyMap(t){const e=new Set(t);t.forEach((t=>{if(!this.dataToKeyMap.has(t)){this.dataToKeyMap.set(t,x())}}));this.dataToKeyMap.forEach(((t,i)=>{if(!e.has(i)){this.dataToKeyMap.delete(i)}}))}getDataKey(t){return this.dataToKeyMap.get(t)}getActionColumnHeader(t){const e=this.horizontal?this.state._headerCells.horizontal:this.state._headerCells.vertical;if(!e||e.length===0)return undefined;const i=this.getPrimaryHeaders(this.state._headerCells);const s=i[t];if(s&&s.type==="action"){return s}return undefined}cellRender(t,e){if(e){clearTimeout(this.cellsToRenderTimeouts.get(e));this.cellsToRenderTimeouts.set(e,setTimeout((()=>{if(typeof t.render==="function"){const i=t.render(e,t,t.data,this.state._data);if(typeof i==="string"){e.textContent=i}}})))}}getNumberOfCols(t,e){let i=0;t.forEach((t=>{let e=0;if(Array.isArray(t)){t.forEach((t=>{var i;e+=(i=t.colSpan)!==null&&i!==void 0?i:1}))}if(i<e){i=e}}));if(i===0){i=e.length}return i}getNumberOfRows(t,e){var i;let s=0;t.forEach((t=>{let e=0;if(Array.isArray(t)){t.forEach((t=>{var i;e+=(i=t.rowSpan)!==null&&i!==void 0?i:1}))}if(s<e){s=e}}));if(s===0){s=e.length}else{s-=((i=this.state._dataFoot)===null||i===void 0?void 0:i.length)||0}return s}getThePrimaryHeadersWithKeyOrRenderFunction(t){const e=[];t.forEach((t=>{t.forEach((t=>{if(typeof t.key==="string"||typeof t.render==="function"){e.push(t)}}))}));return e}getPrimaryHeaders(t){var e,i,s;if(((e=this.primaryHeadersCache)===null||e===void 0?void 0:e.headers)===t){this.horizontal=this.primaryHeadersCache.horizontal;return this.primaryHeadersCache.result}let l=this.getThePrimaryHeadersWithKeyOrRenderFunction((i=t.horizontal)!==null&&i!==void 0?i:[]);this.horizontal=true;if(l.length===0){l=this.getThePrimaryHeadersWithKeyOrRenderFunction((s=t.vertical)!==null&&s!==void 0?s:[]);if(l.length>0){this.horizontal=false}}this.primaryHeadersCache={headers:t,result:l,horizontal:this.horizontal};return l}createDataField(t,e,i){var s,l,n,o,a,r,c,d;e.horizontal=Array.isArray(e===null||e===void 0?void 0:e.horizontal)?e.horizontal:[];e.vertical=Array.isArray(e===null||e===void 0?void 0:e.vertical)?e.vertical:[];this.maxCols=this.getNumberOfCols(e.horizontal,t);const h=this.getPrimaryHeaders(e);let f=this.getNumberOfRows(e.vertical,t);let u=0;if(i){u=f;f+=((s=this.state._dataFoot)===null||s===void 0?void 0:s.length)||0}const b=[];const v=[];const _=[];e.vertical.forEach(((t,e)=>{v[e]=0;_[e]=[]}));const p=h;for(let s=u;s<f;s++){const d=[];e.vertical.forEach(((t,e)=>{let i=0;_[e].forEach((t=>i+=t));if(i<=s){const l=t[s-i+v[e]];if(typeof l==="object"){d.push(Object.assign(Object.assign({},l),{headerCell:true,data:{}}));let t=1;if(typeof l.rowSpan==="number"&&l.rowSpan>1){t=l.rowSpan}_[e].push(t);if(typeof l.colSpan==="number"&&l.colSpan>1){for(let i=1;i<l.colSpan;i++){_[e+i].push(t)}}v[e]++}}}));for(let e=0;e<this.maxCols;e++){let h=this.isFixedCol(e);if(h==="left"){if(this.getFixedOffset(e)===undefined){let t=(l=this.fixedOffsets[e-1])!==null&&l!==void 0?l:0;t+=(o=(n=p[e-1])===null||n===void 0?void 0:n.width)!==null&&o!==void 0?o:0;this.fixedOffsets[e]=t}}if(h==="right"){if(this.getFixedOffset(e)===undefined){let t=(a=this.fixedOffsets[e+1])!==null&&a!==void 0?a:0;t+=(c=(r=p[e+1])===null||r===void 0?void 0:r.width)!==null&&c!==void 0?c:0;this.fixedOffsets[e]=t}}if(this.horizontal===true){const l=i&&this.state._dataFoot?this.state._dataFoot[s-u]:t[s];if(typeof p[e]==="object"&&p[e]!==null&&typeof l==="object"&&l!==null&&(typeof p[e].key==="string"||typeof p[e].render==="function")){const t=p[e].key;const i=l[t];d.push(Object.assign(Object.assign({},p[e]),{colIndex:e,colSpan:undefined,rowSpan:undefined,data:l,label:i}))}}else{if(typeof p[s]==="object"&&p[s]!==null&&typeof t[e]==="object"&&t[e]!==null&&(typeof p[s].key==="string"||typeof p[s].render==="function")){const i=p[s].key;const l=t[e][i];d.push(Object.assign(Object.assign({},p[s]),{colIndex:e,colSpan:undefined,rowSpan:undefined,data:t[e],label:l}))}}}b.push(d)}if(t.length===0){let t=this.getVisibleColSpan((d=e.horizontal)===null||d===void 0?void 0:d[0]);let i=0;if(Array.isArray(e.vertical)&&e.vertical.length>0){t-=e.vertical.length;e.vertical[0].forEach((t=>{i+=t.rowSpan||1}))}const s={colSpan:t,label:this.translateNoEntries,render:undefined,rowSpan:Math.max(i,1)};if(b.length===0){b.push([s])}else{b[0].push(s)}}return b}getVisibleColSpan(t){var e;return(e=t===null||t===void 0?void 0:t.reduce(((t,e)=>{if("visible"in e&&e.visible===false){return t}return t+(e.colSpan||1)}),0))!==null&&e!==void 0?e:0}isFixedCol(t){if(!this._fixedCols||t===undefined||this.stickyColsDisabled){return undefined}if(t<this._fixedCols[0]){return"left"}if(t>=this.maxCols-this._fixedCols[1]){return"right"}}getFixedOffset(t){if(!this.tableDivElement||t===undefined){return undefined}if(this.fixedOffsets[t]!==undefined){return this.fixedOffsets[t]}return undefined}getOffsetString(t,e){if(e&&this._selection){return"calc( var(--kol-table-selection-col-width) + "+this.getFixedOffset(t)+"px)"}return this.getFixedOffset(t)+"px"}handleSelectionChangeCallbackAndEvent(t,e){var i;if(typeof((i=this.state._on)===null||i===void 0?void 0:i[C.onSelectionChange])==="function"){this.state._on[C.onSelectionChange](t,e)}if(this.host){A(this.host,O.selectionChange,e)}}initializeHeaderCellSettings(){if(this.state._headerCells&&this.state._headerCells.horizontal&&this.state._headerCells.horizontal.length>0){const t=Object.assign(Object.assign({},this.state._headerCells),{horizontal:this.state._headerCells.horizontal.map((t=>t.map((t=>Object.assign(Object.assign({},t),{visible:typeof t.visible==="boolean"?t.visible:true,hidable:typeof t.hidable==="boolean"?t.hidable:true})))))});_(this,"_headerCells",t)}}componentWillLoad(){this.validateData(this._data);this.validateDataFoot(this._dataFoot);this.validateHeaderCells(this._headerCells);this.validateLabel(this._label);this.validateOn(this._on);this.validateSelection(this._selection);this.validateHasSettingsMenu(this._hasSettingsMenu);this.validateVariantClassName(this._variant)}renderSelectionCell(t,i){var s;const l=this.state._selection;if(!l)return"";const n=this.getSelectionKeyPropertyName();const o=(s=t[0])===null||s===void 0?void 0:s.data;if(!o)return"";const a=o[n];const r=l.multiple||l.multiple===undefined;const h=String(a);const f=this.selectedKeysStringSet.has(h);const u=this.disabledKeysStringSet.has(h);const b=l.label(o);const v={name:"selection",checked:f,disabled:u,id:String(a),["aria-label"]:b};return e("td",{key:`tbody-${i}-selection`,class:"kol-table__cell kol-table__cell--selection"},e("div",{class:$("kol-table__selection",{"kol-table__selection--checked":f})},r?e("label",{class:$("kol-table__selection-label",{"kol-table__selection-label--disabled":u})},e(c,{class:"kol-table__selection-icon",icons:`kolicon ${f?"kolicon-check":""}`,label:""}),e("input",Object.assign({class:$("kol-table__selection-input kol-table__selection-input--checkbox"),ref:t=>t&&this.checkboxRefs.push(t)},v,{type:"checkbox",onInput:t=>{const e=(()=>{const t=l===null||l===void 0?void 0:l.selectedKeys;return t===undefined?[]:Array.isArray(t)?t:[t]})();const i=!f?[...e,a]:e.filter((t=>String(t)!==String(a)));this.handleSelectionChangeCallbackAndEvent(t,i!==null&&i!==void 0?i:[])}}))):e("label",{class:"kol-table__selection-label"},e("input",Object.assign({class:$("kol-table__selection-input kol-table__selection-input--radio")},v,{type:"radio",onInput:t=>{this.handleSelectionChangeCallbackAndEvent(t,[a])}}))),e("div",{class:"kol-table__selection-input-tooltip"},e(d,{label:b,badgeText:"",id:`${a}-label`,refFloating:()=>{}}))))}getSelectionKeyPropertyName(){var t,e;return(e=(t=this.state._selection)===null||t===void 0?void 0:t.keyPropertyName)!==null&&e!==void 0?e:"id"}static normalizeKeys(t){return t===undefined?[]:Array.isArray(t)?t:[t]}updateSelectionKeySets(){var t,e;this.selectedKeysStringSet=new Set(Dt.normalizeKeys((t=this.state._selection)===null||t===void 0?void 0:t.selectedKeys).map(String));this.disabledKeysStringSet=new Set(Dt.normalizeKeys((e=this.state._selection)===null||e===void 0?void 0:e.disabledKeys).map(String))}getDataWithSelectionEnabled(){const t=this.getSelectionKeyPropertyName();return this.state._data.filter((e=>!this.disabledKeysStringSet.has(String(e[t]))))}getSelectedKeysWithoutDisabledKeys(){var t;return Dt.normalizeKeys((t=this.state._selection)===null||t===void 0?void 0:t.selectedKeys).filter((t=>!this.disabledKeysStringSet.has(String(t))))}getSelectedKeysWithDisabledKeysOnly(){var t;return Dt.normalizeKeys((t=this.state._selection)===null||t===void 0?void 0:t.selectedKeys).filter((t=>this.disabledKeysStringSet.has(String(t))))}getRevertedSelection(t){var e;const i=this.getSelectionKeyPropertyName();const s=(e=this.getSelectedKeysWithDisabledKeysOnly())!==null&&e!==void 0?e:[];if(t){s.push(...this.getDataWithSelectionEnabled().map((t=>t===null||t===void 0?void 0:t[i])))}return s}getTableMinWidth(){var t,e;const i=(t=this.state._headerCells.horizontal)!==null&&t!==void 0?t:[];const s=[];i.forEach((t=>{t.forEach((t=>{if(t.visible!==false&&t.width!==undefined&&t.width>0){s.push(t.width)}}))}));const l=(e=this.state._headerCells.vertical)!==null&&e!==void 0?e:[];const n=[];l.forEach((t=>{t.forEach((t=>{if(t.width!==undefined&&t.width>0){n.push(t.width)}}))}));const o=[...n,...s];if(o.length===0){return"0px"}if(o.length===1){return`${o[0]}px`}return`calc(${o.map((t=>`${t}px`)).join(" + ")})`}renderHeadingSelectionCell(){var t,i;const s=this.state._selection;if(!s){return e("td",{class:"kol-table__cell kol-table__cell--header",key:`thead-0`})}if(s.multiple===false){return e("th",{scope:"col",key:`thead-0-selection`,class:"kol-table__cell kol-table__cell--header kol-table__cell--selection"},e("span",{class:"visually-hidden"},r("kol-table-selection")))}const l=(i=(t=this.getSelectedKeysWithoutDisabledKeys())===null||t===void 0?void 0:t.length)!==null&&i!==void 0?i:0;const n=this.getDataWithSelectionEnabled().length;const o=l===n;const a=l!==0&&!o;let h="kol-table-selection-indeterminate";if(o&&!a){h="kol-table-selection-none"}if(l===0){h="kol-table-selection-all"}const f=r(h);return e("th",{scope:"col",key:`thead-0-selection`,class:"kol-table__cell kol-table__cell--header kol-table__cell--selection"},e("span",{class:"visually-hidden"},r("kol-table-selection")),e("div",{class:$("kol-table__selection",{"kol-table__selection--indeterminate":a,"kol-table__selection--checked":o})},e("label",{class:"kol-table__selection-label"},e(c,{class:"kol-table__selection-icon",icons:`kolicon ${a?"kolicon-minus":o?"kolicon-check":""}`,label:""}),e("input",{class:$("kol-table__selection-input kol-table__selection-input--checkbox"),"data-testid":"selection-checkbox-all",ref:t=>t&&this.checkboxRefs.push(t),name:"selection",checked:o&&!a,indeterminate:a,"aria-label":f,type:"checkbox",onInput:t=>{this.handleSelectionChangeCallbackAndEvent(t,this.getRevertedSelection(!o))}})),e("div",{class:"kol-table__selection-input-tooltip"},e(d,{label:f,badgeText:"",id:`${h}-label`,refFloating:()=>{}}))))}renderHeaderTdCell(){const t=this.state._headerCells.horizontal;const s=this.state._headerCells.vertical;if(!Array.isArray(t)||t.length===0||!Array.isArray(s)||s.length===0){return e(i,null)}const l=s.reduce(((t,e)=>{var i;const s=e===null||e===void 0?void 0:e[0];return t+((i=s===null||s===void 0?void 0:s.width)!==null&&i!==void 0?i:0)}),0);return e("td",{"aria-hidden":"true",colSpan:s.length,rowSpan:t.length,style:l>0?{width:`${l}px`}:undefined})}formatSortOrderDescription(t){return this.translateSortOrder.replace("{{order}}",`${t}`)}getSortAriaDescription(t){if(typeof t==="number"&&t>0){return`${this.translateSort} – ${this.formatSortOrderDescription(t)}`}return this.translateSort}renderHeadingCell(t,i,s,l){if(t.visible===false){return""}const o=(t===null||t===void 0?void 0:t.sortable)!==false;const a=typeof t.sortDirection==="string";const r=o&&a;let c="none";let d="kolicon-sort-neutral";if(r&&t.sortDirection){switch(t.sortDirection){case"ASC":d="kolicon-sort-asc";c="ascending";break;case"DESC":d="kolicon-sort-desc";c="descending";break;default:c="none"}}const h=l?"row":typeof t.colSpan==="number"&&t.colSpan>1?"colgroup":"col";const f=typeof t.sortOrder==="number"&&t.sortOrder>0?t.sortOrder:undefined;const u=this.getSortAriaDescription(f);const b=t.width!==undefined?`${t.width}px`:undefined;const v=this.isFixedCol(s);const _=v==="left"?this.getOffsetString(s,true):undefined;const p=v==="right"?this.getOffsetString(s):undefined;return e("th",{key:`${i}-${s}-${t.label}`,class:$("kol-table__cell kol-table__cell--header",`kol-table__cell--${c}`,t.textAlign&&`kol-table__cell--align-${t.textAlign}`,v&&`kol-table__cell--sticky-${v}`),scope:h,colSpan:t.colSpan,rowSpan:t.rowSpan,style:{width:b,left:_,right:p},"aria-sort":c,"data-sort":r&&t.sortDirection?`sort-${t.sortDirection}`:undefined},r&&t.sortDirection?e("span",{class:"kol-table__sort"},e(n,{class:"kol-table__sort-button",_icons:{right:d},_label:t.label,_ariaDescription:u,_on:{onClick:e=>{var i;if(typeof((i=this.state._on)===null||i===void 0?void 0:i.onSort)==="function"&&t.key&&t.sortDirection){this.state._on.onSort(e,{key:t.key,currentSortDirection:t.sortDirection})}if(this.host){A(this.host,O.sort,{key:t.key,currentSortDirection:t.sortDirection})}}}}),f&&e("span",{"aria-hidden":"true",class:"kol-table__sort-order"},f)):t.label)}renderSpacer(t,i){var s;const l=((s=this.state._headerCells.vertical)===null||s===void 0?void 0:s.length)||0;const n=this.getVisibleColSpan(i===null||i===void 0?void 0:i[0]);const o=this.state._selection?1:0;return e("tr",{"aria-hidden":"true",class:$("kol-table__spacer",`kol-table__spacer--${t}`)},e("td",{class:$(`kol-table__spacer-line kol-table__spacer-line--${t}`),colSpan:l+n+o}))}renderFoot(){if(!this.state._dataFoot||this.state._dataFoot.length===0){return null}const t=this.createDataField(this.state._dataFoot,this.state._headerCells,true);return e("tfoot",{class:"kol-table__footer"},[this.renderSpacer("foot",t),t.map(((t,e)=>this.renderTableRow(t,e,true,true)))])}render(){var t;this.updateSelectionKeySets();const i=this.createDataField(this.state._data,this.state._headerCells);this.checkboxRefs=[];const s=this.state._headerCells.horizontal;const l=!((t=this.externalLabelElements)===null||t===void 0?void 0:t.length);return e("div",{key:"a27c5b854dfe1e831aff39f07ee4d74be30ed67e",class:$("kol-table",{[`kol-table--${this.state._variant}`]:this.state._variant!==undefined})},this.state._hasSettingsMenu&&e(a,{key:"a7fa12d347cb52bc834dc83f0db0c7c71dee4cb9",_horizontalHeaderCells:s!==null&&s!==void 0?s:[]}),e("div",{key:"47c90b5b6f233572fa2143b496e246b34c2a5a7d",ref:t=>this.tableDivElement=t,class:"kol-table__scroll-container",tabindex:this.tableDivElementHasScrollbar?l?"-1":"0":undefined},e("table",{key:"8a8076f5dbf9102c2b34064fff4ee01c3510f7b3",ref:t=>{this.tableRef=t;this.syncTableLabel(this.externalLabelElements)},"aria-labelledby":l?"caption":undefined,class:"kol-table__table",style:{minWidth:this.getTableMinWidth()}},l&&e("caption",{key:"0ccf4e13f484de3f44f3282fcc99a8521c17aea4",class:"kol-table__focus-element kol-table__caption",id:"caption",tabindex:this.tableDivElementHasScrollbar?"0":undefined},this.state._label),Array.isArray(s)&&e("thead",{key:"602f2f0157b40379bbfeabcecf4f03f54a4a161d",class:"kol-table__head"},[s.map(((t,i)=>e("tr",{class:"kol-table__head-row",key:`thead-${i}`},this.state._selection&&this.renderHeadingSelectionCell(),i===0&&this.renderHeaderTdCell(),Array.isArray(t)&&t.map(((t,e)=>this.renderHeadingCell(t,i,e,false)))))),this.renderSpacer("head",s)]),e("tbody",{key:"d2473c4cc03ff3c664118d08599083d28531090b",class:"kol-table__body"},i.map(((t,e)=>this.renderTableRow(t,e,true)))),this.renderFoot())))}get host(){return s(this)}static get watchers(){return{externalLabelElements:["onExternalLabelElementsChange"],_ariaLabelledby:["validateAriaLabelledby"],_hasSettingsMenu:["validateHasSettingsMenu"],_data:["validateData"],_dataFoot:["validateDataFoot"],_fixedCols:["validateFixedCols"],_headerCells:["validateHeaderCells"],_label:["validateLabel"],_on:["validateOn"],_selection:["validateSelection"],_variant:["validateVariantClassName"]}}};export{Dt as kol_table_stateless_wc};
+import{r as t,h as e,F as i,g as s}from"./index-Dabxza7-.js";import{a as l}from"./tslib.es6-QNbPBOk5.js";import{b as n,c as o,t as a}from"./component-names-Dy77vq43.js";import{t as r}from"./i18n-CcjZRTxD.js";import{I as c}from"./component-Cs0XGawJ.js";import{T as d}from"./component-BRDkSTlQ.js";import{P as h,o as f,p as u,b,L as v,s as _}from"./common-Cbb6Axov.js";import{c as p,v as k,a as y,b as m,f as g,d as S}from"./table-selection-CL3si3DN.js";import{v as j}from"./label-We78Dt9U.js";import{v as w}from"./variant-class-name-D8tvX7Qv.js";import{C}from"./keyboard-DNd73LVa.js";import{c as $}from"./clsx-COFh-Vc8.js";import{n as x}from"./dev.utils-JsUkUKLF.js";import{d as D,K as A}from"./events-BhfZTW2e.js";import{M as O,e as T,U as F,f as L,b as H,d as M,S as K,h as z}from"./_Uint8Array-kJHDjtoP.js";import{S as E,a as R,i as N}from"./isArray-CcrBs4JM.js";import"./i18n-CMA39edx.js";import"./bem-registry-BRfTMZf0.js";import"./component-zND7vT6D.js";var W="__lodash_hash_undefined__";function B(t){this.__data__.set(t,W);return this}function P(t){return this.__data__.has(t)}function U(t){var e=-1,i=t==null?0:t.length;this.__data__=new O;while(++e<i){this.add(t[e])}}U.prototype.add=U.prototype.push=B;U.prototype.has=P;function I(t,e){var i=-1,s=t==null?0:t.length;while(++i<s){if(e(t[i],i,t)){return true}}return false}function V(t,e){return t.has(e)}var J=1,Q=2;function Z(t,e,i,s,l,n){var o=i&J,a=t.length,r=e.length;if(a!=r&&!(o&&r>a)){return false}var c=n.get(t);var d=n.get(e);if(c&&d){return c==e&&d==t}var h=-1,f=true,u=i&Q?new U:undefined;n.set(t,e);n.set(e,t);while(++h<a){var b=t[h],v=e[h];if(s){var _=o?s(v,b,h,e,t,n):s(b,v,h,t,e,n)}if(_!==undefined){if(_){continue}f=false;break}if(u){if(!I(e,(function(t,e){if(!V(u,e)&&(b===t||l(b,t,i,s,n))){return u.push(e)}}))){f=false;break}}else if(!(b===v||l(b,v,i,s,n))){f=false;break}}n["delete"](t);n["delete"](e);return f}function q(t){var e=-1,i=Array(t.size);t.forEach((function(t,s){i[++e]=[s,t]}));return i}function X(t){var e=-1,i=Array(t.size);t.forEach((function(t){i[++e]=t}));return i}var G=1,Y=2;var tt="[object Boolean]",et="[object Date]",it="[object Error]",st="[object Map]",lt="[object Number]",nt="[object RegExp]",ot="[object Set]",at="[object String]",rt="[object Symbol]";var ct="[object ArrayBuffer]",dt="[object DataView]";var ht=E?E.prototype:undefined,ft=ht?ht.valueOf:undefined;function ut(t,e,i,s,l,n,o){switch(i){case dt:if(t.byteLength!=e.byteLength||t.byteOffset!=e.byteOffset){return false}t=t.buffer;e=e.buffer;case ct:if(t.byteLength!=e.byteLength||!n(new F(t),new F(e))){return false}return true;case tt:case et:case lt:return T(+t,+e);case it:return t.name==e.name&&t.message==e.message;case nt:case at:return t==e+"";case st:var a=q;case ot:var r=s&G;a||(a=X);if(t.size!=e.size&&!r){return false}var c=o.get(t);if(c){return c==e}s|=Y;o.set(t,e);var d=Z(a(t),a(e),s,l,n,o);o["delete"](t);return d;case rt:if(ft){return ft.call(t)==ft.call(e)}}return false}var bt=1;var vt=Object.prototype;var _t=vt.hasOwnProperty;function pt(t,e,i,s,l,n){var o=i&bt,a=L(t),r=a.length,c=L(e),d=c.length;if(r!=d&&!o){return false}var h=r;while(h--){var f=a[h];if(!(o?f in e:_t.call(e,f))){return false}}var u=n.get(t);var b=n.get(e);if(u&&b){return u==e&&b==t}var v=true;n.set(t,e);n.set(e,t);var _=o;while(++h<r){f=a[h];var p=t[f],k=e[f];if(s){var y=o?s(k,p,f,e,t,n):s(p,k,f,t,e,n)}if(!(y===undefined?p===k||l(p,k,i,s,n):y)){v=false;break}_||(_=f=="constructor")}if(v&&!_){var m=t.constructor,g=e.constructor;if(m!=g&&("constructor"in t&&"constructor"in e)&&!(typeof m=="function"&&m instanceof m&&typeof g=="function"&&g instanceof g)){v=false}}n["delete"](t);n["delete"](e);return v}var kt=1;var yt="[object Arguments]",mt="[object Array]",gt="[object Object]";var St=Object.prototype;var jt=St.hasOwnProperty;function wt(t,e,i,s,l,n){var o=R(t),a=R(e),r=o?mt:H(t),c=a?mt:H(e);r=r==yt?gt:r;c=c==yt?gt:c;var d=r==gt,h=c==gt,f=r==c;if(f&&M(t)){if(!M(e)){return false}o=true;d=false}if(f&&!d){n||(n=new K);return o||z(t)?Z(t,e,i,s,l,n):ut(t,e,r,i,s,l,n)}if(!(i&kt)){var u=d&&jt.call(t,"__wrapped__"),b=h&&jt.call(e,"__wrapped__");if(u||b){var v=u?t.value():t,_=b?e.value():e;n||(n=new K);return l(v,_,i,s,n)}}if(!f){return false}n||(n=new K);return pt(t,e,i,s,l,n)}function Ct(t,e,i,s,l){if(t===e){return true}if(t==null||e==null||!N(t)&&!N(e)){return t!==t&&e!==e}return wt(t,e,i,s,Ct,l)}function $t(t,e){return Ct(t,e)}const xt=t=>Array.isArray(t)&&t.every((t=>Array.isArray(t)));const Dt=(t,e)=>{h(e,(()=>{f(e,(()=>{try{e=u(e)}catch(t){}b(t,"_headerCells",(t=>{if(typeof t!=="object"||t===null)return false;const e=t.horizontal;const i=t.vertical;if(e!==undefined&&!xt(e)||i!==undefined&&!xt(i)){return false}const s=[];for(const t of e!==null&&e!==void 0?e:[]){s.push(...t)}for(const t of i!==null&&i!==void 0?i:[]){s.push(...t)}return s.every((t=>t.width===undefined||typeof t.width==="number"))}),new Set(["TableHeaderCellsPropType"]),e)}))}))};const At=150;const Ot=class{constructor(i){t(this,i);this.translateNoEntries=r("kol-no-entries");this.state={_data:[],_headerCells:{horizontal:[],vertical:[]},_label:"",_hasSettingsMenu:false};this.horizontal=true;this.cellsToRenderTimeouts=new Map;this.dataToKeyMap=new Map;this.selectedKeysStringSet=new Set;this.disabledKeysStringSet=new Set;this.checkboxRefs=[];this.translateSort=r("kol-sort");this.translateSortOrder=r("kol-table-sort-order");this.maxCols=0;this.fixedOffsets=[];this.settingsChangedCounter=0;this.tableDivElementHasScrollbar=false;this.stickyColsDisabled=false;this.renderTableRow=(t,i,s,l=false)=>{var n,o;let a=String(i);if(this.horizontal&&((n=t[0])===null||n===void 0?void 0:n.data)){a=(o=this.getDataKey(t[0].data))!==null&&o!==void 0?o:a}return e("tr",{class:$("kol-table__row",{"kol-table__row--body":!l,"kol-table__row--footer":l}),key:`row-${a}`},this.renderSelectionCell(t,i),t.map(((t,e)=>this.renderTableCell(t,i,e,s))))};this.renderTableCell=(t,i,s,l)=>{if(t.visible===false){return""}let n=`${i}-${s}-${t.label}`;if(t.data){const e=this.getDataKey(t.data);n=e?`${e}-${this.horizontal?s:i}`:n}if(t.headerCell){return this.renderHeadingCell(t,i,s,l)}else{const i=typeof t.render!=="function"&&t.label===this.translateNoEntries;const l=this.getActionColumnHeader(s);const o=Boolean(l&&t.data);const a=this.isFixedCol(s);const r=a==="left"?this.getOffsetString(t.colIndex,true):undefined;const c=a==="right"?this.getOffsetString(t.colIndex):undefined;const d=typeof t.render==="function";return e("td",{key:`cell-${n}-${this.settingsChangedCounter}`,class:$("kol-table__cell kol-table__cell--body",t.textAlign&&`kol-table__cell--align-${t.textAlign}`,o&&"kol-table__cell--actions",a&&`kol-table__cell--sticky-${a}`),"aria-atomic":i?"false":undefined,"aria-live":i?"polite":undefined,"aria-relevant":i?"text":undefined,colSpan:t.colSpan,rowSpan:t.rowSpan,style:{textAlign:t.textAlign,left:r,right:c},ref:d?e=>{this.cellRender(t,e)}:undefined},o&&l&&t.data?this.renderActionItems(l,t.data,n):!d?t.label:"")}};this.renderActionItems=(t,i,s)=>{const a=t.actions(i);return e("div",{class:"kol-table__cell-actions"},a.map(((t,i)=>{if(t.type==="button"){const o=l(t,[]);return e(n,Object.assign({key:`action-${s}-${i}`},o,{_variant:o._variant}))}else if(t.type==="link"){const n=l(t,[]);return e(o,Object.assign({key:`action-${s}-${i}`},n))}return null})))}}onExternalLabelElementsChange(t){this.syncTableLabel(t)}validateAriaLabelledby(){}syncTableLabel(t){if(!this.tableRef)return;if("ariaLabelledByElements"in this.tableRef){if(t===null||t===void 0?void 0:t.length){this.tableRef.ariaLabelledByElements=t}v.debug([this.tableRef,!!(t===null||t===void 0?void 0:t.length),t,this.tableRef.ariaLabelledByElements])}}validateHasSettingsMenu(t){p(this,t)}validateData(t){k(this,t,{beforePatch:t=>{this.updateDataToKeyMap(t)}})}validateDataFoot(t){y(this,t)}validateFixedCols(t){m(this,t);this.checkAndUpdateStickyState()}validateHeaderCells(t){Dt(this,t);if(!$t(this.previousHeaderCells,this.state._headerCells)){this.initializeHeaderCellSettings()}this.previousHeaderCells=this.state._headerCells}validateLabel(t){j(this,t,{required:true})}validateOn(t){g(this,t)}validateSelection(t){S(this,t);this.checkAndUpdateStickyState()}validateVariantClassName(t){w(this,t)}handleKeyDown(t){var e;if(t.key==="ArrowUp"||t.key==="ArrowDown"){const i=(e=this.tableDivElement)===null||e===void 0?void 0:e.querySelector(":focus");let s=this.checkboxRefs.indexOf(i);if(s>-1){t.preventDefault();if(t.key==="ArrowDown"){s=(s+1)%this.checkboxRefs.length;this.checkboxRefs[s].focus()}else if(t.key==="ArrowUp"){t.preventDefault();s=(s+this.checkboxRefs.length-1)%this.checkboxRefs.length;this.checkboxRefs[s].focus()}}}}componentDidRender(){this.checkDivElementScrollbar()}componentDidLoad(){if(this.tableDivElement&&ResizeObserver){this.tableDivElementResizeObserver=new ResizeObserver(this.handleResize.bind(this));this.tableDivElementResizeObserver.observe(this.tableDivElement)}this.checkAndUpdateStickyState()}handleSettingsChange(t){var e;const i=Object.assign(Object.assign({},this.state._headerCells),{horizontal:t.detail});_(this,"_headerCells",i);this.settingsChangedCounter++;if(typeof((e=this.state._on)===null||e===void 0?void 0:e[C.onChangeHeaderCells])==="function"){this.state._on[C.onChangeHeaderCells](t,i)}}disconnectedCallback(){var t;(t=this.tableDivElementResizeObserver)===null||t===void 0?void 0:t.disconnect();clearTimeout(this.resizeDebounceTimeout)}handleResize(){this.checkDivElementScrollbar();clearTimeout(this.resizeDebounceTimeout);this.resizeDebounceTimeout=setTimeout((()=>{this.checkAndUpdateStickyState()}),At)}checkDivElementScrollbar(){if(this.tableDivElement){this.tableDivElementHasScrollbar=this.tableDivElement.scrollWidth>this.tableDivElement.clientWidth}}calculateFixedColsWidth(){var t,e,i,s,l,n;if(!this._fixedCols)return 0;const o=this.getPrimaryHeaders(this.state._headerCells);let a=0;for(let i=0;i<this._fixedCols[0]&&i<o.length;i++){a+=(e=(t=o[i])===null||t===void 0?void 0:t.width)!==null&&e!==void 0?e:0}const r=this.maxCols-this._fixedCols[1];for(let t=r;t<this.maxCols&&t<o.length;t++){a+=(s=(i=o[t])===null||i===void 0?void 0:i.width)!==null&&s!==void 0?s:0}if(this.state._selection){const t=(l=this.tableDivElement)===null||l===void 0?void 0:l.querySelector(".kol-table__cell--selection");a+=(n=t===null||t===void 0?void 0:t.offsetWidth)!==null&&n!==void 0?n:0}return a}checkAndUpdateStickyState(){if(!this.tableDivElement||!this._fixedCols){this.stickyColsDisabled=false;return}const t=this.tableDivElement.clientWidth;const e=this.calculateFixedColsWidth();this.stickyColsDisabled=e>0&&e>=t}updateDataToKeyMap(t){const e=new Set(t);t.forEach((t=>{if(!this.dataToKeyMap.has(t)){this.dataToKeyMap.set(t,x())}}));this.dataToKeyMap.forEach(((t,i)=>{if(!e.has(i)){this.dataToKeyMap.delete(i)}}))}getDataKey(t){return this.dataToKeyMap.get(t)}getActionColumnHeader(t){const e=this.horizontal?this.state._headerCells.horizontal:this.state._headerCells.vertical;if(!e||e.length===0)return undefined;const i=this.getPrimaryHeaders(this.state._headerCells);const s=i[t];if(s&&s.type==="action"){return s}return undefined}cellRender(t,e){if(e){clearTimeout(this.cellsToRenderTimeouts.get(e));this.cellsToRenderTimeouts.set(e,setTimeout((()=>{if(typeof t.render==="function"){const i=t.render(e,t,t.data,this.state._data);if(typeof i==="string"){e.textContent=i}}})))}}getNumberOfCols(t,e){let i=0;t.forEach((t=>{let e=0;if(Array.isArray(t)){t.forEach((t=>{var i;e+=(i=t.colSpan)!==null&&i!==void 0?i:1}))}if(i<e){i=e}}));if(i===0){i=e.length}return i}getNumberOfRows(t,e){var i;let s=0;t.forEach((t=>{let e=0;if(Array.isArray(t)){t.forEach((t=>{var i;e+=(i=t.rowSpan)!==null&&i!==void 0?i:1}))}if(s<e){s=e}}));if(s===0){s=e.length}else{s-=((i=this.state._dataFoot)===null||i===void 0?void 0:i.length)||0}return s}getThePrimaryHeadersWithKeyOrRenderFunction(t){const e=[];t.forEach((t=>{t.forEach((t=>{if(typeof t.key==="string"||typeof t.render==="function"){e.push(t)}}))}));return e}getPrimaryHeaders(t){var e,i,s;if(((e=this.primaryHeadersCache)===null||e===void 0?void 0:e.headers)===t){this.horizontal=this.primaryHeadersCache.horizontal;return this.primaryHeadersCache.result}let l=this.getThePrimaryHeadersWithKeyOrRenderFunction((i=t.horizontal)!==null&&i!==void 0?i:[]);this.horizontal=true;if(l.length===0){l=this.getThePrimaryHeadersWithKeyOrRenderFunction((s=t.vertical)!==null&&s!==void 0?s:[]);if(l.length>0){this.horizontal=false}}this.primaryHeadersCache={headers:t,result:l,horizontal:this.horizontal};return l}createDataField(t,e,i){var s,l,n,o,a,r,c,d;e.horizontal=Array.isArray(e===null||e===void 0?void 0:e.horizontal)?e.horizontal:[];e.vertical=Array.isArray(e===null||e===void 0?void 0:e.vertical)?e.vertical:[];this.maxCols=this.getNumberOfCols(e.horizontal,t);const h=this.getPrimaryHeaders(e);let f=this.getNumberOfRows(e.vertical,t);let u=0;if(i){u=f;f+=((s=this.state._dataFoot)===null||s===void 0?void 0:s.length)||0}const b=[];const v=[];const _=[];e.vertical.forEach(((t,e)=>{v[e]=0;_[e]=[]}));const p=h;for(let s=u;s<f;s++){const d=[];e.vertical.forEach(((t,e)=>{let i=0;_[e].forEach((t=>i+=t));if(i<=s){const l=t[s-i+v[e]];if(typeof l==="object"){d.push(Object.assign(Object.assign({},l),{headerCell:true,data:{}}));let t=1;if(typeof l.rowSpan==="number"&&l.rowSpan>1){t=l.rowSpan}_[e].push(t);if(typeof l.colSpan==="number"&&l.colSpan>1){for(let i=1;i<l.colSpan;i++){_[e+i].push(t)}}v[e]++}}}));for(let e=0;e<this.maxCols;e++){let h=this.isFixedCol(e);if(h==="left"){if(this.getFixedOffset(e)===undefined){let t=(l=this.fixedOffsets[e-1])!==null&&l!==void 0?l:0;t+=(o=(n=p[e-1])===null||n===void 0?void 0:n.width)!==null&&o!==void 0?o:0;this.fixedOffsets[e]=t}}if(h==="right"){if(this.getFixedOffset(e)===undefined){let t=(a=this.fixedOffsets[e+1])!==null&&a!==void 0?a:0;t+=(c=(r=p[e+1])===null||r===void 0?void 0:r.width)!==null&&c!==void 0?c:0;this.fixedOffsets[e]=t}}if(this.horizontal===true){const l=i&&this.state._dataFoot?this.state._dataFoot[s-u]:t[s];if(typeof p[e]==="object"&&p[e]!==null&&typeof l==="object"&&l!==null&&(typeof p[e].key==="string"||typeof p[e].render==="function")){const t=p[e].key;const i=l[t];d.push(Object.assign(Object.assign({},p[e]),{colIndex:e,colSpan:undefined,rowSpan:undefined,data:l,label:i}))}}else{if(typeof p[s]==="object"&&p[s]!==null&&typeof t[e]==="object"&&t[e]!==null&&(typeof p[s].key==="string"||typeof p[s].render==="function")){const i=p[s].key;const l=t[e][i];d.push(Object.assign(Object.assign({},p[s]),{colIndex:e,colSpan:undefined,rowSpan:undefined,data:t[e],label:l}))}}}b.push(d)}if(t.length===0){let t=this.getVisibleColSpan((d=e.horizontal)===null||d===void 0?void 0:d[0]);let i=0;if(Array.isArray(e.vertical)&&e.vertical.length>0){t-=e.vertical.length;e.vertical[0].forEach((t=>{i+=t.rowSpan||1}))}const s={colSpan:t,label:this.translateNoEntries,render:undefined,rowSpan:Math.max(i,1)};if(b.length===0){b.push([s])}else{b[0].push(s)}}return b}getVisibleColSpan(t){var e;return(e=t===null||t===void 0?void 0:t.reduce(((t,e)=>{if("visible"in e&&e.visible===false){return t}return t+(e.colSpan||1)}),0))!==null&&e!==void 0?e:0}isFixedCol(t){if(!this._fixedCols||t===undefined||this.stickyColsDisabled){return undefined}if(t<this._fixedCols[0]){return"left"}if(t>=this.maxCols-this._fixedCols[1]){return"right"}}getFixedOffset(t){if(!this.tableDivElement||t===undefined){return undefined}if(this.fixedOffsets[t]!==undefined){return this.fixedOffsets[t]}return undefined}getOffsetString(t,e){if(e&&this._selection){return"calc( var(--kol-table-selection-col-width) + "+this.getFixedOffset(t)+"px)"}return this.getFixedOffset(t)+"px"}handleSelectionChangeCallbackAndEvent(t,e){var i;if(typeof((i=this.state._on)===null||i===void 0?void 0:i[C.onSelectionChange])==="function"){this.state._on[C.onSelectionChange](t,e)}if(this.host){D(this.host,A.selectionChange,e)}}initializeHeaderCellSettings(){if(this.state._headerCells&&this.state._headerCells.horizontal&&this.state._headerCells.horizontal.length>0){const t=Object.assign(Object.assign({},this.state._headerCells),{horizontal:this.state._headerCells.horizontal.map((t=>t.map((t=>Object.assign(Object.assign({},t),{visible:typeof t.visible==="boolean"?t.visible:true,hidable:typeof t.hidable==="boolean"?t.hidable:true})))))});_(this,"_headerCells",t)}}componentWillLoad(){this.validateData(this._data);this.validateDataFoot(this._dataFoot);this.validateHeaderCells(this._headerCells);this.validateLabel(this._label);this.validateOn(this._on);this.validateSelection(this._selection);this.validateHasSettingsMenu(this._hasSettingsMenu);this.validateVariantClassName(this._variant)}renderSelectionCell(t,i){var s;const l=this.state._selection;if(!l)return"";const n=this.getSelectionKeyPropertyName();const o=(s=t[0])===null||s===void 0?void 0:s.data;if(!o)return"";const a=o[n];const r=l.multiple||l.multiple===undefined;const h=String(a);const f=this.selectedKeysStringSet.has(h);const u=this.disabledKeysStringSet.has(h);const b=l.label(o);const v={name:"selection",checked:f,disabled:u,id:String(a),["aria-label"]:b};return e("td",{key:`tbody-${i}-selection`,class:"kol-table__cell kol-table__cell--selection"},e("div",{class:$("kol-table__selection",{"kol-table__selection--checked":f})},r?e("label",{class:$("kol-table__selection-label",{"kol-table__selection-label--disabled":u})},e(c,{class:"kol-table__selection-icon",icons:`kolicon ${f?"kolicon-check":""}`,label:""}),e("input",Object.assign({class:$("kol-table__selection-input kol-table__selection-input--checkbox"),ref:t=>t&&this.checkboxRefs.push(t)},v,{type:"checkbox",onInput:t=>{const e=(()=>{const t=l===null||l===void 0?void 0:l.selectedKeys;return t===undefined?[]:Array.isArray(t)?t:[t]})();const i=!f?[...e,a]:e.filter((t=>String(t)!==String(a)));this.handleSelectionChangeCallbackAndEvent(t,i!==null&&i!==void 0?i:[])}}))):e("label",{class:"kol-table__selection-label"},e("input",Object.assign({class:$("kol-table__selection-input kol-table__selection-input--radio")},v,{type:"radio",onInput:t=>{this.handleSelectionChangeCallbackAndEvent(t,[a])}}))),e("div",{class:"kol-table__selection-input-tooltip"},e(d,{label:b,badgeText:"",id:`${a}-label`,refFloating:()=>{}}))))}getSelectionKeyPropertyName(){var t,e;return(e=(t=this.state._selection)===null||t===void 0?void 0:t.keyPropertyName)!==null&&e!==void 0?e:"id"}static normalizeKeys(t){return t===undefined?[]:Array.isArray(t)?t:[t]}updateSelectionKeySets(){var t,e;this.selectedKeysStringSet=new Set(Ot.normalizeKeys((t=this.state._selection)===null||t===void 0?void 0:t.selectedKeys).map(String));this.disabledKeysStringSet=new Set(Ot.normalizeKeys((e=this.state._selection)===null||e===void 0?void 0:e.disabledKeys).map(String))}getDataWithSelectionEnabled(){const t=this.getSelectionKeyPropertyName();return this.state._data.filter((e=>!this.disabledKeysStringSet.has(String(e[t]))))}getSelectedKeysWithoutDisabledKeys(){var t;return Ot.normalizeKeys((t=this.state._selection)===null||t===void 0?void 0:t.selectedKeys).filter((t=>!this.disabledKeysStringSet.has(String(t))))}getSelectedKeysWithDisabledKeysOnly(){var t;return Ot.normalizeKeys((t=this.state._selection)===null||t===void 0?void 0:t.selectedKeys).filter((t=>this.disabledKeysStringSet.has(String(t))))}getRevertedSelection(t){var e;const i=this.getSelectionKeyPropertyName();const s=(e=this.getSelectedKeysWithDisabledKeysOnly())!==null&&e!==void 0?e:[];if(t){s.push(...this.getDataWithSelectionEnabled().map((t=>t===null||t===void 0?void 0:t[i])))}return s}getTableMinWidth(){var t,e;const i=(t=this.state._headerCells.horizontal)!==null&&t!==void 0?t:[];const s=[];i.forEach((t=>{t.forEach((t=>{if(t.visible!==false&&t.width!==undefined&&t.width>0){s.push(t.width)}}))}));const l=(e=this.state._headerCells.vertical)!==null&&e!==void 0?e:[];const n=[];l.forEach((t=>{t.forEach((t=>{if(t.width!==undefined&&t.width>0){n.push(t.width)}}))}));const o=[...n,...s];if(o.length===0){return"0px"}if(o.length===1){return`${o[0]}px`}return`calc(${o.map((t=>`${t}px`)).join(" + ")})`}renderHeadingSelectionCell(){var t,i;const s=this.state._selection;if(!s){return e("td",{class:"kol-table__cell kol-table__cell--header",key:`thead-0`})}if(s.multiple===false){return e("th",{scope:"col",key:`thead-0-selection`,class:"kol-table__cell kol-table__cell--header kol-table__cell--selection"},e("span",{class:"visually-hidden"},r("kol-table-selection")))}const l=(i=(t=this.getSelectedKeysWithoutDisabledKeys())===null||t===void 0?void 0:t.length)!==null&&i!==void 0?i:0;const n=this.getDataWithSelectionEnabled().length;const o=l===n;const a=l!==0&&!o;let h="kol-table-selection-indeterminate";if(o&&!a){h="kol-table-selection-none"}if(l===0){h="kol-table-selection-all"}const f=r(h);return e("th",{scope:"col",key:`thead-0-selection`,class:"kol-table__cell kol-table__cell--header kol-table__cell--selection"},e("span",{class:"visually-hidden"},r("kol-table-selection")),e("div",{class:$("kol-table__selection",{"kol-table__selection--indeterminate":a,"kol-table__selection--checked":o})},e("label",{class:"kol-table__selection-label"},e(c,{class:"kol-table__selection-icon",icons:`kolicon ${a?"kolicon-minus":o?"kolicon-check":""}`,label:""}),e("input",{class:$("kol-table__selection-input kol-table__selection-input--checkbox"),"data-testid":"selection-checkbox-all",ref:t=>t&&this.checkboxRefs.push(t),name:"selection",checked:o&&!a,indeterminate:a,"aria-label":f,type:"checkbox",onInput:t=>{this.handleSelectionChangeCallbackAndEvent(t,this.getRevertedSelection(!o))}})),e("div",{class:"kol-table__selection-input-tooltip"},e(d,{label:f,badgeText:"",id:`${h}-label`,refFloating:()=>{}}))))}renderHeaderTdCell(){const t=this.state._headerCells.horizontal;const s=this.state._headerCells.vertical;if(!Array.isArray(t)||t.length===0||!Array.isArray(s)||s.length===0){return e(i,null)}const l=s.reduce(((t,e)=>{var i;const s=e===null||e===void 0?void 0:e[0];return t+((i=s===null||s===void 0?void 0:s.width)!==null&&i!==void 0?i:0)}),0);return e("td",{"aria-hidden":"true",colSpan:s.length,rowSpan:t.length,style:l>0?{width:`${l}px`}:undefined})}formatSortOrderDescription(t){return this.translateSortOrder.replace("{{order}}",`${t}`)}getSortAriaDescription(t){if(typeof t==="number"&&t>0){return`${this.translateSort} – ${this.formatSortOrderDescription(t)}`}return this.translateSort}renderHeadingCell(t,i,s,l){if(t.visible===false){return""}const o=(t===null||t===void 0?void 0:t.sortable)!==false;const a=typeof t.sortDirection==="string";const r=o&&a;let c="none";let d="kolicon-sort-neutral";if(r&&t.sortDirection){switch(t.sortDirection){case"ASC":d="kolicon-sort-asc";c="ascending";break;case"DESC":d="kolicon-sort-desc";c="descending";break;default:c="none"}}const h=l?"row":typeof t.colSpan==="number"&&t.colSpan>1?"colgroup":"col";const f=typeof t.sortOrder==="number"&&t.sortOrder>0?t.sortOrder:undefined;const u=this.getSortAriaDescription(f);const b=t.width!==undefined?`${t.width}px`:undefined;const v=this.isFixedCol(s);const _=v==="left"?this.getOffsetString(s,true):undefined;const p=v==="right"?this.getOffsetString(s):undefined;return e("th",{key:`${i}-${s}-${t.label}`,class:$("kol-table__cell kol-table__cell--header",`kol-table__cell--${c}`,t.textAlign&&`kol-table__cell--align-${t.textAlign}`,v&&`kol-table__cell--sticky-${v}`),scope:h,colSpan:t.colSpan,rowSpan:t.rowSpan,style:{width:b,left:_,right:p},"aria-sort":c,"data-sort":r&&t.sortDirection?`sort-${t.sortDirection}`:undefined},r&&t.sortDirection?e("span",{class:"kol-table__sort"},e(n,{class:"kol-table__sort-button",_icons:{right:d},_label:t.label,_ariaDescription:u,_on:{onClick:e=>{var i;if(typeof((i=this.state._on)===null||i===void 0?void 0:i.onSort)==="function"&&t.key&&t.sortDirection){this.state._on.onSort(e,{key:t.key,currentSortDirection:t.sortDirection})}if(this.host){D(this.host,A.sort,{key:t.key,currentSortDirection:t.sortDirection})}}}}),f&&e("span",{"aria-hidden":"true",class:"kol-table__sort-order"},f)):t.label)}renderSpacer(t,i){var s;const l=((s=this.state._headerCells.vertical)===null||s===void 0?void 0:s.length)||0;const n=this.getVisibleColSpan(i===null||i===void 0?void 0:i[0]);const o=this.state._selection?1:0;return e("tr",{"aria-hidden":"true",class:$("kol-table__spacer",`kol-table__spacer--${t}`)},e("td",{class:$(`kol-table__spacer-line kol-table__spacer-line--${t}`),colSpan:l+n+o}))}renderFoot(){if(!this.state._dataFoot||this.state._dataFoot.length===0){return null}const t=this.createDataField(this.state._dataFoot,this.state._headerCells,true);return e("tfoot",{class:"kol-table__footer"},[this.renderSpacer("foot",t),t.map(((t,e)=>this.renderTableRow(t,e,true,true)))])}render(){var t;this.updateSelectionKeySets();const i=this.createDataField(this.state._data,this.state._headerCells);this.checkboxRefs=[];const s=this.state._headerCells.horizontal;const l=!((t=this.externalLabelElements)===null||t===void 0?void 0:t.length);return e("div",{key:"a27c5b854dfe1e831aff39f07ee4d74be30ed67e",class:$("kol-table",{[`kol-table--${this.state._variant}`]:this.state._variant!==undefined})},this.state._hasSettingsMenu&&e(a,{key:"a7fa12d347cb52bc834dc83f0db0c7c71dee4cb9",_horizontalHeaderCells:s!==null&&s!==void 0?s:[]}),e("div",{key:"47c90b5b6f233572fa2143b496e246b34c2a5a7d",ref:t=>this.tableDivElement=t,class:"kol-table__scroll-container",tabindex:this.tableDivElementHasScrollbar?l?"-1":"0":undefined},e("table",{key:"8a8076f5dbf9102c2b34064fff4ee01c3510f7b3",ref:t=>{this.tableRef=t;this.syncTableLabel(this.externalLabelElements)},"aria-labelledby":l?"caption":undefined,class:"kol-table__table",style:{minWidth:this.getTableMinWidth()}},l&&e("caption",{key:"0ccf4e13f484de3f44f3282fcc99a8521c17aea4",class:"kol-table__focus-element kol-table__caption",id:"caption",tabindex:this.tableDivElementHasScrollbar?"0":undefined},this.state._label),Array.isArray(s)&&e("thead",{key:"602f2f0157b40379bbfeabcecf4f03f54a4a161d",class:"kol-table__head"},[s.map(((t,i)=>e("tr",{class:"kol-table__head-row",key:`thead-${i}`},this.state._selection&&this.renderHeadingSelectionCell(),i===0&&this.renderHeaderTdCell(),Array.isArray(t)&&t.map(((t,e)=>this.renderHeadingCell(t,i,e,false)))))),this.renderSpacer("head",s)]),e("tbody",{key:"d2473c4cc03ff3c664118d08599083d28531090b",class:"kol-table__body"},i.map(((t,e)=>this.renderTableRow(t,e,true)))),this.renderFoot())))}get host(){return s(this)}static get watchers(){return{externalLabelElements:["onExternalLabelElementsChange"],_ariaLabelledby:["validateAriaLabelledby"],_hasSettingsMenu:["validateHasSettingsMenu"],_data:["validateData"],_dataFoot:["validateDataFoot"],_fixedCols:["validateFixedCols"],_headerCells:["validateHeaderCells"],_label:["validateLabel"],_on:["validateOn"],_selection:["validateSelection"],_variant:["validateVariantClassName"]}}};export{Ot as kol_table_stateless_wc};
 //# sourceMappingURL=kol-table-stateless-wc.entry.js.map