@public-ui/components 4.5.0-rc.8 → 4.5.0

package/dist/kolibri/{base-Dvr4F_Pr.js → base-BwsdAVVP.js}

@@ -1,5 +1,5 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{r as t}from"./aria-labelledby-BRToXqsQ.js";import{G as e,L as n,p as o}from"./common-BqpMtheU.js";import{h as s,F as l,f as i}from"./index-DAKQV03B.js";import{c as a,e as r,n as c,a as d,B as u,v as f}from"./base-web-component-3R1Dy3QK.js";import{c as h}from"./item-DuBSR8BS.js";import{c as b}from"./item-pool-BOxAYePG.js";import{c as p}from"./item-Dkm57tce.js";import{l as v}from"./label-with-expert-slot-CocPu9HB.js";import{v as m}from"./variant-CeijQFzL.js";import{c as y,d as g,e as k}from"./component-names-Dhbtt0mX.js";import{t as j}from"./i18n-BaCf-SDK.js";import{c as C}from"./component-sf_0WjJF.js";import{b as S}from"./bem-registry-CX5kvaqt.js";import{B as w}from"./component-DhBTawyT.js";import{B as _}from"./component-CmBM-Y1C.js";import{I as x}from"./component-DKS73hKY.js";import{L as O}from"./api-T-JuZMlj.js";import{S as $}from"./component-G9vQ1mQA.js";import{T as D}from"./component-CvhmYY4a.js";import{a as B}from"./tslib.es6-QNbPBOk5.js";import{n as F,c as L}from"./dev.utils-BGy8dbtQ.js";import{d as T,K as A}from"./events-CRHxtwup.js";import{A as I}from"./component-BjWF1SyZ.js";import{c as z}from"./element-interaction-Cy9tx3Sx.js";import{u as M,l as E,d as K,D as H}from"./scroll-lock-DRNyw9qH.js";import{h as P}from"./tooltip-open-tracking-D3tCiiGP.js";import{l as R}from"./level-Q5lBISho.js";import{d as N,w as Q}from"./width-BDh5pZvE.js";import{l as W}from"./label-c9P7yC4V.js";import{r as q,C as G}from"./component-BaD1OTyv.js";import{T as Y}from"./behavior-D1kOlK6p.js";import{C as V}from"./keyboard-DNd73LVa.js";const X=(o,s,l,i)=>{const a=t=>typeof t==="string"||typeof t==="undefined";e(o,"_ariaLabelledby",a,new Set(["string"]),i);if(!a(i)){return[]}const r=t(s,i);if(l){try{l.ariaLabelledByElements=r}catch(t){}n.debug(["WebComponent internals",l])}return r};const Z=t=>typeof t==="number"&&Number.isInteger(t)&&t>=0;const J=a("fixedCols",[0,0],(t=>r(t)),(t=>t.length===2&&t.every(Z)));const U=a("hasSettingsMenu",false,c);const tt=d();function et(t){const e=typeof t==="string"?o(t):t;if(Array.isArray(e)){return e}throw new Error("Invalid table data: expected an array of row objects.")}function nt(t){return t.every((t=>typeof t==="object"&&t!==null))}const ot=a("data",[],et,nt);const st=a("dataFoot",[],et,nt);const lt=t=>Array.isArray(t)&&t.every((t=>Array.isArray(t)));function it(t){const e=typeof t==="string"?o(t):t;if(typeof e!=="object"||e===null){throw new Error("Invalid table headers: expected an object.")}const{horizontal:n=[],vertical:s=[]}=e;if(!lt(n)||!lt(s)){throw new Error("Invalid table headers: horizontal and vertical must be arrays of header rows.")}return{horizontal:n,vertical:s}}function at({horizontal:t,vertical:e}){return[...t,...e].every((t=>t.every((t=>t.width===undefined||typeof t.width==="number"))))}const rt=a("headers",{horizontal:[],vertical:[]},it,at);const ct=a("loading",false,c);function dt(t){const e=typeof t==="string"?o(t):t;if(typeof e==="object"&&e!==null){return e}throw new Error("Invalid table selection: expected an object.")}function ut(t){return t===false||typeof t.label==="function"&&(!t.selectedKeys||Array.isArray(t.selectedKeys))}const ft=a("selection",false,dt,ut);const ht={required:[v,ot],optional:[J,U,tt,st,rt,ct,ft,m]};const bt=t=>t.flatMap((t=>t.filter((t=>typeof t.key==="string"||typeof t.render==="function"))));const pt=t=>{const e=bt(t.horizontal);if(e.length>0){return{cells:e,horizontal:true}}const n=bt(t.vertical);return{cells:n,horizontal:n.length===0}};const vt=(t,e)=>{let n=0;if(Array.isArray(t)){t.forEach((t=>{var o;n+=(o=t[e])!==null&&o!==void 0?o:1}))}return n};const mt=(t,e)=>{const n=Math.max(0,...t.map((t=>vt(t,"colSpan"))));return n===0?e.length:n};const yt=(t,e,n)=>{const o=Math.max(0,...t.map((t=>vt(t,"rowSpan"))));return o===0?e.length:o-n};const gt=t=>{var e;return(e=t===null||t===void 0?void 0:t.reduce(((t,e)=>{if("visible"in e&&e.visible===false){return t}return t+(e.colSpan||1)}),0))!==null&&e!==void 0?e:0};const kt=(t,e,n,o)=>{if(o===undefined||e){return undefined}if(o<t[0]){return"left"}if(t[1]>0&&o>=n-t[1]){return"right"}return undefined};const jt=(t,e,n,o)=>{var s,l,i,a,r,c;const d=[];for(let a=0;a<e;a++){if(kt(n,o,e,a)==="left"){d[a]=((s=d[a-1])!==null&&s!==void 0?s:0)+((i=(l=t[a-1])===null||l===void 0?void 0:l.width)!==null&&i!==void 0?i:0)}}for(let s=e-1;s>=0;s--){if(kt(n,o,e,s)==="right"){d[s]=((a=d[s+1])!==null&&a!==void 0?a:0)+((c=(r=t[s+1])===null||r===void 0?void 0:r.width)!==null&&c!==void 0?c:0)}}return d};const Ct=(t,e,n,o)=>{const s=e===undefined?undefined:t[e];if(n&&o){return`calc( var(--kol-table-selection-col-width) + ${s}px)`}return`${s}px`};const St=(t,e,n,o)=>{const s=e.horizontal?t.horizontal:t.vertical;if(s.length===0)return undefined;const l=e.cells[n];if((l===null||l===void 0?void 0:l.type)===o){return l}return undefined};const wt=({data:t,dataFoot:e,headers:n,isFoot:o,noEntriesLabel:s,primaryHeaders:l})=>{const i=mt(n.horizontal,t);const a=l.cells;let r=yt(n.vertical,t,e.length);let c=0;if(o){c=r;r+=e.length}const d=[];const u=[];const f=[];n.vertical.forEach(((t,e)=>{u[e]=0;f[e]=[]}));for(let s=c;s<r;s++){const r=[];n.vertical.forEach(((t,e)=>{let n=0;f[e].forEach((t=>n+=t));if(n<=s){const o=t[s-n+u[e]];if(typeof o==="object"){r.push(Object.assign(Object.assign({},o),{headerCell:true,data:{}}));let t=1;if(typeof o.rowSpan==="number"&&o.rowSpan>1){t=o.rowSpan}f[e].push(t);if(typeof o.colSpan==="number"&&o.colSpan>1){for(let n=1;n<o.colSpan;n++){f[e+n].push(t)}}u[e]++}}}));for(let n=0;n<i;n++){if(l.horizontal){const l=o?e[s-c]:t[s];const i=a[n];if(typeof i==="object"&&i!==null&&typeof l==="object"&&l!==null){r.push(Object.assign(Object.assign({},i),{colIndex:n,colSpan:undefined,rowSpan:undefined,data:l,label:l[i.key]}))}}else{const e=a[s];if(typeof e==="object"&&e!==null&&typeof t[n]==="object"&&t[n]!==null){r.push(Object.assign(Object.assign({},e),{colIndex:n,colSpan:undefined,rowSpan:undefined,data:t[n],label:t[n][e.key]}))}}}d.push(r)}if(t.length===0){let t=gt(n.horizontal[0]);let e=0;if(n.vertical.length>0){t-=n.vertical.length;n.vertical[0].forEach((t=>{e+=t.rowSpan||1}))}const o={colSpan:t,label:s,render:undefined,rowSpan:Math.max(e,1)};if(d.length===0){d.push([o])}else{d[0].push(o)}}return d};const _t=({horizontal:t,vertical:e})=>{const n=t.flatMap((t=>t.filter((t=>t.visible!==false&&t.width!==undefined&&t.width>0)).map((t=>t.width))));const o=e.flatMap((t=>t.filter((t=>t.width!==undefined&&t.width>0)).map((t=>t.width))));const s=[...o,...n];if(s.length===0){return"0px"}if(s.length===1){return`${s[0]}px`}return`calc(${s.map((t=>`${t}px`)).join(" + ")})`};const xt=t=>t===undefined?[]:Array.isArray(t)?t:[t];const Ot=t=>{var e;return(e=t?t.keyPropertyName:undefined)!==null&&e!==void 0?e:"id"};const $t=t=>{const e=t?xt(t.selectedKeys):[];return{disabledKeys:new Set((t?xt(t.disabledKeys):[]).map(String)),keyPropertyName:Ot(t),selectedKeys:e,selectedKeysSet:new Set(e.map(String))}};const Dt=(t,e)=>t.filter((t=>!e.disabledKeys.has(String(t[e.keyPropertyName]))));const Bt=(t,e,n)=>{const o=e.selectedKeys.filter((t=>e.disabledKeys.has(String(t))));if(n){o.push(...Dt(t,e).map((t=>t===null||t===void 0?void 0:t[e.keyPropertyName])))}return o};const Ft=S.forBlock("kol-table");const Lt=Ft("body");const Tt=Ft("cell-actions");const At=Ft("cell-states");const It=Ft("footer");const zt=Ft("head");const Mt=Ft("head-row");const Et=Ft("scroll-container");const Kt=Ft("selection-icon");const Ht=Ft("selection-input-tooltip");const Pt=Ft("sort");const Rt=Ft("sort-button");const Nt=Ft("sort-order");const Qt=Ft("table");const Wt=`${Ft("focus-element")} ${Ft("caption")}`;const qt=(t,e)=>kt(t.fixedCols,t.stickyColsDisabled,t.maxCols,e);const Gt=(t,e,n)=>({left:e==="left"?Ct(t.fixedOffsets,n,true,t.selection!==false):undefined,right:e==="right"?Ct(t.fixedOffsets,n,false,t.selection!==false):undefined});const Yt=(t,e,n)=>{var o,s;return(s=t.primaryHeaders.horizontal&&((o=e[0])===null||o===void 0?void 0:o.data)?t.rowKeys.get(e[0].data):undefined)!==null&&s!==void 0?s:String(n)};const Vt=(t,e,n)=>{var o;const{handleSelectionChange:l,selection:i,selectionModel:a}=t;if(!i)return"";const r=(o=e[0])===null||o===void 0?void 0:o.data;if(!r)return"";const c=r[a.keyPropertyName];const d=i.multiple||i.multiple===undefined;const u=String(c);const f=a.selectedKeysSet.has(u);const h=a.disabledKeys.has(u);const b=i.label(r);const p={name:"selection",checked:f,disabled:h,id:String(c),["aria-label"]:b};return s("td",{key:`tbody-${n}-selection`,class:Ft("cell",{selection:true})},s("div",{class:Ft("selection",{checked:f})},d?s("label",{class:Ft("selection-label",{disabled:h})},s(x,{class:Kt,icons:`kolicon ${f?"kolicon-check":""}`,label:""}),s("input",Object.assign({class:Ft("selection-input",{checkbox:true})},p,{type:"checkbox",onInput:t=>{const e=!f?[...a.selectedKeys,c]:a.selectedKeys.filter((t=>String(t)!==u));l(t,e)}}))):s("label",{class:Ft("selection-label")},s("input",Object.assign({class:Ft("selection-input",{radio:true})},p,{type:"radio",onInput:t=>{l(t,[c])}}))),s("div",{class:Ht},s(D,{label:b,badgeText:"",id:`${c}-label`,refFloating:()=>{}}))))};const Xt=t=>{const{data:e,handleSelectionChange:n,selection:o,selectionModel:l}=t;if(!o){return s("td",{class:Ft("cell",{header:true}),key:`thead-0`})}if(o.multiple===false){return s("th",{scope:"col",key:`thead-0-selection`,class:Ft("cell",{header:true,selection:true})},s("span",{class:"visually-hidden"},j("kol-table-selection")))}const i=l.selectedKeys.filter((t=>!l.disabledKeys.has(String(t)))).length;const a=Dt(e,l).length;const r=i===a;const c=i!==0&&!r;let d;if(i===0){d=j("kol-table-selection-all")}else if(r&&!c){d=j("kol-table-selection-none")}else{d=j("kol-table-selection-indeterminate")}return s("th",{scope:"col",key:`thead-0-selection`,class:Ft("cell",{header:true,selection:true})},s("span",{class:"visually-hidden"},j("kol-table-selection")),s("div",{class:Ft("selection",{checked:r,indeterminate:c})},s("label",{class:Ft("selection-label")},s(x,{class:Kt,icons:`kolicon ${c?"kolicon-minus":r?"kolicon-check":""}`,label:""}),s("input",{class:Ft("selection-input",{checkbox:true}),name:"selection",checked:r&&!c,indeterminate:c,"aria-label":d,type:"checkbox",onInput:t=>{n(t,Bt(e,l,!r))}})),s("div",{class:Ht},s(D,{label:d,badgeText:"",refFloating:()=>{}}))))};const Zt=({headers:t})=>{const{horizontal:e,vertical:n}=t;if(e.length===0||n.length===0){return s(l,null)}const o=n.reduce(((t,e)=>{var n,o;return t+((o=(n=e===null||e===void 0?void 0:e[0])===null||n===void 0?void 0:n.width)!==null&&o!==void 0?o:0)}),0);return s("td",{"aria-hidden":"true",colSpan:n.length,rowSpan:e.length,style:o>0?{width:`${o}px`}:undefined})};const Jt=t=>{const e=j("kol-sort");if(typeof t==="number"&&t>0){return`${e} – ${j("kol-table-sort-order").replace("{{order}}",`${t}`)}`}return e};const Ut=(t,e,n,o,l)=>{if(e.visible===false){return""}const i=(e===null||e===void 0?void 0:e.sortable)!==false;const a=typeof e.sortDirection==="string";const r=i&&a;let c="none";let d="kolicon-sort-neutral";if(r&&e.sortDirection){switch(e.sortDirection){case"ASC":d="kolicon-sort-asc";c="ascending";break;case"DESC":d="kolicon-sort-desc";c="descending";break;default:c="none"}}const u=l?"row":typeof e.colSpan==="number"&&e.colSpan>1?"colgroup":"col";const f=typeof e.sortOrder==="number"&&e.sortOrder>0?e.sortOrder:undefined;const h=e.width!==undefined?`${e.width}px`:undefined;const b=qt(t,o);const{left:p,right:v}=Gt(t,b,o);const m=e.textAlign;const y=r?e.sortDirection:undefined;return s("th",{key:`${n}-${o}-${e.label}`,class:Ft("cell",{[c]:true,"align-center":m==="center","align-justify":m==="justify","align-left":m==="left","align-right":m==="right",header:true,"sticky-left":b==="left","sticky-right":b==="right"}),scope:u,colSpan:e.colSpan,rowSpan:e.rowSpan,style:{width:h,left:p,right:v},"aria-sort":c,"data-sort":y?`sort-${y}`:undefined},y?s("span",{class:Pt},s(_,Object.assign({},t.getButtonFcProps(`sort-${l?"vertical":"horizontal"}-${n}-${o}`,{_icons:{right:d},_label:e.label,_ariaDescription:Jt(f),_on:{onClick:n=>{t.handleSort(n,{key:e.key,currentSortDirection:y})}}},{class:Rt}))),f&&s("span",{"aria-hidden":"true",class:Nt},f)):e.label)};const te=(t,e,n,o)=>s("div",{class:Tt},e.actions(n).map(((e,n)=>{const l=`action-${o}-${n}`;if(e.type==="button"){return s("span",{key:l},s(_,Object.assign({},t.getButtonFcProps(l,e))))}else if(e.type==="link"){return s("span",{key:l},s(O,Object.assign({},t.getLinkFcProps(l,e))))}return null})));const ee=(t,e,n)=>{const o=t.key;if(!o){return""}const l=e[o];if(!l){return""}return s("div",{class:At},l.map(((t,e)=>{if(t.type==="badge"){return s(y,Object.assign({key:`state-${n}-${e}`},t))}return null})))};const ne=(t,e,n,o,l)=>{if(e.visible===false){return""}let i=`${n}-${o}-${e.label}`;if(e.data){const s=t.rowKeys.get(e.data);i=s?`${s}-${t.primaryHeaders.horizontal?o:n}`:i}if(e.headerCell){return Ut(t,e,n,o,l)}const a=typeof e.render!=="function"&&e.label===t.translateNoEntries;const r=St(t.headers,t.primaryHeaders,o,"action");const c=Boolean(r&&e.data);const d=St(t.headers,t.primaryHeaders,o,"state");const u=Boolean(d&&e.data);const f=qt(t,o);const{left:h,right:b}=Gt(t,f,e.colIndex);const p=typeof e.render==="function";const v=e.textAlign;return s("td",{key:`cell-${i}-${t.settingsChangedCounter}`,class:Ft("cell",{actions:c,"align-center":v==="center","align-justify":v==="justify","align-left":v==="left","align-right":v==="right",body:true,states:u,"sticky-left":f==="left","sticky-right":f==="right"}),"aria-atomic":a?"false":undefined,"aria-live":a?"polite":undefined,"aria-relevant":a?"text":undefined,colSpan:e.colSpan,rowSpan:e.rowSpan,style:{textAlign:v,left:h,right:b},ref:p?n=>t.handleRenderCell(e,n):undefined},c&&r&&e.data?te(t,r,e.data,i):u&&d&&e.data?ee(d,e.data,i):!p?e.label:"")};const oe=(t,e,n,o,l=false)=>s("tr",{class:Ft("row",{body:!l,footer:l}),key:`row-${Yt(t,e,n)}`},Vt(t,e,n),e.map(((e,s)=>ne(t,e,n,s,o))));const se=(t,e,n)=>{const o=t.headers.vertical.length+gt(n===null||n===void 0?void 0:n[0])+(t.selection?1:0);return s("tr",{"aria-hidden":"true",class:Ft("spacer",{[e]:true})},s("td",{class:Ft("spacer-line",{[e]:true}),colSpan:o}))};const le=t=>{const{dataFoot:e,headers:n,primaryHeaders:o,translateNoEntries:l}=t;if(e.length===0){return null}const i=wt({data:e,dataFoot:e,headers:n,isFoot:true,noEntriesLabel:l,primaryHeaders:o});const a=mt(n.horizontal,e);const r=Object.assign(Object.assign({},t),{fixedOffsets:jt(o.cells,a,t.fixedCols,t.stickyColsDisabled),maxCols:a});return s("tfoot",{class:It},[se(t,"foot",i),i.map(((t,e)=>oe(r,t,e,true,true)))])};const ie=t=>{const{data:e,dataFoot:n,externalLabelElements:o,fixedCols:l,hasScrollbar:i,hasSettingsMenu:a,headers:r,label:c,loading:d,refScrollContainer:u,refTable:f,selection:h,stickyColsDisabled:b,variant:p}=t;const v=j("kol-no-entries");const m=pt(r);const y=mt(r.horizontal,e);const g=Object.assign(Object.assign({},t),{fixedOffsets:jt(m.cells,y,l,b),maxCols:y,primaryHeaders:m,selectionModel:$t(h),translateNoEntries:v});const k=wt({data:e,dataFoot:n,headers:r,isFoot:false,noEntriesLabel:v,primaryHeaders:m});const S=o.length===0;return s(w,{block:"kol-table",class:C(p,"table")},a&&t.renderSettings(r.horizontal),s("div",{ref:u,class:Et,tabindex:i?S?"-1":"0":undefined},s("table",{ref:f,"aria-labelledby":S?"caption":undefined,class:Qt,style:{minWidth:_t(r)}},S&&s("caption",{class:Wt,id:"caption",tabindex:i?"0":undefined},c),s("thead",{class:zt},[r.horizontal.map(((t,e)=>s("tr",{class:Mt,key:`thead-${e}`},h&&Xt(g),e===0&&Zt(g),Array.isArray(t)&&t.map(((t,n)=>Ut(g,t,e,n,false)))))),se(g,"head",r.horizontal)]),s("tbody",{class:Lt},s("div",{class:Ft("loader",{shown:d})},s($,{label:(d?j("kol-table-data-loading"):j("kol-table-data-loaded")).replace("{{caption}}",c),show:d,variant:"cycle"})),k.map(((t,e)=>oe(g,t,e,true)))),le(g))))};const ae=({dialog:t,card:e},n)=>s(H,Object.assign({},t),e?s(G,Object.assign({},e),n):n);const re=()=>{};const ce=(t,e,n)=>{const o=z();const s=z();const l=new Y(u.stateLess);const i=F();const a=L("dialog-heading");const r={};let c;let d=true;let h={};const b=t=>{const e=n();return e?T(e,t):true};const p=()=>{var t,e;(e=(t=o.el)===null||t===void 0?void 0:t.close)===null||e===void 0?void 0:e.call(t)};const v=t=>{var e;P(t);if(t.defaultPrevented)return;(e=h.onCancel)===null||e===void 0?void 0:e.call(h,t);if(t.defaultPrevented)return;if(!b(A.cancel)){t.preventDefault()}};const m=t=>{var e;if(t.target!==o.el){return}M(r);(e=h.onClose)===null||e===void 0?void 0:e.call(h);b(A.close)};const y=()=>{l.hideTooltip();p();b(A.close)};return{getFcProps:e=>{var n,r,u;let b="";let p=0;let g="blank";let k="100%";W.apply(e.label,(t=>{b=t}));R.apply((n=e.level)!==null&&n!==void 0?n:0,(t=>{p=t}));N.apply(e.on,(t=>{h=t}));f.apply((r=e.variant)!==null&&r!==void 0?r:"blank",(t=>{g=t}));Q.apply((u=e.width)!==null&&u!==void 0?u:"100%",(t=>{k=t}));const j=g==="card";if(j&&!c){c=q(t());l.componentWillLoad({label:c.label,align:c.tooltipAlign})}return{dialog:{blockClass:K(g),handleCancel:v,handleClose:m,label:b,labelledBy:j?a:undefined,modal:d,refDialog:o,width:k},card:j&&c?{ariaDescriptionId:i,closeButtonProps:c,handleBlur:re,handleClose:y,handleFocus:re,hasCloser:true,headingId:a,href:"",label:b,level:p,on:{},refCloseButton:s,refCta:re,refTooltip:l.setTooltipElementRef,target:""}:undefined}},show:t=>{var n,s;const l=o.el;if(l===null||l===void 0?void 0:l.open){return}if(d!==t){d=t;e()}if(t){(n=l===null||l===void 0?void 0:l.showModal)===null||n===void 0?void 0:n.call(l);if(l){E(r)}}else{(s=l===null||l===void 0?void 0:l.show)===null||s===void 0?void 0:s.call(l)}},close:p,syncListeners:()=>{if(s.el){l.syncListeners(undefined,s.el,true)}},destroy:()=>{p();M(r);l.destroy()}}};const de=S.forBlock("kol-table")("settings");const ue=t=>Number.isFinite(t)&&t!==undefined&&t>0?t:undefined;const fe=()=>{};const he=(t,e)=>{const n=j("kol-table-settings");const o=j("kol-table-settings-cancel");const l=j("kol-table-settings-apply");const i=j("kol-table-settings-error-all-invisible");let a;let r=false;let c=false;const d=()=>{r=true;e()};const u=b((()=>h(t)),(t=>t.syncListeners()),(t=>t.destroy()));const f=ce(t,d,(()=>a));const p=L("alert-heading");const v=F();let m;let y=[];let C=[];let S=null;const w=t=>{y=t.map((t=>[...t]));C=t.map((t=>t.map((t=>Object.assign({},t)))))};const x=()=>{var t;return(t=C[C.length-1])!==null&&t!==void 0?t:[]};const O=t=>{C=C.map(((e,n,o)=>n===o.length-1?t:e));d()};const $=(t,e)=>{const n=[...x()];const o=n.findIndex((e=>e.key===t));if(o===-1)return;let s;if(e==="up"){if(o===0)return;s=o-1}else{if(o===n.length-1)return;s=o+1}const[l]=n.splice(o,1);n.splice(s,0,l);O(n)};const D=(t,e)=>{const n=x().map((n=>n.key===t&&n.hidable!==false?Object.assign(Object.assign({},n),{visible:Boolean(e)}):n));O(n)};const z=(t,e)=>{const n=ue(Number(e));const o=x().map((e=>e.key===t&&e.resizable!==false?Object.assign(Object.assign({},e),{width:n}):e));O(o)};const M=()=>{C=y.map((t=>[...t]));S=null;d();f.close()};const E=t=>{t.preventDefault();const e=x();const n=e.some((t=>t.visible!==false));if(!n){S=i;d();return}else if(a){S=null;y=C.map((t=>t.map((t=>Object.assign({},t)))));d();const t=C.map((t=>t.map((t=>{const e=t,{hidable:n,resizable:o,sortable:s,visible:l,width:i}=e,a=B(e,["hidable","resizable","sortable","visible","width"]);const r=Object.assign({},a);if(l!==undefined)r.visible=l;if(n!==undefined)r.hidable=n;if(s!==undefined)r.sortable=s;if(o!==undefined)r.resizable=o;if(i!==undefined&&i!==null)r.width=i;return r}))));T(a,A.changeHeaderCells,t);f.close()}};const K=t=>{if(t){a=t}};const H=(t,e,n)=>s("div",{key:t.key,class:"kol-table-settings__column"},s(k,{_checked:t.visible!==false,_label:t.hidable?j("kol-table-settings-column-hidable",{placeholders:{column:t.label}}):j("kol-table-settings-column-not-hidable",{placeholders:{column:t.label}}),_value:true,_hideLabel:true,_disabled:t.hidable===false,_on:{onInput:(e,n)=>{var o;return D((o=t.key)!==null&&o!==void 0?o:"",n)}}}),s("span",{class:"kol-table-settings__column-label"},t.label),s(g,{_hideLabel:true,_value:ue(t.width),_label:j("kol-table-settings-column-width",{placeholders:{column:t.label}}),_min:1,_disabled:t.resizable===false,_on:{onInput:(e,n)=>{var o;return z((o=t.key)!==null&&o!==void 0?o:"",n)}}}),s(_,Object.assign({},u.get(`move-up-${t.key}`).getFcProps({_icons:"kolicon-chevron-up",_label:t.sortable===false||e===0?j("kol-table-settings-not-move",{placeholders:{column:t.label}}):j("kol-table-settings-move-up",{placeholders:{column:t.label}}),_hideLabel:true,_variant:"ghost",_on:{onClick:()=>{var e;return $((e=t.key)!==null&&e!==void 0?e:"","up")}},_disabled:t.sortable===false||e===0},{"data-testid":"table-settings-move-up"}))),s(_,Object.assign({},u.get(`move-down-${t.key}`).getFcProps({_icons:"kolicon-chevron-down",_label:t.sortable===false||e===n.length-1?j("kol-table-settings-not-move",{placeholders:{column:t.label}}):j("kol-table-settings-move-down",{placeholders:{column:t.label}}),_hideLabel:true,_variant:"ghost",_on:{onClick:()=>{var e;return $((e=t.key)!==null&&e!==void 0?e:"","down")}},_disabled:t.sortable===false||e===n.length-1},{"data-testid":"table-settings-move-down"}))));return{beginRender:()=>{u.beginRender();c=r;r=false},render:t=>{if(!c&&t!==m){m=t;w(t)}const e=x();return s("div",{class:de,ref:K},s("div",{class:"kol-table-settings"},s(_,Object.assign({},u.get("toggle").getFcProps({_icons:"kolicon-settings",_label:n,_hideLabel:true,_on:{onClick:()=>f.show(true)}})))),s(ae,Object.assign({},f.getFcProps({label:n,variant:"card",width:"fit-content"})),s("div",{class:"kol-table-settings__content"},S&&s("div",{class:"kol-table-settings__error-message"},s(I,{alert:false,closerAriaDescriptionId:v,handleCloserClick:fe,hasCloser:false,headingId:p,label:S,level:0,refCloserButton:fe,refCloserTooltip:fe,type:"error",variant:"msg"})),s("form",{onSubmit:E},s("div",{class:"kol-table-settings__columns"},e.map(((t,n)=>H(t,n,e)))),s("div",{class:"kol-table-settings__actions"},s(_,Object.assign({},u.get("cancel").getFcProps({_label:o,_variant:"secondary",_on:{onClick:()=>M()}},{"data-testid":"table-settings-cancel"}))),s(_,Object.assign({},u.get("apply").getFcProps({_label:l,_variant:"primary",_type:"submit"},{"data-testid":"table-settings-apply"}))))))))},sync:()=>{u.endRender();f.syncListeners()},destroy:()=>{u.destroy();f.destroy()}}};const be=150;const pe=t=>{if(t.horizontal.length===0){return t}return Object.assign(Object.assign({},t),{horizontal:t.horizontal.map((t=>t.map((t=>Object.assign(Object.assign({},t),{visible:typeof t.visible==="boolean"?t.visible:true,hidable:typeof t.hidable==="boolean"?t.hidable:true})))))})};const ve=(t,e)=>new Map(t.map((t=>{var n;return[t,(n=e.get(t))!==null&&n!==void 0?n:F()]})));class me extends u{constructor(){super(...arguments);this.cellRenderTimeouts=new Map;this.buttonItems=b((()=>h((()=>this.host))),(t=>t.syncListeners()),(t=>t.destroy()));this.settings=he((()=>this.host),(()=>i(this)));this.linkItems=b((()=>p((()=>i(this)))),(t=>t.syncListeners()),(t=>t.destroy()));this.handleResize=()=>{this.updateScrollbarState();clearTimeout(this.resizeDebounceTimeout);this.resizeDebounceTimeout=setTimeout((()=>{this.updateStickyColsDisabled()}),be)};this.handleSelectionChange=(t,e)=>{this.emitSelectionChange(t,e)};this.handleSort=(t,e)=>{this.emitSort(t,e)};this.handleRenderCell=(t,e)=>{if(!e){return}clearTimeout(this.cellRenderTimeouts.get(e));this.cellRenderTimeouts.set(e,setTimeout((()=>{if(typeof t.render==="function"){const n=t.render(e,t,t.data,this.getRenderProp("data"));if(typeof n==="string"){e.textContent=n}}})))};this.refScrollContainer=t=>{this.scrollContainerElement=t};this.refTable=t=>{this.tableElement=t;this.syncTableLabel(this.getState("externalLabelElements"))};this.getButtonFcProps=(t,e,n)=>this.buttonItems.get(t).getFcProps(e,n);this.renderSettings=t=>this.settings.render(t);this.getLinkFcProps=(t,e)=>this.linkItems.get(t).getFcProps(e)}initTableRenderProps(){this.initRenderProps(ht)}observeScrollContainer(){if(this.scrollContainerElement&&ResizeObserver){this.resizeObserver=new ResizeObserver(this.handleResize);this.resizeObserver.observe(this.scrollContainerElement)}this.updateStickyColsDisabled()}teardownTable(){var t;(t=this.resizeObserver)===null||t===void 0?void 0:t.disconnect();clearTimeout(this.resizeDebounceTimeout);this.buttonItems.destroy();this.linkItems.destroy();this.settings.destroy()}syncTableItems(){this.buttonItems.endRender();this.linkItems.endRender();this.settings.sync()}applyData(t){ot.apply(t,(t=>{this.setRenderProp("data",t);this.setState("rowKeys",ve(t,this.getState("rowKeys")))}))}applyDataFoot(t){st.apply(t,(t=>this.setRenderProp("dataFoot",t)))}applyFixedCols(t){J.apply(t,(t=>this.setRenderProp("fixedCols",t)));this.updateStickyColsDisabled()}applyHasSettingsMenu(t){U.apply(t,(t=>this.setRenderProp("hasSettingsMenu",t)))}applyHeaders(t){rt.apply(t,(t=>this.setRenderProp("headers",pe(t))))}applyLabel(t){v.apply(t,(t=>this.setRenderProp("label",t)))}applyLoading(t){ct.apply(t,(t=>this.setRenderProp("loading",t)))}applyOn(t){tt.apply(t,(t=>this.setRenderProp("on",t)))}applySelection(t){ft.apply(t,(t=>this.setRenderProp("selection",t)));this.updateStickyColsDisabled()}applyVariant(t){m.apply(t,(t=>this.setRenderProp("variant",t)))}syncTableLabel(t){if(!this.tableElement)return;if("ariaLabelledByElements"in this.tableElement){if(t===null||t===void 0?void 0:t.length){this.tableElement.ariaLabelledByElements=t}n.debug([this.tableElement,!!(t===null||t===void 0?void 0:t.length),t,this.tableElement.ariaLabelledByElements])}}moveCheckboxFocus(t){var e,n,o;if(t.key!=="ArrowUp"&&t.key!=="ArrowDown"){return}const s=Array.from((n=(e=this.scrollContainerElement)===null||e===void 0?void 0:e.querySelectorAll(".kol-table__selection-input--checkbox"))!==null&&n!==void 0?n:[]);const l=(o=this.scrollContainerElement)===null||o===void 0?void 0:o.querySelector(":focus");let i=s.indexOf(l);if(i>-1){t.preventDefault();const e=t.key==="ArrowDown"?1:s.length-1;i=(i+e)%s.length;s[i].focus()}}applyChangedHeaderCells(t){const e=Object.assign(Object.assign({},this.getRenderProp("headers")),{horizontal:t.detail});this.setRenderProp("headers",e);this.setState("settingsChangedCounter",this.getState("settingsChangedCounter")+1);const n=this.getRenderProp("on")[V.onChangeHeaderCells];if(typeof n==="function"){n(t,e)}}updateScrollbarState(){if(this.scrollContainerElement){const{clientHeight:t,clientWidth:e,scrollHeight:n,scrollWidth:o}=this.scrollContainerElement;this.setState("hasScrollbar",o>e||n>t&&["auto","scroll"].includes(getComputedStyle(this.scrollContainerElement).overflowY))}}calculateFixedColsWidth(){var t,e,n,o,s,l;const[i,a]=this.getRenderProp("fixedCols");const r=this.getRenderProp("headers");const c=pt(r).cells;const d=mt(r.horizontal,this.getRenderProp("data"));let u=0;for(let n=0;n<i&&n<c.length;n++){u+=(e=(t=c[n])===null||t===void 0?void 0:t.width)!==null&&e!==void 0?e:0}for(let t=d-a;t<d&&t<c.length;t++){u+=(o=(n=c[t])===null||n===void 0?void 0:n.width)!==null&&o!==void 0?o:0}if(this.getRenderProp("selection")){const t=(s=this.scrollContainerElement)===null||s===void 0?void 0:s.querySelector(".kol-table__cell--selection");u+=(l=t===null||t===void 0?void 0:t.offsetWidth)!==null&&l!==void 0?l:0}return u}updateStickyColsDisabled(){if(!this.scrollContainerElement){this.setState("stickyColsDisabled",false);return}const t=this.calculateFixedColsWidth();this.setState("stickyColsDisabled",t>0&&t>=this.scrollContainerElement.clientWidth)}emitSelectionChange(t,e){const n=this.getRenderProp("on")[V.onSelectionChange];if(typeof n==="function"){n(t,e)}if(this.host){T(this.host,A.selectionChange,e)}}emitSort(t,e){const n=this.getRenderProp("on")[V.onSort];if(typeof n==="function"&&e.key){n(t,e)}if(this.host){T(this.host,A.sort,e)}}renderTableStatelessFC(){this.buttonItems.beginRender();this.linkItems.beginRender();this.settings.beginRender();return s(ie,{data:this.getRenderProp("data"),dataFoot:this.getRenderProp("dataFoot"),externalLabelElements:this.getState("externalLabelElements"),fixedCols:this.getRenderProp("fixedCols"),getButtonFcProps:this.getButtonFcProps,getLinkFcProps:this.getLinkFcProps,renderSettings:this.renderSettings,handleRenderCell:this.handleRenderCell,handleSelectionChange:this.handleSelectionChange,handleSort:this.handleSort,hasScrollbar:this.getState("hasScrollbar"),hasSettingsMenu:this.getRenderProp("hasSettingsMenu"),headers:this.getRenderProp("headers"),label:this.getRenderProp("label"),loading:this.getRenderProp("loading"),on:this.getRenderProp("on"),refScrollContainer:this.refScrollContainer,refTable:this.refTable,rowKeys:this.getState("rowKeys"),selection:this.getRenderProp("selection"),settingsChangedCounter:this.getState("settingsChangedCounter"),stickyColsDisabled:this.getState("stickyColsDisabled"),variant:this.getRenderProp("variant")})}}export{me as B,st as a,ot as t,X as v};
-//# sourceMappingURL=base-Dvr4F_Pr.js.map
+import{r as t}from"./aria-labelledby-BRToXqsQ.js";import{G as e,L as n,p as o}from"./common-BqpMtheU.js";import{h as s,F as l,f as i}from"./index-wY4pHWJG.js";import{c as a,e as r,n as c,a as d,B as u,v as f}from"./base-web-component-3R1Dy3QK.js";import{c as h}from"./item-lEB6GAqe.js";import{c as b}from"./item-pool-BOxAYePG.js";import{c as p}from"./item-BacIXvMT.js";import{l as v}from"./label-with-expert-slot-CocPu9HB.js";import{v as m}from"./variant-CeijQFzL.js";import{c as y,d as g,e as k}from"./component-names-Dhbtt0mX.js";import{t as j}from"./i18n-BaCf-SDK.js";import{c as C}from"./component-kDR4_xf0.js";import{b as S}from"./bem-registry-CX5kvaqt.js";import{B as w}from"./component-D30YHxgS.js";import{B as _}from"./component-CODtL04S.js";import{I as x}from"./component-C4dhT4Ba.js";import{L as O}from"./api-DwdE0qU0.js";import{S as $}from"./component-DXmRJdLc.js";import{T as D}from"./component-fK2EUkFf.js";import{a as B}from"./tslib.es6-QNbPBOk5.js";import{n as F,c as L}from"./dev.utils-DDqySnXB.js";import{d as T,K as E}from"./events-CRHxtwup.js";import{A as I}from"./component-CBkrKKXd.js";import{c as z}from"./element-interaction-Cy9tx3Sx.js";import{u as A,l as M,d as K,D as H}from"./scroll-lock-BotxOlMX.js";import{h as P}from"./tooltip-open-tracking-D3tCiiGP.js";import{l as R}from"./level-Q5lBISho.js";import{d as N,w as X}from"./width-BDh5pZvE.js";import{l as q}from"./label-c9P7yC4V.js";import{r as W,C as G}from"./component-C9cJK7Cf.js";import{T as Q}from"./behavior-D1kOlK6p.js";import{C as U}from"./keyboard-DNd73LVa.js";const J=(o,s,l,i)=>{const a=t=>typeof t==="string"||typeof t==="undefined";e(o,"_ariaLabelledby",a,new Set(["string"]),i);if(!a(i)){return[]}const r=t(s,i);if(l){try{l.ariaLabelledByElements=r}catch(t){}n.debug(["WebComponent internals",l])}return r};const V=t=>typeof t==="number"&&Number.isInteger(t)&&t>=0;const Y=a("fixedCols",[0,0],(t=>r(t)),(t=>t.length===2&&t.every(V)));const Z=a("hasSettingsMenu",false,c);const tt=d();function et(t){const e=typeof t==="string"?o(t):t;if(Array.isArray(e)){return e}throw new Error("Invalid table data: expected an array of row objects.")}function nt(t){return t.every((t=>typeof t==="object"&&t!==null))}const ot=a("data",[],et,nt);const st=a("dataFoot",[],et,nt);const lt=t=>Array.isArray(t)&&t.every((t=>Array.isArray(t)));function it(t){const e=typeof t==="string"?o(t):t;if(typeof e!=="object"||e===null){throw new Error("Invalid table headers: expected an object.")}const{horizontal:n=[],vertical:s=[]}=e;if(!lt(n)||!lt(s)){throw new Error("Invalid table headers: horizontal and vertical must be arrays of header rows.")}return{horizontal:n,vertical:s}}function at({horizontal:t,vertical:e}){return[...t,...e].every((t=>t.every((t=>t.width===undefined||typeof t.width==="number"))))}const rt=a("headers",{horizontal:[],vertical:[]},it,at);const ct=a("loading",false,c);function dt(t){const e=typeof t==="string"?o(t):t;if(typeof e==="object"&&e!==null){return e}throw new Error("Invalid table selection: expected an object.")}function ut(t){return t===false||typeof t.label==="function"&&(!t.selectedKeys||Array.isArray(t.selectedKeys))}const ft=a("selection",false,dt,ut);const ht={required:[v,ot],optional:[Y,Z,tt,st,rt,ct,ft,m]};const bt=t=>t.flatMap((t=>t.filter((t=>typeof t.key==="string"||typeof t.render==="function"))));const pt=t=>{const e=bt(t.horizontal);if(e.length>0){return{cells:e,horizontal:true}}const n=bt(t.vertical);return{cells:n,horizontal:n.length===0}};const vt=(t,e)=>{let n=0;if(Array.isArray(t)){t.forEach((t=>{var o;n+=(o=t[e])!==null&&o!==void 0?o:1}))}return n};const mt=(t,e)=>{const n=Math.max(0,...t.map((t=>vt(t,"colSpan"))));return n===0?e.length:n};const yt=(t,e,n)=>{const o=Math.max(0,...t.map((t=>vt(t,"rowSpan"))));return o===0?e.length:o-n};const gt=t=>{var e;return(e=t===null||t===void 0?void 0:t.reduce(((t,e)=>{if("visible"in e&&e.visible===false){return t}return t+(e.colSpan||1)}),0))!==null&&e!==void 0?e:0};const kt=(t,e,n,o)=>{if(o===undefined||e){return undefined}if(o<t[0]){return"left"}if(t[1]>0&&o>=n-t[1]){return"right"}return undefined};const jt=(t,e,n,o)=>{var s,l,i,a,r,c;const d=[];for(let a=0;a<e;a++){if(kt(n,o,e,a)==="left"){d[a]=((s=d[a-1])!==null&&s!==void 0?s:0)+((i=(l=t[a-1])===null||l===void 0?void 0:l.width)!==null&&i!==void 0?i:0)}}for(let s=e-1;s>=0;s--){if(kt(n,o,e,s)==="right"){d[s]=((a=d[s+1])!==null&&a!==void 0?a:0)+((c=(r=t[s+1])===null||r===void 0?void 0:r.width)!==null&&c!==void 0?c:0)}}return d};const Ct=(t,e,n,o)=>{const s=e===undefined?undefined:t[e];if(n&&o){return`calc( var(--kol-table-selection-col-width) + ${s}px)`}return`${s}px`};const St=(t,e,n,o)=>{const s=e.horizontal?t.horizontal:t.vertical;if(s.length===0)return undefined;const l=e.cells[n];if((l===null||l===void 0?void 0:l.type)===o){return l}return undefined};const wt=({data:t,dataFoot:e,headers:n,isFoot:o,noEntriesLabel:s,primaryHeaders:l})=>{const i=mt(n.horizontal,t);const a=l.cells;let r=yt(n.vertical,t,e.length);let c=0;if(o){c=r;r+=e.length}const d=[];const u=[];const f=[];n.vertical.forEach(((t,e)=>{u[e]=0;f[e]=[]}));for(let s=c;s<r;s++){const r=[];n.vertical.forEach(((t,e)=>{let n=0;f[e].forEach((t=>n+=t));if(n<=s){const o=t[s-n+u[e]];if(typeof o==="object"){r.push(Object.assign(Object.assign({},o),{headerCell:true,data:{}}));let t=1;if(typeof o.rowSpan==="number"&&o.rowSpan>1){t=o.rowSpan}f[e].push(t);if(typeof o.colSpan==="number"&&o.colSpan>1){for(let n=1;n<o.colSpan;n++){f[e+n].push(t)}}u[e]++}}}));for(let n=0;n<i;n++){if(l.horizontal){const l=o?e[s-c]:t[s];const i=a[n];if(typeof i==="object"&&i!==null&&typeof l==="object"&&l!==null){r.push(Object.assign(Object.assign({},i),{colIndex:n,colSpan:undefined,rowSpan:undefined,data:l,label:l[i.key]}))}}else{const e=a[s];if(typeof e==="object"&&e!==null&&typeof t[n]==="object"&&t[n]!==null){r.push(Object.assign(Object.assign({},e),{colIndex:n,colSpan:undefined,rowSpan:undefined,data:t[n],label:t[n][e.key]}))}}}d.push(r)}if(t.length===0){let t=gt(n.horizontal[0]);let e=0;if(n.vertical.length>0){t-=n.vertical.length;n.vertical[0].forEach((t=>{e+=t.rowSpan||1}))}const o={colSpan:t,label:s,render:undefined,rowSpan:Math.max(e,1)};if(d.length===0){d.push([o])}else{d[0].push(o)}}return d};const _t=({horizontal:t,vertical:e})=>{const n=t.flatMap((t=>t.filter((t=>t.visible!==false&&t.width!==undefined&&t.width>0)).map((t=>t.width))));const o=e.flatMap((t=>t.filter((t=>t.width!==undefined&&t.width>0)).map((t=>t.width))));const s=[...o,...n];if(s.length===0){return"0px"}if(s.length===1){return`${s[0]}px`}return`calc(${s.map((t=>`${t}px`)).join(" + ")})`};const xt=t=>t===undefined?[]:Array.isArray(t)?t:[t];const Ot=t=>{var e;return(e=t?t.keyPropertyName:undefined)!==null&&e!==void 0?e:"id"};const $t=t=>{const e=t?xt(t.selectedKeys):[];return{disabledKeys:new Set((t?xt(t.disabledKeys):[]).map(String)),keyPropertyName:Ot(t),selectedKeys:e,selectedKeysSet:new Set(e.map(String))}};const Dt=(t,e)=>t.filter((t=>!e.disabledKeys.has(String(t[e.keyPropertyName]))));const Bt=(t,e,n)=>{const o=e.selectedKeys.filter((t=>e.disabledKeys.has(String(t))));if(n){o.push(...Dt(t,e).map((t=>t===null||t===void 0?void 0:t[e.keyPropertyName])))}return o};const Ft=S.forBlock("kol-table");const Lt=Ft("body");const Tt=Ft("cell-actions");const Et=Ft("cell-states");const It=Ft("footer");const zt=Ft("head");const At=Ft("head-row");const Mt=Ft("scroll-container");const Kt=Ft("selection-icon");const Ht=Ft("selection-input-tooltip");const Pt=Ft("sort");const Rt=Ft("sort-button");const Nt=Ft("sort-order");const Xt=Ft("table");const qt=`${Ft("focus-element")} ${Ft("caption")}`;const Wt=(t,e)=>kt(t.fixedCols,t.stickyColsDisabled,t.maxCols,e);const Gt=(t,e,n)=>({left:e==="left"?Ct(t.fixedOffsets,n,true,t.selection!==false):undefined,right:e==="right"?Ct(t.fixedOffsets,n,false,t.selection!==false):undefined});const Qt=(t,e,n)=>{var o,s;return(s=t.primaryHeaders.horizontal&&((o=e[0])===null||o===void 0?void 0:o.data)?t.rowKeys.get(e[0].data):undefined)!==null&&s!==void 0?s:String(n)};const Ut=(t,e,n)=>{var o;const{handleSelectionChange:l,selection:i,selectionModel:a}=t;if(!i)return"";const r=(o=e[0])===null||o===void 0?void 0:o.data;if(!r)return"";const c=r[a.keyPropertyName];const d=i.multiple||i.multiple===undefined;const u=String(c);const f=a.selectedKeysSet.has(u);const h=a.disabledKeys.has(u);const b=i.label(r);const p={name:"selection",checked:f,disabled:h,id:String(c),["aria-label"]:b};return s("td",{key:`tbody-${n}-selection`,class:Ft("cell",{selection:true})},s("div",{class:Ft("selection",{checked:f})},d?s("label",{class:Ft("selection-label",{disabled:h})},s(x,{class:Kt,icons:`kolicon ${f?"kolicon-check":""}`,label:""}),s("input",Object.assign({class:Ft("selection-input",{checkbox:true})},p,{type:"checkbox",onInput:t=>{const e=!f?[...a.selectedKeys,c]:a.selectedKeys.filter((t=>String(t)!==u));l(t,e)}}))):s("label",{class:Ft("selection-label")},s("input",Object.assign({class:Ft("selection-input",{radio:true})},p,{type:"radio",onInput:t=>{l(t,[c])}}))),s("div",{class:Ht},s(D,{label:b,badgeText:"",id:`${c}-label`,refFloating:()=>{}}))))};const Jt=t=>{const{data:e,handleSelectionChange:n,selection:o,selectionModel:l}=t;if(!o){return s("td",{class:Ft("cell",{header:true}),key:`thead-0`})}if(o.multiple===false){return s("th",{scope:"col",key:`thead-0-selection`,class:Ft("cell",{header:true,selection:true})},s("span",{class:"visually-hidden"},j("kol-table-selection")))}const i=l.selectedKeys.filter((t=>!l.disabledKeys.has(String(t)))).length;const a=Dt(e,l).length;const r=i===a;const c=i!==0&&!r;let d;if(i===0){d=j("kol-table-selection-all")}else if(r&&!c){d=j("kol-table-selection-none")}else{d=j("kol-table-selection-indeterminate")}return s("th",{scope:"col",key:`thead-0-selection`,class:Ft("cell",{header:true,selection:true})},s("span",{class:"visually-hidden"},j("kol-table-selection")),s("div",{class:Ft("selection",{checked:r,indeterminate:c})},s("label",{class:Ft("selection-label")},s(x,{class:Kt,icons:`kolicon ${c?"kolicon-minus":r?"kolicon-check":""}`,label:""}),s("input",{class:Ft("selection-input",{checkbox:true}),name:"selection",checked:r&&!c,indeterminate:c,"aria-label":d,type:"checkbox",onInput:t=>{n(t,Bt(e,l,!r))}})),s("div",{class:Ht},s(D,{label:d,badgeText:"",refFloating:()=>{}}))))};const Vt=({headers:t})=>{const{horizontal:e,vertical:n}=t;if(e.length===0||n.length===0){return s(l,null)}const o=n.reduce(((t,e)=>{var n,o;return t+((o=(n=e===null||e===void 0?void 0:e[0])===null||n===void 0?void 0:n.width)!==null&&o!==void 0?o:0)}),0);return s("td",{"aria-hidden":"true",colSpan:n.length,rowSpan:e.length,style:o>0?{width:`${o}px`}:undefined})};const Yt=t=>{const e=j("kol-sort");if(typeof t==="number"&&t>0){return`${e} – ${j("kol-table-sort-order").replace("{{order}}",`${t}`)}`}return e};const Zt=(t,e,n,o,l)=>{if(e.visible===false){return""}const i=(e===null||e===void 0?void 0:e.sortable)!==false;const a=typeof e.sortDirection==="string";const r=i&&a;let c="none";let d="kolicon-sort-neutral";if(r&&e.sortDirection){switch(e.sortDirection){case"ASC":d="kolicon-sort-asc";c="ascending";break;case"DESC":d="kolicon-sort-desc";c="descending";break;default:c="none"}}const u=l?"row":typeof e.colSpan==="number"&&e.colSpan>1?"colgroup":"col";const f=typeof e.sortOrder==="number"&&e.sortOrder>0?e.sortOrder:undefined;const h=e.width!==undefined?`${e.width}px`:undefined;const b=Wt(t,o);const{left:p,right:v}=Gt(t,b,o);const m=e.textAlign;const y=r?e.sortDirection:undefined;return s("th",{key:`${n}-${o}-${e.label}`,class:Ft("cell",{[c]:true,"align-center":m==="center","align-justify":m==="justify","align-left":m==="left","align-right":m==="right",header:true,"sticky-left":b==="left","sticky-right":b==="right"}),scope:u,colSpan:e.colSpan,rowSpan:e.rowSpan,style:{width:h,left:p,right:v},"aria-sort":c,"data-sort":y?`sort-${y}`:undefined},y?s("span",{class:Pt},s(_,Object.assign({},t.getButtonFcProps(`sort-${l?"vertical":"horizontal"}-${n}-${o}`,{_icons:{right:d},_label:e.label,_ariaDescription:Yt(f),_on:{onClick:n=>{t.handleSort(n,{key:e.key,currentSortDirection:y})}}},{class:Rt}))),f&&s("span",{"aria-hidden":"true",class:Nt},f)):e.label)};const te=(t,e,n,o)=>s("div",{class:Tt},e.actions(n).map(((e,n)=>{const l=`action-${o}-${n}`;if(e.type==="button"){return s("span",{key:l},s(_,Object.assign({},t.getButtonFcProps(l,e))))}else if(e.type==="link"){return s("span",{key:l},s(O,Object.assign({},t.getLinkFcProps(l,e))))}return null})));const ee=(t,e,n)=>{const o=t.key;if(!o){return""}const l=e[o];if(!l){return""}return s("div",{class:Et},l.map(((t,e)=>{if(t.type==="badge"){return s(y,Object.assign({key:`state-${n}-${e}`},t))}return null})))};const ne=(t,e,n,o,l)=>{if(e.visible===false){return""}let i=`${n}-${o}-${e.label}`;if(e.data){const s=t.rowKeys.get(e.data);i=s?`${s}-${t.primaryHeaders.horizontal?o:n}`:i}if(e.headerCell){return Zt(t,e,n,o,l)}const a=typeof e.render!=="function"&&e.label===t.translateNoEntries;const r=St(t.headers,t.primaryHeaders,o,"action");const c=Boolean(r&&e.data);const d=St(t.headers,t.primaryHeaders,o,"state");const u=Boolean(d&&e.data);const f=Wt(t,o);const{left:h,right:b}=Gt(t,f,e.colIndex);const p=typeof e.render==="function";const v=e.textAlign;return s("td",{key:`cell-${i}-${t.settingsChangedCounter}`,class:Ft("cell",{actions:c,"align-center":v==="center","align-justify":v==="justify","align-left":v==="left","align-right":v==="right",body:true,states:u,"sticky-left":f==="left","sticky-right":f==="right"}),"aria-atomic":a?"false":undefined,"aria-live":a?"polite":undefined,"aria-relevant":a?"text":undefined,colSpan:e.colSpan,rowSpan:e.rowSpan,style:{textAlign:v,left:h,right:b},ref:p?n=>t.handleRenderCell(e,n):undefined},c&&r&&e.data?te(t,r,e.data,i):u&&d&&e.data?ee(d,e.data,i):!p?e.label:"")};const oe=(t,e,n,o,l=false)=>s("tr",{class:Ft("row",{body:!l,footer:l}),key:`row-${Qt(t,e,n)}`},Ut(t,e,n),e.map(((e,s)=>ne(t,e,n,s,o))));const se=(t,e,n)=>{const o=t.headers.vertical.length+gt(n===null||n===void 0?void 0:n[0])+(t.selection?1:0);return s("tr",{"aria-hidden":"true",class:Ft("spacer",{[e]:true})},s("td",{class:Ft("spacer-line",{[e]:true}),colSpan:o}))};const le=t=>{const{dataFoot:e,headers:n,primaryHeaders:o,translateNoEntries:l}=t;if(e.length===0){return null}const i=wt({data:e,dataFoot:e,headers:n,isFoot:true,noEntriesLabel:l,primaryHeaders:o});const a=mt(n.horizontal,e);const r=Object.assign(Object.assign({},t),{fixedOffsets:jt(o.cells,a,t.fixedCols,t.stickyColsDisabled),maxCols:a});return s("tfoot",{class:It},[se(t,"foot",i),i.map(((t,e)=>oe(r,t,e,true,true)))])};const ie=t=>{const{data:e,dataFoot:n,externalLabelElements:o,fixedCols:l,hasScrollbar:i,hasSettingsMenu:a,headers:r,label:c,loading:d,refScrollContainer:u,refTable:f,selection:h,stickyColsDisabled:b,variant:p}=t;const v=j("kol-no-entries");const m=pt(r);const y=mt(r.horizontal,e);const g=Object.assign(Object.assign({},t),{fixedOffsets:jt(m.cells,y,l,b),maxCols:y,primaryHeaders:m,selectionModel:$t(h),translateNoEntries:v});const k=wt({data:e,dataFoot:n,headers:r,isFoot:false,noEntriesLabel:v,primaryHeaders:m});const S=o.length===0;return s(w,{block:"kol-table",class:C(p,"table")},a&&t.renderSettings(r.horizontal),s("div",{ref:u,class:Mt,tabindex:i?S?"-1":"0":undefined},s("table",{ref:f,"aria-labelledby":S?"caption":undefined,class:Xt,style:{minWidth:_t(r)}},S&&s("caption",{class:qt,id:"caption",tabindex:i?"0":undefined},c),s("thead",{class:zt},[r.horizontal.map(((t,e)=>s("tr",{class:At,key:`thead-${e}`},h&&Jt(g),e===0&&Vt(g),Array.isArray(t)&&t.map(((t,n)=>Zt(g,t,e,n,false)))))),se(g,"head",r.horizontal)]),s("tbody",{class:Lt},s("div",{class:Ft("loader",{shown:d})},s($,{label:(d?j("kol-table-data-loading"):j("kol-table-data-loaded")).replace("{{caption}}",c),show:d,variant:"cycle"})),k.map(((t,e)=>oe(g,t,e,true)))),le(g))))};const ae=({dialog:t,card:e},n)=>s(H,Object.assign({},t),e?s(G,Object.assign({},e),n):n);const re=()=>{};const ce=(t,e,n)=>{const o=z();const s=z();const l=new Q(u.stateLess);const i=F();const a=L("dialog-heading");const r={};let c;let d=true;let h={};const b=t=>{const e=n();return e?T(e,t):true};const p=()=>{var t,e;(e=(t=o.el)===null||t===void 0?void 0:t.close)===null||e===void 0?void 0:e.call(t)};const v=t=>{var e;P(t);if(t.defaultPrevented)return;(e=h.onCancel)===null||e===void 0?void 0:e.call(h,t);if(t.defaultPrevented)return;if(!b(E.cancel)){t.preventDefault()}};const m=t=>{var e;if(t.target!==o.el){return}A(r);(e=h.onClose)===null||e===void 0?void 0:e.call(h);b(E.close)};const y=()=>{l.hideTooltip();p();b(E.close)};return{getFcProps:e=>{var n,r,u;let b="";let p=0;let g="blank";let k="100%";q.apply(e.label,(t=>{b=t}));R.apply((n=e.level)!==null&&n!==void 0?n:0,(t=>{p=t}));N.apply(e.on,(t=>{h=t}));f.apply((r=e.variant)!==null&&r!==void 0?r:"blank",(t=>{g=t}));X.apply((u=e.width)!==null&&u!==void 0?u:"100%",(t=>{k=t}));const j=g==="card";if(j&&!c){c=W(t());l.componentWillLoad({label:c.label,align:c.tooltipAlign})}return{dialog:{blockClass:K(g),handleCancel:v,handleClose:m,label:b,labelledBy:j?a:undefined,modal:d,refDialog:o,width:k},card:j&&c?{ariaDescriptionId:i,closeButtonProps:c,handleBlur:re,handleClose:y,handleFocus:re,hasCloser:true,headingId:a,href:"",label:b,level:p,on:{},refCloseButton:s,refCta:re,refTooltip:l.setTooltipElementRef,target:""}:undefined}},show:t=>{var n,s;const l=o.el;if(l===null||l===void 0?void 0:l.open){return}if(d!==t){d=t;e()}if(t){(n=l===null||l===void 0?void 0:l.showModal)===null||n===void 0?void 0:n.call(l);if(l){M(r)}}else{(s=l===null||l===void 0?void 0:l.show)===null||s===void 0?void 0:s.call(l)}},close:p,syncListeners:()=>{if(s.el){l.syncListeners(undefined,s.el,true)}},destroy:()=>{p();A(r);l.destroy()}}};const de=S.forBlock("kol-table")("settings");const ue=t=>Number.isFinite(t)&&t!==undefined&&t>0?t:undefined;const fe=()=>{};const he=(t,e)=>{const n=j("kol-table-settings");const o=j("kol-table-settings-cancel");const l=j("kol-table-settings-apply");const i=j("kol-table-settings-error-all-invisible");let a;let r=false;let c=false;const d=()=>{r=true;e()};const u=b((()=>h(t)),(t=>t.syncListeners()),(t=>t.destroy()));const f=ce(t,d,(()=>a));const p=L("alert-heading");const v=F();let m;let y=[];let C=[];let S=null;const w=t=>{y=t.map((t=>[...t]));C=t.map((t=>t.map((t=>Object.assign({},t)))))};const x=()=>{var t;return(t=C[C.length-1])!==null&&t!==void 0?t:[]};const O=t=>{C=C.map(((e,n,o)=>n===o.length-1?t:e));d()};const $=(t,e)=>{const n=[...x()];const o=n.findIndex((e=>e.key===t));if(o===-1)return;let s;if(e==="up"){if(o===0)return;s=o-1}else{if(o===n.length-1)return;s=o+1}const[l]=n.splice(o,1);n.splice(s,0,l);O(n)};const D=(t,e)=>{const n=x().map((n=>n.key===t&&n.hidable!==false?Object.assign(Object.assign({},n),{visible:Boolean(e)}):n));O(n)};const z=(t,e)=>{const n=ue(Number(e));const o=x().map((e=>e.key===t&&e.resizable!==false?Object.assign(Object.assign({},e),{width:n}):e));O(o)};const A=()=>{C=y.map((t=>[...t]));S=null;d();f.close()};const M=t=>{t.preventDefault();const e=x();const n=e.some((t=>t.visible!==false));if(!n){S=i;d();return}else if(a){S=null;y=C.map((t=>t.map((t=>Object.assign({},t)))));d();const t=C.map((t=>t.map((t=>{const e=t,{hidable:n,resizable:o,sortable:s,visible:l,width:i}=e,a=B(e,["hidable","resizable","sortable","visible","width"]);const r=Object.assign({},a);if(l!==undefined)r.visible=l;if(n!==undefined)r.hidable=n;if(s!==undefined)r.sortable=s;if(o!==undefined)r.resizable=o;if(i!==undefined&&i!==null)r.width=i;return r}))));T(a,E.changeHeaderCells,t);f.close()}};const K=t=>{if(t){a=t}};const H=(t,e,n)=>s("div",{key:t.key,class:"kol-table-settings__column"},s(k,{_checked:t.visible!==false,_label:t.hidable?j("kol-table-settings-column-hidable",{placeholders:{column:t.label}}):j("kol-table-settings-column-not-hidable",{placeholders:{column:t.label}}),_value:true,_hideLabel:true,_disabled:t.hidable===false,_on:{onInput:(e,n)=>{var o;return D((o=t.key)!==null&&o!==void 0?o:"",n)}}}),s("span",{class:"kol-table-settings__column-label"},t.label),s(g,{_hideLabel:true,_value:ue(t.width),_label:j("kol-table-settings-column-width",{placeholders:{column:t.label}}),_min:1,_disabled:t.resizable===false,_on:{onInput:(e,n)=>{var o;return z((o=t.key)!==null&&o!==void 0?o:"",n)}}}),s(_,Object.assign({},u.get(`move-up-${t.key}`).getFcProps({_icons:"kolicon-chevron-up",_label:t.sortable===false||e===0?j("kol-table-settings-not-move",{placeholders:{column:t.label}}):j("kol-table-settings-move-up",{placeholders:{column:t.label}}),_hideLabel:true,_variant:"ghost",_on:{onClick:()=>{var e;return $((e=t.key)!==null&&e!==void 0?e:"","up")}},_disabled:t.sortable===false||e===0},{"data-testid":"table-settings-move-up"}))),s(_,Object.assign({},u.get(`move-down-${t.key}`).getFcProps({_icons:"kolicon-chevron-down",_label:t.sortable===false||e===n.length-1?j("kol-table-settings-not-move",{placeholders:{column:t.label}}):j("kol-table-settings-move-down",{placeholders:{column:t.label}}),_hideLabel:true,_variant:"ghost",_on:{onClick:()=>{var e;return $((e=t.key)!==null&&e!==void 0?e:"","down")}},_disabled:t.sortable===false||e===n.length-1},{"data-testid":"table-settings-move-down"}))));return{beginRender:()=>{u.beginRender();c=r;r=false},render:t=>{if(!c&&t!==m){m=t;w(t)}const e=x();return s("div",{class:de,ref:K},s("div",{class:"kol-table-settings"},s(_,Object.assign({},u.get("toggle").getFcProps({_icons:"kolicon-settings",_label:n,_hideLabel:true,_on:{onClick:()=>f.show(true)}})))),s(ae,Object.assign({},f.getFcProps({label:n,variant:"card",width:"fit-content"})),s("div",{class:"kol-table-settings__content"},S&&s("div",{class:"kol-table-settings__error-message"},s(I,{alert:false,closerAriaDescriptionId:v,handleCloserClick:fe,hasCloser:false,headingId:p,label:S,level:0,refCloserButton:fe,refCloserTooltip:fe,type:"error",variant:"msg"})),s("form",{onSubmit:M},s("div",{class:"kol-table-settings__columns"},e.map(((t,n)=>H(t,n,e)))),s("div",{class:"kol-table-settings__actions"},s(_,Object.assign({},u.get("cancel").getFcProps({_label:o,_variant:"secondary",_on:{onClick:()=>A()}},{"data-testid":"table-settings-cancel"}))),s(_,Object.assign({},u.get("apply").getFcProps({_label:l,_variant:"primary",_type:"submit"},{"data-testid":"table-settings-apply"}))))))))},sync:()=>{u.endRender();f.syncListeners()},destroy:()=>{u.destroy();f.destroy()}}};const be=150;const pe=t=>{if(t.horizontal.length===0){return t}return Object.assign(Object.assign({},t),{horizontal:t.horizontal.map((t=>t.map((t=>Object.assign(Object.assign({},t),{visible:typeof t.visible==="boolean"?t.visible:true,hidable:typeof t.hidable==="boolean"?t.hidable:true})))))})};const ve=(t,e)=>new Map(t.map((t=>{var n;return[t,(n=e.get(t))!==null&&n!==void 0?n:F()]})));class me extends u{constructor(){super(...arguments);this.cellRenderTimeouts=new Map;this.buttonItems=b((()=>h((()=>this.host))),(t=>t.syncListeners()),(t=>t.destroy()));this.settings=he((()=>this.host),(()=>i(this)));this.linkItems=b((()=>p((()=>i(this)))),(t=>t.syncListeners()),(t=>t.destroy()));this.handleResize=()=>{this.updateScrollbarState();clearTimeout(this.resizeDebounceTimeout);this.resizeDebounceTimeout=setTimeout((()=>{this.updateStickyColsDisabled()}),be)};this.handleSelectionChange=(t,e)=>{this.emitSelectionChange(t,e)};this.handleSort=(t,e)=>{this.emitSort(t,e)};this.handleRenderCell=(t,e)=>{if(!e){return}clearTimeout(this.cellRenderTimeouts.get(e));this.cellRenderTimeouts.set(e,setTimeout((()=>{if(typeof t.render==="function"){const n=t.render(e,t,t.data,this.getRenderProp("data"));if(typeof n==="string"){e.textContent=n}}})))};this.refScrollContainer=t=>{this.scrollContainerElement=t};this.refTable=t=>{this.tableElement=t;this.syncTableLabel(this.getState("externalLabelElements"))};this.getButtonFcProps=(t,e,n)=>this.buttonItems.get(t).getFcProps(e,n);this.renderSettings=t=>this.settings.render(t);this.getLinkFcProps=(t,e)=>this.linkItems.get(t).getFcProps(e)}initTableRenderProps(){this.initRenderProps(ht)}observeScrollContainer(){if(this.scrollContainerElement&&ResizeObserver){this.resizeObserver=new ResizeObserver(this.handleResize);this.resizeObserver.observe(this.scrollContainerElement)}this.updateStickyColsDisabled()}teardownTable(){var t;(t=this.resizeObserver)===null||t===void 0?void 0:t.disconnect();clearTimeout(this.resizeDebounceTimeout);this.buttonItems.destroy();this.linkItems.destroy();this.settings.destroy()}syncTableItems(){this.buttonItems.endRender();this.linkItems.endRender();this.settings.sync()}applyData(t){ot.apply(t,(t=>{this.setRenderProp("data",t);this.setState("rowKeys",ve(t,this.getState("rowKeys")))}))}applyDataFoot(t){st.apply(t,(t=>this.setRenderProp("dataFoot",t)))}applyFixedCols(t){Y.apply(t,(t=>this.setRenderProp("fixedCols",t)));this.updateStickyColsDisabled()}applyHasSettingsMenu(t){Z.apply(t,(t=>this.setRenderProp("hasSettingsMenu",t)))}applyHeaders(t){rt.apply(t,(t=>this.setRenderProp("headers",pe(t))))}applyLabel(t){v.apply(t,(t=>this.setRenderProp("label",t)))}applyLoading(t){ct.apply(t,(t=>this.setRenderProp("loading",t)))}applyOn(t){tt.apply(t,(t=>this.setRenderProp("on",t)))}applySelection(t){ft.apply(t,(t=>this.setRenderProp("selection",t)));this.updateStickyColsDisabled()}applyVariant(t){m.apply(t,(t=>this.setRenderProp("variant",t)))}syncTableLabel(t){if(!this.tableElement)return;if("ariaLabelledByElements"in this.tableElement){if(t===null||t===void 0?void 0:t.length){this.tableElement.ariaLabelledByElements=t}n.debug([this.tableElement,!!(t===null||t===void 0?void 0:t.length),t,this.tableElement.ariaLabelledByElements])}}moveCheckboxFocus(t){var e,n,o;if(t.key!=="ArrowUp"&&t.key!=="ArrowDown"){return}const s=Array.from((n=(e=this.scrollContainerElement)===null||e===void 0?void 0:e.querySelectorAll(".kol-table__selection-input--checkbox"))!==null&&n!==void 0?n:[]);const l=(o=this.scrollContainerElement)===null||o===void 0?void 0:o.querySelector(":focus");let i=s.indexOf(l);if(i>-1){t.preventDefault();const e=t.key==="ArrowDown"?1:s.length-1;i=(i+e)%s.length;s[i].focus()}}applyChangedHeaderCells(t){const e=Object.assign(Object.assign({},this.getRenderProp("headers")),{horizontal:t.detail});this.setRenderProp("headers",e);this.setState("settingsChangedCounter",this.getState("settingsChangedCounter")+1);const n=this.getRenderProp("on")[U.onChangeHeaderCells];if(typeof n==="function"){n(t,e)}}updateScrollbarState(){if(this.scrollContainerElement){const{clientHeight:t,clientWidth:e,scrollHeight:n,scrollWidth:o}=this.scrollContainerElement;this.setState("hasScrollbar",o>e||n>t&&["auto","scroll"].includes(getComputedStyle(this.scrollContainerElement).overflowY))}}calculateFixedColsWidth(){var t,e,n,o,s,l;const[i,a]=this.getRenderProp("fixedCols");const r=this.getRenderProp("headers");const c=pt(r).cells;const d=mt(r.horizontal,this.getRenderProp("data"));let u=0;for(let n=0;n<i&&n<c.length;n++){u+=(e=(t=c[n])===null||t===void 0?void 0:t.width)!==null&&e!==void 0?e:0}for(let t=d-a;t<d&&t<c.length;t++){u+=(o=(n=c[t])===null||n===void 0?void 0:n.width)!==null&&o!==void 0?o:0}if(this.getRenderProp("selection")){const t=(s=this.scrollContainerElement)===null||s===void 0?void 0:s.querySelector(".kol-table__cell--selection");u+=(l=t===null||t===void 0?void 0:t.offsetWidth)!==null&&l!==void 0?l:0}return u}updateStickyColsDisabled(){if(!this.scrollContainerElement){this.setState("stickyColsDisabled",false);return}const t=this.calculateFixedColsWidth();this.setState("stickyColsDisabled",t>0&&t>=this.scrollContainerElement.clientWidth)}emitSelectionChange(t,e){const n=this.getRenderProp("on")[U.onSelectionChange];if(typeof n==="function"){n(t,e)}if(this.host){T(this.host,E.selectionChange,e)}}emitSort(t,e){const n=this.getRenderProp("on")[U.onSort];if(typeof n==="function"&&e.key){n(t,e)}if(this.host){T(this.host,E.sort,e)}}renderTableStatelessFC(){this.buttonItems.beginRender();this.linkItems.beginRender();this.settings.beginRender();return s(ie,{data:this.getRenderProp("data"),dataFoot:this.getRenderProp("dataFoot"),externalLabelElements:this.getState("externalLabelElements"),fixedCols:this.getRenderProp("fixedCols"),getButtonFcProps:this.getButtonFcProps,getLinkFcProps:this.getLinkFcProps,renderSettings:this.renderSettings,handleRenderCell:this.handleRenderCell,handleSelectionChange:this.handleSelectionChange,handleSort:this.handleSort,hasScrollbar:this.getState("hasScrollbar"),hasSettingsMenu:this.getRenderProp("hasSettingsMenu"),headers:this.getRenderProp("headers"),label:this.getRenderProp("label"),loading:this.getRenderProp("loading"),on:this.getRenderProp("on"),refScrollContainer:this.refScrollContainer,refTable:this.refTable,rowKeys:this.getState("rowKeys"),selection:this.getRenderProp("selection"),settingsChangedCounter:this.getState("settingsChangedCounter"),stickyColsDisabled:this.getState("stickyColsDisabled"),variant:this.getRenderProp("variant")})}}export{me as B,st as a,ot as t,J as v};
+//# sourceMappingURL=base-BwsdAVVP.js.map