@public-ui/visual-tests 4.3.0-rc.2 → 4.3.0-rc.4

package/app/dist/assets/{kol-spin.entry-AdC6scJA.js.map → kol-spin.entry-BL1ZVVHf.js.map}

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

package/app/dist/assets/{kol-split-button.entry-DbvplUJr.js → kol-split-button.entry-DFScAWcF.js}

@@ -1,4 +1,4 @@
-import{A as e,a as t,b as n,o as r,s as i}from"./index-CLYw1HnO.js";import{t as a}from"./tslib.es6-QNbPBOk5-DpzS01Oy.js";import{t as o}from"./clsx-COFh-Vc8-alQuJLqj.js";import"./element-focus-BQXzaLL9-oq1SsV6e.js";import{n as s,r as c,t as l}from"./element-interaction-C5-6aPzz-CwUv4L8C.js";import{t as u}from"./i18n-BkwRYsvE-Baa6kHEL.js";var d=`@charset "UTF-8";
+import{A as e,a as t,b as n,o as r,s as i}from"./index-Bg4ZMokO.js";import{t as a}from"./tslib.es6-QNbPBOk5-DpzS01Oy.js";import{t as o}from"./clsx-COFh-Vc8-alQuJLqj.js";import"./element-focus-BQXzaLL9-oq1SsV6e.js";import{n as s,r as c,t as l}from"./element-interaction-C5-6aPzz-CwUv4L8C.js";import{t as u}from"./i18n-CcjZRTxD-D01J7mnT.js";var d=`@charset "UTF-8";
 /* forward the rem function */
 /*
 * This file defines the layer order for all CSS layers used in KoliBri.
@@ -207,8 +207,8 @@ import{A as e,a as t,b as n,o as r,s as i}from"./index-CLYw1HnO.js";import{t as
 }
 @font-face {
   font-family: "kolicons";
-  src: url("kolicons.eot?t=1782311579243"); /* IE9*/
-  src: url("kolicons.eot?t=1782311579243#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1782311579243") format("woff2"), url("kolicons.woff?t=1782311579243") format("woff"), url("kolicons.ttf?t=1782311579243") format("truetype"), url("kolicons.svg?t=1782311579243#kolicons") format("svg"); /* iOS 4.1- */
+  src: url("kolicons.eot?t=1783501930981"); /* IE9*/
+  src: url("kolicons.eot?t=1783501930981#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1783501930981") format("woff2"), url("kolicons.woff?t=1783501930981") format("woff"), url("kolicons.ttf?t=1783501930981") format("truetype"), url("kolicons.svg?t=1783501930981#kolicons") format("svg"); /* iOS 4.1- */
 }
 @layer kol-component {
   [class^=kolicon-], [class*=" kolicon-"] {
@@ -410,4 +410,4 @@ import{A as e,a as t,b as n,o as r,s as i}from"./index-CLYw1HnO.js";import{t as
     text-align: left;
   }
 }`,f=class{constructor(e){i(this,e),this.ctaRef=l(),this.setPopoverButtonRef=e=>{this.popoverButtonRef=e},this.clickButtonHandler={onClick:e=>{var t;e.stopPropagation(),typeof this._on?.onClick==`function`&&((t=this._on)==null||t.onClick(e,this._value))}},this._disabled=!1,this._hideLabel=!1,this._tooltipAlign=`top`,this._type=`button`,this._variant=`normal`,this.state={_show:!1}}async getValue(){return this._value}async focus(e){}async click(){}render(){return r(`div`,{key:`efb712282023ebd2eb5ba801cab698eacafb558b`,class:`kol-split-button`},r(`div`,{key:`331b05abd64211d21d8a67a3cff7c9db5b10870c`,class:`kol-split-button__root`},r(n,{key:`fa270cf31c77bf0f125d52bbb951fa4c2f6fed30`,class:o(`kol-split-button__button`,{[this._variant]:this._variant!==`custom`,[this._customClass]:this._variant===`custom`&&typeof this._customClass==`string`&&this._customClass.length>0}),ref:this.ctaRef,_accessKey:this._accessKey,_ariaControls:this._ariaControls,_ariaDescription:this._ariaDescription,_ariaExpanded:this._ariaExpanded,_ariaSelected:this._ariaSelected,_customClass:this._customClass,_disabled:this._disabled,_icons:this._icons,_hideLabel:this._hideLabel,_label:this._label,_name:this._name,_on:this.clickButtonHandler,_shortKey:this._shortKey,_syncValueBySelector:this._syncValueBySelector,_tooltipAlign:this._tooltipAlign,_type:this._type,_value:this._value,_variant:this._variant}),r(`div`,{key:`70e8b56f252df5b250e20829ef5200b8e1f6ef12`,class:`kol-split-button__horizontal-line`}),r(e,{key:`1b44af2b7bac2ea2e797cdee3cd604802eed78cf`,class:`kol-split-button__secondary-button`,ref:this.setPopoverButtonRef,_disabled:this._disabled,_hideLabel:!0,_icons:`kolicon-chevron-down`,_label:u(`kol-split-button-dropdown-label-open`),_popoverAlign:`bottom`},r(`slot`,{key:`d3e52b768ff7cda01eee60e1321c767c021eb82c`}))))}connectedCallback(){this.state=Object.assign(Object.assign({},this.state),{_show:!1})}async closePopup(){var e;return(e=this.popoverButtonRef)==null||e.hidePopover(),Promise.resolve()}get host(){return t(this)}};a([c(`ctaRef`)],f.prototype,`focus`,null),a([s(`ctaRef`)],f.prototype,`click`,null),f.style={default:d};export{f as kol_split_button};
-//# sourceMappingURL=kol-split-button.entry-DbvplUJr.js.map
+//# sourceMappingURL=kol-split-button.entry-DFScAWcF.js.map

package/app/dist/assets/{kol-split-button.entry-DbvplUJr.js.map → kol-split-button.entry-DFScAWcF.js.map}

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

package/app/dist/assets/{kol-table-settings-wc.entry-DwrbsbDJ.js → kol-table-settings-wc.entry-DAgFPicP.js}

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

package/app/dist/assets/{kol-table-settings-wc.entry-DwrbsbDJ.js.map → kol-table-settings-wc.entry-DAgFPicP.js.map}

@@ -1 +1 @@
-{"version":3,"file":"kol-table-settings-wc.entry-DwrbsbDJ.js","names":[],"sources":["../../../../../components/dist/esm/kol-table-settings-wc.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h, g as getElement } from './index-CwtGN7ID.js';\nimport { a as __rest } from './tslib.es6-QNbPBOk5.js';\nimport { p as KolHeadingTag, a as KolAlertWcTag, q as KolInputCheckboxTag, r as KolInputNumberTag, b as KolButtonWcTag, h as KolPopoverButtonWcTag } from './component-names-Dy77vq43.js';\nimport { t as translate } from './i18n-BkwRYsvE.js';\nimport { d as dispatchDomEvent, K as KolEvent } from './events-BhfZTW2e.js';\nimport './common-DyILLof-.js';\nimport './i18n-CMA39edx.js';\n\nconst parseColumnWidth = (width) => {\n    return Number.isFinite(width) && width !== undefined && width > 0 ? width : undefined;\n};\n\nconst KolTableSettings = class {\n    constructor(hostRef) {\n        registerInstance(this, hostRef);\n        this.headerCells = [];\n        this.editingHeaderCells = [];\n        this.errorMessage = null;\n        this.translateTableSettings = translate('kol-table-settings');\n        this.translateTableSettingsCancel = translate('kol-table-settings-cancel');\n        this.translateTableSettingsApply = translate('kol-table-settings-apply');\n        this.translateErrorAllInvisible = translate('kol-table-settings-error-all-invisible');\n        this.translateColumnNotHidable = translate('kol-table-settings-column-not-hidable');\n        this._horizontalHeaderCells = [];\n    }\n    handleHeaderCellsChange(newValue) {\n        this.headerCells = newValue.map((row) => [...row]);\n        this.editingHeaderCells = newValue.map((row) => row.map((cell) => (Object.assign({}, cell))));\n    }\n    componentWillLoad() {\n        this.handleHeaderCellsChange(this._horizontalHeaderCells);\n    }\n    getPrimaryRow() {\n        var _a;\n        return (_a = this.editingHeaderCells[this.editingHeaderCells.length - 1]) !== null && _a !== void 0 ? _a : [];\n    }\n    updatePrimaryRow(newRow) {\n        this.editingHeaderCells = this.editingHeaderCells.map((row, index, arr) => (index === arr.length - 1 ? newRow : row));\n    }\n    moveColumn(columnId, direction) {\n        const row = [...this.getPrimaryRow()];\n        const sourceIndex = row.findIndex((col) => col.key === columnId);\n        if (sourceIndex === -1)\n            return;\n        let targetIndex;\n        if (direction === 'up') {\n            if (sourceIndex === 0)\n                return;\n            targetIndex = sourceIndex - 1;\n        }\n        else {\n            if (sourceIndex === row.length - 1)\n                return;\n            targetIndex = sourceIndex + 1;\n        }\n        const [source] = row.splice(sourceIndex, 1);\n        row.splice(targetIndex, 0, source);\n        this.updatePrimaryRow(row);\n    }\n    handleVisibilityChange(key, visible) {\n        const row = this.getPrimaryRow().map((col) => (col.key === key && col.hidable !== false ? Object.assign(Object.assign({}, col), { visible: Boolean(visible) }) : col));\n        this.updatePrimaryRow(row);\n    }\n    handleWidthChange(key, width) {\n        const parsedWidth = parseColumnWidth(Number(width));\n        const row = this.getPrimaryRow().map((col) => (col.key === key && col.resizable !== false ? Object.assign(Object.assign({}, col), { width: parsedWidth }) : col));\n        this.updatePrimaryRow(row);\n    }\n    handleCancel() {\n        var _a;\n        this.editingHeaderCells = this.headerCells.map((row) => [...row]);\n        this.errorMessage = null;\n        void ((_a = this.popoverRef) === null || _a === void 0 ? void 0 : _a.hidePopover());\n    }\n    handleSubmit(event) {\n        var _a;\n        event.preventDefault();\n        const primaryRow = this.getPrimaryRow();\n        const hasVisibleColumn = primaryRow.some((column) => column.visible !== false);\n        if (!hasVisibleColumn) {\n            this.errorMessage = this.translateErrorAllInvisible;\n            return;\n        }\n        else if (this.host) {\n            this.errorMessage = null;\n            this.headerCells = this.editingHeaderCells.map((row) => row.map((cell) => (Object.assign({}, cell))));\n            const sanitizedHeaderCells = this.editingHeaderCells.map((row) => row.map((column) => {\n                const _a = column, { hidable, resizable, sortable, visible, width } = _a, rest = __rest(_a, [\"hidable\", \"resizable\", \"sortable\", \"visible\", \"width\"]);\n                const cell = Object.assign({}, rest);\n                if (visible !== undefined)\n                    cell.visible = visible;\n                if (hidable !== undefined)\n                    cell.hidable = hidable;\n                if (sortable !== undefined)\n                    cell.sortable = sortable;\n                if (resizable !== undefined)\n                    cell.resizable = resizable;\n                if (width !== undefined && width !== null)\n                    cell.width = width;\n                return cell;\n            }));\n            dispatchDomEvent(this.host, KolEvent.changeHeaderCells, sanitizedHeaderCells);\n            void ((_a = this.popoverRef) === null || _a === void 0 ? void 0 : _a.hidePopover());\n        }\n    }\n    render() {\n        const columns = this.getPrimaryRow();\n        return (h(KolPopoverButtonWcTag, { key: 'b31b61fd00d6f9b7b1cb7229abde5e67772edd4f', ref: (el) => (this.popoverRef = el), class: \"kol-table-settings\", _icons: \"kolicon-settings\", _label: this.translateTableSettings, _popoverAlign: \"top\", _hideLabel: true }, h(\"div\", { key: 'd888ac1b3b7842c5336c12210145890b24916e36', class: \"kol-table-settings__content\" }, h(KolHeadingTag, { key: 'd79f606ed627a4a5a069415db0c2cedfaaf666d6', _label: this.translateTableSettings, _level: 0 }), this.errorMessage && h(KolAlertWcTag, { key: '310aff9ecbe70b0c9ac4aaf9994b9559bd739b81', _type: \"error\", _label: this.errorMessage, _variant: \"msg\", class: \"kol-table-settings__error-message\" }), h(\"form\", { key: 'b0e84c2f51ab706cc09e4c85ea719b58a3273664', onSubmit: this.handleSubmit.bind(this) }, h(\"div\", { key: 'fbd274e2f77c273d94696698ce8842d9dd51a731', class: \"kol-table-settings__columns-container\" }, h(\"div\", { key: '696a79971b4c63b8e2dc8341016880d8c8fac347', class: \"kol-table-settings__columns\" }, columns.map((column, index) => (h(\"div\", { key: column.key, class: \"kol-table-settings__column\" }, h(KolInputCheckboxTag, { _checked: column.visible !== false, _label: `${column.label}${column.hidable === false ? ` (${this.translateColumnNotHidable})` : ''}`, _value: true, _hideLabel: true, _disabled: column.hidable === false, _on: { onInput: (_, value) => { var _a; return this.handleVisibilityChange((_a = column.key) !== null && _a !== void 0 ? _a : '', value); } } }), h(\"span\", { class: \"kol-table-settings__column-label\" }, column.label), h(KolInputNumberTag, { _hideLabel: true, _value: parseColumnWidth(column.width), _label: translate('kol-table-settings-column-width', { placeholders: { column: column.label } }), _min: 1, _disabled: column.resizable === false, _on: { onInput: (_, value) => { var _a; return this.handleWidthChange((_a = column.key) !== null && _a !== void 0 ? _a : '', value); } } }), h(KolButtonWcTag, { _icons: \"kolicon-chevron-up\", _label: translate('kol-table-settings-move-up', { placeholders: { column: column.label } }), _hideLabel: true, _variant: \"ghost\", _on: { onClick: () => { var _a; return this.moveColumn((_a = column.key) !== null && _a !== void 0 ? _a : '', 'up'); } }, _disabled: column.sortable === false || index === 0, \"data-testid\": \"table-settings-move-up\" }), h(KolButtonWcTag, { _icons: \"kolicon-chevron-down\", _label: translate('kol-table-settings-move-down', { placeholders: { column: column.label } }), _hideLabel: true, _variant: \"ghost\", _on: { onClick: () => { var _a; return this.moveColumn((_a = column.key) !== null && _a !== void 0 ? _a : '', 'down'); } }, _disabled: column.sortable === false || index === columns.length - 1, \"data-testid\": \"table-settings-move-down\" })))))), h(\"div\", { key: 'cc7c01ab830868f213166f868a540ada2cdf1328', class: \"kol-table-settings__actions\" }, h(KolButtonWcTag, { key: '495664a6a4e779c2faba8c5e57e8baec3818b6fd', _label: this.translateTableSettingsCancel, _variant: \"secondary\", _on: { onClick: () => this.handleCancel() }, \"data-testid\": \"table-settings-cancel\" }), h(KolButtonWcTag, { key: '79d6b02edfc4072529a94f628925fd12f6c851d0', _label: this.translateTableSettingsApply, _variant: \"primary\", _type: \"submit\", \"data-testid\": \"table-settings-apply\" }))))));\n    }\n    get host() { return getElement(this); }\n    static get watchers() { return {\n        \"_horizontalHeaderCells\": [\"handleHeaderCellsChange\"]\n    }; }\n};\n\nexport { KolTableSettings as kol_table_settings_wc };\n//# sourceMappingURL=kol-table-settings-wc.entry.js.map\n"],"mappings":"mNAWA,IAAM,EAAoB,GACf,OAAO,SAAS,CAAK,GAAK,IAAU,IAAA,IAAa,EAAQ,EAAI,EAAQ,IAAA,GAG1E,EAAmB,KAAM,CAC3B,YAAY,EAAS,CACjB,EAAiB,KAAM,CAAO,EAC9B,KAAK,YAAc,CAAC,EACpB,KAAK,mBAAqB,CAAC,EAC3B,KAAK,aAAe,KACpB,KAAK,uBAAyB,EAAU,oBAAoB,EAC5D,KAAK,6BAA+B,EAAU,2BAA2B,EACzE,KAAK,4BAA8B,EAAU,0BAA0B,EACvE,KAAK,2BAA6B,EAAU,wCAAwC,EACpF,KAAK,0BAA4B,EAAU,uCAAuC,EAClF,KAAK,uBAAyB,CAAC,CACnC,CACA,wBAAwB,EAAU,CAC9B,KAAK,YAAc,EAAS,IAAK,GAAQ,CAAC,GAAG,CAAG,CAAC,EACjD,KAAK,mBAAqB,EAAS,IAAK,GAAQ,EAAI,IAAK,GAAU,OAAO,OAAO,CAAC,EAAG,CAAI,CAAE,CAAC,CAChG,CACA,mBAAoB,CAChB,KAAK,wBAAwB,KAAK,sBAAsB,CAC5D,CACA,eAAgB,CAEZ,OAAa,KAAK,mBAAmB,KAAK,mBAAmB,OAAS,IAAqC,CAAC,CAChH,CACA,iBAAiB,EAAQ,CACrB,KAAK,mBAAqB,KAAK,mBAAmB,KAAK,EAAK,EAAO,IAAS,IAAU,EAAI,OAAS,EAAI,EAAS,CAAI,CACxH,CACA,WAAW,EAAU,EAAW,CAC5B,IAAM,EAAM,CAAC,GAAG,KAAK,cAAc,CAAC,EAC9B,EAAc,EAAI,UAAW,GAAQ,EAAI,MAAQ,CAAQ,EAC/D,GAAI,IAAgB,GAChB,OACJ,IAAI,EACJ,GAAI,IAAc,KAAM,CACpB,GAAI,IAAgB,EAChB,OACJ,EAAc,EAAc,CAChC,KACK,CACD,GAAI,IAAgB,EAAI,OAAS,EAC7B,OACJ,EAAc,EAAc,CAChC,CACA,GAAM,CAAC,GAAU,EAAI,OAAO,EAAa,CAAC,EAC1C,EAAI,OAAO,EAAa,EAAG,CAAM,EACjC,KAAK,iBAAiB,CAAG,CAC7B,CACA,uBAAuB,EAAK,EAAS,CACjC,IAAM,EAAM,KAAK,cAAc,EAAE,IAAK,GAAS,EAAI,MAAQ,GAAO,EAAI,UAAY,GAAQ,OAAO,OAAO,OAAO,OAAO,CAAC,EAAG,CAAG,EAAG,CAAE,QAAS,EAAQ,CAAS,CAAC,EAAI,CAAI,EACrK,KAAK,iBAAiB,CAAG,CAC7B,CACA,kBAAkB,EAAK,EAAO,CAC1B,IAAM,EAAc,EAAiB,OAAO,CAAK,CAAC,EAC5C,EAAM,KAAK,cAAc,EAAE,IAAK,GAAS,EAAI,MAAQ,GAAO,EAAI,YAAc,GAAQ,OAAO,OAAO,OAAO,OAAO,CAAC,EAAG,CAAG,EAAG,CAAE,MAAO,CAAY,CAAC,EAAI,CAAI,EAChK,KAAK,iBAAiB,CAAG,CAC7B,CACA,cAAe,CACX,IAAI,EACJ,KAAK,mBAAqB,KAAK,YAAY,IAAK,GAAQ,CAAC,GAAG,CAAG,CAAC,EAChE,KAAK,aAAe,MACb,EAAK,KAAK,aAAgB,MAAiC,EAAG,YAAY,CACrF,CACA,aAAa,EAAO,CAChB,IAAI,EAIJ,GAHA,EAAM,eAAe,EAGjB,CAFe,KAAK,cACU,EAAE,KAAM,GAAW,EAAO,UAAY,EACpD,EAAG,CACnB,KAAK,aAAe,KAAK,2BACzB,MACJ,MACK,GAAI,KAAK,KAAM,CAChB,KAAK,aAAe,KACpB,KAAK,YAAc,KAAK,mBAAmB,IAAK,GAAQ,EAAI,IAAK,GAAU,OAAO,OAAO,CAAC,EAAG,CAAI,CAAE,CAAC,EACpG,IAAM,EAAuB,KAAK,mBAAmB,IAAK,GAAQ,EAAI,IAAK,GAAW,CAClF,IAAM,EAAK,EAAQ,CAAE,UAAS,YAAW,WAAU,UAAS,SAAU,EAAI,EAAO,EAAO,EAAI,CAAC,UAAW,YAAa,WAAY,UAAW,OAAO,CAAC,EAC9I,EAAO,OAAO,OAAO,CAAC,EAAG,CAAI,EAWnC,OAVI,IAAY,IAAA,KACZ,EAAK,QAAU,GACf,IAAY,IAAA,KACZ,EAAK,QAAU,GACf,IAAa,IAAA,KACb,EAAK,SAAW,GAChB,IAAc,IAAA,KACd,EAAK,UAAY,GACjB,GAAiC,OACjC,EAAK,MAAQ,GACV,CACX,CAAC,CAAC,EACF,EAAiB,KAAK,KAAM,EAAS,kBAAmB,CAAoB,GACrE,EAAK,KAAK,aAAgB,MAAiC,EAAG,YAAY,CACrF,CACJ,CACA,QAAS,CACL,IAAM,EAAU,KAAK,cAAc,EACnC,OAAQ,EAAE,EAAuB,CAAE,IAAK,2CAA4C,IAAM,GAAQ,KAAK,WAAa,EAAK,MAAO,qBAAsB,OAAQ,mBAAoB,OAAQ,KAAK,uBAAwB,cAAe,MAAO,WAAY,EAAK,EAAG,EAAE,MAAO,CAAE,IAAK,2CAA4C,MAAO,6BAA8B,EAAG,EAAE,EAAe,CAAE,IAAK,2CAA4C,OAAQ,KAAK,uBAAwB,OAAQ,CAAE,CAAC,EAAG,KAAK,cAAgB,EAAE,EAAe,CAAE,IAAK,2CAA4C,MAAO,QAAS,OAAQ,KAAK,aAAc,SAAU,MAAO,MAAO,mCAAoC,CAAC,EAAG,EAAE,OAAQ,CAAE,IAAK,2CAA4C,SAAU,KAAK,aAAa,KAAK,IAAI,CAAE,EAAG,EAAE,MAAO,CAAE,IAAK,2CAA4C,MAAO,uCAAwC,EAAG,EAAE,MAAO,CAAE,IAAK,2CAA4C,MAAO,6BAA8B,EAAG,EAAQ,KAAK,EAAQ,IAAW,EAAE,MAAO,CAAE,IAAK,EAAO,IAAK,MAAO,4BAA6B,EAAG,EAAE,EAAqB,CAAE,SAAU,EAAO,UAAY,GAAO,OAAQ,GAAG,EAAO,QAAQ,EAAO,UAAY,GAAQ,KAAK,KAAK,0BAA0B,GAAK,KAAM,OAAQ,GAAM,WAAY,GAAM,UAAW,EAAO,UAAY,GAAO,IAAK,CAAE,SAAU,EAAG,IAA2B,KAAK,uBAA6B,EAAO,KAAsC,GAAI,CAAK,CAAK,CAAE,CAAC,EAAG,EAAE,OAAQ,CAAE,MAAO,kCAAmC,EAAG,EAAO,KAAK,EAAG,EAAE,EAAmB,CAAE,WAAY,GAAM,OAAQ,EAAiB,EAAO,KAAK,EAAG,OAAQ,EAAU,kCAAmC,CAAE,aAAc,CAAE,OAAQ,EAAO,KAAM,CAAE,CAAC,EAAG,KAAM,EAAG,UAAW,EAAO,YAAc,GAAO,IAAK,CAAE,SAAU,EAAG,IAA2B,KAAK,kBAAwB,EAAO,KAAsC,GAAI,CAAK,CAAK,CAAE,CAAC,EAAG,EAAE,EAAgB,CAAE,OAAQ,qBAAsB,OAAQ,EAAU,6BAA8B,CAAE,aAAc,CAAE,OAAQ,EAAO,KAAM,CAAE,CAAC,EAAG,WAAY,GAAM,SAAU,QAAS,IAAK,CAAE,YAAgC,KAAK,WAAiB,EAAO,KAAsC,GAAI,IAAI,CAAK,EAAG,UAAW,EAAO,WAAa,IAAS,IAAU,EAAG,cAAe,wBAAyB,CAAC,EAAG,EAAE,EAAgB,CAAE,OAAQ,uBAAwB,OAAQ,EAAU,+BAAgC,CAAE,aAAc,CAAE,OAAQ,EAAO,KAAM,CAAE,CAAC,EAAG,WAAY,GAAM,SAAU,QAAS,IAAK,CAAE,YAAgC,KAAK,WAAiB,EAAO,KAAsC,GAAI,MAAM,CAAK,EAAG,UAAW,EAAO,WAAa,IAAS,IAAU,EAAQ,OAAS,EAAG,cAAe,0BAA2B,CAAC,CAAC,CAAE,CAAC,CAAC,EAAG,EAAE,MAAO,CAAE,IAAK,2CAA4C,MAAO,6BAA8B,EAAG,EAAE,EAAgB,CAAE,IAAK,2CAA4C,OAAQ,KAAK,6BAA8B,SAAU,YAAa,IAAK,CAAE,YAAe,KAAK,aAAa,CAAE,EAAG,cAAe,uBAAwB,CAAC,EAAG,EAAE,EAAgB,CAAE,IAAK,2CAA4C,OAAQ,KAAK,4BAA6B,SAAU,UAAW,MAAO,SAAU,cAAe,sBAAuB,CAAC,CAAC,CAAC,CAAC,CAAC,CAC/qG,CACA,IAAI,MAAO,CAAE,OAAO,EAAW,IAAI,CAAG,CACtC,WAAW,UAAW,CAAE,MAAO,CAC3B,uBAA0B,CAAC,yBAAyB,CACxD,CAAG,CACP"}
+{"version":3,"file":"kol-table-settings-wc.entry-DAgFPicP.js","names":[],"sources":["../../../../../components/dist/esm/kol-table-settings-wc.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h, g as getElement } from './index-Dabxza7-.js';\nimport { a as __rest } from './tslib.es6-QNbPBOk5.js';\nimport { p as KolHeadingTag, a as KolAlertWcTag, q as KolInputCheckboxTag, r as KolInputNumberTag, b as KolButtonWcTag, h as KolPopoverButtonWcTag } from './component-names-Dy77vq43.js';\nimport { t as translate } from './i18n-CcjZRTxD.js';\nimport { d as dispatchDomEvent, K as KolEvent } from './events-BhfZTW2e.js';\nimport './common-Cbb6Axov.js';\nimport './i18n-CMA39edx.js';\n\nconst parseColumnWidth = (width) => {\n    return Number.isFinite(width) && width !== undefined && width > 0 ? width : undefined;\n};\n\nconst KolTableSettings = class {\n    constructor(hostRef) {\n        registerInstance(this, hostRef);\n        this.headerCells = [];\n        this.editingHeaderCells = [];\n        this.errorMessage = null;\n        this.translateTableSettings = translate('kol-table-settings');\n        this.translateTableSettingsCancel = translate('kol-table-settings-cancel');\n        this.translateTableSettingsApply = translate('kol-table-settings-apply');\n        this.translateErrorAllInvisible = translate('kol-table-settings-error-all-invisible');\n        this.translateColumnNotHidable = translate('kol-table-settings-column-not-hidable');\n        this._horizontalHeaderCells = [];\n    }\n    handleHeaderCellsChange(newValue) {\n        this.headerCells = newValue.map((row) => [...row]);\n        this.editingHeaderCells = newValue.map((row) => row.map((cell) => (Object.assign({}, cell))));\n    }\n    componentWillLoad() {\n        this.handleHeaderCellsChange(this._horizontalHeaderCells);\n    }\n    getPrimaryRow() {\n        var _a;\n        return (_a = this.editingHeaderCells[this.editingHeaderCells.length - 1]) !== null && _a !== void 0 ? _a : [];\n    }\n    updatePrimaryRow(newRow) {\n        this.editingHeaderCells = this.editingHeaderCells.map((row, index, arr) => (index === arr.length - 1 ? newRow : row));\n    }\n    moveColumn(columnId, direction) {\n        const row = [...this.getPrimaryRow()];\n        const sourceIndex = row.findIndex((col) => col.key === columnId);\n        if (sourceIndex === -1)\n            return;\n        let targetIndex;\n        if (direction === 'up') {\n            if (sourceIndex === 0)\n                return;\n            targetIndex = sourceIndex - 1;\n        }\n        else {\n            if (sourceIndex === row.length - 1)\n                return;\n            targetIndex = sourceIndex + 1;\n        }\n        const [source] = row.splice(sourceIndex, 1);\n        row.splice(targetIndex, 0, source);\n        this.updatePrimaryRow(row);\n    }\n    handleVisibilityChange(key, visible) {\n        const row = this.getPrimaryRow().map((col) => (col.key === key && col.hidable !== false ? Object.assign(Object.assign({}, col), { visible: Boolean(visible) }) : col));\n        this.updatePrimaryRow(row);\n    }\n    handleWidthChange(key, width) {\n        const parsedWidth = parseColumnWidth(Number(width));\n        const row = this.getPrimaryRow().map((col) => (col.key === key && col.resizable !== false ? Object.assign(Object.assign({}, col), { width: parsedWidth }) : col));\n        this.updatePrimaryRow(row);\n    }\n    handleCancel() {\n        var _a;\n        this.editingHeaderCells = this.headerCells.map((row) => [...row]);\n        this.errorMessage = null;\n        void ((_a = this.popoverRef) === null || _a === void 0 ? void 0 : _a.hidePopover());\n    }\n    handleSubmit(event) {\n        var _a;\n        event.preventDefault();\n        const primaryRow = this.getPrimaryRow();\n        const hasVisibleColumn = primaryRow.some((column) => column.visible !== false);\n        if (!hasVisibleColumn) {\n            this.errorMessage = this.translateErrorAllInvisible;\n            return;\n        }\n        else if (this.host) {\n            this.errorMessage = null;\n            this.headerCells = this.editingHeaderCells.map((row) => row.map((cell) => (Object.assign({}, cell))));\n            const sanitizedHeaderCells = this.editingHeaderCells.map((row) => row.map((column) => {\n                const _a = column, { hidable, resizable, sortable, visible, width } = _a, rest = __rest(_a, [\"hidable\", \"resizable\", \"sortable\", \"visible\", \"width\"]);\n                const cell = Object.assign({}, rest);\n                if (visible !== undefined)\n                    cell.visible = visible;\n                if (hidable !== undefined)\n                    cell.hidable = hidable;\n                if (sortable !== undefined)\n                    cell.sortable = sortable;\n                if (resizable !== undefined)\n                    cell.resizable = resizable;\n                if (width !== undefined && width !== null)\n                    cell.width = width;\n                return cell;\n            }));\n            dispatchDomEvent(this.host, KolEvent.changeHeaderCells, sanitizedHeaderCells);\n            void ((_a = this.popoverRef) === null || _a === void 0 ? void 0 : _a.hidePopover());\n        }\n    }\n    render() {\n        const columns = this.getPrimaryRow();\n        return (h(KolPopoverButtonWcTag, { key: 'b31b61fd00d6f9b7b1cb7229abde5e67772edd4f', ref: (el) => (this.popoverRef = el), class: \"kol-table-settings\", _icons: \"kolicon-settings\", _label: this.translateTableSettings, _popoverAlign: \"top\", _hideLabel: true }, h(\"div\", { key: 'd888ac1b3b7842c5336c12210145890b24916e36', class: \"kol-table-settings__content\" }, h(KolHeadingTag, { key: 'd79f606ed627a4a5a069415db0c2cedfaaf666d6', _label: this.translateTableSettings, _level: 0 }), this.errorMessage && h(KolAlertWcTag, { key: '310aff9ecbe70b0c9ac4aaf9994b9559bd739b81', _type: \"error\", _label: this.errorMessage, _variant: \"msg\", class: \"kol-table-settings__error-message\" }), h(\"form\", { key: 'b0e84c2f51ab706cc09e4c85ea719b58a3273664', onSubmit: this.handleSubmit.bind(this) }, h(\"div\", { key: 'fbd274e2f77c273d94696698ce8842d9dd51a731', class: \"kol-table-settings__columns-container\" }, h(\"div\", { key: '696a79971b4c63b8e2dc8341016880d8c8fac347', class: \"kol-table-settings__columns\" }, columns.map((column, index) => (h(\"div\", { key: column.key, class: \"kol-table-settings__column\" }, h(KolInputCheckboxTag, { _checked: column.visible !== false, _label: `${column.label}${column.hidable === false ? ` (${this.translateColumnNotHidable})` : ''}`, _value: true, _hideLabel: true, _disabled: column.hidable === false, _on: { onInput: (_, value) => { var _a; return this.handleVisibilityChange((_a = column.key) !== null && _a !== void 0 ? _a : '', value); } } }), h(\"span\", { class: \"kol-table-settings__column-label\" }, column.label), h(KolInputNumberTag, { _hideLabel: true, _value: parseColumnWidth(column.width), _label: translate('kol-table-settings-column-width', { placeholders: { column: column.label } }), _min: 1, _disabled: column.resizable === false, _on: { onInput: (_, value) => { var _a; return this.handleWidthChange((_a = column.key) !== null && _a !== void 0 ? _a : '', value); } } }), h(KolButtonWcTag, { _icons: \"kolicon-chevron-up\", _label: translate('kol-table-settings-move-up', { placeholders: { column: column.label } }), _hideLabel: true, _variant: \"ghost\", _on: { onClick: () => { var _a; return this.moveColumn((_a = column.key) !== null && _a !== void 0 ? _a : '', 'up'); } }, _disabled: column.sortable === false || index === 0, \"data-testid\": \"table-settings-move-up\" }), h(KolButtonWcTag, { _icons: \"kolicon-chevron-down\", _label: translate('kol-table-settings-move-down', { placeholders: { column: column.label } }), _hideLabel: true, _variant: \"ghost\", _on: { onClick: () => { var _a; return this.moveColumn((_a = column.key) !== null && _a !== void 0 ? _a : '', 'down'); } }, _disabled: column.sortable === false || index === columns.length - 1, \"data-testid\": \"table-settings-move-down\" })))))), h(\"div\", { key: 'cc7c01ab830868f213166f868a540ada2cdf1328', class: \"kol-table-settings__actions\" }, h(KolButtonWcTag, { key: '495664a6a4e779c2faba8c5e57e8baec3818b6fd', _label: this.translateTableSettingsCancel, _variant: \"secondary\", _on: { onClick: () => this.handleCancel() }, \"data-testid\": \"table-settings-cancel\" }), h(KolButtonWcTag, { key: '79d6b02edfc4072529a94f628925fd12f6c851d0', _label: this.translateTableSettingsApply, _variant: \"primary\", _type: \"submit\", \"data-testid\": \"table-settings-apply\" }))))));\n    }\n    get host() { return getElement(this); }\n    static get watchers() { return {\n        \"_horizontalHeaderCells\": [\"handleHeaderCellsChange\"]\n    }; }\n};\n\nexport { KolTableSettings as kol_table_settings_wc };\n//# sourceMappingURL=kol-table-settings-wc.entry.js.map\n"],"mappings":"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"}

package/app/dist/assets/{kol-table-stateful.entry-DrPNjTdG.js → kol-table-stateful.entry-CyOXKEEW.js}

@@ -1,4 +1,4 @@
-import{Ct as e,Dt as t,N as n,Y as r,a as i,d as a,f as o,gt as s,jt as c,k as l,mt as u,o as d,q as f,r as p,s as m}from"./index-CLYw1HnO.js";import{r as h}from"./label-BiOix5de-Bf1AwuDH.js";import{t as g}from"./i18n-BkwRYsvE-Baa6kHEL.js";import{t as _}from"./aria-labelledby-6-ki3akM-C6lJ0lQF.js";import{t as v}from"./aria-labelledby-BuvPnlu7-DWeVUk6D.js";import{a as y,i as b,n as x,o as S,s as C,t as w}from"./table-selection-G45AEZGP-lB35IFxR.js";import{t as T}from"./keyboard-DNd73LVa-BCj4IeP3.js";var E=(e,n,r={})=>{t(e,`_allowMultiSort`,n,Object.assign({defaultValue:!1},r))},D=[`top`,`bottom`,`both`],O=(e,t)=>{c(e,`_paginationPosition`,e=>typeof e==`string`&&D.includes(e),new Set([`PaginationPositionPropType {${D.join(`, `)}`]),t,{defaultValue:`bottom`})},k=`@charset "UTF-8";
+import{J as e,Mt as t,N as n,Ot as r,X as i,_t as a,a as o,d as s,f as c,ht as l,k as u,o as d,r as f,s as p,wt as m}from"./index-Bg4ZMokO.js";import{r as h}from"./label-We78Dt9U-D1VhEUwo.js";import{t as g}from"./i18n-CcjZRTxD-D01J7mnT.js";import{t as _}from"./aria-labelledby-6-ki3akM-C6lJ0lQF.js";import{t as v}from"./aria-labelledby-c6050AJw-DAUd6tsF.js";import{a as y,i as b,n as x,o as S,s as C,t as w}from"./table-selection-CL3si3DN-TQ3WM3o4.js";import{t as T}from"./keyboard-DNd73LVa-BCj4IeP3.js";var E=(e,t,n={})=>{r(e,`_allowMultiSort`,t,Object.assign({defaultValue:!1},n))},D=[`top`,`bottom`,`both`],O=(e,n)=>{t(e,`_paginationPosition`,e=>typeof e==`string`&&D.includes(e),new Set([`PaginationPositionPropType {${D.join(`, `)}`]),n,{defaultValue:`bottom`})},k=`@charset "UTF-8";
 /*
 * This file defines the layer order for all CSS layers used in KoliBri.
 * The order is important as it determines the cascade priority.
@@ -212,8 +212,8 @@ import{Ct as e,Dt as t,N as n,Y as r,a as i,d as a,f as o,gt as s,jt as c,k as l
 }
 @font-face {
   font-family: "kolicons";
-  src: url("kolicons.eot?t=1782311579243"); /* IE9*/
-  src: url("kolicons.eot?t=1782311579243#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1782311579243") format("woff2"), url("kolicons.woff?t=1782311579243") format("woff"), url("kolicons.ttf?t=1782311579243") format("truetype"), url("kolicons.svg?t=1782311579243#kolicons") format("svg"); /* iOS 4.1- */
+  src: url("kolicons.eot?t=1783501930981"); /* IE9*/
+  src: url("kolicons.eot?t=1783501930981#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1783501930981") format("woff2"), url("kolicons.woff?t=1783501930981") format("woff"), url("kolicons.ttf?t=1783501930981") format("truetype"), url("kolicons.svg?t=1783501930981#kolicons") format("svg"); /* iOS 4.1- */
 }
 @layer kol-component {
   [class^=kolicon-], [class*=" kolicon-"] {
@@ -843,5 +843,5 @@ import{Ct as e,Dt as t,N as n,Y as r,a as i,d as a,f as o,gt as s,jt as c,k as l
       display: none;
     }
   }
-}`,A=[10,20,50,100],j=e=>e===!0||e===``||typeof e==`object`&&!!e,M=class{constructor(t){m(this,t),this.resolvedElements=[],this.catchRef=e=>{this.tableWcRef=e},this.sortData=[],this.showPagination=!1,this.pageStartSlice=0,this.pageEndSlice=10,this.disableSort=!1,this._paginationPosition=`bottom`,this.state={_allowMultiSort:!1,_fixedCols:[0,0],_data:[],_dataFoot:[],_headers:{horizontal:[],vertical:[]},_label:``,_pagination:{_page:1,_pageSize:10,_max:0},_sortedData:[],_paginationPosition:`bottom`,_hasSettingsMenu:!1},this.handlePagination={onClick:(t,n)=>{typeof this.state._pagination._on?.onClick==`function`&&this.state._pagination._on.onClick(t,n),e(this,`_pagination`,Object.assign(Object.assign({},this.state._pagination),{_page:n}))},onChangePage:(t,n)=>{typeof this.state._pagination._on?.onChangePage==`function`&&this.state._pagination._on.onChangePage(t,n),e(this,`_pagination`,Object.assign(Object.assign({},this.state._pagination),{_page:n}))},onChangePageSize:(t,n)=>{typeof this.state._pagination._on?.onChangePageSize==`function`&&this.state._pagination._on.onChangePageSize(t,n),e(this,`_pagination`,Object.assign(Object.assign({},this.state._pagination),{_pageSize:n})),e(this,`_pageSize`,n)}},this.onSelectionChange=e=>{e.stopPropagation()},this.updateSortedData=()=>{if(this.disableSort){e(this,`_sortedData`,this.state._data);return}let t=[...this.state._data];this.sortData.length>0&&t.sort((e,t)=>{for(let n=0;n<this.sortData.length;n++){let r=this.sortData[n],i=r.compareFn(e,t,r.direction);if(i!==0)return r.direction===`ASC`?i:-i}return 0}),e(this,`_sortedData`,t)},this.handleChangeHeaderCells=e=>{this.adjustedHeaderCells=e}}validateAriaLabelledby(e){this.syncExternalLabel(e)}syncExternalLabel(e){this.resolvedElements=v(this,this.host,this.internals,e)}validateAllowMultiSort(e){E(this,e,{defaultValue:!1})}validateData(e){b(this,e,{afterPatch:()=>{setTimeout(this.updateSortedData)}})}validateDataFoot(e){y(this,e,{afterPatch:()=>{setTimeout(this.updateSortedData)}})}validateFixedCols(e){w(this,e)}validatePaginationPosition(e){O(this,e)}validateHasSettingsMenu(e){x(this,e)}changeCellSort(e){if(e.type===void 0||e.type==="default"){if(typeof e.compareFn!=`function`)return;!this.state._allowMultiSort&&e.key!==this.sortData[0]?.key&&(this.sortData=[]);let t=this.sortData.findIndex(t=>t.key===e.key);if(t>=0){let e=this.sortData[t];switch(e.direction){case`ASC`:e.direction=`DESC`;break;case`DESC`:this.sortData.splice(t,1);break;default:e.direction=`ASC`;break}}else e.key&&this.sortData.push({label:e.label,key:e.key,compareFn:e.compareFn,direction:`ASC`});this.updateSortedData()}}initializeSortFromHeaders(e){var t,n;let r=!1,i=e=>{this.sortData=[],e.forEach(e=>{if(e.type!==void 0&&e.type!=="default")return;if(typeof e.compareFn==`function`&&!e.key){f(`[KolTableStateful] A sortable column requires the 'key' property.`);return}let t=e.key;if(!t)return;let n=e.sortDirection;(n===`ASC`||n===`DESC`)&&typeof e.compareFn==`function`&&((this.state._allowMultiSort||this.sortData.length===0)&&this.sortData.push({label:e.label,key:t,compareFn:e.compareFn,direction:n}),r=!0)})};return(t=e.horizontal)==null||t.forEach(i),(n=e.vertical)==null||n.forEach(i),r}validateHeaders(e){r(e,()=>{u(e,()=>{try{e=s(e)}catch{}c(this,`_headers`,e=>typeof e==`object`&&!!e,new Set([`KoliBriTableHeaders`]),e,{hooks:{beforePatch:e=>{let t=e;this.headerKeysChanged(this.state._headers,t)&&(this.adjustedHeaderCells=void 0),this.initializeSortFromHeaders(t)&&setTimeout(()=>this.updateSortedData()),t.horizontal&&t.vertical&&t.horizontal?.length>0&&t.vertical?.length>0&&(this.disableSort=!0,f(`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(e){h(this,e,{required:!0})}validateSelection(e){S(this,e)}validateOn(e){C(this,e)}validatePagination(e){try{e=s(e)}catch{}this.showPagination=j(e),c(this,`_pagination`,j,new Set([`boolean`,`KoliBriTablePagination`]),e,{defaultValue:{_page:1,_pageSize:10,_max:0}})}componentDidLoad(){var e;(e=this.tableWcRef)==null||e.addEventListener(a.selectionChange,this.onSelectionChange),this.resolvedElements.length||this.syncExternalLabel(this._ariaLabelledby)}disconnectedCallback(){var e;(e=this.tableWcRef)==null||e.removeEventListener(a.selectionChange,this.onSelectionChange)}componentWillLoad(){this.internals=_(this.host),this.syncExternalLabel(this._ariaLabelledby),this.validateAllowMultiSort(this._allowMultiSort),this.validateData(this._data),this.validateDataFoot(this._dataFoot),this.validateFixedCols(this._fixedCols),this.validateHeaders(this._headers),this.validateLabel(this._label),this.validateOn(this._on),this.validatePagination(this._pagination),this.validatePaginationPosition(this._paginationPosition),this.validateSelection(this._selection),this.validateHasSettingsMenu(this._hasSettingsMenu)}selectDisplayedData(e,t,n){return typeof t==`number`&&t>0&&typeof n==`number`&&n>0?(this.pageStartSlice=t*(n-1),this.pageEndSlice=t*n>e.length?e.length:t*n,e.slice(this.pageStartSlice,this.pageEndSlice)):(this.pageStartSlice=0,this.pageEndSlice=e.length,e)}renderPagination(e){let t=g(`kol-table-pagination-label`,{placeholders:{label:`${this.state._label} (${g(`kol-pagination-position-${e}`)})`}});return d(`div`,{class:`kol-table-stateful__pagination kol-table-stateful__pagination--${this.state._paginationPosition}`},d(`div`,{class:`kol-table-stateful__pagination-wrapper`},d(l,{_boundaryCount:this.state._pagination._boundaryCount,_customClass:this.state._pagination._customClass,_hasButtons:this.state._pagination._hasButtons,_on:this.handlePagination,_page:this.state._pagination._page,_pageSize:this.state._pagination._pageSize,_pageSizeOptions:this.state._pagination._pageSizeOptions||A,_siblingCount:this.state._pagination._siblingCount,_tooltipAlign:`bottom`,_max:this.state._pagination._max||this.state._data.length,_label:t})))}getHeaderCellSortState(e){if(!(e.type!==void 0&&e.type!=="default")&&!this.disableSort&&typeof e.compareFn==`function`){if(e.key){let t=this.sortData.find(t=>t.key===e.key);if(t?.direction)return t.direction}return`NOS`}}getHeaderCellSortOrder(e){if(!(e.type!==void 0&&e.type!=="default")&&!this.disableSort&&this.state._allowMultiSort&&typeof e.compareFn==`function`&&e.key){let t=this.sortData.findIndex(t=>t.key===e.key);if(t>=0)return t+1}}handleSort({key:e}){let t=this.state._headers.horizontal??[],n=this.state._headers.vertical??[],r=[];for(let e of t)Array.isArray(e)&&r.push(...e);for(let e of n)Array.isArray(e)&&r.push(...e);let i=r.find(t=>t.key===e);i&&this.changeCellSort(i)}getSelectedData(e){let t=this.state._selection;if(t){let n=t.keyPropertyName??`id`,r=new Set(e.map(String)),i=this.state._sortedData.filter(e=>r.has(String(e[n])));if(n)return i}return null}handleSelectionChange(e,t){let n=this.state._selection;n&&(this.state=Object.assign(Object.assign({},this.state),{_selection:Object.assign(Object.assign({},n),{selectedKeys:t})}));let r=this.getSelectedData(t);typeof this.state._on?.[T.onSelectionChange]==`function`&&this.state._on[T.onSelectionChange](e,r),this.host&&o(this.host,a.selectionChange,r)}async getSelection(){let e=this.state._selection?.selectedKeys||[];return this.getSelectedData(e)}async resetSort(){this.initializeSortFromHeaders(this.state._headers),this.updateSortedData()}headerKeysChanged(e,t){let n=e=>[...e.horizontal?.flatMap(e=>e.map(e=>e?.key).filter(e=>!!e))??[],...e.vertical?.flatMap(e=>e.map(e=>e?.key).filter(e=>!!e))??[]],r=n(e),i=n(t);return r.length!==i.length||r.some((e,t)=>e!==i[t])}mergeAdjustedHeaderCells(e){var t;let n=new Map;return(t=this.state._headers.horizontal)==null||t.forEach(e=>e.forEach(e=>{e?.key&&n.set(e.key,e)})),e.map(e=>e.map(e=>{let t=e?.key?n.get(e.key):void 0;if(!t)return e;let r=Object.assign({},t);return e.visible!==void 0&&(r.visible=e.visible),e.width!==void 0&&(r.width=e.width),e.hidable!==void 0&&(r.hidable=e.hidable),e.sortable!==void 0&&(r.sortable=e.sortable),e.resizable!==void 0&&(r.resizable=e.resizable),r}))}buildHeaderCells(){let e=e=>e&&Object.assign(Object.assign({},e),{sortDirection:this.getHeaderCellSortState(e),sortOrder:this.getHeaderCellSortOrder(e)});return{horizontal:(this.adjustedHeaderCells?.horizontal?this.mergeAdjustedHeaderCells(this.adjustedHeaderCells.horizontal):this.state._headers.horizontal)?.map(t=>t.map(e))??[],vertical:this.state._headers.vertical?.map(t=>t.map(e))??[]}}render(){let e=this.selectDisplayedData(this.state._sortedData,this.showPagination?this.state._pagination?._pageSize??10:this.state._sortedData.length,this.state._pagination._page||1),t=this._paginationPosition===`top`||this._paginationPosition===`both`?this.renderPagination(`top`):null,r=this._paginationPosition===`bottom`||this._paginationPosition===`both`?this.renderPagination(`bottom`):null,i=this.buildHeaderCells();return d(p,{key:`b20bfc7f61b6e5aaf05c40d61cb3250a1cb61779`,class:`kol-table-stateful`},this.pageEndSlice>0&&this.showPagination&&t,d(n,{key:`186d1b0d90b8516149d1f5939bb6c1460ce34949`,externalLabelElements:this.resolvedElements,ref:this.catchRef,_data:e,_fixedCols:this._fixedCols,_headerCells:i,_label:this.state._label,_dataFoot:this.state._dataFoot,_on:{onSort:(e,t)=>{this.handleSort(t)},onSelectionChange:(e,t)=>{this.handleSelectionChange(e,t)},onChangeHeaderCells:(e,t)=>{this.handleChangeHeaderCells(t)}},_selection:this.state._selection,_hasSettingsMenu:this.state._hasSettingsMenu,_variant:this._variant}),this.pageEndSlice>0&&this.showPagination&&r)}get host(){return i(this)}static get watchers(){return{_ariaLabelledby:[`validateAriaLabelledby`],_allowMultiSort:[`validateAllowMultiSort`],_data:[`validateData`],_dataFoot:[`validateDataFoot`],_fixedCols:[`validateFixedCols`],_paginationPosition:[`validatePaginationPosition`],_hasSettingsMenu:[`validateHasSettingsMenu`],_headers:[`validateHeaders`],_label:[`validateLabel`],_selection:[`validateSelection`],_on:[`validateOn`],_pagination:[`validatePagination`]}}};M.style={default:k};export{M as kol_table_stateful};
-//# sourceMappingURL=kol-table-stateful.entry-DrPNjTdG.js.map
+}`,A=[10,20,50,100],j=e=>e===!0||e===``||typeof e==`object`&&!!e,M=class{constructor(e){p(this,e),this.resolvedElements=[],this.catchRef=e=>{this.tableWcRef=e},this.sortData=[],this.showPagination=!1,this.pageStartSlice=0,this.pageEndSlice=10,this.disableSort=!1,this._paginationPosition=`bottom`,this.state={_allowMultiSort:!1,_fixedCols:[0,0],_data:[],_dataFoot:[],_headers:{horizontal:[],vertical:[]},_label:``,_pagination:{_page:1,_pageSize:10,_max:0},_sortedData:[],_paginationPosition:`bottom`,_hasSettingsMenu:!1},this.handlePagination={onClick:(e,t)=>{typeof this.state._pagination._on?.onClick==`function`&&this.state._pagination._on.onClick(e,t),m(this,`_pagination`,Object.assign(Object.assign({},this.state._pagination),{_page:t}))},onChangePage:(e,t)=>{typeof this.state._pagination._on?.onChangePage==`function`&&this.state._pagination._on.onChangePage(e,t),m(this,`_pagination`,Object.assign(Object.assign({},this.state._pagination),{_page:t}))},onChangePageSize:(e,t)=>{typeof this.state._pagination._on?.onChangePageSize==`function`&&this.state._pagination._on.onChangePageSize(e,t),m(this,`_pagination`,Object.assign(Object.assign({},this.state._pagination),{_pageSize:t})),m(this,`_pageSize`,t)}},this.onSelectionChange=e=>{e.stopPropagation()},this.updateSortedData=()=>{if(this.disableSort){m(this,`_sortedData`,this.state._data);return}let e=[...this.state._data];this.sortData.length>0&&e.sort((e,t)=>{for(let n=0;n<this.sortData.length;n++){let r=this.sortData[n],i=r.compareFn(e,t,r.direction);if(i!==0)return r.direction===`ASC`?i:-i}return 0}),m(this,`_sortedData`,e)},this.handleChangeHeaderCells=e=>{this.adjustedHeaderCells=e}}validateAriaLabelledby(e){this.syncExternalLabel(e)}syncExternalLabel(e){this.resolvedElements=v(this,this.host,this.internals,e)}validateAllowMultiSort(e){E(this,e,{defaultValue:!1})}validateData(e){b(this,e,{afterPatch:()=>{setTimeout(this.updateSortedData)}})}validateDataFoot(e){y(this,e,{afterPatch:()=>{setTimeout(this.updateSortedData)}})}validateFixedCols(e){w(this,e)}validatePaginationPosition(e){O(this,e)}validateHasSettingsMenu(e){x(this,e)}changeCellSort(e){if(e.type===void 0||e.type==="default"){if(typeof e.compareFn!=`function`)return;!this.state._allowMultiSort&&e.key!==this.sortData[0]?.key&&(this.sortData=[]);let t=this.sortData.findIndex(t=>t.key===e.key);if(t>=0){let e=this.sortData[t];switch(e.direction){case`ASC`:e.direction=`DESC`;break;case`DESC`:this.sortData.splice(t,1);break;default:e.direction=`ASC`;break}}else e.key&&this.sortData.push({label:e.label,key:e.key,compareFn:e.compareFn,direction:`ASC`});this.updateSortedData()}}initializeSortFromHeaders(t){var n,r;let i=!1,a=t=>{this.sortData=[],t.forEach(t=>{if(t.type!==void 0&&t.type!=="default")return;if(typeof t.compareFn==`function`&&!t.key){e(`[KolTableStateful] A sortable column requires the 'key' property.`);return}let n=t.key;if(!n)return;let r=t.sortDirection;(r===`ASC`||r===`DESC`)&&typeof t.compareFn==`function`&&((this.state._allowMultiSort||this.sortData.length===0)&&this.sortData.push({label:t.label,key:n,compareFn:t.compareFn,direction:r}),i=!0)})};return(n=t.horizontal)==null||n.forEach(a),(r=t.vertical)==null||r.forEach(a),i}validateHeaders(n){i(n,()=>{l(n,()=>{try{n=a(n)}catch{}t(this,`_headers`,e=>typeof e==`object`&&!!e,new Set([`KoliBriTableHeaders`]),n,{hooks:{beforePatch:t=>{let n=t;this.headerKeysChanged(this.state._headers,n)&&(this.adjustedHeaderCells=void 0),this.initializeSortFromHeaders(n)&&setTimeout(()=>this.updateSortedData()),n.horizontal&&n.vertical&&n.horizontal?.length>0&&n.vertical?.length>0&&(this.disableSort=!0,e(`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(e){h(this,e,{required:!0})}validateSelection(e){S(this,e)}validateOn(e){C(this,e)}validatePagination(e){try{e=a(e)}catch{}this.showPagination=j(e),t(this,`_pagination`,j,new Set([`boolean`,`KoliBriTablePagination`]),e,{defaultValue:{_page:1,_pageSize:10,_max:0}})}componentDidLoad(){var e;(e=this.tableWcRef)==null||e.addEventListener(s.selectionChange,this.onSelectionChange),this.resolvedElements.length||this.syncExternalLabel(this._ariaLabelledby)}disconnectedCallback(){var e;(e=this.tableWcRef)==null||e.removeEventListener(s.selectionChange,this.onSelectionChange)}componentWillLoad(){this.internals=_(this.host),this.syncExternalLabel(this._ariaLabelledby),this.validateAllowMultiSort(this._allowMultiSort),this.validateData(this._data),this.validateDataFoot(this._dataFoot),this.validateFixedCols(this._fixedCols),this.validateHeaders(this._headers),this.validateLabel(this._label),this.validateOn(this._on),this.validatePagination(this._pagination),this.validatePaginationPosition(this._paginationPosition),this.validateSelection(this._selection),this.validateHasSettingsMenu(this._hasSettingsMenu)}selectDisplayedData(e,t,n){return typeof t==`number`&&t>0&&typeof n==`number`&&n>0?(this.pageStartSlice=t*(n-1),this.pageEndSlice=t*n>e.length?e.length:t*n,e.slice(this.pageStartSlice,this.pageEndSlice)):(this.pageStartSlice=0,this.pageEndSlice=e.length,e)}renderPagination(e){let t=g(`kol-table-pagination-label`,{placeholders:{label:`${this.state._label} (${g(`kol-pagination-position-${e}`)})`}});return d(`div`,{class:`kol-table-stateful__pagination kol-table-stateful__pagination--${this.state._paginationPosition}`},d(`div`,{class:`kol-table-stateful__pagination-wrapper`},d(u,{_boundaryCount:this.state._pagination._boundaryCount,_customClass:this.state._pagination._customClass,_hasButtons:this.state._pagination._hasButtons,_on:this.handlePagination,_page:this.state._pagination._page,_pageSize:this.state._pagination._pageSize,_pageSizeOptions:this.state._pagination._pageSizeOptions||A,_siblingCount:this.state._pagination._siblingCount,_tooltipAlign:`bottom`,_max:this.state._pagination._max||this.state._data.length,_label:t})))}getHeaderCellSortState(e){if(!(e.type!==void 0&&e.type!=="default")&&!this.disableSort&&typeof e.compareFn==`function`){if(e.key){let t=this.sortData.find(t=>t.key===e.key);if(t?.direction)return t.direction}return`NOS`}}getHeaderCellSortOrder(e){if(!(e.type!==void 0&&e.type!=="default")&&!this.disableSort&&this.state._allowMultiSort&&typeof e.compareFn==`function`&&e.key){let t=this.sortData.findIndex(t=>t.key===e.key);if(t>=0)return t+1}}handleSort({key:e}){let t=this.state._headers.horizontal??[],n=this.state._headers.vertical??[],r=[];for(let e of t)Array.isArray(e)&&r.push(...e);for(let e of n)Array.isArray(e)&&r.push(...e);let i=r.find(t=>t.key===e);i&&this.changeCellSort(i)}getSelectedData(e){let t=this.state._selection;if(t){let n=t.keyPropertyName??`id`,r=new Set(e.map(String)),i=this.state._sortedData.filter(e=>r.has(String(e[n])));if(n)return i}return null}handleSelectionChange(e,t){let n=this.state._selection;n&&(this.state=Object.assign(Object.assign({},this.state),{_selection:Object.assign(Object.assign({},n),{selectedKeys:t})}));let r=this.getSelectedData(t);typeof this.state._on?.[T.onSelectionChange]==`function`&&this.state._on[T.onSelectionChange](e,r),this.host&&c(this.host,s.selectionChange,r)}async getSelection(){let e=this.state._selection?.selectedKeys||[];return this.getSelectedData(e)}async resetSort(){this.initializeSortFromHeaders(this.state._headers),this.updateSortedData()}headerKeysChanged(e,t){let n=e=>[...e.horizontal?.flatMap(e=>e.map(e=>e?.key).filter(e=>!!e))??[],...e.vertical?.flatMap(e=>e.map(e=>e?.key).filter(e=>!!e))??[]],r=n(e),i=n(t);return r.length!==i.length||r.some((e,t)=>e!==i[t])}mergeAdjustedHeaderCells(e){var t;let n=new Map;return(t=this.state._headers.horizontal)==null||t.forEach(e=>e.forEach(e=>{e?.key&&n.set(e.key,e)})),e.map(e=>e.map(e=>{let t=e?.key?n.get(e.key):void 0;if(!t)return e;let r=Object.assign({},t);return e.visible!==void 0&&(r.visible=e.visible),e.width!==void 0&&(r.width=e.width),e.hidable!==void 0&&(r.hidable=e.hidable),e.sortable!==void 0&&(r.sortable=e.sortable),e.resizable!==void 0&&(r.resizable=e.resizable),r}))}buildHeaderCells(){let e=e=>e&&Object.assign(Object.assign({},e),{sortDirection:this.getHeaderCellSortState(e),sortOrder:this.getHeaderCellSortOrder(e)});return{horizontal:(this.adjustedHeaderCells?.horizontal?this.mergeAdjustedHeaderCells(this.adjustedHeaderCells.horizontal):this.state._headers.horizontal)?.map(t=>t.map(e))??[],vertical:this.state._headers.vertical?.map(t=>t.map(e))??[]}}render(){let e=this.selectDisplayedData(this.state._sortedData,this.showPagination?this.state._pagination?._pageSize??10:this.state._sortedData.length,this.state._pagination._page||1),t=this._paginationPosition===`top`||this._paginationPosition===`both`?this.renderPagination(`top`):null,r=this._paginationPosition===`bottom`||this._paginationPosition===`both`?this.renderPagination(`bottom`):null,i=this.buildHeaderCells();return d(f,{key:`b20bfc7f61b6e5aaf05c40d61cb3250a1cb61779`,class:`kol-table-stateful`},this.pageEndSlice>0&&this.showPagination&&t,d(n,{key:`186d1b0d90b8516149d1f5939bb6c1460ce34949`,externalLabelElements:this.resolvedElements,ref:this.catchRef,_data:e,_fixedCols:this._fixedCols,_headerCells:i,_label:this.state._label,_dataFoot:this.state._dataFoot,_on:{onSort:(e,t)=>{this.handleSort(t)},onSelectionChange:(e,t)=>{this.handleSelectionChange(e,t)},onChangeHeaderCells:(e,t)=>{this.handleChangeHeaderCells(t)}},_selection:this.state._selection,_hasSettingsMenu:this.state._hasSettingsMenu,_variant:this._variant}),this.pageEndSlice>0&&this.showPagination&&r)}get host(){return o(this)}static get watchers(){return{_ariaLabelledby:[`validateAriaLabelledby`],_allowMultiSort:[`validateAllowMultiSort`],_data:[`validateData`],_dataFoot:[`validateDataFoot`],_fixedCols:[`validateFixedCols`],_paginationPosition:[`validatePaginationPosition`],_hasSettingsMenu:[`validateHasSettingsMenu`],_headers:[`validateHeaders`],_label:[`validateLabel`],_selection:[`validateSelection`],_on:[`validateOn`],_pagination:[`validatePagination`]}}};M.style={default:k};export{M as kol_table_stateful};
+//# sourceMappingURL=kol-table-stateful.entry-CyOXKEEW.js.map