@public-ui/sample-react 2.2.20-rc.2 → 2.2.20

package/dist/assets/{kol-spin.entry-B9Tg3iFZ.js → kol-spin.entry-BmvZ7BOi.js}

@@ -1,4 +1,4 @@
-import{r,h as n,H as s,F as l,w as d}from"./index-C04Jx29v.js";import{t as i}from"./i18n-c0cd260c-BmCaZw2-.js";import{v as c}from"./show-bfd36a90-D49yUM4-.js";const o=["cycle","dot","none"],h=(e,a)=>{d(e,"_variant",t=>typeof t=="string"&&o.includes(t),new Set(o),a)},p=`/*
+import{r,h as n,H as s,F as l,w as d}from"./index-BOdC6zis.js";import{t as i}from"./i18n-c0cd260c-qTtadU1u.js";import{v as c}from"./show-bfd36a90-DgMr2VnU.js";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.
  */
 @layer kol-a11y {
@@ -311,4 +311,4 @@ import{r,h as n,H as s,F as l,w as d}from"./index-C04Jx29v.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:"9980594780aef9155770d257bc71a329cdb43bcb",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-B9Tg3iFZ.js.map
+//# sourceMappingURL=kol-spin.entry-BmvZ7BOi.js.map

package/dist/assets/{kol-spin.entry-B9Tg3iFZ.js.map → kol-spin.entry-BmvZ7BOi.js.map}

@@ -1 +1 @@
-{"version":3,"file":"kol-spin.entry-B9Tg3iFZ.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-54711f76.js';\nimport { w as watchValidator } from './index-7a63e9eb.js';\nimport { t as translate } from './i18n-c0cd260c.js';\nimport { v as validateShow } from './show-bfd36a90.js';\nimport './i18n-618f199e.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: '9980594780aef9155770d257bc71a329cdb43bcb', 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-BmvZ7BOi.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-16ac6954.js';\nimport { w as watchValidator } from './index-7a63e9eb.js';\nimport { t as translate } from './i18n-c0cd260c.js';\nimport { v as validateShow } from './show-bfd36a90.js';\nimport './i18n-618f199e.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: '9980594780aef9155770d257bc71a329cdb43bcb', 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-D5iuYASe.js → kol-split-button.entry-DX87v3Bm.js}

@@ -1,4 +1,4 @@
-import{r as l,h as n,a8 as r,c as o,H as d}from"./index-C04Jx29v.js";import{t as a}from"./i18n-c0cd260c-BmCaZw2-.js";const h=`/*
+import{r as l,h as n,a8 as r,c as o,H as d}from"./index-BOdC6zis.js";import{t as a}from"./i18n-c0cd260c-qTtadU1u.js";const h=`/*
  * This file contains all rules for accessibility.
  */
 @layer kol-a11y {
@@ -296,4 +296,4 @@ import{r as l,h as n,a8 as r,c as o,H as d}from"./index-C04Jx29v.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:"d747d36dee39a6dbba4dbee54f40fcae97a89df9",class:"kol-split-button"},n("div",{key:"4fe31843dc5166cfcf1c9fdbb50501e7603c41bf",class:"split-button-root"},n(o,{key:"8c751dce761c6f5b61162a4ae51645b7abc2224d",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:"3bd199965fbb156f399de3558316be887272235e",class:"horizontal-line"}),n(o,{key:"1a30acb4c71e787f264434c6feed5a534eb4a7f1",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:"b12c89bb545f90b59d0a99d3d9bb2e1c2b50cf9b",_show:this.state._show,_on:{onClose:this.handleOnClose},_align:"bottom"},n("slot",{key:"0be3889b87cdecc5f485b57ff6b1d47b26d7e636"})))}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-D5iuYASe.js.map
+//# sourceMappingURL=kol-split-button.entry-DX87v3Bm.js.map

package/dist/assets/{kol-split-button.entry-D5iuYASe.js.map → kol-split-button.entry-DX87v3Bm.js.map}

@@ -1 +1 @@
-{"version":3,"file":"kol-split-button.entry-D5iuYASe.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-54711f76.js';\nimport { t as translate } from './i18n-c0cd260c.js';\nimport { o as KolPopoverWcTag, c as KolButtonWcTag } from './component-names-ad1568d0.js';\nimport './i18n-618f199e.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  }\\n  .kol-tooltip-wc .tooltip-floating {\\n    opacity: 0;\\n    display: none;\\n    position: fixed;\\n    /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\\n    top: 0;\\n    left: 0;\\n    /* Can be used to specify the tooltip-width from the outside. Unset by default. */\\n    width: var(--kol-tooltip-width, unset);\\n    max-width: 90vw;\\n    max-height: 90vh;\\n    animation-direction: normal;\\n    /* Can be used to specify the animation duration from the outside. 250ms by default. */\\n    animation-duration: var(--kolibri-tooltip-animation-duration, 250ms);\\n    animation-fill-mode: forwards;\\n    animation-iteration-count: 1;\\n    animation-timing-function: ease-in;\\n  }\\n  .kol-tooltip-wc .tooltip-floating.hide {\\n    animation-name: hideTooltip;\\n  }\\n  .kol-tooltip-wc .tooltip-floating.show {\\n    animation-name: showTooltip;\\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 hideTooltip {\\n    0% {\\n      opacity: 1;\\n    }\\n    100% {\\n      opacity: 0;\\n      display: none;\\n    }\\n  }\\n  @keyframes showTooltip {\\n    0% {\\n      opacity: 0;\\n    }\\n    100% {\\n      opacity: 1;\\n    }\\n  }\\n}\\n@layer kol-component {\\n  :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: 'd747d36dee39a6dbba4dbee54f40fcae97a89df9', class: \"kol-split-button\" }, h(\"div\", { key: '4fe31843dc5166cfcf1c9fdbb50501e7603c41bf', class: \"split-button-root\" }, h(KolButtonWcTag, { key: '8c751dce761c6f5b61162a4ae51645b7abc2224d', 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: '3bd199965fbb156f399de3558316be887272235e', class: \"horizontal-line\" }), h(KolButtonWcTag, { key: '1a30acb4c71e787f264434c6feed5a534eb4a7f1', 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: 'b12c89bb545f90b59d0a99d3d9bb2e1c2b50cf9b', _show: this.state._show, _on: { onClose: this.handleOnClose }, _align: \"bottom\" }, h(\"slot\", { key: '0be3889b87cdecc5f485b57ff6b1d47b26d7e636' }))));\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":"qHASA,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;AAAA;AAAA;AAAA;AA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"}
+{"version":3,"file":"kol-split-button.entry-DX87v3Bm.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-16ac6954.js';\nimport { t as translate } from './i18n-c0cd260c.js';\nimport { o as KolPopoverWcTag, c as KolButtonWcTag } from './component-names-ad1568d0.js';\nimport './i18n-618f199e.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  }\\n  .kol-tooltip-wc .tooltip-floating {\\n    opacity: 0;\\n    display: none;\\n    position: fixed;\\n    /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\\n    top: 0;\\n    left: 0;\\n    /* Can be used to specify the tooltip-width from the outside. Unset by default. */\\n    width: var(--kol-tooltip-width, unset);\\n    max-width: 90vw;\\n    max-height: 90vh;\\n    animation-direction: normal;\\n    /* Can be used to specify the animation duration from the outside. 250ms by default. */\\n    animation-duration: var(--kolibri-tooltip-animation-duration, 250ms);\\n    animation-fill-mode: forwards;\\n    animation-iteration-count: 1;\\n    animation-timing-function: ease-in;\\n  }\\n  .kol-tooltip-wc .tooltip-floating.hide {\\n    animation-name: hideTooltip;\\n  }\\n  .kol-tooltip-wc .tooltip-floating.show {\\n    animation-name: showTooltip;\\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 hideTooltip {\\n    0% {\\n      opacity: 1;\\n    }\\n    100% {\\n      opacity: 0;\\n      display: none;\\n    }\\n  }\\n  @keyframes showTooltip {\\n    0% {\\n      opacity: 0;\\n    }\\n    100% {\\n      opacity: 1;\\n    }\\n  }\\n}\\n@layer kol-component {\\n  :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: 'd747d36dee39a6dbba4dbee54f40fcae97a89df9', class: \"kol-split-button\" }, h(\"div\", { key: '4fe31843dc5166cfcf1c9fdbb50501e7603c41bf', class: \"split-button-root\" }, h(KolButtonWcTag, { key: '8c751dce761c6f5b61162a4ae51645b7abc2224d', 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: '3bd199965fbb156f399de3558316be887272235e', class: \"horizontal-line\" }), h(KolButtonWcTag, { key: '1a30acb4c71e787f264434c6feed5a534eb4a7f1', 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: 'b12c89bb545f90b59d0a99d3d9bb2e1c2b50cf9b', _show: this.state._show, _on: { onClose: this.handleOnClose }, _align: \"bottom\" }, h(\"slot\", { key: '0be3889b87cdecc5f485b57ff6b1d47b26d7e636' }))));\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":"qHASA,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;AAAA;AAAA;AAAA;AA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"}

package/dist/assets/{kol-symbol.entry-DulOL64S.js → kol-symbol.entry-25GFlC_T.js}

@@ -1,2 +1,2 @@
-import{r as e,h as a,H as l,t as s}from"./index-C04Jx29v.js";import{t as i}from"./i18n-c0cd260c-BmCaZw2-.js";import{v as o}from"./label-7d1ce375-C3Ej5veR.js";const d=class{constructor(t){e(this,t),this._label=void 0,this._symbol=void 0,this.state={_label:i("kol-warning"),_symbol:""}}render(){return a(l,{key:"90b470072c9a1933123d6cf1930e71dc91f93c26",class:"kol-symbol"},a("span",{key:"5b68c660c07085b545df10203a4d3f43814981c4","aria-label":this.state._label,role:"term"},this.state._symbol))}validateLabel(t){o(this,t,{required:!0})}validateSymbol(t){s(this,"_symbol",t,{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-DulOL64S.js.map
+import{r as e,h as a,H as l,t as s}from"./index-BOdC6zis.js";import{t as i}from"./i18n-c0cd260c-qTtadU1u.js";import{v as o}from"./label-7d1ce375-BySaGpJR.js";const d=class{constructor(t){e(this,t),this._label=void 0,this._symbol=void 0,this.state={_label:i("kol-warning"),_symbol:""}}render(){return a(l,{key:"90b470072c9a1933123d6cf1930e71dc91f93c26",class:"kol-symbol"},a("span",{key:"5b68c660c07085b545df10203a4d3f43814981c4","aria-label":this.state._label,role:"term"},this.state._symbol))}validateLabel(t){o(this,t,{required:!0})}validateSymbol(t){s(this,"_symbol",t,{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-25GFlC_T.js.map

package/dist/assets/{kol-symbol.entry-DulOL64S.js.map → kol-symbol.entry-25GFlC_T.js.map}

@@ -1 +1 @@
-{"version":3,"file":"kol-symbol.entry-DulOL64S.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-54711f76.js';\nimport { y as watchString } from './index-7a63e9eb.js';\nimport { t as translate } from './i18n-c0cd260c.js';\nimport { v as validateLabel } from './label-7d1ce375.js';\nimport './i18n-618f199e.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: '90b470072c9a1933123d6cf1930e71dc91f93c26', class: \"kol-symbol\" }, h(\"span\", { key: '5b68c660c07085b545df10203a4d3f43814981c4', \"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":"8JASK,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-25GFlC_T.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-16ac6954.js';\nimport { y as watchString } from './index-7a63e9eb.js';\nimport { t as translate } from './i18n-c0cd260c.js';\nimport { v as validateLabel } from './label-7d1ce375.js';\nimport './i18n-618f199e.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: '90b470072c9a1933123d6cf1930e71dc91f93c26', class: \"kol-symbol\" }, h(\"span\", { key: '5b68c660c07085b545df10203a4d3f43814981c4', \"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":"8JASK,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-s23f8xCZ.js → kol-table-stateful.entry-D2P3PQGy.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 T}from"./index-C04Jx29v.js";import{t as f}from"./i18n-c0cd260c-BmCaZw2-.js";import{t as O}from"./events-29e84d75-CETYymUM.js";import{E as _}from"./keyboard-77e19a81-BWwnOSNt.js";import{v as F,a as j,b as E,c as A}from"./table-selection-0290d830-CNZVnayq.js";import{v as H}from"./label-7d1ce375-C3Ej5veR.js";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=`/*
+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 T}from"./index-BOdC6zis.js";import{t as f}from"./i18n-c0cd260c-qTtadU1u.js";import{t as O}from"./events-29e84d75-CETYymUM.js";import{E as _}from"./keyboard-77e19a81-BWwnOSNt.js";import{v as F,a as j,b as E,c as A}from"./table-selection-0290d830-mevzYgzp.js";import{v as H}from"./label-7d1ce375-BySaGpJR.js";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.
  */
 @layer kol-a11y {
@@ -388,4 +388,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,
     }
   }
 }`,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;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,T("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",{role:"status","aria-live":"polite"},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);O("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:"08f169e0520e974e018e987202a9af0ced93a19e",class:"kol-table-stateful"},this.pageEndSlice>0&&this.showPagination&&l,p(x,{key:"86b50cb5b9d07ea8c137c54a51b92ec03b656dce",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-s23f8xCZ.js.map
+//# sourceMappingURL=kol-table-stateful.entry-D2P3PQGy.js.map

package/dist/assets/{kol-table-stateful.entry-s23f8xCZ.js.map → kol-table-stateful.entry-D2P3PQGy.js.map}

@@ -1 +1 @@
-{"version":3,"file":"kol-table-stateful.entry-s23f8xCZ.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-54711f76.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-c0cd260c.js';\nimport { q as KolPaginationTag, r as KolTableStatelessWcTag } from './component-names-ad1568d0.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-618f199e.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  }\\n  .kol-tooltip-wc .tooltip-floating {\\n    opacity: 0;\\n    display: none;\\n    position: fixed;\\n    /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\\n    top: 0;\\n    left: 0;\\n    /* Can be used to specify the tooltip-width from the outside. Unset by default. */\\n    width: var(--kol-tooltip-width, unset);\\n    max-width: 90vw;\\n    max-height: 90vh;\\n    animation-direction: normal;\\n    /* Can be used to specify the animation duration from the outside. 250ms by default. */\\n    animation-duration: var(--kolibri-tooltip-animation-duration, 250ms);\\n    animation-fill-mode: forwards;\\n    animation-iteration-count: 1;\\n    animation-timing-function: ease-in;\\n  }\\n  .kol-tooltip-wc .tooltip-floating.hide {\\n    animation-name: hideTooltip;\\n  }\\n  .kol-tooltip-wc .tooltip-floating.show {\\n    animation-name: showTooltip;\\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 hideTooltip {\\n    0% {\\n      opacity: 1;\\n    }\\n    100% {\\n      opacity: 0;\\n      display: none;\\n    }\\n  }\\n  @keyframes showTooltip {\\n    0% {\\n      opacity: 0;\\n    }\\n    100% {\\n      opacity: 1;\\n    }\\n  }\\n}\\n@layer kol-component {\\n  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\", { role: \"status\", \"aria-live\": \"polite\" }, 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: '08f169e0520e974e018e987202a9af0ced93a19e', class: \"kol-table-stateful\" }, this.pageEndSlice > 0 && this.showPagination && paginationTop, h(KolTableStatelessWcTag, { key: '86b50cb5b9d07ea8c137c54a51b92ec03b656dce', 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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"}
+{"version":3,"file":"kol-table-stateful.entry-D2P3PQGy.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-16ac6954.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-c0cd260c.js';\nimport { q as KolPaginationTag, r as KolTableStatelessWcTag } from './component-names-ad1568d0.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-618f199e.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  }\\n  .kol-tooltip-wc .tooltip-floating {\\n    opacity: 0;\\n    display: none;\\n    position: fixed;\\n    /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\\n    top: 0;\\n    left: 0;\\n    /* Can be used to specify the tooltip-width from the outside. Unset by default. */\\n    width: var(--kol-tooltip-width, unset);\\n    max-width: 90vw;\\n    max-height: 90vh;\\n    animation-direction: normal;\\n    /* Can be used to specify the animation duration from the outside. 250ms by default. */\\n    animation-duration: var(--kolibri-tooltip-animation-duration, 250ms);\\n    animation-fill-mode: forwards;\\n    animation-iteration-count: 1;\\n    animation-timing-function: ease-in;\\n  }\\n  .kol-tooltip-wc .tooltip-floating.hide {\\n    animation-name: hideTooltip;\\n  }\\n  .kol-tooltip-wc .tooltip-floating.show {\\n    animation-name: showTooltip;\\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 hideTooltip {\\n    0% {\\n      opacity: 1;\\n    }\\n    100% {\\n      opacity: 0;\\n      display: none;\\n    }\\n  }\\n  @keyframes showTooltip {\\n    0% {\\n      opacity: 0;\\n    }\\n    100% {\\n      opacity: 1;\\n    }\\n  }\\n}\\n@layer kol-component {\\n  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\", { role: \"status\", \"aria-live\": \"polite\" }, 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: '08f169e0520e974e018e987202a9af0ced93a19e', class: \"kol-table-stateful\" }, this.pageEndSlice > 0 && this.showPagination && paginationTop, h(KolTableStatelessWcTag, { key: '86b50cb5b9d07ea8c137c54a51b92ec03b656dce', 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":"sZAaA,MAAMA,EAAoC,CAAC,MAAO,SAAU,MAAM,EAC5DC,EAA6B,CAACC,EAAWC,IAAU,CACrDC,EAAeF,EAAW,sBAAwBC,GAAU,OAAOA,GAAU,UAAYH,EAAkC,SAASG,CAAK,EAAG,IAAI,IAAI,CAAC,+BAA+BH,EAAkC,KAAK,IAAI,CAAC,EAAE,CAAC,EAAGG,EAAO,CACzO,aAAc,QACtB,CAAK,CACL,EAEME,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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAClBC,EAAgCD,EAEhCE,EAAqB,CAAC,GAAI,GAAI,GAAI,GAAG,EACrCC,EAAuBL,GAAUA,IAAU,IAAQA,IAAU,IAAO,OAAOA,GAAU,UAAYA,IAAU,KAC3GM,EAAmB,KAAM,CAC3B,YAAYC,EAAS,CACjBC,EAAiB,KAAMD,CAAO,EAC9B,KAAK,SAAYE,GAAQ,CACrB,KAAK,WAAaA,CACtB,EACA,KAAK,eAAiB,IAAI,IAC1B,KAAK,SAAW,CAAA,EAChB,KAAK,eAAiB,GACtB,KAAK,eAAiB,EACtB,KAAK,aAAe,GACpB,KAAK,YAAc,GACnB,KAAK,iBAAmB,CAAE,MAAO,GAAI,IAAK,GAAI,cAAe,KAAK,EAClE,KAAK,iBAAmB,CAACC,EAAMC,IAAc,CACzC,KAAK,eAAe,MAAK,EACzB,KAAK,eAAe,IAAID,EAAMC,CAAS,EACvC,KAAK,aAAeD,CACxB,EACA,KAAK,iBAAmB,CACpB,QAAS,CAACE,EAAOC,IAAS,CACtB,IAAIC,EACA,QAASA,EAAK,KAAK,MAAM,YAAY,OAAS,MAAQA,IAAO,OAAS,OAASA,EAAG,UAAa,YAC/F,KAAK,MAAM,YAAY,IAAI,QAAQF,EAAOC,CAAI,EAElDE,EAAS,KAAM,cAAe,OAAO,OAAO,OAAO,OAAO,CAAA,EAAI,KAAK,MAAM,WAAW,EAAG,CAAE,MAAOF,CAAI,CAAE,CAAC,CAC3G,EACA,aAAc,CAACD,EAAOC,IAAS,CAC3B,IAAIC,EACA,QAASA,EAAK,KAAK,MAAM,YAAY,OAAS,MAAQA,IAAO,OAAS,OAASA,EAAG,eAAkB,YACpG,KAAK,MAAM,YAAY,IAAI,aAAaF,EAAOC,CAAI,EAEvDE,EAAS,KAAM,cAAe,OAAO,OAAO,OAAO,OAAO,CAAA,EAAI,KAAK,MAAM,WAAW,EAAG,CAAE,MAAOF,CAAI,CAAE,CAAC,CAC3G,EACA,iBAAkB,CAACD,EAAOI,IAAa,CACnC,IAAIF,EACA,QAASA,EAAK,KAAK,MAAM,YAAY,OAAS,MAAQA,IAAO,OAAS,OAASA,EAAG,mBAAsB,YACxG,KAAK,MAAM,YAAY,IAAI,iBAAiBF,EAAOI,CAAQ,EAE/DD,EAAS,KAAM,cAAe,OAAO,OAAO,OAAO,OAAO,CAAA,EAAI,KAAK,MAAM,WAAW,EAAG,CAAE,UAAWC,CAAQ,CAAE,CAAC,EAC/GD,EAAS,KAAM,YAAaC,CAAQ,CACxC,CACZ,EACQ,KAAK,kBAAqBJ,GAAU,CAChCA,EAAM,gBAAe,CACzB,EACA,KAAK,iBAAmB,CAACK,EAAO,KAAK,mBAAqB,CACtD,GAAI,KAAK,YAAa,CAClBF,EAAS,KAAM,cAAe,KAAK,MAAM,KAAK,EAC9C,MACJ,CACA,IAAIG,EAAa,CAAC,GAAG,KAAK,MAAM,KAAK,EACrC,GAAI,KAAK,SAAS,OAAS,EACvBA,EAAW,KAAK,CAACC,EAAGC,IAAM,CACtB,QAASC,EAAQ,EAAGA,EAAQ,KAAK,SAAS,OAAQA,IAAS,CACvD,MAAMC,EAAO,KAAK,SAASD,CAAK,EAC1BE,EAASD,EAAK,UAAUH,EAAGC,CAAC,EAClC,GAAIG,IAAW,EACX,OAAOD,EAAK,YAAc,MAAQC,EAAS,CAACA,CAEpD,CACA,MAAO,EACX,CAAC,UAEI,OAAO,KAAK,cAAiB,WAClC,OAAQ,KAAK,eAAe,IAAI,KAAK,YAAY,EAAC,CAC9C,IAAK,MACDL,EAAa,KAAK,aAAa,CAAC,GAAG,KAAK,MAAM,KAAK,CAAC,EACpD,KAAK,iBAAmB,CAAE,MAAOD,EAAK,MAAO,IAAKA,EAAK,IAAK,cAAe,KAAK,EAChF,MACJ,IAAK,OACDC,EAAa,KAAK,aAAa,CAAC,GAAG,KAAK,MAAM,KAAK,CAAC,EAAE,QAAO,EAC7D,KAAK,iBAAmB,CAAE,MAAOD,EAAK,MAAO,IAAKA,EAAK,IAAK,cAAe,MAAM,EACjF,MAEJ,QACI,KAAK,iBAAmB,CAAE,MAAO,GAAI,IAAK,GAAI,cAAe,KAAK,CAC1F,CAEYF,EAAS,KAAM,cAAeG,CAAU,CAC5C,EACA,KAAK,gBAAkB,OACvB,KAAK,MAAQ,OACb,KAAK,UAAY,OACjB,KAAK,SAAW,OAChB,KAAK,OAAS,OACd,KAAK,UAAY,OACjB,KAAK,YAAc,OACnB,KAAK,oBAAsB,SAC3B,KAAK,WAAa,OAClB,KAAK,IAAM,OACX,KAAK,MAAQ,CACT,gBAAiB,GACjB,MAAO,CAAA,EACP,UAAW,CAAA,EACX,SAAU,CACN,WAAY,CAAA,EACZ,SAAU,CAAA,CAC1B,EACY,OAAQ,GACR,YAAa,CACT,MAAO,EACP,UAAW,GACX,KAAM,CACtB,EACY,YAAa,CAAA,EACb,oBAAqB,QACjC,CACI,CACA,uBAAuBlB,EAAO,CAC1BC,EAAe,KAAM,kBAAmB,IAAM,GAAM,IAAI,IAAI,CAAC,SAAS,CAAC,EAAGD,EAAO,CAC7E,aAAc,EAC1B,CAAS,CACL,CACA,aAAaA,EAAO,CAChBwB,EAAkB,KAAMxB,EAAO,CAC3B,WAAY,IAAM,CACd,WAAW,KAAK,gBAAgB,CACpC,CACZ,CAAS,CACL,CACA,iBAAiBA,EAAO,CACpByB,EAAsB,KAAMzB,EAAO,CAC/B,WAAY,IAAM,CACd,WAAW,KAAK,gBAAgB,CACpC,CACZ,CAAS,CACL,CACA,2BAA2BA,EAAO,CAC9BF,EAA2B,KAAME,CAAK,CAC1C,CACA,eAAe0B,EAAY,CACvB,IAAIZ,EACJ,GAAI,OAAOY,EAAW,WAAc,WAAY,CACxC,CAAC,KAAK,MAAM,iBAAmBA,EAAW,QAAUZ,EAAK,KAAK,SAAS,CAAC,KAAO,MAAQA,IAAO,OAAS,OAASA,EAAG,OACnH,KAAK,SAAW,CAAA,GAEpB,MAAMO,EAAQ,KAAK,SAAS,UAAWrB,GAAUA,EAAM,MAAQ0B,EAAW,GAAG,EAC7E,GAAIL,GAAS,EAAG,CACZ,MAAMM,EAAW,KAAK,SAASN,CAAK,EACpC,OAAQM,EAAS,UAAS,CACtB,IAAK,MACDA,EAAS,UAAY,OACrB,MACJ,IAAK,OACD,KAAK,SAAS,OAAON,EAAO,CAAC,EAC7B,MACJ,QACIM,EAAS,UAAY,MACrB,KACxB,CACY,MACSD,EAAW,KAChB,KAAK,SAAS,KAAK,CACf,MAAOA,EAAW,MAClB,IAAKA,EAAW,IAChB,UAAWA,EAAW,UACtB,UAAW,KAC/B,CAAiB,EAEL,KAAK,iBAAiBA,CAAU,CACpC,SACS,OAAOA,EAAW,MAAS,WAAY,CAE5C,OADA,KAAK,aAAeA,EAAW,KACvB,KAAK,eAAe,IAAI,KAAK,YAAY,EAAC,CAC9C,IAAK,MACD,KAAK,iBAAiB,KAAK,aAAc,MAAM,EAC/C,MACJ,IAAK,OACD,KAAK,iBAAiB,KAAK,aAAc,KAAK,EAC9C,MACJ,QACI,KAAK,iBAAiB,KAAK,aAAc,KAAK,CAClE,CACY,KAAK,iBAAiBA,CAAU,CACpC,CACJ,CACA,gBAAgB1B,EAAO,CACnB4B,EAA0B5B,EAAO,IAAM,CACnC6B,EAAoB7B,EAAO,IAAM,CAC7B,GAAI,CACAA,EAAQ8B,EAAU9B,CAAK,CAC3B,MACU,CACV,CACAC,EAAe,KAAM,WAAaD,GAAU,OAAOA,GAAU,UAAYA,IAAU,KAAM,IAAI,IAAI,CAAC,qBAAqB,CAAC,EAAGA,EAAO,CAC9H,MAAO,CACH,YAAc+B,GAAc,CACxB,IAAIjB,EAAIkB,EAAIC,EAAIC,EAChB,MAAMC,EAAaC,GAAY,CAC3B,IAAIC,EAAiB,GACrBD,EAAQ,QAASnB,GAAS,CACtB,MAAMqB,EAAMrB,EAAK,IACjB,GAAI,CAACqB,EACD,OAEJ,MAAMC,EAAgBtB,EAAK,eACvBsB,IAAkB,OAASA,IAAkB,UACzC,OAAOtB,EAAK,WAAc,aACtB,KAAK,MAAM,iBAAmB,KAAK,SAAS,SAAW,IACvD,KAAK,SAAS,KAAK,CAAE,MAAOA,EAAK,MAAO,IAAAqB,EAAK,UAAWrB,EAAK,UAAW,UAAWsB,CAAa,CAAE,EAEtGF,EAAiB,IAEZ,OAAOpB,EAAK,MAAS,aAC1B,KAAK,iBAAiBA,EAAK,KAAMsB,CAAa,EAC9C,WAAW,IAAM,KAAK,iBAAiB,CAAE,IAAAD,EAAK,MAAOrB,EAAK,MAAO,cAAAsB,CAAa,CAAE,CAAC,GAG7F,CAAC,EACGF,GACA,WAAW,IAAM,KAAK,kBAAkB,CAEhD,EACMD,EAAUL,GACfjB,EAAKsB,EAAQ,cAAgB,MAAQtB,IAAO,QAAkBA,EAAG,QAAQqB,CAAS,GAClFH,EAAKI,EAAQ,YAAc,MAAQJ,IAAO,QAAkBA,EAAG,QAAQG,CAAS,EAC7EC,EAAQ,YAAcA,EAAQ,YAAcH,EAAKG,EAAQ,cAAgB,MAAQH,IAAO,OAAS,OAASA,EAAG,QAAU,KAAOC,EAAKE,EAAQ,YAAc,MAAQF,IAAO,OAAS,OAASA,EAAG,QAAU,IACvM,KAAK,YAAc,GACnBM,EAAQ,6JAA6J,EAE7K,CACxB,CACA,CAAiB,CACL,CAAC,CACL,CAAC,CACL,CACA,cAAcxC,EAAO,CACjByC,EAAc,KAAMzC,EAAO,CACvB,SAAU,EACtB,CAAS,CACL,CACA,iBAAiBA,EAAO,CACpB0C,EAAY,KAAM,YAAa1C,EAAO,CAClC,aAAc,MAC1B,CAAS,CACL,CACA,kBAAkBA,EAAO,CACrB2C,EAAuB,KAAM3C,CAAK,CACtC,CACA,WAAWA,EAAO,CACd4C,EAA+B,KAAM5C,CAAK,CAC9C,CACA,mBAAmBA,EAAO,CACtB,GAAI,CACAA,EAAQ8B,EAAU9B,CAAK,CAC3B,MACU,CACV,CACA,KAAK,eAAiBK,EAAoBL,CAAK,EAC/CC,EAAe,KAAM,cAAeI,EAAqB,IAAI,IAAI,CAAC,UAAW,wBAAwB,CAAC,EAAGL,EAAO,CAC5G,aAAc,CACV,MAAO,EACP,UAAW,GACX,KAAM,CACtB,CACA,CAAS,CACL,CACA,kBAAmB,CACf,IAAIc,GACHA,EAAK,KAAK,cAAgB,MAAQA,IAAO,QAAkBA,EAAG,iBAAiB,uBAAwB,KAAK,iBAAiB,CAClI,CACA,sBAAuB,CACnB,IAAIA,GACHA,EAAK,KAAK,cAAgB,MAAQA,IAAO,QAAkBA,EAAG,oBAAoB,uBAAwB,KAAK,iBAAiB,CACrI,CACA,mBAAoB,CAChB,KAAK,uBAAuB,KAAK,eAAe,EAChD,KAAK,aAAa,KAAK,KAAK,EAC5B,KAAK,iBAAiB,KAAK,SAAS,EACpC,KAAK,gBAAgB,KAAK,QAAQ,EAClC,KAAK,cAAc,KAAK,MAAM,EAC9B,KAAK,iBAAiB,KAAK,SAAS,EACpC,KAAK,mBAAmB,KAAK,WAAW,EACxC,KAAK,2BAA2B,KAAK,mBAAmB,EACxD,KAAK,kBAAkB,KAAK,UAAU,EACtC,KAAK,WAAW,KAAK,GAAG,CAC5B,CACA,oBAAoBQ,EAAMN,EAAUH,EAAM,CACtC,OAAI,OAAOG,GAAa,UAAYA,EAAW,GAAK,OAAOH,GAAS,UAAYA,EAAO,GACnF,KAAK,eAAiBG,GAAYH,EAAO,GACzC,KAAK,aAAeG,EAAWH,EAAOS,EAAK,OAASA,EAAK,OAASN,EAAWH,EACtES,EAAK,MAAM,KAAK,eAAgB,KAAK,YAAY,IAGxD,KAAK,eAAiB,EACtB,KAAK,aAAeA,EAAK,OAClBA,EAEf,CACA,iBAAiBuB,EAAU,CACvB,MAAMC,EAAQC,EAAU,6BAA8B,CAClD,aAAc,CACV,MAAO,GAAG,KAAK,MAAM,MAAM,KAAKA,EAAU,2BAA2BF,CAAQ,EAAE,CAAC,GAChG,CACA,CAAS,EACD,OAAQG,EAAE,MAAO,CAAE,MAAO,YAAY,EAAIA,EAAE,OAAQ,CAAE,KAAM,SAAU,YAAa,QAAQ,EAAID,EAAU,0BAA2B,CAChI,aAAc,CACV,MAAO,KAAK,aAAe,GAAK,KAAK,eAAiB,GAAG,SAAQ,EAAK,IACtE,IAAK,KAAK,aAAa,SAAQ,EAC/B,MAAO,KAAK,MAAM,aAAe,KAAK,MAAM,YAAY,KAAO,EACzD,KAAK,MAAM,YAAY,KAAK,SAAQ,EACpC,MAAM,QAAQ,KAAK,MAAM,KAAK,EAC1B,KAAK,MAAM,MAAM,OAAO,SAAQ,EAChC,GAC1B,CACA,CAAS,CAAC,EAAGC,EAAE,MAAO,KAAMA,EAAEC,EAAkB,CAAE,eAAgB,KAAK,MAAM,YAAY,eAAgB,aAAc,KAAK,MAAM,YAAY,aAAc,IAAK,KAAK,iBAAkB,MAAO,KAAK,MAAM,YAAY,MAAO,UAAW,KAAK,MAAM,YAAY,UAAW,iBAAkB,KAAK,MAAM,YAAY,kBAAoB7C,EAAoB,cAAe,KAAK,MAAM,YAAY,cAAe,cAAe,SAAU,KAAM,KAAK,MAAM,YAAY,MAAQ,KAAK,MAAM,YAAY,MAAQ,KAAK,MAAM,MAAM,OAAQ,OAAQ0C,CAAK,CAAE,CAAC,CAAC,CACnhB,CACA,uBAAuBpB,EAAY,CAC/B,GAAI,CAAC,KAAK,cAAgB,OAAOA,EAAW,WAAc,YAAc,OAAOA,EAAW,MAAS,YAAa,CAC5G,GAAIA,EAAW,MAAQ,KAAK,iBAAiB,IACzC,OAAO,KAAK,iBAAiB,cAEjC,GAAIA,EAAW,IAAK,CAChB,MAAMJ,EAAO,KAAK,SAAS,KAAMtB,GAAUA,EAAM,MAAQ0B,EAAW,GAAG,EACvE,GAAgDJ,GAAK,UACjD,OAAOA,EAAK,SAEpB,CACA,MAAO,KACX,CACJ,CACA,WAAW,CAAE,IAAAgB,GAAO,CAChB,MAAMZ,EAAa,CAAC,IAAI,KAAK,MAAM,SAAS,YAAc,CAAA,GAAI,KAAI,EAAI,IAAI,KAAK,MAAM,SAAS,UAAY,CAAA,GAAI,KAAI,CAAE,EAAE,KAAMT,GAASA,EAAK,MAAQqB,CAAG,EACjJZ,GACA,KAAK,eAAeA,CAAU,CAEtC,CACA,gBAAgBwB,EAAc,CAC1B,IAAIpC,EACJ,MAAMqC,EAAY,KAAK,MAAM,WAC7B,GAAIA,EAAW,CACX,MAAMC,GAAmBtC,EAAKqC,EAAU,mBAAqB,MAAQrC,IAAO,OAASA,EAAK,KACpFQ,EAAO,KAAK,MAAM,YAAY,OAAQ+B,GAASH,EAAa,SAASG,EAAKD,CAAe,CAAC,CAAC,EACjG,GAA2DD,GAAU,WAAc,GAC/E,OAAO7B,EAAK,CAAC,EAEjB,GAAI8B,EACA,OAAO9B,CACf,CACA,OAAO,IACX,CACA,sBAAsBV,EAAOZ,EAAO,CAChC,IAAIc,EACJ,MAAMqC,EAAY,KAAK,MAAM,WACzBA,IACA,KAAK,MAAQ,OAAO,OAAO,OAAO,OAAO,CAAA,EAAI,KAAK,KAAK,EAAG,CAAE,WAAY,OAAO,OAAO,OAAO,OAAO,CAAA,EAAIA,CAAS,EAAG,CAAE,aAAc,OAAOnD,GAAU,SAAWA,EAAQ,CAACA,CAAK,CAAC,CAAE,CAAC,CAAE,GACxL,MAAMsD,EAAe,KAAK,gBAAgBtD,CAAK,EAC/CuD,EAA0B,mBAAoB,KAAK,KAAMD,CAAY,EACjE,QAASxC,EAAK,KAAK,MAAM,OAAS,MAAQA,IAAO,OAAS,OAASA,EAAG0C,EAAO,iBAAiB,IAAO,YACrG,KAAK,MAAM,IAAIA,EAAO,iBAAiB,EAAE5C,EAAO0C,CAAY,CAEpE,CACA,MAAM,cAAe,CACjB,IAAIxC,EACJ,MAAMoC,IAAiBpC,EAAK,KAAK,MAAM,cAAgB,MAAQA,IAAO,OAAS,OAASA,EAAG,eAAiB,CAAA,EAC5G,OAAO,KAAK,gBAAgBoC,CAAY,CAC5C,CACA,QAAS,CACL,IAAIpC,EAAIkB,EAAIC,EAAIC,EAChB,MAAMuB,EAAgB,KAAK,oBAAoB,KAAK,MAAM,YAAa,KAAK,gBAAmBzB,GAAMlB,EAAK,KAAK,MAAM,eAAiB,MAAQA,IAAO,OAAS,OAASA,EAAG,aAAe,MAAQkB,IAAO,OAASA,EAAK,GAAM,KAAK,MAAM,YAAY,OAAQ,KAAK,MAAM,YAAY,OAAS,CAAC,EACtR0B,EAAgB,KAAK,sBAAwB,OAAS,KAAK,sBAAwB,OAAS,KAAK,iBAAiB,KAAK,EAAI,KAC3HC,EAAmB,KAAK,sBAAwB,UAAY,KAAK,sBAAwB,OAAS,KAAK,iBAAiB,QAAQ,EAAI,KACpIC,EAAc,CAChB,YAAa3B,EAAK,KAAK,MAAM,SAAS,cAAgB,MAAQA,IAAO,OAAS,OAASA,EAAG,IAAK4B,GAAQA,EAAI,IAAK5C,GAAU,OAAO,OAAO,OAAO,OAAO,CAAA,EAAIA,CAAI,EAAG,CAAE,cAAe,KAAK,uBAAuBA,CAAI,CAAC,CAAE,CAAE,CAAC,EACxN,UAAWiB,EAAK,KAAK,MAAM,SAAS,YAAc,MAAQA,IAAO,OAAS,OAASA,EAAG,IAAK4B,GAAWA,EAAO,IAAK7C,GAAU,OAAO,OAAO,OAAO,OAAO,CAAA,EAAIA,CAAI,EAAG,CAAE,cAAe,KAAK,uBAAuBA,CAAI,CAAC,CAAE,CAAE,CAAC,CACtO,EACQ,OAAQ+B,EAAEe,EAAM,CAAE,IAAK,2CAA4C,MAAO,oBAAoB,EAAI,KAAK,aAAe,GAAK,KAAK,gBAAkBL,EAAeV,EAAEgB,EAAwB,CAAE,IAAK,2CAA4C,IAAK,KAAK,SAAU,MAAOP,EAAe,aAAcG,EAAa,OAAQ,KAAK,MAAM,OAAQ,UAAW,KAAK,MAAM,UAAW,UAAW,KAAK,MAAM,UAAW,IAAK,CAC7Y,OAAQ,CAACK,EAAGC,IAAY,CACpB,KAAK,WAAWA,CAAO,CAC3B,EACA,kBAAmB,CAACtD,EAAOZ,IAAU,CACjC,KAAK,sBAAsBY,EAAOZ,CAAK,CAC3C,CAChB,EAAe,WAAY,KAAK,MAAM,UAAU,CAAE,EAAG,KAAK,aAAe,GAAK,KAAK,gBAAkB2D,CAAgB,CACjH,CACA,IAAI,MAAO,CAAE,OAAOQ,EAAW,IAAI,CAAG,CACtC,WAAW,UAAW,CAAE,MAAO,CAC3B,gBAAmB,CAAC,wBAAwB,EAC5C,MAAS,CAAC,cAAc,EACxB,UAAa,CAAC,kBAAkB,EAChC,oBAAuB,CAAC,4BAA4B,EACpD,SAAY,CAAC,iBAAiB,EAC9B,OAAU,CAAC,eAAe,EAC1B,UAAa,CAAC,kBAAkB,EAChC,WAAc,CAAC,mBAAmB,EAClC,IAAO,CAAC,YAAY,EACpB,YAAe,CAAC,oBAAoB,CAC5C,CAAO,CACP,EACA7D,EAAiB,MAAQ,CACrB,QAASH,CACb"}

package/dist/assets/{kol-table-stateless-wc.entry-DVXX_HjG.js → kol-table-stateless-wc.entry-BPaGm2IZ.js}

@@ -1,2 +1,2 @@
-import{r as D,h as l,t as w,e as C,K as A,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-C04Jx29v.js";import{t as S}from"./i18n-c0cd260c-BmCaZw2-.js";import{E as g}from"./keyboard-77e19a81-BWwnOSNt.js";import{n as F}from"./dev.utils-8798f0ba-zYPx_1hC.js";import{t as k}from"./events-29e84d75-CETYymUM.js";import{v as O,a as j,d as W,b as M}from"./table-selection-0290d830-CNZVnayq.js";import{v as N}from"./label-7d1ce375-C3Ej5veR.js";const P=(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.translateNoEntries=S("kol-no-entries"),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((d,c)=>this.renderTableCell(d,i,c,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}if(e.asTd===!1)return this.renderHeadingCell(e,i,a,n);{const r=typeof e.render!="function"&&e.label===this.translateNoEntries;return l("td",{key:`cell-${o}`,class:{[e.textAlign]:typeof e.textAlign=="string"&&e.textAlign.length>0},"aria-atomic":r?"false":void 0,"aria-live":r?"polite":void 0,"aria-relevant":r?"text":void 0,colSpan:e.colSpan,rowSpan:e.rowSpan,style:{textAlign:e.textAlign,width:e.width},ref:typeof e.render=="function"?d=>{this.cellRender(e,d)}: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){P(this,t)}validateLabel(t){N(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 d;return o+=(d=r.rowSpan)!==null&&d!==void 0?d: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),d=0;i&&(d=r,r+=((a=this.state._dataFoot)===null||a===void 0?void 0:a.length)||0);const c=[],y=[],p=[];e.vertical.forEach((h,u)=>{y[u]=0,p[u]=[]});for(let h=d;h<r;h++){const u=[];e.vertical.forEach((s,f)=>{let _=0;if(p[f].forEach(b=>_+=b),_<=h){const b=s[h-_+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[h-d]:t[h];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[h]=="object"&&n[h]!==null&&typeof t[s]=="object"&&t[s]!==null&&(typeof n[h].key=="string"||typeof n[h].render=="function")&&u.push(Object.assign(Object.assign({},n[h]),{colSpan:void 0,data:t[s],label:t[s][n[h].key],rowSpan:void 0}));c.push(u)}if(t.length===0){let h=0,u=0;Array.isArray(e.horizontal)&&e.horizontal.length>0&&e.horizontal[0].forEach(f=>{h+=f.colSpan||1}),Array.isArray(e.vertical)&&e.vertical.length>0&&(h-=e.vertical.length,e.vertical[0].forEach(f=>{u+=f.rowSpan||1}));const s={colSpan:h,label:S("kol-no-entries"),render:void 0,rowSpan:Math.max(u,1)};c.length===0?c.push([s]):c[0].push(s)}return c}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",d=(a=t[0])===null||a===void 0?void 0:a.data;if(!d)return"";const c=d[r],y=o.multiple||o.multiple===void 0,p=(n=o?.selectedKeys)===null||n===void 0?void 0:n.includes(c),h=o.label(d),u={name:"selection",checked:p,id:c,"aria-label":h};return l("td",{key:`tbody-${e}-selection`,class:"selection-cell"},l("div",{class:`input ${p?"checked":""}`},y?l("label",{class:"checkbox-container"},l(C,{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!==c):[...(f=o?.selectedKeys)!==null&&f!==void 0?f:[],c];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,c),typeof((f=this.state._on)===null||f===void 0?void 0:f[g.onSelectionChange])=="function"&&this.state._on[g.onSelectionChange](s,c)}}))),l(A,{"aria-hidden":"true",class:"input-tooltip",_align:"right",_id:`${c}-label`,_label:h})))}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,d=n!==0&&!r;let c="kol-table-selection-indeterminate";r&&!d&&(c="kol-table-selection-none"),n===0&&(c="kol-table-selection-all");const y=S(c);return l("th",{key:"thead-0-selection",class:"table__header-cell table__header-cell--horizontal selection-cell selection-control"},l("div",{class:`input ${d?"indeterminate":r?"checked":""}`},l("label",{class:"checkbox-container"},l(C,{class:"icon",_icons:`codicon ${d?"codicon-remove":r?"codicon-check":""}`,_label:""}),l("input",{ref:p=>p&&this.checkboxRefs.push(p),name:"selection",checked:r&&!d,"aria-label":y,type:"checkbox",onInput:p=>{var h;const u=r?[]:this.state._data.map(s=>s?.[a]);k("selection-change",this.host,u),typeof((h=this.state._on)===null||h===void 0?void 0:h[g.onSelectionChange])=="function"&&this.state._on[g.onSelectionChange](p,u)}})),l(A,{"aria-hidden":"true",class:"input-tooltip",_align:"right",_id:`${c}-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",d=["table__header-cell",a?"table__header-cell--vertical":"table__header-cell--horizontal"];return typeof t.textAlign=="string"&&t.textAlign.length>0&&d.push(`table__header-cell--align-${t.textAlign}`,`align-${t.textAlign}`),l("th",{key:`${e}-${i}-${t.label}`,class:d.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:c=>{var y;typeof((y=this.state._on)===null||y===void 0?void 0:y.onSort)=="function"&&t.key&&t.sortDirection&&this.state._on.onSort(c,{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((d,c)=>d+(c.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:"4dc4852d25aa27bf6d9a3428adbe16abb1afb3c4",class:"kol-table-stateless-wc"},l("div",{key:"447073ebc05661e95f918990e6e4da2758d7df99",ref:e=>this.tableDivElement=e,class:"table",tabindex:this.tableDivElementHasScrollbar?"-1":void 0},l("table",{key:"6c567cf91459742f1d9255cbca4f77a79f4b2a8f",style:{minWidth:this.state._deprecatedMinWidth||this.state._minWidth}},l("caption",{key:"f4e55364797dada9b790b91aad302955a9fd8941",id:"caption",tabindex:this.tableDivElementHasScrollbar?"0":void 0},this.state._label),Array.isArray(this.state._headerCells.horizontal)&&l("thead",{key:"f2828ff867a80ad39d209640bb2b861d973c9730"},[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:"cf9963ac9b1883e37a924c493f019c67cb66932b"},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-DVXX_HjG.js.map
+import{r as D,h as l,t as w,e as C,K as A,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-BOdC6zis.js";import{t as S}from"./i18n-c0cd260c-qTtadU1u.js";import{E as g}from"./keyboard-77e19a81-BWwnOSNt.js";import{n as F}from"./dev.utils-2b9fb207-BtiybUfF.js";import{t as k}from"./events-29e84d75-CETYymUM.js";import{v as O,a as j,d as W,b as M}from"./table-selection-0290d830-mevzYgzp.js";import{v as N}from"./label-7d1ce375-BySaGpJR.js";const P=(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.translateNoEntries=S("kol-no-entries"),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((d,c)=>this.renderTableCell(d,i,c,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}if(e.asTd===!1)return this.renderHeadingCell(e,i,a,n);{const r=typeof e.render!="function"&&e.label===this.translateNoEntries;return l("td",{key:`cell-${o}`,class:{[e.textAlign]:typeof e.textAlign=="string"&&e.textAlign.length>0},"aria-atomic":r?"false":void 0,"aria-live":r?"polite":void 0,"aria-relevant":r?"text":void 0,colSpan:e.colSpan,rowSpan:e.rowSpan,style:{textAlign:e.textAlign,width:e.width},ref:typeof e.render=="function"?d=>{this.cellRender(e,d)}: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){P(this,t)}validateLabel(t){N(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 d;return o+=(d=r.rowSpan)!==null&&d!==void 0?d: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),d=0;i&&(d=r,r+=((a=this.state._dataFoot)===null||a===void 0?void 0:a.length)||0);const c=[],y=[],p=[];e.vertical.forEach((h,u)=>{y[u]=0,p[u]=[]});for(let h=d;h<r;h++){const u=[];e.vertical.forEach((s,f)=>{let _=0;if(p[f].forEach(b=>_+=b),_<=h){const b=s[h-_+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[h-d]:t[h];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[h]=="object"&&n[h]!==null&&typeof t[s]=="object"&&t[s]!==null&&(typeof n[h].key=="string"||typeof n[h].render=="function")&&u.push(Object.assign(Object.assign({},n[h]),{colSpan:void 0,data:t[s],label:t[s][n[h].key],rowSpan:void 0}));c.push(u)}if(t.length===0){let h=0,u=0;Array.isArray(e.horizontal)&&e.horizontal.length>0&&e.horizontal[0].forEach(f=>{h+=f.colSpan||1}),Array.isArray(e.vertical)&&e.vertical.length>0&&(h-=e.vertical.length,e.vertical[0].forEach(f=>{u+=f.rowSpan||1}));const s={colSpan:h,label:S("kol-no-entries"),render:void 0,rowSpan:Math.max(u,1)};c.length===0?c.push([s]):c[0].push(s)}return c}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",d=(a=t[0])===null||a===void 0?void 0:a.data;if(!d)return"";const c=d[r],y=o.multiple||o.multiple===void 0,p=(n=o?.selectedKeys)===null||n===void 0?void 0:n.includes(c),h=o.label(d),u={name:"selection",checked:p,id:c,"aria-label":h};return l("td",{key:`tbody-${e}-selection`,class:"selection-cell"},l("div",{class:`input ${p?"checked":""}`},y?l("label",{class:"checkbox-container"},l(C,{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!==c):[...(f=o?.selectedKeys)!==null&&f!==void 0?f:[],c];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,c),typeof((f=this.state._on)===null||f===void 0?void 0:f[g.onSelectionChange])=="function"&&this.state._on[g.onSelectionChange](s,c)}}))),l(A,{"aria-hidden":"true",class:"input-tooltip",_align:"right",_id:`${c}-label`,_label:h})))}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,d=n!==0&&!r;let c="kol-table-selection-indeterminate";r&&!d&&(c="kol-table-selection-none"),n===0&&(c="kol-table-selection-all");const y=S(c);return l("th",{key:"thead-0-selection",class:"table__header-cell table__header-cell--horizontal selection-cell selection-control"},l("div",{class:`input ${d?"indeterminate":r?"checked":""}`},l("label",{class:"checkbox-container"},l(C,{class:"icon",_icons:`codicon ${d?"codicon-remove":r?"codicon-check":""}`,_label:""}),l("input",{ref:p=>p&&this.checkboxRefs.push(p),name:"selection",checked:r&&!d,"aria-label":y,type:"checkbox",onInput:p=>{var h;const u=r?[]:this.state._data.map(s=>s?.[a]);k("selection-change",this.host,u),typeof((h=this.state._on)===null||h===void 0?void 0:h[g.onSelectionChange])=="function"&&this.state._on[g.onSelectionChange](p,u)}})),l(A,{"aria-hidden":"true",class:"input-tooltip",_align:"right",_id:`${c}-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",d=["table__header-cell",a?"table__header-cell--vertical":"table__header-cell--horizontal"];return typeof t.textAlign=="string"&&t.textAlign.length>0&&d.push(`table__header-cell--align-${t.textAlign}`,`align-${t.textAlign}`),l("th",{key:`${e}-${i}-${t.label}`,class:d.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:c=>{var y;typeof((y=this.state._on)===null||y===void 0?void 0:y.onSort)=="function"&&t.key&&t.sortDirection&&this.state._on.onSort(c,{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((d,c)=>d+(c.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:"4dc4852d25aa27bf6d9a3428adbe16abb1afb3c4",class:"kol-table-stateless-wc"},l("div",{key:"447073ebc05661e95f918990e6e4da2758d7df99",ref:e=>this.tableDivElement=e,class:"table",tabindex:this.tableDivElementHasScrollbar?"-1":void 0},l("table",{key:"6c567cf91459742f1d9255cbca4f77a79f4b2a8f",style:{minWidth:this.state._deprecatedMinWidth||this.state._minWidth}},l("caption",{key:"f4e55364797dada9b790b91aad302955a9fd8941",id:"caption",tabindex:this.tableDivElementHasScrollbar?"0":void 0},this.state._label),Array.isArray(this.state._headerCells.horizontal)&&l("thead",{key:"f2828ff867a80ad39d209640bb2b861d973c9730"},[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:"cf9963ac9b1883e37a924c493f019c67cb66932b"},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-BPaGm2IZ.js.map