@one-grid-core/angular 0.1.0-beta.5

package/fesm2022/one-grid-core-angular.mjs

@@ -0,0 +1,3573 @@
+import { v4 } from 'uuid';
+import * as i0 from '@angular/core';
+import { Injectable, Pipe, Input, Component, EventEmitter, Output, HostListener, Directive, ViewChild, ChangeDetectionStrategy, NgModule } from '@angular/core';
+import { BehaviorSubject, Subject, Subscription, fromEvent } from 'rxjs';
+import _ from 'lodash';
+import { filter, map } from 'rxjs/operators';
+import * as i2 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i3 from 'lucide-angular';
+import { LucideAngularModule, icons } from 'lucide-angular';
+import * as i5 from '@angular/cdk/scrolling';
+import { CdkVirtualScrollViewport, ScrollingModule } from '@angular/cdk/scrolling';
+import * as i3$1 from '@angular/forms';
+import { FormsModule, ReactiveFormsModule } from '@angular/forms';
+import { NgbTypeahead, NgbHighlight } from '@ng-bootstrap/ng-bootstrap';
+import { CdkDragPlaceholder } from '@angular/cdk/drag-drop';
+
+/**
+ * Apply Default Column Definitions
+ */
+function applyDefaultColumnDef(columnDefs, defaultColumnDef) {
+    return columnDefs.map(colDef => ({
+        ...defaultColumnDef,
+        ...colDef
+    }));
+}
+/**
+ * One Column Params Resolver (Cell Renderer)
+ */
+function resolveOneCellRendererParams(prop, params) {
+    return typeof prop === 'function' ? prop(params) : !!prop;
+}
+/**
+ * One Column Params Resolver (Generics)
+ */
+function resolveOneColumDefParams(prop, params) {
+    return typeof prop === 'function' ? prop(params) : prop;
+}
+/**
+ * One Column Params Resolver (Value Getter)
+ */
+function resolveOneValueGetterParams(prop, params) {
+    return typeof prop === 'function' ? prop(params) : prop;
+}
+
+/**
+ * One Grid Validators
+ */
+const Validators = {
+    required: (message = 'This field is required') => {
+        return (value) => {
+            if (value === null || value === undefined || value === '') {
+                return message;
+            }
+            return null;
+        };
+    },
+    minLength: (min, message) => {
+        return (value) => {
+            if (value != null && value.length < min) {
+                return message || `Minimum length is ${min} digits`;
+            }
+            return null;
+        };
+    },
+    maxLength: (max, message) => {
+        return (value) => {
+            if (value != null && value.length > max) {
+                return message || `Maximum length is ${max} digits`;
+            }
+            return null;
+        };
+    },
+    pattern: (regex, message = 'Format is not valid') => {
+        return (value) => {
+            if (value != null && !regex.test(value)) {
+                return message;
+            }
+            return null;
+        };
+    },
+    custom: (fn) => fn,
+};
+/**
+ * One Grid Validation Rules
+ */
+const ValidationRules = {
+    required: [
+        Validators.required()
+    ],
+    title: [
+        Validators.required('Title is required'),
+        Validators.minLength(1, 'Title must be at least 1 digit'),
+        Validators.maxLength(250, 'Code must be less than 36 digits'),
+    ],
+    code: [
+        Validators.required("Code is required"),
+        Validators.minLength(1, 'Code must be at least 1 digit'),
+        Validators.maxLength(36, 'Code must be less than 36 digits'),
+    ],
+    email: [
+        Validators.required(),
+        Validators.pattern(/^[^\s@]+@[^\s@]+\.[^\s@]+$/, 'Email format is invalid'),
+    ],
+    phone: [
+        Validators.required('Phone number is required'),
+        Validators.pattern(/^0(10|11|12|13|14|15|16|17|18|19|20|23|24|25|26|27|28|29)\d{7}$/, 'Phone must be a valid pattern')
+    ],
+    datetime: [
+        Validators.required('Datetime is required'),
+    ]
+};
+/**
+ * Helper fuction to return invalid cell on UI
+ */
+function getCellError(column, node, value, row) {
+    if (!column?.validationRules || column?.validationRules?.length === 0)
+        return null;
+    if (column?.autoGroupField) {
+        if (column.editableLevels.includes(node.level)) {
+            for (const ruleFn of column?.validationRules) {
+                const error = ruleFn(value, row);
+                if (error)
+                    return error;
+            }
+        }
+        return null;
+    }
+    else {
+        if (!node.group) {
+            for (const ruleFn of column?.validationRules) {
+                const error = ruleFn(value, row);
+                if (error)
+                    return error;
+            }
+        }
+        return null;
+    }
+}
+
+class OneRowNode {
+    constructor(rowId, data, rowIndex) {
+        this.rowId = null;
+        this.rowIndex = null;
+        this.data = null;
+        this.level = null;
+        this.leaf = false;
+        this.leafGroup = false;
+        this.visible = false;
+        this.selected = false;
+        this.expandable = false;
+        this.expanded = false;
+        this.group = false;
+        this.submitted = false;
+        this.parent = null;
+        this.children = null;
+        this.editing = {};
+        this.cellStates = {};
+        this.cellOptions = {};
+        this.detailRowData = null;
+        this.detailActive = false;
+        this.detailRowHeight = null;
+        this.listeners = new Map();
+        this.rowId = rowId;
+        this.data = data;
+        this.rowIndex = rowIndex;
+    }
+    setDataValue(field, value) {
+        this.data[field] = value;
+    }
+    setSelected(selected) {
+        this.selected = selected;
+    }
+    setRowIndex(index) {
+        this.rowIndex = index;
+    }
+    setCellStates(cellStates) {
+        this.cellStates = cellStates;
+    }
+    isSelected() {
+        return this.selected;
+    }
+    isExpanded() {
+        return this.expanded;
+    }
+    /**
+     * Event System
+     */
+    on(event, listener) {
+        if (!this.listeners.has(event)) {
+            this.listeners.set(event, new Set());
+        }
+        this.listeners.get(event).add(listener);
+        // Return unsubscribe fn
+        return () => this.off(event, listener);
+    }
+    off(event, listener) {
+        this.listeners.get(event)?.delete(listener);
+    }
+    emit(event, payload) {
+        this.listeners.get(event)?.forEach(cb => cb(payload));
+    }
+    /**
+      * Mutators that fire events
+      */
+    setDetailRowData(detailRowData) {
+        const previousDetailRowData = this.detailRowData;
+        this.detailRowData = detailRowData;
+        this.emit('detailRowDataChanged', {
+            node: this,
+            detailRowData,
+            previousDetailRowData,
+        });
+        this.emit('childrenChanged', {
+            node: this,
+            children: this.children,
+            source: 'masterDetail',
+        });
+    }
+    setExpanded(expanded) {
+        if (this.expanded === expanded)
+            return; // skip if no change
+        this.expanded = expanded;
+        this.emit('expandedChanged', { node: this, expanded });
+    }
+    destroy() {
+        this.listeners.clear(); // prevent memory leaks
+    }
+}
+
+/**
+ * Recursively filters a tree and updates each node's UI state.
+ *
+ * Rules:
+ * - A node is visible if it matches the filters or has a matching descendant.
+ * - A node is expanded if it has a matching descendant.
+ *
+ * @returns True if the current node or any descendant matches.
+ */
+function filterTreeNode(node, filters, quick) {
+    // Check whether the current node matches all active filters.
+    const selfMatch = matchesAdvancedFilters(node, filters) && matchesQuickFilter(node, quick);
+    // Recursively determine whether any child matches.
+    const childMatch = node.children?.some(child => filterTreeNode(child, filters, quick)) ?? false;
+    // Keep the node visible when it or any descendant matches.
+    node.visible = selfMatch || childMatch;
+    // Expand parents to reveal matching descendants.
+    node.expanded = childMatch;
+    return node.visible;
+}
+/**
+ * Apply advanced per-column filters
+ */
+function matchesAdvancedFilters(node, filters) {
+    if (!filters || filters.length === 0)
+        return true;
+    return filters.every(filter => {
+        const val = (node.data[filter.field] ?? '').toString().toLowerCase();
+        const results = filter.conditions.map(condition => {
+            const cmp = (condition.value ?? '').toString().toLowerCase();
+            switch (condition.operator) {
+                case 'equals': return val === cmp;
+                case 'contains': return val.includes(cmp);
+                case 'startsWith': return val.startsWith(cmp);
+                case 'endsWith': return val.endsWith(cmp);
+                case 'greaterThan': return +val > +cmp;
+                case 'lessThan': return +val < +cmp;
+                default: return true; // Unknown operator = ignore
+            }
+        });
+        return filter.logicOperator === 'AND' ? results.every(Boolean) : results.some(Boolean);
+    });
+}
+/**
+ * Apply quick filter across all fields
+ */
+function matchesQuickFilter(node, quick) {
+    if (!quick)
+        return true;
+    return Object.values(node.data).some(value => (value ?? '').toString().toLowerCase().includes(quick));
+}
+
+/**
+ * Generate Cell Field
+ */
+function getCellField(rowIndex, field) {
+    return `${rowIndex}--${field}`;
+}
+function getCellKey(rowId, field) {
+    return `${rowId}--${field}`;
+}
+/**
+ * Get Value From Data Field
+ */
+function getFieldValue(data, field) {
+    return field?.split('.')?.reduce((obj, key) => obj?.[key], data);
+}
+/**
+ * Resolve cell style (handles both static and function-based)
+ * @param column
+ * @param row
+ * @returns
+ */
+function resolveCellStyle(column, row) {
+    if (!column.cellStyle)
+        return {};
+    return typeof column.cellStyle === 'function'
+        ? column.cellStyle(row)
+        : column.cellStyle;
+}
+/**
+ * Resolve cell class (handles both static and function-based)
+ * @param column
+ * @param row
+ * @returns
+ */
+function resolveCellClass(column, row) {
+    if (!column.cellClass)
+        return '';
+    return typeof column.cellClass === 'function'
+        ? column.cellClass(row)
+        : column.cellClass;
+}
+
+class OgColumnService {
+    constructor() {
+        this.defaultColumnDef = null;
+        this.columnDefs$ = new BehaviorSubject([]);
+        this.groupColumnDefs$ = new BehaviorSubject([]);
+    }
+    initColumnDefs(defaultColumnDef, columnDefs, groupColumnDefs) {
+        this.defaultColumnDef = defaultColumnDef;
+        this.setGroupColumnDefs(groupColumnDefs);
+        this.setColumnDefs(columnDefs);
+    }
+    getColumnState() {
+        const columns = this.columnDefs$.getValue();
+        const groups = this.groupColumnDefs$.getValue();
+        return { columns, groups };
+    }
+    setGroupColumnDefs(groupColumnDefs) {
+        const groups = groupColumnDefs.map((group) => this.resolveGroupPresentation(group));
+        this.groupColumnDefs$.next(groups);
+    }
+    setColumnDefs(columnDefs) {
+        const columns = columnDefs.map((col) => {
+            const column = {
+                ...this.defaultColumnDef,
+                ...col,
+                id: col?.field ? col.field : _.uniqueId('col_'),
+            };
+            return this.resolveCellPresentation(column);
+        });
+        this.recalculateGroups(columns);
+        this.columnDefs$.next(columns);
+    }
+    // Update single column
+    updateColumnDef(id, changes) {
+        const columns = this.getColumnState().columns;
+        const updatedColumns = columns.map(col => col.id === id ? { ...col, ...changes } : col);
+        this.recalculateGroups(updatedColumns);
+        this.columnDefs$.next(updatedColumns);
+    }
+    // Reorder columns
+    reorderColumnDefs(fromIndex, toIndex) {
+        const columns = _.clone(this.getColumnState().columns);
+        const [moved] = columns.splice(fromIndex, 1);
+        columns.splice(toIndex, 0, moved);
+        this.columnDefs$.next(columns);
+    }
+    /**
+     * Group Header Columns
+     */
+    recalculateGroups(columnDefs) {
+        if (this.groupColumnDefs$.getValue().length > 0) {
+            const groups = this.groupColumnDefs$.value.map(group => ({
+                ...group,
+                width: columnDefs.filter(c => c.groupId === group.id).reduce((sum, col) => sum + (col.width ? col.width > col.maxWidth ? col.maxWidth : col.width < col.minWidth ? col.minWidth : col.width : col.minWidth), 0)
+            }));
+            this.groupColumnDefs$.next(groups);
+        }
+    }
+    resolveGroupPresentation(col, params) {
+        col._resolvedGroupClass = typeof col.groupClass === 'function' ? col.groupClass(params) : col.groupClass;
+        col._resolvedGroupStyle = typeof col.groupStyle === 'function' ? col.groupStyle(params) : col.groupStyle;
+        return col;
+    }
+    resolveCellPresentation(col, params) {
+        col._resolvedHeaderClass = typeof col.headerClass === 'function' ? col.headerClass(params) : col.headerClass;
+        col._resolvedHeaderStyle = typeof col.headerStyle === 'function' ? col.headerStyle(params) : col.headerStyle;
+        col._resolvedCellClass = typeof col.cellClass === 'function' ? col.cellClass(params) : col.cellClass;
+        col._resolvedCellStyle = typeof col.cellStyle === 'function' ? col.cellStyle(params) : col.cellStyle;
+        return col;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: OgColumnService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: OgColumnService }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: OgColumnService, decorators: [{
+            type: Injectable
+        }] });
+
+class OneGridRowService {
+    constructor() {
+        this._getRowId = null;
+    }
+    /**
+     * Set Row Id Funciton
+     */
+    setGetRowIdFn(getRowId) {
+        this._getRowId = getRowId;
+    }
+    /**
+     * Generate Unique Row ID
+     */
+    generateRowId(data, rowIndex) {
+        if (this._getRowId) {
+            return this._getRowId({ data, rowIndex }) ?? v4();
+        }
+        return v4();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: OneGridRowService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: OneGridRowService }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: OneGridRowService, decorators: [{
+            type: Injectable
+        }] });
+
+class CellFieldValueEmptyPipe {
+    transform(data, field) {
+        if (!data) {
+            return true;
+        }
+        const value = field.split('.').reduce((obj, key) => obj?.[key], data);
+        return value === null || value === undefined || value === '';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CellFieldValueEmptyPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: CellFieldValueEmptyPipe, name: "cellFieldValueEmpty" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CellFieldValueEmptyPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    standalone: false,
+                    name: 'cellFieldValueEmpty'
+                }]
+        }] });
+
+class CellValueGetterPipe {
+    transform(data, node, column, context) {
+        return resolveOneValueGetterParams(column.valueGetter, {
+            data,
+            rowIndex: node.rowIndex,
+            node: node,
+            context: context
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CellValueGetterPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: CellValueGetterPipe, name: "cellValueGetter" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CellValueGetterPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    standalone: false,
+                    name: 'cellValueGetter'
+                }]
+        }] });
+
+class CellFieldValuePipe {
+    transform(data, field) {
+        const value = getFieldValue(data, field);
+        if (value === null || value === undefined) {
+            return null;
+        }
+        if (typeof value === 'string' && value.trim() === '') {
+            return null;
+        }
+        return value;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CellFieldValuePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: CellFieldValuePipe, name: "cellFieldValue" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CellFieldValuePipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    standalone: false,
+                    name: 'cellFieldValue'
+                }]
+        }] });
+
+class OneGridCellService {
+    constructor() {
+        this._cellFieldValueEmpty = new CellFieldValueEmptyPipe();
+        this._cellValueGetter = new CellValueGetterPipe();
+        this._cellFieldValue = new CellFieldValuePipe();
+        this._columnDefs = [];
+        /**
+         * One Column Def Params Resolver
+         */
+        this.editableFn = (column, node) => resolveOneCellRendererParams(column.editable, { node, data: node.data, columnDef: column, rowIndex: node.rowIndex, context: this._context });
+        this.updatableFn = (column, node) => resolveOneCellRendererParams(column.updatable, { node, data: node.data, columnDef: column, rowIndex: node.rowIndex, context: this._context });
+        this.disableFn = (column, node) => resolveOneCellRendererParams(column.disable, { node, data: node.data, columnDef: column, rowIndex: node.rowIndex, context: this._context });
+        this.dragableFn = (column, node) => resolveOneCellRendererParams(column.dragable, { node, data: node.data, columnDef: column, rowIndex: node.rowIndex, context: this._context });
+        this.valueGetterFn = (column, node) => resolveOneValueGetterParams(column.valueGetter, { data: node.data, rowIndex: node.rowIndex, node: node, context: this._context });
+    }
+    applyColumnDefs(columnDefs, context) {
+        this._columnDefs = columnDefs;
+        this._context = context;
+    }
+    /**
+     * Generate New Node States
+     */
+    generateCellStates(node) {
+        if (!node)
+            return null;
+        const newStates = {};
+        for (const column of this._columnDefs) {
+            const field = column.field;
+            if (field !== '_oneRowNumber') {
+                newStates[field] = this.generateCellState(node, column) ?? node.cellStates[field] ?? { type: 'none', value: '' };
+            }
+            else {
+                newStates[field] = node.cellStates[column.field];
+            }
+        }
+        return newStates;
+    }
+    /**
+     * Generate New Node State Based on Column Field
+     */
+    generateCellState(node, column) {
+        const isField = column.field !== undefined || column.field !== '' || column.field !== null;
+        const isEmpty = this._cellFieldValueEmpty.transform(node.data, column.field);
+        const isGroup = node.group || node.leafGroup;
+        const isAutoGroup = column?.autoGroupField;
+        if (column && column.cellRenderer && !isGroup) {
+            const value = column.cellRenderer({ node, columnDef: column });
+            return { type: 'html', value: value };
+        }
+        // 1. Cell Group Placeholder
+        if (isField && isEmpty && isGroup && isAutoGroup) {
+            return { type: 'placeholder', value: column?.cellRendererParams?.placeholder ?? this._cellValueGetter.transform(node.data, node, column, this._context) ?? '' };
+        }
+        // 2. Cell Group Text Value
+        if (isField && isGroup && isAutoGroup) {
+            const value = column?.valueGetter ? this._cellValueGetter.transform(node.data, node, column, this._context) : this._cellFieldValue.transform(node.data, column.field);
+            return { type: 'text', value: value ?? '' };
+        }
+        // 3. Cell Placeholder
+        if (isField && isEmpty && !isGroup && !isAutoGroup) {
+            const valueGetter = this._cellValueGetter.transform(node.data, node, column, this._context);
+            if (valueGetter) {
+                return { type: 'text', value: valueGetter };
+            }
+            const placeholder = column?.cellRendererParams?.placeholder ?? '';
+            return { type: 'placeholder', value: placeholder };
+        }
+        // 4. Cell Text Value
+        if (isField && !(isGroup || isAutoGroup)) {
+            const value = column?.valueGetter ? this._cellValueGetter.transform(node.data, node, column, this._context) : this._cellFieldValue.transform(node.data, column.field);
+            return { type: 'text', value: value ?? '' };
+        }
+        // 5. Default
+        return { type: 'none', value: '' };
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: OneGridCellService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: OneGridCellService }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: OneGridCellService, decorators: [{
+            type: Injectable
+        }] });
+
+class OneGridEventService {
+    constructor() {
+        this.events$ = new Subject();
+        this.subscriptions = [];
+    }
+    // Dispatch event
+    dispatchEvent(type, payload) {
+        this.events$.next({ type, payload });
+    }
+    // Subscribe to event
+    addEventListener(type, handler) {
+        const subscription = this.events$
+            .pipe(filter(e => e.type === type), map(e => e.payload))
+            .subscribe(handler);
+        // Track subscription for bulk cleanup
+        this.subscriptions.push(subscription);
+        // Return an unsubscribe function
+        return () => subscription.unsubscribe();
+    }
+    // RxJS API
+    eventStream(type) {
+        return this.events$.pipe(filter(e => e.type === type), map(e => e.payload));
+    }
+    /**
+     * Clear All Subscriptions
+     */
+    ngOnDestroy() {
+        this.subscriptions.forEach(sub => sub.unsubscribe());
+        this.subscriptions = [];
+        this.events$.complete();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: OneGridEventService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: OneGridEventService }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: OneGridEventService, decorators: [{
+            type: Injectable
+        }] });
+
+class OneGridSelectionService {
+    constructor() {
+        this._selectedIds = new Set();
+        this._selectionMode = null;
+    }
+    getSelectedIds() {
+        return this._selectedIds;
+    }
+    setSelectedIds(rowIds) {
+        this._selectedIds = new Set(rowIds);
+    }
+    getSelectionMode() {
+        return this._selectionMode;
+    }
+    setSelectionMode(mode) {
+        this._selectionMode = mode;
+        if (mode === 'single' && this._selectedIds.size > 1) {
+            // keep only one if mode is single
+            const first = this._selectedIds.values().next().value;
+            this._selectedIds = new Set([first]);
+        }
+    }
+    toggleSelection(rowId, selected) {
+        if (this._selectionMode === 'single') {
+            this._selectedIds.clear();
+        }
+        selected ? this._selectedIds.add(rowId) : this._selectedIds.delete(rowId);
+    }
+    toggleAllSelection(allIds, selected) {
+        selected ? this._selectedIds = new Set(allIds) : this._selectedIds.clear();
+    }
+    // Header Checkbox State
+    getSelectAllState(allIds) {
+        if (this._selectedIds.size === 0)
+            return 'unchecked';
+        if (this._selectedIds.size === allIds.length)
+            return 'checked';
+        return 'indeterminate';
+    }
+    selectAll(rowIds) {
+        this._selectedIds = new Set(rowIds);
+    }
+    deselectAll() {
+        this._selectedIds.clear();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: OneGridSelectionService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: OneGridSelectionService }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: OneGridSelectionService, decorators: [{
+            type: Injectable
+        }] });
+
+class OneGridExpansionService {
+    constructor() {
+        this._expandedIds = new Set();
+        this._collapsedIds = new Set();
+    }
+    getExpandedIds() {
+        return this._expandedIds;
+    }
+    getCollapsedIds() {
+        return this._collapsedIds;
+    }
+    toggleExpanded(rowId, expanded) {
+        if (expanded) {
+            this._expandedIds.add(rowId);
+            this._collapsedIds.delete(rowId);
+        }
+        else {
+            this._expandedIds.delete(rowId);
+            this._collapsedIds.add(rowId);
+        }
+    }
+    isExpanded(rowId) {
+        return this._expandedIds.has(rowId);
+    }
+    isCollapsed(rowId) {
+        return this._collapsedIds.has(rowId);
+    }
+    clear() {
+        this._expandedIds.clear();
+        this._collapsedIds.clear();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: OneGridExpansionService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: OneGridExpansionService }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: OneGridExpansionService, decorators: [{
+            type: Injectable
+        }] });
+
+class OneGridApi {
+    constructor(columnService, rowService, cellService, eventService, selectionService, expansionService) {
+        this.columnService = columnService;
+        this.rowService = rowService;
+        this.cellService = cellService;
+        this.eventService = eventService;
+        this.selectionService = selectionService;
+        this.expansionService = expansionService;
+        this.context = null;
+        this.rowSelection = null;
+        this.apiType = null;
+        this.rowNodes = [];
+        this.sortModel = [];
+        this.rowHeight = 26;
+        this.headerRowHeight = 32;
+        this._currentIndex = 0;
+        this._quickFilterValue = null;
+        this._activeFilters = [];
+        this._visibleRowNodes = [];
+        this._originalRowNodes = new Map();
+        this._nodeCleanupMap = new Map(); // Cleanup registry (prevents memory leaks)
+        this._destroyed = false;
+        // Advanced Features
+        this.treeData = false;
+        this.treeDataChildrenField = null;
+        this.groupDefaultExpanded = 0;
+        this.masterDetail = false;
+    }
+    init(gridApiType, rowSelection, columnDefs, defaultColumnDef, context, masterDetail, detailCellRendererParams, detailRendererComponent, treeData, groupColumnDefs) {
+        this.id = v4();
+        this.apiType = gridApiType;
+        this.rowSelection = rowSelection;
+        this.context = context;
+        this.masterDetail = masterDetail;
+        this.detailCellRendererParams = detailCellRendererParams;
+        this.detailRendererComponent = detailRendererComponent;
+        this.treeData = treeData;
+        this.selectionService.setSelectionMode(this.rowSelection);
+        this.rowService.setGetRowIdFn(this.context?.componentParent?.getRowId ?? null);
+        this.cellService.applyColumnDefs(columnDefs, context);
+        this.columnService.initColumnDefs(defaultColumnDef, columnDefs, groupColumnDefs);
+        const columnState = this.columnService.getColumnState();
+        setTimeout(() => this.eventService.dispatchEvent('columnChanged', columnState));
+    }
+    /**
+     * Create Row Node & Clear All State IDS
+     */
+    setRowData(rowData) {
+        const validRowIds = new Set();
+        // Clear All State IDS
+        this.selectionService.deselectAll();
+        this.expansionService.clear();
+        // Build New Row Nodes
+        this.buildRowNodes(rowData, null, 0, validRowIds);
+        // Apply Filter
+        this.applyFilters();
+        // Remove invalid nodes from map
+        for (const rowId of this._originalRowNodes.keys()) {
+            if (!validRowIds.has(rowId)) {
+                this._originalRowNodes.delete(rowId);
+            }
+        }
+    }
+    /**
+     * Create Row Nodes & Not Clear State IDS
+     */
+    updateRowData(rowData) {
+        const validRowIds = new Set();
+        // Build New Row Nodes
+        this.buildRowNodes(rowData, null, 0, validRowIds);
+        // Apply Filter
+        this.applyFilters();
+        // Remove invalid nodes from map
+        for (const rowId of this._originalRowNodes.keys()) {
+            if (!validRowIds.has(rowId)) {
+                this._originalRowNodes.delete(rowId);
+            }
+        }
+    }
+    /**
+     * Recursive Build Row Nodes (Optimized)
+     */
+    buildRowNodes(rowData, parent = null, level = 0, validRowIds = new Set(), expandedIds = new Set(this.expansionService.getExpandedIds()), collapsedIds = new Set(this.expansionService.getCollapsedIds()), selectedIds = new Set(this.selectionService.getSelectedIds())) {
+        if (parent === null) {
+            this.rowNodes = [];
+            this._currentIndex = 0;
+        }
+        if (!rowData?.length)
+            return [];
+        const nodes = [];
+        for (const data of rowData) {
+            const rowId = this.rowService.generateRowId(data, this._currentIndex);
+            const children = data[this.treeDataChildrenField] || null;
+            let node = this._originalRowNodes.get(rowId);
+            validRowIds.add(rowId);
+            if (node) {
+                node.data = data;
+                node.setRowIndex(this._currentIndex);
+            }
+            else {
+                node = new OneRowNode(rowId, data, this._currentIndex);
+                node.level = level;
+                node.parent = parent;
+                node.detailRendererComponent = this.detailRendererComponent;
+                this._originalRowNodes.set(rowId, node);
+                if (this.masterDetail) {
+                    this.subscribeToDetailChanges(node);
+                }
+            }
+            const childrenExist = children && children.length >= 0;
+            node.group = this.masterDetail ? false : childrenExist;
+            node.leaf = this.masterDetail ? true : !node.group;
+            node.leafGroup = this.masterDetail ? false : (node.group && !childrenExist);
+            node.expandable = this.masterDetail ? true : (node.group && !node.leafGroup);
+            const defaultExpanded = node.expandable && (level < this.groupDefaultExpanded || this.groupDefaultExpanded === -1);
+            node.setExpanded(expandedIds.has(rowId) ? true : collapsedIds.has(rowId) ? false : defaultExpanded);
+            node.setSelected(selectedIds.has(rowId));
+            node.setCellStates(this.cellService.generateCellStates(node));
+            if (this.masterDetail && this.apiType === 'master') {
+                this.getDetailRowData({ data, node: node, successCallback: (detailRowData) => node.setDetailRowData(detailRowData) });
+            }
+            this._currentIndex++;
+            this.rowNodes.push(node);
+            nodes.push(node);
+            node.children = this.treeData && childrenExist ? this.buildRowNodes(children || [], node, level + 1, validRowIds, expandedIds, collapsedIds, selectedIds) : [];
+        }
+        return nodes;
+    }
+    /**
+     * Filter Feature
+     */
+    applyFilters() {
+        const filters = this._activeFilters;
+        const quick = this._quickFilterValue?.toLowerCase() ?? '';
+        this.rowNodes.forEach(node => filterTreeNode(node, filters, quick));
+        this.refreshVisibleNodes();
+    }
+    /**
+     * Update Row Nodes Display
+     */
+    refreshVisibleNodes() {
+        if (this._destroyed)
+            return;
+        const visibleNodes = [];
+        let rowNumber = 1;
+        const visibilityCache = new Map();
+        for (const node of this.rowNodes) {
+            const parentVisible = node.parent ? visibilityCache.get(node.parent.rowId) : true;
+            const isVisible = node.visible && parentVisible && (!node.parent || node.parent.expanded);
+            visibilityCache.set(node.rowId, isVisible);
+            if (isVisible) {
+                node.cellStates['_oneRowNumber'] = { type: 'text', value: rowNumber++ };
+                node.cellStates = { ...node.cellStates };
+                visibleNodes.push(node);
+            }
+            else {
+                node.cellStates['_oneRowNumber'] = { type: 'none', value: null };
+            }
+        }
+        this._visibleRowNodes = [...visibleNodes];
+        this.eventService.dispatchEvent('rowDataChanged', { nodes: visibleNodes });
+    }
+    getVisibleRowNodes() {
+        return this._visibleRowNodes;
+    }
+    /**
+     * Sorting Model Feature
+     */
+    onSortChanged(sortModel) {
+        this.sortModel = sortModel;
+        this.applySorting();
+        this.eventService.dispatchEvent('sortChanged', { nodes: this.rowNodes });
+    }
+    applySorting() {
+        if (this.sortModel.length === 0) {
+            this.rowNodes = [...this._originalRowNodes.values()];
+            return;
+        }
+        this.rowNodes = [...this._originalRowNodes.values()].sort((a, b) => {
+            for (const sortItem of this.sortModel) {
+                const { colId, sort } = sortItem;
+                const valA = getFieldValue(a.data, colId);
+                const valB = getFieldValue(b.data, colId);
+                const comparisonResult = this.compareValues(valA, valB, sort);
+                if (comparisonResult !== 0) {
+                    return comparisonResult;
+                }
+            }
+            return 0;
+        });
+    }
+    compareValues(valA, valB, sortDirection) {
+        if (valA === null && valB === null)
+            return 0;
+        if (valA === null)
+            return sortDirection === 'asc' ? 1 : -1;
+        if (valB === null)
+            return sortDirection === 'asc' ? -1 : 1;
+        if (typeof valA === 'string' && typeof valB === 'string') {
+            const comparison = valA.localeCompare(valB, undefined, { numeric: true });
+            return sortDirection === 'asc' ? comparison : -comparison;
+        }
+        if (valA < valB)
+            return sortDirection === 'asc' ? -1 : 1;
+        if (valA > valB)
+            return sortDirection === 'asc' ? 1 : -1;
+        return 0;
+    }
+    /**
+     * Row Selection Feature (Optimized)
+     */
+    selectAll() {
+        const rowIds = [];
+        this._originalRowNodes.forEach(node => {
+            node.setSelected(true);
+            node.cellStates = { ...node.cellStates };
+            rowIds.push(node.rowId);
+        });
+        this.selectionService.selectAll(rowIds);
+        this.eventService.dispatchEvent('selectionChanged', { allNodesNotSelected: false, allNodesSelected: true, selected: true, node: null });
+    }
+    /**
+     * Deselect all nodes (optimized)
+     */
+    deselectAll() {
+        this._originalRowNodes.forEach(node => {
+            node.setSelected(false);
+            node.cellStates = { ...node.cellStates };
+        });
+        this.selectionService.deselectAll();
+        if (this.selectionService.getSelectionMode() === 'multiple') {
+            this.eventService.dispatchEvent('selectionChanged', {
+                allNodesNotSelected: true,
+                allNodesSelected: false,
+                selected: false,
+                node: null
+            });
+        }
+    }
+    toggleSelection(rowId, selected) {
+        const node = this.getRowNodeById(rowId);
+        if (node) {
+            node.setSelected(selected);
+            this.selectionService.toggleSelection(rowId, selected);
+            this.eventService.dispatchEvent('selectionChanged', { node, data: node.data, selected });
+        }
+    }
+    setSelectedById(rowId) {
+        const node = this.getRowNodeById(rowId);
+        if (node) {
+            if (this.selectionService.getSelectionMode() === 'single') {
+                this.rowNodes.forEach(rowNode => rowNode.setSelected(rowNode.rowId === node.rowId));
+                this._originalRowNodes.forEach(rowNode => rowNode.setSelected(rowNode.rowId === node.rowId));
+            }
+            else {
+                node.setSelected(true);
+            }
+            this.selectionService.toggleSelection(rowId, true);
+            this.eventService.dispatchEvent('selectionChanged', { node, selected: true });
+        }
+    }
+    setSelectedByIds(rowIds, selected = true) {
+        rowIds.forEach(rowId => {
+            const node = this._originalRowNodes.get(rowId);
+            if (node) {
+                node.setSelected(selected);
+                node.cellStates = { ...node.cellStates };
+                this.selectionService.toggleSelection(rowId, selected);
+            }
+        });
+        this.eventService.dispatchEvent('selectionChanged', { node: null });
+    }
+    /**
+     * Get & Set Functions
+     */
+    getAllRowNodes() {
+        return this.rowNodes?.length > 0 ? [...this.rowNodes] : [];
+    }
+    getRowDataSelected() {
+        return this.rowNodes.filter(node => node.selected).map(node => ({ ...node.data }));
+    }
+    getSelectedRowNodes() {
+        const nodes = this.rowNodes.filter(node => node.selected);
+        return nodes && nodes.length > 0 ? [...nodes] : [];
+    }
+    /**
+     * Column filters
+     */
+    getFilterModel() {
+        return this._activeFilters;
+    }
+    setFilterModel(model) {
+        this._activeFilters = model;
+        this.applyFilters();
+    }
+    filterActive(field) {
+        return this._activeFilters.some(f => f.field === field && f.conditions.length > 0);
+    }
+    /**
+     * Quick filter
+     */
+    setQuickFilter(value) {
+        this._quickFilterValue = (value || '').toLowerCase();
+        this.applyFilters();
+    }
+    /**
+     * Validation Feature
+     */
+    validateRow(row, columns) {
+        const errors = {};
+        columns.forEach(col => {
+            // Only check columns with validationRule
+            if (!col.validationRules || col.validationRules.length === 0)
+                return;
+            const rules = col.validationRules;
+            for (const rule of rules) {
+                const error = rule(row[col.field], row);
+                if (error) {
+                    errors[col.field] = error;
+                    break; // stop at first error for this column
+                }
+            }
+        });
+        return errors;
+    }
+    /**
+     * Validate all rows and return both errors and a flag indicating if there are any errors
+     */
+    validateAllRows(rowData, columns) {
+        const allErrors = rowData.map(row => {
+            const errors = {};
+            columns.forEach(col => {
+                if (!col.validationRules || col.validationRules.length === 0)
+                    return;
+                for (const rule of col.validationRules) {
+                    const error = rule(row[col.field], row);
+                    if (error) {
+                        errors[col.field] = error;
+                        break;
+                    }
+                }
+            });
+            return errors;
+        });
+        const hasErrors = allErrors.some(err => Object.keys(err).length > 0);
+        return { errors: allErrors, valid: !hasErrors, invalid: hasErrors };
+    }
+    /** Traverse all nodes */
+    forEachNode(callback) {
+        const visit = (nodes) => {
+            nodes.forEach((node, index) => {
+                callback(node, index);
+                if (node?.children?.length)
+                    visit(node.children);
+            });
+        };
+        visit(this.rowNodes);
+    }
+    /** Traverse only leaf nodes */
+    forEachLeafNode(callback) {
+        let leafIndex = 0;
+        const visit = (nodes) => {
+            nodes.forEach(node => {
+                if (node.leaf) {
+                    callback(node, leafIndex++);
+                }
+                else if (node.group && node?.children?.length) {
+                    visit(node.children);
+                }
+            });
+        };
+        visit(this.rowNodes);
+    }
+    getRowNodeById(rowId) {
+        return this._originalRowNodes.get(rowId);
+    }
+    /**
+     * Expand/collapse a node
+     */
+    setTreeDataChildrenField(field) {
+        this.treeDataChildrenField = field;
+    }
+    setGroupDefaultExpanded(defaultExpanded) {
+        this.groupDefaultExpanded = defaultExpanded;
+    }
+    toggleExpandAll(expanded) {
+        this.forEachNode(node => {
+            node.setExpanded(expanded);
+            this.expansionService.toggleExpanded(node.rowId, expanded);
+        });
+        this.refreshVisibleNodes();
+    }
+    setExpandedById(rowId, expanded) {
+        const node = this._originalRowNodes.get(rowId);
+        if (node) {
+            node.setExpanded(expanded);
+            this.expansionService.toggleExpanded(rowId, expanded);
+        }
+        this.refreshVisibleNodes();
+    }
+    setExpandedByIds(rowIds, expanded) {
+        if (rowIds && rowIds.length > 0) {
+            for (let rowId of rowIds) {
+                const node = this._originalRowNodes.get(rowId);
+                if (node) {
+                    node.setExpanded(expanded);
+                    this.expansionService.toggleExpanded(rowId, expanded);
+                }
+            }
+            this.refreshVisibleNodes();
+        }
+    }
+    getExpandedByIds() {
+        return Array.from(this.expansionService.getExpandedIds());
+    }
+    /**
+     * Master Detail Feature
+     */
+    setDetailRowData(node, detailData) {
+        const rowNode = this.getRowNodeById(node.rowId);
+        if (rowNode) {
+            rowNode.setDetailRowData(detailData);
+        }
+    }
+    setGetDetailRowData(getDetailRowData) {
+        this.getDetailRowData = getDetailRowData;
+    }
+    /**
+     * Columns State
+     */
+    getColumnState() {
+        return this.columnService.getColumnState();
+    }
+    setColumnDefs(columnDefs) {
+        this.columnService.setColumnDefs(columnDefs);
+        const columnState = this.columnService.getColumnState();
+        this.cellService.applyColumnDefs(columnState.columns, this.context);
+        this.eventService.dispatchEvent('columnChanged', columnState);
+    }
+    updateColumn(id, changes) {
+        this.columnService.updateColumnDef(id, changes);
+        const columnState = this.columnService.getColumnState();
+        this.cellService.applyColumnDefs(columnState.columns, this.context);
+        this.eventService.dispatchEvent('columnChanged', columnState);
+    }
+    reorderColumnDefs(fromIndex, toIndex) {
+        this.columnService.reorderColumnDefs(fromIndex, toIndex);
+        const columnState = this.columnService.getColumnState();
+        this.eventService.dispatchEvent('columnChanged', columnState);
+    }
+    /**
+     * Update checkbox selection features
+     */
+    setNodeAndChildrenSelected(node, selected) {
+        const rowIds = new Set();
+        const collect = (n) => {
+            rowIds.add(n.rowId);
+            if (n.children && n.children.length) {
+                n.children.forEach(child => collect(child));
+            }
+        };
+        collect(node);
+        this.setSelectedByIds(Array.from(rowIds), selected);
+    }
+    updateNodeStates(node) {
+        const rowNode = this.getRowNodeById(node.rowId);
+        if (rowNode) {
+            rowNode.cellStates = this.cellService.generateCellStates(rowNode);
+        }
+    }
+    updateCellState(node, column) {
+        const rowNode = this.getRowNodeById(node.rowId);
+        if (rowNode) {
+            rowNode.cellStates[column.field] = this.cellService.generateCellState(rowNode, column);
+        }
+    }
+    updateCellStates(node) {
+        const rowNode = this.getRowNodeById(node.rowId);
+        if (rowNode) {
+            rowNode.cellStates = this.cellService.generateCellStates(rowNode);
+        }
+    }
+    /**
+     * Handler that Reacts to Detail Changes
+     */
+    subscribeToDetailChanges(node) {
+        const unsubRowData = node.on('rowDataChanged', ({ node, data, previousData }) => {
+        });
+        // When detail data arrives
+        const unsubDetail = node.on('detailRowDataChanged', ({ node, detailRowData, previousDetailRowData }) => {
+            if (this.apiType === 'master') {
+                this._resolvedDetailRowHeight(node);
+            }
+        });
+        // When row expands
+        const unsubExpand = node.on('expandedChanged', ({ node, expanded }) => {
+            // if (!expanded) return;
+            // // Only fetch if detail data not already loaded
+            // if (!node.detailRowData) {
+            //   this.getDetailRowData({ data: node.data, node, successCallback: (detailRowData) => node.setDetailRowData(detailRowData) });
+            // }
+        });
+        // // Cleanup when node is removed from grid
+        this.registerNodeCleanup(node.rowId, [unsubDetail, unsubExpand]);
+    }
+    registerNodeCleanup(rowId, unsubs) {
+        // Merge with any existing cleanups for this rowId
+        const existing = this._nodeCleanupMap.get(rowId) ?? [];
+        this._nodeCleanupMap.set(rowId, [...existing, ...unsubs]);
+    }
+    cleanupNode(rowId) {
+        const cleanups = this._nodeCleanupMap.get(rowId);
+        cleanups?.forEach(fn => fn());
+        this._nodeCleanupMap.delete(rowId);
+    }
+    // Call this when rows are removed
+    pruneRemovedNodes(validRowIds) {
+        for (const [rowId, node] of this._originalRowNodes) {
+            if (!validRowIds.has(rowId)) {
+                this.cleanupNode(rowId); // unsubscribe listeners
+                node.destroy(); // clear node's own listener map
+                this._originalRowNodes.delete(rowId);
+            }
+        }
+    }
+    /**
+     * Resolve Detail Row Height
+     */
+    _resolvedDetailRowHeight(node) {
+        const minRows = this.detailCellRendererParams.detailGridOptions.detailRowHeightOptions.minRows;
+        const maxRows = this.detailCellRendererParams.detailGridOptions.detailRowHeightOptions.maxRows;
+        const minHeight = (this.rowHeight * minRows) + this.headerRowHeight;
+        const maxHeight = (this.rowHeight * maxRows) + this.headerRowHeight;
+        const rows = node.detailRowData && node.detailRowData.length ? node.detailRowData.length : 0;
+        node.detailRowHeight = rows <= minRows ? minHeight : rows >= maxRows ? maxHeight : (this.rowHeight * rows) + this.headerRowHeight;
+    }
+    /**
+     * On Destroy
+     */
+    destroy() {
+        if (this._destroyed)
+            return;
+        this._destroyed = true;
+        this.rowNodes.forEach(node => {
+            node.children = [];
+            node.parent = null;
+        });
+        this.rowNodes = [];
+        this._originalRowNodes.clear();
+        this._currentIndex = null;
+        // Clear services
+        if (this.selectionService) {
+            this.selectionService.deselectAll();
+        }
+        this.selectionService = null;
+        if (this.expansionService) {
+            this.expansionService.clear();
+        }
+        this.expansionService = null;
+        this.eventService = null;
+        this.rowService = null;
+        this.cellService = null;
+        // Clear filters, sorting, context
+        this._activeFilters = [];
+        this._quickFilterValue = null;
+        this.sortModel = [];
+        // Clear master/detail/treeData
+        this.masterDetail = false;
+        this.treeData = false;
+        this.treeDataChildrenField = '';
+        this.groupDefaultExpanded = 0;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: OneGridApi, deps: [{ token: OgColumnService }, { token: OneGridRowService }, { token: OneGridCellService }, { token: OneGridEventService }, { token: OneGridSelectionService }, { token: OneGridExpansionService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: OneGridApi }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: OneGridApi, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [{ type: OgColumnService }, { type: OneGridRowService }, { type: OneGridCellService }, { type: OneGridEventService }, { type: OneGridSelectionService }, { type: OneGridExpansionService }] });
+
+class OneGridTreeDataService {
+    create(tree, parentId, newNode) {
+        if (!parentId) {
+            return [newNode, ...tree];
+        }
+        return tree.map(node => {
+            if (node.id === parentId) {
+                return { ...node, children: [newNode, ...(node.children || [])] };
+            }
+            if (node.children) {
+                return { ...node, children: this.create(node.children, parentId, newNode) };
+            }
+            return node;
+        });
+    }
+    update(tree, nodeId, updatedData) {
+        return tree.map(node => {
+            if (node.id === nodeId) {
+                return { ...node, ...updatedData };
+            }
+            if (node.children) {
+                return { ...node, children: this.update(node.children, nodeId, updatedData) };
+            }
+            return node;
+        });
+    }
+    delete(tree, nodeId) {
+        return tree.map(node => {
+            if (node.children && node.children.length > 0) {
+                return { ...node, children: this.delete(node.children, nodeId) };
+            }
+            return node;
+        }).filter(node => node.id !== nodeId);
+    }
+    find(treeData, nodeId) {
+        for (const node of treeData) {
+            if (node.id === nodeId) {
+                return node;
+            }
+            if (node.children) {
+                const found = this.find(node.children, nodeId);
+                if (found)
+                    return found;
+            }
+        }
+        return null;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: OneGridTreeDataService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: OneGridTreeDataService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: OneGridTreeDataService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }] });
+
+const OnePageSizeOption = [25, 50, 100, 250];
+
+class HeaderCheckboxDisabledPipe {
+    transform(rowNodes, selectionMode, allowedEdit) {
+        return rowNodes?.length === 0 || selectionMode !== 'multiple' || !allowedEdit;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HeaderCheckboxDisabledPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: HeaderCheckboxDisabledPipe, name: "headerCheckboxDisabled" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HeaderCheckboxDisabledPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    standalone: false,
+                    name: 'headerCheckboxDisabled'
+                }]
+        }] });
+
+class HeaderCheckboxCheckedPipe {
+    transform(rowNodes, selectionMode, state) {
+        return rowNodes?.length > 0 && selectionMode === 'multiple' && state === 'checked';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HeaderCheckboxCheckedPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: HeaderCheckboxCheckedPipe, name: "headerCheckboxChecked" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HeaderCheckboxCheckedPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    standalone: false,
+                    name: 'headerCheckboxChecked'
+                }]
+        }] });
+
+class HeaderCheckboxIndeterminatePipe {
+    transform(rowNodes, selectionMode, state) {
+        return rowNodes?.length > 0 && selectionMode === 'multiple' && state === 'indeterminate';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HeaderCheckboxIndeterminatePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: HeaderCheckboxIndeterminatePipe, name: "headerCheckboxIndeterminate" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HeaderCheckboxIndeterminatePipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    standalone: false,
+                    name: 'headerCheckboxIndeterminate'
+                }]
+        }] });
+
+class OneGridCheckboxHeaderComponent {
+    constructor(eventService, selectionService) {
+        this.eventService = eventService;
+        this.selectionService = selectionService;
+        this.allowedEdit = false;
+        this.state = 'unchecked';
+        this.rowNodes = [];
+    }
+    ngOnInit() {
+        this.selectionMode = this.api.rowSelection;
+        /**
+         * Listen Row Node Selection Changed Event
+         */
+        this.eventService.addEventListener('selectionChanged', (payload) => {
+            this.rowNodes = this.api.getAllRowNodes();
+            const rowIds = this.rowNodes && this.rowNodes.length > 0 ? this.rowNodes.map((node) => node.rowId) : [];
+            this.state = this.selectionService.getSelectAllState(rowIds);
+        });
+        /**
+         * Listen Row Data Changed Event
+         */
+        this.eventService.addEventListener('rowDataChanged', (payload) => {
+            this.rowNodes = this.api.getAllRowNodes();
+            const rowIds = this.rowNodes && this.rowNodes.length > 0 ? this.rowNodes.map((node) => node.rowId) : [];
+            this.state = this.selectionService.getSelectAllState(rowIds);
+        });
+    }
+    /**
+     * Toggle Selection Action
+     */
+    toggleSelectionAll(event) {
+        if (this.selectionMode === 'single')
+            return;
+        const checked = event.target.checked;
+        if (this.rowNodes && this.rowNodes.length > 0) {
+            if (checked) {
+                this.api.selectAll();
+            }
+            else {
+                this.api.deselectAll();
+            }
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: OneGridCheckboxHeaderComponent, deps: [{ token: OneGridEventService }, { token: OneGridSelectionService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: OneGridCheckboxHeaderComponent, selector: "one-grid-checkbox-header", inputs: { api: "api", allowedEdit: "allowedEdit" }, ngImport: i0, template: "<div class=\"one-grid-checkbox\">\n    <input\n        [id]=\"api.id\"\n        [type]=\"'checkbox'\"\n        [class.disabled]=\"rowNodes | headerCheckboxDisabled:selectionMode:allowedEdit\"\n        [checked]=\"rowNodes | headerCheckboxChecked:selectionMode:state\"\n        [indeterminate]=\"rowNodes | headerCheckboxIndeterminate:selectionMode:state\"\n        (change)=\"toggleSelectionAll($event)\" />\n</div>", styles: [""], dependencies: [{ kind: "pipe", type: HeaderCheckboxDisabledPipe, name: "headerCheckboxDisabled" }, { kind: "pipe", type: HeaderCheckboxCheckedPipe, name: "headerCheckboxChecked" }, { kind: "pipe", type: HeaderCheckboxIndeterminatePipe, name: "headerCheckboxIndeterminate" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: OneGridCheckboxHeaderComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: false, selector: 'one-grid-checkbox-header', template: "<div class=\"one-grid-checkbox\">\n    <input\n        [id]=\"api.id\"\n        [type]=\"'checkbox'\"\n        [class.disabled]=\"rowNodes | headerCheckboxDisabled:selectionMode:allowedEdit\"\n        [checked]=\"rowNodes | headerCheckboxChecked:selectionMode:state\"\n        [indeterminate]=\"rowNodes | headerCheckboxIndeterminate:selectionMode:state\"\n        (change)=\"toggleSelectionAll($event)\" />\n</div>" }]
+        }], ctorParameters: () => [{ type: OneGridEventService }, { type: OneGridSelectionService }], propDecorators: { api: [{
+                type: Input
+            }], allowedEdit: [{
+                type: Input
+            }] } });
+
+class ColumnSortStatePipe {
+    transform(field, sortModel) {
+        if (!sortModel || !field)
+            return null;
+        return sortModel.find(s => s.colId === field)?.sort ?? null;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ColumnSortStatePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: ColumnSortStatePipe, name: "columnSortState" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ColumnSortStatePipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    standalone: false,
+                    name: 'columnSortState'
+                }]
+        }] });
+
+class OneGridHeaderComponent {
+    constructor(eventService, cdr) {
+        this.eventService = eventService;
+        this.cdr = cdr;
+        this.scrollLeft = 0;
+        this.allowedEdit = false;
+        this.enableGroupColumnDefs = false;
+        this.groupColumnDefs = [];
+        this.columnDefs = [];
+        this.sortModel = [];
+        this.destroy$ = new Subject();
+        this.subscriptions = new Subscription();
+        this.draggedIndex = null;
+        // Track resize state
+        this.resizing = false;
+        this.resizeColumnIndex = null;
+        this.startX = 0;
+        this.startWidth = 0;
+        // Arrow function to preserve 'this' context
+        this.onResizeMove = (event) => {
+            if (!this.resizing || this.resizeColumnIndex === null)
+                return;
+            // Calculate how far the mouse has moved
+            const deltaX = event.clientX - this.startX;
+            // Calculate new width (with minimum of 50px)
+            const newWidth = Math.max(50, this.startWidth + deltaX);
+            // Update the column width
+            this.api.updateColumn(this.columnDefs[this.resizeColumnIndex].id, { width: newWidth });
+        };
+        this.onResizeEnd = () => {
+            // Clean up
+            this.resizing = false;
+            this.resizeColumnIndex = null;
+            document.body.style.cursor = '';
+            // Remove document listeners
+            document.removeEventListener('mousemove', this.onResizeMove);
+            document.removeEventListener('mouseup', this.onResizeEnd);
+        };
+    }
+    ngOnInit() {
+        // Listen Column Changed Event
+        this.subscriptions.add(this.eventService.addEventListener('columnChanged', (payload) => {
+            const { groups, columns } = payload;
+            if (groups) {
+                this.groupColumnDefs = groups;
+            }
+            if (columns) {
+                this.columnDefs = columns;
+            }
+            // this.cdr.markForCheck();
+        }));
+    }
+    onHeaderMenuOptionClick(columnDef) {
+    }
+    onHeaderMenuSortClick(colId) {
+        const currentSort = this.sortModel.find(sort => sort.colId === colId)?.sort ?? null;
+        const nextSort = this.cycleSort(currentSort);
+        this.sortModel = nextSort ? [{ colId, sort: nextSort }] : [];
+        this.api.onSortChanged(this.sortModel);
+    }
+    // Cycle Sorting Model
+    cycleSort(current) {
+        switch (current) {
+            case null: return 'asc';
+            case 'asc': return 'desc';
+            case 'desc': return null;
+            default: return null;
+        }
+    }
+    onResizeStart(event, columnIndex) {
+        // Prevent text selection and default behavior
+        event.preventDefault();
+        event.stopPropagation();
+        // Store initial values
+        this.resizing = true;
+        this.resizeColumnIndex = columnIndex;
+        this.startX = event.clientX;
+        this.startWidth = this.columnDefs[columnIndex].width;
+        // Add document-level listeners for drag and release
+        document.addEventListener('mousemove', this.onResizeMove);
+        document.addEventListener('mouseup', this.onResizeEnd);
+        // Add a class to body to maintain cursor during drag
+        document.body.style.cursor = 'col-resize';
+    }
+    // Track the dragged column index
+    onDragColumnStart(event, index) {
+        this.draggedIndex = index;
+        // Optional: Set drag image/effect
+        if (event.dataTransfer) {
+            event.dataTransfer.effectAllowed = 'move';
+        }
+    }
+    onDragColumnOver(event, targetIndex) {
+        event.preventDefault();
+        // Skip if dragging over itself or no drag in progress
+        if (this.draggedIndex === null || this.draggedIndex === targetIndex) {
+            return;
+        }
+        // IMMEDIATELY reorder columns
+        this.api.reorderColumnDefs(this.draggedIndex, targetIndex);
+        // Update draggedIndex to the new position
+        this.draggedIndex = targetIndex;
+    }
+    onDragColumnEnd(event) {
+        this.draggedIndex = null;
+    }
+    onDropColumn(event) {
+        event.preventDefault();
+        this.draggedIndex = null;
+    }
+    /**
+     * Clear All Subscriptions
+     */
+    ngOnDestroy() {
+        this.destroy$.complete();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: OneGridHeaderComponent, deps: [{ token: OneGridEventService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: OneGridHeaderComponent, selector: "one-grid-header", inputs: { scrollLeft: "scrollLeft", allowedEdit: "allowedEdit", enableGroupColumnDefs: "enableGroupColumnDefs", api: "api" }, ngImport: i0, template: "<div class=\"one-grid-header\">\n    @if (enableGroupColumnDefs) {\n        <div class=\"one-group-header-row\" [style.transform]=\"'translateX(-' + scrollLeft + 'px)'\">\n            <ng-container *ngTemplateOutlet=\"groupColumns; context: { groups: groupColumnDefs }\"></ng-container>\n        </div>\n    }\n    <div class=\"one-grid-header-viewport\">\n        <div class=\"one-header-row\" [style.transform]=\"'translateX(-' + scrollLeft + 'px)'\">\n            <ng-container *ngTemplateOutlet=\"headerColumns; context: { columns: columnDefs }\"></ng-container>\n        </div>\n    </div>\n</div>\n\n<!-- Group Header Cell Template -->\n<ng-template #groupColumns let-groups=\"groups\">\n    @for(group of groups; track group.id) {\n        <div class=\"one-group-header-cell\"\n            [style.width.px]=\"group.width\"\n            [ngClass]=\"group._resolvedGroupClass\"\n            [ngStyle]=\"group._resolvedGroupStyle\">\n            <div class=\"one-group-header-cell-text\">\n                {{ group.headerName }}\n            </div>\n        </div>\n    }\n</ng-template>\n\n<!-- Header Cell Template -->\n<ng-template #headerColumns let-columns=\"columns\">\n    @for (col of columns; let colIndex = $index; track col.id) {\n        <div class=\"one-grid-header-column\"\n            [attr.data-index]=\"colIndex\"\n            [style.width.px]=\"col.width\"\n            [style.min-width.px]=\"col.minWidth\"\n            [style.max-width.px]=\"col.maxWidth\"\n            [draggable]=\"col?.dragable\"\n            (dragstart)=\"onDragColumnStart($event, colIndex)\"\n            (dragover)=\"onDragColumnOver($event, colIndex)\"\n            (dragend)=\"onDragColumnEnd($event)\"\n            (drop)=\"onDropColumn($event)\">\n            <div class=\"one-grid-header-cell\"\n                [ngClass]=\"col._resolvedHeaderClass\"\n                [ngStyle]=\"col._resolvedHeaderStyle\"\n                >\n                <span class=\"one-grid-header-cell-group\">\n                    @if (col?.headerCheckboxSelection) {\n                        <one-grid-checkbox-header\n                            [api]=\"api\"\n                            [allowedEdit]=\"allowedEdit\"\n                        />\n                    }\n\n                    {{ col?.headerName ?? '' }}\n                </span>\n\n                <!-- Og Resize Handler -->\n                @if (col?.resizable) {\n                    <div class=\"og-resize-handle\" (mousedown)=\"onResizeStart($event, colIndex)\">\n                        <i class=\"bi bi-grip-vertical\"></i>\n                    </div>\n                }\n\n                <div class=\"one-grid-header-cell-group\">\n\n                    <!-- Sort Menu Button -->\n                    @if (col?.sortable) {\n                        <div class=\"one-grid-header-menu-button\" (click)=\"onHeaderMenuSortClick(col.field)\">\n\n                            @if ((col.field | columnSortState:api.sortModel) === 'asc') {\n                                <lucide-icon name=\"arrow-up-a-z\" [size]=\"16\" [strokeWidth]=\"2\"></lucide-icon>\n                            }\n                            @else if ((col.field | columnSortState:api.sortModel) === 'desc') {\n                                <lucide-icon name=\"arrow-down-z-a\" [size]=\"16\" [strokeWidth]=\"2\"></lucide-icon>\n                            }\n                            @else {\n                                <lucide-icon name=\"arrow-down-up\" [size]=\"16\" [strokeWidth]=\"2\"></lucide-icon>\n                            }\n                        </div>\n                    }\n\n                    <!-- Og Option Menu Button -->\n                    @if (col && !col.suppressHeaderMenuButton) {\n                        <div class=\"one-grid-header-menu-button\" (click)=\"onHeaderMenuOptionClick(col)\">\n                            <i class=\"bi bi-three-dots-vertical\"></i>\n                        </div>\n                    }\n                </div>\n            </div>\n        </div>\n    }\n</ng-template>\n", styles: [""], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i3.LucideAngularComponent, selector: "lucide-angular, lucide-icon, i-lucide, span-lucide", inputs: ["class", "name", "img", "color", "absoluteStrokeWidth", "size", "strokeWidth"] }, { kind: "component", type: OneGridCheckboxHeaderComponent, selector: "one-grid-checkbox-header", inputs: ["api", "allowedEdit"] }, { kind: "pipe", type: ColumnSortStatePipe, name: "columnSortState" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: OneGridHeaderComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: false, selector: 'one-grid-header', template: "<div class=\"one-grid-header\">\n    @if (enableGroupColumnDefs) {\n        <div class=\"one-group-header-row\" [style.transform]=\"'translateX(-' + scrollLeft + 'px)'\">\n            <ng-container *ngTemplateOutlet=\"groupColumns; context: { groups: groupColumnDefs }\"></ng-container>\n        </div>\n    }\n    <div class=\"one-grid-header-viewport\">\n        <div class=\"one-header-row\" [style.transform]=\"'translateX(-' + scrollLeft + 'px)'\">\n            <ng-container *ngTemplateOutlet=\"headerColumns; context: { columns: columnDefs }\"></ng-container>\n        </div>\n    </div>\n</div>\n\n<!-- Group Header Cell Template -->\n<ng-template #groupColumns let-groups=\"groups\">\n    @for(group of groups; track group.id) {\n        <div class=\"one-group-header-cell\"\n            [style.width.px]=\"group.width\"\n            [ngClass]=\"group._resolvedGroupClass\"\n            [ngStyle]=\"group._resolvedGroupStyle\">\n            <div class=\"one-group-header-cell-text\">\n                {{ group.headerName }}\n            </div>\n        </div>\n    }\n</ng-template>\n\n<!-- Header Cell Template -->\n<ng-template #headerColumns let-columns=\"columns\">\n    @for (col of columns; let colIndex = $index; track col.id) {\n        <div class=\"one-grid-header-column\"\n            [attr.data-index]=\"colIndex\"\n            [style.width.px]=\"col.width\"\n            [style.min-width.px]=\"col.minWidth\"\n            [style.max-width.px]=\"col.maxWidth\"\n            [draggable]=\"col?.dragable\"\n            (dragstart)=\"onDragColumnStart($event, colIndex)\"\n            (dragover)=\"onDragColumnOver($event, colIndex)\"\n            (dragend)=\"onDragColumnEnd($event)\"\n            (drop)=\"onDropColumn($event)\">\n            <div class=\"one-grid-header-cell\"\n                [ngClass]=\"col._resolvedHeaderClass\"\n                [ngStyle]=\"col._resolvedHeaderStyle\"\n                >\n                <span class=\"one-grid-header-cell-group\">\n                    @if (col?.headerCheckboxSelection) {\n                        <one-grid-checkbox-header\n                            [api]=\"api\"\n                            [allowedEdit]=\"allowedEdit\"\n                        />\n                    }\n\n                    {{ col?.headerName ?? '' }}\n                </span>\n\n                <!-- Og Resize Handler -->\n                @if (col?.resizable) {\n                    <div class=\"og-resize-handle\" (mousedown)=\"onResizeStart($event, colIndex)\">\n                        <i class=\"bi bi-grip-vertical\"></i>\n                    </div>\n                }\n\n                <div class=\"one-grid-header-cell-group\">\n\n                    <!-- Sort Menu Button -->\n                    @if (col?.sortable) {\n                        <div class=\"one-grid-header-menu-button\" (click)=\"onHeaderMenuSortClick(col.field)\">\n\n                            @if ((col.field | columnSortState:api.sortModel) === 'asc') {\n                                <lucide-icon name=\"arrow-up-a-z\" [size]=\"16\" [strokeWidth]=\"2\"></lucide-icon>\n                            }\n                            @else if ((col.field | columnSortState:api.sortModel) === 'desc') {\n                                <lucide-icon name=\"arrow-down-z-a\" [size]=\"16\" [strokeWidth]=\"2\"></lucide-icon>\n                            }\n                            @else {\n                                <lucide-icon name=\"arrow-down-up\" [size]=\"16\" [strokeWidth]=\"2\"></lucide-icon>\n                            }\n                        </div>\n                    }\n\n                    <!-- Og Option Menu Button -->\n                    @if (col && !col.suppressHeaderMenuButton) {\n                        <div class=\"one-grid-header-menu-button\" (click)=\"onHeaderMenuOptionClick(col)\">\n                            <i class=\"bi bi-three-dots-vertical\"></i>\n                        </div>\n                    }\n                </div>\n            </div>\n        </div>\n    }\n</ng-template>\n" }]
+        }], ctorParameters: () => [{ type: OneGridEventService }, { type: i0.ChangeDetectorRef }], propDecorators: { scrollLeft: [{
+                type: Input
+            }], allowedEdit: [{
+                type: Input
+            }], enableGroupColumnDefs: [{
+                type: Input
+            }], api: [{
+                type: Input
+            }] } });
+
+class CellEditablePipe {
+    transform(cellStates, column, node, editable, updatable, allowedEdit) {
+        if (cellStates) {
+            return (editable(column, node) &&
+                updatable(column, node) &&
+                allowedEdit &&
+                !(column?.cellRendererParams?.validateSelectedRowOnly && !node?.selected) &&
+                ((node?.leaf &&
+                    !(node?.group && node?.leafGroup) &&
+                    !column?.autoGroupField) ||
+                    (!node?.leaf &&
+                        (node?.group || node?.leafGroup) &&
+                        column?.autoGroupField &&
+                        column?.editableLevels?.includes(node.level))));
+        }
+        return false;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CellEditablePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: CellEditablePipe, name: "cellEditable" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CellEditablePipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'cellEditable',
+                    standalone: false
+                }]
+        }] });
+
+class OneGridCheckboxComponent {
+    constructor(selectionService, eventService) {
+        this.selectionService = selectionService;
+        this.eventService = eventService;
+        this.allowedEdit = false;
+        this.onRowSelection = new EventEmitter();
+    }
+    onToggleSelection(event) {
+        const isChecked = event.target.checked;
+        const { rowId, rowIndex, data } = this.node;
+        const selectionMode = this.selectionService.getSelectionMode();
+        if (selectionMode === 'single') {
+            this.api.deselectAll();
+            if (isChecked) {
+                this.node.setSelected(true);
+            }
+            this.api.toggleSelection(rowId, isChecked);
+        }
+        else {
+            // Multi-select mode
+            this.selectionService.toggleSelection(rowId, isChecked);
+            this.node.setSelected(isChecked);
+        }
+        this.node.cellStates = { ...this.node.cellStates };
+        this.eventService.dispatchEvent('selectionChanged', { rowIndex, selected: isChecked, data, node: this.node });
+        this.onRowSelection.emit({ rowIndex, selected: isChecked, data, node: this.node });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: OneGridCheckboxComponent, deps: [{ token: OneGridSelectionService }, { token: OneGridEventService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: OneGridCheckboxComponent, selector: "one-grid-checkbox", inputs: { node: "node", allowedEdit: "allowedEdit", api: "api" }, outputs: { onRowSelection: "onRowSelection" }, ngImport: i0, template: "\n<div class=\"one-grid-checkbox\">\n    <input type=\"checkbox\"\n        [name]=\"node.rowId\"\n        [class.disabled]=\"!(allowedEdit)\"\n        [checked]=\"node.selected\"\n        (change)=\"onToggleSelection($event)\"/>\n</div>", styles: [""] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: OneGridCheckboxComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: false, selector: 'one-grid-checkbox', template: "\n<div class=\"one-grid-checkbox\">\n    <input type=\"checkbox\"\n        [name]=\"node.rowId\"\n        [class.disabled]=\"!(allowedEdit)\"\n        [checked]=\"node.selected\"\n        (change)=\"onToggleSelection($event)\"/>\n</div>" }]
+        }], ctorParameters: () => [{ type: OneGridSelectionService }, { type: OneGridEventService }], propDecorators: { node: [{
+                type: Input
+            }], allowedEdit: [{
+                type: Input
+            }], api: [{
+                type: Input
+            }], onRowSelection: [{
+                type: Output
+            }] } });
+
+class CellDisableResolverPipe {
+    transform(node, column, context, allowedEdit) {
+        if (!column || !node)
+            return false;
+        return resolveOneCellRendererParams(column.disable, {
+            node,
+            data: node.data,
+            columnDef: column,
+            rowIndex: node.rowIndex,
+            context
+        }) || !allowedEdit;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CellDisableResolverPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: CellDisableResolverPipe, name: "cellDisableResolver" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CellDisableResolverPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    standalone: false,
+                    name: 'cellDisableResolver'
+                }]
+        }] });
+
+class OneGridRowActionComponent {
+    constructor() {
+        this.allowedEdit = false;
+        this.masterDetail = false;
+        this.masterNode = null;
+        this.gridType = null;
+        this.context = null;
+        /**
+         * Bind Event to Parent Component
+         */
+        this.onRowGotoDetail = new EventEmitter();
+        this.onRowAddNew = new EventEmitter();
+        this.onRowView = new EventEmitter();
+        this.onRowLocation = new EventEmitter();
+        this.onRowDocument = new EventEmitter();
+        this.onRowCopy = new EventEmitter();
+        this.onRowDelete = new EventEmitter();
+        this.onRowGotoList = new EventEmitter();
+        this.onRowEdit = new EventEmitter();
+        this.onRowPrint = new EventEmitter();
+        this.onRowHistory = new EventEmitter();
+        this.onRowOption = new EventEmitter();
+        this.onRowLanguage = new EventEmitter();
+        this.onRowCellOption = new EventEmitter();
+    }
+    ngOnInit() {
+        this.detailActiveExcludeLevels = new Set(this.column.cellRendererParams?.detailActiveExcludeLevels ?? []);
+        this.gotoDetailExcludeLevels = new Set(this.column.cellRendererParams?.gotoDetailExcludeLevels ?? []);
+        this.addNewExcludeLevels = new Set(this.column.cellRendererParams?.addNewExcludeLevels ?? []);
+    }
+    /**
+     * Trigger Invoke Click Event
+     */
+    invokeRowToggleDetailActiveExpand(node) {
+        node.detailActive = !node.detailActive;
+    }
+    invokeRowActionGotoDetail(node, column) {
+        let data = { node, column, data: node.data, rowIndex: node.rowIndex, gridType: null };
+        if (this.masterDetail) {
+            data = { ...data, gridType: this.gridType, masterNode: this.masterNode };
+        }
+        this.onRowGotoDetail.emit(data);
+    }
+    invokeRowActionAddNew(node, column) {
+        let data = { node, column, data: node.data, rowIndex: node.rowIndex, gridType: null };
+        if (this.masterDetail) {
+            data = { ...data, gridType: this.gridType, masterNode: this.masterNode };
+        }
+        this.onRowAddNew.emit(data);
+    }
+    invokeRowActionView(node, column) {
+        let data = { node, column, data: node.data, rowIndex: node.rowIndex, gridType: null };
+        if (this.masterDetail) {
+            data = { ...data, gridType: this.gridType, masterNode: this.masterNode };
+        }
+        this.onRowView.emit(data);
+    }
+    invokeRowActionLocation(node, column) {
+        let data = { node, column, data: node.data, rowIndex: node.rowIndex, gridType: null };
+        if (this.masterDetail) {
+            data = { ...data, gridType: this.gridType, masterNode: this.masterNode };
+        }
+        this.onRowLocation.emit(data);
+    }
+    invokeRowActionDocument(node, column) {
+        let data = { node, column, data: node.data, rowIndex: node.rowIndex, gridType: null };
+        if (this.masterDetail) {
+            data = { ...data, gridType: this.gridType, masterNode: this.masterNode };
+        }
+        this.onRowDocument.emit(data);
+    }
+    invokeRowActionCopy(node, column) {
+        let data = { node, column, data: node.data, rowIndex: node.rowIndex, gridType: null };
+        if (this.masterDetail) {
+            data = { ...data, gridType: this.gridType, masterNode: this.masterNode };
+        }
+        this.onRowCopy.emit(data);
+    }
+    invokeRowActionDelete(node, column) {
+        let data = { node, column, data: node.data, rowIndex: node.rowIndex, gridType: null };
+        if (this.masterDetail) {
+            data = { ...data, gridType: this.gridType, masterNode: this.masterNode };
+        }
+        this.onRowDelete.emit(data);
+    }
+    invokeRowActionGotoList(node, column) {
+        let data = { node, column, data: node.data, rowIndex: node.rowIndex, gridType: null };
+        if (this.masterDetail) {
+            data = { ...data, gridType: this.gridType, masterNode: this.masterNode };
+        }
+        this.onRowGotoList.emit(data);
+    }
+    invokeRowActionEdit(node, column) {
+        let data = { node, column, data: node.data, rowIndex: node.rowIndex, gridType: null };
+        if (this.masterDetail) {
+            data = { ...data, gridType: this.gridType, masterNode: this.masterNode };
+        }
+        this.onRowEdit.emit(data);
+    }
+    invokeRowActionPrint(node, column) {
+        let data = { node, column, data: node.data, rowIndex: node.rowIndex, gridType: null };
+        if (this.masterDetail) {
+            data = { ...data, gridType: this.gridType, masterNode: this.masterNode };
+        }
+        this.onRowPrint.emit(data);
+    }
+    invokeRowActionHistory(node, column) {
+        let data = { node, column, data: node.data, rowIndex: node.rowIndex, gridType: null };
+        if (this.masterDetail) {
+            data = { ...data, gridType: this.gridType, masterNode: this.masterNode };
+        }
+        this.onRowHistory.emit(data);
+    }
+    invokeRowActionOption(node, column) {
+        let data = { node, column, data: node.data, rowIndex: node.rowIndex, gridType: null };
+        if (this.masterDetail) {
+            data = { ...data, gridType: this.gridType, masterNode: this.masterNode };
+        }
+        this.onRowOption.emit(data);
+    }
+    invokeRowActionLanguage(node, column) {
+        let data = { node, column, data: node.data, rowIndex: node.rowIndex, gridType: null };
+        if (this.masterDetail) {
+            data = { ...data, gridType: this.gridType, masterNode: this.masterNode };
+        }
+        this.onRowLanguage.emit(data);
+    }
+    invokeRowActionCellOption(node, column) {
+        let data = { node, column, data: node.data, rowIndex: node.rowIndex, gridType: null };
+        if (this.masterDetail) {
+            data = { ...data, gridType: this.gridType, masterNode: this.masterNode };
+        }
+        this.onRowCellOption.emit(data);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: OneGridRowActionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: OneGridRowActionComponent, selector: "one-grid-row-action", inputs: { column: "column", node: "node", allowedEdit: "allowedEdit", masterDetail: "masterDetail", masterNode: "masterNode", cellRendererParams: "cellRendererParams", gridType: "gridType", context: "context" }, outputs: { onRowGotoDetail: "onRowGotoDetail", onRowAddNew: "onRowAddNew", onRowView: "onRowView", onRowLocation: "onRowLocation", onRowDocument: "onRowDocument", onRowCopy: "onRowCopy", onRowDelete: "onRowDelete", onRowGotoList: "onRowGotoList", onRowEdit: "onRowEdit", onRowPrint: "onRowPrint", onRowHistory: "onRowHistory", onRowOption: "onRowOption", onRowLanguage: "onRowLanguage", onRowCellOption: "onRowCellOption" }, ngImport: i0, template: "@if ((cellRendererParams && node?.leaf && !column?.autoGroupField && !(node.group && node.leafGroup)) || (column?.rowActionLevels?.includes(node.level) && column?.autoGroupField)) {\n    <div class=\"btn-action-container\">\n\n        <!-- Expansion Button Status -->\n         @if ((cellRendererParams?.detailActiveButtonStatus == 1 && !(detailActiveExcludeLevels?.has(node.level)))) {\n            <a\n                class=\"me-2\"\n                [attr.aria-label]=\"node.detailActive ? 'Collapse row' : 'Expand row'\"\n                [title]=\"node.detailActive ? 'Collapse' : 'Expand'\"\n                (click)=\"invokeRowToggleDetailActiveExpand(node)\">\n\n                <i class=\"bi\" [ngClass]=\"{ 'bi-chevron-down': node.detailActive, 'bi-chevron-right': !node.detailActive }\"></i>\n            </a>\n        }\n\n        <!-- Goto Detail Button Status -->\n        @if ((cellRendererParams?.gotoDetailButtonStatus == 1 && !(gotoDetailExcludeLevels?.has(node.level))) && (!column?.hideActionButton || allowedEdit)) {\n            <button\n                type=\"button\"\n                class=\"btn-action btn-action-primary\"\n                (click)=\"invokeRowActionGotoDetail(node, column)\">\n\n                <i class=\"bi bi-list-task\"></i>\n            </button>\n        }\n\n        <!-- Add New Button Status -->\n        @if ((cellRendererParams?.addNewButtonStatus == 1 && !(addNewExcludeLevels?.has(node.level))) && (!column?.hideActionButton || allowedEdit)) {\n            <button\n                type=\"button\"\n                class=\"btn-action btn-action-primary\"\n                [class.disabled]=\"!allowedEdit\"\n                (click)=\"invokeRowActionAddNew(node, column)\">\n\n                <i class=\"bi bi-plus\"></i>\n            </button>\n        }\n\n        <!-- View Button Status -->\n        @if (cellRendererParams?.viewButtonStatus == 1) {\n            <button\n                type=\"button\"\n                class=\"btn-action btn-action-primary\"\n                (click)=\"invokeRowActionView(node, column)\">\n\n                <i class=\"bi bi-eye\"></i>\n            </button>\n        }\n        @if (cellRendererParams?.locationButtonStatus == 1) {\n            <button\n                type=\"button\"\n                class=\"btn-action btn-action-primary\"\n                (click)=\"invokeRowActionLocation(node, column)\">\n\n                <i class=\"bi bi-geo-alt\"></i>\n            </button>\n        }\n\n        <!-- Document Button Status -->\n        @if (cellRendererParams?.documentButtonStatus == 1) {\n            <button\n                type=\"button\"\n                class=\"btn-action btn-action-primary\"\n                (click)=\"invokeRowActionDocument(node, column)\">\n\n                <i class=\"bi bi-file-earmark-text\"></i>\n            </button>\n        }\n\n        <!-- Copy Button Status -->\n        @if (cellRendererParams?.copyButtonStatus == 1) {\n            <button\n                type=\"button\"\n                class=\"btn-action btn-action-primary\"\n                (click)=\"invokeRowActionCopy(node, column)\">\n\n                <i class=\"bi bi-files\"></i>\n            </button>\n        }\n\n\n        <!-- Delete Button Status -->\n         @if (cellRendererParams?.deleteButtonStatus == 1 && (!column?.hideActionButton || allowedEdit)) {\n            <button\n                type=\"button\"\n                class=\"btn-action btn-action-danger\"\n                [class.disabled]=\"!allowedEdit\"\n                (click)=\"invokeRowActionDelete(node, column)\">\n\n                <i class=\"bi bi-trash3\"></i>\n            </button>\n        }\n\n        <!-- Goto List Button Status -->\n        @if (cellRendererParams?.gotoListButtonStatus === 1) {\n            <button\n                type=\"button\"\n                class=\"btn-action btn-action-success\"\n                (click)=\"invokeRowActionGotoList(node, column)\">\n\n                <i class=\"bi bi-list-ul\"></i>\n            </button>\n        }\n\n        <!-- Edit Button Status -->\n        @if (cellRendererParams?.editButtonStatus === 1) {\n            <button\n                type=\"button\"\n                class=\"btn-action btn-action-primary\"\n                [class.disabled]=\"node | cellDisableResolver:column:context:allowedEdit\"\n                (click)=\"invokeRowActionEdit(node, column)\">\n\n                <i class=\"bi bi-pencil\"></i>\n            </button>\n        }\n\n        <!-- Print Button Status -->\n        @if (cellRendererParams?.printButtonStatus === 1) {\n            <button\n                type=\"button\"\n                class=\"btn-action btn-action-primary\"\n                [class.disabled]=\"node | cellDisableResolver:column:context:allowedEdit\"\n                (click)=\"invokeRowActionPrint(node, column)\">\n\n                <i class=\"bi bi-printer\"></i>\n            </button>\n        }\n\n        <!-- History Button Status -->\n        @if (cellRendererParams?.historyButtonStatus === 1) {\n            <button\n                type=\"button\"\n                class=\"btn-action btn-action-primary\"\n                [class.disabled]=\"node | cellDisableResolver:column:context:allowedEdit\"\n                (click)=\"invokeRowActionHistory(node, column)\">\n\n                <i class=\"bi bi-clock-history\"></i>\n            </button>\n        }\n\n        <!-- Option Button Status -->\n        @if (cellRendererParams?.optionButtonStatus === 1) {\n            <button\n                type=\"button\"\n                class=\"btn-action btn-action-primary\"\n                [class.disabled]=\"node | cellDisableResolver:column:context:allowedEdit\"\n                (click)=\"invokeRowActionOption(node, column)\">\n\n                <i class=\"bi bi-three-dots-vertical\"></i>\n            </button>\n        }\n\n        <!-- Language Button Status -->\n        @if (cellRendererParams?.languageButtonStatus === 1) {\n            <button\n                type=\"button\"\n                class=\"btn-action btn-action-primary\"\n                [class.disabled]=\"node | cellDisableResolver:column:context:allowedEdit\"\n                (click)=\"invokeRowActionLanguage(node, column)\">\n\n                <i class=\"bi bi-translate\"></i>\n            </button>\n        }\n\n        <!-- Cell Optoion Button Status (Context Menu) -->\n        @if (cellRendererParams?.cellOptionButtonStatus === 1) {\n            <button\n                type=\"button\"\n                class=\"btn-action btn-action-primary border-0 text-body\"\n                [style.background]=\"'transparent'\"\n                [class.disabled]=\"node | cellDisableResolver:column:context:allowedEdit\"\n                (click)=\"invokeRowActionCellOption(node, column)\">\n\n                <i class=\"bi bi-three-dots-vertical\"></i>\n            </button>\n        }\n    </div>\n}", styles: [""], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: CellDisableResolverPipe, name: "cellDisableResolver" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: OneGridRowActionComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: false, selector: 'one-grid-row-action', template: "@if ((cellRendererParams && node?.leaf && !column?.autoGroupField && !(node.group && node.leafGroup)) || (column?.rowActionLevels?.includes(node.level) && column?.autoGroupField)) {\n    <div class=\"btn-action-container\">\n\n        <!-- Expansion Button Status -->\n         @if ((cellRendererParams?.detailActiveButtonStatus == 1 && !(detailActiveExcludeLevels?.has(node.level)))) {\n            <a\n                class=\"me-2\"\n                [attr.aria-label]=\"node.detailActive ? 'Collapse row' : 'Expand row'\"\n                [title]=\"node.detailActive ? 'Collapse' : 'Expand'\"\n                (click)=\"invokeRowToggleDetailActiveExpand(node)\">\n\n                <i class=\"bi\" [ngClass]=\"{ 'bi-chevron-down': node.detailActive, 'bi-chevron-right': !node.detailActive }\"></i>\n            </a>\n        }\n\n        <!-- Goto Detail Button Status -->\n        @if ((cellRendererParams?.gotoDetailButtonStatus == 1 && !(gotoDetailExcludeLevels?.has(node.level))) && (!column?.hideActionButton || allowedEdit)) {\n            <button\n                type=\"button\"\n                class=\"btn-action btn-action-primary\"\n                (click)=\"invokeRowActionGotoDetail(node, column)\">\n\n                <i class=\"bi bi-list-task\"></i>\n            </button>\n        }\n\n        <!-- Add New Button Status -->\n        @if ((cellRendererParams?.addNewButtonStatus == 1 && !(addNewExcludeLevels?.has(node.level))) && (!column?.hideActionButton || allowedEdit)) {\n            <button\n                type=\"button\"\n                class=\"btn-action btn-action-primary\"\n                [class.disabled]=\"!allowedEdit\"\n                (click)=\"invokeRowActionAddNew(node, column)\">\n\n                <i class=\"bi bi-plus\"></i>\n            </button>\n        }\n\n        <!-- View Button Status -->\n        @if (cellRendererParams?.viewButtonStatus == 1) {\n            <button\n                type=\"button\"\n                class=\"btn-action btn-action-primary\"\n                (click)=\"invokeRowActionView(node, column)\">\n\n                <i class=\"bi bi-eye\"></i>\n            </button>\n        }\n        @if (cellRendererParams?.locationButtonStatus == 1) {\n            <button\n                type=\"button\"\n                class=\"btn-action btn-action-primary\"\n                (click)=\"invokeRowActionLocation(node, column)\">\n\n                <i class=\"bi bi-geo-alt\"></i>\n            </button>\n        }\n\n        <!-- Document Button Status -->\n        @if (cellRendererParams?.documentButtonStatus == 1) {\n            <button\n                type=\"button\"\n                class=\"btn-action btn-action-primary\"\n                (click)=\"invokeRowActionDocument(node, column)\">\n\n                <i class=\"bi bi-file-earmark-text\"></i>\n            </button>\n        }\n\n        <!-- Copy Button Status -->\n        @if (cellRendererParams?.copyButtonStatus == 1) {\n            <button\n                type=\"button\"\n                class=\"btn-action btn-action-primary\"\n                (click)=\"invokeRowActionCopy(node, column)\">\n\n                <i class=\"bi bi-files\"></i>\n            </button>\n        }\n\n\n        <!-- Delete Button Status -->\n         @if (cellRendererParams?.deleteButtonStatus == 1 && (!column?.hideActionButton || allowedEdit)) {\n            <button\n                type=\"button\"\n                class=\"btn-action btn-action-danger\"\n                [class.disabled]=\"!allowedEdit\"\n                (click)=\"invokeRowActionDelete(node, column)\">\n\n                <i class=\"bi bi-trash3\"></i>\n            </button>\n        }\n\n        <!-- Goto List Button Status -->\n        @if (cellRendererParams?.gotoListButtonStatus === 1) {\n            <button\n                type=\"button\"\n                class=\"btn-action btn-action-success\"\n                (click)=\"invokeRowActionGotoList(node, column)\">\n\n                <i class=\"bi bi-list-ul\"></i>\n            </button>\n        }\n\n        <!-- Edit Button Status -->\n        @if (cellRendererParams?.editButtonStatus === 1) {\n            <button\n                type=\"button\"\n                class=\"btn-action btn-action-primary\"\n                [class.disabled]=\"node | cellDisableResolver:column:context:allowedEdit\"\n                (click)=\"invokeRowActionEdit(node, column)\">\n\n                <i class=\"bi bi-pencil\"></i>\n            </button>\n        }\n\n        <!-- Print Button Status -->\n        @if (cellRendererParams?.printButtonStatus === 1) {\n            <button\n                type=\"button\"\n                class=\"btn-action btn-action-primary\"\n                [class.disabled]=\"node | cellDisableResolver:column:context:allowedEdit\"\n                (click)=\"invokeRowActionPrint(node, column)\">\n\n                <i class=\"bi bi-printer\"></i>\n            </button>\n        }\n\n        <!-- History Button Status -->\n        @if (cellRendererParams?.historyButtonStatus === 1) {\n            <button\n                type=\"button\"\n                class=\"btn-action btn-action-primary\"\n                [class.disabled]=\"node | cellDisableResolver:column:context:allowedEdit\"\n                (click)=\"invokeRowActionHistory(node, column)\">\n\n                <i class=\"bi bi-clock-history\"></i>\n            </button>\n        }\n\n        <!-- Option Button Status -->\n        @if (cellRendererParams?.optionButtonStatus === 1) {\n            <button\n                type=\"button\"\n                class=\"btn-action btn-action-primary\"\n                [class.disabled]=\"node | cellDisableResolver:column:context:allowedEdit\"\n                (click)=\"invokeRowActionOption(node, column)\">\n\n                <i class=\"bi bi-three-dots-vertical\"></i>\n            </button>\n        }\n\n        <!-- Language Button Status -->\n        @if (cellRendererParams?.languageButtonStatus === 1) {\n            <button\n                type=\"button\"\n                class=\"btn-action btn-action-primary\"\n                [class.disabled]=\"node | cellDisableResolver:column:context:allowedEdit\"\n                (click)=\"invokeRowActionLanguage(node, column)\">\n\n                <i class=\"bi bi-translate\"></i>\n            </button>\n        }\n\n        <!-- Cell Optoion Button Status (Context Menu) -->\n        @if (cellRendererParams?.cellOptionButtonStatus === 1) {\n            <button\n                type=\"button\"\n                class=\"btn-action btn-action-primary border-0 text-body\"\n                [style.background]=\"'transparent'\"\n                [class.disabled]=\"node | cellDisableResolver:column:context:allowedEdit\"\n                (click)=\"invokeRowActionCellOption(node, column)\">\n\n                <i class=\"bi bi-three-dots-vertical\"></i>\n            </button>\n        }\n    </div>\n}" }]
+        }], propDecorators: { column: [{
+                type: Input,
+                args: [{ required: true }]
+            }], node: [{
+                type: Input,
+                args: [{ required: true }]
+            }], allowedEdit: [{
+                type: Input,
+                args: [{ required: true }]
+            }], masterDetail: [{
+                type: Input
+            }], masterNode: [{
+                type: Input
+            }], cellRendererParams: [{
+                type: Input
+            }], gridType: [{
+                type: Input
+            }], context: [{
+                type: Input
+            }], onRowGotoDetail: [{
+                type: Output
+            }], onRowAddNew: [{
+                type: Output
+            }], onRowView: [{
+                type: Output
+            }], onRowLocation: [{
+                type: Output
+            }], onRowDocument: [{
+                type: Output
+            }], onRowCopy: [{
+                type: Output
+            }], onRowDelete: [{
+                type: Output
+            }], onRowGotoList: [{
+                type: Output
+            }], onRowEdit: [{
+                type: Output
+            }], onRowPrint: [{
+                type: Output
+            }], onRowHistory: [{
+                type: Output
+            }], onRowOption: [{
+                type: Output
+            }], onRowLanguage: [{
+                type: Output
+            }], onRowCellOption: [{
+                type: Output
+            }] } });
+
+class OneGridCellGroupRendererComponent {
+    constructor() {
+        this.masterDetail = false;
+        this.expansionChanged = new EventEmitter();
+    }
+    invokeChangedClick() {
+        // if (this.masterDetail && !this.node.expanded) {
+        //   this.detailCellRendererParams.getDetailRowData({ data: this.node.data, node: this.node, successCallback: (rows) => { this.node.setDetailRowData(rows) }});
+        // }
+        this.expansionChanged.emit({ rowIndex: this.node.rowIndex, data: this.node.data, node: this.node });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: OneGridCellGroupRendererComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: OneGridCellGroupRendererComponent, selector: "one-grid-cell-group-renderer", inputs: { node: "node", masterDetail: "masterDetail", detailCellRendererParams: "detailCellRendererParams", detailRendererComponent: "detailRendererComponent" }, outputs: { expansionChanged: "expansionChanged" }, ngImport: i0, template: "@if (node.expandable) {\n    <span class=\"cell-group-renderer\" [style.padding-left.px]=\"6\" (click)=\"invokeChangedClick()\">\n        @if (node.children?.length > 0 || masterDetail) {\n            <i [class.node-expanded]=\"node.expanded\" class=\"bi bi-chevron-right expansion-icon\"></i>\n        }\n    </span>\n}\n", styles: [""] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: OneGridCellGroupRendererComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: false, selector: 'one-grid-cell-group-renderer', template: "@if (node.expandable) {\n    <span class=\"cell-group-renderer\" [style.padding-left.px]=\"6\" (click)=\"invokeChangedClick()\">\n        @if (node.children?.length > 0 || masterDetail) {\n            <i [class.node-expanded]=\"node.expanded\" class=\"bi bi-chevron-right expansion-icon\"></i>\n        }\n    </span>\n}\n" }]
+        }], propDecorators: { node: [{
+                type: Input
+            }], masterDetail: [{
+                type: Input
+            }], detailCellRendererParams: [{
+                type: Input
+            }], detailRendererComponent: [{
+                type: Input
+            }], expansionChanged: [{
+                type: Output
+            }] } });
+
+class OneCellInputValidatorDirective {
+    constructor(el) {
+        this.el = el;
+        this.regex = '';
+        this.MAX_CODE_LENGTH = 36;
+        this.KHMER_CHARACTER_RANGE = /[\u1780-\u17FF]/;
+    }
+    onKeyPress(event) {
+        let isValid = false;
+        const char = event.key;
+        const inputElement = this.el.nativeElement;
+        switch (this.validationType) {
+            case 'disabled':
+                event.preventDefault();
+                return;
+            case 'integer':
+                isValid = /^\d+$/.test(char);
+                break;
+            case 'code':
+                isValid = /[a-zA-Z\d]/.test(char);
+                if (isValid) {
+                    event.preventDefault();
+                    if (inputElement.value.length < this.MAX_CODE_LENGTH) {
+                        inputElement.value += char.toUpperCase();
+                    }
+                }
+                return;
+            case 'title':
+                isValid = /^[a-zA-Z\s\d]+$/.test(char) || this.KHMER_CHARACTER_RANGE.test(char);
+                break;
+            case 'number':
+                isValid = /^[0-9.]$/.test(char) && !(char === '.' && inputElement.value.includes('.'));
+                break;
+            case 'regex':
+                isValid = this.regex ? new RegExp(this.regex).test(char) : false;
+                break;
+            default:
+                isValid = true;
+        }
+        if (!isValid) {
+            event.preventDefault();
+        }
+    }
+    onKeyDown(event) {
+        if (this.validationType === 'disabled') {
+            event.preventDefault();
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: OneCellInputValidatorDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.12", type: OneCellInputValidatorDirective, selector: "[oneCellInputValidator]", inputs: { validationType: "validationType", regex: "regex" }, host: { listeners: { "keypress": "onKeyPress($event)", "keydown": "onKeyDown($event)" } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: OneCellInputValidatorDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    standalone: false,
+                    selector: '[oneCellInputValidator]'
+                }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { validationType: [{
+                type: Input
+            }], regex: [{
+                type: Input
+            }], onKeyPress: [{
+                type: HostListener,
+                args: ['keypress', ['$event']]
+            }], onKeyDown: [{
+                type: HostListener,
+                args: ['keydown', ['$event']]
+            }] } });
+
+class OneCellRendererComponentDirective {
+    constructor(vcr) {
+        this.vcr = vcr;
+        this.initialized = false;
+    }
+    ngOnInit() {
+        this.initialized = true;
+        this.createOrUpdateComponent(true);
+    }
+    ngOnChanges(changes) {
+        if (!this.initialized)
+            return;
+        const componentChanged = changes['cellRendererComponent'];
+        const paramsChanged = changes['params'];
+        if (componentChanged) {
+            this.destroyComponent();
+            this.createOrUpdateComponent(true);
+        }
+        else if (paramsChanged) {
+            this.updateComponentInputs();
+        }
+    }
+    createOrUpdateComponent(forceCreate = false) {
+        if (!this.cellRendererComponent)
+            return;
+        if (forceCreate || !this.compRef) {
+            this.vcr.clear();
+            this.compRef = this.vcr.createComponent(this.cellRendererComponent);
+        }
+        this.updateComponentInputs();
+    }
+    updateComponentInputs() {
+        if (!this.compRef?.instance)
+            return;
+        const instance = this.compRef.instance;
+        if (typeof instance.oneInit === 'function') {
+            const newParams = { ...this.params };
+            newParams.value = getFieldValue(this.params.data, this.params?.columnDef?.field) ?? null;
+            instance.oneInit(newParams);
+        }
+        else {
+            Object.assign(instance, this.params);
+        }
+        // Optional: call change detector if needed
+        // if (this.compRef.changeDetectorRef) {
+        //   this.compRef.changeDetectorRef.detectChanges();
+        // }
+    }
+    destroyComponent() {
+        if (this.compRef) {
+            this.compRef.destroy();
+            this.compRef = undefined;
+        }
+    }
+    ngOnDestroy() {
+        this.destroyComponent();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: OneCellRendererComponentDirective, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.12", type: OneCellRendererComponentDirective, selector: "[oneCellRendererComponent]", inputs: { cellRendererComponent: "cellRendererComponent", params: "params" }, usesOnChanges: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: OneCellRendererComponentDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    standalone: false,
+                    selector: '[oneCellRendererComponent]'
+                }]
+        }], ctorParameters: () => [{ type: i0.ViewContainerRef }], propDecorators: { cellRendererComponent: [{
+                type: Input,
+                args: [{ required: true }]
+            }], params: [{
+                type: Input,
+                args: [{ required: true }]
+            }] } });
+
+class OneCellTextExpandDirective {
+    constructor(cell, renderer) {
+        this.cell = cell;
+        this.renderer = renderer;
+        this.overflowing = false;
+        this.lastText = null;
+    }
+    ngAfterViewInit() {
+        this.checkOverflow();
+        this.lastText = this.cell.nativeElement.textContent;
+    }
+    ngAfterViewChecked() {
+        const currentText = this.cell.nativeElement.textContent;
+        if (this.lastText !== currentText) {
+            this.lastText = currentText;
+            this.checkOverflow();
+            this.collapse();
+        }
+    }
+    ngOnDestroy() {
+        clearTimeout(this.timer);
+        this.collapse();
+    }
+    checkOverflow() {
+        const cell = this.cell.nativeElement;
+        this.overflowing = cell.scrollWidth > cell.clientWidth;
+    }
+    onResize() {
+        this.checkOverflow();
+    }
+    onMouseEnter() {
+        if (!this.overflowing)
+            return;
+        this.timer = setTimeout(() => this.expand(), 800);
+    }
+    onMouseLeave() {
+        clearTimeout(this.timer);
+        this.collapse();
+    }
+    expand() {
+        const cell = this.cell.nativeElement;
+        this.renderer.setStyle(cell, 'overflow', 'visible');
+        this.renderer.setStyle(cell, 'text-overflow', 'unset');
+        this.renderer.setStyle(cell, 'z-index', '1000');
+        this.renderer.setStyle(cell, 'background', 'var(--ins-card-bg)');
+        this.renderer.setStyle(cell, 'white-space', 'nowrap');
+        this.renderer.setStyle(cell, 'transition', 'width 0.3s ease');
+        this.renderer.setStyle(cell, 'padding', '4px 8px');
+        this.renderer.setStyle(cell, 'border-radius', '4px');
+    }
+    collapse() {
+        const cell = this.cell.nativeElement;
+        this.renderer.setStyle(cell, 'white-space', 'nowrap');
+        this.renderer.setStyle(cell, 'overflow', 'hidden');
+        this.renderer.setStyle(cell, 'text-overflow', 'ellipsis');
+        this.renderer.removeStyle(cell, 'z-index');
+        this.renderer.removeStyle(cell, 'background');
+        this.renderer.removeStyle(cell, 'padding');
+        this.renderer.removeStyle(cell, 'border-radius');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: OneCellTextExpandDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.12", type: OneCellTextExpandDirective, selector: "[oneCellTextExpand]", host: { listeners: { "window:resize": "onResize()", "mouseenter": "onMouseEnter()", "mouseleave": "onMouseLeave()" } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: OneCellTextExpandDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    standalone: false,
+                    selector: '[oneCellTextExpand]'
+                }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }], propDecorators: { onResize: [{
+                type: HostListener,
+                args: ['window:resize']
+            }], onMouseEnter: [{
+                type: HostListener,
+                args: ['mouseenter']
+            }], onMouseLeave: [{
+                type: HostListener,
+                args: ['mouseleave']
+            }] } });
+
+class OneGridCellOptionMenuComponent {
+    constructor(elementRef) {
+        this.elementRef = elementRef;
+        this.column = null;
+        this.node = null;
+        this.options = [];
+        this.cellOptionMenuSelect = new EventEmitter();
+        this.cellOptionMenuClose = new EventEmitter();
+    }
+    // Click outside
+    onDocumentClick(event) {
+        const target = event.target;
+        if (!this.elementRef.nativeElement.contains(target)) {
+            this.close();
+        }
+    }
+    // Escape key
+    onEscape() {
+        this.close();
+    }
+    // Scroll closes menu (prevents misalignment)
+    onScroll() {
+        this.close();
+    }
+    // Option selected
+    onOptionSelected(option) {
+        this.cellOptionMenuSelect.emit({
+            column: this.column,
+            node: this.node,
+            option: option
+        });
+        this.close();
+    }
+    // Single close method
+    close() {
+        this.node.cellOptions[this.column.field] = false;
+        this.cellOptionMenuClose.emit();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: OneGridCellOptionMenuComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: OneGridCellOptionMenuComponent, selector: "one-grid-cell-option-menu", inputs: { column: "column", node: "node", options: "options" }, outputs: { cellOptionMenuSelect: "cellOptionMenuSelect", cellOptionMenuClose: "cellOptionMenuClose" }, host: { listeners: { "document:click": "onDocumentClick($event)", "document:keydown.escape": "onEscape()", "document:scroll": "onScroll()" } }, ngImport: i0, template: "<div class=\"cell-option-menu\" #menuEl>\n    @for (opt of options; track opt.value) {\n        <div class=\"cell-option-menu-item\" (click)=\"onOptionSelected(opt)\">\n            <!-- <span [style.padding-right.px]=\"8\"><lucide-icon name=\"check\" [size]=\"16\" [strokeWidth]=\"2\"></lucide-icon></span> -->\n            <span>{{ opt.text }}</span> \n        </div>\n    }\n</div>", styles: [""] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: OneGridCellOptionMenuComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'one-grid-cell-option-menu', standalone: false, template: "<div class=\"cell-option-menu\" #menuEl>\n    @for (opt of options; track opt.value) {\n        <div class=\"cell-option-menu-item\" (click)=\"onOptionSelected(opt)\">\n            <!-- <span [style.padding-right.px]=\"8\"><lucide-icon name=\"check\" [size]=\"16\" [strokeWidth]=\"2\"></lucide-icon></span> -->\n            <span>{{ opt.text }}</span> \n        </div>\n    }\n</div>" }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { column: [{
+                type: Input
+            }], node: [{
+                type: Input
+            }], options: [{
+                type: Input
+            }], cellOptionMenuSelect: [{
+                type: Output
+            }], cellOptionMenuClose: [{
+                type: Output
+            }], onDocumentClick: [{
+                type: HostListener,
+                args: ['document:click', ['$event']]
+            }], onEscape: [{
+                type: HostListener,
+                args: ['document:keydown.escape']
+            }], onScroll: [{
+                type: HostListener,
+                args: ['document:scroll']
+            }] } });
+
+class CellInvalidPipe {
+    transform(cellStates, value, column, node, allowedEdit, submitted) {
+        if (!column.validationRules?.length) {
+            return false;
+        }
+        return getCellError(column, node, value, node.data) !== null && !(node.editing[column.field]) && !(column?.cellRendererParams?.validateSelectedRowOnly && !node?.selected) && allowedEdit && submitted;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CellInvalidPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: CellInvalidPipe, name: "cellInvalid" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CellInvalidPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    standalone: false,
+                    name: 'cellInvalid'
+                }]
+        }] });
+
+class CellSelectedPipe {
+    transform(selectedCells, rowId, field) {
+        if (!selectedCells)
+            return false;
+        return selectedCells.has(getCellKey(rowId, field));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CellSelectedPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: CellSelectedPipe, name: "cellSelected" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CellSelectedPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    standalone: false,
+                    name: 'cellSelected'
+                }]
+        }] });
+
+class CellActionButtonEnablePipe {
+    transform(params) {
+        if (!params) {
+            return false;
+        }
+        const statusValues = Object.values(params);
+        return statusValues.some(status => status === 1);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CellActionButtonEnablePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: CellActionButtonEnablePipe, name: "cellActionButtonEnable" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CellActionButtonEnablePipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    standalone: false,
+                    name: 'cellActionButtonEnable'
+                }]
+        }] });
+
+class CellKeyPipe {
+    transform(rowId, field) {
+        if (!rowId || !field) {
+            return '';
+        }
+        return getCellKey(rowId, field);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CellKeyPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: CellKeyPipe, name: "cellKey" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CellKeyPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    standalone: false,
+                    name: 'cellKey'
+                }]
+        }] });
+
+class CellLevelPaddingPipe {
+    transform(level, factor) {
+        level += 1;
+        return level * factor;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CellLevelPaddingPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: CellLevelPaddingPipe, name: "cellLevelPadding" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CellLevelPaddingPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    standalone: false,
+                    name: 'cellLevelPadding'
+                }]
+        }] });
+
+class CellStateRendererPipe {
+    transform(cellStates, field) {
+        const value = cellStates?.[field]?.value;
+        if (value === null || value === undefined) {
+            return null;
+        }
+        if (typeof value === 'string' && value.trim() === '') {
+            return null;
+        }
+        return value;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CellStateRendererPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: CellStateRendererPipe, name: "cellStateRenderer" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CellStateRendererPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    standalone: false,
+                    name: 'cellStateRenderer'
+                }]
+        }] });
+
+class OneGridBodyComponent {
+    constructor(colService, cellService, eventService, cdr) {
+        this.colService = colService;
+        this.cellService = cellService;
+        this.eventService = eventService;
+        this.cdr = cdr;
+        this.rowData = [];
+        this.pagination = false;
+        this.allowedEdit = true;
+        this.enableGroupColumnDefs = false;
+        this.submitted = false;
+        this.context = null;
+        this.columnDefs = [];
+        this.cellRenderer = false;
+        /**
+         * Master Detail Properties
+         */
+        this.gridType = 'simple';
+        this.masterDetail = false;
+        this.masterNode = null;
+        // @Input() detailRowHeight: number = null;
+        // @Input() detailRowAutoHeight: boolean = false;
+        this.detailRowMaxHeight = null;
+        this.detailGridTemplate = null;
+        /**
+         * Tree Data Properties
+         */
+        this.treeData = false;
+        this.groupDefaultExpanded = -1; // It's work with master detail also
+        /**
+         * Passing Row Action Events to Parent
+         */
+        this.onRowGotoDetail = new EventEmitter();
+        this.onRowAddNew = new EventEmitter();
+        this.onRowView = new EventEmitter();
+        this.onRowCopy = new EventEmitter();
+        this.onRowLocation = new EventEmitter();
+        this.onRowDocument = new EventEmitter();
+        this.onRowDelete = new EventEmitter();
+        this.onRowGotoList = new EventEmitter();
+        this.onRowEdit = new EventEmitter();
+        this.onRowPrint = new EventEmitter();
+        this.onRowHistory = new EventEmitter();
+        this.onRowOption = new EventEmitter();
+        this.onRowLanguage = new EventEmitter();
+        this.onRowCellOption = new EventEmitter();
+        this.onRowSelection = new EventEmitter();
+        this.onShiftDoubleClick = new EventEmitter();
+        this.rowCountChanged = new EventEmitter();
+        this.expansionChanged = new EventEmitter();
+        this.bodyScroll = new EventEmitter();
+        this.cellOptionSelect = new EventEmitter();
+        /**
+         * Selection Range Variables
+         */
+        this.rowWidth = 0;
+        this.nodes = [];
+        this.selectedCells = new Set();
+        this.isMouseDown = false;
+        this.startCell = null;
+        this.lastScrollLeft = 0;
+        this.cellEditablePipe = new CellEditablePipe();
+        this.subscriptions = new Subscription();
+        this.cellRendererParams = {
+            gotoDetailButtonStatus: 1,
+            addNewButtonStatus: 1,
+            viewButtonStatus: 1,
+            locationButtonStatus: 1,
+            documentButtonStatus: 1,
+            copyButtonStatus: 1,
+            deleteButtonStatus: 1,
+            gotoListButtonStatus: 1,
+            optionButtonStatus: 1,
+            languageButtonStatus: 1,
+            editButtonStatus: 1,
+            printButtonStatus: 1,
+            historyButtonStatus: 1,
+        };
+        /**
+         * Virtual Scroll Properties
+         */
+        this.itemSize = 30;
+        this.minBufferPx = 200;
+        this.maxBufferPx = 400;
+    }
+    ngOnInit() {
+        /**
+         * Listen Grid Copy Event
+         */
+        this.subscriptions.add(this.gridCopy$.subscribe((event) => {
+            this.onGridCopy(event);
+        }));
+        /**
+         * Listen Column Changed Event
+         */
+        this.subscriptions.add(this.eventService.addEventListener('columnChanged', (payload) => {
+            this.columnDefs = [...payload.columns];
+            this.cellRenderer = this.columnDefs.some(col => col.cellRendererComponent);
+            this.rowWidth = this.columnDefs.reduce((sum, col) => sum + (col.width ? col.width > col.maxWidth ? col.maxWidth : col.width < col.minWidth ? col.minWidth : col.width : col.minWidth), 0);
+            this.cdr.markForCheck();
+        }));
+        /**
+         * Listen Row Data Changed Event
+         */
+        this.subscriptions.add(this.eventService.addEventListener('rowDataChanged', ({ nodes }) => {
+            this.rowCountChanged.emit(nodes?.length ?? 0);
+            setTimeout(() => {
+                this.viewport?.checkViewportSize();
+                this.setVirtualScroll(nodes?.length);
+                if (this.masterDetail) {
+                    this.nodes = nodes.map((node) => {
+                        if (node.leaf && this.detailRendererComponent) {
+                            node.detailRendererComponent = this.detailRendererComponent;
+                        }
+                        if (node.expanded) {
+                            this.api.setDetailRowData(node, [...node.detailRowData]);
+                        }
+                        return node;
+                    });
+                }
+                else {
+                    this.nodes = nodes;
+                }
+                this.cdr.markForCheck();
+            });
+        }));
+        /**
+         * Listen Sort Changed Event
+         */
+        this.subscriptions.add(this.eventService.addEventListener('sortChanged', ({ nodes }) => {
+            this.nodes = nodes;
+            this.cdr.markForCheck();
+        }));
+        /**
+         * Listen Selection Changed Event
+         */
+        this.subscriptions.add(this.eventService.addEventListener('selectionChanged', (payload) => {
+            if (payload) {
+                this.cdr.markForCheck();
+            }
+        }));
+    }
+    onGridReady(params) {
+        params.api.setRowData(this.masterNode?.detailRowData ?? []);
+    }
+    onBodyScroll(event) {
+        const scrollLeft = event.target.scrollLeft;
+        if (scrollLeft !== this.lastScrollLeft) {
+            this.lastScrollLeft = scrollLeft;
+            this.bodyScroll.emit(scrollLeft);
+            return;
+        }
+    }
+    /**
+     * Track Rendering Row Node By Row ID
+     */
+    trackByRowId(index, node) {
+        return node.rowId;
+    }
+    /**
+     * Cell Selection Range Feature
+     */
+    startSelection(rowId, field) {
+        this.isMouseDown = true;
+        this.startCell = { rowId, field };
+        this.selectedCells.clear();
+        this.selectedCells = new Set(this.selectedCells).add(getCellKey(rowId, field));
+    }
+    extendSelection(rowId, field) {
+        if (!this.isMouseDown || !this.startCell)
+            return;
+        const rows = this.nodes; // already sorted
+        const startRowIndex = rows.findIndex(r => r.rowId === this.startCell.rowId);
+        const endRowIndex = rows.findIndex(r => r.rowId === rowId);
+        if (startRowIndex === -1 || endRowIndex === -1)
+            return;
+        const colStartIndex = this.columnDefs.findIndex(c => c.field === this.startCell.field);
+        const colEndIndex = this.columnDefs.findIndex(c => c.field === field);
+        if (colStartIndex === -1 || colEndIndex === -1)
+            return;
+        const rowStart = Math.min(startRowIndex, endRowIndex);
+        const rowEnd = Math.max(startRowIndex, endRowIndex);
+        const colStart = Math.min(colStartIndex, colEndIndex);
+        const colEnd = Math.max(colStartIndex, colEndIndex);
+        const next = new Set();
+        for (let r = rowStart; r <= rowEnd; r++) {
+            for (let c = colStart; c <= colEnd; c++) {
+                next.add(getCellKey(rows[r].rowId, this.columnDefs[c].field));
+            }
+        }
+        this.selectedCells = next;
+    }
+    endSelection() {
+        this.isMouseDown = false;
+        this.startCell = null;
+    }
+    /**
+     * Clear Cells Selected
+     */
+    onDocumentClick(event) {
+        if (this.bodyRef?.nativeElement) {
+            const clickedInside = this.bodyRef.nativeElement.contains(event.target);
+            if (!clickedInside) {
+                this.selectedCells.clear();
+            }
+        }
+    }
+    /**
+     * Selection Range Event Hold Mouse Click
+     */
+    onGlobalMouseUp() {
+        this.endSelection();
+    }
+    /**
+     * Listen Copy Clipboard Event
+     */
+    onGridCopy(event) {
+        event.preventDefault();
+        if (this.selectedCells.size > 0) {
+            const text = this.buildClipboardText();
+            event.clipboardData?.setData('text/plain', text);
+            this.selectedCells.forEach(cellId => {
+                const cellElement = document.querySelector(`[data-cell-id="${cellId}"]`);
+                if (cellElement) {
+                    cellElement.classList.add('one-cell-copied');
+                    setTimeout(() => cellElement.classList.remove('one-cell-copied'), 400);
+                }
+            });
+        }
+    }
+    copyToClipboard(value) {
+        if (navigator.clipboard?.writeText) {
+            navigator.clipboard.writeText(value);
+        }
+        else {
+            // Fallback (Safari / older browsers)
+            const textarea = document.createElement('textarea');
+            textarea.value = value;
+            textarea.style.position = 'fixed';
+            textarea.style.opacity = '0';
+            document.body.appendChild(textarea);
+            textarea.select();
+            document.execCommand('copy');
+            document.body.removeChild(textarea);
+        }
+    }
+    /**
+     * Build Copy Cell Text to Clipboard
+     */
+    buildClipboardText() {
+        if (!this.selectedCells.size)
+            return '';
+        // Parse selected cells
+        const selected = Array.from(this.selectedCells).map(key => {
+            const [rowId, field] = key.split('--');
+            return { rowId, field };
+        });
+        // Resolve visual row indexes from displayedRows
+        const rowIndexes = selected
+            .map(s => this.nodes.findIndex(r => r.rowId === s.rowId))
+            .filter(i => i !== -1);
+        const colIndexes = selected
+            .map(s => this.columnDefs.findIndex(c => c.field === s.field))
+            .filter(i => i !== -1);
+        if (!rowIndexes.length || !colIndexes.length)
+            return '';
+        const rowStart = Math.min(...rowIndexes);
+        const rowEnd = Math.max(...rowIndexes);
+        const colStart = Math.min(...colIndexes);
+        const colEnd = Math.max(...colIndexes);
+        const selectedFields = this.columnDefs
+            .slice(colStart, colEnd + 1)
+            .map(c => c.field);
+        const clipboardLines = [];
+        for (let r = rowStart; r <= rowEnd; r++) {
+            const row = this.nodes[r];
+            const line = selectedFields
+                .map(field => {
+                const key = `${row.rowId}--${field}`;
+                if (!this.selectedCells.has(key)) {
+                    return '';
+                }
+                const value = getFieldValue(row.data, field);
+                return value ?? '';
+            }).join('\t');
+            clipboardLines.push(line);
+        }
+        return clipboardLines.join('\n');
+    }
+    /**
+     * Binding Events Row Action to Parent
+     */
+    invokeRowActionGotoDetail(event) {
+        this.onRowGotoDetail.emit(event);
+    }
+    invokeRowActionAddNew(event) {
+        this.onRowAddNew.emit(event);
+    }
+    invokeRowActionView(event) {
+        this.onRowView.emit(event);
+    }
+    invokeRowActionLocation(event) {
+        this.onRowLocation.emit(event);
+    }
+    invokeRowActionDocument(event) {
+        this.onRowDocument.emit(event);
+    }
+    invokeRowActionCopy(event) {
+        this.onRowCopy.emit(event);
+    }
+    invokeRowActionDelete(event) {
+        this.onRowDelete.emit(event);
+    }
+    invokeRowActionGotoList(event) {
+        this.onRowGotoList.emit(event);
+    }
+    invokeRowActionEdit(event) {
+        this.onRowEdit.emit(event);
+    }
+    invokeRowActionPrint(event) {
+        this.onRowPrint.emit(event);
+    }
+    invokeRowActionHistory(event) {
+        this.onRowHistory.emit(event);
+    }
+    invokeRowActionOption(event) {
+        this.onRowOption.emit(event);
+    }
+    invokeRowActionLanguage(event) {
+        this.onRowLanguage.emit(event);
+    }
+    invokeRowActionCellOption(event) {
+        this.onRowCellOption.emit(event);
+    }
+    invokeRowActionSelection(event) {
+        this.onRowSelection.emit(event);
+    }
+    invokeExpansionChangedClick(event) {
+        this.expansionChanged.emit(event);
+    }
+    cellOptionMenuSelected(event) {
+        this.cellOptionSelect.emit(event);
+    }
+    /**
+     * Special Events
+     */
+    invokeShiftDoubleClick(node, column) {
+        let event = { node, column, data: node.data, rowIndex: node.rowIndex, gridType: null };
+        if (this.masterDetail) {
+            event = { ...event, gridType: this.gridType, masterNode: this.masterNode };
+        }
+        this.onShiftDoubleClick.emit(event);
+    }
+    /**
+     * Cell Edit Feature
+     */
+    startEdit(event, node, column) {
+        const target = event.target;
+        if (target.tagName.toLowerCase() === 'i') {
+            return;
+        }
+        if (event.shiftKey) {
+            this.invokeShiftDoubleClick(node, column);
+            return;
+        }
+        if (!this.cellEditablePipe.transform(node.cellStates, column, node, this.cellService.editableFn, this.cellService.updatableFn, this.allowedEdit)) {
+            this.selectedCells.clear();
+            const cellKey = getCellKey(node.rowId, column.field);
+            this.selectedCells.add(cellKey);
+            return;
+        }
+        let rowNode = this.api.getRowNodeById(node.rowId);
+        if (rowNode) {
+            rowNode.editing[column.field] = true;
+            setTimeout(() => {
+                const input = document.querySelector(`[data-cell-id="${getCellKey(node.rowId, column.field)}"] input`);
+                if (input) {
+                    input.focus();
+                    const value = input.value;
+                    if (value && ["text"].includes(input.type)) {
+                        input.setSelectionRange(value.length, value.length);
+                    }
+                }
+            }, 10);
+        }
+    }
+    /**
+     * Save Cell Edit Mode
+     */
+    stopEdit(node, column, event) {
+        let rowNode = this.api.getRowNodeById(node.rowId);
+        if (rowNode) {
+            event.preventDefault();
+            event.stopPropagation();
+            const value = event.target.value ?? '';
+            this.setCellValueByRowId(node.rowId, column, value);
+            rowNode.cellStates = this.cellService.generateCellStates(rowNode);
+            rowNode.editing[column.field] = false;
+            this.eventService.dispatchEvent('cellStateChanged', {
+                data: rowNode.data,
+                node: rowNode,
+                column: column
+            });
+        }
+    }
+    /**
+     * Cancel Cell Edit Mode
+     */
+    cancelEdit(node, column) {
+        let rowNode = this.api.getRowNodeById(node.rowId);
+        if (rowNode) {
+            rowNode.editing[column.field] = false;
+        }
+    }
+    /**
+     * Set Cell Value
+     */
+    setCellValueByRowId(rowId, column, value) {
+        const node = this.api.getRowNodeById(rowId);
+        if (node && column.field) {
+            if (column?.cellRendererParams?.inputType !== 'number') {
+                node.data[column.field] = value === '' ? null : value;
+            }
+            else {
+                node.data[column.field] = value === '' ? null : Number(value);
+            }
+        }
+    }
+    /**
+     * Virtual Scroll Properties
+     */
+    setVirtualScroll(items = 0) {
+        this.minBufferPx = this.itemSize * items * 1.5;
+        this.maxBufferPx = this.minBufferPx * 2;
+    }
+    /**
+     * Unsubscribe All Subscriptions
+     */
+    ngOnDestroy() {
+        this.subscriptions.unsubscribe();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: OneGridBodyComponent, deps: [{ token: OgColumnService }, { token: OneGridCellService }, { token: OneGridEventService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: OneGridBodyComponent, selector: "one-grid-body", inputs: { rowData: "rowData", rowNumber: "rowNumber", api: "api", pagination: "pagination", allowedEdit: "allowedEdit", enableGroupColumnDefs: "enableGroupColumnDefs", submitted: "submitted", context: "context", getRowId: "getRowId", gridCopy$: "gridCopy$", gridType: "gridType", masterDetail: "masterDetail", masterNode: "masterNode", detailRowMaxHeight: "detailRowMaxHeight", detailCellRendererParams: "detailCellRendererParams", detailGridTemplate: "detailGridTemplate", detailRendererComponent: "detailRendererComponent", treeData: "treeData", treeDataChildrenField: "treeDataChildrenField", autoGroupColumnDef: "autoGroupColumnDef", groupDefaultExpanded: "groupDefaultExpanded" }, outputs: { onRowGotoDetail: "onRowGotoDetail", onRowAddNew: "onRowAddNew", onRowView: "onRowView", onRowCopy: "onRowCopy", onRowLocation: "onRowLocation", onRowDocument: "onRowDocument", onRowDelete: "onRowDelete", onRowGotoList: "onRowGotoList", onRowEdit: "onRowEdit", onRowPrint: "onRowPrint", onRowHistory: "onRowHistory", onRowOption: "onRowOption", onRowLanguage: "onRowLanguage", onRowCellOption: "onRowCellOption", onRowSelection: "onRowSelection", onShiftDoubleClick: "onShiftDoubleClick", rowCountChanged: "rowCountChanged", expansionChanged: "expansionChanged", bodyScroll: "bodyScroll", cellOptionSelect: "cellOptionSelect" }, host: { listeners: { "document:click": "onDocumentClick($event)", "document:mouseup": "onGlobalMouseUp()" } }, viewQueries: [{ propertyName: "bodyRef", first: true, predicate: ["bodyRef"], descendants: true, static: true }, { propertyName: "viewport", first: true, predicate: CdkVirtualScrollViewport, descendants: true }], ngImport: i0, template: "<div #bodyRef class=\"one-grid-body\">\n    <cdk-virtual-scroll-viewport\n        class=\"one-grid-body-viewport\"\n        [itemSize]=\"itemSize\"\n        [minBufferPx]=\"minBufferPx\"\n        [maxBufferPx]=\"maxBufferPx\"\n        (scroll)=\"onBodyScroll($event)\">\n\n        <ng-container *cdkVirtualFor=\"let node of nodes; trackBy: trackByRowId;\">\n            \n            <div class=\"one-row\" [attr.data-row-id]=\"node.rowId\" [class.one-row-selected]=\"node.selected\">\n                @for (col of columnDefs; track col.field;) {\n                    <ng-container [ngTemplateOutlet]=\"cellTemplate\" [ngTemplateOutletContext]=\"{ node, rowIndex: node.rowIndex, column: col }\"></ng-container>\n                }\n            </div>\n\n            <!-- Custom Detail Component -->\n             @if(node.leaf && node.detailActive && node?.detailRendererComponent) {\n                <ng-container\n                    oneCellRendererComponent\n                    [cellRendererComponent]=\"node?.detailRendererComponent\"\n                    [params]=\"{ data: node.data, rowIndex: node.rowIndex, node: node, context: context }\">\n                </ng-container>\n            }\n\n            <!-- Master Detail Grid (template provided by the parent one-grid to avoid a compile-time import cycle) -->\n            @if (masterDetail && node.expanded && node?.detailRowData) {\n                <div class=\"one-row-detail-container\" [attr.data-row-id]=\"node.rowId + '-detail'\">\n                    <ng-container\n                        [ngTemplateOutlet]=\"detailGridTemplate\"\n                        [ngTemplateOutletContext]=\"{ $implicit: node, node: node }\">\n                    </ng-container>\n                </div>\n            }\n        </ng-container>\n        @if (!nodes?.length) {\n            <div style=\"width: max-content; border-top: 1px solid transparent;\">\n                <div [style.width.px]=\"rowWidth\"></div>\n            </div>\n        }\n    </cdk-virtual-scroll-viewport>\n    @if (!nodes?.length) {\n        <span class=\"one-grid-empty-message\" style=\"position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);\">No Rows to Show</span>\n    }\n</div>\n\n<!-- Master Column Template  -->\n<ng-template #cellTemplate let-node=\"node\" let-rowIndex=\"rowIndex\" let-column=\"column\">\n    <div\n        class=\"one-column\"\n        [attr.data-cell-id]=\"node.rowId | cellKey:column.field\"\n        [style.width.px]=\"column?.width\"\n        [style.min-width.px]=\"column?.minWidth\"\n        [style.max-width.px]=\"column?.maxWidth\"\n        [class.one-column-border-top]=\"masterDetail && nodes?.length > 0 && nodes[node.rowIndex - 1]?.expanded\"\n        [class.one-cell-selected]=\"selectedCells | cellSelected:node.rowId:column.field\"\n        [class.one-cell-invalid]=\"node.cellStates | cellInvalid:node.data[column.field]:column:node:allowedEdit:submitted\"\n        (dblclick)=\"startEdit($event, node, column)\"\n        (mousedown)=\"startSelection(node.rowId, column.field)\"\n        (mouseenter)=\"extendSelection(node.rowId, column.field)\"\n        (mouseup)=\"endSelection()\">\n\n        <!-- One Grid Cell Option -->\n        @if (node.cellOptions[column.field]) {\n            <one-grid-cell-option-menu\n                #contextOptionMenuRef\n                [node]=\"node\"\n                [column]=\"column\"\n                [options]=\"column.cellOptionMenu\"\n                (cellOptionMenuSelect)=\"cellOptionMenuSelected($event)\"/>\n        }\n\n        <!-- Grid Cell Template -->\n        @if(column?.cellRendererComponent) {\n            <ng-container\n                oneCellRendererComponent\n                [cellRendererComponent]=\"column?.cellRendererComponent\"\n                [params]=\"{ data: node.data, field: column.field, rowIndex: node.rowIndex, columnDef: column, node: node, context: context }\">\n            </ng-container>\n        }\n        @else if (node.editing[column.field]) {\n            <!-- Cell Editing Input -->\n            <input class=\"one-cell-input\"\n                name=\"{{ node.rowId + '' + column.field }}\"\n                oneCellInputValidator\n                [validationType]=\"column?.cellRendererParams?.inputType === 'number' ? 'number' : 'none'\"\n                [placeholder]=\"column?.cellRendererParams?.placeholder\"\n                [type]=\"column?.cellRendererParams?.inputType === 'number' ? 'text' : column?.cellRendererParams?.inputType\"\n                [value]=\"node?.data[column?.field]\"\n                [maxLength]=\"250\"\n                (blur)=\"stopEdit(node, column, $event)\"\n                (keydown.enter)=\"stopEdit(node, column, $event)\"\n                (keydown.esc)=\"cancelEdit(node, column)\"\n            />\n        }\n        @else if (column?.cellRenderer) {\n            <div\n                [ngStyle]=\"{ width: column.width + 'px' , position: 'relative' }\"\n                [innerHTML]=\"node.cellStates | cellStateRenderer:column.field\"\n                [class.editable-active]=\"node.cellStates | cellEditable:column:node:cellService.editableFn:cellService.updatableFn:allowedEdit\">\n            </div>\n        }\n        @else {\n            <div class=\"one-cell\"\n                [class.align-content-left]=\"column?.alignContent === 'left'\"\n                [class.align-content-center]=\"column?.alignContent === 'center'\"\n                [class.align-content-right]=\"column?.alignContent === 'right'\"\n                [ngClass]=\"colService.resolveCellPresentation(column, { node, data: node.data, columnDef: column })._resolvedCellClass\"\n                [ngStyle]=\"colService.resolveCellPresentation(column, { node, data: node.data, columnDef: column })._resolvedCellStyle\"\n                [style.padding-left.px]=\"column.autoGroupField && node.level | cellLevelPadding:24\"\n                [class.one-cell-allowed-edit-active]=\"node.cellStates | cellEditable:column:node:cellService.editableFn:cellService.updatableFn:allowedEdit\">\n\n                <!-- Cell Checkbox Selection -->\n                @if (column?.checkboxSelection) {\n                    <one-grid-checkbox\n                        [node]=\"node\"\n                        [allowedEdit]=\"allowedEdit\"\n                        [api]=\"api\"\n                        (onRowSelection)=\"invokeRowActionSelection($event)\"\n                    />\n                }\n\n                <!-- Expand & Collapse Icon -->\n                @if (((node?.group || detailRendererComponent) && column?.autoGroupField) || (masterDetail && node?.expandable && gridType === 'master' && column?.masterGroupField)) {\n                    <one-grid-cell-group-renderer\n                        [node]=\"node\"\n                        [masterDetail]=\"masterDetail\"\n                        [detailCellRendererParams]=\"detailCellRendererParams\"\n                        [detailRendererComponent]=\"detailRendererComponent\"\n                        (expansionChanged)=\"invokeExpansionChangedClick($event)\"\n                    />\n                }\n\n                @if(column?.cellRendererComponent) {\n                    <ng-container\n                        oneCellRendererComponent\n                        [cellRendererComponent]=\"column?.cellRendererComponent\"\n                        [params]=\"{ data: node.data, field: column.field, rowIndex: node.rowIndex, columnDef: column, node: node, context: context }\">\n                    </ng-container>\n                }\n                @else {\n                    <!-- Cell Value OR Placeholder -->\n                    <div oneCellTextExpand class=\"one-cell-text\" [class.one-cell-placeholder]=\"node.cellStates[column.field]?.type === 'placeholder'\">\n                        {{ (node.cellStates | cellStateRenderer:column.field) }}\n                    </div>\n                }\n\n                <!-- Cell Action Buttons -->\n                @if (column.cellRendererParams | cellActionButtonEnable) {\n                    <one-grid-row-action\n                        [ngStyle]=\"{ marginLeft: 'auto' }\"\n                        [column]=\"column\"\n                        [node]=\"node\"\n                        [allowedEdit]=\"allowedEdit\"\n                        [masterNode]=\"masterNode\"\n                        [masterDetail]=\"masterDetail\"\n                        [gridType]=\"gridType\"\n                        [context]=\"context\"\n                        [cellRendererParams]=\"column?.cellRendererParams\"\n                        (onRowGotoDetail)=\"invokeRowActionGotoDetail($event)\"\n                        (onRowAddNew)=\"invokeRowActionAddNew($event)\"\n                        (onRowView)=\"invokeRowActionView($event)\"\n                        (onRowLocation)=\"invokeRowActionLocation($event)\"\n                        (onRowDocument)=\"invokeRowActionDocument($event)\"\n                        (onRowCopy)=\"invokeRowActionCopy($event)\"\n                        (onRowDelete)=\"invokeRowActionDelete($event)\"\n                        (onRowGotoList)=\"invokeRowActionGotoList($event)\"\n                        (onRowEdit)=\"invokeRowActionEdit($event)\"\n                        (onRowPrint)=\"invokeRowActionPrint($event)\"\n                        (onRowHistory)=\"invokeRowActionHistory($event)\"\n                        (onRowOption)=\"invokeRowActionOption($event)\"\n                        (onRowLanguage)=\"invokeRowActionLanguage($event)\"\n                        (onRowCellOption)=\"invokeRowActionCellOption($event)\"\n                    />\n                }\n            </div>\n        }\n    </div>\n</ng-template>\n", styles: [""], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i5.CdkFixedSizeVirtualScroll, selector: "cdk-virtual-scroll-viewport[itemSize]", inputs: ["itemSize", "minBufferPx", "maxBufferPx"] }, { kind: "directive", type: i5.CdkVirtualForOf, selector: "[cdkVirtualFor][cdkVirtualForOf]", inputs: ["cdkVirtualForOf", "cdkVirtualForTrackBy", "cdkVirtualForTemplate", "cdkVirtualForTemplateCacheSize"] }, { kind: "component", type: i5.CdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: ["orientation", "appendOnly"], outputs: ["scrolledIndexChange"] }, { kind: "component", type: OneGridCheckboxComponent, selector: "one-grid-checkbox", inputs: ["node", "allowedEdit", "api"], outputs: ["onRowSelection"] }, { kind: "component", type: OneGridRowActionComponent, selector: "one-grid-row-action", inputs: ["column", "node", "allowedEdit", "masterDetail", "masterNode", "cellRendererParams", "gridType", "context"], outputs: ["onRowGotoDetail", "onRowAddNew", "onRowView", "onRowLocation", "onRowDocument", "onRowCopy", "onRowDelete", "onRowGotoList", "onRowEdit", "onRowPrint", "onRowHistory", "onRowOption", "onRowLanguage", "onRowCellOption"] }, { kind: "component", type: OneGridCellGroupRendererComponent, selector: "one-grid-cell-group-renderer", inputs: ["node", "masterDetail", "detailCellRendererParams", "detailRendererComponent"], outputs: ["expansionChanged"] }, { kind: "directive", type: OneCellInputValidatorDirective, selector: "[oneCellInputValidator]", inputs: ["validationType", "regex"] }, { kind: "directive", type: OneCellRendererComponentDirective, selector: "[oneCellRendererComponent]", inputs: ["cellRendererComponent", "params"] }, { kind: "directive", type: OneCellTextExpandDirective, selector: "[oneCellTextExpand]" }, { kind: "component", type: OneGridCellOptionMenuComponent, selector: "one-grid-cell-option-menu", inputs: ["column", "node", "options"], outputs: ["cellOptionMenuSelect", "cellOptionMenuClose"] }, { kind: "pipe", type: CellEditablePipe, name: "cellEditable" }, { kind: "pipe", type: CellInvalidPipe, name: "cellInvalid" }, { kind: "pipe", type: CellSelectedPipe, name: "cellSelected" }, { kind: "pipe", type: CellActionButtonEnablePipe, name: "cellActionButtonEnable" }, { kind: "pipe", type: CellKeyPipe, name: "cellKey" }, { kind: "pipe", type: CellLevelPaddingPipe, name: "cellLevelPadding" }, { kind: "pipe", type: CellStateRendererPipe, name: "cellStateRenderer" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: OneGridBodyComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: false, selector: 'one-grid-body', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div #bodyRef class=\"one-grid-body\">\n    <cdk-virtual-scroll-viewport\n        class=\"one-grid-body-viewport\"\n        [itemSize]=\"itemSize\"\n        [minBufferPx]=\"minBufferPx\"\n        [maxBufferPx]=\"maxBufferPx\"\n        (scroll)=\"onBodyScroll($event)\">\n\n        <ng-container *cdkVirtualFor=\"let node of nodes; trackBy: trackByRowId;\">\n            \n            <div class=\"one-row\" [attr.data-row-id]=\"node.rowId\" [class.one-row-selected]=\"node.selected\">\n                @for (col of columnDefs; track col.field;) {\n                    <ng-container [ngTemplateOutlet]=\"cellTemplate\" [ngTemplateOutletContext]=\"{ node, rowIndex: node.rowIndex, column: col }\"></ng-container>\n                }\n            </div>\n\n            <!-- Custom Detail Component -->\n             @if(node.leaf && node.detailActive && node?.detailRendererComponent) {\n                <ng-container\n                    oneCellRendererComponent\n                    [cellRendererComponent]=\"node?.detailRendererComponent\"\n                    [params]=\"{ data: node.data, rowIndex: node.rowIndex, node: node, context: context }\">\n                </ng-container>\n            }\n\n            <!-- Master Detail Grid (template provided by the parent one-grid to avoid a compile-time import cycle) -->\n            @if (masterDetail && node.expanded && node?.detailRowData) {\n                <div class=\"one-row-detail-container\" [attr.data-row-id]=\"node.rowId + '-detail'\">\n                    <ng-container\n                        [ngTemplateOutlet]=\"detailGridTemplate\"\n                        [ngTemplateOutletContext]=\"{ $implicit: node, node: node }\">\n                    </ng-container>\n                </div>\n            }\n        </ng-container>\n        @if (!nodes?.length) {\n            <div style=\"width: max-content; border-top: 1px solid transparent;\">\n                <div [style.width.px]=\"rowWidth\"></div>\n            </div>\n        }\n    </cdk-virtual-scroll-viewport>\n    @if (!nodes?.length) {\n        <span class=\"one-grid-empty-message\" style=\"position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);\">No Rows to Show</span>\n    }\n</div>\n\n<!-- Master Column Template  -->\n<ng-template #cellTemplate let-node=\"node\" let-rowIndex=\"rowIndex\" let-column=\"column\">\n    <div\n        class=\"one-column\"\n        [attr.data-cell-id]=\"node.rowId | cellKey:column.field\"\n        [style.width.px]=\"column?.width\"\n        [style.min-width.px]=\"column?.minWidth\"\n        [style.max-width.px]=\"column?.maxWidth\"\n        [class.one-column-border-top]=\"masterDetail && nodes?.length > 0 && nodes[node.rowIndex - 1]?.expanded\"\n        [class.one-cell-selected]=\"selectedCells | cellSelected:node.rowId:column.field\"\n        [class.one-cell-invalid]=\"node.cellStates | cellInvalid:node.data[column.field]:column:node:allowedEdit:submitted\"\n        (dblclick)=\"startEdit($event, node, column)\"\n        (mousedown)=\"startSelection(node.rowId, column.field)\"\n        (mouseenter)=\"extendSelection(node.rowId, column.field)\"\n        (mouseup)=\"endSelection()\">\n\n        <!-- One Grid Cell Option -->\n        @if (node.cellOptions[column.field]) {\n            <one-grid-cell-option-menu\n                #contextOptionMenuRef\n                [node]=\"node\"\n                [column]=\"column\"\n                [options]=\"column.cellOptionMenu\"\n                (cellOptionMenuSelect)=\"cellOptionMenuSelected($event)\"/>\n        }\n\n        <!-- Grid Cell Template -->\n        @if(column?.cellRendererComponent) {\n            <ng-container\n                oneCellRendererComponent\n                [cellRendererComponent]=\"column?.cellRendererComponent\"\n                [params]=\"{ data: node.data, field: column.field, rowIndex: node.rowIndex, columnDef: column, node: node, context: context }\">\n            </ng-container>\n        }\n        @else if (node.editing[column.field]) {\n            <!-- Cell Editing Input -->\n            <input class=\"one-cell-input\"\n                name=\"{{ node.rowId + '' + column.field }}\"\n                oneCellInputValidator\n                [validationType]=\"column?.cellRendererParams?.inputType === 'number' ? 'number' : 'none'\"\n                [placeholder]=\"column?.cellRendererParams?.placeholder\"\n                [type]=\"column?.cellRendererParams?.inputType === 'number' ? 'text' : column?.cellRendererParams?.inputType\"\n                [value]=\"node?.data[column?.field]\"\n                [maxLength]=\"250\"\n                (blur)=\"stopEdit(node, column, $event)\"\n                (keydown.enter)=\"stopEdit(node, column, $event)\"\n                (keydown.esc)=\"cancelEdit(node, column)\"\n            />\n        }\n        @else if (column?.cellRenderer) {\n            <div\n                [ngStyle]=\"{ width: column.width + 'px' , position: 'relative' }\"\n                [innerHTML]=\"node.cellStates | cellStateRenderer:column.field\"\n                [class.editable-active]=\"node.cellStates | cellEditable:column:node:cellService.editableFn:cellService.updatableFn:allowedEdit\">\n            </div>\n        }\n        @else {\n            <div class=\"one-cell\"\n                [class.align-content-left]=\"column?.alignContent === 'left'\"\n                [class.align-content-center]=\"column?.alignContent === 'center'\"\n                [class.align-content-right]=\"column?.alignContent === 'right'\"\n                [ngClass]=\"colService.resolveCellPresentation(column, { node, data: node.data, columnDef: column })._resolvedCellClass\"\n                [ngStyle]=\"colService.resolveCellPresentation(column, { node, data: node.data, columnDef: column })._resolvedCellStyle\"\n                [style.padding-left.px]=\"column.autoGroupField && node.level | cellLevelPadding:24\"\n                [class.one-cell-allowed-edit-active]=\"node.cellStates | cellEditable:column:node:cellService.editableFn:cellService.updatableFn:allowedEdit\">\n\n                <!-- Cell Checkbox Selection -->\n                @if (column?.checkboxSelection) {\n                    <one-grid-checkbox\n                        [node]=\"node\"\n                        [allowedEdit]=\"allowedEdit\"\n                        [api]=\"api\"\n                        (onRowSelection)=\"invokeRowActionSelection($event)\"\n                    />\n                }\n\n                <!-- Expand & Collapse Icon -->\n                @if (((node?.group || detailRendererComponent) && column?.autoGroupField) || (masterDetail && node?.expandable && gridType === 'master' && column?.masterGroupField)) {\n                    <one-grid-cell-group-renderer\n                        [node]=\"node\"\n                        [masterDetail]=\"masterDetail\"\n                        [detailCellRendererParams]=\"detailCellRendererParams\"\n                        [detailRendererComponent]=\"detailRendererComponent\"\n                        (expansionChanged)=\"invokeExpansionChangedClick($event)\"\n                    />\n                }\n\n                @if(column?.cellRendererComponent) {\n                    <ng-container\n                        oneCellRendererComponent\n                        [cellRendererComponent]=\"column?.cellRendererComponent\"\n                        [params]=\"{ data: node.data, field: column.field, rowIndex: node.rowIndex, columnDef: column, node: node, context: context }\">\n                    </ng-container>\n                }\n                @else {\n                    <!-- Cell Value OR Placeholder -->\n                    <div oneCellTextExpand class=\"one-cell-text\" [class.one-cell-placeholder]=\"node.cellStates[column.field]?.type === 'placeholder'\">\n                        {{ (node.cellStates | cellStateRenderer:column.field) }}\n                    </div>\n                }\n\n                <!-- Cell Action Buttons -->\n                @if (column.cellRendererParams | cellActionButtonEnable) {\n                    <one-grid-row-action\n                        [ngStyle]=\"{ marginLeft: 'auto' }\"\n                        [column]=\"column\"\n                        [node]=\"node\"\n                        [allowedEdit]=\"allowedEdit\"\n                        [masterNode]=\"masterNode\"\n                        [masterDetail]=\"masterDetail\"\n                        [gridType]=\"gridType\"\n                        [context]=\"context\"\n                        [cellRendererParams]=\"column?.cellRendererParams\"\n                        (onRowGotoDetail)=\"invokeRowActionGotoDetail($event)\"\n                        (onRowAddNew)=\"invokeRowActionAddNew($event)\"\n                        (onRowView)=\"invokeRowActionView($event)\"\n                        (onRowLocation)=\"invokeRowActionLocation($event)\"\n                        (onRowDocument)=\"invokeRowActionDocument($event)\"\n                        (onRowCopy)=\"invokeRowActionCopy($event)\"\n                        (onRowDelete)=\"invokeRowActionDelete($event)\"\n                        (onRowGotoList)=\"invokeRowActionGotoList($event)\"\n                        (onRowEdit)=\"invokeRowActionEdit($event)\"\n                        (onRowPrint)=\"invokeRowActionPrint($event)\"\n                        (onRowHistory)=\"invokeRowActionHistory($event)\"\n                        (onRowOption)=\"invokeRowActionOption($event)\"\n                        (onRowLanguage)=\"invokeRowActionLanguage($event)\"\n                        (onRowCellOption)=\"invokeRowActionCellOption($event)\"\n                    />\n                }\n            </div>\n        }\n    </div>\n</ng-template>\n" }]
+        }], ctorParameters: () => [{ type: OgColumnService }, { type: OneGridCellService }, { type: OneGridEventService }, { type: i0.ChangeDetectorRef }], propDecorators: { bodyRef: [{
+                type: ViewChild,
+                args: ['bodyRef', { static: true }]
+            }], rowData: [{
+                type: Input,
+                args: [{ required: true }]
+            }], rowNumber: [{
+                type: Input
+            }], api: [{
+                type: Input
+            }], pagination: [{
+                type: Input
+            }], allowedEdit: [{
+                type: Input
+            }], enableGroupColumnDefs: [{
+                type: Input
+            }], submitted: [{
+                type: Input
+            }], context: [{
+                type: Input
+            }], getRowId: [{
+                type: Input
+            }], gridCopy$: [{
+                type: Input,
+                args: [{ required: true }]
+            }], viewport: [{
+                type: ViewChild,
+                args: [CdkVirtualScrollViewport]
+            }], gridType: [{
+                type: Input
+            }], masterDetail: [{
+                type: Input
+            }], masterNode: [{
+                type: Input
+            }], detailRowMaxHeight: [{
+                type: Input
+            }], detailCellRendererParams: [{
+                type: Input
+            }], detailGridTemplate: [{
+                type: Input
+            }], detailRendererComponent: [{
+                type: Input
+            }], treeData: [{
+                type: Input
+            }], treeDataChildrenField: [{
+                type: Input
+            }], autoGroupColumnDef: [{
+                type: Input
+            }], groupDefaultExpanded: [{
+                type: Input
+            }], onRowGotoDetail: [{
+                type: Output
+            }], onRowAddNew: [{
+                type: Output
+            }], onRowView: [{
+                type: Output
+            }], onRowCopy: [{
+                type: Output
+            }], onRowLocation: [{
+                type: Output
+            }], onRowDocument: [{
+                type: Output
+            }], onRowDelete: [{
+                type: Output
+            }], onRowGotoList: [{
+                type: Output
+            }], onRowEdit: [{
+                type: Output
+            }], onRowPrint: [{
+                type: Output
+            }], onRowHistory: [{
+                type: Output
+            }], onRowOption: [{
+                type: Output
+            }], onRowLanguage: [{
+                type: Output
+            }], onRowCellOption: [{
+                type: Output
+            }], onRowSelection: [{
+                type: Output
+            }], onShiftDoubleClick: [{
+                type: Output
+            }], rowCountChanged: [{
+                type: Output
+            }], expansionChanged: [{
+                type: Output
+            }], bodyScroll: [{
+                type: Output
+            }], cellOptionSelect: [{
+                type: Output
+            }], onDocumentClick: [{
+                type: HostListener,
+                args: ['document:click', ['$event']]
+            }], onGlobalMouseUp: [{
+                type: HostListener,
+                args: ['document:mouseup']
+            }] } });
+
+class OneGridPaginationComponent {
+    constructor() {
+        this.paginate = {
+            total: 0,
+            currentPage: 1,
+            lastPage: 1,
+            perPage: 25,
+            firstRowIndex: 1,
+            lastRowIndex: 1,
+        };
+        this.goToFirst = new EventEmitter();
+        this.goToPrevious = new EventEmitter();
+        this.goToNext = new EventEmitter();
+        this.goToLast = new EventEmitter();
+        this.pageSizeChange = new EventEmitter();
+        this.pageSize = OnePageSizeOption[0];
+        this.pageSizeOptions = OnePageSizeOption;
+    }
+    ngAfterViewInit() {
+        if (this.paginate?.pageSizeOptions) {
+            this.pageSizeOptions = this.paginate.pageSizeOptions;
+        }
+    }
+    goToFirstPage() {
+        if (!(this.paginate?.perPage < this.paginate?.total && this.paginate?.currentPage > 1))
+            return;
+        this.goToFirst.emit(this.paginate?.currentPage);
+    }
+    goToPreviousPage() {
+        if (!(this.paginate?.perPage < this.paginate?.total && this.paginate?.currentPage > 1))
+            return;
+        this.goToPrevious.emit(this.paginate?.currentPage);
+    }
+    goToNextPage() {
+        if (!(this.paginate?.perPage < this.paginate?.total && this.paginate?.currentPage < this.paginate?.lastPage))
+            return;
+        this.goToNext.emit(this.paginate?.currentPage);
+    }
+    goToLastPage() {
+        if (!(this.paginate?.perPage < this.paginate?.total && this.paginate?.currentPage < this.paginate?.lastPage))
+            return;
+        this.goToLast.emit(this.paginate?.currentPage);
+    }
+    onPageSizeChange(event) {
+        const select = event.target;
+        const newSize = Number(select.value);
+        if (newSize !== this.pageSize) {
+            this.pageSize = newSize;
+            this.pageSizeChange.emit(this.pageSize);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: OneGridPaginationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: OneGridPaginationComponent, selector: "one-grid-pagination", inputs: { paginate: "paginate" }, outputs: { goToFirst: "goToFirst", goToPrevious: "goToPrevious", goToNext: "goToNext", goToLast: "goToLast", pageSizeChange: "pageSizeChange" }, ngImport: i0, template: "<div class=\"one-grid-pagination\">\n    <div class=\"one-pagination-row\">\n        @if (paginate?.firstRowIndex > 0 && paginate?.lastRowIndex > 0 && paginate?.total > 0) {\n            <div class=\"one-pagination-columns-group\">\n                <div class=\"one-pagination-column\">\n                    <span>{{ paginate?.firstRowIndex }}</span>\n                    <span>-</span>\n                    <span>{{ paginate?.lastRowIndex }}</span>\n                    &nbsp;<span>/</span>&nbsp;\n                    <span>{{ paginate?.total }}</span>\n                </div>\n            </div>\n        }\n        <div class=\"one-pagination-columns-group\">\n            <div class=\"one-pagination-column\">\n                <button \n                    class=\"one-pagination-btn\"\n                    (click)=\"goToFirstPage()\"\n                    [class.disabled]=\"!(paginate?.perPage < paginate?.total && paginate?.currentPage > 1)\">\n                    <lucide-icon name=\"chevron-first\" [size]=\"16\" [strokeWidth]=\"2\"></lucide-icon>\n                </button>\n                <button\n                    class=\"one-pagination-btn\"\n                    (click)=\"goToPreviousPage()\"\n                    [class.disabled]=\"!(paginate?.perPage < paginate?.total && paginate?.currentPage > 1)\">\n                    <lucide-icon name=\"chevron-left\" [size]=\"16\" [strokeWidth]=\"2\"></lucide-icon>\n                </button>\n            </div>\n            <div class=\"one-pagination-column\">\n                &nbsp;{{ paginate?.currentPage }}<span>/</span>{{ paginate?.lastPage }}&nbsp;\n            </div>\n            <div class=\"one-pagination-column\">\n                <button\n                    class=\"one-pagination-btn\"\n                    (click)=\"goToNextPage()\"\n                    [class.disabled]=\"!(paginate?.perPage < paginate?.total && paginate?.currentPage < paginate?.lastPage)\">\n                     <lucide-icon name=\"chevron-right\" [size]=\"16\" [strokeWidth]=\"2\"></lucide-icon>\n                </button>\n                <button\n                    class=\"one-pagination-btn\"\n                    (click)=\"goToLastPage()\"\n                    [class.disabled]=\"!(paginate?.perPage < paginate?.total && paginate?.currentPage < paginate?.lastPage)\">\n                     <lucide-icon name=\"chevron-last\" [size]=\"16\" [strokeWidth]=\"2\"></lucide-icon>\n                </button>\n            </div>\n            <div class=\"one-pagination-columns-group\">\n                <div class=\"one-pagination-column\">\n                    <select name=\"row-per-page\" [value]=\"pageSize\" (change)=\"onPageSizeChange($event)\">\n                        @for (size of pageSizeOptions; track $index) {\n                            <option [value]=\"size\">{{ size }} rows</option>\n                        }\n                    </select>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>", styles: [""], dependencies: [{ kind: "directive", type: i3$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i3$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "component", type: i3.LucideAngularComponent, selector: "lucide-angular, lucide-icon, i-lucide, span-lucide", inputs: ["class", "name", "img", "color", "absoluteStrokeWidth", "size", "strokeWidth"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: OneGridPaginationComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: false, selector: 'one-grid-pagination', template: "<div class=\"one-grid-pagination\">\n    <div class=\"one-pagination-row\">\n        @if (paginate?.firstRowIndex > 0 && paginate?.lastRowIndex > 0 && paginate?.total > 0) {\n            <div class=\"one-pagination-columns-group\">\n                <div class=\"one-pagination-column\">\n                    <span>{{ paginate?.firstRowIndex }}</span>\n                    <span>-</span>\n                    <span>{{ paginate?.lastRowIndex }}</span>\n                    &nbsp;<span>/</span>&nbsp;\n                    <span>{{ paginate?.total }}</span>\n                </div>\n            </div>\n        }\n        <div class=\"one-pagination-columns-group\">\n            <div class=\"one-pagination-column\">\n                <button \n                    class=\"one-pagination-btn\"\n                    (click)=\"goToFirstPage()\"\n                    [class.disabled]=\"!(paginate?.perPage < paginate?.total && paginate?.currentPage > 1)\">\n                    <lucide-icon name=\"chevron-first\" [size]=\"16\" [strokeWidth]=\"2\"></lucide-icon>\n                </button>\n                <button\n                    class=\"one-pagination-btn\"\n                    (click)=\"goToPreviousPage()\"\n                    [class.disabled]=\"!(paginate?.perPage < paginate?.total && paginate?.currentPage > 1)\">\n                    <lucide-icon name=\"chevron-left\" [size]=\"16\" [strokeWidth]=\"2\"></lucide-icon>\n                </button>\n            </div>\n            <div class=\"one-pagination-column\">\n                &nbsp;{{ paginate?.currentPage }}<span>/</span>{{ paginate?.lastPage }}&nbsp;\n            </div>\n            <div class=\"one-pagination-column\">\n                <button\n                    class=\"one-pagination-btn\"\n                    (click)=\"goToNextPage()\"\n                    [class.disabled]=\"!(paginate?.perPage < paginate?.total && paginate?.currentPage < paginate?.lastPage)\">\n                     <lucide-icon name=\"chevron-right\" [size]=\"16\" [strokeWidth]=\"2\"></lucide-icon>\n                </button>\n                <button\n                    class=\"one-pagination-btn\"\n                    (click)=\"goToLastPage()\"\n                    [class.disabled]=\"!(paginate?.perPage < paginate?.total && paginate?.currentPage < paginate?.lastPage)\">\n                     <lucide-icon name=\"chevron-last\" [size]=\"16\" [strokeWidth]=\"2\"></lucide-icon>\n                </button>\n            </div>\n            <div class=\"one-pagination-columns-group\">\n                <div class=\"one-pagination-column\">\n                    <select name=\"row-per-page\" [value]=\"pageSize\" (change)=\"onPageSizeChange($event)\">\n                        @for (size of pageSizeOptions; track $index) {\n                            <option [value]=\"size\">{{ size }} rows</option>\n                        }\n                    </select>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>" }]
+        }], propDecorators: { paginate: [{
+                type: Input
+            }], goToFirst: [{
+                type: Output
+            }], goToPrevious: [{
+                type: Output
+            }], goToNext: [{
+                type: Output
+            }], goToLast: [{
+                type: Output
+            }], pageSizeChange: [{
+                type: Output
+            }] } });
+
+class OneGridComponent {
+    constructor(api, eventService, elementRef) {
+        this.api = api;
+        this.eventService = eventService;
+        this.elementRef = elementRef;
+        this.rowNumber = false;
+        this.allowedEdit = true;
+        this.submitted = false;
+        this.context = null;
+        this.rowData = [];
+        this.rowSelection = null;
+        this.enableGroupColumnDefs = false;
+        this.groupColumnDefs = [];
+        this.defaultColumnDef = {};
+        this.columnDefs = [];
+        // RXJS Properties
+        this.gridCopy$ = new Subject();
+        /**
+         * Master Detail Feature
+         */
+        this.gridType = 'master';
+        this.masterDetail = false;
+        this.masterNode = null;
+        /**
+         * Tree Data Feature
+         */
+        this.treeData = false;
+        this.treeDataChildrenField = null;
+        this.groupDefaultExpanded = 0;
+        /**
+         * Bind Row Action Events & Data to Parent
+         */
+        this.onGridReady = new EventEmitter();
+        this.onRowGotoDetail = new EventEmitter();
+        this.onRowAddNew = new EventEmitter();
+        this.onRowView = new EventEmitter();
+        this.onRowLocation = new EventEmitter();
+        this.onRowDocument = new EventEmitter();
+        this.onRowCopy = new EventEmitter();
+        this.onRowDelete = new EventEmitter();
+        this.onRowGotoList = new EventEmitter();
+        this.onRowEdit = new EventEmitter();
+        this.onRowPrint = new EventEmitter();
+        this.onRowHistory = new EventEmitter();
+        this.onRowOption = new EventEmitter();
+        this.onRowLanguage = new EventEmitter();
+        this.onRowSelection = new EventEmitter();
+        this.onShiftDoubleClick = new EventEmitter();
+        this.rowCountChanged = new EventEmitter();
+        this.selectionChanged = new EventEmitter();
+        this.expansionChanged = new EventEmitter();
+        // For context menu option
+        this.cellOptionSelect = new EventEmitter();
+        this.onRowCellOption = new EventEmitter();
+        /**
+         * Bind One Grid Pagination Feature
+         */
+        this.pagination = false;
+        this.goToFirst = new EventEmitter();
+        this.goToPrevious = new EventEmitter();
+        this.goToNext = new EventEmitter();
+        this.goToLast = new EventEmitter();
+        this.pageSizeChange = new EventEmitter();
+        /**
+         * One Grid Properties
+         */
+        this.bodyScrollLeft = 0;
+        this._oneRowNumberColumnDef = null;
+        this.subscriptions = new Subscription();
+    }
+    ngOnChanges(changes) {
+        if (changes['masterNode'] && changes['masterNode'].isFirstChange) {
+            if (this.masterDetail && this.masterNode.expanded && this.gridType === 'detail') {
+                setTimeout(() => this.api.setRowData([...this.masterNode.detailRowData]));
+            }
+        }
+        if (changes["rowData"] && !changes["rowData"]?.firstChange) {
+            this.treeData || this.masterDetail ? this.api.updateRowData(this.rowData) : this.api.setRowData(this.rowData);
+        }
+    }
+    ngOnInit() {
+        /**
+         * Init Row Number Column Def
+         */
+        if (this.rowNumber) {
+            this._oneRowNumberColumnDef = {
+                groupId: this.columnDefs[0]?.groupId ?? null,
+                field: '_oneRowNumber',
+                headerName: 'Nº',
+                resizable: true,
+                headerStyle: {
+                    textAlign: 'center',
+                    display: 'flex',
+                    justifyContent: 'center',
+                    alignItem: 'center'
+                },
+                alignContent: 'right',
+                cellClass: 'fw-bold',
+                width: 60,
+                minWidth: 40,
+                maxWidth: 200
+            };
+        }
+        /**
+         * Initialize One Grid API
+         */
+        this.api.init(this.gridType, this.rowSelection, this.columnDefs, this.defaultColumnDef, this.context, this.masterDetail, this.detailCellRendererParams, this.detailRendererComponent, this.treeData, this.groupColumnDefs);
+        /**
+         * Setup Master Detail Configuration
+         */
+        if (this.masterDetail) {
+            this.api.setGroupDefaultExpanded(this.groupDefaultExpanded);
+            this.api.setGetDetailRowData(this.detailCellRendererParams?.getDetailRowData ?? null);
+            if (this.rowNumber) {
+                const columnDefs = _.concat(this._oneRowNumberColumnDef, this.columnDefs);
+                setTimeout(() => this.api.setColumnDefs(columnDefs));
+            }
+        }
+        /**
+         * Setup Tree Data Configuration
+         */
+        if (this.treeData) {
+            this.gridType = 'tree';
+            const columnDefs = this.rowNumber ? _.concat(this._oneRowNumberColumnDef, this.autoGroupColumnDef, this.columnDefs) : _.concat(this.autoGroupColumnDef, this.columnDefs);
+            this.api.setTreeDataChildrenField(this.treeDataChildrenField);
+            this.api.setGroupDefaultExpanded(this.groupDefaultExpanded);
+            setTimeout(() => this.api.setColumnDefs(columnDefs));
+        }
+        // Listen Selection Changed Event
+        this.subscriptions.add(this.eventService.addEventListener('selectionChanged', (payload) => {
+            this.selectionChanged.emit(payload);
+        }));
+    }
+    ngAfterViewInit() {
+        const headerViewport = this.elementRef.nativeElement.querySelector('.one-grid-header-column');
+        const bodyViewport = this.elementRef.nativeElement.querySelector('.one-grid-body-viewport');
+        // Listen Scroll Event Changed
+        this.subscriptions.add(fromEvent(bodyViewport, 'scroll').subscribe(() => {
+            if (headerViewport) {
+                headerViewport.scrollLeft = bodyViewport.scrollLeft;
+            }
+        }));
+        /**
+         * Emit Grid Ready Event
+         */
+        this.onGridReady.emit({ api: this.api });
+    }
+    /**
+     * Handle Body Scroll Event
+     */
+    onBodyScroll(scrollLeft) {
+        this.bodyScrollLeft = scrollLeft;
+    }
+    /**
+     * Handle Ready Event of a nested Master Detail Grid
+     */
+    onDetailGridReady(params) {
+        params.api.setRowData(this.masterNode?.detailRowData ?? []);
+    }
+    /**
+     * Passing copy event to grid body
+     */
+    onGridCopy(event) {
+        this.gridCopy$.next(event);
+    }
+    /**
+     * Bind Row Action Events to Parent Component
+     */
+    invokeRowActionGotoDetail(event) {
+        this.onRowGotoDetail.emit(event);
+    }
+    invokeRowActionAddNew(event) {
+        this.onRowAddNew.emit(event);
+    }
+    invokeRowActionView(event) {
+        this.onRowView.emit(event);
+    }
+    invokeRowActionLocation(event) {
+        this.onRowLocation.emit(event);
+    }
+    invokeRowActionDocument(event) {
+        this.onRowDocument.emit(event);
+    }
+    invokeRowActionCopy(event) {
+        this.onRowCopy.emit(event);
+    }
+    invokeRowActionDelete(event) {
+        this.onRowDelete.emit(event);
+    }
+    invokeRowActionGotoList(event) {
+        this.onRowGotoList.emit(event);
+    }
+    invokeRowActionEdit(event) {
+        this.onRowEdit.emit(event);
+    }
+    invokeRowActionPrint(event) {
+        this.onRowPrint.emit(event);
+    }
+    invokeRowActionHistory(event) {
+        this.onRowHistory.emit(event);
+    }
+    invokeRowActionOption(event) {
+        this.onRowOption.emit(event);
+    }
+    invokeRowActionLanguage(event) {
+        this.onRowLanguage.emit(event);
+    }
+    invokeRowActionCellOption(event) {
+        this.onRowCellOption.emit(event);
+    }
+    invokeRowActionSelection(event) {
+        this.onRowSelection.emit(event);
+    }
+    invokeShiftDoubleClick(event) {
+        this.onShiftDoubleClick.emit(event);
+    }
+    invokeRowCountChanged(length) {
+        this.rowCountChanged.emit(length);
+    }
+    cellOptionMenuSelected(event) {
+        this.cellOptionSelect.emit(event);
+    }
+    /**
+     * Bing Pagination Events to Parent Component
+     */
+    invokeGoToFirst() {
+        this.goToFirst.emit();
+    }
+    invokeGoToPrevious() {
+        this.goToPrevious.emit();
+    }
+    invokeGoToNext() {
+        this.goToNext.emit();
+    }
+    invokeGoToLast() {
+        this.goToLast.emit();
+    }
+    invokePageSizeChange(pageSize) {
+        this.pageSizeChange.emit(pageSize);
+    }
+    invokeExpansionChangedClick(event) {
+        this.expansionChanged.emit(event);
+    }
+    /**
+     * Handle Unsubscribe All Event Listenders
+     */
+    ngOnDestroy() {
+        this.rowData = [];
+        this.api.destroy();
+        this.subscriptions.unsubscribe();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: OneGridComponent, deps: [{ token: OneGridApi }, { token: OneGridEventService }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: OneGridComponent, selector: "one-grid", inputs: { rowNumber: "rowNumber", allowedEdit: "allowedEdit", submitted: "submitted", context: "context", rowData: "rowData", rowSelection: "rowSelection", enableGroupColumnDefs: "enableGroupColumnDefs", groupColumnDefs: "groupColumnDefs", defaultColumnDef: "defaultColumnDef", columnDefs: "columnDefs", gridType: "gridType", masterDetail: "masterDetail", masterNode: "masterNode", detailCellRendererParams: "detailCellRendererParams", detailRendererComponent: "detailRendererComponent", treeData: "treeData", treeDataChildrenField: "treeDataChildrenField", autoGroupColumnDef: "autoGroupColumnDef", groupDefaultExpanded: "groupDefaultExpanded", pagination: "pagination", paginate: "paginate" }, outputs: { onGridReady: "onGridReady", onRowGotoDetail: "onRowGotoDetail", onRowAddNew: "onRowAddNew", onRowView: "onRowView", onRowLocation: "onRowLocation", onRowDocument: "onRowDocument", onRowCopy: "onRowCopy", onRowDelete: "onRowDelete", onRowGotoList: "onRowGotoList", onRowEdit: "onRowEdit", onRowPrint: "onRowPrint", onRowHistory: "onRowHistory", onRowOption: "onRowOption", onRowLanguage: "onRowLanguage", onRowSelection: "onRowSelection", onShiftDoubleClick: "onShiftDoubleClick", rowCountChanged: "rowCountChanged", selectionChanged: "selectionChanged", expansionChanged: "expansionChanged", cellOptionSelect: "cellOptionSelect", onRowCellOption: "onRowCellOption", goToFirst: "goToFirst", goToPrevious: "goToPrevious", goToNext: "goToNext", goToLast: "goToLast", pageSizeChange: "pageSizeChange" }, providers: [
+            OneGridEventService,
+            OneGridApi,
+            OgColumnService,
+            OneGridSelectionService,
+            OneGridExpansionService,
+            OneGridRowService,
+            OneGridCellService
+        ], viewQueries: [{ propertyName: "ogRef", first: true, predicate: ["ogRef"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: "<div #ogRef class=\"one-grid\" (copy)=\"onGridCopy($event)\" tabindex=\"0\">\n    \n    <!-- Headers -->\n    <one-grid-header\n        [api]=\"api\"\n        [enableGroupColumnDefs]=\"enableGroupColumnDefs\"\n        [allowedEdit]=\"allowedEdit\"\n        [scrollLeft]=\"bodyScrollLeft\"\n    />\n\n    <!-- Body -->\n    <one-grid-body\n        [gridCopy$]=\"gridCopy$\"\n        [rowData]=\"rowData\"\n        [api]=\"api\"\n        [rowNumber]=\"rowNumber\"\n        [pagination]=\"pagination\"\n        [allowedEdit]=\"allowedEdit\"\n        [submitted]=\"submitted\"\n        [context]=\"context\"\n        [treeData]=\"treeData\"\n        [gridType]=\"gridType\"\n        [masterDetail]=\"masterDetail\"\n        [masterNode]=\"masterNode\"\n        [detailCellRendererParams]=\"detailCellRendererParams\"\n        [detailRendererComponent]=\"detailRendererComponent\"\n        [detailGridTemplate]=\"detailGridTpl\"\n        [treeDataChildrenField]=\"treeDataChildrenField\"\n        [autoGroupColumnDef]=\"autoGroupColumnDef\"\n        [groupDefaultExpanded]=\"groupDefaultExpanded\"\n        (expansionChanged)=\"invokeExpansionChangedClick($event)\"\n        (onRowGotoDetail)=\"invokeRowActionGotoDetail($event)\"\n        (onRowAddNew)=\"invokeRowActionAddNew($event)\"\n        (onRowView)=\"invokeRowActionView($event)\"\n        (onRowLocation)=\"invokeRowActionLocation($event)\"\n        (onRowDocument)=\"invokeRowActionDocument($event)\"\n        (onRowCopy)=\"invokeRowActionCopy($event)\"\n        (onRowDelete)=\"invokeRowActionDelete($event)\"\n        (onRowGotoList)=\"invokeRowActionGotoList($event)\"\n        (onRowEdit)=\"invokeRowActionEdit($event)\"\n        (onRowPrint)=\"invokeRowActionPrint($event)\"\n        (onRowHistory)=\"invokeRowActionHistory($event)\"\n        (onRowOption)=\"invokeRowActionOption($event)\"\n        (onRowLanguage)=\"invokeRowActionLanguage($event)\"\n        (onRowCellOption)=\"invokeRowActionCellOption($event)\"\n        (onRowSelection)=\"invokeRowActionSelection($event)\"\n        (onShiftDoubleClick)=\"invokeShiftDoubleClick($event)\"\n        (rowCountChanged)=\"invokeRowCountChanged($event)\"\n        (cellOptionSelect)=\"cellOptionMenuSelected($event)\"\n        (bodyScroll)=\"onBodyScroll($event)\"\n    />\n    \n    <!-- Pagination -->\n    @if (pagination) {\n        <one-grid-pagination\n            [paginate]=\"paginate\"\n            (goToFirst)=\"invokeGoToFirst()\"\n            (goToLast)=\"invokeGoToLast()\"\n            (goToPrevious)=\"invokeGoToPrevious()\"\n            (goToNext)=\"invokeGoToNext()\"\n            (pageSizeChange)=\"invokePageSizeChange($event)\"\n        />\n    }\n\n    <!-- Master Detail Grid template, rendered inside one-grid-body via ngTemplateOutlet.\n         Declared here (self-reference) so one-grid-body's template does not need to\n         import one-grid, which would create an unsupported compile-time cycle. -->\n    <ng-template #detailGridTpl let-node=\"node\">\n        <one-grid\n            [style.height.px]=\"node.detailRowHeight\"\n            [gridType]=\"'detail'\"\n            [masterNode]=\"node\"\n            [masterDetail]=\"masterDetail\"\n            [defaultColumnDef]=\"detailCellRendererParams.detailGridOptions.defaultColumnDef\"\n            [columnDefs]=\"detailCellRendererParams.detailGridOptions.columnDefs\"\n            [rowData]=\"node?.detailRowData\"\n            [rowNumber]=\"detailCellRendererParams.detailGridOptions?.rowNumber\"\n            [allowedEdit]=\"allowedEdit\"\n            [submitted]=\"submitted\"\n            [context]=\"context\"\n            (expansionChanged)=\"invokeExpansionChangedClick($event)\"\n            (onRowGotoDetail)=\"invokeRowActionGotoDetail($event)\"\n            (onRowAddNew)=\"invokeRowActionAddNew($event)\"\n            (onRowView)=\"invokeRowActionView($event)\"\n            (onRowLocation)=\"invokeRowActionLocation($event)\"\n            (onRowDocument)=\"invokeRowActionDocument($event)\"\n            (onRowCopy)=\"invokeRowActionCopy($event)\"\n            (onRowDelete)=\"invokeRowActionDelete($event)\"\n            (onRowGotoList)=\"invokeRowActionGotoList($event)\"\n            (onRowEdit)=\"invokeRowActionEdit($event)\"\n            (onRowPrint)=\"invokeRowActionPrint($event)\"\n            (onRowHistory)=\"invokeRowActionHistory($event)\"\n            (onRowOption)=\"invokeRowActionOption($event)\"\n            (onRowLanguage)=\"invokeRowActionLanguage($event)\"\n            (onRowCellOption)=\"invokeRowActionCellOption($event)\"\n            (onGridReady)=\"onDetailGridReady($event)\"\n        />\n    </ng-template>\n</div>", styles: [""], dependencies: [{ kind: "component", type: OneGridComponent, selector: "one-grid", inputs: ["rowNumber", "allowedEdit", "submitted", "context", "rowData", "rowSelection", "enableGroupColumnDefs", "groupColumnDefs", "defaultColumnDef", "columnDefs", "gridType", "masterDetail", "masterNode", "detailCellRendererParams", "detailRendererComponent", "treeData", "treeDataChildrenField", "autoGroupColumnDef", "groupDefaultExpanded", "pagination", "paginate"], outputs: ["onGridReady", "onRowGotoDetail", "onRowAddNew", "onRowView", "onRowLocation", "onRowDocument", "onRowCopy", "onRowDelete", "onRowGotoList", "onRowEdit", "onRowPrint", "onRowHistory", "onRowOption", "onRowLanguage", "onRowSelection", "onShiftDoubleClick", "rowCountChanged", "selectionChanged", "expansionChanged", "cellOptionSelect", "onRowCellOption", "goToFirst", "goToPrevious", "goToNext", "goToLast", "pageSizeChange"] }, { kind: "component", type: OneGridHeaderComponent, selector: "one-grid-header", inputs: ["scrollLeft", "allowedEdit", "enableGroupColumnDefs", "api"] }, { kind: "component", type: OneGridBodyComponent, selector: "one-grid-body", inputs: ["rowData", "rowNumber", "api", "pagination", "allowedEdit", "enableGroupColumnDefs", "submitted", "context", "getRowId", "gridCopy$", "gridType", "masterDetail", "masterNode", "detailRowMaxHeight", "detailCellRendererParams", "detailGridTemplate", "detailRendererComponent", "treeData", "treeDataChildrenField", "autoGroupColumnDef", "groupDefaultExpanded"], outputs: ["onRowGotoDetail", "onRowAddNew", "onRowView", "onRowCopy", "onRowLocation", "onRowDocument", "onRowDelete", "onRowGotoList", "onRowEdit", "onRowPrint", "onRowHistory", "onRowOption", "onRowLanguage", "onRowCellOption", "onRowSelection", "onShiftDoubleClick", "rowCountChanged", "expansionChanged", "bodyScroll", "cellOptionSelect"] }, { kind: "component", type: OneGridPaginationComponent, selector: "one-grid-pagination", inputs: ["paginate"], outputs: ["goToFirst", "goToPrevious", "goToNext", "goToLast", "pageSizeChange"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: OneGridComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: false, selector: 'one-grid', providers: [
+                        OneGridEventService,
+                        OneGridApi,
+                        OgColumnService,
+                        OneGridSelectionService,
+                        OneGridExpansionService,
+                        OneGridRowService,
+                        OneGridCellService
+                    ], template: "<div #ogRef class=\"one-grid\" (copy)=\"onGridCopy($event)\" tabindex=\"0\">\n    \n    <!-- Headers -->\n    <one-grid-header\n        [api]=\"api\"\n        [enableGroupColumnDefs]=\"enableGroupColumnDefs\"\n        [allowedEdit]=\"allowedEdit\"\n        [scrollLeft]=\"bodyScrollLeft\"\n    />\n\n    <!-- Body -->\n    <one-grid-body\n        [gridCopy$]=\"gridCopy$\"\n        [rowData]=\"rowData\"\n        [api]=\"api\"\n        [rowNumber]=\"rowNumber\"\n        [pagination]=\"pagination\"\n        [allowedEdit]=\"allowedEdit\"\n        [submitted]=\"submitted\"\n        [context]=\"context\"\n        [treeData]=\"treeData\"\n        [gridType]=\"gridType\"\n        [masterDetail]=\"masterDetail\"\n        [masterNode]=\"masterNode\"\n        [detailCellRendererParams]=\"detailCellRendererParams\"\n        [detailRendererComponent]=\"detailRendererComponent\"\n        [detailGridTemplate]=\"detailGridTpl\"\n        [treeDataChildrenField]=\"treeDataChildrenField\"\n        [autoGroupColumnDef]=\"autoGroupColumnDef\"\n        [groupDefaultExpanded]=\"groupDefaultExpanded\"\n        (expansionChanged)=\"invokeExpansionChangedClick($event)\"\n        (onRowGotoDetail)=\"invokeRowActionGotoDetail($event)\"\n        (onRowAddNew)=\"invokeRowActionAddNew($event)\"\n        (onRowView)=\"invokeRowActionView($event)\"\n        (onRowLocation)=\"invokeRowActionLocation($event)\"\n        (onRowDocument)=\"invokeRowActionDocument($event)\"\n        (onRowCopy)=\"invokeRowActionCopy($event)\"\n        (onRowDelete)=\"invokeRowActionDelete($event)\"\n        (onRowGotoList)=\"invokeRowActionGotoList($event)\"\n        (onRowEdit)=\"invokeRowActionEdit($event)\"\n        (onRowPrint)=\"invokeRowActionPrint($event)\"\n        (onRowHistory)=\"invokeRowActionHistory($event)\"\n        (onRowOption)=\"invokeRowActionOption($event)\"\n        (onRowLanguage)=\"invokeRowActionLanguage($event)\"\n        (onRowCellOption)=\"invokeRowActionCellOption($event)\"\n        (onRowSelection)=\"invokeRowActionSelection($event)\"\n        (onShiftDoubleClick)=\"invokeShiftDoubleClick($event)\"\n        (rowCountChanged)=\"invokeRowCountChanged($event)\"\n        (cellOptionSelect)=\"cellOptionMenuSelected($event)\"\n        (bodyScroll)=\"onBodyScroll($event)\"\n    />\n    \n    <!-- Pagination -->\n    @if (pagination) {\n        <one-grid-pagination\n            [paginate]=\"paginate\"\n            (goToFirst)=\"invokeGoToFirst()\"\n            (goToLast)=\"invokeGoToLast()\"\n            (goToPrevious)=\"invokeGoToPrevious()\"\n            (goToNext)=\"invokeGoToNext()\"\n            (pageSizeChange)=\"invokePageSizeChange($event)\"\n        />\n    }\n\n    <!-- Master Detail Grid template, rendered inside one-grid-body via ngTemplateOutlet.\n         Declared here (self-reference) so one-grid-body's template does not need to\n         import one-grid, which would create an unsupported compile-time cycle. -->\n    <ng-template #detailGridTpl let-node=\"node\">\n        <one-grid\n            [style.height.px]=\"node.detailRowHeight\"\n            [gridType]=\"'detail'\"\n            [masterNode]=\"node\"\n            [masterDetail]=\"masterDetail\"\n            [defaultColumnDef]=\"detailCellRendererParams.detailGridOptions.defaultColumnDef\"\n            [columnDefs]=\"detailCellRendererParams.detailGridOptions.columnDefs\"\n            [rowData]=\"node?.detailRowData\"\n            [rowNumber]=\"detailCellRendererParams.detailGridOptions?.rowNumber\"\n            [allowedEdit]=\"allowedEdit\"\n            [submitted]=\"submitted\"\n            [context]=\"context\"\n            (expansionChanged)=\"invokeExpansionChangedClick($event)\"\n            (onRowGotoDetail)=\"invokeRowActionGotoDetail($event)\"\n            (onRowAddNew)=\"invokeRowActionAddNew($event)\"\n            (onRowView)=\"invokeRowActionView($event)\"\n            (onRowLocation)=\"invokeRowActionLocation($event)\"\n            (onRowDocument)=\"invokeRowActionDocument($event)\"\n            (onRowCopy)=\"invokeRowActionCopy($event)\"\n            (onRowDelete)=\"invokeRowActionDelete($event)\"\n            (onRowGotoList)=\"invokeRowActionGotoList($event)\"\n            (onRowEdit)=\"invokeRowActionEdit($event)\"\n            (onRowPrint)=\"invokeRowActionPrint($event)\"\n            (onRowHistory)=\"invokeRowActionHistory($event)\"\n            (onRowOption)=\"invokeRowActionOption($event)\"\n            (onRowLanguage)=\"invokeRowActionLanguage($event)\"\n            (onRowCellOption)=\"invokeRowActionCellOption($event)\"\n            (onGridReady)=\"onDetailGridReady($event)\"\n        />\n    </ng-template>\n</div>" }]
+        }], ctorParameters: () => [{ type: OneGridApi }, { type: OneGridEventService }, { type: i0.ElementRef }], propDecorators: { ogRef: [{
+                type: ViewChild,
+                args: ['ogRef', { static: true }]
+            }], rowNumber: [{
+                type: Input
+            }], allowedEdit: [{
+                type: Input
+            }], submitted: [{
+                type: Input
+            }], context: [{
+                type: Input
+            }], rowData: [{
+                type: Input
+            }], rowSelection: [{
+                type: Input
+            }], enableGroupColumnDefs: [{
+                type: Input
+            }], groupColumnDefs: [{
+                type: Input
+            }], defaultColumnDef: [{
+                type: Input
+            }], columnDefs: [{
+                type: Input
+            }], gridType: [{
+                type: Input
+            }], masterDetail: [{
+                type: Input
+            }], masterNode: [{
+                type: Input
+            }], detailCellRendererParams: [{
+                type: Input
+            }], detailRendererComponent: [{
+                type: Input
+            }], treeData: [{
+                type: Input
+            }], treeDataChildrenField: [{
+                type: Input
+            }], autoGroupColumnDef: [{
+                type: Input
+            }], groupDefaultExpanded: [{
+                type: Input
+            }], onGridReady: [{
+                type: Output
+            }], onRowGotoDetail: [{
+                type: Output
+            }], onRowAddNew: [{
+                type: Output
+            }], onRowView: [{
+                type: Output
+            }], onRowLocation: [{
+                type: Output
+            }], onRowDocument: [{
+                type: Output
+            }], onRowCopy: [{
+                type: Output
+            }], onRowDelete: [{
+                type: Output
+            }], onRowGotoList: [{
+                type: Output
+            }], onRowEdit: [{
+                type: Output
+            }], onRowPrint: [{
+                type: Output
+            }], onRowHistory: [{
+                type: Output
+            }], onRowOption: [{
+                type: Output
+            }], onRowLanguage: [{
+                type: Output
+            }], onRowSelection: [{
+                type: Output
+            }], onShiftDoubleClick: [{
+                type: Output
+            }], rowCountChanged: [{
+                type: Output
+            }], selectionChanged: [{
+                type: Output
+            }], expansionChanged: [{
+                type: Output
+            }], cellOptionSelect: [{
+                type: Output
+            }], onRowCellOption: [{
+                type: Output
+            }], pagination: [{
+                type: Input
+            }], paginate: [{
+                type: Input
+            }], goToFirst: [{
+                type: Output
+            }], goToPrevious: [{
+                type: Output
+            }], goToNext: [{
+                type: Output
+            }], goToLast: [{
+                type: Output
+            }], pageSizeChange: [{
+                type: Output
+            }] } });
+
+class OneGridStatusComponent {
+    constructor() {
+        this.value = '';
+        this.label = 0;
+        this.type = null;
+    }
+    oneInit(params) {
+        this.params = params;
+        this.label = params?.value ?? 0;
+        this.type = this.getType(params.columnDef.field);
+        this.value = this.getLabel(this.type, this.label);
+    }
+    refresh(params) {
+        return false;
+    }
+    getType(field) {
+        return field === 'enableStatus' || field === 'activeStatus' || field === 'operationActiveStatus' ? field : null;
+    }
+    getLabel(type, status) {
+        if (!type)
+            return 'N/A';
+        const labels = { enableStatus: ['Disabled', 'Enabled'], activeStatus: ['Inactive', 'Active'], operationActiveStatus: ['Inactive', 'Active'] };
+        return labels[type][status === 1 ? 1 : 0];
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: OneGridStatusComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: OneGridStatusComponent, selector: "one-grid-status", ngImport: i0, template: "<span class=\"one-cell-status\"\n    [style.width.px]=\"params.columnDef?.width\"\n    [style.min-width.px]=\"params.columnDef?.minWidth\"\n    [style.max-width.px]=\"params.columnDef?.maxWidth\"\n    >\n    <span class=\"one-cell-status-body\" [ngClass]=\"label === 1 ? 'one-success-bg' : 'one-warning-bg'\">\n        {{ value }}\n    </span>\n</span>\n", styles: [""], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: OneGridStatusComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: false, selector: 'one-grid-status', template: "<span class=\"one-cell-status\"\n    [style.width.px]=\"params.columnDef?.width\"\n    [style.min-width.px]=\"params.columnDef?.minWidth\"\n    [style.max-width.px]=\"params.columnDef?.maxWidth\"\n    >\n    <span class=\"one-cell-status-body\" [ngClass]=\"label === 1 ? 'one-success-bg' : 'one-warning-bg'\">\n        {{ value }}\n    </span>\n</span>\n" }]
+        }] });
+
+class CellActionButtonVisiblePipe {
+    transform(column, node) {
+        return (node?.leaf && !(node?.group && node?.leafGroup) && !column?.autoGroupField) || (!node?.leaf && (node?.group || node?.leafGroup) && column?.autoGroupField && column?.editableLevels?.includes(node.level));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CellActionButtonVisiblePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: CellActionButtonVisiblePipe, name: "cellActionButtonVisible" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CellActionButtonVisiblePipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    standalone: false,
+                    name: 'cellActionButtonVisible'
+                }]
+        }] });
+
+class CellNumberValuePipe {
+    transform(value) {
+        if (value === null || value === undefined)
+            return undefined;
+        return Number(value);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CellNumberValuePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: CellNumberValuePipe, name: "cellNumberValue" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CellNumberValuePipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    standalone: false,
+                    name: 'cellNumberValue'
+                }]
+        }] });
+
+class CellFieldPipe {
+    transform(rowIndex, field) {
+        if (rowIndex === null || rowIndex === undefined || !field)
+            return '';
+        return getCellField(rowIndex, field);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CellFieldPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: CellFieldPipe, name: "cellField" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CellFieldPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    standalone: false,
+                    name: 'cellField'
+                }]
+        }] });
+
+class CellStateGroupRendererPipe {
+    constructor() {
+        this._cellFieldValue = new CellFieldValuePipe();
+    }
+    transform(value, data, column) {
+        return value ? this._cellFieldValue.transform(data, column.field) : column?.cellRendererParams?.placeholder ?? '';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CellStateGroupRendererPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: CellStateGroupRendererPipe, name: "cellStateGroupRenderer" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CellStateGroupRendererPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    standalone: false,
+                    name: 'cellStateGroupRenderer'
+                }]
+        }] });
+
+class OneGridCellCurrencyComponent {
+    constructor(cellService, eventService) {
+        this.cellService = cellService;
+        this.eventService = eventService;
+        this.value = '';
+        this.allowedEdit = false;
+        this.getCellField = getCellField;
+        this.cellEditablePipe = new CellEditablePipe();
+    }
+    oneInit(params) {
+        this.params = params;
+        this.value = params.data[params.columnDef.field];
+        this.result = this.value;
+        this.allowedEdit = params.context.componentParent.allowedEdit || false;
+        this.unsubscribe = this.eventService.addEventListener('cellStateChanged', (payload) => {
+            if (this.params.node.rowId === payload.node.rowId) {
+                this.result = this.cellService.generateCellState(this.params.node, this.params.columnDef).value;
+            }
+        });
+    }
+    refresh(params) {
+        // Update params and values when grid data refreshes
+        this.params = params;
+        this.value = params.data[params.columnDef.field];
+        this.result = this.value;
+        this.allowedEdit = params.context.componentParent.allowedEdit || false;
+        return true;
+    }
+    get isEditable() {
+        if (!this.params.node || !this.params.columnDef)
+            return false;
+        return this.cellEditablePipe.transform(this.params.node.cellStates, this.params.columnDef, this.params.node, this.cellService.editableFn, this.cellService.updatableFn, this.allowedEdit);
+    }
+    startEdit(node, column) {
+        if (!this.isEditable) {
+            return;
+        }
+        if (node) {
+            node.editing[column.field] = true;
+            setTimeout(() => {
+                const input = document.querySelector(`[data-cell-id="${getCellField(node.rowIndex, column.field)}"] input`);
+                if (input) {
+                    input.focus();
+                    const value = input.value;
+                    if (value && ["text"].includes(input.type)) {
+                        input.setSelectionRange(value.length, value.length);
+                    }
+                }
+            }, 10);
+        }
+    }
+    stopEdit(node, column, event) {
+        if (node) {
+            node.data[column.field] = event.target.value === '' ? null : event.target.value;
+            node.cellStates = this.cellService.generateCellStates(node);
+            node.editing[column.field] = false;
+            this.eventService.dispatchEvent('cellStateChanged', {
+                data: { ...node.data },
+                node: node,
+                column: column
+            });
+        }
+    }
+    cancelEdit(node, column) {
+        if (node) {
+            node.editing[column.field] = false;
+        }
+    }
+    ngOnDestroy() {
+        this.unsubscribe?.();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: OneGridCellCurrencyComponent, deps: [{ token: OneGridCellService }, { token: OneGridEventService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: OneGridCellCurrencyComponent, selector: "app-one-grid-cell-currency", inputs: { allowedEdit: "allowedEdit" }, ngImport: i0, template: "<div class=\"cell-wrapper\"\n     [class.editable]=\"isEditable\"\n     [attr.data-cell-id]=\"getCellField(params.node?.rowIndex, params.columnDef?.field)\"\n     [style.min-width.px]=\"params.columnDef?.minWidth\"\n     [style.max-width.px]=\"params.columnDef?.maxWidth\">\n\n    @if (params.node?.editing?.[params.columnDef?.field]) {\n      <input class=\"one-cell-input\"\n        name=\"{{ params.node?.rowIndex }}_{{ params.columnDef?.field }}\"\n        oneCellInputValidator\n        validationType=\"number\"\n        [placeholder]=\"params.columnDef?.cellRendererParams?.placeholder || ''\"\n        type=\"text\"\n        [(ngModel)]=\"value\"\n        [maxLength]=\"250\"\n        (blur)=\"stopEdit(params.node, params.columnDef, $event)\"\n        (keydown.enter)=\"stopEdit(params.node, params.columnDef, $event)\"\n        (keydown.esc)=\"cancelEdit(params.node, params.columnDef)\" />\n    }\n    @else {\n      <div class=\"d-flex justify-content-between px-2 pt-1\"\n        [class.one-cell-allowed-edit-active]=\"isEditable\"\n        (dblclick)=\"startEdit(params.node, params.columnDef)\">\n        <span class=\"currency-code\" style=\"font-weight: bold;\">{{ this.params?.data?.currency?.currencyCode || 'USD' }}</span>\n        <span class=\"amount-value\">\n          {{ result | number:(this.params?.field === 'amount' ? '1.3-3' : '1.2-2') }}\n        </span>\n      </div>\n    }\n</div>\n", styles: [".one-cell-input{position:absolute;top:0;left:0;width:calc(100% - 1px);height:100%;padding:0 6px;background-color:var(--one-grid-input-bg, var(--bs-input-bg, #fff));border:1px solid var(--one-grid-success, var(--bs-success, #198754));border-radius:var(--one-grid-action-btn-radius, 4px);z-index:5}.one-cell-input:focus{background:var(--one-grid-input-bg, var(--bs-input-bg, #fff));border:1px solid var(--one-grid-success, var(--bs-success, #198754))}:host{display:block;width:100%;height:100%;position:relative}.cell-wrapper{position:relative;width:100%;height:100%}.cell-wrapper.editable:before{content:\"\";position:absolute;top:4px;right:4px;width:4px;height:4px;background-color:var(--one-grid-success, var(--bs-success, #198754));border-radius:50%;z-index:1;opacity:.5;transition:opacity .2s ease}.cell-wrapper.editable:hover:before{opacity:1}\n"], dependencies: [{ kind: "directive", type: i3$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: OneCellInputValidatorDirective, selector: "[oneCellInputValidator]", inputs: ["validationType", "regex"] }, { kind: "pipe", type: i2.DecimalPipe, name: "number" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: OneGridCellCurrencyComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: false, selector: 'app-one-grid-cell-currency', template: "<div class=\"cell-wrapper\"\n     [class.editable]=\"isEditable\"\n     [attr.data-cell-id]=\"getCellField(params.node?.rowIndex, params.columnDef?.field)\"\n     [style.min-width.px]=\"params.columnDef?.minWidth\"\n     [style.max-width.px]=\"params.columnDef?.maxWidth\">\n\n    @if (params.node?.editing?.[params.columnDef?.field]) {\n      <input class=\"one-cell-input\"\n        name=\"{{ params.node?.rowIndex }}_{{ params.columnDef?.field }}\"\n        oneCellInputValidator\n        validationType=\"number\"\n        [placeholder]=\"params.columnDef?.cellRendererParams?.placeholder || ''\"\n        type=\"text\"\n        [(ngModel)]=\"value\"\n        [maxLength]=\"250\"\n        (blur)=\"stopEdit(params.node, params.columnDef, $event)\"\n        (keydown.enter)=\"stopEdit(params.node, params.columnDef, $event)\"\n        (keydown.esc)=\"cancelEdit(params.node, params.columnDef)\" />\n    }\n    @else {\n      <div class=\"d-flex justify-content-between px-2 pt-1\"\n        [class.one-cell-allowed-edit-active]=\"isEditable\"\n        (dblclick)=\"startEdit(params.node, params.columnDef)\">\n        <span class=\"currency-code\" style=\"font-weight: bold;\">{{ this.params?.data?.currency?.currencyCode || 'USD' }}</span>\n        <span class=\"amount-value\">\n          {{ result | number:(this.params?.field === 'amount' ? '1.3-3' : '1.2-2') }}\n        </span>\n      </div>\n    }\n</div>\n", styles: [".one-cell-input{position:absolute;top:0;left:0;width:calc(100% - 1px);height:100%;padding:0 6px;background-color:var(--one-grid-input-bg, var(--bs-input-bg, #fff));border:1px solid var(--one-grid-success, var(--bs-success, #198754));border-radius:var(--one-grid-action-btn-radius, 4px);z-index:5}.one-cell-input:focus{background:var(--one-grid-input-bg, var(--bs-input-bg, #fff));border:1px solid var(--one-grid-success, var(--bs-success, #198754))}:host{display:block;width:100%;height:100%;position:relative}.cell-wrapper{position:relative;width:100%;height:100%}.cell-wrapper.editable:before{content:\"\";position:absolute;top:4px;right:4px;width:4px;height:4px;background-color:var(--one-grid-success, var(--bs-success, #198754));border-radius:50%;z-index:1;opacity:.5;transition:opacity .2s ease}.cell-wrapper.editable:hover:before{opacity:1}\n"] }]
+        }], ctorParameters: () => [{ type: OneGridCellService }, { type: OneGridEventService }], propDecorators: { allowedEdit: [{
+                type: Input
+            }] } });
+
+class OneGridModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: OneGridModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: OneGridModule, declarations: [OneGridComponent,
+            OneGridHeaderComponent,
+            OneGridBodyComponent,
+            OneGridCheckboxComponent,
+            OneGridCheckboxHeaderComponent,
+            OneGridRowActionComponent,
+            OneGridPaginationComponent,
+            OneGridStatusComponent,
+            OneGridCellGroupRendererComponent,
+            CellFieldValueEmptyPipe,
+            CellValueGetterPipe,
+            CellFieldValuePipe,
+            CellActionButtonVisiblePipe,
+            CellEditablePipe,
+            CellInvalidPipe,
+            CellSelectedPipe,
+            CellActionButtonEnablePipe,
+            CellNumberValuePipe,
+            CellDisableResolverPipe,
+            CellFieldPipe,
+            CellKeyPipe,
+            CellLevelPaddingPipe,
+            ColumnSortStatePipe,
+            HeaderCheckboxDisabledPipe,
+            HeaderCheckboxCheckedPipe,
+            HeaderCheckboxIndeterminatePipe,
+            CellStateRendererPipe,
+            CellStateGroupRendererPipe,
+            OneCellInputValidatorDirective,
+            OneCellRendererComponentDirective,
+            OneCellTextExpandDirective,
+            OneGridCellCurrencyComponent,
+            OneGridCellOptionMenuComponent], imports: [CommonModule,
+            FormsModule,
+            ScrollingModule,
+            NgbTypeahead,
+            NgbHighlight,
+            ReactiveFormsModule,
+            CdkDragPlaceholder, i3.LucideAngularModule], exports: [OneGridComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: OneGridModule, imports: [CommonModule,
+            FormsModule,
+            ScrollingModule,
+            NgbHighlight,
+            ReactiveFormsModule,
+            LucideAngularModule.pick(icons)] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: OneGridModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        OneGridComponent,
+                        OneGridHeaderComponent,
+                        OneGridBodyComponent,
+                        OneGridCheckboxComponent,
+                        OneGridCheckboxHeaderComponent,
+                        OneGridRowActionComponent,
+                        OneGridPaginationComponent,
+                        OneGridStatusComponent,
+                        OneGridCellGroupRendererComponent,
+                        CellFieldValueEmptyPipe,
+                        CellValueGetterPipe,
+                        CellFieldValuePipe,
+                        CellActionButtonVisiblePipe,
+                        CellEditablePipe,
+                        CellInvalidPipe,
+                        CellSelectedPipe,
+                        CellActionButtonEnablePipe,
+                        CellNumberValuePipe,
+                        CellDisableResolverPipe,
+                        CellFieldPipe,
+                        CellKeyPipe,
+                        CellLevelPaddingPipe,
+                        ColumnSortStatePipe,
+                        HeaderCheckboxDisabledPipe,
+                        HeaderCheckboxCheckedPipe,
+                        HeaderCheckboxIndeterminatePipe,
+                        CellStateRendererPipe,
+                        CellStateGroupRendererPipe,
+                        OneCellInputValidatorDirective,
+                        OneCellRendererComponentDirective,
+                        OneCellTextExpandDirective,
+                        OneGridCellCurrencyComponent,
+                        OneGridCellOptionMenuComponent
+                    ],
+                    imports: [
+                        CommonModule,
+                        FormsModule,
+                        ScrollingModule,
+                        NgbTypeahead,
+                        NgbHighlight,
+                        ReactiveFormsModule,
+                        CdkDragPlaceholder,
+                        LucideAngularModule.pick(icons),
+                    ],
+                    exports: [OneGridComponent]
+                }]
+        }] });
+
+/*
+ * Public API Surface of one-grid
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { OneGridApi, OneGridCellService, OneGridComponent, OneGridEventService, OneGridExpansionService, OneGridModule, OneGridSelectionService, OneGridTreeDataService, OnePageSizeOption, OneRowNode, ValidationRules, Validators, applyDefaultColumnDef, getCellError, resolveOneCellRendererParams, resolveOneColumDefParams, resolveOneValueGetterParams };
+//# sourceMappingURL=one-grid-core-angular.mjs.map