@public-ui/components 4.1.2-rc.7 → 4.1.2-rc.9

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

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{r as n,h as t,H as e,g as i}from"./index-BPtT34o3.js";import{h as o,l}from"./component-names-pgL1e5No.js";import{t as a}from"./i18n-CSCkYcOW.js";import{e as s,b as r,s as c,P as h,p as d,o as f,k as b}from"./common-5ExJH6NU.js";import{v as p,a as k,b as u,c as m,d as _,e as g}from"./table-selection-Dp8qMfQK.js";import{v as y}from"./label-Cd37SRqu.js";import{C as v}from"./keyboard-DNd73LVa.js";import{K as x,d as w}from"./events-DHTi_wtD.js";import"./i18n-B2d_exHc.js";const z=(n,t,e={})=>{s(n,"_allowMultiSort",t,Object.assign({defaultValue:!1},e))},S=["top","bottom","both"],j=(n,t)=>{r(n,"_paginationPosition",n=>"string"==typeof n&&S.includes(n),new Set([`PaginationPositionPropType {${S.join(", ")}`]),t,{defaultValue:"bottom"})},C='@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    --a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16));\n    /*\n     * No element should be used without verifying the contrast ratio of its background and font colors.\n     * By initially setting the background color to white and the font color to black,\n     * the contrast ratio is ensured and explicit adjustment is forced.\n     */\n    color: black;\n    background-color: white;\n    /*\n     * Verdana is an accessible font that can be used without requiring additional loading time.\n     */\n    font-family: Verdana;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n    /*\n     * Text should be aligned left by default to provide a predictable starting point.\n     */\n    text-align: left;\n  }\n  * {\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    hyphens: auto;\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    word-break: break-word;\n  }\n  /*\n   * All interactive elements should have a minimum size of to-rem(44).\n   */\n  /* input:not([type=\'checkbox\'], [type=\'radio\'], [type=\'range\']), */\n  /* option, */\n  /* select, */\n  /* textarea, */\n  button,\n  .kol-input .input {\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n  }\n  /*\n   * Some interactive elements should not inherit the font-family and font-size.\n   */\n  a,\n  button,\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6,\n  input,\n  option,\n  select,\n  textarea {\n    /*\n     * All elements should inherit the text color from his parent element.\n     */\n    color: inherit;\n    /*\n     * All elements should inherit the font family from his parent element.\n     */\n    font-family: inherit;\n    /*\n     * All elements should inherit the font size from his parent element.\n     */\n    font-size: inherit;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n  }\n  /**\n  * Sometimes we need the semantic element for accessibility reasons,\n  * but we don\'t want to show it.\n  *\n  * - https://www.a11yproject.com/posts/how-to-hide-content/\n  */\n  .visually-hidden {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 1px;\n    height: 1px;\n    overflow: hidden;\n    white-space: nowrap;\n    clip-path: inset(50%);\n  }\n}\n@layer kol-global {\n  /*\n   * Dieses CSS stellt sicher, dass der Standard-Style\n   * von A und Button resettet werden.\n   */\n  :is(a, button) {\n    background-color: transparent;\n    width: 100%;\n    margin: 0;\n    padding: 0;\n    border: none;\n    /* 100% needed for custom width from outside */\n  }\n  /*\n   * Ensure elements with hidden attribute to be actually not visible\n   * @see https://meowni.ca/hidden.is.a.lie.html\n   */\n  [hidden] {\n    display: none !important;\n  }\n  .badge-text-hint {\n    color: black;\n    background-color: lightgray;\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    opacity: 0.5;\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=1774956515321"); /* IE9*/\n  src: url("kolicons.eot?t=1774956515321#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1774956515321") format("woff2"), url("kolicons.woff?t=1774956515321") format("woff"), url("kolicons.ttf?t=1774956515321") format("truetype"), url("kolicons.svg?t=1774956515321#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: #000;\n    background-color: #fff;\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: #000;\n    background-color: #fff;\n    position: relative;\n    z-index: 1000;\n  }\n  @keyframes hideTooltip {\n    0% {\n      opacity: 1;\n    }\n    100% {\n      opacity: 0;\n      display: none;\n    }\n  }\n  @keyframes showTooltip {\n    0% {\n      opacity: 0;\n    }\n    100% {\n      opacity: 1;\n    }\n  }\n}\n@layer kol-component {\n  .kol-alert .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\n  .kol-alert :host {\n    display: inline-block;\n  }\n  .kol-alert .kol-button {\n    display: flex;\n    min-height: var(--a11y-min-size);\n    font-style: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n    text-decoration-line: none;\n  }\n  .kol-alert .kol-button::before {\n    /* Render zero-width character as first element to set the baseline correctly. */\n    content: "​";\n  }\n  .kol-alert .kol-button__text {\n    flex: 1 0 100%;\n  }\n  .kol-alert {\n    display: grid;\n  }\n  .kol-alert__container {\n    display: flex;\n    place-items: center;\n  }\n  .kol-alert__container-content {\n    flex-grow: 1;\n  }\n  .kol-alert__closer {\n    /* Visible with forced colors */\n    outline: transparent solid calc(1 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\n  :host {\n    display: inline-block;\n  }\n  .kol-button {\n    display: flex;\n    min-height: var(--a11y-min-size);\n    font-style: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n    text-decoration-line: none;\n  }\n  .kol-button::before {\n    /* Render zero-width character as first element to set the baseline correctly. */\n    content: "​";\n  }\n  .kol-button__text {\n    flex: 1 0 100%;\n  }\n  .kol-popover-button__popover {\n    margin: 0;\n    padding: 0;\n    border: 0;\n  }\n  .kol-popover-button--inline .kol-popover-button__button {\n    display: inline;\n  }\n  .kol-popover {\n    opacity: 0;\n    transition: 0.2s ease-out opacity;\n  }\n  .kol-popover-button--open + .kol-popover {\n    opacity: 1;\n  }\n  .kol-table-settings {\n    background: #fff;\n    position: absolute;\n    top: 0;\n    right: 0;\n    z-index: 1;\n  }\n  .kol-table-settings .kol-popover-button__popover {\n    background: #fff;\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 #d1d5db;\n  }\n  .kol-table-settings__columns-container {\n    max-height: calc(200 * 1rem / var(--kolibri-root-font-size, 16));\n    overflow: auto;\n  }\n  .kol-table-settings__columns {\n    display: grid;\n    align-items: center;\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: contents;\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__sort-button .kol-button {\n    color: inherit;\n  }\n  .kol-table__sort {\n    display: inline-flex;\n    align-items: center;\n  }\n  .kol-table__sort-order {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n  }\n  .kol-table__body {\n    text-align: left;\n  }\n  .kol-table__body .kol-button__text {\n    justify-items: start;\n  }\n  .kol-table__cell--align-left {\n    text-align: left;\n  }\n  .kol-table__cell--align-left .kol-button__text {\n    align-items: start;\n  }\n  .kol-table__cell--align-center {\n    text-align: center;\n  }\n  .kol-table__cell--align-center .kol-button__text {\n    align-items: center;\n  }\n  .kol-table__cell--align-right {\n    text-align: right;\n  }\n  .kol-table__cell--align-right .kol-button__text {\n    align-items: end;\n  }\n  .kol-table__cell--selection {\n    background-color: white;\n    position: sticky !important;\n    left: 0;\n    z-index: 2;\n    width: var(--kol-table-selection-col-width, auto);\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n    white-space: nowrap;\n  }\n  .kol-table__cell--actions {\n    white-space: nowrap;\n  }\n  .kol-table__cell--actions .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\n  .kol-table__cell--actions :host {\n    display: inline-block;\n  }\n  .kol-table__cell--actions .kol-button {\n    display: flex;\n    min-height: var(--a11y-min-size);\n    font-style: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n    text-decoration-line: none;\n  }\n  .kol-table__cell--actions .kol-button::before {\n    /* Render zero-width character as first element to set the baseline correctly. */\n    content: "​";\n  }\n  .kol-table__cell--actions .kol-button__text {\n    flex: 1 0 100%;\n  }\n  .kol-table__cell--actions .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\n  .kol-table__cell--actions :host {\n    display: inline-block;\n  }\n  .kol-table__cell--actions .kol-link {\n    display: inline-flex;\n    max-width: fit-content;\n    align-items: baseline;\n    place-items: center;\n    text-align: left;\n    text-decoration-line: none;\n  }\n  .kol-table__cell--actions .kol-link--standalone {\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n    align-items: stretch;\n  }\n  .kol-table__cell--actions .kol-link--standalone .kol-link__text {\n    display: inline-flex;\n    flex: 1 1 100%;\n    place-items: center;\n  }\n  .kol-table__cell--actions .kol-link .kol-span__label {\n    text-decoration-line: underline;\n  }\n  .kol-table__cell--actions .kol-link:focus:not([aria-disabled], [disabled]) .kol-span__label, .kol-table__cell--actions .kol-link:hover:not([aria-disabled], [disabled]) .kol-span__label {\n    text-decoration-thickness: 0.2em;\n  }\n  .kol-table__cell--actions .kol-link__icon {\n    display: inline-flex;\n  }\n  .kol-table__cell--sticky-left, .kol-table__cell--sticky-right {\n    background-color: white;\n    position: sticky !important;\n    z-index: 1;\n  }\n  .kol-table__cell--sticky-left:nth-last-child(1 of .kol-table__cell--sticky-left) {\n    border-right: 2px solid black;\n  }\n  .kol-table__cell--sticky-right:nth-child(1 of .kol-table__cell--sticky-left) {\n    border-left: 2px solid black;\n  }\n  .kol-table__cell-actions {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    justify-content: center;\n  }\n  .kol-table__spacer {\n    display: none;\n  }\n  .kol-table__selection {\n    position: relative;\n  }\n  .kol-table__selection-label {\n    display: flex;\n    position: relative;\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n  }\n  .kol-table__selection--disabled {\n    cursor: not-allowed;\n  }\n  .kol-table__selection-icon {\n    display: block;\n    position: absolute;\n    inset: auto;\n    z-index: 1;\n  }\n  .kol-table__selection-input {\n    border-style: solid;\n    margin: 0;\n    appearance: none;\n    cursor: pointer;\n  }\n  .kol-table__selection-input:disabled {\n    cursor: not-allowed;\n  }\n  .kol-table__selection-input:before {\n    content: "";\n  }\n  .kol-table__selection-input--checkbox {\n    background-color: rgb(255, 255, 255);\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: #000;\n  }\n  @media (forced-colors: active) {\n    .kol-table__selection-input--radio:checked:before {\n      /* Give it a visible background in forced colors mode */\n      background-color: selectedItem !important;\n    }\n  }\n  .kol-alert .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\n  .kol-alert :host {\n    display: inline-block;\n  }\n  .kol-alert .kol-button {\n    display: flex;\n    min-height: var(--a11y-min-size);\n    font-style: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n    text-decoration-line: none;\n  }\n  .kol-alert .kol-button::before {\n    /* Render zero-width character as first element to set the baseline correctly. */\n    content: "​";\n  }\n  .kol-alert .kol-button__text {\n    flex: 1 0 100%;\n  }\n  .kol-alert {\n    display: grid;\n  }\n  .kol-alert__container {\n    display: flex;\n    place-items: center;\n  }\n  .kol-alert__container-content {\n    flex-grow: 1;\n  }\n  .kol-alert__closer {\n    /* Visible with forced colors */\n    outline: transparent solid calc(1 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field {\n    display: grid;\n  }\n  .kol-form-field:not(.kol-form-field--disabled) .kol-form-field__label {\n    cursor: pointer;\n  }\n  .kol-form-field__label-text {\n    flex-flow: row;\n    align-items: flex-start;\n    justify-content: flex-start;\n  }\n  .kol-form-field--disabled .kol-form-field__label {\n    opacity: 0.5;\n  }\n  .kol-form-field--required .kol-form-field__label-text:not(:has(> [name]))::after,\n  .kol-form-field--required .kol-form-field__tooltip .span-label::after {\n    content: "*"/"";\n  }\n  .kol-form-field--disabled .kol-form-field__hint {\n    opacity: 0.5;\n  }\n  .kol-input-container {\n    background-color: transparent;\n    display: grid;\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  }\n  .kol-input-container__adornment {\n    display: flex;\n    align-items: center;\n  }\n  .kol-input-container__adornment .kol-icon {\n    display: grid;\n    min-height: var(--a11y-min-size);\n    place-items: center;\n  }\n  .kol-select {\n    background-color: transparent;\n    width: 100%;\n  }\n  .kol-select:not(:disabled) {\n    cursor: pointer;\n  }\n  .kol-select:not([multiple], [size]) {\n    height: 2.75em;\n  }\n  .kol-select:focus {\n    outline: none;\n  }\n  .kol-select__option:checked::before {\n    content: "✓ ";\n  }\n  .kol-select {\n    /* needed hack for vertical alignment */\n  }\n  .kol-select[multiple] option {\n    padding: calc((var(--a11y-min-size) - 16 * 1rem / var(--kolibri-root-font-size, 16)) / 2) 0.5em;\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}',T=[10,20,50,100],O=n=>!0===n||""===n||"object"==typeof n&&null!==n,P=class{constructor(t){n(this,t),this.catchRef=n=>{this.tableWcRef=n},this.sortData=[],this.showPagination=!1,this.pageStartSlice=0,this.pageEndSlice=10,this.disableSort=!1,this._paginationPosition="bottom",this.state={_allowMultiSort:!1,_fixedCols:[0,0],_data:[],_dataFoot:[],_headers:{horizontal:[],vertical:[]},_label:"",_pagination:{_page:1,_pageSize:10,_max:0},_sortedData:[],_paginationPosition:"bottom",_hasSettingsMenu:!1},this.handlePagination={onClick:(n,t)=>{var e;"function"==typeof(null===(e=this.state._pagination._on)||void 0===e?void 0:e.onClick)&&this.state._pagination._on.onClick(n,t),c(this,"_pagination",Object.assign(Object.assign({},this.state._pagination),{_page:t}))},onChangePage:(n,t)=>{var e;"function"==typeof(null===(e=this.state._pagination._on)||void 0===e?void 0:e.onChangePage)&&this.state._pagination._on.onChangePage(n,t),c(this,"_pagination",Object.assign(Object.assign({},this.state._pagination),{_page:t}))},onChangePageSize:(n,t)=>{var e;"function"==typeof(null===(e=this.state._pagination._on)||void 0===e?void 0:e.onChangePageSize)&&this.state._pagination._on.onChangePageSize(n,t),c(this,"_pagination",Object.assign(Object.assign({},this.state._pagination),{_pageSize:t})),c(this,"_pageSize",t)}},this.onSelectionChange=n=>{n.stopPropagation()},this.updateSortedData=()=>{if(this.disableSort)return void c(this,"_sortedData",this.state._data);const n=[...this.state._data];this.sortData.length>0&&n.sort((n,t)=>{for(let e=0;e<this.sortData.length;e++){const i=this.sortData[e],o=i.compareFn(n,t,i.direction);if(0!==o)return"ASC"===i.direction?o:-o}return 0}),c(this,"_sortedData",n)}}validateAllowMultiSort(n){z(this,n,{defaultValue:!1})}validateData(n){p(this,n,{afterPatch:()=>{setTimeout(this.updateSortedData)}})}validateDataFoot(n){k(this,n,{afterPatch:()=>{setTimeout(this.updateSortedData)}})}validateFixedCols(n){u(this,n)}validatePaginationPosition(n){j(this,n)}validateHasSettingsMenu(n){m(this,n)}changeCellSort(n){var t;if(void 0===n.type||"default"===n.type){if("function"!=typeof n.compareFn)return;this.state._allowMultiSort||n.key===(null===(t=this.sortData[0])||void 0===t?void 0:t.key)||(this.sortData=[]);const e=this.sortData.findIndex(t=>t.key===n.key);if(e>=0){const n=this.sortData[e];switch(n.direction){case"ASC":n.direction="DESC";break;case"DESC":this.sortData.splice(e,1);break;default:n.direction="ASC"}}else n.key&&this.sortData.push({label:n.label,key:n.key,compareFn:n.compareFn,direction:"ASC"});this.updateSortedData()}}validateHeaders(n){h(n,()=>{f(n,()=>{try{n=d(n)}catch(n){}r(this,"_headers",n=>"object"==typeof n&&null!==n,new Set(["KoliBriTableHeaders"]),n,{hooks:{beforePatch:n=>{var t,e,i,o;const a=n=>{let t=!1;this.sortData=[],n.forEach(n=>{if(void 0!==n.type&&"default"!==n.type)return;if("function"==typeof n.compareFn&&!n.key)return void b("[KolTableStateful] A sortable column requires the 'key' property.");const e=n.key;if(!e)return;const i=n.sortDirection;"ASC"!==i&&"DESC"!==i||"function"==typeof n.compareFn&&((this.state._allowMultiSort||0===this.sortData.length)&&this.sortData.push({label:n.label,key:e,compareFn:n.compareFn,direction:i}),t=!0)}),t&&setTimeout(()=>this.updateSortedData())},l=n;null===(t=l.horizontal)||void 0===t||t.forEach(a),null===(e=l.vertical)||void 0===e||e.forEach(a),l.horizontal&&l.vertical&&(null===(i=l.horizontal)||void 0===i?void 0:i.length)>0&&(null===(o=l.vertical)||void 0===o?void 0:o.length)>0&&(this.disableSort=!0,b("Table: You can not sort the table data, if horizontal and vertical headers are defined at the same time. (https://github.com/public-ui/kolibri/issues/2372)"))}}})})})}validateLabel(n){y(this,n,{required:!0})}validateSelection(n){_(this,n)}validateOn(n){g(this,n)}validatePagination(n){try{n=d(n)}catch(n){}this.showPagination=O(n),r(this,"_pagination",O,new Set(["boolean","KoliBriTablePagination"]),n,{defaultValue:{_page:1,_pageSize:10,_max:0}})}componentDidLoad(){var n;null===(n=this.tableWcRef)||void 0===n||n.addEventListener(x.selectionChange,this.onSelectionChange)}disconnectedCallback(){var n;null===(n=this.tableWcRef)||void 0===n||n.removeEventListener(x.selectionChange,this.onSelectionChange)}componentWillLoad(){this.validateAllowMultiSort(this._allowMultiSort),this.validateData(this._data),this.validateDataFoot(this._dataFoot),this.validateFixedCols(this._fixedCols),this.validateHeaders(this._headers),this.validateLabel(this._label),this.validateOn(this._on),this.validatePagination(this._pagination),this.validatePaginationPosition(this._paginationPosition),this.validateSelection(this._selection),this.validateHasSettingsMenu(this._hasSettingsMenu)}selectDisplayedData(n,t,e){return"number"==typeof t&&t>0&&"number"==typeof e&&e>0?(this.pageStartSlice=t*(e-1),this.pageEndSlice=t*e>n.length?n.length:t*e,n.slice(this.pageStartSlice,this.pageEndSlice)):(this.pageStartSlice=0,this.pageEndSlice=n.length,n)}renderPagination(n){const e=a("kol-table-pagination-label",{placeholders:{label:`${this.state._label} (${a(`kol-pagination-position-${n}`)})`}});return t("div",{class:`kol-table-stateful__pagination kol-table-stateful__pagination--${this.state._paginationPosition}`},t("div",{class:"kol-table-stateful__pagination-wrapper"},t(o,{_boundaryCount:this.state._pagination._boundaryCount,_customClass:this.state._pagination._customClass,_hasButtons:this.state._pagination._hasButtons,_on:this.handlePagination,_page:this.state._pagination._page,_pageSize:this.state._pagination._pageSize,_pageSizeOptions:this.state._pagination._pageSizeOptions||T,_siblingCount:this.state._pagination._siblingCount,_tooltipAlign:"bottom",_max:this.state._pagination._max||this.state._pagination._max||this.state._data.length,_label:e})))}getHeaderCellSortState(n){if((void 0===n.type||"default"===n.type)&&!this.disableSort&&"function"==typeof n.compareFn){if(n.key){const t=this.sortData.find(t=>t.key===n.key);if(null==t?void 0:t.direction)return t.direction}return"NOS"}}getHeaderCellSortOrder(n){if((void 0===n.type||"default"===n.type)&&!this.disableSort&&this.state._allowMultiSort&&"function"==typeof n.compareFn&&n.key){const t=this.sortData.findIndex(t=>t.key===n.key);if(t>=0)return t+1}}handleSort({key:n}){const t=[...(this.state._headers.horizontal||[]).flat(),...(this.state._headers.vertical||[]).flat()].find(t=>t.key===n);t&&this.changeCellSort(t)}getSelectedData(n){var t;const e=this.state._selection;if(e){const i=null!==(t=e.keyPropertyName)&&void 0!==t?t:"id",o=new Set(n.map(String)),a=this.state._sortedData.filter(n=>o.has(String(n[i])));if(i)return a}return null}handleSelectionChange(n,t){var e;const i=this.state._selection;i&&(this.state=Object.assign(Object.assign({},this.state),{_selection:Object.assign(Object.assign({},i),{selectedKeys:t})}));const o=this.getSelectedData(t);"function"==typeof(null===(e=this.state._on)||void 0===e?void 0:e[v.onSelectionChange])&&this.state._on[v.onSelectionChange](n,o),this.host&&w(this.host,x.selectionChange,o)}async getSelection(){var n;const t=(null===(n=this.state._selection)||void 0===n?void 0:n.selectedKeys)||[];return this.getSelectedData(t)}render(){var n,i,o,a,s,r;const c=this.selectDisplayedData(this.state._sortedData,this.showPagination?null!==(i=null===(n=this.state._pagination)||void 0===n?void 0:n._pageSize)&&void 0!==i?i:10:this.state._sortedData.length,this.state._pagination._page||1),d="top"===this._paginationPosition||"both"===this._paginationPosition?this.renderPagination("top"):null,h="bottom"===this._paginationPosition||"both"===this._paginationPosition?this.renderPagination("bottom"):null,p={horizontal:null!==(a=null===(o=this.state._headers.horizontal)||void 0===o?void 0:o.map(n=>n.map(n=>Object.assign(Object.assign({},n),{sortDirection:this.getHeaderCellSortState(n),sortOrder:this.getHeaderCellSortOrder(n)}))))&&void 0!==a?a:[],vertical:null!==(r=null===(s=this.state._headers.vertical)||void 0===s?void 0:s.map(n=>n.map(n=>Object.assign(Object.assign({},n),{sortDirection:this.getHeaderCellSortState(n),sortOrder:this.getHeaderCellSortOrder(n)}))))&&void 0!==r?r:[]};return t(e,{key:"7dcd4d4e002669068148b20ffde6ba2949164944",class:"kol-table-stateful"},this.pageEndSlice>0&&this.showPagination&&d,t(l,{key:"ed25abae3cac683a7e4b3971f05f81ee4ff3fe73",ref:this.catchRef,_data:c,_fixedCols:this._fixedCols,_headerCells:p,_label:this.state._label,_dataFoot:this.state._dataFoot,_on:{onSort:(n,t)=>{this.handleSort(t)},onSelectionChange:(n,t)=>{this.handleSelectionChange(n,t)}},_selection:this.state._selection,_hasSettingsMenu:this.state._hasSettingsMenu}),this.pageEndSlice>0&&this.showPagination&&h)}get host(){return i(this)}static get watchers(){return{_allowMultiSort:["validateAllowMultiSort"],_data:["validateData"],_dataFoot:["validateDataFoot"],_fixedCols:["validateFixedCols"],_paginationPosition:["validatePaginationPosition"],_hasSettingsMenu:["validateHasSettingsMenu"],_headers:["validateHeaders"],_label:["validateLabel"],_selection:["validateSelection"],_on:["validateOn"],_pagination:["validatePagination"]}}};P.style={default:C};export{P as kol_table_stateful};
+import{r as n,h as t,H as e,g as i}from"./index-Dva21o82.js";import{g as o,k as l}from"./component-names-Dy77vq43.js";import{t as a}from"./i18n-BVaUp6qp.js";import{e as s,b as r,s as c,P as h,p as d,o as f,k as b}from"./common-BqV6Zb30.js";import{v as p,a as k,b as u,c as m,d as _,e as g}from"./table-selection-CXJmsMfX.js";import{v as y}from"./label-vxVEH2gH.js";import{C as v}from"./keyboard-DNd73LVa.js";import{K as x,d as w}from"./events-DHTi_wtD.js";import"./i18n-B2d_exHc.js";const z=(n,t,e={})=>{s(n,"_allowMultiSort",t,Object.assign({defaultValue:!1},e))},S=["top","bottom","both"],j=(n,t)=>{r(n,"_paginationPosition",n=>"string"==typeof n&&S.includes(n),new Set([`PaginationPositionPropType {${S.join(", ")}`]),t,{defaultValue:"bottom"})},C='@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    --a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16));\n    /*\n     * No element should be used without verifying the contrast ratio of its background and font colors.\n     * By initially setting the background color to white and the font color to black,\n     * the contrast ratio is ensured and explicit adjustment is forced.\n     */\n    color: black;\n    background-color: white;\n    /*\n     * Verdana is an accessible font that can be used without requiring additional loading time.\n     */\n    font-family: Verdana;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n    /*\n     * Text should be aligned left by default to provide a predictable starting point.\n     */\n    text-align: left;\n  }\n  * {\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    hyphens: auto;\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    word-break: break-word;\n  }\n  /*\n   * All interactive elements should have a minimum size of to-rem(44).\n   */\n  /* input:not([type=\'checkbox\'], [type=\'radio\'], [type=\'range\']), */\n  /* option, */\n  /* select, */\n  /* textarea, */\n  button,\n  .kol-input .input {\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n  }\n  /*\n   * Some interactive elements should not inherit the font-family and font-size.\n   */\n  a,\n  button,\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6,\n  input,\n  option,\n  select,\n  textarea {\n    /*\n     * All elements should inherit the text color from his parent element.\n     */\n    color: inherit;\n    /*\n     * All elements should inherit the font family from his parent element.\n     */\n    font-family: inherit;\n    /*\n     * All elements should inherit the font size from his parent element.\n     */\n    font-size: inherit;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n  }\n  /**\n  * Sometimes we need the semantic element for accessibility reasons,\n  * but we don\'t want to show it.\n  *\n  * - https://www.a11yproject.com/posts/how-to-hide-content/\n  */\n  .visually-hidden {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 1px;\n    height: 1px;\n    overflow: hidden;\n    white-space: nowrap;\n    clip-path: inset(50%);\n  }\n}\n@layer kol-global {\n  /*\n   * Dieses CSS stellt sicher, dass der Standard-Style\n   * von A und Button resettet werden.\n   */\n  :is(a, button) {\n    background-color: transparent;\n    width: 100%;\n    margin: 0;\n    padding: 0;\n    border: none;\n    /* 100% needed for custom width from outside */\n  }\n  /*\n   * Ensure elements with hidden attribute to be actually not visible\n   * @see https://meowni.ca/hidden.is.a.lie.html\n   */\n  [hidden] {\n    display: none !important;\n  }\n  .badge-text-hint {\n    color: black;\n    background-color: lightgray;\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    opacity: 0.5;\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=1775124354743"); /* IE9*/\n  src: url("kolicons.eot?t=1775124354743#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1775124354743") format("woff2"), url("kolicons.woff?t=1775124354743") format("woff"), url("kolicons.ttf?t=1775124354743") format("truetype"), url("kolicons.svg?t=1775124354743#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: #000;\n    background-color: #fff;\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: #000;\n    background-color: #fff;\n    position: relative;\n    z-index: 1000;\n  }\n  @keyframes hideTooltip {\n    0% {\n      opacity: 1;\n    }\n    100% {\n      opacity: 0;\n      display: none;\n    }\n  }\n  @keyframes showTooltip {\n    0% {\n      opacity: 0;\n    }\n    100% {\n      opacity: 1;\n    }\n  }\n}\n@layer kol-component {\n  .kol-alert .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\n  .kol-alert :host {\n    display: inline-block;\n  }\n  .kol-alert .kol-button {\n    display: flex;\n    min-height: var(--a11y-min-size);\n    font-style: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n    text-decoration-line: none;\n  }\n  .kol-alert .kol-button::before {\n    /* Render zero-width character as first element to set the baseline correctly. */\n    content: "​";\n  }\n  .kol-alert .kol-button__text {\n    flex: 1 0 100%;\n  }\n  .kol-alert {\n    display: grid;\n  }\n  .kol-alert__container {\n    display: flex;\n    place-items: center;\n  }\n  .kol-alert__container-content {\n    flex-grow: 1;\n  }\n  .kol-alert__closer {\n    /* Visible with forced colors */\n    outline: transparent solid calc(1 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\n  :host {\n    display: inline-block;\n  }\n  .kol-button {\n    display: flex;\n    min-height: var(--a11y-min-size);\n    font-style: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n    text-decoration-line: none;\n  }\n  .kol-button::before {\n    /* Render zero-width character as first element to set the baseline correctly. */\n    content: "​";\n  }\n  .kol-button__text {\n    flex: 1 0 100%;\n  }\n  .kol-popover-button__popover {\n    margin: 0;\n    padding: 0;\n    border: 0;\n  }\n  .kol-popover-button--inline .kol-popover-button__button {\n    display: inline;\n  }\n  .kol-popover {\n    opacity: 0;\n    transition: 0.2s ease-out opacity;\n  }\n  .kol-popover-button--open + .kol-popover {\n    opacity: 1;\n  }\n  .kol-table-settings {\n    background: #fff;\n    position: absolute;\n    top: 0;\n    right: 0;\n    z-index: 1;\n  }\n  .kol-table-settings .kol-popover-button__popover {\n    background: #fff;\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 #d1d5db;\n  }\n  .kol-table-settings__columns-container {\n    max-height: calc(200 * 1rem / var(--kolibri-root-font-size, 16));\n    overflow: auto;\n  }\n  .kol-table-settings__columns {\n    display: grid;\n    align-items: center;\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: contents;\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__sort-button .kol-button {\n    color: inherit;\n  }\n  .kol-table__sort {\n    display: inline-flex;\n    align-items: center;\n  }\n  .kol-table__sort-order {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n  }\n  .kol-table__body {\n    text-align: left;\n  }\n  .kol-table__body .kol-button__text {\n    justify-items: start;\n  }\n  .kol-table__cell--align-left {\n    text-align: left;\n  }\n  .kol-table__cell--align-left .kol-button__text {\n    align-items: start;\n  }\n  .kol-table__cell--align-center {\n    text-align: center;\n  }\n  .kol-table__cell--align-center .kol-button__text {\n    align-items: center;\n  }\n  .kol-table__cell--align-right {\n    text-align: right;\n  }\n  .kol-table__cell--align-right .kol-button__text {\n    align-items: end;\n  }\n  .kol-table__cell--selection {\n    background-color: white;\n    position: sticky !important;\n    left: 0;\n    z-index: 2;\n    width: var(--kol-table-selection-col-width, auto);\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n    white-space: nowrap;\n  }\n  .kol-table__cell--actions {\n    white-space: nowrap;\n  }\n  .kol-table__cell--actions .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\n  .kol-table__cell--actions :host {\n    display: inline-block;\n  }\n  .kol-table__cell--actions .kol-button {\n    display: flex;\n    min-height: var(--a11y-min-size);\n    font-style: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n    text-decoration-line: none;\n  }\n  .kol-table__cell--actions .kol-button::before {\n    /* Render zero-width character as first element to set the baseline correctly. */\n    content: "​";\n  }\n  .kol-table__cell--actions .kol-button__text {\n    flex: 1 0 100%;\n  }\n  .kol-table__cell--actions .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\n  .kol-table__cell--actions :host {\n    display: inline-block;\n  }\n  .kol-table__cell--actions .kol-link {\n    display: inline-flex;\n    max-width: fit-content;\n    align-items: baseline;\n    place-items: center;\n    text-align: left;\n    text-decoration-line: none;\n  }\n  .kol-table__cell--actions .kol-link--standalone {\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n    align-items: stretch;\n  }\n  .kol-table__cell--actions .kol-link--standalone .kol-link__text {\n    display: inline-flex;\n    flex: 1 1 100%;\n    place-items: center;\n  }\n  .kol-table__cell--actions .kol-link .kol-span__label {\n    text-decoration-line: underline;\n  }\n  .kol-table__cell--actions .kol-link:focus:not([aria-disabled], [disabled]) .kol-span__label, .kol-table__cell--actions .kol-link:hover:not([aria-disabled], [disabled]) .kol-span__label {\n    text-decoration-thickness: 0.2em;\n  }\n  .kol-table__cell--actions .kol-link__icon {\n    display: inline-flex;\n  }\n  .kol-table__cell--sticky-left, .kol-table__cell--sticky-right {\n    background-color: white;\n    position: sticky !important;\n    z-index: 1;\n  }\n  .kol-table__cell--sticky-left:nth-last-child(1 of .kol-table__cell--sticky-left) {\n    border-right: 2px solid black;\n  }\n  .kol-table__cell--sticky-right:nth-child(1 of .kol-table__cell--sticky-left) {\n    border-left: 2px solid black;\n  }\n  .kol-table__cell-actions {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    justify-content: center;\n  }\n  .kol-table__spacer {\n    display: none;\n  }\n  .kol-table__selection {\n    position: relative;\n  }\n  .kol-table__selection-label {\n    display: flex;\n    position: relative;\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n  }\n  .kol-table__selection--disabled {\n    cursor: not-allowed;\n  }\n  .kol-table__selection-icon {\n    display: block;\n    position: absolute;\n    inset: auto;\n    z-index: 1;\n  }\n  .kol-table__selection-input {\n    border-style: solid;\n    margin: 0;\n    appearance: none;\n    cursor: pointer;\n  }\n  .kol-table__selection-input:disabled {\n    cursor: not-allowed;\n  }\n  .kol-table__selection-input:before {\n    content: "";\n  }\n  .kol-table__selection-input--checkbox {\n    background-color: rgb(255, 255, 255);\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: #000;\n  }\n  @media (forced-colors: active) {\n    .kol-table__selection-input--radio:checked:before {\n      /* Give it a visible background in forced colors mode */\n      background-color: selectedItem !important;\n    }\n  }\n  .kol-alert .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\n  .kol-alert :host {\n    display: inline-block;\n  }\n  .kol-alert .kol-button {\n    display: flex;\n    min-height: var(--a11y-min-size);\n    font-style: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n    text-decoration-line: none;\n  }\n  .kol-alert .kol-button::before {\n    /* Render zero-width character as first element to set the baseline correctly. */\n    content: "​";\n  }\n  .kol-alert .kol-button__text {\n    flex: 1 0 100%;\n  }\n  .kol-alert {\n    display: grid;\n  }\n  .kol-alert__container {\n    display: flex;\n    place-items: center;\n  }\n  .kol-alert__container-content {\n    flex-grow: 1;\n  }\n  .kol-alert__closer {\n    /* Visible with forced colors */\n    outline: transparent solid calc(1 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field {\n    display: grid;\n  }\n  .kol-form-field:not(.kol-form-field--disabled) .kol-form-field__label {\n    cursor: pointer;\n  }\n  .kol-form-field__label-text {\n    flex-flow: row;\n    align-items: flex-start;\n    justify-content: flex-start;\n  }\n  .kol-form-field--disabled .kol-form-field__label {\n    opacity: 0.5;\n  }\n  .kol-form-field--required .kol-form-field__label-text:not(:has(> [name]))::after,\n  .kol-form-field--required .kol-form-field__tooltip .span-label::after {\n    content: "*"/"";\n  }\n  .kol-form-field--disabled .kol-form-field__hint {\n    opacity: 0.5;\n  }\n  .kol-input-container {\n    background-color: transparent;\n    display: grid;\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  }\n  .kol-input-container__adornment {\n    display: flex;\n    align-items: center;\n  }\n  .kol-input-container__adornment .kol-icon {\n    display: grid;\n    min-height: var(--a11y-min-size);\n    place-items: center;\n  }\n  .kol-select {\n    background-color: transparent;\n    width: 100%;\n  }\n  .kol-select:not(:disabled) {\n    cursor: pointer;\n  }\n  .kol-select:not([multiple], [size]) {\n    height: 2.75em;\n  }\n  .kol-select:focus {\n    outline: none;\n  }\n  .kol-select__option:checked::before {\n    content: "✓ ";\n  }\n  .kol-select {\n    /* needed hack for vertical alignment */\n  }\n  .kol-select[multiple] option {\n    padding: calc((var(--a11y-min-size) - 16 * 1rem / var(--kolibri-root-font-size, 16)) / 2) 0.5em;\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}',T=[10,20,50,100],O=n=>!0===n||""===n||"object"==typeof n&&null!==n,D=class{constructor(t){n(this,t),this.catchRef=n=>{this.tableWcRef=n},this.sortData=[],this.showPagination=!1,this.pageStartSlice=0,this.pageEndSlice=10,this.disableSort=!1,this._paginationPosition="bottom",this.state={_allowMultiSort:!1,_fixedCols:[0,0],_data:[],_dataFoot:[],_headers:{horizontal:[],vertical:[]},_label:"",_pagination:{_page:1,_pageSize:10,_max:0},_sortedData:[],_paginationPosition:"bottom",_hasSettingsMenu:!1},this.handlePagination={onClick:(n,t)=>{var e;"function"==typeof(null===(e=this.state._pagination._on)||void 0===e?void 0:e.onClick)&&this.state._pagination._on.onClick(n,t),c(this,"_pagination",Object.assign(Object.assign({},this.state._pagination),{_page:t}))},onChangePage:(n,t)=>{var e;"function"==typeof(null===(e=this.state._pagination._on)||void 0===e?void 0:e.onChangePage)&&this.state._pagination._on.onChangePage(n,t),c(this,"_pagination",Object.assign(Object.assign({},this.state._pagination),{_page:t}))},onChangePageSize:(n,t)=>{var e;"function"==typeof(null===(e=this.state._pagination._on)||void 0===e?void 0:e.onChangePageSize)&&this.state._pagination._on.onChangePageSize(n,t),c(this,"_pagination",Object.assign(Object.assign({},this.state._pagination),{_pageSize:t})),c(this,"_pageSize",t)}},this.onSelectionChange=n=>{n.stopPropagation()},this.updateSortedData=()=>{if(this.disableSort)return void c(this,"_sortedData",this.state._data);const n=[...this.state._data];this.sortData.length>0&&n.sort((n,t)=>{for(let e=0;e<this.sortData.length;e++){const i=this.sortData[e],o=i.compareFn(n,t,i.direction);if(0!==o)return"ASC"===i.direction?o:-o}return 0}),c(this,"_sortedData",n)}}validateAllowMultiSort(n){z(this,n,{defaultValue:!1})}validateData(n){p(this,n,{afterPatch:()=>{setTimeout(this.updateSortedData)}})}validateDataFoot(n){k(this,n,{afterPatch:()=>{setTimeout(this.updateSortedData)}})}validateFixedCols(n){u(this,n)}validatePaginationPosition(n){j(this,n)}validateHasSettingsMenu(n){m(this,n)}changeCellSort(n){var t;if(void 0===n.type||"default"===n.type){if("function"!=typeof n.compareFn)return;this.state._allowMultiSort||n.key===(null===(t=this.sortData[0])||void 0===t?void 0:t.key)||(this.sortData=[]);const e=this.sortData.findIndex(t=>t.key===n.key);if(e>=0){const n=this.sortData[e];switch(n.direction){case"ASC":n.direction="DESC";break;case"DESC":this.sortData.splice(e,1);break;default:n.direction="ASC"}}else n.key&&this.sortData.push({label:n.label,key:n.key,compareFn:n.compareFn,direction:"ASC"});this.updateSortedData()}}validateHeaders(n){h(n,()=>{f(n,()=>{try{n=d(n)}catch(n){}r(this,"_headers",n=>"object"==typeof n&&null!==n,new Set(["KoliBriTableHeaders"]),n,{hooks:{beforePatch:n=>{var t,e,i,o;const a=n=>{let t=!1;this.sortData=[],n.forEach(n=>{if(void 0!==n.type&&"default"!==n.type)return;if("function"==typeof n.compareFn&&!n.key)return void b("[KolTableStateful] A sortable column requires the 'key' property.");const e=n.key;if(!e)return;const i=n.sortDirection;"ASC"!==i&&"DESC"!==i||"function"==typeof n.compareFn&&((this.state._allowMultiSort||0===this.sortData.length)&&this.sortData.push({label:n.label,key:e,compareFn:n.compareFn,direction:i}),t=!0)}),t&&setTimeout(()=>this.updateSortedData())},l=n;null===(t=l.horizontal)||void 0===t||t.forEach(a),null===(e=l.vertical)||void 0===e||e.forEach(a),l.horizontal&&l.vertical&&(null===(i=l.horizontal)||void 0===i?void 0:i.length)>0&&(null===(o=l.vertical)||void 0===o?void 0:o.length)>0&&(this.disableSort=!0,b("Table: You can not sort the table data, if horizontal and vertical headers are defined at the same time. (https://github.com/public-ui/kolibri/issues/2372)"))}}})})})}validateLabel(n){y(this,n,{required:!0})}validateSelection(n){_(this,n)}validateOn(n){g(this,n)}validatePagination(n){try{n=d(n)}catch(n){}this.showPagination=O(n),r(this,"_pagination",O,new Set(["boolean","KoliBriTablePagination"]),n,{defaultValue:{_page:1,_pageSize:10,_max:0}})}componentDidLoad(){var n;null===(n=this.tableWcRef)||void 0===n||n.addEventListener(x.selectionChange,this.onSelectionChange)}disconnectedCallback(){var n;null===(n=this.tableWcRef)||void 0===n||n.removeEventListener(x.selectionChange,this.onSelectionChange)}componentWillLoad(){this.validateAllowMultiSort(this._allowMultiSort),this.validateData(this._data),this.validateDataFoot(this._dataFoot),this.validateFixedCols(this._fixedCols),this.validateHeaders(this._headers),this.validateLabel(this._label),this.validateOn(this._on),this.validatePagination(this._pagination),this.validatePaginationPosition(this._paginationPosition),this.validateSelection(this._selection),this.validateHasSettingsMenu(this._hasSettingsMenu)}selectDisplayedData(n,t,e){return"number"==typeof t&&t>0&&"number"==typeof e&&e>0?(this.pageStartSlice=t*(e-1),this.pageEndSlice=t*e>n.length?n.length:t*e,n.slice(this.pageStartSlice,this.pageEndSlice)):(this.pageStartSlice=0,this.pageEndSlice=n.length,n)}renderPagination(n){const e=a("kol-table-pagination-label",{placeholders:{label:`${this.state._label} (${a(`kol-pagination-position-${n}`)})`}});return t("div",{class:`kol-table-stateful__pagination kol-table-stateful__pagination--${this.state._paginationPosition}`},t("div",{class:"kol-table-stateful__pagination-wrapper"},t(o,{_boundaryCount:this.state._pagination._boundaryCount,_customClass:this.state._pagination._customClass,_hasButtons:this.state._pagination._hasButtons,_on:this.handlePagination,_page:this.state._pagination._page,_pageSize:this.state._pagination._pageSize,_pageSizeOptions:this.state._pagination._pageSizeOptions||T,_siblingCount:this.state._pagination._siblingCount,_tooltipAlign:"bottom",_max:this.state._pagination._max||this.state._pagination._max||this.state._data.length,_label:e})))}getHeaderCellSortState(n){if((void 0===n.type||"default"===n.type)&&!this.disableSort&&"function"==typeof n.compareFn){if(n.key){const t=this.sortData.find(t=>t.key===n.key);if(null==t?void 0:t.direction)return t.direction}return"NOS"}}getHeaderCellSortOrder(n){if((void 0===n.type||"default"===n.type)&&!this.disableSort&&this.state._allowMultiSort&&"function"==typeof n.compareFn&&n.key){const t=this.sortData.findIndex(t=>t.key===n.key);if(t>=0)return t+1}}handleSort({key:n}){const t=[...(this.state._headers.horizontal||[]).flat(),...(this.state._headers.vertical||[]).flat()].find(t=>t.key===n);t&&this.changeCellSort(t)}getSelectedData(n){var t;const e=this.state._selection;if(e){const i=null!==(t=e.keyPropertyName)&&void 0!==t?t:"id",o=new Set(n.map(String)),a=this.state._sortedData.filter(n=>o.has(String(n[i])));if(i)return a}return null}handleSelectionChange(n,t){var e;const i=this.state._selection;i&&(this.state=Object.assign(Object.assign({},this.state),{_selection:Object.assign(Object.assign({},i),{selectedKeys:t})}));const o=this.getSelectedData(t);"function"==typeof(null===(e=this.state._on)||void 0===e?void 0:e[v.onSelectionChange])&&this.state._on[v.onSelectionChange](n,o),this.host&&w(this.host,x.selectionChange,o)}async getSelection(){var n;const t=(null===(n=this.state._selection)||void 0===n?void 0:n.selectedKeys)||[];return this.getSelectedData(t)}render(){var n,i,o,a,s,r;const c=this.selectDisplayedData(this.state._sortedData,this.showPagination?null!==(i=null===(n=this.state._pagination)||void 0===n?void 0:n._pageSize)&&void 0!==i?i:10:this.state._sortedData.length,this.state._pagination._page||1),d="top"===this._paginationPosition||"both"===this._paginationPosition?this.renderPagination("top"):null,h="bottom"===this._paginationPosition||"both"===this._paginationPosition?this.renderPagination("bottom"):null,p={horizontal:null!==(a=null===(o=this.state._headers.horizontal)||void 0===o?void 0:o.map(n=>n.map(n=>Object.assign(Object.assign({},n),{sortDirection:this.getHeaderCellSortState(n),sortOrder:this.getHeaderCellSortOrder(n)}))))&&void 0!==a?a:[],vertical:null!==(r=null===(s=this.state._headers.vertical)||void 0===s?void 0:s.map(n=>n.map(n=>Object.assign(Object.assign({},n),{sortDirection:this.getHeaderCellSortState(n),sortOrder:this.getHeaderCellSortOrder(n)}))))&&void 0!==r?r:[]};return t(e,{key:"49e3e80896f7836176d2dbacfa4a7e14901cbd55",class:"kol-table-stateful"},this.pageEndSlice>0&&this.showPagination&&d,t(l,{key:"dd47470aa5b318ce94adcc12c500431258c4b8fb",ref:this.catchRef,_data:c,_fixedCols:this._fixedCols,_headerCells:p,_label:this.state._label,_dataFoot:this.state._dataFoot,_on:{onSort:(n,t)=>{this.handleSort(t)},onSelectionChange:(n,t)=>{this.handleSelectionChange(n,t)}},_selection:this.state._selection,_hasSettingsMenu:this.state._hasSettingsMenu}),this.pageEndSlice>0&&this.showPagination&&h)}get host(){return i(this)}static get watchers(){return{_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:C};export{D as kol_table_stateful};

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","parseJson","objectObjectHandler","devHint","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","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","validateData","afterPatch","setTimeout","validateDataFoot","changeCellSort","headerCell","type","undefined","key","findIndex","settings","splice","push","label","validateHeaders","hooks","beforePatch","nextValue","_b","_c","_d","applySort","headers","hasSortedCells","forEach","cell","sortDirection","required","validateSelection","validateOn","validatePagination","componentDidLoad","addEventListener","selectionChange","disconnectedCallback","removeEventListener","componentWillLoad","_selection","selectDisplayedData","slice","renderPagination","position","placeholders","class","_boundaryCount","_customClass","_hasButtons","_pageSizeOptions","_siblingCount","_tooltipAlign","getHeaderCellSortState","find","getHeaderCellSortOrder","handleSort","flat","getSelectedData","selectedKeys","selection","keyPropertyName","keySet","map","String","filter","item","has","handleSelectionChange","selectedData","host","getSelection","render","_e","_f","displayedData","paginationTop","paginationBottom","headerCells","row","sortOrder","column","_headerCells","onSort","_","payload","watchers","style","default"],"sources":["0"],"mappings":";;;YAGcA,OAAkBC,OAAQC,OAAWC,MAAkB,kCACvDC,EAAyBC,MAA8B,4CACvDC,MAAiB,iCACjBC,OAAmBC,OAAqBC,OAAeC,OAAgCC,OAAgBC,OAA0BC,MAAe,mCAChJC,OAAwBC,OAA4BC,OAAwBC,OAA8BC,OAA6BC,MAAsC,4CAC7KC,MAAqB,kCACrBC,MAAgB,qCAChBC,OAAeC,MAAwB,6BAC9C,qBAEP,MAAMC,EAAyB,CAACC,EAAWC,EAAOC,EAAU,CAAC,KACzDpB,EAAakB,EAAW,kBAAmBC,EAAOE,OAAOC,OAAO,CAAEC,aAAc,OAASH,GAAS,EAGtG,MAAMI,EAAoC,CAAC,MAAO,SAAU,QAC5D,MAAMC,EAA6B,CAACP,EAAWC,KAC3ClB,EAAeiB,EAAW,uBAAwBC,UAAiBA,IAAU,UAAYK,EAAkCE,SAASP,IAAQ,IAAIQ,IAAI,CAAC,+BAA+BH,EAAkCI,KAAK,UAAWT,EAAO,CACzOI,aAAc,UAChB,EAGN,MAAMM,EAAkB,morBAExB,MAAMC,EAAqB,CAAC,GAAI,GAAI,GAAI,KACxC,MAAMC,EAAuBZ,GAAUA,IAAU,MAAQA,IAAU,WAAcA,IAAU,UAAYA,IAAU,KACjH,MAAMa,EAAmB,MACrB,WAAAC,CAAYC,GACRzC,EAAiB0C,KAAMD,GACvBC,KAAKC,SAAYC,IACbF,KAAKG,WAAaD,CAAG,EAEzBF,KAAKI,SAAW,GAChBJ,KAAKK,eAAiB,MACtBL,KAAKM,eAAiB,EACtBN,KAAKO,aAAe,GACpBP,KAAKQ,YAAc,MACnBR,KAAKS,oBAAsB,SAC3BT,KAAKU,MAAQ,CACTC,gBAAiB,MACjBC,WAAY,CAAC,EAAG,GAChBC,MAAO,GACPC,UAAW,GACXC,SAAU,CACNC,WAAY,GACZC,SAAU,IAEdC,OAAQ,GACRC,YAAa,CACTC,MAAO,EACPC,UAAW,GACXC,KAAM,GAEVC,YAAa,GACbd,oBAAqB,SACrBe,iBAAkB,OAEtBxB,KAAKyB,iBAAmB,CACpBC,QAAS,CAACC,EAAOC,KACb,IAAIC,EACJ,WAAaA,EAAK7B,KAAKU,MAAMS,YAAYW,OAAS,MAAQD,SAAY,OAAS,EAAIA,EAAGH,WAAa,WAAY,CAC3G1B,KAAKU,MAAMS,YAAYW,IAAIJ,QAAQC,EAAOC,EAC9C,CACA7D,EAASiC,KAAM,cAAed,OAAOC,OAAOD,OAAOC,OAAO,CAAC,EAAGa,KAAKU,MAAMS,aAAc,CAAEC,MAAOQ,IAAQ,EAE5GG,aAAc,CAACJ,EAAOC,KAClB,IAAIC,EACJ,WAAaA,EAAK7B,KAAKU,MAAMS,YAAYW,OAAS,MAAQD,SAAY,OAAS,EAAIA,EAAGE,gBAAkB,WAAY,CAChH/B,KAAKU,MAAMS,YAAYW,IAAIC,aAAaJ,EAAOC,EACnD,CACA7D,EAASiC,KAAM,cAAed,OAAOC,OAAOD,OAAOC,OAAO,CAAC,EAAGa,KAAKU,MAAMS,aAAc,CAAEC,MAAOQ,IAAQ,EAE5GI,iBAAkB,CAACL,EAAOM,KACtB,IAAIJ,EACJ,WAAaA,EAAK7B,KAAKU,MAAMS,YAAYW,OAAS,MAAQD,SAAY,OAAS,EAAIA,EAAGG,oBAAsB,WAAY,CACpHhC,KAAKU,MAAMS,YAAYW,IAAIE,iBAAiBL,EAAOM,EACvD,CACAlE,EAASiC,KAAM,cAAed,OAAOC,OAAOD,OAAOC,OAAO,CAAC,EAAGa,KAAKU,MAAMS,aAAc,CAAEE,UAAWY,KACpGlE,EAASiC,KAAM,YAAaiC,EAAS,GAG7CjC,KAAKkC,kBAAqBP,IACtBA,EAAMQ,iBAAiB,EAE3BnC,KAAKoC,iBAAmB,KACpB,GAAIpC,KAAKQ,YAAa,CAClBzC,EAASiC,KAAM,cAAeA,KAAKU,MAAMG,OACzC,MACJ,CACA,MAAMwB,EAAa,IAAIrC,KAAKU,MAAMG,OAClC,GAAIb,KAAKI,SAASkC,OAAS,EAAG,CAC1BD,EAAWE,MAAK,CAACC,EAAGC,KAChB,IAAK,IAAIC,EAAQ,EAAGA,EAAQ1C,KAAKI,SAASkC,OAAQI,IAAS,CACvD,MAAMC,EAAO3C,KAAKI,SAASsC,GAC3B,MAAME,EAASD,EAAKE,UAAUL,EAAGC,EAAGE,EAAKG,WACzC,GAAIF,IAAW,EAAG,CACd,OAAOD,EAAKG,YAAc,MAAQF,GAAUA,CAChD,CACJ,CACA,OAAO,CAAC,GAEhB,CACA7E,EAASiC,KAAM,cAAeqC,EAAW,CAEjD,CACA,sBAAAvD,CAAuBE,GACnBF,EAAuBkB,KAAMhB,EAAO,CAAEI,aAAc,OACxD,CACA,YAAA2D,CAAa/D,GACTZ,EAAkB4B,KAAMhB,EAAO,CAC3BgE,WAAY,KACRC,WAAWjD,KAAKoC,iBAAiB,GAG7C,CACA,gBAAAc,CAAiBlE,GACbX,EAAsB2B,KAAMhB,EAAO,CAC/BgE,WAAY,KACRC,WAAWjD,KAAKoC,iBAAiB,GAG7C,CACA,iBAAA9D,CAAkBU,GACdV,EAAkB0B,KAAMhB,EAC5B,CACA,0BAAAM,CAA2BN,GACvBM,EAA2BU,KAAMhB,EACrC,CACA,uBAAAT,CAAwBS,GACpBT,EAAwByB,KAAMhB,EAClC,CACA,cAAAmE,CAAeC,GACX,IAAIvB,EACJ,GAAIuB,EAAWC,OAASC,WAAaF,EAAWC,OAAS,UAAW,CAChE,UAAWD,EAAWP,YAAc,WAAY,CAC5C,MACJ,CACA,IAAK7C,KAAKU,MAAMC,iBAAmByC,EAAWG,QAAU1B,EAAK7B,KAAKI,SAAS,MAAQ,MAAQyB,SAAY,OAAS,EAAIA,EAAG0B,KAAM,CACzHvD,KAAKI,SAAW,EACpB,CACA,MAAMsC,EAAQ1C,KAAKI,SAASoD,WAAWxE,GAAUA,EAAMuE,MAAQH,EAAWG,MAC1E,GAAIb,GAAS,EAAG,CACZ,MAAMe,EAAWzD,KAAKI,SAASsC,GAC/B,OAAQe,EAASX,WACb,IAAK,MACDW,EAASX,UAAY,OACrB,MACJ,IAAK,OACD9C,KAAKI,SAASsD,OAAOhB,EAAO,GAC5B,MACJ,QACIe,EAASX,UAAY,MACrB,MAEZ,MACK,GAAIM,EAAWG,IAAK,CACrBvD,KAAKI,SAASuD,KAAK,CACfC,MAAOR,EAAWQ,MAClBL,IAAKH,EAAWG,IAChBV,UAAWO,EAAWP,UACtBC,UAAW,OAEnB,CACA9C,KAAKoC,kBACT,CACJ,CACA,eAAAyB,CAAgB7E,GACZhB,EAA0BgB,GAAO,KAC7Bd,EAAoBc,GAAO,KACvB,IACIA,EAAQf,EAAUe,EACtB,CACA,MAAO6C,GACP,CACA/D,EAAekC,KAAM,YAAahB,UAAiBA,IAAU,UAAYA,IAAU,MAAM,IAAIQ,IAAI,CAAC,wBAAyBR,EAAO,CAC9H8E,MAAO,CACHC,YAAcC,IACV,IAAInC,EAAIoC,EAAIC,EAAIC,EAChB,MAAMC,EAAaC,IACf,IAAIC,EAAiB,MACrBtE,KAAKI,SAAW,GAChBiE,EAAQE,SAASC,IACb,GAAIA,EAAKnB,OAASC,WAAakB,EAAKnB,OAAS,UAAW,CACpD,MACJ,CACA,UAAWmB,EAAK3B,YAAc,aAAe2B,EAAKjB,IAAK,CACnDpF,EAAQ,qEACR,MACJ,CACA,MAAMoF,EAAMiB,EAAKjB,IACjB,IAAKA,EAAK,CACN,MACJ,CACA,MAAMkB,EAAgBD,EAAKC,cAC3B,GAAIA,IAAkB,OAASA,IAAkB,OAAQ,CACrD,UAAWD,EAAK3B,YAAc,WAAY,CACtC,GAAI7C,KAAKU,MAAMC,iBAAmBX,KAAKI,SAASkC,SAAW,EAAG,CAC1DtC,KAAKI,SAASuD,KAAK,CAAEC,MAAOY,EAAKZ,MAAOL,MAAKV,UAAW2B,EAAK3B,UAAWC,UAAW2B,GACvF,CACAH,EAAiB,IACrB,CACJ,KAEJ,GAAIA,EAAgB,CAChBrB,YAAW,IAAMjD,KAAKoC,oBAC1B,GAEJ,MAAMiC,EAAUL,GACfnC,EAAKwC,EAAQrD,cAAgB,MAAQa,SAAY,OAAS,EAAIA,EAAG0C,QAAQH,IACzEH,EAAKI,EAAQpD,YAAc,MAAQgD,SAAY,OAAS,EAAIA,EAAGM,QAAQH,GACxE,GAAIC,EAAQrD,YAAcqD,EAAQpD,YAAciD,EAAKG,EAAQrD,cAAgB,MAAQkD,SAAY,OAAS,EAAIA,EAAG5B,QAAU,KAAO6B,EAAKE,EAAQpD,YAAc,MAAQkD,SAAY,OAAS,EAAIA,EAAG7B,QAAU,EAAG,CAC1MtC,KAAKQ,YAAc,KACnBrC,EAAQ,8JACZ,KAGV,GACJ,GAEV,CACA,aAAAO,CAAcM,GACVN,EAAcsB,KAAMhB,EAAO,CACvB0F,SAAU,MAElB,CACA,iBAAAC,CAAkB3F,GACdR,EAAuBwB,KAAMhB,EACjC,CACA,UAAA4F,CAAW5F,GACPP,EAA+BuB,KAAMhB,EACzC,CACA,kBAAA6F,CAAmB7F,GACf,IACIA,EAAQf,EAAUe,EACtB,CACA,MAAO6C,GACP,CACA7B,KAAKK,eAAiBT,EAAoBZ,GAC1ClB,EAAekC,KAAM,cAAeJ,EAAqB,IAAIJ,IAAI,CAAC,UAAW,2BAA4BR,EAAO,CAC5GI,aAAc,CACVgC,MAAO,EACPC,UAAW,GACXC,KAAM,IAGlB,CACA,gBAAAwD,GACI,IAAIjD,GACHA,EAAK7B,KAAKG,cAAgB,MAAQ0B,SAAY,OAAS,EAAIA,EAAGkD,iBAAiBnG,EAASoG,gBAAiBhF,KAAKkC,kBACnH,CACA,oBAAA+C,GACI,IAAIpD,GACHA,EAAK7B,KAAKG,cAAgB,MAAQ0B,SAAY,OAAS,EAAIA,EAAGqD,oBAAoBtG,EAASoG,gBAAiBhF,KAAKkC,kBACtH,CACA,iBAAAiD,GACInF,KAAKlB,uBAAuBkB,KAAKW,iBACjCX,KAAK+C,aAAa/C,KAAKa,OACvBb,KAAKkD,iBAAiBlD,KAAKc,WAC3Bd,KAAK1B,kBAAkB0B,KAAKY,YAC5BZ,KAAK6D,gBAAgB7D,KAAKe,UAC1Bf,KAAKtB,cAAcsB,KAAKkB,QACxBlB,KAAK4E,WAAW5E,KAAK8B,KACrB9B,KAAK6E,mBAAmB7E,KAAKmB,aAC7BnB,KAAKV,2BAA2BU,KAAKS,qBACrCT,KAAK2E,kBAAkB3E,KAAKoF,YAC5BpF,KAAKzB,wBAAwByB,KAAKwB,iBACtC,CACA,mBAAA6D,CAAoB1C,EAAMV,EAAUL,GAChC,UAAWK,IAAa,UAAYA,EAAW,UAAYL,IAAS,UAAYA,EAAO,EAAG,CACtF5B,KAAKM,eAAiB2B,GAAYL,EAAO,GACzC5B,KAAKO,aAAe0B,EAAWL,EAAOe,EAAKL,OAASK,EAAKL,OAASL,EAAWL,EAC7E,OAAOe,EAAK2C,MAAMtF,KAAKM,eAAgBN,KAAKO,aAChD,KACK,CACDP,KAAKM,eAAiB,EACtBN,KAAKO,aAAeoC,EAAKL,OACzB,OAAOK,CACX,CACJ,CACA,gBAAA4C,CAAiBC,GACb,MAAM5B,EAAQhG,EAAU,6BAA8B,CAClD6H,aAAc,CACV7B,MAAO,GAAG5D,KAAKU,MAAMQ,WAAWtD,EAAU,2BAA2B4H,WAG7E,OAAQjI,EAAE,MAAO,CAAEmI,MAAO,kEAAkE1F,KAAKU,MAAMD,uBAAyBlD,EAAE,MAAO,CAAEmI,MAAO,0CAA4CnI,EAAEG,EAAoB,CAAEiI,eAAgB3F,KAAKU,MAAMS,YAAYwE,eAAgBC,aAAc5F,KAAKU,MAAMS,YAAYyE,aAAcC,YAAa7F,KAAKU,MAAMS,YAAY0E,YAAa/D,IAAK9B,KAAKyB,iBAAkBL,MAAOpB,KAAKU,MAAMS,YAAYC,MAAOC,UAAWrB,KAAKU,MAAMS,YAAYE,UAAWyE,iBAAkB9F,KAAKU,MAAMS,YAAY2E,kBAAoBnG,EAAoBoG,cAAe/F,KAAKU,MAAMS,YAAY4E,cAAeC,cAAe,SAAU1E,KAAMtB,KAAKU,MAAMS,YAAYG,MAAQtB,KAAKU,MAAMS,YAAYG,MAAQtB,KAAKU,MAAMG,MAAMyB,OAAQpB,OAAQ0C,KACvuB,CACA,sBAAAqC,CAAuB7C,GACnB,GAAIA,EAAWC,OAASC,WAAaF,EAAWC,OAAS,UAAW,CAChE,MACJ,CACA,IAAKrD,KAAKQ,oBAAsB4C,EAAWP,YAAc,WAAY,CACjE,GAAIO,EAAWG,IAAK,CAChB,MAAMZ,EAAO3C,KAAKI,SAAS8F,MAAMlH,GAAUA,EAAMuE,MAAQH,EAAWG,MACpE,GAAIZ,IAAS,MAAQA,SAAc,OAAS,EAAIA,EAAKG,UAAW,CAC5D,OAAOH,EAAKG,SAChB,CACJ,CACA,MAAO,KACX,CACJ,CACA,sBAAAqD,CAAuB/C,GACnB,GAAIA,EAAWC,OAASC,WAAaF,EAAWC,OAAS,UAAW,CAChE,MACJ,CACA,IAAKrD,KAAKQ,aAAeR,KAAKU,MAAMC,wBAA0ByC,EAAWP,YAAc,YAAcO,EAAWG,IAAK,CACjH,MAAMb,EAAQ1C,KAAKI,SAASoD,WAAWxE,GAAUA,EAAMuE,MAAQH,EAAWG,MAC1E,GAAIb,GAAS,EAAG,CACZ,OAAOA,EAAQ,CACnB,CACJ,CACJ,CACA,UAAA0D,EAAW7C,IAAEA,IACT,MAAMH,EAAa,KAAKpD,KAAKU,MAAMK,SAASC,YAAc,IAAIqF,WAAYrG,KAAKU,MAAMK,SAASE,UAAY,IAAIoF,QAAQH,MAAM1B,GAASA,EAAKjB,MAAQA,IAClJ,GAAIH,EAAY,CACZpD,KAAKmD,eAAeC,EACxB,CACJ,CACA,eAAAkD,CAAgBC,GACZ,IAAI1E,EACJ,MAAM2E,EAAYxG,KAAKU,MAAM0E,WAC7B,GAAIoB,EAAW,CACX,MAAMC,GAAmB5E,EAAK2E,EAAUC,mBAAqB,MAAQ5E,SAAY,EAAIA,EAAK,KAC1F,MAAM6E,EAAS,IAAIlH,IAAI+G,EAAaI,IAAIC,SACxC,MAAMjE,EAAO3C,KAAKU,MAAMa,YAAYsF,QAAQC,GAASJ,EAAOK,IAAIH,OAAOE,EAAKL,OAC5E,GAAIA,EACA,OAAO9D,CACf,CACA,OAAO,IACX,CACA,qBAAAqE,CAAsBrF,EAAO4E,GACzB,IAAI1E,EACJ,MAAM2E,EAAYxG,KAAKU,MAAM0E,WAC7B,GAAIoB,EACAxG,KAAKU,MAAQxB,OAAOC,OAAOD,OAAOC,OAAO,CAAC,EAAGa,KAAKU,OAAQ,CAAE0E,WAAYlG,OAAOC,OAAOD,OAAOC,OAAO,CAAC,EAAGqH,GAAY,CAAED,mBAC1H,MAAMU,EAAejH,KAAKsG,gBAAgBC,GAC1C,WAAa1E,EAAK7B,KAAKU,MAAMoB,OAAS,MAAQD,SAAY,OAAS,EAAIA,EAAGlD,EAASuD,sBAAwB,WAAY,CACnHlC,KAAKU,MAAMoB,IAAInD,EAASuD,mBAAmBP,EAAOsF,EACtD,CACA,GAAIjH,KAAKkH,KAAM,CACXrI,EAAiBmB,KAAKkH,KAAMtI,EAASoG,gBAAiBiC,EAC1D,CACJ,CACA,kBAAME,GACF,IAAItF,EACJ,MAAM0E,IAAiB1E,EAAK7B,KAAKU,MAAM0E,cAAgB,MAAQvD,SAAY,OAAS,EAAIA,EAAG0E,eAAiB,GAC5G,OAAOvG,KAAKsG,gBAAgBC,EAChC,CACA,MAAAa,GACI,IAAIvF,EAAIoC,EAAIC,EAAIC,EAAIkD,EAAIC,EACxB,MAAMC,EAAgBvH,KAAKqF,oBAAoBrF,KAAKU,MAAMa,YAAavB,KAAKK,gBAAmB4D,GAAMpC,EAAK7B,KAAKU,MAAMS,eAAiB,MAAQU,SAAY,OAAS,EAAIA,EAAGR,aAAe,MAAQ4C,SAAY,EAAIA,EAAK,GAAMjE,KAAKU,MAAMa,YAAYe,OAAQtC,KAAKU,MAAMS,YAAYC,OAAS,GAC3R,MAAMoG,EAAgBxH,KAAKS,sBAAwB,OAAST,KAAKS,sBAAwB,OAAST,KAAKuF,iBAAiB,OAAS,KACjI,MAAMkC,EAAmBzH,KAAKS,sBAAwB,UAAYT,KAAKS,sBAAwB,OAAST,KAAKuF,iBAAiB,UAAY,KAC1I,MAAMmC,EAAc,CAChB1G,YAAamD,GAAMD,EAAKlE,KAAKU,MAAMK,SAASC,cAAgB,MAAQkD,SAAY,OAAS,EAAIA,EAAGyC,KAAKgB,GAAQA,EAAIhB,KAAKnC,GAAUtF,OAAOC,OAAOD,OAAOC,OAAO,CAAC,EAAGqF,GAAO,CAAEC,cAAezE,KAAKiG,uBAAuBzB,GAAOoD,UAAW5H,KAAKmG,uBAAuB3B,YAAiB,MAAQL,SAAY,EAAIA,EAAK,GAChTlD,UAAWqG,GAAMD,EAAKrH,KAAKU,MAAMK,SAASE,YAAc,MAAQoG,SAAY,OAAS,EAAIA,EAAGV,KAAKkB,GAAWA,EAAOlB,KAAKnC,GAAUtF,OAAOC,OAAOD,OAAOC,OAAO,CAAC,EAAGqF,GAAO,CAAEC,cAAezE,KAAKiG,uBAAuBzB,GAAOoD,UAAW5H,KAAKmG,uBAAuB3B,YAAiB,MAAQ8C,SAAY,EAAIA,EAAK,IAEtT,OAAQ/J,EAAEC,EAAM,CAAE+F,IAAK,2CAA4CmC,MAAO,sBAAwB1F,KAAKO,aAAe,GAAKP,KAAKK,gBAAkBmH,EAAejK,EAAEI,EAAwB,CAAE4F,IAAK,2CAA4CrD,IAAKF,KAAKC,SAAUY,MAAO0G,EAAe3G,WAAYZ,KAAKY,WAAYkH,aAAcJ,EAAaxG,OAAQlB,KAAKU,MAAMQ,OAAQJ,UAAWd,KAAKU,MAAMI,UAAWgB,IAAK,CACzYiG,OAAQ,CAACC,EAAGC,KACRjI,KAAKoG,WAAW6B,EAAQ,EAE5B/F,kBAAmB,CAACP,EAAO3C,KACvBgB,KAAKgH,sBAAsBrF,EAAO3C,EAAM,GAE7CoG,WAAYpF,KAAKU,MAAM0E,WAAY5D,iBAAkBxB,KAAKU,MAAMc,mBAAqBxB,KAAKO,aAAe,GAAKP,KAAKK,gBAAkBoH,EAChJ,CACA,QAAIP,GAAS,OAAOzJ,EAAWuC,KAAO,CACtC,mBAAWkI,GAAa,MAAO,CAC3BvH,gBAAmB,CAAC,0BACpBE,MAAS,CAAC,gBACVC,UAAa,CAAC,oBACdF,WAAc,CAAC,qBACfH,oBAAuB,CAAC,8BACxBe,iBAAoB,CAAC,2BACrBT,SAAY,CAAC,mBACbG,OAAU,CAAC,iBACXkE,WAAc,CAAC,qBACftD,IAAO,CAAC,cACRX,YAAe,CAAC,sBACjB,GAEPtB,EAAiBsI,MAAQ,CACrBC,QAAS1I,UAGJG","ignoreList":[]}
+{"version":3,"names":["registerInstance","h","Host","getElement","KolPaginationWcTag","KolTableStatelessWcTag","translate","watchBoolean","watchValidator","setState","emptyStringByArrayHandler","parseJson","objectObjectHandler","devHint","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","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","validateData","afterPatch","setTimeout","validateDataFoot","changeCellSort","headerCell","type","undefined","key","findIndex","settings","splice","push","label","validateHeaders","hooks","beforePatch","nextValue","_b","_c","_d","applySort","headers","hasSortedCells","forEach","cell","sortDirection","required","validateSelection","validateOn","validatePagination","componentDidLoad","addEventListener","selectionChange","disconnectedCallback","removeEventListener","componentWillLoad","_selection","selectDisplayedData","slice","renderPagination","position","placeholders","class","_boundaryCount","_customClass","_hasButtons","_pageSizeOptions","_siblingCount","_tooltipAlign","getHeaderCellSortState","find","getHeaderCellSortOrder","handleSort","flat","getSelectedData","selectedKeys","selection","keyPropertyName","keySet","map","String","filter","item","has","handleSelectionChange","selectedData","host","getSelection","render","_e","_f","displayedData","paginationTop","paginationBottom","headerCells","row","sortOrder","column","_headerCells","onSort","_","payload","watchers","style","default"],"sources":["0"],"mappings":"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","ignoreList":[]}