@alaarab/ogrid-vue 2.5.6 → 2.5.8

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.
package/dist/esm/index.js CHANGED
@@ -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,DEFAULT_MIN_COLUMN_WIDTH,CELL_PADDING,measureColumnContentWidth,resolveResponsiveConfig,applyResponsiveHiding,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,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,indexToColumnLetter,injectGlobalStyles,isColumnEditable,isFilterConfig,isInSelectionRange,isRowInRange,measureColumnContentWidth,measureRange,mergeFilter,normalizeSelectionRange,numberParser,parseTsvClipboard,parseValue,partitionColumnsForVirtualization,processClientSideData,processClientSideDataAsync,rangesEqual,reorderColumnArray,resolveCellDisplayContent,resolveCellStyle,resolveResponsiveConfig,terminateSortFilterWorker,toUserLike,triggerCsvDownload,validateColumns,validateRowIds,validateVirtualScrollConfig}from'@alaarab/ogrid-core';import {FORMULA_BAR_STYLES,handleFormulaBarKeyDown,FORMULA_REF_COLORS,deriveFormulaBarText,extractFormulaReferences,processFormulaBarCommit,FormulaEngine}from'@alaarab/ogrid-core/formula';export{CIRC_ERROR,DIV_ZERO_ERROR,DependencyGraph,FORMULA_BAR_CSS,FORMULA_BAR_STYLES,FORMULA_REF_COLORS,FormulaEngine,FormulaError,FormulaEvaluator,GENERAL_ERROR,NAME_ERROR,NA_ERROR,REF_ERROR,VALUE_ERROR,adjustFormulaReferences,canInsertReference,createBuiltInFunctions,deriveFormulaBarText,extractFormulaReferences,flattenArgs,formatAddress,formulaToString,fromCellKey,handleFormulaBarKeyDown,insertReferenceAtCursor,isFormulaError,parse,parseCellRef,parseRange,processFormulaBarCommit,toBoolean,toCellKey,toNumber,tokenize}from'@alaarab/ogrid-core/formula';import {defineComponent,ref,computed,onMounted,watch,toValue,onUnmounted,h,shallowRef,isRef,triggerRef,nextTick,Teleport,isReadonly,unref,customRef}from'vue';var hn=defineComponent({name:"MarchingAntsOverlay",props:{containerRef:{type:Object,required:true},selectionRange:{type:Object,default:null},copyRange:{type:Object,default:null},cutRange:{type:Object,default:null},colOffset:{type:Number,required:true},items:{type:Array,required:true},visibleColumns:{type:Array,default:void 0},columnSizingOverrides:{type:Object,required:true},columnOrder:{type:Array,default:void 0}},setup(e){let l=ref(null),t=ref(null),o=0,i,m=computed(()=>e.copyRange??e.cutRange),s=()=>{let u=toValue(e.containerRef);if(!u){l.value=null,t.value=null;return}l.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){l.value=null,t.value=null;return}o=requestAnimationFrame(s);let u=toValue(e.containerRef);u&&(i?.disconnect(),i=new ResizeObserver(s),i.observe(u));},{immediate:true}),onUnmounted(()=>{cancelAnimationFrame(o),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 ()=>!l.value&&!t.value?null:h("div",{style:{position:"relative"}},[l.value&&!a.value&&!(e.selectionRange&&e.selectionRange.startRow===e.selectionRange.endRow&&e.selectionRange.startCol===e.selectionRange.endCol)?h("svg",{style:{position:"absolute",top:`${l.value.top}px`,left:`${l.value.left}px`,width:`${l.value.width}px`,height:`${l.value.height}px`,pointerEvents:"none",zIndex:Z_INDEX.SELECTION_OVERLAY,overflow:"visible"},"aria-hidden":"true"},[h("rect",{x:1,y:1,width:Math.max(0,l.value.width-2),height:Math.max(0,l.value.height-2),fill:"none",stroke:"var(--ogrid-selection, #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 Rn=defineComponent({name:"StatusBar",props:{totalCount:{type:Number,required:true},filteredCount:{type:Number,default:void 0},selectedCount:{type:Number,default:void 0},selectedCellCount:{type:Number,default:void 0},aggregation:{type:Object,default:void 0},suppressRowCount:{type:Boolean,default:false}},setup(e){return ()=>{let l=getStatusBarParts(e);return h("div",{role:"status","aria-live":"polite",style:{marginTop:"auto",padding:"6px 12px",borderTop:"1px solid var(--ogrid-border, rgba(0,0,0,0.12))",backgroundColor:"var(--ogrid-header-bg, rgba(0,0,0,0.04))",display:"flex",alignItems:"center",gap:"16px",fontSize:"0.875rem",lineHeight:"20px",minHeight:"33px",boxSizing:"border-box"}},l.map((t,o)=>h("span",{key:t.key,style:{display:"inline-flex",alignItems:"center",gap:"4px",...o<l.length-1?{marginRight:"16px",borderRight:"1px solid var(--ogrid-border, rgba(0,0,0,0.12))",paddingRight:"16px"}:{}}},[h("span",{style:{color:"var(--ogrid-fg-secondary, rgba(0,0,0,0.6))"}},t.label),h("span",{style:{fontWeight:"600"}},t.value.toLocaleString())])))}}});var bn=defineComponent({name:"FormulaBar",props:{cellRef:{type:[String,null],default:null},formulaText:{type:String,required:true},isEditing:{type:Boolean,required:true}},emits:["inputChange","commit","cancel","startEditing"],setup(e,{emit:l}){let t=ref(null);return watch(()=>e.isEditing,o=>{o&&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:o=>l("inputChange",o.target.value),onKeydown:o=>handleFormulaBarKeyDown(o.key,()=>o.preventDefault(),()=>l("commit"),()=>l("cancel")),onClick:()=>{e.isEditing||l("startEditing");},onDblclick:()=>{e.isEditing||l("startEditing");},"aria-label":"Formula input",spellcheck:false,autocomplete:"off"})])}});var tl={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"},nl={background:"none",border:"none",cursor:"pointer",padding:"4px 10px",fontSize:"16px",lineHeight:"22px",color:"var(--ogrid-fg-secondary, #666)",flexShrink:0},eo={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"},ol={...eo,fontWeight:600,borderBottomColor:"var(--ogrid-primary, #217346)",background:"var(--ogrid-bg, #fff)"},yn=defineComponent({name:"SheetTabs",props:{sheets:{type:Array,required:true},activeSheet:{type:String,required:true},showAddButton:{type:Boolean,default:false}},emits:["sheetChange","sheetAdd"],setup(e,{emit:l}){return ()=>h("div",{style:tl,role:"tablist","aria-label":"Sheet tabs"},[e.showAddButton?h("button",{type:"button",style:nl,onClick:()=>l("sheetAdd"),title:"Add sheet","aria-label":"Add sheet"},"+"):null,...e.sheets.map(t=>{let o=t.id===e.activeSheet,i=o?ol:eo,m=o&&t.color?{...i,borderBottomColor:t.color}:i;return h("button",{key:t.id,type:"button",role:"tab","aria-selected":o,style:m,onClick:()=>l("sheetChange",t.id)},t.name)})])}});function il(e,l,t){let o=l.col+t,i=(l.endCol??l.col)+t,m=l.endRow??l.row,s=e.querySelector(`[data-row-index="${l.row}"][data-col-index="${o}"]`),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[l.colorIndex%FORMULA_REF_COLORS.length]}}var wn=defineComponent({name:"FormulaRefOverlay",props:{containerEl:{type:Object,default:null},references:{type:Array,required:true},colOffset:{type:Number,required:true}},setup(e){let l=ref([]),t=0;function o(){let i=e.containerEl,m=e.references;if(!i||m.length===0){l.value=[];return}let s=[];for(let a of m){let u=il(i,a,e.colOffset);u&&s.push(u);}l.value=s;}return watch(()=>[e.references,e.containerEl,e.colOffset],()=>{if(cancelAnimationFrame(t),!e.containerEl||e.references.length===0){l.value=[];return}t=requestAnimationFrame(o);},{immediate:true}),()=>l.value.length===0?null:l.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 Ft(e,l){let t=ref({}),o=ref({}),i=computed(()=>[...l.value].sort().join(",")),m=async()=>{let s=e.value,a=l.value,u="fetchFilterOptions"in s&&typeof s.fetchFilterOptions=="function"?s.fetchFilterOptions.bind(s):void 0;if(!u){t.value={},o.value={};return}let f={};a.forEach(d=>{f[d]=true;}),o.value=f;let p={};await Promise.all(a.map(async d=>{try{p[d]=await u(d);}catch{p[d]=[];}})),t.value=p,o.value={};};return watch([e,i],()=>{m().catch(()=>{});},{immediate:true}),{filterOptions:t,loadingOptions:o}}function ze(e){let l=unref(e);return customRef((t,o)=>({get(){return isRef(e)&&(l=e.value),l},set(i){l=i,o();}}))}function lo(e){let{formulas:l,items:t,flatColumns:o,initialFormulas:i,onFormulaRecalc:m,formulaFunctions:s,namedRanges:a,sheets:u}=e,f=ze(t),p=ze(o),d=ze(m),c=shallowRef(null),C=false,r=computed(()=>l?.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 Ut(e){let{activeCol:l,activeRow:t,activeCellRef:o,getFormula:i,getRawValue:m,setFormula:s,onCellValueChanged:a}=e,u=ref(false),f=ref(""),p=ref(false),d=computed(()=>deriveFormulaBarText(l.value,t.value,i,m));watch([l,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=l.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:o,formulaText:h,isEditing:u,onInputChange:C,onCommit:r,onCancel:v,startEditing:c,referencedCells:P,isFormulaBarEditing:p}}var ro=["columns","filters"];function yt(e){let{config:l}=e,t=l!=null&&l!==false,o=(()=>{if(!t||l===true)return {panels:ro,position:"right",defaultPanel:null};let f=l;return {panels:f.panels??ro,position:f.position??"right",defaultPanel:f.defaultPanel??null}})(),i=ref(o.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:o.panels,position:o.position,isOpen:u,toggle:s,close:a}}var Ll=25,Bl={};function Mt(e){let l=computed(()=>{let n=e.value;return {columns:n.columns,columnOrder:n.columnOrder,onColumnOrderChange:n.onColumnOrderChange,onColumnResized:n.onColumnResized,onColumnPinned:n.onColumnPinned,columnChooser:n.columnChooser}}),t=computed(()=>{let n=e.value,M="data"in n?n.data:void 0,re="dataSource"in n?n.dataSource:void 0;return M&&re&&console.warn("[OGrid] Both data and dataSource provided. dataSource takes precedence."),{getRowId:n.getRowId,data:M,dataSource:re}}),o=computed(()=>{let n=e.value;return {page:n.page,pageSize:n.pageSize,sort:n.sort,filters:n.filters,visibleColumns:n.visibleColumns,isLoading:n.isLoading}}),i=computed(()=>{let n=e.value;return {onPageChange:n.onPageChange,onPageSizeChange:n.onPageSizeChange,onSortChange:n.onSortChange,onFiltersChange:n.onFiltersChange,onVisibleColumnsChange:n.onVisibleColumnsChange,onFirstDataRendered:n.onFirstDataRendered,onError:n.onError}}),m=computed(()=>{let n=e.value;return {defaultPageSize:n.defaultPageSize??Ll,defaultSortBy:n.defaultSortBy,defaultSortDirection:n.defaultSortDirection??"asc",entityLabelPlural:n.entityLabelPlural??"items"}}),s=computed(()=>l.value.columnChooser===false?"none":l.value.columnChooser==="sidebar"?"sidebar":"toolbar"),a=computed(()=>flattenColumns(l.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(()=>o.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 n=a.value.filter(M=>M.defaultVisible!==false).map(M=>M.columnId);return new Set(n.length>0?n:a.value.map(M=>M.columnId))})()),g=ref({}),b={};for(let n of flattenColumns(e.value.columns))n.pinned&&(b[n.columnId]=n.pinned);let E=ref(b),D=computed(()=>o.value.page??v.value),y=computed(()=>o.value.pageSize??h$1.value),x=computed(()=>o.value.sort??P.value),F=computed(()=>o.value.filters??I.value),S=computed(()=>o.value.visibleColumns??w.value),X=n=>{o.value.page===void 0&&(v.value=n),i.value.onPageChange?.(n);},J=n=>{o.value.pageSize===void 0&&(h$1.value=n),i.value.onPageSizeChange?.(n),X(1);},Z=n=>{o.value.sort===void 0&&(P.value=n),i.value.onSortChange?.(n),X(1);},R=n=>{o.value.filters===void 0&&(I.value=n),i.value.onFiltersChange?.(n),X(1);},T=n=>{o.value.visibleColumns===void 0&&(w.value=n),i.value.onVisibleColumnsChange?.(n);},O=(n,M)=>{Z(computeNextSortState(x.value,n,M));},V=(n,M)=>{R(mergeFilter(F.value,n,M));},U=(n,M)=>{let re=new Set(S.value);M?re.add(n):re.delete(n),T(re);},A=ref(new Set),L=computed(()=>e.value.selectedRows),k=computed(()=>L.value??A.value),G=n=>{L.value===void 0&&(A.value=new Set(n.selectedRowIds)),e.value.onSelectionChange?.(n);},N=computed(()=>getMultiSelectFilterFields(a.value)),oe=computed(()=>t.value.dataSource??{fetchFilterOptions:void 0}),{filterOptions:ne,loadingOptions:B}=Ft(oe,N),Q=computed(()=>t.value.dataSource?.fetchFilterOptions!=null),ee=computed(()=>Q.value?ne.value:deriveFilterOptionsFromData(c.value,a.value)),me=computed(()=>!!e.value.workerSort),Re=computed(()=>{if(!f.value||me.value)return null;let n=processClientSideData(c.value,a.value,F.value,x.value.field,x.value.direction),M=n.length,re=(D.value-1)*y.value;return {items:n.slice(re,re+y.value),totalCount:M}}),ye=ref(null),we=0;watch([f,me,c,a,F,()=>x.value.field,()=>x.value.direction,D,y],()=>{if(!f.value||!me.value)return;let n=c.value,M=a.value,re=F.value,be=x.value.field,lt=x.value.direction,qe=D.value,Xe=y.value,rt=++we;processClientSideDataAsync(n,M,re,be,lt).then(he=>{if(rt!==we||Ue)return;let je=he.length,Ye=(qe-1)*Xe,ht=he.slice(Ye,Ye+Xe);ye.value={items:ht,totalCount:je};}).catch(()=>{if(rt!==we||Ue)return;let he=processClientSideData(n,M,re,be,lt),je=he.length,Ye=(qe-1)*Xe,ht=he.slice(Ye,Ye+Xe);ye.value={items:ht,totalCount:je};});},{immediate:true});let xe=computed(()=>{let n=Re.value;return n||ye.value}),Je=ref([]),Oe=ref(0),Fe=ref(false),Be=0,Ue=false,Me=ref(0),We=()=>{if(!u.value||!t.value.dataSource){u.value||(Fe.value=false);return}let n=++Be;Fe.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=>{n!==Be||Ue||(Je.value=M.items,Oe.value=M.totalCount);}).catch(M=>{n!==Be||Ue||(i.value.onError?.(M),Je.value=[],Oe.value=0);}).finally(()=>{n===Be&&!Ue&&(Fe.value=false);});};onMounted(()=>{validateColumns(a.value),We();}),watch([()=>t.value.dataSource,D,y,()=>x.value.field,()=>x.value.direction,F,Me],()=>{We();}),onUnmounted(()=>{Ue=true;});let fe=computed(()=>f.value&&xe.value?xe.value.items:Je.value),He=computed(()=>f.value&&xe.value?xe.value.totalCount:Oe.value),ie=computed(()=>!!e.value.formulas),Ve=ref(0),Qe=n=>{Ve.value+=1,e.value.onFormulaRecalc?.(n);},se=lo({formulas:ie,items:fe,flatColumns:a,initialFormulas:e.value.initialFormulas,onFormulaRecalc:Qe,formulaFunctions:e.value.formulaFunctions,namedRanges:e.value.namedRanges,sheets:e.value.sheets}),et=false,tt=false;watch(fe,n=>{!et&&n.length>0&&(et=true,i.value.onFirstDataRendered?.()),!tt&&n.length>0&&(tt=true,validateRowIds(n,t.value.getRowId));});let Ke=computed(()=>Object.values(F.value).some(n=>n!==void 0)),nt=computed(()=>a.value.map(n=>({columnId:n.columnId,name:n.name,required:n.required===true}))),st=computed(()=>{let n=e.value.statusBar;if(!n)return;if(typeof n=="object")return n;let M=f.value?t.value.data?.length??0:Oe.value,re=He.value;return {totalCount:M,filteredCount:Ke.value?re:void 0,selectedCount:k.value.size,suppressRowCount:true}}),ut=(n,M)=>{g.value={...g.value,[n]:M},l.value.onColumnResized?.(n,M);},dt=(n,M)=>{if(M===null){let{[n]:re,...be}=E.value;E.value=be;}else E.value={...E.value,[n]:M};l.value.onColumnPinned?.(n,M);},$e=shallowRef(yt({config:e.value.sideBar}));watch(()=>e.value.sideBar,n=>{$e.value=yt({config:n});});let Ge=computed(()=>a.value.filter(n=>n.filterable&&n.filterable.type).map(n=>({columnId:n.columnId,name:n.name,filterField:n.filterable?.filterField??n.columnId,filterType:n.filterable?.type}))),ct=computed(()=>{let n=$e.value;if(!n.isEnabled)return null;n.activePanel.value;n.isOpen.value;return {get activePanel(){return n.activePanel.value},onPanelChange:n.setActivePanel,panels:n.panels,position:n.position,get isOpen(){return n.isOpen.value},toggle:n.toggle,close:n.close,columns:nt.value,visibleColumns:S.value,onVisibilityChange:U,onSetVisibleColumns:T,filterableColumns:Ge.value,filters:F.value,onFilterChange:V,filterOptions:ee.value}}),mt=()=>R({}),ft=computed(()=>u.value&&Fe.value||C.value),ot=ref(null),Ee=ref(null),pt=n=>{if(ot.value=n,n){let M=n.match(/^([A-Z]+)(\d+)$/);M?Ee.value={col:columnLetterToIndex(M[1]),row:parseInt(M[2],10)-1}:Ee.value=null;}else Ee.value=null;},vt=computed(()=>Ee.value?.col??null),gt=computed(()=>Ee.value?.row??null),Ct=(n,M)=>{let re=fe.value,be=a.value;if(!(M<0||M>=re.length||n<0||n>=be.length))return getCellValue(re[M],be[n])},z=Ut({activeCol:vt,activeRow:gt,activeCellRef:ot,getFormula:se.enabled.value?se.getFormula:void 0,getRawValue:Ct,setFormula:se.enabled.value?se.setFormula:void 0}),Y=computed(()=>{let n=e.value,M=t.value.dataSource;return {items:fe.value,columns:l.value.columns,getRowId:t.value.getRowId,sortBy:x.value.field,sortDirection:x.value.direction,onColumnSort:O,visibleColumns:S.value,columnOrder:l.value.columnOrder,onColumnOrderChange:l.value.onColumnOrderChange,onColumnResized:ut,onColumnPinned:dt,pinnedColumns:E.value,initialColumnWidths:g.value,editable:n.editable,cellSelection:n.cellSelection,onCellValueChanged:n.onCellValueChanged,onUndo:n.onUndo,onRedo:n.onRedo,canUndo:n.canUndo,canRedo:n.canRedo,rowSelection:n.rowSelection??"none",selectedRows:k.value,onSelectionChange:G,showRowNumbers:n.showRowNumbers||n.cellReferences||n.formulas,showColumnLetters:!!(n.cellReferences||n.formulas),showNameBox:!!(n.cellReferences&&!n.formulas),onActiveCellChange:n.cellReferences||n.formulas?pt:void 0,currentPage:D.value,pageSize:y.value,statusBar:st.value,isLoading:ft.value,filters:F.value,onFilterChange:V,filterOptions:ee.value,loadingFilterOptions:M?.fetchFilterOptions?B.value:Bl,peopleSearch:M?.searchPeople,getUserByEmail:M?.getUserByEmail,layoutMode:n.layoutMode,suppressHorizontalScroll:n.suppressHorizontalScroll,stickyHeader:n.stickyHeader??true,columnReorder:n.columnReorder,responsiveColumns:n.responsiveColumns,virtualScroll:n.virtualScroll,rowHeight:n.rowHeight,density:n.density??"normal","aria-label":n["aria-label"],"aria-labelledby":n["aria-labelledby"],emptyState:{hasActiveFilters:Ke.value,onClearAll:mt,message:n.emptyState?.message,render:n.emptyState?.render},formulas:n.formulas,formulaVersion:Ve.value,...se.enabled.value?{getFormulaValue:se.getFormulaValue,hasFormula:se.hasFormula,getFormula:se.getFormula,setFormula:se.setFormula,onFormulaCellChanged:se.onCellChanged,getPrecedents:se.getPrecedents,getDependents:se.getDependents,getAuditTrail:se.getAuditTrail}:{},formulaReferences:z.referencedCells.value.length>0?z.referencedCells.value:void 0}}),le=computed(()=>({page:D.value,pageSize:y.value,displayTotalCount:He.value,setPage:X,setPageSize:J,pageSizeOptions:e.value.pageSizeOptions,entityLabelPlural:m.value.entityLabelPlural})),ce=computed(()=>({columns:nt.value,visibleColumns:S.value,onVisibilityChange:U,placement:s.value})),pe=computed(()=>{let n=e.value,M=!!n.formulas,re=!!n.cellReferences&&!M,be=n.toolbar;re&&(be=[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"},ot.value??"\u2014"),be]);let lt=M?h(bn,{cellRef:z.cellRef.value,formulaText:z.formulaText.value,isEditing:z.isEditing.value,onInputChange:z.onInputChange,onCommit:z.onCommit,onCancel:z.onCancel,onStartEditing:z.startEditing}):void 0,qe=n.sheetDefs&&n.sheetDefs.length>0&&n.activeSheet&&n.onSheetChange?h(yn,{sheets:n.sheetDefs,activeSheet:n.activeSheet,showAddButton:!!n.onSheetAdd,onSheetChange:n.onSheetChange,onSheetAdd:n.onSheetAdd??(()=>{})}):void 0;return {toolbar:be,toolbarBelow:n.toolbarBelow,className:n.className,emptyState:n.emptyState,sideBarProps:ct.value,fullScreen:n.fullScreen,formulaBar:lt,sheetTabs:qe}}),Ie=computed(()=>({hasActiveFilters:Ke.value,setFilters:R})),ge=computed(()=>({setRowData:n=>{u.value||(p.value=n);},setLoading:n=>{d.value=n;},getColumnState:()=>({visibleColumns:Array.from(S.value),sort:x.value,columnOrder:l.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:n=>{n.visibleColumns&&T(new Set(n.visibleColumns)),n.sort&&Z(n.sort),n.columnOrder&&l.value.onColumnOrderChange&&l.value.onColumnOrderChange(n.columnOrder),n.columnWidths&&(g.value=n.columnWidths),n.filters&&R(n.filters),n.pinnedColumns&&(E.value=n.pinnedColumns);},setFilterModel:R,getSelectedRows:()=>Array.from(k.value),setSelectedRows:n=>{L.value===void 0&&(A.value=new Set(n));},selectAll:()=>{let n=new Set(fe.value.map(M=>t.value.getRowId(M)));L.value===void 0&&(A.value=n),e.value.onSelectionChange?.({selectedRowIds:Array.from(n),selectedItems:fe.value});},deselectAll:()=>{L.value===void 0&&(A.value=new Set),e.value.onSelectionChange?.({selectedRowIds:[],selectedItems:[]});},clearFilters:()=>R({}),clearSort:()=>Z({field:r.value,direction:m.value.defaultSortDirection}),resetGridState:n=>{R({}),Z({field:r.value,direction:m.value.defaultSortDirection}),n?.keepSelection||(L.value===void 0&&(A.value=new Set),e.value.onSelectionChange?.({selectedRowIds:[],selectedItems:[]}));},getDisplayedRows:()=>fe.value,refreshData:()=>{u.value&&Me.value++;},scrollToRow:()=>{},getColumnOrder:()=>l.value.columnOrder??a.value.map(n=>n.columnId),setColumnOrder:n=>{l.value.onColumnOrderChange?.(n);}}));return {dataGridProps:Y,pagination:le,columnChooser:ce,layout:pe,filters:Ie,api:ge}}function kt(e){let{items:l,getRowId:t,rowSelection:o,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:l.value.filter(v=>r.has(t(v)))});},p=(r,v,h,P)=>{if(o.value==="single"){f(v?new Set([r]):new Set),a=h;return}let I=l.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(l.value.map(v=>t(v))):new Set);},c=computed(()=>computeRowSelectionState(u.value,l.value,t).allSelected),C=computed(()=>computeRowSelectionState(u.value,l.value,t).someSelected);return {selectedRowIds:u,updateSelection:f,handleRowCheckboxChange:p,handleSelectAll:d,allSelected:c,someSelected:C}}function At(e){let l=shallowRef(null),t=ref(void 0);return {editingCell:l,setEditingCell:m=>{if(m&&e?.scrollToRow&&e?.getRowIndex){let s=e.getRowIndex(m.rowId);s>=0&&e.scrollToRow(s,"center");}l.value=m;},pendingEditorValue:t,setPendingEditorValue:m=>{t.value=m;}}}function Lt(e,l){let t=shallowRef(null),o=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,()=>l?.value],()=>{if(o&&(cancelAnimationFrame(o),o=0),t.value==null||!e?.value||l?.value!=null)return;let{rowIndex:m,columnIndex:s}=t.value;o=requestAnimationFrame(()=>{o=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(()=>{o&&(cancelAnimationFrame(o),o=0);}),{activeCell:t,setActiveCell:i}}var Fn="data-drag-range",wt="data-drag-anchor",Ce=40,Zl=16;function Bt(e){let l=ze(e),{wrapperRef:t,setActiveCell:o}=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,O)=>{if(R.button!==0)return;let V=i();if(O<V)return;R.preventDefault();let U=O-V,A=m.value;if(R.shiftKey&&A!=null)v(normalizeSelectionRange({startRow:A.startRow,startCol:A.startCol,endRow:T,endCol:U})),o({rowIndex:T,columnIndex:O});else {p={row:T,col:U},f=false;let L={startRow:T,startCol:U,endRow:T,endCol:U};v(L),c=L,o({rowIndex:T,columnIndex:O}),a.value=true,setTimeout(()=>E(L),0);}},P=()=>{let{rowCount:R,visibleColCount:T}=l.value;R.value===0||T.value===0||(v({startRow:0,startCol:0,endRow:R.value-1,endCol:T.value-1}),o({rowIndex:0,columnIndex:i()}));},I=new Set,w=null,g=(R,T,O,V,U,A,L,k)=>{R.hasAttribute(Fn)||R.setAttribute(Fn,""),k&&T===k.row&&O===k.col?R.hasAttribute(wt)||R.setAttribute(wt,""):R.hasAttribute(wt)&&R.removeAttribute(wt);let N=[];T===V&&N.push("inset 0 2px 0 0 var(--ogrid-selection, #217346)"),T===U&&N.push("inset 0 -2px 0 0 var(--ogrid-selection, #217346)"),O===A&&N.push("inset 2px 0 0 0 var(--ogrid-selection, #217346)"),O===L&&N.push("inset -2px 0 0 0 var(--ogrid-selection, #217346)"),R.style.boxShadow=N.length>0?N.join(", "):"",I.add(R);},b=R=>{R.removeAttribute(Fn),R.removeAttribute(wt),R.style.boxShadow="";},E=R=>{if(!t.value)return;let O=Math.min(R.startRow,R.endRow),V=Math.max(R.startRow,R.endRow),U=Math.min(R.startCol,R.endCol),A=Math.max(R.startCol,R.endCol),L=p,k=i();for(let N of I){let oe=parseInt(N.getAttribute("data-row-index")??"",10),ne=parseInt(N.getAttribute("data-col-index")??"",10)-k;oe>=O&&oe<=V&&ne>=U&&ne<=A||(b(N),I.delete(N));}w||(w=buildCellIndex(t.value));let G=false;for(let N=O;N<=V;N++)for(let oe=U;oe<=A;oe++){let ne=`${N},${oe+k}`,B=w?.get(ne);B&&!B.isConnected&&!G&&(G=true,w=buildCellIndex(t.value),B=w?.get(ne)),B&&B.isConnected&&g(B,N,oe,O,V,U,A,L);}},D=()=>{for(let R of I)b(R);I.clear(),w=null;},y=(R,T)=>{if(!p)return null;let V=document.elementFromPoint(R,T)?.closest?.("[data-row-index][data-col-index]");if(!V)return null;let U=parseInt(V.getAttribute("data-row-index")??"",10),A=parseInt(V.getAttribute("data-col-index")??"",10),L=i();if(Number.isNaN(U)||Number.isNaN(A)||A<L)return null;let k=A-L;return normalizeSelectionRange({startRow:p.row,startCol:p.col,endRow:U,endCol:k})},x=()=>{C&&(clearInterval(C),C=null);},F=()=>{let R=t.value;if(!R||!r||!a.value){x();return}let T=R.getBoundingClientRect(),O=0,V=0;if(r.cy<T.top+Ce?V=-computeAutoScrollSpeed(T.top+Ce-r.cy):r.cy>T.bottom-Ce&&(V=computeAutoScrollSpeed(r.cy-(T.bottom-Ce))),r.cx<T.left+Ce?O=-computeAutoScrollSpeed(T.left+Ce-r.cx):r.cx>T.right-Ce&&(O=computeAutoScrollSpeed(r.cx-(T.right-Ce))),O===0&&V===0){x();return}C||(C=setInterval(()=>{let U=t.value,A=r;if(!U||!A||!a.value){x();return}let L=U.getBoundingClientRect(),k=0,G=0;if(A.cy<L.top+Ce?G=-computeAutoScrollSpeed(L.top+Ce-A.cy):A.cy>L.bottom-Ce&&(G=computeAutoScrollSpeed(A.cy-(L.bottom-Ce))),A.cx<L.left+Ce?k=-computeAutoScrollSpeed(L.left+Ce-A.cx):A.cx>L.right-Ce&&(k=computeAutoScrollSpeed(A.cx-(L.right-Ce))),k===0&&G===0){x();return}U.scrollTop+=G,U.scrollLeft+=k;let N=y(A.cx,A.cy);N&&(c=N,E(N));},Zl));},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 O=c;O&&O.startRow===T.startRow&&O.startCol===T.startCol&&O.endRow===T.endRow&&O.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 O=y(r.cx,r.cy);O&&(c=O);}let T=c;if(T){v(T);let O=p;O&&o({rowIndex:O.row,columnIndex:O.col+i()});}}D(),c=null,r=null,p=null,R&&(s.value=false);},J=R=>{u.value||S(R);},Z=()=>{u.value||X();};return onMounted(()=>{window.addEventListener("pointermove",J,true),window.addEventListener("pointerup",Z,true);}),onUnmounted(()=>{u.value=true,window.removeEventListener("pointermove",J,true),window.removeEventListener("pointerup",Z,true),d&&cancelAnimationFrame(d),x();}),{selectionRange:m,setSelectionRange:v,handleCellMouseDown:h,handleSelectAllCells:P,isDragging:s}}function Ht(){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 Vt(e){let{items:l,visibleCols:t,selectionRange:o,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=o.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(l.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=l.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 Gt(e){let l=ze(e);return {handleGridKeyDown:o=>{let{data:i,state:m,handlers:s,features:a}=l.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,J=a.editable.value,Z=a.onCellValueChanged.value,R=a.rowSelection.value,T=a.wrapperRef,O=a.scrollToRow,{fillDown:V}=a,U=a.onKeyDown?.value;if(U&&(U(o),o.defaultPrevented))return;let A=u.length-1,L=C-1+d;if(u.length===0)return;if(r===null){["ArrowDown","ArrowUp","ArrowLeft","ArrowRight","Tab","Enter","Home","End","PageDown","PageUp"].includes(o.key)&&(I({rowIndex:0,columnIndex:d}),o.preventDefault());return}let{rowIndex:k,columnIndex:G}=r,N=G-d,oe=o.shiftKey,ne=(B,Q)=>{if(B<0||B>=u.length||Q<0||Q>=f.length)return true;let ee=getCellValue(u[B],f[Q]);return ee==null||ee===""};switch(o.key){case "c":if(o.ctrlKey||o.metaKey){if(h!=null)break;o.preventDefault(),E();}break;case "x":if(o.ctrlKey||o.metaKey){if(h!=null)break;o.preventDefault(),D();}break;case "v":if(o.ctrlKey||o.metaKey){if(h!=null)break;o.preventDefault(),y();}break;case "d":if(o.ctrlKey||o.metaKey){if(h!=null)break;J!==false&&V&&(o.preventDefault(),V());}break;case "ArrowDown":case "ArrowUp":case "ArrowRight":case "ArrowLeft":{if(h!=null)break;o.preventDefault();let{newRowIndex:B,newColumnIndex:Q,newRange:ee}=computeArrowNavigation({direction:o.key,rowIndex:k,columnIndex:G,dataColIndex:N,colOffset:d,maxRowIndex:A,maxColIndex:L,visibleColCount:f.length,isCtrl:o.ctrlKey||o.metaKey,isShift:oe,selectionRange:v,isEmptyAt:ne});w(ee),I({rowIndex:B,columnIndex:Q}),(o.key==="ArrowDown"||o.key==="ArrowUp")&&O?.(B,"center");break}case "Tab":{o.preventDefault();let{rowIndex:B,columnIndex:Q}=computeTabNavigation(k,G,A,L,d,o.shiftKey),ee=Q-d;w({startRow:B,startCol:ee,endRow:B,endCol:ee}),I({rowIndex:B,columnIndex:Q});break}case "Home":{o.preventDefault();let B=o.ctrlKey?0:k;w({startRow:B,startCol:0,endRow:B,endCol:0}),I({rowIndex:B,columnIndex:d});break}case "End":{o.preventDefault();let B=o.ctrlKey?A:k;w({startRow:B,startCol:C-1,endRow:B,endCol:C-1}),I({rowIndex:B,columnIndex:L});break}case "PageDown":case "PageUp":{o.preventDefault();let B=T.value,Q=10;if(B){let Re=B.querySelector("tbody tr");Re&&Re.offsetHeight>0&&(Q=Math.max(1,Math.floor(B.clientHeight/Re.offsetHeight)));}let ee=o.key==="PageDown"?1:-1,me=Math.max(0,Math.min(k+ee*Q,A));w(oe?{startRow:v?.startRow??k,startCol:v?.startCol??N,endRow:me,endCol:v?.endCol??N}:{startRow:me,startCol:N,endRow:me,endCol:N}),I({rowIndex:me,columnIndex:G}),O?.(me,"center");break}case "Enter":case "F2":{if(o.preventDefault(),N>=0&&N<f.length){let B=f[N],Q=u[k];if(Q&&B){let ee=B.editable===true||typeof B.editable=="function"&&B.editable(Q);J!==false&&ee&&Z!=null&&g({rowId:p(Q),columnId:B.columnId});}}break}case "Escape":o.preventDefault(),h!=null?g(null):(X?.(),I(null),w(null));break;case " ":if(R!=="none"&&G===0&&c){o.preventDefault();let B=u[k];if(B){let Q=p(B),ee=P.has(Q);b(Q,!ee,k,o.shiftKey);}}break;case "z":(o.ctrlKey||o.metaKey)&&h==null&&(o.shiftKey&&S?(o.preventDefault(),S()):!o.shiftKey&&F&&(o.preventDefault(),F()));break;case "y":(o.ctrlKey||o.metaKey)&&h==null&&S&&(o.preventDefault(),S());break;case "a":if(o.ctrlKey||o.metaKey){if(h!=null)break;o.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||J===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;o.preventDefault();let Q=applyCellDeletion(B,u,f);for(let ee of Q)Z(ee);break}case "F10":if(o.shiftKey)if(o.preventDefault(),r!=null&&T.value){let B=`[data-row-index="${r.rowIndex}"][data-col-index="${r.columnIndex}"]`,Q=T.value.querySelector(B);if(Q){let ee=Q.getBoundingClientRect();x({x:ee.left+ee.width/2,y:ee.top+ee.height/2});}else x({x:100,y:100});}else x({x:100,y:100});break;}}}}var zt="data-drag-range";function Nt(e){let{items:l,visibleCols:t,editable:o,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||o.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 V=Math.min(T.startRow,T.endRow),U=Math.max(T.startRow,T.endRow),A=Math.min(T.startCol,T.endCol),L=Math.max(T.startCol,T.endCol),k=c();for(let G of F){let N=parseInt(G.getAttribute("data-row-index")??"",10),oe=parseInt(G.getAttribute("data-col-index")??"",10)-k;N>=V&&N<=U&&oe>=A&&oe<=L||(G.removeAttribute(zt),F.delete(G));}for(let G=V;G<=U;G++)for(let N=A;N<=L;N++){let oe=`${G},${N+k}`,ne=S?.get(oe);ne&&!ne.isConnected&&(S=buildCellIndex(u.value),ne=S.get(oe)),ne&&(ne.hasAttribute(zt)||ne.setAttribute(zt,""),F.add(ne));}},J=()=>{for(let T of F)T.removeAttribute(zt);F.clear();},Z=null,R=(T,O)=>{let U=document.elementFromPoint(T,O)?.closest?.("[data-row-index][data-col-index]");if(!U||!u.value?.contains(U))return null;let A=parseInt(U.getAttribute("data-row-index")??"",10),L=parseInt(U.getAttribute("data-col-index")??"",10),k=c();if(Number.isNaN(A)||Number.isNaN(L)||L<k)return null;let G=L-k;return normalizeSelectionRange({startRow:D.startRow,startCol:D.startCol,endRow:A,endCol:G})};P=T=>{Z={cx:T.clientX,cy:T.clientY},v&&cancelAnimationFrame(v),v=requestAnimationFrame(()=>{if(v=0,!Z)return;let O=R(Z.cx,Z.cy);if(!O)return;let V=h;V&&V.startRow===O.startRow&&V.startCol===O.startCol&&V.endRow===O.endRow&&V.endCol===O.endCol||(h=O,r={endRow:O.endRow,endCol:O.endCol},X(O));});},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});}J();let T=r,O=normalizeSelectionRange({startRow:D.startRow,startCol:D.startCol,endRow:T.endRow,endCol:T.endCol}),V=d?.value;V&&(O.startRow=Math.max(O.startRow,V.startIndex),O.endRow=Math.min(O.endRow,V.endIndex)),s(O),a({rowIndex:D.startRow,columnIndex:D.startCol+c()});let U=l.value,A=t.value,L=i.value;if(L){let k=applyFillValues(O,D.startRow,D.startCol,U,A);if(k.length>0){f?.();for(let G of k)L(G);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||o.value===false||!i.value)return;let y=normalizeSelectionRange(D),x=l.value,F=t.value,S=i.value,X=applyFillValues(y,y.startRow,y.startCol,x,F);if(X.length>0){f?.();for(let J of X)S(J);p?.();}}}}function _t(e){let{onCellValueChanged:l,maxUndoDepth:t=100}=e,o=new UndoRedoStack(t),i=ref(false),m=ref(false),s=()=>{i.value=o.canUndo,m.value=o.canRedo;};return {onCellValueChanged:l?c=>{o.record(c),o.isBatching||s(),l(c);}:void 0,undo:()=>{if(!l)return;let c=o.undo();if(c){s();for(let C=c.length-1;C>=0;C--){let r=c[C];l({...r,oldValue:r.newValue,newValue:r.oldValue});}}},redo:()=>{if(!l)return;let c=o.redo();if(c){s();for(let C of c)l(C);}},canUndo:i,canRedo:m,beginBatch:()=>{o.beginBatch();},endBatch:()=>{o.endBatch(),s();},maxUndoDepth:t}}function Wt(e){let{wrapperRef:l,visibleCols:t,flatColumns:o,hasCheckboxCol:i,initialColumnWidths:m,onColumnResized:s}=e,a=ref(0),u,f=()=>{let r=l.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=l.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??DEFAULT_MIN_COLUMN_WIDTH)+CELL_PADDING,r)});watch(o,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=P?P.widthPx:h.idealWidth??h.defaultWidth??h.minWidth??DEFAULT_MIN_COLUMN_WIDTH;return v+Math.max(h.minWidth??DEFAULT_MIN_COLUMN_WIDTH,I)+CELL_PADDING},r)});return {containerWidth:a,minTableWidth:c,desiredTableWidth:C,columnSizingOverrides:p,setColumnSizingOverrides:d,onColumnResized:s}}function Kt(e){let{columns:l,pinnedColumns:t,onColumnPinned:o}=e,i={};for(let c of l.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,o?.(c,C);},unpinColumn:c=>{let{[c]:C,...r}=s.value;m.value=r,o?.(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 qt(e){let{columns:l,pinnedColumns:t,onPinColumn:o,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?l.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&&(o(d.value,"left"),r());},handlePinRight:()=>{d.value&&I.value&&(o(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&&(l.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 Ae=()=>{},Fr=async()=>{},Ur=(e,l,t)=>{},Or=e=>{},Mr=e=>{};function Xt(e){let{props:l,wrapperRef:t}=e,o=computed(()=>l.value.items),i=l.value.getRowId,m=computed(()=>l.value.rowSelection??"none"),s=computed(()=>l.value.selectedRows),a=computed(()=>l.value.editable),u=computed(()=>l.value.cellSelection!==false),f=computed(()=>l.value.pinnedColumns),p=_t({onCellValueChanged:l.value.onCellValueChanged}),d=computed(()=>p.onCellValueChanged),c=computed(()=>flattenColumns(l.value.columns)),C=computed(()=>{let z=f.value;return !z||Object.keys(z).length===0?c.value:c.value.map(Y=>{let le=z[Y.columnId];return le&&Y.pinned!==le?{...Y,pinned:le}:Y})}),r=computed(()=>resolveResponsiveConfig(l.value.responsiveColumns)),v=computed(()=>{let z=l.value.visibleColumns,Y=l.value.columnOrder,le=z?C.value.filter(pe=>z.has(pe.columnId)):C.value;if(!Y?.length)return le;let ce=new Map;for(let pe=0;pe<Y.length;pe++)ce.set(Y[pe],pe);return [...le].sort((pe,Ie)=>{let ge=ce.get(pe.columnId)??-1,n=ce.get(Ie.columnId)??-1;return ge===-1&&n===-1?0:ge===-1?1:n===-1?-1:ge-n})}),h=ref(0),P=computed(()=>applyResponsiveHiding(v.value,h.value,r.value)),I=computed(()=>P.value.length),w=computed(()=>m.value==="multiple"),g=computed(()=>!!l.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(o,z=>{let Y=y.value;Y.clear(),z.forEach((le,ce)=>Y.set(i(le),ce)),triggerRef(y);},{immediate:true});let x=kt({items:o,getRowId:i,rowSelection:m,controlledSelectedRows:s,onSelectionChange:l.value.onSelectionChange}),{editingCell:F,setEditingCell:S,pendingEditorValue:X,setPendingEditorValue:J}=At(),{activeCell:Z,setActiveCell:R}=Lt(t,F),T=computed(()=>o.value.length),O=computed(()=>P.value.length),{selectionRange:V,setSelectionRange:U,handleCellMouseDown:A,handleSelectAllCells:L,isDragging:k}=Bt({colOffset:D,rowCount:T,visibleColCount:O,setActiveCell:R,wrapperRef:t}),{contextMenuPosition:G,setContextMenuPosition:N,handleCellContextMenu:oe,closeContextMenu:ne}=Ht(),{handleCopy:B,handleCut:Q,handlePaste:ee,cutRange:me,copyRange:Re,clearClipboardRanges:ye}=Vt({items:o,visibleCols:P,colOffset:D,selectionRange:V,activeCell:Z,editable:a,onCellValueChanged:d,beginBatch:p.beginBatch,endBatch:p.endBatch}),we=(z,Y,le)=>{z.button===0&&(t.value?.focus({preventScroll:true}),ye(),A(z,Y,le));},{handleFillHandleMouseDown:xe,fillDown:Je}=Nt({items:o,visibleCols:P,editable:a,onCellValueChanged:d,selectionRange:V,setSelectionRange:U,setActiveCell:R,colOffset:D,wrapperRef:t,beginBatch:p.beginBatch,endBatch:p.endBatch}),{handleGridKeyDown:Oe}=Gt({data:{items:o,visibleCols:P,colOffset:D,hasCheckboxCol:w,visibleColumnCount:I,getRowId:i},state:{activeCell:Z,selectionRange:V,editingCell:F,selectedRowIds:x.selectedRowIds},handlers:{setActiveCell:R,setSelectionRange:U,setEditingCell:S,handleRowCheckboxChange:x.handleRowCheckboxChange,handleCopy:B,handleCut:Q,handlePaste:ee,setContextMenu:N,onUndo:p.undo,onRedo:p.redo,clearClipboardRanges:ye},features:{editable:a,onCellValueChanged:d,rowSelection:m,wrapperRef:t,fillDown:Je,onKeyDown:computed(()=>l.value.onKeyDown)}}),{containerWidth:Fe,minTableWidth:Be,desiredTableWidth:Ue,columnSizingOverrides:Me,setColumnSizingOverrides:We}=Wt({wrapperRef:t,visibleCols:v,flatColumns:C,hasCheckboxCol:w,initialColumnWidths:l.value.initialColumnWidths,onColumnResized:(z,Y)=>l.value.onColumnResized?.(z,Y)});watch(Fe,z=>{h.value=z;},{immediate:true});let fe=Kt({columns:C,pinnedColumns:f,onColumnPinned:l.value.onColumnPinned}),He=(z,Y)=>{We({...Me.value,[z]:{widthPx:Y}}),l.value.onColumnResized?.(z,Y);},ie=qt({columns:C,pinnedColumns:fe.pinnedColumns,onPinColumn:fe.pinColumn,onUnpinColumn:fe.unpinColumn,onSort:l.value.onColumnSort,onColumnResized:l.value.onColumnResized,onAutosizeColumn:He,sortBy:computed(()=>l.value.sortBy),sortDirection:computed(()=>l.value.sortDirection)}),Ve=ref({});watch([P,Fe,Me],()=>{nextTick(()=>{let z=t.value;if(!z)return;let Y=z.querySelectorAll("th[data-column-id]");if(Y.length===0)return;let le={};Y.forEach(ge=>{let n=ge.getAttribute("data-column-id");n&&(le[n]=ge.offsetWidth);});let ce=Ve.value,pe=Object.keys(le),Ie=pe.length!==Object.keys(ce).length;if(!Ie){for(let ge of pe)if(ce[ge]!==le[ge]){Ie=true;break}}Ie&&(Ve.value=le);});},{flush:"post"});let Qe=computed(()=>{let z={};for(let Y of P.value){let le=Me.value[Y.columnId];z[Y.columnId]=le?le.widthPx:Y.idealWidth??Y.defaultWidth??Y.minWidth??DEFAULT_MIN_COLUMN_WIDTH;}return z}),se=computed(()=>fe.computeLeftOffsets(P.value,Qe.value,DEFAULT_MIN_COLUMN_WIDTH,w.value,CHECKBOX_COLUMN_WIDTH)),et=computed(()=>fe.computeRightOffsets(P.value,Qe.value,DEFAULT_MIN_COLUMN_WIDTH)),tt=computed(()=>computeAggregations(o.value,P.value,u.value?V.value:null)),Ke=computed(()=>{let z=getDataGridStatusBarConfig(l.value.statusBar,o.value.length,x.selectedRowIds.value.size);return z?{...z,aggregation:tt.value??void 0}:null}),nt=computed(()=>o.value.length===0&&!!l.value.emptyState&&!l.value.isLoading),st=computed(()=>V.value!=null||Z.value!=null),ut=computed(()=>({sortBy:l.value.sortBy,sortDirection:l.value.sortDirection,onColumnSort:l.value.onColumnSort,filters:l.value.filters,onFilterChange:l.value.onFilterChange,filterOptions:l.value.filterOptions,loadingFilterOptions:l.value.loadingFilterOptions,peopleSearch:l.value.peopleSearch})),dt=computed(()=>({editingCell:F.value,activeCell:u.value?Z.value:null,selectionRange:u.value?V.value:null,cutRange:u.value?me.value:null,copyRange:u.value?Re.value:null,colOffset:D.value,itemsLength:o.value.length,getRowId:i,editable:a.value,onCellValueChanged:d.value,isDragging:u.value?k.value:false,getFormulaValue:l.value.getFormulaValue,hasFormula:l.value.hasFormula,getFormula:l.value.getFormula,formulaVersion:l.value.formulaVersion})),$e=ref(null),Ge=z=>{$e.value=z;},ct=(z,Y,le,ce,pe,Ie)=>{let ge=P.value.find(n=>n.columnId===Y);if(ge){let n=parseValue(ce,le,z,ge);if(!n.valid){S(null),Ge(null),J(void 0);return}ce=n.value;}if(d.value?.({item:z,columnId:Y,oldValue:le,newValue:ce,rowIndex:pe}),S(null),Ge(null),J(void 0),pe<o.value.length-1){let n=pe+1,M=Ie-D.value;R({rowIndex:n,columnIndex:Ie}),U({startRow:n,startCol:M,endRow:n,endCol:M});}},mt=()=>{S(null),Ge(null),J(void 0);},ft=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:Fe.value,minTableWidth:Be.value,desiredTableWidth:Ue.value,columnSizingOverrides:Me.value,setColumnSizingOverrides:We,onColumnResized:l.value.onColumnResized,measuredColumnWidths:Ve.value,stickyHeader:l.value.stickyHeader??true})),ot=computed(()=>({selectedRowIds:x.selectedRowIds.value,updateSelection:x.updateSelection,handleRowCheckboxChange:x.handleRowCheckboxChange,handleSelectAll:x.handleSelectAll,allSelected:x.allSelected.value,someSelected:x.someSelected.value})),Ee=computed(()=>({editingCell:F.value,setEditingCell:S,pendingEditorValue:X.value,setPendingEditorValue:J,commitCellEdit:ct,cancelPopoverEdit:mt,popoverAnchorEl:$e.value,setPopoverAnchorEl:Ge})),pt=computed(()=>({activeCell:u.value?Z.value:null,setActiveCell:u.value?R:Ae,selectionRange:u.value?V.value:null,setSelectionRange:u.value?U:Ae,handleCellMouseDown:u.value?we:Ur,handleSelectAllCells:u.value?L:Ae,hasCellSelection:u.value?st.value:false,handleGridKeyDown:u.value?Oe:Or,handleFillHandleMouseDown:u.value?xe:Ae,handleCopy:u.value?B:Ae,handleCut:u.value?Q:Ae,handlePaste:u.value?ee:Fr,cutRange:u.value?me.value:null,copyRange:u.value?Re.value:null,clearClipboardRanges:u.value?ye:Ae,canUndo:p.canUndo.value,canRedo:p.canRedo.value,onUndo:p.undo,onRedo:p.redo,isDragging:u.value?k.value:false})),vt=computed(()=>({menuPosition:u.value?G.value:null,setMenuPosition:u.value?N:Ae,handleCellContextMenu:u.value?oe:Mr,closeContextMenu:u.value?ne:Ae})),gt=computed(()=>({headerFilterInput:ut.value,cellDescriptorInput:dt.value,statusBarConfig:Ke.value,showEmptyInGrid:nt.value,onCellError:l.value.onCellError})),Ct=computed(()=>({pinnedColumns:fe.pinnedColumns.value,pinColumn:fe.pinColumn,unpinColumn:fe.unpinColumn,isPinned:fe.isPinned,leftOffsets:se.value,rightOffsets:et.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:ft,rowSelection:ot,editing:Ee,interaction:pt,contextMenu:vt,viewModels:gt,pinning:Ct}}function jt(e){let{columnSizingOverrides:l,setColumnSizingOverrides:t,minWidth:o=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:l.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({...l.value,[r]:{widthPx:P}});},b=r===ROW_NUMBER_COLUMN_ID?ROW_NUMBER_COLUMN_MIN_WIDTH:o,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,o,v);t({...l.value,[C]:{widthPx:h}}),m?.(C,h);},getColumnWidth:d=>l.value[d.columnId]?.widthPx??d.idealWidth??d.defaultWidth??i}}function Yt(e,l){let t=ref(e.value),o;return watch(e,i=>{o!==void 0&&clearTimeout(o),o=setTimeout(()=>{t.value=i;},l);}),onUnmounted(()=>{o!==void 0&&clearTimeout(o);}),t}function yo(e,l){let t,o=e,i,m=((...s)=>{o=e,i=s,t!==void 0&&clearTimeout(t),t=setTimeout(()=>{o(...s),i=void 0,t=void 0;},l);});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,o(...s);}},onUnmounted(()=>{t!==void 0&&clearTimeout(t);}),m}function Zt(e){let{textValue:l="",onTextChange:t}=e,o=ref(l);return watch(e.isFilterOpen,a=>{a&&(o.value=e.textValue??"");}),{tempTextValue:o,setTempTextValue:a=>{o.value=a;},handleTextApply:()=>{t?.(o.value.trim());},handleTextClear:()=>{o.value="";}}}var Wr=150,Ln=[];function Jt(e){let{onFilterChange:l}=e,t=ref(new Set(e.selectedValues??Ln)),o=ref(""),i=Yt(o,Wr);watch(e.isFilterOpen,c=>{c&&(t.value=new Set(e.selectedValues??Ln),o.value="");});let m=computed(()=>{let c=e.options??Ln;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:o,setSearchText:c=>{o.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:()=>{l?.(Array.from(t.value));}}}var $r=300;function en(e){let{onUserChange:l,filterType:t}=e,o=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(()=>o.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;}},$r);}}),onUnmounted(()=>{i&&clearTimeout(i);}),{peopleSuggestions:m,isPeopleLoading:s,peopleSearchText:a,setPeopleSearchText:u,peopleInputRef:o,handleUserSelect:d=>{l?.(d);},handleClearUser:()=>{l?.(void 0);}}}function tn(e){let{onDateChange:l}=e,t=ref(e.dateValue?.from??""),o=ref(e.dateValue?.to??"");return watch(e.isFilterOpen,u=>{u&&(t.value=e.dateValue?.from??"",o.value=e.dateValue?.to??"");}),{tempDateFrom:t,setTempDateFrom:u=>{t.value=u;},tempDateTo:o,setTempDateTo:u=>{o.value=u;},handleDateApply:()=>{let u=t.value||void 0,f=o.value||void 0;l?.(u||f?{from:u,to:f}:void 0);},handleDateClear:()=>{t.value="",o.value="";}}}var Yr=[];function Po(e){let{filterType:l,onSort:t}=e,o=()=>e.selectedValues??Yr,i=ref(null),m=ref(null),s=ref(false),a=ref(null),u=R=>{s.value=R;},f=Zt({textValue:e.textValue,onTextChange:e.onTextChange,isFilterOpen:s}),p=Jt({selectedValues:e.selectedValues,onFilterChange:e.onFilterChange,options:e.options,isFilterOpen:s}),d=en({selectedUser:e.selectedUser,onUserChange:e.onUserChange,peopleSearch:e.peopleSearch,isFilterOpen:s,filterType:l}),c=tn({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(),J=R=>{R.key!=="Escape"&&R.key!=="Esc"&&R.stopPropagation();},Z=computed(()=>l==="multiSelect"?o().length>0:l==="text"?!!(e.textValue??"").trim():l==="people"?!!e.selectedUser:l==="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:J,handleDateApply:y,handleDateClear:c.handleDateClear,handleSortClick:w}}}function Do(e){let{columns:l,visibleColumns:t,onVisibilityChange:o}=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=>{o(h,P);},c=()=>{l.value.forEach(h=>{t.value.has(h.columnId)||o(h.columnId,true);});},C=()=>{l.value.forEach(h=>{!h.required&&t.value.has(h.columnId)&&o(h.columnId,false);});},r=computed(()=>t.value.size),v=computed(()=>l.value.length);return {open:i,setOpen:u,handleToggle:f,handleClose:p,handleCheckboxChange:d,handleSelectAll:c,handleClearAll:C,visibleCount:r,totalCount:v}}function Fo(e){let{value:l,editorType:t,onCommit:o,onCancel:i,dateFormat:m,dateEditorType:s}=e,a=m??DEFAULT_DATE_FORMAT,u=ref((()=>{if(l==null)return "";if(t==="date"){if(s==="native"){let v=String(l);return v.match(/^\d{4}-\d{2}-\d{2}/)?v.substring(0,10):v}return formatDateForDisplay(l,a)??""}return String(l)})()),f=v=>{u.value=v;},p=v=>{if(t==="date"&&s!=="native"){if(!v||!v.trim()){o(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");o(`${P}-${I}-${w}`);}else o(null);}else o(v);},d=v=>{o(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 Oo(e){let{values:l,formatValue:t,initialValue:o,onCommit:i,onCancel:m}=e,s=ref(""),a=l.findIndex(r=>String(r)===String(o)),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 l;let r=s.value.toLowerCase();return l.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 ua=8,da=5;function on(e){let{columnOrder:l,onColumnOrderChange:t,tableRef:o,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-ua)return}if(C.preventDefault(),!o.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)<da||(P||(P=true,m.value=true),I=x.clientX,f||(f=requestAnimationFrame(()=>{f=0;let F=o.value;if(!F||!a)return;let S=calculateDropTarget({mouseX:I,columnOrder:l.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(l.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 Ra=100;function rn(e){let{totalRows:l,rowHeight:t,enabled:o,overscan:i=5,threshold:m=Ra,columnsEnabled:s,columnWidths:a,columnOverscan:u=2}=e;onMounted(()=>{validateVirtualScrollConfig({enabled:o.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(()=>o.value&&l.value>=m),I=computed(()=>P.value?computeVisibleRange(p.value,t,c.value,l.value,i):{startIndex:0,endIndex:Math.max(0,l.value-1),offsetTop:0,offsetBottom:0}),w=computed(()=>o.value?computeTotalHeight(l.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 sn(e){let{props:l}=e,t=ref(null),o=ref(null),i=ref(null),m=ref(false),s=Xt({props:l,wrapperRef:t}),a=computed(()=>{let E=l.value;return E.columnOrder?E.columnOrder:flattenColumns(E.columns).filter(D=>E.visibleColumns?.has(D.columnId)??true).map(D=>D.columnId)}),u=computed(()=>l.value.onColumnOrderChange),f=on({columnOrder:a,onColumnOrderChange:u,tableRef:i}),p=computed(()=>l.value.virtualScroll?.enabled??false),d=computed(()=>l.value.items.length),c=l.value.virtualScroll?.rowHeight??36,C=l.value.virtualScroll?.overscan??5,r=computed(()=>l.value.virtualScroll?.columns===true),v=l.value.virtualScroll?.columnOverscan??2,h=computed(()=>{let E=s.layout.value,{visibleCols:D,columnSizingOverrides:y}=E,x=l.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=rn({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=l.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=jt({columnSizingOverrides:g,setColumnSizingOverrides:E=>s.layout.value.setColumnSizingOverrides(E)});return {wrapperRef:t,tableContainerRef:o,tableRef:i,lastMouseShift:m,state:s,columnReorder:f,virtualScroll:P,virtualScrollEnabled:p,columnResize:b,columnPartition:I,globalColIndexMap:w}}function un(e,l,t){let o={"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&&(o.role="button",o.onDblclick=()=>t.setEditingCell({rowId:e.rowId,columnId:l})),o}var ko=()=>{};function Fa(e){return defineComponent({name:"DataGridTable",props:{gridProps:{type:Object,required:true}},setup(l){let t=computed(()=>l.gridProps),{wrapperRef:o,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}=sn({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 J=t.value.onActiveCellChange;J&&J(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:J,columnSizingOverrides:Z,measuredColumnWidths:R}=S,{leftOffsets:T,rightOffsets:O}=X,V={},U={},A={},L={};for(let k=0;k<J.length;k++){let G=J[k],N=G.pinned==="left",oe=G.pinned==="right",ne=I(G),B=!!Z[G.columnId],Q=R[G.columnId],ee=G.minWidth??DEFAULT_MIN_COLUMN_WIDTH,me=B?ne:Math.max(ee,Q??0),Re={minWidth:`${me}px`,width:`${ne}px`,maxWidth:`${ne}px`},ye={minWidth:`${me}px`,width:`${ne}px`,maxWidth:`${ne}px`},we=["ogrid-data-cell"],xe=["ogrid-header-cell"];N?(we.push("ogrid-data-cell--pinned-left"),Re.left=`${T[G.columnId]??0}px`,xe.push("ogrid-header-cell--pinned-left"),ye.left=`${T[G.columnId]??0}px`):oe&&(we.push("ogrid-data-cell--pinned-right"),Re.right=`${O[G.columnId]??0}px`,xe.push("ogrid-header-cell--pinned-right"),ye.right=`${O[G.columnId]??0}px`),V[G.columnId]=Re,U[G.columnId]=we.join(" "),A[G.columnId]=ye,L[G.columnId]=xe.join(" ");}return {cellStyles:V,cellClasses:U,hdrStyles:A,hdrClasses:L}});return ()=>{let S=l.gridProps,X=a.layout.value,J=a.rowSelection.value,Z=a.editing.value,R=a.interaction.value,T=a.contextMenu.value,O=a.viewModels.value,V=a.pinning.value,{headerMenu:U}=V,{visibleCols:A,hasCheckboxCol:L,hasRowNumbersCol:k,colOffset:G,containerWidth:N,minTableWidth:oe,desiredTableWidth:ne}=X,B=S.currentPage??1,Q=S.pageSize??25,ee=k?(B-1)*Q:0,{selectedRowIds:me,handleRowCheckboxChange:Re,handleSelectAll:ye,allSelected:we,someSelected:xe}=J,{editingCell:Je,setEditingCell:Oe,pendingEditorValue:Fe,setPendingEditorValue:Be,commitCellEdit:Ue,cancelPopoverEdit:Me,popoverAnchorEl:We,setPopoverAnchorEl:fe}=Z,{setActiveCell:He,setSelectionRange:ie,handleCellMouseDown:Ve,handleSelectAllCells:Qe,selectionRange:se,hasCellSelection:et,handleGridKeyDown:tt,handleFillHandleMouseDown:Ke,handleCopy:nt,handleCut:st,handlePaste:ut,cutRange:dt,copyRange:$e,canUndo:Ge,canRedo:ct,onUndo:mt,onRedo:ft,isDragging:ot}=R,{menuPosition:Ee,handleCellContextMenu:pt,closeContextMenu:vt}=T,{headerFilterInput:gt,cellDescriptorInput:Ct,statusBarConfig:z,showEmptyInGrid:Y,onCellError:le}=O,ce=S.items,pe=S.getRowId,Ie=S.layoutMode??"fill",ge=S.rowSelection??"none",n=S.suppressHorizontalScroll,M=S.stickyHeader??true,re=S.isLoading??false,be=S.loadingMessage??"Loading\u2026",lt=S["aria-label"],qe=S["aria-labelledby"],Xe=Ie==="content",rt=!n&&N>0&&(oe>N||ne>N),he=x.value,je={commitCellEdit:Ue,setEditingCell:Oe,setPendingEditorValue:Be,cancelPopoverEdit:Me},Ye={handleCellMouseDown:Ve,setActiveCell:He,setEditingCell:Oe,handleCellContextMenu:pt},ht=q=>{if(ge!=="single")return;let ae=q.currentTarget.dataset.rowId;ae&&J.updateSelection(me.has(ae)?new Set:new Set([ae]));},Lo=(q,W,ae,Te)=>{try{return Bo(q,W,ae,Te)}catch(_){return le&&le(_ instanceof Error?_:new Error(String(_)),void 0),""}},Bo=(q,W,ae,Te)=>{let _=getCellRenderDescriptor(q,W,ae,Te,Ct);if(_.mode==="editing-inline"){let ue=buildInlineEditorProps(q,W,_,je);return h("div",{class:"ogrid-editing-cell"},h(e.InlineCellEditor,{value:ue.value,item:ue.item,column:ue.column,rowIndex:ue.rowIndex,editorType:ue.editorType,onCommit:ue.onCommit,onCancel:ue.onCancel}))}if(_.mode==="editing-popover"&&typeof W.cellEditor=="function"){let ue=buildPopoverEditorProps(q,W,_,Fe,je),te=W.cellEditor,Wn=resolveCellDisplayContent(W,q,_.displayValue),Kn=resolveCellStyle(W,q,_.displayValue);return h("div",[h("div",{ref:$n=>{$n&&fe($n);},class:"ogrid-popover-anchor"},[Kn?h("span",{style:Kn},[Wn]):Wn]),We?h(te,ue):null])}let Pe=un(_,W.columnId,Ye),Se=["ogrid-cell-content"];W.type==="numeric"?Se.push("ogrid-cell-content--numeric"):W.type==="boolean"&&Se.push("ogrid-cell-content--boolean"),_.canEditAny&&Se.push("ogrid-cell-content--editable"),_.isActive&&Se.push("ogrid-cell-content--active"),_.isActive&&_.isInRange&&Se.push("ogrid-cell-content--active-in-range"),_.isInRange&&!_.isActive&&Se.push("ogrid-cell-in-range"),_.isInCutRange&&Se.push("ogrid-cell-cut");let ke;if(_.columnType==="boolean"){let ue=!!_.displayValue;ke=h("input",{type:"checkbox",checked:ue,disabled:!_.canEditAny,onChange:_.canEditAny?()=>{je.commitCellEdit(q,W.columnId,ue,!ue,_.rowIndex,_.globalColIndex);}:void 0,onClick:te=>te.stopPropagation(),style:`margin:0;cursor:${_.canEditAny?"pointer":"default"};outline:none`,"aria-label":ue?"Checked":"Unchecked"});}else {let ue=resolveCellDisplayContent(W,q,_.displayValue),te=resolveCellStyle(W,q,_.displayValue);ke=te?h("span",{style:te},ue):ue;}return h("div",{...Pe,class:Se.join(" ")},[ke,..._.canEditAny&&_.isSelectionEndCell?[h("div",{onPointerdown:Ke,"aria-label":"Fill handle",class:"ogrid-fill-handle"})]:[]])},{cellStyles:Ho,cellClasses:Vo,hdrStyles:Go,hdrClasses:zo}=F.value,Gn=A.map(q=>({col:q,tdClasses:Vo[q.columnId]||"ogrid-data-cell",tdDynamicStyle:Ho[q.columnId]||{}})),at=w.value,zn=Gn,Rt=0,bt=0;if(at){let q=new Set;for(let W of at.pinnedLeft)q.add(W.columnId);for(let W of at.virtualizedUnpinned)q.add(W.columnId);for(let W of at.pinnedRight)q.add(W.columnId);zn=Gn.filter(W=>q.has(W.col.columnId)),Rt=at.leftSpacerWidth,bt=at.rightSpacerWidth;}let No=g.value,Nn=q=>{let W=Go[q.columnId]||{};return {classes:zo[q.columnId]||"ogrid-header-cell",style:{...W,cursor:u.value?"grabbing":"grab"}}},_n={position:"relative",flex:"1",minHeight:re&&ce.length===0?"200px":"0",width:Xe?"fit-content":"100%",maxWidth:"100%",overflowX:n?"hidden":rt?"auto":"hidden",overflowY:"auto",backgroundColor:"#fff",willChange:"scroll-position"};return S.rowHeight&&(_n["--ogrid-row-height"]=`${S.rowHeight}px`),h("div",{class:"ogrid-outer-container"},[h("div",{ref:q=>{o.value=q,d.value=q;},tabindex:0,role:"region","aria-label":lt??(qe?void 0:"Data grid"),"aria-labelledby":qe,onPointerdown:E,onKeydown:tt,onContextmenu:D,"data-overflow-x":rt?"true":"false","data-ogrid-scroll-container":"",style:_n},[h("div",{class:"ogrid-scroll-wrapper"},[h("div",{style:{minWidth:rt?`${oe}px`:void 0,overflowX:"clip"}},[h("div",{ref:q=>{i.value=q;},class:["ogrid-table-container",re&&ce.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:q=>{m.value=q;},class:"ogrid-table",role:"grid",style:{minWidth:`${oe}px`},...v.value?{"data-virtual-scroll":""}:{}},[h("thead",{class:M?"ogrid-thead ogrid-sticky-header":"ogrid-thead"},[...S.showColumnLetters?[h("tr",{class:"ogrid-column-letter-row"},[...L?[h("th",{class:"ogrid-column-letter-cell"})]:[],...k?[h("th",{class:"ogrid-column-letter-cell"})]:[],...A.map((q,W)=>{let{classes:ae,style:Te}=Nn(q);return h("th",{key:q.columnId,class:`ogrid-column-letter-cell ${ae}`,style:Te},indexToColumnLetter(W))})])]:[],...he.map((q,W)=>h("tr",{key:W,class:"ogrid-header-row"},[...W===he.length-1&&L?[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:we,indeterminate:xe&&!we,ariaLabel:"Select all rows",onChange:ae=>ye(!!ae)}))]:[],...W===0&&W<he.length-1&&L?[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 ae=X.columnSizingOverrides[ROW_NUMBER_COLUMN_ID]?.widthPx??ROW_NUMBER_COLUMN_WIDTH;return h("th",{class:"ogrid-row-number-header",style:{width:`${ae}px`,minWidth:`${ae}px`,maxWidth:`${ae}px`,position:"sticky",left:L?`${CHECKBOX_COLUMN_WIDTH}px`:"0",zIndex:3}},["#",h("div",{onPointerdown:Te=>{He(null),ie(null),o.value?.focus({preventScroll:true}),Te.stopPropagation(),h$1(Te,{columnId:ROW_NUMBER_COLUMN_ID,name:"#"});},class:"ogrid-resize-handle"})])})()]:[],...W===0&&W<he.length-1&&k?[(()=>{let ae=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:`${ae}px`,position:"sticky",left:L?`${CHECKBOX_COLUMN_WIDTH}px`:"0",zIndex:3}})})()]:[],...q.map((ae,Te)=>{if(ae.isGroup)return h("th",{key:Te,colSpan:ae.colSpan,scope:"colgroup",class:"ogrid-column-group-header"},ae.label);if(!ae.columnDef)return null;let _=ae.columnDef,{classes:Pe,style:Se}=Nn(_),ue=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:Pe,style:Se,"aria-sort":ue,onPointerdown:te=>p(_.columnId,te)},[h("div",{class:"ogrid-header-content"},[h(e.ColumnHeaderFilter,getHeaderFilterConfig(_,gt)),h("button",{onClick:te=>{te.stopPropagation(),U.isOpen&&U.openForColumn===_.columnId?U.close():U.open(_.columnId,te.currentTarget);},"aria-label":"Column options",title:"Column options",class:"ogrid-column-menu-btn"},"\u22EE")]),h("div",{onPointerdown:te=>{He(null),ie(null),o.value?.focus({preventScroll:true}),te.stopPropagation(),h$1(te,_);},onDblclick:te=>P(te,_),class:"ogrid-resize-handle"})])})]))]),...Y?[]:[h("tbody",{},(()=>{let q=v.value,W=c.value,ae=q?W.startIndex:0,Te=q?Math.min(W.endIndex,ce.length-1):ce.length-1,_=[];q&&W.offsetTop>0&&_.push(h("tr",{key:"__vs-top",style:{height:`${W.offsetTop}px`}}));for(let Pe=ae;Pe<=Te;Pe++){let Se=ce[Pe];if(!Se)continue;let ke=pe(Se),ue=me.has(ke);_.push(h("tr",{key:ke,"data-row-id":ke,"aria-selected":ue||void 0,onClick:ht,style:{cursor:ge==="single"?"pointer":void 0}},[...L?[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":Pe,"data-col-index":0,onClick:y,class:"ogrid-checkbox-wrapper"},e.renderCheckbox({modelValue:ue,ariaLabel:`Select row ${Pe+1}`,onChange:te=>Re(ke,te,Pe,s.value)})))]:[],...k?[(()=>{let te=X.columnSizingOverrides[ROW_NUMBER_COLUMN_ID]?.widthPx??ROW_NUMBER_COLUMN_WIDTH;return h("td",{class:"ogrid-row-number-cell",style:{width:`${te}px`,minWidth:`${te}px`,maxWidth:`${te}px`,padding:"6px",position:"sticky",left:L?`${CHECKBOX_COLUMN_WIDTH}px`:"0",zIndex:2}},String(ee+Pe+1))})()]:[],...Rt>0?[h("td",{key:"__col-spacer-left",style:{width:`${Rt}px`,minWidth:`${Rt}px`,maxWidth:`${Rt}px`,padding:"0"}})]:[],...zn.map(te=>h("td",{key:te.col.columnId,"data-column-id":te.col.columnId,class:te.tdClasses,style:te.tdDynamicStyle},[Lo(Se,te.col,Pe,No.get(te.col.columnId)??0)])),...bt>0?[h("td",{key:"__col-spacer-right",style:{width:`${bt}px`,minWidth:`${bt}px`,maxWidth:`${bt}px`,padding:"0"}})]:[]]));}return q&&W.offsetBottom>0&&_.push(h("tr",{key:"__vs-bottom",style:{height:`${W.offsetBottom}px`}})),_})())]]),...Y&&S.emptyState?[e.renderEmptyState(S.emptyState)]:[]])])])]),...Ee?[h(Teleport,{to:"body"},h(e.GridContextMenu,{x:Ee.x,y:Ee.y,hasSelection:et,canUndo:Ge,canRedo:ct,onUndo:mt??ko,onRedo:ft??ko,onCopy:nt,onCut:st,onPaste:()=>{ut();},onSelectAll:Qe,onClose:vt}))]:[],h(hn,{containerRef:i,selectionRange:se,copyRange:$e,cutRange:dt,colOffset:G,items:ce,visibleColumns:S.visibleColumns instanceof Set?Array.from(S.visibleColumns):S.visibleColumns,columnSizingOverrides:X.columnSizingOverrides,columnOrder:S.columnOrder}),...S.formulaReferences&&S.formulaReferences.length>0?[h(wn,{containerEl:i.value,references:S.formulaReferences,colOffset:G})]:[],h(e.ColumnHeaderMenu,{isOpen:U.isOpen,anchorElement:U.anchorElement,onClose:U.close,onPinLeft:U.handlePinLeft,onPinRight:U.handlePinRight,onUnpin:U.handleUnpin,onSortAsc:U.handleSortAsc,onSortDesc:U.handleSortDesc,onClearSort:U.handleClearSort,onAutosizeThis:U.handleAutosizeThis,onAutosizeAll:U.handleAutosizeAll,canPinLeft:U.canPinLeft,canPinRight:U.canPinRight,canUnpin:U.canUnpin,currentSort:U.currentSort,isSortable:U.isSortable,isResizable:U.isResizable}),...z?[h(Rn,{totalCount:z.totalCount,filteredCount:z.filteredCount,selectedCount:z.selectedCount??me.size,selectedCellCount:se?(Math.abs(se.endRow-se.startRow)+1)*(Math.abs(se.endCol-se.startCol)+1):void 0,aggregation:z.aggregation,suppressRowCount:z.suppressRowCount})]:[],...re?[h("div",{class:"ogrid-loading-overlay"},e.renderSpinner(be))]:[]])}}})}var it={width:"100%",height:"100%",display:"flex",alignItems:"center",padding:"0 2px",boxSizing:"border-box"};function Ga(e){let{renderCheckbox:l}=e;return defineComponent({name:"InlineCellEditor",props:{value:{default:void 0},item:{type:Object,required:true},column:{type:Object,required:true},rowIndex:{type:Number,required:true},editorType:{type:String,required:true},onCommit:{type:Function,required:true},onCancel:{type:Function,required:true}},setup(t){let o=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}o.value?.focus({preventScroll:true}),o.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:{...it,justifyContent:"center"}},l({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:{...it,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:{...it,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"),J=(S.getUTCMonth()+1).toString().padStart(2,"0"),Z=S.getUTCDate().toString().padStart(2,"0");t.onCommit(`${X}-${J}-${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:it},h("input",{ref:S=>{o.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:it},h("input",{ref:F=>{o.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:it},h("input",{ref:g=>{o.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 $a=240,Vn=36,gn={columns:"Columns",filters:"Filters"},qa={columns:"\u2261",filters:"\u2A65"};function Ao(e){let l=e.activePanel!==null,t=e.position??"right",o={display:"flex",flexDirection:"column",width:`${Vn}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:o,role:"tablist","aria-label":"Side bar tabs"},e.panels.map(a=>h("button",{key:a,role:"tab","aria-selected":e.activePanel===a,"aria-label":gn[a],title:gn[a],onClick:()=>e.onPanelChange(e.activePanel===a?null:a),style:{width:`${Vn}px`,height:`${Vn}px`,border:"none",cursor:"pointer",color:"var(--ogrid-fg, #242424)",fontSize:"14px",display:"flex",alignItems:"center",justifyContent:"center",background:e.activePanel===a?"var(--ogrid-bg, #fff)":"transparent",fontWeight:e.activePanel===a?"bold":"normal"}},qa[a]))),m=null;if(l&&e.activePanel){let a={width:`${$a}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":gn[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,gn[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 Xa(e){return defineComponent({name:"OGrid",props:{gridProps:{type:Object,required:true}},setup(l,{expose:t}){let o=computed(()=>l.gridProps),{dataGridProps:i,pagination:m,columnChooser:s,layout:a,api:u}=Mt(o);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(Ao(c)),b.push(g),C&&r!=="left"&&b.push(Ao(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{bn as FormulaBar,wn as FormulaRefOverlay,hn as MarchingAntsOverlay,yn as SheetTabs,Rn as StatusBar,Fa as createDataGridTable,Ga as createInlineCellEditor,Xa as createOGrid,un as getCellInteractionProps,Lt as useActiveCell,At as useCellEditing,Bt as useCellSelection,Vt as useClipboard,Do as useColumnChooserState,Po as useColumnHeaderFilterState,qt as useColumnHeaderMenuState,Kt as useColumnPinning,on as useColumnReorder,jt as useColumnResize,Ht as useContextMenu,Xt as useDataGridState,sn as useDataGridTableSetup,tn as useDateFilterState,Yt as useDebounce,yo as useDebouncedCallback,Nt as useFillHandle,Ft as useFilterOptions,Ut as useFormulaBar,Fo as useInlineCellEditorState,Gt as useKeyboardNavigation,Jt as useMultiSelectFilterState,Mt as useOGrid,en as usePeopleFilterState,Oo as useRichSelectState,kt as useRowSelection,yt as useSideBarState,Wt as useTableLayout,Zt as useTextFilterState,_t as useUndoRedo,rn 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,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+te*ee,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,8 +1,8 @@
1
- /* OGrid Shared Layout Styles consumed by vue-vuetify and vue-primevue */
1
+ /* OGrid Shared Layout Styles - consumed by vue-vuetify and vue-primevue */
2
2
 
3
3
  /* Remove focus outline from scrollable wrapper (keyboard nav is handled via cell outlines).
4
4
  [role="region"][tabindex] has attribute-selector specificity (0,2,0) which beats any
5
- framework's single-class or element rule no !important needed. */
5
+ framework's single-class or element rule - no !important needed. */
6
6
  [role="region"][tabindex="0"] {
7
7
  outline: none;
8
8
  }
@@ -133,6 +133,22 @@
133
133
  min-width: 24px;
134
134
  height: 24px;
135
135
  transition: background-color 0.15s;
136
+ /* Always reserve space so the sort arrow never shifts when the menu button appears.
137
+ On hover-capable devices: hidden by default, revealed on column hover. */
138
+ }
139
+
140
+ @media (hover: hover) {
141
+ .ogrid-column-menu-btn {
142
+ visibility: hidden;
143
+ }
144
+
145
+ th:hover .ogrid-column-menu-btn {
146
+ visibility: visible;
147
+ }
148
+ }
149
+
150
+ .ogrid-column-menu-btn:focus-visible {
151
+ visibility: visible;
136
152
  }
137
153
 
138
154
  .ogrid-column-menu-btn:hover {
@@ -301,7 +317,7 @@
301
317
  z-index: var(--ogrid-z-active-cell, 2);
302
318
  position: relative;
303
319
  background: var(--ogrid-bg, #fff);
304
- overflow: visible;
320
+ overflow: hidden;
305
321
  padding: 0;
306
322
  }
307
323
 
@@ -49,7 +49,9 @@ export interface DataGridEditingState<T> {
49
49
  } | null) => void;
50
50
  pendingEditorValue: unknown;
51
51
  setPendingEditorValue: (value: unknown) => void;
52
- commitCellEdit: (item: T, columnId: string, oldValue: unknown, newValue: unknown, rowIndex: number, globalColIndex: number) => void;
52
+ commitCellEdit: (item: T, columnId: string, oldValue: unknown, newValue: unknown, rowIndex: number, globalColIndex: number, options?: {
53
+ skipAdvance?: boolean;
54
+ }) => void;
53
55
  cancelPopoverEdit: () => void;
54
56
  popoverAnchorEl: HTMLElement | null;
55
57
  setPopoverAnchorEl: (el: HTMLElement | null) => void;
@@ -1,5 +1,5 @@
1
- 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, } from '@alaarab/ogrid-core';
2
- 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, } from '@alaarab/ogrid-core';
1
+ 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';
2
+ 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';
3
3
  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';
4
4
  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';
5
5
  export type { IColumnDef, ICellEditorProps, IOGridProps, IOGridClientProps, IOGridServerProps, IOGridDataGridProps, } from './types';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alaarab/ogrid-vue",
3
- "version": "2.5.6",
3
+ "version": "2.5.8",
4
4
  "description": "OGrid Vue – Vue 3 composables, headless components, and utilities for OGrid data grids.",
5
5
  "main": "dist/esm/index.js",
6
6
  "module": "dist/esm/index.js",
@@ -36,7 +36,7 @@
36
36
  "node": ">=18"
37
37
  },
38
38
  "dependencies": {
39
- "@alaarab/ogrid-core": "2.5.5"
39
+ "@alaarab/ogrid-core": "2.5.7"
40
40
  },
41
41
  "peerDependencies": {
42
42
  "vue": "^3.3.0"