@angular-bootstrap/ngbootstrap 2.0.3 → 2.1.1

package/fesm2022/angular-bootstrap-ngbootstrap.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { EventEmitter, Output, Input, ChangeDetectionStrategy, Component, ViewChild, Directive, inject, Injectable, signal, TemplateRef, HostBinding, ElementRef, Renderer2, ChangeDetectorRef, Optional, InjectionToken, Inject, HostListener, QueryList, forwardRef, ContentChildren, ContentChild, ViewEncapsulation, SkipSelf, ViewChildren } from '@angular/core';
+import { EventEmitter, Output, Input, ChangeDetectionStrategy, Component, ViewChild, Directive, inject, Injectable, signal, TemplateRef, HostBinding, input, computed, ElementRef, Renderer2, ChangeDetectorRef, Optional, InjectionToken, Inject, HostListener, QueryList, forwardRef, ContentChildren, ContentChild, ViewEncapsulation, SkipSelf, ViewChildren } from '@angular/core';
 import * as i1$1 from '@angular/common';
 import { CommonModule, DOCUMENT } from '@angular/common';
 import * as i1 from '@angular/forms';
@@ -50,8 +50,8 @@ class NgbPaginationComponent {
             return;
         this.pageChange.emit(page);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgbPaginationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.0", type: NgbPaginationComponent, isStandalone: true, selector: "ngb-pagination", inputs: { page: "page", pageSize: "pageSize", collectionSize: "collectionSize", maxSize: "maxSize", buttonCount: "buttonCount", previousNext: "previousNext", pagerType: "pagerType", responsive: "responsive" }, outputs: { pageChange: "pageChange" }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: NgbPaginationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: NgbPaginationComponent, isStandalone: true, selector: "ngb-pagination", inputs: { page: "page", pageSize: "pageSize", collectionSize: "collectionSize", maxSize: "maxSize", buttonCount: "buttonCount", previousNext: "previousNext", pagerType: "pagerType", responsive: "responsive" }, outputs: { pageChange: "pageChange" }, ngImport: i0, template: `
     @if (totalPages >= 1) {
       <nav
         class="ngb-pagination"
@@ -150,7 +150,7 @@ class NgbPaginationComponent {
     }
   `, isInline: true, styles: [".ngb-pagination--responsive .pagination{flex-wrap:wrap;justify-content:center;gap:.15rem}.ngb-pagination .page-link,.ngb-pagination .btn{border-color:var(--dg-pager-control-border, var(--bs-border-color));background-color:var(--dg-pager-control-bg, var(--bs-body-bg));color:var(--dg-pager-link-text, var(--dg-primary, var(--bs-primary)))}.ngb-pagination .page-link:hover,.ngb-pagination .btn:hover{border-color:var(--dg-border-strong, var(--bs-border-color));background-color:var(--dg-pager-control-hover-bg, var(--bs-tertiary-bg));color:var(--dg-primary-hover, var(--bs-link-hover-color))}.ngb-pagination .page-item.active .page-link{border-color:var(--dg-pager-active-border, var(--dg-primary, var(--bs-primary)));background-color:var(--dg-pager-active-bg, var(--dg-primary, var(--bs-primary)));color:var(--dg-pager-active-text, var(--dg-on-primary, #fff))}.ngb-pagination .page-item.disabled .page-link,.ngb-pagination .btn:disabled{border-color:var(--dg-pager-control-border, var(--bs-border-color));background-color:var(--dg-pager-control-bg, var(--bs-body-bg));color:var(--dg-text-subtle, var(--bs-secondary-color));opacity:.55}.ngb-pagination__input-group{display:inline-flex;align-items:center;gap:.35rem;flex-wrap:wrap;justify-content:center}.ngb-pagination__page-input{width:4.25rem;text-align:center;border-color:var(--dg-pager-control-border, var(--bs-border-color));background-color:var(--dg-pager-control-bg, var(--bs-body-bg));color:var(--dg-text, var(--bs-body-color))}.ngb-pagination__input-label{margin:0}.ngb-pagination__input-total{font-size:.875rem;color:var(--dg-pager-text, var(--bs-secondary-color));white-space:nowrap}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox]):not([ngNoCva])[formControlName],textarea:not([ngNoCva])[formControlName],input:not([type=checkbox]):not([ngNoCva])[formControl],textarea:not([ngNoCva])[formControl],input:not([type=checkbox]):not([ngNoCva])[ngModel],textarea:not([ngNoCva])[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NumberValueAccessor, selector: "input[type=number]:not([ngNoCva])[formControlName],input[type=number]:not([ngNoCva])[formControl],input[type=number]:not([ngNoCva])[ngModel]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.MinValidator, selector: "input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]", inputs: ["min"] }, { kind: "directive", type: i1.MaxValidator, selector: "input[type=number][max][formControlName],input[type=number][max][formControl],input[type=number][max][ngModel]", inputs: ["max"] }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgbPaginationComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: NgbPaginationComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ngb-pagination', standalone: true, imports: [CommonModule, FormsModule], template: `
     @if (totalPages >= 1) {
@@ -422,8 +422,8 @@ class NgbPagerComponent {
         });
         this.resizeObserver.observe(element);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgbPagerComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.0", type: NgbPagerComponent, isStandalone: true, selector: "ngb-pager", inputs: { page: "page", pageSize: "pageSize", collectionSize: "collectionSize", settings: "settings", infoLabel: "infoLabel", rangeLabelTemplate: "rangeLabelTemplate", rowsPerPageLabel: "rowsPerPageLabel", responsive: "responsive" }, outputs: { pageChange: "pageChange", pageSizeChange: "pageSizeChange" }, viewQueries: [{ propertyName: "pagerRoot", first: true, predicate: ["pagerRoot"], descendants: true }], ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: NgbPagerComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: NgbPagerComponent, isStandalone: true, selector: "ngb-pager", inputs: { page: "page", pageSize: "pageSize", collectionSize: "collectionSize", settings: "settings", infoLabel: "infoLabel", rangeLabelTemplate: "rangeLabelTemplate", rowsPerPageLabel: "rowsPerPageLabel", responsive: "responsive" }, outputs: { pageChange: "pageChange", pageSizeChange: "pageSizeChange" }, viewQueries: [{ propertyName: "pagerRoot", first: true, predicate: ["pagerRoot"], descendants: true }], ngImport: i0, template: `
     <div
       #pagerRoot
       class="ngb-pager"
@@ -486,7 +486,7 @@ class NgbPagerComponent {
     </div>
   `, isInline: true, styles: [".ngb-pager{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:.5rem .75rem;width:100%;color:var(--dg-pager-text, var(--bs-secondary-color))}.ngb-pager__range{justify-self:start;min-width:0;color:var(--dg-pager-text, var(--bs-secondary-color))!important}.ngb-pager__pagination{display:flex;justify-content:center;justify-self:center;min-width:0}.ngb-pager__page-size{display:inline-flex;align-items:center;justify-self:end;gap:.5rem;min-width:0}.ngb-pager__page-size-label{margin:0;white-space:nowrap;font-size:.875rem;line-height:1.25;color:var(--dg-pager-text, var(--bs-secondary-color))}.ngb-pager__page-size-select{width:auto;min-width:4.5rem;flex:0 0 auto;border-color:var(--dg-pager-control-border, var(--bs-border-color));background-color:var(--dg-pager-control-bg, var(--bs-body-bg));background-image:var(--dg-pager-select-icon);background-position:right .75rem center;background-repeat:no-repeat;background-size:16px 12px;color:var(--dg-text, var(--bs-body-color));padding-right:2.25rem;appearance:none}.ngb-pager--wrap{display:flex;flex-wrap:wrap;justify-content:center}.ngb-pager--wrap .ngb-pager__range{flex:1 1 100%;justify-self:auto}.ngb-pager--wrap .ngb-pager__pagination{flex:1 1 100%;justify-content:center;justify-self:auto}.ngb-pager--wrap .ngb-pager__page-size{flex:0 0 auto;justify-self:auto}.ngb-pager--responsive{flex-wrap:nowrap;overflow:hidden}.ngb-pager__part--hidden{visibility:hidden;pointer-events:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.SelectControlValueAccessor, selector: "select:not([multiple]):not([ngNoCva])[formControlName],select:not([multiple]):not([ngNoCva])[formControl],select:not([multiple]):not([ngNoCva])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: NgbPaginationComponent, selector: "ngb-pagination", inputs: ["page", "pageSize", "collectionSize", "maxSize", "buttonCount", "previousNext", "pagerType", "responsive"], outputs: ["pageChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgbPagerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: NgbPagerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ngb-pager', standalone: true, imports: [CommonModule, FormsModule, NgbPaginationComponent], template: `
     <div
@@ -610,10 +610,10 @@ class NgbCellTemplate {
     constructor(template) {
         this.template = template;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgbCellTemplate, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.0", type: NgbCellTemplate, isStandalone: true, selector: "ng-template[ngbCell]", inputs: { field: ["ngbCell", "field"] }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: NgbCellTemplate, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: NgbCellTemplate, isStandalone: true, selector: "ng-template[ngbCell]", inputs: { field: ["ngbCell", "field"] }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgbCellTemplate, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: NgbCellTemplate, decorators: [{
             type: Directive,
             args: [{ selector: 'ng-template[ngbCell]', standalone: true }]
         }], ctorParameters: () => [{ type: i0.TemplateRef }], propDecorators: { field: [{
@@ -626,10 +626,10 @@ class NgbEditorTemplate {
     constructor(template) {
         this.template = template;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgbEditorTemplate, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.0", type: NgbEditorTemplate, isStandalone: true, selector: "ng-template[ngbEditor]", inputs: { field: ["ngbEditor", "field"] }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: NgbEditorTemplate, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: NgbEditorTemplate, isStandalone: true, selector: "ng-template[ngbEditor]", inputs: { field: ["ngbEditor", "field"] }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgbEditorTemplate, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: NgbEditorTemplate, decorators: [{
             type: Directive,
             args: [{ selector: 'ng-template[ngbEditor]', standalone: true }]
         }], ctorParameters: () => [{ type: i0.TemplateRef }], propDecorators: { field: [{
@@ -642,10 +642,10 @@ class NgbFilterTemplate {
     constructor(template) {
         this.template = template;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgbFilterTemplate, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.0", type: NgbFilterTemplate, isStandalone: true, selector: "ng-template[ngbFilter]", inputs: { field: ["ngbFilter", "field"] }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: NgbFilterTemplate, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: NgbFilterTemplate, isStandalone: true, selector: "ng-template[ngbFilter]", inputs: { field: ["ngbFilter", "field"] }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgbFilterTemplate, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: NgbFilterTemplate, decorators: [{
             type: Directive,
             args: [{ selector: 'ng-template[ngbFilter]', standalone: true }]
         }], ctorParameters: () => [{ type: i0.TemplateRef }], propDecorators: { field: [{
@@ -658,10 +658,10 @@ class NgbFilterMenuTemplate {
     constructor(template) {
         this.template = template;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgbFilterMenuTemplate, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.0", type: NgbFilterMenuTemplate, isStandalone: true, selector: "ng-template[ngbFilterMenu]", inputs: { field: ["ngbFilterMenu", "field"] }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: NgbFilterMenuTemplate, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: NgbFilterMenuTemplate, isStandalone: true, selector: "ng-template[ngbFilterMenu]", inputs: { field: ["ngbFilterMenu", "field"] }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgbFilterMenuTemplate, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: NgbFilterMenuTemplate, decorators: [{
             type: Directive,
             args: [{ selector: 'ng-template[ngbFilterMenu]', standalone: true }]
         }], ctorParameters: () => [{ type: i0.TemplateRef }], propDecorators: { field: [{
@@ -673,10 +673,10 @@ class NgbGlobalFilterTemplate {
     constructor(template) {
         this.template = template;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgbGlobalFilterTemplate, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.0", type: NgbGlobalFilterTemplate, isStandalone: true, selector: "ng-template[ngbGlobalFilter]", ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: NgbGlobalFilterTemplate, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: NgbGlobalFilterTemplate, isStandalone: true, selector: "ng-template[ngbGlobalFilter]", ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgbGlobalFilterTemplate, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: NgbGlobalFilterTemplate, decorators: [{
             type: Directive,
             args: [{ selector: 'ng-template[ngbGlobalFilter]', standalone: true }]
         }], ctorParameters: () => [{ type: i0.TemplateRef }] });
@@ -685,10 +685,10 @@ class NgbRowDetailTemplate {
     constructor(template) {
         this.template = template;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgbRowDetailTemplate, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.0", type: NgbRowDetailTemplate, isStandalone: true, selector: "ng-template[ngbRowDetail]", ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: NgbRowDetailTemplate, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: NgbRowDetailTemplate, isStandalone: true, selector: "ng-template[ngbRowDetail]", ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgbRowDetailTemplate, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: NgbRowDetailTemplate, decorators: [{
             type: Directive,
             args: [{ selector: 'ng-template[ngbRowDetail]', standalone: true }]
         }], ctorParameters: () => [{ type: i0.TemplateRef }] });
@@ -697,13 +697,73 @@ class NgbPagerTemplate {
     constructor(template) {
         this.template = template;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgbPagerTemplate, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.0", type: NgbPagerTemplate, isStandalone: true, selector: "ng-template[ngbPager]", ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: NgbPagerTemplate, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: NgbPagerTemplate, isStandalone: true, selector: "ng-template[ngbPager]", ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgbPagerTemplate, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: NgbPagerTemplate, decorators: [{
             type: Directive,
             args: [{ selector: 'ng-template[ngbPager]', standalone: true }]
         }], ctorParameters: () => [{ type: i0.TemplateRef }] });
+class NgbDataGridGroupHeaderTemplateDirective {
+    template;
+    constructor(template) {
+        this.template = template;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: NgbDataGridGroupHeaderTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: NgbDataGridGroupHeaderTemplateDirective, isStandalone: true, selector: "ng-template[ngbDatagridGroupHeaderTemplate], ng-template[ngbGroupHeader]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: NgbDataGridGroupHeaderTemplateDirective, decorators: [{
+            type: Directive,
+            args: [{ selector: 'ng-template[ngbDatagridGroupHeaderTemplate], ng-template[ngbGroupHeader]', standalone: true }]
+        }], ctorParameters: () => [{ type: i0.TemplateRef }] });
+class NgbDataGridGroupHeaderColumnTemplateDirective {
+    template;
+    // Preserve the explicit public template binding names for compatibility.
+    field;
+    // eslint-disable-next-line @angular-eslint/no-input-rename
+    set legacyField(value) {
+        this.field = value;
+    }
+    constructor(template) {
+        this.template = template;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: NgbDataGridGroupHeaderColumnTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: NgbDataGridGroupHeaderColumnTemplateDirective, isStandalone: true, selector: "ng-template[ngbDatagridGroupHeaderColumnTemplate], ng-template[ngbGroupHeaderColumn]", inputs: { field: ["ngbDatagridGroupHeaderColumnTemplate", "field"], legacyField: ["ngbGroupHeaderColumn", "legacyField"] }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: NgbDataGridGroupHeaderColumnTemplateDirective, decorators: [{
+            type: Directive,
+            args: [{ selector: 'ng-template[ngbDatagridGroupHeaderColumnTemplate], ng-template[ngbGroupHeaderColumn]', standalone: true }]
+        }], ctorParameters: () => [{ type: i0.TemplateRef }], propDecorators: { field: [{
+                type: Input,
+                args: ['ngbDatagridGroupHeaderColumnTemplate']
+            }], legacyField: [{
+                type: Input,
+                args: ['ngbGroupHeaderColumn']
+            }] } });
+class NgbDataGridGroupFooterTemplateDirective {
+    template;
+    // Preserve the explicit public template binding names for compatibility.
+    field;
+    // eslint-disable-next-line @angular-eslint/no-input-rename
+    set legacyField(value) {
+        this.field = value;
+    }
+    constructor(template) {
+        this.template = template;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: NgbDataGridGroupFooterTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: NgbDataGridGroupFooterTemplateDirective, isStandalone: true, selector: "ng-template[ngbDatagridGroupFooterTemplate], ng-template[ngbGroupFooter]", inputs: { field: ["ngbDatagridGroupFooterTemplate", "field"], legacyField: ["ngbGroupFooter", "legacyField"] }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: NgbDataGridGroupFooterTemplateDirective, decorators: [{
+            type: Directive,
+            args: [{ selector: 'ng-template[ngbDatagridGroupFooterTemplate], ng-template[ngbGroupFooter]', standalone: true }]
+        }], ctorParameters: () => [{ type: i0.TemplateRef }], propDecorators: { field: [{
+                type: Input,
+                args: ['ngbDatagridGroupFooterTemplate']
+            }], legacyField: [{
+                type: Input,
+                args: ['ngbGroupFooter']
+            }] } });
 /** Handy constant to import in consumer apps */
 const DATAGRID_TEMPLATE_DIRECTIVES = [
     NgbCellTemplate,
@@ -713,6 +773,9 @@ const DATAGRID_TEMPLATE_DIRECTIVES = [
     NgbGlobalFilterTemplate,
     NgbRowDetailTemplate,
     NgbPagerTemplate,
+    NgbDataGridGroupHeaderTemplateDirective,
+    NgbDataGridGroupHeaderColumnTemplateDirective,
+    NgbDataGridGroupFooterTemplateDirective,
 ];
 
 const NGB_TEXT_FILTER_OPERATORS = [
@@ -904,12 +967,23 @@ function ngbApplyDataGridOperations(data, options = {}) {
     const total = sorted.length;
     const aggregates = ngbCalculateDataGridAggregates(sorted, options.aggregates ?? []);
     const page = options.page === false ? sorted : applyPage(sorted, state);
+    const groupedData = (state.group?.length ?? 0) > 0
+        ? (options.groupedData?.length ? cloneGroupResults(options.groupedData) : ngbGroupData(page, state.group ?? []))
+        : undefined;
     return {
         data: page,
         total,
         ...(Object.keys(aggregates).length ? { aggregates } : {}),
+        ...(groupedData?.length ? { groupedData } : {}),
     };
 }
+function ngbGroupData(data, descriptors) {
+    const rows = [...(data ?? [])];
+    const normalized = normalizeGroupDescriptors(descriptors);
+    if (!normalized.length || !rows.length)
+        return [];
+    return groupRows(rows, normalized, 0);
+}
 function ngbCalculateDataGridAggregates(data, descriptors) {
     const rows = [...(data ?? [])];
     const results = {};
@@ -919,16 +993,19 @@ function ngbCalculateDataGridAggregates(data, descriptors) {
         const values = rows
             .map((row) => row?.[field])
             .filter((value) => value !== null && value !== undefined && value !== '');
-        switch (descriptor.aggregate) {
+        const aggregate = normalizeAggregate(descriptor.aggregate);
+        switch (aggregate) {
             case 'count':
                 bucket.count = values.length;
                 break;
             case 'sum':
                 bucket.sum = numericValues(values).reduce((sum, value) => sum + value, 0);
                 break;
-            case 'average': {
+            case 'avg': {
                 const numbers = numericValues(values);
-                bucket.average = numbers.length ? numbers.reduce((sum, value) => sum + value, 0) / numbers.length : null;
+                const average = numbers.length ? numbers.reduce((sum, value) => sum + value, 0) / numbers.length : null;
+                bucket.avg = average;
+                bucket.average = average;
                 break;
             }
             case 'min':
@@ -1043,6 +1120,80 @@ function applyPage(rows, state) {
         : Math.max(0, (Math.max(1, Math.trunc(Number(state.page) || 1)) - 1) * pageSize);
     return rows.slice(skip, skip + pageSize);
 }
+function groupRows(rows, descriptors, level) {
+    const descriptor = descriptors[level];
+    if (!descriptor)
+        return [];
+    const buckets = new Map();
+    for (const row of rows) {
+        const value = row?.[descriptor.field];
+        const key = groupValueKey(value);
+        const bucket = buckets.get(key);
+        if (bucket) {
+            bucket.rows.push(row);
+        }
+        else {
+            buckets.set(key, { value, rows: [row] });
+        }
+    }
+    const groups = Array.from(buckets.values()).sort((left, right) => {
+        const result = compareValues(left.value, right.value);
+        return descriptor.dir === 'desc' ? -result : result;
+    });
+    return groups.map((bucket) => {
+        const childGroups = groupRows(bucket.rows, descriptors, level + 1);
+        return {
+            field: descriptor.field,
+            value: bucket.value,
+            dir: descriptor.dir,
+            level,
+            count: bucket.rows.length,
+            ...(descriptor.aggregates?.length ? { aggregates: ngbCalculateDataGridAggregates(bucket.rows, descriptor.aggregates) } : {}),
+            items: childGroups.length ? childGroups : bucket.rows,
+        };
+    });
+}
+function normalizeGroupDescriptors(descriptors) {
+    const seen = new Set();
+    const normalized = [];
+    for (const descriptor of descriptors ?? []) {
+        const field = String(descriptor?.field ?? '').trim();
+        if (!field || seen.has(field))
+            continue;
+        seen.add(field);
+        normalized.push({
+            field,
+            dir: descriptor.dir === 'desc' ? 'desc' : 'asc',
+            aggregates: [...(descriptor.aggregates ?? [])],
+        });
+    }
+    return normalized;
+}
+function normalizeAggregate(aggregate) {
+    return aggregate === 'average' ? 'avg' : aggregate;
+}
+function cloneGroupResults(groups) {
+    return groups.map((group) => ({
+        ...group,
+        ...(group.aggregates ? { aggregates: cloneAggregateResults(group.aggregates) } : {}),
+        items: group.items.map((item) => (isGroupResult(item) ? cloneGroupResults([item])[0] : item)),
+    }));
+}
+function cloneAggregateResults(results) {
+    const cloned = {};
+    for (const field of Object.keys(results ?? {})) {
+        cloned[field] = { ...results[field] };
+    }
+    return cloned;
+}
+function isGroupResult(item) {
+    return typeof item === 'object' && item !== null && Array.isArray(item.items);
+}
+function groupValueKey(value) {
+    if (value instanceof Date)
+        return `date:${value.toISOString()}`;
+    return `${typeof value}:${String(value)}`;
+}
 function resolveFilterType(column, raw, value) {
     if (column?.filterType)
         return column.filterType;
@@ -1140,24 +1291,27 @@ class NgbExportService {
             throw new Error('No ExcelExportAdapter provided');
         return this.excel.export(p);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgbExportService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgbExportService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: NgbExportService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: NgbExportService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgbExportService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: NgbExportService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }] });
 
+const hasStructuredClone = (value) => typeof value.structuredClone === 'function';
 const clone = (value) => {
     try {
-        // Prefer structuredClone when available.
-        // eslint-disable-next-line @typescript-eslint/no-unsafe-return
-        return globalThis.structuredClone ? globalThis.structuredClone(value) : JSON.parse(JSON.stringify(value));
+        if (hasStructuredClone(globalThis)) {
+            return globalThis.structuredClone(value);
+        }
+        return JSON.parse(JSON.stringify(value));
     }
     catch {
         return value;
     }
 };
+const asRecordLike = (value) => typeof value === 'object' && value !== null ? value : null;
 const shallowEqual = (a, b) => {
     if (a === b)
         return true;
@@ -1214,9 +1368,9 @@ class NgbDatagridDefaultEditService {
         const baseline = this.originals().find((it) => Object.is(it.id, rowId))?.row;
         if (!baseline)
             return false;
-        return !shallowEqual(baseline, currentRow);
+        return !shallowEqual(asRecordLike(baseline), asRecordLike(currentRow));
     }
-    saveChanges(data, _rowIndex, rowId, currentRow) {
+    saveChanges(data, _rowIndex, rowId, _currentRow) {
         this.newRows.update((ids) => ids.filter((id) => !Object.is(id, rowId)));
         // Once saved, clear baseline tracking (no longer "dirty").
         this.originals.update((items) => items.filter((it) => !Object.is(it.id, rowId)));
@@ -1412,14 +1566,13 @@ class BrowserExcelExportAdapter {
     }
 }
 
-// eslint-disable-next-line @angular-eslint/directive-selector
 class ExportButtonDirective {
     // Expose the TemplateRef so the grid can render it with a context
     templateRef = inject(TemplateRef);
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: ExportButtonDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.0", type: ExportButtonDirective, isStandalone: true, selector: "[ngbExportButton]", ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ExportButtonDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: ExportButtonDirective, isStandalone: true, selector: "[ngbExportButton]", ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: ExportButtonDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ExportButtonDirective, decorators: [{
             type: Directive,
             args: [{ selector: '[ngbExportButton]' }]
         }] });
@@ -1479,10 +1632,10 @@ class NgbGridColumnDirective {
             maxResizableWidth: this.maxResizableWidth
         };
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgbGridColumnDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.0", type: NgbGridColumnDirective, isStandalone: true, selector: "ngb-grid-column", inputs: { field: "field", header: "header", title: "title", cellTitle: "cellTitle", sortable: "sortable", filterable: "filterable", filterType: "filterType", defaultFilterOperator: "defaultFilterOperator", allowedFilterOperators: "allowedFilterOperators", showFilterMenu: "showFilterMenu", showFilterRow: "showFilterRow", showFilterOperator: "showFilterOperator", editable: "editable", type: "type", options: "options", width: "width", stackedGroup: "stackedGroup", required: "required", hidden: "hidden", sticky: "sticky", locked: "locked", reorderable: "reorderable", resizable: "resizable", minResizableWidth: "minResizableWidth", maxResizableWidth: "maxResizableWidth" }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: NgbGridColumnDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: NgbGridColumnDirective, isStandalone: true, selector: "ngb-grid-column", inputs: { field: "field", header: "header", title: "title", cellTitle: "cellTitle", sortable: "sortable", filterable: "filterable", filterType: "filterType", defaultFilterOperator: "defaultFilterOperator", allowedFilterOperators: "allowedFilterOperators", showFilterMenu: "showFilterMenu", showFilterRow: "showFilterRow", showFilterOperator: "showFilterOperator", editable: "editable", type: "type", options: "options", width: "width", stackedGroup: "stackedGroup", required: "required", hidden: "hidden", sticky: "sticky", locked: "locked", reorderable: "reorderable", resizable: "resizable", minResizableWidth: "minResizableWidth", maxResizableWidth: "maxResizableWidth" }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgbGridColumnDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: NgbGridColumnDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'ngb-grid-column',
@@ -1567,10 +1720,10 @@ class NgbDatagridButtonDirective {
     get iconButtonClass() {
         return this.variant === 'icon';
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgbDatagridButtonDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.0", type: NgbDatagridButtonDirective, isStandalone: true, selector: "button[ngbDatagridButton], a[ngbDatagridButton]", inputs: { variant: ["ngbDatagridButton", "variant"] }, host: { properties: { "class.datagrid-toolbar__button": "this.toolbarButtonClass", "class.datagrid-toolbar__button--primary": "this.toolbarPrimary", "class.datagrid-toolbar__button--secondary": "this.toolbarSecondary", "class.grid-row-action": "this.rowActionClass", "class.grid-row-action--success": "this.rowSuccess", "class.grid-row-action--danger": "this.rowDanger", "class.grid-row-action--neutral": "this.rowNeutral", "class.grid-filter-menu-trigger": "this.iconButtonClass" } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: NgbDatagridButtonDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: NgbDatagridButtonDirective, isStandalone: true, selector: "button[ngbDatagridButton], a[ngbDatagridButton]", inputs: { variant: ["ngbDatagridButton", "variant"] }, host: { properties: { "class.datagrid-toolbar__button": "this.toolbarButtonClass", "class.datagrid-toolbar__button--primary": "this.toolbarPrimary", "class.datagrid-toolbar__button--secondary": "this.toolbarSecondary", "class.grid-row-action": "this.rowActionClass", "class.grid-row-action--success": "this.rowSuccess", "class.grid-row-action--danger": "this.rowDanger", "class.grid-row-action--neutral": "this.rowNeutral", "class.grid-filter-menu-trigger": "this.iconButtonClass" } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgbDatagridButtonDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: NgbDatagridButtonDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'button[ngbDatagridButton], a[ngbDatagridButton]',
@@ -1613,10 +1766,10 @@ class NgbDatagridControlDirective {
     get editClass() {
         return this.ngbDatagridControlMode === 'edit';
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgbDatagridControlDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.0", type: NgbDatagridControlDirective, isStandalone: true, selector: "input[ngbDatagridControl], select[ngbDatagridControl], textarea[ngbDatagridControl]", inputs: { ngbDatagridControlMode: "ngbDatagridControlMode" }, host: { properties: { "class.grid-filter-control": "this.filterClass", "class.grid-edit-control": "this.editClass" } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: NgbDatagridControlDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: NgbDatagridControlDirective, isStandalone: true, selector: "input[ngbDatagridControl], select[ngbDatagridControl], textarea[ngbDatagridControl]", inputs: { ngbDatagridControlMode: "ngbDatagridControlMode" }, host: { properties: { "class.grid-filter-control": "this.filterClass", "class.grid-edit-control": "this.editClass" } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgbDatagridControlDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: NgbDatagridControlDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'input[ngbDatagridControl], select[ngbDatagridControl], textarea[ngbDatagridControl]',
@@ -1634,8 +1787,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImpor
 
 class NgbDatagridAddRowComponent {
     grid;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgbDatagridAddRowComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.0", type: NgbDatagridAddRowComponent, isStandalone: true, selector: "tr[ngbDatagridAddRow]", inputs: { grid: "grid" }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: NgbDatagridAddRowComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: NgbDatagridAddRowComponent, isStandalone: true, selector: "tr[ngbDatagridAddRow]", inputs: { grid: "grid" }, ngImport: i0, template: `
     @if (grid.showSelectionColumn()) {
     <td
       [style.width.px]="grid.utilityColumnWidth('selection')"
@@ -1784,15 +1937,16 @@ class NgbDatagridAddRowComponent {
       </div>
     </td>
     }
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox]):not([ngNoCva])[formControlName],textarea:not([ngNoCva])[formControlName],input:not([type=checkbox]):not([ngNoCva])[formControl],textarea:not([ngNoCva])[formControl],input:not([type=checkbox]):not([ngNoCva])[ngModel],textarea:not([ngNoCva])[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.CheckboxControlValueAccessor, selector: "input[type=checkbox]:not([ngNoCva])[formControlName],input[type=checkbox]:not([ngNoCva])[formControl],input[type=checkbox]:not([ngNoCva])[ngModel]" }, { kind: "directive", type: i1.SelectControlValueAccessor, selector: "select:not([multiple]):not([ngNoCva])[formControlName],select:not([multiple]):not([ngNoCva])[formControl],select:not([multiple]):not([ngNoCva])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: NgbDatagridButtonDirective, selector: "button[ngbDatagridButton], a[ngbDatagridButton]", inputs: ["ngbDatagridButton"] }, { kind: "directive", type: NgbDatagridControlDirective, selector: "input[ngbDatagridControl], select[ngbDatagridControl], textarea[ngbDatagridControl]", inputs: ["ngbDatagridControlMode"] }], viewProviders: [{ provide: ControlContainer, useExisting: FormGroupDirective }] });
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox]):not([ngNoCva])[formControlName],textarea:not([ngNoCva])[formControlName],input:not([type=checkbox]):not([ngNoCva])[formControl],textarea:not([ngNoCva])[formControl],input:not([type=checkbox]):not([ngNoCva])[ngModel],textarea:not([ngNoCva])[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.CheckboxControlValueAccessor, selector: "input[type=checkbox]:not([ngNoCva])[formControlName],input[type=checkbox]:not([ngNoCva])[formControl],input[type=checkbox]:not([ngNoCva])[ngModel]" }, { kind: "directive", type: i1.SelectControlValueAccessor, selector: "select:not([multiple]):not([ngNoCva])[formControlName],select:not([multiple]):not([ngNoCva])[formControl],select:not([multiple]):not([ngNoCva])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: NgbDatagridButtonDirective, selector: "button[ngbDatagridButton], a[ngbDatagridButton]", inputs: ["ngbDatagridButton"] }, { kind: "directive", type: NgbDatagridControlDirective, selector: "input[ngbDatagridControl], select[ngbDatagridControl], textarea[ngbDatagridControl]", inputs: ["ngbDatagridControlMode"] }], viewProviders: [{ provide: ControlContainer, useExisting: FormGroupDirective }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgbDatagridAddRowComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: NgbDatagridAddRowComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'tr[ngbDatagridAddRow]',
                     standalone: true,
                     imports: [CommonModule, FormsModule, ReactiveFormsModule, NgbDatagridButtonDirective, NgbDatagridControlDirective],
                     viewProviders: [{ provide: ControlContainer, useExisting: FormGroupDirective }],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
                     template: `
     @if (grid.showSelectionColumn()) {
     <td
@@ -1951,8 +2105,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImpor
 
 class NgbDatagridColgroupComponent {
     grid;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgbDatagridColgroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.0", type: NgbDatagridColgroupComponent, isStandalone: true, selector: "colgroup[ngbDatagridColgroup]", inputs: { grid: "grid" }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: NgbDatagridColgroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: NgbDatagridColgroupComponent, isStandalone: true, selector: "colgroup[ngbDatagridColgroup]", inputs: { grid: "grid" }, ngImport: i0, template: `
     @if (grid.showSelectionColumn()) {
       <col [style.width.px]="grid.utilityColumnWidth('selection')" />
     }
@@ -1973,7 +2127,7 @@ class NgbDatagridColgroupComponent {
     }
   `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgbDatagridColgroupComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: NgbDatagridColgroupComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'colgroup[ngbDatagridColgroup]',
@@ -2007,14 +2161,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImpor
 
 class NgbDatagridDataRowComponent {
     grid;
+    renderTick = 0;
     row;
     index;
     selected = false;
     valueFor(row, col) {
         return row[col.field];
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgbDatagridDataRowComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.0", type: NgbDatagridDataRowComponent, isStandalone: true, selector: "tr[ngbDatagridDataRow]", inputs: { grid: "grid", row: "row", index: "index", selected: "selected" }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: NgbDatagridDataRowComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: NgbDatagridDataRowComponent, isStandalone: true, selector: "tr[ngbDatagridDataRow]", inputs: { grid: "grid", renderTick: "renderTick", row: "row", index: "index", selected: "selected" }, ngImport: i0, template: `
     @if (grid.showSelectionColumn()) {
     <td
       class="text-center align-middle"
@@ -2100,6 +2255,7 @@ class NgbDatagridDataRowComponent {
                 [class.grid-cell--incell]="grid.isIncellEditMode()"
                 [ngClass]="grid.resolveCellClass(row, index, col)"
                 [ngStyle]="grid.resolveCellStyle(row, index, col)"
+                (mousedown)="grid.onCellMouseDown($event, index, col)"
                 (click)="grid.onCellClick($event, index, col)"
               >
                 <div class="ngb-stacked-card__label">{{ col.header }}</div>
@@ -2143,6 +2299,7 @@ class NgbDatagridDataRowComponent {
         [style.right.px]="grid.isStackedLayout() ? null : grid.columnEndOffset(col)"
         (focus)="grid.onDataCellFocus(index, ci)"
         (keydown)="grid.onDataCellKeydown($event, index, ci, col)"
+        (mousedown)="grid.onCellMouseDown($event, index, col)"
         (click)="grid.onCellClick($event, index, col)"
       >
         <ng-container *ngTemplateOutlet="dataCell; context: { col: col, ci: ci }"></ng-container>
@@ -2276,7 +2433,7 @@ class NgbDatagridDataRowComponent {
               @default {
               <span class="grid-cell-text">
                 @if (grid.isSearchHighlightEnabled() && grid.shouldHighlightSearchInColumn(col.field)) {
-                  @for (part of grid.getSearchHighlightSegments(valueFor(row, col), col.field); track $index) {
+                  @for (part of grid.getSearchHighlightSegments(valueFor(row, col), col.field); track part.key) {
                     @if (part.match) {
                       <mark class="grid-search-highlight">{{ part.text }}</mark>
                     } @else {
@@ -2356,15 +2513,16 @@ class NgbDatagridDataRowComponent {
         </div>
       }
     </ng-template>
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox]):not([ngNoCva])[formControlName],textarea:not([ngNoCva])[formControlName],input:not([type=checkbox]):not([ngNoCva])[formControl],textarea:not([ngNoCva])[formControl],input:not([type=checkbox]):not([ngNoCva])[ngModel],textarea:not([ngNoCva])[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.CheckboxControlValueAccessor, selector: "input[type=checkbox]:not([ngNoCva])[formControlName],input[type=checkbox]:not([ngNoCva])[formControl],input[type=checkbox]:not([ngNoCva])[ngModel]" }, { kind: "directive", type: i1.SelectControlValueAccessor, selector: "select:not([multiple]):not([ngNoCva])[formControlName],select:not([multiple]):not([ngNoCva])[formControl],select:not([multiple]):not([ngNoCva])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: NgbDatagridButtonDirective, selector: "button[ngbDatagridButton], a[ngbDatagridButton]", inputs: ["ngbDatagridButton"] }, { kind: "directive", type: NgbDatagridControlDirective, selector: "input[ngbDatagridControl], select[ngbDatagridControl], textarea[ngbDatagridControl]", inputs: ["ngbDatagridControlMode"] }], viewProviders: [{ provide: ControlContainer, useExisting: FormGroupDirective }] });
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox]):not([ngNoCva])[formControlName],textarea:not([ngNoCva])[formControlName],input:not([type=checkbox]):not([ngNoCva])[formControl],textarea:not([ngNoCva])[formControl],input:not([type=checkbox]):not([ngNoCva])[ngModel],textarea:not([ngNoCva])[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.CheckboxControlValueAccessor, selector: "input[type=checkbox]:not([ngNoCva])[formControlName],input[type=checkbox]:not([ngNoCva])[formControl],input[type=checkbox]:not([ngNoCva])[ngModel]" }, { kind: "directive", type: i1.SelectControlValueAccessor, selector: "select:not([multiple]):not([ngNoCva])[formControlName],select:not([multiple]):not([ngNoCva])[formControl],select:not([multiple]):not([ngNoCva])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: NgbDatagridButtonDirective, selector: "button[ngbDatagridButton], a[ngbDatagridButton]", inputs: ["ngbDatagridButton"] }, { kind: "directive", type: NgbDatagridControlDirective, selector: "input[ngbDatagridControl], select[ngbDatagridControl], textarea[ngbDatagridControl]", inputs: ["ngbDatagridControlMode"] }], viewProviders: [{ provide: ControlContainer, useExisting: FormGroupDirective }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgbDatagridDataRowComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: NgbDatagridDataRowComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'tr[ngbDatagridDataRow]',
                     standalone: true,
                     imports: [CommonModule, ReactiveFormsModule, NgbDatagridButtonDirective, NgbDatagridControlDirective],
                     viewProviders: [{ provide: ControlContainer, useExisting: FormGroupDirective }],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
                     template: `
     @if (grid.showSelectionColumn()) {
     <td
@@ -2451,6 +2609,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImpor
                 [class.grid-cell--incell]="grid.isIncellEditMode()"
                 [ngClass]="grid.resolveCellClass(row, index, col)"
                 [ngStyle]="grid.resolveCellStyle(row, index, col)"
+                (mousedown)="grid.onCellMouseDown($event, index, col)"
                 (click)="grid.onCellClick($event, index, col)"
               >
                 <div class="ngb-stacked-card__label">{{ col.header }}</div>
@@ -2494,6 +2653,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImpor
         [style.right.px]="grid.isStackedLayout() ? null : grid.columnEndOffset(col)"
         (focus)="grid.onDataCellFocus(index, ci)"
         (keydown)="grid.onDataCellKeydown($event, index, ci, col)"
+        (mousedown)="grid.onCellMouseDown($event, index, col)"
         (click)="grid.onCellClick($event, index, col)"
       >
         <ng-container *ngTemplateOutlet="dataCell; context: { col: col, ci: ci }"></ng-container>
@@ -2627,7 +2787,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImpor
               @default {
               <span class="grid-cell-text">
                 @if (grid.isSearchHighlightEnabled() && grid.shouldHighlightSearchInColumn(col.field)) {
-                  @for (part of grid.getSearchHighlightSegments(valueFor(row, col), col.field); track $index) {
+                  @for (part of grid.getSearchHighlightSegments(valueFor(row, col), col.field); track part.key) {
                     @if (part.match) {
                       <mark class="grid-search-highlight">{{ part.text }}</mark>
                     } @else {
@@ -2712,6 +2872,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImpor
         }], propDecorators: { grid: [{
                 type: Input,
                 args: [{ required: true }]
+            }], renderTick: [{
+                type: Input
             }], row: [{
                 type: Input,
                 args: [{ required: true }]
@@ -2726,12 +2888,12 @@ class NgbDatagridDetailRowComponent {
     grid;
     row;
     index;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgbDatagridDetailRowComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.0", type: NgbDatagridDetailRowComponent, isStandalone: true, selector: "tr[ngbDatagridDetailRow]", inputs: { grid: "grid", row: "row", index: "index" }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: NgbDatagridDetailRowComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.8", type: NgbDatagridDetailRowComponent, isStandalone: true, selector: "tr[ngbDatagridDetailRow]", inputs: { grid: "grid", row: "row", index: "index" }, ngImport: i0, template: `
     <td [attr.colspan]="grid.detailColspan" role="region" class="grid-detail-row__cell">
       <div class="grid-detail-row__content">
         <ng-container
-          [ngTemplateOutlet]="grid.rowDetailTpl.template"
+          [ngTemplateOutlet]="grid.rowDetailTpl!.template"
           [ngTemplateOutletContext]="{ $implicit: row, index: index }"
         >
         </ng-container>
@@ -2739,7 +2901,7 @@ class NgbDatagridDetailRowComponent {
     </td>
   `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgbDatagridDetailRowComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: NgbDatagridDetailRowComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'tr[ngbDatagridDetailRow]',
@@ -2749,7 +2911,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImpor
     <td [attr.colspan]="grid.detailColspan" role="region" class="grid-detail-row__cell">
       <div class="grid-detail-row__content">
         <ng-container
-          [ngTemplateOutlet]="grid.rowDetailTpl.template"
+          [ngTemplateOutlet]="grid.rowDetailTpl!.template"
           [ngTemplateOutletContext]="{ $implicit: row, index: index }"
         >
         </ng-container>
@@ -2769,101 +2931,102 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImpor
             }] } });
 
 class NgbDatagridFooterComponent {
-    grid;
-    placement = 'bottom';
+    grid = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "grid" }] : /* istanbul ignore next */ []));
+    placement = input('bottom', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "placement" }] : /* istanbul ignore next */ []));
+    isTop = computed(() => this.placement() === 'top', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "isTop" }] : /* istanbul ignore next */ []));
+    isBottom = computed(() => this.placement() === 'bottom', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "isBottom" }] : /* istanbul ignore next */ []));
     get pagerSettings() {
-        return ngbDatagridPagerSettings(this.grid.resolvedPageable());
+        return ngbDatagridPagerSettings(this.grid().resolvedPageable());
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgbDatagridFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.0", type: NgbDatagridFooterComponent, isStandalone: true, selector: "ngb-datagrid-footer", inputs: { grid: "grid", placement: "placement" }, ngImport: i0, template: `
-    @if (grid.paginationActive && grid.pagerShowsAt(placement)) {
-      @if (grid.hasCustomPagerTemplate()) {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: NgbDatagridFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: NgbDatagridFooterComponent, isStandalone: true, selector: "ngb-datagrid-footer", inputs: { grid: { classPropertyName: "grid", publicName: "grid", isSignal: true, isRequired: true, transformFunction: null }, placement: { classPropertyName: "placement", publicName: "placement", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
+    @if (grid().paginationActive && grid().pagerShowsAt(placement())) {
+      @if (grid().hasCustomPagerTemplate()) {
       <div
         class="grid-footer grid-footer--custom"
-        [class.grid-footer--top]="placement === 'top'"
-        [class.grid-footer--bottom]="placement === 'bottom'"
-        [class.sticky-footer]="grid.isFooterSticky && placement === 'bottom'"
+        [class.grid-footer--top]="isTop()"
+        [class.grid-footer--bottom]="isBottom()"
+        [class.sticky-footer]="grid().isFooterSticky && isBottom()"
       >
         <ng-container
-          *ngTemplateOutlet="grid.pagerTpl!.template; context: grid.pagerContext()"
+          *ngTemplateOutlet="grid().pagerTpl!.template; context: grid().pagerContext()"
         ></ng-container>
       </div>
       } @else {
         <div
           class="grid-footer"
-          [class.grid-footer--top]="placement === 'top'"
-          [class.grid-footer--bottom]="placement === 'bottom'"
-          [class.sticky-footer]="grid.isFooterSticky && placement === 'bottom'"
+          [class.grid-footer--top]="isTop()"
+          [class.grid-footer--bottom]="isBottom()"
+          [class.sticky-footer]="grid().isFooterSticky && isBottom()"
         >
           <ngb-pager
-            [page]="grid.page"
-            [pageSize]="grid.pageSize"
-            [collectionSize]="grid.pagerCollectionSize()"
+            [page]="grid().page"
+            [pageSize]="grid().pageSize"
+            [collectionSize]="grid().pagerCollectionSize()"
             [settings]="pagerSettings"
-            [infoLabel]="grid.paginationRangeLabel()"
-            [rowsPerPageLabel]="grid.rowsPerPageLabel()"
-            [responsive]="grid.pagerResponsive()"
-            (pageChange)="grid.onPage($event)"
-            (pageSizeChange)="grid.onPageSize($event)"
+            [infoLabel]="grid().paginationRangeLabel()"
+            [rowsPerPageLabel]="grid().rowsPerPageLabel()"
+            [responsive]="grid().pagerResponsive()"
+            (pageChange)="grid().onPage($event)"
+            (pageSizeChange)="grid().onPageSize($event)"
           />
         </div>
       }
     }
   `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: NgbPagerComponent, selector: "ngb-pager", inputs: ["page", "pageSize", "collectionSize", "settings", "infoLabel", "rangeLabelTemplate", "rowsPerPageLabel", "responsive"], outputs: ["pageChange", "pageSizeChange"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgbDatagridFooterComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: NgbDatagridFooterComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'ngb-datagrid-footer',
                     standalone: true,
                     imports: [CommonModule, NgbPagerComponent],
                     template: `
-    @if (grid.paginationActive && grid.pagerShowsAt(placement)) {
-      @if (grid.hasCustomPagerTemplate()) {
+    @if (grid().paginationActive && grid().pagerShowsAt(placement())) {
+      @if (grid().hasCustomPagerTemplate()) {
       <div
         class="grid-footer grid-footer--custom"
-        [class.grid-footer--top]="placement === 'top'"
-        [class.grid-footer--bottom]="placement === 'bottom'"
-        [class.sticky-footer]="grid.isFooterSticky && placement === 'bottom'"
+        [class.grid-footer--top]="isTop()"
+        [class.grid-footer--bottom]="isBottom()"
+        [class.sticky-footer]="grid().isFooterSticky && isBottom()"
       >
         <ng-container
-          *ngTemplateOutlet="grid.pagerTpl!.template; context: grid.pagerContext()"
+          *ngTemplateOutlet="grid().pagerTpl!.template; context: grid().pagerContext()"
         ></ng-container>
       </div>
       } @else {
         <div
           class="grid-footer"
-          [class.grid-footer--top]="placement === 'top'"
-          [class.grid-footer--bottom]="placement === 'bottom'"
-          [class.sticky-footer]="grid.isFooterSticky && placement === 'bottom'"
+          [class.grid-footer--top]="isTop()"
+          [class.grid-footer--bottom]="isBottom()"
+          [class.sticky-footer]="grid().isFooterSticky && isBottom()"
         >
           <ngb-pager
-            [page]="grid.page"
-            [pageSize]="grid.pageSize"
-            [collectionSize]="grid.pagerCollectionSize()"
+            [page]="grid().page"
+            [pageSize]="grid().pageSize"
+            [collectionSize]="grid().pagerCollectionSize()"
             [settings]="pagerSettings"
-            [infoLabel]="grid.paginationRangeLabel()"
-            [rowsPerPageLabel]="grid.rowsPerPageLabel()"
-            [responsive]="grid.pagerResponsive()"
-            (pageChange)="grid.onPage($event)"
-            (pageSizeChange)="grid.onPageSize($event)"
+            [infoLabel]="grid().paginationRangeLabel()"
+            [rowsPerPageLabel]="grid().rowsPerPageLabel()"
+            [responsive]="grid().pagerResponsive()"
+            (pageChange)="grid().onPage($event)"
+            (pageSizeChange)="grid().onPageSize($event)"
           />
         </div>
       }
     }
   `,
                 }]
-        }], propDecorators: { grid: [{
-                type: Input,
-                args: [{ required: true }]
-            }], placement: [{
-                type: Input
-            }] } });
+        }], propDecorators: { grid: [{ type: i0.Input, args: [{ isSignal: true, alias: "grid", required: true }] }], placement: [{ type: i0.Input, args: [{ isSignal: true, alias: "placement", required: false }] }] } });
 
 class NgbDatagridFieldShellComponent {
     icon;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgbDatagridFieldShellComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.0", type: NgbDatagridFieldShellComponent, isStandalone: true, selector: "ngb-datagrid-field-shell", inputs: { icon: "icon" }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: NgbDatagridFieldShellComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: NgbDatagridFieldShellComponent, isStandalone: true, selector: "ngb-datagrid-field-shell", inputs: { icon: "icon" }, ngImport: i0, template: `
     <div class="grid-filter-field" [class.grid-filter-field--with-icon]="!!icon">
       <ng-content></ng-content>
       @if (icon) {
@@ -2872,7 +3035,7 @@ class NgbDatagridFieldShellComponent {
     </div>
   `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgbDatagridFieldShellComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: NgbDatagridFieldShellComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'ngb-datagrid-field-shell',
@@ -2893,8 +3056,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImpor
 
 class NgbDatagridHeaderComponent {
     grid;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgbDatagridHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.0", type: NgbDatagridHeaderComponent, isStandalone: true, selector: "thead[ngbDatagridHeader]", inputs: { grid: "grid" }, ngImport: i0, template: `
+    renderTick = 0;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: NgbDatagridHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: NgbDatagridHeaderComponent, isStandalone: true, selector: "thead[ngbDatagridHeader]", inputs: { grid: "grid", renderTick: "renderTick" }, ngImport: i0, template: `
     <tr>
       @if (grid.showSelectionColumn()) {
       <th
@@ -2961,6 +3125,20 @@ class NgbDatagridHeaderComponent {
         [attr.aria-sort]="grid.enableSorting && col.sortable ? grid.ariaSortFor(col.field) : null"
       >
         <div class="grid-header__cell">
+          @if (grid.isColumnGroupable(col)) {
+          <span
+            class="grid-column-group-handle bi bi-diagram-3"
+            [class.grid-column-group-handle--active]="grid.isFieldGrouped(col.field)"
+            draggable="true"
+            role="button"
+            tabindex="0"
+            [attr.aria-label]="grid.groupHandleAriaLabel(col)"
+            (dragstart)="grid.onGroupHandleDragStart($event, col.field); $event.stopPropagation()"
+            (dragend)="grid.onGroupHandleDragEnd()"
+            (keydown.enter)="grid.toggleGroupField(col.field); $event.preventDefault(); $event.stopPropagation()"
+            (keydown.space)="grid.toggleGroupField(col.field); $event.preventDefault(); $event.stopPropagation()"
+          ></span>
+          }
           @if (grid.isColumnReorderable(col)) {
           <span
             class="grid-column-reorder-handle bi bi-grip-vertical"
@@ -3157,9 +3335,9 @@ class NgbDatagridHeaderComponent {
       @if (grid.showActionsColumn()) { <th></th> }
     </tr>
     }
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox]):not([ngNoCva])[formControlName],textarea:not([ngNoCva])[formControlName],input:not([type=checkbox]):not([ngNoCva])[formControl],textarea:not([ngNoCva])[formControl],input:not([type=checkbox]):not([ngNoCva])[ngModel],textarea:not([ngNoCva])[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.SelectControlValueAccessor, selector: "select:not([multiple]):not([ngNoCva])[formControlName],select:not([multiple]):not([ngNoCva])[formControl],select:not([multiple]):not([ngNoCva])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: NgbDatagridButtonDirective, selector: "button[ngbDatagridButton], a[ngbDatagridButton]", inputs: ["ngbDatagridButton"] }, { kind: "directive", type: NgbDatagridControlDirective, selector: "input[ngbDatagridControl], select[ngbDatagridControl], textarea[ngbDatagridControl]", inputs: ["ngbDatagridControlMode"] }, { kind: "component", type: NgbDatagridFieldShellComponent, selector: "ngb-datagrid-field-shell", inputs: ["icon"] }] });
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox]):not([ngNoCva])[formControlName],textarea:not([ngNoCva])[formControlName],input:not([type=checkbox]):not([ngNoCva])[formControl],textarea:not([ngNoCva])[formControl],input:not([type=checkbox]):not([ngNoCva])[ngModel],textarea:not([ngNoCva])[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.SelectControlValueAccessor, selector: "select:not([multiple]):not([ngNoCva])[formControlName],select:not([multiple]):not([ngNoCva])[formControl],select:not([multiple]):not([ngNoCva])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: NgbDatagridButtonDirective, selector: "button[ngbDatagridButton], a[ngbDatagridButton]", inputs: ["ngbDatagridButton"] }, { kind: "directive", type: NgbDatagridControlDirective, selector: "input[ngbDatagridControl], select[ngbDatagridControl], textarea[ngbDatagridControl]", inputs: ["ngbDatagridControlMode"] }, { kind: "component", type: NgbDatagridFieldShellComponent, selector: "ngb-datagrid-field-shell", inputs: ["icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgbDatagridHeaderComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: NgbDatagridHeaderComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'thead[ngbDatagridHeader]',
@@ -3172,6 +3350,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImpor
                         NgbDatagridControlDirective,
                         NgbDatagridFieldShellComponent,
                     ],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
                     template: `
     <tr>
       @if (grid.showSelectionColumn()) {
@@ -3239,6 +3418,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImpor
         [attr.aria-sort]="grid.enableSorting && col.sortable ? grid.ariaSortFor(col.field) : null"
       >
         <div class="grid-header__cell">
+          @if (grid.isColumnGroupable(col)) {
+          <span
+            class="grid-column-group-handle bi bi-diagram-3"
+            [class.grid-column-group-handle--active]="grid.isFieldGrouped(col.field)"
+            draggable="true"
+            role="button"
+            tabindex="0"
+            [attr.aria-label]="grid.groupHandleAriaLabel(col)"
+            (dragstart)="grid.onGroupHandleDragStart($event, col.field); $event.stopPropagation()"
+            (dragend)="grid.onGroupHandleDragEnd()"
+            (keydown.enter)="grid.toggleGroupField(col.field); $event.preventDefault(); $event.stopPropagation()"
+            (keydown.space)="grid.toggleGroupField(col.field); $event.preventDefault(); $event.stopPropagation()"
+          ></span>
+          }
           @if (grid.isColumnReorderable(col)) {
           <span
             class="grid-column-reorder-handle bi bi-grip-vertical"
@@ -3440,17 +3633,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImpor
         }], propDecorators: { grid: [{
                 type: Input,
                 args: [{ required: true }]
+            }], renderTick: [{
+                type: Input
             }] } });
 
 class NgbDatagridSurfaceCardComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgbDatagridSurfaceCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.0", type: NgbDatagridSurfaceCardComponent, isStandalone: true, selector: "ngb-datagrid-surface-card", ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: NgbDatagridSurfaceCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.8", type: NgbDatagridSurfaceCardComponent, isStandalone: true, selector: "ngb-datagrid-surface-card", ngImport: i0, template: `
     <div class="grid-filter-menu-surface">
       <ng-content></ng-content>
     </div>
   `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgbDatagridSurfaceCardComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: NgbDatagridSurfaceCardComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'ngb-datagrid-surface-card',
@@ -3725,10 +3920,10 @@ class NgbDatagridFloatingPanelDirective {
             node.style.removeProperty(prop);
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgbDatagridFloatingPanelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.0", type: NgbDatagridFloatingPanelDirective, isStandalone: true, selector: "[ngbDatagridFloatingPanel]", inputs: { ngbDatagridFloatingPanelAnchor: "ngbDatagridFloatingPanelAnchor", ngbDatagridFloatingPanelPlacement: "ngbDatagridFloatingPanelPlacement" }, host: { properties: { "style.position": "this.hostPosition", "style.z-index": "this.hostZIndex", "style.margin": "this.hostMargin", "style.transform": "this.hostTransform", "style.top.px": "this.panelTop", "style.left.px": "this.panelLeft" } }, usesOnChanges: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: NgbDatagridFloatingPanelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: NgbDatagridFloatingPanelDirective, isStandalone: true, selector: "[ngbDatagridFloatingPanel]", inputs: { ngbDatagridFloatingPanelAnchor: "ngbDatagridFloatingPanelAnchor", ngbDatagridFloatingPanelPlacement: "ngbDatagridFloatingPanelPlacement" }, host: { properties: { "style.position": "this.hostPosition", "style.z-index": "this.hostZIndex", "style.margin": "this.hostMargin", "style.transform": "this.hostTransform", "style.top.px": "this.panelTop", "style.left.px": "this.panelLeft" } }, usesOnChanges: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgbDatagridFloatingPanelDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: NgbDatagridFloatingPanelDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ngbDatagridFloatingPanel]',
@@ -3777,8 +3972,8 @@ class NgbDatagridFilterMenuPanelComponent {
             requestAnimationFrame(() => this.floatingPanel?.reposition());
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgbDatagridFilterMenuPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.0", type: NgbDatagridFilterMenuPanelComponent, isStandalone: true, selector: "ngb-datagrid-filter-menu-panel", inputs: { grid: "grid", col: "col", anchor: "anchor" }, viewQueries: [{ propertyName: "floatingPanel", first: true, predicate: NgbDatagridFloatingPanelDirective, descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: NgbDatagridFilterMenuPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: NgbDatagridFilterMenuPanelComponent, isStandalone: true, selector: "ngb-datagrid-filter-menu-panel", inputs: { grid: "grid", col: "col", anchor: "anchor" }, viewQueries: [{ propertyName: "floatingPanel", first: true, predicate: NgbDatagridFloatingPanelDirective, descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: `
     <div
       class="grid-filter-menu-popover ngb-grid__filter-menu-overlay"
       ngbDatagridFloatingPanel
@@ -3961,9 +4156,9 @@ class NgbDatagridFilterMenuPanelComponent {
         }
       </ngb-datagrid-surface-card>
     </div>
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox]):not([ngNoCva])[formControlName],textarea:not([ngNoCva])[formControlName],input:not([type=checkbox]):not([ngNoCva])[formControl],textarea:not([ngNoCva])[formControl],input:not([type=checkbox]):not([ngNoCva])[ngModel],textarea:not([ngNoCva])[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.SelectControlValueAccessor, selector: "select:not([multiple]):not([ngNoCva])[formControlName],select:not([multiple]):not([ngNoCva])[formControl],select:not([multiple]):not([ngNoCva])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: NgbDatagridControlDirective, selector: "input[ngbDatagridControl], select[ngbDatagridControl], textarea[ngbDatagridControl]", inputs: ["ngbDatagridControlMode"] }, { kind: "component", type: NgbDatagridFieldShellComponent, selector: "ngb-datagrid-field-shell", inputs: ["icon"] }, { kind: "component", type: NgbDatagridSurfaceCardComponent, selector: "ngb-datagrid-surface-card" }, { kind: "directive", type: NgbDatagridFloatingPanelDirective, selector: "[ngbDatagridFloatingPanel]", inputs: ["ngbDatagridFloatingPanelAnchor", "ngbDatagridFloatingPanelPlacement"] }] });
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox]):not([ngNoCva])[formControlName],textarea:not([ngNoCva])[formControlName],input:not([type=checkbox]):not([ngNoCva])[formControl],textarea:not([ngNoCva])[formControl],input:not([type=checkbox]):not([ngNoCva])[ngModel],textarea:not([ngNoCva])[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.SelectControlValueAccessor, selector: "select:not([multiple]):not([ngNoCva])[formControlName],select:not([multiple]):not([ngNoCva])[formControl],select:not([multiple]):not([ngNoCva])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: NgbDatagridControlDirective, selector: "input[ngbDatagridControl], select[ngbDatagridControl], textarea[ngbDatagridControl]", inputs: ["ngbDatagridControlMode"] }, { kind: "component", type: NgbDatagridFieldShellComponent, selector: "ngb-datagrid-field-shell", inputs: ["icon"] }, { kind: "component", type: NgbDatagridSurfaceCardComponent, selector: "ngb-datagrid-surface-card" }, { kind: "directive", type: NgbDatagridFloatingPanelDirective, selector: "[ngbDatagridFloatingPanel]", inputs: ["ngbDatagridFloatingPanelAnchor", "ngbDatagridFloatingPanelPlacement"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgbDatagridFilterMenuPanelComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: NgbDatagridFilterMenuPanelComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'ngb-datagrid-filter-menu-panel',
@@ -3977,6 +4172,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImpor
                         NgbDatagridSurfaceCardComponent,
                         NgbDatagridFloatingPanelDirective,
                     ],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
                     template: `
     <div
       class="grid-filter-menu-popover ngb-grid__filter-menu-overlay"
@@ -4187,8 +4383,8 @@ class NgbDatagridRowFilterOperatorPanelComponent {
             requestAnimationFrame(() => this.floatingPanel?.reposition());
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgbDatagridRowFilterOperatorPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.0", type: NgbDatagridRowFilterOperatorPanelComponent, isStandalone: true, selector: "ngb-datagrid-row-filter-operator-panel", inputs: { grid: "grid", col: "col", anchor: "anchor" }, viewQueries: [{ propertyName: "floatingPanel", first: true, predicate: NgbDatagridFloatingPanelDirective, descendants: true, static: true }], ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: NgbDatagridRowFilterOperatorPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: NgbDatagridRowFilterOperatorPanelComponent, isStandalone: true, selector: "ngb-datagrid-row-filter-operator-panel", inputs: { grid: "grid", col: "col", anchor: "anchor" }, viewQueries: [{ propertyName: "floatingPanel", first: true, predicate: NgbDatagridFloatingPanelDirective, descendants: true, static: true }], ngImport: i0, template: `
     <div
       class="dropdown-menu show ngb-datagrid-floating-panel grid-filter-operator-menu"
       ngbDatagridFloatingPanel
@@ -4211,14 +4407,15 @@ class NgbDatagridRowFilterOperatorPanelComponent {
         </button>
       }
     </div>
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: NgbDatagridFloatingPanelDirective, selector: "[ngbDatagridFloatingPanel]", inputs: ["ngbDatagridFloatingPanelAnchor", "ngbDatagridFloatingPanelPlacement"] }] });
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: NgbDatagridFloatingPanelDirective, selector: "[ngbDatagridFloatingPanel]", inputs: ["ngbDatagridFloatingPanelAnchor", "ngbDatagridFloatingPanelPlacement"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgbDatagridRowFilterOperatorPanelComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: NgbDatagridRowFilterOperatorPanelComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'ngb-datagrid-row-filter-operator-panel',
                     standalone: true,
                     imports: [CommonModule, NgbDatagridFloatingPanelDirective],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
                     template: `
     <div
       class="dropdown-menu show ngb-datagrid-floating-panel grid-filter-operator-menu"
@@ -4260,8 +4457,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImpor
 
 class NgbDatagridToolbarComponent {
     grid;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgbDatagridToolbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.0", type: NgbDatagridToolbarComponent, isStandalone: true, selector: "ngb-datagrid-toolbar", inputs: { grid: "grid" }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: NgbDatagridToolbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: NgbDatagridToolbarComponent, isStandalone: true, selector: "ngb-datagrid-toolbar", inputs: { grid: "grid" }, ngImport: i0, template: `
     @if (grid.exportOptions?.enabled || (grid.enableAdd && !grid.isToolbarEditMode()) || grid.enableGlobalFilter) {
     <div
       class="datagrid-toolbar"
@@ -4348,7 +4545,7 @@ class NgbDatagridToolbarComponent {
     }
   `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox]):not([ngNoCva])[formControlName],textarea:not([ngNoCva])[formControlName],input:not([type=checkbox]):not([ngNoCva])[formControl],textarea:not([ngNoCva])[formControl],input:not([type=checkbox]):not([ngNoCva])[ngModel],textarea:not([ngNoCva])[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: NgbDatagridButtonDirective, selector: "button[ngbDatagridButton], a[ngbDatagridButton]", inputs: ["ngbDatagridButton"] }, { kind: "component", type: NgbDatagridFieldShellComponent, selector: "ngb-datagrid-field-shell", inputs: ["icon"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgbDatagridToolbarComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: NgbDatagridToolbarComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'ngb-datagrid-toolbar',
@@ -4451,8 +4648,8 @@ class NgbDatagridEditingToolbarComponent {
     selectedCount = 0;
     editActive = false;
     saveDisabled = true;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgbDatagridEditingToolbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.0", type: NgbDatagridEditingToolbarComponent, isStandalone: true, selector: "ngb-datagrid-editing-toolbar", inputs: { grid: "grid", selectedCount: "selectedCount", editActive: "editActive", saveDisabled: "saveDisabled" }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: NgbDatagridEditingToolbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: NgbDatagridEditingToolbarComponent, isStandalone: true, selector: "ngb-datagrid-editing-toolbar", inputs: { grid: "grid", selectedCount: "selectedCount", editActive: "editActive", saveDisabled: "saveDisabled" }, ngImport: i0, template: `
     @if (grid.showEditingToolbar()) {
     <div class="datagrid-editing-toolbar">
       <div class="datagrid-editing-toolbar__start">
@@ -4527,14 +4724,15 @@ class NgbDatagridEditingToolbarComponent {
       </div>
     </div>
     }
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: NgbDatagridButtonDirective, selector: "button[ngbDatagridButton], a[ngbDatagridButton]", inputs: ["ngbDatagridButton"] }] });
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: NgbDatagridButtonDirective, selector: "button[ngbDatagridButton], a[ngbDatagridButton]", inputs: ["ngbDatagridButton"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgbDatagridEditingToolbarComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: NgbDatagridEditingToolbarComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'ngb-datagrid-editing-toolbar',
                     standalone: true,
                     imports: [CommonModule, NgbDatagridButtonDirective],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
                     template: `
     @if (grid.showEditingToolbar()) {
     <div class="datagrid-editing-toolbar">
@@ -4625,8 +4823,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImpor
 
 class NgbDatagridExternalEditorComponent {
     grid;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgbDatagridExternalEditorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.0", type: NgbDatagridExternalEditorComponent, isStandalone: true, selector: "ngb-datagrid-external-editor", inputs: { grid: "grid" }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: NgbDatagridExternalEditorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: NgbDatagridExternalEditorComponent, isStandalone: true, selector: "ngb-datagrid-external-editor", inputs: { grid: "grid" }, ngImport: i0, template: `
     @if (grid.externalEditOpen) {
     <div
       class="grid-external-editor"
@@ -4684,14 +4882,15 @@ class NgbDatagridExternalEditorComponent {
       </div>
     </div>
     }
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox]):not([ngNoCva])[formControlName],textarea:not([ngNoCva])[formControlName],input:not([type=checkbox]):not([ngNoCva])[formControl],textarea:not([ngNoCva])[formControl],input:not([type=checkbox]):not([ngNoCva])[ngModel],textarea:not([ngNoCva])[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.CheckboxControlValueAccessor, selector: "input[type=checkbox]:not([ngNoCva])[formControlName],input[type=checkbox]:not([ngNoCva])[formControl],input[type=checkbox]:not([ngNoCva])[ngModel]" }, { kind: "directive", type: i1.SelectControlValueAccessor, selector: "select:not([multiple]):not([ngNoCva])[formControlName],select:not([multiple]):not([ngNoCva])[formControl],select:not([multiple]):not([ngNoCva])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: NgbDatagridButtonDirective, selector: "button[ngbDatagridButton], a[ngbDatagridButton]", inputs: ["ngbDatagridButton"] }, { kind: "directive", type: NgbDatagridControlDirective, selector: "input[ngbDatagridControl], select[ngbDatagridControl], textarea[ngbDatagridControl]", inputs: ["ngbDatagridControlMode"] }] });
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox]):not([ngNoCva])[formControlName],textarea:not([ngNoCva])[formControlName],input:not([type=checkbox]):not([ngNoCva])[formControl],textarea:not([ngNoCva])[formControl],input:not([type=checkbox]):not([ngNoCva])[ngModel],textarea:not([ngNoCva])[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.CheckboxControlValueAccessor, selector: "input[type=checkbox]:not([ngNoCva])[formControlName],input[type=checkbox]:not([ngNoCva])[formControl],input[type=checkbox]:not([ngNoCva])[ngModel]" }, { kind: "directive", type: i1.SelectControlValueAccessor, selector: "select:not([multiple]):not([ngNoCva])[formControlName],select:not([multiple]):not([ngNoCva])[formControl],select:not([multiple]):not([ngNoCva])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: NgbDatagridButtonDirective, selector: "button[ngbDatagridButton], a[ngbDatagridButton]", inputs: ["ngbDatagridButton"] }, { kind: "directive", type: NgbDatagridControlDirective, selector: "input[ngbDatagridControl], select[ngbDatagridControl], textarea[ngbDatagridControl]", inputs: ["ngbDatagridControlMode"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgbDatagridExternalEditorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: NgbDatagridExternalEditorComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'ngb-datagrid-external-editor',
                     standalone: true,
                     imports: [CommonModule, ReactiveFormsModule, NgbDatagridButtonDirective, NgbDatagridControlDirective],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
                     template: `
     @if (grid.externalEditOpen) {
     <div
@@ -4779,10 +4978,10 @@ class NgbGridHighlightDirective {
         this.grid.highlightedIndex = this.highlightedIndex ?? [];
         this.grid.updateHighlightCache();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgbGridHighlightDirective, deps: [{ token: Datagrid, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.0", type: NgbGridHighlightDirective, isStandalone: true, selector: "[ngbGridHighlight]", inputs: { rowKey: ["ngbGridHighlight", "rowKey"], highlightColumnIndex: "highlightColumnIndex", highlightedIndex: "highlightedIndex" }, usesOnChanges: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: NgbGridHighlightDirective, deps: [{ token: Datagrid, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: NgbGridHighlightDirective, isStandalone: true, selector: "[ngbGridHighlight]", inputs: { rowKey: ["ngbGridHighlight", "rowKey"], highlightColumnIndex: "highlightColumnIndex", highlightedIndex: "highlightedIndex" }, usesOnChanges: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgbGridHighlightDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: NgbGridHighlightDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ngbGridHighlight]',
@@ -4816,10 +5015,10 @@ class NgbLiveAnnouncer {
         }
         this.node.textContent = message;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgbLiveAnnouncer, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgbLiveAnnouncer, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: NgbLiveAnnouncer, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: NgbLiveAnnouncer, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgbLiveAnnouncer, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: NgbLiveAnnouncer, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }] });
@@ -4830,6 +5029,7 @@ const defaultDndI18n = {
     listLabel: (n) => n ?? 'List',
     pickedUp: () => 'Picked up. Use Arrow keys to move, Enter to drop, Escape to cancel.',
     dropped: () => 'Dropped.',
+    canceled: () => 'Canceled.',
     moveToIndex: (i, t) => `Moved to position ${i} of ${t}.`,
     dropHere: () => 'Drop here',
     cannotDropHere: () => 'Cannot drop here'
@@ -4887,10 +5087,10 @@ class NgbDndState {
             this.active.set(false);
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgbDndState, deps: [{ token: DND_LIVE_ANNOUNCE, optional: true }, { token: DND_I18N, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgbDndState, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: NgbDndState, deps: [{ token: DND_LIVE_ANNOUNCE, optional: true }, { token: DND_I18N, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: NgbDndState, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgbDndState, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: NgbDndState, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: () => [{ type: undefined, decorators: [{
@@ -5195,10 +5395,10 @@ class NgbSyncColgroupDirective {
         }
         return contentWidth;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgbSyncColgroupDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.0", type: NgbSyncColgroupDirective, isStandalone: true, selector: "[ngbSyncColgroup]", inputs: { syncId: ["ngbSyncColgroup", "syncId"], syncRole: "syncRole", syncMode: "syncMode" }, host: { listeners: { "window:resize": "onResize()" } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: NgbSyncColgroupDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: NgbSyncColgroupDirective, isStandalone: true, selector: "[ngbSyncColgroup]", inputs: { syncId: ["ngbSyncColgroup", "syncId"], syncRole: "syncRole", syncMode: "syncMode" }, host: { listeners: { "window:resize": "onResize()" } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgbSyncColgroupDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: NgbSyncColgroupDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ngbSyncColgroup]',
@@ -5278,18 +5478,29 @@ class NgbDndListDirective {
             this.canDrop = false;
             return;
         }
-        ev.preventDefault();
-        ev.stopPropagation();
-        this.state.setActiveDropList(this);
         this.hover = true;
-        this.canDrop = true;
+        const idx = this.indexFromPointer(ev);
+        const payload = this._buildGuardPayload(s, idx);
+        const canDropHere = this._allowDrop(payload)
+            && !this.isDroppingIntoOwnDescendant(s.item, this.list);
+        this.canDrop = canDropHere;
+        this._denied = !canDropHere;
         try {
-            if (ev.dataTransfer)
-                ev.dataTransfer.dropEffect = this.dndCloneOnDrop ? 'copy' : 'move';
+            if (ev.dataTransfer) {
+                ev.dataTransfer.dropEffect = canDropHere ? (this.dndCloneOnDrop ? 'copy' : 'move') : 'none';
+            }
         }
         catch { }
+        if (!canDropHere) {
+            this.removePlaceholder();
+            this.lastIndex = -1;
+            this.state.clearActiveDropList(this);
+            return;
+        }
+        ev.preventDefault();
+        ev.stopPropagation();
+        this.state.setActiveDropList(this);
         this.ensurePlaceholder();
-        const idx = this.indexFromPointer(ev);
         if (idx !== this.lastIndex) {
             this.lastIndex = idx;
             this.positionPlaceholderAt(idx);
@@ -5325,10 +5536,10 @@ class NgbDndListDirective {
                 return;
             }
         }
-        const anyEv = ev;
-        if (anyEv.__ngbHandled)
+        const handledEvent = ev;
+        if (handledEvent.__ngbHandled)
             return;
-        anyEv.__ngbHandled = true;
+        handledEvent.__ngbHandled = true;
         ev.preventDefault();
         this.performDrop(ev);
         this.resetVisualState();
@@ -5344,10 +5555,10 @@ class NgbDndListDirective {
             this.resetVisualState();
             return;
         }
-        const anyEv = ev;
-        if (anyEv.__ngbHandled)
+        const handledEvent = ev;
+        if (handledEvent.__ngbHandled)
             return;
-        anyEv.__ngbHandled = true;
+        handledEvent.__ngbHandled = true;
         ev.preventDefault();
         ev.stopPropagation();
         this.performDrop(ev);
@@ -5450,17 +5661,20 @@ class NgbDndListDirective {
     }
     isDroppingIntoOwnDescendant(item, targetList) {
         const key = this.dndChildrenKey;
-        if (!key || !item)
+        if (!key || !item || typeof item !== 'object')
             return false;
         const stack = [];
-        if (Array.isArray(item[key]))
-            stack.push(item[key]);
+        const rootChildren = item[key];
+        if (Array.isArray(rootChildren))
+            stack.push(rootChildren);
         while (stack.length) {
             const arr = stack.pop();
             if (arr === targetList)
                 return true;
             for (const child of arr) {
-                const kids = child?.[key];
+                if (!child || typeof child !== 'object')
+                    continue;
+                const kids = child[key];
                 if (Array.isArray(kids))
                     stack.push(kids);
             }
@@ -5474,7 +5688,7 @@ class NgbDndListDirective {
     _buildGuardPayload(session, dstIndex) {
         const srcList = session.fromList ?? [];
         const srcIndex = typeof session.fromIndex === 'number' ? session.fromIndex : -1;
-        const dstList = this.list;
+        const dstList = this.list ?? [];
         return {
             dragItem: session.item,
             srcList,
@@ -5489,11 +5703,7 @@ class NgbDndListDirective {
      * Uses vertical list heuristics; adjust for horizontal if your list is horizontal.
      */
     _computeDropIndex(ev) {
-        const host = this._host?.nativeElement
-            ?? this._el?.nativeElement
-            ?? this.el?.nativeElement
-            ?? this.elementRef?.nativeElement
-            ?? null;
+        const host = this.el.nativeElement;
         if (!host)
             return this.list?.length ?? 0;
         const children = this.draggableChildren();
@@ -5518,6 +5728,10 @@ class NgbDndListDirective {
             return false;
         }
     }
+    emitDropEvent(event) {
+        this.dndDropped.emit(event);
+        this.state.announce?.(this.state.i18n.dropped());
+    }
     // Extract your existing onDrop logic into a single method:
     performDrop(ev) {
         const session = this.getSession(ev);
@@ -5530,19 +5744,25 @@ class NgbDndListDirective {
             ev.preventDefault();
             ev.stopPropagation();
             this._denied = true; // cosmetic: adds .ngb-dnd-denied for styling
+            this.canDrop = false;
+            this.state.announce?.(this.state.i18n.cannotDropHere());
+            this.removePlaceholder();
+            this.lastIndex = -1;
             return; // ⛔ do not mutate arrays
         }
         this._denied = false;
         // ❗ block cycles: don't allow dropping an item into its own descendants
         if (this.isDroppingIntoOwnDescendant(session.item, this.list)) {
             // optional: visual/aural feedback
+            this._denied = true;
+            this.canDrop = false;
             this.state.announce?.(this.state.i18n.cannotDropHere());
             this.removePlaceholder();
             this.lastIndex = -1;
             return;
         }
         const targetIndex = this.lastIndex < 0 ? this.list.length : this.lastIndex;
-        const fromList = session.fromList ?? undefined;
+        const fromList = session.fromList;
         const fromIndex = session.fromIndex ?? -1;
         const sameList = fromList === this.list;
         const isExternal = session.fromIsPalette === true || !fromList || fromIndex === -1;
@@ -5563,7 +5783,7 @@ class NgbDndListDirective {
         this.list.splice(insertAt, 0, itemToInsert);
         this.removePlaceholder();
         this.lastIndex = -1;
-        this.dndDropped.emit({
+        this.emitDropEvent({
             item: itemToInsert,
             fromIndex,
             toIndex: insertAt,
@@ -5571,12 +5791,11 @@ class NgbDndListDirective {
             toList: this.list,
             sameList
         });
-        this.state.announce?.(this.state.i18n.dropped());
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgbDndListDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.0", type: NgbDndListDirective, isStandalone: true, selector: "[ngbDndList]", inputs: { dndChildrenKey: "dndChildrenKey", list: ["ngbDndList", "list"], dndGroup: "dndGroup", dndDisabled: "dndDisabled", dndCloneOnDrop: "dndCloneOnDrop", dndCloneFn: "dndCloneFn", dndIsPalette: "dndIsPalette", dndCanDrop: "dndCanDrop", dndAriaLabel: "dndAriaLabel" }, outputs: { dndDropped: "dndDropped" }, host: { listeners: { "dragenter": "onDragEnter($event)", "dragover": "onDragOver($event)", "dragleave": "onDragLeave($event)", "document:drop": "onDocumentDrop($event)", "drop": "onDrop($event)", "document:dragend": "onDocumentDragFinished()", "document:dragcancel": "onDocumentDragFinished()" }, properties: { "class.ngb-dnd-denied": "this.denied", "attr.aria-label": "this.ariaLabel", "attr.role": "this.role", "class.ngb-dnd-list": "this.hostClass", "class.ngb-dnd-over": "this.isOver", "attr.data-drop-valid": "this.dataDropValid" } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: NgbDndListDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: NgbDndListDirective, isStandalone: true, selector: "[ngbDndList]", inputs: { dndChildrenKey: "dndChildrenKey", list: ["ngbDndList", "list"], dndGroup: "dndGroup", dndDisabled: "dndDisabled", dndCloneOnDrop: "dndCloneOnDrop", dndCloneFn: "dndCloneFn", dndIsPalette: "dndIsPalette", dndCanDrop: "dndCanDrop", dndAriaLabel: "dndAriaLabel" }, outputs: { dndDropped: "dndDropped" }, host: { listeners: { "dragenter": "onDragEnter($event)", "dragover": "onDragOver($event)", "dragleave": "onDragLeave($event)", "document:drop": "onDocumentDrop($event)", "drop": "onDrop($event)", "document:dragend": "onDocumentDragFinished()", "document:dragcancel": "onDocumentDragFinished()" }, properties: { "class.ngb-dnd-denied": "this.denied", "attr.aria-label": "this.ariaLabel", "attr.role": "this.role", "class.ngb-dnd-list": "this.hostClass", "class.ngb-dnd-over": "this.isOver", "attr.data-drop-valid": "this.dataDropValid" } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgbDndListDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: NgbDndListDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ngbDndList]',
@@ -5669,80 +5888,139 @@ class NgbDndItemDirective {
     role = 'listitem';
     tabIndex = 0; // keyboard focusable
     sessionId = null;
-    onDragStart(ev) {
-        const eventWithFlag = ev;
-        if (eventWithFlag.__ngbDndItemStarted)
-            return;
-        eventWithFlag.__ngbDndItemStarted = true;
+    keyboardDragState = null;
+    sourceList() {
+        return this.dndSourceList ?? this.parentList?.list;
+    }
+    resolveIndex(list) {
+        if (typeof this.dndIndex === 'number')
+            return this.dndIndex;
+        return list ? list.indexOf(this.item) : -1;
+    }
+    beginDragSession(dataTransfer) {
         if (this.dndDisabled || this.item == null) {
-            ev.preventDefault();
-            return;
+            return false;
         }
         this.sessionId = this.state.createSession({
             item: this.item,
             group: this.dndGroup ?? this.parentList?.dndGroup,
-            fromList: this.dndSourceList ?? this.parentList?.list,
-            fromIndex: this.dndIndex,
+            fromList: this.sourceList(),
+            fromIndex: this.resolveIndex(this.sourceList()),
             fromListRef: this.parentList,
             fromIsPalette: this.parentList?.dndIsPalette === true
         });
-        // ✅ set both a custom and a plain text payload; keep plain text non-empty
-        ev.dataTransfer?.setData('text/ngb-dnd', this.sessionId);
-        ev.dataTransfer?.setData('text/plain', 'ngb'); // some browsers require non-empty
-        if (ev.dataTransfer)
-            ev.dataTransfer.effectAllowed = 'copyMove';
-        ev.dataTransfer?.setDragImage(this.el.nativeElement, 16, 16);
+        if (dataTransfer) {
+            dataTransfer.setData('text/ngb-dnd', this.sessionId);
+            dataTransfer.setData('text/plain', 'ngb');
+            dataTransfer.effectAllowed = 'copyMove';
+            dataTransfer.setDragImage(this.el.nativeElement, 16, 16);
+        }
         this.dragging = true;
         this.dndDragStart.emit(this.item);
+        this.state.announce?.(this.state.i18n.pickedUp());
+        return true;
     }
-    onDragEnd() {
+    endDragSession() {
         this.dragging = false;
         this.state.clear(this.sessionId);
         this.sessionId = null;
+        this.keyboardDragState = null;
         this.dndDragEnd.emit();
     }
+    onDragStart(ev) {
+        const eventWithFlag = ev;
+        if (eventWithFlag.__ngbDndItemStarted)
+            return;
+        eventWithFlag.__ngbDndItemStarted = true;
+        if (!this.beginDragSession(ev.dataTransfer)) {
+            ev.preventDefault();
+        }
+    }
+    onDragEnd() {
+        this.endDragSession();
+    }
+    moveWithinKeyboardList(offset) {
+        const keyboardDragState = this.keyboardDragState;
+        if (!keyboardDragState)
+            return;
+        const list = keyboardDragState.list;
+        const from = keyboardDragState.currentIndex;
+        let to = from + offset;
+        to = Math.max(0, Math.min(list.length - 1, to));
+        if (to === from)
+            return;
+        const [movedItem] = list.splice(from, 1);
+        list.splice(to, 0, movedItem);
+        keyboardDragState.currentIndex = to;
+        this.dndIndex = to;
+        this.state.announce?.(this.state.i18n.moveToIndex(to + 1, list.length));
+    }
+    emitKeyboardDrop() {
+        const keyboardDragState = this.keyboardDragState;
+        if (!keyboardDragState || !this.parentList)
+            return;
+        const event = {
+            item: this.item,
+            fromIndex: keyboardDragState.originalIndex,
+            toIndex: keyboardDragState.currentIndex,
+            fromList: keyboardDragState.list,
+            toList: keyboardDragState.list,
+            sameList: true,
+        };
+        this.parentList.emitDropEvent(event);
+    }
+    cancelKeyboardDrag() {
+        const keyboardDragState = this.keyboardDragState;
+        if (!keyboardDragState)
+            return;
+        if (keyboardDragState.currentIndex !== keyboardDragState.originalIndex) {
+            const [movedItem] = keyboardDragState.list.splice(keyboardDragState.currentIndex, 1);
+            keyboardDragState.list.splice(keyboardDragState.originalIndex, 0, movedItem);
+            this.dndIndex = keyboardDragState.originalIndex;
+        }
+        this.state.announce?.(this.state.i18n.canceled?.() ?? 'Canceled.');
+    }
     onKeydown(ev) {
         if (this.dndDisabled)
             return;
         // start dragging (keyboard mode)
         if (ev.code === 'Space' && !this.dragging) {
             ev.preventDefault();
-            this.onDragStart(new DragEvent('dragstart')); // reuse logic
+            const list = this.sourceList();
+            const index = this.resolveIndex(list);
+            if (!list || index < 0)
+                return;
+            this.keyboardDragState = {
+                list,
+                originalIndex: index,
+                currentIndex: index,
+            };
+            this.beginDragSession();
             return;
         }
         if (!this.dragging)
             return;
-        // move within same list
-        const parent = this.parentList;
-        if (!parent || typeof this.dndIndex !== 'number')
-            return;
         if (ev.code === 'ArrowUp' || ev.code === 'ArrowDown') {
             ev.preventDefault();
-            const list = parent.list;
-            const from = this.dndIndex;
-            let to = ev.code === 'ArrowUp' ? from - 1 : from + 1;
-            to = Math.max(0, Math.min(list.length - 1, to));
-            if (to !== from) {
-                const [it] = list.splice(from, 1);
-                list.splice(to, 0, it);
-                this.dndIndex = to;
-                // announce (see live region below)
-                this.state.announce?.(this.state.i18n.moveToIndex(to + 1, list.length));
-            }
+            this.moveWithinKeyboardList(ev.code === 'ArrowUp' ? -1 : 1);
+            return;
         }
         if (ev.code === 'Enter') {
             ev.preventDefault();
-            this.onDragEnd();
-        } // drop
+            this.emitKeyboardDrop();
+            this.endDragSession();
+            return;
+        }
         if (ev.code === 'Escape') {
             ev.preventDefault();
-            this.onDragEnd();
-        } // cancel
+            this.cancelKeyboardDrag();
+            this.endDragSession();
+        }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgbDndItemDirective, deps: [{ token: NgbDndListDirective, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.0", type: NgbDndItemDirective, isStandalone: true, selector: "[ngbDndItem]", inputs: { item: ["ngbDndItem", "item"], dndGroup: "dndGroup", dndIndex: "dndIndex", dndSourceList: "dndSourceList", dndDisabled: "dndDisabled" }, outputs: { dndDragStart: "dndDragStart", dndDragEnd: "dndDragEnd" }, host: { listeners: { "dragstart": "onDragStart($event)", "dragend": "onDragEnd()", "keydown": "onKeydown($event)" }, properties: { "attr.draggable": "this.draggable", "class.ngb-dnd-item": "this.hostClass", "class.ngb-dnd-dragging": "this.dragging", "attr.aria-grabbed": "this.ariaGrabbed", "attr.role": "this.role", "attr.tabindex": "this.tabIndex" } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: NgbDndItemDirective, deps: [{ token: NgbDndListDirective, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: NgbDndItemDirective, isStandalone: true, selector: "[ngbDndItem]", inputs: { item: ["ngbDndItem", "item"], dndGroup: "dndGroup", dndIndex: "dndIndex", dndSourceList: "dndSourceList", dndDisabled: "dndDisabled" }, outputs: { dndDragStart: "dndDragStart", dndDragEnd: "dndDragEnd" }, host: { listeners: { "dragstart": "onDragStart($event)", "dragend": "onDragEnd()", "keydown": "onKeydown($event)" }, properties: { "attr.draggable": "this.draggable", "class.ngb-dnd-item": "this.hostClass", "class.ngb-dnd-dragging": "this.dragging", "attr.aria-grabbed": "this.ariaGrabbed", "attr.role": "this.role", "attr.tabindex": "this.tabIndex" } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgbDndItemDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: NgbDndItemDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ngbDndItem]',
@@ -5884,6 +6162,7 @@ const isReasonableEmail = (value) => {
 class Datagrid {
     /** Column definitions to render */
     _columns = [];
+    renderTick = 0;
     get columns() {
         return this._columns;
     }
@@ -5974,7 +6253,15 @@ class Datagrid {
         this.syncLegacyFilters(this.localFilter);
         this.invalidateFilteredCaches();
     }
-    filterOperators;
+    _filterOperators;
+    get filterOperators() {
+        return this._filterOperators;
+    }
+    set filterOperators(value) {
+        this._filterOperators = value;
+        this.filterOperatorsCache.clear();
+        this.markGridForCheck();
+    }
     filterManual = false;
     externalFiltering = false;
     /** Opts local arrays into the reusable DataGrid operation helper for filter/sort/page processing. */
@@ -5986,6 +6273,34 @@ class Datagrid {
         this._dataOperations = value ?? false;
         this.invalidatePagedCache();
     }
+    _groupable = false;
+    get groupable() {
+        return this._groupable;
+    }
+    set groupable(value) {
+        this._groupable = value ?? false;
+        this.invalidatePagedCache();
+        this.markGridForCheck();
+    }
+    _group = [];
+    get group() {
+        return this._group;
+    }
+    set group(value) {
+        this._group = this.normalizeGroupDescriptors(value);
+        this.syncCollapsedGroups();
+        this.invalidatePagedCache();
+        this.markGridForCheck();
+    }
+    _groupedData = null;
+    get groupedData() {
+        return this._groupedData;
+    }
+    set groupedData(value) {
+        this._groupedData = value ? this.cloneGroupResults(value) : null;
+        this.invalidatePagedCache();
+        this.markGridForCheck();
+    }
     /**
      * Optional controlled data-operation state. When provided, the grid syncs page, pageSize,
      * sort, filter, and global filter from this object.
@@ -6057,6 +6372,8 @@ class Datagrid {
     }
     set tableOptions(value) {
         this._tableOptions = value ?? {};
+        this.tableClassListCache = null;
+        this.responsiveWrapperClassesCache = null;
         this.invalidatePagedCache();
     }
     /**
@@ -6093,10 +6410,26 @@ class Datagrid {
     globalFilterAriaLabel = 'Search all columns';
     /** Placeholder for the built-in global search input. */
     globalFilterPlaceholder = 'Search all columns';
+    _searchHighlightTerm = '';
     /** When set, matching substrings in visible cells are wrapped with `.grid-search-highlight`. */
-    searchHighlightTerm = '';
+    get searchHighlightTerm() {
+        return this._searchHighlightTerm;
+    }
+    set searchHighlightTerm(value) {
+        this._searchHighlightTerm = value ?? '';
+        this.searchHighlightCache.clear();
+        this.markGridForCheck();
+    }
+    _searchHighlightFields = null;
     /** Column fields included in search highlighting; all visible columns when empty. */
-    searchHighlightFields = null;
+    get searchHighlightFields() {
+        return this._searchHighlightFields;
+    }
+    set searchHighlightFields(value) {
+        this._searchHighlightFields = value ?? null;
+        this.searchHighlightCache.clear();
+        this.markGridForCheck();
+    }
     /** Accessible label announced when expanding a row. */
     expandRowAriaLabel = 'Expand row';
     /** Accessible label announced when collapsing a row. */
@@ -6134,7 +6467,16 @@ class Datagrid {
     }
     theme = 'bootstrap';
     responsive = false;
-    trackBy;
+    _trackBy;
+    get trackBy() {
+        return this._trackBy;
+    }
+    set trackBy(value) {
+        this._trackBy = value;
+        this.invalidateRowIdentityCache();
+        this.invalidateSortedCaches();
+        this.markGridForCheck();
+    }
     rowClass;
     rowStyle;
     rowReorderable = false;
@@ -6191,6 +6533,7 @@ class Datagrid {
     rowSave = new EventEmitter();
     rowCancel = new EventEmitter();
     rowDelete = new EventEmitter();
+    groupChange = new EventEmitter();
     sortChange = new EventEmitter();
     filterChange = new EventEmitter();
     filtersChange = new EventEmitter();
@@ -6201,6 +6544,7 @@ class Datagrid {
     columnReorder = new EventEmitter();
     rowDetailTpl;
     pagerTpl;
+    groupHeaderTpl;
     exporter = inject(NgbExportService); // instead of constructor(private exporter: NgbExportService) {}
     expanded = new Set();
     fb = inject(FormBuilder);
@@ -6302,24 +6646,77 @@ class Datagrid {
     filteredCache = [];
     sortedCache = [];
     pagedCache = [];
+    renderRowsCache = [];
+    stickyGroupHeaderRows = [];
+    stickyGroupFooterRows = [];
+    stickyGroupOverlayColumnWidths = [];
+    stickyGroupHeaderTranslateY = 0;
+    stickyGroupFooterTranslateY = 0;
     resolvedColumnsDirty = true;
     visibleColumnsDirty = true;
     filteredDirty = true;
     sortedDirty = true;
     pagedDirty = true;
-    rowIndexMap = new Map();
-    rowIndexMapSource = null;
+    renderRowsDirty = true;
+    stickyGroupSyncQueued = false;
+    rowMetaMap = new Map();
+    rowMetaSource = null;
+    rowMetaTrackBy;
+    filterOperatorsCache = new Map();
+    searchHighlightCache = new Map();
+    multiCheckboxOptionsCache = new Map();
+    multiCheckboxVisibleOptionsCache = new Map();
+    stackedColumnsCache = new Map();
+    stackedCardGroupsCache = null;
+    tableClassListCache = null;
+    responsiveWrapperClassesCache = null;
+    collapsedGroupKeys = new Set();
+    groupRenderRowLookup = new Map();
+    groupFooterRenderRowLookup = new Map();
+    groupDragField = null;
+    groupPanelDragActive = false;
+    groupPanelDragDenied = false;
     norm(v) {
         return (v ?? '').toString().toLowerCase().trim();
     }
     keyOf(col) {
         return col.field;
     }
+    readFieldValue(row, field) {
+        return typeof row === 'object' && row !== null ? row[field] : undefined;
+    }
     getDefaults() {
         return typeof this.newRowDefaults === 'function'
             ? this.newRowDefaults() ?? {}
             : this.newRowDefaults ?? {};
     }
+    toDraftValues(row) {
+        return typeof row === 'object' && row !== null ? row : {};
+    }
+    formDraftValues(form) {
+        return this.toDraftValues(form.getRawValue());
+    }
+    assignDraftValues(row, values) {
+        return this.getEditService().assignValues(row, values);
+    }
+    patchFieldValue(field, value) {
+        return { [field]: value };
+    }
+    compareSortValues(left, right) {
+        if (typeof left === 'string' && typeof right === 'string') {
+            return left.localeCompare(right, undefined, { numeric: true, sensitivity: 'base' });
+        }
+        if (left === right)
+            return 0;
+        return left != null && right != null && left < right ? -1 : 1;
+    }
+    readModifierKeys(event) {
+        const modifierEvent = event;
+        return {
+            shift: !!modifierEvent?.shiftKey,
+            meta: !!(modifierEvent?.metaKey || modifierEvent?.ctrlKey),
+        };
+    }
     defaultFor(col) {
         const d = this.getDefaults();
         const key = col.field;
@@ -6432,6 +6829,12 @@ class Datagrid {
     invalidateColumnCaches() {
         this.resolvedColumnsDirty = true;
         this.visibleColumnsDirty = true;
+        this.filterOperatorsCache.clear();
+        this.stackedColumnsCache.clear();
+        this.stackedCardGroupsCache = null;
+        this.multiCheckboxOptionsCache.clear();
+        this.multiCheckboxVisibleOptionsCache.clear();
+        this.searchHighlightCache.clear();
         this.invalidateFilteredCaches();
     }
     invalidateFilteredCaches() {
@@ -6444,24 +6847,63 @@ class Datagrid {
     }
     invalidatePagedCache() {
         this.pagedDirty = true;
+        this.renderRowsDirty = true;
+        this.scheduleStickyGroupSync();
+    }
+    invalidateRowIdentityCache() {
+        this.rowMetaSource = null;
+        this.rowMetaTrackBy = undefined;
     }
     invalidateDataCaches() {
-        this.rowIndexMapSource = null;
+        this.invalidateRowIdentityCache();
+        this.multiCheckboxOptionsCache.clear();
+        this.multiCheckboxVisibleOptionsCache.clear();
+        this.searchHighlightCache.clear();
         this.invalidateFilteredCaches();
     }
     markGridForCheck() {
         this.cdr?.markForCheck();
     }
-    ensureRowIndexMap() {
-        if (this.rowIndexMapSource === this.data)
+    // Some library interactions update internal state without changing an input reference.
+    // Schedule a follow-up render so zoneless hosts and child row/header views stay in sync.
+    scheduleViewRefresh(afterRefresh) {
+        this.renderTick++;
+        this.cdr.markForCheck();
+        Promise.resolve().then(() => {
+            try {
+                this.cdr.detectChanges();
+                afterRefresh?.();
+            }
+            catch {
+                // The view can be destroyed before the queued refresh runs.
+            }
+        });
+    }
+    ensureRowMetaMap() {
+        if (this.rowMetaSource === this.data && this.rowMetaTrackBy === this.trackBy)
             return;
-        this.rowIndexMap.clear();
-        (this.data ?? []).forEach((row, index) => this.rowIndexMap.set(row, index));
-        this.rowIndexMapSource = this.data;
+        this.rowMetaMap.clear();
+        (this.data ?? []).forEach((row, index) => {
+            this.rowMetaMap.set(row, {
+                index,
+                id: this.trackBy ? this.trackBy(index, row) : index,
+            });
+        });
+        this.rowMetaSource = this.data;
+        this.rowMetaTrackBy = this.trackBy;
+    }
+    resolveRowMeta(row, fallbackIndex = -1) {
+        this.ensureRowMetaMap();
+        const cached = this.rowMetaMap.get(row);
+        if (cached)
+            return cached;
+        return {
+            index: fallbackIndex,
+            id: this.trackBy ? this.trackBy(fallbackIndex, row) : fallbackIndex,
+        };
     }
     dataIndexOf(row, fallback = -1) {
-        this.ensureRowIndexMap();
-        return this.rowIndexMap.get(row) ?? fallback;
+        return this.resolveRowMeta(row, fallback).index;
     }
     syncColumnOrder(resetFromColumns) {
         const visible = this.resolvedColumns.filter((col) => !col.hidden);
@@ -6478,6 +6920,185 @@ class Datagrid {
         }
         this.columnOrder = next;
     }
+    isGroupingEnabled() {
+        return this.groupable !== false;
+    }
+    isGroupingActive() {
+        return this.isGroupingEnabled() && this.group.length > 0;
+    }
+    isColumnGroupable(col) {
+        return this.isGroupingEnabled() && !col.hidden;
+    }
+    isFieldGrouped(field) {
+        return this.group.some((descriptor) => descriptor.field === field);
+    }
+    groupedColumns() {
+        return this.group;
+    }
+    groupingSettings() {
+        return typeof this.groupable === 'object' && this.groupable !== null ? this.groupable : {};
+    }
+    showGroupFooters() {
+        return this.isGroupingActive() && this.groupingSettings().showFooter === true;
+    }
+    showStickyGroupHeaders() {
+        return this.isGroupingActive() && this.groupingSettings().stickyHeaders === true;
+    }
+    showStickyGroupFooters() {
+        return this.showGroupFooters() && this.groupingSettings().stickyFooters === true;
+    }
+    hasStickyGroupHeaders() {
+        return this.showStickyGroupHeaders() && this.stickyGroupHeaderRows.length > 0;
+    }
+    hasStickyGroupFooters() {
+        return this.showStickyGroupFooters() && this.stickyGroupFooterRows.length > 0;
+    }
+    groupColumnHeader(field) {
+        const column = this.resolvedColumns.find((item) => item.field === field);
+        return column?.header ?? field;
+    }
+    groupHandleAriaLabel(col) {
+        const header = this.groupColumnHeader(col.field);
+        return this.isFieldGrouped(col.field)
+            ? `Grouped by ${header}. Press Enter to remove it from grouping.`
+            : `Add ${header} to grouping. Drag into the group panel or press Enter.`;
+    }
+    groupDirectionAriaLabel(descriptor) {
+        return `Toggle ${this.groupColumnHeader(descriptor.field)} group direction. Currently ${descriptor.dir === 'desc' ? 'descending' : 'ascending'}.`;
+    }
+    groupRemoveAriaLabel(descriptor) {
+        return `Remove ${this.groupColumnHeader(descriptor.field)} grouping`;
+    }
+    groupPanelLabel() {
+        return this.group.length
+            ? 'Grouped by'
+            : 'Drag column headers here to group rows';
+    }
+    groupFieldLabel(descriptor) {
+        return this.groupColumnHeader(descriptor.field);
+    }
+    groupDirectionLabel(descriptor) {
+        return descriptor.dir === 'desc' ? 'Descending' : 'Ascending';
+    }
+    toggleGroupField(field) {
+        if (!field)
+            return;
+        if (this.isFieldGrouped(field)) {
+            this.removeGroupField(field);
+            return;
+        }
+        this.addGroupField(field);
+    }
+    addGroupField(field, dir = 'asc', emit = true) {
+        if (!field || this.isFieldGrouped(field))
+            return;
+        this.setGroupDescriptors([...this.group, { field, dir }], emit);
+    }
+    removeGroupField(field, emit = true) {
+        if (!field)
+            return;
+        this.setGroupDescriptors(this.group.filter((descriptor) => descriptor.field !== field), emit);
+    }
+    toggleGroupDirection(field) {
+        this.setGroupDescriptors(this.group.map((descriptor) => descriptor.field === field
+            ? { ...descriptor, dir: descriptor.dir === 'desc' ? 'asc' : 'desc' }
+            : descriptor), true);
+    }
+    setGroupDescriptors(descriptors, emit = true) {
+        const normalized = this.normalizeGroupDescriptors(descriptors);
+        const changed = normalized.length !== this.group.length ||
+            normalized.some((descriptor, index) => descriptor.field !== this.group[index]?.field || descriptor.dir !== this.group[index]?.dir);
+        if (!changed) {
+            this.clearGroupDragState();
+            return;
+        }
+        this._group = normalized;
+        this.page = 1;
+        this.syncCollapsedGroups();
+        this.invalidatePagedCache();
+        if (emit) {
+            this.groupChange.emit({ group: [...this.group] });
+            this.emitDataStateChange();
+        }
+        this.clearGroupDragState();
+        this.cdr.markForCheck();
+    }
+    normalizeGroupDescriptors(descriptors) {
+        const seen = new Set();
+        const normalized = [];
+        for (const descriptor of descriptors ?? []) {
+            const field = String(descriptor?.field ?? '').trim();
+            if (!field || seen.has(field))
+                continue;
+            seen.add(field);
+            normalized.push({
+                field,
+                dir: descriptor.dir === 'desc' ? 'desc' : 'asc',
+                ...(descriptor.aggregates?.length ? { aggregates: this.cloneAggregateDescriptors(descriptor.aggregates) } : {}),
+            });
+        }
+        return normalized;
+    }
+    syncCollapsedGroups() {
+        if (!this.collapsedGroupKeys.size)
+            return;
+        const allowedPrefixes = new Set(this.group.map((descriptor, index) => `${index}:${descriptor.field}:`));
+        this.collapsedGroupKeys = new Set(Array.from(this.collapsedGroupKeys).filter((key) => Array.from(allowedPrefixes).some((prefix) => key.startsWith(prefix))));
+    }
+    clearGroupDragState() {
+        this.groupDragField = null;
+        this.groupPanelDragActive = false;
+        this.groupPanelDragDenied = false;
+    }
+    canAcceptGroupedField(field) {
+        return !!field && this.isGroupingEnabled() && !this.isFieldGrouped(field);
+    }
+    onGroupHandleDragStart(event, field) {
+        if (!this.canAcceptGroupedField(field)) {
+            event.preventDefault();
+            return;
+        }
+        this.groupDragField = field;
+        if (event.dataTransfer) {
+            event.dataTransfer.effectAllowed = 'move';
+            event.dataTransfer.setData('text/ngb-datagrid-group-field', field);
+            event.dataTransfer.setData('text/plain', field);
+        }
+    }
+    onGroupHandleDragEnd() {
+        this.clearGroupDragState();
+        this.cdr.markForCheck();
+    }
+    onGroupPanelDragOver(event) {
+        const field = this.groupDragField || event.dataTransfer?.getData('text/ngb-datagrid-group-field') || null;
+        this.groupPanelDragDenied = !this.canAcceptGroupedField(field);
+        this.groupPanelDragActive = !!field;
+        if (this.groupPanelDragDenied)
+            return;
+        event.preventDefault();
+        if (event.dataTransfer) {
+            event.dataTransfer.dropEffect = 'move';
+        }
+    }
+    onGroupPanelDragLeave(event) {
+        const current = event.currentTarget;
+        const related = event.relatedTarget;
+        if (current && related && current.contains(related))
+            return;
+        this.groupPanelDragActive = false;
+        this.groupPanelDragDenied = false;
+        this.cdr.markForCheck();
+    }
+    onGroupPanelDrop(event) {
+        const field = this.groupDragField || event.dataTransfer?.getData('text/ngb-datagrid-group-field') || null;
+        if (!this.canAcceptGroupedField(field)) {
+            this.clearGroupDragState();
+            this.cdr.markForCheck();
+            return;
+        }
+        event.preventDefault();
+        this.addGroupField(field);
+    }
     isColumnReorderEnabled() {
         if (!this.columnReorderable || this.isStackedLayout())
             return false;
@@ -6611,8 +7232,7 @@ class Datagrid {
                 fields: [...order],
             });
         }
-        this.syncResizableColgroups();
-        this.cdr.markForCheck();
+        this.scheduleViewRefresh(() => this.syncResizableColgroups());
     }
     validateColumnConfig() {
         const columns = this.resolvedColumns;
@@ -6698,7 +7318,7 @@ class Datagrid {
                         return false;
                     if (!global)
                         return true;
-                    return resolvedColumns.some((column) => this.norm(row?.[column.field]).includes(global));
+                    return resolvedColumns.some((column) => this.norm(this.readFieldValue(row, column.field)).includes(global));
                 });
             }
             this.filteredDirty = false;
@@ -6734,7 +7354,7 @@ class Datagrid {
     matchesDescriptor(row, descriptor) {
         const column = this.resolvedColumns.find((col) => col.field === descriptor.field);
         const filterType = this.getColumnFilterType(column);
-        const cellValue = this.normalizeFilterValue(row?.[descriptor.field], filterType);
+        const cellValue = this.normalizeFilterValue(this.readFieldValue(row, descriptor.field), filterType);
         const compareValue = this.normalizeFilterValue(descriptor.value, filterType);
         const ignoreCase = descriptor.ignoreCase ?? (filterType === 'text' || filterType === 'select');
         if (descriptor.operator === 'isnull')
@@ -6812,12 +7432,17 @@ class Datagrid {
         return this.isFilteringEnabled() && this.resolvedFilterMode() === 'multi' && !!col.filterable;
     }
     getAllowedOperators(col) {
-        if (col.allowedFilterOperators?.length)
-            return col.allowedFilterOperators;
-        const typeOperators = this.filterOperators?.[col.type ?? 'text'];
-        if (typeOperators?.length)
-            return typeOperators;
-        return ngbAllowedFilterOperators(this.getColumnFilterType(col));
+        const field = col.field;
+        const cached = this.filterOperatorsCache.get(field);
+        if (cached)
+            return cached;
+        const resolved = col.allowedFilterOperators?.length
+            ? col.allowedFilterOperators
+            : this.filterOperators?.[col.type ?? 'text']?.length
+                ? this.filterOperators[col.type ?? 'text']
+                : ngbAllowedFilterOperators(this.getColumnFilterType(col));
+        this.filterOperatorsCache.set(field, resolved);
+        return resolved;
     }
     defaultFilterOperator(col) {
         const allowed = this.getAllowedOperators(col);
@@ -6900,14 +7525,162 @@ class Datagrid {
             return value ? 'Yes' : 'No';
         return String(value);
     }
+    groupColumn(field) {
+        return this.resolvedColumns.find((column) => column.field === field);
+    }
+    groupColumnField(col) {
+        return String(col.field);
+    }
+    formatGroupValue(field, value) {
+        const column = this.groupColumn(field);
+        if (value === null || value === undefined || value === '')
+            return '(Blank)';
+        if (column?.type === 'select') {
+            const option = column.options?.find((item) => item.value === value);
+            if (option)
+                return option.label;
+        }
+        return this.formatCellDisplayValue(value);
+    }
+    groupRowLabel(group) {
+        return `${this.groupColumnHeader(group.field)}: ${this.formatGroupValue(group.field, group.value)}`;
+    }
+    groupRowCountLabel(group) {
+        return `${group.count} item${group.count === 1 ? '' : 's'}`;
+    }
+    groupLeadColumnField(group) {
+        const first = this.visibleColumns[0];
+        return first ? String(first.field) : null;
+    }
+    isGroupLeadColumn(col, group) {
+        return String(col.field) === this.groupLeadColumnField(group);
+    }
+    shouldRenderGroupCell(col, group) {
+        if (this.isGroupLeadColumn(col, group))
+            return true;
+        return !this.isCoveredByGroupLeadSpan(col, group);
+    }
+    groupCellColspan(col, group) {
+        if (!this.isGroupLeadColumn(col, group))
+            return null;
+        return this.groupLeadColumnSpan(group);
+    }
+    hasGroupHeaderColumnTemplate(field) {
+        return !!this.groupHeaderColumnTpls[field];
+    }
+    hasGroupFooterTemplate(field) {
+        return !!this.groupFooterTpls[field];
+    }
+    groupHeaderColumnTemplate(field) {
+        return this.groupHeaderColumnTpls[field] ?? null;
+    }
+    groupFooterTemplate(field) {
+        return this.groupFooterTpls[field] ?? null;
+    }
+    groupHeaderContext(group) {
+        const ctx = {
+            $implicit: group,
+            group,
+            field: group.field,
+            value: group.value,
+            items: group.items,
+            level: group.level,
+            count: group.count,
+            aggregates: this.cloneAggregateResults(group.aggregates),
+        };
+        return ctx;
+    }
+    groupColumnContext(group, col) {
+        return {
+            ...this.groupHeaderContext(group),
+            col,
+        };
+    }
+    groupRowIndent(level) {
+        return level * 1.1;
+    }
+    groupLeadColumnSpan(group) {
+        const leadIndex = this.groupLeadColumnIndex(group);
+        if (leadIndex === -1)
+            return 1;
+        for (let index = leadIndex + 1; index < this.visibleColumns.length; index += 1) {
+            const field = this.groupColumnField(this.visibleColumns[index]);
+            if (this.hasGroupHeaderColumnTemplate(field)) {
+                return Math.max(index - leadIndex, 1);
+            }
+        }
+        return Math.max(this.visibleColumns.length - leadIndex, 1);
+    }
+    isCoveredByGroupLeadSpan(col, group) {
+        const index = this.groupColumnIndex(col);
+        const leadIndex = this.groupLeadColumnIndex(group);
+        if (index === -1 || leadIndex === -1 || index <= leadIndex)
+            return false;
+        return index < leadIndex + this.groupLeadColumnSpan(group);
+    }
+    groupLeadColumnIndex(group) {
+        const field = this.groupLeadColumnField(group);
+        return field ? this.visibleColumns.findIndex((column) => String(column.field) === field) : -1;
+    }
+    groupColumnIndex(col) {
+        const field = String(col.field);
+        return this.visibleColumns.findIndex((column) => String(column.field) === field);
+    }
+    groupKeyFor(group, level, startIndex) {
+        return `${level}:${group.field}:${String(group.value)}:${startIndex}`;
+    }
+    isGroupCollapsed(group, level, startIndex) {
+        return this.collapsedGroupKeys.has(this.groupKeyFor(group, level, startIndex));
+    }
+    toggleGroupCollapsed(group, level, startIndex) {
+        const key = this.groupKeyFor(group, level, startIndex);
+        if (this.collapsedGroupKeys.has(key)) {
+            this.collapsedGroupKeys.delete(key);
+        }
+        else {
+            this.collapsedGroupKeys.add(key);
+        }
+        this.invalidatePagedCache();
+        this.cdr.markForCheck();
+    }
+    isGroupResult(item) {
+        return typeof item === 'object' && item !== null && Array.isArray(item.items);
+    }
+    cloneAggregateDescriptors(descriptors) {
+        return (descriptors ?? []).map((descriptor) => ({ ...descriptor }));
+    }
+    cloneAggregateResults(results) {
+        const cloned = {};
+        for (const field of Object.keys(results ?? {})) {
+            cloned[field] = { ...results[field] };
+        }
+        return cloned;
+    }
+    cloneGroupResults(groups) {
+        return (groups ?? []).map((group) => ({
+            ...group,
+            aggregates: this.cloneAggregateResults(group.aggregates),
+            items: group.items.map((item) => (this.isGroupResult(item) ? this.cloneGroupResults([item])[0] : item)),
+        }));
+    }
     getSearchHighlightSegments(value, field) {
         const display = this.formatCellDisplayValue(value);
-        if (!this.shouldHighlightSearchInColumn(field)) {
-            return [{ text: display, match: false }];
-        }
         const term = this.norm(this.searchHighlightTerm);
-        if (!term || !display)
-            return [{ text: display, match: false }];
+        const highlightEnabled = this.shouldHighlightSearchInColumn(field);
+        const cacheKey = JSON.stringify([field, term, display, highlightEnabled]);
+        const cached = this.searchHighlightCache.get(cacheKey);
+        if (cached)
+            return cached;
+        if (!highlightEnabled) {
+            const segments = [{ key: '0:n', text: display, match: false }];
+            this.searchHighlightCache.set(cacheKey, segments);
+            return segments;
+        }
+        if (!term || !display) {
+            const segments = [{ key: '0:n', text: display, match: false }];
+            this.searchHighlightCache.set(cacheKey, segments);
+            return segments;
+        }
         const normalizedDisplay = this.norm(display);
         const segments = [];
         let cursor = 0;
@@ -6916,18 +7689,20 @@ class Datagrid {
             const normalizedSlice = this.norm(slice);
             const matchIndex = normalizedSlice.indexOf(term);
             if (matchIndex < 0) {
-                segments.push({ text: display.slice(cursor), match: false });
+                segments.push({ key: `${cursor}:n`, text: display.slice(cursor), match: false });
                 break;
             }
             const start = cursor + matchIndex;
             const end = start + term.length;
             if (start > cursor) {
-                segments.push({ text: display.slice(cursor, start), match: false });
+                segments.push({ key: `${cursor}:n`, text: display.slice(cursor, start), match: false });
             }
-            segments.push({ text: display.slice(start, end), match: true });
+            segments.push({ key: `${start}:m`, text: display.slice(start, end), match: true });
             cursor = end;
         }
-        return segments.length ? segments : [{ text: display, match: false }];
+        const resolved = segments.length ? segments : [{ key: '0:n', text: display, match: false }];
+        this.searchHighlightCache.set(cacheKey, resolved);
+        return resolved;
     }
     rowFilterEmptyOptionLabel(col) {
         return this.getColumnFilterType(col) === 'boolean' ? '(All)' : 'Select';
@@ -7292,22 +8067,37 @@ class Datagrid {
         this.closeFilterMenu();
     }
     multiCheckboxOptions(col) {
+        const field = col.field;
+        const cached = this.multiCheckboxOptionsCache.get(field);
+        if (cached)
+            return cached;
         const seen = new Map();
         for (const row of this.data ?? []) {
-            const value = row?.[col.field];
+            const value = this.readFieldValue(row, col.field);
             const key = this.multiCheckboxValueKey(value);
             if (!seen.has(key)) {
                 seen.set(key, { label: this.multiCheckboxValueLabel(col, value), value });
             }
         }
-        return Array.from(seen.values()).sort((a, b) => a.label.localeCompare(b.label, undefined, { sensitivity: 'base', numeric: true }));
+        const options = Array.from(seen.values()).sort((a, b) => a.label.localeCompare(b.label, undefined, { sensitivity: 'base', numeric: true }));
+        this.multiCheckboxOptionsCache.set(field, options);
+        return options;
     }
     multiCheckboxVisibleOptions(col) {
-        const query = this.norm(this.multiCheckboxSearch[col.field]);
+        const field = col.field;
+        const query = this.norm(this.multiCheckboxSearch[field]);
+        const cacheKey = JSON.stringify([field, query]);
+        const cached = this.multiCheckboxVisibleOptionsCache.get(cacheKey);
+        if (cached)
+            return cached;
         const options = this.multiCheckboxOptions(col);
-        if (!query)
+        if (!query) {
+            this.multiCheckboxVisibleOptionsCache.set(cacheKey, options);
             return options;
-        return options.filter((option) => this.norm(option.label).includes(query));
+        }
+        const visible = options.filter((option) => this.norm(option.label).includes(query));
+        this.multiCheckboxVisibleOptionsCache.set(cacheKey, visible);
+        return visible;
     }
     multiCheckboxValueLabel(col, value) {
         if (this.getColumnFilterType(col) === 'boolean')
@@ -7482,11 +8272,9 @@ class Datagrid {
                     const copy = [...this.filtered];
                     const { active, direction } = this.sort;
                     copy.sort((a, b) => {
-                        const av = a?.[active];
-                        const bv = b?.[active];
-                        const cmp = typeof av === 'string' && typeof bv === 'string'
-                            ? av.localeCompare(bv, undefined, { numeric: true, sensitivity: 'base' })
-                            : av < bv ? -1 : av > bv ? 1 : 0;
+                        const av = this.readFieldValue(a, active);
+                        const bv = this.readFieldValue(b, active);
+                        const cmp = this.compareSortValues(av, bv);
                         return direction === 'asc' ? cmp : -cmp;
                     });
                     return copy;
@@ -7519,6 +8307,11 @@ class Datagrid {
     }
     get paged() {
         if (this.pagedDirty) {
+            if (this.isGroupingActive()) {
+                this.ensureRenderRows();
+                this.pagedDirty = false;
+                return this.pagedCache;
+            }
             if (this.shouldUseLocalDataOperations()) {
                 this.pagedCache = this.localDataOperationsResult(this.paginationActive).data;
                 this.pagedDirty = false;
@@ -7535,6 +8328,13 @@ class Datagrid {
         }
         return this.pagedCache;
     }
+    get renderRows() {
+        this.ensureRenderRows();
+        return this.renderRowsCache;
+    }
+    hasRenderableRows() {
+        return this.renderRows.length > 0;
+    }
     shouldUseLocalDataOperations() {
         if (!this.dataOperations)
             return false;
@@ -7546,11 +8346,137 @@ class Datagrid {
         return ngbApplyDataGridOperations(this.data, {
             ...options,
             state: this.dataState(),
+            groupedData: options.groupedData ?? this.groupedData,
             columns: options.columns ?? this.resolvedColumns,
             globalFilterFields: options.globalFilterFields ?? this.resolvedColumns.map((column) => column.field),
             page,
         });
     }
+    usingProvidedGroupedData() {
+        return (this.groupedData?.length ?? 0) > 0;
+    }
+    groupingResults(rows) {
+        if (this.usingProvidedGroupedData()) {
+            return this.cloneGroupResults(this.groupedData);
+        }
+        if (this.shouldUseLocalDataOperations()) {
+            return this.localDataOperationsResult(false).groupedData ?? [];
+        }
+        return ngbGroupData(rows, this.group);
+    }
+    ensureRenderRows() {
+        if (!this.renderRowsDirty)
+            return;
+        if (!this.isGroupingActive()) {
+            const leafRows = this.shouldUseLocalDataOperations()
+                ? this.localDataOperationsResult(this.paginationActive).data
+                : (!this.paginationActive || this.isServerBound())
+                    ? this.sorted
+                    : this.sorted.slice((this.page - 1) * this.pageSize, (this.page - 1) * this.pageSize + this.pageSize);
+            this.pagedCache = leafRows;
+            this.renderRowsCache = leafRows.map((row, pagedIndex) => ({
+                kind: 'data',
+                key: this.trackRow(pagedIndex, row),
+                row,
+                pagedIndex,
+                level: 0,
+            }));
+            this.groupRenderRowLookup.clear();
+            this.groupFooterRenderRowLookup.clear();
+            this.renderRowsDirty = false;
+            this.pagedDirty = false;
+            return;
+        }
+        const rows = this.groupingSourceRows();
+        const groups = this.groupingResults(rows);
+        const groupLeafCount = rows.length;
+        const shouldSliceGroups = this.paginationActive && !this.isServerBound() && !this.usingProvidedGroupedData();
+        const pageStart = shouldSliceGroups ? Math.max(0, (this.page - 1) * this.pageSize) : 0;
+        const pageEnd = shouldSliceGroups ? pageStart + this.pageSize : groupLeafCount;
+        let absoluteLeafIndex = 0;
+        let pagedIndex = 0;
+        const leafRows = [];
+        const buildRows = (items, level) => {
+            const rowsForLevel = [];
+            for (const group of items) {
+                const groupStart = absoluteLeafIndex;
+                const collapsed = this.isGroupCollapsed(group, level, groupStart);
+                const childRows = [];
+                if (!collapsed) {
+                    for (const item of group.items) {
+                        if (this.isGroupResult(item)) {
+                            childRows.push(...buildRows([item], level + 1));
+                            continue;
+                        }
+                        const inPage = absoluteLeafIndex >= pageStart && absoluteLeafIndex < pageEnd;
+                        if (inPage) {
+                            leafRows.push(item);
+                            childRows.push({
+                                kind: 'data',
+                                key: this.trackRow(pagedIndex, item),
+                                row: item,
+                                pagedIndex,
+                                level: level + 1,
+                            });
+                            pagedIndex += 1;
+                        }
+                        absoluteLeafIndex += 1;
+                    }
+                }
+                else {
+                    absoluteLeafIndex += group.count;
+                }
+                const groupEnd = groupStart + group.count;
+                if (groupEnd > pageStart && groupStart < pageEnd) {
+                    rowsForLevel.push({
+                        kind: 'group',
+                        key: this.groupKeyFor(group, level, groupStart),
+                        group,
+                        collapsed,
+                        level,
+                        startIndex: groupStart,
+                    });
+                    if (!collapsed) {
+                        rowsForLevel.push(...childRows);
+                        if (this.showGroupFooters()) {
+                            rowsForLevel.push({
+                                kind: 'group-footer',
+                                key: `${this.groupKeyFor(group, level, groupStart)}:footer`,
+                                group,
+                                level,
+                                startIndex: groupStart,
+                            });
+                        }
+                    }
+                }
+            }
+            return rowsForLevel;
+        };
+        const renderedRows = buildRows(groups, 0);
+        this.pagedCache = leafRows;
+        this.renderRowsCache = renderedRows;
+        this.rebuildGroupedRowLookups(renderedRows);
+        this.renderRowsDirty = false;
+        this.pagedDirty = false;
+    }
+    rebuildGroupedRowLookups(rows) {
+        this.groupRenderRowLookup.clear();
+        this.groupFooterRenderRowLookup.clear();
+        for (const row of rows) {
+            if (row.kind === 'group') {
+                this.groupRenderRowLookup.set(row.key, row);
+            }
+            else if (row.kind === 'group-footer') {
+                this.groupFooterRenderRowLookup.set(row.key, row);
+            }
+        }
+    }
+    groupingSourceRows() {
+        if (this.shouldUseLocalDataOperations()) {
+            return this.localDataOperationsResult(false).data;
+        }
+        return this.sorted;
+    }
     // getters for template conditions / display
     get anyFilterable() {
         if (this.resolvedFilterMode() !== 'row')
@@ -7628,6 +8554,7 @@ class Datagrid {
             skip: Math.max(0, (this.page - 1) * this.pageSize),
             pageSize: this.pageSize,
             sort,
+            group: [...this.group],
             filter: this.cloneComposite(this.effectiveFilterDescriptor()),
             globalFilter: this.currentGlobalFilterValue(),
         };
@@ -7658,6 +8585,10 @@ class Datagrid {
         this.sort = firstSort?.field && firstSort.direction
             ? { active: firstSort.field, direction: firstSort.direction }
             : { active: null, direction: '' };
+        if (state.group !== undefined) {
+            this._group = this.normalizeGroupDescriptors(state.group);
+            this.syncCollapsedGroups();
+        }
         if (state.filter !== undefined) {
             this.localFilter = this.cloneComposite(state.filter ?? { logic: 'and', filters: [] });
             this.syncLegacyFilters(this.localFilter);
@@ -7681,6 +8612,133 @@ class Datagrid {
         if (this.headerScroller?.nativeElement) {
             this.headerScroller.nativeElement.scrollLeft = left;
         }
+        this.scheduleStickyGroupSync();
+    }
+    onWindowResize() {
+        this.scheduleStickyGroupSync();
+    }
+    scheduleStickyGroupSync() {
+        if (!this.showStickyGroupHeaders() && !this.showStickyGroupFooters()) {
+            if (this.stickyGroupHeaderRows.length ||
+                this.stickyGroupFooterRows.length ||
+                this.stickyGroupOverlayColumnWidths.length ||
+                this.stickyGroupHeaderTranslateY !== 0 ||
+                this.stickyGroupFooterTranslateY !== 0) {
+                this.stickyGroupHeaderRows = [];
+                this.stickyGroupFooterRows = [];
+                this.stickyGroupOverlayColumnWidths = [];
+                this.stickyGroupHeaderTranslateY = 0;
+                this.stickyGroupFooterTranslateY = 0;
+                this.cdr.markForCheck();
+            }
+            return;
+        }
+        if (this.stickyGroupSyncQueued)
+            return;
+        this.stickyGroupSyncQueued = true;
+        Promise.resolve().then(() => {
+            const raf = typeof requestAnimationFrame === 'function'
+                ? requestAnimationFrame
+                : (callback) => setTimeout(() => callback(Date.now()), 16);
+            raf(() => {
+                this.stickyGroupSyncQueued = false;
+                this.syncStickyGroupOverlays();
+            });
+        });
+    }
+    syncStickyGroupOverlays() {
+        this.ensureRenderRows();
+        const scroller = this.bodyScroller?.nativeElement;
+        if (!scroller || !this.isGroupingActive()) {
+            this.stickyGroupHeaderRows = [];
+            this.stickyGroupFooterRows = [];
+            this.stickyGroupOverlayColumnWidths = [];
+            this.stickyGroupHeaderTranslateY = 0;
+            this.stickyGroupFooterTranslateY = 0;
+            this.cdr.markForCheck();
+            return;
+        }
+        const mainTable = scroller.querySelector('table.grid-body--main');
+        this.stickyGroupOverlayColumnWidths = Array.from(mainTable?.querySelectorAll('colgroup col') ?? []).map((col) => {
+            const explicit = parseFloat(col.style.width || '');
+            if (Number.isFinite(explicit) && explicit > 0)
+                return explicit;
+            const width = col.getBoundingClientRect().width;
+            return Number.isFinite(width) && width > 0 ? width : 0;
+        });
+        const scrollerRect = scroller.getBoundingClientRect();
+        const headerMeasurements = this.collectStickyGroupMeasurements(scroller.querySelectorAll('table.grid-body--main tbody > tr.grid-group-row[data-group-key]'), this.groupRenderRowLookup);
+        const footerMeasurements = this.collectStickyGroupMeasurements(scroller.querySelectorAll('table.grid-body--main tbody > tr.grid-group-footer-row[data-group-key]'), this.groupFooterRenderRowLookup);
+        const stickyHeaders = this.showStickyGroupHeaders()
+            ? this.resolveStickyHeaderRows(headerMeasurements, scrollerRect.top)
+            : [];
+        const stickyFooters = this.showStickyGroupFooters()
+            ? this.resolveStickyFooterRows(stickyHeaders, footerMeasurements, scrollerRect.bottom)
+            : [];
+        const stickyFooterMeasurements = stickyFooters
+            .map((row) => footerMeasurements.find((measurement) => measurement.key === row.key))
+            .filter(Boolean);
+        this.stickyGroupHeaderRows = stickyHeaders;
+        this.stickyGroupFooterRows = stickyFooters;
+        this.stickyGroupHeaderTranslateY = stickyHeaders.length ? scroller.scrollTop : 0;
+        this.stickyGroupFooterTranslateY = stickyFooters.length
+            ? Math.max(0, scroller.scrollTop + scroller.clientHeight - this.measurementStackHeight(stickyFooterMeasurements))
+            : 0;
+        this.cdr.markForCheck();
+    }
+    collectStickyGroupMeasurements(nodes, lookup) {
+        const measurements = [];
+        for (const node of Array.from(nodes)) {
+            const key = node.getAttribute('data-group-key') ?? '';
+            const row = lookup.get(key);
+            if (!row)
+                continue;
+            const rect = node.getBoundingClientRect();
+            measurements.push({
+                key: row.key,
+                level: row.level,
+                startIndex: row.startIndex,
+                endIndex: row.startIndex + row.group.count,
+                top: rect.top,
+                bottom: rect.bottom,
+                height: rect.height,
+                row,
+            });
+        }
+        return measurements;
+    }
+    resolveStickyHeaderRows(measurements, scrollerTop) {
+        const active = [];
+        let parentRange = null;
+        let threshold = scrollerTop;
+        for (let level = 0; level < this.group.length; level++) {
+            const matches = measurements.filter((measurement) => measurement.level === level &&
+                (!parentRange || (measurement.startIndex >= parentRange.start && measurement.startIndex < parentRange.end)) &&
+                measurement.top < threshold - 0.5);
+            const match = matches.length ? matches[matches.length - 1] : null;
+            if (!match)
+                break;
+            active.push(match.row);
+            parentRange = { start: match.startIndex, end: match.endIndex };
+            threshold += match.height;
+        }
+        return active;
+    }
+    resolveStickyFooterRows(stickyHeaders, measurements, scrollerBottom) {
+        const active = [];
+        for (const stickyHeader of stickyHeaders) {
+            const footerKey = `${stickyHeader.key}:footer`;
+            const match = measurements.find((measurement) => measurement.key === footerKey);
+            if (!match)
+                continue;
+            if (match.top > scrollerBottom + 0.5) {
+                active.push(match.row);
+            }
+        }
+        return active;
+    }
+    measurementStackHeight(measurements) {
+        return measurements.reduce((total, measurement) => total + measurement.height, 0);
     }
     get isHeaderSticky() {
         return this.stickyHeaderEnabled && this.shouldEnableScroll;
@@ -7792,13 +8850,26 @@ class Datagrid {
         return this.editingIndex === pagedIndex;
     }
     onCellClick(ev, pagedIndex, col) {
+        this.tryStartIncellEdit(ev, pagedIndex, col);
+    }
+    onCellMouseDown(ev, pagedIndex, col) {
+        if (ev.button !== 0)
+            return;
+        this.tryStartIncellEdit(ev, pagedIndex, col);
+    }
+    tryStartIncellEdit(ev, pagedIndex, col) {
         if (!this.isIncellEditMode() || !this.enableEdit)
             return;
         const row = this.paged[pagedIndex];
         if (!this.isCellEditable(col, row, false))
             return;
-        const el = ev.target;
-        if (el.closest('button, a, input, select, textarea, label, .no-edit-trigger'))
+        const target = ev.target;
+        const el = target instanceof Element
+            ? target
+            : target instanceof Node
+                ? target.parentElement
+                : null;
+        if (el?.closest('button, a, input, select, textarea, label, .no-edit-trigger'))
             return;
         if (this.isCellInEditMode(pagedIndex, col))
             return;
@@ -7855,10 +8926,13 @@ class Datagrid {
         this.addingNew = false;
         this.editingIndex = pagedIndex;
         this.editingCell = { rowIndex: pagedIndex, field };
-        this.editForm = this.buildFormFromRow(this.paged[pagedIndex]);
+        const colIndex = this.visibleColumns.findIndex((col) => col.field === field);
+        if (colIndex >= 0) {
+            this.focusedCell = { rowIndex: pagedIndex, colIndex };
+        }
+        this.editForm = this.buildFormFromRow(this.toDraftValues(this.paged[pagedIndex]));
         this.saveAttemptedEdit = false;
-        this.cdr.markForCheck();
-        queueMicrotask(() => this.focusInlineEditor(field));
+        this.scheduleViewRefresh(() => this.focusInlineEditor(field));
     }
     focusInlineEditor(preferredField) {
         const root = this.hostEl?.nativeElement;
@@ -7889,7 +8963,7 @@ class Datagrid {
         const original = this.data[di];
         const rowId = this.getRowId(di, original);
         const service = this.getEditService();
-        const updated = service.assignValues(original, { ...original, [field]: control?.value });
+        const updated = service.assignValues(original, this.patchFieldValue(field, control?.value));
         const next = service.update(this.data ?? [], updated, di, rowId);
         this.data = service.saveChanges(next, di, rowId, updated);
         this.invalidateDataCaches();
@@ -7900,7 +8974,7 @@ class Datagrid {
             this.editForm = this.fb.group({});
             this.saveAttemptedEdit = false;
         }
-        this.cdr.markForCheck();
+        this.scheduleViewRefresh();
         return true;
     }
     cancelIncellEdit() {
@@ -7914,7 +8988,7 @@ class Datagrid {
         this.editingIndex = null;
         this.editForm = this.fb.group({});
         this.saveAttemptedEdit = false;
-        this.cdr.markForCheck();
+        this.scheduleViewRefresh();
     }
     getSingleSelectedPagedIndex() {
         const selected = this.paged
@@ -7944,11 +9018,10 @@ class Datagrid {
         this.externalDialogFocusedOnce = false;
         this.externalEditIsNew = false;
         this.externalEditPagedIndex = pagedIndex;
-        this.externalForm = this.buildFormFromRow(this.paged[pagedIndex]);
+        this.externalForm = this.buildFormFromRow(this.toDraftValues(this.paged[pagedIndex]));
         this.saveAttemptedExternal = false;
         this.externalEditOpen = true;
-        this.cdr.markForCheck();
-        queueMicrotask(() => this.focusExternalDialogFirstField());
+        this.scheduleViewRefresh(() => this.focusExternalDialogFirstField());
     }
     openExternalAdd() {
         this.externalDialogOpener = document.activeElement ?? null;
@@ -7959,11 +9032,10 @@ class Datagrid {
         this.saveAttemptedExternal = false;
         this.externalEditOpen = true;
         const service = this.getEditService();
-        const draft = service.assignValues({}, this.externalForm.value);
+        const draft = this.assignDraftValues({}, this.formDraftValues(this.externalForm));
         this.addDraftRowId = Symbol('ngb-datagrid-new-row');
         service.create(this.data ?? [], draft, this.data.length, this.addDraftRowId);
-        this.cdr.markForCheck();
-        queueMicrotask(() => this.focusExternalDialogFirstField());
+        this.scheduleViewRefresh(() => this.focusExternalDialogFirstField());
     }
     saveExternalEdit() {
         if (!this.externalEditOpen)
@@ -7975,7 +9047,7 @@ class Datagrid {
             return;
         const service = this.getEditService();
         if (this.externalEditIsNew) {
-            const newRow = service.assignValues({}, this.externalForm.value);
+            const newRow = this.assignDraftValues({}, this.formDraftValues(this.externalForm));
             const rowIndex = this.data.length;
             const rowId = this.addDraftRowId ?? this.getRowId(rowIndex, newRow);
             service.create(this.data ?? [], newRow, rowIndex, rowId);
@@ -7987,7 +9059,7 @@ class Datagrid {
             const di = this.dataIndexOf(this.paged[pagedIndex]);
             const original = this.data[di];
             const rowId = this.getRowId(di, original);
-            const updated = service.assignValues(original, this.externalForm.value);
+            const updated = this.assignDraftValues(original, this.formDraftValues(this.externalForm));
             const next = service.update(this.data ?? [], updated, di, rowId);
             this.data = service.saveChanges(next, di, rowId, updated);
             this.invalidateDataCaches();
@@ -8210,6 +9282,8 @@ class Datagrid {
         return side ? `column-pinned-${side}${col.locked ? ' column-locked' : ' column-sticky'}` : null;
     }
     get tableClassList() {
+        if (this.tableClassListCache)
+            return this.tableClassListCache;
         const opts = this.tableOptions || {};
         const cls = ['table'];
         if (opts.stripedRows)
@@ -8230,15 +9304,20 @@ class Datagrid {
             cls.push('align-middle');
         if (opts.align === 'bottom')
             cls.push('align-bottom');
+        this.tableClassListCache = cls;
         return cls;
     }
     get responsiveWrapperClasses() {
+        if (this.responsiveWrapperClassesCache)
+            return this.responsiveWrapperClassesCache;
         const r = this.tableOptions?.responsive;
-        if (r === false)
-            return [];
-        if (r === true || r === undefined)
-            return ['table-responsive'];
-        return [`table-responsive-${r}`];
+        const classes = r === false
+            ? []
+            : r === true || r === undefined
+                ? ['table-responsive']
+                : [`table-responsive-${r}`];
+        this.responsiveWrapperClassesCache = classes;
+        return classes;
     }
     get densityMode() {
         return this.tableOptions?.density ?? 'comfortable';
@@ -8257,11 +9336,19 @@ class Datagrid {
         return col.stackedGroup ?? 'start';
     }
     stackedColumnsInGroup(group) {
-        return this.visibleColumns.filter((col) => this.stackedGroupFor(col) === group);
+        const cached = this.stackedColumnsCache.get(group);
+        if (cached)
+            return cached;
+        const columns = this.visibleColumns.filter((col) => this.stackedGroupFor(col) === group);
+        this.stackedColumnsCache.set(group, columns);
+        return columns;
     }
     stackedCardGroups() {
+        if (this.stackedCardGroupsCache)
+            return this.stackedCardGroupsCache;
         const order = ['start', 'center', 'end'];
-        return order.filter((group) => this.stackedColumnsInGroup(group).length > 0);
+        this.stackedCardGroupsCache = order.filter((group) => this.stackedColumnsInGroup(group).length > 0);
+        return this.stackedCardGroupsCache;
     }
     visibleColumnIndex(col) {
         return this.visibleColumns.findIndex((item) => item.field === col.field);
@@ -8341,7 +9428,7 @@ class Datagrid {
     }
     updateHighlightCache() {
         this.highlightRowMap.clear();
-        (this.highlightedIndex || []).forEach(item => {
+        (this.highlightedIndex || []).forEach((item) => {
             const rowKey = item.row;
             if (!this.highlightRowMap.has(rowKey))
                 this.highlightRowMap.set(rowKey, []);
@@ -8352,16 +9439,16 @@ class Datagrid {
         return (col.header ?? col.field ?? '').toString();
     }
     headerTitle(col) {
-        const t = col?.title;
+        const t = col.title;
         return (t ?? this.headerText(col)) ?? '';
     }
     cellTitle(row, col) {
-        const def = col?.cellTitle;
+        const def = col.cellTitle;
         if (typeof def === 'function')
             return def(row) ?? '';
         if (typeof def === 'string')
             return def;
-        const val = row?.[col.field];
+        const val = this.readFieldValue(row, col.field);
         return val === undefined || val === null ? '' : String(val);
     }
     columnFilterAriaLabel(col) {
@@ -8617,8 +9704,7 @@ class Datagrid {
         const sticky = [];
         const rest = [];
         rows.forEach(r => {
-            const di = this.dataIndexOf(r);
-            const id = this.getRowId(di >= 0 ? di : 0, r);
+            const { id } = this.resolveRowMeta(r, 0);
             (this.stickyRowIds.has(id) ? sticky : rest).push(r);
         });
         return [...sticky, ...rest];
@@ -8654,6 +9740,8 @@ class Datagrid {
     filterTplQ;
     filterMenuTplQ;
     globalTplQ;
+    groupHeaderColumnTplQ;
+    groupFooterTplQ;
     gridColumnQ;
     /** Internal lookup maps */
     cellTpls = {};
@@ -8661,6 +9749,8 @@ class Datagrid {
     filterTpls = {};
     filterMenuTpls = {};
     globalTpl = null;
+    groupHeaderColumnTpls = {};
+    groupFooterTpls = {};
     warnedDeclarativeColumns = false;
     toRecord(items) {
         const arr = Array.isArray(items)
@@ -8722,6 +9812,8 @@ class Datagrid {
             this.filterTpls = this.toRecord(this.filterTplQ);
             this.filterMenuTpls = this.toRecord(this.filterMenuTplQ);
             this.globalTpl = this.globalTplQ?.first ?? null;
+            this.groupHeaderColumnTpls = this.toRecord(this.groupHeaderColumnTplQ);
+            this.groupFooterTpls = this.toRecord(this.groupFooterTplQ);
             this.syncColumnWidthOverrides(true);
             this.syncColumnOrder(true);
             this.validateColumnConfig();
@@ -8736,7 +9828,10 @@ class Datagrid {
         this.filterTplQ?.changes.subscribe(rebuild);
         this.filterMenuTplQ?.changes.subscribe(rebuild);
         this.globalTplQ?.changes.subscribe(rebuild);
+        this.groupHeaderColumnTplQ?.changes.subscribe(rebuild);
+        this.groupFooterTplQ?.changes.subscribe(rebuild);
         this.gridColumnQ?.changes.subscribe(rebuild);
+        this.scheduleStickyGroupSync();
     }
     ngOnChanges(ch) {
         if (ch['state']) {
@@ -8775,6 +9870,7 @@ class Datagrid {
         if (ch['data'] || ch['columns'] || ch['labels'] || ch['locale'] || ch['dir']) {
             this.cdr.markForCheck();
         }
+        this.scheduleStickyGroupSync();
     }
     resetEditingState() {
         this.editingCell = null;
@@ -8785,7 +9881,10 @@ class Datagrid {
         this.cdr.markForCheck();
     }
     getRowId(rowIndex, row) {
-        return this.trackBy ? this.trackBy(rowIndex, row) : rowIndex;
+        return this.resolveRowMeta(row, rowIndex).id;
+    }
+    selectedDataRows() {
+        return (this.data ?? []).filter((row, index) => this.selectedRowIds.has(this.getRowId(index, row)));
     }
     /** Apply selection ids and refresh checkbox UI (for programmatic / OnPush sync). */
     setSelectionIds(ids, options) {
@@ -8797,7 +9896,7 @@ class Datagrid {
         }
         if (options?.emit !== false) {
             this.selectionChange.emit({
-                selected: this.data.filter((row, idx) => this.selectedRowIds.has(this.getRowId(idx, row))),
+                selected: this.selectedDataRows(),
                 lastAction: null,
             });
         }
@@ -8816,6 +9915,7 @@ class Datagrid {
     }
     isRowReorderEnabled() {
         return this.rowReorderable &&
+            !this.isGroupingActive() &&
             !this.sort.active &&
             !this.hasActiveFilters() &&
             !this.addingNew &&
@@ -8840,7 +9940,7 @@ class Datagrid {
         this.saveAttemptedNew = false;
         // Register a draft row with the edit service so implementations can track "new" state.
         const service = this.getEditService();
-        const draft = service.assignValues({}, this.addForm.value);
+        const draft = this.assignDraftValues({}, this.formDraftValues(this.addForm));
         this.addDraftRowId = Symbol('ngb-datagrid-new-row');
         service.create(this.data ?? [], draft, this.data.length, this.addDraftRowId);
         this.cdr.markForCheck();
@@ -8854,7 +9954,7 @@ class Datagrid {
         if (this.addForm.invalid)
             return;
         const service = this.getEditService();
-        const newRow = service.assignValues({}, this.addForm.value);
+        const newRow = this.assignDraftValues({}, this.formDraftValues(this.addForm));
         const rowIndex = this.data.length;
         const rowId = this.addDraftRowId ?? this.getRowId(rowIndex, newRow);
         service.create(this.data ?? [], newRow, rowIndex, rowId);
@@ -8890,15 +9990,14 @@ class Datagrid {
         this.editingCell = null;
         this.editingIndex = i;
         const row = this.paged[i];
-        this.editForm = this.buildFormFromRow(this.paged[i]);
+        this.editForm = this.buildFormFromRow(this.toDraftValues(row));
         this.saveAttemptedEdit = false;
         const di = this.dataIndexOf(row);
         const rowId = this.getRowId(di, this.data[di]);
         // Start tracking baseline for the row (service can snapshot original state).
         this.getEditService().update(this.data ?? [], this.data[di], di, rowId);
         this.rowEdit.emit({ row: this.data[di], index: di });
-        this.cdr.markForCheck();
-        queueMicrotask(() => this.focusInlineEditor());
+        this.scheduleViewRefresh(() => this.focusInlineEditor());
     }
     saveEdit(i) {
         if (this.editingIndex !== i || !this.editForm)
@@ -8912,7 +10011,7 @@ class Datagrid {
         const original = this.data[di];
         const rowId = this.getRowId(di, original);
         const service = this.getEditService();
-        const updated = service.assignValues(original, this.editForm.value);
+        const updated = this.assignDraftValues(original, this.formDraftValues(this.editForm));
         const next = service.update(this.data ?? [], updated, di, rowId);
         this.data = service.saveChanges(next, di, rowId, updated);
         this.invalidateDataCaches();
@@ -8936,7 +10035,7 @@ class Datagrid {
     onNewDraftChange(col) {
         if (this.draftNew) {
             const key = this.keyOf(col);
-            this.draftNew = this.getEditService().assignValues(this.draftNew, { [key]: this.draftNew[key] });
+            this.draftNew = { ...this.draftNew, [key]: this.draftNew[key] };
         }
         this.validateInto(col, this.draftNew, this.errorsNew);
     }
@@ -8986,7 +10085,7 @@ class Datagrid {
         if (typeof key === 'function')
             return key(row, rowIndex);
         if (typeof key === 'string')
-            return row?.[key];
+            return this.readFieldValue(row, key);
         return rowIndex;
     }
     colKeyValue(column, colIndex) {
@@ -8994,7 +10093,7 @@ class Datagrid {
         if (typeof key === 'function')
             return key(column, colIndex);
         if (typeof key === 'string')
-            return column?.[key];
+            return this.readFieldValue(column, key);
         return colIndex;
     }
     isRowHighlighted(row, rowIndex) {
@@ -9051,8 +10150,7 @@ class Datagrid {
         this.syncFilterFormFromState();
     }
     onDocumentClick(event) {
-        const target = event.target;
-        const insideMenu = !!target?.closest('.grid-filter-menu-host, .grid-filter-operator, .grid-filter-operator-menu, .ngb-datagrid-floating-panel, .ngb-grid__filter-menu-overlay');
+        const insideMenu = this.isEventInsideSelector(event, '.grid-filter-menu-host, .grid-filter-operator, .grid-filter-operator-menu, .ngb-datagrid-floating-panel, .ngb-grid__filter-menu-overlay');
         if (insideMenu) {
             return;
         }
@@ -9061,11 +10159,27 @@ class Datagrid {
         this.openRowFilterOperatorAnchor = null;
         if (this.isIncellEditMode()) {
             // Clicking outside the grid commits a valid in-cell edit and keeps invalid edits open.
-            if (!target?.closest('.ngb-grid')) {
+            if (!this.isEventInsideSelector(event, '.ngb-grid')) {
                 this.commitIncellEdit(true);
             }
         }
     }
+    isEventInsideSelector(event, selector) {
+        const path = typeof event.composedPath === 'function' ? event.composedPath() : [];
+        for (const node of path) {
+            if (node instanceof Element && node.closest(selector)) {
+                return true;
+            }
+        }
+        const target = event.target;
+        if (target instanceof Element) {
+            return !!target.closest(selector);
+        }
+        if (target instanceof Node) {
+            return !!target.parentElement?.closest(selector);
+        }
+        return false;
+    }
     canCancelToolbarEdit() {
         return this.isToolbarEditMode() && (this.editingIndex != null || this.externalEditOpen);
     }
@@ -9154,8 +10268,12 @@ class Datagrid {
                 this.expanded.add(i); // open the clicked row, or close all if it was open
         }
         else {
-            // eslint-disable-next-line @typescript-eslint/no-unused-expressions
-            isOpen ? this.expanded.delete(i) : this.expanded.add(i);
+            if (isOpen) {
+                this.expanded.delete(i);
+            }
+            else {
+                this.expanded.add(i);
+            }
         }
     }
     isExpanded(i) {
@@ -9208,7 +10326,9 @@ class Datagrid {
         this.cdr.markForCheck();
     }
     asBool(v) {
-        return typeof v === 'boolean' ? v : !!v?.enabled;
+        if (typeof v === 'boolean')
+            return v;
+        return typeof v === 'object' && v !== null && 'enabled' in v ? !!v.enabled : false;
     }
     triggerExport(kind) {
         this.export(kind);
@@ -9220,8 +10340,7 @@ class Datagrid {
     isRowSticky(row, pagedIndex) {
         if (!this.stickyRows)
             return false;
-        const di = this.dataIndexOf(row);
-        const id = this.getRowId(di >= 0 ? di : pagedIndex, row);
+        const { id } = this.resolveRowMeta(row, pagedIndex);
         return this.stickyRowIds.has(id);
     }
     toggleStickyRow(pagedIndex) {
@@ -9230,8 +10349,7 @@ class Datagrid {
         const row = this.paged[pagedIndex];
         if (!row)
             return;
-        const di = this.dataIndexOf(row);
-        const id = this.getRowId(di >= 0 ? di : pagedIndex, row);
+        const { id } = this.resolveRowMeta(row, pagedIndex);
         if (this.stickyRowIds.has(id))
             this.stickyRowIds.delete(id);
         else
@@ -9284,8 +10402,7 @@ class Datagrid {
         return this.selectionDisabledFn(row, di >= 0 ? di : pagedIndex);
     }
     isRowSelected(row, pagedIndex) {
-        const di = this.dataIndexOf(this.paged[pagedIndex]);
-        const id = this.getRowId(di >= 0 ? di : pagedIndex, row);
+        const { id } = this.resolveRowMeta(row, pagedIndex);
         return this.selectedRowIds.has(id);
     }
     toggleSelection(pagedIndex, event) {
@@ -9294,13 +10411,12 @@ class Datagrid {
         const row = this.paged[pagedIndex];
         if (!row || this.isSelectionDisabled(row, pagedIndex))
             return;
-        const di = this.dataIndexOf(row);
-        const id = this.getRowId(di >= 0 ? di : pagedIndex, row);
+        const { index: resolvedIndex, id } = this.resolveRowMeta(row, pagedIndex);
+        const di = resolvedIndex >= 0 ? resolvedIndex : pagedIndex;
         const currentlySelected = this.selectedRowIds.has(id);
         const isMulti = this.selectionMode === 'multiple';
         const desktop = this.selectionKeyMode === 'desktop';
-        const shift = desktop && !!(event && 'shiftKey' in event && event.shiftKey);
-        const meta = desktop && !!(event && (('metaKey' in event && event.metaKey) || ('ctrlKey' in event && event.ctrlKey)));
+        const { shift, meta } = this.readModifierKeys(event);
         const fromCheckbox = !!(event?.target instanceof HTMLInputElement && event.target.type === 'checkbox');
         if (!isMulti) {
             this.selectedRowIds.clear();
@@ -9318,7 +10434,7 @@ class Datagrid {
                 const r = this.paged[i];
                 if (!r || this.isSelectionDisabled(r, i))
                     continue;
-                const rid = this.getRowId(this.dataIndexOf(r), r);
+                const { id: rid } = this.resolveRowMeta(r, i);
                 this.selectedRowIds.add(rid);
             }
             this.emitSelection(row, di, true);
@@ -9341,7 +10457,7 @@ class Datagrid {
     }
     emitSelection(row, dataIndex, selected) {
         this.selectionChange.emit({
-            selected: this.data.filter((r, idx) => this.selectedRowIds.has(this.getRowId(idx, r))),
+            selected: this.selectedDataRows(),
             lastAction: { row, index: dataIndex, selected }
         });
     }
@@ -9352,30 +10468,55 @@ class Datagrid {
         const allSelected = allSelectable.every((r, i) => this.isRowSelected(r, i));
         if (allSelected) {
             allSelectable.forEach((r, i) => {
-                const rid = this.getRowId(this.dataIndexOf(r), r);
+                const { id: rid } = this.resolveRowMeta(r, i);
                 this.selectedRowIds.delete(rid);
             });
         }
         else {
             allSelectable.forEach((r, i) => {
-                const rid = this.getRowId(this.dataIndexOf(r), r);
+                const { id: rid } = this.resolveRowMeta(r, i);
                 this.selectedRowIds.add(rid);
             });
         }
         this.selectionChange.emit({
-            selected: this.data.filter((r, idx) => this.selectedRowIds.has(this.getRowId(idx, r))),
+            selected: this.selectedDataRows(),
             lastAction: null
         });
         this.cdr.markForCheck();
     }
     isPageAllSelected() {
-        const selectable = this.paged.filter((r, i) => !this.isSelectionDisabled(r, i));
-        return selectable.length > 0 && selectable.every((r, i) => this.isRowSelected(r, i));
+        let selectableCount = 0;
+        for (let index = 0; index < this.paged.length; index++) {
+            const row = this.paged[index];
+            if (!row)
+                continue;
+            if (this.isSelectionDisabled(row, index))
+                return false;
+            selectableCount++;
+            if (!this.isRowSelected(row, index))
+                return false;
+        }
+        return selectableCount > 0;
     }
     isPageIndeterminate() {
-        const selectable = this.paged.filter((r, i) => !this.isSelectionDisabled(r, i));
-        const selectedCount = selectable.filter((r, i) => this.isRowSelected(r, i)).length;
-        return selectedCount > 0 && selectedCount < selectable.length;
+        let selectableCount = 0;
+        let selectedCount = 0;
+        let hasDisabledRows = false;
+        for (let index = 0; index < this.paged.length; index++) {
+            const row = this.paged[index];
+            if (!row)
+                continue;
+            if (this.isSelectionDisabled(row, index)) {
+                hasDisabledRows = true;
+                continue;
+            }
+            selectableCount++;
+            if (this.isRowSelected(row, index))
+                selectedCount++;
+        }
+        if (selectedCount === 0)
+            return false;
+        return selectedCount < selectableCount || hasDisabledRows;
     }
     selectAllLabel() {
         const labels = this.selectionA11yLabels || {};
@@ -9403,14 +10544,14 @@ class Datagrid {
             return;
         this.toggleSelection(pagedIndex, ev);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: Datagrid, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.0", type: Datagrid, isStandalone: true, selector: "ngb-datagrid", inputs: { columns: "columns", data: "data", loading: "loading", total: "total", enableSorting: "enableSorting", enableFiltering: "enableFiltering", filterable: "filterable", enableGlobalFilter: "enableGlobalFilter", filterMode: "filterMode", filter: "filter", filterOperators: "filterOperators", filterManual: "filterManual", externalFiltering: "externalFiltering", dataOperations: "dataOperations", state: "state", multiCheckboxFilterOptions: "multiCheckboxFilterOptions", enablePagination: "enablePagination", pageable: "pageable", enableEdit: "enableEdit", enableDelete: "enableDelete", pageSizeOptions: "pageSizeOptions", enableAdd: "enableAdd", addButtonAriaLabel: "addButtonAriaLabel", addButtonText: "addButtonText", stickyRows: "stickyRows", stickyHeader: "stickyHeader", stickyFooter: "stickyFooter", scrollable: "scrollable", stickyRowHeight: "stickyRowHeight", stickyHeaderHeight: "stickyHeaderHeight", stickyFooterHeight: "stickyFooterHeight", tableOptions: "tableOptions", dataLayoutMode: "dataLayoutMode", selectionMode: "selectionMode", selectionBehavior: "selectionBehavior", selectionKeyMode: "selectionKeyMode", selectAllEnabled: "selectAllEnabled", selectionA11yLabels: "selectionA11yLabels", selectionDisabledFn: "selectionDisabledFn", highlightedIndex: "highlightedIndex", highlightRowKey: "highlightRowKey", highlightColKey: "highlightColKey", globalFilterAriaLabel: "globalFilterAriaLabel", globalFilterPlaceholder: "globalFilterPlaceholder", searchHighlightTerm: "searchHighlightTerm", searchHighlightFields: "searchHighlightFields", expandRowAriaLabel: "expandRowAriaLabel", collapseRowAriaLabel: "collapseRowAriaLabel", exportPdfAriaLabel: "exportPdfAriaLabel", exportExcelAriaLabel: "exportExcelAriaLabel", newRowDefaults: "newRowDefaults", strictEmail: "strictEmail", editOnRowClick: "editOnRowClick", editMode: "editMode", toolbarEditHint: "toolbarEditHint", singleExpand: "singleExpand", exportOptions: "exportOptions", theme: "theme", responsive: "responsive", trackBy: "trackBy", rowClass: "rowClass", rowStyle: "rowStyle", rowReorderable: "rowReorderable", columnReorderable: "columnReorderable", resizable: "resizable", actionDisplay: "actionDisplay", showStickyRowBadge: "showStickyRowBadge", stickyRowBadgeField: "stickyRowBadgeField", stickyRowBadgeLabel: "stickyRowBadgeLabel", labels: "labels", locale: "locale", dir: "dir", keyboardNavigation: "keyboardNavigation", editService: "editService", dataProviderAll: "dataProviderAll", dataProviderSelection: "dataProviderSelection", pageSize: "pageSize" }, outputs: { rowAdd: "rowAdd", rowEdit: "rowEdit", rowSave: "rowSave", rowCancel: "rowCancel", rowDelete: "rowDelete", sortChange: "sortChange", filterChange: "filterChange", filtersChange: "filtersChange", pageChange: "pageChange", dataStateChange: "dataStateChange", selectionChange: "selectionChange", rowReorder: "rowReorder", columnReorder: "columnReorder" }, host: { listeners: { "document:mousemove": "onDocumentMouseMove($event)", "document:mouseup": "onDocumentMouseUp()", "document:click": "onDocumentClick($event)", "document:keydown.escape": "onEscapeKey()" } }, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: Datagrid, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: Datagrid, isStandalone: true, selector: "ngb-datagrid", inputs: { columns: "columns", data: "data", loading: "loading", total: "total", enableSorting: "enableSorting", enableFiltering: "enableFiltering", filterable: "filterable", enableGlobalFilter: "enableGlobalFilter", filterMode: "filterMode", filter: "filter", filterOperators: "filterOperators", filterManual: "filterManual", externalFiltering: "externalFiltering", dataOperations: "dataOperations", groupable: "groupable", group: "group", groupedData: "groupedData", state: "state", multiCheckboxFilterOptions: "multiCheckboxFilterOptions", enablePagination: "enablePagination", pageable: "pageable", enableEdit: "enableEdit", enableDelete: "enableDelete", pageSizeOptions: "pageSizeOptions", enableAdd: "enableAdd", addButtonAriaLabel: "addButtonAriaLabel", addButtonText: "addButtonText", stickyRows: "stickyRows", stickyHeader: "stickyHeader", stickyFooter: "stickyFooter", scrollable: "scrollable", stickyRowHeight: "stickyRowHeight", stickyHeaderHeight: "stickyHeaderHeight", stickyFooterHeight: "stickyFooterHeight", tableOptions: "tableOptions", dataLayoutMode: "dataLayoutMode", selectionMode: "selectionMode", selectionBehavior: "selectionBehavior", selectionKeyMode: "selectionKeyMode", selectAllEnabled: "selectAllEnabled", selectionA11yLabels: "selectionA11yLabels", selectionDisabledFn: "selectionDisabledFn", highlightedIndex: "highlightedIndex", highlightRowKey: "highlightRowKey", highlightColKey: "highlightColKey", globalFilterAriaLabel: "globalFilterAriaLabel", globalFilterPlaceholder: "globalFilterPlaceholder", searchHighlightTerm: "searchHighlightTerm", searchHighlightFields: "searchHighlightFields", expandRowAriaLabel: "expandRowAriaLabel", collapseRowAriaLabel: "collapseRowAriaLabel", exportPdfAriaLabel: "exportPdfAriaLabel", exportExcelAriaLabel: "exportExcelAriaLabel", newRowDefaults: "newRowDefaults", strictEmail: "strictEmail", editOnRowClick: "editOnRowClick", editMode: "editMode", toolbarEditHint: "toolbarEditHint", singleExpand: "singleExpand", exportOptions: "exportOptions", theme: "theme", responsive: "responsive", trackBy: "trackBy", rowClass: "rowClass", rowStyle: "rowStyle", rowReorderable: "rowReorderable", columnReorderable: "columnReorderable", resizable: "resizable", actionDisplay: "actionDisplay", showStickyRowBadge: "showStickyRowBadge", stickyRowBadgeField: "stickyRowBadgeField", stickyRowBadgeLabel: "stickyRowBadgeLabel", labels: "labels", locale: "locale", dir: "dir", keyboardNavigation: "keyboardNavigation", editService: "editService", dataProviderAll: "dataProviderAll", dataProviderSelection: "dataProviderSelection", pageSize: "pageSize" }, outputs: { rowAdd: "rowAdd", rowEdit: "rowEdit", rowSave: "rowSave", rowCancel: "rowCancel", rowDelete: "rowDelete", groupChange: "groupChange", sortChange: "sortChange", filterChange: "filterChange", filtersChange: "filtersChange", pageChange: "pageChange", dataStateChange: "dataStateChange", selectionChange: "selectionChange", rowReorder: "rowReorder", columnReorder: "columnReorder" }, host: { listeners: { "window:resize": "onWindowResize()", "document:mousemove": "onDocumentMouseMove($event)", "document:mouseup": "onDocumentMouseUp()", "document:click": "onDocumentClick($event)", "document:keydown.escape": "onEscapeKey()" } }, providers: [
             { provide: PdfExportAdapter, useClass: JsPdfAdapter },
             { provide: ExcelExportAdapter, useClass: BrowserExcelExportAdapter },
             { provide: NGB_DATAGRID_HOST, useExisting: forwardRef(() => Datagrid) },
-        ], queries: [{ propertyName: "exportButtonDir", first: true, predicate: ExportButtonDirective, descendants: true }, { propertyName: "rowDetailTpl", first: true, predicate: NgbRowDetailTemplate, descendants: true }, { propertyName: "pagerTpl", first: true, predicate: NgbPagerTemplate, descendants: true }, { propertyName: "cellTplQ", predicate: NgbCellTemplate }, { propertyName: "editTplQ", predicate: NgbEditorTemplate }, { propertyName: "filterTplQ", predicate: NgbFilterTemplate }, { propertyName: "filterMenuTplQ", predicate: NgbFilterMenuTemplate }, { propertyName: "globalTplQ", predicate: NgbGlobalFilterTemplate }, { propertyName: "gridColumnQ", predicate: NgbGridColumnDirective }], viewQueries: [{ propertyName: "bodyScroller", first: true, predicate: ["bodyScroller"], descendants: true }, { propertyName: "headerScroller", first: true, predicate: ["headerScroller"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<!-- eslint-disable @angular-eslint/template/interactive-supports-focus -->\n<!-- eslint-disable @angular-eslint/template/click-events-have-key-events -->\n<div\n  class=\"ngb-grid\"\n  [attr.dir]=\"resolvedDir()\"\n  [attr.data-theme]=\"theme\"\n  [class.ngb-grid--rtl]=\"isRtl()\"\n  [class.ngb-responsive]=\"isResponsiveEnabled()\"\n  [class.ngb-grid--compact]=\"densityMode === 'compact'\"\n  [class.ngb-grid--stacked]=\"isStackedLayout()\"\n  [class.ngb-grid--stacked-cards]=\"isStackedCardsLayout()\"\n  [class.ngb-grid--menu-open]=\"!!openFilterMenuField || !!openMenuOperatorField || !!openRowFilterField\"\n  [class.ngb-grid--row-operator-open]=\"!!openRowFilterField\"\n  [class.ngb-grid--zebra]=\"zebraStripesEnabled\"\n  [class.ngb-grid--resizable]=\"resizable && !isStackedLayout()\"\n  [class.ngb-grid--column-reorderable]=\"isColumnReorderEnabled()\"\n  [class.ngb-grid--loading]=\"loading\"\n  [attr.aria-busy]=\"loading ? 'true' : null\"\n>\n  <div class=\"ngb-grid__layout-toolbar-host\">\n    <ng-content select=\"ngb-datagrid-layout-toolbar\"></ng-content>\n  </div>\n  <ngb-datagrid-toolbar [grid]=\"gridHost\"></ngb-datagrid-toolbar>\n  <ngb-datagrid-editing-toolbar\n    [grid]=\"gridHost\"\n    [selectedCount]=\"getSelectedCount()\"\n    [editActive]=\"isToolbarEditActive()\"\n    [saveDisabled]=\"isToolbarSaveDisabled()\"\n  ></ngb-datagrid-editing-toolbar>\n\n  @if (paginationActive && pagerShowsAt('top')) {\n    <ngb-datagrid-footer [grid]=\"gridHost\" placement=\"top\"></ngb-datagrid-footer>\n  }\n\n  <div\n    class=\"ngb-grid__status visually-hidden-focusable\"\n    role=\"status\"\n    aria-live=\"polite\"\n    aria-atomic=\"true\"\n  >{{ statusMessage }}</div>\n\n  <div class=\"table-wrapper\" [ngClass]=\"responsiveWrapperClasses\">\n    @if (loading) {\n    <div class=\"ngb-grid__loading-overlay\" role=\"presentation\">\n      <div class=\"spinner-border spinner-border-sm text-primary\" role=\"status\">\n        <span class=\"visually-hidden\">Loading</span>\n      </div>\n    </div>\n    }\n    <div class=\"grid-header-shell\" #headerScroller>\n    <table class=\"grid-table grid-header mb-0\" [ngClass]=\"tableClassList\" [style.width.px]=\"tablePixelWidth\">\n      @if (tableOptions?.caption) {\n      <caption\n        [class.caption-top]=\"(tableOptions?.captionSide ?? 'top') === 'top'\"\n      >\n        {{ tableOptions?.caption }}\n      </caption>\n      }\n\n      <colgroup\n        ngbDatagridColgroup\n        [grid]=\"gridHost\"\n        [ngbSyncColgroup]=\"colgroupSyncId\"\n        syncRole=\"header\"\n        [syncMode]=\"resizable ? 'explicit' : 'auto'\"\n      ></colgroup>\n\n      <thead\n        class=\"table-light\"\n        ngbDatagridHeader\n        [grid]=\"gridHost\"\n      ></thead>\n    </table>\n    </div>\n\n    <div [class.table-body-scroll]=\"shouldEnableScroll\" #bodyScroller (scroll)=\"onBodyHorizontalScroll()\">\n      <table\n        class=\"grid-table grid-body mb-0\"\n        [ngClass]=\"tableClassList\"\n        [style.width.px]=\"tablePixelWidth\"\n        role=\"grid\"\n        [attr.aria-rowcount]=\"ariaRowCount()\"\n        [attr.aria-colcount]=\"ariaColCount()\"\n        [attr.aria-readonly]=\"enableEdit || enableAdd ? 'false' : 'true'\"\n        [attr.aria-label]=\"tableOptions?.caption || null\"\n      >\n        <colgroup\n          ngbDatagridColgroup\n          [grid]=\"gridHost\"\n          [ngbSyncColgroup]=\"colgroupSyncId\"\n          syncRole=\"body\"\n          [syncMode]=\"resizable ? 'explicit' : 'auto'\"\n        ></colgroup>\n\n        <tbody\n          [ngbDndList]=\"paged\"\n          [dndDisabled]=\"!isRowReorderEnabled()\"\n          (dndDropped)=\"onRowDrop($event)\"\n        >\n          @if (!paged.length) {\n          <tr class=\"ngb-grid__empty-row\">\n            <td [attr.colspan]=\"ariaColCount()\" class=\"ngb-grid__empty text-center text-muted py-4\">\n              {{ emptyStateLabel() }}\n            </td>\n          </tr>\n          }\n\n          @if (addingNew) {\n          <tr\n            ngbDatagridAddRow\n            [grid]=\"gridHost\"\n            [formGroup]=\"addForm\"\n          ></tr>\n          }\n\n          @for (row of paged; track trackRow($index, row); let i = $index) {\n            <tr\n              class=\"grid-data-row\"\n              ngbDatagridDataRow\n              [grid]=\"gridHost\"\n              [row]=\"row\"\n              [index]=\"i\"\n              [selected]=\"isRowSelected(row, i)\"\n              [ngbDndItem]=\"row\"\n              [dndIndex]=\"i\"\n              [dndDisabled]=\"!isRowReorderEnabled()\"\n              (click)=\"onRowSelect($event, i); onRowClick($event, i)\"\n              [formGroup]=\"editForm\"\n              [class.sticky-row]=\"isRowSticky(row, i)\"\n              [class.row-selected]=\"isRowSelected(row, i)\"\n              [class.row-highlight]=\"isRowHighlighted(row, i)\"\n              [class.grid-row--reorderable]=\"isRowReorderEnabled()\"\n              [ngClass]=\"resolveRowClass(row, i)\"\n              [ngStyle]=\"resolveRowStyle(row, i)\"\n              [attr.aria-selected]=\"isRowSelected(row, i) ? 'true' : null\"\n              [style.top.px]=\"stickyTop(row, i)\"\n              [style.z-index]=\"isRowSticky(row, i) ? 3 : null\"\n            ></tr>\n\n            @if (rowDetailTpl && isExpanded(i)) {\n            <tr\n              ngbDatagridDetailRow\n              [grid]=\"gridHost\"\n              [row]=\"row\"\n              [index]=\"i\"\n              [attr.id]=\"'dg-row-detail-' + i\"\n            ></tr>\n            }\n          }\n        </tbody>\n      </table>\n    </div>\n\n    <table class=\"table grid-table grid-foot mb-0\" [style.width.px]=\"tablePixelWidth\">\n      <colgroup>\n        @for (col of visibleColumns; track col.field) {\n          <col [style.width.px]=\"col?.width\" />\n        }\n      </colgroup>\n      <tbody>\n        <tr>\n          <td [attr.colspan]=\"visibleColumns.length\" width=\"100%\">\n            @if (paginationActive && pagerShowsAt('bottom')) {\n              <ngb-datagrid-footer [grid]=\"gridHost\" placement=\"bottom\"></ngb-datagrid-footer>\n            }\n          </td>\n        </tr>\n      </tbody>\n    </table>\n  </div>\n\n  @if (externalEditOpen) {\n    <ngb-datagrid-external-editor [grid]=\"gridHost\"></ngb-datagrid-external-editor>\n  }\n\n  @if (openFilterMenuField && openFilterMenuColumn && openFilterMenuAnchor) {\n  <ngb-datagrid-filter-menu-panel\n    [grid]=\"gridHost\"\n    [col]=\"openFilterMenuColumn\"\n    [anchor]=\"openFilterMenuAnchor\"\n  />\n  }\n\n  @if (openRowFilterField && openRowFilterColumn && openRowFilterOperatorAnchor) {\n  <ngb-datagrid-row-filter-operator-panel\n    [grid]=\"gridHost\"\n    [col]=\"openRowFilterColumn\"\n    [anchor]=\"openRowFilterOperatorAnchor\"\n  />\n  }\n</div>\n", styles: ["@charset \"UTF-8\";.ngb-grid,.ngb-datagrid-floating-panel{--dg-surface: #ffffff;--dg-surface-muted: #f9fafb;--dg-surface-subtle: #f3f4f6;--dg-surface-config: #edf4ff;--dg-surface-filter-row: #fffbeb;--dg-surface-sticky-row: #fefce8;--dg-border: #d7deea;--dg-border-strong: #cfd6e2;--dg-text: #1f2937;--dg-text-muted: #5b6578;--dg-text-subtle: #64748b;--dg-primary: #315efb;--dg-primary-hover: #2749c4;--dg-primary-active: #1d4ed8;--dg-primary-soft: #dbeafe;--dg-primary-border-subtle: #bfdbfe;--dg-accent: #3b82f6;--dg-on-primary: #ffffff;--dg-placeholder: #94a3b8;--dg-success: #39a949;--dg-success-soft: #dcfce7;--dg-success-text: #166534;--dg-success-border-subtle: #bbf7d0;--dg-danger: #ef4444;--dg-danger-soft: #fee2e2;--dg-danger-text: #b91c1c;--dg-danger-border-subtle: #fecaca;--dg-warning-soft: #fef3c7;--dg-warning-border: #fde68a;--dg-warning-text: #854d0e;--dg-filter-multi-icon: #39a949;--dg-filter-multi-icon-soft: #dcfce7;--dg-neutral-pill-bg: #e2e8f0;--dg-locked-bg: #f8fafc;--dg-row-selected-bg: #eef5ff;--dg-row-hover-bg: #f8fbff;--dg-row-odd-bg: transparent;--dg-row-even-bg: transparent;--dg-detail-row-bg: #f8fbff;--dg-search-highlight-bg: #fef08a;--dg-sticky-border: #facc15;--dg-sticky-badge-bg: #fef08a;--dg-sticky-badge-text: #854d0e;--dg-dropdown-item-active-bg: var(--dg-primary-soft);--dg-dropdown-item-active-color: var(--dg-primary);--dg-focus-ring: #2563eb;--dg-focus-border: rgba(37, 99, 235, .45);--dg-focus-shadow: 0 0 0 .2rem rgba(37, 99, 235, .15);--dg-pin-shadow-start: 1px 0 0 rgba(15, 23, 42, .08);--dg-pin-shadow-end: -1px 0 0 rgba(15, 23, 42, .08);--dg-backdrop: rgba(15, 23, 42, .45);--dg-loading-overlay: color-mix(in srgb, var(--dg-surface) 55%, transparent);--dg-primary-selection-overlay: rgba(37, 99, 235, .18);--dg-filter-divider: rgba(219, 227, 239, .8);--dg-shadow-sm: 0 1px 2px rgba(15, 23, 42, .06);--dg-shadow-md: 0 8px 24px rgba(15, 23, 42, .12);--dg-radius-lg: .5rem;--dg-radius-md: .45rem;--dg-radius-sm: .35rem;--dg-control-height: 2.15rem;--dg-nav-height: 2.5rem;--dg-font-size-header: .92rem;--dg-font-size-cell: .84rem;--dg-font-size-label: .94rem;--dg-cell-padding-y: .75rem;--dg-cell-padding-x: .85rem;--dg-header-padding-y: .75rem;--dg-header-padding-x: .85rem;--dg-table-border-width: 1px;--dg-pager-surface: var(--dg-surface);--dg-pager-text: var(--dg-text-muted);--dg-pager-control-bg: var(--dg-surface);--dg-pager-control-hover-bg: var(--dg-surface-subtle);--dg-pager-control-border: var(--dg-border);--dg-pager-link-text: var(--dg-primary);--dg-pager-active-bg: var(--dg-primary);--dg-pager-active-border: var(--dg-primary);--dg-pager-active-text: var(--dg-on-primary);--dg-pager-select-icon: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e\")}.ngb-grid[data-theme=bootstrap],.ngb-datagrid-floating-panel[data-theme=bootstrap]{--dg-surface: var(--bs-body-bg, #ffffff);--dg-surface-muted: var(--bs-tertiary-bg, #f8f9fa);--dg-surface-subtle: var(--bs-secondary-bg, #e9ecef);--dg-surface-config: var(--bs-primary-bg-subtle, #cfe2ff);--dg-surface-filter-row: var(--bs-warning-bg-subtle, #fff3cd);--dg-surface-sticky-row: var(--bs-warning-bg-subtle, #fff3cd);--dg-border: var(--bs-border-color, #dee2e6);--dg-border-strong: var(--bs-border-color-translucent, #ced4da);--dg-text: var(--bs-body-color, #212529);--dg-text-muted: var(--bs-secondary-color, #6c757d);--dg-text-subtle: var(--bs-tertiary-color, #6c757d);--dg-primary: var(--bs-primary, #0d6efd);--dg-primary-hover: var(--bs-link-hover-color, #0a58ca);--dg-primary-active: var(--bs-link-hover-color, #0a58ca);--dg-primary-soft: var(--bs-primary-bg-subtle, #cfe2ff);--dg-primary-border-subtle: var(--bs-primary-border-subtle, #9ec5fe);--dg-accent: var(--bs-primary, #0d6efd);--dg-on-primary: var(--bs-btn-color, #fff);--dg-placeholder: var(--bs-secondary-color, #6c757d);--dg-success: var(--bs-success, #198754);--dg-success-soft: var(--bs-success-bg-subtle, #d1e7dd);--dg-success-text: var(--bs-success-text-emphasis, #0a3622);--dg-success-border-subtle: var(--bs-success-border-subtle, #a3cfbb);--dg-danger: var(--bs-danger, #dc3545);--dg-danger-soft: var(--bs-danger-bg-subtle, #f8d7da);--dg-danger-text: var(--bs-danger-text-emphasis, #58151c);--dg-danger-border-subtle: var(--bs-danger-border-subtle, #f1aeb5);--dg-warning-soft: var(--bs-warning-bg-subtle, #fff3cd);--dg-warning-border: var(--bs-warning-border-subtle, #ffe69c);--dg-warning-text: var(--bs-warning-text-emphasis, #664d03);--dg-filter-multi-icon: var(--bs-success, #198754);--dg-filter-multi-icon-soft: var(--bs-success-bg-subtle, #d1e7dd);--dg-neutral-pill-bg: var(--bs-secondary-bg, #e9ecef);--dg-locked-bg: var(--bs-tertiary-bg, #f8f9fa);--dg-row-selected-bg: var(--bs-primary-bg-subtle, #cfe2ff);--dg-row-hover-bg: var(--bs-tertiary-bg, #f8f9fa);--dg-row-odd-bg: transparent;--dg-row-even-bg: transparent;--dg-detail-row-bg: var(--bs-primary-bg-subtle, #cfe2ff);--dg-search-highlight-bg: var(--bs-warning-bg-subtle, #fff3cd);--dg-sticky-border: var(--bs-warning-border-subtle, #ffe69c);--dg-sticky-badge-bg: var(--bs-warning-bg-subtle, #fff3cd);--dg-sticky-badge-text: var(--bs-warning-text-emphasis, #664d03);--dg-dropdown-item-active-bg: var(--bs-primary-bg-subtle, #cfe2ff);--dg-dropdown-item-active-color: var(--bs-primary, #0d6efd);--dg-focus-ring: var(--bs-focus-ring-color, var(--bs-primary, #0d6efd));--dg-focus-border: rgba(var(--bs-primary-rgb, 13, 110, 253), .45);--dg-focus-shadow: 0 0 0 .25rem rgba(var(--bs-primary-rgb, 13, 110, 253), var(--bs-focus-ring-opacity, .25));--dg-pin-shadow-start: 1px 0 0 var(--bs-border-color-translucent, rgba(0, 0, 0, .08));--dg-pin-shadow-end: -1px 0 0 var(--bs-border-color-translucent, rgba(0, 0, 0, .08));--dg-backdrop: rgba(var(--bs-emphasis-color-rgb, 33, 37, 41), .5);--dg-loading-overlay: color-mix(in srgb, var(--dg-surface) 55%, transparent);--dg-primary-selection-overlay: rgba(var(--bs-primary-rgb, 13, 110, 253), .18);--dg-filter-divider: var(--bs-border-color-translucent, rgba(0, 0, 0, .1));--dg-shadow-sm: var(--bs-box-shadow-sm, 0 .125rem .25rem rgba(0, 0, 0, .075));--dg-shadow-md: var(--bs-box-shadow, 0 .5rem 1rem rgba(0, 0, 0, .15));--dg-radius-lg: var(--bs-border-radius-lg, .5rem);--dg-radius-md: var(--bs-border-radius, .375rem);--dg-radius-sm: var(--bs-border-radius-sm, .25rem);--dg-pager-surface: var(--bs-body-bg, #ffffff);--dg-pager-text: var(--bs-secondary-color, #6c757d);--dg-pager-control-bg: var(--bs-body-bg, #ffffff);--dg-pager-control-hover-bg: var(--bs-tertiary-bg, #f8f9fa);--dg-pager-control-border: var(--bs-border-color, #dee2e6);--dg-pager-link-text: var(--bs-primary, #0d6efd);--dg-pager-active-bg: var(--bs-primary, #0d6efd);--dg-pager-active-border: var(--bs-primary, #0d6efd);--dg-pager-active-text: var(--bs-btn-color, #fff);--dg-pager-select-icon: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e\")}.ngb-grid[data-theme=bootstrap-main],.ngb-datagrid-floating-panel[data-theme=bootstrap-main]{--dg-surface: var(--bs-body-bg, #ffffff);--dg-surface-muted: var(--bs-tertiary-bg, #f8f9fa);--dg-surface-subtle: var(--bs-secondary-bg, #e9ecef);--dg-surface-config: var(--bs-primary-bg-subtle, #cfe2ff);--dg-surface-filter-row: var(--bs-warning-bg-subtle, #fff3cd);--dg-surface-sticky-row: var(--bs-warning-bg-subtle, #fff3cd);--dg-border: var(--bs-border-color, #dee2e6);--dg-border-strong: var(--bs-border-color-translucent, #ced4da);--dg-text: var(--bs-body-color, #212529);--dg-text-muted: var(--bs-secondary-color, #6c757d);--dg-text-subtle: var(--bs-tertiary-color, #6c757d);--dg-primary: var(--bs-primary, #0d6efd);--dg-primary-hover: var(--bs-link-hover-color, #0a58ca);--dg-primary-active: var(--bs-link-hover-color, #0a58ca);--dg-primary-soft: var(--bs-primary-bg-subtle, #cfe2ff);--dg-primary-border-subtle: var(--bs-primary-border-subtle, #9ec5fe);--dg-accent: var(--bs-primary, #0d6efd);--dg-on-primary: var(--bs-btn-color, #fff);--dg-placeholder: var(--bs-secondary-color, #6c757d);--dg-success: var(--bs-success, #198754);--dg-success-soft: var(--bs-success-bg-subtle, #d1e7dd);--dg-success-text: var(--bs-success-text-emphasis, #0a3622);--dg-success-border-subtle: var(--bs-success-border-subtle, #a3cfbb);--dg-danger: var(--bs-danger, #dc3545);--dg-danger-soft: var(--bs-danger-bg-subtle, #f8d7da);--dg-danger-text: var(--bs-danger-text-emphasis, #58151c);--dg-danger-border-subtle: var(--bs-danger-border-subtle, #f1aeb5);--dg-warning-soft: var(--bs-warning-bg-subtle, #fff3cd);--dg-warning-border: var(--bs-warning-border-subtle, #ffe69c);--dg-warning-text: var(--bs-warning-text-emphasis, #664d03);--dg-filter-multi-icon: var(--bs-success, #198754);--dg-filter-multi-icon-soft: var(--bs-success-bg-subtle, #d1e7dd);--dg-neutral-pill-bg: var(--bs-secondary-bg, #e9ecef);--dg-locked-bg: var(--bs-tertiary-bg, #f8f9fa);--dg-row-selected-bg: var(--bs-primary-bg-subtle, #cfe2ff);--dg-row-hover-bg: var(--bs-tertiary-bg, #f8f9fa);--dg-row-odd-bg: transparent;--dg-row-even-bg: transparent;--dg-detail-row-bg: var(--bs-primary-bg-subtle, #cfe2ff);--dg-search-highlight-bg: var(--bs-warning-bg-subtle, #fff3cd);--dg-sticky-border: var(--bs-warning-border-subtle, #ffe69c);--dg-sticky-badge-bg: var(--bs-warning-bg-subtle, #fff3cd);--dg-sticky-badge-text: var(--bs-warning-text-emphasis, #664d03);--dg-dropdown-item-active-bg: var(--bs-primary-bg-subtle, #cfe2ff);--dg-dropdown-item-active-color: var(--bs-primary, #0d6efd);--dg-focus-ring: var(--bs-focus-ring-color, var(--bs-primary, #0d6efd));--dg-focus-border: rgba(var(--bs-primary-rgb, 13, 110, 253), .45);--dg-focus-shadow: 0 0 0 .25rem rgba(var(--bs-primary-rgb, 13, 110, 253), var(--bs-focus-ring-opacity, .25));--dg-pin-shadow-start: 1px 0 0 var(--bs-border-color-translucent, rgba(0, 0, 0, .08));--dg-pin-shadow-end: -1px 0 0 var(--bs-border-color-translucent, rgba(0, 0, 0, .08));--dg-backdrop: rgba(var(--bs-emphasis-color-rgb, 33, 37, 41), .5);--dg-loading-overlay: color-mix(in srgb, var(--dg-surface) 55%, transparent);--dg-primary-selection-overlay: rgba(var(--bs-primary-rgb, 13, 110, 253), .18);--dg-filter-divider: var(--bs-border-color-translucent, rgba(0, 0, 0, .1));--dg-shadow-sm: var(--bs-box-shadow-sm, 0 .125rem .25rem rgba(0, 0, 0, .075));--dg-shadow-md: var(--bs-box-shadow, 0 .5rem 1rem rgba(0, 0, 0, .15));--dg-radius-lg: var(--bs-border-radius-lg, .5rem);--dg-radius-md: var(--bs-border-radius, .375rem);--dg-radius-sm: var(--bs-border-radius-sm, .25rem);--dg-pager-surface: var(--bs-body-bg, #ffffff);--dg-pager-text: var(--bs-secondary-color, #6c757d);--dg-pager-control-bg: var(--bs-body-bg, #ffffff);--dg-pager-control-hover-bg: var(--bs-tertiary-bg, #f8f9fa);--dg-pager-control-border: var(--bs-border-color, #dee2e6);--dg-pager-link-text: var(--bs-primary, #0d6efd);--dg-pager-active-bg: var(--bs-primary, #0d6efd);--dg-pager-active-border: var(--bs-primary, #0d6efd);--dg-pager-active-text: var(--bs-btn-color, #fff);--dg-pager-select-icon: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e\");--dg-surface: #f8fbff;--dg-surface-muted: #eaf3ff;--dg-surface-subtle: #d9eaff;--dg-surface-config: #e0efff;--dg-border: #bfd7f4;--dg-border-strong: #7fb0e3;--dg-text: #172554;--dg-text-muted: #45617f;--dg-primary: #1769e0;--dg-primary-hover: #0f56bd;--dg-primary-active: #0b438f;--dg-primary-soft: #dbeafe;--dg-primary-border-subtle: #93c5fd;--dg-accent: #0f766e;--dg-row-selected-bg: #dcecff;--dg-row-hover-bg: #eef6ff;--dg-detail-row-bg: #edf6ff;--dg-dropdown-item-active-bg: #dcecff;--dg-dropdown-item-active-color: #0f56bd;--dg-focus-ring: #1769e0;--dg-focus-border: rgba(23, 105, 224, .48);--dg-focus-shadow: 0 0 0 .2rem rgba(23, 105, 224, .16)}.ngb-grid[data-theme=bootstrap-main-dark],.ngb-datagrid-floating-panel[data-theme=bootstrap-main-dark]{--dg-surface: var(--bs-body-bg, #ffffff);--dg-surface-muted: var(--bs-tertiary-bg, #f8f9fa);--dg-surface-subtle: var(--bs-secondary-bg, #e9ecef);--dg-surface-config: var(--bs-primary-bg-subtle, #cfe2ff);--dg-surface-filter-row: var(--bs-warning-bg-subtle, #fff3cd);--dg-surface-sticky-row: var(--bs-warning-bg-subtle, #fff3cd);--dg-border: var(--bs-border-color, #dee2e6);--dg-border-strong: var(--bs-border-color-translucent, #ced4da);--dg-text: var(--bs-body-color, #212529);--dg-text-muted: var(--bs-secondary-color, #6c757d);--dg-text-subtle: var(--bs-tertiary-color, #6c757d);--dg-primary: var(--bs-primary, #0d6efd);--dg-primary-hover: var(--bs-link-hover-color, #0a58ca);--dg-primary-active: var(--bs-link-hover-color, #0a58ca);--dg-primary-soft: var(--bs-primary-bg-subtle, #cfe2ff);--dg-primary-border-subtle: var(--bs-primary-border-subtle, #9ec5fe);--dg-accent: var(--bs-primary, #0d6efd);--dg-on-primary: var(--bs-btn-color, #fff);--dg-placeholder: var(--bs-secondary-color, #6c757d);--dg-success: var(--bs-success, #198754);--dg-success-soft: var(--bs-success-bg-subtle, #d1e7dd);--dg-success-text: var(--bs-success-text-emphasis, #0a3622);--dg-success-border-subtle: var(--bs-success-border-subtle, #a3cfbb);--dg-danger: var(--bs-danger, #dc3545);--dg-danger-soft: var(--bs-danger-bg-subtle, #f8d7da);--dg-danger-text: var(--bs-danger-text-emphasis, #58151c);--dg-danger-border-subtle: var(--bs-danger-border-subtle, #f1aeb5);--dg-warning-soft: var(--bs-warning-bg-subtle, #fff3cd);--dg-warning-border: var(--bs-warning-border-subtle, #ffe69c);--dg-warning-text: var(--bs-warning-text-emphasis, #664d03);--dg-filter-multi-icon: var(--bs-success, #198754);--dg-filter-multi-icon-soft: var(--bs-success-bg-subtle, #d1e7dd);--dg-neutral-pill-bg: var(--bs-secondary-bg, #e9ecef);--dg-locked-bg: var(--bs-tertiary-bg, #f8f9fa);--dg-row-selected-bg: var(--bs-primary-bg-subtle, #cfe2ff);--dg-row-hover-bg: var(--bs-tertiary-bg, #f8f9fa);--dg-row-odd-bg: transparent;--dg-row-even-bg: transparent;--dg-detail-row-bg: var(--bs-primary-bg-subtle, #cfe2ff);--dg-search-highlight-bg: var(--bs-warning-bg-subtle, #fff3cd);--dg-sticky-border: var(--bs-warning-border-subtle, #ffe69c);--dg-sticky-badge-bg: var(--bs-warning-bg-subtle, #fff3cd);--dg-sticky-badge-text: var(--bs-warning-text-emphasis, #664d03);--dg-dropdown-item-active-bg: var(--bs-primary-bg-subtle, #cfe2ff);--dg-dropdown-item-active-color: var(--bs-primary, #0d6efd);--dg-focus-ring: var(--bs-focus-ring-color, var(--bs-primary, #0d6efd));--dg-focus-border: rgba(var(--bs-primary-rgb, 13, 110, 253), .45);--dg-focus-shadow: 0 0 0 .25rem rgba(var(--bs-primary-rgb, 13, 110, 253), var(--bs-focus-ring-opacity, .25));--dg-pin-shadow-start: 1px 0 0 var(--bs-border-color-translucent, rgba(0, 0, 0, .08));--dg-pin-shadow-end: -1px 0 0 var(--bs-border-color-translucent, rgba(0, 0, 0, .08));--dg-backdrop: rgba(var(--bs-emphasis-color-rgb, 33, 37, 41), .5);--dg-loading-overlay: color-mix(in srgb, var(--dg-surface) 55%, transparent);--dg-primary-selection-overlay: rgba(var(--bs-primary-rgb, 13, 110, 253), .18);--dg-filter-divider: var(--bs-border-color-translucent, rgba(0, 0, 0, .1));--dg-shadow-sm: var(--bs-box-shadow-sm, 0 .125rem .25rem rgba(0, 0, 0, .075));--dg-shadow-md: var(--bs-box-shadow, 0 .5rem 1rem rgba(0, 0, 0, .15));--dg-radius-lg: var(--bs-border-radius-lg, .5rem);--dg-radius-md: var(--bs-border-radius, .375rem);--dg-radius-sm: var(--bs-border-radius-sm, .25rem);--dg-pager-surface: var(--bs-body-bg, #ffffff);--dg-pager-text: var(--bs-secondary-color, #6c757d);--dg-pager-control-bg: var(--bs-body-bg, #ffffff);--dg-pager-control-hover-bg: var(--bs-tertiary-bg, #f8f9fa);--dg-pager-control-border: var(--bs-border-color, #dee2e6);--dg-pager-link-text: var(--bs-primary, #0d6efd);--dg-pager-active-bg: var(--bs-primary, #0d6efd);--dg-pager-active-border: var(--bs-primary, #0d6efd);--dg-pager-active-text: var(--bs-btn-color, #fff);--dg-pager-select-icon: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e\");--dg-surface: #172033;--dg-surface-muted: #202b42;--dg-surface-subtle: #273653;--dg-surface-config: #172a4f;--dg-surface-filter-row: #2c2714;--dg-surface-sticky-row: #2e2810;--dg-border: #33425f;--dg-border-strong: #4a5d80;--dg-text: #edf2ff;--dg-text-muted: #b8c3d9;--dg-text-subtle: #93a2bd;--dg-primary: #38bdf8;--dg-primary-hover: #7dd3fc;--dg-primary-active: #bae6fd;--dg-primary-soft: #12344f;--dg-primary-border-subtle: #0284c7;--dg-accent: #38bdf8;--dg-on-primary: #ffffff;--dg-placeholder: #93a2bd;--dg-locked-bg: #1e2a40;--dg-row-selected-bg: #153a67;--dg-row-hover-bg: #22304a;--dg-row-odd-bg: #172033;--dg-row-even-bg: #1b263a;--dg-detail-row-bg: #182d4c;--dg-dropdown-item-active-bg: #183b70;--dg-dropdown-item-active-color: #bfdbfe;--dg-focus-ring: #60a5fa;--dg-focus-border: rgba(96, 165, 250, .6);--dg-focus-shadow: 0 0 0 .2rem rgba(96, 165, 250, .2);--dg-shadow-sm: 0 1px 2px rgba(0, 0, 0, .35);--dg-shadow-md: 0 14px 32px rgba(0, 0, 0, .36);--dg-pager-surface: #111827;--dg-pager-text: #dbeafe;--dg-pager-control-bg: #172033;--dg-pager-control-hover-bg: #22304a;--dg-pager-control-border: #4a5d80;--dg-pager-link-text: #dbeafe;--dg-pager-active-bg: #38bdf8;--dg-pager-active-border: #38bdf8;--dg-pager-active-text: #0f172a;--dg-pager-select-icon: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e\")}.ngb-grid[data-theme=bootstrap-nordic],.ngb-datagrid-floating-panel[data-theme=bootstrap-nordic]{--dg-surface: var(--bs-body-bg, #ffffff);--dg-surface-muted: var(--bs-tertiary-bg, #f8f9fa);--dg-surface-subtle: var(--bs-secondary-bg, #e9ecef);--dg-surface-config: var(--bs-primary-bg-subtle, #cfe2ff);--dg-surface-filter-row: var(--bs-warning-bg-subtle, #fff3cd);--dg-surface-sticky-row: var(--bs-warning-bg-subtle, #fff3cd);--dg-border: var(--bs-border-color, #dee2e6);--dg-border-strong: var(--bs-border-color-translucent, #ced4da);--dg-text: var(--bs-body-color, #212529);--dg-text-muted: var(--bs-secondary-color, #6c757d);--dg-text-subtle: var(--bs-tertiary-color, #6c757d);--dg-primary: var(--bs-primary, #0d6efd);--dg-primary-hover: var(--bs-link-hover-color, #0a58ca);--dg-primary-active: var(--bs-link-hover-color, #0a58ca);--dg-primary-soft: var(--bs-primary-bg-subtle, #cfe2ff);--dg-primary-border-subtle: var(--bs-primary-border-subtle, #9ec5fe);--dg-accent: var(--bs-primary, #0d6efd);--dg-on-primary: var(--bs-btn-color, #fff);--dg-placeholder: var(--bs-secondary-color, #6c757d);--dg-success: var(--bs-success, #198754);--dg-success-soft: var(--bs-success-bg-subtle, #d1e7dd);--dg-success-text: var(--bs-success-text-emphasis, #0a3622);--dg-success-border-subtle: var(--bs-success-border-subtle, #a3cfbb);--dg-danger: var(--bs-danger, #dc3545);--dg-danger-soft: var(--bs-danger-bg-subtle, #f8d7da);--dg-danger-text: var(--bs-danger-text-emphasis, #58151c);--dg-danger-border-subtle: var(--bs-danger-border-subtle, #f1aeb5);--dg-warning-soft: var(--bs-warning-bg-subtle, #fff3cd);--dg-warning-border: var(--bs-warning-border-subtle, #ffe69c);--dg-warning-text: var(--bs-warning-text-emphasis, #664d03);--dg-filter-multi-icon: var(--bs-success, #198754);--dg-filter-multi-icon-soft: var(--bs-success-bg-subtle, #d1e7dd);--dg-neutral-pill-bg: var(--bs-secondary-bg, #e9ecef);--dg-locked-bg: var(--bs-tertiary-bg, #f8f9fa);--dg-row-selected-bg: var(--bs-primary-bg-subtle, #cfe2ff);--dg-row-hover-bg: var(--bs-tertiary-bg, #f8f9fa);--dg-row-even-bg: transparent;--dg-detail-row-bg: var(--bs-primary-bg-subtle, #cfe2ff);--dg-search-highlight-bg: var(--bs-warning-bg-subtle, #fff3cd);--dg-sticky-border: var(--bs-warning-border-subtle, #ffe69c);--dg-sticky-badge-bg: var(--bs-warning-bg-subtle, #fff3cd);--dg-sticky-badge-text: var(--bs-warning-text-emphasis, #664d03);--dg-dropdown-item-active-bg: var(--bs-primary-bg-subtle, #cfe2ff);--dg-dropdown-item-active-color: var(--bs-primary, #0d6efd);--dg-focus-ring: var(--bs-focus-ring-color, var(--bs-primary, #0d6efd));--dg-focus-border: rgba(var(--bs-primary-rgb, 13, 110, 253), .45);--dg-focus-shadow: 0 0 0 .25rem rgba(var(--bs-primary-rgb, 13, 110, 253), var(--bs-focus-ring-opacity, .25));--dg-pin-shadow-start: 1px 0 0 var(--bs-border-color-translucent, rgba(0, 0, 0, .08));--dg-pin-shadow-end: -1px 0 0 var(--bs-border-color-translucent, rgba(0, 0, 0, .08));--dg-backdrop: rgba(var(--bs-emphasis-color-rgb, 33, 37, 41), .5);--dg-loading-overlay: color-mix(in srgb, var(--dg-surface) 55%, transparent);--dg-primary-selection-overlay: rgba(var(--bs-primary-rgb, 13, 110, 253), .18);--dg-filter-divider: var(--bs-border-color-translucent, rgba(0, 0, 0, .1));--dg-shadow-sm: var(--bs-box-shadow-sm, 0 .125rem .25rem rgba(0, 0, 0, .075));--dg-shadow-md: var(--bs-box-shadow, 0 .5rem 1rem rgba(0, 0, 0, .15));--dg-radius-lg: var(--bs-border-radius-lg, .5rem);--dg-radius-md: var(--bs-border-radius, .375rem);--dg-radius-sm: var(--bs-border-radius-sm, .25rem);--dg-pager-surface: var(--bs-body-bg, #ffffff);--dg-pager-text: var(--bs-secondary-color, #6c757d);--dg-pager-control-bg: var(--bs-body-bg, #ffffff);--dg-pager-control-hover-bg: var(--bs-tertiary-bg, #f8f9fa);--dg-pager-control-border: var(--bs-border-color, #dee2e6);--dg-pager-link-text: var(--bs-primary, #0d6efd);--dg-pager-active-bg: var(--bs-primary, #0d6efd);--dg-pager-active-border: var(--bs-primary, #0d6efd);--dg-pager-active-text: var(--bs-btn-color, #fff);--dg-pager-select-icon: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e\");--dg-surface: #ffffff;--dg-surface-muted: #f2f7f8;--dg-surface-subtle: #e6f0f2;--dg-surface-config: #e4f8fb;--dg-surface-filter-row: #fff7ed;--dg-border: #d5e4e7;--dg-border-strong: #a9c8cf;--dg-text: #263243;--dg-text-muted: #64748b;--dg-primary: #0ea5b7;--dg-primary-hover: #0b8798;--dg-primary-active: #0f6b7a;--dg-primary-soft: #d7f5f8;--dg-primary-border-subtle: #9be4ec;--dg-accent: #e85d75;--dg-row-selected-bg: #e7f8fb;--dg-row-hover-bg: #f0fbfd;--dg-row-odd-bg: transparent;--dg-row-even-bg: #fbfeff;--dg-detail-row-bg: #f4fbfc;--dg-dropdown-item-active-bg: #e7f8fb;--dg-dropdown-item-active-color: #0b8798;--dg-focus-ring: #0ea5b7;--dg-focus-border: rgba(14, 165, 183, .45);--dg-focus-shadow: 0 0 0 .2rem rgba(14, 165, 183, .15);--dg-font-size-cell: .88rem;--dg-cell-padding-y: .82rem;--dg-pager-surface: #f8ffff;--dg-pager-text: #526173;--dg-pager-control-bg: #ffffff;--dg-pager-control-hover-bg: #e7f8fb;--dg-pager-control-border: #b9dce2;--dg-pager-link-text: #0b8798;--dg-pager-active-bg: #0ea5b7;--dg-pager-active-border: #0ea5b7;--dg-pager-active-text: #ffffff}.ngb-grid[data-theme=bootstrap-urban],.ngb-datagrid-floating-panel[data-theme=bootstrap-urban]{--dg-surface: var(--bs-body-bg, #ffffff);--dg-surface-muted: var(--bs-tertiary-bg, #f8f9fa);--dg-surface-subtle: var(--bs-secondary-bg, #e9ecef);--dg-surface-config: var(--bs-primary-bg-subtle, #cfe2ff);--dg-surface-filter-row: var(--bs-warning-bg-subtle, #fff3cd);--dg-surface-sticky-row: var(--bs-warning-bg-subtle, #fff3cd);--dg-border: var(--bs-border-color, #dee2e6);--dg-border-strong: var(--bs-border-color-translucent, #ced4da);--dg-text: var(--bs-body-color, #212529);--dg-text-muted: var(--bs-secondary-color, #6c757d);--dg-text-subtle: var(--bs-tertiary-color, #6c757d);--dg-primary: var(--bs-primary, #0d6efd);--dg-primary-hover: var(--bs-link-hover-color, #0a58ca);--dg-primary-active: var(--bs-link-hover-color, #0a58ca);--dg-primary-soft: var(--bs-primary-bg-subtle, #cfe2ff);--dg-primary-border-subtle: var(--bs-primary-border-subtle, #9ec5fe);--dg-accent: var(--bs-primary, #0d6efd);--dg-on-primary: var(--bs-btn-color, #fff);--dg-placeholder: var(--bs-secondary-color, #6c757d);--dg-success: var(--bs-success, #198754);--dg-success-soft: var(--bs-success-bg-subtle, #d1e7dd);--dg-success-text: var(--bs-success-text-emphasis, #0a3622);--dg-success-border-subtle: var(--bs-success-border-subtle, #a3cfbb);--dg-danger: var(--bs-danger, #dc3545);--dg-danger-soft: var(--bs-danger-bg-subtle, #f8d7da);--dg-danger-text: var(--bs-danger-text-emphasis, #58151c);--dg-danger-border-subtle: var(--bs-danger-border-subtle, #f1aeb5);--dg-warning-soft: var(--bs-warning-bg-subtle, #fff3cd);--dg-warning-border: var(--bs-warning-border-subtle, #ffe69c);--dg-warning-text: var(--bs-warning-text-emphasis, #664d03);--dg-filter-multi-icon: var(--bs-success, #198754);--dg-filter-multi-icon-soft: var(--bs-success-bg-subtle, #d1e7dd);--dg-neutral-pill-bg: var(--bs-secondary-bg, #e9ecef);--dg-locked-bg: var(--bs-tertiary-bg, #f8f9fa);--dg-row-selected-bg: var(--bs-primary-bg-subtle, #cfe2ff);--dg-row-hover-bg: var(--bs-tertiary-bg, #f8f9fa);--dg-detail-row-bg: var(--bs-primary-bg-subtle, #cfe2ff);--dg-search-highlight-bg: var(--bs-warning-bg-subtle, #fff3cd);--dg-sticky-border: var(--bs-warning-border-subtle, #ffe69c);--dg-sticky-badge-bg: var(--bs-warning-bg-subtle, #fff3cd);--dg-sticky-badge-text: var(--bs-warning-text-emphasis, #664d03);--dg-dropdown-item-active-bg: var(--bs-primary-bg-subtle, #cfe2ff);--dg-dropdown-item-active-color: var(--bs-primary, #0d6efd);--dg-focus-ring: var(--bs-focus-ring-color, var(--bs-primary, #0d6efd));--dg-focus-border: rgba(var(--bs-primary-rgb, 13, 110, 253), .45);--dg-focus-shadow: 0 0 0 .25rem rgba(var(--bs-primary-rgb, 13, 110, 253), var(--bs-focus-ring-opacity, .25));--dg-pin-shadow-start: 1px 0 0 var(--bs-border-color-translucent, rgba(0, 0, 0, .08));--dg-pin-shadow-end: -1px 0 0 var(--bs-border-color-translucent, rgba(0, 0, 0, .08));--dg-backdrop: rgba(var(--bs-emphasis-color-rgb, 33, 37, 41), .5);--dg-loading-overlay: color-mix(in srgb, var(--dg-surface) 55%, transparent);--dg-primary-selection-overlay: rgba(var(--bs-primary-rgb, 13, 110, 253), .18);--dg-filter-divider: var(--bs-border-color-translucent, rgba(0, 0, 0, .1));--dg-shadow-sm: var(--bs-box-shadow-sm, 0 .125rem .25rem rgba(0, 0, 0, .075));--dg-shadow-md: var(--bs-box-shadow, 0 .5rem 1rem rgba(0, 0, 0, .15));--dg-radius-lg: var(--bs-border-radius-lg, .5rem);--dg-radius-md: var(--bs-border-radius, .375rem);--dg-radius-sm: var(--bs-border-radius-sm, .25rem);--dg-pager-surface: var(--bs-body-bg, #ffffff);--dg-pager-text: var(--bs-secondary-color, #6c757d);--dg-pager-control-bg: var(--bs-body-bg, #ffffff);--dg-pager-control-hover-bg: var(--bs-tertiary-bg, #f8f9fa);--dg-pager-control-border: var(--bs-border-color, #dee2e6);--dg-pager-link-text: var(--bs-primary, #0d6efd);--dg-pager-active-bg: var(--bs-primary, #0d6efd);--dg-pager-active-border: var(--bs-primary, #0d6efd);--dg-pager-active-text: var(--bs-btn-color, #fff);--dg-pager-select-icon: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e\");--dg-surface: #ffffff;--dg-surface-muted: #f5f8fa;--dg-surface-subtle: #edf4f7;--dg-surface-config: #e8f4f9;--dg-border: #d9e5ea;--dg-border-strong: #adc6d3;--dg-text: #263445;--dg-text-muted: #5f6f84;--dg-primary: #468faf;--dg-primary-hover: #36748f;--dg-primary-active: #285b72;--dg-primary-soft: #e0f0f6;--dg-primary-border-subtle: #b9dbe8;--dg-accent: #ff7f50;--dg-row-selected-bg: #e8f4f9;--dg-row-hover-bg: #fff2eb;--dg-row-odd-bg: transparent;--dg-row-even-bg: transparent;--dg-dropdown-item-active-bg: #e8f4f9;--dg-dropdown-item-active-color: #36748f;--dg-focus-ring: #468faf;--dg-focus-border: rgba(70, 143, 175, .48);--dg-focus-shadow: 0 0 0 .2rem rgba(70, 143, 175, .16);--dg-cell-padding-y: .86rem;--dg-cell-padding-x: .95rem;--dg-pager-surface: #fffaf7;--dg-pager-text: #5f6f84;--dg-pager-control-bg: #ffffff;--dg-pager-control-hover-bg: #fff2eb;--dg-pager-control-border: #d4e1e7;--dg-pager-link-text: #36748f;--dg-pager-active-bg: #468faf;--dg-pager-active-border: #468faf;--dg-pager-active-text: #ffffff}.ngb-grid[data-theme=bootstrap-vintage],.ngb-datagrid-floating-panel[data-theme=bootstrap-vintage]{--dg-surface: var(--bs-body-bg, #ffffff);--dg-surface-muted: var(--bs-tertiary-bg, #f8f9fa);--dg-surface-subtle: var(--bs-secondary-bg, #e9ecef);--dg-surface-config: var(--bs-primary-bg-subtle, #cfe2ff);--dg-surface-filter-row: var(--bs-warning-bg-subtle, #fff3cd);--dg-surface-sticky-row: var(--bs-warning-bg-subtle, #fff3cd);--dg-border: var(--bs-border-color, #dee2e6);--dg-border-strong: var(--bs-border-color-translucent, #ced4da);--dg-text: var(--bs-body-color, #212529);--dg-text-muted: var(--bs-secondary-color, #6c757d);--dg-text-subtle: var(--bs-tertiary-color, #6c757d);--dg-primary: var(--bs-primary, #0d6efd);--dg-primary-hover: var(--bs-link-hover-color, #0a58ca);--dg-primary-active: var(--bs-link-hover-color, #0a58ca);--dg-primary-soft: var(--bs-primary-bg-subtle, #cfe2ff);--dg-primary-border-subtle: var(--bs-primary-border-subtle, #9ec5fe);--dg-accent: var(--bs-primary, #0d6efd);--dg-on-primary: var(--bs-btn-color, #fff);--dg-placeholder: var(--bs-secondary-color, #6c757d);--dg-success: var(--bs-success, #198754);--dg-success-soft: var(--bs-success-bg-subtle, #d1e7dd);--dg-success-text: var(--bs-success-text-emphasis, #0a3622);--dg-success-border-subtle: var(--bs-success-border-subtle, #a3cfbb);--dg-danger: var(--bs-danger, #dc3545);--dg-danger-soft: var(--bs-danger-bg-subtle, #f8d7da);--dg-danger-text: var(--bs-danger-text-emphasis, #58151c);--dg-danger-border-subtle: var(--bs-danger-border-subtle, #f1aeb5);--dg-warning-soft: var(--bs-warning-bg-subtle, #fff3cd);--dg-warning-border: var(--bs-warning-border-subtle, #ffe69c);--dg-warning-text: var(--bs-warning-text-emphasis, #664d03);--dg-filter-multi-icon: var(--bs-success, #198754);--dg-filter-multi-icon-soft: var(--bs-success-bg-subtle, #d1e7dd);--dg-neutral-pill-bg: var(--bs-secondary-bg, #e9ecef);--dg-locked-bg: var(--bs-tertiary-bg, #f8f9fa);--dg-row-selected-bg: var(--bs-primary-bg-subtle, #cfe2ff);--dg-row-hover-bg: var(--bs-tertiary-bg, #f8f9fa);--dg-row-odd-bg: transparent;--dg-row-even-bg: transparent;--dg-detail-row-bg: var(--bs-primary-bg-subtle, #cfe2ff);--dg-search-highlight-bg: var(--bs-warning-bg-subtle, #fff3cd);--dg-sticky-border: var(--bs-warning-border-subtle, #ffe69c);--dg-sticky-badge-bg: var(--bs-warning-bg-subtle, #fff3cd);--dg-sticky-badge-text: var(--bs-warning-text-emphasis, #664d03);--dg-dropdown-item-active-bg: var(--bs-primary-bg-subtle, #cfe2ff);--dg-dropdown-item-active-color: var(--bs-primary, #0d6efd);--dg-focus-ring: var(--bs-focus-ring-color, var(--bs-primary, #0d6efd));--dg-focus-border: rgba(var(--bs-primary-rgb, 13, 110, 253), .45);--dg-focus-shadow: 0 0 0 .25rem rgba(var(--bs-primary-rgb, 13, 110, 253), var(--bs-focus-ring-opacity, .25));--dg-pin-shadow-start: 1px 0 0 var(--bs-border-color-translucent, rgba(0, 0, 0, .08));--dg-pin-shadow-end: -1px 0 0 var(--bs-border-color-translucent, rgba(0, 0, 0, .08));--dg-backdrop: rgba(var(--bs-emphasis-color-rgb, 33, 37, 41), .5);--dg-loading-overlay: color-mix(in srgb, var(--dg-surface) 55%, transparent);--dg-primary-selection-overlay: rgba(var(--bs-primary-rgb, 13, 110, 253), .18);--dg-filter-divider: var(--bs-border-color-translucent, rgba(0, 0, 0, .1));--dg-shadow-sm: var(--bs-box-shadow-sm, 0 .125rem .25rem rgba(0, 0, 0, .075));--dg-shadow-md: var(--bs-box-shadow, 0 .5rem 1rem rgba(0, 0, 0, .15));--dg-radius-lg: var(--bs-border-radius-lg, .5rem);--dg-radius-md: var(--bs-border-radius, .375rem);--dg-radius-sm: var(--bs-border-radius-sm, .25rem);--dg-pager-surface: var(--bs-body-bg, #ffffff);--dg-pager-text: var(--bs-secondary-color, #6c757d);--dg-pager-control-bg: var(--bs-body-bg, #ffffff);--dg-pager-control-hover-bg: var(--bs-tertiary-bg, #f8f9fa);--dg-pager-control-border: var(--bs-border-color, #dee2e6);--dg-pager-link-text: var(--bs-primary, #0d6efd);--dg-pager-active-bg: var(--bs-primary, #0d6efd);--dg-pager-active-border: var(--bs-primary, #0d6efd);--dg-pager-active-text: var(--bs-btn-color, #fff);--dg-pager-select-icon: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e\");--dg-surface: #fffdf8;--dg-surface-muted: #f6f0e7;--dg-surface-subtle: #eee4d8;--dg-surface-config: #f2e7ef;--dg-border: #dfd2c2;--dg-border-strong: #c8b8a5;--dg-text: #3d3440;--dg-text-muted: #766a72;--dg-primary: #7f4f68;--dg-primary-hover: #684057;--dg-primary-active: #523246;--dg-primary-soft: #efdde8;--dg-primary-border-subtle: #d8b9ca;--dg-accent: #88b0b7;--dg-row-selected-bg: #f1e4ec;--dg-row-hover-bg: #fbf1e5;--dg-row-odd-bg: #fffdf8;--dg-row-even-bg: #fbf7ef;--dg-detail-row-bg: #fbf6ef;--dg-dropdown-item-active-bg: #f1e4ec;--dg-dropdown-item-active-color: #684057;--dg-focus-ring: #7f4f68;--dg-focus-border: rgba(127, 79, 104, .5);--dg-focus-shadow: 0 0 0 .2rem rgba(127, 79, 104, .16);--dg-font-size-header: .78rem;--dg-font-size-cell: .86rem;--dg-pager-surface: #fffdf8;--dg-pager-text: #766a72;--dg-pager-control-bg: #fffaf2;--dg-pager-control-hover-bg: #fbf1e5;--dg-pager-control-border: #dfd2c2;--dg-pager-link-text: #684057;--dg-pager-active-bg: #7f4f68;--dg-pager-active-border: #7f4f68;--dg-pager-active-text: #ffffff}.ngb-grid[data-theme=material],.ngb-grid[data-theme=material-main],.ngb-datagrid-floating-panel[data-theme=material],.ngb-datagrid-floating-panel[data-theme=material-main]{--dg-surface: #fffbfe;--dg-surface-muted: #f4eff4;--dg-surface-subtle: #e7e0ec;--dg-surface-config: #eaddff;--dg-border: #cac4d0;--dg-border-strong: #938f99;--dg-text: #1c1b1f;--dg-text-muted: #49454f;--dg-primary: #6750a4;--dg-primary-hover: #59468d;--dg-primary-active: #4f378b;--dg-primary-soft: #eaddff;--dg-primary-border-subtle: #d0bcff;--dg-accent: #7d5260;--dg-row-selected-bg: #eaddff;--dg-row-hover-bg: #f5efff;--dg-row-odd-bg: transparent;--dg-row-even-bg: transparent;--dg-detail-row-bg: #f7f2fa;--dg-dropdown-item-active-bg: #eaddff;--dg-dropdown-item-active-color: #4f378b;--dg-focus-ring: #6750a4;--dg-focus-border: rgba(103, 80, 164, .5);--dg-focus-shadow: 0 0 0 .18rem rgba(103, 80, 164, .16);--dg-radius-lg: .75rem;--dg-radius-md: .65rem;--dg-radius-sm: .5rem;--dg-font-size-header: .78rem;--dg-font-size-cell: .86rem;--dg-cell-padding-y: .8rem;--dg-table-border-width: 0;--dg-pager-control-bg: #fffbfe;--dg-pager-control-hover-bg: #f4eff4;--dg-pager-control-border: #cac4d0}.ngb-grid[data-theme=material-indigo],.ngb-datagrid-floating-panel[data-theme=material-indigo]{--dg-surface: #fffbfe;--dg-surface-muted: #f4eff4;--dg-surface-subtle: #e7e0ec;--dg-surface-config: #eaddff;--dg-border: #cac4d0;--dg-border-strong: #938f99;--dg-text: #1c1b1f;--dg-text-muted: #49454f;--dg-primary: #6750a4;--dg-primary-hover: #59468d;--dg-primary-active: #4f378b;--dg-primary-soft: #eaddff;--dg-primary-border-subtle: #d0bcff;--dg-accent: #7d5260;--dg-row-selected-bg: #eaddff;--dg-row-hover-bg: #f5efff;--dg-row-odd-bg: transparent;--dg-row-even-bg: transparent;--dg-detail-row-bg: #f7f2fa;--dg-dropdown-item-active-bg: #eaddff;--dg-dropdown-item-active-color: #4f378b;--dg-focus-ring: #6750a4;--dg-focus-border: rgba(103, 80, 164, .5);--dg-focus-shadow: 0 0 0 .18rem rgba(103, 80, 164, .16);--dg-radius-lg: .75rem;--dg-radius-md: .65rem;--dg-radius-sm: .5rem;--dg-font-size-header: .78rem;--dg-font-size-cell: .86rem;--dg-cell-padding-y: .8rem;--dg-table-border-width: 0;--dg-pager-control-bg: #fffbfe;--dg-pager-control-hover-bg: #f4eff4;--dg-pager-control-border: #cac4d0;--dg-primary: #3f51b5;--dg-primary-hover: #303f9f;--dg-primary-active: #283593;--dg-primary-soft: #e8eaf6;--dg-primary-border-subtle: #c5cae9;--dg-dropdown-item-active-bg: #e8eaf6;--dg-dropdown-item-active-color: #303f9f;--dg-focus-ring: #3f51b5;--dg-focus-border: rgba(63, 81, 181, .48);--dg-focus-shadow: 0 0 0 .18rem rgba(63, 81, 181, .16);--dg-row-hover-bg: #f0f2ff}.ngb-grid[data-theme=material-deep-purple],.ngb-datagrid-floating-panel[data-theme=material-deep-purple]{--dg-surface: #fffbfe;--dg-surface-muted: #f4eff4;--dg-surface-subtle: #e7e0ec;--dg-surface-config: #eaddff;--dg-border: #cac4d0;--dg-border-strong: #938f99;--dg-text: #1c1b1f;--dg-text-muted: #49454f;--dg-primary: #6750a4;--dg-primary-hover: #59468d;--dg-primary-active: #4f378b;--dg-primary-soft: #eaddff;--dg-primary-border-subtle: #d0bcff;--dg-accent: #7d5260;--dg-row-selected-bg: #eaddff;--dg-row-hover-bg: #f5efff;--dg-row-odd-bg: transparent;--dg-row-even-bg: transparent;--dg-detail-row-bg: #f7f2fa;--dg-dropdown-item-active-bg: #eaddff;--dg-dropdown-item-active-color: #4f378b;--dg-focus-ring: #6750a4;--dg-focus-border: rgba(103, 80, 164, .5);--dg-focus-shadow: 0 0 0 .18rem rgba(103, 80, 164, .16);--dg-radius-lg: .75rem;--dg-radius-md: .65rem;--dg-radius-sm: .5rem;--dg-font-size-header: .78rem;--dg-font-size-cell: .86rem;--dg-cell-padding-y: .8rem;--dg-table-border-width: 0;--dg-pager-control-bg: #fffbfe;--dg-pager-control-hover-bg: #f4eff4;--dg-pager-control-border: #cac4d0;--dg-primary: #7e57c2;--dg-primary-hover: #673ab7;--dg-primary-active: #512da8;--dg-primary-soft: #ede7f6;--dg-primary-border-subtle: #d1c4e9;--dg-accent: #ff7043;--dg-row-selected-bg: #ede7f6;--dg-row-hover-bg: #f5edff;--dg-dropdown-item-active-bg: #ede7f6;--dg-dropdown-item-active-color: #512da8;--dg-focus-ring: #7e57c2;--dg-focus-border: rgba(126, 87, 194, .5);--dg-focus-shadow: 0 0 0 .18rem rgba(126, 87, 194, .16)}.ngb-grid[data-theme=tailwind],.ngb-grid[data-theme=tailwind-main],.ngb-datagrid-floating-panel[data-theme=tailwind],.ngb-datagrid-floating-panel[data-theme=tailwind-main]{--dg-surface: #ffffff;--dg-surface-muted: #f8fafc;--dg-surface-subtle: #f1f5f9;--dg-border: #cbd5e1;--dg-border-strong: #94a3b8;--dg-text: #0f172a;--dg-text-muted: #475569;--dg-primary: #2563eb;--dg-primary-hover: #1d4ed8;--dg-primary-active: #1e40af;--dg-primary-soft: #dbeafe;--dg-primary-border-subtle: #bfdbfe;--dg-dropdown-item-active-bg: #dbeafe;--dg-dropdown-item-active-color: #1d4ed8;--dg-focus-ring: #2563eb;--dg-focus-border: rgba(37, 99, 235, .48);--dg-focus-shadow: 0 0 0 .18rem rgba(37, 99, 235, .16);--dg-row-hover-bg: #eff6ff;--dg-font-size-header: .75rem;--dg-font-size-cell: .85rem;--dg-cell-padding-y: .68rem;--dg-cell-padding-x: .8rem;--dg-table-border-width: 1px;--dg-pager-surface: #ffffff;--dg-pager-text: #475569;--dg-pager-control-bg: #ffffff;--dg-pager-control-hover-bg: #eff6ff;--dg-pager-control-border: #bfdbfe;--dg-pager-link-text: #1d4ed8;--dg-pager-active-bg: #2563eb;--dg-pager-active-border: #2563eb;--dg-pager-active-text: #ffffff}.ngb-grid[data-theme=tailwind-slate],.ngb-datagrid-floating-panel[data-theme=tailwind-slate]{--dg-surface: #f8fafc;--dg-surface-muted: #e2e8f0;--dg-surface-subtle: #cbd5e1;--dg-border: #cbd5e1;--dg-border-strong: #64748b;--dg-text: #0f172a;--dg-text-muted: #475569;--dg-primary: #475569;--dg-primary-hover: #334155;--dg-primary-active: #1e293b;--dg-primary-soft: #e2e8f0;--dg-primary-border-subtle: #94a3b8;--dg-dropdown-item-active-bg: #e2e8f0;--dg-dropdown-item-active-color: #334155;--dg-focus-ring: #475569;--dg-row-hover-bg: #e2e8f0;--dg-row-odd-bg: #f8fafc;--dg-row-even-bg: #f1f5f9;--dg-focus-border: rgba(71, 85, 105, .48);--dg-focus-shadow: 0 0 0 .18rem rgba(71, 85, 105, .16)}.ngb-grid[data-theme=tailwind-emerald],.ngb-datagrid-floating-panel[data-theme=tailwind-emerald]{--dg-surface: #ffffff;--dg-surface-muted: #ecfdf5;--dg-surface-subtle: #d1fae5;--dg-border: #a7f3d0;--dg-border-strong: #34d399;--dg-text: #064e3b;--dg-text-muted: #047857;--dg-primary: #059669;--dg-primary-hover: #047857;--dg-primary-active: #065f46;--dg-primary-soft: #d1fae5;--dg-primary-border-subtle: #6ee7b7;--dg-dropdown-item-active-bg: #d1fae5;--dg-dropdown-item-active-color: #047857;--dg-focus-ring: #059669;--dg-focus-border: rgba(5, 150, 105, .48);--dg-focus-shadow: 0 0 0 .18rem rgba(5, 150, 105, .16)}.ngb-datagrid-floating-panel.grid-filter-menu-popover,.ngb-datagrid-floating-panel.dropdown-menu{position:fixed!important;z-index:1200;display:block;visibility:visible;opacity:1;pointer-events:auto;max-height:min(28rem,100vh - 1.5rem);overflow:auto;margin:0!important;border-radius:var(--dg-radius-md);border:1px solid var(--dg-border);background:var(--dg-surface);box-shadow:var(--dg-shadow-md)}.ngb-datagrid-floating-panel.dropdown-menu{min-width:12rem;padding:.35rem 0}.ngb-datagrid-floating-panel.grid-filter-operator-menu .dropdown-item{display:block;width:100%;padding:.5rem .85rem;border:0;background:transparent;font-size:.8125rem;font-weight:600;color:var(--dg-text);text-align:left}.ngb-datagrid-floating-panel.grid-filter-operator-menu .dropdown-item:hover{background:var(--dg-surface-subtle)}.ngb-datagrid-floating-panel.grid-filter-operator-menu .dropdown-item.active{color:var(--dg-dropdown-item-active-color);background:var(--dg-dropdown-item-active-bg)}.ngb-datagrid-floating-panel.dropdown-menu .dropdown-item{padding:.5rem .85rem;font-size:.8125rem;font-weight:600;color:var(--dg-text)}.ngb-datagrid-floating-panel.dropdown-menu .dropdown-item:hover{background:var(--dg-surface-subtle)}.ngb-datagrid-floating-panel.grid-filter-menu-popover{min-width:18rem;padding:0}.ngb-datagrid-floating-panel .grid-filter-menu-surface{display:block;min-width:18rem;padding:1rem;border-radius:var(--dg-radius-md);background:var(--dg-surface)}.ngb-datagrid-floating-panel .grid-filter-menu-surface__header{margin-bottom:.875rem}.ngb-datagrid-floating-panel .grid-filter-menu-surface__eyebrow{font-size:.75rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--dg-text-muted)}.ngb-datagrid-floating-panel .grid-filter-menu-surface__title{margin-top:.15rem;font-size:.95rem;font-weight:700;color:var(--dg-text)}.ngb-datagrid-floating-panel .grid-filter-stack{display:flex;flex-direction:column;gap:.75rem}.ngb-datagrid-floating-panel .grid-filter-stack__label{font-size:.8125rem;font-weight:600;color:var(--dg-text-muted)}.ngb-datagrid-floating-panel .grid-filter-stack--multi{gap:.65rem}.ngb-datagrid-floating-panel .grid-filter-condition{display:flex;flex-direction:column;gap:.5rem}.ngb-datagrid-floating-panel .grid-filter-operator-select,.ngb-grid .grid-filter-operator-select{width:100%;min-height:var(--dg-control-height);padding:.45rem .65rem;border:1px solid var(--dg-border);border-radius:var(--dg-radius-sm);background:var(--dg-surface);font-size:.875rem;color:var(--dg-text)}.ngb-datagrid-floating-panel .grid-filter-operator-select--compact,.ngb-grid .grid-filter-operator-select--compact{width:auto;min-width:2.25rem;max-width:2.5rem;padding:.35rem .25rem;font-size:0}.ngb-datagrid-floating-panel .grid-filter-logic-select,.ngb-grid .grid-filter-logic-select{display:flex;justify-content:center;margin:.15rem 0}.ngb-datagrid-floating-panel .grid-filter-logic-select select,.ngb-grid .grid-filter-logic-select select{width:auto;min-width:4.5rem;min-height:1.75rem;padding:.2rem 1.5rem .2rem .65rem;border:1px solid var(--dg-border);border-radius:var(--dg-radius-sm);background:var(--dg-surface);font-size:.8125rem;font-weight:600;color:var(--dg-text);text-align:center}.ngb-datagrid-floating-panel .grid-filter-menu-surface__actions--split,.ngb-grid .grid-filter-menu-surface__actions--split{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.ngb-datagrid-floating-panel .grid-filter-apply--secondary,.ngb-datagrid-floating-panel .grid-filter-cancel--secondary,.ngb-grid .grid-filter-apply--secondary,.ngb-grid .grid-filter-cancel--secondary{width:100%;border:1px solid var(--dg-border-strong);background:var(--dg-surface-muted);color:var(--dg-text);font-weight:600}.ngb-datagrid-floating-panel .grid-filter-apply--secondary:hover,.ngb-datagrid-floating-panel .grid-filter-cancel--secondary:hover,.ngb-grid .grid-filter-apply--secondary:hover,.ngb-grid .grid-filter-cancel--secondary:hover{background:var(--dg-surface-subtle)}.ngb-datagrid-floating-panel .grid-filter-multi-panel,.ngb-grid .grid-filter-multi-panel{display:flex;flex-direction:column;gap:.5rem;min-width:16.5rem}.ngb-datagrid-floating-panel .grid-filter-join-select,.ngb-grid .grid-filter-join-select{display:inline-block;width:fit-content;max-width:100%;margin:.1rem 0}.ngb-datagrid-floating-panel .grid-filter-join-select__control,.ngb-grid .grid-filter-join-select__control{width:100%;min-height:1.75rem;padding:.2rem 1.25rem .2rem .5rem;border:1px solid var(--dg-border);border-radius:var(--dg-radius-sm);background:var(--dg-surface);font-size:.8125rem;font-weight:600;text-align:left}.ngb-datagrid-floating-panel .grid-filter-field{position:relative;width:100%;min-width:0}.ngb-datagrid-floating-panel .grid-filter-field--with-icon .grid-filter-control,.ngb-datagrid-floating-panel .grid-filter-field--with-icon .grid-filter-value-input{padding-right:2.25rem}.ngb-datagrid-floating-panel .grid-filter-field__icon{position:absolute;right:.8rem;top:50%;transform:translateY(-50%);color:var(--dg-placeholder);pointer-events:none}.ngb-datagrid-floating-panel .grid-filter-control,.ngb-datagrid-floating-panel .grid-filter-value-input,.ngb-datagrid-floating-panel .grid-filter-value-select,.ngb-grid .grid-filter-value-input,.ngb-grid .grid-filter-value-select{width:100%;min-height:var(--dg-control-height);padding:.45rem .65rem;border:1px solid var(--dg-border);border-radius:var(--dg-radius-sm);background:var(--dg-surface);color:var(--dg-text);font-size:.875rem}.ngb-datagrid-floating-panel .grid-filter-apply--secondary:disabled,.ngb-datagrid-floating-panel .grid-filter-cancel--secondary:disabled,.ngb-grid .grid-filter-apply--secondary:disabled,.ngb-grid .grid-filter-cancel--secondary:disabled{opacity:.45;cursor:not-allowed}.ngb-datagrid-floating-panel .grid-filter-condition__join{margin:.15rem 0;font-size:.75rem;font-weight:700;color:var(--dg-text-muted);text-align:center}.ngb-datagrid-floating-panel .grid-filter-stack__footer{display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex-wrap:wrap}.ngb-datagrid-floating-panel .grid-filter-operator__button{padding:.55rem .8rem;font-size:.8125rem;font-weight:600;color:var(--dg-text-muted);border:1px solid var(--dg-border);border-radius:var(--dg-radius-sm);background:var(--dg-surface)}.ngb-datagrid-floating-panel .grid-filter-clear,.ngb-datagrid-floating-panel .grid-filter-apply,.ngb-datagrid-floating-panel .grid-filter-cancel{padding:.5rem .85rem;font-size:.8125rem;font-weight:600;border-radius:var(--dg-radius-sm)}.ngb-datagrid-floating-panel .grid-filter-apply{border:1px solid var(--dg-primary);background:var(--dg-primary);color:var(--dg-on-primary)}.ngb-datagrid-floating-panel .grid-filter-cancel,.ngb-datagrid-floating-panel .grid-filter-clear{border:1px solid var(--dg-border-strong);background:var(--dg-surface);color:var(--dg-text)}.ngb-datagrid-floating-panel .grid-filter-menu-surface__actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--dg-border)}.ngb-datagrid-floating-panel .grid-filter-menu-surface__multi{display:flex;flex-direction:column;gap:.5rem;width:100%;min-width:16rem}.ngb-datagrid-floating-panel .grid-filter-menu-surface__search{border:1px solid var(--dg-border);border-radius:var(--dg-radius-md);min-height:2rem;padding:.4rem .65rem;font-size:.8125rem;width:100%}.ngb-datagrid-floating-panel .grid-multi-filter-list{max-height:11.5rem;overflow:auto;border-top:1px solid var(--dg-border);border-bottom:1px solid var(--dg-border)}.ngb-datagrid-floating-panel .grid-multi-filter-option{display:flex;align-items:center;justify-content:space-between;gap:.75rem;width:100%;padding:.45rem .75rem;font-size:.8125rem;font-weight:600;color:var(--dg-text);cursor:pointer}.ngb-datagrid-floating-panel .grid-multi-filter-option__main{display:flex;align-items:center;gap:.5rem}.ngb-datagrid-floating-panel .grid-filter-menu-surface__actions--multi{justify-content:space-between}.ngb-datagrid-floating-panel[data-theme=bootstrap].dropdown-menu .dropdown-item{font-weight:400}.ngb-datagrid-floating-panel[data-theme=bootstrap] .grid-filter-operator-select,.ngb-datagrid-floating-panel[data-theme=bootstrap] .grid-filter-value-input,.ngb-datagrid-floating-panel[data-theme=bootstrap] .grid-filter-value-select,.ngb-datagrid-floating-panel[data-theme=bootstrap] .grid-filter-menu-surface__search,.ngb-datagrid-floating-panel[data-theme=bootstrap] .grid-filter-join-select__control{border-radius:var(--bs-border-radius, var(--dg-radius-sm))}ngb-datagrid{display:block}.ngb-grid{color:var(--dg-text)}.ngb-grid .table{margin-bottom:0}.ngb-grid .datagrid-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.ngb-grid .datagrid-toolbar__search{flex:1 1 20rem;min-width:16rem}.ngb-grid .datagrid-toolbar__search-label{display:block;margin-bottom:.35rem;font-size:.875rem;font-weight:500;color:var(--dg-text-muted)}.ngb-grid .datagrid-toolbar__search-shell{display:flex;align-items:center;gap:.625rem;min-height:calc(var(--dg-control-height) + 4px);padding:0 .875rem;border:1px solid var(--dg-border);border-radius:999px;background:var(--dg-surface);box-shadow:var(--dg-shadow-sm)}.ngb-grid .datagrid-toolbar__search-icon{color:var(--dg-text-muted)}.ngb-grid .datagrid-toolbar__search-input{flex:1 1 auto;width:100%;min-width:0;border:0;background:transparent;color:var(--dg-text);outline:none;font-size:.95rem;padding:.625rem 0}.ngb-grid .datagrid-toolbar__search-input::placeholder{color:var(--dg-placeholder)}.ngb-grid .datagrid-toolbar__actions{display:flex;align-items:center;justify-content:flex-end;gap:.625rem;flex-wrap:wrap}.ngb-grid .datagrid-toolbar__button,.ngb-grid .grid-row-action,.ngb-grid .grid-filter-apply,.ngb-grid .grid-filter-clear,.ngb-grid .grid-filter-cancel,.ngb-grid .grid-filter-operator__button,.ngb-grid .grid-filter-menu-trigger,.ngb-grid .grid-detail-toggle{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:var(--dg-control-height);border-radius:var(--dg-radius-md);border:1px solid var(--dg-border);background:var(--dg-surface);color:var(--dg-text);box-shadow:none;font:inherit;text-decoration:none;transition:background-color .12s ease,border-color .12s ease,color .12s ease,box-shadow .12s ease}.ngb-grid .datagrid-toolbar__button:hover,.ngb-grid .grid-row-action:hover,.ngb-grid .grid-filter-apply:hover,.ngb-grid .grid-filter-clear:hover,.ngb-grid .grid-filter-cancel:hover,.ngb-grid .grid-filter-operator__button:hover,.ngb-grid .grid-filter-menu-trigger:hover,.ngb-grid .grid-detail-toggle:hover{border-color:var(--dg-border-strong);background:var(--dg-surface-subtle);color:var(--dg-text);text-decoration:none}.ngb-grid .datagrid-toolbar__button:focus-visible,.ngb-grid .grid-row-action:focus-visible,.ngb-grid .grid-filter-apply:focus-visible,.ngb-grid .grid-filter-clear:focus-visible,.ngb-grid .grid-filter-cancel:focus-visible,.ngb-grid .grid-filter-operator__button:focus-visible,.ngb-grid .grid-filter-menu-trigger:focus-visible,.ngb-grid .grid-detail-toggle:focus-visible,.ngb-grid .grid-sort-button:focus-visible,.ngb-grid .grid-edit-control:focus-visible,.ngb-grid .grid-filter-control:focus-visible,.ngb-grid .datagrid-toolbar__search-input:focus-visible{outline:none;border-color:var(--dg-focus-border);box-shadow:var(--dg-focus-shadow)}.ngb-grid .datagrid-toolbar__button{padding:.625rem 1rem;font-size:.875rem;font-weight:400}.ngb-grid .datagrid-toolbar__button--primary{border-color:var(--dg-primary);background:var(--dg-primary);color:var(--dg-on-primary)}.ngb-grid .datagrid-toolbar__button--primary:hover{background:var(--dg-primary-hover);border-color:var(--dg-primary-hover);color:var(--dg-on-primary)}.ngb-grid .datagrid-toolbar__button--secondary{background:var(--dg-surface);color:var(--dg-text)}.ngb-grid .table-wrapper{position:relative;overflow-x:hidden;overflow-y:clip;border:var(--dg-table-border-width) solid var(--dg-border);border-radius:var(--dg-radius-lg);background:var(--dg-surface);box-shadow:var(--dg-shadow-sm);isolation:isolate}.ngb-grid .table-body-scroll{max-height:24rem;overflow-y:auto;overflow-x:auto;border-top:1px solid var(--dg-border);border-bottom:1px solid var(--dg-border);scrollbar-gutter:stable both-edges;position:relative;z-index:0}.ngb-grid .grid-table{width:max-content;min-width:100%;table-layout:fixed;margin:0;border-collapse:separate;border-spacing:0}.ngb-grid.ngb-grid--resizable .grid-table{min-width:0;width:max-content}.ngb-grid.ngb-grid--resizable .grid-table th,.ngb-grid.ngb-grid--resizable .grid-table td{box-sizing:border-box}.ngb-grid .grid-header-shell{position:relative;z-index:20;overflow:hidden}.ngb-grid .grid-header{position:relative;z-index:20;overflow:visible}.ngb-grid .grid-header thead tr:first-child th:first-child{border-top-left-radius:var(--dg-radius-lg)}.ngb-grid .grid-header thead tr:first-child th:last-child{border-top-right-radius:var(--dg-radius-lg)}.ngb-grid .grid-header thead th{background:var(--dg-surface-muted);border-bottom:var(--dg-table-border-width) solid var(--dg-border);color:var(--dg-text);font-size:var(--dg-font-size-header);font-weight:600;text-transform:none;letter-spacing:.01em;overflow:visible}.ngb-grid .grid-table th,.ngb-grid .grid-table td{vertical-align:middle;border-bottom:var(--dg-table-border-width) solid var(--dg-border);padding:var(--dg-cell-padding-y) var(--dg-cell-padding-x);font-size:var(--dg-font-size-cell)}.ngb-grid .grid-table th{padding:var(--dg-header-padding-y) var(--dg-header-padding-x)}.ngb-grid .grid-table td{background:var(--dg-surface);color:var(--dg-text);font-weight:400}.ngb-grid .grid-table th{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ngb-grid .grid-header .grid-table th{overflow:visible}.ngb-grid .grid-header thead tr:first-child th.grid-header__column--resizable{position:relative}.ngb-grid .grid-column-resize-handle{position:absolute;top:0;right:0;width:.45rem;height:100%;cursor:col-resize;touch-action:none;-webkit-user-select:none;user-select:none;z-index:3}.ngb-grid .grid-column-resize-handle:after{content:\"\";position:absolute;top:.35rem;bottom:.35rem;right:.1rem;width:2px;border-radius:1px;background:var(--dg-border-strong);opacity:0;transition:opacity .15s ease}.ngb-grid .grid-header__column--resizable:hover .grid-column-resize-handle:after,.ngb-grid .grid-column-resize-handle:focus-visible:after{opacity:1}body.ngb-datagrid-column-resizing{cursor:col-resize!important;-webkit-user-select:none;user-select:none}.ngb-grid.ngb-grid--column-reorderable .grid-header thead tr:first-child th.grid-header__column--reorderable{position:relative}.ngb-grid .grid-column-reorder-handle{flex:0 0 auto;margin-right:.15rem;padding:0 .1rem;color:var(--dg-text-muted);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;opacity:.55;line-height:1}.ngb-grid .grid-header__column--reorderable:hover .grid-column-reorder-handle,.ngb-grid .grid-column-reorder-handle:focus-visible{opacity:1}.ngb-grid .grid-header__column--drag-over{background:color-mix(in srgb,var(--dg-accent) 12%,transparent);box-shadow:inset 0 -2px 0 var(--dg-accent)}.ngb-grid .grid-header__cell{display:flex;align-items:center;justify-content:space-between;gap:.625rem;width:100%;overflow:visible}.ngb-grid .grid-sort-button{display:inline-flex;align-items:center;justify-content:space-between;gap:.5rem;width:100%;padding:0;border:0;background:transparent;color:inherit;text-align:left}.ngb-grid .grid-sort-button__label{min-width:0;overflow:hidden;text-overflow:ellipsis}.ngb-grid .grid-sort-button__indicator{flex:0 0 auto;font-size:.8rem;color:var(--dg-placeholder)}.ngb-grid .grid-sort-button__indicator--active{color:var(--dg-primary)}.ngb-grid .grid-filter-menu-host{position:relative;display:inline-flex;flex:0 0 auto;z-index:30}.ngb-grid .grid-filter-menu-popover:not(.ngb-datagrid-floating-panel){position:absolute;top:calc(100% + .5rem);right:0;z-index:120}.ngb-grid .grid-filter-menu-popover .grid-filter-menu-surface{position:static;top:auto;right:auto}.ngb-grid .grid-filter-menu-trigger{min-width:var(--dg-control-height);width:var(--dg-control-height);height:var(--dg-control-height);padding:0}.ngb-grid .grid-filter-menu-trigger--active,.ngb-grid .filter-menu-active .grid-filter-menu-trigger{border-color:var(--dg-focus-border);background:var(--dg-primary-soft);color:var(--dg-primary)}.ngb-grid .grid-filter-menu-trigger--check .bi{color:var(--dg-placeholder)}.ngb-grid .grid-filter-menu-trigger--check.grid-filter-menu-trigger--active,.ngb-grid .filter-menu-active .grid-filter-menu-trigger--check{border-color:var(--dg-focus-border);background:var(--dg-primary-soft);color:var(--dg-primary)}.ngb-grid .grid-filter-menu-trigger--check.grid-filter-menu-trigger--active .bi,.ngb-grid .filter-menu-active .grid-filter-menu-trigger--check .bi{color:var(--dg-primary)}.ngb-grid .grid-filter-menu-surface{position:absolute;top:calc(100% + .5rem);right:0;min-width:18rem;padding:1rem;border:1px solid var(--dg-border);border-radius:var(--dg-radius-md);background:var(--dg-surface);box-shadow:var(--dg-shadow-md);z-index:120}.ngb-grid .grid-filter-menu-surface__header{margin-bottom:.875rem}.ngb-grid .grid-filter-menu-surface__eyebrow{font-size:.75rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--dg-text-subtle)}.ngb-grid .grid-filter-menu-surface__title{margin-top:.15rem;font-size:.95rem;font-weight:700;color:var(--dg-text)}.ngb-grid .grid-filter-stack{display:flex;flex-direction:column;gap:.75rem}.ngb-grid .grid-filter-stack--multi{gap:.65rem}.ngb-grid .grid-filter-operator-select{width:100%;min-height:var(--dg-control-height);padding:.45rem .65rem;border:1px solid var(--dg-border);border-radius:.375rem;background:var(--dg-surface);font-size:.875rem;color:var(--dg-text)}.ngb-grid .grid-filter-operator-select--compact{width:auto;min-width:2.25rem;max-width:3.5rem;padding:.35rem .25rem;font-size:.6875rem}.ngb-grid .grid-filter-logic-select{display:flex;justify-content:center;margin:.15rem 0}.ngb-grid .grid-filter-logic-select select{width:auto;min-width:4.5rem;min-height:1.75rem;padding:.2rem 1.5rem .2rem .65rem;border:1px solid var(--dg-border);border-radius:.375rem;background:var(--dg-surface);font-size:.8125rem;font-weight:600}.ngb-grid .grid-filter-menu-surface__actions--split{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.ngb-grid .grid-filter-apply--secondary,.ngb-grid .grid-filter-cancel--secondary{width:100%;border:1px solid var(--dg-border-strong);background:var(--dg-surface-muted);color:var(--dg-text);font-weight:600}.ngb-grid .grid-filter-apply--secondary:hover,.ngb-grid .grid-filter-cancel--secondary:hover{background:var(--dg-surface-subtle)}.ngb-grid .grid-filter-multi-panel{display:flex;flex-direction:column;gap:.5rem;min-width:16.5rem}.ngb-grid .grid-filter-join-select{display:inline-block;width:fit-content;max-width:100%;margin:.1rem 0}.ngb-grid .grid-filter-join-select__control{width:100%;min-height:1.75rem;padding:.2rem 1.25rem .2rem .5rem;border:1px solid var(--dg-border);border-radius:.375rem;background:var(--dg-surface);font-size:.8125rem;font-weight:600;text-align:left}.ngb-grid .grid-filter-value-input,.ngb-grid .grid-filter-value-select{width:100%;min-height:var(--dg-control-height);padding:.45rem .65rem;border:1px solid var(--dg-border);border-radius:.375rem;background:var(--dg-surface);font-size:.875rem}.ngb-grid .grid-filter-apply--secondary:disabled,.ngb-grid .grid-filter-cancel--secondary:disabled{opacity:.45;cursor:not-allowed}.ngb-grid .grid-filter-menu-popover .grid-filter-menu-surface:has(.grid-filter-menu-surface__multi){width:16.25rem;max-width:min(16.25rem,92vw);padding:.75rem}.ngb-grid .grid-filter-menu-surface__multi{display:flex;flex-direction:column;gap:.5rem;width:100%}.ngb-grid .grid-filter-menu-surface__multi .grid-filter-menu-surface__search{border-radius:.5rem;min-height:2rem;padding:.4rem .65rem;font-size:.8125rem}.ngb-grid .grid-multi-filter-list{max-height:11.5rem;overflow:auto;margin:0 -.75rem;padding:.15rem 0;border-top:1px solid var(--dg-border);border-bottom:1px solid var(--dg-border)}.ngb-grid .grid-multi-filter-option{display:flex;align-items:center;justify-content:space-between;gap:.75rem;width:100%;padding:.45rem .75rem;font-size:.8125rem;font-weight:600;color:var(--dg-text);cursor:pointer}.ngb-grid .grid-multi-filter-option+.grid-multi-filter-option{border-top:1px solid var(--dg-filter-divider)}.ngb-grid .grid-multi-filter-option--summary{font-weight:700}.ngb-grid .grid-multi-filter-option__main{display:inline-flex;align-items:center;gap:.75rem;min-width:0}.ngb-grid .grid-multi-filter-option__main input{width:1rem;height:1rem;margin:0;accent-color:var(--dg-primary);flex:0 0 auto}.ngb-grid .grid-multi-filter-option__count{font-size:.75rem;font-weight:700;color:var(--dg-text-muted)}.ngb-grid .grid-filter-stack__label{font-size:.8125rem;font-weight:600;color:var(--dg-text-muted)}.ngb-grid .grid-filter-stack__footer,.ngb-grid .grid-filter-menu-surface__actions{display:flex;align-items:center;justify-content:space-between;gap:.625rem}.ngb-grid .grid-filter-inline{display:flex;align-items:center;gap:.45rem;min-width:0;width:100%}.ngb-grid .grid-filter-field{position:relative;min-width:12rem;flex:1 1 auto}.ngb-grid .grid-filter-field--with-icon .grid-filter-control{padding-right:2.25rem}.ngb-grid .grid-filter-field__icon{position:absolute;right:.8rem;top:50%;transform:translateY(-50%);color:var(--dg-placeholder);pointer-events:none}.ngb-grid .grid-filter-control,.ngb-grid .grid-edit-control{width:100%;min-width:0;min-height:var(--dg-control-height);padding:.5rem .75rem;border:1px solid var(--dg-border);border-radius:.3rem;background:var(--dg-surface);color:var(--dg-text);font-size:.875rem}.ngb-grid .grid-edit-checkbox{width:1rem;height:1rem;margin-top:0}.ngb-grid .grid-filter-operator{position:relative;flex:0 0 auto}.ngb-grid .grid-filter-operator__button{padding:.55rem .8rem;font-size:.8125rem;font-weight:600;color:var(--dg-text-muted)}.ngb-grid .grid-filter-operator__button--compact{min-width:var(--dg-control-height);width:var(--dg-control-height);padding:0}.ngb-grid .grid-filter-operator__button--active{border-color:var(--dg-primary);color:var(--dg-primary)}.ngb-grid .grid-filter-operator .dropdown-menu:not(.ngb-datagrid-floating-panel){position:absolute;inset:calc(100% + .35rem) 0 auto auto;min-width:12rem;margin:0;border-radius:.9rem;border-color:var(--dg-border);box-shadow:var(--dg-shadow-md);z-index:120}.ngb-grid .grid-filter-clear{padding:.55rem .8rem;font-size:.8125rem;color:var(--dg-text-muted)}.ngb-grid .grid-filter-apply{padding:.625rem .95rem;border-color:var(--dg-primary);background:var(--dg-primary);color:var(--dg-on-primary);font-size:.875rem;font-weight:600}.ngb-grid .grid-filter-apply:hover{border-color:var(--dg-primary-active);background:var(--dg-primary-active);color:var(--dg-on-primary)}.ngb-grid .grid-filter-menu-surface__actions--multi{justify-content:space-between;margin-top:.35rem}.ngb-grid .grid-filter-menu-surface__multi .grid-filter-apply{min-width:5.25rem;padding:.5rem 1.15rem;font-size:.8125rem}.ngb-grid .grid-filter-cancel{padding:.5rem .85rem;font-size:.8125rem;font-weight:600;color:var(--dg-text);border:1px solid var(--dg-border-strong);background:var(--dg-surface)}.ngb-grid .grid-filter-cancel:hover{border-color:var(--dg-border-strong);background:var(--dg-surface-subtle);color:var(--dg-text)}.ngb-grid .filter-row th{background:var(--dg-surface-filter-row);padding-top:.625rem;padding-bottom:.625rem;overflow:visible;position:relative;z-index:25}.ngb-grid.ngb-grid--menu-open .filter-row th{z-index:85}.ngb-grid .column-pinned-start,.ngb-grid .column-pinned-end{position:sticky;background:inherit;z-index:2}.ngb-grid .grid-header .column-pinned-start,.ngb-grid .grid-header .column-pinned-end{z-index:6}.ngb-grid .column-pinned-start{box-shadow:var(--dg-pin-shadow-start)}.ngb-grid .column-pinned-start:has(+.column-pinned-start){box-shadow:none}.ngb-grid .column-pinned-end{box-shadow:var(--dg-pin-shadow-end)}.ngb-grid .column-locked{background:var(--dg-locked-bg)}.ngb-grid .sticky-row,.ngb-grid .sticky-row td{background:var(--dg-surface-sticky-row);box-shadow:inset 0 0 0 1px var(--dg-sticky-border)}.ngb-grid .sticky-row{position:sticky;z-index:4}.ngb-grid .grid-sticky-badge{display:inline-flex;align-items:center;margin-left:.45rem;padding:.12rem .4rem;border-radius:.25rem;background:var(--dg-sticky-badge-bg);color:var(--dg-sticky-badge-text);font-size:.62rem;font-weight:800;letter-spacing:.04em;vertical-align:middle}.ngb-grid .grid-row-action--icon{min-width:2.05rem;width:2.05rem;height:2.05rem;min-height:2.05rem;padding:0;border-radius:var(--dg-radius-md)}.ngb-grid .grid-row-action--edit-icon{border-color:var(--dg-primary);background:var(--dg-primary);color:var(--dg-on-primary)}.ngb-grid .grid-row-action--edit-icon:hover{border-color:var(--dg-primary-hover);background:var(--dg-primary-hover);color:var(--dg-on-primary)}.ngb-grid.ngb-grid--zebra .grid-body tbody tr:nth-child(2n):not(.sticky-row):not(.row-selected) td{background:var(--dg-row-even-bg, var(--dg-surface-muted))}.ngb-grid:not(.ngb-grid--zebra) .grid-body tbody tr:nth-child(odd):not(.sticky-row):not(.row-selected):not(.row-highlight) td{background:var(--dg-row-odd-bg)}.ngb-grid:not(.ngb-grid--zebra) .grid-body tbody tr:nth-child(2n):not(.sticky-row):not(.row-selected):not(.row-highlight) td{background:var(--dg-row-even-bg)}.ngb-grid .grid-body tbody tr.grid-data-row:hover:not(.sticky-row):not(.row-selected):not(.row-highlight) td{background:var(--dg-row-hover-bg)}.ngb-grid .row-selected,.ngb-grid .row-selected td{background:var(--dg-row-selected-bg)}.ngb-grid .row-highlight,.ngb-grid .row-highlight td{background:var(--dg-warning-soft)}.ngb-grid .grid-header th.column-pinned-start,.ngb-grid .grid-header th.column-pinned-end,.ngb-grid .grid-body tbody td.column-pinned-start,.ngb-grid .grid-body tbody td.column-pinned-end{background:var(--dg-surface)}.ngb-grid .grid-header th.column-locked,.ngb-grid .grid-body tbody td.column-locked{background:var(--dg-locked-bg)!important}.ngb-grid .grid-body tbody tr.row-selected td.column-locked{background:var(--dg-row-selected-bg)!important}.ngb-grid .cell-highlight{background:var(--dg-primary-soft)}.ngb-grid .grid-search-highlight{padding:0;border-radius:.15rem;background:var(--dg-sticky-badge-bg);color:inherit;font-weight:inherit}.ngb-grid .grid-detail-toggle{min-width:2rem;width:2rem;height:2rem;padding:0;border-radius:999px}.ngb-grid .grid-cell-content{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis}.ngb-grid .grid-cell-content,.ngb-grid .grid-cell-text{font-weight:400}.ngb-grid .grid-cell--emphasis .grid-cell-content,.ngb-grid .grid-cell--emphasis .grid-cell-text{font-weight:700}.ngb-grid .grid-boolean-pill{display:inline-flex;align-items:center;justify-content:center;min-width:3.5rem;padding:.25rem .55rem;border-radius:999px;background:var(--dg-neutral-pill-bg);color:var(--dg-text-muted);font-size:.75rem;font-weight:700}.ngb-grid .grid-boolean-pill--true{background:var(--dg-success-soft);color:var(--dg-success-text)}.ngb-grid .grid-row-action{padding:.55rem .8rem;font-size:.8125rem;font-weight:600;white-space:nowrap}.ngb-grid .grid-actions-cell{overflow:visible;text-overflow:clip;white-space:normal}.ngb-grid .grid-actions-cell__inner{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;flex-wrap:nowrap}.ngb-grid .grid-row-action--secondary{color:var(--dg-primary);background:var(--dg-primary-soft);border-color:var(--dg-primary-border-subtle)}.ngb-grid .grid-row-action--danger{color:var(--dg-danger-text);background:var(--dg-danger-soft);border-color:var(--dg-danger-border-subtle)}.ngb-grid .grid-row-action--success{color:var(--dg-success-text);background:var(--dg-success-soft);border-color:var(--dg-success-border-subtle)}.ngb-grid .grid-row-action--neutral{color:var(--dg-text-muted);background:var(--dg-locked-bg);border-color:var(--dg-border)}.ngb-grid .grid-detail-row__cell{padding:0;background:var(--dg-detail-row-bg)}.ngb-grid .grid-detail-row__content{padding:1rem 1.25rem}.ngb-grid.ngb-grid--compact .grid-table th,.ngb-grid.ngb-grid--compact .grid-table td{padding:.55rem .65rem}.ngb-grid.ngb-grid--compact .datagrid-toolbar__button,.ngb-grid.ngb-grid--compact .grid-row-action,.ngb-grid.ngb-grid--compact .grid-filter-apply,.ngb-grid.ngb-grid--compact .grid-filter-clear,.ngb-grid.ngb-grid--compact .grid-filter-operator__button,.ngb-grid.ngb-grid--compact .grid-filter-menu-trigger,.ngb-grid.ngb-grid--compact .grid-detail-toggle,.ngb-grid.ngb-grid--compact .grid-filter-control,.ngb-grid.ngb-grid--compact .grid-edit-control{min-height:32px;font-size:.8125rem}.ngb-grid .grid-row--reorderable{cursor:grab}.ngb-grid .grid-row--reorderable.ngb-dnd-dragging{cursor:grabbing;opacity:.82}.ngb-grid .ngb-dnd-placeholder{display:table-row;background:transparent}.ngb-grid tbody.ngb-dnd-list,.ngb-grid tbody.ngb-dnd-list.ngb-dnd-over[data-drop-valid=true],.ngb-grid tbody.ngb-dnd-list.ngb-dnd-over[data-drop-valid=false]{border:0;border-radius:0;background:transparent;box-shadow:none}.ngb-grid .ngb-dnd-placeholder>td{padding:0;border:0;background:transparent}.ngb-grid .ngb-dnd-placeholder__bar{display:block;height:.35rem;background:var(--dg-primary-selection-overlay)}.ngb-grid.ngb-grid--stacked .grid-header-shell,.ngb-grid.ngb-grid--stacked .grid-header{display:none}.ngb-grid.ngb-grid--stacked .table-wrapper{width:100%}.ngb-grid.ngb-grid--stacked .table-body-scroll{width:100%;max-height:none;overflow:visible;border-top:0;border-bottom:0}.ngb-grid.ngb-grid--stacked .grid-table.grid-body{width:100%;min-width:0;max-width:100%;table-layout:auto}.ngb-grid.ngb-grid--stacked .grid-table.grid-body colgroup{display:none}.ngb-grid.ngb-grid--stacked .grid-table.grid-body tbody{display:block;width:100%}.ngb-grid.ngb-grid--menu-open .grid-header-shell,.ngb-grid.ngb-grid--row-operator-open .grid-header-shell,.ngb-grid.ngb-grid--row-operator-open .filter-row th{overflow:visible}.ngb-grid.ngb-grid--menu-open .grid-header-shell,.ngb-grid.ngb-grid--menu-open .grid-header{z-index:80}.ngb-grid.ngb-grid--menu-open .grid-header thead th.filter-menu-open{position:relative;z-index:95;overflow:visible}.ngb-grid.ngb-grid--menu-open .grid-filter-menu-host{z-index:90}.ngb-grid__filter-menu-overlay{pointer-events:auto}.ngb-grid__layout-toolbar-host:empty{display:none}.ngb-grid__layout-toolbar-host:not(:empty){border-bottom:1px solid var(--dg-border)}.ngb-grid .table-wrapper{position:relative}.ngb-grid.ngb-grid--loading .table-wrapper{pointer-events:none}.ngb-grid.ngb-grid--loading .table-wrapper .grid-table{opacity:.45}.ngb-grid__loading-overlay{position:absolute;inset:0;z-index:120;display:flex;align-items:center;justify-content:center;background:var(--dg-loading-overlay);pointer-events:none}.ngb-grid.ngb-grid--stacked .grid-table.grid-body tbody tr{display:grid;width:100%;box-sizing:border-box;grid-template-columns:minmax(0,1fr);gap:.65rem;border-bottom:1px solid var(--dg-border);padding:.9rem 1rem}.ngb-grid.ngb-grid--stacked .grid-table.grid-body tbody td{display:grid;width:100%;min-width:0;box-sizing:border-box;white-space:normal;border-bottom:0;padding:.35rem 0;position:static!important;left:auto!important;right:auto!important}.ngb-grid.ngb-grid--stacked .grid-table.grid-body tbody td:not([data-title]){grid-column:1/-1}.ngb-grid.ngb-grid--stacked:not(.ngb-grid--stacked-cards) .grid-table.grid-body tbody td[data-title]{grid-template-columns:minmax(5.5rem,34%) minmax(0,1fr);align-items:baseline;column-gap:.75rem}.ngb-grid.ngb-grid--stacked:not(.ngb-grid--stacked-cards) .grid-table.grid-body tbody td:before{content:attr(data-title);font-size:.8125rem;font-weight:700;color:var(--dg-text-muted);line-height:1.3}.ngb-grid.ngb-grid--stacked.ngb-grid--stacked-cards .grid-table.grid-body tbody tr{display:block;width:100%;padding:0}.ngb-grid.ngb-grid--stacked.ngb-grid--stacked-cards .grid-table.grid-body tbody td.ngb-stacked-card-cell{display:block;width:100%;padding:.9rem 1rem;border-bottom:1px solid var(--dg-border)}.ngb-grid.ngb-grid--stacked.ngb-grid--stacked-cards .ngb-stacked-card,.ngb-grid.ngb-grid--stacked.ngb-grid--stacked-cards .ngb-stacked-card__layout{width:100%;min-width:0}.ngb-grid.ngb-grid--stacked.ngb-grid--stacked-cards .ngb-stacked-card__layout{display:grid;grid-template-columns:minmax(0,1fr);gap:1rem}@media(min-width:40rem){.ngb-grid.ngb-grid--stacked.ngb-grid--stacked-cards .ngb-stacked-card__layout{grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr);align-items:start;column-gap:1.5rem}}.ngb-grid.ngb-grid--stacked.ngb-grid--stacked-cards .ngb-stacked-card__group{display:flex;flex-direction:column;gap:.85rem;min-width:0}.ngb-grid.ngb-grid--stacked.ngb-grid--stacked-cards .ngb-stacked-card__field{display:flex;flex-direction:column;align-items:flex-start;gap:.35rem;min-width:0}.ngb-grid.ngb-grid--stacked.ngb-grid--stacked-cards .ngb-stacked-card__label{font-size:.8125rem;font-weight:700;color:var(--dg-text-muted);line-height:1.3}.ngb-grid.ngb-grid--stacked.ngb-grid--stacked-cards .ngb-stacked-card__value{width:100%;min-width:0}.ngb-grid.ngb-grid--stacked.ngb-grid--stacked-cards .grid-table.grid-body tbody td:not([data-title]):not(.ngb-stacked-card-cell){display:block;width:100%;padding:.65rem 1rem 0;border-bottom:0}.ngb-grid[data-theme=material] .datagrid-toolbar__button--primary,.ngb-grid[data-theme=tailwind] .datagrid-toolbar__button--primary,.ngb-grid[data-theme=material] .grid-filter-apply,.ngb-grid[data-theme=tailwind] .grid-filter-apply{border-color:var(--dg-primary);background:var(--dg-primary)}.ngb-grid.ngb-responsive .table{width:100%}@media(max-width:992px){.ngb-grid .grid-filter-inline{min-width:11rem}.ngb-grid .grid-filter-field{min-width:10rem}}@media(max-width:768px){.ngb-grid .datagrid-toolbar{align-items:stretch}.ngb-grid .datagrid-toolbar__actions{justify-content:stretch}.ngb-grid .datagrid-toolbar__button{flex:1 1 auto}.ngb-grid .grid-filter-inline{width:100%}.ngb-grid.ngb-responsive thead{display:none}.ngb-grid.ngb-responsive tbody tr{display:grid;grid-template-columns:1fr;gap:.5rem;border:1px solid var(--dg-border);border-radius:.75rem;padding:.75rem;margin-bottom:.75rem}.ngb-grid.ngb-responsive tbody td{display:grid;grid-template-columns:8rem 1fr}.ngb-grid.ngb-responsive tbody td:before{content:attr(data-title);font-weight:600;opacity:.75;padding-right:.5rem}}.ngb-grid .datagrid-editing-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:.75rem 1rem;border:1px solid var(--dg-border);border-bottom:0;border-radius:var(--dg-radius-lg) var(--dg-radius-lg) 0 0;background:var(--dg-surface)}.ngb-grid .datagrid-editing-toolbar__start,.ngb-grid .datagrid-editing-toolbar__end{display:inline-flex;align-items:center;gap:.5rem}.ngb-grid .datagrid-editing-toolbar__save[hidden],.ngb-grid .datagrid-editing-toolbar__cancel[hidden]{display:none!important}.ngb-grid .datagrid-editing-toolbar__hint{flex:1 1 auto;text-align:center;font-size:.875rem;font-weight:600;color:var(--dg-text-muted)}.ngb-grid .grid-cell--incell{cursor:cell}.ngb-grid .grid-cell--editing .grid-edit-control{border-color:var(--dg-primary);box-shadow:var(--dg-focus-shadow)}.ngb-grid .grid-external-editor{position:fixed;inset:0;z-index:400;display:flex;align-items:center;justify-content:center;padding:1.5rem}.ngb-grid .grid-external-editor__backdrop{position:absolute;inset:0;border:0;background:var(--dg-backdrop);cursor:pointer}.ngb-grid .grid-external-editor__panel{position:relative;z-index:1;width:min(32rem,100%);max-height:min(90vh,40rem);overflow:auto;padding:1.25rem;border:1px solid var(--dg-border);border-radius:var(--dg-radius-lg);background:var(--dg-surface);box-shadow:var(--dg-shadow-md)}.ngb-grid .grid-external-editor__header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.ngb-grid .grid-external-editor__title{margin:0;font-size:1.125rem;font-weight:700}.ngb-grid .grid-external-editor__close{border:0;background:transparent;color:var(--dg-text-muted);padding:.25rem;cursor:pointer}.ngb-grid .grid-external-editor__form{display:grid;gap:.85rem}.ngb-grid .grid-external-editor__field{display:grid;gap:.35rem}.ngb-grid .grid-external-editor__label{font-size:.8125rem;font-weight:700;color:var(--dg-text-muted);text-transform:uppercase;letter-spacing:.03em}.ngb-grid .grid-external-editor__error{font-size:.75rem;color:var(--dg-danger)}.ngb-grid .grid-external-editor__actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:.5rem}.ngb-grid__status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.ngb-grid .grid-body td[role=gridcell]:focus-visible,.ngb-grid .grid-body td[role=gridcell].grid-cell--focused{outline:2px solid var(--dg-focus-ring);outline-offset:-2px}.ngb-grid--rtl .grid-column-reorder-handle{transform:scaleX(-1)}.ngb-grid--rtl .column-pinned-start{left:auto;right:var(--dg-pin-start, 0)}.ngb-grid--rtl .column-pinned-end{right:auto;left:var(--dg-pin-end, 0)}.ngb-grid .grid-footer{width:100%;color:var(--dg-pager-text)}.ngb-grid .grid-footer--top{margin-bottom:0;border-bottom:var(--dg-table-border-width) solid var(--dg-border)}.ngb-grid .grid-footer--custom{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: NgbSyncColgroupDirective, selector: "[ngbSyncColgroup]", inputs: ["ngbSyncColgroup", "syncRole", "syncMode"] }, { kind: "component", type: NgbDatagridToolbarComponent, selector: "ngb-datagrid-toolbar", inputs: ["grid"] }, { kind: "component", type: NgbDatagridEditingToolbarComponent, selector: "ngb-datagrid-editing-toolbar", inputs: ["grid", "selectedCount", "editActive", "saveDisabled"] }, { kind: "component", type: NgbDatagridExternalEditorComponent, selector: "ngb-datagrid-external-editor", inputs: ["grid"] }, { kind: "component", type: NgbDatagridColgroupComponent, selector: "colgroup[ngbDatagridColgroup]", inputs: ["grid"] }, { kind: "component", type: NgbDatagridHeaderComponent, selector: "thead[ngbDatagridHeader]", inputs: ["grid"] }, { kind: "component", type: NgbDatagridFilterMenuPanelComponent, selector: "ngb-datagrid-filter-menu-panel", inputs: ["grid", "col", "anchor"] }, { kind: "component", type: NgbDatagridRowFilterOperatorPanelComponent, selector: "ngb-datagrid-row-filter-operator-panel", inputs: ["grid", "col", "anchor"] }, { kind: "component", type: NgbDatagridAddRowComponent, selector: "tr[ngbDatagridAddRow]", inputs: ["grid"] }, { kind: "component", type: NgbDatagridDataRowComponent, selector: "tr[ngbDatagridDataRow]", inputs: ["grid", "row", "index", "selected"] }, { kind: "component", type: NgbDatagridDetailRowComponent, selector: "tr[ngbDatagridDetailRow]", inputs: ["grid", "row", "index"] }, { kind: "component", type: NgbDatagridFooterComponent, selector: "ngb-datagrid-footer", inputs: ["grid", "placement"] }, { kind: "directive", type: NgbDndListDirective, selector: "[ngbDndList]", inputs: ["dndChildrenKey", "ngbDndList", "dndGroup", "dndDisabled", "dndCloneOnDrop", "dndCloneFn", "dndIsPalette", "dndCanDrop", "dndAriaLabel"], outputs: ["dndDropped"] }, { kind: "directive", type: NgbDndItemDirective, selector: "[ngbDndItem]", inputs: ["ngbDndItem", "dndGroup", "dndIndex", "dndSourceList", "dndDisabled"], outputs: ["dndDragStart", "dndDragEnd"] }], encapsulation: i0.ViewEncapsulation.None });
+        ], queries: [{ propertyName: "exportButtonDir", first: true, predicate: ExportButtonDirective, descendants: true }, { propertyName: "rowDetailTpl", first: true, predicate: NgbRowDetailTemplate, descendants: true }, { propertyName: "pagerTpl", first: true, predicate: NgbPagerTemplate, descendants: true }, { propertyName: "groupHeaderTpl", first: true, predicate: NgbDataGridGroupHeaderTemplateDirective, descendants: true }, { propertyName: "cellTplQ", predicate: NgbCellTemplate }, { propertyName: "editTplQ", predicate: NgbEditorTemplate }, { propertyName: "filterTplQ", predicate: NgbFilterTemplate }, { propertyName: "filterMenuTplQ", predicate: NgbFilterMenuTemplate }, { propertyName: "globalTplQ", predicate: NgbGlobalFilterTemplate }, { propertyName: "groupHeaderColumnTplQ", predicate: NgbDataGridGroupHeaderColumnTemplateDirective }, { propertyName: "groupFooterTplQ", predicate: NgbDataGridGroupFooterTemplateDirective }, { propertyName: "gridColumnQ", predicate: NgbGridColumnDirective }], viewQueries: [{ propertyName: "bodyScroller", first: true, predicate: ["bodyScroller"], descendants: true }, { propertyName: "headerScroller", first: true, predicate: ["headerScroller"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div\n  class=\"ngb-grid\"\n  [attr.dir]=\"resolvedDir()\"\n  [attr.data-theme]=\"theme\"\n  [class.ngb-grid--rtl]=\"isRtl()\"\n  [class.ngb-responsive]=\"isResponsiveEnabled()\"\n  [class.ngb-grid--compact]=\"densityMode === 'compact'\"\n  [class.ngb-grid--stacked]=\"isStackedLayout()\"\n  [class.ngb-grid--stacked-cards]=\"isStackedCardsLayout()\"\n  [class.ngb-grid--menu-open]=\"!!openFilterMenuField || !!openMenuOperatorField || !!openRowFilterField\"\n  [class.ngb-grid--row-operator-open]=\"!!openRowFilterField\"\n  [class.ngb-grid--zebra]=\"zebraStripesEnabled\"\n  [class.ngb-grid--resizable]=\"resizable && !isStackedLayout()\"\n  [class.ngb-grid--column-reorderable]=\"isColumnReorderEnabled()\"\n  [class.ngb-grid--loading]=\"loading\"\n  [attr.aria-busy]=\"loading ? 'true' : null\"\n  [style.--ngb-render-tick]=\"renderTick\"\n>\n  <div class=\"ngb-grid__layout-toolbar-host\">\n    <ng-content select=\"ngb-datagrid-layout-toolbar\"></ng-content>\n  </div>\n  <ngb-datagrid-toolbar [grid]=\"gridHost\"></ngb-datagrid-toolbar>\n  <ngb-datagrid-editing-toolbar\n    [grid]=\"gridHost\"\n    [selectedCount]=\"getSelectedCount()\"\n    [editActive]=\"isToolbarEditActive()\"\n    [saveDisabled]=\"isToolbarSaveDisabled()\"\n  ></ngb-datagrid-editing-toolbar>\n\n  @if (paginationActive && pagerShowsAt('top')) {\n    <ngb-datagrid-footer [grid]=\"gridHost\" placement=\"top\"></ngb-datagrid-footer>\n  }\n\n  <div\n    class=\"ngb-grid__status visually-hidden-focusable\"\n    role=\"status\"\n    aria-live=\"polite\"\n    aria-atomic=\"true\"\n  >{{ statusMessage }}</div>\n\n  @if (isGroupingEnabled()) {\n    <div\n      class=\"ngb-grid__group-panel\"\n      [class.ngb-grid__group-panel--active]=\"groupPanelDragActive && !groupPanelDragDenied\"\n      [class.ngb-grid__group-panel--denied]=\"groupPanelDragDenied\"\n      (dragover)=\"onGroupPanelDragOver($event)\"\n      (dragleave)=\"onGroupPanelDragLeave($event)\"\n      (drop)=\"onGroupPanelDrop($event)\"\n    >\n      <div class=\"ngb-grid__group-panel-label\">{{ groupPanelLabel() }}</div>\n      @if (groupedColumns().length) {\n        <div class=\"ngb-grid__group-chip-list\">\n          @for (descriptor of groupedColumns(); track descriptor.field) {\n            <div class=\"ngb-grid__group-chip\">\n              <button\n                type=\"button\"\n                class=\"ngb-grid__group-chip-button\"\n                (click)=\"toggleGroupDirection(descriptor.field)\"\n                [attr.aria-label]=\"groupDirectionAriaLabel(descriptor)\"\n              >\n                <span class=\"ngb-grid__group-chip-label\">{{ groupFieldLabel(descriptor) }}</span>\n                <span class=\"ngb-grid__group-chip-dir\">{{ descriptor.dir === 'desc' ? '\u2193' : '\u2191' }}</span>\n              </button>\n              <button\n                type=\"button\"\n                class=\"ngb-grid__group-chip-remove\"\n                (click)=\"removeGroupField(descriptor.field)\"\n                [attr.aria-label]=\"groupRemoveAriaLabel(descriptor)\"\n              >\n                <span class=\"bi bi-x-lg\" aria-hidden=\"true\"></span>\n              </button>\n            </div>\n          }\n        </div>\n      }\n    </div>\n  }\n\n  <div class=\"table-wrapper\" [ngClass]=\"responsiveWrapperClasses\">\n    @if (loading) {\n    <div class=\"ngb-grid__loading-overlay\" role=\"presentation\">\n      <div class=\"spinner-border spinner-border-sm text-primary\" role=\"status\">\n        <span class=\"visually-hidden\">Loading</span>\n      </div>\n    </div>\n    }\n    <div class=\"grid-header-shell\" #headerScroller>\n    <table class=\"grid-table grid-header mb-0\" [ngClass]=\"tableClassList\" [style.width.px]=\"tablePixelWidth\">\n      @if (tableOptions?.caption) {\n      <caption\n        [class.caption-top]=\"(tableOptions?.captionSide ?? 'top') === 'top'\"\n      >\n        {{ tableOptions?.caption }}\n      </caption>\n      }\n\n      <colgroup\n        ngbDatagridColgroup\n        [grid]=\"gridHost\"\n        [ngbSyncColgroup]=\"colgroupSyncId\"\n        syncRole=\"header\"\n        [syncMode]=\"resizable ? 'explicit' : 'auto'\"\n      ></colgroup>\n\n      <thead\n        class=\"table-light\"\n        ngbDatagridHeader\n        [grid]=\"gridHost\"\n        [renderTick]=\"renderTick\"\n      ></thead>\n    </table>\n    </div>\n\n    <div [class.table-body-scroll]=\"shouldEnableScroll\" #bodyScroller (scroll)=\"onBodyHorizontalScroll()\">\n      @if (hasStickyGroupHeaders()) {\n        <div\n          class=\"ngb-grid__group-sticky-layer ngb-grid__group-sticky-layer--top\"\n          [style.transform]=\"'translateY(' + stickyGroupHeaderTranslateY + 'px)'\"\n        >\n          <table\n            class=\"grid-table grid-group-sticky-table mb-0\"\n            [ngClass]=\"tableClassList\"\n            [style.width.px]=\"tablePixelWidth\"\n            role=\"presentation\"\n          >\n            <colgroup>\n              @for (width of stickyGroupOverlayColumnWidths; track $index) {\n                <col [style.width.px]=\"width || null\" />\n              }\n            </colgroup>\n            <tbody>\n              @for (item of stickyGroupHeaderRows; track item.key) {\n                <tr class=\"grid-group-row grid-group-row--overlay\">\n                  @if (showSelectionColumn()) {\n                    <td class=\"grid-group-row__utility-cell\"></td>\n                  }\n                  @if (rowDetailTpl) {\n                    <td class=\"grid-group-row__utility-cell\"></td>\n                  }\n                  @if (stickyRowsEnabled) {\n                    <td class=\"grid-group-row__utility-cell\"></td>\n                  }\n                  @for (col of visibleColumns; track col.field) {\n                    @if (shouldRenderGroupCell(col, item.group)) {\n                    <td\n                      class=\"grid-group-row__cell\"\n                      [class.grid-group-row__cell--lead]=\"isGroupLeadColumn(col, item.group)\"\n                      [attr.colspan]=\"groupCellColspan(col, item.group)\"\n                    >\n                      @if (isGroupLeadColumn(col, item.group)) {\n                        <button\n                          type=\"button\"\n                          class=\"grid-group-row__toggle\"\n                          (click)=\"toggleGroupCollapsed(item.group, item.level, item.startIndex)\"\n                          [attr.aria-expanded]=\"!item.collapsed\"\n                        >\n                          <span\n                            class=\"bi\"\n                            [ngClass]=\"item.collapsed ? 'bi-chevron-right' : 'bi-chevron-down'\"\n                            aria-hidden=\"true\"\n                          ></span>\n                          <span class=\"grid-group-row__content\" [style.padding-inline-start.rem]=\"groupRowIndent(item.level)\">\n                            @if (groupHeaderTpl) {\n                              <ng-container\n                                [ngTemplateOutlet]=\"groupHeaderTpl.template\"\n                                [ngTemplateOutletContext]=\"groupHeaderContext(item.group)\"\n                              ></ng-container>\n                            } @else {\n                              <span class=\"grid-group-row__label\">{{ groupRowLabel(item.group) }}</span>\n                              <span class=\"grid-group-row__count\">{{ groupRowCountLabel(item.group) }}</span>\n                            }\n                          </span>\n                        </button>\n                        @if (groupHeaderColumnTemplate(groupColumnField(col)); as tpl) {\n                          <div class=\"grid-group-row__column-slot\">\n                            <ng-container\n                              [ngTemplateOutlet]=\"tpl.template\"\n                              [ngTemplateOutletContext]=\"groupColumnContext(item.group, col)\"\n                            ></ng-container>\n                          </div>\n                        }\n                      } @else if (groupHeaderColumnTemplate(groupColumnField(col)); as tpl) {\n                        <div class=\"grid-group-row__column-slot\">\n                          <ng-container\n                            [ngTemplateOutlet]=\"tpl.template\"\n                            [ngTemplateOutletContext]=\"groupColumnContext(item.group, col)\"\n                          ></ng-container>\n                        </div>\n                      }\n                    </td>\n                    }\n                  }\n                  @if (showActionsColumn()) {\n                    <td class=\"grid-group-row__utility-cell\"></td>\n                  }\n                </tr>\n              }\n            </tbody>\n          </table>\n        </div>\n      }\n\n      <table\n        class=\"grid-table grid-body grid-body--main mb-0\"\n        [ngClass]=\"tableClassList\"\n        [style.width.px]=\"tablePixelWidth\"\n        role=\"grid\"\n        [attr.aria-rowcount]=\"ariaRowCount()\"\n        [attr.aria-colcount]=\"ariaColCount()\"\n        [attr.aria-readonly]=\"enableEdit || enableAdd ? 'false' : 'true'\"\n        [attr.aria-label]=\"tableOptions?.caption || null\"\n      >\n        <colgroup\n          ngbDatagridColgroup\n          [grid]=\"gridHost\"\n          [ngbSyncColgroup]=\"colgroupSyncId\"\n          syncRole=\"body\"\n          [syncMode]=\"resizable ? 'explicit' : 'auto'\"\n        ></colgroup>\n\n        <tbody\n          [ngbDndList]=\"paged\"\n          [dndDisabled]=\"!isRowReorderEnabled()\"\n          (dndDropped)=\"onRowDrop($event)\"\n        >\n          @if (!hasRenderableRows()) {\n          <tr class=\"ngb-grid__empty-row\">\n            <td [attr.colspan]=\"ariaColCount()\" class=\"ngb-grid__empty text-center text-muted py-4\">\n              {{ emptyStateLabel() }}\n            </td>\n          </tr>\n          }\n\n          @if (addingNew) {\n          <tr\n            ngbDatagridAddRow\n            [grid]=\"gridHost\"\n            [formGroup]=\"addForm\"\n          ></tr>\n          }\n\n          @for (item of renderRows; track item.key) {\n            @if (item.kind === 'group') {\n              <tr\n                class=\"grid-group-row\"\n                [attr.data-group-key]=\"item.key\"\n                [attr.data-group-level]=\"item.level\"\n              >\n                @if (showSelectionColumn()) {\n                  <td class=\"grid-group-row__utility-cell\"></td>\n                }\n                @if (rowDetailTpl) {\n                  <td class=\"grid-group-row__utility-cell\"></td>\n                }\n                @if (stickyRowsEnabled) {\n                  <td class=\"grid-group-row__utility-cell\"></td>\n                }\n                @for (col of visibleColumns; track col.field) {\n                  @if (shouldRenderGroupCell(col, item.group)) {\n                  <td\n                    class=\"grid-group-row__cell\"\n                    [class.grid-group-row__cell--lead]=\"isGroupLeadColumn(col, item.group)\"\n                    [attr.colspan]=\"groupCellColspan(col, item.group)\"\n                  >\n                    @if (isGroupLeadColumn(col, item.group)) {\n                      <button\n                        type=\"button\"\n                        class=\"grid-group-row__toggle\"\n                        (click)=\"toggleGroupCollapsed(item.group, item.level, item.startIndex)\"\n                        [attr.aria-expanded]=\"!item.collapsed\"\n                      >\n                        <span\n                          class=\"bi\"\n                          [ngClass]=\"item.collapsed ? 'bi-chevron-right' : 'bi-chevron-down'\"\n                          aria-hidden=\"true\"\n                        ></span>\n                        <span class=\"grid-group-row__content\" [style.padding-inline-start.rem]=\"groupRowIndent(item.level)\">\n                          @if (groupHeaderTpl) {\n                            <ng-container\n                              [ngTemplateOutlet]=\"groupHeaderTpl.template\"\n                              [ngTemplateOutletContext]=\"groupHeaderContext(item.group)\"\n                            ></ng-container>\n                          } @else {\n                            <span class=\"grid-group-row__label\">{{ groupRowLabel(item.group) }}</span>\n                            <span class=\"grid-group-row__count\">{{ groupRowCountLabel(item.group) }}</span>\n                          }\n                        </span>\n                      </button>\n                      @if (groupHeaderColumnTemplate(groupColumnField(col)); as tpl) {\n                        <div class=\"grid-group-row__column-slot\">\n                          <ng-container\n                            [ngTemplateOutlet]=\"tpl.template\"\n                            [ngTemplateOutletContext]=\"groupColumnContext(item.group, col)\"\n                          ></ng-container>\n                        </div>\n                      }\n                    } @else if (groupHeaderColumnTemplate(groupColumnField(col)); as tpl) {\n                      <div class=\"grid-group-row__column-slot\">\n                        <ng-container\n                          [ngTemplateOutlet]=\"tpl.template\"\n                          [ngTemplateOutletContext]=\"groupColumnContext(item.group, col)\"\n                        ></ng-container>\n                      </div>\n                    }\n                  </td>\n                  }\n                }\n                @if (showActionsColumn()) {\n                  <td class=\"grid-group-row__utility-cell\"></td>\n                }\n              </tr>\n            } @else if (item.kind === 'group-footer') {\n              <tr\n                class=\"grid-group-footer-row\"\n                [attr.data-group-key]=\"item.key\"\n                [attr.data-group-level]=\"item.level\"\n              >\n                @if (showSelectionColumn()) {\n                  <td class=\"grid-group-row__utility-cell\"></td>\n                }\n                @if (rowDetailTpl) {\n                  <td class=\"grid-group-row__utility-cell\"></td>\n                }\n                @if (stickyRowsEnabled) {\n                  <td class=\"grid-group-row__utility-cell\"></td>\n                }\n                @for (col of visibleColumns; track col.field) {\n                  <td class=\"grid-group-footer-row__cell\">\n                    @if (groupFooterTemplate(groupColumnField(col)); as tpl) {\n                      <div class=\"grid-group-row__column-slot\">\n                        <ng-container\n                          [ngTemplateOutlet]=\"tpl.template\"\n                          [ngTemplateOutletContext]=\"groupColumnContext(item.group, col)\"\n                        ></ng-container>\n                      </div>\n                    }\n                  </td>\n                }\n                @if (showActionsColumn()) {\n                  <td class=\"grid-group-row__utility-cell\"></td>\n                }\n              </tr>\n            } @else {\n              <tr\n                class=\"grid-data-row\"\n                ngbDatagridDataRow\n                [grid]=\"gridHost\"\n                [renderTick]=\"renderTick\"\n                [row]=\"item.row\"\n                [index]=\"item.pagedIndex\"\n                [selected]=\"isRowSelected(item.row, item.pagedIndex)\"\n                [ngbDndItem]=\"item.row\"\n                [dndIndex]=\"item.pagedIndex\"\n                [dndDisabled]=\"!isRowReorderEnabled()\"\n                (click)=\"onRowSelect($event, item.pagedIndex); onRowClick($event, item.pagedIndex)\"\n                [formGroup]=\"editForm\"\n                [class.sticky-row]=\"isRowSticky(item.row, item.pagedIndex)\"\n                [class.row-selected]=\"isRowSelected(item.row, item.pagedIndex)\"\n                [class.row-highlight]=\"isRowHighlighted(item.row, item.pagedIndex)\"\n                [class.grid-row--reorderable]=\"isRowReorderEnabled()\"\n                [ngClass]=\"resolveRowClass(item.row, item.pagedIndex)\"\n                [ngStyle]=\"resolveRowStyle(item.row, item.pagedIndex)\"\n                [attr.aria-selected]=\"isRowSelected(item.row, item.pagedIndex) ? 'true' : null\"\n                [style.top.px]=\"stickyTop(item.row, item.pagedIndex)\"\n                [style.z-index]=\"isRowSticky(item.row, item.pagedIndex) ? 3 : null\"\n              ></tr>\n\n              @if (rowDetailTpl && isExpanded(item.pagedIndex)) {\n              <tr\n                ngbDatagridDetailRow\n                [grid]=\"gridHost\"\n                [row]=\"item.row\"\n                [index]=\"item.pagedIndex\"\n                [attr.id]=\"'dg-row-detail-' + item.pagedIndex\"\n              ></tr>\n              }\n            }\n          }\n        </tbody>\n      </table>\n\n      @if (hasStickyGroupFooters()) {\n        <div\n          class=\"ngb-grid__group-sticky-layer ngb-grid__group-sticky-layer--bottom\"\n          [style.transform]=\"'translateY(' + stickyGroupFooterTranslateY + 'px)'\"\n        >\n          <table\n            class=\"grid-table grid-group-sticky-table mb-0\"\n            [ngClass]=\"tableClassList\"\n            [style.width.px]=\"tablePixelWidth\"\n            role=\"presentation\"\n          >\n            <colgroup>\n              @for (width of stickyGroupOverlayColumnWidths; track $index) {\n                <col [style.width.px]=\"width || null\" />\n              }\n            </colgroup>\n            <tbody>\n              @for (item of stickyGroupFooterRows; track item.key) {\n                <tr class=\"grid-group-footer-row grid-group-footer-row--overlay\">\n                  @if (showSelectionColumn()) {\n                    <td class=\"grid-group-row__utility-cell\"></td>\n                  }\n                  @if (rowDetailTpl) {\n                    <td class=\"grid-group-row__utility-cell\"></td>\n                  }\n                  @if (stickyRowsEnabled) {\n                    <td class=\"grid-group-row__utility-cell\"></td>\n                  }\n                  @for (col of visibleColumns; track col.field) {\n                    <td class=\"grid-group-footer-row__cell\">\n                      @if (groupFooterTemplate(groupColumnField(col)); as tpl) {\n                        <div class=\"grid-group-row__column-slot\">\n                          <ng-container\n                            [ngTemplateOutlet]=\"tpl.template\"\n                            [ngTemplateOutletContext]=\"groupColumnContext(item.group, col)\"\n                          ></ng-container>\n                        </div>\n                      }\n                    </td>\n                  }\n                  @if (showActionsColumn()) {\n                    <td class=\"grid-group-row__utility-cell\"></td>\n                  }\n                </tr>\n              }\n            </tbody>\n          </table>\n        </div>\n      }\n    </div>\n\n    <table class=\"table grid-table grid-foot mb-0\" [style.width.px]=\"tablePixelWidth\">\n      <colgroup>\n        @for (col of visibleColumns; track col.field) {\n          <col [style.width.px]=\"col?.width\" />\n        }\n      </colgroup>\n      <tbody>\n        <tr>\n          <td [attr.colspan]=\"visibleColumns.length\" width=\"100%\">\n            @if (paginationActive && pagerShowsAt('bottom')) {\n              <ngb-datagrid-footer [grid]=\"gridHost\" placement=\"bottom\"></ngb-datagrid-footer>\n            }\n          </td>\n        </tr>\n      </tbody>\n    </table>\n  </div>\n\n  @if (externalEditOpen) {\n    <ngb-datagrid-external-editor [grid]=\"gridHost\"></ngb-datagrid-external-editor>\n  }\n\n  @if (openFilterMenuField && openFilterMenuColumn && openFilterMenuAnchor) {\n  <ngb-datagrid-filter-menu-panel\n    [grid]=\"gridHost\"\n    [col]=\"openFilterMenuColumn\"\n    [anchor]=\"openFilterMenuAnchor\"\n  />\n  }\n\n  @if (openRowFilterField && openRowFilterColumn && openRowFilterOperatorAnchor) {\n  <ngb-datagrid-row-filter-operator-panel\n    [grid]=\"gridHost\"\n    [col]=\"openRowFilterColumn\"\n    [anchor]=\"openRowFilterOperatorAnchor\"\n  />\n  }\n</div>\n", styles: ["@charset \"UTF-8\";.ngb-grid,.ngb-datagrid-floating-panel{--dg-surface: #ffffff;--dg-surface-muted: #f9fafb;--dg-surface-subtle: #f3f4f6;--dg-surface-config: #edf4ff;--dg-surface-filter-row: #fffbeb;--dg-surface-sticky-row: #fefce8;--dg-border: #d7deea;--dg-border-strong: #cfd6e2;--dg-text: #1f2937;--dg-text-muted: #5b6578;--dg-text-subtle: #64748b;--dg-primary: #315efb;--dg-primary-hover: #2749c4;--dg-primary-active: #1d4ed8;--dg-primary-soft: #dbeafe;--dg-primary-border-subtle: #bfdbfe;--dg-accent: #3b82f6;--dg-on-primary: #ffffff;--dg-placeholder: #94a3b8;--dg-success: #39a949;--dg-success-soft: #dcfce7;--dg-success-text: #166534;--dg-success-border-subtle: #bbf7d0;--dg-danger: #ef4444;--dg-danger-soft: #fee2e2;--dg-danger-text: #b91c1c;--dg-danger-border-subtle: #fecaca;--dg-warning-soft: #fef3c7;--dg-warning-border: #fde68a;--dg-warning-text: #854d0e;--dg-filter-multi-icon: #39a949;--dg-filter-multi-icon-soft: #dcfce7;--dg-neutral-pill-bg: #e2e8f0;--dg-locked-bg: #f8fafc;--dg-row-selected-bg: #eef5ff;--dg-row-hover-bg: #f8fbff;--dg-row-odd-bg: transparent;--dg-row-even-bg: transparent;--dg-detail-row-bg: #f8fbff;--dg-search-highlight-bg: #fef08a;--dg-sticky-border: #facc15;--dg-sticky-badge-bg: #fef08a;--dg-sticky-badge-text: #854d0e;--dg-dropdown-item-active-bg: var(--dg-primary-soft);--dg-dropdown-item-active-color: var(--dg-primary);--dg-focus-ring: #2563eb;--dg-focus-border: rgba(37, 99, 235, .45);--dg-focus-shadow: 0 0 0 .2rem rgba(37, 99, 235, .15);--dg-pin-shadow-start: 1px 0 0 rgba(15, 23, 42, .08);--dg-pin-shadow-end: -1px 0 0 rgba(15, 23, 42, .08);--dg-backdrop: rgba(15, 23, 42, .45);--dg-loading-overlay: color-mix(in srgb, var(--dg-surface) 55%, transparent);--dg-primary-selection-overlay: rgba(37, 99, 235, .18);--dg-filter-divider: rgba(219, 227, 239, .8);--dg-shadow-sm: 0 1px 2px rgba(15, 23, 42, .06);--dg-shadow-md: 0 8px 24px rgba(15, 23, 42, .12);--dg-radius-lg: .5rem;--dg-radius-md: .45rem;--dg-radius-sm: .35rem;--dg-control-height: 2.15rem;--dg-nav-height: 2.5rem;--dg-font-size-header: .92rem;--dg-font-size-cell: .84rem;--dg-font-size-label: .94rem;--dg-cell-padding-y: .75rem;--dg-cell-padding-x: .85rem;--dg-header-padding-y: .75rem;--dg-header-padding-x: .85rem;--dg-table-border-width: 1px;--dg-pager-surface: var(--dg-surface);--dg-pager-text: var(--dg-text-muted);--dg-pager-control-bg: var(--dg-surface);--dg-pager-control-hover-bg: var(--dg-surface-subtle);--dg-pager-control-border: var(--dg-border);--dg-pager-link-text: var(--dg-primary);--dg-pager-active-bg: var(--dg-primary);--dg-pager-active-border: var(--dg-primary);--dg-pager-active-text: var(--dg-on-primary);--dg-pager-select-icon: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e\")}.ngb-grid[data-theme=bootstrap],.ngb-datagrid-floating-panel[data-theme=bootstrap]{--dg-surface: var(--bs-body-bg, #ffffff);--dg-surface-muted: var(--bs-tertiary-bg, #f8f9fa);--dg-surface-subtle: var(--bs-secondary-bg, #e9ecef);--dg-surface-config: var(--bs-primary-bg-subtle, #cfe2ff);--dg-surface-filter-row: var(--bs-warning-bg-subtle, #fff3cd);--dg-surface-sticky-row: var(--bs-warning-bg-subtle, #fff3cd);--dg-border: var(--bs-border-color, #dee2e6);--dg-border-strong: var(--bs-border-color-translucent, #ced4da);--dg-text: var(--bs-body-color, #212529);--dg-text-muted: var(--bs-secondary-color, #6c757d);--dg-text-subtle: var(--bs-tertiary-color, #6c757d);--dg-primary: var(--bs-primary, #0d6efd);--dg-primary-hover: var(--bs-link-hover-color, #0a58ca);--dg-primary-active: var(--bs-link-hover-color, #0a58ca);--dg-primary-soft: var(--bs-primary-bg-subtle, #cfe2ff);--dg-primary-border-subtle: var(--bs-primary-border-subtle, #9ec5fe);--dg-accent: var(--bs-primary, #0d6efd);--dg-on-primary: var(--bs-btn-color, #fff);--dg-placeholder: var(--bs-secondary-color, #6c757d);--dg-success: var(--bs-success, #198754);--dg-success-soft: var(--bs-success-bg-subtle, #d1e7dd);--dg-success-text: var(--bs-success-text-emphasis, #0a3622);--dg-success-border-subtle: var(--bs-success-border-subtle, #a3cfbb);--dg-danger: var(--bs-danger, #dc3545);--dg-danger-soft: var(--bs-danger-bg-subtle, #f8d7da);--dg-danger-text: var(--bs-danger-text-emphasis, #58151c);--dg-danger-border-subtle: var(--bs-danger-border-subtle, #f1aeb5);--dg-warning-soft: var(--bs-warning-bg-subtle, #fff3cd);--dg-warning-border: var(--bs-warning-border-subtle, #ffe69c);--dg-warning-text: var(--bs-warning-text-emphasis, #664d03);--dg-filter-multi-icon: var(--bs-success, #198754);--dg-filter-multi-icon-soft: var(--bs-success-bg-subtle, #d1e7dd);--dg-neutral-pill-bg: var(--bs-secondary-bg, #e9ecef);--dg-locked-bg: var(--bs-tertiary-bg, #f8f9fa);--dg-row-selected-bg: var(--bs-primary-bg-subtle, #cfe2ff);--dg-row-hover-bg: var(--bs-tertiary-bg, #f8f9fa);--dg-row-odd-bg: transparent;--dg-row-even-bg: transparent;--dg-detail-row-bg: var(--bs-primary-bg-subtle, #cfe2ff);--dg-search-highlight-bg: var(--bs-warning-bg-subtle, #fff3cd);--dg-sticky-border: var(--bs-warning-border-subtle, #ffe69c);--dg-sticky-badge-bg: var(--bs-warning-bg-subtle, #fff3cd);--dg-sticky-badge-text: var(--bs-warning-text-emphasis, #664d03);--dg-dropdown-item-active-bg: var(--bs-primary-bg-subtle, #cfe2ff);--dg-dropdown-item-active-color: var(--bs-primary, #0d6efd);--dg-focus-ring: var(--bs-focus-ring-color, var(--bs-primary, #0d6efd));--dg-focus-border: rgba(var(--bs-primary-rgb, 13, 110, 253), .45);--dg-focus-shadow: 0 0 0 .25rem rgba(var(--bs-primary-rgb, 13, 110, 253), var(--bs-focus-ring-opacity, .25));--dg-pin-shadow-start: 1px 0 0 var(--bs-border-color-translucent, rgba(0, 0, 0, .08));--dg-pin-shadow-end: -1px 0 0 var(--bs-border-color-translucent, rgba(0, 0, 0, .08));--dg-backdrop: rgba(var(--bs-emphasis-color-rgb, 33, 37, 41), .5);--dg-loading-overlay: color-mix(in srgb, var(--dg-surface) 55%, transparent);--dg-primary-selection-overlay: rgba(var(--bs-primary-rgb, 13, 110, 253), .18);--dg-filter-divider: var(--bs-border-color-translucent, rgba(0, 0, 0, .1));--dg-shadow-sm: var(--bs-box-shadow-sm, 0 .125rem .25rem rgba(0, 0, 0, .075));--dg-shadow-md: var(--bs-box-shadow, 0 .5rem 1rem rgba(0, 0, 0, .15));--dg-radius-lg: var(--bs-border-radius-lg, .5rem);--dg-radius-md: var(--bs-border-radius, .375rem);--dg-radius-sm: var(--bs-border-radius-sm, .25rem);--dg-pager-surface: var(--bs-body-bg, #ffffff);--dg-pager-text: var(--bs-secondary-color, #6c757d);--dg-pager-control-bg: var(--bs-body-bg, #ffffff);--dg-pager-control-hover-bg: var(--bs-tertiary-bg, #f8f9fa);--dg-pager-control-border: var(--bs-border-color, #dee2e6);--dg-pager-link-text: var(--bs-primary, #0d6efd);--dg-pager-active-bg: var(--bs-primary, #0d6efd);--dg-pager-active-border: var(--bs-primary, #0d6efd);--dg-pager-active-text: var(--bs-btn-color, #fff);--dg-pager-select-icon: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e\")}.ngb-grid[data-theme=bootstrap-main],.ngb-datagrid-floating-panel[data-theme=bootstrap-main]{--dg-surface: var(--bs-body-bg, #ffffff);--dg-surface-muted: var(--bs-tertiary-bg, #f8f9fa);--dg-surface-subtle: var(--bs-secondary-bg, #e9ecef);--dg-surface-config: var(--bs-primary-bg-subtle, #cfe2ff);--dg-surface-filter-row: var(--bs-warning-bg-subtle, #fff3cd);--dg-surface-sticky-row: var(--bs-warning-bg-subtle, #fff3cd);--dg-border: var(--bs-border-color, #dee2e6);--dg-border-strong: var(--bs-border-color-translucent, #ced4da);--dg-text: var(--bs-body-color, #212529);--dg-text-muted: var(--bs-secondary-color, #6c757d);--dg-text-subtle: var(--bs-tertiary-color, #6c757d);--dg-primary: var(--bs-primary, #0d6efd);--dg-primary-hover: var(--bs-link-hover-color, #0a58ca);--dg-primary-active: var(--bs-link-hover-color, #0a58ca);--dg-primary-soft: var(--bs-primary-bg-subtle, #cfe2ff);--dg-primary-border-subtle: var(--bs-primary-border-subtle, #9ec5fe);--dg-accent: var(--bs-primary, #0d6efd);--dg-on-primary: var(--bs-btn-color, #fff);--dg-placeholder: var(--bs-secondary-color, #6c757d);--dg-success: var(--bs-success, #198754);--dg-success-soft: var(--bs-success-bg-subtle, #d1e7dd);--dg-success-text: var(--bs-success-text-emphasis, #0a3622);--dg-success-border-subtle: var(--bs-success-border-subtle, #a3cfbb);--dg-danger: var(--bs-danger, #dc3545);--dg-danger-soft: var(--bs-danger-bg-subtle, #f8d7da);--dg-danger-text: var(--bs-danger-text-emphasis, #58151c);--dg-danger-border-subtle: var(--bs-danger-border-subtle, #f1aeb5);--dg-warning-soft: var(--bs-warning-bg-subtle, #fff3cd);--dg-warning-border: var(--bs-warning-border-subtle, #ffe69c);--dg-warning-text: var(--bs-warning-text-emphasis, #664d03);--dg-filter-multi-icon: var(--bs-success, #198754);--dg-filter-multi-icon-soft: var(--bs-success-bg-subtle, #d1e7dd);--dg-neutral-pill-bg: var(--bs-secondary-bg, #e9ecef);--dg-locked-bg: var(--bs-tertiary-bg, #f8f9fa);--dg-row-selected-bg: var(--bs-primary-bg-subtle, #cfe2ff);--dg-row-hover-bg: var(--bs-tertiary-bg, #f8f9fa);--dg-row-odd-bg: transparent;--dg-row-even-bg: transparent;--dg-detail-row-bg: var(--bs-primary-bg-subtle, #cfe2ff);--dg-search-highlight-bg: var(--bs-warning-bg-subtle, #fff3cd);--dg-sticky-border: var(--bs-warning-border-subtle, #ffe69c);--dg-sticky-badge-bg: var(--bs-warning-bg-subtle, #fff3cd);--dg-sticky-badge-text: var(--bs-warning-text-emphasis, #664d03);--dg-dropdown-item-active-bg: var(--bs-primary-bg-subtle, #cfe2ff);--dg-dropdown-item-active-color: var(--bs-primary, #0d6efd);--dg-focus-ring: var(--bs-focus-ring-color, var(--bs-primary, #0d6efd));--dg-focus-border: rgba(var(--bs-primary-rgb, 13, 110, 253), .45);--dg-focus-shadow: 0 0 0 .25rem rgba(var(--bs-primary-rgb, 13, 110, 253), var(--bs-focus-ring-opacity, .25));--dg-pin-shadow-start: 1px 0 0 var(--bs-border-color-translucent, rgba(0, 0, 0, .08));--dg-pin-shadow-end: -1px 0 0 var(--bs-border-color-translucent, rgba(0, 0, 0, .08));--dg-backdrop: rgba(var(--bs-emphasis-color-rgb, 33, 37, 41), .5);--dg-loading-overlay: color-mix(in srgb, var(--dg-surface) 55%, transparent);--dg-primary-selection-overlay: rgba(var(--bs-primary-rgb, 13, 110, 253), .18);--dg-filter-divider: var(--bs-border-color-translucent, rgba(0, 0, 0, .1));--dg-shadow-sm: var(--bs-box-shadow-sm, 0 .125rem .25rem rgba(0, 0, 0, .075));--dg-shadow-md: var(--bs-box-shadow, 0 .5rem 1rem rgba(0, 0, 0, .15));--dg-radius-lg: var(--bs-border-radius-lg, .5rem);--dg-radius-md: var(--bs-border-radius, .375rem);--dg-radius-sm: var(--bs-border-radius-sm, .25rem);--dg-pager-surface: var(--bs-body-bg, #ffffff);--dg-pager-text: var(--bs-secondary-color, #6c757d);--dg-pager-control-bg: var(--bs-body-bg, #ffffff);--dg-pager-control-hover-bg: var(--bs-tertiary-bg, #f8f9fa);--dg-pager-control-border: var(--bs-border-color, #dee2e6);--dg-pager-link-text: var(--bs-primary, #0d6efd);--dg-pager-active-bg: var(--bs-primary, #0d6efd);--dg-pager-active-border: var(--bs-primary, #0d6efd);--dg-pager-active-text: var(--bs-btn-color, #fff);--dg-pager-select-icon: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e\");--dg-surface: #f8fbff;--dg-surface-muted: #eaf3ff;--dg-surface-subtle: #d9eaff;--dg-surface-config: #e0efff;--dg-border: #bfd7f4;--dg-border-strong: #7fb0e3;--dg-text: #172554;--dg-text-muted: #45617f;--dg-primary: #1769e0;--dg-primary-hover: #0f56bd;--dg-primary-active: #0b438f;--dg-primary-soft: #dbeafe;--dg-primary-border-subtle: #93c5fd;--dg-accent: #0f766e;--dg-row-selected-bg: #dcecff;--dg-row-hover-bg: #eef6ff;--dg-detail-row-bg: #edf6ff;--dg-dropdown-item-active-bg: #dcecff;--dg-dropdown-item-active-color: #0f56bd;--dg-focus-ring: #1769e0;--dg-focus-border: rgba(23, 105, 224, .48);--dg-focus-shadow: 0 0 0 .2rem rgba(23, 105, 224, .16)}.ngb-grid[data-theme=bootstrap-main-dark],.ngb-datagrid-floating-panel[data-theme=bootstrap-main-dark]{--dg-surface: var(--bs-body-bg, #ffffff);--dg-surface-muted: var(--bs-tertiary-bg, #f8f9fa);--dg-surface-subtle: var(--bs-secondary-bg, #e9ecef);--dg-surface-config: var(--bs-primary-bg-subtle, #cfe2ff);--dg-surface-filter-row: var(--bs-warning-bg-subtle, #fff3cd);--dg-surface-sticky-row: var(--bs-warning-bg-subtle, #fff3cd);--dg-border: var(--bs-border-color, #dee2e6);--dg-border-strong: var(--bs-border-color-translucent, #ced4da);--dg-text: var(--bs-body-color, #212529);--dg-text-muted: var(--bs-secondary-color, #6c757d);--dg-text-subtle: var(--bs-tertiary-color, #6c757d);--dg-primary: var(--bs-primary, #0d6efd);--dg-primary-hover: var(--bs-link-hover-color, #0a58ca);--dg-primary-active: var(--bs-link-hover-color, #0a58ca);--dg-primary-soft: var(--bs-primary-bg-subtle, #cfe2ff);--dg-primary-border-subtle: var(--bs-primary-border-subtle, #9ec5fe);--dg-accent: var(--bs-primary, #0d6efd);--dg-on-primary: var(--bs-btn-color, #fff);--dg-placeholder: var(--bs-secondary-color, #6c757d);--dg-success: var(--bs-success, #198754);--dg-success-soft: var(--bs-success-bg-subtle, #d1e7dd);--dg-success-text: var(--bs-success-text-emphasis, #0a3622);--dg-success-border-subtle: var(--bs-success-border-subtle, #a3cfbb);--dg-danger: var(--bs-danger, #dc3545);--dg-danger-soft: var(--bs-danger-bg-subtle, #f8d7da);--dg-danger-text: var(--bs-danger-text-emphasis, #58151c);--dg-danger-border-subtle: var(--bs-danger-border-subtle, #f1aeb5);--dg-warning-soft: var(--bs-warning-bg-subtle, #fff3cd);--dg-warning-border: var(--bs-warning-border-subtle, #ffe69c);--dg-warning-text: var(--bs-warning-text-emphasis, #664d03);--dg-filter-multi-icon: var(--bs-success, #198754);--dg-filter-multi-icon-soft: var(--bs-success-bg-subtle, #d1e7dd);--dg-neutral-pill-bg: var(--bs-secondary-bg, #e9ecef);--dg-locked-bg: var(--bs-tertiary-bg, #f8f9fa);--dg-row-selected-bg: var(--bs-primary-bg-subtle, #cfe2ff);--dg-row-hover-bg: var(--bs-tertiary-bg, #f8f9fa);--dg-row-odd-bg: transparent;--dg-row-even-bg: transparent;--dg-detail-row-bg: var(--bs-primary-bg-subtle, #cfe2ff);--dg-search-highlight-bg: var(--bs-warning-bg-subtle, #fff3cd);--dg-sticky-border: var(--bs-warning-border-subtle, #ffe69c);--dg-sticky-badge-bg: var(--bs-warning-bg-subtle, #fff3cd);--dg-sticky-badge-text: var(--bs-warning-text-emphasis, #664d03);--dg-dropdown-item-active-bg: var(--bs-primary-bg-subtle, #cfe2ff);--dg-dropdown-item-active-color: var(--bs-primary, #0d6efd);--dg-focus-ring: var(--bs-focus-ring-color, var(--bs-primary, #0d6efd));--dg-focus-border: rgba(var(--bs-primary-rgb, 13, 110, 253), .45);--dg-focus-shadow: 0 0 0 .25rem rgba(var(--bs-primary-rgb, 13, 110, 253), var(--bs-focus-ring-opacity, .25));--dg-pin-shadow-start: 1px 0 0 var(--bs-border-color-translucent, rgba(0, 0, 0, .08));--dg-pin-shadow-end: -1px 0 0 var(--bs-border-color-translucent, rgba(0, 0, 0, .08));--dg-backdrop: rgba(var(--bs-emphasis-color-rgb, 33, 37, 41), .5);--dg-loading-overlay: color-mix(in srgb, var(--dg-surface) 55%, transparent);--dg-primary-selection-overlay: rgba(var(--bs-primary-rgb, 13, 110, 253), .18);--dg-filter-divider: var(--bs-border-color-translucent, rgba(0, 0, 0, .1));--dg-shadow-sm: var(--bs-box-shadow-sm, 0 .125rem .25rem rgba(0, 0, 0, .075));--dg-shadow-md: var(--bs-box-shadow, 0 .5rem 1rem rgba(0, 0, 0, .15));--dg-radius-lg: var(--bs-border-radius-lg, .5rem);--dg-radius-md: var(--bs-border-radius, .375rem);--dg-radius-sm: var(--bs-border-radius-sm, .25rem);--dg-pager-surface: var(--bs-body-bg, #ffffff);--dg-pager-text: var(--bs-secondary-color, #6c757d);--dg-pager-control-bg: var(--bs-body-bg, #ffffff);--dg-pager-control-hover-bg: var(--bs-tertiary-bg, #f8f9fa);--dg-pager-control-border: var(--bs-border-color, #dee2e6);--dg-pager-link-text: var(--bs-primary, #0d6efd);--dg-pager-active-bg: var(--bs-primary, #0d6efd);--dg-pager-active-border: var(--bs-primary, #0d6efd);--dg-pager-active-text: var(--bs-btn-color, #fff);--dg-pager-select-icon: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e\");--dg-surface: #172033;--dg-surface-muted: #202b42;--dg-surface-subtle: #273653;--dg-surface-config: #172a4f;--dg-surface-filter-row: #2c2714;--dg-surface-sticky-row: #2e2810;--dg-border: #33425f;--dg-border-strong: #4a5d80;--dg-text: #edf2ff;--dg-text-muted: #b8c3d9;--dg-text-subtle: #93a2bd;--dg-primary: #38bdf8;--dg-primary-hover: #7dd3fc;--dg-primary-active: #bae6fd;--dg-primary-soft: #12344f;--dg-primary-border-subtle: #0284c7;--dg-accent: #38bdf8;--dg-on-primary: #ffffff;--dg-placeholder: #93a2bd;--dg-locked-bg: #1e2a40;--dg-row-selected-bg: #153a67;--dg-row-hover-bg: #22304a;--dg-row-odd-bg: #172033;--dg-row-even-bg: #1b263a;--dg-detail-row-bg: #182d4c;--dg-dropdown-item-active-bg: #183b70;--dg-dropdown-item-active-color: #bfdbfe;--dg-focus-ring: #60a5fa;--dg-focus-border: rgba(96, 165, 250, .6);--dg-focus-shadow: 0 0 0 .2rem rgba(96, 165, 250, .2);--dg-shadow-sm: 0 1px 2px rgba(0, 0, 0, .35);--dg-shadow-md: 0 14px 32px rgba(0, 0, 0, .36);--dg-pager-surface: #111827;--dg-pager-text: #dbeafe;--dg-pager-control-bg: #172033;--dg-pager-control-hover-bg: #22304a;--dg-pager-control-border: #4a5d80;--dg-pager-link-text: #dbeafe;--dg-pager-active-bg: #38bdf8;--dg-pager-active-border: #38bdf8;--dg-pager-active-text: #0f172a;--dg-pager-select-icon: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e\")}.ngb-grid[data-theme=bootstrap-nordic],.ngb-datagrid-floating-panel[data-theme=bootstrap-nordic]{--dg-surface: var(--bs-body-bg, #ffffff);--dg-surface-muted: var(--bs-tertiary-bg, #f8f9fa);--dg-surface-subtle: var(--bs-secondary-bg, #e9ecef);--dg-surface-config: var(--bs-primary-bg-subtle, #cfe2ff);--dg-surface-filter-row: var(--bs-warning-bg-subtle, #fff3cd);--dg-surface-sticky-row: var(--bs-warning-bg-subtle, #fff3cd);--dg-border: var(--bs-border-color, #dee2e6);--dg-border-strong: var(--bs-border-color-translucent, #ced4da);--dg-text: var(--bs-body-color, #212529);--dg-text-muted: var(--bs-secondary-color, #6c757d);--dg-text-subtle: var(--bs-tertiary-color, #6c757d);--dg-primary: var(--bs-primary, #0d6efd);--dg-primary-hover: var(--bs-link-hover-color, #0a58ca);--dg-primary-active: var(--bs-link-hover-color, #0a58ca);--dg-primary-soft: var(--bs-primary-bg-subtle, #cfe2ff);--dg-primary-border-subtle: var(--bs-primary-border-subtle, #9ec5fe);--dg-accent: var(--bs-primary, #0d6efd);--dg-on-primary: var(--bs-btn-color, #fff);--dg-placeholder: var(--bs-secondary-color, #6c757d);--dg-success: var(--bs-success, #198754);--dg-success-soft: var(--bs-success-bg-subtle, #d1e7dd);--dg-success-text: var(--bs-success-text-emphasis, #0a3622);--dg-success-border-subtle: var(--bs-success-border-subtle, #a3cfbb);--dg-danger: var(--bs-danger, #dc3545);--dg-danger-soft: var(--bs-danger-bg-subtle, #f8d7da);--dg-danger-text: var(--bs-danger-text-emphasis, #58151c);--dg-danger-border-subtle: var(--bs-danger-border-subtle, #f1aeb5);--dg-warning-soft: var(--bs-warning-bg-subtle, #fff3cd);--dg-warning-border: var(--bs-warning-border-subtle, #ffe69c);--dg-warning-text: var(--bs-warning-text-emphasis, #664d03);--dg-filter-multi-icon: var(--bs-success, #198754);--dg-filter-multi-icon-soft: var(--bs-success-bg-subtle, #d1e7dd);--dg-neutral-pill-bg: var(--bs-secondary-bg, #e9ecef);--dg-locked-bg: var(--bs-tertiary-bg, #f8f9fa);--dg-row-selected-bg: var(--bs-primary-bg-subtle, #cfe2ff);--dg-row-hover-bg: var(--bs-tertiary-bg, #f8f9fa);--dg-row-even-bg: transparent;--dg-detail-row-bg: var(--bs-primary-bg-subtle, #cfe2ff);--dg-search-highlight-bg: var(--bs-warning-bg-subtle, #fff3cd);--dg-sticky-border: var(--bs-warning-border-subtle, #ffe69c);--dg-sticky-badge-bg: var(--bs-warning-bg-subtle, #fff3cd);--dg-sticky-badge-text: var(--bs-warning-text-emphasis, #664d03);--dg-dropdown-item-active-bg: var(--bs-primary-bg-subtle, #cfe2ff);--dg-dropdown-item-active-color: var(--bs-primary, #0d6efd);--dg-focus-ring: var(--bs-focus-ring-color, var(--bs-primary, #0d6efd));--dg-focus-border: rgba(var(--bs-primary-rgb, 13, 110, 253), .45);--dg-focus-shadow: 0 0 0 .25rem rgba(var(--bs-primary-rgb, 13, 110, 253), var(--bs-focus-ring-opacity, .25));--dg-pin-shadow-start: 1px 0 0 var(--bs-border-color-translucent, rgba(0, 0, 0, .08));--dg-pin-shadow-end: -1px 0 0 var(--bs-border-color-translucent, rgba(0, 0, 0, .08));--dg-backdrop: rgba(var(--bs-emphasis-color-rgb, 33, 37, 41), .5);--dg-loading-overlay: color-mix(in srgb, var(--dg-surface) 55%, transparent);--dg-primary-selection-overlay: rgba(var(--bs-primary-rgb, 13, 110, 253), .18);--dg-filter-divider: var(--bs-border-color-translucent, rgba(0, 0, 0, .1));--dg-shadow-sm: var(--bs-box-shadow-sm, 0 .125rem .25rem rgba(0, 0, 0, .075));--dg-shadow-md: var(--bs-box-shadow, 0 .5rem 1rem rgba(0, 0, 0, .15));--dg-radius-lg: var(--bs-border-radius-lg, .5rem);--dg-radius-md: var(--bs-border-radius, .375rem);--dg-radius-sm: var(--bs-border-radius-sm, .25rem);--dg-pager-surface: var(--bs-body-bg, #ffffff);--dg-pager-text: var(--bs-secondary-color, #6c757d);--dg-pager-control-bg: var(--bs-body-bg, #ffffff);--dg-pager-control-hover-bg: var(--bs-tertiary-bg, #f8f9fa);--dg-pager-control-border: var(--bs-border-color, #dee2e6);--dg-pager-link-text: var(--bs-primary, #0d6efd);--dg-pager-active-bg: var(--bs-primary, #0d6efd);--dg-pager-active-border: var(--bs-primary, #0d6efd);--dg-pager-active-text: var(--bs-btn-color, #fff);--dg-pager-select-icon: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e\");--dg-surface: #ffffff;--dg-surface-muted: #f2f7f8;--dg-surface-subtle: #e6f0f2;--dg-surface-config: #e4f8fb;--dg-surface-filter-row: #fff7ed;--dg-border: #d5e4e7;--dg-border-strong: #a9c8cf;--dg-text: #263243;--dg-text-muted: #64748b;--dg-primary: #0ea5b7;--dg-primary-hover: #0b8798;--dg-primary-active: #0f6b7a;--dg-primary-soft: #d7f5f8;--dg-primary-border-subtle: #9be4ec;--dg-accent: #e85d75;--dg-row-selected-bg: #e7f8fb;--dg-row-hover-bg: #f0fbfd;--dg-row-odd-bg: transparent;--dg-row-even-bg: #fbfeff;--dg-detail-row-bg: #f4fbfc;--dg-dropdown-item-active-bg: #e7f8fb;--dg-dropdown-item-active-color: #0b8798;--dg-focus-ring: #0ea5b7;--dg-focus-border: rgba(14, 165, 183, .45);--dg-focus-shadow: 0 0 0 .2rem rgba(14, 165, 183, .15);--dg-font-size-cell: .88rem;--dg-cell-padding-y: .82rem;--dg-pager-surface: #f8ffff;--dg-pager-text: #526173;--dg-pager-control-bg: #ffffff;--dg-pager-control-hover-bg: #e7f8fb;--dg-pager-control-border: #b9dce2;--dg-pager-link-text: #0b8798;--dg-pager-active-bg: #0ea5b7;--dg-pager-active-border: #0ea5b7;--dg-pager-active-text: #ffffff}.ngb-grid[data-theme=bootstrap-urban],.ngb-datagrid-floating-panel[data-theme=bootstrap-urban]{--dg-surface: var(--bs-body-bg, #ffffff);--dg-surface-muted: var(--bs-tertiary-bg, #f8f9fa);--dg-surface-subtle: var(--bs-secondary-bg, #e9ecef);--dg-surface-config: var(--bs-primary-bg-subtle, #cfe2ff);--dg-surface-filter-row: var(--bs-warning-bg-subtle, #fff3cd);--dg-surface-sticky-row: var(--bs-warning-bg-subtle, #fff3cd);--dg-border: var(--bs-border-color, #dee2e6);--dg-border-strong: var(--bs-border-color-translucent, #ced4da);--dg-text: var(--bs-body-color, #212529);--dg-text-muted: var(--bs-secondary-color, #6c757d);--dg-text-subtle: var(--bs-tertiary-color, #6c757d);--dg-primary: var(--bs-primary, #0d6efd);--dg-primary-hover: var(--bs-link-hover-color, #0a58ca);--dg-primary-active: var(--bs-link-hover-color, #0a58ca);--dg-primary-soft: var(--bs-primary-bg-subtle, #cfe2ff);--dg-primary-border-subtle: var(--bs-primary-border-subtle, #9ec5fe);--dg-accent: var(--bs-primary, #0d6efd);--dg-on-primary: var(--bs-btn-color, #fff);--dg-placeholder: var(--bs-secondary-color, #6c757d);--dg-success: var(--bs-success, #198754);--dg-success-soft: var(--bs-success-bg-subtle, #d1e7dd);--dg-success-text: var(--bs-success-text-emphasis, #0a3622);--dg-success-border-subtle: var(--bs-success-border-subtle, #a3cfbb);--dg-danger: var(--bs-danger, #dc3545);--dg-danger-soft: var(--bs-danger-bg-subtle, #f8d7da);--dg-danger-text: var(--bs-danger-text-emphasis, #58151c);--dg-danger-border-subtle: var(--bs-danger-border-subtle, #f1aeb5);--dg-warning-soft: var(--bs-warning-bg-subtle, #fff3cd);--dg-warning-border: var(--bs-warning-border-subtle, #ffe69c);--dg-warning-text: var(--bs-warning-text-emphasis, #664d03);--dg-filter-multi-icon: var(--bs-success, #198754);--dg-filter-multi-icon-soft: var(--bs-success-bg-subtle, #d1e7dd);--dg-neutral-pill-bg: var(--bs-secondary-bg, #e9ecef);--dg-locked-bg: var(--bs-tertiary-bg, #f8f9fa);--dg-row-selected-bg: var(--bs-primary-bg-subtle, #cfe2ff);--dg-row-hover-bg: var(--bs-tertiary-bg, #f8f9fa);--dg-detail-row-bg: var(--bs-primary-bg-subtle, #cfe2ff);--dg-search-highlight-bg: var(--bs-warning-bg-subtle, #fff3cd);--dg-sticky-border: var(--bs-warning-border-subtle, #ffe69c);--dg-sticky-badge-bg: var(--bs-warning-bg-subtle, #fff3cd);--dg-sticky-badge-text: var(--bs-warning-text-emphasis, #664d03);--dg-dropdown-item-active-bg: var(--bs-primary-bg-subtle, #cfe2ff);--dg-dropdown-item-active-color: var(--bs-primary, #0d6efd);--dg-focus-ring: var(--bs-focus-ring-color, var(--bs-primary, #0d6efd));--dg-focus-border: rgba(var(--bs-primary-rgb, 13, 110, 253), .45);--dg-focus-shadow: 0 0 0 .25rem rgba(var(--bs-primary-rgb, 13, 110, 253), var(--bs-focus-ring-opacity, .25));--dg-pin-shadow-start: 1px 0 0 var(--bs-border-color-translucent, rgba(0, 0, 0, .08));--dg-pin-shadow-end: -1px 0 0 var(--bs-border-color-translucent, rgba(0, 0, 0, .08));--dg-backdrop: rgba(var(--bs-emphasis-color-rgb, 33, 37, 41), .5);--dg-loading-overlay: color-mix(in srgb, var(--dg-surface) 55%, transparent);--dg-primary-selection-overlay: rgba(var(--bs-primary-rgb, 13, 110, 253), .18);--dg-filter-divider: var(--bs-border-color-translucent, rgba(0, 0, 0, .1));--dg-shadow-sm: var(--bs-box-shadow-sm, 0 .125rem .25rem rgba(0, 0, 0, .075));--dg-shadow-md: var(--bs-box-shadow, 0 .5rem 1rem rgba(0, 0, 0, .15));--dg-radius-lg: var(--bs-border-radius-lg, .5rem);--dg-radius-md: var(--bs-border-radius, .375rem);--dg-radius-sm: var(--bs-border-radius-sm, .25rem);--dg-pager-surface: var(--bs-body-bg, #ffffff);--dg-pager-text: var(--bs-secondary-color, #6c757d);--dg-pager-control-bg: var(--bs-body-bg, #ffffff);--dg-pager-control-hover-bg: var(--bs-tertiary-bg, #f8f9fa);--dg-pager-control-border: var(--bs-border-color, #dee2e6);--dg-pager-link-text: var(--bs-primary, #0d6efd);--dg-pager-active-bg: var(--bs-primary, #0d6efd);--dg-pager-active-border: var(--bs-primary, #0d6efd);--dg-pager-active-text: var(--bs-btn-color, #fff);--dg-pager-select-icon: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e\");--dg-surface: #ffffff;--dg-surface-muted: #f5f8fa;--dg-surface-subtle: #edf4f7;--dg-surface-config: #e8f4f9;--dg-border: #d9e5ea;--dg-border-strong: #adc6d3;--dg-text: #263445;--dg-text-muted: #5f6f84;--dg-primary: #468faf;--dg-primary-hover: #36748f;--dg-primary-active: #285b72;--dg-primary-soft: #e0f0f6;--dg-primary-border-subtle: #b9dbe8;--dg-accent: #ff7f50;--dg-row-selected-bg: #e8f4f9;--dg-row-hover-bg: #fff2eb;--dg-row-odd-bg: transparent;--dg-row-even-bg: transparent;--dg-dropdown-item-active-bg: #e8f4f9;--dg-dropdown-item-active-color: #36748f;--dg-focus-ring: #468faf;--dg-focus-border: rgba(70, 143, 175, .48);--dg-focus-shadow: 0 0 0 .2rem rgba(70, 143, 175, .16);--dg-cell-padding-y: .86rem;--dg-cell-padding-x: .95rem;--dg-pager-surface: #fffaf7;--dg-pager-text: #5f6f84;--dg-pager-control-bg: #ffffff;--dg-pager-control-hover-bg: #fff2eb;--dg-pager-control-border: #d4e1e7;--dg-pager-link-text: #36748f;--dg-pager-active-bg: #468faf;--dg-pager-active-border: #468faf;--dg-pager-active-text: #ffffff}.ngb-grid[data-theme=bootstrap-vintage],.ngb-datagrid-floating-panel[data-theme=bootstrap-vintage]{--dg-surface: var(--bs-body-bg, #ffffff);--dg-surface-muted: var(--bs-tertiary-bg, #f8f9fa);--dg-surface-subtle: var(--bs-secondary-bg, #e9ecef);--dg-surface-config: var(--bs-primary-bg-subtle, #cfe2ff);--dg-surface-filter-row: var(--bs-warning-bg-subtle, #fff3cd);--dg-surface-sticky-row: var(--bs-warning-bg-subtle, #fff3cd);--dg-border: var(--bs-border-color, #dee2e6);--dg-border-strong: var(--bs-border-color-translucent, #ced4da);--dg-text: var(--bs-body-color, #212529);--dg-text-muted: var(--bs-secondary-color, #6c757d);--dg-text-subtle: var(--bs-tertiary-color, #6c757d);--dg-primary: var(--bs-primary, #0d6efd);--dg-primary-hover: var(--bs-link-hover-color, #0a58ca);--dg-primary-active: var(--bs-link-hover-color, #0a58ca);--dg-primary-soft: var(--bs-primary-bg-subtle, #cfe2ff);--dg-primary-border-subtle: var(--bs-primary-border-subtle, #9ec5fe);--dg-accent: var(--bs-primary, #0d6efd);--dg-on-primary: var(--bs-btn-color, #fff);--dg-placeholder: var(--bs-secondary-color, #6c757d);--dg-success: var(--bs-success, #198754);--dg-success-soft: var(--bs-success-bg-subtle, #d1e7dd);--dg-success-text: var(--bs-success-text-emphasis, #0a3622);--dg-success-border-subtle: var(--bs-success-border-subtle, #a3cfbb);--dg-danger: var(--bs-danger, #dc3545);--dg-danger-soft: var(--bs-danger-bg-subtle, #f8d7da);--dg-danger-text: var(--bs-danger-text-emphasis, #58151c);--dg-danger-border-subtle: var(--bs-danger-border-subtle, #f1aeb5);--dg-warning-soft: var(--bs-warning-bg-subtle, #fff3cd);--dg-warning-border: var(--bs-warning-border-subtle, #ffe69c);--dg-warning-text: var(--bs-warning-text-emphasis, #664d03);--dg-filter-multi-icon: var(--bs-success, #198754);--dg-filter-multi-icon-soft: var(--bs-success-bg-subtle, #d1e7dd);--dg-neutral-pill-bg: var(--bs-secondary-bg, #e9ecef);--dg-locked-bg: var(--bs-tertiary-bg, #f8f9fa);--dg-row-selected-bg: var(--bs-primary-bg-subtle, #cfe2ff);--dg-row-hover-bg: var(--bs-tertiary-bg, #f8f9fa);--dg-row-odd-bg: transparent;--dg-row-even-bg: transparent;--dg-detail-row-bg: var(--bs-primary-bg-subtle, #cfe2ff);--dg-search-highlight-bg: var(--bs-warning-bg-subtle, #fff3cd);--dg-sticky-border: var(--bs-warning-border-subtle, #ffe69c);--dg-sticky-badge-bg: var(--bs-warning-bg-subtle, #fff3cd);--dg-sticky-badge-text: var(--bs-warning-text-emphasis, #664d03);--dg-dropdown-item-active-bg: var(--bs-primary-bg-subtle, #cfe2ff);--dg-dropdown-item-active-color: var(--bs-primary, #0d6efd);--dg-focus-ring: var(--bs-focus-ring-color, var(--bs-primary, #0d6efd));--dg-focus-border: rgba(var(--bs-primary-rgb, 13, 110, 253), .45);--dg-focus-shadow: 0 0 0 .25rem rgba(var(--bs-primary-rgb, 13, 110, 253), var(--bs-focus-ring-opacity, .25));--dg-pin-shadow-start: 1px 0 0 var(--bs-border-color-translucent, rgba(0, 0, 0, .08));--dg-pin-shadow-end: -1px 0 0 var(--bs-border-color-translucent, rgba(0, 0, 0, .08));--dg-backdrop: rgba(var(--bs-emphasis-color-rgb, 33, 37, 41), .5);--dg-loading-overlay: color-mix(in srgb, var(--dg-surface) 55%, transparent);--dg-primary-selection-overlay: rgba(var(--bs-primary-rgb, 13, 110, 253), .18);--dg-filter-divider: var(--bs-border-color-translucent, rgba(0, 0, 0, .1));--dg-shadow-sm: var(--bs-box-shadow-sm, 0 .125rem .25rem rgba(0, 0, 0, .075));--dg-shadow-md: var(--bs-box-shadow, 0 .5rem 1rem rgba(0, 0, 0, .15));--dg-radius-lg: var(--bs-border-radius-lg, .5rem);--dg-radius-md: var(--bs-border-radius, .375rem);--dg-radius-sm: var(--bs-border-radius-sm, .25rem);--dg-pager-surface: var(--bs-body-bg, #ffffff);--dg-pager-text: var(--bs-secondary-color, #6c757d);--dg-pager-control-bg: var(--bs-body-bg, #ffffff);--dg-pager-control-hover-bg: var(--bs-tertiary-bg, #f8f9fa);--dg-pager-control-border: var(--bs-border-color, #dee2e6);--dg-pager-link-text: var(--bs-primary, #0d6efd);--dg-pager-active-bg: var(--bs-primary, #0d6efd);--dg-pager-active-border: var(--bs-primary, #0d6efd);--dg-pager-active-text: var(--bs-btn-color, #fff);--dg-pager-select-icon: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e\");--dg-surface: #fffdf8;--dg-surface-muted: #f6f0e7;--dg-surface-subtle: #eee4d8;--dg-surface-config: #f2e7ef;--dg-border: #dfd2c2;--dg-border-strong: #c8b8a5;--dg-text: #3d3440;--dg-text-muted: #766a72;--dg-primary: #7f4f68;--dg-primary-hover: #684057;--dg-primary-active: #523246;--dg-primary-soft: #efdde8;--dg-primary-border-subtle: #d8b9ca;--dg-accent: #88b0b7;--dg-row-selected-bg: #f1e4ec;--dg-row-hover-bg: #fbf1e5;--dg-row-odd-bg: #fffdf8;--dg-row-even-bg: #fbf7ef;--dg-detail-row-bg: #fbf6ef;--dg-dropdown-item-active-bg: #f1e4ec;--dg-dropdown-item-active-color: #684057;--dg-focus-ring: #7f4f68;--dg-focus-border: rgba(127, 79, 104, .5);--dg-focus-shadow: 0 0 0 .2rem rgba(127, 79, 104, .16);--dg-font-size-header: .78rem;--dg-font-size-cell: .86rem;--dg-pager-surface: #fffdf8;--dg-pager-text: #766a72;--dg-pager-control-bg: #fffaf2;--dg-pager-control-hover-bg: #fbf1e5;--dg-pager-control-border: #dfd2c2;--dg-pager-link-text: #684057;--dg-pager-active-bg: #7f4f68;--dg-pager-active-border: #7f4f68;--dg-pager-active-text: #ffffff}.ngb-grid[data-theme=material],.ngb-grid[data-theme=material-main],.ngb-datagrid-floating-panel[data-theme=material],.ngb-datagrid-floating-panel[data-theme=material-main]{--dg-surface: #fffbfe;--dg-surface-muted: #f4eff4;--dg-surface-subtle: #e7e0ec;--dg-surface-config: #eaddff;--dg-border: #cac4d0;--dg-border-strong: #938f99;--dg-text: #1c1b1f;--dg-text-muted: #49454f;--dg-primary: #6750a4;--dg-primary-hover: #59468d;--dg-primary-active: #4f378b;--dg-primary-soft: #eaddff;--dg-primary-border-subtle: #d0bcff;--dg-accent: #7d5260;--dg-row-selected-bg: #eaddff;--dg-row-hover-bg: #f5efff;--dg-row-odd-bg: transparent;--dg-row-even-bg: transparent;--dg-detail-row-bg: #f7f2fa;--dg-dropdown-item-active-bg: #eaddff;--dg-dropdown-item-active-color: #4f378b;--dg-focus-ring: #6750a4;--dg-focus-border: rgba(103, 80, 164, .5);--dg-focus-shadow: 0 0 0 .18rem rgba(103, 80, 164, .16);--dg-radius-lg: .75rem;--dg-radius-md: .65rem;--dg-radius-sm: .5rem;--dg-font-size-header: .78rem;--dg-font-size-cell: .86rem;--dg-cell-padding-y: .8rem;--dg-table-border-width: 0;--dg-pager-control-bg: #fffbfe;--dg-pager-control-hover-bg: #f4eff4;--dg-pager-control-border: #cac4d0}.ngb-grid[data-theme=material-indigo],.ngb-datagrid-floating-panel[data-theme=material-indigo]{--dg-surface: #fffbfe;--dg-surface-muted: #f4eff4;--dg-surface-subtle: #e7e0ec;--dg-surface-config: #eaddff;--dg-border: #cac4d0;--dg-border-strong: #938f99;--dg-text: #1c1b1f;--dg-text-muted: #49454f;--dg-primary: #6750a4;--dg-primary-hover: #59468d;--dg-primary-active: #4f378b;--dg-primary-soft: #eaddff;--dg-primary-border-subtle: #d0bcff;--dg-accent: #7d5260;--dg-row-selected-bg: #eaddff;--dg-row-hover-bg: #f5efff;--dg-row-odd-bg: transparent;--dg-row-even-bg: transparent;--dg-detail-row-bg: #f7f2fa;--dg-dropdown-item-active-bg: #eaddff;--dg-dropdown-item-active-color: #4f378b;--dg-focus-ring: #6750a4;--dg-focus-border: rgba(103, 80, 164, .5);--dg-focus-shadow: 0 0 0 .18rem rgba(103, 80, 164, .16);--dg-radius-lg: .75rem;--dg-radius-md: .65rem;--dg-radius-sm: .5rem;--dg-font-size-header: .78rem;--dg-font-size-cell: .86rem;--dg-cell-padding-y: .8rem;--dg-table-border-width: 0;--dg-pager-control-bg: #fffbfe;--dg-pager-control-hover-bg: #f4eff4;--dg-pager-control-border: #cac4d0;--dg-primary: #3f51b5;--dg-primary-hover: #303f9f;--dg-primary-active: #283593;--dg-primary-soft: #e8eaf6;--dg-primary-border-subtle: #c5cae9;--dg-dropdown-item-active-bg: #e8eaf6;--dg-dropdown-item-active-color: #303f9f;--dg-focus-ring: #3f51b5;--dg-focus-border: rgba(63, 81, 181, .48);--dg-focus-shadow: 0 0 0 .18rem rgba(63, 81, 181, .16);--dg-row-hover-bg: #f0f2ff}.ngb-grid[data-theme=material-deep-purple],.ngb-datagrid-floating-panel[data-theme=material-deep-purple]{--dg-surface: #fffbfe;--dg-surface-muted: #f4eff4;--dg-surface-subtle: #e7e0ec;--dg-surface-config: #eaddff;--dg-border: #cac4d0;--dg-border-strong: #938f99;--dg-text: #1c1b1f;--dg-text-muted: #49454f;--dg-primary: #6750a4;--dg-primary-hover: #59468d;--dg-primary-active: #4f378b;--dg-primary-soft: #eaddff;--dg-primary-border-subtle: #d0bcff;--dg-accent: #7d5260;--dg-row-selected-bg: #eaddff;--dg-row-hover-bg: #f5efff;--dg-row-odd-bg: transparent;--dg-row-even-bg: transparent;--dg-detail-row-bg: #f7f2fa;--dg-dropdown-item-active-bg: #eaddff;--dg-dropdown-item-active-color: #4f378b;--dg-focus-ring: #6750a4;--dg-focus-border: rgba(103, 80, 164, .5);--dg-focus-shadow: 0 0 0 .18rem rgba(103, 80, 164, .16);--dg-radius-lg: .75rem;--dg-radius-md: .65rem;--dg-radius-sm: .5rem;--dg-font-size-header: .78rem;--dg-font-size-cell: .86rem;--dg-cell-padding-y: .8rem;--dg-table-border-width: 0;--dg-pager-control-bg: #fffbfe;--dg-pager-control-hover-bg: #f4eff4;--dg-pager-control-border: #cac4d0;--dg-primary: #7e57c2;--dg-primary-hover: #673ab7;--dg-primary-active: #512da8;--dg-primary-soft: #ede7f6;--dg-primary-border-subtle: #d1c4e9;--dg-accent: #ff7043;--dg-row-selected-bg: #ede7f6;--dg-row-hover-bg: #f5edff;--dg-dropdown-item-active-bg: #ede7f6;--dg-dropdown-item-active-color: #512da8;--dg-focus-ring: #7e57c2;--dg-focus-border: rgba(126, 87, 194, .5);--dg-focus-shadow: 0 0 0 .18rem rgba(126, 87, 194, .16)}.ngb-grid[data-theme=tailwind],.ngb-grid[data-theme=tailwind-main],.ngb-datagrid-floating-panel[data-theme=tailwind],.ngb-datagrid-floating-panel[data-theme=tailwind-main]{--dg-surface: #ffffff;--dg-surface-muted: #f8fafc;--dg-surface-subtle: #f1f5f9;--dg-border: #cbd5e1;--dg-border-strong: #94a3b8;--dg-text: #0f172a;--dg-text-muted: #475569;--dg-primary: #2563eb;--dg-primary-hover: #1d4ed8;--dg-primary-active: #1e40af;--dg-primary-soft: #dbeafe;--dg-primary-border-subtle: #bfdbfe;--dg-dropdown-item-active-bg: #dbeafe;--dg-dropdown-item-active-color: #1d4ed8;--dg-focus-ring: #2563eb;--dg-focus-border: rgba(37, 99, 235, .48);--dg-focus-shadow: 0 0 0 .18rem rgba(37, 99, 235, .16);--dg-row-hover-bg: #eff6ff;--dg-font-size-header: .75rem;--dg-font-size-cell: .85rem;--dg-cell-padding-y: .68rem;--dg-cell-padding-x: .8rem;--dg-table-border-width: 1px;--dg-pager-surface: #ffffff;--dg-pager-text: #475569;--dg-pager-control-bg: #ffffff;--dg-pager-control-hover-bg: #eff6ff;--dg-pager-control-border: #bfdbfe;--dg-pager-link-text: #1d4ed8;--dg-pager-active-bg: #2563eb;--dg-pager-active-border: #2563eb;--dg-pager-active-text: #ffffff}.ngb-grid[data-theme=tailwind-slate],.ngb-datagrid-floating-panel[data-theme=tailwind-slate]{--dg-surface: #f8fafc;--dg-surface-muted: #e2e8f0;--dg-surface-subtle: #cbd5e1;--dg-border: #cbd5e1;--dg-border-strong: #64748b;--dg-text: #0f172a;--dg-text-muted: #475569;--dg-primary: #475569;--dg-primary-hover: #334155;--dg-primary-active: #1e293b;--dg-primary-soft: #e2e8f0;--dg-primary-border-subtle: #94a3b8;--dg-dropdown-item-active-bg: #e2e8f0;--dg-dropdown-item-active-color: #334155;--dg-focus-ring: #475569;--dg-row-hover-bg: #e2e8f0;--dg-row-odd-bg: #f8fafc;--dg-row-even-bg: #f1f5f9;--dg-focus-border: rgba(71, 85, 105, .48);--dg-focus-shadow: 0 0 0 .18rem rgba(71, 85, 105, .16)}.ngb-grid[data-theme=tailwind-emerald],.ngb-datagrid-floating-panel[data-theme=tailwind-emerald]{--dg-surface: #ffffff;--dg-surface-muted: #ecfdf5;--dg-surface-subtle: #d1fae5;--dg-border: #a7f3d0;--dg-border-strong: #34d399;--dg-text: #064e3b;--dg-text-muted: #047857;--dg-primary: #059669;--dg-primary-hover: #047857;--dg-primary-active: #065f46;--dg-primary-soft: #d1fae5;--dg-primary-border-subtle: #6ee7b7;--dg-dropdown-item-active-bg: #d1fae5;--dg-dropdown-item-active-color: #047857;--dg-focus-ring: #059669;--dg-focus-border: rgba(5, 150, 105, .48);--dg-focus-shadow: 0 0 0 .18rem rgba(5, 150, 105, .16)}.ngb-datagrid-floating-panel.grid-filter-menu-popover,.ngb-datagrid-floating-panel.dropdown-menu{position:fixed!important;z-index:1200;display:block;visibility:visible;opacity:1;pointer-events:auto;max-height:min(28rem,100vh - 1.5rem);overflow:auto;margin:0!important;border-radius:var(--dg-radius-md);border:1px solid var(--dg-border);background:var(--dg-surface);box-shadow:var(--dg-shadow-md)}.ngb-datagrid-floating-panel.dropdown-menu{min-width:12rem;padding:.35rem 0}.ngb-datagrid-floating-panel.grid-filter-operator-menu .dropdown-item{display:block;width:100%;padding:.5rem .85rem;border:0;background:transparent;font-size:.8125rem;font-weight:600;color:var(--dg-text);text-align:left}.ngb-datagrid-floating-panel.grid-filter-operator-menu .dropdown-item:hover{background:var(--dg-surface-subtle)}.ngb-datagrid-floating-panel.grid-filter-operator-menu .dropdown-item.active{color:var(--dg-dropdown-item-active-color);background:var(--dg-dropdown-item-active-bg)}.ngb-datagrid-floating-panel.dropdown-menu .dropdown-item{padding:.5rem .85rem;font-size:.8125rem;font-weight:600;color:var(--dg-text)}.ngb-datagrid-floating-panel.dropdown-menu .dropdown-item:hover{background:var(--dg-surface-subtle)}.ngb-datagrid-floating-panel.grid-filter-menu-popover{min-width:18rem;padding:0}.ngb-datagrid-floating-panel .grid-filter-menu-surface{display:block;min-width:18rem;padding:1rem;border-radius:var(--dg-radius-md);background:var(--dg-surface)}.ngb-datagrid-floating-panel .grid-filter-menu-surface__header{margin-bottom:.875rem}.ngb-datagrid-floating-panel .grid-filter-menu-surface__eyebrow{font-size:.75rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--dg-text-muted)}.ngb-datagrid-floating-panel .grid-filter-menu-surface__title{margin-top:.15rem;font-size:.95rem;font-weight:700;color:var(--dg-text)}.ngb-datagrid-floating-panel .grid-filter-stack{display:flex;flex-direction:column;gap:.75rem}.ngb-datagrid-floating-panel .grid-filter-stack__label{font-size:.8125rem;font-weight:600;color:var(--dg-text-muted)}.ngb-datagrid-floating-panel .grid-filter-stack--multi{gap:.65rem}.ngb-datagrid-floating-panel .grid-filter-condition{display:flex;flex-direction:column;gap:.5rem}.ngb-datagrid-floating-panel .grid-filter-operator-select,.ngb-grid .grid-filter-operator-select{width:100%;min-height:var(--dg-control-height);padding:.45rem .65rem;border:1px solid var(--dg-border);border-radius:var(--dg-radius-sm);background:var(--dg-surface);font-size:.875rem;color:var(--dg-text)}.ngb-datagrid-floating-panel .grid-filter-operator-select--compact,.ngb-grid .grid-filter-operator-select--compact{width:auto;min-width:2.25rem;max-width:2.5rem;padding:.35rem .25rem;font-size:0}.ngb-datagrid-floating-panel .grid-filter-logic-select,.ngb-grid .grid-filter-logic-select{display:flex;justify-content:center;margin:.15rem 0}.ngb-datagrid-floating-panel .grid-filter-logic-select select,.ngb-grid .grid-filter-logic-select select{width:auto;min-width:4.5rem;min-height:1.75rem;padding:.2rem 1.5rem .2rem .65rem;border:1px solid var(--dg-border);border-radius:var(--dg-radius-sm);background:var(--dg-surface);font-size:.8125rem;font-weight:600;color:var(--dg-text);text-align:center}.ngb-datagrid-floating-panel .grid-filter-menu-surface__actions--split,.ngb-grid .grid-filter-menu-surface__actions--split{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.ngb-datagrid-floating-panel .grid-filter-apply--secondary,.ngb-datagrid-floating-panel .grid-filter-cancel--secondary,.ngb-grid .grid-filter-apply--secondary,.ngb-grid .grid-filter-cancel--secondary{width:100%;border:1px solid var(--dg-border-strong);background:var(--dg-surface-muted);color:var(--dg-text);font-weight:600}.ngb-datagrid-floating-panel .grid-filter-apply--secondary:hover,.ngb-datagrid-floating-panel .grid-filter-cancel--secondary:hover,.ngb-grid .grid-filter-apply--secondary:hover,.ngb-grid .grid-filter-cancel--secondary:hover{background:var(--dg-surface-subtle)}.ngb-datagrid-floating-panel .grid-filter-multi-panel,.ngb-grid .grid-filter-multi-panel{display:flex;flex-direction:column;gap:.5rem;min-width:16.5rem}.ngb-datagrid-floating-panel .grid-filter-join-select,.ngb-grid .grid-filter-join-select{display:inline-block;width:fit-content;max-width:100%;margin:.1rem 0}.ngb-datagrid-floating-panel .grid-filter-join-select__control,.ngb-grid .grid-filter-join-select__control{width:100%;min-height:1.75rem;padding:.2rem 1.25rem .2rem .5rem;border:1px solid var(--dg-border);border-radius:var(--dg-radius-sm);background:var(--dg-surface);font-size:.8125rem;font-weight:600;text-align:left}.ngb-datagrid-floating-panel .grid-filter-field{position:relative;width:100%;min-width:0}.ngb-datagrid-floating-panel .grid-filter-field--with-icon .grid-filter-control,.ngb-datagrid-floating-panel .grid-filter-field--with-icon .grid-filter-value-input{padding-right:2.25rem}.ngb-datagrid-floating-panel .grid-filter-field__icon{position:absolute;right:.8rem;top:50%;transform:translateY(-50%);color:var(--dg-placeholder);pointer-events:none}.ngb-datagrid-floating-panel .grid-filter-control,.ngb-datagrid-floating-panel .grid-filter-value-input,.ngb-datagrid-floating-panel .grid-filter-value-select,.ngb-grid .grid-filter-value-input,.ngb-grid .grid-filter-value-select{width:100%;min-height:var(--dg-control-height);padding:.45rem .65rem;border:1px solid var(--dg-border);border-radius:var(--dg-radius-sm);background:var(--dg-surface);color:var(--dg-text);font-size:.875rem}.ngb-datagrid-floating-panel .grid-filter-apply--secondary:disabled,.ngb-datagrid-floating-panel .grid-filter-cancel--secondary:disabled,.ngb-grid .grid-filter-apply--secondary:disabled,.ngb-grid .grid-filter-cancel--secondary:disabled{opacity:.45;cursor:not-allowed}.ngb-datagrid-floating-panel .grid-filter-condition__join{margin:.15rem 0;font-size:.75rem;font-weight:700;color:var(--dg-text-muted);text-align:center}.ngb-datagrid-floating-panel .grid-filter-stack__footer{display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex-wrap:wrap}.ngb-datagrid-floating-panel .grid-filter-operator__button{padding:.55rem .8rem;font-size:.8125rem;font-weight:600;color:var(--dg-text-muted);border:1px solid var(--dg-border);border-radius:var(--dg-radius-sm);background:var(--dg-surface)}.ngb-datagrid-floating-panel .grid-filter-clear,.ngb-datagrid-floating-panel .grid-filter-apply,.ngb-datagrid-floating-panel .grid-filter-cancel{padding:.5rem .85rem;font-size:.8125rem;font-weight:600;border-radius:var(--dg-radius-sm)}.ngb-datagrid-floating-panel .grid-filter-apply{border:1px solid var(--dg-primary);background:var(--dg-primary);color:var(--dg-on-primary)}.ngb-datagrid-floating-panel .grid-filter-cancel,.ngb-datagrid-floating-panel .grid-filter-clear{border:1px solid var(--dg-border-strong);background:var(--dg-surface);color:var(--dg-text)}.ngb-datagrid-floating-panel .grid-filter-menu-surface__actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--dg-border)}.ngb-datagrid-floating-panel .grid-filter-menu-surface__multi{display:flex;flex-direction:column;gap:.5rem;width:100%;min-width:16rem}.ngb-datagrid-floating-panel .grid-filter-menu-surface__search{border:1px solid var(--dg-border);border-radius:var(--dg-radius-md);min-height:2rem;padding:.4rem .65rem;font-size:.8125rem;width:100%}.ngb-datagrid-floating-panel .grid-multi-filter-list{max-height:11.5rem;overflow:auto;border-top:1px solid var(--dg-border);border-bottom:1px solid var(--dg-border)}.ngb-datagrid-floating-panel .grid-multi-filter-option{display:flex;align-items:center;justify-content:space-between;gap:.75rem;width:100%;padding:.45rem .75rem;font-size:.8125rem;font-weight:600;color:var(--dg-text);cursor:pointer}.ngb-datagrid-floating-panel .grid-multi-filter-option__main{display:flex;align-items:center;gap:.5rem}.ngb-datagrid-floating-panel .grid-filter-menu-surface__actions--multi{justify-content:space-between}.ngb-datagrid-floating-panel[data-theme=bootstrap].dropdown-menu .dropdown-item{font-weight:400}.ngb-datagrid-floating-panel[data-theme=bootstrap] .grid-filter-operator-select,.ngb-datagrid-floating-panel[data-theme=bootstrap] .grid-filter-value-input,.ngb-datagrid-floating-panel[data-theme=bootstrap] .grid-filter-value-select,.ngb-datagrid-floating-panel[data-theme=bootstrap] .grid-filter-menu-surface__search,.ngb-datagrid-floating-panel[data-theme=bootstrap] .grid-filter-join-select__control{border-radius:var(--bs-border-radius, var(--dg-radius-sm))}ngb-datagrid{display:block}.ngb-grid{color:var(--dg-text);--dg-group-sticky-row-height: 3rem}.ngb-grid.ngb-grid--compact{--dg-group-sticky-row-height: 2.5rem}.ngb-grid .table{margin-bottom:0}.ngb-grid .datagrid-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.ngb-grid .datagrid-toolbar__search{flex:1 1 20rem;min-width:16rem}.ngb-grid .datagrid-toolbar__search-label{display:block;margin-bottom:.35rem;font-size:.875rem;font-weight:500;color:var(--dg-text-muted)}.ngb-grid .datagrid-toolbar__search-shell{display:flex;align-items:center;gap:.625rem;min-height:calc(var(--dg-control-height) + 4px);padding:0 .875rem;border:1px solid var(--dg-border);border-radius:999px;background:var(--dg-surface);box-shadow:var(--dg-shadow-sm)}.ngb-grid .datagrid-toolbar__search-icon{color:var(--dg-text-muted)}.ngb-grid .datagrid-toolbar__search-input{flex:1 1 auto;width:100%;min-width:0;border:0;background:transparent;color:var(--dg-text);outline:none;font-size:.95rem;padding:.625rem 0}.ngb-grid .datagrid-toolbar__search-input::placeholder{color:var(--dg-placeholder)}.ngb-grid .datagrid-toolbar__actions{display:flex;align-items:center;justify-content:flex-end;gap:.625rem;flex-wrap:wrap}.ngb-grid .datagrid-toolbar__button,.ngb-grid .grid-row-action,.ngb-grid .grid-filter-apply,.ngb-grid .grid-filter-clear,.ngb-grid .grid-filter-cancel,.ngb-grid .grid-filter-operator__button,.ngb-grid .grid-filter-menu-trigger,.ngb-grid .grid-detail-toggle{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:var(--dg-control-height);border-radius:var(--dg-radius-md);border:1px solid var(--dg-border);background:var(--dg-surface);color:var(--dg-text);box-shadow:none;font:inherit;text-decoration:none;transition:background-color .12s ease,border-color .12s ease,color .12s ease,box-shadow .12s ease}.ngb-grid .datagrid-toolbar__button:hover,.ngb-grid .grid-row-action:hover,.ngb-grid .grid-filter-apply:hover,.ngb-grid .grid-filter-clear:hover,.ngb-grid .grid-filter-cancel:hover,.ngb-grid .grid-filter-operator__button:hover,.ngb-grid .grid-filter-menu-trigger:hover,.ngb-grid .grid-detail-toggle:hover{border-color:var(--dg-border-strong);background:var(--dg-surface-subtle);color:var(--dg-text);text-decoration:none}.ngb-grid .datagrid-toolbar__button:focus-visible,.ngb-grid .grid-row-action:focus-visible,.ngb-grid .grid-filter-apply:focus-visible,.ngb-grid .grid-filter-clear:focus-visible,.ngb-grid .grid-filter-cancel:focus-visible,.ngb-grid .grid-filter-operator__button:focus-visible,.ngb-grid .grid-filter-menu-trigger:focus-visible,.ngb-grid .grid-detail-toggle:focus-visible,.ngb-grid .grid-sort-button:focus-visible,.ngb-grid .grid-edit-control:focus-visible,.ngb-grid .grid-filter-control:focus-visible,.ngb-grid .datagrid-toolbar__search-input:focus-visible{outline:none;border-color:var(--dg-focus-border);box-shadow:var(--dg-focus-shadow)}.ngb-grid .datagrid-toolbar__button{padding:.625rem 1rem;font-size:.875rem;font-weight:400}.ngb-grid .datagrid-toolbar__button--primary{border-color:var(--dg-primary);background:var(--dg-primary);color:var(--dg-on-primary)}.ngb-grid .datagrid-toolbar__button--primary:hover{background:var(--dg-primary-hover);border-color:var(--dg-primary-hover);color:var(--dg-on-primary)}.ngb-grid .datagrid-toolbar__button--secondary{background:var(--dg-surface);color:var(--dg-text)}.ngb-grid .ngb-grid__group-panel{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;min-height:3.25rem;margin-bottom:.9rem;padding:.75rem .9rem;border:1px dashed var(--dg-border-strong);border-radius:var(--dg-radius-md);background:color-mix(in srgb,var(--dg-surface-muted) 72%,white);transition:border-color .12s ease,background-color .12s ease,box-shadow .12s ease}.ngb-grid .ngb-grid__group-panel--active{border-color:var(--dg-primary);background:color-mix(in srgb,var(--dg-primary-soft) 45%,white);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--dg-primary) 22%,transparent)}.ngb-grid .ngb-grid__group-panel--denied{border-color:var(--dg-danger, #dc3545);background:color-mix(in srgb,var(--dg-danger, #dc3545) 8%,white)}.ngb-grid .ngb-grid__group-panel-label{font-size:.875rem;font-weight:600;color:var(--dg-text-muted)}.ngb-grid .ngb-grid__group-chip-list{display:inline-flex;align-items:center;gap:.55rem;flex-wrap:wrap}.ngb-grid .ngb-grid__group-chip{display:inline-flex;align-items:center;gap:.25rem;border:1px solid color-mix(in srgb,var(--dg-primary) 26%,var(--dg-border));border-radius:999px;background:var(--dg-surface);box-shadow:var(--dg-shadow-sm)}.ngb-grid .ngb-grid__group-chip-button,.ngb-grid .ngb-grid__group-chip-remove{display:inline-flex;align-items:center;gap:.4rem;min-height:2rem;border:0;background:transparent;color:var(--dg-text)}.ngb-grid .ngb-grid__group-chip-button{padding:.35rem .55rem .35rem .8rem;font-size:.8125rem;font-weight:600}.ngb-grid .ngb-grid__group-chip-remove{padding:.35rem .75rem .35rem .15rem;color:var(--dg-text-muted)}.ngb-grid .ngb-grid__group-chip-button:hover,.ngb-grid .ngb-grid__group-chip-remove:hover{color:var(--dg-primary)}.ngb-grid .ngb-grid__group-chip-button:focus-visible,.ngb-grid .ngb-grid__group-chip-remove:focus-visible,.ngb-grid .grid-column-group-handle:focus-visible,.ngb-grid .grid-group-row__toggle:focus-visible{outline:none;box-shadow:var(--dg-focus-shadow);border-radius:999px}.ngb-grid .ngb-grid__group-chip-dir{font-size:.8rem;color:var(--dg-primary)}.ngb-grid .table-wrapper{position:relative;overflow-x:hidden;overflow-y:clip;border:var(--dg-table-border-width) solid var(--dg-border);border-radius:var(--dg-radius-lg);background:var(--dg-surface);box-shadow:var(--dg-shadow-sm);isolation:isolate}.ngb-grid .table-body-scroll{max-height:24rem;overflow-y:auto;overflow-x:auto;border-top:1px solid var(--dg-border);border-bottom:1px solid var(--dg-border);scrollbar-gutter:stable both-edges;position:relative;z-index:0}.ngb-grid .ngb-grid__group-sticky-layer{position:absolute;inset-inline-start:0;z-index:35;min-width:100%;pointer-events:none}.ngb-grid .ngb-grid__group-sticky-layer--top,.ngb-grid .ngb-grid__group-sticky-layer--bottom{top:0}.ngb-grid .grid-group-sticky-table{min-width:100%;pointer-events:auto}.ngb-grid .grid-table{width:max-content;min-width:100%;table-layout:fixed;margin:0;border-collapse:separate;border-spacing:0}.ngb-grid.ngb-grid--resizable .grid-table{min-width:0;width:max-content}.ngb-grid.ngb-grid--resizable .grid-table th,.ngb-grid.ngb-grid--resizable .grid-table td{box-sizing:border-box}.ngb-grid .grid-header-shell{position:relative;z-index:20;overflow:hidden}.ngb-grid .grid-header{position:relative;z-index:20;overflow:visible}.ngb-grid .grid-header thead tr:first-child th:first-child{border-top-left-radius:var(--dg-radius-lg)}.ngb-grid .grid-header thead tr:first-child th:last-child{border-top-right-radius:var(--dg-radius-lg)}.ngb-grid .grid-header thead th{background:var(--dg-surface-muted);border-bottom:var(--dg-table-border-width) solid var(--dg-border);color:var(--dg-text);font-size:var(--dg-font-size-header);font-weight:600;text-transform:none;letter-spacing:.01em;overflow:visible}.ngb-grid .grid-table th,.ngb-grid .grid-table td{vertical-align:middle;border-bottom:var(--dg-table-border-width) solid var(--dg-border);padding:var(--dg-cell-padding-y) var(--dg-cell-padding-x);font-size:var(--dg-font-size-cell)}.ngb-grid .grid-table th{padding:var(--dg-header-padding-y) var(--dg-header-padding-x)}.ngb-grid .grid-table td{background:var(--dg-surface);color:var(--dg-text);font-weight:400}.ngb-grid .grid-table th{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ngb-grid .grid-header .grid-table th{overflow:visible}.ngb-grid .grid-header thead tr:first-child th.grid-header__column--resizable{position:relative}.ngb-grid .grid-column-resize-handle{position:absolute;top:0;right:0;width:.45rem;height:100%;cursor:col-resize;touch-action:none;-webkit-user-select:none;user-select:none;z-index:3}.ngb-grid .grid-column-resize-handle:after{content:\"\";position:absolute;top:.35rem;bottom:.35rem;right:.1rem;width:2px;border-radius:1px;background:var(--dg-border-strong);opacity:0;transition:opacity .15s ease}.ngb-grid .grid-header__column--resizable:hover .grid-column-resize-handle:after,.ngb-grid .grid-column-resize-handle:focus-visible:after{opacity:1}body.ngb-datagrid-column-resizing{cursor:col-resize!important;-webkit-user-select:none;user-select:none}.ngb-grid.ngb-grid--column-reorderable .grid-header thead tr:first-child th.grid-header__column--reorderable{position:relative}.ngb-grid .grid-column-reorder-handle{flex:0 0 auto;margin-right:.15rem;padding:.1rem .18rem;border-radius:999px;color:var(--dg-text-muted);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;opacity:.82;line-height:1;font-size:.95rem}.ngb-grid .grid-header__column--reorderable:hover .grid-column-reorder-handle,.ngb-grid .grid-column-reorder-handle:focus-visible{opacity:1;background:color-mix(in srgb,var(--dg-accent) 12%,transparent)}.ngb-grid .grid-column-group-handle{flex:0 0 auto;padding:.15rem .25rem;border-radius:999px;color:var(--dg-text-muted);cursor:grab;-webkit-user-select:none;user-select:none;line-height:1;font-size:.9rem}.ngb-grid .grid-column-group-handle--active,.ngb-grid .grid-column-group-handle:hover{color:var(--dg-primary);background:color-mix(in srgb,var(--dg-primary-soft) 55%,transparent)}.ngb-grid .grid-header__column--drag-over{background:color-mix(in srgb,var(--dg-accent) 12%,transparent);box-shadow:inset 0 -2px 0 var(--dg-accent)}.ngb-grid .grid-header__cell{display:flex;align-items:center;justify-content:space-between;gap:.625rem;width:100%;overflow:visible}.ngb-grid .grid-sort-button{display:inline-flex;align-items:center;justify-content:space-between;gap:.5rem;width:100%;padding:0;border:0;background:transparent;color:inherit;text-align:left}.ngb-grid .grid-sort-button__label{min-width:0;overflow:hidden;text-overflow:ellipsis}.ngb-grid .grid-sort-button__indicator{flex:0 0 auto;font-size:.8rem;color:var(--dg-placeholder)}.ngb-grid .grid-sort-button__indicator--active{color:var(--dg-primary)}.ngb-grid .grid-filter-menu-host{position:relative;display:inline-flex;flex:0 0 auto;z-index:30}.ngb-grid .grid-filter-menu-popover:not(.ngb-datagrid-floating-panel){position:absolute;top:calc(100% + .5rem);right:0;z-index:120}.ngb-grid .grid-filter-menu-popover .grid-filter-menu-surface{position:static;top:auto;right:auto}.ngb-grid .grid-filter-menu-trigger{min-width:var(--dg-control-height);width:var(--dg-control-height);height:var(--dg-control-height);padding:0}.ngb-grid .grid-filter-menu-trigger--active,.ngb-grid .filter-menu-active .grid-filter-menu-trigger{border-color:var(--dg-focus-border);background:var(--dg-primary-soft);color:var(--dg-primary)}.ngb-grid .grid-filter-menu-trigger--check .bi{color:var(--dg-placeholder)}.ngb-grid .grid-filter-menu-trigger--check.grid-filter-menu-trigger--active,.ngb-grid .filter-menu-active .grid-filter-menu-trigger--check{border-color:var(--dg-focus-border);background:var(--dg-primary-soft);color:var(--dg-primary)}.ngb-grid .grid-filter-menu-trigger--check.grid-filter-menu-trigger--active .bi,.ngb-grid .filter-menu-active .grid-filter-menu-trigger--check .bi{color:var(--dg-primary)}.ngb-grid .grid-filter-menu-surface{position:absolute;top:calc(100% + .5rem);right:0;min-width:18rem;padding:1rem;border:1px solid var(--dg-border);border-radius:var(--dg-radius-md);background:var(--dg-surface);box-shadow:var(--dg-shadow-md);z-index:120}.ngb-grid .grid-filter-menu-surface__header{margin-bottom:.875rem}.ngb-grid .grid-filter-menu-surface__eyebrow{font-size:.75rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--dg-text-subtle)}.ngb-grid .grid-filter-menu-surface__title{margin-top:.15rem;font-size:.95rem;font-weight:700;color:var(--dg-text)}.ngb-grid .grid-filter-stack{display:flex;flex-direction:column;gap:.75rem}.ngb-grid .grid-filter-stack--multi{gap:.65rem}.ngb-grid .grid-filter-operator-select{width:100%;min-height:var(--dg-control-height);padding:.45rem .65rem;border:1px solid var(--dg-border);border-radius:.375rem;background:var(--dg-surface);font-size:.875rem;color:var(--dg-text)}.ngb-grid .grid-filter-operator-select--compact{width:auto;min-width:2.25rem;max-width:3.5rem;padding:.35rem .25rem;font-size:.6875rem}.ngb-grid .grid-filter-logic-select{display:flex;justify-content:center;margin:.15rem 0}.ngb-grid .grid-filter-logic-select select{width:auto;min-width:4.5rem;min-height:1.75rem;padding:.2rem 1.5rem .2rem .65rem;border:1px solid var(--dg-border);border-radius:.375rem;background:var(--dg-surface);font-size:.8125rem;font-weight:600}.ngb-grid .grid-filter-menu-surface__actions--split{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.ngb-grid .grid-filter-apply--secondary,.ngb-grid .grid-filter-cancel--secondary{width:100%;border:1px solid var(--dg-border-strong);background:var(--dg-surface-muted);color:var(--dg-text);font-weight:600}.ngb-grid .grid-filter-apply--secondary:hover,.ngb-grid .grid-filter-cancel--secondary:hover{background:var(--dg-surface-subtle)}.ngb-grid .grid-filter-multi-panel{display:flex;flex-direction:column;gap:.5rem;min-width:16.5rem}.ngb-grid .grid-filter-join-select{display:inline-block;width:fit-content;max-width:100%;margin:.1rem 0}.ngb-grid .grid-filter-join-select__control{width:100%;min-height:1.75rem;padding:.2rem 1.25rem .2rem .5rem;border:1px solid var(--dg-border);border-radius:.375rem;background:var(--dg-surface);font-size:.8125rem;font-weight:600;text-align:left}.ngb-grid .grid-filter-value-input,.ngb-grid .grid-filter-value-select{width:100%;min-height:var(--dg-control-height);padding:.45rem .65rem;border:1px solid var(--dg-border);border-radius:.375rem;background:var(--dg-surface);font-size:.875rem}.ngb-grid .grid-filter-apply--secondary:disabled,.ngb-grid .grid-filter-cancel--secondary:disabled{opacity:.45;cursor:not-allowed}.ngb-grid .grid-group-row td,.ngb-grid .grid-group-footer-row td{background:color-mix(in srgb,var(--dg-surface-muted) 88%,white);border-bottom:1px solid var(--dg-border)}.ngb-grid .grid-group-row--overlay td{box-shadow:inset 0 -1px 0 var(--dg-border),0 1px color-mix(in srgb,var(--dg-border) 36%,transparent)}.ngb-grid .grid-group-footer-row--overlay td{box-shadow:inset 0 1px 0 var(--dg-border),0 -1px color-mix(in srgb,var(--dg-border) 36%,transparent)}.ngb-grid .grid-group-row__cell{padding:0;vertical-align:top}.ngb-grid .grid-group-footer-row__cell,.ngb-grid .grid-group-row__utility-cell{padding:.7rem .75rem;vertical-align:top}.ngb-grid .grid-group-row__toggle{display:flex;align-items:center;gap:.55rem;width:100%;padding:.7rem 1rem;border:0;background:transparent;color:var(--dg-text);text-align:left;font-size:.875rem;font-weight:600}.ngb-grid .grid-group-row__cell--lead .grid-group-row__toggle{padding-inline-end:.75rem}.ngb-grid .grid-group-row__toggle:hover{background:color-mix(in srgb,var(--dg-primary-soft) 34%,transparent)}.ngb-grid .grid-group-row__content{display:inline-flex;align-items:center;gap:.5rem;min-width:0}.ngb-grid .grid-group-row__label{color:var(--dg-text)}.ngb-grid .grid-group-row__count{font-size:.75rem;font-weight:700;color:var(--dg-text-muted)}.ngb-grid .grid-group-row__column-slot{padding:.25rem .75rem .75rem;font-size:.8125rem;color:var(--dg-text-muted)}.ngb-grid .grid-group-row__cell--lead .grid-group-row__column-slot{padding-inline-start:2.75rem}.ngb-grid .grid-group-footer-row td{background:color-mix(in srgb,var(--dg-surface-muted) 94%,white)}.ngb-grid .grid-filter-menu-popover .grid-filter-menu-surface:has(.grid-filter-menu-surface__multi){width:16.25rem;max-width:min(16.25rem,92vw);padding:.75rem}.ngb-grid .grid-filter-menu-surface__multi{display:flex;flex-direction:column;gap:.5rem;width:100%}.ngb-grid .grid-filter-menu-surface__multi .grid-filter-menu-surface__search{border-radius:.5rem;min-height:2rem;padding:.4rem .65rem;font-size:.8125rem}.ngb-grid .grid-multi-filter-list{max-height:11.5rem;overflow:auto;margin:0 -.75rem;padding:.15rem 0;border-top:1px solid var(--dg-border);border-bottom:1px solid var(--dg-border)}.ngb-grid .grid-multi-filter-option{display:flex;align-items:center;justify-content:space-between;gap:.75rem;width:100%;padding:.45rem .75rem;font-size:.8125rem;font-weight:600;color:var(--dg-text);cursor:pointer}.ngb-grid .grid-multi-filter-option+.grid-multi-filter-option{border-top:1px solid var(--dg-filter-divider)}.ngb-grid .grid-multi-filter-option--summary{font-weight:700}.ngb-grid .grid-multi-filter-option__main{display:inline-flex;align-items:center;gap:.75rem;min-width:0}.ngb-grid .grid-multi-filter-option__main input{width:1rem;height:1rem;margin:0;accent-color:var(--dg-primary);flex:0 0 auto}.ngb-grid .grid-multi-filter-option__count{font-size:.75rem;font-weight:700;color:var(--dg-text-muted)}.ngb-grid .grid-filter-stack__label{font-size:.8125rem;font-weight:600;color:var(--dg-text-muted)}.ngb-grid .grid-filter-stack__footer,.ngb-grid .grid-filter-menu-surface__actions{display:flex;align-items:center;justify-content:space-between;gap:.625rem}.ngb-grid .grid-filter-inline{display:flex;align-items:center;gap:.45rem;min-width:0;width:100%}.ngb-grid .grid-filter-field{position:relative;min-width:12rem;flex:1 1 auto}.ngb-grid .grid-filter-field--with-icon .grid-filter-control{padding-right:2.25rem}.ngb-grid .grid-filter-field__icon{position:absolute;right:.8rem;top:50%;transform:translateY(-50%);color:var(--dg-placeholder);pointer-events:none}.ngb-grid .grid-filter-control,.ngb-grid .grid-edit-control{width:100%;min-width:0;min-height:var(--dg-control-height);padding:.5rem .75rem;border:1px solid var(--dg-border);border-radius:.3rem;background:var(--dg-surface);color:var(--dg-text);font-size:.875rem}.ngb-grid .grid-edit-checkbox{width:1rem;height:1rem;margin-top:0}.ngb-grid .grid-filter-operator{position:relative;flex:0 0 auto}.ngb-grid .grid-filter-operator__button{padding:.55rem .8rem;font-size:.8125rem;font-weight:600;color:var(--dg-text-muted)}.ngb-grid .grid-filter-operator__button--compact{min-width:var(--dg-control-height);width:var(--dg-control-height);padding:0}.ngb-grid .grid-filter-operator__button--active{border-color:var(--dg-primary);color:var(--dg-primary)}.ngb-grid .grid-filter-operator .dropdown-menu:not(.ngb-datagrid-floating-panel){position:absolute;inset:calc(100% + .35rem) 0 auto auto;min-width:12rem;margin:0;border-radius:.9rem;border-color:var(--dg-border);box-shadow:var(--dg-shadow-md);z-index:120}.ngb-grid .grid-filter-clear{padding:.55rem .8rem;font-size:.8125rem;color:var(--dg-text-muted)}.ngb-grid .grid-filter-apply{padding:.625rem .95rem;border-color:var(--dg-primary);background:var(--dg-primary);color:var(--dg-on-primary);font-size:.875rem;font-weight:600}.ngb-grid .grid-filter-apply:hover{border-color:var(--dg-primary-active);background:var(--dg-primary-active);color:var(--dg-on-primary)}.ngb-grid .grid-filter-menu-surface__actions--multi{justify-content:space-between;margin-top:.35rem}.ngb-grid .grid-filter-menu-surface__multi .grid-filter-apply{min-width:5.25rem;padding:.5rem 1.15rem;font-size:.8125rem}.ngb-grid .grid-filter-cancel{padding:.5rem .85rem;font-size:.8125rem;font-weight:600;color:var(--dg-text);border:1px solid var(--dg-border-strong);background:var(--dg-surface)}.ngb-grid .grid-filter-cancel:hover{border-color:var(--dg-border-strong);background:var(--dg-surface-subtle);color:var(--dg-text)}.ngb-grid .filter-row th{background:var(--dg-surface-filter-row);padding-top:.625rem;padding-bottom:.625rem;overflow:visible;position:relative;z-index:25}.ngb-grid.ngb-grid--menu-open .filter-row th{z-index:85}.ngb-grid .column-pinned-start,.ngb-grid .column-pinned-end{position:sticky;background:inherit;z-index:2}.ngb-grid .grid-header .column-pinned-start,.ngb-grid .grid-header .column-pinned-end{z-index:6}.ngb-grid .column-pinned-start{box-shadow:var(--dg-pin-shadow-start)}.ngb-grid .column-pinned-start:has(+.column-pinned-start){box-shadow:none}.ngb-grid .column-pinned-end{box-shadow:var(--dg-pin-shadow-end)}.ngb-grid .column-locked{background:var(--dg-locked-bg)}.ngb-grid .sticky-row,.ngb-grid .sticky-row td{background:var(--dg-surface-sticky-row);box-shadow:inset 0 0 0 1px var(--dg-sticky-border)}.ngb-grid .sticky-row{position:sticky;z-index:4}.ngb-grid .grid-sticky-badge{display:inline-flex;align-items:center;margin-left:.45rem;padding:.12rem .4rem;border-radius:.25rem;background:var(--dg-sticky-badge-bg);color:var(--dg-sticky-badge-text);font-size:.62rem;font-weight:800;letter-spacing:.04em;vertical-align:middle}.ngb-grid .grid-row-action--icon{min-width:2.05rem;width:2.05rem;height:2.05rem;min-height:2.05rem;padding:0;border-radius:var(--dg-radius-md)}.ngb-grid .grid-row-action--edit-icon{border-color:var(--dg-primary);background:var(--dg-primary);color:var(--dg-on-primary)}.ngb-grid .grid-row-action--edit-icon:hover{border-color:var(--dg-primary-hover);background:var(--dg-primary-hover);color:var(--dg-on-primary)}.ngb-grid.ngb-grid--zebra .grid-body tbody tr:nth-child(2n):not(.sticky-row):not(.row-selected) td{background:var(--dg-row-even-bg, var(--dg-surface-muted))}.ngb-grid:not(.ngb-grid--zebra) .grid-body tbody tr:nth-child(odd):not(.sticky-row):not(.row-selected):not(.row-highlight) td{background:var(--dg-row-odd-bg)}.ngb-grid:not(.ngb-grid--zebra) .grid-body tbody tr:nth-child(2n):not(.sticky-row):not(.row-selected):not(.row-highlight) td{background:var(--dg-row-even-bg)}.ngb-grid .grid-body tbody tr.grid-data-row:hover:not(.sticky-row):not(.row-selected):not(.row-highlight) td{background:var(--dg-row-hover-bg)}.ngb-grid .row-selected,.ngb-grid .row-selected td{background:var(--dg-row-selected-bg)}.ngb-grid .row-highlight,.ngb-grid .row-highlight td{background:var(--dg-warning-soft)}.ngb-grid .grid-header th.column-pinned-start,.ngb-grid .grid-header th.column-pinned-end,.ngb-grid .grid-body tbody td.column-pinned-start,.ngb-grid .grid-body tbody td.column-pinned-end{background:var(--dg-surface)}.ngb-grid .grid-header th.column-locked,.ngb-grid .grid-body tbody td.column-locked{background:var(--dg-locked-bg)!important}.ngb-grid .grid-body tbody tr.row-selected td.column-locked{background:var(--dg-row-selected-bg)!important}.ngb-grid .cell-highlight{background:var(--dg-primary-soft)}.ngb-grid .grid-search-highlight{padding:0;border-radius:.15rem;background:var(--dg-sticky-badge-bg);color:inherit;font-weight:inherit}.ngb-grid .grid-detail-toggle{min-width:2rem;width:2rem;height:2rem;padding:0;border-radius:999px}.ngb-grid .grid-cell-content{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis}.ngb-grid .grid-cell-content,.ngb-grid .grid-cell-text{font-weight:400}.ngb-grid .grid-cell--emphasis .grid-cell-content,.ngb-grid .grid-cell--emphasis .grid-cell-text{font-weight:700}.ngb-grid .grid-boolean-pill{display:inline-flex;align-items:center;justify-content:center;min-width:3.5rem;padding:.25rem .55rem;border-radius:999px;background:var(--dg-neutral-pill-bg);color:var(--dg-text-muted);font-size:.75rem;font-weight:700}.ngb-grid .grid-boolean-pill--true{background:var(--dg-success-soft);color:var(--dg-success-text)}.ngb-grid .grid-row-action{padding:.55rem .8rem;font-size:.8125rem;font-weight:600;white-space:nowrap}.ngb-grid .grid-actions-cell{overflow:visible;text-overflow:clip;white-space:normal}.ngb-grid .grid-actions-cell__inner{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;flex-wrap:nowrap}.ngb-grid .grid-row-action--secondary{color:var(--dg-primary);background:var(--dg-primary-soft);border-color:var(--dg-primary-border-subtle)}.ngb-grid .grid-row-action--danger{color:var(--dg-danger-text);background:var(--dg-danger-soft);border-color:var(--dg-danger-border-subtle)}.ngb-grid .grid-row-action--success{color:var(--dg-success-text);background:var(--dg-success-soft);border-color:var(--dg-success-border-subtle)}.ngb-grid .grid-row-action--neutral{color:var(--dg-text-muted);background:var(--dg-locked-bg);border-color:var(--dg-border)}.ngb-grid .grid-detail-row__cell{padding:0;background:var(--dg-detail-row-bg)}.ngb-grid .grid-detail-row__content{padding:1rem 1.25rem}.ngb-grid.ngb-grid--compact .grid-table th,.ngb-grid.ngb-grid--compact .grid-table td{padding:.55rem .65rem}.ngb-grid.ngb-grid--compact .datagrid-toolbar__button,.ngb-grid.ngb-grid--compact .grid-row-action,.ngb-grid.ngb-grid--compact .grid-filter-apply,.ngb-grid.ngb-grid--compact .grid-filter-clear,.ngb-grid.ngb-grid--compact .grid-filter-operator__button,.ngb-grid.ngb-grid--compact .grid-filter-menu-trigger,.ngb-grid.ngb-grid--compact .grid-detail-toggle,.ngb-grid.ngb-grid--compact .grid-filter-control,.ngb-grid.ngb-grid--compact .grid-edit-control{min-height:32px;font-size:.8125rem}.ngb-grid .grid-row--reorderable{cursor:grab}.ngb-grid .grid-row--reorderable.ngb-dnd-dragging{cursor:grabbing;opacity:.82}.ngb-grid .ngb-dnd-placeholder{display:table-row;background:transparent}.ngb-grid tbody.ngb-dnd-list,.ngb-grid tbody.ngb-dnd-list.ngb-dnd-over[data-drop-valid=true],.ngb-grid tbody.ngb-dnd-list.ngb-dnd-over[data-drop-valid=false]{border:0;border-radius:0;background:transparent;box-shadow:none}.ngb-grid .ngb-dnd-placeholder>td{padding:0;border:0;background:transparent}.ngb-grid .ngb-dnd-placeholder__bar{display:block;height:.35rem;background:var(--dg-primary-selection-overlay)}.ngb-grid.ngb-grid--stacked .grid-header-shell,.ngb-grid.ngb-grid--stacked .grid-header{display:none}.ngb-grid.ngb-grid--stacked .table-wrapper{width:100%}.ngb-grid.ngb-grid--stacked .table-body-scroll{width:100%;max-height:none;overflow:visible;border-top:0;border-bottom:0}.ngb-grid.ngb-grid--stacked .grid-table.grid-body{width:100%;min-width:0;max-width:100%;table-layout:auto}.ngb-grid.ngb-grid--stacked .grid-table.grid-body colgroup{display:none}.ngb-grid.ngb-grid--stacked .grid-table.grid-body tbody{display:block;width:100%}.ngb-grid.ngb-grid--menu-open .grid-header-shell,.ngb-grid.ngb-grid--row-operator-open .grid-header-shell,.ngb-grid.ngb-grid--row-operator-open .filter-row th{overflow:visible}.ngb-grid.ngb-grid--menu-open .grid-header-shell,.ngb-grid.ngb-grid--menu-open .grid-header{z-index:80}.ngb-grid.ngb-grid--menu-open .grid-header thead th.filter-menu-open{position:relative;z-index:95;overflow:visible}.ngb-grid.ngb-grid--menu-open .grid-filter-menu-host{z-index:90}.ngb-grid__filter-menu-overlay{pointer-events:auto}.ngb-grid__layout-toolbar-host:empty{display:none}.ngb-grid__layout-toolbar-host:not(:empty){border-bottom:1px solid var(--dg-border)}.ngb-grid .table-wrapper{position:relative}.ngb-grid.ngb-grid--loading .table-wrapper{pointer-events:none}.ngb-grid.ngb-grid--loading .table-wrapper .grid-table{opacity:.45}.ngb-grid__loading-overlay{position:absolute;inset:0;z-index:120;display:flex;align-items:center;justify-content:center;background:var(--dg-loading-overlay);pointer-events:none}.ngb-grid.ngb-grid--stacked .grid-table.grid-body tbody tr{display:grid;width:100%;box-sizing:border-box;grid-template-columns:minmax(0,1fr);gap:.65rem;border-bottom:1px solid var(--dg-border);padding:.9rem 1rem}.ngb-grid.ngb-grid--stacked .grid-table.grid-body tbody td{display:grid;width:100%;min-width:0;box-sizing:border-box;white-space:normal;border-bottom:0;padding:.35rem 0;position:static!important;left:auto!important;right:auto!important}.ngb-grid.ngb-grid--stacked .grid-table.grid-body tbody td:not([data-title]){grid-column:1/-1}.ngb-grid.ngb-grid--stacked:not(.ngb-grid--stacked-cards) .grid-table.grid-body tbody td[data-title]{grid-template-columns:minmax(5.5rem,34%) minmax(0,1fr);align-items:baseline;column-gap:.75rem}.ngb-grid.ngb-grid--stacked:not(.ngb-grid--stacked-cards) .grid-table.grid-body tbody td:before{content:attr(data-title);font-size:.8125rem;font-weight:700;color:var(--dg-text-muted);line-height:1.3}.ngb-grid.ngb-grid--stacked.ngb-grid--stacked-cards .grid-table.grid-body tbody tr{display:block;width:100%;padding:0}.ngb-grid.ngb-grid--stacked.ngb-grid--stacked-cards .grid-table.grid-body tbody td.ngb-stacked-card-cell{display:block;width:100%;padding:.9rem 1rem;border-bottom:1px solid var(--dg-border)}.ngb-grid.ngb-grid--stacked.ngb-grid--stacked-cards .ngb-stacked-card,.ngb-grid.ngb-grid--stacked.ngb-grid--stacked-cards .ngb-stacked-card__layout{width:100%;min-width:0}.ngb-grid.ngb-grid--stacked.ngb-grid--stacked-cards .ngb-stacked-card__layout{display:grid;grid-template-columns:minmax(0,1fr);gap:1rem}@media(min-width:40rem){.ngb-grid.ngb-grid--stacked.ngb-grid--stacked-cards .ngb-stacked-card__layout{grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr);align-items:start;column-gap:1.5rem}}.ngb-grid.ngb-grid--stacked.ngb-grid--stacked-cards .ngb-stacked-card__group{display:flex;flex-direction:column;gap:.85rem;min-width:0}.ngb-grid.ngb-grid--stacked.ngb-grid--stacked-cards .ngb-stacked-card__field{display:flex;flex-direction:column;align-items:flex-start;gap:.35rem;min-width:0}.ngb-grid.ngb-grid--stacked.ngb-grid--stacked-cards .ngb-stacked-card__label{font-size:.8125rem;font-weight:700;color:var(--dg-text-muted);line-height:1.3}.ngb-grid.ngb-grid--stacked.ngb-grid--stacked-cards .ngb-stacked-card__value{width:100%;min-width:0}.ngb-grid.ngb-grid--stacked.ngb-grid--stacked-cards .grid-table.grid-body tbody td:not([data-title]):not(.ngb-stacked-card-cell){display:block;width:100%;padding:.65rem 1rem 0;border-bottom:0}.ngb-grid[data-theme=material] .datagrid-toolbar__button--primary,.ngb-grid[data-theme=tailwind] .datagrid-toolbar__button--primary,.ngb-grid[data-theme=material] .grid-filter-apply,.ngb-grid[data-theme=tailwind] .grid-filter-apply{border-color:var(--dg-primary);background:var(--dg-primary)}.ngb-grid.ngb-responsive .table{width:100%}@media(max-width:992px){.ngb-grid .grid-filter-inline{min-width:11rem}.ngb-grid .grid-filter-field{min-width:10rem}}@media(max-width:768px){.ngb-grid .datagrid-toolbar{align-items:stretch}.ngb-grid .datagrid-toolbar__actions{justify-content:stretch}.ngb-grid .datagrid-toolbar__button{flex:1 1 auto}.ngb-grid .grid-filter-inline{width:100%}.ngb-grid.ngb-responsive thead{display:none}.ngb-grid.ngb-responsive tbody tr{display:grid;grid-template-columns:1fr;gap:.5rem;border:1px solid var(--dg-border);border-radius:.75rem;padding:.75rem;margin-bottom:.75rem}.ngb-grid.ngb-responsive tbody td{display:grid;grid-template-columns:8rem 1fr}.ngb-grid.ngb-responsive tbody td:before{content:attr(data-title);font-weight:600;opacity:.75;padding-right:.5rem}}.ngb-grid .datagrid-editing-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:.75rem 1rem;border:1px solid var(--dg-border);border-bottom:0;border-radius:var(--dg-radius-lg) var(--dg-radius-lg) 0 0;background:var(--dg-surface)}.ngb-grid .datagrid-editing-toolbar__start,.ngb-grid .datagrid-editing-toolbar__end{display:inline-flex;align-items:center;gap:.5rem}.ngb-grid .datagrid-editing-toolbar__save[hidden],.ngb-grid .datagrid-editing-toolbar__cancel[hidden]{display:none!important}.ngb-grid .datagrid-editing-toolbar__hint{flex:1 1 auto;text-align:center;font-size:.875rem;font-weight:600;color:var(--dg-text-muted)}.ngb-grid .grid-cell--incell{cursor:cell}.ngb-grid .grid-cell--incell:not(.grid-cell--editing) .grid-cell-content,.ngb-grid .grid-cell--incell:not(.grid-cell--editing) .grid-cell-content *{pointer-events:none}.ngb-grid .grid-cell--editing .grid-edit-control{border-color:var(--dg-primary);box-shadow:var(--dg-focus-shadow)}.ngb-grid .grid-external-editor{position:fixed;inset:0;z-index:400;display:flex;align-items:center;justify-content:center;padding:1.5rem}.ngb-grid .grid-external-editor__backdrop{position:absolute;inset:0;border:0;background:var(--dg-backdrop);cursor:pointer}.ngb-grid .grid-external-editor__panel{position:relative;z-index:1;width:min(32rem,100%);max-height:min(90vh,40rem);overflow:auto;padding:1.25rem;border:1px solid var(--dg-border);border-radius:var(--dg-radius-lg);background:var(--dg-surface);box-shadow:var(--dg-shadow-md)}.ngb-grid .grid-external-editor__header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.ngb-grid .grid-external-editor__title{margin:0;font-size:1.125rem;font-weight:700}.ngb-grid .grid-external-editor__close{border:0;background:transparent;color:var(--dg-text-muted);padding:.25rem;cursor:pointer}.ngb-grid .grid-external-editor__form{display:grid;gap:.85rem}.ngb-grid .grid-external-editor__field{display:grid;gap:.35rem}.ngb-grid .grid-external-editor__label{font-size:.8125rem;font-weight:700;color:var(--dg-text-muted);text-transform:uppercase;letter-spacing:.03em}.ngb-grid .grid-external-editor__error{font-size:.75rem;color:var(--dg-danger)}.ngb-grid .grid-external-editor__actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:.5rem}.ngb-grid__status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.ngb-grid .grid-body td[role=gridcell]:focus-visible,.ngb-grid .grid-body td[role=gridcell].grid-cell--focused{outline:2px solid var(--dg-focus-ring);outline-offset:-2px}.ngb-grid--rtl .grid-column-reorder-handle{transform:scaleX(-1)}.ngb-grid--rtl .column-pinned-start{left:auto;right:var(--dg-pin-start, 0)}.ngb-grid--rtl .column-pinned-end{right:auto;left:var(--dg-pin-end, 0)}.ngb-grid .grid-footer{width:100%;color:var(--dg-pager-text)}.ngb-grid .grid-footer--top{margin-bottom:0;border-bottom:var(--dg-table-border-width) solid var(--dg-border)}.ngb-grid .grid-footer--custom{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: NgbSyncColgroupDirective, selector: "[ngbSyncColgroup]", inputs: ["ngbSyncColgroup", "syncRole", "syncMode"] }, { kind: "component", type: NgbDatagridToolbarComponent, selector: "ngb-datagrid-toolbar", inputs: ["grid"] }, { kind: "component", type: NgbDatagridEditingToolbarComponent, selector: "ngb-datagrid-editing-toolbar", inputs: ["grid", "selectedCount", "editActive", "saveDisabled"] }, { kind: "component", type: NgbDatagridExternalEditorComponent, selector: "ngb-datagrid-external-editor", inputs: ["grid"] }, { kind: "component", type: NgbDatagridColgroupComponent, selector: "colgroup[ngbDatagridColgroup]", inputs: ["grid"] }, { kind: "component", type: NgbDatagridHeaderComponent, selector: "thead[ngbDatagridHeader]", inputs: ["grid", "renderTick"] }, { kind: "component", type: NgbDatagridFilterMenuPanelComponent, selector: "ngb-datagrid-filter-menu-panel", inputs: ["grid", "col", "anchor"] }, { kind: "component", type: NgbDatagridRowFilterOperatorPanelComponent, selector: "ngb-datagrid-row-filter-operator-panel", inputs: ["grid", "col", "anchor"] }, { kind: "component", type: NgbDatagridAddRowComponent, selector: "tr[ngbDatagridAddRow]", inputs: ["grid"] }, { kind: "component", type: NgbDatagridDataRowComponent, selector: "tr[ngbDatagridDataRow]", inputs: ["grid", "renderTick", "row", "index", "selected"] }, { kind: "component", type: NgbDatagridDetailRowComponent, selector: "tr[ngbDatagridDetailRow]", inputs: ["grid", "row", "index"] }, { kind: "component", type: NgbDatagridFooterComponent, selector: "ngb-datagrid-footer", inputs: ["grid", "placement"] }, { kind: "directive", type: NgbDndListDirective, selector: "[ngbDndList]", inputs: ["dndChildrenKey", "ngbDndList", "dndGroup", "dndDisabled", "dndCloneOnDrop", "dndCloneFn", "dndIsPalette", "dndCanDrop", "dndAriaLabel"], outputs: ["dndDropped"] }, { kind: "directive", type: NgbDndItemDirective, selector: "[ngbDndItem]", inputs: ["ngbDndItem", "dndGroup", "dndIndex", "dndSourceList", "dndDisabled"], outputs: ["dndDragStart", "dndDragEnd"] }], encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: Datagrid, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: Datagrid, decorators: [{
             type: Component,
             args: [{ selector: 'ngb-datagrid', encapsulation: ViewEncapsulation.None, imports: [
                         CommonModule,
@@ -9435,7 +10576,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImpor
                         { provide: PdfExportAdapter, useClass: JsPdfAdapter },
                         { provide: ExcelExportAdapter, useClass: BrowserExcelExportAdapter },
                         { provide: NGB_DATAGRID_HOST, useExisting: forwardRef(() => Datagrid) },
-                    ], standalone: true, template: "<!-- eslint-disable @angular-eslint/template/interactive-supports-focus -->\n<!-- eslint-disable @angular-eslint/template/click-events-have-key-events -->\n<div\n  class=\"ngb-grid\"\n  [attr.dir]=\"resolvedDir()\"\n  [attr.data-theme]=\"theme\"\n  [class.ngb-grid--rtl]=\"isRtl()\"\n  [class.ngb-responsive]=\"isResponsiveEnabled()\"\n  [class.ngb-grid--compact]=\"densityMode === 'compact'\"\n  [class.ngb-grid--stacked]=\"isStackedLayout()\"\n  [class.ngb-grid--stacked-cards]=\"isStackedCardsLayout()\"\n  [class.ngb-grid--menu-open]=\"!!openFilterMenuField || !!openMenuOperatorField || !!openRowFilterField\"\n  [class.ngb-grid--row-operator-open]=\"!!openRowFilterField\"\n  [class.ngb-grid--zebra]=\"zebraStripesEnabled\"\n  [class.ngb-grid--resizable]=\"resizable && !isStackedLayout()\"\n  [class.ngb-grid--column-reorderable]=\"isColumnReorderEnabled()\"\n  [class.ngb-grid--loading]=\"loading\"\n  [attr.aria-busy]=\"loading ? 'true' : null\"\n>\n  <div class=\"ngb-grid__layout-toolbar-host\">\n    <ng-content select=\"ngb-datagrid-layout-toolbar\"></ng-content>\n  </div>\n  <ngb-datagrid-toolbar [grid]=\"gridHost\"></ngb-datagrid-toolbar>\n  <ngb-datagrid-editing-toolbar\n    [grid]=\"gridHost\"\n    [selectedCount]=\"getSelectedCount()\"\n    [editActive]=\"isToolbarEditActive()\"\n    [saveDisabled]=\"isToolbarSaveDisabled()\"\n  ></ngb-datagrid-editing-toolbar>\n\n  @if (paginationActive && pagerShowsAt('top')) {\n    <ngb-datagrid-footer [grid]=\"gridHost\" placement=\"top\"></ngb-datagrid-footer>\n  }\n\n  <div\n    class=\"ngb-grid__status visually-hidden-focusable\"\n    role=\"status\"\n    aria-live=\"polite\"\n    aria-atomic=\"true\"\n  >{{ statusMessage }}</div>\n\n  <div class=\"table-wrapper\" [ngClass]=\"responsiveWrapperClasses\">\n    @if (loading) {\n    <div class=\"ngb-grid__loading-overlay\" role=\"presentation\">\n      <div class=\"spinner-border spinner-border-sm text-primary\" role=\"status\">\n        <span class=\"visually-hidden\">Loading</span>\n      </div>\n    </div>\n    }\n    <div class=\"grid-header-shell\" #headerScroller>\n    <table class=\"grid-table grid-header mb-0\" [ngClass]=\"tableClassList\" [style.width.px]=\"tablePixelWidth\">\n      @if (tableOptions?.caption) {\n      <caption\n        [class.caption-top]=\"(tableOptions?.captionSide ?? 'top') === 'top'\"\n      >\n        {{ tableOptions?.caption }}\n      </caption>\n      }\n\n      <colgroup\n        ngbDatagridColgroup\n        [grid]=\"gridHost\"\n        [ngbSyncColgroup]=\"colgroupSyncId\"\n        syncRole=\"header\"\n        [syncMode]=\"resizable ? 'explicit' : 'auto'\"\n      ></colgroup>\n\n      <thead\n        class=\"table-light\"\n        ngbDatagridHeader\n        [grid]=\"gridHost\"\n      ></thead>\n    </table>\n    </div>\n\n    <div [class.table-body-scroll]=\"shouldEnableScroll\" #bodyScroller (scroll)=\"onBodyHorizontalScroll()\">\n      <table\n        class=\"grid-table grid-body mb-0\"\n        [ngClass]=\"tableClassList\"\n        [style.width.px]=\"tablePixelWidth\"\n        role=\"grid\"\n        [attr.aria-rowcount]=\"ariaRowCount()\"\n        [attr.aria-colcount]=\"ariaColCount()\"\n        [attr.aria-readonly]=\"enableEdit || enableAdd ? 'false' : 'true'\"\n        [attr.aria-label]=\"tableOptions?.caption || null\"\n      >\n        <colgroup\n          ngbDatagridColgroup\n          [grid]=\"gridHost\"\n          [ngbSyncColgroup]=\"colgroupSyncId\"\n          syncRole=\"body\"\n          [syncMode]=\"resizable ? 'explicit' : 'auto'\"\n        ></colgroup>\n\n        <tbody\n          [ngbDndList]=\"paged\"\n          [dndDisabled]=\"!isRowReorderEnabled()\"\n          (dndDropped)=\"onRowDrop($event)\"\n        >\n          @if (!paged.length) {\n          <tr class=\"ngb-grid__empty-row\">\n            <td [attr.colspan]=\"ariaColCount()\" class=\"ngb-grid__empty text-center text-muted py-4\">\n              {{ emptyStateLabel() }}\n            </td>\n          </tr>\n          }\n\n          @if (addingNew) {\n          <tr\n            ngbDatagridAddRow\n            [grid]=\"gridHost\"\n            [formGroup]=\"addForm\"\n          ></tr>\n          }\n\n          @for (row of paged; track trackRow($index, row); let i = $index) {\n            <tr\n              class=\"grid-data-row\"\n              ngbDatagridDataRow\n              [grid]=\"gridHost\"\n              [row]=\"row\"\n              [index]=\"i\"\n              [selected]=\"isRowSelected(row, i)\"\n              [ngbDndItem]=\"row\"\n              [dndIndex]=\"i\"\n              [dndDisabled]=\"!isRowReorderEnabled()\"\n              (click)=\"onRowSelect($event, i); onRowClick($event, i)\"\n              [formGroup]=\"editForm\"\n              [class.sticky-row]=\"isRowSticky(row, i)\"\n              [class.row-selected]=\"isRowSelected(row, i)\"\n              [class.row-highlight]=\"isRowHighlighted(row, i)\"\n              [class.grid-row--reorderable]=\"isRowReorderEnabled()\"\n              [ngClass]=\"resolveRowClass(row, i)\"\n              [ngStyle]=\"resolveRowStyle(row, i)\"\n              [attr.aria-selected]=\"isRowSelected(row, i) ? 'true' : null\"\n              [style.top.px]=\"stickyTop(row, i)\"\n              [style.z-index]=\"isRowSticky(row, i) ? 3 : null\"\n            ></tr>\n\n            @if (rowDetailTpl && isExpanded(i)) {\n            <tr\n              ngbDatagridDetailRow\n              [grid]=\"gridHost\"\n              [row]=\"row\"\n              [index]=\"i\"\n              [attr.id]=\"'dg-row-detail-' + i\"\n            ></tr>\n            }\n          }\n        </tbody>\n      </table>\n    </div>\n\n    <table class=\"table grid-table grid-foot mb-0\" [style.width.px]=\"tablePixelWidth\">\n      <colgroup>\n        @for (col of visibleColumns; track col.field) {\n          <col [style.width.px]=\"col?.width\" />\n        }\n      </colgroup>\n      <tbody>\n        <tr>\n          <td [attr.colspan]=\"visibleColumns.length\" width=\"100%\">\n            @if (paginationActive && pagerShowsAt('bottom')) {\n              <ngb-datagrid-footer [grid]=\"gridHost\" placement=\"bottom\"></ngb-datagrid-footer>\n            }\n          </td>\n        </tr>\n      </tbody>\n    </table>\n  </div>\n\n  @if (externalEditOpen) {\n    <ngb-datagrid-external-editor [grid]=\"gridHost\"></ngb-datagrid-external-editor>\n  }\n\n  @if (openFilterMenuField && openFilterMenuColumn && openFilterMenuAnchor) {\n  <ngb-datagrid-filter-menu-panel\n    [grid]=\"gridHost\"\n    [col]=\"openFilterMenuColumn\"\n    [anchor]=\"openFilterMenuAnchor\"\n  />\n  }\n\n  @if (openRowFilterField && openRowFilterColumn && openRowFilterOperatorAnchor) {\n  <ngb-datagrid-row-filter-operator-panel\n    [grid]=\"gridHost\"\n    [col]=\"openRowFilterColumn\"\n    [anchor]=\"openRowFilterOperatorAnchor\"\n  />\n  }\n</div>\n", styles: ["@charset \"UTF-8\";.ngb-grid,.ngb-datagrid-floating-panel{--dg-surface: #ffffff;--dg-surface-muted: #f9fafb;--dg-surface-subtle: #f3f4f6;--dg-surface-config: #edf4ff;--dg-surface-filter-row: #fffbeb;--dg-surface-sticky-row: #fefce8;--dg-border: #d7deea;--dg-border-strong: #cfd6e2;--dg-text: #1f2937;--dg-text-muted: #5b6578;--dg-text-subtle: #64748b;--dg-primary: #315efb;--dg-primary-hover: #2749c4;--dg-primary-active: #1d4ed8;--dg-primary-soft: #dbeafe;--dg-primary-border-subtle: #bfdbfe;--dg-accent: #3b82f6;--dg-on-primary: #ffffff;--dg-placeholder: #94a3b8;--dg-success: #39a949;--dg-success-soft: #dcfce7;--dg-success-text: #166534;--dg-success-border-subtle: #bbf7d0;--dg-danger: #ef4444;--dg-danger-soft: #fee2e2;--dg-danger-text: #b91c1c;--dg-danger-border-subtle: #fecaca;--dg-warning-soft: #fef3c7;--dg-warning-border: #fde68a;--dg-warning-text: #854d0e;--dg-filter-multi-icon: #39a949;--dg-filter-multi-icon-soft: #dcfce7;--dg-neutral-pill-bg: #e2e8f0;--dg-locked-bg: #f8fafc;--dg-row-selected-bg: #eef5ff;--dg-row-hover-bg: #f8fbff;--dg-row-odd-bg: transparent;--dg-row-even-bg: transparent;--dg-detail-row-bg: #f8fbff;--dg-search-highlight-bg: #fef08a;--dg-sticky-border: #facc15;--dg-sticky-badge-bg: #fef08a;--dg-sticky-badge-text: #854d0e;--dg-dropdown-item-active-bg: var(--dg-primary-soft);--dg-dropdown-item-active-color: var(--dg-primary);--dg-focus-ring: #2563eb;--dg-focus-border: rgba(37, 99, 235, .45);--dg-focus-shadow: 0 0 0 .2rem rgba(37, 99, 235, .15);--dg-pin-shadow-start: 1px 0 0 rgba(15, 23, 42, .08);--dg-pin-shadow-end: -1px 0 0 rgba(15, 23, 42, .08);--dg-backdrop: rgba(15, 23, 42, .45);--dg-loading-overlay: color-mix(in srgb, var(--dg-surface) 55%, transparent);--dg-primary-selection-overlay: rgba(37, 99, 235, .18);--dg-filter-divider: rgba(219, 227, 239, .8);--dg-shadow-sm: 0 1px 2px rgba(15, 23, 42, .06);--dg-shadow-md: 0 8px 24px rgba(15, 23, 42, .12);--dg-radius-lg: .5rem;--dg-radius-md: .45rem;--dg-radius-sm: .35rem;--dg-control-height: 2.15rem;--dg-nav-height: 2.5rem;--dg-font-size-header: .92rem;--dg-font-size-cell: .84rem;--dg-font-size-label: .94rem;--dg-cell-padding-y: .75rem;--dg-cell-padding-x: .85rem;--dg-header-padding-y: .75rem;--dg-header-padding-x: .85rem;--dg-table-border-width: 1px;--dg-pager-surface: var(--dg-surface);--dg-pager-text: var(--dg-text-muted);--dg-pager-control-bg: var(--dg-surface);--dg-pager-control-hover-bg: var(--dg-surface-subtle);--dg-pager-control-border: var(--dg-border);--dg-pager-link-text: var(--dg-primary);--dg-pager-active-bg: var(--dg-primary);--dg-pager-active-border: var(--dg-primary);--dg-pager-active-text: var(--dg-on-primary);--dg-pager-select-icon: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e\")}.ngb-grid[data-theme=bootstrap],.ngb-datagrid-floating-panel[data-theme=bootstrap]{--dg-surface: var(--bs-body-bg, #ffffff);--dg-surface-muted: var(--bs-tertiary-bg, #f8f9fa);--dg-surface-subtle: var(--bs-secondary-bg, #e9ecef);--dg-surface-config: var(--bs-primary-bg-subtle, #cfe2ff);--dg-surface-filter-row: var(--bs-warning-bg-subtle, #fff3cd);--dg-surface-sticky-row: var(--bs-warning-bg-subtle, #fff3cd);--dg-border: var(--bs-border-color, #dee2e6);--dg-border-strong: var(--bs-border-color-translucent, #ced4da);--dg-text: var(--bs-body-color, #212529);--dg-text-muted: var(--bs-secondary-color, #6c757d);--dg-text-subtle: var(--bs-tertiary-color, #6c757d);--dg-primary: var(--bs-primary, #0d6efd);--dg-primary-hover: var(--bs-link-hover-color, #0a58ca);--dg-primary-active: var(--bs-link-hover-color, #0a58ca);--dg-primary-soft: var(--bs-primary-bg-subtle, #cfe2ff);--dg-primary-border-subtle: var(--bs-primary-border-subtle, #9ec5fe);--dg-accent: var(--bs-primary, #0d6efd);--dg-on-primary: var(--bs-btn-color, #fff);--dg-placeholder: var(--bs-secondary-color, #6c757d);--dg-success: var(--bs-success, #198754);--dg-success-soft: var(--bs-success-bg-subtle, #d1e7dd);--dg-success-text: var(--bs-success-text-emphasis, #0a3622);--dg-success-border-subtle: var(--bs-success-border-subtle, #a3cfbb);--dg-danger: var(--bs-danger, #dc3545);--dg-danger-soft: var(--bs-danger-bg-subtle, #f8d7da);--dg-danger-text: var(--bs-danger-text-emphasis, #58151c);--dg-danger-border-subtle: var(--bs-danger-border-subtle, #f1aeb5);--dg-warning-soft: var(--bs-warning-bg-subtle, #fff3cd);--dg-warning-border: var(--bs-warning-border-subtle, #ffe69c);--dg-warning-text: var(--bs-warning-text-emphasis, #664d03);--dg-filter-multi-icon: var(--bs-success, #198754);--dg-filter-multi-icon-soft: var(--bs-success-bg-subtle, #d1e7dd);--dg-neutral-pill-bg: var(--bs-secondary-bg, #e9ecef);--dg-locked-bg: var(--bs-tertiary-bg, #f8f9fa);--dg-row-selected-bg: var(--bs-primary-bg-subtle, #cfe2ff);--dg-row-hover-bg: var(--bs-tertiary-bg, #f8f9fa);--dg-row-odd-bg: transparent;--dg-row-even-bg: transparent;--dg-detail-row-bg: var(--bs-primary-bg-subtle, #cfe2ff);--dg-search-highlight-bg: var(--bs-warning-bg-subtle, #fff3cd);--dg-sticky-border: var(--bs-warning-border-subtle, #ffe69c);--dg-sticky-badge-bg: var(--bs-warning-bg-subtle, #fff3cd);--dg-sticky-badge-text: var(--bs-warning-text-emphasis, #664d03);--dg-dropdown-item-active-bg: var(--bs-primary-bg-subtle, #cfe2ff);--dg-dropdown-item-active-color: var(--bs-primary, #0d6efd);--dg-focus-ring: var(--bs-focus-ring-color, var(--bs-primary, #0d6efd));--dg-focus-border: rgba(var(--bs-primary-rgb, 13, 110, 253), .45);--dg-focus-shadow: 0 0 0 .25rem rgba(var(--bs-primary-rgb, 13, 110, 253), var(--bs-focus-ring-opacity, .25));--dg-pin-shadow-start: 1px 0 0 var(--bs-border-color-translucent, rgba(0, 0, 0, .08));--dg-pin-shadow-end: -1px 0 0 var(--bs-border-color-translucent, rgba(0, 0, 0, .08));--dg-backdrop: rgba(var(--bs-emphasis-color-rgb, 33, 37, 41), .5);--dg-loading-overlay: color-mix(in srgb, var(--dg-surface) 55%, transparent);--dg-primary-selection-overlay: rgba(var(--bs-primary-rgb, 13, 110, 253), .18);--dg-filter-divider: var(--bs-border-color-translucent, rgba(0, 0, 0, .1));--dg-shadow-sm: var(--bs-box-shadow-sm, 0 .125rem .25rem rgba(0, 0, 0, .075));--dg-shadow-md: var(--bs-box-shadow, 0 .5rem 1rem rgba(0, 0, 0, .15));--dg-radius-lg: var(--bs-border-radius-lg, .5rem);--dg-radius-md: var(--bs-border-radius, .375rem);--dg-radius-sm: var(--bs-border-radius-sm, .25rem);--dg-pager-surface: var(--bs-body-bg, #ffffff);--dg-pager-text: var(--bs-secondary-color, #6c757d);--dg-pager-control-bg: var(--bs-body-bg, #ffffff);--dg-pager-control-hover-bg: var(--bs-tertiary-bg, #f8f9fa);--dg-pager-control-border: var(--bs-border-color, #dee2e6);--dg-pager-link-text: var(--bs-primary, #0d6efd);--dg-pager-active-bg: var(--bs-primary, #0d6efd);--dg-pager-active-border: var(--bs-primary, #0d6efd);--dg-pager-active-text: var(--bs-btn-color, #fff);--dg-pager-select-icon: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e\")}.ngb-grid[data-theme=bootstrap-main],.ngb-datagrid-floating-panel[data-theme=bootstrap-main]{--dg-surface: var(--bs-body-bg, #ffffff);--dg-surface-muted: var(--bs-tertiary-bg, #f8f9fa);--dg-surface-subtle: var(--bs-secondary-bg, #e9ecef);--dg-surface-config: var(--bs-primary-bg-subtle, #cfe2ff);--dg-surface-filter-row: var(--bs-warning-bg-subtle, #fff3cd);--dg-surface-sticky-row: var(--bs-warning-bg-subtle, #fff3cd);--dg-border: var(--bs-border-color, #dee2e6);--dg-border-strong: var(--bs-border-color-translucent, #ced4da);--dg-text: var(--bs-body-color, #212529);--dg-text-muted: var(--bs-secondary-color, #6c757d);--dg-text-subtle: var(--bs-tertiary-color, #6c757d);--dg-primary: var(--bs-primary, #0d6efd);--dg-primary-hover: var(--bs-link-hover-color, #0a58ca);--dg-primary-active: var(--bs-link-hover-color, #0a58ca);--dg-primary-soft: var(--bs-primary-bg-subtle, #cfe2ff);--dg-primary-border-subtle: var(--bs-primary-border-subtle, #9ec5fe);--dg-accent: var(--bs-primary, #0d6efd);--dg-on-primary: var(--bs-btn-color, #fff);--dg-placeholder: var(--bs-secondary-color, #6c757d);--dg-success: var(--bs-success, #198754);--dg-success-soft: var(--bs-success-bg-subtle, #d1e7dd);--dg-success-text: var(--bs-success-text-emphasis, #0a3622);--dg-success-border-subtle: var(--bs-success-border-subtle, #a3cfbb);--dg-danger: var(--bs-danger, #dc3545);--dg-danger-soft: var(--bs-danger-bg-subtle, #f8d7da);--dg-danger-text: var(--bs-danger-text-emphasis, #58151c);--dg-danger-border-subtle: var(--bs-danger-border-subtle, #f1aeb5);--dg-warning-soft: var(--bs-warning-bg-subtle, #fff3cd);--dg-warning-border: var(--bs-warning-border-subtle, #ffe69c);--dg-warning-text: var(--bs-warning-text-emphasis, #664d03);--dg-filter-multi-icon: var(--bs-success, #198754);--dg-filter-multi-icon-soft: var(--bs-success-bg-subtle, #d1e7dd);--dg-neutral-pill-bg: var(--bs-secondary-bg, #e9ecef);--dg-locked-bg: var(--bs-tertiary-bg, #f8f9fa);--dg-row-selected-bg: var(--bs-primary-bg-subtle, #cfe2ff);--dg-row-hover-bg: var(--bs-tertiary-bg, #f8f9fa);--dg-row-odd-bg: transparent;--dg-row-even-bg: transparent;--dg-detail-row-bg: var(--bs-primary-bg-subtle, #cfe2ff);--dg-search-highlight-bg: var(--bs-warning-bg-subtle, #fff3cd);--dg-sticky-border: var(--bs-warning-border-subtle, #ffe69c);--dg-sticky-badge-bg: var(--bs-warning-bg-subtle, #fff3cd);--dg-sticky-badge-text: var(--bs-warning-text-emphasis, #664d03);--dg-dropdown-item-active-bg: var(--bs-primary-bg-subtle, #cfe2ff);--dg-dropdown-item-active-color: var(--bs-primary, #0d6efd);--dg-focus-ring: var(--bs-focus-ring-color, var(--bs-primary, #0d6efd));--dg-focus-border: rgba(var(--bs-primary-rgb, 13, 110, 253), .45);--dg-focus-shadow: 0 0 0 .25rem rgba(var(--bs-primary-rgb, 13, 110, 253), var(--bs-focus-ring-opacity, .25));--dg-pin-shadow-start: 1px 0 0 var(--bs-border-color-translucent, rgba(0, 0, 0, .08));--dg-pin-shadow-end: -1px 0 0 var(--bs-border-color-translucent, rgba(0, 0, 0, .08));--dg-backdrop: rgba(var(--bs-emphasis-color-rgb, 33, 37, 41), .5);--dg-loading-overlay: color-mix(in srgb, var(--dg-surface) 55%, transparent);--dg-primary-selection-overlay: rgba(var(--bs-primary-rgb, 13, 110, 253), .18);--dg-filter-divider: var(--bs-border-color-translucent, rgba(0, 0, 0, .1));--dg-shadow-sm: var(--bs-box-shadow-sm, 0 .125rem .25rem rgba(0, 0, 0, .075));--dg-shadow-md: var(--bs-box-shadow, 0 .5rem 1rem rgba(0, 0, 0, .15));--dg-radius-lg: var(--bs-border-radius-lg, .5rem);--dg-radius-md: var(--bs-border-radius, .375rem);--dg-radius-sm: var(--bs-border-radius-sm, .25rem);--dg-pager-surface: var(--bs-body-bg, #ffffff);--dg-pager-text: var(--bs-secondary-color, #6c757d);--dg-pager-control-bg: var(--bs-body-bg, #ffffff);--dg-pager-control-hover-bg: var(--bs-tertiary-bg, #f8f9fa);--dg-pager-control-border: var(--bs-border-color, #dee2e6);--dg-pager-link-text: var(--bs-primary, #0d6efd);--dg-pager-active-bg: var(--bs-primary, #0d6efd);--dg-pager-active-border: var(--bs-primary, #0d6efd);--dg-pager-active-text: var(--bs-btn-color, #fff);--dg-pager-select-icon: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e\");--dg-surface: #f8fbff;--dg-surface-muted: #eaf3ff;--dg-surface-subtle: #d9eaff;--dg-surface-config: #e0efff;--dg-border: #bfd7f4;--dg-border-strong: #7fb0e3;--dg-text: #172554;--dg-text-muted: #45617f;--dg-primary: #1769e0;--dg-primary-hover: #0f56bd;--dg-primary-active: #0b438f;--dg-primary-soft: #dbeafe;--dg-primary-border-subtle: #93c5fd;--dg-accent: #0f766e;--dg-row-selected-bg: #dcecff;--dg-row-hover-bg: #eef6ff;--dg-detail-row-bg: #edf6ff;--dg-dropdown-item-active-bg: #dcecff;--dg-dropdown-item-active-color: #0f56bd;--dg-focus-ring: #1769e0;--dg-focus-border: rgba(23, 105, 224, .48);--dg-focus-shadow: 0 0 0 .2rem rgba(23, 105, 224, .16)}.ngb-grid[data-theme=bootstrap-main-dark],.ngb-datagrid-floating-panel[data-theme=bootstrap-main-dark]{--dg-surface: var(--bs-body-bg, #ffffff);--dg-surface-muted: var(--bs-tertiary-bg, #f8f9fa);--dg-surface-subtle: var(--bs-secondary-bg, #e9ecef);--dg-surface-config: var(--bs-primary-bg-subtle, #cfe2ff);--dg-surface-filter-row: var(--bs-warning-bg-subtle, #fff3cd);--dg-surface-sticky-row: var(--bs-warning-bg-subtle, #fff3cd);--dg-border: var(--bs-border-color, #dee2e6);--dg-border-strong: var(--bs-border-color-translucent, #ced4da);--dg-text: var(--bs-body-color, #212529);--dg-text-muted: var(--bs-secondary-color, #6c757d);--dg-text-subtle: var(--bs-tertiary-color, #6c757d);--dg-primary: var(--bs-primary, #0d6efd);--dg-primary-hover: var(--bs-link-hover-color, #0a58ca);--dg-primary-active: var(--bs-link-hover-color, #0a58ca);--dg-primary-soft: var(--bs-primary-bg-subtle, #cfe2ff);--dg-primary-border-subtle: var(--bs-primary-border-subtle, #9ec5fe);--dg-accent: var(--bs-primary, #0d6efd);--dg-on-primary: var(--bs-btn-color, #fff);--dg-placeholder: var(--bs-secondary-color, #6c757d);--dg-success: var(--bs-success, #198754);--dg-success-soft: var(--bs-success-bg-subtle, #d1e7dd);--dg-success-text: var(--bs-success-text-emphasis, #0a3622);--dg-success-border-subtle: var(--bs-success-border-subtle, #a3cfbb);--dg-danger: var(--bs-danger, #dc3545);--dg-danger-soft: var(--bs-danger-bg-subtle, #f8d7da);--dg-danger-text: var(--bs-danger-text-emphasis, #58151c);--dg-danger-border-subtle: var(--bs-danger-border-subtle, #f1aeb5);--dg-warning-soft: var(--bs-warning-bg-subtle, #fff3cd);--dg-warning-border: var(--bs-warning-border-subtle, #ffe69c);--dg-warning-text: var(--bs-warning-text-emphasis, #664d03);--dg-filter-multi-icon: var(--bs-success, #198754);--dg-filter-multi-icon-soft: var(--bs-success-bg-subtle, #d1e7dd);--dg-neutral-pill-bg: var(--bs-secondary-bg, #e9ecef);--dg-locked-bg: var(--bs-tertiary-bg, #f8f9fa);--dg-row-selected-bg: var(--bs-primary-bg-subtle, #cfe2ff);--dg-row-hover-bg: var(--bs-tertiary-bg, #f8f9fa);--dg-row-odd-bg: transparent;--dg-row-even-bg: transparent;--dg-detail-row-bg: var(--bs-primary-bg-subtle, #cfe2ff);--dg-search-highlight-bg: var(--bs-warning-bg-subtle, #fff3cd);--dg-sticky-border: var(--bs-warning-border-subtle, #ffe69c);--dg-sticky-badge-bg: var(--bs-warning-bg-subtle, #fff3cd);--dg-sticky-badge-text: var(--bs-warning-text-emphasis, #664d03);--dg-dropdown-item-active-bg: var(--bs-primary-bg-subtle, #cfe2ff);--dg-dropdown-item-active-color: var(--bs-primary, #0d6efd);--dg-focus-ring: var(--bs-focus-ring-color, var(--bs-primary, #0d6efd));--dg-focus-border: rgba(var(--bs-primary-rgb, 13, 110, 253), .45);--dg-focus-shadow: 0 0 0 .25rem rgba(var(--bs-primary-rgb, 13, 110, 253), var(--bs-focus-ring-opacity, .25));--dg-pin-shadow-start: 1px 0 0 var(--bs-border-color-translucent, rgba(0, 0, 0, .08));--dg-pin-shadow-end: -1px 0 0 var(--bs-border-color-translucent, rgba(0, 0, 0, .08));--dg-backdrop: rgba(var(--bs-emphasis-color-rgb, 33, 37, 41), .5);--dg-loading-overlay: color-mix(in srgb, var(--dg-surface) 55%, transparent);--dg-primary-selection-overlay: rgba(var(--bs-primary-rgb, 13, 110, 253), .18);--dg-filter-divider: var(--bs-border-color-translucent, rgba(0, 0, 0, .1));--dg-shadow-sm: var(--bs-box-shadow-sm, 0 .125rem .25rem rgba(0, 0, 0, .075));--dg-shadow-md: var(--bs-box-shadow, 0 .5rem 1rem rgba(0, 0, 0, .15));--dg-radius-lg: var(--bs-border-radius-lg, .5rem);--dg-radius-md: var(--bs-border-radius, .375rem);--dg-radius-sm: var(--bs-border-radius-sm, .25rem);--dg-pager-surface: var(--bs-body-bg, #ffffff);--dg-pager-text: var(--bs-secondary-color, #6c757d);--dg-pager-control-bg: var(--bs-body-bg, #ffffff);--dg-pager-control-hover-bg: var(--bs-tertiary-bg, #f8f9fa);--dg-pager-control-border: var(--bs-border-color, #dee2e6);--dg-pager-link-text: var(--bs-primary, #0d6efd);--dg-pager-active-bg: var(--bs-primary, #0d6efd);--dg-pager-active-border: var(--bs-primary, #0d6efd);--dg-pager-active-text: var(--bs-btn-color, #fff);--dg-pager-select-icon: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e\");--dg-surface: #172033;--dg-surface-muted: #202b42;--dg-surface-subtle: #273653;--dg-surface-config: #172a4f;--dg-surface-filter-row: #2c2714;--dg-surface-sticky-row: #2e2810;--dg-border: #33425f;--dg-border-strong: #4a5d80;--dg-text: #edf2ff;--dg-text-muted: #b8c3d9;--dg-text-subtle: #93a2bd;--dg-primary: #38bdf8;--dg-primary-hover: #7dd3fc;--dg-primary-active: #bae6fd;--dg-primary-soft: #12344f;--dg-primary-border-subtle: #0284c7;--dg-accent: #38bdf8;--dg-on-primary: #ffffff;--dg-placeholder: #93a2bd;--dg-locked-bg: #1e2a40;--dg-row-selected-bg: #153a67;--dg-row-hover-bg: #22304a;--dg-row-odd-bg: #172033;--dg-row-even-bg: #1b263a;--dg-detail-row-bg: #182d4c;--dg-dropdown-item-active-bg: #183b70;--dg-dropdown-item-active-color: #bfdbfe;--dg-focus-ring: #60a5fa;--dg-focus-border: rgba(96, 165, 250, .6);--dg-focus-shadow: 0 0 0 .2rem rgba(96, 165, 250, .2);--dg-shadow-sm: 0 1px 2px rgba(0, 0, 0, .35);--dg-shadow-md: 0 14px 32px rgba(0, 0, 0, .36);--dg-pager-surface: #111827;--dg-pager-text: #dbeafe;--dg-pager-control-bg: #172033;--dg-pager-control-hover-bg: #22304a;--dg-pager-control-border: #4a5d80;--dg-pager-link-text: #dbeafe;--dg-pager-active-bg: #38bdf8;--dg-pager-active-border: #38bdf8;--dg-pager-active-text: #0f172a;--dg-pager-select-icon: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e\")}.ngb-grid[data-theme=bootstrap-nordic],.ngb-datagrid-floating-panel[data-theme=bootstrap-nordic]{--dg-surface: var(--bs-body-bg, #ffffff);--dg-surface-muted: var(--bs-tertiary-bg, #f8f9fa);--dg-surface-subtle: var(--bs-secondary-bg, #e9ecef);--dg-surface-config: var(--bs-primary-bg-subtle, #cfe2ff);--dg-surface-filter-row: var(--bs-warning-bg-subtle, #fff3cd);--dg-surface-sticky-row: var(--bs-warning-bg-subtle, #fff3cd);--dg-border: var(--bs-border-color, #dee2e6);--dg-border-strong: var(--bs-border-color-translucent, #ced4da);--dg-text: var(--bs-body-color, #212529);--dg-text-muted: var(--bs-secondary-color, #6c757d);--dg-text-subtle: var(--bs-tertiary-color, #6c757d);--dg-primary: var(--bs-primary, #0d6efd);--dg-primary-hover: var(--bs-link-hover-color, #0a58ca);--dg-primary-active: var(--bs-link-hover-color, #0a58ca);--dg-primary-soft: var(--bs-primary-bg-subtle, #cfe2ff);--dg-primary-border-subtle: var(--bs-primary-border-subtle, #9ec5fe);--dg-accent: var(--bs-primary, #0d6efd);--dg-on-primary: var(--bs-btn-color, #fff);--dg-placeholder: var(--bs-secondary-color, #6c757d);--dg-success: var(--bs-success, #198754);--dg-success-soft: var(--bs-success-bg-subtle, #d1e7dd);--dg-success-text: var(--bs-success-text-emphasis, #0a3622);--dg-success-border-subtle: var(--bs-success-border-subtle, #a3cfbb);--dg-danger: var(--bs-danger, #dc3545);--dg-danger-soft: var(--bs-danger-bg-subtle, #f8d7da);--dg-danger-text: var(--bs-danger-text-emphasis, #58151c);--dg-danger-border-subtle: var(--bs-danger-border-subtle, #f1aeb5);--dg-warning-soft: var(--bs-warning-bg-subtle, #fff3cd);--dg-warning-border: var(--bs-warning-border-subtle, #ffe69c);--dg-warning-text: var(--bs-warning-text-emphasis, #664d03);--dg-filter-multi-icon: var(--bs-success, #198754);--dg-filter-multi-icon-soft: var(--bs-success-bg-subtle, #d1e7dd);--dg-neutral-pill-bg: var(--bs-secondary-bg, #e9ecef);--dg-locked-bg: var(--bs-tertiary-bg, #f8f9fa);--dg-row-selected-bg: var(--bs-primary-bg-subtle, #cfe2ff);--dg-row-hover-bg: var(--bs-tertiary-bg, #f8f9fa);--dg-row-even-bg: transparent;--dg-detail-row-bg: var(--bs-primary-bg-subtle, #cfe2ff);--dg-search-highlight-bg: var(--bs-warning-bg-subtle, #fff3cd);--dg-sticky-border: var(--bs-warning-border-subtle, #ffe69c);--dg-sticky-badge-bg: var(--bs-warning-bg-subtle, #fff3cd);--dg-sticky-badge-text: var(--bs-warning-text-emphasis, #664d03);--dg-dropdown-item-active-bg: var(--bs-primary-bg-subtle, #cfe2ff);--dg-dropdown-item-active-color: var(--bs-primary, #0d6efd);--dg-focus-ring: var(--bs-focus-ring-color, var(--bs-primary, #0d6efd));--dg-focus-border: rgba(var(--bs-primary-rgb, 13, 110, 253), .45);--dg-focus-shadow: 0 0 0 .25rem rgba(var(--bs-primary-rgb, 13, 110, 253), var(--bs-focus-ring-opacity, .25));--dg-pin-shadow-start: 1px 0 0 var(--bs-border-color-translucent, rgba(0, 0, 0, .08));--dg-pin-shadow-end: -1px 0 0 var(--bs-border-color-translucent, rgba(0, 0, 0, .08));--dg-backdrop: rgba(var(--bs-emphasis-color-rgb, 33, 37, 41), .5);--dg-loading-overlay: color-mix(in srgb, var(--dg-surface) 55%, transparent);--dg-primary-selection-overlay: rgba(var(--bs-primary-rgb, 13, 110, 253), .18);--dg-filter-divider: var(--bs-border-color-translucent, rgba(0, 0, 0, .1));--dg-shadow-sm: var(--bs-box-shadow-sm, 0 .125rem .25rem rgba(0, 0, 0, .075));--dg-shadow-md: var(--bs-box-shadow, 0 .5rem 1rem rgba(0, 0, 0, .15));--dg-radius-lg: var(--bs-border-radius-lg, .5rem);--dg-radius-md: var(--bs-border-radius, .375rem);--dg-radius-sm: var(--bs-border-radius-sm, .25rem);--dg-pager-surface: var(--bs-body-bg, #ffffff);--dg-pager-text: var(--bs-secondary-color, #6c757d);--dg-pager-control-bg: var(--bs-body-bg, #ffffff);--dg-pager-control-hover-bg: var(--bs-tertiary-bg, #f8f9fa);--dg-pager-control-border: var(--bs-border-color, #dee2e6);--dg-pager-link-text: var(--bs-primary, #0d6efd);--dg-pager-active-bg: var(--bs-primary, #0d6efd);--dg-pager-active-border: var(--bs-primary, #0d6efd);--dg-pager-active-text: var(--bs-btn-color, #fff);--dg-pager-select-icon: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e\");--dg-surface: #ffffff;--dg-surface-muted: #f2f7f8;--dg-surface-subtle: #e6f0f2;--dg-surface-config: #e4f8fb;--dg-surface-filter-row: #fff7ed;--dg-border: #d5e4e7;--dg-border-strong: #a9c8cf;--dg-text: #263243;--dg-text-muted: #64748b;--dg-primary: #0ea5b7;--dg-primary-hover: #0b8798;--dg-primary-active: #0f6b7a;--dg-primary-soft: #d7f5f8;--dg-primary-border-subtle: #9be4ec;--dg-accent: #e85d75;--dg-row-selected-bg: #e7f8fb;--dg-row-hover-bg: #f0fbfd;--dg-row-odd-bg: transparent;--dg-row-even-bg: #fbfeff;--dg-detail-row-bg: #f4fbfc;--dg-dropdown-item-active-bg: #e7f8fb;--dg-dropdown-item-active-color: #0b8798;--dg-focus-ring: #0ea5b7;--dg-focus-border: rgba(14, 165, 183, .45);--dg-focus-shadow: 0 0 0 .2rem rgba(14, 165, 183, .15);--dg-font-size-cell: .88rem;--dg-cell-padding-y: .82rem;--dg-pager-surface: #f8ffff;--dg-pager-text: #526173;--dg-pager-control-bg: #ffffff;--dg-pager-control-hover-bg: #e7f8fb;--dg-pager-control-border: #b9dce2;--dg-pager-link-text: #0b8798;--dg-pager-active-bg: #0ea5b7;--dg-pager-active-border: #0ea5b7;--dg-pager-active-text: #ffffff}.ngb-grid[data-theme=bootstrap-urban],.ngb-datagrid-floating-panel[data-theme=bootstrap-urban]{--dg-surface: var(--bs-body-bg, #ffffff);--dg-surface-muted: var(--bs-tertiary-bg, #f8f9fa);--dg-surface-subtle: var(--bs-secondary-bg, #e9ecef);--dg-surface-config: var(--bs-primary-bg-subtle, #cfe2ff);--dg-surface-filter-row: var(--bs-warning-bg-subtle, #fff3cd);--dg-surface-sticky-row: var(--bs-warning-bg-subtle, #fff3cd);--dg-border: var(--bs-border-color, #dee2e6);--dg-border-strong: var(--bs-border-color-translucent, #ced4da);--dg-text: var(--bs-body-color, #212529);--dg-text-muted: var(--bs-secondary-color, #6c757d);--dg-text-subtle: var(--bs-tertiary-color, #6c757d);--dg-primary: var(--bs-primary, #0d6efd);--dg-primary-hover: var(--bs-link-hover-color, #0a58ca);--dg-primary-active: var(--bs-link-hover-color, #0a58ca);--dg-primary-soft: var(--bs-primary-bg-subtle, #cfe2ff);--dg-primary-border-subtle: var(--bs-primary-border-subtle, #9ec5fe);--dg-accent: var(--bs-primary, #0d6efd);--dg-on-primary: var(--bs-btn-color, #fff);--dg-placeholder: var(--bs-secondary-color, #6c757d);--dg-success: var(--bs-success, #198754);--dg-success-soft: var(--bs-success-bg-subtle, #d1e7dd);--dg-success-text: var(--bs-success-text-emphasis, #0a3622);--dg-success-border-subtle: var(--bs-success-border-subtle, #a3cfbb);--dg-danger: var(--bs-danger, #dc3545);--dg-danger-soft: var(--bs-danger-bg-subtle, #f8d7da);--dg-danger-text: var(--bs-danger-text-emphasis, #58151c);--dg-danger-border-subtle: var(--bs-danger-border-subtle, #f1aeb5);--dg-warning-soft: var(--bs-warning-bg-subtle, #fff3cd);--dg-warning-border: var(--bs-warning-border-subtle, #ffe69c);--dg-warning-text: var(--bs-warning-text-emphasis, #664d03);--dg-filter-multi-icon: var(--bs-success, #198754);--dg-filter-multi-icon-soft: var(--bs-success-bg-subtle, #d1e7dd);--dg-neutral-pill-bg: var(--bs-secondary-bg, #e9ecef);--dg-locked-bg: var(--bs-tertiary-bg, #f8f9fa);--dg-row-selected-bg: var(--bs-primary-bg-subtle, #cfe2ff);--dg-row-hover-bg: var(--bs-tertiary-bg, #f8f9fa);--dg-detail-row-bg: var(--bs-primary-bg-subtle, #cfe2ff);--dg-search-highlight-bg: var(--bs-warning-bg-subtle, #fff3cd);--dg-sticky-border: var(--bs-warning-border-subtle, #ffe69c);--dg-sticky-badge-bg: var(--bs-warning-bg-subtle, #fff3cd);--dg-sticky-badge-text: var(--bs-warning-text-emphasis, #664d03);--dg-dropdown-item-active-bg: var(--bs-primary-bg-subtle, #cfe2ff);--dg-dropdown-item-active-color: var(--bs-primary, #0d6efd);--dg-focus-ring: var(--bs-focus-ring-color, var(--bs-primary, #0d6efd));--dg-focus-border: rgba(var(--bs-primary-rgb, 13, 110, 253), .45);--dg-focus-shadow: 0 0 0 .25rem rgba(var(--bs-primary-rgb, 13, 110, 253), var(--bs-focus-ring-opacity, .25));--dg-pin-shadow-start: 1px 0 0 var(--bs-border-color-translucent, rgba(0, 0, 0, .08));--dg-pin-shadow-end: -1px 0 0 var(--bs-border-color-translucent, rgba(0, 0, 0, .08));--dg-backdrop: rgba(var(--bs-emphasis-color-rgb, 33, 37, 41), .5);--dg-loading-overlay: color-mix(in srgb, var(--dg-surface) 55%, transparent);--dg-primary-selection-overlay: rgba(var(--bs-primary-rgb, 13, 110, 253), .18);--dg-filter-divider: var(--bs-border-color-translucent, rgba(0, 0, 0, .1));--dg-shadow-sm: var(--bs-box-shadow-sm, 0 .125rem .25rem rgba(0, 0, 0, .075));--dg-shadow-md: var(--bs-box-shadow, 0 .5rem 1rem rgba(0, 0, 0, .15));--dg-radius-lg: var(--bs-border-radius-lg, .5rem);--dg-radius-md: var(--bs-border-radius, .375rem);--dg-radius-sm: var(--bs-border-radius-sm, .25rem);--dg-pager-surface: var(--bs-body-bg, #ffffff);--dg-pager-text: var(--bs-secondary-color, #6c757d);--dg-pager-control-bg: var(--bs-body-bg, #ffffff);--dg-pager-control-hover-bg: var(--bs-tertiary-bg, #f8f9fa);--dg-pager-control-border: var(--bs-border-color, #dee2e6);--dg-pager-link-text: var(--bs-primary, #0d6efd);--dg-pager-active-bg: var(--bs-primary, #0d6efd);--dg-pager-active-border: var(--bs-primary, #0d6efd);--dg-pager-active-text: var(--bs-btn-color, #fff);--dg-pager-select-icon: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e\");--dg-surface: #ffffff;--dg-surface-muted: #f5f8fa;--dg-surface-subtle: #edf4f7;--dg-surface-config: #e8f4f9;--dg-border: #d9e5ea;--dg-border-strong: #adc6d3;--dg-text: #263445;--dg-text-muted: #5f6f84;--dg-primary: #468faf;--dg-primary-hover: #36748f;--dg-primary-active: #285b72;--dg-primary-soft: #e0f0f6;--dg-primary-border-subtle: #b9dbe8;--dg-accent: #ff7f50;--dg-row-selected-bg: #e8f4f9;--dg-row-hover-bg: #fff2eb;--dg-row-odd-bg: transparent;--dg-row-even-bg: transparent;--dg-dropdown-item-active-bg: #e8f4f9;--dg-dropdown-item-active-color: #36748f;--dg-focus-ring: #468faf;--dg-focus-border: rgba(70, 143, 175, .48);--dg-focus-shadow: 0 0 0 .2rem rgba(70, 143, 175, .16);--dg-cell-padding-y: .86rem;--dg-cell-padding-x: .95rem;--dg-pager-surface: #fffaf7;--dg-pager-text: #5f6f84;--dg-pager-control-bg: #ffffff;--dg-pager-control-hover-bg: #fff2eb;--dg-pager-control-border: #d4e1e7;--dg-pager-link-text: #36748f;--dg-pager-active-bg: #468faf;--dg-pager-active-border: #468faf;--dg-pager-active-text: #ffffff}.ngb-grid[data-theme=bootstrap-vintage],.ngb-datagrid-floating-panel[data-theme=bootstrap-vintage]{--dg-surface: var(--bs-body-bg, #ffffff);--dg-surface-muted: var(--bs-tertiary-bg, #f8f9fa);--dg-surface-subtle: var(--bs-secondary-bg, #e9ecef);--dg-surface-config: var(--bs-primary-bg-subtle, #cfe2ff);--dg-surface-filter-row: var(--bs-warning-bg-subtle, #fff3cd);--dg-surface-sticky-row: var(--bs-warning-bg-subtle, #fff3cd);--dg-border: var(--bs-border-color, #dee2e6);--dg-border-strong: var(--bs-border-color-translucent, #ced4da);--dg-text: var(--bs-body-color, #212529);--dg-text-muted: var(--bs-secondary-color, #6c757d);--dg-text-subtle: var(--bs-tertiary-color, #6c757d);--dg-primary: var(--bs-primary, #0d6efd);--dg-primary-hover: var(--bs-link-hover-color, #0a58ca);--dg-primary-active: var(--bs-link-hover-color, #0a58ca);--dg-primary-soft: var(--bs-primary-bg-subtle, #cfe2ff);--dg-primary-border-subtle: var(--bs-primary-border-subtle, #9ec5fe);--dg-accent: var(--bs-primary, #0d6efd);--dg-on-primary: var(--bs-btn-color, #fff);--dg-placeholder: var(--bs-secondary-color, #6c757d);--dg-success: var(--bs-success, #198754);--dg-success-soft: var(--bs-success-bg-subtle, #d1e7dd);--dg-success-text: var(--bs-success-text-emphasis, #0a3622);--dg-success-border-subtle: var(--bs-success-border-subtle, #a3cfbb);--dg-danger: var(--bs-danger, #dc3545);--dg-danger-soft: var(--bs-danger-bg-subtle, #f8d7da);--dg-danger-text: var(--bs-danger-text-emphasis, #58151c);--dg-danger-border-subtle: var(--bs-danger-border-subtle, #f1aeb5);--dg-warning-soft: var(--bs-warning-bg-subtle, #fff3cd);--dg-warning-border: var(--bs-warning-border-subtle, #ffe69c);--dg-warning-text: var(--bs-warning-text-emphasis, #664d03);--dg-filter-multi-icon: var(--bs-success, #198754);--dg-filter-multi-icon-soft: var(--bs-success-bg-subtle, #d1e7dd);--dg-neutral-pill-bg: var(--bs-secondary-bg, #e9ecef);--dg-locked-bg: var(--bs-tertiary-bg, #f8f9fa);--dg-row-selected-bg: var(--bs-primary-bg-subtle, #cfe2ff);--dg-row-hover-bg: var(--bs-tertiary-bg, #f8f9fa);--dg-row-odd-bg: transparent;--dg-row-even-bg: transparent;--dg-detail-row-bg: var(--bs-primary-bg-subtle, #cfe2ff);--dg-search-highlight-bg: var(--bs-warning-bg-subtle, #fff3cd);--dg-sticky-border: var(--bs-warning-border-subtle, #ffe69c);--dg-sticky-badge-bg: var(--bs-warning-bg-subtle, #fff3cd);--dg-sticky-badge-text: var(--bs-warning-text-emphasis, #664d03);--dg-dropdown-item-active-bg: var(--bs-primary-bg-subtle, #cfe2ff);--dg-dropdown-item-active-color: var(--bs-primary, #0d6efd);--dg-focus-ring: var(--bs-focus-ring-color, var(--bs-primary, #0d6efd));--dg-focus-border: rgba(var(--bs-primary-rgb, 13, 110, 253), .45);--dg-focus-shadow: 0 0 0 .25rem rgba(var(--bs-primary-rgb, 13, 110, 253), var(--bs-focus-ring-opacity, .25));--dg-pin-shadow-start: 1px 0 0 var(--bs-border-color-translucent, rgba(0, 0, 0, .08));--dg-pin-shadow-end: -1px 0 0 var(--bs-border-color-translucent, rgba(0, 0, 0, .08));--dg-backdrop: rgba(var(--bs-emphasis-color-rgb, 33, 37, 41), .5);--dg-loading-overlay: color-mix(in srgb, var(--dg-surface) 55%, transparent);--dg-primary-selection-overlay: rgba(var(--bs-primary-rgb, 13, 110, 253), .18);--dg-filter-divider: var(--bs-border-color-translucent, rgba(0, 0, 0, .1));--dg-shadow-sm: var(--bs-box-shadow-sm, 0 .125rem .25rem rgba(0, 0, 0, .075));--dg-shadow-md: var(--bs-box-shadow, 0 .5rem 1rem rgba(0, 0, 0, .15));--dg-radius-lg: var(--bs-border-radius-lg, .5rem);--dg-radius-md: var(--bs-border-radius, .375rem);--dg-radius-sm: var(--bs-border-radius-sm, .25rem);--dg-pager-surface: var(--bs-body-bg, #ffffff);--dg-pager-text: var(--bs-secondary-color, #6c757d);--dg-pager-control-bg: var(--bs-body-bg, #ffffff);--dg-pager-control-hover-bg: var(--bs-tertiary-bg, #f8f9fa);--dg-pager-control-border: var(--bs-border-color, #dee2e6);--dg-pager-link-text: var(--bs-primary, #0d6efd);--dg-pager-active-bg: var(--bs-primary, #0d6efd);--dg-pager-active-border: var(--bs-primary, #0d6efd);--dg-pager-active-text: var(--bs-btn-color, #fff);--dg-pager-select-icon: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e\");--dg-surface: #fffdf8;--dg-surface-muted: #f6f0e7;--dg-surface-subtle: #eee4d8;--dg-surface-config: #f2e7ef;--dg-border: #dfd2c2;--dg-border-strong: #c8b8a5;--dg-text: #3d3440;--dg-text-muted: #766a72;--dg-primary: #7f4f68;--dg-primary-hover: #684057;--dg-primary-active: #523246;--dg-primary-soft: #efdde8;--dg-primary-border-subtle: #d8b9ca;--dg-accent: #88b0b7;--dg-row-selected-bg: #f1e4ec;--dg-row-hover-bg: #fbf1e5;--dg-row-odd-bg: #fffdf8;--dg-row-even-bg: #fbf7ef;--dg-detail-row-bg: #fbf6ef;--dg-dropdown-item-active-bg: #f1e4ec;--dg-dropdown-item-active-color: #684057;--dg-focus-ring: #7f4f68;--dg-focus-border: rgba(127, 79, 104, .5);--dg-focus-shadow: 0 0 0 .2rem rgba(127, 79, 104, .16);--dg-font-size-header: .78rem;--dg-font-size-cell: .86rem;--dg-pager-surface: #fffdf8;--dg-pager-text: #766a72;--dg-pager-control-bg: #fffaf2;--dg-pager-control-hover-bg: #fbf1e5;--dg-pager-control-border: #dfd2c2;--dg-pager-link-text: #684057;--dg-pager-active-bg: #7f4f68;--dg-pager-active-border: #7f4f68;--dg-pager-active-text: #ffffff}.ngb-grid[data-theme=material],.ngb-grid[data-theme=material-main],.ngb-datagrid-floating-panel[data-theme=material],.ngb-datagrid-floating-panel[data-theme=material-main]{--dg-surface: #fffbfe;--dg-surface-muted: #f4eff4;--dg-surface-subtle: #e7e0ec;--dg-surface-config: #eaddff;--dg-border: #cac4d0;--dg-border-strong: #938f99;--dg-text: #1c1b1f;--dg-text-muted: #49454f;--dg-primary: #6750a4;--dg-primary-hover: #59468d;--dg-primary-active: #4f378b;--dg-primary-soft: #eaddff;--dg-primary-border-subtle: #d0bcff;--dg-accent: #7d5260;--dg-row-selected-bg: #eaddff;--dg-row-hover-bg: #f5efff;--dg-row-odd-bg: transparent;--dg-row-even-bg: transparent;--dg-detail-row-bg: #f7f2fa;--dg-dropdown-item-active-bg: #eaddff;--dg-dropdown-item-active-color: #4f378b;--dg-focus-ring: #6750a4;--dg-focus-border: rgba(103, 80, 164, .5);--dg-focus-shadow: 0 0 0 .18rem rgba(103, 80, 164, .16);--dg-radius-lg: .75rem;--dg-radius-md: .65rem;--dg-radius-sm: .5rem;--dg-font-size-header: .78rem;--dg-font-size-cell: .86rem;--dg-cell-padding-y: .8rem;--dg-table-border-width: 0;--dg-pager-control-bg: #fffbfe;--dg-pager-control-hover-bg: #f4eff4;--dg-pager-control-border: #cac4d0}.ngb-grid[data-theme=material-indigo],.ngb-datagrid-floating-panel[data-theme=material-indigo]{--dg-surface: #fffbfe;--dg-surface-muted: #f4eff4;--dg-surface-subtle: #e7e0ec;--dg-surface-config: #eaddff;--dg-border: #cac4d0;--dg-border-strong: #938f99;--dg-text: #1c1b1f;--dg-text-muted: #49454f;--dg-primary: #6750a4;--dg-primary-hover: #59468d;--dg-primary-active: #4f378b;--dg-primary-soft: #eaddff;--dg-primary-border-subtle: #d0bcff;--dg-accent: #7d5260;--dg-row-selected-bg: #eaddff;--dg-row-hover-bg: #f5efff;--dg-row-odd-bg: transparent;--dg-row-even-bg: transparent;--dg-detail-row-bg: #f7f2fa;--dg-dropdown-item-active-bg: #eaddff;--dg-dropdown-item-active-color: #4f378b;--dg-focus-ring: #6750a4;--dg-focus-border: rgba(103, 80, 164, .5);--dg-focus-shadow: 0 0 0 .18rem rgba(103, 80, 164, .16);--dg-radius-lg: .75rem;--dg-radius-md: .65rem;--dg-radius-sm: .5rem;--dg-font-size-header: .78rem;--dg-font-size-cell: .86rem;--dg-cell-padding-y: .8rem;--dg-table-border-width: 0;--dg-pager-control-bg: #fffbfe;--dg-pager-control-hover-bg: #f4eff4;--dg-pager-control-border: #cac4d0;--dg-primary: #3f51b5;--dg-primary-hover: #303f9f;--dg-primary-active: #283593;--dg-primary-soft: #e8eaf6;--dg-primary-border-subtle: #c5cae9;--dg-dropdown-item-active-bg: #e8eaf6;--dg-dropdown-item-active-color: #303f9f;--dg-focus-ring: #3f51b5;--dg-focus-border: rgba(63, 81, 181, .48);--dg-focus-shadow: 0 0 0 .18rem rgba(63, 81, 181, .16);--dg-row-hover-bg: #f0f2ff}.ngb-grid[data-theme=material-deep-purple],.ngb-datagrid-floating-panel[data-theme=material-deep-purple]{--dg-surface: #fffbfe;--dg-surface-muted: #f4eff4;--dg-surface-subtle: #e7e0ec;--dg-surface-config: #eaddff;--dg-border: #cac4d0;--dg-border-strong: #938f99;--dg-text: #1c1b1f;--dg-text-muted: #49454f;--dg-primary: #6750a4;--dg-primary-hover: #59468d;--dg-primary-active: #4f378b;--dg-primary-soft: #eaddff;--dg-primary-border-subtle: #d0bcff;--dg-accent: #7d5260;--dg-row-selected-bg: #eaddff;--dg-row-hover-bg: #f5efff;--dg-row-odd-bg: transparent;--dg-row-even-bg: transparent;--dg-detail-row-bg: #f7f2fa;--dg-dropdown-item-active-bg: #eaddff;--dg-dropdown-item-active-color: #4f378b;--dg-focus-ring: #6750a4;--dg-focus-border: rgba(103, 80, 164, .5);--dg-focus-shadow: 0 0 0 .18rem rgba(103, 80, 164, .16);--dg-radius-lg: .75rem;--dg-radius-md: .65rem;--dg-radius-sm: .5rem;--dg-font-size-header: .78rem;--dg-font-size-cell: .86rem;--dg-cell-padding-y: .8rem;--dg-table-border-width: 0;--dg-pager-control-bg: #fffbfe;--dg-pager-control-hover-bg: #f4eff4;--dg-pager-control-border: #cac4d0;--dg-primary: #7e57c2;--dg-primary-hover: #673ab7;--dg-primary-active: #512da8;--dg-primary-soft: #ede7f6;--dg-primary-border-subtle: #d1c4e9;--dg-accent: #ff7043;--dg-row-selected-bg: #ede7f6;--dg-row-hover-bg: #f5edff;--dg-dropdown-item-active-bg: #ede7f6;--dg-dropdown-item-active-color: #512da8;--dg-focus-ring: #7e57c2;--dg-focus-border: rgba(126, 87, 194, .5);--dg-focus-shadow: 0 0 0 .18rem rgba(126, 87, 194, .16)}.ngb-grid[data-theme=tailwind],.ngb-grid[data-theme=tailwind-main],.ngb-datagrid-floating-panel[data-theme=tailwind],.ngb-datagrid-floating-panel[data-theme=tailwind-main]{--dg-surface: #ffffff;--dg-surface-muted: #f8fafc;--dg-surface-subtle: #f1f5f9;--dg-border: #cbd5e1;--dg-border-strong: #94a3b8;--dg-text: #0f172a;--dg-text-muted: #475569;--dg-primary: #2563eb;--dg-primary-hover: #1d4ed8;--dg-primary-active: #1e40af;--dg-primary-soft: #dbeafe;--dg-primary-border-subtle: #bfdbfe;--dg-dropdown-item-active-bg: #dbeafe;--dg-dropdown-item-active-color: #1d4ed8;--dg-focus-ring: #2563eb;--dg-focus-border: rgba(37, 99, 235, .48);--dg-focus-shadow: 0 0 0 .18rem rgba(37, 99, 235, .16);--dg-row-hover-bg: #eff6ff;--dg-font-size-header: .75rem;--dg-font-size-cell: .85rem;--dg-cell-padding-y: .68rem;--dg-cell-padding-x: .8rem;--dg-table-border-width: 1px;--dg-pager-surface: #ffffff;--dg-pager-text: #475569;--dg-pager-control-bg: #ffffff;--dg-pager-control-hover-bg: #eff6ff;--dg-pager-control-border: #bfdbfe;--dg-pager-link-text: #1d4ed8;--dg-pager-active-bg: #2563eb;--dg-pager-active-border: #2563eb;--dg-pager-active-text: #ffffff}.ngb-grid[data-theme=tailwind-slate],.ngb-datagrid-floating-panel[data-theme=tailwind-slate]{--dg-surface: #f8fafc;--dg-surface-muted: #e2e8f0;--dg-surface-subtle: #cbd5e1;--dg-border: #cbd5e1;--dg-border-strong: #64748b;--dg-text: #0f172a;--dg-text-muted: #475569;--dg-primary: #475569;--dg-primary-hover: #334155;--dg-primary-active: #1e293b;--dg-primary-soft: #e2e8f0;--dg-primary-border-subtle: #94a3b8;--dg-dropdown-item-active-bg: #e2e8f0;--dg-dropdown-item-active-color: #334155;--dg-focus-ring: #475569;--dg-row-hover-bg: #e2e8f0;--dg-row-odd-bg: #f8fafc;--dg-row-even-bg: #f1f5f9;--dg-focus-border: rgba(71, 85, 105, .48);--dg-focus-shadow: 0 0 0 .18rem rgba(71, 85, 105, .16)}.ngb-grid[data-theme=tailwind-emerald],.ngb-datagrid-floating-panel[data-theme=tailwind-emerald]{--dg-surface: #ffffff;--dg-surface-muted: #ecfdf5;--dg-surface-subtle: #d1fae5;--dg-border: #a7f3d0;--dg-border-strong: #34d399;--dg-text: #064e3b;--dg-text-muted: #047857;--dg-primary: #059669;--dg-primary-hover: #047857;--dg-primary-active: #065f46;--dg-primary-soft: #d1fae5;--dg-primary-border-subtle: #6ee7b7;--dg-dropdown-item-active-bg: #d1fae5;--dg-dropdown-item-active-color: #047857;--dg-focus-ring: #059669;--dg-focus-border: rgba(5, 150, 105, .48);--dg-focus-shadow: 0 0 0 .18rem rgba(5, 150, 105, .16)}.ngb-datagrid-floating-panel.grid-filter-menu-popover,.ngb-datagrid-floating-panel.dropdown-menu{position:fixed!important;z-index:1200;display:block;visibility:visible;opacity:1;pointer-events:auto;max-height:min(28rem,100vh - 1.5rem);overflow:auto;margin:0!important;border-radius:var(--dg-radius-md);border:1px solid var(--dg-border);background:var(--dg-surface);box-shadow:var(--dg-shadow-md)}.ngb-datagrid-floating-panel.dropdown-menu{min-width:12rem;padding:.35rem 0}.ngb-datagrid-floating-panel.grid-filter-operator-menu .dropdown-item{display:block;width:100%;padding:.5rem .85rem;border:0;background:transparent;font-size:.8125rem;font-weight:600;color:var(--dg-text);text-align:left}.ngb-datagrid-floating-panel.grid-filter-operator-menu .dropdown-item:hover{background:var(--dg-surface-subtle)}.ngb-datagrid-floating-panel.grid-filter-operator-menu .dropdown-item.active{color:var(--dg-dropdown-item-active-color);background:var(--dg-dropdown-item-active-bg)}.ngb-datagrid-floating-panel.dropdown-menu .dropdown-item{padding:.5rem .85rem;font-size:.8125rem;font-weight:600;color:var(--dg-text)}.ngb-datagrid-floating-panel.dropdown-menu .dropdown-item:hover{background:var(--dg-surface-subtle)}.ngb-datagrid-floating-panel.grid-filter-menu-popover{min-width:18rem;padding:0}.ngb-datagrid-floating-panel .grid-filter-menu-surface{display:block;min-width:18rem;padding:1rem;border-radius:var(--dg-radius-md);background:var(--dg-surface)}.ngb-datagrid-floating-panel .grid-filter-menu-surface__header{margin-bottom:.875rem}.ngb-datagrid-floating-panel .grid-filter-menu-surface__eyebrow{font-size:.75rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--dg-text-muted)}.ngb-datagrid-floating-panel .grid-filter-menu-surface__title{margin-top:.15rem;font-size:.95rem;font-weight:700;color:var(--dg-text)}.ngb-datagrid-floating-panel .grid-filter-stack{display:flex;flex-direction:column;gap:.75rem}.ngb-datagrid-floating-panel .grid-filter-stack__label{font-size:.8125rem;font-weight:600;color:var(--dg-text-muted)}.ngb-datagrid-floating-panel .grid-filter-stack--multi{gap:.65rem}.ngb-datagrid-floating-panel .grid-filter-condition{display:flex;flex-direction:column;gap:.5rem}.ngb-datagrid-floating-panel .grid-filter-operator-select,.ngb-grid .grid-filter-operator-select{width:100%;min-height:var(--dg-control-height);padding:.45rem .65rem;border:1px solid var(--dg-border);border-radius:var(--dg-radius-sm);background:var(--dg-surface);font-size:.875rem;color:var(--dg-text)}.ngb-datagrid-floating-panel .grid-filter-operator-select--compact,.ngb-grid .grid-filter-operator-select--compact{width:auto;min-width:2.25rem;max-width:2.5rem;padding:.35rem .25rem;font-size:0}.ngb-datagrid-floating-panel .grid-filter-logic-select,.ngb-grid .grid-filter-logic-select{display:flex;justify-content:center;margin:.15rem 0}.ngb-datagrid-floating-panel .grid-filter-logic-select select,.ngb-grid .grid-filter-logic-select select{width:auto;min-width:4.5rem;min-height:1.75rem;padding:.2rem 1.5rem .2rem .65rem;border:1px solid var(--dg-border);border-radius:var(--dg-radius-sm);background:var(--dg-surface);font-size:.8125rem;font-weight:600;color:var(--dg-text);text-align:center}.ngb-datagrid-floating-panel .grid-filter-menu-surface__actions--split,.ngb-grid .grid-filter-menu-surface__actions--split{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.ngb-datagrid-floating-panel .grid-filter-apply--secondary,.ngb-datagrid-floating-panel .grid-filter-cancel--secondary,.ngb-grid .grid-filter-apply--secondary,.ngb-grid .grid-filter-cancel--secondary{width:100%;border:1px solid var(--dg-border-strong);background:var(--dg-surface-muted);color:var(--dg-text);font-weight:600}.ngb-datagrid-floating-panel .grid-filter-apply--secondary:hover,.ngb-datagrid-floating-panel .grid-filter-cancel--secondary:hover,.ngb-grid .grid-filter-apply--secondary:hover,.ngb-grid .grid-filter-cancel--secondary:hover{background:var(--dg-surface-subtle)}.ngb-datagrid-floating-panel .grid-filter-multi-panel,.ngb-grid .grid-filter-multi-panel{display:flex;flex-direction:column;gap:.5rem;min-width:16.5rem}.ngb-datagrid-floating-panel .grid-filter-join-select,.ngb-grid .grid-filter-join-select{display:inline-block;width:fit-content;max-width:100%;margin:.1rem 0}.ngb-datagrid-floating-panel .grid-filter-join-select__control,.ngb-grid .grid-filter-join-select__control{width:100%;min-height:1.75rem;padding:.2rem 1.25rem .2rem .5rem;border:1px solid var(--dg-border);border-radius:var(--dg-radius-sm);background:var(--dg-surface);font-size:.8125rem;font-weight:600;text-align:left}.ngb-datagrid-floating-panel .grid-filter-field{position:relative;width:100%;min-width:0}.ngb-datagrid-floating-panel .grid-filter-field--with-icon .grid-filter-control,.ngb-datagrid-floating-panel .grid-filter-field--with-icon .grid-filter-value-input{padding-right:2.25rem}.ngb-datagrid-floating-panel .grid-filter-field__icon{position:absolute;right:.8rem;top:50%;transform:translateY(-50%);color:var(--dg-placeholder);pointer-events:none}.ngb-datagrid-floating-panel .grid-filter-control,.ngb-datagrid-floating-panel .grid-filter-value-input,.ngb-datagrid-floating-panel .grid-filter-value-select,.ngb-grid .grid-filter-value-input,.ngb-grid .grid-filter-value-select{width:100%;min-height:var(--dg-control-height);padding:.45rem .65rem;border:1px solid var(--dg-border);border-radius:var(--dg-radius-sm);background:var(--dg-surface);color:var(--dg-text);font-size:.875rem}.ngb-datagrid-floating-panel .grid-filter-apply--secondary:disabled,.ngb-datagrid-floating-panel .grid-filter-cancel--secondary:disabled,.ngb-grid .grid-filter-apply--secondary:disabled,.ngb-grid .grid-filter-cancel--secondary:disabled{opacity:.45;cursor:not-allowed}.ngb-datagrid-floating-panel .grid-filter-condition__join{margin:.15rem 0;font-size:.75rem;font-weight:700;color:var(--dg-text-muted);text-align:center}.ngb-datagrid-floating-panel .grid-filter-stack__footer{display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex-wrap:wrap}.ngb-datagrid-floating-panel .grid-filter-operator__button{padding:.55rem .8rem;font-size:.8125rem;font-weight:600;color:var(--dg-text-muted);border:1px solid var(--dg-border);border-radius:var(--dg-radius-sm);background:var(--dg-surface)}.ngb-datagrid-floating-panel .grid-filter-clear,.ngb-datagrid-floating-panel .grid-filter-apply,.ngb-datagrid-floating-panel .grid-filter-cancel{padding:.5rem .85rem;font-size:.8125rem;font-weight:600;border-radius:var(--dg-radius-sm)}.ngb-datagrid-floating-panel .grid-filter-apply{border:1px solid var(--dg-primary);background:var(--dg-primary);color:var(--dg-on-primary)}.ngb-datagrid-floating-panel .grid-filter-cancel,.ngb-datagrid-floating-panel .grid-filter-clear{border:1px solid var(--dg-border-strong);background:var(--dg-surface);color:var(--dg-text)}.ngb-datagrid-floating-panel .grid-filter-menu-surface__actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--dg-border)}.ngb-datagrid-floating-panel .grid-filter-menu-surface__multi{display:flex;flex-direction:column;gap:.5rem;width:100%;min-width:16rem}.ngb-datagrid-floating-panel .grid-filter-menu-surface__search{border:1px solid var(--dg-border);border-radius:var(--dg-radius-md);min-height:2rem;padding:.4rem .65rem;font-size:.8125rem;width:100%}.ngb-datagrid-floating-panel .grid-multi-filter-list{max-height:11.5rem;overflow:auto;border-top:1px solid var(--dg-border);border-bottom:1px solid var(--dg-border)}.ngb-datagrid-floating-panel .grid-multi-filter-option{display:flex;align-items:center;justify-content:space-between;gap:.75rem;width:100%;padding:.45rem .75rem;font-size:.8125rem;font-weight:600;color:var(--dg-text);cursor:pointer}.ngb-datagrid-floating-panel .grid-multi-filter-option__main{display:flex;align-items:center;gap:.5rem}.ngb-datagrid-floating-panel .grid-filter-menu-surface__actions--multi{justify-content:space-between}.ngb-datagrid-floating-panel[data-theme=bootstrap].dropdown-menu .dropdown-item{font-weight:400}.ngb-datagrid-floating-panel[data-theme=bootstrap] .grid-filter-operator-select,.ngb-datagrid-floating-panel[data-theme=bootstrap] .grid-filter-value-input,.ngb-datagrid-floating-panel[data-theme=bootstrap] .grid-filter-value-select,.ngb-datagrid-floating-panel[data-theme=bootstrap] .grid-filter-menu-surface__search,.ngb-datagrid-floating-panel[data-theme=bootstrap] .grid-filter-join-select__control{border-radius:var(--bs-border-radius, var(--dg-radius-sm))}ngb-datagrid{display:block}.ngb-grid{color:var(--dg-text)}.ngb-grid .table{margin-bottom:0}.ngb-grid .datagrid-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.ngb-grid .datagrid-toolbar__search{flex:1 1 20rem;min-width:16rem}.ngb-grid .datagrid-toolbar__search-label{display:block;margin-bottom:.35rem;font-size:.875rem;font-weight:500;color:var(--dg-text-muted)}.ngb-grid .datagrid-toolbar__search-shell{display:flex;align-items:center;gap:.625rem;min-height:calc(var(--dg-control-height) + 4px);padding:0 .875rem;border:1px solid var(--dg-border);border-radius:999px;background:var(--dg-surface);box-shadow:var(--dg-shadow-sm)}.ngb-grid .datagrid-toolbar__search-icon{color:var(--dg-text-muted)}.ngb-grid .datagrid-toolbar__search-input{flex:1 1 auto;width:100%;min-width:0;border:0;background:transparent;color:var(--dg-text);outline:none;font-size:.95rem;padding:.625rem 0}.ngb-grid .datagrid-toolbar__search-input::placeholder{color:var(--dg-placeholder)}.ngb-grid .datagrid-toolbar__actions{display:flex;align-items:center;justify-content:flex-end;gap:.625rem;flex-wrap:wrap}.ngb-grid .datagrid-toolbar__button,.ngb-grid .grid-row-action,.ngb-grid .grid-filter-apply,.ngb-grid .grid-filter-clear,.ngb-grid .grid-filter-cancel,.ngb-grid .grid-filter-operator__button,.ngb-grid .grid-filter-menu-trigger,.ngb-grid .grid-detail-toggle{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:var(--dg-control-height);border-radius:var(--dg-radius-md);border:1px solid var(--dg-border);background:var(--dg-surface);color:var(--dg-text);box-shadow:none;font:inherit;text-decoration:none;transition:background-color .12s ease,border-color .12s ease,color .12s ease,box-shadow .12s ease}.ngb-grid .datagrid-toolbar__button:hover,.ngb-grid .grid-row-action:hover,.ngb-grid .grid-filter-apply:hover,.ngb-grid .grid-filter-clear:hover,.ngb-grid .grid-filter-cancel:hover,.ngb-grid .grid-filter-operator__button:hover,.ngb-grid .grid-filter-menu-trigger:hover,.ngb-grid .grid-detail-toggle:hover{border-color:var(--dg-border-strong);background:var(--dg-surface-subtle);color:var(--dg-text);text-decoration:none}.ngb-grid .datagrid-toolbar__button:focus-visible,.ngb-grid .grid-row-action:focus-visible,.ngb-grid .grid-filter-apply:focus-visible,.ngb-grid .grid-filter-clear:focus-visible,.ngb-grid .grid-filter-cancel:focus-visible,.ngb-grid .grid-filter-operator__button:focus-visible,.ngb-grid .grid-filter-menu-trigger:focus-visible,.ngb-grid .grid-detail-toggle:focus-visible,.ngb-grid .grid-sort-button:focus-visible,.ngb-grid .grid-edit-control:focus-visible,.ngb-grid .grid-filter-control:focus-visible,.ngb-grid .datagrid-toolbar__search-input:focus-visible{outline:none;border-color:var(--dg-focus-border);box-shadow:var(--dg-focus-shadow)}.ngb-grid .datagrid-toolbar__button{padding:.625rem 1rem;font-size:.875rem;font-weight:400}.ngb-grid .datagrid-toolbar__button--primary{border-color:var(--dg-primary);background:var(--dg-primary);color:var(--dg-on-primary)}.ngb-grid .datagrid-toolbar__button--primary:hover{background:var(--dg-primary-hover);border-color:var(--dg-primary-hover);color:var(--dg-on-primary)}.ngb-grid .datagrid-toolbar__button--secondary{background:var(--dg-surface);color:var(--dg-text)}.ngb-grid .table-wrapper{position:relative;overflow-x:hidden;overflow-y:clip;border:var(--dg-table-border-width) solid var(--dg-border);border-radius:var(--dg-radius-lg);background:var(--dg-surface);box-shadow:var(--dg-shadow-sm);isolation:isolate}.ngb-grid .table-body-scroll{max-height:24rem;overflow-y:auto;overflow-x:auto;border-top:1px solid var(--dg-border);border-bottom:1px solid var(--dg-border);scrollbar-gutter:stable both-edges;position:relative;z-index:0}.ngb-grid .grid-table{width:max-content;min-width:100%;table-layout:fixed;margin:0;border-collapse:separate;border-spacing:0}.ngb-grid.ngb-grid--resizable .grid-table{min-width:0;width:max-content}.ngb-grid.ngb-grid--resizable .grid-table th,.ngb-grid.ngb-grid--resizable .grid-table td{box-sizing:border-box}.ngb-grid .grid-header-shell{position:relative;z-index:20;overflow:hidden}.ngb-grid .grid-header{position:relative;z-index:20;overflow:visible}.ngb-grid .grid-header thead tr:first-child th:first-child{border-top-left-radius:var(--dg-radius-lg)}.ngb-grid .grid-header thead tr:first-child th:last-child{border-top-right-radius:var(--dg-radius-lg)}.ngb-grid .grid-header thead th{background:var(--dg-surface-muted);border-bottom:var(--dg-table-border-width) solid var(--dg-border);color:var(--dg-text);font-size:var(--dg-font-size-header);font-weight:600;text-transform:none;letter-spacing:.01em;overflow:visible}.ngb-grid .grid-table th,.ngb-grid .grid-table td{vertical-align:middle;border-bottom:var(--dg-table-border-width) solid var(--dg-border);padding:var(--dg-cell-padding-y) var(--dg-cell-padding-x);font-size:var(--dg-font-size-cell)}.ngb-grid .grid-table th{padding:var(--dg-header-padding-y) var(--dg-header-padding-x)}.ngb-grid .grid-table td{background:var(--dg-surface);color:var(--dg-text);font-weight:400}.ngb-grid .grid-table th{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ngb-grid .grid-header .grid-table th{overflow:visible}.ngb-grid .grid-header thead tr:first-child th.grid-header__column--resizable{position:relative}.ngb-grid .grid-column-resize-handle{position:absolute;top:0;right:0;width:.45rem;height:100%;cursor:col-resize;touch-action:none;-webkit-user-select:none;user-select:none;z-index:3}.ngb-grid .grid-column-resize-handle:after{content:\"\";position:absolute;top:.35rem;bottom:.35rem;right:.1rem;width:2px;border-radius:1px;background:var(--dg-border-strong);opacity:0;transition:opacity .15s ease}.ngb-grid .grid-header__column--resizable:hover .grid-column-resize-handle:after,.ngb-grid .grid-column-resize-handle:focus-visible:after{opacity:1}body.ngb-datagrid-column-resizing{cursor:col-resize!important;-webkit-user-select:none;user-select:none}.ngb-grid.ngb-grid--column-reorderable .grid-header thead tr:first-child th.grid-header__column--reorderable{position:relative}.ngb-grid .grid-column-reorder-handle{flex:0 0 auto;margin-right:.15rem;padding:0 .1rem;color:var(--dg-text-muted);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;opacity:.55;line-height:1}.ngb-grid .grid-header__column--reorderable:hover .grid-column-reorder-handle,.ngb-grid .grid-column-reorder-handle:focus-visible{opacity:1}.ngb-grid .grid-header__column--drag-over{background:color-mix(in srgb,var(--dg-accent) 12%,transparent);box-shadow:inset 0 -2px 0 var(--dg-accent)}.ngb-grid .grid-header__cell{display:flex;align-items:center;justify-content:space-between;gap:.625rem;width:100%;overflow:visible}.ngb-grid .grid-sort-button{display:inline-flex;align-items:center;justify-content:space-between;gap:.5rem;width:100%;padding:0;border:0;background:transparent;color:inherit;text-align:left}.ngb-grid .grid-sort-button__label{min-width:0;overflow:hidden;text-overflow:ellipsis}.ngb-grid .grid-sort-button__indicator{flex:0 0 auto;font-size:.8rem;color:var(--dg-placeholder)}.ngb-grid .grid-sort-button__indicator--active{color:var(--dg-primary)}.ngb-grid .grid-filter-menu-host{position:relative;display:inline-flex;flex:0 0 auto;z-index:30}.ngb-grid .grid-filter-menu-popover:not(.ngb-datagrid-floating-panel){position:absolute;top:calc(100% + .5rem);right:0;z-index:120}.ngb-grid .grid-filter-menu-popover .grid-filter-menu-surface{position:static;top:auto;right:auto}.ngb-grid .grid-filter-menu-trigger{min-width:var(--dg-control-height);width:var(--dg-control-height);height:var(--dg-control-height);padding:0}.ngb-grid .grid-filter-menu-trigger--active,.ngb-grid .filter-menu-active .grid-filter-menu-trigger{border-color:var(--dg-focus-border);background:var(--dg-primary-soft);color:var(--dg-primary)}.ngb-grid .grid-filter-menu-trigger--check .bi{color:var(--dg-placeholder)}.ngb-grid .grid-filter-menu-trigger--check.grid-filter-menu-trigger--active,.ngb-grid .filter-menu-active .grid-filter-menu-trigger--check{border-color:var(--dg-focus-border);background:var(--dg-primary-soft);color:var(--dg-primary)}.ngb-grid .grid-filter-menu-trigger--check.grid-filter-menu-trigger--active .bi,.ngb-grid .filter-menu-active .grid-filter-menu-trigger--check .bi{color:var(--dg-primary)}.ngb-grid .grid-filter-menu-surface{position:absolute;top:calc(100% + .5rem);right:0;min-width:18rem;padding:1rem;border:1px solid var(--dg-border);border-radius:var(--dg-radius-md);background:var(--dg-surface);box-shadow:var(--dg-shadow-md);z-index:120}.ngb-grid .grid-filter-menu-surface__header{margin-bottom:.875rem}.ngb-grid .grid-filter-menu-surface__eyebrow{font-size:.75rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--dg-text-subtle)}.ngb-grid .grid-filter-menu-surface__title{margin-top:.15rem;font-size:.95rem;font-weight:700;color:var(--dg-text)}.ngb-grid .grid-filter-stack{display:flex;flex-direction:column;gap:.75rem}.ngb-grid .grid-filter-stack--multi{gap:.65rem}.ngb-grid .grid-filter-operator-select{width:100%;min-height:var(--dg-control-height);padding:.45rem .65rem;border:1px solid var(--dg-border);border-radius:.375rem;background:var(--dg-surface);font-size:.875rem;color:var(--dg-text)}.ngb-grid .grid-filter-operator-select--compact{width:auto;min-width:2.25rem;max-width:3.5rem;padding:.35rem .25rem;font-size:.6875rem}.ngb-grid .grid-filter-logic-select{display:flex;justify-content:center;margin:.15rem 0}.ngb-grid .grid-filter-logic-select select{width:auto;min-width:4.5rem;min-height:1.75rem;padding:.2rem 1.5rem .2rem .65rem;border:1px solid var(--dg-border);border-radius:.375rem;background:var(--dg-surface);font-size:.8125rem;font-weight:600}.ngb-grid .grid-filter-menu-surface__actions--split{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.ngb-grid .grid-filter-apply--secondary,.ngb-grid .grid-filter-cancel--secondary{width:100%;border:1px solid var(--dg-border-strong);background:var(--dg-surface-muted);color:var(--dg-text);font-weight:600}.ngb-grid .grid-filter-apply--secondary:hover,.ngb-grid .grid-filter-cancel--secondary:hover{background:var(--dg-surface-subtle)}.ngb-grid .grid-filter-multi-panel{display:flex;flex-direction:column;gap:.5rem;min-width:16.5rem}.ngb-grid .grid-filter-join-select{display:inline-block;width:fit-content;max-width:100%;margin:.1rem 0}.ngb-grid .grid-filter-join-select__control{width:100%;min-height:1.75rem;padding:.2rem 1.25rem .2rem .5rem;border:1px solid var(--dg-border);border-radius:.375rem;background:var(--dg-surface);font-size:.8125rem;font-weight:600;text-align:left}.ngb-grid .grid-filter-value-input,.ngb-grid .grid-filter-value-select{width:100%;min-height:var(--dg-control-height);padding:.45rem .65rem;border:1px solid var(--dg-border);border-radius:.375rem;background:var(--dg-surface);font-size:.875rem}.ngb-grid .grid-filter-apply--secondary:disabled,.ngb-grid .grid-filter-cancel--secondary:disabled{opacity:.45;cursor:not-allowed}.ngb-grid .grid-filter-menu-popover .grid-filter-menu-surface:has(.grid-filter-menu-surface__multi){width:16.25rem;max-width:min(16.25rem,92vw);padding:.75rem}.ngb-grid .grid-filter-menu-surface__multi{display:flex;flex-direction:column;gap:.5rem;width:100%}.ngb-grid .grid-filter-menu-surface__multi .grid-filter-menu-surface__search{border-radius:.5rem;min-height:2rem;padding:.4rem .65rem;font-size:.8125rem}.ngb-grid .grid-multi-filter-list{max-height:11.5rem;overflow:auto;margin:0 -.75rem;padding:.15rem 0;border-top:1px solid var(--dg-border);border-bottom:1px solid var(--dg-border)}.ngb-grid .grid-multi-filter-option{display:flex;align-items:center;justify-content:space-between;gap:.75rem;width:100%;padding:.45rem .75rem;font-size:.8125rem;font-weight:600;color:var(--dg-text);cursor:pointer}.ngb-grid .grid-multi-filter-option+.grid-multi-filter-option{border-top:1px solid var(--dg-filter-divider)}.ngb-grid .grid-multi-filter-option--summary{font-weight:700}.ngb-grid .grid-multi-filter-option__main{display:inline-flex;align-items:center;gap:.75rem;min-width:0}.ngb-grid .grid-multi-filter-option__main input{width:1rem;height:1rem;margin:0;accent-color:var(--dg-primary);flex:0 0 auto}.ngb-grid .grid-multi-filter-option__count{font-size:.75rem;font-weight:700;color:var(--dg-text-muted)}.ngb-grid .grid-filter-stack__label{font-size:.8125rem;font-weight:600;color:var(--dg-text-muted)}.ngb-grid .grid-filter-stack__footer,.ngb-grid .grid-filter-menu-surface__actions{display:flex;align-items:center;justify-content:space-between;gap:.625rem}.ngb-grid .grid-filter-inline{display:flex;align-items:center;gap:.45rem;min-width:0;width:100%}.ngb-grid .grid-filter-field{position:relative;min-width:12rem;flex:1 1 auto}.ngb-grid .grid-filter-field--with-icon .grid-filter-control{padding-right:2.25rem}.ngb-grid .grid-filter-field__icon{position:absolute;right:.8rem;top:50%;transform:translateY(-50%);color:var(--dg-placeholder);pointer-events:none}.ngb-grid .grid-filter-control,.ngb-grid .grid-edit-control{width:100%;min-width:0;min-height:var(--dg-control-height);padding:.5rem .75rem;border:1px solid var(--dg-border);border-radius:.3rem;background:var(--dg-surface);color:var(--dg-text);font-size:.875rem}.ngb-grid .grid-edit-checkbox{width:1rem;height:1rem;margin-top:0}.ngb-grid .grid-filter-operator{position:relative;flex:0 0 auto}.ngb-grid .grid-filter-operator__button{padding:.55rem .8rem;font-size:.8125rem;font-weight:600;color:var(--dg-text-muted)}.ngb-grid .grid-filter-operator__button--compact{min-width:var(--dg-control-height);width:var(--dg-control-height);padding:0}.ngb-grid .grid-filter-operator__button--active{border-color:var(--dg-primary);color:var(--dg-primary)}.ngb-grid .grid-filter-operator .dropdown-menu:not(.ngb-datagrid-floating-panel){position:absolute;inset:calc(100% + .35rem) 0 auto auto;min-width:12rem;margin:0;border-radius:.9rem;border-color:var(--dg-border);box-shadow:var(--dg-shadow-md);z-index:120}.ngb-grid .grid-filter-clear{padding:.55rem .8rem;font-size:.8125rem;color:var(--dg-text-muted)}.ngb-grid .grid-filter-apply{padding:.625rem .95rem;border-color:var(--dg-primary);background:var(--dg-primary);color:var(--dg-on-primary);font-size:.875rem;font-weight:600}.ngb-grid .grid-filter-apply:hover{border-color:var(--dg-primary-active);background:var(--dg-primary-active);color:var(--dg-on-primary)}.ngb-grid .grid-filter-menu-surface__actions--multi{justify-content:space-between;margin-top:.35rem}.ngb-grid .grid-filter-menu-surface__multi .grid-filter-apply{min-width:5.25rem;padding:.5rem 1.15rem;font-size:.8125rem}.ngb-grid .grid-filter-cancel{padding:.5rem .85rem;font-size:.8125rem;font-weight:600;color:var(--dg-text);border:1px solid var(--dg-border-strong);background:var(--dg-surface)}.ngb-grid .grid-filter-cancel:hover{border-color:var(--dg-border-strong);background:var(--dg-surface-subtle);color:var(--dg-text)}.ngb-grid .filter-row th{background:var(--dg-surface-filter-row);padding-top:.625rem;padding-bottom:.625rem;overflow:visible;position:relative;z-index:25}.ngb-grid.ngb-grid--menu-open .filter-row th{z-index:85}.ngb-grid .column-pinned-start,.ngb-grid .column-pinned-end{position:sticky;background:inherit;z-index:2}.ngb-grid .grid-header .column-pinned-start,.ngb-grid .grid-header .column-pinned-end{z-index:6}.ngb-grid .column-pinned-start{box-shadow:var(--dg-pin-shadow-start)}.ngb-grid .column-pinned-start:has(+.column-pinned-start){box-shadow:none}.ngb-grid .column-pinned-end{box-shadow:var(--dg-pin-shadow-end)}.ngb-grid .column-locked{background:var(--dg-locked-bg)}.ngb-grid .sticky-row,.ngb-grid .sticky-row td{background:var(--dg-surface-sticky-row);box-shadow:inset 0 0 0 1px var(--dg-sticky-border)}.ngb-grid .sticky-row{position:sticky;z-index:4}.ngb-grid .grid-sticky-badge{display:inline-flex;align-items:center;margin-left:.45rem;padding:.12rem .4rem;border-radius:.25rem;background:var(--dg-sticky-badge-bg);color:var(--dg-sticky-badge-text);font-size:.62rem;font-weight:800;letter-spacing:.04em;vertical-align:middle}.ngb-grid .grid-row-action--icon{min-width:2.05rem;width:2.05rem;height:2.05rem;min-height:2.05rem;padding:0;border-radius:var(--dg-radius-md)}.ngb-grid .grid-row-action--edit-icon{border-color:var(--dg-primary);background:var(--dg-primary);color:var(--dg-on-primary)}.ngb-grid .grid-row-action--edit-icon:hover{border-color:var(--dg-primary-hover);background:var(--dg-primary-hover);color:var(--dg-on-primary)}.ngb-grid.ngb-grid--zebra .grid-body tbody tr:nth-child(2n):not(.sticky-row):not(.row-selected) td{background:var(--dg-row-even-bg, var(--dg-surface-muted))}.ngb-grid:not(.ngb-grid--zebra) .grid-body tbody tr:nth-child(odd):not(.sticky-row):not(.row-selected):not(.row-highlight) td{background:var(--dg-row-odd-bg)}.ngb-grid:not(.ngb-grid--zebra) .grid-body tbody tr:nth-child(2n):not(.sticky-row):not(.row-selected):not(.row-highlight) td{background:var(--dg-row-even-bg)}.ngb-grid .grid-body tbody tr.grid-data-row:hover:not(.sticky-row):not(.row-selected):not(.row-highlight) td{background:var(--dg-row-hover-bg)}.ngb-grid .row-selected,.ngb-grid .row-selected td{background:var(--dg-row-selected-bg)}.ngb-grid .row-highlight,.ngb-grid .row-highlight td{background:var(--dg-warning-soft)}.ngb-grid .grid-header th.column-pinned-start,.ngb-grid .grid-header th.column-pinned-end,.ngb-grid .grid-body tbody td.column-pinned-start,.ngb-grid .grid-body tbody td.column-pinned-end{background:var(--dg-surface)}.ngb-grid .grid-header th.column-locked,.ngb-grid .grid-body tbody td.column-locked{background:var(--dg-locked-bg)!important}.ngb-grid .grid-body tbody tr.row-selected td.column-locked{background:var(--dg-row-selected-bg)!important}.ngb-grid .cell-highlight{background:var(--dg-primary-soft)}.ngb-grid .grid-search-highlight{padding:0;border-radius:.15rem;background:var(--dg-sticky-badge-bg);color:inherit;font-weight:inherit}.ngb-grid .grid-detail-toggle{min-width:2rem;width:2rem;height:2rem;padding:0;border-radius:999px}.ngb-grid .grid-cell-content{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis}.ngb-grid .grid-cell-content,.ngb-grid .grid-cell-text{font-weight:400}.ngb-grid .grid-cell--emphasis .grid-cell-content,.ngb-grid .grid-cell--emphasis .grid-cell-text{font-weight:700}.ngb-grid .grid-boolean-pill{display:inline-flex;align-items:center;justify-content:center;min-width:3.5rem;padding:.25rem .55rem;border-radius:999px;background:var(--dg-neutral-pill-bg);color:var(--dg-text-muted);font-size:.75rem;font-weight:700}.ngb-grid .grid-boolean-pill--true{background:var(--dg-success-soft);color:var(--dg-success-text)}.ngb-grid .grid-row-action{padding:.55rem .8rem;font-size:.8125rem;font-weight:600;white-space:nowrap}.ngb-grid .grid-actions-cell{overflow:visible;text-overflow:clip;white-space:normal}.ngb-grid .grid-actions-cell__inner{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;flex-wrap:nowrap}.ngb-grid .grid-row-action--secondary{color:var(--dg-primary);background:var(--dg-primary-soft);border-color:var(--dg-primary-border-subtle)}.ngb-grid .grid-row-action--danger{color:var(--dg-danger-text);background:var(--dg-danger-soft);border-color:var(--dg-danger-border-subtle)}.ngb-grid .grid-row-action--success{color:var(--dg-success-text);background:var(--dg-success-soft);border-color:var(--dg-success-border-subtle)}.ngb-grid .grid-row-action--neutral{color:var(--dg-text-muted);background:var(--dg-locked-bg);border-color:var(--dg-border)}.ngb-grid .grid-detail-row__cell{padding:0;background:var(--dg-detail-row-bg)}.ngb-grid .grid-detail-row__content{padding:1rem 1.25rem}.ngb-grid.ngb-grid--compact .grid-table th,.ngb-grid.ngb-grid--compact .grid-table td{padding:.55rem .65rem}.ngb-grid.ngb-grid--compact .datagrid-toolbar__button,.ngb-grid.ngb-grid--compact .grid-row-action,.ngb-grid.ngb-grid--compact .grid-filter-apply,.ngb-grid.ngb-grid--compact .grid-filter-clear,.ngb-grid.ngb-grid--compact .grid-filter-operator__button,.ngb-grid.ngb-grid--compact .grid-filter-menu-trigger,.ngb-grid.ngb-grid--compact .grid-detail-toggle,.ngb-grid.ngb-grid--compact .grid-filter-control,.ngb-grid.ngb-grid--compact .grid-edit-control{min-height:32px;font-size:.8125rem}.ngb-grid .grid-row--reorderable{cursor:grab}.ngb-grid .grid-row--reorderable.ngb-dnd-dragging{cursor:grabbing;opacity:.82}.ngb-grid .ngb-dnd-placeholder{display:table-row;background:transparent}.ngb-grid tbody.ngb-dnd-list,.ngb-grid tbody.ngb-dnd-list.ngb-dnd-over[data-drop-valid=true],.ngb-grid tbody.ngb-dnd-list.ngb-dnd-over[data-drop-valid=false]{border:0;border-radius:0;background:transparent;box-shadow:none}.ngb-grid .ngb-dnd-placeholder>td{padding:0;border:0;background:transparent}.ngb-grid .ngb-dnd-placeholder__bar{display:block;height:.35rem;background:var(--dg-primary-selection-overlay)}.ngb-grid.ngb-grid--stacked .grid-header-shell,.ngb-grid.ngb-grid--stacked .grid-header{display:none}.ngb-grid.ngb-grid--stacked .table-wrapper{width:100%}.ngb-grid.ngb-grid--stacked .table-body-scroll{width:100%;max-height:none;overflow:visible;border-top:0;border-bottom:0}.ngb-grid.ngb-grid--stacked .grid-table.grid-body{width:100%;min-width:0;max-width:100%;table-layout:auto}.ngb-grid.ngb-grid--stacked .grid-table.grid-body colgroup{display:none}.ngb-grid.ngb-grid--stacked .grid-table.grid-body tbody{display:block;width:100%}.ngb-grid.ngb-grid--menu-open .grid-header-shell,.ngb-grid.ngb-grid--row-operator-open .grid-header-shell,.ngb-grid.ngb-grid--row-operator-open .filter-row th{overflow:visible}.ngb-grid.ngb-grid--menu-open .grid-header-shell,.ngb-grid.ngb-grid--menu-open .grid-header{z-index:80}.ngb-grid.ngb-grid--menu-open .grid-header thead th.filter-menu-open{position:relative;z-index:95;overflow:visible}.ngb-grid.ngb-grid--menu-open .grid-filter-menu-host{z-index:90}.ngb-grid__filter-menu-overlay{pointer-events:auto}.ngb-grid__layout-toolbar-host:empty{display:none}.ngb-grid__layout-toolbar-host:not(:empty){border-bottom:1px solid var(--dg-border)}.ngb-grid .table-wrapper{position:relative}.ngb-grid.ngb-grid--loading .table-wrapper{pointer-events:none}.ngb-grid.ngb-grid--loading .table-wrapper .grid-table{opacity:.45}.ngb-grid__loading-overlay{position:absolute;inset:0;z-index:120;display:flex;align-items:center;justify-content:center;background:var(--dg-loading-overlay);pointer-events:none}.ngb-grid.ngb-grid--stacked .grid-table.grid-body tbody tr{display:grid;width:100%;box-sizing:border-box;grid-template-columns:minmax(0,1fr);gap:.65rem;border-bottom:1px solid var(--dg-border);padding:.9rem 1rem}.ngb-grid.ngb-grid--stacked .grid-table.grid-body tbody td{display:grid;width:100%;min-width:0;box-sizing:border-box;white-space:normal;border-bottom:0;padding:.35rem 0;position:static!important;left:auto!important;right:auto!important}.ngb-grid.ngb-grid--stacked .grid-table.grid-body tbody td:not([data-title]){grid-column:1/-1}.ngb-grid.ngb-grid--stacked:not(.ngb-grid--stacked-cards) .grid-table.grid-body tbody td[data-title]{grid-template-columns:minmax(5.5rem,34%) minmax(0,1fr);align-items:baseline;column-gap:.75rem}.ngb-grid.ngb-grid--stacked:not(.ngb-grid--stacked-cards) .grid-table.grid-body tbody td:before{content:attr(data-title);font-size:.8125rem;font-weight:700;color:var(--dg-text-muted);line-height:1.3}.ngb-grid.ngb-grid--stacked.ngb-grid--stacked-cards .grid-table.grid-body tbody tr{display:block;width:100%;padding:0}.ngb-grid.ngb-grid--stacked.ngb-grid--stacked-cards .grid-table.grid-body tbody td.ngb-stacked-card-cell{display:block;width:100%;padding:.9rem 1rem;border-bottom:1px solid var(--dg-border)}.ngb-grid.ngb-grid--stacked.ngb-grid--stacked-cards .ngb-stacked-card,.ngb-grid.ngb-grid--stacked.ngb-grid--stacked-cards .ngb-stacked-card__layout{width:100%;min-width:0}.ngb-grid.ngb-grid--stacked.ngb-grid--stacked-cards .ngb-stacked-card__layout{display:grid;grid-template-columns:minmax(0,1fr);gap:1rem}@media(min-width:40rem){.ngb-grid.ngb-grid--stacked.ngb-grid--stacked-cards .ngb-stacked-card__layout{grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr);align-items:start;column-gap:1.5rem}}.ngb-grid.ngb-grid--stacked.ngb-grid--stacked-cards .ngb-stacked-card__group{display:flex;flex-direction:column;gap:.85rem;min-width:0}.ngb-grid.ngb-grid--stacked.ngb-grid--stacked-cards .ngb-stacked-card__field{display:flex;flex-direction:column;align-items:flex-start;gap:.35rem;min-width:0}.ngb-grid.ngb-grid--stacked.ngb-grid--stacked-cards .ngb-stacked-card__label{font-size:.8125rem;font-weight:700;color:var(--dg-text-muted);line-height:1.3}.ngb-grid.ngb-grid--stacked.ngb-grid--stacked-cards .ngb-stacked-card__value{width:100%;min-width:0}.ngb-grid.ngb-grid--stacked.ngb-grid--stacked-cards .grid-table.grid-body tbody td:not([data-title]):not(.ngb-stacked-card-cell){display:block;width:100%;padding:.65rem 1rem 0;border-bottom:0}.ngb-grid[data-theme=material] .datagrid-toolbar__button--primary,.ngb-grid[data-theme=tailwind] .datagrid-toolbar__button--primary,.ngb-grid[data-theme=material] .grid-filter-apply,.ngb-grid[data-theme=tailwind] .grid-filter-apply{border-color:var(--dg-primary);background:var(--dg-primary)}.ngb-grid.ngb-responsive .table{width:100%}@media(max-width:992px){.ngb-grid .grid-filter-inline{min-width:11rem}.ngb-grid .grid-filter-field{min-width:10rem}}@media(max-width:768px){.ngb-grid .datagrid-toolbar{align-items:stretch}.ngb-grid .datagrid-toolbar__actions{justify-content:stretch}.ngb-grid .datagrid-toolbar__button{flex:1 1 auto}.ngb-grid .grid-filter-inline{width:100%}.ngb-grid.ngb-responsive thead{display:none}.ngb-grid.ngb-responsive tbody tr{display:grid;grid-template-columns:1fr;gap:.5rem;border:1px solid var(--dg-border);border-radius:.75rem;padding:.75rem;margin-bottom:.75rem}.ngb-grid.ngb-responsive tbody td{display:grid;grid-template-columns:8rem 1fr}.ngb-grid.ngb-responsive tbody td:before{content:attr(data-title);font-weight:600;opacity:.75;padding-right:.5rem}}.ngb-grid .datagrid-editing-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:.75rem 1rem;border:1px solid var(--dg-border);border-bottom:0;border-radius:var(--dg-radius-lg) var(--dg-radius-lg) 0 0;background:var(--dg-surface)}.ngb-grid .datagrid-editing-toolbar__start,.ngb-grid .datagrid-editing-toolbar__end{display:inline-flex;align-items:center;gap:.5rem}.ngb-grid .datagrid-editing-toolbar__save[hidden],.ngb-grid .datagrid-editing-toolbar__cancel[hidden]{display:none!important}.ngb-grid .datagrid-editing-toolbar__hint{flex:1 1 auto;text-align:center;font-size:.875rem;font-weight:600;color:var(--dg-text-muted)}.ngb-grid .grid-cell--incell{cursor:cell}.ngb-grid .grid-cell--editing .grid-edit-control{border-color:var(--dg-primary);box-shadow:var(--dg-focus-shadow)}.ngb-grid .grid-external-editor{position:fixed;inset:0;z-index:400;display:flex;align-items:center;justify-content:center;padding:1.5rem}.ngb-grid .grid-external-editor__backdrop{position:absolute;inset:0;border:0;background:var(--dg-backdrop);cursor:pointer}.ngb-grid .grid-external-editor__panel{position:relative;z-index:1;width:min(32rem,100%);max-height:min(90vh,40rem);overflow:auto;padding:1.25rem;border:1px solid var(--dg-border);border-radius:var(--dg-radius-lg);background:var(--dg-surface);box-shadow:var(--dg-shadow-md)}.ngb-grid .grid-external-editor__header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.ngb-grid .grid-external-editor__title{margin:0;font-size:1.125rem;font-weight:700}.ngb-grid .grid-external-editor__close{border:0;background:transparent;color:var(--dg-text-muted);padding:.25rem;cursor:pointer}.ngb-grid .grid-external-editor__form{display:grid;gap:.85rem}.ngb-grid .grid-external-editor__field{display:grid;gap:.35rem}.ngb-grid .grid-external-editor__label{font-size:.8125rem;font-weight:700;color:var(--dg-text-muted);text-transform:uppercase;letter-spacing:.03em}.ngb-grid .grid-external-editor__error{font-size:.75rem;color:var(--dg-danger)}.ngb-grid .grid-external-editor__actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:.5rem}.ngb-grid__status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.ngb-grid .grid-body td[role=gridcell]:focus-visible,.ngb-grid .grid-body td[role=gridcell].grid-cell--focused{outline:2px solid var(--dg-focus-ring);outline-offset:-2px}.ngb-grid--rtl .grid-column-reorder-handle{transform:scaleX(-1)}.ngb-grid--rtl .column-pinned-start{left:auto;right:var(--dg-pin-start, 0)}.ngb-grid--rtl .column-pinned-end{right:auto;left:var(--dg-pin-end, 0)}.ngb-grid .grid-footer{width:100%;color:var(--dg-pager-text)}.ngb-grid .grid-footer--top{margin-bottom:0;border-bottom:var(--dg-table-border-width) solid var(--dg-border)}.ngb-grid .grid-footer--custom{width:100%}\n"] }]
+                    ], standalone: true, template: "<div\n  class=\"ngb-grid\"\n  [attr.dir]=\"resolvedDir()\"\n  [attr.data-theme]=\"theme\"\n  [class.ngb-grid--rtl]=\"isRtl()\"\n  [class.ngb-responsive]=\"isResponsiveEnabled()\"\n  [class.ngb-grid--compact]=\"densityMode === 'compact'\"\n  [class.ngb-grid--stacked]=\"isStackedLayout()\"\n  [class.ngb-grid--stacked-cards]=\"isStackedCardsLayout()\"\n  [class.ngb-grid--menu-open]=\"!!openFilterMenuField || !!openMenuOperatorField || !!openRowFilterField\"\n  [class.ngb-grid--row-operator-open]=\"!!openRowFilterField\"\n  [class.ngb-grid--zebra]=\"zebraStripesEnabled\"\n  [class.ngb-grid--resizable]=\"resizable && !isStackedLayout()\"\n  [class.ngb-grid--column-reorderable]=\"isColumnReorderEnabled()\"\n  [class.ngb-grid--loading]=\"loading\"\n  [attr.aria-busy]=\"loading ? 'true' : null\"\n  [style.--ngb-render-tick]=\"renderTick\"\n>\n  <div class=\"ngb-grid__layout-toolbar-host\">\n    <ng-content select=\"ngb-datagrid-layout-toolbar\"></ng-content>\n  </div>\n  <ngb-datagrid-toolbar [grid]=\"gridHost\"></ngb-datagrid-toolbar>\n  <ngb-datagrid-editing-toolbar\n    [grid]=\"gridHost\"\n    [selectedCount]=\"getSelectedCount()\"\n    [editActive]=\"isToolbarEditActive()\"\n    [saveDisabled]=\"isToolbarSaveDisabled()\"\n  ></ngb-datagrid-editing-toolbar>\n\n  @if (paginationActive && pagerShowsAt('top')) {\n    <ngb-datagrid-footer [grid]=\"gridHost\" placement=\"top\"></ngb-datagrid-footer>\n  }\n\n  <div\n    class=\"ngb-grid__status visually-hidden-focusable\"\n    role=\"status\"\n    aria-live=\"polite\"\n    aria-atomic=\"true\"\n  >{{ statusMessage }}</div>\n\n  @if (isGroupingEnabled()) {\n    <div\n      class=\"ngb-grid__group-panel\"\n      [class.ngb-grid__group-panel--active]=\"groupPanelDragActive && !groupPanelDragDenied\"\n      [class.ngb-grid__group-panel--denied]=\"groupPanelDragDenied\"\n      (dragover)=\"onGroupPanelDragOver($event)\"\n      (dragleave)=\"onGroupPanelDragLeave($event)\"\n      (drop)=\"onGroupPanelDrop($event)\"\n    >\n      <div class=\"ngb-grid__group-panel-label\">{{ groupPanelLabel() }}</div>\n      @if (groupedColumns().length) {\n        <div class=\"ngb-grid__group-chip-list\">\n          @for (descriptor of groupedColumns(); track descriptor.field) {\n            <div class=\"ngb-grid__group-chip\">\n              <button\n                type=\"button\"\n                class=\"ngb-grid__group-chip-button\"\n                (click)=\"toggleGroupDirection(descriptor.field)\"\n                [attr.aria-label]=\"groupDirectionAriaLabel(descriptor)\"\n              >\n                <span class=\"ngb-grid__group-chip-label\">{{ groupFieldLabel(descriptor) }}</span>\n                <span class=\"ngb-grid__group-chip-dir\">{{ descriptor.dir === 'desc' ? '\u2193' : '\u2191' }}</span>\n              </button>\n              <button\n                type=\"button\"\n                class=\"ngb-grid__group-chip-remove\"\n                (click)=\"removeGroupField(descriptor.field)\"\n                [attr.aria-label]=\"groupRemoveAriaLabel(descriptor)\"\n              >\n                <span class=\"bi bi-x-lg\" aria-hidden=\"true\"></span>\n              </button>\n            </div>\n          }\n        </div>\n      }\n    </div>\n  }\n\n  <div class=\"table-wrapper\" [ngClass]=\"responsiveWrapperClasses\">\n    @if (loading) {\n    <div class=\"ngb-grid__loading-overlay\" role=\"presentation\">\n      <div class=\"spinner-border spinner-border-sm text-primary\" role=\"status\">\n        <span class=\"visually-hidden\">Loading</span>\n      </div>\n    </div>\n    }\n    <div class=\"grid-header-shell\" #headerScroller>\n    <table class=\"grid-table grid-header mb-0\" [ngClass]=\"tableClassList\" [style.width.px]=\"tablePixelWidth\">\n      @if (tableOptions?.caption) {\n      <caption\n        [class.caption-top]=\"(tableOptions?.captionSide ?? 'top') === 'top'\"\n      >\n        {{ tableOptions?.caption }}\n      </caption>\n      }\n\n      <colgroup\n        ngbDatagridColgroup\n        [grid]=\"gridHost\"\n        [ngbSyncColgroup]=\"colgroupSyncId\"\n        syncRole=\"header\"\n        [syncMode]=\"resizable ? 'explicit' : 'auto'\"\n      ></colgroup>\n\n      <thead\n        class=\"table-light\"\n        ngbDatagridHeader\n        [grid]=\"gridHost\"\n        [renderTick]=\"renderTick\"\n      ></thead>\n    </table>\n    </div>\n\n    <div [class.table-body-scroll]=\"shouldEnableScroll\" #bodyScroller (scroll)=\"onBodyHorizontalScroll()\">\n      @if (hasStickyGroupHeaders()) {\n        <div\n          class=\"ngb-grid__group-sticky-layer ngb-grid__group-sticky-layer--top\"\n          [style.transform]=\"'translateY(' + stickyGroupHeaderTranslateY + 'px)'\"\n        >\n          <table\n            class=\"grid-table grid-group-sticky-table mb-0\"\n            [ngClass]=\"tableClassList\"\n            [style.width.px]=\"tablePixelWidth\"\n            role=\"presentation\"\n          >\n            <colgroup>\n              @for (width of stickyGroupOverlayColumnWidths; track $index) {\n                <col [style.width.px]=\"width || null\" />\n              }\n            </colgroup>\n            <tbody>\n              @for (item of stickyGroupHeaderRows; track item.key) {\n                <tr class=\"grid-group-row grid-group-row--overlay\">\n                  @if (showSelectionColumn()) {\n                    <td class=\"grid-group-row__utility-cell\"></td>\n                  }\n                  @if (rowDetailTpl) {\n                    <td class=\"grid-group-row__utility-cell\"></td>\n                  }\n                  @if (stickyRowsEnabled) {\n                    <td class=\"grid-group-row__utility-cell\"></td>\n                  }\n                  @for (col of visibleColumns; track col.field) {\n                    @if (shouldRenderGroupCell(col, item.group)) {\n                    <td\n                      class=\"grid-group-row__cell\"\n                      [class.grid-group-row__cell--lead]=\"isGroupLeadColumn(col, item.group)\"\n                      [attr.colspan]=\"groupCellColspan(col, item.group)\"\n                    >\n                      @if (isGroupLeadColumn(col, item.group)) {\n                        <button\n                          type=\"button\"\n                          class=\"grid-group-row__toggle\"\n                          (click)=\"toggleGroupCollapsed(item.group, item.level, item.startIndex)\"\n                          [attr.aria-expanded]=\"!item.collapsed\"\n                        >\n                          <span\n                            class=\"bi\"\n                            [ngClass]=\"item.collapsed ? 'bi-chevron-right' : 'bi-chevron-down'\"\n                            aria-hidden=\"true\"\n                          ></span>\n                          <span class=\"grid-group-row__content\" [style.padding-inline-start.rem]=\"groupRowIndent(item.level)\">\n                            @if (groupHeaderTpl) {\n                              <ng-container\n                                [ngTemplateOutlet]=\"groupHeaderTpl.template\"\n                                [ngTemplateOutletContext]=\"groupHeaderContext(item.group)\"\n                              ></ng-container>\n                            } @else {\n                              <span class=\"grid-group-row__label\">{{ groupRowLabel(item.group) }}</span>\n                              <span class=\"grid-group-row__count\">{{ groupRowCountLabel(item.group) }}</span>\n                            }\n                          </span>\n                        </button>\n                        @if (groupHeaderColumnTemplate(groupColumnField(col)); as tpl) {\n                          <div class=\"grid-group-row__column-slot\">\n                            <ng-container\n                              [ngTemplateOutlet]=\"tpl.template\"\n                              [ngTemplateOutletContext]=\"groupColumnContext(item.group, col)\"\n                            ></ng-container>\n                          </div>\n                        }\n                      } @else if (groupHeaderColumnTemplate(groupColumnField(col)); as tpl) {\n                        <div class=\"grid-group-row__column-slot\">\n                          <ng-container\n                            [ngTemplateOutlet]=\"tpl.template\"\n                            [ngTemplateOutletContext]=\"groupColumnContext(item.group, col)\"\n                          ></ng-container>\n                        </div>\n                      }\n                    </td>\n                    }\n                  }\n                  @if (showActionsColumn()) {\n                    <td class=\"grid-group-row__utility-cell\"></td>\n                  }\n                </tr>\n              }\n            </tbody>\n          </table>\n        </div>\n      }\n\n      <table\n        class=\"grid-table grid-body grid-body--main mb-0\"\n        [ngClass]=\"tableClassList\"\n        [style.width.px]=\"tablePixelWidth\"\n        role=\"grid\"\n        [attr.aria-rowcount]=\"ariaRowCount()\"\n        [attr.aria-colcount]=\"ariaColCount()\"\n        [attr.aria-readonly]=\"enableEdit || enableAdd ? 'false' : 'true'\"\n        [attr.aria-label]=\"tableOptions?.caption || null\"\n      >\n        <colgroup\n          ngbDatagridColgroup\n          [grid]=\"gridHost\"\n          [ngbSyncColgroup]=\"colgroupSyncId\"\n          syncRole=\"body\"\n          [syncMode]=\"resizable ? 'explicit' : 'auto'\"\n        ></colgroup>\n\n        <tbody\n          [ngbDndList]=\"paged\"\n          [dndDisabled]=\"!isRowReorderEnabled()\"\n          (dndDropped)=\"onRowDrop($event)\"\n        >\n          @if (!hasRenderableRows()) {\n          <tr class=\"ngb-grid__empty-row\">\n            <td [attr.colspan]=\"ariaColCount()\" class=\"ngb-grid__empty text-center text-muted py-4\">\n              {{ emptyStateLabel() }}\n            </td>\n          </tr>\n          }\n\n          @if (addingNew) {\n          <tr\n            ngbDatagridAddRow\n            [grid]=\"gridHost\"\n            [formGroup]=\"addForm\"\n          ></tr>\n          }\n\n          @for (item of renderRows; track item.key) {\n            @if (item.kind === 'group') {\n              <tr\n                class=\"grid-group-row\"\n                [attr.data-group-key]=\"item.key\"\n                [attr.data-group-level]=\"item.level\"\n              >\n                @if (showSelectionColumn()) {\n                  <td class=\"grid-group-row__utility-cell\"></td>\n                }\n                @if (rowDetailTpl) {\n                  <td class=\"grid-group-row__utility-cell\"></td>\n                }\n                @if (stickyRowsEnabled) {\n                  <td class=\"grid-group-row__utility-cell\"></td>\n                }\n                @for (col of visibleColumns; track col.field) {\n                  @if (shouldRenderGroupCell(col, item.group)) {\n                  <td\n                    class=\"grid-group-row__cell\"\n                    [class.grid-group-row__cell--lead]=\"isGroupLeadColumn(col, item.group)\"\n                    [attr.colspan]=\"groupCellColspan(col, item.group)\"\n                  >\n                    @if (isGroupLeadColumn(col, item.group)) {\n                      <button\n                        type=\"button\"\n                        class=\"grid-group-row__toggle\"\n                        (click)=\"toggleGroupCollapsed(item.group, item.level, item.startIndex)\"\n                        [attr.aria-expanded]=\"!item.collapsed\"\n                      >\n                        <span\n                          class=\"bi\"\n                          [ngClass]=\"item.collapsed ? 'bi-chevron-right' : 'bi-chevron-down'\"\n                          aria-hidden=\"true\"\n                        ></span>\n                        <span class=\"grid-group-row__content\" [style.padding-inline-start.rem]=\"groupRowIndent(item.level)\">\n                          @if (groupHeaderTpl) {\n                            <ng-container\n                              [ngTemplateOutlet]=\"groupHeaderTpl.template\"\n                              [ngTemplateOutletContext]=\"groupHeaderContext(item.group)\"\n                            ></ng-container>\n                          } @else {\n                            <span class=\"grid-group-row__label\">{{ groupRowLabel(item.group) }}</span>\n                            <span class=\"grid-group-row__count\">{{ groupRowCountLabel(item.group) }}</span>\n                          }\n                        </span>\n                      </button>\n                      @if (groupHeaderColumnTemplate(groupColumnField(col)); as tpl) {\n                        <div class=\"grid-group-row__column-slot\">\n                          <ng-container\n                            [ngTemplateOutlet]=\"tpl.template\"\n                            [ngTemplateOutletContext]=\"groupColumnContext(item.group, col)\"\n                          ></ng-container>\n                        </div>\n                      }\n                    } @else if (groupHeaderColumnTemplate(groupColumnField(col)); as tpl) {\n                      <div class=\"grid-group-row__column-slot\">\n                        <ng-container\n                          [ngTemplateOutlet]=\"tpl.template\"\n                          [ngTemplateOutletContext]=\"groupColumnContext(item.group, col)\"\n                        ></ng-container>\n                      </div>\n                    }\n                  </td>\n                  }\n                }\n                @if (showActionsColumn()) {\n                  <td class=\"grid-group-row__utility-cell\"></td>\n                }\n              </tr>\n            } @else if (item.kind === 'group-footer') {\n              <tr\n                class=\"grid-group-footer-row\"\n                [attr.data-group-key]=\"item.key\"\n                [attr.data-group-level]=\"item.level\"\n              >\n                @if (showSelectionColumn()) {\n                  <td class=\"grid-group-row__utility-cell\"></td>\n                }\n                @if (rowDetailTpl) {\n                  <td class=\"grid-group-row__utility-cell\"></td>\n                }\n                @if (stickyRowsEnabled) {\n                  <td class=\"grid-group-row__utility-cell\"></td>\n                }\n                @for (col of visibleColumns; track col.field) {\n                  <td class=\"grid-group-footer-row__cell\">\n                    @if (groupFooterTemplate(groupColumnField(col)); as tpl) {\n                      <div class=\"grid-group-row__column-slot\">\n                        <ng-container\n                          [ngTemplateOutlet]=\"tpl.template\"\n                          [ngTemplateOutletContext]=\"groupColumnContext(item.group, col)\"\n                        ></ng-container>\n                      </div>\n                    }\n                  </td>\n                }\n                @if (showActionsColumn()) {\n                  <td class=\"grid-group-row__utility-cell\"></td>\n                }\n              </tr>\n            } @else {\n              <tr\n                class=\"grid-data-row\"\n                ngbDatagridDataRow\n                [grid]=\"gridHost\"\n                [renderTick]=\"renderTick\"\n                [row]=\"item.row\"\n                [index]=\"item.pagedIndex\"\n                [selected]=\"isRowSelected(item.row, item.pagedIndex)\"\n                [ngbDndItem]=\"item.row\"\n                [dndIndex]=\"item.pagedIndex\"\n                [dndDisabled]=\"!isRowReorderEnabled()\"\n                (click)=\"onRowSelect($event, item.pagedIndex); onRowClick($event, item.pagedIndex)\"\n                [formGroup]=\"editForm\"\n                [class.sticky-row]=\"isRowSticky(item.row, item.pagedIndex)\"\n                [class.row-selected]=\"isRowSelected(item.row, item.pagedIndex)\"\n                [class.row-highlight]=\"isRowHighlighted(item.row, item.pagedIndex)\"\n                [class.grid-row--reorderable]=\"isRowReorderEnabled()\"\n                [ngClass]=\"resolveRowClass(item.row, item.pagedIndex)\"\n                [ngStyle]=\"resolveRowStyle(item.row, item.pagedIndex)\"\n                [attr.aria-selected]=\"isRowSelected(item.row, item.pagedIndex) ? 'true' : null\"\n                [style.top.px]=\"stickyTop(item.row, item.pagedIndex)\"\n                [style.z-index]=\"isRowSticky(item.row, item.pagedIndex) ? 3 : null\"\n              ></tr>\n\n              @if (rowDetailTpl && isExpanded(item.pagedIndex)) {\n              <tr\n                ngbDatagridDetailRow\n                [grid]=\"gridHost\"\n                [row]=\"item.row\"\n                [index]=\"item.pagedIndex\"\n                [attr.id]=\"'dg-row-detail-' + item.pagedIndex\"\n              ></tr>\n              }\n            }\n          }\n        </tbody>\n      </table>\n\n      @if (hasStickyGroupFooters()) {\n        <div\n          class=\"ngb-grid__group-sticky-layer ngb-grid__group-sticky-layer--bottom\"\n          [style.transform]=\"'translateY(' + stickyGroupFooterTranslateY + 'px)'\"\n        >\n          <table\n            class=\"grid-table grid-group-sticky-table mb-0\"\n            [ngClass]=\"tableClassList\"\n            [style.width.px]=\"tablePixelWidth\"\n            role=\"presentation\"\n          >\n            <colgroup>\n              @for (width of stickyGroupOverlayColumnWidths; track $index) {\n                <col [style.width.px]=\"width || null\" />\n              }\n            </colgroup>\n            <tbody>\n              @for (item of stickyGroupFooterRows; track item.key) {\n                <tr class=\"grid-group-footer-row grid-group-footer-row--overlay\">\n                  @if (showSelectionColumn()) {\n                    <td class=\"grid-group-row__utility-cell\"></td>\n                  }\n                  @if (rowDetailTpl) {\n                    <td class=\"grid-group-row__utility-cell\"></td>\n                  }\n                  @if (stickyRowsEnabled) {\n                    <td class=\"grid-group-row__utility-cell\"></td>\n                  }\n                  @for (col of visibleColumns; track col.field) {\n                    <td class=\"grid-group-footer-row__cell\">\n                      @if (groupFooterTemplate(groupColumnField(col)); as tpl) {\n                        <div class=\"grid-group-row__column-slot\">\n                          <ng-container\n                            [ngTemplateOutlet]=\"tpl.template\"\n                            [ngTemplateOutletContext]=\"groupColumnContext(item.group, col)\"\n                          ></ng-container>\n                        </div>\n                      }\n                    </td>\n                  }\n                  @if (showActionsColumn()) {\n                    <td class=\"grid-group-row__utility-cell\"></td>\n                  }\n                </tr>\n              }\n            </tbody>\n          </table>\n        </div>\n      }\n    </div>\n\n    <table class=\"table grid-table grid-foot mb-0\" [style.width.px]=\"tablePixelWidth\">\n      <colgroup>\n        @for (col of visibleColumns; track col.field) {\n          <col [style.width.px]=\"col?.width\" />\n        }\n      </colgroup>\n      <tbody>\n        <tr>\n          <td [attr.colspan]=\"visibleColumns.length\" width=\"100%\">\n            @if (paginationActive && pagerShowsAt('bottom')) {\n              <ngb-datagrid-footer [grid]=\"gridHost\" placement=\"bottom\"></ngb-datagrid-footer>\n            }\n          </td>\n        </tr>\n      </tbody>\n    </table>\n  </div>\n\n  @if (externalEditOpen) {\n    <ngb-datagrid-external-editor [grid]=\"gridHost\"></ngb-datagrid-external-editor>\n  }\n\n  @if (openFilterMenuField && openFilterMenuColumn && openFilterMenuAnchor) {\n  <ngb-datagrid-filter-menu-panel\n    [grid]=\"gridHost\"\n    [col]=\"openFilterMenuColumn\"\n    [anchor]=\"openFilterMenuAnchor\"\n  />\n  }\n\n  @if (openRowFilterField && openRowFilterColumn && openRowFilterOperatorAnchor) {\n  <ngb-datagrid-row-filter-operator-panel\n    [grid]=\"gridHost\"\n    [col]=\"openRowFilterColumn\"\n    [anchor]=\"openRowFilterOperatorAnchor\"\n  />\n  }\n</div>\n", styles: ["@charset \"UTF-8\";.ngb-grid,.ngb-datagrid-floating-panel{--dg-surface: #ffffff;--dg-surface-muted: #f9fafb;--dg-surface-subtle: #f3f4f6;--dg-surface-config: #edf4ff;--dg-surface-filter-row: #fffbeb;--dg-surface-sticky-row: #fefce8;--dg-border: #d7deea;--dg-border-strong: #cfd6e2;--dg-text: #1f2937;--dg-text-muted: #5b6578;--dg-text-subtle: #64748b;--dg-primary: #315efb;--dg-primary-hover: #2749c4;--dg-primary-active: #1d4ed8;--dg-primary-soft: #dbeafe;--dg-primary-border-subtle: #bfdbfe;--dg-accent: #3b82f6;--dg-on-primary: #ffffff;--dg-placeholder: #94a3b8;--dg-success: #39a949;--dg-success-soft: #dcfce7;--dg-success-text: #166534;--dg-success-border-subtle: #bbf7d0;--dg-danger: #ef4444;--dg-danger-soft: #fee2e2;--dg-danger-text: #b91c1c;--dg-danger-border-subtle: #fecaca;--dg-warning-soft: #fef3c7;--dg-warning-border: #fde68a;--dg-warning-text: #854d0e;--dg-filter-multi-icon: #39a949;--dg-filter-multi-icon-soft: #dcfce7;--dg-neutral-pill-bg: #e2e8f0;--dg-locked-bg: #f8fafc;--dg-row-selected-bg: #eef5ff;--dg-row-hover-bg: #f8fbff;--dg-row-odd-bg: transparent;--dg-row-even-bg: transparent;--dg-detail-row-bg: #f8fbff;--dg-search-highlight-bg: #fef08a;--dg-sticky-border: #facc15;--dg-sticky-badge-bg: #fef08a;--dg-sticky-badge-text: #854d0e;--dg-dropdown-item-active-bg: var(--dg-primary-soft);--dg-dropdown-item-active-color: var(--dg-primary);--dg-focus-ring: #2563eb;--dg-focus-border: rgba(37, 99, 235, .45);--dg-focus-shadow: 0 0 0 .2rem rgba(37, 99, 235, .15);--dg-pin-shadow-start: 1px 0 0 rgba(15, 23, 42, .08);--dg-pin-shadow-end: -1px 0 0 rgba(15, 23, 42, .08);--dg-backdrop: rgba(15, 23, 42, .45);--dg-loading-overlay: color-mix(in srgb, var(--dg-surface) 55%, transparent);--dg-primary-selection-overlay: rgba(37, 99, 235, .18);--dg-filter-divider: rgba(219, 227, 239, .8);--dg-shadow-sm: 0 1px 2px rgba(15, 23, 42, .06);--dg-shadow-md: 0 8px 24px rgba(15, 23, 42, .12);--dg-radius-lg: .5rem;--dg-radius-md: .45rem;--dg-radius-sm: .35rem;--dg-control-height: 2.15rem;--dg-nav-height: 2.5rem;--dg-font-size-header: .92rem;--dg-font-size-cell: .84rem;--dg-font-size-label: .94rem;--dg-cell-padding-y: .75rem;--dg-cell-padding-x: .85rem;--dg-header-padding-y: .75rem;--dg-header-padding-x: .85rem;--dg-table-border-width: 1px;--dg-pager-surface: var(--dg-surface);--dg-pager-text: var(--dg-text-muted);--dg-pager-control-bg: var(--dg-surface);--dg-pager-control-hover-bg: var(--dg-surface-subtle);--dg-pager-control-border: var(--dg-border);--dg-pager-link-text: var(--dg-primary);--dg-pager-active-bg: var(--dg-primary);--dg-pager-active-border: var(--dg-primary);--dg-pager-active-text: var(--dg-on-primary);--dg-pager-select-icon: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e\")}.ngb-grid[data-theme=bootstrap],.ngb-datagrid-floating-panel[data-theme=bootstrap]{--dg-surface: var(--bs-body-bg, #ffffff);--dg-surface-muted: var(--bs-tertiary-bg, #f8f9fa);--dg-surface-subtle: var(--bs-secondary-bg, #e9ecef);--dg-surface-config: var(--bs-primary-bg-subtle, #cfe2ff);--dg-surface-filter-row: var(--bs-warning-bg-subtle, #fff3cd);--dg-surface-sticky-row: var(--bs-warning-bg-subtle, #fff3cd);--dg-border: var(--bs-border-color, #dee2e6);--dg-border-strong: var(--bs-border-color-translucent, #ced4da);--dg-text: var(--bs-body-color, #212529);--dg-text-muted: var(--bs-secondary-color, #6c757d);--dg-text-subtle: var(--bs-tertiary-color, #6c757d);--dg-primary: var(--bs-primary, #0d6efd);--dg-primary-hover: var(--bs-link-hover-color, #0a58ca);--dg-primary-active: var(--bs-link-hover-color, #0a58ca);--dg-primary-soft: var(--bs-primary-bg-subtle, #cfe2ff);--dg-primary-border-subtle: var(--bs-primary-border-subtle, #9ec5fe);--dg-accent: var(--bs-primary, #0d6efd);--dg-on-primary: var(--bs-btn-color, #fff);--dg-placeholder: var(--bs-secondary-color, #6c757d);--dg-success: var(--bs-success, #198754);--dg-success-soft: var(--bs-success-bg-subtle, #d1e7dd);--dg-success-text: var(--bs-success-text-emphasis, #0a3622);--dg-success-border-subtle: var(--bs-success-border-subtle, #a3cfbb);--dg-danger: var(--bs-danger, #dc3545);--dg-danger-soft: var(--bs-danger-bg-subtle, #f8d7da);--dg-danger-text: var(--bs-danger-text-emphasis, #58151c);--dg-danger-border-subtle: var(--bs-danger-border-subtle, #f1aeb5);--dg-warning-soft: var(--bs-warning-bg-subtle, #fff3cd);--dg-warning-border: var(--bs-warning-border-subtle, #ffe69c);--dg-warning-text: var(--bs-warning-text-emphasis, #664d03);--dg-filter-multi-icon: var(--bs-success, #198754);--dg-filter-multi-icon-soft: var(--bs-success-bg-subtle, #d1e7dd);--dg-neutral-pill-bg: var(--bs-secondary-bg, #e9ecef);--dg-locked-bg: var(--bs-tertiary-bg, #f8f9fa);--dg-row-selected-bg: var(--bs-primary-bg-subtle, #cfe2ff);--dg-row-hover-bg: var(--bs-tertiary-bg, #f8f9fa);--dg-row-odd-bg: transparent;--dg-row-even-bg: transparent;--dg-detail-row-bg: var(--bs-primary-bg-subtle, #cfe2ff);--dg-search-highlight-bg: var(--bs-warning-bg-subtle, #fff3cd);--dg-sticky-border: var(--bs-warning-border-subtle, #ffe69c);--dg-sticky-badge-bg: var(--bs-warning-bg-subtle, #fff3cd);--dg-sticky-badge-text: var(--bs-warning-text-emphasis, #664d03);--dg-dropdown-item-active-bg: var(--bs-primary-bg-subtle, #cfe2ff);--dg-dropdown-item-active-color: var(--bs-primary, #0d6efd);--dg-focus-ring: var(--bs-focus-ring-color, var(--bs-primary, #0d6efd));--dg-focus-border: rgba(var(--bs-primary-rgb, 13, 110, 253), .45);--dg-focus-shadow: 0 0 0 .25rem rgba(var(--bs-primary-rgb, 13, 110, 253), var(--bs-focus-ring-opacity, .25));--dg-pin-shadow-start: 1px 0 0 var(--bs-border-color-translucent, rgba(0, 0, 0, .08));--dg-pin-shadow-end: -1px 0 0 var(--bs-border-color-translucent, rgba(0, 0, 0, .08));--dg-backdrop: rgba(var(--bs-emphasis-color-rgb, 33, 37, 41), .5);--dg-loading-overlay: color-mix(in srgb, var(--dg-surface) 55%, transparent);--dg-primary-selection-overlay: rgba(var(--bs-primary-rgb, 13, 110, 253), .18);--dg-filter-divider: var(--bs-border-color-translucent, rgba(0, 0, 0, .1));--dg-shadow-sm: var(--bs-box-shadow-sm, 0 .125rem .25rem rgba(0, 0, 0, .075));--dg-shadow-md: var(--bs-box-shadow, 0 .5rem 1rem rgba(0, 0, 0, .15));--dg-radius-lg: var(--bs-border-radius-lg, .5rem);--dg-radius-md: var(--bs-border-radius, .375rem);--dg-radius-sm: var(--bs-border-radius-sm, .25rem);--dg-pager-surface: var(--bs-body-bg, #ffffff);--dg-pager-text: var(--bs-secondary-color, #6c757d);--dg-pager-control-bg: var(--bs-body-bg, #ffffff);--dg-pager-control-hover-bg: var(--bs-tertiary-bg, #f8f9fa);--dg-pager-control-border: var(--bs-border-color, #dee2e6);--dg-pager-link-text: var(--bs-primary, #0d6efd);--dg-pager-active-bg: var(--bs-primary, #0d6efd);--dg-pager-active-border: var(--bs-primary, #0d6efd);--dg-pager-active-text: var(--bs-btn-color, #fff);--dg-pager-select-icon: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e\")}.ngb-grid[data-theme=bootstrap-main],.ngb-datagrid-floating-panel[data-theme=bootstrap-main]{--dg-surface: var(--bs-body-bg, #ffffff);--dg-surface-muted: var(--bs-tertiary-bg, #f8f9fa);--dg-surface-subtle: var(--bs-secondary-bg, #e9ecef);--dg-surface-config: var(--bs-primary-bg-subtle, #cfe2ff);--dg-surface-filter-row: var(--bs-warning-bg-subtle, #fff3cd);--dg-surface-sticky-row: var(--bs-warning-bg-subtle, #fff3cd);--dg-border: var(--bs-border-color, #dee2e6);--dg-border-strong: var(--bs-border-color-translucent, #ced4da);--dg-text: var(--bs-body-color, #212529);--dg-text-muted: var(--bs-secondary-color, #6c757d);--dg-text-subtle: var(--bs-tertiary-color, #6c757d);--dg-primary: var(--bs-primary, #0d6efd);--dg-primary-hover: var(--bs-link-hover-color, #0a58ca);--dg-primary-active: var(--bs-link-hover-color, #0a58ca);--dg-primary-soft: var(--bs-primary-bg-subtle, #cfe2ff);--dg-primary-border-subtle: var(--bs-primary-border-subtle, #9ec5fe);--dg-accent: var(--bs-primary, #0d6efd);--dg-on-primary: var(--bs-btn-color, #fff);--dg-placeholder: var(--bs-secondary-color, #6c757d);--dg-success: var(--bs-success, #198754);--dg-success-soft: var(--bs-success-bg-subtle, #d1e7dd);--dg-success-text: var(--bs-success-text-emphasis, #0a3622);--dg-success-border-subtle: var(--bs-success-border-subtle, #a3cfbb);--dg-danger: var(--bs-danger, #dc3545);--dg-danger-soft: var(--bs-danger-bg-subtle, #f8d7da);--dg-danger-text: var(--bs-danger-text-emphasis, #58151c);--dg-danger-border-subtle: var(--bs-danger-border-subtle, #f1aeb5);--dg-warning-soft: var(--bs-warning-bg-subtle, #fff3cd);--dg-warning-border: var(--bs-warning-border-subtle, #ffe69c);--dg-warning-text: var(--bs-warning-text-emphasis, #664d03);--dg-filter-multi-icon: var(--bs-success, #198754);--dg-filter-multi-icon-soft: var(--bs-success-bg-subtle, #d1e7dd);--dg-neutral-pill-bg: var(--bs-secondary-bg, #e9ecef);--dg-locked-bg: var(--bs-tertiary-bg, #f8f9fa);--dg-row-selected-bg: var(--bs-primary-bg-subtle, #cfe2ff);--dg-row-hover-bg: var(--bs-tertiary-bg, #f8f9fa);--dg-row-odd-bg: transparent;--dg-row-even-bg: transparent;--dg-detail-row-bg: var(--bs-primary-bg-subtle, #cfe2ff);--dg-search-highlight-bg: var(--bs-warning-bg-subtle, #fff3cd);--dg-sticky-border: var(--bs-warning-border-subtle, #ffe69c);--dg-sticky-badge-bg: var(--bs-warning-bg-subtle, #fff3cd);--dg-sticky-badge-text: var(--bs-warning-text-emphasis, #664d03);--dg-dropdown-item-active-bg: var(--bs-primary-bg-subtle, #cfe2ff);--dg-dropdown-item-active-color: var(--bs-primary, #0d6efd);--dg-focus-ring: var(--bs-focus-ring-color, var(--bs-primary, #0d6efd));--dg-focus-border: rgba(var(--bs-primary-rgb, 13, 110, 253), .45);--dg-focus-shadow: 0 0 0 .25rem rgba(var(--bs-primary-rgb, 13, 110, 253), var(--bs-focus-ring-opacity, .25));--dg-pin-shadow-start: 1px 0 0 var(--bs-border-color-translucent, rgba(0, 0, 0, .08));--dg-pin-shadow-end: -1px 0 0 var(--bs-border-color-translucent, rgba(0, 0, 0, .08));--dg-backdrop: rgba(var(--bs-emphasis-color-rgb, 33, 37, 41), .5);--dg-loading-overlay: color-mix(in srgb, var(--dg-surface) 55%, transparent);--dg-primary-selection-overlay: rgba(var(--bs-primary-rgb, 13, 110, 253), .18);--dg-filter-divider: var(--bs-border-color-translucent, rgba(0, 0, 0, .1));--dg-shadow-sm: var(--bs-box-shadow-sm, 0 .125rem .25rem rgba(0, 0, 0, .075));--dg-shadow-md: var(--bs-box-shadow, 0 .5rem 1rem rgba(0, 0, 0, .15));--dg-radius-lg: var(--bs-border-radius-lg, .5rem);--dg-radius-md: var(--bs-border-radius, .375rem);--dg-radius-sm: var(--bs-border-radius-sm, .25rem);--dg-pager-surface: var(--bs-body-bg, #ffffff);--dg-pager-text: var(--bs-secondary-color, #6c757d);--dg-pager-control-bg: var(--bs-body-bg, #ffffff);--dg-pager-control-hover-bg: var(--bs-tertiary-bg, #f8f9fa);--dg-pager-control-border: var(--bs-border-color, #dee2e6);--dg-pager-link-text: var(--bs-primary, #0d6efd);--dg-pager-active-bg: var(--bs-primary, #0d6efd);--dg-pager-active-border: var(--bs-primary, #0d6efd);--dg-pager-active-text: var(--bs-btn-color, #fff);--dg-pager-select-icon: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e\");--dg-surface: #f8fbff;--dg-surface-muted: #eaf3ff;--dg-surface-subtle: #d9eaff;--dg-surface-config: #e0efff;--dg-border: #bfd7f4;--dg-border-strong: #7fb0e3;--dg-text: #172554;--dg-text-muted: #45617f;--dg-primary: #1769e0;--dg-primary-hover: #0f56bd;--dg-primary-active: #0b438f;--dg-primary-soft: #dbeafe;--dg-primary-border-subtle: #93c5fd;--dg-accent: #0f766e;--dg-row-selected-bg: #dcecff;--dg-row-hover-bg: #eef6ff;--dg-detail-row-bg: #edf6ff;--dg-dropdown-item-active-bg: #dcecff;--dg-dropdown-item-active-color: #0f56bd;--dg-focus-ring: #1769e0;--dg-focus-border: rgba(23, 105, 224, .48);--dg-focus-shadow: 0 0 0 .2rem rgba(23, 105, 224, .16)}.ngb-grid[data-theme=bootstrap-main-dark],.ngb-datagrid-floating-panel[data-theme=bootstrap-main-dark]{--dg-surface: var(--bs-body-bg, #ffffff);--dg-surface-muted: var(--bs-tertiary-bg, #f8f9fa);--dg-surface-subtle: var(--bs-secondary-bg, #e9ecef);--dg-surface-config: var(--bs-primary-bg-subtle, #cfe2ff);--dg-surface-filter-row: var(--bs-warning-bg-subtle, #fff3cd);--dg-surface-sticky-row: var(--bs-warning-bg-subtle, #fff3cd);--dg-border: var(--bs-border-color, #dee2e6);--dg-border-strong: var(--bs-border-color-translucent, #ced4da);--dg-text: var(--bs-body-color, #212529);--dg-text-muted: var(--bs-secondary-color, #6c757d);--dg-text-subtle: var(--bs-tertiary-color, #6c757d);--dg-primary: var(--bs-primary, #0d6efd);--dg-primary-hover: var(--bs-link-hover-color, #0a58ca);--dg-primary-active: var(--bs-link-hover-color, #0a58ca);--dg-primary-soft: var(--bs-primary-bg-subtle, #cfe2ff);--dg-primary-border-subtle: var(--bs-primary-border-subtle, #9ec5fe);--dg-accent: var(--bs-primary, #0d6efd);--dg-on-primary: var(--bs-btn-color, #fff);--dg-placeholder: var(--bs-secondary-color, #6c757d);--dg-success: var(--bs-success, #198754);--dg-success-soft: var(--bs-success-bg-subtle, #d1e7dd);--dg-success-text: var(--bs-success-text-emphasis, #0a3622);--dg-success-border-subtle: var(--bs-success-border-subtle, #a3cfbb);--dg-danger: var(--bs-danger, #dc3545);--dg-danger-soft: var(--bs-danger-bg-subtle, #f8d7da);--dg-danger-text: var(--bs-danger-text-emphasis, #58151c);--dg-danger-border-subtle: var(--bs-danger-border-subtle, #f1aeb5);--dg-warning-soft: var(--bs-warning-bg-subtle, #fff3cd);--dg-warning-border: var(--bs-warning-border-subtle, #ffe69c);--dg-warning-text: var(--bs-warning-text-emphasis, #664d03);--dg-filter-multi-icon: var(--bs-success, #198754);--dg-filter-multi-icon-soft: var(--bs-success-bg-subtle, #d1e7dd);--dg-neutral-pill-bg: var(--bs-secondary-bg, #e9ecef);--dg-locked-bg: var(--bs-tertiary-bg, #f8f9fa);--dg-row-selected-bg: var(--bs-primary-bg-subtle, #cfe2ff);--dg-row-hover-bg: var(--bs-tertiary-bg, #f8f9fa);--dg-row-odd-bg: transparent;--dg-row-even-bg: transparent;--dg-detail-row-bg: var(--bs-primary-bg-subtle, #cfe2ff);--dg-search-highlight-bg: var(--bs-warning-bg-subtle, #fff3cd);--dg-sticky-border: var(--bs-warning-border-subtle, #ffe69c);--dg-sticky-badge-bg: var(--bs-warning-bg-subtle, #fff3cd);--dg-sticky-badge-text: var(--bs-warning-text-emphasis, #664d03);--dg-dropdown-item-active-bg: var(--bs-primary-bg-subtle, #cfe2ff);--dg-dropdown-item-active-color: var(--bs-primary, #0d6efd);--dg-focus-ring: var(--bs-focus-ring-color, var(--bs-primary, #0d6efd));--dg-focus-border: rgba(var(--bs-primary-rgb, 13, 110, 253), .45);--dg-focus-shadow: 0 0 0 .25rem rgba(var(--bs-primary-rgb, 13, 110, 253), var(--bs-focus-ring-opacity, .25));--dg-pin-shadow-start: 1px 0 0 var(--bs-border-color-translucent, rgba(0, 0, 0, .08));--dg-pin-shadow-end: -1px 0 0 var(--bs-border-color-translucent, rgba(0, 0, 0, .08));--dg-backdrop: rgba(var(--bs-emphasis-color-rgb, 33, 37, 41), .5);--dg-loading-overlay: color-mix(in srgb, var(--dg-surface) 55%, transparent);--dg-primary-selection-overlay: rgba(var(--bs-primary-rgb, 13, 110, 253), .18);--dg-filter-divider: var(--bs-border-color-translucent, rgba(0, 0, 0, .1));--dg-shadow-sm: var(--bs-box-shadow-sm, 0 .125rem .25rem rgba(0, 0, 0, .075));--dg-shadow-md: var(--bs-box-shadow, 0 .5rem 1rem rgba(0, 0, 0, .15));--dg-radius-lg: var(--bs-border-radius-lg, .5rem);--dg-radius-md: var(--bs-border-radius, .375rem);--dg-radius-sm: var(--bs-border-radius-sm, .25rem);--dg-pager-surface: var(--bs-body-bg, #ffffff);--dg-pager-text: var(--bs-secondary-color, #6c757d);--dg-pager-control-bg: var(--bs-body-bg, #ffffff);--dg-pager-control-hover-bg: var(--bs-tertiary-bg, #f8f9fa);--dg-pager-control-border: var(--bs-border-color, #dee2e6);--dg-pager-link-text: var(--bs-primary, #0d6efd);--dg-pager-active-bg: var(--bs-primary, #0d6efd);--dg-pager-active-border: var(--bs-primary, #0d6efd);--dg-pager-active-text: var(--bs-btn-color, #fff);--dg-pager-select-icon: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e\");--dg-surface: #172033;--dg-surface-muted: #202b42;--dg-surface-subtle: #273653;--dg-surface-config: #172a4f;--dg-surface-filter-row: #2c2714;--dg-surface-sticky-row: #2e2810;--dg-border: #33425f;--dg-border-strong: #4a5d80;--dg-text: #edf2ff;--dg-text-muted: #b8c3d9;--dg-text-subtle: #93a2bd;--dg-primary: #38bdf8;--dg-primary-hover: #7dd3fc;--dg-primary-active: #bae6fd;--dg-primary-soft: #12344f;--dg-primary-border-subtle: #0284c7;--dg-accent: #38bdf8;--dg-on-primary: #ffffff;--dg-placeholder: #93a2bd;--dg-locked-bg: #1e2a40;--dg-row-selected-bg: #153a67;--dg-row-hover-bg: #22304a;--dg-row-odd-bg: #172033;--dg-row-even-bg: #1b263a;--dg-detail-row-bg: #182d4c;--dg-dropdown-item-active-bg: #183b70;--dg-dropdown-item-active-color: #bfdbfe;--dg-focus-ring: #60a5fa;--dg-focus-border: rgba(96, 165, 250, .6);--dg-focus-shadow: 0 0 0 .2rem rgba(96, 165, 250, .2);--dg-shadow-sm: 0 1px 2px rgba(0, 0, 0, .35);--dg-shadow-md: 0 14px 32px rgba(0, 0, 0, .36);--dg-pager-surface: #111827;--dg-pager-text: #dbeafe;--dg-pager-control-bg: #172033;--dg-pager-control-hover-bg: #22304a;--dg-pager-control-border: #4a5d80;--dg-pager-link-text: #dbeafe;--dg-pager-active-bg: #38bdf8;--dg-pager-active-border: #38bdf8;--dg-pager-active-text: #0f172a;--dg-pager-select-icon: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e\")}.ngb-grid[data-theme=bootstrap-nordic],.ngb-datagrid-floating-panel[data-theme=bootstrap-nordic]{--dg-surface: var(--bs-body-bg, #ffffff);--dg-surface-muted: var(--bs-tertiary-bg, #f8f9fa);--dg-surface-subtle: var(--bs-secondary-bg, #e9ecef);--dg-surface-config: var(--bs-primary-bg-subtle, #cfe2ff);--dg-surface-filter-row: var(--bs-warning-bg-subtle, #fff3cd);--dg-surface-sticky-row: var(--bs-warning-bg-subtle, #fff3cd);--dg-border: var(--bs-border-color, #dee2e6);--dg-border-strong: var(--bs-border-color-translucent, #ced4da);--dg-text: var(--bs-body-color, #212529);--dg-text-muted: var(--bs-secondary-color, #6c757d);--dg-text-subtle: var(--bs-tertiary-color, #6c757d);--dg-primary: var(--bs-primary, #0d6efd);--dg-primary-hover: var(--bs-link-hover-color, #0a58ca);--dg-primary-active: var(--bs-link-hover-color, #0a58ca);--dg-primary-soft: var(--bs-primary-bg-subtle, #cfe2ff);--dg-primary-border-subtle: var(--bs-primary-border-subtle, #9ec5fe);--dg-accent: var(--bs-primary, #0d6efd);--dg-on-primary: var(--bs-btn-color, #fff);--dg-placeholder: var(--bs-secondary-color, #6c757d);--dg-success: var(--bs-success, #198754);--dg-success-soft: var(--bs-success-bg-subtle, #d1e7dd);--dg-success-text: var(--bs-success-text-emphasis, #0a3622);--dg-success-border-subtle: var(--bs-success-border-subtle, #a3cfbb);--dg-danger: var(--bs-danger, #dc3545);--dg-danger-soft: var(--bs-danger-bg-subtle, #f8d7da);--dg-danger-text: var(--bs-danger-text-emphasis, #58151c);--dg-danger-border-subtle: var(--bs-danger-border-subtle, #f1aeb5);--dg-warning-soft: var(--bs-warning-bg-subtle, #fff3cd);--dg-warning-border: var(--bs-warning-border-subtle, #ffe69c);--dg-warning-text: var(--bs-warning-text-emphasis, #664d03);--dg-filter-multi-icon: var(--bs-success, #198754);--dg-filter-multi-icon-soft: var(--bs-success-bg-subtle, #d1e7dd);--dg-neutral-pill-bg: var(--bs-secondary-bg, #e9ecef);--dg-locked-bg: var(--bs-tertiary-bg, #f8f9fa);--dg-row-selected-bg: var(--bs-primary-bg-subtle, #cfe2ff);--dg-row-hover-bg: var(--bs-tertiary-bg, #f8f9fa);--dg-row-even-bg: transparent;--dg-detail-row-bg: var(--bs-primary-bg-subtle, #cfe2ff);--dg-search-highlight-bg: var(--bs-warning-bg-subtle, #fff3cd);--dg-sticky-border: var(--bs-warning-border-subtle, #ffe69c);--dg-sticky-badge-bg: var(--bs-warning-bg-subtle, #fff3cd);--dg-sticky-badge-text: var(--bs-warning-text-emphasis, #664d03);--dg-dropdown-item-active-bg: var(--bs-primary-bg-subtle, #cfe2ff);--dg-dropdown-item-active-color: var(--bs-primary, #0d6efd);--dg-focus-ring: var(--bs-focus-ring-color, var(--bs-primary, #0d6efd));--dg-focus-border: rgba(var(--bs-primary-rgb, 13, 110, 253), .45);--dg-focus-shadow: 0 0 0 .25rem rgba(var(--bs-primary-rgb, 13, 110, 253), var(--bs-focus-ring-opacity, .25));--dg-pin-shadow-start: 1px 0 0 var(--bs-border-color-translucent, rgba(0, 0, 0, .08));--dg-pin-shadow-end: -1px 0 0 var(--bs-border-color-translucent, rgba(0, 0, 0, .08));--dg-backdrop: rgba(var(--bs-emphasis-color-rgb, 33, 37, 41), .5);--dg-loading-overlay: color-mix(in srgb, var(--dg-surface) 55%, transparent);--dg-primary-selection-overlay: rgba(var(--bs-primary-rgb, 13, 110, 253), .18);--dg-filter-divider: var(--bs-border-color-translucent, rgba(0, 0, 0, .1));--dg-shadow-sm: var(--bs-box-shadow-sm, 0 .125rem .25rem rgba(0, 0, 0, .075));--dg-shadow-md: var(--bs-box-shadow, 0 .5rem 1rem rgba(0, 0, 0, .15));--dg-radius-lg: var(--bs-border-radius-lg, .5rem);--dg-radius-md: var(--bs-border-radius, .375rem);--dg-radius-sm: var(--bs-border-radius-sm, .25rem);--dg-pager-surface: var(--bs-body-bg, #ffffff);--dg-pager-text: var(--bs-secondary-color, #6c757d);--dg-pager-control-bg: var(--bs-body-bg, #ffffff);--dg-pager-control-hover-bg: var(--bs-tertiary-bg, #f8f9fa);--dg-pager-control-border: var(--bs-border-color, #dee2e6);--dg-pager-link-text: var(--bs-primary, #0d6efd);--dg-pager-active-bg: var(--bs-primary, #0d6efd);--dg-pager-active-border: var(--bs-primary, #0d6efd);--dg-pager-active-text: var(--bs-btn-color, #fff);--dg-pager-select-icon: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e\");--dg-surface: #ffffff;--dg-surface-muted: #f2f7f8;--dg-surface-subtle: #e6f0f2;--dg-surface-config: #e4f8fb;--dg-surface-filter-row: #fff7ed;--dg-border: #d5e4e7;--dg-border-strong: #a9c8cf;--dg-text: #263243;--dg-text-muted: #64748b;--dg-primary: #0ea5b7;--dg-primary-hover: #0b8798;--dg-primary-active: #0f6b7a;--dg-primary-soft: #d7f5f8;--dg-primary-border-subtle: #9be4ec;--dg-accent: #e85d75;--dg-row-selected-bg: #e7f8fb;--dg-row-hover-bg: #f0fbfd;--dg-row-odd-bg: transparent;--dg-row-even-bg: #fbfeff;--dg-detail-row-bg: #f4fbfc;--dg-dropdown-item-active-bg: #e7f8fb;--dg-dropdown-item-active-color: #0b8798;--dg-focus-ring: #0ea5b7;--dg-focus-border: rgba(14, 165, 183, .45);--dg-focus-shadow: 0 0 0 .2rem rgba(14, 165, 183, .15);--dg-font-size-cell: .88rem;--dg-cell-padding-y: .82rem;--dg-pager-surface: #f8ffff;--dg-pager-text: #526173;--dg-pager-control-bg: #ffffff;--dg-pager-control-hover-bg: #e7f8fb;--dg-pager-control-border: #b9dce2;--dg-pager-link-text: #0b8798;--dg-pager-active-bg: #0ea5b7;--dg-pager-active-border: #0ea5b7;--dg-pager-active-text: #ffffff}.ngb-grid[data-theme=bootstrap-urban],.ngb-datagrid-floating-panel[data-theme=bootstrap-urban]{--dg-surface: var(--bs-body-bg, #ffffff);--dg-surface-muted: var(--bs-tertiary-bg, #f8f9fa);--dg-surface-subtle: var(--bs-secondary-bg, #e9ecef);--dg-surface-config: var(--bs-primary-bg-subtle, #cfe2ff);--dg-surface-filter-row: var(--bs-warning-bg-subtle, #fff3cd);--dg-surface-sticky-row: var(--bs-warning-bg-subtle, #fff3cd);--dg-border: var(--bs-border-color, #dee2e6);--dg-border-strong: var(--bs-border-color-translucent, #ced4da);--dg-text: var(--bs-body-color, #212529);--dg-text-muted: var(--bs-secondary-color, #6c757d);--dg-text-subtle: var(--bs-tertiary-color, #6c757d);--dg-primary: var(--bs-primary, #0d6efd);--dg-primary-hover: var(--bs-link-hover-color, #0a58ca);--dg-primary-active: var(--bs-link-hover-color, #0a58ca);--dg-primary-soft: var(--bs-primary-bg-subtle, #cfe2ff);--dg-primary-border-subtle: var(--bs-primary-border-subtle, #9ec5fe);--dg-accent: var(--bs-primary, #0d6efd);--dg-on-primary: var(--bs-btn-color, #fff);--dg-placeholder: var(--bs-secondary-color, #6c757d);--dg-success: var(--bs-success, #198754);--dg-success-soft: var(--bs-success-bg-subtle, #d1e7dd);--dg-success-text: var(--bs-success-text-emphasis, #0a3622);--dg-success-border-subtle: var(--bs-success-border-subtle, #a3cfbb);--dg-danger: var(--bs-danger, #dc3545);--dg-danger-soft: var(--bs-danger-bg-subtle, #f8d7da);--dg-danger-text: var(--bs-danger-text-emphasis, #58151c);--dg-danger-border-subtle: var(--bs-danger-border-subtle, #f1aeb5);--dg-warning-soft: var(--bs-warning-bg-subtle, #fff3cd);--dg-warning-border: var(--bs-warning-border-subtle, #ffe69c);--dg-warning-text: var(--bs-warning-text-emphasis, #664d03);--dg-filter-multi-icon: var(--bs-success, #198754);--dg-filter-multi-icon-soft: var(--bs-success-bg-subtle, #d1e7dd);--dg-neutral-pill-bg: var(--bs-secondary-bg, #e9ecef);--dg-locked-bg: var(--bs-tertiary-bg, #f8f9fa);--dg-row-selected-bg: var(--bs-primary-bg-subtle, #cfe2ff);--dg-row-hover-bg: var(--bs-tertiary-bg, #f8f9fa);--dg-detail-row-bg: var(--bs-primary-bg-subtle, #cfe2ff);--dg-search-highlight-bg: var(--bs-warning-bg-subtle, #fff3cd);--dg-sticky-border: var(--bs-warning-border-subtle, #ffe69c);--dg-sticky-badge-bg: var(--bs-warning-bg-subtle, #fff3cd);--dg-sticky-badge-text: var(--bs-warning-text-emphasis, #664d03);--dg-dropdown-item-active-bg: var(--bs-primary-bg-subtle, #cfe2ff);--dg-dropdown-item-active-color: var(--bs-primary, #0d6efd);--dg-focus-ring: var(--bs-focus-ring-color, var(--bs-primary, #0d6efd));--dg-focus-border: rgba(var(--bs-primary-rgb, 13, 110, 253), .45);--dg-focus-shadow: 0 0 0 .25rem rgba(var(--bs-primary-rgb, 13, 110, 253), var(--bs-focus-ring-opacity, .25));--dg-pin-shadow-start: 1px 0 0 var(--bs-border-color-translucent, rgba(0, 0, 0, .08));--dg-pin-shadow-end: -1px 0 0 var(--bs-border-color-translucent, rgba(0, 0, 0, .08));--dg-backdrop: rgba(var(--bs-emphasis-color-rgb, 33, 37, 41), .5);--dg-loading-overlay: color-mix(in srgb, var(--dg-surface) 55%, transparent);--dg-primary-selection-overlay: rgba(var(--bs-primary-rgb, 13, 110, 253), .18);--dg-filter-divider: var(--bs-border-color-translucent, rgba(0, 0, 0, .1));--dg-shadow-sm: var(--bs-box-shadow-sm, 0 .125rem .25rem rgba(0, 0, 0, .075));--dg-shadow-md: var(--bs-box-shadow, 0 .5rem 1rem rgba(0, 0, 0, .15));--dg-radius-lg: var(--bs-border-radius-lg, .5rem);--dg-radius-md: var(--bs-border-radius, .375rem);--dg-radius-sm: var(--bs-border-radius-sm, .25rem);--dg-pager-surface: var(--bs-body-bg, #ffffff);--dg-pager-text: var(--bs-secondary-color, #6c757d);--dg-pager-control-bg: var(--bs-body-bg, #ffffff);--dg-pager-control-hover-bg: var(--bs-tertiary-bg, #f8f9fa);--dg-pager-control-border: var(--bs-border-color, #dee2e6);--dg-pager-link-text: var(--bs-primary, #0d6efd);--dg-pager-active-bg: var(--bs-primary, #0d6efd);--dg-pager-active-border: var(--bs-primary, #0d6efd);--dg-pager-active-text: var(--bs-btn-color, #fff);--dg-pager-select-icon: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e\");--dg-surface: #ffffff;--dg-surface-muted: #f5f8fa;--dg-surface-subtle: #edf4f7;--dg-surface-config: #e8f4f9;--dg-border: #d9e5ea;--dg-border-strong: #adc6d3;--dg-text: #263445;--dg-text-muted: #5f6f84;--dg-primary: #468faf;--dg-primary-hover: #36748f;--dg-primary-active: #285b72;--dg-primary-soft: #e0f0f6;--dg-primary-border-subtle: #b9dbe8;--dg-accent: #ff7f50;--dg-row-selected-bg: #e8f4f9;--dg-row-hover-bg: #fff2eb;--dg-row-odd-bg: transparent;--dg-row-even-bg: transparent;--dg-dropdown-item-active-bg: #e8f4f9;--dg-dropdown-item-active-color: #36748f;--dg-focus-ring: #468faf;--dg-focus-border: rgba(70, 143, 175, .48);--dg-focus-shadow: 0 0 0 .2rem rgba(70, 143, 175, .16);--dg-cell-padding-y: .86rem;--dg-cell-padding-x: .95rem;--dg-pager-surface: #fffaf7;--dg-pager-text: #5f6f84;--dg-pager-control-bg: #ffffff;--dg-pager-control-hover-bg: #fff2eb;--dg-pager-control-border: #d4e1e7;--dg-pager-link-text: #36748f;--dg-pager-active-bg: #468faf;--dg-pager-active-border: #468faf;--dg-pager-active-text: #ffffff}.ngb-grid[data-theme=bootstrap-vintage],.ngb-datagrid-floating-panel[data-theme=bootstrap-vintage]{--dg-surface: var(--bs-body-bg, #ffffff);--dg-surface-muted: var(--bs-tertiary-bg, #f8f9fa);--dg-surface-subtle: var(--bs-secondary-bg, #e9ecef);--dg-surface-config: var(--bs-primary-bg-subtle, #cfe2ff);--dg-surface-filter-row: var(--bs-warning-bg-subtle, #fff3cd);--dg-surface-sticky-row: var(--bs-warning-bg-subtle, #fff3cd);--dg-border: var(--bs-border-color, #dee2e6);--dg-border-strong: var(--bs-border-color-translucent, #ced4da);--dg-text: var(--bs-body-color, #212529);--dg-text-muted: var(--bs-secondary-color, #6c757d);--dg-text-subtle: var(--bs-tertiary-color, #6c757d);--dg-primary: var(--bs-primary, #0d6efd);--dg-primary-hover: var(--bs-link-hover-color, #0a58ca);--dg-primary-active: var(--bs-link-hover-color, #0a58ca);--dg-primary-soft: var(--bs-primary-bg-subtle, #cfe2ff);--dg-primary-border-subtle: var(--bs-primary-border-subtle, #9ec5fe);--dg-accent: var(--bs-primary, #0d6efd);--dg-on-primary: var(--bs-btn-color, #fff);--dg-placeholder: var(--bs-secondary-color, #6c757d);--dg-success: var(--bs-success, #198754);--dg-success-soft: var(--bs-success-bg-subtle, #d1e7dd);--dg-success-text: var(--bs-success-text-emphasis, #0a3622);--dg-success-border-subtle: var(--bs-success-border-subtle, #a3cfbb);--dg-danger: var(--bs-danger, #dc3545);--dg-danger-soft: var(--bs-danger-bg-subtle, #f8d7da);--dg-danger-text: var(--bs-danger-text-emphasis, #58151c);--dg-danger-border-subtle: var(--bs-danger-border-subtle, #f1aeb5);--dg-warning-soft: var(--bs-warning-bg-subtle, #fff3cd);--dg-warning-border: var(--bs-warning-border-subtle, #ffe69c);--dg-warning-text: var(--bs-warning-text-emphasis, #664d03);--dg-filter-multi-icon: var(--bs-success, #198754);--dg-filter-multi-icon-soft: var(--bs-success-bg-subtle, #d1e7dd);--dg-neutral-pill-bg: var(--bs-secondary-bg, #e9ecef);--dg-locked-bg: var(--bs-tertiary-bg, #f8f9fa);--dg-row-selected-bg: var(--bs-primary-bg-subtle, #cfe2ff);--dg-row-hover-bg: var(--bs-tertiary-bg, #f8f9fa);--dg-row-odd-bg: transparent;--dg-row-even-bg: transparent;--dg-detail-row-bg: var(--bs-primary-bg-subtle, #cfe2ff);--dg-search-highlight-bg: var(--bs-warning-bg-subtle, #fff3cd);--dg-sticky-border: var(--bs-warning-border-subtle, #ffe69c);--dg-sticky-badge-bg: var(--bs-warning-bg-subtle, #fff3cd);--dg-sticky-badge-text: var(--bs-warning-text-emphasis, #664d03);--dg-dropdown-item-active-bg: var(--bs-primary-bg-subtle, #cfe2ff);--dg-dropdown-item-active-color: var(--bs-primary, #0d6efd);--dg-focus-ring: var(--bs-focus-ring-color, var(--bs-primary, #0d6efd));--dg-focus-border: rgba(var(--bs-primary-rgb, 13, 110, 253), .45);--dg-focus-shadow: 0 0 0 .25rem rgba(var(--bs-primary-rgb, 13, 110, 253), var(--bs-focus-ring-opacity, .25));--dg-pin-shadow-start: 1px 0 0 var(--bs-border-color-translucent, rgba(0, 0, 0, .08));--dg-pin-shadow-end: -1px 0 0 var(--bs-border-color-translucent, rgba(0, 0, 0, .08));--dg-backdrop: rgba(var(--bs-emphasis-color-rgb, 33, 37, 41), .5);--dg-loading-overlay: color-mix(in srgb, var(--dg-surface) 55%, transparent);--dg-primary-selection-overlay: rgba(var(--bs-primary-rgb, 13, 110, 253), .18);--dg-filter-divider: var(--bs-border-color-translucent, rgba(0, 0, 0, .1));--dg-shadow-sm: var(--bs-box-shadow-sm, 0 .125rem .25rem rgba(0, 0, 0, .075));--dg-shadow-md: var(--bs-box-shadow, 0 .5rem 1rem rgba(0, 0, 0, .15));--dg-radius-lg: var(--bs-border-radius-lg, .5rem);--dg-radius-md: var(--bs-border-radius, .375rem);--dg-radius-sm: var(--bs-border-radius-sm, .25rem);--dg-pager-surface: var(--bs-body-bg, #ffffff);--dg-pager-text: var(--bs-secondary-color, #6c757d);--dg-pager-control-bg: var(--bs-body-bg, #ffffff);--dg-pager-control-hover-bg: var(--bs-tertiary-bg, #f8f9fa);--dg-pager-control-border: var(--bs-border-color, #dee2e6);--dg-pager-link-text: var(--bs-primary, #0d6efd);--dg-pager-active-bg: var(--bs-primary, #0d6efd);--dg-pager-active-border: var(--bs-primary, #0d6efd);--dg-pager-active-text: var(--bs-btn-color, #fff);--dg-pager-select-icon: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e\");--dg-surface: #fffdf8;--dg-surface-muted: #f6f0e7;--dg-surface-subtle: #eee4d8;--dg-surface-config: #f2e7ef;--dg-border: #dfd2c2;--dg-border-strong: #c8b8a5;--dg-text: #3d3440;--dg-text-muted: #766a72;--dg-primary: #7f4f68;--dg-primary-hover: #684057;--dg-primary-active: #523246;--dg-primary-soft: #efdde8;--dg-primary-border-subtle: #d8b9ca;--dg-accent: #88b0b7;--dg-row-selected-bg: #f1e4ec;--dg-row-hover-bg: #fbf1e5;--dg-row-odd-bg: #fffdf8;--dg-row-even-bg: #fbf7ef;--dg-detail-row-bg: #fbf6ef;--dg-dropdown-item-active-bg: #f1e4ec;--dg-dropdown-item-active-color: #684057;--dg-focus-ring: #7f4f68;--dg-focus-border: rgba(127, 79, 104, .5);--dg-focus-shadow: 0 0 0 .2rem rgba(127, 79, 104, .16);--dg-font-size-header: .78rem;--dg-font-size-cell: .86rem;--dg-pager-surface: #fffdf8;--dg-pager-text: #766a72;--dg-pager-control-bg: #fffaf2;--dg-pager-control-hover-bg: #fbf1e5;--dg-pager-control-border: #dfd2c2;--dg-pager-link-text: #684057;--dg-pager-active-bg: #7f4f68;--dg-pager-active-border: #7f4f68;--dg-pager-active-text: #ffffff}.ngb-grid[data-theme=material],.ngb-grid[data-theme=material-main],.ngb-datagrid-floating-panel[data-theme=material],.ngb-datagrid-floating-panel[data-theme=material-main]{--dg-surface: #fffbfe;--dg-surface-muted: #f4eff4;--dg-surface-subtle: #e7e0ec;--dg-surface-config: #eaddff;--dg-border: #cac4d0;--dg-border-strong: #938f99;--dg-text: #1c1b1f;--dg-text-muted: #49454f;--dg-primary: #6750a4;--dg-primary-hover: #59468d;--dg-primary-active: #4f378b;--dg-primary-soft: #eaddff;--dg-primary-border-subtle: #d0bcff;--dg-accent: #7d5260;--dg-row-selected-bg: #eaddff;--dg-row-hover-bg: #f5efff;--dg-row-odd-bg: transparent;--dg-row-even-bg: transparent;--dg-detail-row-bg: #f7f2fa;--dg-dropdown-item-active-bg: #eaddff;--dg-dropdown-item-active-color: #4f378b;--dg-focus-ring: #6750a4;--dg-focus-border: rgba(103, 80, 164, .5);--dg-focus-shadow: 0 0 0 .18rem rgba(103, 80, 164, .16);--dg-radius-lg: .75rem;--dg-radius-md: .65rem;--dg-radius-sm: .5rem;--dg-font-size-header: .78rem;--dg-font-size-cell: .86rem;--dg-cell-padding-y: .8rem;--dg-table-border-width: 0;--dg-pager-control-bg: #fffbfe;--dg-pager-control-hover-bg: #f4eff4;--dg-pager-control-border: #cac4d0}.ngb-grid[data-theme=material-indigo],.ngb-datagrid-floating-panel[data-theme=material-indigo]{--dg-surface: #fffbfe;--dg-surface-muted: #f4eff4;--dg-surface-subtle: #e7e0ec;--dg-surface-config: #eaddff;--dg-border: #cac4d0;--dg-border-strong: #938f99;--dg-text: #1c1b1f;--dg-text-muted: #49454f;--dg-primary: #6750a4;--dg-primary-hover: #59468d;--dg-primary-active: #4f378b;--dg-primary-soft: #eaddff;--dg-primary-border-subtle: #d0bcff;--dg-accent: #7d5260;--dg-row-selected-bg: #eaddff;--dg-row-hover-bg: #f5efff;--dg-row-odd-bg: transparent;--dg-row-even-bg: transparent;--dg-detail-row-bg: #f7f2fa;--dg-dropdown-item-active-bg: #eaddff;--dg-dropdown-item-active-color: #4f378b;--dg-focus-ring: #6750a4;--dg-focus-border: rgba(103, 80, 164, .5);--dg-focus-shadow: 0 0 0 .18rem rgba(103, 80, 164, .16);--dg-radius-lg: .75rem;--dg-radius-md: .65rem;--dg-radius-sm: .5rem;--dg-font-size-header: .78rem;--dg-font-size-cell: .86rem;--dg-cell-padding-y: .8rem;--dg-table-border-width: 0;--dg-pager-control-bg: #fffbfe;--dg-pager-control-hover-bg: #f4eff4;--dg-pager-control-border: #cac4d0;--dg-primary: #3f51b5;--dg-primary-hover: #303f9f;--dg-primary-active: #283593;--dg-primary-soft: #e8eaf6;--dg-primary-border-subtle: #c5cae9;--dg-dropdown-item-active-bg: #e8eaf6;--dg-dropdown-item-active-color: #303f9f;--dg-focus-ring: #3f51b5;--dg-focus-border: rgba(63, 81, 181, .48);--dg-focus-shadow: 0 0 0 .18rem rgba(63, 81, 181, .16);--dg-row-hover-bg: #f0f2ff}.ngb-grid[data-theme=material-deep-purple],.ngb-datagrid-floating-panel[data-theme=material-deep-purple]{--dg-surface: #fffbfe;--dg-surface-muted: #f4eff4;--dg-surface-subtle: #e7e0ec;--dg-surface-config: #eaddff;--dg-border: #cac4d0;--dg-border-strong: #938f99;--dg-text: #1c1b1f;--dg-text-muted: #49454f;--dg-primary: #6750a4;--dg-primary-hover: #59468d;--dg-primary-active: #4f378b;--dg-primary-soft: #eaddff;--dg-primary-border-subtle: #d0bcff;--dg-accent: #7d5260;--dg-row-selected-bg: #eaddff;--dg-row-hover-bg: #f5efff;--dg-row-odd-bg: transparent;--dg-row-even-bg: transparent;--dg-detail-row-bg: #f7f2fa;--dg-dropdown-item-active-bg: #eaddff;--dg-dropdown-item-active-color: #4f378b;--dg-focus-ring: #6750a4;--dg-focus-border: rgba(103, 80, 164, .5);--dg-focus-shadow: 0 0 0 .18rem rgba(103, 80, 164, .16);--dg-radius-lg: .75rem;--dg-radius-md: .65rem;--dg-radius-sm: .5rem;--dg-font-size-header: .78rem;--dg-font-size-cell: .86rem;--dg-cell-padding-y: .8rem;--dg-table-border-width: 0;--dg-pager-control-bg: #fffbfe;--dg-pager-control-hover-bg: #f4eff4;--dg-pager-control-border: #cac4d0;--dg-primary: #7e57c2;--dg-primary-hover: #673ab7;--dg-primary-active: #512da8;--dg-primary-soft: #ede7f6;--dg-primary-border-subtle: #d1c4e9;--dg-accent: #ff7043;--dg-row-selected-bg: #ede7f6;--dg-row-hover-bg: #f5edff;--dg-dropdown-item-active-bg: #ede7f6;--dg-dropdown-item-active-color: #512da8;--dg-focus-ring: #7e57c2;--dg-focus-border: rgba(126, 87, 194, .5);--dg-focus-shadow: 0 0 0 .18rem rgba(126, 87, 194, .16)}.ngb-grid[data-theme=tailwind],.ngb-grid[data-theme=tailwind-main],.ngb-datagrid-floating-panel[data-theme=tailwind],.ngb-datagrid-floating-panel[data-theme=tailwind-main]{--dg-surface: #ffffff;--dg-surface-muted: #f8fafc;--dg-surface-subtle: #f1f5f9;--dg-border: #cbd5e1;--dg-border-strong: #94a3b8;--dg-text: #0f172a;--dg-text-muted: #475569;--dg-primary: #2563eb;--dg-primary-hover: #1d4ed8;--dg-primary-active: #1e40af;--dg-primary-soft: #dbeafe;--dg-primary-border-subtle: #bfdbfe;--dg-dropdown-item-active-bg: #dbeafe;--dg-dropdown-item-active-color: #1d4ed8;--dg-focus-ring: #2563eb;--dg-focus-border: rgba(37, 99, 235, .48);--dg-focus-shadow: 0 0 0 .18rem rgba(37, 99, 235, .16);--dg-row-hover-bg: #eff6ff;--dg-font-size-header: .75rem;--dg-font-size-cell: .85rem;--dg-cell-padding-y: .68rem;--dg-cell-padding-x: .8rem;--dg-table-border-width: 1px;--dg-pager-surface: #ffffff;--dg-pager-text: #475569;--dg-pager-control-bg: #ffffff;--dg-pager-control-hover-bg: #eff6ff;--dg-pager-control-border: #bfdbfe;--dg-pager-link-text: #1d4ed8;--dg-pager-active-bg: #2563eb;--dg-pager-active-border: #2563eb;--dg-pager-active-text: #ffffff}.ngb-grid[data-theme=tailwind-slate],.ngb-datagrid-floating-panel[data-theme=tailwind-slate]{--dg-surface: #f8fafc;--dg-surface-muted: #e2e8f0;--dg-surface-subtle: #cbd5e1;--dg-border: #cbd5e1;--dg-border-strong: #64748b;--dg-text: #0f172a;--dg-text-muted: #475569;--dg-primary: #475569;--dg-primary-hover: #334155;--dg-primary-active: #1e293b;--dg-primary-soft: #e2e8f0;--dg-primary-border-subtle: #94a3b8;--dg-dropdown-item-active-bg: #e2e8f0;--dg-dropdown-item-active-color: #334155;--dg-focus-ring: #475569;--dg-row-hover-bg: #e2e8f0;--dg-row-odd-bg: #f8fafc;--dg-row-even-bg: #f1f5f9;--dg-focus-border: rgba(71, 85, 105, .48);--dg-focus-shadow: 0 0 0 .18rem rgba(71, 85, 105, .16)}.ngb-grid[data-theme=tailwind-emerald],.ngb-datagrid-floating-panel[data-theme=tailwind-emerald]{--dg-surface: #ffffff;--dg-surface-muted: #ecfdf5;--dg-surface-subtle: #d1fae5;--dg-border: #a7f3d0;--dg-border-strong: #34d399;--dg-text: #064e3b;--dg-text-muted: #047857;--dg-primary: #059669;--dg-primary-hover: #047857;--dg-primary-active: #065f46;--dg-primary-soft: #d1fae5;--dg-primary-border-subtle: #6ee7b7;--dg-dropdown-item-active-bg: #d1fae5;--dg-dropdown-item-active-color: #047857;--dg-focus-ring: #059669;--dg-focus-border: rgba(5, 150, 105, .48);--dg-focus-shadow: 0 0 0 .18rem rgba(5, 150, 105, .16)}.ngb-datagrid-floating-panel.grid-filter-menu-popover,.ngb-datagrid-floating-panel.dropdown-menu{position:fixed!important;z-index:1200;display:block;visibility:visible;opacity:1;pointer-events:auto;max-height:min(28rem,100vh - 1.5rem);overflow:auto;margin:0!important;border-radius:var(--dg-radius-md);border:1px solid var(--dg-border);background:var(--dg-surface);box-shadow:var(--dg-shadow-md)}.ngb-datagrid-floating-panel.dropdown-menu{min-width:12rem;padding:.35rem 0}.ngb-datagrid-floating-panel.grid-filter-operator-menu .dropdown-item{display:block;width:100%;padding:.5rem .85rem;border:0;background:transparent;font-size:.8125rem;font-weight:600;color:var(--dg-text);text-align:left}.ngb-datagrid-floating-panel.grid-filter-operator-menu .dropdown-item:hover{background:var(--dg-surface-subtle)}.ngb-datagrid-floating-panel.grid-filter-operator-menu .dropdown-item.active{color:var(--dg-dropdown-item-active-color);background:var(--dg-dropdown-item-active-bg)}.ngb-datagrid-floating-panel.dropdown-menu .dropdown-item{padding:.5rem .85rem;font-size:.8125rem;font-weight:600;color:var(--dg-text)}.ngb-datagrid-floating-panel.dropdown-menu .dropdown-item:hover{background:var(--dg-surface-subtle)}.ngb-datagrid-floating-panel.grid-filter-menu-popover{min-width:18rem;padding:0}.ngb-datagrid-floating-panel .grid-filter-menu-surface{display:block;min-width:18rem;padding:1rem;border-radius:var(--dg-radius-md);background:var(--dg-surface)}.ngb-datagrid-floating-panel .grid-filter-menu-surface__header{margin-bottom:.875rem}.ngb-datagrid-floating-panel .grid-filter-menu-surface__eyebrow{font-size:.75rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--dg-text-muted)}.ngb-datagrid-floating-panel .grid-filter-menu-surface__title{margin-top:.15rem;font-size:.95rem;font-weight:700;color:var(--dg-text)}.ngb-datagrid-floating-panel .grid-filter-stack{display:flex;flex-direction:column;gap:.75rem}.ngb-datagrid-floating-panel .grid-filter-stack__label{font-size:.8125rem;font-weight:600;color:var(--dg-text-muted)}.ngb-datagrid-floating-panel .grid-filter-stack--multi{gap:.65rem}.ngb-datagrid-floating-panel .grid-filter-condition{display:flex;flex-direction:column;gap:.5rem}.ngb-datagrid-floating-panel .grid-filter-operator-select,.ngb-grid .grid-filter-operator-select{width:100%;min-height:var(--dg-control-height);padding:.45rem .65rem;border:1px solid var(--dg-border);border-radius:var(--dg-radius-sm);background:var(--dg-surface);font-size:.875rem;color:var(--dg-text)}.ngb-datagrid-floating-panel .grid-filter-operator-select--compact,.ngb-grid .grid-filter-operator-select--compact{width:auto;min-width:2.25rem;max-width:2.5rem;padding:.35rem .25rem;font-size:0}.ngb-datagrid-floating-panel .grid-filter-logic-select,.ngb-grid .grid-filter-logic-select{display:flex;justify-content:center;margin:.15rem 0}.ngb-datagrid-floating-panel .grid-filter-logic-select select,.ngb-grid .grid-filter-logic-select select{width:auto;min-width:4.5rem;min-height:1.75rem;padding:.2rem 1.5rem .2rem .65rem;border:1px solid var(--dg-border);border-radius:var(--dg-radius-sm);background:var(--dg-surface);font-size:.8125rem;font-weight:600;color:var(--dg-text);text-align:center}.ngb-datagrid-floating-panel .grid-filter-menu-surface__actions--split,.ngb-grid .grid-filter-menu-surface__actions--split{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.ngb-datagrid-floating-panel .grid-filter-apply--secondary,.ngb-datagrid-floating-panel .grid-filter-cancel--secondary,.ngb-grid .grid-filter-apply--secondary,.ngb-grid .grid-filter-cancel--secondary{width:100%;border:1px solid var(--dg-border-strong);background:var(--dg-surface-muted);color:var(--dg-text);font-weight:600}.ngb-datagrid-floating-panel .grid-filter-apply--secondary:hover,.ngb-datagrid-floating-panel .grid-filter-cancel--secondary:hover,.ngb-grid .grid-filter-apply--secondary:hover,.ngb-grid .grid-filter-cancel--secondary:hover{background:var(--dg-surface-subtle)}.ngb-datagrid-floating-panel .grid-filter-multi-panel,.ngb-grid .grid-filter-multi-panel{display:flex;flex-direction:column;gap:.5rem;min-width:16.5rem}.ngb-datagrid-floating-panel .grid-filter-join-select,.ngb-grid .grid-filter-join-select{display:inline-block;width:fit-content;max-width:100%;margin:.1rem 0}.ngb-datagrid-floating-panel .grid-filter-join-select__control,.ngb-grid .grid-filter-join-select__control{width:100%;min-height:1.75rem;padding:.2rem 1.25rem .2rem .5rem;border:1px solid var(--dg-border);border-radius:var(--dg-radius-sm);background:var(--dg-surface);font-size:.8125rem;font-weight:600;text-align:left}.ngb-datagrid-floating-panel .grid-filter-field{position:relative;width:100%;min-width:0}.ngb-datagrid-floating-panel .grid-filter-field--with-icon .grid-filter-control,.ngb-datagrid-floating-panel .grid-filter-field--with-icon .grid-filter-value-input{padding-right:2.25rem}.ngb-datagrid-floating-panel .grid-filter-field__icon{position:absolute;right:.8rem;top:50%;transform:translateY(-50%);color:var(--dg-placeholder);pointer-events:none}.ngb-datagrid-floating-panel .grid-filter-control,.ngb-datagrid-floating-panel .grid-filter-value-input,.ngb-datagrid-floating-panel .grid-filter-value-select,.ngb-grid .grid-filter-value-input,.ngb-grid .grid-filter-value-select{width:100%;min-height:var(--dg-control-height);padding:.45rem .65rem;border:1px solid var(--dg-border);border-radius:var(--dg-radius-sm);background:var(--dg-surface);color:var(--dg-text);font-size:.875rem}.ngb-datagrid-floating-panel .grid-filter-apply--secondary:disabled,.ngb-datagrid-floating-panel .grid-filter-cancel--secondary:disabled,.ngb-grid .grid-filter-apply--secondary:disabled,.ngb-grid .grid-filter-cancel--secondary:disabled{opacity:.45;cursor:not-allowed}.ngb-datagrid-floating-panel .grid-filter-condition__join{margin:.15rem 0;font-size:.75rem;font-weight:700;color:var(--dg-text-muted);text-align:center}.ngb-datagrid-floating-panel .grid-filter-stack__footer{display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex-wrap:wrap}.ngb-datagrid-floating-panel .grid-filter-operator__button{padding:.55rem .8rem;font-size:.8125rem;font-weight:600;color:var(--dg-text-muted);border:1px solid var(--dg-border);border-radius:var(--dg-radius-sm);background:var(--dg-surface)}.ngb-datagrid-floating-panel .grid-filter-clear,.ngb-datagrid-floating-panel .grid-filter-apply,.ngb-datagrid-floating-panel .grid-filter-cancel{padding:.5rem .85rem;font-size:.8125rem;font-weight:600;border-radius:var(--dg-radius-sm)}.ngb-datagrid-floating-panel .grid-filter-apply{border:1px solid var(--dg-primary);background:var(--dg-primary);color:var(--dg-on-primary)}.ngb-datagrid-floating-panel .grid-filter-cancel,.ngb-datagrid-floating-panel .grid-filter-clear{border:1px solid var(--dg-border-strong);background:var(--dg-surface);color:var(--dg-text)}.ngb-datagrid-floating-panel .grid-filter-menu-surface__actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--dg-border)}.ngb-datagrid-floating-panel .grid-filter-menu-surface__multi{display:flex;flex-direction:column;gap:.5rem;width:100%;min-width:16rem}.ngb-datagrid-floating-panel .grid-filter-menu-surface__search{border:1px solid var(--dg-border);border-radius:var(--dg-radius-md);min-height:2rem;padding:.4rem .65rem;font-size:.8125rem;width:100%}.ngb-datagrid-floating-panel .grid-multi-filter-list{max-height:11.5rem;overflow:auto;border-top:1px solid var(--dg-border);border-bottom:1px solid var(--dg-border)}.ngb-datagrid-floating-panel .grid-multi-filter-option{display:flex;align-items:center;justify-content:space-between;gap:.75rem;width:100%;padding:.45rem .75rem;font-size:.8125rem;font-weight:600;color:var(--dg-text);cursor:pointer}.ngb-datagrid-floating-panel .grid-multi-filter-option__main{display:flex;align-items:center;gap:.5rem}.ngb-datagrid-floating-panel .grid-filter-menu-surface__actions--multi{justify-content:space-between}.ngb-datagrid-floating-panel[data-theme=bootstrap].dropdown-menu .dropdown-item{font-weight:400}.ngb-datagrid-floating-panel[data-theme=bootstrap] .grid-filter-operator-select,.ngb-datagrid-floating-panel[data-theme=bootstrap] .grid-filter-value-input,.ngb-datagrid-floating-panel[data-theme=bootstrap] .grid-filter-value-select,.ngb-datagrid-floating-panel[data-theme=bootstrap] .grid-filter-menu-surface__search,.ngb-datagrid-floating-panel[data-theme=bootstrap] .grid-filter-join-select__control{border-radius:var(--bs-border-radius, var(--dg-radius-sm))}ngb-datagrid{display:block}.ngb-grid{color:var(--dg-text);--dg-group-sticky-row-height: 3rem}.ngb-grid.ngb-grid--compact{--dg-group-sticky-row-height: 2.5rem}.ngb-grid .table{margin-bottom:0}.ngb-grid .datagrid-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.ngb-grid .datagrid-toolbar__search{flex:1 1 20rem;min-width:16rem}.ngb-grid .datagrid-toolbar__search-label{display:block;margin-bottom:.35rem;font-size:.875rem;font-weight:500;color:var(--dg-text-muted)}.ngb-grid .datagrid-toolbar__search-shell{display:flex;align-items:center;gap:.625rem;min-height:calc(var(--dg-control-height) + 4px);padding:0 .875rem;border:1px solid var(--dg-border);border-radius:999px;background:var(--dg-surface);box-shadow:var(--dg-shadow-sm)}.ngb-grid .datagrid-toolbar__search-icon{color:var(--dg-text-muted)}.ngb-grid .datagrid-toolbar__search-input{flex:1 1 auto;width:100%;min-width:0;border:0;background:transparent;color:var(--dg-text);outline:none;font-size:.95rem;padding:.625rem 0}.ngb-grid .datagrid-toolbar__search-input::placeholder{color:var(--dg-placeholder)}.ngb-grid .datagrid-toolbar__actions{display:flex;align-items:center;justify-content:flex-end;gap:.625rem;flex-wrap:wrap}.ngb-grid .datagrid-toolbar__button,.ngb-grid .grid-row-action,.ngb-grid .grid-filter-apply,.ngb-grid .grid-filter-clear,.ngb-grid .grid-filter-cancel,.ngb-grid .grid-filter-operator__button,.ngb-grid .grid-filter-menu-trigger,.ngb-grid .grid-detail-toggle{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:var(--dg-control-height);border-radius:var(--dg-radius-md);border:1px solid var(--dg-border);background:var(--dg-surface);color:var(--dg-text);box-shadow:none;font:inherit;text-decoration:none;transition:background-color .12s ease,border-color .12s ease,color .12s ease,box-shadow .12s ease}.ngb-grid .datagrid-toolbar__button:hover,.ngb-grid .grid-row-action:hover,.ngb-grid .grid-filter-apply:hover,.ngb-grid .grid-filter-clear:hover,.ngb-grid .grid-filter-cancel:hover,.ngb-grid .grid-filter-operator__button:hover,.ngb-grid .grid-filter-menu-trigger:hover,.ngb-grid .grid-detail-toggle:hover{border-color:var(--dg-border-strong);background:var(--dg-surface-subtle);color:var(--dg-text);text-decoration:none}.ngb-grid .datagrid-toolbar__button:focus-visible,.ngb-grid .grid-row-action:focus-visible,.ngb-grid .grid-filter-apply:focus-visible,.ngb-grid .grid-filter-clear:focus-visible,.ngb-grid .grid-filter-cancel:focus-visible,.ngb-grid .grid-filter-operator__button:focus-visible,.ngb-grid .grid-filter-menu-trigger:focus-visible,.ngb-grid .grid-detail-toggle:focus-visible,.ngb-grid .grid-sort-button:focus-visible,.ngb-grid .grid-edit-control:focus-visible,.ngb-grid .grid-filter-control:focus-visible,.ngb-grid .datagrid-toolbar__search-input:focus-visible{outline:none;border-color:var(--dg-focus-border);box-shadow:var(--dg-focus-shadow)}.ngb-grid .datagrid-toolbar__button{padding:.625rem 1rem;font-size:.875rem;font-weight:400}.ngb-grid .datagrid-toolbar__button--primary{border-color:var(--dg-primary);background:var(--dg-primary);color:var(--dg-on-primary)}.ngb-grid .datagrid-toolbar__button--primary:hover{background:var(--dg-primary-hover);border-color:var(--dg-primary-hover);color:var(--dg-on-primary)}.ngb-grid .datagrid-toolbar__button--secondary{background:var(--dg-surface);color:var(--dg-text)}.ngb-grid .ngb-grid__group-panel{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;min-height:3.25rem;margin-bottom:.9rem;padding:.75rem .9rem;border:1px dashed var(--dg-border-strong);border-radius:var(--dg-radius-md);background:color-mix(in srgb,var(--dg-surface-muted) 72%,white);transition:border-color .12s ease,background-color .12s ease,box-shadow .12s ease}.ngb-grid .ngb-grid__group-panel--active{border-color:var(--dg-primary);background:color-mix(in srgb,var(--dg-primary-soft) 45%,white);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--dg-primary) 22%,transparent)}.ngb-grid .ngb-grid__group-panel--denied{border-color:var(--dg-danger, #dc3545);background:color-mix(in srgb,var(--dg-danger, #dc3545) 8%,white)}.ngb-grid .ngb-grid__group-panel-label{font-size:.875rem;font-weight:600;color:var(--dg-text-muted)}.ngb-grid .ngb-grid__group-chip-list{display:inline-flex;align-items:center;gap:.55rem;flex-wrap:wrap}.ngb-grid .ngb-grid__group-chip{display:inline-flex;align-items:center;gap:.25rem;border:1px solid color-mix(in srgb,var(--dg-primary) 26%,var(--dg-border));border-radius:999px;background:var(--dg-surface);box-shadow:var(--dg-shadow-sm)}.ngb-grid .ngb-grid__group-chip-button,.ngb-grid .ngb-grid__group-chip-remove{display:inline-flex;align-items:center;gap:.4rem;min-height:2rem;border:0;background:transparent;color:var(--dg-text)}.ngb-grid .ngb-grid__group-chip-button{padding:.35rem .55rem .35rem .8rem;font-size:.8125rem;font-weight:600}.ngb-grid .ngb-grid__group-chip-remove{padding:.35rem .75rem .35rem .15rem;color:var(--dg-text-muted)}.ngb-grid .ngb-grid__group-chip-button:hover,.ngb-grid .ngb-grid__group-chip-remove:hover{color:var(--dg-primary)}.ngb-grid .ngb-grid__group-chip-button:focus-visible,.ngb-grid .ngb-grid__group-chip-remove:focus-visible,.ngb-grid .grid-column-group-handle:focus-visible,.ngb-grid .grid-group-row__toggle:focus-visible{outline:none;box-shadow:var(--dg-focus-shadow);border-radius:999px}.ngb-grid .ngb-grid__group-chip-dir{font-size:.8rem;color:var(--dg-primary)}.ngb-grid .table-wrapper{position:relative;overflow-x:hidden;overflow-y:clip;border:var(--dg-table-border-width) solid var(--dg-border);border-radius:var(--dg-radius-lg);background:var(--dg-surface);box-shadow:var(--dg-shadow-sm);isolation:isolate}.ngb-grid .table-body-scroll{max-height:24rem;overflow-y:auto;overflow-x:auto;border-top:1px solid var(--dg-border);border-bottom:1px solid var(--dg-border);scrollbar-gutter:stable both-edges;position:relative;z-index:0}.ngb-grid .ngb-grid__group-sticky-layer{position:absolute;inset-inline-start:0;z-index:35;min-width:100%;pointer-events:none}.ngb-grid .ngb-grid__group-sticky-layer--top,.ngb-grid .ngb-grid__group-sticky-layer--bottom{top:0}.ngb-grid .grid-group-sticky-table{min-width:100%;pointer-events:auto}.ngb-grid .grid-table{width:max-content;min-width:100%;table-layout:fixed;margin:0;border-collapse:separate;border-spacing:0}.ngb-grid.ngb-grid--resizable .grid-table{min-width:0;width:max-content}.ngb-grid.ngb-grid--resizable .grid-table th,.ngb-grid.ngb-grid--resizable .grid-table td{box-sizing:border-box}.ngb-grid .grid-header-shell{position:relative;z-index:20;overflow:hidden}.ngb-grid .grid-header{position:relative;z-index:20;overflow:visible}.ngb-grid .grid-header thead tr:first-child th:first-child{border-top-left-radius:var(--dg-radius-lg)}.ngb-grid .grid-header thead tr:first-child th:last-child{border-top-right-radius:var(--dg-radius-lg)}.ngb-grid .grid-header thead th{background:var(--dg-surface-muted);border-bottom:var(--dg-table-border-width) solid var(--dg-border);color:var(--dg-text);font-size:var(--dg-font-size-header);font-weight:600;text-transform:none;letter-spacing:.01em;overflow:visible}.ngb-grid .grid-table th,.ngb-grid .grid-table td{vertical-align:middle;border-bottom:var(--dg-table-border-width) solid var(--dg-border);padding:var(--dg-cell-padding-y) var(--dg-cell-padding-x);font-size:var(--dg-font-size-cell)}.ngb-grid .grid-table th{padding:var(--dg-header-padding-y) var(--dg-header-padding-x)}.ngb-grid .grid-table td{background:var(--dg-surface);color:var(--dg-text);font-weight:400}.ngb-grid .grid-table th{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ngb-grid .grid-header .grid-table th{overflow:visible}.ngb-grid .grid-header thead tr:first-child th.grid-header__column--resizable{position:relative}.ngb-grid .grid-column-resize-handle{position:absolute;top:0;right:0;width:.45rem;height:100%;cursor:col-resize;touch-action:none;-webkit-user-select:none;user-select:none;z-index:3}.ngb-grid .grid-column-resize-handle:after{content:\"\";position:absolute;top:.35rem;bottom:.35rem;right:.1rem;width:2px;border-radius:1px;background:var(--dg-border-strong);opacity:0;transition:opacity .15s ease}.ngb-grid .grid-header__column--resizable:hover .grid-column-resize-handle:after,.ngb-grid .grid-column-resize-handle:focus-visible:after{opacity:1}body.ngb-datagrid-column-resizing{cursor:col-resize!important;-webkit-user-select:none;user-select:none}.ngb-grid.ngb-grid--column-reorderable .grid-header thead tr:first-child th.grid-header__column--reorderable{position:relative}.ngb-grid .grid-column-reorder-handle{flex:0 0 auto;margin-right:.15rem;padding:.1rem .18rem;border-radius:999px;color:var(--dg-text-muted);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;opacity:.82;line-height:1;font-size:.95rem}.ngb-grid .grid-header__column--reorderable:hover .grid-column-reorder-handle,.ngb-grid .grid-column-reorder-handle:focus-visible{opacity:1;background:color-mix(in srgb,var(--dg-accent) 12%,transparent)}.ngb-grid .grid-column-group-handle{flex:0 0 auto;padding:.15rem .25rem;border-radius:999px;color:var(--dg-text-muted);cursor:grab;-webkit-user-select:none;user-select:none;line-height:1;font-size:.9rem}.ngb-grid .grid-column-group-handle--active,.ngb-grid .grid-column-group-handle:hover{color:var(--dg-primary);background:color-mix(in srgb,var(--dg-primary-soft) 55%,transparent)}.ngb-grid .grid-header__column--drag-over{background:color-mix(in srgb,var(--dg-accent) 12%,transparent);box-shadow:inset 0 -2px 0 var(--dg-accent)}.ngb-grid .grid-header__cell{display:flex;align-items:center;justify-content:space-between;gap:.625rem;width:100%;overflow:visible}.ngb-grid .grid-sort-button{display:inline-flex;align-items:center;justify-content:space-between;gap:.5rem;width:100%;padding:0;border:0;background:transparent;color:inherit;text-align:left}.ngb-grid .grid-sort-button__label{min-width:0;overflow:hidden;text-overflow:ellipsis}.ngb-grid .grid-sort-button__indicator{flex:0 0 auto;font-size:.8rem;color:var(--dg-placeholder)}.ngb-grid .grid-sort-button__indicator--active{color:var(--dg-primary)}.ngb-grid .grid-filter-menu-host{position:relative;display:inline-flex;flex:0 0 auto;z-index:30}.ngb-grid .grid-filter-menu-popover:not(.ngb-datagrid-floating-panel){position:absolute;top:calc(100% + .5rem);right:0;z-index:120}.ngb-grid .grid-filter-menu-popover .grid-filter-menu-surface{position:static;top:auto;right:auto}.ngb-grid .grid-filter-menu-trigger{min-width:var(--dg-control-height);width:var(--dg-control-height);height:var(--dg-control-height);padding:0}.ngb-grid .grid-filter-menu-trigger--active,.ngb-grid .filter-menu-active .grid-filter-menu-trigger{border-color:var(--dg-focus-border);background:var(--dg-primary-soft);color:var(--dg-primary)}.ngb-grid .grid-filter-menu-trigger--check .bi{color:var(--dg-placeholder)}.ngb-grid .grid-filter-menu-trigger--check.grid-filter-menu-trigger--active,.ngb-grid .filter-menu-active .grid-filter-menu-trigger--check{border-color:var(--dg-focus-border);background:var(--dg-primary-soft);color:var(--dg-primary)}.ngb-grid .grid-filter-menu-trigger--check.grid-filter-menu-trigger--active .bi,.ngb-grid .filter-menu-active .grid-filter-menu-trigger--check .bi{color:var(--dg-primary)}.ngb-grid .grid-filter-menu-surface{position:absolute;top:calc(100% + .5rem);right:0;min-width:18rem;padding:1rem;border:1px solid var(--dg-border);border-radius:var(--dg-radius-md);background:var(--dg-surface);box-shadow:var(--dg-shadow-md);z-index:120}.ngb-grid .grid-filter-menu-surface__header{margin-bottom:.875rem}.ngb-grid .grid-filter-menu-surface__eyebrow{font-size:.75rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--dg-text-subtle)}.ngb-grid .grid-filter-menu-surface__title{margin-top:.15rem;font-size:.95rem;font-weight:700;color:var(--dg-text)}.ngb-grid .grid-filter-stack{display:flex;flex-direction:column;gap:.75rem}.ngb-grid .grid-filter-stack--multi{gap:.65rem}.ngb-grid .grid-filter-operator-select{width:100%;min-height:var(--dg-control-height);padding:.45rem .65rem;border:1px solid var(--dg-border);border-radius:.375rem;background:var(--dg-surface);font-size:.875rem;color:var(--dg-text)}.ngb-grid .grid-filter-operator-select--compact{width:auto;min-width:2.25rem;max-width:3.5rem;padding:.35rem .25rem;font-size:.6875rem}.ngb-grid .grid-filter-logic-select{display:flex;justify-content:center;margin:.15rem 0}.ngb-grid .grid-filter-logic-select select{width:auto;min-width:4.5rem;min-height:1.75rem;padding:.2rem 1.5rem .2rem .65rem;border:1px solid var(--dg-border);border-radius:.375rem;background:var(--dg-surface);font-size:.8125rem;font-weight:600}.ngb-grid .grid-filter-menu-surface__actions--split{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.ngb-grid .grid-filter-apply--secondary,.ngb-grid .grid-filter-cancel--secondary{width:100%;border:1px solid var(--dg-border-strong);background:var(--dg-surface-muted);color:var(--dg-text);font-weight:600}.ngb-grid .grid-filter-apply--secondary:hover,.ngb-grid .grid-filter-cancel--secondary:hover{background:var(--dg-surface-subtle)}.ngb-grid .grid-filter-multi-panel{display:flex;flex-direction:column;gap:.5rem;min-width:16.5rem}.ngb-grid .grid-filter-join-select{display:inline-block;width:fit-content;max-width:100%;margin:.1rem 0}.ngb-grid .grid-filter-join-select__control{width:100%;min-height:1.75rem;padding:.2rem 1.25rem .2rem .5rem;border:1px solid var(--dg-border);border-radius:.375rem;background:var(--dg-surface);font-size:.8125rem;font-weight:600;text-align:left}.ngb-grid .grid-filter-value-input,.ngb-grid .grid-filter-value-select{width:100%;min-height:var(--dg-control-height);padding:.45rem .65rem;border:1px solid var(--dg-border);border-radius:.375rem;background:var(--dg-surface);font-size:.875rem}.ngb-grid .grid-filter-apply--secondary:disabled,.ngb-grid .grid-filter-cancel--secondary:disabled{opacity:.45;cursor:not-allowed}.ngb-grid .grid-group-row td,.ngb-grid .grid-group-footer-row td{background:color-mix(in srgb,var(--dg-surface-muted) 88%,white);border-bottom:1px solid var(--dg-border)}.ngb-grid .grid-group-row--overlay td{box-shadow:inset 0 -1px 0 var(--dg-border),0 1px color-mix(in srgb,var(--dg-border) 36%,transparent)}.ngb-grid .grid-group-footer-row--overlay td{box-shadow:inset 0 1px 0 var(--dg-border),0 -1px color-mix(in srgb,var(--dg-border) 36%,transparent)}.ngb-grid .grid-group-row__cell{padding:0;vertical-align:top}.ngb-grid .grid-group-footer-row__cell,.ngb-grid .grid-group-row__utility-cell{padding:.7rem .75rem;vertical-align:top}.ngb-grid .grid-group-row__toggle{display:flex;align-items:center;gap:.55rem;width:100%;padding:.7rem 1rem;border:0;background:transparent;color:var(--dg-text);text-align:left;font-size:.875rem;font-weight:600}.ngb-grid .grid-group-row__cell--lead .grid-group-row__toggle{padding-inline-end:.75rem}.ngb-grid .grid-group-row__toggle:hover{background:color-mix(in srgb,var(--dg-primary-soft) 34%,transparent)}.ngb-grid .grid-group-row__content{display:inline-flex;align-items:center;gap:.5rem;min-width:0}.ngb-grid .grid-group-row__label{color:var(--dg-text)}.ngb-grid .grid-group-row__count{font-size:.75rem;font-weight:700;color:var(--dg-text-muted)}.ngb-grid .grid-group-row__column-slot{padding:.25rem .75rem .75rem;font-size:.8125rem;color:var(--dg-text-muted)}.ngb-grid .grid-group-row__cell--lead .grid-group-row__column-slot{padding-inline-start:2.75rem}.ngb-grid .grid-group-footer-row td{background:color-mix(in srgb,var(--dg-surface-muted) 94%,white)}.ngb-grid .grid-filter-menu-popover .grid-filter-menu-surface:has(.grid-filter-menu-surface__multi){width:16.25rem;max-width:min(16.25rem,92vw);padding:.75rem}.ngb-grid .grid-filter-menu-surface__multi{display:flex;flex-direction:column;gap:.5rem;width:100%}.ngb-grid .grid-filter-menu-surface__multi .grid-filter-menu-surface__search{border-radius:.5rem;min-height:2rem;padding:.4rem .65rem;font-size:.8125rem}.ngb-grid .grid-multi-filter-list{max-height:11.5rem;overflow:auto;margin:0 -.75rem;padding:.15rem 0;border-top:1px solid var(--dg-border);border-bottom:1px solid var(--dg-border)}.ngb-grid .grid-multi-filter-option{display:flex;align-items:center;justify-content:space-between;gap:.75rem;width:100%;padding:.45rem .75rem;font-size:.8125rem;font-weight:600;color:var(--dg-text);cursor:pointer}.ngb-grid .grid-multi-filter-option+.grid-multi-filter-option{border-top:1px solid var(--dg-filter-divider)}.ngb-grid .grid-multi-filter-option--summary{font-weight:700}.ngb-grid .grid-multi-filter-option__main{display:inline-flex;align-items:center;gap:.75rem;min-width:0}.ngb-grid .grid-multi-filter-option__main input{width:1rem;height:1rem;margin:0;accent-color:var(--dg-primary);flex:0 0 auto}.ngb-grid .grid-multi-filter-option__count{font-size:.75rem;font-weight:700;color:var(--dg-text-muted)}.ngb-grid .grid-filter-stack__label{font-size:.8125rem;font-weight:600;color:var(--dg-text-muted)}.ngb-grid .grid-filter-stack__footer,.ngb-grid .grid-filter-menu-surface__actions{display:flex;align-items:center;justify-content:space-between;gap:.625rem}.ngb-grid .grid-filter-inline{display:flex;align-items:center;gap:.45rem;min-width:0;width:100%}.ngb-grid .grid-filter-field{position:relative;min-width:12rem;flex:1 1 auto}.ngb-grid .grid-filter-field--with-icon .grid-filter-control{padding-right:2.25rem}.ngb-grid .grid-filter-field__icon{position:absolute;right:.8rem;top:50%;transform:translateY(-50%);color:var(--dg-placeholder);pointer-events:none}.ngb-grid .grid-filter-control,.ngb-grid .grid-edit-control{width:100%;min-width:0;min-height:var(--dg-control-height);padding:.5rem .75rem;border:1px solid var(--dg-border);border-radius:.3rem;background:var(--dg-surface);color:var(--dg-text);font-size:.875rem}.ngb-grid .grid-edit-checkbox{width:1rem;height:1rem;margin-top:0}.ngb-grid .grid-filter-operator{position:relative;flex:0 0 auto}.ngb-grid .grid-filter-operator__button{padding:.55rem .8rem;font-size:.8125rem;font-weight:600;color:var(--dg-text-muted)}.ngb-grid .grid-filter-operator__button--compact{min-width:var(--dg-control-height);width:var(--dg-control-height);padding:0}.ngb-grid .grid-filter-operator__button--active{border-color:var(--dg-primary);color:var(--dg-primary)}.ngb-grid .grid-filter-operator .dropdown-menu:not(.ngb-datagrid-floating-panel){position:absolute;inset:calc(100% + .35rem) 0 auto auto;min-width:12rem;margin:0;border-radius:.9rem;border-color:var(--dg-border);box-shadow:var(--dg-shadow-md);z-index:120}.ngb-grid .grid-filter-clear{padding:.55rem .8rem;font-size:.8125rem;color:var(--dg-text-muted)}.ngb-grid .grid-filter-apply{padding:.625rem .95rem;border-color:var(--dg-primary);background:var(--dg-primary);color:var(--dg-on-primary);font-size:.875rem;font-weight:600}.ngb-grid .grid-filter-apply:hover{border-color:var(--dg-primary-active);background:var(--dg-primary-active);color:var(--dg-on-primary)}.ngb-grid .grid-filter-menu-surface__actions--multi{justify-content:space-between;margin-top:.35rem}.ngb-grid .grid-filter-menu-surface__multi .grid-filter-apply{min-width:5.25rem;padding:.5rem 1.15rem;font-size:.8125rem}.ngb-grid .grid-filter-cancel{padding:.5rem .85rem;font-size:.8125rem;font-weight:600;color:var(--dg-text);border:1px solid var(--dg-border-strong);background:var(--dg-surface)}.ngb-grid .grid-filter-cancel:hover{border-color:var(--dg-border-strong);background:var(--dg-surface-subtle);color:var(--dg-text)}.ngb-grid .filter-row th{background:var(--dg-surface-filter-row);padding-top:.625rem;padding-bottom:.625rem;overflow:visible;position:relative;z-index:25}.ngb-grid.ngb-grid--menu-open .filter-row th{z-index:85}.ngb-grid .column-pinned-start,.ngb-grid .column-pinned-end{position:sticky;background:inherit;z-index:2}.ngb-grid .grid-header .column-pinned-start,.ngb-grid .grid-header .column-pinned-end{z-index:6}.ngb-grid .column-pinned-start{box-shadow:var(--dg-pin-shadow-start)}.ngb-grid .column-pinned-start:has(+.column-pinned-start){box-shadow:none}.ngb-grid .column-pinned-end{box-shadow:var(--dg-pin-shadow-end)}.ngb-grid .column-locked{background:var(--dg-locked-bg)}.ngb-grid .sticky-row,.ngb-grid .sticky-row td{background:var(--dg-surface-sticky-row);box-shadow:inset 0 0 0 1px var(--dg-sticky-border)}.ngb-grid .sticky-row{position:sticky;z-index:4}.ngb-grid .grid-sticky-badge{display:inline-flex;align-items:center;margin-left:.45rem;padding:.12rem .4rem;border-radius:.25rem;background:var(--dg-sticky-badge-bg);color:var(--dg-sticky-badge-text);font-size:.62rem;font-weight:800;letter-spacing:.04em;vertical-align:middle}.ngb-grid .grid-row-action--icon{min-width:2.05rem;width:2.05rem;height:2.05rem;min-height:2.05rem;padding:0;border-radius:var(--dg-radius-md)}.ngb-grid .grid-row-action--edit-icon{border-color:var(--dg-primary);background:var(--dg-primary);color:var(--dg-on-primary)}.ngb-grid .grid-row-action--edit-icon:hover{border-color:var(--dg-primary-hover);background:var(--dg-primary-hover);color:var(--dg-on-primary)}.ngb-grid.ngb-grid--zebra .grid-body tbody tr:nth-child(2n):not(.sticky-row):not(.row-selected) td{background:var(--dg-row-even-bg, var(--dg-surface-muted))}.ngb-grid:not(.ngb-grid--zebra) .grid-body tbody tr:nth-child(odd):not(.sticky-row):not(.row-selected):not(.row-highlight) td{background:var(--dg-row-odd-bg)}.ngb-grid:not(.ngb-grid--zebra) .grid-body tbody tr:nth-child(2n):not(.sticky-row):not(.row-selected):not(.row-highlight) td{background:var(--dg-row-even-bg)}.ngb-grid .grid-body tbody tr.grid-data-row:hover:not(.sticky-row):not(.row-selected):not(.row-highlight) td{background:var(--dg-row-hover-bg)}.ngb-grid .row-selected,.ngb-grid .row-selected td{background:var(--dg-row-selected-bg)}.ngb-grid .row-highlight,.ngb-grid .row-highlight td{background:var(--dg-warning-soft)}.ngb-grid .grid-header th.column-pinned-start,.ngb-grid .grid-header th.column-pinned-end,.ngb-grid .grid-body tbody td.column-pinned-start,.ngb-grid .grid-body tbody td.column-pinned-end{background:var(--dg-surface)}.ngb-grid .grid-header th.column-locked,.ngb-grid .grid-body tbody td.column-locked{background:var(--dg-locked-bg)!important}.ngb-grid .grid-body tbody tr.row-selected td.column-locked{background:var(--dg-row-selected-bg)!important}.ngb-grid .cell-highlight{background:var(--dg-primary-soft)}.ngb-grid .grid-search-highlight{padding:0;border-radius:.15rem;background:var(--dg-sticky-badge-bg);color:inherit;font-weight:inherit}.ngb-grid .grid-detail-toggle{min-width:2rem;width:2rem;height:2rem;padding:0;border-radius:999px}.ngb-grid .grid-cell-content{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis}.ngb-grid .grid-cell-content,.ngb-grid .grid-cell-text{font-weight:400}.ngb-grid .grid-cell--emphasis .grid-cell-content,.ngb-grid .grid-cell--emphasis .grid-cell-text{font-weight:700}.ngb-grid .grid-boolean-pill{display:inline-flex;align-items:center;justify-content:center;min-width:3.5rem;padding:.25rem .55rem;border-radius:999px;background:var(--dg-neutral-pill-bg);color:var(--dg-text-muted);font-size:.75rem;font-weight:700}.ngb-grid .grid-boolean-pill--true{background:var(--dg-success-soft);color:var(--dg-success-text)}.ngb-grid .grid-row-action{padding:.55rem .8rem;font-size:.8125rem;font-weight:600;white-space:nowrap}.ngb-grid .grid-actions-cell{overflow:visible;text-overflow:clip;white-space:normal}.ngb-grid .grid-actions-cell__inner{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;flex-wrap:nowrap}.ngb-grid .grid-row-action--secondary{color:var(--dg-primary);background:var(--dg-primary-soft);border-color:var(--dg-primary-border-subtle)}.ngb-grid .grid-row-action--danger{color:var(--dg-danger-text);background:var(--dg-danger-soft);border-color:var(--dg-danger-border-subtle)}.ngb-grid .grid-row-action--success{color:var(--dg-success-text);background:var(--dg-success-soft);border-color:var(--dg-success-border-subtle)}.ngb-grid .grid-row-action--neutral{color:var(--dg-text-muted);background:var(--dg-locked-bg);border-color:var(--dg-border)}.ngb-grid .grid-detail-row__cell{padding:0;background:var(--dg-detail-row-bg)}.ngb-grid .grid-detail-row__content{padding:1rem 1.25rem}.ngb-grid.ngb-grid--compact .grid-table th,.ngb-grid.ngb-grid--compact .grid-table td{padding:.55rem .65rem}.ngb-grid.ngb-grid--compact .datagrid-toolbar__button,.ngb-grid.ngb-grid--compact .grid-row-action,.ngb-grid.ngb-grid--compact .grid-filter-apply,.ngb-grid.ngb-grid--compact .grid-filter-clear,.ngb-grid.ngb-grid--compact .grid-filter-operator__button,.ngb-grid.ngb-grid--compact .grid-filter-menu-trigger,.ngb-grid.ngb-grid--compact .grid-detail-toggle,.ngb-grid.ngb-grid--compact .grid-filter-control,.ngb-grid.ngb-grid--compact .grid-edit-control{min-height:32px;font-size:.8125rem}.ngb-grid .grid-row--reorderable{cursor:grab}.ngb-grid .grid-row--reorderable.ngb-dnd-dragging{cursor:grabbing;opacity:.82}.ngb-grid .ngb-dnd-placeholder{display:table-row;background:transparent}.ngb-grid tbody.ngb-dnd-list,.ngb-grid tbody.ngb-dnd-list.ngb-dnd-over[data-drop-valid=true],.ngb-grid tbody.ngb-dnd-list.ngb-dnd-over[data-drop-valid=false]{border:0;border-radius:0;background:transparent;box-shadow:none}.ngb-grid .ngb-dnd-placeholder>td{padding:0;border:0;background:transparent}.ngb-grid .ngb-dnd-placeholder__bar{display:block;height:.35rem;background:var(--dg-primary-selection-overlay)}.ngb-grid.ngb-grid--stacked .grid-header-shell,.ngb-grid.ngb-grid--stacked .grid-header{display:none}.ngb-grid.ngb-grid--stacked .table-wrapper{width:100%}.ngb-grid.ngb-grid--stacked .table-body-scroll{width:100%;max-height:none;overflow:visible;border-top:0;border-bottom:0}.ngb-grid.ngb-grid--stacked .grid-table.grid-body{width:100%;min-width:0;max-width:100%;table-layout:auto}.ngb-grid.ngb-grid--stacked .grid-table.grid-body colgroup{display:none}.ngb-grid.ngb-grid--stacked .grid-table.grid-body tbody{display:block;width:100%}.ngb-grid.ngb-grid--menu-open .grid-header-shell,.ngb-grid.ngb-grid--row-operator-open .grid-header-shell,.ngb-grid.ngb-grid--row-operator-open .filter-row th{overflow:visible}.ngb-grid.ngb-grid--menu-open .grid-header-shell,.ngb-grid.ngb-grid--menu-open .grid-header{z-index:80}.ngb-grid.ngb-grid--menu-open .grid-header thead th.filter-menu-open{position:relative;z-index:95;overflow:visible}.ngb-grid.ngb-grid--menu-open .grid-filter-menu-host{z-index:90}.ngb-grid__filter-menu-overlay{pointer-events:auto}.ngb-grid__layout-toolbar-host:empty{display:none}.ngb-grid__layout-toolbar-host:not(:empty){border-bottom:1px solid var(--dg-border)}.ngb-grid .table-wrapper{position:relative}.ngb-grid.ngb-grid--loading .table-wrapper{pointer-events:none}.ngb-grid.ngb-grid--loading .table-wrapper .grid-table{opacity:.45}.ngb-grid__loading-overlay{position:absolute;inset:0;z-index:120;display:flex;align-items:center;justify-content:center;background:var(--dg-loading-overlay);pointer-events:none}.ngb-grid.ngb-grid--stacked .grid-table.grid-body tbody tr{display:grid;width:100%;box-sizing:border-box;grid-template-columns:minmax(0,1fr);gap:.65rem;border-bottom:1px solid var(--dg-border);padding:.9rem 1rem}.ngb-grid.ngb-grid--stacked .grid-table.grid-body tbody td{display:grid;width:100%;min-width:0;box-sizing:border-box;white-space:normal;border-bottom:0;padding:.35rem 0;position:static!important;left:auto!important;right:auto!important}.ngb-grid.ngb-grid--stacked .grid-table.grid-body tbody td:not([data-title]){grid-column:1/-1}.ngb-grid.ngb-grid--stacked:not(.ngb-grid--stacked-cards) .grid-table.grid-body tbody td[data-title]{grid-template-columns:minmax(5.5rem,34%) minmax(0,1fr);align-items:baseline;column-gap:.75rem}.ngb-grid.ngb-grid--stacked:not(.ngb-grid--stacked-cards) .grid-table.grid-body tbody td:before{content:attr(data-title);font-size:.8125rem;font-weight:700;color:var(--dg-text-muted);line-height:1.3}.ngb-grid.ngb-grid--stacked.ngb-grid--stacked-cards .grid-table.grid-body tbody tr{display:block;width:100%;padding:0}.ngb-grid.ngb-grid--stacked.ngb-grid--stacked-cards .grid-table.grid-body tbody td.ngb-stacked-card-cell{display:block;width:100%;padding:.9rem 1rem;border-bottom:1px solid var(--dg-border)}.ngb-grid.ngb-grid--stacked.ngb-grid--stacked-cards .ngb-stacked-card,.ngb-grid.ngb-grid--stacked.ngb-grid--stacked-cards .ngb-stacked-card__layout{width:100%;min-width:0}.ngb-grid.ngb-grid--stacked.ngb-grid--stacked-cards .ngb-stacked-card__layout{display:grid;grid-template-columns:minmax(0,1fr);gap:1rem}@media(min-width:40rem){.ngb-grid.ngb-grid--stacked.ngb-grid--stacked-cards .ngb-stacked-card__layout{grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr);align-items:start;column-gap:1.5rem}}.ngb-grid.ngb-grid--stacked.ngb-grid--stacked-cards .ngb-stacked-card__group{display:flex;flex-direction:column;gap:.85rem;min-width:0}.ngb-grid.ngb-grid--stacked.ngb-grid--stacked-cards .ngb-stacked-card__field{display:flex;flex-direction:column;align-items:flex-start;gap:.35rem;min-width:0}.ngb-grid.ngb-grid--stacked.ngb-grid--stacked-cards .ngb-stacked-card__label{font-size:.8125rem;font-weight:700;color:var(--dg-text-muted);line-height:1.3}.ngb-grid.ngb-grid--stacked.ngb-grid--stacked-cards .ngb-stacked-card__value{width:100%;min-width:0}.ngb-grid.ngb-grid--stacked.ngb-grid--stacked-cards .grid-table.grid-body tbody td:not([data-title]):not(.ngb-stacked-card-cell){display:block;width:100%;padding:.65rem 1rem 0;border-bottom:0}.ngb-grid[data-theme=material] .datagrid-toolbar__button--primary,.ngb-grid[data-theme=tailwind] .datagrid-toolbar__button--primary,.ngb-grid[data-theme=material] .grid-filter-apply,.ngb-grid[data-theme=tailwind] .grid-filter-apply{border-color:var(--dg-primary);background:var(--dg-primary)}.ngb-grid.ngb-responsive .table{width:100%}@media(max-width:992px){.ngb-grid .grid-filter-inline{min-width:11rem}.ngb-grid .grid-filter-field{min-width:10rem}}@media(max-width:768px){.ngb-grid .datagrid-toolbar{align-items:stretch}.ngb-grid .datagrid-toolbar__actions{justify-content:stretch}.ngb-grid .datagrid-toolbar__button{flex:1 1 auto}.ngb-grid .grid-filter-inline{width:100%}.ngb-grid.ngb-responsive thead{display:none}.ngb-grid.ngb-responsive tbody tr{display:grid;grid-template-columns:1fr;gap:.5rem;border:1px solid var(--dg-border);border-radius:.75rem;padding:.75rem;margin-bottom:.75rem}.ngb-grid.ngb-responsive tbody td{display:grid;grid-template-columns:8rem 1fr}.ngb-grid.ngb-responsive tbody td:before{content:attr(data-title);font-weight:600;opacity:.75;padding-right:.5rem}}.ngb-grid .datagrid-editing-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:.75rem 1rem;border:1px solid var(--dg-border);border-bottom:0;border-radius:var(--dg-radius-lg) var(--dg-radius-lg) 0 0;background:var(--dg-surface)}.ngb-grid .datagrid-editing-toolbar__start,.ngb-grid .datagrid-editing-toolbar__end{display:inline-flex;align-items:center;gap:.5rem}.ngb-grid .datagrid-editing-toolbar__save[hidden],.ngb-grid .datagrid-editing-toolbar__cancel[hidden]{display:none!important}.ngb-grid .datagrid-editing-toolbar__hint{flex:1 1 auto;text-align:center;font-size:.875rem;font-weight:600;color:var(--dg-text-muted)}.ngb-grid .grid-cell--incell{cursor:cell}.ngb-grid .grid-cell--incell:not(.grid-cell--editing) .grid-cell-content,.ngb-grid .grid-cell--incell:not(.grid-cell--editing) .grid-cell-content *{pointer-events:none}.ngb-grid .grid-cell--editing .grid-edit-control{border-color:var(--dg-primary);box-shadow:var(--dg-focus-shadow)}.ngb-grid .grid-external-editor{position:fixed;inset:0;z-index:400;display:flex;align-items:center;justify-content:center;padding:1.5rem}.ngb-grid .grid-external-editor__backdrop{position:absolute;inset:0;border:0;background:var(--dg-backdrop);cursor:pointer}.ngb-grid .grid-external-editor__panel{position:relative;z-index:1;width:min(32rem,100%);max-height:min(90vh,40rem);overflow:auto;padding:1.25rem;border:1px solid var(--dg-border);border-radius:var(--dg-radius-lg);background:var(--dg-surface);box-shadow:var(--dg-shadow-md)}.ngb-grid .grid-external-editor__header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.ngb-grid .grid-external-editor__title{margin:0;font-size:1.125rem;font-weight:700}.ngb-grid .grid-external-editor__close{border:0;background:transparent;color:var(--dg-text-muted);padding:.25rem;cursor:pointer}.ngb-grid .grid-external-editor__form{display:grid;gap:.85rem}.ngb-grid .grid-external-editor__field{display:grid;gap:.35rem}.ngb-grid .grid-external-editor__label{font-size:.8125rem;font-weight:700;color:var(--dg-text-muted);text-transform:uppercase;letter-spacing:.03em}.ngb-grid .grid-external-editor__error{font-size:.75rem;color:var(--dg-danger)}.ngb-grid .grid-external-editor__actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:.5rem}.ngb-grid__status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.ngb-grid .grid-body td[role=gridcell]:focus-visible,.ngb-grid .grid-body td[role=gridcell].grid-cell--focused{outline:2px solid var(--dg-focus-ring);outline-offset:-2px}.ngb-grid--rtl .grid-column-reorder-handle{transform:scaleX(-1)}.ngb-grid--rtl .column-pinned-start{left:auto;right:var(--dg-pin-start, 0)}.ngb-grid--rtl .column-pinned-end{right:auto;left:var(--dg-pin-end, 0)}.ngb-grid .grid-footer{width:100%;color:var(--dg-pager-text)}.ngb-grid .grid-footer--top{margin-bottom:0;border-bottom:var(--dg-table-border-width) solid var(--dg-border)}.ngb-grid .grid-footer--custom{width:100%}\n"] }]
         }], propDecorators: { columns: [{
                 type: Input
             }], data: [{
@@ -9464,6 +10605,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImpor
                 type: Input
             }], dataOperations: [{
                 type: Input
+            }], groupable: [{
+                type: Input
+            }], group: [{
+                type: Input
+            }], groupedData: [{
+                type: Input
             }], state: [{
                 type: Input
             }], multiCheckboxFilterOptions: [{
@@ -9607,6 +10754,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImpor
                 type: Output
             }], rowDelete: [{
                 type: Output
+            }], groupChange: [{
+                type: Output
             }], sortChange: [{
                 type: Output
             }], filterChange: [{
@@ -9629,8 +10778,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImpor
             }], pagerTpl: [{
                 type: ContentChild,
                 args: [NgbPagerTemplate]
+            }], groupHeaderTpl: [{
+                type: ContentChild,
+                args: [NgbDataGridGroupHeaderTemplateDirective]
             }], pageSize: [{
                 type: Input
+            }], onWindowResize: [{
+                type: HostListener,
+                args: ['window:resize']
             }], onDocumentMouseMove: [{
                 type: HostListener,
                 args: ['document:mousemove', ['$event']]
@@ -9652,6 +10807,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImpor
             }], globalTplQ: [{
                 type: ContentChildren,
                 args: [NgbGlobalFilterTemplate]
+            }], groupHeaderColumnTplQ: [{
+                type: ContentChildren,
+                args: [NgbDataGridGroupHeaderColumnTemplateDirective]
+            }], groupFooterTplQ: [{
+                type: ContentChildren,
+                args: [NgbDataGridGroupFooterTemplateDirective]
             }], gridColumnQ: [{
                 type: ContentChildren,
                 args: [NgbGridColumnDirective]
@@ -9686,10 +10847,10 @@ class NgbDatagridLayoutToolbarCoordinator {
                 close();
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgbDatagridLayoutToolbarCoordinator, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgbDatagridLayoutToolbarCoordinator });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: NgbDatagridLayoutToolbarCoordinator, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: NgbDatagridLayoutToolbarCoordinator });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgbDatagridLayoutToolbarCoordinator, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: NgbDatagridLayoutToolbarCoordinator, decorators: [{
             type: Injectable
         }] });
 
@@ -9793,8 +10954,8 @@ class NgbDatagridColumnChooserToolComponent {
             return;
         this.closePanel();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgbDatagridColumnChooserToolComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.0", type: NgbDatagridColumnChooserToolComponent, isStandalone: true, selector: "ngb-datagrid-column-chooser-tool", inputs: { grid: "grid", label: "label" }, host: { listeners: { "document:click": "closeOnOutsideClick($event)" } }, usesOnChanges: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: NgbDatagridColumnChooserToolComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: NgbDatagridColumnChooserToolComponent, isStandalone: true, selector: "ngb-datagrid-column-chooser-tool", inputs: { grid: "grid", label: "label" }, host: { listeners: { "document:click": "closeOnOutsideClick($event)" } }, usesOnChanges: true, ngImport: i0, template: `
     @if (chooserColumns.length) {
     <div class="ngb-layout-tool">
       <button
@@ -9853,7 +11014,7 @@ class NgbDatagridColumnChooserToolComponent {
     }
   `, isInline: true, styles: [".ngb-layout-toolbar{display:flex;align-items:center;gap:.5rem;padding:.65rem .85rem;background:var(--dg-surface)}.ngb-layout-toolbar__spacer{flex:1 1 auto}.ngb-layout-toolbar>ngb-datagrid-column-chooser-tool{margin-left:auto}.ngb-layout-tool{position:relative}.ngb-layout-tool__trigger{display:inline-flex;align-items:center;gap:.45rem;min-height:2.125rem;padding:.35rem .85rem;border:1px solid var(--dg-border);border-radius:var(--dg-radius-md, .375rem);background:var(--dg-surface);color:var(--dg-text);font-size:.875rem;font-weight:500;line-height:1.2}.ngb-layout-tool__trigger:hover,.ngb-layout-tool__trigger--open{border-color:var(--dg-primary);color:var(--dg-primary)}.ngb-layout-tool__panel{position:absolute;top:calc(100% + .35rem);left:0;z-index:120;min-width:18rem;max-width:min(24rem,100vw - 2rem);max-height:min(28rem,100vh - 8rem);overflow:auto;border:1px solid var(--dg-border);border-radius:var(--dg-radius-lg, .5rem);background:var(--dg-surface);box-shadow:var(--dg-shadow-md)}.ngb-layout-tool__panel--wide{min-width:22rem}.ngb-layout-tool__panel--end{left:auto;right:0}.ngb-filter-accordion__section+.ngb-filter-accordion__section{border-top:1px solid var(--dg-border)}.ngb-filter-accordion__header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.75rem .9rem;border:0;background:transparent;font-size:.875rem;font-weight:600;text-align:left}.ngb-filter-accordion__body{padding:0 .9rem .9rem}.ngb-filter-accordion__stack{display:grid;gap:.5rem}.ngb-filter-accordion__join{margin:.35rem 0 0;font-size:.75rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--dg-text-muted)}.ngb-filter-accordion__condition-actions{margin-top:.15rem}.ngb-filter-accordion__add-condition{margin-top:.35rem}.ngb-filter-accordion__actions{display:flex;gap:.5rem;margin-top:.65rem}.ngb-layout-tool__footer{padding:.75rem .9rem;border-top:1px solid var(--dg-border)}.ngb-sort-list__item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.65rem .9rem;border:0;border-bottom:1px solid var(--dg-border);background:transparent;font-size:.875rem;text-align:left}.ngb-sort-list__item:last-child{border-bottom:0}.ngb-sort-list__item--active{color:var(--dg-primary);font-weight:600}.ngb-column-chooser__search{padding:.75rem .9rem .35rem}.ngb-column-chooser__list{padding:0 .9rem}.ngb-column-chooser__option{display:flex;align-items:center;gap:.55rem;padding:.45rem 0;font-size:.875rem}.ngb-column-chooser__summary{padding:.5rem .9rem;font-size:.8125rem;color:var(--dg-text-muted)}.ngb-column-chooser__actions{display:flex;gap:.5rem;padding:.75rem .9rem;border-top:1px solid var(--dg-border)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox]):not([ngNoCva])[formControlName],textarea:not([ngNoCva])[formControlName],input:not([type=checkbox]):not([ngNoCva])[formControl],textarea:not([ngNoCva])[formControl],input:not([type=checkbox]):not([ngNoCva])[ngModel],textarea:not([ngNoCva])[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: NgbDatagridButtonDirective, selector: "button[ngbDatagridButton], a[ngbDatagridButton]", inputs: ["ngbDatagridButton"] }, { kind: "directive", type: NgbDatagridControlDirective, selector: "input[ngbDatagridControl], select[ngbDatagridControl], textarea[ngbDatagridControl]", inputs: ["ngbDatagridControlMode"] }], encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgbDatagridColumnChooserToolComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: NgbDatagridColumnChooserToolComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ngb-datagrid-column-chooser-tool', standalone: true, imports: [CommonModule, FormsModule, NgbDatagridButtonDirective, NgbDatagridControlDirective], template: `
     @if (chooserColumns.length) {
@@ -9998,8 +11159,8 @@ class NgbDatagridFilterToolComponent {
             return;
         this.closePanel();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgbDatagridFilterToolComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.0", type: NgbDatagridFilterToolComponent, isStandalone: true, selector: "ngb-datagrid-filter-tool", inputs: { grid: "grid", label: "label" }, host: { listeners: { "document:click": "closeOnOutsideClick($event)" } }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: NgbDatagridFilterToolComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: NgbDatagridFilterToolComponent, isStandalone: true, selector: "ngb-datagrid-filter-tool", inputs: { grid: "grid", label: "label" }, host: { listeners: { "document:click": "closeOnOutsideClick($event)" } }, ngImport: i0, template: `
     @if (filterableColumns.length) {
     <div class="ngb-layout-tool">
       <button
@@ -10145,7 +11306,7 @@ class NgbDatagridFilterToolComponent {
     }
   `, isInline: true, styles: [".ngb-layout-toolbar{display:flex;align-items:center;gap:.5rem;padding:.65rem .85rem;background:var(--dg-surface)}.ngb-layout-toolbar__spacer{flex:1 1 auto}.ngb-layout-toolbar>ngb-datagrid-column-chooser-tool{margin-left:auto}.ngb-layout-tool{position:relative}.ngb-layout-tool__trigger{display:inline-flex;align-items:center;gap:.45rem;min-height:2.125rem;padding:.35rem .85rem;border:1px solid var(--dg-border);border-radius:var(--dg-radius-md, .375rem);background:var(--dg-surface);color:var(--dg-text);font-size:.875rem;font-weight:500;line-height:1.2}.ngb-layout-tool__trigger:hover,.ngb-layout-tool__trigger--open{border-color:var(--dg-primary);color:var(--dg-primary)}.ngb-layout-tool__panel{position:absolute;top:calc(100% + .35rem);left:0;z-index:120;min-width:18rem;max-width:min(24rem,100vw - 2rem);max-height:min(28rem,100vh - 8rem);overflow:auto;border:1px solid var(--dg-border);border-radius:var(--dg-radius-lg, .5rem);background:var(--dg-surface);box-shadow:var(--dg-shadow-md)}.ngb-layout-tool__panel--wide{min-width:22rem}.ngb-layout-tool__panel--end{left:auto;right:0}.ngb-filter-accordion__section+.ngb-filter-accordion__section{border-top:1px solid var(--dg-border)}.ngb-filter-accordion__header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.75rem .9rem;border:0;background:transparent;font-size:.875rem;font-weight:600;text-align:left}.ngb-filter-accordion__body{padding:0 .9rem .9rem}.ngb-filter-accordion__stack{display:grid;gap:.5rem}.ngb-filter-accordion__join{margin:.35rem 0 0;font-size:.75rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--dg-text-muted)}.ngb-filter-accordion__condition-actions{margin-top:.15rem}.ngb-filter-accordion__add-condition{margin-top:.35rem}.ngb-filter-accordion__actions{display:flex;gap:.5rem;margin-top:.65rem}.ngb-layout-tool__footer{padding:.75rem .9rem;border-top:1px solid var(--dg-border)}.ngb-sort-list__item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.65rem .9rem;border:0;border-bottom:1px solid var(--dg-border);background:transparent;font-size:.875rem;text-align:left}.ngb-sort-list__item:last-child{border-bottom:0}.ngb-sort-list__item--active{color:var(--dg-primary);font-weight:600}.ngb-column-chooser__search{padding:.75rem .9rem .35rem}.ngb-column-chooser__list{padding:0 .9rem}.ngb-column-chooser__option{display:flex;align-items:center;gap:.55rem;padding:.45rem 0;font-size:.875rem}.ngb-column-chooser__summary{padding:.5rem .9rem;font-size:.8125rem;color:var(--dg-text-muted)}.ngb-column-chooser__actions{display:flex;gap:.5rem;padding:.75rem .9rem;border-top:1px solid var(--dg-border)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox]):not([ngNoCva])[formControlName],textarea:not([ngNoCva])[formControlName],input:not([type=checkbox]):not([ngNoCva])[formControl],textarea:not([ngNoCva])[formControl],input:not([type=checkbox]):not([ngNoCva])[ngModel],textarea:not([ngNoCva])[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.SelectControlValueAccessor, selector: "select:not([multiple]):not([ngNoCva])[formControlName],select:not([multiple]):not([ngNoCva])[formControl],select:not([multiple]):not([ngNoCva])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: NgbDatagridButtonDirective, selector: "button[ngbDatagridButton], a[ngbDatagridButton]", inputs: ["ngbDatagridButton"] }, { kind: "directive", type: NgbDatagridControlDirective, selector: "input[ngbDatagridControl], select[ngbDatagridControl], textarea[ngbDatagridControl]", inputs: ["ngbDatagridControlMode"] }], encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgbDatagridFilterToolComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: NgbDatagridFilterToolComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ngb-datagrid-filter-tool', standalone: true, imports: [CommonModule, FormsModule, NgbDatagridButtonDirective, NgbDatagridControlDirective], template: `
     @if (filterableColumns.length) {
@@ -10358,8 +11519,8 @@ class NgbDatagridSortToolComponent {
             return;
         this.closePanel();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgbDatagridSortToolComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.0", type: NgbDatagridSortToolComponent, isStandalone: true, selector: "ngb-datagrid-sort-tool", inputs: { grid: "grid", label: "label" }, host: { listeners: { "document:click": "closeOnOutsideClick($event)" } }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: NgbDatagridSortToolComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: NgbDatagridSortToolComponent, isStandalone: true, selector: "ngb-datagrid-sort-tool", inputs: { grid: "grid", label: "label" }, host: { listeners: { "document:click": "closeOnOutsideClick($event)" } }, ngImport: i0, template: `
     @if (sortableColumns.length) {
     <div class="ngb-layout-tool">
       <button
@@ -10404,7 +11565,7 @@ class NgbDatagridSortToolComponent {
     }
   `, isInline: true, styles: [".ngb-layout-toolbar{display:flex;align-items:center;gap:.5rem;padding:.65rem .85rem;background:var(--dg-surface)}.ngb-layout-toolbar__spacer{flex:1 1 auto}.ngb-layout-toolbar>ngb-datagrid-column-chooser-tool{margin-left:auto}.ngb-layout-tool{position:relative}.ngb-layout-tool__trigger{display:inline-flex;align-items:center;gap:.45rem;min-height:2.125rem;padding:.35rem .85rem;border:1px solid var(--dg-border);border-radius:var(--dg-radius-md, .375rem);background:var(--dg-surface);color:var(--dg-text);font-size:.875rem;font-weight:500;line-height:1.2}.ngb-layout-tool__trigger:hover,.ngb-layout-tool__trigger--open{border-color:var(--dg-primary);color:var(--dg-primary)}.ngb-layout-tool__panel{position:absolute;top:calc(100% + .35rem);left:0;z-index:120;min-width:18rem;max-width:min(24rem,100vw - 2rem);max-height:min(28rem,100vh - 8rem);overflow:auto;border:1px solid var(--dg-border);border-radius:var(--dg-radius-lg, .5rem);background:var(--dg-surface);box-shadow:var(--dg-shadow-md)}.ngb-layout-tool__panel--wide{min-width:22rem}.ngb-layout-tool__panel--end{left:auto;right:0}.ngb-filter-accordion__section+.ngb-filter-accordion__section{border-top:1px solid var(--dg-border)}.ngb-filter-accordion__header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.75rem .9rem;border:0;background:transparent;font-size:.875rem;font-weight:600;text-align:left}.ngb-filter-accordion__body{padding:0 .9rem .9rem}.ngb-filter-accordion__stack{display:grid;gap:.5rem}.ngb-filter-accordion__join{margin:.35rem 0 0;font-size:.75rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--dg-text-muted)}.ngb-filter-accordion__condition-actions{margin-top:.15rem}.ngb-filter-accordion__add-condition{margin-top:.35rem}.ngb-filter-accordion__actions{display:flex;gap:.5rem;margin-top:.65rem}.ngb-layout-tool__footer{padding:.75rem .9rem;border-top:1px solid var(--dg-border)}.ngb-sort-list__item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.65rem .9rem;border:0;border-bottom:1px solid var(--dg-border);background:transparent;font-size:.875rem;text-align:left}.ngb-sort-list__item:last-child{border-bottom:0}.ngb-sort-list__item--active{color:var(--dg-primary);font-weight:600}.ngb-column-chooser__search{padding:.75rem .9rem .35rem}.ngb-column-chooser__list{padding:0 .9rem}.ngb-column-chooser__option{display:flex;align-items:center;gap:.55rem;padding:.45rem 0;font-size:.875rem}.ngb-column-chooser__summary{padding:.5rem .9rem;font-size:.8125rem;color:var(--dg-text-muted)}.ngb-column-chooser__actions{display:flex;gap:.5rem;padding:.75rem .9rem;border-top:1px solid var(--dg-border)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgbDatagridSortToolComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: NgbDatagridSortToolComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ngb-datagrid-sort-tool', standalone: true, imports: [CommonModule], template: `
     @if (sortableColumns.length) {
@@ -10489,14 +11650,14 @@ class NgbDatagridLayoutToolbarComponent {
         ];
         tools.forEach((tool) => tool.bindHostGrid(this.grid));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgbDatagridLayoutToolbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.0", type: NgbDatagridLayoutToolbarComponent, isStandalone: true, selector: "ngb-datagrid-layout-toolbar", inputs: { grid: "grid", ariaLabel: "ariaLabel" }, providers: [NgbDatagridLayoutToolbarCoordinator], queries: [{ propertyName: "filterTools", predicate: NgbDatagridFilterToolComponent }, { propertyName: "sortTools", predicate: NgbDatagridSortToolComponent }, { propertyName: "columnTools", predicate: NgbDatagridColumnChooserToolComponent }], usesOnChanges: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: NgbDatagridLayoutToolbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.8", type: NgbDatagridLayoutToolbarComponent, isStandalone: true, selector: "ngb-datagrid-layout-toolbar", inputs: { grid: "grid", ariaLabel: "ariaLabel" }, providers: [NgbDatagridLayoutToolbarCoordinator], queries: [{ propertyName: "filterTools", predicate: NgbDatagridFilterToolComponent }, { propertyName: "sortTools", predicate: NgbDatagridSortToolComponent }, { propertyName: "columnTools", predicate: NgbDatagridColumnChooserToolComponent }], usesOnChanges: true, ngImport: i0, template: `
     <div class="ngb-layout-toolbar" role="toolbar" [attr.aria-label]="ariaLabel">
       <ng-content></ng-content>
     </div>
   `, isInline: true, styles: [".ngb-layout-toolbar{display:flex;align-items:center;gap:.5rem;padding:.65rem .85rem;background:var(--dg-surface)}.ngb-layout-toolbar__spacer{flex:1 1 auto}.ngb-layout-toolbar>ngb-datagrid-column-chooser-tool{margin-left:auto}.ngb-layout-tool{position:relative}.ngb-layout-tool__trigger{display:inline-flex;align-items:center;gap:.45rem;min-height:2.125rem;padding:.35rem .85rem;border:1px solid var(--dg-border);border-radius:var(--dg-radius-md, .375rem);background:var(--dg-surface);color:var(--dg-text);font-size:.875rem;font-weight:500;line-height:1.2}.ngb-layout-tool__trigger:hover,.ngb-layout-tool__trigger--open{border-color:var(--dg-primary);color:var(--dg-primary)}.ngb-layout-tool__panel{position:absolute;top:calc(100% + .35rem);left:0;z-index:120;min-width:18rem;max-width:min(24rem,100vw - 2rem);max-height:min(28rem,100vh - 8rem);overflow:auto;border:1px solid var(--dg-border);border-radius:var(--dg-radius-lg, .5rem);background:var(--dg-surface);box-shadow:var(--dg-shadow-md)}.ngb-layout-tool__panel--wide{min-width:22rem}.ngb-layout-tool__panel--end{left:auto;right:0}.ngb-filter-accordion__section+.ngb-filter-accordion__section{border-top:1px solid var(--dg-border)}.ngb-filter-accordion__header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.75rem .9rem;border:0;background:transparent;font-size:.875rem;font-weight:600;text-align:left}.ngb-filter-accordion__body{padding:0 .9rem .9rem}.ngb-filter-accordion__stack{display:grid;gap:.5rem}.ngb-filter-accordion__join{margin:.35rem 0 0;font-size:.75rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--dg-text-muted)}.ngb-filter-accordion__condition-actions{margin-top:.15rem}.ngb-filter-accordion__add-condition{margin-top:.35rem}.ngb-filter-accordion__actions{display:flex;gap:.5rem;margin-top:.65rem}.ngb-layout-tool__footer{padding:.75rem .9rem;border-top:1px solid var(--dg-border)}.ngb-sort-list__item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.65rem .9rem;border:0;border-bottom:1px solid var(--dg-border);background:transparent;font-size:.875rem;text-align:left}.ngb-sort-list__item:last-child{border-bottom:0}.ngb-sort-list__item--active{color:var(--dg-primary);font-weight:600}.ngb-column-chooser__search{padding:.75rem .9rem .35rem}.ngb-column-chooser__list{padding:0 .9rem}.ngb-column-chooser__option{display:flex;align-items:center;gap:.55rem;padding:.45rem 0;font-size:.875rem}.ngb-column-chooser__summary{padding:.5rem .9rem;font-size:.8125rem;color:var(--dg-text-muted)}.ngb-column-chooser__actions{display:flex;gap:.5rem;padding:.75rem .9rem;border-top:1px solid var(--dg-border)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgbDatagridLayoutToolbarComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: NgbDatagridLayoutToolbarComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ngb-datagrid-layout-toolbar', standalone: true, imports: [CommonModule], providers: [NgbDatagridLayoutToolbarCoordinator], template: `
     <div class="ngb-layout-toolbar" role="toolbar" [attr.aria-label]="ariaLabel">
@@ -10519,10 +11680,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImpor
                 args: [NgbDatagridColumnChooserToolComponent]
             }] } });
 class NgbDatagridLayoutToolbarSpacerComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgbDatagridLayoutToolbarSpacerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.0", type: NgbDatagridLayoutToolbarSpacerComponent, isStandalone: true, selector: "ngb-datagrid-layout-toolbar-spacer", ngImport: i0, template: `<div class="ngb-layout-toolbar__spacer" aria-hidden="true"></div>`, isInline: true, styles: [".ngb-layout-toolbar{display:flex;align-items:center;gap:.5rem;padding:.65rem .85rem;background:var(--dg-surface)}.ngb-layout-toolbar__spacer{flex:1 1 auto}.ngb-layout-toolbar>ngb-datagrid-column-chooser-tool{margin-left:auto}.ngb-layout-tool{position:relative}.ngb-layout-tool__trigger{display:inline-flex;align-items:center;gap:.45rem;min-height:2.125rem;padding:.35rem .85rem;border:1px solid var(--dg-border);border-radius:var(--dg-radius-md, .375rem);background:var(--dg-surface);color:var(--dg-text);font-size:.875rem;font-weight:500;line-height:1.2}.ngb-layout-tool__trigger:hover,.ngb-layout-tool__trigger--open{border-color:var(--dg-primary);color:var(--dg-primary)}.ngb-layout-tool__panel{position:absolute;top:calc(100% + .35rem);left:0;z-index:120;min-width:18rem;max-width:min(24rem,100vw - 2rem);max-height:min(28rem,100vh - 8rem);overflow:auto;border:1px solid var(--dg-border);border-radius:var(--dg-radius-lg, .5rem);background:var(--dg-surface);box-shadow:var(--dg-shadow-md)}.ngb-layout-tool__panel--wide{min-width:22rem}.ngb-layout-tool__panel--end{left:auto;right:0}.ngb-filter-accordion__section+.ngb-filter-accordion__section{border-top:1px solid var(--dg-border)}.ngb-filter-accordion__header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.75rem .9rem;border:0;background:transparent;font-size:.875rem;font-weight:600;text-align:left}.ngb-filter-accordion__body{padding:0 .9rem .9rem}.ngb-filter-accordion__stack{display:grid;gap:.5rem}.ngb-filter-accordion__join{margin:.35rem 0 0;font-size:.75rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--dg-text-muted)}.ngb-filter-accordion__condition-actions{margin-top:.15rem}.ngb-filter-accordion__add-condition{margin-top:.35rem}.ngb-filter-accordion__actions{display:flex;gap:.5rem;margin-top:.65rem}.ngb-layout-tool__footer{padding:.75rem .9rem;border-top:1px solid var(--dg-border)}.ngb-sort-list__item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.65rem .9rem;border:0;border-bottom:1px solid var(--dg-border);background:transparent;font-size:.875rem;text-align:left}.ngb-sort-list__item:last-child{border-bottom:0}.ngb-sort-list__item--active{color:var(--dg-primary);font-weight:600}.ngb-column-chooser__search{padding:.75rem .9rem .35rem}.ngb-column-chooser__list{padding:0 .9rem}.ngb-column-chooser__option{display:flex;align-items:center;gap:.55rem;padding:.45rem 0;font-size:.875rem}.ngb-column-chooser__summary{padding:.5rem .9rem;font-size:.8125rem;color:var(--dg-text-muted)}.ngb-column-chooser__actions{display:flex;gap:.5rem;padding:.75rem .9rem;border-top:1px solid var(--dg-border)}\n"], encapsulation: i0.ViewEncapsulation.None });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: NgbDatagridLayoutToolbarSpacerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.8", type: NgbDatagridLayoutToolbarSpacerComponent, isStandalone: true, selector: "ngb-datagrid-layout-toolbar-spacer", ngImport: i0, template: `<div class="ngb-layout-toolbar__spacer" aria-hidden="true"></div>`, isInline: true, styles: [".ngb-layout-toolbar{display:flex;align-items:center;gap:.5rem;padding:.65rem .85rem;background:var(--dg-surface)}.ngb-layout-toolbar__spacer{flex:1 1 auto}.ngb-layout-toolbar>ngb-datagrid-column-chooser-tool{margin-left:auto}.ngb-layout-tool{position:relative}.ngb-layout-tool__trigger{display:inline-flex;align-items:center;gap:.45rem;min-height:2.125rem;padding:.35rem .85rem;border:1px solid var(--dg-border);border-radius:var(--dg-radius-md, .375rem);background:var(--dg-surface);color:var(--dg-text);font-size:.875rem;font-weight:500;line-height:1.2}.ngb-layout-tool__trigger:hover,.ngb-layout-tool__trigger--open{border-color:var(--dg-primary);color:var(--dg-primary)}.ngb-layout-tool__panel{position:absolute;top:calc(100% + .35rem);left:0;z-index:120;min-width:18rem;max-width:min(24rem,100vw - 2rem);max-height:min(28rem,100vh - 8rem);overflow:auto;border:1px solid var(--dg-border);border-radius:var(--dg-radius-lg, .5rem);background:var(--dg-surface);box-shadow:var(--dg-shadow-md)}.ngb-layout-tool__panel--wide{min-width:22rem}.ngb-layout-tool__panel--end{left:auto;right:0}.ngb-filter-accordion__section+.ngb-filter-accordion__section{border-top:1px solid var(--dg-border)}.ngb-filter-accordion__header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.75rem .9rem;border:0;background:transparent;font-size:.875rem;font-weight:600;text-align:left}.ngb-filter-accordion__body{padding:0 .9rem .9rem}.ngb-filter-accordion__stack{display:grid;gap:.5rem}.ngb-filter-accordion__join{margin:.35rem 0 0;font-size:.75rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--dg-text-muted)}.ngb-filter-accordion__condition-actions{margin-top:.15rem}.ngb-filter-accordion__add-condition{margin-top:.35rem}.ngb-filter-accordion__actions{display:flex;gap:.5rem;margin-top:.65rem}.ngb-layout-tool__footer{padding:.75rem .9rem;border-top:1px solid var(--dg-border)}.ngb-sort-list__item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.65rem .9rem;border:0;border-bottom:1px solid var(--dg-border);background:transparent;font-size:.875rem;text-align:left}.ngb-sort-list__item:last-child{border-bottom:0}.ngb-sort-list__item--active{color:var(--dg-primary);font-weight:600}.ngb-column-chooser__search{padding:.75rem .9rem .35rem}.ngb-column-chooser__list{padding:0 .9rem}.ngb-column-chooser__option{display:flex;align-items:center;gap:.55rem;padding:.45rem 0;font-size:.875rem}.ngb-column-chooser__summary{padding:.5rem .9rem;font-size:.8125rem;color:var(--dg-text-muted)}.ngb-column-chooser__actions{display:flex;gap:.5rem;padding:.75rem .9rem;border-top:1px solid var(--dg-border)}\n"], encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgbDatagridLayoutToolbarSpacerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: NgbDatagridLayoutToolbarSpacerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ngb-datagrid-layout-toolbar-spacer', standalone: true, template: `<div class="ngb-layout-toolbar__spacer" aria-hidden="true"></div>`, encapsulation: ViewEncapsulation.None, styles: [".ngb-layout-toolbar{display:flex;align-items:center;gap:.5rem;padding:.65rem .85rem;background:var(--dg-surface)}.ngb-layout-toolbar__spacer{flex:1 1 auto}.ngb-layout-toolbar>ngb-datagrid-column-chooser-tool{margin-left:auto}.ngb-layout-tool{position:relative}.ngb-layout-tool__trigger{display:inline-flex;align-items:center;gap:.45rem;min-height:2.125rem;padding:.35rem .85rem;border:1px solid var(--dg-border);border-radius:var(--dg-radius-md, .375rem);background:var(--dg-surface);color:var(--dg-text);font-size:.875rem;font-weight:500;line-height:1.2}.ngb-layout-tool__trigger:hover,.ngb-layout-tool__trigger--open{border-color:var(--dg-primary);color:var(--dg-primary)}.ngb-layout-tool__panel{position:absolute;top:calc(100% + .35rem);left:0;z-index:120;min-width:18rem;max-width:min(24rem,100vw - 2rem);max-height:min(28rem,100vh - 8rem);overflow:auto;border:1px solid var(--dg-border);border-radius:var(--dg-radius-lg, .5rem);background:var(--dg-surface);box-shadow:var(--dg-shadow-md)}.ngb-layout-tool__panel--wide{min-width:22rem}.ngb-layout-tool__panel--end{left:auto;right:0}.ngb-filter-accordion__section+.ngb-filter-accordion__section{border-top:1px solid var(--dg-border)}.ngb-filter-accordion__header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.75rem .9rem;border:0;background:transparent;font-size:.875rem;font-weight:600;text-align:left}.ngb-filter-accordion__body{padding:0 .9rem .9rem}.ngb-filter-accordion__stack{display:grid;gap:.5rem}.ngb-filter-accordion__join{margin:.35rem 0 0;font-size:.75rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--dg-text-muted)}.ngb-filter-accordion__condition-actions{margin-top:.15rem}.ngb-filter-accordion__add-condition{margin-top:.35rem}.ngb-filter-accordion__actions{display:flex;gap:.5rem;margin-top:.65rem}.ngb-layout-tool__footer{padding:.75rem .9rem;border-top:1px solid var(--dg-border)}.ngb-sort-list__item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.65rem .9rem;border:0;border-bottom:1px solid var(--dg-border);background:transparent;font-size:.875rem;text-align:left}.ngb-sort-list__item:last-child{border-bottom:0}.ngb-sort-list__item--active{color:var(--dg-primary);font-weight:600}.ngb-column-chooser__search{padding:.75rem .9rem .35rem}.ngb-column-chooser__list{padding:0 .9rem}.ngb-column-chooser__option{display:flex;align-items:center;gap:.55rem;padding:.45rem 0;font-size:.875rem}.ngb-column-chooser__summary{padding:.5rem .9rem;font-size:.8125rem;color:var(--dg-text-muted)}.ngb-column-chooser__actions{display:flex;gap:.5rem;padding:.75rem .9rem;border-top:1px solid var(--dg-border)}\n"] }]
         }] });
@@ -10848,8 +12009,8 @@ class NgbDataChartComponent {
         this.chart?.destroy();
         this.chart = undefined;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgbDataChartComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.0", type: NgbDataChartComponent, isStandalone: true, selector: "ngb-data-chart", inputs: { config: "config", ariaLabel: "ariaLabel", emptyState: "emptyState" }, viewQueries: [{ propertyName: "canvas", first: true, predicate: ["canvas"], descendants: true }], usesOnChanges: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: NgbDataChartComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: NgbDataChartComponent, isStandalone: true, selector: "ngb-data-chart", inputs: { config: "config", ariaLabel: "ariaLabel", emptyState: "emptyState" }, viewQueries: [{ propertyName: "canvas", first: true, predicate: ["canvas"], descendants: true }], usesOnChanges: true, ngImport: i0, template: `
     <div class="ngb-data-chart" [style.height.px]="chartHeight">
       @if (hasData()) {
         <canvas #canvas [attr.aria-label]="ariaLabel" role="img"></canvas>
@@ -10859,7 +12020,7 @@ class NgbDataChartComponent {
     </div>
   `, isInline: true, styles: [":host{display:block}.ngb-data-chart{position:relative;width:100%;height:320px;overflow:hidden}.ngb-data-chart canvas{display:block;width:100%!important;height:100%!important}.ngb-data-chart__empty{min-height:inherit;display:grid;place-items:center;color:#6b7280;font-size:.95rem;border:1px dashed #d7deea;border-radius:.75rem;background:#f8fafc}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgbDataChartComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: NgbDataChartComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ngb-data-chart', standalone: true, imports: [CommonModule], template: `
     <div class="ngb-data-chart" [style.height.px]="chartHeight">
@@ -10920,8 +12081,8 @@ class NgbDataSparklineComponent {
             return this.negativeColor;
         return this.neutralColor;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgbDataSparklineComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.0", type: NgbDataSparklineComponent, isStandalone: true, selector: "ngb-data-sparkline", inputs: { values: "values", width: "width", height: "height", strokeWidth: "strokeWidth", positiveColor: "positiveColor", negativeColor: "negativeColor", neutralColor: "neutralColor", color: "color", showEndDot: "showEndDot", endDotRadius: "endDotRadius", ariaLabel: "ariaLabel" }, usesOnChanges: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: NgbDataSparklineComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: NgbDataSparklineComponent, isStandalone: true, selector: "ngb-data-sparkline", inputs: { values: "values", width: "width", height: "height", strokeWidth: "strokeWidth", positiveColor: "positiveColor", negativeColor: "negativeColor", neutralColor: "neutralColor", color: "color", showEndDot: "showEndDot", endDotRadius: "endDotRadius", ariaLabel: "ariaLabel" }, usesOnChanges: true, ngImport: i0, template: `
     <svg
       class="ngb-data-sparkline"
       [attr.viewBox]="'0 0 ' + width + ' ' + height"
@@ -10942,7 +12103,7 @@ class NgbDataSparklineComponent {
     </svg>
   `, isInline: true, styles: [":host{display:inline-flex;align-items:center}.ngb-data-sparkline{display:block;overflow:visible}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgbDataSparklineComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: NgbDataSparklineComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ngb-data-sparkline', standalone: true, imports: [CommonModule], template: `
     <svg
@@ -11289,8 +12450,8 @@ class NgbGridChartComponent {
         })));
         return cols;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgbGridChartComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.0", type: NgbGridChartComponent, isStandalone: true, selector: "ngb-grid-chart", inputs: { config: "config", ariaLabel: "ariaLabel" }, outputs: { selectionChange: "selectionChange" }, viewQueries: [{ propertyName: "grid", first: true, predicate: Datagrid, descendants: true }], usesOnChanges: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: NgbGridChartComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: NgbGridChartComponent, isStandalone: true, selector: "ngb-grid-chart", inputs: { config: "config", ariaLabel: "ariaLabel" }, outputs: { selectionChange: "selectionChange" }, viewQueries: [{ propertyName: "grid", first: true, predicate: Datagrid, descendants: true }], usesOnChanges: true, ngImport: i0, template: `
     <div class="ngb-grid-chart" [class.ngb-grid-chart--full]="config?.mode === 'full-grid'">
       @if (config?.mode === 'sparklines') {
         <ngb-datagrid
@@ -11380,9 +12541,9 @@ class NgbGridChartComponent {
         </div>
       }
     </div>
-  `, isInline: true, styles: [":host{display:block}.ngb-grid-chart__split-layout,.ngb-grid-chart__full-layout{display:grid;gap:1rem;align-items:stretch}.ngb-grid-chart__split-layout{grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr)}.ngb-grid-chart--full .ngb-grid-chart__full-layout{grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr)}.ngb-grid-chart__grid-pane,.ngb-grid-chart__chart-pane,.ngb-grid-chart__summary-pane{min-width:0}.ngb-grid-chart__chart-pane{display:flex;flex-direction:column;gap:.5rem}.ngb-grid-chart__dimension{display:inline-flex;align-items:flex-start;gap:.55rem;min-width:0}.ngb-grid-chart__subdimension{display:block;font-size:.82rem;color:#6b7280;font-weight:500}.ngb-grid-chart__series-dot{width:.55rem;height:.55rem;border-radius:999px;margin-top:.35rem;flex:0 0 auto}.ngb-grid-chart__growth{font-weight:700}.ngb-grid-chart__growth--up{color:#16a34a}.ngb-grid-chart__growth--down{color:#ef4444}@media(max-width:960px){.ngb-grid-chart__split-layout,.ngb-grid-chart--full .ngb-grid-chart__full-layout{grid-template-columns:1fr}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: Datagrid, selector: "ngb-datagrid", inputs: ["columns", "data", "loading", "total", "enableSorting", "enableFiltering", "filterable", "enableGlobalFilter", "filterMode", "filter", "filterOperators", "filterManual", "externalFiltering", "dataOperations", "state", "multiCheckboxFilterOptions", "enablePagination", "pageable", "enableEdit", "enableDelete", "pageSizeOptions", "enableAdd", "addButtonAriaLabel", "addButtonText", "stickyRows", "stickyHeader", "stickyFooter", "scrollable", "stickyRowHeight", "stickyHeaderHeight", "stickyFooterHeight", "tableOptions", "dataLayoutMode", "selectionMode", "selectionBehavior", "selectionKeyMode", "selectAllEnabled", "selectionA11yLabels", "selectionDisabledFn", "highlightedIndex", "highlightRowKey", "highlightColKey", "globalFilterAriaLabel", "globalFilterPlaceholder", "searchHighlightTerm", "searchHighlightFields", "expandRowAriaLabel", "collapseRowAriaLabel", "exportPdfAriaLabel", "exportExcelAriaLabel", "newRowDefaults", "strictEmail", "editOnRowClick", "editMode", "toolbarEditHint", "singleExpand", "exportOptions", "theme", "responsive", "trackBy", "rowClass", "rowStyle", "rowReorderable", "columnReorderable", "resizable", "actionDisplay", "showStickyRowBadge", "stickyRowBadgeField", "stickyRowBadgeLabel", "labels", "locale", "dir", "keyboardNavigation", "editService", "dataProviderAll", "dataProviderSelection", "pageSize"], outputs: ["rowAdd", "rowEdit", "rowSave", "rowCancel", "rowDelete", "sortChange", "filterChange", "filtersChange", "pageChange", "dataStateChange", "selectionChange", "rowReorder", "columnReorder"] }, { kind: "directive", type: NgbCellTemplate, selector: "ng-template[ngbCell]", inputs: ["ngbCell"] }, { kind: "component", type: NgbDataChartComponent, selector: "ngb-data-chart", inputs: ["config", "ariaLabel", "emptyState"] }, { kind: "component", type: NgbDataSparklineComponent, selector: "ngb-data-sparkline", inputs: ["values", "width", "height", "strokeWidth", "positiveColor", "negativeColor", "neutralColor", "color", "showEndDot", "endDotRadius", "ariaLabel"] }, { kind: "pipe", type: i1$1.DecimalPipe, name: "number" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+  `, isInline: true, styles: [":host{display:block}.ngb-grid-chart__split-layout,.ngb-grid-chart__full-layout{display:grid;gap:1rem;align-items:stretch}.ngb-grid-chart__split-layout{grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr)}.ngb-grid-chart--full .ngb-grid-chart__full-layout{grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr)}.ngb-grid-chart__grid-pane,.ngb-grid-chart__chart-pane,.ngb-grid-chart__summary-pane{min-width:0}.ngb-grid-chart__chart-pane{display:flex;flex-direction:column;gap:.5rem}.ngb-grid-chart__dimension{display:inline-flex;align-items:flex-start;gap:.55rem;min-width:0}.ngb-grid-chart__subdimension{display:block;font-size:.82rem;color:#6b7280;font-weight:500}.ngb-grid-chart__series-dot{width:.55rem;height:.55rem;border-radius:999px;margin-top:.35rem;flex:0 0 auto}.ngb-grid-chart__growth{font-weight:700}.ngb-grid-chart__growth--up{color:#16a34a}.ngb-grid-chart__growth--down{color:#ef4444}@media(max-width:960px){.ngb-grid-chart__split-layout,.ngb-grid-chart--full .ngb-grid-chart__full-layout{grid-template-columns:1fr}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: Datagrid, selector: "ngb-datagrid", inputs: ["columns", "data", "loading", "total", "enableSorting", "enableFiltering", "filterable", "enableGlobalFilter", "filterMode", "filter", "filterOperators", "filterManual", "externalFiltering", "dataOperations", "groupable", "group", "groupedData", "state", "multiCheckboxFilterOptions", "enablePagination", "pageable", "enableEdit", "enableDelete", "pageSizeOptions", "enableAdd", "addButtonAriaLabel", "addButtonText", "stickyRows", "stickyHeader", "stickyFooter", "scrollable", "stickyRowHeight", "stickyHeaderHeight", "stickyFooterHeight", "tableOptions", "dataLayoutMode", "selectionMode", "selectionBehavior", "selectionKeyMode", "selectAllEnabled", "selectionA11yLabels", "selectionDisabledFn", "highlightedIndex", "highlightRowKey", "highlightColKey", "globalFilterAriaLabel", "globalFilterPlaceholder", "searchHighlightTerm", "searchHighlightFields", "expandRowAriaLabel", "collapseRowAriaLabel", "exportPdfAriaLabel", "exportExcelAriaLabel", "newRowDefaults", "strictEmail", "editOnRowClick", "editMode", "toolbarEditHint", "singleExpand", "exportOptions", "theme", "responsive", "trackBy", "rowClass", "rowStyle", "rowReorderable", "columnReorderable", "resizable", "actionDisplay", "showStickyRowBadge", "stickyRowBadgeField", "stickyRowBadgeLabel", "labels", "locale", "dir", "keyboardNavigation", "editService", "dataProviderAll", "dataProviderSelection", "pageSize"], outputs: ["rowAdd", "rowEdit", "rowSave", "rowCancel", "rowDelete", "groupChange", "sortChange", "filterChange", "filtersChange", "pageChange", "dataStateChange", "selectionChange", "rowReorder", "columnReorder"] }, { kind: "directive", type: NgbCellTemplate, selector: "ng-template[ngbCell]", inputs: ["ngbCell"] }, { kind: "component", type: NgbDataChartComponent, selector: "ngb-data-chart", inputs: ["config", "ariaLabel", "emptyState"] }, { kind: "component", type: NgbDataSparklineComponent, selector: "ngb-data-sparkline", inputs: ["values", "width", "height", "strokeWidth", "positiveColor", "negativeColor", "neutralColor", "color", "showEndDot", "endDotRadius", "ariaLabel"] }, { kind: "pipe", type: i1$1.DecimalPipe, name: "number" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgbGridChartComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: NgbGridChartComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ngb-grid-chart', standalone: true, imports: [CommonModule, Datagrid, NgbCellTemplate, NgbDataChartComponent, NgbDataSparklineComponent], template: `
     <div class="ngb-grid-chart" [class.ngb-grid-chart--full]="config?.mode === 'full-grid'">
@@ -11654,8 +12815,8 @@ class NgbAdvancedSearchComponent {
             this.inputTypeCache.set(field.field, field.type === 'number' ? 'number' : field.type === 'date' ? 'date' : 'text');
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgbAdvancedSearchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.0", type: NgbAdvancedSearchComponent, isStandalone: true, selector: "ngb-advanced-search", inputs: { fields: "fields", operators: "operators", rules: "rules", logic: "logic", minRules: "minRules", matchLabel: "matchLabel", rulesLabel: "rulesLabel", whenLabel: "whenLabel", addRuleLabel: "addRuleLabel", applyLabel: "applyLabel", removeRuleLabel: "removeRuleLabel", removeRuleAriaLabel: "removeRuleAriaLabel", fieldAriaLabel: "fieldAriaLabel", operatorAriaLabel: "operatorAriaLabel", valueAriaLabel: "valueAriaLabel", valuePlaceholder: "valuePlaceholder" }, outputs: { rulesChange: "rulesChange", logicChange: "logicChange", filterChange: "filterChange" }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: NgbAdvancedSearchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: NgbAdvancedSearchComponent, isStandalone: true, selector: "ngb-advanced-search", inputs: { fields: "fields", operators: "operators", rules: "rules", logic: "logic", minRules: "minRules", matchLabel: "matchLabel", rulesLabel: "rulesLabel", whenLabel: "whenLabel", addRuleLabel: "addRuleLabel", applyLabel: "applyLabel", removeRuleLabel: "removeRuleLabel", removeRuleAriaLabel: "removeRuleAriaLabel", fieldAriaLabel: "fieldAriaLabel", operatorAriaLabel: "operatorAriaLabel", valueAriaLabel: "valueAriaLabel", valuePlaceholder: "valuePlaceholder" }, outputs: { rulesChange: "rulesChange", logicChange: "logicChange", filterChange: "filterChange" }, ngImport: i0, template: `
     <div class="ngb-advanced-search">
       <div class="ngb-advanced-search__logic">
         <span>{{ matchLabel }}</span>
@@ -11736,7 +12897,7 @@ class NgbAdvancedSearchComponent {
     </div>
   `, isInline: true, styles: [":host{display:block}.ngb-advanced-search{display:grid;gap:1rem;color:var(--dg-text, #1f2937)}.ngb-advanced-search__logic,.ngb-advanced-search__actions{display:flex;flex-wrap:wrap;align-items:center;gap:.625rem}.ngb-advanced-search__logic{font-weight:700}.ngb-advanced-search__rules{display:grid;gap:.75rem}.ngb-advanced-search__rule{display:grid;grid-template-columns:auto minmax(9rem,1fr) minmax(10rem,1fr) minmax(10rem,1fr) auto;align-items:center;gap:.625rem}.ngb-advanced-search__join{min-width:3.5rem;font-size:.8125rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--dg-text-muted, #64748b)}.ngb-advanced-search .grid-filter-control{min-height:var(--dg-control-height, 2.5rem);border:1px solid var(--dg-border, #d5dbe5);border-radius:var(--dg-radius-md, .5rem);background:var(--dg-surface, #fff);color:var(--dg-text, #1f2937);padding:0 .75rem}.ngb-advanced-search .datagrid-toolbar__button,.ngb-advanced-search .grid-row-action{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:var(--dg-control-height, 2.5rem);padding:0 .9rem;border:1px solid var(--dg-border, #d5dbe5);border-radius:var(--dg-radius-md, .5rem);background:var(--dg-surface, #fff);color:var(--dg-text, #1f2937);font:inherit;font-weight:700}.ngb-advanced-search .datagrid-toolbar__button--primary{border-color:var(--dg-accent, #2563eb);background:var(--dg-accent, #2563eb);color:#fff}.ngb-advanced-search .grid-row-action--success{border-color:#16a34a;background:#16a34a;color:#fff}.ngb-advanced-search .grid-row-action--danger{border-color:#dc2626;background:#dc2626;color:#fff}.ngb-advanced-search button:disabled{cursor:not-allowed;opacity:.55}@media(max-width:768px){.ngb-advanced-search__rule{grid-template-columns:1fr}.ngb-advanced-search__join{min-width:0}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox]):not([ngNoCva])[formControlName],textarea:not([ngNoCva])[formControlName],input:not([type=checkbox]):not([ngNoCva])[formControl],textarea:not([ngNoCva])[formControl],input:not([type=checkbox]):not([ngNoCva])[ngModel],textarea:not([ngNoCva])[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.SelectControlValueAccessor, selector: "select:not([multiple]):not([ngNoCva])[formControlName],select:not([multiple]):not([ngNoCva])[formControl],select:not([multiple]):not([ngNoCva])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: NgbDatagridButtonDirective, selector: "button[ngbDatagridButton], a[ngbDatagridButton]", inputs: ["ngbDatagridButton"] }, { kind: "directive", type: NgbDatagridControlDirective, selector: "input[ngbDatagridControl], select[ngbDatagridControl], textarea[ngbDatagridControl]", inputs: ["ngbDatagridControlMode"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgbAdvancedSearchComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: NgbAdvancedSearchComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ngb-advanced-search', standalone: true, imports: [CommonModule, FormsModule, NgbDatagridButtonDirective, NgbDatagridControlDirective], template: `
     <div class="ngb-advanced-search">
@@ -11895,8 +13056,8 @@ class NgbSearchHighlightComponent {
             selectedFields: [...this.selectedFields],
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgbSearchHighlightComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.0", type: NgbSearchHighlightComponent, isStandalone: true, selector: "ngb-search-highlight", inputs: { fields: "fields", selectedFields: "selectedFields", term: "term", placeholder: "placeholder", searchAriaLabel: "searchAriaLabel", fieldsLabel: "fieldsLabel", fieldsAriaLabel: "fieldsAriaLabel", searchIcon: "searchIcon", allowEmptySelection: "allowEmptySelection" }, outputs: { termChange: "termChange", selectedFieldsChange: "selectedFieldsChange", selectionChange: "selectionChange" }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: NgbSearchHighlightComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: NgbSearchHighlightComponent, isStandalone: true, selector: "ngb-search-highlight", inputs: { fields: "fields", selectedFields: "selectedFields", term: "term", placeholder: "placeholder", searchAriaLabel: "searchAriaLabel", fieldsLabel: "fieldsLabel", fieldsAriaLabel: "fieldsAriaLabel", searchIcon: "searchIcon", allowEmptySelection: "allowEmptySelection" }, outputs: { termChange: "termChange", selectedFieldsChange: "selectedFieldsChange", selectionChange: "selectionChange" }, ngImport: i0, template: `
     <div class="ngb-search-highlight">
       <label class="ngb-search-highlight__search">
         <span class="ngb-search-highlight__icon" aria-hidden="true">{{ searchIcon }}</span>
@@ -11932,7 +13093,7 @@ class NgbSearchHighlightComponent {
     </div>
   `, isInline: true, styles: [":host{display:block}.ngb-search-highlight{display:grid;gap:1rem;color:var(--dg-text, #1f2937)}.ngb-search-highlight__search{display:flex;align-items:center;gap:.625rem;min-width:min(100%,18rem)}.ngb-search-highlight__search .grid-filter-control{width:100%;min-height:var(--dg-control-height, 2.5rem);border:1px solid var(--dg-border, #d5dbe5);border-radius:var(--dg-radius-md, .5rem);background:var(--dg-surface, #fff);color:var(--dg-text, #1f2937);padding:0 .75rem}.ngb-search-highlight__icon{color:var(--dg-text-muted, #64748b);display:inline-flex;align-items:center;justify-content:center;min-width:2rem;font-size:1.9rem;line-height:1;font-weight:700}.ngb-search-highlight__fields{display:grid;gap:.5rem}.ngb-search-highlight__label{font-size:.875rem;font-weight:700;color:var(--dg-text, #1f2937)}.ngb-search-highlight__chips{display:flex;flex-wrap:wrap;gap:.5rem}.ngb-search-highlight .datagrid-toolbar__button{display:inline-flex;align-items:center;justify-content:center;min-height:var(--dg-control-height, 2.5rem);padding:0 .9rem;border:1px solid var(--dg-border, #d5dbe5);border-radius:var(--dg-radius-md, .5rem);background:var(--dg-surface, #fff);color:var(--dg-text, #1f2937);font:inherit;font-weight:700}.ngb-search-highlight .datagrid-toolbar__button--primary{border-color:var(--dg-accent, #2563eb);background:var(--dg-accent, #2563eb);color:#fff}.ngb-search-highlight button:disabled{cursor:not-allowed;opacity:.55}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox]):not([ngNoCva])[formControlName],textarea:not([ngNoCva])[formControlName],input:not([type=checkbox]):not([ngNoCva])[formControl],textarea:not([ngNoCva])[formControl],input:not([type=checkbox]):not([ngNoCva])[ngModel],textarea:not([ngNoCva])[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: NgbDatagridButtonDirective, selector: "button[ngbDatagridButton], a[ngbDatagridButton]", inputs: ["ngbDatagridButton"] }, { kind: "directive", type: NgbDatagridControlDirective, selector: "input[ngbDatagridControl], select[ngbDatagridControl], textarea[ngbDatagridControl]", inputs: ["ngbDatagridControlMode"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgbSearchHighlightComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: NgbSearchHighlightComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ngb-search-highlight', standalone: true, imports: [CommonModule, FormsModule, NgbDatagridButtonDirective, NgbDatagridControlDirective], template: `
     <div class="ngb-search-highlight">
@@ -12061,8 +13222,8 @@ class NgbDatagridThemePickerComponent {
             .map((label) => ({ label, items: themes.filter((theme) => theme.group === label) }))
             .filter((group) => group.items.length > 0);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgbDatagridThemePickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.0", type: NgbDatagridThemePickerComponent, isStandalone: true, selector: "ngb-datagrid-theme-picker", inputs: { label: "label", value: "value", themes: "themes" }, outputs: { valueChange: "valueChange" }, host: { listeners: { "document:click": "closeOnOutsideClick($event)", "keydown.escape": "closeOnEscape()" } }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: NgbDatagridThemePickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: NgbDatagridThemePickerComponent, isStandalone: true, selector: "ngb-datagrid-theme-picker", inputs: { label: "label", value: "value", themes: "themes" }, outputs: { valueChange: "valueChange" }, host: { listeners: { "document:click": "closeOnOutsideClick($event)", "keydown.escape": "closeOnEscape()" } }, ngImport: i0, template: `
     <div class="ngb-datagrid-theme-picker">
       @if (label) {
         <span class="ngb-datagrid-theme-picker__label">{{ label }}</span>
@@ -12122,7 +13283,7 @@ class NgbDatagridThemePickerComponent {
     </div>
   `, isInline: true, styles: [":host{display:inline-block;color:#344054;font:inherit}.ngb-datagrid-theme-picker{display:inline-flex;align-items:center;gap:.6rem;position:relative}.ngb-datagrid-theme-picker__label{color:#667085;font-size:.86rem;line-height:1.4}.ngb-datagrid-theme-picker__control{position:relative;min-width:12.5rem}.ngb-datagrid-theme-picker__trigger,.ngb-datagrid-theme-picker__option{display:flex;align-items:center;width:100%;border:1px solid #d0d5dd;background:#fff;color:#101828;font:inherit;text-align:left;cursor:pointer}.ngb-datagrid-theme-picker__trigger{min-height:2.25rem;gap:.55rem;padding:.35rem .65rem;border-radius:.5rem;box-shadow:0 1px 2px #1018280d}.ngb-datagrid-theme-picker__trigger:focus-visible,.ngb-datagrid-theme-picker__trigger--open{outline:none;border-color:#315efb;box-shadow:0 0 0 .2rem #315efb24}.ngb-datagrid-theme-picker__selected{flex:1 1 auto;min-width:0;font-weight:600}.ngb-datagrid-theme-picker__chevron{width:.75rem;height:.75rem;border-right:2px solid #315efb;border-bottom:2px solid #315efb;transform:rotate(45deg);transition:transform .15s ease;margin-top:-.25rem}.ngb-datagrid-theme-picker__trigger--open .ngb-datagrid-theme-picker__chevron{transform:rotate(225deg);margin-top:.25rem}.ngb-datagrid-theme-picker__menu{position:absolute;z-index:1100;top:calc(100% + .25rem);right:0;width:min(19rem,90vw);max-height:24rem;overflow:auto;padding:.65rem;border:1px solid #d7deea;border-radius:.5rem;background:#fff;box-shadow:0 1rem 2.25rem #1018282e}.ngb-datagrid-theme-picker__group{padding:.55rem .65rem .45rem;color:#344054;font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;border-top:1px solid #e4e7ec}.ngb-datagrid-theme-picker__group:first-child{border-top:0;padding-top:.35rem}.ngb-datagrid-theme-picker__option{gap:.65rem;min-height:2.55rem;padding:.45rem .65rem;border:0;border-radius:.45rem}.ngb-datagrid-theme-picker__option:hover,.ngb-datagrid-theme-picker__option--active{background:#f2f4f7}.ngb-datagrid-theme-picker__option-label{flex:1 1 auto;font-weight:600;color:#344054}.ngb-datagrid-theme-picker__swatches{display:inline-flex;align-items:center;min-width:3.2rem}.ngb-datagrid-theme-picker__swatch{width:1.25rem;height:1.25rem;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #10182814}.ngb-datagrid-theme-picker__swatch+.ngb-datagrid-theme-picker__swatch{margin-left:-.42rem}.ngb-datagrid-theme-picker__moon{width:.95rem;height:.95rem;border-radius:50%;box-shadow:-.28rem 0 #344054;transform:translate(.28rem)}@media(max-width:640px){.ngb-datagrid-theme-picker{align-items:stretch;flex-direction:column;gap:.45rem;width:100%}.ngb-datagrid-theme-picker__control{min-width:0;width:100%}.ngb-datagrid-theme-picker__menu{left:0;right:auto;width:100%}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgbDatagridThemePickerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: NgbDatagridThemePickerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ngb-datagrid-theme-picker', standalone: true, imports: [CommonModule], template: `
     <div class="ngb-datagrid-theme-picker">
@@ -12212,10 +13373,10 @@ class NgbDndHandleDirective {
     onDragEnd() {
         this.item?.onDragEnd();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgbDndHandleDirective, deps: [{ token: NgbDndItemDirective, optional: true, skipSelf: true }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.0", type: NgbDndHandleDirective, isStandalone: true, selector: "[ngbDndHandle]", host: { listeners: { "dragstart": "onDragStart($event)", "dragend": "onDragEnd()" }, properties: { "attr.draggable": "this.draggable", "class.ngb-dnd-handle": "this.hostClass" } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: NgbDndHandleDirective, deps: [{ token: NgbDndItemDirective, optional: true, skipSelf: true }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: NgbDndHandleDirective, isStandalone: true, selector: "[ngbDndHandle]", host: { listeners: { "dragstart": "onDragStart($event)", "dragend": "onDragEnd()" }, properties: { "attr.draggable": "this.draggable", "class.ngb-dnd-handle": "this.hostClass" } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgbDndHandleDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: NgbDndHandleDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ngbDndHandle]',
@@ -12255,12 +13416,12 @@ class NgbJsonPreviewComponent {
             return this.fallback;
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgbJsonPreviewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.0", type: NgbJsonPreviewComponent, isStandalone: true, selector: "ngb-json-preview", inputs: { value: "value", indent: "indent", fallback: "fallback", maxHeight: "maxHeight" }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: NgbJsonPreviewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.8", type: NgbJsonPreviewComponent, isStandalone: true, selector: "ngb-json-preview", inputs: { value: "value", indent: "indent", fallback: "fallback", maxHeight: "maxHeight" }, ngImport: i0, template: `
     <pre class="ngb-json-preview" [style.max-height.px]="maxHeight"><code>{{ formattedJson }}</code></pre>
   `, isInline: true, styles: [":host{display:block}.ngb-json-preview{margin:0;overflow:auto;padding:.75rem 1rem;border:0;background:var(--bs-body-bg, #fff);color:var(--bs-body-color, #212529);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.875rem;line-height:1.4;white-space:pre}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgbJsonPreviewComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: NgbJsonPreviewComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ngb-json-preview', standalone: true, template: `
     <pre class="ngb-json-preview" [style.max-height.px]="maxHeight"><code>{{ formattedJson }}</code></pre>
@@ -12281,10 +13442,10 @@ class NgbStepLabelDirective {
     constructor(template) {
         this.template = template;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgbStepLabelDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.0", type: NgbStepLabelDirective, isStandalone: true, selector: "[ngbStepLabel]", inputs: { for: ["ngbStepLabel", "for"] }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: NgbStepLabelDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: NgbStepLabelDirective, isStandalone: true, selector: "[ngbStepLabel]", inputs: { for: ["ngbStepLabel", "for"] }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgbStepLabelDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: NgbStepLabelDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ngbStepLabel]',
@@ -12479,10 +13640,10 @@ class NgbStepperComponent {
             step: this.steps[nextIndex],
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgbStepperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.0", type: NgbStepperComponent, isStandalone: true, selector: "ngb-stepper", inputs: { steps: "steps", orientation: "orientation", labelPosition: "labelPosition", contentPosition: "contentPosition", allowRevisit: "allowRevisit", lazy: "lazy", theme: "theme", responsive: "responsive", disableAnimation: "disableAnimation", animationDuration: "animationDuration", nextLabel: "nextLabel", previousLabel: "previousLabel", resetLabel: "resetLabel", cancelLabel: "cancelLabel", optionalLabel: "optionalLabel", stateIcons: "stateIcons", selectedIndex: "selectedIndex" }, outputs: { selectedIndexChange: "selectedIndexChange", selectionChange: "selectionChange", nextClicked: "nextClicked", prevClicked: "prevClicked", resetClicked: "resetClicked", cancelClicked: "cancelClicked" }, queries: [{ propertyName: "stepLabelTplDir", first: true, predicate: NgbStepLabelDirective, descendants: true }, { propertyName: "customIconTpl", first: true, predicate: ["ngbStepperIcon"], descendants: true, read: TemplateRef }, { propertyName: "stepContentTpl", first: true, predicate: ["stepContent"], descendants: true, read: TemplateRef }], ngImport: i0, template: "<div\n  class=\"ngb-stepper\"\n  [class.horizontal]=\"orientation === 'horizontal'\"\n  [class.vertical]=\"orientation === 'vertical'\"\n  [class.ngb-responsive]=\"responsive\"\n  [class.bootstrap]=\"theme === 'bootstrap'\"\n  [class.material]=\"theme === 'material'\"\n  [class.tailwind]=\"theme === 'tailwind'\"\n  role=\"tablist\"\n  [attr.aria-orientation]=\"orientation\"\n>\n  <!-- HEADER / LABELS -->\n  <div class=\"ngb-stepper-header\">\n    <ol class=\"ngb-stepper-steps\" role=\"presentation\">\n      @for (step of steps; track step; let i = $index) {\n      <li\n        class=\"ngb-stepper-step\"\n        [class.active]=\"i === selectedIndex\"\n        [class.done]=\"i < selectedIndex && !isStepInError(i)\"\n        [class.error]=\"isStepInError(i)\"\n        [class.disabled]=\"step.disabled\"\n        role=\"tab\"\n        [attr.id]=\"stepId(i)\"\n        [attr.aria-controls]=\"contentId(i)\"\n        [attr.aria-selected]=\"i === selectedIndex\"\n        [attr.aria-disabled]=\"step.disabled || (!allowRevisit && i < visitedFrom && i !== selectedIndex)\"\n        tabindex=\"{{ i === selectedIndex ? 0 : -1 }}\"\n        (click)=\"onHeaderClick(i)\"\n        (keydown.enter)=\"onHeaderKeydown($event, i)\"\n        (keydown.space)=\"onHeaderKeydown($event, i)\"\n      >\n        <div\n          class=\"ngb-stepper-indicator\"\n          [ngClass]=\"indicatorClass(i)\"\n          aria-hidden=\"true\"\n        >\n          @if (customIconTpl) {\n            <ng-container\n              [ngTemplateOutlet]=\"customIconTpl\"\n              [ngTemplateOutletContext]=\"{ index: i, state: stepState(i) }\"\n            ></ng-container>\n          } @else {\n            {{ defaultIconForState(stepState(i), i) }}\n          }\n        </div>\n\n        <div\n          class=\"ngb-stepper-label-container\"\n          [ngClass]=\"labelPositionClass\"\n        >\n          @if (stepLabelTpl) {\n          <div class=\"ngb-stepper-label\">\n            <ng-container\n              [ngTemplateOutlet]=\"stepLabelTpl\"\n              [ngTemplateOutletContext]=\"{ index: i, step: step }\"\n            ></ng-container>\n          </div>\n          } @else {\n            <div class=\"ngb-stepper-label-text\">\n              {{ step.label || ('Step ' + (i + 1)) }}\n            </div>\n          }\n          @if (step.optional) {\n          <div class=\"ngb-stepper-optional\">\n            {{ optionalLabel }}\n          </div>\n          }\n        </div>\n      </li>\n      }\n    </ol>\n  </div>\n\n  <!-- CONTENT -->\n  <div class=\"ngb-stepper-content\" [class.ngb-stepper-content-top]=\"contentPosition === 'top'\">\n    @if (lazy) {\n      <div\n        class=\"fade-step\"\n        [style.--ngb-stepper-animation-duration]=\"(disableAnimation ? 0 : animationDuration) + 'ms'\"\n        role=\"tabpanel\"\n        [attr.aria-labelledby]=\"stepId(selectedIndex)\"\n        [attr.id]=\"contentId(selectedIndex)\"\n      >\n        <ng-container *ngTemplateOutlet=\"stepContentTpl; context: { index: selectedIndex }\"></ng-container>\n        @if (currentErrorMessage) {\n          <div class=\"ngb-stepper-error\" role=\"alert\">\n            {{ currentErrorMessage }}\n          </div>\n        }\n      </div>\n    } @else {\n      <div\n        class=\"fade-step\"\n        [style.--ngb-stepper-animation-duration]=\"(disableAnimation ? 0 : animationDuration) + 'ms'\"\n        role=\"tabpanel\"\n        [attr.aria-labelledby]=\"stepId(selectedIndex)\"\n        [attr.id]=\"contentId(selectedIndex)\"\n      >\n        <ng-container *ngTemplateOutlet=\"stepContentTpl; context: { index: selectedIndex }\"></ng-container>\n        @if (currentErrorMessage) {\n          <div class=\"ngb-stepper-error\" role=\"alert\">\n            {{ currentErrorMessage }}\n          </div>\n        }\n      </div>\n    }\n  </div>\n\n  <!-- ACTIONS -->\n  <div class=\"ngb-stepper-buttons\">\n    <button\n      type=\"button\"\n      class=\"btn btn-sm btn-outline-secondary\"\n      (click)=\"onCancel()\"\n    >\n      {{ cancelLabel }}\n    </button>\n\n    <button\n      type=\"button\"\n      class=\"btn btn-sm btn-outline-secondary\"\n      (click)=\"onReset()\"\n    >\n      {{ resetLabel }}\n    </button>\n\n    <button\n      type=\"button\"\n      class=\"btn btn-sm btn-outline-secondary\"\n      (click)=\"prev()\"\n      [disabled]=\"selectedIndex <= 0 || !allowRevisit\"\n    >\n      {{ previousLabel }}\n    </button>\n\n    <button\n      type=\"button\"\n      class=\"btn btn-sm btn-primary\"\n      (click)=\"next()\"\n      [disabled]=\"selectedIndex >= steps.length - 1 || steps[selectedIndex]?.disabled\"\n    >\n      {{ nextLabel }}\n    </button>\n  </div>\n</div>\n", styles: [".ngb-stepper{display:flex;flex-direction:column}.ngb-stepper.horizontal .ngb-stepper-header{display:flex;overflow-x:auto}.ngb-stepper.vertical .ngb-stepper-header{display:block}.ngb-stepper-header{margin-bottom:1rem}.ngb-stepper-steps{list-style:none;padding:0;margin:0;display:flex;flex-wrap:nowrap}.ngb-stepper.vertical .ngb-stepper-steps{flex-direction:column}.ngb-stepper-step{position:relative;display:flex;align-items:center;cursor:pointer}.ngb-stepper.horizontal .ngb-stepper-step{padding:.5rem .75rem}.ngb-stepper.vertical .ngb-stepper-step{padding:.5rem 0}.ngb-stepper-step.disabled{cursor:default;opacity:.6}.ngb-stepper-indicator{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:50%;margin-right:.5rem;flex-shrink:0}.ngb-stepper.bootstrap .ngb-stepper-indicator{border:1px solid var(--bs-border-color, #dee2e6);background-color:var(--bs-body-bg, #fff)}.ngb-stepper.bootstrap .ngb-stepper-step.active .ngb-stepper-indicator{background-color:var(--bs-primary, #0d6efd);color:#fff}.ngb-stepper.bootstrap .ngb-stepper-step.done .ngb-stepper-indicator{background-color:var(--bs-success, #198754);color:#fff}.ngb-stepper.bootstrap .ngb-stepper-step.error .ngb-stepper-indicator{background-color:var(--bs-danger, #dc3545);color:#fff}.ngb-stepper-label-container{display:flex;flex-direction:column}.ngb-stepper-label-top{flex-direction:column-reverse}.ngb-stepper-label-bottom{flex-direction:column}.ngb-stepper-label-left{flex-direction:row-reverse}.ngb-stepper-label-right{flex-direction:row}.ngb-stepper-content{position:relative}.ngb-stepper-content-top{order:-1}.ngb-stepper-buttons{display:flex;justify-content:flex-end;gap:.5rem;margin-top:1rem}.ngb-stepper-error{color:var(--bs-danger, #dc3545);font-size:.875rem;margin-top:.25rem}.ngb-stepper-optional{font-size:.75rem;opacity:.7}.ngb-stepper .fade-step{animation:ngb-stepper-fade var(--ngb-stepper-animation-duration, .15s) ease-in-out;animation-fill-mode:both}@keyframes ngb-stepper-fade{0%{opacity:0;transform:translateY(.35rem)}to{opacity:1;transform:translateY(0)}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: NgbStepperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: NgbStepperComponent, isStandalone: true, selector: "ngb-stepper", inputs: { steps: "steps", orientation: "orientation", labelPosition: "labelPosition", contentPosition: "contentPosition", allowRevisit: "allowRevisit", lazy: "lazy", theme: "theme", responsive: "responsive", disableAnimation: "disableAnimation", animationDuration: "animationDuration", nextLabel: "nextLabel", previousLabel: "previousLabel", resetLabel: "resetLabel", cancelLabel: "cancelLabel", optionalLabel: "optionalLabel", stateIcons: "stateIcons", selectedIndex: "selectedIndex" }, outputs: { selectedIndexChange: "selectedIndexChange", selectionChange: "selectionChange", nextClicked: "nextClicked", prevClicked: "prevClicked", resetClicked: "resetClicked", cancelClicked: "cancelClicked" }, queries: [{ propertyName: "stepLabelTplDir", first: true, predicate: NgbStepLabelDirective, descendants: true }, { propertyName: "customIconTpl", first: true, predicate: ["ngbStepperIcon"], descendants: true, read: TemplateRef }, { propertyName: "stepContentTpl", first: true, predicate: ["stepContent"], descendants: true, read: TemplateRef }], ngImport: i0, template: "<div\n  class=\"ngb-stepper\"\n  [class.horizontal]=\"orientation === 'horizontal'\"\n  [class.vertical]=\"orientation === 'vertical'\"\n  [class.ngb-responsive]=\"responsive\"\n  [class.bootstrap]=\"theme === 'bootstrap'\"\n  [class.material]=\"theme === 'material'\"\n  [class.tailwind]=\"theme === 'tailwind'\"\n  role=\"tablist\"\n  [attr.aria-orientation]=\"orientation\"\n>\n  <!-- HEADER / LABELS -->\n  <div class=\"ngb-stepper-header\">\n    <ol class=\"ngb-stepper-steps\" role=\"presentation\">\n      @for (step of steps; track step; let i = $index) {\n      <li\n        class=\"ngb-stepper-step\"\n        [class.active]=\"i === selectedIndex\"\n        [class.done]=\"i < selectedIndex && !isStepInError(i)\"\n        [class.error]=\"isStepInError(i)\"\n        [class.disabled]=\"step.disabled\"\n        role=\"tab\"\n        [attr.id]=\"stepId(i)\"\n        [attr.aria-controls]=\"contentId(i)\"\n        [attr.aria-selected]=\"i === selectedIndex\"\n        [attr.aria-disabled]=\"step.disabled || (!allowRevisit && i < visitedFrom && i !== selectedIndex)\"\n        tabindex=\"{{ i === selectedIndex ? 0 : -1 }}\"\n        (click)=\"onHeaderClick(i)\"\n        (keydown.enter)=\"onHeaderKeydown($event, i)\"\n        (keydown.space)=\"onHeaderKeydown($event, i)\"\n      >\n        <div\n          class=\"ngb-stepper-indicator\"\n          [ngClass]=\"indicatorClass(i)\"\n          aria-hidden=\"true\"\n        >\n          @if (customIconTpl) {\n            <ng-container\n              [ngTemplateOutlet]=\"customIconTpl\"\n              [ngTemplateOutletContext]=\"{ index: i, state: stepState(i) }\"\n            ></ng-container>\n          } @else {\n            {{ defaultIconForState(stepState(i), i) }}\n          }\n        </div>\n\n        <div\n          class=\"ngb-stepper-label-container\"\n          [ngClass]=\"labelPositionClass\"\n        >\n          @if (stepLabelTpl) {\n          <div class=\"ngb-stepper-label\">\n            <ng-container\n              [ngTemplateOutlet]=\"stepLabelTpl\"\n              [ngTemplateOutletContext]=\"{ index: i, step: step }\"\n            ></ng-container>\n          </div>\n          } @else {\n            <div class=\"ngb-stepper-label-text\">\n              {{ step.label || ('Step ' + (i + 1)) }}\n            </div>\n          }\n          @if (step.optional) {\n          <div class=\"ngb-stepper-optional\">\n            {{ optionalLabel }}\n          </div>\n          }\n        </div>\n      </li>\n      }\n    </ol>\n  </div>\n\n  <!-- CONTENT -->\n  <div class=\"ngb-stepper-content\" [class.ngb-stepper-content-top]=\"contentPosition === 'top'\">\n    @if (lazy) {\n      <div\n        class=\"fade-step\"\n        [style.--ngb-stepper-animation-duration]=\"(disableAnimation ? 0 : animationDuration) + 'ms'\"\n        role=\"tabpanel\"\n        [attr.aria-labelledby]=\"stepId(selectedIndex)\"\n        [attr.id]=\"contentId(selectedIndex)\"\n      >\n        <ng-container *ngTemplateOutlet=\"stepContentTpl; context: { index: selectedIndex }\"></ng-container>\n        @if (currentErrorMessage) {\n          <div class=\"ngb-stepper-error\" role=\"alert\">\n            {{ currentErrorMessage }}\n          </div>\n        }\n      </div>\n    } @else {\n      <div\n        class=\"fade-step\"\n        [style.--ngb-stepper-animation-duration]=\"(disableAnimation ? 0 : animationDuration) + 'ms'\"\n        role=\"tabpanel\"\n        [attr.aria-labelledby]=\"stepId(selectedIndex)\"\n        [attr.id]=\"contentId(selectedIndex)\"\n      >\n        <ng-container *ngTemplateOutlet=\"stepContentTpl; context: { index: selectedIndex }\"></ng-container>\n        @if (currentErrorMessage) {\n          <div class=\"ngb-stepper-error\" role=\"alert\">\n            {{ currentErrorMessage }}\n          </div>\n        }\n      </div>\n    }\n  </div>\n\n  <!-- ACTIONS -->\n  <div class=\"ngb-stepper-buttons\">\n    <button\n      type=\"button\"\n      class=\"btn btn-sm btn-outline-secondary\"\n      (click)=\"onCancel()\"\n    >\n      {{ cancelLabel }}\n    </button>\n\n    <button\n      type=\"button\"\n      class=\"btn btn-sm btn-outline-secondary\"\n      (click)=\"onReset()\"\n    >\n      {{ resetLabel }}\n    </button>\n\n    <button\n      type=\"button\"\n      class=\"btn btn-sm btn-outline-secondary\"\n      (click)=\"prev()\"\n      [disabled]=\"selectedIndex <= 0 || !allowRevisit\"\n    >\n      {{ previousLabel }}\n    </button>\n\n    <button\n      type=\"button\"\n      class=\"btn btn-sm btn-primary\"\n      (click)=\"next()\"\n      [disabled]=\"selectedIndex >= steps.length - 1 || steps[selectedIndex]?.disabled\"\n    >\n      {{ nextLabel }}\n    </button>\n  </div>\n</div>\n", styles: [".ngb-stepper{display:flex;flex-direction:column}.ngb-stepper.horizontal .ngb-stepper-header{display:flex;overflow-x:auto}.ngb-stepper.vertical .ngb-stepper-header{display:block}.ngb-stepper-header{margin-bottom:1rem}.ngb-stepper-steps{list-style:none;padding:0;margin:0;display:flex;flex-wrap:nowrap}.ngb-stepper.vertical .ngb-stepper-steps{flex-direction:column}.ngb-stepper-step{position:relative;display:flex;align-items:center;cursor:pointer}.ngb-stepper.horizontal .ngb-stepper-step{padding:.5rem .75rem}.ngb-stepper.vertical .ngb-stepper-step{padding:.5rem 0}.ngb-stepper-step.disabled{cursor:default;opacity:.6}.ngb-stepper-indicator{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:50%;margin-right:.5rem;flex-shrink:0}.ngb-stepper.bootstrap .ngb-stepper-indicator{border:1px solid var(--bs-border-color, #dee2e6);background-color:var(--bs-body-bg, #fff)}.ngb-stepper.bootstrap .ngb-stepper-step.active .ngb-stepper-indicator{background-color:var(--bs-primary, #0d6efd);color:#fff}.ngb-stepper.bootstrap .ngb-stepper-step.done .ngb-stepper-indicator{background-color:var(--bs-success, #198754);color:#fff}.ngb-stepper.bootstrap .ngb-stepper-step.error .ngb-stepper-indicator{background-color:var(--bs-danger, #dc3545);color:#fff}.ngb-stepper-label-container{display:flex;flex-direction:column}.ngb-stepper-label-top{flex-direction:column-reverse}.ngb-stepper-label-bottom{flex-direction:column}.ngb-stepper-label-left{flex-direction:row-reverse}.ngb-stepper-label-right{flex-direction:row}.ngb-stepper-content{position:relative}.ngb-stepper-content-top{order:-1}.ngb-stepper-buttons{display:flex;justify-content:flex-end;gap:.5rem;margin-top:1rem}.ngb-stepper-error{color:var(--bs-danger, #dc3545);font-size:.875rem;margin-top:.25rem}.ngb-stepper-optional{font-size:.75rem;opacity:.7}.ngb-stepper .fade-step{animation:ngb-stepper-fade var(--ngb-stepper-animation-duration, .15s) ease-in-out;animation-fill-mode:both}@keyframes ngb-stepper-fade{0%{opacity:0;transform:translateY(.35rem)}to{opacity:1;transform:translateY(0)}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgbStepperComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: NgbStepperComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ngb-stepper', standalone: true, imports: [CommonModule, NgbStepLabelDirective], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n  class=\"ngb-stepper\"\n  [class.horizontal]=\"orientation === 'horizontal'\"\n  [class.vertical]=\"orientation === 'vertical'\"\n  [class.ngb-responsive]=\"responsive\"\n  [class.bootstrap]=\"theme === 'bootstrap'\"\n  [class.material]=\"theme === 'material'\"\n  [class.tailwind]=\"theme === 'tailwind'\"\n  role=\"tablist\"\n  [attr.aria-orientation]=\"orientation\"\n>\n  <!-- HEADER / LABELS -->\n  <div class=\"ngb-stepper-header\">\n    <ol class=\"ngb-stepper-steps\" role=\"presentation\">\n      @for (step of steps; track step; let i = $index) {\n      <li\n        class=\"ngb-stepper-step\"\n        [class.active]=\"i === selectedIndex\"\n        [class.done]=\"i < selectedIndex && !isStepInError(i)\"\n        [class.error]=\"isStepInError(i)\"\n        [class.disabled]=\"step.disabled\"\n        role=\"tab\"\n        [attr.id]=\"stepId(i)\"\n        [attr.aria-controls]=\"contentId(i)\"\n        [attr.aria-selected]=\"i === selectedIndex\"\n        [attr.aria-disabled]=\"step.disabled || (!allowRevisit && i < visitedFrom && i !== selectedIndex)\"\n        tabindex=\"{{ i === selectedIndex ? 0 : -1 }}\"\n        (click)=\"onHeaderClick(i)\"\n        (keydown.enter)=\"onHeaderKeydown($event, i)\"\n        (keydown.space)=\"onHeaderKeydown($event, i)\"\n      >\n        <div\n          class=\"ngb-stepper-indicator\"\n          [ngClass]=\"indicatorClass(i)\"\n          aria-hidden=\"true\"\n        >\n          @if (customIconTpl) {\n            <ng-container\n              [ngTemplateOutlet]=\"customIconTpl\"\n              [ngTemplateOutletContext]=\"{ index: i, state: stepState(i) }\"\n            ></ng-container>\n          } @else {\n            {{ defaultIconForState(stepState(i), i) }}\n          }\n        </div>\n\n        <div\n          class=\"ngb-stepper-label-container\"\n          [ngClass]=\"labelPositionClass\"\n        >\n          @if (stepLabelTpl) {\n          <div class=\"ngb-stepper-label\">\n            <ng-container\n              [ngTemplateOutlet]=\"stepLabelTpl\"\n              [ngTemplateOutletContext]=\"{ index: i, step: step }\"\n            ></ng-container>\n          </div>\n          } @else {\n            <div class=\"ngb-stepper-label-text\">\n              {{ step.label || ('Step ' + (i + 1)) }}\n            </div>\n          }\n          @if (step.optional) {\n          <div class=\"ngb-stepper-optional\">\n            {{ optionalLabel }}\n          </div>\n          }\n        </div>\n      </li>\n      }\n    </ol>\n  </div>\n\n  <!-- CONTENT -->\n  <div class=\"ngb-stepper-content\" [class.ngb-stepper-content-top]=\"contentPosition === 'top'\">\n    @if (lazy) {\n      <div\n        class=\"fade-step\"\n        [style.--ngb-stepper-animation-duration]=\"(disableAnimation ? 0 : animationDuration) + 'ms'\"\n        role=\"tabpanel\"\n        [attr.aria-labelledby]=\"stepId(selectedIndex)\"\n        [attr.id]=\"contentId(selectedIndex)\"\n      >\n        <ng-container *ngTemplateOutlet=\"stepContentTpl; context: { index: selectedIndex }\"></ng-container>\n        @if (currentErrorMessage) {\n          <div class=\"ngb-stepper-error\" role=\"alert\">\n            {{ currentErrorMessage }}\n          </div>\n        }\n      </div>\n    } @else {\n      <div\n        class=\"fade-step\"\n        [style.--ngb-stepper-animation-duration]=\"(disableAnimation ? 0 : animationDuration) + 'ms'\"\n        role=\"tabpanel\"\n        [attr.aria-labelledby]=\"stepId(selectedIndex)\"\n        [attr.id]=\"contentId(selectedIndex)\"\n      >\n        <ng-container *ngTemplateOutlet=\"stepContentTpl; context: { index: selectedIndex }\"></ng-container>\n        @if (currentErrorMessage) {\n          <div class=\"ngb-stepper-error\" role=\"alert\">\n            {{ currentErrorMessage }}\n          </div>\n        }\n      </div>\n    }\n  </div>\n\n  <!-- ACTIONS -->\n  <div class=\"ngb-stepper-buttons\">\n    <button\n      type=\"button\"\n      class=\"btn btn-sm btn-outline-secondary\"\n      (click)=\"onCancel()\"\n    >\n      {{ cancelLabel }}\n    </button>\n\n    <button\n      type=\"button\"\n      class=\"btn btn-sm btn-outline-secondary\"\n      (click)=\"onReset()\"\n    >\n      {{ resetLabel }}\n    </button>\n\n    <button\n      type=\"button\"\n      class=\"btn btn-sm btn-outline-secondary\"\n      (click)=\"prev()\"\n      [disabled]=\"selectedIndex <= 0 || !allowRevisit\"\n    >\n      {{ previousLabel }}\n    </button>\n\n    <button\n      type=\"button\"\n      class=\"btn btn-sm btn-primary\"\n      (click)=\"next()\"\n      [disabled]=\"selectedIndex >= steps.length - 1 || steps[selectedIndex]?.disabled\"\n    >\n      {{ nextLabel }}\n    </button>\n  </div>\n</div>\n", styles: [".ngb-stepper{display:flex;flex-direction:column}.ngb-stepper.horizontal .ngb-stepper-header{display:flex;overflow-x:auto}.ngb-stepper.vertical .ngb-stepper-header{display:block}.ngb-stepper-header{margin-bottom:1rem}.ngb-stepper-steps{list-style:none;padding:0;margin:0;display:flex;flex-wrap:nowrap}.ngb-stepper.vertical .ngb-stepper-steps{flex-direction:column}.ngb-stepper-step{position:relative;display:flex;align-items:center;cursor:pointer}.ngb-stepper.horizontal .ngb-stepper-step{padding:.5rem .75rem}.ngb-stepper.vertical .ngb-stepper-step{padding:.5rem 0}.ngb-stepper-step.disabled{cursor:default;opacity:.6}.ngb-stepper-indicator{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:50%;margin-right:.5rem;flex-shrink:0}.ngb-stepper.bootstrap .ngb-stepper-indicator{border:1px solid var(--bs-border-color, #dee2e6);background-color:var(--bs-body-bg, #fff)}.ngb-stepper.bootstrap .ngb-stepper-step.active .ngb-stepper-indicator{background-color:var(--bs-primary, #0d6efd);color:#fff}.ngb-stepper.bootstrap .ngb-stepper-step.done .ngb-stepper-indicator{background-color:var(--bs-success, #198754);color:#fff}.ngb-stepper.bootstrap .ngb-stepper-step.error .ngb-stepper-indicator{background-color:var(--bs-danger, #dc3545);color:#fff}.ngb-stepper-label-container{display:flex;flex-direction:column}.ngb-stepper-label-top{flex-direction:column-reverse}.ngb-stepper-label-bottom{flex-direction:column}.ngb-stepper-label-left{flex-direction:row-reverse}.ngb-stepper-label-right{flex-direction:row}.ngb-stepper-content{position:relative}.ngb-stepper-content-top{order:-1}.ngb-stepper-buttons{display:flex;justify-content:flex-end;gap:.5rem;margin-top:1rem}.ngb-stepper-error{color:var(--bs-danger, #dc3545);font-size:.875rem;margin-top:.25rem}.ngb-stepper-optional{font-size:.75rem;opacity:.7}.ngb-stepper .fade-step{animation:ngb-stepper-fade var(--ngb-stepper-animation-duration, .15s) ease-in-out;animation-fill-mode:both}@keyframes ngb-stepper-fade{0%{opacity:0;transform:translateY(.35rem)}to{opacity:1;transform:translateY(0)}}\n"] }]
         }], propDecorators: { steps: [{
@@ -12551,14 +13712,14 @@ class NgbSplitterPaneComponent {
     collapsed = false;
     collapsedChange = new EventEmitter();
     template;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgbSplitterPaneComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.0", type: NgbSplitterPaneComponent, isStandalone: true, selector: "ngb-splitter-pane", inputs: { size: "size", min: "min", max: "max", scrollable: "scrollable", collapsible: "collapsible", collapsed: "collapsed" }, outputs: { collapsedChange: "collapsedChange" }, viewQueries: [{ propertyName: "template", first: true, predicate: ["content"], descendants: true, static: true }], ngImport: i0, template: `<ng-template #content>
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: NgbSplitterPaneComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.8", type: NgbSplitterPaneComponent, isStandalone: true, selector: "ngb-splitter-pane", inputs: { size: "size", min: "min", max: "max", scrollable: "scrollable", collapsible: "collapsible", collapsed: "collapsed" }, outputs: { collapsedChange: "collapsedChange" }, viewQueries: [{ propertyName: "template", first: true, predicate: ["content"], descendants: true, static: true }], ngImport: i0, template: `<ng-template #content>
       <div [style.overflow]="scrollable ? 'auto' : 'hidden'" style="height: 100%; width: 100%;">
         <ng-content></ng-content>
       </div>
     </ng-template>`, isInline: true, styles: [":host{display:block;position:relative}\n"] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgbSplitterPaneComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: NgbSplitterPaneComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ngb-splitter-pane', standalone: true, template: `<ng-template #content>
       <div [style.overflow]="scrollable ? 'auto' : 'hidden'" style="height: 100%; width: 100%;">
@@ -12790,8 +13951,8 @@ class NgbSplitterComponent {
         nextPercent = Math.max(0, Math.min(100, nextPercent));
         targetPane.size = `${nextPercent}%`;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgbSplitterComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.0", type: NgbSplitterComponent, isStandalone: true, selector: "ngb-splitter", inputs: { orientation: "orientation", handleThickness: "handleThickness", handleIconColor: "handleIconColor", verticalMinHeight: "verticalMinHeight", resizable: "resizable", barColor: "barColor", lineColor: "lineColor" }, host: { listeners: { "window:mousemove": "onMouseMove($event)", "window:mouseup": "onMouseUp()" } }, queries: [{ propertyName: "panes", predicate: NgbSplitterPaneComponent }], ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: NgbSplitterComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: NgbSplitterComponent, isStandalone: true, selector: "ngb-splitter", inputs: { orientation: "orientation", handleThickness: "handleThickness", handleIconColor: "handleIconColor", verticalMinHeight: "verticalMinHeight", resizable: "resizable", barColor: "barColor", lineColor: "lineColor" }, host: { listeners: { "window:mousemove": "onMouseMove($event)", "window:mouseup": "onMouseUp()" } }, queries: [{ propertyName: "panes", predicate: NgbSplitterPaneComponent }], ngImport: i0, template: `
     <div class="splitter-container" [class.vertical]="orientation === 'vertical'"
       [style.min-height]="orientation === 'vertical' ? verticalMinHeight : null"
       [style.height]="orientation === 'vertical' ? verticalMinHeight : null">
@@ -12838,7 +13999,7 @@ class NgbSplitterComponent {
     </div>
   `, isInline: true, styles: [":host{display:block;width:100%}.splitter-container{display:flex;height:100%;width:100%}.splitter-container.vertical{flex-direction:column}.splitbar{background:#ccc;width:5px;position:relative;align-items:center;justify-content:center;flex:0 0 auto;z-index:10}.splitbar.resizable{cursor:col-resize}.splitbar:hover{filter:brightness(90%)}.handle-line{border-radius:2px;opacity:.8;left:45%;position:absolute;top:45%;display:flex;align-items:center;justify-content:center}.splitter-container:not(.vertical) .handle-line{width:2px;height:10px}.pane-wrapper{position:relative;min-width:0;min-height:0;overflow:hidden;flex-shrink:1}.vertical .handle-line{height:2px;width:10px}.vertical .splitbar.resizable{cursor:row-resize}.splitter-container.vertical .splitter-container .splitbar.resizable{cursor:col-resize}.vertical .splitbar{width:100%}.collapse-btn{cursor:pointer;background:#666;width:10px;height:10px;position:absolute;top:50%}.collapse-arrow{font-size:.95rem;-webkit-user-select:none;user-select:none;cursor:pointer;line-height:1;display:inline-flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;position:absolute;top:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgbSplitterComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: NgbSplitterComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ngb-splitter', standalone: true, imports: [CommonModule, NgbSplitterPaneComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: `
     <div class="splitter-container" [class.vertical]="orientation === 'vertical'"
@@ -12918,8 +14079,8 @@ class NgbChipsComponent {
     removeLabel;
     remove = new EventEmitter();
     trackById = (_, item) => item.id;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgbChipsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.0", type: NgbChipsComponent, isStandalone: true, selector: "ngb-chips", inputs: { items: "items", removable: "removable", ariaLabel: "ariaLabel", removeLabel: "removeLabel" }, outputs: { remove: "remove" }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: NgbChipsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: NgbChipsComponent, isStandalone: true, selector: "ngb-chips", inputs: { items: "items", removable: "removable", ariaLabel: "ariaLabel", removeLabel: "removeLabel" }, outputs: { remove: "remove" }, ngImport: i0, template: `
     <div class="ngb-chips" [attr.aria-label]="ariaLabel">
       @for (item of items; track trackById($index, item)) {
         <span class="badge rounded-pill bg-secondary ngb-chip" [class.opacity-50]="!!item.disabled">
@@ -12940,7 +14101,7 @@ class NgbChipsComponent {
     </div>
   `, isInline: true, styles: [":host{display:block}.ngb-chips{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center}.ngb-chip{display:inline-flex;align-items:center;gap:.25rem;max-width:100%}.ngb-chip-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ngb-chip-remove{border:0;background:transparent;padding:0;line-height:1;cursor:pointer;font-size:1rem;opacity:.85}.ngb-chip-remove:disabled{cursor:default;opacity:.4}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgbChipsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: NgbChipsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ngb-chips', standalone: true, imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: `
     <div class="ngb-chips" [attr.aria-label]="ariaLabel">
@@ -13674,8 +14835,8 @@ class NgbTypeaheadComponent {
             return match;
         return { id: `${value}`, label: `${value}`, value };
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgbTypeaheadComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.0", type: NgbTypeaheadComponent, isStandalone: true, selector: "ngb-typeahead", inputs: { data: "data", debounceTime: "debounceTime", characterTyped: "characterTyped", limit: "limit", selectExact: "selectExact", multiSelect: "multiSelect", matchSelection: "matchSelection", showDropdownButton: "showDropdownButton", showClearButton: "showClearButton", updateOnBlur: "updateOnBlur", updateOnTab: "updateOnTab", separator: "separator", chips: "chips", vScroll: "vScroll", vItemSize: "vItemSize", itemTemplate: "itemTemplate", i18n: "i18n" }, outputs: { completeMethod: "completeMethod", onSelect: "onSelect", onUnselect: "onUnselect", onAdd: "onAdd", onFocus: "onFocus", onBlur: "onBlur", onDropdownClick: "onDropdownClick", onClear: "onClear", onInputKeydown: "onInputKeydown", onKeyUp: "onKeyUp", onShow: "onShow", onHide: "onHide", onLazyLoad: "onLazyLoad", selectedItems: "selectedItems", selectionChange: "selectionChange", onChange: "onChange", onScrollEvent: "onScrollEvent" }, host: { listeners: { "document:mousedown": "onDocumentMouseDown($event)", "document:focusin": "onDocumentFocusIn($event)" } }, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: NgbTypeaheadComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: NgbTypeaheadComponent, isStandalone: true, selector: "ngb-typeahead", inputs: { data: "data", debounceTime: "debounceTime", characterTyped: "characterTyped", limit: "limit", selectExact: "selectExact", multiSelect: "multiSelect", matchSelection: "matchSelection", showDropdownButton: "showDropdownButton", showClearButton: "showClearButton", updateOnBlur: "updateOnBlur", updateOnTab: "updateOnTab", separator: "separator", chips: "chips", vScroll: "vScroll", vItemSize: "vItemSize", itemTemplate: "itemTemplate", i18n: "i18n" }, outputs: { completeMethod: "completeMethod", onSelect: "onSelect", onUnselect: "onUnselect", onAdd: "onAdd", onFocus: "onFocus", onBlur: "onBlur", onDropdownClick: "onDropdownClick", onClear: "onClear", onInputKeydown: "onInputKeydown", onKeyUp: "onKeyUp", onShow: "onShow", onHide: "onHide", onLazyLoad: "onLazyLoad", selectedItems: "selectedItems", selectionChange: "selectionChange", onChange: "onChange", onScrollEvent: "onScrollEvent" }, host: { listeners: { "document:mousedown": "onDocumentMouseDown($event)", "document:focusin": "onDocumentFocusIn($event)" } }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => NgbTypeaheadComponent),
@@ -13832,7 +14993,7 @@ class NgbTypeaheadComponent {
     </div>
   `, isInline: true, styles: [":host{display:block}.typeahead-root{position:relative}.typeahead-chips-control{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;min-height:calc(1.5em + .75rem + 2px);padding:.375rem .75rem}.typeahead-chips-control input{border:0;outline:0;flex:1 1 9rem;min-width:6rem;padding:0;margin:0;background:transparent}.typeahead-chips-control input:focus{outline:0;box-shadow:none}.typeahead-panel{position:absolute;top:calc(100% + .25rem);left:0;right:0;z-index:1050;max-height:240px;overflow:auto;opacity:0;transform:translateY(-.25rem);pointer-events:none;transition:opacity .12s ease,transform .12s ease}.typeahead-panel.show{opacity:1;transform:translateY(0);pointer-events:auto}.typeahead-item{display:flex;align-items:center;gap:.5rem}.typeahead-item-checkbox{display:inline-flex;align-items:center;justify-content:center;width:1.15rem;height:1.15rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: NgbChipsComponent, selector: "ngb-chips", inputs: ["items", "removable", "ariaLabel", "removeLabel"], outputs: ["remove"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgbTypeaheadComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: NgbTypeaheadComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ngb-typeahead', standalone: true, imports: [CommonModule, NgbChipsComponent], providers: [
                         {
@@ -14166,8 +15327,8 @@ class NgbTreeComponent {
         }
         return acc;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgbTreeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.0", type: NgbTreeComponent, isStandalone: true, selector: "ngb-tree", inputs: { nodes: "nodes", type: "type", showCheckbox: "showCheckbox", i18n: "i18n", expandIcon: "expandIcon", collapseIcon: "collapseIcon", plusIcon: "plusIcon", minusIcon: "minusIcon" }, outputs: { expand: "expand", collapse: "collapse", expandAll: "expandAll", collapseAll: "collapseAll", selectionChange: "selectionChange" }, viewQueries: [{ propertyName: "nodeButtons", predicate: ["nodeBtn"], descendants: true, read: ElementRef }], ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: NgbTreeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: NgbTreeComponent, isStandalone: true, selector: "ngb-tree", inputs: { nodes: "nodes", type: "type", showCheckbox: "showCheckbox", i18n: "i18n", expandIcon: "expandIcon", collapseIcon: "collapseIcon", plusIcon: "plusIcon", minusIcon: "minusIcon" }, outputs: { expand: "expand", collapse: "collapse", expandAll: "expandAll", collapseAll: "collapseAll", selectionChange: "selectionChange" }, viewQueries: [{ propertyName: "nodeButtons", predicate: ["nodeBtn"], descendants: true, read: ElementRef }], ngImport: i0, template: `
     <div class="d-flex gap-2 mb-2">
       <button type="button" class="btn btn-sm btn-outline-secondary" (click)="expandAllNodes()" [attr.aria-label]="i18n?.expandAll || 'Expand all'">
         {{ i18n?.expandAll || 'Expand all' }}
@@ -14237,7 +15398,7 @@ class NgbTreeComponent {
     </ng-template>
   `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgbTreeComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: NgbTreeComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'ngb-tree',
@@ -14349,5 +15510,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { BrowserExcelExportAdapter, DATAGRID_COLUMN_DIRECTIVES, DATAGRID_TEMPLATE_DIRECTIVES, DND_I18N, DND_LIVE_ANNOUNCE, Datagrid, ExcelExportAdapter, ExportButtonDirective, JsPdfAdapter, NGB_BOOLEAN_FILTER_OPERATORS, NGB_DATAGRID_DEFAULT_LABELS, NGB_DATAGRID_DEFAULT_PAGEABLE, NGB_DATAGRID_HOST, NGB_DATAGRID_KEYBOARD_SHORTCUTS, NGB_DATAGRID_PAGER_BREAKPOINTS, NGB_DATAGRID_THEME_OPTIONS, NGB_DATE_FILTER_OPERATORS, NGB_NUMERIC_FILTER_OPERATORS, NGB_PAGER_BREAKPOINTS, NGB_PAGER_DEFAULT_SETTINGS, NGB_SELECT_FILTER_OPERATORS, NGB_TEXT_FILTER_OPERATORS, NgbAdvancedSearchComponent, NgbCellTemplate, NgbChipsComponent, NgbDataChartComponent, NgbDataSparklineComponent, NgbDatagridButtonDirective, NgbDatagridColumnChooserToolComponent, NgbDatagridControlDirective, NgbDatagridDefaultEditService, NgbDatagridFieldShellComponent, NgbDatagridFilterToolComponent, NgbDatagridFloatingPanelDirective, NgbDatagridLayoutToolbarComponent, NgbDatagridLayoutToolbarSpacerComponent, NgbDatagridSortToolComponent, NgbDatagridSurfaceCardComponent, NgbDatagridThemePickerComponent, NgbDndHandleDirective, NgbDndItemDirective, NgbDndListDirective, NgbDndState, NgbEditorTemplate, NgbExportService, NgbFilterMenuTemplate, NgbFilterTemplate, NgbGlobalFilterTemplate, NgbGridChartComponent, NgbGridColumnDirective, NgbJsonPreviewComponent, NgbLiveAnnouncer, NgbPagerComponent, NgbPagerTemplate, NgbPaginationComponent, NgbRowDetailTemplate, NgbSearchHighlightComponent, NgbSplitterComponent, NgbSplitterPaneComponent, NgbStepLabelDirective, NgbStepperComponent, NgbTreeComponent, NgbTypeaheadComponent, PdfExportAdapter, defaultDndI18n, ngbAggregateValues, ngbAllowedFilterOperators, ngbApplyDataGridOperations, ngbBuildChartJsConfig, ngbBuildColumnSelectionChartData, ngbBuildFullGridChartData, ngbBuildRowSelectionChartData, ngbBuildSparklinePoints, ngbCalculateDataGridAggregates, ngbChartPalette, ngbColumnTypeToFilterType, ngbDatagridPagerSettings, ngbDefaultFilterOperator, ngbFilterOperatorLabel, ngbFindFieldFilterDescriptor, ngbFlattenFilterDescriptors, ngbFormatDatagridLabel, ngbFormatPagerRangeLabel, ngbIsCompositeFilter, ngbOperatorRequiresFilterValue, ngbPagerButtonCountForDensity, ngbResolveDatagridPagerSettings, ngbResolvePageableSettings, ngbResolvePagerDensity, ngbResolvePagerPageSizeOptions, ngbResolvePagerSettings, ngbSetFieldFilter };
+export { BrowserExcelExportAdapter, DATAGRID_COLUMN_DIRECTIVES, DATAGRID_TEMPLATE_DIRECTIVES, DND_I18N, DND_LIVE_ANNOUNCE, Datagrid, ExcelExportAdapter, ExportButtonDirective, JsPdfAdapter, NGB_BOOLEAN_FILTER_OPERATORS, NGB_DATAGRID_DEFAULT_LABELS, NGB_DATAGRID_DEFAULT_PAGEABLE, NGB_DATAGRID_HOST, NGB_DATAGRID_KEYBOARD_SHORTCUTS, NGB_DATAGRID_PAGER_BREAKPOINTS, NGB_DATAGRID_THEME_OPTIONS, NGB_DATE_FILTER_OPERATORS, NGB_NUMERIC_FILTER_OPERATORS, NGB_PAGER_BREAKPOINTS, NGB_PAGER_DEFAULT_SETTINGS, NGB_SELECT_FILTER_OPERATORS, NGB_TEXT_FILTER_OPERATORS, NgbAdvancedSearchComponent, NgbCellTemplate, NgbChipsComponent, NgbDataChartComponent, NgbDataGridGroupFooterTemplateDirective, NgbDataGridGroupHeaderColumnTemplateDirective, NgbDataGridGroupHeaderTemplateDirective, NgbDataSparklineComponent, NgbDatagridButtonDirective, NgbDatagridColumnChooserToolComponent, NgbDatagridControlDirective, NgbDatagridDefaultEditService, NgbDatagridFieldShellComponent, NgbDatagridFilterToolComponent, NgbDatagridFloatingPanelDirective, NgbDatagridLayoutToolbarComponent, NgbDatagridLayoutToolbarSpacerComponent, NgbDatagridSortToolComponent, NgbDatagridSurfaceCardComponent, NgbDatagridThemePickerComponent, NgbDndHandleDirective, NgbDndItemDirective, NgbDndListDirective, NgbDndState, NgbEditorTemplate, NgbExportService, NgbFilterMenuTemplate, NgbFilterTemplate, NgbGlobalFilterTemplate, NgbGridChartComponent, NgbGridColumnDirective, NgbGridHighlightDirective, NgbJsonPreviewComponent, NgbLiveAnnouncer, NgbPagerComponent, NgbPagerTemplate, NgbPaginationComponent, NgbRowDetailTemplate, NgbSearchHighlightComponent, NgbSplitterComponent, NgbSplitterPaneComponent, NgbStepLabelDirective, NgbStepperComponent, NgbTreeComponent, NgbTypeaheadComponent, PdfExportAdapter, defaultDndI18n, ngbAggregateValues, ngbAllowedFilterOperators, ngbApplyDataGridOperations, ngbBuildChartJsConfig, ngbBuildColumnSelectionChartData, ngbBuildFullGridChartData, ngbBuildRowSelectionChartData, ngbBuildSparklinePoints, ngbCalculateDataGridAggregates, ngbChartPalette, ngbColumnTypeToFilterType, ngbDatagridPagerSettings, ngbDefaultFilterOperator, ngbFilterOperatorLabel, ngbFindFieldFilterDescriptor, ngbFlattenFilterDescriptors, ngbFormatDatagridLabel, ngbFormatPagerRangeLabel, ngbGroupData, ngbIsCompositeFilter, ngbOperatorRequiresFilterValue, ngbPagerButtonCountForDensity, ngbResolveDatagridPagerSettings, ngbResolvePageableSettings, ngbResolvePagerDensity, ngbResolvePagerPageSizeOptions, ngbResolvePagerSettings, ngbSetFieldFilter };
 //# sourceMappingURL=angular-bootstrap-ngbootstrap.mjs.map