@acorex/data-grid 16.18.0 → 16.18.2

package/fesm2022/acorex-data-grid.mjs

@@ -22,11 +22,11 @@ class AXDataGridCellTemplateComponent {
             templateRef: this.templateRef
         };
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: AXDataGridCellTemplateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.3", type: AXDataGridCellTemplateComponent, selector: "ax-cell-template", queries: [{ propertyName: "templateRef", first: true, predicate: TemplateRef, descendants: true, static: true }], ngImport: i0, template: `<ng-content></ng-content>
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: AXDataGridCellTemplateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.5", type: AXDataGridCellTemplateComponent, selector: "ax-cell-template", queries: [{ propertyName: "templateRef", first: true, predicate: TemplateRef, descendants: true, static: true }], ngImport: i0, template: `<ng-content></ng-content>
    `, isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: AXDataGridCellTemplateComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: AXDataGridCellTemplateComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'ax-cell-template',
@@ -49,13 +49,13 @@ class AXDataGridCellTemplateRenderer {
         this.rowData = params.data;
         return true;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: AXDataGridCellTemplateRenderer, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.3", type: AXDataGridCellTemplateRenderer, selector: "ng-component", ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: AXDataGridCellTemplateRenderer, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.5", type: AXDataGridCellTemplateRenderer, selector: "ng-component", ngImport: i0, template: `
         <ng-container *ngTemplateOutlet='templateRef; context: { $implicit: rowData }'>
         </ng-container>
     `, isInline: true, dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: AXDataGridCellTemplateRenderer, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: AXDataGridCellTemplateRenderer, decorators: [{
             type: Component,
             args: [{
                     template: `
@@ -98,7 +98,7 @@ class AXGridDataColumn {
             width: this.width,
         };
         col.resizable = this.resizable;
-        col.suppressMenu = this.disableMenu;
+        col.suppressHeaderMenuButton = this.disableMenu;
         col.menuTabs = ['filterMenuTab', 'columnsMenuTab', 'generalMenuTab'];
         col.floatingFilter = this.floatingFilter;
         if (this.wrapText) {
@@ -171,7 +171,7 @@ class AXGridDataColumn {
         }
         //
         if (this.cellTemplate != null) {
-            col.cellRendererFramework = this.cellTemplate.renderer;
+            col.cellRenderer = this.cellTemplate.renderer;
             col.cellRendererParams = this.cellTemplate.params;
         }
         if (this.columnGroupShow) {
@@ -185,10 +185,10 @@ class AXGridDataColumn {
         }
         return col;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: AXGridDataColumn, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.3", type: AXGridDataColumn, inputs: { width: "width", maxWidth: "maxWidth", minWidth: "minWidth", pinned: "pinned", allowSorting: "allowSorting", allowFiltering: "allowFiltering", cellClass: "cellClass", sort: "sort", field: "field", caption: "caption", cellRendererParams: "cellRendererParams", checkbox: "checkbox", headerCheckbox: "headerCheckbox", groupIndex: "groupIndex", treeIndex: "treeIndex", enableRowGroup: "enableRowGroup", hide: "hide", floatingFilter: "floatingFilter", disableMenu: "disableMenu", resizable: "resizable", menuColumnDisable: "menuColumnDisable", menuItemDisable: "menuItemDisable", columnGroupShow: "columnGroupShow", wrapText: "wrapText" }, queries: [{ propertyName: "cellTemplate", first: true, predicate: AXDataGridCellTemplateComponent, descendants: true }], ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: AXGridDataColumn, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.5", type: AXGridDataColumn, inputs: { width: "width", maxWidth: "maxWidth", minWidth: "minWidth", pinned: "pinned", allowSorting: "allowSorting", allowFiltering: "allowFiltering", cellClass: "cellClass", sort: "sort", field: "field", caption: "caption", cellRendererParams: "cellRendererParams", checkbox: "checkbox", headerCheckbox: "headerCheckbox", groupIndex: "groupIndex", treeIndex: "treeIndex", enableRowGroup: "enableRowGroup", hide: "hide", floatingFilter: "floatingFilter", disableMenu: "disableMenu", resizable: "resizable", menuColumnDisable: "menuColumnDisable", menuItemDisable: "menuItemDisable", columnGroupShow: "columnGroupShow", wrapText: "wrapText" }, queries: [{ propertyName: "cellTemplate", first: true, predicate: AXDataGridCellTemplateComponent, descendants: true }], ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: AXGridDataColumn, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: AXGridDataColumn, decorators: [{
             type: Directive
         }], ctorParameters: () => [], propDecorators: { cellTemplate: [{
                 type: ContentChild,
@@ -244,8 +244,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImpor
             }] } });
 
 class AXDataGridFilterComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: AXDataGridFilterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.3", type: AXDataGridFilterComponent, selector: "ax-data-grid-filter", ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: AXDataGridFilterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.5", type: AXDataGridFilterComponent, selector: "ax-data-grid-filter", ngImport: i0, template: `
     <div class='ax-grid-filter-container'>
       <ng-content></ng-content>
       <div class='btn-group' role='group'>
@@ -259,7 +259,7 @@ class AXDataGridFilterComponent {
     </div>
   `, isInline: true, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: AXDataGridFilterComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: AXDataGridFilterComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'ax-data-grid-filter',
@@ -286,18 +286,18 @@ class AXGridCheckColumn extends AXGridDataColumn {
     }
     render() {
         const col = super.render();
-        if (!col.cellRendererFramework) {
-            col.cellRendererFramework = BooleanRenderer;
+        if (!col.cellRenderer) {
+            col.cellRenderer = BooleanRenderer;
         }
         if (this.allowFiltering) {
             col.filterFramework = BooleanFilterRenderer;
         }
         return col;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: AXGridCheckColumn, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.3", type: AXGridCheckColumn, selector: "ax-check-column", providers: [{ provide: AXGridDataColumn, useExisting: AXGridCheckColumn }], usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: AXGridCheckColumn, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.5", type: AXGridCheckColumn, selector: "ax-check-column", providers: [{ provide: AXGridDataColumn, useExisting: AXGridCheckColumn }], usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: AXGridCheckColumn, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: AXGridCheckColumn, decorators: [{
             type: Component,
             args: [{
                     selector: 'ax-check-column',
@@ -316,10 +316,10 @@ class BooleanRenderer {
         this.value = params.value;
         return true;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: BooleanRenderer, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.3", type: BooleanRenderer, selector: "ng-component", ngImport: i0, template: ` <ax-check-box [value]="value" readonly="true"></ax-check-box> `, isInline: true, dependencies: [{ kind: "component", type: i1$1.AXCheckBoxComponent, selector: "ax-check-box", inputs: ["readonly", "disabled", "size", "label", "tabIndex", "indeterminate", "useTreeView", "value"], outputs: ["onValueChanged", "valueChange", "onClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: BooleanRenderer, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.5", type: BooleanRenderer, selector: "ng-component", ngImport: i0, template: ` <ax-check-box [value]="value" readonly="true"></ax-check-box> `, isInline: true, dependencies: [{ kind: "component", type: i1$1.AXCheckBoxComponent, selector: "ax-check-box", inputs: ["readonly", "disabled", "size", "label", "tabIndex", "indeterminate", "useTreeView", "value"], outputs: ["onValueChanged", "valueChange", "onClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: BooleanRenderer, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: BooleanRenderer, decorators: [{
             type: Component,
             args: [{
                     template: ` <ax-check-box [value]="value" readonly="true"></ax-check-box> `,
@@ -362,14 +362,14 @@ class BooleanFilterRenderer {
             this.params.filterChangedCallback();
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: BooleanFilterRenderer, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.3", type: BooleanFilterRenderer, selector: "ng-component", viewQueries: [{ propertyName: "input", first: true, predicate: ["input"], descendants: true, read: ViewContainerRef, static: true }], ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: BooleanFilterRenderer, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.5", type: BooleanFilterRenderer, selector: "ng-component", viewQueries: [{ propertyName: "input", first: true, predicate: ["input"], descendants: true, read: ViewContainerRef, static: true }], ngImport: i0, template: `
     <ax-data-grid-filter>
       <ax-select-box label="Select Box" [items]="selectItem"></ax-select-box>
     </ax-data-grid-filter>
   `, isInline: true, dependencies: [{ kind: "component", type: i1$1.AXSelectBoxComponent, selector: "ax-select-box", inputs: ["showDropDownButton", "rowInputTemplate", "showCheckBox", "readonly", "rtl", "disabled", "placeholder", "size", "allowNull", "textAlign", "bufferSize", "remoteOperation", "fitParent", "dropdownWidth", "multiLine", "onDemandTranslate", "dataSource", "validation", "disabledCallback", "allowSearch", "textField", "valueField", "disabledField", "mode", "items", "selectedItems", "selectedValues"], outputs: ["dropdownToggle", "itemsChange", "onBlur", "onFocus", "selectionChanged", "selectedItemsChange", "selectedValuesChange"] }, { kind: "component", type: AXDataGridFilterComponent, selector: "ax-data-grid-filter" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: BooleanFilterRenderer, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: BooleanFilterRenderer, decorators: [{
             type: Component,
             args: [{
                     template: `
@@ -394,12 +394,12 @@ class AXColumnGroupComponent extends AXGridDataColumn {
         });
         return col;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: AXColumnGroupComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.3", type: AXColumnGroupComponent, selector: "ax-column-group", providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: AXColumnGroupComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.5", type: AXColumnGroupComponent, selector: "ax-column-group", providers: [
             { provide: AXGridDataColumn, useExisting: AXColumnGroupComponent },
         ], queries: [{ propertyName: "columns", predicate: AXGridDataColumn }], usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: AXColumnGroupComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: AXColumnGroupComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'ax-column-group',
@@ -419,8 +419,8 @@ class AXGridCommandColumn extends AXGridDataColumn {
     onItemClick = new EventEmitter();
     render() {
         const col = super.render();
-        if (!col.cellRendererFramework) {
-            col.cellRendererFramework = CommandRenderer;
+        if (!col.cellRenderer) {
+            col.cellRenderer = CommandRenderer;
         }
         col.cellRendererParams = {
             items: this.items,
@@ -430,9 +430,9 @@ class AXGridCommandColumn extends AXGridDataColumn {
                     data: e.data,
                     rowIndex: e.rowIndex,
                     rowLevel: e.rowLevel,
-                    htmlEvent: e.htmlEvent
+                    htmlEvent: e.htmlEvent,
                 });
-            }
+            },
         };
         col.sortable = false;
         col.filter = false;
@@ -441,17 +441,17 @@ class AXGridCommandColumn extends AXGridDataColumn {
         };
         return col;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: AXGridCommandColumn, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.3", type: AXGridCommandColumn, selector: "ax-command-column", inputs: { items: "items" }, outputs: { onItemClick: "onItemClick" }, providers: [{ provide: AXGridDataColumn, useExisting: AXGridCommandColumn }], usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: AXGridCommandColumn, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.5", type: AXGridCommandColumn, selector: "ax-command-column", inputs: { items: "items" }, outputs: { onItemClick: "onItemClick" }, providers: [{ provide: AXGridDataColumn, useExisting: AXGridCommandColumn }], usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: AXGridCommandColumn, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: AXGridCommandColumn, decorators: [{
             type: Component,
             args: [{
                     selector: 'ax-command-column',
                     template: '',
                     providers: [{ provide: AXGridDataColumn, useExisting: AXGridCommandColumn }],
                     changeDetection: ChangeDetectionStrategy.OnPush,
-                    encapsulation: ViewEncapsulation.None
+                    encapsulation: ViewEncapsulation.None,
                 }]
         }], propDecorators: { items: [{
                 type: Input
@@ -472,7 +472,12 @@ class CommandRenderer {
     }
     mapParams(params) {
         this.node = params.node;
-        this.items = typeof params.items == 'function' ? params.items({ data: this.node.data }) : Array.isArray(params.items) ? params.items : [];
+        this.items =
+            typeof params.items == 'function'
+                ? params.items({ data: this.node.data })
+                : Array.isArray(params.items)
+                    ? params.items
+                    : [];
         this.clickCallback = params.onClick;
     }
     onClick(item, e) {
@@ -482,46 +487,52 @@ class CommandRenderer {
                 rowLevel: this.node.level,
                 rowIndex: this.node.rowIndex,
                 data: this.node.data,
-                htmlEvent: e
+                htmlEvent: e,
             });
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: CommandRenderer, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.3", type: CommandRenderer, selector: "ax-command-cell", ngImport: i0, template: `
-  <ng-container *ngFor="let item of items; let i = index">
-  <button *ngIf="item.visible !== false"
-      class="ax button md ax-grid-command-button {{ item.style || 'ax primary blank' }}"
-      [class.disabled]="item.disable"
-      type="button"
-      [title]="item.tooltip"
-      [attr.tabindex]="i"
-      (click)="onClick(item, $event)"
-    >
-      <i [ngClass]="item.icon"></i>{{ item.text }}
-    </button>
-  </ng-container>
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: CommandRenderer, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.5", type: CommandRenderer, selector: "ax-command-cell", ngImport: i0, template: `
+    <ng-container *ngFor="let item of items; let i = index">
+      <button
+        *ngIf="item.visible !== false"
+        class="ax button md ax-grid-command-button {{
+          item.style || 'ax primary blank'
+        }}"
+        [class.disabled]="item.disable"
+        type="button"
+        [title]="item.tooltip"
+        [attr.tabindex]="i"
+        (click)="onClick(item, $event)"
+      >
+        <i [ngClass]="item.icon"></i>{{ item.text }}
+      </button>
+    </ng-container>
   `, isInline: true, dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: CommandRenderer, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: CommandRenderer, decorators: [{
             type: Component,
             args: [{
                     selector: 'ax-command-cell',
                     template: `
-  <ng-container *ngFor="let item of items; let i = index">
-  <button *ngIf="item.visible !== false"
-      class="ax button md ax-grid-command-button {{ item.style || 'ax primary blank' }}"
-      [class.disabled]="item.disable"
-      type="button"
-      [title]="item.tooltip"
-      [attr.tabindex]="i"
-      (click)="onClick(item, $event)"
-    >
-      <i [ngClass]="item.icon"></i>{{ item.text }}
-    </button>
-  </ng-container>
+    <ng-container *ngFor="let item of items; let i = index">
+      <button
+        *ngIf="item.visible !== false"
+        class="ax button md ax-grid-command-button {{
+          item.style || 'ax primary blank'
+        }}"
+        [class.disabled]="item.disable"
+        type="button"
+        [title]="item.tooltip"
+        [attr.tabindex]="i"
+        (click)="onClick(item, $event)"
+      >
+        <i [ngClass]="item.icon"></i>{{ item.text }}
+      </button>
+    </ng-container>
   `,
                     encapsulation: ViewEncapsulation.None,
-                    changeDetection: ChangeDetectionStrategy.OnPush
+                    changeDetection: ChangeDetectionStrategy.OnPush,
                 }]
         }], ctorParameters: () => [] });
 
@@ -564,10 +575,10 @@ class AXGridDateColumn extends AXGridDataColumn {
         // col.floatingFilter = true;
         return col;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: AXGridDateColumn, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.3", type: AXGridDateColumn, selector: "ax-date-column", inputs: { format: "format", type: "type" }, providers: [{ provide: AXGridDataColumn, useExisting: AXGridDateColumn }], usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: AXGridDateColumn, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.5", type: AXGridDateColumn, selector: "ax-date-column", inputs: { format: "format", type: "type" }, providers: [{ provide: AXGridDataColumn, useExisting: AXGridDateColumn }], usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: AXGridDateColumn, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: AXGridDateColumn, decorators: [{
             type: Component,
             args: [{
                     selector: 'ax-date-column',
@@ -613,11 +624,11 @@ class AXDatePickerFilterComponent {
         this.setDate(e.value);
         this.onDateChanged(e.value);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: AXDatePickerFilterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.3", type: AXDatePickerFilterComponent, selector: "ax-data-picker-filter", viewQueries: [{ propertyName: "datePicker", first: true, predicate: AXDatePickerComponent, descendants: true }, { propertyName: "div", first: true, predicate: ["div"], descendants: true, read: ElementRef }], ngImport: i0, template: `<ax-date-picker [selectableHoliday]="selectableHoliday" [allowClear]="true" (onValueChanged)="onValueChanged($event)" size="sm">
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: AXDatePickerFilterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.5", type: AXDatePickerFilterComponent, selector: "ax-data-picker-filter", viewQueries: [{ propertyName: "datePicker", first: true, predicate: AXDatePickerComponent, descendants: true }, { propertyName: "div", first: true, predicate: ["div"], descendants: true, read: ElementRef }], ngImport: i0, template: `<ax-date-picker [selectableHoliday]="selectableHoliday" [allowClear]="true" (onValueChanged)="onValueChanged($event)" size="sm">
      </ax-date-picker>`, isInline: true, dependencies: [{ kind: "component", type: i1$1.AXDatePickerComponent, selector: "ax-date-picker", inputs: ["dayStyle", "dayMinMaxResoan", "validation", "placeholder", "min", "max", "readonly", "disabled", "allowClear", "textAlign", "showToday", "selectableHoliday", "dateType", "showTodayButton", "openByClick", "size", "type", "value"], outputs: ["typeChange", "onValueChanged", "valueChange"] }], encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: AXDatePickerFilterComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: AXDatePickerFilterComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'ax-data-picker-filter',
@@ -655,10 +666,10 @@ class AXGridSelectionColumn extends AXGridDataColumn {
         col.floatingFilter = false;
         return col;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: AXGridSelectionColumn, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.3", type: AXGridSelectionColumn, selector: "ax-selection-column", inputs: { condition: "condition", pinned: "pinned", width: "width" }, providers: [{ provide: AXGridDataColumn, useExisting: AXGridSelectionColumn }], usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: AXGridSelectionColumn, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.5", type: AXGridSelectionColumn, selector: "ax-selection-column", inputs: { condition: "condition", pinned: "pinned", width: "width" }, providers: [{ provide: AXGridDataColumn, useExisting: AXGridSelectionColumn }], usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: AXGridSelectionColumn, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: AXGridSelectionColumn, decorators: [{
             type: Component,
             args: [{
                     selector: 'ax-selection-column',
@@ -686,10 +697,10 @@ class AXGridTextColumn extends AXGridDataColumn {
         col.filter = 'agTextColumnFilter';
         return col;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: AXGridTextColumn, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.3", type: AXGridTextColumn, selector: "ax-text-column", providers: [{ provide: AXGridDataColumn, useExisting: AXGridTextColumn }], usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: AXGridTextColumn, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.5", type: AXGridTextColumn, selector: "ax-text-column", providers: [{ provide: AXGridDataColumn, useExisting: AXGridTextColumn }], usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: AXGridTextColumn, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: AXGridTextColumn, decorators: [{
             type: Component,
             args: [{
                     selector: 'ax-text-column',
@@ -733,8 +744,8 @@ class TextFilterRenderer {
             this.params.filterChangedCallback();
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: TextFilterRenderer, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.3", type: TextFilterRenderer, selector: "ng-component", viewQueries: [{ propertyName: "input", first: true, predicate: AXTextBoxComponent, descendants: true, static: true }], ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: TextFilterRenderer, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.5", type: TextFilterRenderer, selector: "ng-component", viewQueries: [{ propertyName: "input", first: true, predicate: AXTextBoxComponent, descendants: true, static: true }], ngImport: i0, template: `
     <ax-data-grid-filter>
       <ax-text-box
         label="Filter"
@@ -745,7 +756,7 @@ class TextFilterRenderer {
     </ax-data-grid-filter>
   `, isInline: true, dependencies: [{ kind: "component", type: i1$1.AXTextBoxComponent, selector: "ax-text-box", inputs: ["mask", "showMask", "type", "maxLength", "maskGuid", "maskPlaceholder", "maskKeepCharPositions"] }, { kind: "component", type: AXDataGridFilterComponent, selector: "ax-data-grid-filter" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: TextFilterRenderer, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: TextFilterRenderer, decorators: [{
             type: Component,
             args: [{
                     template: `
@@ -784,10 +795,10 @@ class AXGridRowNumberColumn extends AXGridDataColumn {
         col.width = this.width;
         return col;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: AXGridRowNumberColumn, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.3", type: AXGridRowNumberColumn, selector: "ax-row-number-column", inputs: { condition: "condition" }, providers: [{ provide: AXGridDataColumn, useExisting: AXGridRowNumberColumn }], usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: AXGridRowNumberColumn, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.5", type: AXGridRowNumberColumn, selector: "ax-row-number-column", inputs: { condition: "condition" }, providers: [{ provide: AXGridDataColumn, useExisting: AXGridRowNumberColumn }], usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: AXGridRowNumberColumn, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: AXGridRowNumberColumn, decorators: [{
             type: Component,
             args: [{
                     selector: 'ax-row-number-column',
@@ -812,10 +823,10 @@ class AXDataGridDetailTemplateComponent {
         };
     }
     height = 100;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: AXDataGridDetailTemplateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.3", type: AXDataGridDetailTemplateComponent, selector: "ax-grid-detail-template", inputs: { height: "height" }, queries: [{ propertyName: "templateRef", first: true, predicate: TemplateRef, descendants: true, static: true }], ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: AXDataGridDetailTemplateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.5", type: AXDataGridDetailTemplateComponent, selector: "ax-grid-detail-template", inputs: { height: "height" }, queries: [{ propertyName: "templateRef", first: true, predicate: TemplateRef, descendants: true, static: true }], ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: AXDataGridDetailTemplateComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: AXDataGridDetailTemplateComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'ax-grid-detail-template',
@@ -837,10 +848,10 @@ class AXDataGridDetailTemplateRenderer {
         this.data = params.data;
         this.templateRef = params.templateRef;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: AXDataGridDetailTemplateRenderer, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.3", type: AXDataGridDetailTemplateRenderer, selector: "ng-component", ngImport: i0, template: `<ng-container *ngTemplateOutlet='templateRef; context: { $implicit: data }'></ng-container>`, isInline: true, dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: AXDataGridDetailTemplateRenderer, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.5", type: AXDataGridDetailTemplateRenderer, selector: "ng-component", ngImport: i0, template: `<ng-container *ngTemplateOutlet='templateRef; context: { $implicit: data }'></ng-container>`, isInline: true, dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: AXDataGridDetailTemplateRenderer, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: AXDataGridDetailTemplateRenderer, decorators: [{
             type: Component,
             args: [{
                     template: `<ng-container *ngTemplateOutlet='templateRef; context: { $implicit: data }'></ng-container>`
@@ -859,10 +870,10 @@ class AXDataGridRowTemplateComponent {
             templateRef: this.templateRef
         };
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: AXDataGridRowTemplateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.3", type: AXDataGridRowTemplateComponent, selector: "ax-row-template", queries: [{ propertyName: "templateRef", first: true, predicate: TemplateRef, descendants: true, static: true }], ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: AXDataGridRowTemplateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.5", type: AXDataGridRowTemplateComponent, selector: "ax-row-template", queries: [{ propertyName: "templateRef", first: true, predicate: TemplateRef, descendants: true, static: true }], ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: AXDataGridRowTemplateComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: AXDataGridRowTemplateComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'ax-row-template',
@@ -882,10 +893,10 @@ class AXDataGridRowTemplateRenderer {
         this.data = params.data.callRecords;
         this.templateRef = params.templateRef;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: AXDataGridRowTemplateRenderer, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.3", type: AXDataGridRowTemplateRenderer, selector: "ng-component", ngImport: i0, template: `<ng-container *ngTemplateOutlet='templateRef; context: { $implicit: data }'></ng-container>`, isInline: true, dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: AXDataGridRowTemplateRenderer, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.5", type: AXDataGridRowTemplateRenderer, selector: "ng-component", ngImport: i0, template: `<ng-container *ngTemplateOutlet='templateRef; context: { $implicit: data }'></ng-container>`, isInline: true, dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: AXDataGridRowTemplateRenderer, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: AXDataGridRowTemplateRenderer, decorators: [{
             type: Component,
             args: [{
                     template: `<ng-container *ngTemplateOutlet='templateRef; context: { $implicit: data }'></ng-container>`
@@ -933,6 +944,7 @@ class AXDataGridComponent {
     oldSelectionNodes = [];
     autoGroupColumnDef = {};
     currentPage = 1;
+    paginationPageSizeSelector = [10, 20];
     paginationAutoPageSize = false;
     paginationPageSize = 20;
     cacheBlockSize = this.paginationPageSize;
@@ -1052,7 +1064,7 @@ class AXDataGridComponent {
         return {
             rowCount: null,
             getRows: (params) => {
-                that.dataSourceSuccessCallback = params.successCallback;
+                that.dataSourceSuccessCallback = params.success;
                 const loadParams = {};
                 loadParams.searchText = that.searchText;
                 loadParams.skip = params.request.startRow;
@@ -1098,13 +1110,6 @@ class AXDataGridComponent {
         return e[this.keyField];
     };
     internalGridReady(gridOptions) {
-        if (this.remoteOperation && !this.paginationAutoPageSize) {
-            this.handlePageSize();
-        }
-        else {
-            this.cacheBlockSize =
-                this.paginationPageSize > 20 ? this.paginationPageSize : 100;
-        }
         this.gridApi = gridOptions.api;
         this.mapColumns();
         this.calcHeight();
@@ -1113,7 +1118,7 @@ class AXDataGridComponent {
             return;
         }
         if (this.remoteOperation) {
-            this.gridApi.setServerSideDatasource(this.intenalGridDataSource);
+            this.gridApi.setGridOption('serverSideDatasource', this.intenalGridDataSource);
         }
         if (!this.remoteOperation) {
             this.refresh();
@@ -1138,9 +1143,9 @@ class AXDataGridComponent {
         if (this.gridDetailTemplate) {
             this.masterDetail = true;
             this.detailCellRendererParams = this.gridDetailTemplate.params;
-            this.detailCellRenderer = 'detailRendererFramework';
-            this.frameworkComponents.detailRendererFramework =
-                this.gridDetailTemplate.renderer;
+            this.detailCellRenderer = AXDataGridDetailTemplateRenderer;
+            // this.frameworkComponents.detailRendererFramework =
+            //   this.gridDetailTemplate.renderer;
             this.detailRowHeight = this.gridDetailTemplate.height;
         }
         this.isFullWidthCell = () => {
@@ -1254,18 +1259,24 @@ class AXDataGridComponent {
             }
             if (this.dataSourceSuccessCallback) {
                 if (!this.loadOnInit) {
-                    this.dataSourceSuccessCallback([], 0);
+                    this.dataSourceSuccessCallback({
+                        rowData: [],
+                        rowCount: 0,
+                    });
                 }
                 else {
-                    this.dataSourceSuccessCallback(items, totalCount);
+                    this.dataSourceSuccessCallback({
+                        rowData: items,
+                        rowCount: totalCount,
+                    });
                 }
             }
             else {
                 if (!this.loadOnInit && this.gridApi !== undefined) {
-                    this.gridApi.setRowData([]);
+                    this.gridApi.setGridOption('rowData', []);
                 }
                 else if (this.gridApi !== undefined) {
-                    this.gridApi.setRowData(items);
+                    this.gridApi.setGridOption('rowData', items);
                 }
             }
             if (this.autoNavigatePage) {
@@ -1328,7 +1339,7 @@ class AXDataGridComponent {
     refresh(route = []) {
         if (this.remoteOperation && this.gridApi !== undefined) {
             //  this.gridApi.purgeServerSideCache(route);
-            this.gridApi.setServerSideDatasource(this.intenalGridDataSource);
+            this.gridApi.setGridOption('serverSideDatasource', this.intenalGridDataSource);
         }
         else {
             this.dataSource.fetch(null);
@@ -1507,33 +1518,10 @@ class AXDataGridComponent {
             api.sizeColumnsToFit();
         }
     }
-    handlePageSize() {
-        const pagingPanel = this.ref.nativeElement.querySelector('.ag-paging-panel');
-        const select = document.createElement('select');
-        select.addEventListener('change', (e) => {
-            this.gridApi.paginationSetPageSize(Number(e.target.value));
-            this.gridApi.setCacheBlockSize(Number(e.target.value));
-        });
-        const option1 = document.createElement('option');
-        option1.setAttribute('value', '10');
-        option1.textContent = '10';
-        const option2 = document.createElement('option');
-        option2.setAttribute('value', '20');
-        option2.textContent = '20';
-        select.appendChild(option1);
-        select.appendChild(option2);
-        select.value = '20';
-        select.style.backgroundColor = 'white';
-        select.style.color = 'gray';
-        select.style.padding = '2px';
-        select.style.border = '1px solid gray';
-        select.style.borderRadius = '4px';
-        pagingPanel.appendChild(select);
-    }
     headerHeightSetter() {
         const padding = 20;
         const height = this.headerHeightGetter() + padding;
-        this.gridApi.setHeaderHeight(height);
+        this.gridApi.setGridOption('headerHeight', height);
     }
     headerHeightGetter() {
         const columnHeaderTexts = [
@@ -1580,13 +1568,15 @@ class AXDataGridComponent {
             this.currentPage = this.getCurrentPageNumber().current;
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: AXDataGridComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.3", type: AXDataGridComponent, selector: "ax-data-grid", inputs: { paginationAutoPageSize: "paginationAutoPageSize", paginationPageSize: "paginationPageSize", remoteOperation: "remoteOperation", rowMultiSelectWithClick: "rowMultiSelectWithClick", suppressRowClickSelection: "suppressRowClickSelection", suppressCellSelection: "suppressCellSelection", sizeColumnsToFit: "sizeColumnsToFit", showCheckBox: "showCheckBox", floatingFilter: "floatingFilter", autoExpand: "autoExpand", rowSelectableConditionField: "rowSelectableConditionField", selectionMode: "selectionMode", pagination: "pagination", selectRow: "selectRow", rowGroupPanelShow: "rowGroupPanelShow", loadOnInit: "loadOnInit", enableRangeSelection: "enableRangeSelection", keyField: "keyField", hasChildField: "hasChildField", rowHeight: "rowHeight", groupHideOpenParents: "groupHideOpenParents", maxConcurrentDatasourceRequests: "maxConcurrentDatasourceRequests", blockLoadDebounceMillis: "blockLoadDebounceMillis", showRefreshButton: "showRefreshButton", autoNavigatePage: "autoNavigatePage", rowClass: "rowClass", rtl: "rtl", searchText: "searchText", filter: "filter", columns: "columns", dataSource: "dataSource" }, outputs: { columnsChange: "columnsChange", cellClick: "cellClick", cellDbClick: "cellDbClick", cellFocuse: "cellFocuse", rowClick: "rowClick", rowDbClick: "rowDbClick", selectionChanged: "selectionChanged", rowSelectionChange: "rowSelectionChange", onRowSelectionChanged: "onRowSelectionChanged" }, queries: [{ propertyName: "searchInput", first: true, predicate: AXToolbarSearchComponent, descendants: true, static: true }, { propertyName: "toolbar", first: true, predicate: AXToolbarComponent, descendants: true, static: true }, { propertyName: "rowTemplate", first: true, predicate: AXDataGridRowTemplateComponent, descendants: true, static: true }, { propertyName: "gridDetailTemplate", first: true, predicate: AXDataGridDetailTemplateComponent, descendants: true, static: true }, { propertyName: "_contentDataSource", first: true, predicate: AXDataSourceComponent, descendants: true, static: true }, { propertyName: "_inlineColumns", predicate: AXGridDataColumn }], ngImport: i0, template: "<div class=\"ax-grid-toolbar\" *ngIf=\"toolbar\">\n  <ng-content select=\"ax-toolbar\"></ng-content>\n</div>\n<!-- [enableSorting]=\"true\"  [enableColResize]=\"true\" [enableFilter]=\"allowFiltering\"  -->\n\n<ag-grid-angular\n  *ngIf=\"gridView\"\n  class=\"ag-theme-balham\"\n  [getRowClass]=\"internalGetRowClass\"\n  [suppressCopyRowsToClipboard]=\"true\"\n  [enableRangeSelection]=\"enableRangeSelection\"\n  [serverSideStoreType]=\"'partial'\"\n  [style.height]=\"internalHeight\"\n  [columnDefs]=\"columnDefs\"\n  [enableRtl]=\"rtl\"\n  [pagination]=\"pagination\"\n  [rowGroupPanelShow]=\"rowGroupPanelShow\"\n  [rowModelType]=\"rowModelType\"\n  [detailRowHeight]=\"detailRowHeight\"\n  [rowHeight]=\"rowHeight\"\n  [paginationAutoPageSize]=\"paginationAutoPageSize\"\n  [paginationPageSize]=\"paginationPageSize\"\n  [suppressMenuHide]=\"true\"\n  [maxConcurrentDatasourceRequests]=\"maxConcurrentDatasourceRequests\"\n  [blockLoadDebounceMillis]=\"blockLoadDebounceMillis\"\n  [frameworkComponents]=\"frameworkComponents\"\n  [isFullWidthCell]=\"isFullWidthCell\"\n  [rowSelection]=\"selectionMode\"\n  [rowMultiSelectWithClick]=\"rowMultiSelectWithClick\"\n  [fullWidthCellRendererFramework]=\"fullWidthCellRendererFramework\"\n  [cacheBlockSize]=\"cacheBlockSize\"\n  [fullWidthCellRendererParams]=\"fullWidthCellRendererParams\"\n  (columnResized)=\"handleColumnResized($event)\"\n  (cellClicked)=\"internalGridCellClicked($event)\"\n  (cellDoubleClicked)=\"internalGridCellDoubleClicked($event)\"\n  (cellFocused)=\"internalGridCellFocused($event)\"\n  (rowClicked)=\"internalGridRowClicked($event)\"\n  (selectionChanged)=\"internalGridSelectionChanged($event)\"\n  (rowSelected)=\"rowSelectionChanged($event)\"\n  (rowDoubleClicked)=\"internalGridRowDoubleClicked($event)\"\n  (gridReady)=\"internalGridReady($event)\"\n  [groupSelectsChildren]=\"groupSelectsChildren\"\n  [suppressRowClickSelection]=\"suppressRowClickSelection\"\n  [groupSelectsFiltered]=\"true\"\n  [suppressCellSelection]=\"suppressCellSelection\"\n  [autoGroupColumnDef]=\"autoGroupColumnDef\"\n  [suppressAggFuncInHeader]=\"true\"\n  [treeData]=\"treeData\"\n  [animateRows]=\"true\"\n  [isServerSideGroup]=\"isServerSideGroup\"\n  [getServerSideGroupKey]=\"getServerSideGroupKey\"\n  [masterDetail]=\"masterDetail\"\n  [detailCellRendererParams]=\"detailCellRendererParams\"\n  [detailCellRenderer]=\"detailCellRenderer\"\n  (gridSizeChanged)=\"internalGridSizeChanged($event)\"\n  (firstDataRendered)=\"internalGridFirstDataRendered($event)\"\n  [localeText]=\"localeText\"\n  [groupHideOpenParents]=\"groupHideOpenParents\"\n  [allowContextMenuWithControlKey]=\"false\"\n  [getMainMenuItems]=\"getMainMenuItems\"\n>\n</ag-grid-angular>\n\n<!-- (displayedColumnsChanged)=\"displayedColumnsChanged($event)\"  -->\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.AgGridAngular, selector: "ag-grid-angular", inputs: ["gridOptions", "modules", "statusBar", "sideBar", "suppressContextMenu", "preventDefaultOnContextMenu", "allowContextMenuWithControlKey", "suppressMenuHide", "enableBrowserTooltips", "tooltipShowDelay", "tooltipHideDelay", "tooltipMouseTrack", "popupParent", "copyHeadersToClipboard", "copyGroupHeadersToClipboard", "clipboardDelimiter", "suppressCopyRowsToClipboard", "suppressCopySingleCellRanges", "suppressLastEmptyLineOnPaste", "suppressClipboardPaste", "suppressClipboardApi", "columnDefs", "defaultColDef", "defaultColGroupDef", "columnTypes", "maintainColumnOrder", "suppressFieldDotNotation", "deltaColumnMode", "applyColumnDefOrder", "immutableColumns", "suppressSetColumnStateEvents", "suppressColumnStateEvents", "colWidth", "minColWidth", "maxColWidth", "headerHeight", "groupHeaderHeight", "floatingFiltersHeight", "pivotHeaderHeight", "pivotGroupHeaderHeight", "allowDragFromColumnsToolPanel", "suppressMovableColumns", "suppressColumnMoveAnimation", "suppressDragLeaveHidesColumns", "suppressRowGroupHidesColumns", "colResizeDefault", "suppressAutoSize", "autoSizePadding", "skipHeaderOnAutoSize", "components", "frameworkComponents", "editType", "singleClickEdit", "suppressClickEdit", "readOnlyEdit", "stopEditingWhenCellsLoseFocus", "enterMovesDown", "enterMovesDownAfterEdit", "enableCellEditingOnBackspace", "undoRedoCellEditing", "undoRedoCellEditingLimit", "stopEditingWhenGridLosesFocus", "defaultCsvExportParams", "suppressCsvExport", "defaultExcelExportParams", "suppressExcelExport", "excelStyles", "defaultExportParams", "quickFilterText", "cacheQuickFilter", "excludeChildrenWhenTreeDataFiltering", "enableCharts", "chartThemes", "customChartThemes", "chartThemeOverrides", "enableChartToolPanelsButton", "chartToolPanelsDef", "loadingCellRenderer", "loadingCellRendererFramework", "loadingCellRendererParams", "loadingCellRendererSelector", "localeText", "masterDetail", "keepDetailRows", "keepDetailRowsCount", "detailCellRenderer", "detailCellRendererFramework", "detailCellRendererParams", "detailRowHeight", "detailRowAutoHeight", "context", "alignedGrids", "tabIndex", "rowBuffer", "valueCache", "valueCacheNeverExpires", "enableCellExpressions", "suppressParentsInRowNodes", "suppressTouch", "suppressFocusAfterRefresh", "suppressAsyncEvents", "suppressBrowserResizeObserver", "suppressPropertyNamesCheck", "suppressChangeDetection", "debug", "overlayLoadingTemplate", "loadingOverlayComponent", "loadingOverlayComponentFramework", "loadingOverlayComponentParams", "suppressLoadingOverlay", "overlayNoRowsTemplate", "noRowsOverlayComponent", "noRowsOverlayComponentFramework", "noRowsOverlayComponentParams", "suppressNoRowsOverlay", "pagination", "paginationPageSize", "paginationAutoPageSize", "paginateChildRows", "suppressPaginationPanel", "pivotMode", "pivotPanelShow", "pivotColumnGroupTotals", "pivotRowTotals", "pivotSuppressAutoColumn", "suppressExpandablePivotGroups", "functionsReadOnly", "aggFuncs", "suppressAggFuncInHeader", "suppressAggAtRootLevel", "aggregateOnlyChangedColumns", "suppressAggFilteredOnly", "removePivotHeaderRowWhenSingleValueColumn", "animateRows", "enableCellChangeFlash", "cellFlashDelay", "cellFadeDelay", "allowShowChangeAfterFilter", "domLayout", "ensureDomOrder", "enableRtl", "suppressColumnVirtualisation", "suppressMaxRenderedRowRestriction", "suppressRowVirtualisation", "rowDragManaged", "suppressRowDrag", "suppressMoveWhenRowDragging", "rowDragEntireRow", "rowDragMultiRow", "rowDragText", "fullWidthCellRenderer", "fullWidthCellRendererFramework", "fullWidthCellRendererParams", "embedFullWidthRows", "deprecatedEmbedFullWidthRows", "groupDisplayType", "groupDefaultExpanded", "autoGroupColumnDef", "groupMaintainOrder", "groupSelectsChildren", "groupAggFiltering", "groupIncludeFooter", "groupIncludeTotalFooter", "groupSuppressBlankHeader", "groupSelectsFiltered", "showOpenedGroup", "groupRemoveSingleChildren", "groupRemoveLowestSingleChildren", "groupHideOpenParents", "rowGroupPanelShow", "groupRowRenderer", "groupRowRendererFramework", "groupRowRendererParams", "suppressMakeColumnVisibleAfterUnGroup", "treeData", "rowGroupPanelSuppressSort", "groupRowsSticky", "groupRowInnerRenderer", "groupRowInnerRendererFramework", "groupMultiAutoColumn", "groupUseEntireRow", "groupSuppressAutoColumn", "rememberGroupStateWhenNewData", "pinnedTopRowData", "pinnedBottomRowData", "rowModelType", "rowData", "immutableData", "asyncTransactionWaitMillis", "suppressModelUpdateAfterUpdateTransaction", "deltaRowDataMode", "batchUpdateWaitMillis", "datasource", "cacheOverflowSize", "infiniteInitialRowCount", "serverSideInitialRowCount", "serverSideStoreType", "serverSideInfiniteScroll", "cacheBlockSize", "maxBlocksInCache", "maxConcurrentDatasourceRequests", "blockLoadDebounceMillis", "purgeClosedRowNodes", "serverSideDatasource", "serverSideSortAllLevels", "serverSideFilterAllLevels", "serverSideSortOnServer", "serverSideFilterOnServer", "serverSideSortingAlwaysResets", "serverSideFilteringAlwaysResets", "suppressEnterpriseResetOnNewColumns", "viewportDatasource", "viewportRowModelPageSize", "viewportRowModelBufferSize", "alwaysShowHorizontalScroll", "alwaysShowVerticalScroll", "debounceVerticalScrollbar", "suppressHorizontalScroll", "suppressScrollOnNewData", "suppressScrollWhenPopupsAreOpen", "suppressAnimationFrame", "suppressMiddleClickScrolls", "suppressPreventDefaultOnMouseWheel", "scrollbarWidth", "rowSelection", "rowMultiSelectWithClick", "suppressRowDeselection", "suppressRowClickSelection", "suppressCellSelection", "suppressCellFocus", "suppressMultiRangeSelection", "enableCellTextSelection", "enableRangeSelection", "enableRangeHandle", "enableFillHandle", "fillHandleDirection", "suppressClearOnFillReduction", "sortingOrder", "accentedSort", "unSortIcon", "suppressMultiSort", "alwaysMultiSort", "multiSortKey", "suppressMaintainUnsortedOrder", "icons", "rowHeight", "rowStyle", "rowClass", "rowClassRules", "suppressRowHoverHighlight", "suppressRowTransform", "columnHoverHighlight", "deltaSort", "treeDataDisplayType", "angularCompileRows", "angularCompileFilters", "functionsPassive", "enableGroupEdit", "getContextMenuItems", "getMainMenuItems", "postProcessPopup", "processCellForClipboard", "processHeaderForClipboard", "processGroupHeaderForClipboard", "processCellFromClipboard", "sendToClipboard", "processDataFromClipboard", "isExternalFilterPresent", "doesExternalFilterPass", "getChartToolbarItems", "createChartContainer", "navigateToNextHeader", "tabToNextHeader", "navigateToNextCell", "tabToNextCell", "suppressKeyboardEvent", "localeTextFunc", "getLocaleText", "getDocument", "paginationNumberFormatter", "groupRowAggNodes", "getGroupRowAgg", "isGroupOpenByDefault", "initialGroupOrderComparator", "defaultGroupOrderComparator", "processSecondaryColDef", "processSecondaryColGroupDef", "processPivotResultColDef", "processPivotResultColGroupDef", "getDataPath", "defaultGroupSortComparator", "getChildCount", "getServerSideGroupLevelParams", "getServerSideStoreParams", "isServerSideGroupOpenByDefault", "isApplyServerSideTransaction", "isServerSideGroup", "getServerSideGroupKey", "getBusinessKeyForNode", "getRowNodeId", "getRowId", "resetRowDataOnUpdate", "processRowPostCreate", "isRowSelectable", "isRowMaster", "fillOperation", "postSort", "postSortRows", "getRowStyle", "getRowClass", "getRowHeight", "isFullWidthCell", "isFullWidthRow"], outputs: ["toolPanelVisibleChanged", "toolPanelSizeChanged", "pasteStart", "pasteEnd", "columnVisible", "columnPinned", "columnResized", "columnMoved", "columnValueChanged", "columnPivotModeChanged", "columnPivotChanged", "columnGroupOpened", "newColumnsLoaded", "gridColumnsChanged", "displayedColumnsChanged", "virtualColumnsChanged", "columnEverythingChanged", "componentStateChanged", "cellValueChanged", "cellEditRequest", "rowValueChanged", "cellEditingStarted", "cellEditingStopped", "rowEditingStarted", "rowEditingStopped", "filterOpened", "filterChanged", "filterModified", "chartCreated", "chartRangeSelectionChanged", "chartOptionsChanged", "chartDestroyed", "cellKeyDown", "cellKeyPress", "gridReady", "firstDataRendered", "gridSizeChanged", "modelUpdated", "virtualRowRemoved", "viewportChanged", "bodyScroll", "bodyScrollEnd", "dragStarted", "dragStopped", "paginationChanged", "rowDragEnter", "rowDragMove", "rowDragLeave", "rowDragEnd", "columnRowGroupChanged", "rowGroupOpened", "expandOrCollapseAll", "pinnedRowDataChanged", "rowDataChanged", "rowDataUpdated", "asyncTransactionsFlushed", "cellClicked", "cellDoubleClicked", "cellFocused", "cellMouseOver", "cellMouseOut", "cellMouseDown", "rowClicked", "rowDoubleClicked", "rowSelected", "selectionChanged", "cellContextMenu", "rangeSelectionChanged", "sortChanged", "columnRowGroupChangeRequest", "columnPivotChangeRequest", "columnValueChangeRequest", "columnAggFuncChangeRequest"] }], encapsulation: i0.ViewEncapsulation.None });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: AXDataGridComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.5", type: AXDataGridComponent, selector: "ax-data-grid", inputs: { paginationPageSizeSelector: "paginationPageSizeSelector", paginationAutoPageSize: "paginationAutoPageSize", paginationPageSize: "paginationPageSize", remoteOperation: "remoteOperation", rowMultiSelectWithClick: "rowMultiSelectWithClick", suppressRowClickSelection: "suppressRowClickSelection", suppressCellSelection: "suppressCellSelection", sizeColumnsToFit: "sizeColumnsToFit", showCheckBox: "showCheckBox", floatingFilter: "floatingFilter", autoExpand: "autoExpand", rowSelectableConditionField: "rowSelectableConditionField", selectionMode: "selectionMode", pagination: "pagination", selectRow: "selectRow", rowGroupPanelShow: "rowGroupPanelShow", loadOnInit: "loadOnInit", enableRangeSelection: "enableRangeSelection", keyField: "keyField", hasChildField: "hasChildField", rowHeight: "rowHeight", groupHideOpenParents: "groupHideOpenParents", maxConcurrentDatasourceRequests: "maxConcurrentDatasourceRequests", blockLoadDebounceMillis: "blockLoadDebounceMillis", showRefreshButton: "showRefreshButton", autoNavigatePage: "autoNavigatePage", rowClass: "rowClass", rtl: "rtl", searchText: "searchText", filter: "filter", columns: "columns", dataSource: "dataSource" }, outputs: { columnsChange: "columnsChange", cellClick: "cellClick", cellDbClick: "cellDbClick", cellFocuse: "cellFocuse", rowClick: "rowClick", rowDbClick: "rowDbClick", selectionChanged: "selectionChanged", rowSelectionChange: "rowSelectionChange", onRowSelectionChanged: "onRowSelectionChanged" }, queries: [{ propertyName: "searchInput", first: true, predicate: AXToolbarSearchComponent, descendants: true, static: true }, { propertyName: "toolbar", first: true, predicate: AXToolbarComponent, descendants: true, static: true }, { propertyName: "rowTemplate", first: true, predicate: AXDataGridRowTemplateComponent, descendants: true, static: true }, { propertyName: "gridDetailTemplate", first: true, predicate: AXDataGridDetailTemplateComponent, descendants: true, static: true }, { propertyName: "_contentDataSource", first: true, predicate: AXDataSourceComponent, descendants: true, static: true }, { propertyName: "_inlineColumns", predicate: AXGridDataColumn }], ngImport: i0, template: "<div class=\"ax-grid-toolbar\" *ngIf=\"toolbar\">\n  <ng-content select=\"ax-toolbar\"></ng-content>\n</div>\n<!-- [enableSorting]=\"true\"  [enableColResize]=\"true\" [enableFilter]=\"allowFiltering\"  -->\n\n<ag-grid-angular\n  *ngIf=\"gridView\"\n  class=\"ag-theme-balham\"\n  [getRowClass]=\"internalGetRowClass\"\n  [suppressCopyRowsToClipboard]=\"true\"\n  [enableRangeSelection]=\"enableRangeSelection\"\n  [serverSideStoreType]=\"'partial'\"\n  [style.height]=\"internalHeight\"\n  [columnDefs]=\"columnDefs\"\n  [enableRtl]=\"rtl\"\n  [pagination]=\"pagination\"\n  [rowGroupPanelShow]=\"rowGroupPanelShow\"\n  [rowModelType]=\"rowModelType\"\n  [detailRowHeight]=\"detailRowHeight\"\n  [rowHeight]=\"rowHeight\"\n  [paginationAutoPageSize]=\"paginationAutoPageSize\"\n  [paginationPageSize]=\"paginationPageSize\"\n  [paginationPageSizeSelector]=\"paginationPageSizeSelector\"\n  [suppressMenuHide]=\"true\"\n  [maxConcurrentDatasourceRequests]=\"maxConcurrentDatasourceRequests\"\n  [blockLoadDebounceMillis]=\"blockLoadDebounceMillis\"\n  [frameworkComponents]=\"frameworkComponents\"\n  [isFullWidthCell]=\"isFullWidthCell\"\n  [rowSelection]=\"selectionMode\"\n  [rowMultiSelectWithClick]=\"rowMultiSelectWithClick\"\n  [fullWidthCellRendererFramework]=\"fullWidthCellRendererFramework\"\n  [cacheBlockSize]=\"cacheBlockSize\"\n  [fullWidthCellRendererParams]=\"fullWidthCellRendererParams\"\n  (columnResized)=\"handleColumnResized($event)\"\n  (cellClicked)=\"internalGridCellClicked($event)\"\n  (cellDoubleClicked)=\"internalGridCellDoubleClicked($event)\"\n  (cellFocused)=\"internalGridCellFocused($event)\"\n  (rowClicked)=\"internalGridRowClicked($event)\"\n  (selectionChanged)=\"internalGridSelectionChanged($event)\"\n  (rowSelected)=\"rowSelectionChanged($event)\"\n  (rowDoubleClicked)=\"internalGridRowDoubleClicked($event)\"\n  (gridReady)=\"internalGridReady($event)\"\n  [groupSelectsChildren]=\"groupSelectsChildren\"\n  [suppressRowClickSelection]=\"suppressRowClickSelection\"\n  [groupSelectsFiltered]=\"true\"\n  [suppressCellSelection]=\"suppressCellSelection\"\n  [autoGroupColumnDef]=\"autoGroupColumnDef\"\n  [suppressAggFuncInHeader]=\"true\"\n  [treeData]=\"treeData\"\n  [animateRows]=\"true\"\n  [isServerSideGroup]=\"isServerSideGroup\"\n  [getServerSideGroupKey]=\"getServerSideGroupKey\"\n  [masterDetail]=\"masterDetail\"\n  [detailCellRendererParams]=\"detailCellRendererParams\"\n  [detailCellRenderer]=\"detailCellRenderer\"\n  (gridSizeChanged)=\"internalGridSizeChanged($event)\"\n  (firstDataRendered)=\"internalGridFirstDataRendered($event)\"\n  [localeText]=\"localeText\"\n  [groupHideOpenParents]=\"groupHideOpenParents\"\n  [allowContextMenuWithControlKey]=\"false\"\n  [getMainMenuItems]=\"getMainMenuItems\"\n>\n</ag-grid-angular>\n\n<!-- (displayedColumnsChanged)=\"displayedColumnsChanged($event)\"  -->\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.AgGridAngular, selector: "ag-grid-angular", inputs: ["gridOptions", "modules", "statusBar", "sideBar", "suppressContextMenu", "preventDefaultOnContextMenu", "allowContextMenuWithControlKey", "columnMenu", "suppressMenuHide", "enableBrowserTooltips", "tooltipTrigger", "tooltipShowDelay", "tooltipHideDelay", "tooltipMouseTrack", "tooltipShowMode", "tooltipInteraction", "popupParent", "copyHeadersToClipboard", "copyGroupHeadersToClipboard", "clipboardDelimiter", "suppressCopyRowsToClipboard", "suppressCopySingleCellRanges", "suppressLastEmptyLineOnPaste", "suppressClipboardPaste", "suppressClipboardApi", "suppressCutToClipboard", "columnDefs", "defaultColDef", "defaultColGroupDef", "columnTypes", "dataTypeDefinitions", "maintainColumnOrder", "suppressFieldDotNotation", "headerHeight", "groupHeaderHeight", "floatingFiltersHeight", "pivotHeaderHeight", "pivotGroupHeaderHeight", "allowDragFromColumnsToolPanel", "suppressMovableColumns", "suppressColumnMoveAnimation", "suppressDragLeaveHidesColumns", "suppressRowGroupHidesColumns", "colResizeDefault", "suppressAutoSize", "autoSizePadding", "skipHeaderOnAutoSize", "autoSizeStrategy", "components", "editType", "singleClickEdit", "suppressClickEdit", "readOnlyEdit", "stopEditingWhenCellsLoseFocus", "enterMovesDown", "enterMovesDownAfterEdit", "enterNavigatesVertically", "enterNavigatesVerticallyAfterEdit", "enableCellEditingOnBackspace", "undoRedoCellEditing", "undoRedoCellEditingLimit", "defaultCsvExportParams", "suppressCsvExport", "defaultExcelExportParams", "suppressExcelExport", "excelStyles", "quickFilterText", "cacheQuickFilter", "excludeHiddenColumnsFromQuickFilter", "includeHiddenColumnsInQuickFilter", "quickFilterParser", "quickFilterMatcher", "applyQuickFilterBeforePivotOrAgg", "excludeChildrenWhenTreeDataFiltering", "enableAdvancedFilter", "advancedFilterModel", "includeHiddenColumnsInAdvancedFilter", "advancedFilterParent", "advancedFilterBuilderParams", "suppressAdvancedFilterEval", "enableCharts", "chartThemes", "customChartThemes", "chartThemeOverrides", "enableChartToolPanelsButton", "suppressChartToolPanelsButton", "chartToolPanelsDef", "chartMenuItems", "loadingCellRenderer", "loadingCellRendererParams", "loadingCellRendererSelector", "localeText", "masterDetail", "keepDetailRows", "keepDetailRowsCount", "detailCellRenderer", "detailCellRendererParams", "detailRowHeight", "detailRowAutoHeight", "context", "alignedGrids", "tabIndex", "rowBuffer", "valueCache", "valueCacheNeverExpires", "enableCellExpressions", "suppressParentsInRowNodes", "suppressTouch", "suppressFocusAfterRefresh", "suppressAsyncEvents", "suppressBrowserResizeObserver", "suppressPropertyNamesCheck", "suppressChangeDetection", "debug", "overlayLoadingTemplate", "loadingOverlayComponent", "loadingOverlayComponentParams", "suppressLoadingOverlay", "overlayNoRowsTemplate", "noRowsOverlayComponent", "noRowsOverlayComponentParams", "suppressNoRowsOverlay", "pagination", "paginationPageSize", "paginationPageSizeSelector", "paginationAutoPageSize", "paginateChildRows", "suppressPaginationPanel", "pivotMode", "pivotPanelShow", "pivotMaxGeneratedColumns", "pivotDefaultExpanded", "pivotColumnGroupTotals", "pivotRowTotals", "pivotSuppressAutoColumn", "suppressExpandablePivotGroups", "functionsReadOnly", "aggFuncs", "suppressAggFuncInHeader", "alwaysAggregateAtRootLevel", "suppressAggAtRootLevel", "aggregateOnlyChangedColumns", "suppressAggFilteredOnly", "removePivotHeaderRowWhenSingleValueColumn", "animateRows", "enableCellChangeFlash", "cellFlashDuration", "cellFlashDelay", "cellFadeDuration", "cellFadeDelay", "allowShowChangeAfterFilter", "domLayout", "ensureDomOrder", "enableRtl", "suppressColumnVirtualisation", "suppressMaxRenderedRowRestriction", "suppressRowVirtualisation", "rowDragManaged", "suppressRowDrag", "suppressMoveWhenRowDragging", "rowDragEntireRow", "rowDragMultiRow", "rowDragText", "fullWidthCellRenderer", "fullWidthCellRendererParams", "embedFullWidthRows", "suppressGroupMaintainValueType", "groupDisplayType", "groupDefaultExpanded", "autoGroupColumnDef", "groupMaintainOrder", "groupSelectsChildren", "groupLockGroupColumns", "groupAggFiltering", "groupIncludeFooter", "groupIncludeTotalFooter", "groupTotalRow", "grandTotalRow", "suppressStickyTotalRow", "groupSuppressBlankHeader", "groupSelectsFiltered", "showOpenedGroup", "groupRemoveSingleChildren", "groupRemoveLowestSingleChildren", "groupHideOpenParents", "groupAllowUnbalanced", "rowGroupPanelShow", "groupRowRenderer", "groupRowRendererParams", "suppressMakeColumnVisibleAfterUnGroup", "treeData", "rowGroupPanelSuppressSort", "suppressGroupRowsSticky", "pinnedTopRowData", "pinnedBottomRowData", "rowModelType", "rowData", "asyncTransactionWaitMillis", "suppressModelUpdateAfterUpdateTransaction", "datasource", "cacheOverflowSize", "infiniteInitialRowCount", "serverSideInitialRowCount", "suppressServerSideInfiniteScroll", "suppressServerSideFullWidthLoadingRow", "cacheBlockSize", "maxBlocksInCache", "maxConcurrentDatasourceRequests", "blockLoadDebounceMillis", "purgeClosedRowNodes", "serverSideDatasource", "serverSideSortAllLevels", "serverSideEnableClientSideSort", "serverSideOnlyRefreshFilteredGroups", "serverSideFilterAllLevels", "serverSideSortOnServer", "serverSideFilterOnServer", "serverSidePivotResultFieldSeparator", "viewportDatasource", "viewportRowModelPageSize", "viewportRowModelBufferSize", "alwaysShowHorizontalScroll", "alwaysShowVerticalScroll", "debounceVerticalScrollbar", "suppressHorizontalScroll", "suppressScrollOnNewData", "suppressScrollWhenPopupsAreOpen", "suppressAnimationFrame", "suppressMiddleClickScrolls", "suppressPreventDefaultOnMouseWheel", "scrollbarWidth", "rowSelection", "rowMultiSelectWithClick", "suppressRowDeselection", "suppressRowClickSelection", "suppressCellFocus", "suppressHeaderFocus", "suppressMultiRangeSelection", "enableCellTextSelection", "enableRangeSelection", "enableRangeHandle", "enableFillHandle", "fillHandleDirection", "suppressClearOnFillReduction", "sortingOrder", "accentedSort", "unSortIcon", "suppressMultiSort", "alwaysMultiSort", "multiSortKey", "suppressMaintainUnsortedOrder", "icons", "rowHeight", "rowStyle", "rowClass", "rowClassRules", "suppressRowHoverHighlight", "suppressRowTransform", "columnHoverHighlight", "gridId", "deltaSort", "treeDataDisplayType", "functionsPassive", "enableGroupEdit", "initialState", "getContextMenuItems", "getMainMenuItems", "postProcessPopup", "processUnpinnedColumns", "processCellForClipboard", "processHeaderForClipboard", "processGroupHeaderForClipboard", "processCellFromClipboard", "sendToClipboard", "processDataFromClipboard", "isExternalFilterPresent", "doesExternalFilterPass", "getChartToolbarItems", "createChartContainer", "navigateToNextHeader", "tabToNextHeader", "navigateToNextCell", "tabToNextCell", "getLocaleText", "getDocument", "paginationNumberFormatter", "getGroupRowAgg", "isGroupOpenByDefault", "initialGroupOrderComparator", "processPivotResultColDef", "processPivotResultColGroupDef", "getDataPath", "getChildCount", "getServerSideGroupLevelParams", "isServerSideGroupOpenByDefault", "isApplyServerSideTransaction", "isServerSideGroup", "getServerSideGroupKey", "getBusinessKeyForNode", "getRowId", "resetRowDataOnUpdate", "processRowPostCreate", "isRowSelectable", "isRowMaster", "fillOperation", "postSortRows", "getRowStyle", "getRowClass", "getRowHeight", "isFullWidthRow"], outputs: ["toolPanelVisibleChanged", "toolPanelSizeChanged", "columnMenuVisibleChanged", "contextMenuVisibleChanged", "cutStart", "cutEnd", "pasteStart", "pasteEnd", "columnVisible", "columnPinned", "columnResized", "columnMoved", "columnValueChanged", "columnPivotModeChanged", "columnPivotChanged", "columnGroupOpened", "newColumnsLoaded", "gridColumnsChanged", "displayedColumnsChanged", "virtualColumnsChanged", "columnEverythingChanged", "columnHeaderMouseOver", "columnHeaderMouseLeave", "columnHeaderClicked", "columnHeaderContextMenu", "componentStateChanged", "cellValueChanged", "cellEditRequest", "rowValueChanged", "cellEditingStarted", "cellEditingStopped", "rowEditingStarted", "rowEditingStopped", "undoStarted", "undoEnded", "redoStarted", "redoEnded", "rangeDeleteStart", "rangeDeleteEnd", "fillStart", "fillEnd", "filterOpened", "filterChanged", "filterModified", "advancedFilterBuilderVisibleChanged", "chartCreated", "chartRangeSelectionChanged", "chartOptionsChanged", "chartDestroyed", "cellKeyDown", "gridReady", "gridPreDestroyed", "firstDataRendered", "gridSizeChanged", "modelUpdated", "virtualRowRemoved", "viewportChanged", "bodyScroll", "bodyScrollEnd", "dragStarted", "dragStopped", "stateUpdated", "paginationChanged", "rowDragEnter", "rowDragMove", "rowDragLeave", "rowDragEnd", "columnRowGroupChanged", "rowGroupOpened", "expandOrCollapseAll", "pivotMaxColumnsExceeded", "pinnedRowDataChanged", "rowDataUpdated", "asyncTransactionsFlushed", "storeRefreshed", "cellClicked", "cellDoubleClicked", "cellFocused", "cellMouseOver", "cellMouseOut", "cellMouseDown", "rowClicked", "rowDoubleClicked", "rowSelected", "selectionChanged", "cellContextMenu", "rangeSelectionChanged", "tooltipShow", "tooltipHide", "sortChanged", "columnRowGroupChangeRequest", "columnPivotChangeRequest", "columnValueChangeRequest", "columnAggFuncChangeRequest"] }], encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: AXDataGridComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: AXDataGridComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ax-data-grid', encapsulation: ViewEncapsulation.None, template: "<div class=\"ax-grid-toolbar\" *ngIf=\"toolbar\">\n  <ng-content select=\"ax-toolbar\"></ng-content>\n</div>\n<!-- [enableSorting]=\"true\"  [enableColResize]=\"true\" [enableFilter]=\"allowFiltering\"  -->\n\n<ag-grid-angular\n  *ngIf=\"gridView\"\n  class=\"ag-theme-balham\"\n  [getRowClass]=\"internalGetRowClass\"\n  [suppressCopyRowsToClipboard]=\"true\"\n  [enableRangeSelection]=\"enableRangeSelection\"\n  [serverSideStoreType]=\"'partial'\"\n  [style.height]=\"internalHeight\"\n  [columnDefs]=\"columnDefs\"\n  [enableRtl]=\"rtl\"\n  [pagination]=\"pagination\"\n  [rowGroupPanelShow]=\"rowGroupPanelShow\"\n  [rowModelType]=\"rowModelType\"\n  [detailRowHeight]=\"detailRowHeight\"\n  [rowHeight]=\"rowHeight\"\n  [paginationAutoPageSize]=\"paginationAutoPageSize\"\n  [paginationPageSize]=\"paginationPageSize\"\n  [suppressMenuHide]=\"true\"\n  [maxConcurrentDatasourceRequests]=\"maxConcurrentDatasourceRequests\"\n  [blockLoadDebounceMillis]=\"blockLoadDebounceMillis\"\n  [frameworkComponents]=\"frameworkComponents\"\n  [isFullWidthCell]=\"isFullWidthCell\"\n  [rowSelection]=\"selectionMode\"\n  [rowMultiSelectWithClick]=\"rowMultiSelectWithClick\"\n  [fullWidthCellRendererFramework]=\"fullWidthCellRendererFramework\"\n  [cacheBlockSize]=\"cacheBlockSize\"\n  [fullWidthCellRendererParams]=\"fullWidthCellRendererParams\"\n  (columnResized)=\"handleColumnResized($event)\"\n  (cellClicked)=\"internalGridCellClicked($event)\"\n  (cellDoubleClicked)=\"internalGridCellDoubleClicked($event)\"\n  (cellFocused)=\"internalGridCellFocused($event)\"\n  (rowClicked)=\"internalGridRowClicked($event)\"\n  (selectionChanged)=\"internalGridSelectionChanged($event)\"\n  (rowSelected)=\"rowSelectionChanged($event)\"\n  (rowDoubleClicked)=\"internalGridRowDoubleClicked($event)\"\n  (gridReady)=\"internalGridReady($event)\"\n  [groupSelectsChildren]=\"groupSelectsChildren\"\n  [suppressRowClickSelection]=\"suppressRowClickSelection\"\n  [groupSelectsFiltered]=\"true\"\n  [suppressCellSelection]=\"suppressCellSelection\"\n  [autoGroupColumnDef]=\"autoGroupColumnDef\"\n  [suppressAggFuncInHeader]=\"true\"\n  [treeData]=\"treeData\"\n  [animateRows]=\"true\"\n  [isServerSideGroup]=\"isServerSideGroup\"\n  [getServerSideGroupKey]=\"getServerSideGroupKey\"\n  [masterDetail]=\"masterDetail\"\n  [detailCellRendererParams]=\"detailCellRendererParams\"\n  [detailCellRenderer]=\"detailCellRenderer\"\n  (gridSizeChanged)=\"internalGridSizeChanged($event)\"\n  (firstDataRendered)=\"internalGridFirstDataRendered($event)\"\n  [localeText]=\"localeText\"\n  [groupHideOpenParents]=\"groupHideOpenParents\"\n  [allowContextMenuWithControlKey]=\"false\"\n  [getMainMenuItems]=\"getMainMenuItems\"\n>\n</ag-grid-angular>\n\n<!-- (displayedColumnsChanged)=\"displayedColumnsChanged($event)\"  -->\n" }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }], propDecorators: { paginationAutoPageSize: [{
+            args: [{ selector: 'ax-data-grid', encapsulation: ViewEncapsulation.None, template: "<div class=\"ax-grid-toolbar\" *ngIf=\"toolbar\">\n  <ng-content select=\"ax-toolbar\"></ng-content>\n</div>\n<!-- [enableSorting]=\"true\"  [enableColResize]=\"true\" [enableFilter]=\"allowFiltering\"  -->\n\n<ag-grid-angular\n  *ngIf=\"gridView\"\n  class=\"ag-theme-balham\"\n  [getRowClass]=\"internalGetRowClass\"\n  [suppressCopyRowsToClipboard]=\"true\"\n  [enableRangeSelection]=\"enableRangeSelection\"\n  [serverSideStoreType]=\"'partial'\"\n  [style.height]=\"internalHeight\"\n  [columnDefs]=\"columnDefs\"\n  [enableRtl]=\"rtl\"\n  [pagination]=\"pagination\"\n  [rowGroupPanelShow]=\"rowGroupPanelShow\"\n  [rowModelType]=\"rowModelType\"\n  [detailRowHeight]=\"detailRowHeight\"\n  [rowHeight]=\"rowHeight\"\n  [paginationAutoPageSize]=\"paginationAutoPageSize\"\n  [paginationPageSize]=\"paginationPageSize\"\n  [paginationPageSizeSelector]=\"paginationPageSizeSelector\"\n  [suppressMenuHide]=\"true\"\n  [maxConcurrentDatasourceRequests]=\"maxConcurrentDatasourceRequests\"\n  [blockLoadDebounceMillis]=\"blockLoadDebounceMillis\"\n  [frameworkComponents]=\"frameworkComponents\"\n  [isFullWidthCell]=\"isFullWidthCell\"\n  [rowSelection]=\"selectionMode\"\n  [rowMultiSelectWithClick]=\"rowMultiSelectWithClick\"\n  [fullWidthCellRendererFramework]=\"fullWidthCellRendererFramework\"\n  [cacheBlockSize]=\"cacheBlockSize\"\n  [fullWidthCellRendererParams]=\"fullWidthCellRendererParams\"\n  (columnResized)=\"handleColumnResized($event)\"\n  (cellClicked)=\"internalGridCellClicked($event)\"\n  (cellDoubleClicked)=\"internalGridCellDoubleClicked($event)\"\n  (cellFocused)=\"internalGridCellFocused($event)\"\n  (rowClicked)=\"internalGridRowClicked($event)\"\n  (selectionChanged)=\"internalGridSelectionChanged($event)\"\n  (rowSelected)=\"rowSelectionChanged($event)\"\n  (rowDoubleClicked)=\"internalGridRowDoubleClicked($event)\"\n  (gridReady)=\"internalGridReady($event)\"\n  [groupSelectsChildren]=\"groupSelectsChildren\"\n  [suppressRowClickSelection]=\"suppressRowClickSelection\"\n  [groupSelectsFiltered]=\"true\"\n  [suppressCellSelection]=\"suppressCellSelection\"\n  [autoGroupColumnDef]=\"autoGroupColumnDef\"\n  [suppressAggFuncInHeader]=\"true\"\n  [treeData]=\"treeData\"\n  [animateRows]=\"true\"\n  [isServerSideGroup]=\"isServerSideGroup\"\n  [getServerSideGroupKey]=\"getServerSideGroupKey\"\n  [masterDetail]=\"masterDetail\"\n  [detailCellRendererParams]=\"detailCellRendererParams\"\n  [detailCellRenderer]=\"detailCellRenderer\"\n  (gridSizeChanged)=\"internalGridSizeChanged($event)\"\n  (firstDataRendered)=\"internalGridFirstDataRendered($event)\"\n  [localeText]=\"localeText\"\n  [groupHideOpenParents]=\"groupHideOpenParents\"\n  [allowContextMenuWithControlKey]=\"false\"\n  [getMainMenuItems]=\"getMainMenuItems\"\n>\n</ag-grid-angular>\n\n<!-- (displayedColumnsChanged)=\"displayedColumnsChanged($event)\"  -->\n" }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }], propDecorators: { paginationPageSizeSelector: [{
+                type: Input
+            }], paginationAutoPageSize: [{
                 type: Input
             }], paginationPageSize: [{
                 type: Input
@@ -1687,8 +1677,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImpor
             }] } });
 
 class AXDataGridModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: AXDataGridModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.3", ngImport: i0, type: AXDataGridModule, declarations: [AXDataGridComponent,
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: AXDataGridModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.5", ngImport: i0, type: AXDataGridModule, declarations: [AXDataGridComponent,
             AXGridTextColumn,
             AXGridCheckColumn,
             AXGridSelectionColumn,
@@ -1735,7 +1725,7 @@ class AXDataGridModule {
             BooleanRenderer,
             BooleanFilterRenderer,
             CommandRenderer] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: AXDataGridModule, imports: [CommonModule,
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: AXDataGridModule, imports: [CommonModule,
             AXCoreModule,
             FormsModule,
             //AgGridModule,
@@ -1747,7 +1737,7 @@ class AXDataGridModule {
             AXDatePickerModule,
             AgGridModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: AXDataGridModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: AXDataGridModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [
@@ -1915,10 +1905,10 @@ class AXDataLovPopupComponent extends AXBasePopupPageComponent {
             this.onCancelClick();
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: AXDataLovPopupComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.3", type: AXDataLovPopupComponent, selector: "ng-component", viewQueries: [{ propertyName: "grid", first: true, predicate: ["grid"], descendants: true, static: true }, { propertyName: "searchBox", first: true, predicate: ["searchBox"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div style=\"height: 70vh; padding: 0.5em\">\n  <div style=\"height: calc(98%)\">\n    <ax-data-grid\n      [showRefreshButton]=\"false\"\n      [pagination]=\"pagination\"\n      [paginationAutoPageSize]=\"paginationAutoPageSize\"\n      [paginationPageSize]=\"paginationPageSize\"\n      [rtl]=\"rtl\"\n      [maxConcurrentDatasourceRequests]=\"maxConcurrentDatasourceRequests\"\n      [blockLoadDebounceMillis]=\"blockLoadDebounceMillis\"\n      [suppressRowClickSelection]=\"false\"\n      [keyField]=\"keyField\"\n      [hasChildField]=\"hasChildField\"\n      [selectRow]=\"selectedItems\"\n      #grid\n      [columns]=\"columns\"\n      [remoteOperation]=\"true\"\n      [selectionMode]=\"selectionMode\"\n      (rowDbClick)=\"rowDoubleClicked($event)\"\n      (rowSelectionChange)=\"rowSelectionChange($event)\"\n      [dataSource]=\"dataSource\"\n    >\n      <ax-toolbar>\n        <ax-toolbar-search #searchBox style=\"width: 100%\"></ax-toolbar-search>\n      </ax-toolbar>\n      <ax-selection-column\n        *ngIf=\"selectionMode == 'single' ? false : true\"\n      ></ax-selection-column>\n      <!-- <ax-data-source [provideData]=\"dataSource.provideData\">\n              </ax-data-source> -->\n    </ax-data-grid>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: AXDataGridComponent, selector: "ax-data-grid", inputs: ["paginationAutoPageSize", "paginationPageSize", "remoteOperation", "rowMultiSelectWithClick", "suppressRowClickSelection", "suppressCellSelection", "sizeColumnsToFit", "showCheckBox", "floatingFilter", "autoExpand", "rowSelectableConditionField", "selectionMode", "pagination", "selectRow", "rowGroupPanelShow", "loadOnInit", "enableRangeSelection", "keyField", "hasChildField", "rowHeight", "groupHideOpenParents", "maxConcurrentDatasourceRequests", "blockLoadDebounceMillis", "showRefreshButton", "autoNavigatePage", "rowClass", "rtl", "searchText", "filter", "columns", "dataSource"], outputs: ["columnsChange", "cellClick", "cellDbClick", "cellFocuse", "rowClick", "rowDbClick", "selectionChanged", "rowSelectionChange", "onRowSelectionChanged"] }, { kind: "component", type: AXGridSelectionColumn, selector: "ax-selection-column", inputs: ["condition", "pinned", "width"] }, { kind: "component", type: i1$1.AXToolbarComponent, selector: "ax-toolbar" }, { kind: "component", type: i1$1.AXToolbarSearchComponent, selector: "ax-toolbar-search", inputs: ["text"], outputs: ["onValueChanged"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: AXDataLovPopupComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.5", type: AXDataLovPopupComponent, selector: "ng-component", viewQueries: [{ propertyName: "grid", first: true, predicate: ["grid"], descendants: true, static: true }, { propertyName: "searchBox", first: true, predicate: ["searchBox"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div style=\"height: 70vh; padding: 0.5em\">\n  <div style=\"height: calc(98%)\">\n    <ax-data-grid\n      [showRefreshButton]=\"false\"\n      [pagination]=\"pagination\"\n      [paginationAutoPageSize]=\"paginationAutoPageSize\"\n      [paginationPageSize]=\"paginationPageSize\"\n      [rtl]=\"rtl\"\n      [maxConcurrentDatasourceRequests]=\"maxConcurrentDatasourceRequests\"\n      [blockLoadDebounceMillis]=\"blockLoadDebounceMillis\"\n      [suppressRowClickSelection]=\"false\"\n      [keyField]=\"keyField\"\n      [hasChildField]=\"hasChildField\"\n      [selectRow]=\"selectedItems\"\n      #grid\n      [columns]=\"columns\"\n      [remoteOperation]=\"true\"\n      [selectionMode]=\"selectionMode\"\n      (rowDbClick)=\"rowDoubleClicked($event)\"\n      (rowSelectionChange)=\"rowSelectionChange($event)\"\n      [dataSource]=\"dataSource\"\n    >\n      <ax-toolbar>\n        <ax-toolbar-search #searchBox style=\"width: 100%\"></ax-toolbar-search>\n      </ax-toolbar>\n      <ax-selection-column\n        *ngIf=\"selectionMode == 'single' ? false : true\"\n      ></ax-selection-column>\n      <!-- <ax-data-source [provideData]=\"dataSource.provideData\">\n              </ax-data-source> -->\n    </ax-data-grid>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: AXDataGridComponent, selector: "ax-data-grid", inputs: ["paginationPageSizeSelector", "paginationAutoPageSize", "paginationPageSize", "remoteOperation", "rowMultiSelectWithClick", "suppressRowClickSelection", "suppressCellSelection", "sizeColumnsToFit", "showCheckBox", "floatingFilter", "autoExpand", "rowSelectableConditionField", "selectionMode", "pagination", "selectRow", "rowGroupPanelShow", "loadOnInit", "enableRangeSelection", "keyField", "hasChildField", "rowHeight", "groupHideOpenParents", "maxConcurrentDatasourceRequests", "blockLoadDebounceMillis", "showRefreshButton", "autoNavigatePage", "rowClass", "rtl", "searchText", "filter", "columns", "dataSource"], outputs: ["columnsChange", "cellClick", "cellDbClick", "cellFocuse", "rowClick", "rowDbClick", "selectionChanged", "rowSelectionChange", "onRowSelectionChanged"] }, { kind: "component", type: AXGridSelectionColumn, selector: "ax-selection-column", inputs: ["condition", "pinned", "width"] }, { kind: "component", type: i1$1.AXToolbarComponent, selector: "ax-toolbar" }, { kind: "component", type: i1$1.AXToolbarSearchComponent, selector: "ax-toolbar-search", inputs: ["text"], outputs: ["onValueChanged"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: AXDataLovPopupComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: AXDataLovPopupComponent, decorators: [{
             type: Component,
             args: [{ template: "<div style=\"height: 70vh; padding: 0.5em\">\n  <div style=\"height: calc(98%)\">\n    <ax-data-grid\n      [showRefreshButton]=\"false\"\n      [pagination]=\"pagination\"\n      [paginationAutoPageSize]=\"paginationAutoPageSize\"\n      [paginationPageSize]=\"paginationPageSize\"\n      [rtl]=\"rtl\"\n      [maxConcurrentDatasourceRequests]=\"maxConcurrentDatasourceRequests\"\n      [blockLoadDebounceMillis]=\"blockLoadDebounceMillis\"\n      [suppressRowClickSelection]=\"false\"\n      [keyField]=\"keyField\"\n      [hasChildField]=\"hasChildField\"\n      [selectRow]=\"selectedItems\"\n      #grid\n      [columns]=\"columns\"\n      [remoteOperation]=\"true\"\n      [selectionMode]=\"selectionMode\"\n      (rowDbClick)=\"rowDoubleClicked($event)\"\n      (rowSelectionChange)=\"rowSelectionChange($event)\"\n      [dataSource]=\"dataSource\"\n    >\n      <ax-toolbar>\n        <ax-toolbar-search #searchBox style=\"width: 100%\"></ax-toolbar-search>\n      </ax-toolbar>\n      <ax-selection-column\n        *ngIf=\"selectionMode == 'single' ? false : true\"\n      ></ax-selection-column>\n      <!-- <ax-data-source [provideData]=\"dataSource.provideData\">\n              </ax-data-source> -->\n    </ax-data-grid>\n  </div>\n</div>\n" }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }], propDecorators: { grid: [{
@@ -2057,10 +2047,10 @@ class AXLOVComponent extends AXValidatableComponent {
             });
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: AXLOVComponent, deps: [{ token: i1$1.AXPopupService }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.3", type: AXLOVComponent, selector: "ax-lov", inputs: { validation: "validation", textField: "textField", allowSearch: "allowSearch", valueField: "valueField", hasChildField: "hasChildField", allowNull: "allowNull", popupSize: "popupSize", pagination: "pagination", selectedItems: "selectedItems", paginationAutoPageSize: "paginationAutoPageSize", paginationPageSize: "paginationPageSize", maxConcurrentDatasourceRequests: "maxConcurrentDatasourceRequests", blockLoadDebounceMillis: "blockLoadDebounceMillis", readonly: "readonly", disabled: "disabled", chipsWidth: "chipsWidth", size: "size", caption: "caption", mode: "mode", placeholder: "placeholder", rtl: "rtl", multiLine: "multiLine" }, outputs: { onSelectionChange: "onSelectionChange" }, host: { styleAttribute: "width: 100%" }, providers: [{ provide: AXValidatableComponent, useExisting: AXLOVComponent }], queries: [{ propertyName: "_contentValidation", first: true, predicate: AXValidation, descendants: true, static: true }, { propertyName: "dataSource", first: true, predicate: AXDataSourceComponent, descendants: true, static: true }, { propertyName: "rowTemplate", first: true, predicate: ["itemTemplate"], descendants: true, static: true }, { propertyName: "columns", predicate: AXGridDataColumn }], viewQueries: [{ propertyName: "selectBox", first: true, predicate: ["selectBox"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<ax-select-box\n  [rowInputTemplate]=\"rowTemplate\"\n  [multiLine]=\"multiLine\"\n  [rtl]=\"rtl\"\n  [allowSearch]=\"allowSearch\"\n  #selectBox\n  [showDropDownButton]=\"false\"\n  [allowNull]=\"allowNull\"\n  [remoteOperation]=\"true\"\n  [placeholder]=\"placeholder\"\n  [size]=\"size\"\n  [textField]=\"textField\"\n  [valueField]=\"valueField\"\n  [disabled]=\"disabled\"\n  [mode]=\"mode\"\n  [(selectedItems)]=\"selectedItems\"\n  (selectionChanged)=\"handleSelectChange($event)\"\n  [dataSource]=\"dataSource\"\n>\n  <ng-container start>\n    <ng-content select=\"[start]\"> </ng-content>\n  </ng-container>\n  <ng-container end>\n    <ax-button\n      icon=\"far fa-bars icon\"\n      [disabled]=\"disabled\"\n      type=\"light blank\"\n      (click)=\"handleButtonClick()\"\n      end\n      [tabIndex]=\"-1\"\n    >\n    </ax-button>\n    <ng-content select=\"[end]\"> </ng-content>\n  </ng-container>\n</ax-select-box>\n\n<!-- <ax-select-box2 [rtl]=\"rtl\" [allowSearch]=\"allowSearch\" #selectBox [showDropDownButton]=\"false\" [allowNull]=\"allowNull\"\n    [remoteOperation]=\"true\" [placeholder]=\"placeholder\" [size]=\"size\" [textField]=\"textField\" [valueField]=\"valueField\"\n    [disabled]=\"disabled\" [selectionMode]=\"mode\" (onValueChanged)=\"handleSelectChange($event)\" [dataSource]=\"dataSource\"\n    [(value)]=\"selectedItems\" selectionDataMode=\"item\">\n    <ng-container start>\n        <ng-content select=\"[start]\">\n        </ng-content>\n    </ng-container>\n    <ng-container end>\n        <ax-button icon=\"far fa-bars icon\" [disabled]=\"disabled\" type=\"primary blank\" (click)=\"handleButtonClick()\" end\n            [tabIndex]=\"-1\">\n        </ax-button>\n        <ng-content select=\"[end]\">\n        </ng-content>\n    </ng-container>\n</ax-select-box2> -->\n\n<!-- <div class=\"ax-lov-box\" [style.display]=\"mode=='hidden' ? 'none':'unset'\">\n    <div class=\"ax-field-set\">\n        <div class=\"ax-field-set-wrapper\" [ngClass]=\"{ 'no-label': !label }\">\n            <fieldset [ngClass]=\"{ 'input-focused': isFocused, 'input-error': errorText }\">\n                <legend *ngIf=\"label\">\n                    {{ label }}\n                </legend>\n            </fieldset>\n            <input type=\"text\" [(ngModel)]=\"text\" [placeholder]=\"placeholder\" (keyup)=\"handleKeyEvent($event)\"\n                (blur)=\"handleBlurEvent($event)\" (focus)=\"handleFocusEvent($event)\" class=\"ax-text-box\" disabled />\n            <div class=\"ax-field-set-button\">\n                <button *ngIf=\"text && allowClear\" type=\"button\" class=\"btn btn-light\" (click)=\"clearText()\">\n                    <i class=\"far fa-times\"></i>\n                </button>\n                <button type=\"button\" class=\" btn btn-primary\" (click)=\"handleButtonClick($event)\">\n                    <i class=\"far fa-check-circle\"></i>\n                </button>\n            </div>\n        </div>\n    </div>\n    <div class=\"validation-text\" *ngIf=\"errorText\">\n        {{ errorText }}\n    </div>\n\n</div> -->\n", dependencies: [{ kind: "component", type: i1$1.AXButtonComponent, selector: "ax-button", inputs: ["type", "icon", "submitBehavior", "cancelBehavior", "block", "loading", "selected"] }, { kind: "component", type: i1$1.AXSelectBoxComponent, selector: "ax-select-box", inputs: ["showDropDownButton", "rowInputTemplate", "showCheckBox", "readonly", "rtl", "disabled", "placeholder", "size", "allowNull", "textAlign", "bufferSize", "remoteOperation", "fitParent", "dropdownWidth", "multiLine", "onDemandTranslate", "dataSource", "validation", "disabledCallback", "allowSearch", "textField", "valueField", "disabledField", "mode", "items", "selectedItems", "selectedValues"], outputs: ["dropdownToggle", "itemsChange", "onBlur", "onFocus", "selectionChanged", "selectedItemsChange", "selectedValuesChange"] }], encapsulation: i0.ViewEncapsulation.None });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: AXLOVComponent, deps: [{ token: i1$1.AXPopupService }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.5", type: AXLOVComponent, selector: "ax-lov", inputs: { validation: "validation", textField: "textField", allowSearch: "allowSearch", valueField: "valueField", hasChildField: "hasChildField", allowNull: "allowNull", popupSize: "popupSize", pagination: "pagination", selectedItems: "selectedItems", paginationAutoPageSize: "paginationAutoPageSize", paginationPageSize: "paginationPageSize", maxConcurrentDatasourceRequests: "maxConcurrentDatasourceRequests", blockLoadDebounceMillis: "blockLoadDebounceMillis", readonly: "readonly", disabled: "disabled", chipsWidth: "chipsWidth", size: "size", caption: "caption", mode: "mode", placeholder: "placeholder", rtl: "rtl", multiLine: "multiLine" }, outputs: { onSelectionChange: "onSelectionChange" }, host: { styleAttribute: "width: 100%" }, providers: [{ provide: AXValidatableComponent, useExisting: AXLOVComponent }], queries: [{ propertyName: "_contentValidation", first: true, predicate: AXValidation, descendants: true, static: true }, { propertyName: "dataSource", first: true, predicate: AXDataSourceComponent, descendants: true, static: true }, { propertyName: "rowTemplate", first: true, predicate: ["itemTemplate"], descendants: true, static: true }, { propertyName: "columns", predicate: AXGridDataColumn }], viewQueries: [{ propertyName: "selectBox", first: true, predicate: ["selectBox"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<ax-select-box\n  [rowInputTemplate]=\"rowTemplate\"\n  [multiLine]=\"multiLine\"\n  [rtl]=\"rtl\"\n  [allowSearch]=\"allowSearch\"\n  #selectBox\n  [showDropDownButton]=\"false\"\n  [allowNull]=\"allowNull\"\n  [remoteOperation]=\"true\"\n  [placeholder]=\"placeholder\"\n  [size]=\"size\"\n  [textField]=\"textField\"\n  [valueField]=\"valueField\"\n  [disabled]=\"disabled\"\n  [mode]=\"mode\"\n  [(selectedItems)]=\"selectedItems\"\n  (selectionChanged)=\"handleSelectChange($event)\"\n  [dataSource]=\"dataSource\"\n>\n  <ng-container start>\n    <ng-content select=\"[start]\"> </ng-content>\n  </ng-container>\n  <ng-container end>\n    <ax-button\n      icon=\"far fa-bars icon\"\n      [disabled]=\"disabled\"\n      type=\"light blank\"\n      (click)=\"handleButtonClick()\"\n      end\n      [tabIndex]=\"-1\"\n    >\n    </ax-button>\n    <ng-content select=\"[end]\"> </ng-content>\n  </ng-container>\n</ax-select-box>\n\n<!-- <ax-select-box2 [rtl]=\"rtl\" [allowSearch]=\"allowSearch\" #selectBox [showDropDownButton]=\"false\" [allowNull]=\"allowNull\"\n    [remoteOperation]=\"true\" [placeholder]=\"placeholder\" [size]=\"size\" [textField]=\"textField\" [valueField]=\"valueField\"\n    [disabled]=\"disabled\" [selectionMode]=\"mode\" (onValueChanged)=\"handleSelectChange($event)\" [dataSource]=\"dataSource\"\n    [(value)]=\"selectedItems\" selectionDataMode=\"item\">\n    <ng-container start>\n        <ng-content select=\"[start]\">\n        </ng-content>\n    </ng-container>\n    <ng-container end>\n        <ax-button icon=\"far fa-bars icon\" [disabled]=\"disabled\" type=\"primary blank\" (click)=\"handleButtonClick()\" end\n            [tabIndex]=\"-1\">\n        </ax-button>\n        <ng-content select=\"[end]\">\n        </ng-content>\n    </ng-container>\n</ax-select-box2> -->\n\n<!-- <div class=\"ax-lov-box\" [style.display]=\"mode=='hidden' ? 'none':'unset'\">\n    <div class=\"ax-field-set\">\n        <div class=\"ax-field-set-wrapper\" [ngClass]=\"{ 'no-label': !label }\">\n            <fieldset [ngClass]=\"{ 'input-focused': isFocused, 'input-error': errorText }\">\n                <legend *ngIf=\"label\">\n                    {{ label }}\n                </legend>\n            </fieldset>\n            <input type=\"text\" [(ngModel)]=\"text\" [placeholder]=\"placeholder\" (keyup)=\"handleKeyEvent($event)\"\n                (blur)=\"handleBlurEvent($event)\" (focus)=\"handleFocusEvent($event)\" class=\"ax-text-box\" disabled />\n            <div class=\"ax-field-set-button\">\n                <button *ngIf=\"text && allowClear\" type=\"button\" class=\"btn btn-light\" (click)=\"clearText()\">\n                    <i class=\"far fa-times\"></i>\n                </button>\n                <button type=\"button\" class=\" btn btn-primary\" (click)=\"handleButtonClick($event)\">\n                    <i class=\"far fa-check-circle\"></i>\n                </button>\n            </div>\n        </div>\n    </div>\n    <div class=\"validation-text\" *ngIf=\"errorText\">\n        {{ errorText }}\n    </div>\n\n</div> -->\n", dependencies: [{ kind: "component", type: i1$1.AXButtonComponent, selector: "ax-button", inputs: ["type", "icon", "submitBehavior", "cancelBehavior", "block", "loading", "selected"] }, { kind: "component", type: i1$1.AXSelectBoxComponent, selector: "ax-select-box", inputs: ["showDropDownButton", "rowInputTemplate", "showCheckBox", "readonly", "rtl", "disabled", "placeholder", "size", "allowNull", "textAlign", "bufferSize", "remoteOperation", "fitParent", "dropdownWidth", "multiLine", "onDemandTranslate", "dataSource", "validation", "disabledCallback", "allowSearch", "textField", "valueField", "disabledField", "mode", "items", "selectedItems", "selectedValues"], outputs: ["dropdownToggle", "itemsChange", "onBlur", "onFocus", "selectionChanged", "selectedItemsChange", "selectedValuesChange"] }], encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: AXLOVComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: AXLOVComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-lov', encapsulation: ViewEncapsulation.None, host: { style: 'width: 100%' }, providers: [{ provide: AXValidatableComponent, useExisting: AXLOVComponent }], template: "<ax-select-box\n  [rowInputTemplate]=\"rowTemplate\"\n  [multiLine]=\"multiLine\"\n  [rtl]=\"rtl\"\n  [allowSearch]=\"allowSearch\"\n  #selectBox\n  [showDropDownButton]=\"false\"\n  [allowNull]=\"allowNull\"\n  [remoteOperation]=\"true\"\n  [placeholder]=\"placeholder\"\n  [size]=\"size\"\n  [textField]=\"textField\"\n  [valueField]=\"valueField\"\n  [disabled]=\"disabled\"\n  [mode]=\"mode\"\n  [(selectedItems)]=\"selectedItems\"\n  (selectionChanged)=\"handleSelectChange($event)\"\n  [dataSource]=\"dataSource\"\n>\n  <ng-container start>\n    <ng-content select=\"[start]\"> </ng-content>\n  </ng-container>\n  <ng-container end>\n    <ax-button\n      icon=\"far fa-bars icon\"\n      [disabled]=\"disabled\"\n      type=\"light blank\"\n      (click)=\"handleButtonClick()\"\n      end\n      [tabIndex]=\"-1\"\n    >\n    </ax-button>\n    <ng-content select=\"[end]\"> </ng-content>\n  </ng-container>\n</ax-select-box>\n\n<!-- <ax-select-box2 [rtl]=\"rtl\" [allowSearch]=\"allowSearch\" #selectBox [showDropDownButton]=\"false\" [allowNull]=\"allowNull\"\n    [remoteOperation]=\"true\" [placeholder]=\"placeholder\" [size]=\"size\" [textField]=\"textField\" [valueField]=\"valueField\"\n    [disabled]=\"disabled\" [selectionMode]=\"mode\" (onValueChanged)=\"handleSelectChange($event)\" [dataSource]=\"dataSource\"\n    [(value)]=\"selectedItems\" selectionDataMode=\"item\">\n    <ng-container start>\n        <ng-content select=\"[start]\">\n        </ng-content>\n    </ng-container>\n    <ng-container end>\n        <ax-button icon=\"far fa-bars icon\" [disabled]=\"disabled\" type=\"primary blank\" (click)=\"handleButtonClick()\" end\n            [tabIndex]=\"-1\">\n        </ax-button>\n        <ng-content select=\"[end]\">\n        </ng-content>\n    </ng-container>\n</ax-select-box2> -->\n\n<!-- <div class=\"ax-lov-box\" [style.display]=\"mode=='hidden' ? 'none':'unset'\">\n    <div class=\"ax-field-set\">\n        <div class=\"ax-field-set-wrapper\" [ngClass]=\"{ 'no-label': !label }\">\n            <fieldset [ngClass]=\"{ 'input-focused': isFocused, 'input-error': errorText }\">\n                <legend *ngIf=\"label\">\n                    {{ label }}\n                </legend>\n            </fieldset>\n            <input type=\"text\" [(ngModel)]=\"text\" [placeholder]=\"placeholder\" (keyup)=\"handleKeyEvent($event)\"\n                (blur)=\"handleBlurEvent($event)\" (focus)=\"handleFocusEvent($event)\" class=\"ax-text-box\" disabled />\n            <div class=\"ax-field-set-button\">\n                <button *ngIf=\"text && allowClear\" type=\"button\" class=\"btn btn-light\" (click)=\"clearText()\">\n                    <i class=\"far fa-times\"></i>\n                </button>\n                <button type=\"button\" class=\" btn btn-primary\" (click)=\"handleButtonClick($event)\">\n                    <i class=\"far fa-check-circle\"></i>\n                </button>\n            </div>\n        </div>\n    </div>\n    <div class=\"validation-text\" *ngIf=\"errorText\">\n        {{ errorText }}\n    </div>\n\n</div> -->\n" }]
         }], ctorParameters: () => [{ type: i1$1.AXPopupService }, { type: i0.ElementRef }], propDecorators: { _contentValidation: [{
@@ -2127,11 +2117,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImpor
             }] } });
 
 class AXLOVModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: AXLOVModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.3", ngImport: i0, type: AXLOVModule, declarations: [AXLOVComponent, AXDataLovPopupComponent], imports: [CommonModule, FormsModule, AXDataGridModule, AXDataSourceModule, AXButtonModule, AXToolbarModule, AXSelectBoxModule, AXSearchBoxModule], exports: [AXLOVComponent, AXDataLovPopupComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: AXLOVModule, imports: [CommonModule, FormsModule, AXDataGridModule, AXDataSourceModule, AXButtonModule, AXToolbarModule, AXSelectBoxModule, AXSearchBoxModule] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: AXLOVModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.5", ngImport: i0, type: AXLOVModule, declarations: [AXLOVComponent, AXDataLovPopupComponent], imports: [CommonModule, FormsModule, AXDataGridModule, AXDataSourceModule, AXButtonModule, AXToolbarModule, AXSelectBoxModule, AXSearchBoxModule], exports: [AXLOVComponent, AXDataLovPopupComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: AXLOVModule, imports: [CommonModule, FormsModule, AXDataGridModule, AXDataSourceModule, AXButtonModule, AXToolbarModule, AXSelectBoxModule, AXSearchBoxModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: AXLOVModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: AXLOVModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [AXLOVComponent, AXDataLovPopupComponent],