@public-ui/components 4.1.2-rc.2 → 4.1.2-rc.3

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

@@ -1 +1 @@
-{"version":3,"names":["registerInstance","h","Host","getElement","KolPaginationWcTag","KolTableStatelessWcTag","translate","watchBoolean","watchValidator","setState","emptyStringByArrayHandler","parseJson","objectObjectHandler","devHint","validateTableData","validateTableDataFoot","validateFixedCols","validateHasSettingsMenu","validateTableSelection","validateTableStatefulCallbacks","validateLabel","Callback","KolEvent","dispatchDomEvent","validateAllowMultiSort","component","value","options","Object","assign","defaultValue","paginationPositionPropTypeOptions","validatePaginationPosition","includes","Set","join","defaultStyleCss","PAGINATION_OPTIONS","paginationValidator","KolTableStateful","constructor","hostRef","this","catchRef","ref","tableWcRef","sortData","showPagination","pageStartSlice","pageEndSlice","disableSort","_paginationPosition","state","_allowMultiSort","_fixedCols","_data","_dataFoot","_headers","horizontal","vertical","_label","_pagination","_page","_pageSize","_max","_sortedData","_hasSettingsMenu","handlePagination","onClick","event","page","_a","_on","onChangePage","onChangePageSize","pageSize","onSelectionChange","stopPropagation","updateSortedData","sortedData","length","sort","a","b","index","data","result","compareFn","direction","validateData","afterPatch","setTimeout","validateDataFoot","changeCellSort","headerCell","type","undefined","key","findIndex","settings","splice","push","label","validateHeaders","hooks","beforePatch","nextValue","_b","_c","_d","applySort","headers","hasSortedCells","forEach","cell","sortDirection","required","validateSelection","validateOn","validatePagination","componentDidLoad","addEventListener","selectionChange","disconnectedCallback","removeEventListener","componentWillLoad","_selection","selectDisplayedData","slice","renderPagination","position","placeholders","class","_boundaryCount","_customClass","_hasButtons","_pageSizeOptions","_siblingCount","_tooltipAlign","getHeaderCellSortState","find","getHeaderCellSortOrder","handleSort","flat","getSelectedData","selectedKeys","selection","keyPropertyName","keySet","map","String","filter","item","has","handleSelectionChange","selectedData","host","getSelection","render","_e","_f","displayedData","paginationTop","paginationBottom","headerCells","row","sortOrder","column","_headerCells","onSort","_","payload","watchers","style","default"],"sources":["0"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["registerInstance","h","Host","getElement","KolPaginationWcTag","KolTableStatelessWcTag","translate","watchBoolean","watchValidator","setState","emptyStringByArrayHandler","parseJson","objectObjectHandler","devHint","validateTableData","validateTableDataFoot","validateFixedCols","validateHasSettingsMenu","validateTableSelection","validateTableStatefulCallbacks","validateLabel","Callback","KolEvent","dispatchDomEvent","validateAllowMultiSort","component","value","options","Object","assign","defaultValue","paginationPositionPropTypeOptions","validatePaginationPosition","includes","Set","join","defaultStyleCss","PAGINATION_OPTIONS","paginationValidator","KolTableStateful","constructor","hostRef","this","catchRef","ref","tableWcRef","sortData","showPagination","pageStartSlice","pageEndSlice","disableSort","_paginationPosition","state","_allowMultiSort","_fixedCols","_data","_dataFoot","_headers","horizontal","vertical","_label","_pagination","_page","_pageSize","_max","_sortedData","_hasSettingsMenu","handlePagination","onClick","event","page","_a","_on","onChangePage","onChangePageSize","pageSize","onSelectionChange","stopPropagation","updateSortedData","sortedData","length","sort","a","b","index","data","result","compareFn","direction","validateData","afterPatch","setTimeout","validateDataFoot","changeCellSort","headerCell","type","undefined","key","findIndex","settings","splice","push","label","validateHeaders","hooks","beforePatch","nextValue","_b","_c","_d","applySort","headers","hasSortedCells","forEach","cell","sortDirection","required","validateSelection","validateOn","validatePagination","componentDidLoad","addEventListener","selectionChange","disconnectedCallback","removeEventListener","componentWillLoad","_selection","selectDisplayedData","slice","renderPagination","position","placeholders","class","_boundaryCount","_customClass","_hasButtons","_pageSizeOptions","_siblingCount","_tooltipAlign","getHeaderCellSortState","find","getHeaderCellSortOrder","handleSort","flat","getSelectedData","selectedKeys","selection","keyPropertyName","keySet","map","String","filter","item","has","handleSelectionChange","selectedData","host","getSelection","render","_e","_f","displayedData","paginationTop","paginationBottom","headerCells","row","sortOrder","column","_headerCells","onSort","_","payload","watchers","style","default"],"sources":["0"],"mappings":"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","ignoreList":[]}

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

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{r as t,h as e,F as i,g as n}from"./index-C-7ueFeG.js";import{_ as l}from"./tslib.es6-CxX45GIN.js";import{c as s,d as o,a as r,v as a}from"./component-names-BQrMLr68.js";import{t as c}from"./i18n-DvMeCREp.js";import{I as d}from"./component-CraT9mqx.js";import{P as u,o as h,p as f,b,s as v}from"./common-BIkdAxr0.js";import{c as _,v as p,a as k,b as y,f as m,d as g}from"./table-selection-DAMWzd6x.js";import{v as S}from"./label-C18ud7Yt.js";import{C as j}from"./keyboard-DNd73LVa.js";import{c as w}from"./clsx-COFh-Vc8.js";import{n as A}from"./dev.utils-_tIxkFEq.js";import{d as C,K as $}from"./events-DHTi_wtD.js";import{M as x,e as O,U as D,d as M,a as F,c as H,S as T,f as K}from"./_Uint8Array-UP73qmmG.js";import{S as R,a as z,i as I}from"./isArray-CcrBs4JM.js";import"./i18n-B0tfVPMa.js";import"./bem-registry-ClssJ_nC.js";import"./isObject-BJgq02Md.js";const W=(e,t)=>{u(t,()=>{h(t,()=>{try{t=f(t)}catch(e){}b(e,"_headerCells",e=>{var t,i;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!==(i=e.vertical)&&void 0!==i?i:[]].flat().every(e=>void 0===e.width||"number"==typeof e.width)&&!0},new Set(["TableHeaderCellsPropType"]),t)})})};var B="__lodash_hash_undefined__";function E(e){return this.__data__.set(e,B),this}function P(e){return this.__data__.has(e)}function L(e){var t=-1,i=null==e?0:e.length;for(this.__data__=new x;++t<i;)this.add(e[t])}function N(e,t){for(var i=-1,l=null==e?0:e.length;++i<l;)if(t(e[i],i,e))return!0;return!1}function U(e,t){return e.has(t)}L.prototype.add=L.prototype.push=E,L.prototype.has=P;var q=1,V=2;function G(e,t,i,l,a,s){var o=i&q,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,u=!0,b=i&V?new L: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;u=!1;break}if(b){if(!N(t,function(e,t){if(!U(b,t)&&(f===e||a(f,e,i,l,s)))return b.push(t)})){u=!1;break}}else if(f!==v&&!a(f,v,i,l,s)){u=!1;break}}return s.delete(e),s.delete(t),u}function J(e){var t=-1,i=Array(e.size);return e.forEach(function(e,l){i[++t]=[l,e]}),i}function Q(e){var t=-1,i=Array(e.size);return e.forEach(function(e){i[++t]=e}),i}var X=1,Y=2,Z="[object Boolean]",tt="[object Date]",et="[object Error]",it="[object Map]",nt="[object Number]",lt="[object RegExp]",st="[object Set]",ot="[object String]",rt="[object Symbol]",at="[object ArrayBuffer]",ct="[object DataView]",dt=R?R.prototype:void 0,ut=dt?dt.valueOf:void 0;function ht(e,t,i,l,a,s,o){switch(i){case ct:if(e.byteLength!=t.byteLength||e.byteOffset!=t.byteOffset)return!1;e=e.buffer,t=t.buffer;case at:return!(e.byteLength!=t.byteLength||!s(new D(e),new D(t)));case Z:case tt:case nt:return O(+e,+t);case et:return e.name==t.name&&e.message==t.message;case lt:case ot:return e==t+"";case it:var r=J;case st:var n=l&X;if(r||(r=Q),e.size!=t.size&&!n)return!1;var c=o.get(e);if(c)return c==t;l|=Y,o.set(e,t);var d=G(r(e),r(t),l,a,s,o);return o.delete(e),d;case rt:if(ut)return ut.call(e)==ut.call(t)}return!1}var ft=1,bt=Object.prototype,vt=bt.hasOwnProperty;function _t(e,t,i,l,a,s){var o=i&ft,r=M(e),n=r.length;if(n!=M(t).length&&!o)return!1;for(var c=n;c--;){var d=r[c];if(!(o?d in t:vt.call(t,d)))return!1}var h=s.get(e),u=s.get(t);if(h&&u)return h==t&&u==e;var b=!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 p=o?l(_,v,d,t,e,s):l(v,_,d,e,t,s);if(!(void 0===p?v===_||a(v,_,i,l,s):p)){b=!1;break}f||(f="constructor"==d)}if(b&&!f){var y=e.constructor,g=t.constructor;y==g||!("constructor"in e)||!("constructor"in t)||"function"==typeof y&&y instanceof y&&"function"==typeof g&&g instanceof g||(b=!1)}return s.delete(e),s.delete(t),b}var pt=1,kt="[object Arguments]",yt="[object Array]",mt="[object Object]",gt=Object.prototype,St=gt.hasOwnProperty;function jt(e,t,i,l,a,s){var o=z(e),r=z(t),n=o?yt:F(e),c=r?yt:F(t),d=(n=n==kt?mt:n)==mt,h=(c=c==kt?mt:c)==mt,u=n==c;if(u&&H(e)){if(!H(t))return!1;o=!0,d=!1}if(u&&!d)return s||(s=new T),o||K(e)?G(e,t,i,l,a,s):ht(e,t,n,i,l,a,s);if(!(i&pt)){var b=d&&St.call(e,"__wrapped__"),f=h&&St.call(t,"__wrapped__");if(b||f){var v=b?e.value():e,_=f?t.value():t;return s||(s=new T),a(v,_,i,l,s)}}return!!u&&(s||(s=new T),_t(e,t,i,l,a,s))}function wt(e,t,i,l,a){return e===t||(null==e||null==t||!I(e)&&!I(t)?e!=e&&t!=t:jt(e,t,i,l,wt,a))}function At(e,t){return wt(e,t)}const Ct=150,$t=class{constructor(i){t(this,i),this.translateNoEntries=c("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=c("kol-sort"),this.translateSortOrder=c("kol-table-sort-order"),this.maxCols=0,this.fixedOffsets=[],this.tableDivElementHasScrollbar=!1,this.stickyColsDisabled=!1,this.renderTableRow=(t,i,l,a=!1)=>{var s,o;let r=String(i);return this.horizontal&&(null===(s=t[0])||void 0===s?void 0:s.data)&&(r=null!==(o=this.getDataKey(t[0].data))&&void 0!==o?o:r),e("tr",{class:w("kol-table__row",{"kol-table__row--body":!a,"kol-table__row--footer":a}),key:`row-${r}`},this.renderSelectionCell(t,i),t.map((e,t)=>this.renderTableCell(e,i,t,l)))},this.renderTableCell=(t,i,l,a)=>{if(!1===t.visible)return"";let s=`${i}-${l}-${t.label}`;if(t.data){const e=this.getDataKey(t.data);s=e?`${e}-${this.horizontal?l:i}`:s}if(t.headerCell)return this.renderHeadingCell(t,i,l,a);{const i="function"!=typeof t.render&&t.label===this.translateNoEntries,a=this.getActionColumnHeader(l),o=Boolean(a&&t.data),r=this.isFixedCol(l),n="left"===r?this.getOffsetString(t.colIndex,!0):void 0,c="right"===r?this.getOffsetString(t.colIndex):void 0;return e("td",{key:`cell-${s}`,class:w("kol-table__cell kol-table__cell--body",t.textAlign&&`kol-table__cell--align-${t.textAlign}`,o&&"kol-table__cell--actions",r&&`kol-table__cell--sticky-${r}`),"aria-atomic":i?"false":void 0,"aria-live":i?"polite":void 0,"aria-relevant":i?"text":void 0,colSpan:t.colSpan,rowSpan:t.rowSpan,style:{textAlign:t.textAlign,left:n,right:c},ref:"function"==typeof t.render?e=>{this.cellRender(t,e)}:void 0},o&&a&&t.data?this.renderActionItems(a,t.data,s):"function"!=typeof t.render?t.label:"")}},this.renderActionItems=(t,i,a)=>{const r=t.actions(i);return e("div",{class:"kol-table__cell-actions"},r.map((t,i)=>{if("button"===t.type){const o=l(t,[]);return e(s,Object.assign({key:`action-${a}-${i}`},o,{_variant:o._variant}))}if("link"===t.type){const s=l(t,[]);return e(o,Object.assign({key:`action-${a}-${i}`},s))}return null}))}}validateHasSettingsMenu(e){_(this,e)}validateData(e){p(this,e,{beforePatch:e=>{this.updateDataToKeyMap(e)}})}validateDataFoot(e){k(this,e)}validateFixedCols(e){y(this,e),this.checkAndUpdateStickyState()}validateHeaderCells(e){W(this,e),At(this.previousHeaderCells,this.state._headerCells)||this.initializeHeaderCellSettings(),this.previousHeaderCells=this.state._headerCells}validateLabel(e){S(this,e,{required:!0})}validateOn(e){m(this,e)}validateSelection(e){g(this,e),this.checkAndUpdateStickyState()}handleKeyDown(e){var t;if("ArrowUp"===e.key||"ArrowDown"===e.key){const i=null===(t=this.tableDivElement)||void 0===t?void 0:t.querySelector(":focus");let l=this.checkboxRefs.indexOf(i);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 i=Object.assign(Object.assign({},this.state._headerCells),{horizontal:e.detail});v(this,"_headerCells",i),"function"==typeof(null===(t=this.state._on)||void 0===t?void 0:t[j.onChangeHeaderCells])&&this.state._on[j.onChangeHeaderCells](e,i)}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()},Ct)}checkDivElementScrollbar(){this.tableDivElement&&(this.tableDivElementHasScrollbar=this.tableDivElement.scrollWidth>this.tableDivElement.clientWidth)}calculateFixedColsWidth(){var e,t,i,l,a,s;if(!this._fixedCols)return 0;const o=this.getPrimaryHeaders(this.state._headerCells);let r=0;for(let i=0;i<this._fixedCols[0]&&i<o.length;i++)r+=null!==(t=null===(e=o[i])||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===(i=o[e])||void 0===i?void 0:i.width)&&void 0!==l?l:0;if(this.state._selection){const e=null===(a=this.tableDivElement)||void 0===a?void 0:a.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,A())}),this.dataToKeyMap.forEach((t,i)=>{e.includes(i)||this.dataToKeyMap.delete(i)})}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 i=this.getPrimaryHeaders(this.state._headerCells)[e];return i&&"action"===i.type?i:void 0}cellRender(e,t){t&&(clearTimeout(this.cellsToRenderTimeouts.get(t)),this.cellsToRenderTimeouts.set(t,setTimeout(()=>{if("function"==typeof e.render){const i=e.render(t,e,e.data,this.state._data);"string"==typeof i&&(t.textContent=i)}})))}getNumberOfCols(e,t){let i=0;return e.forEach(e=>{let t=0;Array.isArray(e)&&e.forEach(e=>{var i;t+=null!==(i=e.colSpan)&&void 0!==i?i:1}),i<t&&(i=t)}),0===i&&(i=t.length),i}getNumberOfRows(e,t){var i;let l=0;return e.forEach(e=>{let t=0;Array.isArray(e)&&e.forEach(e=>{var i;t+=null!==(i=e.rowSpan)&&void 0!==i?i:1}),l<t&&(l=t)}),0===l?l=t.length:l-=(null===(i=this.state._dataFoot)||void 0===i?void 0:i.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,i;let l=this.getThePrimaryHeadersWithKeyOrRenderFunction(null!==(t=e.horizontal)&&void 0!==t?t:[]);return this.horizontal=!0,0===l.length&&(l=this.getThePrimaryHeadersWithKeyOrRenderFunction(null!==(i=e.vertical)&&void 0!==i?i:[]),l.length>0&&(this.horizontal=!1)),l}createDataField(e,t,i){var l,a,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),u=0;i&&(u=h,h+=(null===(l=this.state._dataFoot)||void 0===l?void 0:l.length)||0);const b=[],f=[],v=[];t.vertical.forEach((e,t)=>{f[t]=0,v[t]=[]});const _=d;for(let l=u;l<h;l++){const d=[];t.vertical.forEach((e,t)=>{let i=0;if(v[t].forEach(e=>i+=e),i<=l){const a=e[l-i+f[t]];if("object"==typeof a){d.push(Object.assign(Object.assign({},a),{headerCell:!0,data:{}}));let e=1;if("number"==typeof a.rowSpan&&a.rowSpan>1&&(e=a.rowSpan),v[t].push(e),"number"==typeof a.colSpan&&a.colSpan>1)for(let i=1;i<a.colSpan;i++)v[t+i].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!==(a=this.fixedOffsets[t-1])&&void 0!==a?a: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 a=i&&this.state._dataFoot?this.state._dataFoot[l-u]:e[l];if("object"==typeof _[t]&&null!==_[t]&&"object"==typeof a&&null!==a&&("string"==typeof _[t].key||"function"==typeof _[t].render)){const e=a[_[t].key];d.push(Object.assign(Object.assign({},_[t]),{colIndex:t,colSpan:void 0,rowSpan:void 0,data:a,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 i=_[l].key,a=e[t][i];d.push(Object.assign(Object.assign({},_[l]),{colIndex:t,colSpan:void 0,rowSpan:void 0,data:e[t],label:a}))}}b.push(d)}if(0===e.length){let e=0,i=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=>{i+=e.rowSpan||1}));const l={colSpan:e,label:this.translateNoEntries,render:void 0,rowSpan:Math.max(i,1)};0===b.length?b.push([l]):b[0].push(l)}return b}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 i;"function"==typeof(null===(i=this.state._on)||void 0===i?void 0:i[j.onSelectionChange])&&this.state._on[j.onSelectionChange](e,t),this.host&&C(this.host,$.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})))});v(this,"_headerCells",e)}}componentWillLoad(){this.validateData(this._data),this.validateDataFoot(this._dataFoot),this.validateHeaderCells(this._headerCells),this.validateLabel(this._label),this.validateOn(this._on),this.validateSelection(this._selection),this.validateHasSettingsMenu(this._hasSettingsMenu)}renderSelectionCell(t,i){var l;const a=this.state._selection;if(!a)return"";const s=this.getSelectionKeyPropertyName(),o=null===(l=t[0])||void 0===l?void 0:l.data;if(!o)return"";const n=o[s],c=a.multiple||void 0===a.multiple,h=(()=>{const e=null==a?void 0:a.selectedKeys;return(void 0===e?[]:Array.isArray(e)?e:[e]).some(e=>String(e)===String(n))})(),u=(()=>{const e=null==a?void 0:a.disabledKeys;return(void 0===e?[]:Array.isArray(e)?e:[e]).some(e=>String(e)===String(n))})(),b=a.label(o),f={name:"selection",checked:h,disabled:u,id:String(n),"aria-label":b};return e("td",{key:`tbody-${i}-selection`,class:"kol-table__cell kol-table__cell--selection"},e("div",{class:w("kol-table__selection",{"kol-table__selection--checked":h})},c?e("label",{class:w("kol-table__selection-label",{"kol-table__selection-label--disabled":u})},e(d,{class:"kol-table__selection-icon",icons:"kolicon "+(h?"kolicon-check":""),label:""}),e("input",Object.assign({class:w("kol-table__selection-input kol-table__selection-input--checkbox"),ref:e=>e&&this.checkboxRefs.push(e)},f,{type:"checkbox",onInput:e=>{const t=(()=>{const e=null==a?void 0:a.selectedKeys;return void 0===e?[]:Array.isArray(e)?e:[e]})(),i=h?t.filter(e=>String(e)!==String(n)):[...t,n];this.handleSelectionChangeCallbackAndEvent(e,null!=i?i:[])}}))):e("label",{class:"kol-table__selection-label"},e("input",Object.assign({class:w("kol-table__selection-input kol-table__selection-input--radio")},f,{type:"radio",onInput:e=>{this.handleSelectionChangeCallbackAndEvent(e,[n])}}))),e(r,{"aria-hidden":"true",class:"kol-table__selection-input-tooltip",_align:"right",_id:`${n}-label`,_label:b})))}getSelectionKeyPropertyName(){var e,t;return null!==(t=null===(e=this.state._selection)||void 0===e?void 0:e.keyPropertyName)&&void 0!==t?t:"id"}getDataWithSelectionEnabled(){const e=this.getSelectionKeyPropertyName();return this.state._data.filter(t=>{var i;const l=null===(i=this.state._selection)||void 0===i?void 0:i.disabledKeys;return!(void 0===l?[]:Array.isArray(l)?l:[l]).some(i=>String(i)===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 i=this.getSelectionKeyPropertyName(),l=null!==(t=this.getSelectedKeysWithDisabledKeysOnly())&&void 0!==t?t:[];return e&&l.push(...this.getDataWithSelectionEnabled().map(e=>null==e?void 0:e[i])),l}getTableMinWidth(){var e,t;const i=null!==(e=this.state._headerCells.horizontal)&&void 0!==e?e:[],l=[];i.forEach(e=>{e.forEach(e=>{!1!==e.visible&&void 0!==e.width&&e.width>0&&l.push(e.width)})});const a=null!==(t=this.state._headerCells.vertical)&&void 0!==t?t:[],s=[];a.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 t,i;const l=this.state._selection;if(!l)return e("td",{class:"kol-table__cell kol-table__cell--header",key:"thead-0"});if(!1===l.multiple)return e("td",{key:"thead-0-selection",class:"kol-table__cell kol-table__cell--header kol-table__cell--selection"});const a=null!==(i=null===(t=this.getSelectedKeysWithoutDisabledKeys())||void 0===t?void 0:t.length)&&void 0!==i?i:0,s=a===this.getDataWithSelectionEnabled().length,o=0!==a&&!s;let n="kol-table-selection-indeterminate";s&&!o&&(n="kol-table-selection-none"),0===a&&(n="kol-table-selection-all");const h=c(n);return e("th",{key:"thead-0-selection",class:"kol-table__cell kol-table__cell--header kol-table__cell--selection"},e("div",{class:w("kol-table__selection",{"kol-table__selection--indeterminate":o,"kol-table__selection--checked":s})},e("label",{class:"kol-table__selection-label"},e(d,{class:"kol-table__selection-icon",icons:"kolicon "+(o?"kolicon-minus":s?"kolicon-check":""),label:""}),e("input",{class:w("kol-table__selection-input kol-table__selection-input--checkbox"),"data-testid":"selection-checkbox-all",ref:e=>e&&this.checkboxRefs.push(e),name:"selection",checked:s&&!o,indeterminate:o,"aria-label":h,type:"checkbox",onInput:e=>{this.handleSelectionChangeCallbackAndEvent(e,this.getRevertedSelection(!s))}})),e(r,{"aria-hidden":"true",class:"kol-table__selection-input-tooltip",_align:"right",_id:`${n}-label`,_label:h})))}renderHeaderTdCell(){const t=this.state._headerCells.horizontal,l=this.state._headerCells.vertical;if(!Array.isArray(t)||0===t.length||!Array.isArray(l)||0===l.length)return e(i,null);const a=l.reduce((e,t)=>{var i;const l=null==t?void 0:t[0];return e+(null!==(i=null==l?void 0:l.width)&&void 0!==i?i:0)},0);return e("td",{"aria-hidden":"true",colSpan:l.length,rowSpan:t.length,style:a>0?{width:`${a}px`}:void 0})}formatSortOrderDescription(e){return this.translateSortOrder.replace("{{order}}",`${e}`)}getSortAriaDescription(e){return"number"==typeof e&&e>0?`${this.translateSort} – ${this.formatSortOrderDescription(e)}`:this.translateSort}renderHeadingCell(t,i,l,a){if(!1===t.visible)return"";const o=!1!==(null==t?void 0:t.sortable),r="string"==typeof t.sortDirection,n=o&&r;let c="none",d="kolicon-sort-neutral";if(n&&t.sortDirection)switch(t.sortDirection){case"ASC":d="kolicon-sort-asc",c="ascending";break;case"DESC":d="kolicon-sort-desc",c="descending";break;default:c="none"}const h=a?"row":"number"==typeof t.colSpan&&t.colSpan>1?"colgroup":"col",u="number"==typeof t.sortOrder&&t.sortOrder>0?t.sortOrder:void 0,b=this.getSortAriaDescription(u),f=void 0!==t.width?`${t.width}px`:void 0,v=this.isFixedCol(l),_="left"===v?this.getOffsetString(l,!0):void 0,p="right"===v?this.getOffsetString(l):void 0;return e("th",{key:`${i}-${l}-${t.label}`,class:w("kol-table__cell kol-table__cell--header",`kol-table__cell--${c}`,t.textAlign&&`kol-table__cell--align-${t.textAlign}`,v&&`kol-table__cell--sticky-${v}`),scope:h,colSpan:t.colSpan,rowSpan:t.rowSpan,style:{width:f,left:_,right:p},"aria-sort":c,"data-sort":n&&t.sortDirection?`sort-${t.sortDirection}`:void 0},n&&t.sortDirection?e("span",{class:"kol-table__sort"},e(s,{class:"kol-table__sort-button",_icons:{right:d},_label:t.label,_ariaDescription:b,_on:{onClick:e=>{var i;"function"==typeof(null===(i=this.state._on)||void 0===i?void 0:i.onSort)&&t.key&&t.sortDirection&&this.state._on.onSort(e,{key:t.key,currentSortDirection:t.sortDirection}),this.host&&C(this.host,$.sort,{key:t.key,currentSortDirection:t.sortDirection})}}}),u&&e("span",{"aria-hidden":"true",class:"kol-table__sort-order"},u)):t.label)}renderSpacer(t,i){var l,a;const s=(null===(l=this.state._headerCells.vertical)||void 0===l?void 0:l.length)||0,o=null===(a=null==i?void 0:i[0])||void 0===a?void 0:a.reduce((e,t)=>e+(t.colSpan||1),0),r=this.state._selection?1:0;return e("tr",{"aria-hidden":"true",class:w("kol-table__spacer",`kol-table__spacer--${t}`)},e("td",{class:w(`kol-table__spacer-line kol-table__spacer-line--${t}`),colSpan:s+o+r}))}renderFoot(){if(!this.state._dataFoot||0===this.state._dataFoot.length)return null;const t=this.createDataField(this.state._dataFoot,this.state._headerCells,!0);return e("tfoot",{class:"kol-table__footer"},[this.renderSpacer("foot",t),t.map((e,t)=>this.renderTableRow(e,t,!0,!0))])}render(){const t=this.createDataField(this.state._data,this.state._headerCells);this.checkboxRefs=[];const i=this.state._headerCells.horizontal;return e("div",{key:"7498fb1fcab0cde7d87073c2a30b307845886a3b",class:"kol-table"},this.state._hasSettingsMenu&&e(a,{key:"ddc7eedad2de6fdff8c8d25b75a901124de308b9",_horizontalHeaderCells:null!=i?i:[]}),e("div",{key:"92f2114a09ba2b9ae9d699cde8ebc14095901170",ref:e=>this.tableDivElement=e,class:"kol-table__scroll-container",tabindex:this.tableDivElementHasScrollbar?"-1":void 0},e("table",{key:"bb9df3b7d179826ea4405c45aa1a06c11e629fef",class:"kol-table__table",style:{minWidth:this.getTableMinWidth()}},e("caption",{key:"2fd9de95e825e595076779a8e0ee7d6a8d6687b4",class:"kol-table__focus-element kol-table__caption",id:"caption",tabindex:this.tableDivElementHasScrollbar?"0":void 0},this.state._label),Array.isArray(i)&&e("thead",{key:"9f372551f89c3345f66935062be5a00f5c160e4b",class:"kol-table__head"},[i.map((t,i)=>e("tr",{class:"kol-table__head-row",key:`thead-${i}`},this.state._selection&&this.renderHeadingSelectionCell(),0===i&&this.renderHeaderTdCell(),Array.isArray(t)&&t.map((e,t)=>this.renderHeadingCell(e,i,t,!1)))),this.renderSpacer("head",i)]),e("tbody",{key:"496f87dc4f5cbe6e26825cf1f30824d81391b2f0",class:"kol-table__body"},t.map((e,t)=>this.renderTableRow(e,t,!0))),this.renderFoot())))}get host(){return n(this)}static get watchers(){return{_hasSettingsMenu:["validateHasSettingsMenu"],_data:["validateData"],_dataFoot:["validateDataFoot"],_fixedCols:["validateFixedCols"],_headerCells:["validateHeaderCells"],_label:["validateLabel"],_on:["validateOn"],_selection:["validateSelection"]}}};export{$t as kol_table_stateless_wc};
+import{r as t,h as e,F as i,g as n}from"./index-B8-Psqw5.js";import{_ as l}from"./tslib.es6-CxX45GIN.js";import{c as s,d as o,a as r,u as a}from"./component-names-C64MXeC1.js";import{t as c}from"./i18n-DvMeCREp.js";import{I as d}from"./component-DARFRgRf.js";import{P as u,o as f,p as h,b,s as v}from"./common-BIkdAxr0.js";import{c as _,v as p,a as k,b as y,f as m,d as g}from"./table-selection-DAMWzd6x.js";import{v as S}from"./label-C18ud7Yt.js";import{C as j}from"./keyboard-DNd73LVa.js";import{c as w}from"./clsx-COFh-Vc8.js";import{n as A}from"./dev.utils-CDB3zpcq.js";import{d as C,K as $}from"./events-DHTi_wtD.js";import{M as O,e as x,U as D,d as M,a as F,c as H,S as R,f as T}from"./_Uint8Array-UP73qmmG.js";import{S as z,a as K,i as B}from"./isArray-CcrBs4JM.js";import"./i18n-B0tfVPMa.js";import"./bem-registry-ClssJ_nC.js";import"./isObject-BJgq02Md.js";const P=(e,t)=>{u(t,()=>{f(t,()=>{try{t=h(t)}catch(e){}b(e,"_headerCells",e=>{var t,i;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!==(i=e.vertical)&&void 0!==i?i:[]].flat().every(e=>void 0===e.width||"number"==typeof e.width)&&!0},new Set(["TableHeaderCellsPropType"]),t)})})};var W="__lodash_hash_undefined__";function I(e){return this.__data__.set(e,W),this}function E(e){return this.__data__.has(e)}function N(e){var t=-1,i=null==e?0:e.length;for(this.__data__=new O;++t<i;)this.add(e[t])}function U(e,t){for(var i=-1,l=null==e?0:e.length;++i<l;)if(t(e[i],i,e))return!0;return!1}function q(e,t){return e.has(t)}N.prototype.add=N.prototype.push=I,N.prototype.has=E;var L=1,V=2;function J(e,t,i,l,a,s){var o=i&L,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,u=!0,f=i&V?new N:void 0;for(s.set(e,t),s.set(t,e);++h<r;){var b=e[h],v=t[h];if(l)var _=o?l(v,b,h,t,e,s):l(b,v,h,e,t,s);if(void 0!==_){if(_)continue;u=!1;break}if(f){if(!U(t,function(e,t){if(!q(f,t)&&(b===e||a(b,e,i,l,s)))return f.push(t)})){u=!1;break}}else if(b!==v&&!a(b,v,i,l,s)){u=!1;break}}return s.delete(e),s.delete(t),u}function G(e){var t=-1,i=Array(e.size);return e.forEach(function(e,l){i[++t]=[l,e]}),i}function X(e){var t=-1,i=Array(e.size);return e.forEach(function(e){i[++t]=e}),i}var Y=1,Q=2,Z="[object Boolean]",tt="[object Date]",et="[object Error]",it="[object Map]",nt="[object Number]",lt="[object RegExp]",st="[object Set]",ot="[object String]",rt="[object Symbol]",at="[object ArrayBuffer]",ct="[object DataView]",dt=z?z.prototype:void 0,ut=dt?dt.valueOf:void 0;function ft(e,t,i,l,a,s,o){switch(i){case ct:if(e.byteLength!=t.byteLength||e.byteOffset!=t.byteOffset)return!1;e=e.buffer,t=t.buffer;case at:return!(e.byteLength!=t.byteLength||!s(new D(e),new D(t)));case Z:case tt:case nt:return x(+e,+t);case et:return e.name==t.name&&e.message==t.message;case lt:case ot:return e==t+"";case it:var r=G;case st:var n=l&Y;if(r||(r=X),e.size!=t.size&&!n)return!1;var c=o.get(e);if(c)return c==t;l|=Q,o.set(e,t);var d=J(r(e),r(t),l,a,s,o);return o.delete(e),d;case rt:if(ut)return ut.call(e)==ut.call(t)}return!1}var ht=1,bt=Object.prototype,vt=bt.hasOwnProperty;function _t(e,t,i,l,a,s){var o=i&ht,r=M(e),n=r.length;if(n!=M(t).length&&!o)return!1;for(var c=n;c--;){var d=r[c];if(!(o?d in t:vt.call(t,d)))return!1}var h=s.get(e),u=s.get(t);if(h&&u)return h==t&&u==e;var f=!0;s.set(e,t),s.set(t,e);for(var b=o;++c<n;){var v=e[d=r[c]],_=t[d];if(l)var p=o?l(_,v,d,t,e,s):l(v,_,d,e,t,s);if(!(void 0===p?v===_||a(v,_,i,l,s):p)){f=!1;break}b||(b="constructor"==d)}if(f&&!b){var y=e.constructor,g=t.constructor;y==g||!("constructor"in e)||!("constructor"in t)||"function"==typeof y&&y instanceof y&&"function"==typeof g&&g instanceof g||(f=!1)}return s.delete(e),s.delete(t),f}var pt=1,kt="[object Arguments]",yt="[object Array]",mt="[object Object]",gt=Object.prototype,St=gt.hasOwnProperty;function jt(e,t,i,l,a,s){var o=K(e),r=K(t),n=o?yt:F(e),c=r?yt:F(t),d=(n=n==kt?mt:n)==mt,h=(c=c==kt?mt:c)==mt,u=n==c;if(u&&H(e)){if(!H(t))return!1;o=!0,d=!1}if(u&&!d)return s||(s=new R),o||T(e)?J(e,t,i,l,a,s):ft(e,t,n,i,l,a,s);if(!(i&pt)){var f=d&&St.call(e,"__wrapped__"),b=h&&St.call(t,"__wrapped__");if(f||b){var v=f?e.value():e,_=b?t.value():t;return s||(s=new R),a(v,_,i,l,s)}}return!!u&&(s||(s=new R),_t(e,t,i,l,a,s))}function wt(e,t,i,l,a){return e===t||(null==e||null==t||!B(e)&&!B(t)?e!=e&&t!=t:jt(e,t,i,l,wt,a))}function At(e,t){return wt(e,t)}const Ct=150,$t=class{constructor(i){t(this,i),this.translateNoEntries=c("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=c("kol-sort"),this.translateSortOrder=c("kol-table-sort-order"),this.maxCols=0,this.fixedOffsets=[],this.tableDivElementHasScrollbar=!1,this.stickyColsDisabled=!1,this.renderTableRow=(t,i,l,a=!1)=>{var s,o;let r=String(i);return this.horizontal&&(null===(s=t[0])||void 0===s?void 0:s.data)&&(r=null!==(o=this.getDataKey(t[0].data))&&void 0!==o?o:r),e("tr",{class:w("kol-table__row",{"kol-table__row--body":!a,"kol-table__row--footer":a}),key:`row-${r}`},this.renderSelectionCell(t,i),t.map((e,t)=>this.renderTableCell(e,i,t,l)))},this.renderTableCell=(t,i,l,a)=>{if(!1===t.visible)return"";let s=`${i}-${l}-${t.label}`;if(t.data){const e=this.getDataKey(t.data);s=e?`${e}-${this.horizontal?l:i}`:s}if(t.headerCell)return this.renderHeadingCell(t,i,l,a);{const i="function"!=typeof t.render&&t.label===this.translateNoEntries,a=this.getActionColumnHeader(l),o=Boolean(a&&t.data),r=this.isFixedCol(l),n="left"===r?this.getOffsetString(t.colIndex,!0):void 0,c="right"===r?this.getOffsetString(t.colIndex):void 0;return e("td",{key:`cell-${s}`,class:w("kol-table__cell kol-table__cell--body",t.textAlign&&`kol-table__cell--align-${t.textAlign}`,o&&"kol-table__cell--actions",r&&`kol-table__cell--sticky-${r}`),"aria-atomic":i?"false":void 0,"aria-live":i?"polite":void 0,"aria-relevant":i?"text":void 0,colSpan:t.colSpan,rowSpan:t.rowSpan,style:{textAlign:t.textAlign,left:n,right:c},ref:"function"==typeof t.render?e=>{this.cellRender(t,e)}:void 0},o&&a&&t.data?this.renderActionItems(a,t.data,s):"function"!=typeof t.render?t.label:"")}},this.renderActionItems=(t,i,a)=>{const r=t.actions(i);return e("div",{class:"kol-table__cell-actions"},r.map((t,i)=>{if("button"===t.type){const o=l(t,[]);return e(s,Object.assign({key:`action-${a}-${i}`},o,{_variant:o._variant}))}if("link"===t.type){const s=l(t,[]);return e(o,Object.assign({key:`action-${a}-${i}`},s))}return null}))}}validateHasSettingsMenu(e){_(this,e)}validateData(e){p(this,e,{beforePatch:e=>{this.updateDataToKeyMap(e)}})}validateDataFoot(e){k(this,e)}validateFixedCols(e){y(this,e),this.checkAndUpdateStickyState()}validateHeaderCells(e){P(this,e),At(this.previousHeaderCells,this.state._headerCells)||this.initializeHeaderCellSettings(),this.previousHeaderCells=this.state._headerCells}validateLabel(e){S(this,e,{required:!0})}validateOn(e){m(this,e)}validateSelection(e){g(this,e),this.checkAndUpdateStickyState()}handleKeyDown(e){var t;if("ArrowUp"===e.key||"ArrowDown"===e.key){const i=null===(t=this.tableDivElement)||void 0===t?void 0:t.querySelector(":focus");let l=this.checkboxRefs.indexOf(i);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 i=Object.assign(Object.assign({},this.state._headerCells),{horizontal:e.detail});v(this,"_headerCells",i),"function"==typeof(null===(t=this.state._on)||void 0===t?void 0:t[j.onChangeHeaderCells])&&this.state._on[j.onChangeHeaderCells](e,i)}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()},Ct)}checkDivElementScrollbar(){this.tableDivElement&&(this.tableDivElementHasScrollbar=this.tableDivElement.scrollWidth>this.tableDivElement.clientWidth)}calculateFixedColsWidth(){var e,t,i,l,a,s;if(!this._fixedCols)return 0;const o=this.getPrimaryHeaders(this.state._headerCells);let r=0;for(let i=0;i<this._fixedCols[0]&&i<o.length;i++)r+=null!==(t=null===(e=o[i])||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===(i=o[e])||void 0===i?void 0:i.width)&&void 0!==l?l:0;if(this.state._selection){const e=null===(a=this.tableDivElement)||void 0===a?void 0:a.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,A())}),this.dataToKeyMap.forEach((t,i)=>{e.includes(i)||this.dataToKeyMap.delete(i)})}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 i=this.getPrimaryHeaders(this.state._headerCells)[e];return i&&"action"===i.type?i:void 0}cellRender(e,t){t&&(clearTimeout(this.cellsToRenderTimeouts.get(t)),this.cellsToRenderTimeouts.set(t,setTimeout(()=>{if("function"==typeof e.render){const i=e.render(t,e,e.data,this.state._data);"string"==typeof i&&(t.textContent=i)}})))}getNumberOfCols(e,t){let i=0;return e.forEach(e=>{let t=0;Array.isArray(e)&&e.forEach(e=>{var i;t+=null!==(i=e.colSpan)&&void 0!==i?i:1}),i<t&&(i=t)}),0===i&&(i=t.length),i}getNumberOfRows(e,t){var i;let l=0;return e.forEach(e=>{let t=0;Array.isArray(e)&&e.forEach(e=>{var i;t+=null!==(i=e.rowSpan)&&void 0!==i?i:1}),l<t&&(l=t)}),0===l?l=t.length:l-=(null===(i=this.state._dataFoot)||void 0===i?void 0:i.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,i;let l=this.getThePrimaryHeadersWithKeyOrRenderFunction(null!==(t=e.horizontal)&&void 0!==t?t:[]);return this.horizontal=!0,0===l.length&&(l=this.getThePrimaryHeadersWithKeyOrRenderFunction(null!==(i=e.vertical)&&void 0!==i?i:[]),l.length>0&&(this.horizontal=!1)),l}createDataField(e,t,i){var l,a,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),u=0;i&&(u=h,h+=(null===(l=this.state._dataFoot)||void 0===l?void 0:l.length)||0);const f=[],b=[],v=[];t.vertical.forEach((e,t)=>{b[t]=0,v[t]=[]});const _=d;for(let l=u;l<h;l++){const d=[];t.vertical.forEach((e,t)=>{let i=0;if(v[t].forEach(e=>i+=e),i<=l){const a=e[l-i+b[t]];if("object"==typeof a){d.push(Object.assign(Object.assign({},a),{headerCell:!0,data:{}}));let e=1;if("number"==typeof a.rowSpan&&a.rowSpan>1&&(e=a.rowSpan),v[t].push(e),"number"==typeof a.colSpan&&a.colSpan>1)for(let i=1;i<a.colSpan;i++)v[t+i].push(e);b[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!==(a=this.fixedOffsets[t-1])&&void 0!==a?a: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 a=i&&this.state._dataFoot?this.state._dataFoot[l-u]:e[l];if("object"==typeof _[t]&&null!==_[t]&&"object"==typeof a&&null!==a&&("string"==typeof _[t].key||"function"==typeof _[t].render)){const e=a[_[t].key];d.push(Object.assign(Object.assign({},_[t]),{colIndex:t,colSpan:void 0,rowSpan:void 0,data:a,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 i=_[l].key,a=e[t][i];d.push(Object.assign(Object.assign({},_[l]),{colIndex:t,colSpan:void 0,rowSpan:void 0,data:e[t],label:a}))}}f.push(d)}if(0===e.length){let e=0,i=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=>{i+=e.rowSpan||1}));const l={colSpan:e,label:this.translateNoEntries,render:void 0,rowSpan:Math.max(i,1)};0===f.length?f.push([l]):f[0].push(l)}return f}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 i;"function"==typeof(null===(i=this.state._on)||void 0===i?void 0:i[j.onSelectionChange])&&this.state._on[j.onSelectionChange](e,t),this.host&&C(this.host,$.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})))});v(this,"_headerCells",e)}}componentWillLoad(){this.validateData(this._data),this.validateDataFoot(this._dataFoot),this.validateHeaderCells(this._headerCells),this.validateLabel(this._label),this.validateOn(this._on),this.validateSelection(this._selection),this.validateHasSettingsMenu(this._hasSettingsMenu)}renderSelectionCell(t,i){var l;const a=this.state._selection;if(!a)return"";const s=this.getSelectionKeyPropertyName(),o=null===(l=t[0])||void 0===l?void 0:l.data;if(!o)return"";const n=o[s],c=a.multiple||void 0===a.multiple,h=(()=>{const e=null==a?void 0:a.selectedKeys;return(void 0===e?[]:Array.isArray(e)?e:[e]).some(e=>String(e)===String(n))})(),u=(()=>{const e=null==a?void 0:a.disabledKeys;return(void 0===e?[]:Array.isArray(e)?e:[e]).some(e=>String(e)===String(n))})(),f=a.label(o),b={name:"selection",checked:h,disabled:u,id:String(n),"aria-label":f};return e("td",{key:`tbody-${i}-selection`,class:"kol-table__cell kol-table__cell--selection"},e("div",{class:w("kol-table__selection",{"kol-table__selection--checked":h})},c?e("label",{class:w("kol-table__selection-label",{"kol-table__selection-label--disabled":u})},e(d,{class:"kol-table__selection-icon",icons:"kolicon "+(h?"kolicon-check":""),label:""}),e("input",Object.assign({class:w("kol-table__selection-input kol-table__selection-input--checkbox"),ref:e=>e&&this.checkboxRefs.push(e)},b,{type:"checkbox",onInput:e=>{const t=(()=>{const e=null==a?void 0:a.selectedKeys;return void 0===e?[]:Array.isArray(e)?e:[e]})(),i=h?t.filter(e=>String(e)!==String(n)):[...t,n];this.handleSelectionChangeCallbackAndEvent(e,null!=i?i:[])}}))):e("label",{class:"kol-table__selection-label"},e("input",Object.assign({class:w("kol-table__selection-input kol-table__selection-input--radio")},b,{type:"radio",onInput:e=>{this.handleSelectionChangeCallbackAndEvent(e,[n])}}))),e(r,{"aria-hidden":"true",class:"kol-table__selection-input-tooltip",_align:"right",_id:`${n}-label`,_label:f})))}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 i;const l=null===(i=this.state._selection)||void 0===i?void 0:i.disabledKeys;return!(void 0===l?[]:Array.isArray(l)?l:[l]).some(i=>String(i)===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 i=this.getSelectionKeyPropertyName(),l=null!==(t=this.getSelectedKeysWithDisabledKeysOnly())&&void 0!==t?t:[];return e&&l.push(...this.getDataWithSelectionEnabled().map(e=>null==e?void 0:e[i])),l}getTableMinWidth(){var e,t;const i=null!==(e=this.state._headerCells.horizontal)&&void 0!==e?e:[],l=[];i.forEach(e=>{e.forEach(e=>{!1!==e.visible&&void 0!==e.width&&e.width>0&&l.push(e.width)})});const a=null!==(t=this.state._headerCells.vertical)&&void 0!==t?t:[],s=[];a.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 t,i;const l=this.state._selection;if(!l)return e("td",{class:"kol-table__cell kol-table__cell--header",key:"thead-0"});if(!1===l.multiple)return e("td",{key:"thead-0-selection",class:"kol-table__cell kol-table__cell--header kol-table__cell--selection"});const a=null!==(i=null===(t=this.getSelectedKeysWithoutDisabledKeys())||void 0===t?void 0:t.length)&&void 0!==i?i:0,s=a===this.getDataWithSelectionEnabled().length,o=0!==a&&!s;let n="kol-table-selection-indeterminate";s&&!o&&(n="kol-table-selection-none"),0===a&&(n="kol-table-selection-all");const h=c(n);return e("th",{key:"thead-0-selection",class:"kol-table__cell kol-table__cell--header kol-table__cell--selection"},e("div",{class:w("kol-table__selection",{"kol-table__selection--indeterminate":o,"kol-table__selection--checked":s})},e("label",{class:"kol-table__selection-label"},e(d,{class:"kol-table__selection-icon",icons:"kolicon "+(o?"kolicon-minus":s?"kolicon-check":""),label:""}),e("input",{class:w("kol-table__selection-input kol-table__selection-input--checkbox"),"data-testid":"selection-checkbox-all",ref:e=>e&&this.checkboxRefs.push(e),name:"selection",checked:s&&!o,indeterminate:o,"aria-label":h,type:"checkbox",onInput:e=>{this.handleSelectionChangeCallbackAndEvent(e,this.getRevertedSelection(!s))}})),e(r,{"aria-hidden":"true",class:"kol-table__selection-input-tooltip",_align:"right",_id:`${n}-label`,_label:h})))}renderHeaderTdCell(){const t=this.state._headerCells.horizontal,l=this.state._headerCells.vertical;if(!Array.isArray(t)||0===t.length||!Array.isArray(l)||0===l.length)return e(i,null);const a=l.reduce((e,t)=>{var i;const l=null==t?void 0:t[0];return e+(null!==(i=null==l?void 0:l.width)&&void 0!==i?i:0)},0);return e("td",{"aria-hidden":"true",colSpan:l.length,rowSpan:t.length,style:a>0?{width:`${a}px`}:void 0})}formatSortOrderDescription(e){return this.translateSortOrder.replace("{{order}}",`${e}`)}getSortAriaDescription(e){return"number"==typeof e&&e>0?`${this.translateSort} – ${this.formatSortOrderDescription(e)}`:this.translateSort}renderHeadingCell(t,i,l,a){if(!1===t.visible)return"";const o=!1!==(null==t?void 0:t.sortable),r="string"==typeof t.sortDirection,n=o&&r;let c="none",d="kolicon-sort-neutral";if(n&&t.sortDirection)switch(t.sortDirection){case"ASC":d="kolicon-sort-asc",c="ascending";break;case"DESC":d="kolicon-sort-desc",c="descending";break;default:c="none"}const h=a?"row":"number"==typeof t.colSpan&&t.colSpan>1?"colgroup":"col",u="number"==typeof t.sortOrder&&t.sortOrder>0?t.sortOrder:void 0,f=this.getSortAriaDescription(u),b=void 0!==t.width?`${t.width}px`:void 0,v=this.isFixedCol(l),_="left"===v?this.getOffsetString(l,!0):void 0,p="right"===v?this.getOffsetString(l):void 0;return e("th",{key:`${i}-${l}-${t.label}`,class:w("kol-table__cell kol-table__cell--header",`kol-table__cell--${c}`,t.textAlign&&`kol-table__cell--align-${t.textAlign}`,v&&`kol-table__cell--sticky-${v}`),scope:h,colSpan:t.colSpan,rowSpan:t.rowSpan,style:{width:b,left:_,right:p},"aria-sort":c,"data-sort":n&&t.sortDirection?`sort-${t.sortDirection}`:void 0},n&&t.sortDirection?e("span",{class:"kol-table__sort"},e(s,{class:"kol-table__sort-button",_icons:{right:d},_label:t.label,_ariaDescription:f,_on:{onClick:e=>{var i;"function"==typeof(null===(i=this.state._on)||void 0===i?void 0:i.onSort)&&t.key&&t.sortDirection&&this.state._on.onSort(e,{key:t.key,currentSortDirection:t.sortDirection}),this.host&&C(this.host,$.sort,{key:t.key,currentSortDirection:t.sortDirection})}}}),u&&e("span",{"aria-hidden":"true",class:"kol-table__sort-order"},u)):t.label)}renderSpacer(t,i){var l,a;const s=(null===(l=this.state._headerCells.vertical)||void 0===l?void 0:l.length)||0,o=null===(a=null==i?void 0:i[0])||void 0===a?void 0:a.reduce((e,t)=>e+(t.colSpan||1),0),r=this.state._selection?1:0;return e("tr",{"aria-hidden":"true",class:w("kol-table__spacer",`kol-table__spacer--${t}`)},e("td",{class:w(`kol-table__spacer-line kol-table__spacer-line--${t}`),colSpan:s+o+r}))}renderFoot(){if(!this.state._dataFoot||0===this.state._dataFoot.length)return null;const t=this.createDataField(this.state._dataFoot,this.state._headerCells,!0);return e("tfoot",{class:"kol-table__footer"},[this.renderSpacer("foot",t),t.map((e,t)=>this.renderTableRow(e,t,!0,!0))])}render(){const t=this.createDataField(this.state._data,this.state._headerCells);this.checkboxRefs=[];const i=this.state._headerCells.horizontal;return e("div",{key:"c8da0f836fcec4775d4b4343f3188c10d6d4fc18",class:"kol-table"},this.state._hasSettingsMenu&&e(a,{key:"45b224ddc0eb580526e7bff85f251ecdd63448c6",_horizontalHeaderCells:null!=i?i:[]}),e("div",{key:"6cce803d3bfe750add0be9ce4ee7aa1ec94c8f7f",ref:e=>this.tableDivElement=e,class:"kol-table__scroll-container",tabindex:this.tableDivElementHasScrollbar?"-1":void 0},e("table",{key:"2d7a6bf3f93fff2d3fc442b5d6415d0b01cab0be",class:"kol-table__table",style:{minWidth:this.getTableMinWidth()}},e("caption",{key:"3b81b2d13f97f23f27740cd55671a2db142be535",class:"kol-table__focus-element kol-table__caption",id:"caption",tabindex:this.tableDivElementHasScrollbar?"0":void 0},this.state._label),Array.isArray(i)&&e("thead",{key:"c6bf5c2b6dbf452f0526dcdd0e8d1de1d6def089",class:"kol-table__head"},[i.map((t,i)=>e("tr",{class:"kol-table__head-row",key:`thead-${i}`},this.state._selection&&this.renderHeadingSelectionCell(),0===i&&this.renderHeaderTdCell(),Array.isArray(t)&&t.map((e,t)=>this.renderHeadingCell(e,i,t,!1)))),this.renderSpacer("head",i)]),e("tbody",{key:"23cb699f7eb6bd00e494f39d9a72a08bf73c9875",class:"kol-table__body"},t.map((e,t)=>this.renderTableRow(e,t,!0))),this.renderFoot())))}get host(){return n(this)}static get watchers(){return{_hasSettingsMenu:["validateHasSettingsMenu"],_data:["validateData"],_dataFoot:["validateDataFoot"],_fixedCols:["validateFixedCols"],_headerCells:["validateHeaderCells"],_label:["validateLabel"],_on:["validateOn"],_selection:["validateSelection"]}}};export{$t as kol_table_stateless_wc};

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

@@ -1 +1 @@
-{"version":3,"file":"kol-table-stateless.entry.esm.js","sources":["src/components/table-stateless/style.scss?tag=kol-table-stateless&mode=default&encapsulation=shadow","src/components/table-stateless/shadow.tsx"],"sourcesContent":["@use '../@shared/global' as *;\n@use '../@shared/alert.mixin' as *;\n@use '../@shared/button.mixin' as *;\n@use '../@shared/popover-button.mixin' as *;\n@use '../@shared/table-stateless.mixin' as *;\n@use '../@shared/mixins' as *;\n@use '../host-display-block' as *;\n@use '../tooltip/style' as *;\n\n@layer kol-component {\n\t@include kol-alert;\n\t@include kol-button-styles('kol-button');\n\t@include kol-popover-button-styles;\n\t@include kol-table-stateless-styles;\n}\n","import type { JSX } from '@stencil/core';\nimport { Component, h, Prop } from '@stencil/core';\nimport { KolTableStatelessWcTag } from '../../core/component-names';\nimport type {\n\tFixedColsPropType,\n\tHasSettingsMenuPropType,\n\tTableCallbacksPropType,\n\tTableDataFootPropType,\n\tTableDataPropType,\n\tTableHeaderCellsPropType,\n\tTableSelectionPropType,\n\tTableStatelessProps,\n} from '../../schema';\n\n@Component({\n\ttag: 'kol-table-stateless',\n\tstyleUrls: {\n\t\tdefault: './style.scss',\n\t},\n\tshadow: true,\n})\nexport class KolTableStateless implements TableStatelessProps {\n\t/**\n\t * Defines the primary table data.\n\t */\n\t@Prop() public _data!: TableDataPropType;\n\n\t/**\n\t * Defines the data for the table footer.\n\t */\n\t@Prop() public _dataFoot?: TableDataFootPropType;\n\n\t/**\n\t * Defines the fixed number of columns from start and end of the table\n\t */\n\t@Prop() public _fixedCols?: FixedColsPropType;\n\n\t/**\n\t * Defines the horizontal and vertical table headers.\n\t */\n\t@Prop() public _headerCells!: TableHeaderCellsPropType;\n\n\t/**\n\t * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).\n\t */\n\t@Prop() public _label!: string;\n\n\t/**\n\t * Defines the callback functions for table events.\n\t */\n\t@Prop() public _on?: TableCallbacksPropType;\n\n\t/**\n\t * Defines how rows can be selected and the current selection.\n\t */\n\t@Prop() public _selection?: TableSelectionPropType;\n\n\t/**\n\t * Enables the settings menu if true (default: false).\n\t */\n\t@Prop() public _hasSettingsMenu?: HasSettingsMenuPropType;\n\n\tpublic render(): JSX.Element {\n\t\treturn (\n\t\t\t<KolTableStatelessWcTag\n\t\t\t\t_data={this._data}\n\t\t\t\t_dataFoot={this._dataFoot}\n\t\t\t\t_fixedCols={this._fixedCols}\n\t\t\t\t_headerCells={this._headerCells}\n\t\t\t\t_label={this._label}\n\t\t\t\t_on={this._on}\n\t\t\t\t_selection={this._selection}\n\t\t\t\t_hasSettingsMenu={this._hasSettingsMenu}\n\t\t\t/>\n\t\t);\n\t}\n}\n"],"names":[],"mappings":";;;;;;;AAAA,MAAM,eAAe,GAAG,8kkBAA8kkB;;MCqBzlkB,iBAAiB,GAAA,MAAA;;;;IAyCtB,MAAM,GAAA;AACZ,QAAA,QACC,CAAC,CAAA,sBAAsB,EACtB,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,UAAU,EAAE,IAAI,CAAC,UAAU,EAC3B,YAAY,EAAE,IAAI,CAAC,YAAY,EAC/B,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,GAAG,EAAE,IAAI,CAAC,GAAG,EACb,UAAU,EAAE,IAAI,CAAC,UAAU,EAC3B,gBAAgB,EAAE,IAAI,CAAC,gBAAgB,EACtC,CAAA;;;;;;;;;"}
+{"version":3,"file":"kol-table-stateless.entry.esm.js","sources":["src/components/table-stateless/style.scss?tag=kol-table-stateless&mode=default&encapsulation=shadow","src/components/table-stateless/shadow.tsx"],"sourcesContent":["@use '../@shared/global' as *;\n@use '../@shared/alert.mixin' as *;\n@use '../@shared/button.mixin' as *;\n@use '../@shared/popover-button.mixin' as *;\n@use '../@shared/table-stateless.mixin' as *;\n@use '../@shared/mixins' as *;\n@use '../host-display-block' as *;\n@use '../tooltip/style' as *;\n\n@layer kol-component {\n\t@include kol-alert;\n\t@include kol-button-styles('kol-button');\n\t@include kol-popover-button-styles;\n\t@include kol-table-stateless-styles;\n}\n","import type { JSX } from '@stencil/core';\nimport { Component, h, Prop } from '@stencil/core';\nimport { KolTableStatelessWcTag } from '../../core/component-names';\nimport type {\n\tFixedColsPropType,\n\tHasSettingsMenuPropType,\n\tTableCallbacksPropType,\n\tTableDataFootPropType,\n\tTableDataPropType,\n\tTableHeaderCellsPropType,\n\tTableSelectionPropType,\n\tTableStatelessProps,\n} from '../../schema';\n\n@Component({\n\ttag: 'kol-table-stateless',\n\tstyleUrls: {\n\t\tdefault: './style.scss',\n\t},\n\tshadow: true,\n})\nexport class KolTableStateless implements TableStatelessProps {\n\t/**\n\t * Defines the primary table data.\n\t */\n\t@Prop() public _data!: TableDataPropType;\n\n\t/**\n\t * Defines the data for the table footer.\n\t */\n\t@Prop() public _dataFoot?: TableDataFootPropType;\n\n\t/**\n\t * Defines the fixed number of columns from start and end of the table\n\t */\n\t@Prop() public _fixedCols?: FixedColsPropType;\n\n\t/**\n\t * Defines the horizontal and vertical table headers.\n\t */\n\t@Prop() public _headerCells!: TableHeaderCellsPropType;\n\n\t/**\n\t * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).\n\t */\n\t@Prop() public _label!: string;\n\n\t/**\n\t * Defines the callback functions for table events.\n\t */\n\t@Prop() public _on?: TableCallbacksPropType;\n\n\t/**\n\t * Defines how rows can be selected and the current selection.\n\t */\n\t@Prop() public _selection?: TableSelectionPropType;\n\n\t/**\n\t * Enables the settings menu if true (default: false).\n\t */\n\t@Prop() public _hasSettingsMenu?: HasSettingsMenuPropType;\n\n\tpublic render(): JSX.Element {\n\t\treturn (\n\t\t\t<KolTableStatelessWcTag\n\t\t\t\t_data={this._data}\n\t\t\t\t_dataFoot={this._dataFoot}\n\t\t\t\t_fixedCols={this._fixedCols}\n\t\t\t\t_headerCells={this._headerCells}\n\t\t\t\t_label={this._label}\n\t\t\t\t_on={this._on}\n\t\t\t\t_selection={this._selection}\n\t\t\t\t_hasSettingsMenu={this._hasSettingsMenu}\n\t\t\t/>\n\t\t);\n\t}\n}\n"],"names":[],"mappings":";;;;;;;AAAA,MAAM,eAAe,GAAG,kukBAAkukB;;MCqB7ukB,iBAAiB,GAAA,MAAA;;;;IAyCtB,MAAM,GAAA;AACZ,QAAA,QACC,CAAC,CAAA,sBAAsB,EACtB,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,UAAU,EAAE,IAAI,CAAC,UAAU,EAC3B,YAAY,EAAE,IAAI,CAAC,YAAY,EAC/B,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,GAAG,EAAE,IAAI,CAAC,GAAG,EACb,UAAU,EAAE,IAAI,CAAC,UAAU,EAC3B,gBAAgB,EAAE,IAAI,CAAC,gBAAgB,EACtC,CAAA;;;;;;;;;"}

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

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{r as n,h as e}from"./index-C-7ueFeG.js";import{m as t}from"./component-names-BQrMLr68.js";import"./common-BIkdAxr0.js";const o='@charset "UTF-8";\n/*\n* This file defines the layer order for all CSS layers used in KoliBri.\n* The order is important as it determines the cascade priority.\n*\n* Layer order (lowest to highest priority):\n* 1. kol-a11y - Accessibility defaults and requirements\n* 2. kol-global - Global component styles and resets\n* 3. kol-component - Component-specific styles\n* 4. kol-theme-global - Theme-specific global styles\n* 5. kol-theme-component - Theme-specific component styles\n*/\n@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;\n/* forward the rem function */\n/*\n * This file contains all rules for accessibility.\n */\n@layer kol-a11y {\n  :host {\n    /*\n                   * Minimum size of interactive elements.\n                   */\n    --a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16));\n    /*\n     * No element should be used without verifying the contrast ratio of its background and font colors.\n     * By initially setting the background color to white and the font color to black,\n     * the contrast ratio is ensured and explicit adjustment is forced.\n     */\n    color: black;\n    background-color: white;\n    /*\n     * Verdana is an accessible font that can be used without requiring additional loading time.\n     */\n    font-family: Verdana;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n    /*\n     * Text should be aligned left by default to provide a predictable starting point.\n     */\n    text-align: left;\n  }\n  * {\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    hyphens: auto;\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    word-break: break-word;\n  }\n  /*\n   * All interactive elements should have a minimum size of to-rem(44).\n   */\n  /* input:not([type=\'checkbox\'], [type=\'radio\'], [type=\'range\']), */\n  /* option, */\n  /* select, */\n  /* textarea, */\n  button,\n  .kol-input .input {\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n  }\n  /*\n   * Some interactive elements should not inherit the font-family and font-size.\n   */\n  a,\n  button,\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6,\n  input,\n  option,\n  select,\n  textarea {\n    /*\n     * All elements should inherit the text color from his parent element.\n     */\n    color: inherit;\n    /*\n     * All elements should inherit the font family from his parent element.\n     */\n    font-family: inherit;\n    /*\n     * All elements should inherit the font size from his parent element.\n     */\n    font-size: inherit;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n  }\n  /**\n  * Sometimes we need the semantic element for accessibility reasons,\n  * but we don\'t want to show it.\n  *\n  * - https://www.a11yproject.com/posts/how-to-hide-content/\n  */\n  .visually-hidden {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 1px;\n    height: 1px;\n    overflow: hidden;\n    white-space: nowrap;\n    clip-path: inset(50%);\n  }\n}\n@layer kol-global {\n  /*\n   * Dieses CSS stellt sicher, dass der Standard-Style\n   * von A und Button resettet werden.\n   */\n  :is(a, button) {\n    background-color: transparent;\n    width: 100%;\n    margin: 0;\n    padding: 0;\n    border: none;\n    /* 100% needed for custom width from outside */\n  }\n  /*\n   * Ensure elements with hidden attribute to be actually not visible\n   * @see https://meowni.ca/hidden.is.a.lie.html\n   */\n  [hidden] {\n    display: none !important;\n  }\n  .badge-text-hint {\n    color: black;\n    background-color: lightgray;\n  }\n}\n@layer kol-global {\n  :host {\n    /*\n     * The max-width is needed to prevent the table from overflowing the\n     * parent node, if the table is wider than the parent node.\n     */\n    max-width: 100%;\n    font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  * {\n    /*\n     * We prefer to box-sizing: border-box for all elements.\n     */\n    box-sizing: border-box;\n  }\n  .kol-span {\n    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n    display: flex;\n    flex-flow: column;\n    align-items: center;\n    justify-content: center;\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n  }\n  .kol-span__container {\n    display: flex;\n    align-items: center;\n  }\n  a,\n  button {\n    cursor: pointer;\n  }\n  .kol-span .kol-span__label--hide-label .kol-span__label {\n    display: none;\n  }\n  /* Reset browser agent style. */\n  button:disabled {\n    color: unset;\n  }\n  .disabled label,\n  .disabled:focus-within label,\n  [aria-disabled=true],\n  [aria-disabled=true]:focus,\n  [disabled],\n  [disabled]:focus {\n    opacity: 0.5;\n    outline: none;\n    cursor: not-allowed;\n  }\n  [aria-disabled=true]:focus .kol-span,\n  [disabled]:focus .kol-span {\n    outline: none !important;\n  }\n  .hastooltip {\n    z-index: 900 !important;\n  }\n}\n@layer kol-component {\n  :host {\n    display: block;\n  }\n}\n@font-face {\n  font-family: "kolicons";\n  src: url("kolicons.eot?t=1773990435463"); /* IE9*/\n  src: url("kolicons.eot?t=1773990435463#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1773990435463") format("woff2"), url("kolicons.woff?t=1773990435463") format("woff"), url("kolicons.ttf?t=1773990435463") format("truetype"), url("kolicons.svg?t=1773990435463#kolicons") format("svg"); /* iOS 4.1- */\n}\n[class^=kolicon-], [class*=" kolicon-"] {\n  font-family: "kolicons";\n  font-style: normal;\n  font-weight: 400;\n  line-height: 1em;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\n.kolicon-alert-error::before {\n  content: "\\ea01";\n}\n\n.kolicon-alert-info::before {\n  content: "\\ea02";\n}\n\n.kolicon-alert-success::before {\n  content: "\\ea03";\n}\n\n.kolicon-alert-warning::before {\n  content: "\\ea04";\n}\n\n.kolicon-check::before {\n  content: "\\ea05";\n}\n\n.kolicon-chevron-double-left::before {\n  content: "\\ea06";\n}\n\n.kolicon-chevron-double-right::before {\n  content: "\\ea07";\n}\n\n.kolicon-chevron-down::before {\n  content: "\\ea08";\n}\n\n.kolicon-chevron-left::before {\n  content: "\\ea09";\n}\n\n.kolicon-chevron-right::before {\n  content: "\\ea0a";\n}\n\n.kolicon-chevron-up::before {\n  content: "\\ea0b";\n}\n\n.kolicon-cogwheel::before {\n  content: "\\ea0c";\n}\n\n.kolicon-cross::before {\n  content: "\\ea0d";\n}\n\n.kolicon-eye-closed::before {\n  content: "\\ea0e";\n}\n\n.kolicon-eye::before {\n  content: "\\ea0f";\n}\n\n.kolicon-house::before {\n  content: "\\ea10";\n}\n\n.kolicon-kolibri::before {\n  content: "\\ea11";\n}\n\n.kolicon-link-external::before {\n  content: "\\ea12";\n}\n\n.kolicon-link::before {\n  content: "\\ea13";\n}\n\n.kolicon-minus::before {\n  content: "\\ea14";\n}\n\n.kolicon-plus::before {\n  content: "\\ea15";\n}\n\n.kolicon-settings::before {\n  content: "\\ea16";\n}\n\n.kolicon-sort-asc::before {\n  content: "\\ea17";\n}\n\n.kolicon-sort-desc::before {\n  content: "\\ea18";\n}\n\n.kolicon-sort-neutral::before {\n  content: "\\ea19";\n}\n\n.kolicon-up::before {\n  content: "\\ea1a";\n}\n\n.kolicon-version::before {\n  content: "\\ea1b";\n}\n\n@layer kol-component {\n  .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\n  .kol-tooltip {\n    display: contents;\n  }\n  .kol-tooltip__floating {\n    opacity: 0;\n    display: none;\n    position: fixed;\n    /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\n    top: 0;\n    left: 0;\n    /* Can be used to specify the tooltip-width from the outside. Unset by default.  */\n    width: var(--kol-tooltip-width, max-content);\n    min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\n    max-width: 90vw;\n    max-height: 90vh;\n    animation-direction: normal;\n    /* Can be used to specify the animation duration from the outside. 250ms by default. */\n    animation-duration: var(--kolibri-tooltip-animation-duration, 250ms);\n    animation-fill-mode: forwards;\n    animation-iteration-count: 1;\n    animation-timing-function: ease-in;\n  }\n  .kol-tooltip__floating.hide {\n    animation-name: hideTooltip;\n  }\n  .kol-tooltip__floating.show {\n    animation-name: showTooltip;\n  }\n  .kol-tooltip__arrow {\n    transform: rotate(45deg);\n    color: #000;\n    background-color: #fff;\n    position: absolute;\n    z-index: 999;\n    width: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\n    height: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-tooltip__content {\n    color: #000;\n    background-color: #fff;\n    position: relative;\n    z-index: 1000;\n  }\n  @keyframes hideTooltip {\n    0% {\n      opacity: 1;\n    }\n    100% {\n      opacity: 0;\n      display: none;\n    }\n  }\n  @keyframes showTooltip {\n    0% {\n      opacity: 0;\n    }\n    100% {\n      opacity: 1;\n    }\n  }\n}\n@layer kol-component {\n  .kol-alert .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\n  .kol-alert :host {\n    display: inline-block;\n  }\n  .kol-alert .kol-button {\n    display: flex;\n    min-height: var(--a11y-min-size);\n    font-style: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n    text-decoration-line: none;\n  }\n  .kol-alert .kol-button::before {\n    /* Render zero-width character as first element to set the baseline correctly. */\n    content: "​";\n  }\n  .kol-alert .kol-button__text {\n    flex: 1 0 100%;\n  }\n  .kol-alert {\n    display: grid;\n  }\n  .kol-alert__container {\n    display: flex;\n    place-items: center;\n  }\n  .kol-alert__container-content {\n    flex-grow: 1;\n  }\n  .kol-alert__closer {\n    /* Visible with forced colors */\n    outline: transparent solid calc(1 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\n  :host {\n    display: inline-block;\n  }\n  .kol-button {\n    display: flex;\n    min-height: var(--a11y-min-size);\n    font-style: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n    text-decoration-line: none;\n  }\n  .kol-button::before {\n    /* Render zero-width character as first element to set the baseline correctly. */\n    content: "​";\n  }\n  .kol-button__text {\n    flex: 1 0 100%;\n  }\n  .kol-popover-button__popover {\n    margin: 0;\n    padding: 0;\n    border: 0;\n  }\n  .kol-popover-button--inline .kol-popover-button__button {\n    display: inline;\n  }\n  .kol-table-settings {\n    background: #fff;\n    position: absolute;\n    top: 0;\n    right: 0;\n    z-index: 1;\n  }\n  .kol-table-settings .kol-popover-button__popover {\n    background: #fff;\n    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);\n    border-radius: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\n    border: 1px solid #d1d5db;\n  }\n  .kol-table-settings__columns-container {\n    max-height: calc(200 * 1rem / var(--kolibri-root-font-size, 16));\n    margin-top: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n    overflow: auto;\n  }\n  .kol-table-settings__columns {\n    display: grid;\n    gap: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\n    align-items: center;\n    grid-auto-rows: min-content;\n    grid-template-columns: min-content minmax(max-content, 1fr) calc(140 * 1rem / var(--kolibri-root-font-size, 16)) auto auto;\n  }\n  .kol-table-settings__column {\n    display: contents;\n  }\n  .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\n  .kol-table {\n    --kol-table-selection-col-width: var(--a11y-min-size);\n    display: block;\n    position: relative;\n    max-width: 100%;\n  }\n  .kol-table:has(.kol-table__focus-element:focus) .kol-table__scroll-container {\n    /* @see https://remysharp.com/til/css/focus-ring-default-styles */\n    outline: 5px auto Highlight;\n    outline: 5px auto -webkit-focus-ring-color;\n    outline-offset: 2px;\n  }\n  .kol-table__scroll-container {\n    overflow-x: auto;\n    overflow-y: hidden;\n  }\n  .kol-table__table {\n    table-layout: fixed;\n  }\n  .kol-table__caption {\n    min-height: var(--a11y-min-size);\n    padding-right: var(--a11y-min-size);\n    text-align: start;\n  }\n  .kol-table__sort-button .kol-button {\n    color: inherit;\n  }\n  .kol-table__sort {\n    display: inline-flex;\n    gap: 0.25rem;\n    align-items: center;\n  }\n  .kol-table__sort-order {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n  }\n  .kol-table__body {\n    text-align: left;\n  }\n  .kol-table__body .kol-button__text {\n    justify-items: start;\n  }\n  .kol-table__cell--align-left {\n    text-align: left;\n  }\n  .kol-table__cell--align-left .kol-button__text {\n    align-items: start;\n  }\n  .kol-table__cell--align-center {\n    text-align: center;\n  }\n  .kol-table__cell--align-center .kol-button__text {\n    align-items: center;\n  }\n  .kol-table__cell--align-right {\n    text-align: right;\n  }\n  .kol-table__cell--align-right .kol-button__text {\n    align-items: end;\n  }\n  .kol-table__cell--selection {\n    background-color: white;\n    position: sticky !important;\n    left: 0;\n    z-index: 2;\n    width: var(--kol-table-selection-col-width, auto);\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n    white-space: nowrap;\n  }\n  .kol-table__cell--actions {\n    white-space: nowrap;\n  }\n  .kol-table__cell--actions .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\n  .kol-table__cell--actions :host {\n    display: inline-block;\n  }\n  .kol-table__cell--actions .kol-button {\n    display: flex;\n    min-height: var(--a11y-min-size);\n    font-style: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n    text-decoration-line: none;\n  }\n  .kol-table__cell--actions .kol-button::before {\n    /* Render zero-width character as first element to set the baseline correctly. */\n    content: "​";\n  }\n  .kol-table__cell--actions .kol-button__text {\n    flex: 1 0 100%;\n  }\n  .kol-table__cell--actions .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\n  .kol-table__cell--actions :host {\n    display: inline-block;\n  }\n  .kol-table__cell--actions .kol-link {\n    display: inline-flex;\n    max-width: fit-content;\n    align-items: baseline;\n    place-items: center;\n    text-align: left;\n    text-decoration-line: none;\n  }\n  .kol-table__cell--actions .kol-link--standalone {\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n    align-items: stretch;\n  }\n  .kol-table__cell--actions .kol-link--standalone .kol-link__text {\n    display: inline-flex;\n    flex: 1 1 100%;\n    place-items: center;\n  }\n  .kol-table__cell--actions .kol-link .kol-span__label {\n    text-decoration-line: underline;\n  }\n  .kol-table__cell--actions .kol-link:focus:not([aria-disabled], [disabled]) .kol-span__label, .kol-table__cell--actions .kol-link:hover:not([aria-disabled], [disabled]) .kol-span__label {\n    text-decoration-thickness: 0.2em;\n  }\n  .kol-table__cell--actions .kol-link__icon {\n    display: inline-flex;\n    margin-left: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-table__cell--sticky-left, .kol-table__cell--sticky-right {\n    background-color: white;\n    position: sticky !important;\n    z-index: 1;\n  }\n  .kol-table__cell--sticky-left:nth-last-child(1 of .kol-table__cell--sticky-left) {\n    border-right: 2px solid black;\n  }\n  .kol-table__cell--sticky-right:nth-child(1 of .kol-table__cell--sticky-left) {\n    border-left: 2px solid black;\n  }\n  .kol-table__cell-actions {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    justify-content: center;\n  }\n  .kol-table__spacer {\n    display: none;\n  }\n  .kol-table__selection {\n    position: relative;\n  }\n  .kol-table__selection-label {\n    display: flex;\n    position: relative;\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n  }\n  .kol-table__selection--disabled {\n    cursor: not-allowed;\n  }\n  .kol-table__selection-icon {\n    display: block;\n    position: absolute;\n    inset: auto;\n    z-index: 1;\n  }\n  .kol-table__selection-input {\n    border-style: solid;\n    margin: 0;\n    appearance: none;\n    cursor: pointer;\n  }\n  .kol-table__selection-input:disabled {\n    cursor: not-allowed;\n  }\n  .kol-table__selection-input:before {\n    content: "";\n  }\n  .kol-table__selection-input--checkbox {\n    background-color: rgb(255, 255, 255);\n    display: flex;\n    position: relative;\n    min-width: calc(var(--a11y-min-size) / 2);\n    min-height: calc(var(--a11y-min-size) / 2);\n    border-width: 2px;\n    align-items: center;\n    justify-content: center;\n    line-height: 1.5;\n  }\n  .kol-table__selection-input--radio {\n    border-radius: 100%;\n    display: flex;\n    width: 1.5em;\n    min-width: 1.5em;\n    height: 1.5em;\n    min-height: 1.5em;\n    padding: 0;\n    border-width: 2px;\n  }\n  .kol-table__selection-input--radio:before {\n    border-radius: 100%;\n    width: 0.75em;\n    height: 0.75em;\n    margin: auto;\n  }\n  .kol-table__selection-input--radio:checked:before {\n    background-color: #000;\n  }\n  @media (forced-colors: active) {\n    .kol-table__selection-input--radio:checked:before {\n      /* Give it a visible background in forced colors mode */\n      background-color: selectedItem !important;\n    }\n  }\n}',i=class{constructor(e){n(this,e)}render(){return e(t,{key:"02264e35916f8c8f68c730d3be9044444cd02955",_data:this._data,_dataFoot:this._dataFoot,_fixedCols:this._fixedCols,_headerCells:this._headerCells,_label:this._label,_on:this._on,_selection:this._selection,_hasSettingsMenu:this._hasSettingsMenu})}};i.style={default:o};export{i as kol_table_stateless};
+import{r as n,h as e}from"./index-B8-Psqw5.js";import{l as t}from"./component-names-C64MXeC1.js";import"./common-BIkdAxr0.js";const o='@charset "UTF-8";\n/*\n* This file defines the layer order for all CSS layers used in KoliBri.\n* The order is important as it determines the cascade priority.\n*\n* Layer order (lowest to highest priority):\n* 1. kol-a11y - Accessibility defaults and requirements\n* 2. kol-global - Global component styles and resets\n* 3. kol-component - Component-specific styles\n* 4. kol-theme-global - Theme-specific global styles\n* 5. kol-theme-component - Theme-specific component styles\n*/\n@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;\n/* forward the rem function */\n/*\n * This file contains all rules for accessibility.\n */\n@layer kol-a11y {\n  :host {\n    /*\n                   * Minimum size of interactive elements.\n                   */\n    --a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16));\n    /*\n     * No element should be used without verifying the contrast ratio of its background and font colors.\n     * By initially setting the background color to white and the font color to black,\n     * the contrast ratio is ensured and explicit adjustment is forced.\n     */\n    color: black;\n    background-color: white;\n    /*\n     * Verdana is an accessible font that can be used without requiring additional loading time.\n     */\n    font-family: Verdana;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n    /*\n     * Text should be aligned left by default to provide a predictable starting point.\n     */\n    text-align: left;\n  }\n  * {\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    hyphens: auto;\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    word-break: break-word;\n  }\n  /*\n   * All interactive elements should have a minimum size of to-rem(44).\n   */\n  /* input:not([type=\'checkbox\'], [type=\'radio\'], [type=\'range\']), */\n  /* option, */\n  /* select, */\n  /* textarea, */\n  button,\n  .kol-input .input {\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n  }\n  /*\n   * Some interactive elements should not inherit the font-family and font-size.\n   */\n  a,\n  button,\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6,\n  input,\n  option,\n  select,\n  textarea {\n    /*\n     * All elements should inherit the text color from his parent element.\n     */\n    color: inherit;\n    /*\n     * All elements should inherit the font family from his parent element.\n     */\n    font-family: inherit;\n    /*\n     * All elements should inherit the font size from his parent element.\n     */\n    font-size: inherit;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n  }\n  /**\n  * Sometimes we need the semantic element for accessibility reasons,\n  * but we don\'t want to show it.\n  *\n  * - https://www.a11yproject.com/posts/how-to-hide-content/\n  */\n  .visually-hidden {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 1px;\n    height: 1px;\n    overflow: hidden;\n    white-space: nowrap;\n    clip-path: inset(50%);\n  }\n}\n@layer kol-global {\n  /*\n   * Dieses CSS stellt sicher, dass der Standard-Style\n   * von A und Button resettet werden.\n   */\n  :is(a, button) {\n    background-color: transparent;\n    width: 100%;\n    margin: 0;\n    padding: 0;\n    border: none;\n    /* 100% needed for custom width from outside */\n  }\n  /*\n   * Ensure elements with hidden attribute to be actually not visible\n   * @see https://meowni.ca/hidden.is.a.lie.html\n   */\n  [hidden] {\n    display: none !important;\n  }\n  .badge-text-hint {\n    color: black;\n    background-color: lightgray;\n  }\n}\n@layer kol-global {\n  :host {\n    /*\n     * The max-width is needed to prevent the table from overflowing the\n     * parent node, if the table is wider than the parent node.\n     */\n    max-width: 100%;\n    font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  * {\n    /*\n     * We prefer to box-sizing: border-box for all elements.\n     */\n    box-sizing: border-box;\n  }\n  .kol-span {\n    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n    display: flex;\n    flex-flow: column;\n    align-items: center;\n    justify-content: center;\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n  }\n  .kol-span__container {\n    display: flex;\n    align-items: center;\n  }\n  a,\n  button {\n    cursor: pointer;\n  }\n  .kol-span .kol-span__label--hide-label .kol-span__label {\n    display: none;\n  }\n  /* Reset browser agent style. */\n  button:disabled {\n    color: unset;\n  }\n  .disabled label,\n  .disabled:focus-within label,\n  [aria-disabled=true],\n  [aria-disabled=true]:focus,\n  [disabled],\n  [disabled]:focus {\n    opacity: 0.5;\n    outline: none;\n    cursor: not-allowed;\n  }\n  [aria-disabled=true]:focus .kol-span,\n  [disabled]:focus .kol-span {\n    outline: none !important;\n  }\n  .hastooltip {\n    z-index: 900 !important;\n  }\n}\n@layer kol-component {\n  :host {\n    display: block;\n  }\n}\n@font-face {\n  font-family: "kolicons";\n  src: url("kolicons.eot?t=1774433546045"); /* IE9*/\n  src: url("kolicons.eot?t=1774433546045#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1774433546045") format("woff2"), url("kolicons.woff?t=1774433546045") format("woff"), url("kolicons.ttf?t=1774433546045") format("truetype"), url("kolicons.svg?t=1774433546045#kolicons") format("svg"); /* iOS 4.1- */\n}\n[class^=kolicon-], [class*=" kolicon-"] {\n  font-family: "kolicons";\n  font-style: normal;\n  font-weight: 400;\n  line-height: 1em;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\n.kolicon-alert-error::before {\n  content: "\\ea01";\n}\n\n.kolicon-alert-info::before {\n  content: "\\ea02";\n}\n\n.kolicon-alert-success::before {\n  content: "\\ea03";\n}\n\n.kolicon-alert-warning::before {\n  content: "\\ea04";\n}\n\n.kolicon-check::before {\n  content: "\\ea05";\n}\n\n.kolicon-chevron-double-left::before {\n  content: "\\ea06";\n}\n\n.kolicon-chevron-double-right::before {\n  content: "\\ea07";\n}\n\n.kolicon-chevron-down::before {\n  content: "\\ea08";\n}\n\n.kolicon-chevron-left::before {\n  content: "\\ea09";\n}\n\n.kolicon-chevron-right::before {\n  content: "\\ea0a";\n}\n\n.kolicon-chevron-up::before {\n  content: "\\ea0b";\n}\n\n.kolicon-cogwheel::before {\n  content: "\\ea0c";\n}\n\n.kolicon-cross::before {\n  content: "\\ea0d";\n}\n\n.kolicon-eye-closed::before {\n  content: "\\ea0e";\n}\n\n.kolicon-eye::before {\n  content: "\\ea0f";\n}\n\n.kolicon-house::before {\n  content: "\\ea10";\n}\n\n.kolicon-kolibri::before {\n  content: "\\ea11";\n}\n\n.kolicon-link-external::before {\n  content: "\\ea12";\n}\n\n.kolicon-link::before {\n  content: "\\ea13";\n}\n\n.kolicon-minus::before {\n  content: "\\ea14";\n}\n\n.kolicon-plus::before {\n  content: "\\ea15";\n}\n\n.kolicon-settings::before {\n  content: "\\ea16";\n}\n\n.kolicon-sort-asc::before {\n  content: "\\ea17";\n}\n\n.kolicon-sort-desc::before {\n  content: "\\ea18";\n}\n\n.kolicon-sort-neutral::before {\n  content: "\\ea19";\n}\n\n.kolicon-up::before {\n  content: "\\ea1a";\n}\n\n.kolicon-version::before {\n  content: "\\ea1b";\n}\n\n@layer kol-component {\n  .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\n  .kol-tooltip {\n    display: contents;\n  }\n  .kol-tooltip__floating {\n    opacity: 0;\n    display: none;\n    position: fixed;\n    /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\n    top: 0;\n    left: 0;\n    /* Can be used to specify the tooltip-width from the outside. Unset by default.  */\n    width: var(--kol-tooltip-width, max-content);\n    min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\n    max-width: 90vw;\n    max-height: 90vh;\n    animation-direction: normal;\n    /* Can be used to specify the animation duration from the outside. 250ms by default. */\n    animation-duration: var(--kolibri-tooltip-animation-duration, 250ms);\n    animation-fill-mode: forwards;\n    animation-iteration-count: 1;\n    animation-timing-function: ease-in;\n  }\n  .kol-tooltip__floating.hide {\n    animation-name: hideTooltip;\n  }\n  .kol-tooltip__floating.show {\n    animation-name: showTooltip;\n  }\n  .kol-tooltip__arrow {\n    transform: rotate(45deg);\n    color: #000;\n    background-color: #fff;\n    position: absolute;\n    z-index: 999;\n    width: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\n    height: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-tooltip__content {\n    color: #000;\n    background-color: #fff;\n    position: relative;\n    z-index: 1000;\n  }\n  @keyframes hideTooltip {\n    0% {\n      opacity: 1;\n    }\n    100% {\n      opacity: 0;\n      display: none;\n    }\n  }\n  @keyframes showTooltip {\n    0% {\n      opacity: 0;\n    }\n    100% {\n      opacity: 1;\n    }\n  }\n}\n@layer kol-component {\n  .kol-alert .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\n  .kol-alert :host {\n    display: inline-block;\n  }\n  .kol-alert .kol-button {\n    display: flex;\n    min-height: var(--a11y-min-size);\n    font-style: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n    text-decoration-line: none;\n  }\n  .kol-alert .kol-button::before {\n    /* Render zero-width character as first element to set the baseline correctly. */\n    content: "​";\n  }\n  .kol-alert .kol-button__text {\n    flex: 1 0 100%;\n  }\n  .kol-alert {\n    display: grid;\n  }\n  .kol-alert__container {\n    display: flex;\n    place-items: center;\n  }\n  .kol-alert__container-content {\n    flex-grow: 1;\n  }\n  .kol-alert__closer {\n    /* Visible with forced colors */\n    outline: transparent solid calc(1 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\n  :host {\n    display: inline-block;\n  }\n  .kol-button {\n    display: flex;\n    min-height: var(--a11y-min-size);\n    font-style: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n    text-decoration-line: none;\n  }\n  .kol-button::before {\n    /* Render zero-width character as first element to set the baseline correctly. */\n    content: "​";\n  }\n  .kol-button__text {\n    flex: 1 0 100%;\n  }\n  .kol-popover-button__popover {\n    margin: 0;\n    padding: 0;\n    border: 0;\n  }\n  .kol-popover-button--inline .kol-popover-button__button {\n    display: inline;\n  }\n  .kol-popover {\n    opacity: 0;\n    transition: 0.2s ease-out opacity;\n  }\n  .kol-popover-button--open + .kol-popover {\n    opacity: 1;\n  }\n  .kol-table-settings {\n    background: #fff;\n    position: absolute;\n    top: 0;\n    right: 0;\n    z-index: 1;\n  }\n  .kol-table-settings .kol-popover-button__popover {\n    background: #fff;\n    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);\n    border-radius: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\n    border: 1px solid #d1d5db;\n  }\n  .kol-table-settings__columns-container {\n    max-height: calc(200 * 1rem / var(--kolibri-root-font-size, 16));\n    margin-top: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n    overflow: auto;\n  }\n  .kol-table-settings__columns {\n    display: grid;\n    gap: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\n    align-items: center;\n    grid-auto-rows: min-content;\n    grid-template-columns: min-content minmax(max-content, 1fr) calc(140 * 1rem / var(--kolibri-root-font-size, 16)) auto auto;\n  }\n  .kol-table-settings__column {\n    display: contents;\n  }\n  .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\n  .kol-table {\n    --kol-table-selection-col-width: var(--a11y-min-size);\n    display: block;\n    position: relative;\n    max-width: 100%;\n  }\n  .kol-table:has(.kol-table__focus-element:focus) .kol-table__scroll-container {\n    /* @see https://remysharp.com/til/css/focus-ring-default-styles */\n    outline: 5px auto Highlight;\n    outline: 5px auto -webkit-focus-ring-color;\n    outline-offset: 2px;\n  }\n  .kol-table__scroll-container {\n    overflow-x: auto;\n    overflow-y: hidden;\n  }\n  .kol-table__table {\n    table-layout: fixed;\n  }\n  .kol-table__caption {\n    min-height: var(--a11y-min-size);\n    padding-right: var(--a11y-min-size);\n    text-align: start;\n  }\n  .kol-table__sort-button .kol-button {\n    color: inherit;\n  }\n  .kol-table__sort {\n    display: inline-flex;\n    gap: 0.25rem;\n    align-items: center;\n  }\n  .kol-table__sort-order {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n  }\n  .kol-table__body {\n    text-align: left;\n  }\n  .kol-table__body .kol-button__text {\n    justify-items: start;\n  }\n  .kol-table__cell--align-left {\n    text-align: left;\n  }\n  .kol-table__cell--align-left .kol-button__text {\n    align-items: start;\n  }\n  .kol-table__cell--align-center {\n    text-align: center;\n  }\n  .kol-table__cell--align-center .kol-button__text {\n    align-items: center;\n  }\n  .kol-table__cell--align-right {\n    text-align: right;\n  }\n  .kol-table__cell--align-right .kol-button__text {\n    align-items: end;\n  }\n  .kol-table__cell--selection {\n    background-color: white;\n    position: sticky !important;\n    left: 0;\n    z-index: 2;\n    width: var(--kol-table-selection-col-width, auto);\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n    white-space: nowrap;\n  }\n  .kol-table__cell--actions {\n    white-space: nowrap;\n  }\n  .kol-table__cell--actions .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\n  .kol-table__cell--actions :host {\n    display: inline-block;\n  }\n  .kol-table__cell--actions .kol-button {\n    display: flex;\n    min-height: var(--a11y-min-size);\n    font-style: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n    text-decoration-line: none;\n  }\n  .kol-table__cell--actions .kol-button::before {\n    /* Render zero-width character as first element to set the baseline correctly. */\n    content: "​";\n  }\n  .kol-table__cell--actions .kol-button__text {\n    flex: 1 0 100%;\n  }\n  .kol-table__cell--actions .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\n  .kol-table__cell--actions :host {\n    display: inline-block;\n  }\n  .kol-table__cell--actions .kol-link {\n    display: inline-flex;\n    max-width: fit-content;\n    align-items: baseline;\n    place-items: center;\n    text-align: left;\n    text-decoration-line: none;\n  }\n  .kol-table__cell--actions .kol-link--standalone {\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n    align-items: stretch;\n  }\n  .kol-table__cell--actions .kol-link--standalone .kol-link__text {\n    display: inline-flex;\n    flex: 1 1 100%;\n    place-items: center;\n  }\n  .kol-table__cell--actions .kol-link .kol-span__label {\n    text-decoration-line: underline;\n  }\n  .kol-table__cell--actions .kol-link:focus:not([aria-disabled], [disabled]) .kol-span__label, .kol-table__cell--actions .kol-link:hover:not([aria-disabled], [disabled]) .kol-span__label {\n    text-decoration-thickness: 0.2em;\n  }\n  .kol-table__cell--actions .kol-link__icon {\n    display: inline-flex;\n    margin-left: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-table__cell--sticky-left, .kol-table__cell--sticky-right {\n    background-color: white;\n    position: sticky !important;\n    z-index: 1;\n  }\n  .kol-table__cell--sticky-left:nth-last-child(1 of .kol-table__cell--sticky-left) {\n    border-right: 2px solid black;\n  }\n  .kol-table__cell--sticky-right:nth-child(1 of .kol-table__cell--sticky-left) {\n    border-left: 2px solid black;\n  }\n  .kol-table__cell-actions {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    justify-content: center;\n  }\n  .kol-table__spacer {\n    display: none;\n  }\n  .kol-table__selection {\n    position: relative;\n  }\n  .kol-table__selection-label {\n    display: flex;\n    position: relative;\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n  }\n  .kol-table__selection--disabled {\n    cursor: not-allowed;\n  }\n  .kol-table__selection-icon {\n    display: block;\n    position: absolute;\n    inset: auto;\n    z-index: 1;\n  }\n  .kol-table__selection-input {\n    border-style: solid;\n    margin: 0;\n    appearance: none;\n    cursor: pointer;\n  }\n  .kol-table__selection-input:disabled {\n    cursor: not-allowed;\n  }\n  .kol-table__selection-input:before {\n    content: "";\n  }\n  .kol-table__selection-input--checkbox {\n    background-color: rgb(255, 255, 255);\n    display: flex;\n    position: relative;\n    min-width: calc(var(--a11y-min-size) / 2);\n    min-height: calc(var(--a11y-min-size) / 2);\n    border-width: 2px;\n    align-items: center;\n    justify-content: center;\n    line-height: 1.5;\n  }\n  .kol-table__selection-input--radio {\n    border-radius: 100%;\n    display: flex;\n    width: 1.5em;\n    min-width: 1.5em;\n    height: 1.5em;\n    min-height: 1.5em;\n    padding: 0;\n    border-width: 2px;\n  }\n  .kol-table__selection-input--radio:before {\n    border-radius: 100%;\n    width: 0.75em;\n    height: 0.75em;\n    margin: auto;\n  }\n  .kol-table__selection-input--radio:checked:before {\n    background-color: #000;\n  }\n  @media (forced-colors: active) {\n    .kol-table__selection-input--radio:checked:before {\n      /* Give it a visible background in forced colors mode */\n      background-color: selectedItem !important;\n    }\n  }\n}',i=class{constructor(e){n(this,e)}render(){return e(t,{key:"c4704e32586768b290987004a05da52508677e34",_data:this._data,_dataFoot:this._dataFoot,_fixedCols:this._fixedCols,_headerCells:this._headerCells,_label:this._label,_on:this._on,_selection:this._selection,_hasSettingsMenu:this._hasSettingsMenu})}};i.style={default:o};export{i as kol_table_stateless};

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

@@ -1 +1 @@
-{"version":3,"names":["registerInstance","h","KolTableStatelessWcTag","defaultStyleCss","KolTableStateless","constructor","hostRef","this","render","key","_data","_dataFoot","_fixedCols","_headerCells","_label","_on","_selection","_hasSettingsMenu","style","default"],"sources":["0"],"mappings":";;;YAGcA,OAAkBC,MAAS,kCAC3BC,MAA8B,sCACrC,uBAEP,MAAMC,EAAkB,0/jBAExB,MAAMC,EAAoB,MACtB,WAAAC,CAAYC,GACRN,EAAiBO,KAAMD,EAC3B,CACA,MAAAE,GACI,OAAQP,EAAEC,EAAwB,CAAEO,IAAK,2CAA4CC,MAAOH,KAAKG,MAAOC,UAAWJ,KAAKI,UAAWC,WAAYL,KAAKK,WAAYC,aAAcN,KAAKM,aAAcC,OAAQP,KAAKO,OAAQC,IAAKR,KAAKQ,IAAKC,WAAYT,KAAKS,WAAYC,iBAAkBV,KAAKU,kBAC7R,GAEJb,EAAkBc,MAAQ,CACtBC,QAAShB,UAGJC","ignoreList":[]}
+{"version":3,"names":["registerInstance","h","KolTableStatelessWcTag","defaultStyleCss","KolTableStateless","constructor","hostRef","this","render","key","_data","_dataFoot","_fixedCols","_headerCells","_label","_on","_selection","_hasSettingsMenu","style","default"],"sources":["0"],"mappings":";;;YAGcA,OAAkBC,MAAS,kCAC3BC,MAA8B,sCACrC,uBAEP,MAAMC,EAAkB,8okBAExB,MAAMC,EAAoB,MACtB,WAAAC,CAAYC,GACRN,EAAiBO,KAAMD,EAC3B,CACA,MAAAE,GACI,OAAQP,EAAEC,EAAwB,CAAEO,IAAK,2CAA4CC,MAAOH,KAAKG,MAAOC,UAAWJ,KAAKI,UAAWC,WAAYL,KAAKK,WAAYC,aAAcN,KAAKM,aAAcC,OAAQP,KAAKO,OAAQC,IAAKR,KAAKQ,IAAKC,WAAYT,KAAKS,WAAYC,iBAAkBV,KAAKU,kBAC7R,GAEJb,EAAkBc,MAAQ,CACtBC,QAAShB,UAGJC","ignoreList":[]}

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

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{r as n,h as t,g as e}from"./index-C-7ueFeG.js";import{b as o,e as i,k as a,s,N as l,G as r,H as c,Q as h}from"./common-BIkdAxr0.js";import{v as d}from"./align-DDUsWnWP.js";import{v as f}from"./label-C18ud7Yt.js";import{c as b}from"./component-names-BQrMLr68.js";import{t as u}from"./i18n-DvMeCREp.js";import{K as p}from"./keyboard-DNd73LVa.js";import{c as m}from"./clsx-COFh-Vc8.js";import{d as k,K as g}from"./events-DHTi_wtD.js";import"./i18n-B0tfVPMa.js";const y=["select-automatic","select-manual"],v=(e,n)=>{o(e,"_behavior",e=>"string"==typeof e&&y.includes(e),new Set([`KoliBriTabBehavior {${y.join(", ")}`]),n)},w=(e,n)=>{i(e,"_hasCreateButton",n)},_='/* forward the rem function */\n/*\n* This file defines the layer order for all CSS layers used in KoliBri.\n* The order is important as it determines the cascade priority.\n*\n* Layer order (lowest to highest priority):\n* 1. kol-a11y - Accessibility defaults and requirements\n* 2. kol-global - Global component styles and resets\n* 3. kol-component - Component-specific styles\n* 4. kol-theme-global - Theme-specific global styles\n* 5. kol-theme-component - Theme-specific component styles\n*/\n@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;\n/*\n * This file contains all rules for accessibility.\n */\n@layer kol-a11y {\n  :host {\n    /*\n                   * Minimum size of interactive elements.\n                   */\n    --a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16));\n    /*\n     * No element should be used without verifying the contrast ratio of its background and font colors.\n     * By initially setting the background color to white and the font color to black,\n     * the contrast ratio is ensured and explicit adjustment is forced.\n     */\n    color: black;\n    background-color: white;\n    /*\n     * Verdana is an accessible font that can be used without requiring additional loading time.\n     */\n    font-family: Verdana;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n    /*\n     * Text should be aligned left by default to provide a predictable starting point.\n     */\n    text-align: left;\n  }\n  * {\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    hyphens: auto;\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    word-break: break-word;\n  }\n  /*\n   * All interactive elements should have a minimum size of to-rem(44).\n   */\n  /* input:not([type=\'checkbox\'], [type=\'radio\'], [type=\'range\']), */\n  /* option, */\n  /* select, */\n  /* textarea, */\n  button,\n  .kol-input .input {\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n  }\n  /*\n   * Some interactive elements should not inherit the font-family and font-size.\n   */\n  a,\n  button,\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6,\n  input,\n  option,\n  select,\n  textarea {\n    /*\n     * All elements should inherit the text color from his parent element.\n     */\n    color: inherit;\n    /*\n     * All elements should inherit the font family from his parent element.\n     */\n    font-family: inherit;\n    /*\n     * All elements should inherit the font size from his parent element.\n     */\n    font-size: inherit;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n  }\n  /**\n  * Sometimes we need the semantic element for accessibility reasons,\n  * but we don\'t want to show it.\n  *\n  * - https://www.a11yproject.com/posts/how-to-hide-content/\n  */\n  .visually-hidden {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 1px;\n    height: 1px;\n    overflow: hidden;\n    white-space: nowrap;\n    clip-path: inset(50%);\n  }\n}\n@layer kol-global {\n  /*\n   * Dieses CSS stellt sicher, dass der Standard-Style\n   * von A und Button resettet werden.\n   */\n  :is(a, button) {\n    background-color: transparent;\n    width: 100%;\n    margin: 0;\n    padding: 0;\n    border: none;\n    /* 100% needed for custom width from outside */\n  }\n  /*\n   * Ensure elements with hidden attribute to be actually not visible\n   * @see https://meowni.ca/hidden.is.a.lie.html\n   */\n  [hidden] {\n    display: none !important;\n  }\n  .badge-text-hint {\n    color: black;\n    background-color: lightgray;\n  }\n}\n@layer kol-global {\n  :host {\n    /*\n     * The max-width is needed to prevent the table from overflowing the\n     * parent node, if the table is wider than the parent node.\n     */\n    max-width: 100%;\n    font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  * {\n    /*\n     * We prefer to box-sizing: border-box for all elements.\n     */\n    box-sizing: border-box;\n  }\n  .kol-span {\n    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n    display: flex;\n    flex-flow: column;\n    align-items: center;\n    justify-content: center;\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n  }\n  .kol-span__container {\n    display: flex;\n    align-items: center;\n  }\n  a,\n  button {\n    cursor: pointer;\n  }\n  .kol-span .kol-span__label--hide-label .kol-span__label {\n    display: none;\n  }\n  /* Reset browser agent style. */\n  button:disabled {\n    color: unset;\n  }\n  .disabled label,\n  .disabled:focus-within label,\n  [aria-disabled=true],\n  [aria-disabled=true]:focus,\n  [disabled],\n  [disabled]:focus {\n    opacity: 0.5;\n    outline: none;\n    cursor: not-allowed;\n  }\n  [aria-disabled=true]:focus .kol-span,\n  [disabled]:focus .kol-span {\n    outline: none !important;\n  }\n  .hastooltip {\n    z-index: 900 !important;\n  }\n}\n@layer kol-component {\n  :host {\n    display: block;\n  }\n}\n@font-face {\n  font-family: "kolicons";\n  src: url("kolicons.eot?t=1773990435463"); /* IE9*/\n  src: url("kolicons.eot?t=1773990435463#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1773990435463") format("woff2"), url("kolicons.woff?t=1773990435463") format("woff"), url("kolicons.ttf?t=1773990435463") format("truetype"), url("kolicons.svg?t=1773990435463#kolicons") format("svg"); /* iOS 4.1- */\n}\n[class^=kolicon-], [class*=" kolicon-"] {\n  font-family: "kolicons";\n  font-style: normal;\n  font-weight: 400;\n  line-height: 1em;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\n.kolicon-alert-error::before {\n  content: "\\ea01";\n}\n\n.kolicon-alert-info::before {\n  content: "\\ea02";\n}\n\n.kolicon-alert-success::before {\n  content: "\\ea03";\n}\n\n.kolicon-alert-warning::before {\n  content: "\\ea04";\n}\n\n.kolicon-check::before {\n  content: "\\ea05";\n}\n\n.kolicon-chevron-double-left::before {\n  content: "\\ea06";\n}\n\n.kolicon-chevron-double-right::before {\n  content: "\\ea07";\n}\n\n.kolicon-chevron-down::before {\n  content: "\\ea08";\n}\n\n.kolicon-chevron-left::before {\n  content: "\\ea09";\n}\n\n.kolicon-chevron-right::before {\n  content: "\\ea0a";\n}\n\n.kolicon-chevron-up::before {\n  content: "\\ea0b";\n}\n\n.kolicon-cogwheel::before {\n  content: "\\ea0c";\n}\n\n.kolicon-cross::before {\n  content: "\\ea0d";\n}\n\n.kolicon-eye-closed::before {\n  content: "\\ea0e";\n}\n\n.kolicon-eye::before {\n  content: "\\ea0f";\n}\n\n.kolicon-house::before {\n  content: "\\ea10";\n}\n\n.kolicon-kolibri::before {\n  content: "\\ea11";\n}\n\n.kolicon-link-external::before {\n  content: "\\ea12";\n}\n\n.kolicon-link::before {\n  content: "\\ea13";\n}\n\n.kolicon-minus::before {\n  content: "\\ea14";\n}\n\n.kolicon-plus::before {\n  content: "\\ea15";\n}\n\n.kolicon-settings::before {\n  content: "\\ea16";\n}\n\n.kolicon-sort-asc::before {\n  content: "\\ea17";\n}\n\n.kolicon-sort-desc::before {\n  content: "\\ea18";\n}\n\n.kolicon-sort-neutral::before {\n  content: "\\ea19";\n}\n\n.kolicon-up::before {\n  content: "\\ea1a";\n}\n\n.kolicon-version::before {\n  content: "\\ea1b";\n}\n\n@layer kol-component {\n  .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\n  .kol-tooltip {\n    display: contents;\n  }\n  .kol-tooltip__floating {\n    opacity: 0;\n    display: none;\n    position: fixed;\n    /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\n    top: 0;\n    left: 0;\n    /* Can be used to specify the tooltip-width from the outside. Unset by default.  */\n    width: var(--kol-tooltip-width, max-content);\n    min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\n    max-width: 90vw;\n    max-height: 90vh;\n    animation-direction: normal;\n    /* Can be used to specify the animation duration from the outside. 250ms by default. */\n    animation-duration: var(--kolibri-tooltip-animation-duration, 250ms);\n    animation-fill-mode: forwards;\n    animation-iteration-count: 1;\n    animation-timing-function: ease-in;\n  }\n  .kol-tooltip__floating.hide {\n    animation-name: hideTooltip;\n  }\n  .kol-tooltip__floating.show {\n    animation-name: showTooltip;\n  }\n  .kol-tooltip__arrow {\n    transform: rotate(45deg);\n    color: #000;\n    background-color: #fff;\n    position: absolute;\n    z-index: 999;\n    width: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\n    height: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-tooltip__content {\n    color: #000;\n    background-color: #fff;\n    position: relative;\n    z-index: 1000;\n  }\n  @keyframes hideTooltip {\n    0% {\n      opacity: 1;\n    }\n    100% {\n      opacity: 0;\n      display: none;\n    }\n  }\n  @keyframes showTooltip {\n    0% {\n      opacity: 0;\n    }\n    100% {\n      opacity: 1;\n    }\n  }\n}\n@layer kol-component {\n  .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\n  .kol-tabs {\n    display: var(--display);\n    grid-template-columns: var(--grid-template-columns);\n    grid-template-rows: var(--grid-template-rows);\n  }\n  .kol-tabs--align-right {\n    --display: grid;\n    --grid-template-columns: 1fr auto;\n    --button-group-flex-direction: column;\n    --button-group-order: 2;\n  }\n  .kol-tabs--align-left {\n    --display: grid;\n    --grid-template-columns: auto 1fr;\n    --button-group-flex-direction: column;\n    --button-group-order: 0;\n  }\n  .kol-tabs--align-bottom {\n    --display: grid;\n    --grid-template-rows: 1fr auto;\n    --button-group-order: 2;\n  }\n  .kol-tabs__tabs-align-top {\n    --display: grid;\n    --grid-template-rows: auto 1fr;\n    --button-group-order: 0;\n  }\n  .kol-tabs__button-group {\n    display: flex;\n    order: var(--button-group-order);\n    flex-direction: var(--button-group-flex-direction);\n    flex-wrap: wrap;\n  }\n  .kol-tabs__button-group .kol-button {\n    border-bottom-color: transparent;\n    display: block;\n    border-bottom-style: solid;\n  }\n  .kol-tabs__panel {\n    height: 100%;\n  }\n}',x=class{constructor(e){n(this,e),this.onCreateLabel=`${u("kol-new")} …`,this.nextPossibleTabIndex=(e,n,t=1)=>{const o=n+t;return o<e.length?e[o]._disabled?this.nextPossibleTabIndex(e,n,t+1):o:n},this.prevPossibleTabIndex=(e,n,t=1)=>{const o=n-t;return o>=0?e[o]._disabled?this.prevPossibleTabIndex(e,n,t+1):o:n},this.onKeyDown=e=>{switch(e.key){case p.ArrowRight:this.goToNextTab(e);break;case p.ArrowLeft:this.goToPreviousTab(e);break;case p.Space:case p.Enter:this.activateFocusedTab(e)}},this.onClickSelect=(e,n)=>{this.selectNextTabEvent(e,n)},this.onMouseDown=e=>{e.preventDefault()},this.callbacks={onClick:this.onClickSelect,onMouseDown:this.onMouseDown},this.catchTabPanelHost=e=>{this.tabPanelHost=e},this._align="top",this._hasCreateButton=!1,this._selected=0,this.state={_align:"top",_label:"",_selected:0,_tabs:[]},this.selectNextNotDisabledTab=(e,n,t=!0,o)=>{if(e>n.length-1&&(e=n.length-1),e<0&&(e=0),Array.isArray(n)&&n[e]&&n[e]._disabled){if(!0===t){if(e<n.length-1)return this.selectNextNotDisabledTab(e+1,n,!0,o||e);e=o||e,t=!1}if(!1===t){if(e>0)return this.selectNextNotDisabledTab(e-1,n,!1,o||e);a("[KolTabs] All tabs are disabled, and therefore no tab can be displayed.")}}return e},this.syncSelectedAndTabs=(e,n,t,o)=>{let i,a;i="_selected"===o?e:this.state._selected,a="_tabs"===o?e:this.state._tabs,a.length>0&&n.set("_selected",this.selectNextNotDisabledTab(i,a))},this.refreshTabPanels=()=>{var e,n,t,o;if(this.tabPanelHost){for(;this.tabPanelHost.firstChild;)this.tabPanelHost.removeChild(this.tabPanelHost.firstChild);for(let i=0;i<(null===(e=this.state._tabs)||void 0===e?void 0:e.length);i++){const e=document.createElement("div");e.setAttribute("aria-labelledby",`${this.state._label.replace(/\s/g,"-")}-tab-${i}`),e.setAttribute("id",`tabpanel-${i}`),e.setAttribute("role","tabpanel"),e.setAttribute("hidden",""),e.setAttribute("tabindex","0");const a=document.createElement("slot");a.setAttribute("name",`tabpanel-slot-${i}`),e.appendChild(a),null===(n=this.tabPanelHost)||void 0===n||n.appendChild(e),"undefined"!=typeof HTMLCollection&&(null===(t=this.host)||void 0===t?void 0:t.children)instanceof HTMLCollection&&(null===(o=this.host)||void 0===o?void 0:o.children[i])&&this.host.children[i].setAttribute("slot",`tabpanel-slot-${i}`)}this.updateVisiblePanel()}},this.updateVisiblePanel=()=>{this.tabPanelHost&&Array.from(this.tabPanelHost.children).forEach((e,n)=>{n===this.state._selected?e.removeAttribute("hidden"):e.setAttribute("hidden","")})},this.onCreate=e=>{var n,t;e.preventDefault(),null===(t=null===(n=this.state._on)||void 0===n?void 0:n.onCreate)||void 0===t||t.call(n,e),this.host&&k(this.host,g.create)},this.onBlur=()=>{this.currentFocusIndex=void 0}}getCurrentFocusIndex(){return"number"==typeof this.currentFocusIndex?this.currentFocusIndex:this.state._selected}getKeyboardTabChangeMode(){return"select-manual"===this._behavior?"selectFocusOnly":"activateCompletely"}goToNextTab(e){const n=this.nextPossibleTabIndex(this.state._tabs,this.getCurrentFocusIndex());this.selectNextTabEvent(e,n,this.getKeyboardTabChangeMode())}goToPreviousTab(e){const n=this.prevPossibleTabIndex(this.state._tabs,this.getCurrentFocusIndex());this.selectNextTabEvent(e,n,this.getKeyboardTabChangeMode())}activateFocusedTab(e){"number"==typeof this.currentFocusIndex&&this.onSelect(e,this.currentFocusIndex)}selectNextTabEvent(e,n,t="activateCompletely"){var o,i;if(this.currentFocusIndex=n,this.focusTabById(n),"activateCompletely"===t){this._selected=n;null===(i=null===(o=this.state._tabs[n]._on)||void 0===o?void 0:o.onSelect)||void 0===i||i.call(o,e,n),this.onSelect(e,n)}}renderButtonGroup(){return t("div",{"aria-label":this.state._label,class:"kol-tabs__button-group",role:"tablist",onKeyDown:this.onKeyDown,onBlur:this.onBlur},this.state._tabs.map((e,n)=>t(b,{_disabled:e._disabled,_icons:e._icons,_hideLabel:e._hideLabel,_label:e._label,_on:this.callbacks,_tabIndex:this.state._selected===n?0:-1,_tooltipAlign:e._tooltipAlign,_variant:this.state._selected===n?"custom":void 0,_customClass:this.state._selected===n?"selected":"",_ariaControls:`tabpanel-${n}`,_ariaSelected:this.state._selected===n,_id:`${this.state._label.replace(/\s/g,"-")}-tab-${n}`,_role:"tab",_value:n})),this.state._hasCreateButton&&t(b,{class:"kol-tabs__button-create",_label:this.onCreateLabel,_on:{onClick:this.onCreate},_icons:"kolicon-plus","data-testid":"tabs-create-button"}))}render(){return t("div",{key:"7ffe401b113f0331ccac35130ddd22078747d840",ref:e=>{this.tabPanelsElement=e},class:m("kol-tabs",`kol-tabs--align-${this.state._align}`)},this.renderButtonGroup(),t("div",{key:"3e524e7918e5dd1a105efd9359561bf89779343a",class:"kol-tabs__content",ref:this.catchTabPanelHost}))}validateAlign(e){d(this,e)}validateBehavior(e){v(this,e)}validateHasCreateButton(e){w(this,e)}validateLabel(e){f(this,e,{required:!0})}validateOn(e){if("object"==typeof e&&null!==e){const n={};"function"==typeof e.onCreate&&(n.onCreate=e.onCreate),"function"==typeof e.onSelect&&(n.onSelect=e.onSelect),s(this,"_on",n)}}validateSelected(e){l(this,"_selected",e,{hooks:{beforePatch:this.syncSelectedAndTabs}})}validateTabs(e){r(this,"_tabs",e=>"object"==typeof e&&null!==e&&"string"==typeof e._label&&e._label.length>0,e,void 0,{hooks:{beforePatch:this.syncSelectedAndTabs,afterPatch:this.refreshTabPanels}}),c("KolTabs",this.state._tabs.length)}componentWillLoad(){this.validateAlign(this._align),this.validateLabel(this._label),this.validateOn(this._on),this.validateSelected(this._selected),this.validateTabs(this._tabs),this.validateBehavior(this._behavior),this.validateHasCreateButton(this._hasCreateButton)}componentDidRender(){this.refreshTabPanels()}focusTabById(e){if(this.tabPanelsElement){const n=h(`button#${this.state._label.replace(/\s/g,"-")}-tab-${e}`,this.tabPanelsElement);null==n||n.focus()}}onSelect(e,n){var t,o;null===(o=null===(t=this._on)||void 0===t?void 0:t.onSelect)||void 0===o||o.call(t,e,n),this.host&&k(this.host,g.select,n),this.focusTabById(n)}get host(){return e(this)}static get watchers(){return{_align:["validateAlign"],_behavior:["validateBehavior"],_hasCreateButton:["validateHasCreateButton"],_label:["validateLabel"],_on:["validateOn"],_selected:["validateSelected"],_tabs:["validateTabs"]}}};x.style={default:_};export{x as kol_tabs};
+import{r as n,h as t,g as e}from"./index-B8-Psqw5.js";import{b as o,e as i,k as a,s,N as l,G as r,H as c,Q as h}from"./common-BIkdAxr0.js";import{v as d}from"./align-DDUsWnWP.js";import{v as f}from"./label-C18ud7Yt.js";import{c as b}from"./component-names-C64MXeC1.js";import{t as u}from"./i18n-DvMeCREp.js";import{K as p}from"./keyboard-DNd73LVa.js";import{c as m}from"./clsx-COFh-Vc8.js";import{d as k,K as g}from"./events-DHTi_wtD.js";import"./i18n-B0tfVPMa.js";const y=["select-automatic","select-manual"],v=(e,n)=>{o(e,"_behavior",e=>"string"==typeof e&&y.includes(e),new Set([`KoliBriTabBehavior {${y.join(", ")}`]),n)},w=(e,n)=>{i(e,"_hasCreateButton",n)},_='/* forward the rem function */\n/*\n* This file defines the layer order for all CSS layers used in KoliBri.\n* The order is important as it determines the cascade priority.\n*\n* Layer order (lowest to highest priority):\n* 1. kol-a11y - Accessibility defaults and requirements\n* 2. kol-global - Global component styles and resets\n* 3. kol-component - Component-specific styles\n* 4. kol-theme-global - Theme-specific global styles\n* 5. kol-theme-component - Theme-specific component styles\n*/\n@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;\n/*\n * This file contains all rules for accessibility.\n */\n@layer kol-a11y {\n  :host {\n    /*\n                   * Minimum size of interactive elements.\n                   */\n    --a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16));\n    /*\n     * No element should be used without verifying the contrast ratio of its background and font colors.\n     * By initially setting the background color to white and the font color to black,\n     * the contrast ratio is ensured and explicit adjustment is forced.\n     */\n    color: black;\n    background-color: white;\n    /*\n     * Verdana is an accessible font that can be used without requiring additional loading time.\n     */\n    font-family: Verdana;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n    /*\n     * Text should be aligned left by default to provide a predictable starting point.\n     */\n    text-align: left;\n  }\n  * {\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    hyphens: auto;\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    word-break: break-word;\n  }\n  /*\n   * All interactive elements should have a minimum size of to-rem(44).\n   */\n  /* input:not([type=\'checkbox\'], [type=\'radio\'], [type=\'range\']), */\n  /* option, */\n  /* select, */\n  /* textarea, */\n  button,\n  .kol-input .input {\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n  }\n  /*\n   * Some interactive elements should not inherit the font-family and font-size.\n   */\n  a,\n  button,\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6,\n  input,\n  option,\n  select,\n  textarea {\n    /*\n     * All elements should inherit the text color from his parent element.\n     */\n    color: inherit;\n    /*\n     * All elements should inherit the font family from his parent element.\n     */\n    font-family: inherit;\n    /*\n     * All elements should inherit the font size from his parent element.\n     */\n    font-size: inherit;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n  }\n  /**\n  * Sometimes we need the semantic element for accessibility reasons,\n  * but we don\'t want to show it.\n  *\n  * - https://www.a11yproject.com/posts/how-to-hide-content/\n  */\n  .visually-hidden {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 1px;\n    height: 1px;\n    overflow: hidden;\n    white-space: nowrap;\n    clip-path: inset(50%);\n  }\n}\n@layer kol-global {\n  /*\n   * Dieses CSS stellt sicher, dass der Standard-Style\n   * von A und Button resettet werden.\n   */\n  :is(a, button) {\n    background-color: transparent;\n    width: 100%;\n    margin: 0;\n    padding: 0;\n    border: none;\n    /* 100% needed for custom width from outside */\n  }\n  /*\n   * Ensure elements with hidden attribute to be actually not visible\n   * @see https://meowni.ca/hidden.is.a.lie.html\n   */\n  [hidden] {\n    display: none !important;\n  }\n  .badge-text-hint {\n    color: black;\n    background-color: lightgray;\n  }\n}\n@layer kol-global {\n  :host {\n    /*\n     * The max-width is needed to prevent the table from overflowing the\n     * parent node, if the table is wider than the parent node.\n     */\n    max-width: 100%;\n    font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  * {\n    /*\n     * We prefer to box-sizing: border-box for all elements.\n     */\n    box-sizing: border-box;\n  }\n  .kol-span {\n    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n    display: flex;\n    flex-flow: column;\n    align-items: center;\n    justify-content: center;\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n  }\n  .kol-span__container {\n    display: flex;\n    align-items: center;\n  }\n  a,\n  button {\n    cursor: pointer;\n  }\n  .kol-span .kol-span__label--hide-label .kol-span__label {\n    display: none;\n  }\n  /* Reset browser agent style. */\n  button:disabled {\n    color: unset;\n  }\n  .disabled label,\n  .disabled:focus-within label,\n  [aria-disabled=true],\n  [aria-disabled=true]:focus,\n  [disabled],\n  [disabled]:focus {\n    opacity: 0.5;\n    outline: none;\n    cursor: not-allowed;\n  }\n  [aria-disabled=true]:focus .kol-span,\n  [disabled]:focus .kol-span {\n    outline: none !important;\n  }\n  .hastooltip {\n    z-index: 900 !important;\n  }\n}\n@layer kol-component {\n  :host {\n    display: block;\n  }\n}\n@font-face {\n  font-family: "kolicons";\n  src: url("kolicons.eot?t=1774433546045"); /* IE9*/\n  src: url("kolicons.eot?t=1774433546045#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1774433546045") format("woff2"), url("kolicons.woff?t=1774433546045") format("woff"), url("kolicons.ttf?t=1774433546045") format("truetype"), url("kolicons.svg?t=1774433546045#kolicons") format("svg"); /* iOS 4.1- */\n}\n[class^=kolicon-], [class*=" kolicon-"] {\n  font-family: "kolicons";\n  font-style: normal;\n  font-weight: 400;\n  line-height: 1em;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\n.kolicon-alert-error::before {\n  content: "\\ea01";\n}\n\n.kolicon-alert-info::before {\n  content: "\\ea02";\n}\n\n.kolicon-alert-success::before {\n  content: "\\ea03";\n}\n\n.kolicon-alert-warning::before {\n  content: "\\ea04";\n}\n\n.kolicon-check::before {\n  content: "\\ea05";\n}\n\n.kolicon-chevron-double-left::before {\n  content: "\\ea06";\n}\n\n.kolicon-chevron-double-right::before {\n  content: "\\ea07";\n}\n\n.kolicon-chevron-down::before {\n  content: "\\ea08";\n}\n\n.kolicon-chevron-left::before {\n  content: "\\ea09";\n}\n\n.kolicon-chevron-right::before {\n  content: "\\ea0a";\n}\n\n.kolicon-chevron-up::before {\n  content: "\\ea0b";\n}\n\n.kolicon-cogwheel::before {\n  content: "\\ea0c";\n}\n\n.kolicon-cross::before {\n  content: "\\ea0d";\n}\n\n.kolicon-eye-closed::before {\n  content: "\\ea0e";\n}\n\n.kolicon-eye::before {\n  content: "\\ea0f";\n}\n\n.kolicon-house::before {\n  content: "\\ea10";\n}\n\n.kolicon-kolibri::before {\n  content: "\\ea11";\n}\n\n.kolicon-link-external::before {\n  content: "\\ea12";\n}\n\n.kolicon-link::before {\n  content: "\\ea13";\n}\n\n.kolicon-minus::before {\n  content: "\\ea14";\n}\n\n.kolicon-plus::before {\n  content: "\\ea15";\n}\n\n.kolicon-settings::before {\n  content: "\\ea16";\n}\n\n.kolicon-sort-asc::before {\n  content: "\\ea17";\n}\n\n.kolicon-sort-desc::before {\n  content: "\\ea18";\n}\n\n.kolicon-sort-neutral::before {\n  content: "\\ea19";\n}\n\n.kolicon-up::before {\n  content: "\\ea1a";\n}\n\n.kolicon-version::before {\n  content: "\\ea1b";\n}\n\n@layer kol-component {\n  .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\n  .kol-tooltip {\n    display: contents;\n  }\n  .kol-tooltip__floating {\n    opacity: 0;\n    display: none;\n    position: fixed;\n    /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\n    top: 0;\n    left: 0;\n    /* Can be used to specify the tooltip-width from the outside. Unset by default.  */\n    width: var(--kol-tooltip-width, max-content);\n    min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\n    max-width: 90vw;\n    max-height: 90vh;\n    animation-direction: normal;\n    /* Can be used to specify the animation duration from the outside. 250ms by default. */\n    animation-duration: var(--kolibri-tooltip-animation-duration, 250ms);\n    animation-fill-mode: forwards;\n    animation-iteration-count: 1;\n    animation-timing-function: ease-in;\n  }\n  .kol-tooltip__floating.hide {\n    animation-name: hideTooltip;\n  }\n  .kol-tooltip__floating.show {\n    animation-name: showTooltip;\n  }\n  .kol-tooltip__arrow {\n    transform: rotate(45deg);\n    color: #000;\n    background-color: #fff;\n    position: absolute;\n    z-index: 999;\n    width: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\n    height: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-tooltip__content {\n    color: #000;\n    background-color: #fff;\n    position: relative;\n    z-index: 1000;\n  }\n  @keyframes hideTooltip {\n    0% {\n      opacity: 1;\n    }\n    100% {\n      opacity: 0;\n      display: none;\n    }\n  }\n  @keyframes showTooltip {\n    0% {\n      opacity: 0;\n    }\n    100% {\n      opacity: 1;\n    }\n  }\n}\n@layer kol-component {\n  .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\n  .kol-tabs {\n    display: var(--display);\n    grid-template-columns: var(--grid-template-columns);\n    grid-template-rows: var(--grid-template-rows);\n  }\n  .kol-tabs--align-right {\n    --display: grid;\n    --grid-template-columns: 1fr auto;\n    --button-group-flex-direction: column;\n    --button-group-order: 2;\n  }\n  .kol-tabs--align-left {\n    --display: grid;\n    --grid-template-columns: auto 1fr;\n    --button-group-flex-direction: column;\n    --button-group-order: 0;\n  }\n  .kol-tabs--align-bottom {\n    --display: grid;\n    --grid-template-rows: 1fr auto;\n    --button-group-order: 2;\n  }\n  .kol-tabs__tabs-align-top {\n    --display: grid;\n    --grid-template-rows: auto 1fr;\n    --button-group-order: 0;\n  }\n  .kol-tabs__button-group {\n    display: flex;\n    order: var(--button-group-order);\n    flex-direction: var(--button-group-flex-direction);\n    flex-wrap: wrap;\n  }\n  .kol-tabs__button-group .kol-button {\n    border-bottom-color: transparent;\n    display: block;\n    border-bottom-style: solid;\n  }\n  .kol-tabs__panel {\n    height: 100%;\n  }\n}',x=class{constructor(e){n(this,e),this.onCreateLabel=`${u("kol-new")} …`,this.nextPossibleTabIndex=(e,n,t=1)=>{const o=n+t;return o<e.length?e[o]._disabled?this.nextPossibleTabIndex(e,n,t+1):o:n},this.prevPossibleTabIndex=(e,n,t=1)=>{const o=n-t;return o>=0?e[o]._disabled?this.prevPossibleTabIndex(e,n,t+1):o:n},this.onKeyDown=e=>{switch(e.key){case p.ArrowRight:this.goToNextTab(e);break;case p.ArrowLeft:this.goToPreviousTab(e);break;case p.Space:case p.Enter:this.activateFocusedTab(e)}},this.onClickSelect=(e,n)=>{this.selectNextTabEvent(e,n)},this.onMouseDown=e=>{e.preventDefault()},this.callbacks={onClick:this.onClickSelect,onMouseDown:this.onMouseDown},this.catchTabPanelHost=e=>{this.tabPanelHost=e},this._align="top",this._hasCreateButton=!1,this._selected=0,this.state={_align:"top",_label:"",_selected:0,_tabs:[]},this.selectNextNotDisabledTab=(e,n,t=!0,o)=>{if(e>n.length-1&&(e=n.length-1),e<0&&(e=0),Array.isArray(n)&&n[e]&&n[e]._disabled){if(!0===t){if(e<n.length-1)return this.selectNextNotDisabledTab(e+1,n,!0,o||e);e=o||e,t=!1}if(!1===t){if(e>0)return this.selectNextNotDisabledTab(e-1,n,!1,o||e);a("[KolTabs] All tabs are disabled, and therefore no tab can be displayed.")}}return e},this.syncSelectedAndTabs=(e,n,t,o)=>{let i,a;i="_selected"===o?e:this.state._selected,a="_tabs"===o?e:this.state._tabs,a.length>0&&n.set("_selected",this.selectNextNotDisabledTab(i,a))},this.refreshTabPanels=()=>{var e,n,t,o;if(this.tabPanelHost){for(;this.tabPanelHost.firstChild;)this.tabPanelHost.removeChild(this.tabPanelHost.firstChild);for(let i=0;i<(null===(e=this.state._tabs)||void 0===e?void 0:e.length);i++){const e=document.createElement("div");e.setAttribute("aria-labelledby",`${this.state._label.replace(/\s/g,"-")}-tab-${i}`),e.setAttribute("id",`tabpanel-${i}`),e.setAttribute("role","tabpanel"),e.setAttribute("hidden",""),e.setAttribute("tabindex","0");const a=document.createElement("slot");a.setAttribute("name",`tabpanel-slot-${i}`),e.appendChild(a),null===(n=this.tabPanelHost)||void 0===n||n.appendChild(e),"undefined"!=typeof HTMLCollection&&(null===(t=this.host)||void 0===t?void 0:t.children)instanceof HTMLCollection&&(null===(o=this.host)||void 0===o?void 0:o.children[i])&&this.host.children[i].setAttribute("slot",`tabpanel-slot-${i}`)}this.updateVisiblePanel()}},this.updateVisiblePanel=()=>{this.tabPanelHost&&Array.from(this.tabPanelHost.children).forEach((e,n)=>{n===this.state._selected?e.removeAttribute("hidden"):e.setAttribute("hidden","")})},this.onCreate=e=>{var n,t;e.preventDefault(),null===(t=null===(n=this.state._on)||void 0===n?void 0:n.onCreate)||void 0===t||t.call(n,e),this.host&&k(this.host,g.create)},this.onBlur=()=>{this.currentFocusIndex=void 0}}getCurrentFocusIndex(){return"number"==typeof this.currentFocusIndex?this.currentFocusIndex:this.state._selected}getKeyboardTabChangeMode(){return"select-manual"===this._behavior?"selectFocusOnly":"activateCompletely"}goToNextTab(e){const n=this.nextPossibleTabIndex(this.state._tabs,this.getCurrentFocusIndex());this.selectNextTabEvent(e,n,this.getKeyboardTabChangeMode())}goToPreviousTab(e){const n=this.prevPossibleTabIndex(this.state._tabs,this.getCurrentFocusIndex());this.selectNextTabEvent(e,n,this.getKeyboardTabChangeMode())}activateFocusedTab(e){"number"==typeof this.currentFocusIndex&&this.onSelect(e,this.currentFocusIndex)}selectNextTabEvent(e,n,t="activateCompletely"){var o,i;if(this.currentFocusIndex=n,this.focusTabById(n),"activateCompletely"===t){this._selected=n;null===(i=null===(o=this.state._tabs[n]._on)||void 0===o?void 0:o.onSelect)||void 0===i||i.call(o,e,n),this.onSelect(e,n)}}renderButtonGroup(){return t("div",{"aria-label":this.state._label,class:"kol-tabs__button-group",role:"tablist",onKeyDown:this.onKeyDown,onBlur:this.onBlur},this.state._tabs.map((e,n)=>t(b,{_disabled:e._disabled,_icons:e._icons,_hideLabel:e._hideLabel,_label:e._label,_on:this.callbacks,_tabIndex:this.state._selected===n?0:-1,_tooltipAlign:e._tooltipAlign,_variant:this.state._selected===n?"custom":void 0,_customClass:this.state._selected===n?"selected":"",_ariaControls:`tabpanel-${n}`,_ariaSelected:this.state._selected===n,_id:`${this.state._label.replace(/\s/g,"-")}-tab-${n}`,_role:"tab",_value:n})),this.state._hasCreateButton&&t(b,{class:"kol-tabs__button-create",_label:this.onCreateLabel,_on:{onClick:this.onCreate},_icons:"kolicon-plus","data-testid":"tabs-create-button"}))}render(){return t("div",{key:"de2ee63277567781632c01205803f1b2af7466bb",ref:e=>{this.tabPanelsElement=e},class:m("kol-tabs",`kol-tabs--align-${this.state._align}`)},this.renderButtonGroup(),t("div",{key:"b522ec136bde8ce9bb80364a7783713859ce57f9",class:"kol-tabs__content",ref:this.catchTabPanelHost}))}validateAlign(e){d(this,e)}validateBehavior(e){v(this,e)}validateHasCreateButton(e){w(this,e)}validateLabel(e){f(this,e,{required:!0})}validateOn(e){if("object"==typeof e&&null!==e){const n={};"function"==typeof e.onCreate&&(n.onCreate=e.onCreate),"function"==typeof e.onSelect&&(n.onSelect=e.onSelect),s(this,"_on",n)}}validateSelected(e){l(this,"_selected",e,{hooks:{beforePatch:this.syncSelectedAndTabs}})}validateTabs(e){r(this,"_tabs",e=>"object"==typeof e&&null!==e&&"string"==typeof e._label&&e._label.length>0,e,void 0,{hooks:{beforePatch:this.syncSelectedAndTabs,afterPatch:this.refreshTabPanels}}),c("KolTabs",this.state._tabs.length)}componentWillLoad(){this.validateAlign(this._align),this.validateLabel(this._label),this.validateOn(this._on),this.validateSelected(this._selected),this.validateTabs(this._tabs),this.validateBehavior(this._behavior),this.validateHasCreateButton(this._hasCreateButton)}componentDidRender(){this.refreshTabPanels()}focusTabById(e){if(this.tabPanelsElement){const n=h(`button#${this.state._label.replace(/\s/g,"-")}-tab-${e}`,this.tabPanelsElement);null==n||n.focus()}}onSelect(e,n){var t,o;null===(o=null===(t=this._on)||void 0===t?void 0:t.onSelect)||void 0===o||o.call(t,e,n),this.host&&k(this.host,g.select,n),this.focusTabById(n)}get host(){return e(this)}static get watchers(){return{_align:["validateAlign"],_behavior:["validateBehavior"],_hasCreateButton:["validateHasCreateButton"],_label:["validateLabel"],_on:["validateOn"],_selected:["validateSelected"],_tabs:["validateTabs"]}}};x.style={default:_};export{x as kol_tabs};

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

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{h as n,r as e,g as t}from"./index-C-7ueFeG.js";import{c as i}from"./clsx-COFh-Vc8.js";import{i as o,d as a,g as l,a as s,F as r}from"./FormFieldStateWrapper-CgJ3zrOg.js";import{I as d,a as h}from"./controller-icon-CtBWDrG3.js";import{_ as c}from"./tslib.es6-CxX45GIN.js";import{b as f,g as m}from"./common-BIkdAxr0.js";import{n as p}from"./dev.utils-_tIxkFEq.js";import{a as u,v as b,b as k}from"./max-length-behavior-BfK6OnzA.js";import{v}from"./placeholder-D8vH7TM6.js";import{v as y}from"./read-only-C5tWj8H1.js";import{v as g}from"./required-Dt9l4wUg.js";import{v as _}from"./rows-CN7sG0G_.js";import{v as w}from"./spell-check-BcvxI-Fn.js";import"./access-and-short-key-CPX70LXd.js";import"./disabled-BdPI9eda.js";import"./hide-label-ByItyHgV.js";import"./label-C18ud7Yt.js";import"./tooltip-align-DodV1tEH.js";import"./align-DDUsWnWP.js";import"./events-DHTi_wtD.js";import"./associated.controller-DCpxG_66.js";import"./bootstrap-CyhVeeHa.js";import"./component-names-BQrMLr68.js";import"./i18n-B0tfVPMa.js";import"./isObject-BJgq02Md.js";import"./isArray-CcrBs4JM.js";import"./component-Hu7IB74c.js";import"./bem-registry-ClssJ_nC.js";import"./component-CraT9mqx.js";import"./i18n-DvMeCREp.js";import"./Alert-SEfIw75e.js";import"./Heading-CC-ueMZ4.js";import"./icons-CmA8Oww0.js";const x=["vertical","none"],j=e=>"string"==typeof e&&x.includes(e),z=(e,n)=>{f(e,"_resize",j,new Set(x),n,{defaultValue:"vertical"})},B=e=>{const{class:t,msg:r,touched:s,readonly:d,disabled:h,required:m,ariaDescribedBy:u,hideLabel:f,label:p}=e,b=c(e,["class","msg","touched","readonly","disabled","required","ariaDescribedBy","hideLabel","label"]),v={"kol-textarea--disabled":Boolean(h),"kol-textarea--required":Boolean(m),"kol-textarea--touched":Boolean(s),"kol-textarea--readonly":Boolean(d),[`kol-textarea--${l(r)}`]:o(r,s)},g=Object.assign(Object.assign({class:i("kol-textarea",v,t),required:m,disabled:h,readonly:d},a({ariaDescribedBy:u,hideLabel:f,label:p})),b);return n("textarea",Object.assign({},g))};function C(e,n){var t;const o=[...s(e).ariaDescribedBy,...null!==(t=n.ariaDescribedBy)&&void 0!==t?t:[]],i=Object.assign(Object.assign({id:e._id,hideLabel:e._hideLabel,label:e._label,value:e._value,accessKey:e._accessKey,disabled:e._disabled,name:e._name,rows:e._rows,readonly:e._readOnly,required:e._required,placeholder:e._placeholder,touched:e._touched,msg:e._msg},n),{ariaDescribedBy:o});return"_maxLength"in e&&"_maxLengthBehavior"in e&&"hard"===e._maxLengthBehavior&&(i.maxLength=e._maxLength),"_shortKey"in e&&(i["aria-keyshortcuts"]=e._shortKey),i}const L=e=>{var{state:t}=e,o=c(e,["state"]);return n(B,Object.assign({},C(t,o)))};class T extends d{constructor(e,n,t){super(e,n,t),this.afterSyncCharCounter=()=>{"string"==typeof this.component._value&&(this.component.state._currentLength=this.component._value.length,this.updateCurrentLengthDebounced(this.component._value.length))},this.component=e}validateHasCounter(e){u(this.component,e)}validateMaxLengthBehavior(e){b(this.component,e)}validateMaxLength(e){k(this.component,e,{hooks:{afterPatch:this.afterSyncCharCounter}})}validatePlaceholder(e){v(this.component,e)}validateReadOnly(e){y(this.component,e)}validateResize(e){z(this.component,e)}validateRequired(e){g(this.component,e)}validateRows(e){_(this.component,e)}validateSpellCheck(e){w(this.component,e)}validateValue(e){m(this.component,"_value",e,{hooks:{afterPatch:this.afterSyncCharCounter}}),this.setFormAssociatedValue(this.component._value)}componentWillLoad(){super.componentWillLoad(),this.validateHasCounter(this.component._hasCounter),this.validateMaxLengthBehavior(this.component._maxLengthBehavior),this.validateMaxLength(this.component._maxLength),this.validatePlaceholder(this.component._placeholder),this.validateReadOnly(this.component._readOnly),this.validateRequired(this.component._required),this.validateResize(this.component._resize),this.validateRows(this.component._rows),this.validateSpellCheck(this.component._spellCheck),this.validateValue(this.component._value)}}const S='@charset "UTF-8";\n/*\n* This file defines the layer order for all CSS layers used in KoliBri.\n* The order is important as it determines the cascade priority.\n*\n* Layer order (lowest to highest priority):\n* 1. kol-a11y - Accessibility defaults and requirements\n* 2. kol-global - Global component styles and resets\n* 3. kol-component - Component-specific styles\n* 4. kol-theme-global - Theme-specific global styles\n* 5. kol-theme-component - Theme-specific component styles\n*/\n@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;\n/* forward the rem function */\n/*\n * This file contains all rules for accessibility.\n */\n@layer kol-a11y {\n  :host {\n    /*\n                   * Minimum size of interactive elements.\n                   */\n    --a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16));\n    /*\n     * No element should be used without verifying the contrast ratio of its background and font colors.\n     * By initially setting the background color to white and the font color to black,\n     * the contrast ratio is ensured and explicit adjustment is forced.\n     */\n    color: black;\n    background-color: white;\n    /*\n     * Verdana is an accessible font that can be used without requiring additional loading time.\n     */\n    font-family: Verdana;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n    /*\n     * Text should be aligned left by default to provide a predictable starting point.\n     */\n    text-align: left;\n  }\n  * {\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    hyphens: auto;\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    word-break: break-word;\n  }\n  /*\n   * All interactive elements should have a minimum size of to-rem(44).\n   */\n  /* input:not([type=\'checkbox\'], [type=\'radio\'], [type=\'range\']), */\n  /* option, */\n  /* select, */\n  /* textarea, */\n  button,\n  .kol-input .input {\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n  }\n  /*\n   * Some interactive elements should not inherit the font-family and font-size.\n   */\n  a,\n  button,\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6,\n  input,\n  option,\n  select,\n  textarea {\n    /*\n     * All elements should inherit the text color from his parent element.\n     */\n    color: inherit;\n    /*\n     * All elements should inherit the font family from his parent element.\n     */\n    font-family: inherit;\n    /*\n     * All elements should inherit the font size from his parent element.\n     */\n    font-size: inherit;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n  }\n  /**\n  * Sometimes we need the semantic element for accessibility reasons,\n  * but we don\'t want to show it.\n  *\n  * - https://www.a11yproject.com/posts/how-to-hide-content/\n  */\n  .visually-hidden {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 1px;\n    height: 1px;\n    overflow: hidden;\n    white-space: nowrap;\n    clip-path: inset(50%);\n  }\n}\n@layer kol-global {\n  /*\n   * Dieses CSS stellt sicher, dass der Standard-Style\n   * von A und Button resettet werden.\n   */\n  :is(a, button) {\n    background-color: transparent;\n    width: 100%;\n    margin: 0;\n    padding: 0;\n    border: none;\n    /* 100% needed for custom width from outside */\n  }\n  /*\n   * Ensure elements with hidden attribute to be actually not visible\n   * @see https://meowni.ca/hidden.is.a.lie.html\n   */\n  [hidden] {\n    display: none !important;\n  }\n  .badge-text-hint {\n    color: black;\n    background-color: lightgray;\n  }\n}\n@layer kol-global {\n  :host {\n    /*\n     * The max-width is needed to prevent the table from overflowing the\n     * parent node, if the table is wider than the parent node.\n     */\n    max-width: 100%;\n    font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  * {\n    /*\n     * We prefer to box-sizing: border-box for all elements.\n     */\n    box-sizing: border-box;\n  }\n  .kol-span {\n    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n    display: flex;\n    flex-flow: column;\n    align-items: center;\n    justify-content: center;\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n  }\n  .kol-span__container {\n    display: flex;\n    align-items: center;\n  }\n  a,\n  button {\n    cursor: pointer;\n  }\n  .kol-span .kol-span__label--hide-label .kol-span__label {\n    display: none;\n  }\n  /* Reset browser agent style. */\n  button:disabled {\n    color: unset;\n  }\n  .disabled label,\n  .disabled:focus-within label,\n  [aria-disabled=true],\n  [aria-disabled=true]:focus,\n  [disabled],\n  [disabled]:focus {\n    opacity: 0.5;\n    outline: none;\n    cursor: not-allowed;\n  }\n  [aria-disabled=true]:focus .kol-span,\n  [disabled]:focus .kol-span {\n    outline: none !important;\n  }\n  .hastooltip {\n    z-index: 900 !important;\n  }\n}\n@layer kol-component {\n  :host {\n    display: block;\n  }\n}\n@font-face {\n  font-family: "kolicons";\n  src: url("kolicons.eot?t=1773990435463"); /* IE9*/\n  src: url("kolicons.eot?t=1773990435463#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1773990435463") format("woff2"), url("kolicons.woff?t=1773990435463") format("woff"), url("kolicons.ttf?t=1773990435463") format("truetype"), url("kolicons.svg?t=1773990435463#kolicons") format("svg"); /* iOS 4.1- */\n}\n[class^=kolicon-], [class*=" kolicon-"] {\n  font-family: "kolicons";\n  font-style: normal;\n  font-weight: 400;\n  line-height: 1em;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\n.kolicon-alert-error::before {\n  content: "\\ea01";\n}\n\n.kolicon-alert-info::before {\n  content: "\\ea02";\n}\n\n.kolicon-alert-success::before {\n  content: "\\ea03";\n}\n\n.kolicon-alert-warning::before {\n  content: "\\ea04";\n}\n\n.kolicon-check::before {\n  content: "\\ea05";\n}\n\n.kolicon-chevron-double-left::before {\n  content: "\\ea06";\n}\n\n.kolicon-chevron-double-right::before {\n  content: "\\ea07";\n}\n\n.kolicon-chevron-down::before {\n  content: "\\ea08";\n}\n\n.kolicon-chevron-left::before {\n  content: "\\ea09";\n}\n\n.kolicon-chevron-right::before {\n  content: "\\ea0a";\n}\n\n.kolicon-chevron-up::before {\n  content: "\\ea0b";\n}\n\n.kolicon-cogwheel::before {\n  content: "\\ea0c";\n}\n\n.kolicon-cross::before {\n  content: "\\ea0d";\n}\n\n.kolicon-eye-closed::before {\n  content: "\\ea0e";\n}\n\n.kolicon-eye::before {\n  content: "\\ea0f";\n}\n\n.kolicon-house::before {\n  content: "\\ea10";\n}\n\n.kolicon-kolibri::before {\n  content: "\\ea11";\n}\n\n.kolicon-link-external::before {\n  content: "\\ea12";\n}\n\n.kolicon-link::before {\n  content: "\\ea13";\n}\n\n.kolicon-minus::before {\n  content: "\\ea14";\n}\n\n.kolicon-plus::before {\n  content: "\\ea15";\n}\n\n.kolicon-settings::before {\n  content: "\\ea16";\n}\n\n.kolicon-sort-asc::before {\n  content: "\\ea17";\n}\n\n.kolicon-sort-desc::before {\n  content: "\\ea18";\n}\n\n.kolicon-sort-neutral::before {\n  content: "\\ea19";\n}\n\n.kolicon-up::before {\n  content: "\\ea1a";\n}\n\n.kolicon-version::before {\n  content: "\\ea1b";\n}\n\n@layer kol-component {\n  .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\n  .kol-tooltip {\n    display: contents;\n  }\n  .kol-tooltip__floating {\n    opacity: 0;\n    display: none;\n    position: fixed;\n    /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\n    top: 0;\n    left: 0;\n    /* Can be used to specify the tooltip-width from the outside. Unset by default.  */\n    width: var(--kol-tooltip-width, max-content);\n    min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\n    max-width: 90vw;\n    max-height: 90vh;\n    animation-direction: normal;\n    /* Can be used to specify the animation duration from the outside. 250ms by default. */\n    animation-duration: var(--kolibri-tooltip-animation-duration, 250ms);\n    animation-fill-mode: forwards;\n    animation-iteration-count: 1;\n    animation-timing-function: ease-in;\n  }\n  .kol-tooltip__floating.hide {\n    animation-name: hideTooltip;\n  }\n  .kol-tooltip__floating.show {\n    animation-name: showTooltip;\n  }\n  .kol-tooltip__arrow {\n    transform: rotate(45deg);\n    color: #000;\n    background-color: #fff;\n    position: absolute;\n    z-index: 999;\n    width: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\n    height: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-tooltip__content {\n    color: #000;\n    background-color: #fff;\n    position: relative;\n    z-index: 1000;\n  }\n  @keyframes hideTooltip {\n    0% {\n      opacity: 1;\n    }\n    100% {\n      opacity: 0;\n      display: none;\n    }\n  }\n  @keyframes showTooltip {\n    0% {\n      opacity: 0;\n    }\n    100% {\n      opacity: 1;\n    }\n  }\n}\n@layer kol-component {\n  .kol-alert .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\n  .kol-alert :host {\n    display: inline-block;\n  }\n  .kol-alert .kol-button {\n    display: flex;\n    min-height: var(--a11y-min-size);\n    font-style: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n    text-decoration-line: none;\n  }\n  .kol-alert .kol-button::before {\n    /* Render zero-width character as first element to set the baseline correctly. */\n    content: "​";\n  }\n  .kol-alert .kol-button__text {\n    flex: 1 0 100%;\n  }\n  .kol-alert {\n    display: grid;\n  }\n  .kol-alert__container {\n    display: flex;\n    place-items: center;\n  }\n  .kol-alert__container-content {\n    flex-grow: 1;\n  }\n  .kol-alert__closer {\n    /* Visible with forced colors */\n    outline: transparent solid calc(1 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field {\n    display: grid;\n  }\n  .kol-form-field:not(.kol-form-field--disabled) .kol-form-field__label {\n    cursor: pointer;\n  }\n  .kol-form-field__label-text {\n    flex-flow: row;\n    align-items: flex-start;\n    justify-content: flex-start;\n  }\n  .kol-form-field--disabled .kol-form-field__label {\n    opacity: 0.5;\n  }\n  .kol-form-field--required .kol-form-field__label-text:not(:has(> [name]))::after,\n  .kol-form-field--required .kol-form-field__tooltip .span-label::after {\n    content: "*"/"";\n  }\n  .kol-form-field--disabled .kol-form-field__hint {\n    opacity: 0.5;\n  }\n  .kol-input-container {\n    background-color: transparent;\n    display: grid;\n    width: 100%;\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n    align-items: center;\n    grid-template-columns: 1fr;\n  }\n  .kol-input-container:has(> .kol-input-container__adornment--start) {\n    grid-template-columns: auto 1fr auto;\n  }\n  .kol-input-container__container {\n    position: relative;\n  }\n  .kol-input-container__adornment {\n    display: flex;\n    align-items: center;\n  }\n  .kol-input-container__adornment .kol-icon {\n    display: grid;\n    min-height: var(--a11y-min-size);\n    place-items: center;\n  }\n  .kol-textarea {\n    width: 100%;\n  }\n  .kol-textarea:focus {\n    outline: none;\n  }\n}',q=e=>{e.style.overflow="hidden";const n=e.rows,t=e.clientHeight/n;e.rows=1;const o=Math.round(e.scrollHeight/t);return e.rows=n,o},A=class{async getValue(){var e;return null===(e=this.textareaRef)||void 0===e?void 0:e.value}async focus(){return new Promise(e=>{requestAnimationFrame(()=>{var n;null===(n=this.textareaRef)||void 0===n||n.focus(),e()})})}getFormFieldProps(){return{state:this.state,class:i("kol-form-field-textarea",{"kol-form-field--has-value":this.state._hasValue,"kol-form-field--has-counter":this.controller.hasSoftCharacterLimit()||this.controller.hasCounter()}),tooltipAlign:this._tooltipAlign,alert:this.showAsAlert()}}getTextAreaProps(){const e="number"==typeof this.state._maxLength?[`${this.state._id}-character-limit-hint`]:void 0;return Object.assign(Object.assign({ref:this.catchRef,state:this.state,style:{resize:this.state._resize},ariaDescribedBy:e},this.controller.onFacade),{onInput:this.onInput,onFocus:e=>{this.controller.onFacade.onFocus(e),this.inputHasFocus=!0},onBlur:e=>{this.controller.onFacade.onBlur(e),this.inputHasFocus=!1}})}render(){return n(r,Object.assign({key:"8dfc2cd97333524309dc4f5a04092e0128915a5e"},this.getFormFieldProps()),n(h,{key:"dc68bc2fa18c67785571d551339d38629f4971da",state:this.state},n(L,Object.assign({key:"952d81247a37f85693bf355d9128e7b2697de151"},this.getTextAreaProps()))))}constructor(n){e(this,n),this.catchRef=e=>{this.textareaRef=e},this._adjustHeight=!1,this._disabled=!1,this._hideMsg=!1,this._hideLabel=!1,this._hint="",this._hasCounter=!1,this._maxLengthBehavior="hard",this._readOnly=!1,this._resize="vertical",this._required=!1,this._tooltipAlign="top",this._touched=!1,this.state={_adjustHeight:!1,_currentLength:0,_currentLengthDebounced:0,_hasValue:!1,_hideMsg:!1,_id:`id-${p()}`,_label:"",_resize:"vertical"},this.inputHasFocus=!1,this.onInput=e=>{this.textareaRef instanceof HTMLTextAreaElement&&(this._value=this.textareaRef.value,this.state._adjustHeight&&(this._rows=q(this.textareaRef)),this.controller.onFacade.onInput(e))},this.controller=new T(this,"textarea",this.host)}showAsAlert(){return Boolean(this.state._touched)&&!this.inputHasFocus}validateAccessKey(e){this.controller.validateAccessKey(e)}validateAdjustHeight(e){this.controller.validateAdjustHeight(e)}validateDisabled(e){this.controller.validateDisabled(e)}validateHideMsg(e){this.controller.validateHideMsg(e)}validateHideLabel(e){this.controller.validateHideLabel(e)}validateHasCounter(e){this.controller.validateHasCounter(e)}validateHint(e){this.controller.validateHint(e)}validateIcons(e){this.controller.validateIcons(e)}validateLabel(e){this.controller.validateLabel(e)}validateMaxLength(e){this.controller.validateMaxLength(e)}validateMaxLengthBehavior(e){this.controller.validateMaxLengthBehavior(e)}validateMsg(e){this.controller.validateMsg(e)}validateName(e){this.controller.validateName(e)}validateOn(e){this.controller.validateOn(e)}validatePlaceholder(e){this.controller.validatePlaceholder(e)}validateReadOnly(e){this.controller.validateReadOnly(e)}validateResize(e){this.controller.validateResize(e)}validateRequired(e){this.controller.validateRequired(e)}validateRows(e){this.controller.validateRows(e)}validateShortKey(e){this.controller.validateShortKey(e)}validateSpellCheck(e){this.controller.validateSpellCheck(e)}validateSyncValueBySelector(e){this.controller.validateSyncValueBySelector(e)}validateTouched(e){this.controller.validateTouched(e)}validateValue(e){this.controller.validateValue(e)}componentDidLoad(){setTimeout(()=>{var e;!0===this._adjustHeight&&this.textareaRef?this._rows=(null===(e=this.state)||void 0===e?void 0:e._rows)&&this.state._rows>q(this.textareaRef)?this.state._rows:q(this.textareaRef):this._rows||(this._rows=1)})}componentWillLoad(){this._touched=!0===this._touched,this.controller.componentWillLoad(),this.state._hasValue=!!this.state._value,this.controller.addValueChangeListener(e=>this.state._hasValue=!!e)}get host(){return t(this)}static get watchers(){return{_accessKey:["validateAccessKey"],_adjustHeight:["validateAdjustHeight"],_disabled:["validateDisabled"],_hideMsg:["validateHideMsg"],_hideLabel:["validateHideLabel"],_hasCounter:["validateHasCounter"],_hint:["validateHint"],_icons:["validateIcons"],_label:["validateLabel"],_maxLength:["validateMaxLength"],_maxLengthBehavior:["validateMaxLengthBehavior"],_msg:["validateMsg"],_name:["validateName"],_on:["validateOn"],_placeholder:["validatePlaceholder"],_readOnly:["validateReadOnly"],_resize:["validateResize"],_required:["validateRequired"],_rows:["validateRows"],_shortKey:["validateShortKey"],_spellCheck:["validateSpellCheck"],_syncValueBySelector:["validateSyncValueBySelector"],_touched:["validateTouched"],_value:["validateValue"]}}};A.style={default:S};export{A as kol_textarea};
+import{h as n,r as e,g as t}from"./index-B8-Psqw5.js";import{c as i}from"./clsx-COFh-Vc8.js";import{i as o,d as a,g as l,a as s,F as r}from"./FormFieldStateWrapper-IvHw4Awz.js";import{I as d,a as c}from"./controller-icon-zJSrVBl2.js";import{_ as h}from"./tslib.es6-CxX45GIN.js";import{b as f,g as m}from"./common-BIkdAxr0.js";import{n as p}from"./dev.utils-CDB3zpcq.js";import{a as u,v as b,b as k}from"./max-length-behavior-BfK6OnzA.js";import{v}from"./placeholder-D8vH7TM6.js";import{v as y}from"./read-only-C5tWj8H1.js";import{v as g}from"./required-Dt9l4wUg.js";import{v as w}from"./rows-CN7sG0G_.js";import{v as _}from"./spell-check-BcvxI-Fn.js";import"./access-and-short-key-CPX70LXd.js";import"./disabled-BdPI9eda.js";import"./hide-label-ByItyHgV.js";import"./label-C18ud7Yt.js";import"./tooltip-align-DodV1tEH.js";import"./align-DDUsWnWP.js";import"./events-DHTi_wtD.js";import"./associated.controller-DKliwG01.js";import"./bootstrap-7FNy-lUW.js";import"./component-names-C64MXeC1.js";import"./i18n-B0tfVPMa.js";import"./isObject-BJgq02Md.js";import"./isArray-CcrBs4JM.js";import"./component-BEFjEo85.js";import"./bem-registry-ClssJ_nC.js";import"./component-DARFRgRf.js";import"./i18n-DvMeCREp.js";import"./Alert-Bf3zI0Oz.js";import"./Heading-De11apd1.js";import"./icons-CmA8Oww0.js";const x=["vertical","none"],j=e=>"string"==typeof e&&x.includes(e),z=(e,n)=>{f(e,"_resize",j,new Set(x),n,{defaultValue:"vertical"})},B=e=>{const{class:t,msg:r,touched:s,readonly:c,disabled:d,required:m,ariaDescribedBy:f,hideLabel:u,label:p}=e,b=h(e,["class","msg","touched","readonly","disabled","required","ariaDescribedBy","hideLabel","label"]),v={"kol-textarea--disabled":Boolean(d),"kol-textarea--required":Boolean(m),"kol-textarea--touched":Boolean(s),"kol-textarea--readonly":Boolean(c),[`kol-textarea--${l(r)}`]:o(r,s)},g=Object.assign(Object.assign({class:i("kol-textarea",v,t),required:m,disabled:d,readonly:c},a({ariaDescribedBy:f,hideLabel:u,label:p})),b);return n("textarea",Object.assign({},g))};function L(e,n){var t;const o=[...s(e).ariaDescribedBy,...null!==(t=n.ariaDescribedBy)&&void 0!==t?t:[]],i=Object.assign(Object.assign({id:e._id,hideLabel:e._hideLabel,label:e._label,value:e._value,accessKey:e._accessKey,disabled:e._disabled,name:e._name,rows:e._rows,readonly:e._readOnly,required:e._required,placeholder:e._placeholder,touched:e._touched,msg:e._msg},n),{ariaDescribedBy:o});return"_maxLength"in e&&"_maxLengthBehavior"in e&&"hard"===e._maxLengthBehavior&&(i.maxLength=e._maxLength),"_shortKey"in e&&(i["aria-keyshortcuts"]=e._shortKey),i}const C=e=>{var{state:t}=e,o=h(e,["state"]);return n(B,Object.assign({},L(t,o)))};class T extends d{constructor(e,n,t){super(e,n,t),this.afterSyncCharCounter=()=>{"string"==typeof this.component._value&&(this.component.state._currentLength=this.component._value.length,this.updateCurrentLengthDebounced(this.component._value.length))},this.component=e}validateHasCounter(e){u(this.component,e)}validateMaxLengthBehavior(e){b(this.component,e)}validateMaxLength(e){k(this.component,e,{hooks:{afterPatch:this.afterSyncCharCounter}})}validatePlaceholder(e){v(this.component,e)}validateReadOnly(e){y(this.component,e)}validateResize(e){z(this.component,e)}validateRequired(e){g(this.component,e)}validateRows(e){w(this.component,e)}validateSpellCheck(e){_(this.component,e)}validateValue(e){m(this.component,"_value",e,{hooks:{afterPatch:this.afterSyncCharCounter}}),this.setFormAssociatedValue(this.component._value)}componentWillLoad(){super.componentWillLoad(),this.validateHasCounter(this.component._hasCounter),this.validateMaxLengthBehavior(this.component._maxLengthBehavior),this.validateMaxLength(this.component._maxLength),this.validatePlaceholder(this.component._placeholder),this.validateReadOnly(this.component._readOnly),this.validateRequired(this.component._required),this.validateResize(this.component._resize),this.validateRows(this.component._rows),this.validateSpellCheck(this.component._spellCheck),this.validateValue(this.component._value)}}const A='@charset "UTF-8";\n/*\n* This file defines the layer order for all CSS layers used in KoliBri.\n* The order is important as it determines the cascade priority.\n*\n* Layer order (lowest to highest priority):\n* 1. kol-a11y - Accessibility defaults and requirements\n* 2. kol-global - Global component styles and resets\n* 3. kol-component - Component-specific styles\n* 4. kol-theme-global - Theme-specific global styles\n* 5. kol-theme-component - Theme-specific component styles\n*/\n@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;\n/* forward the rem function */\n/*\n * This file contains all rules for accessibility.\n */\n@layer kol-a11y {\n  :host {\n    /*\n                   * Minimum size of interactive elements.\n                   */\n    --a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16));\n    /*\n     * No element should be used without verifying the contrast ratio of its background and font colors.\n     * By initially setting the background color to white and the font color to black,\n     * the contrast ratio is ensured and explicit adjustment is forced.\n     */\n    color: black;\n    background-color: white;\n    /*\n     * Verdana is an accessible font that can be used without requiring additional loading time.\n     */\n    font-family: Verdana;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n    /*\n     * Text should be aligned left by default to provide a predictable starting point.\n     */\n    text-align: left;\n  }\n  * {\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    hyphens: auto;\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    word-break: break-word;\n  }\n  /*\n   * All interactive elements should have a minimum size of to-rem(44).\n   */\n  /* input:not([type=\'checkbox\'], [type=\'radio\'], [type=\'range\']), */\n  /* option, */\n  /* select, */\n  /* textarea, */\n  button,\n  .kol-input .input {\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n  }\n  /*\n   * Some interactive elements should not inherit the font-family and font-size.\n   */\n  a,\n  button,\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6,\n  input,\n  option,\n  select,\n  textarea {\n    /*\n     * All elements should inherit the text color from his parent element.\n     */\n    color: inherit;\n    /*\n     * All elements should inherit the font family from his parent element.\n     */\n    font-family: inherit;\n    /*\n     * All elements should inherit the font size from his parent element.\n     */\n    font-size: inherit;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n  }\n  /**\n  * Sometimes we need the semantic element for accessibility reasons,\n  * but we don\'t want to show it.\n  *\n  * - https://www.a11yproject.com/posts/how-to-hide-content/\n  */\n  .visually-hidden {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 1px;\n    height: 1px;\n    overflow: hidden;\n    white-space: nowrap;\n    clip-path: inset(50%);\n  }\n}\n@layer kol-global {\n  /*\n   * Dieses CSS stellt sicher, dass der Standard-Style\n   * von A und Button resettet werden.\n   */\n  :is(a, button) {\n    background-color: transparent;\n    width: 100%;\n    margin: 0;\n    padding: 0;\n    border: none;\n    /* 100% needed for custom width from outside */\n  }\n  /*\n   * Ensure elements with hidden attribute to be actually not visible\n   * @see https://meowni.ca/hidden.is.a.lie.html\n   */\n  [hidden] {\n    display: none !important;\n  }\n  .badge-text-hint {\n    color: black;\n    background-color: lightgray;\n  }\n}\n@layer kol-global {\n  :host {\n    /*\n     * The max-width is needed to prevent the table from overflowing the\n     * parent node, if the table is wider than the parent node.\n     */\n    max-width: 100%;\n    font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  * {\n    /*\n     * We prefer to box-sizing: border-box for all elements.\n     */\n    box-sizing: border-box;\n  }\n  .kol-span {\n    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n    display: flex;\n    flex-flow: column;\n    align-items: center;\n    justify-content: center;\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n  }\n  .kol-span__container {\n    display: flex;\n    align-items: center;\n  }\n  a,\n  button {\n    cursor: pointer;\n  }\n  .kol-span .kol-span__label--hide-label .kol-span__label {\n    display: none;\n  }\n  /* Reset browser agent style. */\n  button:disabled {\n    color: unset;\n  }\n  .disabled label,\n  .disabled:focus-within label,\n  [aria-disabled=true],\n  [aria-disabled=true]:focus,\n  [disabled],\n  [disabled]:focus {\n    opacity: 0.5;\n    outline: none;\n    cursor: not-allowed;\n  }\n  [aria-disabled=true]:focus .kol-span,\n  [disabled]:focus .kol-span {\n    outline: none !important;\n  }\n  .hastooltip {\n    z-index: 900 !important;\n  }\n}\n@layer kol-component {\n  :host {\n    display: block;\n  }\n}\n@font-face {\n  font-family: "kolicons";\n  src: url("kolicons.eot?t=1774433546045"); /* IE9*/\n  src: url("kolicons.eot?t=1774433546045#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1774433546045") format("woff2"), url("kolicons.woff?t=1774433546045") format("woff"), url("kolicons.ttf?t=1774433546045") format("truetype"), url("kolicons.svg?t=1774433546045#kolicons") format("svg"); /* iOS 4.1- */\n}\n[class^=kolicon-], [class*=" kolicon-"] {\n  font-family: "kolicons";\n  font-style: normal;\n  font-weight: 400;\n  line-height: 1em;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\n.kolicon-alert-error::before {\n  content: "\\ea01";\n}\n\n.kolicon-alert-info::before {\n  content: "\\ea02";\n}\n\n.kolicon-alert-success::before {\n  content: "\\ea03";\n}\n\n.kolicon-alert-warning::before {\n  content: "\\ea04";\n}\n\n.kolicon-check::before {\n  content: "\\ea05";\n}\n\n.kolicon-chevron-double-left::before {\n  content: "\\ea06";\n}\n\n.kolicon-chevron-double-right::before {\n  content: "\\ea07";\n}\n\n.kolicon-chevron-down::before {\n  content: "\\ea08";\n}\n\n.kolicon-chevron-left::before {\n  content: "\\ea09";\n}\n\n.kolicon-chevron-right::before {\n  content: "\\ea0a";\n}\n\n.kolicon-chevron-up::before {\n  content: "\\ea0b";\n}\n\n.kolicon-cogwheel::before {\n  content: "\\ea0c";\n}\n\n.kolicon-cross::before {\n  content: "\\ea0d";\n}\n\n.kolicon-eye-closed::before {\n  content: "\\ea0e";\n}\n\n.kolicon-eye::before {\n  content: "\\ea0f";\n}\n\n.kolicon-house::before {\n  content: "\\ea10";\n}\n\n.kolicon-kolibri::before {\n  content: "\\ea11";\n}\n\n.kolicon-link-external::before {\n  content: "\\ea12";\n}\n\n.kolicon-link::before {\n  content: "\\ea13";\n}\n\n.kolicon-minus::before {\n  content: "\\ea14";\n}\n\n.kolicon-plus::before {\n  content: "\\ea15";\n}\n\n.kolicon-settings::before {\n  content: "\\ea16";\n}\n\n.kolicon-sort-asc::before {\n  content: "\\ea17";\n}\n\n.kolicon-sort-desc::before {\n  content: "\\ea18";\n}\n\n.kolicon-sort-neutral::before {\n  content: "\\ea19";\n}\n\n.kolicon-up::before {\n  content: "\\ea1a";\n}\n\n.kolicon-version::before {\n  content: "\\ea1b";\n}\n\n@layer kol-component {\n  .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\n  .kol-tooltip {\n    display: contents;\n  }\n  .kol-tooltip__floating {\n    opacity: 0;\n    display: none;\n    position: fixed;\n    /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\n    top: 0;\n    left: 0;\n    /* Can be used to specify the tooltip-width from the outside. Unset by default.  */\n    width: var(--kol-tooltip-width, max-content);\n    min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\n    max-width: 90vw;\n    max-height: 90vh;\n    animation-direction: normal;\n    /* Can be used to specify the animation duration from the outside. 250ms by default. */\n    animation-duration: var(--kolibri-tooltip-animation-duration, 250ms);\n    animation-fill-mode: forwards;\n    animation-iteration-count: 1;\n    animation-timing-function: ease-in;\n  }\n  .kol-tooltip__floating.hide {\n    animation-name: hideTooltip;\n  }\n  .kol-tooltip__floating.show {\n    animation-name: showTooltip;\n  }\n  .kol-tooltip__arrow {\n    transform: rotate(45deg);\n    color: #000;\n    background-color: #fff;\n    position: absolute;\n    z-index: 999;\n    width: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\n    height: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-tooltip__content {\n    color: #000;\n    background-color: #fff;\n    position: relative;\n    z-index: 1000;\n  }\n  @keyframes hideTooltip {\n    0% {\n      opacity: 1;\n    }\n    100% {\n      opacity: 0;\n      display: none;\n    }\n  }\n  @keyframes showTooltip {\n    0% {\n      opacity: 0;\n    }\n    100% {\n      opacity: 1;\n    }\n  }\n}\n@layer kol-component {\n  .kol-alert .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\n  .kol-alert :host {\n    display: inline-block;\n  }\n  .kol-alert .kol-button {\n    display: flex;\n    min-height: var(--a11y-min-size);\n    font-style: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n    text-decoration-line: none;\n  }\n  .kol-alert .kol-button::before {\n    /* Render zero-width character as first element to set the baseline correctly. */\n    content: "​";\n  }\n  .kol-alert .kol-button__text {\n    flex: 1 0 100%;\n  }\n  .kol-alert {\n    display: grid;\n  }\n  .kol-alert__container {\n    display: flex;\n    place-items: center;\n  }\n  .kol-alert__container-content {\n    flex-grow: 1;\n  }\n  .kol-alert__closer {\n    /* Visible with forced colors */\n    outline: transparent solid calc(1 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field {\n    display: grid;\n  }\n  .kol-form-field:not(.kol-form-field--disabled) .kol-form-field__label {\n    cursor: pointer;\n  }\n  .kol-form-field__label-text {\n    flex-flow: row;\n    align-items: flex-start;\n    justify-content: flex-start;\n  }\n  .kol-form-field--disabled .kol-form-field__label {\n    opacity: 0.5;\n  }\n  .kol-form-field--required .kol-form-field__label-text:not(:has(> [name]))::after,\n  .kol-form-field--required .kol-form-field__tooltip .span-label::after {\n    content: "*"/"";\n  }\n  .kol-form-field--disabled .kol-form-field__hint {\n    opacity: 0.5;\n  }\n  .kol-input-container {\n    background-color: transparent;\n    display: grid;\n    width: 100%;\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n    align-items: center;\n    grid-template-columns: 1fr;\n  }\n  .kol-input-container:has(> .kol-input-container__adornment--start) {\n    grid-template-columns: auto 1fr auto;\n  }\n  .kol-input-container__container {\n    position: relative;\n  }\n  .kol-input-container__adornment {\n    display: flex;\n    align-items: center;\n  }\n  .kol-input-container__adornment .kol-icon {\n    display: grid;\n    min-height: var(--a11y-min-size);\n    place-items: center;\n  }\n  .kol-textarea {\n    width: 100%;\n  }\n  .kol-textarea:focus {\n    outline: none;\n  }\n}',S=e=>{e.style.overflow="hidden";const n=e.rows,t=e.clientHeight/n;e.rows=1;const o=Math.round(e.scrollHeight/t);return e.rows=n,o},q=class{async getValue(){var e;return null===(e=this.textareaRef)||void 0===e?void 0:e.value}async focus(){return new Promise(e=>{requestAnimationFrame(()=>{var n;null===(n=this.textareaRef)||void 0===n||n.focus(),e()})})}getFormFieldProps(){return{state:this.state,class:i("kol-form-field-textarea",{"kol-form-field--has-value":this.state._hasValue,"kol-form-field--has-counter":this.controller.hasSoftCharacterLimit()||this.controller.hasCounter()}),tooltipAlign:this._tooltipAlign,alert:this.showAsAlert()}}getTextAreaProps(){const e="number"==typeof this.state._maxLength?[`${this.state._id}-character-limit-hint`]:void 0;return Object.assign(Object.assign({ref:this.catchRef,state:this.state,style:{resize:this.state._resize},ariaDescribedBy:e},this.controller.onFacade),{onInput:this.onInput,onFocus:e=>{this.controller.onFacade.onFocus(e),this.inputHasFocus=!0},onBlur:e=>{this.controller.onFacade.onBlur(e),this.inputHasFocus=!1}})}render(){return n(r,Object.assign({key:"ccad29ea52a17515c2e2f7116377a01933b84644"},this.getFormFieldProps()),n(c,{key:"c6fc893702610a94c57c0278ae41f9e75fbe86b3",state:this.state},n(C,Object.assign({key:"1480c910d2cefc22e61be7dcf0e7a83321113ef0"},this.getTextAreaProps()))))}constructor(n){e(this,n),this.catchRef=e=>{this.textareaRef=e},this._adjustHeight=!1,this._disabled=!1,this._hideMsg=!1,this._hideLabel=!1,this._hint="",this._hasCounter=!1,this._maxLengthBehavior="hard",this._readOnly=!1,this._resize="vertical",this._required=!1,this._tooltipAlign="top",this._touched=!1,this.state={_adjustHeight:!1,_currentLength:0,_currentLengthDebounced:0,_hasValue:!1,_hideMsg:!1,_id:`id-${p()}`,_label:"",_resize:"vertical"},this.inputHasFocus=!1,this.onInput=e=>{this.textareaRef instanceof HTMLTextAreaElement&&(this._value=this.textareaRef.value,this.state._adjustHeight&&(this._rows=S(this.textareaRef)),this.controller.onFacade.onInput(e))},this.controller=new T(this,"textarea",this.host)}showAsAlert(){return Boolean(this.state._touched)&&!this.inputHasFocus}validateAccessKey(e){this.controller.validateAccessKey(e)}validateAdjustHeight(e){this.controller.validateAdjustHeight(e)}validateDisabled(e){this.controller.validateDisabled(e)}validateHideMsg(e){this.controller.validateHideMsg(e)}validateHideLabel(e){this.controller.validateHideLabel(e)}validateHasCounter(e){this.controller.validateHasCounter(e)}validateHint(e){this.controller.validateHint(e)}validateIcons(e){this.controller.validateIcons(e)}validateLabel(e){this.controller.validateLabel(e)}validateMaxLength(e){this.controller.validateMaxLength(e)}validateMaxLengthBehavior(e){this.controller.validateMaxLengthBehavior(e)}validateMsg(e){this.controller.validateMsg(e)}validateName(e){this.controller.validateName(e)}validateOn(e){this.controller.validateOn(e)}validatePlaceholder(e){this.controller.validatePlaceholder(e)}validateReadOnly(e){this.controller.validateReadOnly(e)}validateResize(e){this.controller.validateResize(e)}validateRequired(e){this.controller.validateRequired(e)}validateRows(e){this.controller.validateRows(e)}validateShortKey(e){this.controller.validateShortKey(e)}validateSpellCheck(e){this.controller.validateSpellCheck(e)}validateSyncValueBySelector(e){this.controller.validateSyncValueBySelector(e)}validateTouched(e){this.controller.validateTouched(e)}validateValue(e){this.controller.validateValue(e)}componentDidLoad(){setTimeout(()=>{var e;!0===this._adjustHeight&&this.textareaRef?this._rows=(null===(e=this.state)||void 0===e?void 0:e._rows)&&this.state._rows>S(this.textareaRef)?this.state._rows:S(this.textareaRef):this._rows||(this._rows=1)})}componentWillLoad(){this._touched=!0===this._touched,this.controller.componentWillLoad(),this.state._hasValue=!!this.state._value,this.controller.addValueChangeListener(e=>this.state._hasValue=!!e)}get host(){return t(this)}static get watchers(){return{_accessKey:["validateAccessKey"],_adjustHeight:["validateAdjustHeight"],_disabled:["validateDisabled"],_hideMsg:["validateHideMsg"],_hideLabel:["validateHideLabel"],_hasCounter:["validateHasCounter"],_hint:["validateHint"],_icons:["validateIcons"],_label:["validateLabel"],_maxLength:["validateMaxLength"],_maxLengthBehavior:["validateMaxLengthBehavior"],_msg:["validateMsg"],_name:["validateName"],_on:["validateOn"],_placeholder:["validatePlaceholder"],_readOnly:["validateReadOnly"],_resize:["validateResize"],_required:["validateRequired"],_rows:["validateRows"],_shortKey:["validateShortKey"],_spellCheck:["validateSpellCheck"],_syncValueBySelector:["validateSyncValueBySelector"],_touched:["validateTouched"],_value:["validateValue"]}}};q.style={default:A};export{q as kol_textarea};