@alaarab/ogrid-angular-primeng 2.6.0 → 2.7.0

package/dist/esm/index.js

@@ -1,1174 +1,16 @@
-import {INLINE_CELL_EDITOR_STYLES,INLINE_CELL_EDITOR_TEMPLATE,POPOVER_CELL_EDITOR_OVERLAY_STYLES,POPOVER_CELL_EDITOR_TEMPLATE,OGRID_THEME_VARS_CSS,DataGridStateService,ColumnReorderService,VirtualScrollService,StatusBarComponent,GridContextMenuComponent,MarchingAntsOverlayComponent,EmptyStateComponent,FormulaRefOverlayComponent,OGridService,OGridLayoutComponent,BaseColumnHeaderFilterComponent,BaseColumnHeaderMenuComponent,BaseInlineCellEditorComponent,BasePopoverCellEditorComponent,BaseDataGridTableComponent,DEFAULT_MIN_COLUMN_WIDTH,formatCellReference,ROW_NUMBER_COLUMN_ID,indexToColumnLetter,BaseColumnChooserComponent,BasePaginationControlsComponent,ROW_NUMBER_COLUMN_MIN_WIDTH}from'@alaarab/ogrid-angular';export{AUTOSIZE_EXTRA_PX,AUTOSIZE_MAX_PX,BaseColumnChooserComponent,BaseColumnHeaderFilterComponent,BaseDataGridTableComponent,BaseInlineCellEditorComponent,BaseOGridComponent,BasePaginationControlsComponent,BasePopoverCellEditorComponent,CELL_PADDING,CHECKBOX_COLUMN_WIDTH,COLUMN_HEADER_MENU_ITEMS,ColumnReorderService,DEFAULT_DEBOUNCE_MS,DEFAULT_MIN_COLUMN_WIDTH,DataGridEditingHelper,DataGridInteractionHelper,DataGridLayoutHelper,DataGridStateService,EmptyStateComponent,GRID_BORDER_RADIUS,GRID_CONTEXT_MENU_ITEMS,GridContextMenuComponent,INLINE_CELL_EDITOR_STYLES,INLINE_CELL_EDITOR_TEMPLATE,MAX_PAGE_BUTTONS,MarchingAntsOverlayComponent,OGRID_THEME_VARS_CSS,OGridLayoutComponent,OGridService,PAGE_SIZE_OPTIONS,PEOPLE_SEARCH_DEBOUNCE_MS,POPOVER_CELL_EDITOR_OVERLAY_STYLES,POPOVER_CELL_EDITOR_TEMPLATE,ROW_NUMBER_COLUMN_WIDTH,SIDEBAR_TRANSITION_MS,SideBarComponent,StatusBarComponent,UndoRedoStack,VirtualScrollService,Z_INDEX,applyCellDeletion,applyCutClear,applyFillValues,applyPastedValues,applyRangeRowSelection,areGridRowPropsEqual,booleanParser,buildCsvHeader,buildCsvRows,buildHeaderRows,buildInlineEditorProps,buildPopoverEditorProps,calculateDropTarget,clampSelectionToBounds,computeAggregations,computeArrowNavigation,computeAutoScrollSpeed,computeNextSortState,computeRowSelectionState,computeTabNavigation,computeTotalHeight,computeVisibleRange,createDebouncedCallback,createDebouncedSignal,createLatestCallback,currencyParser,dateParser,debounce,deriveFilterOptionsFromData,emailParser,escapeCsvValue,exportToCsv,findCtrlArrowTarget,flattenColumns,formatCellValueForTsv,formatSelectionAsTsv,formatShortcut,getCellRenderDescriptor,getCellValue,getColumnHeaderMenuItems,getContextMenuHandlers,getDataGridStatusBarConfig,getFilterField,getHeaderFilterConfig,getMultiSelectFilterFields,getPaginationViewModel,getPinStateForColumn,getScrollTopForRow,getStatusBarParts,injectGlobalStyles,isFilterConfig,isInSelectionRange,isRowInRange,measureColumnContentWidth,measureRange,mergeFilter,normalizeSelectionRange,numberParser,parseTsvClipboard,parseValue,processClientSideData,rangesEqual,reorderColumnArray,resolveCellDisplayContent,resolveCellStyle,toUserLike,triggerCsvDownload,validateColumns,validateRowIds}from'@alaarab/ogrid-angular';import {ViewChild,Component,ChangeDetectionStrategy,Input,ViewEncapsulation,inject,DestroyRef,effect,computed,signal}from'@angular/core';import {ButtonModule}from'primeng/button';import {MenuModule}from'primeng/menu';var E=Object.defineProperty;var O=Object.getOwnPropertyDescriptor;var e=(d,l,o,r)=>{for(var n=r>1?void 0:r?O(l,o):l,a=d.length-1,s;a>=0;a--)(s=d[a])&&(n=(r?s(l,o,n):s(n))||n);return r&&n&&E(l,o,n),n};var p=class extends BaseColumnHeaderFilterComponent{constructor(){super();this.destroyRef=inject(DestroyRef);this.clickOutsideHandler=o=>{let r=this.filterTrigger?.nativeElement,n=this.filterPanel?.nativeElement;r&&!r.contains(o.target)&&(!n||!n.contains(o.target))&&this.isFilterOpen.set(false);};effect(()=>{if(this.isFilterOpen()){this.tempTextValue.set(this.textValue??""),this.searchText.set("");let o=this.selectedValues;this.tempSelected.set(new Set(o??[]));let r=this.dateValue;this.tempDateFrom.set(r?.from??""),this.tempDateTo.set(r?.to??""),document.addEventListener("mousedown",this.clickOutsideHandler,true);}else document.removeEventListener("mousedown",this.clickOutsideHandler,true);}),this.destroyRef.onDestroy(()=>{document.removeEventListener("mousedown",this.clickOutsideHandler,true);});}getHeaderEl(){return this.filterTrigger}handleSortClick(){this.onSort?.();}toggleFilter(){this.isFilterOpen.update(o=>!o);}handleSelectAllOptions(){this.handleSelectAllFiltered();}};e([ViewChild("filterTrigger")],p.prototype,"filterTrigger",2),e([ViewChild("filterPanel")],p.prototype,"filterPanel",2),p=e([Component({selector:"ogrid-primeng-column-header-filter",standalone:true,changeDetection:ChangeDetectionStrategy.OnPush,template:`
-    <div style="display:flex;align-items:center;flex:1;min-width:0;gap:4px">
-      <div style="flex:1;min-width:0;overflow:hidden">
-        <span style="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block" [title]="columnName" data-header-label>
-          {{ columnName }}
-        </span>
-      </div>
-      <div style="display:flex;align-items:center;gap:2px;flex-shrink:0">
-        @if (filterType !== 'none') {
-          <button
-            type="button"
-            #filterTrigger
-            (click)="toggleFilter()"
-            [attr.aria-label]="'Filter ' + columnName"
-            [attr.aria-expanded]="isFilterOpen()"
-            aria-haspopup="dialog"
-            [title]="'Filter ' + columnName"
-            style="border:none;background:transparent;cursor:pointer;padding:2px 4px;font-size:12px;position:relative;color:var(--ogrid-fg, #242424)"
-            [style.font-weight]="hasActiveFilter() ? 'bold' : 'normal'"
-          >
-            &#9662;
-            @if (hasActiveFilter()) {
-              <span style="position:absolute;top:0;right:0;width:6px;height:6px;border-radius:50%;background:var(--ogrid-selection, #217346)"></span>
-            }
-          </button>
-
-          @if (isFilterOpen()) {
-            <div
-              #filterPanel
-              style="position:absolute;top:100%;left:0;z-index:1000;min-width:200px;background:var(--ogrid-bg, #fff);border:1px solid var(--ogrid-border, rgba(0, 0, 0, 0.12));border-radius:6px;box-shadow:0 2px 8px rgba(0,0,0,0.12);font-weight:normal"
-            >
-              <div style="padding:8px 12px;font-weight:600;font-size:12px;border-bottom:1px solid var(--ogrid-border, rgba(0, 0, 0, 0.12))">
-                Filter: {{ columnName }}
-              </div>
-
-              @if (filterType === 'text') {
-                <div style="padding:8px 12px">
-                  <input
-                    type="text"
-                    [value]="tempTextValue()"
-                    (input)="tempTextValue.set($any($event.target).value)"
-                    placeholder="Filter text..."
-                    style="width:100%;box-sizing:border-box;padding:6px 8px;border:1px solid var(--ogrid-border, rgba(0, 0, 0, 0.12));border-radius:4px;font-size:13px;background:var(--ogrid-bg, #fff);color:var(--ogrid-fg, #242424)"
-                    [attr.aria-label]="'Filter ' + columnName"
-                  />
-                </div>
-                <div style="display:flex;justify-content:flex-end;gap:6px;padding:6px 12px;border-top:1px solid var(--ogrid-border, rgba(0, 0, 0, 0.12))">
-                  <button
-                    type="button"
-                    class="p-button p-button-text p-button-sm"
-                    (click)="handleTextClear()"
-                    [disabled]="!textValue"
-                    style="font-size:12px"
-                  >Clear</button>
-                  <button
-                    type="button"
-                    class="p-button p-button-sm"
-                    (click)="handleTextApply()"
-                    style="font-size:12px"
-                  >Apply</button>
-                </div>
-              }
-
-              @if (filterType === 'multiSelect') {
-                <div style="padding:8px 12px">
-                  <input
-                    type="text"
-                    [value]="searchText()"
-                    (input)="searchText.set($any($event.target).value)"
-                    placeholder="Search options..."
-                    style="width:100%;box-sizing:border-box;padding:6px 8px;border:1px solid var(--ogrid-border, rgba(0, 0, 0, 0.12));border-radius:4px;font-size:13px;margin-bottom:6px;background:var(--ogrid-bg, #fff);color:var(--ogrid-fg, #242424)"
-                    [attr.aria-label]="'Search ' + columnName + ' options'"
-                  />
-                  @if (isLoadingOptions) {
-                    <div style="padding:8px 0;color:var(--ogrid-fg-muted, rgba(0, 0, 0, 0.5));font-size:12px">Loading...</div>
-                  } @else {
-                    <div style="display:flex;gap:4px;margin-bottom:6px">
-                      <button type="button" class="p-button p-button-text p-button-sm" (click)="handleSelectAllOptions()" style="font-size:11px">All</button>
-                      <button type="button" class="p-button p-button-text p-button-sm" (click)="handleClearSelection()" style="font-size:11px">None</button>
-                    </div>
-                    <div style="max-height:160px;overflow-y:auto" role="group" [attr.aria-label]="columnName + ' filter options'">
-                      @for (opt of filteredOptions(); track opt) {
-                        <label style="display:flex;align-items:center;gap:6px;padding:2px 0;cursor:pointer;font-size:13px">
-                          <input
-                            type="checkbox"
-                            [checked]="tempSelected().has(opt)"
-                            (change)="handleCheckboxChange(opt, $event)"
-                          />
-                          {{ opt }}
-                        </label>
-                      }
-                    </div>
-                  }
-                </div>
-                <div style="display:flex;justify-content:flex-end;gap:6px;padding:6px 12px;border-top:1px solid var(--ogrid-border, rgba(0, 0, 0, 0.12))">
-                  <button
-                    type="button"
-                    class="p-button p-button-sm"
-                    (click)="handleApplyMultiSelect()"
-                    style="font-size:12px"
-                  >Apply</button>
-                </div>
-              }
-
-              @if (filterType === 'people') {
-                <div style="padding:8px 12px">
-                  @if (selectedUser) {
-                    <div style="display:flex;align-items:center;justify-content:space-between;padding:4px 0;margin-bottom:4px">
-                      <span style="font-size:13px">{{ selectedUser!.displayName ?? selectedUser!.email }}</span>
-                      <button type="button" class="p-button p-button-text p-button-sm" (click)="handleClearUser()" style="font-size:11px">Clear</button>
-                    </div>
-                  }
-                  <input
-                    type="text"
-                    [value]="peopleSearchText()"
-                    (input)="onPeopleSearchInput($event)"
-                    placeholder="Search people..."
-                    style="width:100%;box-sizing:border-box;padding:6px 8px;border:1px solid var(--ogrid-border, rgba(0, 0, 0, 0.12));border-radius:4px;font-size:13px;background:var(--ogrid-bg, #fff);color:var(--ogrid-fg, #242424)"
-                    [attr.aria-label]="'Search people for ' + columnName"
-                  />
-                  @if (isPeopleLoading()) {
-                    <div style="padding:8px 0;color:var(--ogrid-fg-muted, rgba(0, 0, 0, 0.5));font-size:12px">Loading...</div>
-                  }
-                  @for (user of peopleSuggestions(); track user.email) {
-                    <button
-                      type="button"
-                      (click)="handleUserSelect(user)"
-                      style="display:block;width:100%;text-align:left;padding:6px 0;border:none;background:transparent;cursor:pointer;font-size:13px;color:var(--ogrid-fg, #242424)"
-                    >
-                      {{ user.displayName ?? user.email }}
-                    </button>
-                  }
-                </div>
-              }
-
-              @if (filterType === 'date') {
-                <div style="padding:8px 12px;display:flex;flex-direction:column;gap:6px">
-                  <label style="display:flex;align-items:center;gap:6px;font-size:12px">
-                    From:
-                    <input
-                      type="date"
-                      [value]="tempDateFrom()"
-                      (change)="tempDateFrom.set($any($event.target).value)"
-                      style="flex:1;padding:4px 6px;border:1px solid var(--ogrid-border, rgba(0, 0, 0, 0.12));border-radius:4px;background:var(--ogrid-bg, #fff);color:var(--ogrid-fg, #242424)"
-                    />
-                  </label>
-                  <label style="display:flex;align-items:center;gap:6px;font-size:12px">
-                    To:
-                    <input
-                      type="date"
-                      [value]="tempDateTo()"
-                      (change)="tempDateTo.set($any($event.target).value)"
-                      style="flex:1;padding:4px 6px;border:1px solid var(--ogrid-border, rgba(0, 0, 0, 0.12));border-radius:4px;background:var(--ogrid-bg, #fff);color:var(--ogrid-fg, #242424)"
-                    />
-                  </label>
-                </div>
-                <div style="display:flex;justify-content:flex-end;gap:6px;padding:6px 12px;border-top:1px solid var(--ogrid-border, rgba(0, 0, 0, 0.12))">
-                  <button
-                    type="button"
-                    class="p-button p-button-text p-button-sm"
-                    (click)="handleDateClear()"
-                    [disabled]="!tempDateFrom() && !tempDateTo()"
-                    style="font-size:12px"
-                  >Clear</button>
-                  <button
-                    type="button"
-                    class="p-button p-button-sm"
-                    (click)="handleDateApply()"
-                    style="font-size:12px"
-                  >Apply</button>
-                </div>
-              }
-            </div>
-          }
-        }
-      </div>
-    </div>
-  `,styles:[`
-    :host {
-      display: flex;
-      position: relative;
-      flex: 1;
-      min-width: 0;
-    }
-  `]})],p);var c=class extends BaseColumnHeaderMenuComponent{constructor(){super(...arguments);this.menuModel=computed(()=>{let o=[];for(let r of this.menuItems())o.push({label:r.label,disabled:r.disabled,command:()=>this.handleMenuItemClick(r.id)}),r.divider&&o.push({separator:true});return o});}};e([ViewChild("menu")],c.prototype,"menuRef",2),c=e([Component({selector:"column-header-menu",standalone:true,imports:[ButtonModule,MenuModule],changeDetection:ChangeDetectionStrategy.OnPush,template:`
-    <button
-      pButton
-      type="button"
-      icon="pi pi-ellipsis-v"
-      class="p-button-text p-button-sm column-header-menu-trigger"
-      (click)="menu.toggle($event)"
-      [attr.aria-label]="'Column options for ' + columnId"
-    ></button>
-
-    <p-menu
-      #menu
-      [model]="menuModel()"
-      [popup]="true"
-      appendTo="body"
-    ></p-menu>
-  `,styles:[`
-    .column-header-menu-trigger {
-      padding: 0.25rem;
-      min-width: 24px;
-      height: 24px;
-      display: inline-flex;
-      align-items: center;
-      justify-content: center;
-      color: var(--ogrid-fg-secondary, rgba(0, 0, 0, 0.6));
-      border-radius: 4px;
-      transition: background-color 0.15s;
-    }
-    /* Always reserve space; hide on hover-capable devices until column is hovered.
-       The th:hover rule lives in the parent (ViewEncapsulation.None) styles. */
-    @media (hover: hover) {
-      .column-header-menu-trigger { visibility: hidden; }
-    }
-    .column-header-menu-trigger:hover {
-      background: var(--ogrid-hover-bg, rgba(0, 0, 0, 0.04));
-      color: var(--ogrid-fg, rgba(0, 0, 0, 0.87));
-    }
-  `]})],c);var u=class extends BaseInlineCellEditorComponent{};u=e([Component({selector:"ogrid-primeng-inline-cell-editor",standalone:true,changeDetection:ChangeDetectionStrategy.OnPush,template:INLINE_CELL_EDITOR_TEMPLATE,styles:[INLINE_CELL_EDITOR_STYLES]})],u);var g=class extends BasePopoverCellEditorComponent{};g=e([Component({selector:"ogrid-primeng-popover-cell-editor",standalone:true,changeDetection:ChangeDetectionStrategy.OnPush,template:POPOVER_CELL_EDITOR_TEMPLATE,styles:[`
-    ${POPOVER_CELL_EDITOR_OVERLAY_STYLES}
-    .ogrid-popover-anchor {
-      padding: 6px 10px; min-height: 20px; cursor: default; overflow: hidden;
-      text-overflow: ellipsis; white-space: nowrap;
-      outline: 2px solid var(--ogrid-selection, #217346); outline-offset: -2px;
-    }
-  `]})],g);var t=class extends BaseDataGridTableComponent{constructor(){super();this.sortBy=void 0;this.sortDirection="asc";this.columnOrder=void 0;this.onColumnOrderChange=void 0;this.onColumnResized=void 0;this.onColumnPinned=void 0;this.pinnedColumnsInput=void 0;this.initialColumnWidths=void 0;this.layoutMode="fill";this.suppressHorizontalScroll=void 0;this.stickyHeaderInput=void 0;this.columnReorder=void 0;this.isLoadingInput=false;this.loadingMessageInput="Loading\u2026";this.editable=void 0;this.cellSelection=void 0;this.onCellValueChanged=void 0;this.onUndoInput=void 0;this.onRedoInput=void 0;this.canUndoInput=void 0;this.canRedoInput=void 0;this.rowSelectionMode="none";this.selectedRows=void 0;this.onSelectionChange=void 0;this.statusBar=void 0;this.filterOptions={};this.loadingFilterOptions={};this.peopleSearch=void 0;this.getUserByEmail=void 0;this.emptyStateInput=void 0;this.onCellError=void 0;this.ariaLabelInput=void 0;this.ariaLabelledByInput=void 0;this.showRowNumbers=false;this.groupByInput=void 0;this.showColumnLettersInput=false;this.showNameBoxInput=false;this.onActiveCellChange=void 0;this.formulaReferencesInput=void 0;this.currentPageInput=1;this.pageSizeInput=25;this.defaultMinWidth=DEFAULT_MIN_COLUMN_WIDTH;this.statusBarClasses={statusBar:"ogrid-status-bar",statusBarItem:"ogrid-status-bar-item",statusBarLabel:"ogrid-status-bar-label",statusBarValue:"ogrid-status-bar-value"};this.contextMenuClasses={contextMenu:"ogrid-context-menu",contextMenuItem:"ogrid-context-menu-item",contextMenuItemLabel:"ogrid-context-menu-item-label",contextMenuItemShortcut:"ogrid-context-menu-item-shortcut",contextMenuDivider:"ogrid-context-menu-divider"};this.primengColumnSizingOverrides=signal({});this.propsSignal=signal(void 0);this.resizeStartX=0;this.resizeColumnId="";this.resizeStartWidth=0;this.cancelEditHandler=()=>this.cancelEdit();this.showColumnLetters=computed(()=>!!this.getProps()?.showColumnLetters);this.formulaReferences=computed(()=>this.getProps()?.formulaReferences);this.resolvedAriaLabel=computed(()=>this.ariaLabelInput??(this.ariaLabelledByInput?void 0:"Data grid"));this.tableWidthStyle=computed(()=>this.showEmptyInGrid()?"100%":this.allowOverflowX()||this.layoutMode==="content"?"fit-content":"100%");this.tableMinWidthStyle=computed(()=>this.showEmptyInGrid()?"100%":this.allowOverflowX()||this.layoutMode==="content"?"max-content":"100%");this.initBase(),effect(()=>{let r=this.getProps()?.onActiveCellChange;if(!r)return;let n=this.activeCell();if(n){let a=n.columnIndex-this.colOffset(),s=n.rowIndex+1;r(formatCellReference(a,s));}else r(null);});}ngOnChanges(o){if(o.initialColumnWidths){let a=this.initialColumnWidths;a&&this.primengColumnSizingOverrides.set({...a});}let r=this.buildProps(),n=this.propsSignal();(!n||!this.shallowEqual(n,r))&&this.propsSignal.set(r);}shallowEqual(o,r){let n=o,a=r,s=Object.keys(n),f=Object.keys(a);if(s.length!==f.length)return  false;for(let b of s)if(n[b]!==a[b])return  false;return  true}getProps(){return this.propsSignal()}getWrapperRef(){return this.wrapperRef}getTableContainerRef(){return this.tableContainerRefEl}getColumnWidth(o){let r=this.primengColumnSizingOverrides()[o.columnId];return r||(o.idealWidth??o.defaultWidth??o.minWidth??DEFAULT_MIN_COLUMN_WIDTH)}trackByRowId(o,r){return this.getRowIdInput(r)}onSelectAllChangePrimeng(o){this.state().rowSelection.handleSelectAll(o);}onRowClickPrimeng(o,r){if(this.rowSelectionMode!=="single")return;let n=this.getRowIdInput(r),a=this.selectedRowIds();this.state().rowSelection.updateSelection(a.has(n)?new Set:new Set([n]));}onRowCheckboxChangePrimeng(o,r,n,a){let s=this.getRowIdInput(o);this.state().rowSelection.handleRowCheckboxChange(s,r,n,this.lastMouseShift);}onResizeStartPrimeng(o,r){o.preventDefault(),this.state().interaction.setActiveCell?.(null),this.state().interaction.setSelectionRange?.(null),this.getWrapperRef()?.nativeElement.focus({preventScroll:true}),this.resizeStartX=o.clientX,this.resizeColumnId=r.columnId,this.resizeStartWidth=r.columnId===ROW_NUMBER_COLUMN_ID?this.getRowNumberWidth():this.getColumnWidth(r);let n=s=>{let f=s.clientX-this.resizeStartX,b=r.columnId===ROW_NUMBER_COLUMN_ID?ROW_NUMBER_COLUMN_MIN_WIDTH:r.minWidth??DEFAULT_MIN_COLUMN_WIDTH,C=Math.max(b,this.resizeStartWidth+f);this.primengColumnSizingOverrides.update(w=>({...w,[this.resizeColumnId]:C})),this.columnSizingVersion.update(w=>w+1);},a=()=>{window.removeEventListener("pointermove",n,true),window.removeEventListener("pointerup",a,true);let s=this.primengColumnSizingOverrides()[this.resizeColumnId];if(s){this.onColumnResized?.(this.resizeColumnId,s);let f={};for(let[b,C]of Object.entries(this.primengColumnSizingOverrides()))f[b]={widthPx:C};this.state().layout.setColumnSizingOverrides(f);}};window.addEventListener("pointermove",n,true),window.addEventListener("pointerup",a,true);}onResizeRowNumber(o){o.stopPropagation(),this.onResizeStartPrimeng(o,{columnId:ROW_NUMBER_COLUMN_ID,name:"#"});}getRowNumberWidth(){let o=this.primengColumnSizingOverrides()[ROW_NUMBER_COLUMN_ID];return o||super.getRowNumberWidth()}buildProps(){return {items:this.itemsInput,columns:this.columns,getRowId:this.getRowIdInput,sortBy:this.sortBy,sortDirection:this.sortDirection,onColumnSort:this.onColumnSort,visibleColumns:this.visibleColumns,columnOrder:this.columnOrder,onColumnOrderChange:this.onColumnOrderChange,onColumnResized:this.onColumnResized,onColumnPinned:this.onColumnPinned,pinnedColumns:this.pinnedColumnsInput,initialColumnWidths:this.initialColumnWidths,layoutMode:this.layoutMode,suppressHorizontalScroll:this.suppressHorizontalScroll,columnReorder:this.columnReorder,isLoading:this.isLoadingInput,loadingMessage:this.loadingMessageInput,editable:this.editable,cellSelection:this.cellSelection,onCellValueChanged:this.onCellValueChanged,onUndo:this.onUndoInput,onRedo:this.onRedoInput,canUndo:this.canUndoInput,canRedo:this.canRedoInput,rowSelection:this.rowSelectionMode,selectedRows:this.selectedRows,onSelectionChange:this.onSelectionChange,showRowNumbers:this.showRowNumbers,showColumnLetters:this.showColumnLettersInput,showNameBox:this.showNameBoxInput,onActiveCellChange:this.onActiveCellChange,currentPage:this.currentPageInput,pageSize:this.pageSizeInput,statusBar:this.statusBar,filters:this.filters,onFilterChange:this.onFilterChange,filterOptions:this.filterOptions,loadingFilterOptions:this.loadingFilterOptions,peopleSearch:this.peopleSearch,getUserByEmail:this.getUserByEmail,emptyState:this.emptyStateInput,onCellError:this.onCellError,stickyHeader:this.stickyHeaderInput,groupBy:this.groupByInput,"aria-label":this.ariaLabelInput,"aria-labelledby":this.ariaLabelledByInput,formulaReferences:this.formulaReferencesInput}}getColumnLetter(o){return indexToColumnLetter(o)}};e([ViewChild("wrapper")],t.prototype,"wrapperRef",2),e([ViewChild("tableContainer")],t.prototype,"tableContainerRefEl",2),e([Input({required:true,alias:"items"})],t.prototype,"itemsInput",2),e([Input({required:true})],t.prototype,"columns",2),e([Input({required:true,alias:"getRowId"})],t.prototype,"getRowIdInput",2),e([Input()],t.prototype,"sortBy",2),e([Input()],t.prototype,"sortDirection",2),e([Input({required:true})],t.prototype,"onColumnSort",2),e([Input({required:true})],t.prototype,"visibleColumns",2),e([Input()],t.prototype,"columnOrder",2),e([Input()],t.prototype,"onColumnOrderChange",2),e([Input()],t.prototype,"onColumnResized",2),e([Input()],t.prototype,"onColumnPinned",2),e([Input({alias:"pinnedColumns"})],t.prototype,"pinnedColumnsInput",2),e([Input()],t.prototype,"initialColumnWidths",2),e([Input()],t.prototype,"layoutMode",2),e([Input()],t.prototype,"suppressHorizontalScroll",2),e([Input()],t.prototype,"stickyHeaderInput",2),e([Input()],t.prototype,"columnReorder",2),e([Input({alias:"isLoading"})],t.prototype,"isLoadingInput",2),e([Input({alias:"loadingMessage"})],t.prototype,"loadingMessageInput",2),e([Input()],t.prototype,"editable",2),e([Input()],t.prototype,"cellSelection",2),e([Input()],t.prototype,"onCellValueChanged",2),e([Input({alias:"onUndo"})],t.prototype,"onUndoInput",2),e([Input({alias:"onRedo"})],t.prototype,"onRedoInput",2),e([Input({alias:"canUndo"})],t.prototype,"canUndoInput",2),e([Input({alias:"canRedo"})],t.prototype,"canRedoInput",2),e([Input({alias:"rowSelection"})],t.prototype,"rowSelectionMode",2),e([Input()],t.prototype,"selectedRows",2),e([Input()],t.prototype,"onSelectionChange",2),e([Input()],t.prototype,"statusBar",2),e([Input({required:true})],t.prototype,"filters",2),e([Input({required:true})],t.prototype,"onFilterChange",2),e([Input()],t.prototype,"filterOptions",2),e([Input()],t.prototype,"loadingFilterOptions",2),e([Input()],t.prototype,"peopleSearch",2),e([Input()],t.prototype,"getUserByEmail",2),e([Input({alias:"emptyState"})],t.prototype,"emptyStateInput",2),e([Input()],t.prototype,"onCellError",2),e([Input({alias:"aria-label"})],t.prototype,"ariaLabelInput",2),e([Input({alias:"aria-labelledby"})],t.prototype,"ariaLabelledByInput",2),e([Input()],t.prototype,"showRowNumbers",2),e([Input({alias:"groupBy"})],t.prototype,"groupByInput",2),e([Input({alias:"showColumnLetters"})],t.prototype,"showColumnLettersInput",2),e([Input({alias:"showNameBox"})],t.prototype,"showNameBoxInput",2),e([Input()],t.prototype,"onActiveCellChange",2),e([Input({alias:"formulaReferences"})],t.prototype,"formulaReferencesInput",2),e([Input({alias:"currentPage"})],t.prototype,"currentPageInput",2),e([Input({alias:"pageSize"})],t.prototype,"pageSizeInput",2),t=e([Component({selector:"ogrid-primeng-datagrid-table",standalone:true,imports:[StatusBarComponent,GridContextMenuComponent,MarchingAntsOverlayComponent,EmptyStateComponent,FormulaRefOverlayComponent,p,c,u,g],changeDetection:ChangeDetectionStrategy.OnPush,encapsulation:ViewEncapsulation.None,providers:[DataGridStateService,ColumnReorderService,VirtualScrollService],template:`
-    <div class="ogrid-root">
-      <div
-        #wrapper
-        tabindex="0"
-        role="region"
-        class="ogrid-scroll-wrapper"
-        [class.ogrid-scroll-wrapper--loading-empty]="isLoading() && items().length === 0"
-        [attr.aria-label]="resolvedAriaLabel()"
-        [attr.aria-labelledby]="ariaLabelledBy()"
-        [attr.data-empty]="showEmptyInGrid() ? 'true' : null"
-        [attr.data-column-count]="state().layout.totalColCount"
-        [attr.data-overflow-x]="allowOverflowX() ? 'true' : 'false'"
-        [attr.data-virtual-scroll]="vsEnabled() ? '' : null"
-        data-ogrid-scroll-container
-        [attr.data-has-selection]="rowSelectionMode !== 'none' ? 'true' : null"
-        (contextmenu)="$event.preventDefault()"
-        (keydown)="onGridKeyDown($event)"
-        (pointerdown)="onWrapperMouseDown($event)"
-        (scroll)="onWrapperScroll($event)"
-        [style.--data-table-column-count]="state().layout.totalColCount"
-        [style.--ogrid-row-height]="rowHeightCssVar()"
-      >
-        <div class="ogrid-table-wrapper">
-          <div [class.loading-dimmed]="isLoading() && items().length > 0" class="ogrid-table-wrapper">
-            <div #tableContainer class="ogrid-table-wrapper">
-              <table class="ogrid-table" role="grid" [attr.data-virtual-scroll]="vsEnabled() ? '' : null">
-                <thead [class]="stickyHeader() ? 'ogrid-thead ogrid-sticky-header' : 'ogrid-thead'">
-                  @if (showColumnLetters()) {
-                    <tr class="ogrid-column-letter-row">
-                      @if (hasCheckboxCol()) {
-                        <th class="ogrid-column-letter-cell"></th>
-                      }
-                      @if (hasRowNumbersCol()) {
-                        <th class="ogrid-column-letter-cell"></th>
-                      }
-                      @for (col of visibleCols(); track col.columnId; let colIdx = $index) {
-                        <th class="ogrid-column-letter-cell">
-                          {{ getColumnLetter(colIdx) }}
-                        </th>
-                      }
-                    </tr>
-                  }
-                  @for (row of headerRows(); track $index; let rowIdx = $index) {
-                    <tr>
-                      @if (rowIdx === headerRows().length - 1 && hasCheckboxCol()) {
-                        <th scope="col" rowSpan="1" class="ogrid-checkbox-header">
-                          <input
-                            type="checkbox"
-                            [checked]="allSelected()"
-                            [indeterminate]="someSelected() && !allSelected()"
-                            (change)="onSelectAllChangePrimeng($any($event.target).checked)"
-                            aria-label="Select all rows"
-                          />
-                        </th>
-                      }
-                      @if (rowIdx === 0 && rowIdx < headerRows().length - 1 && hasCheckboxCol()) {
-                        <th [attr.rowSpan]="headerRows().length - 1"></th>
-                      }
-                      @if (rowIdx === headerRows().length - 1 && hasRowNumbersCol()) {
-                        <th scope="col" rowSpan="1" class="ogrid-row-number-header"
-                          [style.width.px]="getRowNumberWidth()"
-                          [style.min-width.px]="getRowNumberWidth()"
-                          [style.max-width.px]="getRowNumberWidth()"
-                        >
-                          #
-                          <div
-                            class="ogrid-resize-handle"
-                            (pointerdown)="onResizeRowNumber($event)"
-                            (dblclick)="$event.stopPropagation()"
-                          ></div>
-                        </th>
-                      }
-                      @if (rowIdx === 0 && rowIdx < headerRows().length - 1 && hasRowNumbersCol()) {
-                        <th [attr.rowSpan]="headerRows().length - 1" class="ogrid-row-number-spacer"></th>
-                      }
-                      @for (cell of row; track cell.columnDef?.columnId ?? $index; let cellIdx = $index) {
-                        @if (cell.isGroup) {
-                          <th
-                            [attr.colSpan]="cell.colSpan"
-                            scope="colgroup"
-                            class="ogrid-column-group-header"
-                          >
-                            {{ cell.label }}
-                          </th>
-                        } @else {
-                          @let col = asColumnDef(cell.columnDef);
-                          @let pinned = isPinned(col.columnId);
-                          @let config = getFilterConfig(col);
-                          @let sortState = getSortState(col.columnId);
-                          @let ariaSort = sortState === 'asc' ? 'ascending' : sortState === 'desc' ? 'descending' : null;
-                          <th
-                            scope="col"
-                            class="ogrid-header-cell"
-                            [attr.data-column-id]="col.columnId"
-                            [attr.aria-sort]="ariaSort"
-                            [attr.rowSpan]="headerRows().length > 1 && rowIdx < headerRows().length - 1 ? headerRows().length - rowIdx : null"
-                            [class.ogrid-th-pinned-left]="pinned === 'left'"
-                            [class.ogrid-th-pinned-right]="pinned === 'right'"
-                            [style.min-width.px]="getEffectiveMinWidth(col)"
-                            [style.width.px]="getColumnWidth(col)"
-                            [style.max-width.px]="getColumnWidth(col)"
-                            [style.left.px]="pinned === 'left' ? getPinnedLeftOffset(col.columnId) : null"
-                            [style.right.px]="pinned === 'right' ? getPinnedRightOffset(col.columnId) : null"
-                            [style.cursor]="columnReorderService.isDragging() ? 'grabbing' : 'grab'"
-                            (pointerdown)="onHeaderMouseDown(col.columnId, $event)"
-                          >
-                            <div class="ogrid-header-content">
-                              <ogrid-primeng-column-header-filter
-                                [columnKey]="col.columnId"
-                                [columnName]="col.name"
-                                [filterType]="config.filterType"
-                                [isSorted]="config.isSorted ?? false"
-                                [isSortedDescending]="config.isSortedDescending ?? false"
-                                [onSort]="config.onSort"
-                                [selectedValues]="config.selectedValues"
-                                [onFilterChange]="config.onFilterChange"
-                                [options]="config.options ?? []"
-                                [isLoadingOptions]="config.isLoadingOptions ?? false"
-                                [textValue]="config.textValue ?? ''"
-                                [onTextChange]="config.onTextChange"
-                                [selectedUser]="config.selectedUser"
-                                [onUserChange]="config.onUserChange"
-                                [peopleSearch]="config.peopleSearch"
-                                [dateValue]="config.dateValue"
-                                [onDateChange]="config.onDateChange"
-                              ></ogrid-primeng-column-header-filter>
-                              @let colPinState = getPinState(col.columnId);
-                              <column-header-menu
-                                [columnId]="col.columnId"
-                                [canPinLeft]="colPinState.canPinLeft"
-                                [canPinRight]="colPinState.canPinRight"
-                                [canUnpin]="colPinState.canUnpin"
-                                [currentSort]="sortState"
-                                [isSortable]="col.sortable !== false"
-                                [isResizable]="col.resizable !== false"
-                                [handlers]="getColumnMenuHandlersMemoized(col.columnId)"
-                              />
-                            </div>
-                            <div
-                              class="ogrid-resize-handle"
-                              (pointerdown)="onResizeStartPrimeng($event, col)"
-                              (dblclick)="onResizeDoubleClick($event, col)"
-                              [attr.aria-label]="'Resize ' + col.name"
-                            ></div>
-                          </th>
-                        }
-                      }
-                    </tr>
-                  }
-                </thead>
-
-                @if (!showEmptyInGrid()) {
-                  <tbody>
-                    @if (vsEnabled() && vsTopSpacerHeight() > 0) {
-                      <tr [style.height.px]="vsTopSpacerHeight()"></tr>
-                    }
-                    @for (item of vsVisibleItems(); track trackRow(localIdx, item); let localIdx = $index) {
-                      @if (isRowGroupHeader(item)) {
-                        <tr
-                          style="background: var(--ogrid-bg-row-group, var(--ogrid-bg-hover, #f5f5f5)); font-weight: 500"
-                        >
-                          <td [attr.colspan]="totalColCount()" [style.padding-left.px]="$any(item).group.depth * 16 + 8">
-                            <button
-                              (click)="toggleGroup($any(item).group.groupKey)"
-                              (keydown.enter)="$event.preventDefault(); toggleGroup($any(item).group.groupKey)"
-                              (keydown.space)="$event.preventDefault(); toggleGroup($any(item).group.groupKey)"
-                              tabindex="0"
-                              style="background: none; border: none; cursor: pointer; padding: 2px 6px; font: inherit; display: inline-flex; align-items: center; gap: 6px"
-                            >
-                              <span style="display: inline-block; transition: transform 0.15s; font-size: 12px"
-                                [style.transform]="rowGroupExpandedGroups().has($any(item).group.groupKey) ? 'rotate(90deg)' : 'rotate(0deg)'"
-                              >&#9654;</span>
-                              <span>{{ $any(item).group.displayText }} ({{ $any(item).group.itemCount }})</span>
-                            </button>
-                          </td>
-                        </tr>
-                      } @else {
-                      @let rowIndex = vsStartIndex() + localIdx;
-                      @let rowId = getRowIdInput(item);
-                      @let isSelected = selectedRowIds().has(rowId);
-                      <tr
-                        [attr.data-row-id]="rowId"
-                        [attr.aria-selected]="isSelected || null"
-                        [style.background]="isSelected ? 'var(--ogrid-selected-bg, #e8f0fe)' : null"
-                        (click)="onRowClickPrimeng($event, item)"
-                      >
-                        @if (hasCheckboxCol()) {
-                          <td
-                            class="ogrid-checkbox-cell"
-                            [attr.data-row-index]="rowIndex"
-                            [attr.data-col-index]="0"
-                            (click)="$event.stopPropagation()"
-                          >
-                            <input
-                              type="checkbox"
-                              [checked]="isSelected"
-                              (change)="onRowCheckboxChangePrimeng(item, $any($event.target).checked, rowIndex, $event)"
-                              [attr.aria-label]="'Select row ' + (rowIndex + 1)"
-                            />
-                          </td>
-                        }
-                        @if (hasRowNumbersCol()) {
-                          <td class="ogrid-row-number-cell"
-                            [style.width.px]="getRowNumberWidth()"
-                            [style.min-width.px]="getRowNumberWidth()"
-                            [style.max-width.px]="getRowNumberWidth()"
-                          >
-                            {{ rowNumberOffset() + rowIndex + 1 }}
-                          </td>
-                        }
-                        @if (vsColumnsEnabled() && vsLeftSpacerWidth() > 0) {
-                          <td [style.width.px]="vsLeftSpacerWidth()" [style.minWidth.px]="vsLeftSpacerWidth()" [style.maxWidth.px]="vsLeftSpacerWidth()" [style.padding]="'0'"></td>
-                        }
-                        @for (col of vsVisibleCols(); track col.columnId) {
-                          @let pinned = isPinned(col.columnId);
-                          <td
-                            [attr.data-column-id]="col.columnId"
-                            [class.ogrid-td-pinned-left]="pinned === 'left'"
-                            [class.ogrid-td-pinned-right]="pinned === 'right'"
-                            class="ogrid-data-cell"
-                            [style.min-width.px]="getEffectiveMinWidth(col)"
-                            [style.width.px]="getColumnWidth(col)"
-                            [style.max-width.px]="getColumnWidth(col)"
-                            [style.left.px]="pinned === 'left' ? getPinnedLeftOffset(col.columnId) : null"
-                            [style.right.px]="pinned === 'right' ? getPinnedRightOffset(col.columnId) : null"
-                            [style.text-align]="col.type === 'numeric' ? 'right' : null"
-                          >
-                            @let descriptor = getCellDescriptor(item, col, rowIndex, getGlobalColIndex(col));
-                            @if (descriptor.mode === 'editing-inline') {
-                              <div class="ogrid-editing-cell">
-                              <ogrid-primeng-inline-cell-editor
-                                [value]="descriptor.value"
-                                [item]="item"
-                                [column]="col"
-                                [rowIndex]="rowIndex"
-                                [editorType]="descriptor.editorType ?? 'text'"
-                                (commit)="commitEdit(item, col.columnId, descriptor.value, $event, rowIndex, descriptor.globalColIndex)"
-                                (cancel)="cancelEdit()"
-                              ></ogrid-primeng-inline-cell-editor>
-                              </div>
-                            } @else if (descriptor.mode === 'editing-popover') {
-                              @let editorProps = buildPopoverEditorProps(item, col, descriptor);
-                              <ogrid-primeng-popover-cell-editor
-                                [item]="item"
-                                [column]="col"
-                                [rowIndex]="rowIndex"
-                                [globalColIndex]="descriptor.globalColIndex"
-                                [displayValue]="descriptor.displayValue"
-                                [editorProps]="editorProps"
-                                [onCancel]="cancelEditHandler"
-                              ></ogrid-primeng-popover-cell-editor>
-                            } @else {
-                              <div
-                                [attr.data-row-index]="rowIndex"
-                                [attr.data-col-index]="descriptor.globalColIndex"
-                                [attr.data-active-cell]="descriptor.isActive ? 'true' : null"
-                                [attr.data-in-range]="descriptor.isInRange ? 'true' : null"
-                                [attr.tabindex]="descriptor.isActive ? 0 : -1"
-                                (pointerdown)="onCellMouseDown($event, rowIndex, descriptor.globalColIndex)"
-                                (click)="onCellClick(rowIndex, descriptor.globalColIndex)"
-                                (dblclick)="descriptor.canEditAny ? onCellDblClick(descriptor.rowId, col.columnId) : null"
-                                (contextmenu)="onCellContextMenu($event)"
-                                class="ogrid-cell-content"
-                                [style.cursor]="descriptor.canEditAny ? 'cell' : 'default'"
-                                [style.background]="descriptor.isInRange && !descriptor.isActive ? 'var(--ogrid-range-bg, rgba(33, 115, 70, 0.08))' : (descriptor.isActive && descriptor.isInRange ? 'var(--ogrid-bg, #fff)' : null)"
-                                [style.outline]="descriptor.isActive && !descriptor.isInRange ? '2px solid var(--ogrid-selection, #217346)' : null"
-                                [style.outline-offset]="descriptor.isActive && !descriptor.isInRange ? '-2px' : null"
-                              >
-                                @if (col.type === 'boolean') {
-                                  <input type="checkbox" [checked]="!!descriptor.displayValue" [disabled]="!descriptor.canEditAny" (change)="descriptor.canEditAny ? commitBooleanEdit(item, col.columnId, !!descriptor.displayValue, rowIndex, descriptor.globalColIndex) : null" (pointerdown)="onBooleanCheckboxPointerDown($event, rowIndex, descriptor.globalColIndex)" (click)="$event.stopPropagation()" style="margin:0;outline:none" [style.cursor]="descriptor.canEditAny ? 'pointer' : 'default'" [attr.aria-label]="descriptor.displayValue ? 'Checked' : 'Unchecked'" />
-                                } @else {
-                                  <span [style]="resolveCellStyleFn(col, item, descriptor.displayValue)">{{ resolveCellContent(col, item, descriptor.displayValue) }}</span>
-                                }
-                                @if (descriptor.canEditAny && descriptor.isSelectionEndCell) {
-                                  <div
-                                    (pointerdown)="onFillHandleMouseDown($event)"
-                                    class="ogrid-fill-handle"
-                                    aria-label="Fill handle"
-                                  ></div>
-                                }
-                              </div>
-                            }
-                          </td>
-                        }
-                        @if (vsColumnsEnabled() && vsRightSpacerWidth() > 0) {
-                          <td [style.width.px]="vsRightSpacerWidth()" [style.minWidth.px]="vsRightSpacerWidth()" [style.maxWidth.px]="vsRightSpacerWidth()" [style.padding]="'0'"></td>
-                        }
-                      </tr>
-                      }
-                    }
-                    @if (vsEnabled() && vsBottomSpacerHeight() > 0) {
-                      <tr [style.height.px]="vsBottomSpacerHeight()"></tr>
-                    }
-                  </tbody>
-                }
-              </table>
-
-              <ogrid-marching-ants-overlay
-                [containerEl]="tableContainerEl()"
-                [selectionRange]="state().interaction.selectionRange"
-                [copyRange]="state().interaction.copyRange"
-                [cutRange]="state().interaction.cutRange"
-                [colOffset]="state().layout.colOffset"
-                [columnSizingVersion]="columnSizingVersion()"
-                [items]="items()"
-                [visibleColumns]="propsVisibleColumns()"
-                [columnOrder]="propsColumnOrder()"
-              ></ogrid-marching-ants-overlay>
-
-              @if (formulaReferences() && formulaReferences()!.length > 0) {
-                <ogrid-formula-ref-overlay
-                  [containerEl]="tableContainerEl()"
-                  [references]="formulaReferences()!"
-                  [colOffset]="colOffset()"
-                />
-              }
-
-              @if (showEmptyInGrid() && emptyState()) {
-                <div class="ogrid-empty-container">
-                  <div>
-                    <div class="ogrid-empty-title">No results found</div>
-                    <ogrid-empty-state
-                      [message]="emptyState()?.message"
-                      [hasActiveFilters]="emptyState()?.hasActiveFilters ?? false"
-                      [render]="emptyState()?.render"
-                      (clearAll)="emptyState()?.onClearAll()"
-                    ></ogrid-empty-state>
-                  </div>
-                </div>
-              }
-            </div>
-          </div>
-        </div>
-      </div>
-
-      @if (columnReorderService.isDragging() && columnReorderService.dropIndicatorX() !== null) {
-        <div class="ogrid-drop-indicator" [style.left.px]="columnReorderService.dropIndicatorX()"></div>
-      }
-
-      @if (menuPosition()) {
-        <ogrid-context-menu
-          [x]="menuPosition()!.x"
-          [y]="menuPosition()!.y"
-          [hasSelection]="hasCellSelection()"
-          [canUndoProp]="canUndo()"
-          [canRedoProp]="canRedo()"
-          [classNames]="contextMenuClasses"
-          (copyAction)="handleCopy()"
-          (cutAction)="handleCut()"
-          (pasteAction)="handlePaste()"
-          (selectAllAction)="handleSelectAllCells()"
-          (undoAction)="onUndo()"
-          (redoAction)="onRedo()"
-          (closeAction)="closeContextMenu()"
-        ></ogrid-context-menu>
-      }
-
-      @let sbConfig = statusBarConfig();
-      @if (sbConfig) {
-        <ogrid-status-bar
-          [totalCount]="sbConfig.totalCount"
-          [filteredCount]="sbConfig.filteredCount"
-          [selectedCount]="sbConfig.selectedCount ?? selectedRowIds().size"
-          [selectedCellCount]="selectionCellCount()"
-          [aggregation]="sbConfig.aggregation"
-          [suppressRowCount]="sbConfig.suppressRowCount"
-          [classNames]="statusBarClasses"
-        ></ogrid-status-bar>
-      }
-
-      @if (isLoading()) {
-        <div class="ogrid-loading-overlay" aria-live="polite">
-          <div class="ogrid-loading-content">
-            <span class="ogrid-loading-text">{{ loadingMessage() }}</span>
-          </div>
-        </div>
-      }
-    </div>
-  `,styles:[OGRID_THEME_VARS_CSS,`
-    :host { display: block; }
-    .ogrid-root {
-      position: relative;
-      flex: 1;
-      min-height: 0;
-      display: flex;
-      flex-direction: column;
-      overflow: hidden;
-    }
-    .ogrid-scroll-wrapper {
-      overflow: auto;
-      position: relative;
-      background: var(--ogrid-bg, #ffffff);
-      color: var(--ogrid-fg, rgba(0, 0, 0, 0.87));
-    }
-    .ogrid-scroll-wrapper[data-virtual-scroll] { flex: 1; min-height: 0; }
-    .ogrid-scroll-wrapper--loading-empty { min-height: 200px; }
-    .ogrid-table-wrapper {
-      position: relative;
-      overflow-x: clip;
-    }
-    .ogrid-table {
-      width: var(--data-table-width, 100%);
-      min-width: var(--data-table-min-width, 100%);
-      border-collapse: collapse;
-      table-layout: fixed;
-    }
-    .ogrid-table tr th:first-child,
-    .ogrid-table tr td:first-child { border-left: none; }
-    .ogrid-table tbody tr { height: var(--ogrid-row-height, auto); }
-    .ogrid-thead {
-      z-index: 3;
-      background: var(--ogrid-header-bg, #f5f5f5);
-    }
-    .ogrid-sticky-header { position: sticky; top: 0; }
-    .ogrid-sticky-header .ogrid-checkbox-header,
-    .ogrid-sticky-header .ogrid-row-number-header { position: sticky; top: 0; }
-    .ogrid-checkbox-header {
-      width: 48px;
-      min-width: 48px;
-      max-width: 48px;
-      text-align: center;
-      background: var(--ogrid-header-bg, #f5f5f5);
-      border-bottom: 2px solid var(--ogrid-border, rgba(0, 0, 0, 0.12));
-      z-index: 3;
-    }
-    .ogrid-row-number-header {
-      text-align: center;
-      font-weight: 600;
-      background: var(--ogrid-header-bg, #f5f5f5);
-      border-bottom: 2px solid var(--ogrid-border, rgba(0, 0, 0, 0.12));
-      z-index: 3;
-      position: relative;
-    }
-    .ogrid-row-number-spacer {
-      background: var(--ogrid-header-bg, #f5f5f5);
-    }
-    .ogrid-column-group-header {
-      text-align: center;
-      font-weight: 600;
-      background: var(--ogrid-header-bg, #f5f5f5);
-      border-bottom: 2px solid var(--ogrid-border, rgba(0, 0, 0, 0.12));
-      padding: 6px 10px;
-    }
-    .ogrid-header-cell {
-      background: var(--ogrid-header-bg, #f5f5f5);
-      border-bottom: 2px solid var(--ogrid-border, rgba(0, 0, 0, 0.12));
-      padding: 0;
-      position: relative;
-      user-select: none;
-    }
-    .ogrid-header-content {
-      display: flex;
-      align-items: center;
-      gap: 4px;
-      padding: 6px 10px;
-    }
-    .ogrid-resize-handle {
-      position: absolute;
-      top: 0;
-      right: 0;
-      bottom: 0;
-      width: 4px;
-      cursor: col-resize;
-      touch-action: none;
-    }
-    @media (pointer: coarse) {
-      .ogrid-resize-handle { width: 16px; right: -6px; }
-    }
-    .ogrid-checkbox-cell {
-      width: 48px;
-      min-width: 48px;
-      max-width: 48px;
-      padding: 6px 4px;
-      text-align: center;
-      border-bottom: 1px solid var(--ogrid-border, rgba(0, 0, 0, 0.12));
-    }
-    .ogrid-row-number-cell {
-      padding: 6px;
-      text-align: center;
-      font-weight: 600;
-      font-variant-numeric: tabular-nums;
-      color: var(--ogrid-fg-secondary, rgba(0, 0, 0, 0.6));
-      background: var(--ogrid-header-bg, rgba(0, 0, 0, 0.04));
-      border-bottom: 1px solid var(--ogrid-border, rgba(0, 0, 0, 0.12));
-      position: sticky;
-      left: 0;
-      z-index: 3;
-    }
-    .ogrid-data-cell {
-      padding: 0;
-      border-bottom: 1px solid var(--ogrid-border, rgba(0, 0, 0, 0.12));
-      position: relative;
-    }
-    .ogrid-data-cell:has(> [data-active-cell]),
-    .ogrid-data-cell:has(> .ogrid-editing-cell) { z-index: 2; }
-    .ogrid-cell-content {
-      padding: var(--ogrid-cell-padding, 6px 10px);
-      min-height: 20px;
-      cursor: default;
-      overflow: hidden;
-      text-overflow: ellipsis;
-      white-space: nowrap;
-    }
-    .ogrid-editing-cell {
-      width: 100%; height: 100%; display: flex; align-items: center; box-sizing: border-box;
-      outline: 2px solid var(--ogrid-selection-color, #217346); outline-offset: -1px;
-      z-index: 2; position: relative; background: var(--ogrid-bg, #fff); overflow: hidden; padding: 0;
-    }
-    .ogrid-scroll-wrapper [data-drag-range] { background: var(--ogrid-range-bg, rgba(33, 115, 70, 0.12)); }
-    .ogrid-fill-handle {
-      position: absolute;
-      bottom: -3px;
-      right: -3px;
-      width: 7px;
-      height: 7px;
-      background: var(--ogrid-selection, #217346);
-      cursor: crosshair;
-      touch-action: none;
-      z-index: 2;
-    }
-    @media (pointer: coarse) {
-      .ogrid-fill-handle { width: 14px; height: 14px; right: -7px; bottom: -7px; border-radius: 2px; }
-    }
-    .ogrid-empty-container {
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      padding: 48px 24px;
-      text-align: center;
-      color: var(--ogrid-fg-muted, rgba(0, 0, 0, 0.5));
-    }
-    .ogrid-empty-title {
-      font-weight: 600;
-      margin-bottom: 8px;
-    }
-    .ogrid-loading-overlay {
-      position: absolute;
-      inset: 0;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      background: var(--ogrid-loading-overlay, rgba(255, 255, 255, 0.7));
-      z-index: 10;
-    }
-    .ogrid-loading-content {
-      display: flex;
-      align-items: center;
-      gap: 8px;
-      color: var(--ogrid-fg, #242424);
-    }
-    .ogrid-loading-text {
-      font-size: 14px;
-    }
-    .loading-dimmed {
-      opacity: 0.5;
-      pointer-events: none;
-    }
-    .ogrid-drop-indicator {
-      position: absolute;
-      top: 0;
-      bottom: 0;
-      width: 3px;
-      background: var(--ogrid-primary, #217346);
-      pointer-events: none;
-      z-index: 100;
-      transition: left 0.05s;
-    }
-    .ogrid-th-pinned-left {
-      position: sticky;
-      top: 0;
-      left: 0;
-      z-index: 10;
-      background: var(--ogrid-header-bg, #f5f5f5);
-      border-right: 1px solid var(--ogrid-border, rgba(0, 0, 0, 0.12));
-      box-shadow: 2px 0 4px -1px rgba(0, 0, 0, 0.1);
-    }
-    .ogrid-th-pinned-right {
-      position: sticky;
-      top: 0;
-      right: 0;
-      z-index: 10;
-      background: var(--ogrid-header-bg, #f5f5f5);
-      border-left: 1px solid var(--ogrid-border, rgba(0, 0, 0, 0.12));
-      box-shadow: -2px 0 4px -1px rgba(0, 0, 0, 0.1);
-    }
-    .ogrid-td-pinned-left {
-      position: sticky;
-      left: 0;
-      z-index: 5;
-      background: var(--ogrid-bg, #fff);
-      border-right: 1px solid var(--ogrid-border, rgba(0, 0, 0, 0.12));
-      box-shadow: 2px 0 4px -1px rgba(0, 0, 0, 0.1);
-    }
-    .ogrid-td-pinned-right {
-      position: sticky;
-      right: 0;
-      z-index: 5;
-      background: var(--ogrid-bg, #fff);
-      border-left: 1px solid var(--ogrid-border, rgba(0, 0, 0, 0.12));
-      box-shadow: -2px 0 4px -1px rgba(0, 0, 0, 0.1);
-    }
-    ::ng-deep th:focus-visible,
-    ::ng-deep td:focus-visible {
-      outline: 2px solid var(--primary-color, #6366f1);
-      outline-offset: -2px;
-      z-index: 11;
-    }
-    ::ng-deep .p-button:focus-visible,
-    ::ng-deep button:focus-visible {
-      outline: 2px solid var(--primary-color, #6366f1);
-      outline-offset: 2px;
-    }
-
-    /* Context menu */
-    .ogrid-context-menu {
-      position: fixed;
-      z-index: 1000;
-      min-width: 160px;
-      padding: 4px 0;
-      background: var(--ogrid-bg, #fff);
-      border: 1px solid var(--ogrid-border, rgba(0, 0, 0, 0.12));
-      border-radius: 6px;
-      box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
-    }
-    .ogrid-context-menu-item {
-      display: flex;
-      align-items: center;
-      justify-content: space-between;
-      gap: 24px;
-      width: 100%;
-      padding: 6px 12px;
-      border: none;
-      background: none;
-      font-size: 13px;
-      text-align: left;
-      cursor: pointer;
-      color: var(--ogrid-fg, rgba(0, 0, 0, 0.87));
-    }
-    .ogrid-context-menu-item:hover:not(:disabled) {
-      background: var(--ogrid-hover-bg, rgba(0, 0, 0, 0.04));
-    }
-    .ogrid-context-menu-item:disabled {
-      opacity: 0.5;
-      cursor: not-allowed;
-    }
-    .ogrid-context-menu-item-label {
-      flex: 1;
-    }
-    .ogrid-context-menu-item-shortcut {
-      color: var(--ogrid-fg-muted, rgba(0, 0, 0, 0.5));
-      font-size: 0.85em;
-    }
-    .ogrid-context-menu-divider {
-      height: 1px;
-      margin: 4px 0;
-      background: var(--ogrid-border, rgba(0, 0, 0, 0.12));
-    }
-    ::ng-deep .p-checkbox:focus-visible {
-      outline: 2px solid var(--primary-color, #6366f1);
-      outline-offset: 2px;
-    }
-
-    /* PrimeNG Menu popup overrides.
-       Double-class selectors (0,2,0) beat PrimeNG's single-class (0,1,0) defaults. */
-    .p-menu.p-menu {
-      background: var(--ogrid-bg, #ffffff);
-      color: var(--ogrid-fg, rgba(0, 0, 0, 0.87));
-      border: 1px solid var(--ogrid-border, rgba(0, 0, 0, 0.12));
-      border-radius: 4px;
-      padding: 4px 0;
-    }
-    .p-menu-overlay.p-menu-overlay {
-      box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3), 0 0 0 1px var(--ogrid-border, rgba(0, 0, 0, 0.12));
-    }
-    .p-menu-item-content.p-menu-item-content {
-      color: var(--ogrid-fg, rgba(0, 0, 0, 0.87));
-    }
-    .p-menu-item-link.p-menu-item-link {
-      color: var(--ogrid-fg, rgba(0, 0, 0, 0.87));
-      padding: 6px 12px;
-    }
-    .p-menu-item-label.p-menu-item-label {
-      color: var(--ogrid-fg, rgba(0, 0, 0, 0.87));
-      font-size: 0.875rem;
-    }
-    .p-menu-item:not(.p-disabled) .p-menu-item-content.p-menu-item-content:hover {
-      background: var(--ogrid-hover-bg, rgba(0, 0, 0, 0.04));
-      color: var(--ogrid-fg, rgba(0, 0, 0, 0.87));
-    }
-    .p-menu-separator.p-menu-separator {
-      border-color: var(--ogrid-border, rgba(0, 0, 0, 0.12));
-      margin: 4px 0;
-    }
-    .ogrid-column-letter-cell {
-      text-align: center;
-      font-size: 11px;
-      font-weight: 500;
-      color: var(--ogrid-fg-muted, rgba(0, 0, 0, 0.4));
-      padding: 2px 4px;
-      background: var(--ogrid-column-letter-bg, var(--ogrid-header-bg, #f5f5f5));
-      border-bottom: 1px solid var(--ogrid-border, rgba(0, 0, 0, 0.12));
-      user-select: none;
-      font-variant-numeric: tabular-nums;
-    }
-    /* Reveal column menu trigger on header hover without layout shift.
-       The button always takes up space (visibility: hidden); shown when column is hovered. */
-    @media (hover: hover) {
-      th:hover .column-header-menu-trigger { visibility: visible; }
-    }
-  `]})],t);var m=class extends BaseColumnChooserComponent{get open(){return this.isOpen}};m=e([Component({selector:"ogrid-primeng-column-chooser",standalone:true,changeDetection:ChangeDetectionStrategy.OnPush,template:`
-    <div style="position:relative;display:inline-block">
-      <button
-        type="button"
-        class="p-button p-button-text p-button-sm"
-        (click)="open.set(!open())"
-        [attr.aria-expanded]="open()"
-        aria-haspopup="listbox"
-        style="display:flex;align-items:center;gap:6px;font-size:13px"
-      >
-        <span aria-hidden>&#9881;</span>
-        <span>Column Visibility ({{ visibleCount() }} of {{ totalCount() }})</span>
-        <span aria-hidden>{{ open() ? '\u25B2' : '\u25BC' }}</span>
-      </button>
-
-      @if (open()) {
-        <div
-          style="position:absolute;right:0;top:100%;z-index:1000;min-width:220px;max-height:320px;overflow-y:auto;background:var(--ogrid-bg, #fff);border:1px solid var(--ogrid-border, rgba(0, 0, 0, 0.12));border-radius:6px;box-shadow:0 2px 8px rgba(0,0,0,0.12);padding:8px 0"
-        >
-          <div style="padding:4px 12px;font-weight:600;font-size:12px;color:var(--ogrid-fg-secondary, rgba(0, 0, 0, 0.6))">
-            Select Columns ({{ visibleCount() }} of {{ totalCount() }})
-          </div>
-          @for (col of columns; track col.columnId) {
-            <label style="display:flex;align-items:center;gap:8px;padding:4px 12px;cursor:pointer;font-size:13px">
-              <input
-                type="checkbox"
-                [checked]="visibleColumns.has(col.columnId)"
-                (change)="onToggle(col.columnId, $any($event.target).checked)"
-                [disabled]="col.required === true"
-              />
-              {{ col.name }}
-            </label>
-          }
-          <div style="display:flex;gap:4px;padding:8px 12px;border-top:1px solid var(--ogrid-border, rgba(0, 0, 0, 0.12));margin-top:4px">
-            <button
-              type="button"
-              class="p-button p-button-text p-button-sm"
-              (click)="onClearAll()"
-              style="flex:1;font-size:12px"
-            >Clear All</button>
-            <button
-              type="button"
-              class="p-button p-button-text p-button-sm"
-              (click)="onSelectAll()"
-              style="flex:1;font-size:12px"
-            >Select All</button>
-          </div>
-        </div>
-      }
-    </div>
-  `})],m);var h=class extends BasePaginationControlsComponent{};h=e([Component({selector:"ogrid-primeng-pagination-controls",standalone:true,changeDetection:ChangeDetectionStrategy.OnPush,template:`
-    @if (vm()) {
-      <div class="ogrid-pagination" style="display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:13px;color:var(--ogrid-fg, #242424)">
-        <div class="ogrid-pagination__info">
-          Showing {{ vm()!.startItem }} to {{ vm()!.endItem }} of {{ totalCount.toLocaleString() }} {{ labelPlural() }}
-        </div>
-
-        <div class="ogrid-pagination__pages" style="display:flex;align-items:center;gap:4px" role="navigation" aria-label="Pagination">
-          <button
-            type="button"
-            class="p-button p-button-text p-button-sm"
-            [disabled]="currentPage === 1"
-            (click)="pageChange.emit(1)"
-            aria-label="First page"
-            style="min-width:32px;padding:4px 8px"
-          >&laquo;</button>
-          <button
-            type="button"
-            class="p-button p-button-text p-button-sm"
-            [disabled]="currentPage === 1"
-            (click)="pageChange.emit(currentPage - 1)"
-            aria-label="Previous page"
-            style="min-width:32px;padding:4px 8px"
-          >&lsaquo;</button>
-
-          @if (vm()!.showStartEllipsis) {
-            <button
-              type="button"
-              class="p-button p-button-text p-button-sm"
-              (click)="pageChange.emit(1)"
-              aria-label="Page 1"
-              style="min-width:32px;padding:4px 8px"
-            >1</button>
-            <span aria-hidden style="padding:0 4px">&hellip;</span>
-          }
-
-          @for (pageNum of vm()!.pageNumbers; track pageNum) {
-            <button
-              type="button"
-              class="p-button p-button-sm"
-              [class.p-button-outlined]="currentPage !== pageNum"
-              (click)="pageChange.emit(pageNum)"
-              [attr.aria-label]="'Page ' + pageNum"
-              [attr.aria-current]="currentPage === pageNum ? 'page' : null"
-              style="min-width:32px;padding:4px 8px"
-            >{{ pageNum }}</button>
-          }
-
-          @if (vm()!.showEndEllipsis) {
-            <span aria-hidden style="padding:0 4px">&hellip;</span>
-            <button
-              type="button"
-              class="p-button p-button-text p-button-sm"
-              (click)="pageChange.emit(vm()!.totalPages)"
-              [attr.aria-label]="'Page ' + vm()!.totalPages"
-              style="min-width:32px;padding:4px 8px"
-            >{{ vm()!.totalPages }}</button>
-          }
-
-          <button
-            type="button"
-            class="p-button p-button-text p-button-sm"
-            [disabled]="currentPage >= vm()!.totalPages"
-            (click)="pageChange.emit(currentPage + 1)"
-            aria-label="Next page"
-            style="min-width:32px;padding:4px 8px"
-          >&rsaquo;</button>
-          <button
-            type="button"
-            class="p-button p-button-text p-button-sm"
-            [disabled]="currentPage >= vm()!.totalPages"
-            (click)="pageChange.emit(vm()!.totalPages)"
-            aria-label="Last page"
-            style="min-width:32px;padding:4px 8px"
-          >&raquo;</button>
-        </div>
-
-        <div class="ogrid-pagination__size" style="display:flex;align-items:center;gap:6px">
-          <span style="font-size:12px">Rows</span>
-          <select
-            [value]="'' + pageSize"
-            (change)="onPageSizeChange($any($event.target).value)"
-            aria-label="Rows per page"
-            style="padding:4px 6px;border:1px solid var(--ogrid-border, rgba(0, 0, 0, 0.12));border-radius:4px;background:var(--ogrid-bg, #fff);color:var(--ogrid-fg, #242424)"
-          >
-            @for (opt of vm()!.pageSizeOptions; track opt) {
-              <option [value]="opt">{{ opt }}</option>
-            }
-          </select>
-        </div>
-      </div>
-    }
-  `,styles:[`
-    :host { display: block; }
-    @media (max-width: 576px) {
-      .ogrid-pagination { flex-direction: column; align-items: stretch; gap: 6px; padding: 6px 8px; font-size: 12px; }
-      .ogrid-pagination__pages { order: -1; justify-content: center; }
-      .ogrid-pagination__info { text-align: center; font-size: 11px; }
-      .ogrid-pagination__size { font-size: 11px; justify-content: center; }
-    }
-  `]})],h);var v=class{constructor(){this.service=inject(OGridService);this.propsSignal=signal(void 0);this.onColumnSortFn=(l,o)=>this.service.handleSort(l,o);this.onColumnResizedFn=(l,o)=>this.service.handleColumnResized(l,o);this.onColumnPinnedFn=(l,o)=>this.service.handleColumnPinned(l,o);this.onSelectionChangeFn=l=>this.service.handleSelectionChange(l);this.onFilterChangeFn=(l,o)=>this.service.handleFilterChange(l,o);this.clearAllFiltersFn=()=>this.service.setFilters({});this.emptyStateComputed=computed(()=>({hasActiveFilters:this.service.hasActiveFilters(),onClearAll:this.clearAllFiltersFn,message:this.service.emptyState()?.message,render:this.service.emptyState()?.render}));effect(()=>{let l=this.propsSignal();l&&this.service.configure(l);});}set props(l){this.propsSignal.set(l);}get showToolbar(){return this.service.columnChooserPlacement()==="toolbar"||this.service.toolbar()!=null||this.service.fullScreen()}get emptyStateObj(){return this.emptyStateComputed()}onPageSizeChange(l){this.service.setPageSize(l);}};e([Input({required:true})],v.prototype,"props",1),v=e([Component({selector:"ogrid-primeng",standalone:true,imports:[OGridLayoutComponent,t,m,h],changeDetection:ChangeDetectionStrategy.OnPush,providers:[OGridService],styles:[":host { display: block; height: 100%; }"],template:`
-    <ogrid-layout
-      [className]="service.className()"
-      [hasToolbar]="showToolbar"
-      [hasToolbarBelow]="false"
-      [hasPagination]="true"
-      [sideBar]="service.sideBarProps()"
-      [fullScreen]="service.fullScreen()"
-      [showNameBox]="!!(service.cellReferences() && !service.formulasEnabled())"
-      [activeCellRef]="service.activeCellRef()"
-      [formulaBar]="service.formulasEnabled() ? service.formulaBarState() : null"
-      [sheetDefs]="service.sheetDefs()"
-      [activeSheet]="service.activeSheet()"
-      [onSheetChange]="service.onSheetChange()"
-      [onSheetAdd]="service.onSheetAdd()"
-    >
-      <ng-content select="[toolbar]" toolbar></ng-content>
-
-      <div toolbarEnd>
-        @if (service.columnChooserPlacement() === 'toolbar') {
-          <ogrid-primeng-column-chooser
-            [columns]="service.columnChooser().columns"
-            [visibleColumns]="service.columnChooser().visibleColumns"
-            (visibilityChange)="service.handleVisibilityChange($event.columnKey, $event.visible)"
-          ></ogrid-primeng-column-chooser>
-        }
-      </div>
-
-      <ogrid-primeng-datagrid-table
-        [items]="service.displayItems()"
-        [columns]="service.columnsProp()"
-        [getRowId]="service.getRowId()"
-        [sortBy]="service.sort().field"
-        [sortDirection]="service.sort().direction"
-        [onColumnSort]="onColumnSortFn"
-        [visibleColumns]="service.visibleColumns()"
-        [columnOrder]="service.columnOrder()"
-        [onColumnOrderChange]="service.onColumnOrderChange()"
-        [onColumnResized]="onColumnResizedFn"
-        [onColumnPinned]="onColumnPinnedFn"
-        [editable]="service.editable()"
-        [cellSelection]="service.cellSelection()"
-        [onCellValueChanged]="service.onCellValueChanged()"
-        [onUndo]="service.onUndo()"
-        [onRedo]="service.onRedo()"
-        [canUndo]="service.canUndo()"
-        [canRedo]="service.canRedo()"
-        [rowSelection]="service.rowSelection()"
-        [selectedRows]="service.effectiveSelectedRows()"
-        [onSelectionChange]="onSelectionChangeFn"
-        [statusBar]="service.statusBarConfig()"
-        [isLoading]="service.isLoadingResolved()"
-        [filters]="service.filters()"
-        [onFilterChange]="onFilterChangeFn"
-        [filterOptions]="service.clientFilterOptions()"
-        [loadingFilterOptions]="service.loadingFilterOptions()"
-        [peopleSearch]="service.dataSource()?.searchPeople?.bind(service.dataSource())"
-        [getUserByEmail]="service.dataSource()?.getUserByEmail?.bind(service.dataSource())"
-        [layoutMode]="service.layoutMode()"
-        [suppressHorizontalScroll]="service.suppressHorizontalScroll()"
-        [stickyHeaderInput]="service.stickyHeader()"
-        [columnReorder]="service.columnReorder()"
-        [aria-label]="service.ariaLabel()"
-        [aria-labelledby]="service.ariaLabelledBy()"
-        [emptyState]="emptyStateObj"
-        [groupBy]="service.groupBy()"
-        [showRowNumbers]="service.dataGridProps().showRowNumbers ?? false"
-        [showColumnLetters]="service.dataGridProps().showColumnLetters ?? false"
-        [showNameBox]="service.dataGridProps().showNameBox ?? false"
-        [onActiveCellChange]="service.dataGridProps().onActiveCellChange"
-        [formulaReferences]="service.dataGridProps().formulaReferences"
-      ></ogrid-primeng-datagrid-table>
-
-      <div pagination>
-        <ogrid-primeng-pagination-controls
-          [currentPage]="service.pagination().page"
-          [pageSize]="service.pagination().pageSize"
-          [totalCount]="service.pagination().displayTotalCount"
-          [pageSizeOptions]="service.pageSizeOptions()"
-          [entityLabelPlural]="service.entityLabelPlural()"
-          (pageChange)="service.setPage($event)"
-          (pageSizeChange)="onPageSizeChange($event)"
-        ></ogrid-primeng-pagination-controls>
-      </div>
-    </ogrid-layout>
-  `})],v);export{m as ColumnChooserComponent,p as ColumnHeaderFilterComponent,c as ColumnHeaderMenuComponent,t as DataGridTableComponent,u as InlineCellEditorComponent,v as OGridComponent,h as PaginationControlsComponent,g as PopoverCellEditorComponent};
+// Explicit named re-exports from base package (replaces export * for better tree-shaking).
+// Core value exports
+export { toUserLike, isInSelectionRange, normalizeSelectionRange, escapeCsvValue, buildCsvHeader, buildCsvRows, exportToCsv, triggerCsvDownload, getCellValue, 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, getHeaderFilterConfig, getCellRenderDescriptor, resolveCellDisplayContent, resolveCellStyle, buildInlineEditorProps, buildPopoverEditorProps, debounce, measureRange, 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, CHECKBOX_COLUMN_WIDTH, ROW_NUMBER_COLUMN_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-angular';
+// Angular services and components
+export { OGridService, DataGridStateService, DataGridLayoutHelper, DataGridEditingHelper, DataGridInteractionHelper, ColumnReorderService, VirtualScrollService, OGridLayoutComponent, StatusBarComponent, GridContextMenuComponent, SideBarComponent, MarchingAntsOverlayComponent, EmptyStateComponent, BaseOGridComponent, BaseDataGridTableComponent, BaseColumnHeaderFilterComponent, BaseColumnChooserComponent, BasePaginationControlsComponent, BaseInlineCellEditorComponent, INLINE_CELL_EDITOR_TEMPLATE, INLINE_CELL_EDITOR_STYLES, BasePopoverCellEditorComponent, POPOVER_CELL_EDITOR_TEMPLATE, POPOVER_CELL_EDITOR_OVERLAY_STYLES, OGRID_THEME_VARS_CSS, createDebouncedSignal, createDebouncedCallback, createLatestCallback, } from '@alaarab/ogrid-angular';
+// PrimeNG UI components
+export { OGridComponent } from './ogrid/ogrid.component';
+export { DataGridTableComponent } from './datagrid-table/datagrid-table.component';
+export { InlineCellEditorComponent } from './datagrid-table/inline-cell-editor.component';
+export { PopoverCellEditorComponent } from './datagrid-table/popover-cell-editor.component';
+export { ColumnHeaderFilterComponent } from './column-header-filter/column-header-filter.component';
+// IColumnHeaderFilterProps is now exported from @alaarab/ogrid-angular (base class)
+export { ColumnChooserComponent } from './column-chooser/column-chooser.component';
+// IColumnChooserProps is now exported from @alaarab/ogrid-angular (base class)
+export { PaginationControlsComponent } from './pagination-controls/pagination-controls.component';
+export { ColumnHeaderMenuComponent } from './column-header-menu/column-header-menu.component';