@alaarab/ogrid-angular-primeng 2.0.23 → 2.1.1

package/dist/esm/column-header-filter/column-header-filter.component.js

@@ -175,7 +175,7 @@ ColumnHeaderFilterComponent = __decorate([
                   <input
                     type="text"
                     [value]="peopleSearchText()"
-                    (input)="onPeopleSearchInput($any($event.target).value)"
+                    (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"

package/dist/esm/datagrid-table/datagrid-table.component.js

@@ -5,7 +5,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { Component, Input, signal, computed, ViewChild, ChangeDetectionStrategy, ViewEncapsulation, } from '@angular/core';
-import { BaseDataGridTableComponent, DataGridStateService, StatusBarComponent, GridContextMenuComponent, MarchingAntsOverlayComponent, EmptyStateComponent, DEFAULT_MIN_COLUMN_WIDTH, OGRID_THEME_VARS_CSS, } from '@alaarab/ogrid-angular';
+import { BaseDataGridTableComponent, DataGridStateService, ColumnReorderService, VirtualScrollService, StatusBarComponent, GridContextMenuComponent, MarchingAntsOverlayComponent, EmptyStateComponent, DEFAULT_MIN_COLUMN_WIDTH, OGRID_THEME_VARS_CSS, } from '@alaarab/ogrid-angular';
 import { ColumnHeaderFilterComponent } from '../column-header-filter/column-header-filter.component';
 import { ColumnHeaderMenuComponent } from '../column-header-menu/column-header-menu.component';
 import { InlineCellEditorComponent } from './inline-cell-editor.component';
@@ -160,8 +160,8 @@ let DataGridTableComponent = class DataGridTableComponent extends BaseDataGridTa
     onResizeStartPrimeng(e, col) {
         e.preventDefault();
         // Clear cell selection before resize so selection outlines don't persist during drag
-        this.state().interaction.setActiveCell(null);
-        this.state().interaction.setSelectionRange(null);
+        this.state().interaction.setActiveCell?.(null);
+        this.state().interaction.setSelectionRange?.(null);
         this.getWrapperRef()?.nativeElement.focus({ preventScroll: true });
         this.resizeStartX = e.clientX;
         this.resizeColumnId = col.columnId;
@@ -385,7 +385,7 @@ DataGridTableComponent = __decorate([
         ],
         changeDetection: ChangeDetectionStrategy.OnPush,
         encapsulation: ViewEncapsulation.None,
-        providers: [DataGridStateService],
+        providers: [DataGridStateService, ColumnReorderService, VirtualScrollService],
         template: `
     <div class="ogrid-root">
       <div
@@ -662,13 +662,13 @@ DataGridTableComponent = __decorate([
           [canUndoProp]="canUndo()"
           [canRedoProp]="canRedo()"
           [classNames]="contextMenuClasses"
-          (copy)="handleCopy()"
-          (cut)="handleCut()"
-          (paste)="handlePaste()"
-          (selectAll)="handleSelectAllCells()"
+          (copyAction)="handleCopy()"
+          (cutAction)="handleCut()"
+          (pasteAction)="handlePaste()"
+          (selectAllAction)="handleSelectAllCells()"
           (undoAction)="onUndo()"
           (redoAction)="onRedo()"
-          (close)="closeContextMenu()"
+          (closeAction)="closeContextMenu()"
         ></ogrid-context-menu>
       }
 

package/dist/esm/ogrid/ogrid.component.js

@@ -4,7 +4,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import { Component, inject, ChangeDetectionStrategy, Input, signal, effect } from '@angular/core';
+import { Component, inject, ChangeDetectionStrategy, Input, signal, effect, computed } from '@angular/core';
 import { OGridService, OGridLayoutComponent, } from '@alaarab/ogrid-angular';
 import { DataGridTableComponent } from '../datagrid-table/datagrid-table.component';
 import { ColumnChooserComponent } from '../column-chooser/column-chooser.component';
@@ -22,6 +22,13 @@ let OGridComponent = class OGridComponent {
         this.onColumnPinnedFn = (columnId, pinned) => this.service.handleColumnPinned(columnId, pinned);
         this.onSelectionChangeFn = (event) => this.service.handleSelectionChange(event);
         this.onFilterChangeFn = (key, value) => this.service.handleFilterChange(key, value);
+        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(() => {
             const p = this.propsSignal();
             if (p)
@@ -32,12 +39,7 @@ let OGridComponent = class OGridComponent {
         return this.service.columnChooserPlacement() === 'toolbar' || this.service.toolbar() != null;
     }
     get emptyStateObj() {
-        return {
-            hasActiveFilters: this.service.hasActiveFilters(),
-            onClearAll: () => this.service.setFilters({}),
-            message: this.service.emptyState()?.message,
-            render: this.service.emptyState()?.render,
-        };
+        return this.emptyStateComputed();
     }
     onPageSizeChange(size) {
         this.service.setPageSize(size);

package/dist/types/ogrid/ogrid.component.d.ts

@@ -14,6 +14,13 @@ export declare class OGridComponent<T = unknown> {
     readonly onFilterChangeFn: (key: string, value: unknown) => void;
     constructor();
     get showToolbar(): boolean;
+    private readonly clearAllFiltersFn;
+    readonly emptyStateComputed: import("@angular/core").Signal<{
+        hasActiveFilters: boolean;
+        onClearAll: () => void;
+        message: string | undefined;
+        render: unknown;
+    }>;
     get emptyStateObj(): {
         hasActiveFilters: boolean;
         onClearAll: () => void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alaarab/ogrid-angular-primeng",
-  "version": "2.0.23",
+  "version": "2.1.1",
   "description": "OGrid PrimeNG – PrimeNG Table-based data grid with sorting, filtering, pagination, column chooser, and CSV export.",
   "main": "dist/esm/index.js",
   "module": "dist/esm/index.js",
@@ -37,7 +37,7 @@
     "node": ">=18"
   },
   "dependencies": {
-    "@alaarab/ogrid-angular": "2.0.23"
+    "@alaarab/ogrid-angular": "2.1.1"
   },
   "peerDependencies": {
     "@angular/core": "^21.0.0",
@@ -67,5 +67,12 @@
   "sideEffects": false,
   "publishConfig": {
     "access": "public"
-  }
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/alaarab/ogrid.git",
+    "directory": "packages/angular-primeng"
+  },
+  "homepage": "https://ogrid.dev",
+  "bugs": "https://github.com/alaarab/ogrid/issues"
 }