@public-ui/sample-react 2.2.16 → 2.2.17-rc.0

package/dist/assets/{kol-spin.entry-CJVO_zer.js → kol-spin.entry-C6UpM3xh.js}

@@ -1,4 +1,4 @@
-import{r,h as n,H as s,F as l,w as d}from"./index-Dcivz78S.js";import{t as i}from"./i18n-3dd5729d-BdyagK61.js";import{v as c}from"./show-bfd36a90-CWMii8Iv.js";/*!
+import{r,h as n,H as s,F as l,w as d}from"./index-TUFJsQwj.js";import{t as i}from"./i18n-3dd5729d-B7Hl56hm.js";import{v as c}from"./show-bfd36a90-D1Jc_2gl.js";/*!
  * KoliBri - The accessible HTML-Standard
  */const o=["cycle","dot","none"],h=(e,a)=>{d(e,"_variant",t=>typeof t=="string"&&o.includes(t),new Set(o),a)},p=`/*
  * This file contains all rules for accessibility.
@@ -313,4 +313,4 @@ import{r,h as n,H as s,F as l,w as d}from"./index-Dcivz78S.js";import{t as i}fro
     padding: calc(2rem / var(--kolibri-root-font-size, 16));
   }
 }`,m=p;function f(e){switch(e){case"cycle":return n("span",{class:"loader"});case"none":return n("slot",{name:"expert"});default:return n(l,null,n("span",{class:"bg-spin-1"}),n("span",{class:"bg-spin-2"}),n("span",{class:"bg-spin-3"}),n("span",{class:"bg-neutral"}))}}const b=class{constructor(e){r(this,e),this.showToggled=!1,this._show=!1,this._variant="dot",this.state={_variant:"dot"}}render(){return n(s,{key:"7aa382d1c2db4fb643edd0c3ee846e4a4d4b01e9",class:"kol-spin"},this.state._show?n("span",{"aria-busy":"true","aria-label":i("kol-action-running"),"aria-live":"polite",class:{spin:!0,[this.state._variant]:!0},role:"alert"},f(this.state._variant)):this.showToggled&&n("span",{"aria-label":i("kol-action-done"),"aria-busy":"false","aria-live":"polite",role:"alert"}))}validateShow(e){this.showToggled=this.state._show===!0&&this._show===!1,c(this,e)}validateVariant(e){h(this,e)}componentWillLoad(){this.validateShow(this._show),this.validateVariant(this._variant)}static get watchers(){return{_show:["validateShow"],_variant:["validateVariant"]}}};b.style={default:m};export{b as kol_spin};
-//# sourceMappingURL=kol-spin.entry-CJVO_zer.js.map
+//# sourceMappingURL=kol-spin.entry-C6UpM3xh.js.map

package/dist/assets/{kol-spin.entry-CJVO_zer.js.map → kol-spin.entry-C6UpM3xh.js.map}

@@ -1 +1 @@
-{"version":3,"file":"kol-spin.entry-CJVO_zer.js","sources":["../../../../components/dist/esm/kol-spin.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h, H as Host, F as Fragment } from './index-a69c328d.js';\nimport { w as watchValidator } from './index-7a63e9eb.js';\nimport { t as translate } from './i18n-3dd5729d.js';\nimport { v as validateShow } from './show-bfd36a90.js';\nimport './i18n-b14e6088.js';\n\nconst spinVariantPropTypeOptions = ['cycle', 'dot', 'none'];\nconst validateSpinVariant = (component, value) => {\n    watchValidator(component, '_variant', (value) => typeof value === 'string' && spinVariantPropTypeOptions.includes(value), new Set(spinVariantPropTypeOptions), value);\n};\n\nconst defaultStyleCss = \"/*\\n * This file contains all rules for accessibility.\\n */\\n@layer kol-a11y {\\n  :host {\\n    /*\\n     * Minimum size of interactive elements.\\n     */\\n    --a11y-min-size: calc(44rem / var(--kolibri-root-font-size, 16));\\n    color: black;\\n    /*\\n     * No element should be used without a background and font color whose contrast ratio has\\n     * not been checked. By initially setting the background color to white and the font color\\n     * to black, the contrast ratio is ensured and explicit adjustment is forced.\\n     */\\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  * {\\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 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 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%; /* 100% needed for custom width from outside */\\n    margin: 0;\\n    padding: 0;\\n    border: none;\\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}\\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(16rem / 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  /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\\n  .kol-span-wc {\\n    display: grid;\\n    place-items: center;\\n  }\\n  /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\\n  .kol-span-wc > span {\\n    display: flex;\\n    place-items: center;\\n  }\\n  a,\\n  button {\\n    cursor: pointer;\\n  }\\n  /* This is the text label. */\\n  .hide-label > .kol-span-wc > span > span {\\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    opacity: 0.5;\\n    outline: none;\\n    cursor: not-allowed;\\n  }\\n  [aria-disabled=true]:focus .kol-span-wc,\\n  [disabled]:focus .kol-span-wc {\\n    outline: none !important;\\n  }\\n  .badge-text-hint {\\n    color: black;\\n    background-color: lightgray;\\n  }\\n}\\n@layer kol-component {\\n  .spin.cycle {\\n    width: calc(48rem / var(--kolibri-root-font-size, 16));\\n    height: calc(48rem / var(--kolibri-root-font-size, 16));\\n  }\\n  .spin.cycle > .loader {\\n    border-radius: 50%;\\n    display: block;\\n    position: relative;\\n    width: 100%;\\n    height: 100%;\\n    animation: 2s linear infinite rotate;\\n  }\\n  .spin.cycle > .loader::before {\\n    border-radius: 50%;\\n    position: absolute;\\n    inset: 0;\\n    content: \\\"\\\";\\n    animation: 3s linear infinite prixClipFix;\\n    border: 5px solid #333;\\n  }\\n  @keyframes rotate {\\n    100% {\\n      transform: rotate(360deg);\\n    }\\n  }\\n  @keyframes prixClipFix {\\n    0% {\\n      border-color: #fff;\\n      clip-path: polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0);\\n    }\\n    25% {\\n      border-color: #666;\\n      clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0);\\n    }\\n    50% {\\n      border-color: #000;\\n      clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%);\\n    }\\n    75% {\\n      border-color: #000;\\n      clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%);\\n    }\\n    100% {\\n      border-color: #000;\\n      clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 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    .spin.cycle > .loader {\\n      animation-duration: 4s;\\n    }\\n    .spin.cycle > .loader::before {\\n      animation-duration: 6s;\\n    }\\n  }\\n}\\n@layer kol-component {\\n  .spin.dot {\\n    width: calc(48rem / var(--kolibri-root-font-size, 16));\\n    height: calc(16rem / var(--kolibri-root-font-size, 16));\\n  }\\n  .spin.dot > span {\\n    border-radius: 50%;\\n    position: absolute;\\n    top: calc(0.16rem / var(--kolibri-root-font-size, 16));\\n    width: calc(12.8rem / var(--kolibri-root-font-size, 16));\\n    height: calc(12.8rem / var(--kolibri-root-font-size, 16));\\n    animation-timing-function: cubic-bezier(0, 1, 1, 0);\\n    border: 0.16px solid #fff;\\n  }\\n  .spin.dot > span:first-child {\\n    background-color: #000;\\n    left: calc(0.16rem / var(--kolibri-root-font-size, 16));\\n    z-index: 0;\\n    animation: 1s infinite spin1;\\n  }\\n  .spin.dot > span:nth-child(2) {\\n    background-color: #000;\\n    left: calc(0.16rem / var(--kolibri-root-font-size, 16));\\n    z-index: 1;\\n    animation: 1s infinite spin2;\\n  }\\n  .spin.dot > span:nth-child(3) {\\n    background-color: #000;\\n    left: calc(17.6rem / var(--kolibri-root-font-size, 16));\\n    z-index: 1;\\n    animation: 1s infinite spin2;\\n  }\\n  .spin.dot > span:nth-child(4) {\\n    background-color: #666;\\n    left: calc(33.6rem / var(--kolibri-root-font-size, 16));\\n    z-index: 0;\\n    animation: 1s infinite spin3;\\n  }\\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(16rem / 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    .spin.dot > span:first-child,\\n    .spin.dot > span:nth-child(2),\\n    .spin.dot > span:nth-child(3),\\n    .spin.dot > span:nth-child(4) {\\n      animation-duration: 2s;\\n    }\\n  }\\n}\\n@layer kol-component {\\n  .spin {\\n    display: block;\\n    position: relative;\\n    padding: calc(2rem / var(--kolibri-root-font-size, 16));\\n  }\\n}\";\nconst KolSpinDefaultStyle0 = defaultStyleCss;\n\nfunction renderSpin(variant) {\n    switch (variant) {\n        case 'cycle':\n            return h(\"span\", { class: \"loader\" });\n        case 'none':\n            return h(\"slot\", { name: \"expert\" });\n        default:\n            return (h(Fragment, null, h(\"span\", { class: \"bg-spin-1\" }), h(\"span\", { class: \"bg-spin-2\" }), h(\"span\", { class: \"bg-spin-3\" }), h(\"span\", { class: \"bg-neutral\" })));\n    }\n}\nconst KolSpin = class {\n    constructor(hostRef) {\n        registerInstance(this, hostRef);\n        this.showToggled = false;\n        this._show = false;\n        this._variant = 'dot';\n        this.state = {\n            _variant: 'dot',\n        };\n    }\n    render() {\n        return (h(Host, { key: '7aa382d1c2db4fb643edd0c3ee846e4a4d4b01e9', class: \"kol-spin\" }, this.state._show ? (h(\"span\", { \"aria-busy\": \"true\", \"aria-label\": translate('kol-action-running'), \"aria-live\": \"polite\", class: {\n                spin: true,\n                [this.state._variant]: true,\n            }, role: \"alert\" }, renderSpin(this.state._variant))) : (this.showToggled && h(\"span\", { \"aria-label\": translate('kol-action-done'), \"aria-busy\": \"false\", \"aria-live\": \"polite\", role: \"alert\" }))));\n    }\n    validateShow(value) {\n        this.showToggled = this.state._show === true && this._show === false;\n        validateShow(this, value);\n    }\n    validateVariant(value) {\n        validateSpinVariant(this, value);\n    }\n    componentWillLoad() {\n        this.validateShow(this._show);\n        this.validateVariant(this._variant);\n    }\n    static get watchers() { return {\n        \"_show\": [\"validateShow\"],\n        \"_variant\": [\"validateVariant\"]\n    }; }\n};\nKolSpin.style = {\n    default: KolSpinDefaultStyle0\n};\n\nexport { KolSpin as kol_spin };\n\n//# sourceMappingURL=kol-spin.entry.js.map"],"names":["spinVariantPropTypeOptions","validateSpinVariant","component","value","watchValidator","defaultStyleCss","KolSpinDefaultStyle0","renderSpin","variant","h","Fragment","KolSpin","hostRef","registerInstance","Host","translate","validateShow"],"mappings":"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"}
+{"version":3,"file":"kol-spin.entry-C6UpM3xh.js","sources":["../../../../components/dist/esm/kol-spin.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h, H as Host, F as Fragment } from './index-77da4ee6.js';\nimport { w as watchValidator } from './index-7a63e9eb.js';\nimport { t as translate } from './i18n-3dd5729d.js';\nimport { v as validateShow } from './show-bfd36a90.js';\nimport './i18n-b14e6088.js';\n\nconst spinVariantPropTypeOptions = ['cycle', 'dot', 'none'];\nconst validateSpinVariant = (component, value) => {\n    watchValidator(component, '_variant', (value) => typeof value === 'string' && spinVariantPropTypeOptions.includes(value), new Set(spinVariantPropTypeOptions), value);\n};\n\nconst defaultStyleCss = \"/*\\n * This file contains all rules for accessibility.\\n */\\n@layer kol-a11y {\\n  :host {\\n    /*\\n     * Minimum size of interactive elements.\\n     */\\n    --a11y-min-size: calc(44rem / var(--kolibri-root-font-size, 16));\\n    color: black;\\n    /*\\n     * No element should be used without a background and font color whose contrast ratio has\\n     * not been checked. By initially setting the background color to white and the font color\\n     * to black, the contrast ratio is ensured and explicit adjustment is forced.\\n     */\\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  * {\\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 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 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%; /* 100% needed for custom width from outside */\\n    margin: 0;\\n    padding: 0;\\n    border: none;\\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}\\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(16rem / 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  /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\\n  .kol-span-wc {\\n    display: grid;\\n    place-items: center;\\n  }\\n  /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\\n  .kol-span-wc > span {\\n    display: flex;\\n    place-items: center;\\n  }\\n  a,\\n  button {\\n    cursor: pointer;\\n  }\\n  /* This is the text label. */\\n  .hide-label > .kol-span-wc > span > span {\\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    opacity: 0.5;\\n    outline: none;\\n    cursor: not-allowed;\\n  }\\n  [aria-disabled=true]:focus .kol-span-wc,\\n  [disabled]:focus .kol-span-wc {\\n    outline: none !important;\\n  }\\n  .badge-text-hint {\\n    color: black;\\n    background-color: lightgray;\\n  }\\n}\\n@layer kol-component {\\n  .spin.cycle {\\n    width: calc(48rem / var(--kolibri-root-font-size, 16));\\n    height: calc(48rem / var(--kolibri-root-font-size, 16));\\n  }\\n  .spin.cycle > .loader {\\n    border-radius: 50%;\\n    display: block;\\n    position: relative;\\n    width: 100%;\\n    height: 100%;\\n    animation: 2s linear infinite rotate;\\n  }\\n  .spin.cycle > .loader::before {\\n    border-radius: 50%;\\n    position: absolute;\\n    inset: 0;\\n    content: \\\"\\\";\\n    animation: 3s linear infinite prixClipFix;\\n    border: 5px solid #333;\\n  }\\n  @keyframes rotate {\\n    100% {\\n      transform: rotate(360deg);\\n    }\\n  }\\n  @keyframes prixClipFix {\\n    0% {\\n      border-color: #fff;\\n      clip-path: polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0);\\n    }\\n    25% {\\n      border-color: #666;\\n      clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0);\\n    }\\n    50% {\\n      border-color: #000;\\n      clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%);\\n    }\\n    75% {\\n      border-color: #000;\\n      clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%);\\n    }\\n    100% {\\n      border-color: #000;\\n      clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 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    .spin.cycle > .loader {\\n      animation-duration: 4s;\\n    }\\n    .spin.cycle > .loader::before {\\n      animation-duration: 6s;\\n    }\\n  }\\n}\\n@layer kol-component {\\n  .spin.dot {\\n    width: calc(48rem / var(--kolibri-root-font-size, 16));\\n    height: calc(16rem / var(--kolibri-root-font-size, 16));\\n  }\\n  .spin.dot > span {\\n    border-radius: 50%;\\n    position: absolute;\\n    top: calc(0.16rem / var(--kolibri-root-font-size, 16));\\n    width: calc(12.8rem / var(--kolibri-root-font-size, 16));\\n    height: calc(12.8rem / var(--kolibri-root-font-size, 16));\\n    animation-timing-function: cubic-bezier(0, 1, 1, 0);\\n    border: 0.16px solid #fff;\\n  }\\n  .spin.dot > span:first-child {\\n    background-color: #000;\\n    left: calc(0.16rem / var(--kolibri-root-font-size, 16));\\n    z-index: 0;\\n    animation: 1s infinite spin1;\\n  }\\n  .spin.dot > span:nth-child(2) {\\n    background-color: #000;\\n    left: calc(0.16rem / var(--kolibri-root-font-size, 16));\\n    z-index: 1;\\n    animation: 1s infinite spin2;\\n  }\\n  .spin.dot > span:nth-child(3) {\\n    background-color: #000;\\n    left: calc(17.6rem / var(--kolibri-root-font-size, 16));\\n    z-index: 1;\\n    animation: 1s infinite spin2;\\n  }\\n  .spin.dot > span:nth-child(4) {\\n    background-color: #666;\\n    left: calc(33.6rem / var(--kolibri-root-font-size, 16));\\n    z-index: 0;\\n    animation: 1s infinite spin3;\\n  }\\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(16rem / 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    .spin.dot > span:first-child,\\n    .spin.dot > span:nth-child(2),\\n    .spin.dot > span:nth-child(3),\\n    .spin.dot > span:nth-child(4) {\\n      animation-duration: 2s;\\n    }\\n  }\\n}\\n@layer kol-component {\\n  .spin {\\n    display: block;\\n    position: relative;\\n    padding: calc(2rem / var(--kolibri-root-font-size, 16));\\n  }\\n}\";\nconst KolSpinDefaultStyle0 = defaultStyleCss;\n\nfunction renderSpin(variant) {\n    switch (variant) {\n        case 'cycle':\n            return h(\"span\", { class: \"loader\" });\n        case 'none':\n            return h(\"slot\", { name: \"expert\" });\n        default:\n            return (h(Fragment, null, h(\"span\", { class: \"bg-spin-1\" }), h(\"span\", { class: \"bg-spin-2\" }), h(\"span\", { class: \"bg-spin-3\" }), h(\"span\", { class: \"bg-neutral\" })));\n    }\n}\nconst KolSpin = class {\n    constructor(hostRef) {\n        registerInstance(this, hostRef);\n        this.showToggled = false;\n        this._show = false;\n        this._variant = 'dot';\n        this.state = {\n            _variant: 'dot',\n        };\n    }\n    render() {\n        return (h(Host, { key: '7aa382d1c2db4fb643edd0c3ee846e4a4d4b01e9', class: \"kol-spin\" }, this.state._show ? (h(\"span\", { \"aria-busy\": \"true\", \"aria-label\": translate('kol-action-running'), \"aria-live\": \"polite\", class: {\n                spin: true,\n                [this.state._variant]: true,\n            }, role: \"alert\" }, renderSpin(this.state._variant))) : (this.showToggled && h(\"span\", { \"aria-label\": translate('kol-action-done'), \"aria-busy\": \"false\", \"aria-live\": \"polite\", role: \"alert\" }))));\n    }\n    validateShow(value) {\n        this.showToggled = this.state._show === true && this._show === false;\n        validateShow(this, value);\n    }\n    validateVariant(value) {\n        validateSpinVariant(this, value);\n    }\n    componentWillLoad() {\n        this.validateShow(this._show);\n        this.validateVariant(this._variant);\n    }\n    static get watchers() { return {\n        \"_show\": [\"validateShow\"],\n        \"_variant\": [\"validateVariant\"]\n    }; }\n};\nKolSpin.style = {\n    default: KolSpinDefaultStyle0\n};\n\nexport { KolSpin as kol_spin };\n\n//# sourceMappingURL=kol-spin.entry.js.map"],"names":["spinVariantPropTypeOptions","validateSpinVariant","component","value","watchValidator","defaultStyleCss","KolSpinDefaultStyle0","renderSpin","variant","h","Fragment","KolSpin","hostRef","registerInstance","Host","translate","validateShow"],"mappings":"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"}

package/dist/assets/{kol-split-button.entry-CViapfh0.js → kol-split-button.entry-DePNVbOy.js}

@@ -1,4 +1,4 @@
-import{r as l,h as n,a8 as r,c as o,H as d}from"./index-Dcivz78S.js";import{t as a}from"./i18n-3dd5729d-BdyagK61.js";/*!
+import{r as l,h as n,a8 as r,c as o,H as d}from"./index-TUFJsQwj.js";import{t as a}from"./i18n-3dd5729d-B7Hl56hm.js";/*!
  * KoliBri - The accessible HTML-Standard
  */const h=`/*
  * This file contains all rules for accessibility.
@@ -282,4 +282,4 @@ import{r as l,h as n,a8 as r,c as o,H as d}from"./index-Dcivz78S.js";import{t as
     display: none;
   }
 }`,c=h,p=class{constructor(t){l(this,t),this.clickButtonHandler={onClick:s=>{var e,i;typeof((e=this._on)===null||e===void 0?void 0:e.onClick)=="function"?(i=this._on)===null||i===void 0||i.onClick(s,this._value):this.toggleDropdown()}},this.clickToggleHandler={onClick:()=>this.toggleDropdown()},this.toggleDropdown=()=>{this.state=Object.assign(Object.assign({},this.state),{_show:!this.state._show})},this.handleOnClose=()=>{this.state=Object.assign(Object.assign({},this.state),{_show:!1})},this._ariaControls=void 0,this._ariaExpanded=void 0,this._ariaSelected=void 0,this._customClass=void 0,this._disabled=!1,this._hideLabel=!1,this._icons=void 0,this._id=void 0,this._label=void 0,this._name=void 0,this._on=void 0,this._role=void 0,this._syncValueBySelector=void 0,this._tabIndex=void 0,this._tooltipAlign="top",this._type="button",this._value=void 0,this._variant="normal",this.state={_show:!1}}render(){const t="kol-split-button-dropdown-label";return n(d,{key:"6bad884cb6a50ad50b50684412c2a24a61cc0bb1",class:"kol-split-button"},n("div",{key:"635cf2785fd3742649d31b8eb3dc5d305f085fbb",class:"split-button-root"},n(o,{key:"c0818c09f47170910d1a29c35e5804a6ea2fe201",class:{"main-button":!0,button:!0},_ariaControls:this._ariaControls,_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,_syncValueBySelector:this._syncValueBySelector,_tabIndex:this._tabIndex,_tooltipAlign:this._tooltipAlign,_type:this._type,_value:this._value,_variant:this._variant}),n("div",{key:"865de25270e46b3c8847a8e94cd844dfa90ee0e6",class:"horizontal-line"}),n(o,{key:"3057a0a5a62b9f7b40a5d14e5f178eba6191d538",class:{"secondary-button":!0,[this._variant]:this._variant!=="custom"},_disabled:this._disabled,_hideLabel:!0,_icons:"codicon codicon-triangle-down",_label:this.state._show?a(`${t}-close`):a(`${t}-open`),_on:this.clickToggleHandler,_variant:this._variant})),n(r,{key:"b3099a04b9c096b8fb5dad08a07f2cd15932f3a6",_show:this.state._show,_on:{onClose:this.handleOnClose},_align:"bottom"},n("slot",{key:"d9655a0b796d72a7e3ca664c82bb8ce23171b37c"})))}async closePopup(){return this.handleOnClose(),Promise.resolve()}static get delegatesFocus(){return!0}};p.style={default:c};export{p as kol_split_button};
-//# sourceMappingURL=kol-split-button.entry-CViapfh0.js.map
+//# sourceMappingURL=kol-split-button.entry-DePNVbOy.js.map

package/dist/assets/{kol-split-button.entry-CViapfh0.js.map → kol-split-button.entry-DePNVbOy.js.map}

@@ -1 +1 @@
-{"version":3,"file":"kol-split-button.entry-CViapfh0.js","sources":["../../../../components/dist/esm/kol-split-button.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h, H as Host } from './index-a69c328d.js';\nimport { t as translate } from './i18n-3dd5729d.js';\nimport { o as KolPopoverWcTag, c as KolButtonWcTag } from './component-names-4cb1c62b.js';\nimport './i18n-b14e6088.js';\nimport './index-7a63e9eb.js';\n\nconst defaultStyleCss = \"/*\\n * This file contains all rules for accessibility.\\n */\\n@layer kol-a11y {\\n  :host {\\n    /*\\n     * Minimum size of interactive elements.\\n     */\\n    --a11y-min-size: calc(44rem / var(--kolibri-root-font-size, 16));\\n    color: black;\\n    /*\\n     * No element should be used without a background and font color whose contrast ratio has\\n     * not been checked. By initially setting the background color to white and the font color\\n     * to black, the contrast ratio is ensured and explicit adjustment is forced.\\n     */\\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  * {\\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 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 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%; /* 100% needed for custom width from outside */\\n    margin: 0;\\n    padding: 0;\\n    border: none;\\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}\\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(16rem / 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  /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\\n  .kol-span-wc {\\n    display: grid;\\n    place-items: center;\\n  }\\n  /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\\n  .kol-span-wc > span {\\n    display: flex;\\n    place-items: center;\\n  }\\n  a,\\n  button {\\n    cursor: pointer;\\n  }\\n  /* This is the text label. */\\n  .hide-label > .kol-span-wc > span > span {\\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    opacity: 0.5;\\n    outline: none;\\n    cursor: not-allowed;\\n  }\\n  [aria-disabled=true]:focus .kol-span-wc,\\n  [disabled]:focus .kol-span-wc {\\n    outline: none !important;\\n  }\\n  .badge-text-hint {\\n    color: black;\\n    background-color: lightgray;\\n  }\\n}\\n@layer kol-component {\\n  .kol-popover {\\n    position: absolute;\\n    height: 0;\\n  }\\n  .kol-popover .popover {\\n    opacity: 0;\\n    background-color: #fff;\\n    position: absolute;\\n    min-width: max-content;\\n    min-height: max-content;\\n  }\\n  .kol-popover .show {\\n    animation: 0.3s ease-in forwards fadeInOpacity;\\n  }\\n  .kol-popover .disappear {\\n    animation: 0.3s ease-in backwards fadeInOpacity;\\n  }\\n  .kol-popover .arrow {\\n    rotate: 0.125turn;\\n    background-color: inherit;\\n    position: absolute;\\n    z-index: -1;\\n    width: var(--font-size);\\n    height: var(--font-size);\\n  }\\n  @keyframes fadeInOpacity {\\n    0% {\\n      opacity: 0;\\n    }\\n    100% {\\n      opacity: 1;\\n    }\\n  }\\n}\\n@layer kol-component {\\n  .kol-tooltip-wc {\\n    display: contents;\\n    contain: layout;\\n  }\\n  .kol-tooltip-wc .tooltip-floating {\\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);\\n    max-width: 90vw;\\n    max-height: 90vh;\\n    visibility: hidden;\\n    animation-duration: 0.25s;\\n    animation-iteration-count: 1;\\n    animation-name: fadeInOpacity;\\n    animation-timing-function: ease-in;\\n  }\\n  /* Shared between content and arrow */\\n  .kol-tooltip-wc .tooltip-area {\\n    color: #000;\\n    background-color: #fff;\\n  }\\n  .kol-tooltip-wc .tooltip-arrow {\\n    transform: rotate(45deg);\\n    position: absolute;\\n    z-index: 999;\\n    width: calc(10rem / var(--kolibri-root-font-size, 16));\\n    height: calc(10rem / var(--kolibri-root-font-size, 16));\\n  }\\n  .kol-tooltip-wc .tooltip-content {\\n    position: relative;\\n    z-index: 1000;\\n  }\\n  @keyframes fadeInOpacity {\\n    0% {\\n      opacity: 0;\\n    }\\n    100% {\\n      opacity: 1;\\n    }\\n  }\\n}\\n@layer kol-component {\\n  :host {\\n    display: flex;\\n    position: relative;\\n    width: 100%;\\n  }\\n  .split-button-root {\\n    display: flex;\\n    position: relative;\\n    width: 100%;\\n    min-width: 0;\\n    align-items: stretch;\\n  }\\n  .main-button {\\n    min-width: 0;\\n    flex: 1 1 auto;\\n    text-align: left;\\n  }\\n  .kol-popover .popover {\\n    margin-top: calc(2rem / var(--kolibri-root-font-size, 16));\\n  }\\n  .kol-popover .arrow {\\n    display: none;\\n  }\\n}\";\nconst KolSplitButtonDefaultStyle0 = defaultStyleCss;\n\nconst KolSplitButton = class {\n    constructor(hostRef) {\n        registerInstance(this, hostRef);\n        this.clickButtonHandler = {\n            onClick: (e) => {\n                var _a, _b;\n                if (typeof ((_a = this._on) === null || _a === void 0 ? void 0 : _a.onClick) === 'function') {\n                    (_b = this._on) === null || _b === void 0 ? void 0 : _b.onClick(e, this._value);\n                }\n                else {\n                    this.toggleDropdown();\n                }\n            },\n        };\n        this.clickToggleHandler = { onClick: () => this.toggleDropdown() };\n        this.toggleDropdown = () => {\n            this.state = Object.assign(Object.assign({}, this.state), { _show: !this.state._show });\n        };\n        this.handleOnClose = () => {\n            this.state = Object.assign(Object.assign({}, this.state), { _show: false });\n        };\n        this._ariaControls = undefined;\n        this._ariaExpanded = undefined;\n        this._ariaSelected = undefined;\n        this._customClass = undefined;\n        this._disabled = false;\n        this._hideLabel = false;\n        this._icons = undefined;\n        this._id = undefined;\n        this._label = undefined;\n        this._name = undefined;\n        this._on = undefined;\n        this._role = undefined;\n        this._syncValueBySelector = undefined;\n        this._tabIndex = undefined;\n        this._tooltipAlign = 'top';\n        this._type = 'button';\n        this._value = undefined;\n        this._variant = 'normal';\n        this.state = {\n            _show: false,\n        };\n    }\n    render() {\n        const i18nDropdownLabel = 'kol-split-button-dropdown-label';\n        return (h(Host, { key: '6bad884cb6a50ad50b50684412c2a24a61cc0bb1', class: \"kol-split-button\" }, h(\"div\", { key: '635cf2785fd3742649d31b8eb3dc5d305f085fbb', class: \"split-button-root\" }, h(KolButtonWcTag, { key: 'c0818c09f47170910d1a29c35e5804a6ea2fe201', class: {\n                'main-button': true,\n                button: true,\n            }, _ariaControls: this._ariaControls, _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, _syncValueBySelector: this._syncValueBySelector, _tabIndex: this._tabIndex, _tooltipAlign: this._tooltipAlign, _type: this._type, _value: this._value, _variant: this._variant }), h(\"div\", { key: '865de25270e46b3c8847a8e94cd844dfa90ee0e6', class: \"horizontal-line\" }), h(KolButtonWcTag, { key: '3057a0a5a62b9f7b40a5d14e5f178eba6191d538', class: { 'secondary-button': true, [this._variant]: this._variant !== 'custom' }, _disabled: this._disabled, _hideLabel: true, _icons: \"codicon codicon-triangle-down\", _label: this.state._show ? translate(`${i18nDropdownLabel}-close`) : translate(`${i18nDropdownLabel}-open`), _on: this.clickToggleHandler, _variant: this._variant })), h(KolPopoverWcTag, { key: 'b3099a04b9c096b8fb5dad08a07f2cd15932f3a6', _show: this.state._show, _on: { onClose: this.handleOnClose }, _align: \"bottom\" }, h(\"slot\", { key: 'd9655a0b796d72a7e3ca664c82bb8ce23171b37c' }))));\n    }\n    async closePopup() {\n        this.handleOnClose();\n        return Promise.resolve();\n    }\n    static get delegatesFocus() { return true; }\n};\nKolSplitButton.style = {\n    default: KolSplitButtonDefaultStyle0\n};\n\nexport { KolSplitButton as kol_split_button };\n\n//# sourceMappingURL=kol-split-button.entry.js.map"],"names":["defaultStyleCss","KolSplitButtonDefaultStyle0","KolSplitButton","hostRef","registerInstance","e","_a","_b","i18nDropdownLabel","h","Host","KolButtonWcTag","translate","KolPopoverWcTag"],"mappings":"qHAAA;AAAA;AAAA,GASA,MAAMA,EAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA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"}
+{"version":3,"file":"kol-split-button.entry-DePNVbOy.js","sources":["../../../../components/dist/esm/kol-split-button.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h, H as Host } from './index-77da4ee6.js';\nimport { t as translate } from './i18n-3dd5729d.js';\nimport { o as KolPopoverWcTag, c as KolButtonWcTag } from './component-names-4cb1c62b.js';\nimport './i18n-b14e6088.js';\nimport './index-7a63e9eb.js';\n\nconst defaultStyleCss = \"/*\\n * This file contains all rules for accessibility.\\n */\\n@layer kol-a11y {\\n  :host {\\n    /*\\n     * Minimum size of interactive elements.\\n     */\\n    --a11y-min-size: calc(44rem / var(--kolibri-root-font-size, 16));\\n    color: black;\\n    /*\\n     * No element should be used without a background and font color whose contrast ratio has\\n     * not been checked. By initially setting the background color to white and the font color\\n     * to black, the contrast ratio is ensured and explicit adjustment is forced.\\n     */\\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  * {\\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 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 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%; /* 100% needed for custom width from outside */\\n    margin: 0;\\n    padding: 0;\\n    border: none;\\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}\\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(16rem / 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  /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\\n  .kol-span-wc {\\n    display: grid;\\n    place-items: center;\\n  }\\n  /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\\n  .kol-span-wc > span {\\n    display: flex;\\n    place-items: center;\\n  }\\n  a,\\n  button {\\n    cursor: pointer;\\n  }\\n  /* This is the text label. */\\n  .hide-label > .kol-span-wc > span > span {\\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    opacity: 0.5;\\n    outline: none;\\n    cursor: not-allowed;\\n  }\\n  [aria-disabled=true]:focus .kol-span-wc,\\n  [disabled]:focus .kol-span-wc {\\n    outline: none !important;\\n  }\\n  .badge-text-hint {\\n    color: black;\\n    background-color: lightgray;\\n  }\\n}\\n@layer kol-component {\\n  .kol-popover {\\n    position: absolute;\\n    height: 0;\\n  }\\n  .kol-popover .popover {\\n    opacity: 0;\\n    background-color: #fff;\\n    position: absolute;\\n    min-width: max-content;\\n    min-height: max-content;\\n  }\\n  .kol-popover .show {\\n    animation: 0.3s ease-in forwards fadeInOpacity;\\n  }\\n  .kol-popover .disappear {\\n    animation: 0.3s ease-in backwards fadeInOpacity;\\n  }\\n  .kol-popover .arrow {\\n    rotate: 0.125turn;\\n    background-color: inherit;\\n    position: absolute;\\n    z-index: -1;\\n    width: var(--font-size);\\n    height: var(--font-size);\\n  }\\n  @keyframes fadeInOpacity {\\n    0% {\\n      opacity: 0;\\n    }\\n    100% {\\n      opacity: 1;\\n    }\\n  }\\n}\\n@layer kol-component {\\n  .kol-tooltip-wc {\\n    display: contents;\\n    contain: layout;\\n  }\\n  .kol-tooltip-wc .tooltip-floating {\\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);\\n    max-width: 90vw;\\n    max-height: 90vh;\\n    visibility: hidden;\\n    animation-duration: 0.25s;\\n    animation-iteration-count: 1;\\n    animation-name: fadeInOpacity;\\n    animation-timing-function: ease-in;\\n  }\\n  /* Shared between content and arrow */\\n  .kol-tooltip-wc .tooltip-area {\\n    color: #000;\\n    background-color: #fff;\\n  }\\n  .kol-tooltip-wc .tooltip-arrow {\\n    transform: rotate(45deg);\\n    position: absolute;\\n    z-index: 999;\\n    width: calc(10rem / var(--kolibri-root-font-size, 16));\\n    height: calc(10rem / var(--kolibri-root-font-size, 16));\\n  }\\n  .kol-tooltip-wc .tooltip-content {\\n    position: relative;\\n    z-index: 1000;\\n  }\\n  @keyframes fadeInOpacity {\\n    0% {\\n      opacity: 0;\\n    }\\n    100% {\\n      opacity: 1;\\n    }\\n  }\\n}\\n@layer kol-component {\\n  :host {\\n    display: flex;\\n    position: relative;\\n    width: 100%;\\n  }\\n  .split-button-root {\\n    display: flex;\\n    position: relative;\\n    width: 100%;\\n    min-width: 0;\\n    align-items: stretch;\\n  }\\n  .main-button {\\n    min-width: 0;\\n    flex: 1 1 auto;\\n    text-align: left;\\n  }\\n  .kol-popover .popover {\\n    margin-top: calc(2rem / var(--kolibri-root-font-size, 16));\\n  }\\n  .kol-popover .arrow {\\n    display: none;\\n  }\\n}\";\nconst KolSplitButtonDefaultStyle0 = defaultStyleCss;\n\nconst KolSplitButton = class {\n    constructor(hostRef) {\n        registerInstance(this, hostRef);\n        this.clickButtonHandler = {\n            onClick: (e) => {\n                var _a, _b;\n                if (typeof ((_a = this._on) === null || _a === void 0 ? void 0 : _a.onClick) === 'function') {\n                    (_b = this._on) === null || _b === void 0 ? void 0 : _b.onClick(e, this._value);\n                }\n                else {\n                    this.toggleDropdown();\n                }\n            },\n        };\n        this.clickToggleHandler = { onClick: () => this.toggleDropdown() };\n        this.toggleDropdown = () => {\n            this.state = Object.assign(Object.assign({}, this.state), { _show: !this.state._show });\n        };\n        this.handleOnClose = () => {\n            this.state = Object.assign(Object.assign({}, this.state), { _show: false });\n        };\n        this._ariaControls = undefined;\n        this._ariaExpanded = undefined;\n        this._ariaSelected = undefined;\n        this._customClass = undefined;\n        this._disabled = false;\n        this._hideLabel = false;\n        this._icons = undefined;\n        this._id = undefined;\n        this._label = undefined;\n        this._name = undefined;\n        this._on = undefined;\n        this._role = undefined;\n        this._syncValueBySelector = undefined;\n        this._tabIndex = undefined;\n        this._tooltipAlign = 'top';\n        this._type = 'button';\n        this._value = undefined;\n        this._variant = 'normal';\n        this.state = {\n            _show: false,\n        };\n    }\n    render() {\n        const i18nDropdownLabel = 'kol-split-button-dropdown-label';\n        return (h(Host, { key: '6bad884cb6a50ad50b50684412c2a24a61cc0bb1', class: \"kol-split-button\" }, h(\"div\", { key: '635cf2785fd3742649d31b8eb3dc5d305f085fbb', class: \"split-button-root\" }, h(KolButtonWcTag, { key: 'c0818c09f47170910d1a29c35e5804a6ea2fe201', class: {\n                'main-button': true,\n                button: true,\n            }, _ariaControls: this._ariaControls, _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, _syncValueBySelector: this._syncValueBySelector, _tabIndex: this._tabIndex, _tooltipAlign: this._tooltipAlign, _type: this._type, _value: this._value, _variant: this._variant }), h(\"div\", { key: '865de25270e46b3c8847a8e94cd844dfa90ee0e6', class: \"horizontal-line\" }), h(KolButtonWcTag, { key: '3057a0a5a62b9f7b40a5d14e5f178eba6191d538', class: { 'secondary-button': true, [this._variant]: this._variant !== 'custom' }, _disabled: this._disabled, _hideLabel: true, _icons: \"codicon codicon-triangle-down\", _label: this.state._show ? translate(`${i18nDropdownLabel}-close`) : translate(`${i18nDropdownLabel}-open`), _on: this.clickToggleHandler, _variant: this._variant })), h(KolPopoverWcTag, { key: 'b3099a04b9c096b8fb5dad08a07f2cd15932f3a6', _show: this.state._show, _on: { onClose: this.handleOnClose }, _align: \"bottom\" }, h(\"slot\", { key: 'd9655a0b796d72a7e3ca664c82bb8ce23171b37c' }))));\n    }\n    async closePopup() {\n        this.handleOnClose();\n        return Promise.resolve();\n    }\n    static get delegatesFocus() { return true; }\n};\nKolSplitButton.style = {\n    default: KolSplitButtonDefaultStyle0\n};\n\nexport { KolSplitButton as kol_split_button };\n\n//# sourceMappingURL=kol-split-button.entry.js.map"],"names":["defaultStyleCss","KolSplitButtonDefaultStyle0","KolSplitButton","hostRef","registerInstance","e","_a","_b","i18nDropdownLabel","h","Host","KolButtonWcTag","translate","KolPopoverWcTag"],"mappings":"qHAAA;AAAA;AAAA,GASA,MAAMA,EAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA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"}

package/dist/assets/{kol-symbol.entry-Ru26Vq0M.js → kol-symbol.entry-BliFN5Bw.js}

@@ -1,4 +1,4 @@
-import{r as e,h as t,H as l,t as s}from"./index-Dcivz78S.js";import{t as i}from"./i18n-3dd5729d-BdyagK61.js";import{v as o}from"./label-7d1ce375--C43DvH7.js";/*!
+import{r as e,h as t,H as l,t as s}from"./index-TUFJsQwj.js";import{t as i}from"./i18n-3dd5729d-B7Hl56hm.js";import{v as o}from"./label-7d1ce375-CT1s1cqK.js";/*!
  * KoliBri - The accessible HTML-Standard
  */const d=class{constructor(a){e(this,a),this._label=void 0,this._symbol=void 0,this.state={_label:i("kol-warning"),_symbol:""}}render(){return t(l,{key:"46f7e23a71bbcd39355496d22bc077890943233e",class:"kol-symbol"},t("span",{key:"a94cfb6bf9a41f17edfac39a3357a203cbe58588","aria-label":this.state._label,role:"term"},this.state._symbol))}validateLabel(a){o(this,a,{required:!0})}validateSymbol(a){s(this,"_symbol",a,{required:!0})}componentWillLoad(){this.validateLabel(this._label),this.validateSymbol(this._symbol)}static get watchers(){return{_label:["validateLabel"],_symbol:["validateSymbol"]}}};export{d as kol_symbol};
-//# sourceMappingURL=kol-symbol.entry-Ru26Vq0M.js.map
+//# sourceMappingURL=kol-symbol.entry-BliFN5Bw.js.map

package/dist/assets/{kol-symbol.entry-Ru26Vq0M.js.map → kol-symbol.entry-BliFN5Bw.js.map}

@@ -1 +1 @@
-{"version":3,"file":"kol-symbol.entry-Ru26Vq0M.js","sources":["../../../../components/dist/esm/kol-symbol.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h, H as Host } from './index-a69c328d.js';\nimport { y as watchString } from './index-7a63e9eb.js';\nimport { t as translate } from './i18n-3dd5729d.js';\nimport { v as validateLabel } from './label-7d1ce375.js';\nimport './i18n-b14e6088.js';\n\nconst KolSymbol = class {\n    constructor(hostRef) {\n        registerInstance(this, hostRef);\n        this._label = undefined;\n        this._symbol = undefined;\n        this.state = {\n            _label: translate('kol-warning'),\n            _symbol: '',\n        };\n    }\n    render() {\n        return (h(Host, { key: '46f7e23a71bbcd39355496d22bc077890943233e', class: \"kol-symbol\" }, h(\"span\", { key: 'a94cfb6bf9a41f17edfac39a3357a203cbe58588', \"aria-label\": this.state._label, role: \"term\" }, this.state._symbol)));\n    }\n    validateLabel(value) {\n        validateLabel(this, value, {\n            required: true,\n        });\n    }\n    validateSymbol(value) {\n        watchString(this, '_symbol', value, {\n            required: true,\n        });\n    }\n    componentWillLoad() {\n        this.validateLabel(this._label);\n        this.validateSymbol(this._symbol);\n    }\n    static get watchers() { return {\n        \"_label\": [\"validateLabel\"],\n        \"_symbol\": [\"validateSymbol\"]\n    }; }\n};\n\nexport { KolSymbol as kol_symbol };\n\n//# sourceMappingURL=kol-symbol.entry.js.map"],"names":["KolSymbol","hostRef","registerInstance","translate","h","Host","value","validateLabel","watchString"],"mappings":"8JAAA;AAAA;AAAA,GASK,MAACA,EAAY,KAAM,CACpB,YAAYC,EAAS,CACjBC,EAAiB,KAAMD,CAAO,EAC9B,KAAK,OAAS,OACd,KAAK,QAAU,OACf,KAAK,MAAQ,CACT,OAAQE,EAAU,aAAa,EAC/B,QAAS,EACrB,CACI,CACA,QAAS,CACL,OAAQC,EAAEC,EAAM,CAAE,IAAK,2CAA4C,MAAO,YAAY,EAAID,EAAE,OAAQ,CAAE,IAAK,2CAA4C,aAAc,KAAK,MAAM,OAAQ,KAAM,MAAM,EAAI,KAAK,MAAM,OAAO,CAAC,CAC/N,CACA,cAAcE,EAAO,CACjBC,EAAc,KAAMD,EAAO,CACvB,SAAU,EACtB,CAAS,CACL,CACA,eAAeA,EAAO,CAClBE,EAAY,KAAM,UAAWF,EAAO,CAChC,SAAU,EACtB,CAAS,CACL,CACA,mBAAoB,CAChB,KAAK,cAAc,KAAK,MAAM,EAC9B,KAAK,eAAe,KAAK,OAAO,CACpC,CACA,WAAW,UAAW,CAAE,MAAO,CAC3B,OAAU,CAAC,eAAe,EAC1B,QAAW,CAAC,gBAAgB,CACpC,CAAO,CACP"}
+{"version":3,"file":"kol-symbol.entry-BliFN5Bw.js","sources":["../../../../components/dist/esm/kol-symbol.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h, H as Host } from './index-77da4ee6.js';\nimport { y as watchString } from './index-7a63e9eb.js';\nimport { t as translate } from './i18n-3dd5729d.js';\nimport { v as validateLabel } from './label-7d1ce375.js';\nimport './i18n-b14e6088.js';\n\nconst KolSymbol = class {\n    constructor(hostRef) {\n        registerInstance(this, hostRef);\n        this._label = undefined;\n        this._symbol = undefined;\n        this.state = {\n            _label: translate('kol-warning'),\n            _symbol: '',\n        };\n    }\n    render() {\n        return (h(Host, { key: '46f7e23a71bbcd39355496d22bc077890943233e', class: \"kol-symbol\" }, h(\"span\", { key: 'a94cfb6bf9a41f17edfac39a3357a203cbe58588', \"aria-label\": this.state._label, role: \"term\" }, this.state._symbol)));\n    }\n    validateLabel(value) {\n        validateLabel(this, value, {\n            required: true,\n        });\n    }\n    validateSymbol(value) {\n        watchString(this, '_symbol', value, {\n            required: true,\n        });\n    }\n    componentWillLoad() {\n        this.validateLabel(this._label);\n        this.validateSymbol(this._symbol);\n    }\n    static get watchers() { return {\n        \"_label\": [\"validateLabel\"],\n        \"_symbol\": [\"validateSymbol\"]\n    }; }\n};\n\nexport { KolSymbol as kol_symbol };\n\n//# sourceMappingURL=kol-symbol.entry.js.map"],"names":["KolSymbol","hostRef","registerInstance","translate","h","Host","value","validateLabel","watchString"],"mappings":"8JAAA;AAAA;AAAA,GASK,MAACA,EAAY,KAAM,CACpB,YAAYC,EAAS,CACjBC,EAAiB,KAAMD,CAAO,EAC9B,KAAK,OAAS,OACd,KAAK,QAAU,OACf,KAAK,MAAQ,CACT,OAAQE,EAAU,aAAa,EAC/B,QAAS,EACrB,CACI,CACA,QAAS,CACL,OAAQC,EAAEC,EAAM,CAAE,IAAK,2CAA4C,MAAO,YAAY,EAAID,EAAE,OAAQ,CAAE,IAAK,2CAA4C,aAAc,KAAK,MAAM,OAAQ,KAAM,MAAM,EAAI,KAAK,MAAM,OAAO,CAAC,CAC/N,CACA,cAAcE,EAAO,CACjBC,EAAc,KAAMD,EAAO,CACvB,SAAU,EACtB,CAAS,CACL,CACA,eAAeA,EAAO,CAClBE,EAAY,KAAM,UAAWF,EAAO,CAChC,SAAU,EACtB,CAAS,CACL,CACA,mBAAoB,CAChB,KAAK,cAAc,KAAK,MAAM,EAC9B,KAAK,eAAe,KAAK,OAAO,CACpC,CACA,WAAW,UAAW,CAAE,MAAO,CAC3B,OAAU,CAAC,eAAe,EAC1B,QAAW,CAAC,gBAAgB,CACpC,CAAO,CACP"}

package/dist/assets/{kol-table-stateful.entry-CUXZvntA.js → kol-table-stateful.entry-Clcxnr7_.js}

@@ -1,4 +1,4 @@
-import{r as S,s as c,w as g,aa as w,t as k,p as m,h as p,ab as D,ac as x,H as P,m as C,o as z,C as O}from"./index-Dcivz78S.js";import{t as b}from"./i18n-3dd5729d-BdyagK61.js";import{t as T}from"./events-29e84d75-BhxFwhXP.js";import{E as _}from"./keyboard-77e19a81-D1ah5412.js";import{v as F,a as j,b as E,c as A}from"./table-selection-0290d830-BruTVBZ0.js";import{v as H}from"./label-7d1ce375--C43DvH7.js";/*!
+import{r as S,s as c,w as g,aa as w,t as k,p as m,h as p,ab as D,ac as x,H as P,m as C,o as z,C as O}from"./index-TUFJsQwj.js";import{t as f}from"./i18n-3dd5729d-B7Hl56hm.js";import{t as T}from"./events-29e84d75-BhxFwhXP.js";import{E as _}from"./keyboard-77e19a81-D1ah5412.js";import{v as F,a as j,b as E,c as A}from"./table-selection-0290d830-CkbEwvfC.js";import{v as H}from"./label-7d1ce375-CT1s1cqK.js";/*!
  * KoliBri - The accessible HTML-Standard
  */const y=["top","bottom","both"],W=(t,n)=>{g(t,"_paginationPosition",i=>typeof i=="string"&&y.includes(i),new Set([`PaginationPositionPropType {${y.join(", ")}`]),n,{defaultValue:"bottom"})},M=`/*
  * This file contains all rules for accessibility.
@@ -281,23 +281,23 @@ import{r as S,s as c,w as g,aa as w,t as k,p as m,h as p,ab as D,ac as x,H as P,
     color: inherit;
   }
   tbody th,
-  th.align-left {
+  .table__header-cell--align-left {
     text-align: left;
   }
   tbody th .table-sort-button .button-inner,
-  th.align-left .table-sort-button .button-inner {
+  .table__header-cell--align-left .table-sort-button .button-inner {
     justify-items: start;
   }
-  th.align-center {
+  .table__header-cell--align-center {
     text-align: center;
   }
-  th.align-center .table-sort-button .button-inner {
+  .table__header-cell--align-center .table-sort-button .button-inner {
     justify-items: center;
   }
-  th.align-right {
+  .table__header-cell--align-right {
     text-align: right;
   }
-  th.align-right .table-sort-button .button-inner {
+  .table__header-cell--align-right .table-sort-button .button-inner {
     justify-items: end;
   }
   tr.foot-spacer,
@@ -373,5 +373,5 @@ import{r as S,s as c,w as g,aa as w,t as k,p as m,h as p,ab as D,ac as x,H as P,
       background-color: selectedItem !important;
     }
   }
-}`,K=M,N=[10,20,50,100],v=t=>t===!0||t===""||typeof t=="object"&&t!==null,L=class{constructor(t){S(this,t),this.catchRef=n=>{this.tableWcRef=n},this.sortDirections=new Map,this.sortData=[],this.showPagination=!1,this.pageStartSlice=0,this.pageEndSlice=10,this.disableSort=!1,this.sortedColumnHead={label:"",key:"",sortDirection:"NOS"},this.setSortDirection=(n,i)=>{this.sortDirections.clear(),this.sortDirections.set(n,i),this.sortFunction=n},this.handlePagination={onClick:(n,i)=>{var e;typeof((e=this.state._pagination._on)===null||e===void 0?void 0:e.onClick)=="function"&&this.state._pagination._on.onClick(n,i),c(this,"_pagination",Object.assign(Object.assign({},this.state._pagination),{_page:i}))},onChangePage:(n,i)=>{var e;typeof((e=this.state._pagination._on)===null||e===void 0?void 0:e.onChangePage)=="function"&&this.state._pagination._on.onChangePage(n,i),c(this,"_pagination",Object.assign(Object.assign({},this.state._pagination),{_page:i}))},onChangePageSize:(n,i)=>{var e;typeof((e=this.state._pagination._on)===null||e===void 0?void 0:e.onChangePageSize)=="function"&&this.state._pagination._on.onChangePageSize(n,i),c(this,"_pagination",Object.assign(Object.assign({},this.state._pagination),{_pageSize:i})),c(this,"_pageSize",i)}},this.onSelectionChange=n=>{n.stopPropagation()},this.updateSortedData=(n=this.sortedColumnHead)=>{if(this.disableSort){c(this,"_sortedData",this.state._data);return}let i=[...this.state._data];if(this.sortData.length>0)i.sort((e,a)=>{for(let l=0;l<this.sortData.length;l++){const h=this.sortData[l],o=h.compareFn(e,a);if(o!==0)return h.direction==="ASC"?o:-o}return 0});else if(typeof this.sortFunction=="function")switch(this.sortDirections.get(this.sortFunction)){case"ASC":i=this.sortFunction([...this.state._data]),this.sortedColumnHead={label:n.label,key:n.key,sortDirection:"ASC"};break;case"DESC":i=this.sortFunction([...this.state._data]).reverse(),this.sortedColumnHead={label:n.label,key:n.key,sortDirection:"DESC"};break;case"NOS":default:this.sortedColumnHead={label:"",key:"",sortDirection:"NOS"}}c(this,"_sortedData",i)},this._allowMultiSort=void 0,this._data=void 0,this._dataFoot=void 0,this._headers=void 0,this._label=void 0,this._minWidth=void 0,this._pagination=void 0,this._paginationPosition="bottom",this._selection=void 0,this._on=void 0,this.state={_allowMultiSort:!1,_data:[],_dataFoot:[],_headers:{horizontal:[],vertical:[]},_label:"",_pagination:{_page:1,_pageSize:10,_max:0},_sortedData:[],_paginationPosition:"bottom"}}validateAllowMultiSort(t){g(this,"_allowMultiSort",()=>!0,new Set(["boolean"]),t,{defaultValue:!1})}validateData(t){F(this,t,{afterPatch:()=>{setTimeout(this.updateSortedData)}})}validateDataFoot(t){j(this,t,{afterPatch:()=>{setTimeout(this.updateSortedData)}})}validatePaginationPosition(t){W(this,t)}changeCellSort(t){var n;if(typeof t.compareFn=="function"){!this.state._allowMultiSort&&t.key!==((n=this.sortData[0])===null||n===void 0?void 0:n.key)&&(this.sortData=[]);const i=this.sortData.findIndex(e=>e.key===t.key);if(i>=0){const e=this.sortData[i];switch(e.direction){case"ASC":e.direction="DESC";break;case"DESC":this.sortData.splice(i,1);break;default:e.direction="ASC";break}}else t.key&&this.sortData.push({label:t.label,key:t.key,compareFn:t.compareFn,direction:"ASC"});this.updateSortedData(t)}else if(typeof t.sort=="function"){switch(this.sortFunction=t.sort,this.sortDirections.get(this.sortFunction)){case"ASC":this.setSortDirection(this.sortFunction,"DESC");break;case"DESC":this.setSortDirection(this.sortFunction,"NOS");break;default:this.setSortDirection(this.sortFunction,"ASC")}this.updateSortedData(t)}}validateHeaders(t){w(t,()=>{z(t,()=>{try{t=m(t)}catch{}g(this,"_headers",n=>typeof n=="object"&&n!==null,new Set(["KoliBriTableHeaders"]),t,{hooks:{beforePatch:n=>{var i,e,a,l;const h=r=>{let s=!1;r.forEach(d=>{const f=d.key;if(!f)return;const u=d.sortDirection;(u==="ASC"||u==="DESC")&&(typeof d.compareFn=="function"?((this.state._allowMultiSort||this.sortData.length===0)&&this.sortData.push({label:d.label,key:f,compareFn:d.compareFn,direction:u}),s=!0):typeof d.sort=="function"&&(this.setSortDirection(d.sort,u),setTimeout(()=>this.updateSortedData({key:f,label:d.label,sortDirection:u}))))}),s&&setTimeout(()=>this.updateSortedData())},o=n;(i=o.horizontal)===null||i===void 0||i.forEach(h),(e=o.vertical)===null||e===void 0||e.forEach(h),o.horizontal&&o.vertical&&((a=o.horizontal)===null||a===void 0?void 0:a.length)>0&&((l=o.vertical)===null||l===void 0?void 0:l.length)>0&&(this.disableSort=!0,O("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(t){H(this,t,{required:!0})}validateMinWidth(t){k(this,"_minWidth",t,{defaultValue:void 0})}validateSelection(t){E(this,t)}validateOn(t){A(this,t)}validatePagination(t){try{t=m(t)}catch{}this.showPagination=v(t),g(this,"_pagination",v,new Set(["boolean","KoliBriTablePagination"]),t,{defaultValue:{_page:1,_pageSize:10,_max:0}})}componentDidLoad(){var t;(t=this.tableWcRef)===null||t===void 0||t.addEventListener("kol-selection-change",this.onSelectionChange)}disconnectedCallback(){var t;(t=this.tableWcRef)===null||t===void 0||t.removeEventListener("kol-selection-change",this.onSelectionChange)}componentWillLoad(){this.validateAllowMultiSort(this._allowMultiSort),this.validateData(this._data),this.validateDataFoot(this._dataFoot),this.validateHeaders(this._headers),this.validateLabel(this._label),this.validateMinWidth(this._minWidth),this.validatePagination(this._pagination),this.validatePaginationPosition(this._paginationPosition),this.validateSelection(this._selection),this.validateOn(this._on)}selectDisplayedData(t,n,i){return typeof n=="number"&&n>0&&typeof i=="number"&&i>0?(this.pageStartSlice=n*(i-1),this.pageEndSlice=n*i>t.length?t.length:n*i,t.slice(this.pageStartSlice,this.pageEndSlice)):(this.pageStartSlice=0,this.pageEndSlice=t.length,t)}renderPagination(t){const n=b("kol-table-pagination-label",{placeholders:{label:`${this.state._label} (${b(`kol-pagination-position-${t}`)})`}});return p("div",{class:"pagination"},p("span",null,b("kol-table-visible-range",{placeholders:{start:this.pageEndSlice>0?(this.pageStartSlice+1).toString():"0",end:this.pageEndSlice.toString(),total:this.state._pagination&&this.state._pagination._max>0?this.state._pagination._max.toString():Array.isArray(this.state._data)?this.state._data.length.toString():"0"}})),p("div",null,p(D,{_boundaryCount:this.state._pagination._boundaryCount,_customClass:this.state._pagination._customClass,_on:this.handlePagination,_page:this.state._pagination._page,_pageSize:this.state._pagination._pageSize,_pageSizeOptions:this.state._pagination._pageSizeOptions||N,_siblingCount:this.state._pagination._siblingCount,_tooltipAlign:"bottom",_max:this.state._pagination._max||this.state._pagination._max||this.state._data.length,_label:n})))}getHeaderCellSortState(t){if(!this.disableSort&&(typeof t.compareFn=="function"||typeof t.sort=="function")){if(t.key===this.sortedColumnHead.key)return this.sortedColumnHead.sortDirection;if(t.key){const n=this.sortData.find(i=>i.key===t.key);if(n?.direction)return n.direction}return"NOS"}}handleSort({key:t}){const n=[...(this.state._headers.horizontal||[]).flat(),...(this.state._headers.vertical||[]).flat()].find(i=>i.key===t);n&&this.changeCellSort(n)}getSelectedData(t){var n;const i=this.state._selection;if(i){const e=(n=i.keyPropertyName)!==null&&n!==void 0?n:"id",a=this.state._sortedData.filter(l=>t.includes(l[e]));if(i?.multiple===!1)return a[0];if(e)return a}return null}handleSelectionChange(t,n){var i;const e=this.state._selection;e&&(this.state=Object.assign(Object.assign({},this.state),{_selection:Object.assign(Object.assign({},e),{selectedKeys:typeof n=="object"?n:[n]})}));const a=this.getSelectedData(n);T("selection-change",this.host,a),typeof((i=this.state._on)===null||i===void 0?void 0:i[_.onSelectionChange])=="function"&&this.state._on[_.onSelectionChange](t,a)}async getSelection(){var t;const n=((t=this.state._selection)===null||t===void 0?void 0:t.selectedKeys)||[];return this.getSelectedData(n)}render(){var t,n,i,e;const a=this.selectDisplayedData(this.state._sortedData,this.showPagination?(n=(t=this.state._pagination)===null||t===void 0?void 0:t._pageSize)!==null&&n!==void 0?n:10:this.state._sortedData.length,this.state._pagination._page||1),l=this._paginationPosition==="top"||this._paginationPosition==="both"?this.renderPagination("top"):null,h=this._paginationPosition==="bottom"||this._paginationPosition==="both"?this.renderPagination("bottom"):null,o={horizontal:(i=this.state._headers.horizontal)===null||i===void 0?void 0:i.map(r=>r.map(s=>Object.assign(Object.assign({},s),{sortDirection:this.getHeaderCellSortState(s)}))),vertical:(e=this.state._headers.vertical)===null||e===void 0?void 0:e.map(r=>r.map(s=>Object.assign(Object.assign({},s),{sortDirection:this.getHeaderCellSortState(s)})))};return p(P,{key:"c10ebdf564f6b55abc7832cb1451dfc590d51638",class:"kol-table-stateful"},this.pageEndSlice>0&&this.showPagination&&l,p(x,{key:"e8647828c9d9abf89bfe5971737039d46624bd6e",ref:this.catchRef,_data:a,_headerCells:o,_label:this.state._label,_dataFoot:this.state._dataFoot,_minWidth:this.state._minWidth,_on:{onSort:(r,s)=>{this.handleSort(s)},onSelectionChange:(r,s)=>{this.handleSelectionChange(r,s)}},_selection:this.state._selection}),this.pageEndSlice>0&&this.showPagination&&h)}get host(){return C(this)}static get watchers(){return{_allowMultiSort:["validateAllowMultiSort"],_data:["validateData"],_dataFoot:["validateDataFoot"],_paginationPosition:["validatePaginationPosition"],_headers:["validateHeaders"],_label:["validateLabel"],_minWidth:["validateMinWidth"],_selection:["validateSelection"],_on:["validateOn"],_pagination:["validatePagination"]}}};L.style={default:K};export{L as kol_table_stateful};
-//# sourceMappingURL=kol-table-stateful.entry-CUXZvntA.js.map
+}`,K=M,N=[10,20,50,100],v=t=>t===!0||t===""||typeof t=="object"&&t!==null,L=class{constructor(t){S(this,t),this.catchRef=n=>{this.tableWcRef=n},this.sortDirections=new Map,this.sortData=[],this.showPagination=!1,this.pageStartSlice=0,this.pageEndSlice=10,this.disableSort=!1,this.sortedColumnHead={label:"",key:"",sortDirection:"NOS"},this.setSortDirection=(n,i)=>{this.sortDirections.clear(),this.sortDirections.set(n,i),this.sortFunction=n},this.handlePagination={onClick:(n,i)=>{var e;typeof((e=this.state._pagination._on)===null||e===void 0?void 0:e.onClick)=="function"&&this.state._pagination._on.onClick(n,i),c(this,"_pagination",Object.assign(Object.assign({},this.state._pagination),{_page:i}))},onChangePage:(n,i)=>{var e;typeof((e=this.state._pagination._on)===null||e===void 0?void 0:e.onChangePage)=="function"&&this.state._pagination._on.onChangePage(n,i),c(this,"_pagination",Object.assign(Object.assign({},this.state._pagination),{_page:i}))},onChangePageSize:(n,i)=>{var e;typeof((e=this.state._pagination._on)===null||e===void 0?void 0:e.onChangePageSize)=="function"&&this.state._pagination._on.onChangePageSize(n,i),c(this,"_pagination",Object.assign(Object.assign({},this.state._pagination),{_pageSize:i})),c(this,"_pageSize",i)}},this.onSelectionChange=n=>{n.stopPropagation()},this.updateSortedData=(n=this.sortedColumnHead)=>{if(this.disableSort){c(this,"_sortedData",this.state._data);return}let i=[...this.state._data];if(this.sortData.length>0)i.sort((e,a)=>{for(let l=0;l<this.sortData.length;l++){const h=this.sortData[l],o=h.compareFn(e,a);if(o!==0)return h.direction==="ASC"?o:-o}return 0});else if(typeof this.sortFunction=="function")switch(this.sortDirections.get(this.sortFunction)){case"ASC":i=this.sortFunction([...this.state._data]),this.sortedColumnHead={label:n.label,key:n.key,sortDirection:"ASC"};break;case"DESC":i=this.sortFunction([...this.state._data]).reverse(),this.sortedColumnHead={label:n.label,key:n.key,sortDirection:"DESC"};break;case"NOS":default:this.sortedColumnHead={label:"",key:"",sortDirection:"NOS"}}c(this,"_sortedData",i)},this._allowMultiSort=void 0,this._data=void 0,this._dataFoot=void 0,this._headers=void 0,this._label=void 0,this._minWidth=void 0,this._pagination=void 0,this._paginationPosition="bottom",this._selection=void 0,this._on=void 0,this.state={_allowMultiSort:!1,_data:[],_dataFoot:[],_headers:{horizontal:[],vertical:[]},_label:"",_pagination:{_page:1,_pageSize:10,_max:0},_sortedData:[],_paginationPosition:"bottom"}}validateAllowMultiSort(t){g(this,"_allowMultiSort",()=>!0,new Set(["boolean"]),t,{defaultValue:!1})}validateData(t){F(this,t,{afterPatch:()=>{setTimeout(this.updateSortedData)}})}validateDataFoot(t){j(this,t,{afterPatch:()=>{setTimeout(this.updateSortedData)}})}validatePaginationPosition(t){W(this,t)}changeCellSort(t){var n;if(typeof t.compareFn=="function"){!this.state._allowMultiSort&&t.key!==((n=this.sortData[0])===null||n===void 0?void 0:n.key)&&(this.sortData=[]);const i=this.sortData.findIndex(e=>e.key===t.key);if(i>=0){const e=this.sortData[i];switch(e.direction){case"ASC":e.direction="DESC";break;case"DESC":this.sortData.splice(i,1);break;default:e.direction="ASC";break}}else t.key&&this.sortData.push({label:t.label,key:t.key,compareFn:t.compareFn,direction:"ASC"});this.updateSortedData(t)}else if(typeof t.sort=="function"){switch(this.sortFunction=t.sort,this.sortDirections.get(this.sortFunction)){case"ASC":this.setSortDirection(this.sortFunction,"DESC");break;case"DESC":this.setSortDirection(this.sortFunction,"NOS");break;default:this.setSortDirection(this.sortFunction,"ASC")}this.updateSortedData(t)}}validateHeaders(t){w(t,()=>{z(t,()=>{try{t=m(t)}catch{}g(this,"_headers",n=>typeof n=="object"&&n!==null,new Set(["KoliBriTableHeaders"]),t,{hooks:{beforePatch:n=>{var i,e,a,l;const h=r=>{let s=!1;r.forEach(d=>{const b=d.key;if(!b)return;const u=d.sortDirection;(u==="ASC"||u==="DESC")&&(typeof d.compareFn=="function"?((this.state._allowMultiSort||this.sortData.length===0)&&this.sortData.push({label:d.label,key:b,compareFn:d.compareFn,direction:u}),s=!0):typeof d.sort=="function"&&(this.setSortDirection(d.sort,u),setTimeout(()=>this.updateSortedData({key:b,label:d.label,sortDirection:u}))))}),s&&setTimeout(()=>this.updateSortedData())},o=n;(i=o.horizontal)===null||i===void 0||i.forEach(h),(e=o.vertical)===null||e===void 0||e.forEach(h),o.horizontal&&o.vertical&&((a=o.horizontal)===null||a===void 0?void 0:a.length)>0&&((l=o.vertical)===null||l===void 0?void 0:l.length)>0&&(this.disableSort=!0,O("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(t){H(this,t,{required:!0})}validateMinWidth(t){k(this,"_minWidth",t,{defaultValue:void 0})}validateSelection(t){E(this,t)}validateOn(t){A(this,t)}validatePagination(t){try{t=m(t)}catch{}this.showPagination=v(t),g(this,"_pagination",v,new Set(["boolean","KoliBriTablePagination"]),t,{defaultValue:{_page:1,_pageSize:10,_max:0}})}componentDidLoad(){var t;(t=this.tableWcRef)===null||t===void 0||t.addEventListener("kol-selection-change",this.onSelectionChange)}disconnectedCallback(){var t;(t=this.tableWcRef)===null||t===void 0||t.removeEventListener("kol-selection-change",this.onSelectionChange)}componentWillLoad(){this.validateAllowMultiSort(this._allowMultiSort),this.validateData(this._data),this.validateDataFoot(this._dataFoot),this.validateHeaders(this._headers),this.validateLabel(this._label),this.validateMinWidth(this._minWidth),this.validatePagination(this._pagination),this.validatePaginationPosition(this._paginationPosition),this.validateSelection(this._selection),this.validateOn(this._on)}selectDisplayedData(t,n,i){return typeof n=="number"&&n>0&&typeof i=="number"&&i>0?(this.pageStartSlice=n*(i-1),this.pageEndSlice=n*i>t.length?t.length:n*i,t.slice(this.pageStartSlice,this.pageEndSlice)):(this.pageStartSlice=0,this.pageEndSlice=t.length,t)}renderPagination(t){const n=f("kol-table-pagination-label",{placeholders:{label:`${this.state._label} (${f(`kol-pagination-position-${t}`)})`}});return p("div",{class:"pagination"},p("span",null,f("kol-table-visible-range",{placeholders:{start:this.pageEndSlice>0?(this.pageStartSlice+1).toString():"0",end:this.pageEndSlice.toString(),total:this.state._pagination&&this.state._pagination._max>0?this.state._pagination._max.toString():Array.isArray(this.state._data)?this.state._data.length.toString():"0"}})),p("div",null,p(D,{_boundaryCount:this.state._pagination._boundaryCount,_customClass:this.state._pagination._customClass,_on:this.handlePagination,_page:this.state._pagination._page,_pageSize:this.state._pagination._pageSize,_pageSizeOptions:this.state._pagination._pageSizeOptions||N,_siblingCount:this.state._pagination._siblingCount,_tooltipAlign:"bottom",_max:this.state._pagination._max||this.state._pagination._max||this.state._data.length,_label:n})))}getHeaderCellSortState(t){if(!this.disableSort&&(typeof t.compareFn=="function"||typeof t.sort=="function")){if(t.key===this.sortedColumnHead.key)return this.sortedColumnHead.sortDirection;if(t.key){const n=this.sortData.find(i=>i.key===t.key);if(n?.direction)return n.direction}return"NOS"}}handleSort({key:t}){const n=[...(this.state._headers.horizontal||[]).flat(),...(this.state._headers.vertical||[]).flat()].find(i=>i.key===t);n&&this.changeCellSort(n)}getSelectedData(t){var n;const i=this.state._selection;if(i){const e=(n=i.keyPropertyName)!==null&&n!==void 0?n:"id",a=this.state._sortedData.filter(l=>t.includes(l[e]));if(i?.multiple===!1)return a[0];if(e)return a}return null}handleSelectionChange(t,n){var i;const e=this.state._selection;e&&(this.state=Object.assign(Object.assign({},this.state),{_selection:Object.assign(Object.assign({},e),{selectedKeys:typeof n=="object"?n:[n]})}));const a=this.getSelectedData(n);T("selection-change",this.host,a),typeof((i=this.state._on)===null||i===void 0?void 0:i[_.onSelectionChange])=="function"&&this.state._on[_.onSelectionChange](t,a)}async getSelection(){var t;const n=((t=this.state._selection)===null||t===void 0?void 0:t.selectedKeys)||[];return this.getSelectedData(n)}render(){var t,n,i,e;const a=this.selectDisplayedData(this.state._sortedData,this.showPagination?(n=(t=this.state._pagination)===null||t===void 0?void 0:t._pageSize)!==null&&n!==void 0?n:10:this.state._sortedData.length,this.state._pagination._page||1),l=this._paginationPosition==="top"||this._paginationPosition==="both"?this.renderPagination("top"):null,h=this._paginationPosition==="bottom"||this._paginationPosition==="both"?this.renderPagination("bottom"):null,o={horizontal:(i=this.state._headers.horizontal)===null||i===void 0?void 0:i.map(r=>r.map(s=>Object.assign(Object.assign({},s),{sortDirection:this.getHeaderCellSortState(s)}))),vertical:(e=this.state._headers.vertical)===null||e===void 0?void 0:e.map(r=>r.map(s=>Object.assign(Object.assign({},s),{sortDirection:this.getHeaderCellSortState(s)})))};return p(P,{key:"c10ebdf564f6b55abc7832cb1451dfc590d51638",class:"kol-table-stateful"},this.pageEndSlice>0&&this.showPagination&&l,p(x,{key:"e8647828c9d9abf89bfe5971737039d46624bd6e",ref:this.catchRef,_data:a,_headerCells:o,_label:this.state._label,_dataFoot:this.state._dataFoot,_minWidth:this.state._minWidth,_on:{onSort:(r,s)=>{this.handleSort(s)},onSelectionChange:(r,s)=>{this.handleSelectionChange(r,s)}},_selection:this.state._selection}),this.pageEndSlice>0&&this.showPagination&&h)}get host(){return C(this)}static get watchers(){return{_allowMultiSort:["validateAllowMultiSort"],_data:["validateData"],_dataFoot:["validateDataFoot"],_paginationPosition:["validatePaginationPosition"],_headers:["validateHeaders"],_label:["validateLabel"],_minWidth:["validateMinWidth"],_selection:["validateSelection"],_on:["validateOn"],_pagination:["validatePagination"]}}};L.style={default:K};export{L as kol_table_stateful};
+//# sourceMappingURL=kol-table-stateful.entry-Clcxnr7_.js.map

package/dist/assets/kol-table-stateful.entry-Clcxnr7_.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"kol-table-stateful.entry-Clcxnr7_.js","sources":["../../../../components/dist/esm/kol-table-stateful.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h, H as Host, g as getElement } from './index-77da4ee6.js';\nimport { w as watchValidator, m as setState, M as emptyStringByArrayHandler, y as watchString, l as parseJson, o as objectObjectHandler, C as devHint } from './index-7a63e9eb.js';\nimport { t as translate } from './i18n-3dd5729d.js';\nimport { q as KolPaginationTag, r as KolTableStatelessWcTag } from './component-names-4cb1c62b.js';\nimport { t as tryToDispatchKoliBriEvent } from './events-29e84d75.js';\nimport { E as Events } from './keyboard-77e19a81.js';\nimport { v as validateTableData, a as validateTableDataFoot, b as validateTableSelection, c as validateTableStatefulCallbacks } from './table-selection-0290d830.js';\nimport { v as validateLabel } from './label-7d1ce375.js';\nimport './i18n-b14e6088.js';\n\nconst paginationPositionPropTypeOptions = ['top', 'bottom', 'both'];\nconst validatePaginationPosition = (component, value) => {\n    watchValidator(component, `_paginationPosition`, (value) => typeof value === 'string' && paginationPositionPropTypeOptions.includes(value), new Set([`PaginationPositionPropType {${paginationPositionPropTypeOptions.join(', ')}`]), value, {\n        defaultValue: 'bottom',\n    });\n};\n\nconst defaultStyleCss = \"/*\\n * This file contains all rules for accessibility.\\n */\\n@layer kol-a11y {\\n  :host {\\n    /*\\n     * Minimum size of interactive elements.\\n     */\\n    --a11y-min-size: calc(44rem / var(--kolibri-root-font-size, 16));\\n    color: black;\\n    /*\\n     * No element should be used without a background and font color whose contrast ratio has\\n     * not been checked. By initially setting the background color to white and the font color\\n     * to black, the contrast ratio is ensured and explicit adjustment is forced.\\n     */\\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  * {\\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 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 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%; /* 100% needed for custom width from outside */\\n    margin: 0;\\n    padding: 0;\\n    border: none;\\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}\\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(16rem / 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  /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\\n  .kol-span-wc {\\n    display: grid;\\n    place-items: center;\\n  }\\n  /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\\n  .kol-span-wc > span {\\n    display: flex;\\n    place-items: center;\\n  }\\n  a,\\n  button {\\n    cursor: pointer;\\n  }\\n  /* This is the text label. */\\n  .hide-label > .kol-span-wc > span > span {\\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    opacity: 0.5;\\n    outline: none;\\n    cursor: not-allowed;\\n  }\\n  [aria-disabled=true]:focus .kol-span-wc,\\n  [disabled]:focus .kol-span-wc {\\n    outline: none !important;\\n  }\\n  .badge-text-hint {\\n    color: black;\\n    background-color: lightgray;\\n  }\\n}\\n@layer kol-component {\\n  :host {\\n    display: block;\\n  }\\n}\\n@layer kol-component {\\n  .kol-tooltip-wc {\\n    display: contents;\\n    contain: layout;\\n  }\\n  .kol-tooltip-wc .tooltip-floating {\\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);\\n    max-width: 90vw;\\n    max-height: 90vh;\\n    visibility: hidden;\\n    animation-duration: 0.25s;\\n    animation-iteration-count: 1;\\n    animation-name: fadeInOpacity;\\n    animation-timing-function: ease-in;\\n  }\\n  /* Shared between content and arrow */\\n  .kol-tooltip-wc .tooltip-area {\\n    color: #000;\\n    background-color: #fff;\\n  }\\n  .kol-tooltip-wc .tooltip-arrow {\\n    transform: rotate(45deg);\\n    position: absolute;\\n    z-index: 999;\\n    width: calc(10rem / var(--kolibri-root-font-size, 16));\\n    height: calc(10rem / var(--kolibri-root-font-size, 16));\\n  }\\n  .kol-tooltip-wc .tooltip-content {\\n    position: relative;\\n    z-index: 1000;\\n  }\\n  @keyframes fadeInOpacity {\\n    0% {\\n      opacity: 0;\\n    }\\n    100% {\\n      opacity: 1;\\n    }\\n  }\\n}\\n@layer kol-component {\\n  div.pagination {\\n    display: grid;\\n    place-items: center;\\n  }\\n  div.pagination .kol-pagination {\\n    display: flex;\\n    flex-wrap: wrap;\\n  }\\n  div.pagination > div:last-child {\\n    display: grid;\\n    place-items: center;\\n  }\\n  @media (max-width: 1024px) {\\n    div.pagination .kol-pagination {\\n      flex-direction: column;\\n    }\\n  }\\n  @media (min-width: 1024px) {\\n    div.pagination,\\n    div.pagination > div:last-child {\\n      grid-auto-flow: column;\\n    }\\n  }\\n}\\n@layer kol-component {\\n  :host,\\n  .kol-table-stateless-wc {\\n    display: block;\\n  }\\n  .table {\\n    max-width: 100%;\\n    overflow-x: auto;\\n    overflow-y: hidden;\\n  }\\n  table {\\n    width: 100%;\\n  }\\n  caption {\\n    text-align: start;\\n  }\\n  .focus-element:focus {\\n    outline: 0 !important;\\n  }\\n  .table:has(.focus-element:focus) {\\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  .table-sort-button .button {\\n    color: inherit;\\n  }\\n  tbody th,\\n  .table__header-cell--align-left {\\n    text-align: left;\\n  }\\n  tbody th .table-sort-button .button-inner,\\n  .table__header-cell--align-left .table-sort-button .button-inner {\\n    justify-items: start;\\n  }\\n  .table__header-cell--align-center {\\n    text-align: center;\\n  }\\n  .table__header-cell--align-center .table-sort-button .button-inner {\\n    justify-items: center;\\n  }\\n  .table__header-cell--align-right {\\n    text-align: right;\\n  }\\n  .table__header-cell--align-right .table-sort-button .button-inner {\\n    justify-items: end;\\n  }\\n  tr.foot-spacer,\\n  tr.head-spacer {\\n    display: none;\\n  }\\n  .selection-header-cell {\\n    width: 0;\\n  }\\n  .selection-cell {\\n    width: var(--a11y-min-size);\\n    height: var(--a11y-min-size);\\n    white-space: nowrap;\\n  }\\n  .input label {\\n    display: flex;\\n    position: relative;\\n    width: var(--a11y-min-size);\\n    height: var(--a11y-min-size);\\n    align-items: center;\\n    justify-content: center;\\n    cursor: pointer;\\n  }\\n  .input .icon {\\n    display: block;\\n    position: absolute;\\n    inset: auto;\\n    z-index: 1;\\n  }\\n  .input input {\\n    border-style: solid;\\n    margin: 0;\\n    appearance: none;\\n    cursor: pointer;\\n  }\\n  .input input:before {\\n    content: \\\"\\\";\\n  }\\n  .input input[type=checkbox] {\\n    background-color: rgb(255, 255, 255);\\n    display: flex;\\n    position: relative;\\n    width: calc(var(--a11y-min-size) / 2);\\n    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    transition: all 0.5s ease 0s;\\n  }\\n  .input input[type=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  .input input[type=radio]:before {\\n    border-radius: 100%;\\n    width: 0.75em;\\n    height: 0.75em;\\n    margin: auto;\\n  }\\n  .input input[type=radio]:checked:before {\\n    background-color: #000;\\n  }\\n  @media (forced-colors: active) {\\n    .input input[type=radio]:checked:before {\\n      /* Give it a visible background in forced colors mode */\\n      background-color: selectedItem !important;\\n    }\\n  }\\n}\";\nconst KolTableStatefulDefaultStyle0 = defaultStyleCss;\n\nconst PAGINATION_OPTIONS = [10, 20, 50, 100];\nconst paginationValidator = (value) => value === true || value === '' || (typeof value === 'object' && value !== null);\nconst KolTableStateful = class {\n    constructor(hostRef) {\n        registerInstance(this, hostRef);\n        this.catchRef = (ref) => {\n            this.tableWcRef = ref;\n        };\n        this.sortDirections = new Map();\n        this.sortData = [];\n        this.showPagination = false;\n        this.pageStartSlice = 0;\n        this.pageEndSlice = 10;\n        this.disableSort = false;\n        this.sortedColumnHead = { label: '', key: '', sortDirection: 'NOS' };\n        this.setSortDirection = (sort, direction) => {\n            this.sortDirections.clear();\n            this.sortDirections.set(sort, direction);\n            this.sortFunction = sort;\n        };\n        this.handlePagination = {\n            onClick: (event, page) => {\n                var _a;\n                if (typeof ((_a = this.state._pagination._on) === null || _a === void 0 ? void 0 : _a.onClick) === 'function') {\n                    this.state._pagination._on.onClick(event, page);\n                }\n                setState(this, '_pagination', Object.assign(Object.assign({}, this.state._pagination), { _page: page }));\n            },\n            onChangePage: (event, page) => {\n                var _a;\n                if (typeof ((_a = this.state._pagination._on) === null || _a === void 0 ? void 0 : _a.onChangePage) === 'function') {\n                    this.state._pagination._on.onChangePage(event, page);\n                }\n                setState(this, '_pagination', Object.assign(Object.assign({}, this.state._pagination), { _page: page }));\n            },\n            onChangePageSize: (event, pageSize) => {\n                var _a;\n                if (typeof ((_a = this.state._pagination._on) === null || _a === void 0 ? void 0 : _a.onChangePageSize) === 'function') {\n                    this.state._pagination._on.onChangePageSize(event, pageSize);\n                }\n                setState(this, '_pagination', Object.assign(Object.assign({}, this.state._pagination), { _pageSize: pageSize }));\n                setState(this, '_pageSize', pageSize);\n            },\n        };\n        this.onSelectionChange = (event) => {\n            event.stopPropagation();\n        };\n        this.updateSortedData = (cell = this.sortedColumnHead) => {\n            if (this.disableSort) {\n                setState(this, '_sortedData', this.state._data);\n                return;\n            }\n            let sortedData = [...this.state._data];\n            if (this.sortData.length > 0) {\n                sortedData.sort((a, b) => {\n                    for (let index = 0; index < this.sortData.length; index++) {\n                        const data = this.sortData[index];\n                        const result = data.compareFn(a, b);\n                        if (result !== 0) {\n                            return data.direction === 'ASC' ? result : -result;\n                        }\n                    }\n                    return 0;\n                });\n            }\n            else if (typeof this.sortFunction === 'function') {\n                switch (this.sortDirections.get(this.sortFunction)) {\n                    case 'ASC':\n                        sortedData = this.sortFunction([...this.state._data]);\n                        this.sortedColumnHead = { label: cell.label, key: cell.key, sortDirection: 'ASC' };\n                        break;\n                    case 'DESC':\n                        sortedData = this.sortFunction([...this.state._data]).reverse();\n                        this.sortedColumnHead = { label: cell.label, key: cell.key, sortDirection: 'DESC' };\n                        break;\n                    case 'NOS':\n                    default:\n                        this.sortedColumnHead = { label: '', key: '', sortDirection: 'NOS' };\n                }\n            }\n            setState(this, '_sortedData', sortedData);\n        };\n        this._allowMultiSort = undefined;\n        this._data = undefined;\n        this._dataFoot = undefined;\n        this._headers = undefined;\n        this._label = undefined;\n        this._minWidth = undefined;\n        this._pagination = undefined;\n        this._paginationPosition = 'bottom';\n        this._selection = undefined;\n        this._on = undefined;\n        this.state = {\n            _allowMultiSort: false,\n            _data: [],\n            _dataFoot: [],\n            _headers: {\n                horizontal: [],\n                vertical: [],\n            },\n            _label: '',\n            _pagination: {\n                _page: 1,\n                _pageSize: 10,\n                _max: 0,\n            },\n            _sortedData: [],\n            _paginationPosition: 'bottom',\n        };\n    }\n    validateAllowMultiSort(value) {\n        watchValidator(this, '_allowMultiSort', () => true, new Set(['boolean']), value, {\n            defaultValue: false,\n        });\n    }\n    validateData(value) {\n        validateTableData(this, value, {\n            afterPatch: () => {\n                setTimeout(this.updateSortedData);\n            },\n        });\n    }\n    validateDataFoot(value) {\n        validateTableDataFoot(this, value, {\n            afterPatch: () => {\n                setTimeout(this.updateSortedData);\n            },\n        });\n    }\n    validatePaginationPosition(value) {\n        validatePaginationPosition(this, value);\n    }\n    changeCellSort(headerCell) {\n        var _a;\n        if (typeof headerCell.compareFn === 'function') {\n            if (!this.state._allowMultiSort && headerCell.key !== ((_a = this.sortData[0]) === null || _a === void 0 ? void 0 : _a.key)) {\n                this.sortData = [];\n            }\n            const index = this.sortData.findIndex((value) => value.key === headerCell.key);\n            if (index >= 0) {\n                const settings = this.sortData[index];\n                switch (settings.direction) {\n                    case 'ASC':\n                        settings.direction = 'DESC';\n                        break;\n                    case 'DESC':\n                        this.sortData.splice(index, 1);\n                        break;\n                    default:\n                        settings.direction = 'ASC';\n                        break;\n                }\n            }\n            else if (headerCell.key) {\n                this.sortData.push({\n                    label: headerCell.label,\n                    key: headerCell.key,\n                    compareFn: headerCell.compareFn,\n                    direction: 'ASC',\n                });\n            }\n            this.updateSortedData(headerCell);\n        }\n        else if (typeof headerCell.sort === 'function') {\n            this.sortFunction = headerCell.sort;\n            switch (this.sortDirections.get(this.sortFunction)) {\n                case 'ASC':\n                    this.setSortDirection(this.sortFunction, 'DESC');\n                    break;\n                case 'DESC':\n                    this.setSortDirection(this.sortFunction, 'NOS');\n                    break;\n                default:\n                    this.setSortDirection(this.sortFunction, 'ASC');\n            }\n            this.updateSortedData(headerCell);\n        }\n    }\n    validateHeaders(value) {\n        emptyStringByArrayHandler(value, () => {\n            objectObjectHandler(value, () => {\n                try {\n                    value = parseJson(value);\n                }\n                catch (e) {\n                }\n                watchValidator(this, '_headers', (value) => typeof value === 'object' && value !== null, new Set(['KoliBriTableHeaders']), value, {\n                    hooks: {\n                        beforePatch: (nextValue) => {\n                            var _a, _b, _c, _d;\n                            const applySort = (headers) => {\n                                let hasSortedCells = false;\n                                headers.forEach((cell) => {\n                                    const key = cell.key;\n                                    if (!key) {\n                                        return;\n                                    }\n                                    const sortDirection = cell.sortDirection;\n                                    if (sortDirection === 'ASC' || sortDirection === 'DESC') {\n                                        if (typeof cell.compareFn === 'function') {\n                                            if (this.state._allowMultiSort || this.sortData.length === 0) {\n                                                this.sortData.push({ label: cell.label, key, compareFn: cell.compareFn, direction: sortDirection });\n                                            }\n                                            hasSortedCells = true;\n                                        }\n                                        else if (typeof cell.sort === 'function') {\n                                            this.setSortDirection(cell.sort, sortDirection);\n                                            setTimeout(() => this.updateSortedData({ key, label: cell.label, sortDirection }));\n                                        }\n                                    }\n                                });\n                                if (hasSortedCells) {\n                                    setTimeout(() => this.updateSortedData());\n                                }\n                            };\n                            const headers = nextValue;\n                            (_a = headers.horizontal) === null || _a === void 0 ? void 0 : _a.forEach(applySort);\n                            (_b = headers.vertical) === null || _b === void 0 ? void 0 : _b.forEach(applySort);\n                            if (headers.horizontal && headers.vertical && ((_c = headers.horizontal) === null || _c === void 0 ? void 0 : _c.length) > 0 && ((_d = headers.vertical) === null || _d === void 0 ? void 0 : _d.length) > 0) {\n                                this.disableSort = true;\n                                devHint(`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)`);\n                            }\n                        },\n                    },\n                });\n            });\n        });\n    }\n    validateLabel(value) {\n        validateLabel(this, value, {\n            required: true,\n        });\n    }\n    validateMinWidth(value) {\n        watchString(this, '_minWidth', value, {\n            defaultValue: undefined,\n        });\n    }\n    validateSelection(value) {\n        validateTableSelection(this, value);\n    }\n    validateOn(value) {\n        validateTableStatefulCallbacks(this, value);\n    }\n    validatePagination(value) {\n        try {\n            value = parseJson(value);\n        }\n        catch (e) {\n        }\n        this.showPagination = paginationValidator(value);\n        watchValidator(this, '_pagination', paginationValidator, new Set(['boolean', 'KoliBriTablePagination']), value, {\n            defaultValue: {\n                _page: 1,\n                _pageSize: 10,\n                _max: 0,\n            },\n        });\n    }\n    componentDidLoad() {\n        var _a;\n        (_a = this.tableWcRef) === null || _a === void 0 ? void 0 : _a.addEventListener('kol-selection-change', this.onSelectionChange);\n    }\n    disconnectedCallback() {\n        var _a;\n        (_a = this.tableWcRef) === null || _a === void 0 ? void 0 : _a.removeEventListener('kol-selection-change', this.onSelectionChange);\n    }\n    componentWillLoad() {\n        this.validateAllowMultiSort(this._allowMultiSort);\n        this.validateData(this._data);\n        this.validateDataFoot(this._dataFoot);\n        this.validateHeaders(this._headers);\n        this.validateLabel(this._label);\n        this.validateMinWidth(this._minWidth);\n        this.validatePagination(this._pagination);\n        this.validatePaginationPosition(this._paginationPosition);\n        this.validateSelection(this._selection);\n        this.validateOn(this._on);\n    }\n    selectDisplayedData(data, pageSize, page) {\n        if (typeof pageSize === 'number' && pageSize > 0 && typeof page === 'number' && page > 0) {\n            this.pageStartSlice = pageSize * (page - 1);\n            this.pageEndSlice = pageSize * page > data.length ? data.length : pageSize * page;\n            return data.slice(this.pageStartSlice, this.pageEndSlice);\n        }\n        else {\n            this.pageStartSlice = 0;\n            this.pageEndSlice = data.length;\n            return data;\n        }\n    }\n    renderPagination(position) {\n        const label = translate('kol-table-pagination-label', {\n            placeholders: {\n                label: `${this.state._label} (${translate(`kol-pagination-position-${position}`)})`,\n            },\n        });\n        return (h(\"div\", { class: \"pagination\" }, h(\"span\", null, translate('kol-table-visible-range', {\n            placeholders: {\n                start: this.pageEndSlice > 0 ? (this.pageStartSlice + 1).toString() : '0',\n                end: this.pageEndSlice.toString(),\n                total: this.state._pagination && this.state._pagination._max > 0\n                    ? this.state._pagination._max.toString()\n                    : Array.isArray(this.state._data)\n                        ? this.state._data.length.toString()\n                        : '0',\n            },\n        })), h(\"div\", null, h(KolPaginationTag, { _boundaryCount: this.state._pagination._boundaryCount, _customClass: this.state._pagination._customClass, _on: this.handlePagination, _page: this.state._pagination._page, _pageSize: this.state._pagination._pageSize, _pageSizeOptions: this.state._pagination._pageSizeOptions || PAGINATION_OPTIONS, _siblingCount: this.state._pagination._siblingCount, _tooltipAlign: \"bottom\", _max: this.state._pagination._max || this.state._pagination._max || this.state._data.length, _label: label }))));\n    }\n    getHeaderCellSortState(headerCell) {\n        if (!this.disableSort && (typeof headerCell.compareFn === 'function' || typeof headerCell.sort === 'function')) {\n            if (headerCell.key === this.sortedColumnHead.key) {\n                return this.sortedColumnHead.sortDirection;\n            }\n            if (headerCell.key) {\n                const data = this.sortData.find((value) => value.key === headerCell.key);\n                if (data === null || data === void 0 ? void 0 : data.direction) {\n                    return data.direction;\n                }\n            }\n            return 'NOS';\n        }\n    }\n    handleSort({ key }) {\n        const headerCell = [...(this.state._headers.horizontal || []).flat(), ...(this.state._headers.vertical || []).flat()].find((cell) => cell.key === key);\n        if (headerCell) {\n            this.changeCellSort(headerCell);\n        }\n    }\n    getSelectedData(selectedKeys) {\n        var _a;\n        const selection = this.state._selection;\n        if (selection) {\n            const keyPropertyName = (_a = selection.keyPropertyName) !== null && _a !== void 0 ? _a : 'id';\n            const data = this.state._sortedData.filter((item) => selectedKeys.includes(item[keyPropertyName]));\n            if ((selection === null || selection === void 0 ? void 0 : selection.multiple) === false) {\n                return data[0];\n            }\n            if (keyPropertyName)\n                return data;\n        }\n        return null;\n    }\n    handleSelectionChange(event, value) {\n        var _a;\n        const selection = this.state._selection;\n        if (selection)\n            this.state = Object.assign(Object.assign({}, this.state), { _selection: Object.assign(Object.assign({}, selection), { selectedKeys: typeof value === 'object' ? value : [value] }) });\n        const selectedData = this.getSelectedData(value);\n        tryToDispatchKoliBriEvent('selection-change', this.host, selectedData);\n        if (typeof ((_a = this.state._on) === null || _a === void 0 ? void 0 : _a[Events.onSelectionChange]) === 'function') {\n            this.state._on[Events.onSelectionChange](event, selectedData);\n        }\n    }\n    async getSelection() {\n        var _a;\n        const selectedKeys = ((_a = this.state._selection) === null || _a === void 0 ? void 0 : _a.selectedKeys) || [];\n        return this.getSelectedData(selectedKeys);\n    }\n    render() {\n        var _a, _b, _c, _d;\n        const displayedData = this.selectDisplayedData(this.state._sortedData, this.showPagination ? ((_b = (_a = this.state._pagination) === null || _a === void 0 ? void 0 : _a._pageSize) !== null && _b !== void 0 ? _b : 10) : this.state._sortedData.length, this.state._pagination._page || 1);\n        const paginationTop = this._paginationPosition === 'top' || this._paginationPosition === 'both' ? this.renderPagination('top') : null;\n        const paginationBottom = this._paginationPosition === 'bottom' || this._paginationPosition === 'both' ? this.renderPagination('bottom') : null;\n        const headerCells = {\n            horizontal: (_c = this.state._headers.horizontal) === null || _c === void 0 ? void 0 : _c.map((row) => row.map((cell) => (Object.assign(Object.assign({}, cell), { sortDirection: this.getHeaderCellSortState(cell) })))),\n            vertical: (_d = this.state._headers.vertical) === null || _d === void 0 ? void 0 : _d.map((column) => column.map((cell) => (Object.assign(Object.assign({}, cell), { sortDirection: this.getHeaderCellSortState(cell) })))),\n        };\n        return (h(Host, { key: 'c10ebdf564f6b55abc7832cb1451dfc590d51638', class: \"kol-table-stateful\" }, this.pageEndSlice > 0 && this.showPagination && paginationTop, h(KolTableStatelessWcTag, { key: 'e8647828c9d9abf89bfe5971737039d46624bd6e', ref: this.catchRef, _data: displayedData, _headerCells: headerCells, _label: this.state._label, _dataFoot: this.state._dataFoot, _minWidth: this.state._minWidth, _on: {\n                onSort: (_, payload) => {\n                    this.handleSort(payload);\n                },\n                onSelectionChange: (event, value) => {\n                    this.handleSelectionChange(event, value);\n                },\n            }, _selection: this.state._selection }), this.pageEndSlice > 0 && this.showPagination && paginationBottom));\n    }\n    get host() { return getElement(this); }\n    static get watchers() { return {\n        \"_allowMultiSort\": [\"validateAllowMultiSort\"],\n        \"_data\": [\"validateData\"],\n        \"_dataFoot\": [\"validateDataFoot\"],\n        \"_paginationPosition\": [\"validatePaginationPosition\"],\n        \"_headers\": [\"validateHeaders\"],\n        \"_label\": [\"validateLabel\"],\n        \"_minWidth\": [\"validateMinWidth\"],\n        \"_selection\": [\"validateSelection\"],\n        \"_on\": [\"validateOn\"],\n        \"_pagination\": [\"validatePagination\"]\n    }; }\n};\nKolTableStateful.style = {\n    default: KolTableStatefulDefaultStyle0\n};\n\nexport { KolTableStateful as kol_table_stateful };\n\n//# sourceMappingURL=kol-table-stateful.entry.js.map"],"names":["paginationPositionPropTypeOptions","validatePaginationPosition","component","value","watchValidator","defaultStyleCss","KolTableStatefulDefaultStyle0","PAGINATION_OPTIONS","paginationValidator","KolTableStateful","hostRef","registerInstance","ref","sort","direction","event","page","_a","setState","pageSize","cell","sortedData","a","b","index","data","result","validateTableData","validateTableDataFoot","headerCell","settings","emptyStringByArrayHandler","objectObjectHandler","parseJson","nextValue","_b","_c","_d","applySort","headers","hasSortedCells","key","sortDirection","devHint","validateLabel","watchString","validateTableSelection","validateTableStatefulCallbacks","position","label","translate","h","KolPaginationTag","selectedKeys","selection","keyPropertyName","item","selectedData","tryToDispatchKoliBriEvent","Events","displayedData","paginationTop","paginationBottom","headerCells","row","column","Host","KolTableStatelessWcTag","_","payload","getElement"],"mappings":"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"}

package/dist/assets/kol-table-stateless-wc.entry-80miskqF.js

@@ -0,0 +1,4 @@
+import{r as D,h as l,t as w,e as A,K as C,F as T,c as E,H as z,m as R,aa as x,o as H,p as K,w as $}from"./index-TUFJsQwj.js";import{t as S}from"./i18n-3dd5729d-B7Hl56hm.js";import{E as g}from"./keyboard-77e19a81-D1ah5412.js";import{n as F}from"./dev.utils-52f8c2e9-DbX55uYj.js";import{t as k}from"./events-29e84d75-BhxFwhXP.js";import{v as O,a as j,d as W,b as M}from"./table-selection-0290d830-CkbEwvfC.js";import{v as P}from"./label-7d1ce375-CT1s1cqK.js";/*!
+ * KoliBri - The accessible HTML-Standard
+ */const N=(t,e)=>{x(e,()=>{H(e,()=>{try{e=K(e)}catch{}$(t,"_headerCells",i=>typeof i=="object"&&i!==null&&(i.horizontal===void 0||Array.isArray(i.horizontal)&&i.horizontal.find(a=>!Array.isArray(a))===void 0)&&(i.vertical===void 0||Array.isArray(i.vertical)&&i.vertical.find(a=>!Array.isArray(a))===void 0)&&!0,new Set(["TableHeaderCellsPropType"]),e)})})},Q=class{constructor(t){D(this,t),this.horizontal=!0,this.cellsToRenderTimeouts=new Map,this.dataToKeyMap=new Map,this.checkboxRefs=[],this.translateSort=S("kol-sort"),this.renderTableRow=(e,i,a)=>{var n,o;let r=String(i);return this.horizontal&&(!((n=e[0])===null||n===void 0)&&n.data)&&(r=(o=this.getDataKey(e[0].data))!==null&&o!==void 0?o:r),l("tr",{key:`row-${r}`},this.renderSelectionCell(e,i),e.map((h,d)=>this.renderTableCell(h,i,d,a)))},this.renderTableCell=(e,i,a,n)=>{let o=`${i}-${a}-${e.label}`;if(e.data){const r=this.getDataKey(e.data);o=r?`${r}-${this.horizontal?a:i}`:o}return e.asTd===!1?this.renderHeadingCell(e,i,a,n):l("td",{key:`cell-${o}`,class:{[e.textAlign]:typeof e.textAlign=="string"&&e.textAlign.length>0},colSpan:e.colSpan,rowSpan:e.rowSpan,style:{textAlign:e.textAlign,width:e.width},ref:typeof e.render=="function"?r=>{this.cellRender(e,r)}:void 0},typeof e.render!="function"?e.label:"")},this.state={_data:[],_label:"",_headerCells:{horizontal:[],vertical:[]}},this.tableDivElementHasScrollbar=!1,this._data=void 0,this._dataFoot=void 0,this._headerCells=void 0,this._label=void 0,this._minWidth=void 0,this._on=void 0,this._selection=void 0}validateData(t){O(this,t,{beforePatch:e=>{this.updateDataToKeyMap(e)}})}validateDataFoot(t){j(this,t)}validateHeaderCells(t){N(this,t)}validateLabel(t){P(this,t,{required:!0})}validateMinWidth(t){w(this,"_deprecatedMinWidth",t,{defaultValue:void 0})}validateOn(t){W(this,t)}validateSelection(t){M(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 a=this.checkboxRefs.indexOf(i);a>-1&&(t.preventDefault(),t.key==="ArrowDown"?(a=(a+1)%this.checkboxRefs.length,this.checkboxRefs[a].focus()):t.key==="ArrowUp"&&(t.preventDefault(),a=(a+this.checkboxRefs.length-1)%this.checkboxRefs.length,this.checkboxRefs[a].focus()))}}componentDidRender(){this.checkDivElementScrollbar()}componentDidLoad(){this.tableDivElement&&ResizeObserver&&(this.tableDivElementResizeObserver=new ResizeObserver(this.checkDivElementScrollbar.bind(this)),this.tableDivElementResizeObserver.observe(this.tableDivElement))}disconnectedCallback(){var t;(t=this.tableDivElementResizeObserver)===null||t===void 0||t.disconnect()}checkDivElementScrollbar(){this.tableDivElement&&(this.tableDivElementHasScrollbar=this.tableDivElement.scrollWidth>this.tableDivElement.clientWidth)}updateDataToKeyMap(t){t.forEach(e=>{this.dataToKeyMap.has(e)||this.dataToKeyMap.set(e,F())}),this.dataToKeyMap.forEach((e,i)=>{t.includes(i)||this.dataToKeyMap.delete(i)})}getDataKey(t){return this.dataToKeyMap.get(t)}cellRender(t,e){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);typeof i=="string"&&(e.textContent=i)}})))}getNumberOfCols(t,e){let i=0;return t.forEach(a=>{let n=0;Array.isArray(a)&&a.forEach(o=>{var r;return n+=(r=o.colSpan)!==null&&r!==void 0?r:1}),i<n&&(i=n)}),i===0&&(i=e.length),i}getNumberOfRows(t,e){var i;let a=0;return t.forEach(n=>{let o=0;Array.isArray(n)&&n.forEach(r=>{var h;return o+=(h=r.rowSpan)!==null&&h!==void 0?h:1}),a<o&&(a=o)}),a===0?a=e.length:a-=((i=this.state._dataFoot)===null||i===void 0?void 0:i.length)||0,a}getThePrimaryHeadersWithKeyOrRenderFunction(t){const e=[];return t.forEach(i=>{i.forEach(a=>{(typeof a.key=="string"||typeof a.render=="function")&&e.push(a)})}),e}getPrimaryHeaders(t){var e,i;let a=this.getThePrimaryHeadersWithKeyOrRenderFunction((e=t.horizontal)!==null&&e!==void 0?e:[]);return this.horizontal=!0,a.length===0&&(a=this.getThePrimaryHeadersWithKeyOrRenderFunction((i=t.vertical)!==null&&i!==void 0?i:[]),a.length>0&&(this.horizontal=!1)),a}createDataField(t,e,i){var a;e.horizontal=Array.isArray(e?.horizontal)?e.horizontal:[],e.vertical=Array.isArray(e?.vertical)?e.vertical:[];const n=this.getPrimaryHeaders(e),o=this.getNumberOfCols(e.horizontal,t);let r=this.getNumberOfRows(e.vertical,t),h=0;i&&(h=r,r+=((a=this.state._dataFoot)===null||a===void 0?void 0:a.length)||0);const d=[],y=[],p=[];e.vertical.forEach((c,u)=>{y[u]=0,p[u]=[]});for(let c=h;c<r;c++){const u=[];e.vertical.forEach((s,f)=>{let _=0;if(p[f].forEach(b=>_+=b),_<=c){const b=s[c-_+y[f]];if(typeof b=="object"){u.push(Object.assign(Object.assign({},b),{asTd:!1,data:{}}));let v=1;if(typeof b.rowSpan=="number"&&b.rowSpan>1&&(v=b.rowSpan),p[f].push(v),typeof b.colSpan=="number"&&b.colSpan>1)for(let m=1;m<b.colSpan;m++)p[f+m].push(v);y[f]++}}});for(let s=0;s<o;s++)if(this.horizontal===!0){const f=i&&this.state._dataFoot?this.state._dataFoot[c-h]:t[c];typeof n[s]=="object"&&n[s]!==null&&typeof f=="object"&&f!==null&&(typeof n[s].key=="string"||typeof n[s].render=="function")&&u.push(Object.assign(Object.assign({},n[s]),{colSpan:void 0,data:f,label:f[n[s].key],rowSpan:void 0}))}else typeof n[c]=="object"&&n[c]!==null&&typeof t[s]=="object"&&t[s]!==null&&(typeof n[c].key=="string"||typeof n[c].render=="function")&&u.push(Object.assign(Object.assign({},n[c]),{colSpan:void 0,data:t[s],label:t[s][n[c].key],rowSpan:void 0}));d.push(u)}if(t.length===0){let c=0,u=0;Array.isArray(e.horizontal)&&e.horizontal.length>0&&e.horizontal[0].forEach(f=>{c+=f.colSpan||1}),Array.isArray(e.vertical)&&e.vertical.length>0&&(c-=e.vertical.length,e.vertical[0].forEach(f=>{u+=f.rowSpan||1}));const s={colSpan:c,label:S("kol-no-entries"),render:void 0,rowSpan:Math.max(u,1)};d.length===0?d.push([s]):d[0].push(s)}return d}componentWillLoad(){this.validateData(this._data),this.validateDataFoot(this._dataFoot),this.validateHeaderCells(this._headerCells),this.validateLabel(this._label),this.validateMinWidth(this._minWidth),this.validateOn(this._on),this.validateSelection(this._selection)}renderSelectionCell(t,e){var i,a,n;const o=this.state._selection;if(!o)return"";const r=(i=o.keyPropertyName)!==null&&i!==void 0?i:"id",h=(a=t[0])===null||a===void 0?void 0:a.data;if(!h)return"";const d=h[r],y=o.multiple||o.multiple===void 0,p=(n=o?.selectedKeys)===null||n===void 0?void 0:n.includes(d),c=o.label(h),u={name:"selection",checked:p,id:d,"aria-label":c};return l("td",{key:`tbody-${e}-selection`,class:"selection-cell"},l("div",{class:`input ${p?"checked":""}`},y?l("label",{class:"checkbox-container"},l(A,{class:"icon",_icons:`codicon ${p?"codicon-check":""}`,_label:""}),l("input",Object.assign({ref:s=>s&&this.checkboxRefs.push(s)},u,{type:"checkbox",onInput:s=>{var f,_,b;const v=p?(_=o?.selectedKeys)===null||_===void 0?void 0:_.filter(m=>m!==d):[...(f=o?.selectedKeys)!==null&&f!==void 0?f:[],d];k("selection-change",this.host,v),typeof((b=this.state._on)===null||b===void 0?void 0:b[g.onSelectionChange])=="function"&&this.state._on[g.onSelectionChange](s,v??[])}}))):l("label",{class:"radio-container"},l("input",Object.assign({},u,{type:"radio",onInput:s=>{var f;k("selection-change",this.host,d),typeof((f=this.state._on)===null||f===void 0?void 0:f[g.onSelectionChange])=="function"&&this.state._on[g.onSelectionChange](s,d)}}))),l(C,{"aria-hidden":"true",class:"input-tooltip",_align:"right",_id:`${d}-label`,_label:c})))}renderHeadingSelectionCell(){var t,e;const i=this.state._selection;if(i?.multiple===!1)return l("td",{key:"thead-0-selection",class:"table__header-cell table__header-cell--horizontal selection-cell"});const a=(t=i?.keyPropertyName)!==null&&t!==void 0?t:"id",n=(e=i?.selectedKeys)===null||e===void 0?void 0:e.length,o=this.state._data.length,r=n===o,h=n!==0&&!r;let d="kol-table-selection-indeterminate";r&&!h&&(d="kol-table-selection-none"),n===0&&(d="kol-table-selection-all");const y=S(d);return l("th",{key:"thead-0-selection",class:"table__header-cell table__header-cell--horizontal selection-cell selection-control"},l("div",{class:`input ${h?"indeterminate":r?"checked":""}`},l("label",{class:"checkbox-container"},l(A,{class:"icon",_icons:`codicon ${h?"codicon-remove":r?"codicon-check":""}`,_label:""}),l("input",{ref:p=>p&&this.checkboxRefs.push(p),name:"selection",checked:r&&!h,"aria-label":y,type:"checkbox",onInput:p=>{var c;const u=r?[]:this.state._data.map(s=>s?.[a]);k("selection-change",this.host,u),typeof((c=this.state._on)===null||c===void 0?void 0:c[g.onSelectionChange])=="function"&&this.state._on[g.onSelectionChange](p,u)}})),l(C,{"aria-hidden":"true",class:"input-tooltip",_align:"right",_id:`${d}-label`,_label:y})))}renderHeaderTdCell(){return l(T,null,Array.isArray(this.state._headerCells.horizontal)&&this.state._headerCells.horizontal.length>0&&Array.isArray(this.state._headerCells.vertical)&&this.state._headerCells.vertical.length>0&&Array.isArray(this.state._headerCells.horizontal)&&l("td",{"aria-hidden":"true",colSpan:this.state._headerCells.vertical.length,rowSpan:this.state._headerCells.horizontal.length}))}renderHeadingCell(t,e,i,a){let n="none",o="codicon codicon-fold";if(t.sortDirection)switch(t.sortDirection){case"ASC":o="codicon codicon-chevron-up",n="ascending";break;case"DESC":o="codicon codicon-chevron-down",n="descending";break;default:n="none"}const r=a?"row":typeof t.colSpan=="number"&&t.colSpan>1?"colgroup":"col",h=["table__header-cell",a?"table__header-cell--vertical":"table__header-cell--horizontal"];return typeof t.textAlign=="string"&&t.textAlign.length>0&&h.push(`table__header-cell--align-${t.textAlign}`,`align-${t.textAlign}`),l("th",{key:`${e}-${i}-${t.label}`,class:h.join(" "),scope:r,colSpan:t.colSpan,rowSpan:t.rowSpan,style:{width:t.width},"aria-sort":n,"data-sort":`sort-${t.sortDirection}`},t.sortDirection?l(E,{class:"table-sort-button",exportparts:"icon",_icons:{right:o},_label:t.label,_ariaDescription:this.translateSort,_on:{onClick:d=>{var y;typeof((y=this.state._on)===null||y===void 0?void 0:y.onSort)=="function"&&t.key&&t.sortDirection&&this.state._on.onSort(d,{key:t.key,currentSortDirection:t.sortDirection})}}}):t.label)}renderSpacer(t,e){var i,a;const n=((i=this.state._headerCells.vertical)===null||i===void 0?void 0:i.length)||0,o=(a=e?.[0])===null||a===void 0?void 0:a.reduce((h,d)=>h+(d.colSpan||1),0),r=this.state._selection?1:0;return l("tr",{"aria-hidden":"true",class:`${t}-spacer`},l("td",{colSpan:n+o+r}))}renderFoot(){if(!this.state._dataFoot||this.state._dataFoot.length===0)return null;const t=this.createDataField(this.state._dataFoot,this.state._headerCells,!0);return l("tfoot",null,[this.renderSpacer("foot",t),t.map((e,i)=>this.renderTableRow(e,i,!0))])}render(){const t=this.createDataField(this.state._data,this.state._headerCells);return this.checkboxRefs=[],l(z,{key:"4d6fe0efc4d9f16bb25a48d6997602b0ef2f0772",class:"kol-table-stateless-wc"},l("div",{key:"840cd66be02833ab35e9bac2d378c0b5773f0309",ref:e=>this.tableDivElement=e,class:"table",tabindex:this.tableDivElementHasScrollbar?"-1":void 0},l("table",{key:"0b6e7e5d36b6931905d8e4cc546584c98f521731",style:{minWidth:this.state._deprecatedMinWidth||this.state._minWidth}},l("caption",{key:"b2fcb6e72d6382e4dd2161d34f428bd7efa41bf8",id:"caption",tabindex:this.tableDivElementHasScrollbar?"0":void 0},this.state._label),Array.isArray(this.state._headerCells.horizontal)&&l("thead",{key:"3741376cfbbf63daa12b4f416efe1de63c96183b"},[this.state._headerCells.horizontal.map((e,i)=>l("tr",{key:`thead-${i}`},this.state._selection&&this.renderHeadingSelectionCell(),i===0&&this.renderHeaderTdCell(),Array.isArray(e)&&e.map((a,n)=>a.asTd===!0?l("td",{key:`thead-${i}-${n}-${a.label}`,class:["table__header-cell","table__header-cell--horizontal",typeof a.textAlign=="string"&&a.textAlign.length>0?`table__header-cell--align-${a.textAlign}`:void 0,typeof a.textAlign=="string"&&a.textAlign.length>0?`align-${a.textAlign}`:void 0,typeof a.textAlign=="string"&&a.textAlign.length>0?a.textAlign:void 0].filter(Boolean).join(" "),colSpan:a.colSpan,rowSpan:a.rowSpan,style:{textAlign:a.textAlign,width:a.width},ref:typeof a.render=="function"?o=>{this.cellRender(a,o)}:void 0},typeof a.render!="function"?a.label:""):this.renderHeadingCell(a,i,n,!1)))),this.renderSpacer("head",this.state._headerCells.horizontal)]),l("tbody",{key:"467d467a86357a34d08aa8ac0cc7870e99009a58"},t.map((e,i)=>this.renderTableRow(e,i,!0))),this.renderFoot())))}get host(){return R(this)}static get watchers(){return{_data:["validateData"],_dataFoot:["validateDataFoot"],_headerCells:["validateHeaderCells"],_label:["validateLabel"],_minWidth:["validateMinWidth"],_on:["validateOn"],_selection:["validateSelection"]}}};export{Q as kol_table_stateless_wc};
+//# sourceMappingURL=kol-table-stateless-wc.entry-80miskqF.js.map

package/dist/assets/kol-table-stateless-wc.entry-80miskqF.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"kol-table-stateless-wc.entry-80miskqF.js","sources":["../../../../components/dist/esm/kol-table-stateless-wc.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h, F as Fragment, H as Host, g as getElement } from './index-77da4ee6.js';\nimport { g as KolIconTag, a as KolTooltipWcTag, c as KolButtonWcTag } from './component-names-4cb1c62b.js';\nimport { t as translate } from './i18n-3dd5729d.js';\nimport { M as emptyStringByArrayHandler, o as objectObjectHandler, l as parseJson, w as watchValidator, y as watchString } from './index-7a63e9eb.js';\nimport { E as Events } from './keyboard-77e19a81.js';\nimport { n as nonce } from './dev.utils-52f8c2e9.js';\nimport { t as tryToDispatchKoliBriEvent } from './events-29e84d75.js';\nimport { v as validateTableData, a as validateTableDataFoot, d as validateTableCallbacks, b as validateTableSelection } from './table-selection-0290d830.js';\nimport { v as validateLabel } from './label-7d1ce375.js';\nimport './i18n-b14e6088.js';\n\nconst validateTableHeaderCells = (component, value) => {\n    emptyStringByArrayHandler(value, () => {\n        objectObjectHandler(value, () => {\n            try {\n                value = parseJson(value);\n            }\n            catch (e) {\n            }\n            watchValidator(component, '_headerCells', (value) => typeof value === 'object' &&\n                value !== null &&\n                (value.horizontal === undefined ||\n                    (Array.isArray(value.horizontal) && value.horizontal.find((headerRow) => !Array.isArray(headerRow)) === undefined)) &&\n                (value.vertical === undefined || (Array.isArray(value.vertical) && value.vertical.find((headerCol) => !Array.isArray(headerCol)) === undefined)) &&\n                true, new Set(['TableHeaderCellsPropType']), value);\n        });\n    });\n};\n\nconst KolTableStateless = class {\n    constructor(hostRef) {\n        registerInstance(this, hostRef);\n        this.horizontal = true;\n        this.cellsToRenderTimeouts = new Map();\n        this.dataToKeyMap = new Map();\n        this.checkboxRefs = [];\n        this.translateSort = translate('kol-sort');\n        this.renderTableRow = (row, rowIndex, isVertical) => {\n            var _a, _b;\n            let key = String(rowIndex);\n            if (this.horizontal && ((_a = row[0]) === null || _a === void 0 ? void 0 : _a.data)) {\n                key = (_b = this.getDataKey(row[0].data)) !== null && _b !== void 0 ? _b : key;\n            }\n            return (h(\"tr\", { key: `row-${key}` }, this.renderSelectionCell(row, rowIndex), row.map((cell, colIndex) => this.renderTableCell(cell, rowIndex, colIndex, isVertical))));\n        };\n        this.renderTableCell = (cell, rowIndex, colIndex, isVertical) => {\n            let key = `${rowIndex}-${colIndex}-${cell.label}`;\n            if (cell.data) {\n                const dataKey = this.getDataKey(cell.data);\n                key = dataKey ? `${dataKey}-${this.horizontal ? colIndex : rowIndex}` : key;\n            }\n            if (cell.asTd === false) {\n                return this.renderHeadingCell(cell, rowIndex, colIndex, isVertical);\n            }\n            else {\n                return (h(\"td\", { key: `cell-${key}`, class: {\n                        [cell.textAlign]: typeof cell.textAlign === 'string' && cell.textAlign.length > 0,\n                    }, colSpan: cell.colSpan, rowSpan: cell.rowSpan, style: {\n                        textAlign: cell.textAlign,\n                        width: cell.width,\n                    }, ref: typeof cell.render === 'function'\n                        ? (el) => {\n                            this.cellRender(cell, el);\n                        }\n                        : undefined }, typeof cell.render !== 'function' ? cell.label : ''));\n            }\n        };\n        this.state = {\n            _data: [],\n            _label: '',\n            _headerCells: {\n                horizontal: [],\n                vertical: [],\n            },\n        };\n        this.tableDivElementHasScrollbar = false;\n        this._data = undefined;\n        this._dataFoot = undefined;\n        this._headerCells = undefined;\n        this._label = undefined;\n        this._minWidth = undefined;\n        this._on = undefined;\n        this._selection = undefined;\n    }\n    validateData(value) {\n        validateTableData(this, value, {\n            beforePatch: (nextValue) => {\n                this.updateDataToKeyMap(nextValue);\n            },\n        });\n    }\n    validateDataFoot(value) {\n        validateTableDataFoot(this, value);\n    }\n    validateHeaderCells(value) {\n        validateTableHeaderCells(this, value);\n    }\n    validateLabel(value) {\n        validateLabel(this, value, {\n            required: true,\n        });\n    }\n    validateMinWidth(value) {\n        watchString(this, '_deprecatedMinWidth', value, {\n            defaultValue: undefined,\n        });\n    }\n    validateOn(value) {\n        validateTableCallbacks(this, value);\n    }\n    validateSelection(value) {\n        validateTableSelection(this, value);\n    }\n    handleKeyDown(event) {\n        var _a;\n        if (event.key === 'ArrowUp' || event.key === 'ArrowDown') {\n            const focusedElement = (_a = this.tableDivElement) === null || _a === void 0 ? void 0 : _a.querySelector(':focus');\n            let index = this.checkboxRefs.indexOf(focusedElement);\n            if (index > -1) {\n                event.preventDefault();\n                if (event.key === 'ArrowDown') {\n                    index = (index + 1) % this.checkboxRefs.length;\n                    this.checkboxRefs[index].focus();\n                }\n                else if (event.key === 'ArrowUp') {\n                    event.preventDefault();\n                    index = (index + this.checkboxRefs.length - 1) % this.checkboxRefs.length;\n                    this.checkboxRefs[index].focus();\n                }\n            }\n        }\n    }\n    componentDidRender() {\n        this.checkDivElementScrollbar();\n    }\n    componentDidLoad() {\n        if (this.tableDivElement && ResizeObserver) {\n            this.tableDivElementResizeObserver = new ResizeObserver(this.checkDivElementScrollbar.bind(this));\n            this.tableDivElementResizeObserver.observe(this.tableDivElement);\n        }\n    }\n    disconnectedCallback() {\n        var _a;\n        (_a = this.tableDivElementResizeObserver) === null || _a === void 0 ? void 0 : _a.disconnect();\n    }\n    checkDivElementScrollbar() {\n        if (this.tableDivElement) {\n            this.tableDivElementHasScrollbar = this.tableDivElement.scrollWidth > this.tableDivElement.clientWidth;\n        }\n    }\n    updateDataToKeyMap(data) {\n        data.forEach((data) => {\n            if (!this.dataToKeyMap.has(data)) {\n                this.dataToKeyMap.set(data, nonce());\n            }\n        });\n        this.dataToKeyMap.forEach((_, key) => {\n            if (!data.includes(key)) {\n                this.dataToKeyMap.delete(key);\n            }\n        });\n    }\n    getDataKey(data) {\n        return this.dataToKeyMap.get(data);\n    }\n    cellRender(cell, el) {\n        if (el) {\n            clearTimeout(this.cellsToRenderTimeouts.get(el));\n            this.cellsToRenderTimeouts.set(el, setTimeout(() => {\n                if (typeof cell.render === 'function') {\n                    const renderContent = cell.render(el, cell, cell.data, this.state._data);\n                    if (typeof renderContent === 'string') {\n                        el.textContent = renderContent;\n                    }\n                }\n            }));\n        }\n    }\n    getNumberOfCols(horizontalHeaders, data) {\n        let max = 0;\n        horizontalHeaders.forEach((row) => {\n            let count = 0;\n            Array.isArray(row) && row.forEach((col) => { var _a; return (count += (_a = col.colSpan) !== null && _a !== void 0 ? _a : 1); });\n            if (max < count) {\n                max = count;\n            }\n        });\n        if (max === 0) {\n            max = data.length;\n        }\n        return max;\n    }\n    getNumberOfRows(verticalHeaders, data) {\n        var _a;\n        let max = 0;\n        verticalHeaders.forEach((col) => {\n            let count = 0;\n            Array.isArray(col) && col.forEach((row) => { var _a; return (count += (_a = row.rowSpan) !== null && _a !== void 0 ? _a : 1); });\n            if (max < count) {\n                max = count;\n            }\n        });\n        if (max === 0) {\n            max = data.length;\n        }\n        else {\n            max -= ((_a = this.state._dataFoot) === null || _a === void 0 ? void 0 : _a.length) || 0;\n        }\n        return max;\n    }\n    getThePrimaryHeadersWithKeyOrRenderFunction(headers) {\n        const primaryHeaders = [];\n        headers.forEach((cells) => {\n            cells.forEach((cell) => {\n                if (typeof cell.key === 'string' || typeof cell.render === 'function') {\n                    primaryHeaders.push(cell);\n                }\n            });\n        });\n        return primaryHeaders;\n    }\n    getPrimaryHeaders(headers) {\n        var _a, _b;\n        let primaryHeaders = this.getThePrimaryHeadersWithKeyOrRenderFunction((_a = headers.horizontal) !== null && _a !== void 0 ? _a : []);\n        this.horizontal = true;\n        if (primaryHeaders.length === 0) {\n            primaryHeaders = this.getThePrimaryHeadersWithKeyOrRenderFunction((_b = headers.vertical) !== null && _b !== void 0 ? _b : []);\n            if (primaryHeaders.length > 0) {\n                this.horizontal = false;\n            }\n        }\n        return primaryHeaders;\n    }\n    createDataField(data, headers, isFoot) {\n        var _a;\n        headers.horizontal = Array.isArray(headers === null || headers === void 0 ? void 0 : headers.horizontal) ? headers.horizontal : [];\n        headers.vertical = Array.isArray(headers === null || headers === void 0 ? void 0 : headers.vertical) ? headers.vertical : [];\n        const primaryHeader = this.getPrimaryHeaders(headers);\n        const maxCols = this.getNumberOfCols(headers.horizontal, data);\n        let maxRows = this.getNumberOfRows(headers.vertical, data);\n        let startRow = 0;\n        if (isFoot) {\n            startRow = maxRows;\n            maxRows += ((_a = this.state._dataFoot) === null || _a === void 0 ? void 0 : _a.length) || 0;\n        }\n        const dataField = [];\n        const rowCount = [];\n        const rowSpans = [];\n        headers.vertical.forEach((_row, index) => {\n            rowCount[index] = 0;\n            rowSpans[index] = [];\n        });\n        for (let i = startRow; i < maxRows; i++) {\n            const dataRow = [];\n            headers.vertical.forEach((headerCells, index) => {\n                let rowsTotal = 0;\n                rowSpans[index].forEach((value) => (rowsTotal += value));\n                if (rowsTotal <= i) {\n                    const rows = headerCells[i - rowsTotal + rowCount[index]];\n                    if (typeof rows === 'object') {\n                        dataRow.push(Object.assign(Object.assign({}, rows), { asTd: false, data: {} }));\n                        let rowSpan = 1;\n                        if (typeof rows.rowSpan === 'number' && rows.rowSpan > 1) {\n                            rowSpan = rows.rowSpan;\n                        }\n                        rowSpans[index].push(rowSpan);\n                        if (typeof rows.colSpan === 'number' && rows.colSpan > 1) {\n                            for (let k = 1; k < rows.colSpan; k++) {\n                                rowSpans[index + k].push(rowSpan);\n                            }\n                        }\n                        rowCount[index]++;\n                    }\n                }\n            });\n            for (let j = 0; j < maxCols; j++) {\n                if (this.horizontal === true) {\n                    const row = isFoot && this.state._dataFoot ? this.state._dataFoot[i - startRow] : data[i];\n                    if (typeof primaryHeader[j] === 'object' &&\n                        primaryHeader[j] !== null &&\n                        typeof row === 'object' &&\n                        row !== null &&\n                        (typeof primaryHeader[j].key === 'string' || typeof primaryHeader[j].render === 'function')) {\n                        dataRow.push(Object.assign(Object.assign({}, primaryHeader[j]), { colSpan: undefined, data: row, label: row[primaryHeader[j].key], rowSpan: undefined }));\n                    }\n                }\n                else {\n                    if (typeof primaryHeader[i] === 'object' &&\n                        primaryHeader[i] !== null &&\n                        typeof data[j] === 'object' &&\n                        data[j] !== null &&\n                        (typeof primaryHeader[i].key === 'string' || typeof primaryHeader[i].render === 'function')) {\n                        dataRow.push(Object.assign(Object.assign({}, primaryHeader[i]), { colSpan: undefined, data: data[j], label: data[j][primaryHeader[i].key], rowSpan: undefined }));\n                    }\n                }\n            }\n            dataField.push(dataRow);\n        }\n        if (data.length === 0) {\n            let colspan = 0;\n            let rowspan = 0;\n            if (Array.isArray(headers.horizontal) && headers.horizontal.length > 0) {\n                headers.horizontal[0].forEach((col) => {\n                    colspan += col.colSpan || 1;\n                });\n            }\n            if (Array.isArray(headers.vertical) && headers.vertical.length > 0) {\n                colspan -= headers.vertical.length;\n                headers.vertical[0].forEach((row) => {\n                    rowspan += row.rowSpan || 1;\n                });\n            }\n            const emptyCell = {\n                colSpan: colspan,\n                label: translate('kol-no-entries'),\n                render: undefined,\n                rowSpan: Math.max(rowspan, 1),\n            };\n            if (dataField.length === 0) {\n                dataField.push([emptyCell]);\n            }\n            else {\n                dataField[0].push(emptyCell);\n            }\n        }\n        return dataField;\n    }\n    componentWillLoad() {\n        this.validateData(this._data);\n        this.validateDataFoot(this._dataFoot);\n        this.validateHeaderCells(this._headerCells);\n        this.validateLabel(this._label);\n        this.validateMinWidth(this._minWidth);\n        this.validateOn(this._on);\n        this.validateSelection(this._selection);\n    }\n    renderSelectionCell(row, rowIndex) {\n        var _a, _b, _c;\n        const selection = this.state._selection;\n        if (!selection)\n            return '';\n        const keyPropertyName = (_a = selection.keyPropertyName) !== null && _a !== void 0 ? _a : 'id';\n        const firstCellData = (_b = row[0]) === null || _b === void 0 ? void 0 : _b.data;\n        if (!firstCellData)\n            return '';\n        const keyProperty = firstCellData[keyPropertyName];\n        const isMultiple = selection.multiple || selection.multiple === undefined;\n        const selected = (_c = selection === null || selection === void 0 ? void 0 : selection.selectedKeys) === null || _c === void 0 ? void 0 : _c.includes(keyProperty);\n        const label = selection.label(firstCellData);\n        const props = {\n            name: 'selection',\n            checked: selected,\n            id: keyProperty,\n            ['aria-label']: label,\n        };\n        return (h(\"td\", { key: `tbody-${rowIndex}-selection`, class: \"selection-cell\" }, h(\"div\", { class: `input ${selected ? 'checked' : ''}` }, isMultiple ? (h(\"label\", { class: \"checkbox-container\" }, h(KolIconTag, { class: \"icon\", _icons: `codicon ${selected ? 'codicon-check' : ''}`, _label: \"\" }), h(\"input\", Object.assign({ ref: (el) => el && this.checkboxRefs.push(el) }, props, { type: \"checkbox\", onInput: (event) => {\n                var _a, _b, _c;\n                const updatedSelectedKeys = !selected\n                    ? [...((_a = selection === null || selection === void 0 ? void 0 : selection.selectedKeys) !== null && _a !== void 0 ? _a : []), keyProperty]\n                    : (_b = selection === null || selection === void 0 ? void 0 : selection.selectedKeys) === null || _b === void 0 ? void 0 : _b.filter((key) => key !== keyProperty);\n                tryToDispatchKoliBriEvent('selection-change', this.host, updatedSelectedKeys);\n                if (typeof ((_c = this.state._on) === null || _c === void 0 ? void 0 : _c[Events.onSelectionChange]) === 'function') {\n                    this.state._on[Events.onSelectionChange](event, updatedSelectedKeys !== null && updatedSelectedKeys !== void 0 ? updatedSelectedKeys : []);\n                }\n            } })))) : (h(\"label\", { class: \"radio-container\" }, h(\"input\", Object.assign({}, props, { type: \"radio\", onInput: (event) => {\n                var _a;\n                tryToDispatchKoliBriEvent('selection-change', this.host, keyProperty);\n                if (typeof ((_a = this.state._on) === null || _a === void 0 ? void 0 : _a[Events.onSelectionChange]) === 'function') {\n                    this.state._on[Events.onSelectionChange](event, keyProperty);\n                }\n            } })))), h(KolTooltipWcTag, { \"aria-hidden\": \"true\", class: \"input-tooltip\", _align: \"right\", _id: `${keyProperty}-label`, _label: label }))));\n    }\n    renderHeadingSelectionCell() {\n        var _a, _b;\n        const selection = this.state._selection;\n        if ((selection === null || selection === void 0 ? void 0 : selection.multiple) === false) {\n            return h(\"td\", { key: `thead-0-selection`, class: \"table__header-cell table__header-cell--horizontal selection-cell\" });\n        }\n        const keyPropertyName = (_a = selection === null || selection === void 0 ? void 0 : selection.keyPropertyName) !== null && _a !== void 0 ? _a : 'id';\n        const selectedKeyLength = (_b = selection === null || selection === void 0 ? void 0 : selection.selectedKeys) === null || _b === void 0 ? void 0 : _b.length;\n        const dataLength = this.state._data.length;\n        const isChecked = selectedKeyLength === dataLength;\n        const indeterminate = selectedKeyLength !== 0 && !isChecked;\n        let translationKey = 'kol-table-selection-indeterminate';\n        if (isChecked && !indeterminate) {\n            translationKey = 'kol-table-selection-none';\n        }\n        if (selectedKeyLength === 0) {\n            translationKey = 'kol-table-selection-all';\n        }\n        const label = translate(translationKey);\n        return (h(\"th\", { key: `thead-0-selection`, class: \"table__header-cell table__header-cell--horizontal selection-cell selection-control\" }, h(\"div\", { class: `input ${indeterminate ? 'indeterminate' : isChecked ? 'checked' : ''}` }, h(\"label\", { class: \"checkbox-container\" }, h(KolIconTag, { class: \"icon\", _icons: `codicon ${indeterminate ? 'codicon-remove' : isChecked ? 'codicon-check' : ''}`, _label: \"\" }), h(\"input\", { ref: (el) => el && this.checkboxRefs.push(el), name: \"selection\", checked: isChecked && !indeterminate, \"aria-label\": label, type: \"checkbox\", onInput: (event) => {\n                var _a;\n                const selections = !isChecked ? this.state._data.map((el) => el === null || el === void 0 ? void 0 : el[keyPropertyName]) : [];\n                tryToDispatchKoliBriEvent('selection-change', this.host, selections);\n                if (typeof ((_a = this.state._on) === null || _a === void 0 ? void 0 : _a[Events.onSelectionChange]) === 'function') {\n                    this.state._on[Events.onSelectionChange](event, selections);\n                }\n            } })), h(KolTooltipWcTag, { \"aria-hidden\": \"true\", class: \"input-tooltip\", _align: \"right\", _id: `${translationKey}-label`, _label: label }))));\n    }\n    renderHeaderTdCell() {\n        return (h(Fragment, null, Array.isArray(this.state._headerCells.horizontal) &&\n            this.state._headerCells.horizontal.length > 0 &&\n            Array.isArray(this.state._headerCells.vertical) &&\n            this.state._headerCells.vertical.length > 0 &&\n            Array.isArray(this.state._headerCells.horizontal) && (h(\"td\", { \"aria-hidden\": \"true\", colSpan: this.state._headerCells.vertical.length, rowSpan: this.state._headerCells.horizontal.length }))));\n    }\n    renderHeadingCell(cell, rowIndex, colIndex, isVertical) {\n        let ariaSort = 'none';\n        let sortButtonIcon = 'codicon codicon-fold';\n        if (cell.sortDirection) {\n            switch (cell.sortDirection) {\n                case 'ASC':\n                    sortButtonIcon = 'codicon codicon-chevron-up';\n                    ariaSort = 'ascending';\n                    break;\n                case 'DESC':\n                    sortButtonIcon = 'codicon codicon-chevron-down';\n                    ariaSort = 'descending';\n                    break;\n                default:\n                    ariaSort = 'none';\n            }\n        }\n        const scope = isVertical ? 'row' : typeof cell.colSpan === 'number' && cell.colSpan > 1 ? 'colgroup' : 'col';\n        const classNames = ['table__header-cell', isVertical ? 'table__header-cell--vertical' : 'table__header-cell--horizontal'];\n        if (typeof cell.textAlign === 'string' && cell.textAlign.length > 0) {\n            classNames.push(`table__header-cell--align-${cell.textAlign}`, `align-${cell.textAlign}`);\n        }\n        return (h(\"th\", { key: `${rowIndex}-${colIndex}-${cell.label}`, class: classNames.join(' '), scope: scope, colSpan: cell.colSpan, rowSpan: cell.rowSpan, style: {\n                width: cell.width,\n            }, \"aria-sort\": ariaSort, \"data-sort\": `sort-${cell.sortDirection}` }, cell.sortDirection ? (h(KolButtonWcTag, { class: \"table-sort-button\", exportparts: \"icon\", _icons: { right: sortButtonIcon }, _label: cell.label, _ariaDescription: this.translateSort, _on: {\n                onClick: (event) => {\n                    var _a;\n                    if (typeof ((_a = this.state._on) === null || _a === void 0 ? void 0 : _a.onSort) === 'function' && cell.key && cell.sortDirection) {\n                        this.state._on.onSort(event, {\n                            key: cell.key,\n                            currentSortDirection: cell.sortDirection,\n                        });\n                    }\n                },\n            } })) : (cell.label)));\n    }\n    renderSpacer(variant, cellDefs) {\n        var _a, _b;\n        const verticalHeaderColpan = ((_a = this.state._headerCells.vertical) === null || _a === void 0 ? void 0 : _a.length) || 0;\n        const colspan = (_b = cellDefs === null || cellDefs === void 0 ? void 0 : cellDefs[0]) === null || _b === void 0 ? void 0 : _b.reduce((acc, row) => acc + (row.colSpan || 1), 0);\n        const selectionCell = this.state._selection ? 1 : 0;\n        return (h(\"tr\", { \"aria-hidden\": \"true\", class: `${variant}-spacer` }, h(\"td\", { colSpan: verticalHeaderColpan + colspan + selectionCell })));\n    }\n    renderFoot() {\n        if (!this.state._dataFoot || this.state._dataFoot.length === 0) {\n            return null;\n        }\n        const rows = this.createDataField(this.state._dataFoot, this.state._headerCells, true);\n        return (h(\"tfoot\", null, [\n            this.renderSpacer('foot', rows),\n            rows.map((row, rowIndex) => this.renderTableRow(row, rowIndex, true)),\n        ]));\n    }\n    render() {\n        const dataField = this.createDataField(this.state._data, this.state._headerCells);\n        this.checkboxRefs = [];\n        return (h(Host, { key: '4d6fe0efc4d9f16bb25a48d6997602b0ef2f0772', class: \"kol-table-stateless-wc\" }, h(\"div\", { key: '840cd66be02833ab35e9bac2d378c0b5773f0309', ref: (element) => (this.tableDivElement = element), class: \"table\", tabindex: this.tableDivElementHasScrollbar ? '-1' : undefined }, h(\"table\", { key: '0b6e7e5d36b6931905d8e4cc546584c98f521731', style: {\n                minWidth: this.state._deprecatedMinWidth || this.state._minWidth,\n            } }, h(\"caption\", { key: 'b2fcb6e72d6382e4dd2161d34f428bd7efa41bf8', id: \"caption\", tabindex: this.tableDivElementHasScrollbar ? '0' : undefined }, this.state._label), Array.isArray(this.state._headerCells.horizontal) && (h(\"thead\", { key: '3741376cfbbf63daa12b4f416efe1de63c96183b' }, [\n            this.state._headerCells.horizontal.map((cols, rowIndex) => (h(\"tr\", { key: `thead-${rowIndex}` }, this.state._selection && this.renderHeadingSelectionCell(), rowIndex === 0 && this.renderHeaderTdCell(), Array.isArray(cols) &&\n                cols.map((cell, colIndex) => {\n                    if (cell.asTd === true) {\n                        return (h(\"td\", { key: `thead-${rowIndex}-${colIndex}-${cell.label}`, class: [\n                                'table__header-cell',\n                                'table__header-cell--horizontal',\n                                typeof cell.textAlign === 'string' && cell.textAlign.length > 0 ? `table__header-cell--align-${cell.textAlign}` : undefined,\n                                typeof cell.textAlign === 'string' && cell.textAlign.length > 0 ? `align-${cell.textAlign}` : undefined,\n                                typeof cell.textAlign === 'string' && cell.textAlign.length > 0 ? cell.textAlign : undefined,\n                            ]\n                                .filter(Boolean)\n                                .join(' '), colSpan: cell.colSpan, rowSpan: cell.rowSpan, style: {\n                                textAlign: cell.textAlign,\n                                width: cell.width,\n                            }, ref: typeof cell.render === 'function'\n                                ? (el) => {\n                                    this.cellRender(cell, el);\n                                }\n                                : undefined }, typeof cell.render !== 'function' ? cell.label : ''));\n                    }\n                    else {\n                        return this.renderHeadingCell(cell, rowIndex, colIndex, false);\n                    }\n                })))),\n            this.renderSpacer('head', this.state._headerCells.horizontal),\n        ])), h(\"tbody\", { key: '467d467a86357a34d08aa8ac0cc7870e99009a58' }, dataField.map((row, rowIndex) => this.renderTableRow(row, rowIndex, true))), this.renderFoot()))));\n    }\n    get host() { return getElement(this); }\n    static get watchers() { return {\n        \"_data\": [\"validateData\"],\n        \"_dataFoot\": [\"validateDataFoot\"],\n        \"_headerCells\": [\"validateHeaderCells\"],\n        \"_label\": [\"validateLabel\"],\n        \"_minWidth\": [\"validateMinWidth\"],\n        \"_on\": [\"validateOn\"],\n        \"_selection\": [\"validateSelection\"]\n    }; }\n};\n\nexport { KolTableStateless as kol_table_stateless_wc };\n\n//# sourceMappingURL=kol-table-stateless-wc.entry.js.map"],"names":["validateTableHeaderCells","component","value","emptyStringByArrayHandler","objectObjectHandler","parseJson","watchValidator","headerRow","headerCol","KolTableStateless","hostRef","registerInstance","translate","row","rowIndex","isVertical","_a","_b","key","h","cell","colIndex","dataKey","el","validateTableData","nextValue","validateTableDataFoot","validateLabel","watchString","validateTableCallbacks","validateTableSelection","event","focusedElement","index","data","nonce","_","renderContent","horizontalHeaders","max","count","col","verticalHeaders","headers","primaryHeaders","cells","isFoot","primaryHeader","maxCols","maxRows","startRow","dataField","rowCount","rowSpans","_row","i","dataRow","headerCells","rowsTotal","rows","rowSpan","k","j","colspan","rowspan","emptyCell","_c","selection","keyPropertyName","firstCellData","keyProperty","isMultiple","selected","label","props","KolIconTag","updatedSelectedKeys","tryToDispatchKoliBriEvent","Events","KolTooltipWcTag","selectedKeyLength","dataLength","isChecked","indeterminate","translationKey","selections","Fragment","ariaSort","sortButtonIcon","scope","classNames","KolButtonWcTag","variant","cellDefs","verticalHeaderColpan","acc","selectionCell","Host","element","cols","getElement"],"mappings":"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"}