npm - @alaarab/ogrid-vue - Versions diffs - 2.5.9 → 2.6.0 - Mend

@alaarab/ogrid-vue 2.5.9 → 2.6.0

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 (6) hide show

package/dist/esm/index.js +1 -1
package/dist/types/composables/index.d.ts +2 -0
package/dist/types/composables/useRowGrouping.d.ts +18 -0
package/dist/types/index.d.ts +4 -2
package/dist/types/types/dataGridTypes.d.ts +4 -0
package/package.json +2 -2

package/dist/esm/index.js CHANGED Viewed

	@@ -1 +1 @@
1	- import {injectGlobalStyles,Z_INDEX,getStatusBarParts,measureRange,flattenColumns,getMultiSelectFilterFields,deriveFilterOptionsFromData,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 Un=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),t=ref(null),n=0,i,m=computed(()=>e.copyRange??e.cutRange),s=()=>{let u=toValue(e.containerRef);if(!u){o.value=null,t.value=null;return}o.value=e.selectionRange?measureRange(u,e.selectionRange,e.colOffset):null,t.value=m.value?measureRange(u,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,t.value=null;return}n=requestAnimationFrame(s);let u=toValue(e.containerRef);u&&(i?.disconnect(),i=new ResizeObserver(s),i.observe(u));},{immediate:true}),onUnmounted(()=>{cancelAnimationFrame(n),i?.disconnect();});let a=computed(()=>{let u=e.selectionRange,f=m.value;return u!=null&&f!=null&&u.startRow===f.startRow&&u.startCol===f.startCol&&u.endRow===f.endRow&&u.endCol===f.endCol});return ()=>!o.value&&!t.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,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, #217346)","stroke-width":2,"stroke-dasharray":"4 4",style:{animation:"ogrid-marching-ants 0.5s linear infinite"}})]):null])}});var On=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((t,n)=>h("span",{key:t.key,style:{display:"inline-flex",alignItems:"center",gap:"4px",...n<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))"}},t.label),h("span",{style:{fontWeight:"600"}},t.value.toLocaleString())])))}}});var Mn=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 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=>o("inputChange",n.target.value),onKeydown:n=>handleFormulaBarKeyDown(n.key,()=>n.preventDefault(),()=>o("commit"),()=>o("cancel")),onClick:()=>{e.isEditing\|\|o("startEditing");},onDblclick:()=>{e.isEditing\|\|o("startEditing");},"aria-label":"Formula input",spellcheck:false,autocomplete:"off"})])}});var nl={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"},ol={background:"none",border:"none",cursor:"pointer",padding:"4px 10px",fontSize:"16px",lineHeight:"22px",color:"var(--ogrid-fg-secondary, #666)",flexShrink:0},io={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"},ll={...io,fontWeight:600,borderBottomColor:"var(--ogrid-primary, #217346)",background:"var(--ogrid-bg, #fff)"},An=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:nl,role:"tablist","aria-label":"Sheet tabs"},[e.showAddButton?h("button",{type:"button",style:ol,onClick:()=>o("sheetAdd"),title:"Add sheet","aria-label":"Add sheet"},"+"):null,...e.sheets.map(t=>{let n=t.id===e.activeSheet,i=n?ll:io,m=n&&t.color?{...i,borderBottomColor:t.color}:i;return h("button",{key:t.id,type:"button",role:"tab","aria-selected":n,style:m,onClick:()=>o("sheetChange",t.id)},t.name)})])}});function sl(e,o,t){let n=o.col+t,i=(o.endCol??o.col)+t,m=o.endRow??o.row,s=e.querySelector(`[data-row-index="${o.row}"][data-col-index="${n}"]`),a=e.querySelector(`[data-row-index="${m}"][data-col-index="${i}"]`);if(!s\|\|!a)return null;let u=e.getBoundingClientRect(),f=s.getBoundingClientRect(),p=a.getBoundingClientRect();return {top:Math.round(f.top-u.top),left:Math.round(f.left-u.left),width:Math.round(p.right-f.left),height:Math.round(p.bottom-f.top),color:FORMULA_REF_COLORS[o.colorIndex%FORMULA_REF_COLORS.length]}}var Ln=defineComponent({name:"FormulaRefOverlay",props:{containerEl:{type:Object,default:null},references:{type:Array,required:true},colOffset:{type:Number,required:true}},setup(e){let o=ref([]),t=0;function n(){let i=e.containerEl,m=e.references;if(!i\|\|m.length===0){o.value=[];return}let s=[];for(let a of m){let u=sl(i,a,e.colOffset);u&&s.push(u);}o.value=s;}return watch(()=>[e.references,e.containerEl,e.colOffset],()=>{if(cancelAnimationFrame(t),!e.containerEl\|\|e.references.length===0){o.value=[];return}t=requestAnimationFrame(n);},{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 t=ref({}),n=ref({}),i=computed(()=>[...o.value].sort().join(",")),m=async()=>{let s=e.value,a=o.value,u="fetchFilterOptions"in s&&typeof s.fetchFilterOptions=="function"?s.fetchFilterOptions.bind(s):void 0;if(!u){t.value={},n.value={};return}let f={};a.forEach(d=>{f[d]=true;}),n.value=f;let p={};await Promise.all(a.map(async d=>{try{p[d]=await u(d);}catch{p[d]=[];}})),t.value=p,n.value={};};return watch([e,i],()=>{m().catch(()=>{});},{immediate:true}),{filterOptions:t,loadingOptions:n}}function rt(e){let o=unref(e);return customRef((t,n)=>({get(){return isRef(e)&&(o=e.value),o},set(i){o=i,n();}}))}function mo(e){let{formulas:o,items:t,flatColumns:n,initialFormulas:i,onFormulaRecalc:m,formulaFunctions:s,namedRanges:a,sheets:u}=e,f=rt(t),p=rt(n),d=rt(m),c=shallowRef(null),C=false,r=computed(()=>o?.value??false);function v(){return createGridDataAccessor(f.value,p.value)}watch(r,y=>{if(y&&!c.value){if(c.value=new FormulaEngine({customFunctions:s,namedRanges:a}),u)for(let[x,F]of Object.entries(u))c.value.registerSheet(x,F);if(i&&!C){C=true;let x=v(),F=c.value.loadFormulas(i,x);F.updatedCells.length>0&&d.value?.(F);}}else !y&&c.value&&(c.value=null);},{immediate:true});function h(y,x){return c.value?.getValue(y,x)}function P(y,x){return c.value?.hasFormula(y,x)??false}function I(y,x){return c.value?.getFormula(y,x)}function w(y,x,F){if(!c.value)return;let S=v(),X=c.value.setFormula(y,x,F,S);X.updatedCells.length>0&&d.value?.(X);}function g(y,x){if(!c.value)return;let F=v(),S=c.value.onCellChanged(y,x,F);S.updatedCells.length>0&&d.value?.(S);}function b(y,x){return c.value?.getPrecedents(y,x)??[]}function E(y,x){return c.value?.getDependents(y,x)??[]}function D(y,x){return c.value?.getAuditTrail(y,x)??null}return {enabled:r,getFormulaValue:h,hasFormula:P,getFormula:I,setFormula:w,onCellChanged:g,getPrecedents:b,getDependents:E,getAuditTrail:D}}function zt(e){let{activeCol:o,activeRow:t,activeCellRef:n,getFormula:i,getRawValue:m,setFormula:s,onCellValueChanged:a}=e,u=ref(false),f=ref(""),p=ref(false),d=computed(()=>deriveFormulaBarText(o.value,t.value,i,m));watch([o,t],()=>{u.value=false,p.value=false;});let c=()=>{f.value=d.value,u.value=true,p.value=true;},C=I=>{f.value=I;},r=()=>{let I=o.value,w=t.value;I==null\|\|w==null\|\|!s\|\|(processFormulaBarCommit(f.value,I,w,s,a),u.value=false,p.value=false);},v=()=>{u.value=false,p.value=false,f.value="";},h=computed(()=>u.value?f.value:d.value),P=computed(()=>extractFormulaReferences(h.value));return {cellRef:n,formulaText:h,isEditing:u,onInputChange:C,onCommit:r,onCancel:v,startEditing:c,referencedCells:P,isFormulaBarEditing:p}}var fo=["columns","filters"];function Ft(e){let{config:o}=e,t=o!=null&&o!==false,n=(()=>{if(!t\|\|o===true)return {panels:fo,position:"right",defaultPanel:null};let f=o;return {panels:f.panels??fo,position:f.position??"right",defaultPanel:f.defaultPanel??null}})(),i=ref(n.defaultPanel),m=f=>{i.value=f;},s=f=>{i.value=i.value===f?null:f;},a=()=>{i.value=null;},u=computed(()=>i.value!==null);return {isEnabled:t,activePanel:i,setActivePanel:m,panels:n.panels,position:n.position,isOpen:u,toggle:s,close:a}}var Bl=25,Hl={};function _t(e){let o=computed(()=>{let l=e.value;return {columns:l.columns,columnOrder:l.columnOrder,onColumnOrderChange:l.onColumnOrderChange,onColumnResized:l.onColumnResized,onColumnPinned:l.onColumnPinned,columnChooser:l.columnChooser}}),t=computed(()=>{let l=e.value,M="data"in l?l.data:void 0,oe="dataSource"in l?l.dataSource:void 0;return M&&oe&&console.warn("[OGrid] Both data and dataSource provided. dataSource takes precedence."),{getRowId:l.getRowId,data:M,dataSource:oe}}),n=computed(()=>{let l=e.value;return {page:l.page,pageSize:l.pageSize,sort:l.sort,filters:l.filters,visibleColumns:l.visibleColumns,isLoading:l.isLoading}}),i=computed(()=>{let l=e.value;return {onPageChange:l.onPageChange,onPageSizeChange:l.onPageSizeChange,onSortChange:l.onSortChange,onFiltersChange:l.onFiltersChange,onVisibleColumnsChange:l.onVisibleColumnsChange,onFirstDataRendered:l.onFirstDataRendered,onError:l.onError}}),m=computed(()=>{let l=e.value;return {defaultPageSize:l.defaultPageSize??Bl,defaultSortBy:l.defaultSortBy,defaultSortDirection:l.defaultSortDirection??"asc",entityLabelPlural:l.entityLabelPlural??"items"}}),s=computed(()=>o.value.columnChooser===false?"none":o.value.columnChooser==="sidebar"?"sidebar":"toolbar"),a=computed(()=>flattenColumns(o.value.columns)),u=computed(()=>t.value.dataSource!=null),f=computed(()=>!u.value),p=ref([]),d=ref(false),c=computed(()=>t.value.data??p.value),C=computed(()=>n.value.isLoading??d.value),r=computed(()=>m.value.defaultSortBy??a.value[0]?.columnId??""),v=ref(1),h$1=ref(m.value.defaultPageSize),P=ref({field:r.value,direction:m.value.defaultSortDirection}),I=ref({}),w=ref((()=>{let l=a.value.filter(M=>M.defaultVisible!==false).map(M=>M.columnId);return new Set(l.length>0?l:a.value.map(M=>M.columnId))})()),g=ref({}),b={};for(let l of flattenColumns(e.value.columns))l.pinned&&(b[l.columnId]=l.pinned);let E=ref(b),D=computed(()=>n.value.page??v.value),y=computed(()=>n.value.pageSize??h$1.value),x=computed(()=>n.value.sort??P.value),F=computed(()=>n.value.filters??I.value),S=computed(()=>n.value.visibleColumns??w.value),X=l=>{n.value.page===void 0&&(v.value=l),i.value.onPageChange?.(l);},Q=l=>{n.value.pageSize===void 0&&(h$1.value=l),i.value.onPageSizeChange?.(l),X(1);},Z=ref(0),R=l=>{n.value.sort===void 0&&(P.value=l),i.value.onSortChange?.(l),X(1),Z.value++;},T=l=>{n.value.filters===void 0&&(I.value=l),i.value.onFiltersChange?.(l),X(1);},U=l=>{n.value.visibleColumns===void 0&&(w.value=l),i.value.onVisibleColumnsChange?.(l);},G=(l,M)=>{R(computeNextSortState(x.value,l,M));},O=(l,M)=>{T(mergeFilter(F.value,l,M));},V=(l,M)=>{let oe=new Set(S.value);M?oe.add(l):oe.delete(l),U(oe);},A=ref(new Set),k=computed(()=>e.value.selectedRows),L=computed(()=>k.value??A.value),z=l=>{k.value===void 0&&(A.value=new Set(l.selectedRowIds)),e.value.onSelectionChange?.(l);},le=computed(()=>getMultiSelectFilterFields(a.value)),ne=computed(()=>t.value.dataSource??{fetchFilterOptions:void 0}),{filterOptions:B,loadingOptions:ee}=Gt(ne,le),te=computed(()=>t.value.dataSource?.fetchFilterOptions!=null),Ce=computed(()=>te.value?B.value:deriveFilterOptionsFromData(c.value,a.value)),be=computed(()=>!!e.value.workerSort),Ee=null,Ae=-1,Ne=null,St=null,st=-1,ut=computed(()=>{if(!f.value\|\|be.value)return null;let l=c.value,M=a.value,oe=F.value,Se=Z.value,nt=x.value.field,ot=x.value.direction,lt=Se!==Ae\|\|oe!==Ne\|\|M!==St\|\|l.length!==st,Te;if(lt\|\|Ee===null){Ae=Se,Ne=oe,St=M,st=l.length;let me=processClientSideData(l,M,oe,nt,ot),Ge=new Map;for(let ve=0;ve<l.length;ve++)Ge.set(l[ve],ve);Ee=me.map(ve=>{let Oe=Ge.get(ve);return Oe!==void 0?Oe:-1}).filter(ve=>ve!==-1),Te=me;}else Te=Ee.map(me=>l[me]).filter(me=>me!==void 0);let Ve=Te.length,Rt=(D.value-1)y.value;return {items:Te.slice(Rt,Rt+y.value),totalCount:Ve}}),Ze=ref(null),dt=0,Fe=null,ct=-1,we=null,Ke=null,re=-1;watch([f,be,c,a,F,Z,D,y],()=>{if(!f.value\|\|!be.value)return;let l=c.value,M=a.value,oe=F.value,Se=Z.value,nt=x.value.field,ot=x.value.direction,lt=D.value,Te=y.value,Ve=++dt;if(Se!==ct\|\|oe!==we\|\|M!==Ke\|\|l.length!==re\|\|Fe===null)ct=Se,we=oe,Ke=M,re=l.length,Fe=null,processClientSideDataAsync(l,M,oe,nt,ot).then(Re=>{if(Ve!==dt\|\|We)return;let me=new Map;for(let fe=0;fe<l.length;fe++)me.set(l[fe],fe);Fe=Re.map(fe=>{let N=me.get(fe);return N!==void 0?N:-1}).filter(fe=>fe!==-1);let Ge=Re.length,ve=(lt-1)Te,Oe=Re.slice(ve,ve+Te);Ze.value={items:Oe,totalCount:Ge};}).catch(()=>{if(Ve!==dt\|\|We)return;let Re=processClientSideData(l,M,oe,nt,ot),me=new Map;for(let fe=0;fe<l.length;fe++)me.set(l[fe],fe);Fe=Re.map(fe=>{let N=me.get(fe);return N!==void 0?N:-1}).filter(fe=>fe!==-1);let Ge=Re.length,ve=(lt-1)Te,Oe=Re.slice(ve,ve+Te);Ze.value={items:Oe,totalCount:Ge};});else {let Re=Fe.map(Oe=>l[Oe]).filter(Oe=>Oe!==void 0),me=Re.length,Ge=(lt-1)Te,ve=Re.slice(Ge,Ge+Te);Ze.value={items:ve,totalCount:me};}},{immediate:true});let _e=computed(()=>{let l=ut.value;return l\|\|Ze.value}),Je=ref([]),De=ref(0),Qe=ref(false),et=0,We=false,ft=ref(0),pt=()=>{if(!u.value\|\|!t.value.dataSource){u.value\|\|(Qe.value=false);return}let l=++et;Qe.value=true,t.value.dataSource.fetchPage({page:D.value,pageSize:y.value,sort:{field:x.value.field,direction:x.value.direction},filters:F.value}).then(M=>{l!==et\|\|We\|\|(Je.value=M.items,De.value=M.totalCount);}).catch(M=>{l!==et\|\|We\|\|(i.value.onError?.(M),Je.value=[],De.value=0);}).finally(()=>{l===et&&!We&&(Qe.value=false);});};onMounted(()=>{validateColumns(a.value),pt();}),watch([()=>t.value.dataSource,D,y,()=>x.value.field,()=>x.value.direction,F,ft],()=>{pt();}),onUnmounted(()=>{We=true;});let Le=computed(()=>f.value&&_e.value?_e.value.items:Je.value),vt=computed(()=>f.value&&_e.value?_e.value.totalCount:De.value),gt=computed(()=>!!e.value.formulas),$e=ref(0),yt=l=>{$e.value+=1,e.value.onFormulaRecalc?.(l);},he=mo({formulas:gt,items:Le,flatColumns:a,initialFormulas:e.value.initialFormulas,onFormulaRecalc:yt,formulaFunctions:e.value.formulaFunctions,namedRanges:e.value.namedRanges,sheets:e.value.sheets}),Ct=false,wt=false;watch(Le,l=>{!Ct&&l.length>0&&(Ct=true,i.value.onFirstDataRendered?.()),!wt&&l.length>0&&(wt=true,validateRowIds(l,t.value.getRowId));});let qe=computed(()=>Object.values(F.value).some(l=>l!==void 0)),ht=computed(()=>a.value.map(l=>({columnId:l.columnId,name:l.name,required:l.required===true}))),xt=computed(()=>{let l=e.value.statusBar;if(!l)return;if(typeof l=="object")return l;let M=f.value?t.value.data?.length??0:De.value,oe=vt.value;return {totalCount:M,filteredCount:qe.value?oe:void 0,selectedCount:L.value.size,suppressRowCount:true}}),It=(l,M)=>{g.value={...g.value,[l]:M},o.value.onColumnResized?.(l,M);},Tt=(l,M)=>{if(M===null){let{[l]:oe,...Se}=E.value;E.value=Se;}else E.value={...E.value,[l]:M};o.value.onColumnPinned?.(l,M);},$=shallowRef(Ft({config:e.value.sideBar}));watch(()=>e.value.sideBar,l=>{$.value=Ft({config:l});});let Y=computed(()=>a.value.filter(l=>l.filterable&&l.filterable.type).map(l=>({columnId:l.columnId,name:l.name,filterField:l.filterable?.filterField??l.columnId,filterType:l.filterable?.type}))),ae=computed(()=>{let l=$.value;if(!l.isEnabled)return null;l.activePanel.value;l.isOpen.value;return {get activePanel(){return l.activePanel.value},onPanelChange:l.setActivePanel,panels:l.panels,position:l.position,get isOpen(){return l.isOpen.value},toggle:l.toggle,close:l.close,columns:ht.value,visibleColumns:S.value,onVisibilityChange:V,onSetVisibleColumns:U,filterableColumns:Y.value,filters:F.value,onFilterChange:O,filterOptions:Ce.value}}),de=()=>T({}),pe=computed(()=>u.value&&Qe.value\|\|C.value),xe=ref(null),ce=ref(null),Ie=l=>{if(xe.value=l,l){let M=l.match(/^([A-Z]+)(\d+)$/);M?ce.value={col:columnLetterToIndex(M[1]),row:parseInt(M[2],10)-1}:ce.value=null;}else ce.value=null;},Ue=computed(()=>ce.value?.col??null),tt=computed(()=>ce.value?.row??null),Pn=(l,M)=>{let oe=Le.value,Se=a.value;if(!(M<0\|\|M>=oe.length\|\|l<0\|\|l>=Se.length))return getCellValue(oe[M],Se[l])},Be=zt({activeCol:Ue,activeRow:tt,activeCellRef:xe,getFormula:he.enabled.value?he.getFormula:void 0,getRawValue:Pn,setFormula:he.enabled.value?he.setFormula:void 0}),At=computed(()=>{let l=e.value,M=t.value.dataSource;return {items:Le.value,columns:o.value.columns,getRowId:t.value.getRowId,sortBy:x.value.field,sortDirection:x.value.direction,onColumnSort:G,visibleColumns:S.value,columnOrder:o.value.columnOrder,onColumnOrderChange:o.value.onColumnOrderChange,onColumnResized:It,onColumnPinned:Tt,pinnedColumns:E.value,initialColumnWidths:g.value,editable:l.editable,cellSelection:l.cellSelection,onCellValueChanged:l.onCellValueChanged,onUndo:l.onUndo,onRedo:l.onRedo,canUndo:l.canUndo,canRedo:l.canRedo,rowSelection:l.rowSelection??"none",selectedRows:L.value,onSelectionChange:z,showRowNumbers:l.showRowNumbers\|\|l.cellReferences\|\|l.formulas,showColumnLetters:!!(l.cellReferences\|\|l.formulas),showNameBox:!!(l.cellReferences&&!l.formulas),onActiveCellChange:l.cellReferences\|\|l.formulas?Ie:void 0,currentPage:D.value,pageSize:y.value,statusBar:xt.value,isLoading:pe.value,filters:F.value,onFilterChange:O,filterOptions:Ce.value,loadingFilterOptions:M?.fetchFilterOptions?ee.value:Hl,peopleSearch:M?.searchPeople,getUserByEmail:M?.getUserByEmail,layoutMode:l.layoutMode,suppressHorizontalScroll:l.suppressHorizontalScroll,stickyHeader:l.stickyHeader??true,columnReorder:l.columnReorder,responsiveColumns:l.responsiveColumns,virtualScroll:l.virtualScroll,rowHeight:l.rowHeight,density:l.density??"normal","aria-label":l["aria-label"],"aria-labelledby":l["aria-labelledby"],emptyState:{hasActiveFilters:qe.value,onClearAll:de,message:l.emptyState?.message,render:l.emptyState?.render},formulas:l.formulas,formulaVersion:$e.value,...he.enabled.value?{getFormulaValue:he.getFormulaValue,hasFormula:he.hasFormula,getFormula:he.getFormula,setFormula:he.setFormula,onFormulaCellChanged:he.onCellChanged,getPrecedents:he.getPrecedents,getDependents:he.getDependents,getAuditTrail:he.getAuditTrail}:{},formulaReferences:Be.referencedCells.value.length>0?Be.referencedCells.value:void 0}}),En=computed(()=>({page:D.value,pageSize:y.value,displayTotalCount:vt.value,setPage:X,setPageSize:Q,pageSizeOptions:e.value.pageSizeOptions,entityLabelPlural:m.value.entityLabelPlural})),Pt=computed(()=>({columns:ht.value,visibleColumns:S.value,onVisibilityChange:V,placement:s.value})),He=computed(()=>{let l=e.value,M=!!l.formulas,oe=!!l.cellReferences&&!M,Se=l.toolbar;oe&&(Se=[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"},xe.value??"\u2014"),Se]);let nt=M?h(Mn,{cellRef:Be.cellRef.value,formulaText:Be.formulaText.value,isEditing:Be.isEditing.value,onInputChange:Be.onInputChange,onCommit:Be.onCommit,onCancel:Be.onCancel,onStartEditing:Be.startEditing}):void 0,ot=l.sheetDefs&&l.sheetDefs.length>0&&l.activeSheet&&l.onSheetChange?h(An,{sheets:l.sheetDefs,activeSheet:l.activeSheet,showAddButton:!!l.onSheetAdd,onSheetChange:l.onSheetChange,onSheetAdd:l.onSheetAdd??(()=>{})}):void 0;return {toolbar:Se,toolbarBelow:l.toolbarBelow,className:l.className,emptyState:l.emptyState,sideBarProps:ae.value,fullScreen:l.fullScreen,formulaBar:nt,sheetTabs:ot}}),Et=computed(()=>({hasActiveFilters:qe.value,setFilters:T})),Dn=computed(()=>({setRowData:l=>{u.value\|\|(p.value=l);},setLoading:l=>{d.value=l;},getColumnState:()=>({visibleColumns:Array.from(S.value),sort:x.value,columnOrder:o.value.columnOrder??void 0,columnWidths:Object.keys(g.value).length>0?g.value:void 0,filters:Object.keys(F.value).length>0?F.value:void 0,pinnedColumns:Object.keys(E.value).length>0?E.value:void 0}),applyColumnState:l=>{l.visibleColumns&&U(new Set(l.visibleColumns)),l.sort&&R(l.sort),l.columnOrder&&o.value.onColumnOrderChange&&o.value.onColumnOrderChange(l.columnOrder),l.columnWidths&&(g.value=l.columnWidths),l.filters&&T(l.filters),l.pinnedColumns&&(E.value=l.pinnedColumns);},setFilterModel:T,getSelectedRows:()=>Array.from(L.value),setSelectedRows:l=>{k.value===void 0&&(A.value=new Set(l));},selectAll:()=>{let l=new Set(Le.value.map(M=>t.value.getRowId(M)));k.value===void 0&&(A.value=l),e.value.onSelectionChange?.({selectedRowIds:Array.from(l),selectedItems:Le.value});},deselectAll:()=>{k.value===void 0&&(A.value=new Set),e.value.onSelectionChange?.({selectedRowIds:[],selectedItems:[]});},clearFilters:()=>T({}),clearSort:()=>R({field:r.value,direction:m.value.defaultSortDirection}),resetGridState:l=>{T({}),R({field:r.value,direction:m.value.defaultSortDirection}),l?.keepSelection\|\|(k.value===void 0&&(A.value=new Set),e.value.onSelectionChange?.({selectedRowIds:[],selectedItems:[]}));},getDisplayedRows:()=>Le.value,refreshData:()=>{u.value&&ft.value++;},scrollToRow:()=>{},getColumnOrder:()=>o.value.columnOrder??a.value.map(l=>l.columnId),setColumnOrder:l=>{o.value.onColumnOrderChange?.(l);}}));return {dataGridProps:At,pagination:En,columnChooser:Pt,layout:He,filters:Et,api:Dn}}function Wt(e){let{items:o,getRowId:t,rowSelection:n,controlledSelectedRows:i,onSelectionChange:m}=e,s=shallowRef(new Set),a=-1,u=computed(()=>{let r=i.value;return r!=null?r instanceof Set?r:new Set(r):s.value}),f=r=>{i.value!==void 0?isReadonly(i)\|\|(i.value=r):s.value=r,m?.({selectedRowIds:Array.from(r),selectedItems:o.value.filter(v=>r.has(t(v)))});},p=(r,v,h,P)=>{if(n.value==="single"){f(v?new Set([r]):new Set),a=h;return}let I=o.value,w;P&&a>=0&&a!==h?w=applyRangeRowSelection(a,h,v,I,t,u.value):(w=new Set(u.value),v?w.add(r):w.delete(r)),a=h,f(w);},d=r=>{f(r?new Set(o.value.map(v=>t(v))):new Set);},c=computed(()=>computeRowSelectionState(u.value,o.value,t).allSelected),C=computed(()=>computeRowSelectionState(u.value,o.value,t).someSelected);return {selectedRowIds:u,updateSelection:f,handleRowCheckboxChange:p,handleSelectAll:d,allSelected:c,someSelected:C}}function Kt(e){let o=shallowRef(null),t=ref(void 0);return {editingCell:o,setEditingCell:m=>{if(m&&e?.scrollToRow&&e?.getRowIndex){let s=e.getRowIndex(m.rowId);s>=0&&e.scrollToRow(s,"center");}o.value=m;},pendingEditorValue:t,setPendingEditorValue:m=>{t.value=m;}}}function $t(e,o){let t=shallowRef(null),n=0,i=m=>{let s=t.value;s!==m&&(s&&m&&s.rowIndex===m.rowIndex&&s.columnIndex===m.columnIndex\|\|(t.value=m));};return watch([t,()=>o?.value],()=>{if(n&&(cancelAnimationFrame(n),n=0),t.value==null\|\|!e?.value\|\|o?.value!=null)return;let{rowIndex:m,columnIndex:s}=t.value;n=requestAnimationFrame(()=>{n=0;let a=e.value;if(!a)return;let u=t.value;if(!u\|\|u.rowIndex!==m\|\|u.columnIndex!==s)return;let f=`[data-row-index="${m}"][data-col-index="${s}"]`,p=a.querySelector(f);if(p){let d=a.querySelector("thead"),c=d?d.getBoundingClientRect().height:0,C=a.getBoundingClientRect(),r=p.getBoundingClientRect(),v=C.top+c;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!==p&&typeof p.focus=="function"&&p.focus({preventScroll:true});}});},{flush:"post"}),onUnmounted(()=>{n&&(cancelAnimationFrame(n),n=0);}),{activeCell:t,setActiveCell:i}}var _n="data-drag-range",Ut="data-drag-anchor",ye=40,Jl=16;function qt(e){let o=rt(e),{wrapperRef:t,setActiveCell:n}=e,i=()=>isRef(e.colOffset)?e.colOffset.value:e.colOffset,m=shallowRef(null),s=ref(false),a=ref(false),u=ref(false),f=false,p=null,d=0,c=null,C=null,r=null,v=R=>{rangesEqual(m.value,R)\|\|(m.value=R);},h=(R,T,U)=>{if(R.button!==0)return;let G=i();if(U<G)return;R.preventDefault();let O=U-G,V=m.value;if(R.shiftKey&&V!=null)v(normalizeSelectionRange({startRow:V.startRow,startCol:V.startCol,endRow:T,endCol:O})),n({rowIndex:T,columnIndex:U});else {p={row:T,col:O},f=false;let A={startRow:T,startCol:O,endRow:T,endCol:O};v(A),c=A,n({rowIndex:T,columnIndex:U}),a.value=true,E(A);}},P=()=>{let{rowCount:R,visibleColCount:T}=o.value;R.value===0\|\|T.value===0\|\|(v({startRow:0,startCol:0,endRow:R.value-1,endCol:T.value-1}),n({rowIndex:0,columnIndex:i()}));},I=new Set,w=null,g=(R,T,U,G,O,V,A,k)=>{R.hasAttribute(_n)\|\|R.setAttribute(_n,""),k&&T===k.row&&U===k.col?R.hasAttribute(Ut)\|\|R.setAttribute(Ut,""):R.hasAttribute(Ut)&&R.removeAttribute(Ut);let z=[];T===G&&z.push("inset 0 2px 0 0 var(--ogrid-selection, #217346)"),T===O&&z.push("inset 0 -2px 0 0 var(--ogrid-selection, #217346)"),U===V&&z.push("inset 2px 0 0 0 var(--ogrid-selection, #217346)"),U===A&&z.push("inset -2px 0 0 0 var(--ogrid-selection, #217346)"),R.style.boxShadow=z.length>0?z.join(", "):"",I.add(R);},b=R=>{R.removeAttribute(_n),R.removeAttribute(Ut),R.style.boxShadow="";},E=R=>{if(!t.value)return;let U=Math.min(R.startRow,R.endRow),G=Math.max(R.startRow,R.endRow),O=Math.min(R.startCol,R.endCol),V=Math.max(R.startCol,R.endCol),A=p,k=i();for(let z of I){let le=parseInt(z.getAttribute("data-row-index")??"",10),ne=parseInt(z.getAttribute("data-col-index")??"",10)-k;le>=U&&le<=G&&ne>=O&&ne<=V\|\|(b(z),I.delete(z));}w\|\|(w=buildCellIndex(t.value));let L=false;for(let z=U;z<=G;z++)for(let le=O;le<=V;le++){let ne=`${z},${le+k}`,B=w?.get(ne);B&&!B.isConnected&&!L&&(L=true,w=buildCellIndex(t.value),B=w?.get(ne)),B&&B.isConnected&&g(B,z,le,U,G,O,V,A);}},D=()=>{for(let R of I)b(R);I.clear(),w=null;},y=(R,T)=>{if(!p)return null;let G=document.elementFromPoint(R,T)?.closest?.("[data-row-index][data-col-index]");if(!G)return null;let O=parseInt(G.getAttribute("data-row-index")??"",10),V=parseInt(G.getAttribute("data-col-index")??"",10),A=i();if(Number.isNaN(O)\|\|Number.isNaN(V)\|\|V<A)return null;let k=V-A;return normalizeSelectionRange({startRow:p.row,startCol:p.col,endRow:O,endCol:k})},x=()=>{C&&(clearInterval(C),C=null);},F=()=>{let R=t.value;if(!R\|\|!r\|\|!a.value){x();return}let T=R.getBoundingClientRect(),U=0,G=0;if(r.cy<T.top+ye?G=-computeAutoScrollSpeed(T.top+ye-r.cy):r.cy>T.bottom-ye&&(G=computeAutoScrollSpeed(r.cy-(T.bottom-ye))),r.cx<T.left+ye?U=-computeAutoScrollSpeed(T.left+ye-r.cx):r.cx>T.right-ye&&(U=computeAutoScrollSpeed(r.cx-(T.right-ye))),U===0&&G===0){x();return}C\|\|(C=setInterval(()=>{let O=t.value,V=r;if(!O\|\|!V\|\|!a.value){x();return}let A=O.getBoundingClientRect(),k=0,L=0;if(V.cy<A.top+ye?L=-computeAutoScrollSpeed(A.top+ye-V.cy):V.cy>A.bottom-ye&&(L=computeAutoScrollSpeed(V.cy-(A.bottom-ye))),V.cx<A.left+ye?k=-computeAutoScrollSpeed(A.left+ye-V.cx):V.cx>A.right-ye&&(k=computeAutoScrollSpeed(V.cx-(A.right-ye))),k===0&&L===0){x();return}O.scrollTop+=L,O.scrollLeft+=k;let z=y(V.cx,V.cy);z&&(c=z,E(z));},Jl));},S=R=>{!a.value\|\|!p\|\|(f\|\|(f=true,s.value=true,w=buildCellIndex(t.value)),r={cx:R.clientX,cy:R.clientY},F(),d&&cancelAnimationFrame(d),d=requestAnimationFrame(()=>{if(d=0,!r)return;let T=y(r.cx,r.cy);if(!T)return;let U=c;U&&U.startRow===T.startRow&&U.startCol===T.startCol&&U.endRow===T.endRow&&U.endCol===T.endCol\|\|(c=T,E(T));}));},X=()=>{if(!a.value)return;x(),d&&(cancelAnimationFrame(d),d=0),a.value=false;let R=f;if(R){if(r){let U=y(r.cx,r.cy);U&&(c=U);}let T=c;if(T){v(T);let U=p;U&&n({rowIndex:U.row,columnIndex:U.col+i()});}}D(),c=null,r=null,p=null,R&&(s.value=false);},Q=R=>{u.value\|\|S(R);},Z=()=>{u.value\|\|X();};return onMounted(()=>{window.addEventListener("pointermove",Q,true),window.addEventListener("pointerup",Z,true);}),onUnmounted(()=>{u.value=true,window.removeEventListener("pointermove",Q,true),window.removeEventListener("pointerup",Z,true),d&&cancelAnimationFrame(d),x();}),{selectionRange:m,setSelectionRange:v,handleCellMouseDown:h,handleSelectAllCells:P,isDragging:s}}function Xt(){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:o,visibleCols:t,selectionRange:n,activeCell:i,editable:m,onCellValueChanged:s,beginBatch:a,endBatch:u}=e,f=()=>isRef(e.colOffset)?e.colOffset.value:e.colOffset,p=shallowRef(null),d=shallowRef(null),c=ref(null),C=()=>{let I=n.value,w=i.value,g=f();return I??(w!=null?{startRow:w.rowIndex,startCol:w.columnIndex-g,endRow:w.rowIndex,endCol:w.columnIndex-g}:null)},r=()=>{let I=C();if(I==null)return;let w=normalizeSelectionRange(I),g=formatSelectionAsTsv(o.value,t.value,w);c.value=g,d.value=w,navigator.clipboard.writeText(g).catch(b=>{typeof console<"u"&&console.warn("[OGrid] Clipboard write failed:",b);});};return {handleCopy:r,handleCut:()=>{if(m.value===false)return;let I=C();if(I==null\|\|s.value==null)return;let w=normalizeSelectionRange(I);p.value=w,d.value=null,r(),d.value=null;},handlePaste:async()=>{if(m.value===false)return;let I=s.value;if(I==null)return;let w;try{w=await navigator.clipboard.readText();}catch{w="";}if(!w.trim()&&c.value!=null&&(w=c.value),!w.trim())return;let g=C(),b=g?g.startRow:0,E=g?g.startCol:0,D=o.value,y=t.value,x=parseTsvClipboard(w);a?.();let F=applyPastedValues(x,b,E,D,y);for(let S of F)I(S);if(p.value){let S=applyCutClear(p.value,D,y);for(let X of S)I(X);p.value=null;}u?.(),d.value=null;},cutRange:p,copyRange:d,clearClipboardRanges:()=>{d.value=null,p.value=null;}}}function Yt(e){let o=rt(e);return {handleGridKeyDown:n=>{let{data:i,state:m,handlers:s,features:a}=o.value,u=i.items.value,f=i.visibleCols.value,{getRowId:p}=i,d=isRef(i.colOffset)?i.colOffset.value:i.colOffset,c=i.hasCheckboxCol.value,C=i.visibleColumnCount.value,r=m.activeCell.value,v=m.selectionRange.value,h=m.editingCell.value,P=m.selectedRowIds.value,{setActiveCell:I,setSelectionRange:w,setEditingCell:g,handleRowCheckboxChange:b,handleCopy:E,handleCut:D,handlePaste:y,setContextMenu:x,onUndo:F,onRedo:S,clearClipboardRanges:X}=s,Q=a.editable.value,Z=a.onCellValueChanged.value,R=a.rowSelection.value,T=a.wrapperRef,U=a.scrollToRow,{fillDown:G}=a,O=a.onKeyDown?.value;if(O&&(O(n),n.defaultPrevented))return;let V=u.length-1,A=C-1+d;if(u.length===0)return;if(r===null){["ArrowDown","ArrowUp","ArrowLeft","ArrowRight","Tab","Enter","Home","End","PageDown","PageUp"].includes(n.key)&&(I({rowIndex:0,columnIndex:d}),n.preventDefault());return}let{rowIndex:k,columnIndex:L}=r,z=L-d,le=n.shiftKey,ne=(B,ee)=>{if(B<0\|\|B>=u.length\|\|ee<0\|\|ee>=f.length)return true;let te=getCellValue(u[B],f[ee]);return te==null\|\|te===""};switch(n.key){case "c":if(n.ctrlKey\|\|n.metaKey){if(h!=null)break;n.preventDefault(),E();}break;case "x":if(n.ctrlKey\|\|n.metaKey){if(h!=null)break;n.preventDefault(),D();}break;case "v":if(n.ctrlKey\|\|n.metaKey){if(h!=null)break;n.preventDefault(),y();}break;case "d":if(n.ctrlKey\|\|n.metaKey){if(h!=null)break;Q!==false&&G&&(n.preventDefault(),G());}break;case "ArrowDown":case "ArrowUp":case "ArrowRight":case "ArrowLeft":{if(h!=null)break;n.preventDefault();let{newRowIndex:B,newColumnIndex:ee,newRange:te}=computeArrowNavigation({direction:n.key,rowIndex:k,columnIndex:L,dataColIndex:z,colOffset:d,maxRowIndex:V,maxColIndex:A,visibleColCount:f.length,isCtrl:n.ctrlKey\|\|n.metaKey,isShift:le,selectionRange:v,isEmptyAt:ne});w(te),I({rowIndex:B,columnIndex:ee}),(n.key==="ArrowDown"\|\|n.key==="ArrowUp")&&U?.(B,"center");break}case "Tab":{n.preventDefault();let{rowIndex:B,columnIndex:ee}=computeTabNavigation(k,L,V,A,d,n.shiftKey),te=ee-d;w({startRow:B,startCol:te,endRow:B,endCol:te}),I({rowIndex:B,columnIndex:ee});break}case "Home":{n.preventDefault();let B=n.ctrlKey?0:k;w({startRow:B,startCol:0,endRow:B,endCol:0}),I({rowIndex:B,columnIndex:d});break}case "End":{n.preventDefault();let B=n.ctrlKey?V:k;w({startRow:B,startCol:C-1,endRow:B,endCol:C-1}),I({rowIndex:B,columnIndex:A});break}case "PageDown":case "PageUp":{n.preventDefault();let B=T.value,ee=10;if(B){let be=B.querySelector("tbody tr");be&&be.offsetHeight>0&&(ee=Math.max(1,Math.floor(B.clientHeight/be.offsetHeight)));}let te=n.key==="PageDown"?1:-1,Ce=Math.max(0,Math.min(k+teee,V));w(le?{startRow:v?.startRow??k,startCol:v?.startCol??z,endRow:Ce,endCol:v?.endCol??z}:{startRow:Ce,startCol:z,endRow:Ce,endCol:z}),I({rowIndex:Ce,columnIndex:L}),U?.(Ce,"center");break}case "Enter":case "F2":{if(n.preventDefault(),z>=0&&z<f.length){let B=f[z],ee=u[k];if(ee&&B){let te=B.editable===true\|\|typeof B.editable=="function"&&B.editable(ee);Q!==false&&te&&Z!=null&&g({rowId:p(ee),columnId:B.columnId});}}break}case "Escape":n.preventDefault(),h!=null?g(null):(X?.(),I(null),w(null));break;case " ":if(R!=="none"&&L===0&&c){n.preventDefault();let B=u[k];if(B){let ee=p(B),te=P.has(ee);b(ee,!te,k,n.shiftKey);}}break;case "z":(n.ctrlKey\|\|n.metaKey)&&h==null&&(n.shiftKey&&S?(n.preventDefault(),S()):!n.shiftKey&&F&&(n.preventDefault(),F()));break;case "y":(n.ctrlKey\|\|n.metaKey)&&h==null&&S&&(n.preventDefault(),S());break;case "a":if(n.ctrlKey\|\|n.metaKey){if(h!=null)break;n.preventDefault(),u.length>0&&C>0&&(w({startRow:0,startCol:0,endRow:u.length-1,endCol:C-1}),I({rowIndex:0,columnIndex:d}));}break;case "Delete":case "Backspace":{if(h!=null\|\|Q===false\|\|Z==null)break;let B=v??(r!=null?{startRow:r.rowIndex,startCol:r.columnIndex-d,endRow:r.rowIndex,endCol:r.columnIndex-d}:null);if(B==null)break;n.preventDefault();let ee=applyCellDeletion(B,u,f);for(let te of ee)Z(te);break}case "F10":if(n.shiftKey)if(n.preventDefault(),r!=null&&T.value){let B=`[data-row-index="${r.rowIndex}"][data-col-index="${r.columnIndex}"]`,ee=T.value.querySelector(B);if(ee){let te=ee.getBoundingClientRect();x({x:te.left+te.width/2,y:te.top+te.height/2});}else x({x:100,y:100});}else x({x:100,y:100});break;}}}}var Zt="data-drag-range";function Jt(e){let{items:o,visibleCols:t,editable:n,onCellValueChanged:i,selectionRange:m,setSelectionRange:s,setActiveCell:a,wrapperRef:u,beginBatch:f,endBatch:p,visibleRange:d}=e,c=()=>isRef(e.colOffset)?e.colOffset.value:e.colOffset,C=shallowRef(null),r={endRow:0,endCol:0},v=0,h=null,P=null,I=null,w=D=>{C.value=D;},g=()=>{P&&(window.removeEventListener("pointermove",P,true),P=null),I&&(window.removeEventListener("pointerup",I,true),I=null),v&&(cancelAnimationFrame(v),v=0);};return watch(C,(D,y,x)=>{if(!D\|\|n.value===false\|\|!i.value\|\|!u.value){g();return}r={endRow:D.startRow,endCol:D.startCol},h=null;let F=new Set,S=buildCellIndex(u.value),X=T=>{if(!u.value)return;let G=Math.min(T.startRow,T.endRow),O=Math.max(T.startRow,T.endRow),V=Math.min(T.startCol,T.endCol),A=Math.max(T.startCol,T.endCol),k=c();for(let L of F){let z=parseInt(L.getAttribute("data-row-index")??"",10),le=parseInt(L.getAttribute("data-col-index")??"",10)-k;z>=G&&z<=O&&le>=V&&le<=A\|\|(L.removeAttribute(Zt),F.delete(L));}for(let L=G;L<=O;L++)for(let z=V;z<=A;z++){let le=`${L},${z+k}`,ne=S?.get(le);ne&&!ne.isConnected&&(S=buildCellIndex(u.value),ne=S.get(le)),ne&&(ne.hasAttribute(Zt)\|\|ne.setAttribute(Zt,""),F.add(ne));}},Q=()=>{for(let T of F)T.removeAttribute(Zt);F.clear();},Z=null,R=(T,U)=>{let O=document.elementFromPoint(T,U)?.closest?.("[data-row-index][data-col-index]");if(!O\|\|!u.value?.contains(O))return null;let V=parseInt(O.getAttribute("data-row-index")??"",10),A=parseInt(O.getAttribute("data-col-index")??"",10),k=c();if(Number.isNaN(V)\|\|Number.isNaN(A)\|\|A<k)return null;let L=A-k;return normalizeSelectionRange({startRow:D.startRow,startCol:D.startCol,endRow:V,endCol:L})};P=T=>{Z={cx:T.clientX,cy:T.clientY},v&&cancelAnimationFrame(v),v=requestAnimationFrame(()=>{if(v=0,!Z)return;let U=R(Z.cx,Z.cy);if(!U)return;let G=h;G&&G.startRow===U.startRow&&G.startCol===U.startCol&&G.endRow===U.endRow&&G.endCol===U.endCol\|\|(h=U,r={endRow:U.endRow,endCol:U.endCol},X(U));});},I=()=>{if(v&&(cancelAnimationFrame(v),v=0),Z){let k=R(Z.cx,Z.cy);k&&(h=k,r={endRow:k.endRow,endCol:k.endCol});}Q();let T=r,U=normalizeSelectionRange({startRow:D.startRow,startCol:D.startCol,endRow:T.endRow,endCol:T.endCol}),G=d?.value;G&&(U.startRow=Math.max(U.startRow,G.startIndex),U.endRow=Math.min(U.endRow,G.endIndex)),s(U),a({rowIndex:D.startRow,columnIndex:D.startCol+c()});let O=o.value,V=t.value,A=i.value;if(A){let k=applyFillValues(U,D.startRow,D.startCol,O,V);if(k.length>0){f?.();for(let L of k)A(L);p?.();}}C.value=null,h=null,g();},window.addEventListener("pointermove",P,true),window.addEventListener("pointerup",I,true),x(()=>{g();});}),onUnmounted(()=>g()),{fillDrag:C,setFillDrag:w,handleFillHandleMouseDown:D=>{D.preventDefault(),D.stopPropagation();let y=m.value;y&&(C.value={startRow:y.startRow,startCol:y.startCol});},fillDown:()=>{let D=m.value;if(!D\|\|n.value===false\|\|!i.value)return;let y=normalizeSelectionRange(D),x=o.value,F=t.value,S=i.value,X=applyFillValues(y,y.startRow,y.startCol,x,F);if(X.length>0){f?.();for(let Q of X)S(Q);p?.();}}}}function Qt(e){let{onCellValueChanged:o,maxUndoDepth:t=100}=e,n=new UndoRedoStack(t),i=ref(false),m=ref(false),s=()=>{i.value=n.canUndo,m.value=n.canRedo;};return {onCellValueChanged:o?c=>{n.record(c),n.isBatching\|\|s(),o(c);}:void 0,undo:()=>{if(!o)return;let c=n.undo();if(c){s();for(let C=c.length-1;C>=0;C--){let r=c[C];o({...r,oldValue:r.newValue,newValue:r.oldValue});}}},redo:()=>{if(!o)return;let c=n.redo();if(c){s();for(let C of c)o(C);}},canUndo:i,canRedo:m,beginBatch:()=>{n.beginBatch();},endBatch:()=>{n.endBatch(),s();},maxUndoDepth:t}}function en(e){let{wrapperRef:o,visibleCols:t,flatColumns:n,hasCheckboxCol:i,initialColumnWidths:m,onColumnResized:s}=e,a=ref(0),u,f=()=>{let r=o.value;if(!r)return;let v=r.getBoundingClientRect(),h=window.getComputedStyle(r),P=(parseFloat(h.borderLeftWidth\|\|"0")\|\|0)+(parseFloat(h.borderRightWidth\|\|"0")\|\|0);a.value=Math.max(0,v.width-P);};onMounted(()=>{let r=o.value;r&&(typeof ResizeObserver<"u"&&(u=new ResizeObserver(f),u.observe(r)),f());}),onUnmounted(()=>{u?.disconnect();});let p=ref((()=>{if(!m)return {};let r={};for(let[v,h]of Object.entries(m))r[v]={widthPx:h};return r})()),d=r=>{p.value=r;},c=computed(()=>{let r=i.value?CHECKBOX_COLUMN_WIDTH:0;return t.value.reduce((v,h)=>v+(h.minWidth??estimateHeaderMinWidth(h.name))+CELL_PADDING,r)});watch(n,r=>{let v=new Set(r.map(w=>w.columnId)),h=p.value,P=Object.keys(h),I=P.filter(w=>v.has(w));if(I.length<P.length){let w={};for(let g of I)w[g]=h[g];p.value=w;}});let C=computed(()=>{let r=i.value?CHECKBOX_COLUMN_WIDTH:0;return t.value.reduce((v,h)=>{let P=p.value[h.columnId],I=h.minWidth??estimateHeaderMinWidth(h.name),w=P?P.widthPx:h.idealWidth??h.defaultWidth??I;return v+Math.max(I,w)+CELL_PADDING},r)});return {containerWidth:a,minTableWidth:c,desiredTableWidth:C,columnSizingOverrides:p,setColumnSizingOverrides:d,onColumnResized:s}}function tn(e){let{columns:o,pinnedColumns:t,onColumnPinned:n}=e,i={};for(let c of o.value)c.pinned&&(i[c.columnId]=c.pinned);let m=ref(i),s=computed(()=>t?.value??m.value);return {pinnedColumns:s,pinColumn:(c,C)=>{let r={...s.value,[c]:C};m.value=r,n?.(c,C);},unpinColumn:c=>{let{[c]:C,...r}=s.value;m.value=r,n?.(c,null);},isPinned:c=>s.value[c],computeLeftOffsets:(c,C,r,v,h)=>{let P={},I=v?h:0;for(let w of c)s.value[w.columnId]==="left"&&(P[w.columnId]=I,I+=C[w.columnId]??r);return P},computeRightOffsets:(c,C,r)=>{let v={},h=0;for(let P=c.length-1;P>=0;P--){let I=c[P];s.value[I.columnId]==="right"&&(v[I.columnId]=h,h+=C[I.columnId]??r);}return v}}}function on(e){let{columns:o,pinnedColumns:t,onPinColumn:n,onUnpinColumn:i,onSort:m,onColumnResized:s,onAutosizeColumn:a,sortBy:u,sortDirection:f}=e,p=ref(false),d=ref(null),c=ref(null),C=(R,T)=>{d.value=R,c.value=T,p.value=true;},r=()=>{p.value=false,d.value=null,c.value=null;},v=computed(()=>d.value?o.value.find(R=>R.columnId===d.value):void 0),h=computed(()=>d.value?t.value[d.value]:void 0),P=computed(()=>h.value!=="left"),I=computed(()=>h.value!=="right"),w=computed(()=>!!h.value),g=computed(()=>!d.value\|\|!u?.value\|\|u.value!==d.value?null:f?.value??null),b=computed(()=>v.value?.sortable!==false),E=ref(true);return {isOpen:p,openForColumn:d,anchorElement:c,open:C,close:r,handlePinLeft:()=>{d.value&&P.value&&(n(d.value,"left"),r());},handlePinRight:()=>{d.value&&I.value&&(n(d.value,"right"),r());},handleUnpin:()=>{d.value&&w.value&&(i(d.value),r());},handleSortAsc:()=>{d.value&&m&&(m(d.value,"asc"),r());},handleSortDesc:()=>{d.value&&m&&(m(d.value,"desc"),r());},handleClearSort:()=>{d.value&&m&&(m(d.value,null),r());},handleAutosizeThis:()=>{let R=a??s;if(!d.value\|\|!R\|\|!E.value)return;let T=v.value;R(d.value,measureColumnContentWidth(d.value,T?.minWidth)),r();},handleAutosizeAll:()=>{let R=a??s;R&&(o.value.forEach(T=>{R(T.columnId,measureColumnContentWidth(T.columnId,T.minWidth));}),r());},canPinLeft:P,canPinRight:I,canUnpin:w,currentSort:g,isSortable:b,isResizable:E}}var je=()=>{},Ur=async()=>{},Or=(e,o,t)=>{},Mr=e=>{},kr=e=>{};function ln(e){let{props:o,wrapperRef:t}=e,n=computed(()=>o.value.items),i=o.value.getRowId,m=computed(()=>o.value.rowSelection??"none"),s=computed(()=>o.value.selectedRows),a=computed(()=>o.value.editable),u=computed(()=>o.value.cellSelection!==false),f=computed(()=>o.value.pinnedColumns),p=Qt({onCellValueChanged:o.value.onCellValueChanged}),d=computed(()=>p.onCellValueChanged),c=computed(()=>flattenColumns(o.value.columns)),C=computed(()=>{let $=f.value;return !$\|\|Object.keys($).length===0?c.value:c.value.map(Y=>{let ae=$[Y.columnId];return ae&&Y.pinned!==ae?{...Y,pinned:ae}:Y})}),r=computed(()=>resolveResponsiveConfig(o.value.responsiveColumns)),v=computed(()=>{let $=o.value.visibleColumns,Y=o.value.columnOrder,ae=$?C.value.filter(pe=>$.has(pe.columnId)):C.value;if(!Y?.length)return ae;let de=new Map;for(let pe=0;pe<Y.length;pe++)de.set(Y[pe],pe);return [...ae].sort((pe,xe)=>{let ce=de.get(pe.columnId)??-1,Ie=de.get(xe.columnId)??-1;return ce===-1&&Ie===-1?0:ce===-1?1:Ie===-1?-1:ce-Ie})}),h=ref(0),P=computed(()=>applyResponsiveHiding(v.value,h.value,r.value)),I=computed(()=>P.value.length),w=computed(()=>m.value==="multiple"),g=computed(()=>!!o.value.showRowNumbers),b=computed(()=>(w.value?1:0)+(g.value?1:0)),E=computed(()=>I.value+b.value),D=b,y=shallowRef(new Map);watch(n,$=>{let Y=y.value;Y.clear(),$.forEach((ae,de)=>Y.set(i(ae),de)),triggerRef(y);},{immediate:true});let x=Wt({items:n,getRowId:i,rowSelection:m,controlledSelectedRows:s,onSelectionChange:o.value.onSelectionChange}),{editingCell:F,setEditingCell:S,pendingEditorValue:X,setPendingEditorValue:Q}=Kt(),{activeCell:Z,setActiveCell:R}=$t(t,F),T=computed(()=>n.value.length),U=computed(()=>P.value.length),{selectionRange:G,setSelectionRange:O,handleCellMouseDown:V,handleSelectAllCells:A,isDragging:k}=qt({colOffset:D,rowCount:T,visibleColCount:U,setActiveCell:R,wrapperRef:t}),{contextMenuPosition:L,setContextMenuPosition:z,handleCellContextMenu:le,closeContextMenu:ne}=Xt(),{handleCopy:B,handleCut:ee,handlePaste:te,cutRange:Ce,copyRange:be,clearClipboardRanges:Ee}=jt({items:n,visibleCols:P,colOffset:D,selectionRange:G,activeCell:Z,editable:a,onCellValueChanged:d,beginBatch:p.beginBatch,endBatch:p.endBatch}),Ae=($,Y,ae)=>{$.button===0&&(t.value?.focus({preventScroll:true}),Ee(),V($,Y,ae));},{handleFillHandleMouseDown:Ne,fillDown:St}=Jt({items:n,visibleCols:P,editable:a,onCellValueChanged:d,selectionRange:G,setSelectionRange:O,setActiveCell:R,colOffset:D,wrapperRef:t,beginBatch:p.beginBatch,endBatch:p.endBatch}),{handleGridKeyDown:st}=Yt({data:{items:n,visibleCols:P,colOffset:D,hasCheckboxCol:w,visibleColumnCount:I,getRowId:i},state:{activeCell:Z,selectionRange:G,editingCell:F,selectedRowIds:x.selectedRowIds},handlers:{setActiveCell:R,setSelectionRange:O,setEditingCell:S,handleRowCheckboxChange:x.handleRowCheckboxChange,handleCopy:B,handleCut:ee,handlePaste:te,setContextMenu:z,onUndo:p.undo,onRedo:p.redo,clearClipboardRanges:Ee},features:{editable:a,onCellValueChanged:d,rowSelection:m,wrapperRef:t,fillDown:St,onKeyDown:computed(()=>o.value.onKeyDown)}}),{containerWidth:ut,minTableWidth:Ze,desiredTableWidth:dt,columnSizingOverrides:Fe,setColumnSizingOverrides:ct}=en({wrapperRef:t,visibleCols:v,flatColumns:C,hasCheckboxCol:w,initialColumnWidths:o.value.initialColumnWidths,onColumnResized:($,Y)=>o.value.onColumnResized?.($,Y)});watch(ut,$=>{h.value=$;},{immediate:true});let we=tn({columns:C,pinnedColumns:f,onColumnPinned:o.value.onColumnPinned}),Ke=($,Y)=>{ct({...Fe.value,[$]:{widthPx:Y}}),o.value.onColumnResized?.($,Y);},re=on({columns:C,pinnedColumns:we.pinnedColumns,onPinColumn:we.pinColumn,onUnpinColumn:we.unpinColumn,onSort:o.value.onColumnSort,onColumnResized:o.value.onColumnResized,onAutosizeColumn:Ke,sortBy:computed(()=>o.value.sortBy),sortDirection:computed(()=>o.value.sortDirection)}),_e=ref({});watch([P,ut,Fe],()=>{nextTick(()=>{let $=t.value;if(!$)return;let Y=$.querySelectorAll("th[data-column-id]");if(Y.length===0)return;let ae={};Y.forEach(ce=>{let Ie=ce.getAttribute("data-column-id");Ie&&(ae[Ie]=ce.offsetWidth);});let de=_e.value,pe=Object.keys(ae),xe=pe.length!==Object.keys(de).length;if(!xe){for(let ce of pe)if(de[ce]!==ae[ce]){xe=true;break}}xe&&(_e.value=ae);});},{flush:"post"});let Je=computed(()=>{let $={};for(let Y of P.value){let ae=Fe.value[Y.columnId];$[Y.columnId]=ae?ae.widthPx:Y.idealWidth??Y.defaultWidth??Y.minWidth??DEFAULT_MIN_COLUMN_WIDTH;}return $}),De=computed(()=>we.computeLeftOffsets(P.value,Je.value,DEFAULT_MIN_COLUMN_WIDTH,w.value,CHECKBOX_COLUMN_WIDTH)),Qe=computed(()=>we.computeRightOffsets(P.value,Je.value,DEFAULT_MIN_COLUMN_WIDTH)),et=computed(()=>computeAggregations(n.value,P.value,u.value?G.value:null)),We=computed(()=>{let $=getDataGridStatusBarConfig(o.value.statusBar,n.value.length,x.selectedRowIds.value.size);return $?{...$,aggregation:et.value??void 0}:null}),ft=computed(()=>n.value.length===0&&!!o.value.emptyState&&!o.value.isLoading),pt=computed(()=>G.value!=null\|\|Z.value!=null),Le=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})),vt=computed(()=>({editingCell:F.value,activeCell:u.value?Z.value:null,selectionRange:u.value?G.value:null,cutRange:u.value?Ce.value:null,copyRange:u.value?be.value:null,colOffset:D.value,itemsLength:n.value.length,getRowId:i,editable:a.value,onCellValueChanged:d.value,isDragging:u.value?k.value:false,getFormulaValue:o.value.getFormulaValue,hasFormula:o.value.hasFormula,getFormula:o.value.getFormula,formulaVersion:o.value.formulaVersion})),gt=ref(null),$e=$=>{gt.value=$;},yt=($,Y,ae,de,pe,xe,ce)=>{let Ie=P.value.find(Ue=>Ue.columnId===Y);if(Ie){let Ue=parseValue(de,ae,$,Ie);if(!Ue.valid){S(null),$e(null),Q(void 0);return}de=Ue.value;}if(d.value?.({item:$,columnId:Y,oldValue:ae,newValue:de,rowIndex:pe}),S(null),$e(null),Q(void 0),!ce?.skipAdvance&&pe<n.value.length-1){let Ue=pe+1,tt=xe-D.value;R({rowIndex:Ue,columnIndex:xe}),O({startRow:Ue,startCol:tt,endRow:Ue,endCol:tt});}},he=()=>{S(null),$e(null),Q(void 0);},Ct=computed(()=>({flatColumns:C.value,visibleCols:P.value,visibleColumnCount:I.value,totalColCount:E.value,colOffset:D.value,hasCheckboxCol:w.value,hasRowNumbersCol:g.value,rowIndexByRowId:y.value,containerWidth:ut.value,minTableWidth:Ze.value,desiredTableWidth:dt.value,columnSizingOverrides:Fe.value,setColumnSizingOverrides:ct,onColumnResized:o.value.onColumnResized,measuredColumnWidths:_e.value,stickyHeader:o.value.stickyHeader??true})),wt=computed(()=>({selectedRowIds:x.selectedRowIds.value,updateSelection:x.updateSelection,handleRowCheckboxChange:x.handleRowCheckboxChange,handleSelectAll:x.handleSelectAll,allSelected:x.allSelected.value,someSelected:x.someSelected.value})),qe=computed(()=>({editingCell:F.value,setEditingCell:S,pendingEditorValue:X.value,setPendingEditorValue:Q,commitCellEdit:yt,cancelPopoverEdit:he,popoverAnchorEl:gt.value,setPopoverAnchorEl:$e})),ht=computed(()=>({activeCell:u.value?Z.value:null,setActiveCell:u.value?R:je,selectionRange:u.value?G.value:null,setSelectionRange:u.value?O:je,handleCellMouseDown:u.value?Ae:Or,handleSelectAllCells:u.value?A:je,hasCellSelection:u.value?pt.value:false,handleGridKeyDown:u.value?st:Mr,handleFillHandleMouseDown:u.value?Ne:je,handleCopy:u.value?B:je,handleCut:u.value?ee:je,handlePaste:u.value?te:Ur,cutRange:u.value?Ce.value:null,copyRange:u.value?be.value:null,clearClipboardRanges:u.value?Ee:je,canUndo:p.canUndo.value,canRedo:p.canRedo.value,onUndo:p.undo,onRedo:p.redo,isDragging:u.value?k.value:false})),xt=computed(()=>({menuPosition:u.value?L.value:null,setMenuPosition:u.value?z:je,handleCellContextMenu:u.value?le:kr,closeContextMenu:u.value?ne:je})),It=computed(()=>({headerFilterInput:Le.value,cellDescriptorInput:vt.value,statusBarConfig:We.value,showEmptyInGrid:ft.value,onCellError:o.value.onCellError})),Tt=computed(()=>({pinnedColumns:we.pinnedColumns.value,pinColumn:we.pinColumn,unpinColumn:we.unpinColumn,isPinned:we.isPinned,leftOffsets:De.value,rightOffsets:Qe.value,headerMenu:{isOpen:re.isOpen.value,openForColumn:re.openForColumn.value,anchorElement:re.anchorElement.value,open:re.open,close:re.close,handlePinLeft:re.handlePinLeft,handlePinRight:re.handlePinRight,handleUnpin:re.handleUnpin,handleSortAsc:re.handleSortAsc,handleSortDesc:re.handleSortDesc,handleClearSort:re.handleClearSort,handleAutosizeThis:re.handleAutosizeThis,handleAutosizeAll:re.handleAutosizeAll,canPinLeft:re.canPinLeft.value,canPinRight:re.canPinRight.value,canUnpin:re.canUnpin.value,currentSort:re.currentSort.value,isSortable:re.isSortable.value,isResizable:re.isResizable.value}}));return {layout:Ct,rowSelection:wt,editing:qe,interaction:ht,contextMenu:xt,viewModels:It,pinning:Tt}}function rn(e){let{columnSizingOverrides:o,setColumnSizingOverrides:t,minWidth:n=80,defaultWidth:i=120,onColumnResized:m}=e,s=0,a=null;return onUnmounted(()=>{a?.(),a=null;}),{handleResizeStart:(d,c)=>{d.preventDefault(),d.stopPropagation();let C=d.clientX,r=c.columnId,v=d.currentTarget.parentElement,h=v?v.getBoundingClientRect().width:o.value[r]?.widthPx??c.idealWidth??c.defaultWidth??i,P=h,I=document.body.style.cursor,w=document.body.style.userSelect;document.body.style.cursor="col-resize",document.body.style.userSelect="none";let g=()=>{t({...o.value,[r]:{widthPx:P}});},b=r===ROW_NUMBER_COLUMN_ID?ROW_NUMBER_COLUMN_MIN_WIDTH:n,E=x=>{let F=x.clientX-C;P=Math.max(b,h+F),s\|\|(s=requestAnimationFrame(()=>{s=0,g();}));},D=()=>{document.removeEventListener("pointermove",E),document.removeEventListener("pointerup",y),a=null,document.body.style.cursor=I,document.body.style.userSelect=w,s&&(cancelAnimationFrame(s),s=0);},y=()=>{D(),g(),m?.(r,P);};document.addEventListener("pointermove",E),document.addEventListener("pointerup",y),a=D;},handleResizeDoubleClick:(d,c)=>{d.preventDefault(),d.stopPropagation();let C=c.columnId,v=(d.currentTarget.closest("th")??d.currentTarget.parentElement)?.closest("table")?.parentElement??void 0,h=measureColumnContentWidth(C,n,v);t({...o.value,[C]:{widthPx:h}}),m?.(C,h);},getColumnWidth:d=>o.value[d.columnId]?.widthPx??d.idealWidth??d.defaultWidth??i}}function an(e,o){let t=ref(e.value),n;return watch(e,i=>{n!==void 0&&clearTimeout(n),n=setTimeout(()=>{t.value=i;},o);}),onUnmounted(()=>{n!==void 0&&clearTimeout(n);}),t}function Fo(e,o){let t,n=e,i,m=((...s)=>{n=e,i=s,t!==void 0&&clearTimeout(t),t=setTimeout(()=>{n(...s),i=void 0,t=void 0;},o);});return m.cancel=()=>{t!==void 0&&clearTimeout(t),t=void 0,i=void 0;},m.flush=()=>{if(t!==void 0&&i!==void 0){clearTimeout(t),t=void 0;let s=i;i=void 0,n(...s);}},onUnmounted(()=>{t!==void 0&&clearTimeout(t);}),m}function sn(e){let{textValue:o="",onTextChange:t}=e,n=ref(o);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 Kr=150,Xn=[];function un(e){let{onFilterChange:o}=e,t=ref(new Set(e.selectedValues??Xn)),n=ref(""),i=an(n,Kr);watch(e.isFilterOpen,c=>{c&&(t.value=new Set(e.selectedValues??Xn),n.value="");});let m=computed(()=>{let c=e.options??Xn;if(!i.value.trim())return c;let C=i.value.toLowerCase().trim();return c.filter(r=>r.toLowerCase().includes(C))});return {tempSelected:t,setTempSelected:c=>{t.value=c;},searchText:n,setSearchText:c=>{n.value=c;},debouncedSearchText:i,filteredOptions:m,handleCheckboxChange:(c,C)=>{let r=new Set(t.value);C?r.add(c):r.delete(c),t.value=r;},handleSelectAll:()=>{t.value=new Set(m.value);},handleClearSelection:()=>{t.value=new Set;},handleApplyMultiSelect:()=>{o?.(Array.from(t.value));}}}var qr=300;function cn(e){let{onUserChange:o,filterType:t}=e,n=ref(null),i,m=ref([]),s=ref(false),a=ref(""),u=d=>{a.value=d;};return watch(e.isFilterOpen,d=>{d&&(a.value="",m.value=[],t==="people"&&setTimeout(()=>n.value?.focus(),50));}),watch([a,()=>e.peopleSearch,e.isFilterOpen],([d,c,C])=>{if(i&&clearTimeout(i),!(!c\|\|!C\|\|t!=="people")){if(!d.trim()){m.value=[];return}s.value=true,i=setTimeout(async()=>{try{let r=await c(d);m.value=r.slice(0,10);}catch{m.value=[];}finally{s.value=false;}},qr);}}),onUnmounted(()=>{i&&clearTimeout(i);}),{peopleSuggestions:m,isPeopleLoading:s,peopleSearchText:a,setPeopleSearchText:u,peopleInputRef:n,handleUserSelect:d=>{o?.(d);},handleClearUser:()=>{o?.(void 0);}}}function mn(e){let{onDateChange:o}=e,t=ref(e.dateValue?.from??""),n=ref(e.dateValue?.to??"");return watch(e.isFilterOpen,u=>{u&&(t.value=e.dateValue?.from??"",n.value=e.dateValue?.to??"");}),{tempDateFrom:t,setTempDateFrom:u=>{t.value=u;},tempDateTo:n,setTempDateTo:u=>{n.value=u;},handleDateApply:()=>{let u=t.value\|\|void 0,f=n.value\|\|void 0;o?.(u\|\|f?{from:u,to:f}:void 0);},handleDateClear:()=>{t.value="",n.value="";}}}var Zr=[];function Ao(e){let{filterType:o,onSort:t}=e,n=()=>e.selectedValues??Zr,i=ref(null),m=ref(null),s=ref(false),a=ref(null),u=R=>{s.value=R;},f=sn({textValue:e.textValue,onTextChange:e.onTextChange,isFilterOpen:s}),p=un({selectedValues:e.selectedValues,onFilterChange:e.onFilterChange,options:e.options,isFilterOpen:s}),d=cn({selectedUser:e.selectedUser,onUserChange:e.onUserChange,peopleSearch:e.peopleSearch,isFilterOpen:s,filterType:o}),c=mn({dateValue:e.dateValue,onDateChange:e.onDateChange,isFilterOpen:s});watch(s,R=>{R\|\|(a.value=null);});let C=null,r=null,v,h=()=>{P(),C=R=>{let T=R.target;m.value&&!m.value.contains(T)&&i.value&&!i.value.contains(T)&&(s.value=false);},r=R=>{(R.key==="Escape"\|\|R.key==="Esc")&&(R.preventDefault(),R.stopPropagation(),s.value=false);},v=setTimeout(()=>{C&&document.addEventListener("mousedown",C);},0),document.addEventListener("keydown",r,true);},P=()=>{v&&clearTimeout(v),C&&document.removeEventListener("mousedown",C),r&&document.removeEventListener("keydown",r,true),C=null,r=null;};watch(s,R=>{R?h():P();}),onUnmounted(()=>P());let I=R=>{if(R.stopPropagation(),R.preventDefault(),!s.value&&i.value){let T=i.value.getBoundingClientRect();a.value={top:T.bottom+4,left:T.left};}s.value=!s.value;},w=R=>{R.stopPropagation(),t?.();},g=()=>{p.handleApplyMultiSelect(),s.value=false;},b=()=>{f.handleTextApply(),s.value=false;},E=R=>{d.handleUserSelect(R),s.value=false;},D=()=>{d.handleClearUser(),s.value=false;},y=()=>{c.handleDateApply(),s.value=false;},x=R=>R.stopPropagation(),F=R=>R.stopPropagation(),S=R=>R.stopPropagation(),X=R=>R.stopPropagation(),Q=R=>{R.key!=="Escape"&&R.key!=="Esc"&&R.stopPropagation();},Z=computed(()=>o==="multiSelect"?n().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:d.peopleInputRef,isFilterOpen:s,setFilterOpen:u,tempSelected:p.tempSelected,setTempSelected:p.setTempSelected,tempTextValue:f.tempTextValue,setTempTextValue:f.setTempTextValue,searchText:p.searchText,setSearchText:p.setSearchText,debouncedSearchText:p.debouncedSearchText,filteredOptions:p.filteredOptions,peopleSuggestions:d.peopleSuggestions,isPeopleLoading:d.isPeopleLoading,peopleSearchText:d.peopleSearchText,setPeopleSearchText:d.setPeopleSearchText,tempDateFrom:c.tempDateFrom,setTempDateFrom:c.setTempDateFrom,tempDateTo:c.tempDateTo,setTempDateTo:c.setTempDateTo,hasActiveFilter:Z,popoverPosition:a,handlers:{handleFilterIconClick:I,handleApplyMultiSelect:g,handleTextApply:b,handleTextClear:f.handleTextClear,handleUserSelect:E,handleClearUser:D,handleCheckboxChange:p.handleCheckboxChange,handleSelectAll:p.handleSelectAll,handleClearSelection:p.handleClearSelection,handlePopoverClick:x,handleInputFocus:F,handleInputMouseDown:S,handleInputClick:X,handleInputKeyDown:Q,handleDateApply:y,handleDateClear:c.handleDateClear,handleSortClick:w}}}function Bo(e){let{columns:o,visibleColumns:t,onVisibilityChange:n}=e,i=ref(false),m=null,s=()=>{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?s():a();}),onUnmounted(()=>a());let u=h=>{i.value=h;},f=()=>{i.value=!i.value;},p=()=>{i.value=false;},d=h=>P=>{n(h,P);},c=()=>{o.value.forEach(h=>{t.value.has(h.columnId)\|\|n(h.columnId,true);});},C=()=>{o.value.forEach(h=>{!h.required&&t.value.has(h.columnId)&&n(h.columnId,false);});},r=computed(()=>t.value.size),v=computed(()=>o.value.length);return {open:i,setOpen:u,handleToggle:f,handleClose:p,handleCheckboxChange:d,handleSelectAll:c,handleClearAll:C,visibleCount:r,totalCount:v}}function Ho(e){let{value:o,editorType:t,onCommit:n,onCancel:i,dateFormat:m,dateEditorType:s}=e,a=m??DEFAULT_DATE_FORMAT,u=ref((()=>{if(o==null)return "";if(t==="date"){if(s==="native"){let v=String(o);return v.match(/^\d{4}-\d{2}-\d{2}/)?v.substring(0,10):v}return formatDateForDisplay(o,a)??""}return String(o)})()),f=v=>{u.value=v;},p=v=>{if(t==="date"&&s!=="native"){if(!v\|\|!v.trim()){n(null);return}let h=parseUserInputDate(v,a);if(h!==null){let P=h.getUTCFullYear().toString().padStart(4,"0"),I=(h.getUTCMonth()+1).toString().padStart(2,"0"),w=h.getUTCDate().toString().padStart(2,"0");n(`${P}-${I}-${w}`);}else n(null);}else n(v);},d=v=>{n(v);},c=()=>{i();};return {localValue:u,setLocalValue:f,handleKeyDown:v=>{v.key==="Escape"&&(v.preventDefault(),v.stopPropagation(),c()),v.key==="Enter"&&(t==="text"\|\|t==="date")&&(v.preventDefault(),v.stopPropagation(),p(u.value));},handleBlur:()=>{(t==="text"\|\|t==="date")&&p(u.value);},commit:d,cancel:c}}function Go(e){let{values:o,formatValue:t,initialValue:n,onCommit:i,onCancel:m}=e,s=ref(""),a=o.findIndex(r=>String(r)===String(n)),u=ref(Math.max(a,0)),f=r=>{s.value=r;},p=r=>t?t(r):r!=null?String(r):"",d=computed(()=>{if(!s.value.trim())return o;let r=s.value.toLowerCase();return o.filter(v=>p(v).toLowerCase().includes(r))}),c=r=>{i(r);};return {searchText:s,setSearchText:f,filteredValues:d,highlightedIndex:u,handleKeyDown:r=>{switch(r.key){case "ArrowDown":r.preventDefault(),u.value=Math.min(u.value+1,d.value.length-1);break;case "ArrowUp":r.preventDefault(),u.value=Math.max(u.value-1,0);break;case "Enter":r.preventDefault(),r.stopPropagation(),d.value.length>0&&u.value<d.value.length&&c(d.value[u.value]);break;case "Escape":r.preventDefault(),r.stopPropagation(),m();break}},selectValue:c,getDisplayText:p}}var da=8,ca=5;function pn(e){let{columnOrder:o,onColumnOrderChange:t,tableRef:n,pinnedColumns:i}=e,m=ref(false),s=ref(null),a=null,u="unpinned",f=0,p=null;return onUnmounted(()=>{p?.(),p=null;}),{isDragging:m,dropIndicatorX:s,handleHeaderMouseDown:(c,C)=>{if(C.button!==0)return;let r=C.target.closest("th");if(r){let x=r.getBoundingClientRect();if(C.clientX>x.right-da)return}if(C.preventDefault(),!n.value\|\|!t.value)return;a=c,u=getPinStateForColumn(c,i?.value),s.value=null;let h=C.clientX,P=false,I=C.clientX,w=-1,g=document.body.style.cursor,b=document.body.style.userSelect;document.body.style.cursor="grabbing",document.body.style.userSelect="none";let E=x=>{!P&&Math.abs(x.clientX-h)<ca\|\|(P\|\|(P=true,m.value=true),I=x.clientX,f\|\|(f=requestAnimationFrame(()=>{f=0;let F=n.value;if(!F\|\|!a)return;let S=calculateDropTarget({mouseX:I,columnOrder:o.value,draggedColumnId:a,draggedPinState:u,tableElement:F,pinnedColumns:i?.value});S?(w=S.targetIndex,s.value=S.indicatorX):s.value=null;})));},D=()=>{window.removeEventListener("pointermove",E,true),window.removeEventListener("pointerup",y,true),p=null,document.body.style.cursor=g,document.body.style.userSelect=b,f&&(cancelAnimationFrame(f),f=0);},y=()=>{if(D(),P&&a&&w>=0&&t.value){let x=reorderColumnArray(o.value,a,w);t.value(x);}a=null,m.value=false,s.value=null,w=-1;};window.addEventListener("pointermove",E,true),window.addEventListener("pointerup",y,true),p=D;}}}var ba=100;function gn(e){let{totalRows:o,rowHeight:t,enabled:n,overscan:i=5,threshold:m=ba,columnsEnabled:s,columnWidths:a,columnOverscan:u=2}=e;onMounted(()=>{validateVirtualScrollConfig({enabled:n.value,rowHeight:t});});let f=ref(null),p=ref(0),d=ref(0),c=ref(0),C=ref(0),r=0,v,h=null,P=computed(()=>n.value&&o.value>=m),I=computed(()=>P.value?computeVisibleRange(p.value,t,c.value,o.value,i):{startIndex:0,endIndex:Math.max(0,o.value-1),offsetTop:0,offsetBottom:0}),w=computed(()=>n.value?computeTotalHeight(o.value,t):0),g=computed(()=>{if(!s?.value)return null;let y=a?.value;return !y\|\|y.length===0?null:computeVisibleColumnRange(d.value,y,C.value,u)}),b=()=>{r\|\|(r=requestAnimationFrame(()=>{r=0;let y=f.value;y&&(p.value=y.scrollTop,d.value=y.scrollLeft);}));},E=()=>{let y=f.value;y&&(c.value=y.clientHeight,C.value=y.clientWidth);};return watch(f,y=>{y!==h&&(h&&h.removeEventListener("scroll",b),v&&(v.disconnect(),v=void 0),h=y,y&&(y.addEventListener("scroll",b,{passive:true}),typeof ResizeObserver<"u"&&(v=new ResizeObserver(E),v.observe(y)),E(),p.value=y.scrollTop,d.value=y.scrollLeft));}),onUnmounted(()=>{let y=f.value;y&&y.removeEventListener("scroll",b),v?.disconnect(),r&&(cancelAnimationFrame(r),r=0);}),{containerRef:f,visibleRange:I,totalHeight:w,scrollToRow:(y,x="start")=>{let F=f.value;F&&(F.scrollTop=getScrollTopForRow(y,t,c.value,x));},columnRange:g,scrollLeft:d}}function hn(e){let{props:o}=e,t=ref(null),n=ref(null),i=ref(null),m=ref(false),s=ln({props:o,wrapperRef:t}),a=computed(()=>{let E=o.value;return E.columnOrder?E.columnOrder:flattenColumns(E.columns).filter(D=>E.visibleColumns?.has(D.columnId)??true).map(D=>D.columnId)}),u=computed(()=>o.value.onColumnOrderChange),f=pn({columnOrder:a,onColumnOrderChange:u,tableRef:i}),p=computed(()=>o.value.virtualScroll?.enabled??false),d=computed(()=>o.value.items.length),c=o.value.virtualScroll?.rowHeight??36,C=o.value.virtualScroll?.overscan??5,r=computed(()=>o.value.virtualScroll?.columns===true),v=o.value.virtualScroll?.columnOverscan??2,h=computed(()=>{let E=s.layout.value,{visibleCols:D,columnSizingOverrides:y}=E,x=o.value.pinnedColumns??{},F=[];for(let S of D){if(x[S.columnId]\|\|S.pinned)continue;let X=y[S.columnId];F.push(X?X.widthPx:S.defaultWidth??S.minWidth??DEFAULT_MIN_COLUMN_WIDTH);}return F}),P=gn({totalRows:d,rowHeight:c,enabled:p,overscan:C,columnsEnabled:r,columnWidths:h,columnOverscan:v}),I=computed(()=>{if(!r.value)return null;let D=s.layout.value.visibleCols,y=P.columnRange.value,x=o.value.pinnedColumns;return partitionColumnsForVirtualization(D,y,x)}),w=computed(()=>{let D=s.layout.value.visibleCols,y=new Map;for(let x=0;x<D.length;x++)y.set(D[x].columnId,x);return y}),g=computed(()=>s.layout.value.columnSizingOverrides),b=rn({columnSizingOverrides:g,setColumnSizingOverrides:E=>s.layout.value.setColumnSizingOverrides(E)});return {wrapperRef:t,tableContainerRef:n,tableRef:i,lastMouseShift:m,state:s,columnReorder:f,virtualScroll:P,virtualScrollEnabled:p,columnResize:b,columnPartition:I,globalColIndexMap:w}}function Rn(e,o,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:o})),n}var No=()=>{};function Oa(e){return defineComponent({name:"DataGridTable",props:{gridProps:{type:Object,required:true}},setup(o){let t=computed(()=>o.gridProps),{wrapperRef:n,tableContainerRef:i,tableRef:m,lastMouseShift:s,state:a,columnReorder:{isDragging:u,dropIndicatorX:f,handleHeaderMouseDown:p},virtualScroll:{containerRef:d,visibleRange:c,totalHeight:C,scrollToRow:r},virtualScrollEnabled:v,columnResize:{handleResizeStart:h$1,handleResizeDoubleClick:P,getColumnWidth:I},columnPartition:w,globalColIndexMap:g}=hn({props:t}),b=computed(()=>{let S=t.value;return S.showRowNumbers\|\|S.showColumnLetters?((S.currentPage??1)-1)(S.pageSize??25):0});watch([()=>a.interaction.value.activeCell,b],([S,X])=>{let Q=t.value.onActiveCellChange;Q&&Q(S?formatCellReference(S.columnIndex-a.layout.value.colOffset,X+S.rowIndex+1):null);},{immediate:true});let E=S=>{s.value=S.shiftKey;},D=S=>S.preventDefault(),y=S=>S.stopPropagation(),x=computed(()=>buildHeaderRows(t.value.columns,t.value.visibleColumns)),F=computed(()=>{let S=a.layout.value,X=a.pinning.value,{visibleCols:Q,columnSizingOverrides:Z,measuredColumnWidths:R}=S,{leftOffsets:T,rightOffsets:U}=X,G={},O={},V={},A={};for(let k=0;k<Q.length;k++){let L=Q[k],z=L.pinned==="left",le=L.pinned==="right",ne=I(L),B=!!Z[L.columnId],ee=R[L.columnId],te=L.minWidth??estimateHeaderMinWidth(L.name),Ce=B?ne:Math.max(te,ee??0),be={minWidth:`${Ce}px`,width:`${ne}px`,maxWidth:`${ne}px`},Ee={minWidth:`${Ce}px`,width:`${ne}px`,maxWidth:`${ne}px`},Ae=["ogrid-data-cell"],Ne=["ogrid-header-cell"];z?(Ae.push("ogrid-data-cell--pinned-left"),be.left=`${T[L.columnId]??0}px`,Ne.push("ogrid-header-cell--pinned-left"),Ee.left=`${T[L.columnId]??0}px`):le&&(Ae.push("ogrid-data-cell--pinned-right"),be.right=`${U[L.columnId]??0}px`,Ne.push("ogrid-header-cell--pinned-right"),Ee.right=`${U[L.columnId]??0}px`),G[L.columnId]=be,O[L.columnId]=Ae.join(" "),V[L.columnId]=Ee,A[L.columnId]=Ne.join(" ");}return {cellStyles:G,cellClasses:O,hdrStyles:V,hdrClasses:A}});return ()=>{let S=o.gridProps,X=a.layout.value,Q=a.rowSelection.value,Z=a.editing.value,R=a.interaction.value,T=a.contextMenu.value,U=a.viewModels.value,G=a.pinning.value,{headerMenu:O}=G,{visibleCols:V,hasCheckboxCol:A,hasRowNumbersCol:k,colOffset:L,containerWidth:z,minTableWidth:le,desiredTableWidth:ne}=X,B=S.currentPage??1,ee=S.pageSize??25,te=k?(B-1)ee:0,{selectedRowIds:Ce,handleRowCheckboxChange:be,handleSelectAll:Ee,allSelected:Ae,someSelected:Ne}=Q,{editingCell:St,setEditingCell:st,pendingEditorValue:ut,setPendingEditorValue:Ze,commitCellEdit:dt,cancelPopoverEdit:Fe,popoverAnchorEl:ct,setPopoverAnchorEl:we}=Z,{setActiveCell:Ke,setSelectionRange:re,handleCellMouseDown:_e,handleSelectAllCells:Je,selectionRange:De,hasCellSelection:Qe,handleGridKeyDown:et,handleFillHandleMouseDown:We,handleCopy:ft,handleCut:pt,handlePaste:Le,cutRange:vt,copyRange:gt,canUndo:$e,canRedo:yt,onUndo:he,onRedo:Ct,isDragging:wt}=R,{menuPosition:qe,handleCellContextMenu:ht,closeContextMenu:xt}=T,{headerFilterInput:It,cellDescriptorInput:Tt,statusBarConfig:$,showEmptyInGrid:Y,onCellError:ae}=U,de=S.items,pe=S.getRowId,xe=S.layoutMode??"fill",ce=S.rowSelection??"none",Ie=S.suppressHorizontalScroll,Ue=S.stickyHeader??true,tt=S.isLoading??false,Pn=S.loadingMessage??"Loading\u2026",Be=S["aria-label"],At=S["aria-labelledby"],En=xe==="content",Pt=!Ie&&z>0&&(le>z\|\|ne>z),He=x.value,Et={commitCellEdit:dt,setEditingCell:st,setPendingEditorValue:Ze,cancelPopoverEdit:Fe},Dn={handleCellMouseDown:_e,setActiveCell:Ke,setEditingCell:st,handleCellContextMenu:ht},l=N=>{if(ce!=="single")return;let ie=N.currentTarget.dataset.rowId;ie&&Q.updateSelection(Ce.has(ie)?new Set:new Set([ie]));},M=(N,W,ie,Me)=>{try{return oe(N,W,ie,Me)}catch(_){return ae&&ae(_ instanceof Error?_:new Error(String(_)),void 0),""}},oe=(N,W,ie,Me)=>{let _=getCellRenderDescriptor(N,W,ie,Me,Tt);if(_.mode==="editing-inline"){let se=buildInlineEditorProps(N,W,_,Et);return h("div",{class:"ogrid-editing-cell"},h(e.InlineCellEditor,{value:se.value,item:se.item,column:se.column,rowIndex:se.rowIndex,editorType:se.editorType,onCommit:se.onCommit,onCancel:se.onCancel}))}if(_.mode==="editing-popover"&&typeof W.cellEditor=="function"){let se=buildPopoverEditorProps(N,W,_,ut,Et),J=W.cellEditor,Lt=resolveCellDisplayContent(W,N,_.displayValue),Jn=resolveCellStyle(W,N,_.displayValue);return h("div",[h("div",{ref:Qn=>{Qn&&we(Qn);},class:"ogrid-popover-anchor"},[Jn?h("span",{style:Jn},[Lt]):Lt]),ct?h(J,se):null])}let ke=Rn(_,W.columnId,Dn),Pe=["ogrid-cell-content"];W.type==="numeric"?Pe.push("ogrid-cell-content--numeric"):W.type==="boolean"&&Pe.push("ogrid-cell-content--boolean"),_.canEditAny&&Pe.push("ogrid-cell-content--editable"),_.isActive&&Pe.push("ogrid-cell-content--active"),_.isActive&&_.isInRange&&Pe.push("ogrid-cell-content--active-in-range"),_.isInRange&&!_.isActive&&Pe.push("ogrid-cell-in-range"),_.isInCutRange&&Pe.push("ogrid-cell-cut");let Xe;if(_.columnType==="boolean"){let se=!!_.displayValue;Xe=h("input",{type:"checkbox",checked:se,disabled:!_.canEditAny,onChange:_.canEditAny?()=>{let J=_.rowIndex,Lt=_.globalColIndex;Et.commitCellEdit(N,W.columnId,se,!se,J,Lt,{skipAdvance:true});}:void 0,onPointerdown:J=>handleBooleanCellPointerDown(J,_.rowIndex,_.globalColIndex,L,{setActiveCell:Ke,setSelectionRange:re}),onClick:J=>J.stopPropagation(),style:`margin:0;cursor:${_.canEditAny?"pointer":"default"};outline:none`,"aria-label":se?"Checked":"Unchecked"});}else {let se=resolveCellDisplayContent(W,N,_.displayValue),J=resolveCellStyle(W,N,_.displayValue);Xe=J?h("span",{style:J},se):se;}return h("div",{...ke,class:Pe.join(" ")},[Xe,..._.canEditAny&&_.isSelectionEndCell?[h("div",{onPointerdown:We,"aria-label":"Fill handle",class:"ogrid-fill-handle"})]:[]])},{cellStyles:Se,cellClasses:nt,hdrStyles:ot,hdrClasses:lt}=F.value,Te=V.map(N=>({col:N,tdClasses:nt[N.columnId]\|\|"ogrid-data-cell",tdDynamicStyle:Se[N.columnId]\|\|{}})),Ve=w.value,Rt=Te,Re=0,me=0;if(Ve){let N=new Set;for(let W of Ve.pinnedLeft)N.add(W.columnId);for(let W of Ve.virtualizedUnpinned)N.add(W.columnId);for(let W of Ve.pinnedRight)N.add(W.columnId);Rt=Te.filter(W=>N.has(W.col.columnId)),Re=Ve.leftSpacerWidth,me=Ve.rightSpacerWidth;}let Ge=g.value,ve=N=>{let W=ot[N.columnId]\|\|{};return {classes:lt[N.columnId]\|\|"ogrid-header-cell",style:{...W,cursor:u.value?"grabbing":"grab"}}},Oe=v.value,fe={position:"relative",width:En?"fit-content":"100%",maxWidth:"100%",overflowX:Ie?"hidden":Pt?"auto":"hidden",overflowY:"auto",backgroundColor:"#fff",willChange:"scroll-position",...Oe?{flex:"1",minHeight:"0"}:{minHeight:tt&&de.length===0?"200px":"auto"}};return S.rowHeight&&(fe["--ogrid-row-height"]=`${S.rowHeight}px`),h("div",{class:"ogrid-outer-container"},[h("div",{ref:N=>{n.value=N,d.value=N;},tabindex:0,role:"region","aria-label":Be??(At?void 0:"Data grid"),"aria-labelledby":At,onPointerdown:E,onKeydown:et,onContextmenu:D,"data-overflow-x":Pt?"true":"false","data-ogrid-scroll-container":"",style:fe},[h("div",{class:"ogrid-scroll-wrapper"},[h("div",{style:{minWidth:Pt?`${le}px`:void 0,overflowX:"clip"}},[h("div",{ref:N=>{i.value=N;},class:["ogrid-table-container",tt&&de.length>0?"ogrid-table-container--loading":""]},[...u.value&&f.value!==null?[h("div",{class:"ogrid-drop-indicator",style:{left:`${f.value}px`}})]:[],h("table",{ref:N=>{m.value=N;},class:"ogrid-table",role:"grid",style:{minWidth:`${le}px`},...v.value?{"data-virtual-scroll":""}:{}},[h("thead",{class:Ue?"ogrid-thead ogrid-sticky-header":"ogrid-thead"},[...S.showColumnLetters?[h("tr",{class:"ogrid-column-letter-row"},[...A?[h("th",{class:"ogrid-column-letter-cell"})]:[],...k?[h("th",{class:"ogrid-column-letter-cell"})]:[],...V.map((N,W)=>{let{classes:ie,style:Me}=ve(N);return h("th",{key:N.columnId,class:`ogrid-column-letter-cell ${ie}`,style:Me},indexToColumnLetter(W))})])]:[],...He.map((N,W)=>h("tr",{key:W,class:"ogrid-header-row"},[...W===He.length-1&&A?[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:Ae,indeterminate:Ne&&!Ae,ariaLabel:"Select all rows",onChange:ie=>Ee(!!ie)}))]:[],...W===0&&W<He.length-1&&A?[h("th",{rowSpan:He.length-1,class:"ogrid-checkbox-spacer",style:{width:`${CHECKBOX_COLUMN_WIDTH}px`,minWidth:`${CHECKBOX_COLUMN_WIDTH}px`}})]:[],...W===He.length-1&&k?[(()=>{let ie=X.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:A?`${CHECKBOX_COLUMN_WIDTH}px`:"0",zIndex:3}},["#",h("div",{onPointerdown:Me=>{Ke(null),re(null),n.value?.focus({preventScroll:true}),Me.stopPropagation(),h$1(Me,{columnId:ROW_NUMBER_COLUMN_ID,name:"#"});},class:"ogrid-resize-handle"})])})()]:[],...W===0&&W<He.length-1&&k?[(()=>{let ie=X.columnSizingOverrides[ROW_NUMBER_COLUMN_ID]?.widthPx??ROW_NUMBER_COLUMN_WIDTH;return h("th",{rowSpan:He.length-1,class:"ogrid-row-number-spacer",style:{width:`${ie}px`,position:"sticky",left:A?`${CHECKBOX_COLUMN_WIDTH}px`:"0",zIndex:3}})})()]:[],...N.map((ie,Me)=>{if(ie.isGroup)return h("th",{key:Me,colSpan:ie.colSpan,scope:"colgroup",class:"ogrid-column-group-header"},ie.label);if(!ie.columnDef)return null;let _=ie.columnDef,{classes:ke,style:Pe}=ve(_),se=S.sortBy===_.columnId?S.sortDirection==="asc"?"ascending":"descending":void 0;return h("th",{key:_.columnId,scope:"col","data-column-id":_.columnId,rowSpan:He.length>1?He.length-W:void 0,class:ke,style:Pe,"aria-sort":se,onPointerdown:J=>p(_.columnId,J)},[h("div",{class:"ogrid-header-content"},[h(e.ColumnHeaderFilter,getHeaderFilterConfig(_,It)),h("button",{onClick:J=>{J.stopPropagation(),O.isOpen&&O.openForColumn===_.columnId?O.close():O.open(_.columnId,J.currentTarget);},"aria-label":"Column options",title:"Column options",class:"ogrid-column-menu-btn"},"\u22EE")]),h("div",{onPointerdown:J=>{Ke(null),re(null),n.value?.focus({preventScroll:true}),J.stopPropagation(),h$1(J,_);},onDblclick:J=>P(J,_),class:"ogrid-resize-handle"})])})]))]),...Y?[]:[h("tbody",{},(()=>{let N=v.value,W=c.value,ie=N?W.startIndex:0,Me=N?Math.min(W.endIndex,de.length-1):de.length-1,_=[];N&&W.offsetTop>0&&_.push(h("tr",{key:"__vs-top",style:{height:`${W.offsetTop}px`}}));for(let ke=ie;ke<=Me;ke++){let Pe=de[ke];if(!Pe)continue;let Xe=pe(Pe),se=Ce.has(Xe);_.push(h("tr",{key:Xe,"data-row-id":Xe,"aria-selected":se\|\|void 0,onClick:l,style:{cursor:ce==="single"?"pointer":void 0}},[...A?[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":ke,"data-col-index":0,onClick:y,class:"ogrid-checkbox-wrapper"},e.renderCheckbox({modelValue:se,ariaLabel:`Select row ${ke+1}`,onChange:J=>be(Xe,J,ke,s.value)})))]:[],...k?[(()=>{let J=X.columnSizingOverrides[ROW_NUMBER_COLUMN_ID]?.widthPx??ROW_NUMBER_COLUMN_WIDTH;return h("td",{class:"ogrid-row-number-cell",style:{width:`${J}px`,minWidth:`${J}px`,maxWidth:`${J}px`,padding:"6px",position:"sticky",left:A?`${CHECKBOX_COLUMN_WIDTH}px`:"0",zIndex:2}},String(te+ke+1))})()]:[],...Re>0?[h("td",{key:"__col-spacer-left",style:{width:`${Re}px`,minWidth:`${Re}px`,maxWidth:`${Re}px`,padding:"0"}})]:[],...Rt.map(J=>h("td",{key:J.col.columnId,"data-column-id":J.col.columnId,class:J.tdClasses,style:J.tdDynamicStyle},[M(Pe,J.col,ke,Ge.get(J.col.columnId)??0)])),...me>0?[h("td",{key:"__col-spacer-right",style:{width:`${me}px`,minWidth:`${me}px`,maxWidth:`${me}px`,padding:"0"}})]:[]]));}return N&&W.offsetBottom>0&&_.push(h("tr",{key:"__vs-bottom",style:{height:`${W.offsetBottom}px`}})),_})())]]),...Y&&S.emptyState?[e.renderEmptyState(S.emptyState)]:[]])])])]),...qe?[h(Teleport,{to:"body"},h(e.GridContextMenu,{x:qe.x,y:qe.y,hasSelection:Qe,canUndo:$e,canRedo:yt,onUndo:he??No,onRedo:Ct??No,onCopy:ft,onCut:pt,onPaste:()=>{Le();},onSelectAll:Je,onClose:xt}))]:[],h(Un,{containerRef:i,selectionRange:De,copyRange:gt,cutRange:vt,colOffset:L,items:de,visibleColumns:S.visibleColumns instanceof Set?Array.from(S.visibleColumns):S.visibleColumns,columnSizingOverrides:X.columnSizingOverrides,columnOrder:S.columnOrder}),...S.formulaReferences&&S.formulaReferences.length>0?[h(Ln,{containerEl:i.value,references:S.formulaReferences,colOffset:L})]:[],h(e.ColumnHeaderMenu,{isOpen:O.isOpen,anchorElement:O.anchorElement,onClose:O.close,onPinLeft:O.handlePinLeft,onPinRight:O.handlePinRight,onUnpin:O.handleUnpin,onSortAsc:O.handleSortAsc,onSortDesc:O.handleSortDesc,onClearSort:O.handleClearSort,onAutosizeThis:O.handleAutosizeThis,onAutosizeAll:O.handleAutosizeAll,canPinLeft:O.canPinLeft,canPinRight:O.canPinRight,canUnpin:O.canUnpin,currentSort:O.currentSort,isSortable:O.isSortable,isResizable:O.isResizable}),...$?[h(On,{totalCount:$.totalCount,filteredCount:$.filteredCount,selectedCount:$.selectedCount??Ce.size,selectedCellCount:De?(Math.abs(De.endRow-De.startRow)+1)(Math.abs(De.endCol-De.startCol)+1):void 0,aggregation:$.aggregation,suppressRowCount:$.suppressRowCount})]:[],...tt?[h("div",{class:"ogrid-loading-overlay"},e.renderSpinner(Pn))]:[]])}}})}var bt={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 Na(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(t){let n=ref(null),i=ref(null),m=ref(null),s=ref(t.value),a=ref(0),u=()=>{let g=i.value,b=m.value;if(!g\|\|!b)return;let E=g.getBoundingClientRect(),D=200,y=window.innerHeight-E.bottom,x=y<D&&E.top>y;b.style.position="fixed",b.style.left=`${E.left}px`,b.style.width=`${E.width}px`,b.style.maxHeight=`${D}px`,b.style.zIndex="9999",b.style.right="auto",b.style.textAlign="left",x?(b.style.top="auto",b.style.bottom=`${window.innerHeight-E.top}px`):b.style.top=`${E.bottom}px`;},f=null;onMounted(()=>{nextTick(()=>{if(i.value){t.editorType==="richSelect"&&v.value?v.value.focus({preventScroll:true}):i.value.focus({preventScroll:true}),u();let g=i.value,b=g.closest("[data-ogrid-scroll-container]")??g.closest('[style*="overflow"]'),E=()=>{t.onCancel&&t.onCancel();},D=requestAnimationFrame(()=>{b&&b.addEventListener("scroll",E,{passive:true}),window.addEventListener("scroll",E,{passive:true});});f=()=>{cancelAnimationFrame(D),b&&b.removeEventListener("scroll",E),window.removeEventListener("scroll",E);};return}n.value?.focus({preventScroll:true}),n.value?.select();});}),onUnmounted(()=>{f?.();}),watch(()=>t.value,g=>{s.value=g;}),(()=>{let b=(t.column.cellEditorParams?.values??[]).findIndex(E=>String(E)===String(t.value));a.value=Math.max(b,0);})();let d=()=>{nextTick(()=>{let g=m.value;if(!g)return;g.children[a.value]?.scrollIntoView({block:"nearest"});});},c=g=>{let b=t.column.cellEditorParams?.formatValue;return b?b(g):g!=null?String(g):""},C=g=>{let b=t.column.cellEditorParams?.values??[];switch(g.key){case "ArrowDown":g.preventDefault(),a.value=Math.min(a.value+1,b.length-1),d();break;case "ArrowUp":g.preventDefault(),a.value=Math.max(a.value-1,0),d();break;case "Enter":g.preventDefault(),g.stopPropagation(),b.length>0&&a.value<b.length&&t.onCommit(b[a.value]);break;case "Tab":g.preventDefault(),b.length>0&&a.value<b.length&&t.onCommit(b[a.value]);break;case "Escape":g.preventDefault(),g.stopPropagation(),t.onCancel();break}},r=ref(""),v=ref(null),h$1=ref(null),P=computed(()=>{let g=t.column.cellEditorParams?.values??[],b=r.value.trim().toLowerCase();return b?g.filter(E=>c(E).toLowerCase().includes(b)):g}),I=()=>{nextTick(()=>{let g=h$1.value;if(!g)return;g.children[a.value]?.scrollIntoView({block:"nearest"});});},w=g=>{let b=P.value;switch(g.key){case "ArrowDown":g.preventDefault(),a.value=Math.min(a.value+1,b.length-1),I();break;case "ArrowUp":g.preventDefault(),a.value=Math.max(a.value-1,0),I();break;case "Enter":g.preventDefault(),g.stopPropagation(),b.length>0&&a.value<b.length&&t.onCommit(b[a.value]);break;case "Escape":g.preventDefault(),g.stopPropagation(),t.onCancel();break}};return ()=>{if(t.editorType==="checkbox"){let g=!!t.value;return h("div",{style:{...bt,justifyContent:"center"}},o({checked:g,onChange:b=>t.onCommit(b),onCancel:t.onCancel}))}if(t.editorType==="select"){let g=t.column.cellEditorParams?.values??[];return h("div",{ref:b=>{i.value=b;},tabindex:0,style:{...bt,position:"relative"},onKeydown:C},[h("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",width:"100%",cursor:"pointer",fontSize:"13px",color:"inherit"}},[h("span",c(t.value)),h("span",{style:{marginLeft:"4px",fontSize:"10px",opacity:"0.5"}},"\u25BE")]),h("div",{ref:b=>{m.value=b;},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"}},[...g.map((b,E)=>h("div",{key:String(b),role:"option","aria-selected":E===a.value,onClick:()=>t.onCommit(b),style:{padding:"6px 8px",cursor:"pointer",color:"var(--ogrid-fg, #242424)",fontSize:"13px",...E===a.value?{background:"var(--ogrid-bg-hover, #e8f0fe)"}:{}}},c(b)))])])}if(t.editorType==="richSelect"){let g=P.value;return h("div",{ref:b=>{i.value=b;},style:{...bt,position:"relative"}},[h("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",width:"100%",cursor:"pointer",fontSize:"13px",color:"inherit"}},[h("span",c(t.value)),h("span",{style:{marginLeft:"4px",fontSize:"10px",opacity:"0.5"}},"\u25BE")]),h("div",{ref:b=>{m.value=b;},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:b=>{v.value=b;},type:"text",value:r.value,placeholder:"Search...",onInput:b=>{r.value=b.target.value,a.value=0;},onKeydown:w,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:b=>{h$1.value=b;}},g.map((b,E)=>h("div",{key:String(b),role:"option","aria-selected":E===a.value,onClick:()=>t.onCommit(b),style:{padding:"6px 8px",cursor:"pointer",color:"var(--ogrid-fg, #242424)",fontSize:"13px",...E===a.value?{background:"var(--ogrid-bg-hover, #e8f0fe)"}:{}}},c(b)))),...g.length===0?[h("div",{style:{padding:"6px 8px",color:"var(--ogrid-muted, #999)",fontSize:"13px"}},"No matches")]:[]])])}if(t.editorType==="date"){let g=t.column.cellEditorParams?.dateFormat??t.column.dateFormat??DEFAULT_DATE_FORMAT,b=t.column.cellEditorParams?.editorType??"text",E=F=>{if(b!=="native"){let S=parseUserInputDate(F,g);if(S!==null){let X=S.getUTCFullYear().toString().padStart(4,"0"),Q=(S.getUTCMonth()+1).toString().padStart(2,"0"),Z=S.getUTCDate().toString().padStart(2,"0");t.onCommit(`${X}-${Q}-${Z}`);}else t.onCommit(F\|\|null);}else t.onCommit(F);},D=F=>{F.key==="Enter"&&(F.preventDefault(),E(String(s.value??""))),F.key==="Escape"&&(F.preventDefault(),t.onCancel()),F.key==="Tab"&&(F.preventDefault(),E(String(s.value??"")));};if(b==="native"){let F=(()=>{if(s.value==null)return "";let S=String(s.value);return S.match(/^\d{4}-\d{2}-\d{2}/)?S.substring(0,10):S})();return h("div",{style:bt},h("input",{ref:S=>{n.value=S;},type:"date",value:F,style:{width:"100%",height:"100%",border:"none",outline:"none",padding:"0 4px",fontSize:"inherit",boxSizing:"border-box"},onInput:S=>{s.value=S.target.value;},onKeydown:D,onBlur:()=>E(String(s.value??""))}))}let y=formatDateForDisplay(t.value,g)??"";(s.value==null\|\|s.value==="")&&(s.value=y);let x=getDateInputPlaceholder(g);return h("div",{style:bt},h("input",{ref:F=>{n.value=F;},type:"text",value:s.value,placeholder:x,style:{width:"100%",height:"100%",border:"none",outline:"none",padding:"0 4px",fontSize:"inherit",boxSizing:"border-box"},onInput:F=>{s.value=F.target.value;},onKeydown:D,onBlur:()=>E(String(s.value??""))}))}return h("div",{style:bt},h("input",{ref:g=>{n.value=g;},type:"text",value:s.value!=null?String(s.value):"",style:{width:"100%",height:"100%",border:"none",outline:"none",padding:"0 4px",fontSize:"inherit",boxSizing:"border-box"},onInput:g=>{s.value=g.target.value;},onKeydown:g=>{g.key==="Enter"&&(g.preventDefault(),t.onCommit(s.value)),g.key==="Escape"&&(g.preventDefault(),t.onCancel()),g.key==="Tab"&&(g.preventDefault(),t.onCommit(s.value));},onBlur:()=>t.onCommit(s.value)}))}}})}var Xa=240,Zn=36,Tn={columns:"Columns",filters:"Filters"},ja={columns:"\u2261",filters:"\u2A65"};function _o(e){let o=e.activePanel!==null,t=e.position??"right",n={display:"flex",flexDirection:"column",width:`${Zn}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":Tn[a],title:Tn[a],onClick:()=>e.onPanelChange(e.activePanel===a?null:a),style:{width:`${Zn}px`,height:`${Zn}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"}},ja[a]))),m=null;if(o&&e.activePanel){let a={width:`${Xa}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)"}},u=[];if(e.activePanel==="columns"){let f=e.columns.every(p=>e.visibleColumns.has(p.columnId));u.push(h("div",{style:{display:"flex",gap:"8px",marginBottom:"8px"}},[h("button",{disabled:f,onClick:()=>{let p=new Set(e.visibleColumns);e.columns.forEach(d=>p.add(d.columnId)),e.onSetVisibleColumns(p);},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 p=new Set;e.columns.forEach(d=>{d.required&&e.visibleColumns.has(d.columnId)&&p.add(d.columnId);}),e.onSetVisibleColumns(p);},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(p=>{u.push(h("label",{key:p.columnId,style:{display:"flex",alignItems:"center",gap:"6px",padding:"2px 0",cursor:"pointer"}},[h("input",{type:"checkbox",checked:e.visibleColumns.has(p.columnId),disabled:p.required,onChange:d=>e.onVisibilityChange(p.columnId,d.target.checked)}),h("span",null,p.name)]));});}e.activePanel==="filters"&&(e.filterableColumns.length===0?u.push(h("div",{style:{color:"var(--ogrid-muted, #999)",fontStyle:"italic"}},"No filterable columns")):e.filterableColumns.forEach(f=>{let p=f.filterField,d=[h("div",{style:{fontWeight:"500",marginBottom:"4px",fontSize:"13px"}},f.name)];if(f.filterType==="text"){let c=e.filters[p],C=c?.type==="text"?c.value:"";d.push(h("input",{type:"text",value:C,onInput:r=>{let v=r.target.value;e.onFilterChange(p,v?{type:"text",value:v}: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[p]??[]).map(r=>{let v=e.filters[p],h$1=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:h$1,onChange:P=>{let I=e.filters[p],w=I?.type==="multiSelect"?I.value:[],g=P.target.checked?[...w,r]:w.filter(b=>b!==r);e.onFilterChange(p,g.length>0?{type:"multiSelect",value:g}:void 0);}}),h("span",null,r)])});d.push(h("div",{style:{maxHeight:"120px",overflowY:"auto"},role:"group","aria-label":`${f.name} options`},C));}if(f.filterType==="date"){let c=e.filters[p],C=c?.type==="date"?c.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,h=C.to;e.onFilterChange(p,v\|\|h?{type:"date",value:{from:v,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 v=r.target.value\|\|void 0,h=C.from;e.onFilterChange(p,h\|\|v?{type:"date",value:{from:h,to:v}}: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"}})])]));}u.push(h("div",{key:f.columnId,style:{marginBottom:"12px"}},d));})),m=h("div",{role:"tabpanel","aria-label":Tn[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,Tn[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"}},u)]);}let s=[];return t==="left"?(s.push(i),m&&s.push(m)):(m&&s.push(m),s.push(i)),h("div",{style:{display:"flex",flexDirection:"row",flexShrink:"0"},role:"complementary","aria-label":"Side bar"},s)}function Ya(e){return defineComponent({name:"OGrid",props:{gridProps:{type:Object,required:true}},setup(o,{expose:t}){let n=computed(()=>o.gridProps),{dataGridProps:i,pagination:m,columnChooser:s,layout:a,api:u}=_t(n);t({api:u});let f=ref(false),p=()=>{f.value=!f.value;},d=c=>{c.key==="Escape"&&f.value&&(f.value=false);};return onMounted(()=>{document.addEventListener("keydown",d);}),onUnmounted(()=>{document.removeEventListener("keydown",d);}),()=>{let c=a.value.sideBarProps,C=c!=null,r=c?.position??"right",v=[];a.value.toolbar&&v.push(a.value.toolbar);let P=a.value.fullScreen===true?h("button",{type:"button",title:f.value?"Exit fullscreen":"Fullscreen","aria-label":f.value?"Exit fullscreen":"Fullscreen",onClick:p,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,I=s.value.placement==="toolbar"?h(e.ColumnChooser,{columns:s.value.columns,visibleColumns:s.value.visibleColumns,onVisibilityChange:s.value.onVisibilityChange}):null,w=h(e.PaginationControls,{currentPage:m.value.page,pageSize:m.value.pageSize,totalCount:m.value.displayTotalCount,onPageChange:m.value.setPage,onPageSizeChange:x=>{m.value.setPageSize(x);},pageSizeOptions:m.value.pageSizeOptions,entityLabelPlural:m.value.entityLabelPlural}),g=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(_o(c)),b.push(g),C&&r!=="left"&&b.push(_o(c));let E=v.length>0\|\|I!=null\|\|P!=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"},y=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:y??{}},[...E?[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"}},[...I?[I]:[],...P?[P]:[]])])]:[],...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))"}},[w])])])}}})}export{Mn as FormulaBar,Ln as FormulaRefOverlay,Un as MarchingAntsOverlay,An as SheetTabs,On as StatusBar,Oa as createDataGridTable,Na as createInlineCellEditor,Ya as createOGrid,Rn as getCellInteractionProps,$t as useActiveCell,Kt as useCellEditing,qt as useCellSelection,jt as useClipboard,Bo as useColumnChooserState,Ao as useColumnHeaderFilterState,on as useColumnHeaderMenuState,tn as useColumnPinning,pn as useColumnReorder,rn as useColumnResize,Xt as useContextMenu,ln as useDataGridState,hn as useDataGridTableSetup,mn as useDateFilterState,an as useDebounce,Fo as useDebouncedCallback,Jt as useFillHandle,Gt as useFilterOptions,zt as useFormulaBar,Ho as useInlineCellEditorState,Yt as useKeyboardNavigation,un as useMultiSelectFilterState,_t as useOGrid,cn as usePeopleFilterState,Go as useRichSelectState,Wt as useRowSelection,Ft as useSideBarState,en as useTableLayout,sn as useTextFilterState,Qt as useUndoRedo,gn as useVirtualScroll};
1	+ import {injectGlobalStyles,Z_INDEX,getStatusBarParts,measureRange,flattenColumns,getMultiSelectFilterFields,deriveFilterOptionsFromData,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,buildGroupedRows,formatCellReference,buildHeaderRows,indexToColumnLetter,ROW_NUMBER_COLUMN_ID,ROW_NUMBER_COLUMN_WIDTH,getHeaderFilterConfig,isGroupHeader,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,buildGroupedRows,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,isGroupHeader,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 Vn=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),t=ref(null),n=0,i,m=computed(()=>e.copyRange??e.cutRange),u=()=>{let d=toValue(e.containerRef);if(!d){o.value=null,t.value=null;return}o.value=e.selectionRange?measureRange(d,e.selectionRange,e.colOffset):null,t.value=m.value?measureRange(d,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,t.value=null;return}n=requestAnimationFrame(u);let d=toValue(e.containerRef);d&&(i?.disconnect(),i=new ResizeObserver(u),i.observe(d));},{immediate:true}),onUnmounted(()=>{cancelAnimationFrame(n),i?.disconnect();});let a=computed(()=>{let d=e.selectionRange,p=m.value;return d!=null&&p!=null&&d.startRow===p.startRow&&d.startCol===p.startCol&&d.endRow===p.endRow&&d.endCol===p.endCol});return ()=>!o.value&&!t.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,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, #217346)","stroke-width":2,"stroke-dasharray":"4 4",style:{animation:"ogrid-marching-ants 0.5s linear infinite"}})]):null])}});var zn=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((t,n)=>h("span",{key:t.key,style:{display:"inline-flex",alignItems:"center",gap:"4px",...n<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))"}},t.label),h("span",{style:{fontWeight:"600"}},t.value.toLocaleString())])))}}});var Nn=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 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=>o("inputChange",n.target.value),onKeydown:n=>handleFormulaBarKeyDown(n.key,()=>n.preventDefault(),()=>o("commit"),()=>o("cancel")),onClick:()=>{e.isEditing\|\|o("startEditing");},onDblclick:()=>{e.isEditing\|\|o("startEditing");},"aria-label":"Formula input",spellcheck:false,autocomplete:"off"})])}});var Cl={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"},hl={background:"none",border:"none",cursor:"pointer",padding:"4px 10px",fontSize:"16px",lineHeight:"22px",color:"var(--ogrid-fg-secondary, #666)",flexShrink:0},ho={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"},Rl={...ho,fontWeight:600,borderBottomColor:"var(--ogrid-primary, #217346)",background:"var(--ogrid-bg, #fff)"},Wn=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:Cl,role:"tablist","aria-label":"Sheet tabs"},[e.showAddButton?h("button",{type:"button",style:hl,onClick:()=>o("sheetAdd"),title:"Add sheet","aria-label":"Add sheet"},"+"):null,...e.sheets.map(t=>{let n=t.id===e.activeSheet,i=n?Rl:ho,m=n&&t.color?{...i,borderBottomColor:t.color}:i;return h("button",{key:t.id,type:"button",role:"tab","aria-selected":n,style:m,onClick:()=>o("sheetChange",t.id)},t.name)})])}});function wl(e,o,t){let n=o.col+t,i=(o.endCol??o.col)+t,m=o.endRow??o.row,u=e.querySelector(`[data-row-index="${o.row}"][data-col-index="${n}"]`),a=e.querySelector(`[data-row-index="${m}"][data-col-index="${i}"]`);if(!u\|\|!a)return null;let d=e.getBoundingClientRect(),p=u.getBoundingClientRect(),v=a.getBoundingClientRect();return {top:Math.round(p.top-d.top),left:Math.round(p.left-d.left),width:Math.round(v.right-p.left),height:Math.round(v.bottom-p.top),color:FORMULA_REF_COLORS[o.colorIndex%FORMULA_REF_COLORS.length]}}var Kn=defineComponent({name:"FormulaRefOverlay",props:{containerEl:{type:Object,default:null},references:{type:Array,required:true},colOffset:{type:Number,required:true}},setup(e){let o=ref([]),t=0;function n(){let i=e.containerEl,m=e.references;if(!i\|\|m.length===0){o.value=[];return}let u=[];for(let a of m){let d=wl(i,a,e.colOffset);d&&u.push(d);}o.value=u;}return watch(()=>[e.references,e.containerEl,e.colOffset],()=>{if(cancelAnimationFrame(t),!e.containerEl\|\|e.references.length===0){o.value=[];return}t=requestAnimationFrame(n);},{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 $t(e,o){let t=ref({}),n=ref({}),i=computed(()=>[...o.value].sort().join(",")),m=async()=>{let u=e.value,a=o.value,d="fetchFilterOptions"in u&&typeof u.fetchFilterOptions=="function"?u.fetchFilterOptions.bind(u):void 0;if(!d){t.value={},n.value={};return}let p={};a.forEach(s=>{p[s]=true;}),n.value=p;let v={};await Promise.all(a.map(async s=>{try{v[s]=await d(s);}catch{v[s]=[];}})),t.value=v,n.value={};};return watch([e,i],()=>{m().catch(()=>{});},{immediate:true}),{filterOptions:t,loadingOptions:n}}function rt(e){let o=unref(e);return customRef((t,n)=>({get(){return isRef(e)&&(o=e.value),o},set(i){o=i,n();}}))}function yo(e){let{formulas:o,items:t,flatColumns:n,initialFormulas:i,onFormulaRecalc:m,formulaFunctions:u,namedRanges:a,sheets:d}=e,p=rt(t),v=rt(n),s=rt(m),c=shallowRef(null),C=false,r=computed(()=>o?.value??false);function g(){return createGridDataAccessor(p.value,v.value)}watch(r,S=>{if(S&&!c.value){if(c.value=new FormulaEngine({customFunctions:u,namedRanges:a}),d)for(let[w,E]of Object.entries(d))c.value.registerSheet(w,E);if(i&&!C){C=true;let w=g(),E=c.value.loadFormulas(i,w);E.updatedCells.length>0&&s.value?.(E);}}else !S&&c.value&&(c.value=null);},{immediate:true});function R(S,w){return c.value?.getValue(S,w)}function T(S,w){return c.value?.hasFormula(S,w)??false}function I(S,w){return c.value?.getFormula(S,w)}function y(S,w,E){if(!c.value)return;let O=g(),ee=c.value.setFormula(S,w,E,O);ee.updatedCells.length>0&&s.value?.(ee);}function h(S,w){if(!c.value)return;let E=g(),O=c.value.onCellChanged(S,w,E);O.updatedCells.length>0&&s.value?.(O);}function b(S,w){return c.value?.getPrecedents(S,w)??[]}function P(S,w){return c.value?.getDependents(S,w)??[]}function D(S,w){return c.value?.getAuditTrail(S,w)??null}return {enabled:r,getFormulaValue:R,hasFormula:T,getFormula:I,setFormula:y,onCellChanged:h,getPrecedents:b,getDependents:P,getAuditTrail:D}}function qt(e){let{activeCol:o,activeRow:t,activeCellRef:n,getFormula:i,getRawValue:m,setFormula:u,onCellValueChanged:a}=e,d=ref(false),p=ref(""),v=ref(false),s=computed(()=>deriveFormulaBarText(o.value,t.value,i,m));watch([o,t],()=>{d.value=false,v.value=false;});let c=()=>{p.value=s.value,d.value=true,v.value=true;},C=I=>{p.value=I;},r=()=>{let I=o.value,y=t.value;I==null\|\|y==null\|\|!u\|\|(processFormulaBarCommit(p.value,I,y,u,a),d.value=false,v.value=false);},g=()=>{d.value=false,v.value=false,p.value="";},R=computed(()=>d.value?p.value:s.value),T=computed(()=>extractFormulaReferences(R.value));return {cellRef:n,formulaText:R,isEditing:d,onInputChange:C,onCommit:r,onCancel:g,startEditing:c,referencedCells:T,isFormulaBarEditing:v}}var wo=["columns","filters"];function At(e){let{config:o}=e,t=o!=null&&o!==false,n=(()=>{if(!t\|\|o===true)return {panels:wo,position:"right",defaultPanel:null};let p=o;return {panels:p.panels??wo,position:p.position??"right",defaultPanel:p.defaultPanel??null}})(),i=ref(n.defaultPanel),m=p=>{i.value=p;},u=p=>{i.value=i.value===p?null:p;},a=()=>{i.value=null;},d=computed(()=>i.value!==null);return {isEnabled:t,activePanel:i,setActivePanel:m,panels:n.panels,position:n.position,isOpen:d,toggle:u,close:a}}var Jl=25,Ql={};function jt(e){let o=computed(()=>{let l=e.value;return {columns:l.columns,columnOrder:l.columnOrder,onColumnOrderChange:l.onColumnOrderChange,onColumnResized:l.onColumnResized,onColumnPinned:l.onColumnPinned,columnChooser:l.columnChooser}}),t=computed(()=>{let l=e.value,M="data"in l?l.data:void 0,ne="dataSource"in l?l.dataSource:void 0;return M&&ne&&console.warn("[OGrid] Both data and dataSource provided. dataSource takes precedence."),{getRowId:l.getRowId,data:M,dataSource:ne}}),n=computed(()=>{let l=e.value;return {page:l.page,pageSize:l.pageSize,sort:l.sort,filters:l.filters,visibleColumns:l.visibleColumns,isLoading:l.isLoading}}),i=computed(()=>{let l=e.value;return {onPageChange:l.onPageChange,onPageSizeChange:l.onPageSizeChange,onSortChange:l.onSortChange,onFiltersChange:l.onFiltersChange,onVisibleColumnsChange:l.onVisibleColumnsChange,onFirstDataRendered:l.onFirstDataRendered,onError:l.onError}}),m=computed(()=>{let l=e.value;return {defaultPageSize:l.defaultPageSize??Jl,defaultSortBy:l.defaultSortBy,defaultSortDirection:l.defaultSortDirection??"asc",entityLabelPlural:l.entityLabelPlural??"items"}}),u=computed(()=>o.value.columnChooser===false?"none":o.value.columnChooser==="sidebar"?"sidebar":"toolbar"),a=computed(()=>flattenColumns(o.value.columns)),d=computed(()=>t.value.dataSource!=null),p=computed(()=>!d.value),v=ref([]),s=ref(false),c=computed(()=>t.value.data??v.value),C=computed(()=>n.value.isLoading??s.value),r=computed(()=>m.value.defaultSortBy??a.value[0]?.columnId??""),g=ref(1),R=ref(m.value.defaultPageSize),T=ref({field:r.value,direction:m.value.defaultSortDirection}),I=ref({}),y=ref((()=>{let l=a.value.filter(M=>M.defaultVisible!==false).map(M=>M.columnId);return new Set(l.length>0?l:a.value.map(M=>M.columnId))})()),h$1=ref({}),b={};for(let l of flattenColumns(e.value.columns))l.pinned&&(b[l.columnId]=l.pinned);let P=ref(b),D=computed(()=>n.value.page??g.value),S=computed(()=>n.value.pageSize??R.value),w=computed(()=>n.value.sort??T.value),E=computed(()=>n.value.filters??I.value),O=computed(()=>n.value.visibleColumns??y.value),ee=l=>{n.value.page===void 0&&(g.value=l),i.value.onPageChange?.(l);},ae=l=>{n.value.pageSize===void 0&&(R.value=l),i.value.onPageSizeChange?.(l),ee(1);},Z=ref(0),f=l=>{n.value.sort===void 0&&(T.value=l),i.value.onSortChange?.(l),ee(1),Z.value++;},x=l=>{n.value.filters===void 0&&(I.value=l),i.value.onFiltersChange?.(l),ee(1);},F=l=>{n.value.visibleColumns===void 0&&(y.value=l),i.value.onVisibleColumnsChange?.(l);},G=(l,M)=>{f(computeNextSortState(w.value,l,M));},_=(l,M)=>{x(mergeFilter(E.value,l,M));},B=(l,M)=>{let ne=new Set(O.value);M?ne.add(l):ne.delete(l),F(ne);},V=ref(new Set),L=computed(()=>e.value.selectedRows),k=computed(()=>L.value??V.value),H=l=>{L.value===void 0&&(V.value=new Set(l.selectedRowIds)),e.value.onSelectionChange?.(l);},J=computed(()=>getMultiSelectFilterFields(a.value)),te=computed(()=>t.value.dataSource??{fetchFilterOptions:void 0}),{filterOptions:U,loadingOptions:j}=$t(te,J),Q=computed(()=>t.value.dataSource?.fetchFilterOptions!=null),pe=computed(()=>Q.value?U.value:deriveFilterOptionsFromData(c.value,a.value)),Te=computed(()=>!!e.value.workerSort),Le=null,Qe=-1,Be=null,We=null,Ke=-1,Oe=computed(()=>{if(!p.value\|\|Te.value)return null;let l=c.value,M=a.value,ne=E.value,ge=Z.value,Se=w.value.field,je=w.value.direction,nt=ge!==Qe\|\|ne!==Be\|\|M!==We\|\|l.length!==Ke,Ee;if(nt\|\|Le===null){Qe=ge,Be=ne,We=M,Ke=l.length;let ye=processClientSideData(l,M,ne,Se,je),Ne=new Map;for(let Ce=0;Ce<l.length;Ce++)Ne.set(l[Ce],Ce);Le=ye.map(Ce=>{let Ue=Ne.get(Ce);return Ue!==void 0?Ue:-1}).filter(Ce=>Ce!==-1),Ee=ye;}else Ee=Le.map(ye=>l[ye]).filter(ye=>ye!==void 0);let xt=Ee.length,Ft=(D.value-1)S.value;return {items:Ee.slice(Ft,Ft+S.value),totalCount:xt}}),Me=ref(null),vt=0,De=null,st=-1,Pe=null,gt=null,ie=-1;watch([p,Te,c,a,E,Z,D,S],()=>{if(!p.value\|\|!Te.value)return;let l=c.value,M=a.value,ne=E.value,ge=Z.value,Se=w.value.field,je=w.value.direction,nt=D.value,Ee=S.value,xt=++vt;if(ge!==st\|\|ne!==Pe\|\|M!==gt\|\|l.length!==ie\|\|De===null)st=ge,Pe=ne,gt=M,ie=l.length,De=null,processClientSideDataAsync(l,M,ne,Se,je).then(Fe=>{if(xt!==vt\|\|Xe)return;let ye=new Map;for(let ue=0;ue<l.length;ue++)ye.set(l[ue],ue);De=Fe.map(ue=>{let ot=ye.get(ue);return ot!==void 0?ot:-1}).filter(ue=>ue!==-1);let Ne=Fe.length,Ce=(nt-1)Ee,Ue=Fe.slice(Ce,Ce+Ee);Me.value={items:Ue,totalCount:Ne};}).catch(()=>{if(xt!==vt\|\|Xe)return;let Fe=processClientSideData(l,M,ne,Se,je),ye=new Map;for(let ue=0;ue<l.length;ue++)ye.set(l[ue],ue);De=Fe.map(ue=>{let ot=ye.get(ue);return ot!==void 0?ot:-1}).filter(ue=>ue!==-1);let Ne=Fe.length,Ce=(nt-1)Ee,Ue=Fe.slice(Ce,Ce+Ee);Me.value={items:Ue,totalCount:Ne};});else {let Fe=De.map(Ue=>l[Ue]).filter(Ue=>Ue!==void 0),ye=Fe.length,Ne=(nt-1)Ee,Ce=Fe.slice(Ne,Ne+Ee);Me.value={items:Ce,totalCount:ye};}},{immediate:true});let $e=computed(()=>{let l=Oe.value;return l\|\|Me.value}),et=ref([]),He=ref(0),qe=ref(false),tt=0,Xe=false,Ge=ref(0),Ct=()=>{if(!d.value\|\|!t.value.dataSource){d.value\|\|(qe.value=false);return}let l=++tt;qe.value=true,t.value.dataSource.fetchPage({page:D.value,pageSize:S.value,sort:{field:w.value.field,direction:w.value.direction},filters:E.value}).then(M=>{l!==tt\|\|Xe\|\|(et.value=M.items,He.value=M.totalCount);}).catch(M=>{l!==tt\|\|Xe\|\|(i.value.onError?.(M),et.value=[],He.value=0);}).finally(()=>{l===tt&&!Xe&&(qe.value=false);});};onMounted(()=>{validateColumns(a.value),Ct();}),watch([()=>t.value.dataSource,D,S,()=>w.value.field,()=>w.value.direction,E,Ge],()=>{Ct();}),onUnmounted(()=>{Xe=true;});let Ve=computed(()=>p.value&&$e.value?$e.value.items:et.value),ht=computed(()=>p.value&&$e.value?$e.value.totalCount:He.value),Rt=computed(()=>!!e.value.formulas),Ye=ref(0),Pt=l=>{Ye.value+=1,e.value.onFormulaRecalc?.(l);},he=yo({formulas:Rt,items:Ve,flatColumns:a,initialFormulas:e.value.initialFormulas,onFormulaRecalc:Pt,formulaFunctions:e.value.formulaFunctions,namedRanges:e.value.namedRanges,sheets:e.value.sheets}),bt=false,St=false;watch(Ve,l=>{!bt&&l.length>0&&(bt=true,i.value.onFirstDataRendered?.()),!St&&l.length>0&&(St=true,validateRowIds(l,t.value.getRowId));});let ut=computed(()=>Object.values(E.value).some(l=>l!==void 0)),yt=computed(()=>a.value.map(l=>({columnId:l.columnId,name:l.name,required:l.required===true}))),Dt=computed(()=>{let l=e.value.statusBar;if(!l)return;if(typeof l=="object")return l;let M=p.value?t.value.data?.length??0:He.value,ne=ht.value;return {totalCount:M,filteredCount:ut.value?ne:void 0,selectedCount:k.value.size,suppressRowCount:true}}),Vt=(l,M)=>{h$1.value={...h$1.value,[l]:M},o.value.onColumnResized?.(l,M);},dt=(l,M)=>{if(M===null){let{[l]:ne,...ge}=P.value;P.value=ge;}else P.value={...P.value,[l]:M};o.value.onColumnPinned?.(l,M);},X=shallowRef(At({config:e.value.sideBar}));watch(()=>e.value.sideBar,l=>{X.value=At({config:l});});let Y=computed(()=>a.value.filter(l=>l.filterable&&l.filterable.type).map(l=>({columnId:l.columnId,name:l.name,filterField:l.filterable?.filterField??l.columnId,filterType:l.filterable?.type}))),le=computed(()=>{let l=X.value;if(!l.isEnabled)return null;l.activePanel.value;l.isOpen.value;return {get activePanel(){return l.activePanel.value},onPanelChange:l.setActivePanel,panels:l.panels,position:l.position,get isOpen(){return l.isOpen.value},toggle:l.toggle,close:l.close,columns:yt.value,visibleColumns:O.value,onVisibilityChange:B,onSetVisibleColumns:F,filterableColumns:Y.value,filters:E.value,onFilterChange:_,filterOptions:pe.value}}),Re=()=>x({}),se=computed(()=>d.value&&qe.value\|\|C.value),Ie=ref(null),me=ref(null),be=l=>{if(Ie.value=l,l){let M=l.match(/^([A-Z]+)(\d+)$/);M?me.value={col:columnLetterToIndex(M[1]),row:parseInt(M[2],10)-1}:me.value=null;}else me.value=null;},ke=computed(()=>me.value?.col??null),wt=computed(()=>me.value?.row??null),kn=(l,M)=>{let ne=Ve.value,ge=a.value;if(!(M<0\|\|M>=ne.length\|\|l<0\|\|l>=ge.length))return getCellValue(ne[M],ge[l])},ze=qt({activeCol:ke,activeRow:wt,activeCellRef:Ie,getFormula:he.enabled.value?he.getFormula:void 0,getRawValue:kn,setFormula:he.enabled.value?he.setFormula:void 0}),An=computed(()=>{let l=e.value,M=t.value.dataSource;return {items:Ve.value,columns:o.value.columns,getRowId:t.value.getRowId,sortBy:w.value.field,sortDirection:w.value.direction,onColumnSort:G,visibleColumns:O.value,columnOrder:o.value.columnOrder,onColumnOrderChange:o.value.onColumnOrderChange,onColumnResized:Vt,onColumnPinned:dt,pinnedColumns:P.value,initialColumnWidths:h$1.value,editable:l.editable,cellSelection:l.cellSelection,onCellValueChanged:l.onCellValueChanged,onUndo:l.onUndo,onRedo:l.onRedo,canUndo:l.canUndo,canRedo:l.canRedo,rowSelection:l.rowSelection??"none",selectedRows:k.value,onSelectionChange:H,showRowNumbers:l.showRowNumbers\|\|l.cellReferences\|\|l.formulas,showColumnLetters:!!(l.cellReferences\|\|l.formulas),showNameBox:!!(l.cellReferences&&!l.formulas),onActiveCellChange:l.cellReferences\|\|l.formulas?be:void 0,currentPage:D.value,pageSize:S.value,statusBar:Dt.value,isLoading:se.value,filters:E.value,onFilterChange:_,filterOptions:pe.value,loadingFilterOptions:M?.fetchFilterOptions?j.value:Ql,peopleSearch:M?.searchPeople,getUserByEmail:M?.getUserByEmail,layoutMode:l.layoutMode,suppressHorizontalScroll:l.suppressHorizontalScroll,stickyHeader:l.stickyHeader??true,columnReorder:l.columnReorder,responsiveColumns:l.responsiveColumns,virtualScroll:l.virtualScroll,rowHeight:l.rowHeight,density:l.density??"normal",groupBy:l.groupBy,"aria-label":l["aria-label"],"aria-labelledby":l["aria-labelledby"],emptyState:{hasActiveFilters:ut.value,onClearAll:Re,message:l.emptyState?.message,render:l.emptyState?.render},formulas:l.formulas,formulaVersion:Ye.value,...he.enabled.value?{getFormulaValue:he.getFormulaValue,hasFormula:he.hasFormula,getFormula:he.getFormula,setFormula:he.setFormula,onFormulaCellChanged:he.onCellChanged,getPrecedents:he.getPrecedents,getDependents:he.getDependents,getAuditTrail:he.getAuditTrail}:{},formulaReferences:ze.referencedCells.value.length>0?ze.referencedCells.value:void 0}}),zt=computed(()=>({page:D.value,pageSize:S.value,displayTotalCount:ht.value,setPage:ee,setPageSize:ae,pageSizeOptions:e.value.pageSizeOptions,entityLabelPlural:m.value.entityLabelPlural})),Nt=computed(()=>({columns:yt.value,visibleColumns:O.value,onVisibilityChange:B,placement:u.value})),Ln=computed(()=>{let l=e.value,M=!!l.formulas,ne=!!l.cellReferences&&!M,ge=l.toolbar;ne&&(ge=[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"},Ie.value??"\u2014"),ge]);let Se=M?h(Nn,{cellRef:ze.cellRef.value,formulaText:ze.formulaText.value,isEditing:ze.isEditing.value,onInputChange:ze.onInputChange,onCommit:ze.onCommit,onCancel:ze.onCancel,onStartEditing:ze.startEditing}):void 0,je=l.sheetDefs&&l.sheetDefs.length>0&&l.activeSheet&&l.onSheetChange?h(Wn,{sheets:l.sheetDefs,activeSheet:l.activeSheet,showAddButton:!!l.onSheetAdd,onSheetChange:l.onSheetChange,onSheetAdd:l.onSheetAdd??(()=>{})}):void 0;return {toolbar:ge,toolbarBelow:l.toolbarBelow,className:l.className,emptyState:l.emptyState,sideBarProps:le.value,fullScreen:l.fullScreen,formulaBar:Se,sheetTabs:je}}),Et=computed(()=>({hasActiveFilters:ut.value,setFilters:x})),Bn=computed(()=>({setRowData:l=>{d.value\|\|(v.value=l);},setLoading:l=>{s.value=l;},getColumnState:()=>({visibleColumns:Array.from(O.value),sort:w.value,columnOrder:o.value.columnOrder??void 0,columnWidths:Object.keys(h$1.value).length>0?h$1.value:void 0,filters:Object.keys(E.value).length>0?E.value:void 0,pinnedColumns:Object.keys(P.value).length>0?P.value:void 0}),applyColumnState:l=>{l.visibleColumns&&F(new Set(l.visibleColumns)),l.sort&&f(l.sort),l.columnOrder&&o.value.onColumnOrderChange&&o.value.onColumnOrderChange(l.columnOrder),l.columnWidths&&(h$1.value=l.columnWidths),l.filters&&x(l.filters),l.pinnedColumns&&(P.value=l.pinnedColumns);},setFilterModel:x,getSelectedRows:()=>Array.from(k.value),setSelectedRows:l=>{L.value===void 0&&(V.value=new Set(l));},selectAll:()=>{let l=new Set(Ve.value.map(M=>t.value.getRowId(M)));L.value===void 0&&(V.value=l),e.value.onSelectionChange?.({selectedRowIds:Array.from(l),selectedItems:Ve.value});},deselectAll:()=>{L.value===void 0&&(V.value=new Set),e.value.onSelectionChange?.({selectedRowIds:[],selectedItems:[]});},clearFilters:()=>x({}),clearSort:()=>f({field:r.value,direction:m.value.defaultSortDirection}),resetGridState:l=>{x({}),f({field:r.value,direction:m.value.defaultSortDirection}),l?.keepSelection\|\|(L.value===void 0&&(V.value=new Set),e.value.onSelectionChange?.({selectedRowIds:[],selectedItems:[]}));},getDisplayedRows:()=>Ve.value,refreshData:()=>{d.value&&Ge.value++;},scrollToRow:()=>{},getColumnOrder:()=>o.value.columnOrder??a.value.map(l=>l.columnId),setColumnOrder:l=>{o.value.onColumnOrderChange?.(l);}}));return {dataGridProps:An,pagination:zt,columnChooser:Nt,layout:Ln,filters:Et,api:Bn}}function Yt(e){let{items:o,getRowId:t,rowSelection:n,controlledSelectedRows:i,onSelectionChange:m}=e,u=shallowRef(new Set),a=-1,d=computed(()=>{let r=i.value;return r!=null?r instanceof Set?r:new Set(r):u.value}),p=r=>{i.value!==void 0?isReadonly(i)\|\|(i.value=r):u.value=r,m?.({selectedRowIds:Array.from(r),selectedItems:o.value.filter(g=>r.has(t(g)))});},v=(r,g,R,T)=>{if(n.value==="single"){p(g?new Set([r]):new Set),a=R;return}let I=o.value,y;T&&a>=0&&a!==R?y=applyRangeRowSelection(a,R,g,I,t,d.value):(y=new Set(d.value),g?y.add(r):y.delete(r)),a=R,p(y);},s=r=>{p(r?new Set(o.value.map(g=>t(g))):new Set);},c=computed(()=>computeRowSelectionState(d.value,o.value,t).allSelected),C=computed(()=>computeRowSelectionState(d.value,o.value,t).someSelected);return {selectedRowIds:d,updateSelection:p,handleRowCheckboxChange:v,handleSelectAll:s,allSelected:c,someSelected:C}}function Zt(e){let o=shallowRef(null),t=ref(void 0);return {editingCell:o,setEditingCell:m=>{if(m&&e?.scrollToRow&&e?.getRowIndex){let u=e.getRowIndex(m.rowId);u>=0&&e.scrollToRow(u,"center");}o.value=m;},pendingEditorValue:t,setPendingEditorValue:m=>{t.value=m;}}}function Jt(e,o){let t=shallowRef(null),n=0,i=m=>{let u=t.value;u!==m&&(u&&m&&u.rowIndex===m.rowIndex&&u.columnIndex===m.columnIndex\|\|(t.value=m));};return watch([t,()=>o?.value],()=>{if(n&&(cancelAnimationFrame(n),n=0),t.value==null\|\|!e?.value\|\|o?.value!=null)return;let{rowIndex:m,columnIndex:u}=t.value;n=requestAnimationFrame(()=>{n=0;let a=e.value;if(!a)return;let d=t.value;if(!d\|\|d.rowIndex!==m\|\|d.columnIndex!==u)return;let p=`[data-row-index="${m}"][data-col-index="${u}"]`,v=a.querySelector(p);if(v){let s=a.querySelector("thead"),c=s?s.getBoundingClientRect().height:0,C=a.getBoundingClientRect(),r=v.getBoundingClientRect(),g=C.top+c;r.top<g?a.scrollTop-=g-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(()=>{n&&(cancelAnimationFrame(n),n=0);}),{activeCell:t,setActiveCell:i}}var Jn="data-drag-range",Lt="data-drag-anchor",xe=40,fr=16;function Qt(e){let o=rt(e),{wrapperRef:t,setActiveCell:n}=e,i=()=>isRef(e.colOffset)?e.colOffset.value:e.colOffset,m=shallowRef(null),u=ref(false),a=ref(false),d=ref(false),p=false,v=null,s=0,c=null,C=null,r=null,g=f=>{rangesEqual(m.value,f)\|\|(m.value=f);},R=(f,x,F)=>{if(f.button!==0)return;let G=i();if(F<G)return;f.preventDefault();let _=F-G,B=m.value;if(f.shiftKey&&B!=null)g(normalizeSelectionRange({startRow:B.startRow,startCol:B.startCol,endRow:x,endCol:_})),n({rowIndex:x,columnIndex:F});else {v={row:x,col:_},p=false;let V={startRow:x,startCol:_,endRow:x,endCol:_};g(V),c=V,n({rowIndex:x,columnIndex:F}),a.value=true,P(V);}},T=()=>{let{rowCount:f,visibleColCount:x}=o.value;f.value===0\|\|x.value===0\|\|(g({startRow:0,startCol:0,endRow:f.value-1,endCol:x.value-1}),n({rowIndex:0,columnIndex:i()}));},I=new Set,y=null,h=(f,x,F,G,_,B,V,L)=>{f.hasAttribute(Jn)\|\|f.setAttribute(Jn,""),L&&x===L.row&&F===L.col?f.hasAttribute(Lt)\|\|f.setAttribute(Lt,""):f.hasAttribute(Lt)&&f.removeAttribute(Lt);let H=[];x===G&&H.push("inset 0 2px 0 0 var(--ogrid-selection, #217346)"),x===_&&H.push("inset 0 -2px 0 0 var(--ogrid-selection, #217346)"),F===B&&H.push("inset 2px 0 0 0 var(--ogrid-selection, #217346)"),F===V&&H.push("inset -2px 0 0 0 var(--ogrid-selection, #217346)"),f.style.boxShadow=H.length>0?H.join(", "):"",I.add(f);},b=f=>{f.removeAttribute(Jn),f.removeAttribute(Lt),f.style.boxShadow="";},P=f=>{if(!t.value)return;let F=Math.min(f.startRow,f.endRow),G=Math.max(f.startRow,f.endRow),_=Math.min(f.startCol,f.endCol),B=Math.max(f.startCol,f.endCol),V=v,L=i();for(let H of I){let J=parseInt(H.getAttribute("data-row-index")??"",10),te=parseInt(H.getAttribute("data-col-index")??"",10)-L;J>=F&&J<=G&&te>=_&&te<=B\|\|(b(H),I.delete(H));}y\|\|(y=buildCellIndex(t.value));let k=false;for(let H=F;H<=G;H++)for(let J=_;J<=B;J++){let te=`${H},${J+L}`,U=y?.get(te);U&&!U.isConnected&&!k&&(k=true,y=buildCellIndex(t.value),U=y?.get(te)),U&&U.isConnected&&h(U,H,J,F,G,_,B,V);}},D=()=>{for(let f of I)b(f);I.clear(),y=null;},S=(f,x)=>{if(!v)return null;let G=document.elementFromPoint(f,x)?.closest?.("[data-row-index][data-col-index]");if(!G)return null;let _=parseInt(G.getAttribute("data-row-index")??"",10),B=parseInt(G.getAttribute("data-col-index")??"",10),V=i();if(Number.isNaN(_)\|\|Number.isNaN(B)\|\|B<V)return null;let L=B-V;return normalizeSelectionRange({startRow:v.row,startCol:v.col,endRow:_,endCol:L})},w=()=>{C&&(clearInterval(C),C=null);},E=()=>{let f=t.value;if(!f\|\|!r\|\|!a.value){w();return}let x=f.getBoundingClientRect(),F=0,G=0;if(r.cy<x.top+xe?G=-computeAutoScrollSpeed(x.top+xe-r.cy):r.cy>x.bottom-xe&&(G=computeAutoScrollSpeed(r.cy-(x.bottom-xe))),r.cx<x.left+xe?F=-computeAutoScrollSpeed(x.left+xe-r.cx):r.cx>x.right-xe&&(F=computeAutoScrollSpeed(r.cx-(x.right-xe))),F===0&&G===0){w();return}C\|\|(C=setInterval(()=>{let _=t.value,B=r;if(!_\|\|!B\|\|!a.value){w();return}let V=_.getBoundingClientRect(),L=0,k=0;if(B.cy<V.top+xe?k=-computeAutoScrollSpeed(V.top+xe-B.cy):B.cy>V.bottom-xe&&(k=computeAutoScrollSpeed(B.cy-(V.bottom-xe))),B.cx<V.left+xe?L=-computeAutoScrollSpeed(V.left+xe-B.cx):B.cx>V.right-xe&&(L=computeAutoScrollSpeed(B.cx-(V.right-xe))),L===0&&k===0){w();return}_.scrollTop+=k,_.scrollLeft+=L;let H=S(B.cx,B.cy);H&&(c=H,P(H));},fr));},O=f=>{!a.value\|\|!v\|\|(p\|\|(p=true,u.value=true,y=buildCellIndex(t.value)),r={cx:f.clientX,cy:f.clientY},E(),s&&cancelAnimationFrame(s),s=requestAnimationFrame(()=>{if(s=0,!r)return;let x=S(r.cx,r.cy);if(!x)return;let F=c;F&&F.startRow===x.startRow&&F.startCol===x.startCol&&F.endRow===x.endRow&&F.endCol===x.endCol\|\|(c=x,P(x));}));},ee=()=>{if(!a.value)return;w(),s&&(cancelAnimationFrame(s),s=0),a.value=false;let f=p;if(f){if(r){let F=S(r.cx,r.cy);F&&(c=F);}let x=c;if(x){g(x);let F=v;F&&n({rowIndex:F.row,columnIndex:F.col+i()});}}D(),c=null,r=null,v=null,f&&(u.value=false);},ae=f=>{d.value\|\|O(f);},Z=()=>{d.value\|\|ee();};return onMounted(()=>{window.addEventListener("pointermove",ae,true),window.addEventListener("pointerup",Z,true);}),onUnmounted(()=>{d.value=true,window.removeEventListener("pointermove",ae,true),window.removeEventListener("pointerup",Z,true),s&&cancelAnimationFrame(s),w();}),{selectionRange:m,setSelectionRange:g,handleCellMouseDown:R,handleSelectAllCells:T,isDragging:u}}function en(){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 tn(e){let{items:o,visibleCols:t,selectionRange:n,activeCell:i,editable:m,onCellValueChanged:u,beginBatch:a,endBatch:d}=e,p=()=>isRef(e.colOffset)?e.colOffset.value:e.colOffset,v=shallowRef(null),s=shallowRef(null),c=ref(null),C=()=>{let I=n.value,y=i.value,h=p();return I??(y!=null?{startRow:y.rowIndex,startCol:y.columnIndex-h,endRow:y.rowIndex,endCol:y.columnIndex-h}:null)},r=()=>{let I=C();if(I==null)return;let y=normalizeSelectionRange(I),h=formatSelectionAsTsv(o.value,t.value,y);c.value=h,s.value=y,navigator.clipboard.writeText(h).catch(b=>{typeof console<"u"&&console.warn("[OGrid] Clipboard write failed:",b);});};return {handleCopy:r,handleCut:()=>{if(m.value===false)return;let I=C();if(I==null\|\|u.value==null)return;let y=normalizeSelectionRange(I);v.value=y,s.value=null,r(),s.value=null;},handlePaste:async()=>{if(m.value===false)return;let I=u.value;if(I==null)return;let y;try{y=await navigator.clipboard.readText();}catch{y="";}if(!y.trim()&&c.value!=null&&(y=c.value),!y.trim())return;let h=C(),b=h?h.startRow:0,P=h?h.startCol:0,D=o.value,S=t.value,w=parseTsvClipboard(y);a?.();let E=applyPastedValues(w,b,P,D,S);for(let O of E)I(O);if(v.value){let O=applyCutClear(v.value,D,S);for(let ee of O)I(ee);v.value=null;}d?.(),s.value=null;},cutRange:v,copyRange:s,clearClipboardRanges:()=>{s.value=null,v.value=null;}}}function nn(e){let o=rt(e);return {handleGridKeyDown:n=>{let{data:i,state:m,handlers:u,features:a}=o.value,d=i.items.value,p=i.visibleCols.value,{getRowId:v}=i,s=isRef(i.colOffset)?i.colOffset.value:i.colOffset,c=i.hasCheckboxCol.value,C=i.visibleColumnCount.value,r=m.activeCell.value,g=m.selectionRange.value,R=m.editingCell.value,T=m.selectedRowIds.value,{setActiveCell:I,setSelectionRange:y,setEditingCell:h,handleRowCheckboxChange:b,handleCopy:P,handleCut:D,handlePaste:S,setContextMenu:w,onUndo:E,onRedo:O,clearClipboardRanges:ee}=u,ae=a.editable.value,Z=a.onCellValueChanged.value,f=a.rowSelection.value,x=a.wrapperRef,F=a.scrollToRow,{fillDown:G}=a,_=a.onKeyDown?.value;if(_&&(_(n),n.defaultPrevented))return;let B=d.length-1,V=C-1+s;if(d.length===0)return;if(r===null){["ArrowDown","ArrowUp","ArrowLeft","ArrowRight","Tab","Enter","Home","End","PageDown","PageUp"].includes(n.key)&&(I({rowIndex:0,columnIndex:s}),n.preventDefault());return}let{rowIndex:L,columnIndex:k}=r,H=k-s,J=n.shiftKey,te=(U,j)=>{if(U<0\|\|U>=d.length\|\|j<0\|\|j>=p.length)return true;let Q=getCellValue(d[U],p[j]);return Q==null\|\|Q===""};switch(n.key){case "c":if(n.ctrlKey\|\|n.metaKey){if(R!=null)break;n.preventDefault(),P();}break;case "x":if(n.ctrlKey\|\|n.metaKey){if(R!=null)break;n.preventDefault(),D();}break;case "v":if(n.ctrlKey\|\|n.metaKey){if(R!=null)break;n.preventDefault(),S();}break;case "d":if(n.ctrlKey\|\|n.metaKey){if(R!=null)break;ae!==false&&G&&(n.preventDefault(),G());}break;case "ArrowDown":case "ArrowUp":case "ArrowRight":case "ArrowLeft":{if(R!=null)break;n.preventDefault();let{newRowIndex:U,newColumnIndex:j,newRange:Q}=computeArrowNavigation({direction:n.key,rowIndex:L,columnIndex:k,dataColIndex:H,colOffset:s,maxRowIndex:B,maxColIndex:V,visibleColCount:p.length,isCtrl:n.ctrlKey\|\|n.metaKey,isShift:J,selectionRange:g,isEmptyAt:te});y(Q),I({rowIndex:U,columnIndex:j}),(n.key==="ArrowDown"\|\|n.key==="ArrowUp")&&F?.(U,"center");break}case "Tab":{n.preventDefault();let{rowIndex:U,columnIndex:j}=computeTabNavigation(L,k,B,V,s,n.shiftKey),Q=j-s;y({startRow:U,startCol:Q,endRow:U,endCol:Q}),I({rowIndex:U,columnIndex:j});break}case "Home":{n.preventDefault();let U=n.ctrlKey?0:L;y({startRow:U,startCol:0,endRow:U,endCol:0}),I({rowIndex:U,columnIndex:s});break}case "End":{n.preventDefault();let U=n.ctrlKey?B:L;y({startRow:U,startCol:C-1,endRow:U,endCol:C-1}),I({rowIndex:U,columnIndex:V});break}case "PageDown":case "PageUp":{n.preventDefault();let U=x.value,j=10;if(U){let Te=U.querySelector("tbody tr");Te&&Te.offsetHeight>0&&(j=Math.max(1,Math.floor(U.clientHeight/Te.offsetHeight)));}let Q=n.key==="PageDown"?1:-1,pe=Math.max(0,Math.min(L+Qj,B));y(J?{startRow:g?.startRow??L,startCol:g?.startCol??H,endRow:pe,endCol:g?.endCol??H}:{startRow:pe,startCol:H,endRow:pe,endCol:H}),I({rowIndex:pe,columnIndex:k}),F?.(pe,"center");break}case "Enter":case "F2":{if(n.preventDefault(),H>=0&&H<p.length){let U=p[H],j=d[L];if(j&&U){let Q=U.editable===true\|\|typeof U.editable=="function"&&U.editable(j);ae!==false&&Q&&Z!=null&&h({rowId:v(j),columnId:U.columnId});}}break}case "Escape":n.preventDefault(),R!=null?h(null):(ee?.(),I(null),y(null));break;case " ":if(f!=="none"&&k===0&&c){n.preventDefault();let U=d[L];if(U){let j=v(U),Q=T.has(j);b(j,!Q,L,n.shiftKey);}}break;case "z":(n.ctrlKey\|\|n.metaKey)&&R==null&&(n.shiftKey&&O?(n.preventDefault(),O()):!n.shiftKey&&E&&(n.preventDefault(),E()));break;case "y":(n.ctrlKey\|\|n.metaKey)&&R==null&&O&&(n.preventDefault(),O());break;case "a":if(n.ctrlKey\|\|n.metaKey){if(R!=null)break;n.preventDefault(),d.length>0&&C>0&&(y({startRow:0,startCol:0,endRow:d.length-1,endCol:C-1}),I({rowIndex:0,columnIndex:s}));}break;case "Delete":case "Backspace":{if(R!=null\|\|ae===false\|\|Z==null)break;let U=g??(r!=null?{startRow:r.rowIndex,startCol:r.columnIndex-s,endRow:r.rowIndex,endCol:r.columnIndex-s}:null);if(U==null)break;n.preventDefault();let j=applyCellDeletion(U,d,p);for(let Q of j)Z(Q);break}case "F10":if(n.shiftKey)if(n.preventDefault(),r!=null&&x.value){let U=`[data-row-index="${r.rowIndex}"][data-col-index="${r.columnIndex}"]`,j=x.value.querySelector(U);if(j){let Q=j.getBoundingClientRect();w({x:Q.left+Q.width/2,y:Q.top+Q.height/2});}else w({x:100,y:100});}else w({x:100,y:100});break;}}}}var on="data-drag-range";function ln(e){let{items:o,visibleCols:t,editable:n,onCellValueChanged:i,selectionRange:m,setSelectionRange:u,setActiveCell:a,wrapperRef:d,beginBatch:p,endBatch:v,visibleRange:s}=e,c=()=>isRef(e.colOffset)?e.colOffset.value:e.colOffset,C=shallowRef(null),r={endRow:0,endCol:0},g=0,R=null,T=null,I=null,y=D=>{C.value=D;},h=()=>{T&&(window.removeEventListener("pointermove",T,true),T=null),I&&(window.removeEventListener("pointerup",I,true),I=null),g&&(cancelAnimationFrame(g),g=0);};return watch(C,(D,S,w)=>{if(!D\|\|n.value===false\|\|!i.value\|\|!d.value){h();return}r={endRow:D.startRow,endCol:D.startCol},R=null;let E=new Set,O=buildCellIndex(d.value),ee=x=>{if(!d.value)return;let G=Math.min(x.startRow,x.endRow),_=Math.max(x.startRow,x.endRow),B=Math.min(x.startCol,x.endCol),V=Math.max(x.startCol,x.endCol),L=c();for(let k of E){let H=parseInt(k.getAttribute("data-row-index")??"",10),J=parseInt(k.getAttribute("data-col-index")??"",10)-L;H>=G&&H<=_&&J>=B&&J<=V\|\|(k.removeAttribute(on),E.delete(k));}for(let k=G;k<=_;k++)for(let H=B;H<=V;H++){let J=`${k},${H+L}`,te=O?.get(J);te&&!te.isConnected&&(O=buildCellIndex(d.value),te=O.get(J)),te&&(te.hasAttribute(on)\|\|te.setAttribute(on,""),E.add(te));}},ae=()=>{for(let x of E)x.removeAttribute(on);E.clear();},Z=null,f=(x,F)=>{let _=document.elementFromPoint(x,F)?.closest?.("[data-row-index][data-col-index]");if(!_\|\|!d.value?.contains(_))return null;let B=parseInt(_.getAttribute("data-row-index")??"",10),V=parseInt(_.getAttribute("data-col-index")??"",10),L=c();if(Number.isNaN(B)\|\|Number.isNaN(V)\|\|V<L)return null;let k=V-L;return normalizeSelectionRange({startRow:D.startRow,startCol:D.startCol,endRow:B,endCol:k})};T=x=>{Z={cx:x.clientX,cy:x.clientY},g&&cancelAnimationFrame(g),g=requestAnimationFrame(()=>{if(g=0,!Z)return;let F=f(Z.cx,Z.cy);if(!F)return;let G=R;G&&G.startRow===F.startRow&&G.startCol===F.startCol&&G.endRow===F.endRow&&G.endCol===F.endCol\|\|(R=F,r={endRow:F.endRow,endCol:F.endCol},ee(F));});},I=()=>{if(g&&(cancelAnimationFrame(g),g=0),Z){let L=f(Z.cx,Z.cy);L&&(R=L,r={endRow:L.endRow,endCol:L.endCol});}ae();let x=r,F=normalizeSelectionRange({startRow:D.startRow,startCol:D.startCol,endRow:x.endRow,endCol:x.endCol}),G=s?.value;G&&(F.startRow=Math.max(F.startRow,G.startIndex),F.endRow=Math.min(F.endRow,G.endIndex)),u(F),a({rowIndex:D.startRow,columnIndex:D.startCol+c()});let _=o.value,B=t.value,V=i.value;if(V){let L=applyFillValues(F,D.startRow,D.startCol,_,B);if(L.length>0){p?.();for(let k of L)V(k);v?.();}}C.value=null,R=null,h();},window.addEventListener("pointermove",T,true),window.addEventListener("pointerup",I,true),w(()=>{h();});}),onUnmounted(()=>h()),{fillDrag:C,setFillDrag:y,handleFillHandleMouseDown:D=>{D.preventDefault(),D.stopPropagation();let S=m.value;S&&(C.value={startRow:S.startRow,startCol:S.startCol});},fillDown:()=>{let D=m.value;if(!D\|\|n.value===false\|\|!i.value)return;let S=normalizeSelectionRange(D),w=o.value,E=t.value,O=i.value,ee=applyFillValues(S,S.startRow,S.startCol,w,E);if(ee.length>0){p?.();for(let ae of ee)O(ae);v?.();}}}}function rn(e){let{onCellValueChanged:o,maxUndoDepth:t=100}=e,n=new UndoRedoStack(t),i=ref(false),m=ref(false),u=()=>{i.value=n.canUndo,m.value=n.canRedo;};return {onCellValueChanged:o?c=>{n.record(c),n.isBatching\|\|u(),o(c);}:void 0,undo:()=>{if(!o)return;let c=n.undo();if(c){u();for(let C=c.length-1;C>=0;C--){let r=c[C];o({...r,oldValue:r.newValue,newValue:r.oldValue});}}},redo:()=>{if(!o)return;let c=n.redo();if(c){u();for(let C of c)o(C);}},canUndo:i,canRedo:m,beginBatch:()=>{n.beginBatch();},endBatch:()=>{n.endBatch(),u();},maxUndoDepth:t}}function an(e){let{wrapperRef:o,visibleCols:t,flatColumns:n,hasCheckboxCol:i,initialColumnWidths:m,onColumnResized:u}=e,a=ref(0),d,p=()=>{let r=o.value;if(!r)return;let g=r.getBoundingClientRect(),R=window.getComputedStyle(r),T=(parseFloat(R.borderLeftWidth\|\|"0")\|\|0)+(parseFloat(R.borderRightWidth\|\|"0")\|\|0);a.value=Math.max(0,g.width-T);};onMounted(()=>{let r=o.value;r&&(typeof ResizeObserver<"u"&&(d=new ResizeObserver(p),d.observe(r)),p());}),onUnmounted(()=>{d?.disconnect();});let v=ref((()=>{if(!m)return {};let r={};for(let[g,R]of Object.entries(m))r[g]={widthPx:R};return r})()),s=r=>{v.value=r;},c=computed(()=>{let r=i.value?CHECKBOX_COLUMN_WIDTH:0;return t.value.reduce((g,R)=>g+(R.minWidth??estimateHeaderMinWidth(R.name))+CELL_PADDING,r)});watch(n,r=>{let g=new Set(r.map(y=>y.columnId)),R=v.value,T=Object.keys(R),I=T.filter(y=>g.has(y));if(I.length<T.length){let y={};for(let h of I)y[h]=R[h];v.value=y;}});let C=computed(()=>{let r=i.value?CHECKBOX_COLUMN_WIDTH:0;return t.value.reduce((g,R)=>{let T=v.value[R.columnId],I=R.minWidth??estimateHeaderMinWidth(R.name),y=T?T.widthPx:R.idealWidth??R.defaultWidth??I;return g+Math.max(I,y)+CELL_PADDING},r)});return {containerWidth:a,minTableWidth:c,desiredTableWidth:C,columnSizingOverrides:v,setColumnSizingOverrides:s,onColumnResized:u}}function sn(e){let{columns:o,pinnedColumns:t,onColumnPinned:n}=e,i={};for(let c of o.value)c.pinned&&(i[c.columnId]=c.pinned);let m=ref(i),u=computed(()=>t?.value??m.value);return {pinnedColumns:u,pinColumn:(c,C)=>{let r={...u.value,[c]:C};m.value=r,n?.(c,C);},unpinColumn:c=>{let{[c]:C,...r}=u.value;m.value=r,n?.(c,null);},isPinned:c=>u.value[c],computeLeftOffsets:(c,C,r,g,R)=>{let T={},I=g?R:0;for(let y of c)u.value[y.columnId]==="left"&&(T[y.columnId]=I,I+=C[y.columnId]??r);return T},computeRightOffsets:(c,C,r)=>{let g={},R=0;for(let T=c.length-1;T>=0;T--){let I=c[T];u.value[I.columnId]==="right"&&(g[I.columnId]=R,R+=C[I.columnId]??r);}return g}}}function dn(e){let{columns:o,pinnedColumns:t,onPinColumn:n,onUnpinColumn:i,onSort:m,onColumnResized:u,onAutosizeColumn:a,sortBy:d,sortDirection:p}=e,v=ref(false),s=ref(null),c=ref(null),C=(f,x)=>{s.value=f,c.value=x,v.value=true;},r=()=>{v.value=false,s.value=null,c.value=null;},g=computed(()=>s.value?o.value.find(f=>f.columnId===s.value):void 0),R=computed(()=>s.value?t.value[s.value]:void 0),T=computed(()=>R.value!=="left"),I=computed(()=>R.value!=="right"),y=computed(()=>!!R.value),h=computed(()=>!s.value\|\|!d?.value\|\|d.value!==s.value?null:p?.value??null),b=computed(()=>g.value?.sortable!==false),P=ref(true);return {isOpen:v,openForColumn:s,anchorElement:c,open:C,close:r,handlePinLeft:()=>{s.value&&T.value&&(n(s.value,"left"),r());},handlePinRight:()=>{s.value&&I.value&&(n(s.value,"right"),r());},handleUnpin:()=>{s.value&&y.value&&(i(s.value),r());},handleSortAsc:()=>{s.value&&m&&(m(s.value,"asc"),r());},handleSortDesc:()=>{s.value&&m&&(m(s.value,"desc"),r());},handleClearSort:()=>{s.value&&m&&(m(s.value,null),r());},handleAutosizeThis:()=>{let f=a??u;if(!s.value\|\|!f\|\|!P.value)return;let x=g.value;f(s.value,measureColumnContentWidth(s.value,x?.minWidth)),r();},handleAutosizeAll:()=>{let f=a??u;f&&(o.value.forEach(x=>{f(x.columnId,measureColumnContentWidth(x.columnId,x.minWidth));}),r());},canPinLeft:T,canPinRight:I,canUnpin:y,currentSort:h,isSortable:b,isResizable:P}}var Ze=()=>{},$r=async()=>{},qr=(e,o,t)=>{},Xr=e=>{},jr=e=>{};function cn(e){let{props:o,wrapperRef:t}=e,n=computed(()=>o.value.items),i=o.value.getRowId,m=computed(()=>o.value.rowSelection??"none"),u=computed(()=>o.value.selectedRows),a=computed(()=>o.value.editable),d=computed(()=>o.value.cellSelection!==false),p=computed(()=>o.value.pinnedColumns),v=rn({onCellValueChanged:o.value.onCellValueChanged}),s=computed(()=>v.onCellValueChanged),c=computed(()=>flattenColumns(o.value.columns)),C=computed(()=>{let X=p.value;return !X\|\|Object.keys(X).length===0?c.value:c.value.map(Y=>{let le=X[Y.columnId];return le&&Y.pinned!==le?{...Y,pinned:le}:Y})}),r=computed(()=>resolveResponsiveConfig(o.value.responsiveColumns)),g=computed(()=>{let X=o.value.visibleColumns,Y=o.value.columnOrder,le=X?C.value.filter(se=>X.has(se.columnId)):C.value;if(!Y?.length)return le;let Re=new Map;for(let se=0;se<Y.length;se++)Re.set(Y[se],se);return [...le].sort((se,Ie)=>{let me=Re.get(se.columnId)??-1,be=Re.get(Ie.columnId)??-1;return me===-1&&be===-1?0:me===-1?1:be===-1?-1:me-be})}),R=ref(0),T=computed(()=>applyResponsiveHiding(g.value,R.value,r.value)),I=computed(()=>T.value.length),y=computed(()=>m.value==="multiple"),h=computed(()=>!!o.value.showRowNumbers),b=computed(()=>(y.value?1:0)+(h.value?1:0)),P=computed(()=>I.value+b.value),D=b,S=shallowRef(new Map);watch(n,X=>{let Y=S.value;Y.clear(),X.forEach((le,Re)=>Y.set(i(le),Re)),triggerRef(S);},{immediate:true});let w=Yt({items:n,getRowId:i,rowSelection:m,controlledSelectedRows:u,onSelectionChange:o.value.onSelectionChange}),{editingCell:E,setEditingCell:O,pendingEditorValue:ee,setPendingEditorValue:ae}=Zt(),{activeCell:Z,setActiveCell:f}=Jt(t,E),x=computed(()=>n.value.length),F=computed(()=>T.value.length),{selectionRange:G,setSelectionRange:_,handleCellMouseDown:B,handleSelectAllCells:V,isDragging:L}=Qt({colOffset:D,rowCount:x,visibleColCount:F,setActiveCell:f,wrapperRef:t}),{contextMenuPosition:k,setContextMenuPosition:H,handleCellContextMenu:J,closeContextMenu:te}=en(),{handleCopy:U,handleCut:j,handlePaste:Q,cutRange:pe,copyRange:Te,clearClipboardRanges:Le}=tn({items:n,visibleCols:T,colOffset:D,selectionRange:G,activeCell:Z,editable:a,onCellValueChanged:s,beginBatch:v.beginBatch,endBatch:v.endBatch}),Qe=(X,Y,le)=>{X.button===0&&(t.value?.focus({preventScroll:true}),Le(),B(X,Y,le));},{handleFillHandleMouseDown:Be,fillDown:We}=ln({items:n,visibleCols:T,editable:a,onCellValueChanged:s,selectionRange:G,setSelectionRange:_,setActiveCell:f,colOffset:D,wrapperRef:t,beginBatch:v.beginBatch,endBatch:v.endBatch}),{handleGridKeyDown:Ke}=nn({data:{items:n,visibleCols:T,colOffset:D,hasCheckboxCol:y,visibleColumnCount:I,getRowId:i},state:{activeCell:Z,selectionRange:G,editingCell:E,selectedRowIds:w.selectedRowIds},handlers:{setActiveCell:f,setSelectionRange:_,setEditingCell:O,handleRowCheckboxChange:w.handleRowCheckboxChange,handleCopy:U,handleCut:j,handlePaste:Q,setContextMenu:H,onUndo:v.undo,onRedo:v.redo,clearClipboardRanges:Le},features:{editable:a,onCellValueChanged:s,rowSelection:m,wrapperRef:t,fillDown:We,onKeyDown:computed(()=>o.value.onKeyDown)}}),{containerWidth:Oe,minTableWidth:Me,desiredTableWidth:vt,columnSizingOverrides:De,setColumnSizingOverrides:st}=an({wrapperRef:t,visibleCols:g,flatColumns:C,hasCheckboxCol:y,initialColumnWidths:o.value.initialColumnWidths,onColumnResized:(X,Y)=>o.value.onColumnResized?.(X,Y)});watch(Oe,X=>{R.value=X;},{immediate:true});let Pe=sn({columns:C,pinnedColumns:p,onColumnPinned:o.value.onColumnPinned}),gt=(X,Y)=>{st({...De.value,[X]:{widthPx:Y}}),o.value.onColumnResized?.(X,Y);},ie=dn({columns:C,pinnedColumns:Pe.pinnedColumns,onPinColumn:Pe.pinColumn,onUnpinColumn:Pe.unpinColumn,onSort:o.value.onColumnSort,onColumnResized:o.value.onColumnResized,onAutosizeColumn:gt,sortBy:computed(()=>o.value.sortBy),sortDirection:computed(()=>o.value.sortDirection)}),$e=ref({});watch([T,Oe,De],()=>{nextTick(()=>{let X=t.value;if(!X)return;let Y=X.querySelectorAll("th[data-column-id]");if(Y.length===0)return;let le={};Y.forEach(me=>{let be=me.getAttribute("data-column-id");be&&(le[be]=me.offsetWidth);});let Re=$e.value,se=Object.keys(le),Ie=se.length!==Object.keys(Re).length;if(!Ie){for(let me of se)if(Re[me]!==le[me]){Ie=true;break}}Ie&&($e.value=le);});},{flush:"post"});let et=computed(()=>{let X={};for(let Y of T.value){let le=De.value[Y.columnId];X[Y.columnId]=le?le.widthPx:Y.idealWidth??Y.defaultWidth??Y.minWidth??DEFAULT_MIN_COLUMN_WIDTH;}return X}),He=computed(()=>Pe.computeLeftOffsets(T.value,et.value,DEFAULT_MIN_COLUMN_WIDTH,y.value,CHECKBOX_COLUMN_WIDTH)),qe=computed(()=>Pe.computeRightOffsets(T.value,et.value,DEFAULT_MIN_COLUMN_WIDTH)),tt=computed(()=>computeAggregations(n.value,T.value,d.value?G.value:null)),Xe=computed(()=>{let X=getDataGridStatusBarConfig(o.value.statusBar,n.value.length,w.selectedRowIds.value.size);return X?{...X,aggregation:tt.value??void 0}:null}),Ge=computed(()=>n.value.length===0&&!!o.value.emptyState&&!o.value.isLoading),Ct=computed(()=>G.value!=null\|\|Z.value!=null),Ve=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})),ht=computed(()=>({editingCell:E.value,activeCell:d.value?Z.value:null,selectionRange:d.value?G.value:null,cutRange:d.value?pe.value:null,copyRange:d.value?Te.value:null,colOffset:D.value,itemsLength:n.value.length,getRowId:i,editable:a.value,onCellValueChanged:s.value,isDragging:d.value?L.value:false,getFormulaValue:o.value.getFormulaValue,hasFormula:o.value.hasFormula,getFormula:o.value.getFormula,formulaVersion:o.value.formulaVersion})),Rt=ref(null),Ye=X=>{Rt.value=X;},Pt=(X,Y,le,Re,se,Ie,me)=>{let be=T.value.find(ke=>ke.columnId===Y);if(be){let ke=parseValue(Re,le,X,be);if(!ke.valid){O(null),Ye(null),ae(void 0);return}Re=ke.value;}if(s.value?.({item:X,columnId:Y,oldValue:le,newValue:Re,rowIndex:se}),O(null),Ye(null),ae(void 0),!me?.skipAdvance&&se<n.value.length-1){let ke=se+1,wt=Ie-D.value;f({rowIndex:ke,columnIndex:Ie}),_({startRow:ke,startCol:wt,endRow:ke,endCol:wt});}},he=()=>{O(null),Ye(null),ae(void 0);},bt=computed(()=>({flatColumns:C.value,visibleCols:T.value,visibleColumnCount:I.value,totalColCount:P.value,colOffset:D.value,hasCheckboxCol:y.value,hasRowNumbersCol:h.value,rowIndexByRowId:S.value,containerWidth:Oe.value,minTableWidth:Me.value,desiredTableWidth:vt.value,columnSizingOverrides:De.value,setColumnSizingOverrides:st,onColumnResized:o.value.onColumnResized,measuredColumnWidths:$e.value,stickyHeader:o.value.stickyHeader??true})),St=computed(()=>({selectedRowIds:w.selectedRowIds.value,updateSelection:w.updateSelection,handleRowCheckboxChange:w.handleRowCheckboxChange,handleSelectAll:w.handleSelectAll,allSelected:w.allSelected.value,someSelected:w.someSelected.value})),ut=computed(()=>({editingCell:E.value,setEditingCell:O,pendingEditorValue:ee.value,setPendingEditorValue:ae,commitCellEdit:Pt,cancelPopoverEdit:he,popoverAnchorEl:Rt.value,setPopoverAnchorEl:Ye})),yt=computed(()=>({activeCell:d.value?Z.value:null,setActiveCell:d.value?f:Ze,selectionRange:d.value?G.value:null,setSelectionRange:d.value?_:Ze,handleCellMouseDown:d.value?Qe:qr,handleSelectAllCells:d.value?V:Ze,hasCellSelection:d.value?Ct.value:false,handleGridKeyDown:d.value?Ke:Xr,handleFillHandleMouseDown:d.value?Be:Ze,handleCopy:d.value?U:Ze,handleCut:d.value?j:Ze,handlePaste:d.value?Q:$r,cutRange:d.value?pe.value:null,copyRange:d.value?Te.value:null,clearClipboardRanges:d.value?Le:Ze,canUndo:v.canUndo.value,canRedo:v.canRedo.value,onUndo:v.undo,onRedo:v.redo,isDragging:d.value?L.value:false})),Dt=computed(()=>({menuPosition:d.value?k.value:null,setMenuPosition:d.value?H:Ze,handleCellContextMenu:d.value?J:jr,closeContextMenu:d.value?te:Ze})),Vt=computed(()=>({headerFilterInput:Ve.value,cellDescriptorInput:ht.value,statusBarConfig:Xe.value,showEmptyInGrid:Ge.value,onCellError:o.value.onCellError})),dt=computed(()=>({pinnedColumns:Pe.pinnedColumns.value,pinColumn:Pe.pinColumn,unpinColumn:Pe.unpinColumn,isPinned:Pe.isPinned,leftOffsets:He.value,rightOffsets:qe.value,headerMenu:{isOpen:ie.isOpen.value,openForColumn:ie.openForColumn.value,anchorElement:ie.anchorElement.value,open:ie.open,close:ie.close,handlePinLeft:ie.handlePinLeft,handlePinRight:ie.handlePinRight,handleUnpin:ie.handleUnpin,handleSortAsc:ie.handleSortAsc,handleSortDesc:ie.handleSortDesc,handleClearSort:ie.handleClearSort,handleAutosizeThis:ie.handleAutosizeThis,handleAutosizeAll:ie.handleAutosizeAll,canPinLeft:ie.canPinLeft.value,canPinRight:ie.canPinRight.value,canUnpin:ie.canUnpin.value,currentSort:ie.currentSort.value,isSortable:ie.isSortable.value,isResizable:ie.isResizable.value}}));return {layout:bt,rowSelection:St,editing:ut,interaction:yt,contextMenu:Dt,viewModels:Vt,pinning:dt}}function mn(e){let{columnSizingOverrides:o,setColumnSizingOverrides:t,minWidth:n=80,defaultWidth:i=120,onColumnResized:m}=e,u=0,a=null;return onUnmounted(()=>{a?.(),a=null;}),{handleResizeStart:(s,c)=>{s.preventDefault(),s.stopPropagation();let C=s.clientX,r=c.columnId,g=s.currentTarget.parentElement,R=g?g.getBoundingClientRect().width:o.value[r]?.widthPx??c.idealWidth??c.defaultWidth??i,T=R,I=document.body.style.cursor,y=document.body.style.userSelect;document.body.style.cursor="col-resize",document.body.style.userSelect="none";let h=()=>{t({...o.value,[r]:{widthPx:T}});},b=r===ROW_NUMBER_COLUMN_ID?ROW_NUMBER_COLUMN_MIN_WIDTH:n,P=w=>{let E=w.clientX-C;T=Math.max(b,R+E),u\|\|(u=requestAnimationFrame(()=>{u=0,h();}));},D=()=>{document.removeEventListener("pointermove",P),document.removeEventListener("pointerup",S),a=null,document.body.style.cursor=I,document.body.style.userSelect=y,u&&(cancelAnimationFrame(u),u=0);},S=()=>{D(),h(),m?.(r,T);};document.addEventListener("pointermove",P),document.addEventListener("pointerup",S),a=D;},handleResizeDoubleClick:(s,c)=>{s.preventDefault(),s.stopPropagation();let C=c.columnId,g=(s.currentTarget.closest("th")??s.currentTarget.parentElement)?.closest("table")?.parentElement??void 0,R=measureColumnContentWidth(C,n,g);t({...o.value,[C]:{widthPx:R}}),m?.(C,R);},getColumnWidth:s=>o.value[s.columnId]?.widthPx??s.idealWidth??s.defaultWidth??i}}function fn(e,o){let t=ref(e.value),n;return watch(e,i=>{n!==void 0&&clearTimeout(n),n=setTimeout(()=>{t.value=i;},o);}),onUnmounted(()=>{n!==void 0&&clearTimeout(n);}),t}function Vo(e,o){let t,n=e,i,m=((...u)=>{n=e,i=u,t!==void 0&&clearTimeout(t),t=setTimeout(()=>{n(...u),i=void 0,t=void 0;},o);});return m.cancel=()=>{t!==void 0&&clearTimeout(t),t=void 0,i=void 0;},m.flush=()=>{if(t!==void 0&&i!==void 0){clearTimeout(t),t=void 0;let u=i;i=void 0,n(...u);}},onUnmounted(()=>{t!==void 0&&clearTimeout(t);}),m}function pn(e){let{textValue:o="",onTextChange:t}=e,n=ref(o);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,oo=[];function vn(e){let{onFilterChange:o}=e,t=ref(new Set(e.selectedValues??oo)),n=ref(""),i=fn(n,aa);watch(e.isFilterOpen,c=>{c&&(t.value=new Set(e.selectedValues??oo),n.value="");});let m=computed(()=>{let c=e.options??oo;if(!i.value.trim())return c;let C=i.value.toLowerCase().trim();return c.filter(r=>r.toLowerCase().includes(C))});return {tempSelected:t,setTempSelected:c=>{t.value=c;},searchText:n,setSearchText:c=>{n.value=c;},debouncedSearchText:i,filteredOptions:m,handleCheckboxChange:(c,C)=>{let r=new Set(t.value);C?r.add(c):r.delete(c),t.value=r;},handleSelectAll:()=>{t.value=new Set(m.value);},handleClearSelection:()=>{t.value=new Set;},handleApplyMultiSelect:()=>{o?.(Array.from(t.value));}}}var sa=300;function Cn(e){let{onUserChange:o,filterType:t}=e,n=ref(null),i,m=ref([]),u=ref(false),a=ref(""),d=s=>{a.value=s;};return watch(e.isFilterOpen,s=>{s&&(a.value="",m.value=[],t==="people"&&setTimeout(()=>n.value?.focus(),50));}),watch([a,()=>e.peopleSearch,e.isFilterOpen],([s,c,C])=>{if(i&&clearTimeout(i),!(!c\|\|!C\|\|t!=="people")){if(!s.trim()){m.value=[];return}u.value=true,i=setTimeout(async()=>{try{let r=await c(s);m.value=r.slice(0,10);}catch{m.value=[];}finally{u.value=false;}},sa);}}),onUnmounted(()=>{i&&clearTimeout(i);}),{peopleSuggestions:m,isPeopleLoading:u,peopleSearchText:a,setPeopleSearchText:d,peopleInputRef:n,handleUserSelect:s=>{o?.(s);},handleClearUser:()=>{o?.(void 0);}}}function hn(e){let{onDateChange:o}=e,t=ref(e.dateValue?.from??""),n=ref(e.dateValue?.to??"");return watch(e.isFilterOpen,d=>{d&&(t.value=e.dateValue?.from??"",n.value=e.dateValue?.to??"");}),{tempDateFrom:t,setTempDateFrom:d=>{t.value=d;},tempDateTo:n,setTempDateTo:d=>{n.value=d;},handleDateApply:()=>{let d=t.value\|\|void 0,p=n.value\|\|void 0;o?.(d\|\|p?{from:d,to:p}:void 0);},handleDateClear:()=>{t.value="",n.value="";}}}var ma=[];function Ko(e){let{filterType:o,onSort:t}=e,n=()=>e.selectedValues??ma,i=ref(null),m=ref(null),u=ref(false),a=ref(null),d=f=>{u.value=f;},p=pn({textValue:e.textValue,onTextChange:e.onTextChange,isFilterOpen:u}),v=vn({selectedValues:e.selectedValues,onFilterChange:e.onFilterChange,options:e.options,isFilterOpen:u}),s=Cn({selectedUser:e.selectedUser,onUserChange:e.onUserChange,peopleSearch:e.peopleSearch,isFilterOpen:u,filterType:o}),c=hn({dateValue:e.dateValue,onDateChange:e.onDateChange,isFilterOpen:u});watch(u,f=>{f\|\|(a.value=null);});let C=null,r=null,g,R=()=>{T(),C=f=>{let x=f.target;m.value&&!m.value.contains(x)&&i.value&&!i.value.contains(x)&&(u.value=false);},r=f=>{(f.key==="Escape"\|\|f.key==="Esc")&&(f.preventDefault(),f.stopPropagation(),u.value=false);},g=setTimeout(()=>{C&&document.addEventListener("mousedown",C);},0),document.addEventListener("keydown",r,true);},T=()=>{g&&clearTimeout(g),C&&document.removeEventListener("mousedown",C),r&&document.removeEventListener("keydown",r,true),C=null,r=null;};watch(u,f=>{f?R():T();}),onUnmounted(()=>T());let I=f=>{if(f.stopPropagation(),f.preventDefault(),!u.value&&i.value){let x=i.value.getBoundingClientRect();a.value={top:x.bottom+4,left:x.left};}u.value=!u.value;},y=f=>{f.stopPropagation(),t?.();},h=()=>{v.handleApplyMultiSelect(),u.value=false;},b=()=>{p.handleTextApply(),u.value=false;},P=f=>{s.handleUserSelect(f),u.value=false;},D=()=>{s.handleClearUser(),u.value=false;},S=()=>{c.handleDateApply(),u.value=false;},w=f=>f.stopPropagation(),E=f=>f.stopPropagation(),O=f=>f.stopPropagation(),ee=f=>f.stopPropagation(),ae=f=>{f.key!=="Escape"&&f.key!=="Esc"&&f.stopPropagation();},Z=computed(()=>o==="multiSelect"?n().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:s.peopleInputRef,isFilterOpen:u,setFilterOpen:d,tempSelected:v.tempSelected,setTempSelected:v.setTempSelected,tempTextValue:p.tempTextValue,setTempTextValue:p.setTempTextValue,searchText:v.searchText,setSearchText:v.setSearchText,debouncedSearchText:v.debouncedSearchText,filteredOptions:v.filteredOptions,peopleSuggestions:s.peopleSuggestions,isPeopleLoading:s.isPeopleLoading,peopleSearchText:s.peopleSearchText,setPeopleSearchText:s.setPeopleSearchText,tempDateFrom:c.tempDateFrom,setTempDateFrom:c.setTempDateFrom,tempDateTo:c.tempDateTo,setTempDateTo:c.setTempDateTo,hasActiveFilter:Z,popoverPosition:a,handlers:{handleFilterIconClick:I,handleApplyMultiSelect:h,handleTextApply:b,handleTextClear:p.handleTextClear,handleUserSelect:P,handleClearUser:D,handleCheckboxChange:v.handleCheckboxChange,handleSelectAll:v.handleSelectAll,handleClearSelection:v.handleClearSelection,handlePopoverClick:w,handleInputFocus:E,handleInputMouseDown:O,handleInputClick:ee,handleInputKeyDown:ae,handleDateApply:S,handleDateClear:c.handleDateClear,handleSortClick:y}}}function qo(e){let{columns:o,visibleColumns:t,onVisibilityChange:n}=e,i=ref(false),m=null,u=()=>{a(),m=R=>{R.key==="Escape"&&(R.preventDefault(),i.value=false);},document.addEventListener("keydown",m,true);},a=()=>{m&&(document.removeEventListener("keydown",m,true),m=null);};watch(i,R=>{R?u():a();}),onUnmounted(()=>a());let d=R=>{i.value=R;},p=()=>{i.value=!i.value;},v=()=>{i.value=false;},s=R=>T=>{n(R,T);},c=()=>{o.value.forEach(R=>{t.value.has(R.columnId)\|\|n(R.columnId,true);});},C=()=>{o.value.forEach(R=>{!R.required&&t.value.has(R.columnId)&&n(R.columnId,false);});},r=computed(()=>t.value.size),g=computed(()=>o.value.length);return {open:i,setOpen:d,handleToggle:p,handleClose:v,handleCheckboxChange:s,handleSelectAll:c,handleClearAll:C,visibleCount:r,totalCount:g}}function Xo(e){let{value:o,editorType:t,onCommit:n,onCancel:i,dateFormat:m,dateEditorType:u}=e,a=m??DEFAULT_DATE_FORMAT,d=ref((()=>{if(o==null)return "";if(t==="date"){if(u==="native"){let g=String(o);return g.match(/^\d{4}-\d{2}-\d{2}/)?g.substring(0,10):g}return formatDateForDisplay(o,a)??""}return String(o)})()),p=g=>{d.value=g;},v=g=>{if(t==="date"&&u!=="native"){if(!g\|\|!g.trim()){n(null);return}let R=parseUserInputDate(g,a);if(R!==null){let T=R.getUTCFullYear().toString().padStart(4,"0"),I=(R.getUTCMonth()+1).toString().padStart(2,"0"),y=R.getUTCDate().toString().padStart(2,"0");n(`${T}-${I}-${y}`);}else n(null);}else n(g);},s=g=>{n(g);},c=()=>{i();};return {localValue:d,setLocalValue:p,handleKeyDown:g=>{g.key==="Escape"&&(g.preventDefault(),g.stopPropagation(),c()),g.key==="Enter"&&(t==="text"\|\|t==="date")&&(g.preventDefault(),g.stopPropagation(),v(d.value));},handleBlur:()=>{(t==="text"\|\|t==="date")&&v(d.value);},commit:s,cancel:c}}function Yo(e){let{values:o,formatValue:t,initialValue:n,onCommit:i,onCancel:m}=e,u=ref(""),a=o.findIndex(r=>String(r)===String(n)),d=ref(Math.max(a,0)),p=r=>{u.value=r;},v=r=>t?t(r):r!=null?String(r):"",s=computed(()=>{if(!u.value.trim())return o;let r=u.value.toLowerCase();return o.filter(g=>v(g).toLowerCase().includes(r))}),c=r=>{i(r);};return {searchText:u,setSearchText:p,filteredValues:s,highlightedIndex:d,handleKeyDown:r=>{switch(r.key){case "ArrowDown":r.preventDefault(),d.value=Math.min(d.value+1,s.value.length-1);break;case "ArrowUp":r.preventDefault(),d.value=Math.max(d.value-1,0);break;case "Enter":r.preventDefault(),r.stopPropagation(),s.value.length>0&&d.value<s.value.length&&c(s.value[d.value]);break;case "Escape":r.preventDefault(),r.stopPropagation(),m();break}},selectValue:c,getDisplayText:v}}var Ia=8,Ta=5;function bn(e){let{columnOrder:o,onColumnOrderChange:t,tableRef:n,pinnedColumns:i}=e,m=ref(false),u=ref(null),a=null,d="unpinned",p=0,v=null;return onUnmounted(()=>{v?.(),v=null;}),{isDragging:m,dropIndicatorX:u,handleHeaderMouseDown:(c,C)=>{if(C.button!==0)return;let r=C.target.closest("th");if(r){let w=r.getBoundingClientRect();if(C.clientX>w.right-Ia)return}if(C.preventDefault(),!n.value\|\|!t.value)return;a=c,d=getPinStateForColumn(c,i?.value),u.value=null;let R=C.clientX,T=false,I=C.clientX,y=-1,h=document.body.style.cursor,b=document.body.style.userSelect;document.body.style.cursor="grabbing",document.body.style.userSelect="none";let P=w=>{!T&&Math.abs(w.clientX-R)<Ta\|\|(T\|\|(T=true,m.value=true),I=w.clientX,p\|\|(p=requestAnimationFrame(()=>{p=0;let E=n.value;if(!E\|\|!a)return;let O=calculateDropTarget({mouseX:I,columnOrder:o.value,draggedColumnId:a,draggedPinState:d,tableElement:E,pinnedColumns:i?.value});O?(y=O.targetIndex,u.value=O.indicatorX):u.value=null;})));},D=()=>{window.removeEventListener("pointermove",P,true),window.removeEventListener("pointerup",S,true),v=null,document.body.style.cursor=h,document.body.style.userSelect=b,p&&(cancelAnimationFrame(p),p=0);},S=()=>{if(D(),T&&a&&y>=0&&t.value){let w=reorderColumnArray(o.value,a,y);t.value(w);}a=null,m.value=false,u.value=null,y=-1;};window.addEventListener("pointermove",P,true),window.addEventListener("pointerup",S,true),v=D;}}}var Aa=100;function yn(e){let{totalRows:o,rowHeight:t,enabled:n,overscan:i=5,threshold:m=Aa,columnsEnabled:u,columnWidths:a,columnOverscan:d=2}=e;onMounted(()=>{validateVirtualScrollConfig({enabled:n.value,rowHeight:t});});let p=ref(null),v=ref(0),s=ref(0),c=ref(0),C=ref(0),r=0,g,R=null,T=computed(()=>n.value&&o.value>=m),I=computed(()=>T.value?computeVisibleRange(v.value,t,c.value,o.value,i):{startIndex:0,endIndex:Math.max(0,o.value-1),offsetTop:0,offsetBottom:0}),y=computed(()=>n.value?computeTotalHeight(o.value,t):0),h=computed(()=>{if(!u?.value)return null;let S=a?.value;return !S\|\|S.length===0?null:computeVisibleColumnRange(s.value,S,C.value,d)}),b=()=>{r\|\|(r=requestAnimationFrame(()=>{r=0;let S=p.value;S&&(v.value=S.scrollTop,s.value=S.scrollLeft);}));},P=()=>{let S=p.value;S&&(c.value=S.clientHeight,C.value=S.clientWidth);};return watch(p,S=>{S!==R&&(R&&R.removeEventListener("scroll",b),g&&(g.disconnect(),g=void 0),R=S,S&&(S.addEventListener("scroll",b,{passive:true}),typeof ResizeObserver<"u"&&(g=new ResizeObserver(P),g.observe(S)),P(),v.value=S.scrollTop,s.value=S.scrollLeft));}),onUnmounted(()=>{let S=p.value;S&&S.removeEventListener("scroll",b),g?.disconnect(),r&&(cancelAnimationFrame(r),r=0);}),{containerRef:p,visibleRange:I,totalHeight:y,scrollToRow:(S,w="start")=>{let E=p.value;E&&(E.scrollTop=getScrollTopForRow(S,t,c.value,w));},columnRange:h,scrollLeft:s}}function xn(e){let{props:o}=e,t=ref(null),n=ref(null),i=ref(null),m=ref(false),u=cn({props:o,wrapperRef:t}),a=computed(()=>{let P=o.value;return P.columnOrder?P.columnOrder:flattenColumns(P.columns).filter(D=>P.visibleColumns?.has(D.columnId)??true).map(D=>D.columnId)}),d=computed(()=>o.value.onColumnOrderChange),p=bn({columnOrder:a,onColumnOrderChange:d,tableRef:i}),v=computed(()=>o.value.virtualScroll?.enabled??false),s=computed(()=>o.value.items.length),c=o.value.virtualScroll?.rowHeight??36,C=o.value.virtualScroll?.overscan??5,r=computed(()=>o.value.virtualScroll?.columns===true),g=o.value.virtualScroll?.columnOverscan??2,R=computed(()=>{let P=u.layout.value,{visibleCols:D,columnSizingOverrides:S}=P,w=o.value.pinnedColumns??{},E=[];for(let O of D){if(w[O.columnId]\|\|O.pinned)continue;let ee=S[O.columnId];E.push(ee?ee.widthPx:O.defaultWidth??O.minWidth??DEFAULT_MIN_COLUMN_WIDTH);}return E}),T=yn({totalRows:s,rowHeight:c,enabled:v,overscan:C,columnsEnabled:r,columnWidths:R,columnOverscan:g}),I=computed(()=>{if(!r.value)return null;let D=u.layout.value.visibleCols,S=T.columnRange.value,w=o.value.pinnedColumns;return partitionColumnsForVirtualization(D,S,w)}),y=computed(()=>{let D=u.layout.value.visibleCols,S=new Map;for(let w=0;w<D.length;w++)S.set(D[w].columnId,w);return S}),h=computed(()=>u.layout.value.columnSizingOverrides),b=mn({columnSizingOverrides:h,setColumnSizingOverrides:P=>u.layout.value.setColumnSizingOverrides(P)});return {wrapperRef:t,tableContainerRef:n,tableRef:i,lastMouseShift:m,state:u,columnReorder:p,virtualScroll:T,virtualScrollEnabled:v,columnResize:b,columnPartition:I,globalColIndexMap:y}}function Qo(e){let o=[];for(let t of e)o.push(t.groupKey),t.subGroups&&o.push(...Qo(t.subGroups));return o}function Tn({items:e,columns:o,groupBy:t}){let n=ref(new Set),i=computed(()=>flattenColumns(o.value)),m=computed(()=>!!t.value&&t.value.length>0),u=computed(()=>{if(!m.value)return [];let{groupTree:s}=buildGroupedRows(e.value,i.value,t.value,new Set);return s});return watch(()=>t.value?.join(",")??"",(s,c)=>{if(s!==c)if(m.value){let C=new Set(u.value.map(r=>r.groupKey));n.value=C;}else n.value=new Set;}),{displayRows:computed(()=>{if(!m.value)return e.value;let{displayRows:s}=buildGroupedRows(e.value,i.value,t.value,n.value);return s}),groupTree:u,expandedGroups:n,toggleGroup:s=>{let c=new Set(n.value);c.has(s)?c.delete(s):c.add(s),n.value=c;},expandAll:()=>{let s=Qo(u.value);n.value=new Set(s);},collapseAll:()=>{n.value=new Set;},isGroupingActive:m}}function Pn(e,o,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:o})),n}var el=()=>{};function Za(e){return defineComponent({name:"DataGridTable",props:{gridProps:{type:Object,required:true}},setup(o){let t=computed(()=>o.gridProps),{wrapperRef:n,tableContainerRef:i,tableRef:m,lastMouseShift:u,state:a,columnReorder:{isDragging:d,dropIndicatorX:p,handleHeaderMouseDown:v},virtualScroll:{containerRef:s,visibleRange:c,totalHeight:C,scrollToRow:r},virtualScrollEnabled:g,columnResize:{handleResizeStart:R,handleResizeDoubleClick:T,getColumnWidth:I},columnPartition:y,globalColIndexMap:h$1}=xn({props:t}),b=computed(()=>{let f=t.value;return f.showRowNumbers\|\|f.showColumnLetters?((f.currentPage??1)-1)(f.pageSize??25):0});watch([()=>a.interaction.value.activeCell,b],([f,x])=>{let F=t.value.onActiveCellChange;F&&F(f?formatCellReference(f.columnIndex-a.layout.value.colOffset,x+f.rowIndex+1):null);},{immediate:true});let P=computed(()=>t.value.items),D=computed(()=>t.value.columns),S=computed(()=>t.value.groupBy),w=Tn({items:P,columns:D,groupBy:S}),E=f=>{u.value=f.shiftKey;},O=f=>f.preventDefault(),ee=f=>f.stopPropagation(),ae=computed(()=>buildHeaderRows(t.value.columns,t.value.visibleColumns)),Z=computed(()=>{let f=a.layout.value,x=a.pinning.value,{visibleCols:F,columnSizingOverrides:G,measuredColumnWidths:_}=f,{leftOffsets:B,rightOffsets:V}=x,L={},k={},H={},J={};for(let te=0;te<F.length;te++){let U=F[te],j=U.pinned==="left",Q=U.pinned==="right",pe=I(U),Te=!!G[U.columnId],Le=_[U.columnId],Qe=U.minWidth??estimateHeaderMinWidth(U.name),Be=Te?pe:Math.max(Qe,Le??0),We={minWidth:`${Be}px`,width:`${pe}px`,maxWidth:`${pe}px`},Ke={minWidth:`${Be}px`,width:`${pe}px`,maxWidth:`${pe}px`},Oe=["ogrid-data-cell"],Me=["ogrid-header-cell"];j?(Oe.push("ogrid-data-cell--pinned-left"),We.left=`${B[U.columnId]??0}px`,Me.push("ogrid-header-cell--pinned-left"),Ke.left=`${B[U.columnId]??0}px`):Q&&(Oe.push("ogrid-data-cell--pinned-right"),We.right=`${V[U.columnId]??0}px`,Me.push("ogrid-header-cell--pinned-right"),Ke.right=`${V[U.columnId]??0}px`),L[U.columnId]=We,k[U.columnId]=Oe.join(" "),H[U.columnId]=Ke,J[U.columnId]=Me.join(" ");}return {cellStyles:L,cellClasses:k,hdrStyles:H,hdrClasses:J}});return ()=>{let f=o.gridProps,x=a.layout.value,F=a.rowSelection.value,G=a.editing.value,_=a.interaction.value,B=a.contextMenu.value,V=a.viewModels.value,L=a.pinning.value,{headerMenu:k}=L,{visibleCols:H,hasCheckboxCol:J,hasRowNumbersCol:te,colOffset:U,containerWidth:j,minTableWidth:Q,desiredTableWidth:pe}=x,Te=f.currentPage??1,Le=f.pageSize??25,Qe=te?(Te-1)Le:0,{selectedRowIds:Be,handleRowCheckboxChange:We,handleSelectAll:Ke,allSelected:Oe,someSelected:Me}=F,{editingCell:vt,setEditingCell:De,pendingEditorValue:st,setPendingEditorValue:Pe,commitCellEdit:gt,cancelPopoverEdit:ie,popoverAnchorEl:$e,setPopoverAnchorEl:et}=G,{setActiveCell:He,setSelectionRange:qe,handleCellMouseDown:tt,handleSelectAllCells:Xe,selectionRange:Ge,hasCellSelection:Ct,handleGridKeyDown:Ve,handleFillHandleMouseDown:ht,handleCopy:Rt,handleCut:Ye,handlePaste:Pt,cutRange:he,copyRange:bt,canUndo:St,canRedo:ut,onUndo:yt,onRedo:Dt,isDragging:Vt}=_,{menuPosition:dt,handleCellContextMenu:X,closeContextMenu:Y}=B,{headerFilterInput:le,cellDescriptorInput:Re,statusBarConfig:se,showEmptyInGrid:Ie,onCellError:me}=V,be=f.items,ke=f.getRowId,wt=w.displayRows.value,kn=w.isGroupingActive.value,ze=w.expandedGroups.value,An=f.layoutMode??"fill",zt=f.rowSelection??"none",Nt=f.suppressHorizontalScroll,Ln=f.stickyHeader??true,Et=f.isLoading??false,Bn=f.loadingMessage??"Loading\u2026",l=f["aria-label"],M=f["aria-labelledby"],ne=An==="content",ge=!Nt&&j>0&&(Q>j\|\|pe>j),Se=ae.value,je={commitCellEdit:gt,setEditingCell:De,setPendingEditorValue:Pe,cancelPopoverEdit:ie},nt={handleCellMouseDown:tt,setActiveCell:He,setEditingCell:De,handleCellContextMenu:X},Ee=$=>{if(zt!=="single")return;let oe=$.currentTarget.dataset.rowId;oe&&F.updateSelection(Be.has(oe)?new Set:new Set([oe]));},xt=($,z,oe,Ae)=>{try{return Ft($,z,oe,Ae)}catch(N){return me&&me(N instanceof Error?N:new Error(String(N)),void 0),""}},Ft=($,z,oe,Ae)=>{let N=getCellRenderDescriptor($,z,oe,Ae,Re);if(N.mode==="editing-inline"){let de=buildInlineEditorProps($,z,N,je);return h("div",{class:"ogrid-editing-cell"},h(e.InlineCellEditor,{value:de.value,item:de.item,column:de.column,rowIndex:de.rowIndex,editorType:de.editorType,onCommit:de.onCommit,onCancel:de.onCancel}))}if(N.mode==="editing-popover"&&typeof z.cellEditor=="function"){let de=buildPopoverEditorProps($,z,N,st,je),re=z.cellEditor,ct=resolveCellDisplayContent(z,$,N.displayValue),lt=resolveCellStyle(z,$,N.displayValue);return h("div",[h("div",{ref:mt=>{mt&&et(mt);},class:"ogrid-popover-anchor"},[lt?h("span",{style:lt},[ct]):ct]),$e?h(re,de):null])}let Mt=Pn(N,z.columnId,nt),we=["ogrid-cell-content"];z.type==="numeric"?we.push("ogrid-cell-content--numeric"):z.type==="boolean"&&we.push("ogrid-cell-content--boolean"),N.canEditAny&&we.push("ogrid-cell-content--editable"),N.isActive&&we.push("ogrid-cell-content--active"),N.isActive&&N.isInRange&&we.push("ogrid-cell-content--active-in-range"),N.isInRange&&!N.isActive&&we.push("ogrid-cell-in-range"),N.isInCutRange&&we.push("ogrid-cell-cut");let It;if(N.columnType==="boolean"){let de=!!N.displayValue;It=h("input",{type:"checkbox",checked:de,disabled:!N.canEditAny,onChange:N.canEditAny?()=>{let re=N.rowIndex,ct=N.globalColIndex;je.commitCellEdit($,z.columnId,de,!de,re,ct,{skipAdvance:true});}:void 0,onPointerdown:re=>handleBooleanCellPointerDown(re,N.rowIndex,N.globalColIndex,U,{setActiveCell:He,setSelectionRange:qe}),onClick:re=>re.stopPropagation(),style:`margin:0;cursor:${N.canEditAny?"pointer":"default"};outline:none`,"aria-label":de?"Checked":"Unchecked"});}else {let de=resolveCellDisplayContent(z,$,N.displayValue),re=resolveCellStyle(z,$,N.displayValue);It=re?h("span",{style:re},de):de;}return h("div",{...Mt,class:we.join(" ")},[It,...N.canEditAny&&N.isSelectionEndCell?[h("div",{onPointerdown:ht,"aria-label":"Fill handle",class:"ogrid-fill-handle"})]:[]])},{cellStyles:Fe,cellClasses:ye,hdrStyles:Ne,hdrClasses:Ce}=Z.value,Ue=H.map($=>({col:$,tdClasses:ye[$.columnId]\|\|"ogrid-data-cell",tdDynamicStyle:Fe[$.columnId]\|\|{}})),ue=y.value,ot=Ue,Ut=0,Ot=0;if(ue){let $=new Set;for(let z of ue.pinnedLeft)$.add(z.columnId);for(let z of ue.virtualizedUnpinned)$.add(z.columnId);for(let z of ue.pinnedRight)$.add(z.columnId);ot=Ue.filter(z=>$.has(z.col.columnId)),Ut=ue.leftSpacerWidth,Ot=ue.rightSpacerWidth;}let nl=h$1.value,io=$=>{let z=Ne[$.columnId]\|\|{};return {classes:Ce[$.columnId]\|\|"ogrid-header-cell",style:{...z,cursor:d.value?"grabbing":"grab"}}},ol=g.value,so={position:"relative",width:ne?"fit-content":"100%",maxWidth:"100%",overflowX:Nt?"hidden":ge?"auto":"hidden",overflowY:"auto",backgroundColor:"#fff",willChange:"scroll-position",...ol?{flex:"1",minHeight:"0"}:{minHeight:Et&&be.length===0?"200px":"auto"}};return f.rowHeight&&(so["--ogrid-row-height"]=`${f.rowHeight}px`),h("div",{class:"ogrid-outer-container"},[h("div",{ref:$=>{n.value=$,s.value=$;},tabindex:0,role:"region","aria-label":l??(M?void 0:"Data grid"),"aria-labelledby":M,onPointerdown:E,onKeydown:Ve,onContextmenu:O,"data-overflow-x":ge?"true":"false","data-ogrid-scroll-container":"",style:so},[h("div",{class:"ogrid-scroll-wrapper"},[h("div",{style:{minWidth:ge?`${Q}px`:void 0,overflowX:"clip"}},[h("div",{ref:$=>{i.value=$;},class:["ogrid-table-container",Et&&be.length>0?"ogrid-table-container--loading":""]},[...d.value&&p.value!==null?[h("div",{class:"ogrid-drop-indicator",style:{left:`${p.value}px`}})]:[],h("table",{ref:$=>{m.value=$;},class:"ogrid-table",role:"grid",style:{minWidth:`${Q}px`},...g.value?{"data-virtual-scroll":""}:{}},[h("thead",{class:Ln?"ogrid-thead ogrid-sticky-header":"ogrid-thead"},[...f.showColumnLetters?[h("tr",{class:"ogrid-column-letter-row"},[...J?[h("th",{class:"ogrid-column-letter-cell"})]:[],...te?[h("th",{class:"ogrid-column-letter-cell"})]:[],...H.map(($,z)=>{let{classes:oe,style:Ae}=io($);return h("th",{key:$.columnId,class:`ogrid-column-letter-cell ${oe}`,style:Ae},indexToColumnLetter(z))})])]:[],...Se.map(($,z)=>h("tr",{key:z,class:"ogrid-header-row"},[...z===Se.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:Oe,indeterminate:Me&&!Oe,ariaLabel:"Select all rows",onChange:oe=>Ke(!!oe)}))]:[],...z===0&&z<Se.length-1&&J?[h("th",{rowSpan:Se.length-1,class:"ogrid-checkbox-spacer",style:{width:`${CHECKBOX_COLUMN_WIDTH}px`,minWidth:`${CHECKBOX_COLUMN_WIDTH}px`}})]:[],...z===Se.length-1&&te?[(()=>{let oe=x.columnSizingOverrides[ROW_NUMBER_COLUMN_ID]?.widthPx??ROW_NUMBER_COLUMN_WIDTH;return h("th",{class:"ogrid-row-number-header",style:{width:`${oe}px`,minWidth:`${oe}px`,maxWidth:`${oe}px`,position:"sticky",left:J?`${CHECKBOX_COLUMN_WIDTH}px`:"0",zIndex:3}},["#",h("div",{onPointerdown:Ae=>{He(null),qe(null),n.value?.focus({preventScroll:true}),Ae.stopPropagation(),R(Ae,{columnId:ROW_NUMBER_COLUMN_ID,name:"#"});},class:"ogrid-resize-handle"})])})()]:[],...z===0&&z<Se.length-1&&te?[(()=>{let oe=x.columnSizingOverrides[ROW_NUMBER_COLUMN_ID]?.widthPx??ROW_NUMBER_COLUMN_WIDTH;return h("th",{rowSpan:Se.length-1,class:"ogrid-row-number-spacer",style:{width:`${oe}px`,position:"sticky",left:J?`${CHECKBOX_COLUMN_WIDTH}px`:"0",zIndex:3}})})()]:[],...$.map((oe,Ae)=>{if(oe.isGroup)return h("th",{key:Ae,colSpan:oe.colSpan,scope:"colgroup",class:"ogrid-column-group-header"},oe.label);if(!oe.columnDef)return null;let N=oe.columnDef,{classes:Mt,style:we}=io(N),de=f.sortBy===N.columnId?f.sortDirection==="asc"?"ascending":"descending":void 0;return h("th",{key:N.columnId,scope:"col","data-column-id":N.columnId,rowSpan:Se.length>1?Se.length-z:void 0,class:Mt,style:we,"aria-sort":de,onPointerdown:re=>v(N.columnId,re)},[h("div",{class:"ogrid-header-content"},[h(e.ColumnHeaderFilter,getHeaderFilterConfig(N,le)),h("button",{onClick:re=>{re.stopPropagation(),k.isOpen&&k.openForColumn===N.columnId?k.close():k.open(N.columnId,re.currentTarget);},"aria-label":"Column options",title:"Column options",class:"ogrid-column-menu-btn"},"\u22EE")]),h("div",{onPointerdown:re=>{He(null),qe(null),n.value?.focus({preventScroll:true}),re.stopPropagation(),R(re,N);},onDblclick:re=>T(re,N),class:"ogrid-resize-handle"})])})]))]),...Ie?[]:[h("tbody",{},(()=>{let $=g.value,z=c.value,oe=kn?wt:be,Ae=$?z.startIndex:0,N=$?Math.min(z.endIndex,oe.length-1):oe.length-1,Mt=H.length+(J?1:0)+(te?1:0),we=[];$&&z.offsetTop>0&&we.push(h("tr",{key:"__vs-top",style:{height:`${z.offsetTop}px`}}));let It=0;for(let de=Ae;de<=N;de++){let re=oe[de];if(!re)continue;if(isGroupHeader(re)){let fe=re.group,ll=ze.has(fe.groupKey);we.push(h("tr",{key:`__group__${fe.groupKey}`,style:{background:"var(--ogrid-bg-row-group, var(--ogrid-bg-hover, #f5f5f5))",fontWeight:"500"}},[h("td",{colspan:Mt,style:{paddingLeft:`${fe.depth16+8}px`}},[h("button",{onClick:()=>w.toggleGroup(fe.groupKey),onKeydown:Hn=>{(Hn.key==="Enter"\|\|Hn.key===" ")&&(Hn.preventDefault(),w.toggleGroup(fe.groupKey));},tabindex:0,style:{background:"none",border:"none",cursor:"pointer",padding:"2px 6px",font:"inherit",display:"inline-flex",alignItems:"center",gap:"6px"}},[h("span",{style:{display:"inline-block",transition:"transform 0.15s",fontSize:"12px",transform:ll?"rotate(90deg)":"rotate(0deg)"}},"\u25B6"),h("span",{},`${fe.displayText} (${fe.itemCount})`)])])]));continue}let ct=re,lt=It++,mt=ke(ct),uo=Be.has(mt);we.push(h("tr",{key:mt,"data-row-id":mt,"aria-selected":uo\|\|void 0,onClick:Ee,style:{cursor:zt==="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":lt,"data-col-index":0,onClick:ee,class:"ogrid-checkbox-wrapper"},e.renderCheckbox({modelValue:uo,ariaLabel:`Select row ${lt+1}`,onChange:fe=>We(mt,fe,lt,u.value)})))]:[],...te?[(()=>{let fe=x.columnSizingOverrides[ROW_NUMBER_COLUMN_ID]?.widthPx??ROW_NUMBER_COLUMN_WIDTH;return h("td",{class:"ogrid-row-number-cell",style:{width:`${fe}px`,minWidth:`${fe}px`,maxWidth:`${fe}px`,padding:"6px",position:"sticky",left:J?`${CHECKBOX_COLUMN_WIDTH}px`:"0",zIndex:2}},String(Qe+lt+1))})()]:[],...Ut>0?[h("td",{key:"__col-spacer-left",style:{width:`${Ut}px`,minWidth:`${Ut}px`,maxWidth:`${Ut}px`,padding:"0"}})]:[],...ot.map(fe=>h("td",{key:fe.col.columnId,"data-column-id":fe.col.columnId,class:fe.tdClasses,style:fe.tdDynamicStyle},[xt(ct,fe.col,lt,nl.get(fe.col.columnId)??0)])),...Ot>0?[h("td",{key:"__col-spacer-right",style:{width:`${Ot}px`,minWidth:`${Ot}px`,maxWidth:`${Ot}px`,padding:"0"}})]:[]]));}return $&&z.offsetBottom>0&&we.push(h("tr",{key:"__vs-bottom",style:{height:`${z.offsetBottom}px`}})),we})())]]),...Ie&&f.emptyState?[e.renderEmptyState(f.emptyState)]:[]])])])]),...dt?[h(Teleport,{to:"body"},h(e.GridContextMenu,{x:dt.x,y:dt.y,hasSelection:Ct,canUndo:St,canRedo:ut,onUndo:yt??el,onRedo:Dt??el,onCopy:Rt,onCut:Ye,onPaste:()=>{Pt();},onSelectAll:Xe,onClose:Y}))]:[],h(Vn,{containerRef:i,selectionRange:Ge,copyRange:bt,cutRange:he,colOffset:U,items:be,visibleColumns:f.visibleColumns instanceof Set?Array.from(f.visibleColumns):f.visibleColumns,columnSizingOverrides:x.columnSizingOverrides,columnOrder:f.columnOrder}),...f.formulaReferences&&f.formulaReferences.length>0?[h(Kn,{containerEl:i.value,references:f.formulaReferences,colOffset:U})]:[],h(e.ColumnHeaderMenu,{isOpen:k.isOpen,anchorElement:k.anchorElement,onClose:k.close,onPinLeft:k.handlePinLeft,onPinRight:k.handlePinRight,onUnpin:k.handleUnpin,onSortAsc:k.handleSortAsc,onSortDesc:k.handleSortDesc,onClearSort:k.handleClearSort,onAutosizeThis:k.handleAutosizeThis,onAutosizeAll:k.handleAutosizeAll,canPinLeft:k.canPinLeft,canPinRight:k.canPinRight,canUnpin:k.canUnpin,currentSort:k.currentSort,isSortable:k.isSortable,isResizable:k.isResizable}),...se?[h(zn,{totalCount:se.totalCount,filteredCount:se.filteredCount,selectedCount:se.selectedCount??Be.size,selectedCellCount:Ge?(Math.abs(Ge.endRow-Ge.startRow)+1)(Math.abs(Ge.endCol-Ge.startCol)+1):void 0,aggregation:se.aggregation,suppressRowCount:se.suppressRowCount})]:[],...Et?[h("div",{class:"ogrid-loading-overlay"},e.renderSpinner(Bn))]:[]])}}})}var Tt={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 ii(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(t){let n=ref(null),i=ref(null),m=ref(null),u=ref(t.value),a=ref(0),d=()=>{let h=i.value,b=m.value;if(!h\|\|!b)return;let P=h.getBoundingClientRect(),D=200,S=window.innerHeight-P.bottom,w=S<D&&P.top>S;b.style.position="fixed",b.style.left=`${P.left}px`,b.style.width=`${P.width}px`,b.style.maxHeight=`${D}px`,b.style.zIndex="9999",b.style.right="auto",b.style.textAlign="left",w?(b.style.top="auto",b.style.bottom=`${window.innerHeight-P.top}px`):b.style.top=`${P.bottom}px`;},p=null;onMounted(()=>{nextTick(()=>{if(i.value){t.editorType==="richSelect"&&g.value?g.value.focus({preventScroll:true}):i.value.focus({preventScroll:true}),d();let h=i.value,b=h.closest("[data-ogrid-scroll-container]")??h.closest('[style="overflow"]'),P=()=>{t.onCancel&&t.onCancel();},D=requestAnimationFrame(()=>{b&&b.addEventListener("scroll",P,{passive:true}),window.addEventListener("scroll",P,{passive:true});});p=()=>{cancelAnimationFrame(D),b&&b.removeEventListener("scroll",P),window.removeEventListener("scroll",P);};return}n.value?.focus({preventScroll:true}),n.value?.select();});}),onUnmounted(()=>{p?.();}),watch(()=>t.value,h=>{u.value=h;}),(()=>{let b=(t.column.cellEditorParams?.values??[]).findIndex(P=>String(P)===String(t.value));a.value=Math.max(b,0);})();let s=()=>{nextTick(()=>{let h=m.value;if(!h)return;h.children[a.value]?.scrollIntoView({block:"nearest"});});},c=h=>{let b=t.column.cellEditorParams?.formatValue;return b?b(h):h!=null?String(h):""},C=h=>{let b=t.column.cellEditorParams?.values??[];switch(h.key){case "ArrowDown":h.preventDefault(),a.value=Math.min(a.value+1,b.length-1),s();break;case "ArrowUp":h.preventDefault(),a.value=Math.max(a.value-1,0),s();break;case "Enter":h.preventDefault(),h.stopPropagation(),b.length>0&&a.value<b.length&&t.onCommit(b[a.value]);break;case "Tab":h.preventDefault(),b.length>0&&a.value<b.length&&t.onCommit(b[a.value]);break;case "Escape":h.preventDefault(),h.stopPropagation(),t.onCancel();break}},r=ref(""),g=ref(null),R=ref(null),T=computed(()=>{let h=t.column.cellEditorParams?.values??[],b=r.value.trim().toLowerCase();return b?h.filter(P=>c(P).toLowerCase().includes(b)):h}),I=()=>{nextTick(()=>{let h=R.value;if(!h)return;h.children[a.value]?.scrollIntoView({block:"nearest"});});},y=h=>{let b=T.value;switch(h.key){case "ArrowDown":h.preventDefault(),a.value=Math.min(a.value+1,b.length-1),I();break;case "ArrowUp":h.preventDefault(),a.value=Math.max(a.value-1,0),I();break;case "Enter":h.preventDefault(),h.stopPropagation(),b.length>0&&a.value<b.length&&t.onCommit(b[a.value]);break;case "Escape":h.preventDefault(),h.stopPropagation(),t.onCancel();break}};return ()=>{if(t.editorType==="checkbox"){let h$1=!!t.value;return h("div",{style:{...Tt,justifyContent:"center"}},o({checked:h$1,onChange:b=>t.onCommit(b),onCancel:t.onCancel}))}if(t.editorType==="select"){let h$1=t.column.cellEditorParams?.values??[];return h("div",{ref:b=>{i.value=b;},tabindex:0,style:{...Tt,position:"relative"},onKeydown:C},[h("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",width:"100%",cursor:"pointer",fontSize:"13px",color:"inherit"}},[h("span",c(t.value)),h("span",{style:{marginLeft:"4px",fontSize:"10px",opacity:"0.5"}},"\u25BE")]),h("div",{ref:b=>{m.value=b;},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$1.map((b,P)=>h("div",{key:String(b),role:"option","aria-selected":P===a.value,onClick:()=>t.onCommit(b),style:{padding:"6px 8px",cursor:"pointer",color:"var(--ogrid-fg, #242424)",fontSize:"13px",...P===a.value?{background:"var(--ogrid-bg-hover, #e8f0fe)"}:{}}},c(b)))])])}if(t.editorType==="richSelect"){let h$1=T.value;return h("div",{ref:b=>{i.value=b;},style:{...Tt,position:"relative"}},[h("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",width:"100%",cursor:"pointer",fontSize:"13px",color:"inherit"}},[h("span",c(t.value)),h("span",{style:{marginLeft:"4px",fontSize:"10px",opacity:"0.5"}},"\u25BE")]),h("div",{ref:b=>{m.value=b;},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:b=>{g.value=b;},type:"text",value:r.value,placeholder:"Search...",onInput:b=>{r.value=b.target.value,a.value=0;},onKeydown:y,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:b=>{R.value=b;}},h$1.map((b,P)=>h("div",{key:String(b),role:"option","aria-selected":P===a.value,onClick:()=>t.onCommit(b),style:{padding:"6px 8px",cursor:"pointer",color:"var(--ogrid-fg, #242424)",fontSize:"13px",...P===a.value?{background:"var(--ogrid-bg-hover, #e8f0fe)"}:{}}},c(b)))),...h$1.length===0?[h("div",{style:{padding:"6px 8px",color:"var(--ogrid-muted, #999)",fontSize:"13px"}},"No matches")]:[]])])}if(t.editorType==="date"){let h$1=t.column.cellEditorParams?.dateFormat??t.column.dateFormat??DEFAULT_DATE_FORMAT,b=t.column.cellEditorParams?.editorType??"text",P=E=>{if(b!=="native"){let O=parseUserInputDate(E,h$1);if(O!==null){let ee=O.getUTCFullYear().toString().padStart(4,"0"),ae=(O.getUTCMonth()+1).toString().padStart(2,"0"),Z=O.getUTCDate().toString().padStart(2,"0");t.onCommit(`${ee}-${ae}-${Z}`);}else t.onCommit(E\|\|null);}else t.onCommit(E);},D=E=>{E.key==="Enter"&&(E.preventDefault(),P(String(u.value??""))),E.key==="Escape"&&(E.preventDefault(),t.onCancel()),E.key==="Tab"&&(E.preventDefault(),P(String(u.value??"")));};if(b==="native"){let E=(()=>{if(u.value==null)return "";let O=String(u.value);return O.match(/^\d{4}-\d{2}-\d{2}/)?O.substring(0,10):O})();return h("div",{style:Tt},h("input",{ref:O=>{n.value=O;},type:"date",value:E,style:{width:"100%",height:"100%",border:"none",outline:"none",padding:"0 4px",fontSize:"inherit",boxSizing:"border-box"},onInput:O=>{u.value=O.target.value;},onKeydown:D,onBlur:()=>P(String(u.value??""))}))}let S=formatDateForDisplay(t.value,h$1)??"";(u.value==null\|\|u.value==="")&&(u.value=S);let w=getDateInputPlaceholder(h$1);return h("div",{style:Tt},h("input",{ref:E=>{n.value=E;},type:"text",value:u.value,placeholder:w,style:{width:"100%",height:"100%",border:"none",outline:"none",padding:"0 4px",fontSize:"inherit",boxSizing:"border-box"},onInput:E=>{u.value=E.target.value;},onKeydown:D,onBlur:()=>P(String(u.value??""))}))}return h("div",{style:Tt},h("input",{ref:h=>{n.value=h;},type:"text",value:u.value!=null?String(u.value):"",style:{width:"100%",height:"100%",border:"none",outline:"none",padding:"0 4px",fontSize:"inherit",boxSizing:"border-box"},onInput:h=>{u.value=h.target.value;},onKeydown:h=>{h.key==="Enter"&&(h.preventDefault(),t.onCommit(u.value)),h.key==="Escape"&&(h.preventDefault(),t.onCancel()),h.key==="Tab"&&(h.preventDefault(),t.onCommit(u.value));},onBlur:()=>t.onCommit(u.value)}))}}})}var fi=240,ao=36,Mn={columns:"Columns",filters:"Filters"},pi={columns:"\u2261",filters:"\u2A65"};function tl(e){let o=e.activePanel!==null,t=e.position??"right",n={display:"flex",flexDirection:"column",width:`${ao}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":Mn[a],title:Mn[a],onClick:()=>e.onPanelChange(e.activePanel===a?null:a),style:{width:`${ao}px`,height:`${ao}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"}},pi[a]))),m=null;if(o&&e.activePanel){let a={width:`${fi}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)"}},d=[];if(e.activePanel==="columns"){let p=e.columns.every(v=>e.visibleColumns.has(v.columnId));d.push(h("div",{style:{display:"flex",gap:"8px",marginBottom:"8px"}},[h("button",{disabled:p,onClick:()=>{let v=new Set(e.visibleColumns);e.columns.forEach(s=>v.add(s.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(s=>{s.required&&e.visibleColumns.has(s.columnId)&&v.add(s.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=>{d.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:s=>e.onVisibilityChange(v.columnId,s.target.checked)}),h("span",null,v.name)]));});}e.activePanel==="filters"&&(e.filterableColumns.length===0?d.push(h("div",{style:{color:"var(--ogrid-muted, #999)",fontStyle:"italic"}},"No filterable columns")):e.filterableColumns.forEach(p=>{let v=p.filterField,s=[h("div",{style:{fontWeight:"500",marginBottom:"4px",fontSize:"13px"}},p.name)];if(p.filterType==="text"){let c=e.filters[v],C=c?.type==="text"?c.value:"";s.push(h("input",{type:"text",value:C,onInput:r=>{let g=r.target.value;e.onFilterChange(v,g?{type:"text",value:g}:void 0);},placeholder:`Filter ${p.name}...`,"aria-label":`Filter ${p.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(p.filterType==="multiSelect"){let C=(e.filterOptions[v]??[]).map(r=>{let g=e.filters[v],R=g?.type==="multiSelect"?g.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:T=>{let I=e.filters[v],y=I?.type==="multiSelect"?I.value:[],h=T.target.checked?[...y,r]:y.filter(b=>b!==r);e.onFilterChange(v,h.length>0?{type:"multiSelect",value:h}:void 0);}}),h("span",null,r)])});s.push(h("div",{style:{maxHeight:"120px",overflowY:"auto"},role:"group","aria-label":`${p.name} options`},C));}if(p.filterType==="date"){let c=e.filters[v],C=c?.type==="date"?c.value:{from:void 0,to:void 0};s.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 g=r.target.value\|\|void 0,R=C.to;e.onFilterChange(v,g\|\|R?{type:"date",value:{from:g,to:R}}:void 0);},"aria-label":`${p.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 g=r.target.value\|\|void 0,R=C.from;e.onFilterChange(v,R\|\|g?{type:"date",value:{from:R,to:g}}:void 0);},"aria-label":`${p.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"}})])]));}d.push(h("div",{key:p.columnId,style:{marginBottom:"12px"}},s));})),m=h("div",{role:"tabpanel","aria-label":Mn[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,Mn[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"}},d)]);}let u=[];return t==="left"?(u.push(i),m&&u.push(m)):(m&&u.push(m),u.push(i)),h("div",{style:{display:"flex",flexDirection:"row",flexShrink:"0"},role:"complementary","aria-label":"Side bar"},u)}function vi(e){return defineComponent({name:"OGrid",props:{gridProps:{type:Object,required:true}},setup(o,{expose:t}){let n=computed(()=>o.gridProps),{dataGridProps:i,pagination:m,columnChooser:u,layout:a,api:d}=jt(n);t({api:d});let p=ref(false),v=()=>{p.value=!p.value;},s=c=>{c.key==="Escape"&&p.value&&(p.value=false);};return onMounted(()=>{document.addEventListener("keydown",s);}),onUnmounted(()=>{document.removeEventListener("keydown",s);}),()=>{let c=a.value.sideBarProps,C=c!=null,r=c?.position??"right",g=[];a.value.toolbar&&g.push(a.value.toolbar);let T=a.value.fullScreen===true?h("button",{type:"button",title:p.value?"Exit fullscreen":"Fullscreen","aria-label":p.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))"}},[p.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,I=u.value.placement==="toolbar"?h(e.ColumnChooser,{columns:u.value.columns,visibleColumns:u.value.visibleColumns,onVisibilityChange:u.value.onVisibilityChange}):null,y=h(e.PaginationControls,{currentPage:m.value.page,pageSize:m.value.pageSize,totalCount:m.value.displayTotalCount,onPageChange:m.value.setPage,onPageSizeChange:w=>{m.value.setPageSize(w);},pageSizeOptions:m.value.pageSizeOptions,entityLabelPlural:m.value.entityLabelPlural}),h$1=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(tl(c)),b.push(h$1),C&&r!=="left"&&b.push(tl(c));let P=g.length>0\|\|I!=null\|\|T!=null,D=p.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"},S=p.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:S??{}},[...P?[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"}},g),h("div",{style:{display:"flex",alignItems:"center",gap:"8px"}},[...I?[I]:[],...T?[T]:[]])])]:[],...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))"}},[y])])])}}})}export{Nn as FormulaBar,Kn as FormulaRefOverlay,Vn as MarchingAntsOverlay,Wn as SheetTabs,zn as StatusBar,Za as createDataGridTable,ii as createInlineCellEditor,vi as createOGrid,Pn as getCellInteractionProps,Jt as useActiveCell,Zt as useCellEditing,Qt as useCellSelection,tn as useClipboard,qo as useColumnChooserState,Ko as useColumnHeaderFilterState,dn as useColumnHeaderMenuState,sn as useColumnPinning,bn as useColumnReorder,mn as useColumnResize,en as useContextMenu,cn as useDataGridState,xn as useDataGridTableSetup,hn as useDateFilterState,fn as useDebounce,Vo as useDebouncedCallback,ln as useFillHandle,$t as useFilterOptions,qt as useFormulaBar,Xo as useInlineCellEditorState,nn as useKeyboardNavigation,vn as useMultiSelectFilterState,jt as useOGrid,Cn as usePeopleFilterState,Yo as useRichSelectState,Tn as useRowGrouping,Yt as useRowSelection,At as useSideBarState,an as useTableLayout,pn as useTextFilterState,rn as useUndoRedo,yn as useVirtualScroll};

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

@@ -62,3 +62,5 @@ export { useColumnHeaderMenuState } from './useColumnHeaderMenuState';
 export type { UseColumnHeaderMenuStateParams, UseColumnHeaderMenuStateResult } from './useColumnHeaderMenuState';
 export { useDataGridTableSetup } from './useDataGridTableSetup';
 export type { UseDataGridTableSetupParams, UseDataGridTableSetupResult } from './useDataGridTableSetup';
+export { useRowGrouping } from './useRowGrouping';
+export type { UseRowGroupingParams, UseRowGroupingResult } from './useRowGrouping';

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

@@ -0,0 +1,18 @@
+import { type Ref } from 'vue';
+import type { IRowGroup, RowGroupingDisplayRow } from '@alaarab/ogrid-core';
+import type { IColumnDef, IColumnGroupDef } from '../types';
+export interface UseRowGroupingParams<T> {
+    items: Ref<T[]>;
+    columns: Ref<(IColumnDef<T> | IColumnGroupDef<T>)[]>;
+    groupBy: Ref<string[] | undefined>;
+}
+export interface UseRowGroupingResult<T> {
+    displayRows: Ref<RowGroupingDisplayRow<T>[]>;
+    groupTree: Ref<IRowGroup<T>[]>;
+    expandedGroups: Ref<Set<string>>;
+    toggleGroup: (groupKey: string) => void;
+    expandAll: () => void;
+    collapseAll: () => void;
+    isGroupingActive: Ref<boolean>;
+}
+export declare function useRowGrouping<T>({ items, columns, groupBy, }: UseRowGroupingParams<T>): UseRowGroupingResult<T>;

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

@@ -1,4 +1,6 @@
 export type { ISheetDef, IColumnReorderConfig, CsvColumn, FormulaExportOptions, StatusBarPart, StatusBarPartsInput, PaginationViewModel, GridContextMenuItem, IColumnHeaderMenuItem, GridContextMenuHandlerProps, ColumnHeaderMenuInput, ColumnHeaderMenuHandlers, ParseValueResult, AggregationResult, GridRowComparatorProps, ColumnPinState, IDropTarget, ICalculateDropTargetParams, IVisibleRange, IVisibleColumnRange, SortFilterRequest, SortFilterResponse, OverlayRect, ISortState, ArrowNavigationContext, ArrowNavigationResult, IFillFormulaOptions, FormulaReference, IResponsiveColumnsConfig, ZIndexKey, ICellAddress, ICellRange, CellKey, FormulaErrorType, TokenType, Token, ASTNode, BinaryOp, IFormulaContext, IFormulaFunction, IEvaluator, IRecalcResult, IFormulaEngineConfig, IGridDataAccessor, INamedRange, IAuditEntry, IAuditTrail, BooleanCellSelectHandlers, } from '@alaarab/ogrid-core';
+export { isGroupHeader, buildGroupedRows } from '@alaarab/ogrid-core';
+export type { IRowGroup, IRowGroupingConfig, RowGroupingDisplayRow } from '@alaarab/ogrid-core';
 export { escapeCsvValue, buildCsvHeader, buildCsvRows, exportToCsv, triggerCsvDownload, getCellValue, isColumnEditable, createGridDataAccessor, flattenColumns, buildHeaderRows, isFilterConfig, getFilterField, mergeFilter, deriveFilterOptionsFromData, getMultiSelectFilterFields, getStatusBarParts, getDataGridStatusBarConfig, getPaginationViewModel, PAGE_SIZE_OPTIONS, MAX_PAGE_BUTTONS, GRID_CONTEXT_MENU_ITEMS, COLUMN_HEADER_MENU_ITEMS, getContextMenuHandlers, getColumnHeaderMenuItems, formatShortcut, parseValue, numberParser, currencyParser, dateParser, emailParser, booleanParser, computeAggregations, processClientSideData, areGridRowPropsEqual, isRowInRange, getPinStateForColumn, reorderColumnArray, calculateDropTarget, computeVisibleRange, computeTotalHeight, getScrollTopForRow, computeVisibleColumnRange, partitionColumnsForVirtualization, createSortFilterWorker, terminateSortFilterWorker, extractValueMatrix, processClientSideDataAsync, CellDescriptorCache, debounce, measureRange, buildCellIndex, injectGlobalStyles, computeNextSortState, measureColumnContentWidth, AUTOSIZE_EXTRA_PX, AUTOSIZE_MAX_PX, findCtrlArrowTarget, computeTabNavigation, computeArrowNavigation, applyCellDeletion, rangesEqual, clampSelectionToBounds, computeAutoScrollSpeed, applyRangeRowSelection, computeRowSelectionState, formatCellValueForTsv, formatSelectionAsTsv, parseTsvClipboard, applyPastedValues, applyCutClear, applyFillValues, UndoRedoStack, validateColumns, validateRowIds, validateVirtualScrollConfig, indexToColumnLetter, columnLetterToIndex, formatCellReference, getResponsiveHiddenColumns, RESPONSIVE_BREAKPOINTS, resolveResponsiveConfig, applyResponsiveHiding, handleBooleanCellPointerDown, } from '@alaarab/ogrid-core';
 export { CHECKBOX_COLUMN_WIDTH, ROW_NUMBER_COLUMN_WIDTH, ROW_NUMBER_COLUMN_ID, ROW_NUMBER_COLUMN_MIN_WIDTH, DEFAULT_MIN_COLUMN_WIDTH, CELL_PADDING, GRID_BORDER_RADIUS, DEFAULT_DEBOUNCE_MS, PEOPLE_SEARCH_DEBOUNCE_MS, SIDEBAR_TRANSITION_MS, Z_INDEX, } from '@alaarab/ogrid-core';
 export { FormulaError, FormulaEngine, FormulaEvaluator, DependencyGraph, tokenize, parse, createBuiltInFunctions, parseCellRef, parseRange, formatAddress, toCellKey, fromCellKey, adjustFormulaReferences, toNumber, formulaToString, toBoolean, flattenArgs, isFormulaError, REF_ERROR, DIV_ZERO_ERROR, VALUE_ERROR, NAME_ERROR, CIRC_ERROR, GENERAL_ERROR, NA_ERROR, extractFormulaReferences, processFormulaBarCommit, deriveFormulaBarText, handleFormulaBarKeyDown, canInsertReference, insertReferenceAtCursor, FORMULA_REF_COLORS, FORMULA_BAR_CSS, FORMULA_BAR_STYLES, } from '@alaarab/ogrid-core/formula';
@@ -10,8 +12,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, 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, useRowGrouping, } 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, UseRowGroupingParams, UseRowGroupingResult, } 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/dist/types/types/dataGridTypes.d.ts CHANGED Viewed

@@ -42,6 +42,8 @@ interface IOGridBaseProps<T> {
     onSelectionChange?: (event: IRowSelectionChangeEvent<T>) => void;
     /** Show Excel-style row numbers column at the start of the grid (1, 2, 3...). Default: false. */
     showRowNumbers?: boolean;
+    /** Column IDs to group rows by. When non-empty, rows are grouped and group header rows are inserted. */
+    groupBy?: string[];
     /** Enable Excel-style cell references: column letter headers, row numbers, and name box. Implies showRowNumbers. */
     cellReferences?: boolean;
     statusBar?: boolean | IStatusBarProps;
@@ -212,6 +214,8 @@ export interface IOGridDataGridProps<T> {
     density?: 'compact' | 'normal' | 'comfortable';
     'aria-label'?: string;
     'aria-labelledby'?: string;
+    /** Column IDs to group rows by. Groups are nested in the order provided. */
+    groupBy?: string[];
     /** Custom keydown handler. Called before grid's built-in handling. Call event.preventDefault() to suppress grid default. */
     onKeyDown?: (event: KeyboardEvent) => void;
     /** Enable formula support. When true, cell values starting with '=' are treated as formulas. */

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@alaarab/ogrid-vue",
-  "version": "2.5.9",
+  "version": "2.6.0",
   "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.5.9"
+    "@alaarab/ogrid-core": "2.6.0"
   },
   "peerDependencies": {
     "vue": "^3.3.0"