@public-ui/components 4.0.2-rc.1 → 4.0.3-rc.0

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

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{r as e,h as t,g as s}from"./index-D9b7CYaw.js";import{_ as i}from"./tslib.es6-CxX45GIN.js";import{u as l,b as a,v as n,w as o,d,k as r}from"./component-names-B_kYyA8u.js";import{t as b}from"./i18n-0_cE4ov3.js";import{d as c,K as h}from"./events-DHTi_wtD.js";import"./common-B-m-0Sa1.js";import"./i18n-B0tfVPMa.js";const u=e=>Number.isFinite(e)&&void 0!==e&&e>0?e:void 0,_=class{constructor(t){e(this,t),this.headerCells=[],this.editingHeaderCells=[],this.errorMessage=null,this.translateTableSettings=b("kol-table-settings"),this.translateTableSettingsCancel=b("kol-table-settings-cancel"),this.translateTableSettingsApply=b("kol-table-settings-apply"),this.translateErrorAllInvisible=b("kol-table-settings-error-all-invisible"),this.translateColumnNotHidable=b("kol-table-settings-column-not-hidable"),this._horizontalHeaderCells=[]}handleHeaderCellsChange(e){this.headerCells=e.map(e=>[...e]),this.editingHeaderCells=e.map(e=>e.map(e=>Object.assign({},e)))}componentWillLoad(){this.handleHeaderCellsChange(this._horizontalHeaderCells)}getPrimaryRow(){var e;return null!==(e=this.editingHeaderCells[this.editingHeaderCells.length-1])&&void 0!==e?e:[]}updatePrimaryRow(e){this.editingHeaderCells=this.editingHeaderCells.map((t,a,s)=>a===s.length-1?e:t)}moveColumn(e,t){const a=[...this.getPrimaryRow()],s=a.findIndex(t=>t.key===e);if(-1===s)return;let l;if("up"===t){if(0===s)return;l=s-1}else{if(s===a.length-1)return;l=s+1}const[i]=a.splice(s,1);a.splice(l,0,i),this.updatePrimaryRow(a)}handleVisibilityChange(e,t){const a=this.getPrimaryRow().map(a=>a.key===e&&!1!==a.hidable?Object.assign(Object.assign({},a),{visible:Boolean(t)}):a);this.updatePrimaryRow(a)}handleWidthChange(e,t){const a=this.getPrimaryRow().map(a=>a.key===e&&!1!==a.resizable?Object.assign(Object.assign({},a),{width:Number(t)}):a);this.updatePrimaryRow(a)}handleCancel(){var e;this.editingHeaderCells=this.headerCells.map(e=>[...e]),this.errorMessage=null,null===(e=this.popoverRef)||void 0===e||e.hidePopover()}handleSubmit(e){var t;e.preventDefault();const a=this.getPrimaryRow().some(e=>!1!==e.visible);if(a){if(this.host){this.errorMessage=null,this.headerCells=this.editingHeaderCells.map(e=>e.map(e=>Object.assign({},e)));const e=this.editingHeaderCells.map(e=>e.map(e=>{const t=e,{hidable:a,resizable:s,sortable:l,visible:n,width:o}=t,r=i(t,["hidable","resizable","sortable","visible","width"]),d=Object.assign({},r);return void 0!==n&&(d.visible=n),void 0!==a&&(d.hidable=a),void 0!==l&&(d.sortable=l),void 0!==s&&(d.resizable=s),null!=o&&(d.width=o),d}));c(this.host,h.changeHeaderCells,e),null===(t=this.popoverRef)||void 0===t||t.hidePopover()}}else this.errorMessage=this.translateErrorAllInvisible}render(){const e=this.getPrimaryRow();return t(r,{key:"65b350799d5422b6500b3ae983f9c7f3c925f3b0",ref:e=>this.popoverRef=e,class:"kol-table-settings",_icons:"kolicon-settings",_label:this.translateTableSettings,_popoverAlign:"top",_hideLabel:!0},t("div",{key:"450200fa5d74f6ceb99c0ea589e12aefbfcdc23d",class:"kol-table-settings__content"},t(l,{key:"8bd0456ba046beb7a819c978d32dd8e64c294be0",_label:this.translateTableSettings,_level:0}),this.errorMessage&&t(a,{key:"e0d517d57e57c8e889997e18da3fb3badd0bcebe",_type:"error",_label:this.errorMessage,_variant:"msg",class:"kol-table-settings__error-message"}),t("form",{key:"34785b3e839f8fcc59d7930c6d8bc1ca82e8d5a7",onSubmit:this.handleSubmit.bind(this)},t("div",{key:"a28b130172a530644430aa4c9f52d6afa913522a",class:"kol-table-settings__columns-container"},t("div",{key:"d18e531412556d173f9441c462bd3361f829d205",class:"kol-table-settings__columns"},e.map((a,s)=>t("div",{key:a.key,class:"kol-table-settings__column"},t(n,{_checked:!1!==a.visible,_label:`${a.label}${!1===a.hidable?` (${this.translateColumnNotHidable})`:""}`,_value:!0,_hideLabel:!0,_disabled:!1===a.hidable,_on:{onInput:(e,t)=>{var s;return this.handleVisibilityChange(null!==(s=a.key)&&void 0!==s?s:"",t)}}}),t("span",{class:"kol-table-settings__column-label"},a.label),t(o,{_hideLabel:!0,_value:u(a.width),_label:b("kol-table-settings-column-width",{placeholders:{column:a.label}}),_min:1,_disabled:!1===a.resizable,_on:{onInput:(e,t)=>{var s;return this.handleWidthChange(null!==(s=a.key)&&void 0!==s?s:"",t)}}}),t(d,{_icons:"kolicon-chevron-up",_label:b("kol-table-settings-move-up",{placeholders:{column:a.label}}),_hideLabel:!0,_buttonVariant:"ghost",_on:{onClick:()=>{var e;return this.moveColumn(null!==(e=a.key)&&void 0!==e?e:"","up")}},_disabled:!1===a.sortable||0===s,"data-testid":"table-settings-move-up"}),t(d,{_icons:"kolicon-chevron-down",_label:b("kol-table-settings-move-down",{placeholders:{column:a.label}}),_hideLabel:!0,_buttonVariant:"ghost",_on:{onClick:()=>{var e;return this.moveColumn(null!==(e=a.key)&&void 0!==e?e:"","down")}},_disabled:!1===a.sortable||s===e.length-1,"data-testid":"table-settings-move-down"}))))),t("div",{key:"1fb081b1dfe3a3afdb1a046b5ce7576d292c0da7",class:"kol-table-settings__actions"},t(d,{key:"0b8631652bc292bf61549a64418de4f82947f97d",_label:this.translateTableSettingsCancel,_buttonVariant:"secondary",_on:{onClick:()=>this.handleCancel()},"data-testid":"table-settings-cancel"}),t(d,{key:"0d29c2f7f2a36370552276a9a1ec843d2518ed66",_label:this.translateTableSettingsApply,_buttonVariant:"primary",_type:"submit","data-testid":"table-settings-apply"})))))}get host(){return s(this)}static get watchers(){return{_horizontalHeaderCells:["handleHeaderCellsChange"]}}};export{_ as kol_table_settings_wc};
+import{r as e,h as t,g as s}from"./index-Dy7TKeR2.js";import{_ as i}from"./tslib.es6-CxX45GIN.js";import{u as l,b as a,v as n,w as o,d,k as c}from"./component-names-B_kYyA8u.js";import{t as r}from"./i18n-0_cE4ov3.js";import{d as b,K as h}from"./events-DHTi_wtD.js";import"./common-B-m-0Sa1.js";import"./i18n-B0tfVPMa.js";const u=e=>Number.isFinite(e)&&void 0!==e&&e>0?e:void 0,_=class{constructor(t){e(this,t),this.headerCells=[],this.editingHeaderCells=[],this.errorMessage=null,this.translateTableSettings=r("kol-table-settings"),this.translateTableSettingsCancel=r("kol-table-settings-cancel"),this.translateTableSettingsApply=r("kol-table-settings-apply"),this.translateErrorAllInvisible=r("kol-table-settings-error-all-invisible"),this.translateColumnNotHidable=r("kol-table-settings-column-not-hidable"),this._horizontalHeaderCells=[]}handleHeaderCellsChange(e){this.headerCells=e.map(e=>[...e]),this.editingHeaderCells=e.map(e=>e.map(e=>Object.assign({},e)))}componentWillLoad(){this.handleHeaderCellsChange(this._horizontalHeaderCells)}getPrimaryRow(){var e;return null!==(e=this.editingHeaderCells[this.editingHeaderCells.length-1])&&void 0!==e?e:[]}updatePrimaryRow(e){this.editingHeaderCells=this.editingHeaderCells.map((t,a,s)=>a===s.length-1?e:t)}moveColumn(e,t){const a=[...this.getPrimaryRow()],s=a.findIndex(t=>t.key===e);if(-1===s)return;let l;if("up"===t){if(0===s)return;l=s-1}else{if(s===a.length-1)return;l=s+1}const[i]=a.splice(s,1);a.splice(l,0,i),this.updatePrimaryRow(a)}handleVisibilityChange(e,t){const a=this.getPrimaryRow().map(a=>a.key===e&&!1!==a.hidable?Object.assign(Object.assign({},a),{visible:Boolean(t)}):a);this.updatePrimaryRow(a)}handleWidthChange(e,t){const a=this.getPrimaryRow().map(a=>a.key===e&&!1!==a.resizable?Object.assign(Object.assign({},a),{width:Number(t)}):a);this.updatePrimaryRow(a)}handleCancel(){var e;this.editingHeaderCells=this.headerCells.map(e=>[...e]),this.errorMessage=null,null===(e=this.popoverRef)||void 0===e||e.hidePopover()}handleSubmit(e){var t;e.preventDefault();const a=this.getPrimaryRow().some(e=>!1!==e.visible);if(a){if(this.host){this.errorMessage=null,this.headerCells=this.editingHeaderCells.map(e=>e.map(e=>Object.assign({},e)));const e=this.editingHeaderCells.map(e=>e.map(e=>{const t=e,{hidable:a,resizable:s,sortable:l,visible:n,width:r}=t,o=i(t,["hidable","resizable","sortable","visible","width"]),d=Object.assign({},o);return void 0!==n&&(d.visible=n),void 0!==a&&(d.hidable=a),void 0!==l&&(d.sortable=l),void 0!==s&&(d.resizable=s),null!=r&&(d.width=r),d}));b(this.host,h.changeHeaderCells,e),null===(t=this.popoverRef)||void 0===t||t.hidePopover()}}else this.errorMessage=this.translateErrorAllInvisible}render(){const e=this.getPrimaryRow();return t(c,{key:"65b350799d5422b6500b3ae983f9c7f3c925f3b0",ref:e=>this.popoverRef=e,class:"kol-table-settings",_icons:"kolicon-settings",_label:this.translateTableSettings,_popoverAlign:"top",_hideLabel:!0},t("div",{key:"450200fa5d74f6ceb99c0ea589e12aefbfcdc23d",class:"kol-table-settings__content"},t(l,{key:"8bd0456ba046beb7a819c978d32dd8e64c294be0",_label:this.translateTableSettings,_level:0}),this.errorMessage&&t(a,{key:"e0d517d57e57c8e889997e18da3fb3badd0bcebe",_type:"error",_label:this.errorMessage,_variant:"msg",class:"kol-table-settings__error-message"}),t("form",{key:"34785b3e839f8fcc59d7930c6d8bc1ca82e8d5a7",onSubmit:this.handleSubmit.bind(this)},t("div",{key:"a28b130172a530644430aa4c9f52d6afa913522a",class:"kol-table-settings__columns-container"},t("div",{key:"d18e531412556d173f9441c462bd3361f829d205",class:"kol-table-settings__columns"},e.map((a,s)=>t("div",{key:a.key,class:"kol-table-settings__column"},t(n,{_checked:!1!==a.visible,_label:`${a.label}${!1===a.hidable?` (${this.translateColumnNotHidable})`:""}`,_value:!0,_hideLabel:!0,_disabled:!1===a.hidable,_on:{onInput:(e,t)=>{var s;return this.handleVisibilityChange(null!==(s=a.key)&&void 0!==s?s:"",t)}}}),t("span",{class:"kol-table-settings__column-label"},a.label),t(o,{_hideLabel:!0,_value:u(a.width),_label:r("kol-table-settings-column-width",{placeholders:{column:a.label}}),_min:1,_disabled:!1===a.resizable,_on:{onInput:(e,t)=>{var s;return this.handleWidthChange(null!==(s=a.key)&&void 0!==s?s:"",t)}}}),t(d,{_icons:"kolicon-chevron-up",_label:r("kol-table-settings-move-up",{placeholders:{column:a.label}}),_hideLabel:!0,_variant:"ghost",_on:{onClick:()=>{var e;return this.moveColumn(null!==(e=a.key)&&void 0!==e?e:"","up")}},_disabled:!1===a.sortable||0===s,"data-testid":"table-settings-move-up"}),t(d,{_icons:"kolicon-chevron-down",_label:r("kol-table-settings-move-down",{placeholders:{column:a.label}}),_hideLabel:!0,_variant:"ghost",_on:{onClick:()=>{var e;return this.moveColumn(null!==(e=a.key)&&void 0!==e?e:"","down")}},_disabled:!1===a.sortable||s===e.length-1,"data-testid":"table-settings-move-down"}))))),t("div",{key:"2d6942cc9f36857cd4299a57330131975e7f979f",class:"kol-table-settings__actions"},t(d,{key:"bec8a8be3020bdc1dc2359899963871539bf4d00",_label:this.translateTableSettingsCancel,_variant:"secondary",_on:{onClick:()=>this.handleCancel()},"data-testid":"table-settings-cancel"}),t(d,{key:"9c240d2efeab9b2a6341e5cf817ae84d74c9a667",_label:this.translateTableSettingsApply,_variant:"primary",_type:"submit","data-testid":"table-settings-apply"})))))}get host(){return s(this)}static get watchers(){return{_horizontalHeaderCells:["handleHeaderCellsChange"]}}};export{_ as kol_table_settings_wc};

package/dist/kolibri/kol-table-settings-wc.entry.js.map

@@ -1 +1 @@
-{"version":3,"names":["registerInstance","h","getElement","__rest","KolHeadingTag","KolAlertWcTag","KolInputCheckboxTag","KolInputNumberTag","KolButtonWcTag","KolPopoverButtonWcTag","translate","dispatchDomEvent","KolEvent","parseColumnWidth","width","Number","isFinite","undefined","KolTableSettings","constructor","hostRef","this","headerCells","editingHeaderCells","errorMessage","translateTableSettings","translateTableSettingsCancel","translateTableSettingsApply","translateErrorAllInvisible","translateColumnNotHidable","_horizontalHeaderCells","handleHeaderCellsChange","newValue","map","row","cell","Object","assign","componentWillLoad","getPrimaryRow","_a","length","updatePrimaryRow","newRow","index","arr","moveColumn","columnId","direction","sourceIndex","findIndex","col","key","targetIndex","source","splice","handleVisibilityChange","visible","hidable","Boolean","handleWidthChange","resizable","handleCancel","popoverRef","hidePopover","handleSubmit","event","preventDefault","primaryRow","hasVisibleColumn","some","column","host","sanitizedHeaderCells","sortable","rest","changeHeaderCells","render","columns","ref","el","class","_icons","_label","_popoverAlign","_hideLabel","_level","_type","_variant","onSubmit","bind","_checked","label","_value","_disabled","_on","onInput","_","value","placeholders","_min","_buttonVariant","onClick","watchers"],"sources":["0"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["registerInstance","h","getElement","__rest","KolHeadingTag","KolAlertWcTag","KolInputCheckboxTag","KolInputNumberTag","KolButtonWcTag","KolPopoverButtonWcTag","translate","dispatchDomEvent","KolEvent","parseColumnWidth","width","Number","isFinite","undefined","KolTableSettings","constructor","hostRef","this","headerCells","editingHeaderCells","errorMessage","translateTableSettings","translateTableSettingsCancel","translateTableSettingsApply","translateErrorAllInvisible","translateColumnNotHidable","_horizontalHeaderCells","handleHeaderCellsChange","newValue","map","row","cell","Object","assign","componentWillLoad","getPrimaryRow","_a","length","updatePrimaryRow","newRow","index","arr","moveColumn","columnId","direction","sourceIndex","findIndex","col","key","targetIndex","source","splice","handleVisibilityChange","visible","hidable","Boolean","handleWidthChange","resizable","handleCancel","popoverRef","hidePopover","handleSubmit","event","preventDefault","primaryRow","hasVisibleColumn","some","column","host","sanitizedHeaderCells","sortable","rest","changeHeaderCells","render","columns","ref","el","class","_icons","_label","_popoverAlign","_hideLabel","_level","_type","_variant","onSubmit","bind","_checked","label","_value","_disabled","_on","onInput","_","value","placeholders","_min","onClick","watchers"],"sources":["0"],"mappings":"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","ignoreList":[]}

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-D9b7CYaw.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:"9f97cfcace39cc6c8f925c456a022fbfe6ff6a4f",class:"kol-table-stateful"},this.pageEndSlice>0&&this.showPagination&&d,t(l,{key:"bdda6d78fc226f5061ee6a9a8e7766a1b8bdeefc",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-Dy7TKeR2.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:"9f97cfcace39cc6c8f925c456a022fbfe6ff6a4f",class:"kol-table-stateful"},this.pageEndSlice>0&&this.showPagination&&d,t(l,{key:"bdda6d78fc226f5061ee6a9a8e7766a1b8bdeefc",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};