@alaarab/ogrid-angular-material 2.0.9 → 2.0.12

package/dist/types/datagrid-table/popover-cell-editor.component.d.ts

@@ -4,15 +4,15 @@ import type { IColumnDef, ICellEditorProps } from '@alaarab/ogrid-core';
  * Renders custom popover editor when anchor element is set.
  */
 export declare class PopoverCellEditorComponent<T> {
-    readonly item: import("@angular/core").InputSignal<T>;
-    readonly column: import("@angular/core").InputSignal<IColumnDef<T>>;
-    readonly rowIndex: import("@angular/core").InputSignal<number>;
-    readonly globalColIndex: import("@angular/core").InputSignal<number>;
-    readonly displayValue: import("@angular/core").InputSignal<unknown>;
-    readonly editorProps: import("@angular/core").InputSignal<ICellEditorProps<T>>;
-    readonly onCancel: import("@angular/core").InputSignal<() => void>;
-    private readonly anchorRef;
-    private readonly editorContainerRef;
+    item: T;
+    column: IColumnDef<T>;
+    rowIndex: number;
+    globalColIndex: number;
+    displayValue: unknown;
+    editorProps: ICellEditorProps<T>;
+    onCancel: () => void;
+    private anchorRef?;
+    private editorContainerRef?;
     private readonly injector;
     private readonly envInjector;
     protected readonly showEditor: import("@angular/core").WritableSignal<boolean>;

package/dist/types/index.d.ts

@@ -2,9 +2,7 @@ export * from '@alaarab/ogrid-angular';
 export { OGridComponent } from './ogrid/ogrid.component';
 export { DataGridTableComponent } from './datagrid-table/datagrid-table.component';
 export { ColumnHeaderFilterComponent } from './column-header-filter/column-header-filter.component';
-export type { IColumnHeaderFilterProps } from './column-header-filter/column-header-filter.component';
 export { ColumnChooserComponent } from './column-chooser/column-chooser.component';
-export type { IColumnChooserProps } from './column-chooser/column-chooser.component';
 export { PaginationControlsComponent } from './pagination-controls/pagination-controls.component';
 export { ColumnHeaderMenuComponent } from './column-header-menu/column-header-menu.component';
 export { InlineCellEditorComponent } from './datagrid-table/inline-cell-editor.component';

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

@@ -1,14 +1,17 @@
 import { OGridService } from '@alaarab/ogrid-angular';
-import type { IOGridProps, IOGridDataGridProps } from '@alaarab/ogrid-angular';
+import type { IOGridProps } from '@alaarab/ogrid-angular';
 /**
  * Top-level OGrid component for Angular Material.
- * Equivalent to the React MaterialDataTable/OGrid component.
  * Standalone component — provides OGridService and renders OGridLayout with all sub-components.
+ *
+ * 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> {
-    readonly props: import("@angular/core").InputSignal<IOGridProps<T>>;
+    private readonly propsSignal;
     readonly ogridService: OGridService<T>;
-    readonly dataGridProps: import("@angular/core").Signal<IOGridDataGridProps<T>>;
+    set props(value: IOGridProps<T>);
     constructor();
+    get showToolbar(): boolean;
     onPageSizeChange(size: number): void;
 }

package/dist/types/pagination-controls/pagination-controls.component.d.ts

@@ -1,15 +1,7 @@
+import { BasePaginationControlsComponent } from '@alaarab/ogrid-angular';
 /**
  * Pagination controls component using Angular Material styling.
  * Standalone component with inline template — no Angular Material dependency for pagination.
  */
-export declare class PaginationControlsComponent {
-    readonly currentPage: import("@angular/core").InputSignal<number>;
-    readonly pageSize: import("@angular/core").InputSignal<number>;
-    readonly totalCount: import("@angular/core").InputSignal<number>;
-    readonly pageSizeOptions: import("@angular/core").InputSignal<number[] | undefined>;
-    readonly entityLabelPlural: import("@angular/core").InputSignal<string>;
-    readonly pageChange: import("@angular/core").OutputEmitterRef<number>;
-    readonly pageSizeChange: import("@angular/core").OutputEmitterRef<number>;
-    readonly vm: import("@angular/core").Signal<import("@alaarab/ogrid-core").PaginationViewModel | null>;
-    onPageSizeSelect(event: Event): void;
+export declare class PaginationControlsComponent extends BasePaginationControlsComponent {
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alaarab/ogrid-angular-material",
-  "version": "2.0.9",
+  "version": "2.0.12",
   "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",
@@ -14,7 +14,9 @@
   },
   "scripts": {
     "build": "rimraf dist && tsc -p tsconfig.build.json",
-    "test": "jest --passWithNoTests"
+    "test": "jest --passWithNoTests",
+    "storybook": "ng run angular-material:storybook",
+    "build-storybook": "ng run angular-material:build-storybook"
   },
   "keywords": [
     "ogrid",
@@ -35,7 +37,7 @@
     "node": ">=18"
   },
   "dependencies": {
-    "@alaarab/ogrid-angular": "2.0.9"
+    "@alaarab/ogrid-angular": "2.0.12"
   },
   "peerDependencies": {
     "@angular/cdk": "^21.0.0",
@@ -54,7 +56,14 @@
     "@angular/platform-browser-dynamic": "^21.1.4",
     "rxjs": "^7.8.2",
     "typescript": "^5.9.3",
-    "zone.js": "^0.15.0"
+    "zone.js": "^0.15.0",
+    "@angular/cli": "^21.1.4",
+    "@angular/compiler-cli": "^21.1.4",
+    "@angular-devkit/core": "^21.1.4",
+    "@angular-devkit/architect": "^0.2101.4",
+    "@angular-devkit/build-angular": "^21.1.4",
+    "@storybook/angular": "^10.2.8",
+    "storybook": "^10.2.8"
   },
   "sideEffects": false,
   "publishConfig": {