@public-ui/sample-react 2.2.13-rc.2 → 2.2.13-rc.3

package/dist/assets/{kol-spin.entry-CD5eFATX.js → kol-spin.entry-D4cRa4zz.js}

@@ -1,4 +1,4 @@
-import{r,h as n,H as s,F as l,w as d}from"./index-lau6-xci.js";import{t as i}from"./i18n-11c0b9eb-DfO7mAiQ.js";import{v as c}from"./show-5fbb1930-pEVtN1D5.js";/*!
+import{r,h as n,H as s,F as l,w as d}from"./index-BSxPh-XU.js";import{t as i}from"./i18n-a1dec0cc-B-ieH_Rq.js";import{v as c}from"./show-5fbb1930-__BxQ61Y.js";/*!
  * KoliBri - The accessible HTML-Standard
  */const o=["cycle","dot","none"],h=(e,a)=>{d(e,"_variant",t=>typeof t=="string"&&o.includes(t),new Set(o),a)},p=`/*
  * This file contains all rules for accessibility.
@@ -306,4 +306,4 @@ import{r,h as n,H as s,F as l,w as d}from"./index-lau6-xci.js";import{t as i}fro
     position: relative;
   }
 }`,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:"0733583d9a2ed6b865f91f218af816881991a661",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-CD5eFATX.js.map
+//# sourceMappingURL=kol-spin.entry-D4cRa4zz.js.map

package/dist/assets/{kol-spin.entry-CD5eFATX.js.map → kol-spin.entry-D4cRa4zz.js.map}

@@ -1 +1 @@
-{"version":3,"file":"kol-spin.entry-CD5eFATX.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-dc69e94d.js';\nimport { w as watchValidator } from './index-bac313b4.js';\nimport { t as translate } from './i18n-11c0b9eb.js';\nimport { v as validateShow } from './show-5fbb1930.js';\nimport './i18n-eef4b287.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-global {\\n  :host {\\n    /*\\n     * Minimum size of interactive elements.\\n     */\\n    --a11y-min-size: calc(44rem / var(--kolibri-root-font-size, 16));\\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    color: black;\\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     * 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     * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n     */\\n    word-break: break-word;\\n    /*\\n     * Word spacing is required for all texts.\\n     */\\n    word-spacing: inherit;\\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  [role=button],\\n  button:not([role=link]),\\n  .kol-input .input {\\n    min-height: var(--a11y-min-size);\\n    min-width: 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}\\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  clip: rect(0 0 0 0);\\n  clip-path: inset(50%);\\n  height: 1px;\\n  overflow: hidden;\\n  position: absolute;\\n  white-space: nowrap;\\n  width: 1px;\\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    border: none;\\n    margin: 0;\\n    padding: 0;\\n    width: 100%; /* 100% needed for custom width from outside */\\n  }\\n  /*\\n   * Ensure elements with hidden attribute to be actually not visible\\n   * @see https://meowni.ca/hidden.is.a.lie.html\\n   */\\n  [hidden] {\\n    display: none !important;\\n  }\\n}\\n@layer kol-global {\\n  :host {\\n    font-size: calc(16rem / var(--kolibri-root-font-size, 16));\\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  }\\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    cursor: not-allowed;\\n    opacity: 0.5;\\n    outline: none;\\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    background-color: lightgray;\\n    color: black;\\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    display: block;\\n    width: 100%;\\n    height: 100%;\\n    border-radius: 50%;\\n    position: relative;\\n    animation: 2s linear infinite rotate;\\n  }\\n  .spin.cycle > .loader::before {\\n    content: \\\"\\\";\\n    position: absolute;\\n    inset: 0;\\n    border-radius: 50%;\\n    border: 5px solid #333;\\n    animation: 3s linear infinite prixClipFix;\\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    height: calc(16rem / var(--kolibri-root-font-size, 16));\\n    width: calc(48rem / var(--kolibri-root-font-size, 16));\\n  }\\n  .spin.dot > span {\\n    animation-timing-function: cubic-bezier(0, 1, 1, 0);\\n    border-radius: 50%;\\n    border: 0.16px solid #fff;\\n    height: calc(12.8rem / var(--kolibri-root-font-size, 16));\\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  }\\n  .spin.dot > span:first-child {\\n    background-color: #000;\\n    z-index: 0;\\n    animation: 1s infinite spin1;\\n    left: calc(0.16rem / var(--kolibri-root-font-size, 16));\\n  }\\n  .spin.dot > span:nth-child(2) {\\n    background-color: #000;\\n    z-index: 1;\\n    animation: 1s infinite spin2;\\n    left: calc(0.16rem / var(--kolibri-root-font-size, 16));\\n  }\\n  .spin.dot > span:nth-child(3) {\\n    background-color: #000;\\n    z-index: 1;\\n    animation: 1s infinite spin2;\\n    left: calc(17.6rem / var(--kolibri-root-font-size, 16));\\n  }\\n  .spin.dot > span:nth-child(4) {\\n    background-color: #666;\\n    z-index: 0;\\n    animation: 1s infinite spin3;\\n    left: calc(33.6rem / var(--kolibri-root-font-size, 16));\\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    padding: calc(2rem / var(--kolibri-root-font-size, 16));\\n    position: relative;\\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: '0733583d9a2ed6b865f91f218af816881991a661', 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-D4cRa4zz.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-e083cc2f.js';\nimport { w as watchValidator } from './index-bac313b4.js';\nimport { t as translate } from './i18n-a1dec0cc.js';\nimport { v as validateShow } from './show-5fbb1930.js';\nimport './i18n-b14e6088.js';\n\nconst spinVariantPropTypeOptions = ['cycle', 'dot', 'none'];\nconst validateSpinVariant = (component, value) => {\n    watchValidator(component, '_variant', (value) => typeof value === 'string' && spinVariantPropTypeOptions.includes(value), new Set(spinVariantPropTypeOptions), value);\n};\n\nconst defaultStyleCss = \"/*\\n * This file contains all rules for accessibility.\\n */\\n@layer kol-global {\\n  :host {\\n    /*\\n     * Minimum size of interactive elements.\\n     */\\n    --a11y-min-size: calc(44rem / var(--kolibri-root-font-size, 16));\\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    color: black;\\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     * 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     * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n     */\\n    word-break: break-word;\\n    /*\\n     * Word spacing is required for all texts.\\n     */\\n    word-spacing: inherit;\\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  [role=button],\\n  button:not([role=link]),\\n  .kol-input .input {\\n    min-height: var(--a11y-min-size);\\n    min-width: 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}\\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  clip: rect(0 0 0 0);\\n  clip-path: inset(50%);\\n  height: 1px;\\n  overflow: hidden;\\n  position: absolute;\\n  white-space: nowrap;\\n  width: 1px;\\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    border: none;\\n    margin: 0;\\n    padding: 0;\\n    width: 100%; /* 100% needed for custom width from outside */\\n  }\\n  /*\\n   * Ensure elements with hidden attribute to be actually not visible\\n   * @see https://meowni.ca/hidden.is.a.lie.html\\n   */\\n  [hidden] {\\n    display: none !important;\\n  }\\n}\\n@layer kol-global {\\n  :host {\\n    font-size: calc(16rem / var(--kolibri-root-font-size, 16));\\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  }\\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    cursor: not-allowed;\\n    opacity: 0.5;\\n    outline: none;\\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    background-color: lightgray;\\n    color: black;\\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    display: block;\\n    width: 100%;\\n    height: 100%;\\n    border-radius: 50%;\\n    position: relative;\\n    animation: 2s linear infinite rotate;\\n  }\\n  .spin.cycle > .loader::before {\\n    content: \\\"\\\";\\n    position: absolute;\\n    inset: 0;\\n    border-radius: 50%;\\n    border: 5px solid #333;\\n    animation: 3s linear infinite prixClipFix;\\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    height: calc(16rem / var(--kolibri-root-font-size, 16));\\n    width: calc(48rem / var(--kolibri-root-font-size, 16));\\n  }\\n  .spin.dot > span {\\n    animation-timing-function: cubic-bezier(0, 1, 1, 0);\\n    border-radius: 50%;\\n    border: 0.16px solid #fff;\\n    height: calc(12.8rem / var(--kolibri-root-font-size, 16));\\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  }\\n  .spin.dot > span:first-child {\\n    background-color: #000;\\n    z-index: 0;\\n    animation: 1s infinite spin1;\\n    left: calc(0.16rem / var(--kolibri-root-font-size, 16));\\n  }\\n  .spin.dot > span:nth-child(2) {\\n    background-color: #000;\\n    z-index: 1;\\n    animation: 1s infinite spin2;\\n    left: calc(0.16rem / var(--kolibri-root-font-size, 16));\\n  }\\n  .spin.dot > span:nth-child(3) {\\n    background-color: #000;\\n    z-index: 1;\\n    animation: 1s infinite spin2;\\n    left: calc(17.6rem / var(--kolibri-root-font-size, 16));\\n  }\\n  .spin.dot > span:nth-child(4) {\\n    background-color: #666;\\n    z-index: 0;\\n    animation: 1s infinite spin3;\\n    left: calc(33.6rem / var(--kolibri-root-font-size, 16));\\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    padding: calc(2rem / var(--kolibri-root-font-size, 16));\\n    position: relative;\\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: '0733583d9a2ed6b865f91f218af816881991a661', 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-CIubL2kS.js → kol-split-button.entry-DLyWAmyT.js}

@@ -1,6 +1,6 @@
-import{r as l,h as n,a8 as r,c as i,H as d}from"./index-lau6-xci.js";import{t as a}from"./i18n-11c0b9eb-DfO7mAiQ.js";/*!
+import{r as l,h as n,a8 as r,c as i,H as d}from"./index-BSxPh-XU.js";import{t as a}from"./i18n-a1dec0cc-B-ieH_Rq.js";/*!
  * KoliBri - The accessible HTML-Standard
- */const h=`/*
+ */const c=`/*
  * This file contains all rules for accessibility.
  */
 @layer kol-global {
@@ -207,6 +207,7 @@ import{r as l,h as n,a8 as r,c as i,H as d}from"./index-lau6-xci.js";import{t as
 @layer kol-component {
   .kol-tooltip-wc {
     display: contents;
+    contain: layout;
   }
   .kol-tooltip-wc .tooltip-floating {
     animation-duration: 0.25s;
@@ -268,5 +269,5 @@ import{r as l,h as n,a8 as r,c as i,H as d}from"./index-lau6-xci.js";import{t as
   .kol-popover .arrow {
     display: none;
   }
-}`,c=h,p=class{constructor(t){l(this,t),this.clickButtonHandler={onClick:s=>{var e,o;typeof((e=this._on)===null||e===void 0?void 0:e.onClick)=="function"?(o=this._on)===null||o===void 0||o.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:"cf6ac525bf85bfb0fe16d7275808b1c2466be185",class:"kol-split-button"},n("div",{key:"e508675a55f10001239c47362c569e7ce3991dd5",class:"split-button-root"},n(i,{key:"59b44b060c2e949191e3da275e11b1e67c34159a",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,_role:this._role,_syncValueBySelector:this._syncValueBySelector,_tabIndex:this._tabIndex,_tooltipAlign:this._tooltipAlign,_type:this._type,_value:this._value,_variant:this._variant}),n("div",{key:"077e67c07b03f786f02d14e1f5d99c5aa2362721",class:"horizontal-line"}),n(i,{key:"98af91aba2eb06c3d637b983386c0bc46c1259de",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:"9546540b0ca474b3b8d8d6582a8eb9863d33289c",_show:this.state._show,_on:{onClose:this.handleOnClose},_align:"bottom"},n("slot",{key:"a92e0ad1f9f2bf6f95f013f4e2ead60d432d7285"})))}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-CIubL2kS.js.map
+}`,h=c,p=class{constructor(t){l(this,t),this.clickButtonHandler={onClick:s=>{var e,o;typeof((e=this._on)===null||e===void 0?void 0:e.onClick)=="function"?(o=this._on)===null||o===void 0||o.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:"cf6ac525bf85bfb0fe16d7275808b1c2466be185",class:"kol-split-button"},n("div",{key:"e508675a55f10001239c47362c569e7ce3991dd5",class:"split-button-root"},n(i,{key:"59b44b060c2e949191e3da275e11b1e67c34159a",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,_role:this._role,_syncValueBySelector:this._syncValueBySelector,_tabIndex:this._tabIndex,_tooltipAlign:this._tooltipAlign,_type:this._type,_value:this._value,_variant:this._variant}),n("div",{key:"077e67c07b03f786f02d14e1f5d99c5aa2362721",class:"horizontal-line"}),n(i,{key:"98af91aba2eb06c3d637b983386c0bc46c1259de",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:"9546540b0ca474b3b8d8d6582a8eb9863d33289c",_show:this.state._show,_on:{onClose:this.handleOnClose},_align:"bottom"},n("slot",{key:"a92e0ad1f9f2bf6f95f013f4e2ead60d432d7285"})))}async closePopup(){return this.handleOnClose(),Promise.resolve()}static get delegatesFocus(){return!0}};p.style={default:h};export{p as kol_split_button};
+//# sourceMappingURL=kol-split-button.entry-DLyWAmyT.js.map

package/dist/assets/kol-split-button.entry-DLyWAmyT.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"kol-split-button.entry-DLyWAmyT.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-e083cc2f.js';\nimport { t as translate } from './i18n-a1dec0cc.js';\nimport { o as KolPopoverWcTag, c as KolButtonWcTag } from './component-names-4cb1c62b.js';\nimport './i18n-b14e6088.js';\nimport './index-bac313b4.js';\n\nconst defaultStyleCss = \"/*\\n * This file contains all rules for accessibility.\\n */\\n@layer kol-global {\\n  :host {\\n    /*\\n     * Minimum size of interactive elements.\\n     */\\n    --a11y-min-size: calc(44rem / var(--kolibri-root-font-size, 16));\\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    color: black;\\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     * 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     * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n     */\\n    word-break: break-word;\\n    /*\\n     * Word spacing is required for all texts.\\n     */\\n    word-spacing: inherit;\\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  [role=button],\\n  button:not([role=link]),\\n  .kol-input .input {\\n    min-height: var(--a11y-min-size);\\n    min-width: 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}\\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  clip: rect(0 0 0 0);\\n  clip-path: inset(50%);\\n  height: 1px;\\n  overflow: hidden;\\n  position: absolute;\\n  white-space: nowrap;\\n  width: 1px;\\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    border: none;\\n    margin: 0;\\n    padding: 0;\\n    width: 100%; /* 100% needed for custom width from outside */\\n  }\\n  /*\\n   * Ensure elements with hidden attribute to be actually not visible\\n   * @see https://meowni.ca/hidden.is.a.lie.html\\n   */\\n  [hidden] {\\n    display: none !important;\\n  }\\n}\\n@layer kol-global {\\n  :host {\\n    font-size: calc(16rem / var(--kolibri-root-font-size, 16));\\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  }\\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    cursor: not-allowed;\\n    opacity: 0.5;\\n    outline: none;\\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    background-color: lightgray;\\n    color: black;\\n  }\\n}\\n@layer kol-component {\\n  .kol-popover {\\n    height: 0;\\n    position: absolute;\\n  }\\n  .kol-popover .popover {\\n    background-color: #fff;\\n    min-height: max-content;\\n    min-width: max-content;\\n    opacity: 0;\\n    position: absolute;\\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    background-color: inherit;\\n    height: var(--font-size);\\n    position: absolute;\\n    rotate: 0.125turn;\\n    width: var(--font-size);\\n    z-index: -1;\\n  }\\n  @keyframes fadeInOpacity {\\n    0% {\\n      opacity: 0;\\n    }\\n    100% {\\n      opacity: 1;\\n    }\\n  }\\n}\\n@layer kol-component {\\n  .kol-tooltip-wc {\\n    display: contents;\\n    contain: layout;\\n  }\\n  .kol-tooltip-wc .tooltip-floating {\\n    animation-duration: 0.25s;\\n    animation-iteration-count: 1;\\n    animation-name: fadeInOpacity;\\n    animation-timing-function: ease-in;\\n    display: none;\\n    position: fixed;\\n    visibility: hidden;\\n    /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\\n    top: 0;\\n    left: 0;\\n    max-width: 90vw;\\n    max-height: 90vh;\\n    /* Can be used to specify the tooltip-width from the outside. Unset by default.  */\\n    width: var(--kol-tooltip-width);\\n  }\\n  /* Shared between content and arrow */\\n  .kol-tooltip-wc .tooltip-area {\\n    background-color: #fff;\\n    color: #000;\\n  }\\n  .kol-tooltip-wc .tooltip-arrow {\\n    height: calc(10rem / var(--kolibri-root-font-size, 16));\\n    position: absolute;\\n    transform: rotate(45deg);\\n    width: calc(10rem / var(--kolibri-root-font-size, 16));\\n    z-index: 999;\\n  }\\n  .kol-tooltip-wc .tooltip-content {\\n    position: relative;\\n    z-index: 1000;\\n  }\\n  @keyframes fadeInOpacity {\\n    0% {\\n      opacity: 0;\\n    }\\n    100% {\\n      opacity: 1;\\n    }\\n  }\\n}\\n@layer kol-component {\\n  :host {\\n    display: flex;\\n    position: relative;\\n  }\\n  .split-button-root {\\n    display: flex;\\n    position: relative;\\n  }\\n  .main-button {\\n    flex-grow: 1;\\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: 'cf6ac525bf85bfb0fe16d7275808b1c2466be185', class: \"kol-split-button\" }, h(\"div\", { key: 'e508675a55f10001239c47362c569e7ce3991dd5', class: \"split-button-root\" }, h(KolButtonWcTag, { key: '59b44b060c2e949191e3da275e11b1e67c34159a', 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, _role: this._role, _syncValueBySelector: this._syncValueBySelector, _tabIndex: this._tabIndex, _tooltipAlign: this._tooltipAlign, _type: this._type, _value: this._value, _variant: this._variant }), h(\"div\", { key: '077e67c07b03f786f02d14e1f5d99c5aa2362721', class: \"horizontal-line\" }), h(KolButtonWcTag, { key: '98af91aba2eb06c3d637b983386c0bc46c1259de', 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: '9546540b0ca474b3b8d8d6582a8eb9863d33289c', _show: this.state._show, _on: { onClose: this.handleOnClose }, _align: \"bottom\" }, h(\"slot\", { key: 'a92e0ad1f9f2bf6f95f013f4e2ead60d432d7285' }))));\n    }\n    async closePopup() {\n        this.handleOnClose();\n        return Promise.resolve();\n    }\n    static get delegatesFocus() { return true; }\n};\nKolSplitButton.style = {\n    default: KolSplitButtonDefaultStyle0\n};\n\nexport { KolSplitButton as kol_split_button };\n\n//# sourceMappingURL=kol-split-button.entry.js.map"],"names":["defaultStyleCss","KolSplitButtonDefaultStyle0","KolSplitButton","hostRef","registerInstance","e","_a","_b","i18nDropdownLabel","h","Host","KolButtonWcTag","translate","KolPopoverWcTag"],"mappings":"qHAAA;AAAA;AAAA,GASA,MAAMA,EAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA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"}

package/dist/assets/{kol-symbol.entry-IJcLDWep.js → kol-symbol.entry-C3EnROhu.js}

@@ -1,4 +1,4 @@
-import{r as e,h as t,H as l,t as s}from"./index-lau6-xci.js";import{t as i}from"./i18n-11c0b9eb-DfO7mAiQ.js";import{v as o}from"./label-c79c6289-B5XlMhmf.js";/*!
+import{r as e,h as t,H as l,t as s}from"./index-BSxPh-XU.js";import{t as i}from"./i18n-a1dec0cc-B-ieH_Rq.js";import{v as o}from"./label-c79c6289-CnoRV0Nm.js";/*!
  * KoliBri - The accessible HTML-Standard
  */const m=class{constructor(a){e(this,a),this._label=void 0,this._symbol=void 0,this.state={_label:i("kol-warning"),_symbol:""}}render(){return t(l,{key:"09195f2f3abd530937a2f1fb5a879f0cb38d7657",class:"kol-symbol"},t("span",{key:"597e49d33699b0f4ea2918e685bdd3f6e2ca5dab","aria-label":this.state._label,role:"term"},this.state._symbol))}validateLabel(a){o(this,a,{required:!0})}validateSymbol(a){s(this,"_symbol",a,{required:!0})}componentWillLoad(){this.validateLabel(this._label),this.validateSymbol(this._symbol)}static get watchers(){return{_label:["validateLabel"],_symbol:["validateSymbol"]}}};export{m as kol_symbol};
-//# sourceMappingURL=kol-symbol.entry-IJcLDWep.js.map
+//# sourceMappingURL=kol-symbol.entry-C3EnROhu.js.map

package/dist/assets/{kol-symbol.entry-IJcLDWep.js.map → kol-symbol.entry-C3EnROhu.js.map}

@@ -1 +1 @@
-{"version":3,"file":"kol-symbol.entry-IJcLDWep.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-dc69e94d.js';\nimport { y as watchString } from './index-bac313b4.js';\nimport { t as translate } from './i18n-11c0b9eb.js';\nimport { v as validateLabel } from './label-c79c6289.js';\nimport './i18n-eef4b287.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: '09195f2f3abd530937a2f1fb5a879f0cb38d7657', class: \"kol-symbol\" }, h(\"span\", { key: '597e49d33699b0f4ea2918e685bdd3f6e2ca5dab', \"aria-label\": this.state._label, role: \"term\" }, this.state._symbol)));\n    }\n    validateLabel(value) {\n        validateLabel(this, value, {\n            required: true,\n        });\n    }\n    validateSymbol(value) {\n        watchString(this, '_symbol', value, {\n            required: true,\n        });\n    }\n    componentWillLoad() {\n        this.validateLabel(this._label);\n        this.validateSymbol(this._symbol);\n    }\n    static get watchers() { return {\n        \"_label\": [\"validateLabel\"],\n        \"_symbol\": [\"validateSymbol\"]\n    }; }\n};\n\nexport { KolSymbol as kol_symbol };\n\n//# sourceMappingURL=kol-symbol.entry.js.map"],"names":["KolSymbol","hostRef","registerInstance","translate","h","Host","value","validateLabel","watchString"],"mappings":"8JAAA;AAAA;AAAA,GASK,MAACA,EAAY,KAAM,CACpB,YAAYC,EAAS,CACjBC,EAAiB,KAAMD,CAAO,EAC9B,KAAK,OAAS,OACd,KAAK,QAAU,OACf,KAAK,MAAQ,CACT,OAAQE,EAAU,aAAa,EAC/B,QAAS,EACZ,CACT,CACI,QAAS,CACL,OAAQC,EAAEC,EAAM,CAAE,IAAK,2CAA4C,MAAO,YAAc,EAAED,EAAE,OAAQ,CAAE,IAAK,2CAA4C,aAAc,KAAK,MAAM,OAAQ,KAAM,MAAM,EAAI,KAAK,MAAM,OAAO,CAAC,CACnO,CACI,cAAcE,EAAO,CACjBC,EAAc,KAAMD,EAAO,CACvB,SAAU,EACtB,CAAS,CACT,CACI,eAAeA,EAAO,CAClBE,EAAY,KAAM,UAAWF,EAAO,CAChC,SAAU,EACtB,CAAS,CACT,CACI,mBAAoB,CAChB,KAAK,cAAc,KAAK,MAAM,EAC9B,KAAK,eAAe,KAAK,OAAO,CACxC,CACI,WAAW,UAAW,CAAE,MAAO,CAC3B,OAAU,CAAC,eAAe,EAC1B,QAAW,CAAC,gBAAgB,CACpC,CAAM,CACN"}
+{"version":3,"file":"kol-symbol.entry-C3EnROhu.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-e083cc2f.js';\nimport { y as watchString } from './index-bac313b4.js';\nimport { t as translate } from './i18n-a1dec0cc.js';\nimport { v as validateLabel } from './label-c79c6289.js';\nimport './i18n-b14e6088.js';\n\nconst KolSymbol = class {\n    constructor(hostRef) {\n        registerInstance(this, hostRef);\n        this._label = undefined;\n        this._symbol = undefined;\n        this.state = {\n            _label: translate('kol-warning'),\n            _symbol: '',\n        };\n    }\n    render() {\n        return (h(Host, { key: '09195f2f3abd530937a2f1fb5a879f0cb38d7657', class: \"kol-symbol\" }, h(\"span\", { key: '597e49d33699b0f4ea2918e685bdd3f6e2ca5dab', \"aria-label\": this.state._label, role: \"term\" }, this.state._symbol)));\n    }\n    validateLabel(value) {\n        validateLabel(this, value, {\n            required: true,\n        });\n    }\n    validateSymbol(value) {\n        watchString(this, '_symbol', value, {\n            required: true,\n        });\n    }\n    componentWillLoad() {\n        this.validateLabel(this._label);\n        this.validateSymbol(this._symbol);\n    }\n    static get watchers() { return {\n        \"_label\": [\"validateLabel\"],\n        \"_symbol\": [\"validateSymbol\"]\n    }; }\n};\n\nexport { KolSymbol as kol_symbol };\n\n//# sourceMappingURL=kol-symbol.entry.js.map"],"names":["KolSymbol","hostRef","registerInstance","translate","h","Host","value","validateLabel","watchString"],"mappings":"8JAAA;AAAA;AAAA,GASK,MAACA,EAAY,KAAM,CACpB,YAAYC,EAAS,CACjBC,EAAiB,KAAMD,CAAO,EAC9B,KAAK,OAAS,OACd,KAAK,QAAU,OACf,KAAK,MAAQ,CACT,OAAQE,EAAU,aAAa,EAC/B,QAAS,EACZ,CACT,CACI,QAAS,CACL,OAAQC,EAAEC,EAAM,CAAE,IAAK,2CAA4C,MAAO,YAAc,EAAED,EAAE,OAAQ,CAAE,IAAK,2CAA4C,aAAc,KAAK,MAAM,OAAQ,KAAM,MAAM,EAAI,KAAK,MAAM,OAAO,CAAC,CACnO,CACI,cAAcE,EAAO,CACjBC,EAAc,KAAMD,EAAO,CACvB,SAAU,EACtB,CAAS,CACT,CACI,eAAeA,EAAO,CAClBE,EAAY,KAAM,UAAWF,EAAO,CAChC,SAAU,EACtB,CAAS,CACT,CACI,mBAAoB,CAChB,KAAK,cAAc,KAAK,MAAM,EAC9B,KAAK,eAAe,KAAK,OAAO,CACxC,CACI,WAAW,UAAW,CAAE,MAAO,CAC3B,OAAU,CAAC,eAAe,EAC1B,QAAW,CAAC,gBAAgB,CACpC,CAAM,CACN"}

package/dist/assets/{kol-table-stateful.entry-CHprXEcu.js → kol-table-stateful.entry-BKkj1DMO.js}

@@ -1,4 +1,4 @@
-import{r as S,s as c,w as g,aa as w,t as k,p as m,h as p,ab as D,ac as x,H as P,m as C,o as z,C as O}from"./index-lau6-xci.js";import{t as f}from"./i18n-11c0b9eb-DfO7mAiQ.js";import{t as T}from"./events-29e84d75-BhxFwhXP.js";import{E as _}from"./keyboard-77e19a81-D1ah5412.js";import{v as F,a as j,b as E,c as A}from"./table-selection-3aa020c8-CsCLxGic.js";import{v as H}from"./label-c79c6289-B5XlMhmf.js";/*!
+import{r as S,s as c,w as g,aa as w,t as k,p as m,h as p,ab as D,ac as x,H as P,m as C,o as z,C as O}from"./index-BSxPh-XU.js";import{t as f}from"./i18n-a1dec0cc-B-ieH_Rq.js";import{t as T}from"./events-29e84d75-BhxFwhXP.js";import{E as _}from"./keyboard-77e19a81-D1ah5412.js";import{v as F,a as j,b as E,c as A}from"./table-selection-3aa020c8-DTgwZNRX.js";import{v as H}from"./label-c79c6289-CnoRV0Nm.js";/*!
  * KoliBri - The accessible HTML-Standard
  */const y=["top","bottom","both"],W=(t,n)=>{g(t,"_paginationPosition",i=>typeof i=="string"&&y.includes(i),new Set([`PaginationPositionPropType {${y.join(", ")}`]),n,{defaultValue:"bottom"})},M=`/*
  * This file contains all rules for accessibility.
@@ -177,6 +177,7 @@ 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,
 @layer kol-component {
   .kol-tooltip-wc {
     display: contents;
+    contain: layout;
   }
   .kol-tooltip-wc .tooltip-floating {
     animation-duration: 0.25s;
@@ -369,4 +370,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;case"NOS":default:this.sortedColumnHead={label:"",key:"",sortDirection:"NOS"}}c(this,"_sortedData",i)},this._allowMultiSort=void 0,this._data=void 0,this._dataFoot=void 0,this._headers=void 0,this._label=void 0,this._minWidth=void 0,this._pagination=void 0,this._paginationPosition="bottom",this._selection=void 0,this._on=void 0,this.state={_allowMultiSort:!1,_data:[],_dataFoot:[],_headers:{horizontal:[],vertical:[]},_label:"",_pagination:{_page:1,_pageSize:10,_max:0},_sortedData:[],_paginationPosition:"bottom"}}validateAllowMultiSort(t){g(this,"_allowMultiSort",()=>!0,new Set(["boolean"]),t,{defaultValue:!1})}validateData(t){F(this,t,{afterPatch:()=>{setTimeout(this.updateSortedData)}})}validateDataFoot(t){j(this,t,{afterPatch:()=>{setTimeout(this.updateSortedData)}})}validatePaginationPosition(t){W(this,t)}changeCellSort(t){var n;if(typeof t.compareFn=="function"){!this.state._allowMultiSort&&t.key!==((n=this.sortData[0])===null||n===void 0?void 0:n.key)&&(this.sortData=[]);const i=this.sortData.findIndex(e=>e.key===t.key);if(i>=0){const e=this.sortData[i];switch(e.direction){case"ASC":e.direction="DESC";break;case"DESC":this.sortData.splice(i,1);break;default:e.direction="ASC";break}}else t.key&&this.sortData.push({label:t.label,key:t.key,compareFn:t.compareFn,direction:"ASC"});this.updateSortedData(t)}else if(typeof t.sort=="function"){switch(this.sortFunction=t.sort,this.sortDirections.get(this.sortFunction)){case"ASC":this.setSortDirection(this.sortFunction,"DESC");break;case"DESC":this.setSortDirection(this.sortFunction,"NOS");break;default:this.setSortDirection(this.sortFunction,"ASC")}this.updateSortedData(t)}}validateHeaders(t){w(t,()=>{z(t,()=>{try{t=m(t)}catch{}g(this,"_headers",n=>typeof n=="object"&&n!==null,new Set(["KoliBriTableHeaders"]),t,{hooks:{beforePatch:n=>{var i,e,a,l;const h=r=>{let s=!1;r.forEach(d=>{const b=d.key;if(!b)return;const u=d.sortDirection;(u==="ASC"||u==="DESC")&&(typeof d.compareFn=="function"?((this.state._allowMultiSort||this.sortData.length===0)&&this.sortData.push({label:d.label,key:b,compareFn:d.compareFn,direction:u}),s=!0):typeof d.sort=="function"&&(this.setSortDirection(d.sort,u),setTimeout(()=>this.updateSortedData({key:b,label:d.label,sortDirection:u}))))}),s&&setTimeout(()=>this.updateSortedData())},o=n;(i=o.horizontal)===null||i===void 0||i.forEach(h),(e=o.vertical)===null||e===void 0||e.forEach(h),o.horizontal&&o.vertical&&((a=o.horizontal)===null||a===void 0?void 0:a.length)>0&&((l=o.vertical)===null||l===void 0?void 0:l.length)>0&&(this.disableSort=!0,O("Table: You can not sort the table data, if horizontal and vertical headers are defined at the same time. (https://github.com/public-ui/kolibri/issues/2372)"))}}})})})}validateLabel(t){H(this,t,{required:!0})}validateMinWidth(t){k(this,"_minWidth",t,{defaultValue:void 0})}validateSelection(t){E(this,t)}validateOn(t){A(this,t)}validatePagination(t){try{t=m(t)}catch{}this.showPagination=v(t),g(this,"_pagination",v,new Set(["boolean","KoliBriTablePagination"]),t,{defaultValue:{_page:1,_pageSize:10,_max:0}})}componentDidLoad(){var t;(t=this.tableWcRef)===null||t===void 0||t.addEventListener("kol-selection-change",this.onSelectionChange)}disconnectedCallback(){var t;(t=this.tableWcRef)===null||t===void 0||t.removeEventListener("kol-selection-change",this.onSelectionChange)}componentWillLoad(){this.validateAllowMultiSort(this._allowMultiSort),this.validateData(this._data),this.validateDataFoot(this._dataFoot),this.validateHeaders(this._headers),this.validateLabel(this._label),this.validateMinWidth(this._minWidth),this.validatePagination(this._pagination),this.validatePaginationPosition(this._paginationPosition),this.validateSelection(this._selection),this.validateOn(this._on)}selectDisplayedData(t,n,i){return typeof n=="number"&&n>0&&typeof i=="number"&&i>0?(this.pageStartSlice=n*(i-1),this.pageEndSlice=n*i>t.length?t.length:n*i,t.slice(this.pageStartSlice,this.pageEndSlice)):(this.pageStartSlice=0,this.pageEndSlice=t.length,t)}renderPagination(t){const n=f("kol-table-pagination-label",{placeholders:{label:`${this.state._label} (${f(`kol-pagination-position-${t}`)})`}});return p("div",{class:"pagination"},p("span",null,f("kol-table-visible-range",{placeholders:{start:this.pageEndSlice>0?(this.pageStartSlice+1).toString():"0",end:this.pageEndSlice.toString(),total:this.state._pagination&&this.state._pagination._max>0?this.state._pagination._max.toString():Array.isArray(this.state._data)?this.state._data.length.toString():"0"}})),p("div",null,p(D,{_boundaryCount:this.state._pagination._boundaryCount,_customClass:this.state._pagination._customClass,_on:this.handlePagination,_page:this.state._pagination._page,_pageSize:this.state._pagination._pageSize,_pageSizeOptions:this.state._pagination._pageSizeOptions||N,_siblingCount:this.state._pagination._siblingCount,_tooltipAlign:"bottom",_max:this.state._pagination._max||this.state._pagination._max||this.state._data.length,_label:n})))}getHeaderCellSortState(t){if(!this.disableSort&&(typeof t.compareFn=="function"||typeof t.sort=="function")){if(t.key===this.sortedColumnHead.key)return this.sortedColumnHead.sortDirection;if(t.key){const n=this.sortData.find(i=>i.key===t.key);if(n!=null&&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==null?void 0:i.multiple)===!1)return a[0];if(e)return a}return null}handleSelectionChange(t,n){var i;const e=this.state._selection;e&&(this.state=Object.assign(Object.assign({},this.state),{_selection:Object.assign(Object.assign({},e),{selectedKeys:typeof n=="object"?n:[n]})}));const a=this.getSelectedData(n);T("selection-change",this.host,a),typeof((i=this.state._on)===null||i===void 0?void 0:i[_.onSelectionChange])=="function"&&this.state._on[_.onSelectionChange](t,a)}async getSelection(){var t;const n=((t=this.state._selection)===null||t===void 0?void 0:t.selectedKeys)||[];return this.getSelectedData(n)}render(){var t,n,i,e;const a=this.selectDisplayedData(this.state._sortedData,this.showPagination?(n=(t=this.state._pagination)===null||t===void 0?void 0:t._pageSize)!==null&&n!==void 0?n:10:this.state._sortedData.length,this.state._pagination._page||1),l=this._paginationPosition==="top"||this._paginationPosition==="both"?this.renderPagination("top"):null,h=this._paginationPosition==="bottom"||this._paginationPosition==="both"?this.renderPagination("bottom"):null,o={horizontal:(i=this.state._headers.horizontal)===null||i===void 0?void 0:i.map(r=>r.map(s=>Object.assign(Object.assign({},s),{sortDirection:this.getHeaderCellSortState(s)}))),vertical:(e=this.state._headers.vertical)===null||e===void 0?void 0:e.map(r=>r.map(s=>Object.assign(Object.assign({},s),{sortDirection:this.getHeaderCellSortState(s)})))};return p(P,{key:"bdf890a8b0523d9fc59fbb3088ceaf65d4b2f561",class:"kol-table-stateful"},this.pageEndSlice>0&&this.showPagination&&l,p(x,{key:"3d08e2ff669bcccce000650155ad9436d11ae1a2",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-CHprXEcu.js.map
+//# sourceMappingURL=kol-table-stateful.entry-BKkj1DMO.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"kol-table-stateful.entry-BKkj1DMO.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-e083cc2f.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-bac313b4.js';\nimport { t as translate } from './i18n-a1dec0cc.js';\nimport { q as KolPaginationTag, r as KolTableStatelessWcTag } from './component-names-4cb1c62b.js';\nimport { t as tryToDispatchKoliBriEvent } from './events-29e84d75.js';\nimport { E as Events } from './keyboard-77e19a81.js';\nimport { v as validateTableData, a as validateTableDataFoot, b as validateTableSelection, c as validateTableStatefulCallbacks } from './table-selection-3aa020c8.js';\nimport { v as validateLabel } from './label-c79c6289.js';\nimport './i18n-b14e6088.js';\n\nconst paginationPositionPropTypeOptions = ['top', 'bottom', 'both'];\nconst validatePaginationPosition = (component, value) => {\n    watchValidator(component, `_paginationPosition`, (value) => typeof value === 'string' && paginationPositionPropTypeOptions.includes(value), new Set([`PaginationPositionPropType {${paginationPositionPropTypeOptions.join(', ')}`]), value, {\n        defaultValue: 'bottom',\n    });\n};\n\nconst defaultStyleCss = \"/*\\n * This file contains all rules for accessibility.\\n */\\n@layer kol-global {\\n  :host {\\n    /*\\n     * Minimum size of interactive elements.\\n     */\\n    --a11y-min-size: calc(44rem / var(--kolibri-root-font-size, 16));\\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    color: black;\\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     * 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     * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n     */\\n    word-break: break-word;\\n    /*\\n     * Word spacing is required for all texts.\\n     */\\n    word-spacing: inherit;\\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  [role=button],\\n  button:not([role=link]),\\n  .kol-input .input {\\n    min-height: var(--a11y-min-size);\\n    min-width: 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}\\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  clip: rect(0 0 0 0);\\n  clip-path: inset(50%);\\n  height: 1px;\\n  overflow: hidden;\\n  position: absolute;\\n  white-space: nowrap;\\n  width: 1px;\\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    border: none;\\n    margin: 0;\\n    padding: 0;\\n    width: 100%; /* 100% needed for custom width from outside */\\n  }\\n  /*\\n   * Ensure elements with hidden attribute to be actually not visible\\n   * @see https://meowni.ca/hidden.is.a.lie.html\\n   */\\n  [hidden] {\\n    display: none !important;\\n  }\\n}\\n@layer kol-global {\\n  :host {\\n    font-size: calc(16rem / var(--kolibri-root-font-size, 16));\\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  }\\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    cursor: not-allowed;\\n    opacity: 0.5;\\n    outline: none;\\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    background-color: lightgray;\\n    color: black;\\n  }\\n}\\n@layer kol-component {\\n  :host {\\n    display: block;\\n  }\\n}\\n@layer kol-component {\\n  .kol-tooltip-wc {\\n    display: contents;\\n    contain: layout;\\n  }\\n  .kol-tooltip-wc .tooltip-floating {\\n    animation-duration: 0.25s;\\n    animation-iteration-count: 1;\\n    animation-name: fadeInOpacity;\\n    animation-timing-function: ease-in;\\n    display: none;\\n    position: fixed;\\n    visibility: hidden;\\n    /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\\n    top: 0;\\n    left: 0;\\n    max-width: 90vw;\\n    max-height: 90vh;\\n    /* Can be used to specify the tooltip-width from the outside. Unset by default.  */\\n    width: var(--kol-tooltip-width);\\n  }\\n  /* Shared between content and arrow */\\n  .kol-tooltip-wc .tooltip-area {\\n    background-color: #fff;\\n    color: #000;\\n  }\\n  .kol-tooltip-wc .tooltip-arrow {\\n    height: calc(10rem / var(--kolibri-root-font-size, 16));\\n    position: absolute;\\n    transform: rotate(45deg);\\n    width: calc(10rem / var(--kolibri-root-font-size, 16));\\n    z-index: 999;\\n  }\\n  .kol-tooltip-wc .tooltip-content {\\n    position: relative;\\n    z-index: 1000;\\n  }\\n  @keyframes fadeInOpacity {\\n    0% {\\n      opacity: 0;\\n    }\\n    100% {\\n      opacity: 1;\\n    }\\n  }\\n}\\n@layer kol-component {\\n  div.pagination .kol-pagination {\\n    display: flex;\\n    flex-wrap: wrap;\\n  }\\n  div.pagination,\\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    div.pagination .kol-pagination {\\n      display: flex;\\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 {\\n    font-size: 0;\\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  th.align-left {\\n    text-align: left;\\n  }\\n  tbody th .table-sort-button .button-inner,\\n  th.align-left .table-sort-button .button-inner {\\n    justify-items: start;\\n  }\\n  th.align-center {\\n    text-align: center;\\n  }\\n  th.align-center .table-sort-button .button-inner {\\n    justify-items: center;\\n  }\\n  th.align-right {\\n    text-align: right;\\n  }\\n  th.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    align-items: center;\\n    cursor: pointer;\\n    display: flex;\\n    height: var(--a11y-min-size);\\n    justify-content: center;\\n    position: relative;\\n    width: var(--a11y-min-size);\\n  }\\n  .input .icon {\\n    display: block;\\n    inset: auto;\\n    position: absolute;\\n    z-index: 1;\\n  }\\n  .input input {\\n    appearance: none;\\n    border-style: solid;\\n    cursor: pointer;\\n    margin: 0;\\n  }\\n  .input input:before {\\n    content: \\\"\\\";\\n  }\\n  .input input[type=checkbox] {\\n    position: relative;\\n    display: flex;\\n    height: calc(var(--a11y-min-size) / 2);\\n    width: calc(var(--a11y-min-size) / 2);\\n    align-items: center;\\n    justify-content: center;\\n    background-color: rgb(255, 255, 255);\\n    border-width: 2px;\\n    line-height: 1.5;\\n    transition: all 0.5s ease 0s;\\n  }\\n  .input input[type=radio] {\\n    display: flex;\\n    border-width: 2px;\\n    border-radius: 100%;\\n    height: 1.5em;\\n    min-height: 1.5em;\\n    min-width: 1.5em;\\n    padding: 0;\\n    width: 1.5em;\\n  }\\n  .input input[type=radio]:before {\\n    border-radius: 100%;\\n    margin: auto;\\n    height: 0.75em;\\n    width: 0.75em;\\n  }\\n  .input input[type=radio]:checked:before {\\n    background-color: #000;\\n  }\\n  @media (forced-colors: active) {\\n    .input input[type=radio]:checked:before {\\n      /* Give it a visible background in forced colors mode */\\n      background-color: selectedItem !important;\\n    }\\n  }\\n}\";\nconst KolTableStatefulDefaultStyle0 = defaultStyleCss;\n\nconst PAGINATION_OPTIONS = [10, 20, 50, 100];\nconst paginationValidator = (value) => value === true || value === '' || (typeof value === 'object' && value !== null);\nconst KolTableStateful = class {\n    constructor(hostRef) {\n        registerInstance(this, hostRef);\n        this.catchRef = (ref) => {\n            this.tableWcRef = ref;\n        };\n        this.sortDirections = new Map();\n        this.sortData = [];\n        this.showPagination = false;\n        this.pageStartSlice = 0;\n        this.pageEndSlice = 10;\n        this.disableSort = false;\n        this.sortedColumnHead = { label: '', key: '', sortDirection: 'NOS' };\n        this.setSortDirection = (sort, direction) => {\n            this.sortDirections.clear();\n            this.sortDirections.set(sort, direction);\n            this.sortFunction = sort;\n        };\n        this.handlePagination = {\n            onClick: (event, page) => {\n                var _a;\n                if (typeof ((_a = this.state._pagination._on) === null || _a === void 0 ? void 0 : _a.onClick) === 'function') {\n                    this.state._pagination._on.onClick(event, page);\n                }\n                setState(this, '_pagination', Object.assign(Object.assign({}, this.state._pagination), { _page: page }));\n            },\n            onChangePage: (event, page) => {\n                var _a;\n                if (typeof ((_a = this.state._pagination._on) === null || _a === void 0 ? void 0 : _a.onChangePage) === 'function') {\n                    this.state._pagination._on.onChangePage(event, page);\n                }\n                setState(this, '_pagination', Object.assign(Object.assign({}, this.state._pagination), { _page: page }));\n            },\n            onChangePageSize: (event, pageSize) => {\n                var _a;\n                if (typeof ((_a = this.state._pagination._on) === null || _a === void 0 ? void 0 : _a.onChangePageSize) === 'function') {\n                    this.state._pagination._on.onChangePageSize(event, pageSize);\n                }\n                setState(this, '_pagination', Object.assign(Object.assign({}, this.state._pagination), { _pageSize: pageSize }));\n                setState(this, '_pageSize', pageSize);\n            },\n        };\n        this.onSelectionChange = (event) => {\n            event.stopPropagation();\n        };\n        this.updateSortedData = (cell = this.sortedColumnHead) => {\n            if (this.disableSort) {\n                setState(this, '_sortedData', this.state._data);\n                return;\n            }\n            let sortedData = [...this.state._data];\n            if (this.sortData.length > 0) {\n                sortedData.sort((a, b) => {\n                    for (let index = 0; index < this.sortData.length; index++) {\n                        const data = this.sortData[index];\n                        const result = data.compareFn(a, b);\n                        if (result !== 0) {\n                            return data.direction === 'ASC' ? result : -result;\n                        }\n                    }\n                    return 0;\n                });\n            }\n            else if (typeof this.sortFunction === 'function') {\n                switch (this.sortDirections.get(this.sortFunction)) {\n                    case 'ASC':\n                        sortedData = this.sortFunction([...this.state._data]);\n                        this.sortedColumnHead = { label: cell.label, key: cell.key, sortDirection: 'ASC' };\n                        break;\n                    case 'DESC':\n                        sortedData = this.sortFunction([...this.state._data]).reverse();\n                        this.sortedColumnHead = { label: cell.label, key: cell.key, sortDirection: 'DESC' };\n                        break;\n                    case 'NOS':\n                    default:\n                        this.sortedColumnHead = { label: '', key: '', sortDirection: 'NOS' };\n                }\n            }\n            setState(this, '_sortedData', sortedData);\n        };\n        this._allowMultiSort = undefined;\n        this._data = undefined;\n        this._dataFoot = undefined;\n        this._headers = undefined;\n        this._label = undefined;\n        this._minWidth = undefined;\n        this._pagination = undefined;\n        this._paginationPosition = 'bottom';\n        this._selection = undefined;\n        this._on = undefined;\n        this.state = {\n            _allowMultiSort: false,\n            _data: [],\n            _dataFoot: [],\n            _headers: {\n                horizontal: [],\n                vertical: [],\n            },\n            _label: '',\n            _pagination: {\n                _page: 1,\n                _pageSize: 10,\n                _max: 0,\n            },\n            _sortedData: [],\n            _paginationPosition: 'bottom',\n        };\n    }\n    validateAllowMultiSort(value) {\n        watchValidator(this, '_allowMultiSort', () => true, new Set(['boolean']), value, {\n            defaultValue: false,\n        });\n    }\n    validateData(value) {\n        validateTableData(this, value, {\n            afterPatch: () => {\n                setTimeout(this.updateSortedData);\n            },\n        });\n    }\n    validateDataFoot(value) {\n        validateTableDataFoot(this, value, {\n            afterPatch: () => {\n                setTimeout(this.updateSortedData);\n            },\n        });\n    }\n    validatePaginationPosition(value) {\n        validatePaginationPosition(this, value);\n    }\n    changeCellSort(headerCell) {\n        var _a;\n        if (typeof headerCell.compareFn === 'function') {\n            if (!this.state._allowMultiSort && headerCell.key !== ((_a = this.sortData[0]) === null || _a === void 0 ? void 0 : _a.key)) {\n                this.sortData = [];\n            }\n            const index = this.sortData.findIndex((value) => value.key === headerCell.key);\n            if (index >= 0) {\n                const settings = this.sortData[index];\n                switch (settings.direction) {\n                    case 'ASC':\n                        settings.direction = 'DESC';\n                        break;\n                    case 'DESC':\n                        this.sortData.splice(index, 1);\n                        break;\n                    default:\n                        settings.direction = 'ASC';\n                        break;\n                }\n            }\n            else if (headerCell.key) {\n                this.sortData.push({\n                    label: headerCell.label,\n                    key: headerCell.key,\n                    compareFn: headerCell.compareFn,\n                    direction: 'ASC',\n                });\n            }\n            this.updateSortedData(headerCell);\n        }\n        else if (typeof headerCell.sort === 'function') {\n            this.sortFunction = headerCell.sort;\n            switch (this.sortDirections.get(this.sortFunction)) {\n                case 'ASC':\n                    this.setSortDirection(this.sortFunction, 'DESC');\n                    break;\n                case 'DESC':\n                    this.setSortDirection(this.sortFunction, 'NOS');\n                    break;\n                default:\n                    this.setSortDirection(this.sortFunction, 'ASC');\n            }\n            this.updateSortedData(headerCell);\n        }\n    }\n    validateHeaders(value) {\n        emptyStringByArrayHandler(value, () => {\n            objectObjectHandler(value, () => {\n                try {\n                    value = parseJson(value);\n                }\n                catch (e) {\n                }\n                watchValidator(this, '_headers', (value) => typeof value === 'object' && value !== null, new Set(['KoliBriTableHeaders']), value, {\n                    hooks: {\n                        beforePatch: (nextValue) => {\n                            var _a, _b, _c, _d;\n                            const applySort = (headers) => {\n                                let hasSortedCells = false;\n                                headers.forEach((cell) => {\n                                    const key = cell.key;\n                                    if (!key) {\n                                        return;\n                                    }\n                                    const sortDirection = cell.sortDirection;\n                                    if (sortDirection === 'ASC' || sortDirection === 'DESC') {\n                                        if (typeof cell.compareFn === 'function') {\n                                            if (this.state._allowMultiSort || this.sortData.length === 0) {\n                                                this.sortData.push({ label: cell.label, key, compareFn: cell.compareFn, direction: sortDirection });\n                                            }\n                                            hasSortedCells = true;\n                                        }\n                                        else if (typeof cell.sort === 'function') {\n                                            this.setSortDirection(cell.sort, sortDirection);\n                                            setTimeout(() => this.updateSortedData({ key, label: cell.label, sortDirection }));\n                                        }\n                                    }\n                                });\n                                if (hasSortedCells) {\n                                    setTimeout(() => this.updateSortedData());\n                                }\n                            };\n                            const headers = nextValue;\n                            (_a = headers.horizontal) === null || _a === void 0 ? void 0 : _a.forEach(applySort);\n                            (_b = headers.vertical) === null || _b === void 0 ? void 0 : _b.forEach(applySort);\n                            if (headers.horizontal && headers.vertical && ((_c = headers.horizontal) === null || _c === void 0 ? void 0 : _c.length) > 0 && ((_d = headers.vertical) === null || _d === void 0 ? void 0 : _d.length) > 0) {\n                                this.disableSort = true;\n                                devHint(`Table: You can not sort the table data, if horizontal and vertical headers are defined at the same time. (https://github.com/public-ui/kolibri/issues/2372)`);\n                            }\n                        },\n                    },\n                });\n            });\n        });\n    }\n    validateLabel(value) {\n        validateLabel(this, value, {\n            required: true,\n        });\n    }\n    validateMinWidth(value) {\n        watchString(this, '_minWidth', value, {\n            defaultValue: undefined,\n        });\n    }\n    validateSelection(value) {\n        validateTableSelection(this, value);\n    }\n    validateOn(value) {\n        validateTableStatefulCallbacks(this, value);\n    }\n    validatePagination(value) {\n        try {\n            value = parseJson(value);\n        }\n        catch (e) {\n        }\n        this.showPagination = paginationValidator(value);\n        watchValidator(this, '_pagination', paginationValidator, new Set(['boolean', 'KoliBriTablePagination']), value, {\n            defaultValue: {\n                _page: 1,\n                _pageSize: 10,\n                _max: 0,\n            },\n        });\n    }\n    componentDidLoad() {\n        var _a;\n        (_a = this.tableWcRef) === null || _a === void 0 ? void 0 : _a.addEventListener('kol-selection-change', this.onSelectionChange);\n    }\n    disconnectedCallback() {\n        var _a;\n        (_a = this.tableWcRef) === null || _a === void 0 ? void 0 : _a.removeEventListener('kol-selection-change', this.onSelectionChange);\n    }\n    componentWillLoad() {\n        this.validateAllowMultiSort(this._allowMultiSort);\n        this.validateData(this._data);\n        this.validateDataFoot(this._dataFoot);\n        this.validateHeaders(this._headers);\n        this.validateLabel(this._label);\n        this.validateMinWidth(this._minWidth);\n        this.validatePagination(this._pagination);\n        this.validatePaginationPosition(this._paginationPosition);\n        this.validateSelection(this._selection);\n        this.validateOn(this._on);\n    }\n    selectDisplayedData(data, pageSize, page) {\n        if (typeof pageSize === 'number' && pageSize > 0 && typeof page === 'number' && page > 0) {\n            this.pageStartSlice = pageSize * (page - 1);\n            this.pageEndSlice = pageSize * page > data.length ? data.length : pageSize * page;\n            return data.slice(this.pageStartSlice, this.pageEndSlice);\n        }\n        else {\n            this.pageStartSlice = 0;\n            this.pageEndSlice = data.length;\n            return data;\n        }\n    }\n    renderPagination(position) {\n        const label = translate('kol-table-pagination-label', {\n            placeholders: {\n                label: `${this.state._label} (${translate(`kol-pagination-position-${position}`)})`,\n            },\n        });\n        return (h(\"div\", { class: \"pagination\" }, h(\"span\", null, translate('kol-table-visible-range', {\n            placeholders: {\n                start: this.pageEndSlice > 0 ? (this.pageStartSlice + 1).toString() : '0',\n                end: this.pageEndSlice.toString(),\n                total: this.state._pagination && this.state._pagination._max > 0\n                    ? this.state._pagination._max.toString()\n                    : Array.isArray(this.state._data)\n                        ? this.state._data.length.toString()\n                        : '0',\n            },\n        })), h(\"div\", null, h(KolPaginationTag, { _boundaryCount: this.state._pagination._boundaryCount, _customClass: this.state._pagination._customClass, _on: this.handlePagination, _page: this.state._pagination._page, _pageSize: this.state._pagination._pageSize, _pageSizeOptions: this.state._pagination._pageSizeOptions || PAGINATION_OPTIONS, _siblingCount: this.state._pagination._siblingCount, _tooltipAlign: \"bottom\", _max: this.state._pagination._max || this.state._pagination._max || this.state._data.length, _label: label }))));\n    }\n    getHeaderCellSortState(headerCell) {\n        if (!this.disableSort && (typeof headerCell.compareFn === 'function' || typeof headerCell.sort === 'function')) {\n            if (headerCell.key === this.sortedColumnHead.key) {\n                return this.sortedColumnHead.sortDirection;\n            }\n            if (headerCell.key) {\n                const data = this.sortData.find((value) => value.key === headerCell.key);\n                if (data === null || data === void 0 ? void 0 : data.direction) {\n                    return data.direction;\n                }\n            }\n            return 'NOS';\n        }\n    }\n    handleSort({ key }) {\n        const headerCell = [...(this.state._headers.horizontal || []).flat(), ...(this.state._headers.vertical || []).flat()].find((cell) => cell.key === key);\n        if (headerCell) {\n            this.changeCellSort(headerCell);\n        }\n    }\n    getSelectedData(selectedKeys) {\n        var _a;\n        const selection = this.state._selection;\n        if (selection) {\n            const keyPropertyName = (_a = selection.keyPropertyName) !== null && _a !== void 0 ? _a : 'id';\n            const data = this.state._sortedData.filter((item) => selectedKeys.includes(item[keyPropertyName]));\n            if ((selection === null || selection === void 0 ? void 0 : selection.multiple) === false) {\n                return data[0];\n            }\n            if (keyPropertyName)\n                return data;\n        }\n        return null;\n    }\n    handleSelectionChange(event, value) {\n        var _a;\n        const selection = this.state._selection;\n        if (selection)\n            this.state = Object.assign(Object.assign({}, this.state), { _selection: Object.assign(Object.assign({}, selection), { selectedKeys: typeof value === 'object' ? value : [value] }) });\n        const selectedData = this.getSelectedData(value);\n        tryToDispatchKoliBriEvent('selection-change', this.host, selectedData);\n        if (typeof ((_a = this.state._on) === null || _a === void 0 ? void 0 : _a[Events.onSelectionChange]) === 'function') {\n            this.state._on[Events.onSelectionChange](event, selectedData);\n        }\n    }\n    async getSelection() {\n        var _a;\n        const selectedKeys = ((_a = this.state._selection) === null || _a === void 0 ? void 0 : _a.selectedKeys) || [];\n        return this.getSelectedData(selectedKeys);\n    }\n    render() {\n        var _a, _b, _c, _d;\n        const displayedData = this.selectDisplayedData(this.state._sortedData, this.showPagination ? ((_b = (_a = this.state._pagination) === null || _a === void 0 ? void 0 : _a._pageSize) !== null && _b !== void 0 ? _b : 10) : this.state._sortedData.length, this.state._pagination._page || 1);\n        const paginationTop = this._paginationPosition === 'top' || this._paginationPosition === 'both' ? this.renderPagination('top') : null;\n        const paginationBottom = this._paginationPosition === 'bottom' || this._paginationPosition === 'both' ? this.renderPagination('bottom') : null;\n        const headerCells = {\n            horizontal: (_c = this.state._headers.horizontal) === null || _c === void 0 ? void 0 : _c.map((row) => row.map((cell) => (Object.assign(Object.assign({}, cell), { sortDirection: this.getHeaderCellSortState(cell) })))),\n            vertical: (_d = this.state._headers.vertical) === null || _d === void 0 ? void 0 : _d.map((column) => column.map((cell) => (Object.assign(Object.assign({}, cell), { sortDirection: this.getHeaderCellSortState(cell) })))),\n        };\n        return (h(Host, { key: 'bdf890a8b0523d9fc59fbb3088ceaf65d4b2f561', class: \"kol-table-stateful\" }, this.pageEndSlice > 0 && this.showPagination && paginationTop, h(KolTableStatelessWcTag, { key: '3d08e2ff669bcccce000650155ad9436d11ae1a2', ref: this.catchRef, _data: displayedData, _headerCells: headerCells, _label: this.state._label, _dataFoot: this.state._dataFoot, _minWidth: this.state._minWidth, _on: {\n                onSort: (_, payload) => {\n                    this.handleSort(payload);\n                },\n                onSelectionChange: (event, value) => {\n                    this.handleSelectionChange(event, value);\n                },\n            }, _selection: this.state._selection }), this.pageEndSlice > 0 && this.showPagination && paginationBottom));\n    }\n    get host() { return getElement(this); }\n    static get watchers() { return {\n        \"_allowMultiSort\": [\"validateAllowMultiSort\"],\n        \"_data\": [\"validateData\"],\n        \"_dataFoot\": [\"validateDataFoot\"],\n        \"_paginationPosition\": [\"validatePaginationPosition\"],\n        \"_headers\": [\"validateHeaders\"],\n        \"_label\": [\"validateLabel\"],\n        \"_minWidth\": [\"validateMinWidth\"],\n        \"_selection\": [\"validateSelection\"],\n        \"_on\": [\"validateOn\"],\n        \"_pagination\": [\"validatePagination\"]\n    }; }\n};\nKolTableStateful.style = {\n    default: KolTableStatefulDefaultStyle0\n};\n\nexport { KolTableStateful as kol_table_stateful };\n\n//# sourceMappingURL=kol-table-stateful.entry.js.map"],"names":["paginationPositionPropTypeOptions","validatePaginationPosition","component","value","watchValidator","defaultStyleCss","KolTableStatefulDefaultStyle0","PAGINATION_OPTIONS","paginationValidator","KolTableStateful","hostRef","registerInstance","ref","sort","direction","event","page","_a","setState","pageSize","cell","sortedData","a","b","index","data","result","validateTableData","validateTableDataFoot","headerCell","settings","emptyStringByArrayHandler","objectObjectHandler","parseJson","nextValue","_b","_c","_d","applySort","headers","hasSortedCells","key","sortDirection","devHint","validateLabel","watchString","validateTableSelection","validateTableStatefulCallbacks","position","label","translate","h","KolPaginationTag","selectedKeys","selection","keyPropertyName","item","selectedData","tryToDispatchKoliBriEvent","Events","displayedData","paginationTop","paginationBottom","headerCells","row","column","Host","KolTableStatelessWcTag","_","payload","getElement"],"mappings":"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"}

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

@@ -0,0 +1,4 @@
+import{r as D,h as r,t as w,e as C,K as A,F as T,c as E,H as R,m as z,aa as H,o as K,p as F,w as O}from"./index-BSxPh-XU.js";import{t as S}from"./i18n-a1dec0cc-B-ieH_Rq.js";import{E as g}from"./keyboard-77e19a81-D1ah5412.js";import{n as $}from"./dev.utils-994145fe-BAtv9sd_.js";import{t as k}from"./events-29e84d75-BhxFwhXP.js";import{v as x,a as W,d as j,b as M}from"./table-selection-3aa020c8-DTgwZNRX.js";import{v as P}from"./label-c79c6289-CnoRV0Nm.js";/*!
+ * KoliBri - The accessible HTML-Standard
+ */const L=(t,e)=>{H(e,()=>{K(e,()=>{try{e=F(e)}catch{}O(t,"_headerCells",a=>typeof a=="object"&&a!==null&&(a.horizontal===void 0||Array.isArray(a.horizontal)&&a.horizontal.find(i=>!Array.isArray(i))===void 0)&&(a.vertical===void 0||Array.isArray(a.vertical)&&a.vertical.find(i=>!Array.isArray(i))===void 0)&&!0,new Set(["TableHeaderCellsPropType"]),e)})})},Q=class{constructor(t){D(this,t),this.horizontal=!0,this.cellsToRenderTimeouts=new Map,this.dataToKeyMap=new Map,this.checkboxRefs=[],this.translateSort=S("kol-sort"),this.renderTableRow=(e,a,i)=>{var n,o;let s=String(a);return this.horizontal&&(!((n=e[0])===null||n===void 0)&&n.data)&&(s=(o=this.getDataKey(e[0].data))!==null&&o!==void 0?o:s),r("tr",{key:`row-${s}`},this.renderSelectionCell(e,a),e.map((h,d)=>this.renderTableCell(h,a,d,i)))},this.renderTableCell=(e,a,i,n)=>{let o=`${a}-${i}-${e.label}`;if(e.data){const s=this.getDataKey(e.data);o=s?`${s}-${this.horizontal?i:a}`:o}return e.asTd===!1?this.renderHeadingCell(e,a,i,n):r("td",{key:`cell-${o}`,class:{[e.textAlign]:typeof e.textAlign=="string"&&e.textAlign.length>0},colSpan:e.colSpan,rowSpan:e.rowSpan,style:{textAlign:e.textAlign,width:e.width},ref:typeof e.render=="function"?s=>{this.cellRender(e,s)}: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){x(this,t,{beforePatch:e=>{this.updateDataToKeyMap(e)}})}validateDataFoot(t){W(this,t)}validateHeaderCells(t){L(this,t)}validateLabel(t){P(this,t,{required:!0})}validateMinWidth(t){w(this,"_deprecatedMinWidth",t,{defaultValue:void 0})}validateOn(t){j(this,t)}validateSelection(t){M(this,t)}handleKeyDown(t){var e;if(t.key==="ArrowUp"||t.key==="ArrowDown"){const a=(e=this.tableDivElement)===null||e===void 0?void 0:e.querySelector(":focus");let i=this.checkboxRefs.indexOf(a);i>-1&&(t.preventDefault(),t.key==="ArrowDown"?(i=(i+1)%this.checkboxRefs.length,this.checkboxRefs[i].focus()):t.key==="ArrowUp"&&(t.preventDefault(),i=(i+this.checkboxRefs.length-1)%this.checkboxRefs.length,this.checkboxRefs[i].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,$())}),this.dataToKeyMap.forEach((e,a)=>{t.includes(a)||this.dataToKeyMap.delete(a)})}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 a=t.render(e,t,t.data,this.state._data);typeof a=="string"&&(e.textContent=a)}})))}getNumberOfCols(t,e){let a=0;return t.forEach(i=>{let n=0;Array.isArray(i)&&i.forEach(o=>{var s;return n+=(s=o.colSpan)!==null&&s!==void 0?s:1}),a<n&&(a=n)}),a===0&&(a=e.length),a}getNumberOfRows(t,e){var a;let i=0;return t.forEach(n=>{let o=0;Array.isArray(n)&&n.forEach(s=>{var h;return o+=(h=s.rowSpan)!==null&&h!==void 0?h:1}),i<o&&(i=o)}),i===0?i=e.length:i-=((a=this.state._dataFoot)===null||a===void 0?void 0:a.length)||0,i}getThePrimaryHeadersWithKeyOrRenderFunction(t){const e=[];return t.forEach(a=>{a.forEach(i=>{(typeof i.key=="string"||typeof i.render=="function")&&e.push(i)})}),e}getPrimaryHeaders(t){var e,a;let i=this.getThePrimaryHeadersWithKeyOrRenderFunction((e=t.horizontal)!==null&&e!==void 0?e:[]);return this.horizontal=!0,i.length===0&&(i=this.getThePrimaryHeadersWithKeyOrRenderFunction((a=t.vertical)!==null&&a!==void 0?a:[]),i.length>0&&(this.horizontal=!1)),i}createDataField(t,e,a){var i;e.horizontal=Array.isArray(e==null?void 0:e.horizontal)?e.horizontal:[],e.vertical=Array.isArray(e==null?void 0:e.vertical)?e.vertical:[];const n=this.getPrimaryHeaders(e),o=this.getNumberOfCols(e.horizontal,t);let s=this.getNumberOfRows(e.vertical,t),h=0;a&&(h=s,s+=((i=this.state._dataFoot)===null||i===void 0?void 0:i.length)||0);const d=[],y=[],p=[];e.vertical.forEach((c,u)=>{y[u]=0,p[u]=[]});for(let c=h;c<s;c++){const u=[];e.vertical.forEach((l,f)=>{let _=0;if(p[f].forEach(b=>_+=b),_<=c){const b=l[c-_+y[f]];if(typeof b=="object"){u.push(Object.assign(Object.assign({},b),{asTd:!1,data:{}}));let v=1;if(typeof b.rowSpan=="number"&&b.rowSpan>1&&(v=b.rowSpan),p[f].push(v),typeof b.colSpan=="number"&&b.colSpan>1)for(let m=1;m<b.colSpan;m++)p[f+m].push(v);y[f]++}}});for(let l=0;l<o;l++)if(this.horizontal===!0){const f=a&&this.state._dataFoot?this.state._dataFoot[c-h]:t[c];typeof n[l]=="object"&&n[l]!==null&&typeof f=="object"&&f!==null&&(typeof n[l].key=="string"||typeof n[l].render=="function")&&u.push(Object.assign(Object.assign({},n[l]),{colSpan:void 0,data:f,label:f[n[l].key],rowSpan:void 0}))}else typeof n[c]=="object"&&n[c]!==null&&typeof t[l]=="object"&&t[l]!==null&&(typeof n[c].key=="string"||typeof n[c].render=="function")&&u.push(Object.assign(Object.assign({},n[c]),{colSpan:void 0,data:t[l],label:t[l][n[c].key],rowSpan:void 0}));d.push(u)}if(t.length===0){let c=0,u=0;Array.isArray(e.horizontal)&&e.horizontal.length>0&&e.horizontal[0].forEach(f=>{c+=f.colSpan||1}),Array.isArray(e.vertical)&&e.vertical.length>0&&(c-=e.vertical.length,e.vertical[0].forEach(f=>{u+=f.rowSpan||1}));const l={colSpan:c,label:S("kol-no-entries"),render:void 0,rowSpan:Math.max(u,1)};d.length===0?d.push([l]):d[0].push(l)}return d}componentWillLoad(){this.validateData(this._data),this.validateDataFoot(this._dataFoot),this.validateHeaderCells(this._headerCells),this.validateLabel(this._label),this.validateMinWidth(this._minWidth),this.validateOn(this._on),this.validateSelection(this._selection)}renderSelectionCell(t,e){var a,i,n;const o=this.state._selection;if(!o)return"";const s=(a=o.keyPropertyName)!==null&&a!==void 0?a:"id",h=(i=t[0])===null||i===void 0?void 0:i.data;if(!h)return"";const d=h[s],y=o.multiple||o.multiple===void 0,p=(n=o==null?void 0:o.selectedKeys)===null||n===void 0?void 0:n.includes(d),c=o.label(h),u={name:"selection",checked:p,id:d,"aria-label":c};return r("td",{key:`tbody-${e}-selection`,class:"selection-cell"},r("div",{class:`input ${p?"checked":""}`},y?r("label",{class:"checkbox-container"},r(C,{class:"icon",_icons:`codicon ${p?"codicon-check":""}`,_label:""}),r("input",Object.assign({ref:l=>l&&this.checkboxRefs.push(l)},u,{type:"checkbox",onInput:l=>{var f,_,b;const v=p?(_=o==null?void 0:o.selectedKeys)===null||_===void 0?void 0:_.filter(m=>m!==d):[...(f=o==null?void 0:o.selectedKeys)!==null&&f!==void 0?f:[],d];k("selection-change",this.host,v),typeof((b=this.state._on)===null||b===void 0?void 0:b[g.onSelectionChange])=="function"&&this.state._on[g.onSelectionChange](l,v??[])}}))):r("label",{class:"radio-container"},r("input",Object.assign({},u,{type:"radio",onInput:l=>{var f;k("selection-change",this.host,d),typeof((f=this.state._on)===null||f===void 0?void 0:f[g.onSelectionChange])=="function"&&this.state._on[g.onSelectionChange](l,d)}}))),r(A,{"aria-hidden":"true",class:"input-tooltip",_align:"right",_id:`${d}-label`,_label:c})))}renderHeadingSelectionCell(){var t,e;const a=this.state._selection;if(!a||!a.multiple&&a.multiple!==void 0)return r("th",{key:"thead-0"});const i=(t=a.keyPropertyName)!==null&&t!==void 0?t:"id",n=(e=a.selectedKeys)===null||e===void 0?void 0:e.length,o=this.state._data.length,s=n===o,h=n!==0&&!s;let d="kol-table-selection-indeterminate";s&&!h&&(d="kol-table-selection-none"),n===0&&(d="kol-table-selection-all");const y=S(d);return r("th",{key:"thead-0-selection",class:"selection-cell selection-control"},r("div",{class:`input ${h?"indeterminate":s?"checked":""}`},r("label",{class:"checkbox-container"},r(C,{class:"icon",_icons:`codicon ${h?"codicon-remove":s?"codicon-check":""}`,_label:""}),r("input",{ref:p=>p&&this.checkboxRefs.push(p),name:"selection",checked:s&&!h,"aria-label":y,type:"checkbox",onInput:p=>{var c;const u=s?[]:this.state._data.map(l=>l==null?void 0:l[i]);k("selection-change",this.host,u),typeof((c=this.state._on)===null||c===void 0?void 0:c[g.onSelectionChange])=="function"&&this.state._on[g.onSelectionChange](p,u)}})),r(A,{"aria-hidden":"true",class:"input-tooltip",_align:"right",_id:`${d}-label`,_label:y})))}renderHeaderTdCell(){return r(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)&&r("td",{"aria-hidden":"true",colSpan:this.state._headerCells.vertical.length,rowSpan:this.state._headerCells.horizontal.length}))}renderHeadingCell(t,e,a,i){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 s=i?"row":typeof t.colSpan=="number"&&t.colSpan>1?"colgroup":"col";return r("th",{key:`${e}-${a}-${t.label}`,class:t.textAlign?`align-${t.textAlign}`:void 0,scope:s,colSpan:t.colSpan,rowSpan:t.rowSpan,style:{width:t.width},"aria-sort":n,"data-sort":`sort-${t.sortDirection}`},t.sortDirection?r(E,{class:"table-sort-button",exportparts:"icon",_icons:{right:o},_label:t.label,_ariaDescription:this.translateSort,_on:{onClick:h=>{var d;typeof((d=this.state._on)===null||d===void 0?void 0:d.onSort)=="function"&&t.key&&t.sortDirection&&this.state._on.onSort(h,{key:t.key,currentSortDirection:t.sortDirection})}}}):t.label)}renderSpacer(t,e){var a,i;const n=((a=this.state._headerCells.vertical)===null||a===void 0?void 0:a.length)||0,o=(i=e==null?void 0:e[0])===null||i===void 0?void 0:i.reduce((h,d)=>h+(d.colSpan||1),0),s=this.state._selection?1:0;return r("tr",{"aria-hidden":"true",class:`${t}-spacer`},r("td",{colSpan:n+o+s}))}renderFoot(){if(!this.state._dataFoot||this.state._dataFoot.length===0)return null;const t=this.createDataField(this.state._dataFoot,this.state._headerCells,!0);return r("tfoot",null,[this.renderSpacer("foot",t),t.map((e,a)=>this.renderTableRow(e,a,!0))])}render(){const t=this.createDataField(this.state._data,this.state._headerCells);return this.checkboxRefs=[],r(R,{key:"22421deb4ea20ffd73b4da7a2a7bd5fe9b239c40",class:"kol-table-stateless-wc"},r("div",{key:"095540be44e9b1458f71ec1c4c543d97cf5c2456",ref:e=>this.tableDivElement=e,class:"table",tabindex:this.tableDivElementHasScrollbar?"-1":void 0},r("table",{key:"9e733266c00956b7299094689490bd6fdced8987",style:{minWidth:this.state._deprecatedMinWidth||this.state._minWidth}},r("div",{key:"66ef8294895f74de45f374a50e0a11f2745471b8",class:"focus-element",tabindex:this.tableDivElementHasScrollbar?"0":void 0,"aria-describedby":"caption"}," "),r("caption",{key:"ddf57600624b913fcc8409942f4906754f594c3b",id:"caption"},this.state._label),Array.isArray(this.state._headerCells.horizontal)&&r("thead",{key:"0ed6177d6e7c8dbc4c2e404918073e630a330ae8"},[this.state._headerCells.horizontal.map((e,a)=>r("tr",{key:`thead-${a}`},this.state._selection&&this.renderHeadingSelectionCell(),a===0&&this.renderHeaderTdCell(),Array.isArray(e)&&e.map((i,n)=>i.asTd===!0?r("td",{key:`thead-${a}-${n}-${i.label}`,class:{[i.textAlign]:typeof i.textAlign=="string"&&i.textAlign.length>0},colSpan:i.colSpan,rowSpan:i.rowSpan,style:{textAlign:i.textAlign,width:i.width},ref:typeof i.render=="function"?o=>{this.cellRender(i,o)}:void 0},typeof i.render!="function"?i.label:""):this.renderHeadingCell(i,a,n,!1)))),this.renderSpacer("head",this.state._headerCells.horizontal)]),r("tbody",{key:"d31782908fb3a4035e8be791166a24ac0b891037"},t.map((e,a)=>this.renderTableRow(e,a,!0))),this.renderFoot())))}get host(){return z(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-Cd69e5au.js.map

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

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

package/dist/assets/{kol-table-stateless.entry-DjQxDgzJ.js → kol-table-stateless.entry-7aRV2LMg.js}

@@ -1,4 +1,4 @@
-import{r as t,h as n,ac as i,H as o}from"./index-lau6-xci.js";/*!
+import{r as e,h as n,ac as i,H as o}from"./index-BSxPh-XU.js";/*!
  * KoliBri - The accessible HTML-Standard
  */const a=`/*
  * This file contains all rules for accessibility.
@@ -177,6 +177,7 @@ import{r as t,h as n,ac as i,H as o}from"./index-lau6-xci.js";/*!
 @layer kol-component {
   .kol-tooltip-wc {
     display: contents;
+    contain: layout;
   }
   .kol-tooltip-wc .tooltip-floating {
     animation-duration: 0.25s;
@@ -343,5 +344,5 @@ import{r as t,h as n,ac as i,H as o}from"./index-lau6-xci.js";/*!
       background-color: selectedItem !important;
     }
   }
-}`,l=a,s=class{constructor(e){t(this,e),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}render(){return n(o,{key:"c63276bd072d52154e5c8e55a114c5b4b2d3f86b",class:"kol-table-stateless"},n(i,{key:"3a65f488e2b4d9820e12a31a2fd1e16e2f6e26f6",_data:this._data,_dataFoot:this._dataFoot,_headerCells:this._headerCells,_label:this._label,_minWidth:this._minWidth,_on:this._on,_selection:this._selection}))}};s.style={default:l};export{s as kol_table_stateless};
-//# sourceMappingURL=kol-table-stateless.entry-DjQxDgzJ.js.map
+}`,l=a,s=class{constructor(t){e(this,t),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}render(){return n(o,{key:"c63276bd072d52154e5c8e55a114c5b4b2d3f86b",class:"kol-table-stateless"},n(i,{key:"3a65f488e2b4d9820e12a31a2fd1e16e2f6e26f6",_data:this._data,_dataFoot:this._dataFoot,_headerCells:this._headerCells,_label:this._label,_minWidth:this._minWidth,_on:this._on,_selection:this._selection}))}};s.style={default:l};export{s as kol_table_stateless};
+//# sourceMappingURL=kol-table-stateless.entry-7aRV2LMg.js.map

package/dist/assets/{kol-table-stateless.entry-DjQxDgzJ.js.map → kol-table-stateless.entry-7aRV2LMg.js.map}

@@ -1 +1 @@
-{"version":3,"file":"kol-table-stateless.entry-DjQxDgzJ.js","sources":["../../../../components/dist/esm/kol-table-stateless.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h, H as Host } from './index-dc69e94d.js';\nimport { r as KolTableStatelessWcTag } from './component-names-4cb1c62b.js';\n\nconst defaultStyleCss = \"/*\\n * This file contains all rules for accessibility.\\n */\\n@layer kol-global {\\n  :host {\\n    /*\\n     * Minimum size of interactive elements.\\n     */\\n    --a11y-min-size: calc(44rem / var(--kolibri-root-font-size, 16));\\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    color: black;\\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     * 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     * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n     */\\n    word-break: break-word;\\n    /*\\n     * Word spacing is required for all texts.\\n     */\\n    word-spacing: inherit;\\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  [role=button],\\n  button:not([role=link]),\\n  .kol-input .input {\\n    min-height: var(--a11y-min-size);\\n    min-width: 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}\\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  clip: rect(0 0 0 0);\\n  clip-path: inset(50%);\\n  height: 1px;\\n  overflow: hidden;\\n  position: absolute;\\n  white-space: nowrap;\\n  width: 1px;\\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    border: none;\\n    margin: 0;\\n    padding: 0;\\n    width: 100%; /* 100% needed for custom width from outside */\\n  }\\n  /*\\n   * Ensure elements with hidden attribute to be actually not visible\\n   * @see https://meowni.ca/hidden.is.a.lie.html\\n   */\\n  [hidden] {\\n    display: none !important;\\n  }\\n}\\n@layer kol-global {\\n  :host {\\n    font-size: calc(16rem / var(--kolibri-root-font-size, 16));\\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  }\\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    cursor: not-allowed;\\n    opacity: 0.5;\\n    outline: none;\\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    background-color: lightgray;\\n    color: black;\\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    animation-duration: 0.25s;\\n    animation-iteration-count: 1;\\n    animation-name: fadeInOpacity;\\n    animation-timing-function: ease-in;\\n    display: none;\\n    position: fixed;\\n    visibility: hidden;\\n    /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\\n    top: 0;\\n    left: 0;\\n    max-width: 90vw;\\n    max-height: 90vh;\\n    /* Can be used to specify the tooltip-width from the outside. Unset by default.  */\\n    width: var(--kol-tooltip-width);\\n  }\\n  /* Shared between content and arrow */\\n  .kol-tooltip-wc .tooltip-area {\\n    background-color: #fff;\\n    color: #000;\\n  }\\n  .kol-tooltip-wc .tooltip-arrow {\\n    height: calc(10rem / var(--kolibri-root-font-size, 16));\\n    position: absolute;\\n    transform: rotate(45deg);\\n    width: calc(10rem / var(--kolibri-root-font-size, 16));\\n    z-index: 999;\\n  }\\n  .kol-tooltip-wc .tooltip-content {\\n    position: relative;\\n    z-index: 1000;\\n  }\\n  @keyframes fadeInOpacity {\\n    0% {\\n      opacity: 0;\\n    }\\n    100% {\\n      opacity: 1;\\n    }\\n  }\\n}\\n@layer kol-component {\\n  :host,\\n  .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 {\\n    font-size: 0;\\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  th.align-left {\\n    text-align: left;\\n  }\\n  tbody th .table-sort-button .button-inner,\\n  th.align-left .table-sort-button .button-inner {\\n    justify-items: start;\\n  }\\n  th.align-center {\\n    text-align: center;\\n  }\\n  th.align-center .table-sort-button .button-inner {\\n    justify-items: center;\\n  }\\n  th.align-right {\\n    text-align: right;\\n  }\\n  th.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    align-items: center;\\n    cursor: pointer;\\n    display: flex;\\n    height: var(--a11y-min-size);\\n    justify-content: center;\\n    position: relative;\\n    width: var(--a11y-min-size);\\n  }\\n  .input .icon {\\n    display: block;\\n    inset: auto;\\n    position: absolute;\\n    z-index: 1;\\n  }\\n  .input input {\\n    appearance: none;\\n    border-style: solid;\\n    cursor: pointer;\\n    margin: 0;\\n  }\\n  .input input:before {\\n    content: \\\"\\\";\\n  }\\n  .input input[type=checkbox] {\\n    position: relative;\\n    display: flex;\\n    height: calc(var(--a11y-min-size) / 2);\\n    width: calc(var(--a11y-min-size) / 2);\\n    align-items: center;\\n    justify-content: center;\\n    background-color: rgb(255, 255, 255);\\n    border-width: 2px;\\n    line-height: 1.5;\\n    transition: all 0.5s ease 0s;\\n  }\\n  .input input[type=radio] {\\n    display: flex;\\n    border-width: 2px;\\n    border-radius: 100%;\\n    height: 1.5em;\\n    min-height: 1.5em;\\n    min-width: 1.5em;\\n    padding: 0;\\n    width: 1.5em;\\n  }\\n  .input input[type=radio]:before {\\n    border-radius: 100%;\\n    margin: auto;\\n    height: 0.75em;\\n    width: 0.75em;\\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 KolTableStatelessDefaultStyle0 = defaultStyleCss;\n\nconst KolTableStateless = class {\n    constructor(hostRef) {\n        registerInstance(this, hostRef);\n        this._data = undefined;\n        this._dataFoot = undefined;\n        this._headerCells = undefined;\n        this._label = undefined;\n        this._minWidth = undefined;\n        this._on = undefined;\n        this._selection = undefined;\n    }\n    render() {\n        return (h(Host, { key: 'c63276bd072d52154e5c8e55a114c5b4b2d3f86b', class: \"kol-table-stateless\" }, h(KolTableStatelessWcTag, { key: '3a65f488e2b4d9820e12a31a2fd1e16e2f6e26f6', _data: this._data, _dataFoot: this._dataFoot, _headerCells: this._headerCells, _label: this._label, _minWidth: this._minWidth, _on: this._on, _selection: this._selection })));\n    }\n};\nKolTableStateless.style = {\n    default: KolTableStatelessDefaultStyle0\n};\n\nexport { KolTableStateless as kol_table_stateless };\n\n//# sourceMappingURL=kol-table-stateless.entry.js.map"],"names":["defaultStyleCss","KolTableStatelessDefaultStyle0","KolTableStateless","hostRef","registerInstance","h","Host","KolTableStatelessWcTag"],"mappings":"8DAAA;AAAA;AAAA,GAMA,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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;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,EAAiCD,EAEjCE,EAAoB,KAAM,CAC5B,YAAYC,EAAS,CACjBC,EAAiB,KAAMD,CAAO,EAC9B,KAAK,MAAQ,OACb,KAAK,UAAY,OACjB,KAAK,aAAe,OACpB,KAAK,OAAS,OACd,KAAK,UAAY,OACjB,KAAK,IAAM,OACX,KAAK,WAAa,MAC1B,CACI,QAAS,CACL,OAAQE,EAAEC,EAAM,CAAE,IAAK,2CAA4C,MAAO,qBAAuB,EAAED,EAAEE,EAAwB,CAAE,IAAK,2CAA4C,MAAO,KAAK,MAAO,UAAW,KAAK,UAAW,aAAc,KAAK,aAAc,OAAQ,KAAK,OAAQ,UAAW,KAAK,UAAW,IAAK,KAAK,IAAK,WAAY,KAAK,UAAU,CAAE,CAAC,CACpW,CACA,EACAL,EAAkB,MAAQ,CACtB,QAASD,CACb"}
+{"version":3,"file":"kol-table-stateless.entry-7aRV2LMg.js","sources":["../../../../components/dist/esm/kol-table-stateless.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h, H as Host } from './index-e083cc2f.js';\nimport { r as KolTableStatelessWcTag } from './component-names-4cb1c62b.js';\n\nconst defaultStyleCss = \"/*\\n * This file contains all rules for accessibility.\\n */\\n@layer kol-global {\\n  :host {\\n    /*\\n     * Minimum size of interactive elements.\\n     */\\n    --a11y-min-size: calc(44rem / var(--kolibri-root-font-size, 16));\\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    color: black;\\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     * 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     * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n     */\\n    word-break: break-word;\\n    /*\\n     * Word spacing is required for all texts.\\n     */\\n    word-spacing: inherit;\\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  [role=button],\\n  button:not([role=link]),\\n  .kol-input .input {\\n    min-height: var(--a11y-min-size);\\n    min-width: 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}\\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  clip: rect(0 0 0 0);\\n  clip-path: inset(50%);\\n  height: 1px;\\n  overflow: hidden;\\n  position: absolute;\\n  white-space: nowrap;\\n  width: 1px;\\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    border: none;\\n    margin: 0;\\n    padding: 0;\\n    width: 100%; /* 100% needed for custom width from outside */\\n  }\\n  /*\\n   * Ensure elements with hidden attribute to be actually not visible\\n   * @see https://meowni.ca/hidden.is.a.lie.html\\n   */\\n  [hidden] {\\n    display: none !important;\\n  }\\n}\\n@layer kol-global {\\n  :host {\\n    font-size: calc(16rem / var(--kolibri-root-font-size, 16));\\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  }\\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    cursor: not-allowed;\\n    opacity: 0.5;\\n    outline: none;\\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    background-color: lightgray;\\n    color: black;\\n  }\\n}\\n@layer kol-component {\\n  :host {\\n    display: block;\\n  }\\n}\\n@layer kol-component {\\n  .kol-tooltip-wc {\\n    display: contents;\\n    contain: layout;\\n  }\\n  .kol-tooltip-wc .tooltip-floating {\\n    animation-duration: 0.25s;\\n    animation-iteration-count: 1;\\n    animation-name: fadeInOpacity;\\n    animation-timing-function: ease-in;\\n    display: none;\\n    position: fixed;\\n    visibility: hidden;\\n    /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\\n    top: 0;\\n    left: 0;\\n    max-width: 90vw;\\n    max-height: 90vh;\\n    /* Can be used to specify the tooltip-width from the outside. Unset by default.  */\\n    width: var(--kol-tooltip-width);\\n  }\\n  /* Shared between content and arrow */\\n  .kol-tooltip-wc .tooltip-area {\\n    background-color: #fff;\\n    color: #000;\\n  }\\n  .kol-tooltip-wc .tooltip-arrow {\\n    height: calc(10rem / var(--kolibri-root-font-size, 16));\\n    position: absolute;\\n    transform: rotate(45deg);\\n    width: calc(10rem / var(--kolibri-root-font-size, 16));\\n    z-index: 999;\\n  }\\n  .kol-tooltip-wc .tooltip-content {\\n    position: relative;\\n    z-index: 1000;\\n  }\\n  @keyframes fadeInOpacity {\\n    0% {\\n      opacity: 0;\\n    }\\n    100% {\\n      opacity: 1;\\n    }\\n  }\\n}\\n@layer kol-component {\\n  :host,\\n  .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 {\\n    font-size: 0;\\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  th.align-left {\\n    text-align: left;\\n  }\\n  tbody th .table-sort-button .button-inner,\\n  th.align-left .table-sort-button .button-inner {\\n    justify-items: start;\\n  }\\n  th.align-center {\\n    text-align: center;\\n  }\\n  th.align-center .table-sort-button .button-inner {\\n    justify-items: center;\\n  }\\n  th.align-right {\\n    text-align: right;\\n  }\\n  th.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    align-items: center;\\n    cursor: pointer;\\n    display: flex;\\n    height: var(--a11y-min-size);\\n    justify-content: center;\\n    position: relative;\\n    width: var(--a11y-min-size);\\n  }\\n  .input .icon {\\n    display: block;\\n    inset: auto;\\n    position: absolute;\\n    z-index: 1;\\n  }\\n  .input input {\\n    appearance: none;\\n    border-style: solid;\\n    cursor: pointer;\\n    margin: 0;\\n  }\\n  .input input:before {\\n    content: \\\"\\\";\\n  }\\n  .input input[type=checkbox] {\\n    position: relative;\\n    display: flex;\\n    height: calc(var(--a11y-min-size) / 2);\\n    width: calc(var(--a11y-min-size) / 2);\\n    align-items: center;\\n    justify-content: center;\\n    background-color: rgb(255, 255, 255);\\n    border-width: 2px;\\n    line-height: 1.5;\\n    transition: all 0.5s ease 0s;\\n  }\\n  .input input[type=radio] {\\n    display: flex;\\n    border-width: 2px;\\n    border-radius: 100%;\\n    height: 1.5em;\\n    min-height: 1.5em;\\n    min-width: 1.5em;\\n    padding: 0;\\n    width: 1.5em;\\n  }\\n  .input input[type=radio]:before {\\n    border-radius: 100%;\\n    margin: auto;\\n    height: 0.75em;\\n    width: 0.75em;\\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 KolTableStatelessDefaultStyle0 = defaultStyleCss;\n\nconst KolTableStateless = class {\n    constructor(hostRef) {\n        registerInstance(this, hostRef);\n        this._data = undefined;\n        this._dataFoot = undefined;\n        this._headerCells = undefined;\n        this._label = undefined;\n        this._minWidth = undefined;\n        this._on = undefined;\n        this._selection = undefined;\n    }\n    render() {\n        return (h(Host, { key: 'c63276bd072d52154e5c8e55a114c5b4b2d3f86b', class: \"kol-table-stateless\" }, h(KolTableStatelessWcTag, { key: '3a65f488e2b4d9820e12a31a2fd1e16e2f6e26f6', _data: this._data, _dataFoot: this._dataFoot, _headerCells: this._headerCells, _label: this._label, _minWidth: this._minWidth, _on: this._on, _selection: this._selection })));\n    }\n};\nKolTableStateless.style = {\n    default: KolTableStatelessDefaultStyle0\n};\n\nexport { KolTableStateless as kol_table_stateless };\n\n//# sourceMappingURL=kol-table-stateless.entry.js.map"],"names":["defaultStyleCss","KolTableStatelessDefaultStyle0","KolTableStateless","hostRef","registerInstance","h","Host","KolTableStatelessWcTag"],"mappings":"8DAAA;AAAA;AAAA,GAMA,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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;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,EAAiCD,EAEjCE,EAAoB,KAAM,CAC5B,YAAYC,EAAS,CACjBC,EAAiB,KAAMD,CAAO,EAC9B,KAAK,MAAQ,OACb,KAAK,UAAY,OACjB,KAAK,aAAe,OACpB,KAAK,OAAS,OACd,KAAK,UAAY,OACjB,KAAK,IAAM,OACX,KAAK,WAAa,MAC1B,CACI,QAAS,CACL,OAAQE,EAAEC,EAAM,CAAE,IAAK,2CAA4C,MAAO,qBAAuB,EAAED,EAAEE,EAAwB,CAAE,IAAK,2CAA4C,MAAO,KAAK,MAAO,UAAW,KAAK,UAAW,aAAc,KAAK,aAAc,OAAQ,KAAK,OAAQ,UAAW,KAAK,UAAW,IAAK,KAAK,IAAK,WAAY,KAAK,UAAU,CAAE,CAAC,CACpW,CACA,EACAL,EAAkB,MAAQ,CACtB,QAASD,CACb"}

package/dist/assets/{kol-table.entry-D1tuGBWa.js → kol-table.entry-U1TTmZvS.js}

@@ -1,4 +1,4 @@
-import{r as i,h as n,a9 as a}from"./index-lau6-xci.js";/*!
+import{r as i,h as n,a9 as a}from"./index-BSxPh-XU.js";/*!
  * KoliBri - The accessible HTML-Standard
  */const o=class{constructor(t){i(this,t),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}render(){return n(a,{key:"d91c3a2f2757e4541d2b79c9d7df62371001accd",_allowMultiSort:this._allowMultiSort,_data:this._data,_dataFoot:this._dataFoot,_headers:this._headers,_label:this._label,_minWidth:this._minWidth,_pagination:this._pagination,_paginationPosition:this._paginationPosition,_selection:this._selection,_on:this._on})}};export{o as kol_table};
-//# sourceMappingURL=kol-table.entry-D1tuGBWa.js.map
+//# sourceMappingURL=kol-table.entry-U1TTmZvS.js.map