npm - @alaarab/ogrid-vue - Versions diffs - 2.7.2 → 2.8.1 - Mend

@alaarab/ogrid-vue 2.7.2 → 2.8.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (7) hide show

package/dist/esm/index.js +1 -1
package/dist/esm/styles/ogrid-layout.css +7 -3
package/dist/esm/styles/ogrid-theme.css +137 -28
package/dist/types/composables/index.d.ts +2 -0
package/dist/types/composables/useHeadlessGrid.d.ts +103 -0
package/dist/types/index.d.ts +2 -2
package/package.json +2 -2

package/dist/esm/index.js CHANGED Viewed

	@@ -1 +1 @@
1	- import {injectGlobalStyles,Z_INDEX,getStatusBarParts,measureRange,flattenColumns,getMultiSelectFilterFields,deriveFilterOptionsFromData,shouldUseWorkerSort,processClientSideData,processClientSideDataAsync,validateColumns,validateRowIds,computeRowSelectionState,parseTsvClipboard,applyPastedValues,applyCutClear,normalizeSelectionRange,applyCellDeletion,computeTabNavigation,computeArrowNavigation,buildCellIndex,applyFillValues,UndoRedoStack,CHECKBOX_COLUMN_WIDTH,estimateHeaderMinWidth,CELL_PADDING,measureColumnContentWidth,resolveResponsiveConfig,applyResponsiveHiding,DEFAULT_MIN_COLUMN_WIDTH,computeAggregations,getDataGridStatusBarConfig,formatDateForDisplay,DEFAULT_DATE_FORMAT,getPinStateForColumn,validateVirtualScrollConfig,computeVisibleRange,computeTotalHeight,computeVisibleColumnRange,getScrollTopForRow,partitionColumnsForVirtualization,formatCellReference,buildHeaderRows,indexToColumnLetter,ROW_NUMBER_COLUMN_ID,ROW_NUMBER_COLUMN_WIDTH,getHeaderFilterConfig,getDateInputPlaceholder,getCellRenderDescriptor,buildInlineEditorProps,buildPopoverEditorProps,resolveCellDisplayContent,resolveCellStyle,handleBooleanCellPointerDown,parseUserInputDate,rangesEqual,formatSelectionAsTsv,calculateDropTarget,reorderColumnArray,parseValue,getCellValue,computeNextSortState,mergeFilter,columnLetterToIndex,applyRangeRowSelection,ROW_NUMBER_COLUMN_MIN_WIDTH,createGridDataAccessor,computeAutoScrollSpeed}from'@alaarab/ogrid-core';export{AUTOSIZE_EXTRA_PX,AUTOSIZE_MAX_PX,CELL_PADDING,CHECKBOX_COLUMN_WIDTH,COLUMN_HEADER_MENU_ITEMS,CellDescriptorCache,DEFAULT_DEBOUNCE_MS,DEFAULT_MIN_COLUMN_WIDTH,GRID_BORDER_RADIUS,GRID_CONTEXT_MENU_ITEMS,MAX_PAGE_BUTTONS,PAGE_SIZE_OPTIONS,PEOPLE_SEARCH_DEBOUNCE_MS,RESPONSIVE_BREAKPOINTS,ROW_NUMBER_COLUMN_ID,ROW_NUMBER_COLUMN_MIN_WIDTH,ROW_NUMBER_COLUMN_WIDTH,SIDEBAR_TRANSITION_MS,UndoRedoStack,Z_INDEX,applyCellDeletion,applyCutClear,applyFillValues,applyPastedValues,applyRangeRowSelection,applyResponsiveHiding,areGridRowPropsEqual,booleanParser,buildCellIndex,buildCsvHeader,buildCsvRows,buildHeaderRows,buildInlineEditorProps,buildPopoverEditorProps,calculateDropTarget,clampSelectionToBounds,columnLetterToIndex,computeAggregations,computeArrowNavigation,computeAutoScrollSpeed,computeNextSortState,computeRowSelectionState,computeTabNavigation,computeTotalHeight,computeVisibleColumnRange,computeVisibleRange,createGridDataAccessor,createSortFilterWorker,currencyParser,dateParser,debounce,deriveFilterOptionsFromData,emailParser,escapeCsvValue,exportToCsv,extractValueMatrix,findCtrlArrowTarget,flattenColumns,formatCellReference,formatCellValueForTsv,formatSelectionAsTsv,formatShortcut,getCellRenderDescriptor,getCellValue,getColumnHeaderMenuItems,getContextMenuHandlers,getDataGridStatusBarConfig,getFilterField,getHeaderFilterConfig,getMultiSelectFilterFields,getPaginationViewModel,getPinStateForColumn,getResponsiveHiddenColumns,getScrollTopForRow,getStatusBarParts,handleBooleanCellPointerDown,indexToColumnLetter,injectGlobalStyles,isColumnEditable,isFilterConfig,isInSelectionRange,isRowInRange,measureColumnContentWidth,measureRange,mergeFilter,normalizeSelectionRange,numberParser,parseTsvClipboard,parseValue,partitionColumnsForVirtualization,processClientSideData,processClientSideDataAsync,rangesEqual,reorderColumnArray,resolveCellDisplayContent,resolveCellStyle,resolveResponsiveConfig,terminateSortFilterWorker,toUserLike,triggerCsvDownload,validateColumns,validateRowIds,validateVirtualScrollConfig}from'@alaarab/ogrid-core';import {FORMULA_BAR_STYLES,handleFormulaBarKeyDown,FORMULA_REF_COLORS,deriveFormulaBarText,extractFormulaReferences,processFormulaBarCommit,FormulaEngine}from'@alaarab/ogrid-core/formula';export{CIRC_ERROR,DIV_ZERO_ERROR,DependencyGraph,FORMULA_BAR_CSS,FORMULA_BAR_STYLES,FORMULA_REF_COLORS,FormulaEngine,FormulaError,FormulaEvaluator,GENERAL_ERROR,NAME_ERROR,NA_ERROR,REF_ERROR,VALUE_ERROR,adjustFormulaReferences,canInsertReference,createBuiltInFunctions,deriveFormulaBarText,extractFormulaReferences,flattenArgs,formatAddress,formulaToString,fromCellKey,handleFormulaBarKeyDown,insertReferenceAtCursor,isFormulaError,parse,parseCellRef,parseRange,processFormulaBarCommit,toBoolean,toCellKey,toNumber,tokenize}from'@alaarab/ogrid-core/formula';import {defineComponent,ref,computed,onMounted,watch,toValue,onUnmounted,h,shallowRef,isRef,triggerRef,nextTick,Teleport,isReadonly,unref,customRef}from'vue';var An=defineComponent({name:"MarchingAntsOverlay",props:{containerRef:{type:Object,required:true},selectionRange:{type:Object,default:null},copyRange:{type:Object,default:null},cutRange:{type:Object,default:null},colOffset:{type:Number,required:true},items:{type:Array,required:true},visibleColumns:{type:Array,default:void 0},columnSizingOverrides:{type:Object,required:true},columnOrder:{type:Array,default:void 0}},setup(e){let o=ref(null),n=ref(null),l=0,i,m=computed(()=>e.copyRange??e.cutRange),d=()=>{let s=toValue(e.containerRef);if(!s){o.value=null,n.value=null;return}o.value=e.selectionRange?measureRange(s,e.selectionRange,e.colOffset):null,n.value=m.value?measureRange(s,m.value,e.colOffset):null;};onMounted(()=>{injectGlobalStyles("ogrid-marching-ants-keyframes","@keyframes ogrid-marching-ants{to{stroke-dashoffset:-8}}");}),watch([()=>e.selectionRange,m,()=>toValue(e.containerRef),()=>e.items,()=>e.visibleColumns,()=>e.columnSizingOverrides,()=>e.columnOrder],()=>{if(!e.selectionRange&&!m.value){o.value=null,n.value=null;return}l=requestAnimationFrame(d);let s=toValue(e.containerRef);s&&(i?.disconnect(),i=new ResizeObserver(d),i.observe(s));},{immediate:true}),onUnmounted(()=>{cancelAnimationFrame(l),i?.disconnect();});let a=computed(()=>{let s=e.selectionRange,f=m.value;return s!=null&&f!=null&&s.startRow===f.startRow&&s.startCol===f.startCol&&s.endRow===f.endRow&&s.endCol===f.endCol});return ()=>!o.value&&!n.value?null:h("div",{style:{position:"relative"}},[o.value&&!a.value&&!(e.selectionRange&&e.selectionRange.startRow===e.selectionRange.endRow&&e.selectionRange.startCol===e.selectionRange.endCol)?h("svg",{style:{position:"absolute",top:`${o.value.top}px`,left:`${o.value.left}px`,width:`${o.value.width}px`,height:`${o.value.height}px`,pointerEvents:"none",zIndex:Z_INDEX.SELECTION_OVERLAY,overflow:"visible"},"aria-hidden":"true"},[h("rect",{x:1,y:1,width:Math.max(0,o.value.width-2),height:Math.max(0,o.value.height-2),fill:"none",stroke:"var(--ogrid-selection, #217346)","stroke-width":2})]):null,n.value?h("svg",{style:{position:"absolute",top:`${n.value.top}px`,left:`${n.value.left}px`,width:`${n.value.width}px`,height:`${n.value.height}px`,pointerEvents:"none",zIndex:Z_INDEX.CLIPBOARD_OVERLAY,overflow:"visible"},"aria-hidden":"true"},[h("rect",{x:1,y:1,width:Math.max(0,n.value.width-2),height:Math.max(0,n.value.height-2),fill:"none",stroke:"var(--ogrid-selection, #217346)","stroke-width":2,"stroke-dasharray":"4 4",style:{animation:"ogrid-marching-ants 0.5s linear infinite"}})]):null])}});var Ln=defineComponent({name:"StatusBar",props:{totalCount:{type:Number,required:true},filteredCount:{type:Number,default:void 0},selectedCount:{type:Number,default:void 0},selectedCellCount:{type:Number,default:void 0},aggregation:{type:Object,default:void 0},suppressRowCount:{type:Boolean,default:false}},setup(e){return ()=>{let o=getStatusBarParts(e);return h("div",{role:"status","aria-live":"polite",style:{marginTop:"auto",padding:"6px 12px",borderTop:"1px solid var(--ogrid-border, rgba(0,0,0,0.12))",backgroundColor:"var(--ogrid-header-bg, rgba(0,0,0,0.04))",display:"flex",alignItems:"center",gap:"16px",fontSize:"0.875rem",lineHeight:"20px",minHeight:"33px",boxSizing:"border-box"}},o.map((n,l)=>h("span",{key:n.key,style:{display:"inline-flex",alignItems:"center",gap:"4px",...l<o.length-1?{marginRight:"16px",borderRight:"1px solid var(--ogrid-border, rgba(0,0,0,0.12))",paddingRight:"16px"}:{}}},[h("span",{style:{color:"var(--ogrid-fg-secondary, rgba(0,0,0,0.6))"}},n.label),h("span",{style:{fontWeight:"600"}},n.value.toLocaleString())])))}}});var Bn=defineComponent({name:"FormulaBar",props:{cellRef:{type:[String,null],default:null},formulaText:{type:String,required:true},isEditing:{type:Boolean,required:true}},emits:["inputChange","commit","cancel","startEditing"],setup(e,{emit:o}){let n=ref(null);return watch(()=>e.isEditing,l=>{l&&n.value&&n.value.focus();}),()=>h("div",{style:FORMULA_BAR_STYLES.bar,role:"toolbar","aria-label":"Formula bar"},[h("div",{style:FORMULA_BAR_STYLES.nameBox,"aria-label":"Active cell reference"},e.cellRef??"\u2014"),h("div",{style:FORMULA_BAR_STYLES.fxLabel,"aria-hidden":"true"},"fx"),h("input",{ref:n,type:"text",style:FORMULA_BAR_STYLES.input,value:e.formulaText,readonly:!e.isEditing,onInput:l=>o("inputChange",l.target.value),onKeydown:l=>handleFormulaBarKeyDown(l.key,()=>l.preventDefault(),()=>o("commit"),()=>o("cancel")),onClick:()=>{e.isEditing\|\|o("startEditing");},onDblclick:()=>{e.isEditing\|\|o("startEditing");},"aria-label":"Formula input",spellcheck:false,autocomplete:"off"})])}});var al={display:"flex",alignItems:"center",borderTop:"1px solid var(--ogrid-border, #e0e0e0)",background:"var(--ogrid-header-bg, #f5f5f5)",minHeight:"30px",overflowX:"auto",overflowY:"hidden",gap:"0",fontSize:"12px"},il={background:"none",border:"none",cursor:"pointer",padding:"4px 10px",fontSize:"16px",lineHeight:"22px",color:"var(--ogrid-fg-secondary, #666)",flexShrink:0},co={background:"none",border:"none",borderBottom:"2px solid transparent",cursor:"pointer",padding:"4px 16px",fontSize:"12px",lineHeight:"22px",color:"var(--ogrid-fg, #242424)",whiteSpace:"nowrap",position:"relative"},sl={...co,fontWeight:600,borderBottomColor:"var(--ogrid-primary, #217346)",background:"var(--ogrid-bg, #fff)"},Vn=defineComponent({name:"SheetTabs",props:{sheets:{type:Array,required:true},activeSheet:{type:String,required:true},showAddButton:{type:Boolean,default:false}},emits:["sheetChange","sheetAdd"],setup(e,{emit:o}){return ()=>h("div",{style:al,role:"tablist","aria-label":"Sheet tabs"},[e.showAddButton?h("button",{type:"button",style:il,onClick:()=>o("sheetAdd"),title:"Add sheet","aria-label":"Add sheet"},"+"):null,...e.sheets.map(n=>{let l=n.id===e.activeSheet,i=l?sl:co,m=l&&n.color?{...i,borderBottomColor:n.color}:i;return h("button",{key:n.id,type:"button",role:"tab","aria-selected":l,style:m,onClick:()=>o("sheetChange",n.id)},n.name)})])}});function ml(e,o,n){let l=o.col+n,i=(o.endCol??o.col)+n,m=o.endRow??o.row,d=e.querySelector(`[data-row-index="${o.row}"][data-col-index="${l}"]`),a=e.querySelector(`[data-row-index="${m}"][data-col-index="${i}"]`);if(!d\|\|!a)return null;let s=e.getBoundingClientRect(),f=d.getBoundingClientRect(),v=a.getBoundingClientRect();return {top:Math.round(f.top-s.top),left:Math.round(f.left-s.left),width:Math.round(v.right-f.left),height:Math.round(v.bottom-f.top),color:FORMULA_REF_COLORS[o.colorIndex%FORMULA_REF_COLORS.length]}}var zn=defineComponent({name:"FormulaRefOverlay",props:{containerEl:{type:Object,default:null},references:{type:Array,required:true},colOffset:{type:Number,required:true}},setup(e){let o=ref([]),n=0;function l(){let i=e.containerEl,m=e.references;if(!i\|\|m.length===0){o.value=[];return}let d=[];for(let a of m){let s=ml(i,a,e.colOffset);s&&d.push(s);}o.value=d;}return watch(()=>[e.references,e.containerEl,e.colOffset],()=>{if(cancelAnimationFrame(n),!e.containerEl\|\|e.references.length===0){o.value=[];return}n=requestAnimationFrame(l);},{immediate:true}),()=>o.value.length===0?null:o.value.map((i,m)=>h("svg",{key:m,style:{position:"absolute",top:`${i.top}px`,left:`${i.left}px`,width:`${i.width}px`,height:`${i.height}px`,pointerEvents:"none",zIndex:3,overflow:"visible"},"aria-hidden":"true"},[h("rect",{x:"1",y:"1",width:Math.max(0,i.width-2),height:Math.max(0,i.height-2),fill:"none",stroke:i.color,"stroke-width":"2",style:"shape-rendering: crispEdges"})]))}});function Gt(e,o){let n=ref({}),l=ref({}),i=computed(()=>[...o.value].sort().join(",")),m=async()=>{let d=e.value,a=o.value,s="fetchFilterOptions"in d&&typeof d.fetchFilterOptions=="function"?d.fetchFilterOptions.bind(d):void 0;if(!s){n.value={},l.value={};return}let f={};a.forEach(c=>{f[c]=true;}),l.value=f;let v={};await Promise.all(a.map(async c=>{try{v[c]=await s(c);}catch{v[c]=[];}})),n.value=v,l.value={};};return watch([e,i],()=>{m().catch(()=>{});},{immediate:true}),{filterOptions:n,loadingOptions:l}}function ut(e){let o=unref(e);return customRef((n,l)=>({get(){return isRef(e)&&(o=e.value),o},set(i){o=i,l();}}))}function vo(e){let{formulas:o,items:n,flatColumns:l,initialFormulas:i,onFormulaRecalc:m,formulaFunctions:d,namedRanges:a,sheets:s}=e,f=ut(n),v=ut(l),c=ut(m),u=shallowRef(null),C=false,r=computed(()=>o?.value??false);function p(){return createGridDataAccessor(f.value,v.value)}watch(r,x=>{if(x&&!u.value){if(u.value=new FormulaEngine({customFunctions:d,namedRanges:a}),s)for(let[P,M]of Object.entries(s))u.value.registerSheet(P,M);if(i&&!C){C=true;let P=p(),M=u.value.loadFormulas(i,P);M.updatedCells.length>0&&c.value?.(M);}}else !x&&u.value&&(u.value=null);},{immediate:true});function h(x,P){return u.value?.getValue(x,P)}function E(x,P){return u.value?.hasFormula(x,P)??false}function T(x,P){return u.value?.getFormula(x,P)}function R(x,P,M){if(!u.value)return;let O=p(),S=u.value.setFormula(x,P,M,O);S.updatedCells.length>0&&c.value?.(S);}function L(x,P){if(!u.value)return;let M=p(),O=u.value.onCellChanged(x,P,M);O.updatedCells.length>0&&c.value?.(O);}function z(x,P){return u.value?.getPrecedents(x,P)??[]}function W(x,P){return u.value?.getDependents(x,P)??[]}function D(x,P){return u.value?.getAuditTrail(x,P)??null}return {enabled:r,getFormulaValue:h,hasFormula:E,getFormula:T,setFormula:R,onCellChanged:L,getPrecedents:z,getDependents:W,getAuditTrail:D}}function Nt(e){let{activeCol:o,activeRow:n,activeCellRef:l,getFormula:i,getRawValue:m,setFormula:d,onCellValueChanged:a}=e,s=ref(false),f=ref(""),v=ref(false),c=computed(()=>deriveFormulaBarText(o.value,n.value,i,m));watch([o,n],()=>{s.value=false,v.value=false;});let u=()=>{f.value=c.value,s.value=true,v.value=true;},C=T=>{f.value=T;},r=()=>{let T=o.value,R=n.value;T==null\|\|R==null\|\|!d\|\|(processFormulaBarCommit(f.value,T,R,d,a),s.value=false,v.value=false);},p=()=>{s.value=false,v.value=false,f.value="";},h=computed(()=>s.value?f.value:c.value),E=computed(()=>extractFormulaReferences(h.value));return {cellRef:l,formulaText:h,isEditing:s,onInputChange:C,onCommit:r,onCancel:p,startEditing:u,referencedCells:E,isFormulaBarEditing:v}}var go=["columns","filters"];function Ot(e){let{config:o}=e,n=o!=null&&o!==false,l=(()=>{if(!n\|\|o===true)return {panels:go,position:"right",defaultPanel:null};let f=o;return {panels:f.panels??go,position:f.position??"right",defaultPanel:f.defaultPanel??null}})(),i=ref(l.defaultPanel),m=f=>{i.value=f;},d=f=>{i.value=i.value===f?null:f;},a=()=>{i.value=null;},s=computed(()=>i.value!==null);return {isEnabled:n,activePanel:i,setActivePanel:m,panels:l.panels,position:l.position,isOpen:s,toggle:d,close:a}}var Nl=25,Wl={};function _t(e){let o=computed(()=>{let t=e.value;return {columns:t.columns,columnOrder:t.columnOrder,onColumnOrderChange:t.onColumnOrderChange,onColumnResized:t.onColumnResized,onAutosizeColumn:t.onAutosizeColumn,onColumnPinned:t.onColumnPinned,columnChooser:t.columnChooser}}),n=computed(()=>{let t=e.value,U="data"in t?t.data:void 0,le="dataSource"in t?t.dataSource:void 0;return U&&le&&console.warn("[OGrid] Both data and dataSource provided. dataSource takes precedence."),{getRowId:t.getRowId,data:U,dataSource:le}}),l=computed(()=>{let t=e.value;return {page:t.page,pageSize:t.pageSize,sort:t.sort,filters:t.filters,visibleColumns:t.visibleColumns,isLoading:t.isLoading}}),i=computed(()=>{let t=e.value;return {onPageChange:t.onPageChange,onPageSizeChange:t.onPageSizeChange,onSortChange:t.onSortChange,onFiltersChange:t.onFiltersChange,onVisibleColumnsChange:t.onVisibleColumnsChange,onFirstDataRendered:t.onFirstDataRendered,onError:t.onError}}),m=computed(()=>{let t=e.value;return {defaultPageSize:t.defaultPageSize??Nl,defaultSortBy:t.defaultSortBy,defaultSortDirection:t.defaultSortDirection??"asc",entityLabelPlural:t.entityLabelPlural??"items"}}),d=computed(()=>o.value.columnChooser===false?"none":o.value.columnChooser==="sidebar"?"sidebar":"toolbar"),a=computed(()=>flattenColumns(o.value.columns)),s=computed(()=>n.value.dataSource!=null),f=computed(()=>!s.value),v=ref([]),c=ref(false),u=computed(()=>n.value.data??v.value),C=computed(()=>l.value.isLoading??c.value),r=computed(()=>m.value.defaultSortBy??a.value[0]?.columnId??""),p=ref(1),h$1=ref(m.value.defaultPageSize),E=ref({field:r.value,direction:m.value.defaultSortDirection}),T=ref({}),R=ref(void 0),L=ref((()=>{let t=a.value.filter(U=>U.defaultVisible!==false).map(U=>U.columnId);return new Set(t.length>0?t:a.value.map(U=>U.columnId))})()),z=ref({}),W={};for(let t of flattenColumns(e.value.columns))t.pinned&&(W[t.columnId]=t.pinned);let D=ref(W),x=computed(()=>l.value.page??p.value),P=computed(()=>l.value.pageSize??h$1.value),M=computed(()=>l.value.sort??E.value),O=computed(()=>l.value.filters??T.value),S=computed(()=>o.value.columnOrder??R.value),w=computed(()=>l.value.visibleColumns??L.value),b=t=>{l.value.page===void 0&&(p.value=t),i.value.onPageChange?.(t);},g=t=>{l.value.pageSize===void 0&&(h$1.value=t),i.value.onPageSizeChange?.(t),b(1);},y=ref(0),I=t=>{l.value.sort===void 0&&(E.value=t),i.value.onSortChange?.(t),b(1),y.value++;},k=t=>{l.value.filters===void 0&&(T.value=t),i.value.onFiltersChange?.(t),b(1);},$=t=>{l.value.visibleColumns===void 0&&(L.value=t),i.value.onVisibleColumnsChange?.(t);},H=(t,U)=>{I(computeNextSortState(M.value,t,U));},K=(t,U)=>{k(mergeFilter(O.value,t,U));},F=(t,U)=>{let le=new Set(w.value);U?le.add(t):le.delete(t),$(le);},X=ref(new Set),B=computed(()=>e.value.selectedRows),oe=computed(()=>B.value??X.value),Y=t=>{B.value===void 0&&(X.value=new Set(t.selectedRowIds)),e.value.onSelectionChange?.(t);},V=computed(()=>getMultiSelectFilterFields(a.value)),ee=computed(()=>n.value.dataSource??{fetchFilterOptions:void 0}),{filterOptions:te,loadingOptions:we}=Gt(ee,V),Fe=computed(()=>n.value.dataSource?.fetchFilterOptions!=null),Ke=computed(()=>Fe.value?te.value:deriveFilterOptionsFromData(u.value,a.value)),Pe=computed(()=>shouldUseWorkerSort(e.value.workerSort,u.value.length,{columns:a.value,filters:O.value,sortBy:M.value.field})),xe=null,Ne=-1,He=null,We=null,$e=-1,et=computed(()=>{if(!f.value\|\|Pe.value)return null;let t=u.value,U=a.value,le=O.value,Re=y.value,it=M.value.field,st=M.value.direction,Xe=Re!==Ne\|\|le!==He\|\|U!==We\|\|t.length!==$e,fe;if(Xe\|\|xe===null){Ne=Re,He=le,We=U,$e=t.length;let be=processClientSideData(t,U,le,it,st),Ae=new Map;for(let pe=0;pe<t.length;pe++)Ae.set(t[pe],pe);xe=be.map(pe=>{let De=Ae.get(pe);return De!==void 0?De:-1}).filter(pe=>pe!==-1),fe=be;}else fe=xe.map(be=>t[be]).filter(be=>be!==void 0);let pt=fe.length,je=(x.value-1)P.value;return {items:fe.slice(je,je+P.value),totalCount:pt}}),tt=ref(null),ct=0,Ue=null,mt=-1,Ie=null,gt=null,ae=-1;watch([f,Pe,u,a,O,y,x,P],()=>{if(!f.value\|\|!Pe.value)return;let t=u.value,U=a.value,le=O.value,Re=y.value,it=M.value.field,st=M.value.direction,Xe=x.value,fe=P.value,pt=++ct;if(Re!==mt\|\|le!==Ie\|\|U!==gt\|\|t.length!==ae\|\|Ue===null)mt=Re,Ie=le,gt=U,ae=t.length,Ue=null,processClientSideDataAsync(t,U,le,it,st).then(Ce=>{if(pt!==ct\|\|_e)return;let be=new Map;for(let A=0;A<t.length;A++)be.set(t[A],A);Ue=Ce.map(A=>{let G=be.get(A);return G!==void 0?G:-1}).filter(A=>A!==-1);let Ae=Ce.length,pe=(Xe-1)fe,De=Ce.slice(pe,pe+fe);tt.value={items:De,totalCount:Ae};}).catch(()=>{if(pt!==ct\|\|_e)return;let Ce=processClientSideData(t,U,le,it,st),be=new Map;for(let A=0;A<t.length;A++)be.set(t[A],A);Ue=Ce.map(A=>{let G=be.get(A);return G!==void 0?G:-1}).filter(A=>A!==-1);let Ae=Ce.length,pe=(Xe-1)fe,De=Ce.slice(pe,pe+fe);tt.value={items:De,totalCount:Ae};});else {let Ce=Ue.map(De=>t[De]).filter(De=>De!==void 0),be=Ce.length,Ae=(Xe-1)fe,pe=Ce.slice(Ae,Ae+fe);tt.value={items:pe,totalCount:be};}},{immediate:true});let Oe=computed(()=>{let t=et.value;return t\|\|tt.value}),nt=ref([]),ot=ref(0),Ee=ref(false),lt=0,rt=null,_e=false,Ct=ref(0),ht=()=>{if(!s.value\|\|!n.value.dataSource){s.value\|\|(Ee.value=false);return}let t=++lt;rt?.abort();let U=new AbortController;rt=U,Ee.value=true,n.value.dataSource.fetchPage({page:x.value,pageSize:P.value,sort:{field:M.value.field,direction:M.value.direction},filters:O.value,signal:U.signal}).then(le=>{t!==lt\|\|_e\|\|U.signal.aborted\|\|(nt.value=le.items,ot.value=le.totalCount);}).catch(le=>{t!==lt\|\|_e\|\|U.signal.aborted\|\|(i.value.onError?.(le),nt.value=[],ot.value=0);}).finally(()=>{t===lt&&!_e&&!U.signal.aborted&&(Ee.value=false);});};onMounted(()=>{validateColumns(a.value),ht();}),watch([()=>n.value.dataSource,x,P,()=>M.value.field,()=>M.value.direction,O,Ct],()=>{ht();}),onUnmounted(()=>{_e=true,rt?.abort(),rt=null;});let Ve=computed(()=>f.value&&Oe.value?Oe.value.items:nt.value),ft=computed(()=>f.value&&Oe.value?Oe.value.totalCount:ot.value),at=computed(()=>!!e.value.formulas),Rt=ref(0),xt=t=>{Rt.value+=1,e.value.onFormulaRecalc?.(t);},ve=vo({formulas:at,items:Ve,flatColumns:a,initialFormulas:e.value.initialFormulas,onFormulaRecalc:xt,formulaFunctions:e.value.formulaFunctions,namedRanges:e.value.namedRanges,sheets:e.value.sheets}),bt=false,It=false;watch(Ve,t=>{!bt&&t.length>0&&(bt=true,i.value.onFirstDataRendered?.()),!It&&t.length>0&&(It=true,validateRowIds(t,n.value.getRowId));});let qe=computed(()=>Object.values(O.value).some(t=>t!==void 0)),St=computed(()=>a.value.map(t=>({columnId:t.columnId,name:t.name,required:t.required===true}))),Tt=computed(()=>{let t=e.value.statusBar;if(!t)return;if(typeof t=="object")return t;let U=f.value?n.value.data?.length??0:ot.value,le=ft.value;return {totalCount:U,filteredCount:qe.value?le:void 0,selectedCount:oe.value.size,suppressRowCount:true}}),Pt=(t,U)=>{z.value={...z.value,[t]:U},o.value.onColumnResized?.(t,U);},Q=(t,U)=>{z.value={...z.value,[t]:U},(o.value.onAutosizeColumn??o.value.onColumnResized)?.(t,U);},Z=(t,U)=>{if(U===null){let{[t]:le,...Re}=D.value;D.value=Re;}else D.value={...D.value,[t]:U};o.value.onColumnPinned?.(t,U);},re=shallowRef(Ot({config:e.value.sideBar}));watch(()=>e.value.sideBar,t=>{re.value=Ot({config:t});});let me=computed(()=>a.value.filter(t=>t.filterable&&t.filterable.type).map(t=>({columnId:t.columnId,name:t.name,filterField:t.filterable?.filterField??t.columnId,filterType:t.filterable?.type}))),se=computed(()=>{let t=re.value;if(!t.isEnabled)return null;t.activePanel.value;t.isOpen.value;return {get activePanel(){return t.activePanel.value},onPanelChange:t.setActivePanel,panels:t.panels,position:t.position,get isOpen(){return t.isOpen.value},toggle:t.toggle,close:t.close,columns:St.value,visibleColumns:w.value,onVisibilityChange:F,onSetVisibleColumns:$,filterableColumns:me.value,filters:O.value,onFilterChange:K,filterOptions:Ke.value}}),Me=()=>k({}),ye=computed(()=>s.value&&Ee.value\|\|C.value),he=ref(null),ge=ref(null),yt=t=>{if(he.value=t,t){let U=t.match(/^([A-Z]+)(\d+)$/);U?ge.value={col:columnLetterToIndex(U[1]),row:parseInt(U[2],10)-1}:ge.value=null;}else ge.value=null;},Et=computed(()=>ge.value?.col??null),Dn=computed(()=>ge.value?.row??null),Fn=(t,U)=>{let le=Ve.value,Re=a.value;if(!(U<0\|\|U>=le.length\|\|t<0\|\|t>=Re.length))return getCellValue(le[U],Re[t])},ke=Nt({activeCol:Et,activeRow:Dn,activeCellRef:he,getFormula:ve.enabled.value?ve.getFormula:void 0,getRawValue:Fn,setFormula:ve.enabled.value?ve.setFormula:void 0}),Un=computed(()=>{let t=e.value,U=n.value.dataSource;return {items:Ve.value,columns:o.value.columns,getRowId:n.value.getRowId,sortBy:M.value.field,sortDirection:M.value.direction,onColumnSort:H,visibleColumns:w.value,columnOrder:S.value,onColumnOrderChange:o.value.onColumnOrderChange,onColumnResized:Pt,onAutosizeColumn:Q,onColumnPinned:Z,pinnedColumns:D.value,initialColumnWidths:z.value,editable:t.editable,cellSelection:t.cellSelection,onCellValueChanged:t.onCellValueChanged,onUndo:t.onUndo,onRedo:t.onRedo,canUndo:t.canUndo,canRedo:t.canRedo,rowSelection:t.rowSelection??"none",selectedRows:oe.value,onSelectionChange:Y,showRowNumbers:t.showRowNumbers\|\|t.cellReferences\|\|t.formulas,showColumnLetters:!!(t.cellReferences\|\|t.formulas),showNameBox:!!(t.cellReferences&&!t.formulas),onActiveCellChange:t.cellReferences\|\|t.formulas?yt:void 0,currentPage:x.value,pageSize:P.value,statusBar:Tt.value,isLoading:ye.value,filters:O.value,onFilterChange:K,filterOptions:Ke.value,loadingFilterOptions:U?.fetchFilterOptions?we.value:Wl,peopleSearch:U?.searchPeople,getUserByEmail:U?.getUserByEmail,layoutMode:t.layoutMode,suppressHorizontalScroll:t.suppressHorizontalScroll,stickyHeader:t.stickyHeader??true,columnReorder:t.columnReorder,responsiveColumns:t.responsiveColumns,virtualScroll:t.virtualScroll,rowHeight:t.rowHeight,density:t.density??"normal","aria-label":t["aria-label"],"aria-labelledby":t["aria-labelledby"],emptyState:{hasActiveFilters:qe.value,onClearAll:Me,message:t.emptyState?.message,render:t.emptyState?.render},formulas:t.formulas,formulaVersion:Rt.value,...ve.enabled.value?{getFormulaValue:ve.getFormulaValue,hasFormula:ve.hasFormula,getFormula:ve.getFormula,setFormula:ve.setFormula,onFormulaCellChanged:ve.onCellChanged,getPrecedents:ve.getPrecedents,getDependents:ve.getDependents,getAuditTrail:ve.getAuditTrail}:{},formulaReferences:ke.referencedCells.value.length>0?ke.referencedCells.value:void 0}}),Dt=computed(()=>({page:x.value,pageSize:P.value,displayTotalCount:ft.value,setPage:b,setPageSize:g,pageSizeOptions:e.value.pageSizeOptions,entityLabelPlural:m.value.entityLabelPlural})),ze=computed(()=>({columns:St.value,visibleColumns:w.value,onVisibilityChange:F,placement:d.value})),Ft=computed(()=>{let t=e.value,U=!!t.formulas,le=!!t.cellReferences&&!U,Re=t.toolbar;le&&(Re=[h("div",{style:{display:"inline-flex",alignItems:"center",padding:"0 8px",fontFamily:"'Consolas', 'Courier New', monospace",fontSize:"12px",border:"1px solid rgba(0,0,0,0.12)",borderRadius:"3px",height:"24px",marginRight:"8px",background:"#fff",minWidth:"40px",color:"rgba(0,0,0,0.6)"},"aria-label":"Active cell reference"},he.value??"\u2014"),Re]);let it=U?h(Bn,{cellRef:ke.cellRef.value,formulaText:ke.formulaText.value,isEditing:ke.isEditing.value,onInputChange:ke.onInputChange,onCommit:ke.onCommit,onCancel:ke.onCancel,onStartEditing:ke.startEditing}):void 0,st=t.sheetDefs&&t.sheetDefs.length>0&&t.activeSheet&&t.onSheetChange?h(Vn,{sheets:t.sheetDefs,activeSheet:t.activeSheet,showAddButton:!!t.onSheetAdd,onSheetChange:t.onSheetChange,onSheetAdd:t.onSheetAdd??(()=>{})}):void 0;return {toolbar:Re,toolbarBelow:t.toolbarBelow,className:t.className,emptyState:t.emptyState,sideBarProps:se.value,fullScreen:t.fullScreen,formulaBar:it,sheetTabs:st}}),On=computed(()=>({hasActiveFilters:qe.value,setFilters:k})),Mn=computed(()=>({setRowData:t=>{s.value\|\|(v.value=t);},setLoading:t=>{c.value=t;},getColumnState:()=>({visibleColumns:Array.from(w.value),sort:M.value,columnOrder:S.value??void 0,columnWidths:Object.keys(z.value).length>0?z.value:void 0,filters:Object.keys(O.value).length>0?O.value:void 0,pinnedColumns:Object.keys(D.value).length>0?D.value:void 0}),applyColumnState:t=>{t.visibleColumns&&$(new Set(t.visibleColumns)),t.sort&&I(t.sort),t.columnOrder&&(o.value.columnOrder===void 0&&(R.value=t.columnOrder),o.value.onColumnOrderChange?.(t.columnOrder)),t.columnWidths&&(z.value=t.columnWidths),t.filters&&k(t.filters),t.pinnedColumns&&(D.value=t.pinnedColumns);},setFilterModel:k,getSelectedRows:()=>Array.from(oe.value),setSelectedRows:t=>{B.value===void 0&&(X.value=new Set(t));},selectAll:()=>{let t=new Set(Ve.value.map(U=>n.value.getRowId(U)));B.value===void 0&&(X.value=t),e.value.onSelectionChange?.({selectedRowIds:Array.from(t),selectedItems:Ve.value});},deselectAll:()=>{B.value===void 0&&(X.value=new Set),e.value.onSelectionChange?.({selectedRowIds:[],selectedItems:[]});},clearFilters:()=>k({}),clearSort:()=>I({field:r.value,direction:m.value.defaultSortDirection}),resetGridState:t=>{k({}),I({field:r.value,direction:m.value.defaultSortDirection}),t?.keepSelection\|\|(B.value===void 0&&(X.value=new Set),e.value.onSelectionChange?.({selectedRowIds:[],selectedItems:[]}));},getDisplayedRows:()=>Ve.value,refreshData:()=>{s.value&&Ct.value++;},scrollToRow:()=>{},getColumnOrder:()=>S.value??a.value.map(t=>t.columnId),setColumnOrder:t=>{o.value.columnOrder===void 0&&(R.value=t),o.value.onColumnOrderChange?.(t);}}));return {dataGridProps:Un,pagination:Dt,columnChooser:ze,layout:Ft,filters:On,api:Mn}}function Kt(e){let{items:o,getRowId:n,rowSelection:l,controlledSelectedRows:i,onSelectionChange:m}=e,d=shallowRef(new Set),a=-1,s=computed(()=>{let r=i.value;return r!=null?r instanceof Set?r:new Set(r):d.value}),f=r=>{i.value!==void 0?isReadonly(i)\|\|(i.value=r):d.value=r,m?.({selectedRowIds:Array.from(r),selectedItems:o.value.filter(p=>r.has(n(p)))});},v=(r,p,h,E)=>{if(l.value==="single"){f(p?new Set([r]):new Set),a=h;return}let T=o.value,R;E&&a>=0&&a!==h?R=applyRangeRowSelection(a,h,p,T,n,s.value):(R=new Set(s.value),p?R.add(r):R.delete(r)),a=h,f(R);},c=r=>{f(r?new Set(o.value.map(p=>n(p))):new Set);},u=computed(()=>computeRowSelectionState(s.value,o.value,n).allSelected),C=computed(()=>computeRowSelectionState(s.value,o.value,n).someSelected);return {selectedRowIds:s,updateSelection:f,handleRowCheckboxChange:v,handleSelectAll:c,allSelected:u,someSelected:C}}function $t(e){let o=shallowRef(null),n=ref(void 0);return {editingCell:o,setEditingCell:m=>{if(m&&e?.scrollToRow&&e?.getRowIndex){let d=e.getRowIndex(m.rowId);d>=0&&e.scrollToRow(d,"center");}o.value=m;},pendingEditorValue:n,setPendingEditorValue:m=>{n.value=m;}}}function qt(e,o){let n=shallowRef(null),l=0,i=m=>{let d=n.value;d!==m&&(d&&m&&d.rowIndex===m.rowIndex&&d.columnIndex===m.columnIndex\|\|(n.value=m));};return watch([n,()=>o?.value],()=>{if(l&&(cancelAnimationFrame(l),l=0),n.value==null\|\|!e?.value\|\|o?.value!=null)return;let{rowIndex:m,columnIndex:d}=n.value;l=requestAnimationFrame(()=>{l=0;let a=e.value;if(!a)return;let s=n.value;if(!s\|\|s.rowIndex!==m\|\|s.columnIndex!==d)return;let f=`[data-row-index="${m}"][data-col-index="${d}"]`,v=a.querySelector(f);if(v){let c=a.querySelector("thead"),u=c?c.getBoundingClientRect().height:0,C=a.getBoundingClientRect(),r=v.getBoundingClientRect(),p=C.top+u;r.top<p?a.scrollTop-=p-r.top:r.bottom>C.bottom&&(a.scrollTop+=r.bottom-C.bottom),a.scrollWidth>a.clientWidth&&(r.left<C.left?a.scrollLeft-=C.left-r.left:r.right>C.right&&(a.scrollLeft+=r.right-C.right)),document.activeElement!==v&&typeof v.focus=="function"&&v.focus({preventScroll:true});}});},{flush:"post"}),onUnmounted(()=>{l&&(cancelAnimationFrame(l),l=0);}),{activeCell:n,setActiveCell:i}}var qn="data-drag-range",Mt="data-drag-anchor",Se=40,or=16;function Xt(e){let o=ut(e),{wrapperRef:n,setActiveCell:l}=e,i=()=>isRef(e.colOffset)?e.colOffset.value:e.colOffset,m=shallowRef(null),d=ref(false),a=ref(false),s=ref(false),f=false,v=null,c=0,u=null,C=null,r=null,p=g=>{rangesEqual(m.value,g)\|\|(m.value=g);},h=(g,y,I)=>{if(g.button!==0)return;let k=i();if(I<k)return;g.preventDefault();let $=I-k,H=m.value;if(g.shiftKey&&H!=null)p(normalizeSelectionRange({startRow:H.startRow,startCol:H.startCol,endRow:y,endCol:$})),l({rowIndex:y,columnIndex:I});else {v={row:y,col:$},f=false;let K={startRow:y,startCol:$,endRow:y,endCol:$};p(K),u=K,l({rowIndex:y,columnIndex:I}),a.value=true,W(K);}},E=()=>{let{rowCount:g,visibleColCount:y}=o.value;g.value===0\|\|y.value===0\|\|(p({startRow:0,startCol:0,endRow:g.value-1,endCol:y.value-1}),l({rowIndex:0,columnIndex:i()}));},T=new Set,R=null,L=(g,y,I,k,$,H,K,F)=>{g.hasAttribute(qn)\|\|g.setAttribute(qn,""),F&&y===F.row&&I===F.col?g.hasAttribute(Mt)\|\|g.setAttribute(Mt,""):g.hasAttribute(Mt)&&g.removeAttribute(Mt);let B=[];y===k&&B.push("inset 0 2px 0 0 var(--ogrid-selection, #217346)"),y===$&&B.push("inset 0 -2px 0 0 var(--ogrid-selection, #217346)"),I===H&&B.push("inset 2px 0 0 0 var(--ogrid-selection, #217346)"),I===K&&B.push("inset -2px 0 0 0 var(--ogrid-selection, #217346)"),g.style.boxShadow=B.length>0?B.join(", "):"",T.add(g);},z=g=>{g.removeAttribute(qn),g.removeAttribute(Mt),g.style.boxShadow="";},W=g=>{if(!n.value)return;let I=Math.min(g.startRow,g.endRow),k=Math.max(g.startRow,g.endRow),$=Math.min(g.startCol,g.endCol),H=Math.max(g.startCol,g.endCol),K=v,F=i();for(let B of T){let oe=parseInt(B.getAttribute("data-row-index")??"",10),Y=parseInt(B.getAttribute("data-col-index")??"",10)-F;oe>=I&&oe<=k&&Y>=$&&Y<=H\|\|(z(B),T.delete(B));}R\|\|(R=buildCellIndex(n.value));let X=false;for(let B=I;B<=k;B++)for(let oe=$;oe<=H;oe++){let Y=`${B},${oe+F}`,V=R?.get(Y);V&&!V.isConnected&&!X&&(X=true,R=buildCellIndex(n.value),V=R?.get(Y)),V&&V.isConnected&&L(V,B,oe,I,k,$,H,K);}},D=()=>{for(let g of T)z(g);T.clear(),R=null;},x=(g,y)=>{if(!v)return null;let k=document.elementFromPoint(g,y)?.closest?.("[data-row-index][data-col-index]");if(!k)return null;let $=parseInt(k.getAttribute("data-row-index")??"",10),H=parseInt(k.getAttribute("data-col-index")??"",10),K=i();if(Number.isNaN($)\|\|Number.isNaN(H)\|\|H<K)return null;let F=H-K;return normalizeSelectionRange({startRow:v.row,startCol:v.col,endRow:$,endCol:F})},P=()=>{C&&(clearInterval(C),C=null);},M=()=>{let g=n.value;if(!g\|\|!r\|\|!a.value){P();return}let y=g.getBoundingClientRect(),I=0,k=0;if(r.cy<y.top+Se?k=-computeAutoScrollSpeed(y.top+Se-r.cy):r.cy>y.bottom-Se&&(k=computeAutoScrollSpeed(r.cy-(y.bottom-Se))),r.cx<y.left+Se?I=-computeAutoScrollSpeed(y.left+Se-r.cx):r.cx>y.right-Se&&(I=computeAutoScrollSpeed(r.cx-(y.right-Se))),I===0&&k===0){P();return}C\|\|(C=setInterval(()=>{let $=n.value,H=r;if(!$\|\|!H\|\|!a.value){P();return}let K=$.getBoundingClientRect(),F=0,X=0;if(H.cy<K.top+Se?X=-computeAutoScrollSpeed(K.top+Se-H.cy):H.cy>K.bottom-Se&&(X=computeAutoScrollSpeed(H.cy-(K.bottom-Se))),H.cx<K.left+Se?F=-computeAutoScrollSpeed(K.left+Se-H.cx):H.cx>K.right-Se&&(F=computeAutoScrollSpeed(H.cx-(K.right-Se))),F===0&&X===0){P();return}$.scrollTop+=X,$.scrollLeft+=F;let B=x(H.cx,H.cy);B&&(u=B,W(B));},or));},O=g=>{!a.value\|\|!v\|\|(f\|\|(f=true,d.value=true,R=buildCellIndex(n.value)),r={cx:g.clientX,cy:g.clientY},M(),c&&cancelAnimationFrame(c),c=requestAnimationFrame(()=>{if(c=0,!r)return;let y=x(r.cx,r.cy);if(!y)return;let I=u;I&&I.startRow===y.startRow&&I.startCol===y.startCol&&I.endRow===y.endRow&&I.endCol===y.endCol\|\|(u=y,W(y));}));},S=()=>{if(!a.value)return;P(),c&&(cancelAnimationFrame(c),c=0),a.value=false;let g=f;if(g){if(r){let I=x(r.cx,r.cy);I&&(u=I);}let y=u;if(y){p(y);let I=v;I&&l({rowIndex:I.row,columnIndex:I.col+i()});}}D(),u=null,r=null,v=null,g&&(d.value=false);},w=g=>{s.value\|\|O(g);},b=()=>{s.value\|\|S();};return onMounted(()=>{window.addEventListener("pointermove",w,true),window.addEventListener("pointerup",b,true);}),onUnmounted(()=>{s.value=true,window.removeEventListener("pointermove",w,true),window.removeEventListener("pointerup",b,true),c&&cancelAnimationFrame(c),P();}),{selectionRange:m,setSelectionRange:p,handleCellMouseDown:h,handleSelectAllCells:E,isDragging:d}}function jt(){let e=shallowRef(null);return {contextMenuPosition:e,setContextMenuPosition:i=>{e.value=i;},handleCellContextMenu:i=>{i.preventDefault?.(),e.value={x:i.clientX,y:i.clientY};},closeContextMenu:()=>{e.value=null;}}}function Yt(e){let{items:o,visibleCols:n,selectionRange:l,activeCell:i,editable:m,onCellValueChanged:d,beginBatch:a,endBatch:s}=e,f=()=>isRef(e.colOffset)?e.colOffset.value:e.colOffset,v=shallowRef(null),c=shallowRef(null),u=ref(null),C=()=>{let T=l.value,R=i.value,L=f();return T??(R!=null?{startRow:R.rowIndex,startCol:R.columnIndex-L,endRow:R.rowIndex,endCol:R.columnIndex-L}:null)},r=()=>{let T=C();if(T==null)return;let R=normalizeSelectionRange(T),L=formatSelectionAsTsv(o.value,n.value,R);u.value=L,c.value=R,navigator.clipboard.writeText(L).catch(z=>{typeof console<"u"&&console.warn("[OGrid] Clipboard write failed:",z);});};return {handleCopy:r,handleCut:()=>{if(m.value===false)return;let T=C();if(T==null\|\|d.value==null)return;let R=normalizeSelectionRange(T);v.value=R,c.value=null,r(),c.value=null;},handlePaste:async()=>{if(m.value===false)return;let T=d.value;if(T==null)return;let R;try{R=await navigator.clipboard.readText();}catch{R="";}if(!R.trim()&&u.value!=null&&(R=u.value),!R.trim())return;let L=C(),z=L?L.startRow:0,W=L?L.startCol:0,D=o.value,x=n.value,P=parseTsvClipboard(R);a?.();let M=applyPastedValues(P,z,W,D,x);for(let O of M)T(O);if(v.value){let O=applyCutClear(v.value,D,x);for(let S of O)T(S);v.value=null;}s?.(),c.value=null;},cutRange:v,copyRange:c,clearClipboardRanges:()=>{c.value=null,v.value=null;}}}function Zt(e){let o=ut(e);return {handleGridKeyDown:l=>{let{data:i,state:m,handlers:d,features:a}=o.value,s=i.items.value,f=i.visibleCols.value,{getRowId:v}=i,c=isRef(i.colOffset)?i.colOffset.value:i.colOffset,u=i.hasCheckboxCol.value,C=i.visibleColumnCount.value,r=m.activeCell.value,p=m.selectionRange.value,h=m.editingCell.value,E=m.selectedRowIds.value,{setActiveCell:T,setSelectionRange:R,setEditingCell:L,handleRowCheckboxChange:z,handleCopy:W,handleCut:D,handlePaste:x,setContextMenu:P,onUndo:M,onRedo:O,clearClipboardRanges:S}=d,w=a.editable.value,b=a.onCellValueChanged.value,g=a.rowSelection.value,y=a.wrapperRef,I=a.scrollToRow,{fillDown:k}=a,$=a.onKeyDown?.value;if($&&($(l),l.defaultPrevented))return;let H=s.length-1,K=C-1+c;if(s.length===0)return;if(r===null){["ArrowDown","ArrowUp","ArrowLeft","ArrowRight","Tab","Enter","Home","End","PageDown","PageUp"].includes(l.key)&&(T({rowIndex:0,columnIndex:c}),l.preventDefault());return}let{rowIndex:F,columnIndex:X}=r,B=X-c,oe=l.shiftKey,Y=(V,ee)=>{if(V<0\|\|V>=s.length\|\|ee<0\|\|ee>=f.length)return true;let te=getCellValue(s[V],f[ee]);return te==null\|\|te===""};switch(l.key){case "c":if(l.ctrlKey\|\|l.metaKey){if(h!=null)break;l.preventDefault(),W();}break;case "x":if(l.ctrlKey\|\|l.metaKey){if(h!=null)break;l.preventDefault(),D();}break;case "v":if(l.ctrlKey\|\|l.metaKey){if(h!=null)break;l.preventDefault(),x();}break;case "d":if(l.ctrlKey\|\|l.metaKey){if(h!=null)break;w!==false&&k&&(l.preventDefault(),k());}break;case "ArrowDown":case "ArrowUp":case "ArrowRight":case "ArrowLeft":{if(h!=null)break;l.preventDefault();let{newRowIndex:V,newColumnIndex:ee,newRange:te}=computeArrowNavigation({direction:l.key,rowIndex:F,columnIndex:X,dataColIndex:B,colOffset:c,maxRowIndex:H,maxColIndex:K,visibleColCount:f.length,isCtrl:l.ctrlKey\|\|l.metaKey,isShift:oe,selectionRange:p,isEmptyAt:Y});R(te),T({rowIndex:V,columnIndex:ee}),(l.key==="ArrowDown"\|\|l.key==="ArrowUp")&&I?.(V,"center");break}case "Tab":{l.preventDefault();let{rowIndex:V,columnIndex:ee}=computeTabNavigation(F,X,H,K,c,l.shiftKey),te=ee-c;R({startRow:V,startCol:te,endRow:V,endCol:te}),T({rowIndex:V,columnIndex:ee});break}case "Home":{l.preventDefault();let V=l.ctrlKey?0:F;R({startRow:V,startCol:0,endRow:V,endCol:0}),T({rowIndex:V,columnIndex:c});break}case "End":{l.preventDefault();let V=l.ctrlKey?H:F;R({startRow:V,startCol:C-1,endRow:V,endCol:C-1}),T({rowIndex:V,columnIndex:K});break}case "PageDown":case "PageUp":{l.preventDefault();let V=y.value,ee=10;if(V){let Fe=V.querySelector("tbody tr");Fe&&Fe.offsetHeight>0&&(ee=Math.max(1,Math.floor(V.clientHeight/Fe.offsetHeight)));}let te=l.key==="PageDown"?1:-1,we=Math.max(0,Math.min(F+teee,H));R(oe?{startRow:p?.startRow??F,startCol:p?.startCol??B,endRow:we,endCol:p?.endCol??B}:{startRow:we,startCol:B,endRow:we,endCol:B}),T({rowIndex:we,columnIndex:X}),I?.(we,"center");break}case "Enter":case "F2":{if(l.preventDefault(),B>=0&&B<f.length){let V=f[B],ee=s[F];if(ee&&V){let te=V.editable===true\|\|typeof V.editable=="function"&&V.editable(ee);w!==false&&te&&b!=null&&L({rowId:v(ee),columnId:V.columnId});}}break}case "Escape":l.preventDefault(),h!=null?L(null):(S?.(),T(null),R(null));break;case " ":if(g!=="none"&&X===0&&u){l.preventDefault();let V=s[F];if(V){let ee=v(V),te=E.has(ee);z(ee,!te,F,l.shiftKey);}}break;case "z":(l.ctrlKey\|\|l.metaKey)&&h==null&&(l.shiftKey&&O?(l.preventDefault(),O()):!l.shiftKey&&M&&(l.preventDefault(),M()));break;case "y":(l.ctrlKey\|\|l.metaKey)&&h==null&&O&&(l.preventDefault(),O());break;case "a":if(l.ctrlKey\|\|l.metaKey){if(h!=null)break;l.preventDefault(),s.length>0&&C>0&&(R({startRow:0,startCol:0,endRow:s.length-1,endCol:C-1}),T({rowIndex:0,columnIndex:c}));}break;case "Delete":case "Backspace":{if(h!=null\|\|w===false\|\|b==null)break;let V=p??(r!=null?{startRow:r.rowIndex,startCol:r.columnIndex-c,endRow:r.rowIndex,endCol:r.columnIndex-c}:null);if(V==null)break;l.preventDefault();let ee=applyCellDeletion(V,s,f);for(let te of ee)b(te);break}case "F10":if(l.shiftKey)if(l.preventDefault(),r!=null&&y.value){let V=`[data-row-index="${r.rowIndex}"][data-col-index="${r.columnIndex}"]`,ee=y.value.querySelector(V);if(ee){let te=ee.getBoundingClientRect();P({x:te.left+te.width/2,y:te.top+te.height/2});}else P({x:100,y:100});}else P({x:100,y:100});break;}}}}var Jt="data-drag-range";function Qt(e){let{items:o,visibleCols:n,editable:l,onCellValueChanged:i,selectionRange:m,setSelectionRange:d,setActiveCell:a,wrapperRef:s,beginBatch:f,endBatch:v,visibleRange:c}=e,u=()=>isRef(e.colOffset)?e.colOffset.value:e.colOffset,C=shallowRef(null),r={endRow:0,endCol:0},p=0,h=null,E=null,T=null,R=D=>{C.value=D;},L=()=>{E&&(window.removeEventListener("pointermove",E,true),E=null),T&&(window.removeEventListener("pointerup",T,true),T=null),p&&(cancelAnimationFrame(p),p=0);};return watch(C,(D,x,P)=>{if(!D\|\|l.value===false\|\|!i.value\|\|!s.value){L();return}r={endRow:D.startRow,endCol:D.startCol},h=null;let M=new Set,O=buildCellIndex(s.value),S=y=>{if(!s.value)return;let k=Math.min(y.startRow,y.endRow),$=Math.max(y.startRow,y.endRow),H=Math.min(y.startCol,y.endCol),K=Math.max(y.startCol,y.endCol),F=u();for(let X of M){let B=parseInt(X.getAttribute("data-row-index")??"",10),oe=parseInt(X.getAttribute("data-col-index")??"",10)-F;B>=k&&B<=$&&oe>=H&&oe<=K\|\|(X.removeAttribute(Jt),M.delete(X));}for(let X=k;X<=$;X++)for(let B=H;B<=K;B++){let oe=`${X},${B+F}`,Y=O?.get(oe);Y&&!Y.isConnected&&(O=buildCellIndex(s.value),Y=O.get(oe)),Y&&(Y.hasAttribute(Jt)\|\|Y.setAttribute(Jt,""),M.add(Y));}},w=()=>{for(let y of M)y.removeAttribute(Jt);M.clear();},b=null,g=(y,I)=>{let $=document.elementFromPoint(y,I)?.closest?.("[data-row-index][data-col-index]");if(!$\|\|!s.value?.contains($))return null;let H=parseInt($.getAttribute("data-row-index")??"",10),K=parseInt($.getAttribute("data-col-index")??"",10),F=u();if(Number.isNaN(H)\|\|Number.isNaN(K)\|\|K<F)return null;let X=K-F;return normalizeSelectionRange({startRow:D.startRow,startCol:D.startCol,endRow:H,endCol:X})};E=y=>{b={cx:y.clientX,cy:y.clientY},p&&cancelAnimationFrame(p),p=requestAnimationFrame(()=>{if(p=0,!b)return;let I=g(b.cx,b.cy);if(!I)return;let k=h;k&&k.startRow===I.startRow&&k.startCol===I.startCol&&k.endRow===I.endRow&&k.endCol===I.endCol\|\|(h=I,r={endRow:I.endRow,endCol:I.endCol},S(I));});},T=()=>{if(p&&(cancelAnimationFrame(p),p=0),b){let F=g(b.cx,b.cy);F&&(h=F,r={endRow:F.endRow,endCol:F.endCol});}w();let y=r,I=normalizeSelectionRange({startRow:D.startRow,startCol:D.startCol,endRow:y.endRow,endCol:y.endCol}),k=c?.value;k&&(I.startRow=Math.max(I.startRow,k.startIndex),I.endRow=Math.min(I.endRow,k.endIndex)),d(I),a({rowIndex:D.startRow,columnIndex:D.startCol+u()});let $=o.value,H=n.value,K=i.value;if(K){let F=applyFillValues(I,D.startRow,D.startCol,$,H);if(F.length>0){f?.();for(let X of F)K(X);v?.();}}C.value=null,h=null,L();},window.addEventListener("pointermove",E,true),window.addEventListener("pointerup",T,true),P(()=>{L();});}),onUnmounted(()=>L()),{fillDrag:C,setFillDrag:R,handleFillHandleMouseDown:D=>{D.preventDefault(),D.stopPropagation();let x=m.value;x&&(C.value={startRow:x.startRow,startCol:x.startCol});},fillDown:()=>{let D=m.value;if(!D\|\|l.value===false\|\|!i.value)return;let x=normalizeSelectionRange(D),P=o.value,M=n.value,O=i.value,S=applyFillValues(x,x.startRow,x.startCol,P,M);if(S.length>0){f?.();for(let w of S)O(w);v?.();}}}}function en(e){let{onCellValueChanged:o,maxUndoDepth:n=100,afterChange:l}=e,i=new UndoRedoStack(n),m=ref(false),d=ref(false),a=()=>{m.value=i.canUndo,d.value=i.canRedo;};return {onCellValueChanged:o?C=>{i.record(C),i.isBatching\|\|a(),o(C),i.isBatching\|\|l?.();}:void 0,undo:()=>{if(!o)return;let C=i.undo();if(C){a();for(let r=C.length-1;r>=0;r--){let p=C[r];o({...p,oldValue:p.newValue,newValue:p.oldValue});}l?.();}},redo:()=>{if(!o)return;let C=i.redo();if(C){a();for(let r of C)o(r);l?.();}},canUndo:m,canRedo:d,beginBatch:()=>{i.beginBatch();},endBatch:()=>{i.endBatch(),a(),l?.();},maxUndoDepth:n}}function tn(e){let{wrapperRef:o,visibleCols:n,flatColumns:l,hasCheckboxCol:i,initialColumnWidths:m,onColumnResized:d}=e,a=ref(0),s,f=()=>{let r=o.value;if(!r)return;let p=r.getBoundingClientRect(),h=window.getComputedStyle(r),E=(parseFloat(h.borderLeftWidth\|\|"0")\|\|0)+(parseFloat(h.borderRightWidth\|\|"0")\|\|0);a.value=Math.max(0,p.width-E);};onMounted(()=>{let r=o.value;r&&(typeof ResizeObserver<"u"&&(s=new ResizeObserver(f),s.observe(r)),f());}),onUnmounted(()=>{s?.disconnect();});let v=ref((()=>{if(!m)return {};let r={};for(let[p,h]of Object.entries(m))r[p]={widthPx:h};return r})()),c=r=>{v.value=r;},u=computed(()=>{let r=i.value?CHECKBOX_COLUMN_WIDTH:0;return n.value.reduce((p,h)=>p+(h.minWidth??estimateHeaderMinWidth(h.name))+CELL_PADDING,r)});watch(l,r=>{let p=new Set(r.map(R=>R.columnId)),h=v.value,E=Object.keys(h),T=E.filter(R=>p.has(R));if(T.length<E.length){let R={};for(let L of T)R[L]=h[L];v.value=R;}});let C=computed(()=>{let r=i.value?CHECKBOX_COLUMN_WIDTH:0;return n.value.reduce((p,h)=>{let E=v.value[h.columnId],T=h.minWidth??estimateHeaderMinWidth(h.name),R=E?E.widthPx:h.idealWidth??h.defaultWidth??T;return p+Math.max(T,R)+CELL_PADDING},r)});return {containerWidth:a,minTableWidth:u,desiredTableWidth:C,columnSizingOverrides:v,setColumnSizingOverrides:c,onColumnResized:d}}function nn(e){let{columns:o,pinnedColumns:n,onColumnPinned:l}=e,i={};for(let u of o.value)u.pinned&&(i[u.columnId]=u.pinned);let m=ref(i),d=computed(()=>n?.value??m.value);return {pinnedColumns:d,pinColumn:(u,C)=>{let r={...d.value,[u]:C};m.value=r,l?.(u,C);},unpinColumn:u=>{let{[u]:C,...r}=d.value;m.value=r,l?.(u,null);},isPinned:u=>d.value[u],computeLeftOffsets:(u,C,r,p,h)=>{let E={},T=p?h:0;for(let R of u)d.value[R.columnId]==="left"&&(E[R.columnId]=T,T+=C[R.columnId]??r);return E},computeRightOffsets:(u,C,r)=>{let p={},h=0;for(let E=u.length-1;E>=0;E--){let T=u[E];d.value[T.columnId]==="right"&&(p[T.columnId]=h,h+=C[T.columnId]??r);}return p}}}function ln(e){let{columns:o,pinnedColumns:n,onPinColumn:l,onUnpinColumn:i,onSort:m,onColumnResized:d,onAutosizeColumn:a,sortBy:s,sortDirection:f}=e,v=ref(false),c=ref(null),u=ref(null),C=(g,y)=>{c.value=g,u.value=y,v.value=true;},r=()=>{v.value=false,c.value=null,u.value=null;},p=computed(()=>c.value?o.value.find(g=>g.columnId===c.value):void 0),h=computed(()=>c.value?n.value[c.value]:void 0),E=computed(()=>h.value!=="left"),T=computed(()=>h.value!=="right"),R=computed(()=>!!h.value),L=computed(()=>!c.value\|\|!s?.value\|\|s.value!==c.value?null:f?.value??null),z=computed(()=>p.value?.sortable!==false),W=ref(true);return {isOpen:v,openForColumn:c,anchorElement:u,open:C,close:r,handlePinLeft:()=>{c.value&&E.value&&(l(c.value,"left"),r());},handlePinRight:()=>{c.value&&T.value&&(l(c.value,"right"),r());},handleUnpin:()=>{c.value&&R.value&&(i(c.value),r());},handleSortAsc:()=>{c.value&&m&&(m(c.value,"asc"),r());},handleSortDesc:()=>{c.value&&m&&(m(c.value,"desc"),r());},handleClearSort:()=>{c.value&&m&&(m(c.value,null),r());},handleAutosizeThis:()=>{let g=a??d;if(!c.value\|\|!g\|\|!W.value)return;let y=p.value;g(c.value,measureColumnContentWidth(c.value,y?.minWidth)),r();},handleAutosizeAll:()=>{let g=a??d;g&&(o.value.forEach(y=>{g(y.columnId,measureColumnContentWidth(y.columnId,y.minWidth));}),r());},canPinLeft:E,canPinRight:T,canUnpin:R,currentSort:L,isSortable:z,isResizable:W}}var Ze=()=>{},Lr=async()=>{},Br=(e,o,n)=>{},Hr=e=>{},Vr=e=>{};function an(e){let{props:o,wrapperRef:n}=e,l=computed(()=>o.value.items),i=o.value.getRowId,m=computed(()=>o.value.rowSelection??"none"),d=computed(()=>o.value.selectedRows),a=computed(()=>o.value.editable),s=computed(()=>o.value.cellSelection!==false),f=computed(()=>o.value.pinnedColumns),v=ref(0),c=()=>{v.value++;},u=en({onCellValueChanged:o.value.onCellValueChanged,afterChange:c}),C=computed(()=>u.onCellValueChanged),r=computed(()=>flattenColumns(o.value.columns)),p=computed(()=>{let Q=f.value;return !Q\|\|Object.keys(Q).length===0?r.value:r.value.map(Z=>{let re=Q[Z.columnId];return re&&Z.pinned!==re?{...Z,pinned:re}:Z})}),h=computed(()=>resolveResponsiveConfig(o.value.responsiveColumns)),E=computed(()=>{let Q=o.value.visibleColumns,Z=o.value.columnOrder,re=Q?p.value.filter(se=>Q.has(se.columnId)):p.value;if(!Z?.length)return re;let me=new Map;for(let se=0;se<Z.length;se++)me.set(Z[se],se);return [...re].sort((se,Me)=>{let ye=me.get(se.columnId)??-1,he=me.get(Me.columnId)??-1;return ye===-1&&he===-1?0:ye===-1?1:he===-1?-1:ye-he})}),T=ref(0),R=computed(()=>applyResponsiveHiding(E.value,T.value,h.value)),L=computed(()=>R.value.length),z=computed(()=>m.value==="multiple"),W=computed(()=>!!o.value.showRowNumbers),D=computed(()=>(z.value?1:0)+(W.value?1:0)),x=computed(()=>L.value+D.value),P=D,M=shallowRef(new Map);watch(l,Q=>{let Z=M.value;Z.clear(),Q.forEach((re,me)=>Z.set(i(re),me)),triggerRef(M);},{immediate:true});let O=Kt({items:l,getRowId:i,rowSelection:m,controlledSelectedRows:d,onSelectionChange:o.value.onSelectionChange}),{editingCell:S,setEditingCell:w,pendingEditorValue:b,setPendingEditorValue:g}=$t(),{activeCell:y,setActiveCell:I}=qt(n,S),k=computed(()=>l.value.length),$=computed(()=>R.value.length),{selectionRange:H,setSelectionRange:K,handleCellMouseDown:F,handleSelectAllCells:X,isDragging:B}=Xt({colOffset:P,rowCount:k,visibleColCount:$,setActiveCell:I,wrapperRef:n}),{contextMenuPosition:oe,setContextMenuPosition:Y,handleCellContextMenu:V,closeContextMenu:ee}=jt(),{handleCopy:te,handleCut:we,handlePaste:Fe,cutRange:Ke,copyRange:Pe,clearClipboardRanges:xe}=Yt({items:l,visibleCols:R,colOffset:P,selectionRange:H,activeCell:y,editable:a,onCellValueChanged:C,beginBatch:u.beginBatch,endBatch:u.endBatch}),Ne=(Q,Z,re)=>{Q.button===0&&(n.value?.focus({preventScroll:true}),xe(),F(Q,Z,re));},{handleFillHandleMouseDown:He,fillDown:We}=Qt({items:l,visibleCols:R,editable:a,onCellValueChanged:C,selectionRange:H,setSelectionRange:K,setActiveCell:I,colOffset:P,wrapperRef:n,beginBatch:u.beginBatch,endBatch:u.endBatch}),{handleGridKeyDown:$e}=Zt({data:{items:l,visibleCols:R,colOffset:P,hasCheckboxCol:z,visibleColumnCount:L,getRowId:i},state:{activeCell:y,selectionRange:H,editingCell:S,selectedRowIds:O.selectedRowIds},handlers:{setActiveCell:I,setSelectionRange:K,setEditingCell:w,handleRowCheckboxChange:O.handleRowCheckboxChange,handleCopy:te,handleCut:we,handlePaste:Fe,setContextMenu:Y,onUndo:u.undo,onRedo:u.redo,clearClipboardRanges:xe},features:{editable:a,onCellValueChanged:C,rowSelection:m,wrapperRef:n,fillDown:We,onKeyDown:computed(()=>o.value.onKeyDown)}}),{containerWidth:et,minTableWidth:tt,desiredTableWidth:ct,columnSizingOverrides:Ue,setColumnSizingOverrides:mt}=tn({wrapperRef:n,visibleCols:E,flatColumns:p,hasCheckboxCol:z,initialColumnWidths:o.value.initialColumnWidths,onColumnResized:(Q,Z)=>o.value.onColumnResized?.(Q,Z)});watch(et,Q=>{T.value=Q;},{immediate:true});let Ie=nn({columns:p,pinnedColumns:f,onColumnPinned:o.value.onColumnPinned}),gt=(Q,Z)=>{mt({...Ue.value,[Q]:{widthPx:Z}}),o.value.onColumnResized?.(Q,Z);},ae=ln({columns:p,pinnedColumns:Ie.pinnedColumns,onPinColumn:Ie.pinColumn,onUnpinColumn:Ie.unpinColumn,onSort:o.value.onColumnSort,onColumnResized:o.value.onColumnResized,onAutosizeColumn:gt,sortBy:computed(()=>o.value.sortBy),sortDirection:computed(()=>o.value.sortDirection)}),Oe=ref({});watch([R,et,Ue],()=>{nextTick(()=>{let Q=n.value;if(!Q)return;let Z=Q.querySelectorAll("th[data-column-id]");if(Z.length===0)return;let re={};Z.forEach(ye=>{let he=ye.getAttribute("data-column-id");he&&(re[he]=ye.offsetWidth);});let me=Oe.value,se=Object.keys(re),Me=se.length!==Object.keys(me).length;if(!Me){for(let ye of se)if(me[ye]!==re[ye]){Me=true;break}}Me&&(Oe.value=re);});},{flush:"post"});let nt=computed(()=>{let Q={};for(let Z of R.value){let re=Ue.value[Z.columnId];Q[Z.columnId]=re?re.widthPx:Z.idealWidth??Z.defaultWidth??Z.minWidth??DEFAULT_MIN_COLUMN_WIDTH;}return Q}),ot=computed(()=>Ie.computeLeftOffsets(R.value,nt.value,DEFAULT_MIN_COLUMN_WIDTH,z.value,CHECKBOX_COLUMN_WIDTH)),Ee=computed(()=>Ie.computeRightOffsets(R.value,nt.value,DEFAULT_MIN_COLUMN_WIDTH)),lt=computed(()=>computeAggregations(l.value,R.value,s.value?H.value:null)),rt=computed(()=>{let Q=getDataGridStatusBarConfig(o.value.statusBar,l.value.length,O.selectedRowIds.value.size);return Q?{...Q,aggregation:lt.value??void 0}:null}),_e=computed(()=>l.value.length===0&&!!o.value.emptyState&&!o.value.isLoading),Ct=computed(()=>H.value!=null\|\|y.value!=null),ht=computed(()=>({sortBy:o.value.sortBy,sortDirection:o.value.sortDirection,onColumnSort:o.value.onColumnSort,filters:o.value.filters,onFilterChange:o.value.onFilterChange,filterOptions:o.value.filterOptions,loadingFilterOptions:o.value.loadingFilterOptions,peopleSearch:o.value.peopleSearch})),Ve=computed(()=>({editingCell:S.value,activeCell:s.value?y.value:null,selectionRange:s.value?H.value:null,cutRange:s.value?Ke.value:null,copyRange:s.value?Pe.value:null,colOffset:P.value,itemsLength:l.value.length,getRowId:i,editable:a.value,onCellValueChanged:C.value,isDragging:s.value?B.value:false,getFormulaValue:o.value.getFormulaValue,hasFormula:o.value.hasFormula,getFormula:o.value.getFormula,formulaVersion:o.value.formulaVersion})),ft=ref(null),at=Q=>{ft.value=Q;},Rt=(Q,Z,re,me,se,Me,ye)=>{let he=R.value.find(ge=>ge.columnId===Z);if(he){let ge=parseValue(me,re,Q,he);if(!ge.valid){w(null),at(null),g(void 0);return}me=ge.value;}if(w(null),at(null),g(void 0),Object.is(me,re)\|\|C.value?.({item:Q,columnId:Z,oldValue:re,newValue:me,rowIndex:se}),!ye?.skipAdvance&&se<l.value.length-1){let ge=se+1,yt=Me-P.value;I({rowIndex:ge,columnIndex:Me}),K({startRow:ge,startCol:yt,endRow:ge,endCol:yt});}},xt=()=>{w(null),at(null),g(void 0);},ve=computed(()=>({flatColumns:p.value,visibleCols:R.value,visibleColumnCount:L.value,totalColCount:x.value,colOffset:P.value,hasCheckboxCol:z.value,hasRowNumbersCol:W.value,rowIndexByRowId:M.value,containerWidth:et.value,minTableWidth:tt.value,desiredTableWidth:ct.value,columnSizingOverrides:Ue.value,setColumnSizingOverrides:mt,onColumnResized:o.value.onColumnResized,measuredColumnWidths:Oe.value,stickyHeader:o.value.stickyHeader??true})),bt=computed(()=>({selectedRowIds:O.selectedRowIds.value,updateSelection:O.updateSelection,handleRowCheckboxChange:O.handleRowCheckboxChange,handleSelectAll:O.handleSelectAll,allSelected:O.allSelected.value,someSelected:O.someSelected.value})),It=computed(()=>({editingCell:S.value,setEditingCell:w,pendingEditorValue:b.value,setPendingEditorValue:g,commitCellEdit:Rt,cancelPopoverEdit:xt,popoverAnchorEl:ft.value,setPopoverAnchorEl:at})),qe=computed(()=>(v.value,{activeCell:s.value?y.value:null,setActiveCell:s.value?I:Ze,selectionRange:s.value?H.value:null,setSelectionRange:s.value?K:Ze,handleCellMouseDown:s.value?Ne:Br,handleSelectAllCells:s.value?X:Ze,hasCellSelection:s.value?Ct.value:false,handleGridKeyDown:s.value?$e:Hr,handleFillHandleMouseDown:s.value?He:Ze,handleCopy:s.value?te:Ze,handleCut:s.value?we:Ze,handlePaste:s.value?Fe:Lr,cutRange:s.value?Ke.value:null,copyRange:s.value?Pe.value:null,clearClipboardRanges:s.value?xe:Ze,canUndo:u.canUndo.value,canRedo:u.canRedo.value,onUndo:u.undo,onRedo:u.redo,isDragging:s.value?B.value:false})),St=computed(()=>({menuPosition:s.value?oe.value:null,setMenuPosition:s.value?Y:Ze,handleCellContextMenu:s.value?V:Vr,closeContextMenu:s.value?ee:Ze})),Tt=computed(()=>({headerFilterInput:ht.value,cellDescriptorInput:Ve.value,statusBarConfig:rt.value,showEmptyInGrid:_e.value,onCellError:o.value.onCellError})),Pt=computed(()=>({pinnedColumns:Ie.pinnedColumns.value,pinColumn:Ie.pinColumn,unpinColumn:Ie.unpinColumn,isPinned:Ie.isPinned,leftOffsets:ot.value,rightOffsets:Ee.value,headerMenu:{isOpen:ae.isOpen.value,openForColumn:ae.openForColumn.value,anchorElement:ae.anchorElement.value,open:ae.open,close:ae.close,handlePinLeft:ae.handlePinLeft,handlePinRight:ae.handlePinRight,handleUnpin:ae.handleUnpin,handleSortAsc:ae.handleSortAsc,handleSortDesc:ae.handleSortDesc,handleClearSort:ae.handleClearSort,handleAutosizeThis:ae.handleAutosizeThis,handleAutosizeAll:ae.handleAutosizeAll,canPinLeft:ae.canPinLeft.value,canPinRight:ae.canPinRight.value,canUnpin:ae.canUnpin.value,currentSort:ae.currentSort.value,isSortable:ae.isSortable.value,isResizable:ae.isResizable.value}}));return {layout:ve,rowSelection:bt,editing:It,interaction:qe,contextMenu:St,viewModels:Tt,pinning:Pt}}function sn(e){let{columnSizingOverrides:o,setColumnSizingOverrides:n,minWidth:l=80,defaultWidth:i=120,onColumnResized:m}=e,d=0,a=null;return onUnmounted(()=>{a?.(),a=null;}),{handleResizeStart:(c,u)=>{c.preventDefault(),c.stopPropagation();let C=c.clientX,r=u.columnId,p=c.currentTarget.parentElement,h=p?p.getBoundingClientRect().width:o.value[r]?.widthPx??u.idealWidth??u.defaultWidth??i,E=h,T=document.body.style.cursor,R=document.body.style.userSelect;document.body.style.cursor="col-resize",document.body.style.userSelect="none";let L=()=>{n({...o.value,[r]:{widthPx:E}});},z=r===ROW_NUMBER_COLUMN_ID?ROW_NUMBER_COLUMN_MIN_WIDTH:l,W=P=>{let M=P.clientX-C;E=Math.max(z,h+M),d\|\|(d=requestAnimationFrame(()=>{d=0,L();}));},D=()=>{document.removeEventListener("pointermove",W),document.removeEventListener("pointerup",x),a=null,document.body.style.cursor=T,document.body.style.userSelect=R,d&&(cancelAnimationFrame(d),d=0);},x=()=>{D(),L(),m?.(r,E);};document.addEventListener("pointermove",W),document.addEventListener("pointerup",x),a=D;},handleResizeDoubleClick:(c,u)=>{c.preventDefault(),c.stopPropagation();let C=u.columnId,p=(c.currentTarget.closest("th")??c.currentTarget.parentElement)?.closest("table")?.parentElement??void 0,h=measureColumnContentWidth(C,l,p);n({...o.value,[C]:{widthPx:h}}),m?.(C,h);},getColumnWidth:c=>o.value[c.columnId]?.widthPx??c.idealWidth??c.defaultWidth??i}}function un(e,o){let n=ref(e.value),l;return watch(e,i=>{l!==void 0&&clearTimeout(l),l=setTimeout(()=>{n.value=i;},o);}),onUnmounted(()=>{l!==void 0&&clearTimeout(l);}),n}function Mo(e,o){let n,l=e,i,m=((...d)=>{l=e,i=d,n!==void 0&&clearTimeout(n),n=setTimeout(()=>{l(...d),i=void 0,n=void 0;},o);});return m.cancel=()=>{n!==void 0&&clearTimeout(n),n=void 0,i=void 0;},m.flush=()=>{if(n!==void 0&&i!==void 0){clearTimeout(n),n=void 0;let d=i;i=void 0,l(...d);}},onUnmounted(()=>{n!==void 0&&clearTimeout(n);}),m}function dn(e){let{textValue:o="",onTextChange:n}=e,l=ref(o);return watch(e.isFilterOpen,a=>{a&&(l.value=e.textValue??"");}),{tempTextValue:l,setTempTextValue:a=>{l.value=a;},handleTextApply:()=>{n?.(l.value.trim());},handleTextClear:()=>{l.value="";}}}var Yr=150,Zn=[];function cn(e){let{onFilterChange:o}=e,n=ref(new Set(e.selectedValues??Zn)),l=ref(""),i=un(l,Yr);watch(e.isFilterOpen,u=>{u&&(n.value=new Set(e.selectedValues??Zn),l.value="");});let m=computed(()=>{let u=e.options??Zn;if(!i.value.trim())return u;let C=i.value.toLowerCase().trim();return u.filter(r=>r.toLowerCase().includes(C))});return {tempSelected:n,setTempSelected:u=>{n.value=u;},searchText:l,setSearchText:u=>{l.value=u;},debouncedSearchText:i,filteredOptions:m,handleCheckboxChange:(u,C)=>{let r=new Set(n.value);C?r.add(u):r.delete(u),n.value=r;},handleSelectAll:()=>{n.value=new Set(m.value);},handleClearSelection:()=>{n.value=new Set;},handleApplyMultiSelect:()=>{o?.(Array.from(n.value));}}}var Jr=300;function fn(e){let{onUserChange:o,filterType:n}=e,l=ref(null),i,m=ref([]),d=ref(false),a=ref(""),s=c=>{a.value=c;};return watch(e.isFilterOpen,c=>{c&&(a.value="",m.value=[],n==="people"&&setTimeout(()=>l.value?.focus(),50));}),watch([a,()=>e.peopleSearch,e.isFilterOpen],([c,u,C])=>{if(i&&clearTimeout(i),!(!u\|\|!C\|\|n!=="people")){if(!c.trim()){m.value=[];return}d.value=true,i=setTimeout(async()=>{try{let r=await u(c);m.value=r.slice(0,10);}catch{m.value=[];}finally{d.value=false;}},Jr);}}),onUnmounted(()=>{i&&clearTimeout(i);}),{peopleSuggestions:m,isPeopleLoading:d,peopleSearchText:a,setPeopleSearchText:s,peopleInputRef:l,handleUserSelect:c=>{o?.(c);},handleClearUser:()=>{o?.(void 0);}}}function pn(e){let{onDateChange:o}=e,n=ref(e.dateValue?.from??""),l=ref(e.dateValue?.to??"");return watch(e.isFilterOpen,s=>{s&&(n.value=e.dateValue?.from??"",l.value=e.dateValue?.to??"");}),{tempDateFrom:n,setTempDateFrom:s=>{n.value=s;},tempDateTo:l,setTempDateTo:s=>{l.value=s;},handleDateApply:()=>{let s=n.value\|\|void 0,f=l.value\|\|void 0;o?.(s\|\|f?{from:s,to:f}:void 0);},handleDateClear:()=>{n.value="",l.value="";}}}var na=[];function Ho(e){let{filterType:o,onSort:n}=e,l=()=>e.selectedValues??na,i=ref(null),m=ref(null),d=ref(false),a=ref(null),s=g=>{d.value=g;},f=dn({textValue:e.textValue,onTextChange:e.onTextChange,isFilterOpen:d}),v=cn({selectedValues:e.selectedValues,onFilterChange:e.onFilterChange,options:e.options,isFilterOpen:d}),c=fn({selectedUser:e.selectedUser,onUserChange:e.onUserChange,peopleSearch:e.peopleSearch,isFilterOpen:d,filterType:o}),u=pn({dateValue:e.dateValue,onDateChange:e.onDateChange,isFilterOpen:d});watch(d,g=>{g\|\|(a.value=null);});let C=null,r=null,p,h=()=>{E(),C=g=>{let y=g.target;m.value&&!m.value.contains(y)&&i.value&&!i.value.contains(y)&&(d.value=false);},r=g=>{(g.key==="Escape"\|\|g.key==="Esc")&&(g.preventDefault(),g.stopPropagation(),d.value=false);},p=setTimeout(()=>{C&&document.addEventListener("mousedown",C);},0),document.addEventListener("keydown",r,true);},E=()=>{p&&clearTimeout(p),C&&document.removeEventListener("mousedown",C),r&&document.removeEventListener("keydown",r,true),C=null,r=null;};watch(d,g=>{g?h():E();}),onUnmounted(()=>E());let T=g=>{if(g.stopPropagation(),g.preventDefault(),!d.value&&i.value){let y=i.value.getBoundingClientRect();a.value={top:y.bottom+4,left:y.left};}d.value=!d.value;},R=g=>{g.stopPropagation(),n?.();},L=()=>{v.handleApplyMultiSelect(),d.value=false;},z=()=>{f.handleTextApply(),d.value=false;},W=g=>{c.handleUserSelect(g),d.value=false;},D=()=>{c.handleClearUser(),d.value=false;},x=()=>{u.handleDateApply(),d.value=false;},P=g=>g.stopPropagation(),M=g=>g.stopPropagation(),O=g=>g.stopPropagation(),S=g=>g.stopPropagation(),w=g=>{g.key!=="Escape"&&g.key!=="Esc"&&g.stopPropagation();},b=computed(()=>o==="multiSelect"?l().length>0:o==="text"?!!(e.textValue??"").trim():o==="people"?!!e.selectedUser:o==="date"?!!(e.dateValue?.from\|\|e.dateValue?.to):false);return {headerRef:i,popoverRef:m,peopleInputRef:c.peopleInputRef,isFilterOpen:d,setFilterOpen:s,tempSelected:v.tempSelected,setTempSelected:v.setTempSelected,tempTextValue:f.tempTextValue,setTempTextValue:f.setTempTextValue,searchText:v.searchText,setSearchText:v.setSearchText,debouncedSearchText:v.debouncedSearchText,filteredOptions:v.filteredOptions,peopleSuggestions:c.peopleSuggestions,isPeopleLoading:c.isPeopleLoading,peopleSearchText:c.peopleSearchText,setPeopleSearchText:c.setPeopleSearchText,tempDateFrom:u.tempDateFrom,setTempDateFrom:u.setTempDateFrom,tempDateTo:u.tempDateTo,setTempDateTo:u.setTempDateTo,hasActiveFilter:b,popoverPosition:a,handlers:{handleFilterIconClick:T,handleApplyMultiSelect:L,handleTextApply:z,handleTextClear:f.handleTextClear,handleUserSelect:W,handleClearUser:D,handleCheckboxChange:v.handleCheckboxChange,handleSelectAll:v.handleSelectAll,handleClearSelection:v.handleClearSelection,handlePopoverClick:P,handleInputFocus:M,handleInputMouseDown:O,handleInputClick:S,handleInputKeyDown:w,handleDateApply:x,handleDateClear:u.handleDateClear,handleSortClick:R}}}function zo(e){let{columns:o,visibleColumns:n,onVisibilityChange:l}=e,i=ref(false),m=null,d=()=>{a(),m=h=>{h.key==="Escape"&&(h.preventDefault(),i.value=false);},document.addEventListener("keydown",m,true);},a=()=>{m&&(document.removeEventListener("keydown",m,true),m=null);};watch(i,h=>{h?d():a();}),onUnmounted(()=>a());let s=h=>{i.value=h;},f=()=>{i.value=!i.value;},v=()=>{i.value=false;},c=h=>E=>{l(h,E);},u=()=>{o.value.forEach(h=>{n.value.has(h.columnId)\|\|l(h.columnId,true);});},C=()=>{o.value.forEach(h=>{!h.required&&n.value.has(h.columnId)&&l(h.columnId,false);});},r=computed(()=>n.value.size),p=computed(()=>o.value.length);return {open:i,setOpen:s,handleToggle:f,handleClose:v,handleCheckboxChange:c,handleSelectAll:u,handleClearAll:C,visibleCount:r,totalCount:p}}function Go(e){let{value:o,editorType:n,onCommit:l,onCancel:i,dateFormat:m,dateEditorType:d}=e,a=m??DEFAULT_DATE_FORMAT,s=ref((()=>{if(o==null)return "";if(n==="date"){if(d==="native"){let p=String(o);return p.match(/^\d{4}-\d{2}-\d{2}/)?p.substring(0,10):p}return formatDateForDisplay(o,a)??""}return String(o)})()),f=p=>{s.value=p;},v=p=>{if(n==="date"&&d!=="native"){if(!p\|\|!p.trim()){l(null);return}let h=parseUserInputDate(p,a);if(h!==null){let E=h.getUTCFullYear().toString().padStart(4,"0"),T=(h.getUTCMonth()+1).toString().padStart(2,"0"),R=h.getUTCDate().toString().padStart(2,"0");l(`${E}-${T}-${R}`);}else l(null);}else l(p);},c=p=>{l(p);},u=()=>{i();};return {localValue:s,setLocalValue:f,handleKeyDown:p=>{p.key==="Escape"&&(p.preventDefault(),p.stopPropagation(),u()),p.key==="Enter"&&(n==="text"\|\|n==="date")&&(p.preventDefault(),p.stopPropagation(),v(s.value));},handleBlur:()=>{(n==="text"\|\|n==="date")&&v(s.value);},commit:c,cancel:u}}function Wo(e){let{values:o,formatValue:n,initialValue:l,onCommit:i,onCancel:m}=e,d=ref(""),a=o.findIndex(r=>String(r)===String(l)),s=ref(Math.max(a,0)),f=r=>{d.value=r;},v=r=>n?n(r):r!=null?String(r):"",c=computed(()=>{if(!d.value.trim())return o;let r=d.value.toLowerCase();return o.filter(p=>v(p).toLowerCase().includes(r))}),u=r=>{i(r);};return {searchText:d,setSearchText:f,filteredValues:c,highlightedIndex:s,handleKeyDown:r=>{switch(r.key){case "ArrowDown":r.preventDefault(),s.value=Math.min(s.value+1,c.value.length-1);break;case "ArrowUp":r.preventDefault(),s.value=Math.max(s.value-1,0);break;case "Enter":r.preventDefault(),r.stopPropagation(),c.value.length>0&&s.value<c.value.length&&u(c.value[s.value]);break;case "Escape":r.preventDefault(),r.stopPropagation(),m();break}},selectValue:u,getDisplayText:v}}var va=8,ga=5;function gn(e){let{columnOrder:o,onColumnOrderChange:n,tableRef:l,pinnedColumns:i}=e,m=ref(false),d=ref(null),a=null,s="unpinned",f=0,v=null;return onUnmounted(()=>{v?.(),v=null;}),{isDragging:m,dropIndicatorX:d,handleHeaderMouseDown:(u,C)=>{if(C.button!==0)return;let r=C.target.closest("th");if(r){let P=r.getBoundingClientRect();if(C.clientX>P.right-va)return}if(C.preventDefault(),!l.value\|\|!n.value)return;a=u,s=getPinStateForColumn(u,i?.value),d.value=null;let h=C.clientX,E=false,T=C.clientX,R=-1,L=document.body.style.cursor,z=document.body.style.userSelect;document.body.style.cursor="grabbing",document.body.style.userSelect="none";let W=P=>{!E&&Math.abs(P.clientX-h)<ga\|\|(E\|\|(E=true,m.value=true),T=P.clientX,f\|\|(f=requestAnimationFrame(()=>{f=0;let M=l.value;if(!M\|\|!a)return;let O=calculateDropTarget({mouseX:T,columnOrder:o.value,draggedColumnId:a,draggedPinState:s,tableElement:M,pinnedColumns:i?.value});O?(R=O.targetIndex,d.value=O.indicatorX):d.value=null;})));},D=()=>{window.removeEventListener("pointermove",W,true),window.removeEventListener("pointerup",x,true),v=null,document.body.style.cursor=L,document.body.style.userSelect=z,f&&(cancelAnimationFrame(f),f=0);},x=()=>{if(D(),E&&a&&R>=0&&n.value){let P=reorderColumnArray(o.value,a,R);n.value(P);}a=null,m.value=false,d.value=null,R=-1;};window.addEventListener("pointermove",W,true),window.addEventListener("pointerup",x,true),v=D;}}}var Ia=100;function hn(e){let{totalRows:o,rowHeight:n,enabled:l,overscan:i=5,threshold:m=Ia,columnsEnabled:d,columnWidths:a,columnOverscan:s=2}=e;onMounted(()=>{validateVirtualScrollConfig({enabled:l.value,rowHeight:n});});let f=ref(null),v=ref(0),c=ref(0),u=ref(0),C=ref(0),r=0,p,h=null,E=computed(()=>l.value&&o.value>=m),T=computed(()=>E.value?computeVisibleRange(v.value,n,u.value,o.value,i):{startIndex:0,endIndex:Math.max(0,o.value-1),offsetTop:0,offsetBottom:0}),R=computed(()=>l.value?computeTotalHeight(o.value,n):0),L=computed(()=>{if(!d?.value)return null;let x=a?.value;return !x\|\|x.length===0?null:computeVisibleColumnRange(c.value,x,C.value,s)}),z=()=>{r\|\|(r=requestAnimationFrame(()=>{r=0;let x=f.value;x&&(v.value=x.scrollTop,c.value=x.scrollLeft);}));},W=()=>{let x=f.value;x&&(u.value=x.clientHeight,C.value=x.clientWidth);};return watch(f,x=>{x!==h&&(h&&h.removeEventListener("scroll",z),p&&(p.disconnect(),p=void 0),h=x,x&&(x.addEventListener("scroll",z,{passive:true}),typeof ResizeObserver<"u"&&(p=new ResizeObserver(W),p.observe(x)),W(),v.value=x.scrollTop,c.value=x.scrollLeft));}),onUnmounted(()=>{let x=f.value;x&&x.removeEventListener("scroll",z),p?.disconnect(),r&&(cancelAnimationFrame(r),r=0);}),{containerRef:f,visibleRange:T,totalHeight:R,scrollToRow:(x,P="start")=>{let M=f.value;M&&(M.scrollTop=getScrollTopForRow(x,n,u.value,P));},columnRange:L,scrollLeft:c}}function bn(e){let{props:o}=e,n=ref(null),l=ref(null),i=ref(null),m=ref(false),d=an({props:o,wrapperRef:n}),a=computed(()=>{let W=o.value;return W.columnOrder?W.columnOrder:flattenColumns(W.columns).filter(D=>W.visibleColumns?.has(D.columnId)??true).map(D=>D.columnId)}),s=computed(()=>o.value.onColumnOrderChange),f=gn({columnOrder:a,onColumnOrderChange:s,tableRef:i}),v=computed(()=>o.value.virtualScroll?.enabled??false),c=computed(()=>o.value.items.length),u=o.value.virtualScroll?.rowHeight??36,C=o.value.virtualScroll?.overscan??5,r=computed(()=>o.value.virtualScroll?.columns===true),p=o.value.virtualScroll?.columnOverscan??2,h=computed(()=>{let W=d.layout.value,{visibleCols:D,columnSizingOverrides:x}=W,P=o.value.pinnedColumns??{},M=[];for(let O of D){if(P[O.columnId]\|\|O.pinned)continue;let S=x[O.columnId];M.push(S?S.widthPx:O.defaultWidth??O.minWidth??DEFAULT_MIN_COLUMN_WIDTH);}return M}),E=hn({totalRows:c,rowHeight:u,enabled:v,overscan:C,columnsEnabled:r,columnWidths:h,columnOverscan:p}),T=computed(()=>{if(!r.value)return null;let D=d.layout.value.visibleCols,x=E.columnRange.value,P=o.value.pinnedColumns;return partitionColumnsForVirtualization(D,x,P)}),R=computed(()=>{let D=d.layout.value.visibleCols,x=new Map;for(let P=0;P<D.length;P++)x.set(D[P].columnId,P);return x}),L=computed(()=>d.layout.value.columnSizingOverrides),z=sn({columnSizingOverrides:L,setColumnSizingOverrides:W=>d.layout.value.setColumnSizingOverrides(W)});return {wrapperRef:n,tableContainerRef:l,tableRef:i,lastMouseShift:m,state:d,columnReorder:f,virtualScroll:E,virtualScrollEnabled:v,columnResize:z,columnPartition:T,globalColIndexMap:R}}function Sn(e,o,n){let l={"data-row-index":e.rowIndex,"data-col-index":e.globalColIndex,...e.isActive?{"data-active-cell":"true"}:{},...e.isInRange?{"data-in-range":"true"}:{},tabindex:e.isActive?0:-1,onPointerdown:i=>{n.setEditingCell(null),n.handleCellMouseDown(i,e.rowIndex,e.globalColIndex);},onClick:()=>n.setActiveCell({rowIndex:e.rowIndex,columnIndex:e.globalColIndex}),onContextmenu:i=>n.handleCellContextMenu(i)};return e.canEditAny&&(l.role="button",l.onDblclick=()=>n.setEditingCell({rowId:e.rowId,columnId:o})),l}var Ko=()=>{};function Ba(e){return defineComponent({name:"DataGridTable",props:{gridProps:{type:Object,required:true}},setup(o){let n=computed(()=>o.gridProps),{wrapperRef:l,tableContainerRef:i,tableRef:m,lastMouseShift:d,state:a,columnReorder:{isDragging:s,dropIndicatorX:f,handleHeaderMouseDown:v},virtualScroll:{containerRef:c,visibleRange:u,totalHeight:C,scrollToRow:r},virtualScrollEnabled:p,columnResize:{handleResizeStart:h$1,handleResizeDoubleClick:E,getColumnWidth:T},columnPartition:R,globalColIndexMap:L}=bn({props:n}),z=computed(()=>{let b=n.value;return b.showRowNumbers\|\|b.showColumnLetters?((b.currentPage??1)-1)(b.pageSize??25):0});watch([()=>a.interaction.value.activeCell,z],([b,g])=>{let y=n.value.onActiveCellChange;y&&y(b?formatCellReference(b.columnIndex-a.layout.value.colOffset,g+b.rowIndex+1):null);},{immediate:true});let W=b=>{d.value=b.shiftKey;},D=b=>{b.button===0&&b.preventDefault();},x=b=>{b.button===0&&b.preventDefault();},P=b=>{b.preventDefault();},M=b=>b.preventDefault(),O=b=>b.stopPropagation(),S=computed(()=>buildHeaderRows(n.value.columns,n.value.visibleColumns)),w=computed(()=>{let b=a.layout.value,g=a.pinning.value,{visibleCols:y,columnSizingOverrides:I,measuredColumnWidths:k}=b,{leftOffsets:$,rightOffsets:H}=g,K={},F={},X={},B={};for(let oe=0;oe<y.length;oe++){let Y=y[oe],V=Y.pinned==="left",ee=Y.pinned==="right",te=T(Y),we=!!I[Y.columnId],Fe=k[Y.columnId],Ke=Y.minWidth??estimateHeaderMinWidth(Y.name),Pe=we?te:Math.max(Ke,Fe??0),xe=Y.width,Ne={minWidth:`${Pe}px`,width:xe??`${te}px`,...xe?{}:{maxWidth:`${te}px`}},He={minWidth:`${Pe}px`,width:xe??`${te}px`,...xe?{}:{maxWidth:`${te}px`}},We=["ogrid-data-cell"],$e=["ogrid-header-cell"];V?(We.push("ogrid-data-cell--pinned-left"),Ne.left=`${$[Y.columnId]??0}px`,$e.push("ogrid-header-cell--pinned-left"),He.left=`${$[Y.columnId]??0}px`):ee&&(We.push("ogrid-data-cell--pinned-right"),Ne.right=`${H[Y.columnId]??0}px`,$e.push("ogrid-header-cell--pinned-right"),He.right=`${H[Y.columnId]??0}px`),K[Y.columnId]=Ne,F[Y.columnId]=We.join(" "),X[Y.columnId]=He,B[Y.columnId]=$e.join(" ");}return {cellStyles:K,cellClasses:F,hdrStyles:X,hdrClasses:B}});return ()=>{let b=o.gridProps,g=a.layout.value,y=a.rowSelection.value,I=a.editing.value,k=a.interaction.value,$=a.contextMenu.value,H=a.viewModels.value,K=a.pinning.value,{headerMenu:F}=K,{visibleCols:X,hasCheckboxCol:B,hasRowNumbersCol:oe,colOffset:Y,containerWidth:V,minTableWidth:ee,desiredTableWidth:te}=g,we=b.currentPage??1,Fe=b.pageSize??25,Ke=oe?(we-1)Fe:0,{selectedRowIds:Pe,handleRowCheckboxChange:xe,handleSelectAll:Ne,allSelected:He,someSelected:We}=y,{editingCell:$e,setEditingCell:et,pendingEditorValue:tt,setPendingEditorValue:ct,commitCellEdit:Ue,cancelPopoverEdit:mt,popoverAnchorEl:Ie,setPopoverAnchorEl:gt}=I,{setActiveCell:ae,setSelectionRange:Oe,handleCellMouseDown:nt,handleSelectAllCells:ot,selectionRange:Ee,hasCellSelection:lt,handleGridKeyDown:rt,handleFillHandleMouseDown:_e,handleCopy:Ct,handleCut:ht,handlePaste:Ve,cutRange:ft,copyRange:at,canUndo:Rt,canRedo:xt,onUndo:ve,onRedo:bt,isDragging:It}=k,{menuPosition:qe,handleCellContextMenu:St,closeContextMenu:Tt}=$,{headerFilterInput:Pt,cellDescriptorInput:Q,statusBarConfig:Z,showEmptyInGrid:re,onCellError:me}=H,se=b.items,Me=b.getRowId,ye=b.layoutMode??"fill",he=b.rowSelection??"none",ge=b.suppressHorizontalScroll,yt=b.stickyHeader??true,Et=b.isLoading??false,Dn=b.loadingMessage??"Loading\u2026",Fn=b["aria-label"],ke=b["aria-labelledby"],Un=ye==="content",Dt=!ge&&V>0&&(ee>V\|\|te>V),ze=S.value,Ft={commitCellEdit:Ue,setEditingCell:et,setPendingEditorValue:ct,cancelPopoverEdit:mt},On={handleCellMouseDown:nt,setActiveCell:ae,setEditingCell:et,handleCellContextMenu:St},Mn=A=>{if(he!=="single")return;let ie=A.currentTarget.dataset.rowId;ie&&y.updateSelection(Pe.has(ie)?new Set:new Set([ie]));},t=(A,G,ie,Le)=>{try{return U(A,G,ie,Le)}catch(_){return me&&me(_ instanceof Error?_:new Error(String(_)),void 0),""}},U=(A,G,ie,Le)=>{let _=getCellRenderDescriptor(A,G,ie,Le,Q);if(_.mode==="editing-inline"){let ue=buildInlineEditorProps(A,G,_,Ft);return h("div",{class:"ogrid-editing-cell"},h(e.InlineCellEditor,{value:ue.value,item:ue.item,column:ue.column,rowIndex:ue.rowIndex,editorType:ue.editorType,onCommit:ue.onCommit,onCancel:ue.onCancel}))}if(_.mode==="editing-popover"&&G.cellEditor!=null&&typeof G.cellEditor!="string"){let ue=buildPopoverEditorProps(A,G,_,tt,Ft),ne=G.cellEditor,Bt=resolveCellDisplayContent(G,A,_.displayValue),to=resolveCellStyle(G,A,_.displayValue);return h("div",[h("div",{ref:no=>{no&&gt(no);},class:"ogrid-popover-anchor"},[to?h("span",{style:to},[Bt]):Bt]),Ie?h(ne,ue):null])}let Be=Sn(_,G.columnId,On),Te=["ogrid-cell-content"];G.type==="numeric"?Te.push("ogrid-cell-content--numeric"):G.type==="boolean"&&Te.push("ogrid-cell-content--boolean"),_.canEditAny&&Te.push("ogrid-cell-content--editable"),_.isActive&&Te.push("ogrid-cell-content--active"),_.isActive&&_.isInRange&&Te.push("ogrid-cell-content--active-in-range"),_.isInRange&&!_.isActive&&Te.push("ogrid-cell-in-range"),_.isInCutRange&&Te.push("ogrid-cell-cut");let Ye;if(_.columnType==="boolean"){let ue=!!_.displayValue;Ye=h("input",{type:"checkbox",checked:ue,disabled:!_.canEditAny,onChange:_.canEditAny?()=>{let ne=_.rowIndex,Bt=_.globalColIndex;Ft.commitCellEdit(A,G.columnId,ue,!ue,ne,Bt,{skipAdvance:true});}:void 0,onPointerdown:ne=>handleBooleanCellPointerDown(ne,_.rowIndex,_.globalColIndex,Y,{setActiveCell:ae,setSelectionRange:Oe}),onClick:ne=>ne.stopPropagation(),style:`margin:0;cursor:${_.canEditAny?"pointer":"default"};outline:none`,"aria-label":ue?"Checked":"Unchecked"});}else {let ue=resolveCellDisplayContent(G,A,_.displayValue),ne=resolveCellStyle(G,A,_.displayValue);Ye=ne?h("span",{style:ne},ue):ue;}return h("div",{...Be,class:Te.join(" ")},[Ye,..._.canEditAny&&_.isSelectionEndCell?[h("div",{onPointerdown:_e,"aria-label":"Fill handle",class:"ogrid-fill-handle"})]:[]])},{cellStyles:le,cellClasses:Re,hdrStyles:it,hdrClasses:st}=w.value,Xe=X.map(A=>({col:A,tdClasses:Re[A.columnId]\|\|"ogrid-data-cell",tdDynamicStyle:le[A.columnId]\|\|{}})),fe=R.value,pt=Xe,je=0,Ce=0;if(fe){let A=new Set;for(let G of fe.pinnedLeft)A.add(G.columnId);for(let G of fe.virtualizedUnpinned)A.add(G.columnId);for(let G of fe.pinnedRight)A.add(G.columnId);pt=Xe.filter(G=>A.has(G.col.columnId)),je=fe.leftSpacerWidth,Ce=fe.rightSpacerWidth;}let be=L.value,Ae=A=>{let G=it[A.columnId]\|\|{};return {classes:st[A.columnId]\|\|"ogrid-header-cell",style:{...G,cursor:s.value?"grabbing":"grab"}}},pe=p.value,De={position:"relative",width:Un?"fit-content":"100%",maxWidth:"100%",overflowX:ge?"hidden":Dt?"auto":"hidden",overflowY:"auto",backgroundColor:"#fff",willChange:"scroll-position",...pe?{flex:"1",minHeight:"0"}:{minHeight:Et&&se.length===0?"200px":"auto"}};return b.rowHeight&&(De["--ogrid-row-height"]=`${b.rowHeight}px`),h("div",{class:"ogrid-outer-container"},[h("div",{ref:A=>{l.value=A,c.value=A;},tabindex:0,role:"region","aria-label":Fn??(ke?void 0:"Data grid"),"aria-labelledby":ke,onPointerdown:W,onKeydown:rt,onContextmenu:M,"data-overflow-x":Dt?"true":"false","data-ogrid-scroll-container":"",style:De},[h("div",{class:"ogrid-scroll-wrapper"},[h("div",{style:{minWidth:Dt?`${ee}px`:void 0,overflowX:"clip"}},[h("div",{ref:A=>{i.value=A;},class:["ogrid-table-container",Et&&se.length>0?"ogrid-table-container--loading":""]},[...s.value&&f.value!==null?[h("div",{class:"ogrid-drop-indicator",style:{left:`${f.value}px`}})]:[],h("table",{ref:A=>{m.value=A;},class:"ogrid-table",role:"grid",style:{minWidth:`${ee}px`},...p.value?{"data-virtual-scroll":""}:{}},[h("thead",{class:yt?"ogrid-thead ogrid-sticky-header":"ogrid-thead"},[...b.showColumnLetters?[h("tr",{class:"ogrid-column-letter-row"},[...B?[h("th",{class:"ogrid-column-letter-cell"})]:[],...oe?[h("th",{class:"ogrid-column-letter-cell"})]:[],...X.map((A,G)=>{let{classes:ie,style:Le}=Ae(A);return h("th",{key:A.columnId,class:`ogrid-column-letter-cell ${ie}`,style:Le},indexToColumnLetter(G))})])]:[],...ze.map((A,G)=>h("tr",{key:G,class:"ogrid-header-row"},[...G===ze.length-1&&B?[h("th",{class:"ogrid-checkbox-header",style:{width:`${CHECKBOX_COLUMN_WIDTH}px`,minWidth:`${CHECKBOX_COLUMN_WIDTH}px`,maxWidth:`${CHECKBOX_COLUMN_WIDTH}px`}},e.renderCheckbox({modelValue:He,indeterminate:We&&!He,ariaLabel:"Select all rows",onChange:ie=>Ne(!!ie)}))]:[],...G===0&&G<ze.length-1&&B?[h("th",{rowSpan:ze.length-1,class:"ogrid-checkbox-spacer",style:{width:`${CHECKBOX_COLUMN_WIDTH}px`,minWidth:`${CHECKBOX_COLUMN_WIDTH}px`}})]:[],...G===ze.length-1&&oe?[(()=>{let ie=g.columnSizingOverrides[ROW_NUMBER_COLUMN_ID]?.widthPx??ROW_NUMBER_COLUMN_WIDTH;return h("th",{class:"ogrid-row-number-header",style:{width:`${ie}px`,minWidth:`${ie}px`,maxWidth:`${ie}px`,position:"sticky",left:B?`${CHECKBOX_COLUMN_WIDTH}px`:"0",zIndex:3},onPointerdown:D,onMousedown:x,onSelectstart:P},["#",h("div",{onPointerdown:Le=>{ae(null),Oe(null),l.value?.focus({preventScroll:true}),Le.stopPropagation(),h$1(Le,{columnId:ROW_NUMBER_COLUMN_ID,name:"#"});},class:"ogrid-resize-handle",role:"separator","aria-label":"Resize row numbers"})])})()]:[],...G===0&&G<ze.length-1&&oe?[(()=>{let ie=g.columnSizingOverrides[ROW_NUMBER_COLUMN_ID]?.widthPx??ROW_NUMBER_COLUMN_WIDTH;return h("th",{rowSpan:ze.length-1,class:"ogrid-row-number-spacer",style:{width:`${ie}px`,position:"sticky",left:B?`${CHECKBOX_COLUMN_WIDTH}px`:"0",zIndex:3}})})()]:[],...A.map((ie,Le)=>{if(ie.isGroup)return h("th",{key:Le,colSpan:ie.colSpan,scope:"colgroup",class:"ogrid-column-group-header"},ie.label);if(!ie.columnDef)return null;let _=ie.columnDef,{classes:Be,style:Te}=Ae(_),ue=b.sortBy===_.columnId?b.sortDirection==="asc"?"ascending":"descending":void 0;return h("th",{key:_.columnId,scope:"col","data-column-id":_.columnId,rowSpan:ze.length>1?ze.length-G:void 0,class:Be,style:Te,"aria-sort":ue,onPointerdown:ne=>v(_.columnId,ne)},[h("div",{class:"ogrid-header-content"},[h(e.ColumnHeaderFilter,getHeaderFilterConfig(_,Pt)),h("button",{onClick:ne=>{ne.stopPropagation(),F.isOpen&&F.openForColumn===_.columnId?F.close():F.open(_.columnId,ne.currentTarget);},"aria-label":"Column options",title:"Column options",class:"ogrid-column-menu-btn"},"\u22EE")]),h("div",{onPointerdown:ne=>{ae(null),Oe(null),l.value?.focus({preventScroll:true}),ne.stopPropagation(),h$1(ne,_);},onDblclick:ne=>E(ne,_),class:"ogrid-resize-handle",role:"separator","aria-label":`Resize ${_.name??_.columnId}`})])})]))]),...re?[]:[h("tbody",{},(()=>{let A=p.value,G=u.value,ie=A?G.startIndex:0,Le=A?Math.min(G.endIndex,se.length-1):se.length-1,_=[];A&&G.offsetTop>0&&_.push(h("tr",{key:"__vs-top",style:{height:`${G.offsetTop}px`}}));for(let Be=ie;Be<=Le;Be++){let Te=se[Be];if(!Te)continue;let Ye=Me(Te),ue=Pe.has(Ye);_.push(h("tr",{key:Ye,"data-row-id":Ye,"aria-selected":ue\|\|void 0,onClick:Mn,style:{cursor:he==="single"?"pointer":void 0}},[...B?[h("td",{class:"ogrid-checkbox-cell",style:{width:`${CHECKBOX_COLUMN_WIDTH}px`,minWidth:`${CHECKBOX_COLUMN_WIDTH}px`,maxWidth:`${CHECKBOX_COLUMN_WIDTH}px`}},h("div",{"data-row-index":Be,"data-col-index":0,onClick:O,class:"ogrid-checkbox-wrapper"},e.renderCheckbox({modelValue:ue,ariaLabel:`Select row ${Be+1}`,onChange:ne=>xe(Ye,ne,Be,d.value)})))]:[],...oe?[(()=>{let ne=g.columnSizingOverrides[ROW_NUMBER_COLUMN_ID]?.widthPx??ROW_NUMBER_COLUMN_WIDTH;return h("td",{class:"ogrid-row-number-cell",style:{width:`${ne}px`,minWidth:`${ne}px`,maxWidth:`${ne}px`,padding:"6px",position:"sticky",left:B?`${CHECKBOX_COLUMN_WIDTH}px`:"0",zIndex:2,userSelect:"none",WebkitUserSelect:"none"},onPointerdown:D,onMousedown:x,onSelectstart:P},String(Ke+Be+1))})()]:[],...je>0?[h("td",{key:"__col-spacer-left",style:{width:`${je}px`,minWidth:`${je}px`,maxWidth:`${je}px`,padding:"0"}})]:[],...pt.map(ne=>h("td",{key:ne.col.columnId,"data-column-id":ne.col.columnId,class:ne.tdClasses,style:{...ne.tdDynamicStyle,userSelect:"none",WebkitUserSelect:"none"},onPointerdown:D,onMousedown:x,onSelectstart:P},[t(Te,ne.col,Be,be.get(ne.col.columnId)??0)])),...Ce>0?[h("td",{key:"__col-spacer-right",style:{width:`${Ce}px`,minWidth:`${Ce}px`,maxWidth:`${Ce}px`,padding:"0"}})]:[]]));}return A&&G.offsetBottom>0&&_.push(h("tr",{key:"__vs-bottom",style:{height:`${G.offsetBottom}px`}})),_})())]]),...re&&b.emptyState?[e.renderEmptyState(b.emptyState)]:[]])])])]),...qe?[h(Teleport,{to:"body"},h(e.GridContextMenu,{x:qe.x,y:qe.y,hasSelection:lt,canUndo:Rt,canRedo:xt,onUndo:ve??Ko,onRedo:bt??Ko,onCopy:Ct,onCut:ht,onPaste:()=>{Ve();},onSelectAll:ot,onClose:Tt}))]:[],h(An,{containerRef:i,selectionRange:Ee,copyRange:at,cutRange:ft,colOffset:Y,items:se,visibleColumns:b.visibleColumns instanceof Set?Array.from(b.visibleColumns):b.visibleColumns,columnSizingOverrides:g.columnSizingOverrides,columnOrder:b.columnOrder}),...b.formulaReferences&&b.formulaReferences.length>0?[h(zn,{containerEl:i.value,references:b.formulaReferences,colOffset:Y})]:[],h(e.ColumnHeaderMenu,{isOpen:F.isOpen,anchorElement:F.anchorElement,onClose:F.close,onPinLeft:F.handlePinLeft,onPinRight:F.handlePinRight,onUnpin:F.handleUnpin,onSortAsc:F.handleSortAsc,onSortDesc:F.handleSortDesc,onClearSort:F.handleClearSort,onAutosizeThis:F.handleAutosizeThis,onAutosizeAll:F.handleAutosizeAll,canPinLeft:F.canPinLeft,canPinRight:F.canPinRight,canUnpin:F.canUnpin,currentSort:F.currentSort,isSortable:F.isSortable,isResizable:F.isResizable}),...Z?[h(Ln,{totalCount:Z.totalCount,filteredCount:Z.filteredCount,selectedCount:Z.selectedCount??Pe.size,selectedCellCount:Ee?(Math.abs(Ee.endRow-Ee.startRow)+1)(Math.abs(Ee.endCol-Ee.startCol)+1):void 0,aggregation:Z.aggregation,suppressRowCount:Z.suppressRowCount})]:[],...Et?[h("div",{class:"ogrid-loading-overlay"},e.renderSpinner(Dn))]:[]])}}})}var wt={width:"100%",height:"100%",display:"flex",alignItems:"center",paddingTop:"var(--ogrid-cell-padding-vertical, 6px)",paddingBottom:"var(--ogrid-cell-padding-vertical, 6px)",paddingLeft:"var(--ogrid-cell-padding-horizontal, 10px)",paddingRight:"var(--ogrid-cell-padding-horizontal, 10px)",boxSizing:"border-box",overflow:"hidden",minWidth:"0"};function $a(e){let{renderCheckbox:o}=e;return defineComponent({name:"InlineCellEditor",props:{value:{default:void 0},item:{type:Object,required:true},column:{type:Object,required:true},rowIndex:{type:Number,required:true},editorType:{type:String,required:true},onCommit:{type:Function,required:true},onCancel:{type:Function,required:true}},setup(n){let l=ref(null),i=ref(null),m=ref(null),d=ref(n.value),a=ref(0),s=ref(false),f=S=>{d.value=S.target.value;},v=S=>S?.target?.value??String(d.value??""),c=S=>{if(n.editorType==="date"){let w=n.column.cellEditorParams?.dateFormat??n.column.dateFormat??DEFAULT_DATE_FORMAT;if((n.column.cellEditorParams?.editorType??"text")==="native"){if(S==null){d.value="";return}let g=String(S);d.value=g.match(/^\d{4}-\d{2}-\d{2}/)?g.substring(0,10):g;return}d.value=formatDateForDisplay(S,w)??"";return}d.value=S;};c(n.value);let u=S=>{s.value=true,n.onCommit(S);},C=()=>{s.value=true,n.onCancel();},r=()=>s.value?(s.value=false,true):false,p=()=>{let S=i.value,w=m.value;if(!S\|\|!w)return;let b=S.getBoundingClientRect(),g=200,y=window.innerHeight-b.bottom,I=y<g&&b.top>y;w.style.position="fixed",w.style.left=`${b.left}px`,w.style.width=`${b.width}px`,w.style.maxHeight=`${g}px`,w.style.zIndex="9999",w.style.right="auto",w.style.textAlign="left",I?(w.style.top="auto",w.style.bottom=`${window.innerHeight-b.top}px`):w.style.top=`${b.bottom}px`;},h$1=null,E=null;onMounted(()=>{let S=w=>{w.key==="Escape"&&(w.preventDefault(),w.stopPropagation(),C());};document.addEventListener("keydown",S,true),E=()=>{document.removeEventListener("keydown",S,true);},nextTick(()=>{if(i.value){n.editorType==="richSelect"&&D.value?D.value.focus({preventScroll:true}):i.value.focus({preventScroll:true}),p();let w=i.value,b=w.closest("[data-ogrid-scroll-container]")??w.closest('[style*="overflow"]'),g=()=>{n.onCancel&&n.onCancel();},y=requestAnimationFrame(()=>{b&&b.addEventListener("scroll",g,{passive:true}),window.addEventListener("scroll",g,{passive:true});});h$1=()=>{cancelAnimationFrame(y),b&&b.removeEventListener("scroll",g),window.removeEventListener("scroll",g);};return}l.value?.focus({preventScroll:true}),l.value?.select();});}),onUnmounted(()=>{h$1?.(),E?.();}),watch(()=>n.value,c),(()=>{let w=(n.column.cellEditorParams?.values??[]).findIndex(b=>String(b)===String(n.value));a.value=Math.max(w,0);})();let R=()=>{nextTick(()=>{let S=m.value;if(!S)return;S.children[a.value]?.scrollIntoView({block:"nearest"});});},L=S=>{let w=n.column.cellEditorParams?.formatValue;return w?w(S):S!=null?String(S):""},z=S=>{let w=n.column.cellEditorParams?.values??[];switch(S.key){case "ArrowDown":S.preventDefault(),a.value=Math.min(a.value+1,w.length-1),R();break;case "ArrowUp":S.preventDefault(),a.value=Math.max(a.value-1,0),R();break;case "Enter":S.preventDefault(),S.stopPropagation(),w.length>0&&a.value<w.length&&u(w[a.value]);break;case "Tab":S.preventDefault(),w.length>0&&a.value<w.length&&u(w[a.value]);break;case "Escape":S.preventDefault(),S.stopPropagation(),C();break}},W=ref(""),D=ref(null),x=ref(null),P=computed(()=>{let S=n.column.cellEditorParams?.values??[],w=W.value.trim().toLowerCase();return w?S.filter(b=>L(b).toLowerCase().includes(w)):S}),M=()=>{nextTick(()=>{let S=x.value;if(!S)return;S.children[a.value]?.scrollIntoView({block:"nearest"});});},O=S=>{let w=P.value;switch(S.key){case "ArrowDown":S.preventDefault(),a.value=Math.min(a.value+1,w.length-1),M();break;case "ArrowUp":S.preventDefault(),a.value=Math.max(a.value-1,0),M();break;case "Enter":S.preventDefault(),S.stopPropagation(),w.length>0&&a.value<w.length&&u(w[a.value]);break;case "Escape":S.preventDefault(),S.stopPropagation(),C();break}};return ()=>{if(n.editorType==="checkbox"){let S=!!n.value;return h("div",{style:{...wt,justifyContent:"center"}},o({checked:S,onChange:w=>u(w),onCancel:C}))}if(n.editorType==="select"){let S=n.column.cellEditorParams?.values??[];return h("div",{ref:w=>{i.value=w;},tabindex:0,style:{...wt,position:"relative"},onKeydown:z},[h("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",width:"100%",cursor:"pointer",fontSize:"13px",color:"inherit"}},[h("span",L(n.value)),h("span",{style:{marginLeft:"4px",fontSize:"10px",opacity:"0.5"}},"\u25BE")]),h("div",{ref:w=>{m.value=w;},role:"listbox",style:{position:"absolute",top:"100%",left:"0",right:"0",maxHeight:"200px",overflowY:"auto",background:"var(--ogrid-bg, #fff)",border:"1px solid var(--ogrid-border, rgba(0,0,0,0.12))",zIndex:"10",boxShadow:"0 4px 16px rgba(0,0,0,0.2)",textAlign:"left",fontSize:"13px",fontFamily:"inherit"}},[...S.map((w,b)=>h("div",{key:String(w),role:"option","aria-selected":b===a.value,onClick:()=>u(w),style:{padding:"6px 8px",cursor:"pointer",color:"var(--ogrid-fg, #242424)",fontSize:"13px",...b===a.value?{background:"var(--ogrid-bg-hover, #e8f0fe)"}:{}}},L(w)))])])}if(n.editorType==="richSelect"){let S=P.value;return h("div",{ref:w=>{i.value=w;},style:{...wt,position:"relative"}},[h("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",width:"100%",cursor:"pointer",fontSize:"13px",color:"inherit"}},[h("span",L(n.value)),h("span",{style:{marginLeft:"4px",fontSize:"10px",opacity:"0.5"}},"\u25BE")]),h("div",{ref:w=>{m.value=w;},role:"listbox",style:{position:"absolute",top:"100%",left:"0",right:"0",maxHeight:"200px",overflowY:"auto",background:"var(--ogrid-bg, #fff)",border:"1px solid var(--ogrid-border, rgba(0,0,0,0.12))",zIndex:"10",boxShadow:"0 4px 16px rgba(0,0,0,0.2)",textAlign:"left",fontSize:"13px",fontFamily:"inherit"}},[h("input",{ref:w=>{D.value=w;},type:"text",value:W.value,placeholder:"Search...",onInput:w=>{W.value=w.target.value,a.value=0;},onKeydown:O,style:{width:"100%",padding:"6px 8px",border:"none",borderBottom:"1px solid var(--ogrid-border, rgba(0,0,0,0.12))",background:"var(--ogrid-bg, #fff)",color:"inherit",font:"inherit",fontSize:"13px",outline:"none",boxSizing:"border-box",position:"sticky",top:"0",zIndex:"1"}}),h("div",{ref:w=>{x.value=w;}},S.map((w,b)=>h("div",{key:String(w),role:"option","aria-selected":b===a.value,onClick:()=>u(w),style:{padding:"6px 8px",cursor:"pointer",color:"var(--ogrid-fg, #242424)",fontSize:"13px",...b===a.value?{background:"var(--ogrid-bg-hover, #e8f0fe)"}:{}}},L(w)))),...S.length===0?[h("div",{style:{padding:"6px 8px",color:"var(--ogrid-muted, #999)",fontSize:"13px"}},"No matches")]:[]])])}if(n.editorType==="date"){let S=n.column.cellEditorParams?.dateFormat??n.column.dateFormat??DEFAULT_DATE_FORMAT,w=n.column.cellEditorParams?.editorType??"text",b=I=>{if(w!=="native"){let k=parseUserInputDate(I,S);if(k!==null){let $=k.getUTCFullYear().toString().padStart(4,"0"),H=(k.getUTCMonth()+1).toString().padStart(2,"0"),K=k.getUTCDate().toString().padStart(2,"0");u(`${$}-${H}-${K}`);}else u(I\|\|null);}else u(I);},g=I=>{I.stopPropagation(),I.key==="Enter"&&(I.preventDefault(),b(v(I))),I.key==="Escape"&&(I.preventDefault(),C()),I.key==="Tab"&&(I.preventDefault(),b(v(I)));};if(w==="native"){let I=(()=>{if(d.value==null)return "";let k=String(d.value);return k.match(/^\d{4}-\d{2}-\d{2}/)?k.substring(0,10):k})();return h("div",{style:wt},h("input",{ref:k=>{l.value=k;},type:"date",value:I,style:{width:"100%",height:"100%",border:"none",outline:"none",padding:"0 4px",fontSize:"inherit",boxSizing:"border-box"},onInput:f,onChange:f,onKeyup:f,onKeydown:g,onBlur:k=>{r()\|\|b(v(k));}}))}let y=getDateInputPlaceholder(S);return h("div",{style:wt},h("input",{ref:I=>{l.value=I;},type:"text",value:String(d.value??""),placeholder:y,style:{width:"100%",height:"100%",border:"none",outline:"none",padding:"0 4px",fontSize:"inherit",boxSizing:"border-box"},onInput:f,onChange:f,onKeyup:f,onKeydown:g,onBlur:I=>{r()\|\|b(v(I));}}))}return h("div",{style:wt},h("input",{ref:S=>{l.value=S;},type:"text",value:d.value!=null?String(d.value):"",style:{width:"100%",height:"100%",border:"none",outline:"none",padding:"0 4px",fontSize:"inherit",boxSizing:"border-box"},onInput:f,onChange:f,onKeyup:f,onKeydown:S=>{S.stopPropagation(),S.key==="Enter"&&(S.preventDefault(),u(v(S))),S.key==="Escape"&&(S.preventDefault(),C()),S.key==="Tab"&&(S.preventDefault(),u(v(S)));},onBlur:S=>{r()\|\|u(v(S));}}))}}})}var Ja=240,eo=36,En={columns:"Columns",filters:"Filters"},Qa={columns:"\u2261",filters:"\u2A65"};function qo(e){let o=e.activePanel!==null,n=e.position??"right",l={display:"flex",flexDirection:"column",width:`${eo}px`,background:"var(--ogrid-header-bg, #f5f5f5)",...n==="right"?{borderLeft:"1px solid var(--ogrid-border, #e0e0e0)"}:{borderRight:"1px solid var(--ogrid-border, #e0e0e0)"}},i=h("div",{style:l,role:"tablist","aria-label":"Side bar tabs"},e.panels.map(a=>h("button",{key:a,role:"tab","aria-selected":e.activePanel===a,"aria-label":En[a],title:En[a],onClick:()=>e.onPanelChange(e.activePanel===a?null:a),style:{width:`${eo}px`,height:`${eo}px`,border:"none",cursor:"pointer",color:"var(--ogrid-fg, #242424)",fontSize:"14px",display:"flex",alignItems:"center",justifyContent:"center",background:e.activePanel===a?"var(--ogrid-bg, #fff)":"transparent",fontWeight:e.activePanel===a?"bold":"normal"}},Qa[a]))),m=null;if(o&&e.activePanel){let a={width:`${Ja}px`,display:"flex",flexDirection:"column",overflow:"hidden",background:"var(--ogrid-bg, #fff)",color:"var(--ogrid-fg, #242424)",...n==="right"?{borderLeft:"1px solid var(--ogrid-border, #e0e0e0)"}:{borderRight:"1px solid var(--ogrid-border, #e0e0e0)"}},s=[];if(e.activePanel==="columns"){let f=e.columns.every(v=>e.visibleColumns.has(v.columnId));s.push(h("div",{style:{display:"flex",gap:"8px",marginBottom:"8px"}},[h("button",{disabled:f,onClick:()=>{let v=new Set(e.visibleColumns);e.columns.forEach(c=>v.add(c.columnId)),e.onSetVisibleColumns(v);},style:{flex:"1",cursor:"pointer",background:"var(--ogrid-bg-subtle, #f3f2f1)",color:"var(--ogrid-fg, #242424)",border:"1px solid var(--ogrid-border, #e0e0e0)",borderRadius:"4px",padding:"4px 8px"}},"Select All"),h("button",{onClick:()=>{let v=new Set;e.columns.forEach(c=>{c.required&&e.visibleColumns.has(c.columnId)&&v.add(c.columnId);}),e.onSetVisibleColumns(v);},style:{flex:"1",cursor:"pointer",background:"var(--ogrid-bg-subtle, #f3f2f1)",color:"var(--ogrid-fg, #242424)",border:"1px solid var(--ogrid-border, #e0e0e0)",borderRadius:"4px",padding:"4px 8px"}},"Clear All")])),e.columns.forEach(v=>{s.push(h("label",{key:v.columnId,style:{display:"flex",alignItems:"center",gap:"6px",padding:"2px 0",cursor:"pointer"}},[h("input",{type:"checkbox",checked:e.visibleColumns.has(v.columnId),disabled:v.required,onChange:c=>e.onVisibilityChange(v.columnId,c.target.checked)}),h("span",null,v.name)]));});}e.activePanel==="filters"&&(e.filterableColumns.length===0?s.push(h("div",{style:{color:"var(--ogrid-muted, #999)",fontStyle:"italic"}},"No filterable columns")):e.filterableColumns.forEach(f=>{let v=f.filterField,c=[h("div",{style:{fontWeight:"500",marginBottom:"4px",fontSize:"13px"}},f.name)];if(f.filterType==="text"){let u=e.filters[v],C=u?.type==="text"?u.value:"";c.push(h("input",{type:"text",value:C,onInput:r=>{let p=r.target.value;e.onFilterChange(v,p?{type:"text",value:p}:void 0);},placeholder:`Filter ${f.name}...`,"aria-label":`Filter ${f.name}`,style:{width:"100%",boxSizing:"border-box",padding:"4px 6px",background:"var(--ogrid-bg, #fff)",color:"var(--ogrid-fg, #242424)",border:"1px solid var(--ogrid-border, #e0e0e0)",borderRadius:"4px"}}));}if(f.filterType==="multiSelect"){let C=(e.filterOptions[v]??[]).map(r=>{let p=e.filters[v],h$1=p?.type==="multiSelect"?p.value.includes(r):false;return h("label",{key:r,style:{display:"flex",alignItems:"center",gap:"4px",padding:"1px 0",cursor:"pointer",fontSize:"13px"}},[h("input",{type:"checkbox",checked:h$1,onChange:E=>{let T=e.filters[v],R=T?.type==="multiSelect"?T.value:[],L=E.target.checked?[...R,r]:R.filter(z=>z!==r);e.onFilterChange(v,L.length>0?{type:"multiSelect",value:L}:void 0);}}),h("span",null,r)])});c.push(h("div",{style:{maxHeight:"120px",overflowY:"auto"},role:"group","aria-label":`${f.name} options`},C));}if(f.filterType==="date"){let u=e.filters[v],C=u?.type==="date"?u.value:{from:void 0,to:void 0};c.push(h("div",{style:{display:"flex",flexDirection:"column",gap:"4px"}},[h("label",{style:{display:"flex",alignItems:"center",gap:"4px",fontSize:"12px"}},["From:",h("input",{type:"date",value:C.from??"",onInput:r=>{let p=r.target.value\|\|void 0,h=C.to;e.onFilterChange(v,p\|\|h?{type:"date",value:{from:p,to:h}}:void 0);},"aria-label":`${f.name} from date`,style:{flex:"1",padding:"2px 4px",background:"var(--ogrid-bg, #fff)",color:"var(--ogrid-fg, #242424)",border:"1px solid var(--ogrid-border, #e0e0e0)",borderRadius:"4px"}})]),h("label",{style:{display:"flex",alignItems:"center",gap:"4px",fontSize:"12px"}},["To:",h("input",{type:"date",value:C.to??"",onInput:r=>{let p=r.target.value\|\|void 0,h=C.from;e.onFilterChange(v,h\|\|p?{type:"date",value:{from:h,to:p}}:void 0);},"aria-label":`${f.name} to date`,style:{flex:"1",padding:"2px 4px",background:"var(--ogrid-bg, #fff)",color:"var(--ogrid-fg, #242424)",border:"1px solid var(--ogrid-border, #e0e0e0)",borderRadius:"4px"}})])]));}s.push(h("div",{key:f.columnId,style:{marginBottom:"12px"}},c));})),m=h("div",{role:"tabpanel","aria-label":En[e.activePanel],style:a},[h("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center",padding:"8px 12px",borderBottom:"1px solid var(--ogrid-border, #e0e0e0)",fontWeight:"600"}},[h("span",null,En[e.activePanel]),h("button",{onClick:()=>e.onPanelChange(null),style:{border:"none",background:"transparent",cursor:"pointer",fontSize:"16px",color:"var(--ogrid-fg, #242424)"},"aria-label":"Close panel"},"\xD7")]),h("div",{style:{flex:"1",overflowY:"auto",padding:"8px 12px"}},s)]);}let d=[];return n==="left"?(d.push(i),m&&d.push(m)):(m&&d.push(m),d.push(i)),h("div",{style:{display:"flex",flexDirection:"row",flexShrink:"0"},role:"complementary","aria-label":"Side bar"},d)}function ei(e){return defineComponent({name:"OGrid",props:{gridProps:{type:Object,required:true}},setup(o,{expose:n}){let l=computed(()=>o.gridProps),{dataGridProps:i,pagination:m,columnChooser:d,layout:a,api:s}=_t(l);n({api:s});let f=ref(false),v=()=>{f.value=!f.value;},c=u=>{u.key==="Escape"&&f.value&&(f.value=false);};return onMounted(()=>{document.addEventListener("keydown",c);}),onUnmounted(()=>{document.removeEventListener("keydown",c);}),()=>{let u=a.value.sideBarProps,C=u!=null,r=u?.position??"right",p=[];a.value.toolbar&&p.push(a.value.toolbar);let E=a.value.fullScreen===true?h("button",{type:"button",title:f.value?"Exit fullscreen":"Fullscreen","aria-label":f.value?"Exit fullscreen":"Fullscreen",onClick:v,style:{background:"none",border:"1px solid var(--ogrid-border, rgba(0,0,0,0.12))",borderRadius:"4px",padding:"4px 6px",cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center",color:"var(--ogrid-fg, rgba(0,0,0,0.87))"}},[f.value?h("svg",{width:16,height:16,viewBox:"0 0 16 16",fill:"none",stroke:"currentColor","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round",innerHTML:'<polyline points="4 10 0 10 0 14"/><polyline points="12 6 16 6 16 2"/><line x1="0" y1="10" x2="4" y2="6"/><line x1="16" y1="6" x2="12" y2="10"/>'}):h("svg",{width:16,height:16,viewBox:"0 0 16 16",fill:"none",stroke:"currentColor","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round",innerHTML:'<polyline points="10 2 14 2 14 6"/><polyline points="6 14 2 14 2 10"/><line x1="14" y1="2" x2="10" y2="6"/><line x1="2" y1="14" x2="6" y2="10"/>'})]):null,T=d.value.placement==="toolbar"?h(e.ColumnChooser,{columns:d.value.columns,visibleColumns:d.value.visibleColumns,onVisibilityChange:d.value.onVisibilityChange}):null,R=h(e.PaginationControls,{currentPage:m.value.page,pageSize:m.value.pageSize,totalCount:m.value.displayTotalCount,onPageChange:m.value.setPage,onPageSizeChange:P=>{m.value.setPageSize(P);},pageSizeOptions:m.value.pageSizeOptions,entityLabelPlural:m.value.entityLabelPlural}),L=h("div",{style:{flex:"1",minWidth:"0",minHeight:"0",display:"flex",flexDirection:"column"}},[h(e.DataGridTable,{gridProps:i.value})]),z=[];C&&r==="left"&&z.push(qo(u)),z.push(L),C&&r!=="left"&&z.push(qo(u));let W=p.length>0\|\|T!=null\|\|E!=null,D=f.value?{position:"fixed",inset:"0",zIndex:9999,display:"flex",flexDirection:"column",background:"var(--ogrid-bg, #fff)"}:{display:"flex",flexDirection:"column",border:"1px solid var(--ogrid-border, rgba(0,0,0,0.12))",borderRadius:"4px",overflow:"hidden"},x=f.value?{display:"flex",flexDirection:"column",flex:"1",minHeight:"0",overflow:"hidden",background:"var(--ogrid-bg, #fff)"}:void 0;return h("div",{class:a.value.className,style:D},[h("div",{style:x??{}},[...W?[h("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",padding:"8px 12px",borderBottom:"1px solid var(--ogrid-border, rgba(0,0,0,0.12))",gap:"8px"}},[h("div",{style:{display:"flex",alignItems:"center",gap:"8px",flex:"1"}},p),h("div",{style:{display:"flex",alignItems:"center",gap:"8px"}},[...T?[T]:[],...E?[E]:[]])])]:[],...a.value.toolbarBelow?[h("div",{style:{padding:"8px 12px",borderBottom:"1px solid var(--ogrid-border, rgba(0,0,0,0.12))"}},[a.value.toolbarBelow])]:[],...a.value.formulaBar?[a.value.formulaBar]:[],h("div",{style:{display:"flex",flex:"1",minHeight:"0"}},z),...a.value.sheetTabs?[a.value.sheetTabs]:[],h("div",{style:{display:"flex",alignItems:"center",padding:"8px 0",borderTop:"1px solid var(--ogrid-border, rgba(0,0,0,0.12))"}},[R])])])}}})}export{Bn as FormulaBar,zn as FormulaRefOverlay,An as MarchingAntsOverlay,Vn as SheetTabs,Ln as StatusBar,Ba as createDataGridTable,$a as createInlineCellEditor,ei as createOGrid,Sn as getCellInteractionProps,qt as useActiveCell,$t as useCellEditing,Xt as useCellSelection,Yt as useClipboard,zo as useColumnChooserState,Ho as useColumnHeaderFilterState,ln as useColumnHeaderMenuState,nn as useColumnPinning,gn as useColumnReorder,sn as useColumnResize,jt as useContextMenu,an as useDataGridState,bn as useDataGridTableSetup,pn as useDateFilterState,un as useDebounce,Mo as useDebouncedCallback,Qt as useFillHandle,Gt as useFilterOptions,Nt as useFormulaBar,Go as useInlineCellEditorState,Zt as useKeyboardNavigation,cn as useMultiSelectFilterState,_t as useOGrid,fn as usePeopleFilterState,Wo as useRichSelectState,Kt as useRowSelection,Ot as useSideBarState,tn as useTableLayout,dn as useTextFilterState,en as useUndoRedo,hn as useVirtualScroll};
1	+ import {injectGlobalStyles,Z_INDEX,getStatusBarParts,measureRange,flattenColumns,getMultiSelectFilterFields,deriveFilterOptionsFromData,shouldUseWorkerSort,processClientSideData,processClientSideDataAsync,validateColumns,validateRowIds,computeRowSelectionState,parseTsvClipboard,applyPastedValues,applyCutClear,normalizeSelectionRange,applyCellDeletion,computeTabNavigation,computeArrowNavigation,buildCellIndex,applyFillValues,UndoRedoStack,CHECKBOX_COLUMN_WIDTH,estimateHeaderMinWidth,CELL_PADDING,measureColumnContentWidth,resolveResponsiveConfig,applyResponsiveHiding,DEFAULT_MIN_COLUMN_WIDTH,computeAggregations,getDataGridStatusBarConfig,formatDateForDisplay,DEFAULT_DATE_FORMAT,getPinStateForColumn,validateVirtualScrollConfig,computeVisibleRange,computeTotalHeight,computeVisibleColumnRange,getScrollTopForRow,partitionColumnsForVirtualization,formatCellReference,buildHeaderRows,indexToColumnLetter,ROW_NUMBER_COLUMN_ID,ROW_NUMBER_COLUMN_WIDTH,getHeaderFilterConfig,getDateInputPlaceholder,getCellRenderDescriptor,buildInlineEditorProps,buildPopoverEditorProps,resolveCellDisplayContent,resolveCellStyle,handleBooleanCellPointerDown,parseUserInputDate,rangesEqual,cellIndexKey,formatSelectionAsTsv,calculateDropTarget,reorderColumnArray,parseValue,computeNextSortState,mergeFilter,getCellValue,columnLetterToIndex,applyRangeRowSelection,ROW_NUMBER_COLUMN_MIN_WIDTH,createGridDataAccessor,computeAutoScrollSpeed}from'@alaarab/ogrid-core';export{AUTOSIZE_EXTRA_PX,AUTOSIZE_MAX_PX,CELL_PADDING,CHECKBOX_COLUMN_WIDTH,COLUMN_HEADER_MENU_ITEMS,CellDescriptorCache,DEFAULT_DEBOUNCE_MS,DEFAULT_MIN_COLUMN_WIDTH,GRID_BORDER_RADIUS,GRID_CONTEXT_MENU_ITEMS,MAX_PAGE_BUTTONS,PAGE_SIZE_OPTIONS,PEOPLE_SEARCH_DEBOUNCE_MS,RESPONSIVE_BREAKPOINTS,ROW_NUMBER_COLUMN_ID,ROW_NUMBER_COLUMN_MIN_WIDTH,ROW_NUMBER_COLUMN_WIDTH,SIDEBAR_TRANSITION_MS,UndoRedoStack,Z_INDEX,applyCellDeletion,applyCutClear,applyFillValues,applyPastedValues,applyRangeRowSelection,applyResponsiveHiding,areGridRowPropsEqual,booleanParser,buildCellIndex,buildCsvHeader,buildCsvRows,buildHeaderRows,buildInlineEditorProps,buildPopoverEditorProps,calculateDropTarget,clampSelectionToBounds,columnLetterToIndex,computeAggregations,computeArrowNavigation,computeAutoScrollSpeed,computeNextSortState,computeRowSelectionState,computeTabNavigation,computeTotalHeight,computeVisibleColumnRange,computeVisibleRange,createGridDataAccessor,createSortFilterWorker,currencyParser,dateParser,debounce,deriveFilterOptionsFromData,emailParser,escapeCsvValue,exportToCsv,extractValueMatrix,findCtrlArrowTarget,flattenColumns,formatCellReference,formatCellValueForTsv,formatSelectionAsTsv,formatShortcut,getCellRenderDescriptor,getCellValue,getColumnHeaderMenuItems,getContextMenuHandlers,getDataGridStatusBarConfig,getFilterField,getHeaderFilterConfig,getMultiSelectFilterFields,getPaginationViewModel,getPinStateForColumn,getResponsiveHiddenColumns,getScrollTopForRow,getStatusBarParts,handleBooleanCellPointerDown,indexToColumnLetter,injectGlobalStyles,isColumnEditable,isFilterConfig,isInSelectionRange,isRowInRange,measureColumnContentWidth,measureRange,mergeFilter,normalizeSelectionRange,numberParser,parseTsvClipboard,parseValue,partitionColumnsForVirtualization,processClientSideData,processClientSideDataAsync,rangesEqual,reorderColumnArray,resolveCellDisplayContent,resolveCellStyle,resolveResponsiveConfig,terminateSortFilterWorker,toUserLike,triggerCsvDownload,validateColumns,validateRowIds,validateVirtualScrollConfig}from'@alaarab/ogrid-core';import {FORMULA_BAR_STYLES,handleFormulaBarKeyDown,FORMULA_REF_COLORS,deriveFormulaBarText,extractFormulaReferences,processFormulaBarCommit,FormulaEngine}from'@alaarab/ogrid-core/formula';export{CIRC_ERROR,DIV_ZERO_ERROR,DependencyGraph,FORMULA_BAR_CSS,FORMULA_BAR_STYLES,FORMULA_REF_COLORS,FormulaEngine,FormulaError,FormulaEvaluator,GENERAL_ERROR,NAME_ERROR,NA_ERROR,REF_ERROR,VALUE_ERROR,adjustFormulaReferences,canInsertReference,createBuiltInFunctions,deriveFormulaBarText,extractFormulaReferences,flattenArgs,formatAddress,formulaToString,fromCellKey,handleFormulaBarKeyDown,insertReferenceAtCursor,isFormulaError,parse,parseCellRef,parseRange,processFormulaBarCommit,toBoolean,toCellKey,toNumber,tokenize}from'@alaarab/ogrid-core/formula';import {defineComponent,ref,computed,onMounted,watch,toValue,onUnmounted,h,shallowRef,isRef,triggerRef,nextTick,Teleport,isReadonly,unref,customRef}from'vue';var Hn=defineComponent({name:"MarchingAntsOverlay",props:{containerRef:{type:Object,required:true},selectionRange:{type:Object,default:null},copyRange:{type:Object,default:null},cutRange:{type:Object,default:null},colOffset:{type:Number,required:true},items:{type:Array,required:true},visibleColumns:{type:Array,default:void 0},columnSizingOverrides:{type:Object,required:true},columnOrder:{type:Array,default:void 0}},setup(e){let l=ref(null),t=ref(null),n=0,i,f=computed(()=>e.copyRange??e.cutRange),c=()=>{let s=toValue(e.containerRef);if(!s){l.value=null,t.value=null;return}l.value=e.selectionRange?measureRange(s,e.selectionRange,e.colOffset):null,t.value=f.value?measureRange(s,f.value,e.colOffset):null;};onMounted(()=>{injectGlobalStyles("ogrid-marching-ants-keyframes","@keyframes ogrid-marching-ants{to{stroke-dashoffset:-8}}");}),watch([()=>e.selectionRange,f,()=>toValue(e.containerRef),()=>e.items,()=>e.visibleColumns,()=>e.columnSizingOverrides,()=>e.columnOrder],()=>{if(!e.selectionRange&&!f.value){l.value=null,t.value=null;return}n=requestAnimationFrame(c);let s=toValue(e.containerRef);s&&(i?.disconnect(),i=new ResizeObserver(c),i.observe(s));},{immediate:true}),onUnmounted(()=>{cancelAnimationFrame(n),i?.disconnect();});let a=computed(()=>{let s=e.selectionRange,m=f.value;return s!=null&&m!=null&&s.startRow===m.startRow&&s.startCol===m.startCol&&s.endRow===m.endRow&&s.endCol===m.endCol});return ()=>!l.value&&!t.value?null:h("div",{style:{position:"relative"}},[l.value&&!a.value&&!(e.selectionRange&&e.selectionRange.startRow===e.selectionRange.endRow&&e.selectionRange.startCol===e.selectionRange.endCol)?h("svg",{style:{position:"absolute",top:`${l.value.top}px`,left:`${l.value.left}px`,width:`${l.value.width}px`,height:`${l.value.height}px`,pointerEvents:"none",zIndex:Z_INDEX.SELECTION_OVERLAY,overflow:"visible"},"aria-hidden":"true"},[h("rect",{x:1,y:1,width:Math.max(0,l.value.width-2),height:Math.max(0,l.value.height-2),fill:"none",stroke:"var(--ogrid-selection-color, #217346)","stroke-width":2})]):null,t.value?h("svg",{style:{position:"absolute",top:`${t.value.top}px`,left:`${t.value.left}px`,width:`${t.value.width}px`,height:`${t.value.height}px`,pointerEvents:"none",zIndex:Z_INDEX.CLIPBOARD_OVERLAY,overflow:"visible"},"aria-hidden":"true"},[h("rect",{x:1,y:1,width:Math.max(0,t.value.width-2),height:Math.max(0,t.value.height-2),fill:"none",stroke:"var(--ogrid-selection-color, #217346)","stroke-width":2,"stroke-dasharray":"4 4",style:{animation:"ogrid-marching-ants 0.5s linear infinite"}})]):null])}});var Bn=defineComponent({name:"StatusBar",props:{totalCount:{type:Number,required:true},filteredCount:{type:Number,default:void 0},selectedCount:{type:Number,default:void 0},selectedCellCount:{type:Number,default:void 0},aggregation:{type:Object,default:void 0},suppressRowCount:{type:Boolean,default:false}},setup(e){return ()=>{let l=getStatusBarParts(e);return h("div",{role:"status","aria-live":"polite",style:{marginTop:"auto",padding:"6px 12px",borderTop:"1px solid var(--ogrid-border, rgba(0,0,0,0.12))",backgroundColor:"var(--ogrid-header-bg, rgba(0,0,0,0.04))",display:"flex",alignItems:"center",gap:"16px",fontSize:"0.875rem",lineHeight:"20px",minHeight:"33px",boxSizing:"border-box"}},l.map((t,n)=>h("span",{key:t.key,style:{display:"inline-flex",alignItems:"center",gap:"4px",...n<l.length-1?{marginRight:"16px",borderRight:"1px solid var(--ogrid-border, rgba(0,0,0,0.12))",paddingRight:"16px"}:{}}},[h("span",{style:{color:"var(--ogrid-fg-secondary, rgba(0,0,0,0.6))"}},t.label),h("span",{style:{fontWeight:"600"}},t.value.toLocaleString())])))}}});var Vn=defineComponent({name:"FormulaBar",props:{cellRef:{type:[String,null],default:null},formulaText:{type:String,required:true},isEditing:{type:Boolean,required:true}},emits:["inputChange","commit","cancel","startEditing"],setup(e,{emit:l}){let t=ref(null);return watch(()=>e.isEditing,n=>{n&&t.value&&t.value.focus();}),()=>h("div",{style:FORMULA_BAR_STYLES.bar,role:"toolbar","aria-label":"Formula bar"},[h("div",{style:FORMULA_BAR_STYLES.nameBox,"aria-label":"Active cell reference"},e.cellRef??"\u2014"),h("div",{style:FORMULA_BAR_STYLES.fxLabel,"aria-hidden":"true"},"fx"),h("input",{ref:t,type:"text",style:FORMULA_BAR_STYLES.input,value:e.formulaText,readonly:!e.isEditing,onInput:n=>l("inputChange",n.target.value),onKeydown:n=>handleFormulaBarKeyDown(n.key,()=>n.preventDefault(),()=>l("commit"),()=>l("cancel")),onClick:()=>{e.isEditing\|\|l("startEditing");},onDblclick:()=>{e.isEditing\|\|l("startEditing");},"aria-label":"Formula input",spellcheck:false,autocomplete:"off"})])}});var dl={display:"flex",alignItems:"center",borderTop:"1px solid var(--ogrid-border, #e0e0e0)",background:"var(--ogrid-header-bg, #f5f5f5)",minHeight:"30px",overflowX:"auto",overflowY:"hidden",gap:"0",fontSize:"12px"},cl={background:"none",border:"none",cursor:"pointer",padding:"4px 10px",fontSize:"16px",lineHeight:"22px",color:"var(--ogrid-fg-secondary, #666)",flexShrink:0},fo={background:"none",border:"none",borderBottom:"2px solid transparent",cursor:"pointer",padding:"4px 16px",fontSize:"12px",lineHeight:"22px",color:"var(--ogrid-fg, #242424)",whiteSpace:"nowrap",position:"relative"},ml={...fo,fontWeight:600,borderBottomColor:"var(--ogrid-primary, #217346)",background:"var(--ogrid-bg, #fff)"},zn=defineComponent({name:"SheetTabs",props:{sheets:{type:Array,required:true},activeSheet:{type:String,required:true},showAddButton:{type:Boolean,default:false}},emits:["sheetChange","sheetAdd"],setup(e,{emit:l}){return ()=>h("div",{style:dl,role:"tablist","aria-label":"Sheet tabs"},[e.showAddButton?h("button",{type:"button",style:cl,onClick:()=>l("sheetAdd"),title:"Add sheet","aria-label":"Add sheet"},"+"):null,...e.sheets.map(t=>{let n=t.id===e.activeSheet,i=n?ml:fo,f=n&&t.color?{...i,borderBottomColor:t.color}:i;return h("button",{key:t.id,type:"button",role:"tab","aria-selected":n,style:f,onClick:()=>l("sheetChange",t.id)},t.name)})])}});function gl(e,l,t){let n=l.col+t,i=(l.endCol??l.col)+t,f=l.endRow??l.row,c=e.querySelector(`[data-row-index="${l.row}"][data-col-index="${n}"]`),a=e.querySelector(`[data-row-index="${f}"][data-col-index="${i}"]`);if(!c\|\|!a)return null;let s=e.getBoundingClientRect(),m=c.getBoundingClientRect(),g=a.getBoundingClientRect();return {top:Math.round(m.top-s.top),left:Math.round(m.left-s.left),width:Math.round(g.right-m.left),height:Math.round(g.bottom-m.top),color:FORMULA_REF_COLORS[l.colorIndex%FORMULA_REF_COLORS.length]}}var Nn=defineComponent({name:"FormulaRefOverlay",props:{containerEl:{type:Object,default:null},references:{type:Array,required:true},colOffset:{type:Number,required:true}},setup(e){let l=ref([]),t=0;function n(){let i=e.containerEl,f=e.references;if(!i\|\|f.length===0){l.value=[];return}let c=[];for(let a of f){let s=gl(i,a,e.colOffset);s&&c.push(s);}l.value=c;}return watch(()=>[e.references,e.containerEl,e.colOffset],()=>{if(cancelAnimationFrame(t),!e.containerEl\|\|e.references.length===0){l.value=[];return}t=requestAnimationFrame(n);},{immediate:true}),()=>l.value.length===0?null:l.value.map((i,f)=>h("svg",{key:f,style:{position:"absolute",top:`${i.top}px`,left:`${i.left}px`,width:`${i.width}px`,height:`${i.height}px`,pointerEvents:"none",zIndex:3,overflow:"visible"},"aria-hidden":"true"},[h("rect",{x:"1",y:"1",width:Math.max(0,i.width-2),height:Math.max(0,i.height-2),fill:"none",stroke:i.color,"stroke-width":"2",style:"shape-rendering: crispEdges"})]))}});function Wt(e,l){let t=ref({}),n=ref({}),i=computed(()=>[...l.value].sort().join(",")),f=async()=>{let c=e.value,a=l.value,s="fetchFilterOptions"in c&&typeof c.fetchFilterOptions=="function"?c.fetchFilterOptions.bind(c):void 0;if(!s){t.value={},n.value={};return}let m={};a.forEach(d=>{m[d]=true;}),n.value=m;let g={};await Promise.all(a.map(async d=>{try{g[d]=await s(d);}catch{g[d]=[];}})),t.value=g,n.value={};};return watch([e,i],()=>{f().catch(()=>{});},{immediate:true}),{filterOptions:t,loadingOptions:n}}function dt(e){let l=unref(e);return customRef((t,n)=>({get(){return isRef(e)&&(l=e.value),l},set(i){l=i,n();}}))}function Co(e){let{formulas:l,items:t,flatColumns:n,initialFormulas:i,onFormulaRecalc:f,formulaFunctions:c,namedRanges:a,sheets:s}=e,m=dt(t),g=dt(n),d=dt(f),u=shallowRef(null),C=false,r=computed(()=>l?.value??false);function v(){return createGridDataAccessor(m.value,g.value)}watch(r,x=>{if(x&&!u.value){if(u.value=new FormulaEngine({customFunctions:c,namedRanges:a}),s)for(let[P,O]of Object.entries(s))u.value.registerSheet(P,O);if(i&&!C){C=true;let P=v(),O=u.value.loadFormulas(i,P);O.updatedCells.length>0&&d.value?.(O);}}else !x&&u.value&&(u.value=null);},{immediate:true});function R(x,P){return u.value?.getValue(x,P)}function D(x,P){return u.value?.hasFormula(x,P)??false}function T(x,P){return u.value?.getFormula(x,P)}function S(x,P,O){if(!u.value)return;let M=v(),b=u.value.setFormula(x,P,O,M);b.updatedCells.length>0&&d.value?.(b);}function A(x,P){if(!u.value)return;let O=v(),M=u.value.onCellChanged(x,P,O);M.updatedCells.length>0&&d.value?.(M);}function B(x,P){return u.value?.getPrecedents(x,P)??[]}function V(x,P){return u.value?.getDependents(x,P)??[]}function F(x,P){return u.value?.getAuditTrail(x,P)??null}return {enabled:r,getFormulaValue:R,hasFormula:D,getFormula:T,setFormula:S,onCellChanged:A,getPrecedents:B,getDependents:V,getAuditTrail:F}}function _t(e){let{activeCol:l,activeRow:t,activeCellRef:n,getFormula:i,getRawValue:f,setFormula:c,onCellValueChanged:a}=e,s=ref(false),m=ref(""),g=ref(false),d=computed(()=>deriveFormulaBarText(l.value,t.value,i,f));watch([l,t],()=>{s.value=false,g.value=false;});let u=()=>{m.value=d.value,s.value=true,g.value=true;},C=T=>{m.value=T;},r=()=>{let T=l.value,S=t.value;T==null\|\|S==null\|\|!c\|\|(processFormulaBarCommit(m.value,T,S,c,a),s.value=false,g.value=false);},v=()=>{s.value=false,g.value=false,m.value="";},R=computed(()=>s.value?m.value:d.value),D=computed(()=>extractFormulaReferences(R.value));return {cellRef:n,formulaText:R,isEditing:s,onInputChange:C,onCommit:r,onCancel:v,startEditing:u,referencedCells:D,isFormulaBarEditing:g}}var ho=["columns","filters"];function Mt(e){let{config:l}=e,t=l!=null&&l!==false,n=(()=>{if(!t\|\|l===true)return {panels:ho,position:"right",defaultPanel:null};let m=l;return {panels:m.panels??ho,position:m.position??"right",defaultPanel:m.defaultPanel??null}})(),i=ref(n.defaultPanel),f=m=>{i.value=m;},c=m=>{i.value=i.value===m?null:m;},a=()=>{i.value=null;},s=computed(()=>i.value!==null);return {isEnabled:t,activePanel:i,setActivePanel:f,panels:n.panels,position:n.position,isOpen:s,toggle:c,close:a}}var $l=25,ql={};function $t(e){let l=computed(()=>{let o=e.value;return {columns:o.columns,columnOrder:o.columnOrder,onColumnOrderChange:o.onColumnOrderChange,onColumnResized:o.onColumnResized,onAutosizeColumn:o.onAutosizeColumn,onColumnPinned:o.onColumnPinned,columnChooser:o.columnChooser}}),t=computed(()=>{let o=e.value,k="data"in o?o.data:void 0,le="dataSource"in o?o.dataSource:void 0;return k&&le&&console.warn("[OGrid] Both data and dataSource provided. dataSource takes precedence."),{getRowId:o.getRowId,data:k,dataSource:le}}),n=computed(()=>{let o=e.value;return {page:o.page,pageSize:o.pageSize,sort:o.sort,filters:o.filters,visibleColumns:o.visibleColumns,isLoading:o.isLoading}}),i=computed(()=>{let o=e.value;return {onPageChange:o.onPageChange,onPageSizeChange:o.onPageSizeChange,onSortChange:o.onSortChange,onFiltersChange:o.onFiltersChange,onVisibleColumnsChange:o.onVisibleColumnsChange,onFirstDataRendered:o.onFirstDataRendered,onError:o.onError}}),f=computed(()=>{let o=e.value;return {defaultPageSize:o.defaultPageSize??$l,defaultSortBy:o.defaultSortBy,defaultSortDirection:o.defaultSortDirection??"asc",entityLabelPlural:o.entityLabelPlural??"items"}}),c=computed(()=>l.value.columnChooser===false?"none":l.value.columnChooser==="sidebar"?"sidebar":"toolbar"),a=computed(()=>flattenColumns(l.value.columns)),s=computed(()=>t.value.dataSource!=null),m=computed(()=>!s.value),g=ref([]),d=ref(false),u=computed(()=>t.value.data??g.value),C=computed(()=>n.value.isLoading??d.value),r=computed(()=>f.value.defaultSortBy??a.value[0]?.columnId??""),v=ref(1),R=ref(f.value.defaultPageSize),D=ref({field:r.value,direction:f.value.defaultSortDirection}),T=ref({}),S=ref(void 0),A=ref((()=>{let o=a.value.filter(k=>k.defaultVisible!==false).map(k=>k.columnId);return new Set(o.length>0?o:a.value.map(k=>k.columnId))})()),B=ref({}),V={};for(let o of flattenColumns(e.value.columns))o.pinned&&(V[o.columnId]=o.pinned);let F=ref(V),x=computed(()=>n.value.page??v.value),P=computed(()=>n.value.pageSize??R.value),O=computed(()=>n.value.sort??D.value),M=computed(()=>n.value.filters??T.value),b=computed(()=>l.value.columnOrder??S.value),w=computed(()=>n.value.visibleColumns??A.value),y=o=>{n.value.page===void 0&&(v.value=o),i.value.onPageChange?.(o);},E=o=>{n.value.pageSize===void 0&&(R.value=o),i.value.onPageSizeChange?.(o),y(1);},h$1=ref(0),p=o=>{n.value.sort===void 0&&(D.value=o),i.value.onSortChange?.(o),y(1),h$1.value++;},I=o=>{n.value.filters===void 0&&(T.value=o),i.value.onFiltersChange?.(o),y(1);},H=o=>{n.value.visibleColumns===void 0&&(A.value=o),i.value.onVisibleColumnsChange?.(o);},_=(o,k)=>{p(computeNextSortState(O.value,o,k));},K=(o,k)=>{I(mergeFilter(M.value,o,k));},U=(o,k)=>{let le=new Set(w.value);k?le.add(o):le.delete(o),H(le);},X=ref(new Set),J=computed(()=>e.value.selectedRows),Y=computed(()=>J.value??X.value),q=o=>{J.value===void 0&&(X.value=new Set(o.selectedRowIds)),e.value.onSelectionChange?.(o);},G=computed(()=>getMultiSelectFilterFields(a.value)),Z=computed(()=>t.value.dataSource??{fetchFilterOptions:void 0}),{filterOptions:ne,loadingOptions:we}=Wt(Z,G),Fe=computed(()=>t.value.dataSource?.fetchFilterOptions!=null),Ke=computed(()=>Fe.value?ne.value:deriveFilterOptionsFromData(u.value,a.value)),Pe=computed(()=>shouldUseWorkerSort(e.value.workerSort,u.value.length,{columns:a.value,filters:M.value,sortBy:O.value.field})),xe=null,Ne=-1,Be=null,We=null,$e=-1,tt=computed(()=>{if(!m.value\|\|Pe.value)return null;let o=u.value,k=a.value,le=M.value,Re=h$1.value,st=O.value.field,ut=O.value.direction,Xe=Re!==Ne\|\|le!==Be\|\|k!==We\|\|o.length!==$e,fe;if(Xe\|\|xe===null){Ne=Re,Be=le,We=k,$e=o.length;let be=processClientSideData(o,k,le,st,ut),Ae=new Map;for(let pe=0;pe<o.length;pe++)Ae.set(o[pe],pe);xe=be.map(pe=>{let De=Ae.get(pe);return De!==void 0?De:-1}).filter(pe=>pe!==-1),fe=be;}else fe=xe.map(be=>o[be]).filter(be=>be!==void 0);let vt=fe.length,je=(x.value-1)P.value;return {items:fe.slice(je,je+P.value),totalCount:vt}}),nt=ref(null),mt=0,Ue=null,ft=-1,Ie=null,Ct=null,ae=-1;watch([m,Pe,u,a,M,h$1,x,P],()=>{if(!m.value\|\|!Pe.value)return;let o=u.value,k=a.value,le=M.value,Re=h$1.value,st=O.value.field,ut=O.value.direction,Xe=x.value,fe=P.value,vt=++mt;if(Re!==ft\|\|le!==Ie\|\|k!==Ct\|\|o.length!==ae\|\|Ue===null)ft=Re,Ie=le,Ct=k,ae=o.length,Ue=null,processClientSideDataAsync(o,k,le,st,ut).then(Ce=>{if(vt!==mt\|\|_e)return;let be=new Map;for(let L=0;L<o.length;L++)be.set(o[L],L);Ue=Ce.map(L=>{let z=be.get(L);return z!==void 0?z:-1}).filter(L=>L!==-1);let Ae=Ce.length,pe=(Xe-1)fe,De=Ce.slice(pe,pe+fe);nt.value={items:De,totalCount:Ae};}).catch(()=>{if(vt!==mt\|\|_e)return;let Ce=processClientSideData(o,k,le,st,ut),be=new Map;for(let L=0;L<o.length;L++)be.set(o[L],L);Ue=Ce.map(L=>{let z=be.get(L);return z!==void 0?z:-1}).filter(L=>L!==-1);let Ae=Ce.length,pe=(Xe-1)fe,De=Ce.slice(pe,pe+fe);nt.value={items:De,totalCount:Ae};});else {let Ce=Ue.map(De=>o[De]).filter(De=>De!==void 0),be=Ce.length,Ae=(Xe-1)fe,pe=Ce.slice(Ae,Ae+fe);nt.value={items:pe,totalCount:be};}},{immediate:true});let Oe=computed(()=>{let o=tt.value;return o\|\|nt.value}),ot=ref([]),lt=ref(0),Ee=ref(false),rt=0,at=null,_e=false,ht=ref(0),Rt=()=>{if(!s.value\|\|!t.value.dataSource){s.value\|\|(Ee.value=false);return}let o=++rt;at?.abort();let k=new AbortController;at=k,Ee.value=true,t.value.dataSource.fetchPage({page:x.value,pageSize:P.value,sort:{field:O.value.field,direction:O.value.direction},filters:M.value,signal:k.signal}).then(le=>{o!==rt\|\|_e\|\|k.signal.aborted\|\|(ot.value=le.items,lt.value=le.totalCount);}).catch(le=>{o!==rt\|\|_e\|\|k.signal.aborted\|\|(i.value.onError?.(le),ot.value=[],lt.value=0);}).finally(()=>{o===rt&&!_e&&!k.signal.aborted&&(Ee.value=false);});};onMounted(()=>{validateColumns(a.value),Rt();}),watch([()=>t.value.dataSource,x,P,()=>O.value.field,()=>O.value.direction,M,ht],()=>{Rt();}),onUnmounted(()=>{_e=true,at?.abort(),at=null;});let Ve=computed(()=>m.value&&Oe.value?Oe.value.items:ot.value),pt=computed(()=>m.value&&Oe.value?Oe.value.totalCount:lt.value),it=computed(()=>!!e.value.formulas),bt=ref(0),It=o=>{bt.value+=1,e.value.onFormulaRecalc?.(o);},ve=Co({formulas:it,items:Ve,flatColumns:a,initialFormulas:e.value.initialFormulas,onFormulaRecalc:It,formulaFunctions:e.value.formulaFunctions,namedRanges:e.value.namedRanges,sheets:e.value.sheets}),St=false,Tt=false;watch(Ve,o=>{!St&&o.length>0&&(St=true,i.value.onFirstDataRendered?.()),!Tt&&o.length>0&&(Tt=true,validateRowIds(o,t.value.getRowId));});let qe=computed(()=>Object.values(M.value).some(o=>o!==void 0)),yt=computed(()=>a.value.map(o=>({columnId:o.columnId,name:o.name,required:o.required===true}))),Pt=computed(()=>{let o=e.value.statusBar;if(!o)return;if(typeof o=="object")return o;let k=m.value?t.value.data?.length??0:lt.value,le=pt.value;return {totalCount:k,filteredCount:qe.value?le:void 0,selectedCount:Y.value.size,suppressRowCount:true}}),Et=(o,k)=>{B.value={...B.value,[o]:k},l.value.onColumnResized?.(o,k);},te=(o,k)=>{B.value={...B.value,[o]:k},(l.value.onAutosizeColumn??l.value.onColumnResized)?.(o,k);},Q=(o,k)=>{if(k===null){let{[o]:le,...Re}=F.value;F.value=Re;}else F.value={...F.value,[o]:k};l.value.onColumnPinned?.(o,k);},re=shallowRef(Mt({config:e.value.sideBar}));watch(()=>e.value.sideBar,o=>{re.value=Mt({config:o});});let me=computed(()=>a.value.filter(o=>o.filterable&&o.filterable.type).map(o=>({columnId:o.columnId,name:o.name,filterField:o.filterable?.filterField??o.columnId,filterType:o.filterable?.type}))),se=computed(()=>{let o=re.value;if(!o.isEnabled)return null;o.activePanel.value;o.isOpen.value;return {get activePanel(){return o.activePanel.value},onPanelChange:o.setActivePanel,panels:o.panels,position:o.position,get isOpen(){return o.isOpen.value},toggle:o.toggle,close:o.close,columns:yt.value,visibleColumns:w.value,onVisibilityChange:U,onSetVisibleColumns:H,filterableColumns:me.value,filters:M.value,onFilterChange:K,filterOptions:Ke.value}}),Me=()=>I({}),ye=computed(()=>s.value&&Ee.value\|\|C.value),he=ref(null),ge=ref(null),wt=o=>{if(he.value=o,o){let k=o.match(/^([A-Z]+)(\d+)$/);k?ge.value={col:columnLetterToIndex(k[1]),row:parseInt(k[2],10)-1}:ge.value=null;}else ge.value=null;},Dt=computed(()=>ge.value?.col??null),Un=computed(()=>ge.value?.row??null),On=(o,k)=>{let le=Ve.value,Re=a.value;if(!(k<0\|\|k>=le.length\|\|o<0\|\|o>=Re.length))return getCellValue(le[k],Re[o])},ke=_t({activeCol:Dt,activeRow:Un,activeCellRef:he,getFormula:ve.enabled.value?ve.getFormula:void 0,getRawValue:On,setFormula:ve.enabled.value?ve.setFormula:void 0}),Mn=computed(()=>{let o=e.value,k=t.value.dataSource;return {items:Ve.value,columns:l.value.columns,getRowId:t.value.getRowId,sortBy:O.value.field,sortDirection:O.value.direction,onColumnSort:_,visibleColumns:w.value,columnOrder:b.value,onColumnOrderChange:l.value.onColumnOrderChange,onColumnResized:Et,onAutosizeColumn:te,onColumnPinned:Q,pinnedColumns:F.value,initialColumnWidths:B.value,editable:o.editable,cellSelection:o.cellSelection,onCellValueChanged:o.onCellValueChanged,onUndo:o.onUndo,onRedo:o.onRedo,canUndo:o.canUndo,canRedo:o.canRedo,rowSelection:o.rowSelection??"none",selectedRows:Y.value,onSelectionChange:q,showRowNumbers:o.showRowNumbers\|\|o.cellReferences\|\|o.formulas,showColumnLetters:!!(o.cellReferences\|\|o.formulas),showNameBox:!!(o.cellReferences&&!o.formulas),onActiveCellChange:o.cellReferences\|\|o.formulas?wt:void 0,currentPage:x.value,pageSize:P.value,statusBar:Pt.value,isLoading:ye.value,filters:M.value,onFilterChange:K,filterOptions:Ke.value,loadingFilterOptions:k?.fetchFilterOptions?we.value:ql,peopleSearch:k?.searchPeople,getUserByEmail:k?.getUserByEmail,layoutMode:o.layoutMode,suppressHorizontalScroll:o.suppressHorizontalScroll,stickyHeader:o.stickyHeader??true,columnReorder:o.columnReorder,responsiveColumns:o.responsiveColumns,virtualScroll:o.virtualScroll,rowHeight:o.rowHeight,density:o.density??"normal","aria-label":o["aria-label"],"aria-labelledby":o["aria-labelledby"],emptyState:{hasActiveFilters:qe.value,onClearAll:Me,message:o.emptyState?.message,render:o.emptyState?.render},formulas:o.formulas,formulaVersion:bt.value,...ve.enabled.value?{getFormulaValue:ve.getFormulaValue,hasFormula:ve.hasFormula,getFormula:ve.getFormula,setFormula:ve.setFormula,onFormulaCellChanged:ve.onCellChanged,getPrecedents:ve.getPrecedents,getDependents:ve.getDependents,getAuditTrail:ve.getAuditTrail}:{},formulaReferences:ke.referencedCells.value.length>0?ke.referencedCells.value:void 0}}),Ft=computed(()=>({page:x.value,pageSize:P.value,displayTotalCount:pt.value,setPage:y,setPageSize:E,pageSizeOptions:e.value.pageSizeOptions,entityLabelPlural:f.value.entityLabelPlural})),Ge=computed(()=>({columns:yt.value,visibleColumns:w.value,onVisibilityChange:U,placement:c.value})),Ut=computed(()=>{let o=e.value,k=!!o.formulas,le=!!o.cellReferences&&!k,Re=o.toolbar;le&&(Re=[h("div",{style:{display:"inline-flex",alignItems:"center",padding:"0 8px",fontFamily:"'Consolas', 'Courier New', monospace",fontSize:"12px",border:"1px solid rgba(0,0,0,0.12)",borderRadius:"3px",height:"24px",marginRight:"8px",background:"#fff",minWidth:"40px",color:"rgba(0,0,0,0.6)"},"aria-label":"Active cell reference"},he.value??"\u2014"),Re]);let st=k?h(Vn,{cellRef:ke.cellRef.value,formulaText:ke.formulaText.value,isEditing:ke.isEditing.value,onInputChange:ke.onInputChange,onCommit:ke.onCommit,onCancel:ke.onCancel,onStartEditing:ke.startEditing}):void 0,ut=o.sheetDefs&&o.sheetDefs.length>0&&o.activeSheet&&o.onSheetChange?h(zn,{sheets:o.sheetDefs,activeSheet:o.activeSheet,showAddButton:!!o.onSheetAdd,onSheetChange:o.onSheetChange,onSheetAdd:o.onSheetAdd??(()=>{})}):void 0;return {toolbar:Re,toolbarBelow:o.toolbarBelow,className:o.className,emptyState:o.emptyState,sideBarProps:se.value,fullScreen:o.fullScreen,formulaBar:st,sheetTabs:ut}}),kn=computed(()=>({hasActiveFilters:qe.value,setFilters:I})),An=computed(()=>({setRowData:o=>{s.value\|\|(g.value=o);},setLoading:o=>{d.value=o;},getColumnState:()=>({visibleColumns:Array.from(w.value),sort:O.value,columnOrder:b.value??void 0,columnWidths:Object.keys(B.value).length>0?B.value:void 0,filters:Object.keys(M.value).length>0?M.value:void 0,pinnedColumns:Object.keys(F.value).length>0?F.value:void 0}),applyColumnState:o=>{o.visibleColumns&&H(new Set(o.visibleColumns)),o.sort&&p(o.sort),o.columnOrder&&(l.value.columnOrder===void 0&&(S.value=o.columnOrder),l.value.onColumnOrderChange?.(o.columnOrder)),o.columnWidths&&(B.value=o.columnWidths),o.filters&&I(o.filters),o.pinnedColumns&&(F.value=o.pinnedColumns);},setFilterModel:I,getSelectedRows:()=>Array.from(Y.value),setSelectedRows:o=>{J.value===void 0&&(X.value=new Set(o));},selectAll:()=>{let o=new Set(Ve.value.map(k=>t.value.getRowId(k)));J.value===void 0&&(X.value=o),e.value.onSelectionChange?.({selectedRowIds:Array.from(o),selectedItems:Ve.value});},deselectAll:()=>{J.value===void 0&&(X.value=new Set),e.value.onSelectionChange?.({selectedRowIds:[],selectedItems:[]});},clearFilters:()=>I({}),clearSort:()=>p({field:r.value,direction:f.value.defaultSortDirection}),resetGridState:o=>{I({}),p({field:r.value,direction:f.value.defaultSortDirection}),o?.keepSelection\|\|(J.value===void 0&&(X.value=new Set),e.value.onSelectionChange?.({selectedRowIds:[],selectedItems:[]}));},getDisplayedRows:()=>Ve.value,refreshData:()=>{s.value&&ht.value++;},scrollToRow:()=>{},getColumnOrder:()=>b.value??a.value.map(o=>o.columnId),setColumnOrder:o=>{l.value.columnOrder===void 0&&(S.value=o),l.value.onColumnOrderChange?.(o);}}));return {dataGridProps:Mn,pagination:Ft,columnChooser:Ge,layout:Ut,filters:kn,api:An}}var Jl=25;function yo(e){let{columns:l,data:t,getRowId:n,initialSort:i,initialFilters:f={},initialPage:c=1,initialPageSize:a=Jl}=e,s=ref(i??{field:"",direction:"asc"}),m=ref({...f}),g=ref(c),d=ref(a),u=computed(()=>toValue(l)),C=computed(()=>toValue(t)),r=computed(()=>{let p=s.value.field;return processClientSideData(C.value,u.value,m.value,p\|\|void 0,p?s.value.direction:void 0)}),v=computed(()=>r.value.length),R=computed(()=>Math.max(1,Math.ceil(v.value/d.value))),D=computed(()=>{let p=(g.value-1)d.value;return r.value.slice(p,p+d.value)}),T=p=>{g.value=p;},S=p=>{d.value=p,g.value=1;},A=p=>{s.value=p,g.value=1;},B=p=>{A(computeNextSortState(s.value,p));},V=p=>{m.value=p,g.value=1;},F=(p,I)=>{V(mergeFilter(m.value,p,I));},x=computed(()=>Object.values(m.value).some(p=>p!==void 0)),P=computed(()=>{let p=new Map;for(let I of u.value)p.set(I.columnId,I);return p}),O=(p,I)=>{let H=P.value.get(I);if(H)return getCellValue(p,H)},M=p=>computed(()=>s.value.field!==p?"":s.value.direction==="asc"?"\u25B2":"\u25BC"),b=ref(new Set);return {columns:u,rows:D,totalCount:v,totalPages:R,allFilteredRows:r,sort:s,setSort:A,toggleSort:B,sortIndicator:M,filters:m,setFilters:V,setFilter:F,hasActiveFilters:x,page:g,pageSize:d,setPage:T,setPageSize:S,getRowId:n,getCellValue:O,selectedRowIds:b,isRowSelected:p=>b.value.has(n(p)),toggleRowSelection:p=>{let I=n(p),H=new Set(b.value);H.has(I)?H.delete(I):H.add(I),b.value=H;},selectAllOnPage:()=>{let p=new Set(b.value);for(let I of D.value)p.add(n(I));b.value=p;},clearSelection:()=>{b.value=new Set;}}}function qt(e){let{items:l,getRowId:t,rowSelection:n,controlledSelectedRows:i,onSelectionChange:f}=e,c=shallowRef(new Set),a=-1,s=computed(()=>{let r=i.value;return r!=null?r instanceof Set?r:new Set(r):c.value}),m=r=>{i.value!==void 0?isReadonly(i)\|\|(i.value=r):c.value=r,f?.({selectedRowIds:Array.from(r),selectedItems:l.value.filter(v=>r.has(t(v)))});},g=(r,v,R,D)=>{if(n.value==="single"){m(v?new Set([r]):new Set),a=R;return}let T=l.value,S;D&&a>=0&&a!==R?S=applyRangeRowSelection(a,R,v,T,t,s.value):(S=new Set(s.value),v?S.add(r):S.delete(r)),a=R,m(S);},d=r=>{m(r?new Set(l.value.map(v=>t(v))):new Set);},u=computed(()=>computeRowSelectionState(s.value,l.value,t).allSelected),C=computed(()=>computeRowSelectionState(s.value,l.value,t).someSelected);return {selectedRowIds:s,updateSelection:m,handleRowCheckboxChange:g,handleSelectAll:d,allSelected:u,someSelected:C}}function Xt(e){let l=shallowRef(null),t=ref(void 0);return {editingCell:l,setEditingCell:f=>{if(f&&e?.scrollToRow&&e?.getRowIndex){let c=e.getRowIndex(f.rowId);c>=0&&e.scrollToRow(c,"center");}l.value=f;},pendingEditorValue:t,setPendingEditorValue:f=>{t.value=f;}}}function jt(e,l){let t=shallowRef(null),n=0,i=f=>{let c=t.value;c!==f&&(c&&f&&c.rowIndex===f.rowIndex&&c.columnIndex===f.columnIndex\|\|(t.value=f));};return watch([t,()=>l?.value],()=>{if(n&&(cancelAnimationFrame(n),n=0),t.value==null\|\|!e?.value\|\|l?.value!=null)return;let{rowIndex:f,columnIndex:c}=t.value;n=requestAnimationFrame(()=>{n=0;let a=e.value;if(!a)return;let s=t.value;if(!s\|\|s.rowIndex!==f\|\|s.columnIndex!==c)return;let m=`[data-row-index="${f}"][data-col-index="${c}"]`,g=a.querySelector(m);if(g){let d=a.querySelector("thead"),u=d?d.getBoundingClientRect().height:0,C=a.getBoundingClientRect(),r=g.getBoundingClientRect(),v=C.top+u;r.top<v?a.scrollTop-=v-r.top:r.bottom>C.bottom&&(a.scrollTop+=r.bottom-C.bottom),a.scrollWidth>a.clientWidth&&(r.left<C.left?a.scrollLeft-=C.left-r.left:r.right>C.right&&(a.scrollLeft+=r.right-C.right)),document.activeElement!==g&&typeof g.focus=="function"&&g.focus({preventScroll:true});}});},{flush:"post"}),onUnmounted(()=>{n&&(cancelAnimationFrame(n),n=0);}),{activeCell:t,setActiveCell:i}}var jn="data-drag-range",At="data-drag-anchor",Se=40;function Yt(e){let l=dt(e),{wrapperRef:t,setActiveCell:n}=e,i=()=>isRef(e.colOffset)?e.colOffset.value:e.colOffset,f=shallowRef(null),c=ref(false),a=ref(false),s=ref(false),m=false,g=null,d=0,u=null,C=null,r=null,v=h=>{rangesEqual(f.value,h)\|\|(f.value=h);},R=(h,p,I)=>{if(h.button!==0)return;let H=i();if(I<H)return;h.preventDefault();let _=I-H,K=f.value;if(h.shiftKey&&K!=null)v(normalizeSelectionRange({startRow:K.startRow,startCol:K.startCol,endRow:p,endCol:_})),n({rowIndex:p,columnIndex:I});else {g={row:p,col:_},m=false;let U={startRow:p,startCol:_,endRow:p,endCol:_};v(U),u=U,n({rowIndex:p,columnIndex:I}),a.value=true,V(U);}},D=()=>{let{rowCount:h,visibleColCount:p}=l.value;h.value===0\|\|p.value===0\|\|(v({startRow:0,startCol:0,endRow:h.value-1,endCol:p.value-1}),n({rowIndex:0,columnIndex:i()}));},T=new Set,S=null,A=(h,p,I,H,_,K,U,X)=>{h.hasAttribute(jn)\|\|h.setAttribute(jn,""),X&&p===X.row&&I===X.col?h.hasAttribute(At)\|\|h.setAttribute(At,""):h.hasAttribute(At)&&h.removeAttribute(At);let Y=[];p===H&&Y.push("inset 0 2px 0 0 var(--ogrid-selection-color, #217346)"),p===_&&Y.push("inset 0 -2px 0 0 var(--ogrid-selection-color, #217346)"),I===K&&Y.push("inset 2px 0 0 0 var(--ogrid-selection-color, #217346)"),I===U&&Y.push("inset -2px 0 0 0 var(--ogrid-selection-color, #217346)"),h.style.boxShadow=Y.length>0?Y.join(", "):"",T.add(h);},B=h=>{h.removeAttribute(jn),h.removeAttribute(At),h.style.boxShadow="";},V=h=>{if(!t.value)return;let I=Math.min(h.startRow,h.endRow),H=Math.max(h.startRow,h.endRow),_=Math.min(h.startCol,h.endCol),K=Math.max(h.startCol,h.endCol),U=g,X=i();for(let Y of T){let q=parseInt(Y.getAttribute("data-row-index")??"",10),G=parseInt(Y.getAttribute("data-col-index")??"",10)-X;q>=I&&q<=H&&G>=_&&G<=K\|\|(B(Y),T.delete(Y));}S\|\|(S=buildCellIndex(t.value));let J=false;for(let Y=I;Y<=H;Y++)for(let q=_;q<=K;q++){let G=cellIndexKey(Y,q+X),Z=S?.get(G);Z&&!Z.isConnected&&!J&&(J=true,S=buildCellIndex(t.value),Z=S?.get(G)),Z&&Z.isConnected&&A(Z,Y,q,I,H,_,K,U);}},F=()=>{for(let h of T)B(h);T.clear(),S=null;},x=(h,p)=>{if(!g)return null;let H=document.elementFromPoint(h,p)?.closest?.("[data-row-index][data-col-index]");if(!H)return null;let _=parseInt(H.getAttribute("data-row-index")??"",10),K=parseInt(H.getAttribute("data-col-index")??"",10),U=i();if(Number.isNaN(_)\|\|Number.isNaN(K)\|\|K<U)return null;let X=K-U;return normalizeSelectionRange({startRow:g.row,startCol:g.col,endRow:_,endCol:X})},P=()=>{C&&(cancelAnimationFrame(C),C=null);},O=()=>{let h=t.value,p=r;if(!h\|\|!p\|\|!a.value){C=null;return}let I=h.getBoundingClientRect(),H=0,_=0;if(p.cy<I.top+Se?_=-computeAutoScrollSpeed(I.top+Se-p.cy):p.cy>I.bottom-Se&&(_=computeAutoScrollSpeed(p.cy-(I.bottom-Se))),p.cx<I.left+Se?H=-computeAutoScrollSpeed(I.left+Se-p.cx):p.cx>I.right-Se&&(H=computeAutoScrollSpeed(p.cx-(I.right-Se))),H===0&&_===0){C=null;return}h.scrollTop+=_,h.scrollLeft+=H;let K=x(p.cx,p.cy);K&&(u=K,V(K)),C=requestAnimationFrame(O);},M=()=>{let h=t.value;if(!h\|\|!r\|\|!a.value){P();return}let p=h.getBoundingClientRect(),I=0,H=0;if(r.cy<p.top+Se?H=-computeAutoScrollSpeed(p.top+Se-r.cy):r.cy>p.bottom-Se&&(H=computeAutoScrollSpeed(r.cy-(p.bottom-Se))),r.cx<p.left+Se?I=-computeAutoScrollSpeed(p.left+Se-r.cx):r.cx>p.right-Se&&(I=computeAutoScrollSpeed(r.cx-(p.right-Se))),I===0&&H===0){P();return}C\|\|(C=requestAnimationFrame(O));},b=h=>{!a.value\|\|!g\|\|(m\|\|(m=true,c.value=true,S=buildCellIndex(t.value)),r={cx:h.clientX,cy:h.clientY},M(),d&&cancelAnimationFrame(d),d=requestAnimationFrame(()=>{if(d=0,!r)return;let p=x(r.cx,r.cy);if(!p)return;let I=u;I&&I.startRow===p.startRow&&I.startCol===p.startCol&&I.endRow===p.endRow&&I.endCol===p.endCol\|\|(u=p,V(p));}));},w=()=>{if(!a.value)return;P(),d&&(cancelAnimationFrame(d),d=0),a.value=false;let h=m;if(h){if(r){let I=x(r.cx,r.cy);I&&(u=I);}let p=u;if(p){v(p);let I=g;I&&n({rowIndex:I.row,columnIndex:I.col+i()});}}F(),u=null,r=null,g=null,h&&(c.value=false);},y=h=>{s.value\|\|b(h);},E=()=>{s.value\|\|w();};return onMounted(()=>{window.addEventListener("pointermove",y,true),window.addEventListener("pointerup",E,true);}),onUnmounted(()=>{s.value=true,window.removeEventListener("pointermove",y,true),window.removeEventListener("pointerup",E,true),d&&cancelAnimationFrame(d),P();}),{selectionRange:f,setSelectionRange:v,handleCellMouseDown:R,handleSelectAllCells:D,isDragging:c}}function Zt(){let e=shallowRef(null);return {contextMenuPosition:e,setContextMenuPosition:i=>{e.value=i;},handleCellContextMenu:i=>{i.preventDefault?.(),e.value={x:i.clientX,y:i.clientY};},closeContextMenu:()=>{e.value=null;}}}function Jt(e){let{items:l,visibleCols:t,selectionRange:n,activeCell:i,editable:f,onCellValueChanged:c,beginBatch:a,endBatch:s}=e,m=()=>isRef(e.colOffset)?e.colOffset.value:e.colOffset,g=shallowRef(null),d=shallowRef(null),u=ref(null),C=()=>{let T=n.value,S=i.value,A=m();return T??(S!=null?{startRow:S.rowIndex,startCol:S.columnIndex-A,endRow:S.rowIndex,endCol:S.columnIndex-A}:null)},r=()=>{let T=C();if(T==null)return;let S=normalizeSelectionRange(T),A=formatSelectionAsTsv(l.value,t.value,S);u.value=A,d.value=S,navigator.clipboard.writeText(A).catch(B=>{typeof console<"u"&&console.warn("[OGrid] Clipboard write failed:",B);});};return {handleCopy:r,handleCut:()=>{if(f.value===false)return;let T=C();if(T==null\|\|c.value==null)return;let S=normalizeSelectionRange(T);g.value=S,d.value=null,r(),d.value=null;},handlePaste:async()=>{if(f.value===false)return;let T=c.value;if(T==null)return;let S;try{S=await navigator.clipboard.readText();}catch{S="";}if(!S.trim()&&u.value!=null&&(S=u.value),!S.trim())return;let A=C(),B=A?A.startRow:0,V=A?A.startCol:0,F=l.value,x=t.value,P=parseTsvClipboard(S);a?.();let O=applyPastedValues(P,B,V,F,x);for(let M of O)T(M);if(g.value){let M=applyCutClear(g.value,F,x);for(let b of M)T(b);g.value=null;}s?.(),d.value=null;},cutRange:g,copyRange:d,clearClipboardRanges:()=>{d.value=null,g.value=null;}}}function Qt(e){let l=dt(e);return {handleGridKeyDown:n=>{let{data:i,state:f,handlers:c,features:a}=l.value,s=i.items.value,m=i.visibleCols.value,{getRowId:g}=i,d=isRef(i.colOffset)?i.colOffset.value:i.colOffset,u=i.hasCheckboxCol.value,C=i.visibleColumnCount.value,r=f.activeCell.value,v=f.selectionRange.value,R=f.editingCell.value,D=f.selectedRowIds.value,{setActiveCell:T,setSelectionRange:S,setEditingCell:A,handleRowCheckboxChange:B,handleCopy:V,handleCut:F,handlePaste:x,setContextMenu:P,onUndo:O,onRedo:M,clearClipboardRanges:b}=c,w=a.editable.value,y=a.onCellValueChanged.value,E=a.rowSelection.value,h=a.wrapperRef,p=a.scrollToRow,{fillDown:I}=a,H=a.onKeyDown?.value;if(H&&(H(n),n.defaultPrevented))return;let _=s.length-1,K=C-1+d;if(s.length===0)return;if(r===null){["ArrowDown","ArrowUp","ArrowLeft","ArrowRight","Tab","Enter","Home","End","PageDown","PageUp"].includes(n.key)&&(T({rowIndex:0,columnIndex:d}),n.preventDefault());return}let{rowIndex:U,columnIndex:X}=r,J=X-d,Y=n.shiftKey,q=(G,Z)=>{if(G<0\|\|G>=s.length\|\|Z<0\|\|Z>=m.length)return true;let ne=getCellValue(s[G],m[Z]);return ne==null\|\|ne===""};switch(n.key){case "c":if(n.ctrlKey\|\|n.metaKey){if(R!=null)break;n.preventDefault(),V();}break;case "x":if(n.ctrlKey\|\|n.metaKey){if(R!=null)break;n.preventDefault(),F();}break;case "v":if(n.ctrlKey\|\|n.metaKey){if(R!=null)break;n.preventDefault(),x();}break;case "d":if(n.ctrlKey\|\|n.metaKey){if(R!=null)break;w!==false&&I&&(n.preventDefault(),I());}break;case "ArrowDown":case "ArrowUp":case "ArrowRight":case "ArrowLeft":{if(R!=null)break;n.preventDefault();let{newRowIndex:G,newColumnIndex:Z,newRange:ne}=computeArrowNavigation({direction:n.key,rowIndex:U,columnIndex:X,dataColIndex:J,colOffset:d,maxRowIndex:_,maxColIndex:K,visibleColCount:m.length,isCtrl:n.ctrlKey\|\|n.metaKey,isShift:Y,selectionRange:v,isEmptyAt:q});S(ne),T({rowIndex:G,columnIndex:Z}),(n.key==="ArrowDown"\|\|n.key==="ArrowUp")&&p?.(G,"center");break}case "Tab":{n.preventDefault();let{rowIndex:G,columnIndex:Z}=computeTabNavigation(U,X,_,K,d,n.shiftKey),ne=Z-d;S({startRow:G,startCol:ne,endRow:G,endCol:ne}),T({rowIndex:G,columnIndex:Z});break}case "Home":{n.preventDefault();let G=n.ctrlKey?0:U;S({startRow:G,startCol:0,endRow:G,endCol:0}),T({rowIndex:G,columnIndex:d});break}case "End":{n.preventDefault();let G=n.ctrlKey?_:U;S({startRow:G,startCol:C-1,endRow:G,endCol:C-1}),T({rowIndex:G,columnIndex:K});break}case "PageDown":case "PageUp":{n.preventDefault();let G=h.value,Z=10;if(G){let Fe=G.querySelector("tbody tr");Fe&&Fe.offsetHeight>0&&(Z=Math.max(1,Math.floor(G.clientHeight/Fe.offsetHeight)));}let ne=n.key==="PageDown"?1:-1,we=Math.max(0,Math.min(U+neZ,_));S(Y?{startRow:v?.startRow??U,startCol:v?.startCol??J,endRow:we,endCol:v?.endCol??J}:{startRow:we,startCol:J,endRow:we,endCol:J}),T({rowIndex:we,columnIndex:X}),p?.(we,"center");break}case "Enter":case "F2":{if(n.preventDefault(),J>=0&&J<m.length){let G=m[J],Z=s[U];if(Z&&G){let ne=G.editable===true\|\|typeof G.editable=="function"&&G.editable(Z);w!==false&&ne&&y!=null&&A({rowId:g(Z),columnId:G.columnId});}}break}case "Escape":n.preventDefault(),R!=null?A(null):(b?.(),T(null),S(null));break;case " ":if(E!=="none"&&X===0&&u){n.preventDefault();let G=s[U];if(G){let Z=g(G),ne=D.has(Z);B(Z,!ne,U,n.shiftKey);}}break;case "z":(n.ctrlKey\|\|n.metaKey)&&R==null&&(n.shiftKey&&M?(n.preventDefault(),M()):!n.shiftKey&&O&&(n.preventDefault(),O()));break;case "y":(n.ctrlKey\|\|n.metaKey)&&R==null&&M&&(n.preventDefault(),M());break;case "a":if(n.ctrlKey\|\|n.metaKey){if(R!=null)break;n.preventDefault(),s.length>0&&C>0&&(S({startRow:0,startCol:0,endRow:s.length-1,endCol:C-1}),T({rowIndex:0,columnIndex:d}));}break;case "Delete":case "Backspace":{if(R!=null\|\|w===false\|\|y==null)break;let G=v??(r!=null?{startRow:r.rowIndex,startCol:r.columnIndex-d,endRow:r.rowIndex,endCol:r.columnIndex-d}:null);if(G==null)break;n.preventDefault();let Z=applyCellDeletion(G,s,m);for(let ne of Z)y(ne);break}case "F10":if(n.shiftKey)if(n.preventDefault(),r!=null&&h.value){let G=`[data-row-index="${r.rowIndex}"][data-col-index="${r.columnIndex}"]`,Z=h.value.querySelector(G);if(Z){let ne=Z.getBoundingClientRect();P({x:ne.left+ne.width/2,y:ne.top+ne.height/2});}else P({x:100,y:100});}else P({x:100,y:100});break;}}}}var en="data-drag-range";function tn(e){let{items:l,visibleCols:t,editable:n,onCellValueChanged:i,selectionRange:f,setSelectionRange:c,setActiveCell:a,wrapperRef:s,beginBatch:m,endBatch:g,visibleRange:d}=e,u=()=>isRef(e.colOffset)?e.colOffset.value:e.colOffset,C=shallowRef(null),r={endRow:0,endCol:0},v=0,R=null,D=null,T=null,S=F=>{C.value=F;},A=()=>{D&&(window.removeEventListener("pointermove",D,true),D=null),T&&(window.removeEventListener("pointerup",T,true),T=null),v&&(cancelAnimationFrame(v),v=0);};return watch(C,(F,x,P)=>{if(!F\|\|n.value===false\|\|!i.value\|\|!s.value){A();return}r={endRow:F.startRow,endCol:F.startCol},R=null;let O=new Set,M=buildCellIndex(s.value),b=h=>{if(!s.value)return;let I=Math.min(h.startRow,h.endRow),H=Math.max(h.startRow,h.endRow),_=Math.min(h.startCol,h.endCol),K=Math.max(h.startCol,h.endCol),U=u();for(let X of O){let J=parseInt(X.getAttribute("data-row-index")??"",10),Y=parseInt(X.getAttribute("data-col-index")??"",10)-U;J>=I&&J<=H&&Y>=_&&Y<=K\|\|(X.removeAttribute(en),O.delete(X));}for(let X=I;X<=H;X++)for(let J=_;J<=K;J++){let Y=cellIndexKey(X,J+U),q=M?.get(Y);q&&!q.isConnected&&(M=buildCellIndex(s.value),q=M.get(Y)),q&&(q.hasAttribute(en)\|\|q.setAttribute(en,""),O.add(q));}},w=()=>{for(let h of O)h.removeAttribute(en);O.clear();},y=null,E=(h,p)=>{let H=document.elementFromPoint(h,p)?.closest?.("[data-row-index][data-col-index]");if(!H\|\|!s.value?.contains(H))return null;let _=parseInt(H.getAttribute("data-row-index")??"",10),K=parseInt(H.getAttribute("data-col-index")??"",10),U=u();if(Number.isNaN(_)\|\|Number.isNaN(K)\|\|K<U)return null;let X=K-U;return normalizeSelectionRange({startRow:F.startRow,startCol:F.startCol,endRow:_,endCol:X})};D=h=>{y={cx:h.clientX,cy:h.clientY},v&&cancelAnimationFrame(v),v=requestAnimationFrame(()=>{if(v=0,!y)return;let p=E(y.cx,y.cy);if(!p)return;let I=R;I&&I.startRow===p.startRow&&I.startCol===p.startCol&&I.endRow===p.endRow&&I.endCol===p.endCol\|\|(R=p,r={endRow:p.endRow,endCol:p.endCol},b(p));});},T=()=>{if(v&&(cancelAnimationFrame(v),v=0),y){let U=E(y.cx,y.cy);U&&(R=U,r={endRow:U.endRow,endCol:U.endCol});}w();let h=r,p=normalizeSelectionRange({startRow:F.startRow,startCol:F.startCol,endRow:h.endRow,endCol:h.endCol}),I=d?.value;I&&(p.startRow=Math.max(p.startRow,I.startIndex),p.endRow=Math.min(p.endRow,I.endIndex)),c(p),a({rowIndex:F.startRow,columnIndex:F.startCol+u()});let H=l.value,_=t.value,K=i.value;if(K){let U=applyFillValues(p,F.startRow,F.startCol,H,_);if(U.length>0){m?.();for(let X of U)K(X);g?.();}}C.value=null,R=null,A();},window.addEventListener("pointermove",D,true),window.addEventListener("pointerup",T,true),P(()=>{A();});}),onUnmounted(()=>A()),{fillDrag:C,setFillDrag:S,handleFillHandleMouseDown:F=>{F.preventDefault(),F.stopPropagation();let x=f.value;x&&(C.value={startRow:x.startRow,startCol:x.startCol});},fillDown:()=>{let F=f.value;if(!F\|\|n.value===false\|\|!i.value)return;let x=normalizeSelectionRange(F),P=l.value,O=t.value,M=i.value,b=applyFillValues(x,x.startRow,x.startCol,P,O);if(b.length>0){m?.();for(let w of b)M(w);g?.();}}}}function nn(e){let{onCellValueChanged:l,maxUndoDepth:t=100,afterChange:n}=e,i=new UndoRedoStack(t),f=ref(false),c=ref(false),a=()=>{f.value=i.canUndo,c.value=i.canRedo;};return {onCellValueChanged:l?C=>{i.record(C),i.isBatching\|\|a(),l(C),i.isBatching\|\|n?.();}:void 0,undo:()=>{if(!l)return;let C=i.undo();if(C){a();for(let r=C.length-1;r>=0;r--){let v=C[r];l({...v,oldValue:v.newValue,newValue:v.oldValue});}n?.();}},redo:()=>{if(!l)return;let C=i.redo();if(C){a();for(let r of C)l(r);n?.();}},canUndo:f,canRedo:c,beginBatch:()=>{i.beginBatch();},endBatch:()=>{i.endBatch(),a(),n?.();},maxUndoDepth:t}}function on(e){let{wrapperRef:l,visibleCols:t,flatColumns:n,hasCheckboxCol:i,initialColumnWidths:f,onColumnResized:c}=e,a=ref(0),s,m=()=>{let r=l.value;if(!r)return;let v=r.getBoundingClientRect(),R=window.getComputedStyle(r),D=(parseFloat(R.borderLeftWidth\|\|"0")\|\|0)+(parseFloat(R.borderRightWidth\|\|"0")\|\|0);a.value=Math.max(0,v.width-D);};onMounted(()=>{let r=l.value;r&&(typeof ResizeObserver<"u"&&(s=new ResizeObserver(m),s.observe(r)),m());}),onUnmounted(()=>{s?.disconnect();});let g=ref((()=>{if(!f)return {};let r={};for(let[v,R]of Object.entries(f))r[v]={widthPx:R};return r})()),d=r=>{g.value=r;},u=computed(()=>{let r=i.value?CHECKBOX_COLUMN_WIDTH:0;return t.value.reduce((v,R)=>v+(R.minWidth??estimateHeaderMinWidth(R.name))+CELL_PADDING,r)});watch(n,r=>{let v=new Set(r.map(S=>S.columnId)),R=g.value,D=Object.keys(R),T=D.filter(S=>v.has(S));if(T.length<D.length){let S={};for(let A of T)S[A]=R[A];g.value=S;}});let C=computed(()=>{let r=i.value?CHECKBOX_COLUMN_WIDTH:0;return t.value.reduce((v,R)=>{let D=g.value[R.columnId],T=R.minWidth??estimateHeaderMinWidth(R.name),S=D?D.widthPx:R.idealWidth??R.defaultWidth??T;return v+Math.max(T,S)+CELL_PADDING},r)});return {containerWidth:a,minTableWidth:u,desiredTableWidth:C,columnSizingOverrides:g,setColumnSizingOverrides:d,onColumnResized:c}}function ln(e){let{columns:l,pinnedColumns:t,onColumnPinned:n}=e,i={};for(let u of l.value)u.pinned&&(i[u.columnId]=u.pinned);let f=ref(i),c=computed(()=>t?.value??f.value);return {pinnedColumns:c,pinColumn:(u,C)=>{let r={...c.value,[u]:C};f.value=r,n?.(u,C);},unpinColumn:u=>{let{[u]:C,...r}=c.value;f.value=r,n?.(u,null);},isPinned:u=>c.value[u],computeLeftOffsets:(u,C,r,v,R)=>{let D={},T=v?R:0;for(let S of u)c.value[S.columnId]==="left"&&(D[S.columnId]=T,T+=C[S.columnId]??r);return D},computeRightOffsets:(u,C,r)=>{let v={},R=0;for(let D=u.length-1;D>=0;D--){let T=u[D];c.value[T.columnId]==="right"&&(v[T.columnId]=R,R+=C[T.columnId]??r);}return v}}}function an(e){let{columns:l,pinnedColumns:t,onPinColumn:n,onUnpinColumn:i,onSort:f,onColumnResized:c,onAutosizeColumn:a,sortBy:s,sortDirection:m}=e,g=ref(false),d=ref(null),u=ref(null),C=(E,h)=>{d.value=E,u.value=h,g.value=true;},r=()=>{g.value=false,d.value=null,u.value=null;},v=computed(()=>d.value?l.value.find(E=>E.columnId===d.value):void 0),R=computed(()=>d.value?t.value[d.value]:void 0),D=computed(()=>R.value!=="left"),T=computed(()=>R.value!=="right"),S=computed(()=>!!R.value),A=computed(()=>!d.value\|\|!s?.value\|\|s.value!==d.value?null:m?.value??null),B=computed(()=>v.value?.sortable!==false),V=ref(true);return {isOpen:g,openForColumn:d,anchorElement:u,open:C,close:r,handlePinLeft:()=>{d.value&&D.value&&(n(d.value,"left"),r());},handlePinRight:()=>{d.value&&T.value&&(n(d.value,"right"),r());},handleUnpin:()=>{d.value&&S.value&&(i(d.value),r());},handleSortAsc:()=>{d.value&&f&&(f(d.value,"asc"),r());},handleSortDesc:()=>{d.value&&f&&(f(d.value,"desc"),r());},handleClearSort:()=>{d.value&&f&&(f(d.value,null),r());},handleAutosizeThis:()=>{let E=a??c;if(!d.value\|\|!E\|\|!V.value)return;let h=v.value;E(d.value,measureColumnContentWidth(d.value,h?.minWidth)),r();},handleAutosizeAll:()=>{let E=a??c;E&&(l.value.forEach(h=>{E(h.columnId,measureColumnContentWidth(h.columnId,h.minWidth));}),r());},canPinLeft:D,canPinRight:T,canUnpin:S,currentSort:A,isSortable:B,isResizable:V}}var Je=()=>{},$r=async()=>{},qr=(e,l,t)=>{},Xr=e=>{},jr=e=>{};function un(e){let{props:l,wrapperRef:t}=e,n=computed(()=>l.value.items),i=l.value.getRowId,f=computed(()=>l.value.rowSelection??"none"),c=computed(()=>l.value.selectedRows),a=computed(()=>l.value.editable),s=computed(()=>l.value.cellSelection!==false),m=computed(()=>l.value.pinnedColumns),g=ref(0),d=()=>{g.value++;},u=nn({onCellValueChanged:l.value.onCellValueChanged,afterChange:d}),C=computed(()=>u.onCellValueChanged),r=computed(()=>flattenColumns(l.value.columns)),v=computed(()=>{let te=m.value;return !te\|\|Object.keys(te).length===0?r.value:r.value.map(Q=>{let re=te[Q.columnId];return re&&Q.pinned!==re?{...Q,pinned:re}:Q})}),R=computed(()=>resolveResponsiveConfig(l.value.responsiveColumns)),D=computed(()=>{let te=l.value.visibleColumns,Q=l.value.columnOrder,re=te?v.value.filter(se=>te.has(se.columnId)):v.value;if(!Q?.length)return re;let me=new Map;for(let se=0;se<Q.length;se++)me.set(Q[se],se);return [...re].sort((se,Me)=>{let ye=me.get(se.columnId)??-1,he=me.get(Me.columnId)??-1;return ye===-1&&he===-1?0:ye===-1?1:he===-1?-1:ye-he})}),T=ref(0),S=computed(()=>applyResponsiveHiding(D.value,T.value,R.value)),A=computed(()=>S.value.length),B=computed(()=>f.value==="multiple"),V=computed(()=>!!l.value.showRowNumbers),F=computed(()=>(B.value?1:0)+(V.value?1:0)),x=computed(()=>A.value+F.value),P=F,O=shallowRef(new Map);watch(n,te=>{let Q=O.value;Q.clear(),te.forEach((re,me)=>Q.set(i(re),me)),triggerRef(O);},{immediate:true});let M=qt({items:n,getRowId:i,rowSelection:f,controlledSelectedRows:c,onSelectionChange:l.value.onSelectionChange}),{editingCell:b,setEditingCell:w,pendingEditorValue:y,setPendingEditorValue:E}=Xt(),{activeCell:h,setActiveCell:p}=jt(t,b),I=computed(()=>n.value.length),H=computed(()=>S.value.length),{selectionRange:_,setSelectionRange:K,handleCellMouseDown:U,handleSelectAllCells:X,isDragging:J}=Yt({colOffset:P,rowCount:I,visibleColCount:H,setActiveCell:p,wrapperRef:t}),{contextMenuPosition:Y,setContextMenuPosition:q,handleCellContextMenu:G,closeContextMenu:Z}=Zt(),{handleCopy:ne,handleCut:we,handlePaste:Fe,cutRange:Ke,copyRange:Pe,clearClipboardRanges:xe}=Jt({items:n,visibleCols:S,colOffset:P,selectionRange:_,activeCell:h,editable:a,onCellValueChanged:C,beginBatch:u.beginBatch,endBatch:u.endBatch}),Ne=(te,Q,re)=>{te.button===0&&(t.value?.focus({preventScroll:true}),xe(),U(te,Q,re));},{handleFillHandleMouseDown:Be,fillDown:We}=tn({items:n,visibleCols:S,editable:a,onCellValueChanged:C,selectionRange:_,setSelectionRange:K,setActiveCell:p,colOffset:P,wrapperRef:t,beginBatch:u.beginBatch,endBatch:u.endBatch}),{handleGridKeyDown:$e}=Qt({data:{items:n,visibleCols:S,colOffset:P,hasCheckboxCol:B,visibleColumnCount:A,getRowId:i},state:{activeCell:h,selectionRange:_,editingCell:b,selectedRowIds:M.selectedRowIds},handlers:{setActiveCell:p,setSelectionRange:K,setEditingCell:w,handleRowCheckboxChange:M.handleRowCheckboxChange,handleCopy:ne,handleCut:we,handlePaste:Fe,setContextMenu:q,onUndo:u.undo,onRedo:u.redo,clearClipboardRanges:xe},features:{editable:a,onCellValueChanged:C,rowSelection:f,wrapperRef:t,fillDown:We,onKeyDown:computed(()=>l.value.onKeyDown)}}),{containerWidth:tt,minTableWidth:nt,desiredTableWidth:mt,columnSizingOverrides:Ue,setColumnSizingOverrides:ft}=on({wrapperRef:t,visibleCols:D,flatColumns:v,hasCheckboxCol:B,initialColumnWidths:l.value.initialColumnWidths,onColumnResized:(te,Q)=>l.value.onColumnResized?.(te,Q)});watch(tt,te=>{T.value=te;},{immediate:true});let Ie=ln({columns:v,pinnedColumns:m,onColumnPinned:l.value.onColumnPinned}),Ct=(te,Q)=>{ft({...Ue.value,[te]:{widthPx:Q}}),l.value.onColumnResized?.(te,Q);},ae=an({columns:v,pinnedColumns:Ie.pinnedColumns,onPinColumn:Ie.pinColumn,onUnpinColumn:Ie.unpinColumn,onSort:l.value.onColumnSort,onColumnResized:l.value.onColumnResized,onAutosizeColumn:Ct,sortBy:computed(()=>l.value.sortBy),sortDirection:computed(()=>l.value.sortDirection)}),Oe=ref({});watch([S,tt,Ue],()=>{nextTick(()=>{let te=t.value;if(!te)return;let Q=te.querySelectorAll("th[data-column-id]");if(Q.length===0)return;let re={};Q.forEach(ye=>{let he=ye.getAttribute("data-column-id");he&&(re[he]=ye.offsetWidth);});let me=Oe.value,se=Object.keys(re),Me=se.length!==Object.keys(me).length;if(!Me){for(let ye of se)if(me[ye]!==re[ye]){Me=true;break}}Me&&(Oe.value=re);});},{flush:"post"});let ot=computed(()=>{let te={};for(let Q of S.value){let re=Ue.value[Q.columnId];te[Q.columnId]=re?re.widthPx:Q.idealWidth??Q.defaultWidth??Q.minWidth??DEFAULT_MIN_COLUMN_WIDTH;}return te}),lt=computed(()=>Ie.computeLeftOffsets(S.value,ot.value,DEFAULT_MIN_COLUMN_WIDTH,B.value,CHECKBOX_COLUMN_WIDTH)),Ee=computed(()=>Ie.computeRightOffsets(S.value,ot.value,DEFAULT_MIN_COLUMN_WIDTH)),rt=computed(()=>computeAggregations(n.value,S.value,s.value?_.value:null)),at=computed(()=>{let te=getDataGridStatusBarConfig(l.value.statusBar,n.value.length,M.selectedRowIds.value.size);return te?{...te,aggregation:rt.value??void 0}:null}),_e=computed(()=>n.value.length===0&&!!l.value.emptyState&&!l.value.isLoading),ht=computed(()=>_.value!=null\|\|h.value!=null),Rt=computed(()=>({sortBy:l.value.sortBy,sortDirection:l.value.sortDirection,onColumnSort:l.value.onColumnSort,filters:l.value.filters,onFilterChange:l.value.onFilterChange,filterOptions:l.value.filterOptions,loadingFilterOptions:l.value.loadingFilterOptions,peopleSearch:l.value.peopleSearch})),Ve=computed(()=>({editingCell:b.value,activeCell:s.value?h.value:null,selectionRange:s.value?_.value:null,cutRange:s.value?Ke.value:null,copyRange:s.value?Pe.value:null,colOffset:P.value,itemsLength:n.value.length,getRowId:i,editable:a.value,onCellValueChanged:C.value,isDragging:s.value?J.value:false,getFormulaValue:l.value.getFormulaValue,hasFormula:l.value.hasFormula,getFormula:l.value.getFormula,formulaVersion:l.value.formulaVersion})),pt=ref(null),it=te=>{pt.value=te;},bt=(te,Q,re,me,se,Me,ye)=>{let he=S.value.find(ge=>ge.columnId===Q);if(he){let ge=parseValue(me,re,te,he);if(!ge.valid){w(null),it(null),E(void 0);return}me=ge.value;}if(w(null),it(null),E(void 0),Object.is(me,re)\|\|C.value?.({item:te,columnId:Q,oldValue:re,newValue:me,rowIndex:se}),!ye?.skipAdvance&&se<n.value.length-1){let ge=se+1,wt=Me-P.value;p({rowIndex:ge,columnIndex:Me}),K({startRow:ge,startCol:wt,endRow:ge,endCol:wt});}},It=()=>{w(null),it(null),E(void 0);},ve=computed(()=>({flatColumns:v.value,visibleCols:S.value,visibleColumnCount:A.value,totalColCount:x.value,colOffset:P.value,hasCheckboxCol:B.value,hasRowNumbersCol:V.value,rowIndexByRowId:O.value,containerWidth:tt.value,minTableWidth:nt.value,desiredTableWidth:mt.value,columnSizingOverrides:Ue.value,setColumnSizingOverrides:ft,onColumnResized:l.value.onColumnResized,measuredColumnWidths:Oe.value,stickyHeader:l.value.stickyHeader??true})),St=computed(()=>({selectedRowIds:M.selectedRowIds.value,updateSelection:M.updateSelection,handleRowCheckboxChange:M.handleRowCheckboxChange,handleSelectAll:M.handleSelectAll,allSelected:M.allSelected.value,someSelected:M.someSelected.value})),Tt=computed(()=>({editingCell:b.value,setEditingCell:w,pendingEditorValue:y.value,setPendingEditorValue:E,commitCellEdit:bt,cancelPopoverEdit:It,popoverAnchorEl:pt.value,setPopoverAnchorEl:it})),qe=computed(()=>(g.value,{activeCell:s.value?h.value:null,setActiveCell:s.value?p:Je,selectionRange:s.value?_.value:null,setSelectionRange:s.value?K:Je,handleCellMouseDown:s.value?Ne:qr,handleSelectAllCells:s.value?X:Je,hasCellSelection:s.value?ht.value:false,handleGridKeyDown:s.value?$e:Xr,handleFillHandleMouseDown:s.value?Be:Je,handleCopy:s.value?ne:Je,handleCut:s.value?we:Je,handlePaste:s.value?Fe:$r,cutRange:s.value?Ke.value:null,copyRange:s.value?Pe.value:null,clearClipboardRanges:s.value?xe:Je,canUndo:u.canUndo.value,canRedo:u.canRedo.value,onUndo:u.undo,onRedo:u.redo,isDragging:s.value?J.value:false})),yt=computed(()=>({menuPosition:s.value?Y.value:null,setMenuPosition:s.value?q:Je,handleCellContextMenu:s.value?G:jr,closeContextMenu:s.value?Z:Je})),Pt=computed(()=>({headerFilterInput:Rt.value,cellDescriptorInput:Ve.value,statusBarConfig:at.value,showEmptyInGrid:_e.value,onCellError:l.value.onCellError})),Et=computed(()=>({pinnedColumns:Ie.pinnedColumns.value,pinColumn:Ie.pinColumn,unpinColumn:Ie.unpinColumn,isPinned:Ie.isPinned,leftOffsets:lt.value,rightOffsets:Ee.value,headerMenu:{isOpen:ae.isOpen.value,openForColumn:ae.openForColumn.value,anchorElement:ae.anchorElement.value,open:ae.open,close:ae.close,handlePinLeft:ae.handlePinLeft,handlePinRight:ae.handlePinRight,handleUnpin:ae.handleUnpin,handleSortAsc:ae.handleSortAsc,handleSortDesc:ae.handleSortDesc,handleClearSort:ae.handleClearSort,handleAutosizeThis:ae.handleAutosizeThis,handleAutosizeAll:ae.handleAutosizeAll,canPinLeft:ae.canPinLeft.value,canPinRight:ae.canPinRight.value,canUnpin:ae.canUnpin.value,currentSort:ae.currentSort.value,isSortable:ae.isSortable.value,isResizable:ae.isResizable.value}}));return {layout:ve,rowSelection:St,editing:Tt,interaction:qe,contextMenu:yt,viewModels:Pt,pinning:Et}}function dn(e){let{columnSizingOverrides:l,setColumnSizingOverrides:t,minWidth:n=80,defaultWidth:i=120,onColumnResized:f}=e,c=0,a=null;return onUnmounted(()=>{a?.(),a=null;}),{handleResizeStart:(d,u)=>{d.preventDefault(),d.stopPropagation();let C=d.clientX,r=u.columnId,v=d.currentTarget.parentElement,R=v?v.getBoundingClientRect().width:l.value[r]?.widthPx??u.idealWidth??u.defaultWidth??i,D=R,T=document.body.style.cursor,S=document.body.style.userSelect;document.body.style.cursor="col-resize",document.body.style.userSelect="none";let A=()=>{t({...l.value,[r]:{widthPx:D}});},B=r===ROW_NUMBER_COLUMN_ID?ROW_NUMBER_COLUMN_MIN_WIDTH:n,V=P=>{let O=P.clientX-C;D=Math.max(B,R+O),c\|\|(c=requestAnimationFrame(()=>{c=0,A();}));},F=()=>{document.removeEventListener("pointermove",V),document.removeEventListener("pointerup",x),a=null,document.body.style.cursor=T,document.body.style.userSelect=S,c&&(cancelAnimationFrame(c),c=0);},x=()=>{F(),A(),f?.(r,D);};document.addEventListener("pointermove",V),document.addEventListener("pointerup",x),a=F;},handleResizeDoubleClick:(d,u)=>{d.preventDefault(),d.stopPropagation();let C=u.columnId,v=(d.currentTarget.closest("th")??d.currentTarget.parentElement)?.closest("table")?.parentElement??void 0,R=measureColumnContentWidth(C,n,v);t({...l.value,[C]:{widthPx:R}}),f?.(C,R);},getColumnWidth:d=>l.value[d.columnId]?.widthPx??d.idealWidth??d.defaultWidth??i}}function cn(e,l){let t=ref(e.value),n;return watch(e,i=>{n!==void 0&&clearTimeout(n),n=setTimeout(()=>{t.value=i;},l);}),onUnmounted(()=>{n!==void 0&&clearTimeout(n);}),t}function Ho(e,l){let t,n=e,i,f=((...c)=>{n=e,i=c,t!==void 0&&clearTimeout(t),t=setTimeout(()=>{n(...c),i=void 0,t=void 0;},l);});return f.cancel=()=>{t!==void 0&&clearTimeout(t),t=void 0,i=void 0;},f.flush=()=>{if(t!==void 0&&i!==void 0){clearTimeout(t),t=void 0;let c=i;i=void 0,n(...c);}},onUnmounted(()=>{t!==void 0&&clearTimeout(t);}),f}function mn(e){let{textValue:l="",onTextChange:t}=e,n=ref(l);return watch(e.isFilterOpen,a=>{a&&(n.value=e.textValue??"");}),{tempTextValue:n,setTempTextValue:a=>{n.value=a;},handleTextApply:()=>{t?.(n.value.trim());},handleTextClear:()=>{n.value="";}}}var aa=150,Qn=[];function fn(e){let{onFilterChange:l}=e,t=ref(new Set(e.selectedValues??Qn)),n=ref(""),i=cn(n,aa);watch(e.isFilterOpen,u=>{u&&(t.value=new Set(e.selectedValues??Qn),n.value="");});let f=computed(()=>{let u=e.options??Qn;if(!i.value.trim())return u;let C=i.value.toLowerCase().trim();return u.filter(r=>r.toLowerCase().includes(C))});return {tempSelected:t,setTempSelected:u=>{t.value=u;},searchText:n,setSearchText:u=>{n.value=u;},debouncedSearchText:i,filteredOptions:f,handleCheckboxChange:(u,C)=>{let r=new Set(t.value);C?r.add(u):r.delete(u),t.value=r;},handleSelectAll:()=>{t.value=new Set(f.value);},handleClearSelection:()=>{t.value=new Set;},handleApplyMultiSelect:()=>{l?.(Array.from(t.value));}}}var sa=300;function vn(e){let{onUserChange:l,filterType:t}=e,n=ref(null),i,f=ref([]),c=ref(false),a=ref(""),s=d=>{a.value=d;};return watch(e.isFilterOpen,d=>{d&&(a.value="",f.value=[],t==="people"&&setTimeout(()=>n.value?.focus(),50));}),watch([a,()=>e.peopleSearch,e.isFilterOpen],([d,u,C])=>{if(i&&clearTimeout(i),!(!u\|\|!C\|\|t!=="people")){if(!d.trim()){f.value=[];return}c.value=true,i=setTimeout(async()=>{try{let r=await u(d);f.value=r.slice(0,10);}catch{f.value=[];}finally{c.value=false;}},sa);}}),onUnmounted(()=>{i&&clearTimeout(i);}),{peopleSuggestions:f,isPeopleLoading:c,peopleSearchText:a,setPeopleSearchText:s,peopleInputRef:n,handleUserSelect:d=>{l?.(d);},handleClearUser:()=>{l?.(void 0);}}}function gn(e){let{onDateChange:l}=e,t=ref(e.dateValue?.from??""),n=ref(e.dateValue?.to??"");return watch(e.isFilterOpen,s=>{s&&(t.value=e.dateValue?.from??"",n.value=e.dateValue?.to??"");}),{tempDateFrom:t,setTempDateFrom:s=>{t.value=s;},tempDateTo:n,setTempDateTo:s=>{n.value=s;},handleDateApply:()=>{let s=t.value\|\|void 0,m=n.value\|\|void 0;l?.(s\|\|m?{from:s,to:m}:void 0);},handleDateClear:()=>{t.value="",n.value="";}}}var ma=[];function No(e){let{filterType:l,onSort:t}=e,n=()=>e.selectedValues??ma,i=ref(null),f=ref(null),c=ref(false),a=ref(null),s=E=>{c.value=E;},m=mn({textValue:e.textValue,onTextChange:e.onTextChange,isFilterOpen:c}),g=fn({selectedValues:e.selectedValues,onFilterChange:e.onFilterChange,options:e.options,isFilterOpen:c}),d=vn({selectedUser:e.selectedUser,onUserChange:e.onUserChange,peopleSearch:e.peopleSearch,isFilterOpen:c,filterType:l}),u=gn({dateValue:e.dateValue,onDateChange:e.onDateChange,isFilterOpen:c});watch(c,E=>{E\|\|(a.value=null);});let C=null,r=null,v,R=()=>{D(),C=E=>{let h=E.target;f.value&&!f.value.contains(h)&&i.value&&!i.value.contains(h)&&(c.value=false);},r=E=>{(E.key==="Escape"\|\|E.key==="Esc")&&(E.preventDefault(),E.stopPropagation(),c.value=false);},v=setTimeout(()=>{C&&document.addEventListener("mousedown",C);},0),document.addEventListener("keydown",r,true);},D=()=>{v&&clearTimeout(v),C&&document.removeEventListener("mousedown",C),r&&document.removeEventListener("keydown",r,true),C=null,r=null;};watch(c,E=>{E?R():D();}),onUnmounted(()=>D());let T=E=>{if(E.stopPropagation(),E.preventDefault(),!c.value&&i.value){let h=i.value.getBoundingClientRect();a.value={top:h.bottom+4,left:h.left};}c.value=!c.value;},S=E=>{E.stopPropagation(),t?.();},A=()=>{g.handleApplyMultiSelect(),c.value=false;},B=()=>{m.handleTextApply(),c.value=false;},V=E=>{d.handleUserSelect(E),c.value=false;},F=()=>{d.handleClearUser(),c.value=false;},x=()=>{u.handleDateApply(),c.value=false;},P=E=>E.stopPropagation(),O=E=>E.stopPropagation(),M=E=>E.stopPropagation(),b=E=>E.stopPropagation(),w=E=>{E.key!=="Escape"&&E.key!=="Esc"&&E.stopPropagation();},y=computed(()=>l==="multiSelect"?n().length>0:l==="text"?!!(e.textValue??"").trim():l==="people"?!!e.selectedUser:l==="date"?!!(e.dateValue?.from\|\|e.dateValue?.to):false);return {headerRef:i,popoverRef:f,peopleInputRef:d.peopleInputRef,isFilterOpen:c,setFilterOpen:s,tempSelected:g.tempSelected,setTempSelected:g.setTempSelected,tempTextValue:m.tempTextValue,setTempTextValue:m.setTempTextValue,searchText:g.searchText,setSearchText:g.setSearchText,debouncedSearchText:g.debouncedSearchText,filteredOptions:g.filteredOptions,peopleSuggestions:d.peopleSuggestions,isPeopleLoading:d.isPeopleLoading,peopleSearchText:d.peopleSearchText,setPeopleSearchText:d.setPeopleSearchText,tempDateFrom:u.tempDateFrom,setTempDateFrom:u.setTempDateFrom,tempDateTo:u.tempDateTo,setTempDateTo:u.setTempDateTo,hasActiveFilter:y,popoverPosition:a,handlers:{handleFilterIconClick:T,handleApplyMultiSelect:A,handleTextApply:B,handleTextClear:m.handleTextClear,handleUserSelect:V,handleClearUser:F,handleCheckboxChange:g.handleCheckboxChange,handleSelectAll:g.handleSelectAll,handleClearSelection:g.handleClearSelection,handlePopoverClick:P,handleInputFocus:O,handleInputMouseDown:M,handleInputClick:b,handleInputKeyDown:w,handleDateApply:x,handleDateClear:u.handleDateClear,handleSortClick:S}}}function _o(e){let{columns:l,visibleColumns:t,onVisibilityChange:n}=e,i=ref(false),f=null,c=()=>{a(),f=R=>{R.key==="Escape"&&(R.preventDefault(),i.value=false);},document.addEventListener("keydown",f,true);},a=()=>{f&&(document.removeEventListener("keydown",f,true),f=null);};watch(i,R=>{R?c():a();}),onUnmounted(()=>a());let s=R=>{i.value=R;},m=()=>{i.value=!i.value;},g=()=>{i.value=false;},d=R=>D=>{n(R,D);},u=()=>{l.value.forEach(R=>{t.value.has(R.columnId)\|\|n(R.columnId,true);});},C=()=>{l.value.forEach(R=>{!R.required&&t.value.has(R.columnId)&&n(R.columnId,false);});},r=computed(()=>t.value.size),v=computed(()=>l.value.length);return {open:i,setOpen:s,handleToggle:m,handleClose:g,handleCheckboxChange:d,handleSelectAll:u,handleClearAll:C,visibleCount:r,totalCount:v}}function Ko(e){let{value:l,editorType:t,onCommit:n,onCancel:i,dateFormat:f,dateEditorType:c}=e,a=f??DEFAULT_DATE_FORMAT,s=ref((()=>{if(l==null)return "";if(t==="date"){if(c==="native"){let v=String(l);return v.match(/^\d{4}-\d{2}-\d{2}/)?v.substring(0,10):v}return formatDateForDisplay(l,a)??""}return String(l)})()),m=v=>{s.value=v;},g=v=>{if(t==="date"&&c!=="native"){if(!v\|\|!v.trim()){n(null);return}let R=parseUserInputDate(v,a);if(R!==null){let D=R.getUTCFullYear().toString().padStart(4,"0"),T=(R.getUTCMonth()+1).toString().padStart(2,"0"),S=R.getUTCDate().toString().padStart(2,"0");n(`${D}-${T}-${S}`);}else n(null);}else n(v);},d=v=>{n(v);},u=()=>{i();};return {localValue:s,setLocalValue:m,handleKeyDown:v=>{v.key==="Escape"&&(v.preventDefault(),v.stopPropagation(),u()),v.key==="Enter"&&(t==="text"\|\|t==="date")&&(v.preventDefault(),v.stopPropagation(),g(s.value));},handleBlur:()=>{(t==="text"\|\|t==="date")&&g(s.value);},commit:d,cancel:u}}function qo(e){let{values:l,formatValue:t,initialValue:n,onCommit:i,onCancel:f}=e,c=ref(""),a=l.findIndex(r=>String(r)===String(n)),s=ref(Math.max(a,0)),m=r=>{c.value=r;},g=r=>t?t(r):r!=null?String(r):"",d=computed(()=>{if(!c.value.trim())return l;let r=c.value.toLowerCase();return l.filter(v=>g(v).toLowerCase().includes(r))}),u=r=>{i(r);};return {searchText:c,setSearchText:m,filteredValues:d,highlightedIndex:s,handleKeyDown:r=>{switch(r.key){case "ArrowDown":r.preventDefault(),s.value=Math.min(s.value+1,d.value.length-1);break;case "ArrowUp":r.preventDefault(),s.value=Math.max(s.value-1,0);break;case "Enter":r.preventDefault(),r.stopPropagation(),d.value.length>0&&s.value<d.value.length&&u(d.value[s.value]);break;case "Escape":r.preventDefault(),r.stopPropagation(),f();break}},selectValue:u,getDisplayText:g}}var Ia=8,Ta=5;function hn(e){let{columnOrder:l,onColumnOrderChange:t,tableRef:n,pinnedColumns:i}=e,f=ref(false),c=ref(null),a=null,s="unpinned",m=0,g=null;return onUnmounted(()=>{g?.(),g=null;}),{isDragging:f,dropIndicatorX:c,handleHeaderMouseDown:(u,C)=>{if(C.button!==0)return;let r=C.target.closest("th");if(r){let P=r.getBoundingClientRect();if(C.clientX>P.right-Ia)return}if(C.preventDefault(),!n.value\|\|!t.value)return;a=u,s=getPinStateForColumn(u,i?.value),c.value=null;let R=C.clientX,D=false,T=C.clientX,S=-1,A=document.body.style.cursor,B=document.body.style.userSelect;document.body.style.cursor="grabbing",document.body.style.userSelect="none";let V=P=>{!D&&Math.abs(P.clientX-R)<Ta\|\|(D\|\|(D=true,f.value=true),T=P.clientX,m\|\|(m=requestAnimationFrame(()=>{m=0;let O=n.value;if(!O\|\|!a)return;let M=calculateDropTarget({mouseX:T,columnOrder:l.value,draggedColumnId:a,draggedPinState:s,tableElement:O,pinnedColumns:i?.value});M?(S=M.targetIndex,c.value=M.indicatorX):c.value=null;})));},F=()=>{window.removeEventListener("pointermove",V,true),window.removeEventListener("pointerup",x,true),g=null,document.body.style.cursor=A,document.body.style.userSelect=B,m&&(cancelAnimationFrame(m),m=0);},x=()=>{if(F(),D&&a&&S>=0&&t.value){let P=reorderColumnArray(l.value,a,S);t.value(P);}a=null,f.value=false,c.value=null,S=-1;};window.addEventListener("pointermove",V,true),window.addEventListener("pointerup",x,true),g=F;}}}var Aa=100;function bn(e){let{totalRows:l,rowHeight:t,enabled:n,overscan:i=5,threshold:f=Aa,columnsEnabled:c,columnWidths:a,columnOverscan:s=2}=e;onMounted(()=>{validateVirtualScrollConfig({enabled:n.value,rowHeight:t});});let m=ref(null),g=ref(0),d=ref(0),u=ref(0),C=ref(0),r=0,v,R=null,D=computed(()=>n.value&&l.value>=f),T=computed(()=>D.value?computeVisibleRange(g.value,t,u.value,l.value,i):{startIndex:0,endIndex:Math.max(0,l.value-1),offsetTop:0,offsetBottom:0}),S=computed(()=>n.value?computeTotalHeight(l.value,t):0),A=computed(()=>{if(!c?.value)return null;let x=a?.value;return !x\|\|x.length===0?null:computeVisibleColumnRange(d.value,x,C.value,s)}),B=()=>{r\|\|(r=requestAnimationFrame(()=>{r=0;let x=m.value;x&&(g.value=x.scrollTop,d.value=x.scrollLeft);}));},V=()=>{let x=m.value;x&&(u.value=x.clientHeight,C.value=x.clientWidth);};return watch(m,x=>{x!==R&&(R&&R.removeEventListener("scroll",B),v&&(v.disconnect(),v=void 0),R=x,x&&(x.addEventListener("scroll",B,{passive:true}),typeof ResizeObserver<"u"&&(v=new ResizeObserver(V),v.observe(x)),V(),g.value=x.scrollTop,d.value=x.scrollLeft));}),onUnmounted(()=>{let x=m.value;x&&x.removeEventListener("scroll",B),v?.disconnect(),r&&(cancelAnimationFrame(r),r=0);}),{containerRef:m,visibleRange:T,totalHeight:S,scrollToRow:(x,P="start")=>{let O=m.value;O&&(O.scrollTop=getScrollTopForRow(x,t,u.value,P));},columnRange:A,scrollLeft:d}}function yn(e){let{props:l}=e,t=ref(null),n=ref(null),i=ref(null),f=ref(false),c=un({props:l,wrapperRef:t}),a=computed(()=>{let V=l.value;return V.columnOrder?V.columnOrder:flattenColumns(V.columns).filter(F=>V.visibleColumns?.has(F.columnId)??true).map(F=>F.columnId)}),s=computed(()=>l.value.onColumnOrderChange),m=hn({columnOrder:a,onColumnOrderChange:s,tableRef:i}),g=computed(()=>l.value.virtualScroll?.enabled??false),d=computed(()=>l.value.items.length),u=l.value.virtualScroll?.rowHeight??36,C=l.value.virtualScroll?.overscan??5,r=computed(()=>l.value.virtualScroll?.columns===true),v=l.value.virtualScroll?.columnOverscan??2,R=computed(()=>{let V=c.layout.value,{visibleCols:F,columnSizingOverrides:x}=V,P=l.value.pinnedColumns??{},O=[];for(let M of F){if(P[M.columnId]\|\|M.pinned)continue;let b=x[M.columnId];O.push(b?b.widthPx:M.defaultWidth??M.minWidth??DEFAULT_MIN_COLUMN_WIDTH);}return O}),D=bn({totalRows:d,rowHeight:u,enabled:g,overscan:C,columnsEnabled:r,columnWidths:R,columnOverscan:v}),T=computed(()=>{if(!r.value)return null;let F=c.layout.value.visibleCols,x=D.columnRange.value,P=l.value.pinnedColumns;return partitionColumnsForVirtualization(F,x,P)}),S=computed(()=>{let F=c.layout.value.visibleCols,x=new Map;for(let P=0;P<F.length;P++)x.set(F[P].columnId,P);return x}),A=computed(()=>c.layout.value.columnSizingOverrides),B=dn({columnSizingOverrides:A,setColumnSizingOverrides:V=>c.layout.value.setColumnSizingOverrides(V)});return {wrapperRef:t,tableContainerRef:n,tableRef:i,lastMouseShift:f,state:c,columnReorder:m,virtualScroll:D,virtualScrollEnabled:g,columnResize:B,columnPartition:T,globalColIndexMap:S}}function wn(e,l,t){let n={"data-row-index":e.rowIndex,"data-col-index":e.globalColIndex,...e.isActive?{"data-active-cell":"true"}:{},...e.isInRange?{"data-in-range":"true"}:{},tabindex:e.isActive?0:-1,onPointerdown:i=>{t.setEditingCell(null),t.handleCellMouseDown(i,e.rowIndex,e.globalColIndex);},onClick:()=>t.setActiveCell({rowIndex:e.rowIndex,columnIndex:e.globalColIndex}),onContextmenu:i=>t.handleCellContextMenu(i)};return e.canEditAny&&(n.role="button",n.onDblclick=()=>t.setEditingCell({rowId:e.rowId,columnId:l})),n}var jo=()=>{};function qa(e){return defineComponent({name:"DataGridTable",props:{gridProps:{type:Object,required:true}},setup(l){let t=computed(()=>l.gridProps),{wrapperRef:n,tableContainerRef:i,tableRef:f,lastMouseShift:c,state:a,columnReorder:{isDragging:s,dropIndicatorX:m,handleHeaderMouseDown:g},virtualScroll:{containerRef:d,visibleRange:u,totalHeight:C,scrollToRow:r},virtualScrollEnabled:v,columnResize:{handleResizeStart:R,handleResizeDoubleClick:D,getColumnWidth:T},columnPartition:S,globalColIndexMap:A}=yn({props:t}),B=computed(()=>{let y=t.value;return y.showRowNumbers\|\|y.showColumnLetters?((y.currentPage??1)-1)(y.pageSize??25):0});watch([()=>a.interaction.value.activeCell,B],([y,E])=>{let h=t.value.onActiveCellChange;h&&h(y?formatCellReference(y.columnIndex-a.layout.value.colOffset,E+y.rowIndex+1):null);},{immediate:true});let V=y=>{c.value=y.shiftKey;},F=y=>{y.button===0&&y.preventDefault();},x=y=>{y.button===0&&y.preventDefault();},P=y=>{y.preventDefault();},O=y=>y.preventDefault(),M=y=>y.stopPropagation(),b=computed(()=>buildHeaderRows(t.value.columns,t.value.visibleColumns)),w=computed(()=>{let y=a.layout.value,E=a.pinning.value,{visibleCols:h,columnSizingOverrides:p,measuredColumnWidths:I}=y,{leftOffsets:H,rightOffsets:_}=E,K={},U={},X={},J={};for(let Y=0;Y<h.length;Y++){let q=h[Y],G=q.pinned==="left",Z=q.pinned==="right",ne=T(q),we=!!p[q.columnId],Fe=I[q.columnId],Ke=q.minWidth??estimateHeaderMinWidth(q.name),Pe=we?ne:Math.max(Ke,Fe??0),xe=q.width,Ne={minWidth:`${Pe}px`,width:xe??`${ne}px`,...xe?{}:{maxWidth:`${ne}px`}},Be={minWidth:`${Pe}px`,width:xe??`${ne}px`,...xe?{}:{maxWidth:`${ne}px`}},We=["ogrid-data-cell"],$e=["ogrid-header-cell"];G?(We.push("ogrid-data-cell--pinned-left"),Ne.left=`${H[q.columnId]??0}px`,$e.push("ogrid-header-cell--pinned-left"),Be.left=`${H[q.columnId]??0}px`):Z&&(We.push("ogrid-data-cell--pinned-right"),Ne.right=`${_[q.columnId]??0}px`,$e.push("ogrid-header-cell--pinned-right"),Be.right=`${_[q.columnId]??0}px`),K[q.columnId]=Ne,U[q.columnId]=We.join(" "),X[q.columnId]=Be,J[q.columnId]=$e.join(" ");}return {cellStyles:K,cellClasses:U,hdrStyles:X,hdrClasses:J}});return ()=>{let y=l.gridProps,E=a.layout.value,h$1=a.rowSelection.value,p=a.editing.value,I=a.interaction.value,H=a.contextMenu.value,_=a.viewModels.value,K=a.pinning.value,{headerMenu:U}=K,{visibleCols:X,hasCheckboxCol:J,hasRowNumbersCol:Y,colOffset:q,containerWidth:G,minTableWidth:Z,desiredTableWidth:ne}=E,we=y.currentPage??1,Fe=y.pageSize??25,Ke=Y?(we-1)Fe:0,{selectedRowIds:Pe,handleRowCheckboxChange:xe,handleSelectAll:Ne,allSelected:Be,someSelected:We}=h$1,{editingCell:$e,setEditingCell:tt,pendingEditorValue:nt,setPendingEditorValue:mt,commitCellEdit:Ue,cancelPopoverEdit:ft,popoverAnchorEl:Ie,setPopoverAnchorEl:Ct}=p,{setActiveCell:ae,setSelectionRange:Oe,handleCellMouseDown:ot,handleSelectAllCells:lt,selectionRange:Ee,hasCellSelection:rt,handleGridKeyDown:at,handleFillHandleMouseDown:_e,handleCopy:ht,handleCut:Rt,handlePaste:Ve,cutRange:pt,copyRange:it,canUndo:bt,canRedo:It,onUndo:ve,onRedo:St,isDragging:Tt}=I,{menuPosition:qe,handleCellContextMenu:yt,closeContextMenu:Pt}=H,{headerFilterInput:Et,cellDescriptorInput:te,statusBarConfig:Q,showEmptyInGrid:re,onCellError:me}=_,se=y.items,Me=y.getRowId,ye=y.layoutMode??"fill",he=y.rowSelection??"none",ge=y.suppressHorizontalScroll,wt=y.stickyHeader??true,Dt=y.isLoading??false,Un=y.loadingMessage??"Loading\u2026",On=y["aria-label"],ke=y["aria-labelledby"],Mn=ye==="content",Ft=!ge&&G>0&&(Z>G\|\|ne>G),Ge=b.value,Ut={commitCellEdit:Ue,setEditingCell:tt,setPendingEditorValue:mt,cancelPopoverEdit:ft},kn={handleCellMouseDown:ot,setActiveCell:ae,setEditingCell:tt,handleCellContextMenu:yt},An=L=>{if(he!=="single")return;let ie=L.currentTarget.dataset.rowId;ie&&h$1.updateSelection(Pe.has(ie)?new Set:new Set([ie]));},o=(L,z,ie,Le)=>{try{return k(L,z,ie,Le)}catch(W){return me&&me(W instanceof Error?W:new Error(String(W)),void 0),""}},k=(L,z,ie,Le)=>{let W=getCellRenderDescriptor(L,z,ie,Le,te);if(W.mode==="editing-inline"){let ue=buildInlineEditorProps(L,z,W,Ut);return h("div",{class:"ogrid-editing-cell"},h(e.InlineCellEditor,{value:ue.value,item:ue.item,column:ue.column,rowIndex:ue.rowIndex,editorType:ue.editorType,onCommit:ue.onCommit,onCancel:ue.onCancel}))}if(W.mode==="editing-popover"&&z.cellEditor!=null&&typeof z.cellEditor!="string"){let ue=buildPopoverEditorProps(L,z,W,nt,Ut),oe=z.cellEditor,Vt=resolveCellDisplayContent(z,L,W.displayValue),oo=resolveCellStyle(z,L,W.displayValue);return h("div",[h("div",{ref:lo=>{lo&&Ct(lo);},class:"ogrid-popover-anchor"},[oo?h("span",{style:oo},[Vt]):Vt]),Ie?h(oe,ue):null])}let He=wn(W,z.columnId,kn),Te=["ogrid-cell-content"];z.type==="numeric"?Te.push("ogrid-cell-content--numeric"):z.type==="boolean"&&Te.push("ogrid-cell-content--boolean"),W.canEditAny&&Te.push("ogrid-cell-content--editable"),W.isActive&&Te.push("ogrid-cell-content--active"),W.isActive&&W.isInRange&&Te.push("ogrid-cell-content--active-in-range"),W.isInRange&&!W.isActive&&Te.push("ogrid-cell-in-range"),W.isInCutRange&&Te.push("ogrid-cell-cut");let Ye;if(W.columnType==="boolean"){let ue=!!W.displayValue;Ye=h("input",{type:"checkbox",checked:ue,disabled:!W.canEditAny,onChange:W.canEditAny?()=>{let oe=W.rowIndex,Vt=W.globalColIndex;Ut.commitCellEdit(L,z.columnId,ue,!ue,oe,Vt,{skipAdvance:true});}:void 0,onPointerdown:oe=>handleBooleanCellPointerDown(oe,W.rowIndex,W.globalColIndex,q,{setActiveCell:ae,setSelectionRange:Oe}),onClick:oe=>oe.stopPropagation(),style:`margin:0;cursor:${W.canEditAny?"pointer":"default"};outline:none`,"aria-label":ue?"Checked":"Unchecked"});}else {let ue=resolveCellDisplayContent(z,L,W.displayValue),oe=resolveCellStyle(z,L,W.displayValue);Ye=oe?h("span",{style:oe},ue):ue;}return h("div",{...He,class:Te.join(" ")},[Ye,...W.canEditAny&&W.isSelectionEndCell?[h("div",{onPointerdown:_e,"aria-label":"Fill handle",class:"ogrid-fill-handle"})]:[]])},{cellStyles:le,cellClasses:Re,hdrStyles:st,hdrClasses:ut}=w.value,Xe=X.map(L=>({col:L,tdClasses:Re[L.columnId]\|\|"ogrid-data-cell",tdDynamicStyle:le[L.columnId]\|\|{}})),fe=S.value,vt=Xe,je=0,Ce=0;if(fe){let L=new Set;for(let z of fe.pinnedLeft)L.add(z.columnId);for(let z of fe.virtualizedUnpinned)L.add(z.columnId);for(let z of fe.pinnedRight)L.add(z.columnId);vt=Xe.filter(z=>L.has(z.col.columnId)),je=fe.leftSpacerWidth,Ce=fe.rightSpacerWidth;}let be=A.value,Ae=L=>{let z=st[L.columnId]\|\|{};return {classes:ut[L.columnId]\|\|"ogrid-header-cell",style:{...z,cursor:s.value?"grabbing":"grab"}}},pe=v.value,De={position:"relative",width:Mn?"fit-content":"100%",maxWidth:"100%",overflowX:ge?"hidden":Ft?"auto":"hidden",overflowY:"auto",backgroundColor:"#fff",willChange:"scroll-position",...pe?{flex:"1",minHeight:"0"}:{minHeight:Dt&&se.length===0?"200px":"auto"}};return y.rowHeight&&(De["--ogrid-row-height"]=`${y.rowHeight}px`),h("div",{class:"ogrid-outer-container"},[h("div",{ref:L=>{n.value=L,d.value=L;},tabindex:0,role:"region","aria-label":On??(ke?void 0:"Data grid"),"aria-labelledby":ke,onPointerdown:V,onKeydown:at,onContextmenu:O,"data-overflow-x":Ft?"true":"false","data-ogrid-scroll-container":"",style:De},[h("div",{class:"ogrid-scroll-wrapper"},[h("div",{style:{minWidth:Ft?`${Z}px`:void 0,overflowX:"clip"}},[h("div",{ref:L=>{i.value=L;},class:["ogrid-table-container",Dt&&se.length>0?"ogrid-table-container--loading":""]},[...s.value&&m.value!==null?[h("div",{class:"ogrid-drop-indicator",style:{left:`${m.value}px`}})]:[],h("table",{ref:L=>{f.value=L;},class:"ogrid-table",role:"grid",style:{minWidth:`${Z}px`},...v.value?{"data-virtual-scroll":""}:{}},[h("thead",{class:wt?"ogrid-thead ogrid-sticky-header":"ogrid-thead"},[...y.showColumnLetters?[h("tr",{class:"ogrid-column-letter-row"},[...J?[h("th",{class:"ogrid-column-letter-cell"})]:[],...Y?[h("th",{class:"ogrid-column-letter-cell"})]:[],...X.map((L,z)=>{let{classes:ie,style:Le}=Ae(L);return h("th",{key:L.columnId,class:`ogrid-column-letter-cell ${ie}`,style:Le},indexToColumnLetter(z))})])]:[],...Ge.map((L,z)=>h("tr",{key:z,class:"ogrid-header-row"},[...z===Ge.length-1&&J?[h("th",{class:"ogrid-checkbox-header",style:{width:`${CHECKBOX_COLUMN_WIDTH}px`,minWidth:`${CHECKBOX_COLUMN_WIDTH}px`,maxWidth:`${CHECKBOX_COLUMN_WIDTH}px`}},e.renderCheckbox({modelValue:Be,indeterminate:We&&!Be,ariaLabel:"Select all rows",onChange:ie=>Ne(!!ie)}))]:[],...z===0&&z<Ge.length-1&&J?[h("th",{rowSpan:Ge.length-1,class:"ogrid-checkbox-spacer",style:{width:`${CHECKBOX_COLUMN_WIDTH}px`,minWidth:`${CHECKBOX_COLUMN_WIDTH}px`}})]:[],...z===Ge.length-1&&Y?[(()=>{let ie=E.columnSizingOverrides[ROW_NUMBER_COLUMN_ID]?.widthPx??ROW_NUMBER_COLUMN_WIDTH;return h("th",{class:"ogrid-row-number-header",style:{width:`${ie}px`,minWidth:`${ie}px`,maxWidth:`${ie}px`,position:"sticky",left:J?`${CHECKBOX_COLUMN_WIDTH}px`:"0",zIndex:3},onPointerdown:F,onMousedown:x,onSelectstart:P},["#",h("div",{onPointerdown:Le=>{ae(null),Oe(null),n.value?.focus({preventScroll:true}),Le.stopPropagation(),R(Le,{columnId:ROW_NUMBER_COLUMN_ID,name:"#"});},class:"ogrid-resize-handle",role:"separator","aria-label":"Resize row numbers"})])})()]:[],...z===0&&z<Ge.length-1&&Y?[(()=>{let ie=E.columnSizingOverrides[ROW_NUMBER_COLUMN_ID]?.widthPx??ROW_NUMBER_COLUMN_WIDTH;return h("th",{rowSpan:Ge.length-1,class:"ogrid-row-number-spacer",style:{width:`${ie}px`,position:"sticky",left:J?`${CHECKBOX_COLUMN_WIDTH}px`:"0",zIndex:3}})})()]:[],...L.map((ie,Le)=>{if(ie.isGroup)return h("th",{key:Le,colSpan:ie.colSpan,scope:"colgroup",class:"ogrid-column-group-header"},ie.label);if(!ie.columnDef)return null;let W=ie.columnDef,{classes:He,style:Te}=Ae(W),ue=y.sortBy===W.columnId?y.sortDirection==="asc"?"ascending":"descending":void 0;return h("th",{key:W.columnId,scope:"col","data-column-id":W.columnId,rowSpan:Ge.length>1?Ge.length-z:void 0,class:He,style:Te,"aria-sort":ue,onPointerdown:oe=>g(W.columnId,oe)},[h("div",{class:"ogrid-header-content"},[h(e.ColumnHeaderFilter,getHeaderFilterConfig(W,Et)),h("button",{onClick:oe=>{oe.stopPropagation(),U.isOpen&&U.openForColumn===W.columnId?U.close():U.open(W.columnId,oe.currentTarget);},"aria-label":"Column options",title:"Column options",class:"ogrid-column-menu-btn"},"\u22EE")]),h("div",{onPointerdown:oe=>{ae(null),Oe(null),n.value?.focus({preventScroll:true}),oe.stopPropagation(),R(oe,W);},onDblclick:oe=>D(oe,W),class:"ogrid-resize-handle",role:"separator","aria-label":`Resize ${W.name??W.columnId}`})])})]))]),...re?[]:[h("tbody",{},(()=>{let L=v.value,z=u.value,ie=L?z.startIndex:0,Le=L?Math.min(z.endIndex,se.length-1):se.length-1,W=[];L&&z.offsetTop>0&&W.push(h("tr",{key:"__vs-top",style:{height:`${z.offsetTop}px`}}));for(let He=ie;He<=Le;He++){let Te=se[He];if(!Te)continue;let Ye=Me(Te),ue=Pe.has(Ye);W.push(h("tr",{key:Ye,"data-row-id":Ye,"aria-selected":ue\|\|void 0,onClick:An,style:{cursor:he==="single"?"pointer":void 0}},[...J?[h("td",{class:"ogrid-checkbox-cell",style:{width:`${CHECKBOX_COLUMN_WIDTH}px`,minWidth:`${CHECKBOX_COLUMN_WIDTH}px`,maxWidth:`${CHECKBOX_COLUMN_WIDTH}px`}},h("div",{"data-row-index":He,"data-col-index":0,onClick:M,class:"ogrid-checkbox-wrapper"},e.renderCheckbox({modelValue:ue,ariaLabel:`Select row ${He+1}`,onChange:oe=>xe(Ye,oe,He,c.value)})))]:[],...Y?[(()=>{let oe=E.columnSizingOverrides[ROW_NUMBER_COLUMN_ID]?.widthPx??ROW_NUMBER_COLUMN_WIDTH;return h("td",{class:"ogrid-row-number-cell",style:{width:`${oe}px`,minWidth:`${oe}px`,maxWidth:`${oe}px`,padding:"6px",position:"sticky",left:J?`${CHECKBOX_COLUMN_WIDTH}px`:"0",zIndex:2,userSelect:"none",WebkitUserSelect:"none"},onPointerdown:F,onMousedown:x,onSelectstart:P},String(Ke+He+1))})()]:[],...je>0?[h("td",{key:"__col-spacer-left",style:{width:`${je}px`,minWidth:`${je}px`,maxWidth:`${je}px`,padding:"0"}})]:[],...vt.map(oe=>h("td",{key:oe.col.columnId,"data-column-id":oe.col.columnId,class:oe.tdClasses,style:{...oe.tdDynamicStyle,userSelect:"none",WebkitUserSelect:"none"},onPointerdown:F,onMousedown:x,onSelectstart:P},[o(Te,oe.col,He,be.get(oe.col.columnId)??0)])),...Ce>0?[h("td",{key:"__col-spacer-right",style:{width:`${Ce}px`,minWidth:`${Ce}px`,maxWidth:`${Ce}px`,padding:"0"}})]:[]]));}return L&&z.offsetBottom>0&&W.push(h("tr",{key:"__vs-bottom",style:{height:`${z.offsetBottom}px`}})),W})())]]),...re&&y.emptyState?[e.renderEmptyState(y.emptyState)]:[]])])])]),...qe?[h(Teleport,{to:"body"},h(e.GridContextMenu,{x:qe.x,y:qe.y,hasSelection:rt,canUndo:bt,canRedo:It,onUndo:ve??jo,onRedo:St??jo,onCopy:ht,onCut:Rt,onPaste:()=>{Ve();},onSelectAll:lt,onClose:Pt}))]:[],h(Hn,{containerRef:i,selectionRange:Ee,copyRange:it,cutRange:pt,colOffset:q,items:se,visibleColumns:y.visibleColumns instanceof Set?Array.from(y.visibleColumns):y.visibleColumns,columnSizingOverrides:E.columnSizingOverrides,columnOrder:y.columnOrder}),...y.formulaReferences&&y.formulaReferences.length>0?[h(Nn,{containerEl:i.value,references:y.formulaReferences,colOffset:q})]:[],h(e.ColumnHeaderMenu,{isOpen:U.isOpen,anchorElement:U.anchorElement,onClose:U.close,onPinLeft:U.handlePinLeft,onPinRight:U.handlePinRight,onUnpin:U.handleUnpin,onSortAsc:U.handleSortAsc,onSortDesc:U.handleSortDesc,onClearSort:U.handleClearSort,onAutosizeThis:U.handleAutosizeThis,onAutosizeAll:U.handleAutosizeAll,canPinLeft:U.canPinLeft,canPinRight:U.canPinRight,canUnpin:U.canUnpin,currentSort:U.currentSort,isSortable:U.isSortable,isResizable:U.isResizable}),...Q?[h(Bn,{totalCount:Q.totalCount,filteredCount:Q.filteredCount,selectedCount:Q.selectedCount??Pe.size,selectedCellCount:Ee?(Math.abs(Ee.endRow-Ee.startRow)+1)(Math.abs(Ee.endCol-Ee.startCol)+1):void 0,aggregation:Q.aggregation,suppressRowCount:Q.suppressRowCount})]:[],...Dt?[h("div",{class:"ogrid-loading-overlay"},e.renderSpinner(Un))]:[]])}}})}var xt={width:"100%",height:"100%",display:"flex",alignItems:"center",paddingTop:"var(--ogrid-cell-padding-vertical, 6px)",paddingBottom:"var(--ogrid-cell-padding-vertical, 6px)",paddingLeft:"var(--ogrid-cell-padding-horizontal, 10px)",paddingRight:"var(--ogrid-cell-padding-horizontal, 10px)",boxSizing:"border-box",overflow:"hidden",minWidth:"0"};function ni(e){let{renderCheckbox:l}=e;return defineComponent({name:"InlineCellEditor",props:{value:{default:void 0},item:{type:Object,required:true},column:{type:Object,required:true},rowIndex:{type:Number,required:true},editorType:{type:String,required:true},onCommit:{type:Function,required:true},onCancel:{type:Function,required:true}},setup(t){let n=ref(null),i=ref(null),f=ref(null),c=ref(t.value),a=ref(0),s=ref(false),m=b=>{c.value=b.target.value;},g=b=>b?.target?.value??String(c.value??""),d=b=>{if(t.editorType==="date"){let w=t.column.cellEditorParams?.dateFormat??t.column.dateFormat??DEFAULT_DATE_FORMAT;if((t.column.cellEditorParams?.editorType??"text")==="native"){if(b==null){c.value="";return}let E=String(b);c.value=E.match(/^\d{4}-\d{2}-\d{2}/)?E.substring(0,10):E;return}c.value=formatDateForDisplay(b,w)??"";return}c.value=b;};d(t.value);let u=b=>{s.value=true,t.onCommit(b);},C=()=>{s.value=true,t.onCancel();},r=()=>s.value?(s.value=false,true):false,v=()=>{let b=i.value,w=f.value;if(!b\|\|!w)return;let y=b.getBoundingClientRect(),E=200,h=window.innerHeight-y.bottom,p=h<E&&y.top>h;w.style.position="fixed",w.style.left=`${y.left}px`,w.style.width=`${y.width}px`,w.style.maxHeight=`${E}px`,w.style.zIndex="9999",w.style.right="auto",w.style.textAlign="left",p?(w.style.top="auto",w.style.bottom=`${window.innerHeight-y.top}px`):w.style.top=`${y.bottom}px`;},R=null,D=null;onMounted(()=>{let b=w=>{w.key==="Escape"&&(w.preventDefault(),w.stopPropagation(),C());};document.addEventListener("keydown",b,true),D=()=>{document.removeEventListener("keydown",b,true);},nextTick(()=>{if(i.value){t.editorType==="richSelect"&&F.value?F.value.focus({preventScroll:true}):i.value.focus({preventScroll:true}),v();let w=i.value,y=w.closest("[data-ogrid-scroll-container]")??w.closest('[style="overflow"]'),E=()=>{t.onCancel&&t.onCancel();},h=requestAnimationFrame(()=>{y&&y.addEventListener("scroll",E,{passive:true}),window.addEventListener("scroll",E,{passive:true});});R=()=>{cancelAnimationFrame(h),y&&y.removeEventListener("scroll",E),window.removeEventListener("scroll",E);};return}n.value?.focus({preventScroll:true}),n.value?.select();});}),onUnmounted(()=>{R?.(),D?.();}),watch(()=>t.value,d),(()=>{let w=(t.column.cellEditorParams?.values??[]).findIndex(y=>String(y)===String(t.value));a.value=Math.max(w,0);})();let S=()=>{nextTick(()=>{let b=f.value;if(!b)return;b.children[a.value]?.scrollIntoView({block:"nearest"});});},A=b=>{let w=t.column.cellEditorParams?.formatValue;return w?w(b):b!=null?String(b):""},B=b=>{let w=t.column.cellEditorParams?.values??[];switch(b.key){case "ArrowDown":b.preventDefault(),a.value=Math.min(a.value+1,w.length-1),S();break;case "ArrowUp":b.preventDefault(),a.value=Math.max(a.value-1,0),S();break;case "Enter":b.preventDefault(),b.stopPropagation(),w.length>0&&a.value<w.length&&u(w[a.value]);break;case "Tab":b.preventDefault(),w.length>0&&a.value<w.length&&u(w[a.value]);break;case "Escape":b.preventDefault(),b.stopPropagation(),C();break}},V=ref(""),F=ref(null),x=ref(null),P=computed(()=>{let b=t.column.cellEditorParams?.values??[],w=V.value.trim().toLowerCase();return w?b.filter(y=>A(y).toLowerCase().includes(w)):b}),O=()=>{nextTick(()=>{let b=x.value;if(!b)return;b.children[a.value]?.scrollIntoView({block:"nearest"});});},M=b=>{let w=P.value;switch(b.key){case "ArrowDown":b.preventDefault(),a.value=Math.min(a.value+1,w.length-1),O();break;case "ArrowUp":b.preventDefault(),a.value=Math.max(a.value-1,0),O();break;case "Enter":b.preventDefault(),b.stopPropagation(),w.length>0&&a.value<w.length&&u(w[a.value]);break;case "Escape":b.preventDefault(),b.stopPropagation(),C();break}};return ()=>{if(t.editorType==="checkbox"){let b=!!t.value;return h("div",{style:{...xt,justifyContent:"center"}},l({checked:b,onChange:w=>u(w),onCancel:C}))}if(t.editorType==="select"){let b=t.column.cellEditorParams?.values??[];return h("div",{ref:w=>{i.value=w;},tabindex:0,style:{...xt,position:"relative"},onKeydown:B},[h("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",width:"100%",cursor:"pointer",fontSize:"13px",color:"inherit"}},[h("span",A(t.value)),h("span",{style:{marginLeft:"4px",fontSize:"10px",opacity:"0.5"}},"\u25BE")]),h("div",{ref:w=>{f.value=w;},role:"listbox",style:{position:"absolute",top:"100%",left:"0",right:"0",maxHeight:"200px",overflowY:"auto",background:"var(--ogrid-bg, #fff)",border:"1px solid var(--ogrid-border, rgba(0,0,0,0.12))",zIndex:"10",boxShadow:"0 4px 16px rgba(0,0,0,0.2)",textAlign:"left",fontSize:"13px",fontFamily:"inherit"}},[...b.map((w,y)=>h("div",{key:String(w),role:"option","aria-selected":y===a.value,onClick:()=>u(w),style:{padding:"6px 8px",cursor:"pointer",color:"var(--ogrid-fg, #242424)",fontSize:"13px",...y===a.value?{background:"var(--ogrid-bg-hover, #e8f0fe)"}:{}}},A(w)))])])}if(t.editorType==="richSelect"){let b=P.value;return h("div",{ref:w=>{i.value=w;},style:{...xt,position:"relative"}},[h("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",width:"100%",cursor:"pointer",fontSize:"13px",color:"inherit"}},[h("span",A(t.value)),h("span",{style:{marginLeft:"4px",fontSize:"10px",opacity:"0.5"}},"\u25BE")]),h("div",{ref:w=>{f.value=w;},role:"listbox",style:{position:"absolute",top:"100%",left:"0",right:"0",maxHeight:"200px",overflowY:"auto",background:"var(--ogrid-bg, #fff)",border:"1px solid var(--ogrid-border, rgba(0,0,0,0.12))",zIndex:"10",boxShadow:"0 4px 16px rgba(0,0,0,0.2)",textAlign:"left",fontSize:"13px",fontFamily:"inherit"}},[h("input",{ref:w=>{F.value=w;},type:"text",value:V.value,placeholder:"Search...",onInput:w=>{V.value=w.target.value,a.value=0;},onKeydown:M,style:{width:"100%",padding:"6px 8px",border:"none",borderBottom:"1px solid var(--ogrid-border, rgba(0,0,0,0.12))",background:"var(--ogrid-bg, #fff)",color:"inherit",font:"inherit",fontSize:"13px",outline:"none",boxSizing:"border-box",position:"sticky",top:"0",zIndex:"1"}}),h("div",{ref:w=>{x.value=w;}},b.map((w,y)=>h("div",{key:String(w),role:"option","aria-selected":y===a.value,onClick:()=>u(w),style:{padding:"6px 8px",cursor:"pointer",color:"var(--ogrid-fg, #242424)",fontSize:"13px",...y===a.value?{background:"var(--ogrid-bg-hover, #e8f0fe)"}:{}}},A(w)))),...b.length===0?[h("div",{style:{padding:"6px 8px",color:"var(--ogrid-muted, #999)",fontSize:"13px"}},"No matches")]:[]])])}if(t.editorType==="date"){let b=t.column.cellEditorParams?.dateFormat??t.column.dateFormat??DEFAULT_DATE_FORMAT,w=t.column.cellEditorParams?.editorType??"text",y=p=>{if(w!=="native"){let I=parseUserInputDate(p,b);if(I!==null){let H=I.getUTCFullYear().toString().padStart(4,"0"),_=(I.getUTCMonth()+1).toString().padStart(2,"0"),K=I.getUTCDate().toString().padStart(2,"0");u(`${H}-${_}-${K}`);}else u(p\|\|null);}else u(p);},E=p=>{p.stopPropagation(),p.key==="Enter"&&(p.preventDefault(),y(g(p))),p.key==="Escape"&&(p.preventDefault(),C()),p.key==="Tab"&&(p.preventDefault(),y(g(p)));};if(w==="native"){let p=(()=>{if(c.value==null)return "";let I=String(c.value);return I.match(/^\d{4}-\d{2}-\d{2}/)?I.substring(0,10):I})();return h("div",{style:xt},h("input",{ref:I=>{n.value=I;},type:"date",value:p,style:{width:"100%",height:"100%",border:"none",outline:"none",padding:"0 4px",fontSize:"inherit",boxSizing:"border-box"},onInput:m,onChange:m,onKeyup:m,onKeydown:E,onBlur:I=>{r()\|\|y(g(I));}}))}let h$1=getDateInputPlaceholder(b);return h("div",{style:xt},h("input",{ref:p=>{n.value=p;},type:"text",value:String(c.value??""),placeholder:h$1,style:{width:"100%",height:"100%",border:"none",outline:"none",padding:"0 4px",fontSize:"inherit",boxSizing:"border-box"},onInput:m,onChange:m,onKeyup:m,onKeydown:E,onBlur:p=>{r()\|\|y(g(p));}}))}return h("div",{style:xt},h("input",{ref:b=>{n.value=b;},type:"text",value:c.value!=null?String(c.value):"",style:{width:"100%",height:"100%",border:"none",outline:"none",padding:"0 4px",fontSize:"inherit",boxSizing:"border-box"},onInput:m,onChange:m,onKeyup:m,onKeydown:b=>{b.stopPropagation(),b.key==="Enter"&&(b.preventDefault(),u(g(b))),b.key==="Escape"&&(b.preventDefault(),C()),b.key==="Tab"&&(b.preventDefault(),u(g(b)));},onBlur:b=>{r()\|\|u(g(b));}}))}}})}var si=240,no=36,Fn={columns:"Columns",filters:"Filters"},ui={columns:"\u2261",filters:"\u2A65"};function Zo(e){let l=e.activePanel!==null,t=e.position??"right",n={display:"flex",flexDirection:"column",width:`${no}px`,background:"var(--ogrid-header-bg, #f5f5f5)",...t==="right"?{borderLeft:"1px solid var(--ogrid-border, #e0e0e0)"}:{borderRight:"1px solid var(--ogrid-border, #e0e0e0)"}},i=h("div",{style:n,role:"tablist","aria-label":"Side bar tabs"},e.panels.map(a=>h("button",{key:a,role:"tab","aria-selected":e.activePanel===a,"aria-label":Fn[a],title:Fn[a],onClick:()=>e.onPanelChange(e.activePanel===a?null:a),style:{width:`${no}px`,height:`${no}px`,border:"none",cursor:"pointer",color:"var(--ogrid-fg, #242424)",fontSize:"14px",display:"flex",alignItems:"center",justifyContent:"center",background:e.activePanel===a?"var(--ogrid-bg, #fff)":"transparent",fontWeight:e.activePanel===a?"bold":"normal"}},ui[a]))),f=null;if(l&&e.activePanel){let a={width:`${si}px`,display:"flex",flexDirection:"column",overflow:"hidden",background:"var(--ogrid-bg, #fff)",color:"var(--ogrid-fg, #242424)",...t==="right"?{borderLeft:"1px solid var(--ogrid-border, #e0e0e0)"}:{borderRight:"1px solid var(--ogrid-border, #e0e0e0)"}},s=[];if(e.activePanel==="columns"){let m=e.columns.every(g=>e.visibleColumns.has(g.columnId));s.push(h("div",{style:{display:"flex",gap:"8px",marginBottom:"8px"}},[h("button",{disabled:m,onClick:()=>{let g=new Set(e.visibleColumns);e.columns.forEach(d=>g.add(d.columnId)),e.onSetVisibleColumns(g);},style:{flex:"1",cursor:"pointer",background:"var(--ogrid-bg-subtle, #f3f2f1)",color:"var(--ogrid-fg, #242424)",border:"1px solid var(--ogrid-border, #e0e0e0)",borderRadius:"4px",padding:"4px 8px"}},"Select All"),h("button",{onClick:()=>{let g=new Set;e.columns.forEach(d=>{d.required&&e.visibleColumns.has(d.columnId)&&g.add(d.columnId);}),e.onSetVisibleColumns(g);},style:{flex:"1",cursor:"pointer",background:"var(--ogrid-bg-subtle, #f3f2f1)",color:"var(--ogrid-fg, #242424)",border:"1px solid var(--ogrid-border, #e0e0e0)",borderRadius:"4px",padding:"4px 8px"}},"Clear All")])),e.columns.forEach(g=>{s.push(h("label",{key:g.columnId,style:{display:"flex",alignItems:"center",gap:"6px",padding:"2px 0",cursor:"pointer"}},[h("input",{type:"checkbox",checked:e.visibleColumns.has(g.columnId),disabled:g.required,onChange:d=>e.onVisibilityChange(g.columnId,d.target.checked)}),h("span",null,g.name)]));});}e.activePanel==="filters"&&(e.filterableColumns.length===0?s.push(h("div",{style:{color:"var(--ogrid-muted, #999)",fontStyle:"italic"}},"No filterable columns")):e.filterableColumns.forEach(m=>{let g=m.filterField,d=[h("div",{style:{fontWeight:"500",marginBottom:"4px",fontSize:"13px"}},m.name)];if(m.filterType==="text"){let u=e.filters[g],C=u?.type==="text"?u.value:"";d.push(h("input",{type:"text",value:C,onInput:r=>{let v=r.target.value;e.onFilterChange(g,v?{type:"text",value:v}:void 0);},placeholder:`Filter ${m.name}...`,"aria-label":`Filter ${m.name}`,style:{width:"100%",boxSizing:"border-box",padding:"4px 6px",background:"var(--ogrid-bg, #fff)",color:"var(--ogrid-fg, #242424)",border:"1px solid var(--ogrid-border, #e0e0e0)",borderRadius:"4px"}}));}if(m.filterType==="multiSelect"){let C=(e.filterOptions[g]??[]).map(r=>{let v=e.filters[g],R=v?.type==="multiSelect"?v.value.includes(r):false;return h("label",{key:r,style:{display:"flex",alignItems:"center",gap:"4px",padding:"1px 0",cursor:"pointer",fontSize:"13px"}},[h("input",{type:"checkbox",checked:R,onChange:D=>{let T=e.filters[g],S=T?.type==="multiSelect"?T.value:[],A=D.target.checked?[...S,r]:S.filter(B=>B!==r);e.onFilterChange(g,A.length>0?{type:"multiSelect",value:A}:void 0);}}),h("span",null,r)])});d.push(h("div",{style:{maxHeight:"120px",overflowY:"auto"},role:"group","aria-label":`${m.name} options`},C));}if(m.filterType==="date"){let u=e.filters[g],C=u?.type==="date"?u.value:{from:void 0,to:void 0};d.push(h("div",{style:{display:"flex",flexDirection:"column",gap:"4px"}},[h("label",{style:{display:"flex",alignItems:"center",gap:"4px",fontSize:"12px"}},["From:",h("input",{type:"date",value:C.from??"",onInput:r=>{let v=r.target.value\|\|void 0,R=C.to;e.onFilterChange(g,v\|\|R?{type:"date",value:{from:v,to:R}}:void 0);},"aria-label":`${m.name} from date`,style:{flex:"1",padding:"2px 4px",background:"var(--ogrid-bg, #fff)",color:"var(--ogrid-fg, #242424)",border:"1px solid var(--ogrid-border, #e0e0e0)",borderRadius:"4px"}})]),h("label",{style:{display:"flex",alignItems:"center",gap:"4px",fontSize:"12px"}},["To:",h("input",{type:"date",value:C.to??"",onInput:r=>{let v=r.target.value\|\|void 0,R=C.from;e.onFilterChange(g,R\|\|v?{type:"date",value:{from:R,to:v}}:void 0);},"aria-label":`${m.name} to date`,style:{flex:"1",padding:"2px 4px",background:"var(--ogrid-bg, #fff)",color:"var(--ogrid-fg, #242424)",border:"1px solid var(--ogrid-border, #e0e0e0)",borderRadius:"4px"}})])]));}s.push(h("div",{key:m.columnId,style:{marginBottom:"12px"}},d));})),f=h("div",{role:"tabpanel","aria-label":Fn[e.activePanel],style:a},[h("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center",padding:"8px 12px",borderBottom:"1px solid var(--ogrid-border, #e0e0e0)",fontWeight:"600"}},[h("span",null,Fn[e.activePanel]),h("button",{onClick:()=>e.onPanelChange(null),style:{border:"none",background:"transparent",cursor:"pointer",fontSize:"16px",color:"var(--ogrid-fg, #242424)"},"aria-label":"Close panel"},"\xD7")]),h("div",{style:{flex:"1",overflowY:"auto",padding:"8px 12px"}},s)]);}let c=[];return t==="left"?(c.push(i),f&&c.push(f)):(f&&c.push(f),c.push(i)),h("div",{style:{display:"flex",flexDirection:"row",flexShrink:"0"},role:"complementary","aria-label":"Side bar"},c)}function di(e){return defineComponent({name:"OGrid",props:{gridProps:{type:Object,required:true}},setup(l,{expose:t}){let n=computed(()=>l.gridProps),{dataGridProps:i,pagination:f,columnChooser:c,layout:a,api:s}=$t(n);t({api:s});let m=ref(false),g=()=>{m.value=!m.value;},d=u=>{u.key==="Escape"&&m.value&&(m.value=false);};return onMounted(()=>{document.addEventListener("keydown",d);}),onUnmounted(()=>{document.removeEventListener("keydown",d);}),()=>{let u=a.value.sideBarProps,C=u!=null,r=u?.position??"right",v=[];a.value.toolbar&&v.push(a.value.toolbar);let D=a.value.fullScreen===true?h("button",{type:"button",title:m.value?"Exit fullscreen":"Fullscreen","aria-label":m.value?"Exit fullscreen":"Fullscreen",onClick:g,style:{background:"none",border:"1px solid var(--ogrid-border, rgba(0,0,0,0.12))",borderRadius:"4px",padding:"4px 6px",cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center",color:"var(--ogrid-fg, rgba(0,0,0,0.87))"}},[m.value?h("svg",{width:16,height:16,viewBox:"0 0 16 16",fill:"none",stroke:"currentColor","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round",innerHTML:'<polyline points="4 10 0 10 0 14"/><polyline points="12 6 16 6 16 2"/><line x1="0" y1="10" x2="4" y2="6"/><line x1="16" y1="6" x2="12" y2="10"/>'}):h("svg",{width:16,height:16,viewBox:"0 0 16 16",fill:"none",stroke:"currentColor","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round",innerHTML:'<polyline points="10 2 14 2 14 6"/><polyline points="6 14 2 14 2 10"/><line x1="14" y1="2" x2="10" y2="6"/><line x1="2" y1="14" x2="6" y2="10"/>'})]):null,T=c.value.placement==="toolbar"?h(e.ColumnChooser,{columns:c.value.columns,visibleColumns:c.value.visibleColumns,onVisibilityChange:c.value.onVisibilityChange}):null,S=h(e.PaginationControls,{currentPage:f.value.page,pageSize:f.value.pageSize,totalCount:f.value.displayTotalCount,onPageChange:f.value.setPage,onPageSizeChange:P=>{f.value.setPageSize(P);},pageSizeOptions:f.value.pageSizeOptions,entityLabelPlural:f.value.entityLabelPlural}),A=h("div",{style:{flex:"1",minWidth:"0",minHeight:"0",display:"flex",flexDirection:"column"}},[h(e.DataGridTable,{gridProps:i.value})]),B=[];C&&r==="left"&&B.push(Zo(u)),B.push(A),C&&r!=="left"&&B.push(Zo(u));let V=v.length>0\|\|T!=null\|\|D!=null,F=m.value?{position:"fixed",inset:"0",zIndex:9999,display:"flex",flexDirection:"column",background:"var(--ogrid-bg, #fff)"}:{display:"flex",flexDirection:"column",border:"1px solid var(--ogrid-border, rgba(0,0,0,0.12))",borderRadius:"4px",overflow:"hidden"},x=m.value?{display:"flex",flexDirection:"column",flex:"1",minHeight:"0",overflow:"hidden",background:"var(--ogrid-bg, #fff)"}:void 0;return h("div",{class:a.value.className,style:F},[h("div",{style:x??{}},[...V?[h("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",padding:"8px 12px",borderBottom:"1px solid var(--ogrid-border, rgba(0,0,0,0.12))",gap:"8px"}},[h("div",{style:{display:"flex",alignItems:"center",gap:"8px",flex:"1"}},v),h("div",{style:{display:"flex",alignItems:"center",gap:"8px"}},[...T?[T]:[],...D?[D]:[]])])]:[],...a.value.toolbarBelow?[h("div",{style:{padding:"8px 12px",borderBottom:"1px solid var(--ogrid-border, rgba(0,0,0,0.12))"}},[a.value.toolbarBelow])]:[],...a.value.formulaBar?[a.value.formulaBar]:[],h("div",{style:{display:"flex",flex:"1",minHeight:"0"}},B),...a.value.sheetTabs?[a.value.sheetTabs]:[],h("div",{style:{display:"flex",alignItems:"center",padding:"8px 0",borderTop:"1px solid var(--ogrid-border, rgba(0,0,0,0.12))"}},[S])])])}}})}export{Vn as FormulaBar,Nn as FormulaRefOverlay,Hn as MarchingAntsOverlay,zn as SheetTabs,Bn as StatusBar,qa as createDataGridTable,ni as createInlineCellEditor,di as createOGrid,wn as getCellInteractionProps,jt as useActiveCell,Xt as useCellEditing,Yt as useCellSelection,Jt as useClipboard,_o as useColumnChooserState,No as useColumnHeaderFilterState,an as useColumnHeaderMenuState,ln as useColumnPinning,hn as useColumnReorder,dn as useColumnResize,Zt as useContextMenu,un as useDataGridState,yn as useDataGridTableSetup,gn as useDateFilterState,cn as useDebounce,Ho as useDebouncedCallback,tn as useFillHandle,Wt as useFilterOptions,_t as useFormulaBar,yo as useHeadlessGrid,Ko as useInlineCellEditorState,Qt as useKeyboardNavigation,fn as useMultiSelectFilterState,$t as useOGrid,vn as usePeopleFilterState,qo as useRichSelectState,qt as useRowSelection,Mt as useSideBarState,on as useTableLayout,mn as useTextFilterState,nn as useUndoRedo,bn as useVirtualScroll};

package/dist/esm/styles/ogrid-layout.css CHANGED Viewed

@@ -10,7 +10,7 @@
 /* Cell selection highlighting.
    Qualify with .ogrid-outer-container (specificity 0,2,0) to beat row-level hover backgrounds. */
 .ogrid-outer-container .ogrid-cell-in-range {
-  background: var(--ogrid-bg-range, rgba(33, 115, 70, 0.12));
+  background: var(--ogrid-range-bg, rgba(33, 115, 70, 0.12));
 }
 /* Cut range highlighting */
@@ -62,6 +62,10 @@
   font-size: 0.875rem;
   background-color: var(--ogrid-bg);
   color: var(--ogrid-fg);
+  font-family: var(--ogrid-font, inherit);
+  /* Tabular numerics + OpenType features so digits align in columns. */
+  font-variant-numeric: tabular-nums;
+  font-feature-settings: "tnum" 1, "ss01" 1, "cv11" 1;
 }
 /* No left border on first column — the grid container provides the left edge */
@@ -279,7 +283,7 @@
 }
 .ogrid-cell-content--active {
-  outline: 2px solid var(--ogrid-selection, #217346);
+  outline: 2px solid var(--ogrid-selection-color, #217346);
   outline-offset: -1px;
   z-index: var(--ogrid-z-active-cell, 2);
   position: relative;
@@ -327,7 +331,7 @@
   bottom: -3px;
   width: 7px;
   height: 7px;
-  background-color: var(--ogrid-selection, #217346);
+  background-color: var(--ogrid-selection-color, #217346);
   border: 1px solid var(--ogrid-bg);
   border-radius: 1px;
   cursor: crosshair;

package/dist/esm/styles/ogrid-theme.css CHANGED Viewed

@@ -1,119 +1,228 @@
-/* OGrid Shared Theme Variables — consumed by all Vue UI packages.
+/* OGrid Vue theme — generated from packages/core/src/styles/_ogrid-theme.scss
+ * Run `node scripts/sync-theme.mjs` to regenerate. Do not edit by hand.
  *
- * Uses :where() selectors for ZERO specificity — consumer overrides always win.
- * Dark mode: auto via prefers-color-scheme, explicit via [data-theme="dark"].
+ * Dark mode activates via:
+ *   1. System preference (prefers-color-scheme: dark) unless [data-theme="light"]
+ *      or .light is set on root.
+ *   2. Explicit attribute: [data-theme="dark"] on any ancestor.
+ *   3. Tailwind/shadcn convention: .dark class on any ancestor.
+ *
+ * To opt OUT of auto-dark: set .light or [data-theme="light"] on :root.
  */
 /* ─── Light Theme (default) ─── */
 :where(:root) {
-  /* Cell padding — override for row density:
-     --ogrid-cell-padding          : shorthand (default 6px 10px)
-     --ogrid-cell-padding-vertical : vertical only (default 6px)
+  /* ── Cell padding — override for row density ──
+     --ogrid-cell-padding           : shorthand (default 6px 10px)
+     --ogrid-cell-padding-vertical  : vertical only (default 6px)
      --ogrid-cell-padding-horizontal: horizontal only (default 10px) */
   --ogrid-cell-padding: 6px 10px;
   --ogrid-cell-padding-vertical: 6px;
   --ogrid-cell-padding-horizontal: 10px;
+  /* ── Radius scale — override --ogrid-radius to scale all corners ──
+     --ogrid-radius     : base (default 6px) — buttons, inputs, popovers
+     --ogrid-radius-sm  : tighter (calc 0.6x) — checkboxes, tags
+     --ogrid-radius-lg  : looser  (calc 1.4x) — cards, dialogs
+     --ogrid-radius-xl  : largest (calc 1.8x) — hero surfaces
+     --ogrid-radius-full: 9999px — pills, dots */
+  --ogrid-radius: 6px;
+  --ogrid-radius-sm: calc(var(--ogrid-radius) * 0.6);
+  --ogrid-radius-lg: calc(var(--ogrid-radius) * 1.4);
+  --ogrid-radius-xl: calc(var(--ogrid-radius) * 1.8);
+  --ogrid-radius-full: 9999px;
+  /* ── Typography — override --ogrid-font to re-skin the type stack ──
+     --ogrid-font     : font-family for grid chrome (default: inherit from host)
+     --ogrid-font-size: base body font-size (default 13px) */
+  --ogrid-font: inherit;
+  --ogrid-font-size: 13px;
+  /* ── Focus ring — color used for focus outlines / rings ──
+     --ogrid-ring: focus ring color (defaults to accent) */
+  --ogrid-ring: var(--ogrid-accent, #0078d4);
+  /* ── Z-Index Stacking Order ──
+     --ogrid-z-resize-handle       :  1   column resize drag handle
+     --ogrid-z-active-cell         :  2   active/editing cell outline
+     --ogrid-z-fill-handle         :  3   fill handle dot
+     --ogrid-z-row-number          :  5   row number column
+     --ogrid-z-pinned              :  6   sticky pinned body cells
+     --ogrid-z-selection-cell      :  7   selection checkbox column in body
+     --ogrid-z-thead               :  8   sticky thead row
+     --ogrid-z-pinned-header       : 10   pinned header cells (sticky both axes)
+     --ogrid-z-header-focus        : 11   focused header cell
+     --ogrid-z-selection-header-pinned: 12  checkbox column in sticky header (sticky both axes)
+     --ogrid-z-checkbox            : 12   alias — checkbox column in sticky header
+     --ogrid-z-loading             :  2   loading overlay within table
+     --ogrid-z-drop-indicator      : 100  column reorder drop indicator
+     --ogrid-z-filter-popover      : 1000 filter popovers
+     --ogrid-z-popover             : 1000 alias — filter popovers
+     --ogrid-z-fullscreen          : 9999 fullscreen grid container
+     --ogrid-z-context-menu        : 10000 context menu (fixed, above everything) */
+  --ogrid-z-resize-handle: 1;
+  --ogrid-z-active-cell: 2;
+  --ogrid-z-fill-handle: 3;
+  --ogrid-z-row-number: 5;
+  --ogrid-z-pinned: 6;
+  --ogrid-z-selection-cell: 7;
+  --ogrid-z-thead: 8;
+  --ogrid-z-pinned-header: 10;
+  --ogrid-z-header-focus: 11;
+  --ogrid-z-selection-header-pinned: 12;
+  --ogrid-z-checkbox: 12;
+  --ogrid-z-loading: 2;
+  --ogrid-z-drop-indicator: 100;
+  --ogrid-z-filter-popover: 1000;
+  --ogrid-z-popover: 1000;
+  --ogrid-z-fullscreen: 9999;
+  --ogrid-z-context-menu: 10000;
+  /* Core */
   --ogrid-bg: #ffffff;
   --ogrid-fg: rgba(0, 0, 0, 0.87);
   --ogrid-fg-secondary: rgba(0, 0, 0, 0.6);
   --ogrid-fg-muted: rgba(0, 0, 0, 0.5);
+  /* Borders */
   --ogrid-border: rgba(0, 0, 0, 0.12);
   --ogrid-border-strong: rgba(0, 0, 0, 0.5);
   --ogrid-border-hover: rgba(0, 0, 0, 0.3);
+  /* Table */
   --ogrid-header-bg: #f5f5f5;
   --ogrid-hover-bg: rgba(0, 0, 0, 0.04);
   --ogrid-selected-row-bg: #e6f0fb;
   --ogrid-bg-selected-hover: #dae8f8;
   --ogrid-active-cell-bg: rgba(0, 0, 0, 0.02);
   --ogrid-range-bg: rgba(33, 115, 70, 0.12);
+  /* Accent & Selection */
   --ogrid-accent: #0078d4;
   --ogrid-accent-dark: #005a9e;
   --ogrid-selection-color: #217346;
-  --ogrid-primary: #0078d4;
-  --ogrid-primary-fg: #fff;
-  --ogrid-primary-hover: #106ebe;
+  /* Primary (buttons, badges) — neutral by default; host theme should override */
+  --ogrid-primary: oklch(0.55 0 0);
+  --ogrid-primary-fg: oklch(1 0 0);
+  --ogrid-primary-hover: oklch(0.45 0 0);
+  /* Surfaces */
   --ogrid-bg-subtle: #f5f5f5;
   --ogrid-bg-hover: rgba(0, 0, 0, 0.04);
   --ogrid-active-bg: rgba(0, 0, 0, 0.06);
   --ogrid-muted: rgba(0, 0, 0, 0.5);
+  /* Shadows */
   --ogrid-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
   --ogrid-shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.08);
   --ogrid-pinned-shadow: rgba(0, 0, 0, 0.1);
+  /* Loading */
   --ogrid-loading-overlay: rgba(255, 255, 255, 0.7);
-  --ogrid-selection: #217346;
-  --ogrid-bg-range: rgba(33, 115, 70, 0.12);
-  --ogrid-bg-selected: #e6f0fb;
-  --ogrid-loading-bg: rgba(255, 255, 255, 0.7);
+  /* Formula errors */
+  --ogrid-formula-error-color: #d32f2f;
 }
-/* ─── Auto Dark (system preference) ─── */
+/* ─── Auto Dark (system preference, unless explicitly set to light) ─── */
 @media (prefers-color-scheme: dark) {
-  :where(:root:not([data-theme="light"])) {
+  :where(:root:not([data-theme="light"]):not(.light)) {
+    /* Core */
     --ogrid-bg: #1e1e1e;
     --ogrid-fg: rgba(255, 255, 255, 0.87);
     --ogrid-fg-secondary: rgba(255, 255, 255, 0.6);
     --ogrid-fg-muted: rgba(255, 255, 255, 0.5);
+    /* Borders */
     --ogrid-border: rgba(255, 255, 255, 0.12);
     --ogrid-border-strong: rgba(255, 255, 255, 0.5);
     --ogrid-border-hover: rgba(255, 255, 255, 0.3);
+    /* Table */
     --ogrid-header-bg: #2c2c2c;
     --ogrid-hover-bg: rgba(255, 255, 255, 0.08);
     --ogrid-selected-row-bg: #1a3a5c;
     --ogrid-bg-selected-hover: #1f3650;
     --ogrid-active-cell-bg: rgba(255, 255, 255, 0.06);
     --ogrid-range-bg: rgba(46, 160, 67, 0.15);
+    /* Accent & Selection */
     --ogrid-accent: #4da6ff;
     --ogrid-accent-dark: #3390e0;
     --ogrid-selection-color: #2ea043;
-    --ogrid-primary: #4da6ff;
-    --ogrid-primary-fg: #fff;
-    --ogrid-primary-hover: #66b3ff;
+    /* Primary — neutral by default; host theme should override */
+    --ogrid-primary: oklch(0.7 0 0);
+    --ogrid-primary-fg: oklch(0.1 0 0);
+    --ogrid-primary-hover: oklch(0.8 0 0);
+    /* Surfaces */
     --ogrid-bg-subtle: rgba(255, 255, 255, 0.04);
     --ogrid-bg-hover: rgba(255, 255, 255, 0.08);
     --ogrid-active-bg: rgba(255, 255, 255, 0.08);
     --ogrid-muted: rgba(255, 255, 255, 0.5);
+    /* Shadows */
     --ogrid-shadow: 0 4px 16px rgba(0, 0, 0, 0.4);
     --ogrid-shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.25);
     --ogrid-pinned-shadow: rgba(0, 0, 0, 0.3);
+    /* Loading */
     --ogrid-loading-overlay: rgba(0, 0, 0, 0.7);
-    --ogrid-selection: #2ea043;
-    --ogrid-bg-range: rgba(46, 160, 67, 0.15);
-    --ogrid-bg-selected: #1a3a5c;
-    --ogrid-loading-bg: rgba(0, 0, 0, 0.7);
+    /* Formula errors */
+    --ogrid-formula-error-color: #ef5350;
   }
 }
-/* ─── Explicit Dark ─── */
-:where([data-theme="dark"]) {
+/* ─── Explicit Dark (data-theme="dark" or .dark — Tailwind/shadcn convention) ─── */
+:where([data-theme="dark"], .dark) {
+  /* Core */
   --ogrid-bg: #1e1e1e;
   --ogrid-fg: rgba(255, 255, 255, 0.87);
   --ogrid-fg-secondary: rgba(255, 255, 255, 0.6);
   --ogrid-fg-muted: rgba(255, 255, 255, 0.5);
+  /* Borders */
   --ogrid-border: rgba(255, 255, 255, 0.12);
   --ogrid-border-strong: rgba(255, 255, 255, 0.5);
   --ogrid-border-hover: rgba(255, 255, 255, 0.3);
+  /* Table */
   --ogrid-header-bg: #2c2c2c;
   --ogrid-hover-bg: rgba(255, 255, 255, 0.08);
   --ogrid-selected-row-bg: #1a3a5c;
   --ogrid-bg-selected-hover: #1f3650;
   --ogrid-active-cell-bg: rgba(255, 255, 255, 0.06);
   --ogrid-range-bg: rgba(46, 160, 67, 0.15);
+  /* Accent & Selection */
   --ogrid-accent: #4da6ff;
   --ogrid-accent-dark: #3390e0;
   --ogrid-selection-color: #2ea043;
+  /* Primary */
   --ogrid-primary: #4da6ff;
   --ogrid-primary-fg: #fff;
   --ogrid-primary-hover: #66b3ff;
+  /* Surfaces */
   --ogrid-bg-subtle: rgba(255, 255, 255, 0.04);
   --ogrid-bg-hover: rgba(255, 255, 255, 0.08);
   --ogrid-active-bg: rgba(255, 255, 255, 0.08);
   --ogrid-muted: rgba(255, 255, 255, 0.5);
+  /* Shadows */
   --ogrid-shadow: 0 4px 16px rgba(0, 0, 0, 0.4);
   --ogrid-shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.25);
   --ogrid-pinned-shadow: rgba(0, 0, 0, 0.3);
+  /* Loading */
   --ogrid-loading-overlay: rgba(0, 0, 0, 0.7);
-  --ogrid-selection: #2ea043;
-  --ogrid-bg-range: rgba(46, 160, 67, 0.15);
-  --ogrid-bg-selected: #1a3a5c;
-  --ogrid-loading-bg: rgba(0, 0, 0, 0.7);
+  /* Formula errors */
+  --ogrid-formula-error-color: #ef5350;
 }
+/* @sync-end — do not move; sync-theme.mjs anchors here when splicing. */

package/dist/types/composables/index.d.ts CHANGED Viewed

@@ -1,5 +1,7 @@
 export { useOGrid } from './useOGrid';
 export type { UseOGridResult, UseOGridPagination, UseOGridColumnChooser, UseOGridLayout, UseOGridFilters, ColumnChooserPlacement, } from './useOGrid';
+export { useHeadlessGrid } from './useHeadlessGrid';
+export type { UseHeadlessGridParams, UseHeadlessGridResult, RowId as HeadlessGridRowId, SortState as HeadlessGridSortState, } from './useHeadlessGrid';
 export { useDataGridState } from './useDataGridState';
 export type { UseDataGridStateParams, UseDataGridStateResult, DataGridLayoutState, DataGridRowSelectionState, DataGridEditingState, DataGridCellInteractionState, DataGridContextMenuState, DataGridViewModelState, DataGridPinningState, } from './useDataGridState';
 export { useActiveCell } from './useActiveCell';

package/dist/types/composables/useHeadlessGrid.d.ts ADDED Viewed

@@ -0,0 +1,103 @@
+/**
+ * useHeadlessGrid — the v3 headless API for OGrid (Vue).
+ *
+ * Returns reactive sort/filter/paginate state and rows, without imposing
+ * any chrome. Render with your own table primitives.
+ *
+ * Mirrors the React `useHeadlessGrid` API (see `@alaarab/ogrid-react`)
+ * with Vue-idiomatic returns: refs for state, computed for derived
+ * values, plain functions for actions. Inputs accept refs, getters, or
+ * plain values via `toValue()`.
+ *
+ * Example:
+ *
+ *   const grid = useHeadlessGrid({
+ *     columns,
+ *     data,
+ *     getRowId: (r) => r.id,
+ *     initialSort: { field: 'name', direction: 'asc' },
+ *   });
+ *
+ *   <template>
+ *     <table>
+ *       <thead>
+ *         <tr>
+ *           <th v-for="col in grid.columns.value" :key="col.columnId"
+ *               @click="grid.toggleSort(col.columnId)">
+ *             {{ col.name }} {{ grid.sortIndicator(col.columnId).value }}
+ *           </th>
+ *         </tr>
+ *       </thead>
+ *       <tbody>
+ *         <tr v-for="row in grid.rows.value" :key="grid.getRowId(row)">
+ *           <td v-for="col in grid.columns.value" :key="col.columnId">
+ *             {{ grid.getCellValue(row, col.columnId) }}
+ *           </td>
+ *         </tr>
+ *       </tbody>
+ *     </table>
+ *   </template>
+ */
+import { type ComputedRef, type Ref, type MaybeRefOrGetter } from 'vue';
+import type { IColumnDef, IFilters, FilterValue } from '@alaarab/ogrid-core';
+export type RowId = string | number;
+export interface SortState {
+    field: string;
+    direction: 'asc' | 'desc';
+}
+export interface UseHeadlessGridParams<T> {
+    columns: MaybeRefOrGetter<IColumnDef<T>[]>;
+    data: MaybeRefOrGetter<T[]>;
+    /** Stable row ID extractor — must return the same ID for the same row across renders. */
+    getRowId: (row: T) => RowId;
+    initialSort?: SortState;
+    initialFilters?: IFilters;
+    initialPage?: number;
+    initialPageSize?: number;
+}
+export interface UseHeadlessGridResult<T> {
+    /** Resolved column definitions (reactive). */
+    columns: ComputedRef<IColumnDef<T>[]>;
+    /** Rows on the current page after sort + filter (reactive). */
+    rows: ComputedRef<T[]>;
+    /** Post-filter total row count (reactive). */
+    totalCount: ComputedRef<number>;
+    /** Total number of pages at current page size (reactive). */
+    totalPages: ComputedRef<number>;
+    /** Filtered + sorted rows across all pages (reactive). */
+    allFilteredRows: ComputedRef<T[]>;
+    /** Current sort state (mutable ref). */
+    sort: Ref<SortState>;
+    setSort: (sort: SortState) => void;
+    /** Cycle a column's sort: asc → desc → reset. */
+    toggleSort: (columnId: string) => void;
+    /** Reactive sort indicator: returns ComputedRef<'▲' | '▼' | ''>. */
+    sortIndicator: (columnId: string) => ComputedRef<'▲' | '▼' | ''>;
+    /** Current filter state (mutable ref). */
+    filters: Ref<IFilters>;
+    setFilters: (filters: IFilters) => void;
+    setFilter: (key: string, value: FilterValue | undefined) => void;
+    hasActiveFilters: ComputedRef<boolean>;
+    /** Pagination (mutable refs). */
+    page: Ref<number>;
+    pageSize: Ref<number>;
+    setPage: (page: number) => void;
+    setPageSize: (size: number) => void;
+    /** Stable row identity. */
+    getRowId: (row: T) => RowId;
+    /** Read a cell value with full column-resolution (valueGetter, key, etc). */
+    getCellValue: (row: T, columnId: string) => unknown;
+    /** Row selection — minimal Set-based API. */
+    selectedRowIds: Ref<Set<RowId>>;
+    isRowSelected: (row: T) => boolean;
+    toggleRowSelection: (row: T) => void;
+    selectAllOnPage: () => void;
+    clearSelection: () => void;
+}
+/**
+ * Headless grid state + actions composable for Vue.
+ *
+ * Pure data layer — does not render anything. Use this when you want to
+ * compose OGrid's sort/filter/paginate logic with your own table chrome.
+ */
+export declare function useHeadlessGrid<T>(params: UseHeadlessGridParams<T>): UseHeadlessGridResult<T>;

package/dist/types/index.d.ts CHANGED Viewed

@@ -10,8 +10,8 @@ export { StatusBar, type StatusBarProps } from './components/StatusBar';
 export { FormulaBar, type FormulaBarProps } from './components/FormulaBar';
 export { SheetTabs, type SheetTabsProps } from './components/SheetTabs';
 export { FormulaRefOverlay } from './components/FormulaRefOverlay';
-export { useOGrid, useDataGridState, useActiveCell, useCellEditing, useCellSelection, useClipboard, useRowSelection, useKeyboardNavigation, useFillHandle, useUndoRedo, useContextMenu, useColumnResize, useColumnReorder, useVirtualScroll, useFilterOptions, useDebounce, useDebouncedCallback, useTableLayout, useColumnHeaderFilterState, useTextFilterState, useMultiSelectFilterState, usePeopleFilterState, useDateFilterState, useColumnChooserState, useInlineCellEditorState, useRichSelectState, useSideBarState, useColumnPinning, useColumnHeaderMenuState, useDataGridTableSetup, useFormulaBar, } from './composables';
-export type { UseOGridResult, UseOGridPagination, UseOGridColumnChooser, UseOGridLayout, UseOGridFilters, ColumnChooserPlacement, UseDataGridStateParams, UseDataGridStateResult, DataGridLayoutState, DataGridRowSelectionState, DataGridEditingState, DataGridCellInteractionState, DataGridContextMenuState, DataGridViewModelState, DataGridPinningState, UseActiveCellResult, EditingCell, UseCellEditingParams, UseCellEditingResult, UseCellSelectionParams, UseCellSelectionResult, UseClipboardParams, UseClipboardResult, UseRowSelectionParams, UseRowSelectionResult, UseKeyboardNavigationParams, UseKeyboardNavigationResult, UseFillHandleParams, UseFillHandleResult, UseUndoRedoParams, UseUndoRedoResult, ContextMenuPosition, UseContextMenuResult, UseColumnResizeParams, UseColumnResizeResult, UseColumnReorderParams, UseColumnReorderResult, UseVirtualScrollParams, UseVirtualScrollResult, UseFilterOptionsResult, UseTableLayoutParams, UseTableLayoutResult, UseColumnHeaderFilterStateParams, UseColumnHeaderFilterStateResult, UseTextFilterStateParams, UseTextFilterStateResult, UseMultiSelectFilterStateParams, UseMultiSelectFilterStateResult, UsePeopleFilterStateParams, UsePeopleFilterStateResult, UseDateFilterStateParams, UseDateFilterStateResult, UseColumnChooserStateParams, UseColumnChooserStateResult, InlineCellEditorType, UseInlineCellEditorStateParams, UseInlineCellEditorStateResult, UseRichSelectStateParams, UseRichSelectStateResult, UseSideBarStateParams, UseSideBarStateResult, DebouncedFn, UseColumnPinningParams, UseColumnPinningResult, UseColumnHeaderMenuStateParams, UseColumnHeaderMenuStateResult, UseDataGridTableSetupParams, UseDataGridTableSetupResult, MaybeShallowRef, UseFormulaBarParams, UseFormulaBarResult, } from './composables';
+export { useOGrid, useHeadlessGrid, useDataGridState, useActiveCell, useCellEditing, useCellSelection, useClipboard, useRowSelection, useKeyboardNavigation, useFillHandle, useUndoRedo, useContextMenu, useColumnResize, useColumnReorder, useVirtualScroll, useFilterOptions, useDebounce, useDebouncedCallback, useTableLayout, useColumnHeaderFilterState, useTextFilterState, useMultiSelectFilterState, usePeopleFilterState, useDateFilterState, useColumnChooserState, useInlineCellEditorState, useRichSelectState, useSideBarState, useColumnPinning, useColumnHeaderMenuState, useDataGridTableSetup, useFormulaBar, } from './composables';
+export type { UseOGridResult, UseOGridPagination, UseOGridColumnChooser, UseOGridLayout, UseOGridFilters, ColumnChooserPlacement, UseHeadlessGridParams, UseHeadlessGridResult, HeadlessGridRowId, HeadlessGridSortState, UseDataGridStateParams, UseDataGridStateResult, DataGridLayoutState, DataGridRowSelectionState, DataGridEditingState, DataGridCellInteractionState, DataGridContextMenuState, DataGridViewModelState, DataGridPinningState, UseActiveCellResult, EditingCell, UseCellEditingParams, UseCellEditingResult, UseCellSelectionParams, UseCellSelectionResult, UseClipboardParams, UseClipboardResult, UseRowSelectionParams, UseRowSelectionResult, UseKeyboardNavigationParams, UseKeyboardNavigationResult, UseFillHandleParams, UseFillHandleResult, UseUndoRedoParams, UseUndoRedoResult, ContextMenuPosition, UseContextMenuResult, UseColumnResizeParams, UseColumnResizeResult, UseColumnReorderParams, UseColumnReorderResult, UseVirtualScrollParams, UseVirtualScrollResult, UseFilterOptionsResult, UseTableLayoutParams, UseTableLayoutResult, UseColumnHeaderFilterStateParams, UseColumnHeaderFilterStateResult, UseTextFilterStateParams, UseTextFilterStateResult, UseMultiSelectFilterStateParams, UseMultiSelectFilterStateResult, UsePeopleFilterStateParams, UsePeopleFilterStateResult, UseDateFilterStateParams, UseDateFilterStateResult, UseColumnChooserStateParams, UseColumnChooserStateResult, InlineCellEditorType, UseInlineCellEditorStateParams, UseInlineCellEditorStateResult, UseRichSelectStateParams, UseRichSelectStateResult, UseSideBarStateParams, UseSideBarStateResult, DebouncedFn, UseColumnPinningParams, UseColumnPinningResult, UseColumnHeaderMenuStateParams, UseColumnHeaderMenuStateResult, UseDataGridTableSetupParams, UseDataGridTableSetupResult, MaybeShallowRef, UseFormulaBarParams, UseFormulaBarResult, } from './composables';
 export { getHeaderFilterConfig, getCellRenderDescriptor, resolveCellDisplayContent, resolveCellStyle, buildInlineEditorProps, buildPopoverEditorProps, getCellInteractionProps, } from './utils';
 export type { HeaderFilterConfigInput, HeaderFilterConfig, CellRenderDescriptorInput, CellRenderDescriptor, CellRenderMode, CellInteractionHandlers, CellInteractionProps, } from './utils';
 export { createDataGridTable, type IDataGridTableUIBindings } from './components/createDataGridTable';

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@alaarab/ogrid-vue",
-  "version": "2.7.2",
+  "version": "2.8.1",
   "description": "OGrid Vue – Vue 3 composables, headless components, and utilities for OGrid data grids.",
   "main": "dist/esm/index.js",
   "module": "dist/esm/index.js",
@@ -36,7 +36,7 @@
     "node": ">=18"
   },
   "dependencies": {
-    "@alaarab/ogrid-core": "2.7.2"
+    "@alaarab/ogrid-core": "2.8.1"
   },
   "peerDependencies": {
     "vue": "^3.3.0"