@shineuix/core 1.0.0 → 1.0.1

package/dist/shineui/{p-7d6434db.entry.js → p-10b266a0.entry.js}

@@ -1 +1 @@
-import{r as i,c as t,g as s,h as e}from"./p-ChCjmDsd.js";import{S as r,j as o,r as a,k as n,D as d,C as h,E as l,u,w as c,y as g,x as p,n as f,o as v,q as x,e as m,l as b,z as w,B as y,G as k,M as C,H as M}from"./p-BQUMgSi_.js";import{S as $,d as z,c as S,a as F,t as D,r as A,s as E,l as j,p as T,g as R,G as H,w as K,b as N}from"./p-DG9fowJv.js";import{r as L,c as P,e as O,b as B,d as I,f as V,g as W,s as _,t as Y,a as G,h as U,j as X,k as q,i as J,l as Q}from"./p-DxKNScsQ.js";import{v as Z}from"./p-BgS1skn-.js";import{o as ii,a as ti,b as si,c as ei,e as ri,k as oi,j as ai,p as ni,t as di,n as hi,h as li}from"./p--VsCbcYp.js";import{h as ui}from"./p-Vp9Oolk_.js";import{c as ci,m as gi}from"./p-q0JbXN8q.js";import{s as pi,a as fi,i as vi}from"./p-GAnFXayY.js";import{l as xi,a as mi}from"./p-lWhwwQJ2.js";import{u as bi}from"./p-U06fVoGD.js";import{i as wi,a as yi}from"./p-Cs2X0Kih.js";import{d as ki}from"./p-B3wtlP4_.js";import{o as Ci,a as Mi}from"./p-BWkzTEZX.js";import{G as $i,a9 as zi,B as Si,h as Fi,j as Di,a8 as Ai}from"./p-DGU97JSr.js";import"./p-DHVm09RY.js";import"./p-C-6_KLLy.js";import"./p-8R5d4SBR.js";import"./p-DXIDl7cw.js";const Ei=/^-?\d+(?:\.\d+)?$/,ji=/^(.*?)(\d+)$/,Ti=/^(\d{4})-(\d{2})-(\d{2})$/;function Ri(i){if(i.length<2)return null;const t=i[1]-i[0];for(let s=2;s<i.length;s++)if(Math.abs(i[s]-i[s-1]-t)>Math.max(1e-9,1e-9*Math.abs(t)))return null;return t}function Hi(i){const t=Ti.exec(i.trim());if(!t)return null;const s=Date.UTC(Number(t[1]),Number(t[2])-1,Number(t[3]));return Number.isNaN(s)?null:Math.round(s/864e5)}function Ki(i){const t=new Date(864e5*i),s=i=>String(i).padStart(2,"0");return`${t.getUTCFullYear()}-${s(t.getUTCMonth()+1)}-${s(t.getUTCDate())}`}function Ni(i,t){const s=t.indexOf("."),e=s<0?0:t.length-s-1;return e>0?i.toFixed(e):String(Math.round(i))}function Li(i,t,s="forward"){const e=Math.max(0,Math.floor(t)||0);if(0===e||0===i.length)return[];const r="backward"===s,o=function(i,t){const s=[],e=function(i){const t=[];for(const s of i){if(!Ei.test(s.trim()))return null;t.push(Number(s.trim()))}const s=Ri(t);return null==s?null:{values:t,step:s}}(i);if(e){const r=e.values[e.values.length-1],o=i[i.length-1].trim();for(let i=1;i<=t;i++)s.push(Ni(r+e.step*i,o));return s}const r=i.map(Hi);if(r.every((i=>null!=i))){const i=r,e=i.length>=2?Ri(i):1;if(null!=e){const r=i[i.length-1];for(let i=1;i<=t;i++)s.push(Ki(r+e*i));return s}}const o=i.map((i=>ji.exec(i)));if(o.every((i=>null!=i))){const i=o,e=i[0][1];if(""!==e&&"-"!==e&&i.every((i=>i[1]===e))){const r=i.map((i=>Number(i[2]))),o=i.length>=2?Ri(r):1;if(null!=o){const a=r[r.length-1],n=i[i.length-1][2].length;for(let i=1;i<=t;i++){const t=a+o*i,r=t<0?`-${String(Math.abs(t)).padStart(n,"0")}`:String(t).padStart(n,"0");s.push(e+r)}return s}}}for(let e=0;e<t;e++)s.push(i[e%i.length]);return s}(r?i.slice().reverse():i.slice(),e);return r?o.reverse():o}const Pi={compact:30,standard:36,comfortable:44},Oi="__sui-select",Bi="__sui-rownum",Ii=new Set([Oi,Bi]),Vi=class{constructor(s){i(this,s),this.suiViewport=t(this,"suiViewport",3),this.suiCellFocus=t(this,"suiCellFocus",3),this.suiCellActivate=t(this,"suiCellActivate",7),this.suiSort=t(this,"suiSort",3),this.suiRangeChange=t(this,"suiRangeChange",3),this.suiCellEdit=t(this,"suiCellEdit",7),this.suiSelectionChange=t(this,"suiSelectionChange",3),this.suiColumnLayoutChange=t(this,"suiColumnLayoutChange",3),this.suiFilter=t(this,"suiFilter",3),this.suiCellContextMenu=t(this,"suiCellContextMenu",7),this.suiCut=t(this,"suiCut",7),this.suiCopy=t(this,"suiCopy",7),this.suiCopyError=t(this,"suiCopyError",7),this.suiFill=t(this,"suiFill",7),this.suiPaste=t(this,"suiPaste",7)}get host(){return s(this)}columns=[];rows=[];rowKey;density="standard";hideSelectionBar=!1;rowHeights;overscan=6;emptyMessage;emptyFilterMessage;focusedCell;sorts=[];sortMode="single";sortIndicator="sorted";nullOrder="last";filterModel;columnLayout={};selectionMode="none";selection=P();rangeSelection=!1;copyFormulas=!1;editMode="none";loading=!1;stateKey;stateStorage="session";pinnedTop;pinnedBottom;footerTotals;rowClass;reorderableColumns=!1;showColumnToggle=!1;rowNumbers=!1;filterDisplay="none";suiViewport;suiCellFocus;suiCellActivate;suiSort;suiRangeChange;suiCellEdit;suiSelectionChange;suiColumnLayoutChange;suiFilter;suiCellContextMenu;suiCut;suiCopy;suiCopyError;suiFill;suiPaste;windowRevision=0;viewportWidth=0;viewportHeight=0;focusRevision=0;headerCol=-1;dragAnchor;ranges=O();editingCell;resizing=!1;fillRow;fillCol;viewportEl;layerEl;headerH=0;footerH=0;originY=0;pendingMeasure=!1;renderedBase=0;renderedStart=0;renderedEnd=0;resizeObserver;clipAt="";viewTop=0;viewStart=0;lastViewTop=0;lastScrollAt=0;velocity=0;rowGeometry=new r;scrollSpace=new $;colModel;colWidthAt=-1;colCountAt=-1;colLayoutAt=-1;colModeAt="";augmented;layoutRev=0;selectionRev=0;rowWin={start:0,end:0};colWin={start:0,end:0};reported;pendingFocus=!1;selectAnchor;focusedKey;pendingEditor;editingValue="";guideEl;resizeKey;undoStack=[];redoStack=[];sourceMap;pasteFallback;dragKey;dropKey;columnsMenuOpen=!1;filterUi;listUi;menuTicket=0;filterMenuKey;filterDraftState;filterSearch="";menuClosing=!1;hasHeaderSlot=!1;stopSlots;hostLabel;hostLabelledby;stopHostLabel;stopHostLabelledby;modeMenuKey;rowModes={};rowTimers=new Map;loaded=!1;menuAnchor;menuEl;menuFocusPending=!1;stopOutside;stopReposition;stopEscape;demoteMenu;menuExit=ii((()=>this.finishMenu()));menuId=bi("sui-dg-menu");resizeFromX=0;resizeFromW=0;resizeFrameX=0;resizeSign=1;fillFrom;fillAnchor;fillRanges;fillBodyY=0;fillPointerId;fillClientX=0;fillClientY=0;fillListening=!1;fillHandleAt=null;pendingEditorSelectAll=!1;editorEl;customEditorEl;editWrap;editorFocus=ui({parts:()=>[this.editWrap],leave:()=>{this.editingCell&&this.endEdit(!0)}});editError;rowSlots=0;colSlots=0;rowSlotKeys=[];colSlotKeys=[];pinStartKeys=[];pinEndKeys=[];cellCache=new Map;connectedCallback(){this.stopSlots?.(),this.stopSlots=Ci(this.host,(()=>this.readHeaderSlot()),{childList:!0}),this.stopHostLabel?.(),this.stopHostLabel=wi(this.host,(i=>{this.hostLabel=i})),this.stopHostLabelledby?.(),this.stopHostLabelledby=yi(this.host,(i=>{this.hostLabelledby=i})),ki(this.host,(()=>this.tabStop())),this.loaded&&this.watchViewport(!0)}componentWillLoad(){if(this.restoreState(),this.readHeaderSlot(),"row"===this.filterDisplay)return this.loadFilterUi().then((()=>{}),(()=>{}))}loadFilterUi(){return Promise.all([import("./p-CjWxtO3K.js"),z()]).then((([i])=>this.filterUi=i))}loadColumnList(){return Promise.all([import("./p-CjWxtO3K.js"),S()]).then((([i])=>this.listUi=i))}preloadFilterUi=()=>{this.filterUi||this.loadFilterUi().catch((()=>{}))};preloadColumnList=()=>{this.listUi||this.loadColumnList().catch((()=>{}))};componentDidLoad(){this.loaded=!0,this.watchViewport(),this.measure()}readHeaderSlot(){this.hasHeaderSlot=Mi(this.host,"header").length>0}watchViewport(i=!1){this.resizeObserver?.disconnect(),this.resizeObserver=void 0,"undefined"!=typeof ResizeObserver&&this.viewportEl&&(this.resizeObserver=new ResizeObserver((()=>this.measure())),this.resizeObserver.observe(this.viewportEl)),i&&Promise.resolve().then((()=>{this.host.isConnected&&(this.readHeaderSlot(),this.measure(),this.flushRowValues())}))}flushRowValues(){Array.from(this.rowTimers.values()).forEach((i=>{clearTimeout(i.timer),i.write()}))}componentDidRender(){if(this.pendingMeasure&&(this.pendingMeasure=!1,this.measure()),this.viewportEl&&(this.originY=this.viewportEl.getBoundingClientRect().top),this.applyLayer(this.renderedBase,!0),this.keepFocusInGrid(),this.settleMenu(),this.editorEl&&null!=this.pendingEditor){const i=this.pendingEditor,t=this.pendingEditorSelectAll;if(this.pendingEditor=void 0,this.editorEl.value=i,this.editorEl.focus(),"function"==typeof this.editorEl.setSelectionRange)try{this.editorEl.setSelectionRange(t?0:i.length,i.length)}catch{}}this.pendingFocus&&(this.pendingFocus=!1,this.focusedEl()?.focus()),this.commitWindowedEdit();const i={rowStart:this.rowWin.start,rowEnd:this.rowWin.end,colStart:this.colWin.start,colEnd:this.colWin.end},t=this.reported;t&&t.rowStart===i.rowStart&&t.rowEnd===i.rowEnd&&t.colStart===i.colStart&&t.colEnd===i.colEnd||(this.reported=i,this.suiViewport.emit(i))}disconnectedCallback(){this.editorFocus.reset(),void 0!==this.pasteFallback&&clearTimeout(this.pasteFallback),this.pasteFallback=void 0,this.stopSlots?.(),this.stopSlots=void 0,this.stopHostLabel?.(),this.stopHostLabel=void 0,this.stopHostLabelledby?.(),this.stopHostLabelledby=void 0,this.disarmMenu(),this.menuOpen&&this.finishMenu(),this.rowTimers.forEach((i=>clearTimeout(i.timer))),this.resizeObserver?.disconnect(),this.resizeObserver=void 0,this.cellCache.clear(),this.endRangeDrag(),this.abortFillDrag()}get editing(){return"cell"===this.editMode}onModelChange(){this.cellCache.clear(),this.colCountAt=-1}onChromeChange(){this.pendingMeasure=!0,this.filterMenuKey&&"menu"!==this.filterDisplay&&this.requestCloseMenu(!1)}onFilterDisplayChange(){"row"===this.filterDisplay&&this.preloadFilterUi()}onLayoutChange(){this.layoutRev++,this.colCountAt=-1}onOrderChange(){this.rowKey||this.cellCache.clear(),this.ranges.ranges.length&&this.setRanges(O());const i=this.focusedKey,t=this.focusedCell;if(!t)return;if(null==i)return void(this.focusedCell=void 0);const s=this.viewRows();let e=-1;for(let t=0;t<s.length;t++)if(this.keyOf(s[t],t)===i){e=t;break}if(e<0)return this.focusedCell=void 0,void(this.focusedKey=void 0);e!==t.row&&(this.focusedCell={row:e,col:t.col})}async scrollToRow(i,t="auto"){this.syncGeometry();const s=o(this.rowGeometry,this.metrics(),i,t);null!=s&&this.viewportEl&&(this.viewportEl.scrollTop=this.scrollSpace.toPhysical(s))}async focusCell(i,t){this.moveFocus(i,t)}async setFocus(){this.tabStop()?.focus()}tabStop(){return this.focusedEl()||this.viewportEl}async exportCsv(i="export.csv"){this.syncGeometry();const t=(this.colModel?this.colModel.all:[]).filter((i=>!Ii.has(i.key)));return F(D(this.viewRows(),t.length?t:this.columns||[]),i)}async getViewport(){return{rowStart:this.rowWin.start,rowEnd:this.rowWin.end,colStart:this.colWin.start,colEnd:this.colWin.end}}keepFocusInGrid(){if(!this.focusedCell&&this.headerCol<0||!this.viewportEl||"undefined"==typeof document)return;if(this.focusedEl())return;const i=document.activeElement;(!i||i===document.body||!i.isConnected||this.viewportEl.contains(i)&&i.matches(".sui-dg-cell, .sui-dg-hcell")&&"0"!==i.getAttribute("tabindex"))&&this.viewportEl.focus({preventScroll:!0})}commitWindowedEdit(){const i=this.editingCell;i&&void 0===this.pendingEditor&&this.viewportEl&&(this.viewportEl.querySelector(".sui-dg-cell.editing")||Promise.resolve().then((()=>{this.editingCell===i&&this.endEdit(!0)})))}focusedEl(){return this.viewportEl?this.headerCol>=0?this.viewportEl.querySelector('.sui-dg-hcell[tabindex="0"]'):this.focusedCell?this.viewportEl.querySelector('.sui-dg-cell[tabindex="0"]'):null:null}measure(){const i=this.viewportEl;if(!i)return;this.originY=i.getBoundingClientRect().top;const t=i.querySelector(".sui-dg-head");t&&(this.headerH=t.getBoundingClientRect().height||0);const s=i.querySelector(".sui-dg-foot");this.footerH=s&&s.getBoundingClientRect().height||0;const e=i.clientWidth||0,r=i.clientHeight||0;e===this.viewportWidth&&r===this.viewportHeight||(this.viewportWidth=e,this.viewportHeight=r,this.colCountAt=-1)}rowHeight(){return Pi[this.density]||Pi.standard}rowBand(){return Math.max(0,this.viewportHeight-this.headerH-this.footerH)}metrics(){return{rowHeight:this.rowHeight(),viewport:this.rowBand(),scrollTop:this.scrollSpace.toLogical(this.viewTop),overscan:Math.max(8,this.overscan||1),velocity:this.velocity,block:8}}syncGeometry(){const i=this.viewRows();this.rowGeometry.set(i.length,this.rowHeight(),this.rowHeights),this.scrollSpace.set(this.rowGeometry.extent,this.rowBand());const t=this.columnLayout||{},s=this.columns||[];this.colModel&&this.colWidthAt===this.viewportWidth&&this.colCountAt===s.length&&this.colLayoutAt===this.layoutRev&&this.colModeAt===this.selectionMode||(this.colWidthAt=this.viewportWidth,this.colCountAt=s.length,this.colLayoutAt=this.layoutRev,this.colModeAt=this.selectionMode,this.colModel=a(this.gridColumns(),{viewport:this.viewportWidth,order:t.order,hidden:t.hidden?new Set(t.hidden):void 0,resized:t.widths?new Map(Object.entries(t.widths)):void 0}))}onScroll=i=>{const t=i.target;this.viewTop=t.scrollTop||0,this.viewStart=pi(t),this.applyLayer(this.renderedBase);const s=i.timeStamp||Date.now(),e=s-this.lastScrollAt,r=this.viewTop-this.lastViewTop;this.velocity=Math.abs(r)>Math.max(1,this.viewportHeight)?0:e>0&&e<250?.6*this.velocity+r/e*1e3*.4:0,this.lastScrollAt=s,this.lastViewTop=this.viewTop,this.syncGeometry(),this.updateWindow()&&this.windowRevision++,this.fillListening&&this.trackFill(this.fillClientX,this.fillClientY)};updateWindow(){const i=n(this.rowGeometry,this.metrics()),t=this.colModel?d(this.colModel,this.viewStart,this.viewportWidth,4,4):{start:0,end:0};return(i.start!==this.rowWin.start||i.end!==this.rowWin.end||t.start!==this.colWin.start||t.end!==this.colWin.end)&&(this.rowWin=i,this.colWin=t,!0)}rowBase(){return this.rowGeometry.offsetOf(this.rowWin.start)}layerY(i){const t=Math.max(0,this.headerH-this.viewTop);return this.headerH-t+i-this.scrollSpace.toLogical(this.viewTop)}applyLayer(i,t=!1){const s=this.layerEl;if(!s)return;if(this.clipRows(),!t&&!this.renderedCovers())return;const e=Math.max(0,this.headerH-this.viewTop);s.style.transform=`translate3d(0, ${h(this.layerY(i),this.originY+e)}px, 0)`}clipRows(){const i=this.layerEl?.parentElement;if(!i||this.viewportHeight<=0)return;const t=l(M(this.headerH,this.footerH,this.viewTop,this.viewportHeight));t!==this.clipAt&&(this.clipAt=t,i.style.clipPath=t)}renderedCovers(){if(this.renderedEnd<=this.renderedStart)return!0;const i=this.rowGeometry.offsetOf(this.renderedStart),t=this.rowGeometry.offsetOf(this.renderedEnd),s=this.scrollSpace.toLogical(this.viewTop),e=this.rowBand(),r=this.rowHeight(),o=Math.max(0,s-r),a=Math.min(this.rowGeometry.extent,s+e+r);return i<=o&&t>=a}viewRows(){return A(this.rows||[],{columns:this.columns||[],filter:this.filterModel,sorts:this.sorts,nullOrder:this.nullOrder}).rows}emptyText(){return(this.rows||[]).length>0&&0===this.viewRows().length?""===this.emptyFilterMessage?"":xi(void 0,"data-grid.emptyFilter",this.emptyFilterMessage,"No matches."):""===this.emptyMessage?"":xi(void 0,"data-grid.empty",this.emptyMessage,"Nothing here yet.")}gridColumns(){const i=this.columns||[],t=this.rowNumbers?this.rowNumberWidth():0,s=this.hasSelectColumn();if(!t&&!s)return i;const e=this.augmented;if(e&&e.from===i&&e.mode===this.selectionMode&&e.numbers===t)return e.out;const r=[];return t&&r.push({key:Bi,header:"",width:t,minWidth:t,pin:"start",align:"center"}),s&&r.push({key:Oi,header:"",width:48,minWidth:48,pin:"start",align:"center"}),r.push(...i),this.augmented={from:i,mode:this.selectionMode,numbers:t,out:r},r}rowNumberWidth(){const i=String(Math.max(1,(this.rows||[]).length)).length;return Math.max(44,20+8*i)}minCol(){return this.colModel?.all[0]?.key===Bi?1:0}dataStart(){const i=this.colModel?.all||[];let t=0;for(;t<i.length&&Ii.has(i[t].key);)t++;return t}dataCell(i){const t=this.dataStart();return i.col<t?{row:i.row,col:t}:i}isGutter(i){const t=this.colModel?.all[i]?.key;return null!=t&&Ii.has(t)}pickRowFromNumber(i,t){const s=this.colModel,e=this.dataStart(),r=(s?.all.length||0)-1;if(s&&!(r<e)){if(this.rangeSelection){const s=t.shiftKey&&this.ranges.anchor?this.ranges.anchor.row:i,o={r1:Math.min(s,i),c1:e,r2:Math.max(s,i),c2:r};this.setRanges(B(t.ctrlKey||t.metaKey?this.ranges:O(),o,{row:s,col:e}))}t.shiftKey||this.moveFocus(i,e)}}selectAllCells(){const i=this.viewRows(),t=this.dataStart(),s=(this.colModel?.all.length||0)-1;!this.rangeSelection||0===i.length||s<t||this.setRanges(B(O(),{r1:0,c1:t,r2:i.length-1,c2:s},{row:0,col:t}))}keyOf(i,t){return this.rowKey?this.rowKey(i,t):t}cellText(i,t){return u(i.column,t)}moveFocus(i,t){const s=this.colModel,e=this.viewRows();if(!s||0===e.length||0===s.all.length)return;const r=Math.max(0,Math.min(e.length-1,i)),o=Math.max(this.minCol(),Math.min(s.all.length-1,t)),a=this.focusedCell,n=this.headerCol>=0;this.headerCol=-1,a&&a.row===r&&a.col===o?n&&(this.pendingFocus=!0,this.focusRevision++):(this.focusedCell={row:r,col:o},this.focusedKey=this.keyOf(e[r],r),this.pendingFocus=!0,this.focusRevision++,this.revealCell(r,o),this.suiCellFocus.emit({row:r,col:o}))}focusHeader(i){const t=this.colModel;if(!t||0===t.all.length)return;const s=Math.max(this.minCol(),Math.min(t.all.length-1,i));this.headerCol=s,this.pendingFocus=!0,this.focusRevision++,this.revealColumn(s)}activateHeader(i){const t=this.colModel?.all[i];t&&(t.key!==Oi?t.column.sortable&&this.sortBy(t.key,!1):this.toggleSelectAll())}revealCell(i,t){const s=this.viewportEl;if(!s)return;const e=o(this.rowGeometry,this.metrics(),i,"auto");null!=e&&(s.scrollTop=this.scrollSpace.toPhysical(e),this.viewTop=s.scrollTop),this.revealColumn(t)}revealColumn(i){const t=this.viewportEl,s=this.colModel;if(!t||!s)return;const e=s.all[i];if(!e||e.pin)return;const r=s.startWidth+e.offset,o=r+e.width,a=this.viewStart+this.viewportWidth-s.endWidth;r<this.viewStart+s.startWidth?fi(t,r-s.startWidth):o>a&&fi(t,o-this.viewportWidth+s.endWidth),this.viewStart=pi(t)}cellAt(i){const t=i.target.closest(".sui-dg-cell"),s=t?.closest(".sui-dg-row");if(!t||!s||!this.colModel)return null;const e=Number(s.dataset.index),r=this.colModel.byKey.get(t.dataset.col||"");return Number.isFinite(e)&&r&&!Ii.has(r.key)?{row:e,col:r.index}:null}onPointerDown=i=>{if(i.target.closest(".sui-dg-fill, .sui-dg-resizer"))return;this.fillFrom&&this.abortFillDrag();const t=i.target.closest(".sui-dg-cell"),s=t?.closest(".sui-dg-row");if(!t||!s||!this.colModel)return;const e=Number(s.dataset.index),r=this.colModel.byKey.get(t.dataset.col||"");if(Number.isFinite(e)&&r){if(r.key===Bi)return i.preventDefault(),void this.pickRowFromNumber(e,i);if(r.key===Oi)return i.preventDefault(),this.selectRow(e,i),void this.moveFocus(e,r.index);if("single"!==this.selectionMode&&"multiple"!==this.selectionMode||this.selectRow(e,i),this.rangeSelection){i.shiftKey&&i.preventDefault();const t={row:e,col:r.index},s=this.ranges.anchor||(this.focusedCell?this.dataCell(this.focusedCell):t);i.shiftKey?this.setRanges(B(O(),V(s,t),s)):i.ctrlKey||i.metaKey?this.setRanges(B(this.ranges,V(t,t),t)):(this.setRanges(B(O(),V(t,t),t)),this.beginRangeDrag(t))}this.moveFocus(e,r.index)}};beginRangeDrag(i){"undefined"!=typeof document&&(this.dragAnchor=i,document.addEventListener("mousemove",this.onRangeDrag),document.addEventListener("mouseup",this.endRangeDrag))}onRangeDrag=i=>{const t=this.dragAnchor;if(!t)return;const s=this.cellAt(i);if(!s)return;const e=V(t,s),r=I(this.ranges);r&&r.r1===e.r1&&r.c1===e.c1&&r.r2===e.r2&&r.c2===e.c2||this.setRanges(B(O(),e,t))};endRangeDrag=()=>{this.dragAnchor&&(this.dragAnchor=void 0,"undefined"!=typeof document&&(document.removeEventListener("mousemove",this.onRangeDrag),document.removeEventListener("mouseup",this.endRangeDrag)))};onContextMenu=i=>{const t=this.cellAt(i);t&&(i.preventDefault(),W(this.ranges,t.row,t.col)&&this.focusedCell||this.moveFocus(t.row,t.col),this.emitContextMenu(t.row,t.col,i.clientX,i.clientY))};emitContextMenu(i,t,s,e){const r=this.colModel?.all[t]?.key;if(null==r||Ii.has(r))return;let o=s,a=e;if(null==o||null==a){const t=this.viewportEl?.querySelector(`.sui-dg-row[data-index="${i}"] .sui-dg-cell[data-col="${r}"]`),s=t?.getBoundingClientRect();o=s?vi(this.host)?s.right-8:s.left+8:0,a=s?s.bottom:0}this.suiCellContextMenu.emit({row:i,col:t,key:r,clientX:o,clientY:a,...this.recordAt(i)})}onResizerDblClick=i=>{const t=i.target.dataset.col;t&&(i.preventDefault(),i.stopPropagation(),this.autosizeColumn(t))};onDblClick=()=>{const i=this.focusedCell;i&&(this.editing&&this.canEdit(i.col)?this.beginEdit(i):this.suiCellActivate.emit({...i}))};hasSelectColumn(){return"checkbox"===this.selectionMode}setSelection(i){this.selection=i,this.selectionRev++,this.suiSelectionChange.emit(i)}selectRow(i,t){const s=this.selectionMode;if("none"===s)return;const e=this.viewRows(),r=e[i];if(!r)return;const o=this.keyOf(r,i),a="single"!==s,n=a&&(t.ctrlKey||t.metaKey);if(a&&t.shiftKey&&null!=this.selectAnchor){const t=Math.min(this.selectAnchor,i),s=Math.max(this.selectAnchor,i),r=[];for(let i=t;i<=s;i++)r.push(this.keyOf(e[i],i));this.setSelection(_(n?this.selection:P(),r,!0))}else this.selectAnchor=i,this.setSelection("single"===s||!n&&"checkbox"!==s?_(P(),[o],!0):Y(this.selection,o))}toggleSelectAll=()=>{const i=this.viewRows().length,t=Q(this.selection,i);this.setSelection(null!=t&&t>=i&&i>0?P():G())};fillSource(){const i=I(this.ranges);if(i)return i;const t=this.focusedCell;return t?{r1:t.row,c1:t.col,r2:t.row,c2:t.col}:null}onFillPointerDown=i=>{const t=this.fillSource();t&&this.viewportEl&&(i.preventDefault(),i.stopPropagation(),this.armFill(t,i))};armFill(i,t){const s=this.viewportEl;if(!s)return;this.releaseFillPointer();const e=s.querySelector(".sui-dg-head"),r=s.getBoundingClientRect().top,o=e?e.offsetHeight:0;this.fillBodyY=(Number.isFinite(r)?r:0)+(Number.isFinite(o)?o:0),this.fillFrom=i,this.fillAnchor=this.ranges.anchor&&U(i,this.ranges.anchor.row,this.ranges.anchor.col)?this.ranges.anchor:{row:i.r1,col:i.c1},this.fillRanges=this.ranges,this.fillRow=i.r2,this.fillCol=i.c2,this.fillClientX=t.clientX,this.fillClientY=t.clientY,this.fillPointerId=t.pointerId,this.fillListening=!0;try{s.setPointerCapture(t.pointerId)}catch{}document.addEventListener("pointermove",this.onFillMove),document.addEventListener("pointerup",this.onFillEnd)}columnAtClient(i){const t=this.colModel;if(!t?.all.length)return 0;const s=this.viewportEl?.getBoundingClientRect(),e=vi(this.host),r=e?s?.right:s?.left,o=Number.isFinite(r)?r:0,a=e?o-i:i-o;if(!Number.isFinite(a))return t.all[0].index;const n=(i,t)=>{for(const s of i){const i=t+s.offset;if(a>=i&&a<i+s.width)return s.index}return-1};let d=n(t.start,0);return d<0&&t.end.length&&(d=n(t.end,Math.max(0,this.viewportWidth-t.endWidth))),d<0&&(d=n(t.center,t.startWidth-this.viewStart)),d>=0?d:a<=0?t.all[0].index:t.all[t.all.length-1].index}trackFill(i,t){const s=this.fillAnchor;if(!this.fillFrom||!s)return;this.fillClientX=i,this.fillClientY=t;const e=this.viewRows();if(!e.length||!this.colModel?.all.length)return;const r=this.scrollSpace.toLogical(this.viewTop)+(t-this.fillBodyY);if(!Number.isFinite(r))return;const o=Math.max(0,Math.min(e.length-1,this.rowGeometry.indexAt(r))),a=this.columnAtClient(i);if(!Number.isFinite(o)||!Number.isFinite(a))return;if(o===this.fillRow&&a===this.fillCol)return;if(this.fillRow=o,this.fillCol=a,!this.rangeSelection)return;const n=V(s,{row:o,col:a}),d=1===this.ranges.ranges.length?this.ranges.ranges[0]:null;d&&d.r1===n.r1&&d.c1===n.c1&&d.r2===n.r2&&d.c2===n.c2&&this.ranges.anchor?.row===s.row&&this.ranges.anchor?.col===s.col||this.setRanges(B(O(),n,s))}onFillMove=i=>{this.fillListening&&(0!==i.buttons?this.trackFill(i.clientX,i.clientY):this.onFillEnd())};releaseFillPointer(){this.fillListening&&(document.removeEventListener("pointermove",this.onFillMove),document.removeEventListener("pointerup",this.onFillEnd)),this.fillListening=!1;const i=this.viewportEl;if(i&&null!=this.fillPointerId)try{i.releasePointerCapture(this.fillPointerId)}catch{}this.fillPointerId=void 0}abortFillDrag(){const i=this.fillRanges;this.releaseFillPointer(),this.fillFrom=void 0,this.fillRow=void 0,this.fillCol=void 0,this.fillAnchor=void 0,this.fillRanges=void 0,i&&i!==this.ranges&&this.setRanges(i)}onFillEnd=()=>{const i=this.fillFrom,t=this.fillAnchor,s=this.fillRow,e=this.fillCol;if(this.releaseFillPointer(),this.fillFrom=void 0,this.fillRow=void 0,this.fillCol=void 0,this.fillAnchor=void 0,this.fillRanges=void 0,!i||!t||null==s||null==e)return;const r=V(t,{row:s,col:e}),o=[];for(let t=i.r1;t<=i.r2;t++){const s=[];for(let e=i.c1;e<=i.c2;e++)s.push(this.textAt(t,e));o.push(s)}const a=function(i,t,s){const e=L(t,s);if(!e)return null;const r=new Map;for(let s=t.c1;s<=t.c2;s++){const o=[];for(let e=t.r1;e<=t.r2;e++)o.push(i[e-t.r1]?.[s-t.c1]??"");const a=t.r1>e.r1?Li(o,t.r1-e.r1,"backward"):[],n=e.r2>t.r2?Li(o,e.r2-t.r2):[],d=[];for(let i=e.r1;i<=e.r2;i++)d.push(i<t.r1?a[i-e.r1]??"":i>t.r2?n[i-t.r2-1]??"":o[i-t.r1]??"");r.set(s,d)}const o=[];for(let i=e.r1;i<=e.r2;i++){const s=i-e.r1,a=[];for(let i=t.c1;i<=t.c2;i++)a.push(r.get(i)?.[s]??"");const n=t.c1>e.c1?Li(a,t.c1-e.c1,"backward"):[],d=e.c2>t.c2?Li(a,e.c2-t.c2):[],h=[];for(let i=e.c1;i<=e.c2;i++)h.push(i<t.c1?n[i-e.c1]??"":i>t.c2?d[i-t.c2-1]??"":a[i-t.c1]??"");o.push(h)}return{target:e,values:o}}(o,i,r);a&&(this.pushUndo(this.blockEdits(a.target,a.values)),this.suiFill.emit({source:i,target:a.target,values:a.values,...this.rangeRecords(a.target)}),this.rangeSelection&&this.setRanges(B(O(),r,t)))};onHeaderPointerDown=i=>{const t=i.target.closest(".sui-dg-resizer"),s=t?.dataset.col,e=s&&this.colModel?this.colModel.byKey.get(s):void 0;if(!t||!e)return;i.preventDefault(),this.resizeKey=e.key,this.resizeFromX=i.clientX,this.resizeFromW=e.width,this.resizeSign=vi(this.host)?-1:1;const r=this.viewportEl;this.resizeFrameX=r?r.getBoundingClientRect().left+(r.clientLeft||0):0,this.resizing=!0,t.setPointerCapture?.(i.pointerId),t.addEventListener("pointermove",this.onResizeMove),t.addEventListener("pointerup",this.onResizeEnd,{once:!0}),t.addEventListener("pointercancel",this.onResizeEnd,{once:!0}),this.moveGuide(i.clientX)};moveGuide(i){const t=this.guideEl;t&&this.resizeKey&&(t.style.left=`${h(this.resizeFromX-this.resizeFrameX+this.resizeSign*(this.clampedWidth(i)-this.resizeFromW))}px`)}async autosizeColumn(i){const t=this.colModel?.byKey.get(i),s=this.viewportEl;if(!t||!s||Ii.has(i))return null;let e=0;for(const t of Array.from(s.querySelectorAll(`.sui-dg-cell[data-col="${i}"], .sui-dg-hcell[data-col="${i}"]`))){if(!t.firstChild)continue;const i=t.style.width;t.style.width="max-content",e=Math.max(e,t.getBoundingClientRect().width),t.style.width=i}if(e<=0)return null;const r=Math.round(this.clampWidthFor(t,e+1));return this.writeLayout({widths:{...this.columnLayout?.widths||{},[i]:r}}),r}clampWidthFor(i,t){const s=Math.max(C,i.column.minWidth||0);return Math.max(s,Math.min(i.column.maxWidth||Number.POSITIVE_INFINITY,t))}clampedWidth(i){const t=this.colModel?.byKey.get(this.resizeKey||""),s=t?.column,e=Math.max(C,s?.minWidth||0);return Math.min(s?.maxWidth&&s.maxWidth>e?s.maxWidth:1/0,Math.max(e,this.resizeFromW+this.resizeSign*(i-this.resizeFromX)))}onResizeMove=i=>{this.moveGuide(i.clientX)};onResizeEnd=i=>{const t=this.resizeKey,s=i.currentTarget;s?.removeEventListener("pointermove",this.onResizeMove),this.resizing=!1;const e=t?Math.round(this.clampedWidth(i.clientX)):0;this.resizeKey=void 0,t&&(this.columnLayout={...this.columnLayout,widths:{...this.columnLayout?.widths||{},[t]:e}},this.layoutRev++,this.colCountAt=-1,this.suiColumnLayoutChange.emit(this.columnLayout))};onHeadDragStart=i=>{if(!this.reorderableColumns)return;if(i.target.closest(".sui-dg-resizer"))return void i.preventDefault();const t=i.target.closest(".sui-dg-hcell")?.dataset.col;t&&!Ii.has(t)&&(this.dragKey=t,i.dataTransfer?.setData("text/plain",t),i.dataTransfer&&(i.dataTransfer.effectAllowed="move"))};onHeadDragOver=i=>{if(!this.dragKey)return;i.preventDefault(),i.dataTransfer&&(i.dataTransfer.dropEffect="move");const t=i.target.closest(".sui-dg-hcell")?.dataset.col,s=t&&t!==this.dragKey&&!Ii.has(t)?t:void 0;s!==this.dropKey&&(this.dropKey=s)};onHeadDragLeave=i=>{const t=i.currentTarget,s=i.relatedTarget;s&&t.contains(s)||this.dropKey===t.dataset.col&&(this.dropKey=void 0)};onHeadDragEnd=()=>{this.dragKey=void 0,this.dropKey=void 0};onHeadDrop=i=>{const t=i.target.closest(".sui-dg-hcell")?.dataset.col,s=this.dragKey;if(this.dragKey=void 0,this.dropKey=void 0,!t||!s||t===s||Ii.has(t))return;i.preventDefault();const e=(this.colModel?.all||[]).map((i=>i.key)).filter((i=>!Ii.has(i)));this.writeLayout({order:c(e,s,t)})};writeLayout(i){this.columnLayout={...this.columnLayout,...i},this.layoutRev++,this.colCountAt=-1,this.saveState(),this.suiColumnLayoutChange.emit(this.columnLayout)}saveState(){this.stateKey&&E(this.stateKey,{sorts:this.sorts,filter:this.filterModel,layout:this.columnLayout,nullOrder:this.nullOrder},N(this.stateStorage))}restoreState(){if(!this.stateKey)return;const i=j(this.stateKey,N(this.stateStorage));i&&(i.sorts&&(this.sorts=i.sorts),i.filter&&(this.filterModel=i.filter),i.layout&&(this.columnLayout=i.layout),i.nullOrder&&(this.nullOrder=i.nullOrder))}get menuOpen(){return this.columnsMenuOpen||!!this.filterMenuKey||!!this.modeMenuKey}openMenu(i,t,s,e=!1){const r=++this.menuTicket;if(!(t?this.listUi:this.filterUi))return void(t?this.loadColumnList():this.loadFilterUi()).then((()=>{r===this.menuTicket&&i.isConnected&&this.openMenu(i,t,s,e)}),(()=>{}));this.menuOpen&&(this.disarmMenu(),this.finishMenu());const o=s&&this.colModel?this.colModel.byKey.get(s):void 0;(t||o)&&(this.menuAnchor=i,this.columnsMenuOpen=t,this.filterMenuKey=t||e?void 0:s,this.modeMenuKey=e?s:void 0,this.filterDraftState=o&&!e?g(this.ruleFor(o.key),o.column):void 0,this.filterSearch="",this.stopOutside=ti((()=>[this.menuEl,this.menuAnchor]),(i=>{const t=i?.target;t&&this.menuEl&&li(this.menuEl,t)||this.requestCloseMenu(!1)})),this.stopReposition=si((()=>this.placeMenu())),this.stopEscape=ei((()=>this.requestCloseMenu(!0))),this.menuFocusPending=!0)}disarmMenu(){this.stopOutside?.(),this.stopOutside=void 0,this.stopReposition?.(),this.stopReposition=void 0,this.stopEscape?.(),this.stopEscape=void 0,this.menuFocusPending=!1}requestCloseMenu(i){if(!this.menuOpen||this.menuClosing)return;const t=this.menuAnchor,s=this.menuEl;this.disarmMenu(),s&&ri(s),i&&t?.focus({preventScroll:!0}),this.menuClosing=this.menuExit.begin(s),this.menuClosing||this.finishMenu()}finishMenu(){this.menuExit.cancel(),this.demoteMenu?.(),this.demoteMenu=void 0,this.columnsMenuOpen=!1,this.filterMenuKey=void 0,this.modeMenuKey=void 0,this.filterDraftState=void 0,this.filterSearch="",this.menuClosing=!1,this.menuAnchor=void 0,this.menuEl=void 0}placeMenu(){const i=this.menuEl,t=this.menuAnchor;if(!i||!t)return;const s=t.getBoundingClientRect(),e=this.host.getBoundingClientRect(),r=this.columnsMenuOpen||this.modeMenuKey?"end":s.left+s.width/2<e.left+e.width/2!==vi(t)?"start":"end";oi(i,ai(t,i,"bottom",10,r))}settleMenu(){const i=this.menuEl;if(!i||this.menuClosing)return;if(this.demoteMenu||(this.demoteMenu=ni(i)),this.placeMenu(),!this.menuFocusPending)return;this.menuFocusPending=!1;let t=0;const s=()=>{if(this.menuEl!==i||this.menuClosing)return;const e=i.querySelector('[role="menuitemradio"][aria-checked="true"]')||i.querySelector(".sui-cf-search input, sui-input-text.sui-cf-value input, sui-input-number.sui-cf-value input")||i.querySelector('sui-checkbox input, sui-select button, sui-select [tabindex="0"], input, button');e?.focus?.({preventScroll:!0}),e&&document.activeElement!==e&&t++<5&&"function"==typeof requestAnimationFrame&&requestAnimationFrame(s)},e=Array.from(i.querySelectorAll("sui-input-text, sui-input-number, sui-select, sui-checkbox, sui-menu")).map((i=>"function"==typeof i.componentOnReady?i.componentOnReady():void 0)).filter(Boolean);e.length?Promise.all(e).then(s,s):s()}onMenuKeyDown=i=>{if(di(i,this.menuEl,(()=>this.requestCloseMenu(!0))))return;if("Enter"!==i.key||i.defaultPrevented||!this.filterMenuKey)return;const t=i.target;t&&"INPUT"===t.tagName&&"checkbox"!==t.type&&!t.closest("sui-date-picker")&&(i.preventDefault(),this.applyFilter())};onAnchorKeyDown=i=>{"Enter"!==i.key&&" "!==i.key&&"Spacebar"!==i.key?"Escape"===i.key&&this.menuOpen&&(i.stopPropagation(),i.preventDefault(),this.requestCloseMenu(!1)):i.stopPropagation()};onColumnsButton=i=>{!this.columnsMenuOpen||this.menuClosing?this.openMenu(i.currentTarget,!0):this.requestCloseMenu(!1)};onFilterButton=i=>{i.stopPropagation();const t=i.currentTarget,s=t.dataset.col;if(!s)return;if(this.filterMenuKey===s&&!this.menuClosing)return void this.requestCloseMenu(!1);const e=this.colModel?this.colModel.all.findIndex((i=>i.key===s)):-1;this.headerCol>=0&&e>=0&&(this.headerCol=e),this.openMenu(t,!1,s)};openHeaderFilter(i){const t=this.colModel?.all[i];if(!t||"menu"!==this.filterDisplay||!t.column.filter)return!1;const s=(this.viewportEl?Array.from(this.viewportEl.querySelectorAll(".sui-cf-funnel")):[]).find((i=>i.dataset.col===t.key));return!!s&&(s.focus({preventScroll:!0}),this.openMenu(s,!1,t.key),!0)}onColumnToggle=i=>{const t=i.target.dataset.col;t&&(i.stopPropagation(),this.writeLayout({hidden:p(this.columnLayout.hidden,t)}))};ruleFor(i){return this.filterModel?.rules?.[i]}setRule(i,t,s){this.filterModel=f(this.filterModel,i,t,s),this.saveState(),this.suiFilter.emit(this.filterModel)}async setFilter(i){this.filterModel=i,this.saveState(),this.suiFilter.emit(i)}writeColumnFilter(i,t){this.filterModel=v(this.filterModel,i,t),this.saveState(),this.suiFilter.emit(this.filterModel)}applyFilter=()=>{const i=this.filterMenuKey,t=i&&this.colModel?this.colModel.byKey.get(i):void 0,s=this.filterDraftState;i&&t&&s&&!this.menuClosing&&(this.writeColumnFilter(i,x(s,i,t.column)),this.requestCloseMenu(!0))};clearFilter=()=>{const i=this.filterMenuKey;i&&!this.menuClosing&&(this.writeColumnFilter(i,void 0),this.requestCloseMenu(!0))};rowMode(i){const t=this.ruleFor(i.key)?.constraints?.[0]?.matchMode;return t||this.rowModes[i.key]||m(i)}onRowValue(i,t,s){const e=this.colModel?.byKey.get(i);if(!e)return;const r=this.rowMode(e.column),o=this.rowTimers.get(i);if(void 0!==o&&clearTimeout(o.timer),this.rowTimers.delete(i),s)return void this.setRule(i,t,r);const a=()=>{this.rowTimers.delete(i),this.setRule(i,t,this.rowMode(e.column))};this.rowTimers.set(i,{timer:setTimeout(a,180),write:a})}onRowModeButton(i,t){this.modeMenuKey!==t||this.menuClosing?this.openMenu(i,!1,t,!0):this.requestCloseMenu(!1)}pickRowMode(i,t){const s=this.colModel?.byKey.get(i),e=this.filterUi;if(!s||!e)return;const r=this.ruleFor(i)?.constraints?.[0],o={matchMode:this.rowMode(s.column),value:r?.value};this.rowModes={...this.rowModes,[i]:t};const a=e.carryValue(o,t);(r||void 0!==a||"empty"===t||"notEmpty"===t)&&this.setRule(i,a??"",t),this.requestCloseMenu(!0)}rowText(i){return{valueFor:mi(void 0,"data-grid.filter",void 0,"Filter {column}",{column:i}),modeFor:t=>mi(void 0,"data-grid.filterModeCurrent",void 0,"Filter mode for {column}: {mode}",{column:i,mode:t}),from:xi(void 0,"data-grid.from",void 0,"From"),to:xi(void 0,"data-grid.to",void 0,"To"),yes:xi(void 0,"data-grid.yes",void 0,"Yes"),no:xi(void 0,"data-grid.no",void 0,"No")}}onHeaderClick=i=>{if(i.target.closest(".sui-dg-resizer"))return;const t=i.target.closest(".sui-dg-hcell");if(t?.dataset.col===Oi)return void this.toggleSelectAll();if(t?.dataset.col===Bi)return void this.selectAllCells();const s=t?.dataset.col,e=s&&this.colModel?this.colModel.byKey.get(s):void 0;e&&e.column.sortable&&this.sortBy(e.key,"multiple"===this.sortMode&&(i.shiftKey||i.metaKey||i.ctrlKey))};sortBy(i,t){const s=this.sorts||[],e=s.findIndex((t=>t.key===i)),r=e>=0?s[e]:void 0,o=t?s.slice():[];if(r)if("asc"===r.dir){const i={key:r.key,dir:"desc"};t?o[e]=i:o.push(i)}else t&&o.splice(e,1);else o.push({key:i,dir:"asc"});this.sorts=o,this.saveState(),this.suiSort.emit(o)}sourceIndexOf(i){if(!i)return-1;const t=this.rows||[];if(!this.sourceMap||this.sourceMap.rows!==t){const i=new Map;for(let s=0;s<t.length;s++)t[s]&&!i.has(t[s])&&i.set(t[s],s);this.sourceMap={rows:t,map:i}}return this.sourceMap.map.get(i)??-1}recordAt(i,t=this.viewRows()){const s=t[i]||{},e={data:s,sourceIndex:this.sourceIndexOf(t[i])};return this.rowKey&&t[i]&&(e.rowKey=this.rowKey(s,i)),e}rangeRecords(i){const t=this.viewRows(),s=this.colModel?.all||[],e=[];for(let t=i.c1;t<=i.c2&&t<s.length;t++)e.push(s[t].key);const r=[],o=[];for(let s=i.r1;s<=i.r2&&s<t.length;s++)r.push(t[s]),o.push(this.sourceIndexOf(t[s]));return{keys:e,data:r,sourceIndexes:o}}editAt(i,t,s,e,r=this.viewRows()){const o=r[i]||{};return{data:o,rowKey:this.keyOf(o,i),sourceIndex:this.sourceIndexOf(r[i]),rowIndex:i,columnKey:t,value:s,previous:e}}blockEdits(i,t){const s=this.viewRows(),e=this.colModel?.all||[],r=[];for(let o=i.r1;o<=i.r2&&o<s.length;o++)for(let a=i.c1;a<=i.c2&&a<e.length;a++){const n=e[a];if(Ii.has(n.key))continue;const d=t[o-i.r1]?.[a-i.c1]??"",h=this.textAt(o,a);d!==h&&r.push(this.editAt(o,n.key,d,h,s))}return r}pushUndo(i){i.length&&(this.undoStack.push(i),this.redoStack=[])}locate(i){const t=this.viewRows();if(this.rowKey){for(let s=0;s<t.length;s++)if(t[s]&&this.rowKey(t[s],s)===i.rowKey)return{...i,rowIndex:s,data:t[s],sourceIndex:this.sourceIndexOf(t[s])};const s=this.rows||[];for(let t=0;t<s.length;t++)if(s[t]&&this.rowKey(s[t],t)===i.rowKey)return{...i,rowIndex:-1,data:s[t],sourceIndex:t}}const s=i.sourceIndex>=0?(this.rows||[])[i.sourceIndex]:void 0;if(!s)return i;const e=t.indexOf(s);return{...i,rowIndex:e,data:s,rowKey:e>=0?this.keyOf(s,e):i.rowKey}}focusEdit(i){const t=i?this.colModel?.byKey.get(i.columnKey)?.index:void 0;i&&i.rowIndex>=0&&null!=t&&this.focusCellAt(i.rowIndex,t)}textAt(i,t){const s=this.colModel,e=this.viewRows(),r=s?.all[t],o=e[i];return r&&o?this.cellText(r,o):""}setRanges(i){this.ranges=i,this.suiRangeChange.emit(X(i))}canEdit(i){const t=this.colModel?.all[i];return!(!this.editing||!t||Ii.has(t.key)||!1===t.column.editable||t.column.render)}beginEdit(i,t){this.canEdit(i.col)&&(this.abortFillDrag(),this.pendingEditorSelectAll=null==t,this.focusedCell||(this.focusedCell={row:i.row,col:i.col},this.suiCellFocus.emit({row:i.row,col:i.col})),this.pendingEditor=t??this.textAt(i.row,i.col),this.editingValue=this.pendingEditor,this.editError=void 0,this.editingCell={row:i.row,col:i.col})}endEdit(i){const t=this.editingCell;if(!t)return;const s=this.colModel?.all[t.col],e=s?.column.editor;let r=this.editingValue;if(e&&this.customEditorEl&&this.customEditorEl.isConnected?r=e.read(this.customEditorEl):this.editorEl&&this.editorEl.isConnected&&(r=this.editorEl.value),i&&s){const i=this.viewRows(),e=Z(r,i[t.row]||{},s.column,s.column.validator);if(e)return void(this.editError=e)}const o=this.textAt(t.row,t.col);if(this.editorFocus.reset(),this.editingCell=void 0,this.pendingEditor=void 0,this.editingValue="",this.editError=void 0,this.editorEl=void 0,this.customEditorEl=void 0,this.pendingFocus=!0,i&&s&&r!==o){const i=this.editAt(t.row,s.key,r,o);this.pushUndo([i]),this.suiCellEdit.emit(i)}}mountEditor(i,t,s){const e=t.column.editor;if(!i||!e)return;if(this.customEditorEl&&i.contains(this.customEditorEl))return;const r=this.viewRows()[s]||{},o=e.mount({value:b(r,t.column),text:this.textAt(s,t.index),column:t.column,row:r,seed:this.pendingEditor});i.textContent="",i.appendChild(o);const a=i.classList;if(a)for(let i=0;i<a.length;i++){const t=a.item(i);t&&t.startsWith("sc-")&&o.classList.add(t)}this.customEditorEl=o,this.pendingEditor=void 0,o.focus()}onEditorFocusIn=i=>{this.editorFocus.focusin(i)};onEditorFocusOut=i=>{this.editorFocus.focusout(i)};onEditorBlur=()=>{const i=this.editingCell;Promise.resolve().then((()=>{i&&this.editingCell===i&&this.endEdit(!0)}))};onEditorKeyDown=i=>{if(i.stopPropagation(),i.defaultPrevented&&this.editWrap&&hi(this.editWrap))return;const t=this.editingCell?this.colModel?.all[this.editingCell.col]?.column.editor:void 0;if(!(t?.handlesKey&&this.customEditorEl&&t.handlesKey(i,this.customEditorEl)))if("Escape"===i.key)i.preventDefault(),this.endEdit(!1);else if("Enter"===i.key||"Tab"===i.key){i.preventDefault();const t=this.editingCell;this.endEdit(!0),t&&("Enter"===i.key?this.moveFocus(t.row+(i.shiftKey?-1:1),t.col):this.moveFocus(t.row,t.col+(i.shiftKey?-1:1)))}};pasteText(i){const t=this.focusedCell;if(!t||!i)return!1;const s=T(i);if(!s.length)return!1;const e=s.reduce(((i,t)=>Math.max(i,t.length)),0),r={r1:t.row,c1:t.col,r2:t.row+s.length-1,c2:t.col+Math.max(e,1)-1};return this.pushUndo(this.blockEdits(r,s)),this.suiPaste.emit({row:t.row,col:t.col,target:r,values:s,...this.rangeRecords(r)}),!0}onNativePaste=i=>{if(this.editingCell)return;const t=i.clipboardData?.getData("text/plain");null!=t&&(i.preventDefault(),void 0!==this.pasteFallback&&clearTimeout(this.pasteFallback),this.pasteFallback=void 0,this.pasteText(R(t,i.clipboardData?.getData(H))))};async paste(){if(!this.focusedCell||"undefined"==typeof navigator||!navigator.clipboard?.readText)return!1;try{return this.pasteText(R(await navigator.clipboard.readText()))}catch{return!1}}async copy(i=!1){const t=this.copyBox();return!!t&&this.writeClipboard(this.boxText(t,i))}async writeClipboard(i){const{text:t,ok:s}=await K(i,this.copyFormulas?"preserve":"escape",this.host);return s?this.suiCopy.emit(t):this.suiCopyError.emit(t),s}async undo(){const i=this.undoStack.pop();if(!i)return!1;let t;this.redoStack.push(i);for(let s=i.length-1;s>=0;s--){const e=this.locate(i[s]);t=e,this.suiCellEdit.emit({...e,value:e.previous,previous:e.value,source:"undo"})}return this.focusEdit(t),!0}async redo(){const i=this.redoStack.pop();if(!i)return!1;let t;this.undoStack.push(i);for(const s of i){const i=this.locate(s);t=t||i,this.suiCellEdit.emit({...i,source:"redo"})}return this.focusEdit(t),!0}focusCellAt(i,t){const s=this.viewRows();i<0||i>=s.length||t<0||t>=(this.colModel?.all.length||0)||this.moveFocus(i,t)}copyBox(){const i=I(this.ranges);if(i)return i;const t=this.focusedCell;return t?{r1:t.row,c1:t.col,r2:t.row,c2:t.col}:null}boxText(i,t){const s=[];if(t){const t=this.colModel?.all||[],e=[];for(let s=i.c1;s<=i.c2;s++)e.push(t[s]?.column.header??"");s.push(e)}for(let t=i.r1;t<=i.r2;t++){const e=[];for(let s=i.c1;s<=i.c2;s++)e.push(this.textAt(t,s));s.push(e)}return s}async cut(){if(!this.editing)return!1;const i=this.copyBox();if(!i)return!1;if(!await this.writeClipboard(this.boxText(i,!1)))return!1;const t=i.c2-i.c1+1,s=Array.from({length:i.r2-i.r1+1},(()=>new Array(t).fill("")));return this.pushUndo(this.blockEdits(i,s)),this.suiCut.emit({source:i,target:i,values:s,...this.rangeRecords(i)}),!0}onHeaderKey(i,t){const s=vi(this.host)?"ArrowLeft":"ArrowRight",e=this.headerCol;switch(i.key){case"ArrowRight":case"ArrowLeft":return i.preventDefault(),void this.focusHeader(i.key===s?Math.min(t,e+1):Math.max(0,e-1));case"Home":return i.preventDefault(),void this.focusHeader(0);case"End":return i.preventDefault(),void this.focusHeader(t);case"ArrowDown":if(i.preventDefault(),i.altKey&&this.openHeaderFilter(e))return;return void this.moveFocus(0,e);case"Enter":case" ":case"Spacebar":return i.preventDefault(),void this.activateHeader(e)}}onKeyDown=i=>{const t=this.colModel,s=this.viewRows();if(!t||0===t.all.length)return;const e=t.all.length-1;if(this.headerCol>=0)return void this.onHeaderKey(i,e);if(0===s.length)return;const r=this.focusedCell||{row:this.rowWin.start,col:this.minCol()},o=s.length-1,a=Math.max(1,Math.floor(this.rowBand()/this.rowHeight())-1),n=i.ctrlKey||i.metaKey;if(n&&("c"===i.key||"C"===i.key))return i.preventDefault(),void this.copy(i.shiftKey);if(n&&("x"===i.key||"X"===i.key))return i.preventDefault(),void this.cut();if(n&&("z"===i.key||"Z"===i.key))return i.preventDefault(),void(i.shiftKey?this.redo():this.undo());if(n&&("y"===i.key||"Y"===i.key))return i.preventDefault(),void this.redo();if("ContextMenu"===i.key||i.shiftKey&&"F10"===i.key)return i.preventDefault(),void this.emitContextMenu(r.row,r.col);if(n&&("v"===i.key||"V"===i.key))return void 0!==this.pasteFallback&&clearTimeout(this.pasteFallback),void(this.pasteFallback=setTimeout((()=>{this.pasteFallback=void 0,this.paste()}),80));if(this.editing&&!this.editingCell){if("F2"===i.key)return i.preventDefault(),void this.beginEdit(r);if(!n&&!i.altKey&&1===i.key.length&&!this.isGutter(r.col))return i.preventDefault(),void this.beginEdit(r,i.key)}if(this.rangeSelection&&n&&("a"===i.key||"A"===i.key))return i.preventDefault(),void this.selectAllCells();if("none"!==this.selectionMode&&(" "===i.key||"Spacebar"===i.key))return i.preventDefault(),void this.selectRow(r.row,{shiftKey:i.shiftKey&&!i.ctrlKey,ctrlKey:i.ctrlKey||i.metaKey});let d=r.row,h=r.col;const l=vi(this.host)?"ArrowLeft":"ArrowRight";switch(i.key){case"ArrowDown":d=Math.min(o,d+1);break;case"ArrowUp":if(0===d&&!i.shiftKey)return i.preventDefault(),void this.focusHeader(h);d=Math.max(0,d-1);break;case"ArrowRight":case"ArrowLeft":h=i.key===l?Math.min(e,h+1):Math.max(0,h-1);break;case"Home":h=0,(i.ctrlKey||i.metaKey)&&(d=0);break;case"End":h=e,(i.ctrlKey||i.metaKey)&&(d=o);break;case"PageDown":d=Math.min(o,d+a);break;case"PageUp":d=Math.max(0,d-a);break;case"Enter":return i.preventDefault(),void(this.isGutter(h)?this.selectRow(d,{}):this.editing&&this.canEdit(h)?this.beginEdit({row:d,col:h}):this.suiCellActivate.emit({row:d,col:h}));default:return}if(i.preventDefault(),this.rangeSelection&&i.shiftKey){const i=this.dataCell({row:d,col:h}),t=this.ranges.anchor||this.dataCell(r);this.setRanges(this.ranges.ranges.length?q(this.ranges,i):B(O(),V(t,i),t)),h=i.col}else this.rangeSelection&&this.setRanges(O());this.moveFocus(d,h)};cell(i,t,s,r,o,a,n){const d=i.column;if(i.key===Bi){const t=this.focusedCell?.row===s,r=this.ranges.ranges.some((i=>s>=Math.min(i.r1,i.r2)&&s<=Math.max(i.r1,i.r2)));return e("div",{class:`${i.cellClass} sui-dg-rownum${t?" cur":""}${r?" on":""}`,key:o,role:"gridcell","aria-colindex":i.index+1,"data-col":i.key,style:i.cellStyle},String(s+1))}if(i.key===Oi){const t=J(this.selection,r),a=this.focusedCell,n=!!a&&a.row===s&&a.col===i.index;return e("div",{class:`${i.cellClass}${n?" focus":""}`,key:o,role:"gridcell","aria-colindex":i.index+1,"data-col":i.key,style:i.cellStyle,tabindex:n?0:void 0},e("span",{class:t?"sui-dg-box on":"sui-dg-box",role:"checkbox","aria-checked":t?"true":"false","aria-label":xi(void 0,"data-grid.selectRow",void 0,"Select row")}))}const h=`${r}\0${i.key}`;let l=null,u="";d.render?(l=a.has(h)?a.get(h):ci(d.render,[t,r],w(d,t)),n.set(h,l)):u=w(i.column,t);const c=i.column.cellClass?i.column.cellClass(b(t,i.column),t,s):void 0,g=this.focusedCell,p=!!g&&g.row===s&&g.col===i.index,f=this.rangeSelection&&W(this.ranges,s,i.index),v=this.editingCell,x=!!v&&v.row===s&&v.col===i.index,m=this.fillHandleAt,y=!!m&&m.r2===s&&m.c2===i.index,k=this.inFillPreview(s,i.index);return e("div",{class:`${i.cellClass}${c?` ${c}`:""}${p?" focus":""}${f?" sel":""}${x?" editing":""}${k?" fill":""}`,key:o,role:"gridcell","aria-colindex":i.index+1,"aria-selected":f?"true":void 0,"aria-readonly":this.editing&&!this.canEdit(i.index)?"true":void 0,"data-col":i.key,style:i.cellStyle,tabindex:p&&!x?0:void 0,title:d.nowrap&&!d.render?u:void 0,ref:d.render&&!x?i=>gi(i,l):void 0},y?e("span",{class:"sui-dg-fill","aria-hidden":"true",onPointerDown:this.onFillPointerDown}):null,x&&i.column.editor?e("div",{class:"sui-dg-editwrap",ref:t=>{this.editWrap=t||void 0,this.mountEditor(t,i,s)},onKeyDown:this.onEditorKeyDown,onFocusin:this.onEditorFocusIn,onFocusout:this.onEditorFocusOut}):x?e("input",{class:"sui-dg-editor",type:"text","aria-label":i.column.header,"aria-invalid":this.editError?"true":void 0,ref:i=>this.editorEl=i,onKeyDown:this.onEditorKeyDown,onInput:i=>this.editingValue=i.target.value,onBlur:this.onEditorBlur}):d.render?null:u,x&&this.editError?e("span",{class:"sui-dg-editerr",role:"alert"},this.editError):null)}fillDestination(){const i=this.fillAnchor;return this.fillFrom&&i&&null!=this.fillRow&&null!=this.fillCol?V(i,{row:this.fillRow,col:this.fillCol}):null}inFillPreview(i,t){const s=this.fillFrom,e=this.fillDestination();return!(!s||!e||i<e.r1||i>e.r2||t<e.c1||t>e.c2||U(s,i,t))}fillPreviewFrame(i){const t=this.fillFrom,s=this.fillDestination(),e=this.colModel,r=t&&s?L(t,s):null;if(!r||!e)return null;const o=r.r1,a=r.r2,n=e.all[r.c1],d=e.all[r.c2];if(!n||!d)return null;const h=i=>"end"===i?e.startWidth+e.centerWidth:"start"===i?0:e.startWidth,l=h(n.pin)+n.offset,u=h(d.pin)+d.offset+d.width,c=this.rowGeometry,g=c.offsetOf(o)-i,p=c.offsetOf(a)+c.sizeOf(a)-i-g;return p<=0||u<=l?null:{inset:l,top:g,width:u-l,height:p}}filterText(i){return{title:mi(void 0,"data-grid.filter",void 0,"Filter {column}",{column:i}),valueFor:mi(void 0,"data-grid.filterValueFor",void 0,"Filter value for {column}",{column:i}),apply:xi(void 0,"data-grid.apply",void 0,"Apply"),clear:xi(void 0,"data-grid.clear",void 0,"Clear"),addCondition:xi(void 0,"data-grid.addCondition",void 0,"Add condition"),removeCondition:xi(void 0,"data-grid.removeCondition",void 0,"Remove condition"),where:xi(void 0,"data-grid.where",void 0,"Where"),and:xi(void 0,"data-grid.and",void 0,"And"),or:xi(void 0,"data-grid.or",void 0,"Or"),match:xi(void 0,"data-grid.matchConditions",void 0,"How the conditions combine"),selectAll:xi(void 0,"data-grid.selectAll",void 0,"Select all"),searchValues:xi(void 0,"data-grid.searchValues",void 0,"Search values"),noValues:xi(void 0,"data-grid.noValues",void 0,"No values match."),value:xi(void 0,"data-grid.valuePlaceholder",void 0,"Value"),from:xi(void 0,"data-grid.from",void 0,"From"),to:xi(void 0,"data-grid.to",void 0,"To"),yes:xi(void 0,"data-grid.yes",void 0,"Yes"),no:xi(void 0,"data-grid.no",void 0,"No")}}renderMenus(i){const t={id:this.menuId,closing:this.menuClosing,menuRef:i=>this.menuEl=i,onKeyDown:this.onMenuKeyDown},s=this.listUi;if(this.columnsMenuOpen)return s?e(s.ColumnList,{...t,title:xi(void 0,"data-grid.columns",void 0,"Columns"),columns:(this.columns||[]).filter((i=>!i.hidden)),hidden:new Set(this.columnLayout.hidden||[]),onToggle:this.onColumnToggle}):null;const r=this.filterUi;if(!r)return null;if(this.modeMenuKey){const s=i.byKey.get(this.modeMenuKey);if(!s)return null;const o=s.key;return e(r.ModeMenu,{...t,column:s.column,current:this.rowMode(s.column),label:mi(void 0,"data-grid.filterModeFor",void 0,"Filter mode for {column}",{column:s.column.header}),onPick:i=>this.pickRowMode(o,i)})}const o=this.filterMenuKey,a=this.filterDraftState;if(!o||!a)return null;const n=i.byKey.get(o);return n?e(r.ColumnFilterMenu,{id:this.menuId,column:n.column,draft:a,search:this.filterSearch,text:this.filterText(n.column.header),closing:this.menuClosing,menuRef:i=>this.menuEl=i,onDraft:i=>this.filterDraftState=i,onSearch:i=>this.filterSearch=i,onApply:this.applyFilter,onClear:this.clearFilter,onKeyDown:this.onMenuKeyDown,note:y(this.filterModel?.tree).has(o)?xi(void 0,"data-grid.alsoFiltered",void 0,"The advanced filter also uses this column."):void 0}):null}render(){this.syncGeometry();const i=this.colModel,t=this.viewRows(),s=this.rowGeometry,r=new Map((this.sorts||[]).map(((i,t)=>[i.key,{dir:i.dir,at:t}]))),o=Math.ceil(this.rowBand()/this.rowHeight())+1,a=k(this.metrics(),o);a!==this.rowSlots&&(this.rowSlots=a,this.rowSlotKeys=Array.from({length:a},((i,t)=>`r${t}`)));const n=0===i.center.length?0:Math.min(i.center.length,this.colWin.end-this.colWin.start+8);n!==this.colSlots&&(this.colSlots=n,this.colSlotKeys=Array.from({length:n},((i,t)=>`c${t}`))),this.pinStartKeys.length!==i.start.length&&(this.pinStartKeys=i.start.map((i=>`s-${i.key}`))),this.pinEndKeys.length!==i.end.length&&(this.pinEndKeys=i.end.map((i=>`e-${i.key}`)));let d=this.rowSlots;const{colSlotKeys:h,pinStartKeys:l,pinEndKeys:u}=this;this.updateWindow();const c=Math.max(i.totalWidth,this.viewportWidth);this.fillHandleAt=this.editingCell?null:this.editing||this.rangeSelection?this.fillSource():null;const g=this.rowWin.end-this.rowWin.start;g>this.rowSlots&&(this.rowSlots=g,this.rowSlotKeys=Array.from({length:g},((i,t)=>`r${t}`)),d=g);const p=this.focusedCell;let f=!1;if(p&&p.row>=this.rowWin.start&&p.row<this.rowWin.end&&p.row<t.length){const t=i.all[p.col];if(t)if(t.pin)f=!0;else{const s=i.center.indexOf(t);f=s>=this.colWin.start&&s<this.colWin.end}}const v="row"===this.filterDisplay&&i.all.some((i=>i.column.filter)),x=this.pinnedTop?.length||0,b=this.pinnedBottom?.length||0,C=1+x+(v?1:0),M=C+1,$=M+t.length,z=C+t.length+b+(this.footerTotals?1:0),S="none"!==this.selectionMode,F=this.rowBase(),D=this.fillPreviewFrame(F);this.renderedBase=F,this.renderedStart=this.rowWin.start,this.renderedEnd=Math.min(this.rowWin.end,t.length);const A=this.cellCache,E=new Map,j=i.start.length>0,T=i.end.length>0,R=new Array(d).fill(null),H=this.loading?[0,1,2,3].map((t=>e("div",{class:"sui-dg-row pending",key:`wait${t}`,role:"row","aria-rowindex":M+t,"data-index":t,style:{transform:`translateY(${t*this.rowHeight()}px)`,height:`${this.rowHeight()}px`,width:`${c}px`}},e("div",{class:"sui-dg-pane center",role:"none",style:{width:`${i.centerWidth}px`}},e("div",{class:"sui-dg-skel",role:"gridcell","aria-colindex":1,style:{insetInlineEnd:20+12*t+"%"}}))))):null;for(let r=this.rowWin.start;!H&&r<this.rowWin.end&&r<t.length;r++){const o=this.rowSlots>0?r%this.rowSlots:0,a=t[r];if(!a){R[o]=e("div",{class:"sui-dg-row pending",key:this.rowSlotKeys[o],role:"row","aria-rowindex":M+r,"aria-busy":"true","data-index":r,style:{transform:`translateY(${s.offsetOf(r)-F}px)`,height:`${s.sizeOf(r)}px`,width:`${c}px`}},e("div",{class:"sui-dg-pane center",role:"none",style:{width:`${i.centerWidth}px`}},e("div",{class:"sui-dg-skel",role:"gridcell","aria-colindex":1})));continue}const n=this.keyOf(a,r),d=j?i.start.map(((i,t)=>this.cell(i,a,r,n,l[t],A,E))):null,g=new Array(this.colSlots).fill(null);let p=0;for(let t=this.colWin.start;t<this.colWin.end&&t<i.center.length;t++)g[p++]=this.cell(i.center[t],a,r,n,h[this.colSlots>0?t%this.colSlots:0],A,E);const f=T?i.end.map(((i,t)=>this.cell(i,a,r,n,u[t],A,E))):null,v=this.rowClass?this.rowClass(a,r):void 0;R[o]=e("div",{class:`sui-dg-row${r%2==1?" odd":""}${S&&J(this.selection,n)?" picked":""}${v?` ${v}`:""}`,key:this.rowSlotKeys[o],role:"row","aria-rowindex":M+r,"aria-selected":S?J(this.selection,n)?"true":"false":void 0,"data-index":r,style:{transform:`translateY(${s.offsetOf(r)-F}px)`,height:`${s.sizeOf(r)}px`,width:`${c}px`}},d?e("div",{class:"sui-dg-pane pin-start",role:"none",style:{width:`${i.startWidth}px`}},d):null,e("div",{class:"sui-dg-pane center",role:"none",style:{width:`${i.centerWidth}px`}},g),f?e("div",{class:"sui-dg-pane pin-end",role:"none",style:{width:`${i.endWidth}px`}},f):null)}this.cellCache=E;const K=this.filterUi,N=i=>i.map((i=>{if(!K||!i.column.filter||Ii.has(i.key))return e("div",{class:"sui-dg-fcell",key:i.key,role:"gridcell","aria-colindex":i.index+1,style:i.headerStyle});const t=this.rowMode(i.column),s=this.ruleFor(i.key)?.constraints?.[0]?.value,r=i.key;return e("div",{class:"sui-dg-fcell",key:i.key,role:"gridcell","aria-colindex":i.index+1,style:i.headerStyle},e(K.RowFilterCell,{column:i.column,colKey:r,matchMode:t,value:s,changed:t!==m(i.column),open:this.modeMenuKey===r&&!this.menuClosing,text:this.rowText(i.column.header),onValue:(i,t)=>this.onRowValue(r,i,t),onModeButton:i=>this.onRowModeButton(i,r)}))})),L=(i,t,s)=>i.map((i=>e("div",{class:`${i.cellClass} ${s}`,key:i.key,role:"gridcell","aria-colindex":i.index+1,"data-col":i.key,style:i.cellStyle},Ii.has(i.key)?null:t(i)))),P=(t,s,r)=>(t||[]).map(((t,o)=>e("div",{class:`sui-dg-row sui-dg-static ${s}`,key:`${s}-${o}`,role:"row","aria-rowindex":r+o,style:{height:`${this.rowHeight()}px`,width:`${c}px`}},j?e("div",{class:"sui-dg-pane pin-start",role:"none",style:{width:`${i.startWidth}px`}},L(i.start,(i=>w(i.column,t)),s)):null,e("div",{class:"sui-dg-pane center",role:"none",style:{width:`${i.centerWidth}px`}},L(i.center,(i=>w(i.column,t)),s)),T?e("div",{class:"sui-dg-pane pin-end",role:"none",style:{width:`${i.endWidth}px`}},L(i.end,(i=>w(i.column,t)),s)):null))),O=y(this.filterModel?.tree),B=i=>i.map((i=>{const s=r.get(i.key);if(i.key===Bi)return e("div",{class:`${i.headerClass} sui-dg-rownum`,key:i.key,role:"columnheader","aria-colindex":i.index+1,"data-col":i.key,style:i.headerStyle},e("span",{class:"sui-dg-sr"},xi(void 0,"data-grid.rowNumber",void 0,"Row number")));if(i.key===Oi){const s=t.length,r=Q(this.selection,s),o=s>0&&null!=r&&r>=s,a=!o&&(null!=r&&r>0||"exclude"===this.selection.mode&&s>0),n=this.headerCol===i.index;return e("div",{class:n?`${i.headerClass} focus`:i.headerClass,key:i.key,role:"columnheader","aria-colindex":i.index+1,"data-col":i.key,style:i.headerStyle,tabindex:n?0:void 0},e("span",{class:o?"sui-dg-box on":a?"sui-dg-box some":"sui-dg-box",role:"checkbox","aria-checked":o?"true":a?"mixed":"false","aria-label":xi(void 0,"data-grid.selectAllRows",void 0,"Select all rows")}))}const o=!!this.ruleFor(i.key)||O.has(i.key),a=this.headerCol===i.index;return e("div",{class:`${i.headerClass}${s?" sorted":""}${a?" focus":""}${this.dragKey===i.key?" dragging":""}${this.dropKey===i.key?" drop-before":""}`,key:i.key,role:"columnheader","aria-colindex":i.index+1,"aria-sort":s?"asc"===s.dir?"ascending":"descending":i.column.sortable?"none":void 0,"data-col":i.key,title:i.column.headerTitle,style:i.headerStyle,tabindex:a?0:void 0,draggable:this.reorderableColumns,onDragStart:this.reorderableColumns?this.onHeadDragStart:void 0,onDragOver:this.reorderableColumns?this.onHeadDragOver:void 0,onDragLeave:this.reorderableColumns?this.onHeadDragLeave:void 0,onDragEnd:this.reorderableColumns?this.onHeadDragEnd:void 0,onDrop:this.reorderableColumns?this.onHeadDrop:void 0},e("span",{class:"sui-dg-hlabel"},e("span",{class:"hd"},i.column.header),s?e($i,{glyph:"asc"===s.dir?Fi:Di,class:"arrow"}):null,!s&&i.column.sortable?e($i,{glyph:Ai,class:"rest"}):null,s&&(this.sorts||[]).length>1?e("span",{class:"ord"},s.at+1):null),"menu"===this.filterDisplay&&i.column.filter?e("button",{type:"button",class:{"sui-cf-funnel":!0,on:o},"data-col":i.key,"aria-haspopup":"dialog","aria-expanded":this.filterMenuKey!==i.key||this.menuClosing?"false":"true","aria-controls":this.filterMenuKey===i.key?this.menuId:void 0,"aria-label":o?mi(void 0,"data-grid.filterActive",void 0,"Filter {column}, filtered",{column:i.column.header}):mi(void 0,"data-grid.filter",void 0,"Filter {column}",{column:i.column.header}),onClick:this.onFilterButton,onKeyDown:this.onAnchorKeyDown},e($i,{glyph:Si})):null,i.column.resizable?e("span",{class:"sui-dg-resizer","data-col":i.key,"aria-hidden":"true",onPointerDown:this.onHeaderPointerDown,onDblClick:this.onResizerDblClick}):null)})),I=0===t.length&&!this.loading;return e("div",{class:{"sui-dg":!0,"selection-bar":!this.hideSelectionBar,vacant:I}},this.showColumnToggle||this.hasHeaderSlot?e("div",{class:"sui-dg-bar"},e("div",{class:"sui-dg-bar-slot"},e("slot",{name:"header"})),this.showColumnToggle?e("button",{type:"button",class:"sui-dg-colbtn","aria-haspopup":"dialog","aria-expanded":this.columnsMenuOpen&&!this.menuClosing?"true":"false","aria-controls":this.columnsMenuOpen?this.menuId:void 0,onClick:this.onColumnsButton,onKeyDown:this.onAnchorKeyDown,onPointerEnter:this.listUi?void 0:this.preloadColumnList,onFocus:this.listUi?void 0:this.preloadColumnList},e($i,{glyph:zi}),e("span",null,xi(void 0,"data-grid.columns",void 0,"Columns"))):null):null,e("div",{class:"sui-dg-viewport",role:"grid","aria-label":this.hostLabel,"aria-labelledby":this.hostLabelledby,"aria-rowcount":z,"aria-colcount":i.all.length,"aria-busy":this.loading?"true":void 0,tabindex:f||this.headerCol>=0?-1:0,ref:i=>this.viewportEl=i,onScroll:this.onScroll,onMouseDown:this.onPointerDown,onContextMenu:this.onContextMenu,onPaste:this.onNativePaste,onDblClick:this.onDblClick,onKeyDown:this.onKeyDown},e("div",{class:"sui-dg-head",role:"rowgroup",style:{width:`${c}px`},onClick:this.onHeaderClick,onPointerEnter:"menu"!==this.filterDisplay||K?void 0:this.preloadFilterUi,onFocusin:"menu"!==this.filterDisplay||K?void 0:this.preloadFilterUi},e("div",{class:"sui-dg-hrow",role:"row","aria-rowindex":1,style:{width:`${c}px`}},j?e("div",{class:"sui-dg-pane pin-start",role:"none",style:{width:`${i.startWidth}px`}},B(i.start)):null,e("div",{class:"sui-dg-pane center",role:"none",style:{width:`${i.centerWidth}px`}},B(i.center)),T?e("div",{class:"sui-dg-pane pin-end",role:"none",style:{width:`${i.endWidth}px`}},B(i.end)):null),this.pinnedTop?.length?e("div",{class:"sui-dg-pinned top",role:"none"},P(this.pinnedTop,"pinned",2)):null,v?e("div",{class:"sui-dg-frow",role:"row","aria-rowindex":C,style:{width:`${c}px`}},j?e("div",{class:"sui-dg-pane pin-start",role:"none",style:{width:`${i.startWidth}px`}},N(i.start)):null,e("div",{class:"sui-dg-pane center",role:"none",style:{width:`${i.centerWidth}px`}},N(i.center)),T?e("div",{class:"sui-dg-pane pin-end",role:"none",style:{width:`${i.endWidth}px`}},N(i.end)):null):null),e("div",{class:"sui-dg-sticky",role:I?"presentation":"rowgroup"},e("div",{class:"sui-dg-layer",role:"presentation",ref:i=>this.layerEl=i,style:{width:`${c}px`}},H||R,D?e("div",{class:"sui-dg-fillbox",style:{insetInlineStart:`${D.inset}px`,top:`${D.top}px`,width:`${D.width}px`,height:`${D.height}px`}}):null)),e("div",{class:"sui-dg-body",role:"presentation",style:{width:`${c}px`,height:`${this.scrollSpace.physicalExtent}px`}}),this.pinnedBottom?.length||this.footerTotals?e("div",{class:"sui-dg-foot",role:"rowgroup",style:{width:`${c}px`}},P(this.pinnedBottom,"pinned",$),(t=>{const s=this.footerTotals;if(!s)return null;const r=i=>s[i.key]||"";return e("div",{class:"sui-dg-row sui-dg-static total",role:"row","aria-rowindex":t,style:{height:`${this.rowHeight()}px`,width:`${c}px`}},j?e("div",{class:"sui-dg-pane pin-start",role:"none",style:{width:`${i.startWidth}px`}},L(i.start,r,"total")):null,e("div",{class:"sui-dg-pane center",role:"none",style:{width:`${i.centerWidth}px`}},L(i.center,r,"total")),T?e("div",{class:"sui-dg-pane pin-end",role:"none",style:{width:`${i.endWidth}px`}},L(i.end,r,"total")):null)})($+b)):null,e("div",{class:{"sui-dg-guide":!0,on:this.resizing},ref:i=>this.guideEl=i,"aria-hidden":"true"})),e("div",{key:"status",class:"sui-dg-status",role:"status"},this.loading?e("span",{class:"sui-dg-sr"},xi(void 0,"data-grid.loading",void 0,"Loading")):null,I?e("div",{class:"sui-dg-empty"},e("slot",{name:"empty"},this.emptyText())):null),this.renderMenus(i))}static get watchers(){return{columns:[{onModelChange:0}],density:[{onModelChange:0}],rows:[{onModelChange:0}],pinnedTop:[{onChromeChange:0}],pinnedBottom:[{onChromeChange:0}],footerTotals:[{onChromeChange:0}],filterDisplay:[{onChromeChange:0},{onFilterDisplayChange:0}],columnLayout:[{onLayoutChange:0}],sorts:[{onOrderChange:0}],filterModel:[{onOrderChange:0}],nullOrder:[{onOrderChange:0}]}}};Vi.style=".sc-sui-data-grid-h{display:block;min-width:0;height:100%;min-height:0;font-family:var(--font-sans);color:var(--ink)}.sui-dg.sc-sui-data-grid{--dg-cell-x:var(--table-cell-x);--dg-flip:1;height:100%;min-height:0;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}[density='compact'].sc-sui-data-grid-h .sui-dg.sc-sui-data-grid{--dg-cell-x:var(--space-2)}.sc-sui-data-grid-h:dir(rtl) .sui-dg.sc-sui-data-grid{--dg-flip:-1}.sui-dg-viewport.sc-sui-data-grid{position:relative;user-select:none;flex:1;min-height:0;overflow:auto;overflow-anchor:none;overscroll-behavior-x:contain}.sui-dg-viewport.sc-sui-data-grid:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}.sui-dg-head.sc-sui-data-grid{position:sticky;top:0;z-index:4;background:var(--surface-sunken);border-bottom:1px solid var(--border)}.sui-dg-hrow.sc-sui-data-grid{position:relative;display:flex;height:var(--sui-dg-header-h, 34px)}.sui-dg-pane.sc-sui-data-grid{position:relative;flex:0 0 auto;height:100%}.sui-dg-pane.pin-start.sc-sui-data-grid{position:sticky;inset-inline-start:0;z-index:1;background:inherit}.sui-dg-pane.pin-end.sc-sui-data-grid{position:sticky;inset-inline-end:0;z-index:1;background:inherit}.sui-dg-pane.pin-start.sc-sui-data-grid::after,.sui-dg-pane.pin-end.sc-sui-data-grid::before{content:'';position:absolute;top:0;bottom:0;width:1px;background:var(--border);pointer-events:none}.sui-dg-pane.pin-start.sc-sui-data-grid::after{inset-inline-end:0}.sui-dg-pane.pin-end.sc-sui-data-grid::before{inset-inline-start:0}.sui-dg-head.sc-sui-data-grid .sui-dg-pane.pin-start.sc-sui-data-grid::after{box-shadow:calc(3px * var(--dg-flip)) 0 6px -3px color-mix(in srgb, var(--ink) 22%, transparent)}.sui-dg-head.sc-sui-data-grid .sui-dg-pane.pin-end.sc-sui-data-grid::before{box-shadow:calc(-3px * var(--dg-flip)) 0 6px -3px color-mix(in srgb, var(--ink) 22%, transparent)}.sui-dg-hcell.sc-sui-data-grid{position:absolute;top:0;bottom:0;display:flex;align-items:center;padding:0 var(--dg-cell-x);box-sizing:border-box;font-size:11px;font-weight:650;letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--ink-muted);white-space:nowrap;overflow:hidden;user-select:none}.sui-dg-hcell.sc-sui-data-grid::after{content:'';position:absolute;inset-inline-end:0;top:6px;bottom:6px;width:1px;background:var(--border)}.sui-dg-hcell.sc-sui-data-grid:last-child::after{display:none}.sui-dg-hcell.dragging.sc-sui-data-grid{opacity:0.5}.sui-dg-hcell.drop-before.sc-sui-data-grid::before{content:'';position:absolute;inset-block:4px;inset-inline-start:0;width:2px;border-radius:1px;background:var(--accent-ink);box-shadow:0 0 0 1px color-mix(in srgb, var(--accent-ink) 25%, transparent);pointer-events:none}.sui-dg-hlabel.sc-sui-data-grid{display:flex;align-items:center;flex:1 1 auto;min-width:0;height:100%}.sui-dg-hcell.sc-sui-data-grid .hd.sc-sui-data-grid{min-width:0;overflow:hidden;text-overflow:ellipsis}.sui-dg-hcell.al-right.sc-sui-data-grid .sui-dg-hlabel.sc-sui-data-grid,.sui-dg-hcell.al-end.sc-sui-data-grid .sui-dg-hlabel.sc-sui-data-grid{justify-content:flex-end}.sui-dg-hcell.al-center.sc-sui-data-grid .sui-dg-hlabel.sc-sui-data-grid{justify-content:center}.sc-sui-data-grid-h:dir(rtl) .sui-dg-hcell.al-right.sc-sui-data-grid .sui-dg-hlabel.sc-sui-data-grid{justify-content:flex-start}.sc-sui-data-grid-h:dir(rtl) .sui-dg-hcell.al-left.sc-sui-data-grid .sui-dg-hlabel.sc-sui-data-grid{justify-content:flex-end}.sui-dg-hcell.sc-sui-data-grid .sui-cf-funnel.sc-sui-data-grid{margin-inline-end:min(0px, calc(8px - var(--dg-cell-x)))}.sui-dg-hcell.sc-sui-data-grid .sui-glyph.rest.sc-sui-data-grid,.sui-dg-hcell.sc-sui-data-grid .sui-glyph.arrow.sc-sui-data-grid{flex-shrink:0;margin-inline-start:5px;font-size:9px;transition:color var(--duration-fast) var(--ease-out)}.sui-dg-hcell.sc-sui-data-grid .sui-glyph.rest.sc-sui-data-grid{visibility:hidden;color:var(--border-strong);transform:rotate(90deg)}.sui-dg-hcell.sc-sui-data-grid:hover .sui-glyph.rest.sc-sui-data-grid,[sort-indicator='all'].sc-sui-data-grid-h .sui-dg-hcell.sc-sui-data-grid .sui-glyph.rest.sc-sui-data-grid{visibility:visible}.sui-dg-hcell.sc-sui-data-grid .sui-glyph.arrow.sc-sui-data-grid{color:var(--ink-muted)}.sui-dg-hcell.sc-sui-data-grid .ord.sc-sui-data-grid{flex-shrink:0;min-width:14px;margin-inline-start:4px;padding:0 3px;border-radius:var(--radius-pill);background:var(--brand-soft);color:var(--brand-soft-ink);font-size:9.5px;line-height:14px;text-align:center}.sui-dg-body.sc-sui-data-grid{position:relative;pointer-events:none}.sui-dg-sticky.sc-sui-data-grid{position:sticky;top:0;height:0;overflow:visible;z-index:1;isolation:isolate}.sui-dg-layer.sc-sui-data-grid{position:absolute;top:0;inset-inline-start:0}.sui-dg-row.sc-sui-data-grid{position:absolute;top:0;inset-inline-start:0;display:flex;box-sizing:border-box;background:var(--surface);contain:layout style}.sui-dg-row.sc-sui-data-grid::after{content:'';position:absolute;inset-inline:0;bottom:0;height:1px;background:var(--hairline);pointer-events:none}.sui-dg-row.odd.sc-sui-data-grid{background:var(--surface-sunken)}.sui-dg-row.sc-sui-data-grid:hover{background:color-mix(in srgb, var(--surface-sunken) 70%, var(--brand-soft))}.sui-dg-head.sc-sui-data-grid .sui-dg-pane.sc-sui-data-grid{background:var(--surface-sunken)}.sui-dg-cell.sc-sui-data-grid{position:absolute;top:0;bottom:0;display:flex;align-items:center;box-sizing:border-box;padding:0 var(--dg-cell-x);font-size:var(--text-md);font-weight:460;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.sui-dg-cell.al-right.sc-sui-data-grid,.sui-dg-hcell.al-right.sc-sui-data-grid{justify-content:flex-end;text-align:right}.sui-dg-cell.al-end.sc-sui-data-grid,.sui-dg-hcell.al-end.sc-sui-data-grid{justify-content:flex-end;text-align:end}.sui-dg-cell.al-center.sc-sui-data-grid,.sui-dg-hcell.al-center.sc-sui-data-grid{justify-content:center;text-align:center}.sc-sui-data-grid-h:dir(rtl) .sui-dg-cell.al-right.sc-sui-data-grid,.sc-sui-data-grid-h:dir(rtl) .sui-dg-hcell.al-right.sc-sui-data-grid{justify-content:flex-start}.sc-sui-data-grid-h:dir(rtl) .sui-dg-cell.al-left.sc-sui-data-grid,.sc-sui-data-grid-h:dir(rtl) .sui-dg-hcell.al-left.sc-sui-data-grid{justify-content:flex-end;text-align:left}.sui-dg-cell.money.sc-sui-data-grid{font-weight:640}.sui-dg-cell.num.sc-sui-data-grid{font-feature-settings:var(--numeric-tabular)}.sui-dg-cell.muted.sc-sui-data-grid{color:var(--ink-muted)}.sui-dg-cell.focus.sc-sui-data-grid{outline:2px solid var(--focus-ring);outline-offset:-2px;border-radius:0;z-index:1}.sui-dg-cell.sc-sui-data-grid:focus{outline:2px solid var(--focus-ring);outline-offset:-2px;border-radius:0}.sui-dg-hcell.focus.sc-sui-data-grid,.sui-dg-hcell.sc-sui-data-grid:focus{outline:2px solid var(--focus-ring);outline-offset:-2px;border-radius:0;z-index:1}.sui-dg-sr.sc-sui-data-grid{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.sui-dg-status.sc-sui-data-grid{position:relative;flex:none}.sui-dg.vacant.sc-sui-data-grid .sui-dg-viewport.sc-sui-data-grid{flex:none}.sui-dg.vacant.sc-sui-data-grid .sui-dg-status.sc-sui-data-grid{flex:1;min-height:0;overflow:auto}.sui-dg-empty.sc-sui-data-grid{padding:40px 16px;text-align:center;font-size:var(--text-md);font-weight:620;color:var(--ink-muted)}[density='compact'].sc-sui-data-grid-h .sui-dg-cell.sc-sui-data-grid{font-size:13px}[density='comfortable'].sc-sui-data-grid-h .sui-dg-hrow.sc-sui-data-grid{height:40px}.sui-dg-cell.editing.sc-sui-data-grid{padding:0;overflow:hidden;z-index:2}.sui-dg-cell.editing.sc-sui-data-grid:has(.sui-dg-editerr){overflow:visible}.sui-dg-editor.sc-sui-data-grid{user-select:text;width:100%;height:100%;box-sizing:border-box;margin:0;padding:0 var(--dg-cell-x);border:0;border-radius:0;background:transparent;color:inherit;font:inherit;font-feature-settings:inherit;box-shadow:none;outline:none}.sui-dg-editor.sc-sui-data-grid:not([type='date']){appearance:none;-webkit-appearance:none}.sui-dg-editor.sc-sui-data-grid::-webkit-outer-spin-button,.sui-dg-editor.sc-sui-data-grid::-webkit-inner-spin-button{appearance:none;margin:0}.sui-dg-editor[type='number'].sc-sui-data-grid{-moz-appearance:textfield}.sui-dg-cell.al-right.sc-sui-data-grid .sui-dg-editor.sc-sui-data-grid{text-align:right}.sui-dg-cell.al-left.sc-sui-data-grid .sui-dg-editor.sc-sui-data-grid{text-align:left}.sui-dg-cell.al-end.sc-sui-data-grid .sui-dg-editor.sc-sui-data-grid{text-align:end}.sui-dg-cell.al-center.sc-sui-data-grid .sui-dg-editor.sc-sui-data-grid{text-align:center}.sui-dg-editwrap.sc-sui-data-grid{display:block;width:100%;height:100%}.sui-dg-editerr.sc-sui-data-grid{position:absolute;top:100%;inset-inline-start:0;z-index:3;max-width:320px;margin-top:2px;padding:4px var(--dg-cell-x);border-radius:var(--radius-sm);background:var(--danger);color:var(--on-danger);font-size:var(--text-xs);line-height:var(--leading-snug);box-shadow:var(--shadow-pop);white-space:normal}.sui-dg-cell.sel.sc-sui-data-grid{background:var(--brand-soft)}.sui-dg-resizer.sc-sui-data-grid{position:absolute;top:0;bottom:0;inset-inline-end:0;width:8px;cursor:col-resize;z-index:2;touch-action:none}.sui-dg-resizer.sc-sui-data-grid:hover::after{content:'';position:absolute;top:4px;bottom:4px;inset-inline-end:0;width:1px;background:var(--accent)}.sui-dg-guide.sc-sui-data-grid{position:absolute;top:0;bottom:0;width:1px;background:var(--accent);pointer-events:none;display:none;z-index:4}.sui-dg-guide.on.sc-sui-data-grid{display:block}.sui-dg-row.pending.sc-sui-data-grid{pointer-events:none}.sui-dg-skel.sc-sui-data-grid{position:absolute;top:50%;inset-inline:var(--dg-cell-x);height:11px;margin-top:-5.5px;border-radius:4px;background:linear-gradient(90deg, var(--surface-sunken) 25%, var(--brand-soft) 50%, var(--surface-sunken) 75%);background-size:300% 100%;animation:sb-shimmer 1.4s infinite linear}@media (prefers-reduced-motion: reduce){.sui-dg-skel.sc-sui-data-grid{animation-duration:3s}}.sui-dg-row.sc-sui-data-grid:has(.sui-dg-fill){z-index:1}.sui-dg-cell.sc-sui-data-grid:has(.sui-dg-fill){overflow:visible;z-index:2}.sui-dg-fill.sc-sui-data-grid{position:absolute;inset-inline-end:-2px;bottom:-1px;width:7px;height:7px;background:var(--accent);border:1px solid var(--surface);border-radius:1px;cursor:crosshair;z-index:3;touch-action:none}.sui-dg-cell.fill.sc-sui-data-grid{background:color-mix(in srgb, var(--brand-soft) 55%, transparent)}.sui-dg-fillbox.sc-sui-data-grid{position:absolute;box-sizing:border-box;border:2px dashed var(--accent);pointer-events:none;z-index:2}.sui-dg-box.sc-sui-data-grid{width:18px;height:18px;border:1.5px solid color-mix(in srgb, var(--control-border) 75%, var(--ink));border-radius:var(--radius-xs);background:var(--surface);display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;transition:background var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out)}.sui-dg-box.on.sc-sui-data-grid,.sui-dg-box.some.sc-sui-data-grid{background:var(--brand);border-color:var(--brand)}.sui-dg-box.on.sc-sui-data-grid::after{content:'';width:4px;height:8px;margin-top:-2px;border:solid var(--brand-contrast);border-width:0 2px 2px 0;transform:rotate(45deg)}.sui-dg-box.some.sc-sui-data-grid::after{content:'';width:8px;height:2px;background:var(--brand-contrast)}.sui-dg-hcell.sc-sui-data-grid .sui-dg-box.sc-sui-data-grid{cursor:pointer}.sui-dg-cell[data-col='__sui-select'].sc-sui-data-grid{cursor:pointer}.sui-dg-hcell[data-col='__sui-select'].sc-sui-data-grid{cursor:pointer}.sui-dg-hcell[data-col='__sui-select'].sc-sui-data-grid::after{display:none}.sui-dg-cell.sui-dg-rownum.sc-sui-data-grid{justify-content:center;padding:0 6px;background:var(--surface-sunken);color:var(--ink-faint);font-size:var(--text-xs);font-weight:500;font-feature-settings:var(--numeric-tabular);box-shadow:inset calc(-1px * var(--dg-flip)) 0 0 var(--border);cursor:default}.sui-dg-cell.sui-dg-rownum.cur.sc-sui-data-grid{color:var(--ink);font-weight:650}.sui-dg-cell.sui-dg-rownum.on.sc-sui-data-grid{background:color-mix(in srgb, var(--brand-soft) 75%, var(--surface-sunken));color:var(--ink)}.sui-dg-hcell.sui-dg-rownum.sc-sui-data-grid{cursor:default}.sui-dg-hcell.sui-dg-rownum.sc-sui-data-grid::after{display:none}.sui-dg-hcell.sui-dg-rownum.sc-sui-data-grid{box-shadow:inset calc(-1px * var(--dg-flip)) 0 0 var(--border)}.sui-dg-row.picked.sc-sui-data-grid{--ink-muted:var(--ink-muted-on-wash);--ink-faint:var(--ink-muted);background:linear-gradient(var(--surface-selected) 0 0) var(--surface)}.sui-dg-row.picked.sc-sui-data-grid:hover{--ink-faint:var(--ink-muted);background:linear-gradient(var(--surface-hover) 0 0), linear-gradient(var(--surface-selected) 0 0) var(--surface)}.selection-bar.sc-sui-data-grid .sui-dg-row.picked.sc-sui-data-grid>.sui-dg-pane.sc-sui-data-grid:first-child::before{content:'';position:absolute;inset-block:0;inset-inline-start:0;width:3px;z-index:2;background:var(--accent);pointer-events:none}.sui-dg-bar.sc-sui-data-grid{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);box-shadow:inset 0 -1px 0 var(--hairline)}.sui-dg-bar-slot.sc-sui-data-grid{display:flex;align-items:center;gap:var(--space-2);flex:1;min-width:0}.sui-dg-colbtn.sc-sui-data-grid{margin-inline-start:auto;display:inline-flex;align-items:center;gap:6px;height:var(--control-sm);padding:0 10px;border:1px solid var(--control-border);border-radius:var(--radius-md);background:var(--surface);color:var(--ink);font:600 12.5px var(--font-sans);cursor:pointer}.sui-dg-colbtn.sc-sui-data-grid:hover{border-color:color-mix(in srgb, var(--ink) 30%, var(--control-border));background:var(--brand-soft)}.sui-dg-colbtn[aria-expanded='true'].sc-sui-data-grid{background:color-mix(in srgb, var(--brand-soft) 84%, var(--ink))}.sui-dg-colbtn.sc-sui-data-grid:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.sui-dg-colbtn.sc-sui-data-grid .sui-glyph.sc-sui-data-grid{font-size:11px;color:var(--icon-color)}.sui-dg-frow.sc-sui-data-grid{display:flex;height:calc(var(--control-sm) + 8px);box-shadow:inset 0 -1px 0 var(--hairline)}.sui-dg-fcell.sc-sui-data-grid{position:absolute;top:0;bottom:0;display:flex;align-items:center;box-sizing:border-box;padding:4px var(--dg-cell-x)}.sui-dg-fcell.sc-sui-data-grid .sui-cf-rowgroup.sc-sui-data-grid{user-select:text}.sui-dg-static.sc-sui-data-grid{position:relative;display:flex;background:var(--surface)}.sui-dg-static.sc-sui-data-grid .sui-dg-cell.sc-sui-data-grid{position:absolute;top:0;bottom:0}.sui-dg-pinned.top.sc-sui-data-grid{box-shadow:inset 0 -1px 0 var(--hairline)}.sui-dg-static.pinned.sc-sui-data-grid{background:var(--surface-sunken)}.sui-dg-foot.sc-sui-data-grid{position:sticky;bottom:0;z-index:4;background:var(--surface);box-shadow:inset 0 1px 0 var(--hairline)}.sui-dg-static.total.sc-sui-data-grid{background:var(--surface);font-weight:650}.sui-dg-static.total.sc-sui-data-grid .sui-dg-cell.sc-sui-data-grid{color:var(--ink)}@media (forced-colors: active){.sui-dg-hcell.drop-before.sc-sui-data-grid::before{forced-color-adjust:none;background:Highlight}.sui-dg-pane.pin-start.sc-sui-data-grid::after,.sui-dg-pane.pin-end.sc-sui-data-grid::before{background:CanvasText}.sui-dg-hcell.sc-sui-data-grid::after{background:CanvasText}.sui-dg-hcell.sc-sui-data-grid .ord.sc-sui-data-grid{border:1px solid CanvasText}.sui-dg-row.sc-sui-data-grid::after{background:CanvasText}.sui-dg-editerr.sc-sui-data-grid{border:1px solid CanvasText}.sui-dg-cell.sel.sc-sui-data-grid{outline:2px solid Highlight;outline-offset:-4px}.sui-dg-cell.sel.focus.sc-sui-data-grid,.sui-dg-cell.sel.sc-sui-data-grid:focus{outline-color:CanvasText}.sui-dg-resizer.sc-sui-data-grid:hover::after{background:CanvasText}.sui-dg-guide.sc-sui-data-grid{background:Highlight}.sui-dg-skel.sc-sui-data-grid{box-sizing:border-box;border:1px solid GrayText}.sui-dg-fill.sc-sui-data-grid{background:Highlight;border-color:Canvas}.sui-dg-fillbox.sc-sui-data-grid{border-color:Highlight}.sui-dg-box.some.sc-sui-data-grid::after{background:CanvasText}.sui-dg-row.picked.sc-sui-data-grid .sui-dg-cell.sc-sui-data-grid{outline:2px solid Highlight;outline-offset:-4px}.selection-bar.sc-sui-data-grid .sui-dg-row.picked.sc-sui-data-grid>.sui-dg-pane.sc-sui-data-grid:first-child::before{forced-color-adjust:none;background:Highlight}.sui-dg-row.picked.sc-sui-data-grid .sui-dg-cell.focus.sc-sui-data-grid,.sui-dg-row.picked.sc-sui-data-grid .sui-dg-cell.sc-sui-data-grid:focus{outline-color:CanvasText}.sui-dg-bar.sc-sui-data-grid,.sui-dg-frow.sc-sui-data-grid{border-bottom:1px solid CanvasText}.sui-dg-foot.sc-sui-data-grid{border-top:1px solid CanvasText}.sui-dg-cell.sui-dg-rownum.sc-sui-data-grid,.sui-dg-hcell.sui-dg-rownum.sc-sui-data-grid{box-shadow:none;border-inline-end:1px solid CanvasText}}.sui-cf.sc-sui-data-grid{position:fixed;top:0;left:0;z-index:var(--z-dropdown);box-sizing:border-box;width:280px;max-width:calc(100vw - 16px);max-height:min(78vh, 560px);overflow:auto;overscroll-behavior:contain;padding:14px 16px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-raised);box-shadow:var(--shadow-pop);color:var(--ink);font-family:var(--font-sans);font-size:var(--text-md);font-weight:460;letter-spacing:normal;text-transform:none;text-align:start;white-space:normal;user-select:text;cursor:auto;animation:sui-cf-in var(--duration-overlay) var(--ease-out)}.sui-cf[data-side='top'].sc-sui-data-grid{animation-name:sui-cf-in-top}.sui-cf.closing.sc-sui-data-grid{animation:sui-cf-out var(--duration-fast) var(--ease-out) forwards;pointer-events:none}@keyframes sui-cf-in{from{opacity:0;margin-top:-4px}}@keyframes sui-cf-in-top{from{opacity:0;margin-top:4px}}@keyframes sui-cf-out{to{opacity:0}}.sui-cf-body.sc-sui-data-grid{display:flex;flex-direction:column;gap:10px}.sui-cf-note.sc-sui-data-grid{margin:-6px 0 12px;font-size:12px;line-height:1.4;color:var(--ink-muted)}.sui-cf-title.sc-sui-data-grid{margin-bottom:12px;font-size:13px;font-weight:650;line-height:1.3;color:var(--ink)}.sui-cf.sui-cf-menu.sc-sui-data-grid{width:440px}.sui-cf-rows.sc-sui-data-grid{display:flex;flex-direction:column;gap:8px}.sui-cf-row.sc-sui-data-grid{display:grid;grid-template-columns:68px minmax(0, 132px) minmax(0, 1fr) 28px;align-items:center;gap:6px;min-width:0}.sui-cf-join.sc-sui-data-grid{display:flex;align-items:center;min-width:0;font-size:12.5px;font-weight:600;color:var(--ink-muted)}.sui-cf-join.muted.sc-sui-data-grid{font-weight:500;color:var(--ink-muted);padding-inline-start:11px}.sui-cf-joinsel.sc-sui-data-grid{width:100%}.sui-cf-val.sc-sui-data-grid{min-width:0}.sui-cf-val.sc-sui-data-grid>*.sc-sui-data-grid{width:100%}.sui-cf-value.sc-sui-data-grid{min-inline-size:0}.sui-cf-pair.sc-sui-data-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.sui-cf-remove.sc-sui-data-grid,.sui-cf-remove-slot.sc-sui-data-grid{justify-self:end}.sui-cf-remove-slot.sc-sui-data-grid{width:28px}.sui-cf-add.sc-sui-data-grid{align-self:flex-start;margin-inline-start:-8px}.sui-cf-add-glyph.sc-sui-data-grid{order:-1;font-size:11px}@media (max-width: 480px){.sui-cf-row.sc-sui-data-grid{grid-template-columns:60px minmax(0, 1fr) 28px;grid-template-areas:'join mode remove' '. val .';row-gap:6px}.sui-cf-row.sc-sui-data-grid>.sui-cf-join.sc-sui-data-grid{grid-area:join}.sui-cf-row.sc-sui-data-grid>.sui-cf-mode.sc-sui-data-grid{grid-area:mode}.sui-cf-row.sc-sui-data-grid>.sui-cf-val.sc-sui-data-grid{grid-area:val}.sui-cf-row.sc-sui-data-grid>.sui-cf-remove.sc-sui-data-grid,.sui-cf-row.sc-sui-data-grid>.sui-cf-remove-slot.sc-sui-data-grid{grid-area:remove}}.sui-cf-all.sc-sui-data-grid{align-self:stretch;padding-bottom:8px;border-bottom:1px solid var(--hairline)}.sui-cf-opt.sc-sui-data-grid{align-self:flex-start}.sui-cf-list.sc-sui-data-grid{display:flex;flex-direction:column;gap:8px;max-height:232px;overflow:auto;margin-inline:-4px;padding:2px 4px}.sui-cf-body.sc-sui-data-grid>.sui-cf-all.sc-sui-data-grid+.sui-cf-list.sc-sui-data-grid{margin-top:-2px}.sui-cf-none.sc-sui-data-grid{padding:6px 0;font-size:12.5px;color:var(--ink-faint)}.sui-cf-bar.sc-sui-data-grid{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:14px;padding-top:11px;border-top:1px solid var(--border)}.sui-cf-clear.sc-sui-data-grid{appearance:none;margin:0;padding:0;border:0;background:transparent;cursor:pointer;font-family:var(--font-sans);font-size:12.5px;font-weight:620;color:var(--ink-muted)}.sui-cf-clear.sc-sui-data-grid:hover{color:var(--ink)}.sui-cf-clear.sc-sui-data-grid:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow);border-radius:var(--radius-xs)}.sui-cf-rowgroup.sc-sui-data-grid{display:block;width:100%;min-width:0;--sui-field-chevron:none}.sui-cf-rowbox.sc-sui-data-grid{min-width:0;padding-inline:8px;text-overflow:ellipsis}.sui-cf-rowbox.sc-sui-data-grid::placeholder{color:var(--ink-placeholder)}.sui-cf-rowbox.sc-sui-data-grid:disabled{background:var(--disabled-bg)}.sui-cf-rowpick.sc-sui-data-grid{min-width:0}.sui-cf-modebtn.sc-sui-data-grid{flex:none;color:var(--ink-faint)}.sui-cf-token.sc-sui-data-grid{font-size:15px;font-weight:600;line-height:1;white-space:nowrap;color:var(--ink-muted)}.sui-cf-token.word.sc-sui-data-grid{font-size:11px;font-weight:650;letter-spacing:-0.01em}.sui-cf-modebtn.on.sc-sui-data-grid{background:var(--accent-soft)}.sui-cf-modebtn.on.sc-sui-data-grid .sui-cf-token.sc-sui-data-grid{color:var(--accent-soft-ink)}.sui-cf.sui-cf-modes.sc-sui-data-grid{width:auto;min-width:190px;padding:4px}.sui-cf-funnel.sc-sui-data-grid{flex:none;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:22px;height:22px;margin:0;margin-inline-start:4px;padding:0;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--ink-faint);font-size:10px;cursor:pointer;transition:background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out)}.sui-cf-funnel.sc-sui-data-grid:hover{background:var(--surface-hover);color:var(--ink)}.sui-cf-funnel[aria-expanded='true'].sc-sui-data-grid{background:color-mix(in srgb, var(--ink) 9%, transparent);color:var(--ink)}.sui-cf-funnel.on.sc-sui-data-grid{background:var(--accent-soft);color:var(--accent-mark)}.sui-cf-funnel.on.sc-sui-data-grid:hover,.sui-cf-funnel.on[aria-expanded='true'].sc-sui-data-grid{background:color-mix(in srgb, var(--accent-soft) 80%, var(--accent-mark));color:var(--accent-mark)}.sui-cf-funnel.sc-sui-data-grid:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px}@media (forced-colors: active){.sui-cf.sc-sui-data-grid{border:1px solid CanvasText}.sui-cf-bar.sc-sui-data-grid,.sui-cf-all.sc-sui-data-grid{border-color:CanvasText}.sui-cf-funnel.on.sc-sui-data-grid{forced-color-adjust:none;background:Highlight;color:HighlightText}.sui-cf-funnel.on.sc-sui-data-grid:focus-visible{outline-color:CanvasText}.sui-cf-modebtn.on.sc-sui-data-grid{forced-color-adjust:none;background:Highlight}.sui-cf-modebtn.on.sc-sui-data-grid .sui-cf-token.sc-sui-data-grid{color:HighlightText}}";export{Vi as sui_data_grid}
+import{r as i,c as t,g as s,h as e}from"./p-ChCjmDsd.js";import{S as r,j as o,r as a,k as n,D as d,C as h,E as l,u,w as c,y as g,x as p,n as f,o as v,q as x,e as m,l as b,z as w,B as y,G as k,M as C,H as M}from"./p-DF_1Vfuw.js";import{S as $,d as z,c as F,a as S,t as D,r as A,s as E,l as j,p as T,g as R,G as H,w as K,b as N}from"./p-DYIezrsL.js";import{r as P,c as L,e as B,b as I,d as O,f as V,g as W,s as Y,t as _,a as G,h as U,j as X,k as q,i as Q,l as J}from"./p-DJoQuCKe.js";import{v as Z}from"./p-BVvIr7N_.js";import{o as ii,a as ti,b as si,c as ei,e as ri,k as oi,j as ai,p as ni,t as di,n as hi,h as li}from"./p-DxQKrio7.js";import{h as ui}from"./p-DgNczPak.js";import{c as ci,m as gi}from"./p-q0JbXN8q.js";import{s as pi,a as fi,i as vi}from"./p-GAnFXayY.js";import{l as xi,a as mi}from"./p-lWhwwQJ2.js";import{u as bi}from"./p-U06fVoGD.js";import{i as wi,a as yi}from"./p-BsRW1Q8k.js";import{d as ki}from"./p-B3wtlP4_.js";import{o as Ci,a as Mi}from"./p-BWkzTEZX.js";import{G as $i,a9 as zi,B as Fi,h as Si,j as Di,a8 as Ai}from"./p-CHznIlgx.js";import"./p-BnfaBLhb.js";import"./p-C-6_KLLy.js";import"./p-8R5d4SBR.js";import"./p-CZ4DDtn8.js";const Ei=/^-?\d+(?:\.\d+)?$/,ji=/^(.*?)(\d+)$/,Ti=/^(\d{4})-(\d{2})-(\d{2})$/;function Ri(i){if(i.length<2)return null;const t=i[1]-i[0];for(let s=2;s<i.length;s++)if(Math.abs(i[s]-i[s-1]-t)>Math.max(1e-9,1e-9*Math.abs(t)))return null;return t}function Hi(i){const t=Ti.exec(i.trim());if(!t)return null;const s=Date.UTC(Number(t[1]),Number(t[2])-1,Number(t[3]));return Number.isNaN(s)?null:Math.round(s/864e5)}function Ki(i){const t=new Date(864e5*i),s=i=>String(i).padStart(2,"0");return`${t.getUTCFullYear()}-${s(t.getUTCMonth()+1)}-${s(t.getUTCDate())}`}function Ni(i,t){const s=t.indexOf("."),e=s<0?0:t.length-s-1;return e>0?i.toFixed(e):String(Math.round(i))}function Pi(i,t,s="forward"){const e=Math.max(0,Math.floor(t)||0);if(0===e||0===i.length)return[];const r="backward"===s,o=function(i,t){const s=[],e=function(i){const t=[];for(const s of i){if(!Ei.test(s.trim()))return null;t.push(Number(s.trim()))}const s=Ri(t);return null==s?null:{values:t,step:s}}(i);if(e){const r=e.values[e.values.length-1],o=i[i.length-1].trim();for(let i=1;i<=t;i++)s.push(Ni(r+e.step*i,o));return s}const r=i.map(Hi);if(r.every((i=>null!=i))){const i=r,e=i.length>=2?Ri(i):1;if(null!=e){const r=i[i.length-1];for(let i=1;i<=t;i++)s.push(Ki(r+e*i));return s}}const o=i.map((i=>ji.exec(i)));if(o.every((i=>null!=i))){const i=o,e=i[0][1];if(""!==e&&"-"!==e&&i.every((i=>i[1]===e))){const r=i.map((i=>Number(i[2]))),o=i.length>=2?Ri(r):1;if(null!=o){const a=r[r.length-1],n=i[i.length-1][2].length;for(let i=1;i<=t;i++){const t=a+o*i,r=t<0?`-${String(Math.abs(t)).padStart(n,"0")}`:String(t).padStart(n,"0");s.push(e+r)}return s}}}for(let e=0;e<t;e++)s.push(i[e%i.length]);return s}(r?i.slice().reverse():i.slice(),e);return r?o.reverse():o}const Li={compact:30,standard:36,comfortable:44},Bi="__sui-select",Ii="__sui-rownum",Oi=new Set([Bi,Ii]),Vi=class{constructor(s){i(this,s),this.suiViewport=t(this,"suiViewport",3),this.suiCellFocus=t(this,"suiCellFocus",3),this.suiCellActivate=t(this,"suiCellActivate",7),this.suiSort=t(this,"suiSort",3),this.suiRangeChange=t(this,"suiRangeChange",3),this.suiCellEdit=t(this,"suiCellEdit",7),this.suiSelectionChange=t(this,"suiSelectionChange",3),this.suiColumnLayoutChange=t(this,"suiColumnLayoutChange",3),this.suiFilter=t(this,"suiFilter",3),this.suiCellContextMenu=t(this,"suiCellContextMenu",7),this.suiCut=t(this,"suiCut",7),this.suiCopy=t(this,"suiCopy",7),this.suiCopyError=t(this,"suiCopyError",7),this.suiFill=t(this,"suiFill",7),this.suiPaste=t(this,"suiPaste",7)}get host(){return s(this)}columns=[];rows=[];rowKey;density="standard";hideSelectionBar=!1;rowHeights;overscan=6;emptyMessage;emptyFilterMessage;focusedCell;sorts=[];sortMode="single";sortIndicator="sorted";nullOrder="last";filterModel;columnLayout={};selectionMode="none";selection=L();rangeSelection=!1;copyFormulas=!1;editMode="none";loading=!1;stateKey;stateStorage="session";pinnedTop;pinnedBottom;footerTotals;rowClass;reorderableColumns=!1;showColumnToggle=!1;rowNumbers=!1;filterDisplay="none";suiViewport;suiCellFocus;suiCellActivate;suiSort;suiRangeChange;suiCellEdit;suiSelectionChange;suiColumnLayoutChange;suiFilter;suiCellContextMenu;suiCut;suiCopy;suiCopyError;suiFill;suiPaste;windowRevision=0;viewportWidth=0;viewportHeight=0;focusRevision=0;headerCol=-1;dragAnchor;ranges=B();editingCell;resizing=!1;fillRow;fillCol;viewportEl;layerEl;headerH=0;footerH=0;originY=0;pendingMeasure=!1;renderedBase=0;renderedStart=0;renderedEnd=0;resizeObserver;clipAt="";viewTop=0;viewStart=0;lastViewTop=0;lastScrollAt=0;velocity=0;rowGeometry=new r;scrollSpace=new $;colModel;colWidthAt=-1;colCountAt=-1;colLayoutAt=-1;colModeAt="";augmented;layoutRev=0;selectionRev=0;rowWin={start:0,end:0};colWin={start:0,end:0};reported;pendingFocus=!1;selectAnchor;focusedKey;pendingEditor;editingValue="";guideEl;resizeKey;undoStack=[];redoStack=[];sourceMap;pasteFallback;dragKey;dropKey;columnsMenuOpen=!1;filterUi;listUi;menuTicket=0;filterMenuKey;filterDraftState;filterSearch="";menuClosing=!1;hasHeaderSlot=!1;stopSlots;hostLabel;hostLabelledby;stopHostLabel;stopHostLabelledby;modeMenuKey;rowModes={};rowTimers=new Map;loaded=!1;menuAnchor;menuEl;menuFocusPending=!1;stopOutside;stopReposition;stopEscape;demoteMenu;menuExit=ii((()=>this.finishMenu()));menuId=bi("sui-dg-menu");resizeFromX=0;resizeFromW=0;resizeFrameX=0;resizeSign=1;fillFrom;fillAnchor;fillRanges;fillBodyY=0;fillPointerId;fillClientX=0;fillClientY=0;fillListening=!1;fillHandleAt=null;pendingEditorSelectAll=!1;editorEl;customEditorEl;editWrap;editorFocus=ui({parts:()=>[this.editWrap],leave:()=>{this.editingCell&&this.endEdit(!0)}});editError;rowSlots=0;colSlots=0;rowSlotKeys=[];colSlotKeys=[];pinStartKeys=[];pinEndKeys=[];cellCache=new Map;connectedCallback(){this.stopSlots?.(),this.stopSlots=Ci(this.host,(()=>this.readHeaderSlot()),{childList:!0}),this.stopHostLabel?.(),this.stopHostLabel=wi(this.host,(i=>{this.hostLabel=i})),this.stopHostLabelledby?.(),this.stopHostLabelledby=yi(this.host,(i=>{this.hostLabelledby=i})),ki(this.host,(()=>this.tabStop())),this.loaded&&this.watchViewport(!0)}componentWillLoad(){if(this.restoreState(),this.readHeaderSlot(),"row"===this.filterDisplay)return this.loadFilterUi().then((()=>{}),(()=>{}))}loadFilterUi(){return Promise.all([import("./p-PKYY31pC.js"),z()]).then((([i])=>this.filterUi=i))}loadColumnList(){return Promise.all([import("./p-PKYY31pC.js"),F()]).then((([i])=>this.listUi=i))}preloadFilterUi=()=>{this.filterUi||this.loadFilterUi().catch((()=>{}))};preloadColumnList=()=>{this.listUi||this.loadColumnList().catch((()=>{}))};componentDidLoad(){this.loaded=!0,this.watchViewport(),this.measure()}readHeaderSlot(){this.hasHeaderSlot=Mi(this.host,"header").length>0}watchViewport(i=!1){this.resizeObserver?.disconnect(),this.resizeObserver=void 0,"undefined"!=typeof ResizeObserver&&this.viewportEl&&(this.resizeObserver=new ResizeObserver((()=>this.measure())),this.resizeObserver.observe(this.viewportEl)),i&&Promise.resolve().then((()=>{this.host.isConnected&&(this.readHeaderSlot(),this.measure(),this.flushRowValues())}))}flushRowValues(){Array.from(this.rowTimers.values()).forEach((i=>{clearTimeout(i.timer),i.write()}))}componentDidRender(){if(this.pendingMeasure&&(this.pendingMeasure=!1,this.measure()),this.viewportEl&&(this.originY=this.viewportEl.getBoundingClientRect().top),this.applyLayer(this.renderedBase,!0),this.keepFocusInGrid(),this.settleMenu(),this.editorEl&&null!=this.pendingEditor){const i=this.pendingEditor,t=this.pendingEditorSelectAll;if(this.pendingEditor=void 0,this.editorEl.value=i,this.editorEl.focus(),"function"==typeof this.editorEl.setSelectionRange)try{this.editorEl.setSelectionRange(t?0:i.length,i.length)}catch{}}this.pendingFocus&&(this.pendingFocus=!1,this.focusedEl()?.focus()),this.commitWindowedEdit();const i={rowStart:this.rowWin.start,rowEnd:this.rowWin.end,colStart:this.colWin.start,colEnd:this.colWin.end},t=this.reported;t&&t.rowStart===i.rowStart&&t.rowEnd===i.rowEnd&&t.colStart===i.colStart&&t.colEnd===i.colEnd||(this.reported=i,this.suiViewport.emit(i))}disconnectedCallback(){this.editorFocus.reset(),void 0!==this.pasteFallback&&clearTimeout(this.pasteFallback),this.pasteFallback=void 0,this.stopSlots?.(),this.stopSlots=void 0,this.stopHostLabel?.(),this.stopHostLabel=void 0,this.stopHostLabelledby?.(),this.stopHostLabelledby=void 0,this.disarmMenu(),this.menuOpen&&this.finishMenu(),this.rowTimers.forEach((i=>clearTimeout(i.timer))),this.resizeObserver?.disconnect(),this.resizeObserver=void 0,this.cellCache.clear(),this.endRangeDrag(),this.abortFillDrag()}get editing(){return"cell"===this.editMode}onModelChange(){this.cellCache.clear(),this.colCountAt=-1}onChromeChange(){this.pendingMeasure=!0,this.filterMenuKey&&"menu"!==this.filterDisplay&&this.requestCloseMenu(!1)}onFilterDisplayChange(){"row"===this.filterDisplay&&this.preloadFilterUi()}onLayoutChange(){this.layoutRev++,this.colCountAt=-1}onOrderChange(){this.rowKey||this.cellCache.clear(),this.ranges.ranges.length&&this.setRanges(B());const i=this.focusedKey,t=this.focusedCell;if(!t)return;if(null==i)return void(this.focusedCell=void 0);const s=this.viewRows();let e=-1;for(let t=0;t<s.length;t++)if(this.keyOf(s[t],t)===i){e=t;break}if(e<0)return this.focusedCell=void 0,void(this.focusedKey=void 0);e!==t.row&&(this.focusedCell={row:e,col:t.col})}async scrollToRow(i,t="auto"){this.syncGeometry();const s=o(this.rowGeometry,this.metrics(),i,t);null!=s&&this.viewportEl&&(this.viewportEl.scrollTop=this.scrollSpace.toPhysical(s))}async focusCell(i,t){this.moveFocus(i,t)}async setFocus(){this.tabStop()?.focus()}tabStop(){return this.focusedEl()||this.viewportEl}async exportCsv(i="export.csv"){this.syncGeometry();const t=(this.colModel?this.colModel.all:[]).filter((i=>!Oi.has(i.key)));return S(D(this.viewRows(),t.length?t:this.columns||[]),i)}async getViewport(){return{rowStart:this.rowWin.start,rowEnd:this.rowWin.end,colStart:this.colWin.start,colEnd:this.colWin.end}}keepFocusInGrid(){if(!this.focusedCell&&this.headerCol<0||!this.viewportEl||"undefined"==typeof document)return;if(this.focusedEl())return;const i=document.activeElement;(!i||i===document.body||!i.isConnected||this.viewportEl.contains(i)&&i.matches(".sui-dg-cell, .sui-dg-hcell")&&"0"!==i.getAttribute("tabindex"))&&this.viewportEl.focus({preventScroll:!0})}commitWindowedEdit(){const i=this.editingCell;i&&void 0===this.pendingEditor&&this.viewportEl&&(this.viewportEl.querySelector(".sui-dg-cell.editing")||Promise.resolve().then((()=>{this.editingCell===i&&this.endEdit(!0)})))}focusedEl(){return this.viewportEl?this.headerCol>=0?this.viewportEl.querySelector('.sui-dg-hcell[tabindex="0"]'):this.focusedCell?this.viewportEl.querySelector('.sui-dg-cell[tabindex="0"]'):null:null}measure(){const i=this.viewportEl;if(!i)return;this.originY=i.getBoundingClientRect().top;const t=i.querySelector(".sui-dg-head");t&&(this.headerH=t.getBoundingClientRect().height||0);const s=i.querySelector(".sui-dg-foot");this.footerH=s&&s.getBoundingClientRect().height||0;const e=i.clientWidth||0,r=i.clientHeight||0;e===this.viewportWidth&&r===this.viewportHeight||(this.viewportWidth=e,this.viewportHeight=r,this.colCountAt=-1)}rowHeight(){return Li[this.density]||Li.standard}rowBand(){return Math.max(0,this.viewportHeight-this.headerH-this.footerH)}metrics(){return{rowHeight:this.rowHeight(),viewport:this.rowBand(),scrollTop:this.scrollSpace.toLogical(this.viewTop),overscan:Math.max(8,this.overscan||1),velocity:this.velocity,block:8}}syncGeometry(){const i=this.viewRows();this.rowGeometry.set(i.length,this.rowHeight(),this.rowHeights),this.scrollSpace.set(this.rowGeometry.extent,this.rowBand());const t=this.columnLayout||{},s=this.columns||[];this.colModel&&this.colWidthAt===this.viewportWidth&&this.colCountAt===s.length&&this.colLayoutAt===this.layoutRev&&this.colModeAt===this.selectionMode||(this.colWidthAt=this.viewportWidth,this.colCountAt=s.length,this.colLayoutAt=this.layoutRev,this.colModeAt=this.selectionMode,this.colModel=a(this.gridColumns(),{viewport:this.viewportWidth,order:t.order,hidden:t.hidden?new Set(t.hidden):void 0,resized:t.widths?new Map(Object.entries(t.widths)):void 0}))}onScroll=i=>{const t=i.target;this.viewTop=t.scrollTop||0,this.viewStart=pi(t),this.applyLayer(this.renderedBase);const s=i.timeStamp||Date.now(),e=s-this.lastScrollAt,r=this.viewTop-this.lastViewTop;this.velocity=Math.abs(r)>Math.max(1,this.viewportHeight)?0:e>0&&e<250?.6*this.velocity+r/e*1e3*.4:0,this.lastScrollAt=s,this.lastViewTop=this.viewTop,this.syncGeometry(),this.updateWindow()&&this.windowRevision++,this.fillListening&&this.trackFill(this.fillClientX,this.fillClientY)};updateWindow(){const i=n(this.rowGeometry,this.metrics()),t=this.colModel?d(this.colModel,this.viewStart,this.viewportWidth,4,4):{start:0,end:0};return(i.start!==this.rowWin.start||i.end!==this.rowWin.end||t.start!==this.colWin.start||t.end!==this.colWin.end)&&(this.rowWin=i,this.colWin=t,!0)}rowBase(){return this.rowGeometry.offsetOf(this.rowWin.start)}layerY(i){const t=Math.max(0,this.headerH-this.viewTop);return this.headerH-t+i-this.scrollSpace.toLogical(this.viewTop)}applyLayer(i,t=!1){const s=this.layerEl;if(!s)return;if(this.clipRows(),!t&&!this.renderedCovers())return;const e=Math.max(0,this.headerH-this.viewTop);s.style.transform=`translate3d(0, ${h(this.layerY(i),this.originY+e)}px, 0)`}clipRows(){const i=this.layerEl?.parentElement;if(!i||this.viewportHeight<=0)return;const t=l(M(this.headerH,this.footerH,this.viewTop,this.viewportHeight));t!==this.clipAt&&(this.clipAt=t,i.style.clipPath=t)}renderedCovers(){if(this.renderedEnd<=this.renderedStart)return!0;const i=this.rowGeometry.offsetOf(this.renderedStart),t=this.rowGeometry.offsetOf(this.renderedEnd),s=this.scrollSpace.toLogical(this.viewTop),e=this.rowBand(),r=this.rowHeight(),o=Math.max(0,s-r),a=Math.min(this.rowGeometry.extent,s+e+r);return i<=o&&t>=a}viewRows(){return A(this.rows||[],{columns:this.columns||[],filter:this.filterModel,sorts:this.sorts,nullOrder:this.nullOrder}).rows}emptyText(){return(this.rows||[]).length>0&&0===this.viewRows().length?""===this.emptyFilterMessage?"":xi(void 0,"data-grid.emptyFilter",this.emptyFilterMessage,"No matches."):""===this.emptyMessage?"":xi(void 0,"data-grid.empty",this.emptyMessage,"Nothing here yet.")}gridColumns(){const i=this.columns||[],t=this.rowNumbers?this.rowNumberWidth():0,s=this.hasSelectColumn();if(!t&&!s)return i;const e=this.augmented;if(e&&e.from===i&&e.mode===this.selectionMode&&e.numbers===t)return e.out;const r=[];return t&&r.push({key:Ii,header:"",width:t,minWidth:t,pin:"start",align:"center"}),s&&r.push({key:Bi,header:"",width:48,minWidth:48,pin:"start",align:"center"}),r.push(...i),this.augmented={from:i,mode:this.selectionMode,numbers:t,out:r},r}rowNumberWidth(){const i=String(Math.max(1,(this.rows||[]).length)).length;return Math.max(44,20+8*i)}minCol(){return this.colModel?.all[0]?.key===Ii?1:0}dataStart(){const i=this.colModel?.all||[];let t=0;for(;t<i.length&&Oi.has(i[t].key);)t++;return t}dataCell(i){const t=this.dataStart();return i.col<t?{row:i.row,col:t}:i}isGutter(i){const t=this.colModel?.all[i]?.key;return null!=t&&Oi.has(t)}pickRowFromNumber(i,t){const s=this.colModel,e=this.dataStart(),r=(s?.all.length||0)-1;if(s&&!(r<e)){if(this.rangeSelection){const s=t.shiftKey&&this.ranges.anchor?this.ranges.anchor.row:i,o={r1:Math.min(s,i),c1:e,r2:Math.max(s,i),c2:r};this.setRanges(I(t.ctrlKey||t.metaKey?this.ranges:B(),o,{row:s,col:e}))}t.shiftKey||this.moveFocus(i,e)}}selectAllCells(){const i=this.viewRows(),t=this.dataStart(),s=(this.colModel?.all.length||0)-1;!this.rangeSelection||0===i.length||s<t||this.setRanges(I(B(),{r1:0,c1:t,r2:i.length-1,c2:s},{row:0,col:t}))}keyOf(i,t){return this.rowKey?this.rowKey(i,t):t}cellText(i,t){return u(i.column,t)}moveFocus(i,t){const s=this.colModel,e=this.viewRows();if(!s||0===e.length||0===s.all.length)return;const r=Math.max(0,Math.min(e.length-1,i)),o=Math.max(this.minCol(),Math.min(s.all.length-1,t)),a=this.focusedCell,n=this.headerCol>=0;this.headerCol=-1,a&&a.row===r&&a.col===o?n&&(this.pendingFocus=!0,this.focusRevision++):(this.focusedCell={row:r,col:o},this.focusedKey=this.keyOf(e[r],r),this.pendingFocus=!0,this.focusRevision++,this.revealCell(r,o),this.suiCellFocus.emit({row:r,col:o}))}focusHeader(i){const t=this.colModel;if(!t||0===t.all.length)return;const s=Math.max(this.minCol(),Math.min(t.all.length-1,i));this.headerCol=s,this.pendingFocus=!0,this.focusRevision++,this.revealColumn(s)}activateHeader(i){const t=this.colModel?.all[i];t&&(t.key!==Bi?t.column.sortable&&this.sortBy(t.key,!1):this.toggleSelectAll())}revealCell(i,t){const s=this.viewportEl;if(!s)return;const e=o(this.rowGeometry,this.metrics(),i,"auto");null!=e&&(s.scrollTop=this.scrollSpace.toPhysical(e),this.viewTop=s.scrollTop),this.revealColumn(t)}revealColumn(i){const t=this.viewportEl,s=this.colModel;if(!t||!s)return;const e=s.all[i];if(!e||e.pin)return;const r=s.startWidth+e.offset,o=r+e.width,a=this.viewStart+this.viewportWidth-s.endWidth;r<this.viewStart+s.startWidth?fi(t,r-s.startWidth):o>a&&fi(t,o-this.viewportWidth+s.endWidth),this.viewStart=pi(t)}cellAt(i){const t=i.target.closest(".sui-dg-cell"),s=t?.closest(".sui-dg-row");if(!t||!s||!this.colModel)return null;const e=Number(s.dataset.index),r=this.colModel.byKey.get(t.dataset.col||"");return Number.isFinite(e)&&r&&!Oi.has(r.key)?{row:e,col:r.index}:null}onPointerDown=i=>{if(i.target.closest(".sui-dg-fill, .sui-dg-resizer"))return;this.fillFrom&&this.abortFillDrag();const t=i.target.closest(".sui-dg-cell"),s=t?.closest(".sui-dg-row");if(!t||!s||!this.colModel)return;const e=Number(s.dataset.index),r=this.colModel.byKey.get(t.dataset.col||"");if(Number.isFinite(e)&&r){if(r.key===Ii)return i.preventDefault(),void this.pickRowFromNumber(e,i);if(r.key===Bi)return i.preventDefault(),this.selectRow(e,i),void this.moveFocus(e,r.index);if("single"!==this.selectionMode&&"multiple"!==this.selectionMode||this.selectRow(e,i),this.rangeSelection){i.shiftKey&&i.preventDefault();const t={row:e,col:r.index},s=this.ranges.anchor||(this.focusedCell?this.dataCell(this.focusedCell):t);i.shiftKey?this.setRanges(I(B(),V(s,t),s)):i.ctrlKey||i.metaKey?this.setRanges(I(this.ranges,V(t,t),t)):(this.setRanges(I(B(),V(t,t),t)),this.beginRangeDrag(t))}this.moveFocus(e,r.index)}};beginRangeDrag(i){"undefined"!=typeof document&&(this.dragAnchor=i,document.addEventListener("mousemove",this.onRangeDrag),document.addEventListener("mouseup",this.endRangeDrag))}onRangeDrag=i=>{const t=this.dragAnchor;if(!t)return;const s=this.cellAt(i);if(!s)return;const e=V(t,s),r=O(this.ranges);r&&r.r1===e.r1&&r.c1===e.c1&&r.r2===e.r2&&r.c2===e.c2||this.setRanges(I(B(),e,t))};endRangeDrag=()=>{this.dragAnchor&&(this.dragAnchor=void 0,"undefined"!=typeof document&&(document.removeEventListener("mousemove",this.onRangeDrag),document.removeEventListener("mouseup",this.endRangeDrag)))};onContextMenu=i=>{const t=this.cellAt(i);t&&(i.preventDefault(),W(this.ranges,t.row,t.col)&&this.focusedCell||this.moveFocus(t.row,t.col),this.emitContextMenu(t.row,t.col,i.clientX,i.clientY))};emitContextMenu(i,t,s,e){const r=this.colModel?.all[t]?.key;if(null==r||Oi.has(r))return;let o=s,a=e;if(null==o||null==a){const t=this.viewportEl?.querySelector(`.sui-dg-row[data-index="${i}"] .sui-dg-cell[data-col="${r}"]`),s=t?.getBoundingClientRect();o=s?vi(this.host)?s.right-8:s.left+8:0,a=s?s.bottom:0}this.suiCellContextMenu.emit({row:i,col:t,key:r,clientX:o,clientY:a,...this.recordAt(i)})}onResizerDblClick=i=>{const t=i.target.dataset.col;t&&(i.preventDefault(),i.stopPropagation(),this.autosizeColumn(t))};onDblClick=()=>{const i=this.focusedCell;i&&(this.editing&&this.canEdit(i.col)?this.beginEdit(i):this.suiCellActivate.emit({...i}))};hasSelectColumn(){return"checkbox"===this.selectionMode}setSelection(i){this.selection=i,this.selectionRev++,this.suiSelectionChange.emit(i)}selectRow(i,t){const s=this.selectionMode;if("none"===s)return;const e=this.viewRows(),r=e[i];if(!r)return;const o=this.keyOf(r,i),a="single"!==s,n=a&&(t.ctrlKey||t.metaKey);if(a&&t.shiftKey&&null!=this.selectAnchor){const t=Math.min(this.selectAnchor,i),s=Math.max(this.selectAnchor,i),r=[];for(let i=t;i<=s;i++)r.push(this.keyOf(e[i],i));this.setSelection(Y(n?this.selection:L(),r,!0))}else this.selectAnchor=i,this.setSelection("single"===s||!n&&"checkbox"!==s?Y(L(),[o],!0):_(this.selection,o))}toggleSelectAll=()=>{const i=this.viewRows().length,t=J(this.selection,i);this.setSelection(null!=t&&t>=i&&i>0?L():G())};fillSource(){const i=O(this.ranges);if(i)return i;const t=this.focusedCell;return t?{r1:t.row,c1:t.col,r2:t.row,c2:t.col}:null}onFillPointerDown=i=>{const t=this.fillSource();t&&this.viewportEl&&(i.preventDefault(),i.stopPropagation(),this.armFill(t,i))};armFill(i,t){const s=this.viewportEl;if(!s)return;this.releaseFillPointer();const e=s.querySelector(".sui-dg-head"),r=s.getBoundingClientRect().top,o=e?e.offsetHeight:0;this.fillBodyY=(Number.isFinite(r)?r:0)+(Number.isFinite(o)?o:0),this.fillFrom=i,this.fillAnchor=this.ranges.anchor&&U(i,this.ranges.anchor.row,this.ranges.anchor.col)?this.ranges.anchor:{row:i.r1,col:i.c1},this.fillRanges=this.ranges,this.fillRow=i.r2,this.fillCol=i.c2,this.fillClientX=t.clientX,this.fillClientY=t.clientY,this.fillPointerId=t.pointerId,this.fillListening=!0;try{s.setPointerCapture(t.pointerId)}catch{}document.addEventListener("pointermove",this.onFillMove),document.addEventListener("pointerup",this.onFillEnd)}columnAtClient(i){const t=this.colModel;if(!t?.all.length)return 0;const s=this.viewportEl?.getBoundingClientRect(),e=vi(this.host),r=e?s?.right:s?.left,o=Number.isFinite(r)?r:0,a=e?o-i:i-o;if(!Number.isFinite(a))return t.all[0].index;const n=(i,t)=>{for(const s of i){const i=t+s.offset;if(a>=i&&a<i+s.width)return s.index}return-1};let d=n(t.start,0);return d<0&&t.end.length&&(d=n(t.end,Math.max(0,this.viewportWidth-t.endWidth))),d<0&&(d=n(t.center,t.startWidth-this.viewStart)),d>=0?d:a<=0?t.all[0].index:t.all[t.all.length-1].index}trackFill(i,t){const s=this.fillAnchor;if(!this.fillFrom||!s)return;this.fillClientX=i,this.fillClientY=t;const e=this.viewRows();if(!e.length||!this.colModel?.all.length)return;const r=this.scrollSpace.toLogical(this.viewTop)+(t-this.fillBodyY);if(!Number.isFinite(r))return;const o=Math.max(0,Math.min(e.length-1,this.rowGeometry.indexAt(r))),a=this.columnAtClient(i);if(!Number.isFinite(o)||!Number.isFinite(a))return;if(o===this.fillRow&&a===this.fillCol)return;if(this.fillRow=o,this.fillCol=a,!this.rangeSelection)return;const n=V(s,{row:o,col:a}),d=1===this.ranges.ranges.length?this.ranges.ranges[0]:null;d&&d.r1===n.r1&&d.c1===n.c1&&d.r2===n.r2&&d.c2===n.c2&&this.ranges.anchor?.row===s.row&&this.ranges.anchor?.col===s.col||this.setRanges(I(B(),n,s))}onFillMove=i=>{this.fillListening&&(0!==i.buttons?this.trackFill(i.clientX,i.clientY):this.onFillEnd())};releaseFillPointer(){this.fillListening&&(document.removeEventListener("pointermove",this.onFillMove),document.removeEventListener("pointerup",this.onFillEnd)),this.fillListening=!1;const i=this.viewportEl;if(i&&null!=this.fillPointerId)try{i.releasePointerCapture(this.fillPointerId)}catch{}this.fillPointerId=void 0}abortFillDrag(){const i=this.fillRanges;this.releaseFillPointer(),this.fillFrom=void 0,this.fillRow=void 0,this.fillCol=void 0,this.fillAnchor=void 0,this.fillRanges=void 0,i&&i!==this.ranges&&this.setRanges(i)}onFillEnd=()=>{const i=this.fillFrom,t=this.fillAnchor,s=this.fillRow,e=this.fillCol;if(this.releaseFillPointer(),this.fillFrom=void 0,this.fillRow=void 0,this.fillCol=void 0,this.fillAnchor=void 0,this.fillRanges=void 0,!i||!t||null==s||null==e)return;const r=V(t,{row:s,col:e}),o=[];for(let t=i.r1;t<=i.r2;t++){const s=[];for(let e=i.c1;e<=i.c2;e++)s.push(this.textAt(t,e));o.push(s)}const a=function(i,t,s){const e=P(t,s);if(!e)return null;const r=new Map;for(let s=t.c1;s<=t.c2;s++){const o=[];for(let e=t.r1;e<=t.r2;e++)o.push(i[e-t.r1]?.[s-t.c1]??"");const a=t.r1>e.r1?Pi(o,t.r1-e.r1,"backward"):[],n=e.r2>t.r2?Pi(o,e.r2-t.r2):[],d=[];for(let i=e.r1;i<=e.r2;i++)d.push(i<t.r1?a[i-e.r1]??"":i>t.r2?n[i-t.r2-1]??"":o[i-t.r1]??"");r.set(s,d)}const o=[];for(let i=e.r1;i<=e.r2;i++){const s=i-e.r1,a=[];for(let i=t.c1;i<=t.c2;i++)a.push(r.get(i)?.[s]??"");const n=t.c1>e.c1?Pi(a,t.c1-e.c1,"backward"):[],d=e.c2>t.c2?Pi(a,e.c2-t.c2):[],h=[];for(let i=e.c1;i<=e.c2;i++)h.push(i<t.c1?n[i-e.c1]??"":i>t.c2?d[i-t.c2-1]??"":a[i-t.c1]??"");o.push(h)}return{target:e,values:o}}(o,i,r);a&&(this.pushUndo(this.blockEdits(a.target,a.values)),this.suiFill.emit({source:i,target:a.target,values:a.values,...this.rangeRecords(a.target)}),this.rangeSelection&&this.setRanges(I(B(),r,t)))};onHeaderPointerDown=i=>{const t=i.target.closest(".sui-dg-resizer"),s=t?.dataset.col,e=s&&this.colModel?this.colModel.byKey.get(s):void 0;if(!t||!e)return;i.preventDefault(),this.resizeKey=e.key,this.resizeFromX=i.clientX,this.resizeFromW=e.width,this.resizeSign=vi(this.host)?-1:1;const r=this.viewportEl;this.resizeFrameX=r?r.getBoundingClientRect().left+(r.clientLeft||0):0,this.resizing=!0,t.setPointerCapture?.(i.pointerId),t.addEventListener("pointermove",this.onResizeMove),t.addEventListener("pointerup",this.onResizeEnd,{once:!0}),t.addEventListener("pointercancel",this.onResizeEnd,{once:!0}),this.moveGuide(i.clientX)};moveGuide(i){const t=this.guideEl;t&&this.resizeKey&&(t.style.left=`${h(this.resizeFromX-this.resizeFrameX+this.resizeSign*(this.clampedWidth(i)-this.resizeFromW))}px`)}async autosizeColumn(i){const t=this.colModel?.byKey.get(i),s=this.viewportEl;if(!t||!s||Oi.has(i))return null;let e=0;for(const t of Array.from(s.querySelectorAll(`.sui-dg-cell[data-col="${i}"], .sui-dg-hcell[data-col="${i}"]`))){if(!t.firstChild)continue;const i=t.style.width;t.style.width="max-content",e=Math.max(e,t.getBoundingClientRect().width),t.style.width=i}if(e<=0)return null;const r=Math.round(this.clampWidthFor(t,e+1));return this.writeLayout({widths:{...this.columnLayout?.widths||{},[i]:r}}),r}clampWidthFor(i,t){const s=Math.max(C,i.column.minWidth||0);return Math.max(s,Math.min(i.column.maxWidth||Number.POSITIVE_INFINITY,t))}clampedWidth(i){const t=this.colModel?.byKey.get(this.resizeKey||""),s=t?.column,e=Math.max(C,s?.minWidth||0);return Math.min(s?.maxWidth&&s.maxWidth>e?s.maxWidth:1/0,Math.max(e,this.resizeFromW+this.resizeSign*(i-this.resizeFromX)))}onResizeMove=i=>{this.moveGuide(i.clientX)};onResizeEnd=i=>{const t=this.resizeKey,s=i.currentTarget;s?.removeEventListener("pointermove",this.onResizeMove),this.resizing=!1;const e=t?Math.round(this.clampedWidth(i.clientX)):0;this.resizeKey=void 0,t&&(this.columnLayout={...this.columnLayout,widths:{...this.columnLayout?.widths||{},[t]:e}},this.layoutRev++,this.colCountAt=-1,this.suiColumnLayoutChange.emit(this.columnLayout))};onHeadDragStart=i=>{if(!this.reorderableColumns)return;if(i.target.closest(".sui-dg-resizer"))return void i.preventDefault();const t=i.target.closest(".sui-dg-hcell")?.dataset.col;t&&!Oi.has(t)&&(this.dragKey=t,i.dataTransfer?.setData("text/plain",t),i.dataTransfer&&(i.dataTransfer.effectAllowed="move"))};onHeadDragOver=i=>{if(!this.dragKey)return;i.preventDefault(),i.dataTransfer&&(i.dataTransfer.dropEffect="move");const t=i.target.closest(".sui-dg-hcell")?.dataset.col,s=t&&t!==this.dragKey&&!Oi.has(t)?t:void 0;s!==this.dropKey&&(this.dropKey=s)};onHeadDragLeave=i=>{const t=i.currentTarget,s=i.relatedTarget;s&&t.contains(s)||this.dropKey===t.dataset.col&&(this.dropKey=void 0)};onHeadDragEnd=()=>{this.dragKey=void 0,this.dropKey=void 0};onHeadDrop=i=>{const t=i.target.closest(".sui-dg-hcell")?.dataset.col,s=this.dragKey;if(this.dragKey=void 0,this.dropKey=void 0,!t||!s||t===s||Oi.has(t))return;i.preventDefault();const e=(this.colModel?.all||[]).map((i=>i.key)).filter((i=>!Oi.has(i)));this.writeLayout({order:c(e,s,t)})};writeLayout(i){this.columnLayout={...this.columnLayout,...i},this.layoutRev++,this.colCountAt=-1,this.saveState(),this.suiColumnLayoutChange.emit(this.columnLayout)}saveState(){this.stateKey&&E(this.stateKey,{sorts:this.sorts,filter:this.filterModel,layout:this.columnLayout,nullOrder:this.nullOrder},N(this.stateStorage))}restoreState(){if(!this.stateKey)return;const i=j(this.stateKey,N(this.stateStorage));i&&(i.sorts&&(this.sorts=i.sorts),i.filter&&(this.filterModel=i.filter),i.layout&&(this.columnLayout=i.layout),i.nullOrder&&(this.nullOrder=i.nullOrder))}get menuOpen(){return this.columnsMenuOpen||!!this.filterMenuKey||!!this.modeMenuKey}openMenu(i,t,s,e=!1){const r=++this.menuTicket;if(!(t?this.listUi:this.filterUi))return void(t?this.loadColumnList():this.loadFilterUi()).then((()=>{r===this.menuTicket&&i.isConnected&&this.openMenu(i,t,s,e)}),(()=>{}));this.menuOpen&&(this.disarmMenu(),this.finishMenu());const o=s&&this.colModel?this.colModel.byKey.get(s):void 0;(t||o)&&(this.menuAnchor=i,this.columnsMenuOpen=t,this.filterMenuKey=t||e?void 0:s,this.modeMenuKey=e?s:void 0,this.filterDraftState=o&&!e?g(this.ruleFor(o.key),o.column):void 0,this.filterSearch="",this.stopOutside=ti((()=>[this.menuEl,this.menuAnchor]),(i=>{const t=i?.target;t&&this.menuEl&&li(this.menuEl,t)||this.requestCloseMenu(!1)})),this.stopReposition=si((()=>this.placeMenu())),this.stopEscape=ei((()=>this.requestCloseMenu(!0))),this.menuFocusPending=!0)}disarmMenu(){this.stopOutside?.(),this.stopOutside=void 0,this.stopReposition?.(),this.stopReposition=void 0,this.stopEscape?.(),this.stopEscape=void 0,this.menuFocusPending=!1}requestCloseMenu(i){if(!this.menuOpen||this.menuClosing)return;const t=this.menuAnchor,s=this.menuEl;this.disarmMenu(),s&&ri(s),i&&t?.focus({preventScroll:!0}),this.menuClosing=this.menuExit.begin(s),this.menuClosing||this.finishMenu()}finishMenu(){this.menuExit.cancel(),this.demoteMenu?.(),this.demoteMenu=void 0,this.columnsMenuOpen=!1,this.filterMenuKey=void 0,this.modeMenuKey=void 0,this.filterDraftState=void 0,this.filterSearch="",this.menuClosing=!1,this.menuAnchor=void 0,this.menuEl=void 0}placeMenu(){const i=this.menuEl,t=this.menuAnchor;if(!i||!t)return;const s=t.getBoundingClientRect(),e=this.host.getBoundingClientRect(),r=this.columnsMenuOpen||this.modeMenuKey?"end":s.left+s.width/2<e.left+e.width/2!==vi(t)?"start":"end";oi(i,ai(t,i,"bottom",10,r))}settleMenu(){const i=this.menuEl;if(!i||this.menuClosing)return;if(this.demoteMenu||(this.demoteMenu=ni(i)),this.placeMenu(),!this.menuFocusPending)return;this.menuFocusPending=!1;let t=0;const s=()=>{if(this.menuEl!==i||this.menuClosing)return;const e=i.querySelector('[role="menuitemradio"][aria-checked="true"]')||i.querySelector(".sui-cf-search input, sui-input-text.sui-cf-value input, sui-input-number.sui-cf-value input")||i.querySelector('sui-checkbox input, sui-select button, sui-select [tabindex="0"], input, button');e?.focus?.({preventScroll:!0}),e&&document.activeElement!==e&&t++<5&&"function"==typeof requestAnimationFrame&&requestAnimationFrame(s)},e=Array.from(i.querySelectorAll("sui-input-text, sui-input-number, sui-select, sui-checkbox, sui-menu")).map((i=>"function"==typeof i.componentOnReady?i.componentOnReady():void 0)).filter(Boolean);e.length?Promise.all(e).then(s,s):s()}onMenuKeyDown=i=>{if(di(i,this.menuEl,(()=>this.requestCloseMenu(!0))))return;if("Enter"!==i.key||i.defaultPrevented||!this.filterMenuKey)return;const t=i.target;t&&"INPUT"===t.tagName&&"checkbox"!==t.type&&!t.closest("sui-date-picker")&&(i.preventDefault(),this.applyFilter())};onAnchorKeyDown=i=>{"Enter"!==i.key&&" "!==i.key&&"Spacebar"!==i.key?"Escape"===i.key&&this.menuOpen&&(i.stopPropagation(),i.preventDefault(),this.requestCloseMenu(!1)):i.stopPropagation()};onColumnsButton=i=>{!this.columnsMenuOpen||this.menuClosing?this.openMenu(i.currentTarget,!0):this.requestCloseMenu(!1)};onFilterButton=i=>{i.stopPropagation();const t=i.currentTarget,s=t.dataset.col;if(!s)return;if(this.filterMenuKey===s&&!this.menuClosing)return void this.requestCloseMenu(!1);const e=this.colModel?this.colModel.all.findIndex((i=>i.key===s)):-1;this.headerCol>=0&&e>=0&&(this.headerCol=e),this.openMenu(t,!1,s)};openHeaderFilter(i){const t=this.colModel?.all[i];if(!t||"menu"!==this.filterDisplay||!t.column.filter)return!1;const s=(this.viewportEl?Array.from(this.viewportEl.querySelectorAll(".sui-cf-funnel")):[]).find((i=>i.dataset.col===t.key));return!!s&&(s.focus({preventScroll:!0}),this.openMenu(s,!1,t.key),!0)}onColumnToggle=i=>{const t=i.target.dataset.col;t&&(i.stopPropagation(),this.writeLayout({hidden:p(this.columnLayout.hidden,t)}))};ruleFor(i){return this.filterModel?.rules?.[i]}setRule(i,t,s){this.filterModel=f(this.filterModel,i,t,s),this.saveState(),this.suiFilter.emit(this.filterModel)}async setFilter(i){this.filterModel=i,this.saveState(),this.suiFilter.emit(i)}writeColumnFilter(i,t){this.filterModel=v(this.filterModel,i,t),this.saveState(),this.suiFilter.emit(this.filterModel)}applyFilter=()=>{const i=this.filterMenuKey,t=i&&this.colModel?this.colModel.byKey.get(i):void 0,s=this.filterDraftState;i&&t&&s&&!this.menuClosing&&(this.writeColumnFilter(i,x(s,i,t.column)),this.requestCloseMenu(!0))};clearFilter=()=>{const i=this.filterMenuKey;i&&!this.menuClosing&&(this.writeColumnFilter(i,void 0),this.requestCloseMenu(!0))};rowMode(i){const t=this.ruleFor(i.key)?.constraints?.[0]?.matchMode;return t||this.rowModes[i.key]||m(i)}onRowValue(i,t,s){const e=this.colModel?.byKey.get(i);if(!e)return;const r=this.rowMode(e.column),o=this.rowTimers.get(i);if(void 0!==o&&clearTimeout(o.timer),this.rowTimers.delete(i),s)return void this.setRule(i,t,r);const a=()=>{this.rowTimers.delete(i),this.setRule(i,t,this.rowMode(e.column))};this.rowTimers.set(i,{timer:setTimeout(a,180),write:a})}onRowModeButton(i,t){this.modeMenuKey!==t||this.menuClosing?this.openMenu(i,!1,t,!0):this.requestCloseMenu(!1)}pickRowMode(i,t){const s=this.colModel?.byKey.get(i),e=this.filterUi;if(!s||!e)return;const r=this.ruleFor(i)?.constraints?.[0],o={matchMode:this.rowMode(s.column),value:r?.value};this.rowModes={...this.rowModes,[i]:t};const a=e.carryValue(o,t);(r||void 0!==a||"empty"===t||"notEmpty"===t)&&this.setRule(i,a??"",t),this.requestCloseMenu(!0)}rowText(i){return{valueFor:mi(void 0,"data-grid.filter",void 0,"Filter {column}",{column:i}),modeFor:t=>mi(void 0,"data-grid.filterModeCurrent",void 0,"Filter mode for {column}: {mode}",{column:i,mode:t}),from:xi(void 0,"data-grid.from",void 0,"From"),to:xi(void 0,"data-grid.to",void 0,"To"),yes:xi(void 0,"data-grid.yes",void 0,"Yes"),no:xi(void 0,"data-grid.no",void 0,"No")}}onHeaderClick=i=>{if(i.target.closest(".sui-dg-resizer"))return;const t=i.target.closest(".sui-dg-hcell");if(t?.dataset.col===Bi)return void this.toggleSelectAll();if(t?.dataset.col===Ii)return void this.selectAllCells();const s=t?.dataset.col,e=s&&this.colModel?this.colModel.byKey.get(s):void 0;e&&e.column.sortable&&this.sortBy(e.key,"multiple"===this.sortMode&&(i.shiftKey||i.metaKey||i.ctrlKey))};sortBy(i,t){const s=this.sorts||[],e=s.findIndex((t=>t.key===i)),r=e>=0?s[e]:void 0,o=t?s.slice():[];if(r)if("asc"===r.dir){const i={key:r.key,dir:"desc"};t?o[e]=i:o.push(i)}else t&&o.splice(e,1);else o.push({key:i,dir:"asc"});this.sorts=o,this.saveState(),this.suiSort.emit(o)}sourceIndexOf(i){if(!i)return-1;const t=this.rows||[];if(!this.sourceMap||this.sourceMap.rows!==t){const i=new Map;for(let s=0;s<t.length;s++)t[s]&&!i.has(t[s])&&i.set(t[s],s);this.sourceMap={rows:t,map:i}}return this.sourceMap.map.get(i)??-1}recordAt(i,t=this.viewRows()){const s=t[i]||{},e={data:s,sourceIndex:this.sourceIndexOf(t[i])};return this.rowKey&&t[i]&&(e.rowKey=this.rowKey(s,i)),e}rangeRecords(i){const t=this.viewRows(),s=this.colModel?.all||[],e=[];for(let t=i.c1;t<=i.c2&&t<s.length;t++)e.push(s[t].key);const r=[],o=[];for(let s=i.r1;s<=i.r2&&s<t.length;s++)r.push(t[s]),o.push(this.sourceIndexOf(t[s]));return{keys:e,data:r,sourceIndexes:o}}editAt(i,t,s,e,r=this.viewRows()){const o=r[i]||{};return{data:o,rowKey:this.keyOf(o,i),sourceIndex:this.sourceIndexOf(r[i]),rowIndex:i,columnKey:t,value:s,previous:e}}blockEdits(i,t){const s=this.viewRows(),e=this.colModel?.all||[],r=[];for(let o=i.r1;o<=i.r2&&o<s.length;o++)for(let a=i.c1;a<=i.c2&&a<e.length;a++){const n=e[a];if(Oi.has(n.key))continue;const d=t[o-i.r1]?.[a-i.c1]??"",h=this.textAt(o,a);d!==h&&r.push(this.editAt(o,n.key,d,h,s))}return r}pushUndo(i){i.length&&(this.undoStack.push(i),this.redoStack=[])}locate(i){const t=this.viewRows();if(this.rowKey){for(let s=0;s<t.length;s++)if(t[s]&&this.rowKey(t[s],s)===i.rowKey)return{...i,rowIndex:s,data:t[s],sourceIndex:this.sourceIndexOf(t[s])};const s=this.rows||[];for(let t=0;t<s.length;t++)if(s[t]&&this.rowKey(s[t],t)===i.rowKey)return{...i,rowIndex:-1,data:s[t],sourceIndex:t}}const s=i.sourceIndex>=0?(this.rows||[])[i.sourceIndex]:void 0;if(!s)return i;const e=t.indexOf(s);return{...i,rowIndex:e,data:s,rowKey:e>=0?this.keyOf(s,e):i.rowKey}}focusEdit(i){const t=i?this.colModel?.byKey.get(i.columnKey)?.index:void 0;i&&i.rowIndex>=0&&null!=t&&this.focusCellAt(i.rowIndex,t)}textAt(i,t){const s=this.colModel,e=this.viewRows(),r=s?.all[t],o=e[i];return r&&o?this.cellText(r,o):""}setRanges(i){this.ranges=i,this.suiRangeChange.emit(X(i))}canEdit(i){const t=this.colModel?.all[i];return!(!this.editing||!t||Oi.has(t.key)||!1===t.column.editable||t.column.render)}beginEdit(i,t){this.canEdit(i.col)&&(this.abortFillDrag(),this.pendingEditorSelectAll=null==t,this.focusedCell||(this.focusedCell={row:i.row,col:i.col},this.suiCellFocus.emit({row:i.row,col:i.col})),this.pendingEditor=t??this.textAt(i.row,i.col),this.editingValue=this.pendingEditor,this.editError=void 0,this.editingCell={row:i.row,col:i.col})}endEdit(i){const t=this.editingCell;if(!t)return;const s=this.colModel?.all[t.col],e=s?.column.editor;let r=this.editingValue;if(e&&this.customEditorEl&&this.customEditorEl.isConnected?r=e.read(this.customEditorEl):this.editorEl&&this.editorEl.isConnected&&(r=this.editorEl.value),i&&s){const i=this.viewRows(),e=Z(r,i[t.row]||{},s.column,s.column.validator);if(e)return void(this.editError=e)}const o=this.textAt(t.row,t.col);if(this.editorFocus.reset(),this.editingCell=void 0,this.pendingEditor=void 0,this.editingValue="",this.editError=void 0,this.editorEl=void 0,this.customEditorEl=void 0,this.pendingFocus=!0,i&&s&&r!==o){const i=this.editAt(t.row,s.key,r,o);this.pushUndo([i]),this.suiCellEdit.emit(i)}}mountEditor(i,t,s){const e=t.column.editor;if(!i||!e)return;if(this.customEditorEl&&i.contains(this.customEditorEl))return;const r=this.viewRows()[s]||{},o=e.mount({value:b(r,t.column),text:this.textAt(s,t.index),column:t.column,row:r,seed:this.pendingEditor});i.textContent="",i.appendChild(o);const a=i.classList;if(a)for(let i=0;i<a.length;i++){const t=a.item(i);t&&t.startsWith("sc-")&&o.classList.add(t)}this.customEditorEl=o,this.pendingEditor=void 0,o.focus()}onEditorFocusIn=i=>{this.editorFocus.focusin(i)};onEditorFocusOut=i=>{this.editorFocus.focusout(i)};onEditorBlur=()=>{const i=this.editingCell;Promise.resolve().then((()=>{i&&this.editingCell===i&&this.endEdit(!0)}))};onEditorKeyDown=i=>{if(i.stopPropagation(),i.defaultPrevented&&this.editWrap&&hi(this.editWrap))return;const t=this.editingCell?this.colModel?.all[this.editingCell.col]?.column.editor:void 0;if(!(t?.handlesKey&&this.customEditorEl&&t.handlesKey(i,this.customEditorEl)))if("Escape"===i.key)i.preventDefault(),this.endEdit(!1);else if("Enter"===i.key||"Tab"===i.key){i.preventDefault();const t=this.editingCell;this.endEdit(!0),t&&("Enter"===i.key?this.moveFocus(t.row+(i.shiftKey?-1:1),t.col):this.moveFocus(t.row,t.col+(i.shiftKey?-1:1)))}};pasteText(i){const t=this.focusedCell;if(!t||!i)return!1;const s=T(i);if(!s.length)return!1;const e=s.reduce(((i,t)=>Math.max(i,t.length)),0),r={r1:t.row,c1:t.col,r2:t.row+s.length-1,c2:t.col+Math.max(e,1)-1};return this.pushUndo(this.blockEdits(r,s)),this.suiPaste.emit({row:t.row,col:t.col,target:r,values:s,...this.rangeRecords(r)}),!0}onNativePaste=i=>{if(this.editingCell)return;const t=i.clipboardData?.getData("text/plain");null!=t&&(i.preventDefault(),void 0!==this.pasteFallback&&clearTimeout(this.pasteFallback),this.pasteFallback=void 0,this.pasteText(R(t,i.clipboardData?.getData(H))))};async paste(){if(!this.focusedCell||"undefined"==typeof navigator||!navigator.clipboard?.readText)return!1;try{return this.pasteText(R(await navigator.clipboard.readText()))}catch{return!1}}async copy(i=!1){const t=this.copyBox();return!!t&&this.writeClipboard(this.boxText(t,i))}async writeClipboard(i){const{text:t,ok:s}=await K(i,this.copyFormulas?"preserve":"escape",this.host);return s?this.suiCopy.emit(t):this.suiCopyError.emit(t),s}async undo(){const i=this.undoStack.pop();if(!i)return!1;let t;this.redoStack.push(i);for(let s=i.length-1;s>=0;s--){const e=this.locate(i[s]);t=e,this.suiCellEdit.emit({...e,value:e.previous,previous:e.value,source:"undo"})}return this.focusEdit(t),!0}async redo(){const i=this.redoStack.pop();if(!i)return!1;let t;this.undoStack.push(i);for(const s of i){const i=this.locate(s);t=t||i,this.suiCellEdit.emit({...i,source:"redo"})}return this.focusEdit(t),!0}focusCellAt(i,t){const s=this.viewRows();i<0||i>=s.length||t<0||t>=(this.colModel?.all.length||0)||this.moveFocus(i,t)}copyBox(){const i=O(this.ranges);if(i)return i;const t=this.focusedCell;return t?{r1:t.row,c1:t.col,r2:t.row,c2:t.col}:null}boxText(i,t){const s=[];if(t){const t=this.colModel?.all||[],e=[];for(let s=i.c1;s<=i.c2;s++)e.push(t[s]?.column.header??"");s.push(e)}for(let t=i.r1;t<=i.r2;t++){const e=[];for(let s=i.c1;s<=i.c2;s++)e.push(this.textAt(t,s));s.push(e)}return s}async cut(){if(!this.editing)return!1;const i=this.copyBox();if(!i)return!1;if(!await this.writeClipboard(this.boxText(i,!1)))return!1;const t=i.c2-i.c1+1,s=Array.from({length:i.r2-i.r1+1},(()=>new Array(t).fill("")));return this.pushUndo(this.blockEdits(i,s)),this.suiCut.emit({source:i,target:i,values:s,...this.rangeRecords(i)}),!0}onHeaderKey(i,t){const s=vi(this.host)?"ArrowLeft":"ArrowRight",e=this.headerCol;switch(i.key){case"ArrowRight":case"ArrowLeft":return i.preventDefault(),void this.focusHeader(i.key===s?Math.min(t,e+1):Math.max(0,e-1));case"Home":return i.preventDefault(),void this.focusHeader(0);case"End":return i.preventDefault(),void this.focusHeader(t);case"ArrowDown":if(i.preventDefault(),i.altKey&&this.openHeaderFilter(e))return;return void this.moveFocus(0,e);case"Enter":case" ":case"Spacebar":return i.preventDefault(),void this.activateHeader(e)}}onKeyDown=i=>{const t=this.colModel,s=this.viewRows();if(!t||0===t.all.length)return;const e=t.all.length-1;if(this.headerCol>=0)return void this.onHeaderKey(i,e);if(0===s.length)return;const r=this.focusedCell||{row:this.rowWin.start,col:this.minCol()},o=s.length-1,a=Math.max(1,Math.floor(this.rowBand()/this.rowHeight())-1),n=i.ctrlKey||i.metaKey;if(n&&("c"===i.key||"C"===i.key))return i.preventDefault(),void this.copy(i.shiftKey);if(n&&("x"===i.key||"X"===i.key))return i.preventDefault(),void this.cut();if(n&&("z"===i.key||"Z"===i.key))return i.preventDefault(),void(i.shiftKey?this.redo():this.undo());if(n&&("y"===i.key||"Y"===i.key))return i.preventDefault(),void this.redo();if("ContextMenu"===i.key||i.shiftKey&&"F10"===i.key)return i.preventDefault(),void this.emitContextMenu(r.row,r.col);if(n&&("v"===i.key||"V"===i.key))return void 0!==this.pasteFallback&&clearTimeout(this.pasteFallback),void(this.pasteFallback=setTimeout((()=>{this.pasteFallback=void 0,this.paste()}),80));if(this.editing&&!this.editingCell){if("F2"===i.key)return i.preventDefault(),void this.beginEdit(r);if(!n&&!i.altKey&&1===i.key.length&&!this.isGutter(r.col))return i.preventDefault(),void this.beginEdit(r,i.key)}if(this.rangeSelection&&n&&("a"===i.key||"A"===i.key))return i.preventDefault(),void this.selectAllCells();if("none"!==this.selectionMode&&(" "===i.key||"Spacebar"===i.key))return i.preventDefault(),void this.selectRow(r.row,{shiftKey:i.shiftKey&&!i.ctrlKey,ctrlKey:i.ctrlKey||i.metaKey});let d=r.row,h=r.col;const l=vi(this.host)?"ArrowLeft":"ArrowRight";switch(i.key){case"ArrowDown":d=Math.min(o,d+1);break;case"ArrowUp":if(0===d&&!i.shiftKey)return i.preventDefault(),void this.focusHeader(h);d=Math.max(0,d-1);break;case"ArrowRight":case"ArrowLeft":h=i.key===l?Math.min(e,h+1):Math.max(0,h-1);break;case"Home":h=0,(i.ctrlKey||i.metaKey)&&(d=0);break;case"End":h=e,(i.ctrlKey||i.metaKey)&&(d=o);break;case"PageDown":d=Math.min(o,d+a);break;case"PageUp":d=Math.max(0,d-a);break;case"Enter":return i.preventDefault(),void(this.isGutter(h)?this.selectRow(d,{}):this.editing&&this.canEdit(h)?this.beginEdit({row:d,col:h}):this.suiCellActivate.emit({row:d,col:h}));default:return}if(i.preventDefault(),this.rangeSelection&&i.shiftKey){const i=this.dataCell({row:d,col:h}),t=this.ranges.anchor||this.dataCell(r);this.setRanges(this.ranges.ranges.length?q(this.ranges,i):I(B(),V(t,i),t)),h=i.col}else this.rangeSelection&&this.setRanges(B());this.moveFocus(d,h)};cell(i,t,s,r,o,a,n){const d=i.column;if(i.key===Ii){const t=this.focusedCell?.row===s,r=this.ranges.ranges.some((i=>s>=Math.min(i.r1,i.r2)&&s<=Math.max(i.r1,i.r2)));return e("div",{class:`${i.cellClass} sui-dg-rownum${t?" cur":""}${r?" on":""}`,key:o,role:"gridcell","aria-colindex":i.index+1,"data-col":i.key,style:i.cellStyle},String(s+1))}if(i.key===Bi){const t=Q(this.selection,r),a=this.focusedCell,n=!!a&&a.row===s&&a.col===i.index;return e("div",{class:`${i.cellClass}${n?" focus":""}`,key:o,role:"gridcell","aria-colindex":i.index+1,"data-col":i.key,style:i.cellStyle,tabindex:n?0:void 0},e("span",{class:t?"sui-dg-box on":"sui-dg-box",role:"checkbox","aria-checked":t?"true":"false","aria-label":xi(void 0,"data-grid.selectRow",void 0,"Select row")}))}const h=`${r}\0${i.key}`;let l=null,u="";d.render?(l=a.has(h)?a.get(h):ci(d.render,[t,r],w(d,t)),n.set(h,l)):u=w(i.column,t);const c=i.column.cellClass?i.column.cellClass(b(t,i.column),t,s):void 0,g=this.focusedCell,p=!!g&&g.row===s&&g.col===i.index,f=this.rangeSelection&&W(this.ranges,s,i.index),v=this.editingCell,x=!!v&&v.row===s&&v.col===i.index,m=this.fillHandleAt,y=!!m&&m.r2===s&&m.c2===i.index,k=this.inFillPreview(s,i.index);return e("div",{class:`${i.cellClass}${c?` ${c}`:""}${p?" focus":""}${f?" sel":""}${x?" editing":""}${k?" fill":""}`,key:o,role:"gridcell","aria-colindex":i.index+1,"aria-selected":f?"true":void 0,"aria-readonly":this.editing&&!this.canEdit(i.index)?"true":void 0,"data-col":i.key,style:i.cellStyle,tabindex:p&&!x?0:void 0,title:d.nowrap&&!d.render?u:void 0,ref:d.render&&!x?i=>gi(i,l):void 0},y?e("span",{class:"sui-dg-fill","aria-hidden":"true",onPointerDown:this.onFillPointerDown}):null,x&&i.column.editor?e("div",{class:"sui-dg-editwrap",ref:t=>{this.editWrap=t||void 0,this.mountEditor(t,i,s)},onKeyDown:this.onEditorKeyDown,onFocusin:this.onEditorFocusIn,onFocusout:this.onEditorFocusOut}):x?e("input",{class:"sui-dg-editor",type:"text","aria-label":i.column.header,"aria-invalid":this.editError?"true":void 0,ref:i=>this.editorEl=i,onKeyDown:this.onEditorKeyDown,onInput:i=>this.editingValue=i.target.value,onBlur:this.onEditorBlur}):d.render?null:u,x&&this.editError?e("span",{class:"sui-dg-editerr",role:"alert"},this.editError):null)}fillDestination(){const i=this.fillAnchor;return this.fillFrom&&i&&null!=this.fillRow&&null!=this.fillCol?V(i,{row:this.fillRow,col:this.fillCol}):null}inFillPreview(i,t){const s=this.fillFrom,e=this.fillDestination();return!(!s||!e||i<e.r1||i>e.r2||t<e.c1||t>e.c2||U(s,i,t))}fillPreviewFrame(i){const t=this.fillFrom,s=this.fillDestination(),e=this.colModel,r=t&&s?P(t,s):null;if(!r||!e)return null;const o=r.r1,a=r.r2,n=e.all[r.c1],d=e.all[r.c2];if(!n||!d)return null;const h=i=>"end"===i?e.startWidth+e.centerWidth:"start"===i?0:e.startWidth,l=h(n.pin)+n.offset,u=h(d.pin)+d.offset+d.width,c=this.rowGeometry,g=c.offsetOf(o)-i,p=c.offsetOf(a)+c.sizeOf(a)-i-g;return p<=0||u<=l?null:{inset:l,top:g,width:u-l,height:p}}filterText(i){return{title:mi(void 0,"data-grid.filter",void 0,"Filter {column}",{column:i}),valueFor:mi(void 0,"data-grid.filterValueFor",void 0,"Filter value for {column}",{column:i}),apply:xi(void 0,"data-grid.apply",void 0,"Apply"),clear:xi(void 0,"data-grid.clear",void 0,"Clear"),addCondition:xi(void 0,"data-grid.addCondition",void 0,"Add condition"),removeCondition:xi(void 0,"data-grid.removeCondition",void 0,"Remove condition"),where:xi(void 0,"data-grid.where",void 0,"Where"),and:xi(void 0,"data-grid.and",void 0,"And"),or:xi(void 0,"data-grid.or",void 0,"Or"),match:xi(void 0,"data-grid.matchConditions",void 0,"How the conditions combine"),selectAll:xi(void 0,"data-grid.selectAll",void 0,"Select all"),searchValues:xi(void 0,"data-grid.searchValues",void 0,"Search values"),noValues:xi(void 0,"data-grid.noValues",void 0,"No values match."),value:xi(void 0,"data-grid.valuePlaceholder",void 0,"Value"),from:xi(void 0,"data-grid.from",void 0,"From"),to:xi(void 0,"data-grid.to",void 0,"To"),yes:xi(void 0,"data-grid.yes",void 0,"Yes"),no:xi(void 0,"data-grid.no",void 0,"No")}}renderMenus(i){const t={id:this.menuId,closing:this.menuClosing,menuRef:i=>this.menuEl=i,onKeyDown:this.onMenuKeyDown},s=this.listUi;if(this.columnsMenuOpen)return s?e(s.ColumnList,{...t,title:xi(void 0,"data-grid.columns",void 0,"Columns"),columns:(this.columns||[]).filter((i=>!i.hidden)),hidden:new Set(this.columnLayout.hidden||[]),onToggle:this.onColumnToggle}):null;const r=this.filterUi;if(!r)return null;if(this.modeMenuKey){const s=i.byKey.get(this.modeMenuKey);if(!s)return null;const o=s.key;return e(r.ModeMenu,{...t,column:s.column,current:this.rowMode(s.column),label:mi(void 0,"data-grid.filterModeFor",void 0,"Filter mode for {column}",{column:s.column.header}),onPick:i=>this.pickRowMode(o,i)})}const o=this.filterMenuKey,a=this.filterDraftState;if(!o||!a)return null;const n=i.byKey.get(o);return n?e(r.ColumnFilterMenu,{id:this.menuId,column:n.column,draft:a,search:this.filterSearch,text:this.filterText(n.column.header),closing:this.menuClosing,menuRef:i=>this.menuEl=i,onDraft:i=>this.filterDraftState=i,onSearch:i=>this.filterSearch=i,onApply:this.applyFilter,onClear:this.clearFilter,onKeyDown:this.onMenuKeyDown,note:y(this.filterModel?.tree).has(o)?xi(void 0,"data-grid.alsoFiltered",void 0,"The advanced filter also uses this column."):void 0}):null}render(){this.syncGeometry();const i=this.colModel,t=this.viewRows(),s=this.rowGeometry,r=new Map((this.sorts||[]).map(((i,t)=>[i.key,{dir:i.dir,at:t}]))),o=Math.ceil(this.rowBand()/this.rowHeight())+1,a=k(this.metrics(),o);a!==this.rowSlots&&(this.rowSlots=a,this.rowSlotKeys=Array.from({length:a},((i,t)=>`r${t}`)));const n=0===i.center.length?0:Math.min(i.center.length,this.colWin.end-this.colWin.start+8);n!==this.colSlots&&(this.colSlots=n,this.colSlotKeys=Array.from({length:n},((i,t)=>`c${t}`))),this.pinStartKeys.length!==i.start.length&&(this.pinStartKeys=i.start.map((i=>`s-${i.key}`))),this.pinEndKeys.length!==i.end.length&&(this.pinEndKeys=i.end.map((i=>`e-${i.key}`)));let d=this.rowSlots;const{colSlotKeys:h,pinStartKeys:l,pinEndKeys:u}=this;this.updateWindow();const c=Math.max(i.totalWidth,this.viewportWidth);this.fillHandleAt=this.editingCell?null:this.editing||this.rangeSelection?this.fillSource():null;const g=this.rowWin.end-this.rowWin.start;g>this.rowSlots&&(this.rowSlots=g,this.rowSlotKeys=Array.from({length:g},((i,t)=>`r${t}`)),d=g);const p=this.focusedCell;let f=!1;if(p&&p.row>=this.rowWin.start&&p.row<this.rowWin.end&&p.row<t.length){const t=i.all[p.col];if(t)if(t.pin)f=!0;else{const s=i.center.indexOf(t);f=s>=this.colWin.start&&s<this.colWin.end}}const v="row"===this.filterDisplay&&i.all.some((i=>i.column.filter)),x=this.pinnedTop?.length||0,b=this.pinnedBottom?.length||0,C=1+x+(v?1:0),M=C+1,$=M+t.length,z=C+t.length+b+(this.footerTotals?1:0),F="none"!==this.selectionMode,S=this.rowBase(),D=this.fillPreviewFrame(S);this.renderedBase=S,this.renderedStart=this.rowWin.start,this.renderedEnd=Math.min(this.rowWin.end,t.length);const A=this.cellCache,E=new Map,j=i.start.length>0,T=i.end.length>0,R=new Array(d).fill(null),H=this.loading?[0,1,2,3].map((t=>e("div",{class:"sui-dg-row pending",key:`wait${t}`,role:"row","aria-rowindex":M+t,"data-index":t,style:{transform:`translateY(${t*this.rowHeight()}px)`,height:`${this.rowHeight()}px`,width:`${c}px`}},e("div",{class:"sui-dg-pane center",role:"none",style:{width:`${i.centerWidth}px`}},e("div",{class:"sui-dg-skel",role:"gridcell","aria-colindex":1,style:{insetInlineEnd:20+12*t+"%"}}))))):null;for(let r=this.rowWin.start;!H&&r<this.rowWin.end&&r<t.length;r++){const o=this.rowSlots>0?r%this.rowSlots:0,a=t[r];if(!a){R[o]=e("div",{class:"sui-dg-row pending",key:this.rowSlotKeys[o],role:"row","aria-rowindex":M+r,"aria-busy":"true","data-index":r,style:{transform:`translateY(${s.offsetOf(r)-S}px)`,height:`${s.sizeOf(r)}px`,width:`${c}px`}},e("div",{class:"sui-dg-pane center",role:"none",style:{width:`${i.centerWidth}px`}},e("div",{class:"sui-dg-skel",role:"gridcell","aria-colindex":1})));continue}const n=this.keyOf(a,r),d=j?i.start.map(((i,t)=>this.cell(i,a,r,n,l[t],A,E))):null,g=new Array(this.colSlots).fill(null);let p=0;for(let t=this.colWin.start;t<this.colWin.end&&t<i.center.length;t++)g[p++]=this.cell(i.center[t],a,r,n,h[this.colSlots>0?t%this.colSlots:0],A,E);const f=T?i.end.map(((i,t)=>this.cell(i,a,r,n,u[t],A,E))):null,v=this.rowClass?this.rowClass(a,r):void 0;R[o]=e("div",{class:`sui-dg-row${r%2==1?" odd":""}${F&&Q(this.selection,n)?" picked":""}${v?` ${v}`:""}`,key:this.rowSlotKeys[o],role:"row","aria-rowindex":M+r,"aria-selected":F?Q(this.selection,n)?"true":"false":void 0,"data-index":r,style:{transform:`translateY(${s.offsetOf(r)-S}px)`,height:`${s.sizeOf(r)}px`,width:`${c}px`}},d?e("div",{class:"sui-dg-pane pin-start",role:"none",style:{width:`${i.startWidth}px`}},d):null,e("div",{class:"sui-dg-pane center",role:"none",style:{width:`${i.centerWidth}px`}},g),f?e("div",{class:"sui-dg-pane pin-end",role:"none",style:{width:`${i.endWidth}px`}},f):null)}this.cellCache=E;const K=this.filterUi,N=i=>i.map((i=>{if(!K||!i.column.filter||Oi.has(i.key))return e("div",{class:"sui-dg-fcell",key:i.key,role:"gridcell","aria-colindex":i.index+1,style:i.headerStyle});const t=this.rowMode(i.column),s=this.ruleFor(i.key)?.constraints?.[0]?.value,r=i.key;return e("div",{class:"sui-dg-fcell",key:i.key,role:"gridcell","aria-colindex":i.index+1,style:i.headerStyle},e(K.RowFilterCell,{column:i.column,colKey:r,matchMode:t,value:s,changed:t!==m(i.column),open:this.modeMenuKey===r&&!this.menuClosing,text:this.rowText(i.column.header),onValue:(i,t)=>this.onRowValue(r,i,t),onModeButton:i=>this.onRowModeButton(i,r)}))})),P=(i,t,s)=>i.map((i=>e("div",{class:`${i.cellClass} ${s}`,key:i.key,role:"gridcell","aria-colindex":i.index+1,"data-col":i.key,style:i.cellStyle},Oi.has(i.key)?null:t(i)))),L=(t,s,r)=>(t||[]).map(((t,o)=>e("div",{class:`sui-dg-row sui-dg-static ${s}`,key:`${s}-${o}`,role:"row","aria-rowindex":r+o,style:{height:`${this.rowHeight()}px`,width:`${c}px`}},j?e("div",{class:"sui-dg-pane pin-start",role:"none",style:{width:`${i.startWidth}px`}},P(i.start,(i=>w(i.column,t)),s)):null,e("div",{class:"sui-dg-pane center",role:"none",style:{width:`${i.centerWidth}px`}},P(i.center,(i=>w(i.column,t)),s)),T?e("div",{class:"sui-dg-pane pin-end",role:"none",style:{width:`${i.endWidth}px`}},P(i.end,(i=>w(i.column,t)),s)):null))),B=y(this.filterModel?.tree),I=i=>i.map((i=>{const s=r.get(i.key);if(i.key===Ii)return e("div",{class:`${i.headerClass} sui-dg-rownum`,key:i.key,role:"columnheader","aria-colindex":i.index+1,"data-col":i.key,style:i.headerStyle},e("span",{class:"sui-dg-sr"},xi(void 0,"data-grid.rowNumber",void 0,"Row number")));if(i.key===Bi){const s=t.length,r=J(this.selection,s),o=s>0&&null!=r&&r>=s,a=!o&&(null!=r&&r>0||"exclude"===this.selection.mode&&s>0),n=this.headerCol===i.index;return e("div",{class:n?`${i.headerClass} focus`:i.headerClass,key:i.key,role:"columnheader","aria-colindex":i.index+1,"data-col":i.key,style:i.headerStyle,tabindex:n?0:void 0},e("span",{class:o?"sui-dg-box on":a?"sui-dg-box some":"sui-dg-box",role:"checkbox","aria-checked":o?"true":a?"mixed":"false","aria-label":xi(void 0,"data-grid.selectAllRows",void 0,"Select all rows")}))}const o=!!this.ruleFor(i.key)||B.has(i.key),a=this.headerCol===i.index;return e("div",{class:`${i.headerClass}${s?" sorted":""}${a?" focus":""}${this.dragKey===i.key?" dragging":""}${this.dropKey===i.key?" drop-before":""}`,key:i.key,role:"columnheader","aria-colindex":i.index+1,"aria-sort":s?"asc"===s.dir?"ascending":"descending":i.column.sortable?"none":void 0,"data-col":i.key,title:i.column.headerTitle,style:i.headerStyle,tabindex:a?0:void 0,draggable:this.reorderableColumns,onDragStart:this.reorderableColumns?this.onHeadDragStart:void 0,onDragOver:this.reorderableColumns?this.onHeadDragOver:void 0,onDragLeave:this.reorderableColumns?this.onHeadDragLeave:void 0,onDragEnd:this.reorderableColumns?this.onHeadDragEnd:void 0,onDrop:this.reorderableColumns?this.onHeadDrop:void 0},e("span",{class:"sui-dg-hlabel"},e("span",{class:"hd"},i.column.header),s?e($i,{glyph:"asc"===s.dir?Si:Di,class:"arrow"}):null,!s&&i.column.sortable?e($i,{glyph:Ai,class:"rest"}):null,s&&(this.sorts||[]).length>1?e("span",{class:"ord"},s.at+1):null),"menu"===this.filterDisplay&&i.column.filter?e("button",{type:"button",class:{"sui-cf-funnel":!0,on:o},"data-col":i.key,"aria-haspopup":"dialog","aria-expanded":this.filterMenuKey!==i.key||this.menuClosing?"false":"true","aria-controls":this.filterMenuKey===i.key?this.menuId:void 0,"aria-label":o?mi(void 0,"data-grid.filterActive",void 0,"Filter {column}, filtered",{column:i.column.header}):mi(void 0,"data-grid.filter",void 0,"Filter {column}",{column:i.column.header}),onClick:this.onFilterButton,onKeyDown:this.onAnchorKeyDown},e($i,{glyph:Fi})):null,i.column.resizable?e("span",{class:"sui-dg-resizer","data-col":i.key,"aria-hidden":"true",onPointerDown:this.onHeaderPointerDown,onDblClick:this.onResizerDblClick}):null)})),O=0===t.length&&!this.loading;return e("div",{class:{"sui-dg":!0,"selection-bar":!this.hideSelectionBar,vacant:O}},this.showColumnToggle||this.hasHeaderSlot?e("div",{class:"sui-dg-bar"},e("div",{class:"sui-dg-bar-slot"},e("slot",{name:"header"})),this.showColumnToggle?e("button",{type:"button",class:"sui-dg-colbtn","aria-haspopup":"dialog","aria-expanded":this.columnsMenuOpen&&!this.menuClosing?"true":"false","aria-controls":this.columnsMenuOpen?this.menuId:void 0,onClick:this.onColumnsButton,onKeyDown:this.onAnchorKeyDown,onPointerEnter:this.listUi?void 0:this.preloadColumnList,onFocus:this.listUi?void 0:this.preloadColumnList},e($i,{glyph:zi}),e("span",null,xi(void 0,"data-grid.columns",void 0,"Columns"))):null):null,e("div",{class:"sui-dg-viewport",role:"grid","aria-label":this.hostLabel,"aria-labelledby":this.hostLabelledby,"aria-rowcount":z,"aria-colcount":i.all.length,"aria-busy":this.loading?"true":void 0,tabindex:f||this.headerCol>=0?-1:0,ref:i=>this.viewportEl=i,onScroll:this.onScroll,onMouseDown:this.onPointerDown,onContextMenu:this.onContextMenu,onPaste:this.onNativePaste,onDblClick:this.onDblClick,onKeyDown:this.onKeyDown},e("div",{class:"sui-dg-head",role:"rowgroup",style:{width:`${c}px`},onClick:this.onHeaderClick,onPointerEnter:"menu"!==this.filterDisplay||K?void 0:this.preloadFilterUi,onFocusin:"menu"!==this.filterDisplay||K?void 0:this.preloadFilterUi},e("div",{class:"sui-dg-hrow",role:"row","aria-rowindex":1,style:{width:`${c}px`}},j?e("div",{class:"sui-dg-pane pin-start",role:"none",style:{width:`${i.startWidth}px`}},I(i.start)):null,e("div",{class:"sui-dg-pane center",role:"none",style:{width:`${i.centerWidth}px`}},I(i.center)),T?e("div",{class:"sui-dg-pane pin-end",role:"none",style:{width:`${i.endWidth}px`}},I(i.end)):null),this.pinnedTop?.length?e("div",{class:"sui-dg-pinned top",role:"none"},L(this.pinnedTop,"pinned",2)):null,v?e("div",{class:"sui-dg-frow",role:"row","aria-rowindex":C,style:{width:`${c}px`}},j?e("div",{class:"sui-dg-pane pin-start",role:"none",style:{width:`${i.startWidth}px`}},N(i.start)):null,e("div",{class:"sui-dg-pane center",role:"none",style:{width:`${i.centerWidth}px`}},N(i.center)),T?e("div",{class:"sui-dg-pane pin-end",role:"none",style:{width:`${i.endWidth}px`}},N(i.end)):null):null),e("div",{class:"sui-dg-sticky",role:O?"presentation":"rowgroup"},e("div",{class:"sui-dg-layer",role:"presentation",ref:i=>this.layerEl=i,style:{width:`${c}px`}},H||R,D?e("div",{class:"sui-dg-fillbox",style:{insetInlineStart:`${D.inset}px`,top:`${D.top}px`,width:`${D.width}px`,height:`${D.height}px`}}):null)),e("div",{class:"sui-dg-body",role:"presentation",style:{width:`${c}px`,height:`${this.scrollSpace.physicalExtent}px`}}),this.pinnedBottom?.length||this.footerTotals?e("div",{class:"sui-dg-foot",role:"rowgroup",style:{width:`${c}px`}},L(this.pinnedBottom,"pinned",$),(t=>{const s=this.footerTotals;if(!s)return null;const r=i=>s[i.key]||"";return e("div",{class:"sui-dg-row sui-dg-static total",role:"row","aria-rowindex":t,style:{height:`${this.rowHeight()}px`,width:`${c}px`}},j?e("div",{class:"sui-dg-pane pin-start",role:"none",style:{width:`${i.startWidth}px`}},P(i.start,r,"total")):null,e("div",{class:"sui-dg-pane center",role:"none",style:{width:`${i.centerWidth}px`}},P(i.center,r,"total")),T?e("div",{class:"sui-dg-pane pin-end",role:"none",style:{width:`${i.endWidth}px`}},P(i.end,r,"total")):null)})($+b)):null,e("div",{class:{"sui-dg-guide":!0,on:this.resizing},ref:i=>this.guideEl=i,"aria-hidden":"true"})),e("div",{key:"status",class:"sui-dg-status",role:"status"},this.loading?e("span",{class:"sui-dg-sr"},xi(void 0,"data-grid.loading",void 0,"Loading")):null,O?e("div",{class:"sui-dg-empty"},e("slot",{name:"empty"},this.emptyText())):null),this.renderMenus(i))}static get watchers(){return{columns:[{onModelChange:0}],density:[{onModelChange:0}],rows:[{onModelChange:0}],pinnedTop:[{onChromeChange:0}],pinnedBottom:[{onChromeChange:0}],footerTotals:[{onChromeChange:0}],filterDisplay:[{onChromeChange:0},{onFilterDisplayChange:0}],columnLayout:[{onLayoutChange:0}],sorts:[{onOrderChange:0}],filterModel:[{onOrderChange:0}],nullOrder:[{onOrderChange:0}]}}};Vi.style=".sc-sui-data-grid-h{display:block;min-width:0;height:100%;min-height:0;font-family:var(--font-sans);color:var(--ink)}.sui-dg.sc-sui-data-grid{--dg-cell-x:var(--table-cell-x);--dg-flip:1;height:100%;min-height:0;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}[density='compact'].sc-sui-data-grid-h .sui-dg.sc-sui-data-grid{--dg-cell-x:var(--space-2)}.sc-sui-data-grid-h:dir(rtl) .sui-dg.sc-sui-data-grid{--dg-flip:-1}.sui-dg-viewport.sc-sui-data-grid{position:relative;user-select:none;flex:1;min-height:0;overflow:auto;overflow-anchor:none;overscroll-behavior-x:contain}.sui-dg-viewport.sc-sui-data-grid:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}.sui-dg-head.sc-sui-data-grid{position:sticky;top:0;z-index:4;background:var(--surface-sunken);border-bottom:1px solid var(--border)}.sui-dg-hrow.sc-sui-data-grid{position:relative;display:flex;height:var(--sui-dg-header-h, 34px)}.sui-dg-pane.sc-sui-data-grid{position:relative;flex:0 0 auto;height:100%}.sui-dg-pane.pin-start.sc-sui-data-grid{position:sticky;inset-inline-start:0;z-index:1;background:inherit}.sui-dg-pane.pin-end.sc-sui-data-grid{position:sticky;inset-inline-end:0;z-index:1;background:inherit}.sui-dg-pane.pin-start.sc-sui-data-grid::after,.sui-dg-pane.pin-end.sc-sui-data-grid::before{content:'';position:absolute;top:0;bottom:0;width:1px;background:var(--border);pointer-events:none}.sui-dg-pane.pin-start.sc-sui-data-grid::after{inset-inline-end:0}.sui-dg-pane.pin-end.sc-sui-data-grid::before{inset-inline-start:0}.sui-dg-head.sc-sui-data-grid .sui-dg-pane.pin-start.sc-sui-data-grid::after{box-shadow:calc(3px * var(--dg-flip)) 0 6px -3px color-mix(in srgb, var(--ink) 22%, transparent)}.sui-dg-head.sc-sui-data-grid .sui-dg-pane.pin-end.sc-sui-data-grid::before{box-shadow:calc(-3px * var(--dg-flip)) 0 6px -3px color-mix(in srgb, var(--ink) 22%, transparent)}.sui-dg-hcell.sc-sui-data-grid{position:absolute;top:0;bottom:0;display:flex;align-items:center;padding:0 var(--dg-cell-x);box-sizing:border-box;font-size:11px;font-weight:650;letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--ink-muted);white-space:nowrap;overflow:hidden;user-select:none}.sui-dg-hcell.sc-sui-data-grid::after{content:'';position:absolute;inset-inline-end:0;top:6px;bottom:6px;width:1px;background:var(--border)}.sui-dg-hcell.sc-sui-data-grid:last-child::after{display:none}.sui-dg-hcell.dragging.sc-sui-data-grid{opacity:0.5}.sui-dg-hcell.drop-before.sc-sui-data-grid::before{content:'';position:absolute;inset-block:4px;inset-inline-start:0;width:2px;border-radius:1px;background:var(--accent-ink);box-shadow:0 0 0 1px color-mix(in srgb, var(--accent-ink) 25%, transparent);pointer-events:none}.sui-dg-hlabel.sc-sui-data-grid{display:flex;align-items:center;flex:1 1 auto;min-width:0;height:100%}.sui-dg-hcell.sc-sui-data-grid .hd.sc-sui-data-grid{min-width:0;overflow:hidden;text-overflow:ellipsis}.sui-dg-hcell.al-right.sc-sui-data-grid .sui-dg-hlabel.sc-sui-data-grid,.sui-dg-hcell.al-end.sc-sui-data-grid .sui-dg-hlabel.sc-sui-data-grid{justify-content:flex-end}.sui-dg-hcell.al-center.sc-sui-data-grid .sui-dg-hlabel.sc-sui-data-grid{justify-content:center}.sc-sui-data-grid-h:dir(rtl) .sui-dg-hcell.al-right.sc-sui-data-grid .sui-dg-hlabel.sc-sui-data-grid{justify-content:flex-start}.sc-sui-data-grid-h:dir(rtl) .sui-dg-hcell.al-left.sc-sui-data-grid .sui-dg-hlabel.sc-sui-data-grid{justify-content:flex-end}.sui-dg-hcell.sc-sui-data-grid .sui-cf-funnel.sc-sui-data-grid{margin-inline-end:min(0px, calc(8px - var(--dg-cell-x)))}.sui-dg-hcell.sc-sui-data-grid .sui-glyph.rest.sc-sui-data-grid,.sui-dg-hcell.sc-sui-data-grid .sui-glyph.arrow.sc-sui-data-grid{flex-shrink:0;margin-inline-start:5px;font-size:9px;transition:color var(--duration-fast) var(--ease-out)}.sui-dg-hcell.sc-sui-data-grid .sui-glyph.rest.sc-sui-data-grid{visibility:hidden;color:var(--border-strong);transform:rotate(90deg)}.sui-dg-hcell.sc-sui-data-grid:hover .sui-glyph.rest.sc-sui-data-grid,[sort-indicator='all'].sc-sui-data-grid-h .sui-dg-hcell.sc-sui-data-grid .sui-glyph.rest.sc-sui-data-grid{visibility:visible}.sui-dg-hcell.sc-sui-data-grid .sui-glyph.arrow.sc-sui-data-grid{color:var(--ink-muted)}.sui-dg-hcell.sc-sui-data-grid .ord.sc-sui-data-grid{flex-shrink:0;min-width:14px;margin-inline-start:4px;padding:0 3px;border-radius:var(--radius-pill);background:var(--brand-soft);color:var(--brand-soft-ink);font-size:9.5px;line-height:14px;text-align:center}.sui-dg-body.sc-sui-data-grid{position:relative;pointer-events:none}.sui-dg-sticky.sc-sui-data-grid{position:sticky;top:0;height:0;overflow:visible;z-index:1;isolation:isolate}.sui-dg-layer.sc-sui-data-grid{position:absolute;top:0;inset-inline-start:0}.sui-dg-row.sc-sui-data-grid{position:absolute;top:0;inset-inline-start:0;display:flex;box-sizing:border-box;background:var(--surface);contain:layout style}.sui-dg-row.sc-sui-data-grid::after{content:'';position:absolute;inset-inline:0;bottom:0;height:1px;background:var(--hairline);pointer-events:none}.sui-dg-row.odd.sc-sui-data-grid{background:var(--surface-sunken)}.sui-dg-row.sc-sui-data-grid:hover{background:color-mix(in srgb, var(--surface-sunken) 70%, var(--brand-soft))}.sui-dg-head.sc-sui-data-grid .sui-dg-pane.sc-sui-data-grid{background:var(--surface-sunken)}.sui-dg-cell.sc-sui-data-grid{position:absolute;top:0;bottom:0;display:flex;align-items:center;box-sizing:border-box;padding:0 var(--dg-cell-x);font-size:var(--text-md);font-weight:460;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.sui-dg-cell.al-right.sc-sui-data-grid,.sui-dg-hcell.al-right.sc-sui-data-grid{justify-content:flex-end;text-align:right}.sui-dg-cell.al-end.sc-sui-data-grid,.sui-dg-hcell.al-end.sc-sui-data-grid{justify-content:flex-end;text-align:end}.sui-dg-cell.al-center.sc-sui-data-grid,.sui-dg-hcell.al-center.sc-sui-data-grid{justify-content:center;text-align:center}.sc-sui-data-grid-h:dir(rtl) .sui-dg-cell.al-right.sc-sui-data-grid,.sc-sui-data-grid-h:dir(rtl) .sui-dg-hcell.al-right.sc-sui-data-grid{justify-content:flex-start}.sc-sui-data-grid-h:dir(rtl) .sui-dg-cell.al-left.sc-sui-data-grid,.sc-sui-data-grid-h:dir(rtl) .sui-dg-hcell.al-left.sc-sui-data-grid{justify-content:flex-end;text-align:left}.sui-dg-cell.money.sc-sui-data-grid{font-weight:640}.sui-dg-cell.num.sc-sui-data-grid{font-feature-settings:var(--numeric-tabular)}.sui-dg-cell.muted.sc-sui-data-grid{color:var(--ink-muted)}.sui-dg-cell.focus.sc-sui-data-grid{outline:2px solid var(--focus-ring);outline-offset:-2px;border-radius:0;z-index:1}.sui-dg-cell.sc-sui-data-grid:focus{outline:2px solid var(--focus-ring);outline-offset:-2px;border-radius:0}.sui-dg-hcell.focus.sc-sui-data-grid,.sui-dg-hcell.sc-sui-data-grid:focus{outline:2px solid var(--focus-ring);outline-offset:-2px;border-radius:0;z-index:1}.sui-dg-sr.sc-sui-data-grid{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.sui-dg-status.sc-sui-data-grid{position:relative;flex:none}.sui-dg.vacant.sc-sui-data-grid .sui-dg-viewport.sc-sui-data-grid{flex:none}.sui-dg.vacant.sc-sui-data-grid .sui-dg-status.sc-sui-data-grid{flex:1;min-height:0;overflow:auto}.sui-dg-empty.sc-sui-data-grid{padding:40px 16px;text-align:center;font-size:var(--text-md);font-weight:620;color:var(--ink-muted)}[density='compact'].sc-sui-data-grid-h .sui-dg-cell.sc-sui-data-grid{font-size:13px}[density='comfortable'].sc-sui-data-grid-h .sui-dg-hrow.sc-sui-data-grid{height:40px}.sui-dg-cell.editing.sc-sui-data-grid{padding:0;overflow:hidden;z-index:2}.sui-dg-cell.editing.sc-sui-data-grid:has(.sui-dg-editerr){overflow:visible}.sui-dg-editor.sc-sui-data-grid{user-select:text;width:100%;height:100%;box-sizing:border-box;margin:0;padding:0 var(--dg-cell-x);border:0;border-radius:0;background:transparent;color:inherit;font:inherit;font-feature-settings:inherit;box-shadow:none;outline:none}.sui-dg-editor.sc-sui-data-grid:not([type='date']){appearance:none;-webkit-appearance:none}.sui-dg-editor.sc-sui-data-grid::-webkit-outer-spin-button,.sui-dg-editor.sc-sui-data-grid::-webkit-inner-spin-button{appearance:none;margin:0}.sui-dg-editor[type='number'].sc-sui-data-grid{-moz-appearance:textfield}.sui-dg-cell.al-right.sc-sui-data-grid .sui-dg-editor.sc-sui-data-grid{text-align:right}.sui-dg-cell.al-left.sc-sui-data-grid .sui-dg-editor.sc-sui-data-grid{text-align:left}.sui-dg-cell.al-end.sc-sui-data-grid .sui-dg-editor.sc-sui-data-grid{text-align:end}.sui-dg-cell.al-center.sc-sui-data-grid .sui-dg-editor.sc-sui-data-grid{text-align:center}.sui-dg-editwrap.sc-sui-data-grid{display:block;width:100%;height:100%}.sui-dg-editerr.sc-sui-data-grid{position:absolute;top:100%;inset-inline-start:0;z-index:3;max-width:320px;margin-top:2px;padding:4px var(--dg-cell-x);border-radius:var(--radius-sm);background:var(--danger);color:var(--on-danger);font-size:var(--text-xs);line-height:var(--leading-snug);box-shadow:var(--shadow-pop);white-space:normal}.sui-dg-cell.sel.sc-sui-data-grid{background:var(--brand-soft)}.sui-dg-resizer.sc-sui-data-grid{position:absolute;top:0;bottom:0;inset-inline-end:0;width:8px;cursor:col-resize;z-index:2;touch-action:none}.sui-dg-resizer.sc-sui-data-grid:hover::after{content:'';position:absolute;top:4px;bottom:4px;inset-inline-end:0;width:1px;background:var(--accent)}.sui-dg-guide.sc-sui-data-grid{position:absolute;top:0;bottom:0;width:1px;background:var(--accent);pointer-events:none;display:none;z-index:4}.sui-dg-guide.on.sc-sui-data-grid{display:block}.sui-dg-row.pending.sc-sui-data-grid{pointer-events:none}.sui-dg-skel.sc-sui-data-grid{position:absolute;top:50%;inset-inline:var(--dg-cell-x);height:11px;margin-top:-5.5px;border-radius:4px;background:linear-gradient(90deg, var(--surface-sunken) 25%, var(--brand-soft) 50%, var(--surface-sunken) 75%);background-size:300% 100%;animation:sb-shimmer 1.4s infinite linear}@media (prefers-reduced-motion: reduce){.sui-dg-skel.sc-sui-data-grid{animation-duration:3s}}.sui-dg-row.sc-sui-data-grid:has(.sui-dg-fill){z-index:1}.sui-dg-cell.sc-sui-data-grid:has(.sui-dg-fill){overflow:visible;z-index:2}.sui-dg-fill.sc-sui-data-grid{position:absolute;inset-inline-end:-2px;bottom:-1px;width:7px;height:7px;background:var(--accent);border:1px solid var(--surface);border-radius:1px;cursor:crosshair;z-index:3;touch-action:none}.sui-dg-cell.fill.sc-sui-data-grid{background:color-mix(in srgb, var(--brand-soft) 55%, transparent)}.sui-dg-fillbox.sc-sui-data-grid{position:absolute;box-sizing:border-box;border:2px dashed var(--accent);pointer-events:none;z-index:2}.sui-dg-box.sc-sui-data-grid{width:18px;height:18px;border:1.5px solid color-mix(in srgb, var(--control-border) 75%, var(--ink));border-radius:var(--radius-xs);background:var(--surface);display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;transition:background var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out)}.sui-dg-box.on.sc-sui-data-grid,.sui-dg-box.some.sc-sui-data-grid{background:var(--brand);border-color:var(--brand)}.sui-dg-box.on.sc-sui-data-grid::after{content:'';width:4px;height:8px;margin-top:-2px;border:solid var(--brand-contrast);border-width:0 2px 2px 0;transform:rotate(45deg)}.sui-dg-box.some.sc-sui-data-grid::after{content:'';width:8px;height:2px;background:var(--brand-contrast)}.sui-dg-hcell.sc-sui-data-grid .sui-dg-box.sc-sui-data-grid{cursor:pointer}.sui-dg-cell[data-col='__sui-select'].sc-sui-data-grid{cursor:pointer}.sui-dg-hcell[data-col='__sui-select'].sc-sui-data-grid{cursor:pointer}.sui-dg-hcell[data-col='__sui-select'].sc-sui-data-grid::after{display:none}.sui-dg-cell.sui-dg-rownum.sc-sui-data-grid{justify-content:center;padding:0 6px;background:var(--surface-sunken);color:var(--ink-faint);font-size:var(--text-xs);font-weight:500;font-feature-settings:var(--numeric-tabular);box-shadow:inset calc(-1px * var(--dg-flip)) 0 0 var(--border);cursor:default}.sui-dg-cell.sui-dg-rownum.cur.sc-sui-data-grid{color:var(--ink);font-weight:650}.sui-dg-cell.sui-dg-rownum.on.sc-sui-data-grid{background:color-mix(in srgb, var(--brand-soft) 75%, var(--surface-sunken));color:var(--ink)}.sui-dg-hcell.sui-dg-rownum.sc-sui-data-grid{cursor:default}.sui-dg-hcell.sui-dg-rownum.sc-sui-data-grid::after{display:none}.sui-dg-hcell.sui-dg-rownum.sc-sui-data-grid{box-shadow:inset calc(-1px * var(--dg-flip)) 0 0 var(--border)}.sui-dg-row.picked.sc-sui-data-grid{--ink-muted:var(--ink-muted-on-wash);--ink-faint:var(--ink-muted);background:linear-gradient(var(--surface-selected) 0 0) var(--surface)}.sui-dg-row.picked.sc-sui-data-grid:hover{--ink-faint:var(--ink-muted);background:linear-gradient(var(--surface-hover) 0 0), linear-gradient(var(--surface-selected) 0 0) var(--surface)}.selection-bar.sc-sui-data-grid .sui-dg-row.picked.sc-sui-data-grid>.sui-dg-pane.sc-sui-data-grid:first-child::before{content:'';position:absolute;inset-block:0;inset-inline-start:0;width:3px;z-index:2;background:var(--accent);pointer-events:none}.sui-dg-bar.sc-sui-data-grid{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);box-shadow:inset 0 -1px 0 var(--hairline)}.sui-dg-bar-slot.sc-sui-data-grid{display:flex;align-items:center;gap:var(--space-2);flex:1;min-width:0}.sui-dg-colbtn.sc-sui-data-grid{margin-inline-start:auto;display:inline-flex;align-items:center;gap:6px;height:var(--control-sm);padding:0 10px;border:1px solid var(--control-border);border-radius:var(--radius-md);background:var(--surface);color:var(--ink);font:600 12.5px var(--font-sans);cursor:pointer}.sui-dg-colbtn.sc-sui-data-grid:hover{border-color:color-mix(in srgb, var(--ink) 30%, var(--control-border));background:var(--brand-soft)}.sui-dg-colbtn[aria-expanded='true'].sc-sui-data-grid{background:color-mix(in srgb, var(--brand-soft) 84%, var(--ink))}.sui-dg-colbtn.sc-sui-data-grid:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.sui-dg-colbtn.sc-sui-data-grid .sui-glyph.sc-sui-data-grid{font-size:11px;color:var(--icon-color)}.sui-dg-frow.sc-sui-data-grid{display:flex;height:calc(var(--control-sm) + 8px);box-shadow:inset 0 -1px 0 var(--hairline)}.sui-dg-fcell.sc-sui-data-grid{position:absolute;top:0;bottom:0;display:flex;align-items:center;box-sizing:border-box;padding:4px var(--dg-cell-x)}.sui-dg-fcell.sc-sui-data-grid .sui-cf-rowgroup.sc-sui-data-grid{user-select:text}.sui-dg-static.sc-sui-data-grid{position:relative;display:flex;background:var(--surface)}.sui-dg-static.sc-sui-data-grid .sui-dg-cell.sc-sui-data-grid{position:absolute;top:0;bottom:0}.sui-dg-pinned.top.sc-sui-data-grid{box-shadow:inset 0 -1px 0 var(--hairline)}.sui-dg-static.pinned.sc-sui-data-grid{background:var(--surface-sunken)}.sui-dg-foot.sc-sui-data-grid{position:sticky;bottom:0;z-index:4;background:var(--surface);box-shadow:inset 0 1px 0 var(--hairline)}.sui-dg-static.total.sc-sui-data-grid{background:var(--surface);font-weight:650}.sui-dg-static.total.sc-sui-data-grid .sui-dg-cell.sc-sui-data-grid{color:var(--ink)}@media (forced-colors: active){.sui-dg-hcell.drop-before.sc-sui-data-grid::before{forced-color-adjust:none;background:Highlight}.sui-dg-pane.pin-start.sc-sui-data-grid::after,.sui-dg-pane.pin-end.sc-sui-data-grid::before{background:CanvasText}.sui-dg-hcell.sc-sui-data-grid::after{background:CanvasText}.sui-dg-hcell.sc-sui-data-grid .ord.sc-sui-data-grid{border:1px solid CanvasText}.sui-dg-row.sc-sui-data-grid::after{background:CanvasText}.sui-dg-editerr.sc-sui-data-grid{border:1px solid CanvasText}.sui-dg-cell.sel.sc-sui-data-grid{outline:2px solid Highlight;outline-offset:-4px}.sui-dg-cell.sel.focus.sc-sui-data-grid,.sui-dg-cell.sel.sc-sui-data-grid:focus{outline-color:CanvasText}.sui-dg-resizer.sc-sui-data-grid:hover::after{background:CanvasText}.sui-dg-guide.sc-sui-data-grid{background:Highlight}.sui-dg-skel.sc-sui-data-grid{box-sizing:border-box;border:1px solid GrayText}.sui-dg-fill.sc-sui-data-grid{background:Highlight;border-color:Canvas}.sui-dg-fillbox.sc-sui-data-grid{border-color:Highlight}.sui-dg-box.some.sc-sui-data-grid::after{background:CanvasText}.sui-dg-row.picked.sc-sui-data-grid .sui-dg-cell.sc-sui-data-grid{outline:2px solid Highlight;outline-offset:-4px}.selection-bar.sc-sui-data-grid .sui-dg-row.picked.sc-sui-data-grid>.sui-dg-pane.sc-sui-data-grid:first-child::before{forced-color-adjust:none;background:Highlight}.sui-dg-row.picked.sc-sui-data-grid .sui-dg-cell.focus.sc-sui-data-grid,.sui-dg-row.picked.sc-sui-data-grid .sui-dg-cell.sc-sui-data-grid:focus{outline-color:CanvasText}.sui-dg-bar.sc-sui-data-grid,.sui-dg-frow.sc-sui-data-grid{border-bottom:1px solid CanvasText}.sui-dg-foot.sc-sui-data-grid{border-top:1px solid CanvasText}.sui-dg-cell.sui-dg-rownum.sc-sui-data-grid,.sui-dg-hcell.sui-dg-rownum.sc-sui-data-grid{box-shadow:none;border-inline-end:1px solid CanvasText}}.sui-cf.sc-sui-data-grid{position:fixed;top:0;left:0;z-index:var(--z-dropdown);box-sizing:border-box;width:280px;max-width:calc(100vw - 16px);max-height:min(78vh, 560px);overflow:auto;overscroll-behavior:contain;padding:14px 16px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-raised);box-shadow:var(--shadow-pop);color:var(--ink);font-family:var(--font-sans);font-size:var(--text-md);font-weight:460;letter-spacing:normal;text-transform:none;text-align:start;white-space:normal;user-select:text;cursor:auto;animation:sui-cf-in var(--duration-overlay) var(--ease-out)}.sui-cf[data-side='top'].sc-sui-data-grid{animation-name:sui-cf-in-top}.sui-cf.closing.sc-sui-data-grid{animation:sui-cf-out var(--duration-fast) var(--ease-out) forwards;pointer-events:none}@keyframes sui-cf-in{from{opacity:0;margin-top:-4px}}@keyframes sui-cf-in-top{from{opacity:0;margin-top:4px}}@keyframes sui-cf-out{to{opacity:0}}.sui-cf-body.sc-sui-data-grid{display:flex;flex-direction:column;gap:10px}.sui-cf-note.sc-sui-data-grid{margin:-6px 0 12px;font-size:12px;line-height:1.4;color:var(--ink-muted)}.sui-cf-title.sc-sui-data-grid{margin-bottom:12px;font-size:13px;font-weight:650;line-height:1.3;color:var(--ink)}.sui-cf.sui-cf-menu.sc-sui-data-grid{width:440px}.sui-cf-rows.sc-sui-data-grid{display:flex;flex-direction:column;gap:8px}.sui-cf-row.sc-sui-data-grid{display:grid;grid-template-columns:68px minmax(0, 132px) minmax(0, 1fr) 28px;align-items:center;gap:6px;min-width:0}.sui-cf-join.sc-sui-data-grid{display:flex;align-items:center;min-width:0;font-size:12.5px;font-weight:600;color:var(--ink-muted)}.sui-cf-join.muted.sc-sui-data-grid{font-weight:500;color:var(--ink-muted);padding-inline-start:11px}.sui-cf-joinsel.sc-sui-data-grid{width:100%}.sui-cf-val.sc-sui-data-grid{min-width:0}.sui-cf-val.sc-sui-data-grid>*.sc-sui-data-grid{width:100%}.sui-cf-value.sc-sui-data-grid{min-inline-size:0}.sui-cf-pair.sc-sui-data-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.sui-cf-remove.sc-sui-data-grid,.sui-cf-remove-slot.sc-sui-data-grid{justify-self:end}.sui-cf-remove-slot.sc-sui-data-grid{width:28px}.sui-cf-add.sc-sui-data-grid{align-self:flex-start;margin-inline-start:-8px}.sui-cf-add-glyph.sc-sui-data-grid{order:-1;font-size:11px}@media (max-width: 480px){.sui-cf-row.sc-sui-data-grid{grid-template-columns:60px minmax(0, 1fr) 28px;grid-template-areas:'join mode remove' '. val .';row-gap:6px}.sui-cf-row.sc-sui-data-grid>.sui-cf-join.sc-sui-data-grid{grid-area:join}.sui-cf-row.sc-sui-data-grid>.sui-cf-mode.sc-sui-data-grid{grid-area:mode}.sui-cf-row.sc-sui-data-grid>.sui-cf-val.sc-sui-data-grid{grid-area:val}.sui-cf-row.sc-sui-data-grid>.sui-cf-remove.sc-sui-data-grid,.sui-cf-row.sc-sui-data-grid>.sui-cf-remove-slot.sc-sui-data-grid{grid-area:remove}}.sui-cf-all.sc-sui-data-grid{align-self:stretch;padding-bottom:8px;border-bottom:1px solid var(--hairline)}.sui-cf-opt.sc-sui-data-grid{align-self:flex-start}.sui-cf-list.sc-sui-data-grid{display:flex;flex-direction:column;gap:8px;max-height:232px;overflow:auto;margin-inline:-4px;padding:2px 4px}.sui-cf-body.sc-sui-data-grid>.sui-cf-all.sc-sui-data-grid+.sui-cf-list.sc-sui-data-grid{margin-top:-2px}.sui-cf-none.sc-sui-data-grid{padding:6px 0;font-size:12.5px;color:var(--ink-faint)}.sui-cf-bar.sc-sui-data-grid{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:14px;padding-top:11px;border-top:1px solid var(--border)}.sui-cf-clear.sc-sui-data-grid{appearance:none;margin:0;padding:0;border:0;background:transparent;cursor:pointer;font-family:var(--font-sans);font-size:12.5px;font-weight:620;color:var(--ink-muted)}.sui-cf-clear.sc-sui-data-grid:hover{color:var(--ink)}.sui-cf-clear.sc-sui-data-grid:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow);border-radius:var(--radius-xs)}.sui-cf-rowgroup.sc-sui-data-grid{display:block;width:100%;min-width:0;--sui-field-chevron:none}.sui-cf-rowbox.sc-sui-data-grid{min-width:0;padding-inline:8px;text-overflow:ellipsis}.sui-cf-rowbox.sc-sui-data-grid::placeholder{color:var(--ink-placeholder)}.sui-cf-rowbox.sc-sui-data-grid:disabled{background:var(--disabled-bg)}.sui-cf-rowpick.sc-sui-data-grid{min-width:0}.sui-cf-modebtn.sc-sui-data-grid{flex:none;color:var(--ink-faint)}.sui-cf-token.sc-sui-data-grid{font-size:15px;font-weight:600;line-height:1;white-space:nowrap;color:var(--ink-muted)}.sui-cf-token.word.sc-sui-data-grid{font-size:11px;font-weight:650;letter-spacing:-0.01em}.sui-cf-modebtn.on.sc-sui-data-grid{background:var(--accent-soft)}.sui-cf-modebtn.on.sc-sui-data-grid .sui-cf-token.sc-sui-data-grid{color:var(--accent-soft-ink)}.sui-cf.sui-cf-modes.sc-sui-data-grid{width:auto;min-width:190px;padding:4px}.sui-cf-funnel.sc-sui-data-grid{flex:none;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:22px;height:22px;margin:0;margin-inline-start:4px;padding:0;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--ink-faint);font-size:10px;cursor:pointer;transition:background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out)}.sui-cf-funnel.sc-sui-data-grid:hover{background:var(--surface-hover);color:var(--ink)}.sui-cf-funnel[aria-expanded='true'].sc-sui-data-grid{background:color-mix(in srgb, var(--ink) 9%, transparent);color:var(--ink)}.sui-cf-funnel.on.sc-sui-data-grid{background:var(--accent-soft);color:var(--accent-mark)}.sui-cf-funnel.on.sc-sui-data-grid:hover,.sui-cf-funnel.on[aria-expanded='true'].sc-sui-data-grid{background:color-mix(in srgb, var(--accent-soft) 80%, var(--accent-mark));color:var(--accent-mark)}.sui-cf-funnel.sc-sui-data-grid:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px}@media (forced-colors: active){.sui-cf.sc-sui-data-grid{border:1px solid CanvasText}.sui-cf-bar.sc-sui-data-grid,.sui-cf-all.sc-sui-data-grid{border-color:CanvasText}.sui-cf-funnel.on.sc-sui-data-grid{forced-color-adjust:none;background:Highlight;color:HighlightText}.sui-cf-funnel.on.sc-sui-data-grid:focus-visible{outline-color:CanvasText}.sui-cf-modebtn.on.sc-sui-data-grid{forced-color-adjust:none;background:Highlight}.sui-cf-modebtn.on.sc-sui-data-grid .sui-cf-token.sc-sui-data-grid{color:HighlightText}}";export{Vi as sui_data_grid}

package/dist/shineui/{p-9fe8d741.entry.js → p-10ed3236.entry.js}

@@ -1 +1 @@
-import{r as t,g as s,h as i,a as e}from"./p-ChCjmDsd.js";import{i as o}from"./p-Cs2X0Kih.js";import{d as a}from"./p-B3wtlP4_.js";import"./p-lWhwwQJ2.js";const r=class{constructor(s){t(this,s)}get host(){return s(this)}height=200;atTop=!0;atBottom=!0;overflowing=!1;hostLabel;viewport;content;ro;stopAria;connectedCallback(){a(this.host,(()=>this.focusTarget())),this.stopAria?.(),this.stopAria=o(this.host,(t=>{this.hostLabel=t})),this.content&&this.watchContent(!0)}componentDidLoad(){this.nextFrame((()=>this.measure())),this.watchContent()}disconnectedCallback(){this.ro?.disconnect(),this.ro=void 0,this.stopAria?.()}watchContent(t=!1){this.ro?.disconnect(),this.ro=void 0,"undefined"!=typeof ResizeObserver&&this.content&&(this.ro=new ResizeObserver((()=>this.measure())),this.ro.observe(this.content)),t&&Promise.resolve().then((()=>{this.host.isConnected&&this.measure()}))}onHeight(){this.nextFrame((()=>this.measure()))}async setFocus(){this.focusTarget()?.focus()}focusTarget(){return this.viewport&&this.viewport.hasAttribute("tabindex")?this.viewport:null}async scrollToBottom(){const t=this.viewport;t&&(t.scrollTop=t.scrollHeight,this.measure())}nextFrame(t){"function"==typeof requestAnimationFrame?requestAnimationFrame(t):t()}measure=()=>{const t=this.viewport;if(!t)return;const s=t.scrollHeight-t.clientHeight;if(this.overflowing=s>0,!(s>0))return this.atTop=!0,void(this.atBottom=!0);this.atTop=t.scrollTop<=4,this.atBottom=t.scrollTop>=s-4};render(){return i(e,{key:"3bc8103387774825da35821902c89660eec9c2ce"},i("div",{key:"af4deb8848a97cd9a5759dbc08ba06356f30dd4c",class:"viewport",ref:t=>this.viewport=t,style:{height:`${this.height}px`},tabindex:this.overflowing?"0":void 0,role:this.hostLabel?"region":void 0,"aria-label":this.hostLabel||void 0,onScroll:this.measure},i("div",{key:"d222f3fd435ea470d353423be9b62d75304e22a2",class:"content",ref:t=>this.content=t},i("slot",{key:"92d71107fd2499c86c62074a19a42549a15823e5"}))),i("div",{key:"5d75598c86729ef4d058c9f60857d5b9ea4c0548",class:{fade:!0,top:!0,on:!this.atTop},"aria-hidden":"true"}),i("div",{key:"0a381cfdcb95708abc3fb0fd4944dabcd7790a57",class:{fade:!0,bottom:!0,on:!this.atBottom},"aria-hidden":"true"}))}static get watchers(){return{height:[{onHeight:0}]}}};r.style=".sc-sui-scroll-panel-h{display:block;position:relative;box-sizing:border-box;font-family:var(--font-sans);color:var(--ink);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);overflow:hidden}.viewport.sc-sui-scroll-panel{box-sizing:border-box;overflow-y:auto;padding:14px 16px}.viewport.sc-sui-scroll-panel:focus-visible{outline:none}.sc-sui-scroll-panel-h:has(.viewport:focus-visible){outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.fade.sc-sui-scroll-panel{position:absolute;left:0;right:0;height:22px;pointer-events:none;opacity:0;transition:opacity var(--duration-fast) var(--ease-out)}.fade.on.sc-sui-scroll-panel{opacity:1}.fade.top.sc-sui-scroll-panel{top:0;background:linear-gradient(var(--surface), transparent)}.fade.bottom.sc-sui-scroll-panel{bottom:0;background:linear-gradient(transparent, var(--surface))}";export{r as sui_scroll_panel}
+import{r as t,g as s,h as i,a as e}from"./p-ChCjmDsd.js";import{i as o}from"./p-BsRW1Q8k.js";import{d as a}from"./p-B3wtlP4_.js";import"./p-lWhwwQJ2.js";const r=class{constructor(s){t(this,s)}get host(){return s(this)}height=200;atTop=!0;atBottom=!0;overflowing=!1;hostLabel;viewport;content;ro;stopAria;connectedCallback(){a(this.host,(()=>this.focusTarget())),this.stopAria?.(),this.stopAria=o(this.host,(t=>{this.hostLabel=t})),this.content&&this.watchContent(!0)}componentDidLoad(){this.nextFrame((()=>this.measure())),this.watchContent()}disconnectedCallback(){this.ro?.disconnect(),this.ro=void 0,this.stopAria?.()}watchContent(t=!1){this.ro?.disconnect(),this.ro=void 0,"undefined"!=typeof ResizeObserver&&this.content&&(this.ro=new ResizeObserver((()=>this.measure())),this.ro.observe(this.content)),t&&Promise.resolve().then((()=>{this.host.isConnected&&this.measure()}))}onHeight(){this.nextFrame((()=>this.measure()))}async setFocus(){this.focusTarget()?.focus()}focusTarget(){return this.viewport&&this.viewport.hasAttribute("tabindex")?this.viewport:null}async scrollToBottom(){const t=this.viewport;t&&(t.scrollTop=t.scrollHeight,this.measure())}nextFrame(t){"function"==typeof requestAnimationFrame?requestAnimationFrame(t):t()}measure=()=>{const t=this.viewport;if(!t)return;const s=t.scrollHeight-t.clientHeight;if(this.overflowing=s>0,!(s>0))return this.atTop=!0,void(this.atBottom=!0);this.atTop=t.scrollTop<=4,this.atBottom=t.scrollTop>=s-4};render(){return i(e,{key:"8988eecd590ae436c6d76013e1072f2b8310cfcd"},i("div",{key:"a5f3079b2be410e78aafa26fb9f2ebb413fdc8ce",class:"viewport",ref:t=>this.viewport=t,style:{height:`${this.height}px`},tabindex:this.overflowing?"0":void 0,role:this.hostLabel?"region":void 0,"aria-label":this.hostLabel||void 0,onScroll:this.measure},i("div",{key:"9d20f67cdc37a42a350895908ad3a866b487f857",class:"content",ref:t=>this.content=t},i("slot",{key:"ad8de745a31baac43902021700e474b77a278ad1"}))),i("div",{key:"9a312926faf4d7f3fbe298fc7c8a0f4994483a3c",class:{fade:!0,top:!0,on:!this.atTop},"aria-hidden":"true"}),i("div",{key:"8a732de0e1e7686438b9e01c2cc7035e8d36a161",class:{fade:!0,bottom:!0,on:!this.atBottom},"aria-hidden":"true"}))}static get watchers(){return{height:[{onHeight:0}]}}};r.style=".sc-sui-scroll-panel-h{display:block;position:relative;box-sizing:border-box;font-family:var(--font-sans);color:var(--ink);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);overflow:hidden}.viewport.sc-sui-scroll-panel{box-sizing:border-box;overflow-y:auto;padding:14px 16px}.viewport.sc-sui-scroll-panel:focus-visible{outline:none}.sc-sui-scroll-panel-h:has(.viewport:focus-visible){outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.fade.sc-sui-scroll-panel{position:absolute;left:0;right:0;height:22px;pointer-events:none;opacity:0;transition:opacity var(--duration-fast) var(--ease-out)}.fade.on.sc-sui-scroll-panel{opacity:1}.fade.top.sc-sui-scroll-panel{top:0;background:linear-gradient(var(--surface), transparent)}.fade.bottom.sc-sui-scroll-panel{bottom:0;background:linear-gradient(transparent, var(--surface))}";export{r as sui_scroll_panel}

package/dist/shineui/{p-5c3060d4.entry.js → p-168b1e92.entry.js}

@@ -1 +1 @@
-import{r as i,c as e,g as s,f as t,h as n,a as r}from"./p-ChCjmDsd.js";import{n as u,N as o}from"./p-C9AmyKQd.js";import{a,i as d,f as c}from"./p-ItavAROP.js";import{l as m,p as h,h as l,m as p}from"./p-s--Fn2wu.js";import{b as f,p as v,a as x}from"./p--VsCbcYp.js";import{t as g}from"./p-DuYD2WCY.js";import{u as b}from"./p-U06fVoGD.js";import{d as k}from"./p-B3wtlP4_.js";import"./p-lWhwwQJ2.js";import"./p-DGU97JSr.js";import"./p-GAnFXayY.js";import"./p-8R5d4SBR.js";import"./p-DXIDl7cw.js";const y=class{constructor(s){i(this,s),this.suiPick=e(this,"suiPick",7),this.suiOpenPathChange=e(this,"suiOpenPathChange",3)}get host(){return s(this)}items=[];width=230;variant="plain";openPath=[];suiPick;suiOpenPathChange;active=null;drill=!1;fieldId=b("sui-tiered");menus=[];flyouts=[];pendingFocus=null;placedFor="";dispose;raised;raisedRow=-1;demote;stopOutside;loaded=!1;connectedCallback(){k(this.host,(()=>this.tabStop())),this.loaded&&(this.watchRoom(),this.checkDrill(!0),(this.openPath||[]).length&&t(this))}componentDidLoad(){this.loaded=!0,this.checkDrill(!0),this.watchRoom()}watchRoom(){!this.dispose&&this.host.isConnected&&(this.dispose=f((()=>{this.checkDrill(),this.repositionAll()})))}checkDrill(i=!1){const e=u(this.host,this.width);return e!==this.drill&&(i?Promise.resolve().then((()=>{this.drill=e})):this.drill=e),e}componentWillRender(){this.raised&&this.drawnFly()!==this.raisedRow&&this.lowerFly()}drawnFly(){if(this.drill)return-1;const i=(this.openPath||[])[0];return void 0!==i&&(this.items||[])[i]?.items?.length?i:-1}componentDidRender(){const i=this.flyouts[1];i&&this.raised!==i&&(this.lowerFly(),this.demote=v(i),this.raised=i,this.raisedRow=this.openPath[0],this.placedFor=""),this.armOutside();const e=this.openPath.join(",");if(e!==this.placedFor&&(this.placedFor=e,this.repositionAll()),this.pendingFocus){const i=this.pendingFocus;this.pendingFocus=null,a(this.menus[i.depth],i.index)}}async setFocus(){this.tabStop()?.focus()}tabStop(){const i=this.menus[0];return i?Array.from(i.querySelectorAll('[data-index][tabindex="0"]')).find((e=>e.closest('[role="menu"]')===i))??null:null}disconnectedCallback(){this.dispose?.(),this.dispose=void 0,this.lowerFly(),this.armOutside()}lowerFly(){const i=this.demote;this.demote=void 0,this.raised=void 0,this.raisedRow=-1,i?.()}armOutside(){this.raised&&!this.stopOutside&&this.host.isConnected?this.stopOutside=x((()=>[this.host,this.raised]),(()=>this.collapse())):!this.raised&&this.stopOutside&&(this.stopOutside(),this.stopOutside=void 0)}collapse(){this.setPath([]),this.active=null}leaveFlyout=()=>{const i=this.openPath[0],e=this.menus[0],s=void 0!==i&&e?e.querySelector(`[data-index="${i}"]`):null;return this.collapse(),s?(this.active={depth:0,index:i},d((this.items||[])[i])&&e.querySelectorAll("[data-index]").forEach((i=>{i.tabIndex=i===s?0:-1})),s.focus(),s):null};onItems(){this.setPath([]),this.active=null}setPath(i){const e=this.openPath||[];e.length===i.length&&e.every(((e,s)=>e===i[s]))||(this.openPath=i,this.suiOpenPathChange.emit(i))}listAt(i){return m(this.items||[],this.openPath,i)}repositionAll(){h(this.menus,this.flyouts,this.openPath)}openSub(i,e,s){const t=this.checkDrill();if(this.setPath([...this.openPath.slice(0,i),e]),s||t){const s=this.listAt(i)[e]?.items||[],t=c(s);t>=0&&this.focusLater({depth:i+1,index:t})}}closeLevel(i){if(i<=0)return void this.setPath([]);const e=this.openPath[i-1];this.setPath(this.openPath.slice(0,i-1)),this.focusLater({depth:i-1,index:e})}focusLater(i){this.active=i,this.pendingFocus=i}pick(i,e,s){if(l(i))return void this.openSub(e,s,!1);this.suiPick.emit(i),i.command?.();const t=this.openPath[0];this.setPath([]),this.active=null,e>0&&void 0!==t&&this.focusLater({depth:0,index:t})}onHover(i,e){if(this.active={depth:i,index:e},this.drill)return;const s=this.listAt(i)[e];this.setPath([...this.openPath.slice(0,i),...l(s)?[e]:[]])}onKey(i,e){if(e>0&&!this.drill&&g(i,this.raised,this.leaveFlyout,!0))return;const s=p(i,this.items||[],this.openPath,this.active,e);switch(s.kind){case"move":return this.active=s.cursor,this.setPath(this.openPath.slice(0,e)),void a(this.menus[e],s.cursor.index);case"open":return this.active=s.cursor,void this.openSub(e,s.cursor.index,!0);case"pick":return void this.pick(s.item,s.cursor.depth,s.cursor.index);case"close":return void this.closeLevel(s.depth);case"exit":return void("escape"===s.key&&(e>0||this.openPath.length)&&(i.stopPropagation(),this.closeLevel(e)))}}render(){return this.menus=[],this.flyouts=[],n(r,{key:"f33343222bf881c86335ae5c8023e2138c57e2ad"},n("div",{key:"6079be116d138808fc20c8781d4037a35d3247ed",class:{root:!0,card:"card"===this.variant}},n(o,{key:"fe89293f863a5b6f0f6ee2aceb99e2d6b34c9026",items:this.items||[],path:this.openPath,active:this.active,width:this.width,fill:"card"!==this.variant,idBase:this.fieldId,menuRef:(i,e)=>{e&&(this.menus[i]=e)},flyRef:(i,e)=>{e&&(this.flyouts[i]=e)},onPick:(i,e,s)=>this.pick(i,e,s),onHover:(i,e)=>this.onHover(i,e),onLeave:i=>{this.active&&this.active.depth===i&&(this.active=null)},onKeyDown:(i,e)=>this.onKey(i,e),drill:this.drill,onBack:i=>this.closeLevel(i)})))}static get watchers(){return{items:[{onItems:0}]}}};y.style=".sc-sui-tiered-menu-h{display:block;font-family:var(--font-sans)}.root.sc-sui-tiered-menu{display:block;position:relative;box-sizing:border-box;color:var(--ink)}.root.card.sc-sui-tiered-menu{display:inline-block;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:none}.sui-menu-list.sc-sui-tiered-menu{box-sizing:border-box;padding:5px;font-family:var(--font-sans);color:var(--ink);background:transparent;border:none;border-radius:0;box-shadow:none}.sui-menu-list.fill.sc-sui-tiered-menu{width:auto}.sui-menu-list.sc-sui-tiered-menu:focus{outline:none}.sui-menu-row.sc-sui-tiered-menu{position:relative}.sui-menu-fly.sc-sui-tiered-menu{position:fixed;z-index:var(--z-dropdown);box-sizing:border-box;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-pop);animation:sui-menu-fly-in var(--duration-overlay) var(--ease-out)}.sui-menu-fly[data-side='left'].sc-sui-tiered-menu{animation-name:sui-menu-fly-in-left}@keyframes sui-menu-fly-in{from{opacity:0;margin-left:-4px}}@keyframes sui-menu-fly-in-left{from{opacity:0;margin-left:4px}}.sui-menu-sep.sc-sui-tiered-menu{height:1px;background:var(--hairline);margin:5px 4px}.sui-menu-backbar.sc-sui-tiered-menu{padding:5px 5px 0}.sui-menu-back.sc-sui-tiered-menu{display:flex;align-items:center;gap:9px;width:100%;box-sizing:border-box;margin:0;padding:7.5px 10px;border:0;border-radius:6px;background:transparent;cursor:pointer;font:650 13px var(--font-sans);color:var(--ink);text-align:start;transition:background var(--duration-fast) var(--ease-out)}.sui-menu-back.sc-sui-tiered-menu:hover{--ink-faint:var(--ink-muted);background:var(--surface-hover)}.sui-menu-back.sc-sui-tiered-menu:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}.sui-menu-back.sc-sui-tiered-menu .sui-glyph.sc-sui-tiered-menu{font-size:11px;width:15px;color:var(--ink-muted);flex-shrink:0}.sui-menu-back.sc-sui-tiered-menu .sui-glyph.sc-sui-tiered-menu:dir(rtl){transform:scaleX(-1)}.sui-menu-backbar.sc-sui-tiered-menu .sui-menu-sep.sc-sui-tiered-menu{margin:5px 4px 0}.sui-menu-section.sc-sui-tiered-menu{padding:8px 10px 4px;font-size:10.5px;font-weight:650;letter-spacing:0.09em;text-transform:uppercase;color:var(--ink-faint)}.sui-menu-item.sc-sui-tiered-menu{display:flex;align-items:center;gap:9px;padding:7.5px 10px;border-radius:6px;font-size:13px;font-weight:550;line-height:normal;color:var(--ink);background:transparent;cursor:pointer;user-select:none;outline:none;text-decoration:none;transition:background var(--duration-fast) var(--ease-out)}a.sui-menu-item.sc-sui-tiered-menu,a.sui-menu-item.sc-sui-tiered-menu:hover,a.sui-menu-item.sc-sui-tiered-menu:visited{color:var(--ink);text-decoration:none}.sui-menu-item.active.sc-sui-tiered-menu,.sui-menu-item.open.sc-sui-tiered-menu{--ink-faint:var(--ink-muted);background:var(--surface-hover)}.sui-menu-item.danger.sc-sui-tiered-menu,a.sui-menu-item.danger.sc-sui-tiered-menu,a.sui-menu-item.danger.sc-sui-tiered-menu:hover,a.sui-menu-item.danger.sc-sui-tiered-menu:visited{color:var(--danger);font-weight:620}.sui-menu-item.danger.active.sc-sui-tiered-menu,.sui-menu-item.danger.sc-sui-tiered-menu:hover,a.sui-menu-item.danger.sc-sui-tiered-menu:hover{background:var(--danger-soft);color:var(--danger-soft-ink)}.sui-menu-item.disabled.sc-sui-tiered-menu{--ink-muted:var(--ink-placeholder);--ink-faint:var(--ink-placeholder);--accent:var(--surface-sunken);--accent-contrast:var(--ink-placeholder);color:var(--disabled-ink);cursor:not-allowed;background:transparent}.sui-menu-item.current.sc-sui-tiered-menu{font-weight:650}.sui-menu-item.sc-sui-tiered-menu:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.sui-menu-icon.sc-sui-tiered-menu{font-size:12px;width:15px;text-align:center;color:var(--ink-muted);flex-shrink:0}.sui-menu-check.sc-sui-tiered-menu{display:inline-flex;align-items:center;justify-content:center;width:15px;flex-shrink:0;font-size:11px;color:var(--ink)}.sui-menu-item.danger.sc-sui-tiered-menu .sui-menu-icon.sc-sui-tiered-menu{color:var(--danger)}.sui-menu-item.danger.sc-sui-tiered-menu:hover .sui-menu-icon.sc-sui-tiered-menu,.sui-menu-item.danger.active.sc-sui-tiered-menu .sui-menu-icon.sc-sui-tiered-menu{color:var(--danger-soft-ink)}.sui-menu-item.disabled.sc-sui-tiered-menu .sui-menu-icon.sc-sui-tiered-menu{color:var(--disabled-ink)}.sui-menu-label.sc-sui-tiered-menu{flex:1;min-width:0}.sui-menu-badge.sc-sui-tiered-menu{min-width:17px;height:17px;padding:0 5px;box-sizing:border-box;border-radius:9px;background:var(--accent);color:var(--accent-contrast);font-size:10px;font-weight:720;display:inline-flex;align-items:center;justify-content:center;font-feature-settings:'tnum'}.sui-menu-shortcut.sc-sui-tiered-menu{font-size:11px;color:var(--ink-faint);font-feature-settings:'tnum';white-space:nowrap}.sui-menu-chev.sc-sui-tiered-menu{font-size:9px;color:var(--ink-faint)}.sui-menu-chev.sc-sui-tiered-menu:dir(rtl){transform:scaleX(-1)}@media (forced-colors: active){.sui-menu-sep.sc-sui-tiered-menu{background:CanvasText}.sui-menu-item.active.sc-sui-tiered-menu,.sui-menu-item.open.sc-sui-tiered-menu,.sui-menu-item.danger.active.sc-sui-tiered-menu{forced-color-adjust:none;background:Highlight;color:HighlightText}a.sui-menu-item.active.sc-sui-tiered-menu,a.sui-menu-item.open.sc-sui-tiered-menu,a.sui-menu-item.danger.active.sc-sui-tiered-menu{color:HighlightText}.sui-menu-item.disabled.sc-sui-tiered-menu{color:GrayText}.sui-menu-item.current.sc-sui-tiered-menu{outline:2px solid Highlight;outline-offset:-2px}.sui-menu-item.sc-sui-tiered-menu:focus-visible{outline-color:CanvasText;box-shadow:none}.sui-menu-icon.sc-sui-tiered-menu,.sui-menu-shortcut.sc-sui-tiered-menu,.sui-menu-chev.sc-sui-tiered-menu,.sui-menu-item.danger.sc-sui-tiered-menu .sui-menu-icon.sc-sui-tiered-menu{color:inherit}.sui-menu-item.disabled.sc-sui-tiered-menu .sui-menu-icon.sc-sui-tiered-menu{color:GrayText}.sui-menu-badge.sc-sui-tiered-menu{background:Canvas;color:CanvasText;border:1px solid CanvasText}}";export{y as sui_tiered_menu}
+import{r as i,c as e,g as s,f as t,h as n,a as r}from"./p-ChCjmDsd.js";import{n as u,N as o}from"./p-DZ9U2gqa.js";import{a,i as d,f as c}from"./p-BHuhAGFo.js";import{l as m,p as h,h as l,m as p}from"./p-B0HuNbFx.js";import{b as f,p as v,a as x}from"./p-DxQKrio7.js";import{t as g}from"./p-BdhSIPLG.js";import{u as b}from"./p-U06fVoGD.js";import{d as k}from"./p-B3wtlP4_.js";import"./p-lWhwwQJ2.js";import"./p-CHznIlgx.js";import"./p-GAnFXayY.js";import"./p-8R5d4SBR.js";import"./p-CZ4DDtn8.js";const y=class{constructor(s){i(this,s),this.suiPick=e(this,"suiPick",7),this.suiOpenPathChange=e(this,"suiOpenPathChange",3)}get host(){return s(this)}items=[];width=230;variant="plain";openPath=[];suiPick;suiOpenPathChange;active=null;drill=!1;fieldId=b("sui-tiered");menus=[];flyouts=[];pendingFocus=null;placedFor="";dispose;raised;raisedRow=-1;demote;stopOutside;loaded=!1;connectedCallback(){k(this.host,(()=>this.tabStop())),this.loaded&&(this.watchRoom(),this.checkDrill(!0),(this.openPath||[]).length&&t(this))}componentDidLoad(){this.loaded=!0,this.checkDrill(!0),this.watchRoom()}watchRoom(){!this.dispose&&this.host.isConnected&&(this.dispose=f((()=>{this.checkDrill(),this.repositionAll()})))}checkDrill(i=!1){const e=u(this.host,this.width);return e!==this.drill&&(i?Promise.resolve().then((()=>{this.drill=e})):this.drill=e),e}componentWillRender(){this.raised&&this.drawnFly()!==this.raisedRow&&this.lowerFly()}drawnFly(){if(this.drill)return-1;const i=(this.openPath||[])[0];return void 0!==i&&(this.items||[])[i]?.items?.length?i:-1}componentDidRender(){const i=this.flyouts[1];i&&this.raised!==i&&(this.lowerFly(),this.demote=v(i),this.raised=i,this.raisedRow=this.openPath[0],this.placedFor=""),this.armOutside();const e=this.openPath.join(",");if(e!==this.placedFor&&(this.placedFor=e,this.repositionAll()),this.pendingFocus){const i=this.pendingFocus;this.pendingFocus=null,a(this.menus[i.depth],i.index)}}async setFocus(){this.tabStop()?.focus()}tabStop(){const i=this.menus[0];return i?Array.from(i.querySelectorAll('[data-index][tabindex="0"]')).find((e=>e.closest('[role="menu"]')===i))??null:null}disconnectedCallback(){this.dispose?.(),this.dispose=void 0,this.lowerFly(),this.armOutside()}lowerFly(){const i=this.demote;this.demote=void 0,this.raised=void 0,this.raisedRow=-1,i?.()}armOutside(){this.raised&&!this.stopOutside&&this.host.isConnected?this.stopOutside=x((()=>[this.host,this.raised]),(()=>this.collapse())):!this.raised&&this.stopOutside&&(this.stopOutside(),this.stopOutside=void 0)}collapse(){this.setPath([]),this.active=null}leaveFlyout=()=>{const i=this.openPath[0],e=this.menus[0],s=void 0!==i&&e?e.querySelector(`[data-index="${i}"]`):null;return this.collapse(),s?(this.active={depth:0,index:i},d((this.items||[])[i])&&e.querySelectorAll("[data-index]").forEach((i=>{i.tabIndex=i===s?0:-1})),s.focus(),s):null};onItems(){this.setPath([]),this.active=null}setPath(i){const e=this.openPath||[];e.length===i.length&&e.every(((e,s)=>e===i[s]))||(this.openPath=i,this.suiOpenPathChange.emit(i))}listAt(i){return m(this.items||[],this.openPath,i)}repositionAll(){h(this.menus,this.flyouts,this.openPath)}openSub(i,e,s){const t=this.checkDrill();if(this.setPath([...this.openPath.slice(0,i),e]),s||t){const s=this.listAt(i)[e]?.items||[],t=c(s);t>=0&&this.focusLater({depth:i+1,index:t})}}closeLevel(i){if(i<=0)return void this.setPath([]);const e=this.openPath[i-1];this.setPath(this.openPath.slice(0,i-1)),this.focusLater({depth:i-1,index:e})}focusLater(i){this.active=i,this.pendingFocus=i}pick(i,e,s){if(l(i))return void this.openSub(e,s,!1);this.suiPick.emit(i),i.command?.();const t=this.openPath[0];this.setPath([]),this.active=null,e>0&&void 0!==t&&this.focusLater({depth:0,index:t})}onHover(i,e){if(this.active={depth:i,index:e},this.drill)return;const s=this.listAt(i)[e];this.setPath([...this.openPath.slice(0,i),...l(s)?[e]:[]])}onKey(i,e){if(e>0&&!this.drill&&g(i,this.raised,this.leaveFlyout,!0))return;const s=p(i,this.items||[],this.openPath,this.active,e);switch(s.kind){case"move":return this.active=s.cursor,this.setPath(this.openPath.slice(0,e)),void a(this.menus[e],s.cursor.index);case"open":return this.active=s.cursor,void this.openSub(e,s.cursor.index,!0);case"pick":return void this.pick(s.item,s.cursor.depth,s.cursor.index);case"close":return void this.closeLevel(s.depth);case"exit":return void("escape"===s.key&&(e>0||this.openPath.length)&&(i.stopPropagation(),this.closeLevel(e)))}}render(){return this.menus=[],this.flyouts=[],n(r,{key:"2e3528d3d2e424322a60e8cac19b7217138f44a1"},n("div",{key:"37e72a3c59f5f141c89e5d5207f7a813d9b4b64b",class:{root:!0,card:"card"===this.variant}},n(o,{key:"4a96397094cc36dc85725f72f1f7b35d9e590b0d",items:this.items||[],path:this.openPath,active:this.active,width:this.width,fill:"card"!==this.variant,idBase:this.fieldId,menuRef:(i,e)=>{e&&(this.menus[i]=e)},flyRef:(i,e)=>{e&&(this.flyouts[i]=e)},onPick:(i,e,s)=>this.pick(i,e,s),onHover:(i,e)=>this.onHover(i,e),onLeave:i=>{this.active&&this.active.depth===i&&(this.active=null)},onKeyDown:(i,e)=>this.onKey(i,e),drill:this.drill,onBack:i=>this.closeLevel(i)})))}static get watchers(){return{items:[{onItems:0}]}}};y.style=".sc-sui-tiered-menu-h{display:block;font-family:var(--font-sans)}.root.sc-sui-tiered-menu{display:block;position:relative;box-sizing:border-box;color:var(--ink)}.root.card.sc-sui-tiered-menu{display:inline-block;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:none}.sui-menu-list.sc-sui-tiered-menu{box-sizing:border-box;padding:5px;font-family:var(--font-sans);color:var(--ink);background:transparent;border:none;border-radius:0;box-shadow:none}.sui-menu-list.fill.sc-sui-tiered-menu{width:auto}.sui-menu-list.sc-sui-tiered-menu:focus{outline:none}.sui-menu-row.sc-sui-tiered-menu{position:relative}.sui-menu-fly.sc-sui-tiered-menu{position:fixed;z-index:var(--z-dropdown);box-sizing:border-box;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-pop);animation:sui-menu-fly-in var(--duration-overlay) var(--ease-out)}.sui-menu-fly[data-side='left'].sc-sui-tiered-menu{animation-name:sui-menu-fly-in-left}@keyframes sui-menu-fly-in{from{opacity:0;margin-left:-4px}}@keyframes sui-menu-fly-in-left{from{opacity:0;margin-left:4px}}.sui-menu-sep.sc-sui-tiered-menu{height:1px;background:var(--hairline);margin:5px 4px}.sui-menu-backbar.sc-sui-tiered-menu{padding:5px 5px 0}.sui-menu-back.sc-sui-tiered-menu{display:flex;align-items:center;gap:9px;width:100%;box-sizing:border-box;margin:0;padding:7.5px 10px;border:0;border-radius:6px;background:transparent;cursor:pointer;font:650 13px var(--font-sans);color:var(--ink);text-align:start;transition:background var(--duration-fast) var(--ease-out)}.sui-menu-back.sc-sui-tiered-menu:hover{--ink-faint:var(--ink-muted);background:var(--surface-hover)}.sui-menu-back.sc-sui-tiered-menu:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}.sui-menu-back.sc-sui-tiered-menu .sui-glyph.sc-sui-tiered-menu{font-size:11px;width:15px;color:var(--ink-muted);flex-shrink:0}.sui-menu-back.sc-sui-tiered-menu .sui-glyph.sc-sui-tiered-menu:dir(rtl){transform:scaleX(-1)}.sui-menu-backbar.sc-sui-tiered-menu .sui-menu-sep.sc-sui-tiered-menu{margin:5px 4px 0}.sui-menu-section.sc-sui-tiered-menu{padding:8px 10px 4px;font-size:10.5px;font-weight:650;letter-spacing:0.09em;text-transform:uppercase;color:var(--ink-faint)}.sui-menu-item.sc-sui-tiered-menu{display:flex;align-items:center;gap:9px;padding:7.5px 10px;border-radius:6px;font-size:13px;font-weight:550;line-height:normal;color:var(--ink);background:transparent;cursor:pointer;user-select:none;outline:none;text-decoration:none;transition:background var(--duration-fast) var(--ease-out)}a.sui-menu-item.sc-sui-tiered-menu,a.sui-menu-item.sc-sui-tiered-menu:hover,a.sui-menu-item.sc-sui-tiered-menu:visited{color:var(--ink);text-decoration:none}.sui-menu-item.active.sc-sui-tiered-menu,.sui-menu-item.open.sc-sui-tiered-menu{--ink-faint:var(--ink-muted);background:var(--surface-hover)}.sui-menu-item.danger.sc-sui-tiered-menu,a.sui-menu-item.danger.sc-sui-tiered-menu,a.sui-menu-item.danger.sc-sui-tiered-menu:hover,a.sui-menu-item.danger.sc-sui-tiered-menu:visited{color:var(--danger);font-weight:620}.sui-menu-item.danger.active.sc-sui-tiered-menu,.sui-menu-item.danger.sc-sui-tiered-menu:hover,a.sui-menu-item.danger.sc-sui-tiered-menu:hover{background:var(--danger-soft);color:var(--danger-soft-ink)}.sui-menu-item.disabled.sc-sui-tiered-menu{--ink-muted:var(--ink-placeholder);--ink-faint:var(--ink-placeholder);--accent:var(--surface-sunken);--accent-contrast:var(--ink-placeholder);color:var(--disabled-ink);cursor:not-allowed;background:transparent}.sui-menu-item.current.sc-sui-tiered-menu{font-weight:650}.sui-menu-item.sc-sui-tiered-menu:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.sui-menu-icon.sc-sui-tiered-menu{font-size:12px;width:15px;text-align:center;color:var(--ink-muted);flex-shrink:0}.sui-menu-check.sc-sui-tiered-menu{display:inline-flex;align-items:center;justify-content:center;width:15px;flex-shrink:0;font-size:11px;color:var(--ink)}.sui-menu-item.danger.sc-sui-tiered-menu .sui-menu-icon.sc-sui-tiered-menu{color:var(--danger)}.sui-menu-item.danger.sc-sui-tiered-menu:hover .sui-menu-icon.sc-sui-tiered-menu,.sui-menu-item.danger.active.sc-sui-tiered-menu .sui-menu-icon.sc-sui-tiered-menu{color:var(--danger-soft-ink)}.sui-menu-item.disabled.sc-sui-tiered-menu .sui-menu-icon.sc-sui-tiered-menu{color:var(--disabled-ink)}.sui-menu-label.sc-sui-tiered-menu{flex:1;min-width:0}.sui-menu-badge.sc-sui-tiered-menu{min-width:17px;height:17px;padding:0 5px;box-sizing:border-box;border-radius:9px;background:var(--accent);color:var(--accent-contrast);font-size:10px;font-weight:720;display:inline-flex;align-items:center;justify-content:center;font-feature-settings:'tnum'}.sui-menu-shortcut.sc-sui-tiered-menu{font-size:11px;color:var(--ink-faint);font-feature-settings:'tnum';white-space:nowrap}.sui-menu-chev.sc-sui-tiered-menu{font-size:9px;color:var(--ink-faint)}.sui-menu-chev.sc-sui-tiered-menu:dir(rtl){transform:scaleX(-1)}@media (forced-colors: active){.sui-menu-sep.sc-sui-tiered-menu{background:CanvasText}.sui-menu-item.active.sc-sui-tiered-menu,.sui-menu-item.open.sc-sui-tiered-menu,.sui-menu-item.danger.active.sc-sui-tiered-menu{forced-color-adjust:none;background:Highlight;color:HighlightText}a.sui-menu-item.active.sc-sui-tiered-menu,a.sui-menu-item.open.sc-sui-tiered-menu,a.sui-menu-item.danger.active.sc-sui-tiered-menu{color:HighlightText}.sui-menu-item.disabled.sc-sui-tiered-menu{color:GrayText}.sui-menu-item.current.sc-sui-tiered-menu{outline:2px solid Highlight;outline-offset:-2px}.sui-menu-item.sc-sui-tiered-menu:focus-visible{outline-color:CanvasText;box-shadow:none}.sui-menu-icon.sc-sui-tiered-menu,.sui-menu-shortcut.sc-sui-tiered-menu,.sui-menu-chev.sc-sui-tiered-menu,.sui-menu-item.danger.sc-sui-tiered-menu .sui-menu-icon.sc-sui-tiered-menu{color:inherit}.sui-menu-item.disabled.sc-sui-tiered-menu .sui-menu-icon.sc-sui-tiered-menu{color:GrayText}.sui-menu-badge.sc-sui-tiered-menu{background:Canvas;color:CanvasText;border:1px solid CanvasText}}";export{y as sui_tiered_menu}

package/dist/shineui/p-16ac783b.entry.js

@@ -0,0 +1 @@
+export{SuiButton as sui_button}from"./p-ByaOFTD6.js";import"./p-ChCjmDsd.js";import"./p-BsRW1Q8k.js";import"./p-B3wtlP4_.js";import"./p-lWhwwQJ2.js";import"./p-CHznIlgx.js";

package/dist/shineui/{p-9f0a0a32.entry.js → p-17c17f24.entry.js}

@@ -1 +1 @@
-import{r as s,c as t,g as e,h as i,a as r}from"./p-ChCjmDsd.js";import{d as p}from"./p-B3wtlP4_.js";import{G as n,r as a}from"./p-DGU97JSr.js";import{b as c,o,d as l}from"./p-BWkzTEZX.js";import{l as h}from"./p-lWhwwQJ2.js";const u=class{constructor(e){s(this,e),this.suiActiveChange=t(this,"suiActiveChange",3)}get host(){return e(this)}steps=[];active=0;orientation="horizontal";linear=!1;readOnly=!1;suiActiveChange;hasBody=!1;compact=!1;bodyEl;dispose;resizeObserver;loaded=!1;connectedCallback(){p(this.host,(()=>this.focusTarget())),this.loaded&&this.watch(!0)}async setFocus(){this.focusTarget()?.focus()}focusTarget(){return this.host.querySelector("button.hit[aria-current]")??this.host.querySelector("button.hit")}componentWillLoad(){this.hasBody=c(this.host)}componentDidLoad(){this.loaded=!0,this.watch(),this.measure()}disconnectedCallback(){this.dispose?.(),this.dispose=void 0,this.resizeObserver?.disconnect(),this.resizeObserver=void 0}watch(s=!1){this.dispose?.(),this.resizeObserver?.disconnect(),this.dispose=o(this.host,(()=>this.detect())),this.resizeObserver="undefined"!=typeof ResizeObserver?new ResizeObserver((()=>this.measure())):void 0,this.resizeObserver?.observe(this.host),s&&Promise.resolve().then((()=>{this.host.isConnected&&(this.detect(),this.measure())}))}measure(){const s=Array.isArray(this.steps)?this.steps.length:0,t=this.host.clientWidth||0;if(!t)return;const e="vertical"!==this.orientation&&s>1&&t<78*s+16*(s-1);e!==this.compact&&(this.compact=e)}detect(){const s=l(this.host).filter((s=>s.classList.contains("steps")||s.classList.contains("caption")||s.classList.contains("body")));this.hasBody=c(this.host,this.bodyEl,s)}pick(s){this.reachable(s)&&s!==this.active&&(this.active=s,this.suiActiveChange.emit(s))}reachable(s){return!this.readOnly&&(!this.linear||s<=this.active)}circle(s){const t=s<this.active;return i("span",{class:{circle:!0,done:t,cur:s===this.active}},t?i(n,{glyph:a}):String(s+1))}labels(s,t){return i("span",{class:"labels"},i("span",{class:{label:!0,cur:s===this.active,reached:s<=this.active}},t.label),t.description?i("span",{class:"desc"},t.description):null)}hit(s,t,e){const r=s===this.active;return this.reachable(s)?i("button",{type:"button",class:"hit","aria-label":e,"aria-current":r?"step":null,onClick:()=>this.pick(s)},t):i("span",{class:"hit static","aria-current":r?"step":null},t)}caption(s){const t=Math.min(Math.max(this.active,0),s.length-1),e=s[t];if(!e)return null;const r=h(void 0,"stepper.progress",void 0,"Step {current} of {total}").replace("{current}",String(t+1)).replace("{total}",String(s.length));return i("div",{class:"caption","aria-hidden":"true"},i("span",{class:"count"},r),i("span",{class:"label cur reached"},e.label),e.description?i("span",{class:"desc"},e.description):null)}render(){const s=Array.isArray(this.steps)?this.steps:[],t=s.length-1,e=i("div",{class:"body",ref:s=>this.bodyEl=s},i("slot",null));return"vertical"===this.orientation?i(r,null,i("ol",{class:"steps v"},s.map(((s,r)=>i("li",{class:"step"},i("span",{class:"rail"},this.hit(r,this.circle(r),s.label),r<t?i("span",{class:{vline:!0,done:r<this.active}}):null),i("span",{class:"content"},this.labels(r,s),r===this.active&&this.hasBody?e:null)))))):i(r,null,i("ol",{class:{steps:!0,h:!0,compact:this.compact}},s.map(((s,e)=>i("li",{class:"step"},this.hit(e,[this.circle(e),this.labels(e,s)]),e<t?i("span",{class:{hline:!0,done:e<this.active}}):null)))),this.compact?this.caption(s):null,this.hasBody?e:null)}static get watchers(){return{steps:[{measure:0}],orientation:[{measure:0}]}}};u.style=".sc-sui-stepper-h{display:block;font-family:var(--font-sans);color:var(--ink)}.steps.sc-sui-stepper{list-style:none;margin:0;padding:0;display:flex}.steps.h.sc-sui-stepper{align-items:flex-start}.steps.v.sc-sui-stepper{flex-direction:column}.step.sc-sui-stepper{display:flex;align-items:flex-start;flex:1;min-width:0}.steps.h.sc-sui-stepper .step.sc-sui-stepper:last-child{flex:none}.steps.v.sc-sui-stepper .step.sc-sui-stepper{gap:12px;flex:none}.hit.sc-sui-stepper{display:flex;flex-direction:column;align-items:center;gap:7px;margin:-4px -6px;padding:4px 6px;border:none;background:transparent;color:inherit;font:inherit;font-family:var(--font-sans);cursor:pointer;text-align:center}.hit.static.sc-sui-stepper{cursor:default}.steps.h.sc-sui-stepper .hit.sc-sui-stepper{min-width:min(90px, 100% - 4px)}.steps.h.sc-sui-stepper .hit.static.sc-sui-stepper{min-width:min(90px, 100% - 16px)}.steps.h.sc-sui-stepper .step.sc-sui-stepper:last-child .hit.sc-sui-stepper{min-width:90px}.steps.h.compact.sc-sui-stepper .hit.sc-sui-stepper,.steps.h.compact.sc-sui-stepper .step.sc-sui-stepper:last-child .hit.sc-sui-stepper{min-width:0;margin:-3px;padding:3px}.steps.h.compact.sc-sui-stepper .labels.sc-sui-stepper{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.steps.h.compact.sc-sui-stepper .hline.sc-sui-stepper{margin-inline:8px}.caption.sc-sui-stepper{display:block;margin-top:10px}.caption.sc-sui-stepper .count.sc-sui-stepper{display:block;font-size:11.5px;color:var(--ink-faint);font-feature-settings:'tnum'}.caption.sc-sui-stepper .label.sc-sui-stepper{margin-top:2px}.steps.v.sc-sui-stepper .hit.sc-sui-stepper{margin:-3px;padding:3px}.hit.sc-sui-stepper:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow);border-radius:var(--radius-md)}.circle.sc-sui-stepper{width:28px;height:28px;border-radius:50%;flex-shrink:0;box-sizing:border-box;background:var(--surface);border:1px solid var(--control-border);color:var(--ink-faint);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:720;font-feature-settings:'tnum';transition:background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out)}.circle.done.sc-sui-stepper{background:var(--brand);border:none;color:var(--brand-contrast)}.circle.cur.sc-sui-stepper{background:var(--accent);border:none;color:var(--accent-contrast)}.circle.sc-sui-stepper .sui-glyph.sc-sui-stepper{font-size:10px}.labels.sc-sui-stepper{display:block;text-align:center;overflow-wrap:break-word}.steps.v.sc-sui-stepper .labels.sc-sui-stepper{text-align:start}.label.sc-sui-stepper{display:block;font-size:12.5px;font-weight:620;color:var(--ink-faint)}.label.reached.sc-sui-stepper{color:var(--ink)}.label.cur.sc-sui-stepper{font-weight:700}.desc.sc-sui-stepper{display:block;font-size:11.5px;color:var(--ink-faint);margin-top:1px}.steps.h.sc-sui-stepper .label.sc-sui-stepper,.steps.h.sc-sui-stepper .desc.sc-sui-stepper{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.hline.sc-sui-stepper{flex:1;min-width:16px;height:2px;background:var(--border);margin-top:13px}.hline.done.sc-sui-stepper{background:var(--brand)}.rail.sc-sui-stepper{display:flex;flex-direction:column;align-items:center;align-self:stretch}.vline.sc-sui-stepper{width:2px;flex:1;min-height:18px;background:var(--border);margin:8px 0}.vline.done.sc-sui-stepper{background:var(--brand)}.content.sc-sui-stepper{flex:1;min-width:0;padding-bottom:20px}.steps.h.sc-sui-stepper+.body.sc-sui-stepper,.caption.sc-sui-stepper+.body.sc-sui-stepper{margin-top:16px}.content.sc-sui-stepper .body.sc-sui-stepper{margin-top:10px}@media (forced-colors: active){.circle.done.sc-sui-stepper{border:1px solid CanvasText}.circle.cur.sc-sui-stepper{forced-color-adjust:none;background:Highlight;border:1px solid Highlight;color:HighlightText}.hline.sc-sui-stepper,.vline.sc-sui-stepper{background:CanvasText}.hline.done.sc-sui-stepper,.vline.done.sc-sui-stepper{background:Highlight}}";export{u as sui_stepper}
+import{r as s,c as t,g as e,h as i,a as r}from"./p-ChCjmDsd.js";import{d as p}from"./p-B3wtlP4_.js";import{G as n,r as a}from"./p-CHznIlgx.js";import{b as c,o,d as l}from"./p-BWkzTEZX.js";import{l as h}from"./p-lWhwwQJ2.js";const u=class{constructor(e){s(this,e),this.suiActiveChange=t(this,"suiActiveChange",3)}get host(){return e(this)}steps=[];active=0;orientation="horizontal";linear=!1;readOnly=!1;suiActiveChange;hasBody=!1;compact=!1;bodyEl;dispose;resizeObserver;loaded=!1;connectedCallback(){p(this.host,(()=>this.focusTarget())),this.loaded&&this.watch(!0)}async setFocus(){this.focusTarget()?.focus()}focusTarget(){return this.host.querySelector("button.hit[aria-current]")??this.host.querySelector("button.hit")}componentWillLoad(){this.hasBody=c(this.host)}componentDidLoad(){this.loaded=!0,this.watch(),this.measure()}disconnectedCallback(){this.dispose?.(),this.dispose=void 0,this.resizeObserver?.disconnect(),this.resizeObserver=void 0}watch(s=!1){this.dispose?.(),this.resizeObserver?.disconnect(),this.dispose=o(this.host,(()=>this.detect())),this.resizeObserver="undefined"!=typeof ResizeObserver?new ResizeObserver((()=>this.measure())):void 0,this.resizeObserver?.observe(this.host),s&&Promise.resolve().then((()=>{this.host.isConnected&&(this.detect(),this.measure())}))}measure(){const s=Array.isArray(this.steps)?this.steps.length:0,t=this.host.clientWidth||0;if(!t)return;const e="vertical"!==this.orientation&&s>1&&t<78*s+16*(s-1);e!==this.compact&&(this.compact=e)}detect(){const s=l(this.host).filter((s=>s.classList.contains("steps")||s.classList.contains("caption")||s.classList.contains("body")));this.hasBody=c(this.host,this.bodyEl,s)}pick(s){this.reachable(s)&&s!==this.active&&(this.active=s,this.suiActiveChange.emit(s))}reachable(s){return!this.readOnly&&(!this.linear||s<=this.active)}circle(s){const t=s<this.active;return i("span",{class:{circle:!0,done:t,cur:s===this.active}},t?i(n,{glyph:a}):String(s+1))}labels(s,t){return i("span",{class:"labels"},i("span",{class:{label:!0,cur:s===this.active,reached:s<=this.active}},t.label),t.description?i("span",{class:"desc"},t.description):null)}hit(s,t,e){const r=s===this.active;return this.reachable(s)?i("button",{type:"button",class:"hit","aria-label":e,"aria-current":r?"step":null,onClick:()=>this.pick(s)},t):i("span",{class:"hit static","aria-current":r?"step":null},t)}caption(s){const t=Math.min(Math.max(this.active,0),s.length-1),e=s[t];if(!e)return null;const r=h(void 0,"stepper.progress",void 0,"Step {current} of {total}").replace("{current}",String(t+1)).replace("{total}",String(s.length));return i("div",{class:"caption","aria-hidden":"true"},i("span",{class:"count"},r),i("span",{class:"label cur reached"},e.label),e.description?i("span",{class:"desc"},e.description):null)}render(){const s=Array.isArray(this.steps)?this.steps:[],t=s.length-1,e=i("div",{class:"body",ref:s=>this.bodyEl=s},i("slot",null));return"vertical"===this.orientation?i(r,null,i("ol",{class:"steps v"},s.map(((s,r)=>i("li",{class:"step"},i("span",{class:"rail"},this.hit(r,this.circle(r),s.label),r<t?i("span",{class:{vline:!0,done:r<this.active}}):null),i("span",{class:"content"},this.labels(r,s),r===this.active&&this.hasBody?e:null)))))):i(r,null,i("ol",{class:{steps:!0,h:!0,compact:this.compact}},s.map(((s,e)=>i("li",{class:"step"},this.hit(e,[this.circle(e),this.labels(e,s)]),e<t?i("span",{class:{hline:!0,done:e<this.active}}):null)))),this.compact?this.caption(s):null,this.hasBody?e:null)}static get watchers(){return{steps:[{measure:0}],orientation:[{measure:0}]}}};u.style=".sc-sui-stepper-h{display:block;font-family:var(--font-sans);color:var(--ink)}.steps.sc-sui-stepper{list-style:none;margin:0;padding:0;display:flex}.steps.h.sc-sui-stepper{align-items:flex-start}.steps.v.sc-sui-stepper{flex-direction:column}.step.sc-sui-stepper{display:flex;align-items:flex-start;flex:1;min-width:0}.steps.h.sc-sui-stepper .step.sc-sui-stepper:last-child{flex:none}.steps.v.sc-sui-stepper .step.sc-sui-stepper{gap:12px;flex:none}.hit.sc-sui-stepper{display:flex;flex-direction:column;align-items:center;gap:7px;margin:-4px -6px;padding:4px 6px;border:none;background:transparent;color:inherit;font:inherit;font-family:var(--font-sans);cursor:pointer;text-align:center}.hit.static.sc-sui-stepper{cursor:default}.steps.h.sc-sui-stepper .hit.sc-sui-stepper{min-width:min(90px, 100% - 4px)}.steps.h.sc-sui-stepper .hit.static.sc-sui-stepper{min-width:min(90px, 100% - 16px)}.steps.h.sc-sui-stepper .step.sc-sui-stepper:last-child .hit.sc-sui-stepper{min-width:90px}.steps.h.compact.sc-sui-stepper .hit.sc-sui-stepper,.steps.h.compact.sc-sui-stepper .step.sc-sui-stepper:last-child .hit.sc-sui-stepper{min-width:0;margin:-3px;padding:3px}.steps.h.compact.sc-sui-stepper .labels.sc-sui-stepper{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.steps.h.compact.sc-sui-stepper .hline.sc-sui-stepper{margin-inline:8px}.caption.sc-sui-stepper{display:block;margin-top:10px}.caption.sc-sui-stepper .count.sc-sui-stepper{display:block;font-size:11.5px;color:var(--ink-faint);font-feature-settings:'tnum'}.caption.sc-sui-stepper .label.sc-sui-stepper{margin-top:2px}.steps.v.sc-sui-stepper .hit.sc-sui-stepper{margin:-3px;padding:3px}.hit.sc-sui-stepper:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow);border-radius:var(--radius-md)}.circle.sc-sui-stepper{width:28px;height:28px;border-radius:50%;flex-shrink:0;box-sizing:border-box;background:var(--surface);border:1px solid var(--control-border);color:var(--ink-faint);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:720;font-feature-settings:'tnum';transition:background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out)}.circle.done.sc-sui-stepper{background:var(--brand);border:none;color:var(--brand-contrast)}.circle.cur.sc-sui-stepper{background:var(--accent);border:none;color:var(--accent-contrast)}.circle.sc-sui-stepper .sui-glyph.sc-sui-stepper{font-size:10px}.labels.sc-sui-stepper{display:block;text-align:center;overflow-wrap:break-word}.steps.v.sc-sui-stepper .labels.sc-sui-stepper{text-align:start}.label.sc-sui-stepper{display:block;font-size:12.5px;font-weight:620;color:var(--ink-faint)}.label.reached.sc-sui-stepper{color:var(--ink)}.label.cur.sc-sui-stepper{font-weight:700}.desc.sc-sui-stepper{display:block;font-size:11.5px;color:var(--ink-faint);margin-top:1px}.steps.h.sc-sui-stepper .label.sc-sui-stepper,.steps.h.sc-sui-stepper .desc.sc-sui-stepper{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.hline.sc-sui-stepper{flex:1;min-width:16px;height:2px;background:var(--border);margin-top:13px}.hline.done.sc-sui-stepper{background:var(--brand)}.rail.sc-sui-stepper{display:flex;flex-direction:column;align-items:center;align-self:stretch}.vline.sc-sui-stepper{width:2px;flex:1;min-height:18px;background:var(--border);margin:8px 0}.vline.done.sc-sui-stepper{background:var(--brand)}.content.sc-sui-stepper{flex:1;min-width:0;padding-bottom:20px}.steps.h.sc-sui-stepper+.body.sc-sui-stepper,.caption.sc-sui-stepper+.body.sc-sui-stepper{margin-top:16px}.content.sc-sui-stepper .body.sc-sui-stepper{margin-top:10px}@media (forced-colors: active){.circle.done.sc-sui-stepper{border:1px solid CanvasText}.circle.cur.sc-sui-stepper{forced-color-adjust:none;background:Highlight;border:1px solid Highlight;color:HighlightText}.hline.sc-sui-stepper,.vline.sc-sui-stepper{background:CanvasText}.hline.done.sc-sui-stepper,.vline.done.sc-sui-stepper{background:Highlight}}";export{u as sui_stepper}