@cocoar/data-grid 0.1.0-beta.148

package/README.md

@@ -0,0 +1,7 @@
+# data-table
+
+This library was generated with [Nx](https://nx.dev).
+
+## Running unit tests
+
+Run `nx test data-table` to execute the unit tests.

package/fesm2022/cocoar-data-grid.mjs

@@ -0,0 +1,686 @@
+import { Subject, takeUntil } from 'rxjs';
+import { themeQuartz } from 'ag-grid-community';
+import * as i0 from '@angular/core';
+import { inject, Input, Directive } from '@angular/core';
+import { AgGridAngular } from 'ag-grid-angular';
+
+/**
+ * Fluent builder for AG Grid column definitions.
+ *
+ * @example
+ * ```ts
+ * const column = new CoarGridColumnBuilder<User>('name')
+ *   .header('Full Name')
+ *   .sortable()
+ *   .flex(1)
+ *   .build();
+ * ```
+ */
+class CoarGridColumnBuilder {
+    #colDef;
+    constructor(field) {
+        this.#colDef = {
+            field: field?.toString(),
+            headerName: field?.toString(),
+            resizable: true,
+            sortable: false,
+        };
+    }
+    // ============================================================
+    // Basic Properties
+    // ============================================================
+    /** Set the field name (data property) */
+    field(value) {
+        this.#colDef.field = value.toString();
+        this.#colDef.headerName = this.#colDef.headerName || value.toString();
+        return this;
+    }
+    /** Set the column header text */
+    header(value) {
+        this.#colDef.headerName = value;
+        return this;
+    }
+    /** Set header tooltip */
+    headerTooltip(value) {
+        this.#colDef.headerTooltip = value;
+        return this;
+    }
+    // ============================================================
+    // Sizing
+    // ============================================================
+    /** Set fixed width in pixels */
+    width(value, minWidth, maxWidth) {
+        this.#colDef.width = value;
+        if (minWidth !== undefined)
+            this.#colDef.minWidth = minWidth;
+        if (maxWidth !== undefined)
+            this.#colDef.maxWidth = maxWidth;
+        return this;
+    }
+    /** Set fixed width (min, max, and width all the same) */
+    fixedWidth(value) {
+        this.#colDef.width = value;
+        this.#colDef.minWidth = value;
+        this.#colDef.maxWidth = value;
+        return this;
+    }
+    /** Set minimum width */
+    minWidth(value) {
+        this.#colDef.minWidth = value;
+        return this;
+    }
+    /** Set maximum width */
+    maxWidth(value) {
+        this.#colDef.maxWidth = value;
+        return this;
+    }
+    /** Set flex grow factor for fluid width */
+    flex(value = 1) {
+        this.#colDef.flex = value;
+        return this;
+    }
+    // ============================================================
+    // Behavior
+    // ============================================================
+    /** Enable/disable sorting */
+    sortable(value = true) {
+        this.#colDef.sortable = value;
+        return this;
+    }
+    /** Enable/disable resizing */
+    resizable(value = true) {
+        this.#colDef.resizable = value;
+        return this;
+    }
+    /** Hide/show column */
+    hidden(value = true) {
+        this.#colDef.hide = value;
+        return this;
+    }
+    /** Pin column to left or right */
+    pinned(value) {
+        this.#colDef.pinned = value;
+        return this;
+    }
+    /** Lock column position */
+    lockPosition(value = true) {
+        this.#colDef.lockPosition = value;
+        return this;
+    }
+    // ============================================================
+    // Cell Rendering
+    // ============================================================
+    /** Set custom cell renderer component */
+    cellRenderer(component, params) {
+        this.#colDef.cellRenderer = component;
+        if (params) {
+            this.#colDef.cellRendererParams = { ...this.#colDef.cellRendererParams, ...params };
+        }
+        return this;
+    }
+    /** Set cell renderer parameters */
+    cellRendererParams(params) {
+        this.#colDef.cellRendererParams = { ...this.#colDef.cellRendererParams, ...params };
+        return this;
+    }
+    /** Set value formatter for display */
+    valueFormatter(fn) {
+        this.#colDef.valueFormatter = fn;
+        return this;
+    }
+    /** Set value getter to transform data before display */
+    valueGetter(fn) {
+        this.#colDef.valueGetter = fn;
+        return this;
+    }
+    // ============================================================
+    // Styling
+    // ============================================================
+    /** Set CSS class for cells */
+    cellClass(value) {
+        this.#colDef.cellClass = value;
+        return this;
+    }
+    /** Set CSS style for cells */
+    cellStyle(value) {
+        this.#colDef.cellStyle = value;
+        return this;
+    }
+    /** Add a conditional CSS class rule */
+    classRule(className, condition) {
+        if (!this.#colDef.cellClassRules) {
+            this.#colDef.cellClassRules = {};
+        }
+        this.#colDef.cellClassRules[className] = condition;
+        return this;
+    }
+    // ============================================================
+    // Tooltips
+    // ============================================================
+    /** Show tooltip with field value or custom function */
+    tooltip(value) {
+        if (value === undefined) {
+            this.#colDef.tooltipField = this.#colDef.field;
+        }
+        else if (typeof value === 'string') {
+            this.#colDef.tooltipField = value;
+        }
+        else {
+            this.#colDef.tooltipValueGetter = value;
+        }
+        return this;
+    }
+    // ============================================================
+    // Events
+    // ============================================================
+    /** Handle cell double-click */
+    onCellDoubleClicked(handler) {
+        this.#colDef.onCellDoubleClicked = handler;
+        return this;
+    }
+    // ============================================================
+    // Filtering
+    // ============================================================
+    /** Enable/disable filtering */
+    filter(value = true) {
+        this.#colDef.filter = value;
+        return this;
+    }
+    /** Set filter parameters */
+    filterParams(params) {
+        this.#colDef.filterParams = params;
+        return this;
+    }
+    // ============================================================
+    // Advanced Options
+    // ============================================================
+    /** Set any AG Grid ColDef option directly */
+    option(key, value) {
+        this.#colDef[key] = value;
+        return this;
+    }
+    /** Apply custom modifications to the column definition */
+    customize(fn) {
+        fn(this.#colDef);
+        return this;
+    }
+    // ============================================================
+    // Build
+    // ============================================================
+    /** Build and return the AG Grid ColDef */
+    build() {
+        return { ...this.#colDef };
+    }
+}
+
+/**
+ * Factory for creating typed column builders.
+ * Provides convenient methods for common column types.
+ *
+ * @example
+ * ```ts
+ * // In column definitions:
+ * CoarGridBuilder.create<User>()
+ *   .columns([
+ *     col => col.field('name').header('Name').flex(1),
+ *     col => col.field('createdAt').header('Created').width(150),
+ *   ])
+ * ```
+ */
+class CoarGridColumnFactory {
+    /**
+     * Create a column builder for the given field
+     */
+    field(fieldName) {
+        return new CoarGridColumnBuilder(fieldName);
+    }
+    /**
+     * Create a date column with standard formatting
+     */
+    date(fieldName, format = 'short') {
+        const builder = new CoarGridColumnBuilder(fieldName);
+        // Add basic date formatting
+        builder.valueFormatter((params) => {
+            const value = params.value;
+            if (!value)
+                return '';
+            const date = value instanceof Date ? value : new Date(value);
+            if (isNaN(date.getTime()))
+                return String(value);
+            // Use Intl for locale-aware formatting
+            switch (format) {
+                case 'short':
+                    return date.toLocaleDateString();
+                case 'long':
+                    return date.toLocaleDateString(undefined, {
+                        year: 'numeric',
+                        month: 'long',
+                        day: 'numeric',
+                    });
+                case 'datetime':
+                    return date.toLocaleString();
+                default:
+                    return date.toLocaleDateString();
+            }
+        });
+        return builder;
+    }
+    /**
+     * Create a number column with standard formatting
+     */
+    number(fieldName, decimals = 0) {
+        const builder = new CoarGridColumnBuilder(fieldName);
+        builder.valueFormatter((params) => {
+            const value = params.value;
+            if (value === null || value === undefined)
+                return '';
+            return value.toLocaleString(undefined, {
+                minimumFractionDigits: decimals,
+                maximumFractionDigits: decimals,
+            });
+        });
+        // Right-align numbers
+        builder.cellClass('text-right');
+        return builder;
+    }
+    /**
+     * Create a currency column
+     */
+    currency(fieldName, currency = 'USD') {
+        const builder = new CoarGridColumnBuilder(fieldName);
+        builder.valueFormatter((params) => {
+            const value = params.value;
+            if (value === null || value === undefined)
+                return '';
+            return value.toLocaleString(undefined, {
+                style: 'currency',
+                currency,
+            });
+        });
+        // Right-align currency
+        builder.cellClass('text-right');
+        return builder;
+    }
+    /**
+     * Create a boolean column (displays Yes/No or custom values)
+     */
+    boolean(fieldName, options = {}) {
+        const { trueValue = 'Yes', falseValue = 'No' } = options;
+        const builder = new CoarGridColumnBuilder(fieldName);
+        builder.valueFormatter((params) => {
+            if (params.value === null || params.value === undefined)
+                return '';
+            return params.value ? trueValue : falseValue;
+        });
+        return builder;
+    }
+}
+
+/**
+ * Cocoar Theme for AG Grid
+ *
+ * Creates a customized AG Grid theme using the v33+ theming API.
+ * Maps Cocoar design tokens to AG Grid parameters.
+ */
+/**
+ * Creates the Cocoar AG Grid theme
+ *
+ * @example
+ * ```typescript
+ * import { createCocoarTheme } from '@cocoar/data-grid';
+ *
+ * const gridOptions = {
+ *   theme: createCocoarTheme(),
+ *   // ...
+ * };
+ * ```
+ */
+function createCocoarTheme() {
+    return themeQuartz.withParams({
+        // Typography - Use CSS variables from Cocoar tokens
+        fontFamily: 'var(--coar-font-family-body, Poppins, sans-serif)',
+        fontSize: 14,
+        // Spacing
+        spacing: 4,
+        cellHorizontalPadding: 16,
+        rowHeight: 40,
+        headerHeight: 40,
+        // Colors (use CSS vars for light/dark mode support)
+        backgroundColor: 'var(--coar-color-surface, #ffffff)',
+        foregroundColor: 'var(--coar-color-text-primary, #1a1a1a)',
+        borderColor: 'var(--coar-color-border, #e5e7eb)',
+        // Header
+        headerBackgroundColor: 'var(--coar-color-surface-alt, #f9fafb)',
+        headerTextColor: 'var(--coar-color-text-primary, #1a1a1a)',
+        headerFontWeight: 600,
+        // Rows
+        oddRowBackgroundColor: 'var(--coar-color-surface, #ffffff)',
+        rowHoverColor: 'var(--coar-color-surface-hover, #f3f4f6)',
+        // Selection
+        selectedRowBackgroundColor: 'var(--coar-color-primary-light, #e0e7ff)',
+        rangeSelectionBackgroundColor: 'var(--coar-color-primary-light, #e0e7ff)',
+        // Borders
+        borderRadius: 6,
+        wrapperBorder: false,
+        columnBorder: true,
+        rowBorder: true,
+    });
+}
+/**
+ * Pre-configured Cocoar theme instance
+ *
+ * @example
+ * ```typescript
+ * import { cocoarTheme } from '@cocoar/data-grid';
+ *
+ * <ag-grid-angular [theme]="cocoarTheme" />
+ * ```
+ */
+const cocoarTheme = createCocoarTheme();
+
+/**
+ * Fluent builder for AG Grid configuration.
+ *
+ * @example
+ * ```ts
+ * const gridBuilder = CoarGridBuilder.create<User>()
+ *   .columns([
+ *     col => col.field('name').header('Name').flex(1),
+ *     col => col.field('email').header('Email').flex(1),
+ *     col => col.field('role').header('Role').width(100),
+ *   ])
+ *   .rowData(users)
+ *   .rowId(user => user.id)
+ *   .onRowClicked(event => console.log(event.data));
+ * ```
+ */
+class CoarGridBuilder {
+    #grid;
+    #destroy$ = new Subject();
+    #gridReady$ = new Subject();
+    #gridOptions = {};
+    #columnDefs = [];
+    #rowData = null;
+    #rowData$;
+    /** Observable that emits when grid is ready */
+    gridReady$ = this.#gridReady$.asObservable();
+    constructor() {
+        this.#gridOptions = this.#createDefaultOptions();
+    }
+    /** Create a new grid builder */
+    static create() {
+        return new CoarGridBuilder();
+    }
+    /** Get the AG Grid API (available after grid ready) */
+    get api() {
+        return this.#grid?.api;
+    }
+    // ============================================================
+    // Private helpers
+    // ============================================================
+    #createDefaultOptions() {
+        return {
+            theme: cocoarTheme,
+            suppressPropertyNamesCheck: true,
+            animateRows: true,
+            rowSelection: undefined,
+        };
+    }
+    #mergeOptions(options) {
+        this.#gridOptions = { ...this.#gridOptions, ...options };
+    }
+    // ============================================================
+    // Column Configuration
+    // ============================================================
+    /** Define columns using builders or factory functions */
+    columns(definitions) {
+        const factory = new CoarGridColumnFactory();
+        this.#columnDefs = definitions.map((def) => {
+            if (def instanceof CoarGridColumnBuilder) {
+                return def.build();
+            }
+            return def(factory).build();
+        });
+        return this;
+    }
+    /** Set default column definition applied to all columns */
+    defaultColDef(definition) {
+        if (typeof definition === 'function') {
+            const builder = new CoarGridColumnBuilder();
+            this.#gridOptions.defaultColDef = definition(builder).build();
+        }
+        else {
+            this.#gridOptions.defaultColDef = definition;
+        }
+        return this;
+    }
+    // ============================================================
+    // Data Configuration
+    // ============================================================
+    /** Set row data (static array) */
+    rowData(data) {
+        this.#rowData = data;
+        this.#rowData$ = undefined;
+        return this;
+    }
+    /** Set row data (observable) */
+    rowData$(data$) {
+        this.#rowData$ = data$;
+        this.#rowData = null;
+        return this;
+    }
+    /** Set row ID getter for immutable data updates */
+    rowId(getRowId) {
+        this.#gridOptions.getRowId = getRowId;
+        return this;
+    }
+    // ============================================================
+    // Row Selection
+    // ============================================================
+    /** Enable row selection */
+    rowSelection(mode) {
+        this.#mergeOptions({ rowSelection: mode });
+        return this;
+    }
+    // ============================================================
+    // Row Styling
+    // ============================================================
+    /** Set row class rules */
+    rowClassRules(rules) {
+        this.#mergeOptions({ rowClassRules: rules });
+        return this;
+    }
+    /** Set dynamic row class */
+    rowClass(fn) {
+        this.#mergeOptions({ getRowClass: fn });
+        return this;
+    }
+    // ============================================================
+    // Event Handlers
+    // ============================================================
+    /** Handle grid ready event */
+    onGridReady(handler) {
+        const existing = this.#gridOptions.onGridReady;
+        this.#gridOptions.onGridReady = (event) => {
+            existing?.(event);
+            handler(event);
+        };
+        return this;
+    }
+    /** Handle row click */
+    onRowClicked(handler) {
+        this.#mergeOptions({ onRowClicked: handler });
+        return this;
+    }
+    /** Handle row double-click */
+    onRowDoubleClicked(handler) {
+        this.#mergeOptions({ onRowDoubleClicked: handler });
+        return this;
+    }
+    /** Handle cell click */
+    onCellClicked(handler) {
+        this.#mergeOptions({ onCellClicked: handler });
+        return this;
+    }
+    /** Handle cell double-click */
+    onCellDoubleClicked(handler) {
+        this.#mergeOptions({ onCellDoubleClicked: handler });
+        return this;
+    }
+    // ============================================================
+    // External Filtering
+    // ============================================================
+    /** Set external filter */
+    externalFilter(doesFilterPass, isFilterPresent) {
+        this.#mergeOptions({
+            isExternalFilterPresent: isFilterPresent ?? (() => true),
+            doesExternalFilterPass: doesFilterPass,
+        });
+        return this;
+    }
+    // ============================================================
+    // Grid Options
+    // ============================================================
+    /** Enable row animation */
+    animateRows(value = true) {
+        this.#mergeOptions({ animateRows: value });
+        return this;
+    }
+    /** Set any AG Grid option directly */
+    option(key, value) {
+        this.#gridOptions[key] = value;
+        return this;
+    }
+    /** Merge additional grid options */
+    options(options) {
+        this.#mergeOptions(options);
+        return this;
+    }
+    // ============================================================
+    // Internal - Used by directive
+    // ============================================================
+    /** @internal Called by the directive to bind to AG Grid */
+    _bind(grid) {
+        this.#grid = grid;
+        // Set grid options
+        grid.gridOptions = this.#gridOptions;
+        grid.columnDefs = this.#columnDefs;
+        // Set static row data if provided
+        if (this.#rowData !== null) {
+            grid.rowData = this.#rowData;
+        }
+        // Subscribe to grid ready
+        grid.gridReady.pipe(takeUntil(this.#destroy$)).subscribe((event) => {
+            this.#gridReady$.next(event);
+            // Subscribe to observable row data if provided
+            if (this.#rowData$) {
+                this.#rowData$.pipe(takeUntil(this.#destroy$)).subscribe((data) => {
+                    if (data === null || data === undefined) {
+                        event.api.setGridOption('rowData', []);
+                        event.api.setGridOption('loading', true);
+                    }
+                    else {
+                        event.api.setGridOption('rowData', data);
+                        event.api.setGridOption('loading', false);
+                    }
+                });
+            }
+        });
+    }
+    /** @internal Called by the directive on destroy */
+    _destroy() {
+        this.#destroy$.next();
+        this.#destroy$.complete();
+        this.#gridReady$.complete();
+    }
+    /** Get column definitions (for directive) */
+    _getColumnDefs() {
+        return this.#columnDefs;
+    }
+    /** Get grid options (for directive) */
+    _getGridOptions() {
+        return this.#gridOptions;
+    }
+    /** Get static row data (for directive) */
+    _getRowData() {
+        return this.#rowData;
+    }
+}
+
+/**
+ * Directive that binds a CoarGridBuilder to an AG Grid instance.
+ *
+ * @example
+ * ```html
+ * <ag-grid-angular
+ *   [coarDataGrid]="gridBuilder"
+ *   class="ag-theme-cocoar"
+ * />
+ * ```
+ *
+ * @example
+ * ```ts
+ * // In component:
+ * readonly gridBuilder = CoarGridBuilder.create<User>()
+ *   .columns([
+ *     col => col.field('name').header('Name').flex(1),
+ *     col => col.field('email').header('Email').flex(1),
+ *   ])
+ *   .rowData(this.users);
+ * ```
+ */
+class CoarDataGridDirective {
+    #agGrid = inject((AgGridAngular));
+    #gridBuilder;
+    /**
+     * The grid builder configuration
+     */
+    set coarDataGrid(value) {
+        this.#gridBuilder = value;
+    }
+    ngOnInit() {
+        if (!this.#gridBuilder) {
+            console.warn('CoarDataGridDirective: No grid builder provided');
+            return;
+        }
+        // Bind the builder to the AG Grid instance
+        this.#gridBuilder._bind(this.#agGrid);
+    }
+    ngOnDestroy() {
+        this.#gridBuilder?._destroy();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: CoarDataGridDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.6", type: CoarDataGridDirective, isStandalone: true, selector: "ag-grid-angular[coarDataGrid]", inputs: { coarDataGrid: "coarDataGrid" }, host: { styleAttribute: "display: flex; flex-direction: column; flex-grow: 1;", classAttribute: "ag-theme-cocoar" }, exportAs: ["coarDataGrid"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: CoarDataGridDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'ag-grid-angular[coarDataGrid]',
+                    exportAs: 'coarDataGrid',
+                    standalone: true,
+                    host: {
+                        class: 'ag-theme-cocoar',
+                        style: 'display: flex; flex-direction: column; flex-grow: 1;',
+                    },
+                }]
+        }], propDecorators: { coarDataGrid: [{
+                type: Input
+            }] } });
+
+/**
+ * Minimal type definitions for @cocoar/data-grid
+ * Re-exports commonly used AG Grid types and adds Cocoar-specific extensions
+ */
+
+// @cocoar/data-grid - AG Grid wrapper with Cocoar theme
+// Builders (fluent API for grid configuration)
+// Note: Theme CSS should be imported separately in your app's styles:
+// @import '@cocoar/data-grid/lib/theme/ag-theme-cocoar.css';
+// or include the path in angular.json styles array
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { CoarDataGridDirective, CoarGridBuilder, CoarGridColumnBuilder, CoarGridColumnFactory, cocoarTheme, createCocoarTheme };
+//# sourceMappingURL=cocoar-data-grid.mjs.map

package/fesm2022/cocoar-data-grid.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"cocoar-data-grid.mjs","sources":["../../../../libs/data-grid/src/lib/builders/coar-grid-column-builder.ts","../../../../libs/data-grid/src/lib/builders/coar-grid-column-factory.ts","../../../../libs/data-grid/src/lib/theme/cocoar-theme.ts","../../../../libs/data-grid/src/lib/builders/coar-grid-builder.ts","../../../../libs/data-grid/src/lib/directive/coar-data-grid.directive.ts","../../../../libs/data-grid/src/lib/models/index.ts","../../../../libs/data-grid/src/index.ts","../../../../libs/data-grid/src/cocoar-data-grid.ts"],"sourcesContent":["import { Type } from '@angular/core';\nimport type {\n  ColDef,\n  CellClassParams,\n  CellStyle,\n  ValueFormatterParams,\n  ValueGetterFunc,\n  CellDoubleClickedEvent,\n  ITooltipParams,\n} from 'ag-grid-community';\n\n/**\n * Fluent builder for AG Grid column definitions.\n *\n * @example\n * ```ts\n * const column = new CoarGridColumnBuilder<User>('name')\n *   .header('Full Name')\n *   .sortable()\n *   .flex(1)\n *   .build();\n * ```\n */\nexport class CoarGridColumnBuilder<TData = unknown, TValue = unknown> {\n  readonly #colDef: ColDef<TData, TValue>;\n\n  constructor(field?: keyof TData | string) {\n    this.#colDef = {\n      field: field?.toString() as ColDef<TData, TValue>['field'],\n      headerName: field?.toString(),\n      resizable: true,\n      sortable: false,\n    };\n  }\n\n  // ============================================================\n  // Basic Properties\n  // ============================================================\n\n  /** Set the field name (data property) */\n  field(value: keyof TData | string): this {\n    this.#colDef.field = value.toString() as ColDef<TData, TValue>['field'];\n    this.#colDef.headerName = this.#colDef.headerName || value.toString();\n    return this;\n  }\n\n  /** Set the column header text */\n  header(value: string): this {\n    this.#colDef.headerName = value;\n    return this;\n  }\n\n  /** Set header tooltip */\n  headerTooltip(value: string): this {\n    this.#colDef.headerTooltip = value;\n    return this;\n  }\n\n  // ============================================================\n  // Sizing\n  // ============================================================\n\n  /** Set fixed width in pixels */\n  width(value: number, minWidth?: number, maxWidth?: number): this {\n    this.#colDef.width = value;\n    if (minWidth !== undefined) this.#colDef.minWidth = minWidth;\n    if (maxWidth !== undefined) this.#colDef.maxWidth = maxWidth;\n    return this;\n  }\n\n  /** Set fixed width (min, max, and width all the same) */\n  fixedWidth(value: number): this {\n    this.#colDef.width = value;\n    this.#colDef.minWidth = value;\n    this.#colDef.maxWidth = value;\n    return this;\n  }\n\n  /** Set minimum width */\n  minWidth(value: number): this {\n    this.#colDef.minWidth = value;\n    return this;\n  }\n\n  /** Set maximum width */\n  maxWidth(value: number): this {\n    this.#colDef.maxWidth = value;\n    return this;\n  }\n\n  /** Set flex grow factor for fluid width */\n  flex(value = 1): this {\n    this.#colDef.flex = value;\n    return this;\n  }\n\n  // ============================================================\n  // Behavior\n  // ============================================================\n\n  /** Enable/disable sorting */\n  sortable(value = true): this {\n    this.#colDef.sortable = value;\n    return this;\n  }\n\n  /** Enable/disable resizing */\n  resizable(value = true): this {\n    this.#colDef.resizable = value;\n    return this;\n  }\n\n  /** Hide/show column */\n  hidden(value = true): this {\n    this.#colDef.hide = value;\n    return this;\n  }\n\n  /** Pin column to left or right */\n  pinned(value: 'left' | 'right' | null): this {\n    this.#colDef.pinned = value;\n    return this;\n  }\n\n  /** Lock column position */\n  lockPosition(value: boolean | 'left' | 'right' = true): this {\n    this.#colDef.lockPosition = value;\n    return this;\n  }\n\n  // ============================================================\n  // Cell Rendering\n  // ============================================================\n\n  /** Set custom cell renderer component */\n  cellRenderer(component: Type<unknown>, params?: Record<string, unknown>): this {\n    this.#colDef.cellRenderer = component;\n    if (params) {\n      this.#colDef.cellRendererParams = { ...this.#colDef.cellRendererParams, ...params };\n    }\n    return this;\n  }\n\n  /** Set cell renderer parameters */\n  cellRendererParams(params: Record<string, unknown>): this {\n    this.#colDef.cellRendererParams = { ...this.#colDef.cellRendererParams, ...params };\n    return this;\n  }\n\n  /** Set value formatter for display */\n  valueFormatter(fn: (params: ValueFormatterParams<TData, TValue>) => string): this {\n    this.#colDef.valueFormatter = fn;\n    return this;\n  }\n\n  /** Set value getter to transform data before display */\n  valueGetter(fn: ValueGetterFunc<TData, TValue>): this {\n    this.#colDef.valueGetter = fn;\n    return this;\n  }\n\n  // ============================================================\n  // Styling\n  // ============================================================\n\n  /** Set CSS class for cells */\n  cellClass(\n    value: string | string[] | ((params: CellClassParams<TData, TValue>) => string | string[])\n  ): this {\n    this.#colDef.cellClass = value;\n    return this;\n  }\n\n  /** Set CSS style for cells */\n  cellStyle(\n    value: CellStyle | ((params: CellClassParams<TData, TValue>) => CellStyle | null | undefined)\n  ): this {\n    this.#colDef.cellStyle = value;\n    return this;\n  }\n\n  /** Add a conditional CSS class rule */\n  classRule(\n    className: string,\n    condition: string | ((params: CellClassParams<TData, TValue>) => boolean)\n  ): this {\n    if (!this.#colDef.cellClassRules) {\n      this.#colDef.cellClassRules = {};\n    }\n    this.#colDef.cellClassRules[className] = condition;\n    return this;\n  }\n\n  // ============================================================\n  // Tooltips\n  // ============================================================\n\n  /** Show tooltip with field value or custom function */\n  tooltip(value?: string | ((params: ITooltipParams<TData, TValue>) => string)): this {\n    if (value === undefined) {\n      this.#colDef.tooltipField = this.#colDef.field;\n    } else if (typeof value === 'string') {\n      this.#colDef.tooltipField = value as ColDef<TData, TValue>['tooltipField'];\n    } else {\n      this.#colDef.tooltipValueGetter = value;\n    }\n    return this;\n  }\n\n  // ============================================================\n  // Events\n  // ============================================================\n\n  /** Handle cell double-click */\n  onCellDoubleClicked(handler: (event: CellDoubleClickedEvent<TData, TValue>) => void): this {\n    this.#colDef.onCellDoubleClicked = handler;\n    return this;\n  }\n\n  // ============================================================\n  // Filtering\n  // ============================================================\n\n  /** Enable/disable filtering */\n  filter(value: boolean | string = true): this {\n    this.#colDef.filter = value;\n    return this;\n  }\n\n  /** Set filter parameters */\n  filterParams(params: Record<string, unknown>): this {\n    this.#colDef.filterParams = params;\n    return this;\n  }\n\n  // ============================================================\n  // Advanced Options\n  // ============================================================\n\n  /** Set any AG Grid ColDef option directly */\n  option<K extends keyof ColDef<TData, TValue>>(key: K, value: ColDef<TData, TValue>[K]): this {\n    this.#colDef[key] = value;\n    return this;\n  }\n\n  /** Apply custom modifications to the column definition */\n  customize(fn: (colDef: ColDef<TData, TValue>) => void): this {\n    fn(this.#colDef);\n    return this;\n  }\n\n  // ============================================================\n  // Build\n  // ============================================================\n\n  /** Build and return the AG Grid ColDef */\n  build(): ColDef<TData, TValue> {\n    return { ...this.#colDef };\n  }\n}\n","import { CoarGridColumnBuilder } from './coar-grid-column-builder';\n\n/**\n * Factory for creating typed column builders.\n * Provides convenient methods for common column types.\n *\n * @example\n * ```ts\n * // In column definitions:\n * CoarGridBuilder.create<User>()\n *   .columns([\n *     col => col.field('name').header('Name').flex(1),\n *     col => col.field('createdAt').header('Created').width(150),\n *   ])\n * ```\n */\nexport class CoarGridColumnFactory<TData = unknown> {\n  /**\n   * Create a column builder for the given field\n   */\n  field<TValue = unknown>(fieldName: keyof TData | string): CoarGridColumnBuilder<TData, TValue> {\n    return new CoarGridColumnBuilder<TData, TValue>(fieldName);\n  }\n\n  /**\n   * Create a date column with standard formatting\n   */\n  date(\n    fieldName: keyof TData | string,\n    format = 'short'\n  ): CoarGridColumnBuilder<TData, Date | string> {\n    const builder = new CoarGridColumnBuilder<TData, Date | string>(fieldName);\n\n    // Add basic date formatting\n    builder.valueFormatter((params) => {\n      const value = params.value;\n      if (!value) return '';\n\n      const date = value instanceof Date ? value : new Date(value);\n      if (isNaN(date.getTime())) return String(value);\n\n      // Use Intl for locale-aware formatting\n      switch (format) {\n        case 'short':\n          return date.toLocaleDateString();\n        case 'long':\n          return date.toLocaleDateString(undefined, {\n            year: 'numeric',\n            month: 'long',\n            day: 'numeric',\n          });\n        case 'datetime':\n          return date.toLocaleString();\n        default:\n          return date.toLocaleDateString();\n      }\n    });\n\n    return builder;\n  }\n\n  /**\n   * Create a number column with standard formatting\n   */\n  number(fieldName: keyof TData | string, decimals = 0): CoarGridColumnBuilder<TData, number> {\n    const builder = new CoarGridColumnBuilder<TData, number>(fieldName);\n\n    builder.valueFormatter((params) => {\n      const value = params.value;\n      if (value === null || value === undefined) return '';\n      return value.toLocaleString(undefined, {\n        minimumFractionDigits: decimals,\n        maximumFractionDigits: decimals,\n      });\n    });\n\n    // Right-align numbers\n    builder.cellClass('text-right');\n\n    return builder;\n  }\n\n  /**\n   * Create a currency column\n   */\n  currency(\n    fieldName: keyof TData | string,\n    currency = 'USD'\n  ): CoarGridColumnBuilder<TData, number> {\n    const builder = new CoarGridColumnBuilder<TData, number>(fieldName);\n\n    builder.valueFormatter((params) => {\n      const value = params.value;\n      if (value === null || value === undefined) return '';\n      return value.toLocaleString(undefined, {\n        style: 'currency',\n        currency,\n      });\n    });\n\n    // Right-align currency\n    builder.cellClass('text-right');\n\n    return builder;\n  }\n\n  /**\n   * Create a boolean column (displays Yes/No or custom values)\n   */\n  boolean(\n    fieldName: keyof TData | string,\n    options: { trueValue?: string; falseValue?: string } = {}\n  ): CoarGridColumnBuilder<TData, boolean> {\n    const { trueValue = 'Yes', falseValue = 'No' } = options;\n    const builder = new CoarGridColumnBuilder<TData, boolean>(fieldName);\n\n    builder.valueFormatter((params) => {\n      if (params.value === null || params.value === undefined) return '';\n      return params.value ? trueValue : falseValue;\n    });\n\n    return builder;\n  }\n}\n","/**\n * Cocoar Theme for AG Grid\n *\n * Creates a customized AG Grid theme using the v33+ theming API.\n * Maps Cocoar design tokens to AG Grid parameters.\n */\nimport { themeQuartz, type Theme } from 'ag-grid-community';\n\n/**\n * Creates the Cocoar AG Grid theme\n *\n * @example\n * ```typescript\n * import { createCocoarTheme } from '@cocoar/data-grid';\n *\n * const gridOptions = {\n *   theme: createCocoarTheme(),\n *   // ...\n * };\n * ```\n */\nexport function createCocoarTheme(): Theme {\n  return themeQuartz.withParams({\n    // Typography - Use CSS variables from Cocoar tokens\n    fontFamily: 'var(--coar-font-family-body, Poppins, sans-serif)',\n    fontSize: 14,\n\n    // Spacing\n    spacing: 4,\n    cellHorizontalPadding: 16,\n    rowHeight: 40,\n    headerHeight: 40,\n\n    // Colors (use CSS vars for light/dark mode support)\n    backgroundColor: 'var(--coar-color-surface, #ffffff)',\n    foregroundColor: 'var(--coar-color-text-primary, #1a1a1a)',\n    borderColor: 'var(--coar-color-border, #e5e7eb)',\n\n    // Header\n    headerBackgroundColor: 'var(--coar-color-surface-alt, #f9fafb)',\n    headerTextColor: 'var(--coar-color-text-primary, #1a1a1a)',\n    headerFontWeight: 600,\n\n    // Rows\n    oddRowBackgroundColor: 'var(--coar-color-surface, #ffffff)',\n    rowHoverColor: 'var(--coar-color-surface-hover, #f3f4f6)',\n\n    // Selection\n    selectedRowBackgroundColor: 'var(--coar-color-primary-light, #e0e7ff)',\n    rangeSelectionBackgroundColor: 'var(--coar-color-primary-light, #e0e7ff)',\n\n    // Borders\n    borderRadius: 6,\n    wrapperBorder: false,\n    columnBorder: true,\n    rowBorder: true,\n  });\n}\n\n/**\n * Pre-configured Cocoar theme instance\n *\n * @example\n * ```typescript\n * import { cocoarTheme } from '@cocoar/data-grid';\n *\n * <ag-grid-angular [theme]=\"cocoarTheme\" />\n * ```\n */\nexport const cocoarTheme = createCocoarTheme();\n","import { AgGridAngular } from 'ag-grid-angular';\nimport type {\n  ColDef,\n  GridApi,\n  GridOptions,\n  GridReadyEvent,\n  RowClickedEvent,\n  RowDoubleClickedEvent,\n  CellClickedEvent,\n  CellDoubleClickedEvent,\n  GetRowIdFunc,\n  RowClassParams,\n  IRowNode,\n  IsExternalFilterPresentParams,\n} from 'ag-grid-community';\nimport { Observable, Subject, takeUntil } from 'rxjs';\n\nimport { CoarGridColumnBuilder } from './coar-grid-column-builder';\nimport { CoarGridColumnFactory } from './coar-grid-column-factory';\nimport { cocoarTheme } from '../theme/cocoar-theme';\n\n/** Column definition input - either a builder or a factory function */\nexport type ColumnDefinition<TData> =\n  | CoarGridColumnBuilder<TData>\n  | ((factory: CoarGridColumnFactory<TData>) => CoarGridColumnBuilder<TData>);\n\n/**\n * Fluent builder for AG Grid configuration.\n *\n * @example\n * ```ts\n * const gridBuilder = CoarGridBuilder.create<User>()\n *   .columns([\n *     col => col.field('name').header('Name').flex(1),\n *     col => col.field('email').header('Email').flex(1),\n *     col => col.field('role').header('Role').width(100),\n *   ])\n *   .rowData(users)\n *   .rowId(user => user.id)\n *   .onRowClicked(event => console.log(event.data));\n * ```\n */\nexport class CoarGridBuilder<TData = unknown> {\n  #grid?: AgGridAngular<TData>;\n  #destroy$ = new Subject<void>();\n  #gridReady$ = new Subject<GridReadyEvent<TData>>();\n\n  #gridOptions: GridOptions<TData> = {};\n  #columnDefs: ColDef<TData>[] = [];\n  #rowData: TData[] | null = null;\n  #rowData$?: Observable<TData[] | null | undefined>;\n\n  /** Observable that emits when grid is ready */\n  readonly gridReady$ = this.#gridReady$.asObservable();\n\n  private constructor() {\n    this.#gridOptions = this.#createDefaultOptions();\n  }\n\n  /** Create a new grid builder */\n  static create<TData>(): CoarGridBuilder<TData> {\n    return new CoarGridBuilder<TData>();\n  }\n\n  /** Get the AG Grid API (available after grid ready) */\n  get api(): GridApi<TData> | undefined {\n    return this.#grid?.api;\n  }\n\n  // ============================================================\n  // Private helpers\n  // ============================================================\n\n  #createDefaultOptions(): GridOptions<TData> {\n    return {\n      theme: cocoarTheme,\n      suppressPropertyNamesCheck: true,\n      animateRows: true,\n      rowSelection: undefined,\n    };\n  }\n\n  #mergeOptions(options: GridOptions<TData>): void {\n    this.#gridOptions = { ...this.#gridOptions, ...options };\n  }\n\n  // ============================================================\n  // Column Configuration\n  // ============================================================\n\n  /** Define columns using builders or factory functions */\n  columns(definitions: ColumnDefinition<TData>[]): this {\n    const factory = new CoarGridColumnFactory<TData>();\n    this.#columnDefs = definitions.map((def) => {\n      if (def instanceof CoarGridColumnBuilder) {\n        return def.build();\n      }\n      return def(factory).build();\n    });\n    return this;\n  }\n\n  /** Set default column definition applied to all columns */\n  defaultColDef(\n    definition:\n      | Partial<ColDef<TData>>\n      | ((builder: CoarGridColumnBuilder<TData>) => CoarGridColumnBuilder<TData>)\n  ): this {\n    if (typeof definition === 'function') {\n      const builder = new CoarGridColumnBuilder<TData>();\n      this.#gridOptions.defaultColDef = definition(builder).build();\n    } else {\n      this.#gridOptions.defaultColDef = definition;\n    }\n    return this;\n  }\n\n  // ============================================================\n  // Data Configuration\n  // ============================================================\n\n  /** Set row data (static array) */\n  rowData(data: TData[] | null): this {\n    this.#rowData = data;\n    this.#rowData$ = undefined;\n    return this;\n  }\n\n  /** Set row data (observable) */\n  rowData$(data$: Observable<TData[] | null | undefined>): this {\n    this.#rowData$ = data$;\n    this.#rowData = null;\n    return this;\n  }\n\n  /** Set row ID getter for immutable data updates */\n  rowId(getRowId: GetRowIdFunc<TData>): this {\n    this.#gridOptions.getRowId = getRowId;\n    return this;\n  }\n\n  // ============================================================\n  // Row Selection\n  // ============================================================\n\n  /** Enable row selection */\n  rowSelection(mode: 'single' | 'multiple'): this {\n    this.#mergeOptions({ rowSelection: mode });\n    return this;\n  }\n\n  // ============================================================\n  // Row Styling\n  // ============================================================\n\n  /** Set row class rules */\n  rowClassRules(\n    rules: Record<string, ((params: RowClassParams<TData>) => boolean) | string>\n  ): this {\n    this.#mergeOptions({ rowClassRules: rules });\n    return this;\n  }\n\n  /** Set dynamic row class */\n  rowClass(fn: (params: RowClassParams<TData>) => string | string[] | undefined): this {\n    this.#mergeOptions({ getRowClass: fn });\n    return this;\n  }\n\n  // ============================================================\n  // Event Handlers\n  // ============================================================\n\n  /** Handle grid ready event */\n  onGridReady(handler: (event: GridReadyEvent<TData>) => void): this {\n    const existing = this.#gridOptions.onGridReady;\n    this.#gridOptions.onGridReady = (event) => {\n      existing?.(event);\n      handler(event);\n    };\n    return this;\n  }\n\n  /** Handle row click */\n  onRowClicked(handler: (event: RowClickedEvent<TData>) => void): this {\n    this.#mergeOptions({ onRowClicked: handler });\n    return this;\n  }\n\n  /** Handle row double-click */\n  onRowDoubleClicked(handler: (event: RowDoubleClickedEvent<TData>) => void): this {\n    this.#mergeOptions({ onRowDoubleClicked: handler });\n    return this;\n  }\n\n  /** Handle cell click */\n  onCellClicked(handler: (event: CellClickedEvent<TData>) => void): this {\n    this.#mergeOptions({ onCellClicked: handler });\n    return this;\n  }\n\n  /** Handle cell double-click */\n  onCellDoubleClicked(handler: (event: CellDoubleClickedEvent<TData>) => void): this {\n    this.#mergeOptions({ onCellDoubleClicked: handler });\n    return this;\n  }\n\n  // ============================================================\n  // External Filtering\n  // ============================================================\n\n  /** Set external filter */\n  externalFilter(\n    doesFilterPass: (node: IRowNode<TData>) => boolean,\n    isFilterPresent?: (params: IsExternalFilterPresentParams<TData>) => boolean\n  ): this {\n    this.#mergeOptions({\n      isExternalFilterPresent: isFilterPresent ?? (() => true),\n      doesExternalFilterPass: doesFilterPass,\n    });\n    return this;\n  }\n\n  // ============================================================\n  // Grid Options\n  // ============================================================\n\n  /** Enable row animation */\n  animateRows(value = true): this {\n    this.#mergeOptions({ animateRows: value });\n    return this;\n  }\n\n  /** Set any AG Grid option directly */\n  option<K extends keyof GridOptions<TData>>(key: K, value: GridOptions<TData>[K]): this {\n    this.#gridOptions[key] = value;\n    return this;\n  }\n\n  /** Merge additional grid options */\n  options(options: GridOptions<TData>): this {\n    this.#mergeOptions(options);\n    return this;\n  }\n\n  // ============================================================\n  // Internal - Used by directive\n  // ============================================================\n\n  /** @internal Called by the directive to bind to AG Grid */\n  _bind(grid: AgGridAngular<TData>): void {\n    this.#grid = grid;\n\n    // Set grid options\n    grid.gridOptions = this.#gridOptions;\n    grid.columnDefs = this.#columnDefs;\n\n    // Set static row data if provided\n    if (this.#rowData !== null) {\n      grid.rowData = this.#rowData;\n    }\n\n    // Subscribe to grid ready\n    grid.gridReady.pipe(takeUntil(this.#destroy$)).subscribe((event) => {\n      this.#gridReady$.next(event);\n\n      // Subscribe to observable row data if provided\n      if (this.#rowData$) {\n        this.#rowData$.pipe(takeUntil(this.#destroy$)).subscribe((data) => {\n          if (data === null || data === undefined) {\n            event.api.setGridOption('rowData', []);\n            event.api.setGridOption('loading', true);\n          } else {\n            event.api.setGridOption('rowData', data);\n            event.api.setGridOption('loading', false);\n          }\n        });\n      }\n    });\n  }\n\n  /** @internal Called by the directive on destroy */\n  _destroy(): void {\n    this.#destroy$.next();\n    this.#destroy$.complete();\n    this.#gridReady$.complete();\n  }\n\n  /** Get column definitions (for directive) */\n  _getColumnDefs(): ColDef<TData>[] {\n    return this.#columnDefs;\n  }\n\n  /** Get grid options (for directive) */\n  _getGridOptions(): GridOptions<TData> {\n    return this.#gridOptions;\n  }\n\n  /** Get static row data (for directive) */\n  _getRowData(): TData[] | null {\n    return this.#rowData;\n  }\n}\n","import { Directive, Input, OnDestroy, OnInit, inject } from '@angular/core';\nimport { AgGridAngular } from 'ag-grid-angular';\n\nimport { CoarGridBuilder } from '../builders/coar-grid-builder';\n\n/**\n * Directive that binds a CoarGridBuilder to an AG Grid instance.\n *\n * @example\n * ```html\n * <ag-grid-angular\n *   [coarDataGrid]=\"gridBuilder\"\n *   class=\"ag-theme-cocoar\"\n * />\n * ```\n *\n * @example\n * ```ts\n * // In component:\n * readonly gridBuilder = CoarGridBuilder.create<User>()\n *   .columns([\n *     col => col.field('name').header('Name').flex(1),\n *     col => col.field('email').header('Email').flex(1),\n *   ])\n *   .rowData(this.users);\n * ```\n */\n@Directive({\n  selector: 'ag-grid-angular[coarDataGrid]',\n  exportAs: 'coarDataGrid',\n  standalone: true,\n  host: {\n    class: 'ag-theme-cocoar',\n    style: 'display: flex; flex-direction: column; flex-grow: 1;',\n  },\n})\nexport class CoarDataGridDirective<TData> implements OnInit, OnDestroy {\n  readonly #agGrid = inject(AgGridAngular<TData>);\n\n  #gridBuilder?: CoarGridBuilder<TData>;\n\n  /**\n   * The grid builder configuration\n   */\n  @Input()\n  set coarDataGrid(value: CoarGridBuilder<TData>) {\n    this.#gridBuilder = value;\n  }\n\n  ngOnInit(): void {\n    if (!this.#gridBuilder) {\n      console.warn('CoarDataGridDirective: No grid builder provided');\n      return;\n    }\n\n    // Bind the builder to the AG Grid instance\n    this.#gridBuilder._bind(this.#agGrid);\n  }\n\n  ngOnDestroy(): void {\n    this.#gridBuilder?._destroy();\n  }\n}\n","/**\n * Minimal type definitions for @cocoar/data-grid\n * Re-exports commonly used AG Grid types and adds Cocoar-specific extensions\n */\n\n// Re-export commonly used AG Grid types\nexport type {\n  ColDef,\n  GridOptions,\n  GridApi,\n  GridReadyEvent,\n  RowClickedEvent,\n  RowDoubleClickedEvent,\n  CellClickedEvent,\n  CellDoubleClickedEvent,\n  ColumnState,\n  GetRowIdFunc,\n  RowClassParams,\n  ValueFormatterParams,\n  ValueGetterParams,\n  CellClassParams,\n  ICellRendererParams,\n  IRowNode,\n} from 'ag-grid-community';\n\n/**\n * Extended column definition with Cocoar-specific properties\n */\nexport interface CoarColDef<TData = unknown> {\n  /** AG Grid field name */\n  field?: string;\n  /** Column header text */\n  headerName?: string;\n  /** Fixed width in pixels */\n  width?: number;\n  /** Minimum width in pixels */\n  minWidth?: number;\n  /** Maximum width in pixels */\n  maxWidth?: number;\n  /** Flex grow factor for fluid columns */\n  flex?: number;\n  /** Whether column is sortable */\n  sortable?: boolean;\n  /** Whether column is resizable */\n  resizable?: boolean;\n  /** Whether column is hidden */\n  hide?: boolean;\n  /** Pin column to left or right */\n  pinned?: 'left' | 'right' | null;\n  /** Custom cell renderer component */\n  cellRenderer?: unknown;\n  /** Parameters for cell renderer */\n  cellRendererParams?: Record<string, unknown>;\n  /** Value formatter function */\n  valueFormatter?: (params: ValueFormatterParams<TData>) => string;\n  /** Value getter function */\n  valueGetter?: (params: ValueGetterParams<TData>) => unknown;\n  /** CSS class for cells */\n  cellClass?: string | string[] | ((params: CellClassParams<TData>) => string | string[]);\n  /** CSS style for cells */\n  cellStyle?:\n    | Record<string, string>\n    | ((params: CellClassParams<TData>) => Record<string, string> | null | undefined);\n  /** Filter type */\n  filter?: boolean | string;\n}\n\nimport type { ValueFormatterParams, ValueGetterParams, CellClassParams } from 'ag-grid-community';\n","// @cocoar/data-grid - AG Grid wrapper with Cocoar theme\n\n// Builders (fluent API for grid configuration)\nexport {\n  CoarGridBuilder,\n  CoarGridColumnBuilder,\n  CoarGridColumnFactory,\n  type ColumnDefinition,\n} from './lib/builders';\n\n// Directive (connects builder to AG Grid)\nexport { CoarDataGridDirective } from './lib/directive';\n\n// Theme (Cocoar-styled AG Grid theme)\nexport { cocoarTheme, createCocoarTheme } from './lib/theme/cocoar-theme';\n\n// Types (re-exports from AG Grid + Cocoar extensions)\nexport * from './lib/models';\n\n// Note: Theme CSS should be imported separately in your app's styles:\n// @import '@cocoar/data-grid/lib/theme/ag-theme-cocoar.css';\n// or include the path in angular.json styles array\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;AAWA;;;;;;;;;;;AAWG;MACU,qBAAqB,CAAA;AACvB,IAAA,OAAO;AAEhB,IAAA,WAAA,CAAY,KAA4B,EAAA;QACtC,IAAI,CAAC,OAAO,GAAG;AACb,YAAA,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAoC;AAC1D,YAAA,UAAU,EAAE,KAAK,EAAE,QAAQ,EAAE;AAC7B,YAAA,SAAS,EAAE,IAAI;AACf,YAAA,QAAQ,EAAE,KAAK;SAChB;IACH;;;;;AAOA,IAAA,KAAK,CAAC,KAA2B,EAAA;QAC/B,IAAI,CAAC,OAAO,CAAC,KAAK,GAAG,KAAK,CAAC,QAAQ,EAAoC;AACvE,QAAA,IAAI,CAAC,OAAO,CAAC,UAAU,GAAG,IAAI,CAAC,OAAO,CAAC,UAAU,IAAI,KAAK,CAAC,QAAQ,EAAE;AACrE,QAAA,OAAO,IAAI;IACb;;AAGA,IAAA,MAAM,CAAC,KAAa,EAAA;AAClB,QAAA,IAAI,CAAC,OAAO,CAAC,UAAU,GAAG,KAAK;AAC/B,QAAA,OAAO,IAAI;IACb;;AAGA,IAAA,aAAa,CAAC,KAAa,EAAA;AACzB,QAAA,IAAI,CAAC,OAAO,CAAC,aAAa,GAAG,KAAK;AAClC,QAAA,OAAO,IAAI;IACb;;;;;AAOA,IAAA,KAAK,CAAC,KAAa,EAAE,QAAiB,EAAE,QAAiB,EAAA;AACvD,QAAA,IAAI,CAAC,OAAO,CAAC,KAAK,GAAG,KAAK;QAC1B,IAAI,QAAQ,KAAK,SAAS;AAAE,YAAA,IAAI,CAAC,OAAO,CAAC,QAAQ,GAAG,QAAQ;QAC5D,IAAI,QAAQ,KAAK,SAAS;AAAE,YAAA,IAAI,CAAC,OAAO,CAAC,QAAQ,GAAG,QAAQ;AAC5D,QAAA,OAAO,IAAI;IACb;;AAGA,IAAA,UAAU,CAAC,KAAa,EAAA;AACtB,QAAA,IAAI,CAAC,OAAO,CAAC,KAAK,GAAG,KAAK;AAC1B,QAAA,IAAI,CAAC,OAAO,CAAC,QAAQ,GAAG,KAAK;AAC7B,QAAA,IAAI,CAAC,OAAO,CAAC,QAAQ,GAAG,KAAK;AAC7B,QAAA,OAAO,IAAI;IACb;;AAGA,IAAA,QAAQ,CAAC,KAAa,EAAA;AACpB,QAAA,IAAI,CAAC,OAAO,CAAC,QAAQ,GAAG,KAAK;AAC7B,QAAA,OAAO,IAAI;IACb;;AAGA,IAAA,QAAQ,CAAC,KAAa,EAAA;AACpB,QAAA,IAAI,CAAC,OAAO,CAAC,QAAQ,GAAG,KAAK;AAC7B,QAAA,OAAO,IAAI;IACb;;IAGA,IAAI,CAAC,KAAK,GAAG,CAAC,EAAA;AACZ,QAAA,IAAI,CAAC,OAAO,CAAC,IAAI,GAAG,KAAK;AACzB,QAAA,OAAO,IAAI;IACb;;;;;IAOA,QAAQ,CAAC,KAAK,GAAG,IAAI,EAAA;AACnB,QAAA,IAAI,CAAC,OAAO,CAAC,QAAQ,GAAG,KAAK;AAC7B,QAAA,OAAO,IAAI;IACb;;IAGA,SAAS,CAAC,KAAK,GAAG,IAAI,EAAA;AACpB,QAAA,IAAI,CAAC,OAAO,CAAC,SAAS,GAAG,KAAK;AAC9B,QAAA,OAAO,IAAI;IACb;;IAGA,MAAM,CAAC,KAAK,GAAG,IAAI,EAAA;AACjB,QAAA,IAAI,CAAC,OAAO,CAAC,IAAI,GAAG,KAAK;AACzB,QAAA,OAAO,IAAI;IACb;;AAGA,IAAA,MAAM,CAAC,KAA8B,EAAA;AACnC,QAAA,IAAI,CAAC,OAAO,CAAC,MAAM,GAAG,KAAK;AAC3B,QAAA,OAAO,IAAI;IACb;;IAGA,YAAY,CAAC,QAAoC,IAAI,EAAA;AACnD,QAAA,IAAI,CAAC,OAAO,CAAC,YAAY,GAAG,KAAK;AACjC,QAAA,OAAO,IAAI;IACb;;;;;IAOA,YAAY,CAAC,SAAwB,EAAE,MAAgC,EAAA;AACrE,QAAA,IAAI,CAAC,OAAO,CAAC,YAAY,GAAG,SAAS;QACrC,IAAI,MAAM,EAAE;AACV,YAAA,IAAI,CAAC,OAAO,CAAC,kBAAkB,GAAG,EAAE,GAAG,IAAI,CAAC,OAAO,CAAC,kBAAkB,EAAE,GAAG,MAAM,EAAE;QACrF;AACA,QAAA,OAAO,IAAI;IACb;;AAGA,IAAA,kBAAkB,CAAC,MAA+B,EAAA;AAChD,QAAA,IAAI,CAAC,OAAO,CAAC,kBAAkB,GAAG,EAAE,GAAG,IAAI,CAAC,OAAO,CAAC,kBAAkB,EAAE,GAAG,MAAM,EAAE;AACnF,QAAA,OAAO,IAAI;IACb;;AAGA,IAAA,cAAc,CAAC,EAA2D,EAAA;AACxE,QAAA,IAAI,CAAC,OAAO,CAAC,cAAc,GAAG,EAAE;AAChC,QAAA,OAAO,IAAI;IACb;;AAGA,IAAA,WAAW,CAAC,EAAkC,EAAA;AAC5C,QAAA,IAAI,CAAC,OAAO,CAAC,WAAW,GAAG,EAAE;AAC7B,QAAA,OAAO,IAAI;IACb;;;;;AAOA,IAAA,SAAS,CACP,KAA0F,EAAA;AAE1F,QAAA,IAAI,CAAC,OAAO,CAAC,SAAS,GAAG,KAAK;AAC9B,QAAA,OAAO,IAAI;IACb;;AAGA,IAAA,SAAS,CACP,KAA6F,EAAA;AAE7F,QAAA,IAAI,CAAC,OAAO,CAAC,SAAS,GAAG,KAAK;AAC9B,QAAA,OAAO,IAAI;IACb;;IAGA,SAAS,CACP,SAAiB,EACjB,SAAyE,EAAA;AAEzE,QAAA,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,cAAc,EAAE;AAChC,YAAA,IAAI,CAAC,OAAO,CAAC,cAAc,GAAG,EAAE;QAClC;QACA,IAAI,CAAC,OAAO,CAAC,cAAc,CAAC,SAAS,CAAC,GAAG,SAAS;AAClD,QAAA,OAAO,IAAI;IACb;;;;;AAOA,IAAA,OAAO,CAAC,KAAoE,EAAA;AAC1E,QAAA,IAAI,KAAK,KAAK,SAAS,EAAE;YACvB,IAAI,CAAC,OAAO,CAAC,YAAY,GAAG,IAAI,CAAC,OAAO,CAAC,KAAK;QAChD;AAAO,aAAA,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;AACpC,YAAA,IAAI,CAAC,OAAO,CAAC,YAAY,GAAG,KAA8C;QAC5E;aAAO;AACL,YAAA,IAAI,CAAC,OAAO,CAAC,kBAAkB,GAAG,KAAK;QACzC;AACA,QAAA,OAAO,IAAI;IACb;;;;;AAOA,IAAA,mBAAmB,CAAC,OAA+D,EAAA;AACjF,QAAA,IAAI,CAAC,OAAO,CAAC,mBAAmB,GAAG,OAAO;AAC1C,QAAA,OAAO,IAAI;IACb;;;;;IAOA,MAAM,CAAC,QAA0B,IAAI,EAAA;AACnC,QAAA,IAAI,CAAC,OAAO,CAAC,MAAM,GAAG,KAAK;AAC3B,QAAA,OAAO,IAAI;IACb;;AAGA,IAAA,YAAY,CAAC,MAA+B,EAAA;AAC1C,QAAA,IAAI,CAAC,OAAO,CAAC,YAAY,GAAG,MAAM;AAClC,QAAA,OAAO,IAAI;IACb;;;;;IAOA,MAAM,CAAwC,GAAM,EAAE,KAA+B,EAAA;AACnF,QAAA,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG,KAAK;AACzB,QAAA,OAAO,IAAI;IACb;;AAGA,IAAA,SAAS,CAAC,EAA2C,EAAA;AACnD,QAAA,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC;AAChB,QAAA,OAAO,IAAI;IACb;;;;;IAOA,KAAK,GAAA;AACH,QAAA,OAAO,EAAE,GAAG,IAAI,CAAC,OAAO,EAAE;IAC5B;AACD;;ACjQD;;;;;;;;;;;;;AAaG;MACU,qBAAqB,CAAA;AAChC;;AAEG;AACH,IAAA,KAAK,CAAmB,SAA+B,EAAA;AACrD,QAAA,OAAO,IAAI,qBAAqB,CAAgB,SAAS,CAAC;IAC5D;AAEA;;AAEG;AACH,IAAA,IAAI,CACF,SAA+B,EAC/B,MAAM,GAAG,OAAO,EAAA;AAEhB,QAAA,MAAM,OAAO,GAAG,IAAI,qBAAqB,CAAuB,SAAS,CAAC;;AAG1E,QAAA,OAAO,CAAC,cAAc,CAAC,CAAC,MAAM,KAAI;AAChC,YAAA,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK;AAC1B,YAAA,IAAI,CAAC,KAAK;AAAE,gBAAA,OAAO,EAAE;AAErB,YAAA,MAAM,IAAI,GAAG,KAAK,YAAY,IAAI,GAAG,KAAK,GAAG,IAAI,IAAI,CAAC,KAAK,CAAC;AAC5D,YAAA,IAAI,KAAK,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC;AAAE,gBAAA,OAAO,MAAM,CAAC,KAAK,CAAC;;YAG/C,QAAQ,MAAM;AACZ,gBAAA,KAAK,OAAO;AACV,oBAAA,OAAO,IAAI,CAAC,kBAAkB,EAAE;AAClC,gBAAA,KAAK,MAAM;AACT,oBAAA,OAAO,IAAI,CAAC,kBAAkB,CAAC,SAAS,EAAE;AACxC,wBAAA,IAAI,EAAE,SAAS;AACf,wBAAA,KAAK,EAAE,MAAM;AACb,wBAAA,GAAG,EAAE,SAAS;AACf,qBAAA,CAAC;AACJ,gBAAA,KAAK,UAAU;AACb,oBAAA,OAAO,IAAI,CAAC,cAAc,EAAE;AAC9B,gBAAA;AACE,oBAAA,OAAO,IAAI,CAAC,kBAAkB,EAAE;;AAEtC,QAAA,CAAC,CAAC;AAEF,QAAA,OAAO,OAAO;IAChB;AAEA;;AAEG;AACH,IAAA,MAAM,CAAC,SAA+B,EAAE,QAAQ,GAAG,CAAC,EAAA;AAClD,QAAA,MAAM,OAAO,GAAG,IAAI,qBAAqB,CAAgB,SAAS,CAAC;AAEnE,QAAA,OAAO,CAAC,cAAc,CAAC,CAAC,MAAM,KAAI;AAChC,YAAA,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK;AAC1B,YAAA,IAAI,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,SAAS;AAAE,gBAAA,OAAO,EAAE;AACpD,YAAA,OAAO,KAAK,CAAC,cAAc,CAAC,SAAS,EAAE;AACrC,gBAAA,qBAAqB,EAAE,QAAQ;AAC/B,gBAAA,qBAAqB,EAAE,QAAQ;AAChC,aAAA,CAAC;AACJ,QAAA,CAAC,CAAC;;AAGF,QAAA,OAAO,CAAC,SAAS,CAAC,YAAY,CAAC;AAE/B,QAAA,OAAO,OAAO;IAChB;AAEA;;AAEG;AACH,IAAA,QAAQ,CACN,SAA+B,EAC/B,QAAQ,GAAG,KAAK,EAAA;AAEhB,QAAA,MAAM,OAAO,GAAG,IAAI,qBAAqB,CAAgB,SAAS,CAAC;AAEnE,QAAA,OAAO,CAAC,cAAc,CAAC,CAAC,MAAM,KAAI;AAChC,YAAA,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK;AAC1B,YAAA,IAAI,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,SAAS;AAAE,gBAAA,OAAO,EAAE;AACpD,YAAA,OAAO,KAAK,CAAC,cAAc,CAAC,SAAS,EAAE;AACrC,gBAAA,KAAK,EAAE,UAAU;gBACjB,QAAQ;AACT,aAAA,CAAC;AACJ,QAAA,CAAC,CAAC;;AAGF,QAAA,OAAO,CAAC,SAAS,CAAC,YAAY,CAAC;AAE/B,QAAA,OAAO,OAAO;IAChB;AAEA;;AAEG;AACH,IAAA,OAAO,CACL,SAA+B,EAC/B,OAAA,GAAuD,EAAE,EAAA;QAEzD,MAAM,EAAE,SAAS,GAAG,KAAK,EAAE,UAAU,GAAG,IAAI,EAAE,GAAG,OAAO;AACxD,QAAA,MAAM,OAAO,GAAG,IAAI,qBAAqB,CAAiB,SAAS,CAAC;AAEpE,QAAA,OAAO,CAAC,cAAc,CAAC,CAAC,MAAM,KAAI;YAChC,IAAI,MAAM,CAAC,KAAK,KAAK,IAAI,IAAI,MAAM,CAAC,KAAK,KAAK,SAAS;AAAE,gBAAA,OAAO,EAAE;YAClE,OAAO,MAAM,CAAC,KAAK,GAAG,SAAS,GAAG,UAAU;AAC9C,QAAA,CAAC,CAAC;AAEF,QAAA,OAAO,OAAO;IAChB;AACD;;AC3HD;;;;;AAKG;AAGH;;;;;;;;;;;;AAYG;SACa,iBAAiB,GAAA;IAC/B,OAAO,WAAW,CAAC,UAAU,CAAC;;AAE5B,QAAA,UAAU,EAAE,mDAAmD;AAC/D,QAAA,QAAQ,EAAE,EAAE;;AAGZ,QAAA,OAAO,EAAE,CAAC;AACV,QAAA,qBAAqB,EAAE,EAAE;AACzB,QAAA,SAAS,EAAE,EAAE;AACb,QAAA,YAAY,EAAE,EAAE;;AAGhB,QAAA,eAAe,EAAE,oCAAoC;AACrD,QAAA,eAAe,EAAE,yCAAyC;AAC1D,QAAA,WAAW,EAAE,mCAAmC;;AAGhD,QAAA,qBAAqB,EAAE,wCAAwC;AAC/D,QAAA,eAAe,EAAE,yCAAyC;AAC1D,QAAA,gBAAgB,EAAE,GAAG;;AAGrB,QAAA,qBAAqB,EAAE,oCAAoC;AAC3D,QAAA,aAAa,EAAE,0CAA0C;;AAGzD,QAAA,0BAA0B,EAAE,0CAA0C;AACtE,QAAA,6BAA6B,EAAE,0CAA0C;;AAGzE,QAAA,YAAY,EAAE,CAAC;AACf,QAAA,aAAa,EAAE,KAAK;AACpB,QAAA,YAAY,EAAE,IAAI;AAClB,QAAA,SAAS,EAAE,IAAI;AAChB,KAAA,CAAC;AACJ;AAEA;;;;;;;;;AASG;AACI,MAAM,WAAW,GAAG,iBAAiB;;AC3C5C;;;;;;;;;;;;;;;AAeG;MACU,eAAe,CAAA;AAC1B,IAAA,KAAK;AACL,IAAA,SAAS,GAAG,IAAI,OAAO,EAAQ;AAC/B,IAAA,WAAW,GAAG,IAAI,OAAO,EAAyB;IAElD,YAAY,GAAuB,EAAE;IACrC,WAAW,GAAoB,EAAE;IACjC,QAAQ,GAAmB,IAAI;AAC/B,IAAA,SAAS;;AAGA,IAAA,UAAU,GAAG,IAAI,CAAC,WAAW,CAAC,YAAY,EAAE;AAErD,IAAA,WAAA,GAAA;AACE,QAAA,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,qBAAqB,EAAE;IAClD;;AAGA,IAAA,OAAO,MAAM,GAAA;QACX,OAAO,IAAI,eAAe,EAAS;IACrC;;AAGA,IAAA,IAAI,GAAG,GAAA;AACL,QAAA,OAAO,IAAI,CAAC,KAAK,EAAE,GAAG;IACxB;;;;IAMA,qBAAqB,GAAA;QACnB,OAAO;AACL,YAAA,KAAK,EAAE,WAAW;AAClB,YAAA,0BAA0B,EAAE,IAAI;AAChC,YAAA,WAAW,EAAE,IAAI;AACjB,YAAA,YAAY,EAAE,SAAS;SACxB;IACH;AAEA,IAAA,aAAa,CAAC,OAA2B,EAAA;AACvC,QAAA,IAAI,CAAC,YAAY,GAAG,EAAE,GAAG,IAAI,CAAC,YAAY,EAAE,GAAG,OAAO,EAAE;IAC1D;;;;;AAOA,IAAA,OAAO,CAAC,WAAsC,EAAA;AAC5C,QAAA,MAAM,OAAO,GAAG,IAAI,qBAAqB,EAAS;QAClD,IAAI,CAAC,WAAW,GAAG,WAAW,CAAC,GAAG,CAAC,CAAC,GAAG,KAAI;AACzC,YAAA,IAAI,GAAG,YAAY,qBAAqB,EAAE;AACxC,gBAAA,OAAO,GAAG,CAAC,KAAK,EAAE;YACpB;AACA,YAAA,OAAO,GAAG,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE;AAC7B,QAAA,CAAC,CAAC;AACF,QAAA,OAAO,IAAI;IACb;;AAGA,IAAA,aAAa,CACX,UAE6E,EAAA;AAE7E,QAAA,IAAI,OAAO,UAAU,KAAK,UAAU,EAAE;AACpC,YAAA,MAAM,OAAO,GAAG,IAAI,qBAAqB,EAAS;AAClD,YAAA,IAAI,CAAC,YAAY,CAAC,aAAa,GAAG,UAAU,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE;QAC/D;aAAO;AACL,YAAA,IAAI,CAAC,YAAY,CAAC,aAAa,GAAG,UAAU;QAC9C;AACA,QAAA,OAAO,IAAI;IACb;;;;;AAOA,IAAA,OAAO,CAAC,IAAoB,EAAA;AAC1B,QAAA,IAAI,CAAC,QAAQ,GAAG,IAAI;AACpB,QAAA,IAAI,CAAC,SAAS,GAAG,SAAS;AAC1B,QAAA,OAAO,IAAI;IACb;;AAGA,IAAA,QAAQ,CAAC,KAA6C,EAAA;AACpD,QAAA,IAAI,CAAC,SAAS,GAAG,KAAK;AACtB,QAAA,IAAI,CAAC,QAAQ,GAAG,IAAI;AACpB,QAAA,OAAO,IAAI;IACb;;AAGA,IAAA,KAAK,CAAC,QAA6B,EAAA;AACjC,QAAA,IAAI,CAAC,YAAY,CAAC,QAAQ,GAAG,QAAQ;AACrC,QAAA,OAAO,IAAI;IACb;;;;;AAOA,IAAA,YAAY,CAAC,IAA2B,EAAA;QACtC,IAAI,CAAC,aAAa,CAAC,EAAE,YAAY,EAAE,IAAI,EAAE,CAAC;AAC1C,QAAA,OAAO,IAAI;IACb;;;;;AAOA,IAAA,aAAa,CACX,KAA4E,EAAA;QAE5E,IAAI,CAAC,aAAa,CAAC,EAAE,aAAa,EAAE,KAAK,EAAE,CAAC;AAC5C,QAAA,OAAO,IAAI;IACb;;AAGA,IAAA,QAAQ,CAAC,EAAoE,EAAA;QAC3E,IAAI,CAAC,aAAa,CAAC,EAAE,WAAW,EAAE,EAAE,EAAE,CAAC;AACvC,QAAA,OAAO,IAAI;IACb;;;;;AAOA,IAAA,WAAW,CAAC,OAA+C,EAAA;AACzD,QAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,YAAY,CAAC,WAAW;QAC9C,IAAI,CAAC,YAAY,CAAC,WAAW,GAAG,CAAC,KAAK,KAAI;AACxC,YAAA,QAAQ,GAAG,KAAK,CAAC;YACjB,OAAO,CAAC,KAAK,CAAC;AAChB,QAAA,CAAC;AACD,QAAA,OAAO,IAAI;IACb;;AAGA,IAAA,YAAY,CAAC,OAAgD,EAAA;QAC3D,IAAI,CAAC,aAAa,CAAC,EAAE,YAAY,EAAE,OAAO,EAAE,CAAC;AAC7C,QAAA,OAAO,IAAI;IACb;;AAGA,IAAA,kBAAkB,CAAC,OAAsD,EAAA;QACvE,IAAI,CAAC,aAAa,CAAC,EAAE,kBAAkB,EAAE,OAAO,EAAE,CAAC;AACnD,QAAA,OAAO,IAAI;IACb;;AAGA,IAAA,aAAa,CAAC,OAAiD,EAAA;QAC7D,IAAI,CAAC,aAAa,CAAC,EAAE,aAAa,EAAE,OAAO,EAAE,CAAC;AAC9C,QAAA,OAAO,IAAI;IACb;;AAGA,IAAA,mBAAmB,CAAC,OAAuD,EAAA;QACzE,IAAI,CAAC,aAAa,CAAC,EAAE,mBAAmB,EAAE,OAAO,EAAE,CAAC;AACpD,QAAA,OAAO,IAAI;IACb;;;;;IAOA,cAAc,CACZ,cAAkD,EAClD,eAA2E,EAAA;QAE3E,IAAI,CAAC,aAAa,CAAC;YACjB,uBAAuB,EAAE,eAAe,KAAK,MAAM,IAAI,CAAC;AACxD,YAAA,sBAAsB,EAAE,cAAc;AACvC,SAAA,CAAC;AACF,QAAA,OAAO,IAAI;IACb;;;;;IAOA,WAAW,CAAC,KAAK,GAAG,IAAI,EAAA;QACtB,IAAI,CAAC,aAAa,CAAC,EAAE,WAAW,EAAE,KAAK,EAAE,CAAC;AAC1C,QAAA,OAAO,IAAI;IACb;;IAGA,MAAM,CAAqC,GAAM,EAAE,KAA4B,EAAA;AAC7E,QAAA,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,GAAG,KAAK;AAC9B,QAAA,OAAO,IAAI;IACb;;AAGA,IAAA,OAAO,CAAC,OAA2B,EAAA;AACjC,QAAA,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC;AAC3B,QAAA,OAAO,IAAI;IACb;;;;;AAOA,IAAA,KAAK,CAAC,IAA0B,EAAA;AAC9B,QAAA,IAAI,CAAC,KAAK,GAAG,IAAI;;AAGjB,QAAA,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,YAAY;AACpC,QAAA,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,WAAW;;AAGlC,QAAA,IAAI,IAAI,CAAC,QAAQ,KAAK,IAAI,EAAE;AAC1B,YAAA,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,QAAQ;QAC9B;;AAGA,QAAA,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,KAAK,KAAI;AACjE,YAAA,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC;;AAG5B,YAAA,IAAI,IAAI,CAAC,SAAS,EAAE;AAClB,gBAAA,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,IAAI,KAAI;oBAChE,IAAI,IAAI,KAAK,IAAI,IAAI,IAAI,KAAK,SAAS,EAAE;wBACvC,KAAK,CAAC,GAAG,CAAC,aAAa,CAAC,SAAS,EAAE,EAAE,CAAC;wBACtC,KAAK,CAAC,GAAG,CAAC,aAAa,CAAC,SAAS,EAAE,IAAI,CAAC;oBAC1C;yBAAO;wBACL,KAAK,CAAC,GAAG,CAAC,aAAa,CAAC,SAAS,EAAE,IAAI,CAAC;wBACxC,KAAK,CAAC,GAAG,CAAC,aAAa,CAAC,SAAS,EAAE,KAAK,CAAC;oBAC3C;AACF,gBAAA,CAAC,CAAC;YACJ;AACF,QAAA,CAAC,CAAC;IACJ;;IAGA,QAAQ,GAAA;AACN,QAAA,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE;AACrB,QAAA,IAAI,CAAC,SAAS,CAAC,QAAQ,EAAE;AACzB,QAAA,IAAI,CAAC,WAAW,CAAC,QAAQ,EAAE;IAC7B;;IAGA,cAAc,GAAA;QACZ,OAAO,IAAI,CAAC,WAAW;IACzB;;IAGA,eAAe,GAAA;QACb,OAAO,IAAI,CAAC,YAAY;IAC1B;;IAGA,WAAW,GAAA;QACT,OAAO,IAAI,CAAC,QAAQ;IACtB;AACD;;ACzSD;;;;;;;;;;;;;;;;;;;;;AAqBG;MAUU,qBAAqB,CAAA;AACvB,IAAA,OAAO,GAAG,MAAM,EAAC,aAAoB,EAAC;AAE/C,IAAA,YAAY;AAEZ;;AAEG;IACH,IACI,YAAY,CAAC,KAA6B,EAAA;AAC5C,QAAA,IAAI,CAAC,YAAY,GAAG,KAAK;IAC3B;IAEA,QAAQ,GAAA;AACN,QAAA,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE;AACtB,YAAA,OAAO,CAAC,IAAI,CAAC,iDAAiD,CAAC;YAC/D;QACF;;QAGA,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC;IACvC;IAEA,WAAW,GAAA;AACT,QAAA,IAAI,CAAC,YAAY,EAAE,QAAQ,EAAE;IAC/B;uGAzBW,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAArB,qBAAqB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,+BAAA,EAAA,MAAA,EAAA,EAAA,YAAA,EAAA,cAAA,EAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,sDAAA,EAAA,cAAA,EAAA,iBAAA,EAAA,EAAA,QAAA,EAAA,CAAA,cAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;2FAArB,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBATjC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,+BAA+B;AACzC,oBAAA,QAAQ,EAAE,cAAc;AACxB,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,IAAI,EAAE;AACJ,wBAAA,KAAK,EAAE,iBAAiB;AACxB,wBAAA,KAAK,EAAE,sDAAsD;AAC9D,qBAAA;AACF,iBAAA;;sBASE;;;AC5CH;;;AAGG;;ACHH;AAEA;AAiBA;AACA;AACA;;ACrBA;;AAEG;;;;"}

package/package.json

@@ -0,0 +1,25 @@
+{
+  "name": "@cocoar/data-grid",
+  "version": "0.1.0-beta.148",
+  "peerDependencies": {
+    "@angular/common": "^21.0.0",
+    "@angular/core": "^21.0.0",
+    "ag-grid-community": "^33.0.0",
+    "ag-grid-angular": "^33.0.0"
+  },
+  "sideEffects": false,
+  "module": "fesm2022/cocoar-data-grid.mjs",
+  "typings": "types/cocoar-data-grid.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./types/cocoar-data-grid.d.ts",
+      "default": "./fesm2022/cocoar-data-grid.mjs"
+    }
+  },
+  "dependencies": {
+    "tslib": "^2.3.0"
+  }
+}

package/src/lib/theme/ag-theme-cocoar.css

@@ -0,0 +1,235 @@
+/**
+ * Cocoar Theme for AG Grid
+ *
+ * Maps AG Grid CSS variables to Cocoar design tokens.
+ * Supports light and dark mode via .light-mode/.dark-mode classes.
+ *
+ * Usage:
+ *   1. Import AG Grid base styles in your app
+ *   2. Import this theme CSS
+ *   3. Apply "ag-theme-cocoar" class to your grid
+ *
+ * @example
+ * ```html
+ * <ag-grid-angular
+ *   class="ag-theme-cocoar"
+ *   [coarDataGrid]="gridBuilder"
+ * />
+ * ```
+ */
+
+/* ============================================================================
+   AG GRID BASE STYLES - Import required AG Grid CSS
+   ============================================================================ */
+
+/* Note: Consumers should import AG Grid styles in their app:
+   @import 'ag-grid-community/styles/ag-grid.css';
+*/
+
+/* ============================================================================
+   COCOAR THEME - Maps AG Grid variables to Cocoar tokens
+   ============================================================================ */
+
+.ag-theme-cocoar {
+  /* ==========================================================================
+     Typography
+     ========================================================================== */
+  --ag-font-family: var(--coar-font-family-body, Poppins, sans-serif);
+  --ag-font-size: var(--coar-font-size-xs, 14px);
+
+  /* ==========================================================================
+     Spacing & Sizing
+     ========================================================================== */
+  --ag-grid-size: 4px;
+  --ag-cell-horizontal-padding: var(--coar-spacing-m, 16px);
+  --ag-row-height: 40px;
+  --ag-header-height: 40px;
+  --ag-list-item-height: 36px;
+
+  /* ==========================================================================
+     Borders & Radius
+     ========================================================================== */
+  --ag-borders: solid 1px;
+  --ag-border-radius: var(--coar-radius-m, 8px);
+  --ag-wrapper-border-radius: var(--coar-radius-m, 8px);
+  --ag-row-border-style: solid;
+  --ag-row-border-width: 1px;
+
+  /* ==========================================================================
+     Colors - Light Mode (default)
+     ========================================================================== */
+
+  /* Background colors */
+  --ag-background-color: var(--coar-background-neutral-primary, #ffffff);
+  --ag-header-background-color: var(--coar-background-neutral-secondary, #f5f5f5);
+  --ag-odd-row-background-color: var(--coar-background-neutral-primary, #ffffff);
+  --ag-row-hover-color: var(--coar-background-neutral-tertiary, #e5e5e5);
+  --ag-selected-row-background-color: var(--coar-background-accent-tertiary, #e6f0ff);
+  --ag-modal-overlay-background-color: rgba(0, 0, 0, 0.5);
+
+  /* Border colors */
+  --ag-border-color: var(--coar-border-neutral-tertiary, #e5e5e5);
+  --ag-row-border-color: var(--coar-border-neutral-tertiary, #e5e5e5);
+  --ag-header-column-separator-color: var(--coar-border-neutral-tertiary, #e5e5e5);
+
+  /* Text colors */
+  --ag-foreground-color: var(--coar-text-neutral-primary, #171717);
+  --ag-header-foreground-color: var(--coar-text-neutral-secondary, #404040);
+  --ag-secondary-foreground-color: var(--coar-text-neutral-tertiary, #525252);
+  --ag-disabled-foreground-color: var(--coar-text-neutral-disabled, #a3a3a3);
+
+  /* Accent colors (selection, focus, etc.) */
+  --ag-range-selection-border-color: var(--coar-border-accent-primary, #0066cc);
+  --ag-range-selection-background-color: var(--coar-background-accent-tertiary, #e6f0ff);
+  --ag-range-selection-highlight-color: var(--coar-background-accent-secondary, #cce0ff);
+
+  /* Input colors */
+  --ag-input-focus-border-color: var(--coar-border-accent-primary, #0066cc);
+  --ag-input-disabled-background-color: var(--coar-background-neutral-disabled, #d4d4d4);
+
+  /* Icon colors */
+  --ag-icon-font-color: var(--coar-icon-neutral-secondary, #404040);
+
+  /* ==========================================================================
+     Subheader/Panel styles
+     ========================================================================== */
+  --ag-subheader-background-color: var(--coar-background-neutral-secondary, #f5f5f5);
+  --ag-control-panel-background-color: var(--coar-background-neutral-primary, #ffffff);
+  --ag-side-button-selected-background-color: var(--coar-background-accent-tertiary, #e6f0ff);
+
+  /* ==========================================================================
+     Filter & Menu
+     ========================================================================== */
+  --ag-menu-background-color: var(--coar-background-neutral-primary, #ffffff);
+  --ag-menu-border-color: var(--coar-border-neutral-tertiary, #e5e5e5);
+
+  /* ==========================================================================
+     Checkbox & Toggle
+     ========================================================================== */
+  --ag-checkbox-checked-color: var(--coar-background-accent-primary, #0066cc);
+  --ag-checkbox-unchecked-color: var(--coar-border-neutral-tertiary, #e5e5e5);
+  --ag-checkbox-indeterminate-color: var(--coar-background-accent-secondary, #cce0ff);
+
+  /* ==========================================================================
+     Chips/Tags
+     ========================================================================== */
+  --ag-chip-background-color: var(--coar-background-neutral-secondary, #f5f5f5);
+
+  /* ==========================================================================
+     Invalid state
+     ========================================================================== */
+  --ag-invalid-color: var(--coar-text-semantic-error-bold, #dc2626);
+}
+
+/* ============================================================================
+   DARK MODE OVERRIDES
+   ============================================================================ */
+
+.dark-mode .ag-theme-cocoar,
+.ag-theme-cocoar.dark-mode {
+  /* Background colors */
+  --ag-background-color: var(--coar-background-neutral-primary, #18181b);
+  --ag-header-background-color: var(--coar-background-neutral-secondary, #27272a);
+  --ag-odd-row-background-color: var(--coar-background-neutral-primary, #18181b);
+  --ag-row-hover-color: var(--coar-background-neutral-tertiary, #3f3f46);
+  --ag-selected-row-background-color: var(--coar-background-accent-tertiary, #1e3a5f);
+
+  /* Border colors */
+  --ag-border-color: var(--coar-border-neutral-tertiary, #3f3f46);
+  --ag-row-border-color: var(--coar-border-neutral-tertiary, #3f3f46);
+  --ag-header-column-separator-color: var(--coar-border-neutral-tertiary, #3f3f46);
+
+  /* Text colors */
+  --ag-foreground-color: var(--coar-text-neutral-primary, #fafafa);
+  --ag-header-foreground-color: var(--coar-text-neutral-secondary, #e4e4e7);
+  --ag-secondary-foreground-color: var(--coar-text-neutral-tertiary, #a1a1aa);
+  --ag-disabled-foreground-color: var(--coar-text-neutral-disabled, #71717a);
+
+  /* Icon colors */
+  --ag-icon-font-color: var(--coar-icon-neutral-secondary, #e4e4e7);
+
+  /* Subheader/Panel */
+  --ag-subheader-background-color: var(--coar-background-neutral-secondary, #27272a);
+  --ag-control-panel-background-color: var(--coar-background-neutral-primary, #18181b);
+
+  /* Menu */
+  --ag-menu-background-color: var(--coar-background-neutral-primary, #18181b);
+  --ag-menu-border-color: var(--coar-border-neutral-tertiary, #3f3f46);
+
+  /* Checkbox */
+  --ag-checkbox-unchecked-color: var(--coar-border-neutral-tertiary, #3f3f46);
+
+  /* Chips */
+  --ag-chip-background-color: var(--coar-background-neutral-secondary, #27272a);
+
+  /* Input */
+  --ag-input-disabled-background-color: var(--coar-background-neutral-disabled, #3f3f46);
+}
+
+/* ============================================================================
+   ADDITIONAL STYLING REFINEMENTS
+   ============================================================================ */
+
+.ag-theme-cocoar {
+  /* Remove focus outline on rows (optional - for cleaner look) */
+  .ag-row-focus {
+    outline: none;
+  }
+
+  /* Header styling */
+  .ag-header {
+    font-weight: 600;
+  }
+
+  .ag-header-cell {
+    padding-left: var(--coar-spacing-m, 16px);
+    padding-right: var(--coar-spacing-m, 16px);
+  }
+
+  /* Cell styling */
+  .ag-cell {
+    display: flex;
+    align-items: center;
+  }
+
+  /* Remove cell focus border for cleaner look */
+  .ag-cell-focus:not(.ag-cell-range-selected) {
+    border-color: transparent !important;
+  }
+
+  /* Row hover transition */
+  .ag-row {
+    transition: background-color 0.15s ease;
+  }
+
+  /* Clickable cells styling */
+  .ag-cell.clickable {
+    cursor: pointer;
+    color: var(--coar-text-accent-primary, #0066cc);
+  }
+
+  .ag-cell.clickable:hover {
+    text-decoration: underline;
+  }
+
+  /* Text alignment utilities */
+  .ag-cell.text-right {
+    justify-content: flex-end;
+    text-align: right;
+  }
+
+  .ag-cell.text-center {
+    justify-content: center;
+    text-align: center;
+  }
+
+  /* Loading overlay */
+  .ag-overlay-loading-wrapper {
+    background-color: var(--ag-background-color);
+  }
+
+  /* Empty state */
+  .ag-overlay-no-rows-wrapper {
+    color: var(--ag-secondary-foreground-color);
+  }
+}

package/src/styles.css

@@ -0,0 +1,10 @@
+/**
+ * @cocoar/data-grid styles
+ *
+ * Import this file in your app styles to get the Cocoar AG Grid theme.
+ * You do NOT need to import AG Grid's base CSS separately - it's included via AllCommunityModule.
+ *
+ * Example:
+ *   @import '@cocoar/data-grid/styles.css';
+ */
+@import './lib/theme/ag-theme-cocoar.css';

package/types/cocoar-data-grid.d.ts

@@ -0,0 +1,305 @@
+import { AgGridAngular } from 'ag-grid-angular';
+import { ValueFormatterParams, ValueGetterFunc, CellClassParams, CellStyle, ITooltipParams, CellDoubleClickedEvent, ColDef, GridReadyEvent, GridApi, GetRowIdFunc, RowClassParams, RowClickedEvent, RowDoubleClickedEvent, CellClickedEvent, IRowNode, IsExternalFilterPresentParams, GridOptions, Theme, ValueGetterParams } from 'ag-grid-community';
+export { CellClassParams, CellClickedEvent, CellDoubleClickedEvent, ColDef, ColumnState, GetRowIdFunc, GridApi, GridOptions, GridReadyEvent, ICellRendererParams, IRowNode, RowClassParams, RowClickedEvent, RowDoubleClickedEvent, ValueFormatterParams, ValueGetterParams } from 'ag-grid-community';
+import { Observable } from 'rxjs';
+import * as i0 from '@angular/core';
+import { Type, OnInit, OnDestroy } from '@angular/core';
+
+/**
+ * Fluent builder for AG Grid column definitions.
+ *
+ * @example
+ * ```ts
+ * const column = new CoarGridColumnBuilder<User>('name')
+ *   .header('Full Name')
+ *   .sortable()
+ *   .flex(1)
+ *   .build();
+ * ```
+ */
+declare class CoarGridColumnBuilder<TData = unknown, TValue = unknown> {
+    #private;
+    constructor(field?: keyof TData | string);
+    /** Set the field name (data property) */
+    field(value: keyof TData | string): this;
+    /** Set the column header text */
+    header(value: string): this;
+    /** Set header tooltip */
+    headerTooltip(value: string): this;
+    /** Set fixed width in pixels */
+    width(value: number, minWidth?: number, maxWidth?: number): this;
+    /** Set fixed width (min, max, and width all the same) */
+    fixedWidth(value: number): this;
+    /** Set minimum width */
+    minWidth(value: number): this;
+    /** Set maximum width */
+    maxWidth(value: number): this;
+    /** Set flex grow factor for fluid width */
+    flex(value?: number): this;
+    /** Enable/disable sorting */
+    sortable(value?: boolean): this;
+    /** Enable/disable resizing */
+    resizable(value?: boolean): this;
+    /** Hide/show column */
+    hidden(value?: boolean): this;
+    /** Pin column to left or right */
+    pinned(value: 'left' | 'right' | null): this;
+    /** Lock column position */
+    lockPosition(value?: boolean | 'left' | 'right'): this;
+    /** Set custom cell renderer component */
+    cellRenderer(component: Type<unknown>, params?: Record<string, unknown>): this;
+    /** Set cell renderer parameters */
+    cellRendererParams(params: Record<string, unknown>): this;
+    /** Set value formatter for display */
+    valueFormatter(fn: (params: ValueFormatterParams<TData, TValue>) => string): this;
+    /** Set value getter to transform data before display */
+    valueGetter(fn: ValueGetterFunc<TData, TValue>): this;
+    /** Set CSS class for cells */
+    cellClass(value: string | string[] | ((params: CellClassParams<TData, TValue>) => string | string[])): this;
+    /** Set CSS style for cells */
+    cellStyle(value: CellStyle | ((params: CellClassParams<TData, TValue>) => CellStyle | null | undefined)): this;
+    /** Add a conditional CSS class rule */
+    classRule(className: string, condition: string | ((params: CellClassParams<TData, TValue>) => boolean)): this;
+    /** Show tooltip with field value or custom function */
+    tooltip(value?: string | ((params: ITooltipParams<TData, TValue>) => string)): this;
+    /** Handle cell double-click */
+    onCellDoubleClicked(handler: (event: CellDoubleClickedEvent<TData, TValue>) => void): this;
+    /** Enable/disable filtering */
+    filter(value?: boolean | string): this;
+    /** Set filter parameters */
+    filterParams(params: Record<string, unknown>): this;
+    /** Set any AG Grid ColDef option directly */
+    option<K extends keyof ColDef<TData, TValue>>(key: K, value: ColDef<TData, TValue>[K]): this;
+    /** Apply custom modifications to the column definition */
+    customize(fn: (colDef: ColDef<TData, TValue>) => void): this;
+    /** Build and return the AG Grid ColDef */
+    build(): ColDef<TData, TValue>;
+}
+
+/**
+ * Factory for creating typed column builders.
+ * Provides convenient methods for common column types.
+ *
+ * @example
+ * ```ts
+ * // In column definitions:
+ * CoarGridBuilder.create<User>()
+ *   .columns([
+ *     col => col.field('name').header('Name').flex(1),
+ *     col => col.field('createdAt').header('Created').width(150),
+ *   ])
+ * ```
+ */
+declare class CoarGridColumnFactory<TData = unknown> {
+    /**
+     * Create a column builder for the given field
+     */
+    field<TValue = unknown>(fieldName: keyof TData | string): CoarGridColumnBuilder<TData, TValue>;
+    /**
+     * Create a date column with standard formatting
+     */
+    date(fieldName: keyof TData | string, format?: string): CoarGridColumnBuilder<TData, Date | string>;
+    /**
+     * Create a number column with standard formatting
+     */
+    number(fieldName: keyof TData | string, decimals?: number): CoarGridColumnBuilder<TData, number>;
+    /**
+     * Create a currency column
+     */
+    currency(fieldName: keyof TData | string, currency?: string): CoarGridColumnBuilder<TData, number>;
+    /**
+     * Create a boolean column (displays Yes/No or custom values)
+     */
+    boolean(fieldName: keyof TData | string, options?: {
+        trueValue?: string;
+        falseValue?: string;
+    }): CoarGridColumnBuilder<TData, boolean>;
+}
+
+/** Column definition input - either a builder or a factory function */
+type ColumnDefinition<TData> = CoarGridColumnBuilder<TData> | ((factory: CoarGridColumnFactory<TData>) => CoarGridColumnBuilder<TData>);
+/**
+ * Fluent builder for AG Grid configuration.
+ *
+ * @example
+ * ```ts
+ * const gridBuilder = CoarGridBuilder.create<User>()
+ *   .columns([
+ *     col => col.field('name').header('Name').flex(1),
+ *     col => col.field('email').header('Email').flex(1),
+ *     col => col.field('role').header('Role').width(100),
+ *   ])
+ *   .rowData(users)
+ *   .rowId(user => user.id)
+ *   .onRowClicked(event => console.log(event.data));
+ * ```
+ */
+declare class CoarGridBuilder<TData = unknown> {
+    #private;
+    /** Observable that emits when grid is ready */
+    readonly gridReady$: Observable<GridReadyEvent<TData, any>>;
+    private constructor();
+    /** Create a new grid builder */
+    static create<TData>(): CoarGridBuilder<TData>;
+    /** Get the AG Grid API (available after grid ready) */
+    get api(): GridApi<TData> | undefined;
+    /** Define columns using builders or factory functions */
+    columns(definitions: ColumnDefinition<TData>[]): this;
+    /** Set default column definition applied to all columns */
+    defaultColDef(definition: Partial<ColDef<TData>> | ((builder: CoarGridColumnBuilder<TData>) => CoarGridColumnBuilder<TData>)): this;
+    /** Set row data (static array) */
+    rowData(data: TData[] | null): this;
+    /** Set row data (observable) */
+    rowData$(data$: Observable<TData[] | null | undefined>): this;
+    /** Set row ID getter for immutable data updates */
+    rowId(getRowId: GetRowIdFunc<TData>): this;
+    /** Enable row selection */
+    rowSelection(mode: 'single' | 'multiple'): this;
+    /** Set row class rules */
+    rowClassRules(rules: Record<string, ((params: RowClassParams<TData>) => boolean) | string>): this;
+    /** Set dynamic row class */
+    rowClass(fn: (params: RowClassParams<TData>) => string | string[] | undefined): this;
+    /** Handle grid ready event */
+    onGridReady(handler: (event: GridReadyEvent<TData>) => void): this;
+    /** Handle row click */
+    onRowClicked(handler: (event: RowClickedEvent<TData>) => void): this;
+    /** Handle row double-click */
+    onRowDoubleClicked(handler: (event: RowDoubleClickedEvent<TData>) => void): this;
+    /** Handle cell click */
+    onCellClicked(handler: (event: CellClickedEvent<TData>) => void): this;
+    /** Handle cell double-click */
+    onCellDoubleClicked(handler: (event: CellDoubleClickedEvent<TData>) => void): this;
+    /** Set external filter */
+    externalFilter(doesFilterPass: (node: IRowNode<TData>) => boolean, isFilterPresent?: (params: IsExternalFilterPresentParams<TData>) => boolean): this;
+    /** Enable row animation */
+    animateRows(value?: boolean): this;
+    /** Set any AG Grid option directly */
+    option<K extends keyof GridOptions<TData>>(key: K, value: GridOptions<TData>[K]): this;
+    /** Merge additional grid options */
+    options(options: GridOptions<TData>): this;
+    /** @internal Called by the directive to bind to AG Grid */
+    _bind(grid: AgGridAngular<TData>): void;
+    /** @internal Called by the directive on destroy */
+    _destroy(): void;
+    /** Get column definitions (for directive) */
+    _getColumnDefs(): ColDef<TData>[];
+    /** Get grid options (for directive) */
+    _getGridOptions(): GridOptions<TData>;
+    /** Get static row data (for directive) */
+    _getRowData(): TData[] | null;
+}
+
+/**
+ * Directive that binds a CoarGridBuilder to an AG Grid instance.
+ *
+ * @example
+ * ```html
+ * <ag-grid-angular
+ *   [coarDataGrid]="gridBuilder"
+ *   class="ag-theme-cocoar"
+ * />
+ * ```
+ *
+ * @example
+ * ```ts
+ * // In component:
+ * readonly gridBuilder = CoarGridBuilder.create<User>()
+ *   .columns([
+ *     col => col.field('name').header('Name').flex(1),
+ *     col => col.field('email').header('Email').flex(1),
+ *   ])
+ *   .rowData(this.users);
+ * ```
+ */
+declare class CoarDataGridDirective<TData> implements OnInit, OnDestroy {
+    #private;
+    /**
+     * The grid builder configuration
+     */
+    set coarDataGrid(value: CoarGridBuilder<TData>);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CoarDataGridDirective<any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<CoarDataGridDirective<any>, "ag-grid-angular[coarDataGrid]", ["coarDataGrid"], { "coarDataGrid": { "alias": "coarDataGrid"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+/**
+ * Cocoar Theme for AG Grid
+ *
+ * Creates a customized AG Grid theme using the v33+ theming API.
+ * Maps Cocoar design tokens to AG Grid parameters.
+ */
+
+/**
+ * Creates the Cocoar AG Grid theme
+ *
+ * @example
+ * ```typescript
+ * import { createCocoarTheme } from '@cocoar/data-grid';
+ *
+ * const gridOptions = {
+ *   theme: createCocoarTheme(),
+ *   // ...
+ * };
+ * ```
+ */
+declare function createCocoarTheme(): Theme;
+/**
+ * Pre-configured Cocoar theme instance
+ *
+ * @example
+ * ```typescript
+ * import { cocoarTheme } from '@cocoar/data-grid';
+ *
+ * <ag-grid-angular [theme]="cocoarTheme" />
+ * ```
+ */
+declare const cocoarTheme: Theme;
+
+/**
+ * Minimal type definitions for @cocoar/data-grid
+ * Re-exports commonly used AG Grid types and adds Cocoar-specific extensions
+ */
+
+/**
+ * Extended column definition with Cocoar-specific properties
+ */
+interface CoarColDef<TData = unknown> {
+    /** AG Grid field name */
+    field?: string;
+    /** Column header text */
+    headerName?: string;
+    /** Fixed width in pixels */
+    width?: number;
+    /** Minimum width in pixels */
+    minWidth?: number;
+    /** Maximum width in pixels */
+    maxWidth?: number;
+    /** Flex grow factor for fluid columns */
+    flex?: number;
+    /** Whether column is sortable */
+    sortable?: boolean;
+    /** Whether column is resizable */
+    resizable?: boolean;
+    /** Whether column is hidden */
+    hide?: boolean;
+    /** Pin column to left or right */
+    pinned?: 'left' | 'right' | null;
+    /** Custom cell renderer component */
+    cellRenderer?: unknown;
+    /** Parameters for cell renderer */
+    cellRendererParams?: Record<string, unknown>;
+    /** Value formatter function */
+    valueFormatter?: (params: ValueFormatterParams<TData>) => string;
+    /** Value getter function */
+    valueGetter?: (params: ValueGetterParams<TData>) => unknown;
+    /** CSS class for cells */
+    cellClass?: string | string[] | ((params: CellClassParams<TData>) => string | string[]);
+    /** CSS style for cells */
+    cellStyle?: Record<string, string> | ((params: CellClassParams<TData>) => Record<string, string> | null | undefined);
+    /** Filter type */
+    filter?: boolean | string;
+}
+
+export { CoarDataGridDirective, CoarGridBuilder, CoarGridColumnBuilder, CoarGridColumnFactory, cocoarTheme, createCocoarTheme };
+export type { CoarColDef, ColumnDefinition };