@alaarab/ogrid-angular 2.4.0 → 2.4.1

package/dist/esm/index.js

@@ -1,6 +1,6 @@
-import { handleFormulaBarKeyDown, FormulaEngine, createGridDataAccessor, columnLetterToIndex, flattenColumns, getMultiSelectFilterFields, deriveFilterOptionsFromData, processClientSideData, deriveFormulaBarText, extractFormulaReferences, validateColumns, processClientSideDataAsync, validateRowIds, computeNextSortState, mergeFilter, CHECKBOX_COLUMN_WIDTH, DEFAULT_MIN_COLUMN_WIDTH, CELL_PADDING, parseValue, UndoRedoStack, rangesEqual, normalizeSelectionRange, formatSelectionAsTsv, parseTsvClipboard, getCellValue, applyCellDeletion, getScrollTopForRow, computeTabNavigation, applyFillValues, computeAggregations, getDataGridStatusBarConfig, computeVisibleRange, computeTotalHeight, computeVisibleColumnRange, validateVirtualScrollConfig, GRID_BORDER_RADIUS, getStatusBarParts, GRID_CONTEXT_MENU_ITEMS, formatShortcut, injectGlobalStyles, partitionColumnsForVirtualization, buildHeaderRows, getHeaderFilterConfig, getCellRenderDescriptor, resolveCellDisplayContent, resolveCellStyle, buildPopoverEditorProps, measureColumnContentWidth, getPaginationViewModel, getColumnHeaderMenuItems, ROW_NUMBER_COLUMN_WIDTH, reorderColumnArray, findCtrlArrowTarget, measureRange, FORMULA_REF_COLORS } from '@alaarab/ogrid-core';
+import { handleFormulaBarKeyDown, FormulaEngine, createGridDataAccessor, columnLetterToIndex, flattenColumns, getMultiSelectFilterFields, deriveFilterOptionsFromData, processClientSideData, deriveFormulaBarText, extractFormulaReferences, validateColumns, processClientSideDataAsync, validateRowIds, computeNextSortState, mergeFilter, CHECKBOX_COLUMN_WIDTH, DEFAULT_MIN_COLUMN_WIDTH, CELL_PADDING, parseValue, UndoRedoStack, rangesEqual, normalizeSelectionRange, formatSelectionAsTsv, parseTsvClipboard, getCellValue, applyCellDeletion, getScrollTopForRow, computeTabNavigation, applyFillValues, computeAggregations, getDataGridStatusBarConfig, computeVisibleRange, computeTotalHeight, computeVisibleColumnRange, validateVirtualScrollConfig, GRID_BORDER_RADIUS, getStatusBarParts, GRID_CONTEXT_MENU_ITEMS, formatShortcut, injectGlobalStyles, partitionColumnsForVirtualization, buildHeaderRows, ROW_NUMBER_COLUMN_ID, ROW_NUMBER_COLUMN_WIDTH, getHeaderFilterConfig, getCellRenderDescriptor, resolveCellDisplayContent, resolveCellStyle, buildPopoverEditorProps, ROW_NUMBER_COLUMN_MIN_WIDTH, measureColumnContentWidth, getPaginationViewModel, getColumnHeaderMenuItems, reorderColumnArray, findCtrlArrowTarget, measureRange, FORMULA_REF_COLORS } from '@alaarab/ogrid-core';
 export * from '@alaarab/ogrid-core';
-export { CELL_PADDING, CHECKBOX_COLUMN_WIDTH, DEFAULT_DEBOUNCE_MS, DEFAULT_MIN_COLUMN_WIDTH, GRID_BORDER_RADIUS, PEOPLE_SEARCH_DEBOUNCE_MS, ROW_NUMBER_COLUMN_WIDTH, SIDEBAR_TRANSITION_MS, Z_INDEX, debounce, getCellRenderDescriptor, getHeaderFilterConfig, isInSelectionRange, normalizeSelectionRange, resolveCellDisplayContent, resolveCellStyle, toUserLike } from '@alaarab/ogrid-core';
+export { CELL_PADDING, CHECKBOX_COLUMN_WIDTH, DEFAULT_DEBOUNCE_MS, DEFAULT_MIN_COLUMN_WIDTH, GRID_BORDER_RADIUS, PEOPLE_SEARCH_DEBOUNCE_MS, ROW_NUMBER_COLUMN_ID, ROW_NUMBER_COLUMN_MIN_WIDTH, ROW_NUMBER_COLUMN_WIDTH, SIDEBAR_TRANSITION_MS, Z_INDEX, debounce, getCellRenderDescriptor, getHeaderFilterConfig, isInSelectionRange, normalizeSelectionRange, resolveCellDisplayContent, resolveCellStyle, toUserLike } from '@alaarab/ogrid-core';
 import { Injectable, Input, Component, ChangeDetectionStrategy, ViewEncapsulation, Output, ViewChild, input, output, viewChild, effect, inject, DestroyRef, signal, computed, NgZone, EventEmitter, Injector, EnvironmentInjector, createComponent } from '@angular/core';
 import { NgTemplateOutlet } from '@angular/common';
 
@@ -1539,6 +1539,7 @@ var DataGridInteractionHelper = class {
         }
         break;
       case "ArrowDown": {
+        if (editingCell != null) break;
         e.preventDefault();
         const newRow = ctrl ? findCtrlTarget(rowIndex, maxRowIndex, 1, (r) => isEmptyAt(r, Math.max(0, dataColIndex))) : Math.min(rowIndex + 1, maxRowIndex);
         if (shift) {
@@ -1555,6 +1556,7 @@ var DataGridInteractionHelper = class {
         break;
       }
       case "ArrowUp": {
+        if (editingCell != null) break;
         e.preventDefault();
         const newRowUp = ctrl ? findCtrlTarget(rowIndex, 0, -1, (r) => isEmptyAt(r, Math.max(0, dataColIndex))) : Math.max(rowIndex - 1, 0);
         if (shift) {
@@ -1571,6 +1573,7 @@ var DataGridInteractionHelper = class {
         break;
       }
       case "ArrowRight": {
+        if (editingCell != null) break;
         e.preventDefault();
         let newCol;
         if (ctrl && dataColIndex >= 0) {
@@ -1593,6 +1596,7 @@ var DataGridInteractionHelper = class {
         break;
       }
       case "ArrowLeft": {
+        if (editingCell != null) break;
         e.preventDefault();
         let newColLeft;
         if (ctrl && dataColIndex >= 0) {
@@ -4307,7 +4311,7 @@ var BaseDataGridTableComponent = class {
       const rightOffsets = {};
       let leftAcc = 0;
       if (this.hasCheckboxCol()) leftAcc += CHECKBOX_COLUMN_WIDTH;
-      if (this.hasRowNumbersCol()) leftAcc += ROW_NUMBER_COLUMN_WIDTH;
+      if (this.hasRowNumbersCol()) leftAcc += this.getRowNumberWidth();
       let rightAcc = 0;
       const len = layouts.length;
       for (let i = 0; i < len; i++) {
@@ -4380,6 +4384,12 @@ var BaseDataGridTableComponent = class {
   getGlobalColIndex(col) {
     return this.globalColIndexMap().get(col.columnId) ?? 0;
   }
+  /** Returns the effective row number column width (from overrides or default). */
+  getRowNumberWidth() {
+    const overrides = this.columnSizingOverrides();
+    const override = overrides[ROW_NUMBER_COLUMN_ID];
+    return override ? override.widthPx : ROW_NUMBER_COLUMN_WIDTH;
+  }
   /**
    * Initialize base wiring effects. Must be called from subclass constructor.
    *
@@ -4633,8 +4643,9 @@ var BaseDataGridTableComponent = class {
     this.state().interaction.setSelectionRange?.(null);
     this.getWrapperRef()?.nativeElement.focus({ preventScroll: true });
     const startX = event.clientX;
-    const startWidth = this.getColumnWidth(col);
-    const minWidth = col.minWidth ?? DEFAULT_MIN_COLUMN_WIDTH;
+    const columnId = col.columnId;
+    const startWidth = columnId === ROW_NUMBER_COLUMN_ID ? this.getRowNumberWidth() : this.getColumnWidth(col);
+    const minWidth = columnId === ROW_NUMBER_COLUMN_ID ? ROW_NUMBER_COLUMN_MIN_WIDTH : col.minWidth ?? DEFAULT_MIN_COLUMN_WIDTH;
     const onMove = (e) => {
       const delta = e.clientX - startX;
       const newWidth = Math.max(minWidth, startWidth + delta);

package/dist/types/components/base-datagrid-table.component.d.ts

@@ -177,6 +177,8 @@ export declare abstract class BaseDataGridTableComponent<T = unknown> {
         minWidth: number;
         width: number;
     }[]>;
+    /** Returns the effective row number column width (from overrides or default). */
+    getRowNumberWidth(): number;
     readonly pinningOffsets: import("@angular/core").Signal<{
         leftOffsets: Record<string, number>;
         rightOffsets: Record<string, number>;

package/dist/types/index.d.ts

@@ -1,5 +1,5 @@
 export * from '@alaarab/ogrid-core';
-export { CHECKBOX_COLUMN_WIDTH, ROW_NUMBER_COLUMN_WIDTH, DEFAULT_MIN_COLUMN_WIDTH, CELL_PADDING, GRID_BORDER_RADIUS, PEOPLE_SEARCH_DEBOUNCE_MS, DEFAULT_DEBOUNCE_MS, SIDEBAR_TRANSITION_MS, Z_INDEX, } from '@alaarab/ogrid-core';
+export { CHECKBOX_COLUMN_WIDTH, ROW_NUMBER_COLUMN_WIDTH, ROW_NUMBER_COLUMN_ID, ROW_NUMBER_COLUMN_MIN_WIDTH, DEFAULT_MIN_COLUMN_WIDTH, CELL_PADDING, GRID_BORDER_RADIUS, PEOPLE_SEARCH_DEBOUNCE_MS, DEFAULT_DEBOUNCE_MS, SIDEBAR_TRANSITION_MS, Z_INDEX, } from '@alaarab/ogrid-core';
 export type { IColumnDef, IColumnGroupDef, IColumnDefinition, ICellEditorProps, } from './types';
 export type { IOGridProps, IOGridClientProps, IOGridServerProps, IOGridDataGridProps, } from './types';
 export type { ColumnFilterType, IColumnFilterDef, IColumnMeta, ICellValueChangedEvent, CellEditorParams, IValueParserParams, IDateFilterValue, HeaderCell, HeaderRow, RowId, UserLike, UserLikeInput, FilterValue, IFilters, IFetchParams, IPageResult, IDataSource, IGridColumnState, IOGridApi, RowSelectionMode, IRowSelectionChangeEvent, StatusBarPanel, IStatusBarProps, IActiveCell, ISelectionRange, SideBarPanelId, ISideBarDef, } from './types';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alaarab/ogrid-angular",
-  "version": "2.4.0",
+  "version": "2.4.1",
   "description": "OGrid Angular – Angular services, signals, and headless components for OGrid data grids.",
   "main": "dist/esm/index.js",
   "module": "dist/esm/index.js",
@@ -35,7 +35,7 @@
     "node": ">=18"
   },
   "dependencies": {
-    "@alaarab/ogrid-core": "2.4.0"
+    "@alaarab/ogrid-core": "2.4.1"
   },
   "peerDependencies": {
     "@angular/core": "^21.0.0",