@public-ui/components 4.1.3 → 4.1.4-rc.1

package/dist/components/kol-table-stateless-wc.js

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{proxyCustomElement,HTMLElement,h,Fragment}from"@stencil/core/internal/client";import{_ as __rest}from"./tslib.es6.js";import{b as KolButtonWcTag,c as KolLinkWcTag,o as KolTableSettingsWcTag}from"./component-names.js";import{t as translate}from"./i18n.js";import{I as IconFC}from"./component3.js";import{T as TooltipFC}from"./component.js";import{R as emptyStringByArrayHandler,o as objectObjectHandler,p as parseJson,b as watchValidator,s as setState}from"./common.js";import{c as validateHasSettingsMenu,v as validateTableData,a as validateTableDataFoot,b as validateFixedCols,f as validateTableCallbacks,d as validateTableSelection}from"./table-selection.js";import{v as validateLabel}from"./label.js";import{C as Callback}from"./keyboard.js";import{c as clsx}from"./clsx.js";import{n as nonce}from"./dev.utils.js";import{d as dispatchDomEvent,K as KolEvent}from"./events.js";import{M as MapCache,e as eq,U as Uint8Array,f as getAllKeys,b as getTag,d as isBuffer,S as Stack,h as isTypedArray}from"./_Uint8Array.js";import{S as Symbol,a as isArray,i as isObjectLike}from"./isArray.js";var HASH_UNDEFINED="__lodash_hash_undefined__";function setCacheAdd(e){return this.__data__.set(e,HASH_UNDEFINED),this}function setCacheHas(e){return this.__data__.has(e)}function SetCache(e){var t=-1,a=null==e?0:e.length;for(this.__data__=new MapCache;++t<a;)this.add(e[t])}function arraySome(e,t){for(var a=-1,l=null==e?0:e.length;++a<l;)if(t(e[a],a,e))return!0;return!1}function cacheHas(e,t){return e.has(t)}SetCache.prototype.add=SetCache.prototype.push=setCacheAdd,SetCache.prototype.has=setCacheHas;var COMPARE_PARTIAL_FLAG$3=1,COMPARE_UNORDERED_FLAG$1=2;function equalArrays(e,t,a,l,i,s){var o=a&COMPARE_PARTIAL_FLAG$3,r=e.length,n=t.length;if(r!=n&&!(o&&n>r))return!1;var c=s.get(e),d=s.get(t);if(c&&d)return c==t&&d==e;var h=-1,b=!0,u=a&COMPARE_UNORDERED_FLAG$1?new SetCache:void 0;for(s.set(e,t),s.set(t,e);++h<r;){var f=e[h],v=t[h];if(l)var _=o?l(v,f,h,t,e,s):l(f,v,h,e,t,s);if(void 0!==_){if(_)continue;b=!1;break}if(u){if(!arraySome(t,function(e,t){if(!cacheHas(u,t)&&(f===e||i(f,e,a,l,s)))return u.push(t)})){b=!1;break}}else if(f!==v&&!i(f,v,a,l,s)){b=!1;break}}return s.delete(e),s.delete(t),b}function mapToArray(e){var t=-1,a=Array(e.size);return e.forEach(function(e,l){a[++t]=[l,e]}),a}function setToArray(e){var t=-1,a=Array(e.size);return e.forEach(function(e){a[++t]=e}),a}var COMPARE_PARTIAL_FLAG$2=1,COMPARE_UNORDERED_FLAG=2,boolTag="[object Boolean]",dateTag="[object Date]",errorTag="[object Error]",mapTag="[object Map]",numberTag="[object Number]",regexpTag="[object RegExp]",setTag="[object Set]",stringTag="[object String]",symbolTag="[object Symbol]",arrayBufferTag="[object ArrayBuffer]",dataViewTag="[object DataView]",symbolProto=Symbol?Symbol.prototype:void 0,symbolValueOf=symbolProto?symbolProto.valueOf:void 0;function equalByTag(e,t,a,l,i,s,o){switch(a){case dataViewTag:if(e.byteLength!=t.byteLength||e.byteOffset!=t.byteOffset)return!1;e=e.buffer,t=t.buffer;case arrayBufferTag:return!(e.byteLength!=t.byteLength||!s(new Uint8Array(e),new Uint8Array(t)));case boolTag:case dateTag:case numberTag:return eq(+e,+t);case errorTag:return e.name==t.name&&e.message==t.message;case regexpTag:case stringTag:return e==t+"";case mapTag:var r=mapToArray;case setTag:var n=l&COMPARE_PARTIAL_FLAG$2;if(r||(r=setToArray),e.size!=t.size&&!n)return!1;var c=o.get(e);if(c)return c==t;l|=COMPARE_UNORDERED_FLAG,o.set(e,t);var d=equalArrays(r(e),r(t),l,i,s,o);return o.delete(e),d;case symbolTag:if(symbolValueOf)return symbolValueOf.call(e)==symbolValueOf.call(t)}return!1}var COMPARE_PARTIAL_FLAG$1=1,objectProto$1=Object.prototype,hasOwnProperty$1=objectProto$1.hasOwnProperty;function equalObjects(e,t,a,l,i,s){var o=a&COMPARE_PARTIAL_FLAG$1,r=getAllKeys(e),n=r.length;if(n!=getAllKeys(t).length&&!o)return!1;for(var c=n;c--;){var d=r[c];if(!(o?d in t:hasOwnProperty$1.call(t,d)))return!1}var h=s.get(e),b=s.get(t);if(h&&b)return h==t&&b==e;var u=!0;s.set(e,t),s.set(t,e);for(var f=o;++c<n;){var v=e[d=r[c]],_=t[d];if(l)var y=o?l(_,v,d,t,e,s):l(v,_,d,e,t,s);if(!(void 0===y?v===_||i(v,_,a,l,s):y)){u=!1;break}f||(f="constructor"==d)}if(u&&!f){var g=e.constructor,p=t.constructor;g==p||!("constructor"in e)||!("constructor"in t)||"function"==typeof g&&g instanceof g&&"function"==typeof p&&p instanceof p||(u=!1)}return s.delete(e),s.delete(t),u}var COMPARE_PARTIAL_FLAG=1,argsTag="[object Arguments]",arrayTag="[object Array]",objectTag="[object Object]",objectProto=Object.prototype,hasOwnProperty=objectProto.hasOwnProperty;function baseIsEqualDeep(e,t,a,l,i,s){var o=isArray(e),r=isArray(t),n=o?arrayTag:getTag(e),c=r?arrayTag:getTag(t),d=(n=n==argsTag?objectTag:n)==objectTag,h=(c=c==argsTag?objectTag:c)==objectTag,b=n==c;if(b&&isBuffer(e)){if(!isBuffer(t))return!1;o=!0,d=!1}if(b&&!d)return s||(s=new Stack),o||isTypedArray(e)?equalArrays(e,t,a,l,i,s):equalByTag(e,t,n,a,l,i,s);if(!(a&COMPARE_PARTIAL_FLAG)){var u=d&&hasOwnProperty.call(e,"__wrapped__"),f=h&&hasOwnProperty.call(t,"__wrapped__");if(u||f){var v=u?e.value():e,_=f?t.value():t;return s||(s=new Stack),i(v,_,a,l,s)}}return!!b&&(s||(s=new Stack),equalObjects(e,t,a,l,i,s))}function baseIsEqual(e,t,a,l,i){return e===t||(null==e||null==t||!isObjectLike(e)&&!isObjectLike(t)?e!=e&&t!=t:baseIsEqualDeep(e,t,a,l,baseIsEqual,i))}function isEqual(e,t){return baseIsEqual(e,t)}const validateTableHeaderCells=(e,t)=>{emptyStringByArrayHandler(t,()=>{objectObjectHandler(t,()=>{try{t=parseJson(t)}catch(e){}watchValidator(e,"_headerCells",e=>{var t,a;return"object"==typeof e&&null!==e&&(void 0===e.horizontal||Array.isArray(e.horizontal)&&void 0===e.horizontal.find(e=>!Array.isArray(e)))&&(void 0===e.vertical||Array.isArray(e.vertical)&&void 0===e.vertical.find(e=>!Array.isArray(e)))&&[...null!==(t=e.horizontal)&&void 0!==t?t:[],...null!==(a=e.vertical)&&void 0!==a?a:[]].flat().every(e=>void 0===e.width||"number"==typeof e.width)&&!0},new Set(["TableHeaderCellsPropType"]),t)})})},RESIZE_DEBOUNCE_DELAY=150,KolTableStatelessWc$1=proxyCustomElement(class extends HTMLElement{constructor(e){super(),!1!==e&&this.__registerHost(),this.translateNoEntries=translate("kol-no-entries"),this.state={_data:[],_headerCells:{horizontal:[],vertical:[]},_label:"",_hasSettingsMenu:!1},this.horizontal=!0,this.cellsToRenderTimeouts=new Map,this.dataToKeyMap=new Map,this.checkboxRefs=[],this.translateSort=translate("kol-sort"),this.translateSortOrder=translate("kol-table-sort-order"),this.maxCols=0,this.fixedOffsets=[],this.tableDivElementHasScrollbar=!1,this.stickyColsDisabled=!1,this.renderTableRow=(e,t,a,l=!1)=>{var i,s;let o=String(t);return this.horizontal&&(null===(i=e[0])||void 0===i?void 0:i.data)&&(o=null!==(s=this.getDataKey(e[0].data))&&void 0!==s?s:o),h("tr",{class:clsx("kol-table__row",{"kol-table__row--body":!l,"kol-table__row--footer":l}),key:`row-${o}`},this.renderSelectionCell(e,t),e.map((e,l)=>this.renderTableCell(e,t,l,a)))},this.renderTableCell=(e,t,a,l)=>{if(!1===e.visible)return"";let i=`${t}-${a}-${e.label}`;if(e.data){const l=this.getDataKey(e.data);i=l?`${l}-${this.horizontal?a:t}`:i}if(e.headerCell)return this.renderHeadingCell(e,t,a,l);{const t="function"!=typeof e.render&&e.label===this.translateNoEntries,l=this.getActionColumnHeader(a),s=Boolean(l&&e.data),o=this.isFixedCol(a),r="left"===o?this.getOffsetString(e.colIndex,!0):void 0,n="right"===o?this.getOffsetString(e.colIndex):void 0;return h("td",{key:`cell-${i}`,class:clsx("kol-table__cell kol-table__cell--body",e.textAlign&&`kol-table__cell--align-${e.textAlign}`,s&&"kol-table__cell--actions",o&&`kol-table__cell--sticky-${o}`),"aria-atomic":t?"false":void 0,"aria-live":t?"polite":void 0,"aria-relevant":t?"text":void 0,colSpan:e.colSpan,rowSpan:e.rowSpan,style:{textAlign:e.textAlign,left:r,right:n},ref:"function"==typeof e.render?t=>{this.cellRender(e,t)}:void 0},s&&l&&e.data?this.renderActionItems(l,e.data,i):"function"!=typeof e.render?e.label:"")}},this.renderActionItems=(e,t,a)=>{const l=e.actions(t);return h("div",{class:"kol-table__cell-actions"},l.map((e,t)=>{if("button"===e.type){const l=__rest(e,[]);return h(KolButtonWcTag,Object.assign({key:`action-${a}-${t}`},l,{_variant:l._variant}))}if("link"===e.type){const l=__rest(e,[]);return h(KolLinkWcTag,Object.assign({key:`action-${a}-${t}`},l))}return null}))}}validateHasSettingsMenu(e){validateHasSettingsMenu(this,e)}validateData(e){validateTableData(this,e,{beforePatch:e=>{this.updateDataToKeyMap(e)}})}validateDataFoot(e){validateTableDataFoot(this,e)}validateFixedCols(e){validateFixedCols(this,e),this.checkAndUpdateStickyState()}validateHeaderCells(e){validateTableHeaderCells(this,e),isEqual(this.previousHeaderCells,this.state._headerCells)||this.initializeHeaderCellSettings(),this.previousHeaderCells=this.state._headerCells}validateLabel(e){validateLabel(this,e,{required:!0})}validateOn(e){validateTableCallbacks(this,e)}validateSelection(e){validateTableSelection(this,e),this.checkAndUpdateStickyState()}handleKeyDown(e){var t;if("ArrowUp"===e.key||"ArrowDown"===e.key){const a=null===(t=this.tableDivElement)||void 0===t?void 0:t.querySelector(":focus");let l=this.checkboxRefs.indexOf(a);l>-1&&(e.preventDefault(),"ArrowDown"===e.key?(l=(l+1)%this.checkboxRefs.length,this.checkboxRefs[l].focus()):"ArrowUp"===e.key&&(e.preventDefault(),l=(l+this.checkboxRefs.length-1)%this.checkboxRefs.length,this.checkboxRefs[l].focus()))}}componentDidRender(){this.checkDivElementScrollbar()}componentDidLoad(){this.tableDivElement&&ResizeObserver&&(this.tableDivElementResizeObserver=new ResizeObserver(this.handleResize.bind(this)),this.tableDivElementResizeObserver.observe(this.tableDivElement)),this.checkAndUpdateStickyState()}handleSettingsChange(e){var t;const a=Object.assign(Object.assign({},this.state._headerCells),{horizontal:e.detail});setState(this,"_headerCells",a),"function"==typeof(null===(t=this.state._on)||void 0===t?void 0:t[Callback.onChangeHeaderCells])&&this.state._on[Callback.onChangeHeaderCells](e,a)}disconnectedCallback(){var e;null===(e=this.tableDivElementResizeObserver)||void 0===e||e.disconnect(),clearTimeout(this.resizeDebounceTimeout)}handleResize(){this.checkDivElementScrollbar(),clearTimeout(this.resizeDebounceTimeout),this.resizeDebounceTimeout=setTimeout(()=>{this.checkAndUpdateStickyState()},150)}checkDivElementScrollbar(){this.tableDivElement&&(this.tableDivElementHasScrollbar=this.tableDivElement.scrollWidth>this.tableDivElement.clientWidth)}calculateFixedColsWidth(){var e,t,a,l,i,s;if(!this._fixedCols)return 0;const o=this.getPrimaryHeaders(this.state._headerCells);let r=0;for(let a=0;a<this._fixedCols[0]&&a<o.length;a++)r+=null!==(t=null===(e=o[a])||void 0===e?void 0:e.width)&&void 0!==t?t:0;for(let e=this.maxCols-this._fixedCols[1];e<this.maxCols&&e<o.length;e++)r+=null!==(l=null===(a=o[e])||void 0===a?void 0:a.width)&&void 0!==l?l:0;if(this.state._selection){const e=null===(i=this.tableDivElement)||void 0===i?void 0:i.querySelector(".kol-table__cell--selection");r+=null!==(s=null==e?void 0:e.offsetWidth)&&void 0!==s?s:0}return r}checkAndUpdateStickyState(){if(!this.tableDivElement||!this._fixedCols)return void(this.stickyColsDisabled=!1);const e=this.tableDivElement.clientWidth,t=this.calculateFixedColsWidth();this.stickyColsDisabled=t>0&&t>=e}updateDataToKeyMap(e){e.forEach(e=>{this.dataToKeyMap.has(e)||this.dataToKeyMap.set(e,nonce())}),this.dataToKeyMap.forEach((t,a)=>{e.includes(a)||this.dataToKeyMap.delete(a)})}getDataKey(e){return this.dataToKeyMap.get(e)}getActionColumnHeader(e){const t=this.horizontal?this.state._headerCells.horizontal:this.state._headerCells.vertical;if(!t||0===t.length)return;const a=this.getPrimaryHeaders(this.state._headerCells)[e];return a&&"action"===a.type?a:void 0}cellRender(e,t){t&&(clearTimeout(this.cellsToRenderTimeouts.get(t)),this.cellsToRenderTimeouts.set(t,setTimeout(()=>{if("function"==typeof e.render){const a=e.render(t,e,e.data,this.state._data);"string"==typeof a&&(t.textContent=a)}})))}getNumberOfCols(e,t){let a=0;return e.forEach(e=>{let t=0;Array.isArray(e)&&e.forEach(e=>{var a;t+=null!==(a=e.colSpan)&&void 0!==a?a:1}),a<t&&(a=t)}),0===a&&(a=t.length),a}getNumberOfRows(e,t){var a;let l=0;return e.forEach(e=>{let t=0;Array.isArray(e)&&e.forEach(e=>{var a;t+=null!==(a=e.rowSpan)&&void 0!==a?a:1}),l<t&&(l=t)}),0===l?l=t.length:l-=(null===(a=this.state._dataFoot)||void 0===a?void 0:a.length)||0,l}getThePrimaryHeadersWithKeyOrRenderFunction(e){const t=[];return e.forEach(e=>{e.forEach(e=>{"string"!=typeof e.key&&"function"!=typeof e.render||t.push(e)})}),t}getPrimaryHeaders(e){var t,a;let l=this.getThePrimaryHeadersWithKeyOrRenderFunction(null!==(t=e.horizontal)&&void 0!==t?t:[]);return this.horizontal=!0,0===l.length&&(l=this.getThePrimaryHeadersWithKeyOrRenderFunction(null!==(a=e.vertical)&&void 0!==a?a:[]),l.length>0&&(this.horizontal=!1)),l}createDataField(e,t,a){var l,i,s,o,r,n,c;t.horizontal=Array.isArray(null==t?void 0:t.horizontal)?t.horizontal:[],t.vertical=Array.isArray(null==t?void 0:t.vertical)?t.vertical:[],this.maxCols=this.getNumberOfCols(t.horizontal,e);const d=this.getPrimaryHeaders(t);let h=this.getNumberOfRows(t.vertical,e),b=0;a&&(b=h,h+=(null===(l=this.state._dataFoot)||void 0===l?void 0:l.length)||0);const u=[],f=[],v=[];t.vertical.forEach((e,t)=>{f[t]=0,v[t]=[]});const _=d;for(let l=b;l<h;l++){const d=[];t.vertical.forEach((e,t)=>{let a=0;if(v[t].forEach(e=>a+=e),a<=l){const i=e[l-a+f[t]];if("object"==typeof i){d.push(Object.assign(Object.assign({},i),{headerCell:!0,data:{}}));let e=1;if("number"==typeof i.rowSpan&&i.rowSpan>1&&(e=i.rowSpan),v[t].push(e),"number"==typeof i.colSpan&&i.colSpan>1)for(let a=1;a<i.colSpan;a++)v[t+a].push(e);f[t]++}}});for(let t=0;t<this.maxCols;t++){let h=this.isFixedCol(t);if("left"===h&&void 0===this.getFixedOffset(t)){let e=null!==(i=this.fixedOffsets[t-1])&&void 0!==i?i:0;e+=null!==(o=null===(s=_[t-1])||void 0===s?void 0:s.width)&&void 0!==o?o:0,this.fixedOffsets[t]=e}if("right"===h&&void 0===this.getFixedOffset(t)){let e=null!==(r=this.fixedOffsets[t+1])&&void 0!==r?r:0;e+=null!==(c=null===(n=_[t+1])||void 0===n?void 0:n.width)&&void 0!==c?c:0,this.fixedOffsets[t]=e}if(!0===this.horizontal){const i=a&&this.state._dataFoot?this.state._dataFoot[l-b]:e[l];if("object"==typeof _[t]&&null!==_[t]&&"object"==typeof i&&null!==i&&("string"==typeof _[t].key||"function"==typeof _[t].render)){const e=i[_[t].key];d.push(Object.assign(Object.assign({},_[t]),{colIndex:t,colSpan:void 0,rowSpan:void 0,data:i,label:e}))}}else if("object"==typeof _[l]&&null!==_[l]&&"object"==typeof e[t]&&null!==e[t]&&("string"==typeof _[l].key||"function"==typeof _[l].render)){const a=_[l].key,i=e[t][a];d.push(Object.assign(Object.assign({},_[l]),{colIndex:t,colSpan:void 0,rowSpan:void 0,data:e[t],label:i}))}}u.push(d)}if(0===e.length){let e=0,a=0;Array.isArray(t.horizontal)&&t.horizontal.length>0&&t.horizontal[0].forEach(t=>{e+=t.colSpan||1}),Array.isArray(t.vertical)&&t.vertical.length>0&&(e-=t.vertical.length,t.vertical[0].forEach(e=>{a+=e.rowSpan||1}));const l={colSpan:e,label:this.translateNoEntries,render:void 0,rowSpan:Math.max(a,1)};0===u.length?u.push([l]):u[0].push(l)}return u}isFixedCol(e){if(this._fixedCols&&void 0!==e&&!this.stickyColsDisabled)return e<this._fixedCols[0]?"left":e>=this.maxCols-this._fixedCols[1]?"right":void 0}getFixedOffset(e){if(this.tableDivElement&&void 0!==e)return void 0!==this.fixedOffsets[e]?this.fixedOffsets[e]:void 0}getOffsetString(e,t){return t&&this._selection?"calc( var(--kol-table-selection-col-width) + "+this.getFixedOffset(e)+"px)":this.getFixedOffset(e)+"px"}handleSelectionChangeCallbackAndEvent(e,t){var a;"function"==typeof(null===(a=this.state._on)||void 0===a?void 0:a[Callback.onSelectionChange])&&this.state._on[Callback.onSelectionChange](e,t),this.host&&dispatchDomEvent(this.host,KolEvent.selectionChange,t)}initializeHeaderCellSettings(){if(this.state._headerCells&&this.state._headerCells.horizontal&&this.state._headerCells.horizontal.length>0){const e=Object.assign(Object.assign({},this.state._headerCells),{horizontal:this.state._headerCells.horizontal.map(e=>e.map(e=>Object.assign(Object.assign({},e),{visible:"boolean"!=typeof e.visible||e.visible,hidable:"boolean"!=typeof e.hidable||e.hidable})))});setState(this,"_headerCells",e)}}componentWillLoad(){this.validateData(this._data),this.validateDataFoot(this._dataFoot),this.validateHeaderCells(this._headerCells),this.validateLabel(this._label),this.validateOn(this._on),this.validateSelection(this._selection),this.validateHasSettingsMenu(this._hasSettingsMenu)}renderSelectionCell(e,t){var a;const l=this.state._selection;if(!l)return"";const i=this.getSelectionKeyPropertyName(),s=null===(a=e[0])||void 0===a?void 0:a.data;if(!s)return"";const o=s[i],r=l.multiple||void 0===l.multiple,n=(()=>{const e=null==l?void 0:l.selectedKeys;return(void 0===e?[]:Array.isArray(e)?e:[e]).some(e=>String(e)===String(o))})(),c=(()=>{const e=null==l?void 0:l.disabledKeys;return(void 0===e?[]:Array.isArray(e)?e:[e]).some(e=>String(e)===String(o))})(),d=l.label(s),b={name:"selection",checked:n,disabled:c,id:String(o),"aria-label":d};return h("td",{key:`tbody-${t}-selection`,class:"kol-table__cell kol-table__cell--selection"},h("div",{class:clsx("kol-table__selection",{"kol-table__selection--checked":n})},r?h("label",{class:clsx("kol-table__selection-label",{"kol-table__selection-label--disabled":c})},h(IconFC,{class:"kol-table__selection-icon",icons:"kolicon "+(n?"kolicon-check":""),label:""}),h("input",Object.assign({class:clsx("kol-table__selection-input kol-table__selection-input--checkbox"),ref:e=>e&&this.checkboxRefs.push(e)},b,{type:"checkbox",onInput:e=>{const t=(()=>{const e=null==l?void 0:l.selectedKeys;return void 0===e?[]:Array.isArray(e)?e:[e]})(),a=n?t.filter(e=>String(e)!==String(o)):[...t,o];this.handleSelectionChangeCallbackAndEvent(e,null!=a?a:[])}}))):h("label",{class:"kol-table__selection-label"},h("input",Object.assign({class:clsx("kol-table__selection-input kol-table__selection-input--radio")},b,{type:"radio",onInput:e=>{this.handleSelectionChangeCallbackAndEvent(e,[o])}}))),h("div",{class:"kol-table__selection-input-tooltip"},h(TooltipFC,{label:d,badgeText:"",id:`${o}-label`,refFloating:()=>{}}))))}getSelectionKeyPropertyName(){var e,t;return null!==(t=null===(e=this.state._selection)||void 0===e?void 0:e.keyPropertyName)&&void 0!==t?t:"id"}getDataWithSelectionEnabled(){const e=this.getSelectionKeyPropertyName();return this.state._data.filter(t=>{var a;const l=null===(a=this.state._selection)||void 0===a?void 0:a.disabledKeys;return!(void 0===l?[]:Array.isArray(l)?l:[l]).some(a=>String(a)===String(t[e]))})}getSelectedKeysWithoutDisabledKeys(){const e=(()=>{var e;const t=null===(e=this.state._selection)||void 0===e?void 0:e.selectedKeys;return void 0===t?[]:Array.isArray(t)?t:[t]})(),t=(()=>{var e;const t=null===(e=this.state._selection)||void 0===e?void 0:e.disabledKeys;return void 0===t?[]:Array.isArray(t)?t:[t]})();return e.filter(e=>!t.some(t=>String(t)===String(e)))}getSelectedKeysWithDisabledKeysOnly(){const e=(()=>{var e;const t=null===(e=this.state._selection)||void 0===e?void 0:e.selectedKeys;return void 0===t?[]:Array.isArray(t)?t:[t]})(),t=(()=>{var e;const t=null===(e=this.state._selection)||void 0===e?void 0:e.disabledKeys;return void 0===t?[]:Array.isArray(t)?t:[t]})();return e.filter(e=>t.some(t=>String(t)===String(e)))}getRevertedSelection(e){var t;const a=this.getSelectionKeyPropertyName(),l=null!==(t=this.getSelectedKeysWithDisabledKeysOnly())&&void 0!==t?t:[];return e&&l.push(...this.getDataWithSelectionEnabled().map(e=>null==e?void 0:e[a])),l}getTableMinWidth(){var e,t;const a=null!==(e=this.state._headerCells.horizontal)&&void 0!==e?e:[],l=[];a.forEach(e=>{e.forEach(e=>{!1!==e.visible&&void 0!==e.width&&e.width>0&&l.push(e.width)})});const i=null!==(t=this.state._headerCells.vertical)&&void 0!==t?t:[],s=[];i.forEach(e=>{e.forEach(e=>{void 0!==e.width&&e.width>0&&s.push(e.width)})});const o=[...s,...l];return 0===o.length?"0px":1===o.length?`${o[0]}px`:`calc(${o.map(e=>`${e}px`).join(" + ")})`}renderHeadingSelectionCell(){var e,t;const a=this.state._selection;if(!a)return h("td",{class:"kol-table__cell kol-table__cell--header",key:"thead-0"});if(!1===a.multiple)return h("td",{key:"thead-0-selection",class:"kol-table__cell kol-table__cell--header kol-table__cell--selection"});const l=null!==(t=null===(e=this.getSelectedKeysWithoutDisabledKeys())||void 0===e?void 0:e.length)&&void 0!==t?t:0,i=l===this.getDataWithSelectionEnabled().length,s=0!==l&&!i;let o="kol-table-selection-indeterminate";i&&!s&&(o="kol-table-selection-none"),0===l&&(o="kol-table-selection-all");const r=translate(o);return h("th",{key:"thead-0-selection",class:"kol-table__cell kol-table__cell--header kol-table__cell--selection"},h("div",{class:clsx("kol-table__selection",{"kol-table__selection--indeterminate":s,"kol-table__selection--checked":i})},h("label",{class:"kol-table__selection-label"},h(IconFC,{class:"kol-table__selection-icon",icons:"kolicon "+(s?"kolicon-minus":i?"kolicon-check":""),label:""}),h("input",{class:clsx("kol-table__selection-input kol-table__selection-input--checkbox"),"data-testid":"selection-checkbox-all",ref:e=>e&&this.checkboxRefs.push(e),name:"selection",checked:i&&!s,indeterminate:s,"aria-label":r,type:"checkbox",onInput:e=>{this.handleSelectionChangeCallbackAndEvent(e,this.getRevertedSelection(!i))}})),h("div",{class:"kol-table__selection-input-tooltip"},h(TooltipFC,{label:r,badgeText:"",id:`${o}-label`,refFloating:()=>{}}))))}renderHeaderTdCell(){const e=this.state._headerCells.horizontal,t=this.state._headerCells.vertical;if(!Array.isArray(e)||0===e.length||!Array.isArray(t)||0===t.length)return h(Fragment,null);const a=t.reduce((e,t)=>{var a;const l=null==t?void 0:t[0];return e+(null!==(a=null==l?void 0:l.width)&&void 0!==a?a:0)},0);return h("td",{"aria-hidden":"true",colSpan:t.length,rowSpan:e.length,style:a>0?{width:`${a}px`}:void 0})}formatSortOrderDescription(e){return this.translateSortOrder.replace("{{order}}",`${e}`)}getSortAriaDescription(e){return"number"==typeof e&&e>0?`${this.translateSort} – ${this.formatSortOrderDescription(e)}`:this.translateSort}renderHeadingCell(e,t,a,l){if(!1===e.visible)return"";const i=!1!==(null==e?void 0:e.sortable),s="string"==typeof e.sortDirection,o=i&&s;let r="none",n="kolicon-sort-neutral";if(o&&e.sortDirection)switch(e.sortDirection){case"ASC":n="kolicon-sort-asc",r="ascending";break;case"DESC":n="kolicon-sort-desc",r="descending";break;default:r="none"}const c=l?"row":"number"==typeof e.colSpan&&e.colSpan>1?"colgroup":"col",d="number"==typeof e.sortOrder&&e.sortOrder>0?e.sortOrder:void 0,b=this.getSortAriaDescription(d),u=void 0!==e.width?`${e.width}px`:void 0,f=this.isFixedCol(a),v="left"===f?this.getOffsetString(a,!0):void 0,_="right"===f?this.getOffsetString(a):void 0;return h("th",{key:`${t}-${a}-${e.label}`,class:clsx("kol-table__cell kol-table__cell--header",`kol-table__cell--${r}`,e.textAlign&&`kol-table__cell--align-${e.textAlign}`,f&&`kol-table__cell--sticky-${f}`),scope:c,colSpan:e.colSpan,rowSpan:e.rowSpan,style:{width:u,left:v,right:_},"aria-sort":r,"data-sort":o&&e.sortDirection?`sort-${e.sortDirection}`:void 0},o&&e.sortDirection?h("span",{class:"kol-table__sort"},h(KolButtonWcTag,{class:"kol-table__sort-button",_icons:{right:n},_label:e.label,_ariaDescription:b,_on:{onClick:t=>{var a;"function"==typeof(null===(a=this.state._on)||void 0===a?void 0:a.onSort)&&e.key&&e.sortDirection&&this.state._on.onSort(t,{key:e.key,currentSortDirection:e.sortDirection}),this.host&&dispatchDomEvent(this.host,KolEvent.sort,{key:e.key,currentSortDirection:e.sortDirection})}}}),d&&h("span",{"aria-hidden":"true",class:"kol-table__sort-order"},d)):e.label)}renderSpacer(e,t){var a,l;const i=(null===(a=this.state._headerCells.vertical)||void 0===a?void 0:a.length)||0,s=null===(l=null==t?void 0:t[0])||void 0===l?void 0:l.reduce((e,t)=>e+(t.colSpan||1),0),o=this.state._selection?1:0;return h("tr",{"aria-hidden":"true",class:clsx("kol-table__spacer",`kol-table__spacer--${e}`)},h("td",{class:clsx(`kol-table__spacer-line kol-table__spacer-line--${e}`),colSpan:i+s+o}))}renderFoot(){if(!this.state._dataFoot||0===this.state._dataFoot.length)return null;const e=this.createDataField(this.state._dataFoot,this.state._headerCells,!0);return h("tfoot",{class:"kol-table__footer"},[this.renderSpacer("foot",e),e.map((e,t)=>this.renderTableRow(e,t,!0,!0))])}render(){const e=this.createDataField(this.state._data,this.state._headerCells);this.checkboxRefs=[];const t=this.state._headerCells.horizontal;return h("div",{key:"d483980ffd06414785692854508777fba8dc81c9",class:"kol-table"},this.state._hasSettingsMenu&&h(KolTableSettingsWcTag,{key:"0faeb129069b18804ae9c11c1a226fad0ed389d9",_horizontalHeaderCells:null!=t?t:[]}),h("div",{key:"22c429518931ab94855eda6800af57e6d7282122",ref:e=>this.tableDivElement=e,class:"kol-table__scroll-container",tabindex:this.tableDivElementHasScrollbar?"-1":void 0},h("table",{key:"e03d4fc3318c3e5fadc7f243d12e44475192b8a3",class:"kol-table__table",style:{minWidth:this.getTableMinWidth()}},h("caption",{key:"d31aee63a6ed38f0d84ab55b6c72b8f0de6b6b6c",class:"kol-table__focus-element kol-table__caption",id:"caption",tabindex:this.tableDivElementHasScrollbar?"0":void 0},this.state._label),Array.isArray(t)&&h("thead",{key:"d73270c4b0f4921893e7bdbd3ddb47021d1187cf",class:"kol-table__head"},[t.map((e,t)=>h("tr",{class:"kol-table__head-row",key:`thead-${t}`},this.state._selection&&this.renderHeadingSelectionCell(),0===t&&this.renderHeaderTdCell(),Array.isArray(e)&&e.map((e,a)=>this.renderHeadingCell(e,t,a,!1)))),this.renderSpacer("head",t)]),h("tbody",{key:"c53117e9340c4e3a4b7de3dcd634feefb7ff71ef",class:"kol-table__body"},e.map((e,t)=>this.renderTableRow(e,t,!0))),this.renderFoot())))}get host(){return this}static get watchers(){return{_hasSettingsMenu:["validateHasSettingsMenu"],_data:["validateData"],_dataFoot:["validateDataFoot"],_fixedCols:["validateFixedCols"],_headerCells:["validateHeaderCells"],_label:["validateLabel"],_on:["validateOn"],_selection:["validateSelection"]}}},[256,"kol-table-stateless-wc",{_data:[1],_dataFoot:[1,"_data-foot"],_fixedCols:[16],_headerCells:[1,"_header-cells"],_label:[1],_on:[16],_selection:[1],_hasSettingsMenu:[4,"_has-settings-menu"],state:[32],tableDivElementHasScrollbar:[32],stickyColsDisabled:[32],previousHeaderCells:[32]},[[0,"keydown","handleKeyDown"],[0,"changeheadercells","handleSettingsChange"]],{_hasSettingsMenu:["validateHasSettingsMenu"],_data:["validateData"],_dataFoot:["validateDataFoot"],_fixedCols:["validateFixedCols"],_headerCells:["validateHeaderCells"],_label:["validateLabel"],_on:["validateOn"],_selection:["validateSelection"]}]);function defineCustomElement$1(){if("undefined"==typeof customElements)return;["kol-table-stateless-wc"].forEach(e=>{if("kol-table-stateless-wc"===e)customElements.get(e)||customElements.define(e,KolTableStatelessWc$1)})}const KolTableStatelessWc=KolTableStatelessWc$1,defineCustomElement=defineCustomElement$1;export{KolTableStatelessWc,defineCustomElement};
+import{proxyCustomElement,HTMLElement,h,Fragment}from"@stencil/core/internal/client";import{_ as __rest}from"./tslib.es6.js";import{b as KolButtonWcTag,c as KolLinkWcTag,o as KolTableSettingsWcTag}from"./component-names.js";import{t as translate}from"./i18n.js";import{I as IconFC}from"./component3.js";import{T as TooltipFC}from"./component.js";import{R as emptyStringByArrayHandler,o as objectObjectHandler,p as parseJson,b as watchValidator,s as setState}from"./common.js";import{c as validateHasSettingsMenu,v as validateTableData,a as validateTableDataFoot,b as validateFixedCols,f as validateTableCallbacks,d as validateTableSelection}from"./table-selection.js";import{v as validateLabel}from"./label.js";import{C as Callback}from"./keyboard.js";import{c as clsx}from"./clsx.js";import{n as nonce}from"./dev.utils.js";import{d as dispatchDomEvent,K as KolEvent}from"./events.js";import{M as MapCache,e as eq,U as Uint8Array,f as getAllKeys,b as getTag,d as isBuffer,S as Stack,h as isTypedArray}from"./_Uint8Array.js";import{S as Symbol,a as isArray,i as isObjectLike}from"./isArray.js";var HASH_UNDEFINED="__lodash_hash_undefined__";function setCacheAdd(e){return this.__data__.set(e,HASH_UNDEFINED),this}function setCacheHas(e){return this.__data__.has(e)}function SetCache(e){var t=-1,a=null==e?0:e.length;for(this.__data__=new MapCache;++t<a;)this.add(e[t])}function arraySome(e,t){for(var a=-1,l=null==e?0:e.length;++a<l;)if(t(e[a],a,e))return!0;return!1}function cacheHas(e,t){return e.has(t)}SetCache.prototype.add=SetCache.prototype.push=setCacheAdd,SetCache.prototype.has=setCacheHas;var COMPARE_PARTIAL_FLAG$3=1,COMPARE_UNORDERED_FLAG$1=2;function equalArrays(e,t,a,l,i,s){var o=a&COMPARE_PARTIAL_FLAG$3,r=e.length,n=t.length;if(r!=n&&!(o&&n>r))return!1;var c=s.get(e),d=s.get(t);if(c&&d)return c==t&&d==e;var h=-1,b=!0,u=a&COMPARE_UNORDERED_FLAG$1?new SetCache:void 0;for(s.set(e,t),s.set(t,e);++h<r;){var f=e[h],v=t[h];if(l)var _=o?l(v,f,h,t,e,s):l(f,v,h,e,t,s);if(void 0!==_){if(_)continue;b=!1;break}if(u){if(!arraySome(t,function(e,t){if(!cacheHas(u,t)&&(f===e||i(f,e,a,l,s)))return u.push(t)})){b=!1;break}}else if(f!==v&&!i(f,v,a,l,s)){b=!1;break}}return s.delete(e),s.delete(t),b}function mapToArray(e){var t=-1,a=Array(e.size);return e.forEach(function(e,l){a[++t]=[l,e]}),a}function setToArray(e){var t=-1,a=Array(e.size);return e.forEach(function(e){a[++t]=e}),a}var COMPARE_PARTIAL_FLAG$2=1,COMPARE_UNORDERED_FLAG=2,boolTag="[object Boolean]",dateTag="[object Date]",errorTag="[object Error]",mapTag="[object Map]",numberTag="[object Number]",regexpTag="[object RegExp]",setTag="[object Set]",stringTag="[object String]",symbolTag="[object Symbol]",arrayBufferTag="[object ArrayBuffer]",dataViewTag="[object DataView]",symbolProto=Symbol?Symbol.prototype:void 0,symbolValueOf=symbolProto?symbolProto.valueOf:void 0;function equalByTag(e,t,a,l,i,s,o){switch(a){case dataViewTag:if(e.byteLength!=t.byteLength||e.byteOffset!=t.byteOffset)return!1;e=e.buffer,t=t.buffer;case arrayBufferTag:return!(e.byteLength!=t.byteLength||!s(new Uint8Array(e),new Uint8Array(t)));case boolTag:case dateTag:case numberTag:return eq(+e,+t);case errorTag:return e.name==t.name&&e.message==t.message;case regexpTag:case stringTag:return e==t+"";case mapTag:var r=mapToArray;case setTag:var n=l&COMPARE_PARTIAL_FLAG$2;if(r||(r=setToArray),e.size!=t.size&&!n)return!1;var c=o.get(e);if(c)return c==t;l|=COMPARE_UNORDERED_FLAG,o.set(e,t);var d=equalArrays(r(e),r(t),l,i,s,o);return o.delete(e),d;case symbolTag:if(symbolValueOf)return symbolValueOf.call(e)==symbolValueOf.call(t)}return!1}var COMPARE_PARTIAL_FLAG$1=1,objectProto$1=Object.prototype,hasOwnProperty$1=objectProto$1.hasOwnProperty;function equalObjects(e,t,a,l,i,s){var o=a&COMPARE_PARTIAL_FLAG$1,r=getAllKeys(e),n=r.length;if(n!=getAllKeys(t).length&&!o)return!1;for(var c=n;c--;){var d=r[c];if(!(o?d in t:hasOwnProperty$1.call(t,d)))return!1}var h=s.get(e),b=s.get(t);if(h&&b)return h==t&&b==e;var u=!0;s.set(e,t),s.set(t,e);for(var f=o;++c<n;){var v=e[d=r[c]],_=t[d];if(l)var y=o?l(_,v,d,t,e,s):l(v,_,d,e,t,s);if(!(void 0===y?v===_||i(v,_,a,l,s):y)){u=!1;break}f||(f="constructor"==d)}if(u&&!f){var g=e.constructor,p=t.constructor;g==p||!("constructor"in e)||!("constructor"in t)||"function"==typeof g&&g instanceof g&&"function"==typeof p&&p instanceof p||(u=!1)}return s.delete(e),s.delete(t),u}var COMPARE_PARTIAL_FLAG=1,argsTag="[object Arguments]",arrayTag="[object Array]",objectTag="[object Object]",objectProto=Object.prototype,hasOwnProperty=objectProto.hasOwnProperty;function baseIsEqualDeep(e,t,a,l,i,s){var o=isArray(e),r=isArray(t),n=o?arrayTag:getTag(e),c=r?arrayTag:getTag(t),d=(n=n==argsTag?objectTag:n)==objectTag,h=(c=c==argsTag?objectTag:c)==objectTag,b=n==c;if(b&&isBuffer(e)){if(!isBuffer(t))return!1;o=!0,d=!1}if(b&&!d)return s||(s=new Stack),o||isTypedArray(e)?equalArrays(e,t,a,l,i,s):equalByTag(e,t,n,a,l,i,s);if(!(a&COMPARE_PARTIAL_FLAG)){var u=d&&hasOwnProperty.call(e,"__wrapped__"),f=h&&hasOwnProperty.call(t,"__wrapped__");if(u||f){var v=u?e.value():e,_=f?t.value():t;return s||(s=new Stack),i(v,_,a,l,s)}}return!!b&&(s||(s=new Stack),equalObjects(e,t,a,l,i,s))}function baseIsEqual(e,t,a,l,i){return e===t||(null==e||null==t||!isObjectLike(e)&&!isObjectLike(t)?e!=e&&t!=t:baseIsEqualDeep(e,t,a,l,baseIsEqual,i))}function isEqual(e,t){return baseIsEqual(e,t)}const validateTableHeaderCells=(e,t)=>{emptyStringByArrayHandler(t,()=>{objectObjectHandler(t,()=>{try{t=parseJson(t)}catch(e){}watchValidator(e,"_headerCells",e=>{var t,a;return"object"==typeof e&&null!==e&&(void 0===e.horizontal||Array.isArray(e.horizontal)&&void 0===e.horizontal.find(e=>!Array.isArray(e)))&&(void 0===e.vertical||Array.isArray(e.vertical)&&void 0===e.vertical.find(e=>!Array.isArray(e)))&&[...null!==(t=e.horizontal)&&void 0!==t?t:[],...null!==(a=e.vertical)&&void 0!==a?a:[]].flat().every(e=>void 0===e.width||"number"==typeof e.width)&&!0},new Set(["TableHeaderCellsPropType"]),t)})})},RESIZE_DEBOUNCE_DELAY=150,KolTableStatelessWc$1=proxyCustomElement(class extends HTMLElement{constructor(e){super(),!1!==e&&this.__registerHost(),this.translateNoEntries=translate("kol-no-entries"),this.state={_data:[],_headerCells:{horizontal:[],vertical:[]},_label:"",_hasSettingsMenu:!1},this.horizontal=!0,this.cellsToRenderTimeouts=new Map,this.dataToKeyMap=new Map,this.checkboxRefs=[],this.translateSort=translate("kol-sort"),this.translateSortOrder=translate("kol-table-sort-order"),this.maxCols=0,this.fixedOffsets=[],this.settingsChangedCounter=0,this.tableDivElementHasScrollbar=!1,this.stickyColsDisabled=!1,this.renderTableRow=(e,t,a,l=!1)=>{var i,s;let o=String(t);return this.horizontal&&(null===(i=e[0])||void 0===i?void 0:i.data)&&(o=null!==(s=this.getDataKey(e[0].data))&&void 0!==s?s:o),h("tr",{class:clsx("kol-table__row",{"kol-table__row--body":!l,"kol-table__row--footer":l}),key:`row-${o}`},this.renderSelectionCell(e,t),e.map((e,l)=>this.renderTableCell(e,t,l,a)))},this.renderTableCell=(e,t,a,l)=>{if(!1===e.visible)return"";let i=`${t}-${a}-${e.label}`;if(e.data){const l=this.getDataKey(e.data);i=l?`${l}-${this.horizontal?a:t}`:i}if(e.headerCell)return this.renderHeadingCell(e,t,a,l);{const t="function"!=typeof e.render&&e.label===this.translateNoEntries,l=this.getActionColumnHeader(a),s=Boolean(l&&e.data),o=this.isFixedCol(a),r="left"===o?this.getOffsetString(e.colIndex,!0):void 0,n="right"===o?this.getOffsetString(e.colIndex):void 0,c="function"==typeof e.render;return h("td",{key:`cell-${i}-${this.settingsChangedCounter}`,class:clsx("kol-table__cell kol-table__cell--body",e.textAlign&&`kol-table__cell--align-${e.textAlign}`,s&&"kol-table__cell--actions",o&&`kol-table__cell--sticky-${o}`),"aria-atomic":t?"false":void 0,"aria-live":t?"polite":void 0,"aria-relevant":t?"text":void 0,colSpan:e.colSpan,rowSpan:e.rowSpan,style:{textAlign:e.textAlign,left:r,right:n},ref:c?t=>{this.cellRender(e,t)}:void 0},s&&l&&e.data?this.renderActionItems(l,e.data,i):c?"":e.label)}},this.renderActionItems=(e,t,a)=>{const l=e.actions(t);return h("div",{class:"kol-table__cell-actions"},l.map((e,t)=>{if("button"===e.type){const l=__rest(e,[]);return h(KolButtonWcTag,Object.assign({key:`action-${a}-${t}`},l,{_variant:l._variant}))}if("link"===e.type){const l=__rest(e,[]);return h(KolLinkWcTag,Object.assign({key:`action-${a}-${t}`},l))}return null}))}}validateHasSettingsMenu(e){validateHasSettingsMenu(this,e)}validateData(e){validateTableData(this,e,{beforePatch:e=>{this.updateDataToKeyMap(e)}})}validateDataFoot(e){validateTableDataFoot(this,e)}validateFixedCols(e){validateFixedCols(this,e),this.checkAndUpdateStickyState()}validateHeaderCells(e){validateTableHeaderCells(this,e),isEqual(this.previousHeaderCells,this.state._headerCells)||this.initializeHeaderCellSettings(),this.previousHeaderCells=this.state._headerCells}validateLabel(e){validateLabel(this,e,{required:!0})}validateOn(e){validateTableCallbacks(this,e)}validateSelection(e){validateTableSelection(this,e),this.checkAndUpdateStickyState()}handleKeyDown(e){var t;if("ArrowUp"===e.key||"ArrowDown"===e.key){const a=null===(t=this.tableDivElement)||void 0===t?void 0:t.querySelector(":focus");let l=this.checkboxRefs.indexOf(a);l>-1&&(e.preventDefault(),"ArrowDown"===e.key?(l=(l+1)%this.checkboxRefs.length,this.checkboxRefs[l].focus()):"ArrowUp"===e.key&&(e.preventDefault(),l=(l+this.checkboxRefs.length-1)%this.checkboxRefs.length,this.checkboxRefs[l].focus()))}}componentDidRender(){this.checkDivElementScrollbar()}componentDidLoad(){this.tableDivElement&&ResizeObserver&&(this.tableDivElementResizeObserver=new ResizeObserver(this.handleResize.bind(this)),this.tableDivElementResizeObserver.observe(this.tableDivElement)),this.checkAndUpdateStickyState()}handleSettingsChange(e){var t;const a=Object.assign(Object.assign({},this.state._headerCells),{horizontal:e.detail});setState(this,"_headerCells",a),this.settingsChangedCounter++,"function"==typeof(null===(t=this.state._on)||void 0===t?void 0:t[Callback.onChangeHeaderCells])&&this.state._on[Callback.onChangeHeaderCells](e,a)}disconnectedCallback(){var e;null===(e=this.tableDivElementResizeObserver)||void 0===e||e.disconnect(),clearTimeout(this.resizeDebounceTimeout)}handleResize(){this.checkDivElementScrollbar(),clearTimeout(this.resizeDebounceTimeout),this.resizeDebounceTimeout=setTimeout(()=>{this.checkAndUpdateStickyState()},150)}checkDivElementScrollbar(){this.tableDivElement&&(this.tableDivElementHasScrollbar=this.tableDivElement.scrollWidth>this.tableDivElement.clientWidth)}calculateFixedColsWidth(){var e,t,a,l,i,s;if(!this._fixedCols)return 0;const o=this.getPrimaryHeaders(this.state._headerCells);let r=0;for(let a=0;a<this._fixedCols[0]&&a<o.length;a++)r+=null!==(t=null===(e=o[a])||void 0===e?void 0:e.width)&&void 0!==t?t:0;for(let e=this.maxCols-this._fixedCols[1];e<this.maxCols&&e<o.length;e++)r+=null!==(l=null===(a=o[e])||void 0===a?void 0:a.width)&&void 0!==l?l:0;if(this.state._selection){const e=null===(i=this.tableDivElement)||void 0===i?void 0:i.querySelector(".kol-table__cell--selection");r+=null!==(s=null==e?void 0:e.offsetWidth)&&void 0!==s?s:0}return r}checkAndUpdateStickyState(){if(!this.tableDivElement||!this._fixedCols)return void(this.stickyColsDisabled=!1);const e=this.tableDivElement.clientWidth,t=this.calculateFixedColsWidth();this.stickyColsDisabled=t>0&&t>=e}updateDataToKeyMap(e){e.forEach(e=>{this.dataToKeyMap.has(e)||this.dataToKeyMap.set(e,nonce())}),this.dataToKeyMap.forEach((t,a)=>{e.includes(a)||this.dataToKeyMap.delete(a)})}getDataKey(e){return this.dataToKeyMap.get(e)}getActionColumnHeader(e){const t=this.horizontal?this.state._headerCells.horizontal:this.state._headerCells.vertical;if(!t||0===t.length)return;const a=this.getPrimaryHeaders(this.state._headerCells)[e];return a&&"action"===a.type?a:void 0}cellRender(e,t){t&&(clearTimeout(this.cellsToRenderTimeouts.get(t)),this.cellsToRenderTimeouts.set(t,setTimeout(()=>{if("function"==typeof e.render){const a=e.render(t,e,e.data,this.state._data);"string"==typeof a&&(t.textContent=a)}})))}getNumberOfCols(e,t){let a=0;return e.forEach(e=>{let t=0;Array.isArray(e)&&e.forEach(e=>{var a;t+=null!==(a=e.colSpan)&&void 0!==a?a:1}),a<t&&(a=t)}),0===a&&(a=t.length),a}getNumberOfRows(e,t){var a;let l=0;return e.forEach(e=>{let t=0;Array.isArray(e)&&e.forEach(e=>{var a;t+=null!==(a=e.rowSpan)&&void 0!==a?a:1}),l<t&&(l=t)}),0===l?l=t.length:l-=(null===(a=this.state._dataFoot)||void 0===a?void 0:a.length)||0,l}getThePrimaryHeadersWithKeyOrRenderFunction(e){const t=[];return e.forEach(e=>{e.forEach(e=>{"string"!=typeof e.key&&"function"!=typeof e.render||t.push(e)})}),t}getPrimaryHeaders(e){var t,a;let l=this.getThePrimaryHeadersWithKeyOrRenderFunction(null!==(t=e.horizontal)&&void 0!==t?t:[]);return this.horizontal=!0,0===l.length&&(l=this.getThePrimaryHeadersWithKeyOrRenderFunction(null!==(a=e.vertical)&&void 0!==a?a:[]),l.length>0&&(this.horizontal=!1)),l}createDataField(e,t,a){var l,i,s,o,r,n,c;t.horizontal=Array.isArray(null==t?void 0:t.horizontal)?t.horizontal:[],t.vertical=Array.isArray(null==t?void 0:t.vertical)?t.vertical:[],this.maxCols=this.getNumberOfCols(t.horizontal,e);const d=this.getPrimaryHeaders(t);let h=this.getNumberOfRows(t.vertical,e),b=0;a&&(b=h,h+=(null===(l=this.state._dataFoot)||void 0===l?void 0:l.length)||0);const u=[],f=[],v=[];t.vertical.forEach((e,t)=>{f[t]=0,v[t]=[]});const _=d;for(let l=b;l<h;l++){const d=[];t.vertical.forEach((e,t)=>{let a=0;if(v[t].forEach(e=>a+=e),a<=l){const i=e[l-a+f[t]];if("object"==typeof i){d.push(Object.assign(Object.assign({},i),{headerCell:!0,data:{}}));let e=1;if("number"==typeof i.rowSpan&&i.rowSpan>1&&(e=i.rowSpan),v[t].push(e),"number"==typeof i.colSpan&&i.colSpan>1)for(let a=1;a<i.colSpan;a++)v[t+a].push(e);f[t]++}}});for(let t=0;t<this.maxCols;t++){let h=this.isFixedCol(t);if("left"===h&&void 0===this.getFixedOffset(t)){let e=null!==(i=this.fixedOffsets[t-1])&&void 0!==i?i:0;e+=null!==(o=null===(s=_[t-1])||void 0===s?void 0:s.width)&&void 0!==o?o:0,this.fixedOffsets[t]=e}if("right"===h&&void 0===this.getFixedOffset(t)){let e=null!==(r=this.fixedOffsets[t+1])&&void 0!==r?r:0;e+=null!==(c=null===(n=_[t+1])||void 0===n?void 0:n.width)&&void 0!==c?c:0,this.fixedOffsets[t]=e}if(!0===this.horizontal){const i=a&&this.state._dataFoot?this.state._dataFoot[l-b]:e[l];if("object"==typeof _[t]&&null!==_[t]&&"object"==typeof i&&null!==i&&("string"==typeof _[t].key||"function"==typeof _[t].render)){const e=i[_[t].key];d.push(Object.assign(Object.assign({},_[t]),{colIndex:t,colSpan:void 0,rowSpan:void 0,data:i,label:e}))}}else if("object"==typeof _[l]&&null!==_[l]&&"object"==typeof e[t]&&null!==e[t]&&("string"==typeof _[l].key||"function"==typeof _[l].render)){const a=_[l].key,i=e[t][a];d.push(Object.assign(Object.assign({},_[l]),{colIndex:t,colSpan:void 0,rowSpan:void 0,data:e[t],label:i}))}}u.push(d)}if(0===e.length){let e=0,a=0;Array.isArray(t.horizontal)&&t.horizontal.length>0&&t.horizontal[0].forEach(t=>{e+=t.colSpan||1}),Array.isArray(t.vertical)&&t.vertical.length>0&&(e-=t.vertical.length,t.vertical[0].forEach(e=>{a+=e.rowSpan||1}));const l={colSpan:e,label:this.translateNoEntries,render:void 0,rowSpan:Math.max(a,1)};0===u.length?u.push([l]):u[0].push(l)}return u}isFixedCol(e){if(this._fixedCols&&void 0!==e&&!this.stickyColsDisabled)return e<this._fixedCols[0]?"left":e>=this.maxCols-this._fixedCols[1]?"right":void 0}getFixedOffset(e){if(this.tableDivElement&&void 0!==e)return void 0!==this.fixedOffsets[e]?this.fixedOffsets[e]:void 0}getOffsetString(e,t){return t&&this._selection?"calc( var(--kol-table-selection-col-width) + "+this.getFixedOffset(e)+"px)":this.getFixedOffset(e)+"px"}handleSelectionChangeCallbackAndEvent(e,t){var a;"function"==typeof(null===(a=this.state._on)||void 0===a?void 0:a[Callback.onSelectionChange])&&this.state._on[Callback.onSelectionChange](e,t),this.host&&dispatchDomEvent(this.host,KolEvent.selectionChange,t)}initializeHeaderCellSettings(){if(this.state._headerCells&&this.state._headerCells.horizontal&&this.state._headerCells.horizontal.length>0){const e=Object.assign(Object.assign({},this.state._headerCells),{horizontal:this.state._headerCells.horizontal.map(e=>e.map(e=>Object.assign(Object.assign({},e),{visible:"boolean"!=typeof e.visible||e.visible,hidable:"boolean"!=typeof e.hidable||e.hidable})))});setState(this,"_headerCells",e)}}componentWillLoad(){this.validateData(this._data),this.validateDataFoot(this._dataFoot),this.validateHeaderCells(this._headerCells),this.validateLabel(this._label),this.validateOn(this._on),this.validateSelection(this._selection),this.validateHasSettingsMenu(this._hasSettingsMenu)}renderSelectionCell(e,t){var a;const l=this.state._selection;if(!l)return"";const i=this.getSelectionKeyPropertyName(),s=null===(a=e[0])||void 0===a?void 0:a.data;if(!s)return"";const o=s[i],r=l.multiple||void 0===l.multiple,n=(()=>{const e=null==l?void 0:l.selectedKeys;return(void 0===e?[]:Array.isArray(e)?e:[e]).some(e=>String(e)===String(o))})(),c=(()=>{const e=null==l?void 0:l.disabledKeys;return(void 0===e?[]:Array.isArray(e)?e:[e]).some(e=>String(e)===String(o))})(),d=l.label(s),b={name:"selection",checked:n,disabled:c,id:String(o),"aria-label":d};return h("td",{key:`tbody-${t}-selection`,class:"kol-table__cell kol-table__cell--selection"},h("div",{class:clsx("kol-table__selection",{"kol-table__selection--checked":n})},r?h("label",{class:clsx("kol-table__selection-label",{"kol-table__selection-label--disabled":c})},h(IconFC,{class:"kol-table__selection-icon",icons:"kolicon "+(n?"kolicon-check":""),label:""}),h("input",Object.assign({class:clsx("kol-table__selection-input kol-table__selection-input--checkbox"),ref:e=>e&&this.checkboxRefs.push(e)},b,{type:"checkbox",onInput:e=>{const t=(()=>{const e=null==l?void 0:l.selectedKeys;return void 0===e?[]:Array.isArray(e)?e:[e]})(),a=n?t.filter(e=>String(e)!==String(o)):[...t,o];this.handleSelectionChangeCallbackAndEvent(e,null!=a?a:[])}}))):h("label",{class:"kol-table__selection-label"},h("input",Object.assign({class:clsx("kol-table__selection-input kol-table__selection-input--radio")},b,{type:"radio",onInput:e=>{this.handleSelectionChangeCallbackAndEvent(e,[o])}}))),h("div",{class:"kol-table__selection-input-tooltip"},h(TooltipFC,{label:d,badgeText:"",id:`${o}-label`,refFloating:()=>{}}))))}getSelectionKeyPropertyName(){var e,t;return null!==(t=null===(e=this.state._selection)||void 0===e?void 0:e.keyPropertyName)&&void 0!==t?t:"id"}getDataWithSelectionEnabled(){const e=this.getSelectionKeyPropertyName();return this.state._data.filter(t=>{var a;const l=null===(a=this.state._selection)||void 0===a?void 0:a.disabledKeys;return!(void 0===l?[]:Array.isArray(l)?l:[l]).some(a=>String(a)===String(t[e]))})}getSelectedKeysWithoutDisabledKeys(){const e=(()=>{var e;const t=null===(e=this.state._selection)||void 0===e?void 0:e.selectedKeys;return void 0===t?[]:Array.isArray(t)?t:[t]})(),t=(()=>{var e;const t=null===(e=this.state._selection)||void 0===e?void 0:e.disabledKeys;return void 0===t?[]:Array.isArray(t)?t:[t]})();return e.filter(e=>!t.some(t=>String(t)===String(e)))}getSelectedKeysWithDisabledKeysOnly(){const e=(()=>{var e;const t=null===(e=this.state._selection)||void 0===e?void 0:e.selectedKeys;return void 0===t?[]:Array.isArray(t)?t:[t]})(),t=(()=>{var e;const t=null===(e=this.state._selection)||void 0===e?void 0:e.disabledKeys;return void 0===t?[]:Array.isArray(t)?t:[t]})();return e.filter(e=>t.some(t=>String(t)===String(e)))}getRevertedSelection(e){var t;const a=this.getSelectionKeyPropertyName(),l=null!==(t=this.getSelectedKeysWithDisabledKeysOnly())&&void 0!==t?t:[];return e&&l.push(...this.getDataWithSelectionEnabled().map(e=>null==e?void 0:e[a])),l}getTableMinWidth(){var e,t;const a=null!==(e=this.state._headerCells.horizontal)&&void 0!==e?e:[],l=[];a.forEach(e=>{e.forEach(e=>{!1!==e.visible&&void 0!==e.width&&e.width>0&&l.push(e.width)})});const i=null!==(t=this.state._headerCells.vertical)&&void 0!==t?t:[],s=[];i.forEach(e=>{e.forEach(e=>{void 0!==e.width&&e.width>0&&s.push(e.width)})});const o=[...s,...l];return 0===o.length?"0px":1===o.length?`${o[0]}px`:`calc(${o.map(e=>`${e}px`).join(" + ")})`}renderHeadingSelectionCell(){var e,t;const a=this.state._selection;if(!a)return h("td",{class:"kol-table__cell kol-table__cell--header",key:"thead-0"});if(!1===a.multiple)return h("td",{key:"thead-0-selection",class:"kol-table__cell kol-table__cell--header kol-table__cell--selection"});const l=null!==(t=null===(e=this.getSelectedKeysWithoutDisabledKeys())||void 0===e?void 0:e.length)&&void 0!==t?t:0,i=l===this.getDataWithSelectionEnabled().length,s=0!==l&&!i;let o="kol-table-selection-indeterminate";i&&!s&&(o="kol-table-selection-none"),0===l&&(o="kol-table-selection-all");const r=translate(o);return h("th",{key:"thead-0-selection",class:"kol-table__cell kol-table__cell--header kol-table__cell--selection"},h("div",{class:clsx("kol-table__selection",{"kol-table__selection--indeterminate":s,"kol-table__selection--checked":i})},h("label",{class:"kol-table__selection-label"},h(IconFC,{class:"kol-table__selection-icon",icons:"kolicon "+(s?"kolicon-minus":i?"kolicon-check":""),label:""}),h("input",{class:clsx("kol-table__selection-input kol-table__selection-input--checkbox"),"data-testid":"selection-checkbox-all",ref:e=>e&&this.checkboxRefs.push(e),name:"selection",checked:i&&!s,indeterminate:s,"aria-label":r,type:"checkbox",onInput:e=>{this.handleSelectionChangeCallbackAndEvent(e,this.getRevertedSelection(!i))}})),h("div",{class:"kol-table__selection-input-tooltip"},h(TooltipFC,{label:r,badgeText:"",id:`${o}-label`,refFloating:()=>{}}))))}renderHeaderTdCell(){const e=this.state._headerCells.horizontal,t=this.state._headerCells.vertical;if(!Array.isArray(e)||0===e.length||!Array.isArray(t)||0===t.length)return h(Fragment,null);const a=t.reduce((e,t)=>{var a;const l=null==t?void 0:t[0];return e+(null!==(a=null==l?void 0:l.width)&&void 0!==a?a:0)},0);return h("td",{"aria-hidden":"true",colSpan:t.length,rowSpan:e.length,style:a>0?{width:`${a}px`}:void 0})}formatSortOrderDescription(e){return this.translateSortOrder.replace("{{order}}",`${e}`)}getSortAriaDescription(e){return"number"==typeof e&&e>0?`${this.translateSort} – ${this.formatSortOrderDescription(e)}`:this.translateSort}renderHeadingCell(e,t,a,l){if(!1===e.visible)return"";const i=!1!==(null==e?void 0:e.sortable),s="string"==typeof e.sortDirection,o=i&&s;let r="none",n="kolicon-sort-neutral";if(o&&e.sortDirection)switch(e.sortDirection){case"ASC":n="kolicon-sort-asc",r="ascending";break;case"DESC":n="kolicon-sort-desc",r="descending";break;default:r="none"}const c=l?"row":"number"==typeof e.colSpan&&e.colSpan>1?"colgroup":"col",d="number"==typeof e.sortOrder&&e.sortOrder>0?e.sortOrder:void 0,b=this.getSortAriaDescription(d),u=void 0!==e.width?`${e.width}px`:void 0,f=this.isFixedCol(a),v="left"===f?this.getOffsetString(a,!0):void 0,_="right"===f?this.getOffsetString(a):void 0;return h("th",{key:`${t}-${a}-${e.label}`,class:clsx("kol-table__cell kol-table__cell--header",`kol-table__cell--${r}`,e.textAlign&&`kol-table__cell--align-${e.textAlign}`,f&&`kol-table__cell--sticky-${f}`),scope:c,colSpan:e.colSpan,rowSpan:e.rowSpan,style:{width:u,left:v,right:_},"aria-sort":r,"data-sort":o&&e.sortDirection?`sort-${e.sortDirection}`:void 0},o&&e.sortDirection?h("span",{class:"kol-table__sort"},h(KolButtonWcTag,{class:"kol-table__sort-button",_icons:{right:n},_label:e.label,_ariaDescription:b,_on:{onClick:t=>{var a;"function"==typeof(null===(a=this.state._on)||void 0===a?void 0:a.onSort)&&e.key&&e.sortDirection&&this.state._on.onSort(t,{key:e.key,currentSortDirection:e.sortDirection}),this.host&&dispatchDomEvent(this.host,KolEvent.sort,{key:e.key,currentSortDirection:e.sortDirection})}}}),d&&h("span",{"aria-hidden":"true",class:"kol-table__sort-order"},d)):e.label)}renderSpacer(e,t){var a,l;const i=(null===(a=this.state._headerCells.vertical)||void 0===a?void 0:a.length)||0,s=null===(l=null==t?void 0:t[0])||void 0===l?void 0:l.reduce((e,t)=>e+(t.colSpan||1),0),o=this.state._selection?1:0;return h("tr",{"aria-hidden":"true",class:clsx("kol-table__spacer",`kol-table__spacer--${e}`)},h("td",{class:clsx(`kol-table__spacer-line kol-table__spacer-line--${e}`),colSpan:i+s+o}))}renderFoot(){if(!this.state._dataFoot||0===this.state._dataFoot.length)return null;const e=this.createDataField(this.state._dataFoot,this.state._headerCells,!0);return h("tfoot",{class:"kol-table__footer"},[this.renderSpacer("foot",e),e.map((e,t)=>this.renderTableRow(e,t,!0,!0))])}render(){const e=this.createDataField(this.state._data,this.state._headerCells);this.checkboxRefs=[];const t=this.state._headerCells.horizontal;return h("div",{key:"58848c2a07a40c3fb4aa1edf058aeb08fa0769ba",class:"kol-table"},this.state._hasSettingsMenu&&h(KolTableSettingsWcTag,{key:"83c320417d105e6a363b611766d65b8f93564496",_horizontalHeaderCells:null!=t?t:[]}),h("div",{key:"07d0d0857d6c2faac908b4ef27f1117f8b3657ff",ref:e=>this.tableDivElement=e,class:"kol-table__scroll-container",tabindex:this.tableDivElementHasScrollbar?"-1":void 0},h("table",{key:"ca0d7629e4311bc1259072fbc3e8041afe2ee29d",class:"kol-table__table",style:{minWidth:this.getTableMinWidth()}},h("caption",{key:"1d7b6fe18b3a10693e03b0d59bafe16f0b424ea5",class:"kol-table__focus-element kol-table__caption",id:"caption",tabindex:this.tableDivElementHasScrollbar?"0":void 0},this.state._label),Array.isArray(t)&&h("thead",{key:"7736a5e70ad8011b596486becf1937464fc5cc3d",class:"kol-table__head"},[t.map((e,t)=>h("tr",{class:"kol-table__head-row",key:`thead-${t}`},this.state._selection&&this.renderHeadingSelectionCell(),0===t&&this.renderHeaderTdCell(),Array.isArray(e)&&e.map((e,a)=>this.renderHeadingCell(e,t,a,!1)))),this.renderSpacer("head",t)]),h("tbody",{key:"c1c09fb657f46835b7d58be54752be62ad3ccca2",class:"kol-table__body"},e.map((e,t)=>this.renderTableRow(e,t,!0))),this.renderFoot())))}get host(){return this}static get watchers(){return{_hasSettingsMenu:["validateHasSettingsMenu"],_data:["validateData"],_dataFoot:["validateDataFoot"],_fixedCols:["validateFixedCols"],_headerCells:["validateHeaderCells"],_label:["validateLabel"],_on:["validateOn"],_selection:["validateSelection"]}}},[256,"kol-table-stateless-wc",{_data:[1],_dataFoot:[1,"_data-foot"],_fixedCols:[16],_headerCells:[1,"_header-cells"],_label:[1],_on:[16],_selection:[1],_hasSettingsMenu:[4,"_has-settings-menu"],state:[32],tableDivElementHasScrollbar:[32],stickyColsDisabled:[32],previousHeaderCells:[32]},[[0,"keydown","handleKeyDown"],[0,"changeheadercells","handleSettingsChange"]],{_hasSettingsMenu:["validateHasSettingsMenu"],_data:["validateData"],_dataFoot:["validateDataFoot"],_fixedCols:["validateFixedCols"],_headerCells:["validateHeaderCells"],_label:["validateLabel"],_on:["validateOn"],_selection:["validateSelection"]}]);function defineCustomElement$1(){if("undefined"==typeof customElements)return;["kol-table-stateless-wc"].forEach(e=>{if("kol-table-stateless-wc"===e)customElements.get(e)||customElements.define(e,KolTableStatelessWc$1)})}const KolTableStatelessWc=KolTableStatelessWc$1,defineCustomElement=defineCustomElement$1;export{KolTableStatelessWc,defineCustomElement};