@public-ui/sample-react 2.2.14 → 2.2.15-rc.1

package/dist/assets/{kol-table-stateful.entry-r6SjfU0l.js → kol-table-stateful.entry-s-BMU2Yc.js}

@@ -1,4 +1,4 @@
-import{r as S,s as c,w as g,aa as w,t as k,p as m,h as p,ab as D,ac as x,H as P,m as C,o as z,C as O}from"./index-DqXEOlVh.js";import{t as b}from"./i18n-820d85c7-o606L4xD.js";import{t as T}from"./events-29e84d75-BhxFwhXP.js";import{E as _}from"./keyboard-77e19a81-D1ah5412.js";import{v as F,a as j,b as E,c as A}from"./table-selection-eaee72ee-tuzTiczY.js";import{v as H}from"./label-51d66c9d-5l0E5TCR.js";/*!
+import{r as S,s as c,w as g,aa as w,t as k,p as m,h as p,ab as D,ac as x,H as P,m as C,o as z,C as O}from"./index-DzC8uzw2.js";import{t as f}from"./i18n-b4507b80-rWfzuBgg.js";import{t as T}from"./events-29e84d75-BhxFwhXP.js";import{E as _}from"./keyboard-77e19a81-D1ah5412.js";import{v as F,a as j,b as E,c as A}from"./table-selection-e9061dc2-4pSLzxnl.js";import{v as H}from"./label-2d7e2d68-CmR1a8EN.js";/*!
  * KoliBri - The accessible HTML-Standard
  */const y=["top","bottom","both"],W=(t,n)=>{g(t,"_paginationPosition",i=>typeof i=="string"&&y.includes(i),new Set([`PaginationPositionPropType {${y.join(", ")}`]),n,{defaultValue:"bottom"})},M=`/*
  * This file contains all rules for accessibility.
@@ -9,13 +9,13 @@ import{r as S,s as c,w as g,aa as w,t as k,p as m,h as p,ab as D,ac as x,H as P,
      * Minimum size of interactive elements.
      */
     --a11y-min-size: calc(44rem / var(--kolibri-root-font-size, 16));
+    color: black;
     /*
      * No element should be used without a background and font color whose contrast ratio has
      * not been checked. By initially setting the background color to white and the font color
      * to black, the contrast ratio is ensured and explicit adjustment is forced.
      */
     background-color: white;
-    color: black;
     /*
      * Verdana is an accessible font that can be used without requiring additional loading time.
      */
@@ -46,11 +46,10 @@ import{r as S,s as c,w as g,aa as w,t as k,p as m,h as p,ab as D,ac as x,H as P,
   /* option, */
   /* select, */
   /* textarea, */
-  [role=button],
-  button:not([role=link]),
+  button,
   .kol-input .input {
-    min-height: var(--a11y-min-size);
     min-width: var(--a11y-min-size);
+    min-height: var(--a11y-min-size);
   }
   /*
    * Some interactive elements should not inherit the font-family and font-size.
@@ -91,13 +90,12 @@ import{r as S,s as c,w as g,aa as w,t as k,p as m,h as p,ab as D,ac as x,H as P,
   * - https://www.a11yproject.com/posts/how-to-hide-content/
   */
   .visually-hidden {
-    clip: rect(0 0 0 0);
-    clip-path: inset(50%);
+    position: absolute;
+    width: 1px;
     height: 1px;
     overflow: hidden;
-    position: absolute;
     white-space: nowrap;
-    width: 1px;
+    clip-path: inset(50%);
   }
 }
 @layer kol-global {
@@ -107,10 +105,10 @@ import{r as S,s as c,w as g,aa as w,t as k,p as m,h as p,ab as D,ac as x,H as P,
    */
   :is(a, button) {
     background-color: transparent;
-    border: none;
+    width: 100%; /* 100% needed for custom width from outside */
     margin: 0;
     padding: 0;
-    width: 100%; /* 100% needed for custom width from outside */
+    border: none;
   }
   /*
    * Ensure elements with hidden attribute to be actually not visible
@@ -122,12 +120,12 @@ import{r as S,s as c,w as g,aa as w,t as k,p as m,h as p,ab as D,ac as x,H as P,
 }
 @layer kol-global {
   :host {
-    font-size: calc(16rem / var(--kolibri-root-font-size, 16));
     /*
      * The max-width is needed to prevent the table from overflowing the
      * parent node, if the table is wider than the parent node.
      */
     max-width: 100%;
+    font-size: calc(16rem / var(--kolibri-root-font-size, 16));
   }
   * {
     /*
@@ -163,17 +161,17 @@ import{r as S,s as c,w as g,aa as w,t as k,p as m,h as p,ab as D,ac as x,H as P,
   [aria-disabled=true]:focus,
   [disabled],
   [disabled]:focus {
-    cursor: not-allowed;
     opacity: 0.5;
     outline: none;
+    cursor: not-allowed;
   }
   [aria-disabled=true]:focus .kol-span-wc,
   [disabled]:focus .kol-span-wc {
     outline: none !important;
   }
   .badge-text-hint {
-    background-color: lightgray;
     color: black;
+    background-color: lightgray;
   }
 }
 @layer kol-component {
@@ -187,32 +185,32 @@ import{r as S,s as c,w as g,aa as w,t as k,p as m,h as p,ab as D,ac as x,H as P,
     contain: layout;
   }
   .kol-tooltip-wc .tooltip-floating {
-    animation-duration: 0.25s;
-    animation-iteration-count: 1;
-    animation-name: fadeInOpacity;
-    animation-timing-function: ease-in;
     display: none;
     position: fixed;
-    visibility: hidden;
     /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */
     top: 0;
     left: 0;
-    max-width: 90vw;
-    max-height: 90vh;
     /* Can be used to specify the tooltip-width from the outside. Unset by default.  */
     width: var(--kol-tooltip-width);
+    max-width: 90vw;
+    max-height: 90vh;
+    visibility: hidden;
+    animation-duration: 0.25s;
+    animation-iteration-count: 1;
+    animation-name: fadeInOpacity;
+    animation-timing-function: ease-in;
   }
   /* Shared between content and arrow */
   .kol-tooltip-wc .tooltip-area {
-    background-color: #fff;
     color: #000;
+    background-color: #fff;
   }
   .kol-tooltip-wc .tooltip-arrow {
-    height: calc(10rem / var(--kolibri-root-font-size, 16));
-    position: absolute;
     transform: rotate(45deg);
-    width: calc(10rem / var(--kolibri-root-font-size, 16));
+    position: absolute;
     z-index: 999;
+    width: calc(10rem / var(--kolibri-root-font-size, 16));
+    height: calc(10rem / var(--kolibri-root-font-size, 16));
   }
   .kol-tooltip-wc .tooltip-content {
     position: relative;
@@ -228,11 +226,14 @@ import{r as S,s as c,w as g,aa as w,t as k,p as m,h as p,ab as D,ac as x,H as P,
   }
 }
 @layer kol-component {
+  div.pagination {
+    display: grid;
+    place-items: center;
+  }
   div.pagination .kol-pagination {
     display: flex;
     flex-wrap: wrap;
   }
-  div.pagination,
   div.pagination > div:last-child {
     display: grid;
     place-items: center;
@@ -247,9 +248,6 @@ import{r as S,s as c,w as g,aa as w,t as k,p as m,h as p,ab as D,ac as x,H as P,
     div.pagination > div:last-child {
       grid-auto-flow: column;
     }
-    div.pagination .kol-pagination {
-      display: flex;
-    }
   }
 }
 @layer kol-component {
@@ -268,9 +266,6 @@ import{r as S,s as c,w as g,aa as w,t as k,p as m,h as p,ab as D,ac as x,H as P,
   caption {
     text-align: start;
   }
-  .focus-element {
-    font-size: 0;
-  }
   .focus-element:focus {
     outline: 0 !important;
   }
@@ -316,56 +311,56 @@ import{r as S,s as c,w as g,aa as w,t as k,p as m,h as p,ab as D,ac as x,H as P,
     white-space: nowrap;
   }
   .input label {
-    align-items: center;
-    cursor: pointer;
     display: flex;
-    height: var(--a11y-min-size);
-    justify-content: center;
     position: relative;
     width: var(--a11y-min-size);
+    height: var(--a11y-min-size);
+    align-items: center;
+    justify-content: center;
+    cursor: pointer;
   }
   .input .icon {
     display: block;
-    inset: auto;
     position: absolute;
+    inset: auto;
     z-index: 1;
   }
   .input input {
-    appearance: none;
     border-style: solid;
-    cursor: pointer;
     margin: 0;
+    appearance: none;
+    cursor: pointer;
   }
   .input input:before {
     content: "";
   }
   .input input[type=checkbox] {
-    position: relative;
+    background-color: rgb(255, 255, 255);
     display: flex;
-    height: calc(var(--a11y-min-size) / 2);
+    position: relative;
     width: calc(var(--a11y-min-size) / 2);
+    height: calc(var(--a11y-min-size) / 2);
+    border-width: 2px;
     align-items: center;
     justify-content: center;
-    background-color: rgb(255, 255, 255);
-    border-width: 2px;
     line-height: 1.5;
     transition: all 0.5s ease 0s;
   }
   .input input[type=radio] {
-    display: flex;
-    border-width: 2px;
     border-radius: 100%;
+    display: flex;
+    width: 1.5em;
+    min-width: 1.5em;
     height: 1.5em;
     min-height: 1.5em;
-    min-width: 1.5em;
     padding: 0;
-    width: 1.5em;
+    border-width: 2px;
   }
   .input input[type=radio]:before {
     border-radius: 100%;
-    margin: auto;
-    height: 0.75em;
     width: 0.75em;
+    height: 0.75em;
+    margin: auto;
   }
   .input input[type=radio]:checked:before {
     background-color: #000;
@@ -376,5 +371,5 @@ import{r as S,s as c,w as g,aa as w,t as k,p as m,h as p,ab as D,ac as x,H as P,
       background-color: selectedItem !important;
     }
   }
-}`,K=M,N=[10,20,50,100],v=t=>t===!0||t===""||typeof t=="object"&&t!==null,L=class{constructor(t){S(this,t),this.catchRef=n=>{this.tableWcRef=n},this.sortDirections=new Map,this.sortData=[],this.showPagination=!1,this.pageStartSlice=0,this.pageEndSlice=10,this.disableSort=!1,this.sortedColumnHead={label:"",key:"",sortDirection:"NOS"},this.setSortDirection=(n,i)=>{this.sortDirections.clear(),this.sortDirections.set(n,i),this.sortFunction=n},this.handlePagination={onClick:(n,i)=>{var e;typeof((e=this.state._pagination._on)===null||e===void 0?void 0:e.onClick)=="function"&&this.state._pagination._on.onClick(n,i),c(this,"_pagination",Object.assign(Object.assign({},this.state._pagination),{_page:i}))},onChangePage:(n,i)=>{var e;typeof((e=this.state._pagination._on)===null||e===void 0?void 0:e.onChangePage)=="function"&&this.state._pagination._on.onChangePage(n,i),c(this,"_pagination",Object.assign(Object.assign({},this.state._pagination),{_page:i}))},onChangePageSize:(n,i)=>{var e;typeof((e=this.state._pagination._on)===null||e===void 0?void 0:e.onChangePageSize)=="function"&&this.state._pagination._on.onChangePageSize(n,i),c(this,"_pagination",Object.assign(Object.assign({},this.state._pagination),{_pageSize:i})),c(this,"_pageSize",i)}},this.onSelectionChange=n=>{n.stopPropagation()},this.updateSortedData=(n=this.sortedColumnHead)=>{if(this.disableSort){c(this,"_sortedData",this.state._data);return}let i=[...this.state._data];if(this.sortData.length>0)i.sort((e,a)=>{for(let l=0;l<this.sortData.length;l++){const h=this.sortData[l],o=h.compareFn(e,a);if(o!==0)return h.direction==="ASC"?o:-o}return 0});else if(typeof this.sortFunction=="function")switch(this.sortDirections.get(this.sortFunction)){case"ASC":i=this.sortFunction([...this.state._data]),this.sortedColumnHead={label:n.label,key:n.key,sortDirection:"ASC"};break;case"DESC":i=this.sortFunction([...this.state._data]).reverse(),this.sortedColumnHead={label:n.label,key:n.key,sortDirection:"DESC"};break;case"NOS":default:this.sortedColumnHead={label:"",key:"",sortDirection:"NOS"}}c(this,"_sortedData",i)},this._allowMultiSort=void 0,this._data=void 0,this._dataFoot=void 0,this._headers=void 0,this._label=void 0,this._minWidth=void 0,this._pagination=void 0,this._paginationPosition="bottom",this._selection=void 0,this._on=void 0,this.state={_allowMultiSort:!1,_data:[],_dataFoot:[],_headers:{horizontal:[],vertical:[]},_label:"",_pagination:{_page:1,_pageSize:10,_max:0},_sortedData:[],_paginationPosition:"bottom"}}validateAllowMultiSort(t){g(this,"_allowMultiSort",()=>!0,new Set(["boolean"]),t,{defaultValue:!1})}validateData(t){F(this,t,{afterPatch:()=>{setTimeout(this.updateSortedData)}})}validateDataFoot(t){j(this,t,{afterPatch:()=>{setTimeout(this.updateSortedData)}})}validatePaginationPosition(t){W(this,t)}changeCellSort(t){var n;if(typeof t.compareFn=="function"){!this.state._allowMultiSort&&t.key!==((n=this.sortData[0])===null||n===void 0?void 0:n.key)&&(this.sortData=[]);const i=this.sortData.findIndex(e=>e.key===t.key);if(i>=0){const e=this.sortData[i];switch(e.direction){case"ASC":e.direction="DESC";break;case"DESC":this.sortData.splice(i,1);break;default:e.direction="ASC";break}}else t.key&&this.sortData.push({label:t.label,key:t.key,compareFn:t.compareFn,direction:"ASC"});this.updateSortedData(t)}else if(typeof t.sort=="function"){switch(this.sortFunction=t.sort,this.sortDirections.get(this.sortFunction)){case"ASC":this.setSortDirection(this.sortFunction,"DESC");break;case"DESC":this.setSortDirection(this.sortFunction,"NOS");break;default:this.setSortDirection(this.sortFunction,"ASC")}this.updateSortedData(t)}}validateHeaders(t){w(t,()=>{z(t,()=>{try{t=m(t)}catch{}g(this,"_headers",n=>typeof n=="object"&&n!==null,new Set(["KoliBriTableHeaders"]),t,{hooks:{beforePatch:n=>{var i,e,a,l;const h=r=>{let s=!1;r.forEach(d=>{const f=d.key;if(!f)return;const u=d.sortDirection;(u==="ASC"||u==="DESC")&&(typeof d.compareFn=="function"?((this.state._allowMultiSort||this.sortData.length===0)&&this.sortData.push({label:d.label,key:f,compareFn:d.compareFn,direction:u}),s=!0):typeof d.sort=="function"&&(this.setSortDirection(d.sort,u),setTimeout(()=>this.updateSortedData({key:f,label:d.label,sortDirection:u}))))}),s&&setTimeout(()=>this.updateSortedData())},o=n;(i=o.horizontal)===null||i===void 0||i.forEach(h),(e=o.vertical)===null||e===void 0||e.forEach(h),o.horizontal&&o.vertical&&((a=o.horizontal)===null||a===void 0?void 0:a.length)>0&&((l=o.vertical)===null||l===void 0?void 0:l.length)>0&&(this.disableSort=!0,O("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(t){H(this,t,{required:!0})}validateMinWidth(t){k(this,"_minWidth",t,{defaultValue:void 0})}validateSelection(t){E(this,t)}validateOn(t){A(this,t)}validatePagination(t){try{t=m(t)}catch{}this.showPagination=v(t),g(this,"_pagination",v,new Set(["boolean","KoliBriTablePagination"]),t,{defaultValue:{_page:1,_pageSize:10,_max:0}})}componentDidLoad(){var t;(t=this.tableWcRef)===null||t===void 0||t.addEventListener("kol-selection-change",this.onSelectionChange)}disconnectedCallback(){var t;(t=this.tableWcRef)===null||t===void 0||t.removeEventListener("kol-selection-change",this.onSelectionChange)}componentWillLoad(){this.validateAllowMultiSort(this._allowMultiSort),this.validateData(this._data),this.validateDataFoot(this._dataFoot),this.validateHeaders(this._headers),this.validateLabel(this._label),this.validateMinWidth(this._minWidth),this.validatePagination(this._pagination),this.validatePaginationPosition(this._paginationPosition),this.validateSelection(this._selection),this.validateOn(this._on)}selectDisplayedData(t,n,i){return typeof n=="number"&&n>0&&typeof i=="number"&&i>0?(this.pageStartSlice=n*(i-1),this.pageEndSlice=n*i>t.length?t.length:n*i,t.slice(this.pageStartSlice,this.pageEndSlice)):(this.pageStartSlice=0,this.pageEndSlice=t.length,t)}renderPagination(t){const n=b("kol-table-pagination-label",{placeholders:{label:`${this.state._label} (${b(`kol-pagination-position-${t}`)})`}});return p("div",{class:"pagination"},p("span",null,b("kol-table-visible-range",{placeholders:{start:this.pageEndSlice>0?(this.pageStartSlice+1).toString():"0",end:this.pageEndSlice.toString(),total:this.state._pagination&&this.state._pagination._max>0?this.state._pagination._max.toString():Array.isArray(this.state._data)?this.state._data.length.toString():"0"}})),p("div",null,p(D,{_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||N,_siblingCount:this.state._pagination._siblingCount,_tooltipAlign:"bottom",_max:this.state._pagination._max||this.state._pagination._max||this.state._data.length,_label:n})))}getHeaderCellSortState(t){if(!this.disableSort&&(typeof t.compareFn=="function"||typeof t.sort=="function")){if(t.key===this.sortedColumnHead.key)return this.sortedColumnHead.sortDirection;if(t.key){const n=this.sortData.find(i=>i.key===t.key);if(n!=null&&n.direction)return n.direction}return"NOS"}}handleSort({key:t}){const n=[...(this.state._headers.horizontal||[]).flat(),...(this.state._headers.vertical||[]).flat()].find(i=>i.key===t);n&&this.changeCellSort(n)}getSelectedData(t){var n;const i=this.state._selection;if(i){const e=(n=i.keyPropertyName)!==null&&n!==void 0?n:"id",a=this.state._sortedData.filter(l=>t.includes(l[e]));if((i==null?void 0:i.multiple)===!1)return a[0];if(e)return a}return null}handleSelectionChange(t,n){var i;const e=this.state._selection;e&&(this.state=Object.assign(Object.assign({},this.state),{_selection:Object.assign(Object.assign({},e),{selectedKeys:typeof n=="object"?n:[n]})}));const a=this.getSelectedData(n);T("selection-change",this.host,a),typeof((i=this.state._on)===null||i===void 0?void 0:i[_.onSelectionChange])=="function"&&this.state._on[_.onSelectionChange](t,a)}async getSelection(){var t;const n=((t=this.state._selection)===null||t===void 0?void 0:t.selectedKeys)||[];return this.getSelectedData(n)}render(){var t,n,i,e;const a=this.selectDisplayedData(this.state._sortedData,this.showPagination?(n=(t=this.state._pagination)===null||t===void 0?void 0:t._pageSize)!==null&&n!==void 0?n:10:this.state._sortedData.length,this.state._pagination._page||1),l=this._paginationPosition==="top"||this._paginationPosition==="both"?this.renderPagination("top"):null,h=this._paginationPosition==="bottom"||this._paginationPosition==="both"?this.renderPagination("bottom"):null,o={horizontal:(i=this.state._headers.horizontal)===null||i===void 0?void 0:i.map(r=>r.map(s=>Object.assign(Object.assign({},s),{sortDirection:this.getHeaderCellSortState(s)}))),vertical:(e=this.state._headers.vertical)===null||e===void 0?void 0:e.map(r=>r.map(s=>Object.assign(Object.assign({},s),{sortDirection:this.getHeaderCellSortState(s)})))};return p(P,{key:"ec5f10d20ced9892414499f9123ca23bc401d10a",class:"kol-table-stateful"},this.pageEndSlice>0&&this.showPagination&&l,p(x,{key:"0f99f5e5fdfc5fd8e622b8b8864333065517332c",ref:this.catchRef,_data:a,_headerCells:o,_label:this.state._label,_dataFoot:this.state._dataFoot,_minWidth:this.state._minWidth,_on:{onSort:(r,s)=>{this.handleSort(s)},onSelectionChange:(r,s)=>{this.handleSelectionChange(r,s)}},_selection:this.state._selection}),this.pageEndSlice>0&&this.showPagination&&h)}get host(){return C(this)}static get watchers(){return{_allowMultiSort:["validateAllowMultiSort"],_data:["validateData"],_dataFoot:["validateDataFoot"],_paginationPosition:["validatePaginationPosition"],_headers:["validateHeaders"],_label:["validateLabel"],_minWidth:["validateMinWidth"],_selection:["validateSelection"],_on:["validateOn"],_pagination:["validatePagination"]}}};L.style={default:K};export{L as kol_table_stateful};
-//# sourceMappingURL=kol-table-stateful.entry-r6SjfU0l.js.map
+}`,K=M,N=[10,20,50,100],v=t=>t===!0||t===""||typeof t=="object"&&t!==null,L=class{constructor(t){S(this,t),this.catchRef=n=>{this.tableWcRef=n},this.sortDirections=new Map,this.sortData=[],this.showPagination=!1,this.pageStartSlice=0,this.pageEndSlice=10,this.disableSort=!1,this.sortedColumnHead={label:"",key:"",sortDirection:"NOS"},this.setSortDirection=(n,i)=>{this.sortDirections.clear(),this.sortDirections.set(n,i),this.sortFunction=n},this.handlePagination={onClick:(n,i)=>{var e;typeof((e=this.state._pagination._on)===null||e===void 0?void 0:e.onClick)=="function"&&this.state._pagination._on.onClick(n,i),c(this,"_pagination",Object.assign(Object.assign({},this.state._pagination),{_page:i}))},onChangePage:(n,i)=>{var e;typeof((e=this.state._pagination._on)===null||e===void 0?void 0:e.onChangePage)=="function"&&this.state._pagination._on.onChangePage(n,i),c(this,"_pagination",Object.assign(Object.assign({},this.state._pagination),{_page:i}))},onChangePageSize:(n,i)=>{var e;typeof((e=this.state._pagination._on)===null||e===void 0?void 0:e.onChangePageSize)=="function"&&this.state._pagination._on.onChangePageSize(n,i),c(this,"_pagination",Object.assign(Object.assign({},this.state._pagination),{_pageSize:i})),c(this,"_pageSize",i)}},this.onSelectionChange=n=>{n.stopPropagation()},this.updateSortedData=(n=this.sortedColumnHead)=>{if(this.disableSort){c(this,"_sortedData",this.state._data);return}let i=[...this.state._data];if(this.sortData.length>0)i.sort((e,a)=>{for(let l=0;l<this.sortData.length;l++){const h=this.sortData[l],o=h.compareFn(e,a);if(o!==0)return h.direction==="ASC"?o:-o}return 0});else if(typeof this.sortFunction=="function")switch(this.sortDirections.get(this.sortFunction)){case"ASC":i=this.sortFunction([...this.state._data]),this.sortedColumnHead={label:n.label,key:n.key,sortDirection:"ASC"};break;case"DESC":i=this.sortFunction([...this.state._data]).reverse(),this.sortedColumnHead={label:n.label,key:n.key,sortDirection:"DESC"};break;case"NOS":default:this.sortedColumnHead={label:"",key:"",sortDirection:"NOS"}}c(this,"_sortedData",i)},this._allowMultiSort=void 0,this._data=void 0,this._dataFoot=void 0,this._headers=void 0,this._label=void 0,this._minWidth=void 0,this._pagination=void 0,this._paginationPosition="bottom",this._selection=void 0,this._on=void 0,this.state={_allowMultiSort:!1,_data:[],_dataFoot:[],_headers:{horizontal:[],vertical:[]},_label:"",_pagination:{_page:1,_pageSize:10,_max:0},_sortedData:[],_paginationPosition:"bottom"}}validateAllowMultiSort(t){g(this,"_allowMultiSort",()=>!0,new Set(["boolean"]),t,{defaultValue:!1})}validateData(t){F(this,t,{afterPatch:()=>{setTimeout(this.updateSortedData)}})}validateDataFoot(t){j(this,t,{afterPatch:()=>{setTimeout(this.updateSortedData)}})}validatePaginationPosition(t){W(this,t)}changeCellSort(t){var n;if(typeof t.compareFn=="function"){!this.state._allowMultiSort&&t.key!==((n=this.sortData[0])===null||n===void 0?void 0:n.key)&&(this.sortData=[]);const i=this.sortData.findIndex(e=>e.key===t.key);if(i>=0){const e=this.sortData[i];switch(e.direction){case"ASC":e.direction="DESC";break;case"DESC":this.sortData.splice(i,1);break;default:e.direction="ASC";break}}else t.key&&this.sortData.push({label:t.label,key:t.key,compareFn:t.compareFn,direction:"ASC"});this.updateSortedData(t)}else if(typeof t.sort=="function"){switch(this.sortFunction=t.sort,this.sortDirections.get(this.sortFunction)){case"ASC":this.setSortDirection(this.sortFunction,"DESC");break;case"DESC":this.setSortDirection(this.sortFunction,"NOS");break;default:this.setSortDirection(this.sortFunction,"ASC")}this.updateSortedData(t)}}validateHeaders(t){w(t,()=>{z(t,()=>{try{t=m(t)}catch{}g(this,"_headers",n=>typeof n=="object"&&n!==null,new Set(["KoliBriTableHeaders"]),t,{hooks:{beforePatch:n=>{var i,e,a,l;const h=r=>{let s=!1;r.forEach(d=>{const b=d.key;if(!b)return;const u=d.sortDirection;(u==="ASC"||u==="DESC")&&(typeof d.compareFn=="function"?((this.state._allowMultiSort||this.sortData.length===0)&&this.sortData.push({label:d.label,key:b,compareFn:d.compareFn,direction:u}),s=!0):typeof d.sort=="function"&&(this.setSortDirection(d.sort,u),setTimeout(()=>this.updateSortedData({key:b,label:d.label,sortDirection:u}))))}),s&&setTimeout(()=>this.updateSortedData())},o=n;(i=o.horizontal)===null||i===void 0||i.forEach(h),(e=o.vertical)===null||e===void 0||e.forEach(h),o.horizontal&&o.vertical&&((a=o.horizontal)===null||a===void 0?void 0:a.length)>0&&((l=o.vertical)===null||l===void 0?void 0:l.length)>0&&(this.disableSort=!0,O("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(t){H(this,t,{required:!0})}validateMinWidth(t){k(this,"_minWidth",t,{defaultValue:void 0})}validateSelection(t){E(this,t)}validateOn(t){A(this,t)}validatePagination(t){try{t=m(t)}catch{}this.showPagination=v(t),g(this,"_pagination",v,new Set(["boolean","KoliBriTablePagination"]),t,{defaultValue:{_page:1,_pageSize:10,_max:0}})}componentDidLoad(){var t;(t=this.tableWcRef)===null||t===void 0||t.addEventListener("kol-selection-change",this.onSelectionChange)}disconnectedCallback(){var t;(t=this.tableWcRef)===null||t===void 0||t.removeEventListener("kol-selection-change",this.onSelectionChange)}componentWillLoad(){this.validateAllowMultiSort(this._allowMultiSort),this.validateData(this._data),this.validateDataFoot(this._dataFoot),this.validateHeaders(this._headers),this.validateLabel(this._label),this.validateMinWidth(this._minWidth),this.validatePagination(this._pagination),this.validatePaginationPosition(this._paginationPosition),this.validateSelection(this._selection),this.validateOn(this._on)}selectDisplayedData(t,n,i){return typeof n=="number"&&n>0&&typeof i=="number"&&i>0?(this.pageStartSlice=n*(i-1),this.pageEndSlice=n*i>t.length?t.length:n*i,t.slice(this.pageStartSlice,this.pageEndSlice)):(this.pageStartSlice=0,this.pageEndSlice=t.length,t)}renderPagination(t){const n=f("kol-table-pagination-label",{placeholders:{label:`${this.state._label} (${f(`kol-pagination-position-${t}`)})`}});return p("div",{class:"pagination"},p("span",null,f("kol-table-visible-range",{placeholders:{start:this.pageEndSlice>0?(this.pageStartSlice+1).toString():"0",end:this.pageEndSlice.toString(),total:this.state._pagination&&this.state._pagination._max>0?this.state._pagination._max.toString():Array.isArray(this.state._data)?this.state._data.length.toString():"0"}})),p("div",null,p(D,{_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||N,_siblingCount:this.state._pagination._siblingCount,_tooltipAlign:"bottom",_max:this.state._pagination._max||this.state._pagination._max||this.state._data.length,_label:n})))}getHeaderCellSortState(t){if(!this.disableSort&&(typeof t.compareFn=="function"||typeof t.sort=="function")){if(t.key===this.sortedColumnHead.key)return this.sortedColumnHead.sortDirection;if(t.key){const n=this.sortData.find(i=>i.key===t.key);if(n?.direction)return n.direction}return"NOS"}}handleSort({key:t}){const n=[...(this.state._headers.horizontal||[]).flat(),...(this.state._headers.vertical||[]).flat()].find(i=>i.key===t);n&&this.changeCellSort(n)}getSelectedData(t){var n;const i=this.state._selection;if(i){const e=(n=i.keyPropertyName)!==null&&n!==void 0?n:"id",a=this.state._sortedData.filter(l=>t.includes(l[e]));if(i?.multiple===!1)return a[0];if(e)return a}return null}handleSelectionChange(t,n){var i;const e=this.state._selection;e&&(this.state=Object.assign(Object.assign({},this.state),{_selection:Object.assign(Object.assign({},e),{selectedKeys:typeof n=="object"?n:[n]})}));const a=this.getSelectedData(n);T("selection-change",this.host,a),typeof((i=this.state._on)===null||i===void 0?void 0:i[_.onSelectionChange])=="function"&&this.state._on[_.onSelectionChange](t,a)}async getSelection(){var t;const n=((t=this.state._selection)===null||t===void 0?void 0:t.selectedKeys)||[];return this.getSelectedData(n)}render(){var t,n,i,e;const a=this.selectDisplayedData(this.state._sortedData,this.showPagination?(n=(t=this.state._pagination)===null||t===void 0?void 0:t._pageSize)!==null&&n!==void 0?n:10:this.state._sortedData.length,this.state._pagination._page||1),l=this._paginationPosition==="top"||this._paginationPosition==="both"?this.renderPagination("top"):null,h=this._paginationPosition==="bottom"||this._paginationPosition==="both"?this.renderPagination("bottom"):null,o={horizontal:(i=this.state._headers.horizontal)===null||i===void 0?void 0:i.map(r=>r.map(s=>Object.assign(Object.assign({},s),{sortDirection:this.getHeaderCellSortState(s)}))),vertical:(e=this.state._headers.vertical)===null||e===void 0?void 0:e.map(r=>r.map(s=>Object.assign(Object.assign({},s),{sortDirection:this.getHeaderCellSortState(s)})))};return p(P,{key:"c10ebdf564f6b55abc7832cb1451dfc590d51638",class:"kol-table-stateful"},this.pageEndSlice>0&&this.showPagination&&l,p(x,{key:"e8647828c9d9abf89bfe5971737039d46624bd6e",ref:this.catchRef,_data:a,_headerCells:o,_label:this.state._label,_dataFoot:this.state._dataFoot,_minWidth:this.state._minWidth,_on:{onSort:(r,s)=>{this.handleSort(s)},onSelectionChange:(r,s)=>{this.handleSelectionChange(r,s)}},_selection:this.state._selection}),this.pageEndSlice>0&&this.showPagination&&h)}get host(){return C(this)}static get watchers(){return{_allowMultiSort:["validateAllowMultiSort"],_data:["validateData"],_dataFoot:["validateDataFoot"],_paginationPosition:["validatePaginationPosition"],_headers:["validateHeaders"],_label:["validateLabel"],_minWidth:["validateMinWidth"],_selection:["validateSelection"],_on:["validateOn"],_pagination:["validatePagination"]}}};L.style={default:K};export{L as kol_table_stateful};
+//# sourceMappingURL=kol-table-stateful.entry-s-BMU2Yc.js.map

package/dist/assets/kol-table-stateful.entry-s-BMU2Yc.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"kol-table-stateful.entry-s-BMU2Yc.js","sources":["../../../../components/dist/esm/kol-table-stateful.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h, H as Host, g as getElement } from './index-3bfee590.js';\nimport { w as watchValidator, m as setState, M as emptyStringByArrayHandler, y as watchString, l as parseJson, o as objectObjectHandler, C as devHint } from './index-50898179.js';\nimport { t as translate } from './i18n-b4507b80.js';\nimport { q as KolPaginationTag, r as KolTableStatelessWcTag } from './component-names-4cb1c62b.js';\nimport { t as tryToDispatchKoliBriEvent } from './events-29e84d75.js';\nimport { E as Events } from './keyboard-77e19a81.js';\nimport { v as validateTableData, a as validateTableDataFoot, b as validateTableSelection, c as validateTableStatefulCallbacks } from './table-selection-e9061dc2.js';\nimport { v as validateLabel } from './label-2d7e2d68.js';\nimport './i18n-b14e6088.js';\n\nconst paginationPositionPropTypeOptions = ['top', 'bottom', 'both'];\nconst validatePaginationPosition = (component, value) => {\n    watchValidator(component, `_paginationPosition`, (value) => typeof value === 'string' && paginationPositionPropTypeOptions.includes(value), new Set([`PaginationPositionPropType {${paginationPositionPropTypeOptions.join(', ')}`]), value, {\n        defaultValue: 'bottom',\n    });\n};\n\nconst defaultStyleCss = \"/*\\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(44rem / var(--kolibri-root-font-size, 16));\\n    color: black;\\n    /*\\n     * No element should be used without a background and font color whose contrast ratio has\\n     * not been checked. By initially setting the background color to white and the font color\\n     * to black, the contrast ratio is ensured and explicit adjustment is forced.\\n     */\\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  * {\\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 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 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: absolute;\\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%; /* 100% needed for custom width from outside */\\n    margin: 0;\\n    padding: 0;\\n    border: none;\\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}\\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(16rem / 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  /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\\n  .kol-span-wc {\\n    display: grid;\\n    place-items: center;\\n  }\\n  /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\\n  .kol-span-wc > span {\\n    display: flex;\\n    place-items: center;\\n  }\\n  a,\\n  button {\\n    cursor: pointer;\\n  }\\n  /* This is the text label. */\\n  .hide-label > .kol-span-wc > span > span {\\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-wc,\\n  [disabled]:focus .kol-span-wc {\\n    outline: none !important;\\n  }\\n  .badge-text-hint {\\n    color: black;\\n    background-color: lightgray;\\n  }\\n}\\n@layer kol-component {\\n  :host {\\n    display: block;\\n  }\\n}\\n@layer kol-component {\\n  .kol-tooltip-wc {\\n    display: contents;\\n    contain: layout;\\n  }\\n  .kol-tooltip-wc .tooltip-floating {\\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);\\n    max-width: 90vw;\\n    max-height: 90vh;\\n    visibility: hidden;\\n    animation-duration: 0.25s;\\n    animation-iteration-count: 1;\\n    animation-name: fadeInOpacity;\\n    animation-timing-function: ease-in;\\n  }\\n  /* Shared between content and arrow */\\n  .kol-tooltip-wc .tooltip-area {\\n    color: #000;\\n    background-color: #fff;\\n  }\\n  .kol-tooltip-wc .tooltip-arrow {\\n    transform: rotate(45deg);\\n    position: absolute;\\n    z-index: 999;\\n    width: calc(10rem / var(--kolibri-root-font-size, 16));\\n    height: calc(10rem / var(--kolibri-root-font-size, 16));\\n  }\\n  .kol-tooltip-wc .tooltip-content {\\n    position: relative;\\n    z-index: 1000;\\n  }\\n  @keyframes fadeInOpacity {\\n    0% {\\n      opacity: 0;\\n    }\\n    100% {\\n      opacity: 1;\\n    }\\n  }\\n}\\n@layer kol-component {\\n  div.pagination {\\n    display: grid;\\n    place-items: center;\\n  }\\n  div.pagination .kol-pagination {\\n    display: flex;\\n    flex-wrap: wrap;\\n  }\\n  div.pagination > div:last-child {\\n    display: grid;\\n    place-items: center;\\n  }\\n  @media (max-width: 1024px) {\\n    div.pagination .kol-pagination {\\n      flex-direction: column;\\n    }\\n  }\\n  @media (min-width: 1024px) {\\n    div.pagination,\\n    div.pagination > div:last-child {\\n      grid-auto-flow: column;\\n    }\\n  }\\n}\\n@layer kol-component {\\n  :host,\\n  .kol-table-stateless-wc {\\n    display: block;\\n  }\\n  .table {\\n    max-width: 100%;\\n    overflow-x: auto;\\n    overflow-y: hidden;\\n  }\\n  table {\\n    width: 100%;\\n  }\\n  caption {\\n    text-align: start;\\n  }\\n  .focus-element:focus {\\n    outline: 0 !important;\\n  }\\n  .table:has(.focus-element:focus) {\\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  .table-sort-button .button {\\n    color: inherit;\\n  }\\n  tbody th,\\n  th.align-left {\\n    text-align: left;\\n  }\\n  tbody th .table-sort-button .button-inner,\\n  th.align-left .table-sort-button .button-inner {\\n    justify-items: start;\\n  }\\n  th.align-center {\\n    text-align: center;\\n  }\\n  th.align-center .table-sort-button .button-inner {\\n    justify-items: center;\\n  }\\n  th.align-right {\\n    text-align: right;\\n  }\\n  th.align-right .table-sort-button .button-inner {\\n    justify-items: end;\\n  }\\n  tr.foot-spacer,\\n  tr.head-spacer {\\n    display: none;\\n  }\\n  .selection-header-cell {\\n    width: 0;\\n  }\\n  .selection-cell {\\n    width: var(--a11y-min-size);\\n    height: var(--a11y-min-size);\\n    white-space: nowrap;\\n  }\\n  .input label {\\n    display: flex;\\n    position: relative;\\n    width: var(--a11y-min-size);\\n    height: var(--a11y-min-size);\\n    align-items: center;\\n    justify-content: center;\\n    cursor: pointer;\\n  }\\n  .input .icon {\\n    display: block;\\n    position: absolute;\\n    inset: auto;\\n    z-index: 1;\\n  }\\n  .input input {\\n    border-style: solid;\\n    margin: 0;\\n    appearance: none;\\n    cursor: pointer;\\n  }\\n  .input input:before {\\n    content: \\\"\\\";\\n  }\\n  .input input[type=checkbox] {\\n    background-color: rgb(255, 255, 255);\\n    display: flex;\\n    position: relative;\\n    width: calc(var(--a11y-min-size) / 2);\\n    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    transition: all 0.5s ease 0s;\\n  }\\n  .input input[type=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  .input input[type=radio]:before {\\n    border-radius: 100%;\\n    width: 0.75em;\\n    height: 0.75em;\\n    margin: auto;\\n  }\\n  .input input[type=radio]:checked:before {\\n    background-color: #000;\\n  }\\n  @media (forced-colors: active) {\\n    .input input[type=radio]:checked:before {\\n      /* Give it a visible background in forced colors mode */\\n      background-color: selectedItem !important;\\n    }\\n  }\\n}\";\nconst KolTableStatefulDefaultStyle0 = defaultStyleCss;\n\nconst PAGINATION_OPTIONS = [10, 20, 50, 100];\nconst paginationValidator = (value) => value === true || value === '' || (typeof value === 'object' && value !== null);\nconst KolTableStateful = class {\n    constructor(hostRef) {\n        registerInstance(this, hostRef);\n        this.catchRef = (ref) => {\n            this.tableWcRef = ref;\n        };\n        this.sortDirections = new Map();\n        this.sortData = [];\n        this.showPagination = false;\n        this.pageStartSlice = 0;\n        this.pageEndSlice = 10;\n        this.disableSort = false;\n        this.sortedColumnHead = { label: '', key: '', sortDirection: 'NOS' };\n        this.setSortDirection = (sort, direction) => {\n            this.sortDirections.clear();\n            this.sortDirections.set(sort, direction);\n            this.sortFunction = sort;\n        };\n        this.handlePagination = {\n            onClick: (event, page) => {\n                var _a;\n                if (typeof ((_a = this.state._pagination._on) === null || _a === void 0 ? void 0 : _a.onClick) === 'function') {\n                    this.state._pagination._on.onClick(event, page);\n                }\n                setState(this, '_pagination', Object.assign(Object.assign({}, this.state._pagination), { _page: page }));\n            },\n            onChangePage: (event, page) => {\n                var _a;\n                if (typeof ((_a = this.state._pagination._on) === null || _a === void 0 ? void 0 : _a.onChangePage) === 'function') {\n                    this.state._pagination._on.onChangePage(event, page);\n                }\n                setState(this, '_pagination', Object.assign(Object.assign({}, this.state._pagination), { _page: page }));\n            },\n            onChangePageSize: (event, pageSize) => {\n                var _a;\n                if (typeof ((_a = this.state._pagination._on) === null || _a === void 0 ? void 0 : _a.onChangePageSize) === 'function') {\n                    this.state._pagination._on.onChangePageSize(event, pageSize);\n                }\n                setState(this, '_pagination', Object.assign(Object.assign({}, this.state._pagination), { _pageSize: pageSize }));\n                setState(this, '_pageSize', pageSize);\n            },\n        };\n        this.onSelectionChange = (event) => {\n            event.stopPropagation();\n        };\n        this.updateSortedData = (cell = this.sortedColumnHead) => {\n            if (this.disableSort) {\n                setState(this, '_sortedData', this.state._data);\n                return;\n            }\n            let sortedData = [...this.state._data];\n            if (this.sortData.length > 0) {\n                sortedData.sort((a, b) => {\n                    for (let index = 0; index < this.sortData.length; index++) {\n                        const data = this.sortData[index];\n                        const result = data.compareFn(a, b);\n                        if (result !== 0) {\n                            return data.direction === 'ASC' ? result : -result;\n                        }\n                    }\n                    return 0;\n                });\n            }\n            else if (typeof this.sortFunction === 'function') {\n                switch (this.sortDirections.get(this.sortFunction)) {\n                    case 'ASC':\n                        sortedData = this.sortFunction([...this.state._data]);\n                        this.sortedColumnHead = { label: cell.label, key: cell.key, sortDirection: 'ASC' };\n                        break;\n                    case 'DESC':\n                        sortedData = this.sortFunction([...this.state._data]).reverse();\n                        this.sortedColumnHead = { label: cell.label, key: cell.key, sortDirection: 'DESC' };\n                        break;\n                    case 'NOS':\n                    default:\n                        this.sortedColumnHead = { label: '', key: '', sortDirection: 'NOS' };\n                }\n            }\n            setState(this, '_sortedData', sortedData);\n        };\n        this._allowMultiSort = undefined;\n        this._data = undefined;\n        this._dataFoot = undefined;\n        this._headers = undefined;\n        this._label = undefined;\n        this._minWidth = undefined;\n        this._pagination = undefined;\n        this._paginationPosition = 'bottom';\n        this._selection = undefined;\n        this._on = undefined;\n        this.state = {\n            _allowMultiSort: false,\n            _data: [],\n            _dataFoot: [],\n            _headers: {\n                horizontal: [],\n                vertical: [],\n            },\n            _label: '',\n            _pagination: {\n                _page: 1,\n                _pageSize: 10,\n                _max: 0,\n            },\n            _sortedData: [],\n            _paginationPosition: 'bottom',\n        };\n    }\n    validateAllowMultiSort(value) {\n        watchValidator(this, '_allowMultiSort', () => true, new Set(['boolean']), value, {\n            defaultValue: false,\n        });\n    }\n    validateData(value) {\n        validateTableData(this, value, {\n            afterPatch: () => {\n                setTimeout(this.updateSortedData);\n            },\n        });\n    }\n    validateDataFoot(value) {\n        validateTableDataFoot(this, value, {\n            afterPatch: () => {\n                setTimeout(this.updateSortedData);\n            },\n        });\n    }\n    validatePaginationPosition(value) {\n        validatePaginationPosition(this, value);\n    }\n    changeCellSort(headerCell) {\n        var _a;\n        if (typeof headerCell.compareFn === 'function') {\n            if (!this.state._allowMultiSort && headerCell.key !== ((_a = this.sortData[0]) === null || _a === void 0 ? void 0 : _a.key)) {\n                this.sortData = [];\n            }\n            const index = this.sortData.findIndex((value) => value.key === headerCell.key);\n            if (index >= 0) {\n                const settings = this.sortData[index];\n                switch (settings.direction) {\n                    case 'ASC':\n                        settings.direction = 'DESC';\n                        break;\n                    case 'DESC':\n                        this.sortData.splice(index, 1);\n                        break;\n                    default:\n                        settings.direction = 'ASC';\n                        break;\n                }\n            }\n            else if (headerCell.key) {\n                this.sortData.push({\n                    label: headerCell.label,\n                    key: headerCell.key,\n                    compareFn: headerCell.compareFn,\n                    direction: 'ASC',\n                });\n            }\n            this.updateSortedData(headerCell);\n        }\n        else if (typeof headerCell.sort === 'function') {\n            this.sortFunction = headerCell.sort;\n            switch (this.sortDirections.get(this.sortFunction)) {\n                case 'ASC':\n                    this.setSortDirection(this.sortFunction, 'DESC');\n                    break;\n                case 'DESC':\n                    this.setSortDirection(this.sortFunction, 'NOS');\n                    break;\n                default:\n                    this.setSortDirection(this.sortFunction, 'ASC');\n            }\n            this.updateSortedData(headerCell);\n        }\n    }\n    validateHeaders(value) {\n        emptyStringByArrayHandler(value, () => {\n            objectObjectHandler(value, () => {\n                try {\n                    value = parseJson(value);\n                }\n                catch (e) {\n                }\n                watchValidator(this, '_headers', (value) => typeof value === 'object' && value !== null, new Set(['KoliBriTableHeaders']), value, {\n                    hooks: {\n                        beforePatch: (nextValue) => {\n                            var _a, _b, _c, _d;\n                            const applySort = (headers) => {\n                                let hasSortedCells = false;\n                                headers.forEach((cell) => {\n                                    const key = cell.key;\n                                    if (!key) {\n                                        return;\n                                    }\n                                    const sortDirection = cell.sortDirection;\n                                    if (sortDirection === 'ASC' || sortDirection === 'DESC') {\n                                        if (typeof cell.compareFn === 'function') {\n                                            if (this.state._allowMultiSort || this.sortData.length === 0) {\n                                                this.sortData.push({ label: cell.label, key, compareFn: cell.compareFn, direction: sortDirection });\n                                            }\n                                            hasSortedCells = true;\n                                        }\n                                        else if (typeof cell.sort === 'function') {\n                                            this.setSortDirection(cell.sort, sortDirection);\n                                            setTimeout(() => this.updateSortedData({ key, label: cell.label, sortDirection }));\n                                        }\n                                    }\n                                });\n                                if (hasSortedCells) {\n                                    setTimeout(() => this.updateSortedData());\n                                }\n                            };\n                            const headers = nextValue;\n                            (_a = headers.horizontal) === null || _a === void 0 ? void 0 : _a.forEach(applySort);\n                            (_b = headers.vertical) === null || _b === void 0 ? void 0 : _b.forEach(applySort);\n                            if (headers.horizontal && headers.vertical && ((_c = headers.horizontal) === null || _c === void 0 ? void 0 : _c.length) > 0 && ((_d = headers.vertical) === null || _d === void 0 ? void 0 : _d.length) > 0) {\n                                this.disableSort = true;\n                                devHint(`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)`);\n                            }\n                        },\n                    },\n                });\n            });\n        });\n    }\n    validateLabel(value) {\n        validateLabel(this, value, {\n            required: true,\n        });\n    }\n    validateMinWidth(value) {\n        watchString(this, '_minWidth', value, {\n            defaultValue: undefined,\n        });\n    }\n    validateSelection(value) {\n        validateTableSelection(this, value);\n    }\n    validateOn(value) {\n        validateTableStatefulCallbacks(this, value);\n    }\n    validatePagination(value) {\n        try {\n            value = parseJson(value);\n        }\n        catch (e) {\n        }\n        this.showPagination = paginationValidator(value);\n        watchValidator(this, '_pagination', paginationValidator, new Set(['boolean', 'KoliBriTablePagination']), value, {\n            defaultValue: {\n                _page: 1,\n                _pageSize: 10,\n                _max: 0,\n            },\n        });\n    }\n    componentDidLoad() {\n        var _a;\n        (_a = this.tableWcRef) === null || _a === void 0 ? void 0 : _a.addEventListener('kol-selection-change', this.onSelectionChange);\n    }\n    disconnectedCallback() {\n        var _a;\n        (_a = this.tableWcRef) === null || _a === void 0 ? void 0 : _a.removeEventListener('kol-selection-change', this.onSelectionChange);\n    }\n    componentWillLoad() {\n        this.validateAllowMultiSort(this._allowMultiSort);\n        this.validateData(this._data);\n        this.validateDataFoot(this._dataFoot);\n        this.validateHeaders(this._headers);\n        this.validateLabel(this._label);\n        this.validateMinWidth(this._minWidth);\n        this.validatePagination(this._pagination);\n        this.validatePaginationPosition(this._paginationPosition);\n        this.validateSelection(this._selection);\n        this.validateOn(this._on);\n    }\n    selectDisplayedData(data, pageSize, page) {\n        if (typeof pageSize === 'number' && pageSize > 0 && typeof page === 'number' && page > 0) {\n            this.pageStartSlice = pageSize * (page - 1);\n            this.pageEndSlice = pageSize * page > data.length ? data.length : pageSize * page;\n            return data.slice(this.pageStartSlice, this.pageEndSlice);\n        }\n        else {\n            this.pageStartSlice = 0;\n            this.pageEndSlice = data.length;\n            return data;\n        }\n    }\n    renderPagination(position) {\n        const label = translate('kol-table-pagination-label', {\n            placeholders: {\n                label: `${this.state._label} (${translate(`kol-pagination-position-${position}`)})`,\n            },\n        });\n        return (h(\"div\", { class: \"pagination\" }, h(\"span\", null, translate('kol-table-visible-range', {\n            placeholders: {\n                start: this.pageEndSlice > 0 ? (this.pageStartSlice + 1).toString() : '0',\n                end: this.pageEndSlice.toString(),\n                total: this.state._pagination && this.state._pagination._max > 0\n                    ? this.state._pagination._max.toString()\n                    : Array.isArray(this.state._data)\n                        ? this.state._data.length.toString()\n                        : '0',\n            },\n        })), h(\"div\", null, h(KolPaginationTag, { _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 || PAGINATION_OPTIONS, _siblingCount: this.state._pagination._siblingCount, _tooltipAlign: \"bottom\", _max: this.state._pagination._max || this.state._pagination._max || this.state._data.length, _label: label }))));\n    }\n    getHeaderCellSortState(headerCell) {\n        if (!this.disableSort && (typeof headerCell.compareFn === 'function' || typeof headerCell.sort === 'function')) {\n            if (headerCell.key === this.sortedColumnHead.key) {\n                return this.sortedColumnHead.sortDirection;\n            }\n            if (headerCell.key) {\n                const data = this.sortData.find((value) => value.key === headerCell.key);\n                if (data === null || data === void 0 ? void 0 : data.direction) {\n                    return data.direction;\n                }\n            }\n            return 'NOS';\n        }\n    }\n    handleSort({ key }) {\n        const headerCell = [...(this.state._headers.horizontal || []).flat(), ...(this.state._headers.vertical || []).flat()].find((cell) => cell.key === key);\n        if (headerCell) {\n            this.changeCellSort(headerCell);\n        }\n    }\n    getSelectedData(selectedKeys) {\n        var _a;\n        const selection = this.state._selection;\n        if (selection) {\n            const keyPropertyName = (_a = selection.keyPropertyName) !== null && _a !== void 0 ? _a : 'id';\n            const data = this.state._sortedData.filter((item) => selectedKeys.includes(item[keyPropertyName]));\n            if ((selection === null || selection === void 0 ? void 0 : selection.multiple) === false) {\n                return data[0];\n            }\n            if (keyPropertyName)\n                return data;\n        }\n        return null;\n    }\n    handleSelectionChange(event, value) {\n        var _a;\n        const selection = this.state._selection;\n        if (selection)\n            this.state = Object.assign(Object.assign({}, this.state), { _selection: Object.assign(Object.assign({}, selection), { selectedKeys: typeof value === 'object' ? value : [value] }) });\n        const selectedData = this.getSelectedData(value);\n        tryToDispatchKoliBriEvent('selection-change', this.host, selectedData);\n        if (typeof ((_a = this.state._on) === null || _a === void 0 ? void 0 : _a[Events.onSelectionChange]) === 'function') {\n            this.state._on[Events.onSelectionChange](event, selectedData);\n        }\n    }\n    async getSelection() {\n        var _a;\n        const selectedKeys = ((_a = this.state._selection) === null || _a === void 0 ? void 0 : _a.selectedKeys) || [];\n        return this.getSelectedData(selectedKeys);\n    }\n    render() {\n        var _a, _b, _c, _d;\n        const displayedData = this.selectDisplayedData(this.state._sortedData, this.showPagination ? ((_b = (_a = this.state._pagination) === null || _a === void 0 ? void 0 : _a._pageSize) !== null && _b !== void 0 ? _b : 10) : this.state._sortedData.length, this.state._pagination._page || 1);\n        const paginationTop = this._paginationPosition === 'top' || this._paginationPosition === 'both' ? this.renderPagination('top') : null;\n        const paginationBottom = this._paginationPosition === 'bottom' || this._paginationPosition === 'both' ? this.renderPagination('bottom') : null;\n        const headerCells = {\n            horizontal: (_c = this.state._headers.horizontal) === null || _c === void 0 ? void 0 : _c.map((row) => row.map((cell) => (Object.assign(Object.assign({}, cell), { sortDirection: this.getHeaderCellSortState(cell) })))),\n            vertical: (_d = this.state._headers.vertical) === null || _d === void 0 ? void 0 : _d.map((column) => column.map((cell) => (Object.assign(Object.assign({}, cell), { sortDirection: this.getHeaderCellSortState(cell) })))),\n        };\n        return (h(Host, { key: 'c10ebdf564f6b55abc7832cb1451dfc590d51638', class: \"kol-table-stateful\" }, this.pageEndSlice > 0 && this.showPagination && paginationTop, h(KolTableStatelessWcTag, { key: 'e8647828c9d9abf89bfe5971737039d46624bd6e', ref: this.catchRef, _data: displayedData, _headerCells: headerCells, _label: this.state._label, _dataFoot: this.state._dataFoot, _minWidth: this.state._minWidth, _on: {\n                onSort: (_, payload) => {\n                    this.handleSort(payload);\n                },\n                onSelectionChange: (event, value) => {\n                    this.handleSelectionChange(event, value);\n                },\n            }, _selection: this.state._selection }), this.pageEndSlice > 0 && this.showPagination && paginationBottom));\n    }\n    get host() { return getElement(this); }\n    static get watchers() { return {\n        \"_allowMultiSort\": [\"validateAllowMultiSort\"],\n        \"_data\": [\"validateData\"],\n        \"_dataFoot\": [\"validateDataFoot\"],\n        \"_paginationPosition\": [\"validatePaginationPosition\"],\n        \"_headers\": [\"validateHeaders\"],\n        \"_label\": [\"validateLabel\"],\n        \"_minWidth\": [\"validateMinWidth\"],\n        \"_selection\": [\"validateSelection\"],\n        \"_on\": [\"validateOn\"],\n        \"_pagination\": [\"validatePagination\"]\n    }; }\n};\nKolTableStateful.style = {\n    default: KolTableStatefulDefaultStyle0\n};\n\nexport { KolTableStateful as kol_table_stateful };\n\n//# sourceMappingURL=kol-table-stateful.entry.js.map"],"names":["paginationPositionPropTypeOptions","validatePaginationPosition","component","value","watchValidator","defaultStyleCss","KolTableStatefulDefaultStyle0","PAGINATION_OPTIONS","paginationValidator","KolTableStateful","hostRef","registerInstance","ref","sort","direction","event","page","_a","setState","pageSize","cell","sortedData","a","b","index","data","result","validateTableData","validateTableDataFoot","headerCell","settings","emptyStringByArrayHandler","objectObjectHandler","parseJson","nextValue","_b","_c","_d","applySort","headers","hasSortedCells","key","sortDirection","devHint","validateLabel","watchString","validateTableSelection","validateTableStatefulCallbacks","position","label","translate","h","KolPaginationTag","selectedKeys","selection","keyPropertyName","item","selectedData","tryToDispatchKoliBriEvent","Events","displayedData","paginationTop","paginationBottom","headerCells","row","column","Host","KolTableStatelessWcTag","_","payload","getElement"],"mappings":"sZAAA;AAAA;AAAA,GAaA,MAAMA,EAAoC,CAAC,MAAO,SAAU,MAAM,EAC5DC,EAA6B,CAACC,EAAWC,IAAU,CACrDC,EAAeF,EAAW,sBAAwBC,GAAU,OAAOA,GAAU,UAAYH,EAAkC,SAASG,CAAK,EAAG,IAAI,IAAI,CAAC,+BAA+BH,EAAkC,KAAK,IAAI,CAAC,EAAE,CAAC,EAAGG,EAAO,CACzO,aAAc,QACtB,CAAK,CACL,EAEME,EAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAClBC,EAAgCD,EAEhCE,EAAqB,CAAC,GAAI,GAAI,GAAI,GAAG,EACrCC,EAAuBL,GAAUA,IAAU,IAAQA,IAAU,IAAO,OAAOA,GAAU,UAAYA,IAAU,KAC3GM,EAAmB,KAAM,CAC3B,YAAYC,EAAS,CACjBC,EAAiB,KAAMD,CAAO,EAC9B,KAAK,SAAYE,GAAQ,CACrB,KAAK,WAAaA,CACtB,EACA,KAAK,eAAiB,IAAI,IAC1B,KAAK,SAAW,CAAA,EAChB,KAAK,eAAiB,GACtB,KAAK,eAAiB,EACtB,KAAK,aAAe,GACpB,KAAK,YAAc,GACnB,KAAK,iBAAmB,CAAE,MAAO,GAAI,IAAK,GAAI,cAAe,KAAK,EAClE,KAAK,iBAAmB,CAACC,EAAMC,IAAc,CACzC,KAAK,eAAe,MAAK,EACzB,KAAK,eAAe,IAAID,EAAMC,CAAS,EACvC,KAAK,aAAeD,CACxB,EACA,KAAK,iBAAmB,CACpB,QAAS,CAACE,EAAOC,IAAS,CACtB,IAAIC,EACA,QAASA,EAAK,KAAK,MAAM,YAAY,OAAS,MAAQA,IAAO,OAAS,OAASA,EAAG,UAAa,YAC/F,KAAK,MAAM,YAAY,IAAI,QAAQF,EAAOC,CAAI,EAElDE,EAAS,KAAM,cAAe,OAAO,OAAO,OAAO,OAAO,CAAA,EAAI,KAAK,MAAM,WAAW,EAAG,CAAE,MAAOF,CAAI,CAAE,CAAC,CAC3G,EACA,aAAc,CAACD,EAAOC,IAAS,CAC3B,IAAIC,EACA,QAASA,EAAK,KAAK,MAAM,YAAY,OAAS,MAAQA,IAAO,OAAS,OAASA,EAAG,eAAkB,YACpG,KAAK,MAAM,YAAY,IAAI,aAAaF,EAAOC,CAAI,EAEvDE,EAAS,KAAM,cAAe,OAAO,OAAO,OAAO,OAAO,CAAA,EAAI,KAAK,MAAM,WAAW,EAAG,CAAE,MAAOF,CAAI,CAAE,CAAC,CAC3G,EACA,iBAAkB,CAACD,EAAOI,IAAa,CACnC,IAAIF,EACA,QAASA,EAAK,KAAK,MAAM,YAAY,OAAS,MAAQA,IAAO,OAAS,OAASA,EAAG,mBAAsB,YACxG,KAAK,MAAM,YAAY,IAAI,iBAAiBF,EAAOI,CAAQ,EAE/DD,EAAS,KAAM,cAAe,OAAO,OAAO,OAAO,OAAO,CAAA,EAAI,KAAK,MAAM,WAAW,EAAG,CAAE,UAAWC,CAAQ,CAAE,CAAC,EAC/GD,EAAS,KAAM,YAAaC,CAAQ,CACxC,CACZ,EACQ,KAAK,kBAAqBJ,GAAU,CAChCA,EAAM,gBAAe,CACzB,EACA,KAAK,iBAAmB,CAACK,EAAO,KAAK,mBAAqB,CACtD,GAAI,KAAK,YAAa,CAClBF,EAAS,KAAM,cAAe,KAAK,MAAM,KAAK,EAC9C,MACJ,CACA,IAAIG,EAAa,CAAC,GAAG,KAAK,MAAM,KAAK,EACrC,GAAI,KAAK,SAAS,OAAS,EACvBA,EAAW,KAAK,CAACC,EAAGC,IAAM,CACtB,QAASC,EAAQ,EAAGA,EAAQ,KAAK,SAAS,OAAQA,IAAS,CACvD,MAAMC,EAAO,KAAK,SAASD,CAAK,EAC1BE,EAASD,EAAK,UAAUH,EAAGC,CAAC,EAClC,GAAIG,IAAW,EACX,OAAOD,EAAK,YAAc,MAAQC,EAAS,CAACA,CAEpD,CACA,MAAO,EACX,CAAC,UAEI,OAAO,KAAK,cAAiB,WAClC,OAAQ,KAAK,eAAe,IAAI,KAAK,YAAY,EAAC,CAC9C,IAAK,MACDL,EAAa,KAAK,aAAa,CAAC,GAAG,KAAK,MAAM,KAAK,CAAC,EACpD,KAAK,iBAAmB,CAAE,MAAOD,EAAK,MAAO,IAAKA,EAAK,IAAK,cAAe,KAAK,EAChF,MACJ,IAAK,OACDC,EAAa,KAAK,aAAa,CAAC,GAAG,KAAK,MAAM,KAAK,CAAC,EAAE,QAAO,EAC7D,KAAK,iBAAmB,CAAE,MAAOD,EAAK,MAAO,IAAKA,EAAK,IAAK,cAAe,MAAM,EACjF,MACJ,IAAK,MACL,QACI,KAAK,iBAAmB,CAAE,MAAO,GAAI,IAAK,GAAI,cAAe,KAAK,CAC1F,CAEYF,EAAS,KAAM,cAAeG,CAAU,CAC5C,EACA,KAAK,gBAAkB,OACvB,KAAK,MAAQ,OACb,KAAK,UAAY,OACjB,KAAK,SAAW,OAChB,KAAK,OAAS,OACd,KAAK,UAAY,OACjB,KAAK,YAAc,OACnB,KAAK,oBAAsB,SAC3B,KAAK,WAAa,OAClB,KAAK,IAAM,OACX,KAAK,MAAQ,CACT,gBAAiB,GACjB,MAAO,CAAA,EACP,UAAW,CAAA,EACX,SAAU,CACN,WAAY,CAAA,EACZ,SAAU,CAAA,CAC1B,EACY,OAAQ,GACR,YAAa,CACT,MAAO,EACP,UAAW,GACX,KAAM,CACtB,EACY,YAAa,CAAA,EACb,oBAAqB,QACjC,CACI,CACA,uBAAuBlB,EAAO,CAC1BC,EAAe,KAAM,kBAAmB,IAAM,GAAM,IAAI,IAAI,CAAC,SAAS,CAAC,EAAGD,EAAO,CAC7E,aAAc,EAC1B,CAAS,CACL,CACA,aAAaA,EAAO,CAChBwB,EAAkB,KAAMxB,EAAO,CAC3B,WAAY,IAAM,CACd,WAAW,KAAK,gBAAgB,CACpC,CACZ,CAAS,CACL,CACA,iBAAiBA,EAAO,CACpByB,EAAsB,KAAMzB,EAAO,CAC/B,WAAY,IAAM,CACd,WAAW,KAAK,gBAAgB,CACpC,CACZ,CAAS,CACL,CACA,2BAA2BA,EAAO,CAC9BF,EAA2B,KAAME,CAAK,CAC1C,CACA,eAAe0B,EAAY,CACvB,IAAIZ,EACJ,GAAI,OAAOY,EAAW,WAAc,WAAY,CACxC,CAAC,KAAK,MAAM,iBAAmBA,EAAW,QAAUZ,EAAK,KAAK,SAAS,CAAC,KAAO,MAAQA,IAAO,OAAS,OAASA,EAAG,OACnH,KAAK,SAAW,CAAA,GAEpB,MAAMO,EAAQ,KAAK,SAAS,UAAWrB,GAAUA,EAAM,MAAQ0B,EAAW,GAAG,EAC7E,GAAIL,GAAS,EAAG,CACZ,MAAMM,EAAW,KAAK,SAASN,CAAK,EACpC,OAAQM,EAAS,UAAS,CACtB,IAAK,MACDA,EAAS,UAAY,OACrB,MACJ,IAAK,OACD,KAAK,SAAS,OAAON,EAAO,CAAC,EAC7B,MACJ,QACIM,EAAS,UAAY,MACrB,KACxB,CACY,MACSD,EAAW,KAChB,KAAK,SAAS,KAAK,CACf,MAAOA,EAAW,MAClB,IAAKA,EAAW,IAChB,UAAWA,EAAW,UACtB,UAAW,KAC/B,CAAiB,EAEL,KAAK,iBAAiBA,CAAU,CACpC,SACS,OAAOA,EAAW,MAAS,WAAY,CAE5C,OADA,KAAK,aAAeA,EAAW,KACvB,KAAK,eAAe,IAAI,KAAK,YAAY,EAAC,CAC9C,IAAK,MACD,KAAK,iBAAiB,KAAK,aAAc,MAAM,EAC/C,MACJ,IAAK,OACD,KAAK,iBAAiB,KAAK,aAAc,KAAK,EAC9C,MACJ,QACI,KAAK,iBAAiB,KAAK,aAAc,KAAK,CAClE,CACY,KAAK,iBAAiBA,CAAU,CACpC,CACJ,CACA,gBAAgB1B,EAAO,CACnB4B,EAA0B5B,EAAO,IAAM,CACnC6B,EAAoB7B,EAAO,IAAM,CAC7B,GAAI,CACAA,EAAQ8B,EAAU9B,CAAK,CAC3B,MACU,CACV,CACAC,EAAe,KAAM,WAAaD,GAAU,OAAOA,GAAU,UAAYA,IAAU,KAAM,IAAI,IAAI,CAAC,qBAAqB,CAAC,EAAGA,EAAO,CAC9H,MAAO,CACH,YAAc+B,GAAc,CACxB,IAAIjB,EAAIkB,EAAIC,EAAIC,EAChB,MAAMC,EAAaC,GAAY,CAC3B,IAAIC,EAAiB,GACrBD,EAAQ,QAASnB,GAAS,CACtB,MAAMqB,EAAMrB,EAAK,IACjB,GAAI,CAACqB,EACD,OAEJ,MAAMC,EAAgBtB,EAAK,eACvBsB,IAAkB,OAASA,IAAkB,UACzC,OAAOtB,EAAK,WAAc,aACtB,KAAK,MAAM,iBAAmB,KAAK,SAAS,SAAW,IACvD,KAAK,SAAS,KAAK,CAAE,MAAOA,EAAK,MAAO,IAAAqB,EAAK,UAAWrB,EAAK,UAAW,UAAWsB,CAAa,CAAE,EAEtGF,EAAiB,IAEZ,OAAOpB,EAAK,MAAS,aAC1B,KAAK,iBAAiBA,EAAK,KAAMsB,CAAa,EAC9C,WAAW,IAAM,KAAK,iBAAiB,CAAE,IAAAD,EAAK,MAAOrB,EAAK,MAAO,cAAAsB,CAAa,CAAE,CAAC,GAG7F,CAAC,EACGF,GACA,WAAW,IAAM,KAAK,kBAAkB,CAEhD,EACMD,EAAUL,GACfjB,EAAKsB,EAAQ,cAAgB,MAAQtB,IAAO,QAAkBA,EAAG,QAAQqB,CAAS,GAClFH,EAAKI,EAAQ,YAAc,MAAQJ,IAAO,QAAkBA,EAAG,QAAQG,CAAS,EAC7EC,EAAQ,YAAcA,EAAQ,YAAcH,EAAKG,EAAQ,cAAgB,MAAQH,IAAO,OAAS,OAASA,EAAG,QAAU,KAAOC,EAAKE,EAAQ,YAAc,MAAQF,IAAO,OAAS,OAASA,EAAG,QAAU,IACvM,KAAK,YAAc,GACnBM,EAAQ,6JAA6J,EAE7K,CACxB,CACA,CAAiB,CACL,CAAC,CACL,CAAC,CACL,CACA,cAAcxC,EAAO,CACjByC,EAAc,KAAMzC,EAAO,CACvB,SAAU,EACtB,CAAS,CACL,CACA,iBAAiBA,EAAO,CACpB0C,EAAY,KAAM,YAAa1C,EAAO,CAClC,aAAc,MAC1B,CAAS,CACL,CACA,kBAAkBA,EAAO,CACrB2C,EAAuB,KAAM3C,CAAK,CACtC,CACA,WAAWA,EAAO,CACd4C,EAA+B,KAAM5C,CAAK,CAC9C,CACA,mBAAmBA,EAAO,CACtB,GAAI,CACAA,EAAQ8B,EAAU9B,CAAK,CAC3B,MACU,CACV,CACA,KAAK,eAAiBK,EAAoBL,CAAK,EAC/CC,EAAe,KAAM,cAAeI,EAAqB,IAAI,IAAI,CAAC,UAAW,wBAAwB,CAAC,EAAGL,EAAO,CAC5G,aAAc,CACV,MAAO,EACP,UAAW,GACX,KAAM,CACtB,CACA,CAAS,CACL,CACA,kBAAmB,CACf,IAAIc,GACHA,EAAK,KAAK,cAAgB,MAAQA,IAAO,QAAkBA,EAAG,iBAAiB,uBAAwB,KAAK,iBAAiB,CAClI,CACA,sBAAuB,CACnB,IAAIA,GACHA,EAAK,KAAK,cAAgB,MAAQA,IAAO,QAAkBA,EAAG,oBAAoB,uBAAwB,KAAK,iBAAiB,CACrI,CACA,mBAAoB,CAChB,KAAK,uBAAuB,KAAK,eAAe,EAChD,KAAK,aAAa,KAAK,KAAK,EAC5B,KAAK,iBAAiB,KAAK,SAAS,EACpC,KAAK,gBAAgB,KAAK,QAAQ,EAClC,KAAK,cAAc,KAAK,MAAM,EAC9B,KAAK,iBAAiB,KAAK,SAAS,EACpC,KAAK,mBAAmB,KAAK,WAAW,EACxC,KAAK,2BAA2B,KAAK,mBAAmB,EACxD,KAAK,kBAAkB,KAAK,UAAU,EACtC,KAAK,WAAW,KAAK,GAAG,CAC5B,CACA,oBAAoBQ,EAAMN,EAAUH,EAAM,CACtC,OAAI,OAAOG,GAAa,UAAYA,EAAW,GAAK,OAAOH,GAAS,UAAYA,EAAO,GACnF,KAAK,eAAiBG,GAAYH,EAAO,GACzC,KAAK,aAAeG,EAAWH,EAAOS,EAAK,OAASA,EAAK,OAASN,EAAWH,EACtES,EAAK,MAAM,KAAK,eAAgB,KAAK,YAAY,IAGxD,KAAK,eAAiB,EACtB,KAAK,aAAeA,EAAK,OAClBA,EAEf,CACA,iBAAiBuB,EAAU,CACvB,MAAMC,EAAQC,EAAU,6BAA8B,CAClD,aAAc,CACV,MAAO,GAAG,KAAK,MAAM,MAAM,KAAKA,EAAU,2BAA2BF,CAAQ,EAAE,CAAC,GAChG,CACA,CAAS,EACD,OAAQG,EAAE,MAAO,CAAE,MAAO,YAAY,EAAIA,EAAE,OAAQ,KAAMD,EAAU,0BAA2B,CAC3F,aAAc,CACV,MAAO,KAAK,aAAe,GAAK,KAAK,eAAiB,GAAG,SAAQ,EAAK,IACtE,IAAK,KAAK,aAAa,SAAQ,EAC/B,MAAO,KAAK,MAAM,aAAe,KAAK,MAAM,YAAY,KAAO,EACzD,KAAK,MAAM,YAAY,KAAK,SAAQ,EACpC,MAAM,QAAQ,KAAK,MAAM,KAAK,EAC1B,KAAK,MAAM,MAAM,OAAO,SAAQ,EAChC,GAC1B,CACA,CAAS,CAAC,EAAGC,EAAE,MAAO,KAAMA,EAAEC,EAAkB,CAAE,eAAgB,KAAK,MAAM,YAAY,eAAgB,aAAc,KAAK,MAAM,YAAY,aAAc,IAAK,KAAK,iBAAkB,MAAO,KAAK,MAAM,YAAY,MAAO,UAAW,KAAK,MAAM,YAAY,UAAW,iBAAkB,KAAK,MAAM,YAAY,kBAAoB7C,EAAoB,cAAe,KAAK,MAAM,YAAY,cAAe,cAAe,SAAU,KAAM,KAAK,MAAM,YAAY,MAAQ,KAAK,MAAM,YAAY,MAAQ,KAAK,MAAM,MAAM,OAAQ,OAAQ0C,CAAK,CAAE,CAAC,CAAC,CACnhB,CACA,uBAAuBpB,EAAY,CAC/B,GAAI,CAAC,KAAK,cAAgB,OAAOA,EAAW,WAAc,YAAc,OAAOA,EAAW,MAAS,YAAa,CAC5G,GAAIA,EAAW,MAAQ,KAAK,iBAAiB,IACzC,OAAO,KAAK,iBAAiB,cAEjC,GAAIA,EAAW,IAAK,CAChB,MAAMJ,EAAO,KAAK,SAAS,KAAMtB,GAAUA,EAAM,MAAQ0B,EAAW,GAAG,EACvE,GAAgDJ,GAAK,UACjD,OAAOA,EAAK,SAEpB,CACA,MAAO,KACX,CACJ,CACA,WAAW,CAAE,IAAAgB,GAAO,CAChB,MAAMZ,EAAa,CAAC,IAAI,KAAK,MAAM,SAAS,YAAc,CAAA,GAAI,KAAI,EAAI,IAAI,KAAK,MAAM,SAAS,UAAY,CAAA,GAAI,KAAI,CAAE,EAAE,KAAMT,GAASA,EAAK,MAAQqB,CAAG,EACjJZ,GACA,KAAK,eAAeA,CAAU,CAEtC,CACA,gBAAgBwB,EAAc,CAC1B,IAAIpC,EACJ,MAAMqC,EAAY,KAAK,MAAM,WAC7B,GAAIA,EAAW,CACX,MAAMC,GAAmBtC,EAAKqC,EAAU,mBAAqB,MAAQrC,IAAO,OAASA,EAAK,KACpFQ,EAAO,KAAK,MAAM,YAAY,OAAQ+B,GAASH,EAAa,SAASG,EAAKD,CAAe,CAAC,CAAC,EACjG,GAA2DD,GAAU,WAAc,GAC/E,OAAO7B,EAAK,CAAC,EAEjB,GAAI8B,EACA,OAAO9B,CACf,CACA,OAAO,IACX,CACA,sBAAsBV,EAAOZ,EAAO,CAChC,IAAIc,EACJ,MAAMqC,EAAY,KAAK,MAAM,WACzBA,IACA,KAAK,MAAQ,OAAO,OAAO,OAAO,OAAO,CAAA,EAAI,KAAK,KAAK,EAAG,CAAE,WAAY,OAAO,OAAO,OAAO,OAAO,CAAA,EAAIA,CAAS,EAAG,CAAE,aAAc,OAAOnD,GAAU,SAAWA,EAAQ,CAACA,CAAK,CAAC,CAAE,CAAC,CAAE,GACxL,MAAMsD,EAAe,KAAK,gBAAgBtD,CAAK,EAC/CuD,EAA0B,mBAAoB,KAAK,KAAMD,CAAY,EACjE,QAASxC,EAAK,KAAK,MAAM,OAAS,MAAQA,IAAO,OAAS,OAASA,EAAG0C,EAAO,iBAAiB,IAAO,YACrG,KAAK,MAAM,IAAIA,EAAO,iBAAiB,EAAE5C,EAAO0C,CAAY,CAEpE,CACA,MAAM,cAAe,CACjB,IAAIxC,EACJ,MAAMoC,IAAiBpC,EAAK,KAAK,MAAM,cAAgB,MAAQA,IAAO,OAAS,OAASA,EAAG,eAAiB,CAAA,EAC5G,OAAO,KAAK,gBAAgBoC,CAAY,CAC5C,CACA,QAAS,CACL,IAAIpC,EAAIkB,EAAIC,EAAIC,EAChB,MAAMuB,EAAgB,KAAK,oBAAoB,KAAK,MAAM,YAAa,KAAK,gBAAmBzB,GAAMlB,EAAK,KAAK,MAAM,eAAiB,MAAQA,IAAO,OAAS,OAASA,EAAG,aAAe,MAAQkB,IAAO,OAASA,EAAK,GAAM,KAAK,MAAM,YAAY,OAAQ,KAAK,MAAM,YAAY,OAAS,CAAC,EACtR0B,EAAgB,KAAK,sBAAwB,OAAS,KAAK,sBAAwB,OAAS,KAAK,iBAAiB,KAAK,EAAI,KAC3HC,EAAmB,KAAK,sBAAwB,UAAY,KAAK,sBAAwB,OAAS,KAAK,iBAAiB,QAAQ,EAAI,KACpIC,EAAc,CAChB,YAAa3B,EAAK,KAAK,MAAM,SAAS,cAAgB,MAAQA,IAAO,OAAS,OAASA,EAAG,IAAK4B,GAAQA,EAAI,IAAK5C,GAAU,OAAO,OAAO,OAAO,OAAO,CAAA,EAAIA,CAAI,EAAG,CAAE,cAAe,KAAK,uBAAuBA,CAAI,CAAC,CAAE,CAAE,CAAC,EACxN,UAAWiB,EAAK,KAAK,MAAM,SAAS,YAAc,MAAQA,IAAO,OAAS,OAASA,EAAG,IAAK4B,GAAWA,EAAO,IAAK7C,GAAU,OAAO,OAAO,OAAO,OAAO,CAAA,EAAIA,CAAI,EAAG,CAAE,cAAe,KAAK,uBAAuBA,CAAI,CAAC,CAAE,CAAE,CAAC,CACtO,EACQ,OAAQ+B,EAAEe,EAAM,CAAE,IAAK,2CAA4C,MAAO,oBAAoB,EAAI,KAAK,aAAe,GAAK,KAAK,gBAAkBL,EAAeV,EAAEgB,EAAwB,CAAE,IAAK,2CAA4C,IAAK,KAAK,SAAU,MAAOP,EAAe,aAAcG,EAAa,OAAQ,KAAK,MAAM,OAAQ,UAAW,KAAK,MAAM,UAAW,UAAW,KAAK,MAAM,UAAW,IAAK,CAC7Y,OAAQ,CAACK,EAAGC,IAAY,CACpB,KAAK,WAAWA,CAAO,CAC3B,EACA,kBAAmB,CAACtD,EAAOZ,IAAU,CACjC,KAAK,sBAAsBY,EAAOZ,CAAK,CAC3C,CAChB,EAAe,WAAY,KAAK,MAAM,UAAU,CAAE,EAAG,KAAK,aAAe,GAAK,KAAK,gBAAkB2D,CAAgB,CACjH,CACA,IAAI,MAAO,CAAE,OAAOQ,EAAW,IAAI,CAAG,CACtC,WAAW,UAAW,CAAE,MAAO,CAC3B,gBAAmB,CAAC,wBAAwB,EAC5C,MAAS,CAAC,cAAc,EACxB,UAAa,CAAC,kBAAkB,EAChC,oBAAuB,CAAC,4BAA4B,EACpD,SAAY,CAAC,iBAAiB,EAC9B,OAAU,CAAC,eAAe,EAC1B,UAAa,CAAC,kBAAkB,EAChC,WAAc,CAAC,mBAAmB,EAClC,IAAO,CAAC,YAAY,EACpB,YAAe,CAAC,oBAAoB,CAC5C,CAAO,CACP,EACA7D,EAAiB,MAAQ,CACrB,QAASH,CACb"}

package/dist/assets/kol-table-stateless-wc.entry-Dg6IYcaf.js

@@ -0,0 +1,4 @@
+import{r as w,h as r,t as A,e as C,K as D,F as T,c as E,H as R,m as z,aa as H,o as K,p as F,w as O}from"./index-DzC8uzw2.js";import{t as S}from"./i18n-b4507b80-rWfzuBgg.js";import{E as g}from"./keyboard-77e19a81-D1ah5412.js";import{n as $}from"./dev.utils-7d7ddeeb-C8h3d5dg.js";import{t as k}from"./events-29e84d75-BhxFwhXP.js";import{v as x,a as W,d as j,b as M}from"./table-selection-e9061dc2-4pSLzxnl.js";import{v as P}from"./label-2d7e2d68-CmR1a8EN.js";/*!
+ * KoliBri - The accessible HTML-Standard
+ */const L=(t,e)=>{H(e,()=>{K(e,()=>{try{e=F(e)}catch{}O(t,"_headerCells",a=>typeof a=="object"&&a!==null&&(a.horizontal===void 0||Array.isArray(a.horizontal)&&a.horizontal.find(i=>!Array.isArray(i))===void 0)&&(a.vertical===void 0||Array.isArray(a.vertical)&&a.vertical.find(i=>!Array.isArray(i))===void 0)&&!0,new Set(["TableHeaderCellsPropType"]),e)})})},Q=class{constructor(t){w(this,t),this.horizontal=!0,this.cellsToRenderTimeouts=new Map,this.dataToKeyMap=new Map,this.checkboxRefs=[],this.translateSort=S("kol-sort"),this.renderTableRow=(e,a,i)=>{var n,o;let s=String(a);return this.horizontal&&(!((n=e[0])===null||n===void 0)&&n.data)&&(s=(o=this.getDataKey(e[0].data))!==null&&o!==void 0?o:s),r("tr",{key:`row-${s}`},this.renderSelectionCell(e,a),e.map((h,d)=>this.renderTableCell(h,a,d,i)))},this.renderTableCell=(e,a,i,n)=>{let o=`${a}-${i}-${e.label}`;if(e.data){const s=this.getDataKey(e.data);o=s?`${s}-${this.horizontal?i:a}`:o}return e.asTd===!1?this.renderHeadingCell(e,a,i,n):r("td",{key:`cell-${o}`,class:{[e.textAlign]:typeof e.textAlign=="string"&&e.textAlign.length>0},colSpan:e.colSpan,rowSpan:e.rowSpan,style:{textAlign:e.textAlign,width:e.width},ref:typeof e.render=="function"?s=>{this.cellRender(e,s)}:void 0},typeof e.render!="function"?e.label:"")},this.state={_data:[],_label:"",_headerCells:{horizontal:[],vertical:[]}},this.tableDivElementHasScrollbar=!1,this._data=void 0,this._dataFoot=void 0,this._headerCells=void 0,this._label=void 0,this._minWidth=void 0,this._on=void 0,this._selection=void 0}validateData(t){x(this,t,{beforePatch:e=>{this.updateDataToKeyMap(e)}})}validateDataFoot(t){W(this,t)}validateHeaderCells(t){L(this,t)}validateLabel(t){P(this,t,{required:!0})}validateMinWidth(t){A(this,"_deprecatedMinWidth",t,{defaultValue:void 0})}validateOn(t){j(this,t)}validateSelection(t){M(this,t)}handleKeyDown(t){var e;if(t.key==="ArrowUp"||t.key==="ArrowDown"){const a=(e=this.tableDivElement)===null||e===void 0?void 0:e.querySelector(":focus");let i=this.checkboxRefs.indexOf(a);i>-1&&(t.preventDefault(),t.key==="ArrowDown"?(i=(i+1)%this.checkboxRefs.length,this.checkboxRefs[i].focus()):t.key==="ArrowUp"&&(t.preventDefault(),i=(i+this.checkboxRefs.length-1)%this.checkboxRefs.length,this.checkboxRefs[i].focus()))}}componentDidRender(){this.checkDivElementScrollbar()}componentDidLoad(){this.tableDivElement&&ResizeObserver&&(this.tableDivElementResizeObserver=new ResizeObserver(this.checkDivElementScrollbar.bind(this)),this.tableDivElementResizeObserver.observe(this.tableDivElement))}disconnectedCallback(){var t;(t=this.tableDivElementResizeObserver)===null||t===void 0||t.disconnect()}checkDivElementScrollbar(){this.tableDivElement&&(this.tableDivElementHasScrollbar=this.tableDivElement.scrollWidth>this.tableDivElement.clientWidth)}updateDataToKeyMap(t){t.forEach(e=>{this.dataToKeyMap.has(e)||this.dataToKeyMap.set(e,$())}),this.dataToKeyMap.forEach((e,a)=>{t.includes(a)||this.dataToKeyMap.delete(a)})}getDataKey(t){return this.dataToKeyMap.get(t)}cellRender(t,e){e&&(clearTimeout(this.cellsToRenderTimeouts.get(e)),this.cellsToRenderTimeouts.set(e,setTimeout(()=>{if(typeof t.render=="function"){const a=t.render(e,t,t.data,this.state._data);typeof a=="string"&&(e.textContent=a)}})))}getNumberOfCols(t,e){let a=0;return t.forEach(i=>{let n=0;Array.isArray(i)&&i.forEach(o=>{var s;return n+=(s=o.colSpan)!==null&&s!==void 0?s:1}),a<n&&(a=n)}),a===0&&(a=e.length),a}getNumberOfRows(t,e){var a;let i=0;return t.forEach(n=>{let o=0;Array.isArray(n)&&n.forEach(s=>{var h;return o+=(h=s.rowSpan)!==null&&h!==void 0?h:1}),i<o&&(i=o)}),i===0?i=e.length:i-=((a=this.state._dataFoot)===null||a===void 0?void 0:a.length)||0,i}getThePrimaryHeadersWithKeyOrRenderFunction(t){const e=[];return t.forEach(a=>{a.forEach(i=>{(typeof i.key=="string"||typeof i.render=="function")&&e.push(i)})}),e}getPrimaryHeaders(t){var e,a;let i=this.getThePrimaryHeadersWithKeyOrRenderFunction((e=t.horizontal)!==null&&e!==void 0?e:[]);return this.horizontal=!0,i.length===0&&(i=this.getThePrimaryHeadersWithKeyOrRenderFunction((a=t.vertical)!==null&&a!==void 0?a:[]),i.length>0&&(this.horizontal=!1)),i}createDataField(t,e,a){var i;e.horizontal=Array.isArray(e?.horizontal)?e.horizontal:[],e.vertical=Array.isArray(e?.vertical)?e.vertical:[];const n=this.getPrimaryHeaders(e),o=this.getNumberOfCols(e.horizontal,t);let s=this.getNumberOfRows(e.vertical,t),h=0;a&&(h=s,s+=((i=this.state._dataFoot)===null||i===void 0?void 0:i.length)||0);const d=[],y=[],p=[];e.vertical.forEach((c,u)=>{y[u]=0,p[u]=[]});for(let c=h;c<s;c++){const u=[];e.vertical.forEach((l,f)=>{let _=0;if(p[f].forEach(b=>_+=b),_<=c){const b=l[c-_+y[f]];if(typeof b=="object"){u.push(Object.assign(Object.assign({},b),{asTd:!1,data:{}}));let v=1;if(typeof b.rowSpan=="number"&&b.rowSpan>1&&(v=b.rowSpan),p[f].push(v),typeof b.colSpan=="number"&&b.colSpan>1)for(let m=1;m<b.colSpan;m++)p[f+m].push(v);y[f]++}}});for(let l=0;l<o;l++)if(this.horizontal===!0){const f=a&&this.state._dataFoot?this.state._dataFoot[c-h]:t[c];typeof n[l]=="object"&&n[l]!==null&&typeof f=="object"&&f!==null&&(typeof n[l].key=="string"||typeof n[l].render=="function")&&u.push(Object.assign(Object.assign({},n[l]),{colSpan:void 0,data:f,label:f[n[l].key],rowSpan:void 0}))}else typeof n[c]=="object"&&n[c]!==null&&typeof t[l]=="object"&&t[l]!==null&&(typeof n[c].key=="string"||typeof n[c].render=="function")&&u.push(Object.assign(Object.assign({},n[c]),{colSpan:void 0,data:t[l],label:t[l][n[c].key],rowSpan:void 0}));d.push(u)}if(t.length===0){let c=0,u=0;Array.isArray(e.horizontal)&&e.horizontal.length>0&&e.horizontal[0].forEach(f=>{c+=f.colSpan||1}),Array.isArray(e.vertical)&&e.vertical.length>0&&(c-=e.vertical.length,e.vertical[0].forEach(f=>{u+=f.rowSpan||1}));const l={colSpan:c,label:S("kol-no-entries"),render:void 0,rowSpan:Math.max(u,1)};d.length===0?d.push([l]):d[0].push(l)}return d}componentWillLoad(){this.validateData(this._data),this.validateDataFoot(this._dataFoot),this.validateHeaderCells(this._headerCells),this.validateLabel(this._label),this.validateMinWidth(this._minWidth),this.validateOn(this._on),this.validateSelection(this._selection)}renderSelectionCell(t,e){var a,i,n;const o=this.state._selection;if(!o)return"";const s=(a=o.keyPropertyName)!==null&&a!==void 0?a:"id",h=(i=t[0])===null||i===void 0?void 0:i.data;if(!h)return"";const d=h[s],y=o.multiple||o.multiple===void 0,p=(n=o?.selectedKeys)===null||n===void 0?void 0:n.includes(d),c=o.label(h),u={name:"selection",checked:p,id:d,"aria-label":c};return r("td",{key:`tbody-${e}-selection`,class:"selection-cell"},r("div",{class:`input ${p?"checked":""}`},y?r("label",{class:"checkbox-container"},r(C,{class:"icon",_icons:`codicon ${p?"codicon-check":""}`,_label:""}),r("input",Object.assign({ref:l=>l&&this.checkboxRefs.push(l)},u,{type:"checkbox",onInput:l=>{var f,_,b;const v=p?(_=o?.selectedKeys)===null||_===void 0?void 0:_.filter(m=>m!==d):[...(f=o?.selectedKeys)!==null&&f!==void 0?f:[],d];k("selection-change",this.host,v),typeof((b=this.state._on)===null||b===void 0?void 0:b[g.onSelectionChange])=="function"&&this.state._on[g.onSelectionChange](l,v??[])}}))):r("label",{class:"radio-container"},r("input",Object.assign({},u,{type:"radio",onInput:l=>{var f;k("selection-change",this.host,d),typeof((f=this.state._on)===null||f===void 0?void 0:f[g.onSelectionChange])=="function"&&this.state._on[g.onSelectionChange](l,d)}}))),r(D,{"aria-hidden":"true",class:"input-tooltip",_align:"right",_id:`${d}-label`,_label:c})))}renderHeadingSelectionCell(){var t,e;const a=this.state._selection;if(!a||!a.multiple&&a.multiple!==void 0)return r("th",{key:"thead-0"});const i=(t=a.keyPropertyName)!==null&&t!==void 0?t:"id",n=(e=a.selectedKeys)===null||e===void 0?void 0:e.length,o=this.state._data.length,s=n===o,h=n!==0&&!s;let d="kol-table-selection-indeterminate";s&&!h&&(d="kol-table-selection-none"),n===0&&(d="kol-table-selection-all");const y=S(d);return r("th",{key:"thead-0-selection",class:"selection-cell selection-control"},r("div",{class:`input ${h?"indeterminate":s?"checked":""}`},r("label",{class:"checkbox-container"},r(C,{class:"icon",_icons:`codicon ${h?"codicon-remove":s?"codicon-check":""}`,_label:""}),r("input",{ref:p=>p&&this.checkboxRefs.push(p),name:"selection",checked:s&&!h,"aria-label":y,type:"checkbox",onInput:p=>{var c;const u=s?[]:this.state._data.map(l=>l?.[i]);k("selection-change",this.host,u),typeof((c=this.state._on)===null||c===void 0?void 0:c[g.onSelectionChange])=="function"&&this.state._on[g.onSelectionChange](p,u)}})),r(D,{"aria-hidden":"true",class:"input-tooltip",_align:"right",_id:`${d}-label`,_label:y})))}renderHeaderTdCell(){return r(T,null,Array.isArray(this.state._headerCells.horizontal)&&this.state._headerCells.horizontal.length>0&&Array.isArray(this.state._headerCells.vertical)&&this.state._headerCells.vertical.length>0&&Array.isArray(this.state._headerCells.horizontal)&&r("td",{"aria-hidden":"true",colSpan:this.state._headerCells.vertical.length,rowSpan:this.state._headerCells.horizontal.length}))}renderHeadingCell(t,e,a,i){let n="none",o="codicon codicon-fold";if(t.sortDirection)switch(t.sortDirection){case"ASC":o="codicon codicon-chevron-up",n="ascending";break;case"DESC":o="codicon codicon-chevron-down",n="descending";break;default:n="none"}const s=i?"row":typeof t.colSpan=="number"&&t.colSpan>1?"colgroup":"col";return r("th",{key:`${e}-${a}-${t.label}`,class:t.textAlign?`align-${t.textAlign}`:void 0,scope:s,colSpan:t.colSpan,rowSpan:t.rowSpan,style:{width:t.width},"aria-sort":n,"data-sort":`sort-${t.sortDirection}`},t.sortDirection?r(E,{class:"table-sort-button",exportparts:"icon",_icons:{right:o},_label:t.label,_ariaDescription:this.translateSort,_on:{onClick:h=>{var d;typeof((d=this.state._on)===null||d===void 0?void 0:d.onSort)=="function"&&t.key&&t.sortDirection&&this.state._on.onSort(h,{key:t.key,currentSortDirection:t.sortDirection})}}}):t.label)}renderSpacer(t,e){var a,i;const n=((a=this.state._headerCells.vertical)===null||a===void 0?void 0:a.length)||0,o=(i=e?.[0])===null||i===void 0?void 0:i.reduce((h,d)=>h+(d.colSpan||1),0),s=this.state._selection?1:0;return r("tr",{"aria-hidden":"true",class:`${t}-spacer`},r("td",{colSpan:n+o+s}))}renderFoot(){if(!this.state._dataFoot||this.state._dataFoot.length===0)return null;const t=this.createDataField(this.state._dataFoot,this.state._headerCells,!0);return r("tfoot",null,[this.renderSpacer("foot",t),t.map((e,a)=>this.renderTableRow(e,a,!0))])}render(){const t=this.createDataField(this.state._data,this.state._headerCells);return this.checkboxRefs=[],r(R,{key:"2b6157fe6524a1b8a9bb0ffbaa3f1d8b45ace526",class:"kol-table-stateless-wc"},r("div",{key:"705c61544f85d1494611470c263aca78f24005fa",ref:e=>this.tableDivElement=e,class:"table",tabindex:this.tableDivElementHasScrollbar?"-1":void 0},r("table",{key:"98354a6a29c89d00ae084b8dc158ef266074211d",style:{minWidth:this.state._deprecatedMinWidth||this.state._minWidth}},r("caption",{key:"7ea81e6665972673e57ac3fc10705a3245c3eccb",id:"caption",tabindex:this.tableDivElementHasScrollbar?"0":void 0},this.state._label),Array.isArray(this.state._headerCells.horizontal)&&r("thead",{key:"facf8b6f29ba68d94b2d5a99ebc41c40a3ff0f00"},[this.state._headerCells.horizontal.map((e,a)=>r("tr",{key:`thead-${a}`},this.state._selection&&this.renderHeadingSelectionCell(),a===0&&this.renderHeaderTdCell(),Array.isArray(e)&&e.map((i,n)=>i.asTd===!0?r("td",{key:`thead-${a}-${n}-${i.label}`,class:{[i.textAlign]:typeof i.textAlign=="string"&&i.textAlign.length>0},colSpan:i.colSpan,rowSpan:i.rowSpan,style:{textAlign:i.textAlign,width:i.width},ref:typeof i.render=="function"?o=>{this.cellRender(i,o)}:void 0},typeof i.render!="function"?i.label:""):this.renderHeadingCell(i,a,n,!1)))),this.renderSpacer("head",this.state._headerCells.horizontal)]),r("tbody",{key:"ae64fd30e6122d2e09e1a019a9cb6a9e47ba9cf5"},t.map((e,a)=>this.renderTableRow(e,a,!0))),this.renderFoot())))}get host(){return z(this)}static get watchers(){return{_data:["validateData"],_dataFoot:["validateDataFoot"],_headerCells:["validateHeaderCells"],_label:["validateLabel"],_minWidth:["validateMinWidth"],_on:["validateOn"],_selection:["validateSelection"]}}};export{Q as kol_table_stateless_wc};
+//# sourceMappingURL=kol-table-stateless-wc.entry-Dg6IYcaf.js.map