@public-ui/components 4.0.3 → 4.0.4-rc.0

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-DaPYvxfp.js";import{j as o,o as l}from"./component-names-B_kYyA8u.js";import{t as a}from"./i18n-0_cE4ov3.js";import{d as s,w as r,s as c,O as d,p as h,o as p,j as f}from"./common-B-m-0Sa1.js";import{v as b,a as m,b as u,c as k,d as _}from"./table-selection-DjfWF12k.js";import{v as g}from"./label-BqL4x8lJ.js";import{C as y}from"./keyboard-DNd73LVa.js";import{K as v,d as x}from"./events-DHTi_wtD.js";import"./i18n-B0tfVPMa.js";const w=(n,t,e={})=>{s(n,"_allowMultiSort",t,Object.assign({defaultValue:!1},e))},z=["top","bottom","both"],S=(n,t)=>{r(n,"_paginationPosition",n=>"string"==typeof n&&z.includes(n),new Set([`PaginationPositionPropType {${z.join(", ")}`]),t,{defaultValue:"bottom"})},j='@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@layer kol-component {\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 :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  :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__button {\n    display: inline-block;\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-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    margin-top: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n    overflow: auto;\n  }\n  .kol-table-settings__columns {\n    display: grid;\n    gap: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\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-table {\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    padding-right: 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    gap: 0.25rem;\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    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 :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 :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    margin-left: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\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-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-label--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 :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--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:not(:empty)) {\n    grid-template-columns: auto 1fr;\n  }\n  .kol-input-container:has(> .kol-input-container__adornment--end:not(:empty)) {\n    grid-template-columns: 1fr auto;\n  }\n  .kol-input-container:has(> .kol-input-container__adornment--start:not(:empty)):has(> .kol-input-container__adornment--end:not(:empty)) {\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-pagination {\n    display: flex;\n    gap: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n    flex-wrap: wrap;\n    align-items: center;\n    justify-content: center;\n  }\n  @media (max-width: 1024px) {\n    .kol-pagination {\n      flex-direction: column;\n    }\n  }\n  .kol-pagination__navigation-list {\n    display: inline-flex;\n    margin: 0;\n    padding: 0;\n    gap: 0.5em;\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  .kol-table-stateful__pagination, .kol-table-stateful__pagination-wrapper {\n    display: grid;\n    place-items: center;\n  }\n  @media (min-width: 1024px) {\n    .kol-table-stateful__pagination, .kol-table-stateful__pagination-wrapper {\n      grid-auto-flow: column;\n    }\n  }\n}',C=[10,20,50,100],T=n=>!0===n||""===n||"object"==typeof n&&null!==n,O=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,_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){w(this,n,{defaultValue:!1})}validateData(n){b(this,n,{afterPatch:()=>{setTimeout(this.updateSortedData)}})}validateDataFoot(n){m(this,n,{afterPatch:()=>{setTimeout(this.updateSortedData)}})}validatePaginationPosition(n){S(this,n)}validateHasSettingsMenu(n){u(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){d(n,()=>{p(n,()=>{try{n=h(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 f("[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,f("Table: You can not sort the table data, if horizontal and vertical headers are defined at the same time. (https://github.com/public-ui/kolibri/issues/2372)"))}}})})})}validateLabel(n){g(this,n,{required:!0})}validateSelection(n){k(this,n)}validateOn(n){_(this,n)}validatePagination(n){try{n=h(n)}catch(n){}this.showPagination=T(n),r(this,"_pagination",T,new Set(["boolean","KoliBriTablePagination"]),n,{defaultValue:{_page:1,_pageSize:10,_max:0}})}componentDidLoad(){var n;null===(n=this.tableWcRef)||void 0===n||n.addEventListener(v.selectionChange,this.onSelectionChange)}disconnectedCallback(){var n;null===(n=this.tableWcRef)||void 0===n||n.removeEventListener(v.selectionChange,this.onSelectionChange)}componentWillLoad(){this.validateAllowMultiSort(this._allowMultiSort),this.validateData(this._data),this.validateDataFoot(this._dataFoot),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,{class:"test",_boundaryCount:this.state._pagination._boundaryCount,_customClass:this.state._pagination._customClass,_on:this.handlePagination,_page:this.state._pagination._page,_pageSize:this.state._pagination._pageSize,_pageSizeOptions:this.state._pagination._pageSizeOptions||C,_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[y.onSelectionChange])&&this.state._on[y.onSelectionChange](n,o),this.host&&x(this.host,v.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:"596ff18dd22ae8a08e83dbaf36db142fe58d971e",class:"kol-table-stateful"},this.pageEndSlice>0&&this.showPagination&&d,t(l,{key:"de0e3900a63bb3c03bce10bb7df6c1cfad6e33cf",ref:this.catchRef,_data:c,_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"],_paginationPosition:["validatePaginationPosition"],_hasSettingsMenu:["validateHasSettingsMenu"],_headers:["validateHeaders"],_label:["validateLabel"],_selection:["validateSelection"],_on:["validateOn"],_pagination:["validatePagination"]}}};O.style={default:j};export{O as kol_table_stateful};
+import{r as n,h as t,H as e,g as i}from"./index-CcNgPsBh.js";import{i as o,n as l}from"./component-names-CqTpXVIM.js";import{t as a}from"./i18n-DvMeCREp.js";import{e as s,b as r,s as c,P as d,p as h,o as p,k as f}from"./common-BIkdAxr0.js";import{v as b,a as u,b as m,c as k,d as _}from"./table-selection-kWnbUSAj.js";import{v as g}from"./label-C18ud7Yt.js";import{C as y}from"./keyboard-DNd73LVa.js";import{K as v,d as x}from"./events-DHTi_wtD.js";import"./i18n-B0tfVPMa.js";const w=(n,t,e={})=>{s(n,"_allowMultiSort",t,Object.assign({defaultValue:!1},e))},z=["top","bottom","both"],S=(n,t)=>{r(n,"_paginationPosition",n=>"string"==typeof n&&z.includes(n),new Set([`PaginationPositionPropType {${z.join(", ")}`]),t,{defaultValue:"bottom"})},j='@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@layer kol-component {\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 :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  :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__button {\n    display: inline-block;\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-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    margin-top: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n    overflow: auto;\n  }\n  .kol-table-settings__columns {\n    display: grid;\n    gap: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\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-table {\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    padding-right: 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    gap: 0.25rem;\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    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 :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 :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    margin-left: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\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-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-label--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 :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--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:not(:empty)) {\n    grid-template-columns: auto 1fr;\n  }\n  .kol-input-container:has(> .kol-input-container__adornment--end:not(:empty)) {\n    grid-template-columns: 1fr auto;\n  }\n  .kol-input-container:has(> .kol-input-container__adornment--start:not(:empty)):has(> .kol-input-container__adornment--end:not(:empty)) {\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-pagination {\n    display: flex;\n    gap: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\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    gap: 0.5em;\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}',C=[10,20,50,100],T=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,_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){w(this,n,{defaultValue:!1})}validateData(n){b(this,n,{afterPatch:()=>{setTimeout(this.updateSortedData)}})}validateDataFoot(n){u(this,n,{afterPatch:()=>{setTimeout(this.updateSortedData)}})}validatePaginationPosition(n){S(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){d(n,()=>{p(n,()=>{try{n=h(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 f("[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,f("Table: You can not sort the table data, if horizontal and vertical headers are defined at the same time. (https://github.com/public-ui/kolibri/issues/2372)"))}}})})})}validateLabel(n){g(this,n,{required:!0})}validateSelection(n){k(this,n)}validateOn(n){_(this,n)}validatePagination(n){try{n=h(n)}catch(n){}this.showPagination=T(n),r(this,"_pagination",T,new Set(["boolean","KoliBriTablePagination"]),n,{defaultValue:{_page:1,_pageSize:10,_max:0}})}componentDidLoad(){var n;null===(n=this.tableWcRef)||void 0===n||n.addEventListener(v.selectionChange,this.onSelectionChange)}disconnectedCallback(){var n;null===(n=this.tableWcRef)||void 0===n||n.removeEventListener(v.selectionChange,this.onSelectionChange)}componentWillLoad(){this.validateAllowMultiSort(this._allowMultiSort),this.validateData(this._data),this.validateDataFoot(this._dataFoot),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,{class:"test",_boundaryCount:this.state._pagination._boundaryCount,_customClass:this.state._pagination._customClass,_on:this.handlePagination,_page:this.state._pagination._page,_pageSize:this.state._pagination._pageSize,_pageSizeOptions:this.state._pagination._pageSizeOptions||C,_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[y.onSelectionChange])&&this.state._on[y.onSelectionChange](n,o),this.host&&x(this.host,v.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:"e1709a711cbb5a5c880a08fe116a1f71cba1eb42",class:"kol-table-stateful"},this.pageEndSlice>0&&this.showPagination&&d,t(l,{key:"8913690e3c5b72ce1a0b405105cfdedd3112d58f",ref:this.catchRef,_data:c,_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"],_paginationPosition:["validatePaginationPosition"],_hasSettingsMenu:["validateHasSettingsMenu"],_headers:["validateHeaders"],_label:["validateLabel"],_selection:["validateSelection"],_on:["validateOn"],_pagination:["validatePagination"]}}};P.style={default:j};export{P 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","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","_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","e","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","_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":[]}
+{"version":3,"names":["registerInstance","h","Host","getElement","KolPaginationWcTag","KolTableStatelessWcTag","translate","watchBoolean","watchValidator","setState","emptyStringByArrayHandler","parseJson","objectObjectHandler","devHint","validateTableData","validateTableDataFoot","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","_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","_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":[]}

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

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{r as t,h as e,F as n,g as r}from"./index-DaPYvxfp.js";import{_ as i}from"./tslib.es6-CxX45GIN.js";import{d as o,f as a,e as s,a as l,x as c}from"./component-names-B_kYyA8u.js";import{t as u}from"./i18n-0_cE4ov3.js";import{O as f,o as d,p as h,w as v,s as b}from"./common-B-m-0Sa1.js";import{b as _,v as p,a as y,e as k,c as j}from"./table-selection-DjfWF12k.js";import{v as m}from"./label-BqL4x8lJ.js";import{C as g}from"./keyboard-DNd73LVa.js";import{c as w}from"./clsx-COFh-Vc8.js";import{n as S}from"./dev.utils-DC4cDFnB.js";import{d as A,K as O}from"./events-DHTi_wtD.js";import{i as $,c as D,r as x,a as C,f as F,b as M,S as H}from"./isObject-DvSELytj.js";import"./i18n-B0tfVPMa.js";const B=(e,t)=>{f(t,()=>{d(t,()=>{try{t=h(t)}catch(e){}v(e,"_headerCells",e=>{var t,r;return"object"==typeof e&&null!==e&&(void 0===e.horizontal||Array.isArray(e.horizontal)&&void 0===e.horizontal.find(e=>!Array.isArray(e)))&&(void 0===e.vertical||Array.isArray(e.vertical)&&void 0===e.vertical.find(e=>!Array.isArray(e)))&&[...null!==(t=e.horizontal)&&void 0!==t?t:[],...null!==(r=e.vertical)&&void 0!==r?r:[]].flat().every(e=>void 0===e.width||"number"==typeof e.width)&&!0},new Set(["TableHeaderCellsPropType"]),t)})})};var E="[object AsyncFunction]",P="[object Function]",W="[object GeneratorFunction]",K="[object Proxy]";function R(e){if(!$(e))return!1;var t=D(e);return t==P||t==W||t==E||t==K}var T=x["__core-js_shared__"],L=function(){var e=/[^.]+$/.exec(T&&T.keys&&T.keys.IE_PROTO||"");return e?"Symbol(src)_1."+e:""}();function z(e){return!!L&&L in e}var I=Function.prototype,N=I.toString;function V(e){if(null!=e){try{return N.call(e)}catch(e){}try{return e+""}catch(e){}}return""}var U=/[\\^$.*+?()[\]{}|]/g,q=/^\[object .+?Constructor\]$/,G=Function.prototype,Y=Object.prototype,J=G.toString,X=Y.hasOwnProperty,Q=RegExp("^"+J.call(X).replace(U,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$");function Z(e){return!(!$(e)||z(e))&&(R(e)?Q:q).test(V(e))}function tt(e,t){return null==e?void 0:e[t]}function et(e,t){var r=tt(e,t);return Z(r)?r:void 0}var nt=et(x,"WeakMap"),rt=9007199254740991,it=/^(?:0|[1-9]\d*)$/;function ot(e,t){var r=typeof e;return!!(t=null==t?rt:t)&&("number"==r||"symbol"!=r&&it.test(e))&&e>-1&&e%1==0&&e<t}function at(e,t){return e===t||e!=e&&t!=t}var st=9007199254740991;function lt(e){return"number"==typeof e&&e>-1&&e%1==0&&e<=st}function ct(e){return null!=e&&lt(e.length)&&!R(e)}var ut=Object.prototype;function ft(e){var t=e&&e.constructor;return e===("function"==typeof t&&t.prototype||ut)}function dt(e,t){for(var r=-1,n=Array(e);++r<e;)n[r]=t(r);return n}var ht="[object Arguments]";function vt(e){return C(e)&&D(e)==ht}var bt=Object.prototype,_t=bt.hasOwnProperty,pt=bt.propertyIsEnumerable,yt=vt(function(){return arguments}())?vt:function(e){return C(e)&&_t.call(e,"callee")&&!pt.call(e,"callee")};function kt(){return!1}var jt="object"==typeof exports&&exports&&!exports.nodeType&&exports,mt=jt&&"object"==typeof module&&module&&!module.nodeType&&module,gt=mt&&mt.exports===jt,wt=gt?x.Buffer:void 0,St=wt?wt.isBuffer:void 0,At=St||kt,Ot="[object Arguments]",$t="[object Array]",Dt="[object Boolean]",xt="[object Date]",Ct="[object Error]",Ft="[object Function]",Mt="[object Map]",Ht="[object Number]",Bt="[object Object]",Et="[object RegExp]",Pt="[object Set]",Wt="[object String]",Kt="[object WeakMap]",Rt="[object ArrayBuffer]",Tt="[object DataView]",Lt="[object Float32Array]",zt="[object Float64Array]",It="[object Int8Array]",Nt="[object Int16Array]",Vt="[object Int32Array]",Ut="[object Uint8Array]",qt="[object Uint8ClampedArray]",Gt="[object Uint16Array]",Yt="[object Uint32Array]",Jt={};function Xt(e){return C(e)&&lt(e.length)&&!!Jt[D(e)]}function Qt(e){return function(t){return e(t)}}Jt[Lt]=Jt[zt]=Jt[It]=Jt[Nt]=Jt[Vt]=Jt[Ut]=Jt[qt]=Jt[Gt]=Jt[Yt]=!0,Jt[Ot]=Jt[$t]=Jt[Rt]=Jt[Dt]=Jt[Tt]=Jt[xt]=Jt[Ct]=Jt[Ft]=Jt[Mt]=Jt[Ht]=Jt[Bt]=Jt[Et]=Jt[Pt]=Jt[Wt]=Jt[Kt]=!1;var Zt="object"==typeof exports&&exports&&!exports.nodeType&&exports,te=Zt&&"object"==typeof module&&module&&!module.nodeType&&module,ee=te&&te.exports===Zt,ne=ee&&F.process,re=function(){try{var e=te&&te.require&&te.require("util").types;return e||ne&&ne.binding&&ne.binding("util")}catch(e){}}(),ie=re&&re.isTypedArray,oe=ie?Qt(ie):Xt,ae=Object.prototype,se=ae.hasOwnProperty;function le(e,t){var r=M(e),n=!r&&yt(e),a=!r&&!n&&At(e),o=!r&&!n&&!a&&oe(e),i=r||n||a||o,l=i?dt(e.length,String):[],s=l.length;for(var c in e)!se.call(e,c)||i&&("length"==c||a&&("offset"==c||"parent"==c)||o&&("buffer"==c||"byteLength"==c||"byteOffset"==c)||ot(c,s))||l.push(c);return l}function ce(e,t){return function(r){return e(t(r))}}var ue=ce(Object.keys,Object),fe=Object.prototype,de=fe.hasOwnProperty;function he(e){if(!ft(e))return ue(e);var t=[];for(var r in Object(e))de.call(e,r)&&"constructor"!=r&&t.push(r);return t}function ve(e){return ct(e)?le(e):he(e)}var be=et(Object,"create");function _e(){this.__data__=be?be(null):{},this.size=0}function pe(e){var t=this.has(e)&&delete this.__data__[e];return this.size-=t?1:0,t}var ye="__lodash_hash_undefined__",ke=Object.prototype,je=ke.hasOwnProperty;function me(e){var t=this.__data__;if(be){var r=t[e];return r===ye?void 0:r}return je.call(t,e)?t[e]:void 0}var ge=Object.prototype,we=ge.hasOwnProperty;function Se(e){var t=this.__data__;return be?void 0!==t[e]:we.call(t,e)}var Ae="__lodash_hash_undefined__";function Oe(e,t){var r=this.__data__;return this.size+=this.has(e)?0:1,r[e]=be&&void 0===t?Ae:t,this}function $e(e){var t=-1,r=null==e?0:e.length;for(this.clear();++t<r;){var n=e[t];this.set(n[0],n[1])}}function De(){this.__data__=[],this.size=0}function xe(e,t){for(var r=e.length;r--;)if(at(e[r][0],t))return r;return-1}$e.prototype.clear=_e,$e.prototype.delete=pe,$e.prototype.get=me,$e.prototype.has=Se,$e.prototype.set=Oe;var Ce=Array.prototype,Fe=Ce.splice;function Me(e){var t=this.__data__,r=xe(t,e);return!(r<0)&&(r==t.length-1?t.pop():Fe.call(t,r,1),--this.size,!0)}function He(e){var t=this.__data__,r=xe(t,e);return r<0?void 0:t[r][1]}function Be(e){return xe(this.__data__,e)>-1}function Ee(e,t){var r=this.__data__,n=xe(r,e);return n<0?(++this.size,r.push([e,t])):r[n][1]=t,this}function Pe(e){var t=-1,r=null==e?0:e.length;for(this.clear();++t<r;){var n=e[t];this.set(n[0],n[1])}}Pe.prototype.clear=De,Pe.prototype.delete=Me,Pe.prototype.get=He,Pe.prototype.has=Be,Pe.prototype.set=Ee;var We=et(x,"Map");function Ke(){this.size=0,this.__data__={hash:new $e,map:new(We||Pe),string:new $e}}function Re(e){var t=typeof e;return"string"==t||"number"==t||"symbol"==t||"boolean"==t?"__proto__"!==e:null===e}function Te(e,t){var r=e.__data__;return Re(t)?r["string"==typeof t?"string":"hash"]:r.map}function Le(e){var t=Te(this,e).delete(e);return this.size-=t?1:0,t}function ze(e){return Te(this,e).get(e)}function Ie(e){return Te(this,e).has(e)}function Ne(e,t){var r=Te(this,e),n=r.size;return r.set(e,t),this.size+=r.size==n?0:1,this}function Ve(e){var t=-1,r=null==e?0:e.length;for(this.clear();++t<r;){var n=e[t];this.set(n[0],n[1])}}function Ue(e,t){for(var r=-1,n=t.length,a=e.length;++r<n;)e[a+r]=t[r];return e}function qe(){this.__data__=new Pe,this.size=0}function Ge(e){var t=this.__data__,r=t.delete(e);return this.size=t.size,r}function Ye(e){return this.__data__.get(e)}function Je(e){return this.__data__.has(e)}Ve.prototype.clear=Ke,Ve.prototype.delete=Le,Ve.prototype.get=ze,Ve.prototype.has=Ie,Ve.prototype.set=Ne;var Xe=200;function Qe(e,t){var r=this.__data__;if(r instanceof Pe){var n=r.__data__;if(!We||n.length<Xe-1)return n.push([e,t]),this.size=++r.size,this;r=this.__data__=new Ve(n)}return r.set(e,t),this.size=r.size,this}function Ze(e){var t=this.__data__=new Pe(e);this.size=t.size}function tn(e,t){for(var r=-1,n=null==e?0:e.length,a=0,o=[];++r<n;){var i=e[r];t(i,r,e)&&(o[a++]=i)}return o}function en(){return[]}Ze.prototype.clear=qe,Ze.prototype.delete=Ge,Ze.prototype.get=Ye,Ze.prototype.has=Je,Ze.prototype.set=Qe;var nn=Object.prototype,rn=nn.propertyIsEnumerable,on=Object.getOwnPropertySymbols,an=on?function(e){return null==e?[]:(e=Object(e),tn(on(e),function(t){return rn.call(e,t)}))}:en;function sn(e,t,r){var n=t(e);return M(e)?n:Ue(n,r(e))}function ln(e){return sn(e,ve,an)}var cn=et(x,"DataView"),un=et(x,"Promise"),fn=et(x,"Set"),dn="[object Map]",hn="[object Object]",vn="[object Promise]",bn="[object Set]",_n="[object WeakMap]",pn="[object DataView]",yn=V(cn),kn=V(We),jn=V(un),mn=V(fn),gn=V(nt),wn=D;(cn&&wn(new cn(new ArrayBuffer(1)))!=pn||We&&wn(new We)!=dn||un&&wn(un.resolve())!=vn||fn&&wn(new fn)!=bn||nt&&wn(new nt)!=_n)&&(wn=function(e){var t=D(e),r=t==hn?e.constructor:void 0,n=r?V(r):"";if(n)switch(n){case yn:return pn;case kn:return dn;case jn:return vn;case mn:return bn;case gn:return _n}return t});var Sn=x.Uint8Array,An="__lodash_hash_undefined__";function On(e){return this.__data__.set(e,An),this}function $n(e){return this.__data__.has(e)}function Dn(e){var t=-1,r=null==e?0:e.length;for(this.__data__=new Ve;++t<r;)this.add(e[t])}function xn(e,t){for(var r=-1,n=null==e?0:e.length;++r<n;)if(t(e[r],r,e))return!0;return!1}function Cn(e,t){return e.has(t)}Dn.prototype.add=Dn.prototype.push=On,Dn.prototype.has=$n;var Fn=1,Mn=2;function Hn(e,t,r,n,a,o){var i=r&Fn,l=e.length,s=t.length;if(l!=s&&!(i&&s>l))return!1;var c=o.get(e),h=o.get(t);if(c&&h)return c==t&&h==e;var d=-1,u=!0,b=r&Mn?new Dn:void 0;for(o.set(e,t),o.set(t,e);++d<l;){var f=e[d],_=t[d];if(n)var p=i?n(_,f,d,t,e,o):n(f,_,d,e,t,o);if(void 0!==p){if(p)continue;u=!1;break}if(b){if(!xn(t,function(e,t){if(!Cn(b,t)&&(f===e||a(f,e,r,n,o)))return b.push(t)})){u=!1;break}}else if(f!==_&&!a(f,_,r,n,o)){u=!1;break}}return o.delete(e),o.delete(t),u}function Bn(e){var t=-1,r=Array(e.size);return e.forEach(function(e,n){r[++t]=[n,e]}),r}function En(e){var t=-1,r=Array(e.size);return e.forEach(function(e){r[++t]=e}),r}var Pn=1,Wn=2,Kn="[object Boolean]",Rn="[object Date]",Tn="[object Error]",Ln="[object Map]",zn="[object Number]",In="[object RegExp]",Nn="[object Set]",Vn="[object String]",Un="[object Symbol]",qn="[object ArrayBuffer]",Gn="[object DataView]",Yn=H?H.prototype:void 0,Jn=Yn?Yn.valueOf:void 0;function Xn(e,t,r,n,a,o,i){switch(r){case Gn:if(e.byteLength!=t.byteLength||e.byteOffset!=t.byteOffset)return!1;e=e.buffer,t=t.buffer;case qn:return!(e.byteLength!=t.byteLength||!o(new Sn(e),new Sn(t)));case Kn:case Rn:case zn:return at(+e,+t);case Tn:return e.name==t.name&&e.message==t.message;case In:case Vn:return e==t+"";case Ln:var l=Bn;case Nn:var s=n&Pn;if(l||(l=En),e.size!=t.size&&!s)return!1;var c=i.get(e);if(c)return c==t;n|=Wn,i.set(e,t);var h=Hn(l(e),l(t),n,a,o,i);return i.delete(e),h;case Un:if(Jn)return Jn.call(e)==Jn.call(t)}return!1}var Qn=1,Zn=Object.prototype,tr=Zn.hasOwnProperty;function er(e,t,r,n,a,o){var i=r&Qn,l=ln(e),s=l.length;if(s!=ln(t).length&&!i)return!1;for(var c=s;c--;){var h=l[c];if(!(i?h in t:tr.call(t,h)))return!1}var d=o.get(e),u=o.get(t);if(d&&u)return d==t&&u==e;var b=!0;o.set(e,t),o.set(t,e);for(var f=i;++c<s;){var _=e[h=l[c]],p=t[h];if(n)var v=i?n(p,_,h,t,e,o):n(_,p,h,e,t,o);if(!(void 0===v?_===p||a(_,p,r,n,o):v)){b=!1;break}f||(f="constructor"==h)}if(b&&!f){var y=e.constructor,g=t.constructor;y==g||!("constructor"in e)||!("constructor"in t)||"function"==typeof y&&y instanceof y&&"function"==typeof g&&g instanceof g||(b=!1)}return o.delete(e),o.delete(t),b}var nr=1,rr="[object Arguments]",ir="[object Array]",or="[object Object]",ar=Object.prototype,sr=ar.hasOwnProperty;function lr(e,t,r,n,a,o){var i=M(e),l=M(t),s=i?ir:wn(e),c=l?ir:wn(t),h=(s=s==rr?or:s)==or,d=(c=c==rr?or:c)==or,u=s==c;if(u&&At(e)){if(!At(t))return!1;i=!0,h=!1}if(u&&!h)return o||(o=new Ze),i||oe(e)?Hn(e,t,r,n,a,o):Xn(e,t,s,r,n,a,o);if(!(r&nr)){var b=h&&sr.call(e,"__wrapped__"),f=d&&sr.call(t,"__wrapped__");if(b||f){var _=b?e.value():e,p=f?t.value():t;return o||(o=new Ze),a(_,p,r,n,o)}}return!!u&&(o||(o=new Ze),er(e,t,r,n,a,o))}function cr(e,t,r,n,a){return e===t||(null==e||null==t||!C(e)&&!C(t)?e!=e&&t!=t:lr(e,t,r,n,cr,a))}function ur(e,t){return cr(e,t)}const fr=class{constructor(r){t(this,r),this.translateNoEntries=u("kol-no-entries"),this.state={_data:[],_headerCells:{horizontal:[],vertical:[]},_label:"",_hasSettingsMenu:!1},this.horizontal=!0,this.cellsToRenderTimeouts=new Map,this.dataToKeyMap=new Map,this.checkboxRefs=[],this.translateSort=u("kol-sort"),this.translateSortOrder=u("kol-table-sort-order"),this.tableDivElementHasScrollbar=!1,this.renderTableRow=(t,r,n,a=!1)=>{var o,i;let l=String(r);return this.horizontal&&(null===(o=t[0])||void 0===o?void 0:o.data)&&(l=null!==(i=this.getDataKey(t[0].data))&&void 0!==i?i:l),e("tr",{class:w("kol-table__row",{"kol-table__row--body":!a,"kol-table__row--footer":a}),key:`row-${l}`},this.renderSelectionCell(t,r),t.map((e,t)=>this.renderTableCell(e,r,t,n)))},this.renderTableCell=(t,r,n,a)=>{if(!1===t.visible)return"";let o=`${r}-${n}-${t.label}`;if(t.data){const e=this.getDataKey(t.data);o=e?`${e}-${this.horizontal?n:r}`:o}if(t.headerCell)return this.renderHeadingCell(t,r,n,a);{const r="function"!=typeof t.render&&t.label===this.translateNoEntries,a=this.getActionColumnHeader(n),i=Boolean(a&&t.data);return e("td",{key:`cell-${o}`,class:w("kol-table__cell kol-table__cell--body",t.textAlign&&`kol-table__cell--align-${t.textAlign}`,i&&"kol-table__cell--actions"),"aria-atomic":r?"false":void 0,"aria-live":r?"polite":void 0,"aria-relevant":r?"text":void 0,colSpan:t.colSpan,rowSpan:t.rowSpan,style:{textAlign:t.textAlign},ref:"function"==typeof t.render?e=>{this.cellRender(t,e)}:void 0},i&&a&&t.data?this.renderActionItems(a,t.data,o):"function"!=typeof t.render?t.label:"")}},this.renderActionItems=(t,r,n)=>{const l=t.actions(r);return e("div",{class:"kol-table__cell-actions"},l.map((t,r)=>{if("button"===t.type){const a=i(t,[]);return e(o,Object.assign({key:`action-${n}-${r}`},a,{_variant:a._variant}))}if("link"===t.type){const o=i(t,[]);return e(a,Object.assign({key:`action-${n}-${r}`},o))}return null}))}}validateHasSettingsMenu(e){_(this,e)}validateData(e){p(this,e,{beforePatch:e=>{this.updateDataToKeyMap(e)}})}validateDataFoot(e){y(this,e)}validateHeaderCells(e){B(this,e),ur(this.previousHeaderCells,this.state._headerCells)||this.initializeHeaderCellSettings(),this.previousHeaderCells=this.state._headerCells}validateLabel(e){m(this,e,{required:!0})}validateOn(e){k(this,e)}validateSelection(e){j(this,e)}handleKeyDown(e){var t;if("ArrowUp"===e.key||"ArrowDown"===e.key){const r=null===(t=this.tableDivElement)||void 0===t?void 0:t.querySelector(":focus");let n=this.checkboxRefs.indexOf(r);n>-1&&(e.preventDefault(),"ArrowDown"===e.key?(n=(n+1)%this.checkboxRefs.length,this.checkboxRefs[n].focus()):"ArrowUp"===e.key&&(e.preventDefault(),n=(n+this.checkboxRefs.length-1)%this.checkboxRefs.length,this.checkboxRefs[n].focus()))}}componentDidRender(){this.checkDivElementScrollbar()}componentDidLoad(){this.tableDivElement&&ResizeObserver&&(this.tableDivElementResizeObserver=new ResizeObserver(this.checkDivElementScrollbar.bind(this)),this.tableDivElementResizeObserver.observe(this.tableDivElement))}handleSettingsChange(e){var t;const r=Object.assign(Object.assign({},this.state._headerCells),{horizontal:e.detail});b(this,"_headerCells",r),"function"==typeof(null===(t=this.state._on)||void 0===t?void 0:t[g.onChangeHeaderCells])&&this.state._on[g.onChangeHeaderCells](e,r)}disconnectedCallback(){var e;null===(e=this.tableDivElementResizeObserver)||void 0===e||e.disconnect()}checkDivElementScrollbar(){this.tableDivElement&&(this.tableDivElementHasScrollbar=this.tableDivElement.scrollWidth>this.tableDivElement.clientWidth)}updateDataToKeyMap(e){e.forEach(e=>{this.dataToKeyMap.has(e)||this.dataToKeyMap.set(e,S())}),this.dataToKeyMap.forEach((t,r)=>{e.includes(r)||this.dataToKeyMap.delete(r)})}getDataKey(e){return this.dataToKeyMap.get(e)}getActionColumnHeader(e){const t=this.horizontal?this.state._headerCells.horizontal:this.state._headerCells.vertical;if(!t||0===t.length)return;const r=this.getPrimaryHeaders(this.state._headerCells)[e];return r&&"action"===r.type?r:void 0}cellRender(e,t){t&&(clearTimeout(this.cellsToRenderTimeouts.get(t)),this.cellsToRenderTimeouts.set(t,setTimeout(()=>{if("function"==typeof e.render){const r=e.render(t,e,e.data,this.state._data);"string"==typeof r&&(t.textContent=r)}})))}getNumberOfCols(e,t){let r=0;return e.forEach(e=>{let t=0;Array.isArray(e)&&e.forEach(e=>{var r;t+=null!==(r=e.colSpan)&&void 0!==r?r:1}),r<t&&(r=t)}),0===r&&(r=t.length),r}getNumberOfRows(e,t){var r;let n=0;return e.forEach(e=>{let t=0;Array.isArray(e)&&e.forEach(e=>{var r;t+=null!==(r=e.rowSpan)&&void 0!==r?r:1}),n<t&&(n=t)}),0===n?n=t.length:n-=(null===(r=this.state._dataFoot)||void 0===r?void 0:r.length)||0,n}getThePrimaryHeadersWithKeyOrRenderFunction(e){const t=[];return e.forEach(e=>{e.forEach(e=>{"string"!=typeof e.key&&"function"!=typeof e.render||t.push(e)})}),t}getPrimaryHeaders(e){var t,r;let n=this.getThePrimaryHeadersWithKeyOrRenderFunction(null!==(t=e.horizontal)&&void 0!==t?t:[]);return this.horizontal=!0,0===n.length&&(n=this.getThePrimaryHeadersWithKeyOrRenderFunction(null!==(r=e.vertical)&&void 0!==r?r:[]),n.length>0&&(this.horizontal=!1)),n}createDataField(e,t,r){var n;t.horizontal=Array.isArray(null==t?void 0:t.horizontal)?t.horizontal:[],t.vertical=Array.isArray(null==t?void 0:t.vertical)?t.vertical:[];const a=this.getPrimaryHeaders(t),o=this.getNumberOfCols(t.horizontal,e);let i=this.getNumberOfRows(t.vertical,e),l=0;r&&(l=i,i+=(null===(n=this.state._dataFoot)||void 0===n?void 0:n.length)||0);const s=[],c=[],h=[];t.vertical.forEach((e,t)=>{c[t]=0,h[t]=[]});const d=a;for(let n=l;n<i;n++){const a=[];t.vertical.forEach((e,t)=>{let r=0;if(h[t].forEach(e=>r+=e),r<=n){const o=e[n-r+c[t]];if("object"==typeof o){a.push(Object.assign(Object.assign({},o),{headerCell:!0,data:{}}));let e=1;if("number"==typeof o.rowSpan&&o.rowSpan>1&&(e=o.rowSpan),h[t].push(e),"number"==typeof o.colSpan&&o.colSpan>1)for(let r=1;r<o.colSpan;r++)h[t+r].push(e);c[t]++}}});for(let t=0;t<o;t++)if(!0===this.horizontal){const o=r&&this.state._dataFoot?this.state._dataFoot[n-l]:e[n];if("object"==typeof d[t]&&null!==d[t]&&"object"==typeof o&&null!==o&&("string"==typeof d[t].key||"function"==typeof d[t].render)){const e=o[d[t].key];a.push(Object.assign(Object.assign({},d[t]),{colSpan:void 0,rowSpan:void 0,data:o,label:e}))}}else if("object"==typeof d[n]&&null!==d[n]&&"object"==typeof e[t]&&null!==e[t]&&("string"==typeof d[n].key||"function"==typeof d[n].render)){const r=d[n].key,o=e[t][r];a.push(Object.assign(Object.assign({},d[n]),{colSpan:void 0,rowSpan:void 0,data:e[t],label:o}))}s.push(a)}if(0===e.length){let e=0,r=0;Array.isArray(t.horizontal)&&t.horizontal.length>0&&t.horizontal[0].forEach(t=>{e+=t.colSpan||1}),Array.isArray(t.vertical)&&t.vertical.length>0&&(e-=t.vertical.length,t.vertical[0].forEach(e=>{r+=e.rowSpan||1}));const n={colSpan:e,label:this.translateNoEntries,render:void 0,rowSpan:Math.max(r,1)};0===s.length?s.push([n]):s[0].push(n)}return s}handleSelectionChangeCallbackAndEvent(e,t){var r;"function"==typeof(null===(r=this.state._on)||void 0===r?void 0:r[g.onSelectionChange])&&this.state._on[g.onSelectionChange](e,t),this.host&&A(this.host,O.selectionChange,t)}initializeHeaderCellSettings(){if(this.state._headerCells&&this.state._headerCells.horizontal&&this.state._headerCells.horizontal.length>0){const e=Object.assign(Object.assign({},this.state._headerCells),{horizontal:this.state._headerCells.horizontal.map(e=>e.map(e=>Object.assign(Object.assign({},e),{visible:"boolean"!=typeof e.visible||e.visible,hidable:"boolean"!=typeof e.hidable||e.hidable})))});b(this,"_headerCells",e)}}componentWillLoad(){this.validateData(this._data),this.validateDataFoot(this._dataFoot),this.validateHeaderCells(this._headerCells),this.validateLabel(this._label),this.validateOn(this._on),this.validateSelection(this._selection),this.validateHasSettingsMenu(this._hasSettingsMenu)}renderSelectionCell(t,r){var n;const a=this.state._selection;if(!a)return"";const o=this.getSelectionKeyPropertyName(),i=null===(n=t[0])||void 0===n?void 0:n.data;if(!i)return"";const c=i[o],h=a.multiple||void 0===a.multiple,d=(()=>{const e=null==a?void 0:a.selectedKeys;return(void 0===e?[]:Array.isArray(e)?e:[e]).some(e=>String(e)===String(c))})(),u=(()=>{const e=null==a?void 0:a.disabledKeys;return(void 0===e?[]:Array.isArray(e)?e:[e]).some(e=>String(e)===String(c))})(),b=a.label(i),f={name:"selection",checked:d,disabled:u,id:String(c),"aria-label":b};return e("td",{key:`tbody-${r}-selection`,class:"kol-table__cell kol-table__cell--selection"},e("div",{class:w("kol-table__selection",{"kol-table__selection--checked":d})},h?e("label",{class:w("kol-table__selection-label",{"kol-table__selection-label--disabled":u})},e(s,{class:"kol-table__selection-icon",_icons:"kolicon "+(d?"kolicon-check":""),_label:""}),e("input",Object.assign({class:w("kol-table__selection-input kol-table__selection-input--checkbox"),ref:e=>e&&this.checkboxRefs.push(e)},f,{type:"checkbox",onInput:e=>{const t=(()=>{const e=null==a?void 0:a.selectedKeys;return void 0===e?[]:Array.isArray(e)?e:[e]})(),r=d?t.filter(e=>String(e)!==String(c)):[...t,c];this.handleSelectionChangeCallbackAndEvent(e,null!=r?r:[])}}))):e("label",{class:"kol-table__selection-label"},e("input",Object.assign({class:w("kol-table__selection-input kol-table__selection-input--radio")},f,{type:"radio",onInput:e=>{this.handleSelectionChangeCallbackAndEvent(e,[c])}}))),e(l,{"aria-hidden":"true",class:"kol-table__selection-input-tooltip",_align:"right",_id:`${c}-label`,_label:b})))}getSelectionKeyPropertyName(){var e,t;return null!==(t=null===(e=this.state._selection)||void 0===e?void 0:e.keyPropertyName)&&void 0!==t?t:"id"}getDataWithSelectionEnabled(){const e=this.getSelectionKeyPropertyName();return this.state._data.filter(t=>{var r;const n=null===(r=this.state._selection)||void 0===r?void 0:r.disabledKeys;return!(void 0===n?[]:Array.isArray(n)?n:[n]).some(r=>String(r)===String(t[e]))})}getSelectedKeysWithoutDisabledKeys(){const e=(()=>{var e;const t=null===(e=this.state._selection)||void 0===e?void 0:e.selectedKeys;return void 0===t?[]:Array.isArray(t)?t:[t]})(),t=(()=>{var e;const t=null===(e=this.state._selection)||void 0===e?void 0:e.disabledKeys;return void 0===t?[]:Array.isArray(t)?t:[t]})();return e.filter(e=>!t.some(t=>String(t)===String(e)))}getSelectedKeysWithDisabledKeysOnly(){const e=(()=>{var e;const t=null===(e=this.state._selection)||void 0===e?void 0:e.selectedKeys;return void 0===t?[]:Array.isArray(t)?t:[t]})(),t=(()=>{var e;const t=null===(e=this.state._selection)||void 0===e?void 0:e.disabledKeys;return void 0===t?[]:Array.isArray(t)?t:[t]})();return e.filter(e=>t.some(t=>String(t)===String(e)))}getRevertedSelection(e){var t;const r=this.getSelectionKeyPropertyName(),n=null!==(t=this.getSelectedKeysWithDisabledKeysOnly())&&void 0!==t?t:[];return e&&n.push(...this.getDataWithSelectionEnabled().map(e=>null==e?void 0:e[r])),n}getTableMinWidth(){var e,t;const r=null!==(e=this.state._headerCells.horizontal)&&void 0!==e?e:[],n=[];r.forEach(e=>{e.forEach(e=>{!1!==e.visible&&void 0!==e.width&&e.width>0&&n.push(e.width)})});const a=null!==(t=this.state._headerCells.vertical)&&void 0!==t?t:[],o=[];a.forEach(e=>{e.forEach(e=>{void 0!==e.width&&e.width>0&&o.push(e.width)})});const i=[...o,...n];return 0===i.length?"0px":1===i.length?`${i[0]}px`:`calc(${i.map(e=>`${e}px`).join(" + ")})`}renderHeadingSelectionCell(){var t,r;const n=this.state._selection;if(!n)return e("td",{class:"kol-table__cell kol-table__cell--header",key:"thead-0"});if(!1===n.multiple)return e("td",{key:"thead-0-selection",class:"kol-table__cell kol-table__cell--header kol-table__cell--selection"});const a=null!==(r=null===(t=this.getSelectedKeysWithoutDisabledKeys())||void 0===t?void 0:t.length)&&void 0!==r?r:0,o=a===this.getDataWithSelectionEnabled().length,i=0!==a&&!o;let c="kol-table-selection-indeterminate";o&&!i&&(c="kol-table-selection-none"),0===a&&(c="kol-table-selection-all");const h=u(c);return e("th",{key:"thead-0-selection",class:"kol-table__cell kol-table__cell--header kol-table__cell--selection"},e("div",{class:w("kol-table__selection",{"kol-table__selection--indeterminate":i,"kol-table__selection--checked":o})},e("label",{class:"kol-table__selection-label"},e(s,{class:"kol-table__selection-icon",_icons:"kolicon "+(i?"kolicon-minus":o?"kolicon-check":""),_label:""}),e("input",{class:w("kol-table__selection-input kol-table__selection-input--checkbox"),"data-testid":"selection-checkbox-all",ref:e=>e&&this.checkboxRefs.push(e),name:"selection",checked:o&&!i,indeterminate:i,"aria-label":h,type:"checkbox",onInput:e=>{this.handleSelectionChangeCallbackAndEvent(e,this.getRevertedSelection(!o))}})),e(l,{"aria-hidden":"true",class:"kol-table__selection-input-tooltip",_align:"right",_id:`${c}-label`,_label:h})))}renderHeaderTdCell(){const t=this.state._headerCells.horizontal,r=this.state._headerCells.vertical;if(!Array.isArray(t)||0===t.length||!Array.isArray(r)||0===r.length)return e(n,null);const a=r.reduce((e,t)=>{var r;const n=null==t?void 0:t[0];return e+(null!==(r=null==n?void 0:n.width)&&void 0!==r?r:0)},0);return e("td",{"aria-hidden":"true",colSpan:r.length,rowSpan:t.length,style:a>0?{width:`${a}px`}:void 0})}formatSortOrderDescription(e){return this.translateSortOrder.replace("{{order}}",`${e}`)}getSortAriaDescription(e){return"number"==typeof e&&e>0?`${this.translateSort} – ${this.formatSortOrderDescription(e)}`:this.translateSort}renderHeadingCell(t,r,n,a){if(!1===t.visible)return"";const i=!1!==(null==t?void 0:t.sortable),l="string"==typeof t.sortDirection,s=i&&l;let c="none",h="kolicon-sort-neutral";if(s&&t.sortDirection)switch(t.sortDirection){case"ASC":h="kolicon-sort-asc",c="ascending";break;case"DESC":h="kolicon-sort-desc",c="descending";break;default:c="none"}const d=a?"row":"number"==typeof t.colSpan&&t.colSpan>1?"colgroup":"col",u="number"==typeof t.sortOrder&&t.sortOrder>0?t.sortOrder:void 0,b=this.getSortAriaDescription(u);return e("th",{key:`${r}-${n}-${t.label}`,class:w("kol-table__cell kol-table__cell--header",t.textAlign&&`kol-table__cell--align-${t.textAlign}`,`kol-table__cell--${c}`),scope:d,colSpan:t.colSpan,rowSpan:t.rowSpan,style:void 0!==t.width?{width:`${t.width}px`}:void 0,"aria-sort":c,"data-sort":s&&t.sortDirection?`sort-${t.sortDirection}`:void 0},s&&t.sortDirection?e("span",{class:"kol-table__sort"},e(o,{class:"kol-table__sort-button",exportparts:"icon",_icons:{right:h},_label:t.label,_ariaDescription:b,_on:{onClick:e=>{var r;"function"==typeof(null===(r=this.state._on)||void 0===r?void 0:r.onSort)&&t.key&&t.sortDirection&&this.state._on.onSort(e,{key:t.key,currentSortDirection:t.sortDirection}),this.host&&A(this.host,O.sort,{key:t.key,currentSortDirection:t.sortDirection})}}}),u&&e("span",{"aria-hidden":"true",class:"kol-table__sort-order"},u)):t.label)}renderSpacer(t,r){var n,a;const o=(null===(n=this.state._headerCells.vertical)||void 0===n?void 0:n.length)||0,i=null===(a=null==r?void 0:r[0])||void 0===a?void 0:a.reduce((e,t)=>e+(t.colSpan||1),0),l=this.state._selection?1:0;return e("tr",{"aria-hidden":"true",class:w("kol-table__spacer",`kol-table__spacer--${t}`)},e("td",{class:w(`kol-table__spacer-line kol-table__spacer-line--${t}`),colSpan:o+i+l}))}renderFoot(){if(!this.state._dataFoot||0===this.state._dataFoot.length)return null;const t=this.createDataField(this.state._dataFoot,this.state._headerCells,!0);return e("tfoot",{class:"kol-table__footer"},[this.renderSpacer("foot",t),t.map((e,t)=>this.renderTableRow(e,t,!0,!0))])}render(){const t=this.createDataField(this.state._data,this.state._headerCells);this.checkboxRefs=[];const r=this.state._headerCells.horizontal;return e("div",{key:"c0d880b5feeae9b29c7defba7304530deb1f1064",class:"kol-table"},this.state._hasSettingsMenu&&e(c,{key:"b7fc12aeb7724aa55f956836f440dbeb44f98ca9",_horizontalHeaderCells:null!=r?r:[]}),e("div",{key:"a6ca943792cbc34770516274022f52c5fc06719f",ref:e=>this.tableDivElement=e,class:"kol-table__scroll-container",tabindex:this.tableDivElementHasScrollbar?"-1":void 0},e("table",{key:"657af42e176079dd1ab4c030f16cc08d534172a9",class:"kol-table__table",style:{minWidth:this.getTableMinWidth()}},e("caption",{key:"d55d0041c7ed04e26ccf55203f0f2a42f1652014",class:"kol-table__focus-element kol-table__caption",id:"caption",tabindex:this.tableDivElementHasScrollbar?"0":void 0},this.state._label),Array.isArray(r)&&e("thead",{key:"6c50df582996be2145568ea275007a3e87ba815e",class:"kol-table__head"},[r.map((t,r)=>e("tr",{class:"kol-table__head-row",key:`thead-${r}`},this.state._selection&&this.renderHeadingSelectionCell(),0===r&&this.renderHeaderTdCell(),Array.isArray(t)&&t.map((e,t)=>this.renderHeadingCell(e,r,t,!1)))),this.renderSpacer("head",r)]),e("tbody",{key:"482757151e3bdc7f026a2e924c0c9e1d6ea6714a",class:"kol-table__body"},t.map((e,t)=>this.renderTableRow(e,t,!0))),this.renderFoot())))}get host(){return r(this)}static get watchers(){return{_hasSettingsMenu:["validateHasSettingsMenu"],_data:["validateData"],_dataFoot:["validateDataFoot"],_headerCells:["validateHeaderCells"],_label:["validateLabel"],_on:["validateOn"],_selection:["validateSelection"]}}};export{fr as kol_table_stateless_wc};
+import{r as t,h as e,F as n,g as r}from"./index-CcNgPsBh.js";import{_ as i}from"./tslib.es6-CxX45GIN.js";import{c as o,e as a,d as s,a as l,w as c}from"./component-names-CqTpXVIM.js";import{t as u}from"./i18n-DvMeCREp.js";import{P as f,o as d,p as h,b as v,s as b}from"./common-BIkdAxr0.js";import{b as _,v as p,a as y,e as k,c as j}from"./table-selection-kWnbUSAj.js";import{v as m}from"./label-C18ud7Yt.js";import{C as g}from"./keyboard-DNd73LVa.js";import{c as w}from"./clsx-COFh-Vc8.js";import{n as S}from"./dev.utils-DKqMK7L3.js";import{d as A,K as O}from"./events-DHTi_wtD.js";import{i as $,c as D,r as C,a as x,f as M,b as F,S as H}from"./isObject-DvSELytj.js";import"./i18n-B0tfVPMa.js";const K=(e,t)=>{f(t,()=>{d(t,()=>{try{t=h(t)}catch(e){}v(e,"_headerCells",e=>{var t,r;return"object"==typeof e&&null!==e&&(void 0===e.horizontal||Array.isArray(e.horizontal)&&void 0===e.horizontal.find(e=>!Array.isArray(e)))&&(void 0===e.vertical||Array.isArray(e.vertical)&&void 0===e.vertical.find(e=>!Array.isArray(e)))&&[...null!==(t=e.horizontal)&&void 0!==t?t:[],...null!==(r=e.vertical)&&void 0!==r?r:[]].flat().every(e=>void 0===e.width||"number"==typeof e.width)&&!0},new Set(["TableHeaderCellsPropType"]),t)})})};var P="[object AsyncFunction]",E="[object Function]",R="[object GeneratorFunction]",W="[object Proxy]";function T(e){if(!$(e))return!1;var t=D(e);return t==E||t==R||t==P||t==W}var B=C["__core-js_shared__"],I=function(){var e=/[^.]+$/.exec(B&&B.keys&&B.keys.IE_PROTO||"");return e?"Symbol(src)_1."+e:""}();function L(e){return!!I&&I in e}var N=Function.prototype,V=N.toString;function z(e){if(null!=e){try{return V.call(e)}catch(e){}try{return e+""}catch(e){}}return""}var U=/[\\^$.*+?()[\]{}|]/g,q=/^\[object .+?Constructor\]$/,G=Function.prototype,X=Object.prototype,Y=G.toString,J=X.hasOwnProperty,Q=RegExp("^"+Y.call(J).replace(U,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$");function Z(e){return!(!$(e)||L(e))&&(T(e)?Q:q).test(z(e))}function tt(e,t){return null==e?void 0:e[t]}function et(e,t){var r=tt(e,t);return Z(r)?r:void 0}var nt=et(C,"WeakMap"),rt=9007199254740991,it=/^(?:0|[1-9]\d*)$/;function ot(e,t){var r=typeof e;return!!(t=null==t?rt:t)&&("number"==r||"symbol"!=r&&it.test(e))&&e>-1&&e%1==0&&e<t}function at(e,t){return e===t||e!=e&&t!=t}var st=9007199254740991;function lt(e){return"number"==typeof e&&e>-1&&e%1==0&&e<=st}function ct(e){return null!=e&&lt(e.length)&&!T(e)}var ut=Object.prototype;function ft(e){var t=e&&e.constructor;return e===("function"==typeof t&&t.prototype||ut)}function dt(e,t){for(var r=-1,n=Array(e);++r<e;)n[r]=t(r);return n}var ht="[object Arguments]";function vt(e){return x(e)&&D(e)==ht}var bt=Object.prototype,_t=bt.hasOwnProperty,pt=bt.propertyIsEnumerable,yt=vt(function(){return arguments}())?vt:function(e){return x(e)&&_t.call(e,"callee")&&!pt.call(e,"callee")};function kt(){return!1}var jt="object"==typeof exports&&exports&&!exports.nodeType&&exports,mt=jt&&"object"==typeof module&&module&&!module.nodeType&&module,gt=mt&&mt.exports===jt,wt=gt?C.Buffer:void 0,St=wt?wt.isBuffer:void 0,At=St||kt,Ot="[object Arguments]",$t="[object Array]",Dt="[object Boolean]",Ct="[object Date]",xt="[object Error]",Mt="[object Function]",Ft="[object Map]",Ht="[object Number]",Kt="[object Object]",Pt="[object RegExp]",Et="[object Set]",Rt="[object String]",Wt="[object WeakMap]",Tt="[object ArrayBuffer]",Bt="[object DataView]",It="[object Float32Array]",Lt="[object Float64Array]",Nt="[object Int8Array]",Vt="[object Int16Array]",zt="[object Int32Array]",Ut="[object Uint8Array]",qt="[object Uint8ClampedArray]",Gt="[object Uint16Array]",Xt="[object Uint32Array]",Yt={};function Jt(e){return x(e)&&lt(e.length)&&!!Yt[D(e)]}function Qt(e){return function(t){return e(t)}}Yt[It]=Yt[Lt]=Yt[Nt]=Yt[Vt]=Yt[zt]=Yt[Ut]=Yt[qt]=Yt[Gt]=Yt[Xt]=!0,Yt[Ot]=Yt[$t]=Yt[Tt]=Yt[Dt]=Yt[Bt]=Yt[Ct]=Yt[xt]=Yt[Mt]=Yt[Ft]=Yt[Ht]=Yt[Kt]=Yt[Pt]=Yt[Et]=Yt[Rt]=Yt[Wt]=!1;var Zt="object"==typeof exports&&exports&&!exports.nodeType&&exports,te=Zt&&"object"==typeof module&&module&&!module.nodeType&&module,ee=te&&te.exports===Zt,ne=ee&&M.process,re=function(){try{var e=te&&te.require&&te.require("util").types;return e||ne&&ne.binding&&ne.binding("util")}catch(e){}}(),ie=re&&re.isTypedArray,oe=ie?Qt(ie):Jt,ae=Object.prototype,se=ae.hasOwnProperty;function le(e,t){var r=F(e),n=!r&&yt(e),a=!r&&!n&&At(e),o=!r&&!n&&!a&&oe(e),i=r||n||a||o,l=i?dt(e.length,String):[],s=l.length;for(var c in e)!se.call(e,c)||i&&("length"==c||a&&("offset"==c||"parent"==c)||o&&("buffer"==c||"byteLength"==c||"byteOffset"==c)||ot(c,s))||l.push(c);return l}function ce(e,t){return function(r){return e(t(r))}}var ue=ce(Object.keys,Object),fe=Object.prototype,de=fe.hasOwnProperty;function he(e){if(!ft(e))return ue(e);var t=[];for(var r in Object(e))de.call(e,r)&&"constructor"!=r&&t.push(r);return t}function ve(e){return ct(e)?le(e):he(e)}var be=et(Object,"create");function _e(){this.__data__=be?be(null):{},this.size=0}function pe(e){var t=this.has(e)&&delete this.__data__[e];return this.size-=t?1:0,t}var ye="__lodash_hash_undefined__",ke=Object.prototype,je=ke.hasOwnProperty;function me(e){var t=this.__data__;if(be){var r=t[e];return r===ye?void 0:r}return je.call(t,e)?t[e]:void 0}var ge=Object.prototype,we=ge.hasOwnProperty;function Se(e){var t=this.__data__;return be?void 0!==t[e]:we.call(t,e)}var Ae="__lodash_hash_undefined__";function Oe(e,t){var r=this.__data__;return this.size+=this.has(e)?0:1,r[e]=be&&void 0===t?Ae:t,this}function $e(e){var t=-1,r=null==e?0:e.length;for(this.clear();++t<r;){var n=e[t];this.set(n[0],n[1])}}function De(){this.__data__=[],this.size=0}function Ce(e,t){for(var r=e.length;r--;)if(at(e[r][0],t))return r;return-1}$e.prototype.clear=_e,$e.prototype.delete=pe,$e.prototype.get=me,$e.prototype.has=Se,$e.prototype.set=Oe;var xe=Array.prototype,Me=xe.splice;function Fe(e){var t=this.__data__,r=Ce(t,e);return!(r<0)&&(r==t.length-1?t.pop():Me.call(t,r,1),--this.size,!0)}function He(e){var t=this.__data__,r=Ce(t,e);return r<0?void 0:t[r][1]}function Ke(e){return Ce(this.__data__,e)>-1}function Pe(e,t){var r=this.__data__,n=Ce(r,e);return n<0?(++this.size,r.push([e,t])):r[n][1]=t,this}function Ee(e){var t=-1,r=null==e?0:e.length;for(this.clear();++t<r;){var n=e[t];this.set(n[0],n[1])}}Ee.prototype.clear=De,Ee.prototype.delete=Fe,Ee.prototype.get=He,Ee.prototype.has=Ke,Ee.prototype.set=Pe;var Re=et(C,"Map");function We(){this.size=0,this.__data__={hash:new $e,map:new(Re||Ee),string:new $e}}function Te(e){var t=typeof e;return"string"==t||"number"==t||"symbol"==t||"boolean"==t?"__proto__"!==e:null===e}function Be(e,t){var r=e.__data__;return Te(t)?r["string"==typeof t?"string":"hash"]:r.map}function Ie(e){var t=Be(this,e).delete(e);return this.size-=t?1:0,t}function Le(e){return Be(this,e).get(e)}function Ne(e){return Be(this,e).has(e)}function Ve(e,t){var r=Be(this,e),n=r.size;return r.set(e,t),this.size+=r.size==n?0:1,this}function ze(e){var t=-1,r=null==e?0:e.length;for(this.clear();++t<r;){var n=e[t];this.set(n[0],n[1])}}function Ue(e,t){for(var r=-1,n=t.length,a=e.length;++r<n;)e[a+r]=t[r];return e}function qe(){this.__data__=new Ee,this.size=0}function Ge(e){var t=this.__data__,r=t.delete(e);return this.size=t.size,r}function Xe(e){return this.__data__.get(e)}function Ye(e){return this.__data__.has(e)}ze.prototype.clear=We,ze.prototype.delete=Ie,ze.prototype.get=Le,ze.prototype.has=Ne,ze.prototype.set=Ve;var Je=200;function Qe(e,t){var r=this.__data__;if(r instanceof Ee){var n=r.__data__;if(!Re||n.length<Je-1)return n.push([e,t]),this.size=++r.size,this;r=this.__data__=new ze(n)}return r.set(e,t),this.size=r.size,this}function Ze(e){var t=this.__data__=new Ee(e);this.size=t.size}function tn(e,t){for(var r=-1,n=null==e?0:e.length,a=0,o=[];++r<n;){var i=e[r];t(i,r,e)&&(o[a++]=i)}return o}function en(){return[]}Ze.prototype.clear=qe,Ze.prototype.delete=Ge,Ze.prototype.get=Xe,Ze.prototype.has=Ye,Ze.prototype.set=Qe;var nn=Object.prototype,rn=nn.propertyIsEnumerable,on=Object.getOwnPropertySymbols,an=on?function(e){return null==e?[]:(e=Object(e),tn(on(e),function(t){return rn.call(e,t)}))}:en;function sn(e,t,r){var n=t(e);return F(e)?n:Ue(n,r(e))}function ln(e){return sn(e,ve,an)}var cn=et(C,"DataView"),un=et(C,"Promise"),fn=et(C,"Set"),dn="[object Map]",hn="[object Object]",vn="[object Promise]",bn="[object Set]",_n="[object WeakMap]",pn="[object DataView]",yn=z(cn),kn=z(Re),jn=z(un),mn=z(fn),gn=z(nt),wn=D;(cn&&wn(new cn(new ArrayBuffer(1)))!=pn||Re&&wn(new Re)!=dn||un&&wn(un.resolve())!=vn||fn&&wn(new fn)!=bn||nt&&wn(new nt)!=_n)&&(wn=function(e){var t=D(e),r=t==hn?e.constructor:void 0,n=r?z(r):"";if(n)switch(n){case yn:return pn;case kn:return dn;case jn:return vn;case mn:return bn;case gn:return _n}return t});var Sn=C.Uint8Array,An="__lodash_hash_undefined__";function On(e){return this.__data__.set(e,An),this}function $n(e){return this.__data__.has(e)}function Dn(e){var t=-1,r=null==e?0:e.length;for(this.__data__=new ze;++t<r;)this.add(e[t])}function Cn(e,t){for(var r=-1,n=null==e?0:e.length;++r<n;)if(t(e[r],r,e))return!0;return!1}function xn(e,t){return e.has(t)}Dn.prototype.add=Dn.prototype.push=On,Dn.prototype.has=$n;var Mn=1,Fn=2;function Hn(e,t,r,n,a,o){var i=r&Mn,l=e.length,s=t.length;if(l!=s&&!(i&&s>l))return!1;var c=o.get(e),h=o.get(t);if(c&&h)return c==t&&h==e;var d=-1,u=!0,b=r&Fn?new Dn:void 0;for(o.set(e,t),o.set(t,e);++d<l;){var _=e[d],p=t[d];if(n)var f=i?n(p,_,d,t,e,o):n(_,p,d,e,t,o);if(void 0!==f){if(f)continue;u=!1;break}if(b){if(!Cn(t,function(e,t){if(!xn(b,t)&&(_===e||a(_,e,r,n,o)))return b.push(t)})){u=!1;break}}else if(_!==p&&!a(_,p,r,n,o)){u=!1;break}}return o.delete(e),o.delete(t),u}function Kn(e){var t=-1,r=Array(e.size);return e.forEach(function(e,n){r[++t]=[n,e]}),r}function Pn(e){var t=-1,r=Array(e.size);return e.forEach(function(e){r[++t]=e}),r}var En=1,Rn=2,Wn="[object Boolean]",Tn="[object Date]",Bn="[object Error]",In="[object Map]",Ln="[object Number]",Nn="[object RegExp]",Vn="[object Set]",zn="[object String]",Un="[object Symbol]",qn="[object ArrayBuffer]",Gn="[object DataView]",Xn=H?H.prototype:void 0,Yn=Xn?Xn.valueOf:void 0;function Jn(e,t,r,n,a,o,i){switch(r){case Gn:if(e.byteLength!=t.byteLength||e.byteOffset!=t.byteOffset)return!1;e=e.buffer,t=t.buffer;case qn:return!(e.byteLength!=t.byteLength||!o(new Sn(e),new Sn(t)));case Wn:case Tn:case Ln:return at(+e,+t);case Bn:return e.name==t.name&&e.message==t.message;case Nn:case zn:return e==t+"";case In:var l=Kn;case Vn:var s=n&En;if(l||(l=Pn),e.size!=t.size&&!s)return!1;var c=i.get(e);if(c)return c==t;n|=Rn,i.set(e,t);var h=Hn(l(e),l(t),n,a,o,i);return i.delete(e),h;case Un:if(Yn)return Yn.call(e)==Yn.call(t)}return!1}var Qn=1,Zn=Object.prototype,tr=Zn.hasOwnProperty;function er(e,t,r,n,a,o){var i=r&Qn,l=ln(e),s=l.length;if(s!=ln(t).length&&!i)return!1;for(var c=s;c--;){var h=l[c];if(!(i?h in t:tr.call(t,h)))return!1}var d=o.get(e),u=o.get(t);if(d&&u)return d==t&&u==e;var b=!0;o.set(e,t),o.set(t,e);for(var _=i;++c<s;){var p=e[h=l[c]],f=t[h];if(n)var v=i?n(f,p,h,t,e,o):n(p,f,h,e,t,o);if(!(void 0===v?p===f||a(p,f,r,n,o):v)){b=!1;break}_||(_="constructor"==h)}if(b&&!_){var y=e.constructor,g=t.constructor;y==g||!("constructor"in e)||!("constructor"in t)||"function"==typeof y&&y instanceof y&&"function"==typeof g&&g instanceof g||(b=!1)}return o.delete(e),o.delete(t),b}var nr=1,rr="[object Arguments]",ir="[object Array]",or="[object Object]",ar=Object.prototype,sr=ar.hasOwnProperty;function lr(e,t,r,n,a,o){var i=F(e),l=F(t),s=i?ir:wn(e),c=l?ir:wn(t),h=(s=s==rr?or:s)==or,d=(c=c==rr?or:c)==or,u=s==c;if(u&&At(e)){if(!At(t))return!1;i=!0,h=!1}if(u&&!h)return o||(o=new Ze),i||oe(e)?Hn(e,t,r,n,a,o):Jn(e,t,s,r,n,a,o);if(!(r&nr)){var b=h&&sr.call(e,"__wrapped__"),_=d&&sr.call(t,"__wrapped__");if(b||_){var p=b?e.value():e,f=_?t.value():t;return o||(o=new Ze),a(p,f,r,n,o)}}return!!u&&(o||(o=new Ze),er(e,t,r,n,a,o))}function cr(e,t,r,n,a){return e===t||(null==e||null==t||!x(e)&&!x(t)?e!=e&&t!=t:lr(e,t,r,n,cr,a))}function ur(e,t){return cr(e,t)}const fr=class{constructor(r){t(this,r),this.translateNoEntries=u("kol-no-entries"),this.state={_data:[],_headerCells:{horizontal:[],vertical:[]},_label:"",_hasSettingsMenu:!1},this.horizontal=!0,this.cellsToRenderTimeouts=new Map,this.dataToKeyMap=new Map,this.checkboxRefs=[],this.translateSort=u("kol-sort"),this.translateSortOrder=u("kol-table-sort-order"),this.tableDivElementHasScrollbar=!1,this.renderTableRow=(t,r,n,a=!1)=>{var o,i;let l=String(r);return this.horizontal&&(null===(o=t[0])||void 0===o?void 0:o.data)&&(l=null!==(i=this.getDataKey(t[0].data))&&void 0!==i?i:l),e("tr",{class:w("kol-table__row",{"kol-table__row--body":!a,"kol-table__row--footer":a}),key:`row-${l}`},this.renderSelectionCell(t,r),t.map((e,t)=>this.renderTableCell(e,r,t,n)))},this.renderTableCell=(t,r,n,a)=>{if(!1===t.visible)return"";let o=`${r}-${n}-${t.label}`;if(t.data){const e=this.getDataKey(t.data);o=e?`${e}-${this.horizontal?n:r}`:o}if(t.headerCell)return this.renderHeadingCell(t,r,n,a);{const r="function"!=typeof t.render&&t.label===this.translateNoEntries,a=this.getActionColumnHeader(n),i=Boolean(a&&t.data);return e("td",{key:`cell-${o}`,class:w("kol-table__cell kol-table__cell--body",t.textAlign&&`kol-table__cell--align-${t.textAlign}`,i&&"kol-table__cell--actions"),"aria-atomic":r?"false":void 0,"aria-live":r?"polite":void 0,"aria-relevant":r?"text":void 0,colSpan:t.colSpan,rowSpan:t.rowSpan,style:{textAlign:t.textAlign},ref:"function"==typeof t.render?e=>{this.cellRender(t,e)}:void 0},i&&a&&t.data?this.renderActionItems(a,t.data,o):"function"!=typeof t.render?t.label:"")}},this.renderActionItems=(t,r,n)=>{const l=t.actions(r);return e("div",{class:"kol-table__cell-actions"},l.map((t,r)=>{if("button"===t.type){const a=i(t,[]);return e(o,Object.assign({key:`action-${n}-${r}`},a,{_variant:a._variant}))}if("link"===t.type){const o=i(t,[]);return e(a,Object.assign({key:`action-${n}-${r}`},o))}return null}))}}validateHasSettingsMenu(e){_(this,e)}validateData(e){p(this,e,{beforePatch:e=>{this.updateDataToKeyMap(e)}})}validateDataFoot(e){y(this,e)}validateHeaderCells(e){K(this,e),ur(this.previousHeaderCells,this.state._headerCells)||this.initializeHeaderCellSettings(),this.previousHeaderCells=this.state._headerCells}validateLabel(e){m(this,e,{required:!0})}validateOn(e){k(this,e)}validateSelection(e){j(this,e)}handleKeyDown(e){var t;if("ArrowUp"===e.key||"ArrowDown"===e.key){const r=null===(t=this.tableDivElement)||void 0===t?void 0:t.querySelector(":focus");let n=this.checkboxRefs.indexOf(r);n>-1&&(e.preventDefault(),"ArrowDown"===e.key?(n=(n+1)%this.checkboxRefs.length,this.checkboxRefs[n].focus()):"ArrowUp"===e.key&&(e.preventDefault(),n=(n+this.checkboxRefs.length-1)%this.checkboxRefs.length,this.checkboxRefs[n].focus()))}}componentDidRender(){this.checkDivElementScrollbar()}componentDidLoad(){this.tableDivElement&&ResizeObserver&&(this.tableDivElementResizeObserver=new ResizeObserver(this.checkDivElementScrollbar.bind(this)),this.tableDivElementResizeObserver.observe(this.tableDivElement))}handleSettingsChange(e){var t;const r=Object.assign(Object.assign({},this.state._headerCells),{horizontal:e.detail});b(this,"_headerCells",r),"function"==typeof(null===(t=this.state._on)||void 0===t?void 0:t[g.onChangeHeaderCells])&&this.state._on[g.onChangeHeaderCells](e,r)}disconnectedCallback(){var e;null===(e=this.tableDivElementResizeObserver)||void 0===e||e.disconnect()}checkDivElementScrollbar(){this.tableDivElement&&(this.tableDivElementHasScrollbar=this.tableDivElement.scrollWidth>this.tableDivElement.clientWidth)}updateDataToKeyMap(e){e.forEach(e=>{this.dataToKeyMap.has(e)||this.dataToKeyMap.set(e,S())}),this.dataToKeyMap.forEach((t,r)=>{e.includes(r)||this.dataToKeyMap.delete(r)})}getDataKey(e){return this.dataToKeyMap.get(e)}getActionColumnHeader(e){const t=this.horizontal?this.state._headerCells.horizontal:this.state._headerCells.vertical;if(!t||0===t.length)return;const r=this.getPrimaryHeaders(this.state._headerCells)[e];return r&&"action"===r.type?r:void 0}cellRender(e,t){t&&(clearTimeout(this.cellsToRenderTimeouts.get(t)),this.cellsToRenderTimeouts.set(t,setTimeout(()=>{if("function"==typeof e.render){const r=e.render(t,e,e.data,this.state._data);"string"==typeof r&&(t.textContent=r)}})))}getNumberOfCols(e,t){let r=0;return e.forEach(e=>{let t=0;Array.isArray(e)&&e.forEach(e=>{var r;t+=null!==(r=e.colSpan)&&void 0!==r?r:1}),r<t&&(r=t)}),0===r&&(r=t.length),r}getNumberOfRows(e,t){var r;let n=0;return e.forEach(e=>{let t=0;Array.isArray(e)&&e.forEach(e=>{var r;t+=null!==(r=e.rowSpan)&&void 0!==r?r:1}),n<t&&(n=t)}),0===n?n=t.length:n-=(null===(r=this.state._dataFoot)||void 0===r?void 0:r.length)||0,n}getThePrimaryHeadersWithKeyOrRenderFunction(e){const t=[];return e.forEach(e=>{e.forEach(e=>{"string"!=typeof e.key&&"function"!=typeof e.render||t.push(e)})}),t}getPrimaryHeaders(e){var t,r;let n=this.getThePrimaryHeadersWithKeyOrRenderFunction(null!==(t=e.horizontal)&&void 0!==t?t:[]);return this.horizontal=!0,0===n.length&&(n=this.getThePrimaryHeadersWithKeyOrRenderFunction(null!==(r=e.vertical)&&void 0!==r?r:[]),n.length>0&&(this.horizontal=!1)),n}createDataField(e,t,r){var n;t.horizontal=Array.isArray(null==t?void 0:t.horizontal)?t.horizontal:[],t.vertical=Array.isArray(null==t?void 0:t.vertical)?t.vertical:[];const a=this.getPrimaryHeaders(t),o=this.getNumberOfCols(t.horizontal,e);let i=this.getNumberOfRows(t.vertical,e),l=0;r&&(l=i,i+=(null===(n=this.state._dataFoot)||void 0===n?void 0:n.length)||0);const s=[],c=[],h=[];t.vertical.forEach((e,t)=>{c[t]=0,h[t]=[]});const d=a;for(let n=l;n<i;n++){const a=[];t.vertical.forEach((e,t)=>{let r=0;if(h[t].forEach(e=>r+=e),r<=n){const o=e[n-r+c[t]];if("object"==typeof o){a.push(Object.assign(Object.assign({},o),{headerCell:!0,data:{}}));let e=1;if("number"==typeof o.rowSpan&&o.rowSpan>1&&(e=o.rowSpan),h[t].push(e),"number"==typeof o.colSpan&&o.colSpan>1)for(let r=1;r<o.colSpan;r++)h[t+r].push(e);c[t]++}}});for(let t=0;t<o;t++)if(!0===this.horizontal){const o=r&&this.state._dataFoot?this.state._dataFoot[n-l]:e[n];if("object"==typeof d[t]&&null!==d[t]&&"object"==typeof o&&null!==o&&("string"==typeof d[t].key||"function"==typeof d[t].render)){const e=o[d[t].key];a.push(Object.assign(Object.assign({},d[t]),{colSpan:void 0,rowSpan:void 0,data:o,label:e}))}}else if("object"==typeof d[n]&&null!==d[n]&&"object"==typeof e[t]&&null!==e[t]&&("string"==typeof d[n].key||"function"==typeof d[n].render)){const r=d[n].key,o=e[t][r];a.push(Object.assign(Object.assign({},d[n]),{colSpan:void 0,rowSpan:void 0,data:e[t],label:o}))}s.push(a)}if(0===e.length){let e=0,r=0;Array.isArray(t.horizontal)&&t.horizontal.length>0&&t.horizontal[0].forEach(t=>{e+=t.colSpan||1}),Array.isArray(t.vertical)&&t.vertical.length>0&&(e-=t.vertical.length,t.vertical[0].forEach(e=>{r+=e.rowSpan||1}));const n={colSpan:e,label:this.translateNoEntries,render:void 0,rowSpan:Math.max(r,1)};0===s.length?s.push([n]):s[0].push(n)}return s}handleSelectionChangeCallbackAndEvent(e,t){var r;"function"==typeof(null===(r=this.state._on)||void 0===r?void 0:r[g.onSelectionChange])&&this.state._on[g.onSelectionChange](e,t),this.host&&A(this.host,O.selectionChange,t)}initializeHeaderCellSettings(){if(this.state._headerCells&&this.state._headerCells.horizontal&&this.state._headerCells.horizontal.length>0){const e=Object.assign(Object.assign({},this.state._headerCells),{horizontal:this.state._headerCells.horizontal.map(e=>e.map(e=>Object.assign(Object.assign({},e),{visible:"boolean"!=typeof e.visible||e.visible,hidable:"boolean"!=typeof e.hidable||e.hidable})))});b(this,"_headerCells",e)}}componentWillLoad(){this.validateData(this._data),this.validateDataFoot(this._dataFoot),this.validateHeaderCells(this._headerCells),this.validateLabel(this._label),this.validateOn(this._on),this.validateSelection(this._selection),this.validateHasSettingsMenu(this._hasSettingsMenu)}renderSelectionCell(t,r){var n;const a=this.state._selection;if(!a)return"";const o=this.getSelectionKeyPropertyName(),i=null===(n=t[0])||void 0===n?void 0:n.data;if(!i)return"";const c=i[o],h=a.multiple||void 0===a.multiple,d=(()=>{const e=null==a?void 0:a.selectedKeys;return(void 0===e?[]:Array.isArray(e)?e:[e]).some(e=>String(e)===String(c))})(),u=(()=>{const e=null==a?void 0:a.disabledKeys;return(void 0===e?[]:Array.isArray(e)?e:[e]).some(e=>String(e)===String(c))})(),b=a.label(i),_={name:"selection",checked:d,disabled:u,id:String(c),"aria-label":b};return e("td",{key:`tbody-${r}-selection`,class:"kol-table__cell kol-table__cell--selection"},e("div",{class:w("kol-table__selection",{"kol-table__selection--checked":d})},h?e("label",{class:w("kol-table__selection-label",{"kol-table__selection-label--disabled":u})},e(s,{class:"kol-table__selection-icon",_icons:"kolicon "+(d?"kolicon-check":""),_label:""}),e("input",Object.assign({class:w("kol-table__selection-input kol-table__selection-input--checkbox"),ref:e=>e&&this.checkboxRefs.push(e)},_,{type:"checkbox",onInput:e=>{const t=(()=>{const e=null==a?void 0:a.selectedKeys;return void 0===e?[]:Array.isArray(e)?e:[e]})(),r=d?t.filter(e=>String(e)!==String(c)):[...t,c];this.handleSelectionChangeCallbackAndEvent(e,null!=r?r:[])}}))):e("label",{class:"kol-table__selection-label"},e("input",Object.assign({class:w("kol-table__selection-input kol-table__selection-input--radio")},_,{type:"radio",onInput:e=>{this.handleSelectionChangeCallbackAndEvent(e,[c])}}))),e(l,{"aria-hidden":"true",class:"kol-table__selection-input-tooltip",_align:"right",_id:`${c}-label`,_label:b})))}getSelectionKeyPropertyName(){var e,t;return null!==(t=null===(e=this.state._selection)||void 0===e?void 0:e.keyPropertyName)&&void 0!==t?t:"id"}getDataWithSelectionEnabled(){const e=this.getSelectionKeyPropertyName();return this.state._data.filter(t=>{var r;const n=null===(r=this.state._selection)||void 0===r?void 0:r.disabledKeys;return!(void 0===n?[]:Array.isArray(n)?n:[n]).some(r=>String(r)===String(t[e]))})}getSelectedKeysWithoutDisabledKeys(){const e=(()=>{var e;const t=null===(e=this.state._selection)||void 0===e?void 0:e.selectedKeys;return void 0===t?[]:Array.isArray(t)?t:[t]})(),t=(()=>{var e;const t=null===(e=this.state._selection)||void 0===e?void 0:e.disabledKeys;return void 0===t?[]:Array.isArray(t)?t:[t]})();return e.filter(e=>!t.some(t=>String(t)===String(e)))}getSelectedKeysWithDisabledKeysOnly(){const e=(()=>{var e;const t=null===(e=this.state._selection)||void 0===e?void 0:e.selectedKeys;return void 0===t?[]:Array.isArray(t)?t:[t]})(),t=(()=>{var e;const t=null===(e=this.state._selection)||void 0===e?void 0:e.disabledKeys;return void 0===t?[]:Array.isArray(t)?t:[t]})();return e.filter(e=>t.some(t=>String(t)===String(e)))}getRevertedSelection(e){var t;const r=this.getSelectionKeyPropertyName(),n=null!==(t=this.getSelectedKeysWithDisabledKeysOnly())&&void 0!==t?t:[];return e&&n.push(...this.getDataWithSelectionEnabled().map(e=>null==e?void 0:e[r])),n}getTableMinWidth(){var e,t;const r=null!==(e=this.state._headerCells.horizontal)&&void 0!==e?e:[],n=[];r.forEach(e=>{e.forEach(e=>{!1!==e.visible&&void 0!==e.width&&e.width>0&&n.push(e.width)})});const a=null!==(t=this.state._headerCells.vertical)&&void 0!==t?t:[],o=[];a.forEach(e=>{e.forEach(e=>{void 0!==e.width&&e.width>0&&o.push(e.width)})});const i=[...o,...n];return 0===i.length?"0px":1===i.length?`${i[0]}px`:`calc(${i.map(e=>`${e}px`).join(" + ")})`}renderHeadingSelectionCell(){var t,r;const n=this.state._selection;if(!n)return e("td",{class:"kol-table__cell kol-table__cell--header",key:"thead-0"});if(!1===n.multiple)return e("td",{key:"thead-0-selection",class:"kol-table__cell kol-table__cell--header kol-table__cell--selection"});const a=null!==(r=null===(t=this.getSelectedKeysWithoutDisabledKeys())||void 0===t?void 0:t.length)&&void 0!==r?r:0,o=a===this.getDataWithSelectionEnabled().length,i=0!==a&&!o;let c="kol-table-selection-indeterminate";o&&!i&&(c="kol-table-selection-none"),0===a&&(c="kol-table-selection-all");const h=u(c);return e("th",{key:"thead-0-selection",class:"kol-table__cell kol-table__cell--header kol-table__cell--selection"},e("div",{class:w("kol-table__selection",{"kol-table__selection--indeterminate":i,"kol-table__selection--checked":o})},e("label",{class:"kol-table__selection-label"},e(s,{class:"kol-table__selection-icon",_icons:"kolicon "+(i?"kolicon-minus":o?"kolicon-check":""),_label:""}),e("input",{class:w("kol-table__selection-input kol-table__selection-input--checkbox"),"data-testid":"selection-checkbox-all",ref:e=>e&&this.checkboxRefs.push(e),name:"selection",checked:o&&!i,indeterminate:i,"aria-label":h,type:"checkbox",onInput:e=>{this.handleSelectionChangeCallbackAndEvent(e,this.getRevertedSelection(!o))}})),e(l,{"aria-hidden":"true",class:"kol-table__selection-input-tooltip",_align:"right",_id:`${c}-label`,_label:h})))}renderHeaderTdCell(){const t=this.state._headerCells.horizontal,r=this.state._headerCells.vertical;if(!Array.isArray(t)||0===t.length||!Array.isArray(r)||0===r.length)return e(n,null);const a=r.reduce((e,t)=>{var r;const n=null==t?void 0:t[0];return e+(null!==(r=null==n?void 0:n.width)&&void 0!==r?r:0)},0);return e("td",{"aria-hidden":"true",colSpan:r.length,rowSpan:t.length,style:a>0?{width:`${a}px`}:void 0})}formatSortOrderDescription(e){return this.translateSortOrder.replace("{{order}}",`${e}`)}getSortAriaDescription(e){return"number"==typeof e&&e>0?`${this.translateSort} – ${this.formatSortOrderDescription(e)}`:this.translateSort}renderHeadingCell(t,r,n,a){if(!1===t.visible)return"";const i=!1!==(null==t?void 0:t.sortable),l="string"==typeof t.sortDirection,s=i&&l;let c="none",h="kolicon-sort-neutral";if(s&&t.sortDirection)switch(t.sortDirection){case"ASC":h="kolicon-sort-asc",c="ascending";break;case"DESC":h="kolicon-sort-desc",c="descending";break;default:c="none"}const d=a?"row":"number"==typeof t.colSpan&&t.colSpan>1?"colgroup":"col",u="number"==typeof t.sortOrder&&t.sortOrder>0?t.sortOrder:void 0,b=this.getSortAriaDescription(u);return e("th",{key:`${r}-${n}-${t.label}`,class:w("kol-table__cell kol-table__cell--header",t.textAlign&&`kol-table__cell--align-${t.textAlign}`,`kol-table__cell--${c}`),scope:d,colSpan:t.colSpan,rowSpan:t.rowSpan,style:void 0!==t.width?{width:`${t.width}px`}:void 0,"aria-sort":c,"data-sort":s&&t.sortDirection?`sort-${t.sortDirection}`:void 0},s&&t.sortDirection?e("span",{class:"kol-table__sort"},e(o,{class:"kol-table__sort-button",exportparts:"icon",_icons:{right:h},_label:t.label,_ariaDescription:b,_on:{onClick:e=>{var r;"function"==typeof(null===(r=this.state._on)||void 0===r?void 0:r.onSort)&&t.key&&t.sortDirection&&this.state._on.onSort(e,{key:t.key,currentSortDirection:t.sortDirection}),this.host&&A(this.host,O.sort,{key:t.key,currentSortDirection:t.sortDirection})}}}),u&&e("span",{"aria-hidden":"true",class:"kol-table__sort-order"},u)):t.label)}renderSpacer(t,r){var n,a;const o=(null===(n=this.state._headerCells.vertical)||void 0===n?void 0:n.length)||0,i=null===(a=null==r?void 0:r[0])||void 0===a?void 0:a.reduce((e,t)=>e+(t.colSpan||1),0),l=this.state._selection?1:0;return e("tr",{"aria-hidden":"true",class:w("kol-table__spacer",`kol-table__spacer--${t}`)},e("td",{class:w(`kol-table__spacer-line kol-table__spacer-line--${t}`),colSpan:o+i+l}))}renderFoot(){if(!this.state._dataFoot||0===this.state._dataFoot.length)return null;const t=this.createDataField(this.state._dataFoot,this.state._headerCells,!0);return e("tfoot",{class:"kol-table__footer"},[this.renderSpacer("foot",t),t.map((e,t)=>this.renderTableRow(e,t,!0,!0))])}render(){const t=this.createDataField(this.state._data,this.state._headerCells);this.checkboxRefs=[];const r=this.state._headerCells.horizontal;return e("div",{key:"2426b838c4e5d373231c0b7d8248b33b3190fce4",class:"kol-table"},this.state._hasSettingsMenu&&e(c,{key:"b967b09672a41cbac225115d85bd7df3a26c747a",_horizontalHeaderCells:null!=r?r:[]}),e("div",{key:"80058544c29bec221fa72701cec3534ae298f519",ref:e=>this.tableDivElement=e,class:"kol-table__scroll-container",tabindex:this.tableDivElementHasScrollbar?"-1":void 0},e("table",{key:"dca5672b8ef6e439d60ea4c5206917c2bd8da036",class:"kol-table__table",style:{minWidth:this.getTableMinWidth()}},e("caption",{key:"cc730fb3e4c5951b1d0c04b73901b1e1ba4f0181",class:"kol-table__focus-element kol-table__caption",id:"caption",tabindex:this.tableDivElementHasScrollbar?"0":void 0},this.state._label),Array.isArray(r)&&e("thead",{key:"ddab33602df5dcc0d266128a06907b0c5fe81769",class:"kol-table__head"},[r.map((t,r)=>e("tr",{class:"kol-table__head-row",key:`thead-${r}`},this.state._selection&&this.renderHeadingSelectionCell(),0===r&&this.renderHeaderTdCell(),Array.isArray(t)&&t.map((e,t)=>this.renderHeadingCell(e,r,t,!1)))),this.renderSpacer("head",r)]),e("tbody",{key:"59d6cee5b36e8addebb2fd765cb6aa3f8408cfc2",class:"kol-table__body"},t.map((e,t)=>this.renderTableRow(e,t,!0))),this.renderFoot())))}get host(){return r(this)}static get watchers(){return{_hasSettingsMenu:["validateHasSettingsMenu"],_data:["validateData"],_dataFoot:["validateDataFoot"],_headerCells:["validateHeaderCells"],_label:["validateLabel"],_on:["validateOn"],_selection:["validateSelection"]}}};export{fr as kol_table_stateless_wc};

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

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{r as n,h as e}from"./index-DaPYvxfp.js";import{o as t}from"./component-names-B_kYyA8u.js";import"./common-B-m-0Sa1.js";const o='@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@layer kol-component {\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 :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  :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__button {\n    display: inline-block;\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-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    margin-top: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n    overflow: auto;\n  }\n  .kol-table-settings__columns {\n    display: grid;\n    gap: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\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-table {\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    padding-right: 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    gap: 0.25rem;\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    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 :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 :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    margin-left: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\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-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-label--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}',i=class{constructor(e){n(this,e)}render(){return e(t,{key:"4f2c23853dd8f38baeb961bf35cc5f651cd45605",_data:this._data,_dataFoot:this._dataFoot,_headerCells:this._headerCells,_label:this._label,_on:this._on,_selection:this._selection,_hasSettingsMenu:this._hasSettingsMenu})}};i.style={default:o};export{i as kol_table_stateless};
+import{r as n,h as e}from"./index-CcNgPsBh.js";import{n as t}from"./component-names-CqTpXVIM.js";import"./common-BIkdAxr0.js";const o='@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@layer kol-component {\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 :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  :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__button {\n    display: inline-block;\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-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    margin-top: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n    overflow: auto;\n  }\n  .kol-table-settings__columns {\n    display: grid;\n    gap: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\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-table {\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    padding-right: 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    gap: 0.25rem;\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    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 :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 :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    margin-left: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\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-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-label--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}',i=class{constructor(e){n(this,e)}render(){return e(t,{key:"804f4c5a9759f8df05272b7c099459411448c59e",_data:this._data,_dataFoot:this._dataFoot,_headerCells:this._headerCells,_label:this._label,_on:this._on,_selection:this._selection,_hasSettingsMenu:this._hasSettingsMenu})}};i.style={default:o};export{i as kol_table_stateless};

package/dist/kolibri/kol-tabs.entry.js

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{r as t,h as n,g as e}from"./index-DaPYvxfp.js";import{w as i,d as o,j as a,s,M as l,G as r,H as d,P as h}from"./common-B-m-0Sa1.js";import{v as c}from"./align-DUInjtnX.js";import{v as u}from"./label-BqL4x8lJ.js";import{d as f}from"./component-names-B_kYyA8u.js";import{t as p}from"./i18n-0_cE4ov3.js";import{K as b}from"./keyboard-DNd73LVa.js";import{c as m}from"./clsx-COFh-Vc8.js";import{d as g,K as y}from"./events-DHTi_wtD.js";import"./i18n-B0tfVPMa.js";const v=["select-automatic","select-manual"],k=(t,e)=>{i(t,"_behavior",t=>"string"==typeof t&&v.includes(t),new Set([`KoliBriTabBehavior {${v.join(", ")}`]),e)},_=(t,e)=>{o(t,"_hasCreateButton",e)},w="/* forward the rem function */\n/*\n* This file defines the layer order for all CSS layers used in KoliBri.\n* The order is important as it determines the cascade priority.\n*\n* Layer order (lowest to highest priority):\n* 1. kol-a11y - Accessibility defaults and requirements\n* 2. kol-global - Global component styles and resets\n* 3. kol-component - Component-specific styles\n* 4. kol-theme-global - Theme-specific global styles\n* 5. kol-theme-component - Theme-specific component styles\n*/\n@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;\n/*\n * This file contains all rules for accessibility.\n */\n@layer kol-a11y {\n  :host {\n    /*\n                   * Minimum size of interactive elements.\n                   */\n    --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@layer kol-component {\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-tabs {\n    display: var(--display);\n    grid-template-columns: var(--grid-template-columns);\n    grid-template-rows: var(--grid-template-rows);\n  }\n  .kol-tabs--align-right {\n    --display: grid;\n    --grid-template-columns: 1fr auto;\n    --button-group-flex-direction: column;\n    --button-group-order: 2;\n  }\n  .kol-tabs--align-left {\n    --display: grid;\n    --grid-template-columns: auto 1fr;\n    --button-group-flex-direction: column;\n    --button-group-order: 0;\n  }\n  .kol-tabs--align-bottom {\n    --display: grid;\n    --grid-template-rows: 1fr auto;\n    --button-group-order: 2;\n  }\n  .kol-tabs__tabs-align-top {\n    --display: grid;\n    --grid-template-rows: auto 1fr;\n    --button-group-order: 0;\n  }\n  .kol-tabs__button-group {\n    display: flex;\n    order: var(--button-group-order);\n    flex-direction: var(--button-group-flex-direction);\n    flex-wrap: wrap;\n  }\n  .kol-tabs__button-group .kol-button {\n    border-bottom-color: transparent;\n    display: block;\n    border-bottom-style: solid;\n  }\n  .kol-tabs__panel {\n    height: 100%;\n  }\n}",x=class{constructor(e){t(this,e),this.onCreateLabel=`${p("kol-new")} …`,this.nextPossibleTabIndex=(t,e,n=1)=>{const o=e+n;return o<t.length?t[o]._disabled?this.nextPossibleTabIndex(t,e,n+1):o:e},this.prevPossibleTabIndex=(t,e,n=1)=>{const o=e-n;return o>=0?t[o]._disabled?this.prevPossibleTabIndex(t,e,n+1):o:e},this.onKeyDown=t=>{switch(t.key){case b.ArrowRight:this.goToNextTab(t);break;case b.ArrowLeft:this.goToPreviousTab(t);break;case b.Space:case b.Enter:this.activateFocusedTab(t)}},this.onClickSelect=(t,e)=>{this.selectNextTabEvent(t,e)},this.onMouseDown=t=>{t.preventDefault()},this.callbacks={onClick:this.onClickSelect,onMouseDown:this.onMouseDown},this.catchTabPanelHost=t=>{this.tabPanelHost=t},this._align="top",this._hasCreateButton=!1,this._selected=0,this.state={_align:"top",_label:"",_selected:0,_tabs:[]},this.selectNextNotDisabledTab=(t,e,n=!0,o)=>{if(t>e.length-1&&(t=e.length-1),t<0&&(t=0),Array.isArray(e)&&e[t]&&e[t]._disabled){if(!0===n){if(t<e.length-1)return this.selectNextNotDisabledTab(t+1,e,!0,o||t);t=o||t,n=!1}if(!1===n){if(t>0)return this.selectNextNotDisabledTab(t-1,e,!1,o||t);a("[KolTabs] All tabs are disabled, and therefore no tab can be displayed.")}}return t},this.syncSelectedAndTabs=(t,e,n,o)=>{let i,a;i="_selected"===o?t:this.state._selected,a="_tabs"===o?t:this.state._tabs,a.length>0&&e.set("_selected",this.selectNextNotDisabledTab(i,a))},this.refreshTabPanels=()=>{var t,e,n,o;if(this.tabPanelHost){for(;this.tabPanelHost.firstChild;)this.tabPanelHost.removeChild(this.tabPanelHost.firstChild);for(let i=0;i<(null===(t=this.state._tabs)||void 0===t?void 0:t.length);i++){const t=document.createElement("div");t.setAttribute("aria-labelledby",`${this.state._label.replace(/\s/g,"-")}-tab-${i}`),t.setAttribute("id",`tabpanel-${i}`),t.setAttribute("role","tabpanel"),t.setAttribute("hidden",""),t.setAttribute("tabindex","0");const a=document.createElement("slot");a.setAttribute("name",`tabpanel-slot-${i}`),t.appendChild(a),null===(e=this.tabPanelHost)||void 0===e||e.appendChild(t),"undefined"!=typeof HTMLCollection&&(null===(n=this.host)||void 0===n?void 0:n.children)instanceof HTMLCollection&&(null===(o=this.host)||void 0===o?void 0:o.children[i])&&this.host.children[i].setAttribute("slot",`tabpanel-slot-${i}`)}this.updateVisiblePanel()}},this.updateVisiblePanel=()=>{this.tabPanelHost&&Array.from(this.tabPanelHost.children).forEach((t,e)=>{e===this.state._selected?t.removeAttribute("hidden"):t.setAttribute("hidden","")})},this.onCreate=t=>{var e,n;t.preventDefault(),null===(n=null===(e=this.state._on)||void 0===e?void 0:e.onCreate)||void 0===n||n.call(e,t),this.host&&g(this.host,y.create)},this.onBlur=()=>{this.currentFocusIndex=void 0}}getCurrentFocusIndex(){return"number"==typeof this.currentFocusIndex?this.currentFocusIndex:this.state._selected}getKeyboardTabChangeMode(){return"select-manual"===this._behavior?"selectFocusOnly":"activateCompletely"}goToNextTab(t){const e=this.nextPossibleTabIndex(this.state._tabs,this.getCurrentFocusIndex());this.selectNextTabEvent(t,e,this.getKeyboardTabChangeMode())}goToPreviousTab(t){const e=this.prevPossibleTabIndex(this.state._tabs,this.getCurrentFocusIndex());this.selectNextTabEvent(t,e,this.getKeyboardTabChangeMode())}activateFocusedTab(t){"number"==typeof this.currentFocusIndex&&this.onSelect(t,this.currentFocusIndex)}selectNextTabEvent(t,e,n="activateCompletely"){var o,i;if(this.currentFocusIndex=e,this.focusTabById(e),"activateCompletely"===n){this._selected=e;null===(i=null===(o=this.state._tabs[e]._on)||void 0===o?void 0:o.onSelect)||void 0===i||i.call(o,t,e),this.onSelect(t,e)}}renderButtonGroup(){return n("div",{"aria-label":this.state._label,class:"kol-tabs__button-group",role:"tablist",onKeyDown:this.onKeyDown,onBlur:this.onBlur},this.state._tabs.map((t,e)=>n(f,{_disabled:t._disabled,_icons:t._icons,_hideLabel:t._hideLabel,_label:t._label,_on:this.callbacks,_tabIndex:this.state._selected===e?0:-1,_tooltipAlign:t._tooltipAlign,_variant:this.state._selected===e?"custom":void 0,_customClass:this.state._selected===e?"selected":void 0,_ariaControls:`tabpanel-${e}`,_ariaSelected:this.state._selected===e,_id:`${this.state._label.replace(/\s/g,"-")}-tab-${e}`,_role:"tab",_value:e})),this.state._hasCreateButton&&n(f,{class:"kol-tabs__button-create",_label:this.onCreateLabel,_on:{onClick:this.onCreate},_icons:"kolicon-plus","data-testid":"tabs-create-button"}))}render(){return n("div",{key:"1ed884fdc131ed8ae0c84f09a360525ebb8d5541",ref:t=>{this.tabPanelsElement=t},class:m("kol-tabs",`kol-tabs--align-${this.state._align}`)},this.renderButtonGroup(),n("div",{key:"5f05e3de34277f36d6ddbf32811e72e9e6f9e15e",class:"kol-tabs__content",ref:this.catchTabPanelHost}))}validateAlign(t){c(this,t)}validateBehavior(t){k(this,t)}validateHasCreateButton(t){_(this,t)}validateLabel(t){u(this,t,{required:!0})}validateOn(t){if("object"==typeof t&&null!==t){const e={};"function"==typeof t.onCreate&&(e.onCreate=t.onCreate),"function"==typeof t.onSelect&&(e.onSelect=t.onSelect),s(this,"_on",e)}}validateSelected(t){l(this,"_selected",t,{hooks:{beforePatch:this.syncSelectedAndTabs}})}validateTabs(t){r(this,"_tabs",t=>"object"==typeof t&&null!==t&&"string"==typeof t._label&&t._label.length>0,t,void 0,{hooks:{beforePatch:this.syncSelectedAndTabs,afterPatch:this.refreshTabPanels}}),d("KolTabs",this.state._tabs.length)}componentWillLoad(){this.validateAlign(this._align),this.validateLabel(this._label),this.validateOn(this._on),this.validateSelected(this._selected),this.validateTabs(this._tabs),this.validateBehavior(this._behavior),this.validateHasCreateButton(this._hasCreateButton)}componentDidRender(){this.refreshTabPanels()}focusTabById(t){if(this.tabPanelsElement){const e=h(`button#${this.state._label.replace(/\s/g,"-")}-tab-${t}`,this.tabPanelsElement);null==e||e.focus()}}onSelect(t,e){var n,o;null===(o=null===(n=this._on)||void 0===n?void 0:n.onSelect)||void 0===o||o.call(n,t,e),this.host&&g(this.host,y.select,e),this.focusTabById(e)}get host(){return e(this)}static get watchers(){return{_align:["validateAlign"],_behavior:["validateBehavior"],_hasCreateButton:["validateHasCreateButton"],_label:["validateLabel"],_on:["validateOn"],_selected:["validateSelected"],_tabs:["validateTabs"]}}};x.style={default:w};export{x as kol_tabs};
+import{r as t,h as n,g as e}from"./index-CcNgPsBh.js";import{b as i,e as o,k as s,s as a,N as l,G as r,H as d,Q as h}from"./common-BIkdAxr0.js";import{v as c}from"./align-DDUsWnWP.js";import{v as u}from"./label-C18ud7Yt.js";import{c as p}from"./component-names-CqTpXVIM.js";import{t as f}from"./i18n-DvMeCREp.js";import{K as b}from"./keyboard-DNd73LVa.js";import{c as m}from"./clsx-COFh-Vc8.js";import{d as g,K as y}from"./events-DHTi_wtD.js";import"./i18n-B0tfVPMa.js";const v=["select-automatic","select-manual"],k=(t,e)=>{i(t,"_behavior",t=>"string"==typeof t&&v.includes(t),new Set([`KoliBriTabBehavior {${v.join(", ")}`]),e)},_=(t,e)=>{o(t,"_hasCreateButton",e)},w="/* forward the rem function */\n/*\n* This file defines the layer order for all CSS layers used in KoliBri.\n* The order is important as it determines the cascade priority.\n*\n* Layer order (lowest to highest priority):\n* 1. kol-a11y - Accessibility defaults and requirements\n* 2. kol-global - Global component styles and resets\n* 3. kol-component - Component-specific styles\n* 4. kol-theme-global - Theme-specific global styles\n* 5. kol-theme-component - Theme-specific component styles\n*/\n@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;\n/*\n * This file contains all rules for accessibility.\n */\n@layer kol-a11y {\n  :host {\n    /*\n                   * Minimum size of interactive elements.\n                   */\n    --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@layer kol-component {\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-tabs {\n    display: var(--display);\n    grid-template-columns: var(--grid-template-columns);\n    grid-template-rows: var(--grid-template-rows);\n  }\n  .kol-tabs--align-right {\n    --display: grid;\n    --grid-template-columns: 1fr auto;\n    --button-group-flex-direction: column;\n    --button-group-order: 2;\n  }\n  .kol-tabs--align-left {\n    --display: grid;\n    --grid-template-columns: auto 1fr;\n    --button-group-flex-direction: column;\n    --button-group-order: 0;\n  }\n  .kol-tabs--align-bottom {\n    --display: grid;\n    --grid-template-rows: 1fr auto;\n    --button-group-order: 2;\n  }\n  .kol-tabs__tabs-align-top {\n    --display: grid;\n    --grid-template-rows: auto 1fr;\n    --button-group-order: 0;\n  }\n  .kol-tabs__button-group {\n    display: flex;\n    order: var(--button-group-order);\n    flex-direction: var(--button-group-flex-direction);\n    flex-wrap: wrap;\n  }\n  .kol-tabs__button-group .kol-button {\n    border-bottom-color: transparent;\n    display: block;\n    border-bottom-style: solid;\n  }\n  .kol-tabs__panel {\n    height: 100%;\n  }\n}",x=class{constructor(e){t(this,e),this.onCreateLabel=`${f("kol-new")} …`,this.nextPossibleTabIndex=(t,e,n=1)=>{const o=e+n;return o<t.length?t[o]._disabled?this.nextPossibleTabIndex(t,e,n+1):o:e},this.prevPossibleTabIndex=(t,e,n=1)=>{const o=e-n;return o>=0?t[o]._disabled?this.prevPossibleTabIndex(t,e,n+1):o:e},this.onKeyDown=t=>{switch(t.key){case b.ArrowRight:this.goToNextTab(t);break;case b.ArrowLeft:this.goToPreviousTab(t);break;case b.Space:case b.Enter:this.activateFocusedTab(t)}},this.onClickSelect=(t,e)=>{this.selectNextTabEvent(t,e)},this.onMouseDown=t=>{t.preventDefault()},this.callbacks={onClick:this.onClickSelect,onMouseDown:this.onMouseDown},this.catchTabPanelHost=t=>{this.tabPanelHost=t},this._align="top",this._hasCreateButton=!1,this._selected=0,this.state={_align:"top",_label:"",_selected:0,_tabs:[]},this.selectNextNotDisabledTab=(t,e,n=!0,o)=>{if(t>e.length-1&&(t=e.length-1),t<0&&(t=0),Array.isArray(e)&&e[t]&&e[t]._disabled){if(!0===n){if(t<e.length-1)return this.selectNextNotDisabledTab(t+1,e,!0,o||t);t=o||t,n=!1}if(!1===n){if(t>0)return this.selectNextNotDisabledTab(t-1,e,!1,o||t);s("[KolTabs] All tabs are disabled, and therefore no tab can be displayed.")}}return t},this.syncSelectedAndTabs=(t,e,n,o)=>{let i,a;i="_selected"===o?t:this.state._selected,a="_tabs"===o?t:this.state._tabs,a.length>0&&e.set("_selected",this.selectNextNotDisabledTab(i,a))},this.refreshTabPanels=()=>{var t,e,n,o;if(this.tabPanelHost){for(;this.tabPanelHost.firstChild;)this.tabPanelHost.removeChild(this.tabPanelHost.firstChild);for(let i=0;i<(null===(t=this.state._tabs)||void 0===t?void 0:t.length);i++){const t=document.createElement("div");t.setAttribute("aria-labelledby",`${this.state._label.replace(/\s/g,"-")}-tab-${i}`),t.setAttribute("id",`tabpanel-${i}`),t.setAttribute("role","tabpanel"),t.setAttribute("hidden",""),t.setAttribute("tabindex","0");const a=document.createElement("slot");a.setAttribute("name",`tabpanel-slot-${i}`),t.appendChild(a),null===(e=this.tabPanelHost)||void 0===e||e.appendChild(t),"undefined"!=typeof HTMLCollection&&(null===(n=this.host)||void 0===n?void 0:n.children)instanceof HTMLCollection&&(null===(o=this.host)||void 0===o?void 0:o.children[i])&&this.host.children[i].setAttribute("slot",`tabpanel-slot-${i}`)}this.updateVisiblePanel()}},this.updateVisiblePanel=()=>{this.tabPanelHost&&Array.from(this.tabPanelHost.children).forEach((t,e)=>{e===this.state._selected?t.removeAttribute("hidden"):t.setAttribute("hidden","")})},this.onCreate=t=>{var e,n;t.preventDefault(),null===(n=null===(e=this.state._on)||void 0===e?void 0:e.onCreate)||void 0===n||n.call(e,t),this.host&&g(this.host,y.create)},this.onBlur=()=>{this.currentFocusIndex=void 0}}getCurrentFocusIndex(){return"number"==typeof this.currentFocusIndex?this.currentFocusIndex:this.state._selected}getKeyboardTabChangeMode(){return"select-manual"===this._behavior?"selectFocusOnly":"activateCompletely"}goToNextTab(t){const e=this.nextPossibleTabIndex(this.state._tabs,this.getCurrentFocusIndex());this.selectNextTabEvent(t,e,this.getKeyboardTabChangeMode())}goToPreviousTab(t){const e=this.prevPossibleTabIndex(this.state._tabs,this.getCurrentFocusIndex());this.selectNextTabEvent(t,e,this.getKeyboardTabChangeMode())}activateFocusedTab(t){"number"==typeof this.currentFocusIndex&&this.onSelect(t,this.currentFocusIndex)}selectNextTabEvent(t,e,n="activateCompletely"){var o,i;if(this.currentFocusIndex=e,this.focusTabById(e),"activateCompletely"===n){this._selected=e;null===(i=null===(o=this.state._tabs[e]._on)||void 0===o?void 0:o.onSelect)||void 0===i||i.call(o,t,e),this.onSelect(t,e)}}renderButtonGroup(){return n("div",{"aria-label":this.state._label,class:"kol-tabs__button-group",role:"tablist",onKeyDown:this.onKeyDown,onBlur:this.onBlur},this.state._tabs.map((t,e)=>n(p,{_disabled:t._disabled,_icons:t._icons,_hideLabel:t._hideLabel,_label:t._label,_on:this.callbacks,_tabIndex:this.state._selected===e?0:-1,_tooltipAlign:t._tooltipAlign,_variant:this.state._selected===e?"custom":void 0,_customClass:this.state._selected===e?"selected":void 0,_ariaControls:`tabpanel-${e}`,_ariaSelected:this.state._selected===e,_id:`${this.state._label.replace(/\s/g,"-")}-tab-${e}`,_role:"tab",_value:e})),this.state._hasCreateButton&&n(p,{class:"kol-tabs__button-create",_label:this.onCreateLabel,_on:{onClick:this.onCreate},_icons:"kolicon-plus","data-testid":"tabs-create-button"}))}render(){return n("div",{key:"1ed884fdc131ed8ae0c84f09a360525ebb8d5541",ref:t=>{this.tabPanelsElement=t},class:m("kol-tabs",`kol-tabs--align-${this.state._align}`)},this.renderButtonGroup(),n("div",{key:"5f05e3de34277f36d6ddbf32811e72e9e6f9e15e",class:"kol-tabs__content",ref:this.catchTabPanelHost}))}validateAlign(t){c(this,t)}validateBehavior(t){k(this,t)}validateHasCreateButton(t){_(this,t)}validateLabel(t){u(this,t,{required:!0})}validateOn(t){if("object"==typeof t&&null!==t){const e={};"function"==typeof t.onCreate&&(e.onCreate=t.onCreate),"function"==typeof t.onSelect&&(e.onSelect=t.onSelect),a(this,"_on",e)}}validateSelected(t){l(this,"_selected",t,{hooks:{beforePatch:this.syncSelectedAndTabs}})}validateTabs(t){r(this,"_tabs",t=>"object"==typeof t&&null!==t&&"string"==typeof t._label&&t._label.length>0,t,void 0,{hooks:{beforePatch:this.syncSelectedAndTabs,afterPatch:this.refreshTabPanels}}),d("KolTabs",this.state._tabs.length)}componentWillLoad(){this.validateAlign(this._align),this.validateLabel(this._label),this.validateOn(this._on),this.validateSelected(this._selected),this.validateTabs(this._tabs),this.validateBehavior(this._behavior),this.validateHasCreateButton(this._hasCreateButton)}componentDidRender(){this.refreshTabPanels()}focusTabById(t){if(this.tabPanelsElement){const e=h(`button#${this.state._label.replace(/\s/g,"-")}-tab-${t}`,this.tabPanelsElement);null==e||e.focus()}}onSelect(t,e){var n,o;null===(o=null===(n=this._on)||void 0===n?void 0:n.onSelect)||void 0===o||o.call(n,t,e),this.host&&g(this.host,y.select,e),this.focusTabById(e)}get host(){return e(this)}static get watchers(){return{_align:["validateAlign"],_behavior:["validateBehavior"],_hasCreateButton:["validateHasCreateButton"],_label:["validateLabel"],_on:["validateOn"],_selected:["validateSelected"],_tabs:["validateTabs"]}}};x.style={default:w};export{x as kol_tabs};

package/dist/kolibri/kol-tabs.entry.js.map

@@ -1 +1 @@
-{"version":3,"names":["registerInstance","h","getElement","watchValidator","watchBoolean","devHint","setState","watchNumber","watchJsonArrayString","uiUxHintMillerscheZahl","koliBriQuerySelector","validateAlign","validateLabel","KolButtonWcTag","translate","KeyboardKey","clsx","dispatchDomEvent","KolEvent","tabBehaviorPropTypeOptions","validateTabBehavior","component","value","includes","Set","join","validateHasCreateButton","defaultStyleCss","KolTabs","constructor","hostRef","this","onCreateLabel","nextPossibleTabIndex","tabs","offset","step","nextOffset","length","_disabled","prevPossibleTabIndex","onKeyDown","event","key","ArrowRight","goToNextTab","ArrowLeft","goToPreviousTab","Space","Enter","activateFocusedTab","onClickSelect","index","selectNextTabEvent","onMouseDown","preventDefault","callbacks","onClick","catchTabPanelHost","el","tabPanelHost","_align","_hasCreateButton","_selected","state","_label","_tabs","selectNextNotDisabledTab","selected","upOrDown","initialSelected","Array","isArray","syncSelectedAndTabs","nextValue","nextState","_component","set","refreshTabPanels","_a","_b","_c","_d","firstChild","removeChild","i","div","document","createElement","setAttribute","replace","slot","appendChild","HTMLCollection","host","children","updateVisiblePanel","from","forEach","child","removeAttribute","onCreate","_on","call","create","onBlur","currentFocusIndex","undefined","getCurrentFocusIndex","getKeyboardTabChangeMode","_behavior","nextFocusIndex","onSelect","nextTabIndex","changeMode","focusTabById","tab","renderButtonGroup","class","role","map","button","_icons","_hideLabel","_tabIndex","_tooltipAlign","_variant","_customClass","_ariaControls","_ariaSelected","_id","_role","_value","render","ref","tabPanelsElement","validateBehavior","required","validateOn","validateSelected","hooks","beforePatch","validateTabs","item","afterPatch","componentWillLoad","componentDidRender","focus","select","watchers","style","default"],"sources":["0"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["registerInstance","h","getElement","watchValidator","watchBoolean","devHint","setState","watchNumber","watchJsonArrayString","uiUxHintMillerscheZahl","koliBriQuerySelector","validateAlign","validateLabel","KolButtonWcTag","translate","KeyboardKey","clsx","dispatchDomEvent","KolEvent","tabBehaviorPropTypeOptions","validateTabBehavior","component","value","includes","Set","join","validateHasCreateButton","defaultStyleCss","KolTabs","constructor","hostRef","this","onCreateLabel","nextPossibleTabIndex","tabs","offset","step","nextOffset","length","_disabled","prevPossibleTabIndex","onKeyDown","event","key","ArrowRight","goToNextTab","ArrowLeft","goToPreviousTab","Space","Enter","activateFocusedTab","onClickSelect","index","selectNextTabEvent","onMouseDown","preventDefault","callbacks","onClick","catchTabPanelHost","el","tabPanelHost","_align","_hasCreateButton","_selected","state","_label","_tabs","selectNextNotDisabledTab","selected","upOrDown","initialSelected","Array","isArray","syncSelectedAndTabs","nextValue","nextState","_component","set","refreshTabPanels","_a","_b","_c","_d","firstChild","removeChild","i","div","document","createElement","setAttribute","replace","slot","appendChild","HTMLCollection","host","children","updateVisiblePanel","from","forEach","child","removeAttribute","onCreate","_on","call","create","onBlur","currentFocusIndex","undefined","getCurrentFocusIndex","getKeyboardTabChangeMode","_behavior","nextFocusIndex","onSelect","nextTabIndex","changeMode","focusTabById","tab","renderButtonGroup","class","role","map","button","_icons","_hideLabel","_tabIndex","_tooltipAlign","_variant","_customClass","_ariaControls","_ariaSelected","_id","_role","_value","render","ref","tabPanelsElement","validateBehavior","required","validateOn","validateSelected","hooks","beforePatch","validateTabs","item","afterPatch","componentWillLoad","componentDidRender","focus","select","watchers","style","default"],"sources":["0"],"mappings":"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","ignoreList":[]}