@toolbox-web/grid-angular 0.1.3 → 0.3.0

package/lib/angular-column-config.d.ts

@@ -0,0 +1,140 @@
+import { Type } from '@angular/core';
+import { ColumnConfig, GridConfig } from '../../../../dist/libs/grid/index.d.ts';
+/**
+ * Interface for Angular renderer components.
+ *
+ * Renderer components receive the cell value, row data, and column config as inputs.
+ * Use Angular signal inputs for reactive updates.
+ *
+ * @example
+ * ```typescript
+ * import { Component, input } from '@angular/core';
+ * import type { AngularCellRenderer } from '@toolbox-web/grid-angular';
+ *
+ * @Component({
+ *   selector: 'app-status-badge',
+ *   template: `<span [class]="'badge-' + value()">{{ value() }}</span>`
+ * })
+ * export class StatusBadgeComponent implements AngularCellRenderer<Employee, string> {
+ *   value = input.required<string>();
+ *   row = input.required<Employee>();
+ *   column = input<unknown>();
+ * }
+ * ```
+ */
+export interface AngularCellRenderer<TRow = unknown, TValue = unknown> {
+    /** The cell value - use `input<TValue>()` or `input.required<TValue>()` */
+    value: {
+        (): TValue | undefined;
+    };
+    /** The full row data - use `input<TRow>()` or `input.required<TRow>()` */
+    row: {
+        (): TRow | undefined;
+    };
+    /** The column configuration (optional) - use `input<unknown>()` */
+    column?: {
+        (): unknown;
+    };
+}
+/**
+ * Interface for Angular editor components.
+ *
+ * Editor components receive the cell value, row data, and column config as inputs,
+ * plus must emit `commit` and `cancel` outputs.
+ *
+ * @example
+ * ```typescript
+ * import { Component, input, output } from '@angular/core';
+ * import type { AngularCellEditor } from '@toolbox-web/grid-angular';
+ *
+ * @Component({
+ *   selector: 'app-status-editor',
+ *   template: `
+ *     <select [value]="value()" (change)="commit.emit($any($event.target).value)">
+ *       <option value="active">Active</option>
+ *       <option value="inactive">Inactive</option>
+ *     </select>
+ *   `
+ * })
+ * export class StatusEditorComponent implements AngularCellEditor<Employee, string> {
+ *   value = input.required<string>();
+ *   row = input.required<Employee>();
+ *   column = input<unknown>();
+ *   commit = output<string>();
+ *   cancel = output<void>();
+ * }
+ * ```
+ */
+export interface AngularCellEditor<TRow = unknown, TValue = unknown> extends AngularCellRenderer<TRow, TValue> {
+    /** Emit to commit the new value - use `output<TValue>()` */
+    commit: {
+        emit(value: TValue): void;
+        subscribe?(fn: (value: TValue) => void): {
+            unsubscribe(): void;
+        };
+    };
+    /** Emit to cancel editing - use `output<void>()` */
+    cancel: {
+        emit(): void;
+        subscribe?(fn: () => void): {
+            unsubscribe(): void;
+        };
+    };
+}
+/**
+ * Angular-specific column configuration.
+ *
+ * Extends the base ColumnConfig to allow Angular component classes
+ * to be used directly as renderers and editors.
+ *
+ * @example
+ * ```typescript
+ * import type { AngularColumnConfig } from '@toolbox-web/grid-angular';
+ * import { StatusBadgeComponent, StatusEditorComponent } from './components';
+ *
+ * const columns: AngularColumnConfig<Employee>[] = [
+ *   { field: 'name', header: 'Name' },
+ *   {
+ *     field: 'status',
+ *     header: 'Status',
+ *     editable: true,
+ *     renderer: StatusBadgeComponent,
+ *     editor: StatusEditorComponent,
+ *   },
+ * ];
+ * ```
+ */
+export interface AngularColumnConfig<TRow = unknown> extends Omit<ColumnConfig<TRow>, 'renderer' | 'editor'> {
+    /**
+     * Cell renderer - can be:
+     * - A function `(ctx) => HTMLElement | string`
+     * - An Angular component class implementing AngularCellRenderer
+     */
+    renderer?: ColumnConfig<TRow>['renderer'] | Type<AngularCellRenderer<TRow, unknown>>;
+    /**
+     * Cell editor - can be:
+     * - A function `(ctx) => HTMLElement`
+     * - An Angular component class implementing AngularCellEditor
+     */
+    editor?: ColumnConfig<TRow>['editor'] | Type<AngularCellEditor<TRow, unknown>>;
+}
+/**
+ * Angular-specific grid configuration.
+ *
+ * Extends the base GridConfig to use AngularColumnConfig.
+ */
+export interface AngularGridConfig<TRow = unknown> extends Omit<GridConfig<TRow>, 'columns'> {
+    columns?: AngularColumnConfig<TRow>[];
+}
+/**
+ * Type guard to check if a value is an Angular component class.
+ *
+ * Detects Angular components by checking for internal Angular markers:
+ * - ɵcmp (component definition)
+ * - ɵfac (factory function)
+ *
+ * Also checks if it's an ES6 class (vs function) by inspecting the
+ * string representation.
+ */
+export declare function isComponentClass(value: unknown): value is Type<unknown>;
+//# sourceMappingURL=angular-column-config.d.ts.map

package/lib/angular-column-config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"angular-column-config.d.ts","sourceRoot":"","sources":["../../../../libs/grid-angular/src/lib/angular-column-config.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAC1C,OAAO,KAAK,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAElE;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,MAAM,WAAW,mBAAmB,CAAC,IAAI,GAAG,OAAO,EAAE,MAAM,GAAG,OAAO;IACnE,2EAA2E;IAC3E,KAAK,EAAE;QAAE,IAAI,MAAM,GAAG,SAAS,CAAA;KAAE,CAAC;IAClC,0EAA0E;IAC1E,GAAG,EAAE;QAAE,IAAI,IAAI,GAAG,SAAS,CAAA;KAAE,CAAC;IAC9B,mEAAmE;IACnE,MAAM,CAAC,EAAE;QAAE,IAAI,OAAO,CAAA;KAAE,CAAC;CAC1B;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,MAAM,WAAW,iBAAiB,CAAC,IAAI,GAAG,OAAO,EAAE,MAAM,GAAG,OAAO,CAAE,SAAQ,mBAAmB,CAAC,IAAI,EAAE,MAAM,CAAC;IAC5G,4DAA4D;IAC5D,MAAM,EAAE;QAAE,IAAI,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;QAAC,SAAS,CAAC,CAAC,EAAE,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,GAAG;YAAE,WAAW,IAAI,IAAI,CAAA;SAAE,CAAA;KAAE,CAAC;IACxG,oDAAoD;IACpD,MAAM,EAAE;QAAE,IAAI,IAAI,IAAI,CAAC;QAAC,SAAS,CAAC,CAAC,EAAE,EAAE,MAAM,IAAI,GAAG;YAAE,WAAW,IAAI,IAAI,CAAA;SAAE,CAAA;KAAE,CAAC;CAC/E;AAED;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,MAAM,WAAW,mBAAmB,CAAC,IAAI,GAAG,OAAO,CAAE,SAAQ,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,UAAU,GAAG,QAAQ,CAAC;IAC1G;;;;OAIG;IACH,QAAQ,CAAC,EAAE,YAAY,CAAC,IAAI,CAAC,CAAC,UAAU,CAAC,GAAG,IAAI,CAAC,mBAAmB,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC;IAErF;;;;OAIG;IACH,MAAM,CAAC,EAAE,YAAY,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,GAAG,IAAI,CAAC,iBAAiB,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC;CAChF;AAED;;;;GAIG;AACH,MAAM,WAAW,iBAAiB,CAAC,IAAI,GAAG,OAAO,CAAE,SAAQ,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,SAAS,CAAC;IAC1F,OAAO,CAAC,EAAE,mBAAmB,CAAC,IAAI,CAAC,EAAE,CAAC;CACvC;AAED;;;;;;;;;GASG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,OAAO,GAAG,KAAK,IAAI,IAAI,CAAC,OAAO,CAAC,CAcvE"}

package/lib/angular-grid-adapter.d.ts

@@ -1,5 +1,6 @@
 import { ApplicationRef, EnvironmentInjector, ViewContainerRef } from '@angular/core';
-import { ColumnEditorSpec, ColumnViewRenderer, FrameworkAdapter } from '../../../../dist/libs/grid/index.d.ts';
+import { ColumnConfig, ColumnEditorSpec, ColumnViewRenderer, FrameworkAdapter, GridConfig, TypeDefault } from '../../../../dist/libs/grid/index.d.ts';
+import { AngularColumnConfig, AngularGridConfig } from './angular-column-config';
 /**
  * Framework adapter that enables zero-boilerplate integration of Angular components
  * with the grid's light DOM configuration API.
@@ -65,7 +66,44 @@ export declare class AngularGridAdapter implements FrameworkAdapter {
     private appRef;
     private viewContainerRef;
     private viewRefs;
+    private componentRefs;
+    private typeRegistry;
     constructor(injector: EnvironmentInjector, appRef: ApplicationRef, viewContainerRef: ViewContainerRef);
+    /**
+     * Processes an Angular grid configuration, converting component class references
+     * to actual renderer/editor functions.
+     *
+     * Call this method on your gridConfig before passing it to the grid.
+     *
+     * @example
+     * ```typescript
+     * import { AngularGridAdapter, type AngularGridConfig } from '@toolbox-web/grid-angular';
+     *
+     * const config: AngularGridConfig<Employee> = {
+     *   columns: [
+     *     { field: 'status', renderer: StatusBadgeComponent, editor: StatusEditorComponent },
+     *   ],
+     * };
+     *
+     * // In component
+     * constructor() {
+     *   const adapter = inject(AngularGridAdapter); // or create new instance
+     *   this.processedConfig = adapter.processGridConfig(config);
+     * }
+     * ```
+     *
+     * @param config - Angular grid configuration with possible component class references
+     * @returns Processed GridConfig with actual renderer/editor functions
+     */
+    processGridConfig<TRow = unknown>(config: AngularGridConfig<TRow>): GridConfig<TRow>;
+    /**
+     * Processes a single column configuration, converting component class references
+     * to actual renderer/editor functions.
+     *
+     * @param column - Angular column configuration
+     * @returns Processed ColumnConfig
+     */
+    processColumn<TRow = unknown>(column: AngularColumnConfig<TRow>): ColumnConfig<TRow>;
     /**
      * Determines if this adapter can handle the given element.
      * Checks if a template is registered for this element (structural or nested).
@@ -117,7 +155,56 @@ export declare class AngularGridAdapter implements FrameworkAdapter {
      */
     createToolPanelRenderer(element: HTMLElement): ((container: HTMLElement) => void | (() => void)) | undefined;
     /**
-     * Clean up all view references.
+     * Gets type-level defaults from the application's GridTypeRegistry.
+     *
+     * This enables application-wide type defaults configured via `provideGridTypeDefaults()`.
+     * The returned TypeDefault contains renderer/editor functions that instantiate
+     * Angular components dynamically.
+     *
+     * @example
+     * ```typescript
+     * // app.config.ts
+     * export const appConfig: ApplicationConfig = {
+     *   providers: [
+     *     provideGridTypeDefaults({
+     *       country: {
+     *         renderer: CountryCellComponent,
+     *         editor: CountryEditorComponent
+     *       }
+     *     })
+     *   ]
+     * };
+     *
+     * // Any grid with type: 'country' columns will use these components
+     * gridConfig = {
+     *   columns: [{ field: 'country', type: 'country' }]
+     * };
+     * ```
+     */
+    getTypeDefault<TRow = unknown>(type: string): TypeDefault<TRow> | undefined;
+    /**
+     * Creates a renderer function from an Angular component class.
+     * @internal
+     */
+    private createComponentRenderer;
+    /**
+     * Creates an editor function from an Angular component class.
+     * @internal
+     */
+    private createComponentEditor;
+    /**
+     * Subscribes to an Angular output on a component instance.
+     * Works with both EventEmitter and OutputEmitterRef (signal outputs).
+     * @internal
+     */
+    private subscribeToOutput;
+    /**
+     * Sets component inputs using Angular's setInput API.
+     * @internal
+     */
+    private setComponentInputs;
+    /**
+     * Clean up all view references and component references.
      * Call this when your app/component is destroyed.
      */
     destroy(): void;

package/lib/angular-grid-adapter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"angular-grid-adapter.d.ts","sourceRoot":"","sources":["../../../../libs/grid-angular/src/lib/angular-grid-adapter.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,cAAc,EAEd,mBAAmB,EAGnB,gBAAgB,EACjB,MAAM,eAAe,CAAC;AACvB,OAAO,KAAK,EAGV,gBAAgB,EAChB,kBAAkB,EAClB,gBAAgB,EACjB,MAAM,mBAAmB,CAAC;AAgC3B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2DG;AACH,qBAAa,kBAAmB,YAAW,gBAAgB;IAIvD,OAAO,CAAC,QAAQ;IAChB,OAAO,CAAC,MAAM;IACd,OAAO,CAAC,gBAAgB;IAL1B,OAAO,CAAC,QAAQ,CAAkC;gBAGxC,QAAQ,EAAE,mBAAmB,EAC7B,MAAM,EAAE,cAAc,EACtB,gBAAgB,EAAE,gBAAgB;IAM5C;;;OAGG;IACH,SAAS,CAAC,OAAO,EAAE,WAAW,GAAG,OAAO;IAIxC;;;;;;OAMG;IACH,cAAc,CAAC,IAAI,GAAG,OAAO,EAAE,MAAM,GAAG,OAAO,EAAE,OAAO,EAAE,WAAW,GAAG,kBAAkB,CAAC,IAAI,EAAE,MAAM,CAAC;IA+BxG;;;;;;;;;;;;;;;;;OAiBG;IACH,YAAY,CAAC,IAAI,GAAG,OAAO,EAAE,MAAM,GAAG,OAAO,EAAE,OAAO,EAAE,WAAW,GAAG,gBAAgB,CAAC,IAAI,EAAE,MAAM,CAAC;IA4DpG;;;OAGG;IACH,oBAAoB,CAAC,IAAI,GAAG,OAAO,EAAE,WAAW,EAAE,WAAW,GAAG,CAAC,CAAC,GAAG,EAAE,IAAI,KAAK,WAAW,CAAC,GAAG,SAAS;IA4BxG;;;;;;OAMG;IACH,kBAAkB,CAAC,IAAI,GAAG,OAAO,EAC/B,aAAa,EAAE,OAAO,GACrB,CAAC,CAAC,GAAG,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,KAAK,WAAW,GAAG,MAAM,CAAC,GAAG,SAAS;IA4BtE;;;OAGG;IACH,uBAAuB,CAAC,OAAO,EAAE,WAAW,GAAG,CAAC,CAAC,SAAS,EAAE,WAAW,KAAK,IAAI,GAAG,CAAC,MAAM,IAAI,CAAC,CAAC,GAAG,SAAS;IAsC5G;;;OAGG;IACH,OAAO,IAAI,IAAI;CAIhB"}
+{"version":3,"file":"angular-grid-adapter.d.ts","sourceRoot":"","sources":["../../../../libs/grid-angular/src/lib/angular-grid-adapter.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,cAAc,EAId,mBAAmB,EAInB,gBAAgB,EACjB,MAAM,eAAe,CAAC;AACvB,OAAO,KAAK,EAEV,YAAY,EAEZ,gBAAgB,EAChB,kBAAkB,EAClB,gBAAgB,EAChB,UAAU,EACV,WAAW,EACZ,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAoB,KAAK,mBAAmB,EAAE,KAAK,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAiC7G;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2DG;AACH,qBAAa,kBAAmB,YAAW,gBAAgB;IAMvD,OAAO,CAAC,QAAQ;IAChB,OAAO,CAAC,MAAM;IACd,OAAO,CAAC,gBAAgB;IAP1B,OAAO,CAAC,QAAQ,CAAkC;IAClD,OAAO,CAAC,aAAa,CAA+B;IACpD,OAAO,CAAC,YAAY,CAAiC;gBAG3C,QAAQ,EAAE,mBAAmB,EAC7B,MAAM,EAAE,cAAc,EACtB,gBAAgB,EAAE,gBAAgB;IAa5C;;;;;;;;;;;;;;;;;;;;;;;;;OAyBG;IACH,iBAAiB,CAAC,IAAI,GAAG,OAAO,EAAE,MAAM,EAAE,iBAAiB,CAAC,IAAI,CAAC,GAAG,UAAU,CAAC,IAAI,CAAC;IAapF;;;;;;OAMG;IACH,aAAa,CAAC,IAAI,GAAG,OAAO,EAAE,MAAM,EAAE,mBAAmB,CAAC,IAAI,CAAC,GAAG,YAAY,CAAC,IAAI,CAAC;IAgBpF;;;OAGG;IACH,SAAS,CAAC,OAAO,EAAE,WAAW,GAAG,OAAO;IAIxC;;;;;;OAMG;IACH,cAAc,CAAC,IAAI,GAAG,OAAO,EAAE,MAAM,GAAG,OAAO,EAAE,OAAO,EAAE,WAAW,GAAG,kBAAkB,CAAC,IAAI,EAAE,MAAM,CAAC;IA+BxG;;;;;;;;;;;;;;;;;OAiBG;IACH,YAAY,CAAC,IAAI,GAAG,OAAO,EAAE,MAAM,GAAG,OAAO,EAAE,OAAO,EAAE,WAAW,GAAG,gBAAgB,CAAC,IAAI,EAAE,MAAM,CAAC;IA4DpG;;;OAGG;IACH,oBAAoB,CAAC,IAAI,GAAG,OAAO,EAAE,WAAW,EAAE,WAAW,GAAG,CAAC,CAAC,GAAG,EAAE,IAAI,KAAK,WAAW,CAAC,GAAG,SAAS;IA4BxG;;;;;;OAMG;IACH,kBAAkB,CAAC,IAAI,GAAG,OAAO,EAC/B,aAAa,EAAE,OAAO,GACrB,CAAC,CAAC,GAAG,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,KAAK,WAAW,GAAG,MAAM,CAAC,GAAG,SAAS;IA4BtE;;;OAGG;IACH,uBAAuB,CAAC,OAAO,EAAE,WAAW,GAAG,CAAC,CAAC,SAAS,EAAE,WAAW,KAAK,IAAI,GAAG,CAAC,MAAM,IAAI,CAAC,CAAC,GAAG,SAAS;IAsC5G;;;;;;;;;;;;;;;;;;;;;;;;;;OA0BG;IACH,cAAc,CAAC,IAAI,GAAG,OAAO,EAAE,IAAI,EAAE,MAAM,GAAG,WAAW,CAAC,IAAI,CAAC,GAAG,SAAS;IA2B3E;;;OAGG;IACH,OAAO,CAAC,uBAAuB;IAgC/B;;;OAGG;IACH,OAAO,CAAC,qBAAqB;IA+C7B;;;;OAIG;IACH,OAAO,CAAC,iBAAiB;IAczB;;;OAGG;IACH,OAAO,CAAC,kBAAkB;IAU1B;;;OAGG;IACH,OAAO,IAAI,IAAI;CAMhB"}

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

@@ -1,4 +1,5 @@
 import { AfterContentInit, OnDestroy, OnInit } from '@angular/core';
+import { AngularGridConfig } from '../angular-column-config';
 /**
  * Event detail for cell commit events.
  */
@@ -65,7 +66,7 @@ export interface RowCommitEvent<TRow = unknown> {
  * The directive automatically:
  * - Creates an AngularGridAdapter instance
  * - Registers it with the GridElement
- * - Injects custom styles into the grid's shadow DOM
+ * - Injects custom styles into the grid
  * - Handles cleanup on destruction
  */
 export declare class Grid implements OnInit, AfterContentInit, OnDestroy {
@@ -75,9 +76,10 @@ export declare class Grid implements OnInit, AfterContentInit, OnDestroy {
     private viewContainerRef;
     private adapter;
     private cellCommitListener;
+    constructor();
     private rowCommitListener;
     /**
-     * Custom CSS styles to inject into the grid's shadow DOM.
+     * Custom CSS styles to inject into the grid.
      * Use this to style custom cell renderers, editors, or detail panels.
      *
      * @example
@@ -94,6 +96,42 @@ export declare class Grid implements OnInit, AfterContentInit, OnDestroy {
      * ```
      */
     customStyles: import('@angular/core').InputSignal<string | undefined>;
+    /**
+     * Angular-specific grid configuration that supports component classes for renderers/editors.
+     *
+     * Use this input when you want to specify Angular component classes directly in column configs.
+     * Components must implement the appropriate interfaces:
+     * - Renderers: `AngularCellRenderer<TRow, TValue>` - requires `value()` and `row()` signal inputs
+     * - Editors: `AngularCellEditor<TRow, TValue>` - adds `commit` and `cancel` outputs
+     *
+     * The directive automatically processes component classes and converts them to grid-compatible
+     * renderer/editor functions before applying to the grid.
+     *
+     * @example
+     * ```typescript
+     * // Component that implements AngularCellEditor
+     * @Component({...})
+     * export class BonusEditorComponent implements AngularCellEditor<Employee, number> {
+     *   value = input.required<number>();
+     *   row = input.required<Employee>();
+     *   commit = output<number>();
+     *   cancel = output<void>();
+     * }
+     *
+     * // In your grid config
+     * config: AngularGridConfig<Employee> = {
+     *   columns: [
+     *     { field: 'name', header: 'Name' },
+     *     { field: 'bonus', header: 'Bonus', editable: true, editor: BonusEditorComponent }
+     *   ]
+     * };
+     * ```
+     *
+     * ```html
+     * <tbw-grid [angularConfig]="config" [rows]="employees"></tbw-grid>
+     * ```
+     */
+    angularConfig: import('@angular/core').InputSignal<AngularGridConfig<any> | undefined>;
     /**
      * Emitted when a cell value is committed (inline editing).
      * Provides the row, field, new value, and change tracking information.
@@ -123,7 +161,7 @@ export declare class Grid implements OnInit, AfterContentInit, OnDestroy {
     ngOnInit(): void;
     ngAfterContentInit(): void;
     /**
-     * Registers custom styles into the grid's shadow DOM.
+     * Registers custom styles into the grid.
      * Uses the grid's registerStyles() API for clean encapsulation.
      */
     private registerCustomStyles;

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,EAOhB,SAAS,EACT,MAAM,EAGP,MAAM,eAAe,CAAC;AAKvB;;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;IAC/D,OAAO,CAAC,iBAAiB,CAAqC;IAE9D;;;;;;;;;;;;;;;;OAgBG;IACH,YAAY,0DAAmB;IAE/B;;;;;;;;;;;;;;OAcG;IACH,UAAU,8EAA6B;IAEvC;;;;;;;;OAQG;IACH,SAAS,oEAA4B;IAErC,QAAQ,IAAI,IAAI;IAyBhB,kBAAkB,IAAI,IAAI;IAwB1B;;;OAGG;IACH,OAAO,CAAC,oBAAoB;IAU5B;;;;OAIG;IACH,OAAO,CAAC,qBAAqB;IA4C7B,WAAW,IAAI,IAAI;CAyBpB"}
+{"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;IAwB1B;;;OAGG;IACH,OAAO,CAAC,oBAAoB;IAU5B;;;;OAIG;IACH,OAAO,CAAC,qBAAqB;IA4C7B,WAAW,IAAI,IAAI;CAyBpB"}

package/lib/grid-type-registry.d.ts

@@ -0,0 +1,110 @@
+import { EnvironmentProviders, InjectionToken, Type } from '@angular/core';
+import { TypeDefault } from '../../../../dist/libs/grid/index.d.ts';
+/**
+ * Angular-specific type default configuration.
+ * Uses Angular component types instead of function-based renderers/editors.
+ */
+export interface AngularTypeDefault<TRow = unknown> {
+    /** Angular component class for rendering cells of this type */
+    renderer?: Type<any>;
+    /** Angular component class for editing cells of this type */
+    editor?: Type<any>;
+    /** Default editorParams for this type */
+    editorParams?: Record<string, unknown>;
+}
+/**
+ * Injection token for providing type defaults at app level.
+ */
+export declare const GRID_TYPE_DEFAULTS: InjectionToken<Record<string, AngularTypeDefault<unknown>>>;
+/**
+ * Injectable service for managing type-level defaults.
+ *
+ * Use `provideGridTypeDefaults()` in your app config to set up defaults,
+ * or inject this service for dynamic registration.
+ *
+ * @example
+ * ```typescript
+ * // App-level setup (app.config.ts)
+ * export const appConfig: ApplicationConfig = {
+ *   providers: [
+ *     provideGridTypeDefaults({
+ *       country: {
+ *         renderer: CountryCellComponent,
+ *         editor: CountryEditorComponent
+ *       },
+ *       status: {
+ *         renderer: StatusBadgeComponent
+ *       }
+ *     })
+ *   ]
+ * };
+ *
+ * // Dynamic registration
+ * @Component({ ... })
+ * export class AppComponent {
+ *   private registry = inject(GridTypeRegistry);
+ *
+ *   ngOnInit() {
+ *     this.registry.register('currency', {
+ *       renderer: CurrencyCellComponent
+ *     });
+ *   }
+ * }
+ * ```
+ */
+export declare class GridTypeRegistry {
+    private readonly defaults;
+    constructor();
+    /**
+     * Register type-level defaults for a custom type.
+     *
+     * @param type - The type name (e.g., 'country', 'currency')
+     * @param defaults - Renderer/editor configuration
+     */
+    register<T = unknown>(type: string, defaults: AngularTypeDefault<T>): void;
+    /**
+     * Get type defaults for a given type.
+     */
+    get(type: string): AngularTypeDefault | undefined;
+    /**
+     * Remove type defaults for a type.
+     */
+    unregister(type: string): void;
+    /**
+     * Check if a type has registered defaults.
+     */
+    has(type: string): boolean;
+    /**
+     * Get all registered type names.
+     */
+    getRegisteredTypes(): string[];
+    /**
+     * Convert to TypeDefault for use with grid's typeDefaults.
+     * This is used internally by the adapter.
+     *
+     * @internal
+     */
+    getAsTypeDefault(type: string): TypeDefault | undefined;
+}
+/**
+ * Provides application-level type defaults for all grids.
+ *
+ * @example
+ * ```typescript
+ * // app.config.ts
+ * import { provideGridTypeDefaults } from '@toolbox-web/grid-angular';
+ * import { CountryCellComponent, StatusBadgeComponent } from './components';
+ *
+ * export const appConfig: ApplicationConfig = {
+ *   providers: [
+ *     provideGridTypeDefaults({
+ *       country: { renderer: CountryCellComponent },
+ *       status: { renderer: StatusBadgeComponent },
+ *       date: { editor: DatePickerComponent }
+ *     })
+ *   ]
+ * };
+ * ```
+ */
+export declare function provideGridTypeDefaults(defaults: Record<string, AngularTypeDefault>): EnvironmentProviders;
+//# sourceMappingURL=grid-type-registry.d.ts.map

package/lib/grid-type-registry.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid-type-registry.d.ts","sourceRoot":"","sources":["../../../../libs/grid-angular/src/lib/grid-type-registry.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,EACL,oBAAoB,EAGpB,cAAc,EAEd,IAAI,EACL,MAAM,eAAe,CAAC;AACvB,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAErD;;;GAGG;AACH,MAAM,WAAW,kBAAkB,CAAC,IAAI,GAAG,OAAO;IAChD,+DAA+D;IAC/D,QAAQ,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC;IACrB,6DAA6D;IAC7D,MAAM,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC;IACnB,yCAAyC;IACzC,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACxC;AAED;;GAEG;AACH,eAAO,MAAM,kBAAkB,6DAA+E,CAAC;AAE/G;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AACH,qBACa,gBAAgB;IAC3B,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAyC;;IAYlE;;;;;OAKG;IACH,QAAQ,CAAC,CAAC,GAAG,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,kBAAkB,CAAC,CAAC,CAAC,GAAG,IAAI;IAI1E;;OAEG;IACH,GAAG,CAAC,IAAI,EAAE,MAAM,GAAG,kBAAkB,GAAG,SAAS;IAIjD;;OAEG;IACH,UAAU,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI;IAI9B;;OAEG;IACH,GAAG,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO;IAI1B;;OAEG;IACH,kBAAkB,IAAI,MAAM,EAAE;IAI9B;;;;;OAKG;IACH,gBAAgB,CAAC,IAAI,EAAE,MAAM,GAAG,WAAW,GAAG,SAAS;CAYxD;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,uBAAuB,CAAC,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,kBAAkB,CAAC,GAAG,oBAAoB,CAE1G"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@toolbox-web/grid-angular",
-  "version": "0.1.3",
+  "version": "0.3.0",
   "description": "Angular adapter for @toolbox-web/grid data grid component",
   "type": "module",
   "main": "./dist/index.js",
@@ -27,7 +27,7 @@
     "url": "https://github.com/OysteinAmundsen/toolbox.git",
     "directory": "libs/grid-angular"
   },
-  "homepage": "https://github.com/OysteinAmundsen/toolbox/tree/main/libs/grid-angular#readme",
+  "homepage": "https://toolboxjs.com",
   "bugs": {
     "url": "https://github.com/OysteinAmundsen/toolbox/issues"
   },