@public-ui/components 4.3.1-rc.4 → 4.4.0-rc.0

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

@@ -1,5 +1,5 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{r as n,h as e,H as t,g as o}from"./index-CLHqy-2_.js";import{h as i,k as l}from"./component-names-BGnhDM7F.js";import{t as a}from"./i18n-CrXMv0tS.js";import{e as r,b as s,s as c,P as h,o as d,p,j as k}from"./common-noYAs-wc.js";import{a as f}from"./aria-labelledby-6-ki3akM.js";import{v as b}from"./aria-labelledby-CuNgjL1c.js";import{v as u,a as m,b as _,c as g,d as v,e as y}from"./table-selection-CHYGiAxJ.js";import{v as x}from"./label-lhyZhbiM.js";import{C as w}from"./keyboard-DNd73LVa.js";import{K as z,d as S}from"./events-BhfZTW2e.js";import"./i18n-C73LqPIs.js";const C=(n,e,t={})=>{r(n,"_allowMultiSort",e,Object.assign({defaultValue:false},t))};const T=["top","bottom","both"];const j=(n,e)=>{s(n,`_paginationPosition`,(n=>typeof n==="string"&&T.includes(n)),new Set([`PaginationPositionPropType {${T.join(", ")}`]),e,{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    --kol-a11y-font-color: black;\n    --kol-a11y-background-color: white;\n    color: var(--kol-a11y-font-color);\n    background-color: var(--kol-a11y-background-color);\n    /*\n     * Verdana is an accessible font that can be used without requiring additional loading time.\n     */\n    --kol-a11y-font-family: Verdana;\n    font-family: var(--kol-a11y-font-family);\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=1788331945767"); /* IE9*/\n  src: url("kolicons.eot?t=1788331945767#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1788331945767") format("woff2"), url("kolicons.woff?t=1788331945767") format("woff"), url("kolicons.ttf?t=1788331945767") format("truetype"), url("kolicons.svg?t=1788331945767#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  @keyframes rotate {\n    to {\n      transform: rotate(1turn);\n    }\n  }\n  @keyframes growingCircle {\n    0% {\n      opacity: 0.5;\n      border-color: white;\n      clip-path: polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0);\n    }\n    25% {\n      opacity: 0.75;\n      border-color: var(--kol-spin-color, var(--kol-theme-spin-color, #000));\n      clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0);\n    }\n    50% {\n      opacity: 1;\n      border-color: var(--kol-spin-color, var(--kol-theme-spin-color, black));\n      clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%);\n    }\n    75% {\n      opacity: 1;\n      border-color: var(--kol-spin-color, var(--kol-theme-spin-color, black));\n      clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%);\n    }\n    100% {\n      opacity: 0.1;\n      border-color: var(--kol-spin-color, var(--kol-theme-spin-color, black));\n      clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0);\n    }\n  }\n  .kol-spin__spinner--cycle {\n    width: calc(var(--kol-spin-size, 48) * 1rem / var(--kolibri-root-font-size, 16));\n    height: calc(var(--kol-spin-size, 48) * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-spin__spinner--cycle__element {\n    border-radius: 50%;\n    display: block;\n    position: relative;\n    width: 100%;\n    height: 100%;\n    animation: 2s linear infinite rotate;\n  }\n  @media (prefers-reduced-motion) {\n    .kol-spin__spinner--cycle__element {\n      animation-duration: 4s !important;\n    }\n  }\n  .kol-spin__spinner--cycle__element::before {\n    border-radius: 50%;\n    position: absolute;\n    inset: 0;\n    content: "";\n    animation: 3s linear infinite growingCircle;\n    border: 5px solid var(--kol-spin-color, var(--kol-theme-spin-color, #333));\n  }\n  @media (prefers-reduced-motion) {\n    .kol-spin__spinner--cycle__element::before {\n      animation-duration: 6s !important;\n    }\n  }\n}\n@layer kol-component {\n  @keyframes spin1 {\n    0% {\n      transform: scale(0);\n    }\n    100% {\n      transform: scale(1);\n    }\n  }\n  @keyframes spin2 {\n    0% {\n      transform: translate(0, 0);\n    }\n    100% {\n      transform: translate(calc(var(--kol-spin-size, 13) * 1rem / var(--kolibri-root-font-size, 16)), 0);\n    }\n  }\n  @keyframes spin3 {\n    0% {\n      transform: scale(1);\n    }\n    100% {\n      transform: scale(0);\n    }\n  }\n  /* https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-reduced-motion#toning_down_the_animation_scaling */\n  @media (prefers-reduced-motion) {\n    .kol-spin__spinner-element {\n      animation-duration: 2s !important;\n    }\n  }\n  .kol-spin__spinner--dot {\n    --kol-spin-border-width: calc(var(--kol-spin-size, 13) / 10);\n    width: calc(calc(var(--kol-spin-size, 13) * 3 + 2) * 1rem / var(--kolibri-root-font-size, 16));\n    height: calc(calc(var(--kol-spin-size, 13) + var(--kol-spin-border-width) * 2) * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-spin__spinner--dot__element {\n    background-color: var(--kol-spin-color, var(--kol-theme-spin-color, #000));\n    border-radius: 50%;\n    position: absolute;\n    top: 1px;\n    width: calc(var(--kol-spin-size, 13) * 1rem / var(--kolibri-root-font-size, 16));\n    height: calc(var(--kol-spin-size, 13) * 1rem / var(--kolibri-root-font-size, 16));\n    animation-timing-function: cubic-bezier(0, 1, 1, 0);\n    border: calc(var(--kol-spin-border-width) * 1rem / var(--kolibri-root-font-size, 16)) solid white;\n  }\n  .kol-spin__spinner--dot__element--1 {\n    left: calc(var(--kol-spin-border-width) * 1rem / var(--kolibri-root-font-size, 16));\n    z-index: 0;\n    animation: 1s infinite spin1;\n  }\n  .kol-spin__spinner--dot__element--2 {\n    left: calc(var(--kol-spin-border-width) * 1rem / var(--kolibri-root-font-size, 16));\n    z-index: 1;\n    animation: 1s infinite spin2;\n  }\n  .kol-spin__spinner--dot__element--3 {\n    left: calc(calc(var(--kol-spin-size, 13) + var(--kol-spin-border-width)) * 1rem / var(--kolibri-root-font-size, 16));\n    z-index: 1;\n    animation: 1s infinite spin2;\n  }\n  .kol-spin__spinner--dot__element--4 {\n    opacity: 0.6;\n    left: calc(calc(var(--kol-spin-size, 13) * 2 + var(--kol-spin-border-width)) * 1rem / var(--kolibri-root-font-size, 16));\n    z-index: 0;\n    animation: 1s infinite spin3;\n  }\n}\n@layer kol-component {\n  .kol-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 .kol-button {\n    /* The link skeleton renders the anchor as `.kol-link__anchor` inside the `.kol-link`\n       wrapper. The UA default underline sits on the anchor itself, so suppressing\n       `text-decoration` on the wrapper alone is not enough. The remaining declarations\n       restore the box the root element was before the skeleton migration. */\n  }\n  .kol-alert .kol-button__anchor {\n    display: flex;\n    text-align: left;\n    text-decoration-line: none;\n    /* The zero-width baseline character used to live on the root element, which was the\n       flex container positioning the text. In the link skeleton the anchor is that\n       container, so the character has to move with it — otherwise the text sits 1px off. */\n  }\n  .kol-alert .kol-button__anchor::before {\n    content: "​";\n  }\n  .kol-alert .kol-button--external-link > .kolicon-link-external::before, .kol-alert .kol-button--external-link .kol-button__anchor > .kolicon-link-external::before {\n    content: none;\n  }\n  .kol-alert {\n    display: grid;\n    grid-template-areas: "icon heading close" "icon content close";\n    grid-template-columns: min-content 1fr min-content;\n    grid-template-rows: min-content min-content;\n  }\n  .kol-alert__icon {\n    grid-area: icon;\n  }\n  .kol-alert__heading {\n    grid-area: heading;\n  }\n  .kol-alert__closer {\n    /* Visible with forced colors */\n    outline: transparent solid calc(1 * 1rem / var(--kolibri-root-font-size, 16));\n    grid-area: close;\n  }\n  .kol-alert__content {\n    grid-area: content;\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-button {\n    /* The link skeleton renders the anchor as `.kol-link__anchor` inside the `.kol-link`\n       wrapper. The UA default underline sits on the anchor itself, so suppressing\n       `text-decoration` on the wrapper alone is not enough. The remaining declarations\n       restore the box the root element was before the skeleton migration. */\n  }\n  .kol-button__anchor {\n    display: flex;\n    text-align: left;\n    text-decoration-line: none;\n    /* The zero-width baseline character used to live on the root element, which was the\n       flex container positioning the text. In the link skeleton the anchor is that\n       container, so the character has to move with it — otherwise the text sits 1px off. */\n  }\n  .kol-button__anchor::before {\n    content: "​";\n  }\n  .kol-button--external-link > .kolicon-link-external::before, .kol-button--external-link .kol-button__anchor > .kolicon-link-external::before {\n    content: none;\n  }\n  .kol-popover-button__popover {\n    margin: 0;\n    padding: 0;\n    border: 0;\n  }\n  .kol-popover-button--open .kol-button__tooltip {\n    display: none;\n  }\n  .kol-popover-button--inline {\n    display: inline-block;\n  }\n  .kol-popover-button--inline__button {\n    display: inline;\n  }\n  .kol-popover-button--inline .kol-button {\n    min-width: 0;\n    min-height: 1em;\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__body:has(.kol-table__loader--shown) {\n    position: relative;\n    min-height: calc(var(--a11y-min-size) * 3);\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-button {\n    /* The link skeleton renders the anchor as `.kol-link__anchor` inside the `.kol-link`\n       wrapper. The UA default underline sits on the anchor itself, so suppressing\n       `text-decoration` on the wrapper alone is not enough. The remaining declarations\n       restore the box the root element was before the skeleton migration. */\n  }\n  .kol-table__cell--actions .kol-button__anchor {\n    display: flex;\n    text-align: left;\n    text-decoration-line: none;\n    /* The zero-width baseline character used to live on the root element, which was the\n       flex container positioning the text. In the link skeleton the anchor is that\n       container, so the character has to move with it — otherwise the text sits 1px off. */\n  }\n  .kol-table__cell--actions .kol-button__anchor::before {\n    content: "​";\n  }\n  .kol-table__cell--actions .kol-button--external-link > .kolicon-link-external::before, .kol-table__cell--actions .kol-button--external-link .kol-button__anchor > .kolicon-link-external::before {\n    content: none;\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  }\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    /* The anchor is the flex container positioning the text — it must stretch its\n       content so the text pill keeps the full standalone height. */\n  }\n  .kol-table__cell--actions .kol-link--standalone .kol-link__anchor {\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__anchor {\n    display: inline-flex;\n    flex: 1;\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__anchor:focus:not([aria-disabled], [disabled]) .kol-span__label, .kol-table__cell--actions .kol-link__anchor:hover:not([aria-disabled], [disabled]) .kol-span__label {\n    text-decoration-thickness: 0.2em;\n  }\n  .kol-table__cell--actions .kol-link {\n    /* Root-level label decoration: the button DOM (button-link) has no `__anchor`, so the\n       underline must be carried outside the anchor scope — as it was before the migration. */\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-table__loader--shown {\n    background: white;\n    display: flex;\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    z-index: 1;\n    align-items: center;\n    justify-content: center;\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 .kol-button {\n    /* The link skeleton renders the anchor as `.kol-link__anchor` inside the `.kol-link`\n       wrapper. The UA default underline sits on the anchor itself, so suppressing\n       `text-decoration` on the wrapper alone is not enough. The remaining declarations\n       restore the box the root element was before the skeleton migration. */\n  }\n  .kol-alert .kol-button__anchor {\n    display: flex;\n    text-align: left;\n    text-decoration-line: none;\n    /* The zero-width baseline character used to live on the root element, which was the\n       flex container positioning the text. In the link skeleton the anchor is that\n       container, so the character has to move with it — otherwise the text sits 1px off. */\n  }\n  .kol-alert .kol-button__anchor::before {\n    content: "​";\n  }\n  .kol-alert .kol-button--external-link > .kolicon-link-external::before, .kol-alert .kol-button--external-link .kol-button__anchor > .kolicon-link-external::before {\n    content: none;\n  }\n  .kol-alert {\n    display: grid;\n    grid-template-areas: "icon heading close" "icon content close";\n    grid-template-columns: min-content 1fr min-content;\n    grid-template-rows: min-content min-content;\n  }\n  .kol-alert__icon {\n    grid-area: icon;\n  }\n  .kol-alert__heading {\n    grid-area: heading;\n  }\n  .kol-alert__closer {\n    /* Visible with forced colors */\n    outline: transparent solid calc(1 * 1rem / var(--kolibri-root-font-size, 16));\n    grid-area: close;\n  }\n  .kol-alert__content {\n    grid-area: content;\n  }\n  .kol-form-field .kol-popover-button__popover {\n    margin: 0;\n    padding: 0;\n    border: 0;\n  }\n  .kol-form-field .kol-popover-button--open .kol-button__tooltip {\n    display: none;\n  }\n  .kol-form-field .kol-popover-button--inline {\n    display: inline-block;\n  }\n  .kol-form-field .kol-popover-button--inline__button {\n    display: inline;\n  }\n  .kol-form-field .kol-popover-button--inline .kol-button {\n    min-width: 0;\n    min-height: 1em;\n  }\n  .kol-form-field .kol-popover {\n    opacity: 0;\n    transition: 0.2s ease-out opacity;\n  }\n  .kol-form-field .kol-popover-button--open + .kol-popover {\n    opacity: 1;\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__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  .kol-spin__spinner {\n    display: block;\n    position: relative;\n  }\n}';const O=[10,20,50,100];const P=n=>n===true||n===""||typeof n==="object"&&n!==null;const D=class{constructor(e){n(this,e);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,e)=>{var t;if(typeof((t=this.state._pagination._on)===null||t===void 0?void 0:t.onClick)==="function"){this.state._pagination._on.onClick(n,e)}c(this,"_pagination",Object.assign(Object.assign({},this.state._pagination),{_page:e}))},onChangePage:(n,e)=>{var t;if(typeof((t=this.state._pagination._on)===null||t===void 0?void 0:t.onChangePage)==="function"){this.state._pagination._on.onChangePage(n,e)}c(this,"_pagination",Object.assign(Object.assign({},this.state._pagination),{_page:e}))},onChangePageSize:(n,e)=>{var t;if(typeof((t=this.state._pagination._on)===null||t===void 0?void 0:t.onChangePageSize)==="function"){this.state._pagination._on.onChangePageSize(n,e)}c(this,"_pagination",Object.assign(Object.assign({},this.state._pagination),{_pageSize:e}));c(this,"_pageSize",e)}};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,e)=>{for(let t=0;t<this.sortData.length;t++){const o=this.sortData[t];const i=o.compareFn(n,e,o.direction);if(i!==0){return o.direction==="ASC"?i:-i}}return 0}))}c(this,"_sortedData",n)};this.handleChangeHeaderCells=n=>{this.adjustedHeaderCells=n}}validateAriaLabelledby(n){this.syncExternalLabel(n)}syncExternalLabel(n){this.resolvedElements=b(this,this.host,this.internals,n)}validateAllowMultiSort(n){C(this,n,{defaultValue:false})}validateData(n){u(this,n,{afterPatch:()=>{setTimeout(this.updateSortedData)}})}validateDataFoot(n){m(this,n,{afterPatch:()=>{setTimeout(this.updateSortedData)}})}validateFixedCols(n){_(this,n)}validatePaginationPosition(n){j(this,n)}validateHasSettingsMenu(n){g(this,n)}changeCellSort(n){var e;if(n.type===undefined||n.type==="default"){if(typeof n.compareFn!=="function"){return}if(!this.state._allowMultiSort&&n.key!==((e=this.sortData[0])===null||e===void 0?void 0:e.key)){this.sortData=[]}const t=this.sortData.findIndex((e=>e.key===n.key));if(t>=0){const n=this.sortData[t];switch(n.direction){case"ASC":n.direction="DESC";break;case"DESC":this.sortData.splice(t,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 e,t;let o=false;const i=n=>{this.sortData=[];n.forEach((n=>{if(n.type!==undefined&&n.type!=="default"){return}if(typeof n.compareFn==="function"&&!n.key){k(`[KolTableStateful] A sortable column requires the 'key' property.`);return}const e=n.key;if(!e){return}const t=n.sortDirection;if(t==="ASC"||t==="DESC"){if(typeof n.compareFn==="function"){if(this.state._allowMultiSort||this.sortData.length===0){this.sortData.push({label:n.label,key:e,compareFn:n.compareFn,direction:t})}o=true}}}))};(e=n.horizontal)===null||e===void 0?void 0:e.forEach(i);(t=n.vertical)===null||t===void 0?void 0:t.forEach(i);return o}validateHeaders(n){h(n,(()=>{d(n,(()=>{try{n=p(n)}catch(n){}s(this,"_headers",(n=>typeof n==="object"&&n!==null),new Set(["KoliBriTableHeaders"]),n,{hooks:{beforePatch:n=>{var e,t;const o=n;if(this.headerKeysChanged(this.state._headers,o)){this.adjustedHeaderCells=undefined}const i=this.initializeSortFromHeaders(o);if(i){setTimeout((()=>this.updateSortedData()))}if(o.horizontal&&o.vertical&&((e=o.horizontal)===null||e===void 0?void 0:e.length)>0&&((t=o.vertical)===null||t===void 0?void 0:t.length)>0){this.disableSort=true;k(`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){v(this,n)}validateOn(n){y(this,n)}validatePagination(n){try{n=p(n)}catch(n){}this.showPagination=P(n);s(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=f(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,e,t){if(typeof e==="number"&&e>0&&typeof t==="number"&&t>0){this.pageStartSlice=e*(t-1);this.pageEndSlice=e*t>n.length?n.length:e*t;return n.slice(this.pageStartSlice,this.pageEndSlice)}else{this.pageStartSlice=0;this.pageEndSlice=n.length;return n}}renderPagination(n){const t=n==="top"?a("kol-pagination-position-top"):a("kol-pagination-position-bottom");const o=a("kol-table-pagination-label",{placeholders:{label:`${this.state._label} (${t})`}});return e("div",{class:`kol-table-stateful__pagination kol-table-stateful__pagination--${this.state._paginationPosition}`},e("div",{class:"kol-table-stateful__pagination-wrapper"},e(i,{_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:o})))}getHeaderCellSortState(n){if(n.type!==undefined&&n.type!=="default"){return}if(!this.disableSort&&typeof n.compareFn==="function"){if(n.key){const e=this.sortData.find((e=>e.key===n.key));if(e===null||e===void 0?void 0:e.direction){return e.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 e=this.sortData.findIndex((e=>e.key===n.key));if(e>=0){return e+1}}}handleSort({key:n}){var e,t;const o=(e=this.state._headers.horizontal)!==null&&e!==void 0?e:[];const i=(t=this.state._headers.vertical)!==null&&t!==void 0?t:[];const l=[];for(const n of o){if(Array.isArray(n)){l.push(...n)}}for(const n of i){if(Array.isArray(n)){l.push(...n)}}const a=l.find((e=>e.key===n));if(a){this.changeCellSort(a)}}getSelectedData(n){var e;const t=this.state._selection;if(t){const o=(e=t.keyPropertyName)!==null&&e!==void 0?e:"id";const i=new Set(n.map(String));const l=this.state._sortedData.filter((n=>i.has(String(n[o]))));if(o)return l}return null}handleSelectionChange(n,e){var t;const o=this.state._selection;if(o)this.state=Object.assign(Object.assign({},this.state),{_selection:Object.assign(Object.assign({},o),{selectedKeys:e})});const i=this.getSelectedData(e);if(typeof((t=this.state._on)===null||t===void 0?void 0:t[w.onSelectionChange])==="function"){this.state._on[w.onSelectionChange](n,i)}if(this.host){S(this.host,z.selectionChange,i)}}async getSelection(){var n;const e=((n=this.state._selection)===null||n===void 0?void 0:n.selectedKeys)||[];return this.getSelectedData(e)}async resetSort(){this.initializeSortFromHeaders(this.state._headers);this.updateSortedData()}headerKeysChanged(n,e){const t=n=>{var e,t,o,i;return[...(t=(e=n.horizontal)===null||e===void 0?void 0:e.flatMap((n=>n.map((n=>n===null||n===void 0?void 0:n.key)).filter((n=>Boolean(n))))))!==null&&t!==void 0?t:[],...(i=(o=n.vertical)===null||o===void 0?void 0:o.flatMap((n=>n.map((n=>n===null||n===void 0?void 0:n.key)).filter((n=>Boolean(n))))))!==null&&i!==void 0?i:[]]};const o=t(n);const i=t(e);return o.length!==i.length||o.some(((n,e)=>n!==i[e]))}mergeAdjustedHeaderCells(n){var e;const t=new Map;(e=this.state._headers.horizontal)===null||e===void 0?void 0:e.forEach((n=>n.forEach((n=>{if(n===null||n===void 0?void 0:n.key){t.set(n.key,n)}}))));return n.map((n=>n.map((n=>{const e=(n===null||n===void 0?void 0:n.key)?t.get(n.key):undefined;if(!e){return n}const o=Object.assign({},e);if(n.visible!==undefined)o.visible=n.visible;if(n.width!==undefined)o.width=n.width;if(n.hidable!==undefined)o.hidable=n.hidable;if(n.sortable!==undefined)o.sortable=n.sortable;if(n.resizable!==undefined)o.resizable=n.resizable;return o}))))}buildHeaderCells(){var n,e,t,o;const i=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:(e=l===null||l===void 0?void 0:l.map((n=>n.map(i))))!==null&&e!==void 0?e:[],vertical:(o=(t=this.state._headers.vertical)===null||t===void 0?void 0:t.map((n=>n.map(i))))!==null&&o!==void 0?o:[]}}render(){var n,o;const i=this.selectDisplayedData(this.state._sortedData,this.showPagination?(o=(n=this.state._pagination)===null||n===void 0?void 0:n._pageSize)!==null&&o!==void 0?o:10:this.state._sortedData.length,this.state._pagination._page||1);const a=this._paginationPosition==="top"||this._paginationPosition==="both"?this.renderPagination("top"):null;const r=this._paginationPosition==="bottom"||this._paginationPosition==="both"?this.renderPagination("bottom"):null;const s=this.buildHeaderCells();return e(t,{key:"e57b6ea2a83076f45932a3cf5757c36292817050",class:"kol-table-stateful"},this.pageEndSlice>0&&this.showPagination&&a,e(l,{key:"366af529672e25752ae24ce8677a96f93f6b2e28",externalLabelElements:this.resolvedElements,ref:this.catchRef,_data:i,_fixedCols:this._fixedCols,_headerCells:s,_label:this.state._label,_loading:this._loading,_dataFoot:this.state._dataFoot,_on:{onSort:(n,e)=>{this.handleSort(e)},onSelectionChange:(n,e)=>{this.handleSelectionChange(n,e)},onChangeHeaderCells:(n,e)=>{this.handleChangeHeaderCells(e)}},_selection:this.state._selection,_hasSettingsMenu:this.state._hasSettingsMenu,_variant:this._variant}),this.pageEndSlice>0&&this.showPagination&&r)}get host(){return o(this)}static get watchers(){return{_ariaLabelledby:["validateAriaLabelledby"],_allowMultiSort:["validateAllowMultiSort"],_data:["validateData"],_dataFoot:["validateDataFoot"],_fixedCols:["validateFixedCols"],_paginationPosition:["validatePaginationPosition"],_hasSettingsMenu:["validateHasSettingsMenu"],_headers:["validateHeaders"],_label:["validateLabel"],_selection:["validateSelection"],_on:["validateOn"],_pagination:["validatePagination"]}}};D.style={default:A};export{D as kol_table_stateful};
+import{r as n,h as e,H as t,g as o}from"./index-Cle6HB7B.js";import{h as i,k as l}from"./component-names-DwvrfFak.js";import{t as a}from"./i18n-CvFPh0g5.js";import{e as r,b as s,s as c,P as h,o as d,p as k,j as p}from"./common-D-vggmh2.js";import{a as f}from"./aria-labelledby-6-ki3akM.js";import{v as b}from"./aria-labelledby-D6AMAZtK.js";import{v as u,a as m,b as _,c as g,d as v,e as y}from"./table-selection-CB6W390S.js";import{v as x}from"./label-w3T7Y2ih.js";import{C as w}from"./keyboard-DNd73LVa.js";import{K as z,d as S}from"./events-BhfZTW2e.js";import"./i18n-C73LqPIs.js";const T=(n,e,t={})=>{r(n,"_allowMultiSort",e,Object.assign({defaultValue:false},t))};const C=["top","bottom","both"];const j=(n,e)=>{s(n,`_paginationPosition`,(n=>typeof n==="string"&&C.includes(n)),new Set([`PaginationPositionPropType {${C.join(", ")}`]),e,{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* 6. kol-forced-colors - Defaults for forced colors and high contrast modes\n* 7. kol-theme-forced-colors - Theme-specific styles for forced colors and high contrast modes\n*/\n@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component, kol-forced-colors, kol-theme-forced-colors;\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    --kol-a11y-font-color: black;\n    --kol-a11y-background-color: white;\n    color: var(--kol-a11y-font-color);\n    background-color: var(--kol-a11y-background-color);\n    /*\n     * Verdana is an accessible font that can be used without requiring additional loading time.\n     */\n    --kol-a11y-font-family: Verdana;\n    font-family: var(--kol-a11y-font-family);\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/*\n * This file contains all rules for forced-colors and highcontrast modes\n * https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Values/system-color to see all color keywords the browsers are providing\n */\n@layer kol-forced-colors {\n  @media (forced-colors: active) {\n    .kol-button__text {\n      color: ButtonText;\n      background-color: ButtonFace;\n      border: 2px solid ButtonBorder;\n    }\n    .kol-button--disabled .kol-button__text {\n      color: GrayText;\n      border-color: GrayText;\n    }\n    .kol-card,\n    .kol-dialog,\n    .kol-modal,\n    .kol-drawer {\n      color: CanvasText;\n      background-color: Canvas;\n      border: 1px solid ButtonBorder;\n    }\n    .kol-pagination__button--selected .kol-button {\n      opacity: 1;\n    }\n    .kol-pagination__button--selected .kol-button__text {\n      color: SelectedItemText;\n      background-color: SelectedItem;\n    }\n    /* focus styles */\n    .kol-button:focus-visible,\n    .kol-link__anchor:focus-visible {\n      outline: 2px solid Highlight;\n      outline-offset: 2px;\n    }\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=1788788973815"); /* IE9*/\n  src: url("kolicons.eot?t=1788788973815#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1788788973815") format("woff2"), url("kolicons.woff?t=1788788973815") format("woff"), url("kolicons.ttf?t=1788788973815") format("truetype"), url("kolicons.svg?t=1788788973815#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  @keyframes rotate {\n    to {\n      transform: rotate(1turn);\n    }\n  }\n  @keyframes growingCircle {\n    0% {\n      opacity: 0.5;\n      border-color: white;\n      clip-path: polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0);\n    }\n    25% {\n      opacity: 0.75;\n      border-color: var(--kol-spin-color, var(--kol-theme-spin-color, #000));\n      clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0);\n    }\n    50% {\n      opacity: 1;\n      border-color: var(--kol-spin-color, var(--kol-theme-spin-color, black));\n      clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%);\n    }\n    75% {\n      opacity: 1;\n      border-color: var(--kol-spin-color, var(--kol-theme-spin-color, black));\n      clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%);\n    }\n    100% {\n      opacity: 0.1;\n      border-color: var(--kol-spin-color, var(--kol-theme-spin-color, black));\n      clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0);\n    }\n  }\n  .kol-spin__spinner--cycle {\n    width: calc(var(--kol-spin-size, 48) * 1rem / var(--kolibri-root-font-size, 16));\n    height: calc(var(--kol-spin-size, 48) * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-spin__spinner--cycle__element {\n    border-radius: 50%;\n    display: block;\n    position: relative;\n    width: 100%;\n    height: 100%;\n    animation: 2s linear infinite rotate;\n  }\n  @media (prefers-reduced-motion) {\n    .kol-spin__spinner--cycle__element {\n      animation-duration: 4s !important;\n    }\n  }\n  .kol-spin__spinner--cycle__element::before {\n    border-radius: 50%;\n    position: absolute;\n    inset: 0;\n    content: "";\n    animation: 3s linear infinite growingCircle;\n    border: 5px solid var(--kol-spin-color, var(--kol-theme-spin-color, #333));\n  }\n  @media (prefers-reduced-motion) {\n    .kol-spin__spinner--cycle__element::before {\n      animation-duration: 6s !important;\n    }\n  }\n}\n@layer kol-component {\n  @keyframes spin1 {\n    0% {\n      transform: scale(0);\n    }\n    100% {\n      transform: scale(1);\n    }\n  }\n  @keyframes spin2 {\n    0% {\n      transform: translate(0, 0);\n    }\n    100% {\n      transform: translate(calc(var(--kol-spin-size, 13) * 1rem / var(--kolibri-root-font-size, 16)), 0);\n    }\n  }\n  @keyframes spin3 {\n    0% {\n      transform: scale(1);\n    }\n    100% {\n      transform: scale(0);\n    }\n  }\n  /* https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-reduced-motion#toning_down_the_animation_scaling */\n  @media (prefers-reduced-motion) {\n    .kol-spin__spinner-element {\n      animation-duration: 2s !important;\n    }\n  }\n  .kol-spin__spinner--dot {\n    --kol-spin-border-width: calc(var(--kol-spin-size, 13) / 10);\n    width: calc(calc(var(--kol-spin-size, 13) * 3 + 2) * 1rem / var(--kolibri-root-font-size, 16));\n    height: calc(calc(var(--kol-spin-size, 13) + var(--kol-spin-border-width) * 2) * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-spin__spinner--dot__element {\n    background-color: var(--kol-spin-color, var(--kol-theme-spin-color, #000));\n    border-radius: 50%;\n    position: absolute;\n    top: 1px;\n    width: calc(var(--kol-spin-size, 13) * 1rem / var(--kolibri-root-font-size, 16));\n    height: calc(var(--kol-spin-size, 13) * 1rem / var(--kolibri-root-font-size, 16));\n    animation-timing-function: cubic-bezier(0, 1, 1, 0);\n    border: calc(var(--kol-spin-border-width) * 1rem / var(--kolibri-root-font-size, 16)) solid white;\n  }\n  .kol-spin__spinner--dot__element--1 {\n    left: calc(var(--kol-spin-border-width) * 1rem / var(--kolibri-root-font-size, 16));\n    z-index: 0;\n    animation: 1s infinite spin1;\n  }\n  .kol-spin__spinner--dot__element--2 {\n    left: calc(var(--kol-spin-border-width) * 1rem / var(--kolibri-root-font-size, 16));\n    z-index: 1;\n    animation: 1s infinite spin2;\n  }\n  .kol-spin__spinner--dot__element--3 {\n    left: calc(calc(var(--kol-spin-size, 13) + var(--kol-spin-border-width)) * 1rem / var(--kolibri-root-font-size, 16));\n    z-index: 1;\n    animation: 1s infinite spin2;\n  }\n  .kol-spin__spinner--dot__element--4 {\n    opacity: 0.6;\n    left: calc(calc(var(--kol-spin-size, 13) * 2 + var(--kol-spin-border-width)) * 1rem / var(--kolibri-root-font-size, 16));\n    z-index: 0;\n    animation: 1s infinite spin3;\n  }\n}\n@layer kol-component {\n  .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\n  .kol-card .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\n  .kol-card :host {\n    display: inline-block;\n  }\n  .kol-card .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-card .kol-button::before {\n    /* Render zero-width character as first element to set the baseline correctly. */\n    content: "​";\n  }\n  .kol-card .kol-button__text {\n    flex: 1 0 100%;\n  }\n  .kol-card .kol-button {\n    /* The link skeleton renders the anchor as `.kol-link__anchor` inside the `.kol-link`\n       wrapper. The UA default underline sits on the anchor itself, so suppressing\n       `text-decoration` on the wrapper alone is not enough. The remaining declarations\n       restore the box the root element was before the skeleton migration. */\n  }\n  .kol-card .kol-button__anchor {\n    display: flex;\n    text-align: left;\n    text-decoration-line: none;\n    /* The zero-width baseline character used to live on the root element, which was the\n       flex container positioning the text. In the link skeleton the anchor is that\n       container, so the character has to move with it — otherwise the text sits 1px off. */\n  }\n  .kol-card .kol-button__anchor::before {\n    content: "​";\n  }\n  .kol-card .kol-button--external-link > .kolicon-link-external::before, .kol-card .kol-button--external-link .kol-button__anchor > .kolicon-link-external::before {\n    content: none;\n  }\n  .kol-card {\n    /* Visible with forced colors  */\n    outline: transparent solid calc(1 * 1rem / var(--kolibri-root-font-size, 16));\n    display: grid;\n    height: 100%;\n    overflow: visible;\n    grid-template-areas: "header  close" "content content";\n    grid-template-columns: 1fr min-content;\n    grid-template-rows: min-content 1fr;\n  }\n  .kol-card__header {\n    align-self: start;\n    grid-area: header;\n  }\n  .kol-card__content {\n    align-self: stretch;\n    grid-area: content;\n  }\n  .kol-card__close-button {\n    grid-area: close;\n  }\n  .kol-card:has(.kol-card__link) {\n    position: relative;\n  }\n  .kol-card__link::after {\n    position: absolute;\n    inset: 0;\n    content: "";\n    cursor: pointer;\n  }\n  .kol-dialog,\n  .kol-modal {\n    min-height: var(--a11y-min-size);\n    padding: 0;\n    border: 0;\n    /* Prevent scroll chaining from scrollable dialog content to the page. */\n    overscroll-behavior: contain;\n  }\n  .kol-dialog__close-button,\n  .kol-modal__close-button {\n    position: absolute;\n    top: calc(1 * 1rem / var(--kolibri-root-font-size, 16));\n    right: calc(1 * 1rem / var(--kolibri-root-font-size, 16));\n    z-index: 1;\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 .kol-button {\n    /* The link skeleton renders the anchor as `.kol-link__anchor` inside the `.kol-link`\n       wrapper. The UA default underline sits on the anchor itself, so suppressing\n       `text-decoration` on the wrapper alone is not enough. The remaining declarations\n       restore the box the root element was before the skeleton migration. */\n  }\n  .kol-alert .kol-button__anchor {\n    display: flex;\n    text-align: left;\n    text-decoration-line: none;\n    /* The zero-width baseline character used to live on the root element, which was the\n       flex container positioning the text. In the link skeleton the anchor is that\n       container, so the character has to move with it — otherwise the text sits 1px off. */\n  }\n  .kol-alert .kol-button__anchor::before {\n    content: "​";\n  }\n  .kol-alert .kol-button--external-link > .kolicon-link-external::before, .kol-alert .kol-button--external-link .kol-button__anchor > .kolicon-link-external::before {\n    content: none;\n  }\n  .kol-alert {\n    display: grid;\n    grid-template-areas: "icon heading close" "icon content close";\n    grid-template-columns: min-content 1fr min-content;\n    grid-template-rows: min-content min-content;\n  }\n  .kol-alert__icon {\n    grid-area: icon;\n  }\n  .kol-alert__heading {\n    grid-area: heading;\n  }\n  .kol-alert__closer {\n    /* Visible with forced colors */\n    outline: transparent solid calc(1 * 1rem / var(--kolibri-root-font-size, 16));\n    grid-area: close;\n  }\n  .kol-alert__content {\n    grid-area: content;\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-button {\n    /* The link skeleton renders the anchor as `.kol-link__anchor` inside the `.kol-link`\n       wrapper. The UA default underline sits on the anchor itself, so suppressing\n       `text-decoration` on the wrapper alone is not enough. The remaining declarations\n       restore the box the root element was before the skeleton migration. */\n  }\n  .kol-button__anchor {\n    display: flex;\n    text-align: left;\n    text-decoration-line: none;\n    /* The zero-width baseline character used to live on the root element, which was the\n       flex container positioning the text. In the link skeleton the anchor is that\n       container, so the character has to move with it — otherwise the text sits 1px off. */\n  }\n  .kol-button__anchor::before {\n    content: "​";\n  }\n  .kol-button--external-link > .kolicon-link-external::before, .kol-button--external-link .kol-button__anchor > .kolicon-link-external::before {\n    content: none;\n  }\n  .kol-popover-button__popover {\n    margin: 0;\n    padding: 0;\n    border: 0;\n  }\n  .kol-popover-button--open .kol-button__tooltip {\n    display: none;\n  }\n  .kol-popover-button--inline {\n    display: inline-block;\n  }\n  .kol-popover-button--inline__button {\n    display: inline;\n  }\n  .kol-popover-button--inline .kol-button {\n    min-width: 0;\n    min-height: 1em;\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__body:has(.kol-table__loader--shown) {\n    position: relative;\n    min-height: calc(var(--a11y-min-size) * 3);\n  }\n  .kol-table__cell--align-left {\n    text-align: left;\n  }\n  .kol-table__cell--align-left .kol-table__sort-button .kol-button__text {\n    align-items: start;\n    text-align: start;\n  }\n  .kol-table__cell--align-left .kol-table__cell-actions {\n    justify-content: flex-start;\n  }\n  .kol-table__cell--align-center {\n    text-align: center;\n  }\n  .kol-table__cell--align-center .kol-table__sort-button .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-table__sort-button .kol-button__text {\n    align-items: end;\n    text-align: end;\n  }\n  .kol-table__cell--align-right .kol-table__cell-actions {\n    justify-content: flex-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-button {\n    /* The link skeleton renders the anchor as `.kol-link__anchor` inside the `.kol-link`\n       wrapper. The UA default underline sits on the anchor itself, so suppressing\n       `text-decoration` on the wrapper alone is not enough. The remaining declarations\n       restore the box the root element was before the skeleton migration. */\n  }\n  .kol-table__cell--actions .kol-button__anchor {\n    display: flex;\n    text-align: left;\n    text-decoration-line: none;\n    /* The zero-width baseline character used to live on the root element, which was the\n       flex container positioning the text. In the link skeleton the anchor is that\n       container, so the character has to move with it — otherwise the text sits 1px off. */\n  }\n  .kol-table__cell--actions .kol-button__anchor::before {\n    content: "​";\n  }\n  .kol-table__cell--actions .kol-button--external-link > .kolicon-link-external::before, .kol-table__cell--actions .kol-button--external-link .kol-button__anchor > .kolicon-link-external::before {\n    content: none;\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  }\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    /* The anchor is the flex container positioning the text — it must stretch its\n       content so the text pill keeps the full standalone height. */\n  }\n  .kol-table__cell--actions .kol-link--standalone .kol-link__anchor {\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__anchor {\n    display: inline-flex;\n    flex: 1;\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__anchor:focus:not([aria-disabled], [disabled]) .kol-span__label, .kol-table__cell--actions .kol-link__anchor:hover:not([aria-disabled], [disabled]) .kol-span__label {\n    text-decoration-thickness: 0.2em;\n  }\n  .kol-table__cell--actions .kol-link {\n    /* Root-level label decoration: the button DOM (button-link) has no `__anchor`, so the\n       underline must be carried outside the anchor scope — as it was before the migration. */\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-table__loader--shown {\n    background: white;\n    display: flex;\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    z-index: 1;\n    align-items: center;\n    justify-content: center;\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 .kol-button {\n    /* The link skeleton renders the anchor as `.kol-link__anchor` inside the `.kol-link`\n       wrapper. The UA default underline sits on the anchor itself, so suppressing\n       `text-decoration` on the wrapper alone is not enough. The remaining declarations\n       restore the box the root element was before the skeleton migration. */\n  }\n  .kol-alert .kol-button__anchor {\n    display: flex;\n    text-align: left;\n    text-decoration-line: none;\n    /* The zero-width baseline character used to live on the root element, which was the\n       flex container positioning the text. In the link skeleton the anchor is that\n       container, so the character has to move with it — otherwise the text sits 1px off. */\n  }\n  .kol-alert .kol-button__anchor::before {\n    content: "​";\n  }\n  .kol-alert .kol-button--external-link > .kolicon-link-external::before, .kol-alert .kol-button--external-link .kol-button__anchor > .kolicon-link-external::before {\n    content: none;\n  }\n  .kol-alert {\n    display: grid;\n    grid-template-areas: "icon heading close" "icon content close";\n    grid-template-columns: min-content 1fr min-content;\n    grid-template-rows: min-content min-content;\n  }\n  .kol-alert__icon {\n    grid-area: icon;\n  }\n  .kol-alert__heading {\n    grid-area: heading;\n  }\n  .kol-alert__closer {\n    /* Visible with forced colors */\n    outline: transparent solid calc(1 * 1rem / var(--kolibri-root-font-size, 16));\n    grid-area: close;\n  }\n  .kol-alert__content {\n    grid-area: content;\n  }\n  .kol-form-field .kol-popover-button__popover {\n    margin: 0;\n    padding: 0;\n    border: 0;\n  }\n  .kol-form-field .kol-popover-button--open .kol-button__tooltip {\n    display: none;\n  }\n  .kol-form-field .kol-popover-button--inline {\n    display: inline-block;\n  }\n  .kol-form-field .kol-popover-button--inline__button {\n    display: inline;\n  }\n  .kol-form-field .kol-popover-button--inline .kol-button {\n    min-width: 0;\n    min-height: 1em;\n  }\n  .kol-form-field .kol-popover {\n    opacity: 0;\n    transition: 0.2s ease-out opacity;\n  }\n  .kol-form-field .kol-popover-button--open + .kol-popover {\n    opacity: 1;\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]) .kol-span__label::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__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  .kol-spin__spinner {\n    display: block;\n    position: relative;\n  }\n}';const P=[10,20,50,100];const D=n=>n===true||n===""||typeof n==="object"&&n!==null;const O=class{constructor(e){n(this,e);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,e)=>{var t;if(typeof((t=this.state._pagination._on)===null||t===void 0?void 0:t.onClick)==="function"){this.state._pagination._on.onClick(n,e)}c(this,"_pagination",Object.assign(Object.assign({},this.state._pagination),{_page:e}))},onChangePage:(n,e)=>{var t;if(typeof((t=this.state._pagination._on)===null||t===void 0?void 0:t.onChangePage)==="function"){this.state._pagination._on.onChangePage(n,e)}c(this,"_pagination",Object.assign(Object.assign({},this.state._pagination),{_page:e}))},onChangePageSize:(n,e)=>{var t;if(typeof((t=this.state._pagination._on)===null||t===void 0?void 0:t.onChangePageSize)==="function"){this.state._pagination._on.onChangePageSize(n,e)}c(this,"_pagination",Object.assign(Object.assign({},this.state._pagination),{_pageSize:e}));c(this,"_pageSize",e)}};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,e)=>{for(let t=0;t<this.sortData.length;t++){const o=this.sortData[t];const i=o.compareFn(n,e,o.direction);if(i!==0){return o.direction==="ASC"?i:-i}}return 0}))}c(this,"_sortedData",n)};this.handleChangeHeaderCells=n=>{this.adjustedHeaderCells=n}}validateAriaLabelledby(n){this.syncExternalLabel(n)}syncExternalLabel(n){this.resolvedElements=b(this,this.host,this.internals,n)}validateAllowMultiSort(n){T(this,n,{defaultValue:false})}validateData(n){u(this,n,{afterPatch:()=>{setTimeout(this.updateSortedData)}})}validateDataFoot(n){m(this,n,{afterPatch:()=>{setTimeout(this.updateSortedData)}})}validateFixedCols(n){_(this,n)}validatePaginationPosition(n){j(this,n)}validateHasSettingsMenu(n){g(this,n)}changeCellSort(n){var e;if(n.type===undefined||n.type==="default"){if(typeof n.compareFn!=="function"){return}if(!this.state._allowMultiSort&&n.key!==((e=this.sortData[0])===null||e===void 0?void 0:e.key)){this.sortData=[]}const t=this.sortData.findIndex((e=>e.key===n.key));if(t>=0){const n=this.sortData[t];switch(n.direction){case"ASC":n.direction="DESC";break;case"DESC":this.sortData.splice(t,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 e,t;let o=false;const i=n=>{this.sortData=[];n.forEach((n=>{if(n.type!==undefined&&n.type!=="default"){return}if(typeof n.compareFn==="function"&&!n.key){p(`[KolTableStateful] A sortable column requires the 'key' property.`);return}const e=n.key;if(!e){return}const t=n.sortDirection;if(t==="ASC"||t==="DESC"){if(typeof n.compareFn==="function"){if(this.state._allowMultiSort||this.sortData.length===0){this.sortData.push({label:n.label,key:e,compareFn:n.compareFn,direction:t})}o=true}}}))};(e=n.horizontal)===null||e===void 0?void 0:e.forEach(i);(t=n.vertical)===null||t===void 0?void 0:t.forEach(i);return o}validateHeaders(n){h(n,(()=>{d(n,(()=>{try{n=k(n)}catch(n){}s(this,"_headers",(n=>typeof n==="object"&&n!==null),new Set(["KoliBriTableHeaders"]),n,{hooks:{beforePatch:n=>{var e,t;const o=n;if(this.headerKeysChanged(this.state._headers,o)){this.adjustedHeaderCells=undefined}const i=this.initializeSortFromHeaders(o);if(i){setTimeout((()=>this.updateSortedData()))}if(o.horizontal&&o.vertical&&((e=o.horizontal)===null||e===void 0?void 0:e.length)>0&&((t=o.vertical)===null||t===void 0?void 0:t.length)>0){this.disableSort=true;p(`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){v(this,n)}validateOn(n){y(this,n)}validatePagination(n){try{n=k(n)}catch(n){}this.showPagination=D(n);s(this,"_pagination",D,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=f(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,e,t){if(typeof e==="number"&&e>0&&typeof t==="number"&&t>0){this.pageStartSlice=e*(t-1);this.pageEndSlice=e*t>n.length?n.length:e*t;return n.slice(this.pageStartSlice,this.pageEndSlice)}else{this.pageStartSlice=0;this.pageEndSlice=n.length;return n}}renderPagination(n){const t=n==="top"?a("kol-pagination-position-top"):a("kol-pagination-position-bottom");const o=a("kol-table-pagination-label",{placeholders:{label:`${this.state._label} (${t})`}});return e("div",{class:`kol-table-stateful__pagination kol-table-stateful__pagination--${this.state._paginationPosition}`},e("div",{class:"kol-table-stateful__pagination-wrapper"},e(i,{_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||P,_siblingCount:this.state._pagination._siblingCount,_tooltipAlign:"bottom",_max:this.state._pagination._max||this.state._data.length,_label:o})))}getHeaderCellSortState(n){if(n.type!==undefined&&n.type!=="default"){return}if(!this.disableSort&&typeof n.compareFn==="function"){if(n.key){const e=this.sortData.find((e=>e.key===n.key));if(e===null||e===void 0?void 0:e.direction){return e.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 e=this.sortData.findIndex((e=>e.key===n.key));if(e>=0){return e+1}}}handleSort({key:n}){var e,t;const o=(e=this.state._headers.horizontal)!==null&&e!==void 0?e:[];const i=(t=this.state._headers.vertical)!==null&&t!==void 0?t:[];const l=[];for(const n of o){if(Array.isArray(n)){l.push(...n)}}for(const n of i){if(Array.isArray(n)){l.push(...n)}}const a=l.find((e=>e.key===n));if(a){this.changeCellSort(a)}}getSelectedData(n){var e;const t=this.state._selection;if(t){const o=(e=t.keyPropertyName)!==null&&e!==void 0?e:"id";const i=new Set(n.map(String));const l=this.state._sortedData.filter((n=>i.has(String(n[o]))));if(o)return l}return null}handleSelectionChange(n,e){var t;const o=this.state._selection;if(o)this.state=Object.assign(Object.assign({},this.state),{_selection:Object.assign(Object.assign({},o),{selectedKeys:e})});const i=this.getSelectedData(e);if(typeof((t=this.state._on)===null||t===void 0?void 0:t[w.onSelectionChange])==="function"){this.state._on[w.onSelectionChange](n,i)}if(this.host){S(this.host,z.selectionChange,i)}}async getSelection(){var n;const e=((n=this.state._selection)===null||n===void 0?void 0:n.selectedKeys)||[];return this.getSelectedData(e)}async resetSort(){this.initializeSortFromHeaders(this.state._headers);this.updateSortedData()}headerKeysChanged(n,e){const t=n=>{var e,t,o,i;return[...(t=(e=n.horizontal)===null||e===void 0?void 0:e.flatMap((n=>n.map((n=>n===null||n===void 0?void 0:n.key)).filter((n=>Boolean(n))))))!==null&&t!==void 0?t:[],...(i=(o=n.vertical)===null||o===void 0?void 0:o.flatMap((n=>n.map((n=>n===null||n===void 0?void 0:n.key)).filter((n=>Boolean(n))))))!==null&&i!==void 0?i:[]]};const o=t(n);const i=t(e);return o.length!==i.length||o.some(((n,e)=>n!==i[e]))}mergeAdjustedHeaderCells(n){var e;const t=new Map;(e=this.state._headers.horizontal)===null||e===void 0?void 0:e.forEach((n=>n.forEach((n=>{if(n===null||n===void 0?void 0:n.key){t.set(n.key,n)}}))));return n.map((n=>n.map((n=>{const e=(n===null||n===void 0?void 0:n.key)?t.get(n.key):undefined;if(!e){return n}const o=Object.assign({},e);if(n.visible!==undefined)o.visible=n.visible;if(n.width!==undefined)o.width=n.width;if(n.hidable!==undefined)o.hidable=n.hidable;if(n.sortable!==undefined)o.sortable=n.sortable;if(n.resizable!==undefined)o.resizable=n.resizable;return o}))))}buildHeaderCells(){var n,e,t,o;const i=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:(e=l===null||l===void 0?void 0:l.map((n=>n.map(i))))!==null&&e!==void 0?e:[],vertical:(o=(t=this.state._headers.vertical)===null||t===void 0?void 0:t.map((n=>n.map(i))))!==null&&o!==void 0?o:[]}}render(){var n,o;const i=this.selectDisplayedData(this.state._sortedData,this.showPagination?(o=(n=this.state._pagination)===null||n===void 0?void 0:n._pageSize)!==null&&o!==void 0?o:10:this.state._sortedData.length,this.state._pagination._page||1);const a=this._paginationPosition==="top"||this._paginationPosition==="both"?this.renderPagination("top"):null;const r=this._paginationPosition==="bottom"||this._paginationPosition==="both"?this.renderPagination("bottom"):null;const s=this.buildHeaderCells();return e(t,{key:"d059debfe3cac058c6638f789055a11ab4260f82",class:"kol-table-stateful"},this.pageEndSlice>0&&this.showPagination&&a,e(l,{key:"17fa9d6c558c0420597e7e125b57b16661841cb1",externalLabelElements:this.resolvedElements,ref:this.catchRef,_data:i,_fixedCols:this._fixedCols,_headerCells:s,_label:this.state._label,_loading:this._loading,_dataFoot:this.state._dataFoot,_on:{onSort:(n,e)=>{this.handleSort(e)},onSelectionChange:(n,e)=>{this.handleSelectionChange(n,e)},onChangeHeaderCells:(n,e)=>{this.handleChangeHeaderCells(e)}},_selection:this.state._selection,_hasSettingsMenu:this.state._hasSettingsMenu,_variant:this._variant}),this.pageEndSlice>0&&this.showPagination&&r)}get host(){return o(this)}static get watchers(){return{_ariaLabelledby:["validateAriaLabelledby"],_allowMultiSort:["validateAllowMultiSort"],_data:["validateData"],_dataFoot:["validateDataFoot"],_fixedCols:["validateFixedCols"],_paginationPosition:["validatePaginationPosition"],_hasSettingsMenu:["validateHasSettingsMenu"],_headers:["validateHeaders"],_label:["validateLabel"],_selection:["validateSelection"],_on:["validateOn"],_pagination:["validatePagination"]}}};O.style={default:A};export{O 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","positionLabel","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","_loading","onSort","_","payload","onChangeHeaderCells","_event","_variant","watchers","style","default"],"sources":["0"],"mappings":"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","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","positionLabel","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","_loading","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 s}from"./index-CLHqy-2_.js";import{a as l}from"./tslib.es6-QNbPBOk5.js";import{b as n,c as o,t as a}from"./component-names-BGnhDM7F.js";import{t as r}from"./i18n-CrXMv0tS.js";import{I as c}from"./component-CqTwHM6Q.js";import{S as d}from"./component-CbvU8i7s.js";import{T as h}from"./component-Dk2wt0bc.js";import{P as f,o as u,p as b,b as v,L as _,e as p,s as k}from"./common-noYAs-wc.js";import{c as y,v as m,a as g,b as S,f as j,d as w}from"./table-selection-CHYGiAxJ.js";import{v as C}from"./label-lhyZhbiM.js";import{v as $,c as x}from"./variant-class-name-B0Wpr2i8.js";import{C as A}from"./keyboard-DNd73LVa.js";import{c as O}from"./clsx-COFh-Vc8.js";import{n as D}from"./dev.utils-CiiFii6l.js";import{d as F,K as L}from"./events-BhfZTW2e.js";import{M as H,e as T,U as M,f as E,b as K,d as z,S as W,h as B}from"./_Uint8Array-kJHDjtoP.js";import{S as N,a as P,i as R}from"./isArray-CcrBs4JM.js";import"./i18n-C73LqPIs.js";import"./bem-registry-DGv3NmGE.js";import"./component-DxelloF0.js";var I="__lodash_hash_undefined__";function U(t){this.__data__.set(t,I);return this}function V(t){return this.__data__.has(t)}function q(t){var e=-1,i=t==null?0:t.length;this.__data__=new H;while(++e<i){this.add(t[e])}}q.prototype.add=q.prototype.push=U;q.prototype.has=V;function G(t,e){var i=-1,s=t==null?0:t.length;while(++i<s){if(e(t[i],i,t)){return true}}return false}function J(t,e){return t.has(e)}var Q=1,Y=2;function Z(t,e,i,s,l,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 q:undefined;n.set(t,e);n.set(e,t);while(++h<a){var b=t[h],v=e[h];if(s){var _=o?s(v,b,h,e,t,n):s(b,v,h,t,e,n)}if(_!==undefined){if(_){continue}f=false;break}if(u){if(!G(e,(function(t,e){if(!J(u,e)&&(b===t||l(b,t,i,s,n))){return u.push(e)}}))){f=false;break}}else if(!(b===v||l(b,v,i,s,n))){f=false;break}}n["delete"](t);n["delete"](e);return f}function X(t){var e=-1,i=Array(t.size);t.forEach((function(t,s){i[++e]=[s,t]}));return i}function tt(t){var e=-1,i=Array(t.size);t.forEach((function(t){i[++e]=t}));return i}var et=1,it=2;var st="[object Boolean]",lt="[object Date]",nt="[object Error]",ot="[object Map]",at="[object Number]",rt="[object RegExp]",ct="[object Set]",dt="[object String]",ht="[object Symbol]";var ft="[object ArrayBuffer]",ut="[object DataView]";var bt=N?N.prototype:undefined,vt=bt?bt.valueOf:undefined;function _t(t,e,i,s,l,n,o){switch(i){case ut:if(t.byteLength!=e.byteLength||t.byteOffset!=e.byteOffset){return false}t=t.buffer;e=e.buffer;case ft:if(t.byteLength!=e.byteLength||!n(new M(t),new M(e))){return false}return true;case st:case lt:case at:return T(+t,+e);case nt:return t.name==e.name&&t.message==e.message;case rt:case dt:return t==e+"";case ot:var a=X;case ct:var r=s&et;a||(a=tt);if(t.size!=e.size&&!r){return false}var c=o.get(t);if(c){return c==e}s|=it;o.set(t,e);var d=Z(a(t),a(e),s,l,n,o);o["delete"](t);return d;case ht:if(vt){return vt.call(t)==vt.call(e)}}return false}var pt=1;var kt=Object.prototype;var yt=kt.hasOwnProperty;function mt(t,e,i,s,l,n){var o=i&pt,a=E(t),r=a.length,c=E(e),d=c.length;if(r!=d&&!o){return false}var h=r;while(h--){var f=a[h];if(!(o?f in e:yt.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(s){var y=o?s(k,p,f,e,t,n):s(p,k,f,t,e,n)}if(!(y===undefined?p===k||l(p,k,i,s,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 gt=1;var St="[object Arguments]",jt="[object Array]",wt="[object Object]";var Ct=Object.prototype;var $t=Ct.hasOwnProperty;function xt(t,e,i,s,l,n){var o=P(t),a=P(e),r=o?jt:K(t),c=a?jt:K(e);r=r==St?wt:r;c=c==St?wt:c;var d=r==wt,h=c==wt,f=r==c;if(f&&z(t)){if(!z(e)){return false}o=true;d=false}if(f&&!d){n||(n=new W);return o||B(t)?Z(t,e,i,s,l,n):_t(t,e,r,i,s,l,n)}if(!(i&gt)){var u=d&&$t.call(t,"__wrapped__"),b=h&&$t.call(e,"__wrapped__");if(u||b){var v=u?t.value():t,_=b?e.value():e;n||(n=new W);return l(v,_,i,s,n)}}if(!f){return false}n||(n=new W);return mt(t,e,i,s,l,n)}function At(t,e,i,s,l){if(t===e){return true}if(t==null||e==null||!R(t)&&!R(e)){return t!==t&&e!==e}return xt(t,e,i,s,At,l)}function Ot(t,e){return At(t,e)}const Dt=t=>Array.isArray(t)&&t.every((t=>Array.isArray(t)));const Ft=(t,e)=>{f(e,(()=>{u(e,(()=>{try{e=b(e)}catch(t){}v(t,"_headerCells",(t=>{if(typeof t!=="object"||t===null)return false;const e=t.horizontal;const i=t.vertical;if(e!==undefined&&!Dt(e)||i!==undefined&&!Dt(i)){return false}const s=[];for(const t of e!==null&&e!==void 0?e:[]){s.push(...t)}for(const t of i!==null&&i!==void 0?i:[]){s.push(...t)}return s.every((t=>t.width===undefined||typeof t.width==="number"))}),new Set(["TableHeaderCellsPropType"]),e)}))}))};const Lt=150;const Ht=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.translateDataLoading=r("kol-table-data-loading");this.translateDataLoaded=r("kol-table-data-loaded");this.maxCols=0;this.fixedOffsets=[];this.settingsChangedCounter=0;this.tableDivElementHasScrollbar=false;this.stickyColsDisabled=false;this.renderTableRow=(t,i,s,l=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":!l,"kol-table__row--footer":l}),key:`row-${a}`},this.renderSelectionCell(t,i),t.map(((t,e)=>this.renderTableCell(t,i,e,s))))};this.renderTableCell=(t,i,s,l)=>{if(t.visible===false){return""}let n=`${i}-${s}-${t.label}`;if(t.data){const e=this.getDataKey(t.data);n=e?`${e}-${this.horizontal?s:i}`:n}if(t.headerCell){return this.renderHeadingCell(t,i,s,l)}else{const i=typeof t.render!=="function"&&t.label===this.translateNoEntries;const l=this.getActionColumnHeader(s);const o=Boolean(l&&t.data);const a=this.isFixedCol(s);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&&l&&t.data?this.renderActionItems(l,t.data,n):!d?t.label:"")}};this.renderActionItems=(t,i,s)=>{const a=t.actions(i);return e("div",{class:"kol-table__cell-actions"},a.map(((t,i)=>{if(t.type==="button"){const o=l(t,[]);return e(n,Object.assign({key:`action-${s}-${i}`},o,{_variant:o._variant}))}else if(t.type==="link"){const n=l(t,[]);return e(o,Object.assign({key:`action-${s}-${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}_.debug([this.tableRef,!!(t===null||t===void 0?void 0:t.length),t,this.tableRef.ariaLabelledByElements])}}validateHasSettingsMenu(t){y(this,t)}validateData(t){m(this,t,{beforePatch:t=>{this.updateDataToKeyMap(t)}})}validateDataFoot(t){g(this,t)}validateFixedCols(t){S(this,t);this.checkAndUpdateStickyState()}validateHeaderCells(t){Ft(this,t);if(!Ot(this.previousHeaderCells,this.state._headerCells)){this.initializeHeaderCellSettings()}this.previousHeaderCells=this.state._headerCells}validateLabel(t){C(this,t,{required:true})}validateLoading(t){p(this,"_loading",t)}validateOn(t){j(this,t)}validateSelection(t){w(this,t);this.checkAndUpdateStickyState()}validateVariantClassName(t){$(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 s=this.checkboxRefs.indexOf(i);if(s>-1){t.preventDefault();if(t.key==="ArrowDown"){s=(s+1)%this.checkboxRefs.length;this.checkboxRefs[s].focus()}else if(t.key==="ArrowUp"){t.preventDefault();s=(s+this.checkboxRefs.length-1)%this.checkboxRefs.length;this.checkboxRefs[s].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});k(this,"_headerCells",i);this.settingsChangedCounter++;if(typeof((e=this.state._on)===null||e===void 0?void 0:e[A.onChangeHeaderCells])==="function"){this.state._on[A.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()}),Lt)}checkDivElementScrollbar(){if(this.tableDivElement){this.tableDivElementHasScrollbar=this.tableDivElement.scrollWidth>this.tableDivElement.clientWidth}}calculateFixedColsWidth(){var t,e,i,s,l,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+=(s=(i=o[t])===null||i===void 0?void 0:i.width)!==null&&s!==void 0?s:0}if(this.state._selection){const t=(l=this.tableDivElement)===null||l===void 0?void 0:l.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,D())}}));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 s=i[t];if(s&&s.type==="action"){return s}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 s=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(s<e){s=e}}));if(s===0){s=e.length}else{s-=((i=this.state._dataFoot)===null||i===void 0?void 0:i.length)||0}return s}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,s;if(((e=this.primaryHeadersCache)===null||e===void 0?void 0:e.headers)===t){this.horizontal=this.primaryHeadersCache.horizontal;return this.primaryHeadersCache.result}let l=this.getThePrimaryHeadersWithKeyOrRenderFunction((i=t.horizontal)!==null&&i!==void 0?i:[]);this.horizontal=true;if(l.length===0){l=this.getThePrimaryHeadersWithKeyOrRenderFunction((s=t.vertical)!==null&&s!==void 0?s:[]);if(l.length>0){this.horizontal=false}}this.primaryHeadersCache={headers:t,result:l,horizontal:this.horizontal};return l}createDataField(t,e,i){var s,l,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+=((s=this.state._dataFoot)===null||s===void 0?void 0:s.length)||0}const b=[];const v=[];const _=[];e.vertical.forEach(((t,e)=>{v[e]=0;_[e]=[]}));const p=h;for(let s=u;s<f;s++){const d=[];e.vertical.forEach(((t,e)=>{let i=0;_[e].forEach((t=>i+=t));if(i<=s){const l=t[s-i+v[e]];if(typeof l==="object"){d.push(Object.assign(Object.assign({},l),{headerCell:true,data:{}}));let t=1;if(typeof l.rowSpan==="number"&&l.rowSpan>1){t=l.rowSpan}_[e].push(t);if(typeof l.colSpan==="number"&&l.colSpan>1){for(let i=1;i<l.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=(l=this.fixedOffsets[e-1])!==null&&l!==void 0?l: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 l=i&&this.state._dataFoot?this.state._dataFoot[s-u]:t[s];if(typeof p[e]==="object"&&p[e]!==null&&typeof l==="object"&&l!==null&&(typeof p[e].key==="string"||typeof p[e].render==="function")){const t=p[e].key;const i=l[t];d.push(Object.assign(Object.assign({},p[e]),{colIndex:e,colSpan:undefined,rowSpan:undefined,data:l,label:i}))}}else{if(typeof p[s]==="object"&&p[s]!==null&&typeof t[e]==="object"&&t[e]!==null&&(typeof p[s].key==="string"||typeof p[s].render==="function")){const i=p[s].key;const l=t[e][i];d.push(Object.assign(Object.assign({},p[s]),{colIndex:e,colSpan:undefined,rowSpan:undefined,data:t[e],label:l}))}}}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 s={colSpan:t,label:this.translateNoEntries,render:undefined,rowSpan:Math.max(i,1)};if(b.length===0){b.push([s])}else{b[0].push(s)}}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[A.onSelectionChange])==="function"){this.state._on[A.onSelectionChange](t,e)}if(this.host){F(this.host,L.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})))))});k(this,"_headerCells",t)}}componentWillLoad(){this.validateData(this._data);this.validateDataFoot(this._dataFoot);this.validateHeaderCells(this._headerCells);this.validateLabel(this._label);this.validateLoading(this._loading);this.validateOn(this._on);this.validateSelection(this._selection);this.validateHasSettingsMenu(this._hasSettingsMenu);this.validateVariantClassName(this._variant)}renderSelectionCell(t,i){var s;const l=this.state._selection;if(!l)return"";const n=this.getSelectionKeyPropertyName();const o=(s=t[0])===null||s===void 0?void 0:s.data;if(!o)return"";const a=o[n];const r=l.multiple||l.multiple===undefined;const d=String(a);const f=this.selectedKeysStringSet.has(d);const u=this.disabledKeysStringSet.has(d);const b=l.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=l===null||l===void 0?void 0:l.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(h,{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(Ht.normalizeKeys((t=this.state._selection)===null||t===void 0?void 0:t.selectedKeys).map(String));this.disabledKeysStringSet=new Set(Ht.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 Ht.normalizeKeys((t=this.state._selection)===null||t===void 0?void 0:t.selectedKeys).filter((t=>!this.disabledKeysStringSet.has(String(t))))}getSelectedKeysWithDisabledKeysOnly(){var t;return Ht.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 s=(e=this.getSelectedKeysWithDisabledKeysOnly())!==null&&e!==void 0?e:[];if(t){s.push(...this.getDataWithSelectionEnabled().map((t=>t===null||t===void 0?void 0:t[i])))}return s}getTableMinWidth(){var t,e;const i=(t=this.state._headerCells.horizontal)!==null&&t!==void 0?t:[];const s=[];i.forEach((t=>{t.forEach((t=>{if(t.visible!==false&&t.width!==undefined&&t.width>0){s.push(t.width)}}))}));const l=(e=this.state._headerCells.vertical)!==null&&e!==void 0?e:[];const n=[];l.forEach((t=>{t.forEach((t=>{if(t.width!==undefined&&t.width>0){n.push(t.width)}}))}));const o=[...n,...s];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 s=this.state._selection;if(!s){return e("td",{class:"kol-table__cell kol-table__cell--header",key:`thead-0`})}if(s.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 l=(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=l===n;const a=l!==0&&!o;let d;if(l===0){d=r("kol-table-selection-all")}else if(o&&!a){d=r("kol-table-selection-none")}else{d=r("kol-table-selection-indeterminate")}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":d,type:"checkbox",onInput:t=>{this.handleSelectionChangeCallbackAndEvent(t,this.getRevertedSelection(!o))}})),e("div",{class:"kol-table__selection-input-tooltip"},e(h,{label:d,badgeText:"",refFloating:()=>{}}))))}renderHeaderTdCell(){const t=this.state._headerCells.horizontal;const s=this.state._headerCells.vertical;if(!Array.isArray(t)||t.length===0||!Array.isArray(s)||s.length===0){return e(i,null)}const l=s.reduce(((t,e)=>{var i;const s=e===null||e===void 0?void 0:e[0];return t+((i=s===null||s===void 0?void 0:s.width)!==null&&i!==void 0?i:0)}),0);return e("td",{"aria-hidden":"true",colSpan:s.length,rowSpan:t.length,style:l>0?{width:`${l}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,s,l){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=l?"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(s);const _=v==="left"?this.getOffsetString(s,true):undefined;const p=v==="right"?this.getOffsetString(s):undefined;return e("th",{key:`${i}-${s}-${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){F(this.host,L.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 s;const l=((s=this.state._headerCells.vertical)===null||s===void 0?void 0:s.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:l+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 s=this.state._headerCells.horizontal;const l=!((t=this.externalLabelElements)===null||t===void 0?void 0:t.length);return e("div",{key:"f232abaa4a662134c933b25a4c6c3cafaf69d128",class:O("kol-table",{[x(this.state._variant,"table")]:this.state._variant!==undefined})},this.state._hasSettingsMenu&&e(a,{key:"e03c7af55fe829bfe8fd54601573e877ccb71a97",_horizontalHeaderCells:s!==null&&s!==void 0?s:[]}),e("div",{key:"82be33452bf78587e0e145836882dca71f3887fb",ref:t=>this.tableDivElement=t,class:"kol-table__scroll-container",tabindex:this.tableDivElementHasScrollbar?l?"-1":"0":undefined},e("table",{key:"b9c42f56265fa0f061f605d8588ab0ed369f8cb6",ref:t=>{this.tableRef=t;this.syncTableLabel(this.externalLabelElements)},"aria-labelledby":l?"caption":undefined,class:"kol-table__table",style:{minWidth:this.getTableMinWidth()}},l&&e("caption",{key:"f7d273bba88bbc4d3ab4940ce9acb5ed0b59b0ae",class:"kol-table__focus-element kol-table__caption",id:"caption",tabindex:this.tableDivElementHasScrollbar?"0":undefined},this.state._label),Array.isArray(s)&&e("thead",{key:"dff5630d4834417474318a4043950b56821349b9",class:"kol-table__head"},[s.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",s)]),e("tbody",{key:"00b6afd1196648d37584a2a823edb714fd791509",class:"kol-table__body"},e("div",{key:"6a192afb74de3b02929174993307d6337fce4e3d",class:O(this.state._loading&&"kol-table__loader--shown")},e(d,{key:"1057d4e704c8c181c370a67a30ebcaa9775ad7af",label:this.state._loading?this.translateDataLoading.replace("{{caption}}",this.state._label):this.translateDataLoaded.replace("{{caption}}",this.state._label),show:!!this.state._loading,variant:"cycle"})),i.map(((t,e)=>this.renderTableRow(t,e,true)))),this.renderFoot())))}get host(){return s(this)}static get watchers(){return{externalLabelElements:["onExternalLabelElementsChange"],_ariaLabelledby:["validateAriaLabelledby"],_hasSettingsMenu:["validateHasSettingsMenu"],_data:["validateData"],_dataFoot:["validateDataFoot"],_fixedCols:["validateFixedCols"],_headerCells:["validateHeaderCells"],_label:["validateLabel"],_loading:["validateLoading"],_on:["validateOn"],_selection:["validateSelection"],_variant:["validateVariantClassName"]}}};export{Ht as kol_table_stateless_wc};
+import{r as t,h as e,F as i,g as s}from"./index-Cle6HB7B.js";import{a as l}from"./tslib.es6-QNbPBOk5.js";import{b as n,c as o,r as a}from"./component-names-DwvrfFak.js";import{t as r}from"./i18n-CvFPh0g5.js";import{I as c}from"./component-DzyFeBD2.js";import{S as d}from"./component-OSBqCRA5.js";import{T as h}from"./component-BGR8kQ7-.js";import{P as f,o as u,p as b,b as v,L as _,e as p,s as k}from"./common-D-vggmh2.js";import{c as y,v as m,a as g,b as S,f as j,d as w}from"./table-selection-CB6W390S.js";import{v as C}from"./label-w3T7Y2ih.js";import{v as $,c as x}from"./variant-class-name-9qZ5egaq.js";import{C as A}from"./keyboard-DNd73LVa.js";import{c as D}from"./clsx-COFh-Vc8.js";import{n as O}from"./dev.utils-xbtFeGNM.js";import{d as F,K as L}from"./events-BhfZTW2e.js";import{M as T,e as H,U as B,f as E,b as M,d as K,S as z,h as R}from"./_Uint8Array-kJHDjtoP.js";import{S as P,a as W,i as N}from"./isArray-CcrBs4JM.js";import"./i18n-C73LqPIs.js";import"./bem-registry-3ondDImf.js";import"./component-D8uE-jGD.js";var I="__lodash_hash_undefined__";function V(t){this.__data__.set(t,I);return this}function q(t){return this.__data__.has(t)}function U(t){var e=-1,i=t==null?0:t.length;this.__data__=new T;while(++e<i){this.add(t[e])}}U.prototype.add=U.prototype.push=V;U.prototype.has=q;function G(t,e){var i=-1,s=t==null?0:t.length;while(++i<s){if(e(t[i],i,t)){return true}}return false}function J(t,e){return t.has(e)}var Q=1,Z=2;function Y(t,e,i,s,l,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&Z?new U:undefined;n.set(t,e);n.set(e,t);while(++h<a){var b=t[h],v=e[h];if(s){var _=o?s(v,b,h,e,t,n):s(b,v,h,t,e,n)}if(_!==undefined){if(_){continue}f=false;break}if(u){if(!G(e,(function(t,e){if(!J(u,e)&&(b===t||l(b,t,i,s,n))){return u.push(e)}}))){f=false;break}}else if(!(b===v||l(b,v,i,s,n))){f=false;break}}n["delete"](t);n["delete"](e);return f}function X(t){var e=-1,i=Array(t.size);t.forEach((function(t,s){i[++e]=[s,t]}));return i}function tt(t){var e=-1,i=Array(t.size);t.forEach((function(t){i[++e]=t}));return i}var et=1,it=2;var st="[object Boolean]",lt="[object Date]",nt="[object Error]",ot="[object Map]",at="[object Number]",rt="[object RegExp]",ct="[object Set]",dt="[object String]",ht="[object Symbol]";var ft="[object ArrayBuffer]",ut="[object DataView]";var bt=P?P.prototype:undefined,vt=bt?bt.valueOf:undefined;function _t(t,e,i,s,l,n,o){switch(i){case ut:if(t.byteLength!=e.byteLength||t.byteOffset!=e.byteOffset){return false}t=t.buffer;e=e.buffer;case ft:if(t.byteLength!=e.byteLength||!n(new B(t),new B(e))){return false}return true;case st:case lt:case at:return H(+t,+e);case nt:return t.name==e.name&&t.message==e.message;case rt:case dt:return t==e+"";case ot:var a=X;case ct:var r=s&et;a||(a=tt);if(t.size!=e.size&&!r){return false}var c=o.get(t);if(c){return c==e}s|=it;o.set(t,e);var d=Y(a(t),a(e),s,l,n,o);o["delete"](t);return d;case ht:if(vt){return vt.call(t)==vt.call(e)}}return false}var pt=1;var kt=Object.prototype;var yt=kt.hasOwnProperty;function mt(t,e,i,s,l,n){var o=i&pt,a=E(t),r=a.length,c=E(e),d=c.length;if(r!=d&&!o){return false}var h=r;while(h--){var f=a[h];if(!(o?f in e:yt.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(s){var y=o?s(k,p,f,e,t,n):s(p,k,f,t,e,n)}if(!(y===undefined?p===k||l(p,k,i,s,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 gt=1;var St="[object Arguments]",jt="[object Array]",wt="[object Object]";var Ct=Object.prototype;var $t=Ct.hasOwnProperty;function xt(t,e,i,s,l,n){var o=W(t),a=W(e),r=o?jt:M(t),c=a?jt:M(e);r=r==St?wt:r;c=c==St?wt:c;var d=r==wt,h=c==wt,f=r==c;if(f&&K(t)){if(!K(e)){return false}o=true;d=false}if(f&&!d){n||(n=new z);return o||R(t)?Y(t,e,i,s,l,n):_t(t,e,r,i,s,l,n)}if(!(i&gt)){var u=d&&$t.call(t,"__wrapped__"),b=h&&$t.call(e,"__wrapped__");if(u||b){var v=u?t.value():t,_=b?e.value():e;n||(n=new z);return l(v,_,i,s,n)}}if(!f){return false}n||(n=new z);return mt(t,e,i,s,l,n)}function At(t,e,i,s,l){if(t===e){return true}if(t==null||e==null||!N(t)&&!N(e)){return t!==t&&e!==e}return xt(t,e,i,s,At,l)}function Dt(t,e){return At(t,e)}const Ot=t=>Array.isArray(t)&&t.every((t=>Array.isArray(t)));const Ft=(t,e)=>{f(e,(()=>{u(e,(()=>{try{e=b(e)}catch(t){}v(t,"_headerCells",(t=>{if(typeof t!=="object"||t===null)return false;const e=t.horizontal;const i=t.vertical;if(e!==undefined&&!Ot(e)||i!==undefined&&!Ot(i)){return false}const s=[];for(const t of e!==null&&e!==void 0?e:[]){s.push(...t)}for(const t of i!==null&&i!==void 0?i:[]){s.push(...t)}return s.every((t=>t.width===undefined||typeof t.width==="number"))}),new Set(["TableHeaderCellsPropType"]),e)}))}))};const Lt=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.translateDataLoading=r("kol-table-data-loading");this.translateDataLoaded=r("kol-table-data-loaded");this.maxCols=0;this.fixedOffsets=[];this.settingsChangedCounter=0;this.tableDivElementHasScrollbar=false;this.stickyColsDisabled=false;this.renderTableRow=(t,i,s,l=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:D("kol-table__row",{"kol-table__row--body":!l,"kol-table__row--footer":l}),key:`row-${a}`},this.renderSelectionCell(t,i),t.map(((t,e)=>this.renderTableCell(t,i,e,s))))};this.renderTableCell=(t,i,s,l)=>{if(t.visible===false){return""}let n=`${i}-${s}-${t.label}`;if(t.data){const e=this.getDataKey(t.data);n=e?`${e}-${this.horizontal?s:i}`:n}if(t.headerCell){return this.renderHeadingCell(t,i,s,l)}else{const i=typeof t.render!=="function"&&t.label===this.translateNoEntries;const l=this.getActionColumnHeader(s);const o=Boolean(l&&t.data);const a=this.isFixedCol(s);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:D("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&&l&&t.data?this.renderActionItems(l,t.data,n):!d?t.label:"")}};this.renderActionItems=(t,i,s)=>{const a=t.actions(i);return e("div",{class:"kol-table__cell-actions"},a.map(((t,i)=>{if(t.type==="button"){const o=l(t,[]);return e(n,Object.assign({key:`action-${s}-${i}`},o,{_variant:o._variant}))}else if(t.type==="link"){const n=l(t,[]);return e(o,Object.assign({key:`action-${s}-${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}_.debug([this.tableRef,!!(t===null||t===void 0?void 0:t.length),t,this.tableRef.ariaLabelledByElements])}}validateHasSettingsMenu(t){y(this,t)}validateData(t){m(this,t,{beforePatch:t=>{this.updateDataToKeyMap(t)}})}validateDataFoot(t){g(this,t)}validateFixedCols(t){S(this,t);this.checkAndUpdateStickyState()}validateHeaderCells(t){Ft(this,t);if(!Dt(this.previousHeaderCells,this.state._headerCells)){this.initializeHeaderCellSettings()}this.previousHeaderCells=this.state._headerCells}validateLabel(t){C(this,t,{required:true})}validateLoading(t){p(this,"_loading",t)}validateOn(t){j(this,t)}validateSelection(t){w(this,t);this.checkAndUpdateStickyState()}validateVariantClassName(t){$(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 s=this.checkboxRefs.indexOf(i);if(s>-1){t.preventDefault();if(t.key==="ArrowDown"){s=(s+1)%this.checkboxRefs.length;this.checkboxRefs[s].focus()}else if(t.key==="ArrowUp"){t.preventDefault();s=(s+this.checkboxRefs.length-1)%this.checkboxRefs.length;this.checkboxRefs[s].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});k(this,"_headerCells",i);this.settingsChangedCounter++;if(typeof((e=this.state._on)===null||e===void 0?void 0:e[A.onChangeHeaderCells])==="function"){this.state._on[A.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()}),Lt)}checkDivElementScrollbar(){if(this.tableDivElement){this.tableDivElementHasScrollbar=this.tableDivElement.scrollWidth>this.tableDivElement.clientWidth}}calculateFixedColsWidth(){var t,e,i,s,l,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+=(s=(i=o[t])===null||i===void 0?void 0:i.width)!==null&&s!==void 0?s:0}if(this.state._selection){const t=(l=this.tableDivElement)===null||l===void 0?void 0:l.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,O())}}));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 s=i[t];if(s&&s.type==="action"){return s}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 s=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(s<e){s=e}}));if(s===0){s=e.length}else{s-=((i=this.state._dataFoot)===null||i===void 0?void 0:i.length)||0}return s}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,s;if(((e=this.primaryHeadersCache)===null||e===void 0?void 0:e.headers)===t){this.horizontal=this.primaryHeadersCache.horizontal;return this.primaryHeadersCache.result}let l=this.getThePrimaryHeadersWithKeyOrRenderFunction((i=t.horizontal)!==null&&i!==void 0?i:[]);this.horizontal=true;if(l.length===0){l=this.getThePrimaryHeadersWithKeyOrRenderFunction((s=t.vertical)!==null&&s!==void 0?s:[]);if(l.length>0){this.horizontal=false}}this.primaryHeadersCache={headers:t,result:l,horizontal:this.horizontal};return l}createDataField(t,e,i){var s,l,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+=((s=this.state._dataFoot)===null||s===void 0?void 0:s.length)||0}const b=[];const v=[];const _=[];e.vertical.forEach(((t,e)=>{v[e]=0;_[e]=[]}));const p=h;for(let s=u;s<f;s++){const d=[];e.vertical.forEach(((t,e)=>{let i=0;_[e].forEach((t=>i+=t));if(i<=s){const l=t[s-i+v[e]];if(typeof l==="object"){d.push(Object.assign(Object.assign({},l),{headerCell:true,data:{}}));let t=1;if(typeof l.rowSpan==="number"&&l.rowSpan>1){t=l.rowSpan}_[e].push(t);if(typeof l.colSpan==="number"&&l.colSpan>1){for(let i=1;i<l.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=(l=this.fixedOffsets[e-1])!==null&&l!==void 0?l: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 l=i&&this.state._dataFoot?this.state._dataFoot[s-u]:t[s];if(typeof p[e]==="object"&&p[e]!==null&&typeof l==="object"&&l!==null&&(typeof p[e].key==="string"||typeof p[e].render==="function")){const t=p[e].key;const i=l[t];d.push(Object.assign(Object.assign({},p[e]),{colIndex:e,colSpan:undefined,rowSpan:undefined,data:l,label:i}))}}else{if(typeof p[s]==="object"&&p[s]!==null&&typeof t[e]==="object"&&t[e]!==null&&(typeof p[s].key==="string"||typeof p[s].render==="function")){const i=p[s].key;const l=t[e][i];d.push(Object.assign(Object.assign({},p[s]),{colIndex:e,colSpan:undefined,rowSpan:undefined,data:t[e],label:l}))}}}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 s={colSpan:t,label:this.translateNoEntries,render:undefined,rowSpan:Math.max(i,1)};if(b.length===0){b.push([s])}else{b[0].push(s)}}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[A.onSelectionChange])==="function"){this.state._on[A.onSelectionChange](t,e)}if(this.host){F(this.host,L.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})))))});k(this,"_headerCells",t)}}componentWillLoad(){this.validateData(this._data);this.validateDataFoot(this._dataFoot);this.validateHeaderCells(this._headerCells);this.validateLabel(this._label);this.validateLoading(this._loading);this.validateOn(this._on);this.validateSelection(this._selection);this.validateHasSettingsMenu(this._hasSettingsMenu);this.validateVariantClassName(this._variant)}renderSelectionCell(t,i){var s;const l=this.state._selection;if(!l)return"";const n=this.getSelectionKeyPropertyName();const o=(s=t[0])===null||s===void 0?void 0:s.data;if(!o)return"";const a=o[n];const r=l.multiple||l.multiple===undefined;const d=String(a);const f=this.selectedKeysStringSet.has(d);const u=this.disabledKeysStringSet.has(d);const b=l.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:D("kol-table__selection",{"kol-table__selection--checked":f})},r?e("label",{class:D("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:D("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=l===null||l===void 0?void 0:l.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:D("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(h,{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 s=(e=this.getSelectedKeysWithDisabledKeysOnly())!==null&&e!==void 0?e:[];if(t){s.push(...this.getDataWithSelectionEnabled().map((t=>t===null||t===void 0?void 0:t[i])))}return s}getTableMinWidth(){var t,e;const i=(t=this.state._headerCells.horizontal)!==null&&t!==void 0?t:[];const s=[];i.forEach((t=>{t.forEach((t=>{if(t.visible!==false&&t.width!==undefined&&t.width>0){s.push(t.width)}}))}));const l=(e=this.state._headerCells.vertical)!==null&&e!==void 0?e:[];const n=[];l.forEach((t=>{t.forEach((t=>{if(t.width!==undefined&&t.width>0){n.push(t.width)}}))}));const o=[...n,...s];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 s=this.state._selection;if(!s){return e("td",{class:"kol-table__cell kol-table__cell--header",key:`thead-0`})}if(s.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 l=(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=l===n;const a=l!==0&&!o;let d;if(l===0){d=r("kol-table-selection-all")}else if(o&&!a){d=r("kol-table-selection-none")}else{d=r("kol-table-selection-indeterminate")}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:D("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:D("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":d,type:"checkbox",onInput:t=>{this.handleSelectionChangeCallbackAndEvent(t,this.getRevertedSelection(!o))}})),e("div",{class:"kol-table__selection-input-tooltip"},e(h,{label:d,badgeText:"",refFloating:()=>{}}))))}renderHeaderTdCell(){const t=this.state._headerCells.horizontal;const s=this.state._headerCells.vertical;if(!Array.isArray(t)||t.length===0||!Array.isArray(s)||s.length===0){return e(i,null)}const l=s.reduce(((t,e)=>{var i;const s=e===null||e===void 0?void 0:e[0];return t+((i=s===null||s===void 0?void 0:s.width)!==null&&i!==void 0?i:0)}),0);return e("td",{"aria-hidden":"true",colSpan:s.length,rowSpan:t.length,style:l>0?{width:`${l}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,s,l){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=l?"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(s);const _=v==="left"?this.getOffsetString(s,true):undefined;const p=v==="right"?this.getOffsetString(s):undefined;return e("th",{key:`${i}-${s}-${t.label}`,class:D("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){F(this.host,L.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 s;const l=((s=this.state._headerCells.vertical)===null||s===void 0?void 0:s.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:D("kol-table__spacer",`kol-table__spacer--${t}`)},e("td",{class:D(`kol-table__spacer-line kol-table__spacer-line--${t}`),colSpan:l+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 s=this.state._headerCells.horizontal;const l=!((t=this.externalLabelElements)===null||t===void 0?void 0:t.length);return e("div",{key:"a343ce728398208cc73ddc585fb0a679e5943289",class:D("kol-table",{[x(this.state._variant,"table")]:this.state._variant!==undefined})},this.state._hasSettingsMenu&&e(a,{key:"189aef8ba3b0cfeaeac45a38d72ff7d8e2a13fae",_horizontalHeaderCells:s!==null&&s!==void 0?s:[]}),e("div",{key:"2d2fa1bea3d55c35310691a599a164a7a3db7782",ref:t=>this.tableDivElement=t,class:"kol-table__scroll-container",tabindex:this.tableDivElementHasScrollbar?l?"-1":"0":undefined},e("table",{key:"7f000fa48a601f7093a1c6a5a686e6d0496ed2b0",ref:t=>{this.tableRef=t;this.syncTableLabel(this.externalLabelElements)},"aria-labelledby":l?"caption":undefined,class:"kol-table__table",style:{minWidth:this.getTableMinWidth()}},l&&e("caption",{key:"15268cbfcfa61820b8467b7044c4d5c31b10a5b3",class:"kol-table__focus-element kol-table__caption",id:"caption",tabindex:this.tableDivElementHasScrollbar?"0":undefined},this.state._label),Array.isArray(s)&&e("thead",{key:"41a67e4f67cbe115872f24550e3398215926bea7",class:"kol-table__head"},[s.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",s)]),e("tbody",{key:"7e489c3abc07fdcbad467bd49418f37b08bdc114",class:"kol-table__body"},e("div",{key:"17002a8303c76961cfc9c13071d6efae2680c41a",class:D(this.state._loading&&"kol-table__loader--shown")},e(d,{key:"c2d3edd87d28468ed8546800ef5847d8e7f372ca",label:this.state._loading?this.translateDataLoading.replace("{{caption}}",this.state._label):this.translateDataLoaded.replace("{{caption}}",this.state._label),show:!!this.state._loading,variant:"cycle"})),i.map(((t,e)=>this.renderTableRow(t,e,true)))),this.renderFoot())))}get host(){return s(this)}static get watchers(){return{externalLabelElements:["onExternalLabelElementsChange"],_ariaLabelledby:["validateAriaLabelledby"],_hasSettingsMenu:["validateHasSettingsMenu"],_data:["validateData"],_dataFoot:["validateDataFoot"],_fixedCols:["validateFixedCols"],_headerCells:["validateHeaderCells"],_label:["validateLabel"],_loading:["validateLoading"],_on:["validateOn"],_selection:["validateSelection"],_variant:["validateVariantClassName"]}}};export{Tt as kol_table_stateless_wc};
 //# sourceMappingURL=kol-table-stateless-wc.entry.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"kol-table-stateless.entry.esm.js","sources":["src/components/table-stateless/style.scss?tag=kol-table-stateless&mode=default&encapsulation=shadow","src/components/table-stateless/shadow.tsx"],"sourcesContent":["@use '../@shared/global' as *;\n@use '../@shared/alert.mixin' as *;\n@use '../@shared/button.mixin' as *;\n@use '../@shared/popover-button.mixin' as *;\n@use '../@shared/table-stateless.mixin' as *;\n@use '../@shared/spin.mixin' as *;\n@use '../@shared/mixins' as *;\n@use '../host-display-block' as *;\n@use '../tooltip/style' as *;\n\n@layer kol-component {\n\t@include kol-alert;\n\t@include kol-button-styles('kol-button');\n\t@include kol-popover-button-styles;\n\t@include kol-table-stateless-styles;\n\t@include kol-spin;\n}\n","import type { JSX } from '@stencil/core';\nimport { Component, Element, h, Prop, State, Watch } from '@stencil/core';\nimport { KolTableStatelessWcTag } from '../../core/component-names';\nimport type {\n\tFixedColsPropType,\n\tHasSettingsMenuPropType,\n\tTableCallbacksPropType,\n\tTableDataFootPropType,\n\tTableDataPropType,\n\tTableHeaderCellsPropType,\n\tTableSelectionPropType,\n\tTableStatelessProps,\n\tVariantClassNamePropType,\n} from '../../schema';\nimport { validateAriaLabelledby, type AriaLabelledbyPropType } from '../../schema/props/aria-labelledby';\nimport { attachInternals, type HostInternals } from '../../utils/aria-labelledby';\n\n@Component({\n\ttag: 'kol-table-stateless',\n\tstyleUrls: {\n\t\tdefault: './style.scss',\n\t},\n\tshadow: true,\n})\nexport class KolTableStateless implements TableStatelessProps {\n\t@Element() private readonly host?: HTMLKolTableStatelessElement;\n\n\tprivate internals?: HostInternals;\n\n\t@State() private resolvedElements: HTMLElement[] = [];\n\n\t/**\n\t * References an external element by ID that serves as the accessible label for this table.\n\t * Uses ElementInternals.ariaLabelledByElements to cross the Shadow DOM boundary.\n\t * Supported by desktop screen readers (NVDA, JAWS with Chrome/Firefox).\n\t * Not yet supported by mobile screen readers (TalkBack, VoiceOver iOS) — use `_label` instead.\n\t */\n\t@Prop() public _ariaLabelledby?: AriaLabelledbyPropType;\n\n\t@Watch('_ariaLabelledby')\n\tpublic validateAriaLabelledby(value?: AriaLabelledbyPropType): void {\n\t\tthis.syncExternalLabel(value);\n\t}\n\n\tprivate syncExternalLabel(value?: AriaLabelledbyPropType): void {\n\t\tthis.resolvedElements = validateAriaLabelledby(this, this.host, this.internals, value);\n\t}\n\n\t/**\n\t * Defines the primary table data.\n\t */\n\t@Prop() public _data!: TableDataPropType;\n\n\t/**\n\t * Defines the data for the table footer.\n\t */\n\t@Prop() public _dataFoot?: TableDataFootPropType;\n\n\t/**\n\t * Defines the fixed number of columns from start and end of the table\n\t */\n\t@Prop() public _fixedCols?: FixedColsPropType;\n\n\t/**\n\t * Defines the horizontal and vertical table headers.\n\t */\n\t@Prop() public _headerCells!: TableHeaderCellsPropType;\n\n\t/**\n\t * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).\n\t */\n\t@Prop() public _label!: string;\n\n\t/**\n\t * Wether the table shows a loading spinner (default: false).\n\t */\n\t@Prop() public _loading?: boolean;\n\n\t/**\n\t * Defines the callback functions for table events.\n\t */\n\t@Prop() public _on?: TableCallbacksPropType;\n\n\t/**\n\t * Defines how rows can be selected and the current selection.\n\t */\n\t@Prop() public _selection?: TableSelectionPropType;\n\n\t/**\n\t * Enables the settings menu if true (default: false).\n\t */\n\t@Prop() public _hasSettingsMenu?: HasSettingsMenuPropType;\n\n\t/**\n\t * Defines which variant should be used for presentation.\n\t */\n\t@Prop() public _variant?: VariantClassNamePropType;\n\n\tpublic componentWillLoad(): void {\n\t\tthis.internals = attachInternals(this.host);\n\t\t// Early resolution: if the external element is already in the DOM (common when the\n\t\t// label element is rendered before this component), the first render already uses\n\t\t// externalLabelElements so the AT sees the correct name from the start.\n\t\tthis.syncExternalLabel(this._ariaLabelledby);\n\t}\n\n\tpublic componentDidLoad(): void {\n\t\t// Re-resolve after mount to avoid depending on timer-based retries.\n\t\tif (!this.resolvedElements.length) {\n\t\t\tthis.syncExternalLabel(this._ariaLabelledby);\n\t\t}\n\t}\n\n\tpublic render(): JSX.Element {\n\t\treturn (\n\t\t\t<KolTableStatelessWcTag\n\t\t\t\texternalLabelElements={this.resolvedElements}\n\t\t\t\t_data={this._data}\n\t\t\t\t_dataFoot={this._dataFoot}\n\t\t\t\t_fixedCols={this._fixedCols}\n\t\t\t\t_headerCells={this._headerCells}\n\t\t\t\t_label={this._label}\n\t\t\t\t_loading={this._loading}\n\t\t\t\t_on={this._on}\n\t\t\t\t_selection={this._selection}\n\t\t\t\t_hasSettingsMenu={this._hasSettingsMenu}\n\t\t\t\t_variant={this._variant}\n\t\t\t/>\n\t\t);\n\t}\n}\n"],"names":[],"mappings":";;;;;;;;;AAAA,MAAM,eAAe,GAAG,gw3BAAgw3B;;MCwB3w3B,iBAAiB,GAAA,MAAA;AAP9B,IAAA,WAAA,CAAA,OAAA,EAAA;;AAYkB,QAAA,IAAgB,CAAA,gBAAA,GAAkB,EAAE;AAqGrD;AA1FO,IAAA,sBAAsB,CAAC,KAA8B,EAAA;AAC3D,QAAA,IAAI,CAAC,iBAAiB,CAAC,KAAK,CAAC;;AAGtB,IAAA,iBAAiB,CAAC,KAA8B,EAAA;AACvD,QAAA,IAAI,CAAC,gBAAgB,GAAG,sBAAsB,CAAC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,SAAS,EAAE,KAAK,CAAC;;IAqDhF,iBAAiB,GAAA;QACvB,IAAI,CAAC,SAAS,GAAG,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC;AAI3C,QAAA,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,eAAe,CAAC;;IAGtC,gBAAgB,GAAA;AAEtB,QAAA,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,MAAM,EAAE;AAClC,YAAA,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,eAAe,CAAC;;;IAIvC,MAAM,GAAA;AACZ,QAAA,QACC,CAAA,CAAC,sBAAsB,EAAA,EAAA,GAAA,EAAA,0CAAA,EACtB,qBAAqB,EAAE,IAAI,CAAC,gBAAgB,EAC5C,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,UAAU,EAAE,IAAI,CAAC,UAAU,EAC3B,YAAY,EAAE,IAAI,CAAC,YAAY,EAC/B,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,GAAG,EAAE,IAAI,CAAC,GAAG,EACb,UAAU,EAAE,IAAI,CAAC,UAAU,EAC3B,gBAAgB,EAAE,IAAI,CAAC,gBAAgB,EACvC,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAA,CACtB;;;;;;;;;;;;;"}
+{"version":3,"file":"kol-table-stateless.entry.esm.js","sources":["src/components/table-stateless/style.scss?tag=kol-table-stateless&mode=default&encapsulation=shadow","src/components/table-stateless/shadow.tsx"],"sourcesContent":["@use '../@shared/global' as *;\n@use '../@shared/alert.mixin' as *;\n@use '../@shared/button.mixin' as *;\n@use '../@shared/popover-button.mixin' as *;\n@use '../@shared/table-stateless.mixin' as *;\n@use '../@shared/spin.mixin' as *;\n@use '../@shared/mixins' as *;\n@use '../host-display-block' as *;\n@use '../tooltip/style' as *;\n@use '../@shared/dialog' as *;\n\n@layer kol-component {\n\t@include kol-dialog;\n\t@include kol-alert;\n\t@include kol-button-styles('kol-button');\n\t@include kol-popover-button-styles;\n\t@include kol-table-stateless-styles;\n\t@include kol-spin;\n}\n","import type { JSX } from '@stencil/core';\nimport { Component, Element, h, Prop, State, Watch } from '@stencil/core';\nimport { KolTableStatelessWcTag } from '../../core/component-names';\nimport type {\n\tFixedColsPropType,\n\tHasSettingsMenuPropType,\n\tTableCallbacksPropType,\n\tTableDataFootPropType,\n\tTableDataPropType,\n\tTableHeaderCellsPropType,\n\tTableSelectionPropType,\n\tTableStatelessProps,\n\tVariantClassNamePropType,\n} from '../../schema';\nimport { validateAriaLabelledby, type AriaLabelledbyPropType } from '../../schema/props/aria-labelledby';\nimport { attachInternals, type HostInternals } from '../../utils/aria-labelledby';\n\n@Component({\n\ttag: 'kol-table-stateless',\n\tstyleUrls: {\n\t\tdefault: './style.scss',\n\t},\n\tshadow: true,\n})\nexport class KolTableStateless implements TableStatelessProps {\n\t@Element() private readonly host?: HTMLKolTableStatelessElement;\n\n\tprivate internals?: HostInternals;\n\n\t@State() private resolvedElements: HTMLElement[] = [];\n\n\t/**\n\t * References an external element by ID that serves as the accessible label for this table.\n\t * Uses ElementInternals.ariaLabelledByElements to cross the Shadow DOM boundary.\n\t * Supported by desktop screen readers (NVDA, JAWS with Chrome/Firefox).\n\t * Not yet supported by mobile screen readers (TalkBack, VoiceOver iOS) — use `_label` instead.\n\t */\n\t@Prop() public _ariaLabelledby?: AriaLabelledbyPropType;\n\n\t@Watch('_ariaLabelledby')\n\tpublic validateAriaLabelledby(value?: AriaLabelledbyPropType): void {\n\t\tthis.syncExternalLabel(value);\n\t}\n\n\tprivate syncExternalLabel(value?: AriaLabelledbyPropType): void {\n\t\tthis.resolvedElements = validateAriaLabelledby(this, this.host, this.internals, value);\n\t}\n\n\t/**\n\t * Defines the primary table data.\n\t */\n\t@Prop() public _data!: TableDataPropType;\n\n\t/**\n\t * Defines the data for the table footer.\n\t */\n\t@Prop() public _dataFoot?: TableDataFootPropType;\n\n\t/**\n\t * Defines the fixed number of columns from start and end of the table\n\t */\n\t@Prop() public _fixedCols?: FixedColsPropType;\n\n\t/**\n\t * Defines the horizontal and vertical table headers.\n\t */\n\t@Prop() public _headerCells!: TableHeaderCellsPropType;\n\n\t/**\n\t * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).\n\t */\n\t@Prop() public _label!: string;\n\n\t/**\n\t * Wether the table shows a loading spinner (default: false).\n\t */\n\t@Prop() public _loading?: boolean;\n\n\t/**\n\t * Defines the callback functions for table events.\n\t */\n\t@Prop() public _on?: TableCallbacksPropType;\n\n\t/**\n\t * Defines how rows can be selected and the current selection.\n\t */\n\t@Prop() public _selection?: TableSelectionPropType;\n\n\t/**\n\t * Enables the settings menu if true (default: false).\n\t */\n\t@Prop() public _hasSettingsMenu?: HasSettingsMenuPropType;\n\n\t/**\n\t * Defines which variant should be used for presentation.\n\t */\n\t@Prop() public _variant?: VariantClassNamePropType;\n\n\tpublic componentWillLoad(): void {\n\t\tthis.internals = attachInternals(this.host);\n\t\t// Early resolution: if the external element is already in the DOM (common when the\n\t\t// label element is rendered before this component), the first render already uses\n\t\t// externalLabelElements so the AT sees the correct name from the start.\n\t\tthis.syncExternalLabel(this._ariaLabelledby);\n\t}\n\n\tpublic componentDidLoad(): void {\n\t\t// Re-resolve after mount to avoid depending on timer-based retries.\n\t\tif (!this.resolvedElements.length) {\n\t\t\tthis.syncExternalLabel(this._ariaLabelledby);\n\t\t}\n\t}\n\n\tpublic render(): JSX.Element {\n\t\treturn (\n\t\t\t<KolTableStatelessWcTag\n\t\t\t\texternalLabelElements={this.resolvedElements}\n\t\t\t\t_data={this._data}\n\t\t\t\t_dataFoot={this._dataFoot}\n\t\t\t\t_fixedCols={this._fixedCols}\n\t\t\t\t_headerCells={this._headerCells}\n\t\t\t\t_label={this._label}\n\t\t\t\t_loading={this._loading}\n\t\t\t\t_on={this._on}\n\t\t\t\t_selection={this._selection}\n\t\t\t\t_hasSettingsMenu={this._hasSettingsMenu}\n\t\t\t\t_variant={this._variant}\n\t\t\t/>\n\t\t);\n\t}\n}\n"],"names":[],"mappings":";;;;;;;;;AAAA,MAAM,eAAe,GAAG,sxgCAAsxgC;;MCwBjygC,iBAAiB,GAAA,MAAA;AAP9B,IAAA,WAAA,CAAA,OAAA,EAAA;;AAYkB,QAAA,IAAgB,CAAA,gBAAA,GAAkB,EAAE;AAqGrD;AA1FO,IAAA,sBAAsB,CAAC,KAA8B,EAAA;AAC3D,QAAA,IAAI,CAAC,iBAAiB,CAAC,KAAK,CAAC;;AAGtB,IAAA,iBAAiB,CAAC,KAA8B,EAAA;AACvD,QAAA,IAAI,CAAC,gBAAgB,GAAG,sBAAsB,CAAC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,SAAS,EAAE,KAAK,CAAC;;IAqDhF,iBAAiB,GAAA;QACvB,IAAI,CAAC,SAAS,GAAG,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC;AAI3C,QAAA,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,eAAe,CAAC;;IAGtC,gBAAgB,GAAA;AAEtB,QAAA,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,MAAM,EAAE;AAClC,YAAA,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,eAAe,CAAC;;;IAIvC,MAAM,GAAA;AACZ,QAAA,QACC,CAAA,CAAC,sBAAsB,EAAA,EAAA,GAAA,EAAA,0CAAA,EACtB,qBAAqB,EAAE,IAAI,CAAC,gBAAgB,EAC5C,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,UAAU,EAAE,IAAI,CAAC,UAAU,EAC3B,YAAY,EAAE,IAAI,CAAC,YAAY,EAC/B,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,GAAG,EAAE,IAAI,CAAC,GAAG,EACb,UAAU,EAAE,IAAI,CAAC,UAAU,EAC3B,gBAAgB,EAAE,IAAI,CAAC,gBAAgB,EACvC,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAA,CACtB;;;;;;;;;;;;;"}