@public-ui/components 4.3.0-rc.5 → 4.3.0-rc.6

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

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

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

@@ -1 +1 @@
-{"version":3,"names":["registerInstance","h","Host","getElement","KolPaginationWcTag","KolTableStatelessWcTag","translate","watchBoolean","watchValidator","setState","emptyStringByArrayHandler","objectObjectHandler","parseJson","devHint","attachInternals","validateAriaLabelledby","validateTableData","validateTableDataFoot","validateFixedCols","validateHasSettingsMenu","validateTableSelection","validateTableStatefulCallbacks","validateLabel","Callback","KolEvent","dispatchDomEvent","validateAllowMultiSort","component","value","options","Object","assign","defaultValue","paginationPositionPropTypeOptions","validatePaginationPosition","includes","Set","join","defaultStyleCss","PAGINATION_OPTIONS","paginationValidator","KolTableStateful","constructor","hostRef","this","resolvedElements","catchRef","ref","tableWcRef","sortData","showPagination","pageStartSlice","pageEndSlice","disableSort","_paginationPosition","state","_allowMultiSort","_fixedCols","_data","_dataFoot","_headers","horizontal","vertical","_label","_pagination","_page","_pageSize","_max","_sortedData","_hasSettingsMenu","handlePagination","onClick","event","page","_a","_on","onChangePage","onChangePageSize","pageSize","onSelectionChange","stopPropagation","updateSortedData","sortedData","length","sort","a","b","index","data","result","compareFn","direction","handleChangeHeaderCells","headerCells","adjustedHeaderCells","syncExternalLabel","host","internals","validateData","afterPatch","setTimeout","validateDataFoot","changeCellSort","headerCell","type","undefined","key","findIndex","settings","splice","push","label","initializeSortFromHeaders","headers","_b","hasSortedCells","applySort","cells","forEach","cell","sortDirection","validateHeaders","hooks","beforePatch","nextValue","headerKeysChanged","required","validateSelection","validateOn","validatePagination","componentDidLoad","addEventListener","selectionChange","_ariaLabelledby","disconnectedCallback","removeEventListener","componentWillLoad","_selection","selectDisplayedData","slice","renderPagination","position","placeholders","class","_boundaryCount","_customClass","_hasButtons","_pageSizeOptions","_siblingCount","_tooltipAlign","getHeaderCellSortState","find","getHeaderCellSortOrder","handleSort","horizontalHeaders","verticalHeaders","allHeaders","row","Array","isArray","getSelectedData","selectedKeys","selection","keyPropertyName","keySet","map","String","filter","item","has","handleSelectionChange","selectedData","getSelection","resetSort","previous","next","getKeys","_c","_d","flatMap","Boolean","column","previousKeys","nextKeys","some","mergeAdjustedHeaderCells","adjusted","originalByKey","Map","set","original","get","merged","visible","width","hidable","sortable","resizable","buildHeaderCells","overlaySortState","sortOrder","render","displayedData","paginationTop","paginationBottom","externalLabelElements","_headerCells","onSort","_","payload","onChangeHeaderCells","_event","_variant","watchers","style","default"],"sources":["0"],"mappings":";;;YAGcA,OAAkBC,OAAQC,OAAWC,MAAkB,kCACvDC,OAAyBC,MAA8B,4CACvDC,MAAiB,iCACjBC,OAAmBC,OAAqBC,OAAeC,OAAgCC,OAA0BC,OAAgBC,MAAe,mCAChJC,MAAuB,4CACvBC,MAA8B,4CAC9BC,OAAwBC,OAA4BC,OAAwBC,OAA8BC,OAA6BC,MAAsC,4CAC7KC,MAAqB,kCACrBC,MAAgB,qCAChBC,OAAeC,MAAwB,6BAC9C,qBAEP,MAAMC,EAAyB,CAACC,EAAWC,EAAOC,EAAU,CAAC,KACzDtB,EAAaoB,EAAW,kBAAmBC,EAAOE,OAAOC,OAAO,CAAEC,aAAc,OAASH,GAAS,EAGtG,MAAMI,EAAoC,CAAC,MAAO,SAAU,QAC5D,MAAMC,EAA6B,CAACP,EAAWC,KAC3CpB,EAAemB,EAAW,uBAAwBC,UAAiBA,IAAU,UAAYK,EAAkCE,SAASP,IAAQ,IAAIQ,IAAI,CAAC,+BAA+BH,EAAkCI,KAAK,UAAWT,EAAO,CACzOI,aAAc,UAChB,EAGN,MAAMM,EAAkB,06rBAExB,MAAMC,EAAqB,CAAC,GAAI,GAAI,GAAI,KACxC,MAAMC,EAAuBZ,GAAUA,IAAU,MAAQA,IAAU,WAAcA,IAAU,UAAYA,IAAU,KACjH,MAAMa,EAAmB,MACrB,WAAAC,CAAYC,GACR3C,EAAiB4C,KAAMD,GACvBC,KAAKC,iBAAmB,GACxBD,KAAKE,SAAYC,IACbH,KAAKI,WAAaD,CAAG,EAEzBH,KAAKK,SAAW,GAChBL,KAAKM,eAAiB,MACtBN,KAAKO,eAAiB,EACtBP,KAAKQ,aAAe,GACpBR,KAAKS,YAAc,MACnBT,KAAKU,oBAAsB,SAC3BV,KAAKW,MAAQ,CACTC,gBAAiB,MACjBC,WAAY,CAAC,EAAG,GAChBC,MAAO,GACPC,UAAW,GACXC,SAAU,CACNC,WAAY,GACZC,SAAU,IAEdC,OAAQ,GACRC,YAAa,CACTC,MAAO,EACPC,UAAW,GACXC,KAAM,GAEVC,YAAa,GACbd,oBAAqB,SACrBe,iBAAkB,OAEtBzB,KAAK0B,iBAAmB,CACpBC,QAAS,CAACC,EAAOC,KACb,IAAIC,EACJ,WAAaA,EAAK9B,KAAKW,MAAMS,YAAYW,OAAS,MAAQD,SAAY,OAAS,EAAIA,EAAGH,WAAa,WAAY,CAC3G3B,KAAKW,MAAMS,YAAYW,IAAIJ,QAAQC,EAAOC,EAC9C,CACAhE,EAASmC,KAAM,cAAed,OAAOC,OAAOD,OAAOC,OAAO,CAAC,EAAGa,KAAKW,MAAMS,aAAc,CAAEC,MAAOQ,IAAQ,EAE5GG,aAAc,CAACJ,EAAOC,KAClB,IAAIC,EACJ,WAAaA,EAAK9B,KAAKW,MAAMS,YAAYW,OAAS,MAAQD,SAAY,OAAS,EAAIA,EAAGE,gBAAkB,WAAY,CAChHhC,KAAKW,MAAMS,YAAYW,IAAIC,aAAaJ,EAAOC,EACnD,CACAhE,EAASmC,KAAM,cAAed,OAAOC,OAAOD,OAAOC,OAAO,CAAC,EAAGa,KAAKW,MAAMS,aAAc,CAAEC,MAAOQ,IAAQ,EAE5GI,iBAAkB,CAACL,EAAOM,KACtB,IAAIJ,EACJ,WAAaA,EAAK9B,KAAKW,MAAMS,YAAYW,OAAS,MAAQD,SAAY,OAAS,EAAIA,EAAGG,oBAAsB,WAAY,CACpHjC,KAAKW,MAAMS,YAAYW,IAAIE,iBAAiBL,EAAOM,EACvD,CACArE,EAASmC,KAAM,cAAed,OAAOC,OAAOD,OAAOC,OAAO,CAAC,EAAGa,KAAKW,MAAMS,aAAc,CAAEE,UAAWY,KACpGrE,EAASmC,KAAM,YAAakC,EAAS,GAG7ClC,KAAKmC,kBAAqBP,IACtBA,EAAMQ,iBAAiB,EAE3BpC,KAAKqC,iBAAmB,KACpB,GAAIrC,KAAKS,YAAa,CAClB5C,EAASmC,KAAM,cAAeA,KAAKW,MAAMG,OACzC,MACJ,CACA,MAAMwB,EAAa,IAAItC,KAAKW,MAAMG,OAClC,GAAId,KAAKK,SAASkC,OAAS,EAAG,CAC1BD,EAAWE,MAAK,CAACC,EAAGC,KAChB,IAAK,IAAIC,EAAQ,EAAGA,EAAQ3C,KAAKK,SAASkC,OAAQI,IAAS,CACvD,MAAMC,EAAO5C,KAAKK,SAASsC,GAC3B,MAAME,EAASD,EAAKE,UAAUL,EAAGC,EAAGE,EAAKG,WACzC,GAAIF,IAAW,EAAG,CACd,OAAOD,EAAKG,YAAc,MAAQF,GAAUA,CAChD,CACJ,CACA,OAAO,CAAC,GAEhB,CACAhF,EAASmC,KAAM,cAAesC,EAAW,EAE7CtC,KAAKgD,wBAA2BC,IAC5BjD,KAAKkD,oBAAsBD,CAAW,CAE9C,CACA,sBAAA9E,CAAuBa,GACnBgB,KAAKmD,kBAAkBnE,EAC3B,CACA,iBAAAmE,CAAkBnE,GACdgB,KAAKC,iBAAmB9B,EAAuB6B,KAAMA,KAAKoD,KAAMpD,KAAKqD,UAAWrE,EACpF,CACA,sBAAAF,CAAuBE,GACnBF,EAAuBkB,KAAMhB,EAAO,CAAEI,aAAc,OACxD,CACA,YAAAkE,CAAatE,GACTZ,EAAkB4B,KAAMhB,EAAO,CAC3BuE,WAAY,KACRC,WAAWxD,KAAKqC,iBAAiB,GAG7C,CACA,gBAAAoB,CAAiBzE,GACbX,EAAsB2B,KAAMhB,EAAO,CAC/BuE,WAAY,KACRC,WAAWxD,KAAKqC,iBAAiB,GAG7C,CACA,iBAAA/D,CAAkBU,GACdV,EAAkB0B,KAAMhB,EAC5B,CACA,0BAAAM,CAA2BN,GACvBM,EAA2BU,KAAMhB,EACrC,CACA,uBAAAT,CAAwBS,GACpBT,EAAwByB,KAAMhB,EAClC,CACA,cAAA0E,CAAeC,GACX,IAAI7B,EACJ,GAAI6B,EAAWC,OAASC,WAAaF,EAAWC,OAAS,UAAW,CAChE,UAAWD,EAAWb,YAAc,WAAY,CAC5C,MACJ,CACA,IAAK9C,KAAKW,MAAMC,iBAAmB+C,EAAWG,QAAUhC,EAAK9B,KAAKK,SAAS,MAAQ,MAAQyB,SAAY,OAAS,EAAIA,EAAGgC,KAAM,CACzH9D,KAAKK,SAAW,EACpB,CACA,MAAMsC,EAAQ3C,KAAKK,SAAS0D,WAAW/E,GAAUA,EAAM8E,MAAQH,EAAWG,MAC1E,GAAInB,GAAS,EAAG,CACZ,MAAMqB,EAAWhE,KAAKK,SAASsC,GAC/B,OAAQqB,EAASjB,WACb,IAAK,MACDiB,EAASjB,UAAY,OACrB,MACJ,IAAK,OACD/C,KAAKK,SAAS4D,OAAOtB,EAAO,GAC5B,MACJ,QACIqB,EAASjB,UAAY,MACrB,MAEZ,MACK,GAAIY,EAAWG,IAAK,CACrB9D,KAAKK,SAAS6D,KAAK,CACfC,MAAOR,EAAWQ,MAClBL,IAAKH,EAAWG,IAChBhB,UAAWa,EAAWb,UACtBC,UAAW,OAEnB,CACA/C,KAAKqC,kBACT,CACJ,CACA,yBAAA+B,CAA0BC,GACtB,IAAIvC,EAAIwC,EACR,IAAIC,EAAiB,MACrB,MAAMC,EAAaC,IACfzE,KAAKK,SAAW,GAChBoE,EAAMC,SAASC,IACX,GAAIA,EAAKf,OAASC,WAAac,EAAKf,OAAS,UAAW,CACpD,MACJ,CACA,UAAWe,EAAK7B,YAAc,aAAe6B,EAAKb,IAAK,CACnD7F,EAAQ,qEACR,MACJ,CACA,MAAM6F,EAAMa,EAAKb,IACjB,IAAKA,EAAK,CACN,MACJ,CACA,MAAMc,EAAgBD,EAAKC,cAC3B,GAAIA,IAAkB,OAASA,IAAkB,OAAQ,CACrD,UAAWD,EAAK7B,YAAc,WAAY,CACtC,GAAI9C,KAAKW,MAAMC,iBAAmBZ,KAAKK,SAASkC,SAAW,EAAG,CAC1DvC,KAAKK,SAAS6D,KAAK,CAAEC,MAAOQ,EAAKR,MAAOL,MAAKhB,UAAW6B,EAAK7B,UAAWC,UAAW6B,GACvF,CACAL,EAAiB,IACrB,CACJ,IACF,GAELzC,EAAKuC,EAAQpD,cAAgB,MAAQa,SAAY,OAAS,EAAIA,EAAG4C,QAAQF,IACzEF,EAAKD,EAAQnD,YAAc,MAAQoD,SAAY,OAAS,EAAIA,EAAGI,QAAQF,GACxE,OAAOD,CACX,CACA,eAAAM,CAAgB7F,GACZlB,EAA0BkB,GAAO,KAC7BjB,EAAoBiB,GAAO,KACvB,IACIA,EAAQhB,EAAUgB,EACtB,CACA,MAAO8C,GACP,CACAlE,EAAeoC,KAAM,YAAahB,UAAiBA,IAAU,UAAYA,IAAU,MAAM,IAAIQ,IAAI,CAAC,wBAAyBR,EAAO,CAC9H8F,MAAO,CACHC,YAAcC,IACV,IAAIlD,EAAIwC,EACR,MAAMD,EAAUW,EAChB,GAAIhF,KAAKiF,kBAAkBjF,KAAKW,MAAMK,SAAUqD,GAAU,CACtDrE,KAAKkD,oBAAsBW,SAC/B,CACA,MAAMU,EAAiBvE,KAAKoE,0BAA0BC,GACtD,GAAIE,EAAgB,CAChBf,YAAW,IAAMxD,KAAKqC,oBAC1B,CACA,GAAIgC,EAAQpD,YAAcoD,EAAQnD,YAAcY,EAAKuC,EAAQpD,cAAgB,MAAQa,SAAY,OAAS,EAAIA,EAAGS,QAAU,KAAO+B,EAAKD,EAAQnD,YAAc,MAAQoD,SAAY,OAAS,EAAIA,EAAG/B,QAAU,EAAG,CAC1MvC,KAAKS,YAAc,KACnBxC,EAAQ,8JACZ,KAGV,GACJ,GAEV,CACA,aAAAS,CAAcM,GACVN,EAAcsB,KAAMhB,EAAO,CACvBkG,SAAU,MAElB,CACA,iBAAAC,CAAkBnG,GACdR,EAAuBwB,KAAMhB,EACjC,CACA,UAAAoG,CAAWpG,GACPP,EAA+BuB,KAAMhB,EACzC,CACA,kBAAAqG,CAAmBrG,GACf,IACIA,EAAQhB,EAAUgB,EACtB,CACA,MAAO8C,GACP,CACA9B,KAAKM,eAAiBV,EAAoBZ,GAC1CpB,EAAeoC,KAAM,cAAeJ,EAAqB,IAAIJ,IAAI,CAAC,UAAW,2BAA4BR,EAAO,CAC5GI,aAAc,CACViC,MAAO,EACPC,UAAW,GACXC,KAAM,IAGlB,CACA,gBAAA+D,GACI,IAAIxD,GACHA,EAAK9B,KAAKI,cAAgB,MAAQ0B,SAAY,OAAS,EAAIA,EAAGyD,iBAAiB3G,EAAS4G,gBAAiBxF,KAAKmC,mBAC/G,IAAKnC,KAAKC,iBAAiBsC,OAAQ,CAC/BvC,KAAKmD,kBAAkBnD,KAAKyF,gBAChC,CACJ,CACA,oBAAAC,GACI,IAAI5D,GACHA,EAAK9B,KAAKI,cAAgB,MAAQ0B,SAAY,OAAS,EAAIA,EAAG6D,oBAAoB/G,EAAS4G,gBAAiBxF,KAAKmC,kBACtH,CACA,iBAAAyD,GACI5F,KAAKqD,UAAYnF,EAAgB8B,KAAKoD,MACtCpD,KAAKmD,kBAAkBnD,KAAKyF,iBAC5BzF,KAAKlB,uBAAuBkB,KAAKY,iBACjCZ,KAAKsD,aAAatD,KAAKc,OACvBd,KAAKyD,iBAAiBzD,KAAKe,WAC3Bf,KAAK1B,kBAAkB0B,KAAKa,YAC5Bb,KAAK6E,gBAAgB7E,KAAKgB,UAC1BhB,KAAKtB,cAAcsB,KAAKmB,QACxBnB,KAAKoF,WAAWpF,KAAK+B,KACrB/B,KAAKqF,mBAAmBrF,KAAKoB,aAC7BpB,KAAKV,2BAA2BU,KAAKU,qBACrCV,KAAKmF,kBAAkBnF,KAAK6F,YAC5B7F,KAAKzB,wBAAwByB,KAAKyB,iBACtC,CACA,mBAAAqE,CAAoBlD,EAAMV,EAAUL,GAChC,UAAWK,IAAa,UAAYA,EAAW,UAAYL,IAAS,UAAYA,EAAO,EAAG,CACtF7B,KAAKO,eAAiB2B,GAAYL,EAAO,GACzC7B,KAAKQ,aAAe0B,EAAWL,EAAOe,EAAKL,OAASK,EAAKL,OAASL,EAAWL,EAC7E,OAAOe,EAAKmD,MAAM/F,KAAKO,eAAgBP,KAAKQ,aAChD,KACK,CACDR,KAAKO,eAAiB,EACtBP,KAAKQ,aAAeoC,EAAKL,OACzB,OAAOK,CACX,CACJ,CACA,gBAAAoD,CAAiBC,GACb,MAAM9B,EAAQzG,EAAU,6BAA8B,CAClDwI,aAAc,CACV/B,MAAO,GAAGnE,KAAKW,MAAMQ,WAAWzD,EAAU,2BAA2BuI,WAG7E,OAAQ5I,EAAE,MAAO,CAAE8I,MAAO,kEAAkEnG,KAAKW,MAAMD,uBAAyBrD,EAAE,MAAO,CAAE8I,MAAO,0CAA4C9I,EAAEG,EAAoB,CAAE4I,eAAgBpG,KAAKW,MAAMS,YAAYgF,eAAgBC,aAAcrG,KAAKW,MAAMS,YAAYiF,aAAcC,YAAatG,KAAKW,MAAMS,YAAYkF,YAAavE,IAAK/B,KAAK0B,iBAAkBL,MAAOrB,KAAKW,MAAMS,YAAYC,MAAOC,UAAWtB,KAAKW,MAAMS,YAAYE,UAAWiF,iBAAkBvG,KAAKW,MAAMS,YAAYmF,kBAAoB5G,EAAoB6G,cAAexG,KAAKW,MAAMS,YAAYoF,cAAeC,cAAe,SAAUlF,KAAMvB,KAAKW,MAAMS,YAAYG,MAAQvB,KAAKW,MAAMG,MAAMyB,OAAQpB,OAAQgD,KACxsB,CACA,sBAAAuC,CAAuB/C,GACnB,GAAIA,EAAWC,OAASC,WAAaF,EAAWC,OAAS,UAAW,CAChE,MACJ,CACA,IAAK5D,KAAKS,oBAAsBkD,EAAWb,YAAc,WAAY,CACjE,GAAIa,EAAWG,IAAK,CAChB,MAAMlB,EAAO5C,KAAKK,SAASsG,MAAM3H,GAAUA,EAAM8E,MAAQH,EAAWG,MACpE,GAAIlB,IAAS,MAAQA,SAAc,OAAS,EAAIA,EAAKG,UAAW,CAC5D,OAAOH,EAAKG,SAChB,CACJ,CACA,MAAO,KACX,CACJ,CACA,sBAAA6D,CAAuBjD,GACnB,GAAIA,EAAWC,OAASC,WAAaF,EAAWC,OAAS,UAAW,CAChE,MACJ,CACA,IAAK5D,KAAKS,aAAeT,KAAKW,MAAMC,wBAA0B+C,EAAWb,YAAc,YAAca,EAAWG,IAAK,CACjH,MAAMnB,EAAQ3C,KAAKK,SAAS0D,WAAW/E,GAAUA,EAAM8E,MAAQH,EAAWG,MAC1E,GAAInB,GAAS,EAAG,CACZ,OAAOA,EAAQ,CACnB,CACJ,CACJ,CACA,UAAAkE,EAAW/C,IAAEA,IACT,IAAIhC,EAAIwC,EACR,MAAMwC,GAAqBhF,EAAK9B,KAAKW,MAAMK,SAASC,cAAgB,MAAQa,SAAY,EAAIA,EAAK,GACjG,MAAMiF,GAAmBzC,EAAKtE,KAAKW,MAAMK,SAASE,YAAc,MAAQoD,SAAY,EAAIA,EAAK,GAC7F,MAAM0C,EAAa,GACnB,IAAK,MAAMC,KAAOH,EAAmB,CACjC,GAAII,MAAMC,QAAQF,GAAM,CACpBD,EAAW9C,QAAQ+C,EACvB,CACJ,CACA,IAAK,MAAMA,KAAOF,EAAiB,CAC/B,GAAIG,MAAMC,QAAQF,GAAM,CACpBD,EAAW9C,QAAQ+C,EACvB,CACJ,CACA,MAAMtD,EAAaqD,EAAWL,MAAMhC,GAASA,EAAKb,MAAQA,IAC1D,GAAIH,EAAY,CACZ3D,KAAK0D,eAAeC,EACxB,CACJ,CACA,eAAAyD,CAAgBC,GACZ,IAAIvF,EACJ,MAAMwF,EAAYtH,KAAKW,MAAMkF,WAC7B,GAAIyB,EAAW,CACX,MAAMC,GAAmBzF,EAAKwF,EAAUC,mBAAqB,MAAQzF,SAAY,EAAIA,EAAK,KAC1F,MAAM0F,EAAS,IAAIhI,IAAI6H,EAAaI,IAAIC,SACxC,MAAM9E,EAAO5C,KAAKW,MAAMa,YAAYmG,QAAQC,GAASJ,EAAOK,IAAIH,OAAOE,EAAKL,OAC5E,GAAIA,EACA,OAAO3E,CACf,CACA,OAAO,IACX,CACA,qBAAAkF,CAAsBlG,EAAOyF,GACzB,IAAIvF,EACJ,MAAMwF,EAAYtH,KAAKW,MAAMkF,WAC7B,GAAIyB,EACAtH,KAAKW,MAAQzB,OAAOC,OAAOD,OAAOC,OAAO,CAAC,EAAGa,KAAKW,OAAQ,CAAEkF,WAAY3G,OAAOC,OAAOD,OAAOC,OAAO,CAAC,EAAGmI,GAAY,CAAED,mBAC1H,MAAMU,EAAe/H,KAAKoH,gBAAgBC,GAC1C,WAAavF,EAAK9B,KAAKW,MAAMoB,OAAS,MAAQD,SAAY,OAAS,EAAIA,EAAGnD,EAASwD,sBAAwB,WAAY,CACnHnC,KAAKW,MAAMoB,IAAIpD,EAASwD,mBAAmBP,EAAOmG,EACtD,CACA,GAAI/H,KAAKoD,KAAM,CACXvE,EAAiBmB,KAAKoD,KAAMxE,EAAS4G,gBAAiBuC,EAC1D,CACJ,CACA,kBAAMC,GACF,IAAIlG,EACJ,MAAMuF,IAAiBvF,EAAK9B,KAAKW,MAAMkF,cAAgB,MAAQ/D,SAAY,OAAS,EAAIA,EAAGuF,eAAiB,GAC5G,OAAOrH,KAAKoH,gBAAgBC,EAChC,CACA,eAAMY,GACFjI,KAAKoE,0BAA0BpE,KAAKW,MAAMK,UAC1ChB,KAAKqC,kBACT,CACA,iBAAA4C,CAAkBiD,EAAUC,GACxB,MAAMC,EAAW/D,IACb,IAAIvC,EAAIwC,EAAI+D,EAAIC,EAChB,MAAO,KACEhE,GAAMxC,EAAKuC,EAAQpD,cAAgB,MAAQa,SAAY,OAAS,EAAIA,EAAGyG,SAAStB,GAAQA,EAAIQ,KAAK9C,GAASA,IAAS,MAAQA,SAAc,OAAS,EAAIA,EAAKb,MAAK6D,QAAQ7D,GAAQ0E,QAAQ1E,UAAY,MAAQQ,SAAY,EAAIA,EAAK,OACjOgE,GAAMD,EAAKhE,EAAQnD,YAAc,MAAQmH,SAAY,OAAS,EAAIA,EAAGE,SAASE,GAAWA,EAAOhB,KAAK9C,GAASA,IAAS,MAAQA,SAAc,OAAS,EAAIA,EAAKb,MAAK6D,QAAQ7D,GAAQ0E,QAAQ1E,UAAY,MAAQwE,SAAY,EAAIA,EAAK,GAC7O,EAEL,MAAMI,EAAeN,EAAQF,GAC7B,MAAMS,EAAWP,EAAQD,GACzB,OAAOO,EAAanG,SAAWoG,EAASpG,QAAUmG,EAAaE,MAAK,CAAC9E,EAAKnB,IAAUmB,IAAQ6E,EAAShG,IACzG,CACA,wBAAAkG,CAAyBC,GACrB,IAAIhH,EACJ,MAAMiH,EAAgB,IAAIC,KACzBlH,EAAK9B,KAAKW,MAAMK,SAASC,cAAgB,MAAQa,SAAY,OAAS,EAAIA,EAAG4C,SAASuC,GAAQA,EAAIvC,SAASC,IACxG,GAAIA,IAAS,MAAQA,SAAc,OAAS,EAAIA,EAAKb,IAAK,CACtDiF,EAAcE,IAAItE,EAAKb,IAAKa,EAChC,OAEJ,OAAOmE,EAASrB,KAAKR,GAAQA,EAAIQ,KAAK9C,IAClC,MAAMuE,GAAYvE,IAAS,MAAQA,SAAc,OAAS,EAAIA,EAAKb,KAAOiF,EAAcI,IAAIxE,EAAKb,KAAOD,UACxG,IAAKqF,EAAU,CACX,OAAOvE,CACX,CACA,MAAMyE,EAASlK,OAAOC,OAAO,CAAC,EAAG+J,GACjC,GAAIvE,EAAK0E,UAAYxF,UACjBuF,EAAOC,QAAU1E,EAAK0E,QAC1B,GAAI1E,EAAK2E,QAAUzF,UACfuF,EAAOE,MAAQ3E,EAAK2E,MACxB,GAAI3E,EAAK4E,UAAY1F,UACjBuF,EAAOG,QAAU5E,EAAK4E,QAC1B,GAAI5E,EAAK6E,WAAa3F,UAClBuF,EAAOI,SAAW7E,EAAK6E,SAC3B,GAAI7E,EAAK8E,YAAc5F,UACnBuF,EAAOK,UAAY9E,EAAK8E,UAC5B,OAAOL,CAAM,KAErB,CACA,gBAAAM,GACI,IAAI5H,EAAIwC,EAAI+D,EAAIC,EAChB,MAAMqB,EAAoBhF,GAASA,EAC7BzF,OAAOC,OAAOD,OAAOC,OAAO,CAAC,EAAGwF,GAAO,CAAEC,cAAe5E,KAAK0G,uBAAuB/B,GAAOiF,UAAW5J,KAAK4G,uBAAuBjC,KAAWA,EACnJ,MAAMmC,IAAsBhF,EAAK9B,KAAKkD,uBAAyB,MAAQpB,SAAY,OAAS,EAAIA,EAAGb,YAC7FjB,KAAK6I,yBAAyB7I,KAAKkD,oBAAoBjC,YACvDjB,KAAKW,MAAMK,SAASC,WAC1B,MAAO,CACHA,YAAaqD,EAAKwC,IAAsB,MAAQA,SAA2B,OAAS,EAAIA,EAAkBW,KAAKR,GAAQA,EAAIQ,IAAIkC,QAAwB,MAAQrF,SAAY,EAAIA,EAAK,GACpLpD,UAAWoH,GAAMD,EAAKrI,KAAKW,MAAMK,SAASE,YAAc,MAAQmH,SAAY,OAAS,EAAIA,EAAGZ,KAAKgB,GAAWA,EAAOhB,IAAIkC,QAAwB,MAAQrB,SAAY,EAAIA,EAAK,GAEpL,CACA,MAAAuB,GACI,IAAI/H,EAAIwC,EACR,MAAMwF,EAAgB9J,KAAK8F,oBAAoB9F,KAAKW,MAAMa,YAAaxB,KAAKM,gBAAmBgE,GAAMxC,EAAK9B,KAAKW,MAAMS,eAAiB,MAAQU,SAAY,OAAS,EAAIA,EAAGR,aAAe,MAAQgD,SAAY,EAAIA,EAAK,GAAMtE,KAAKW,MAAMa,YAAYe,OAAQvC,KAAKW,MAAMS,YAAYC,OAAS,GAC3R,MAAM0I,EAAgB/J,KAAKU,sBAAwB,OAASV,KAAKU,sBAAwB,OAASV,KAAKgG,iBAAiB,OAAS,KACjI,MAAMgE,EAAmBhK,KAAKU,sBAAwB,UAAYV,KAAKU,sBAAwB,OAASV,KAAKgG,iBAAiB,UAAY,KAC1I,MAAM/C,EAAcjD,KAAK0J,mBACzB,OAAQrM,EAAEC,EAAM,CAAEwG,IAAK,2CAA4CqC,MAAO,sBAAwBnG,KAAKQ,aAAe,GAAKR,KAAKM,gBAAkByJ,EAAe1M,EAAEI,EAAwB,CAAEqG,IAAK,2CAA4CmG,sBAAuBjK,KAAKC,iBAAkBE,IAAKH,KAAKE,SAAUY,MAAOgJ,EAAejJ,WAAYb,KAAKa,WAAYqJ,aAAcjH,EAAa9B,OAAQnB,KAAKW,MAAMQ,OAAQJ,UAAWf,KAAKW,MAAMI,UAAWgB,IAAK,CACvboI,OAAQ,CAACC,EAAGC,KACRrK,KAAK6G,WAAWwD,EAAQ,EAE5BlI,kBAAmB,CAACP,EAAO5C,KACvBgB,KAAK8H,sBAAsBlG,EAAO5C,EAAM,EAE5CsL,oBAAqB,CAACC,EAAQtH,KAC1BjD,KAAKgD,wBAAwBC,EAAY,GAE9C4C,WAAY7F,KAAKW,MAAMkF,WAAYpE,iBAAkBzB,KAAKW,MAAMc,iBAAkB+I,SAAUxK,KAAKwK,WAAaxK,KAAKQ,aAAe,GAAKR,KAAKM,gBAAkB0J,EACzK,CACA,QAAI5G,GAAS,OAAO7F,EAAWyC,KAAO,CACtC,mBAAWyK,GAAa,MAAO,CAC3BhF,gBAAmB,CAAC,0BACpB7E,gBAAmB,CAAC,0BACpBE,MAAS,CAAC,gBACVC,UAAa,CAAC,oBACdF,WAAc,CAAC,qBACfH,oBAAuB,CAAC,8BACxBe,iBAAoB,CAAC,2BACrBT,SAAY,CAAC,mBACbG,OAAU,CAAC,iBACX0E,WAAc,CAAC,qBACf9D,IAAO,CAAC,cACRX,YAAe,CAAC,sBACjB,GAEPvB,EAAiB6K,MAAQ,CACrBC,QAASjL,UAGJG","ignoreList":[]}
+{"version":3,"names":["registerInstance","h","Host","getElement","KolPaginationWcTag","KolTableStatelessWcTag","translate","watchBoolean","watchValidator","setState","emptyStringByArrayHandler","objectObjectHandler","parseJson","devHint","attachInternals","validateAriaLabelledby","validateTableData","validateTableDataFoot","validateFixedCols","validateHasSettingsMenu","validateTableSelection","validateTableStatefulCallbacks","validateLabel","Callback","KolEvent","dispatchDomEvent","validateAllowMultiSort","component","value","options","Object","assign","defaultValue","paginationPositionPropTypeOptions","validatePaginationPosition","includes","Set","join","defaultStyleCss","PAGINATION_OPTIONS","paginationValidator","KolTableStateful","constructor","hostRef","this","resolvedElements","catchRef","ref","tableWcRef","sortData","showPagination","pageStartSlice","pageEndSlice","disableSort","_paginationPosition","state","_allowMultiSort","_fixedCols","_data","_dataFoot","_headers","horizontal","vertical","_label","_pagination","_page","_pageSize","_max","_sortedData","_hasSettingsMenu","handlePagination","onClick","event","page","_a","_on","onChangePage","onChangePageSize","pageSize","onSelectionChange","stopPropagation","updateSortedData","sortedData","length","sort","a","b","index","data","result","compareFn","direction","handleChangeHeaderCells","headerCells","adjustedHeaderCells","syncExternalLabel","host","internals","validateData","afterPatch","setTimeout","validateDataFoot","changeCellSort","headerCell","type","undefined","key","findIndex","settings","splice","push","label","initializeSortFromHeaders","headers","_b","hasSortedCells","applySort","cells","forEach","cell","sortDirection","validateHeaders","hooks","beforePatch","nextValue","headerKeysChanged","required","validateSelection","validateOn","validatePagination","componentDidLoad","addEventListener","selectionChange","_ariaLabelledby","disconnectedCallback","removeEventListener","componentWillLoad","_selection","selectDisplayedData","slice","renderPagination","position","placeholders","class","_boundaryCount","_customClass","_hasButtons","_pageSizeOptions","_siblingCount","_tooltipAlign","getHeaderCellSortState","find","getHeaderCellSortOrder","handleSort","horizontalHeaders","verticalHeaders","allHeaders","row","Array","isArray","getSelectedData","selectedKeys","selection","keyPropertyName","keySet","map","String","filter","item","has","handleSelectionChange","selectedData","getSelection","resetSort","previous","next","getKeys","_c","_d","flatMap","Boolean","column","previousKeys","nextKeys","some","mergeAdjustedHeaderCells","adjusted","originalByKey","Map","set","original","get","merged","visible","width","hidable","sortable","resizable","buildHeaderCells","overlaySortState","sortOrder","render","displayedData","paginationTop","paginationBottom","externalLabelElements","_headerCells","onSort","_","payload","onChangeHeaderCells","_event","_variant","watchers","style","default"],"sources":["0"],"mappings":"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","ignoreList":[]}

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

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

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

@@ -1,5 +1,5 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{r as n,h as e,g as t}from"./index-btga56T2.js";import{k as o}from"./component-names-Dy77vq43.js";import{v as i}from"./aria-labelledby-bKQGdIef.js";import{a as l}from"./aria-labelledby-6-ki3akM.js";import"./common-D5l8QiaY.js";const a='@charset "UTF-8";\n/*\n* This file defines the layer order for all CSS layers used in KoliBri.\n* The order is important as it determines the cascade priority.\n*\n* Layer order (lowest to highest priority):\n* 1. kol-a11y - Accessibility defaults and requirements\n* 2. kol-global - Global component styles and resets\n* 3. kol-component - Component-specific styles\n* 4. kol-theme-global - Theme-specific global styles\n* 5. kol-theme-component - Theme-specific component styles\n*/\n@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;\n/* forward the rem function */\n/*\n * This file contains all rules for accessibility.\n */\n@layer kol-a11y {\n  :host {\n    /*\n     * Minimum size of interactive elements.\n     *\n     * The `max(…, 44px)` floor guarantees the WCAG 2.5.5 (AAA) target size of 44px:\n     * `to-rem(44)` runs the value through a `calc()` rem round-trip which can lose\n     * sub-pixel precision and resolve to e.g. 43.99px depending on the browser\'s\n     * rounding, dropping just below the required minimum.\n     */\n    --a11y-min-size: max(calc(44 * 1rem / var(--kolibri-root-font-size, 16)), 44px);\n    /*\n     * No element should be used without verifying the contrast ratio of its background and font colors.\n     * By initially setting the background color to white and the font color to black,\n     * the contrast ratio is ensured and explicit adjustment is forced.\n     */\n    color: black;\n    background-color: white;\n    /*\n     * Verdana is an accessible font that can be used without requiring additional loading time.\n     */\n    font-family: Verdana;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n    /*\n     * Text should be aligned left by default to provide a predictable starting point.\n     */\n    text-align: left;\n  }\n  * {\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    hyphens: auto;\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    word-break: break-word;\n  }\n  /*\n   * All interactive elements should have a minimum size of to-rem(44).\n   */\n  /* input:not([type=\'checkbox\'], [type=\'radio\'], [type=\'range\']), */\n  /* option, */\n  /* select, */\n  /* textarea, */\n  button,\n  .kol-input .input {\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n  }\n  /*\n   * Some interactive elements should not inherit the font-family and font-size.\n   */\n  a,\n  button,\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6,\n  input,\n  option,\n  select,\n  textarea {\n    /*\n     * All elements should inherit the text color from his parent element.\n     */\n    color: inherit;\n    /*\n     * All elements should inherit the font family from his parent element.\n     */\n    font-family: inherit;\n    /*\n     * All elements should inherit the font size from his parent element.\n     */\n    font-size: inherit;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n  }\n  /**\n  * Sometimes we need the semantic element for accessibility reasons,\n  * but we don\'t want to show it.\n  *\n  * - https://www.a11yproject.com/posts/how-to-hide-content/\n  */\n  .visually-hidden {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 1px;\n    height: 1px;\n    overflow: hidden;\n    white-space: nowrap;\n    clip-path: inset(50%);\n  }\n}\n@layer kol-global {\n  /*\n   * Dieses CSS stellt sicher, dass der Standard-Style\n   * von A und Button resettet werden.\n   */\n  :is(a, button) {\n    background-color: transparent;\n    width: 100%;\n    margin: 0;\n    padding: 0;\n    border: none;\n    /* 100% needed for custom width from outside */\n  }\n  /*\n   * Ensure elements with hidden attribute to be actually not visible\n   * @see https://meowni.ca/hidden.is.a.lie.html\n   */\n  [hidden] {\n    display: none !important;\n  }\n  .badge-text-hint {\n    color: black;\n    background-color: white;\n  }\n}\n@layer kol-global {\n  :host {\n    /*\n     * The max-width is needed to prevent the table from overflowing the\n     * parent node, if the table is wider than the parent node.\n     */\n    max-width: 100%;\n    font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  * {\n    /*\n     * We prefer to box-sizing: border-box for all elements.\n     */\n    box-sizing: border-box;\n  }\n  .kol-span {\n    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n    display: flex;\n    flex-flow: column;\n    align-items: center;\n    justify-content: center;\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n  }\n  .kol-span__container {\n    display: flex;\n    align-items: center;\n  }\n  a,\n  button {\n    cursor: pointer;\n  }\n  .kol-span .kol-span__label--hide-label .kol-span__label {\n    display: none;\n  }\n  /* Reset browser agent style. */\n  button:disabled {\n    color: unset;\n  }\n  .disabled label,\n  .disabled:focus-within label,\n  [aria-disabled=true],\n  [aria-disabled=true]:focus,\n  [disabled],\n  [disabled]:focus {\n    outline: none;\n    cursor: not-allowed;\n  }\n  [aria-disabled=true]:focus .kol-span,\n  [disabled]:focus .kol-span {\n    outline: none !important;\n  }\n  .hastooltip {\n    z-index: 900 !important;\n  }\n}\n@layer kol-component {\n  :host {\n    display: block;\n  }\n}\n@font-face {\n  font-family: "kolicons";\n  src: url("kolicons.eot?t=1784281062679"); /* IE9*/\n  src: url("kolicons.eot?t=1784281062679#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1784281062679") format("woff2"), url("kolicons.woff?t=1784281062679") format("woff"), url("kolicons.ttf?t=1784281062679") format("truetype"), url("kolicons.svg?t=1784281062679#kolicons") format("svg"); /* iOS 4.1- */\n}\n@layer kol-component {\n  [class^=kolicon-], [class*=" kolicon-"] {\n    font-family: "kolicons";\n    font-style: normal;\n    font-weight: 400;\n    line-height: 1em;\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n  }\n  .kolicon-alert-error::before {\n    content: "\\ea01";\n  }\n  .kolicon-alert-info::before {\n    content: "\\ea02";\n  }\n  .kolicon-alert-success::before {\n    content: "\\ea03";\n  }\n  .kolicon-alert-warning::before {\n    content: "\\ea04";\n  }\n  .kolicon-check::before {\n    content: "\\ea05";\n  }\n  .kolicon-chevron-double-left::before {\n    content: "\\ea06";\n  }\n  .kolicon-chevron-double-right::before {\n    content: "\\ea07";\n  }\n  .kolicon-chevron-down::before {\n    content: "\\ea08";\n  }\n  .kolicon-chevron-left::before {\n    content: "\\ea09";\n  }\n  .kolicon-chevron-right::before {\n    content: "\\ea0a";\n  }\n  .kolicon-chevron-up::before {\n    content: "\\ea0b";\n  }\n  .kolicon-cogwheel::before {\n    content: "\\ea0c";\n  }\n  .kolicon-cross::before {\n    content: "\\ea0d";\n  }\n  .kolicon-eye-closed::before {\n    content: "\\ea0e";\n  }\n  .kolicon-eye::before {\n    content: "\\ea0f";\n  }\n  .kolicon-house::before {\n    content: "\\ea10";\n  }\n  .kolicon-kolibri::before {\n    content: "\\ea11";\n  }\n  .kolicon-link-external::before {\n    content: "\\ea12";\n  }\n  .kolicon-link::before {\n    content: "\\ea13";\n  }\n  .kolicon-minus::before {\n    content: "\\ea14";\n  }\n  .kolicon-plus::before {\n    content: "\\ea15";\n  }\n  .kolicon-settings::before {\n    content: "\\ea16";\n  }\n  .kolicon-sort-asc::before {\n    content: "\\ea17";\n  }\n  .kolicon-sort-desc::before {\n    content: "\\ea18";\n  }\n  .kolicon-sort-neutral::before {\n    content: "\\ea19";\n  }\n  .kolicon-up::before {\n    content: "\\ea1a";\n  }\n  .kolicon-version::before {\n    content: "\\ea1b";\n  }\n}\n@layer kol-component {\n  .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\n  .kol-tooltip {\n    display: contents;\n  }\n  .kol-tooltip__floating {\n    opacity: 0;\n    display: none;\n    position: fixed;\n    /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\n    top: 0;\n    left: 0;\n    /* Can be used to specify the tooltip-width from the outside. Unset by default.  */\n    width: var(--kol-tooltip-width, max-content);\n    min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\n    max-width: 90vw;\n    max-height: 90vh;\n    animation-direction: normal;\n    /* Can be used to specify the animation duration from the outside. 250ms by default. */\n    animation-duration: var(--kolibri-tooltip-animation-duration, 250ms);\n    animation-fill-mode: forwards;\n    animation-iteration-count: 1;\n    animation-timing-function: ease-in;\n  }\n  .kol-tooltip__floating.hide {\n    animation-name: hideTooltip;\n  }\n  .kol-tooltip__floating.show {\n    animation-name: showTooltip;\n  }\n  .kol-tooltip__arrow {\n    transform: rotate(45deg);\n    color: black;\n    background-color: white;\n    position: absolute;\n    z-index: 999;\n    width: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\n    height: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-tooltip__content {\n    color: black;\n    background-color: white;\n    position: relative;\n    z-index: 1000;\n  }\n  @keyframes hideTooltip {\n    0% {\n      opacity: 1;\n    }\n    100% {\n      opacity: 0;\n      display: none;\n    }\n  }\n  @keyframes showTooltip {\n    0% {\n      opacity: 0;\n    }\n    100% {\n      opacity: 1;\n    }\n  }\n}\n@layer kol-component {\n  .kol-alert .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\n  .kol-alert :host {\n    display: inline-block;\n  }\n  .kol-alert .kol-button {\n    display: flex;\n    height: 100%;\n    min-height: var(--a11y-min-size);\n    font-style: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n    text-decoration-line: none;\n  }\n  .kol-alert .kol-button::before {\n    /* Render zero-width character as first element to set the baseline correctly. */\n    content: "​";\n  }\n  .kol-alert .kol-button__text {\n    flex: 1 0 100%;\n  }\n  .kol-alert {\n    display: grid;\n  }\n  .kol-alert__container {\n    display: flex;\n    place-items: center;\n  }\n  .kol-alert__container-content {\n    flex-grow: 1;\n  }\n  .kol-alert__closer {\n    /* Visible with forced colors */\n    outline: transparent solid calc(1 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\n  :host {\n    display: inline-block;\n  }\n  .kol-button {\n    display: flex;\n    height: 100%;\n    min-height: var(--a11y-min-size);\n    font-style: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n    text-decoration-line: none;\n  }\n  .kol-button::before {\n    /* Render zero-width character as first element to set the baseline correctly. */\n    content: "​";\n  }\n  .kol-button__text {\n    flex: 1 0 100%;\n  }\n  .kol-popover-button__popover {\n    margin: 0;\n    padding: 0;\n    border: 0;\n  }\n  .kol-popover-button--inline .kol-popover-button__button {\n    display: inline;\n  }\n  .kol-popover {\n    opacity: 0;\n    transition: 0.2s ease-out opacity;\n  }\n  .kol-popover-button--open + .kol-popover {\n    opacity: 1;\n  }\n  .kol-table-settings {\n    position: absolute;\n    top: 0;\n    right: 0;\n    z-index: 1;\n  }\n  .kol-table-settings .kol-popover-button__popover {\n    background: white;\n    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);\n    border-radius: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\n    border: 1px solid black;\n  }\n  .kol-table-settings__columns {\n    display: grid;\n    max-height: calc(200 * 1rem / var(--kolibri-root-font-size, 16));\n    overflow: auto;\n    grid-auto-rows: min-content;\n    grid-template-columns: min-content minmax(max-content, 1fr) calc(140 * 1rem / var(--kolibri-root-font-size, 16)) auto auto;\n  }\n  .kol-table-settings__column {\n    display: grid;\n    align-items: center;\n    grid-template-columns: subgrid;\n    grid-column: 1/6;\n  }\n  .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\n  .kol-table {\n    --kol-table-selection-col-width: var(--a11y-min-size);\n    display: block;\n    position: relative;\n    max-width: 100%;\n  }\n  .kol-table:has(.kol-table__focus-element:focus) .kol-table__scroll-container {\n    /* @see https://remysharp.com/til/css/focus-ring-default-styles */\n    outline: 5px auto Highlight;\n    outline: 5px auto -webkit-focus-ring-color;\n    outline-offset: 2px;\n  }\n  .kol-table__scroll-container {\n    overflow-x: auto;\n    overflow-y: hidden;\n  }\n  .kol-table__table {\n    table-layout: fixed;\n  }\n  .kol-table__caption {\n    min-height: var(--a11y-min-size);\n    text-align: start;\n  }\n  kol-table-settings-wc:not(:has(~ .kol-table__scroll-container .kol-table__caption)) {\n    display: block;\n    min-height: var(--a11y-min-size);\n  }\n  .kol-table__sort-button .kol-button {\n    color: inherit;\n  }\n  .kol-table__sort {\n    display: inline-flex;\n    align-items: center;\n  }\n  .kol-table__sort-order {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n  }\n  .kol-table__body {\n    text-align: left;\n  }\n  .kol-table__body .kol-button__text {\n    justify-items: start;\n  }\n  .kol-table__cell--align-left {\n    text-align: left;\n  }\n  .kol-table__cell--align-left .kol-button__text {\n    align-items: start;\n  }\n  .kol-table__cell--align-center {\n    text-align: center;\n  }\n  .kol-table__cell--align-center .kol-button__text {\n    align-items: center;\n  }\n  .kol-table__cell--align-right {\n    text-align: right;\n  }\n  .kol-table__cell--align-right .kol-button__text {\n    align-items: end;\n  }\n  .kol-table__cell--selection {\n    background-color: white;\n    position: sticky !important;\n    left: 0;\n    z-index: 2;\n    width: var(--kol-table-selection-col-width, auto);\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n    white-space: nowrap;\n  }\n  .kol-table__cell--actions {\n    white-space: nowrap;\n  }\n  .kol-table__cell--actions .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\n  .kol-table__cell--actions :host {\n    display: inline-block;\n  }\n  .kol-table__cell--actions .kol-button {\n    display: flex;\n    height: 100%;\n    min-height: var(--a11y-min-size);\n    font-style: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n    text-decoration-line: none;\n  }\n  .kol-table__cell--actions .kol-button::before {\n    /* Render zero-width character as first element to set the baseline correctly. */\n    content: "​";\n  }\n  .kol-table__cell--actions .kol-button__text {\n    flex: 1 0 100%;\n  }\n  .kol-table__cell--actions .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\n  .kol-table__cell--actions :host {\n    display: inline-block;\n  }\n  .kol-table__cell--actions .kol-link {\n    display: inline-flex;\n    max-width: fit-content;\n    align-items: baseline;\n    place-items: center;\n    text-align: left;\n    text-decoration-line: none;\n  }\n  .kol-table__cell--actions .kol-link--standalone {\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n    align-items: stretch;\n  }\n  .kol-table__cell--actions .kol-link--standalone .kol-link__text {\n    display: inline-flex;\n    flex: 1 1 100%;\n    place-items: center;\n  }\n  .kol-table__cell--actions .kol-link .kol-span__label {\n    text-decoration-line: underline;\n  }\n  .kol-table__cell--actions .kol-link:focus:not([aria-disabled], [disabled]) .kol-span__label, .kol-table__cell--actions .kol-link:hover:not([aria-disabled], [disabled]) .kol-span__label {\n    text-decoration-thickness: 0.2em;\n  }\n  .kol-table__cell--actions .kol-link__icon {\n    display: inline-flex;\n  }\n  .kol-table__cell--sticky-left, .kol-table__cell--sticky-right {\n    background-color: white;\n    position: sticky !important;\n    z-index: 1;\n  }\n  .kol-table__cell--sticky-left:nth-last-child(1 of .kol-table__cell--sticky-left) {\n    border-right: 2px solid black;\n  }\n  .kol-table__cell--sticky-right:nth-child(1 of .kol-table__cell--sticky-left) {\n    border-left: 2px solid black;\n  }\n  .kol-table__cell-actions {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    justify-content: center;\n  }\n  .kol-table__spacer {\n    display: none;\n  }\n  .kol-table__selection {\n    position: relative;\n  }\n  .kol-table__selection-label {\n    display: flex;\n    position: relative;\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n  }\n  .kol-table__selection--disabled {\n    cursor: not-allowed;\n  }\n  .kol-table__selection-icon {\n    display: block;\n    position: absolute;\n    inset: auto;\n    z-index: 1;\n  }\n  .kol-table__selection-input {\n    border-style: solid;\n    margin: 0;\n    appearance: none;\n    cursor: pointer;\n  }\n  .kol-table__selection-input:disabled {\n    cursor: not-allowed;\n  }\n  .kol-table__selection-input:before {\n    content: "";\n  }\n  .kol-table__selection-input--checkbox {\n    background-color: white;\n    display: flex;\n    position: relative;\n    min-width: calc(var(--a11y-min-size) / 2);\n    min-height: calc(var(--a11y-min-size) / 2);\n    border-width: 2px;\n    align-items: center;\n    justify-content: center;\n    line-height: 1.5;\n  }\n  .kol-table__selection-input--radio {\n    border-radius: 100%;\n    display: flex;\n    width: 1.5em;\n    min-width: 1.5em;\n    height: 1.5em;\n    min-height: 1.5em;\n    padding: 0;\n    border-width: 2px;\n  }\n  .kol-table__selection-input--radio:before {\n    border-radius: 100%;\n    width: 0.75em;\n    height: 0.75em;\n    margin: auto;\n  }\n  .kol-table__selection-input--radio:checked:before {\n    background-color: black;\n  }\n  @media (forced-colors: active) {\n    .kol-table__selection-input--radio:checked:before {\n      /* Give it a visible background in forced colors mode */\n      background-color: selectedItem !important;\n    }\n  }\n}';const r=class{constructor(e){n(this,e);this.resolvedElements=[]}validateAriaLabelledby(n){this.syncExternalLabel(n)}syncExternalLabel(n){this.resolvedElements=i(this,this.host,this.internals,n)}componentWillLoad(){this.internals=l(this.host);this.syncExternalLabel(this._ariaLabelledby)}componentDidLoad(){if(!this.resolvedElements.length){this.syncExternalLabel(this._ariaLabelledby)}}render(){return e(o,{key:"7115f32bb9375fc5d4158bef05eded091fa77091",externalLabelElements:this.resolvedElements,_data:this._data,_dataFoot:this._dataFoot,_fixedCols:this._fixedCols,_headerCells:this._headerCells,_label:this._label,_on:this._on,_selection:this._selection,_hasSettingsMenu:this._hasSettingsMenu,_variant:this._variant})}get host(){return t(this)}static get watchers(){return{_ariaLabelledby:["validateAriaLabelledby"]}}};r.style={default:a};export{r as kol_table_stateless};
+import{r as n,h as e,g as t}from"./index-C5dCp7IP.js";import{k as o}from"./component-names-Dy77vq43.js";import{v as i}from"./aria-labelledby-bKQGdIef.js";import{a as l}from"./aria-labelledby-6-ki3akM.js";import"./common-D5l8QiaY.js";const a='@charset "UTF-8";\n/*\n* This file defines the layer order for all CSS layers used in KoliBri.\n* The order is important as it determines the cascade priority.\n*\n* Layer order (lowest to highest priority):\n* 1. kol-a11y - Accessibility defaults and requirements\n* 2. kol-global - Global component styles and resets\n* 3. kol-component - Component-specific styles\n* 4. kol-theme-global - Theme-specific global styles\n* 5. kol-theme-component - Theme-specific component styles\n*/\n@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;\n/* forward the rem function */\n/*\n * This file contains all rules for accessibility.\n */\n@layer kol-a11y {\n  :host {\n    /*\n     * Minimum size of interactive elements.\n     *\n     * The `max(…, 44px)` floor guarantees the WCAG 2.5.5 (AAA) target size of 44px:\n     * `to-rem(44)` runs the value through a `calc()` rem round-trip which can lose\n     * sub-pixel precision and resolve to e.g. 43.99px depending on the browser\'s\n     * rounding, dropping just below the required minimum.\n     */\n    --a11y-min-size: max(calc(44 * 1rem / var(--kolibri-root-font-size, 16)), 44px);\n    /*\n     * No element should be used without verifying the contrast ratio of its background and font colors.\n     * By initially setting the background color to white and the font color to black,\n     * the contrast ratio is ensured and explicit adjustment is forced.\n     */\n    color: black;\n    background-color: white;\n    /*\n     * Verdana is an accessible font that can be used without requiring additional loading time.\n     */\n    font-family: Verdana;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n    /*\n     * Text should be aligned left by default to provide a predictable starting point.\n     */\n    text-align: left;\n  }\n  * {\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    hyphens: auto;\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    word-break: break-word;\n  }\n  /*\n   * All interactive elements should have a minimum size of to-rem(44).\n   */\n  /* input:not([type=\'checkbox\'], [type=\'radio\'], [type=\'range\']), */\n  /* option, */\n  /* select, */\n  /* textarea, */\n  button,\n  .kol-input .input {\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n  }\n  /*\n   * Some interactive elements should not inherit the font-family and font-size.\n   */\n  a,\n  button,\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6,\n  input,\n  option,\n  select,\n  textarea {\n    /*\n     * All elements should inherit the text color from his parent element.\n     */\n    color: inherit;\n    /*\n     * All elements should inherit the font family from his parent element.\n     */\n    font-family: inherit;\n    /*\n     * All elements should inherit the font size from his parent element.\n     */\n    font-size: inherit;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n  }\n  /**\n  * Sometimes we need the semantic element for accessibility reasons,\n  * but we don\'t want to show it.\n  *\n  * - https://www.a11yproject.com/posts/how-to-hide-content/\n  */\n  .visually-hidden {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 1px;\n    height: 1px;\n    overflow: hidden;\n    white-space: nowrap;\n    clip-path: inset(50%);\n  }\n}\n@layer kol-global {\n  /*\n   * Dieses CSS stellt sicher, dass der Standard-Style\n   * von A und Button resettet werden.\n   */\n  :is(a, button) {\n    background-color: transparent;\n    width: 100%;\n    margin: 0;\n    padding: 0;\n    border: none;\n    /* 100% needed for custom width from outside */\n  }\n  /*\n   * Ensure elements with hidden attribute to be actually not visible\n   * @see https://meowni.ca/hidden.is.a.lie.html\n   */\n  [hidden] {\n    display: none !important;\n  }\n  .badge-text-hint {\n    color: black;\n    background-color: white;\n  }\n}\n@layer kol-global {\n  :host {\n    /*\n     * The max-width is needed to prevent the table from overflowing the\n     * parent node, if the table is wider than the parent node.\n     */\n    max-width: 100%;\n    font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  * {\n    /*\n     * We prefer to box-sizing: border-box for all elements.\n     */\n    box-sizing: border-box;\n  }\n  .kol-span {\n    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n    display: flex;\n    flex-flow: column;\n    align-items: center;\n    justify-content: center;\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n  }\n  .kol-span__container {\n    display: flex;\n    align-items: center;\n  }\n  a,\n  button {\n    cursor: pointer;\n  }\n  .kol-span .kol-span__label--hide-label .kol-span__label {\n    display: none;\n  }\n  /* Reset browser agent style. */\n  button:disabled {\n    color: unset;\n  }\n  .disabled label,\n  .disabled:focus-within label,\n  [aria-disabled=true],\n  [aria-disabled=true]:focus,\n  [disabled],\n  [disabled]:focus {\n    outline: none;\n    cursor: not-allowed;\n  }\n  [aria-disabled=true]:focus .kol-span,\n  [disabled]:focus .kol-span {\n    outline: none !important;\n  }\n  .hastooltip {\n    z-index: 900 !important;\n  }\n}\n@layer kol-component {\n  :host {\n    display: block;\n  }\n}\n@font-face {\n  font-family: "kolicons";\n  src: url("kolicons.eot?t=1785404144300"); /* IE9*/\n  src: url("kolicons.eot?t=1785404144300#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1785404144300") format("woff2"), url("kolicons.woff?t=1785404144300") format("woff"), url("kolicons.ttf?t=1785404144300") format("truetype"), url("kolicons.svg?t=1785404144300#kolicons") format("svg"); /* iOS 4.1- */\n}\n@layer kol-component {\n  [class^=kolicon-], [class*=" kolicon-"] {\n    font-family: "kolicons";\n    font-style: normal;\n    font-weight: 400;\n    line-height: 1em;\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n  }\n  .kolicon-alert-error::before {\n    content: "\\ea01";\n  }\n  .kolicon-alert-info::before {\n    content: "\\ea02";\n  }\n  .kolicon-alert-success::before {\n    content: "\\ea03";\n  }\n  .kolicon-alert-warning::before {\n    content: "\\ea04";\n  }\n  .kolicon-check::before {\n    content: "\\ea05";\n  }\n  .kolicon-chevron-double-left::before {\n    content: "\\ea06";\n  }\n  .kolicon-chevron-double-right::before {\n    content: "\\ea07";\n  }\n  .kolicon-chevron-down::before {\n    content: "\\ea08";\n  }\n  .kolicon-chevron-left::before {\n    content: "\\ea09";\n  }\n  .kolicon-chevron-right::before {\n    content: "\\ea0a";\n  }\n  .kolicon-chevron-up::before {\n    content: "\\ea0b";\n  }\n  .kolicon-cogwheel::before {\n    content: "\\ea0c";\n  }\n  .kolicon-cross::before {\n    content: "\\ea0d";\n  }\n  .kolicon-eye-closed::before {\n    content: "\\ea0e";\n  }\n  .kolicon-eye::before {\n    content: "\\ea0f";\n  }\n  .kolicon-house::before {\n    content: "\\ea10";\n  }\n  .kolicon-kolibri::before {\n    content: "\\ea11";\n  }\n  .kolicon-link-external::before {\n    content: "\\ea12";\n  }\n  .kolicon-link::before {\n    content: "\\ea13";\n  }\n  .kolicon-minus::before {\n    content: "\\ea14";\n  }\n  .kolicon-plus::before {\n    content: "\\ea15";\n  }\n  .kolicon-settings::before {\n    content: "\\ea16";\n  }\n  .kolicon-sort-asc::before {\n    content: "\\ea17";\n  }\n  .kolicon-sort-desc::before {\n    content: "\\ea18";\n  }\n  .kolicon-sort-neutral::before {\n    content: "\\ea19";\n  }\n  .kolicon-up::before {\n    content: "\\ea1a";\n  }\n  .kolicon-version::before {\n    content: "\\ea1b";\n  }\n}\n@layer kol-component {\n  .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\n  .kol-tooltip {\n    display: contents;\n  }\n  .kol-tooltip__floating {\n    opacity: 0;\n    display: none;\n    position: fixed;\n    /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\n    top: 0;\n    left: 0;\n    /* Can be used to specify the tooltip-width from the outside. Unset by default.  */\n    width: var(--kol-tooltip-width, max-content);\n    min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\n    max-width: 90vw;\n    max-height: 90vh;\n    animation-direction: normal;\n    /* Can be used to specify the animation duration from the outside. 250ms by default. */\n    animation-duration: var(--kolibri-tooltip-animation-duration, 250ms);\n    animation-fill-mode: forwards;\n    animation-iteration-count: 1;\n    animation-timing-function: ease-in;\n  }\n  .kol-tooltip__floating.hide {\n    animation-name: hideTooltip;\n  }\n  .kol-tooltip__floating.show {\n    animation-name: showTooltip;\n  }\n  .kol-tooltip__arrow {\n    transform: rotate(45deg);\n    color: black;\n    background-color: white;\n    position: absolute;\n    z-index: 999;\n    width: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\n    height: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-tooltip__content {\n    color: black;\n    background-color: white;\n    position: relative;\n    z-index: 1000;\n  }\n  @keyframes hideTooltip {\n    0% {\n      opacity: 1;\n    }\n    100% {\n      opacity: 0;\n      display: none;\n    }\n  }\n  @keyframes showTooltip {\n    0% {\n      opacity: 0;\n    }\n    100% {\n      opacity: 1;\n    }\n  }\n}\n@layer kol-component {\n  .kol-alert .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\n  .kol-alert :host {\n    display: inline-block;\n  }\n  .kol-alert .kol-button {\n    display: flex;\n    height: 100%;\n    min-height: var(--a11y-min-size);\n    font-style: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n    text-decoration-line: none;\n  }\n  .kol-alert .kol-button::before {\n    /* Render zero-width character as first element to set the baseline correctly. */\n    content: "​";\n  }\n  .kol-alert .kol-button__text {\n    flex: 1 0 100%;\n  }\n  .kol-alert {\n    display: grid;\n  }\n  .kol-alert__container {\n    display: flex;\n    place-items: center;\n  }\n  .kol-alert__container-content {\n    flex-grow: 1;\n  }\n  .kol-alert__closer {\n    /* Visible with forced colors */\n    outline: transparent solid calc(1 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\n  :host {\n    display: inline-block;\n  }\n  .kol-button {\n    display: flex;\n    height: 100%;\n    min-height: var(--a11y-min-size);\n    font-style: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n    text-decoration-line: none;\n  }\n  .kol-button::before {\n    /* Render zero-width character as first element to set the baseline correctly. */\n    content: "​";\n  }\n  .kol-button__text {\n    flex: 1 0 100%;\n  }\n  .kol-popover-button__popover {\n    margin: 0;\n    padding: 0;\n    border: 0;\n  }\n  .kol-popover-button--inline .kol-popover-button__button {\n    display: inline;\n  }\n  .kol-popover {\n    opacity: 0;\n    transition: 0.2s ease-out opacity;\n  }\n  .kol-popover-button--open + .kol-popover {\n    opacity: 1;\n  }\n  .kol-table-settings {\n    position: absolute;\n    top: 0;\n    right: 0;\n    z-index: 1;\n  }\n  .kol-table-settings .kol-popover-button__popover {\n    background: white;\n    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);\n    border-radius: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\n    border: 1px solid black;\n  }\n  .kol-table-settings__columns {\n    display: grid;\n    max-height: calc(200 * 1rem / var(--kolibri-root-font-size, 16));\n    overflow: auto;\n    grid-auto-rows: min-content;\n    grid-template-columns: min-content minmax(max-content, 1fr) calc(140 * 1rem / var(--kolibri-root-font-size, 16)) auto auto;\n  }\n  .kol-table-settings__column {\n    display: grid;\n    align-items: center;\n    grid-template-columns: subgrid;\n    grid-column: 1/6;\n  }\n  .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\n  .kol-table {\n    --kol-table-selection-col-width: var(--a11y-min-size);\n    display: block;\n    position: relative;\n    max-width: 100%;\n  }\n  .kol-table:has(.kol-table__focus-element:focus) .kol-table__scroll-container {\n    /* @see https://remysharp.com/til/css/focus-ring-default-styles */\n    outline: 5px auto Highlight;\n    outline: 5px auto -webkit-focus-ring-color;\n    outline-offset: 2px;\n  }\n  .kol-table__scroll-container {\n    overflow-x: auto;\n    overflow-y: hidden;\n  }\n  .kol-table__table {\n    table-layout: fixed;\n  }\n  .kol-table__caption {\n    min-height: var(--a11y-min-size);\n    text-align: start;\n  }\n  kol-table-settings-wc:not(:has(~ .kol-table__scroll-container .kol-table__caption)) {\n    display: block;\n    min-height: var(--a11y-min-size);\n  }\n  .kol-table__sort-button .kol-button {\n    color: inherit;\n  }\n  .kol-table__sort {\n    display: inline-flex;\n    align-items: center;\n  }\n  .kol-table__sort-order {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n  }\n  .kol-table__body {\n    text-align: left;\n  }\n  .kol-table__body .kol-button__text {\n    justify-items: start;\n  }\n  .kol-table__cell--align-left {\n    text-align: left;\n  }\n  .kol-table__cell--align-left .kol-button__text {\n    align-items: start;\n  }\n  .kol-table__cell--align-center {\n    text-align: center;\n  }\n  .kol-table__cell--align-center .kol-button__text {\n    align-items: center;\n  }\n  .kol-table__cell--align-right {\n    text-align: right;\n  }\n  .kol-table__cell--align-right .kol-button__text {\n    align-items: end;\n  }\n  .kol-table__cell--selection {\n    background-color: white;\n    position: sticky !important;\n    left: 0;\n    z-index: 2;\n    width: var(--kol-table-selection-col-width, auto);\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n    white-space: nowrap;\n  }\n  .kol-table__cell--actions {\n    white-space: nowrap;\n  }\n  .kol-table__cell--actions .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\n  .kol-table__cell--actions :host {\n    display: inline-block;\n  }\n  .kol-table__cell--actions .kol-button {\n    display: flex;\n    height: 100%;\n    min-height: var(--a11y-min-size);\n    font-style: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n    text-decoration-line: none;\n  }\n  .kol-table__cell--actions .kol-button::before {\n    /* Render zero-width character as first element to set the baseline correctly. */\n    content: "​";\n  }\n  .kol-table__cell--actions .kol-button__text {\n    flex: 1 0 100%;\n  }\n  .kol-table__cell--actions .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\n  .kol-table__cell--actions :host {\n    display: inline-block;\n  }\n  .kol-table__cell--actions .kol-link {\n    display: inline-flex;\n    max-width: fit-content;\n    align-items: baseline;\n    place-items: center;\n    text-align: left;\n    text-decoration-line: none;\n  }\n  .kol-table__cell--actions .kol-link--standalone {\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n    align-items: stretch;\n  }\n  .kol-table__cell--actions .kol-link--standalone .kol-link__text {\n    display: inline-flex;\n    flex: 1 1 100%;\n    place-items: center;\n  }\n  .kol-table__cell--actions .kol-link .kol-span__label {\n    text-decoration-line: underline;\n  }\n  .kol-table__cell--actions .kol-link:focus:not([aria-disabled], [disabled]) .kol-span__label, .kol-table__cell--actions .kol-link:hover:not([aria-disabled], [disabled]) .kol-span__label {\n    text-decoration-thickness: 0.2em;\n  }\n  .kol-table__cell--actions .kol-link__icon {\n    display: inline-flex;\n  }\n  .kol-table__cell--sticky-left, .kol-table__cell--sticky-right {\n    background-color: white;\n    position: sticky !important;\n    z-index: 1;\n  }\n  .kol-table__cell--sticky-left:nth-last-child(1 of .kol-table__cell--sticky-left) {\n    border-right: 2px solid black;\n  }\n  .kol-table__cell--sticky-right:nth-child(1 of .kol-table__cell--sticky-left) {\n    border-left: 2px solid black;\n  }\n  .kol-table__cell-actions {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    justify-content: center;\n  }\n  .kol-table__spacer {\n    display: none;\n  }\n  .kol-table__selection {\n    position: relative;\n  }\n  .kol-table__selection-label {\n    display: flex;\n    position: relative;\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n  }\n  .kol-table__selection--disabled {\n    cursor: not-allowed;\n  }\n  .kol-table__selection-icon {\n    display: block;\n    position: absolute;\n    inset: auto;\n    z-index: 1;\n  }\n  .kol-table__selection-input {\n    border-style: solid;\n    margin: 0;\n    appearance: none;\n    cursor: pointer;\n  }\n  .kol-table__selection-input:disabled {\n    cursor: not-allowed;\n  }\n  .kol-table__selection-input:before {\n    content: "";\n  }\n  .kol-table__selection-input--checkbox {\n    background-color: white;\n    display: flex;\n    position: relative;\n    min-width: calc(var(--a11y-min-size) / 2);\n    min-height: calc(var(--a11y-min-size) / 2);\n    border-width: 2px;\n    align-items: center;\n    justify-content: center;\n    line-height: 1.5;\n  }\n  .kol-table__selection-input--radio {\n    border-radius: 100%;\n    display: flex;\n    width: 1.5em;\n    min-width: 1.5em;\n    height: 1.5em;\n    min-height: 1.5em;\n    padding: 0;\n    border-width: 2px;\n  }\n  .kol-table__selection-input--radio:before {\n    border-radius: 100%;\n    width: 0.75em;\n    height: 0.75em;\n    margin: auto;\n  }\n  .kol-table__selection-input--radio:checked:before {\n    background-color: black;\n  }\n  @media (forced-colors: active) {\n    .kol-table__selection-input--radio:checked:before {\n      /* Give it a visible background in forced colors mode */\n      background-color: selectedItem !important;\n    }\n  }\n}';const r=class{constructor(e){n(this,e);this.resolvedElements=[]}validateAriaLabelledby(n){this.syncExternalLabel(n)}syncExternalLabel(n){this.resolvedElements=i(this,this.host,this.internals,n)}componentWillLoad(){this.internals=l(this.host);this.syncExternalLabel(this._ariaLabelledby)}componentDidLoad(){if(!this.resolvedElements.length){this.syncExternalLabel(this._ariaLabelledby)}}render(){return e(o,{key:"7115f32bb9375fc5d4158bef05eded091fa77091",externalLabelElements:this.resolvedElements,_data:this._data,_dataFoot:this._dataFoot,_fixedCols:this._fixedCols,_headerCells:this._headerCells,_label:this._label,_on:this._on,_selection:this._selection,_hasSettingsMenu:this._hasSettingsMenu,_variant:this._variant})}get host(){return t(this)}static get watchers(){return{_ariaLabelledby:["validateAriaLabelledby"]}}};r.style={default:a};export{r as kol_table_stateless};
 //# sourceMappingURL=kol-table-stateless.entry.js.map