@one-grid-core/angular 0.5.3 → 0.5.5

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

@@ -4042,6 +4042,7 @@ class OneGridRowActionComponent {
          * Bind Event to Parent Component
          */
         this.onRowGotoDetail = new EventEmitter();
+        this.onRowDetail = new EventEmitter();
         this.onRowAddNew = new EventEmitter();
         this.onRowView = new EventEmitter();
         this.onRowLocation = new EventEmitter();
@@ -4063,6 +4064,7 @@ class OneGridRowActionComponent {
          * These are also the `title`, so the icons are identifiable by pointer too.
          */
         this.labels = {
+            detail: 'Detail',
             gotoDetail: 'Open detail',
             addNew: 'Add new row',
             view: 'View row',
@@ -4104,7 +4106,9 @@ class OneGridRowActionComponent {
     ngOnInit() {
         this.detailActiveExcludeLevels = new Set(this.column.cellRendererParams?.detailActiveExcludeLevels ?? []);
         this.gotoDetailExcludeLevels = new Set(this.column.cellRendererParams?.gotoDetailExcludeLevels ?? []);
+        this.detailExcludeLevels = new Set(this.column.cellRendererParams?.detailExcludeLevels ?? []);
         this.addNewExcludeLevels = new Set(this.column.cellRendererParams?.addNewExcludeLevels ?? []);
+        this.gotoListExcludeLevels = new Set(this.column.cellRendererParams?.gotoListExcludeLevels ?? []);
     }
     /**
      * Trigger Invoke Click Event
@@ -4119,6 +4123,13 @@ class OneGridRowActionComponent {
         }
         this.onRowGotoDetail.emit(data);
     }
+    invokeRowActionDetail(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.onRowDetail.emit(data);
+    }
     invokeRowActionAddNew(node, column) {
         let data = { node, column, data: node.data, rowIndex: node.rowIndex, gridType: null };
         if (this.masterDetail) {
@@ -4211,11 +4222,11 @@ class OneGridRowActionComponent {
         this.onRowCellOption.emit(data);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: OneGridRowActionComponent, deps: [{ token: OneGridCellService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: OneGridRowActionComponent, isStandalone: true, 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 button, not an <a> with a click handler: it has no href, so\n                 it was neither focusable nor operable from the keyboard. -->\n            <button\n                type=\"button\"\n                class=\"btn-action btn-action-plain me-2\"\n                [attr.aria-expanded]=\"node.detailActive\"\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            </button>\n        }\n\n        <!-- Goto Detail Button Status -->\n        @if ((cellRendererParams?.gotoDetailButtonStatus == 1 && !(gotoDetailExcludeLevels?.has(node.level))) && (!hideActionButton || allowedEdit)) {\n            <button\n                type=\"button\"\n                class=\"btn-action btn-action-primary\"\n                [attr.aria-label]=\"labels.gotoDetail\"\n                [title]=\"labels.gotoDetail\"\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))) && (!hideActionButton || allowedEdit)) {\n            <button\n                type=\"button\"\n                class=\"btn-action btn-action-primary\"\n                [class.disabled]=\"actionDisabled\"\n                [disabled]=\"actionDisabled\"\n                [attr.aria-label]=\"labels.addNew\"\n                [title]=\"labels.addNew\"\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                [attr.aria-label]=\"labels.view\"\n                [title]=\"labels.view\"\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                [attr.aria-label]=\"labels.location\"\n                [title]=\"labels.location\"\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                [attr.aria-label]=\"labels.document\"\n                [title]=\"labels.document\"\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                [attr.aria-label]=\"labels.copy\"\n                [title]=\"labels.copy\"\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 && (!hideActionButton || allowedEdit)) {\n            <button\n                type=\"button\"\n                class=\"btn-action btn-action-danger\"\n                [class.disabled]=\"actionDisabled\"\n                [disabled]=\"actionDisabled\"\n                [attr.aria-label]=\"labels.delete\"\n                [title]=\"labels.delete\"\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                [attr.aria-label]=\"labels.gotoList\"\n                [title]=\"labels.gotoList\"\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]=\"actionDisabled\"\n                [disabled]=\"actionDisabled\"\n                [attr.aria-label]=\"labels.edit\"\n                [title]=\"labels.edit\"\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]=\"actionDisabled\"\n                [disabled]=\"actionDisabled\"\n                [attr.aria-label]=\"labels.print\"\n                [title]=\"labels.print\"\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]=\"actionDisabled\"\n                [disabled]=\"actionDisabled\"\n                [attr.aria-label]=\"labels.history\"\n                [title]=\"labels.history\"\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]=\"actionDisabled\"\n                [disabled]=\"actionDisabled\"\n                [attr.aria-label]=\"labels.option\"\n                [title]=\"labels.option\"\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]=\"actionDisabled\"\n                [disabled]=\"actionDisabled\"\n                [attr.aria-label]=\"labels.language\"\n                [title]=\"labels.language\"\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]=\"actionDisabled\"\n                [disabled]=\"actionDisabled\"\n                [attr.aria-label]=\"labels.cellOption\"\n                [title]=\"labels.cellOption\"\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: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: OneGridRowActionComponent, isStandalone: true, 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", onRowDetail: "onRowDetail", 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 button, not an <a> with a click handler: it has no href, so\n                 it was neither focusable nor operable from the keyboard. -->\n            <button\n                type=\"button\"\n                class=\"btn-action btn-action-plain me-2\"\n                [attr.aria-expanded]=\"node.detailActive\"\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            </button>\n        }\n\n        <!-- Goto Detail Button Status -->\n        @if ((cellRendererParams?.gotoDetailButtonStatus == 1 && !(gotoDetailExcludeLevels?.has(node.level))) && (!hideActionButton || allowedEdit)) {\n            <button\n                type=\"button\"\n                class=\"btn-action btn-action-primary\"\n                [attr.aria-label]=\"labels.gotoDetail\"\n                [title]=\"labels.gotoDetail\"\n                (click)=\"invokeRowActionGotoDetail(node, column)\">\n\n                <i class=\"bi bi-list-task\"></i>\n            </button>\n        }\n\n        <!-- Goto Detail Button Status -->\n        @if ((cellRendererParams?.detailButtonStatus == 1 && !(detailExcludeLevels?.has(node.level)))) {\n            <button\n                    type=\"button\"\n                    class=\"btn-action btn-action-primary\"\n                    [attr.aria-label]=\"labels.detail\"\n                    [title]=\"labels.detail\"\n                    (click)=\"invokeRowActionDetail(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))) && (!hideActionButton || allowedEdit)) {\n            <button\n                type=\"button\"\n                class=\"btn-action btn-action-primary\"\n                [class.disabled]=\"actionDisabled\"\n                [disabled]=\"actionDisabled\"\n                [attr.aria-label]=\"labels.addNew\"\n                [title]=\"labels.addNew\"\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                [attr.aria-label]=\"labels.view\"\n                [title]=\"labels.view\"\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                [attr.aria-label]=\"labels.location\"\n                [title]=\"labels.location\"\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                [attr.aria-label]=\"labels.document\"\n                [title]=\"labels.document\"\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                [attr.aria-label]=\"labels.copy\"\n                [title]=\"labels.copy\"\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 && (!hideActionButton || allowedEdit)) {\n            <button\n                type=\"button\"\n                class=\"btn-action btn-action-danger\"\n                [class.disabled]=\"actionDisabled\"\n                [disabled]=\"actionDisabled\"\n                [attr.aria-label]=\"labels.delete\"\n                [title]=\"labels.delete\"\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 && !(gotoListExcludeLevels?.has(node.level))) && (!hideActionButton || allowedEdit)) {\n            <button\n                type=\"button\"\n                class=\"btn-action btn-action-success\"\n                [attr.aria-label]=\"labels.gotoList\"\n                [title]=\"labels.gotoList\"\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]=\"actionDisabled\"\n                [disabled]=\"actionDisabled\"\n                [attr.aria-label]=\"labels.edit\"\n                [title]=\"labels.edit\"\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]=\"actionDisabled\"\n                [disabled]=\"actionDisabled\"\n                [attr.aria-label]=\"labels.print\"\n                [title]=\"labels.print\"\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]=\"actionDisabled\"\n                [disabled]=\"actionDisabled\"\n                [attr.aria-label]=\"labels.history\"\n                [title]=\"labels.history\"\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]=\"actionDisabled\"\n                [disabled]=\"actionDisabled\"\n                [attr.aria-label]=\"labels.option\"\n                [title]=\"labels.option\"\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]=\"actionDisabled\"\n                [disabled]=\"actionDisabled\"\n                [attr.aria-label]=\"labels.language\"\n                [title]=\"labels.language\"\n                (click)=\"invokeRowActionLanguage(node, column)\">\n\n                <i class=\"bi bi-translate\"></i>\n            </button>\n        }\n\n        <!-- Cell Option 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]=\"actionDisabled\"\n                [disabled]=\"actionDisabled\"\n                [attr.aria-label]=\"labels.cellOption\"\n                [title]=\"labels.cellOption\"\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: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: OneGridRowActionComponent, decorators: [{
             type: Component,
-            args: [{ standalone: true, imports: [NgClass], 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 button, not an <a> with a click handler: it has no href, so\n                 it was neither focusable nor operable from the keyboard. -->\n            <button\n                type=\"button\"\n                class=\"btn-action btn-action-plain me-2\"\n                [attr.aria-expanded]=\"node.detailActive\"\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            </button>\n        }\n\n        <!-- Goto Detail Button Status -->\n        @if ((cellRendererParams?.gotoDetailButtonStatus == 1 && !(gotoDetailExcludeLevels?.has(node.level))) && (!hideActionButton || allowedEdit)) {\n            <button\n                type=\"button\"\n                class=\"btn-action btn-action-primary\"\n                [attr.aria-label]=\"labels.gotoDetail\"\n                [title]=\"labels.gotoDetail\"\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))) && (!hideActionButton || allowedEdit)) {\n            <button\n                type=\"button\"\n                class=\"btn-action btn-action-primary\"\n                [class.disabled]=\"actionDisabled\"\n                [disabled]=\"actionDisabled\"\n                [attr.aria-label]=\"labels.addNew\"\n                [title]=\"labels.addNew\"\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                [attr.aria-label]=\"labels.view\"\n                [title]=\"labels.view\"\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                [attr.aria-label]=\"labels.location\"\n                [title]=\"labels.location\"\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                [attr.aria-label]=\"labels.document\"\n                [title]=\"labels.document\"\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                [attr.aria-label]=\"labels.copy\"\n                [title]=\"labels.copy\"\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 && (!hideActionButton || allowedEdit)) {\n            <button\n                type=\"button\"\n                class=\"btn-action btn-action-danger\"\n                [class.disabled]=\"actionDisabled\"\n                [disabled]=\"actionDisabled\"\n                [attr.aria-label]=\"labels.delete\"\n                [title]=\"labels.delete\"\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                [attr.aria-label]=\"labels.gotoList\"\n                [title]=\"labels.gotoList\"\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]=\"actionDisabled\"\n                [disabled]=\"actionDisabled\"\n                [attr.aria-label]=\"labels.edit\"\n                [title]=\"labels.edit\"\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]=\"actionDisabled\"\n                [disabled]=\"actionDisabled\"\n                [attr.aria-label]=\"labels.print\"\n                [title]=\"labels.print\"\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]=\"actionDisabled\"\n                [disabled]=\"actionDisabled\"\n                [attr.aria-label]=\"labels.history\"\n                [title]=\"labels.history\"\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]=\"actionDisabled\"\n                [disabled]=\"actionDisabled\"\n                [attr.aria-label]=\"labels.option\"\n                [title]=\"labels.option\"\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]=\"actionDisabled\"\n                [disabled]=\"actionDisabled\"\n                [attr.aria-label]=\"labels.language\"\n                [title]=\"labels.language\"\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]=\"actionDisabled\"\n                [disabled]=\"actionDisabled\"\n                [attr.aria-label]=\"labels.cellOption\"\n                [title]=\"labels.cellOption\"\n                (click)=\"invokeRowActionCellOption(node, column)\">\n\n                <i class=\"bi bi-three-dots-vertical\"></i>\n            </button>\n        }\n    </div>\n}" }]
+            args: [{ standalone: true, imports: [NgClass], 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 button, not an <a> with a click handler: it has no href, so\n                 it was neither focusable nor operable from the keyboard. -->\n            <button\n                type=\"button\"\n                class=\"btn-action btn-action-plain me-2\"\n                [attr.aria-expanded]=\"node.detailActive\"\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            </button>\n        }\n\n        <!-- Goto Detail Button Status -->\n        @if ((cellRendererParams?.gotoDetailButtonStatus == 1 && !(gotoDetailExcludeLevels?.has(node.level))) && (!hideActionButton || allowedEdit)) {\n            <button\n                type=\"button\"\n                class=\"btn-action btn-action-primary\"\n                [attr.aria-label]=\"labels.gotoDetail\"\n                [title]=\"labels.gotoDetail\"\n                (click)=\"invokeRowActionGotoDetail(node, column)\">\n\n                <i class=\"bi bi-list-task\"></i>\n            </button>\n        }\n\n        <!-- Goto Detail Button Status -->\n        @if ((cellRendererParams?.detailButtonStatus == 1 && !(detailExcludeLevels?.has(node.level)))) {\n            <button\n                    type=\"button\"\n                    class=\"btn-action btn-action-primary\"\n                    [attr.aria-label]=\"labels.detail\"\n                    [title]=\"labels.detail\"\n                    (click)=\"invokeRowActionDetail(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))) && (!hideActionButton || allowedEdit)) {\n            <button\n                type=\"button\"\n                class=\"btn-action btn-action-primary\"\n                [class.disabled]=\"actionDisabled\"\n                [disabled]=\"actionDisabled\"\n                [attr.aria-label]=\"labels.addNew\"\n                [title]=\"labels.addNew\"\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                [attr.aria-label]=\"labels.view\"\n                [title]=\"labels.view\"\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                [attr.aria-label]=\"labels.location\"\n                [title]=\"labels.location\"\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                [attr.aria-label]=\"labels.document\"\n                [title]=\"labels.document\"\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                [attr.aria-label]=\"labels.copy\"\n                [title]=\"labels.copy\"\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 && (!hideActionButton || allowedEdit)) {\n            <button\n                type=\"button\"\n                class=\"btn-action btn-action-danger\"\n                [class.disabled]=\"actionDisabled\"\n                [disabled]=\"actionDisabled\"\n                [attr.aria-label]=\"labels.delete\"\n                [title]=\"labels.delete\"\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 && !(gotoListExcludeLevels?.has(node.level))) && (!hideActionButton || allowedEdit)) {\n            <button\n                type=\"button\"\n                class=\"btn-action btn-action-success\"\n                [attr.aria-label]=\"labels.gotoList\"\n                [title]=\"labels.gotoList\"\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]=\"actionDisabled\"\n                [disabled]=\"actionDisabled\"\n                [attr.aria-label]=\"labels.edit\"\n                [title]=\"labels.edit\"\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]=\"actionDisabled\"\n                [disabled]=\"actionDisabled\"\n                [attr.aria-label]=\"labels.print\"\n                [title]=\"labels.print\"\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]=\"actionDisabled\"\n                [disabled]=\"actionDisabled\"\n                [attr.aria-label]=\"labels.history\"\n                [title]=\"labels.history\"\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]=\"actionDisabled\"\n                [disabled]=\"actionDisabled\"\n                [attr.aria-label]=\"labels.option\"\n                [title]=\"labels.option\"\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]=\"actionDisabled\"\n                [disabled]=\"actionDisabled\"\n                [attr.aria-label]=\"labels.language\"\n                [title]=\"labels.language\"\n                (click)=\"invokeRowActionLanguage(node, column)\">\n\n                <i class=\"bi bi-translate\"></i>\n            </button>\n        }\n\n        <!-- Cell Option 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]=\"actionDisabled\"\n                [disabled]=\"actionDisabled\"\n                [attr.aria-label]=\"labels.cellOption\"\n                [title]=\"labels.cellOption\"\n                (click)=\"invokeRowActionCellOption(node, column)\">\n\n                <i class=\"bi bi-three-dots-vertical\"></i>\n            </button>\n        }\n    </div>\n}" }]
         }], ctorParameters: () => [{ type: OneGridCellService }], propDecorators: { column: [{
                 type: Input,
                 args: [{ required: true }]
@@ -4226,17 +4237,24 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                 type: Input,
                 args: [{ required: true }]
             }], masterDetail: [{
-                type: Input
+                type: Input,
+                args: [{ required: false }]
             }], masterNode: [{
-                type: Input
+                type: Input,
+                args: [{ required: false }]
             }], cellRendererParams: [{
-                type: Input
+                type: Input,
+                args: [{ required: false }]
             }], gridType: [{
-                type: Input
+                type: Input,
+                args: [{ required: false }]
             }], context: [{
-                type: Input
+                type: Input,
+                args: [{ required: false }]
             }], onRowGotoDetail: [{
                 type: Output
+            }], onRowDetail: [{
+                type: Output
             }], onRowAddNew: [{
                 type: Output
             }], onRowView: [{
@@ -4741,6 +4759,7 @@ class OneGridBodyComponent {
          * Passing Row Action Events to Parent
          */
         this.onRowGotoDetail = new EventEmitter();
+        this.onRowDetail = new EventEmitter();
         this.onRowAddNew = new EventEmitter();
         this.onRowView = new EventEmitter();
         this.onRowCopy = new EventEmitter();
@@ -5171,6 +5190,9 @@ class OneGridBodyComponent {
     invokeRowActionGotoDetail(event) {
         this.onRowGotoDetail.emit(event);
     }
+    invokeRowActionDetail(event) {
+        this.onRowDetail.emit(event);
+    }
     invokeRowActionAddNew(event) {
         this.onRowAddNew.emit(event);
     }
@@ -5787,7 +5809,7 @@ class OneGridBodyComponent {
         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: OneGridRowDragService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: OneGridBodyComponent, isStandalone: true, selector: "one-grid-body", inputs: { rowData: "rowData", rowNumber: "rowNumber", api: "api", pagination: "pagination", allowedEdit: "allowedEdit", enableGroupColumnDefs: "enableGroupColumnDefs", submitted: "submitted", editType: "editType", context: "context", getRowId: "getRowId", gridCopy$: "gridCopy$", pinnedTopRowData: "pinnedTopRowData", pinnedBottomRowData: "pinnedBottomRowData", 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", rowDragEnd: "rowDragEnd" }, host: { attributes: { "role": "presentation" }, 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 }, { propertyName: "pinnedViewports", predicate: ["pinnedViewport"], descendants: true }], ngImport: i0, template: "<div #bodyRef class=\"one-grid-body\" role=\"presentation\">\n\n    <!-- Pinned rows live outside the scroll viewport so they never scroll\n         vertically, and mirror its scrollLeft so the columns stay aligned. -->\n    @if (pinnedTopNodes.length) {\n        <div #pinnedViewport class=\"one-pinned-rows one-pinned-rows-top\" role=\"rowgroup\">\n            <ng-container [ngTemplateOutlet]=\"pinnedRows\" [ngTemplateOutletContext]=\"{ nodes: pinnedTopNodes, side: 'top' }\"></ng-container>\n        </div>\n    }\n\n    <!-- tabindex makes the scroll container reachable, so a keyboard user can\n         scroll the rows with the arrow keys, Page Up/Down and Home/End. Without\n         it the body is scrollable by pointer only (WCAG 2.1.1). -->\n    <cdk-virtual-scroll-viewport\n        class=\"one-grid-body-viewport\"\n        role=\"rowgroup\"\n        [attr.tabindex]=\"nodes?.length ? null : 0\"\n        (keydown)=\"onGridKeydown($event)\"\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\"\n                role=\"row\"\n                [attr.aria-rowindex]=\"dataRowAriaIndex(node)\"\n                [attr.aria-selected]=\"rowSelectionEnabled ? node.selected : null\"\n                [attr.data-row-id]=\"node.rowId\"\n                [class.one-row-selected]=\"node.selected\"\n                [class.one-row-dragging]=\"isRowDragging(node)\">\n                @for (col of columnDefs; track col.field;) {\n                    <ng-container [ngTemplateOutlet]=\"cellTemplate\" [ngTemplateOutletContext]=\"{ node, rowIndex: node.rowIndex, column: col, colIndex: $index }\"></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\n    <!-- Drop indicator.\n         A line at the insertion point rather than a gap opened between rows:\n         the viewport is virtualised at a fixed itemSize, so shifting rows apart\n         would desynchronise the scroller from its own geometry. It is also the\n         clearer signal \u2014 the row lands exactly where the line is.\n         Positioned against the body, with the viewport's scroll subtracted, so\n         it stays put while the content moves under it during auto-scroll. -->\n    @if (dropIndicatorTop !== null) {\n        <div class=\"one-row-drop-indicator\" aria-hidden=\"true\"\n             [style.top.px]=\"dropIndicatorTop\"\n             [style.width.px]=\"dropIndicatorWidth\"></div>\n    }\n\n    <!-- Keyboard reordering has no drag image to watch, so it narrates instead.\n         Assertive because the message is the only feedback that the row moved. -->\n    <div class=\"one-grid-visually-hidden\" role=\"status\" aria-live=\"assertive\" aria-atomic=\"true\">{{ dragAnnouncement }}</div>\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\n    @if (pinnedBottomNodes.length) {\n        <div #pinnedViewport class=\"one-pinned-rows one-pinned-rows-bottom\" role=\"rowgroup\">\n            <ng-container [ngTemplateOutlet]=\"pinnedRows\" [ngTemplateOutletContext]=\"{ nodes: pinnedBottomNodes, side: 'bottom' }\"></ng-container>\n        </div>\n    }\n</div>\n\n<!-- Pinned rows are display-only: they render exactly what a data cell renders,\n     but carry none of its interactions. A totals row should not open an editor\n     on double-click or start a range selection on drag. -->\n<ng-template #pinnedRows let-nodes=\"nodes\" let-side=\"side\">\n    @for (node of nodes; track node.rowId) {\n        <div class=\"one-row one-row-pinned\"\n            role=\"row\"\n            [attr.aria-rowindex]=\"pinnedRowAriaIndex(node, side)\"\n            [attr.data-row-id]=\"node.rowId\">\n            @for (column of columnDefs; track column.field) {\n                <div\n                    class=\"one-column\"\n                    role=\"gridcell\"\n                    [attr.aria-colindex]=\"$index + 1\"\n                    [attr.data-cell-id]=\"node.rowId | cellKey:column.field\"\n                    [class.one-column-pinned-left]=\"column.pinned === 'left'\"\n                    [class.one-column-pinned-right]=\"column.pinned === 'right'\"\n                    [class.one-column-pinned-edge]=\"column._pinnedEdge\"\n                    [style.left.px]=\"column.pinned === 'left' ? column._pinnedOffset : null\"\n                    [style.right.px]=\"column.pinned === 'right' ? column._pinnedOffset : null\"\n                    [style.width.px]=\"column?.width\"\n                    [style.min-width.px]=\"column?.minWidth\"\n                    [style.max-width.px]=\"column?.maxWidth\">\n\n                    @if (column?.cellRendererComponent) {\n                        <ng-container\n                            oneCellRendererComponent\n                            [cellRendererComponent]=\"column?.cellRendererComponent\"\n                            [params]=\"rendererParams(node, column)\">\n                        </ng-container>\n                    }\n                    @else if (column?.cellRenderer) {\n                        <div\n                            [ngStyle]=\"{ width: column.width + 'px', position: 'relative' }\"\n                            [innerHTML]=\"node.cellStates | cellStateRenderer:column.field\">\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.resolveCellClass(column, cellParams(node, column))\"\n                            [ngStyle]=\"colService.resolveCellStyle(column, cellParams(node, column))\">\n                            <div class=\"one-cell-text\">{{ (node.cellStates | cellStateRenderer:column.field) }}</div>\n                        </div>\n                    }\n                </div>\n            }\n        </div>\n    }\n</ng-template>\n\n<!-- Master Column Template  -->\n<ng-template #cellTemplate let-node=\"node\" let-rowIndex=\"rowIndex\" let-column=\"column\" let-colIndex=\"colIndex\">\n    <div\n        class=\"one-column\"\n        role=\"gridcell\"\n        [attr.aria-colindex]=\"colIndex + 1\"\n        [attr.tabindex]=\"isActiveCell(node, column) ? 0 : -1\"\n        [class.one-cell-active]=\"isActiveCell(node, column)\"\n        (focus)=\"onCellFocus(node, column)\"\n        [attr.data-cell-id]=\"node.rowId | cellKey:column.field\"\n        [class.one-column-pinned-left]=\"column.pinned === 'left'\"\n        [class.one-column-pinned-right]=\"column.pinned === 'right'\"\n        [class.one-column-pinned-edge]=\"column._pinnedEdge\"\n        [style.left.px]=\"column.pinned === 'left' ? column._pinnedOffset : null\"\n        [style.right.px]=\"column.pinned === 'right' ? column._pinnedOffset : null\"\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                (cellOptionMenuClose)=\"cellOptionMenuClosed()\"/>\n        }\n\n        <!-- Grid Cell Template -->\n        @if(column?.cellRendererComponent) {\n            <ng-container\n                oneCellRendererComponent\n                [cellRendererComponent]=\"column?.cellRendererComponent\"\n                [params]=\"rendererParams(node, column)\">\n            </ng-container>\n        }\n        @else if (node.editing[column.field]) {\n            @if (column?.cellRendererParams?.inputType === 'select') {\n                <!-- Cell Editing Select. Commits on change \u2014 picking an option\n                     is the whole edit \u2014 with blur as the keyboard fallback. -->\n                <select class=\"one-cell-input\"\n                    name=\"{{ node.rowId + '' + column.field }}\"\n                    (change)=\"stopEditSelect(node, column, $event)\"\n                    (blur)=\"stopEditSelect(node, column, $event)\"\n                    (keydown.esc)=\"cancelEdit(node, column)\">\n                    @for (option of column?.cellRendererParams?.selectOptions ?? []; track $index) {\n                        <option [selected]=\"option.value === node.data[column.field]\">{{ option.label }}</option>\n                    }\n                </select>\n            }\n            @else {\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        }\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.resolveCellClass(column, cellParams(node, column))\"\n                [ngStyle]=\"colService.resolveCellStyle(column, cellParams(node, column))\"\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                <!-- Row Drag Handle -->\n                @if (cellService.rowDragFn(column, node)) {\n                    <one-grid-row-drag-handle\n                        [node]=\"node\"\n                        [suppressedReason]=\"rowDragSuppressed\"\n                        (dragEnd)=\"onRowDragEnd($event)\"\n                    />\n                }\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]=\"rendererParams(node, column)\">\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: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: ScrollingModule }, { 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: OneGridCellGroupRendererComponent, selector: "one-grid-cell-group-renderer", inputs: ["node", "masterDetail", "detailCellRendererParams", "detailRendererComponent"], outputs: ["expansionChanged"] }, { kind: "component", type: OneGridCellOptionMenuComponent, selector: "one-grid-cell-option-menu", inputs: ["column", "node", "options"], outputs: ["cellOptionMenuSelect", "cellOptionMenuClose"] }, { 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: OneGridRowDragHandleComponent, selector: "one-grid-row-drag-handle", inputs: ["node", "suppressedReason"], outputs: ["dragEnd"] }, { 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: "pipe", type: CellActionButtonEnablePipe, name: "cellActionButtonEnable" }, { kind: "pipe", type: CellEditablePipe, name: "cellEditable" }, { kind: "pipe", type: CellInvalidPipe, name: "cellInvalid" }, { kind: "pipe", type: CellKeyPipe, name: "cellKey" }, { kind: "pipe", type: CellLevelPaddingPipe, name: "cellLevelPadding" }, { kind: "pipe", type: CellSelectedPipe, name: "cellSelected" }, { kind: "pipe", type: CellStateRendererPipe, name: "cellStateRenderer" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: OneGridBodyComponent, isStandalone: true, selector: "one-grid-body", inputs: { rowData: "rowData", rowNumber: "rowNumber", api: "api", pagination: "pagination", allowedEdit: "allowedEdit", enableGroupColumnDefs: "enableGroupColumnDefs", submitted: "submitted", editType: "editType", context: "context", getRowId: "getRowId", gridCopy$: "gridCopy$", pinnedTopRowData: "pinnedTopRowData", pinnedBottomRowData: "pinnedBottomRowData", 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", onRowDetail: "onRowDetail", 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", rowDragEnd: "rowDragEnd" }, host: { attributes: { "role": "presentation" }, 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 }, { propertyName: "pinnedViewports", predicate: ["pinnedViewport"], descendants: true }], ngImport: i0, template: "<div #bodyRef class=\"one-grid-body\" role=\"presentation\">\n\n    <!-- Pinned rows live outside the scroll viewport so they never scroll\n         vertically, and mirror its scrollLeft so the columns stay aligned. -->\n    @if (pinnedTopNodes.length) {\n        <div #pinnedViewport class=\"one-pinned-rows one-pinned-rows-top\" role=\"rowgroup\">\n            <ng-container [ngTemplateOutlet]=\"pinnedRows\" [ngTemplateOutletContext]=\"{ nodes: pinnedTopNodes, side: 'top' }\"></ng-container>\n        </div>\n    }\n\n    <!-- tabindex makes the scroll container reachable, so a keyboard user can\n         scroll the rows with the arrow keys, Page Up/Down and Home/End. Without\n         it the body is scrollable by pointer only (WCAG 2.1.1). -->\n    <cdk-virtual-scroll-viewport\n        class=\"one-grid-body-viewport\"\n        role=\"rowgroup\"\n        [attr.tabindex]=\"nodes?.length ? null : 0\"\n        (keydown)=\"onGridKeydown($event)\"\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\"\n                role=\"row\"\n                [attr.aria-rowindex]=\"dataRowAriaIndex(node)\"\n                [attr.aria-selected]=\"rowSelectionEnabled ? node.selected : null\"\n                [attr.data-row-id]=\"node.rowId\"\n                [class.one-row-selected]=\"node.selected\"\n                [class.one-row-dragging]=\"isRowDragging(node)\">\n                @for (col of columnDefs; track col.field;) {\n                    <ng-container [ngTemplateOutlet]=\"cellTemplate\" [ngTemplateOutletContext]=\"{ node, rowIndex: node.rowIndex, column: col, colIndex: $index }\"></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\n    <!-- Drop indicator.\n         A line at the insertion point rather than a gap opened between rows:\n         the viewport is virtualised at a fixed itemSize, so shifting rows apart\n         would desynchronise the scroller from its own geometry. It is also the\n         clearer signal \u2014 the row lands exactly where the line is.\n         Positioned against the body, with the viewport's scroll subtracted, so\n         it stays put while the content moves under it during auto-scroll. -->\n    @if (dropIndicatorTop !== null) {\n        <div class=\"one-row-drop-indicator\" aria-hidden=\"true\"\n             [style.top.px]=\"dropIndicatorTop\"\n             [style.width.px]=\"dropIndicatorWidth\"></div>\n    }\n\n    <!-- Keyboard reordering has no drag image to watch, so it narrates instead.\n         Assertive because the message is the only feedback that the row moved. -->\n    <div class=\"one-grid-visually-hidden\" role=\"status\" aria-live=\"assertive\" aria-atomic=\"true\">{{ dragAnnouncement }}</div>\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\n    @if (pinnedBottomNodes.length) {\n        <div #pinnedViewport class=\"one-pinned-rows one-pinned-rows-bottom\" role=\"rowgroup\">\n            <ng-container [ngTemplateOutlet]=\"pinnedRows\" [ngTemplateOutletContext]=\"{ nodes: pinnedBottomNodes, side: 'bottom' }\"></ng-container>\n        </div>\n    }\n</div>\n\n<!-- Pinned rows are display-only: they render exactly what a data cell renders,\n     but carry none of its interactions. A totals row should not open an editor\n     on double-click or start a range selection on drag. -->\n<ng-template #pinnedRows let-nodes=\"nodes\" let-side=\"side\">\n    @for (node of nodes; track node.rowId) {\n        <div class=\"one-row one-row-pinned\"\n            role=\"row\"\n            [attr.aria-rowindex]=\"pinnedRowAriaIndex(node, side)\"\n            [attr.data-row-id]=\"node.rowId\">\n            @for (column of columnDefs; track column.field) {\n                <div\n                    class=\"one-column\"\n                    role=\"gridcell\"\n                    [attr.aria-colindex]=\"$index + 1\"\n                    [attr.data-cell-id]=\"node.rowId | cellKey:column.field\"\n                    [class.one-column-pinned-left]=\"column.pinned === 'left'\"\n                    [class.one-column-pinned-right]=\"column.pinned === 'right'\"\n                    [class.one-column-pinned-edge]=\"column._pinnedEdge\"\n                    [style.left.px]=\"column.pinned === 'left' ? column._pinnedOffset : null\"\n                    [style.right.px]=\"column.pinned === 'right' ? column._pinnedOffset : null\"\n                    [style.width.px]=\"column?.width\"\n                    [style.min-width.px]=\"column?.minWidth\"\n                    [style.max-width.px]=\"column?.maxWidth\">\n\n                    @if (column?.cellRendererComponent) {\n                        <ng-container\n                            oneCellRendererComponent\n                            [cellRendererComponent]=\"column?.cellRendererComponent\"\n                            [params]=\"rendererParams(node, column)\">\n                        </ng-container>\n                    }\n                    @else if (column?.cellRenderer) {\n                        <div\n                            [ngStyle]=\"{ width: column.width + 'px', position: 'relative' }\"\n                            [innerHTML]=\"node.cellStates | cellStateRenderer:column.field\">\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.resolveCellClass(column, cellParams(node, column))\"\n                            [ngStyle]=\"colService.resolveCellStyle(column, cellParams(node, column))\">\n                            <div class=\"one-cell-text\">{{ (node.cellStates | cellStateRenderer:column.field) }}</div>\n                        </div>\n                    }\n                </div>\n            }\n        </div>\n    }\n</ng-template>\n\n<!-- Master Column Template  -->\n<ng-template #cellTemplate let-node=\"node\" let-rowIndex=\"rowIndex\" let-column=\"column\" let-colIndex=\"colIndex\">\n    <div\n        class=\"one-column\"\n        role=\"gridcell\"\n        [attr.aria-colindex]=\"colIndex + 1\"\n        [attr.tabindex]=\"isActiveCell(node, column) ? 0 : -1\"\n        [class.one-cell-active]=\"isActiveCell(node, column)\"\n        (focus)=\"onCellFocus(node, column)\"\n        [attr.data-cell-id]=\"node.rowId | cellKey:column.field\"\n        [class.one-column-pinned-left]=\"column.pinned === 'left'\"\n        [class.one-column-pinned-right]=\"column.pinned === 'right'\"\n        [class.one-column-pinned-edge]=\"column._pinnedEdge\"\n        [style.left.px]=\"column.pinned === 'left' ? column._pinnedOffset : null\"\n        [style.right.px]=\"column.pinned === 'right' ? column._pinnedOffset : null\"\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                (cellOptionMenuClose)=\"cellOptionMenuClosed()\"/>\n        }\n\n        <!-- Grid Cell Template -->\n        @if(column?.cellRendererComponent) {\n            <ng-container\n                oneCellRendererComponent\n                [cellRendererComponent]=\"column?.cellRendererComponent\"\n                [params]=\"rendererParams(node, column)\">\n            </ng-container>\n        }\n        @else if (node.editing[column.field]) {\n            @if (column?.cellRendererParams?.inputType === 'select') {\n                <!-- Cell Editing Select. Commits on change \u2014 picking an option\n                     is the whole edit \u2014 with blur as the keyboard fallback. -->\n                <select class=\"one-cell-input\"\n                    name=\"{{ node.rowId + '' + column.field }}\"\n                    (change)=\"stopEditSelect(node, column, $event)\"\n                    (blur)=\"stopEditSelect(node, column, $event)\"\n                    (keydown.esc)=\"cancelEdit(node, column)\">\n                    @for (option of column?.cellRendererParams?.selectOptions ?? []; track $index) {\n                        <option [selected]=\"option.value === node.data[column.field]\">{{ option.label }}</option>\n                    }\n                </select>\n            }\n            @else {\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        }\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.resolveCellClass(column, cellParams(node, column))\"\n                [ngStyle]=\"colService.resolveCellStyle(column, cellParams(node, column))\"\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                <!-- Row Drag Handle -->\n                @if (cellService.rowDragFn(column, node)) {\n                    <one-grid-row-drag-handle\n                        [node]=\"node\"\n                        [suppressedReason]=\"rowDragSuppressed\"\n                        (dragEnd)=\"onRowDragEnd($event)\"\n                    />\n                }\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]=\"rendererParams(node, column)\">\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                        (onRowDetail)=\"invokeRowActionDetail($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: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: ScrollingModule }, { 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: OneGridCellGroupRendererComponent, selector: "one-grid-cell-group-renderer", inputs: ["node", "masterDetail", "detailCellRendererParams", "detailRendererComponent"], outputs: ["expansionChanged"] }, { kind: "component", type: OneGridCellOptionMenuComponent, selector: "one-grid-cell-option-menu", inputs: ["column", "node", "options"], outputs: ["cellOptionMenuSelect", "cellOptionMenuClose"] }, { kind: "component", type: OneGridRowActionComponent, selector: "one-grid-row-action", inputs: ["column", "node", "allowedEdit", "masterDetail", "masterNode", "cellRendererParams", "gridType", "context"], outputs: ["onRowGotoDetail", "onRowDetail", "onRowAddNew", "onRowView", "onRowLocation", "onRowDocument", "onRowCopy", "onRowDelete", "onRowGotoList", "onRowEdit", "onRowPrint", "onRowHistory", "onRowOption", "onRowLanguage", "onRowCellOption"] }, { kind: "component", type: OneGridRowDragHandleComponent, selector: "one-grid-row-drag-handle", inputs: ["node", "suppressedReason"], outputs: ["dragEnd"] }, { 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: "pipe", type: CellActionButtonEnablePipe, name: "cellActionButtonEnable" }, { kind: "pipe", type: CellEditablePipe, name: "cellEditable" }, { kind: "pipe", type: CellInvalidPipe, name: "cellInvalid" }, { kind: "pipe", type: CellKeyPipe, name: "cellKey" }, { kind: "pipe", type: CellLevelPaddingPipe, name: "cellLevelPadding" }, { kind: "pipe", type: CellSelectedPipe, name: "cellSelected" }, { 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,
@@ -5811,7 +5833,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                         CellLevelPaddingPipe,
                         CellSelectedPipe,
                         CellStateRendererPipe,
-                    ], selector: 'one-grid-body', host: { 'role': 'presentation' }, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div #bodyRef class=\"one-grid-body\" role=\"presentation\">\n\n    <!-- Pinned rows live outside the scroll viewport so they never scroll\n         vertically, and mirror its scrollLeft so the columns stay aligned. -->\n    @if (pinnedTopNodes.length) {\n        <div #pinnedViewport class=\"one-pinned-rows one-pinned-rows-top\" role=\"rowgroup\">\n            <ng-container [ngTemplateOutlet]=\"pinnedRows\" [ngTemplateOutletContext]=\"{ nodes: pinnedTopNodes, side: 'top' }\"></ng-container>\n        </div>\n    }\n\n    <!-- tabindex makes the scroll container reachable, so a keyboard user can\n         scroll the rows with the arrow keys, Page Up/Down and Home/End. Without\n         it the body is scrollable by pointer only (WCAG 2.1.1). -->\n    <cdk-virtual-scroll-viewport\n        class=\"one-grid-body-viewport\"\n        role=\"rowgroup\"\n        [attr.tabindex]=\"nodes?.length ? null : 0\"\n        (keydown)=\"onGridKeydown($event)\"\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\"\n                role=\"row\"\n                [attr.aria-rowindex]=\"dataRowAriaIndex(node)\"\n                [attr.aria-selected]=\"rowSelectionEnabled ? node.selected : null\"\n                [attr.data-row-id]=\"node.rowId\"\n                [class.one-row-selected]=\"node.selected\"\n                [class.one-row-dragging]=\"isRowDragging(node)\">\n                @for (col of columnDefs; track col.field;) {\n                    <ng-container [ngTemplateOutlet]=\"cellTemplate\" [ngTemplateOutletContext]=\"{ node, rowIndex: node.rowIndex, column: col, colIndex: $index }\"></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\n    <!-- Drop indicator.\n         A line at the insertion point rather than a gap opened between rows:\n         the viewport is virtualised at a fixed itemSize, so shifting rows apart\n         would desynchronise the scroller from its own geometry. It is also the\n         clearer signal \u2014 the row lands exactly where the line is.\n         Positioned against the body, with the viewport's scroll subtracted, so\n         it stays put while the content moves under it during auto-scroll. -->\n    @if (dropIndicatorTop !== null) {\n        <div class=\"one-row-drop-indicator\" aria-hidden=\"true\"\n             [style.top.px]=\"dropIndicatorTop\"\n             [style.width.px]=\"dropIndicatorWidth\"></div>\n    }\n\n    <!-- Keyboard reordering has no drag image to watch, so it narrates instead.\n         Assertive because the message is the only feedback that the row moved. -->\n    <div class=\"one-grid-visually-hidden\" role=\"status\" aria-live=\"assertive\" aria-atomic=\"true\">{{ dragAnnouncement }}</div>\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\n    @if (pinnedBottomNodes.length) {\n        <div #pinnedViewport class=\"one-pinned-rows one-pinned-rows-bottom\" role=\"rowgroup\">\n            <ng-container [ngTemplateOutlet]=\"pinnedRows\" [ngTemplateOutletContext]=\"{ nodes: pinnedBottomNodes, side: 'bottom' }\"></ng-container>\n        </div>\n    }\n</div>\n\n<!-- Pinned rows are display-only: they render exactly what a data cell renders,\n     but carry none of its interactions. A totals row should not open an editor\n     on double-click or start a range selection on drag. -->\n<ng-template #pinnedRows let-nodes=\"nodes\" let-side=\"side\">\n    @for (node of nodes; track node.rowId) {\n        <div class=\"one-row one-row-pinned\"\n            role=\"row\"\n            [attr.aria-rowindex]=\"pinnedRowAriaIndex(node, side)\"\n            [attr.data-row-id]=\"node.rowId\">\n            @for (column of columnDefs; track column.field) {\n                <div\n                    class=\"one-column\"\n                    role=\"gridcell\"\n                    [attr.aria-colindex]=\"$index + 1\"\n                    [attr.data-cell-id]=\"node.rowId | cellKey:column.field\"\n                    [class.one-column-pinned-left]=\"column.pinned === 'left'\"\n                    [class.one-column-pinned-right]=\"column.pinned === 'right'\"\n                    [class.one-column-pinned-edge]=\"column._pinnedEdge\"\n                    [style.left.px]=\"column.pinned === 'left' ? column._pinnedOffset : null\"\n                    [style.right.px]=\"column.pinned === 'right' ? column._pinnedOffset : null\"\n                    [style.width.px]=\"column?.width\"\n                    [style.min-width.px]=\"column?.minWidth\"\n                    [style.max-width.px]=\"column?.maxWidth\">\n\n                    @if (column?.cellRendererComponent) {\n                        <ng-container\n                            oneCellRendererComponent\n                            [cellRendererComponent]=\"column?.cellRendererComponent\"\n                            [params]=\"rendererParams(node, column)\">\n                        </ng-container>\n                    }\n                    @else if (column?.cellRenderer) {\n                        <div\n                            [ngStyle]=\"{ width: column.width + 'px', position: 'relative' }\"\n                            [innerHTML]=\"node.cellStates | cellStateRenderer:column.field\">\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.resolveCellClass(column, cellParams(node, column))\"\n                            [ngStyle]=\"colService.resolveCellStyle(column, cellParams(node, column))\">\n                            <div class=\"one-cell-text\">{{ (node.cellStates | cellStateRenderer:column.field) }}</div>\n                        </div>\n                    }\n                </div>\n            }\n        </div>\n    }\n</ng-template>\n\n<!-- Master Column Template  -->\n<ng-template #cellTemplate let-node=\"node\" let-rowIndex=\"rowIndex\" let-column=\"column\" let-colIndex=\"colIndex\">\n    <div\n        class=\"one-column\"\n        role=\"gridcell\"\n        [attr.aria-colindex]=\"colIndex + 1\"\n        [attr.tabindex]=\"isActiveCell(node, column) ? 0 : -1\"\n        [class.one-cell-active]=\"isActiveCell(node, column)\"\n        (focus)=\"onCellFocus(node, column)\"\n        [attr.data-cell-id]=\"node.rowId | cellKey:column.field\"\n        [class.one-column-pinned-left]=\"column.pinned === 'left'\"\n        [class.one-column-pinned-right]=\"column.pinned === 'right'\"\n        [class.one-column-pinned-edge]=\"column._pinnedEdge\"\n        [style.left.px]=\"column.pinned === 'left' ? column._pinnedOffset : null\"\n        [style.right.px]=\"column.pinned === 'right' ? column._pinnedOffset : null\"\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                (cellOptionMenuClose)=\"cellOptionMenuClosed()\"/>\n        }\n\n        <!-- Grid Cell Template -->\n        @if(column?.cellRendererComponent) {\n            <ng-container\n                oneCellRendererComponent\n                [cellRendererComponent]=\"column?.cellRendererComponent\"\n                [params]=\"rendererParams(node, column)\">\n            </ng-container>\n        }\n        @else if (node.editing[column.field]) {\n            @if (column?.cellRendererParams?.inputType === 'select') {\n                <!-- Cell Editing Select. Commits on change \u2014 picking an option\n                     is the whole edit \u2014 with blur as the keyboard fallback. -->\n                <select class=\"one-cell-input\"\n                    name=\"{{ node.rowId + '' + column.field }}\"\n                    (change)=\"stopEditSelect(node, column, $event)\"\n                    (blur)=\"stopEditSelect(node, column, $event)\"\n                    (keydown.esc)=\"cancelEdit(node, column)\">\n                    @for (option of column?.cellRendererParams?.selectOptions ?? []; track $index) {\n                        <option [selected]=\"option.value === node.data[column.field]\">{{ option.label }}</option>\n                    }\n                </select>\n            }\n            @else {\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        }\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.resolveCellClass(column, cellParams(node, column))\"\n                [ngStyle]=\"colService.resolveCellStyle(column, cellParams(node, column))\"\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                <!-- Row Drag Handle -->\n                @if (cellService.rowDragFn(column, node)) {\n                    <one-grid-row-drag-handle\n                        [node]=\"node\"\n                        [suppressedReason]=\"rowDragSuppressed\"\n                        (dragEnd)=\"onRowDragEnd($event)\"\n                    />\n                }\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]=\"rendererParams(node, column)\">\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" }]
+                    ], selector: 'one-grid-body', host: { 'role': 'presentation' }, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div #bodyRef class=\"one-grid-body\" role=\"presentation\">\n\n    <!-- Pinned rows live outside the scroll viewport so they never scroll\n         vertically, and mirror its scrollLeft so the columns stay aligned. -->\n    @if (pinnedTopNodes.length) {\n        <div #pinnedViewport class=\"one-pinned-rows one-pinned-rows-top\" role=\"rowgroup\">\n            <ng-container [ngTemplateOutlet]=\"pinnedRows\" [ngTemplateOutletContext]=\"{ nodes: pinnedTopNodes, side: 'top' }\"></ng-container>\n        </div>\n    }\n\n    <!-- tabindex makes the scroll container reachable, so a keyboard user can\n         scroll the rows with the arrow keys, Page Up/Down and Home/End. Without\n         it the body is scrollable by pointer only (WCAG 2.1.1). -->\n    <cdk-virtual-scroll-viewport\n        class=\"one-grid-body-viewport\"\n        role=\"rowgroup\"\n        [attr.tabindex]=\"nodes?.length ? null : 0\"\n        (keydown)=\"onGridKeydown($event)\"\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\"\n                role=\"row\"\n                [attr.aria-rowindex]=\"dataRowAriaIndex(node)\"\n                [attr.aria-selected]=\"rowSelectionEnabled ? node.selected : null\"\n                [attr.data-row-id]=\"node.rowId\"\n                [class.one-row-selected]=\"node.selected\"\n                [class.one-row-dragging]=\"isRowDragging(node)\">\n                @for (col of columnDefs; track col.field;) {\n                    <ng-container [ngTemplateOutlet]=\"cellTemplate\" [ngTemplateOutletContext]=\"{ node, rowIndex: node.rowIndex, column: col, colIndex: $index }\"></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\n    <!-- Drop indicator.\n         A line at the insertion point rather than a gap opened between rows:\n         the viewport is virtualised at a fixed itemSize, so shifting rows apart\n         would desynchronise the scroller from its own geometry. It is also the\n         clearer signal \u2014 the row lands exactly where the line is.\n         Positioned against the body, with the viewport's scroll subtracted, so\n         it stays put while the content moves under it during auto-scroll. -->\n    @if (dropIndicatorTop !== null) {\n        <div class=\"one-row-drop-indicator\" aria-hidden=\"true\"\n             [style.top.px]=\"dropIndicatorTop\"\n             [style.width.px]=\"dropIndicatorWidth\"></div>\n    }\n\n    <!-- Keyboard reordering has no drag image to watch, so it narrates instead.\n         Assertive because the message is the only feedback that the row moved. -->\n    <div class=\"one-grid-visually-hidden\" role=\"status\" aria-live=\"assertive\" aria-atomic=\"true\">{{ dragAnnouncement }}</div>\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\n    @if (pinnedBottomNodes.length) {\n        <div #pinnedViewport class=\"one-pinned-rows one-pinned-rows-bottom\" role=\"rowgroup\">\n            <ng-container [ngTemplateOutlet]=\"pinnedRows\" [ngTemplateOutletContext]=\"{ nodes: pinnedBottomNodes, side: 'bottom' }\"></ng-container>\n        </div>\n    }\n</div>\n\n<!-- Pinned rows are display-only: they render exactly what a data cell renders,\n     but carry none of its interactions. A totals row should not open an editor\n     on double-click or start a range selection on drag. -->\n<ng-template #pinnedRows let-nodes=\"nodes\" let-side=\"side\">\n    @for (node of nodes; track node.rowId) {\n        <div class=\"one-row one-row-pinned\"\n            role=\"row\"\n            [attr.aria-rowindex]=\"pinnedRowAriaIndex(node, side)\"\n            [attr.data-row-id]=\"node.rowId\">\n            @for (column of columnDefs; track column.field) {\n                <div\n                    class=\"one-column\"\n                    role=\"gridcell\"\n                    [attr.aria-colindex]=\"$index + 1\"\n                    [attr.data-cell-id]=\"node.rowId | cellKey:column.field\"\n                    [class.one-column-pinned-left]=\"column.pinned === 'left'\"\n                    [class.one-column-pinned-right]=\"column.pinned === 'right'\"\n                    [class.one-column-pinned-edge]=\"column._pinnedEdge\"\n                    [style.left.px]=\"column.pinned === 'left' ? column._pinnedOffset : null\"\n                    [style.right.px]=\"column.pinned === 'right' ? column._pinnedOffset : null\"\n                    [style.width.px]=\"column?.width\"\n                    [style.min-width.px]=\"column?.minWidth\"\n                    [style.max-width.px]=\"column?.maxWidth\">\n\n                    @if (column?.cellRendererComponent) {\n                        <ng-container\n                            oneCellRendererComponent\n                            [cellRendererComponent]=\"column?.cellRendererComponent\"\n                            [params]=\"rendererParams(node, column)\">\n                        </ng-container>\n                    }\n                    @else if (column?.cellRenderer) {\n                        <div\n                            [ngStyle]=\"{ width: column.width + 'px', position: 'relative' }\"\n                            [innerHTML]=\"node.cellStates | cellStateRenderer:column.field\">\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.resolveCellClass(column, cellParams(node, column))\"\n                            [ngStyle]=\"colService.resolveCellStyle(column, cellParams(node, column))\">\n                            <div class=\"one-cell-text\">{{ (node.cellStates | cellStateRenderer:column.field) }}</div>\n                        </div>\n                    }\n                </div>\n            }\n        </div>\n    }\n</ng-template>\n\n<!-- Master Column Template  -->\n<ng-template #cellTemplate let-node=\"node\" let-rowIndex=\"rowIndex\" let-column=\"column\" let-colIndex=\"colIndex\">\n    <div\n        class=\"one-column\"\n        role=\"gridcell\"\n        [attr.aria-colindex]=\"colIndex + 1\"\n        [attr.tabindex]=\"isActiveCell(node, column) ? 0 : -1\"\n        [class.one-cell-active]=\"isActiveCell(node, column)\"\n        (focus)=\"onCellFocus(node, column)\"\n        [attr.data-cell-id]=\"node.rowId | cellKey:column.field\"\n        [class.one-column-pinned-left]=\"column.pinned === 'left'\"\n        [class.one-column-pinned-right]=\"column.pinned === 'right'\"\n        [class.one-column-pinned-edge]=\"column._pinnedEdge\"\n        [style.left.px]=\"column.pinned === 'left' ? column._pinnedOffset : null\"\n        [style.right.px]=\"column.pinned === 'right' ? column._pinnedOffset : null\"\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                (cellOptionMenuClose)=\"cellOptionMenuClosed()\"/>\n        }\n\n        <!-- Grid Cell Template -->\n        @if(column?.cellRendererComponent) {\n            <ng-container\n                oneCellRendererComponent\n                [cellRendererComponent]=\"column?.cellRendererComponent\"\n                [params]=\"rendererParams(node, column)\">\n            </ng-container>\n        }\n        @else if (node.editing[column.field]) {\n            @if (column?.cellRendererParams?.inputType === 'select') {\n                <!-- Cell Editing Select. Commits on change \u2014 picking an option\n                     is the whole edit \u2014 with blur as the keyboard fallback. -->\n                <select class=\"one-cell-input\"\n                    name=\"{{ node.rowId + '' + column.field }}\"\n                    (change)=\"stopEditSelect(node, column, $event)\"\n                    (blur)=\"stopEditSelect(node, column, $event)\"\n                    (keydown.esc)=\"cancelEdit(node, column)\">\n                    @for (option of column?.cellRendererParams?.selectOptions ?? []; track $index) {\n                        <option [selected]=\"option.value === node.data[column.field]\">{{ option.label }}</option>\n                    }\n                </select>\n            }\n            @else {\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        }\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.resolveCellClass(column, cellParams(node, column))\"\n                [ngStyle]=\"colService.resolveCellStyle(column, cellParams(node, column))\"\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                <!-- Row Drag Handle -->\n                @if (cellService.rowDragFn(column, node)) {\n                    <one-grid-row-drag-handle\n                        [node]=\"node\"\n                        [suppressedReason]=\"rowDragSuppressed\"\n                        (dragEnd)=\"onRowDragEnd($event)\"\n                    />\n                }\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]=\"rendererParams(node, column)\">\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                        (onRowDetail)=\"invokeRowActionDetail($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: OneGridRowDragService }, { type: i0.ChangeDetectorRef }], propDecorators: { bodyRef: [{
                 type: ViewChild,
                 args: ['bodyRef', { static: true }]
@@ -5873,6 +5895,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                 type: Input
             }], onRowGotoDetail: [{
                 type: Output
+            }], onRowDetail: [{
+                type: Output
             }], onRowAddNew: [{
                 type: Output
             }], onRowView: [{
@@ -6129,6 +6153,7 @@ class OneGridComponent {
         this.editType = null;
         this.onGridReady = new EventEmitter();
         this.onRowGotoDetail = new EventEmitter();
+        this.onRowDetail = new EventEmitter();
         this.onRowAddNew = new EventEmitter();
         this.onRowView = new EventEmitter();
         this.onRowLocation = new EventEmitter();
@@ -6472,6 +6497,9 @@ class OneGridComponent {
     invokeRowActionGotoDetail(event) {
         this.onRowGotoDetail.emit(event);
     }
+    invokeRowActionDetail(event) {
+        this.onRowDetail.emit(event);
+    }
     invokeRowActionAddNew(event) {
         this.onRowAddNew.emit(event);
     }
@@ -6592,7 +6620,7 @@ class OneGridComponent {
         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 }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: OneGridComponent, isStandalone: true, selector: "one-grid", inputs: { rowNumber: "rowNumber", allowedEdit: "allowedEdit", submitted: "submitted", context: "context", rowData: "rowData", rowSelection: "rowSelection", gridLabel: "gridLabel", enableGroupColumnDefs: "enableGroupColumnDefs", groupColumnDefs: "groupColumnDefs", defaultColumnDef: "defaultColumnDef", columnDefs: "columnDefs", pinnedTopRowData: "pinnedTopRowData", pinnedBottomRowData: "pinnedBottomRowData", gridType: "gridType", masterDetail: "masterDetail", masterNode: "masterNode", detailCellRendererParams: "detailCellRendererParams", detailRendererComponent: "detailRendererComponent", treeData: "treeData", treeDataChildrenField: "treeDataChildrenField", autoGroupColumnDef: "autoGroupColumnDef", groupDefaultExpanded: "groupDefaultExpanded", headerMenu: "headerMenu", filterRow: "filterRow", undoRedoCellEditing: "undoRedoCellEditing", undoRedoCellEditingLimit: "undoRedoCellEditingLimit", editType: "editType", pagination: "pagination", paginate: "paginate", clientSidePagination: "clientSidePagination", pageSize: "pageSize" }, outputs: { rowDragEnd: "rowDragEnd", headerMenuClick: "headerMenuClick", 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", sortChanged: "sortChanged", cellValueChanged: "cellValueChanged", columnMoved: "columnMoved", columnResized: "columnResized", cellOptionSelect: "cellOptionSelect", onRowCellOption: "onRowCellOption", goToFirst: "goToFirst", goToPrevious: "goToPrevious", goToNext: "goToNext", goToLast: "goToLast", pageSizeChange: "pageSizeChange" }, providers: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: OneGridComponent, isStandalone: true, selector: "one-grid", inputs: { rowNumber: "rowNumber", allowedEdit: "allowedEdit", submitted: "submitted", context: "context", rowData: "rowData", rowSelection: "rowSelection", gridLabel: "gridLabel", enableGroupColumnDefs: "enableGroupColumnDefs", groupColumnDefs: "groupColumnDefs", defaultColumnDef: "defaultColumnDef", columnDefs: "columnDefs", pinnedTopRowData: "pinnedTopRowData", pinnedBottomRowData: "pinnedBottomRowData", gridType: "gridType", masterDetail: "masterDetail", masterNode: "masterNode", detailCellRendererParams: "detailCellRendererParams", detailRendererComponent: "detailRendererComponent", treeData: "treeData", treeDataChildrenField: "treeDataChildrenField", autoGroupColumnDef: "autoGroupColumnDef", groupDefaultExpanded: "groupDefaultExpanded", headerMenu: "headerMenu", filterRow: "filterRow", undoRedoCellEditing: "undoRedoCellEditing", undoRedoCellEditingLimit: "undoRedoCellEditingLimit", editType: "editType", pagination: "pagination", paginate: "paginate", clientSidePagination: "clientSidePagination", pageSize: "pageSize" }, outputs: { rowDragEnd: "rowDragEnd", headerMenuClick: "headerMenuClick", onGridReady: "onGridReady", onRowGotoDetail: "onRowGotoDetail", onRowDetail: "onRowDetail", 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", sortChanged: "sortChanged", cellValueChanged: "cellValueChanged", columnMoved: "columnMoved", columnResized: "columnResized", cellOptionSelect: "cellOptionSelect", onRowCellOption: "onRowCellOption", goToFirst: "goToFirst", goToPrevious: "goToPrevious", goToNext: "goToNext", goToLast: "goToLast", pageSizeChange: "pageSizeChange" }, providers: [
             OneGridEventService,
             OneGridApi,
             OgColumnService,
@@ -6601,7 +6629,7 @@ class OneGridComponent {
             OneGridRowService,
             OneGridCellService,
             OneGridRowDragService
-        ], viewQueries: [{ propertyName: "ogRef", first: true, predicate: ["ogRef"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: "<!-- No tabindex here. The tab stop belongs on the body viewport, which is the\n     element that actually scrolls; a focusable wrapper around a scrollable\n     child is reachable but cannot be scrolled with the keyboard. The copy\n     handler is unaffected: a copy event fired at the focused viewport bubbles\n     up to here. -->\n<!-- role=\"grid\" is what turns this from a pile of divs into something a screen\n     reader can navigate. The counts are the *total* \u2014 `aria-rowcount` includes\n     the header row and any pinned rows, and both stay correct while the body is\n     virtualised and most rows are not in the DOM, which is exactly what these\n     attributes exist to communicate. -->\n<div #ogRef\n    class=\"one-grid\"\n    role=\"grid\"\n    [attr.aria-label]=\"gridLabel\"\n    [attr.aria-rowcount]=\"ariaRowCount\"\n    [attr.aria-colcount]=\"ariaColCount\"\n    [attr.aria-multiselectable]=\"rowSelection === 'multiple' ? true : null\"\n    (copy)=\"onGridCopy($event)\">\n    \n    <!-- Headers -->\n    <one-grid-header\n        [api]=\"api\"\n        [enableGroupColumnDefs]=\"enableGroupColumnDefs\"\n        [allowedEdit]=\"allowedEdit\"\n        [scrollLeft]=\"bodyScrollLeft\"\n        [headerMenu]=\"headerMenu\"\n        [filterRow]=\"filterRow\"\n        (headerMenuClick)=\"headerMenuClick.emit($event)\"\n    />\n\n    <!-- Body -->\n    <one-grid-body\n        [gridCopy$]=\"gridCopy$\"\n        [rowData]=\"rowData\"\n        [pinnedTopRowData]=\"pinnedTopRowData\"\n        [pinnedBottomRowData]=\"pinnedBottomRowData\"\n        [api]=\"api\"\n        [rowNumber]=\"rowNumber\"\n        [pagination]=\"pagination\"\n        [allowedEdit]=\"allowedEdit\"\n        [editType]=\"editType\"\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        (rowDragEnd)=\"invokeRowDragEnd($event)\"\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 || clientSidePagination) {\n        <one-grid-pagination\n            [paginate]=\"clientSidePagination ? internalPaginate : 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", "gridLabel", "enableGroupColumnDefs", "groupColumnDefs", "defaultColumnDef", "columnDefs", "pinnedTopRowData", "pinnedBottomRowData", "gridType", "masterDetail", "masterNode", "detailCellRendererParams", "detailRendererComponent", "treeData", "treeDataChildrenField", "autoGroupColumnDef", "groupDefaultExpanded", "headerMenu", "filterRow", "undoRedoCellEditing", "undoRedoCellEditingLimit", "editType", "pagination", "paginate", "clientSidePagination", "pageSize"], outputs: ["rowDragEnd", "headerMenuClick", "onGridReady", "onRowGotoDetail", "onRowAddNew", "onRowView", "onRowLocation", "onRowDocument", "onRowCopy", "onRowDelete", "onRowGotoList", "onRowEdit", "onRowPrint", "onRowHistory", "onRowOption", "onRowLanguage", "onRowSelection", "onShiftDoubleClick", "rowCountChanged", "selectionChanged", "expansionChanged", "sortChanged", "cellValueChanged", "columnMoved", "columnResized", "cellOptionSelect", "onRowCellOption", "goToFirst", "goToPrevious", "goToNext", "goToLast", "pageSizeChange"] }, { kind: "component", type: OneGridHeaderComponent, selector: "one-grid-header", inputs: ["scrollLeft", "allowedEdit", "enableGroupColumnDefs", "api", "filterRow", "headerMenu"], outputs: ["headerMenuClick"] }, { kind: "component", type: OneGridBodyComponent, selector: "one-grid-body", inputs: ["rowData", "rowNumber", "api", "pagination", "allowedEdit", "enableGroupColumnDefs", "submitted", "editType", "context", "getRowId", "gridCopy$", "pinnedTopRowData", "pinnedBottomRowData", "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", "rowDragEnd"] }, { kind: "component", type: OneGridPaginationComponent, selector: "one-grid-pagination", inputs: ["paginate"], outputs: ["goToFirst", "goToPrevious", "goToNext", "goToLast", "pageSizeChange"] }] }); }
+        ], viewQueries: [{ propertyName: "ogRef", first: true, predicate: ["ogRef"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: "<!-- No tabindex here. The tab stop belongs on the body viewport, which is the\n     element that actually scrolls; a focusable wrapper around a scrollable\n     child is reachable but cannot be scrolled with the keyboard. The copy\n     handler is unaffected: a copy event fired at the focused viewport bubbles\n     up to here. -->\n<!-- role=\"grid\" is what turns this from a pile of divs into something a screen\n     reader can navigate. The counts are the *total* \u2014 `aria-rowcount` includes\n     the header row and any pinned rows, and both stay correct while the body is\n     virtualised and most rows are not in the DOM, which is exactly what these\n     attributes exist to communicate. -->\n<div #ogRef\n    class=\"one-grid\"\n    role=\"grid\"\n    [attr.aria-label]=\"gridLabel\"\n    [attr.aria-rowcount]=\"ariaRowCount\"\n    [attr.aria-colcount]=\"ariaColCount\"\n    [attr.aria-multiselectable]=\"rowSelection === 'multiple' ? true : null\"\n    (copy)=\"onGridCopy($event)\">\n    \n    <!-- Headers -->\n    <one-grid-header\n        [api]=\"api\"\n        [enableGroupColumnDefs]=\"enableGroupColumnDefs\"\n        [allowedEdit]=\"allowedEdit\"\n        [scrollLeft]=\"bodyScrollLeft\"\n        [headerMenu]=\"headerMenu\"\n        [filterRow]=\"filterRow\"\n        (headerMenuClick)=\"headerMenuClick.emit($event)\"\n    />\n\n    <!-- Body -->\n    <one-grid-body\n        [gridCopy$]=\"gridCopy$\"\n        [rowData]=\"rowData\"\n        [pinnedTopRowData]=\"pinnedTopRowData\"\n        [pinnedBottomRowData]=\"pinnedBottomRowData\"\n        [api]=\"api\"\n        [rowNumber]=\"rowNumber\"\n        [pagination]=\"pagination\"\n        [allowedEdit]=\"allowedEdit\"\n        [editType]=\"editType\"\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        (rowDragEnd)=\"invokeRowDragEnd($event)\"\n        (expansionChanged)=\"invokeExpansionChangedClick($event)\"\n        (onRowGotoDetail)=\"invokeRowActionGotoDetail($event)\"\n        (onRowDetail)=\"invokeRowActionDetail($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 || clientSidePagination) {\n        <one-grid-pagination\n            [paginate]=\"clientSidePagination ? internalPaginate : 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", "gridLabel", "enableGroupColumnDefs", "groupColumnDefs", "defaultColumnDef", "columnDefs", "pinnedTopRowData", "pinnedBottomRowData", "gridType", "masterDetail", "masterNode", "detailCellRendererParams", "detailRendererComponent", "treeData", "treeDataChildrenField", "autoGroupColumnDef", "groupDefaultExpanded", "headerMenu", "filterRow", "undoRedoCellEditing", "undoRedoCellEditingLimit", "editType", "pagination", "paginate", "clientSidePagination", "pageSize"], outputs: ["rowDragEnd", "headerMenuClick", "onGridReady", "onRowGotoDetail", "onRowDetail", "onRowAddNew", "onRowView", "onRowLocation", "onRowDocument", "onRowCopy", "onRowDelete", "onRowGotoList", "onRowEdit", "onRowPrint", "onRowHistory", "onRowOption", "onRowLanguage", "onRowSelection", "onShiftDoubleClick", "rowCountChanged", "selectionChanged", "expansionChanged", "sortChanged", "cellValueChanged", "columnMoved", "columnResized", "cellOptionSelect", "onRowCellOption", "goToFirst", "goToPrevious", "goToNext", "goToLast", "pageSizeChange"] }, { kind: "component", type: OneGridHeaderComponent, selector: "one-grid-header", inputs: ["scrollLeft", "allowedEdit", "enableGroupColumnDefs", "api", "filterRow", "headerMenu"], outputs: ["headerMenuClick"] }, { kind: "component", type: OneGridBodyComponent, selector: "one-grid-body", inputs: ["rowData", "rowNumber", "api", "pagination", "allowedEdit", "enableGroupColumnDefs", "submitted", "editType", "context", "getRowId", "gridCopy$", "pinnedTopRowData", "pinnedBottomRowData", "gridType", "masterDetail", "masterNode", "detailRowMaxHeight", "detailCellRendererParams", "detailGridTemplate", "detailRendererComponent", "treeData", "treeDataChildrenField", "autoGroupColumnDef", "groupDefaultExpanded"], outputs: ["onRowGotoDetail", "onRowDetail", "onRowAddNew", "onRowView", "onRowCopy", "onRowLocation", "onRowDocument", "onRowDelete", "onRowGotoList", "onRowEdit", "onRowPrint", "onRowHistory", "onRowOption", "onRowLanguage", "onRowCellOption", "onRowSelection", "onShiftDoubleClick", "rowCountChanged", "expansionChanged", "bodyScroll", "cellOptionSelect", "rowDragEnd"] }, { 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,
@@ -6619,7 +6647,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                         OneGridRowService,
                         OneGridCellService,
                         OneGridRowDragService
-                    ], template: "<!-- No tabindex here. The tab stop belongs on the body viewport, which is the\n     element that actually scrolls; a focusable wrapper around a scrollable\n     child is reachable but cannot be scrolled with the keyboard. The copy\n     handler is unaffected: a copy event fired at the focused viewport bubbles\n     up to here. -->\n<!-- role=\"grid\" is what turns this from a pile of divs into something a screen\n     reader can navigate. The counts are the *total* \u2014 `aria-rowcount` includes\n     the header row and any pinned rows, and both stay correct while the body is\n     virtualised and most rows are not in the DOM, which is exactly what these\n     attributes exist to communicate. -->\n<div #ogRef\n    class=\"one-grid\"\n    role=\"grid\"\n    [attr.aria-label]=\"gridLabel\"\n    [attr.aria-rowcount]=\"ariaRowCount\"\n    [attr.aria-colcount]=\"ariaColCount\"\n    [attr.aria-multiselectable]=\"rowSelection === 'multiple' ? true : null\"\n    (copy)=\"onGridCopy($event)\">\n    \n    <!-- Headers -->\n    <one-grid-header\n        [api]=\"api\"\n        [enableGroupColumnDefs]=\"enableGroupColumnDefs\"\n        [allowedEdit]=\"allowedEdit\"\n        [scrollLeft]=\"bodyScrollLeft\"\n        [headerMenu]=\"headerMenu\"\n        [filterRow]=\"filterRow\"\n        (headerMenuClick)=\"headerMenuClick.emit($event)\"\n    />\n\n    <!-- Body -->\n    <one-grid-body\n        [gridCopy$]=\"gridCopy$\"\n        [rowData]=\"rowData\"\n        [pinnedTopRowData]=\"pinnedTopRowData\"\n        [pinnedBottomRowData]=\"pinnedBottomRowData\"\n        [api]=\"api\"\n        [rowNumber]=\"rowNumber\"\n        [pagination]=\"pagination\"\n        [allowedEdit]=\"allowedEdit\"\n        [editType]=\"editType\"\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        (rowDragEnd)=\"invokeRowDragEnd($event)\"\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 || clientSidePagination) {\n        <one-grid-pagination\n            [paginate]=\"clientSidePagination ? internalPaginate : 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>" }]
+                    ], template: "<!-- No tabindex here. The tab stop belongs on the body viewport, which is the\n     element that actually scrolls; a focusable wrapper around a scrollable\n     child is reachable but cannot be scrolled with the keyboard. The copy\n     handler is unaffected: a copy event fired at the focused viewport bubbles\n     up to here. -->\n<!-- role=\"grid\" is what turns this from a pile of divs into something a screen\n     reader can navigate. The counts are the *total* \u2014 `aria-rowcount` includes\n     the header row and any pinned rows, and both stay correct while the body is\n     virtualised and most rows are not in the DOM, which is exactly what these\n     attributes exist to communicate. -->\n<div #ogRef\n    class=\"one-grid\"\n    role=\"grid\"\n    [attr.aria-label]=\"gridLabel\"\n    [attr.aria-rowcount]=\"ariaRowCount\"\n    [attr.aria-colcount]=\"ariaColCount\"\n    [attr.aria-multiselectable]=\"rowSelection === 'multiple' ? true : null\"\n    (copy)=\"onGridCopy($event)\">\n    \n    <!-- Headers -->\n    <one-grid-header\n        [api]=\"api\"\n        [enableGroupColumnDefs]=\"enableGroupColumnDefs\"\n        [allowedEdit]=\"allowedEdit\"\n        [scrollLeft]=\"bodyScrollLeft\"\n        [headerMenu]=\"headerMenu\"\n        [filterRow]=\"filterRow\"\n        (headerMenuClick)=\"headerMenuClick.emit($event)\"\n    />\n\n    <!-- Body -->\n    <one-grid-body\n        [gridCopy$]=\"gridCopy$\"\n        [rowData]=\"rowData\"\n        [pinnedTopRowData]=\"pinnedTopRowData\"\n        [pinnedBottomRowData]=\"pinnedBottomRowData\"\n        [api]=\"api\"\n        [rowNumber]=\"rowNumber\"\n        [pagination]=\"pagination\"\n        [allowedEdit]=\"allowedEdit\"\n        [editType]=\"editType\"\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        (rowDragEnd)=\"invokeRowDragEnd($event)\"\n        (expansionChanged)=\"invokeExpansionChangedClick($event)\"\n        (onRowGotoDetail)=\"invokeRowActionGotoDetail($event)\"\n        (onRowDetail)=\"invokeRowActionDetail($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 || clientSidePagination) {\n        <one-grid-pagination\n            [paginate]=\"clientSidePagination ? internalPaginate : 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 }, { type: i0.ChangeDetectorRef }], propDecorators: { ogRef: [{
                 type: ViewChild,
                 args: ['ogRef', { static: true }]
@@ -6685,6 +6713,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                 type: Output
             }], onRowGotoDetail: [{
                 type: Output
+            }], onRowDetail: [{
+                type: Output
             }], onRowAddNew: [{
                 type: Output
             }], onRowView: [{