@toolbox-web/grid-angular 0.4.0 → 0.6.0

package/lib/directives/grid.directive.d.ts

@@ -1,4 +1,6 @@
 import { AfterContentInit, OnDestroy, OnInit } from '@angular/core';
+import { CellActivateDetail, CellChangeDetail, CellClickDetail, ChangedRowsResetDetail, ColumnResizeDetail, GridColumnState, RowClickDetail, SortChangeDetail } from '@toolbox-web/grid';
+import { ClipboardConfig, ColumnMoveDetail, ColumnVirtualizationConfig, ColumnVisibilityDetail, ContextMenuConfig, CopyDetail, DetailExpandDetail, ExportCompleteDetail, ExportConfig, FilterChangeDetail, FilterConfig, GroupingColumnsConfig, GroupingRowsConfig, GroupToggleDetail, MasterDetailConfig, MultiSortConfig, PasteDetail, PinnedRowsConfig, PivotConfig, PrintCompleteDetail, PrintConfig, PrintStartDetail, ReorderConfig, ResponsiveChangeDetail, ResponsivePluginConfig, RowMoveDetail, RowReorderConfig, SelectionChangeDetail, SelectionConfig, ServerSideConfig, TreeConfig, TreeExpandDetail, UndoRedoConfig, UndoRedoDetail, VisibilityConfig } from '@toolbox-web/grid/all';
 import { AngularGridConfig } from '../angular-column-config';
 /**
  * Event detail for cell commit events.
@@ -75,9 +77,7 @@ export declare class Grid implements OnInit, AfterContentInit, OnDestroy {
     private appRef;
     private viewContainerRef;
     private adapter;
-    private cellCommitListener;
     constructor();
-    private rowCommitListener;
     /**
      * Custom CSS styles to inject into the grid.
      * Use this to style custom cell renderers, editors, or detail panels.
@@ -132,6 +132,374 @@ export declare class Grid implements OnInit, AfterContentInit, OnDestroy {
      * ```
      */
     angularConfig: import('@angular/core').InputSignal<AngularGridConfig<any> | undefined>;
+    /**
+     * Enable cell/row/range selection.
+     *
+     * **Requires feature import:**
+     * ```typescript
+     * import '@toolbox-web/grid-angular/features/selection';
+     * ```
+     *
+     * @example
+     * ```html
+     * <!-- Shorthand - just the mode -->
+     * <tbw-grid [selection]="'range'" />
+     *
+     * <!-- Full config object -->
+     * <tbw-grid [selection]="{ mode: 'range', checkbox: true }" />
+     * ```
+     */
+    selection: import('@angular/core').InputSignal<"row" | "range" | "cell" | SelectionConfig<any> | undefined>;
+    /**
+     * Enable inline cell editing.
+     *
+     * **Requires feature import:**
+     * ```typescript
+     * import '@toolbox-web/grid-angular/features/editing';
+     * ```
+     *
+     * @example
+     * ```html
+     * <!-- Enable with default trigger (dblclick) -->
+     * <tbw-grid [editing]="true" />
+     *
+     * <!-- Specify trigger -->
+     * <tbw-grid [editing]="'click'" />
+     * <tbw-grid [editing]="'dblclick'" />
+     * <tbw-grid [editing]="'manual'" />
+     * ```
+     */
+    editing: import('@angular/core').InputSignal<boolean | "click" | "dblclick" | "manual" | undefined>;
+    /**
+     * Enable clipboard copy/paste. Requires selection to be enabled.
+     *
+     * **Requires feature import:**
+     * ```typescript
+     * import '@toolbox-web/grid-angular/features/clipboard';
+     * ```
+     *
+     * @example
+     * ```html
+     * <tbw-grid [selection]="'range'" [clipboard]="true" />
+     * ```
+     */
+    clipboard: import('@angular/core').InputSignal<boolean | ClipboardConfig | undefined>;
+    /**
+     * Enable right-click context menu.
+     *
+     * **Requires feature import:**
+     * ```typescript
+     * import '@toolbox-web/grid-angular/features/context-menu';
+     * ```
+     *
+     * @example
+     * ```html
+     * <tbw-grid [contextMenu]="true" />
+     * ```
+     */
+    contextMenu: import('@angular/core').InputSignal<boolean | ContextMenuConfig | undefined>;
+    /**
+     * Enable column sorting.
+     *
+     * **Requires feature import:**
+     * ```typescript
+     * import '@toolbox-web/grid-angular/features/sorting';
+     * ```
+     *
+     * @example
+     * ```html
+     * <!-- Enable with default (multi-sort) -->
+     * <tbw-grid [sorting]="true" />
+     *
+     * <!-- Single column sort only -->
+     * <tbw-grid [sorting]="'single'" />
+     *
+     * <!-- Multi-column sort -->
+     * <tbw-grid [sorting]="'multi'" />
+     * ```
+     */
+    sorting: import('@angular/core').InputSignal<boolean | "multi" | MultiSortConfig | "single" | undefined>;
+    /**
+     * Enable column filtering.
+     *
+     * **Requires feature import:**
+     * ```typescript
+     * import '@toolbox-web/grid-angular/features/filtering';
+     * ```
+     *
+     * @example
+     * ```html
+     * <tbw-grid [filtering]="true" />
+     * <tbw-grid [filtering]="{ debounceMs: 200 }" />
+     * ```
+     */
+    filtering: import('@angular/core').InputSignal<boolean | FilterConfig<any> | undefined>;
+    /**
+     * Enable column drag-to-reorder.
+     *
+     * **Requires feature import:**
+     * ```typescript
+     * import '@toolbox-web/grid-angular/features/reorder';
+     * ```
+     *
+     * @example
+     * ```html
+     * <tbw-grid [reorder]="true" />
+     * ```
+     */
+    reorder: import('@angular/core').InputSignal<boolean | ReorderConfig | undefined>;
+    /**
+     * Enable column visibility toggle panel.
+     *
+     * **Requires feature import:**
+     * ```typescript
+     * import '@toolbox-web/grid-angular/features/visibility';
+     * ```
+     *
+     * @example
+     * ```html
+     * <tbw-grid [visibility]="true" />
+     * ```
+     */
+    visibility: import('@angular/core').InputSignal<boolean | VisibilityConfig | undefined>;
+    /**
+     * Enable pinned/sticky columns.
+     * Columns are pinned via the `sticky` column property.
+     *
+     * **Requires feature import:**
+     * ```typescript
+     * import '@toolbox-web/grid-angular/features/pinned-columns';
+     * ```
+     *
+     * @example
+     * ```html
+     * <tbw-grid [pinnedColumns]="true" [columns]="[
+     *   { field: 'id', sticky: 'left' },
+     *   { field: 'name' },
+     *   { field: 'actions', sticky: 'right' }
+     * ]" />
+     * ```
+     */
+    pinnedColumns: import('@angular/core').InputSignal<boolean | undefined>;
+    /**
+     * Enable multi-level column headers (column groups).
+     *
+     * **Requires feature import:**
+     * ```typescript
+     * import '@toolbox-web/grid-angular/features/grouping-columns';
+     * ```
+     *
+     * @example
+     * ```html
+     * <tbw-grid [groupingColumns]="{ columnGroups: [...] }" />
+     * ```
+     */
+    groupingColumns: import('@angular/core').InputSignal<boolean | GroupingColumnsConfig | undefined>;
+    /**
+     * Enable horizontal column virtualization for wide grids.
+     *
+     * **Requires feature import:**
+     * ```typescript
+     * import '@toolbox-web/grid-angular/features/column-virtualization';
+     * ```
+     *
+     * @example
+     * ```html
+     * <tbw-grid [columnVirtualization]="true" />
+     * ```
+     */
+    columnVirtualization: import('@angular/core').InputSignal<boolean | ColumnVirtualizationConfig | undefined>;
+    /**
+     * Enable row drag-to-reorder.
+     *
+     * **Requires feature import:**
+     * ```typescript
+     * import '@toolbox-web/grid-angular/features/row-reorder';
+     * ```
+     *
+     * @example
+     * ```html
+     * <tbw-grid [rowReorder]="true" />
+     * ```
+     */
+    rowReorder: import('@angular/core').InputSignal<boolean | RowReorderConfig | undefined>;
+    /**
+     * Enable row grouping by field values.
+     *
+     * **Requires feature import:**
+     * ```typescript
+     * import '@toolbox-web/grid-angular/features/grouping-rows';
+     * ```
+     *
+     * @example
+     * ```html
+     * <tbw-grid [groupingRows]="{ groupBy: ['department'] }" />
+     * ```
+     */
+    groupingRows: import('@angular/core').InputSignal<GroupingRowsConfig | undefined>;
+    /**
+     * Enable pinned rows (aggregation/status bar).
+     *
+     * **Requires feature import:**
+     * ```typescript
+     * import '@toolbox-web/grid-angular/features/pinned-rows';
+     * ```
+     *
+     * @example
+     * ```html
+     * <tbw-grid [pinnedRows]="{ bottom: [{ type: 'aggregation' }] }" />
+     * ```
+     */
+    pinnedRows: import('@angular/core').InputSignal<boolean | PinnedRowsConfig | undefined>;
+    /**
+     * Enable hierarchical tree view.
+     *
+     * **Requires feature import:**
+     * ```typescript
+     * import '@toolbox-web/grid-angular/features/tree';
+     * ```
+     *
+     * @example
+     * ```html
+     * <tbw-grid [tree]="{ childrenField: 'children' }" />
+     * ```
+     */
+    tree: import('@angular/core').InputSignal<boolean | TreeConfig | undefined>;
+    /**
+     * Enable master-detail expandable rows.
+     *
+     * **Requires feature import:**
+     * ```typescript
+     * import '@toolbox-web/grid-angular/features/master-detail';
+     * ```
+     *
+     * @example
+     * ```html
+     * <tbw-grid [masterDetail]="{ detailRenderer: detailFn }" />
+     * ```
+     */
+    masterDetail: import('@angular/core').InputSignal<MasterDetailConfig | undefined>;
+    /**
+     * Enable responsive card layout for narrow viewports.
+     *
+     * **Requires feature import:**
+     * ```typescript
+     * import '@toolbox-web/grid-angular/features/responsive';
+     * ```
+     *
+     * @example
+     * ```html
+     * <tbw-grid [responsive]="{ breakpoint: 768 }" />
+     * ```
+     */
+    responsive: import('@angular/core').InputSignal<boolean | ResponsivePluginConfig<unknown> | undefined>;
+    /**
+     * Enable undo/redo for cell edits. Requires editing to be enabled.
+     *
+     * **Requires feature import:**
+     * ```typescript
+     * import '@toolbox-web/grid-angular/features/undo-redo';
+     * ```
+     *
+     * @example
+     * ```html
+     * <tbw-grid [editing]="'dblclick'" [undoRedo]="true" />
+     * ```
+     */
+    undoRedo: import('@angular/core').InputSignal<boolean | UndoRedoConfig | undefined>;
+    /**
+     * Enable CSV/JSON export functionality.
+     *
+     * **Requires feature import:**
+     * ```typescript
+     * import '@toolbox-web/grid-angular/features/export';
+     * ```
+     *
+     * @example
+     * ```html
+     * <tbw-grid [export]="true" />
+     * <tbw-grid [export]="{ filename: 'data.csv' }" />
+     * ```
+     */
+    exportFeature: import('@angular/core').InputSignal<boolean | ExportConfig | undefined>;
+    /**
+     * Enable print functionality.
+     *
+     * **Requires feature import:**
+     * ```typescript
+     * import '@toolbox-web/grid-angular/features/print';
+     * ```
+     *
+     * @example
+     * ```html
+     * <tbw-grid [print]="true" />
+     * ```
+     */
+    print: import('@angular/core').InputSignal<boolean | PrintConfig | undefined>;
+    /**
+     * Enable pivot table functionality.
+     *
+     * **Requires feature import:**
+     * ```typescript
+     * import '@toolbox-web/grid-angular/features/pivot';
+     * ```
+     *
+     * @example
+     * ```html
+     * <tbw-grid [pivot]="{ rowFields: ['category'], valueField: 'sales' }" />
+     * ```
+     */
+    pivot: import('@angular/core').InputSignal<PivotConfig | undefined>;
+    /**
+     * Enable server-side data operations.
+     *
+     * **Requires feature import:**
+     * ```typescript
+     * import '@toolbox-web/grid-angular/features/server-side';
+     * ```
+     *
+     * @example
+     * ```html
+     * <tbw-grid [serverSide]="{ dataSource: fetchDataFn }" />
+     * ```
+     */
+    serverSide: import('@angular/core').InputSignal<ServerSideConfig | undefined>;
+    /**
+     * Emitted when a cell is clicked.
+     *
+     * @example
+     * ```html
+     * <tbw-grid (cellClick)="onCellClick($event)">...</tbw-grid>
+     * ```
+     */
+    cellClick: import('@angular/core').OutputEmitterRef<CellClickDetail<any>>;
+    /**
+     * Emitted when a row is clicked.
+     *
+     * @example
+     * ```html
+     * <tbw-grid (rowClick)="onRowClick($event)">...</tbw-grid>
+     * ```
+     */
+    rowClick: import('@angular/core').OutputEmitterRef<RowClickDetail<any>>;
+    /**
+     * Emitted when a cell is activated (Enter key or double-click).
+     *
+     * @example
+     * ```html
+     * <tbw-grid (cellActivate)="onCellActivate($event)">...</tbw-grid>
+     * ```
+     */
+    cellActivate: import('@angular/core').OutputEmitterRef<CellActivateDetail<any>>;
+    /**
+     * Emitted when a cell value changes (before commit).
+     *
+     * @example
+     * ```html
+     * <tbw-grid (cellChange)="onCellChange($event)">...</tbw-grid>
+     * ```
+     */
+    cellChange: import('@angular/core').OutputEmitterRef<CellChangeDetail<any>>;
     /**
      * Emitted when a cell value is committed (inline editing).
      * Provides the row, field, new value, and change tracking information.
@@ -158,7 +526,190 @@ export declare class Grid implements OnInit, AfterContentInit, OnDestroy {
      * ```
      */
     rowCommit: import('@angular/core').OutputEmitterRef<RowCommitEvent<unknown>>;
+    /**
+     * Emitted when the changed rows are reset.
+     *
+     * @example
+     * ```html
+     * <tbw-grid (changedRowsReset)="onChangedRowsReset($event)">...</tbw-grid>
+     * ```
+     */
+    changedRowsReset: import('@angular/core').OutputEmitterRef<ChangedRowsResetDetail<unknown>>;
+    /**
+     * Emitted when sort state changes.
+     *
+     * @example
+     * ```html
+     * <tbw-grid (sortChange)="onSortChange($event)">...</tbw-grid>
+     * ```
+     */
+    sortChange: import('@angular/core').OutputEmitterRef<SortChangeDetail>;
+    /**
+     * Emitted when filter values change.
+     *
+     * @example
+     * ```html
+     * <tbw-grid (filterChange)="onFilterChange($event)">...</tbw-grid>
+     * ```
+     */
+    filterChange: import('@angular/core').OutputEmitterRef<FilterChangeDetail>;
+    /**
+     * Emitted when a column is resized.
+     *
+     * @example
+     * ```html
+     * <tbw-grid (columnResize)="onColumnResize($event)">...</tbw-grid>
+     * ```
+     */
+    columnResize: import('@angular/core').OutputEmitterRef<ColumnResizeDetail>;
+    /**
+     * Emitted when a column is moved via drag-and-drop.
+     *
+     * @example
+     * ```html
+     * <tbw-grid (columnMove)="onColumnMove($event)">...</tbw-grid>
+     * ```
+     */
+    columnMove: import('@angular/core').OutputEmitterRef<ColumnMoveDetail>;
+    /**
+     * Emitted when column visibility changes.
+     *
+     * @example
+     * ```html
+     * <tbw-grid (columnVisibility)="onColumnVisibility($event)">...</tbw-grid>
+     * ```
+     */
+    columnVisibility: import('@angular/core').OutputEmitterRef<ColumnVisibilityDetail>;
+    /**
+     * Emitted when column state changes (resize, reorder, visibility).
+     *
+     * @example
+     * ```html
+     * <tbw-grid (columnStateChange)="onColumnStateChange($event)">...</tbw-grid>
+     * ```
+     */
+    columnStateChange: import('@angular/core').OutputEmitterRef<GridColumnState>;
+    /**
+     * Emitted when selection changes.
+     *
+     * @example
+     * ```html
+     * <tbw-grid (selectionChange)="onSelectionChange($event)">...</tbw-grid>
+     * ```
+     */
+    selectionChange: import('@angular/core').OutputEmitterRef<SelectionChangeDetail>;
+    /**
+     * Emitted when a row is moved via drag-and-drop.
+     *
+     * @example
+     * ```html
+     * <tbw-grid (rowMove)="onRowMove($event)">...</tbw-grid>
+     * ```
+     */
+    rowMove: import('@angular/core').OutputEmitterRef<RowMoveDetail<any>>;
+    /**
+     * Emitted when a group is expanded or collapsed.
+     *
+     * @example
+     * ```html
+     * <tbw-grid (groupToggle)="onGroupToggle($event)">...</tbw-grid>
+     * ```
+     */
+    groupToggle: import('@angular/core').OutputEmitterRef<GroupToggleDetail>;
+    /**
+     * Emitted when a tree node is expanded.
+     *
+     * @example
+     * ```html
+     * <tbw-grid (treeExpand)="onTreeExpand($event)">...</tbw-grid>
+     * ```
+     */
+    treeExpand: import('@angular/core').OutputEmitterRef<TreeExpandDetail<any>>;
+    /**
+     * Emitted when a detail panel is expanded or collapsed.
+     *
+     * @example
+     * ```html
+     * <tbw-grid (detailExpand)="onDetailExpand($event)">...</tbw-grid>
+     * ```
+     */
+    detailExpand: import('@angular/core').OutputEmitterRef<DetailExpandDetail>;
+    /**
+     * Emitted when responsive mode changes (table ↔ card).
+     *
+     * @example
+     * ```html
+     * <tbw-grid (responsiveChange)="onResponsiveChange($event)">...</tbw-grid>
+     * ```
+     */
+    responsiveChange: import('@angular/core').OutputEmitterRef<ResponsiveChangeDetail>;
+    /**
+     * Emitted when cells are copied to clipboard.
+     *
+     * @example
+     * ```html
+     * <tbw-grid (copy)="onCopy($event)">...</tbw-grid>
+     * ```
+     */
+    copy: import('@angular/core').OutputEmitterRef<CopyDetail>;
+    /**
+     * Emitted when cells are pasted from clipboard.
+     *
+     * @example
+     * ```html
+     * <tbw-grid (paste)="onPaste($event)">...</tbw-grid>
+     * ```
+     */
+    paste: import('@angular/core').OutputEmitterRef<PasteDetail>;
+    /**
+     * Emitted when undo/redo is performed.
+     *
+     * @example
+     * ```html
+     * <tbw-grid (undoRedoAction)="onUndoRedo($event)">...</tbw-grid>
+     * ```
+     */
+    undoRedoAction: import('@angular/core').OutputEmitterRef<UndoRedoDetail>;
+    /**
+     * Emitted when export completes.
+     *
+     * @example
+     * ```html
+     * <tbw-grid (exportComplete)="onExportComplete($event)">...</tbw-grid>
+     * ```
+     */
+    exportComplete: import('@angular/core').OutputEmitterRef<ExportCompleteDetail>;
+    /**
+     * Emitted when print starts.
+     *
+     * @example
+     * ```html
+     * <tbw-grid (printStart)="onPrintStart($event)">...</tbw-grid>
+     * ```
+     */
+    printStart: import('@angular/core').OutputEmitterRef<PrintStartDetail>;
+    /**
+     * Emitted when print completes.
+     *
+     * @example
+     * ```html
+     * <tbw-grid (printComplete)="onPrintComplete($event)">...</tbw-grid>
+     * ```
+     */
+    printComplete: import('@angular/core').OutputEmitterRef<PrintCompleteDetail>;
+    private readonly eventOutputMap;
+    private eventListeners;
     ngOnInit(): void;
+    /**
+     * Sets up event listeners for all outputs using the eventOutputMap.
+     */
+    private setupEventListeners;
+    /**
+     * Creates plugins from feature inputs.
+     * Uses the feature registry to allow tree-shaking - only imported features are bundled.
+     * Returns the array of created plugins (doesn't modify grid).
+     */
+    private createFeaturePlugins;
     ngAfterContentInit(): void;
     /**
      * Registers custom styles into the grid.
@@ -168,7 +719,7 @@ export declare class Grid implements OnInit, AfterContentInit, OnDestroy {
     /**
      * Configures the MasterDetailPlugin after Angular templates are registered.
      * - If plugin exists: refresh its detail renderer
-     * - If plugin doesn't exist but <tbw-grid-detail> is present: create and add the plugin
+     * - If plugin doesn't exist but <tbw-grid-detail> is present: dynamically import and add the plugin
      */
     private configureMasterDetail;
     /**

package/lib/directives/grid.directive.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"grid.directive.d.ts","sourceRoot":"","sources":["../../../../../libs/grid-angular/src/lib/directives/grid.directive.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,gBAAgB,EAQhB,SAAS,EACT,MAAM,EAGP,MAAM,eAAe,CAAC;AAGvB,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAGlE;;GAEG;AACH,MAAM,WAAW,eAAe,CAAC,IAAI,GAAG,OAAO,EAAE,MAAM,GAAG,OAAO;IAC/D,0BAA0B;IAC1B,GAAG,EAAE,IAAI,CAAC;IACV,0CAA0C;IAC1C,KAAK,EAAE,MAAM,CAAC;IACd,+BAA+B;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,sCAAsC;IACtC,QAAQ,EAAE,MAAM,CAAC;IACjB,gDAAgD;IAChD,WAAW,EAAE,IAAI,EAAE,CAAC;IACpB,iDAAiD;IACjD,iBAAiB,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAC/B,yDAAyD;IACzD,eAAe,EAAE,OAAO,CAAC;CAC1B;AAED;;GAEG;AACH,MAAM,WAAW,cAAc,CAAC,IAAI,GAAG,OAAO;IAC5C,0BAA0B;IAC1B,GAAG,EAAE,IAAI,CAAC;IACV,sCAAsC;IACtC,QAAQ,EAAE,MAAM,CAAC;IACjB,gDAAgD;IAChD,WAAW,EAAE,IAAI,EAAE,CAAC;IACpB,iDAAiD;IACjD,iBAAiB,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAC/B,yDAAyD;IACzD,eAAe,EAAE,OAAO,CAAC;CAC1B;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH,qBACa,IAAK,YAAW,MAAM,EAAE,gBAAgB,EAAE,SAAS;IAC9D,OAAO,CAAC,UAAU,CAAmC;IACrD,OAAO,CAAC,QAAQ,CAA+B;IAC/C,OAAO,CAAC,MAAM,CAA0B;IACxC,OAAO,CAAC,gBAAgB,CAA4B;IAEpD,OAAO,CAAC,OAAO,CAAmC;IAClD,OAAO,CAAC,kBAAkB,CAAqC;;IAgB/D,OAAO,CAAC,iBAAiB,CAAqC;IAE9D;;;;;;;;;;;;;;;;OAgBG;IACH,YAAY,0DAAmB;IAE/B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAkCG;IAEH,aAAa,0EAAmC;IAEhD;;;;;;;;;;;;;;OAcG;IACH,UAAU,8EAA6B;IAEvC;;;;;;;;OAQG;IACH,SAAS,oEAA4B;IAErC,QAAQ,IAAI,IAAI;IAyBhB,kBAAkB,IAAI,IAAI;IA2B1B;;;OAGG;IACH,OAAO,CAAC,oBAAoB;IAU5B;;;;OAIG;IACH,OAAO,CAAC,qBAAqB;IA4C7B;;;;OAIG;IACH,OAAO,CAAC,uBAAuB;IA6B/B,WAAW,IAAI,IAAI;CAyBpB"}
+{"version":3,"file":"grid.directive.d.ts","sourceRoot":"","sources":["../../../../../libs/grid-angular/src/lib/directives/grid.directive.ts"],"names":[],"mappings":"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"}

package/lib/directives/index.d.ts

@@ -1,6 +1,8 @@
 export { GridColumnEditor } from './grid-column-editor.directive';
 export { GridColumnView } from './grid-column-view.directive';
 export { GridDetailView } from './grid-detail-view.directive';
+export { getFormArrayContext, GridFormArray } from './grid-form-array.directive';
+export type { FormArrayContext } from './grid-form-array.directive';
 export { GridResponsiveCard } from './grid-responsive-card.directive';
 export { GridToolPanel } from './grid-tool-panel.directive';
 export { Grid } from './grid.directive';

package/lib/directives/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../libs/grid-angular/src/lib/directives/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAClE,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9D,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9D,OAAO,EAAE,kBAAkB,EAAE,MAAM,kCAAkC,CAAC;AACtE,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAC5D,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../libs/grid-angular/src/lib/directives/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAClE,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9D,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9D,OAAO,EAAE,mBAAmB,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AACjF,YAAY,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AACpE,OAAO,EAAE,kBAAkB,EAAE,MAAM,kCAAkC,CAAC;AACtE,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAC5D,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC"}

package/lib/directives/structural-directives.d.ts

@@ -1,4 +1,5 @@
 import { OnDestroy, TemplateRef } from '@angular/core';
+import { AbstractControl } from '@angular/forms';
 /**
  * Context type for structural directives with `any` defaults.
  * This provides better ergonomics in templates without requiring explicit type annotations.
@@ -38,6 +39,15 @@ export interface StructuralEditorContext<TValue = any, TRow = any> {
      * Callback function to cancel editing.
      */
     onCancel: () => void;
+    /**
+     * The FormControl for this cell, if the grid is bound to a FormArray with FormGroups.
+     *
+     * Returns `undefined` if:
+     * - The grid is not bound to a FormArray
+     * - The FormArray doesn't contain FormGroups
+     * - The field doesn't exist in the FormGroup
+     */
+    control?: AbstractControl;
 }
 /**
  * Gets the view template registered by the structural directive for a given column element.

package/lib/directives/structural-directives.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"structural-directives.d.ts","sourceRoot":"","sources":["../../../../../libs/grid-angular/src/lib/directives/structural-directives.ts"],"names":[],"mappings":"AAAA,OAAO,EAAyC,SAAS,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAI9F;;;;;GAKG;AAEH,MAAM,WAAW,qBAAqB,CAAC,MAAM,GAAG,GAAG,EAAE,IAAI,GAAG,GAAG;IAC7D,qCAAqC;IACrC,SAAS,EAAE,MAAM,CAAC;IAClB,wCAAwC;IACxC,KAAK,EAAE,MAAM,CAAC;IACd,+BAA+B;IAC/B,GAAG,EAAE,IAAI,CAAC;IACV,+BAA+B;IAE/B,MAAM,EAAE,GAAG,CAAC;CACb;AAED;;;;;GAKG;AAEH,MAAM,WAAW,uBAAuB,CAAC,MAAM,GAAG,GAAG,EAAE,IAAI,GAAG,GAAG;IAC/D,qCAAqC;IACrC,SAAS,EAAE,MAAM,CAAC;IAClB,wCAAwC;IACxC,KAAK,EAAE,MAAM,CAAC;IACd,+BAA+B;IAC/B,GAAG,EAAE,IAAI,CAAC;IACV,+BAA+B;IAE/B,MAAM,EAAE,GAAG,CAAC;IACZ;;OAEG;IACH,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC;;OAEG;IACH,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AAMD;;;GAGG;AACH,wBAAgB,yBAAyB,CAAC,aAAa,EAAE,WAAW,GAAG,WAAW,CAAC,qBAAqB,CAAC,GAAG,SAAS,CAWpH;AAED;;;GAGG;AACH,wBAAgB,2BAA2B,CACzC,aAAa,EAAE,WAAW,GACzB,WAAW,CAAC,uBAAuB,CAAC,GAAG,SAAS,CAWlD;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyCG;AACH,qBACa,WAAY,YAAW,SAAS;IAC3C,OAAO,CAAC,QAAQ,CAA8C;IAC9D,OAAO,CAAC,UAAU,CAAmC;IACrD,OAAO,CAAC,aAAa,CAA4B;;IAWjD,OAAO,CAAC,gBAAgB;IAcxB,WAAW,IAAI,IAAI;IAMnB;;;OAGG;IACH,MAAM,CAAC,sBAAsB,CAAC,GAAG,EAAE,WAAW,EAAE,GAAG,EAAE,OAAO,GAAG,GAAG,IAAI,qBAAqB;CAG5F;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2CG;AACH,qBACa,SAAU,YAAW,SAAS;IACzC,OAAO,CAAC,QAAQ,CAAgD;IAChE,OAAO,CAAC,UAAU,CAAmC;IACrD,OAAO,CAAC,aAAa,CAA4B;;IAQjD,OAAO,CAAC,gBAAgB;IAaxB,WAAW,IAAI,IAAI;IAMnB;;;OAGG;IACH,MAAM,CAAC,sBAAsB,CAAC,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,OAAO,GAAG,GAAG,IAAI,uBAAuB;CAG5F"}
+{"version":3,"file":"structural-directives.d.ts","sourceRoot":"","sources":["../../../../../libs/grid-angular/src/lib/directives/structural-directives.ts"],"names":[],"mappings":"AAAA,OAAO,EAAyC,SAAS,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC9F,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAItD;;;;;GAKG;AAEH,MAAM,WAAW,qBAAqB,CAAC,MAAM,GAAG,GAAG,EAAE,IAAI,GAAG,GAAG;IAC7D,qCAAqC;IACrC,SAAS,EAAE,MAAM,CAAC;IAClB,wCAAwC;IACxC,KAAK,EAAE,MAAM,CAAC;IACd,+BAA+B;IAC/B,GAAG,EAAE,IAAI,CAAC;IACV,+BAA+B;IAE/B,MAAM,EAAE,GAAG,CAAC;CACb;AAED;;;;;GAKG;AAEH,MAAM,WAAW,uBAAuB,CAAC,MAAM,GAAG,GAAG,EAAE,IAAI,GAAG,GAAG;IAC/D,qCAAqC;IACrC,SAAS,EAAE,MAAM,CAAC;IAClB,wCAAwC;IACxC,KAAK,EAAE,MAAM,CAAC;IACd,+BAA+B;IAC/B,GAAG,EAAE,IAAI,CAAC;IACV,+BAA+B;IAE/B,MAAM,EAAE,GAAG,CAAC;IACZ;;OAEG;IACH,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC;;OAEG;IACH,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB;;;;;;;OAOG;IACH,OAAO,CAAC,EAAE,eAAe,CAAC;CAC3B;AAMD;;;GAGG;AACH,wBAAgB,yBAAyB,CAAC,aAAa,EAAE,WAAW,GAAG,WAAW,CAAC,qBAAqB,CAAC,GAAG,SAAS,CAWpH;AAED;;;GAGG;AACH,wBAAgB,2BAA2B,CACzC,aAAa,EAAE,WAAW,GACzB,WAAW,CAAC,uBAAuB,CAAC,GAAG,SAAS,CAWlD;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyCG;AACH,qBACa,WAAY,YAAW,SAAS;IAC3C,OAAO,CAAC,QAAQ,CAA8C;IAC9D,OAAO,CAAC,UAAU,CAAmC;IACrD,OAAO,CAAC,aAAa,CAA4B;;IAWjD,OAAO,CAAC,gBAAgB;IAcxB,WAAW,IAAI,IAAI;IAMnB;;;OAGG;IACH,MAAM,CAAC,sBAAsB,CAAC,GAAG,EAAE,WAAW,EAAE,GAAG,EAAE,OAAO,GAAG,GAAG,IAAI,qBAAqB;CAG5F;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2CG;AACH,qBACa,SAAU,YAAW,SAAS;IACzC,OAAO,CAAC,QAAQ,CAAgD;IAChE,OAAO,CAAC,UAAU,CAAmC;IACrD,OAAO,CAAC,aAAa,CAA4B;;IAQjD,OAAO,CAAC,gBAAgB;IAaxB,WAAW,IAAI,IAAI;IAMnB;;;OAGG;IACH,MAAM,CAAC,sBAAsB,CAAC,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,OAAO,GAAG,GAAG,IAAI,uBAAuB;CAG5F"}