npm - @toolbox-web/grid-angular - Versions diffs - 0.9.1 → 0.11.0 - Mend

@toolbox-web/grid-angular 0.9.1 → 0.11.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (26) hide show

package/README.md CHANGED Viewed

@@ -434,14 +434,14 @@ Your components should implement one of these interfaces:
 ```typescript
 import { Component, input } from '@angular/core';
-import type { AngularCellRenderer, ColumnConfig } from '@toolbox-web/grid-angular';
+import type { CellRenderer, ColumnConfig } from '@toolbox-web/grid-angular';
 @Component({
   selector: 'app-status-badge',
   template: `<span [class]="'badge badge--' + value()">{{ value() }}</span>`,
   standalone: true,
 })
-export class StatusBadgeComponent implements AngularCellRenderer<Employee, string> {
+export class StatusBadgeComponent implements CellRenderer<Employee, string> {
   value = input.required<string>();
   row = input.required<Employee>();
   column = input<ColumnConfig>(); // Optional
@@ -452,7 +452,7 @@ export class StatusBadgeComponent implements AngularCellRenderer<Employee, strin
 ```typescript
 import { Component, input, output } from '@angular/core';
-import type { AngularCellEditor, ColumnConfig } from '@toolbox-web/grid-angular';
+import type { CellEditor, ColumnConfig } from '@toolbox-web/grid-angular';
 @Component({
   selector: 'app-bonus-editor',
@@ -462,7 +462,7 @@ import type { AngularCellEditor, ColumnConfig } from '@toolbox-web/grid-angular'
   `,
   standalone: true,
 })
-export class BonusEditorComponent implements AngularCellEditor<Employee, number> {
+export class BonusEditorComponent implements CellEditor<Employee, number> {
   value = input.required<number>();
   row = input.required<Employee>();
   column = input<ColumnConfig>(); // Optional
@@ -482,21 +482,21 @@ export class BonusEditorComponent implements AngularCellEditor<Employee, number>
 ### Using Components in Grid Config
-Use `AngularGridConfig` and `angularConfig` input for type-safe component references:
+Use `GridConfig` with the `gridConfig` input for type-safe component references:
 ```typescript
 import { Component, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
-import { Grid, type AngularGridConfig } from '@toolbox-web/grid-angular';
+import { Grid, type GridConfig } from '@toolbox-web/grid-angular';
 import { EditingPlugin } from '@toolbox-web/grid/plugins/editing';
 import { StatusBadgeComponent, BonusEditorComponent } from './components';
 @Component({
   imports: [Grid],
   schemas: [CUSTOM_ELEMENTS_SCHEMA],
-  template: `<tbw-grid [angularConfig]="config" [rows]="employees" />`,
+  template: `<tbw-grid [gridConfig]="config" [rows]="employees" />`,
 })
 export class MyGridComponent {
-  config: AngularGridConfig<Employee> = {
+  config: GridConfig<Employee> = {
     columns: [
       { field: 'name', header: 'Name' },
       { field: 'status', header: 'Status', renderer: StatusBadgeComponent },
@@ -507,14 +507,14 @@ export class MyGridComponent {
 }
 ```
-> **Note:** Use `[angularConfig]` instead of `[gridConfig]` when using component classes. The directive automatically processes the config and converts component classes to grid-compatible functions.
+The `gridConfig` input accepts `GridConfig` (Angular-augmented) which allows both component classes and vanilla JS functions. When component classes are detected, the directive automatically converts them to grid-compatible renderer functions.
 ### Interfaces Reference
-| Interface             | Required Inputs    | Required Outputs   | Description        |
-| --------------------- | ------------------ | ------------------ | ------------------ |
-| `AngularCellRenderer` | `value()`, `row()` | -                  | Read-only renderer |
-| `AngularCellEditor`   | `value()`, `row()` | `commit`, `cancel` | Editable cell      |
+| Interface      | Required Inputs    | Required Outputs   | Description        |
+| -------------- | ------------------ | ------------------ | ------------------ |
+| `CellRenderer` | `value()`, `row()` | -                  | Read-only renderer |
+| `CellEditor`   | `value()`, `row()` | `commit`, `cancel` | Editable cell      |
 Both interfaces also support an optional `column()` input for accessing the column configuration.
@@ -855,10 +855,11 @@ if (context?.hasFormGroups) {
 ### Grid Directive Inputs
-| Input           | Type                      | Description                                            |
-| --------------- | ------------------------- | ------------------------------------------------------ |
-| `angularConfig` | `AngularGridConfig<TRow>` | Grid config with component class support (recommended) |
-| `customStyles`  | `string`                  | Custom CSS styles to inject into the grid              |
+| Input           | Type               | Description                                       |
+| --------------- | ------------------ | ------------------------------------------------- |
+| `gridConfig`    | `GridConfig<TRow>` | Grid config with optional component class support |
+| `angularConfig` | `GridConfig<TRow>` | **Deprecated** - use `gridConfig` instead         |
+| `customStyles`  | `string`           | Custom CSS styles to inject into the grid         |
 ### Grid Directive Outputs
@@ -900,13 +901,18 @@ import type {
   // Events
   CellCommitEvent,
   RowCommitEvent,
-  // Type-level defaults
-  AngularTypeDefault,
-  // Component-class column config
+  // Primary config exports - use these
+  GridConfig,
+  ColumnConfig,
+  CellRenderer,
+  CellEditor,
+  TypeDefault,
+  // Deprecated aliases
+  AngularGridConfig,
+  AngularColumnConfig,
   AngularCellRenderer,
   AngularCellEditor,
-  AngularColumnConfig,
-  AngularGridConfig,
+  AngularTypeDefault,
   // Reactive Forms
   FormArrayContext,
 } from '@toolbox-web/grid-angular';

package/fesm2022/toolbox-web-grid-angular-features-export.mjs CHANGED Viewed

@@ -1,17 +1,33 @@
-import { ExportPlugin } from '@toolbox-web/grid/plugins/export';
+import { inject, ElementRef, signal } from '@angular/core';
 import { registerFeature } from '@toolbox-web/grid-angular';
+import { ExportPlugin } from '@toolbox-web/grid/plugins/export';
 /**
  * Export feature for @toolbox-web/grid-angular
  *
- * Import this module to enable the `exportFeature` input on Grid directive.
+ * Import this module to enable the `export` input on Grid directive.
+ * Also exports `injectGridExport()` for programmatic export control.
  *
  * @example
  * ```typescript
  * import '@toolbox-web/grid-angular/features/export';
  *
- * <tbw-grid [exportFeature]="true" />
- * <tbw-grid [exportFeature]="{ filename: 'data.csv' }" />
+ * <tbw-grid [export]="true" />
+ * <tbw-grid [export]="{ fileName: 'data.csv' }" />
+ * ```
+ *
+ * @example Using injectGridExport
+ * ```typescript
+ * import { injectGridExport } from '@toolbox-web/grid-angular/features/export';
+ *
+ * @Component({...})
+ * export class MyComponent {
+ *   private gridExport = injectGridExport();
+ *
+ *   exportData() {
+ *     this.gridExport.exportToCsv('employees.csv');
+ *   }
+ * }
  * ```
  *
  * @packageDocumentation
@@ -22,8 +38,111 @@ registerFeature('export', (config) => {
     }
     return new ExportPlugin(config ?? undefined);
 });
+/**
+ * Angular inject function for programmatic export control.
+ *
+ * Uses **lazy grid discovery** - the grid element is found when methods are called,
+ * not during initialization. This ensures it works reliably with:
+ * - Lazy-rendered tabs
+ * - Conditional rendering (*ngIf)
+ * - Dynamic component loading
+ *
+ * @example
+ * ```typescript
+ * import { Component, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
+ * import { Grid } from '@toolbox-web/grid-angular';
+ * import '@toolbox-web/grid-angular/features/export';
+ * import { injectGridExport } from '@toolbox-web/grid-angular/features/export';
+ *
+ * @Component({
+ *   selector: 'app-my-grid',
+ *   imports: [Grid],
+ *   schemas: [CUSTOM_ELEMENTS_SCHEMA],
+ *   template: `
+ *     <button (click)="handleExport()">Export CSV</button>
+ *     <tbw-grid [rows]="rows" [export]="true"></tbw-grid>
+ *   `
+ * })
+ * export class MyGridComponent {
+ *   gridExport = injectGridExport();
+ *
+ *   handleExport() {
+ *     this.gridExport.exportToCsv('employees.csv');
+ *   }
+ * }
+ * ```
+ */
+function injectGridExport() {
+    const elementRef = inject(ElementRef);
+    const isReady = signal(false, ...(ngDevMode ? [{ debugName: "isReady" }] : []));
+    // Lazy discovery: cached grid reference
+    let cachedGrid = null;
+    let readyPromiseStarted = false;
+    /**
+     * Lazily find the grid element. Called on each method invocation.
+     * Caches the reference once found and triggers ready() check.
+     */
+    const getGrid = () => {
+        if (cachedGrid)
+            return cachedGrid;
+        const grid = elementRef.nativeElement.querySelector('tbw-grid');
+        if (grid) {
+            cachedGrid = grid;
+            // Start ready() check only once
+            if (!readyPromiseStarted) {
+                readyPromiseStarted = true;
+                grid.ready?.().then(() => isReady.set(true));
+            }
+        }
+        return grid;
+    };
+    const getPlugin = () => {
+        return getGrid()?.getPlugin(ExportPlugin);
+    };
+    return {
+        isReady: isReady.asReadonly(),
+        exportToCsv: (filename, params) => {
+            const plugin = getPlugin();
+            if (!plugin) {
+                console.warn(`[tbw-grid:export] ExportPlugin not found.\n\n` +
+                    `  → Enable export on the grid:\n` +
+                    `    <tbw-grid [export]="true" />`);
+                return;
+            }
+            plugin.exportCsv({ ...params, fileName: filename ?? params?.fileName ?? 'export.csv' });
+        },
+        exportToExcel: (filename, params) => {
+            const plugin = getPlugin();
+            if (!plugin) {
+                console.warn(`[tbw-grid:export] ExportPlugin not found.\n\n` +
+                    `  → Enable export on the grid:\n` +
+                    `    <tbw-grid [export]="true" />`);
+                return;
+            }
+            plugin.exportExcel({ ...params, fileName: filename ?? params?.fileName ?? 'export.xlsx' });
+        },
+        exportToJson: (filename, params) => {
+            const plugin = getPlugin();
+            if (!plugin) {
+                console.warn(`[tbw-grid:export] ExportPlugin not found.\n\n` +
+                    `  → Enable export on the grid:\n` +
+                    `    <tbw-grid [export]="true" />`);
+                return;
+            }
+            plugin.exportJson({ ...params, fileName: filename ?? params?.fileName ?? 'export.json' });
+        },
+        isExporting: () => {
+            return getPlugin()?.isExporting() ?? false;
+        },
+        getLastExport: () => {
+            return getPlugin()?.getLastExport() ?? null;
+        },
+    };
+}
 /**
  * Generated bundle index. Do not edit.
  */
+export { injectGridExport };
 //# sourceMappingURL=toolbox-web-grid-angular-features-export.mjs.map

package/fesm2022/toolbox-web-grid-angular-features-export.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"toolbox-web-grid-angular-features-export.mjs","sources":["../../../../libs/grid-angular/features/export/src/index.ts","../../../../libs/grid-angular/features/export/src/toolbox-web-grid-angular-features-export.ts"],"sourcesContent":["/*\n Export feature for @toolbox-web/grid-angular\n \n Import this module to enable the `~~exportFeature~~` input on Grid directive.\n \n @example\n * ```typescript\n * import '@toolbox-web/grid-angular/features/export';\n \n <tbw-grid [~~exportFeature~~]=\"true\" />\n * <tbw-grid [~~exportFeature~~]=\"{ ~~filename~~: 'data.csv' }\" />\n * ```\n \n @packageDocumentation\n /\n\nimport { ~~ExportPlugin~~ } from '@toolbox-web/grid~~/plugins/export~~';\nimport { registerFeature } from '@toolbox-web/grid-angular';\n\nregisterFeature('export', (config) => {\n if (config === true) {\n return new ExportPlugin();\n }\n return new ExportPlugin(config ?? undefined);\n});\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"~~;;;~~AAAA~~;;;;;;;;;;;;;;AAcG~~;~~AAKH~~,eAAe,CAAC,QAAQ,EAAE,CAAC,MAAM,KAAI;AACnC,IAAA,IAAI,MAAM,KAAK,IAAI,EAAE;QACnB,OAAO,IAAI,YAAY,EAAE;IAC3B;AACA,IAAA,OAAO,IAAI,YAAY,CAAC,MAAM,IAAI,SAAS,CAAC;AAC9C,CAAC,CAAC;;~~ACxBF~~;;AAEG"}
1	+ {"version":3,"file":"toolbox-web-grid-angular-features-export.mjs","sources":["../../../../libs/grid-angular/features/export/src/index.ts","../../../../libs/grid-angular/features/export/src/toolbox-web-grid-angular-features-export.ts"],"sourcesContent":["/*\n Export feature for @toolbox-web/grid-angular\n \n Import this module to enable the `export` input on Grid directive.\n * Also exports `injectGridExport()` for programmatic export control.\n \n @example\n * ```typescript\n * import '@toolbox-web/grid-angular/features/export';\n \n <tbw-grid [export]=\"true\" />\n * <tbw-grid [export]=\"{ fileName: 'data.csv' }\" />\n * ```\n \n @example Using injectGridExport\n * ```typescript\n * import { injectGridExport } from '@toolbox-web/grid-angular/features/export';\n \n @Component({...})\n * export class MyComponent {\n * private gridExport = injectGridExport();\n \n exportData() {\n * this.gridExport.exportToCsv('employees.csv');\n * }\n * }\n * ```\n \n @packageDocumentation\n /\n\nimport { ElementRef, inject, signal, type Signal } from '@angular/core';\nimport type { DataGridElement } from '@toolbox-web/grid';\nimport { registerFeature } from '@toolbox-web/grid-angular';\nimport { ExportPlugin, type ExportFormat, type ExportParams } from '@toolbox-web/grid/plugins/export';\n\nregisterFeature('export', (config) => {\n if (config === true) {\n return new ExportPlugin();\n }\n return new ExportPlugin(config ?? undefined);\n});\n\n/\n Export methods returned from injectGridExport.\n \n Uses lazy discovery - the grid is found on first method call, not during initialization.\n * This ensures it works with lazy-rendered tabs, conditional rendering, etc.\n /\nexport interface ExportMethods {\n /\n Export grid data to CSV file.\n * @param filename - Optional filename (defaults to 'export.csv')\n * @param params - Optional export parameters\n /\n exportToCsv: (filename?: string, params?: Partial<ExportParams>) => void;\n\n /\n Export grid data to Excel file (XML Spreadsheet format).\n * @param filename - Optional filename (defaults to 'export.xlsx')\n * @param params - Optional export parameters\n /\n exportToExcel: (filename?: string, params?: Partial<ExportParams>) => void;\n\n /\n Export grid data to JSON file.\n * @param filename - Optional filename (defaults to 'export.json')\n * @param params - Optional export parameters\n /\n exportToJson: (filename?: string, params?: Partial<ExportParams>) => void;\n\n /\n Check if an export is currently in progress.\n /\n isExporting: () => boolean;\n\n /\n Get information about the last export.\n /\n getLastExport: () => { format: ExportFormat; timestamp: Date } \| null;\n\n /\n Signal indicating if grid is ready.\n * The grid is discovered lazily, so this updates when first method call succeeds.\n /\n isReady: Signal<boolean>;\n}\n\n/\n Angular inject function for programmatic export control.\n \n Uses lazy grid discovery - the grid element is found when methods are called,\n * not during initialization. This ensures it works reliably with:\n * - Lazy-rendered tabs\n * - Conditional rendering (ngIf)\n - Dynamic component loading\n \n @example\n * ```typescript\n * import { Component, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';\n * import { Grid } from '@toolbox-web/grid-angular';\n * import '@toolbox-web/grid-angular/features/export';\n * import { injectGridExport } from '@toolbox-web/grid-angular/features/export';\n \n @Component({\n * selector: 'app-my-grid',\n * imports: [Grid],\n * schemas: [CUSTOM_ELEMENTS_SCHEMA],\n * template: `\n * <button (click)=\"handleExport()\">Export CSV</button>\n * <tbw-grid [rows]=\"rows\" [export]=\"true\"></tbw-grid>\n * `\n * })\n * export class MyGridComponent {\n * gridExport = injectGridExport();\n \n handleExport() {\n * this.gridExport.exportToCsv('employees.csv');\n * }\n * }\n * ```\n /\nexport function injectGridExport(): ExportMethods {\n const elementRef = inject(ElementRef);\n const isReady = signal(false);\n\n // Lazy discovery: cached grid reference\n let cachedGrid: DataGridElement \| null = null;\n let readyPromiseStarted = false;\n\n /\n Lazily find the grid element. Called on each method invocation.\n * Caches the reference once found and triggers ready() check.\n /\n const getGrid = (): DataGridElement \| null => {\n if (cachedGrid) return cachedGrid;\n\n const grid = elementRef.nativeElement.querySelector('tbw-grid') as DataGridElement \| null;\n if (grid) {\n cachedGrid = grid;\n // Start ready() check only once\n if (!readyPromiseStarted) {\n readyPromiseStarted = true;\n grid.ready?.().then(() => isReady.set(true));\n }\n }\n return grid;\n };\n\n const getPlugin = (): ExportPlugin \| undefined => {\n return getGrid()?.getPlugin(ExportPlugin);\n };\n\n return {\n isReady: isReady.asReadonly(),\n\n exportToCsv: (filename?: string, params?: Partial<ExportParams>) => {\n const plugin = getPlugin();\n if (!plugin) {\n console.warn(\n `[tbw-grid:export] ExportPlugin not found.\\n\\n` +\n ` → Enable export on the grid:\\n` +\n ` <tbw-grid [export]=\"true\" />`,\n );\n return;\n }\n plugin.exportCsv({ ...params, fileName: filename ?? params?.fileName ?? 'export.csv' });\n },\n\n exportToExcel: (filename?: string, params?: Partial<ExportParams>) => {\n const plugin = getPlugin();\n if (!plugin) {\n console.warn(\n `[tbw-grid:export] ExportPlugin not found.\\n\\n` +\n ` → Enable export on the grid:\\n` +\n ` <tbw-grid [export]=\"true\" />`,\n );\n return;\n }\n plugin.exportExcel({ ...params, fileName: filename ?? params?.fileName ?? 'export.xlsx' });\n },\n\n exportToJson: (filename?: string, params?: Partial<ExportParams>) => {\n const plugin = getPlugin();\n if (!plugin) {\n console.warn(\n `[tbw-grid:export] ExportPlugin not found.\\n\\n` +\n ` → Enable export on the grid:\\n` +\n ` <tbw-grid [export]=\"true\" />`,\n );\n return;\n }\n plugin.exportJson({ ...params, fileName: filename ?? params?.fileName ?? 'export.json' });\n },\n\n isExporting: () => {\n return getPlugin()?.isExporting() ?? false;\n },\n\n getLastExport: () => {\n return getPlugin()?.getLastExport() ?? null;\n },\n };\n}\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/toolbox-web-grid-angular-features-filtering.mjs CHANGED Viewed

@@ -1,10 +1,12 @@
-import { FilteringPlugin } from '@toolbox-web/grid/plugins/filtering';
+import { inject, ElementRef, signal } from '@angular/core';
 import { registerFeature } from '@toolbox-web/grid-angular';
+import { FilteringPlugin } from '@toolbox-web/grid/plugins/filtering';
 /**
  * Filtering feature for @toolbox-web/grid-angular
  *
  * Import this module to enable the `filtering` input on Grid directive.
+ * Also exports `injectGridFiltering()` for programmatic filter control.
  *
  * @example
  * ```typescript
@@ -14,6 +16,20 @@ import { registerFeature } from '@toolbox-web/grid-angular';
  * <tbw-grid [filtering]="{ debounceMs: 200 }" />
  * ```
  *
+ * @example Using injectGridFiltering
+ * ```typescript
+ * import { injectGridFiltering } from '@toolbox-web/grid-angular/features/filtering';
+ *
+ * @Component({...})
+ * export class MyComponent {
+ *   private filtering = injectGridFiltering();
+ *
+ *   filterByStatus(status: string) {
+ *     this.filtering.setFilter('status', { operator: 'equals', value: status });
+ *   }
+ * }
+ * ```
+ *
  * @packageDocumentation
  */
 registerFeature('filtering', (config) => {
@@ -22,8 +38,114 @@ registerFeature('filtering', (config) => {
     }
     return new FilteringPlugin(config ?? undefined);
 });
+/**
+ * Angular inject function for programmatic filter control.
+ *
+ * Uses **lazy grid discovery** - the grid element is found when methods are called,
+ * not during initialization.
+ *
+ * @example
+ * ```typescript
+ * import { Component, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
+ * import { Grid } from '@toolbox-web/grid-angular';
+ * import '@toolbox-web/grid-angular/features/filtering';
+ * import { injectGridFiltering } from '@toolbox-web/grid-angular/features/filtering';
+ *
+ * @Component({
+ *   selector: 'app-my-grid',
+ *   imports: [Grid],
+ *   schemas: [CUSTOM_ELEMENTS_SCHEMA],
+ *   template: `
+ *     <input (input)="applyFilter($event)" placeholder="Filter by name..." />
+ *     <span>{{ filtering.getFilteredRowCount() }} results</span>
+ *     <button (click)="filtering.clearAllFilters()">Clear</button>
+ *     <tbw-grid [rows]="rows" [filtering]="true"></tbw-grid>
+ *   `
+ * })
+ * export class MyGridComponent {
+ *   filtering = injectGridFiltering();
+ *
+ *   applyFilter(event: Event) {
+ *     const value = (event.target as HTMLInputElement).value;
+ *     this.filtering.setFilter('name', value ? { operator: 'contains', value } : null);
+ *   }
+ * }
+ * ```
+ */
+function injectGridFiltering() {
+    const elementRef = inject(ElementRef);
+    const isReady = signal(false, ...(ngDevMode ? [{ debugName: "isReady" }] : []));
+    let cachedGrid = null;
+    let readyPromiseStarted = false;
+    const getGrid = () => {
+        if (cachedGrid)
+            return cachedGrid;
+        const grid = elementRef.nativeElement.querySelector('tbw-grid');
+        if (grid) {
+            cachedGrid = grid;
+            if (!readyPromiseStarted) {
+                readyPromiseStarted = true;
+                grid.ready?.().then(() => isReady.set(true));
+            }
+        }
+        return grid;
+    };
+    const getPlugin = () => {
+        return getGrid()?.getPlugin(FilteringPlugin);
+    };
+    return {
+        isReady: isReady.asReadonly(),
+        setFilter: (field, filter) => {
+            const plugin = getPlugin();
+            if (!plugin) {
+                console.warn(`[tbw-grid:filtering] FilteringPlugin not found.\n\n` +
+                    `  → Enable filtering on the grid:\n` +
+                    `    <tbw-grid [filtering]="true" />`);
+                return;
+            }
+            plugin.setFilter(field, filter);
+        },
+        getFilter: (field) => getPlugin()?.getFilter(field),
+        getFilters: () => getPlugin()?.getFilters() ?? [],
+        setFilterModel: (filters) => {
+            const plugin = getPlugin();
+            if (!plugin) {
+                console.warn(`[tbw-grid:filtering] FilteringPlugin not found.\n\n` +
+                    `  → Enable filtering on the grid:\n` +
+                    `    <tbw-grid [filtering]="true" />`);
+                return;
+            }
+            plugin.setFilterModel(filters);
+        },
+        clearAllFilters: () => {
+            const plugin = getPlugin();
+            if (!plugin) {
+                console.warn(`[tbw-grid:filtering] FilteringPlugin not found.\n\n` +
+                    `  → Enable filtering on the grid:\n` +
+                    `    <tbw-grid [filtering]="true" />`);
+                return;
+            }
+            plugin.clearAllFilters();
+        },
+        clearFieldFilter: (field) => {
+            const plugin = getPlugin();
+            if (!plugin) {
+                console.warn(`[tbw-grid:filtering] FilteringPlugin not found.\n\n` +
+                    `  → Enable filtering on the grid:\n` +
+                    `    <tbw-grid [filtering]="true" />`);
+                return;
+            }
+            plugin.clearFieldFilter(field);
+        },
+        isFieldFiltered: (field) => getPlugin()?.isFieldFiltered(field) ?? false,
+        getFilteredRowCount: () => getPlugin()?.getFilteredRowCount() ?? 0,
+        getUniqueValues: (field) => getPlugin()?.getUniqueValues(field) ?? [],
+    };
+}
 /**
  * Generated bundle index. Do not edit.
  */
+export { injectGridFiltering };
 //# sourceMappingURL=toolbox-web-grid-angular-features-filtering.mjs.map

package/fesm2022/toolbox-web-grid-angular-features-filtering.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"toolbox-web-grid-angular-features-filtering.mjs","sources":["../../../../libs/grid-angular/features/filtering/src/index.ts","../../../../libs/grid-angular/features/filtering/src/toolbox-web-grid-angular-features-filtering.ts"],"sourcesContent":["/*\n Filtering feature for @toolbox-web/grid-angular\n \n Import this module to enable the `filtering` input on Grid directive.\n \n @example\n * ```typescript\n * import '@toolbox-web/grid-angular/features/filtering';\n \n <tbw-grid [filtering]=\"true\" />\n * <tbw-grid [filtering]=\"{ debounceMs: 200 }\" />\n * ```\n \n @packageDocumentation\n /\n\nimport { ~~FilteringPlugin~~ } from '@toolbox-web/grid~~/plugins/filtering~~';\nimport { registerFeature } from '@toolbox-web/grid-angular';\n\nregisterFeature('filtering', (config) => {\n if (config === true) {\n return new FilteringPlugin();\n }\n return new FilteringPlugin(config ?? undefined);\n});\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"~~;;;~~AAAA~~;;;;;;;;;;;;;;AAcG~~;~~AAKH~~,eAAe,CAAC,WAAW,EAAE,CAAC,MAAM,KAAI;AACtC,IAAA,IAAI,MAAM,KAAK,IAAI,EAAE;QACnB,OAAO,IAAI,eAAe,EAAE;IAC9B;AACA,IAAA,OAAO,IAAI,eAAe,CAAC,MAAM,IAAI,SAAS,CAAC;AACjD,CAAC,CAAC;;~~ACxBF~~;;AAEG"}
1	+ {"version":3,"file":"toolbox-web-grid-angular-features-filtering.mjs","sources":["../../../../libs/grid-angular/features/filtering/src/index.ts","../../../../libs/grid-angular/features/filtering/src/toolbox-web-grid-angular-features-filtering.ts"],"sourcesContent":["/*\n Filtering feature for @toolbox-web/grid-angular\n \n Import this module to enable the `filtering` input on Grid directive.\n * Also exports `injectGridFiltering()` for programmatic filter control.\n \n @example\n * ```typescript\n * import '@toolbox-web/grid-angular/features/filtering';\n \n <tbw-grid [filtering]=\"true\" />\n * <tbw-grid [filtering]=\"{ debounceMs: 200 }\" />\n * ```\n \n @example Using injectGridFiltering\n * ```typescript\n * import { injectGridFiltering } from '@toolbox-web/grid-angular/features/filtering';\n \n @Component({...})\n * export class MyComponent {\n * private filtering = injectGridFiltering();\n \n filterByStatus(status: string) {\n * this.filtering.setFilter('status', { operator: 'equals', value: status });\n * }\n * }\n * ```\n \n @packageDocumentation\n /\n\nimport { ElementRef, inject, signal, type Signal } from '@angular/core';\nimport type { DataGridElement } from '@toolbox-web/grid';\nimport { registerFeature } from '@toolbox-web/grid-angular';\nimport { FilteringPlugin, type FilterModel } from '@toolbox-web/grid/plugins/filtering';\n\nregisterFeature('filtering', (config) => {\n if (config === true) {\n return new FilteringPlugin();\n }\n return new FilteringPlugin(config ?? undefined);\n});\n\n/\n Filtering methods returned from injectGridFiltering.\n \n Uses lazy discovery - the grid is found on first method call, not during initialization.\n /\nexport interface FilteringMethods {\n /\n Set a filter on a specific field.\n * @param field - The field name to filter\n * @param filter - Filter configuration, or null to remove\n /\n setFilter: (field: string, filter: Omit<FilterModel, 'field'> \| null) => void;\n\n /\n Get the current filter for a field.\n /\n getFilter: (field: string) => FilterModel \| undefined;\n\n /\n Get all active filters.\n /\n getFilters: () => FilterModel[];\n\n /\n Set all filters at once (replaces existing).\n /\n setFilterModel: (filters: FilterModel[]) => void;\n\n /\n Clear all active filters.\n /\n clearAllFilters: () => void;\n\n /\n Clear filter for a specific field.\n /\n clearFieldFilter: (field: string) => void;\n\n /\n Check if a field has an active filter.\n /\n isFieldFiltered: (field: string) => boolean;\n\n /\n Get the count of rows after filtering.\n /\n getFilteredRowCount: () => number;\n\n /\n Get unique values for a field (for building filter dropdowns).\n /\n getUniqueValues: (field: string) => unknown[];\n\n /\n Signal indicating if grid is ready.\n /\n isReady: Signal<boolean>;\n}\n\n/\n Angular inject function for programmatic filter control.\n \n Uses lazy grid discovery - the grid element is found when methods are called,\n * not during initialization.\n \n @example\n * ```typescript\n * import { Component, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';\n * import { Grid } from '@toolbox-web/grid-angular';\n * import '@toolbox-web/grid-angular/features/filtering';\n * import { injectGridFiltering } from '@toolbox-web/grid-angular/features/filtering';\n \n @Component({\n * selector: 'app-my-grid',\n * imports: [Grid],\n * schemas: [CUSTOM_ELEMENTS_SCHEMA],\n * template: `\n * <input (input)=\"applyFilter($event)\" placeholder=\"Filter by name...\" />\n * <span>{{ filtering.getFilteredRowCount() }} results</span>\n * <button (click)=\"filtering.clearAllFilters()\">Clear</button>\n * <tbw-grid [rows]=\"rows\" [filtering]=\"true\"></tbw-grid>\n * `\n * })\n * export class MyGridComponent {\n * filtering = injectGridFiltering();\n \n applyFilter(event: Event) {\n * const value = (event.target as HTMLInputElement).value;\n * this.filtering.setFilter('name', value ? { operator: 'contains', value } : null);\n * }\n * }\n * ```\n /\nexport function injectGridFiltering(): FilteringMethods {\n const elementRef = inject(ElementRef);\n const isReady = signal(false);\n\n let cachedGrid: DataGridElement \| null = null;\n let readyPromiseStarted = false;\n\n const getGrid = (): DataGridElement \| null => {\n if (cachedGrid) return cachedGrid;\n\n const grid = elementRef.nativeElement.querySelector('tbw-grid') as DataGridElement \| null;\n if (grid) {\n cachedGrid = grid;\n if (!readyPromiseStarted) {\n readyPromiseStarted = true;\n grid.ready?.().then(() => isReady.set(true));\n }\n }\n return grid;\n };\n\n const getPlugin = (): FilteringPlugin \| undefined => {\n return getGrid()?.getPlugin(FilteringPlugin);\n };\n\n return {\n isReady: isReady.asReadonly(),\n\n setFilter: (field: string, filter: Omit<FilterModel, 'field'> \| null) => {\n const plugin = getPlugin();\n if (!plugin) {\n console.warn(\n `[tbw-grid:filtering] FilteringPlugin not found.\\n\\n` +\n ` → Enable filtering on the grid:\\n` +\n ` <tbw-grid [filtering]=\"true\" />`,\n );\n return;\n }\n plugin.setFilter(field, filter);\n },\n\n getFilter: (field: string) => getPlugin()?.getFilter(field),\n\n getFilters: () => getPlugin()?.getFilters() ?? [],\n\n setFilterModel: (filters: FilterModel[]) => {\n const plugin = getPlugin();\n if (!plugin) {\n console.warn(\n `[tbw-grid:filtering] FilteringPlugin not found.\\n\\n` +\n ` → Enable filtering on the grid:\\n` +\n ` <tbw-grid [filtering]=\"true\" />`,\n );\n return;\n }\n plugin.setFilterModel(filters);\n },\n\n clearAllFilters: () => {\n const plugin = getPlugin();\n if (!plugin) {\n console.warn(\n `[tbw-grid:filtering] FilteringPlugin not found.\\n\\n` +\n ` → Enable filtering on the grid:\\n` +\n ` <tbw-grid [filtering]=\"true\" />`,\n );\n return;\n }\n plugin.clearAllFilters();\n },\n\n clearFieldFilter: (field: string) => {\n const plugin = getPlugin();\n if (!plugin) {\n console.warn(\n `[tbw-grid:filtering] FilteringPlugin not found.\\n\\n` +\n ` → Enable filtering on the grid:\\n` +\n ` <tbw-grid [filtering]=\"true\" />`,\n );\n return;\n }\n plugin.clearFieldFilter(field);\n },\n\n isFieldFiltered: (field: string) => getPlugin()?.isFieldFiltered(field) ?? false,\n\n getFilteredRowCount: () => getPlugin()?.getFilteredRowCount() ?? 0,\n\n getUniqueValues: (field: string) => getPlugin()?.getUniqueValues(field) ?? [],\n };\n}\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/toolbox-web-grid-angular-features-print.mjs CHANGED Viewed

@@ -1,10 +1,12 @@
-import { PrintPlugin } from '@toolbox-web/grid/plugins/print';
+import { inject, ElementRef, signal } from '@angular/core';
 import { registerFeature } from '@toolbox-web/grid-angular';
+import { PrintPlugin } from '@toolbox-web/grid/plugins/print';
 /**
  * Print feature for @toolbox-web/grid-angular
  *
  * Import this module to enable the `print` input on Grid directive.
+ * Also exports `injectGridPrint()` for programmatic print control.
  *
  * @example
  * ```typescript
@@ -13,6 +15,20 @@ import { registerFeature } from '@toolbox-web/grid-angular';
  * <tbw-grid [print]="true" />
  * ```
  *
+ * @example Using injectGridPrint
+ * ```typescript
+ * import { injectGridPrint } from '@toolbox-web/grid-angular/features/print';
+ *
+ * @Component({...})
+ * export class MyComponent {
+ *   private gridPrint = injectGridPrint();
+ *
+ *   printReport() {
+ *     this.gridPrint.print({ title: 'My Report' });
+ *   }
+ * }
+ * ```
+ *
  * @packageDocumentation
  */
 registerFeature('print', (config) => {
@@ -21,8 +37,80 @@ registerFeature('print', (config) => {
     }
     return new PrintPlugin(config ?? undefined);
 });
+/**
+ * Angular inject function for programmatic print control.
+ *
+ * Uses **lazy grid discovery** - the grid element is found when methods are called,
+ * not during initialization.
+ *
+ * @example
+ * ```typescript
+ * import { Component, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
+ * import { Grid } from '@toolbox-web/grid-angular';
+ * import '@toolbox-web/grid-angular/features/print';
+ * import { injectGridPrint } from '@toolbox-web/grid-angular/features/print';
+ *
+ * @Component({
+ *   selector: 'app-my-grid',
+ *   imports: [Grid],
+ *   schemas: [CUSTOM_ELEMENTS_SCHEMA],
+ *   template: `
+ *     <button (click)="handlePrint()" [disabled]="gridPrint.isPrinting()">
+ *       {{ gridPrint.isPrinting() ? 'Printing...' : 'Print' }}
+ *     </button>
+ *     <tbw-grid [rows]="rows" [print]="true"></tbw-grid>
+ *   `
+ * })
+ * export class MyGridComponent {
+ *   gridPrint = injectGridPrint();
+ *
+ *   async handlePrint() {
+ *     await this.gridPrint.print({ title: 'Employee Report', isolate: true });
+ *     console.log('Print dialog closed');
+ *   }
+ * }
+ * ```
+ */
+function injectGridPrint() {
+    const elementRef = inject(ElementRef);
+    const isReady = signal(false, ...(ngDevMode ? [{ debugName: "isReady" }] : []));
+    let cachedGrid = null;
+    let readyPromiseStarted = false;
+    const getGrid = () => {
+        if (cachedGrid)
+            return cachedGrid;
+        const grid = elementRef.nativeElement.querySelector('tbw-grid');
+        if (grid) {
+            cachedGrid = grid;
+            if (!readyPromiseStarted) {
+                readyPromiseStarted = true;
+                grid.ready?.().then(() => isReady.set(true));
+            }
+        }
+        return grid;
+    };
+    const getPlugin = () => {
+        return getGrid()?.getPlugin(PrintPlugin);
+    };
+    return {
+        isReady: isReady.asReadonly(),
+        print: async (params) => {
+            const plugin = getPlugin();
+            if (!plugin) {
+                console.warn(`[tbw-grid:print] PrintPlugin not found.\n\n` +
+                    `  → Enable print on the grid:\n` +
+                    `    <tbw-grid [print]="true" />`);
+                return;
+            }
+            await plugin.print(params);
+        },
+        isPrinting: () => getPlugin()?.isPrinting() ?? false,
+    };
+}
 /**
  * Generated bundle index. Do not edit.
  */
+export { injectGridPrint };
 //# sourceMappingURL=toolbox-web-grid-angular-features-print.mjs.map

package/fesm2022/toolbox-web-grid-angular-features-print.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"toolbox-web-grid-angular-features-print.mjs","sources":["../../../../libs/grid-angular/features/print/src/index.ts","../../../../libs/grid-angular/features/print/src/toolbox-web-grid-angular-features-print.ts"],"sourcesContent":["/*\n Print feature for @toolbox-web/grid-angular\n \n Import this module to enable the `print` input on Grid directive.\n \n @example\n * ```typescript\n * import '@toolbox-web/grid-angular/features/print';\n \n <tbw-grid [print]=\"true\" />\n * ```\n \n @packageDocumentation\n /\n\nimport { ~~PrintPlugin~~ } from '@toolbox-web/grid~~/plugins/print~~';\nimport { registerFeature } from '@toolbox-web/grid-angular';\n\nregisterFeature('print', (config) => {\n if (config === true) {\n return new PrintPlugin();\n }\n return new PrintPlugin(config ?? undefined);\n});\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"~~;;;~~AAAA~~;;;;;;;;;;;;;AAaG~~;~~AAKH~~,eAAe,CAAC,OAAO,EAAE,CAAC,MAAM,KAAI;AAClC,IAAA,IAAI,MAAM,KAAK,IAAI,EAAE;QACnB,OAAO,IAAI,WAAW,EAAE;IAC1B;AACA,IAAA,OAAO,IAAI,WAAW,CAAC,MAAM,IAAI,SAAS,CAAC;AAC7C,CAAC,CAAC;;~~ACvBF~~;;AAEG"}
1	+ {"version":3,"file":"toolbox-web-grid-angular-features-print.mjs","sources":["../../../../libs/grid-angular/features/print/src/index.ts","../../../../libs/grid-angular/features/print/src/toolbox-web-grid-angular-features-print.ts"],"sourcesContent":["/*\n Print feature for @toolbox-web/grid-angular\n \n Import this module to enable the `print` input on Grid directive.\n * Also exports `injectGridPrint()` for programmatic print control.\n \n @example\n * ```typescript\n * import '@toolbox-web/grid-angular/features/print';\n \n <tbw-grid [print]=\"true\" />\n * ```\n \n @example Using injectGridPrint\n * ```typescript\n * import { injectGridPrint } from '@toolbox-web/grid-angular/features/print';\n \n @Component({...})\n * export class MyComponent {\n * private gridPrint = injectGridPrint();\n \n printReport() {\n * this.gridPrint.print({ title: 'My Report' });\n * }\n * }\n * ```\n \n @packageDocumentation\n /\n\nimport { ElementRef, inject, signal, type Signal } from '@angular/core';\nimport type { DataGridElement } from '@toolbox-web/grid';\nimport { registerFeature } from '@toolbox-web/grid-angular';\nimport { PrintPlugin, type PrintParams } from '@toolbox-web/grid/plugins/print';\n\nregisterFeature('print', (config) => {\n if (config === true) {\n return new PrintPlugin();\n }\n return new PrintPlugin(config ?? undefined);\n});\n\n/\n Print methods returned from injectGridPrint.\n \n Uses lazy discovery - the grid is found on first method call, not during initialization.\n /\nexport interface PrintMethods {\n /\n Print the grid.\n * Opens browser print dialog after preparing the grid for printing.\n * @param params - Optional print parameters\n /\n print: (params?: PrintParams) => Promise<void>;\n\n /\n Check if a print operation is currently in progress.\n /\n isPrinting: () => boolean;\n\n /\n Signal indicating if grid is ready.\n /\n isReady: Signal<boolean>;\n}\n\n/\n Angular inject function for programmatic print control.\n \n Uses lazy grid discovery - the grid element is found when methods are called,\n * not during initialization.\n \n @example\n * ```typescript\n * import { Component, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';\n * import { Grid } from '@toolbox-web/grid-angular';\n * import '@toolbox-web/grid-angular/features/print';\n * import { injectGridPrint } from '@toolbox-web/grid-angular/features/print';\n \n @Component({\n * selector: 'app-my-grid',\n * imports: [Grid],\n * schemas: [CUSTOM_ELEMENTS_SCHEMA],\n * template: `\n * <button (click)=\"handlePrint()\" [disabled]=\"gridPrint.isPrinting()\">\n * {{ gridPrint.isPrinting() ? 'Printing...' : 'Print' }}\n * </button>\n * <tbw-grid [rows]=\"rows\" [print]=\"true\"></tbw-grid>\n * `\n * })\n * export class MyGridComponent {\n * gridPrint = injectGridPrint();\n \n async handlePrint() {\n * await this.gridPrint.print({ title: 'Employee Report', isolate: true });\n * console.log('Print dialog closed');\n * }\n * }\n * ```\n /\nexport function injectGridPrint(): PrintMethods {\n const elementRef = inject(ElementRef);\n const isReady = signal(false);\n\n let cachedGrid: DataGridElement \| null = null;\n let readyPromiseStarted = false;\n\n const getGrid = (): DataGridElement \| null => {\n if (cachedGrid) return cachedGrid;\n\n const grid = elementRef.nativeElement.querySelector('tbw-grid') as DataGridElement \| null;\n if (grid) {\n cachedGrid = grid;\n if (!readyPromiseStarted) {\n readyPromiseStarted = true;\n grid.ready?.().then(() => isReady.set(true));\n }\n }\n return grid;\n };\n\n const getPlugin = (): PrintPlugin \| undefined => {\n return getGrid()?.getPlugin(PrintPlugin);\n };\n\n return {\n isReady: isReady.asReadonly(),\n\n print: async (params?: PrintParams) => {\n const plugin = getPlugin();\n if (!plugin) {\n console.warn(\n `[tbw-grid:print] PrintPlugin not found.\\n\\n` +\n ` → Enable print on the grid:\\n` +\n ` <tbw-grid [print]=\"true\" />`,\n );\n return;\n }\n await plugin.print(params);\n },\n\n isPrinting: () => getPlugin()?.isPrinting() ?? false,\n };\n}\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BG;AAOH,eAAe,CAAC,OAAO,EAAE,CAAC,MAAM,KAAI;AAClC,IAAA,IAAI,MAAM,KAAK,IAAI,EAAE;QACnB,OAAO,IAAI,WAAW,EAAE;IAC1B;AACA,IAAA,OAAO,IAAI,WAAW,CAAC,MAAM,IAAI,SAAS,CAAC;AAC7C,CAAC,CAAC;AA0BF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiCG;SACa,eAAe,GAAA;AAC7B,IAAA,MAAM,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC;AACrC,IAAA,MAAM,OAAO,GAAG,MAAM,CAAC,KAAK,mDAAC;IAE7B,IAAI,UAAU,GAA2B,IAAI;IAC7C,IAAI,mBAAmB,GAAG,KAAK;IAE/B,MAAM,OAAO,GAAG,MAA6B;AAC3C,QAAA,IAAI,UAAU;AAAE,YAAA,OAAO,UAAU;QAEjC,MAAM,IAAI,GAAG,UAAU,CAAC,aAAa,CAAC,aAAa,CAAC,UAAU,CAA2B;QACzF,IAAI,IAAI,EAAE;YACR,UAAU,GAAG,IAAI;YACjB,IAAI,CAAC,mBAAmB,EAAE;gBACxB,mBAAmB,GAAG,IAAI;AAC1B,gBAAA,IAAI,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC,MAAM,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;YAC9C;QACF;AACA,QAAA,OAAO,IAAI;AACb,IAAA,CAAC;IAED,MAAM,SAAS,GAAG,MAA8B;AAC9C,QAAA,OAAO,OAAO,EAAE,EAAE,SAAS,CAAC,WAAW,CAAC;AAC1C,IAAA,CAAC;IAED,OAAO;AACL,QAAA,OAAO,EAAE,OAAO,CAAC,UAAU,EAAE;AAE7B,QAAA,KAAK,EAAE,OAAO,MAAoB,KAAI;AACpC,YAAA,MAAM,MAAM,GAAG,SAAS,EAAE;YAC1B,IAAI,CAAC,MAAM,EAAE;gBACX,OAAO,CAAC,IAAI,CACV,CAAA,2CAAA,CAA6C;oBAC3C,CAAA,+BAAA,CAAiC;AACjC,oBAAA,CAAA,+BAAA,CAAiC,CACpC;gBACD;YACF;AACA,YAAA,MAAM,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC;QAC5B,CAAC;QAED,UAAU,EAAE,MAAM,SAAS,EAAE,EAAE,UAAU,EAAE,IAAI,KAAK;KACrD;AACH;;AC/IA;;AAEG;;;;"}