@alaarab/ogrid-angular-material 2.0.22 → 2.1.0

package/dist/esm/column-chooser/column-chooser.component.js

@@ -55,7 +55,7 @@ ColumnChooserComponent = __decorate([
           </div>
 
           <div class="ogrid-column-chooser__footer">
-            <button class="ogrid-column-chooser__btn" (click)="clearAll()">Clear All</button>
+            <button class="ogrid-column-chooser__btn" (click)="onClearAll()">Clear All</button>
             <button class="ogrid-column-chooser__btn ogrid-column-chooser__btn--primary" (click)="selectAll()">Select All</button>
           </div>
         </div>

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, ChangeDetectionStrategy, ViewEncapsulation, Input, ViewChild, signal } from '@angular/core';
-import { BaseDataGridTableComponent, DataGridStateService, MarchingAntsOverlayComponent, StatusBarComponent, GridContextMenuComponent, EmptyStateComponent, CHECKBOX_COLUMN_WIDTH, ROW_NUMBER_COLUMN_WIDTH, OGRID_THEME_VARS_CSS, } from '@alaarab/ogrid-angular';
+import { BaseDataGridTableComponent, DataGridStateService, ColumnReorderService, VirtualScrollService, MarchingAntsOverlayComponent, StatusBarComponent, GridContextMenuComponent, EmptyStateComponent, CHECKBOX_COLUMN_WIDTH, ROW_NUMBER_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';
@@ -49,7 +49,7 @@ DataGridTableComponent = __decorate([
         changeDetection: ChangeDetectionStrategy.OnPush,
         encapsulation: ViewEncapsulation.None,
         imports: [ColumnHeaderFilterComponent, ColumnHeaderMenuComponent, StatusBarComponent, GridContextMenuComponent, MarchingAntsOverlayComponent, EmptyStateComponent, InlineCellEditorComponent, PopoverCellEditorComponent],
-        providers: [DataGridStateService],
+        providers: [DataGridStateService, ColumnReorderService, VirtualScrollService],
         template: `
     <div class="ogrid-datagrid-root">
       <div
@@ -288,7 +288,7 @@ DataGridTableComponent = __decorate([
               </table>
 
               <ogrid-marching-ants-overlay
-                [containerEl]="tableContainerEl"
+                [containerEl]="tableContainerEl()"
                 [selectionRange]="state().interaction.selectionRange"
                 [copyRange]="state().interaction.copyRange"
                 [cutRange]="state().interaction.cutRange"

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

@@ -4,8 +4,8 @@ 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, ChangeDetectionStrategy, Input, signal, effect } from '@angular/core';
-import { OGridService, OGridLayoutComponent, } from '@alaarab/ogrid-angular';
+import { Component, ChangeDetectionStrategy } from '@angular/core';
+import { OGridService, OGridLayoutComponent, BaseOGridComponent, } from '@alaarab/ogrid-angular';
 import { DataGridTableComponent } from '../datagrid-table/datagrid-table.component';
 import { ColumnChooserComponent } from '../column-chooser/column-chooser.component';
 import { PaginationControlsComponent } from '../pagination-controls/pagination-controls.component';
@@ -16,30 +16,8 @@ import { PaginationControlsComponent } from '../pagination-controls/pagination-c
  * Uses @Input with signal setter for JIT compatibility (project builds with tsc, not ngc).
  * The effect() reactively configures the service when the input signal changes.
  */
-let OGridComponent = class OGridComponent {
-    set props(value) {
-        this.propsSignal.set(value);
-    }
-    constructor() {
-        this.propsSignal = signal(undefined);
-        this.ogridService = new OGridService();
-        effect(() => {
-            const p = this.propsSignal();
-            if (p)
-                this.ogridService.configure(p);
-        });
-    }
-    get showToolbar() {
-        return this.ogridService.columnChooserPlacement() === 'toolbar' || this.ogridService.toolbar() != null;
-    }
-    onPageSizeChange(size) {
-        this.ogridService.pagination().setPageSize(size);
-        this.ogridService.pagination().setPage(1);
-    }
+let OGridComponent = class OGridComponent extends BaseOGridComponent {
 };
-__decorate([
-    Input({ required: true })
-], OGridComponent.prototype, "props", null);
 OGridComponent = __decorate([
     Component({
         selector: 'ogrid',

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

@@ -1,5 +1,4 @@
-import { OGridService } from '@alaarab/ogrid-angular';
-import type { IOGridProps } from '@alaarab/ogrid-angular';
+import { BaseOGridComponent } from '@alaarab/ogrid-angular';
 /**
  * Top-level OGrid component for Angular Material.
  * Standalone component — provides OGridService and renders OGridLayout with all sub-components.
@@ -7,11 +6,5 @@ import type { IOGridProps } from '@alaarab/ogrid-angular';
  * Uses @Input with signal setter for JIT compatibility (project builds with tsc, not ngc).
  * The effect() reactively configures the service when the input signal changes.
  */
-export declare class OGridComponent<T> {
-    private readonly propsSignal;
-    readonly ogridService: OGridService<T>;
-    set props(value: IOGridProps<T>);
-    constructor();
-    get showToolbar(): boolean;
-    onPageSizeChange(size: number): void;
+export declare class OGridComponent<T> extends BaseOGridComponent<T> {
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alaarab/ogrid-angular-material",
-  "version": "2.0.22",
+  "version": "2.1.0",
   "description": "OGrid Angular Material – MatTable-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.22"
+    "@alaarab/ogrid-angular": "2.1.0"
   },
   "peerDependencies": {
     "@angular/cdk": "^21.0.0",
@@ -68,5 +68,12 @@
   "sideEffects": false,
   "publishConfig": {
     "access": "public"
-  }
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/alaarab/ogrid.git",
+    "directory": "packages/angular-material"
+  },
+  "homepage": "https://ogrid.dev",
+  "bugs": "https://github.com/alaarab/ogrid/issues"
 }