@eunomia/elements 1.0.0-beta.5 → 1.0.0-beta.7

package/dist/cdn/components/eun-table.js

@@ -1,29 +1,30 @@
-import{a as F}from"./chunks/chunk-KVYUNKUO.js";import{a as O}from"./chunks/chunk-X2AUBZD2.js";import{a as p}from"./chunks/chunk-A6KGFALA.js";import{a as f}from"./chunks/chunk-D2M4BV5Y.js";import{b as x,c as m}from"./chunks/chunk-E74CM7UG.js";import"./chunks/chunk-PCM7D3YF.js";import{a as g,b as H}from"./chunks/chunk-IDKZKLJR.js";import"./chunks/chunk-PED5ATYN.js";import{a as z,b as M}from"./chunks/chunk-ZYC7DHES.js";import"./chunks/chunk-5XJLIHAU.js";import{a as B}from"./chunks/chunk-MPQP4R54.js";import"./chunks/chunk-CEDHJUUH.js";import{a as P}from"./chunks/chunk-JRGM3W7I.js";import{a as k}from"./chunks/chunk-DKOPI7QA.js";import"./chunks/chunk-OW7XKDCH.js";import"./chunks/chunk-32DTNR52.js";import"./chunks/chunk-UP4M7TER.js";import"./chunks/chunk-VRGRCYIO.js";import"./chunks/chunk-MMLIPCOY.js";import"./chunks/chunk-A4EQSU36.js";import"./chunks/chunk-SGM2X2TC.js";import"./chunks/chunk-3MTUVMM5.js";import"./chunks/chunk-SJWRE6PW.js";import"./chunks/chunk-5EVP7YNE.js";import"./chunks/chunk-5GKM5DIB.js";import{a as l,f as T,g as C,h as r,i as w,j as L,l as A,n as b,p as E,r as R,s as I}from"./chunks/chunk-XH6NREVZ.js";function N(n){let c=document.createElement(p);for(let e of n){let t=document.createElement(O);t.textContent=e.label,e.width&&(t.width=e.width),e.sort&&(t.sort=e.sort),c.appendChild(t)}return c}function D(n,c,e,t,i){let s=document.createElement(f);s.rowKey=t?t(n,c):m(void 0,c);for(let o of e)s.appendChild($(o,n,c));return i&&s.appendChild(j(i,n,c)),s}function $(n,c,e){let t=document.createElement(F);n.align&&t.style.setProperty("--table-cell-align",K(n.align));let i=c[n.key];return R(n.render?n.render(i,c,e):V(i),t),t}function K(n){switch(n){case"center":return"center";case"right":return"flex-end";default:return"flex-start"}}function V(n){return n==null?"":String(n)}function j(n,c,e){if(n.type==="dropdown"){let i=document.createElement(B);return i.setAttribute("slot","action"),i.size="xs",i.appearance="ghost",n.icon?i.icon=n.icon:n.label&&(i.label=n.label),i.ariaLabel=n.label??"Row actions",i.options=n.options(c),i.disabledKeys=n.disabledKeys?.(c)??[],i.disabled=n.disabled?.(c)??!1,i.addEventListener("eunselect",s=>{n.onSelect(s.key,c,e)}),i}let t=document.createElement(k);if(t.setAttribute("slot","action"),t.size="xs",n.color?(t.color=n.color,t.appearance="default"):t.appearance="ghost",t.ariaLabel=n.label,t.disabled=n.disabled?.(c)??!1,n.icon){let i=document.createElement(P);i.name=n.icon,i.size="16",t.appendChild(i)}else t.textContent=n.label;return t.addEventListener("click",()=>n.onClick(c,e)),t}var v=class n extends Event{static{this.eventName="euntableselectionchange"}constructor(c){super(n.eventName,{bubbles:!0,composed:!1}),this.selectedKeys=c,this.selectedCount=c.length}};var _=C`
+import{a as C,b as J}from"./chunks/chunk-3PNGQEG4.js";import"./chunks/chunk-SVGWCKWT.js";import{a as Y,b as X}from"./chunks/chunk-ZYC7DHES.js";import"./chunks/chunk-QXQ25SQS.js";import{a as G}from"./chunks/chunk-VG6NAAIV.js";import"./chunks/chunk-PXF554MD.js";import"./chunks/chunk-EUWUDCBZ.js";import"./chunks/chunk-I4ERDXSM.js";import"./chunks/chunk-TFTRCIIK.js";import"./chunks/chunk-AK2DIJX7.js";import{b as x,c as k,d as U,e as W,f as T}from"./chunks/chunk-VJCNHMQZ.js";import"./chunks/chunk-624VJYNA.js";import"./chunks/chunk-TLBXTBMM.js";import"./chunks/chunk-YYCEPZUN.js";import"./chunks/chunk-DGI7TKCU.js";import"./chunks/chunk-Z3OFIE7S.js";import"./chunks/chunk-3BMACIDO.js";import"./chunks/chunk-UP4M7TER.js";import"./chunks/chunk-22D3SRFR.js";import"./chunks/chunk-PD62MBOJ.js";import"./chunks/chunk-BKZGTCMF.js";import"./chunks/chunk-3MTUVMM5.js";import"./chunks/chunk-5GKM5DIB.js";import{a as A}from"./chunks/chunk-PPCHQG7P.js";import"./chunks/chunk-O7PHBLH2.js";import{a as q,b as V,c as I}from"./chunks/chunk-SGM2X2TC.js";import{a as j}from"./chunks/chunk-62RLISRD.js";import"./chunks/chunk-QL5GSW2A.js";import{a as o,f as _,h as S,j as s,k as K,l as L,p as m,q as N,r as R,t as D,u as F}from"./chunks/chunk-YITWLCD3.js";var Q=(b,v,e)=>{let t=new Map;for(let a=v;a<=e;a++)t.set(b[a],a);return t},Z=V(class extends I{constructor(b){if(super(b),b.type!==q.CHILD)throw Error("repeat() can only be used in text expressions")}dt(b,v,e){let t;e===void 0?e=v:v!==void 0&&(t=v);let a=[],r=[],i=0;for(let c of b)a[i]=t?t(c,i):i,r[i]=e(c,i),i++;return{values:r,keys:a}}render(b,v,e){return this.dt(b,v,e).values}update(b,[v,e,t]){let a=W(b),{values:r,keys:i}=this.dt(v,e,t);if(!Array.isArray(a))return this.ut=i,r;let c=this.ut??=[],l=[],u,f,d=0,h=a.length-1,p=0,g=r.length-1;for(;d<=h&&p<=g;)if(a[d]===null)d++;else if(a[h]===null)h--;else if(c[d]===i[p])l[p]=k(a[d],r[p]),d++,p++;else if(c[h]===i[g])l[g]=k(a[h],r[g]),h--,g--;else if(c[d]===i[g])l[g]=k(a[d],r[g]),x(b,l[g+1],a[d]),d++,g--;else if(c[h]===i[p])l[p]=k(a[h],r[p]),x(b,a[d],a[h]),h--,p++;else if(u===void 0&&(u=Q(i,p,g),f=Q(c,d,h)),u.has(c[d]))if(u.has(c[h])){let y=f.get(i[p]),B=y!==void 0?a[y]:null;if(B===null){let $=x(b,a[d]);k($,r[p]),l[p]=$}else l[p]=k(B,r[p]),x(b,a[d],B),a[y]=null;p++}else T(a[h]),h--;else T(a[d]),d++;for(;p<=g;){let y=x(b,l[g+1]);k(y,r[p]),l[p++]=y}for(;d<=h;){let y=a[d++];y!==null&&T(y)}return this.ut=i,U(b,l),N}});function O(b,v){return b?.length?b:`__row-${v}`}function ee(b){switch(b){case"center":return"center";case"right":return"end";case"left":return"start";default:return}}var M=class b extends Event{static{this.eventName="euntableselectionchange"}constructor(v){super(b.eventName,{bubbles:!0,composed:!1}),this.selectedKeys=v,this.selectedCount=v.length}};var z=class b extends Event{static{this.eventName="euntablerowclick"}constructor(v){super(b.eventName,{bubbles:!0,cancelable:!0,composed:!1}),this.rowKey=v}};var re=S`
   :host {
-    display: grid;
-    grid-template-columns: var(--_columns, none);
-    align-items: stretch;
+    display: flex;
+    flex-direction: column;
+    position: relative;
+    box-sizing: border-box;
+    max-height: var(--table-max-height, none);
+    padding-top: var(--_table-caption-height, 0px);
+    font-family: var(--eun-font-family, "Mulish", sans-serif);
+  }
+
+  #frame {
+    flex: 1 1 auto;
+    min-height: 0;
     box-sizing: border-box;
     border: var(--eun-border-width-s, 1px) solid
       var(--table-border-color, var(--eun-border-color, #dee0e7));
     border-radius: var(--eun-border-radius-m, 10px);
     background: var(--table-background, var(--eun-surface-color, #ffffff));
     overflow: auto;
-    max-height: var(--table-max-height, none);
-    font-family: var(--eun-font-family, "Mulish", sans-serif);
-  }
-
-  :host([loading]) ::slotted(eun-table-item) {
-    display: none;
   }
 
   #table-sentinel {
-    grid-column: 1 / -1;
     block-size: 1px;
   }
 
   #table-loading-row {
-    grid-column: 1 / -1;
     display: flex;
     align-items: center;
     justify-content: center;
@@ -34,22 +35,562 @@ import{a as F}from"./chunks/chunk-KVYUNKUO.js";import{a as O}from"./chunks/chunk
   #table-loading-row[hidden] {
     display: none;
   }
-`,q=_;var S="eun-table-row-spacer",G=44,U="eun-table",a=class extends M(I){constructor(){super(...arguments);this.selectable=!1;this.checkboxAlwaysVisible=!1;this.actionAlwaysVisible=!1;this.stickyHeader=!1;this.stickyFirstColumn=!1;this.stickyLastColumn=!1;this.clearOnEscape=!1;this.loading=!1;this.skeletonRows=6;this.syncing=!1;this.clickable=!1;this.infinite=!1;this.virtualize=!1;this.pageSize=20;this.virtualizeThreshold=100;this.bufferPages=1;this.hasMore=!1;this.loadingMore=!1;this.rootMargin="400px";this.loadingMoreLabel="Loading more rows\u2026";this.actions=[];this.selectedLabel="selected";this.selectAllLabel="Select all";this.deselectAllLabel="Deselect all";this.selectAllAriaLabel="Select all rows";this.deselectAllAriaLabel="Deselect all rows";this.selectRowAriaLabel="Select row";this.toolbarAriaLabel="Selection actions";this.closeActionBarAriaLabel="Clear selection";this.data=[];this.internalSelection=new Set;this.hasAction=!1;this.logicalItems=[];this.mountedPages=new Set;this.detachedByPage=new Map;this.pageHeights=[];this.avgRowHeight=G;this.mutatingSlot=!1;this.requestedPages=0;this.lastFocusedRowIndex=-1;this.handleFocusIn=e=>{let t=e.target.closest(`${p}, ${f}`);if(!t)return;let i=this.rowIndexOf(t);i<0||(this.lastFocusedRow=t,this.lastFocusedRowIndex=i)};this.handleSlotChange=()=>{this.mutatingSlot||(this.virtualize&&this.syncLogicalItems(),this.syncChildren(),this.restoreFocusIfLost(),this.virtualize&&this.scheduleAnimationFrame(()=>this.syncPages()),this.infinite&&this.reobserveSentinel(this.sentinelEl))};this.handlePortaledAction=e=>{let t=e;this.dispatchEvent(new g(t.key,t.optionKey))};this.handleEscapeClear=e=>{e.key==="Escape"&&this.setSelection(new Set)};this.handleTableScroll=()=>{this.scheduleAnimationFrame(()=>this.syncPages())}}connectedCallback(){super.connectedCallback?.(),this.hasAttribute("role")||this.setAttribute("role","grid"),this.addEventListener("focusin",this.handleFocusIn)}disconnectedCallback(){this.removeEventListener("focusin",this.handleFocusIn),this.headerObserver?.disconnect(),this.teardownActionBar(),this.teardownLoadMoreSentinel(),this.resizeObserver?.disconnect(),super.disconnectedCallback?.()}firstUpdated(e){super.firstUpdated(e),this.virtualize&&this.syncLogicalItems(),this.syncChildren(),this.ensureVirtualizeObservers(),this.infinite&&this.setupTableLoadObserver()}updated(e){super.updated(e),e.has("selectable")&&(this.selectable?this.setAttribute("aria-multiselectable","true"):this.removeAttribute("aria-multiselectable")),e.has("syncing")&&(this.syncing?this.setAttribute("aria-busy","true"):this.removeAttribute("aria-busy")),["columns","data","rowAction","rowKey"].some(s=>e.has(s))&&this.regenerateManagedChildren(),["selectable","checkboxAlwaysVisible","actionAlwaysVisible","stickyHeader","stickyFirstColumn","stickyLastColumn","internalSelection","actions","selectedLabel","selectAllLabel","deselectAllLabel","selectAllAriaLabel","deselectAllAriaLabel","selectRowAriaLabel","toolbarAriaLabel","closeActionBarAriaLabel","loading","clickable","syncing"].some(s=>e.has(s))&&this.syncChildren(),e.has("virtualize")&&this.ensureVirtualizeObservers(),this.virtualize&&(e.has("pageSize")||e.has("virtualizeThreshold")||e.has("bufferPages"))&&this.scheduleAnimationFrame(()=>this.syncPages()),(e.has("infinite")||e.has("rootMargin"))&&(this.infinite?this.setupTableLoadObserver():(this.loadObserver?.disconnect(),this.loadObserver=void 0))}get selectedKeys(){return Array.from(this.internalSelection)}set selectedKeys(e){this.setSelection(new Set(e))}regenerateManagedChildren(){let e=this.columns;if(!e)return;let t=N(e),i=this.data.map((h,u)=>D(h,u,e,this.rowKey,this.rowAction));this.detachedByPage.clear(),this.pageHeights=[],this.mutatingSlot=!0,this.replaceChildren(t,...i),queueMicrotask(()=>{this.mutatingSlot=!1});let s=new Set(i.map(h=>h.rowKey)),o=new Set([...this.internalSelection].filter(h=>s.has(h)));o.size!==this.internalSelection.size&&(this.internalSelection=o),this.virtualize&&this.syncLogicalItems(),this.syncChildren(),this.restoreFocusIfLost(),this.virtualize&&this.scheduleAnimationFrame(()=>this.syncPages()),this.infinite&&this.reobserveSentinel(this.sentinelEl)}currentItems(){return this.virtualize?this.logicalItems:this.itemEls}restoreFocusIfLost(){if(!this.lastFocusedRow||this.lastFocusedRow.isConnected)return;let e=this.lastFocusedRowIndex;this.lastFocusedRow=void 0,this.lastFocusedRowIndex=-1,this.ownerDocument.activeElement===this.ownerDocument.body&&this.focusRowAt(e)}syncChildren(){let e=this.headerEls[0],t=this.currentItems();this.watchHeaderColumns(e),this.updateColumnsTemplate(e,t),this.wireHeader(e),this.wireItems(t),this.syncActionBar()}watchHeaderColumns(e){this.observedHeader!==e&&(this.headerObserver?.disconnect(),this.observedHeader=e,e&&(this.headerObserver=new MutationObserver(()=>this.syncChildren()),this.headerObserver.observe(e,{childList:!0,attributes:!0,attributeFilter:["width"],subtree:!0})))}updateColumnsTemplate(e,t){let s=(e?Array.from(e.querySelectorAll(":scope > eun-table-column")):[]).map(h=>h.width);this.hasAction=t.some(h=>!!h.querySelector(':scope > [slot="action"]'));let o=x(s,{selectable:this.selectable,hasAction:this.hasAction});this.style.setProperty("--_columns",o)}wireHeader(e){e&&(e.selectable=this.selectable,e.hasAction=this.hasAction,e.sticky=this.stickyHeader,e.stickyFirstColumn=this.stickyFirstColumn,e.stickyLastColumn=this.stickyLastColumn,e.selectedCount=this.internalSelection.size,e.totalCount=this.currentItems().length,e.selectAllAriaLabel=this.selectAllAriaLabel,e.deselectAllAriaLabel=this.deselectAllAriaLabel,e.onSelectAllToggle=()=>this.toggleSelectAll(),e.requestAdjacentRow=t=>this.moveFocus(this.rowIndexOf(e),t),e.requestGridEdge=t=>this.moveToGridEdge(t))}wireItems(e){e.forEach((t,i)=>{let s=m(t.rowKey,i);t.resolvedKey=s,t.selectable=this.selectable,t.hasAction=this.hasAction,t.checkboxAlwaysVisible=this.checkboxAlwaysVisible,t.actionAlwaysVisible=this.actionAlwaysVisible,t.stickyFirstColumn=this.stickyFirstColumn,t.stickyLastColumn=this.stickyLastColumn,t.clickable=this.clickable,t.syncing=this.syncing,t.selected=this.internalSelection.has(s),t.selectionActive=this.selectable&&this.internalSelection.size>0,t.selectCheckboxLabel=`${this.selectRowAriaLabel} ${i+1}`,t.onToggleSelected=()=>this.toggleRow(s),t.requestAdjacentRow=o=>this.moveFocus(this.rowIndexOf(t),o),t.requestGridEdge=o=>this.moveToGridEdge(o)})}allRows(){let e=this.headerEls[0];if(this.loading)return e?[e]:[];let t=this.currentItems();return e?[e,...t]:[...t]}rowIndexOf(e){return this.allRows().indexOf(e)}moveFocus(e,t){this.focusRowAt(e+t)}moveToGridEdge(e){let t=this.allRows();t.length&&this.focusRowAt(e==="start"?0:t.length-1)}focusRowAt(e){let t=this.allRows();if(!t.length)return;let i=Math.max(0,Math.min(e,t.length-1));this.ensureRowMounted(t,i),this.allRows()[i]?.focus()}ensureRowMounted(e,t){if(!this.virtualize)return;let i=e[t];if(!i||i.isConnected)return;let s=this.logicalItems.indexOf(i);if(s<0)return;let o=Math.floor(s/this.pageSize);this.mountPage(o)&&this.syncChildren()}toggleRow(e){let t=new Set(this.internalSelection);t.has(e)?t.delete(e):t.add(e),this.setSelection(t)}toggleSelectAll(){let e=this.currentItems();if(e.length>0&&this.internalSelection.size===e.length){this.setSelection(new Set);return}this.setSelection(new Set(e.map((i,s)=>m(i.rowKey,s))))}setSelection(e){this.internalSelection=e,this.dispatchEvent(new v(Array.from(e)))}ensureActionBar(){return this.actionBarEl||(this.actionBarEl=document.createElement(H),this.actionBarEl.addEventListener(g.eventName,this.handlePortaledAction),document.body.appendChild(this.actionBarEl)),this.actionBarEl}teardownActionBar(){if(!this.actionBarEl)return;let e=this.actionBarEl.contains(this.ownerDocument.activeElement);this.actionBarEl.removeEventListener(g.eventName,this.handlePortaledAction),document.removeEventListener("keydown",this.handleEscapeClear),this.actionBarEl.remove(),this.actionBarEl=void 0,e&&this.focusRowAt(0)}syncActionBar(){if(!this.selectable||this.internalSelection.size===0){this.teardownActionBar();return}let e=!!this.actionBarEl,t=this.ensureActionBar();!e&&this.clearOnEscape&&document.addEventListener("keydown",this.handleEscapeClear),t.selectedCount=this.internalSelection.size,t.totalCount=this.currentItems().length,t.actions=this.actions,t.toolbarAriaLabel=this.toolbarAriaLabel,t.selectedLabel=this.selectedLabel,t.selectAllLabel=this.selectAllLabel,t.deselectAllLabel=this.deselectAllLabel,t.closeAriaLabel=this.closeActionBarAriaLabel,t.onSelectAll=()=>this.toggleSelectAll(),t.onClose=()=>this.setSelection(new Set)}syncLogicalItems(){let e=[];for(let s of Array.from(this.children))if(s instanceof HTMLElement){if(s.classList.contains(S)){let o=Number(s.dataset.eunPage);e.push(...this.detachedByPage.get(o)??[]);continue}s.tagName.toLowerCase()===f&&e.push(s)}this.logicalItems=e;let t=Math.ceil(e.length/this.pageSize),i=new Set;for(let s=0;s<t;s++)this.detachedByPage.has(s)||i.add(s);this.mountedPages=i}syncPages(){let e=this.logicalItems.length;if(e===0)return;let t=Math.ceil(e/this.pageSize),i=!1;if(e<=this.virtualizeThreshold)for(let s=0;s<t;s++)i=this.mountPage(s)||i;else{if(this.clientHeight===0)return;let s=this.estimateCenterPage(t),o=Math.max(0,s-this.bufferPages),h=Math.min(t-1,s+this.bufferPages);for(let u=0;u<t;u++)u>=o&&u<=h?i=this.mountPage(u)||i:i=this.unmountPage(u)||i}i&&this.syncChildren()}estimateCenterPage(e){let t=this.scrollTop+this.clientHeight/2,i=0;for(let s=0;s<e;s++){let o=this.pageHeights[s]??this.estimatePageHeight(s);if(t<i+o)return s;i+=o}return Math.max(0,e-1)}estimatePageHeight(e){let t=Math.ceil(this.logicalItems.length/this.pageSize);return(e===t-1?this.logicalItems.length-e*this.pageSize:this.pageSize)*this.avgRowHeight}mountPage(e){if(this.mountedPages.has(e))return!1;let t=this.detachedByPage.get(e);if(!t||t.length===0)return!1;let i=this.querySelector(`.${S}[data-eun-page="${e}"]`);if(this.mutatingSlot=!0,i){for(let s of t)i.before(s);i.remove()}else for(let s of t)this.append(s);return queueMicrotask(()=>{this.mutatingSlot=!1}),this.detachedByPage.delete(e),this.mountedPages.add(e),!0}unmountPage(e){if(!this.mountedPages.has(e))return!1;let t=e*this.pageSize,i=Math.min(t+this.pageSize,this.logicalItems.length),s=this.logicalItems.slice(t,i).filter(y=>y.isConnected);if(s.length===0)return!1;let o=s[0],u=s[s.length-1].getBoundingClientRect().bottom-o.getBoundingClientRect().top;if(u<=0)return!1;this.pageHeights[e]=u,this.avgRowHeight=(this.avgRowHeight+u/s.length)/2;let d=document.createElement("div");d.className=S,d.dataset.eunPage=String(e),d.style.gridColumn="1 / -1",d.style.blockSize=`${u}px`,d.setAttribute("aria-hidden","true"),this.mutatingSlot=!0,o.before(d);for(let y of s)y.remove();return queueMicrotask(()=>{this.mutatingSlot=!1}),this.detachedByPage.set(e,s),this.mountedPages.delete(e),!0}ensureVirtualizeObservers(){if(!this.virtualize){this.resizeObserver?.disconnect(),this.resizeObserver=void 0,this.removeEventListener("scroll",this.handleTableScroll),this.syncHandle&&(cancelAnimationFrame(this.syncHandle),this.syncHandle=void 0);return}this.resizeObserver||(this.resizeObserver=new ResizeObserver(()=>this.scheduleAnimationFrame(()=>this.syncPages())),this.resizeObserver.observe(this),this.addEventListener("scroll",this.handleTableScroll,{passive:!0})),this.scheduleAnimationFrame(()=>this.syncPages())}setupTableLoadObserver(){this.setupLoadObserver(this.sentinelEl,this,this.rootMargin,()=>this.maybeLoadMore())}maybeLoadMore(){this.loadingMore||!this.hasMore||(this.loadingMore=!0,this.requestedPages+=1,this.dispatchEvent(new z(this.requestedPages,this.pageSize)))}renderSkeletonRows(){let e=this.querySelector(":scope > eun-table-header"),t=this.columns?.length??e?.querySelectorAll(":scope > eun-table-column").length??0;return b`
-      ${Array.from({length:this.skeletonRows},(i,s)=>b`
-          <eun-table-skeleton-row
-            ?selectable=${this.selectable}
-            ?has-action=${this.hasAction}
-            column-count=${t}
-            style="--_row-index: ${s}"
-          ></eun-table-skeleton-row>
-        `)}
-    `}render(){return b`
-      <slot @slotchange=${this.handleSlotChange}></slot>
-      ${!this.loading&&this.infinite?b`
-            <div id="table-sentinel" aria-hidden="true"></div>
-            <div id="table-loading-row" ?hidden=${!this.loadingMore}>
-              <eun-loader label=${this.loadingMoreLabel}></eun-loader>
-            </div>
-          `:E}
-      ${this.loading?this.renderSkeletonRows():E}
-    `}};a.styles=q,l([r({type:Boolean,reflect:!0})],a.prototype,"selectable",2),l([r({type:Boolean,reflect:!0,attribute:"checkbox-always-visible"})],a.prototype,"checkboxAlwaysVisible",2),l([r({type:Boolean,reflect:!0,attribute:"action-always-visible"})],a.prototype,"actionAlwaysVisible",2),l([r({type:Boolean,reflect:!0,attribute:"sticky-header"})],a.prototype,"stickyHeader",2),l([r({type:Boolean,reflect:!0,attribute:"sticky-first-column"})],a.prototype,"stickyFirstColumn",2),l([r({type:Boolean,reflect:!0,attribute:"sticky-last-column"})],a.prototype,"stickyLastColumn",2),l([r({type:Boolean,reflect:!0,attribute:"clear-on-escape"})],a.prototype,"clearOnEscape",2),l([r({type:Boolean,reflect:!0})],a.prototype,"loading",2),l([r({attribute:"skeleton-rows",type:Number})],a.prototype,"skeletonRows",2),l([r({type:Boolean,reflect:!0})],a.prototype,"syncing",2),l([r({type:Boolean,reflect:!0})],a.prototype,"clickable",2),l([r({type:Boolean,reflect:!0})],a.prototype,"infinite",2),l([r({type:Boolean,reflect:!0})],a.prototype,"virtualize",2),l([r({attribute:"page-size",type:Number})],a.prototype,"pageSize",2),l([r({attribute:"virtualize-threshold",type:Number})],a.prototype,"virtualizeThreshold",2),l([r({attribute:"buffer-pages",type:Number})],a.prototype,"bufferPages",2),l([r({attribute:"has-more",type:Boolean,reflect:!0})],a.prototype,"hasMore",2),l([r({attribute:"loading-more",type:Boolean,reflect:!0})],a.prototype,"loadingMore",2),l([r({attribute:"root-margin"})],a.prototype,"rootMargin",2),l([r({attribute:"loading-more-label"})],a.prototype,"loadingMoreLabel",2),l([r({attribute:!1})],a.prototype,"actions",2),l([r({attribute:"selected-label"})],a.prototype,"selectedLabel",2),l([r({attribute:"select-all-label"})],a.prototype,"selectAllLabel",2),l([r({attribute:"deselect-all-label"})],a.prototype,"deselectAllLabel",2),l([r({attribute:"select-all-aria-label"})],a.prototype,"selectAllAriaLabel",2),l([r({attribute:"deselect-all-aria-label"})],a.prototype,"deselectAllAriaLabel",2),l([r({attribute:"select-row-aria-label"})],a.prototype,"selectRowAriaLabel",2),l([r({attribute:"toolbar-aria-label"})],a.prototype,"toolbarAriaLabel",2),l([r({attribute:"close-action-bar-aria-label"})],a.prototype,"closeActionBarAriaLabel",2),l([r({attribute:!1})],a.prototype,"columns",2),l([r({attribute:!1})],a.prototype,"data",2),l([r({attribute:!1})],a.prototype,"rowAction",2),l([r({attribute:!1})],a.prototype,"rowKey",2),l([w()],a.prototype,"internalSelection",2),l([w()],a.prototype,"hasAction",2),l([A({selector:"eun-table-header"})],a.prototype,"headerEls",2),l([A({selector:"eun-table-item"})],a.prototype,"itemEls",2),l([L("#table-sentinel")],a.prototype,"sentinelEl",2),a=l([T(U)],a);export{a as EunomiaTable,U as EunomiaTableTagName};
+
+  .visually-hidden {
+    position: absolute;
+    inline-size: 1px;
+    block-size: 1px;
+    padding: 0;
+    margin: -1px;
+    overflow: hidden;
+    clip: rect(0, 0, 0, 0);
+    white-space: nowrap;
+    border: 0;
+  }
+`,te=re;var ae=S`
+  eun-table > table {
+    --_table-select-width: var(--eun-table-select-col-width, 40px);
+    --_table-action-width: var(--eun-table-action-col-width, 56px);
+    --_table-transition: var(
+        --table-row-transition-duration,
+        var(--eun-duration-m, 200ms)
+      )
+      var(--eun-easing-default, ease);
+    width: 100%;
+    border-collapse: separate;
+    border-spacing: 0;
+    box-sizing: border-box;
+    font-size: var(--eun-font-size-s, 13px);
+    color: var(--table-cell-color, var(--eun-text-color, #071621));
+  }
+
+  eun-table > table > caption {
+    caption-side: top;
+    box-sizing: border-box;
+    padding: 0 0 var(--eun-space-s, 8px);
+    text-align: start;
+    font-size: var(--table-caption-font-size, var(--eun-font-size-m, 1rem));
+    font-weight: var(
+      --table-caption-font-weight,
+      var(--eun-font-weight-m, 500)
+    );
+    color: var(--table-caption-color, var(--eun-text-color, #071621));
+  }
+
+  eun-table:not(:defined) {
+    display: block;
+    overflow-x: auto;
+  }
+
+  eun-table:not(:defined) > table {
+    border: var(--eun-border-width-s, 1px) solid
+      var(--table-border-color, var(--eun-border-color, #dee0e7));
+    border-radius: var(--eun-border-radius-m, 10px);
+    background: var(--table-background, var(--eun-surface-color, #ffffff));
+  }
+
+  eun-table:defined > table > caption {
+    position: absolute;
+    top: 0;
+    inset-inline: 0;
+  }
+
+  eun-table > table > * > tr > :is(th, td) {
+    box-sizing: border-box;
+    padding: var(--eun-space-s, 8px) var(--eun-space-m, 16px);
+    text-align: start;
+    vertical-align: middle;
+    background-color: var(
+      --table-row-background,
+      var(--eun-surface-color, #ffffff)
+    );
+    --_table-divider-end: var(--table-column-border-color, transparent);
+    --_table-divider-start: transparent;
+    --_table-tint: transparent;
+    box-shadow:
+      inset -1px 0 0 var(--_table-divider-end),
+      inset 1px 0 0 var(--_table-divider-start),
+      inset 0 0 0 9999px var(--_table-tint);
+    border-bottom: var(--eun-border-width-s, 1px) solid
+      var(--table-border-color, var(--eun-border-color, #dee0e7));
+    transition:
+      background-color var(--_table-transition),
+      box-shadow var(--_table-transition);
+  }
+
+  eun-table > table > * > tr > :is(th, td) > eun-icon {
+    display: inline-flex;
+    vertical-align: middle;
+  }
+
+  eun-table > table > * > tr > :is(th, td):last-child {
+    --_table-divider-end: transparent;
+  }
+
+  eun-table > table > :last-child > tr:last-child > :is(th, td) {
+    border-bottom: none;
+  }
+
+  eun-table > table > thead > tr > :is(th, td) {
+    background-color: var(
+      --table-header-background,
+      var(--eun-surface-color, #ffffff)
+    );
+    font-weight: var(--table-column-font-weight, var(--eun-font-weight-m, 500));
+    color: var(--table-column-color, var(--eun-text-secondary, #484e61));
+    white-space: nowrap;
+  }
+
+  eun-table > table > tbody > tr > th {
+    font-weight: var(--eun-font-weight-m, 500);
+  }
+
+  eun-table > table > tfoot > tr > :is(th, td) {
+    background-color: var(
+      --table-footer-background,
+      var(--table-row-background, var(--eun-surface-color, #ffffff))
+    );
+    font-weight: var(--eun-font-weight-m, 500);
+  }
+
+  eun-table
+    > table
+    > tbody:not([data-table-skeleton])
+    > tr:not([data-selected]):is(:hover, :focus-within)
+    > :is(th, td) {
+    --_table-tint: var(
+      --table-row-hover-background,
+      var(--eun-content-hover, #edeff0)
+    );
+  }
+
+  eun-table > table > tbody > tr[data-selected] > :is(th, td) {
+    --_table-tint: var(
+      --table-row-selected-background,
+      var(--eun-color-primary-alpha-10, rgba(18, 123, 185, 0.08))
+    );
+  }
+
+  eun-table:is([selectable], [clickable]) > table > tbody > tr {
+    cursor: pointer;
+  }
+
+  eun-table > table > tbody > tr[data-dragging] {
+    position: relative;
+    z-index: 3;
+    cursor: grabbing;
+  }
+
+  eun-table > table > tbody > tr[data-dragging] > :is(th, td) {
+    --_table-tint: var(
+      --table-row-dragging-background,
+      var(--eun-color-primary-alpha-10, rgba(18, 123, 185, 0.08))
+    );
+    border-bottom-color: transparent;
+  }
+
+  eun-table > table > * > tr > [data-table-select] {
+    position: sticky;
+    inset-inline-start: 0;
+    z-index: 1;
+    width: var(--_table-select-width);
+    min-width: var(--_table-select-width);
+    padding: 0 0 0 var(--eun-space-s, 8px);
+    text-align: center;
+    background-color: var(
+      --table-sticky-column-background,
+      var(--table-row-background, var(--eun-surface-color, #ffffff))
+    );
+    --_table-divider-end: var(
+      --table-sticky-border-color,
+      var(--table-column-border-color, transparent)
+    );
+  }
+
+  eun-table > table > thead > tr > [data-table-select] {
+    background-color: var(
+      --table-sticky-column-background,
+      var(--table-header-background, var(--eun-surface-color, #ffffff))
+    );
+  }
+
+  eun-table > table [data-table-select] eun-checkbox {
+    vertical-align: middle;
+    font-size: calc(var(--checkbox-size, 16px) + 2px);
+    --checkbox-border-color: var(
+      --table-checkbox-border-color,
+      var(--eun-color-grey-600, #666e8a)
+    );
+    --checkbox-background: var(
+      --table-checkbox-background,
+      var(--eun-surface-color, #ffffff)
+    );
+    --checkbox-background-hover: var(
+      --table-checkbox-hover,
+      var(--eun-color-grey-200, #ecedf0)
+    );
+  }
+
+  eun-table > table > tbody > tr > [data-table-select] eun-checkbox {
+    opacity: 0;
+  }
+
+  eun-table
+    > table
+    > tbody
+    > tr:is(:hover, :focus-within, [data-selected])
+    > [data-table-select]
+    eun-checkbox,
+  eun-table:is([selection-active], [checkbox-always-visible])
+    > table
+    > tbody
+    > tr
+    > [data-table-select]
+    eun-checkbox {
+    opacity: 1;
+  }
+
+  eun-table > table > * > tr > [data-table-action] {
+    width: var(--_table-action-width);
+    min-width: var(--_table-action-width);
+    max-width: var(--_table-action-width);
+    padding-inline-start: 0;
+    text-align: end;
+    white-space: nowrap;
+  }
+
+  eun-table > table > tbody > tr > [data-table-action] > * {
+    opacity: 0;
+    --button-text: var(--table-action-color);
+  }
+
+  eun-table
+    > table
+    > tbody
+    > tr:is(:hover, :focus-within)
+    > [data-table-action]
+    > *,
+  eun-table[action-always-visible]
+    > table
+    > tbody
+    > tr
+    > [data-table-action]
+    > *,
+  eun-table > table > tbody > tr > [data-table-action] > [open] {
+    opacity: 1;
+  }
+
+  eun-table[selection-active] > table > tbody > tr > [data-table-action] > * {
+    opacity: 0 !important;
+  }
+
+  @media (hover: none) {
+    eun-table > table > tbody > tr > [data-table-select] eun-checkbox,
+    eun-table > table > tbody > tr > [data-table-action] > * {
+      opacity: 1;
+    }
+  }
+
+  eun-table[sticky-header] > table > thead > tr > :is(th, td) {
+    position: sticky;
+    top: 0;
+    z-index: 4;
+    border-bottom-color: var(
+      --table-sticky-border-color,
+      var(--table-border-color, var(--eun-border-color, #dee0e7))
+    );
+  }
+
+  eun-table[sticky-footer] > table > tfoot > tr > :is(th, td) {
+    position: sticky;
+    bottom: 0;
+    z-index: 3;
+    background-color: var(
+      --table-sticky-row-background,
+      var(
+        --table-footer-background,
+        var(--table-row-background, var(--eun-surface-color, #ffffff))
+      )
+    );
+    border-top: var(--eun-border-width-s, 1px) solid
+      var(
+        --table-sticky-border-color,
+        var(--table-border-color, var(--eun-border-color, #dee0e7))
+      );
+  }
+
+  eun-table[sticky-first-column]
+    > table
+    > *
+    > tr
+    > :is(
+      :first-child:not([data-table-select]),
+      [data-table-select] + :is(th, td)
+    ) {
+    position: sticky;
+    inset-inline-start: 0;
+    z-index: 2;
+    background-color: var(
+      --table-sticky-column-background,
+      var(--table-row-background, var(--eun-surface-color, #ffffff))
+    );
+    --_table-divider-end: var(
+      --table-sticky-border-color,
+      var(--table-column-border-color, transparent)
+    );
+  }
+
+  eun-table[sticky-first-column]
+    > table
+    > *
+    > tr
+    > [data-table-select]
+    + :is(th, td):not([data-table-select]) {
+    inset-inline-start: var(--_table-select-width);
+  }
+
+  eun-table[sticky-last-column]
+    > table
+    > *
+    > tr
+    > :is(:last-child, :nth-last-child(2):has(+ [data-table-action])) {
+    position: sticky;
+    inset-inline-end: 0;
+    z-index: 2;
+    background-color: var(
+      --table-sticky-column-background,
+      var(--table-row-background, var(--eun-surface-color, #ffffff))
+    );
+    --_table-divider-start: var(
+      --table-sticky-border-color,
+      var(--table-column-border-color, transparent)
+    );
+  }
+
+  eun-table[sticky-last-column]
+    > table
+    > *
+    > tr
+    > :nth-last-child(2):has(+ [data-table-action]) {
+    inset-inline-end: var(--_table-action-width);
+  }
+
+  eun-table[sticky-last-column]
+    > table
+    > *
+    > tr
+    > [data-table-action][data-table-action] {
+    --_table-divider-start: transparent;
+  }
+
+  eun-table[sticky-first-column]
+    > table
+    > thead
+    > tr
+    > :is(
+      :first-child:not([data-table-select]),
+      [data-table-select] + :is(th, td)
+    ),
+  eun-table[sticky-last-column]
+    > table
+    > thead
+    > tr
+    > :is(:last-child, :nth-last-child(2):has(+ [data-table-action])) {
+    background-color: var(
+      --table-sticky-column-background,
+      var(--table-header-background, var(--eun-surface-color, #ffffff))
+    );
+  }
+
+  eun-table[sticky-header] > table > thead > tr > [data-table-select],
+  eun-table[sticky-header][sticky-first-column]
+    > table
+    > thead
+    > tr
+    > :is(
+      :first-child:not([data-table-select]),
+      [data-table-select] + :is(th, td)
+    ),
+  eun-table[sticky-header][sticky-last-column]
+    > table
+    > thead
+    > tr
+    > :is(:last-child, :nth-last-child(2):has(+ [data-table-action])) {
+    z-index: 5;
+  }
+
+  eun-table[loading] > table > tbody:not([data-table-skeleton]) {
+    display: none;
+  }
+
+  eun-table > table > tbody[data-table-skeleton] > tr {
+    opacity: 0;
+    animation: eun-table-skeleton-row-enter
+      var(--table-skeleton-duration, 320ms) var(--eun-easing-default, ease)
+      forwards;
+    animation-delay: calc(
+      var(--table-skeleton-stagger, 60ms) * var(--_row-index, 0)
+    );
+  }
+
+  eun-table > table > tbody[data-table-skeleton] > tr > td {
+    padding-block: var(--eun-space-m, 16px);
+  }
+
+  eun-table > table > tbody[data-table-skeleton] > tr > td[data-table-select] {
+    padding-inline-start: calc(var(--eun-space-s, 8px) + 3px);
+  }
+
+  eun-table > table > tbody[data-table-skeleton] eun-skeleton {
+    display: inline-block;
+    vertical-align: middle;
+  }
+
+  :where(eun-table[syncing] > table > tbody > tr > :is(th, td)) {
+    position: relative;
+  }
+
+  eun-table[syncing] > table > tbody > tr > :is(th, td)::after {
+    content: "";
+    position: absolute;
+    inset: 0 var(--eun-border-width-s, 1px) var(--eun-border-width-s, 1px);
+    pointer-events: none;
+    background-image: linear-gradient(
+      90deg,
+      transparent 0%,
+      var(--table-sync-overlay-color, var(--eun-surface-color, #ffffff)) 50%,
+      transparent 100%
+    );
+    background-size: 200% 100%;
+    background-attachment: fixed;
+    animation: eun-table-row-sync-shimmer var(--table-sync-duration, 1.6s)
+      ease-in-out infinite;
+  }
+
+  eun-table > table > tbody > tr.eun-table-row-spacer > td {
+    padding: 0;
+    border: none;
+    background: none;
+    box-shadow: none;
+  }
+
+  eun-table > table > tbody > tr.eun-table-row-spacer > td::after {
+    content: none;
+  }
+
+  .eun-table-visually-hidden {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    padding: 0;
+    margin: -1px;
+    overflow: hidden;
+    clip: rect(0 0 0 0);
+    white-space: nowrap;
+    border: 0;
+  }
+
+  @keyframes eun-table-skeleton-row-enter {
+    from {
+      opacity: 0;
+      transform: translateY(4px);
+    }
+    to {
+      opacity: 1;
+      transform: none;
+    }
+  }
+
+  @keyframes eun-table-row-sync-shimmer {
+    0% {
+      background-position: -200% 0;
+    }
+    100% {
+      background-position: 200% 0;
+    }
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    eun-table > table > tbody[data-table-skeleton] > tr {
+      animation: none;
+      opacity: 1;
+    }
+
+    eun-table[syncing] > table > tbody > tr > :is(th, td)::after {
+      animation: none;
+    }
+  }
+`;var ie="eun-table",w="data-table-select",E="data-table-action",ne="data-table-row-link",H="data-table-skeleton",oe="data-selected",P="eun-table-row-spacer",le=44,se='a[href], button, input, select, textarea, summary, label, [contenteditable=""], [contenteditable="true"], [role="button"], [role="link"], [role="checkbox"], [role="switch"], [role="menuitem"]',n=class extends j(X(F)){constructor(){super(...arguments);this.selectable=!1;this.checkboxAlwaysVisible=!1;this.actionAlwaysVisible=!1;this.stickyHeader=!1;this.stickyFooter=!1;this.stickyFirstColumn=!1;this.stickyLastColumn=!1;this.clearOnEscape=!1;this.loading=!1;this.skeletonRows=6;this.syncing=!1;this.clickable=!1;this.infinite=!1;this.virtualize=!1;this.pageSize=20;this.virtualizeThreshold=100;this.bufferPages=1;this.hasMore=!1;this.loadingMore=!1;this.rootMargin="400px";this.actions=[];this.data=[];this.internalSelection=new Set;this.rowKeys=new Map;this.ariaRowsApplied=!1;this.logicalRows=[];this.mountedPages=new Set;this.detachedByPage=new Map;this.pageHeights=[];this.avgRowHeight=le;this.requestedPages=0;this.handleMutations=e=>{e.some(a=>{if(a.type==="attributes")return!0;let r=a.target;return r===this||/^(TABLE|THEAD|TBODY|TFOOT|TR)$/.test(r.nodeName??"")})&&(this.sync(),this.announceLoadedRows(),this.virtualize&&this.scheduleAnimationFrame(()=>this.syncPages()),this.infinite&&this.reobserveSentinel(this.sentinelEl))};this.handleClick=e=>{let t=e.target;if(t.closest?.(`[${w}]`)){t.closest("eun-checkbox")?.indeterminate&&this.toggleSelectAll();return}let r=this.bodyRowOf(t);!r||t.closest(`[${E}]`)||this.isInteractiveClick(e,r)||this.activateRow(r,e)};this.handleCheckboxChange=e=>{let t=e.target,a=t.closest?.(`[${w}]`);if(!a||t.nodeName!=="EUN-CHECKBOX")return;let r=a.parentElement;if(r.parentElement?.nodeName==="THEAD"){this.toggleSelectAll();return}let i=this.rowKeys.get(r);i!==void 0&&this.toggleRow(i)};this.handlePortaledAction=e=>{let t=e;e.stopPropagation(),this.dispatchEvent(new C(t.key,t.optionKey))};this.handleEscapeClear=e=>{e.key==="Escape"&&this.setSelection(new Set)};this.handleTableScroll=()=>{this.scheduleAnimationFrame(()=>this.syncPages())}}connectedCallback(){super.connectedCallback?.(),G(this,ae),this.addEventListener("click",this.handleClick),this.addEventListener("eunchange",this.handleCheckboxChange),this.mutationObserver=new MutationObserver(this.handleMutations),this.mutationObserver.observe(this,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["data-row-key"]}),this.hasUpdated&&this.sync()}disconnectedCallback(){this.removeEventListener("click",this.handleClick),this.removeEventListener("eunchange",this.handleCheckboxChange),this.mutationObserver?.disconnect(),this.mutationObserver=void 0,this.teardownActionBar(),this.teardownLoadMoreSentinel(),this.resizeObserver?.disconnect(),this.resizeObserver=void 0,this.captionObserver?.disconnect(),this.captionObserver=void 0,this.observedCaption=void 0,super.disconnectedCallback?.()}firstUpdated(e){super.firstUpdated(e),this.sync(),this.ensureVirtualizeObservers(),this.infinite&&this.setupTableLoadObserver()}updated(e){super.updated(e);let t=["columns","data","rowAction","rowKey"];this.columns&&t.some(r=>e.has(r))&&this.renderManagedTable(),["columns","data","rowAction","rowKey","selectable","stickyHeader","loading","virtualize","infinite","hasMore","skeletonRows","syncing","internalSelection","actions","selectedLabel","selectAllLabel","deselectAllLabel","selectAllAriaLabel","deselectAllAriaLabel","selectRowAriaLabel","toolbarAriaLabel","closeActionBarAriaLabel","locale"].some(r=>e.has(r))&&this.sync(),e.has("virtualize")&&this.ensureVirtualizeObservers(),this.virtualize&&(e.has("pageSize")||e.has("virtualizeThreshold")||e.has("bufferPages"))&&this.scheduleAnimationFrame(()=>this.syncPages()),(e.has("infinite")||e.has("rootMargin")||e.has("loading"))&&(this.infinite?this.setupTableLoadObserver():(this.loadObserver?.disconnect(),this.loadObserver=void 0))}get selectedKeys(){return Array.from(this.internalSelection)}set selectedKeys(e){this.setSelection(new Set(e))}get tableEl(){return this.querySelector(":scope > table")}get selectionActive(){return this.selectable&&this.internalSelection.size>0}get labels(){let e=this.dictionary.table;return{...e,loadingMore:this.loadingMoreLabel??e.loadingMore,selected:this.selectedLabel??e.selected,selectAll:this.selectAllLabel??e.selectAll,deselectAll:this.deselectAllLabel??e.deselectAll,selectAllRows:this.selectAllAriaLabel??e.selectAllRows,deselectAllRows:this.deselectAllAriaLabel??e.deselectAllRows,selectRow:this.selectRowAriaLabel??e.selectRow,selectionActions:this.toolbarAriaLabel??e.selectionActions,clearSelection:this.closeActionBarAriaLabel??e.clearSelection}}currentRows(){if(this.virtualize)return this.logicalRows;let e=this.tableEl;return e?Array.from(e.tBodies).filter(t=>!t.hasAttribute(H)).flatMap(t=>Array.from(t.rows)).filter(t=>!t.classList.contains(P)):[]}get bodyEl(){let e=this.tableEl;return e?Array.from(e.tBodies).find(t=>!t.hasAttribute(H)):void 0}sync(){this.virtualize&&this.syncLogicalRows();let e=this.tableEl;e&&(this.syncHeader(e),this.syncFooter(e),this.syncRows(this.currentRows()),this.syncSkeleton(e),this.syncAriaRows(e),this.syncing||this.loading?e.setAttribute("aria-busy","true"):e.removeAttribute("aria-busy")),this.watchCaption(e?.caption??void 0),this.toggleAttribute("selection-active",this.selectionActive),this.syncActionBar(),this.mutationObserver?.takeRecords()}watchCaption(e){if(e===this.observedCaption)return;if(this.captionObserver?.disconnect(),this.observedCaption=e,!e){this.style.removeProperty("--_table-caption-height");return}let t=()=>{this.style.setProperty("--_table-caption-height",`${e.getBoundingClientRect().height}px`)};this.captionObserver??=new ResizeObserver(()=>this.observedCaption?t():void 0),this.captionObserver.observe(e),t()}ensureSelectCell(e,t){let a=e.cells[0];if(a?.hasAttribute(w))return a;let r=document.createElement(t);return r.setAttribute(w,""),e.prepend(r),r}removeSelectCell(e){let t=e.cells[0];t?.hasAttribute(w)&&t.remove()}ensureCheckbox(e){let t=e.querySelector("eun-checkbox");return t||(t=document.createElement("eun-checkbox"),t.setAttribute("tabindex","0"),e.replaceChildren(t)),t}syncHeader(e){let t=e.tHead?Array.from(e.tHead.rows):[],[a,...r]=t;if(r.forEach(h=>this.removeSelectCell(h)),!a)return;if(!this.selectable){this.removeSelectCell(a);return}let i=this.ensureSelectCell(a,"th");i.setAttribute("scope","col"),i.rowSpan=t.length;let c=this.labels,l=this.currentRows().length,u=this.internalSelection.size,f=l>0&&u===l,d=this.ensureCheckbox(i);d.checked=f,d.indeterminate=u>0&&!f,d.disabled=l===0,d.setAttribute("aria-label",f?c.deselectAllRows:c.selectAllRows)}syncFooter(e){(e.tFoot?Array.from(e.tFoot.rows):[]).forEach(a=>{this.selectable?this.ensureSelectCell(a,"td").replaceChildren():this.removeSelectCell(a)})}syncRows(e){let t=new Map,a=this.selectionActive,r=this.labels;e.forEach((i,c)=>{let l=O(i.dataset.rowKey,c);t.set(i,l);let u=this.selectable&&this.internalSelection.has(l);if(i.toggleAttribute(oe,u),this.selectable){let f=this.ensureCheckbox(this.ensureSelectCell(i,"td"));f.checked=u,f.setAttribute("aria-label",`${r.selectRow} ${this.rowName(i)??c+1}`)}else this.removeSelectCell(i);for(let f of Array.from(i.cells))f.hasAttribute(E)&&(f.inert=a)}),this.rowKeys=t}rowName(e){return(e.querySelector(':scope > th[scope="row"]')??e.querySelector(`:scope > th:not([${w}])`))?.textContent?.replace(/\s+/g," ").trim()||void 0}syncAriaRows(e){if(!this.virtualize){this.ariaRowsApplied&&(e.removeAttribute("aria-rowcount"),e.querySelectorAll("tr[aria-rowindex]").forEach(a=>a.removeAttribute("aria-rowindex")),this.ariaRowsApplied=!1);return}let t=[...e.tHead?Array.from(e.tHead.rows):[],...this.logicalRows,...e.tFoot?Array.from(e.tFoot.rows):[]];e.setAttribute("aria-rowcount",this.infinite&&this.hasMore?"-1":String(t.length)),t.forEach((a,r)=>a.setAttribute("aria-rowindex",String(r+1))),this.ariaRowsApplied=!0}announceLoadedRows(){if(this.rowCountBeforeLoad===void 0||!this.announcerEl)return;let e=this.currentRows().length-this.rowCountBeforeLoad;e<=0||(this.rowCountBeforeLoad=void 0,this.announcerEl.textContent=this.dictionary.table.rowsLoaded(e))}syncSkeleton(e){let t=e.querySelector(`:scope > tbody[${H}]`);if(!this.loading){t?.remove();return}let a=e.tHead?.rows[0]?Array.from(e.tHead.rows[0].cells).filter(u=>!u.hasAttribute(w)):[],r=[this.selectable,this.skeletonRows,...a.map(u=>`${u.colSpan}${u.hasAttribute(E)?"a":""}`)].join(",");if(t?.dataset.tableSkeleton===r)return;let i=document.createElement("tbody");i.setAttribute(H,r),i.setAttribute("aria-hidden","true");for(let u=0;u<this.skeletonRows;u++){let f=i.insertRow();if(f.style.setProperty("--_row-index",String(u)),this.selectable){let d=f.insertCell();d.setAttribute(w,""),d.append(this.createSkeleton("18px","18px","4px"))}for(let d of a){let h=f.insertCell();h.colSpan=d.colSpan,d.hasAttribute(E)?(h.setAttribute(E,""),h.append(this.createSkeleton("28px","28px","8px"))):h.append(this.createSkeleton("50%","14px","4px"))}}if(t){t.replaceWith(i);return}let c=Array.from(e.tBodies),l=c[c.length-1];l?l.after(i):e.tFoot?e.tFoot.before(i):e.append(i)}createSkeleton(e,t,a){let r=document.createElement("eun-skeleton");return r.setAttribute("variant","rect"),r.setAttribute("width",e),r.setAttribute("height",t),r.setAttribute("radius",a),e.endsWith("%")&&(r.style.width=e),r}bodyRowOf(e){let t=e.closest?.("tr");return t&&this.rowKeys.has(t)?t:void 0}isInteractiveClick(e,t){for(let a of e.composedPath()){if(a===t)return!1;if(a instanceof Element&&a.matches(se))return!0}return!1}activateRow(e,t){let a=this.rowKeys.get(e)??"";if(this.selectionActive){this.toggleRow(a);return}let r=new z(a);this.dispatchEvent(r),r.defaultPrevented||this.followRowLink(e,t)}followRowLink(e,t){let a=e.querySelector(`[${ne}]`);if(!a)return;((a.matches("a[href]")?a:null)??a.querySelector("a[href]")??a.shadowRoot?.querySelector("a[href]")??a).dispatchEvent(new MouseEvent("click",{bubbles:!0,cancelable:!0,composed:!0,ctrlKey:t.ctrlKey,metaKey:t.metaKey,shiftKey:t.shiftKey,altKey:t.altKey}))}toggleRow(e){let t=new Set(this.internalSelection);t.has(e)?t.delete(e):t.add(e),this.setSelection(t)}toggleSelectAll(){let e=Array.from(this.rowKeys.values()),t=e.length>0&&e.every(a=>this.internalSelection.has(a));this.setSelection(t?new Set:new Set(e))}setSelection(e){this.internalSelection=e,this.dispatchEvent(new M(Array.from(e)))}ensureActionBar(){if(!this.actionBarEl){let e=document.createElement(J);e.setAttribute("popover","manual"),e.addEventListener(C.eventName,this.handlePortaledAction),this.after(e),e.showPopover?.(),this.actionBarEl=e}return this.actionBarEl}teardownActionBar(){if(!this.actionBarEl)return;let e=this.actionBarEl.contains(this.ownerDocument.activeElement);this.actionBarEl.removeEventListener(C.eventName,this.handlePortaledAction),document.removeEventListener("keydown",this.handleEscapeClear),this.actionBarEl.remove(),this.actionBarEl=void 0,e&&this.querySelector(`[${w}] eun-checkbox:not([disabled])`)?.focus()}syncActionBar(){if(!this.selectionActive){this.teardownActionBar();return}let e=!!this.actionBarEl,t=this.ensureActionBar();!e&&this.clearOnEscape&&document.addEventListener("keydown",this.handleEscapeClear),t.selectedCount=this.internalSelection.size,t.totalCount=this.rowKeys.size,t.actions=this.actions;let a=this.labels;t.toolbarAriaLabel=a.selectionActions,t.selectedLabel=a.selected,t.selectAllLabel=a.selectAll,t.deselectAllLabel=a.deselectAll,t.closeAriaLabel=a.clearSelection,t.onSelectAll=()=>this.toggleSelectAll(),t.onClose=()=>this.setSelection(new Set)}renderManagedTable(){let e=this.columns??[],t=this.data.map((i,c)=>this.rowKey?this.rowKey(i,c):O(void 0,c));this.mountAllPages(),D(m`<table>
+        <thead>
+          <tr>
+            ${e.map(i=>m`<th
+                  scope="col"
+                  style=${A(this.columnStyle(i,!0))}
+                  aria-sort=${A(i.sort)}
+                >
+                  ${i.label}
+                </th>`)}
+            ${this.rowAction?m`<th scope="col" data-table-action>
+                  <span class="eun-table-visually-hidden"
+                    >${this.rowAction.label??this.labels.rowActions}</span
+                  >
+                </th>`:R}
+          </tr>
+        </thead>
+        <tbody>
+          ${Z(this.data,(i,c)=>t[c],(i,c)=>m`<tr data-row-key=${t[c]}>
+                ${e.map(l=>m`<td
+                      style=${A(this.columnStyle(l,!1))}
+                    >
+                      ${this.renderManagedCell(l,i,c)}
+                    </td>`)}
+                ${this.rowAction?m`<td data-table-action>
+                      ${this.renderRowAction(this.rowAction,i,c)}
+                    </td>`:R}
+              </tr>`)}
+        </tbody>
+      </table>`,this);let a=new Set(t),r=new Set([...this.internalSelection].filter(i=>a.has(i)));r.size!==this.internalSelection.size&&(this.internalSelection=r),this.virtualize&&this.scheduleAnimationFrame(()=>this.syncPages()),this.infinite&&this.reobserveSentinel(this.sentinelEl)}columnStyle(e,t){let a=[];t&&e.width&&a.push(`width: ${e.width}`);let r=ee(e.align);return r&&a.push(`text-align: ${r}`),a.length?a.join("; "):void 0}renderManagedCell(e,t,a){let r=t[e.key];return e.render?e.render(r,t,a):r==null?"":String(r)}renderRowAction(e,t,a){return e.type==="dropdown"?m`<eun-dropdown-button
+        size="xs"
+        appearance="ghost"
+        icon=${A(e.icon)}
+        label=${A(e.icon?void 0:e.label)}
+        aria-label=${e.label??this.labels.rowActions}
+        .options=${e.options(t)}
+        .disabledKeys=${e.disabledKeys?.(t)??[]}
+        ?disabled=${e.disabled?.(t)??!1}
+        @eunselect=${r=>e.onSelect(r.key,t,a)}
+      ></eun-dropdown-button>`:m`<eun-button
+      size="xs"
+      appearance=${e.color?"default":"ghost"}
+      color=${A(e.color)}
+      aria-label=${e.label}
+      ?disabled=${e.disabled?.(t)??!1}
+      @click=${()=>e.onClick(t,a)}
+    >
+      ${e.icon?m`<eun-icon name=${e.icon} size="16"></eun-icon>`:e.label}
+    </eun-button>`}syncLogicalRows(){let e=[];for(let r of Array.from(this.bodyEl?.rows??[]))r.classList.contains(P)?e.push(...this.detachedByPage.get(Number(r.dataset.eunPage))??[]):e.push(r);this.logicalRows=e;let t=Math.ceil(e.length/this.pageSize),a=new Set;for(let r=0;r<t;r++)this.detachedByPage.has(r)||a.add(r);this.mountedPages=a}mountAllPages(){for(let e of Array.from(this.detachedByPage.keys()))this.mountPage(e);this.detachedByPage.clear(),this.pageHeights=[],this.mutationObserver?.takeRecords()}syncPages(){let e=this.logicalRows.length;if(e===0)return;let t=Math.ceil(e/this.pageSize),a=!1;if(e<=this.virtualizeThreshold)for(let r=0;r<t;r++)a=this.mountPage(r)||a;else{if(!this.frameEl?.clientHeight)return;let r=this.estimateCenterPage(t),i=Math.max(0,r-this.bufferPages),c=Math.min(t-1,r+this.bufferPages);for(let l=0;l<t;l++)l>=i&&l<=c?a=this.mountPage(l)||a:a=this.unmountPage(l)||a}a&&this.sync()}estimateCenterPage(e){let t=this.frameEl,a=t?t.scrollTop+t.clientHeight/2:0,r=0;for(let i=0;i<e;i++){let c=this.pageHeights[i]??this.estimatePageHeight(i);if(a<r+c)return i;r+=c}return Math.max(0,e-1)}estimatePageHeight(e){let t=Math.ceil(this.logicalRows.length/this.pageSize);return(e===t-1?this.logicalRows.length-e*this.pageSize:this.pageSize)*this.avgRowHeight}mountPage(e){let t=this.detachedByPage.get(e);if(this.mountedPages.has(e)||!t?.length)return!1;let a=this.bodyEl?.querySelector(`:scope > .${P}[data-eun-page="${e}"]`);return a?(a.before(...t),a.remove()):this.bodyEl?.append(...t),this.detachedByPage.delete(e),this.mountedPages.add(e),!0}unmountPage(e){if(!this.mountedPages.has(e))return!1;let t=e*this.pageSize,a=Math.min(t+this.pageSize,this.logicalRows.length),r=this.logicalRows.slice(t,a).filter(d=>d.isConnected);if(r.length===0)return!1;let i=r[0],l=r[r.length-1].getBoundingClientRect().bottom-i.getBoundingClientRect().top;if(l<=0)return!1;this.pageHeights[e]=l,this.avgRowHeight=(this.avgRowHeight+l/r.length)/2;let u=document.createElement("tr");u.className=P,u.dataset.eunPage=String(e),u.setAttribute("aria-hidden","true");let f=u.insertCell();return f.colSpan=1e3,f.style.blockSize=`${l}px`,i.before(u),r.forEach(d=>d.remove()),this.detachedByPage.set(e,r),this.mountedPages.delete(e),!0}ensureVirtualizeObservers(){if(!this.virtualize){this.resizeObserver?.disconnect(),this.resizeObserver=void 0,this.frameEl?.removeEventListener("scroll",this.handleTableScroll),this.syncHandle&&(cancelAnimationFrame(this.syncHandle),this.syncHandle=void 0);return}!this.resizeObserver&&this.frameEl&&(this.resizeObserver=new ResizeObserver(()=>this.scheduleAnimationFrame(()=>this.syncPages())),this.resizeObserver.observe(this.frameEl),this.frameEl.addEventListener("scroll",this.handleTableScroll,{passive:!0})),this.sync(),this.scheduleAnimationFrame(()=>this.syncPages())}setupTableLoadObserver(){this.setupLoadObserver(this.sentinelEl,this.frameEl??this,this.rootMargin,()=>this.maybeLoadMore())}maybeLoadMore(){this.loadingMore||!this.hasMore||(this.loadingMore=!0,this.rowCountBeforeLoad=this.currentRows().length,this.requestedPages+=1,this.dispatchEvent(new Y(this.requestedPages,this.pageSize)))}render(){return m`
+      <div id="frame" part="frame">
+        <slot></slot>
+        ${!this.loading&&this.infinite?m`
+              <div id="table-sentinel" aria-hidden="true"></div>
+              <div id="table-loading-row" ?hidden=${!this.loadingMore}>
+                <eun-loader label=${this.labels.loadingMore}></eun-loader>
+              </div>
+            `:R}
+      </div>
+      <div
+        id="announcer"
+        role="status"
+        aria-live="polite"
+        class="visually-hidden"
+      ></div>
+    `}};n.styles=te,o([s({type:Boolean,reflect:!0})],n.prototype,"selectable",2),o([s({type:Boolean,reflect:!0,attribute:"checkbox-always-visible"})],n.prototype,"checkboxAlwaysVisible",2),o([s({type:Boolean,reflect:!0,attribute:"action-always-visible"})],n.prototype,"actionAlwaysVisible",2),o([s({type:Boolean,reflect:!0,attribute:"sticky-header"})],n.prototype,"stickyHeader",2),o([s({type:Boolean,reflect:!0,attribute:"sticky-footer"})],n.prototype,"stickyFooter",2),o([s({type:Boolean,reflect:!0,attribute:"sticky-first-column"})],n.prototype,"stickyFirstColumn",2),o([s({type:Boolean,reflect:!0,attribute:"sticky-last-column"})],n.prototype,"stickyLastColumn",2),o([s({type:Boolean,reflect:!0,attribute:"clear-on-escape"})],n.prototype,"clearOnEscape",2),o([s({type:Boolean,reflect:!0})],n.prototype,"loading",2),o([s({attribute:"skeleton-rows",type:Number})],n.prototype,"skeletonRows",2),o([s({type:Boolean,reflect:!0})],n.prototype,"syncing",2),o([s({type:Boolean,reflect:!0})],n.prototype,"clickable",2),o([s({type:Boolean,reflect:!0})],n.prototype,"infinite",2),o([s({type:Boolean,reflect:!0})],n.prototype,"virtualize",2),o([s({attribute:"page-size",type:Number})],n.prototype,"pageSize",2),o([s({attribute:"virtualize-threshold",type:Number})],n.prototype,"virtualizeThreshold",2),o([s({attribute:"buffer-pages",type:Number})],n.prototype,"bufferPages",2),o([s({attribute:"has-more",type:Boolean,reflect:!0})],n.prototype,"hasMore",2),o([s({attribute:"loading-more",type:Boolean,reflect:!0})],n.prototype,"loadingMore",2),o([s({attribute:"root-margin"})],n.prototype,"rootMargin",2),o([s({attribute:"loading-more-label"})],n.prototype,"loadingMoreLabel",2),o([s({attribute:!1})],n.prototype,"actions",2),o([s({attribute:"selected-label"})],n.prototype,"selectedLabel",2),o([s({attribute:"select-all-label"})],n.prototype,"selectAllLabel",2),o([s({attribute:"deselect-all-label"})],n.prototype,"deselectAllLabel",2),o([s({attribute:"select-all-aria-label"})],n.prototype,"selectAllAriaLabel",2),o([s({attribute:"deselect-all-aria-label"})],n.prototype,"deselectAllAriaLabel",2),o([s({attribute:"select-row-aria-label"})],n.prototype,"selectRowAriaLabel",2),o([s({attribute:"toolbar-aria-label"})],n.prototype,"toolbarAriaLabel",2),o([s({attribute:"close-action-bar-aria-label"})],n.prototype,"closeActionBarAriaLabel",2),o([s({attribute:!1})],n.prototype,"columns",2),o([s({attribute:!1})],n.prototype,"data",2),o([s({attribute:!1})],n.prototype,"rowAction",2),o([s({attribute:!1})],n.prototype,"rowKey",2),o([K()],n.prototype,"internalSelection",2),o([L("#table-sentinel")],n.prototype,"sentinelEl",2),o([L("#frame")],n.prototype,"frameEl",2),o([L("#announcer")],n.prototype,"announcerEl",2),n=o([_(ie)],n);export{n as EunomiaTable,ie as EunomiaTableTagName};
+/*! Bundled license information:
+
+lit-html/directives/repeat.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+*/