@editora/ui-core 0.2.1 → 0.3.0

package/dist/data-table.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const A=require("./ElementBase-DxbvhLJs.js"),S=`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const A=require("./ElementBase-CbUsP3D6.js"),S=`
   :host {
     display: block;
     /* A wide table scrolls inside its own frame. Without this a grid or flex parent grows to the table's width. */
@@ -159,8 +159,8 @@
     --ui-data-table-summary-color: #94a3b8;
     --ui-data-table-empty-color: #94a3b8;
     --ui-data-table-sort-indicator: #94a3b8;
-    --ui-data-table-sort-active: #93c5fd;
-    --ui-data-table-focus-ring: #93c5fd;
+    --ui-data-table-sort-active: var(--ui-color-accent-on-dark, #93c5fd);
+    --ui-data-table-focus-ring: var(--ui-color-accent-on-dark, #93c5fd);
   }
 
   :host([elevation="none"]) {
@@ -658,7 +658,7 @@
       color: HighlightText;
     }
   }
-`;function w(){if(typeof document>"u")return;const m="ui-data-table-light-dom-style",t=document.getElementById(m);if(t){t.textContent!==x&&(t.textContent=x);return}const a=document.createElement("style");a.id=m,a.textContent=x,document.head.appendChild(a)}typeof document<"u"&&w();function p(m){return m?(m.textContent||"").replace(/\s+/g," ").trim():""}function E(m){const t=m.replace(/,/g,"");if(/^-?\d+(\.\d+)?$/.test(t))return Number(t);const a=Date.parse(m);return!Number.isNaN(a)&&/[-/]/.test(m)?a:m.toLowerCase()}const k=new Set(["sticky-header","sticky-footer","striped","hover","compact","bordered","loading","hide-summary","state","shape","variant","elevation"]),R=new Set(["pagination-id","bulk-actions-label","bulk-clear-label","state-text"]);class C extends A.ElementBase{constructor(){super(),this._table=null,this._observer=null,this._sortColumnIndex=-1,this._sortDirection="asc",this._selectedRows=new Set,this._isSyncing=!1,this._isSettingPage=!1,this._isSettingColumnOrder=!1,this._page=1,this._pageCount=1,this._pageSize=10,this._totalRows=0,this._filteredRows=0,this._paginationEl=null,this._resizeState=null,this._columnWidths=new Map,this._frameEl=null,this._scrollObserver=null,this._virtualRaf=0,this._virtualTopSpacer=null,this._virtualBottomSpacer=null,this._dragColumnIndex=-1,this._dragOverColumnIndex=-1,this._ignoreHeaderClickUntil=0,this._syncRaf=0,this._virtualStart=-1,this._virtualEnd=-1,this._virtualVisibleTotal=-1,this._resizeRaf=0,this._pendingResizeColumn=-1,this._pendingResizeWidth=null,this._onClick=this._onClick.bind(this),this._onKeyDown=this._onKeyDown.bind(this),this._onPaginationChange=this._onPaginationChange.bind(this),this._onPointerDown=this._onPointerDown.bind(this),this._onPointerMove=this._onPointerMove.bind(this),this._onPointerUp=this._onPointerUp.bind(this),this._onFrameScroll=this._onFrameScroll.bind(this),this._onDragStart=this._onDragStart.bind(this),this._onDragOver=this._onDragOver.bind(this),this._onDrop=this._onDrop.bind(this),this._onDragEnd=this._onDragEnd.bind(this)}static get observedAttributes(){return["headless","empty-text","sortable","selectable","multi-select","sticky-header","sticky-footer","striped","hover","compact","bordered","shape","variant","elevation","loading","state","state-text","filter-query","filter-column","filters","pin-columns","column-order","draggable-columns","resizable-columns","bulk-actions-label","bulk-clear-label","virtualize","row-height","overscan","page","page-size","pagination-id","hide-summary"]}connectedCallback(){super.connectedCallback(),w(),this.addEventListener("click",this._onClick),this.addEventListener("keydown",this._onKeyDown),this.addEventListener("pointerdown",this._onPointerDown),this.addEventListener("dragstart",this._onDragStart),this.addEventListener("dragover",this._onDragOver),this.addEventListener("drop",this._onDrop),this.addEventListener("dragend",this._onDragEnd),this._observer=new MutationObserver(()=>{this._isSyncing||this._queueSyncStructure()}),this._observer.observe(this,{childList:!0,subtree:!0,characterData:!0}),this._syncPaginationBinding()}disconnectedCallback(){this.removeEventListener("click",this._onClick),this.removeEventListener("keydown",this._onKeyDown),this.removeEventListener("pointerdown",this._onPointerDown),this.removeEventListener("dragstart",this._onDragStart),this.removeEventListener("dragover",this._onDragOver),this.removeEventListener("drop",this._onDrop),this.removeEventListener("dragend",this._onDragEnd),window.removeEventListener("pointermove",this._onPointerMove),window.removeEventListener("pointerup",this._onPointerUp),this._resizeState=null,this._frameEl&&(this._frameEl.removeEventListener("scroll",this._onFrameScroll),this._frameEl=null),this._virtualRaf&&(cancelAnimationFrame(this._virtualRaf),this._virtualRaf=0),this._resizeRaf&&(cancelAnimationFrame(this._resizeRaf),this._resizeRaf=0),this._pendingResizeColumn=-1,this._pendingResizeWidth=null,this._syncRaf&&(cancelAnimationFrame(this._syncRaf),this._syncRaf=0),this._clearVirtualSpacers(),this._observer&&(this._observer.disconnect(),this._observer=null),this._detachPaginationListener(),this._scrollObserver?.disconnect(),this._scrollObserver=null,super.disconnectedCallback()}attributeChangedCallback(t,a,e){if(a!==e&&!(t==="column-order"&&this._isSettingColumnOrder)&&!(t==="page"&&this._isSettingPage)){if(t==="headless"){this.requestRender();return}if(t==="empty-text"){this._syncEmptyText();return}if(this.isConnected){if(R.has(t)){t==="pagination-id"?this._syncPaginationBinding():t==="bulk-actions-label"||t==="bulk-clear-label"?this._updateBulkActions():t==="state-text"&&this._syncStateBar();return}if(k.has(t)){t==="hide-summary"?this._updateSummary():(t==="state"||t==="loading")&&this._syncStateBar();return}if(t==="filter-query"||t==="filter-column"||t==="filters"){this._syncStructure(),this._dispatchFilterChange();return}this._queueSyncStructure()}}}render(){if(this.hasAttribute("headless")){this.setContent("<slot></slot>"),this._syncStructure();return}const t=this.getAttribute("empty-text")||"No data available.";this.setContent(`
+`;function w(){if(typeof document>"u")return;const m="ui-data-table-light-dom-style",t=document.getElementById(m);if(t){t.textContent!==x&&(t.textContent=x);return}const a=document.createElement("style");a.id=m,a.textContent=x,document.head.appendChild(a)}typeof document<"u"&&w();function p(m){return m?(m.textContent||"").replace(/\s+/g," ").trim():""}function k(m){const t=m.replace(/,/g,"");if(/^-?\d+(\.\d+)?$/.test(t))return Number(t);const a=Date.parse(m);return!Number.isNaN(a)&&/[-/]/.test(m)?a:m.toLowerCase()}const E=new Set(["sticky-header","sticky-footer","striped","hover","compact","bordered","loading","hide-summary","state","shape","variant","elevation"]),R=new Set(["pagination-id","bulk-actions-label","bulk-clear-label","state-text"]);class C extends A.ElementBase{constructor(){super(),this._table=null,this._observer=null,this._sortColumnIndex=-1,this._sortDirection="asc",this._selectedRows=new Set,this._isSyncing=!1,this._isSettingPage=!1,this._isSettingColumnOrder=!1,this._page=1,this._pageCount=1,this._pageSize=10,this._totalRows=0,this._filteredRows=0,this._paginationEl=null,this._resizeState=null,this._columnWidths=new Map,this._frameEl=null,this._scrollObserver=null,this._virtualRaf=0,this._virtualTopSpacer=null,this._virtualBottomSpacer=null,this._dragColumnIndex=-1,this._dragOverColumnIndex=-1,this._ignoreHeaderClickUntil=0,this._syncRaf=0,this._virtualStart=-1,this._virtualEnd=-1,this._virtualVisibleTotal=-1,this._resizeRaf=0,this._pendingResizeColumn=-1,this._pendingResizeWidth=null,this._onClick=this._onClick.bind(this),this._onKeyDown=this._onKeyDown.bind(this),this._onPaginationChange=this._onPaginationChange.bind(this),this._onPointerDown=this._onPointerDown.bind(this),this._onPointerMove=this._onPointerMove.bind(this),this._onPointerUp=this._onPointerUp.bind(this),this._onFrameScroll=this._onFrameScroll.bind(this),this._onDragStart=this._onDragStart.bind(this),this._onDragOver=this._onDragOver.bind(this),this._onDrop=this._onDrop.bind(this),this._onDragEnd=this._onDragEnd.bind(this)}static get observedAttributes(){return["headless","empty-text","sortable","selectable","multi-select","sticky-header","sticky-footer","striped","hover","compact","bordered","shape","variant","elevation","loading","state","state-text","filter-query","filter-column","filters","pin-columns","column-order","draggable-columns","resizable-columns","bulk-actions-label","bulk-clear-label","virtualize","row-height","overscan","page","page-size","pagination-id","hide-summary"]}connectedCallback(){super.connectedCallback(),w(),this.addEventListener("click",this._onClick),this.addEventListener("keydown",this._onKeyDown),this.addEventListener("pointerdown",this._onPointerDown),this.addEventListener("dragstart",this._onDragStart),this.addEventListener("dragover",this._onDragOver),this.addEventListener("drop",this._onDrop),this.addEventListener("dragend",this._onDragEnd),this._observer=new MutationObserver(()=>{this._isSyncing||this._queueSyncStructure()}),this._observer.observe(this,{childList:!0,subtree:!0,characterData:!0}),this._syncPaginationBinding()}disconnectedCallback(){this.removeEventListener("click",this._onClick),this.removeEventListener("keydown",this._onKeyDown),this.removeEventListener("pointerdown",this._onPointerDown),this.removeEventListener("dragstart",this._onDragStart),this.removeEventListener("dragover",this._onDragOver),this.removeEventListener("drop",this._onDrop),this.removeEventListener("dragend",this._onDragEnd),window.removeEventListener("pointermove",this._onPointerMove),window.removeEventListener("pointerup",this._onPointerUp),this._resizeState=null,this._frameEl&&(this._frameEl.removeEventListener("scroll",this._onFrameScroll),this._frameEl=null),this._virtualRaf&&(cancelAnimationFrame(this._virtualRaf),this._virtualRaf=0),this._resizeRaf&&(cancelAnimationFrame(this._resizeRaf),this._resizeRaf=0),this._pendingResizeColumn=-1,this._pendingResizeWidth=null,this._syncRaf&&(cancelAnimationFrame(this._syncRaf),this._syncRaf=0),this._clearVirtualSpacers(),this._observer&&(this._observer.disconnect(),this._observer=null),this._detachPaginationListener(),this._scrollObserver?.disconnect(),this._scrollObserver=null,super.disconnectedCallback()}attributeChangedCallback(t,a,e){if(a!==e&&!(t==="column-order"&&this._isSettingColumnOrder)&&!(t==="page"&&this._isSettingPage)){if(t==="headless"){this.requestRender();return}if(t==="empty-text"){this._syncEmptyText();return}if(this.isConnected){if(R.has(t)){t==="pagination-id"?this._syncPaginationBinding():t==="bulk-actions-label"||t==="bulk-clear-label"?this._updateBulkActions():t==="state-text"&&this._syncStateBar();return}if(E.has(t)){t==="hide-summary"?this._updateSummary():(t==="state"||t==="loading")&&this._syncStateBar();return}if(t==="filter-query"||t==="filter-column"||t==="filters"){this._syncStructure(),this._dispatchFilterChange();return}this._queueSyncStructure()}}}render(){if(this.hasAttribute("headless")){this.setContent("<slot></slot>"),this._syncStructure();return}const t=this.getAttribute("empty-text")||"No data available.";this.setContent(`
       <style>${S}</style>
       <div class="statebar" part="state" hidden role="status" aria-live="polite">
         <span class="state-dot" aria-hidden="true"></span>
@@ -685,4 +685,4 @@
           <button type="button" class="bulk-clear" part="bulk-clear"></button>
         </div>
       </div>
-    `),this._syncStructure(),this._syncStateBar()}_findTable(){return this.querySelector("table")}_queueSyncStructure(){this.isConnected&&(this._syncRaf||(this._syncRaf=requestAnimationFrame(()=>{this._syncRaf=0,this._syncStructure()})))}_isVirtualSpacerRow(t){return t.hasAttribute("data-virtual-spacer")}_clearVirtualSpacers(){this._virtualTopSpacer?.isConnected&&this._virtualTopSpacer.remove(),this._virtualBottomSpacer?.isConnected&&this._virtualBottomSpacer.remove(),this._virtualTopSpacer=null,this._virtualBottomSpacer=null,this._virtualStart=-1,this._virtualEnd=-1,this._virtualVisibleTotal=-1}_parseRowHeight(){const t=Number(this.getAttribute("row-height")||44);return!Number.isFinite(t)||t<20?44:Math.round(t)}_parseOverscan(){const t=Number(this.getAttribute("overscan")||6);return!Number.isFinite(t)||t<0?6:Math.max(0,Math.floor(t))}_state(){const t=(this.getAttribute("state")||"idle").trim().toLowerCase();return t==="loading"||t==="error"||t==="success"?t:this.hasAttribute("loading")?"loading":"idle"}_stateText(t){const a=(this.getAttribute("state-text")||"").trim();return a||(t==="loading"?"Refreshing table data":t==="error"?"Table data could not be loaded":t==="success"?"Table data is up to date":"")}_syncStateBar(){const t=this.root.querySelector(".statebar"),a=this.root.querySelector(".state-text"),e=this.root.querySelector(".loading-text"),r=this.root.querySelector(".frame"),i=this._table;if(!t)return;const s=this._state();s!=="idle"?t.removeAttribute("hidden"):t.setAttribute("hidden",""),t.setAttribute("data-state",s),t.setAttribute("aria-live",s==="error"?"assertive":"polite");const n=this._stateText(s);a&&(a.textContent=n),e&&(e.textContent=this._stateText("loading"));const u=s==="loading"?"true":"false";r&&r.setAttribute("aria-busy",u),i&&i.setAttribute("aria-busy",u)}_isInteractionBlocked(){return this._state()==="loading"}_isInteractiveTarget(t){if(!t)return!1;const a=t.closest('button, a[href], input, select, textarea, label, summary, details, [contenteditable=""], [contenteditable="true"], [role="button"], [role="link"], [role="checkbox"], [role="switch"], [role="menuitem"]');return!(!a||a.classList.contains("resize-handle"))}_headerKey(t,a){if(!t)return`column-${a+1}`;const e=(t.getAttribute("data-key")||"").trim();if(e)return e;const r=p(t);return r?r.toLowerCase().replace(/\s+/g,"_"):`column-${a+1}`}_currentColumnOrderString(){return this._headerCells().map((a,e)=>this._headerKey(a,e)).join(",")}_setColumnOrderAttribute(t){(this.getAttribute("column-order")||"")!==t&&(this._isSettingColumnOrder=!0,this.setAttribute("column-order",t),this._isSettingColumnOrder=!1)}_isRtl(){return typeof window>"u"?!1:getComputedStyle(this).direction==="rtl"}_parsePageSize(){const t=Number(this.getAttribute("page-size")||10);return!Number.isFinite(t)||t<1?10:Math.floor(t)}_parsePage(){const t=Number(this.getAttribute("page")||1);return!Number.isFinite(t)||t<1?1:Math.floor(t)}_parseFilterQuery(){return(this.getAttribute("filter-query")||"").trim().toLowerCase()}_resolveFilterColumnIndex(t){const a=(this.getAttribute("filter-column")||"").trim();if(!a)return-1;const e=Number(a);if(Number.isInteger(e)&&e>=0&&e<t.length)return e;const r=a.toLowerCase();for(let i=0;i<t.length;i+=1){const s=t[i],o=(s.getAttribute("data-key")||"").toLowerCase(),n=p(s).toLowerCase();if(o===r||n===r)return i}return-1}_resolveColumnIndex(t,a){if(typeof a=="number"&&Number.isInteger(a)&&a>=0&&a<t.length)return a;const e=String(a||"").trim();if(!e)return-1;const r=Number(e);if(Number.isInteger(r)&&r>=0&&r<t.length)return r;const i=e.toLowerCase();for(let s=0;s<t.length;s+=1){const o=t[s],n=(o.getAttribute("data-key")||"").toLowerCase(),u=p(o).toLowerCase();if(n===i||u===i||this._headerKey(o,s)===i)return s}return-1}_parseFilters(t){const a=this.getAttribute("filters");if(!a)return[];try{const e=JSON.parse(a);if(!Array.isArray(e))return[];const r=[];return e.forEach(i=>{if(!i||typeof i!="object")return;const s=i.column??i.field??i.key,o=this._resolveColumnIndex(t,s);if(o<0)return;const n=String(i.op||i.operator||"contains").trim().toLowerCase();r.push({columnIndex:o,op:n,value:i.value})}),r}catch{return[]}}_normalizePinTokens(t){return Array.isArray(t)?t.map(a=>String(a).trim()).filter(Boolean):t==null?[]:String(t).split(",").map(a=>a.trim()).filter(Boolean)}_parsePinColumns(t){const a=this.getAttribute("pin-columns");if(!a)return{left:[],right:[]};const e=new Set,r=new Set,i=(u,c)=>{c.forEach(l=>{const d=this._resolveColumnIndex(t,l);d>=0&&u.add(d)})};try{const u=JSON.parse(a);if(u&&typeof u=="object"){i(e,this._normalizePinTokens(u.left)),i(r,this._normalizePinTokens(u.right));const c=Array.from(e).sort((d,h)=>d-h),l=Array.from(r).filter(d=>!e.has(d)).sort((d,h)=>h-d);return{left:c,right:l}}}catch{}a.split(";").map(u=>u.trim()).filter(Boolean).forEach(u=>{const[c,l]=u.split(":"),d=(c||"").trim().toLowerCase(),h=this._normalizePinTokens(l||"");d==="left"&&i(e,h),d==="right"&&i(r,h)});const o=Array.from(e).sort((u,c)=>u-c),n=Array.from(r).filter(u=>!e.has(u)).sort((u,c)=>c-u);return{left:o,right:n}}_setPageAttribute(t){const a=Math.max(1,t);this.getAttribute("page")!==String(a)&&(this._isSettingPage=!0,this.setAttribute("page",String(a)),this._isSettingPage=!1)}_bodyRows(){if(!this._table)return[];const t=this._table.tBodies[0];return t?Array.from(t.rows).filter(a=>!this._isVirtualSpacerRow(a)):[]}_headerCells(){if(!this._table)return[];const t=this._table.tHead?.rows[0];return t?Array.from(t.cells).filter(a=>a.tagName.toLowerCase()==="th"):Array.from(this._table.querySelectorAll("th"))}_clearPinnedColumns(){this._table&&this._table.querySelectorAll("[data-pinned]").forEach(t=>{const a=t;a.removeAttribute("data-pinned"),a.removeAttribute("data-pin-edge"),a.style.left="",a.style.right="",a.style.zIndex=""})}_resolveColumnWidth(t,a){const e=this._columnWidths.get(t);if(typeof e=="number"&&Number.isFinite(e))return Math.max(1,e);const r=a?.getBoundingClientRect().width||a?.offsetWidth||0;return Number.isFinite(r)&&r>0?r:120}_pinCell(t,a,e,r,i){t&&(t.setAttribute("data-pinned",a),r?t.setAttribute("data-pin-edge","true"):t.removeAttribute("data-pin-edge"),a==="left"?(t.style.left=`${Math.max(0,Math.round(e))}px`,t.style.right=""):(t.style.right=`${Math.max(0,Math.round(e))}px`,t.style.left=""),t.style.zIndex=i?"4":"3")}_applyPinnedColumns(){if(!this._table)return;this._clearPinnedColumns();const t=this._headerCells();if(!t.length)return;const{left:a,right:e}=this._parsePinColumns(t);if(!a.length&&!e.length)return;const r=Array.from(this._table.rows).filter(o=>!this._isVirtualSpacerRow(o));let i=0;a.forEach((o,n)=>{const u=this._resolveColumnWidth(o,t[o]),c=n===a.length-1;r.forEach((l,d)=>{const h=l.cells[o];this._pinCell(h,"left",i,c,d===0)}),i+=u});let s=0;e.forEach((o,n)=>{const u=this._resolveColumnWidth(o,t[o]),c=n===e.length-1;r.forEach((l,d)=>{const h=l.cells[o];this._pinCell(h,"right",s,c,d===0)}),s+=u})}_applyColumnOrder(){if(!this._table)return;const t=(this.getAttribute("column-order")||"").trim();if(!t)return;const a=this._table.tHead?.rows[0],e=this._table.tBodies[0];if(!a||!e)return;const r=Array.from(a.cells);if(!r.length)return;const i=t.split(",").map(l=>l.trim()).filter(Boolean);if(!i.length)return;const s=[],o=new Set,n=new Map;r.forEach((l,d)=>{const h=(l.getAttribute("data-key")||p(l)).toLowerCase().trim();h&&n.set(h,d)});for(const l of i){const d=Number(l);if(Number.isInteger(d)&&d>=0&&d<r.length){o.has(d)||(o.add(d),s.push(d));continue}const h=n.get(l.toLowerCase());typeof h=="number"&&!o.has(h)&&(o.add(h),s.push(h))}for(let l=0;l<r.length;l+=1)o.has(l)||s.push(l);if(s.every((l,d)=>l===d))return;s.map(l=>r[l]).forEach(l=>a.appendChild(l)),Array.from(e.rows).filter(l=>!this._isVirtualSpacerRow(l)).forEach(l=>{const d=Array.from(l.cells);s.map(f=>d[f]).filter(Boolean).forEach(f=>l.appendChild(f))}),this._columnWidths.clear()}_moveColumn(t,a){if(!this._table)return!1;const e=this._table.tHead?.rows[0],r=this._table.tBodies[0];if(!e||!r)return!1;const i=Array.from(e.cells),s=i.length;if(!s||t<0||t>=s||a<0||a>=s||t===a)return!1;const o=Array.from({length:s},(l,d)=>d),[n]=o.splice(t,1);o.splice(a,0,n),o.map(l=>i[l]).forEach(l=>e.appendChild(l)),Array.from(r.rows).filter(l=>!this._isVirtualSpacerRow(l)).forEach(l=>{const d=Array.from(l.cells);o.map(f=>d[f]).filter(Boolean).forEach(f=>l.appendChild(f))});const c=new Map;return o.forEach((l,d)=>{const h=this._columnWidths.get(l);typeof h=="number"&&c.set(d,h)}),this._columnWidths=c,this._sortColumnIndex>=0&&(this._sortColumnIndex=o.indexOf(this._sortColumnIndex)),this._syncHeaderState(),this._applyPinnedColumns(),this._syncRowSelectionState(),!0}_clearDragMarkers(){this._headerCells().forEach(a=>{a.removeAttribute("data-dragging"),a.removeAttribute("data-drag-over")}),this._dragOverColumnIndex=-1}_emitColumnOrderChange(t,a){const e=this._currentColumnOrderString();this._setColumnOrderAttribute(e),this.dispatchEvent(new CustomEvent("column-order-change",{detail:{sourceIndex:t,targetIndex:a,order:e,keys:this._headerCells().map((r,i)=>this._headerKey(r,i))},bubbles:!0}))}_focusHeaderAt(t){const e=this._headerCells()[t];e&&e.focus()}_focusSelectableRow(t,a){const e=this._bodyRows().filter(o=>!o.hidden),r=e.indexOf(t);if(r<0)return;const i=Math.min(e.length-1,Math.max(0,r+a)),s=e[i];s&&s.focus()}_headerKeyboardShortcuts(t,a){const e=this._isRtl(),r=e?"ArrowRight":"ArrowLeft",i=e?"ArrowLeft":"ArrowRight",s=[r,i,"Home","End"];return t&&s.push("Enter","Space"),a&&s.push(`Alt+${r}`,`Alt+${i}`),s.join(" ")}_syncScrollRegion(){const t=this._frameEl;if(!t)return;const a=t.scrollWidth>t.clientWidth+1||t.scrollHeight>t.clientHeight+1,e=!!this._table?.querySelector('[tabindex="0"], a[href], button, input, select, textarea');if(a&&!e){t.setAttribute("tabindex","0"),t.setAttribute("role","region"),t.setAttribute("data-scroll-region","");const r=(this.getAttribute("aria-label")||"").trim();t.setAttribute("aria-label",r?`${r}, scrollable`:"Scrollable table")}else t.hasAttribute("data-scroll-region")&&(t.removeAttribute("tabindex"),t.removeAttribute("role"),t.removeAttribute("aria-label"),t.removeAttribute("data-scroll-region"))}_watchScrollRegion(){this._scrollObserver?.disconnect(),this._scrollObserver=null,!(!this._frameEl||typeof ResizeObserver>"u")&&(this._scrollObserver=new ResizeObserver(()=>this._syncScrollRegion()),this._scrollObserver.observe(this._frameEl),this._table&&this._scrollObserver.observe(this._table))}_syncStructure(){if(!this._isSyncing){this._isSyncing=!0;try{this._table=this._findTable();const t=this.root.querySelector(".frame");this._frameEl!==t&&(this._frameEl&&this._frameEl.removeEventListener("scroll",this._onFrameScroll),this._frameEl=t,this._frameEl&&this._frameEl.addEventListener("scroll",this._onFrameScroll,{passive:!0}),this._watchScrollRegion());const a=this.root.querySelector(".empty"),e=this.root.querySelector(".summary");if(this._syncEmptyText(),!this._table){a&&a.removeAttribute("hidden"),e&&(e.textContent=""),this._selectedRows.clear(),this._page=1,this._pageCount=1,this._totalRows=0,this._filteredRows=0,this._clearVirtualization(!1),this._syncPaginationElement(),this._syncStateBar();return}a&&a.setAttribute("hidden",""),this._table.hasAttribute("data-ui-data-table")||this._table.setAttribute("data-ui-data-table","true"),this._table.hasAttribute("role")||this._table.setAttribute("role","table"),this._applyColumnOrder(),this._syncHeaderState(),this._applyPinnedColumns(),this._table.setAttribute("aria-colcount",String(this._headerCells().length||0)),this._applyPagination(!1),a&&(this._filteredRows>0?a.setAttribute("hidden",""):(this._syncEmptyText(),a.removeAttribute("hidden"))),this._applyVirtualization(!1),this._syncRowSelectionState(),this._updateBulkActions(),this._updateSummary(),this._syncPaginationElement(),this._syncStateBar()}finally{this._isSyncing=!1}}}_syncHeaderState(){const t=this.hasAttribute("sortable"),a=this.hasAttribute("draggable-columns"),e=this.hasAttribute("resizable-columns"),r=this._headerKeyboardShortcuts(t,a);this._headerCells().forEach((s,o)=>{if(s.setAttribute("data-col-index",String(o)),s.setAttribute("scope","col"),s.setAttribute("aria-colindex",String(o+1)),t||a?s.setAttribute("aria-keyshortcuts",r):s.removeAttribute("aria-keyshortcuts"),t?s.setAttribute("data-sortable","true"):s.removeAttribute("data-sortable"),t||a?s.hasAttribute("tabindex")||s.setAttribute("tabindex","0"):s.getAttribute("tabindex")==="0"&&s.removeAttribute("tabindex"),o===this._sortColumnIndex&&t?s.setAttribute("aria-sort",this._sortDirection==="asc"?"ascending":"descending"):t?s.setAttribute("aria-sort","none"):s.removeAttribute("aria-sort"),a?(s.setAttribute("data-draggable","true"),s.setAttribute("draggable","true"),s.setAttribute("aria-description","Draggable column header")):(s.removeAttribute("data-draggable"),s.removeAttribute("draggable"),s.removeAttribute("data-dragging"),s.removeAttribute("data-drag-over"),s.removeAttribute("aria-description")),e){s.setAttribute("data-resizable","true");let n=s.querySelector(".resize-handle");n||(n=document.createElement("button"),n.type="button",n.className="resize-handle",n.setAttribute("aria-hidden","true"),n.tabIndex=-1,s.appendChild(n)),n.setAttribute("data-col-index",String(o));const u=this._columnWidths.get(o);typeof u=="number"&&this._setColumnWidth(o,u,!1)}else{s.removeAttribute("data-resizable");const n=s.querySelector(".resize-handle");n&&n.remove()}})}_applyPagination(t){const a=this._bodyRows();this._pageSize=this._parsePageSize(),this._totalRows=a.length;const e=this._parseFilterQuery(),r=this._headerCells(),i=this._resolveFilterColumnIndex(r),s=this._parseFilters(r),o=a.filter(d=>this._rowMatchesFilter(d,e,i,s));this._filteredRows=o.length,this._table?.setAttribute("aria-rowcount",String(this._filteredRows));const n=this._parsePage();this._pageCount=Math.max(1,Math.ceil(o.length/this._pageSize)),this._page=Math.min(this._pageCount,Math.max(1,n)),this._page!==n&&this._setPageAttribute(this._page);const u=(this._page-1)*this._pageSize,c=u+this._pageSize,l=new Set(o);if(a.forEach(d=>{l.has(d)?d.removeAttribute("data-hidden-by-filter"):(d.hidden=!0,d.setAttribute("data-hidden-by-filter",""),d.removeAttribute("data-hidden-by-page"),d.removeAttribute("aria-rowindex"))}),o.forEach((d,h)=>{const f=h>=u&&h<c;d.hidden=!f,f?d.removeAttribute("data-hidden-by-page"):d.setAttribute("data-hidden-by-page",""),d.setAttribute("aria-rowindex",String(h+1))}),t){const d=o.length,h=d===0?0:u+1,f=Math.min(c,d);this.dispatchEvent(new CustomEvent("page-change",{detail:{page:this._page,count:this._pageCount,pageSize:this._pageSize,total:d,start:h,end:f},bubbles:!0}))}}_clearVirtualization(t){this._virtualRaf&&(cancelAnimationFrame(this._virtualRaf),this._virtualRaf=0),this._clearVirtualSpacers(),t&&this._bodyRows().forEach(a=>{a.style.display==="none"&&(a.style.display=""),a.removeAttribute("data-hidden-by-virtual")})}_ensureVirtualSpacer(t){if(!this._table)return null;const a=this._table.tBodies[0];if(!a)return null;const e=t==="top"?this._virtualTopSpacer:this._virtualBottomSpacer;if(e&&e.isConnected)return e;const r=document.createElement("tr");r.setAttribute("data-virtual-spacer",t),r.setAttribute("aria-hidden","true"),r.setAttribute("role","presentation"),r.style.pointerEvents="none";const i=document.createElement("td");return i.style.padding="0",i.style.border="0",i.style.height="0px",i.style.lineHeight="0",i.style.fontSize="0",i.innerHTML="&nbsp;",r.appendChild(i),t==="top"?(a.insertBefore(r,a.firstChild),this._virtualTopSpacer=r):(a.appendChild(r),this._virtualBottomSpacer=r),r}_setVirtualSpacerHeight(t,a,e){if(!t)return;const r=t.cells[0]||t.appendChild(document.createElement("td"));r.colSpan!==Math.max(1,e)&&(r.colSpan=Math.max(1,e)),r.style.padding="0",r.style.border="0",r.style.height=`${Math.max(0,Math.round(a))}px`,r.style.lineHeight="0",r.style.fontSize="0"}_applyVirtualization(t){if(!this.hasAttribute("virtualize")||!this._frameEl||!this._table){this._clearVirtualization(!0);return}const e=this._bodyRows().filter(g=>!g.hidden);if(!e.length){this._clearVirtualization(!0);return}const r=this._parseRowHeight(),i=this._parseOverscan(),s=this._frameEl.clientHeight||r*8,o=this._frameEl.scrollTop,n=Math.max(0,Math.floor(o/r)-i),u=Math.min(e.length,Math.ceil((o+s)/r)+i),c=n*r,l=Math.max(0,(e.length-u)*r),d=Math.max(1,this._headerCells().length||e[0]?.cells.length||1),h=this._ensureVirtualSpacer("top"),f=this._ensureVirtualSpacer("bottom");this._setVirtualSpacerHeight(h,c,d),this._setVirtualSpacerHeight(f,l,d);const y=(g,v)=>{v?(g.style.display==="none"&&(g.style.display=""),g.removeAttribute("data-hidden-by-virtual")):(g.style.display!=="none"&&(g.style.display="none"),g.setAttribute("data-hidden-by-virtual",""))};if(!(this._virtualStart>=0&&this._virtualEnd>=this._virtualStart&&this._virtualVisibleTotal===e.length))e.forEach((g,v)=>{y(g,v>=n&&v<u)});else{const g=this._virtualStart,v=this._virtualEnd;for(let b=g;b<Math.min(n,v);b+=1){const _=e[b];_&&y(_,!1)}for(let b=n;b<Math.min(g,u);b+=1){const _=e[b];_&&y(_,!0)}for(let b=Math.max(u,g);b<v;b+=1){const _=e[b];_&&y(_,!1)}for(let b=Math.max(v,n);b<u;b+=1){const _=e[b];_&&y(_,!0)}}this._virtualStart=n,this._virtualEnd=u,this._virtualVisibleTotal=e.length,t&&this.dispatchEvent(new CustomEvent("virtual-range-change",{detail:{start:n,end:Math.max(n,u-1),visible:Math.max(0,u-n),total:e.length},bubbles:!0}))}_updateSummary(){const t=this.root.querySelector(".summary");if(!t)return;const a=this._totalRows,e=this._filteredRows;if(!a||!e){t.textContent="No records";return}const r=(this._page-1)*this._pageSize+1,i=Math.min(this._page*this._pageSize,e);if(e===a){t.textContent=`Showing ${r}-${i} of ${a}`;return}t.textContent=`Showing ${r}-${i} of ${e} filtered records (${a} total)`}_syncEmptyText(){const t=this.root.querySelector(".empty");if(!t)return;const a=!!this._parseFilterQuery();if(this._table&&this._filteredRows===0&&a){t.textContent="No matching records.";return}t.textContent=this.getAttribute("empty-text")||"No data available."}_dispatchFilterChange(){this.dispatchEvent(new CustomEvent("filter-change",{detail:{query:this.getAttribute("filter-query")||"",filters:this.getAttribute("filters")||"",total:this._totalRows,filtered:this._filteredRows,page:this._page,count:this._pageCount},bubbles:!0}))}_parseComparable(t){const a=t.replace(/,/g,"").trim();return/^-?\d+(\.\d+)?$/.test(a)?Number(a):t.toLowerCase()}_rulePasses(t,a){const e=a.op,r=a.value,i=t.trim(),s=i.toLowerCase();if(e==="empty")return i.length===0;if(e==="notempty"||e==="not-empty")return i.length>0;if(e==="equals"||e==="eq")return s===String(r??"").toLowerCase();if(e==="neq"||e==="not-equals")return s!==String(r??"").toLowerCase();if(e==="startswith"||e==="starts-with")return s.startsWith(String(r??"").toLowerCase());if(e==="endswith"||e==="ends-with")return s.endsWith(String(r??"").toLowerCase());if(e==="in")return(Array.isArray(r)?r.map(n=>String(n).toLowerCase()):String(r??"").split(",").map(n=>n.trim().toLowerCase()).filter(Boolean)).includes(s);if(e==="gt"||e==="gte"||e==="lt"||e==="lte"||e==="between"){const o=this._parseComparable(i);if(typeof o!="number")return!1;if(e==="between"){const u=Array.isArray(r)?r:String(r??"").split(","),c=Number(u[0]),l=Number(u[1]);return!Number.isFinite(c)||!Number.isFinite(l)?!1:o>=Math.min(c,l)&&o<=Math.max(c,l)}const n=Number(r);return Number.isFinite(n)?e==="gt"?o>n:e==="gte"?o>=n:e==="lt"?o<n:o<=n:!1}return s.includes(String(r??"").toLowerCase())}_rowMatchesFilter(t,a,e,r){if(a){const i=e>=0?p(t.cells[e]):Array.from(t.cells).map(n=>p(n)).join(" ");if(!i)return!1;const s=i.toLowerCase(),o=a.split(/\s+/).filter(Boolean);if(o.length&&!o.every(n=>s.includes(n)))return!1}return r.length?r.every(i=>{const s=t.cells[i.columnIndex];return this._rulePasses(p(s),i)}):!0}_setColumnWidth(t,a,e=!0){if(!this._table)return;const r=Math.max(72,Math.round(a));if(this._columnWidths.set(t,r),Array.from(this._table.rows).forEach(o=>{const n=o.cells[t];n&&(n.style.width=`${r}px`,n.style.minWidth=`${r}px`,n.style.maxWidth=`${r}px`,n.style.boxSizing="border-box")}),!e)return;this._applyPinnedColumns();const s=this._headerCells()[t];this.dispatchEvent(new CustomEvent("column-resize",{detail:{columnIndex:t,key:s?.getAttribute("data-key")||p(s)||`column-${t+1}`,width:r},bubbles:!0}))}_onPointerDown(t){if(!this.hasAttribute("resizable-columns")||!this._table)return;const e=t.target.closest(".resize-handle");if(!e||!this._table.contains(e))return;const r=Number(e.getAttribute("data-col-index"));if(!Number.isInteger(r)||r<0)return;const i=this._headerCells()[r];if(!i)return;t.preventDefault();const s=i.getBoundingClientRect().width;this._resizeState={columnIndex:r,startX:t.clientX,startWidth:s},window.addEventListener("pointermove",this._onPointerMove),window.addEventListener("pointerup",this._onPointerUp)}_onPointerMove(t){if(!this._resizeState)return;const a=t.clientX-this._resizeState.startX,e=this._isRtl()?-a:a;this._pendingResizeColumn=this._resizeState.columnIndex,this._pendingResizeWidth=this._resizeState.startWidth+e,this._setColumnWidth(this._pendingResizeColumn,this._pendingResizeWidth,!1)}_onPointerUp(){if(!this._resizeState)return;const t=this._resizeState;this._resizeState=null,this._resizeRaf&&(cancelAnimationFrame(this._resizeRaf),this._resizeRaf=0),this._pendingResizeColumn===t.columnIndex&&this._pendingResizeWidth!=null&&this._setColumnWidth(t.columnIndex,this._pendingResizeWidth,!1),this._pendingResizeColumn=-1,this._pendingResizeWidth=null,window.removeEventListener("pointermove",this._onPointerMove),window.removeEventListener("pointerup",this._onPointerUp);const a=this._headerCells()[t.columnIndex];if(!a)return;const e=a.getBoundingClientRect().width;this._setColumnWidth(t.columnIndex,e,!0)}_onFrameScroll(){this.hasAttribute("virtualize")&&(this._virtualRaf||(this._virtualRaf=requestAnimationFrame(()=>{this._virtualRaf=0,this._applyVirtualization(!0)})))}_onDragStart(t){if(!this.hasAttribute("draggable-columns")||!this._table)return;const a=t.target;if(a.closest(".resize-handle")){t.preventDefault();return}const e=a.closest("th");if(!e||!this._table.contains(e))return;const i=this._headerCells().indexOf(e);i<0||(this._dragColumnIndex=i,this._dragOverColumnIndex=i,this._clearDragMarkers(),e.setAttribute("data-dragging","true"),t.dataTransfer&&(t.dataTransfer.effectAllowed="move",t.dataTransfer.setData("text/plain",String(i))))}_onDragOver(t){if(!this.hasAttribute("draggable-columns")||!this._table||this._dragColumnIndex<0)return;const e=t.target.closest("th");if(!e||!this._table.contains(e))return;const r=this._headerCells(),i=r.indexOf(e);if(i<0||(t.preventDefault(),this._dragOverColumnIndex===i))return;this._clearDragMarkers(),this._dragOverColumnIndex=i,e.setAttribute("data-drag-over","true");const s=r[this._dragColumnIndex];s&&s.setAttribute("data-dragging","true")}_onDrop(t){if(!this.hasAttribute("draggable-columns")||!this._table||this._dragColumnIndex<0)return;const e=t.target.closest("th");if(!e||!this._table.contains(e))return;const i=this._headerCells().indexOf(e);if(i<0)return;t.preventDefault();const s=this._dragColumnIndex,o=this._moveColumn(s,i);this._clearDragMarkers(),this._dragColumnIndex=-1,this._ignoreHeaderClickUntil=Date.now()+220,o&&(this._applyVirtualization(!1),this._emitColumnOrderChange(s,i))}_onDragEnd(){this._clearDragMarkers(),this._dragColumnIndex=-1}_rowValues(t){const a=this._headerCells(),e=Array.from(t.cells),r={};return e.forEach((i,s)=>{const o=a[s],n=(o?.getAttribute("data-key")||p(o||void 0)||`col_${s+1}`).toLowerCase().replace(/[^a-z0-9_]+/g,"_").replace(/^_+|_+$/g,"");r[n||`col_${s+1}`]=p(i)}),r}_syncRowSelectionState(){const t=this.hasAttribute("selectable"),a=this._bodyRows();for(const e of Array.from(this._selectedRows))a.includes(e)||this._selectedRows.delete(e);a.forEach(e=>{const r=!e.hidden;t&&r?(e.setAttribute("aria-selected",this._selectedRows.has(e)?"true":"false"),e.setAttribute("aria-keyshortcuts","ArrowUp ArrowDown Home End Enter Space"),e.hasAttribute("tabindex")||e.setAttribute("tabindex","0"),this._selectedRows.has(e)?e.setAttribute("data-selected","true"):e.removeAttribute("data-selected")):(e.removeAttribute("aria-selected"),e.removeAttribute("aria-keyshortcuts"),e.removeAttribute("data-selected"),e.getAttribute("tabindex")==="0"&&e.removeAttribute("tabindex"))})}_toggleRowSelection(t){const a=this.hasAttribute("multi-select"),e=this._selectedRows.has(t);a||this._selectedRows.clear(),e&&a?this._selectedRows.delete(t):this._selectedRows.add(t),this._syncRowSelectionState(),this._updateBulkActions();const r=this._bodyRows(),i=r.flatMap((o,n)=>this._selectedRows.has(o)?[n]:[]),s=r.filter(o=>this._selectedRows.has(o)).map(o=>this._rowValues(o));this.dispatchEvent(new CustomEvent("row-select",{detail:{index:r.indexOf(t),selected:this._selectedRows.has(t),indices:i,rows:s,page:this._page},bubbles:!0}))}_sortByColumn(t,a){if(!this._table)return;const e=this._table.tBodies[0];if(!e)return;this._sortColumnIndex===t?this._sortDirection=this._sortDirection==="asc"?"desc":"asc":(this._sortColumnIndex=t,this._sortDirection="asc"),Array.from(e.rows).filter(o=>!this._isVirtualSpacerRow(o)).map((o,n)=>({row:o,rowIndex:n,value:E(p(o.cells[t]))})).sort((o,n)=>{const u=o.value,c=n.value;let l=0;return typeof u=="number"&&typeof c=="number"?l=u-c:l=String(u).localeCompare(String(c),void 0,{numeric:!0,sensitivity:"base"}),l===0&&(l=o.rowIndex-n.rowIndex),this._sortDirection==="asc"?l:-l}).map(o=>o.row).forEach(o=>e.appendChild(o)),this._syncHeaderState(),this._applyPagination(!1),this._syncRowSelectionState(),this._updateSummary(),this._syncPaginationElement();const s=a.getAttribute("data-key")||p(a)||`column-${t+1}`;this.dispatchEvent(new CustomEvent("sort-change",{detail:{columnIndex:t,key:s,direction:this._sortDirection,page:this._page},bubbles:!0}))}_detachPaginationListener(){this._paginationEl&&(this._paginationEl.removeEventListener("change",this._onPaginationChange),this._paginationEl=null)}_syncPaginationBinding(){this._detachPaginationListener();const t=this.getAttribute("pagination-id");if(!t)return;const a=document.getElementById(t);a&&(this._paginationEl=a,this._paginationEl.addEventListener("change",this._onPaginationChange),this._syncPaginationElement())}_syncPaginationElement(){this._paginationEl&&(this._paginationEl.setAttribute("count",String(this._pageCount||1)),this._paginationEl.setAttribute("page",String(this._page||1)))}_onPaginationChange(t){const a=t.detail,e=Number(a?.page);Number.isFinite(e)&&e!==this._page&&(this._setPageAttribute(e),this._applyPagination(!0),this._syncRowSelectionState(),this._updateSummary(),this._syncPaginationElement())}_onClick(t){if(!this._table)return;const e=t.composedPath().find(i=>i instanceof HTMLElement)||t.target;if(e.closest(".bulk-clear")){const i=this._selectedRows.size;i>0&&(this._selectedRows.clear(),this._syncRowSelectionState(),this._updateBulkActions(),this.dispatchEvent(new CustomEvent("bulk-clear",{detail:{count:i,page:this._page},bubbles:!0})));return}if(!e.closest(".resize-handle")&&!(e.closest("th")&&Date.now()<this._ignoreHeaderClickUntil)&&!this._isInteractionBlocked()){if(this.hasAttribute("sortable")){const i=e.closest("th");if(i&&this._table.contains(i)){if(e!==i&&this._isInteractiveTarget(e))return;const o=this._headerCells().indexOf(i);if(o>=0){this._sortByColumn(o,i);return}}}if(this.hasAttribute("selectable")){const i=e.closest("tbody tr");if(i&&this._table.contains(i)&&!i.hidden&&!this._isVirtualSpacerRow(i)){if(e!==i&&this._isInteractiveTarget(e))return;this._toggleRowSelection(i)}}}}_onKeyDown(t){if(!this._table)return;const a=t.key,e=t.target;if(a==="Escape"&&this._selectedRows.size){const i=this._selectedRows.size;this._selectedRows.clear(),this._syncRowSelectionState(),this._updateBulkActions(),this.dispatchEvent(new CustomEvent("bulk-clear",{detail:{count:i,page:this._page},bubbles:!0}));return}if(this._isInteractionBlocked())return;const r=e.closest("th");if(r&&this._table.contains(r)){const i=this._headerCells(),s=i.indexOf(r);if(s>=0){const n=this._isRtl()?-1:1,u=-n;if(a==="ArrowRight"||a==="ArrowLeft"){t.preventDefault();const c=a==="ArrowRight"?n:u,l=Math.max(0,Math.min(i.length-1,s+c));if(t.altKey&&this.hasAttribute("draggable-columns")&&l!==s){this._moveColumn(s,l)&&(this._ignoreHeaderClickUntil=Date.now()+220,this._emitColumnOrderChange(s,l),this._applyVirtualization(!1),this._focusHeaderAt(l));return}this._focusHeaderAt(l);return}if(a==="Home"||a==="End"){t.preventDefault(),this._focusHeaderAt(a==="Home"?0:i.length-1);return}if((a==="Enter"||a===" ")&&this.hasAttribute("sortable")){if(e!==r&&this._isInteractiveTarget(e))return;t.preventDefault(),this._sortByColumn(s,r);return}}}if(this.hasAttribute("selectable")){const i=e.closest("tbody tr");if(i&&this._table.contains(i)&&!i.hidden&&!this._isVirtualSpacerRow(i)){if(e!==i&&this._isInteractiveTarget(e))return;if(a==="ArrowDown"||a==="ArrowUp"){t.preventDefault(),this._focusSelectableRow(i,a==="ArrowDown"?1:-1);return}if(a==="Home"||a==="End"){t.preventDefault();const s=this._bodyRows().filter(n=>!n.hidden),o=a==="Home"?s[0]:s[s.length-1];o&&o.focus();return}(a==="Enter"||a===" ")&&(t.preventDefault(),this._toggleRowSelection(i))}}}_updateBulkActions(){const t=this.root.querySelector(".bulk");if(!t)return;const a=this.hasAttribute("selectable"),e=this._selectedRows.size;if(!(a&&e>0)){t.setAttribute("hidden","");return}t.removeAttribute("hidden");const i=this.getAttribute("bulk-actions-label")||"{count} selected",s=this.getAttribute("bulk-clear-label")||"Clear selection",o=t.querySelector(".bulk-count");o&&(o.textContent=i.replace("{count}",String(e)));const n=t.querySelector(".bulk-clear");n&&(n.textContent=s)}shouldRenderOnAttributeChange(t,a,e){return!1}}typeof customElements<"u"&&!customElements.get("ui-data-table")&&customElements.define("ui-data-table",C);exports.UIDataTable=C;
+    `),this._syncStructure(),this._syncStateBar()}_findTable(){return this.querySelector("table")}_queueSyncStructure(){this.isConnected&&(this._syncRaf||(this._syncRaf=requestAnimationFrame(()=>{this._syncRaf=0,this._syncStructure()})))}_isVirtualSpacerRow(t){return t.hasAttribute("data-virtual-spacer")}_clearVirtualSpacers(){this._virtualTopSpacer?.isConnected&&this._virtualTopSpacer.remove(),this._virtualBottomSpacer?.isConnected&&this._virtualBottomSpacer.remove(),this._virtualTopSpacer=null,this._virtualBottomSpacer=null,this._virtualStart=-1,this._virtualEnd=-1,this._virtualVisibleTotal=-1}_parseRowHeight(){const t=Number(this.getAttribute("row-height")||44);return!Number.isFinite(t)||t<20?44:Math.round(t)}_parseOverscan(){const t=Number(this.getAttribute("overscan")||6);return!Number.isFinite(t)||t<0?6:Math.max(0,Math.floor(t))}_state(){const t=(this.getAttribute("state")||"idle").trim().toLowerCase();return t==="loading"||t==="error"||t==="success"?t:this.hasAttribute("loading")?"loading":"idle"}_stateText(t){const a=(this.getAttribute("state-text")||"").trim();return a||(t==="loading"?"Refreshing table data":t==="error"?"Table data could not be loaded":t==="success"?"Table data is up to date":"")}_syncStateBar(){const t=this.root.querySelector(".statebar"),a=this.root.querySelector(".state-text"),e=this.root.querySelector(".loading-text"),r=this.root.querySelector(".frame"),i=this._table;if(!t)return;const s=this._state();s!=="idle"?t.removeAttribute("hidden"):t.setAttribute("hidden",""),t.setAttribute("data-state",s),t.setAttribute("aria-live",s==="error"?"assertive":"polite");const n=this._stateText(s);a&&(a.textContent=n),e&&(e.textContent=this._stateText("loading"));const u=s==="loading"?"true":"false";r&&r.setAttribute("aria-busy",u),i&&i.setAttribute("aria-busy",u)}_isInteractionBlocked(){return this._state()==="loading"}_isInteractiveTarget(t){if(!t)return!1;const a=t.closest('button, a[href], input, select, textarea, label, summary, details, [contenteditable=""], [contenteditable="true"], [role="button"], [role="link"], [role="checkbox"], [role="switch"], [role="menuitem"]');return!(!a||a.classList.contains("resize-handle"))}_headerKey(t,a){if(!t)return`column-${a+1}`;const e=(t.getAttribute("data-key")||"").trim();if(e)return e;const r=p(t);return r?r.toLowerCase().replace(/\s+/g,"_"):`column-${a+1}`}_currentColumnOrderString(){return this._headerCells().map((a,e)=>this._headerKey(a,e)).join(",")}_setColumnOrderAttribute(t){(this.getAttribute("column-order")||"")!==t&&(this._isSettingColumnOrder=!0,this.setAttribute("column-order",t),this._isSettingColumnOrder=!1)}_isRtl(){return typeof window>"u"?!1:getComputedStyle(this).direction==="rtl"}_parsePageSize(){const t=Number(this.getAttribute("page-size")||10);return!Number.isFinite(t)||t<1?10:Math.floor(t)}_parsePage(){const t=Number(this.getAttribute("page")||1);return!Number.isFinite(t)||t<1?1:Math.floor(t)}_parseFilterQuery(){return(this.getAttribute("filter-query")||"").trim().toLowerCase()}_resolveFilterColumnIndex(t){const a=(this.getAttribute("filter-column")||"").trim();if(!a)return-1;const e=Number(a);if(Number.isInteger(e)&&e>=0&&e<t.length)return e;const r=a.toLowerCase();for(let i=0;i<t.length;i+=1){const s=t[i],o=(s.getAttribute("data-key")||"").toLowerCase(),n=p(s).toLowerCase();if(o===r||n===r)return i}return-1}_resolveColumnIndex(t,a){if(typeof a=="number"&&Number.isInteger(a)&&a>=0&&a<t.length)return a;const e=String(a||"").trim();if(!e)return-1;const r=Number(e);if(Number.isInteger(r)&&r>=0&&r<t.length)return r;const i=e.toLowerCase();for(let s=0;s<t.length;s+=1){const o=t[s],n=(o.getAttribute("data-key")||"").toLowerCase(),u=p(o).toLowerCase();if(n===i||u===i||this._headerKey(o,s)===i)return s}return-1}_parseFilters(t){const a=this.getAttribute("filters");if(!a)return[];try{const e=JSON.parse(a);if(!Array.isArray(e))return[];const r=[];return e.forEach(i=>{if(!i||typeof i!="object")return;const s=i.column??i.field??i.key,o=this._resolveColumnIndex(t,s);if(o<0)return;const n=String(i.op||i.operator||"contains").trim().toLowerCase();r.push({columnIndex:o,op:n,value:i.value})}),r}catch{return[]}}_normalizePinTokens(t){return Array.isArray(t)?t.map(a=>String(a).trim()).filter(Boolean):t==null?[]:String(t).split(",").map(a=>a.trim()).filter(Boolean)}_parsePinColumns(t){const a=this.getAttribute("pin-columns");if(!a)return{left:[],right:[]};const e=new Set,r=new Set,i=(u,c)=>{c.forEach(l=>{const d=this._resolveColumnIndex(t,l);d>=0&&u.add(d)})};try{const u=JSON.parse(a);if(u&&typeof u=="object"){i(e,this._normalizePinTokens(u.left)),i(r,this._normalizePinTokens(u.right));const c=Array.from(e).sort((d,h)=>d-h),l=Array.from(r).filter(d=>!e.has(d)).sort((d,h)=>h-d);return{left:c,right:l}}}catch{}a.split(";").map(u=>u.trim()).filter(Boolean).forEach(u=>{const[c,l]=u.split(":"),d=(c||"").trim().toLowerCase(),h=this._normalizePinTokens(l||"");d==="left"&&i(e,h),d==="right"&&i(r,h)});const o=Array.from(e).sort((u,c)=>u-c),n=Array.from(r).filter(u=>!e.has(u)).sort((u,c)=>c-u);return{left:o,right:n}}_setPageAttribute(t){const a=Math.max(1,t);this.getAttribute("page")!==String(a)&&(this._isSettingPage=!0,this.setAttribute("page",String(a)),this._isSettingPage=!1)}_bodyRows(){if(!this._table)return[];const t=this._table.tBodies[0];return t?Array.from(t.rows).filter(a=>!this._isVirtualSpacerRow(a)):[]}_headerCells(){if(!this._table)return[];const t=this._table.tHead?.rows[0];return t?Array.from(t.cells).filter(a=>a.tagName.toLowerCase()==="th"):Array.from(this._table.querySelectorAll("th"))}_clearPinnedColumns(){this._table&&this._table.querySelectorAll("[data-pinned]").forEach(t=>{const a=t;a.removeAttribute("data-pinned"),a.removeAttribute("data-pin-edge"),a.style.left="",a.style.right="",a.style.zIndex=""})}_resolveColumnWidth(t,a){const e=this._columnWidths.get(t);if(typeof e=="number"&&Number.isFinite(e))return Math.max(1,e);const r=a?.getBoundingClientRect().width||a?.offsetWidth||0;return Number.isFinite(r)&&r>0?r:120}_pinCell(t,a,e,r,i){t&&(t.setAttribute("data-pinned",a),r?t.setAttribute("data-pin-edge","true"):t.removeAttribute("data-pin-edge"),a==="left"?(t.style.left=`${Math.max(0,Math.round(e))}px`,t.style.right=""):(t.style.right=`${Math.max(0,Math.round(e))}px`,t.style.left=""),t.style.zIndex=i?"4":"3")}_applyPinnedColumns(){if(!this._table)return;this._clearPinnedColumns();const t=this._headerCells();if(!t.length)return;const{left:a,right:e}=this._parsePinColumns(t);if(!a.length&&!e.length)return;const r=Array.from(this._table.rows).filter(o=>!this._isVirtualSpacerRow(o));let i=0;a.forEach((o,n)=>{const u=this._resolveColumnWidth(o,t[o]),c=n===a.length-1;r.forEach((l,d)=>{const h=l.cells[o];this._pinCell(h,"left",i,c,d===0)}),i+=u});let s=0;e.forEach((o,n)=>{const u=this._resolveColumnWidth(o,t[o]),c=n===e.length-1;r.forEach((l,d)=>{const h=l.cells[o];this._pinCell(h,"right",s,c,d===0)}),s+=u})}_applyColumnOrder(){if(!this._table)return;const t=(this.getAttribute("column-order")||"").trim();if(!t)return;const a=this._table.tHead?.rows[0],e=this._table.tBodies[0];if(!a||!e)return;const r=Array.from(a.cells);if(!r.length)return;const i=t.split(",").map(l=>l.trim()).filter(Boolean);if(!i.length)return;const s=[],o=new Set,n=new Map;r.forEach((l,d)=>{const h=(l.getAttribute("data-key")||p(l)).toLowerCase().trim();h&&n.set(h,d)});for(const l of i){const d=Number(l);if(Number.isInteger(d)&&d>=0&&d<r.length){o.has(d)||(o.add(d),s.push(d));continue}const h=n.get(l.toLowerCase());typeof h=="number"&&!o.has(h)&&(o.add(h),s.push(h))}for(let l=0;l<r.length;l+=1)o.has(l)||s.push(l);if(s.every((l,d)=>l===d))return;s.map(l=>r[l]).forEach(l=>a.appendChild(l)),Array.from(e.rows).filter(l=>!this._isVirtualSpacerRow(l)).forEach(l=>{const d=Array.from(l.cells);s.map(f=>d[f]).filter(Boolean).forEach(f=>l.appendChild(f))}),this._columnWidths.clear()}_moveColumn(t,a){if(!this._table)return!1;const e=this._table.tHead?.rows[0],r=this._table.tBodies[0];if(!e||!r)return!1;const i=Array.from(e.cells),s=i.length;if(!s||t<0||t>=s||a<0||a>=s||t===a)return!1;const o=Array.from({length:s},(l,d)=>d),[n]=o.splice(t,1);o.splice(a,0,n),o.map(l=>i[l]).forEach(l=>e.appendChild(l)),Array.from(r.rows).filter(l=>!this._isVirtualSpacerRow(l)).forEach(l=>{const d=Array.from(l.cells);o.map(f=>d[f]).filter(Boolean).forEach(f=>l.appendChild(f))});const c=new Map;return o.forEach((l,d)=>{const h=this._columnWidths.get(l);typeof h=="number"&&c.set(d,h)}),this._columnWidths=c,this._sortColumnIndex>=0&&(this._sortColumnIndex=o.indexOf(this._sortColumnIndex)),this._syncHeaderState(),this._applyPinnedColumns(),this._syncRowSelectionState(),!0}_clearDragMarkers(){this._headerCells().forEach(a=>{a.removeAttribute("data-dragging"),a.removeAttribute("data-drag-over")}),this._dragOverColumnIndex=-1}_emitColumnOrderChange(t,a){const e=this._currentColumnOrderString();this._setColumnOrderAttribute(e),this.dispatchEvent(new CustomEvent("column-order-change",{detail:{sourceIndex:t,targetIndex:a,order:e,keys:this._headerCells().map((r,i)=>this._headerKey(r,i))},bubbles:!0}))}_focusHeaderAt(t){const e=this._headerCells()[t];e&&e.focus()}_focusSelectableRow(t,a){const e=this._bodyRows().filter(o=>!o.hidden),r=e.indexOf(t);if(r<0)return;const i=Math.min(e.length-1,Math.max(0,r+a)),s=e[i];s&&s.focus()}_headerKeyboardShortcuts(t,a){const e=this._isRtl(),r=e?"ArrowRight":"ArrowLeft",i=e?"ArrowLeft":"ArrowRight",s=[r,i,"Home","End"];return t&&s.push("Enter","Space"),a&&s.push(`Alt+${r}`,`Alt+${i}`),s.join(" ")}_syncScrollRegion(){const t=this._frameEl;if(!t)return;const a=t.scrollWidth>t.clientWidth+1||t.scrollHeight>t.clientHeight+1,e=!!this._table?.querySelector('[tabindex="0"], a[href], button, input, select, textarea');if(a&&!e){t.setAttribute("tabindex","0"),t.setAttribute("role","region"),t.setAttribute("data-scroll-region","");const r=(this.getAttribute("aria-label")||"").trim();t.setAttribute("aria-label",r?`${r}, scrollable`:"Scrollable table")}else t.hasAttribute("data-scroll-region")&&(t.removeAttribute("tabindex"),t.removeAttribute("role"),t.removeAttribute("aria-label"),t.removeAttribute("data-scroll-region"))}_watchScrollRegion(){this._scrollObserver?.disconnect(),this._scrollObserver=null,!(!this._frameEl||typeof ResizeObserver>"u")&&(this._scrollObserver=new ResizeObserver(()=>this._syncScrollRegion()),this._scrollObserver.observe(this._frameEl),this._table&&this._scrollObserver.observe(this._table))}_syncStructure(){if(!this._isSyncing){this._isSyncing=!0;try{this._table=this._findTable();const t=this.root.querySelector(".frame");this._frameEl!==t&&(this._frameEl&&this._frameEl.removeEventListener("scroll",this._onFrameScroll),this._frameEl=t,this._frameEl&&this._frameEl.addEventListener("scroll",this._onFrameScroll,{passive:!0}),this._watchScrollRegion());const a=this.root.querySelector(".empty"),e=this.root.querySelector(".summary");if(this._syncEmptyText(),!this._table){a&&a.removeAttribute("hidden"),e&&(e.textContent=""),this._selectedRows.clear(),this._page=1,this._pageCount=1,this._totalRows=0,this._filteredRows=0,this._clearVirtualization(!1),this._syncPaginationElement(),this._syncStateBar();return}a&&a.setAttribute("hidden",""),this._table.hasAttribute("data-ui-data-table")||this._table.setAttribute("data-ui-data-table","true"),this._table.hasAttribute("role")||this._table.setAttribute("role","table"),this._applyColumnOrder(),this._syncHeaderState(),this._applyPinnedColumns(),this._table.setAttribute("aria-colcount",String(this._headerCells().length||0)),this._applyPagination(!1),a&&(this._filteredRows>0?a.setAttribute("hidden",""):(this._syncEmptyText(),a.removeAttribute("hidden"))),this._applyVirtualization(!1),this._syncRowSelectionState(),this._updateBulkActions(),this._updateSummary(),this._syncPaginationElement(),this._syncStateBar()}finally{this._isSyncing=!1}}}_syncHeaderState(){const t=this.hasAttribute("sortable"),a=this.hasAttribute("draggable-columns"),e=this.hasAttribute("resizable-columns"),r=this._headerKeyboardShortcuts(t,a);this._headerCells().forEach((s,o)=>{if(s.setAttribute("data-col-index",String(o)),s.setAttribute("scope","col"),s.setAttribute("aria-colindex",String(o+1)),t||a?s.setAttribute("aria-keyshortcuts",r):s.removeAttribute("aria-keyshortcuts"),t?s.setAttribute("data-sortable","true"):s.removeAttribute("data-sortable"),t||a?s.hasAttribute("tabindex")||s.setAttribute("tabindex","0"):s.getAttribute("tabindex")==="0"&&s.removeAttribute("tabindex"),o===this._sortColumnIndex&&t?s.setAttribute("aria-sort",this._sortDirection==="asc"?"ascending":"descending"):t?s.setAttribute("aria-sort","none"):s.removeAttribute("aria-sort"),a?(s.setAttribute("data-draggable","true"),s.setAttribute("draggable","true"),s.setAttribute("aria-description","Draggable column header")):(s.removeAttribute("data-draggable"),s.removeAttribute("draggable"),s.removeAttribute("data-dragging"),s.removeAttribute("data-drag-over"),s.removeAttribute("aria-description")),e){s.setAttribute("data-resizable","true");let n=s.querySelector(".resize-handle");n||(n=document.createElement("button"),n.type="button",n.className="resize-handle",n.setAttribute("aria-hidden","true"),n.tabIndex=-1,s.appendChild(n)),n.setAttribute("data-col-index",String(o));const u=this._columnWidths.get(o);typeof u=="number"&&this._setColumnWidth(o,u,!1)}else{s.removeAttribute("data-resizable");const n=s.querySelector(".resize-handle");n&&n.remove()}})}_applyPagination(t){const a=this._bodyRows();this._pageSize=this._parsePageSize(),this._totalRows=a.length;const e=this._parseFilterQuery(),r=this._headerCells(),i=this._resolveFilterColumnIndex(r),s=this._parseFilters(r),o=a.filter(d=>this._rowMatchesFilter(d,e,i,s));this._filteredRows=o.length,this._table?.setAttribute("aria-rowcount",String(this._filteredRows));const n=this._parsePage();this._pageCount=Math.max(1,Math.ceil(o.length/this._pageSize)),this._page=Math.min(this._pageCount,Math.max(1,n)),this._page!==n&&this._setPageAttribute(this._page);const u=(this._page-1)*this._pageSize,c=u+this._pageSize,l=new Set(o);if(a.forEach(d=>{l.has(d)?d.removeAttribute("data-hidden-by-filter"):(d.hidden=!0,d.setAttribute("data-hidden-by-filter",""),d.removeAttribute("data-hidden-by-page"),d.removeAttribute("aria-rowindex"))}),o.forEach((d,h)=>{const f=h>=u&&h<c;d.hidden=!f,f?d.removeAttribute("data-hidden-by-page"):d.setAttribute("data-hidden-by-page",""),d.setAttribute("aria-rowindex",String(h+1))}),t){const d=o.length,h=d===0?0:u+1,f=Math.min(c,d);this.dispatchEvent(new CustomEvent("page-change",{detail:{page:this._page,count:this._pageCount,pageSize:this._pageSize,total:d,start:h,end:f},bubbles:!0}))}}_clearVirtualization(t){this._virtualRaf&&(cancelAnimationFrame(this._virtualRaf),this._virtualRaf=0),this._clearVirtualSpacers(),t&&this._bodyRows().forEach(a=>{a.style.display==="none"&&(a.style.display=""),a.removeAttribute("data-hidden-by-virtual")})}_ensureVirtualSpacer(t){if(!this._table)return null;const a=this._table.tBodies[0];if(!a)return null;const e=t==="top"?this._virtualTopSpacer:this._virtualBottomSpacer;if(e&&e.isConnected)return e;const r=document.createElement("tr");r.setAttribute("data-virtual-spacer",t),r.setAttribute("aria-hidden","true"),r.setAttribute("role","presentation"),r.style.pointerEvents="none";const i=document.createElement("td");return i.style.padding="0",i.style.border="0",i.style.height="0px",i.style.lineHeight="0",i.style.fontSize="0",i.innerHTML="&nbsp;",r.appendChild(i),t==="top"?(a.insertBefore(r,a.firstChild),this._virtualTopSpacer=r):(a.appendChild(r),this._virtualBottomSpacer=r),r}_setVirtualSpacerHeight(t,a,e){if(!t)return;const r=t.cells[0]||t.appendChild(document.createElement("td"));r.colSpan!==Math.max(1,e)&&(r.colSpan=Math.max(1,e)),r.style.padding="0",r.style.border="0",r.style.height=`${Math.max(0,Math.round(a))}px`,r.style.lineHeight="0",r.style.fontSize="0"}_applyVirtualization(t){if(!this.hasAttribute("virtualize")||!this._frameEl||!this._table){this._clearVirtualization(!0);return}const e=this._bodyRows().filter(g=>!g.hidden);if(!e.length){this._clearVirtualization(!0);return}const r=this._parseRowHeight(),i=this._parseOverscan(),s=this._frameEl.clientHeight||r*8,o=this._frameEl.scrollTop,n=Math.max(0,Math.floor(o/r)-i),u=Math.min(e.length,Math.ceil((o+s)/r)+i),c=n*r,l=Math.max(0,(e.length-u)*r),d=Math.max(1,this._headerCells().length||e[0]?.cells.length||1),h=this._ensureVirtualSpacer("top"),f=this._ensureVirtualSpacer("bottom");this._setVirtualSpacerHeight(h,c,d),this._setVirtualSpacerHeight(f,l,d);const y=(g,v)=>{v?(g.style.display==="none"&&(g.style.display=""),g.removeAttribute("data-hidden-by-virtual")):(g.style.display!=="none"&&(g.style.display="none"),g.setAttribute("data-hidden-by-virtual",""))};if(!(this._virtualStart>=0&&this._virtualEnd>=this._virtualStart&&this._virtualVisibleTotal===e.length))e.forEach((g,v)=>{y(g,v>=n&&v<u)});else{const g=this._virtualStart,v=this._virtualEnd;for(let b=g;b<Math.min(n,v);b+=1){const _=e[b];_&&y(_,!1)}for(let b=n;b<Math.min(g,u);b+=1){const _=e[b];_&&y(_,!0)}for(let b=Math.max(u,g);b<v;b+=1){const _=e[b];_&&y(_,!1)}for(let b=Math.max(v,n);b<u;b+=1){const _=e[b];_&&y(_,!0)}}this._virtualStart=n,this._virtualEnd=u,this._virtualVisibleTotal=e.length,t&&this.dispatchEvent(new CustomEvent("virtual-range-change",{detail:{start:n,end:Math.max(n,u-1),visible:Math.max(0,u-n),total:e.length},bubbles:!0}))}_updateSummary(){const t=this.root.querySelector(".summary");if(!t)return;const a=this._totalRows,e=this._filteredRows;if(!a||!e){t.textContent="No records";return}const r=(this._page-1)*this._pageSize+1,i=Math.min(this._page*this._pageSize,e);if(e===a){t.textContent=`Showing ${r}-${i} of ${a}`;return}t.textContent=`Showing ${r}-${i} of ${e} filtered records (${a} total)`}_syncEmptyText(){const t=this.root.querySelector(".empty");if(!t)return;const a=!!this._parseFilterQuery();if(this._table&&this._filteredRows===0&&a){t.textContent="No matching records.";return}t.textContent=this.getAttribute("empty-text")||"No data available."}_dispatchFilterChange(){this.dispatchEvent(new CustomEvent("filter-change",{detail:{query:this.getAttribute("filter-query")||"",filters:this.getAttribute("filters")||"",total:this._totalRows,filtered:this._filteredRows,page:this._page,count:this._pageCount},bubbles:!0}))}_parseComparable(t){const a=t.replace(/,/g,"").trim();return/^-?\d+(\.\d+)?$/.test(a)?Number(a):t.toLowerCase()}_rulePasses(t,a){const e=a.op,r=a.value,i=t.trim(),s=i.toLowerCase();if(e==="empty")return i.length===0;if(e==="notempty"||e==="not-empty")return i.length>0;if(e==="equals"||e==="eq")return s===String(r??"").toLowerCase();if(e==="neq"||e==="not-equals")return s!==String(r??"").toLowerCase();if(e==="startswith"||e==="starts-with")return s.startsWith(String(r??"").toLowerCase());if(e==="endswith"||e==="ends-with")return s.endsWith(String(r??"").toLowerCase());if(e==="in")return(Array.isArray(r)?r.map(n=>String(n).toLowerCase()):String(r??"").split(",").map(n=>n.trim().toLowerCase()).filter(Boolean)).includes(s);if(e==="gt"||e==="gte"||e==="lt"||e==="lte"||e==="between"){const o=this._parseComparable(i);if(typeof o!="number")return!1;if(e==="between"){const u=Array.isArray(r)?r:String(r??"").split(","),c=Number(u[0]),l=Number(u[1]);return!Number.isFinite(c)||!Number.isFinite(l)?!1:o>=Math.min(c,l)&&o<=Math.max(c,l)}const n=Number(r);return Number.isFinite(n)?e==="gt"?o>n:e==="gte"?o>=n:e==="lt"?o<n:o<=n:!1}return s.includes(String(r??"").toLowerCase())}_rowMatchesFilter(t,a,e,r){if(a){const i=e>=0?p(t.cells[e]):Array.from(t.cells).map(n=>p(n)).join(" ");if(!i)return!1;const s=i.toLowerCase(),o=a.split(/\s+/).filter(Boolean);if(o.length&&!o.every(n=>s.includes(n)))return!1}return r.length?r.every(i=>{const s=t.cells[i.columnIndex];return this._rulePasses(p(s),i)}):!0}_setColumnWidth(t,a,e=!0){if(!this._table)return;const r=Math.max(72,Math.round(a));if(this._columnWidths.set(t,r),Array.from(this._table.rows).forEach(o=>{const n=o.cells[t];n&&(n.style.width=`${r}px`,n.style.minWidth=`${r}px`,n.style.maxWidth=`${r}px`,n.style.boxSizing="border-box")}),!e)return;this._applyPinnedColumns();const s=this._headerCells()[t];this.dispatchEvent(new CustomEvent("column-resize",{detail:{columnIndex:t,key:s?.getAttribute("data-key")||p(s)||`column-${t+1}`,width:r},bubbles:!0}))}_onPointerDown(t){if(!this.hasAttribute("resizable-columns")||!this._table)return;const e=t.target.closest(".resize-handle");if(!e||!this._table.contains(e))return;const r=Number(e.getAttribute("data-col-index"));if(!Number.isInteger(r)||r<0)return;const i=this._headerCells()[r];if(!i)return;t.preventDefault();const s=i.getBoundingClientRect().width;this._resizeState={columnIndex:r,startX:t.clientX,startWidth:s},window.addEventListener("pointermove",this._onPointerMove),window.addEventListener("pointerup",this._onPointerUp)}_onPointerMove(t){if(!this._resizeState)return;const a=t.clientX-this._resizeState.startX,e=this._isRtl()?-a:a;this._pendingResizeColumn=this._resizeState.columnIndex,this._pendingResizeWidth=this._resizeState.startWidth+e,this._setColumnWidth(this._pendingResizeColumn,this._pendingResizeWidth,!1)}_onPointerUp(){if(!this._resizeState)return;const t=this._resizeState;this._resizeState=null,this._resizeRaf&&(cancelAnimationFrame(this._resizeRaf),this._resizeRaf=0),this._pendingResizeColumn===t.columnIndex&&this._pendingResizeWidth!=null&&this._setColumnWidth(t.columnIndex,this._pendingResizeWidth,!1),this._pendingResizeColumn=-1,this._pendingResizeWidth=null,window.removeEventListener("pointermove",this._onPointerMove),window.removeEventListener("pointerup",this._onPointerUp);const a=this._headerCells()[t.columnIndex];if(!a)return;const e=a.getBoundingClientRect().width;this._setColumnWidth(t.columnIndex,e,!0)}_onFrameScroll(){this.hasAttribute("virtualize")&&(this._virtualRaf||(this._virtualRaf=requestAnimationFrame(()=>{this._virtualRaf=0,this._applyVirtualization(!0)})))}_onDragStart(t){if(!this.hasAttribute("draggable-columns")||!this._table)return;const a=t.target;if(a.closest(".resize-handle")){t.preventDefault();return}const e=a.closest("th");if(!e||!this._table.contains(e))return;const i=this._headerCells().indexOf(e);i<0||(this._dragColumnIndex=i,this._dragOverColumnIndex=i,this._clearDragMarkers(),e.setAttribute("data-dragging","true"),t.dataTransfer&&(t.dataTransfer.effectAllowed="move",t.dataTransfer.setData("text/plain",String(i))))}_onDragOver(t){if(!this.hasAttribute("draggable-columns")||!this._table||this._dragColumnIndex<0)return;const e=t.target.closest("th");if(!e||!this._table.contains(e))return;const r=this._headerCells(),i=r.indexOf(e);if(i<0||(t.preventDefault(),this._dragOverColumnIndex===i))return;this._clearDragMarkers(),this._dragOverColumnIndex=i,e.setAttribute("data-drag-over","true");const s=r[this._dragColumnIndex];s&&s.setAttribute("data-dragging","true")}_onDrop(t){if(!this.hasAttribute("draggable-columns")||!this._table||this._dragColumnIndex<0)return;const e=t.target.closest("th");if(!e||!this._table.contains(e))return;const i=this._headerCells().indexOf(e);if(i<0)return;t.preventDefault();const s=this._dragColumnIndex,o=this._moveColumn(s,i);this._clearDragMarkers(),this._dragColumnIndex=-1,this._ignoreHeaderClickUntil=Date.now()+220,o&&(this._applyVirtualization(!1),this._emitColumnOrderChange(s,i))}_onDragEnd(){this._clearDragMarkers(),this._dragColumnIndex=-1}_rowValues(t){const a=this._headerCells(),e=Array.from(t.cells),r={};return e.forEach((i,s)=>{const o=a[s],n=(o?.getAttribute("data-key")||p(o||void 0)||`col_${s+1}`).toLowerCase().replace(/[^a-z0-9_]+/g,"_").replace(/^_+|_+$/g,"");r[n||`col_${s+1}`]=p(i)}),r}_syncRowSelectionState(){const t=this.hasAttribute("selectable"),a=this._bodyRows();for(const e of Array.from(this._selectedRows))a.includes(e)||this._selectedRows.delete(e);a.forEach(e=>{const r=!e.hidden;t&&r?(e.setAttribute("aria-selected",this._selectedRows.has(e)?"true":"false"),e.setAttribute("aria-keyshortcuts","ArrowUp ArrowDown Home End Enter Space"),e.hasAttribute("tabindex")||e.setAttribute("tabindex","0"),this._selectedRows.has(e)?e.setAttribute("data-selected","true"):e.removeAttribute("data-selected")):(e.removeAttribute("aria-selected"),e.removeAttribute("aria-keyshortcuts"),e.removeAttribute("data-selected"),e.getAttribute("tabindex")==="0"&&e.removeAttribute("tabindex"))})}_toggleRowSelection(t){const a=this.hasAttribute("multi-select"),e=this._selectedRows.has(t);a||this._selectedRows.clear(),e&&a?this._selectedRows.delete(t):this._selectedRows.add(t),this._syncRowSelectionState(),this._updateBulkActions();const r=this._bodyRows(),i=r.flatMap((o,n)=>this._selectedRows.has(o)?[n]:[]),s=r.filter(o=>this._selectedRows.has(o)).map(o=>this._rowValues(o));this.dispatchEvent(new CustomEvent("row-select",{detail:{index:r.indexOf(t),selected:this._selectedRows.has(t),indices:i,rows:s,page:this._page},bubbles:!0}))}_sortByColumn(t,a){if(!this._table)return;const e=this._table.tBodies[0];if(!e)return;this._sortColumnIndex===t?this._sortDirection=this._sortDirection==="asc"?"desc":"asc":(this._sortColumnIndex=t,this._sortDirection="asc"),Array.from(e.rows).filter(o=>!this._isVirtualSpacerRow(o)).map((o,n)=>({row:o,rowIndex:n,value:k(p(o.cells[t]))})).sort((o,n)=>{const u=o.value,c=n.value;let l=0;return typeof u=="number"&&typeof c=="number"?l=u-c:l=String(u).localeCompare(String(c),void 0,{numeric:!0,sensitivity:"base"}),l===0&&(l=o.rowIndex-n.rowIndex),this._sortDirection==="asc"?l:-l}).map(o=>o.row).forEach(o=>e.appendChild(o)),this._syncHeaderState(),this._applyPagination(!1),this._syncRowSelectionState(),this._updateSummary(),this._syncPaginationElement();const s=a.getAttribute("data-key")||p(a)||`column-${t+1}`;this.dispatchEvent(new CustomEvent("sort-change",{detail:{columnIndex:t,key:s,direction:this._sortDirection,page:this._page},bubbles:!0}))}_detachPaginationListener(){this._paginationEl&&(this._paginationEl.removeEventListener("change",this._onPaginationChange),this._paginationEl=null)}_syncPaginationBinding(){this._detachPaginationListener();const t=this.getAttribute("pagination-id");if(!t)return;const a=document.getElementById(t);a&&(this._paginationEl=a,this._paginationEl.addEventListener("change",this._onPaginationChange),this._syncPaginationElement())}_syncPaginationElement(){this._paginationEl&&(this._paginationEl.setAttribute("count",String(this._pageCount||1)),this._paginationEl.setAttribute("page",String(this._page||1)))}_onPaginationChange(t){const a=t.detail,e=Number(a?.page);Number.isFinite(e)&&e!==this._page&&(this._setPageAttribute(e),this._applyPagination(!0),this._syncRowSelectionState(),this._updateSummary(),this._syncPaginationElement())}_onClick(t){if(!this._table)return;const e=t.composedPath().find(i=>i instanceof HTMLElement)||t.target;if(e.closest(".bulk-clear")){const i=this._selectedRows.size;i>0&&(this._selectedRows.clear(),this._syncRowSelectionState(),this._updateBulkActions(),this.dispatchEvent(new CustomEvent("bulk-clear",{detail:{count:i,page:this._page},bubbles:!0})));return}if(!e.closest(".resize-handle")&&!(e.closest("th")&&Date.now()<this._ignoreHeaderClickUntil)&&!this._isInteractionBlocked()){if(this.hasAttribute("sortable")){const i=e.closest("th");if(i&&this._table.contains(i)){if(e!==i&&this._isInteractiveTarget(e))return;const o=this._headerCells().indexOf(i);if(o>=0){this._sortByColumn(o,i);return}}}if(this.hasAttribute("selectable")){const i=e.closest("tbody tr");if(i&&this._table.contains(i)&&!i.hidden&&!this._isVirtualSpacerRow(i)){if(e!==i&&this._isInteractiveTarget(e))return;this._toggleRowSelection(i)}}}}_onKeyDown(t){if(!this._table)return;const a=t.key,e=t.target;if(a==="Escape"&&this._selectedRows.size){const i=this._selectedRows.size;this._selectedRows.clear(),this._syncRowSelectionState(),this._updateBulkActions(),this.dispatchEvent(new CustomEvent("bulk-clear",{detail:{count:i,page:this._page},bubbles:!0}));return}if(this._isInteractionBlocked())return;const r=e.closest("th");if(r&&this._table.contains(r)){const i=this._headerCells(),s=i.indexOf(r);if(s>=0){const n=this._isRtl()?-1:1,u=-n;if(a==="ArrowRight"||a==="ArrowLeft"){t.preventDefault();const c=a==="ArrowRight"?n:u,l=Math.max(0,Math.min(i.length-1,s+c));if(t.altKey&&this.hasAttribute("draggable-columns")&&l!==s){this._moveColumn(s,l)&&(this._ignoreHeaderClickUntil=Date.now()+220,this._emitColumnOrderChange(s,l),this._applyVirtualization(!1),this._focusHeaderAt(l));return}this._focusHeaderAt(l);return}if(a==="Home"||a==="End"){t.preventDefault(),this._focusHeaderAt(a==="Home"?0:i.length-1);return}if((a==="Enter"||a===" ")&&this.hasAttribute("sortable")){if(e!==r&&this._isInteractiveTarget(e))return;t.preventDefault(),this._sortByColumn(s,r);return}}}if(this.hasAttribute("selectable")){const i=e.closest("tbody tr");if(i&&this._table.contains(i)&&!i.hidden&&!this._isVirtualSpacerRow(i)){if(e!==i&&this._isInteractiveTarget(e))return;if(a==="ArrowDown"||a==="ArrowUp"){t.preventDefault(),this._focusSelectableRow(i,a==="ArrowDown"?1:-1);return}if(a==="Home"||a==="End"){t.preventDefault();const s=this._bodyRows().filter(n=>!n.hidden),o=a==="Home"?s[0]:s[s.length-1];o&&o.focus();return}(a==="Enter"||a===" ")&&(t.preventDefault(),this._toggleRowSelection(i))}}}_updateBulkActions(){const t=this.root.querySelector(".bulk");if(!t)return;const a=this.hasAttribute("selectable"),e=this._selectedRows.size;if(!(a&&e>0)){t.setAttribute("hidden","");return}t.removeAttribute("hidden");const i=this.getAttribute("bulk-actions-label")||"{count} selected",s=this.getAttribute("bulk-clear-label")||"Clear selection",o=t.querySelector(".bulk-count");o&&(o.textContent=i.replace("{count}",String(e)));const n=t.querySelector(".bulk-clear");n&&(n.textContent=s)}shouldRenderOnAttributeChange(t,a,e){return!1}}typeof customElements<"u"&&!customElements.get("ui-data-table")&&customElements.define("ui-data-table",C);exports.UIDataTable=C;

package/dist/data-table.esm.js

@@ -1,4 +1,4 @@
-import { E as C } from "./ElementBase-BeZT54Hj.mjs";
+import { E as C } from "./ElementBase-D5QsC5Vw.mjs";
 const A = `
   :host {
     display: block;
@@ -160,8 +160,8 @@ const A = `
     --ui-data-table-summary-color: #94a3b8;
     --ui-data-table-empty-color: #94a3b8;
     --ui-data-table-sort-indicator: #94a3b8;
-    --ui-data-table-sort-active: #93c5fd;
-    --ui-data-table-focus-ring: #93c5fd;
+    --ui-data-table-sort-active: var(--ui-color-accent-on-dark, #93c5fd);
+    --ui-data-table-focus-ring: var(--ui-color-accent-on-dark, #93c5fd);
   }
 
   :host([elevation="none"]) {
@@ -680,7 +680,7 @@ function S(m) {
   const a = Date.parse(m);
   return !Number.isNaN(a) && /[-/]/.test(m) ? a : m.toLowerCase();
 }
-const E = /* @__PURE__ */ new Set([
+const k = /* @__PURE__ */ new Set([
   "sticky-header",
   "sticky-footer",
   "striped",
@@ -693,7 +693,7 @@ const E = /* @__PURE__ */ new Set([
   "shape",
   "variant",
   "elevation"
-]), k = /* @__PURE__ */ new Set([
+]), E = /* @__PURE__ */ new Set([
   "pagination-id",
   "bulk-actions-label",
   "bulk-clear-label",
@@ -763,11 +763,11 @@ class R extends C {
         return;
       }
       if (this.isConnected) {
-        if (k.has(t)) {
+        if (E.has(t)) {
           t === "pagination-id" ? this._syncPaginationBinding() : t === "bulk-actions-label" || t === "bulk-clear-label" ? this._updateBulkActions() : t === "state-text" && this._syncStateBar();
           return;
         }
-        if (E.has(t)) {
+        if (k.has(t)) {
           t === "hide-summary" ? this._updateSummary() : (t === "state" || t === "loading") && this._syncStateBar();
           return;
         }

package/dist/date-field.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const U=require("./ElementBase-DxbvhLJs.js"),C=require("./control-name-BmoI1m3a.js"),I=require("./calendar-CzpWDxLc.js"),u=require("./date-time-utils-C-4eHTyy.js");let w=0;const B=`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const U=require("./ElementBase-CbUsP3D6.js"),C=require("./control-name-BmoI1m3a.js"),I=require("./calendar-BsVqtpjM.js"),u=require("./date-time-utils-D3hQQ5Om.js");let w=0;const B=`
   :host {
     --ui-date-field-border-color: color-mix(in srgb, var(--ui-color-border, #cbd5e1) 78%, transparent);
     --ui-date-field-border: 1px solid var(--ui-date-field-border-color);

package/dist/date-field.esm.js

@@ -1,7 +1,7 @@
-import { E as U } from "./ElementBase-BeZT54Hj.mjs";
+import { E as U } from "./ElementBase-D5QsC5Vw.mjs";
 import { s as w, a as I } from "./control-name-Bpj7F34X.mjs";
-import { p as B } from "./calendar-DkSDFg33.mjs";
-import { n as d, a as V, b as C } from "./date-time-utils-zAx4ghvC.mjs";
+import { p as B } from "./calendar-CFafqZVA.mjs";
+import { n as d, a as V, b as C } from "./date-time-utils-CJUksWj3.mjs";
 let M = 0;
 const q = `
   :host {

package/dist/date-picker.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const L=require("./ElementBase-DxbvhLJs.js"),z=require("./control-name-BmoI1m3a.js"),q=require("./dismissable-layer-DNfrKA20.js"),A=require("./calendar-CzpWDxLc.js"),s=require("./date-time-utils-C-4eHTyy.js");let M=0;const E=`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const L=require("./ElementBase-CbUsP3D6.js"),z=require("./control-name-BmoI1m3a.js"),q=require("./dismissable-layer-DNfrKA20.js"),A=require("./calendar-BsVqtpjM.js"),s=require("./date-time-utils-D3hQQ5Om.js");let M=0;const E=`
   <svg viewBox="0 0 20 20" class="icon-svg" aria-hidden="true" focusable="false">
     <path d="M6 2a1 1 0 0 1 1 1v1h6V3a1 1 0 1 1 2 0v1h.5A2.5 2.5 0 0 1 18 6.5v9A2.5 2.5 0 0 1 15.5 18h-11A2.5 2.5 0 0 1 2 15.5v-9A2.5 2.5 0 0 1 4.5 4H5V3a1 1 0 0 1 1-1Zm10 7H4v6.5c0 .276.224.5.5.5h11a.5.5 0 0 0 .5-.5V9ZM4.5 6a.5.5 0 0 0-.5.5V7h12v-.5a.5.5 0 0 0-.5-.5h-11Z" fill="currentColor"/>
   </svg>
@@ -251,7 +251,7 @@
     --ui-dp-border: #334155;
     --ui-dp-text: #e2e8f0;
     --ui-dp-muted: #93a4bd;
-    --ui-dp-accent: #93c5fd;
+    --ui-dp-accent: var(--ui-color-accent-on-dark, #93c5fd);
     --ui-dp-field-bg: #0f172a;
     --ui-dp-sheet-bg: #0f172a;
     --ui-dp-sheet-backdrop: rgba(2, 6, 23, 0.74);

package/dist/date-picker.esm.js

@@ -1,8 +1,8 @@
-import { E as V } from "./ElementBase-BeZT54Hj.mjs";
+import { E as V } from "./ElementBase-D5QsC5Vw.mjs";
 import { s as q, a as M } from "./control-name-Bpj7F34X.mjs";
 import { c as $ } from "./dismissable-layer-BmPIoK80.mjs";
-import { r as R, c as S } from "./calendar-DkSDFg33.mjs";
-import { r as F, e as T, n as g, i as y, s as H, b as U, p as L, a as O, f as Y, l as E, c as K, d as W } from "./date-time-utils-zAx4ghvC.mjs";
+import { r as R, c as S } from "./calendar-CFafqZVA.mjs";
+import { r as F, e as T, n as g, i as v, s as H, b as U, p as L, a as O, f as Y, l as E, c as K, d as W } from "./date-time-utils-CJUksWj3.mjs";
 let N = 0;
 const Z = `
   <svg viewBox="0 0 20 20" class="icon-svg" aria-hidden="true" focusable="false">
@@ -257,7 +257,7 @@ const Z = `
     --ui-dp-border: #334155;
     --ui-dp-text: #e2e8f0;
     --ui-dp-muted: #93a4bd;
-    --ui-dp-accent: #93c5fd;
+    --ui-dp-accent: var(--ui-color-accent-on-dark, #93c5fd);
     --ui-dp-field-bg: #0f172a;
     --ui-dp-sheet-bg: #0f172a;
     --ui-dp-sheet-backdrop: rgba(2, 6, 23, 0.74);
@@ -561,7 +561,7 @@ const Z = `
     }
   }
 `;
-function v(C) {
+function y(C) {
   return C.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
 }
 class X extends V {
@@ -615,7 +615,7 @@ class X extends V {
       const e = this._clampToBounds(
         g(this.getAttribute("value")) || g(this.getAttribute("default-value"))
       );
-      this._value = e, this._pendingValue = e, this._draftInput = this._formatDisplay(e), this._open = this.hasAttribute("open") || y(this.getAttribute("default-open")), this._isInitialized = !0;
+      this._value = e, this._pendingValue = e, this._draftInput = this._formatDisplay(e), this._open = this.hasAttribute("open") || v(this.getAttribute("default-open")), this._isInitialized = !0;
     }
     this._open && !this._isInlineMode() && this._ensureOverlay(), this._isInlineMode() && this._scheduleInlineCalendarSync();
   }
@@ -650,19 +650,19 @@ class X extends V {
     return this.hasAttribute("readonly");
   }
   _allowInput() {
-    return y(this.getAttribute("allow-input"), !0);
+    return v(this.getAttribute("allow-input"), !0);
   }
   _clearable() {
-    return y(this.getAttribute("clearable"), !0);
+    return v(this.getAttribute("clearable"), !0);
   }
   _closeOnSelect() {
-    return y(this.getAttribute("close-on-select"), !0);
+    return v(this.getAttribute("close-on-select"), !0);
   }
   _showFooter() {
-    return y(this.getAttribute("show-footer"), !0);
+    return v(this.getAttribute("show-footer"), !0);
   }
   _isBare() {
-    return y(this.getAttribute("bare"), !1);
+    return v(this.getAttribute("bare"), !1);
   }
   _locale() {
     return U(this.getAttribute("locale"));
@@ -836,16 +836,16 @@ class X extends V {
     return `
       <style>${Q}</style>
       ${e ? '<div class="sheet-backdrop" data-action="backdrop"></div>' : ""}
-      <section class="${n}" id="${this._panelId}" part="${e ? "sheet" : "popover"}" role="dialog" aria-modal="${o}" aria-labelledby="${this._panelTitleId}" aria-label="${v(t.datePickerPanel)}">
+      <section class="${n}" id="${this._panelId}" part="${e ? "sheet" : "popover"}" role="dialog" aria-modal="${o}" aria-labelledby="${this._panelTitleId}" aria-label="${y(t.datePickerPanel)}">
         <header class="header" part="header" ${r ? "" : "hidden"}>
-          <p class="title" id="${this._panelTitleId}" ${i ? "" : "hidden"}>${v(i)}</p>
-          ${e ? `<button type="button" class="action" data-action="cancel">${v(t.cancel)}</button>` : ""}
+          <p class="title" id="${this._panelTitleId}" ${i ? "" : "hidden"}>${y(i)}</p>
+          ${e ? `<button type="button" class="action" data-action="cancel">${y(t.cancel)}</button>` : ""}
         </header>
         <ui-calendar class="dp-calendar" part="calendar"></ui-calendar>
         <footer class="footer" part="footer">
-          <button type="button" class="action" data-action="today" part="presets">${v(t.today)}</button>
-          <button type="button" class="action" data-action="clear" part="clear">${v(t.clear)}</button>
-          ${s ? `<button type="button" class="action" data-tone="primary" data-action="apply" part="apply">${v(t.apply)}</button>` : ""}
+          <button type="button" class="action" data-action="today" part="presets">${y(t.today)}</button>
+          <button type="button" class="action" data-action="clear" part="clear">${y(t.clear)}</button>
+          ${s ? `<button type="button" class="action" data-tone="primary" data-action="apply" part="apply">${y(t.apply)}</button>` : ""}
         </footer>
       </section>
     `;

package/dist/date-range-picker.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const Y=require("./ElementBase-DxbvhLJs.js"),I=require("./control-name-BmoI1m3a.js"),J=require("./dismissable-layer-DNfrKA20.js"),B=require("./calendar-CzpWDxLc.js"),s=require("./date-time-utils-C-4eHTyy.js");let G=0;const Q=`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const Y=require("./ElementBase-CbUsP3D6.js"),I=require("./control-name-BmoI1m3a.js"),J=require("./dismissable-layer-DNfrKA20.js"),B=require("./calendar-BsVqtpjM.js"),s=require("./date-time-utils-D3hQQ5Om.js");let G=0;const Q=`
   <svg viewBox="0 0 20 20" class="icon-svg" aria-hidden="true" focusable="false">
     <path d="M6 2a1 1 0 0 1 1 1v1h6V3a1 1 0 1 1 2 0v1h.5A2.5 2.5 0 0 1 18 6.5v9A2.5 2.5 0 0 1 15.5 18h-11A2.5 2.5 0 0 1 2 15.5v-9A2.5 2.5 0 0 1 4.5 4H5V3a1 1 0 0 1 1-1Zm10 7H4v6.5c0 .276.224.5.5.5h11a.5.5 0 0 0 .5-.5V9ZM4.5 6a.5.5 0 0 0-.5.5V7h12v-.5a.5.5 0 0 0-.5-.5h-11Z" fill="currentColor"/>
   </svg>
@@ -273,7 +273,7 @@
     --ui-dp-border: #334155;
     --ui-dp-text: #e2e8f0;
     --ui-dp-muted: #93a4bd;
-    --ui-dp-accent: #93c5fd;
+    --ui-dp-accent: var(--ui-color-accent-on-dark, #93c5fd);
     --ui-dp-surface: linear-gradient(180deg, color-mix(in srgb, #0f172a 86%, #1e293b), #0f172a);
   }
 

package/dist/date-range-picker.esm.js

@@ -1,8 +1,8 @@
-import { E as et } from "./ElementBase-BeZT54Hj.mjs";
+import { E as et } from "./ElementBase-D5QsC5Vw.mjs";
 import { s as D, a as E } from "./control-name-Bpj7F34X.mjs";
 import { c as it } from "./dismissable-layer-BmPIoK80.mjs";
-import { r as rt, c as K } from "./calendar-DkSDFg33.mjs";
-import { r as nt, e as st, i as v, s as at, b as ot, p as Z, f as W, a as Y, l as j, c as lt, d as k, g as dt, h as ut, n as L } from "./date-time-utils-zAx4ghvC.mjs";
+import { r as rt, c as K } from "./calendar-CFafqZVA.mjs";
+import { r as nt, e as st, i as v, s as at, b as ot, p as Z, f as W, a as Y, l as j, c as lt, d as k, g as dt, h as ut, n as L } from "./date-time-utils-CJUksWj3.mjs";
 let ct = 0;
 const pt = `
   <svg viewBox="0 0 20 20" class="icon-svg" aria-hidden="true" focusable="false">
@@ -279,7 +279,7 @@ const pt = `
     --ui-dp-border: #334155;
     --ui-dp-text: #e2e8f0;
     --ui-dp-muted: #93a4bd;
-    --ui-dp-accent: #93c5fd;
+    --ui-dp-accent: var(--ui-color-accent-on-dark, #93c5fd);
     --ui-dp-surface: linear-gradient(180deg, color-mix(in srgb, #0f172a 86%, #1e293b), #0f172a);
   }
 

package/dist/date-range-time-picker.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const G=require("./ElementBase-DxbvhLJs.js"),j=require("./control-name-BmoI1m3a.js"),Q=require("./dismissable-layer-DNfrKA20.js"),X=require("./calendar-CzpWDxLc.js"),s=require("./date-time-utils-C-4eHTyy.js");let tt=0;const et=`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const G=require("./ElementBase-CbUsP3D6.js"),j=require("./control-name-BmoI1m3a.js"),Q=require("./dismissable-layer-DNfrKA20.js"),X=require("./calendar-BsVqtpjM.js"),s=require("./date-time-utils-D3hQQ5Om.js");let tt=0;const et=`
   <svg viewBox="0 0 20 20" class="icon-svg" aria-hidden="true" focusable="false">
     <path d="M6 2a1 1 0 0 1 1 1v1h6V3a1 1 0 1 1 2 0v1h.5A2.5 2.5 0 0 1 18 6.5v9A2.5 2.5 0 0 1 15.5 18h-11A2.5 2.5 0 0 1 2 15.5v-9A2.5 2.5 0 0 1 4.5 4H5V3a1 1 0 0 1 1-1Zm10 7H4v6.5c0 .276.224.5.5.5h11a.5.5 0 0 0 .5-.5V9ZM4.5 6a.5.5 0 0 0-.5.5V7h12v-.5a.5.5 0 0 0-.5-.5h-11Z" fill="currentColor"/>
   </svg>
@@ -246,7 +246,7 @@
     --ui-drtp-border: #334155;
     --ui-dp-text: #e2e8f0;
     --ui-dp-muted: #94a3b8;
-    --ui-drtp-accent: #93c5fd;
+    --ui-drtp-accent: var(--ui-color-accent-on-dark, #93c5fd);
     --ui-drtp-surface: linear-gradient(180deg, color-mix(in srgb, #0f172a 84%, #1e293b), #0f172a);
     --ui-drtp-shadow: 0 18px 36px rgba(2, 6, 23, 0.48);
   }
@@ -571,7 +571,7 @@
       <style>${nt}</style>
       ${t?'<div class="sheet-backdrop" data-action="backdrop"></div>':""}
       <section class="${t?"sheet":"panel"}" id="${this._panelId}" role="dialog" aria-modal="${t?"true":"false"}" aria-label="${o}" part="${t?"sheet":"popover"}">${b}</section>
-    `}_syncCalendar(t){const e=(c,h)=>{if(h==null||h===""){t.hasAttribute(c)&&t.removeAttribute(c);return}t.getAttribute(c)!==h&&t.setAttribute(c,h)},i=(c,h)=>{h?e(c,""):e(c,null)};e("selection","range"),e("value",JSON.stringify({...this._pending.startDate?{start:this._pending.startDate}:{},...this._pending.endDate?{end:this._pending.endDate}:{}}));const r=s.parseConstraintDateTime(this.getAttribute("min")),l=s.parseConstraintDateTime(this.getAttribute("max"));e("min",r?.date||null),e("max",l?.date||null),e("locale",this.getAttribute("locale")),e("translations",this.getAttribute("translations")),e("week-start",this.getAttribute("week-start"));const n=this.getAttribute("size")||"sm",o=t.classList.contains("drtp-calendar-inline");e("size",n==="lg"?"md":"sm"),e("variant",this.getAttribute("variant")),i("readonly",this._isReadonly()),i("disabled",this._isInteractionBlocked()),i("bare",this._isBare()),e("tabindex","-1"),n==="lg"?(t.style.setProperty("--ui-calendar-day-height","1.95em"),t.style.setProperty("--ui-calendar-day-padding-block","0.2em"),t.style.setProperty("--ui-calendar-day-padding-inline","0.26em"),t.style.setProperty("--ui-calendar-gap","0.42em"),t.style.setProperty("--ui-calendar-day-font-size","0.78em"),t.style.setProperty("--ui-calendar-weekday-font-size","0.7em"),t.style.setProperty("--ui-calendar-title-font-size","0.88em")):(t.style.setProperty("--ui-calendar-day-height","2.4em"),t.style.setProperty("--ui-calendar-day-padding-block","0.14em"),t.style.setProperty("--ui-calendar-day-padding-inline","0.22em"),t.style.setProperty("--ui-calendar-gap","0.34em"),t.style.setProperty("--ui-calendar-day-font-size","0.72em"),t.style.setProperty("--ui-calendar-weekday-font-size","0.64em"),t.style.setProperty("--ui-calendar-title-font-size","0.8em")),o?(t.style.setProperty("--ui-calendar-frame-padding","0.32em"),t.style.setProperty("--ui-calendar-week-gap","0.18em"),t.style.setProperty("--ui-calendar-control-height","1.72em"),t.style.setProperty("--ui-calendar-gap","0.24em")):(t.style.removeProperty("--ui-calendar-frame-padding"),t.style.removeProperty("--ui-calendar-week-gap"),t.style.removeProperty("--ui-calendar-control-height")),e("aria-label",this.getAttribute("label")||this._translations().selectDateRange)}_overlaySignature(t){return[t?"sheet":"popover",this._step(),this.getAttribute("locale")||"",this.getAttribute("label")||"",this.getAttribute("translations")||""].join(":")}_ensureOverlayContent(t){if(!this._overlay)return;const e=this._overlaySignature(t);this._overlayKey===e&&this._overlay.querySelector(".drtp-calendar")||(this._overlayKey=e,this._overlay.innerHTML=t?`<div class="sheet-wrap">${this._renderSurfaceInner(!0)}</div>`:`<div class="overlay">${this._renderSurfaceInner(!1)}</div>`)}_setClosestOptionValue(t,e){const i=Array.from(t.options).map(a=>Number(a.value)).filter(a=>Number.isFinite(a));if(!i.length)return;let r=i[0],l=Math.abs(r-e);for(let a=1;a<i.length;a+=1){const n=i[a],o=Math.abs(n-e);o<l&&(r=n,l=o)}t.value=String(r)}_syncOverlayState(){if(!this._overlay)return;this._syncOverlayHostZIndex();const t=this._isMobileSheet();this._ensureOverlayContent(t),this._syncDismissableLayer();const e=this._translations(),i=this._overlay.querySelector(".panel, .sheet"),r=this._overlay.querySelector(".presets"),l=this._overlay.querySelector(".footer");i&&(i.dataset.bare=this._isBare()?"true":"false");const a=this._showFooter();r&&(r.hidden=!a),l&&(l.hidden=!a);const n=this._overlay.querySelector(".head-title");if(n){const f=(this.getAttribute("label")||"").trim();n.textContent=f,n.hidden=!f}const o=this._overlay.querySelector(".head-meta"),c=this._valueFromPending();o&&(o.textContent=c.start&&c.end?`${this._formatDateTimeDisplay(c.start)} — ${this._formatDateTimeDisplay(c.end)}`:e.selectDateRange);const h=this._overlay.querySelector(".drtp-calendar");h&&this._syncCalendar(h);const _=s.parseTimeInput(this._pending.startTime)||{hours:0,minutes:0},D=s.parseTimeInput(this._pending.endTime)||{hours:0,minutes:0},v=this._overlay.querySelector('select[data-time="start"][data-segment="hours"]'),d=this._overlay.querySelector('select[data-time="start"][data-segment="minutes"]'),b=this._overlay.querySelector('select[data-time="end"][data-segment="hours"]'),g=this._overlay.querySelector('select[data-time="end"][data-segment="minutes"]');v&&this._setClosestOptionValue(v,_.hours),d&&this._setClosestOptionValue(d,_.minutes),b&&this._setClosestOptionValue(b,D.hours),g&&this._setClosestOptionValue(g,D.minutes);const y=this._isInteractionBlocked()||this._isReadonly();[v,d,b,g].forEach(f=>{f&&(f.disabled=y)}),this._overlay.querySelectorAll(".action, .preset").forEach(f=>{f.disabled=y}),t||this._schedulePosition.run()}_renderOverlay(){this._syncOverlayState()}_applyTimeFromOverlay(t){const e=t.getAttribute("data-time"),i=this._overlay?.querySelector(`select[data-time="${e}"][data-segment="hours"]`),r=this._overlay?.querySelector(`select[data-time="${e}"][data-segment="minutes"]`);if(!e||!i||!r)return;const l=Number(i.value),a=Number(r.value);if(!Number.isFinite(l)||!Number.isFinite(a))return;const n=`${w(l)}:${w(a)}`;e==="start"&&(this._pending.startTime=n),e==="end"&&(this._pending.endTime=n),this._pending=this._normalizePendingState(this._pending),this._emitInput("time")}_todayIso(){const t=new Date,e=String(t.getMonth()+1).padStart(2,"0"),i=String(t.getDate()).padStart(2,"0");return`${t.getFullYear()}-${e}-${i}`}_applyPreset(t){const e=this._todayIso();if(t==="preset-today"){this._pending.startDate=e,this._pending.endDate=e,this._pending=this._normalizePendingState(this._pending),this._emitInput("preset-today");return}if(t==="preset-last7"){const r=s.computeLastDaysRange(e,7);this._pending.startDate=r.start,this._pending.endDate=r.end,this._pending=this._normalizePendingState(this._pending),this._emitInput("preset-last7");return}const i=s.computeMonthRange(e);this._pending.startDate=i.start,this._pending.endDate=i.end,this._pending=this._normalizePendingState(this._pending),this._emitInput("preset-month")}_onRootClick(t){const e=t.target;if(!e)return;const i=e.closest("[data-action]")?.getAttribute("data-action");if(i&&!this._isInteractionBlocked()&&!(this._isReadonly()&&i!=="toggle")){if(i==="toggle"){this._restoreFocusEl=e,this._setOpen(!this._open,"toggle");return}if(i==="clear"){this._isInlineMode()?(this._pending=x({start:null,end:null}),this._emitInput("clear"),this._updateHostState()):(this._pending=x({start:null,end:null}),this._commit(this._pending,"clear"));return}if(this._isInlineMode()&&(i==="preset-today"||i==="preset-last7"||i==="preset-month")){this._applyPreset(i),this._updateHostState();return}if(this._isInlineMode()&&i==="cancel"){this._pending=x(this._value),this._updateHostState();return}this._isInlineMode()&&i==="apply"&&this._commit(this._pending,"apply")}}_onRootChange(t){if(!this._isInlineMode())return;const e=t.target;if(e){if(e.tagName.toLowerCase()==="ui-calendar"){this._onOverlayCalendar(t);return}if(e instanceof HTMLSelectElement&&e.closest(".inline-panel")){if(!e.matches("select[data-time][data-segment]")||this._isInteractionBlocked()||this._isReadonly())return;if(this._applyTimeFromOverlay(e),this._shouldAutoCommit()){const i=this._valueFromPending();if(i.start&&i.end){this._commit(this._pending,"time");return}}this._updateHostState()}}}_onRootKeyDown(t){const e=t;if(!this._isInteractionBlocked()){if(e.key==="Escape"&&this._open&&!this._isInlineMode()){e.preventDefault(),this._setOpen(!1,"escape");return}e.key==="ArrowDown"&&!this._open&&!this._isInlineMode()&&(e.preventDefault(),this._setOpen(!0,"keyboard"))}}_onOverlayClick(t){const e=t.target;if(!e)return;const i=e.closest("[data-action]")?.getAttribute("data-action");if(i&&!(this._isInteractionBlocked()||this._isReadonly())){if(i==="backdrop"){this._setOpen(!1,"outside");return}if(i==="cancel"){this._pending=x(this._value),this._setOpen(!1,"cancel");return}if(i==="clear"){this._pending=x({start:null,end:null}),this._emitInput("clear"),this._renderOverlay();return}if(i==="preset-today"||i==="preset-last7"||i==="preset-month"){this._applyPreset(i),this._renderOverlay();return}i==="apply"&&(this._commit(this._pending,"apply"),this._setOpen(!1,"apply"))}}_onOverlayChange(t){const e=t.target;if(e instanceof HTMLSelectElement&&e.matches("select[data-time][data-segment]")&&!(this._isInteractionBlocked()||this._isReadonly())&&(this._applyTimeFromOverlay(e),this._shouldAutoCommit())){const i=this._valueFromPending();i.start&&i.end&&(this._commit(this._pending,"time"),this._setOpen(!1,"time"))}}_onOverlayCalendar(t){if(this._isInteractionBlocked()||this._isReadonly())return;const e=t.target;if(!e||e.tagName.toLowerCase()!=="ui-calendar")return;const i=t.detail;if(!(!i||i.mode!=="range")){if(this._pending.startDate=i.start||null,this._pending.endDate=i.end||null,this._pending=this._normalizePendingState(this._pending),this._emitInput("calendar"),this._shouldAutoCommit()&&this._pending.startDate&&this._pending.endDate){this._commit(this._pending,"calendar"),this._setOpen(!1,"calendar");return}this._isInlineMode()?this._updateHostState():this._renderOverlay()}}_onDocumentPointerDown(t){if(!this._open||!this._overlay)return;const e=t.composedPath();e.includes(this)||e.includes(this._overlay)||this._setOpen(!1,"outside")}_onDocumentKeyDown(t){this._open&&t.key==="Escape"&&(t.preventDefault(),this._setOpen(!1,"escape"))}_updateHostState(){if(!this._hasView)return;const t=this.getAttribute("label")||"",e=this.getAttribute("hint")||"",i=this.getAttribute("error")||"",r=this._inlineError||i,l=!!(this._value.start||this._value.end),a=this.getAttribute("name")||"",n=this._isInlineMode(),o=this._translations(),c=r?"error":this._state(),h=this._formatDisplay();this._display=h,this._state()==="loading"?this.setAttribute("aria-busy","true"):this.removeAttribute("aria-busy");const _=this.root.querySelector(".label"),D=this.root.querySelector(".label-text"),v=this.root.querySelector(".required"),d=this.root.querySelector(".input"),b=this.root.querySelector('.btn[data-action="clear"]'),g=this.root.querySelector('.btn[data-action="toggle"]'),y=this.root.querySelector(".hint"),f=this.root.querySelector(".error"),C=this.root.querySelector(".hidden-input");if(_&&(_.hidden=!t,_.id=this._labelId,_.setAttribute("for",this._inputId)),D&&(D.textContent=t),v&&(v.hidden=!this.hasAttribute("required")),d&&(d.value!==h&&(d.value=h),d.id=this._inputId,d.placeholder=o.dateRangeTimePlaceholder,d.readOnly=!0,d.disabled=this._isInteractionBlocked(),d.required=this.hasAttribute("required"),d.autocomplete="off",d.setAttribute("role","combobox"),d.setAttribute("aria-haspopup","dialog"),d.setAttribute("aria-expanded",n?"false":String(this._open)),d.setAttribute("aria-controls",this._panelId),d.setAttribute("aria-invalid",r?"true":"false"),j.syncControlName(d,this,t?this._labelId:null,d.placeholder)),b&&(b.hidden=!(this._clearable()&&l),b.setAttribute("aria-label",o.clearDateRange),b.disabled=this._isInteractionBlocked()),g&&(g.hidden=n,g.setAttribute("aria-label",o.toggleCalendar),g.setAttribute("aria-expanded",n?"false":String(this._open)),g.setAttribute("aria-controls",this._panelId),g.disabled=this._isInteractionBlocked()),y&&(y.id=this._hintId,y.hidden=!e,y.textContent=e),f&&(f.id=this._errorId,f.hidden=!r,f.textContent=r),d){const S=[];e&&y&&!y.hidden&&S.push(this._hintId),r&&S.push(this._errorId),j.syncControlDescription(d,this,this._uid,S)}C&&(C.disabled=!a,C.name=a,C.value=J(this._value)||"");const I=this.root.querySelector(".field");I&&(I.dataset.open=this._open&&!n?"true":"false",I.dataset.invalid=r?"true":"false",I.dataset.state=c);const u=this.root.querySelector(".inline-panel");if(u){u.hidden=!n,u.id=this._panelId,u.dataset.bare=this._isBare()?"true":"false",u.setAttribute("role","dialog"),u.setAttribute("aria-modal","false"),u.setAttribute("aria-label",t||o.selectDateRange);const S=u.querySelector(".panel-title");S&&(S.textContent=t,S.hidden=!t);const $=u.querySelector(".head-title");$&&($.textContent=t,$.hidden=!t);const R=u.querySelector(".head-meta"),A=this._valueFromPending();R&&(R.textContent=A.start&&A.end?`${this._formatDateTimeDisplay(A.start)} — ${this._formatDateTimeDisplay(A.end)}`:o.selectDateRange);const q=u.querySelector(".drtp-calendar-inline");q&&this._syncCalendar(q);const O=u.querySelector('select[data-time="start"][data-segment="hours"]'),z=u.querySelector('select[data-time="start"][data-segment="minutes"]'),P=u.querySelector('select[data-time="end"][data-segment="hours"]'),B=u.querySelector('select[data-time="end"][data-segment="minutes"]'),L=s.parseTimeInput(this._pending.startTime)||{hours:0,minutes:0},E=s.parseTimeInput(this._pending.endTime)||{hours:0,minutes:0};O&&this._setClosestOptionValue(O,L.hours),z&&this._setClosestOptionValue(z,L.minutes),P&&this._setClosestOptionValue(P,E.hours),B&&this._setClosestOptionValue(B,E.minutes),[O,z,P,B].forEach(k=>{k&&(k.disabled=this._isInteractionBlocked()||this._isReadonly())});const M=u.querySelector('[data-action="preset-today"]');M&&(M.textContent=o.today);const H=u.querySelector('[data-action="preset-last7"]');H&&(H.textContent=o.last7Days);const V=u.querySelector('[data-action="preset-month"]');V&&(V.textContent=o.thisMonth);const F=u.querySelector('[data-action="clear"]');F&&(F.textContent=o.clear);const N=u.querySelector('[data-action="apply"]');N&&(N.textContent=o.apply);const K=u.querySelector(".presets"),U=u.querySelector(".footer"),Z=this._showFooter();K&&(K.hidden=!Z),U&&(U.hidden=!Z),u.querySelectorAll(".action, .preset").forEach(k=>{k.disabled=this._isInteractionBlocked()||this._isReadonly()})}!n&&this._open&&this._syncOverlayState(),n&&this._destroyOverlay()}render(){if(!this._hasView){const t=this._translations();this.setContent(`
+    `}_syncCalendar(t){const e=(c,h)=>{if(h==null||h===""){t.hasAttribute(c)&&t.removeAttribute(c);return}t.getAttribute(c)!==h&&t.setAttribute(c,h)},i=(c,h)=>{h?e(c,""):e(c,null)};e("selection","range"),e("value",JSON.stringify({...this._pending.startDate?{start:this._pending.startDate}:{},...this._pending.endDate?{end:this._pending.endDate}:{}}));const r=s.parseConstraintDateTime(this.getAttribute("min")),l=s.parseConstraintDateTime(this.getAttribute("max"));e("min",r?.date||null),e("max",l?.date||null),e("locale",this.getAttribute("locale")),e("translations",this.getAttribute("translations")),e("week-start",this.getAttribute("week-start"));const n=this.getAttribute("size")||"sm",o=t.classList.contains("drtp-calendar-inline");e("size",n==="lg"?"md":"sm"),e("variant",this.getAttribute("variant")),i("readonly",this._isReadonly()),i("disabled",this._isInteractionBlocked()),i("bare",this._isBare()),e("tabindex","-1"),n==="lg"?(t.style.setProperty("--ui-calendar-day-height","1.95em"),t.style.setProperty("--ui-calendar-day-padding-block","0.2em"),t.style.setProperty("--ui-calendar-day-padding-inline","0.26em"),t.style.setProperty("--ui-calendar-gap","0.42em"),t.style.setProperty("--ui-calendar-day-font-size","0.78em"),t.style.setProperty("--ui-calendar-weekday-font-size","0.7em"),t.style.setProperty("--ui-calendar-title-font-size","0.88em")):(t.style.setProperty("--ui-calendar-day-height","2.4em"),t.style.setProperty("--ui-calendar-day-padding-block","0.14em"),t.style.setProperty("--ui-calendar-day-padding-inline","0.22em"),t.style.setProperty("--ui-calendar-gap","0.34em"),t.style.setProperty("--ui-calendar-day-font-size","0.72em"),t.style.setProperty("--ui-calendar-weekday-font-size","0.64em"),t.style.setProperty("--ui-calendar-title-font-size","0.8em")),o?(t.style.setProperty("--ui-calendar-frame-padding","0.32em"),t.style.setProperty("--ui-calendar-week-gap","0.18em"),t.style.setProperty("--ui-calendar-control-height","1.72em"),t.style.setProperty("--ui-calendar-gap","0.24em")):(t.style.removeProperty("--ui-calendar-frame-padding"),t.style.removeProperty("--ui-calendar-week-gap"),t.style.removeProperty("--ui-calendar-control-height")),e("aria-label",this.getAttribute("label")||this._translations().selectDateRange)}_overlaySignature(t){return[t?"sheet":"popover",this._step(),this.getAttribute("locale")||"",this.getAttribute("label")||"",this.getAttribute("translations")||""].join(":")}_ensureOverlayContent(t){if(!this._overlay)return;const e=this._overlaySignature(t);this._overlayKey===e&&this._overlay.querySelector(".drtp-calendar")||(this._overlayKey=e,this._overlay.innerHTML=t?`<div class="sheet-wrap">${this._renderSurfaceInner(!0)}</div>`:`<div class="overlay">${this._renderSurfaceInner(!1)}</div>`)}_setClosestOptionValue(t,e){const i=Array.from(t.options).map(a=>Number(a.value)).filter(a=>Number.isFinite(a));if(!i.length)return;let r=i[0],l=Math.abs(r-e);for(let a=1;a<i.length;a+=1){const n=i[a],o=Math.abs(n-e);o<l&&(r=n,l=o)}t.value=String(r)}_syncOverlayState(){if(!this._overlay)return;this._syncOverlayHostZIndex();const t=this._isMobileSheet();this._ensureOverlayContent(t),this._syncDismissableLayer();const e=this._translations(),i=this._overlay.querySelector(".panel, .sheet"),r=this._overlay.querySelector(".presets"),l=this._overlay.querySelector(".footer");i&&(i.dataset.bare=this._isBare()?"true":"false");const a=this._showFooter();r&&(r.hidden=!a),l&&(l.hidden=!a);const n=this._overlay.querySelector(".head-title");if(n){const f=(this.getAttribute("label")||"").trim();n.textContent=f,n.hidden=!f}const o=this._overlay.querySelector(".head-meta"),c=this._valueFromPending();o&&(o.textContent=c.start&&c.end?`${this._formatDateTimeDisplay(c.start)} — ${this._formatDateTimeDisplay(c.end)}`:e.selectDateRange);const h=this._overlay.querySelector(".drtp-calendar");h&&this._syncCalendar(h);const _=s.parseTimeInput(this._pending.startTime)||{hours:0,minutes:0},D=s.parseTimeInput(this._pending.endTime)||{hours:0,minutes:0},v=this._overlay.querySelector('select[data-time="start"][data-segment="hours"]'),d=this._overlay.querySelector('select[data-time="start"][data-segment="minutes"]'),b=this._overlay.querySelector('select[data-time="end"][data-segment="hours"]'),g=this._overlay.querySelector('select[data-time="end"][data-segment="minutes"]');v&&this._setClosestOptionValue(v,_.hours),d&&this._setClosestOptionValue(d,_.minutes),b&&this._setClosestOptionValue(b,D.hours),g&&this._setClosestOptionValue(g,D.minutes);const y=this._isInteractionBlocked()||this._isReadonly();[v,d,b,g].forEach(f=>{f&&(f.disabled=y)}),this._overlay.querySelectorAll(".action, .preset").forEach(f=>{f.disabled=y}),t||this._schedulePosition.run()}_renderOverlay(){this._syncOverlayState()}_applyTimeFromOverlay(t){const e=t.getAttribute("data-time"),i=this._overlay?.querySelector(`select[data-time="${e}"][data-segment="hours"]`),r=this._overlay?.querySelector(`select[data-time="${e}"][data-segment="minutes"]`);if(!e||!i||!r)return;const l=Number(i.value),a=Number(r.value);if(!Number.isFinite(l)||!Number.isFinite(a))return;const n=`${w(l)}:${w(a)}`;e==="start"&&(this._pending.startTime=n),e==="end"&&(this._pending.endTime=n),this._pending=this._normalizePendingState(this._pending),this._emitInput("time")}_todayIso(){const t=new Date,e=String(t.getMonth()+1).padStart(2,"0"),i=String(t.getDate()).padStart(2,"0");return`${t.getFullYear()}-${e}-${i}`}_applyPreset(t){const e=this._todayIso();if(t==="preset-today"){this._pending.startDate=e,this._pending.endDate=e,this._pending=this._normalizePendingState(this._pending),this._emitInput("preset-today");return}if(t==="preset-last7"){const r=s.computeLastDaysRange(e,7);this._pending.startDate=r.start,this._pending.endDate=r.end,this._pending=this._normalizePendingState(this._pending),this._emitInput("preset-last7");return}const i=s.computeMonthRange(e);this._pending.startDate=i.start,this._pending.endDate=i.end,this._pending=this._normalizePendingState(this._pending),this._emitInput("preset-month")}_onRootClick(t){const e=t.target;if(!e)return;const i=e.closest("[data-action]")?.getAttribute("data-action");if(i&&!this._isInteractionBlocked()&&!(this._isReadonly()&&i!=="toggle")){if(i==="toggle"){this._restoreFocusEl=e,this._setOpen(!this._open,"toggle");return}if(i==="clear"){this._isInlineMode()?(this._pending=x({start:null,end:null}),this._emitInput("clear"),this._updateHostState()):(this._pending=x({start:null,end:null}),this._commit(this._pending,"clear"));return}if(this._isInlineMode()&&(i==="preset-today"||i==="preset-last7"||i==="preset-month")){this._applyPreset(i),this._updateHostState();return}if(this._isInlineMode()&&i==="cancel"){this._pending=x(this._value),this._updateHostState();return}this._isInlineMode()&&i==="apply"&&this._commit(this._pending,"apply")}}_onRootChange(t){if(!this._isInlineMode())return;const e=t.target;if(e){if(e.tagName.toLowerCase()==="ui-calendar"){this._onOverlayCalendar(t);return}if(e instanceof HTMLSelectElement&&e.closest(".inline-panel")){if(!e.matches("select[data-time][data-segment]")||this._isInteractionBlocked()||this._isReadonly())return;if(this._applyTimeFromOverlay(e),this._shouldAutoCommit()){const i=this._valueFromPending();if(i.start&&i.end){this._commit(this._pending,"time");return}}this._updateHostState()}}}_onRootKeyDown(t){const e=t;if(!this._isInteractionBlocked()){if(e.key==="Escape"&&this._open&&!this._isInlineMode()){e.preventDefault(),this._setOpen(!1,"escape");return}e.key==="ArrowDown"&&!this._open&&!this._isInlineMode()&&(e.preventDefault(),this._setOpen(!0,"keyboard"))}}_onOverlayClick(t){const e=t.target;if(!e)return;const i=e.closest("[data-action]")?.getAttribute("data-action");if(i&&!(this._isInteractionBlocked()||this._isReadonly())){if(i==="backdrop"){this._setOpen(!1,"outside");return}if(i==="cancel"){this._pending=x(this._value),this._setOpen(!1,"cancel");return}if(i==="clear"){this._pending=x({start:null,end:null}),this._emitInput("clear"),this._renderOverlay();return}if(i==="preset-today"||i==="preset-last7"||i==="preset-month"){this._applyPreset(i),this._renderOverlay();return}i==="apply"&&(this._commit(this._pending,"apply"),this._setOpen(!1,"apply"))}}_onOverlayChange(t){const e=t.target;if(e instanceof HTMLSelectElement&&e.matches("select[data-time][data-segment]")&&!(this._isInteractionBlocked()||this._isReadonly())&&(this._applyTimeFromOverlay(e),this._shouldAutoCommit())){const i=this._valueFromPending();i.start&&i.end&&(this._commit(this._pending,"time"),this._setOpen(!1,"time"))}}_onOverlayCalendar(t){if(this._isInteractionBlocked()||this._isReadonly())return;const e=t.target;if(!e||e.tagName.toLowerCase()!=="ui-calendar")return;const i=t.detail;if(!(!i||i.mode!=="range")){if(this._pending.startDate=i.start||null,this._pending.endDate=i.end||null,this._pending=this._normalizePendingState(this._pending),this._emitInput("calendar"),this._shouldAutoCommit()&&this._pending.startDate&&this._pending.endDate){this._commit(this._pending,"calendar"),this._setOpen(!1,"calendar");return}this._isInlineMode()?this._updateHostState():this._renderOverlay()}}_onDocumentPointerDown(t){if(!this._open||!this._overlay)return;const e=t.composedPath();e.includes(this)||e.includes(this._overlay)||this._setOpen(!1,"outside")}_onDocumentKeyDown(t){this._open&&t.key==="Escape"&&(t.preventDefault(),this._setOpen(!1,"escape"))}_updateHostState(){if(!this._hasView)return;const t=this.getAttribute("label")||"",e=this.getAttribute("hint")||"",i=this.getAttribute("error")||"",r=this._inlineError||i,l=!!(this._value.start||this._value.end),a=this.getAttribute("name")||"",n=this._isInlineMode(),o=this._translations(),c=r?"error":this._state(),h=this._formatDisplay();this._display=h,this._state()==="loading"?this.setAttribute("aria-busy","true"):this.removeAttribute("aria-busy");const _=this.root.querySelector(".label"),D=this.root.querySelector(".label-text"),v=this.root.querySelector(".required"),d=this.root.querySelector(".input"),b=this.root.querySelector('.btn[data-action="clear"]'),g=this.root.querySelector('.btn[data-action="toggle"]'),y=this.root.querySelector(".hint"),f=this.root.querySelector(".error"),C=this.root.querySelector(".hidden-input");if(_&&(_.hidden=!t,_.id=this._labelId,_.setAttribute("for",this._inputId)),D&&(D.textContent=t),v&&(v.hidden=!this.hasAttribute("required")),d&&(d.value!==h&&(d.value=h),d.id=this._inputId,d.placeholder=o.dateRangeTimePlaceholder,d.readOnly=!0,d.disabled=this._isInteractionBlocked(),d.required=this.hasAttribute("required"),d.autocomplete="off",d.setAttribute("role","combobox"),d.setAttribute("aria-haspopup","dialog"),d.setAttribute("aria-expanded",n?"false":String(this._open)),d.setAttribute("aria-controls",this._panelId),d.setAttribute("aria-invalid",r?"true":"false"),j.syncControlName(d,this,t?this._labelId:null,d.placeholder)),b&&(b.hidden=!(this._clearable()&&l),b.setAttribute("aria-label",o.clearDateRange),b.disabled=this._isInteractionBlocked()),g&&(g.hidden=n,g.setAttribute("aria-label",o.toggleCalendar),g.setAttribute("aria-expanded",n?"false":String(this._open)),g.setAttribute("aria-controls",this._panelId),g.disabled=this._isInteractionBlocked()),y&&(y.id=this._hintId,y.hidden=!e,y.textContent=e),f&&(f.id=this._errorId,f.hidden=!r,f.textContent=r),d){const S=[];e&&y&&!y.hidden&&S.push(this._hintId),r&&S.push(this._errorId),j.syncControlDescription(d,this,this._uid,S)}C&&(C.disabled=!a,C.name=a,C.value=J(this._value)||"");const I=this.root.querySelector(".field");I&&(I.dataset.open=this._open&&!n?"true":"false",I.dataset.invalid=r?"true":"false",I.dataset.state=c);const u=this.root.querySelector(".inline-panel");if(u){u.hidden=!n,u.id=this._panelId,u.dataset.bare=this._isBare()?"true":"false",u.setAttribute("role","dialog"),u.setAttribute("aria-modal","false"),u.setAttribute("aria-label",t||o.selectDateRange);const S=u.querySelector(".panel-title");S&&(S.textContent=t,S.hidden=!t);const $=u.querySelector(".head-title");$&&($.textContent=t,$.hidden=!t);const R=u.querySelector(".head-meta"),k=this._valueFromPending();R&&(R.textContent=k.start&&k.end?`${this._formatDateTimeDisplay(k.start)} — ${this._formatDateTimeDisplay(k.end)}`:o.selectDateRange);const q=u.querySelector(".drtp-calendar-inline");q&&this._syncCalendar(q);const O=u.querySelector('select[data-time="start"][data-segment="hours"]'),z=u.querySelector('select[data-time="start"][data-segment="minutes"]'),P=u.querySelector('select[data-time="end"][data-segment="hours"]'),B=u.querySelector('select[data-time="end"][data-segment="minutes"]'),L=s.parseTimeInput(this._pending.startTime)||{hours:0,minutes:0},E=s.parseTimeInput(this._pending.endTime)||{hours:0,minutes:0};O&&this._setClosestOptionValue(O,L.hours),z&&this._setClosestOptionValue(z,L.minutes),P&&this._setClosestOptionValue(P,E.hours),B&&this._setClosestOptionValue(B,E.minutes),[O,z,P,B].forEach(A=>{A&&(A.disabled=this._isInteractionBlocked()||this._isReadonly())});const M=u.querySelector('[data-action="preset-today"]');M&&(M.textContent=o.today);const H=u.querySelector('[data-action="preset-last7"]');H&&(H.textContent=o.last7Days);const V=u.querySelector('[data-action="preset-month"]');V&&(V.textContent=o.thisMonth);const F=u.querySelector('[data-action="clear"]');F&&(F.textContent=o.clear);const N=u.querySelector('[data-action="apply"]');N&&(N.textContent=o.apply);const K=u.querySelector(".presets"),U=u.querySelector(".footer"),Z=this._showFooter();K&&(K.hidden=!Z),U&&(U.hidden=!Z),u.querySelectorAll(".action, .preset").forEach(A=>{A.disabled=this._isInteractionBlocked()||this._isReadonly()})}!n&&this._open&&this._syncOverlayState(),n&&this._destroyOverlay()}render(){if(!this._hasView){const t=this._translations();this.setContent(`
         <style>${st}</style>
         <div class="root">
           <label class="label" part="label" id="${this._labelId}">