@acorex/data-grid 6.5.29 → 6.5.32

package/fesm2015/acorex-data-grid.mjs

@@ -10,1871 +10,1871 @@ import * as i1$2 from 'ag-grid-angular';
 import { AgGridModule } from 'ag-grid-angular';
 import { FormsModule } from '@angular/forms';
 
-class AXDataGridCellTemplateComponent {
-    constructor() {
-        this.renderer = AXDataGridCellTemplateRenderer;
-    }
-    ngOnInit() {
-        this.params = {
-            templateRef: this.templateRef
-        };
-    }
-}
-AXDataGridCellTemplateComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXDataGridCellTemplateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-AXDataGridCellTemplateComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", 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: "13.3.11", ngImport: i0, type: AXDataGridCellTemplateComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'ax-cell-template',
-                    template: `<ng-content></ng-content>
-   `
-                }]
-        }], ctorParameters: function () { return []; }, propDecorators: { templateRef: [{
-                type: ContentChild,
-                args: [TemplateRef, { static: true }]
-            }] } });
-class AXDataGridCellTemplateRenderer {
-    constructor() { }
-    agInit(params) {
-        this.rowData = params.data;
-        this.templateRef = params.templateRef;
-    }
-    refresh(params) {
-        this.rowData = params.data;
-        return true;
-    }
-}
-AXDataGridCellTemplateRenderer.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXDataGridCellTemplateRenderer, deps: [], target: i0.ɵɵFactoryTarget.Component });
-AXDataGridCellTemplateRenderer.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: AXDataGridCellTemplateRenderer, selector: "ng-component", ngImport: i0, template: `
-        <ng-container *ngTemplateOutlet='templateRef; context: { $implicit: rowData }'>
-        </ng-container>
-    `, isInline: true, directives: [{ type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXDataGridCellTemplateRenderer, decorators: [{
-            type: Component,
-            args: [{
-                    template: `
-        <ng-container *ngTemplateOutlet='templateRef; context: { $implicit: rowData }'>
-        </ng-container>
-    `
-                }]
+class AXDataGridCellTemplateComponent {
+    constructor() {
+        this.renderer = AXDataGridCellTemplateRenderer;
+    }
+    ngOnInit() {
+        this.params = {
+            templateRef: this.templateRef
+        };
+    }
+}
+AXDataGridCellTemplateComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXDataGridCellTemplateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+AXDataGridCellTemplateComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", 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: "13.3.11", ngImport: i0, type: AXDataGridCellTemplateComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ax-cell-template',
+                    template: `<ng-content></ng-content>
+   `
+                }]
+        }], ctorParameters: function () { return []; }, propDecorators: { templateRef: [{
+                type: ContentChild,
+                args: [TemplateRef, { static: true }]
+            }] } });
+class AXDataGridCellTemplateRenderer {
+    constructor() { }
+    agInit(params) {
+        this.rowData = params.data;
+        this.templateRef = params.templateRef;
+    }
+    refresh(params) {
+        this.rowData = params.data;
+        return true;
+    }
+}
+AXDataGridCellTemplateRenderer.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXDataGridCellTemplateRenderer, deps: [], target: i0.ɵɵFactoryTarget.Component });
+AXDataGridCellTemplateRenderer.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: AXDataGridCellTemplateRenderer, selector: "ng-component", ngImport: i0, template: `
+        <ng-container *ngTemplateOutlet='templateRef; context: { $implicit: rowData }'>
+        </ng-container>
+    `, isInline: true, directives: [{ type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXDataGridCellTemplateRenderer, decorators: [{
+            type: Component,
+            args: [{
+                    template: `
+        <ng-container *ngTemplateOutlet='templateRef; context: { $implicit: rowData }'>
+        </ng-container>
+    `
+                }]
         }], ctorParameters: function () { return []; } });
 
-class AXGridDataColumn {
-    constructor() {
-        this.width = 100;
-        this.pinned = null;
-        this.allowSorting = true;
-        this.allowFiltering = AXConfig.get('datagrid.allowFiltering') || false;
-        this.sort = null;
-        this.field = '';
-        this.caption = '';
-        this.checkbox = false;
-        this.headerCheckbox = false;
-        this.groupIndex = -1;
-        this.treeIndex = -1;
-        this.enableRowGroup = false;
-        this.hide = false;
-        this.floatingFilter = AXConfig.get('datagrid.floatingFilter') || false;
-        this.disableMenu = false;
-        this.resizable = true;
-        this.menuColumnDisable = false;
-        this.menuItemDisable = false;
-    }
-    ;
-    render() {
-        const col = {
-            field: this.field,
-            width: this.width,
-        };
-        col.resizable = this.resizable;
-        col.suppressMenu = this.disableMenu;
-        col.menuTabs = ['filterMenuTab', 'columnsMenuTab', 'generalMenuTab'];
-        col.floatingFilter = this.floatingFilter;
-        if (!this.allowFiltering) {
-            col.filter = false;
-            col.menuTabs = col.menuTabs.filter(c => c != 'filterMenuTab');
-            col.floatingFilter = false;
-        }
-        if (this.menuColumnDisable == true) {
-            col.menuTabs = col.menuTabs.filter(c => c != 'columnsMenuTab');
-        }
-        if (this.menuItemDisable == true) {
-            col.menuTabs = col.menuTabs.filter(c => c != 'generalMenuTab');
-        }
-        if (this.caption) {
-            col.headerName = this.caption;
-        }
-        if (this.minWidth) {
-            col.minWidth = this.minWidth;
-        }
-        if (this.maxWidth) {
-            col.maxWidth = this.maxWidth;
-        }
-        if (this.pinned) {
-            col.pinned = this.pinned === 'start' ? 'right' : 'left';
-            // TODO: Change based on layout
-        }
-        if (this.allowSorting) {
-            col.sortable = this.allowSorting;
-        }
-        if (this.sort) {
-            col.sort = this.sort;
-        }
-        if (this.groupIndex >= 0) {
-            col.rowGroupIndex = this.groupIndex;
-            col.rowGroup = true;
-            this.enableRowGroup = true;
-        }
-        if (this.treeIndex >= 0) {
-            col.rowGroupIndex = this.treeIndex;
-            col.rowGroup = false;
-        }
-        if (this.hide) {
-            col.hide = true;
-        }
-        if (this.enableRowGroup) {
-            col.enableRowGroup = this.enableRowGroup;
-        }
-        if (this.cellClass) {
-            const THAT = this;
-            if (this.cellClass instanceof Function) {
-                col.cellClass = (p) => {
-                    return THAT.cellClass({
-                        column: THAT,
-                        rowIndex: p.node.rowIndex,
-                        rowLevel: p.node.level,
-                        data: p.data,
-                        value: p.value
-                    });
-                };
-            }
-            else {
-                col.cellClass = this.cellClass;
-            }
-        }
-        //
-        if (this.cellTemplate != null) {
-            col.cellRendererFramework = this.cellTemplate.renderer;
-            col.cellRendererParams = this.cellTemplate.params;
-        }
-        if (this.checkbox) {
-            col.checkboxSelection = (params) => {
-                return true;
-            };
-            //  col.headerCheckboxSelection = this.headerCheckbox;
-        }
-        return col;
-    }
-}
-AXGridDataColumn.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXGridDataColumn, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-AXGridDataColumn.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.11", 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" }, queries: [{ propertyName: "cellTemplate", first: true, predicate: AXDataGridCellTemplateComponent, descendants: true }], ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXGridDataColumn, decorators: [{
-            type: Directive
-        }], ctorParameters: function () { return []; }, propDecorators: { cellTemplate: [{
-                type: ContentChild,
-                args: [AXDataGridCellTemplateComponent]
-            }], width: [{
-                type: Input
-            }], maxWidth: [{
-                type: Input
-            }], minWidth: [{
-                type: Input
-            }], pinned: [{
-                type: Input
-            }], allowSorting: [{
-                type: Input
-            }], allowFiltering: [{
-                type: Input
-            }], cellClass: [{
-                type: Input
-            }], sort: [{
-                type: Input
-            }], field: [{
-                type: Input
-            }], caption: [{
-                type: Input
-            }], cellRendererParams: [{
-                type: Input
-            }], checkbox: [{
-                type: Input
-            }], headerCheckbox: [{
-                type: Input
-            }], groupIndex: [{
-                type: Input
-            }], treeIndex: [{
-                type: Input
-            }], enableRowGroup: [{
-                type: Input
-            }], hide: [{
-                type: Input
-            }], floatingFilter: [{
-                type: Input
-            }], disableMenu: [{
-                type: Input
-            }], resizable: [{
-                type: Input
-            }], menuColumnDisable: [{
-                type: Input
-            }], menuItemDisable: [{
-                type: Input
+class AXGridDataColumn {
+    constructor() {
+        this.width = 100;
+        this.pinned = null;
+        this.allowSorting = true;
+        this.allowFiltering = AXConfig.get('datagrid.allowFiltering') || false;
+        this.sort = null;
+        this.field = '';
+        this.caption = '';
+        this.checkbox = false;
+        this.headerCheckbox = false;
+        this.groupIndex = -1;
+        this.treeIndex = -1;
+        this.enableRowGroup = false;
+        this.hide = false;
+        this.floatingFilter = AXConfig.get('datagrid.floatingFilter') || false;
+        this.disableMenu = false;
+        this.resizable = true;
+        this.menuColumnDisable = false;
+        this.menuItemDisable = false;
+    }
+    ;
+    render() {
+        const col = {
+            field: this.field,
+            width: this.width,
+        };
+        col.resizable = this.resizable;
+        col.suppressMenu = this.disableMenu;
+        col.menuTabs = ['filterMenuTab', 'columnsMenuTab', 'generalMenuTab'];
+        col.floatingFilter = this.floatingFilter;
+        if (!this.allowFiltering) {
+            col.filter = false;
+            col.menuTabs = col.menuTabs.filter(c => c != 'filterMenuTab');
+            col.floatingFilter = false;
+        }
+        if (this.menuColumnDisable == true) {
+            col.menuTabs = col.menuTabs.filter(c => c != 'columnsMenuTab');
+        }
+        if (this.menuItemDisable == true) {
+            col.menuTabs = col.menuTabs.filter(c => c != 'generalMenuTab');
+        }
+        if (this.caption) {
+            col.headerName = this.caption;
+        }
+        if (this.minWidth) {
+            col.minWidth = this.minWidth;
+        }
+        if (this.maxWidth) {
+            col.maxWidth = this.maxWidth;
+        }
+        if (this.pinned) {
+            col.pinned = this.pinned === 'start' ? 'right' : 'left';
+            // TODO: Change based on layout
+        }
+        if (this.allowSorting) {
+            col.sortable = this.allowSorting;
+        }
+        if (this.sort) {
+            col.sort = this.sort;
+        }
+        if (this.groupIndex >= 0) {
+            col.rowGroupIndex = this.groupIndex;
+            col.rowGroup = true;
+            this.enableRowGroup = true;
+        }
+        if (this.treeIndex >= 0) {
+            col.rowGroupIndex = this.treeIndex;
+            col.rowGroup = false;
+        }
+        if (this.hide) {
+            col.hide = true;
+        }
+        if (this.enableRowGroup) {
+            col.enableRowGroup = this.enableRowGroup;
+        }
+        if (this.cellClass) {
+            const THAT = this;
+            if (this.cellClass instanceof Function) {
+                col.cellClass = (p) => {
+                    return THAT.cellClass({
+                        column: THAT,
+                        rowIndex: p.node.rowIndex,
+                        rowLevel: p.node.level,
+                        data: p.data,
+                        value: p.value
+                    });
+                };
+            }
+            else {
+                col.cellClass = this.cellClass;
+            }
+        }
+        //
+        if (this.cellTemplate != null) {
+            col.cellRendererFramework = this.cellTemplate.renderer;
+            col.cellRendererParams = this.cellTemplate.params;
+        }
+        if (this.checkbox) {
+            col.checkboxSelection = (params) => {
+                return true;
+            };
+            //  col.headerCheckboxSelection = this.headerCheckbox;
+        }
+        return col;
+    }
+}
+AXGridDataColumn.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXGridDataColumn, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+AXGridDataColumn.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.11", 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" }, queries: [{ propertyName: "cellTemplate", first: true, predicate: AXDataGridCellTemplateComponent, descendants: true }], ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXGridDataColumn, decorators: [{
+            type: Directive
+        }], ctorParameters: function () { return []; }, propDecorators: { cellTemplate: [{
+                type: ContentChild,
+                args: [AXDataGridCellTemplateComponent]
+            }], width: [{
+                type: Input
+            }], maxWidth: [{
+                type: Input
+            }], minWidth: [{
+                type: Input
+            }], pinned: [{
+                type: Input
+            }], allowSorting: [{
+                type: Input
+            }], allowFiltering: [{
+                type: Input
+            }], cellClass: [{
+                type: Input
+            }], sort: [{
+                type: Input
+            }], field: [{
+                type: Input
+            }], caption: [{
+                type: Input
+            }], cellRendererParams: [{
+                type: Input
+            }], checkbox: [{
+                type: Input
+            }], headerCheckbox: [{
+                type: Input
+            }], groupIndex: [{
+                type: Input
+            }], treeIndex: [{
+                type: Input
+            }], enableRowGroup: [{
+                type: Input
+            }], hide: [{
+                type: Input
+            }], floatingFilter: [{
+                type: Input
+            }], disableMenu: [{
+                type: Input
+            }], resizable: [{
+                type: Input
+            }], menuColumnDisable: [{
+                type: Input
+            }], menuItemDisable: [{
+                type: Input
             }] } });
 
-class AXDataGridFilterComponent {
-}
-AXDataGridFilterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXDataGridFilterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-AXDataGridFilterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", 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'>
-        <button type='button' class='btn btn-primary btn-sm'>
-          <i class='fas fa-filter'></i>
-        </button>
-        <button type='button' class='btn btn-danger btn-sm'>
-          <i class='fas fa-trash-alt'></i>
-        </button>
-      </div>
-    </div>
-  `, isInline: true, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXDataGridFilterComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'ax-data-grid-filter',
-                    template: `
-    <div class='ax-grid-filter-container'>
-      <ng-content></ng-content>
-      <div class='btn-group' role='group'>
-        <button type='button' class='btn btn-primary btn-sm'>
-          <i class='fas fa-filter'></i>
-        </button>
-        <button type='button' class='btn btn-danger btn-sm'>
-          <i class='fas fa-trash-alt'></i>
-        </button>
-      </div>
-    </div>
-  `,
-                    encapsulation: ViewEncapsulation.None
-                }]
+class AXDataGridFilterComponent {
+}
+AXDataGridFilterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXDataGridFilterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+AXDataGridFilterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", 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'>
+        <button type='button' class='btn btn-primary btn-sm'>
+          <i class='fas fa-filter'></i>
+        </button>
+        <button type='button' class='btn btn-danger btn-sm'>
+          <i class='fas fa-trash-alt'></i>
+        </button>
+      </div>
+    </div>
+  `, isInline: true, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXDataGridFilterComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ax-data-grid-filter',
+                    template: `
+    <div class='ax-grid-filter-container'>
+      <ng-content></ng-content>
+      <div class='btn-group' role='group'>
+        <button type='button' class='btn btn-primary btn-sm'>
+          <i class='fas fa-filter'></i>
+        </button>
+        <button type='button' class='btn btn-danger btn-sm'>
+          <i class='fas fa-trash-alt'></i>
+        </button>
+      </div>
+    </div>
+  `,
+                    encapsulation: ViewEncapsulation.None
+                }]
         }] });
 
-class AXGridCheckColumn extends AXGridDataColumn {
-    constructor() {
-        super();
-    }
-    render() {
-        const col = super.render();
-        if (!col.cellRendererFramework) {
-            col.cellRendererFramework = BooleanRenderer;
-        }
-        if (this.allowFiltering) {
-            col.filterFramework = BooleanFilterRenderer;
-        }
-        return col;
-    }
-}
-AXGridCheckColumn.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXGridCheckColumn, deps: [], target: i0.ɵɵFactoryTarget.Component });
-AXGridCheckColumn.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", 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: "13.3.11", ngImport: i0, type: AXGridCheckColumn, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'ax-check-column',
-                    template: '',
-                    providers: [{ provide: AXGridDataColumn, useExisting: AXGridCheckColumn }],
-                    changeDetection: ChangeDetectionStrategy.OnPush
-                }]
-        }], ctorParameters: function () { return []; } });
-class BooleanRenderer {
-    constructor() { }
-    agInit(params) {
-        this.value = params.value;
-    }
-    refresh(params) {
-        this.value = params.value;
-        return true;
-    }
-}
-BooleanRenderer.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: BooleanRenderer, deps: [], target: i0.ɵɵFactoryTarget.Component });
-BooleanRenderer.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: BooleanRenderer, selector: "ng-component", ngImport: i0, template: `
-    <ax-check-box [value]='value' readonly='true'></ax-check-box>
-  `, isInline: true, components: [{ type: i1$1.AXCheckBoxComponent, selector: "ax-check-box", inputs: ["readonly", "disabled", "size", "label", "tabIndex", "indeterminate", "value"], outputs: ["onValueChanged", "valueChange", "onClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: BooleanRenderer, decorators: [{
-            type: Component,
-            args: [{
-                    template: `
-    <ax-check-box [value]='value' readonly='true'></ax-check-box>
-  `,
-                    changeDetection: ChangeDetectionStrategy.OnPush
-                }]
-        }], ctorParameters: function () { return []; } });
-class BooleanFilterRenderer {
-    constructor() {
-        this.value = null;
-        this.selectItem = [
-            { value: 0, label: 'True' },
-            { value: 1, label: 'False' },
-        ];
-    }
-    agInit(params) {
-        this.params = params;
-        this.valueGetter = (params.valueGetter);
-    }
-    isFilterActive() {
-        return this.value !== null && this.value !== undefined;
-    }
-    doesFilterPass(params) {
-        return this.value === this.valueGetter(params.node);
-    }
-    getModel() {
-        return { value: this.value };
-    }
-    setModel(model) {
-        this.value = model ? model.value : null;
-    }
-    ngAfterViewInit(params) {
-        window.setTimeout(() => {
-            this.input.element.nativeElement.focus();
-        });
-    }
-    onChange(newValue) {
-        if (this.value !== newValue) {
-            this.value = newValue;
-            this.params.filterChangedCallback();
-        }
-    }
-}
-BooleanFilterRenderer.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: BooleanFilterRenderer, deps: [], target: i0.ɵɵFactoryTarget.Component });
-BooleanFilterRenderer.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", 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, components: [{ type: AXDataGridFilterComponent, selector: "ax-data-grid-filter" }, { type: i1$1.AXSelectBoxComponent, selector: "ax-select-box", inputs: ["showDropDownButton", "rowInputTemplate", "showCheckBox", "readonly", "rtl", "disabled", "placeholder", "size", "allowNull", "textAlign", "bufferSize", "remoteOperation", "fitParent", "dropdownWidth", "dataSource", "validation", "disabledCallback", "allowSearch", "textField", "valueField", "disabledField", "mode", "items", "selectedItems", "selectedValues"], outputs: ["dropdownToggle", "itemsChange", "onBlur", "onFocus", "selectionChanged", "selectedItemsChange", "selectedValuesChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: BooleanFilterRenderer, decorators: [{
-            type: Component,
-            args: [{
-                    template: `
-    <ax-data-grid-filter>
-      <ax-select-box
-        label='Select Box'
-        [items]='selectItem'
-      ></ax-select-box>
-    </ax-data-grid-filter>
-  `,
-                    changeDetection: ChangeDetectionStrategy.OnPush
-                }]
-        }], propDecorators: { input: [{
-                type: ViewChild,
-                args: ['input', { static: true, read: ViewContainerRef }]
+class AXGridCheckColumn extends AXGridDataColumn {
+    constructor() {
+        super();
+    }
+    render() {
+        const col = super.render();
+        if (!col.cellRendererFramework) {
+            col.cellRendererFramework = BooleanRenderer;
+        }
+        if (this.allowFiltering) {
+            col.filterFramework = BooleanFilterRenderer;
+        }
+        return col;
+    }
+}
+AXGridCheckColumn.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXGridCheckColumn, deps: [], target: i0.ɵɵFactoryTarget.Component });
+AXGridCheckColumn.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", 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: "13.3.11", ngImport: i0, type: AXGridCheckColumn, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ax-check-column',
+                    template: '',
+                    providers: [{ provide: AXGridDataColumn, useExisting: AXGridCheckColumn }],
+                    changeDetection: ChangeDetectionStrategy.OnPush
+                }]
+        }], ctorParameters: function () { return []; } });
+class BooleanRenderer {
+    constructor() { }
+    agInit(params) {
+        this.value = params.value;
+    }
+    refresh(params) {
+        this.value = params.value;
+        return true;
+    }
+}
+BooleanRenderer.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: BooleanRenderer, deps: [], target: i0.ɵɵFactoryTarget.Component });
+BooleanRenderer.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: BooleanRenderer, selector: "ng-component", ngImport: i0, template: `
+    <ax-check-box [value]='value' readonly='true'></ax-check-box>
+  `, isInline: true, components: [{ type: i1$1.AXCheckBoxComponent, selector: "ax-check-box", inputs: ["readonly", "disabled", "size", "label", "tabIndex", "indeterminate", "value"], outputs: ["onValueChanged", "valueChange", "onClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: BooleanRenderer, decorators: [{
+            type: Component,
+            args: [{
+                    template: `
+    <ax-check-box [value]='value' readonly='true'></ax-check-box>
+  `,
+                    changeDetection: ChangeDetectionStrategy.OnPush
+                }]
+        }], ctorParameters: function () { return []; } });
+class BooleanFilterRenderer {
+    constructor() {
+        this.value = null;
+        this.selectItem = [
+            { value: 0, label: 'True' },
+            { value: 1, label: 'False' },
+        ];
+    }
+    agInit(params) {
+        this.params = params;
+        this.valueGetter = (params.valueGetter);
+    }
+    isFilterActive() {
+        return this.value !== null && this.value !== undefined;
+    }
+    doesFilterPass(params) {
+        return this.value === this.valueGetter(params.node);
+    }
+    getModel() {
+        return { value: this.value };
+    }
+    setModel(model) {
+        this.value = model ? model.value : null;
+    }
+    ngAfterViewInit(params) {
+        window.setTimeout(() => {
+            this.input.element.nativeElement.focus();
+        });
+    }
+    onChange(newValue) {
+        if (this.value !== newValue) {
+            this.value = newValue;
+            this.params.filterChangedCallback();
+        }
+    }
+}
+BooleanFilterRenderer.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: BooleanFilterRenderer, deps: [], target: i0.ɵɵFactoryTarget.Component });
+BooleanFilterRenderer.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", 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, components: [{ type: AXDataGridFilterComponent, selector: "ax-data-grid-filter" }, { type: i1$1.AXSelectBoxComponent, selector: "ax-select-box", inputs: ["showDropDownButton", "rowInputTemplate", "showCheckBox", "readonly", "rtl", "disabled", "placeholder", "size", "allowNull", "textAlign", "bufferSize", "remoteOperation", "fitParent", "dropdownWidth", "dataSource", "validation", "disabledCallback", "allowSearch", "textField", "valueField", "disabledField", "mode", "items", "selectedItems", "selectedValues"], outputs: ["dropdownToggle", "itemsChange", "onBlur", "onFocus", "selectionChanged", "selectedItemsChange", "selectedValuesChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: BooleanFilterRenderer, decorators: [{
+            type: Component,
+            args: [{
+                    template: `
+    <ax-data-grid-filter>
+      <ax-select-box
+        label='Select Box'
+        [items]='selectItem'
+      ></ax-select-box>
+    </ax-data-grid-filter>
+  `,
+                    changeDetection: ChangeDetectionStrategy.OnPush
+                }]
+        }], propDecorators: { input: [{
+                type: ViewChild,
+                args: ['input', { static: true, read: ViewContainerRef }]
             }] } });
 
-class AXGridCommandColumn extends AXGridDataColumn {
-    constructor() {
-        super(...arguments);
-        this.items = [];
-        this.onItemClick = new EventEmitter();
-    }
-    render() {
-        const col = super.render();
-        if (!col.cellRendererFramework) {
-            col.cellRendererFramework = CommandRenderer;
-        }
-        col.cellRendererParams = {
-            items: this.items,
-            onClick: (e) => {
-                this.onItemClick.emit({
-                    command: e.name,
-                    data: e.data,
-                    rowIndex: e.rowIndex,
-                    rowLevel: e.rowLevel,
-                    htmlEvent: e.htmlEvent
-                });
-            }
-        };
-        col.sortable = false;
-        col.filter = false;
-        col.valueGetter = (params) => {
-            return this.items;
-        };
-        return col;
-    }
-}
-AXGridCommandColumn.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXGridCommandColumn, deps: null, target: i0.ɵɵFactoryTarget.Component });
-AXGridCommandColumn.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", 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: "13.3.11", ngImport: i0, type: AXGridCommandColumn, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'ax-command-column',
-                    template: '',
-                    providers: [{ provide: AXGridDataColumn, useExisting: AXGridCommandColumn }],
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    encapsulation: ViewEncapsulation.None
-                }]
-        }], propDecorators: { items: [{
-                type: Input
-            }], onItemClick: [{
-                type: Output
-            }] } });
-class CommandRenderer {
-    constructor() {
-        this.items = [];
-    }
-    agInit(params) {
-        this.mapParams(params);
-    }
-    refresh(params) {
-        this.mapParams(params);
-        return true;
-    }
-    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.clickCallback = params.onClick;
-    }
-    onClick(item, e) {
-        if (this.clickCallback && !item.disable) {
-            this.clickCallback({
-                name: item.name,
-                rowLevel: this.node.level,
-                rowIndex: this.node.rowIndex,
-                data: this.node.data,
-                htmlEvent: e
-            });
-        }
-    }
-}
-CommandRenderer.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CommandRenderer, deps: [], target: i0.ɵɵFactoryTarget.Component });
-CommandRenderer.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: CommandRenderer, selector: "ax-command-cell", ngImport: i0, template: `
-    <button
-      *ngFor="let item of items; let i = index"
-      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>
-  `, isInline: true, directives: [{ type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CommandRenderer, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'ax-command-cell',
-                    template: `
-    <button
-      *ngFor="let item of items; let i = index"
-      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>
-  `,
-                    encapsulation: ViewEncapsulation.None,
-                    changeDetection: ChangeDetectionStrategy.OnPush
-                }]
+class AXGridCommandColumn extends AXGridDataColumn {
+    constructor() {
+        super(...arguments);
+        this.items = [];
+        this.onItemClick = new EventEmitter();
+    }
+    render() {
+        const col = super.render();
+        if (!col.cellRendererFramework) {
+            col.cellRendererFramework = CommandRenderer;
+        }
+        col.cellRendererParams = {
+            items: this.items,
+            onClick: (e) => {
+                this.onItemClick.emit({
+                    command: e.name,
+                    data: e.data,
+                    rowIndex: e.rowIndex,
+                    rowLevel: e.rowLevel,
+                    htmlEvent: e.htmlEvent
+                });
+            }
+        };
+        col.sortable = false;
+        col.filter = false;
+        col.valueGetter = (params) => {
+            return this.items;
+        };
+        return col;
+    }
+}
+AXGridCommandColumn.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXGridCommandColumn, deps: null, target: i0.ɵɵFactoryTarget.Component });
+AXGridCommandColumn.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", 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: "13.3.11", ngImport: i0, type: AXGridCommandColumn, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ax-command-column',
+                    template: '',
+                    providers: [{ provide: AXGridDataColumn, useExisting: AXGridCommandColumn }],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None
+                }]
+        }], propDecorators: { items: [{
+                type: Input
+            }], onItemClick: [{
+                type: Output
+            }] } });
+class CommandRenderer {
+    constructor() {
+        this.items = [];
+    }
+    agInit(params) {
+        this.mapParams(params);
+    }
+    refresh(params) {
+        this.mapParams(params);
+        return true;
+    }
+    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.clickCallback = params.onClick;
+    }
+    onClick(item, e) {
+        if (this.clickCallback && !item.disable) {
+            this.clickCallback({
+                name: item.name,
+                rowLevel: this.node.level,
+                rowIndex: this.node.rowIndex,
+                data: this.node.data,
+                htmlEvent: e
+            });
+        }
+    }
+}
+CommandRenderer.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CommandRenderer, deps: [], target: i0.ɵɵFactoryTarget.Component });
+CommandRenderer.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: CommandRenderer, selector: "ax-command-cell", ngImport: i0, template: `
+    <button
+      *ngFor="let item of items; let i = index"
+      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>
+  `, isInline: true, directives: [{ type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CommandRenderer, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ax-command-cell',
+                    template: `
+    <button
+      *ngFor="let item of items; let i = index"
+      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>
+  `,
+                    encapsulation: ViewEncapsulation.None,
+                    changeDetection: ChangeDetectionStrategy.OnPush
+                }]
         }], ctorParameters: function () { return []; } });
 
-class AXGridDateColumn extends AXGridDataColumn {
-    constructor() {
-        super();
-        this.type = AXConfig.get('dateTime.type');
-    }
-    render() {
-        const col = super.render();
-        col.cellRendererParams = {
-            format: this.format,
-        };
-        col.comparator = (valueA, valueB) => {
-            const date1 = AXDateTime.convert(valueA);
-            const date2 = AXDateTime.convert(valueB);
-            //
-            if (date1 === null && date2 === null) {
-                return 0;
-            }
-            if (date1 === null) {
-                return -1;
-            }
-            if (date2 === null) {
-                return 1;
-            }
-            return (date1.date.getTime() - date2.date.getTime());
-        };
-        col.valueFormatter = (params) => {
-            const date = AXDateTime.convert(params.value, this.type);
-            if (date) {
-                return date.format(this.format);
-            }
-            else {
-                return null;
-            }
-        };
-        col.filter = 'agDateColumnFilter';
-        // col.floatingFilter = true;
-        return col;
-    }
-}
-AXGridDateColumn.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXGridDateColumn, deps: [], target: i0.ɵɵFactoryTarget.Component });
-AXGridDateColumn.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", 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: "13.3.11", ngImport: i0, type: AXGridDateColumn, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'ax-date-column',
-                    template: '',
-                    providers: [{ provide: AXGridDataColumn, useExisting: AXGridDateColumn }],
-                    changeDetection: ChangeDetectionStrategy.OnPush
-                }]
-        }], ctorParameters: function () { return []; }, propDecorators: { format: [{
-                type: Input
-            }], type: [{
-                type: Input
-            }] } });
-class AXDatePickerFilterComponent {
-    constructor() {
-        this.selectableHoliday = false;
-        this.type = 'jalali';
-    }
-    agInit(params) {
-        this.params = params;
-    }
-    ngAfterViewInit() {
-    }
-    ngOnDestroy() {
-    }
-    onDateChanged(selectedDates) {
-        //this.date = selectedDates[0] || null;
-        this.params.onDateChanged();
-    }
-    getDate() {
-        return this.date;
-    }
-    setDate(date) {
-        this.date = date || null;
-        //this.picker.setDate(date);
-    }
-    setInputPlaceholder(placeholder) {
-        //this.div.nativeElement.setAttribute('placeholder', placeholder);
-    }
-    onValueChanged(e) {
-        this.setDate(e.value);
-        this.onDateChanged(e.value);
-    }
-}
-AXDatePickerFilterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXDatePickerFilterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-AXDatePickerFilterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", 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, components: [{ 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: "13.3.11", ngImport: i0, type: AXDatePickerFilterComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'ax-data-picker-filter',
-                    template: `<ax-date-picker [selectableHoliday]="selectableHoliday" [allowClear]="true" (onValueChanged)="onValueChanged($event)" size="sm">
-     </ax-date-picker>`,
-                    host: {},
-                    encapsulation: ViewEncapsulation.None
-                }]
-        }], propDecorators: { datePicker: [{
-                type: ViewChild,
-                args: [AXDatePickerComponent]
-            }], div: [{
-                type: ViewChild,
-                args: ['div', { read: ElementRef }]
+class AXGridDateColumn extends AXGridDataColumn {
+    constructor() {
+        super();
+        this.type = AXConfig.get('dateTime.type');
+    }
+    render() {
+        const col = super.render();
+        col.cellRendererParams = {
+            format: this.format,
+        };
+        col.comparator = (valueA, valueB) => {
+            const date1 = AXDateTime.convert(valueA);
+            const date2 = AXDateTime.convert(valueB);
+            //
+            if (date1 === null && date2 === null) {
+                return 0;
+            }
+            if (date1 === null) {
+                return -1;
+            }
+            if (date2 === null) {
+                return 1;
+            }
+            return (date1.date.getTime() - date2.date.getTime());
+        };
+        col.valueFormatter = (params) => {
+            const date = AXDateTime.convert(params.value, this.type);
+            if (date) {
+                return date.format(this.format);
+            }
+            else {
+                return null;
+            }
+        };
+        col.filter = 'agDateColumnFilter';
+        // col.floatingFilter = true;
+        return col;
+    }
+}
+AXGridDateColumn.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXGridDateColumn, deps: [], target: i0.ɵɵFactoryTarget.Component });
+AXGridDateColumn.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", 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: "13.3.11", ngImport: i0, type: AXGridDateColumn, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ax-date-column',
+                    template: '',
+                    providers: [{ provide: AXGridDataColumn, useExisting: AXGridDateColumn }],
+                    changeDetection: ChangeDetectionStrategy.OnPush
+                }]
+        }], ctorParameters: function () { return []; }, propDecorators: { format: [{
+                type: Input
+            }], type: [{
+                type: Input
+            }] } });
+class AXDatePickerFilterComponent {
+    constructor() {
+        this.selectableHoliday = false;
+        this.type = 'jalali';
+    }
+    agInit(params) {
+        this.params = params;
+    }
+    ngAfterViewInit() {
+    }
+    ngOnDestroy() {
+    }
+    onDateChanged(selectedDates) {
+        //this.date = selectedDates[0] || null;
+        this.params.onDateChanged();
+    }
+    getDate() {
+        return this.date;
+    }
+    setDate(date) {
+        this.date = date || null;
+        //this.picker.setDate(date);
+    }
+    setInputPlaceholder(placeholder) {
+        //this.div.nativeElement.setAttribute('placeholder', placeholder);
+    }
+    onValueChanged(e) {
+        this.setDate(e.value);
+        this.onDateChanged(e.value);
+    }
+}
+AXDatePickerFilterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXDatePickerFilterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+AXDatePickerFilterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", 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, components: [{ 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: "13.3.11", ngImport: i0, type: AXDatePickerFilterComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ax-data-picker-filter',
+                    template: `<ax-date-picker [selectableHoliday]="selectableHoliday" [allowClear]="true" (onValueChanged)="onValueChanged($event)" size="sm">
+     </ax-date-picker>`,
+                    host: {},
+                    encapsulation: ViewEncapsulation.None
+                }]
+        }], propDecorators: { datePicker: [{
+                type: ViewChild,
+                args: [AXDatePickerComponent]
+            }], div: [{
+                type: ViewChild,
+                args: ['div', { read: ElementRef }]
             }] } });
 
-class AXGridSelectionColumn extends AXGridDataColumn {
-    constructor() {
-        super();
-        this.pinned = 'start';
-        this.width = 40;
-    }
-    ngOnInit() { }
-    render() {
-        const col = super.render();
-        col.checkboxSelection = this.condition ? this.condition : true;
-        //  col.headerCheckboxSelection = true;
-        col.pinned = this.pinned === 'start' ? 'right' : 'left';
-        col.filter = false;
-        col.resizable = true;
-        col.sortable = false;
-        col.minWidth = 5;
-        col.width = this.width;
-        col.floatingFilter = false;
-        return col;
-    }
-}
-AXGridSelectionColumn.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXGridSelectionColumn, deps: [], target: i0.ɵɵFactoryTarget.Component });
-AXGridSelectionColumn.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", 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: "13.3.11", ngImport: i0, type: AXGridSelectionColumn, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'ax-selection-column',
-                    template: '',
-                    providers: [{ provide: AXGridDataColumn, useExisting: AXGridSelectionColumn }],
-                    changeDetection: ChangeDetectionStrategy.OnPush
-                }]
-        }], ctorParameters: function () { return []; }, propDecorators: { condition: [{
-                type: Input
-            }], pinned: [{
-                type: Input
-            }], width: [{
-                type: Input
+class AXGridSelectionColumn extends AXGridDataColumn {
+    constructor() {
+        super();
+        this.pinned = 'start';
+        this.width = 40;
+    }
+    ngOnInit() { }
+    render() {
+        const col = super.render();
+        col.checkboxSelection = this.condition ? this.condition : true;
+        //  col.headerCheckboxSelection = true;
+        col.pinned = this.pinned === 'start' ? 'right' : 'left';
+        col.filter = false;
+        col.resizable = true;
+        col.sortable = false;
+        col.minWidth = 5;
+        col.width = this.width;
+        col.floatingFilter = false;
+        return col;
+    }
+}
+AXGridSelectionColumn.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXGridSelectionColumn, deps: [], target: i0.ɵɵFactoryTarget.Component });
+AXGridSelectionColumn.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", 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: "13.3.11", ngImport: i0, type: AXGridSelectionColumn, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ax-selection-column',
+                    template: '',
+                    providers: [{ provide: AXGridDataColumn, useExisting: AXGridSelectionColumn }],
+                    changeDetection: ChangeDetectionStrategy.OnPush
+                }]
+        }], ctorParameters: function () { return []; }, propDecorators: { condition: [{
+                type: Input
+            }], pinned: [{
+                type: Input
+            }], width: [{
+                type: Input
             }] } });
 
-class AXGridTextColumn extends AXGridDataColumn {
-    constructor() {
-        super();
-    }
-    render() {
-        const col = super.render();
-        // if (this.allowFiltering) {
-        //   col.filterFramework = TextFilterRenderer;
-        // }
-        col.filter = 'agTextColumnFilter';
-        return col;
-    }
-}
-AXGridTextColumn.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXGridTextColumn, deps: [], target: i0.ɵɵFactoryTarget.Component });
-AXGridTextColumn.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", 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: "13.3.11", ngImport: i0, type: AXGridTextColumn, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'ax-text-column',
-                    template: '',
-                    providers: [{ provide: AXGridDataColumn, useExisting: AXGridTextColumn }],
-                    changeDetection: ChangeDetectionStrategy.OnPush
-                }]
-        }], ctorParameters: function () { return []; } });
-class TextFilterRenderer {
-    constructor() {
-        this.value = null;
-    }
-    agInit(params) {
-        this.params = params;
-        this.valueGetter = (params.valueGetter);
-    }
-    isFilterActive() {
-        return this.value !== null && this.value !== undefined;
-    }
-    doesFilterPass(params) {
-        return this.value === this.valueGetter(params.node);
-    }
-    getModel() {
-        return { value: this.value };
-    }
-    setModel(model) {
-        ;
-        this.onChange(model ? model.value : null);
-    }
-    ngAfterViewInit(params) {
-        window.setTimeout(() => {
-            this.input.focus();
-        });
-    }
-    onChange(newValue) {
-        if (this.value !== newValue) {
-            this.value = newValue;
-            if (this.value === '') {
-                this.value = null;
-            }
-            this.params.filterChangedCallback();
-        }
-    }
-}
-TextFilterRenderer.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: TextFilterRenderer, deps: [], target: i0.ɵɵFactoryTarget.Component });
-TextFilterRenderer.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", 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' allowClear='true' (textChange)='onChange($event)'>
-      </ax-text-box>
-    </ax-data-grid-filter>
-  `, isInline: true, components: [{ type: AXDataGridFilterComponent, selector: "ax-data-grid-filter" }, { type: i1$1.AXTextBoxComponent, selector: "ax-text-box", inputs: ["mask", "type", "showMask", "maxLength", "maskGuid", "maskPlaceholder", "maskKeepCharPositions"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: TextFilterRenderer, decorators: [{
-            type: Component,
-            args: [{
-                    template: `
-    <ax-data-grid-filter>
-      <ax-text-box label='Filter' allowClear='true' (textChange)='onChange($event)'>
-      </ax-text-box>
-    </ax-data-grid-filter>
-  `,
-                    changeDetection: ChangeDetectionStrategy.OnPush
-                }]
-        }], propDecorators: { input: [{
-                type: ViewChild,
-                args: [AXTextBoxComponent, { static: true }]
+class AXGridTextColumn extends AXGridDataColumn {
+    constructor() {
+        super();
+    }
+    render() {
+        const col = super.render();
+        // if (this.allowFiltering) {
+        //   col.filterFramework = TextFilterRenderer;
+        // }
+        col.filter = 'agTextColumnFilter';
+        return col;
+    }
+}
+AXGridTextColumn.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXGridTextColumn, deps: [], target: i0.ɵɵFactoryTarget.Component });
+AXGridTextColumn.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", 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: "13.3.11", ngImport: i0, type: AXGridTextColumn, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ax-text-column',
+                    template: '',
+                    providers: [{ provide: AXGridDataColumn, useExisting: AXGridTextColumn }],
+                    changeDetection: ChangeDetectionStrategy.OnPush
+                }]
+        }], ctorParameters: function () { return []; } });
+class TextFilterRenderer {
+    constructor() {
+        this.value = null;
+    }
+    agInit(params) {
+        this.params = params;
+        this.valueGetter = (params.valueGetter);
+    }
+    isFilterActive() {
+        return this.value !== null && this.value !== undefined;
+    }
+    doesFilterPass(params) {
+        return this.value === this.valueGetter(params.node);
+    }
+    getModel() {
+        return { value: this.value };
+    }
+    setModel(model) {
+        ;
+        this.onChange(model ? model.value : null);
+    }
+    ngAfterViewInit(params) {
+        window.setTimeout(() => {
+            this.input.focus();
+        });
+    }
+    onChange(newValue) {
+        if (this.value !== newValue) {
+            this.value = newValue;
+            if (this.value === '') {
+                this.value = null;
+            }
+            this.params.filterChangedCallback();
+        }
+    }
+}
+TextFilterRenderer.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: TextFilterRenderer, deps: [], target: i0.ɵɵFactoryTarget.Component });
+TextFilterRenderer.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", 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' allowClear='true' (textChange)='onChange($event)'>
+      </ax-text-box>
+    </ax-data-grid-filter>
+  `, isInline: true, components: [{ type: AXDataGridFilterComponent, selector: "ax-data-grid-filter" }, { type: i1$1.AXTextBoxComponent, selector: "ax-text-box", inputs: ["mask", "type", "showMask", "maxLength", "maskGuid", "maskPlaceholder", "maskKeepCharPositions"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: TextFilterRenderer, decorators: [{
+            type: Component,
+            args: [{
+                    template: `
+    <ax-data-grid-filter>
+      <ax-text-box label='Filter' allowClear='true' (textChange)='onChange($event)'>
+      </ax-text-box>
+    </ax-data-grid-filter>
+  `,
+                    changeDetection: ChangeDetectionStrategy.OnPush
+                }]
+        }], propDecorators: { input: [{
+                type: ViewChild,
+                args: [AXTextBoxComponent, { static: true }]
             }] } });
 
-class AXGridRowNumberColumn extends AXGridDataColumn {
-    constructor() {
-        super();
-    }
-    ngOnInit() { }
-    render() {
-        const col = super.render();
-        //  col.checkboxSelection = this.condition ? this.condition : true;
-        //  col.headerCheckboxSelection = true;
-        (col.headerName = this.caption ? this.caption : AXConfig.get('layout.rtl') ? 'ردیف' : 'Row'),
-            (col.valueGetter = 'node.rowIndex + 1'),
-            (col.pinned = this.pinned == null ? null : this.pinned === 'start' ? 'right' : 'left'),
-            (col.filter = false);
-        col.resizable = true;
-        col.sortable = false;
-        col.width = this.width;
-        return col;
-    }
-}
-AXGridRowNumberColumn.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXGridRowNumberColumn, deps: [], target: i0.ɵɵFactoryTarget.Component });
-AXGridRowNumberColumn.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", 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: "13.3.11", ngImport: i0, type: AXGridRowNumberColumn, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'ax-row-number-column',
-                    template: '',
-                    providers: [{ provide: AXGridDataColumn, useExisting: AXGridRowNumberColumn }],
-                    changeDetection: ChangeDetectionStrategy.OnPush
-                }]
-        }], ctorParameters: function () { return []; }, propDecorators: { condition: [{
-                type: Input
+class AXGridRowNumberColumn extends AXGridDataColumn {
+    constructor() {
+        super();
+    }
+    ngOnInit() { }
+    render() {
+        const col = super.render();
+        //  col.checkboxSelection = this.condition ? this.condition : true;
+        //  col.headerCheckboxSelection = true;
+        (col.headerName = this.caption ? this.caption : AXConfig.get('layout.rtl') ? 'ردیف' : 'Row'),
+            (col.valueGetter = 'node.rowIndex + 1'),
+            (col.pinned = this.pinned == null ? null : this.pinned === 'start' ? 'right' : 'left'),
+            (col.filter = false);
+        col.resizable = true;
+        col.sortable = false;
+        col.width = this.width;
+        return col;
+    }
+}
+AXGridRowNumberColumn.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXGridRowNumberColumn, deps: [], target: i0.ɵɵFactoryTarget.Component });
+AXGridRowNumberColumn.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", 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: "13.3.11", ngImport: i0, type: AXGridRowNumberColumn, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ax-row-number-column',
+                    template: '',
+                    providers: [{ provide: AXGridDataColumn, useExisting: AXGridRowNumberColumn }],
+                    changeDetection: ChangeDetectionStrategy.OnPush
+                }]
+        }], ctorParameters: function () { return []; }, propDecorators: { condition: [{
+                type: Input
             }] } });
 
-class AXDataGridRowTemplateComponent {
-    constructor() {
-        this.renderer = AXDataGridRowTemplateRenderer;
-    }
-    ngOnInit() {
-        this.params = {
-            templateRef: this.templateRef
-        };
-    }
-}
-AXDataGridRowTemplateComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXDataGridRowTemplateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-AXDataGridRowTemplateComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", 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: "13.3.11", ngImport: i0, type: AXDataGridRowTemplateComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'ax-row-template',
-                    template: `<ng-content></ng-content>`
-                }]
-        }], ctorParameters: function () { return []; }, propDecorators: { templateRef: [{
-                type: ContentChild,
-                args: [TemplateRef, { static: true }]
-            }] } });
-class AXDataGridRowTemplateRenderer {
-    refresh(params) {
-        return false;
-    }
-    agInit(params) {
-        this.data = params.data.callRecords;
-        this.templateRef = params.templateRef;
-    }
-}
-AXDataGridRowTemplateRenderer.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXDataGridRowTemplateRenderer, deps: [], target: i0.ɵɵFactoryTarget.Component });
-AXDataGridRowTemplateRenderer.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: AXDataGridRowTemplateRenderer, selector: "ng-component", ngImport: i0, template: `<ng-container *ngTemplateOutlet='templateRef; context: { $implicit: data }'></ng-container>`, isInline: true, directives: [{ type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXDataGridRowTemplateRenderer, decorators: [{
-            type: Component,
-            args: [{
-                    template: `<ng-container *ngTemplateOutlet='templateRef; context: { $implicit: data }'></ng-container>`
-                }]
+class AXDataGridRowTemplateComponent {
+    constructor() {
+        this.renderer = AXDataGridRowTemplateRenderer;
+    }
+    ngOnInit() {
+        this.params = {
+            templateRef: this.templateRef
+        };
+    }
+}
+AXDataGridRowTemplateComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXDataGridRowTemplateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+AXDataGridRowTemplateComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", 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: "13.3.11", ngImport: i0, type: AXDataGridRowTemplateComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ax-row-template',
+                    template: `<ng-content></ng-content>`
+                }]
+        }], ctorParameters: function () { return []; }, propDecorators: { templateRef: [{
+                type: ContentChild,
+                args: [TemplateRef, { static: true }]
+            }] } });
+class AXDataGridRowTemplateRenderer {
+    refresh(params) {
+        return false;
+    }
+    agInit(params) {
+        this.data = params.data.callRecords;
+        this.templateRef = params.templateRef;
+    }
+}
+AXDataGridRowTemplateRenderer.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXDataGridRowTemplateRenderer, deps: [], target: i0.ɵɵFactoryTarget.Component });
+AXDataGridRowTemplateRenderer.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: AXDataGridRowTemplateRenderer, selector: "ng-component", ngImport: i0, template: `<ng-container *ngTemplateOutlet='templateRef; context: { $implicit: data }'></ng-container>`, isInline: true, directives: [{ type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXDataGridRowTemplateRenderer, decorators: [{
+            type: Component,
+            args: [{
+                    template: `<ng-container *ngTemplateOutlet='templateRef; context: { $implicit: data }'></ng-container>`
+                }]
         }] });
 
-class AXDataGridDetailTemplateComponent {
-    constructor() {
-        this.height = 100;
-        this.renderer = AXDataGridDetailTemplateRenderer;
-    }
-    ngOnInit() {
-        this.params = {
-            templateRef: this.templateRef
-        };
-    }
-}
-AXDataGridDetailTemplateComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXDataGridDetailTemplateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-AXDataGridDetailTemplateComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", 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: "13.3.11", ngImport: i0, type: AXDataGridDetailTemplateComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'ax-grid-detail-template',
-                    template: `<ng-content></ng-content>`
-                }]
-        }], ctorParameters: function () { return []; }, propDecorators: { templateRef: [{
-                type: ContentChild,
-                args: [TemplateRef, { static: true }]
-            }], height: [{
-                type: Input
-            }] } });
-class AXDataGridDetailTemplateRenderer {
-    refresh(params) {
-        return false;
-    }
-    agInit(params) {
-        this.data = params.data;
-        this.templateRef = params.templateRef;
-    }
-}
-AXDataGridDetailTemplateRenderer.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXDataGridDetailTemplateRenderer, deps: [], target: i0.ɵɵFactoryTarget.Component });
-AXDataGridDetailTemplateRenderer.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: AXDataGridDetailTemplateRenderer, selector: "ng-component", ngImport: i0, template: `<ng-container *ngTemplateOutlet='templateRef; context: { $implicit: data }'></ng-container>`, isInline: true, directives: [{ type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXDataGridDetailTemplateRenderer, decorators: [{
-            type: Component,
-            args: [{
-                    template: `<ng-container *ngTemplateOutlet='templateRef; context: { $implicit: data }'></ng-container>`
-                }]
+class AXDataGridDetailTemplateComponent {
+    constructor() {
+        this.height = 100;
+        this.renderer = AXDataGridDetailTemplateRenderer;
+    }
+    ngOnInit() {
+        this.params = {
+            templateRef: this.templateRef
+        };
+    }
+}
+AXDataGridDetailTemplateComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXDataGridDetailTemplateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+AXDataGridDetailTemplateComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", 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: "13.3.11", ngImport: i0, type: AXDataGridDetailTemplateComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ax-grid-detail-template',
+                    template: `<ng-content></ng-content>`
+                }]
+        }], ctorParameters: function () { return []; }, propDecorators: { templateRef: [{
+                type: ContentChild,
+                args: [TemplateRef, { static: true }]
+            }], height: [{
+                type: Input
+            }] } });
+class AXDataGridDetailTemplateRenderer {
+    refresh(params) {
+        return false;
+    }
+    agInit(params) {
+        this.data = params.data;
+        this.templateRef = params.templateRef;
+    }
+}
+AXDataGridDetailTemplateRenderer.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXDataGridDetailTemplateRenderer, deps: [], target: i0.ɵɵFactoryTarget.Component });
+AXDataGridDetailTemplateRenderer.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: AXDataGridDetailTemplateRenderer, selector: "ng-component", ngImport: i0, template: `<ng-container *ngTemplateOutlet='templateRef; context: { $implicit: data }'></ng-container>`, isInline: true, directives: [{ type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXDataGridDetailTemplateRenderer, decorators: [{
+            type: Component,
+            args: [{
+                    template: `<ng-container *ngTemplateOutlet='templateRef; context: { $implicit: data }'></ng-container>`
+                }]
         }] });
 
-LicenseManager.prototype.validateLicense = function () {
-    //console.info('Cracked by Arash Oshnoudi!');
-};
-// WatermarkComp.prototype.shouldDisplayWatermark = function () {
-//   return false;
-// }
-class AXDataGridColumnsChangeEvent extends AXValueEvent {
-}
-class AXDataGridCellEvent extends AXDataEvent {
-}
-class AXDaagridRowClickEvent extends AXDataEvent {
-}
-class AXDataGridSelectionChangeEvent extends AXDataEvent {
-}
-class AXDataGridRowSelectionChangeEvent extends AXDataEvent {
-}
-class AXDataGridComponent {
-    constructor(ref, cdr) {
-        this.ref = ref;
-        this.cdr = cdr;
-        this.columnDefs = [];
-        this.rowModelType = 'clientSide';
-        this.frameworkComponents = {};
-        this.internalHeight = '100%';
-        this.masterDetail = false;
-        this.treeData = false;
-        this.enabelSelect = false;
-        this.gridView = false;
-        this.groupSelectsChildren = false;
-        this.oldSelectionNodes = [];
-        this.paginationAutoPageSize = true;
-        this.paginationPageSize = 10;
-        this.cacheBlockSize = 10;
-        // @Input()
-        // showRowNumber: boolean = true;
-        this.remoteOperation = false;
-        this.rowMultiSelectWithClick = true;
-        this.suppressRowClickSelection = true;
-        this.suppressCellSelection = false;
-        this.sizeColumnsToFit = true;
-        this.showCheckBox = true;
-        this.floatingFilter = false;
-        // @Input()
-        // takeCount: number;
-        this.autoGroupColumnDef = {};
-        this.selectionMode = 'single';
-        // @Input()
-        // allowFiltering: boolean = false;
-        this.pagination = true;
-        this.selectRow = [];
-        this.rowGroupPanelShow = 'never';
-        this.loadOnInit = true;
-        // @Input()
-        // groupDefaultExpanded: number = 0;
-        this.keyField = 'null';
-        this.hasChildField = 'null';
-        this.columnsChange = new EventEmitter();
-        this._columns = [];
-        this.defaultColDef = {
-            filter: true,
-            floatingFilter: true
-        };
-        this.groupHideOpenParents = false;
-        this.cellClick = new EventEmitter();
-        this.cellDbClick = new EventEmitter();
-        this.cellFocuse = new EventEmitter();
-        this.rowClick = new EventEmitter();
-        this.rowDbClick = new EventEmitter();
-        this.selectionChanged = new EventEmitter();
-        this.rowSelectionChange = new EventEmitter();
-        this.onRowSelectionChanged = new EventEmitter();
-        this.rtl = AXConfig.get('layout.rtl');
-        this.isServerSideGroup = (e) => {
-            return e[this.hasChildField];
-        };
-        this.getColumnDefs = () => {
-            return this.gridApi.getColumnDefs();
-        };
-        this.getCurrentPageNumber = () => {
-            return {
-                current: this.gridApi.paginationGetCurrentPage() + 1,
-                total: this.gridApi.paginationGetTotalPages()
-            };
-        };
-        this.getServerSideGroupKey = (e) => {
-            return e[this.keyField];
-        };
-        this.internalGetRowClass = (p) => {
-            if (this.rowClass) {
-                if (this.rowClass instanceof Function) {
-                    return this.rowClass({
-                        rowIndex: p.node.rowIndex,
-                        rowLevel: p.node.level,
-                        data: p.data
-                    });
-                }
-                else {
-                    return this.rowClass;
-                }
-            }
-        };
-        this.localeText = AXTranslator.get('dataGrid');
-    }
-    get searchText() {
-        return this._searchText;
-    }
-    set searchText(v) {
-        if (v !== this._searchText) {
-            this._searchText = v;
-            if (this.gridApi) {
-                this.refresh();
-                this.gridApi.setQuickFilter(this.searchText);
-            }
-        }
-    }
-    get filter() {
-        return this._filter;
-    }
-    set filter(v) {
-        if (v !== this._filter) {
-            this._filter = v;
-            this._filter.forEach((f) => {
-                const fc = this.gridApi.getFilterInstance(f.field);
-                if (fc) {
-                    const ff = fc.getFrameworkComponentInstance();
-                    ff.setModel(f);
-                }
-            });
-        }
-    }
-    get columns() {
-        return this._inlineColumns ? [...this._columns, ...this._inlineColumns.toArray()] : this._columns;
-    }
-    set columns(val) {
-        if (val && val.length) {
-            let old = this._columns;
-            this._columns = val;
-            this.columnsChange.emit({ component: this, value: val, oldValue: old, htmlElement: this.ref.nativeElement });
-        }
-    }
-    get dataSource() {
-        return this._dataSource ? this._dataSource : this._contentDataSource;
-    }
-    set dataSource(v) {
-        this._dataSource = v;
-    }
-    getRowHeight(param) {
-        if (param.data && param.data.rowHeight && param.node.level == 0) {
-            return param.data.rowHeight;
-        }
-        else if (this.masterDetail == true && param.node.level == 1) {
-            return this.detailRowHeight;
-        }
-        else if (this.masterDetail == false && param.data && param.data.rowHeight) {
-            return param.data.rowHeight;
-        }
-        else {
-            return null;
-        }
-    }
-    calcHeight() {
-        if (this.toolbar) {
-            this.internalHeight = `calc(100% - ${40}px)`;
-        }
-        else {
-            this.internalHeight = '100%';
-        }
-    }
-    get intenalGridDataSource() {
-        const that = this;
-        return {
-            rowCount: null,
-            getRows: (params) => {
-                // that.gridApi.gridOptionsWrapper.setProperty('cacheBlockSize', this.takeCount ? this.takeCount : params.api.paginationGetPageSize());
-                that.dataSourceSuccessCallback = params.successCallback;
-                const loadParams = {};
-                loadParams.searchText = that.searchText;
-                loadParams.skip = params.request.startRow;
-                //  loadParams.take = params.request.endRow - params.request.startRow;
-                ////  loadParams.take = that.takeCount ? that.takeCount : params.api.paginationGetPageSize() * 2;
-                loadParams.take = params.request.endRow - params.request.startRow;
-                loadParams.sort = params.request.sortModel.map((c) => {
-                    return {
-                        field: c.colId,
-                        dir: c.sort
-                    };
-                });
-                // loadParams.groups = params.request.rowGroupCols.map(r => r.field);
-                // loadParams.groupKeys = params.request.groupKeys;
-                // loadParams.data = params.parentNode.data;
-                loadParams.group = {
-                    fields: params.request.rowGroupCols.map((r) => r.field),
-                    keys: params.request.groupKeys,
-                    parentData: params.parentNode.data
-                };
-                loadParams.filter = params.request.filterModel;
-                /// setTimeout(() => {
-                that.dataSource.fetch(loadParams);
-                // }, 5000);
-            }
-        };
-    }
-    getMainMenuItems(e) {
-        return ['pinSubMenu', 'separator'];
-    }
-    ngOnDestroy() {
-        this.gridApi.destroy();
-    }
-    paginationGoToPage(number) {
-        this.gridApi.paginationGoToPage(number - 1);
-    }
-    // todo gridOptions: GridOptions
-    internalGridReady(gridOptions) {
-        ////  gridOptions.api.checkGridSize();
-        //// this.takeCount = this.takeCount ? this.takeCount : gridOptions.api.paginationGetPageSize() * 2;
-        //  this.takeCount = this.takeCount < 20 ? 20 : this.takeCount;
-        //// gridOptions.api.gridOptionsWrapper.setProperty('cacheBlockSize', this.takeCount);
-        this.gridApi = gridOptions.api;
-        this.mapColumns();
-        this.calcHeight();
-        if (!this.loadOnInit) {
-            this.loadOnInit = true;
-            return;
-        }
-        if (this.remoteOperation) {
-            this.gridApi.setServerSideDatasource(this.intenalGridDataSource);
-        }
-        if (!this.remoteOperation) {
-            this.refresh();
-        }
-    }
-    ngAfterContentInit() {
-        const that = this;
-        if (this.rowTemplate) {
-            this.fullWidthCellRendererFramework = this.rowTemplate.renderer;
-            this.fullWidthCellRendererParams = this.rowTemplate.params;
-        }
-        this.frameworkComponents.agDateInput = AXDatePickerFilterComponent;
-        if (this.gridDetailTemplate) {
-            this.masterDetail = true;
-            this.detailCellRendererParams = this.gridDetailTemplate.params;
-            this.detailCellRenderer = 'detailRendererFramework';
-            this.frameworkComponents.detailRendererFramework = this.gridDetailTemplate.renderer;
-            this.detailRowHeight = this.gridDetailTemplate.height;
-        }
-        this.isFullWidthCell = () => {
-            return that.rowTemplate != null;
-        };
-        //this.cdr
-    }
-    ngOnInit() {
-        // if (this.takeCount && this.takeCount > 0) {
-        //   this.paginationPageSize = this.takeCount;
-        //   this.paginationAutoPageSize = false;
-        //   this.cacheBlockSize = this.takeCount;
-        // }
-        if (this.selectionMode === 'single') {
-            this.groupSelectsChildren = false;
-        }
-        if (this.keyField !== 'null' && this.hasChildField !== 'null') {
-            this.rowGroupPanelShow = 'never';
-            this.treeData = true;
-        }
-        if (this.remoteOperation) {
-            this.rowModelType = 'serverSide';
-        }
-        //
-        if (this.rtl == null) {
-            this.rtl = window.getComputedStyle(this.ref.nativeElement, null).getPropertyValue('direction') === 'rtl';
-        }
-        //
-    }
-    gridSelectRow() {
-        if (this.gridApi) {
-            if (this.selectRow && this.selectRow.length > 0 && this.gridApi !== undefined && typeof this.selectRow[0] != 'object') {
-                this.gridApi.forEachNode((node) => {
-                    if (node.data !== undefined) {
-                        let select = false;
-                        this.selectRow.forEach((id) => {
-                            if (node.data[this.keyField] === id) {
-                                select = true;
-                                node.setSelected(select);
-                            }
-                        });
-                    }
-                });
-            }
-            else {
-                this.gridApi.forEachNode((node) => {
-                    if (node.data !== undefined) {
-                        let select = false;
-                        this.selectRow.forEach((item) => {
-                            if (item.rowIndex != undefined && item.rowLevel != undefined) {
-                                if (node.data[this.keyField] === item.data[this.keyField]) {
-                                    select = true;
-                                }
-                            }
-                            else {
-                                if (node.data[this.keyField] === item[this.keyField]) {
-                                    select = true;
-                                }
-                            }
-                        });
-                        node.setSelected(select);
-                    }
-                });
-            }
-        }
-    }
-    // ngAfterViewChecked(): void {
-    //   //Called after every check of the component's view. Applies to components only.
-    //   //Add 'implements AfterViewChecked' to the class.
-    //   // this.selectByValues();
-    //   this.enabelSelect = false;
-    // }
-    rebuildGrid() {
-        this.mapColumns();
-        setTimeout(() => {
-            if (this.sizeColumnsToFit) {
-                this.gridApi.sizeColumnsToFit();
-            }
-        }, 10);
-    }
-    ngAfterViewInit() {
-        if (this.treeData === true) {
-            this.columnDefs = this.columns.map((c) => c.render());
-            const groupColumn = this.columnDefs.find((c) => c.rowGroupIndex == '0' && c.field !== '');
-            this.autoGroupColumnDef = {
-                headerName: groupColumn.headerName,
-                width: groupColumn.width,
-                cellRendererParams: { checkbox: this.showCheckBox },
-                field: groupColumn.field
-            };
-            this.columnDefs.forEach((elm) => {
-                if (elm.rowGroupIndex > -1) {
-                    elm.hide = true;
-                }
-            });
-        }
-        //setTimeout(() => {
-        this.gridView = true;
-        //});
-        this.enabelSelect = true;
-        this.dataSource.onDataReceived.subscribe((_data) => {
-            const result = _data.data.result;
-            this.hideLoading();
-            let items;
-            let totalCount;
-            if (Array.isArray(result)) {
-                items = result;
-                totalCount = result.length;
-            }
-            else {
-                items = result.items;
-                totalCount = result.totalCount;
-            }
-            if (this.dataSourceSuccessCallback) {
-                if (!this.loadOnInit) {
-                    this.dataSourceSuccessCallback([], 0);
-                }
-                else {
-                    this.dataSourceSuccessCallback(items, totalCount);
-                }
-            }
-            else {
-                if (!this.loadOnInit && this.gridApi !== undefined) {
-                    this.gridApi.setRowData([]);
-                }
-                else if (this.gridApi !== undefined) {
-                    this.gridApi.setRowData(items);
-                }
-            }
-            this.gridSelectRow();
-        });
-        this.dataSource.onFetchStart.subscribe(() => {
-            this.showLoading();
-        });
-        if (this.searchInput) {
-            this.searchInput.onValueChanged.subscribe((c) => {
-                this.searchText = c.value;
-            });
-        }
-        //
-        this.cdr.detectChanges();
-    }
-    mapColumns() {
-        this.columnDefs = this.columns.map((c) => c.render());
-        // if (this.showRowNumber) {
-        //   this.columnDefs.push({
-        //     headerName: AXConfig.get('layout.rtl') ? 'ردیف' : 'Row',
-        //     valueGetter: 'node.rowIndex + 1',
-        //     pinned: AXConfig.get('layout.rtl') ? 'right' : 'left'
-        //   });
-        // }
-        if (this.gridDetailTemplate) {
-            if (this.columnDefs[0].checkboxSelection === true && this.columnDefs[0].field === '') {
-                this.columnDefs[1].cellRenderer = 'agGroupCellRenderer';
-            }
-            else {
-                this.columnDefs[0].cellRenderer = 'agGroupCellRenderer';
-            }
-        }
-        if (this.hasChildField === 'null') {
-            const groupColumn = this.columnDefs.find((c) => c.rowGroupIndex === undefined && c.field !== '');
-            if (groupColumn && this.groupHideOpenParents == false) {
-                this.autoGroupColumnDef = {
-                    headerName: groupColumn.headerName,
-                    width: groupColumn.width,
-                    cellRendererParams: { checkbox: this.showCheckBox },
-                    field: groupColumn.field
-                };
-                //  groupColumn.hide = true;
-            }
-        }
-        this.columnDefs.forEach((elm) => {
-            if (elm.rowGroupIndex > -1) {
-                elm.hide = true;
-            }
-        });
-    }
-    displayedColumnsChanged(e) {
-        if (this.hasChildField === 'null') {
-            const ee = e.columnApi.getAllDisplayedColumnGroups();
-            const eee = ee.find((c) => c.colId !== 'ag-Grid-AutoColumn' && c.colId !== '0');
-            if (eee && eee.colId) {
-                this.autoGroupColumnDef = {
-                    headerName: eee.colDef.headerName,
-                    width: eee.colDef.width,
-                    cellRendererParams: { checkbox: this.showCheckBox },
-                    field: eee.colDef.field
-                };
-            }
-            // eee.hide = true;
-        }
-    }
-    refresh(route = []) {
-        if (this.remoteOperation && this.gridApi !== undefined) {
-            //  this.gridApi.purgeServerSideCache(route);
-            this.gridApi.setServerSideDatasource(this.intenalGridDataSource);
-        }
-        else {
-            // TODO : check fetch param
-            this.dataSource.fetch(null);
-        }
-    }
-    internalGridCellClicked(e) {
-        this.cellClick.emit({ data: this.mapCellEvent(e), component: this, htmlElement: this.ref.nativeElement });
-    }
-    internalGridCellDoubleClicked(e) {
-        this.cellDbClick.emit({ data: this.mapCellEvent(e), component: this, htmlElement: this.ref.nativeElement });
-    }
-    internalGridCellFocused(e) {
-        this.cellFocuse.emit({ data: this.mapCellEvent(e), htmlElement: this.ref.nativeElement, component: this });
-    }
-    internalGridRowClicked(e) {
-        if (!e.node.group) {
-            this.rowClick.emit({ data: this.mapRowEvent(e), component: this, htmlElement: this.ref.nativeElement });
-        }
-    }
-    internalGridRowDoubleClicked(e) {
-        if (!e.node.group) {
-            this.rowDbClick.emit({ data: this.mapRowEvent(e), htmlElement: this.ref.nativeElement, component: this });
-        }
-    }
-    differenceOf2Arrays(array1, array2) {
-        const temp = [];
-        for (const i in array1) {
-            if (array2.indexOf(array1[i]) === -1) {
-                temp.push(array1[i]);
-            }
-        }
-        for (const i in array2) {
-            if (array1.indexOf(array2[i]) === -1) {
-                temp.push(array2[i]);
-            }
-        }
-        return temp.sort((a, b) => a - b);
-    }
-    rowSelectionChanged(e) {
-        // this.gridApi.forEachNode((node) => {
-        //   if (node.data[this.keyField] == e.node.data[this.keyField]) {
-        //     node.setSelected(e.node.selected);
-        //   }
-        // });
-        if (e.node.selected == true) {
-            this.selectRow = this.selectRow.filter((c) => c[this.keyField] != e.data[this.keyField]);
-            this.selectRow.push(e.data);
-        }
-        else {
-            this.selectRow = this.selectRow.filter((c) => c[this.keyField] != e.data[this.keyField]);
-        }
-        this.rowSelectionChange.emit({ component: this, data: e, htmlElement: this.ref.nativeElement });
-    }
-    internalGridSelectionChanged(e) {
-        const args = { items: [] };
-        const oldNodes = this.oldSelectionNodes;
-        const nodes = this.gridApi.getSelectedNodes();
-        nodes.forEach((i) => {
-            args.items.push({
-                rowLevel: i.level,
-                rowIndex: i.rowIndex,
-                data: i.data
-            });
-        });
-        this.selectionChanged.emit({ data: args, component: this, htmlElement: this.ref.nativeElement });
-        let action = nodes.length > oldNodes.length ? true : false;
-        const node = this.differenceOf2Arrays(nodes, oldNodes);
-        this.onRowSelectionChanged.emit({ component: this, selected: action, data: node, htmlElement: this.ref.nativeElement });
-        this.oldSelectionNodes = nodes;
-    }
-    mapCellEvent(e) {
-        return {
-            rowLevel: 0,
-            column: e.column,
-            data: e.data,
-            rowIndex: e.rowIndex,
-            value: e.value
-        };
-    }
-    mapRowEvent(e) {
-        return {
-            rowLevel: 0,
-            data: e.data,
-            rowIndex: e.rowIndex
-        };
-    }
-    deselectAll() {
-        this.gridApi.deselectAll();
-    }
-    deselectByKeyField(keyField) {
-        this.gridApi.forEachNode((node) => {
-            if (node.data !== undefined) {
-                let select = false;
-                if (node.data[this.keyField] === keyField) {
-                    node.setSelected(select);
-                    this.selectRow = this.selectRow.filter((c) => c[this.keyField] != keyField);
-                }
-            }
-        });
-    }
-    showLoading() {
-        if (this.gridApi) {
-            this.gridApi.showLoadingOverlay();
-        }
-    }
-    hideLoading() {
-        if (this.gridApi) {
-            this.gridApi.hideOverlay();
-        }
-    }
-    internalGridSizeChanged(e) {
-        if (e.clientWidth > 0 && e.clientHeight > 0) {
-            this.performSizeColumnsToFit(e.api);
-        }
-        //  this.refresh();
-        //  this.gridApi.paginationGoToFirstPage();
-    }
-    internalGridFirstDataRendered(e) {
-        this.performSizeColumnsToFit(e.api);
-    }
-    performSizeColumnsToFit(api) {
-        if (this.sizeColumnsToFit) {
-            api.sizeColumnsToFit();
-        }
-    }
-}
-AXDataGridComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXDataGridComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-AXDataGridComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: AXDataGridComponent, selector: "ax-data-grid", inputs: { remoteOperation: "remoteOperation", rowMultiSelectWithClick: "rowMultiSelectWithClick", suppressRowClickSelection: "suppressRowClickSelection", suppressCellSelection: "suppressCellSelection", sizeColumnsToFit: "sizeColumnsToFit", showCheckBox: "showCheckBox", floatingFilter: "floatingFilter", selectionMode: "selectionMode", pagination: "pagination", selectRow: "selectRow", rowGroupPanelShow: "rowGroupPanelShow", loadOnInit: "loadOnInit", keyField: "keyField", hasChildField: "hasChildField", searchText: "searchText", filter: "filter", columns: "columns", rowHeight: "rowHeight", dataSource: "dataSource", groupHideOpenParents: "groupHideOpenParents", rowClass: "rowClass", rtl: "rtl" }, 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\">\r\n  <ng-content select=\"ax-toolbar\"></ng-content>\r\n</div>\r\n<!-- [enableSorting]=\"true\"  [enableColResize]=\"true\" [enableFilter]=\"allowFiltering\"  -->\r\n<ag-grid-angular *ngIf=\"gridView\" class=\"ag-theme-balham\" [getRowClass]=\"internalGetRowClass\"\r\n  [style.height]=\"internalHeight\" [columnDefs]=\"columnDefs\" [enableRtl]=\"rtl\" [pagination]=\"pagination\"\r\n  [rowGroupPanelShow]=\"rowGroupPanelShow\" [rowModelType]=\"rowModelType\" [detailRowHeight]=\"detailRowHeight\"\r\n  [getRowHeight]=\"getRowHeight\" [paginationAutoPageSize]=\"paginationAutoPageSize\"\r\n  [paginationPageSize]=\"paginationPageSize\" [suppressMenuHide]=\"true\" [frameworkComponents]=\"frameworkComponents\"\r\n  [isFullWidthCell]=\"isFullWidthCell\" [rowSelection]=\"selectionMode\" [rowMultiSelectWithClick]=\"rowMultiSelectWithClick\"\r\n  [fullWidthCellRendererFramework]=\"fullWidthCellRendererFramework\"\r\n  [fullWidthCellRendererParams]=\"fullWidthCellRendererParams\" (cellClicked)=\"internalGridCellClicked($event)\"\r\n  (cellDoubleClicked)=\"internalGridCellDoubleClicked($event)\" (cellFocused)=\"internalGridCellFocused($event)\"\r\n  (rowClicked)=\"internalGridRowClicked($event)\" (selectionChanged)=\"internalGridSelectionChanged($event)\"\r\n  (rowSelected)=\"rowSelectionChanged($event)\" (rowDoubleClicked)=\"internalGridRowDoubleClicked($event)\"\r\n  (gridReady)=\"internalGridReady($event)\" [groupSelectsChildren]=\"groupSelectsChildren\"\r\n  [suppressRowClickSelection]=\"suppressRowClickSelection\" [groupSelectsFiltered]=\"true\"\r\n  [suppressCellSelection]=\"suppressCellSelection\" [autoGroupColumnDef]=\"autoGroupColumnDef\"\r\n  [suppressAggFuncInHeader]=\"true\" [treeData]=\"treeData\" [animateRows]=\"true\" [isServerSideGroup]=\"isServerSideGroup\"\r\n  [getServerSideGroupKey]=\"getServerSideGroupKey\" [masterDetail]=\"masterDetail\"\r\n  [detailCellRendererParams]=\"detailCellRendererParams\" [detailCellRenderer]=\"detailCellRenderer\"\r\n  (gridSizeChanged)=\"internalGridSizeChanged($event)\" (firstDataRendered)=\"internalGridFirstDataRendered($event)\"\r\n  [localeText]=\"localeText\" [groupHideOpenParents]=\"groupHideOpenParents\" [enableRangeSelection]=\"true\"\r\n  [enableRangeSelection]=\"false\" [allowContextMenuWithControlKey]=\"false\" [getMainMenuItems]=\"getMainMenuItems\">\r\n</ag-grid-angular>\r\n\r\n<!-- (displayedColumnsChanged)=\"displayedColumnsChanged($event)\"  -->", components: [{ type: i1$2.AgGridAngular, selector: "ag-grid-angular", inputs: ["alignedGrids", "rowData", "columnDefs", "excelStyles", "pinnedTopRowData", "pinnedBottomRowData", "chartThemes", "components", "frameworkComponents", "rowStyle", "context", "autoGroupColumnDef", "localeText", "icons", "datasource", "serverSideDatasource", "viewportDatasource", "groupRowRendererParams", "aggFuncs", "fullWidthCellRendererParams", "defaultColGroupDef", "defaultColDef", "defaultExportParams", "columnTypes", "rowClassRules", "detailGridOptions", "detailCellRendererParams", "loadingCellRendererParams", "loadingOverlayComponentParams", "noRowsOverlayComponentParams", "popupParent", "colResizeDefault", "reduxStore", "statusBar", "sideBar", "chartThemeOverrides", "customChartThemes", "sortingOrder", "rowClass", "rowSelection", "overlayLoadingTemplate", "overlayNoRowsTemplate", "quickFilterText", "rowModelType", "editType", "domLayout", "clipboardDeliminator", "rowGroupPanelShow", "multiSortKey", "pivotColumnGroupTotals", "pivotRowTotals", "pivotPanelShow", "fillHandleDirection", "rowHeight", "detailRowHeight", "rowBuffer", "colWidth", "headerHeight", "groupHeaderHeight", "floatingFiltersHeight", "pivotHeaderHeight", "pivotGroupHeaderHeight", "groupDefaultExpanded", "minColWidth", "maxColWidth", "viewportRowModelPageSize", "viewportRowModelBufferSize", "autoSizePadding", "maxBlocksInCache", "maxConcurrentDatasourceRequests", "tooltipShowDelay", "cacheOverflowSize", "paginationPageSize", "cacheBlockSize", "infiniteInitialRowCount", "scrollbarWidth", "batchUpdateWaitMillis", "asyncTransactionWaitMillis", "blockLoadDebounceMillis", "keepDetailRowsCount", "undoRedoCellEditingLimit", "cellFlashDelay", "cellFadeDelay", "localeTextFunc", "groupRowInnerRenderer", "groupRowInnerRendererFramework", "dateComponent", "dateComponentFramework", "groupRowRenderer", "groupRowRendererFramework", "isExternalFilterPresent", "getRowHeight", "doesExternalFilterPass", "getRowClass", "getRowStyle", "getRowClassRules", "traverseNode", "getContextMenuItems", "getMainMenuItems", "processRowPostCreate", "processCellForClipboard", "groupRowAggNodes", "getRowNodeId", "isFullWidthCell", "fullWidthCellRenderer", "fullWidthCellRendererFramework", "processSecondaryColDef", "processSecondaryColGroupDef", "getBusinessKeyForNode", "sendToClipboard", "navigateToNextHeader", "tabToNextHeader", "navigateToNextCell", "tabToNextCell", "getDetailRowData", "processCellFromClipboard", "getDocument", "postProcessPopup", "getChildCount", "getDataPath", "loadingCellRenderer", "loadingCellRendererFramework", "loadingOverlayComponent", "loadingOverlayComponentFramework", "noRowsOverlayComponent", "noRowsOverlayComponentFramework", "detailCellRenderer", "detailCellRendererFramework", "defaultGroupSortComparator", "isRowMaster", "isRowSelectable", "postSort", "processHeaderForClipboard", "paginationNumberFormatter", "processDataFromClipboard", "getServerSideGroupKey", "isServerSideGroup", "suppressKeyboardEvent", "createChartContainer", "processChartOptions", "getChartToolbarItems", "fillOperation", "suppressMakeColumnVisibleAfterUnGroup", "suppressRowClickSelection", "suppressCellSelection", "suppressHorizontalScroll", "alwaysShowVerticalScroll", "debug", "enableBrowserTooltips", "enableCellExpressions", "angularCompileRows", "angularCompileFilters", "groupSuppressAutoColumn", "groupSelectsChildren", "groupIncludeFooter", "groupIncludeTotalFooter", "groupUseEntireRow", "groupSuppressBlankHeader", "suppressMenuHide", "suppressRowDeselection", "unSortIcon", "suppressMultiSort", "singleClickEdit", "suppressLoadingOverlay", "suppressNoRowsOverlay", "suppressAutoSize", "skipHeaderOnAutoSize", "suppressParentsInRowNodes", "suppressColumnMoveAnimation", "suppressMovableColumns", "suppressFieldDotNotation", "enableRangeSelection", "enableRangeHandle", "enableFillHandle", "suppressClearOnFillReduction", "deltaSort", "suppressTouch", "suppressAsyncEvents", "allowContextMenuWithControlKey", "suppressContextMenu", "rememberGroupStateWhenNewData", "enableCellChangeFlash", "suppressDragLeaveHidesColumns", "suppressMiddleClickScrolls", "suppressPreventDefaultOnMouseWheel", "suppressCopyRowsToClipboard", "copyHeadersToClipboard", "pivotMode", "suppressAggFuncInHeader", "suppressColumnVirtualisation", "suppressAggAtRootLevel", "suppressFocusAfterRefresh", "functionsPassive", "functionsReadOnly", "animateRows", "groupSelectsFiltered", "groupRemoveSingleChildren", "groupRemoveLowestSingleChildren", "enableRtl", "suppressClickEdit", "rowDragManaged", "suppressRowDrag", "suppressMoveWhenRowDragging", "enableMultiRowDragging", "enableGroupEdit", "embedFullWidthRows", "deprecatedEmbedFullWidthRows", "suppressPaginationPanel", "floatingFilter", "groupHideOpenParents", "groupMultiAutoColumn", "pagination", "stopEditingWhenGridLosesFocus", "paginationAutoPageSize", "suppressScrollOnNewData", "purgeClosedRowNodes", "cacheQuickFilter", "deltaRowDataMode", "ensureDomOrder", "accentedSort", "suppressChangeDetection", "valueCache", "valueCacheNeverExpires", "aggregateOnlyChangedColumns", "suppressAnimationFrame", "suppressExcelExport", "suppressCsvExport", "treeData", "masterDetail", "suppressMultiRangeSelection", "enterMovesDownAfterEdit", "enterMovesDown", "suppressPropertyNamesCheck", "rowMultiSelectWithClick", "suppressEnterpriseResetOnNewColumns", "enableOldSetFilterModel", "suppressRowHoverHighlight", "suppressRowTransform", "suppressClipboardPaste", "suppressLastEmptyLineOnPaste", "serverSideSortingAlwaysResets", "reactNext", "suppressSetColumnStateEvents", "suppressColumnStateEvents", "enableCharts", "deltaColumnMode", "suppressMaintainUnsortedOrder", "enableCellTextSelection", "suppressBrowserResizeObserver", "suppressMaxRenderedRowRestriction", "excludeChildrenWhenTreeDataFiltering", "tooltipMouseTrack", "keepDetailRows", "paginateChildRows", "preventDefaultOnContextMenu", "undoRedoCellEditing", "allowDragFromColumnsToolPanel", "immutableData", "immutableColumns", "pivotSuppressAutoColumn", "suppressExpandablePivotGroups", "applyColumnDefOrder", "debounceVerticalScrollbar", "detailRowAutoHeight", "gridOptions", "modules"], outputs: ["columnEverythingChanged", "newColumnsLoaded", "columnPivotModeChanged", "columnRowGroupChanged", "expandOrCollapseAll", "columnPivotChanged", "gridColumnsChanged", "columnValueChanged", "columnMoved", "columnVisible", "columnPinned", "columnGroupOpened", "columnResized", "displayedColumnsChanged", "virtualColumnsChanged", "rowGroupOpened", "rowDataChanged", "rowDataUpdated", "pinnedRowDataChanged", "rangeSelectionChanged", "chartCreated", "chartRangeSelectionChanged", "chartOptionsChanged", "chartDestroyed", "toolPanelVisibleChanged", "modelUpdated", "pasteStart", "pasteEnd", "fillStart", "fillEnd", "cellClicked", "cellDoubleClicked", "cellMouseDown", "cellContextMenu", "cellValueChanged", "rowValueChanged", "cellFocused", "rowSelected", "selectionChanged", "cellKeyDown", "cellKeyPress", "cellMouseOver", "cellMouseOut", "filterChanged", "filterModified", "filterOpened", "sortChanged", "virtualRowRemoved", "rowClicked", "rowDoubleClicked", "gridReady", "gridSizeChanged", "viewportChanged", "scrollbarWidthChanged", "firstDataRendered", "dragStarted", "dragStopped", "checkboxChanged", "rowEditingStarted", "rowEditingStopped", "cellEditingStarted", "cellEditingStopped", "bodyScroll", "animationQueueEmpty", "heightScaleChanged", "paginationChanged", "componentStateChanged", "bodyHeightChanged", "displayedColumnsWidthChanged", "scrollVisibilityChanged", "columnHoverChanged", "flashCells", "paginationPixelOffsetChanged", "rowDragEnter", "rowDragMove", "rowDragLeave", "rowDragEnd", "popupToFront", "columnRowGroupChangeRequest", "columnPivotChangeRequest", "columnValueChangeRequest", "columnAggFuncChangeRequest", "keyboardFocus", "mouseFocus"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXDataGridComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ax-data-grid', encapsulation: ViewEncapsulation.None, template: "<div class=\"ax-grid-toolbar\" *ngIf=\"toolbar\">\r\n  <ng-content select=\"ax-toolbar\"></ng-content>\r\n</div>\r\n<!-- [enableSorting]=\"true\"  [enableColResize]=\"true\" [enableFilter]=\"allowFiltering\"  -->\r\n<ag-grid-angular *ngIf=\"gridView\" class=\"ag-theme-balham\" [getRowClass]=\"internalGetRowClass\"\r\n  [style.height]=\"internalHeight\" [columnDefs]=\"columnDefs\" [enableRtl]=\"rtl\" [pagination]=\"pagination\"\r\n  [rowGroupPanelShow]=\"rowGroupPanelShow\" [rowModelType]=\"rowModelType\" [detailRowHeight]=\"detailRowHeight\"\r\n  [getRowHeight]=\"getRowHeight\" [paginationAutoPageSize]=\"paginationAutoPageSize\"\r\n  [paginationPageSize]=\"paginationPageSize\" [suppressMenuHide]=\"true\" [frameworkComponents]=\"frameworkComponents\"\r\n  [isFullWidthCell]=\"isFullWidthCell\" [rowSelection]=\"selectionMode\" [rowMultiSelectWithClick]=\"rowMultiSelectWithClick\"\r\n  [fullWidthCellRendererFramework]=\"fullWidthCellRendererFramework\"\r\n  [fullWidthCellRendererParams]=\"fullWidthCellRendererParams\" (cellClicked)=\"internalGridCellClicked($event)\"\r\n  (cellDoubleClicked)=\"internalGridCellDoubleClicked($event)\" (cellFocused)=\"internalGridCellFocused($event)\"\r\n  (rowClicked)=\"internalGridRowClicked($event)\" (selectionChanged)=\"internalGridSelectionChanged($event)\"\r\n  (rowSelected)=\"rowSelectionChanged($event)\" (rowDoubleClicked)=\"internalGridRowDoubleClicked($event)\"\r\n  (gridReady)=\"internalGridReady($event)\" [groupSelectsChildren]=\"groupSelectsChildren\"\r\n  [suppressRowClickSelection]=\"suppressRowClickSelection\" [groupSelectsFiltered]=\"true\"\r\n  [suppressCellSelection]=\"suppressCellSelection\" [autoGroupColumnDef]=\"autoGroupColumnDef\"\r\n  [suppressAggFuncInHeader]=\"true\" [treeData]=\"treeData\" [animateRows]=\"true\" [isServerSideGroup]=\"isServerSideGroup\"\r\n  [getServerSideGroupKey]=\"getServerSideGroupKey\" [masterDetail]=\"masterDetail\"\r\n  [detailCellRendererParams]=\"detailCellRendererParams\" [detailCellRenderer]=\"detailCellRenderer\"\r\n  (gridSizeChanged)=\"internalGridSizeChanged($event)\" (firstDataRendered)=\"internalGridFirstDataRendered($event)\"\r\n  [localeText]=\"localeText\" [groupHideOpenParents]=\"groupHideOpenParents\" [enableRangeSelection]=\"true\"\r\n  [enableRangeSelection]=\"false\" [allowContextMenuWithControlKey]=\"false\" [getMainMenuItems]=\"getMainMenuItems\">\r\n</ag-grid-angular>\r\n\r\n<!-- (displayedColumnsChanged)=\"displayedColumnsChanged($event)\"  -->" }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { remoteOperation: [{
-                type: Input
-            }], rowMultiSelectWithClick: [{
-                type: Input
-            }], suppressRowClickSelection: [{
-                type: Input
-            }], suppressCellSelection: [{
-                type: Input
-            }], sizeColumnsToFit: [{
-                type: Input
-            }], showCheckBox: [{
-                type: Input
-            }], floatingFilter: [{
-                type: Input
-            }], selectionMode: [{
-                type: Input
-            }], pagination: [{
-                type: Input
-            }], selectRow: [{
-                type: Input
-            }], rowGroupPanelShow: [{
-                type: Input
-            }], loadOnInit: [{
-                type: Input
-            }], keyField: [{
-                type: Input
-            }], hasChildField: [{
-                type: Input
-            }], searchText: [{
-                type: Input
-            }], filter: [{
-                type: Input
-            }], _inlineColumns: [{
-                type: ContentChildren,
-                args: [AXGridDataColumn]
-            }], columnsChange: [{
-                type: Output
-            }], columns: [{
-                type: Input
-            }], rowHeight: [{
-                type: Input
-            }], searchInput: [{
-                type: ContentChild,
-                args: [AXToolbarSearchComponent, { static: true }]
-            }], toolbar: [{
-                type: ContentChild,
-                args: [AXToolbarComponent, { static: true }]
-            }], rowTemplate: [{
-                type: ContentChild,
-                args: [AXDataGridRowTemplateComponent, { static: true }]
-            }], gridDetailTemplate: [{
-                type: ContentChild,
-                args: [AXDataGridDetailTemplateComponent, { static: true }]
-            }], _contentDataSource: [{
-                type: ContentChild,
-                args: [AXDataSourceComponent, { static: true }]
-            }], dataSource: [{
-                type: Input
-            }], groupHideOpenParents: [{
-                type: Input
-            }], cellClick: [{
-                type: Output
-            }], cellDbClick: [{
-                type: Output
-            }], cellFocuse: [{
-                type: Output
-            }], rowClick: [{
-                type: Output
-            }], rowDbClick: [{
-                type: Output
-            }], selectionChanged: [{
-                type: Output
-            }], rowSelectionChange: [{
-                type: Output
-            }], onRowSelectionChanged: [{
-                type: Output
-            }], rowClass: [{
-                type: Input
-            }], rtl: [{
-                type: Input
+LicenseManager.prototype.validateLicense = function () {
+    //console.info('Cracked by Arash Oshnoudi!');
+};
+// WatermarkComp.prototype.shouldDisplayWatermark = function () {
+//   return false;
+// }
+class AXDataGridColumnsChangeEvent extends AXValueEvent {
+}
+class AXDataGridCellEvent extends AXDataEvent {
+}
+class AXDaagridRowClickEvent extends AXDataEvent {
+}
+class AXDataGridSelectionChangeEvent extends AXDataEvent {
+}
+class AXDataGridRowSelectionChangeEvent extends AXDataEvent {
+}
+class AXDataGridComponent {
+    constructor(ref, cdr) {
+        this.ref = ref;
+        this.cdr = cdr;
+        this.columnDefs = [];
+        this.rowModelType = 'clientSide';
+        this.frameworkComponents = {};
+        this.internalHeight = '100%';
+        this.masterDetail = false;
+        this.treeData = false;
+        this.enabelSelect = false;
+        this.gridView = false;
+        this.groupSelectsChildren = false;
+        this.oldSelectionNodes = [];
+        this.paginationAutoPageSize = true;
+        this.paginationPageSize = 10;
+        this.cacheBlockSize = 10;
+        // @Input()
+        // showRowNumber: boolean = true;
+        this.remoteOperation = false;
+        this.rowMultiSelectWithClick = true;
+        this.suppressRowClickSelection = true;
+        this.suppressCellSelection = false;
+        this.sizeColumnsToFit = true;
+        this.showCheckBox = true;
+        this.floatingFilter = false;
+        // @Input()
+        // takeCount: number;
+        this.autoGroupColumnDef = {};
+        this.selectionMode = 'single';
+        // @Input()
+        // allowFiltering: boolean = false;
+        this.pagination = true;
+        this.selectRow = [];
+        this.rowGroupPanelShow = 'never';
+        this.loadOnInit = true;
+        // @Input()
+        // groupDefaultExpanded: number = 0;
+        this.keyField = 'null';
+        this.hasChildField = 'null';
+        this.columnsChange = new EventEmitter();
+        this._columns = [];
+        this.defaultColDef = {
+            filter: true,
+            floatingFilter: true
+        };
+        this.groupHideOpenParents = false;
+        this.cellClick = new EventEmitter();
+        this.cellDbClick = new EventEmitter();
+        this.cellFocuse = new EventEmitter();
+        this.rowClick = new EventEmitter();
+        this.rowDbClick = new EventEmitter();
+        this.selectionChanged = new EventEmitter();
+        this.rowSelectionChange = new EventEmitter();
+        this.onRowSelectionChanged = new EventEmitter();
+        this.rtl = AXConfig.get('layout.rtl');
+        this.isServerSideGroup = (e) => {
+            return e[this.hasChildField];
+        };
+        this.getColumnDefs = () => {
+            return this.gridApi.getColumnDefs();
+        };
+        this.getCurrentPageNumber = () => {
+            return {
+                current: this.gridApi.paginationGetCurrentPage() + 1,
+                total: this.gridApi.paginationGetTotalPages()
+            };
+        };
+        this.getServerSideGroupKey = (e) => {
+            return e[this.keyField];
+        };
+        this.internalGetRowClass = (p) => {
+            if (this.rowClass) {
+                if (this.rowClass instanceof Function) {
+                    return this.rowClass({
+                        rowIndex: p.node.rowIndex,
+                        rowLevel: p.node.level,
+                        data: p.data
+                    });
+                }
+                else {
+                    return this.rowClass;
+                }
+            }
+        };
+        this.localeText = AXTranslator.get('dataGrid');
+    }
+    get searchText() {
+        return this._searchText;
+    }
+    set searchText(v) {
+        if (v !== this._searchText) {
+            this._searchText = v;
+            if (this.gridApi) {
+                this.refresh();
+                this.gridApi.setQuickFilter(this.searchText);
+            }
+        }
+    }
+    get filter() {
+        return this._filter;
+    }
+    set filter(v) {
+        if (v !== this._filter) {
+            this._filter = v;
+            this._filter.forEach((f) => {
+                const fc = this.gridApi.getFilterInstance(f.field);
+                if (fc) {
+                    const ff = fc.getFrameworkComponentInstance();
+                    ff.setModel(f);
+                }
+            });
+        }
+    }
+    get columns() {
+        return this._inlineColumns ? [...this._columns, ...this._inlineColumns.toArray()] : this._columns;
+    }
+    set columns(val) {
+        if (val && val.length) {
+            let old = this._columns;
+            this._columns = val;
+            this.columnsChange.emit({ component: this, value: val, oldValue: old, htmlElement: this.ref.nativeElement });
+        }
+    }
+    get dataSource() {
+        return this._dataSource ? this._dataSource : this._contentDataSource;
+    }
+    set dataSource(v) {
+        this._dataSource = v;
+    }
+    getRowHeight(param) {
+        if (param.data && param.data.rowHeight && param.node.level == 0) {
+            return param.data.rowHeight;
+        }
+        else if (this.masterDetail == true && param.node.level == 1) {
+            return this.detailRowHeight;
+        }
+        else if (this.masterDetail == false && param.data && param.data.rowHeight) {
+            return param.data.rowHeight;
+        }
+        else {
+            return null;
+        }
+    }
+    calcHeight() {
+        if (this.toolbar) {
+            this.internalHeight = `calc(100% - ${40}px)`;
+        }
+        else {
+            this.internalHeight = '100%';
+        }
+    }
+    get intenalGridDataSource() {
+        const that = this;
+        return {
+            rowCount: null,
+            getRows: (params) => {
+                // that.gridApi.gridOptionsWrapper.setProperty('cacheBlockSize', this.takeCount ? this.takeCount : params.api.paginationGetPageSize());
+                that.dataSourceSuccessCallback = params.successCallback;
+                const loadParams = {};
+                loadParams.searchText = that.searchText;
+                loadParams.skip = params.request.startRow;
+                //  loadParams.take = params.request.endRow - params.request.startRow;
+                ////  loadParams.take = that.takeCount ? that.takeCount : params.api.paginationGetPageSize() * 2;
+                loadParams.take = params.request.endRow - params.request.startRow;
+                loadParams.sort = params.request.sortModel.map((c) => {
+                    return {
+                        field: c.colId,
+                        dir: c.sort
+                    };
+                });
+                // loadParams.groups = params.request.rowGroupCols.map(r => r.field);
+                // loadParams.groupKeys = params.request.groupKeys;
+                // loadParams.data = params.parentNode.data;
+                loadParams.group = {
+                    fields: params.request.rowGroupCols.map((r) => r.field),
+                    keys: params.request.groupKeys,
+                    parentData: params.parentNode.data
+                };
+                loadParams.filter = params.request.filterModel;
+                /// setTimeout(() => {
+                that.dataSource.fetch(loadParams);
+                // }, 5000);
+            }
+        };
+    }
+    getMainMenuItems(e) {
+        return ['pinSubMenu', 'separator'];
+    }
+    ngOnDestroy() {
+        this.gridApi.destroy();
+    }
+    paginationGoToPage(number) {
+        this.gridApi.paginationGoToPage(number - 1);
+    }
+    // todo gridOptions: GridOptions
+    internalGridReady(gridOptions) {
+        ////  gridOptions.api.checkGridSize();
+        //// this.takeCount = this.takeCount ? this.takeCount : gridOptions.api.paginationGetPageSize() * 2;
+        //  this.takeCount = this.takeCount < 20 ? 20 : this.takeCount;
+        //// gridOptions.api.gridOptionsWrapper.setProperty('cacheBlockSize', this.takeCount);
+        this.gridApi = gridOptions.api;
+        this.mapColumns();
+        this.calcHeight();
+        if (!this.loadOnInit) {
+            this.loadOnInit = true;
+            return;
+        }
+        if (this.remoteOperation) {
+            this.gridApi.setServerSideDatasource(this.intenalGridDataSource);
+        }
+        if (!this.remoteOperation) {
+            this.refresh();
+        }
+    }
+    ngAfterContentInit() {
+        const that = this;
+        if (this.rowTemplate) {
+            this.fullWidthCellRendererFramework = this.rowTemplate.renderer;
+            this.fullWidthCellRendererParams = this.rowTemplate.params;
+        }
+        this.frameworkComponents.agDateInput = AXDatePickerFilterComponent;
+        if (this.gridDetailTemplate) {
+            this.masterDetail = true;
+            this.detailCellRendererParams = this.gridDetailTemplate.params;
+            this.detailCellRenderer = 'detailRendererFramework';
+            this.frameworkComponents.detailRendererFramework = this.gridDetailTemplate.renderer;
+            this.detailRowHeight = this.gridDetailTemplate.height;
+        }
+        this.isFullWidthCell = () => {
+            return that.rowTemplate != null;
+        };
+        //this.cdr
+    }
+    ngOnInit() {
+        // if (this.takeCount && this.takeCount > 0) {
+        //   this.paginationPageSize = this.takeCount;
+        //   this.paginationAutoPageSize = false;
+        //   this.cacheBlockSize = this.takeCount;
+        // }
+        if (this.selectionMode === 'single') {
+            this.groupSelectsChildren = false;
+        }
+        if (this.keyField !== 'null' && this.hasChildField !== 'null') {
+            this.rowGroupPanelShow = 'never';
+            this.treeData = true;
+        }
+        if (this.remoteOperation) {
+            this.rowModelType = 'serverSide';
+        }
+        //
+        if (this.rtl == null) {
+            this.rtl = window.getComputedStyle(this.ref.nativeElement, null).getPropertyValue('direction') === 'rtl';
+        }
+        //
+    }
+    gridSelectRow() {
+        if (this.gridApi) {
+            if (this.selectRow && this.selectRow.length > 0 && this.gridApi !== undefined && typeof this.selectRow[0] != 'object') {
+                this.gridApi.forEachNode((node) => {
+                    if (node.data !== undefined) {
+                        let select = false;
+                        this.selectRow.forEach((id) => {
+                            if (node.data[this.keyField] === id) {
+                                select = true;
+                                node.setSelected(select);
+                            }
+                        });
+                    }
+                });
+            }
+            else {
+                this.gridApi.forEachNode((node) => {
+                    if (node.data !== undefined) {
+                        let select = false;
+                        this.selectRow.forEach((item) => {
+                            if (item.rowIndex != undefined && item.rowLevel != undefined) {
+                                if (node.data[this.keyField] === item.data[this.keyField]) {
+                                    select = true;
+                                }
+                            }
+                            else {
+                                if (node.data[this.keyField] === item[this.keyField]) {
+                                    select = true;
+                                }
+                            }
+                        });
+                        node.setSelected(select);
+                    }
+                });
+            }
+        }
+    }
+    // ngAfterViewChecked(): void {
+    //   //Called after every check of the component's view. Applies to components only.
+    //   //Add 'implements AfterViewChecked' to the class.
+    //   // this.selectByValues();
+    //   this.enabelSelect = false;
+    // }
+    rebuildGrid() {
+        this.mapColumns();
+        setTimeout(() => {
+            if (this.sizeColumnsToFit) {
+                this.gridApi.sizeColumnsToFit();
+            }
+        }, 10);
+    }
+    ngAfterViewInit() {
+        if (this.treeData === true) {
+            this.columnDefs = this.columns.map((c) => c.render());
+            const groupColumn = this.columnDefs.find((c) => c.rowGroupIndex == '0' && c.field !== '');
+            this.autoGroupColumnDef = {
+                headerName: groupColumn.headerName,
+                width: groupColumn.width,
+                cellRendererParams: { checkbox: this.showCheckBox },
+                field: groupColumn.field
+            };
+            this.columnDefs.forEach((elm) => {
+                if (elm.rowGroupIndex > -1) {
+                    elm.hide = true;
+                }
+            });
+        }
+        //setTimeout(() => {
+        this.gridView = true;
+        //});
+        this.enabelSelect = true;
+        this.dataSource.onDataReceived.subscribe((_data) => {
+            const result = _data.data.result;
+            this.hideLoading();
+            let items;
+            let totalCount;
+            if (Array.isArray(result)) {
+                items = result;
+                totalCount = result.length;
+            }
+            else {
+                items = result.items;
+                totalCount = result.totalCount;
+            }
+            if (this.dataSourceSuccessCallback) {
+                if (!this.loadOnInit) {
+                    this.dataSourceSuccessCallback([], 0);
+                }
+                else {
+                    this.dataSourceSuccessCallback(items, totalCount);
+                }
+            }
+            else {
+                if (!this.loadOnInit && this.gridApi !== undefined) {
+                    this.gridApi.setRowData([]);
+                }
+                else if (this.gridApi !== undefined) {
+                    this.gridApi.setRowData(items);
+                }
+            }
+            this.gridSelectRow();
+        });
+        this.dataSource.onFetchStart.subscribe(() => {
+            this.showLoading();
+        });
+        if (this.searchInput) {
+            this.searchInput.onValueChanged.subscribe((c) => {
+                this.searchText = c.value;
+            });
+        }
+        //
+        this.cdr.detectChanges();
+    }
+    mapColumns() {
+        this.columnDefs = this.columns.map((c) => c.render());
+        // if (this.showRowNumber) {
+        //   this.columnDefs.push({
+        //     headerName: AXConfig.get('layout.rtl') ? 'ردیف' : 'Row',
+        //     valueGetter: 'node.rowIndex + 1',
+        //     pinned: AXConfig.get('layout.rtl') ? 'right' : 'left'
+        //   });
+        // }
+        if (this.gridDetailTemplate) {
+            if (this.columnDefs[0].checkboxSelection === true && this.columnDefs[0].field === '') {
+                this.columnDefs[1].cellRenderer = 'agGroupCellRenderer';
+            }
+            else {
+                this.columnDefs[0].cellRenderer = 'agGroupCellRenderer';
+            }
+        }
+        if (this.hasChildField === 'null') {
+            const groupColumn = this.columnDefs.find((c) => c.rowGroupIndex === undefined && c.field !== '');
+            if (groupColumn && this.groupHideOpenParents == false) {
+                this.autoGroupColumnDef = {
+                    headerName: groupColumn.headerName,
+                    width: groupColumn.width,
+                    cellRendererParams: { checkbox: this.showCheckBox },
+                    field: groupColumn.field
+                };
+                //  groupColumn.hide = true;
+            }
+        }
+        this.columnDefs.forEach((elm) => {
+            if (elm.rowGroupIndex > -1) {
+                elm.hide = true;
+            }
+        });
+    }
+    displayedColumnsChanged(e) {
+        if (this.hasChildField === 'null') {
+            const ee = e.columnApi.getAllDisplayedColumnGroups();
+            const eee = ee.find((c) => c.colId !== 'ag-Grid-AutoColumn' && c.colId !== '0');
+            if (eee && eee.colId) {
+                this.autoGroupColumnDef = {
+                    headerName: eee.colDef.headerName,
+                    width: eee.colDef.width,
+                    cellRendererParams: { checkbox: this.showCheckBox },
+                    field: eee.colDef.field
+                };
+            }
+            // eee.hide = true;
+        }
+    }
+    refresh(route = []) {
+        if (this.remoteOperation && this.gridApi !== undefined) {
+            //  this.gridApi.purgeServerSideCache(route);
+            this.gridApi.setServerSideDatasource(this.intenalGridDataSource);
+        }
+        else {
+            // TODO : check fetch param
+            this.dataSource.fetch(null);
+        }
+    }
+    internalGridCellClicked(e) {
+        this.cellClick.emit({ data: this.mapCellEvent(e), component: this, htmlElement: this.ref.nativeElement });
+    }
+    internalGridCellDoubleClicked(e) {
+        this.cellDbClick.emit({ data: this.mapCellEvent(e), component: this, htmlElement: this.ref.nativeElement });
+    }
+    internalGridCellFocused(e) {
+        this.cellFocuse.emit({ data: this.mapCellEvent(e), htmlElement: this.ref.nativeElement, component: this });
+    }
+    internalGridRowClicked(e) {
+        if (!e.node.group) {
+            this.rowClick.emit({ data: this.mapRowEvent(e), component: this, htmlElement: this.ref.nativeElement });
+        }
+    }
+    internalGridRowDoubleClicked(e) {
+        if (!e.node.group) {
+            this.rowDbClick.emit({ data: this.mapRowEvent(e), htmlElement: this.ref.nativeElement, component: this });
+        }
+    }
+    differenceOf2Arrays(array1, array2) {
+        const temp = [];
+        for (const i in array1) {
+            if (array2.indexOf(array1[i]) === -1) {
+                temp.push(array1[i]);
+            }
+        }
+        for (const i in array2) {
+            if (array1.indexOf(array2[i]) === -1) {
+                temp.push(array2[i]);
+            }
+        }
+        return temp.sort((a, b) => a - b);
+    }
+    rowSelectionChanged(e) {
+        // this.gridApi.forEachNode((node) => {
+        //   if (node.data[this.keyField] == e.node.data[this.keyField]) {
+        //     node.setSelected(e.node.selected);
+        //   }
+        // });
+        if (e.node.selected == true) {
+            this.selectRow = this.selectRow.filter((c) => c[this.keyField] != e.data[this.keyField]);
+            this.selectRow.push(e.data);
+        }
+        else {
+            this.selectRow = this.selectRow.filter((c) => c[this.keyField] != e.data[this.keyField]);
+        }
+        this.rowSelectionChange.emit({ component: this, data: e, htmlElement: this.ref.nativeElement });
+    }
+    internalGridSelectionChanged(e) {
+        const args = { items: [] };
+        const oldNodes = this.oldSelectionNodes;
+        const nodes = this.gridApi.getSelectedNodes();
+        nodes.forEach((i) => {
+            args.items.push({
+                rowLevel: i.level,
+                rowIndex: i.rowIndex,
+                data: i.data
+            });
+        });
+        this.selectionChanged.emit({ data: args, component: this, htmlElement: this.ref.nativeElement });
+        let action = nodes.length > oldNodes.length ? true : false;
+        const node = this.differenceOf2Arrays(nodes, oldNodes);
+        this.onRowSelectionChanged.emit({ component: this, selected: action, data: node, htmlElement: this.ref.nativeElement });
+        this.oldSelectionNodes = nodes;
+    }
+    mapCellEvent(e) {
+        return {
+            rowLevel: 0,
+            column: e.column,
+            data: e.data,
+            rowIndex: e.rowIndex,
+            value: e.value
+        };
+    }
+    mapRowEvent(e) {
+        return {
+            rowLevel: 0,
+            data: e.data,
+            rowIndex: e.rowIndex
+        };
+    }
+    deselectAll() {
+        this.gridApi.deselectAll();
+    }
+    deselectByKeyField(keyField) {
+        this.gridApi.forEachNode((node) => {
+            if (node.data !== undefined) {
+                let select = false;
+                if (node.data[this.keyField] === keyField) {
+                    node.setSelected(select);
+                    this.selectRow = this.selectRow.filter((c) => c[this.keyField] != keyField);
+                }
+            }
+        });
+    }
+    showLoading() {
+        if (this.gridApi) {
+            this.gridApi.showLoadingOverlay();
+        }
+    }
+    hideLoading() {
+        if (this.gridApi) {
+            this.gridApi.hideOverlay();
+        }
+    }
+    internalGridSizeChanged(e) {
+        if (e.clientWidth > 0 && e.clientHeight > 0) {
+            this.performSizeColumnsToFit(e.api);
+        }
+        //  this.refresh();
+        //  this.gridApi.paginationGoToFirstPage();
+    }
+    internalGridFirstDataRendered(e) {
+        this.performSizeColumnsToFit(e.api);
+    }
+    performSizeColumnsToFit(api) {
+        if (this.sizeColumnsToFit) {
+            api.sizeColumnsToFit();
+        }
+    }
+}
+AXDataGridComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXDataGridComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+AXDataGridComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: AXDataGridComponent, selector: "ax-data-grid", inputs: { remoteOperation: "remoteOperation", rowMultiSelectWithClick: "rowMultiSelectWithClick", suppressRowClickSelection: "suppressRowClickSelection", suppressCellSelection: "suppressCellSelection", sizeColumnsToFit: "sizeColumnsToFit", showCheckBox: "showCheckBox", floatingFilter: "floatingFilter", selectionMode: "selectionMode", pagination: "pagination", selectRow: "selectRow", rowGroupPanelShow: "rowGroupPanelShow", loadOnInit: "loadOnInit", keyField: "keyField", hasChildField: "hasChildField", searchText: "searchText", filter: "filter", columns: "columns", rowHeight: "rowHeight", dataSource: "dataSource", groupHideOpenParents: "groupHideOpenParents", rowClass: "rowClass", rtl: "rtl" }, 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<ag-grid-angular *ngIf=\"gridView\" class=\"ag-theme-balham\" [getRowClass]=\"internalGetRowClass\"\n  [style.height]=\"internalHeight\" [columnDefs]=\"columnDefs\" [enableRtl]=\"rtl\" [pagination]=\"pagination\"\n  [rowGroupPanelShow]=\"rowGroupPanelShow\" [rowModelType]=\"rowModelType\" [detailRowHeight]=\"detailRowHeight\"\n  [getRowHeight]=\"getRowHeight\" [paginationAutoPageSize]=\"paginationAutoPageSize\"\n  [paginationPageSize]=\"paginationPageSize\" [suppressMenuHide]=\"true\" [frameworkComponents]=\"frameworkComponents\"\n  [isFullWidthCell]=\"isFullWidthCell\" [rowSelection]=\"selectionMode\" [rowMultiSelectWithClick]=\"rowMultiSelectWithClick\"\n  [fullWidthCellRendererFramework]=\"fullWidthCellRendererFramework\"\n  [fullWidthCellRendererParams]=\"fullWidthCellRendererParams\" (cellClicked)=\"internalGridCellClicked($event)\"\n  (cellDoubleClicked)=\"internalGridCellDoubleClicked($event)\" (cellFocused)=\"internalGridCellFocused($event)\"\n  (rowClicked)=\"internalGridRowClicked($event)\" (selectionChanged)=\"internalGridSelectionChanged($event)\"\n  (rowSelected)=\"rowSelectionChanged($event)\" (rowDoubleClicked)=\"internalGridRowDoubleClicked($event)\"\n  (gridReady)=\"internalGridReady($event)\" [groupSelectsChildren]=\"groupSelectsChildren\"\n  [suppressRowClickSelection]=\"suppressRowClickSelection\" [groupSelectsFiltered]=\"true\"\n  [suppressCellSelection]=\"suppressCellSelection\" [autoGroupColumnDef]=\"autoGroupColumnDef\"\n  [suppressAggFuncInHeader]=\"true\" [treeData]=\"treeData\" [animateRows]=\"true\" [isServerSideGroup]=\"isServerSideGroup\"\n  [getServerSideGroupKey]=\"getServerSideGroupKey\" [masterDetail]=\"masterDetail\"\n  [detailCellRendererParams]=\"detailCellRendererParams\" [detailCellRenderer]=\"detailCellRenderer\"\n  (gridSizeChanged)=\"internalGridSizeChanged($event)\" (firstDataRendered)=\"internalGridFirstDataRendered($event)\"\n  [localeText]=\"localeText\" [groupHideOpenParents]=\"groupHideOpenParents\" [enableRangeSelection]=\"true\"\n  [enableRangeSelection]=\"false\" [allowContextMenuWithControlKey]=\"false\" [getMainMenuItems]=\"getMainMenuItems\">\n</ag-grid-angular>\n\n<!-- (displayedColumnsChanged)=\"displayedColumnsChanged($event)\"  -->", components: [{ type: i1$2.AgGridAngular, selector: "ag-grid-angular", inputs: ["alignedGrids", "rowData", "columnDefs", "excelStyles", "pinnedTopRowData", "pinnedBottomRowData", "chartThemes", "components", "frameworkComponents", "rowStyle", "context", "autoGroupColumnDef", "localeText", "icons", "datasource", "serverSideDatasource", "viewportDatasource", "groupRowRendererParams", "aggFuncs", "fullWidthCellRendererParams", "defaultColGroupDef", "defaultColDef", "defaultExportParams", "columnTypes", "rowClassRules", "detailGridOptions", "detailCellRendererParams", "loadingCellRendererParams", "loadingOverlayComponentParams", "noRowsOverlayComponentParams", "popupParent", "colResizeDefault", "reduxStore", "statusBar", "sideBar", "chartThemeOverrides", "customChartThemes", "sortingOrder", "rowClass", "rowSelection", "overlayLoadingTemplate", "overlayNoRowsTemplate", "quickFilterText", "rowModelType", "editType", "domLayout", "clipboardDeliminator", "rowGroupPanelShow", "multiSortKey", "pivotColumnGroupTotals", "pivotRowTotals", "pivotPanelShow", "fillHandleDirection", "rowHeight", "detailRowHeight", "rowBuffer", "colWidth", "headerHeight", "groupHeaderHeight", "floatingFiltersHeight", "pivotHeaderHeight", "pivotGroupHeaderHeight", "groupDefaultExpanded", "minColWidth", "maxColWidth", "viewportRowModelPageSize", "viewportRowModelBufferSize", "autoSizePadding", "maxBlocksInCache", "maxConcurrentDatasourceRequests", "tooltipShowDelay", "cacheOverflowSize", "paginationPageSize", "cacheBlockSize", "infiniteInitialRowCount", "scrollbarWidth", "batchUpdateWaitMillis", "asyncTransactionWaitMillis", "blockLoadDebounceMillis", "keepDetailRowsCount", "undoRedoCellEditingLimit", "cellFlashDelay", "cellFadeDelay", "localeTextFunc", "groupRowInnerRenderer", "groupRowInnerRendererFramework", "dateComponent", "dateComponentFramework", "groupRowRenderer", "groupRowRendererFramework", "isExternalFilterPresent", "getRowHeight", "doesExternalFilterPass", "getRowClass", "getRowStyle", "getRowClassRules", "traverseNode", "getContextMenuItems", "getMainMenuItems", "processRowPostCreate", "processCellForClipboard", "groupRowAggNodes", "getRowNodeId", "isFullWidthCell", "fullWidthCellRenderer", "fullWidthCellRendererFramework", "processSecondaryColDef", "processSecondaryColGroupDef", "getBusinessKeyForNode", "sendToClipboard", "navigateToNextHeader", "tabToNextHeader", "navigateToNextCell", "tabToNextCell", "getDetailRowData", "processCellFromClipboard", "getDocument", "postProcessPopup", "getChildCount", "getDataPath", "loadingCellRenderer", "loadingCellRendererFramework", "loadingOverlayComponent", "loadingOverlayComponentFramework", "noRowsOverlayComponent", "noRowsOverlayComponentFramework", "detailCellRenderer", "detailCellRendererFramework", "defaultGroupSortComparator", "isRowMaster", "isRowSelectable", "postSort", "processHeaderForClipboard", "paginationNumberFormatter", "processDataFromClipboard", "getServerSideGroupKey", "isServerSideGroup", "suppressKeyboardEvent", "createChartContainer", "processChartOptions", "getChartToolbarItems", "fillOperation", "suppressMakeColumnVisibleAfterUnGroup", "suppressRowClickSelection", "suppressCellSelection", "suppressHorizontalScroll", "alwaysShowVerticalScroll", "debug", "enableBrowserTooltips", "enableCellExpressions", "angularCompileRows", "angularCompileFilters", "groupSuppressAutoColumn", "groupSelectsChildren", "groupIncludeFooter", "groupIncludeTotalFooter", "groupUseEntireRow", "groupSuppressBlankHeader", "suppressMenuHide", "suppressRowDeselection", "unSortIcon", "suppressMultiSort", "singleClickEdit", "suppressLoadingOverlay", "suppressNoRowsOverlay", "suppressAutoSize", "skipHeaderOnAutoSize", "suppressParentsInRowNodes", "suppressColumnMoveAnimation", "suppressMovableColumns", "suppressFieldDotNotation", "enableRangeSelection", "enableRangeHandle", "enableFillHandle", "suppressClearOnFillReduction", "deltaSort", "suppressTouch", "suppressAsyncEvents", "allowContextMenuWithControlKey", "suppressContextMenu", "rememberGroupStateWhenNewData", "enableCellChangeFlash", "suppressDragLeaveHidesColumns", "suppressMiddleClickScrolls", "suppressPreventDefaultOnMouseWheel", "suppressCopyRowsToClipboard", "copyHeadersToClipboard", "pivotMode", "suppressAggFuncInHeader", "suppressColumnVirtualisation", "suppressAggAtRootLevel", "suppressFocusAfterRefresh", "functionsPassive", "functionsReadOnly", "animateRows", "groupSelectsFiltered", "groupRemoveSingleChildren", "groupRemoveLowestSingleChildren", "enableRtl", "suppressClickEdit", "rowDragManaged", "suppressRowDrag", "suppressMoveWhenRowDragging", "enableMultiRowDragging", "enableGroupEdit", "embedFullWidthRows", "deprecatedEmbedFullWidthRows", "suppressPaginationPanel", "floatingFilter", "groupHideOpenParents", "groupMultiAutoColumn", "pagination", "stopEditingWhenGridLosesFocus", "paginationAutoPageSize", "suppressScrollOnNewData", "purgeClosedRowNodes", "cacheQuickFilter", "deltaRowDataMode", "ensureDomOrder", "accentedSort", "suppressChangeDetection", "valueCache", "valueCacheNeverExpires", "aggregateOnlyChangedColumns", "suppressAnimationFrame", "suppressExcelExport", "suppressCsvExport", "treeData", "masterDetail", "suppressMultiRangeSelection", "enterMovesDownAfterEdit", "enterMovesDown", "suppressPropertyNamesCheck", "rowMultiSelectWithClick", "suppressEnterpriseResetOnNewColumns", "enableOldSetFilterModel", "suppressRowHoverHighlight", "suppressRowTransform", "suppressClipboardPaste", "suppressLastEmptyLineOnPaste", "serverSideSortingAlwaysResets", "reactNext", "suppressSetColumnStateEvents", "suppressColumnStateEvents", "enableCharts", "deltaColumnMode", "suppressMaintainUnsortedOrder", "enableCellTextSelection", "suppressBrowserResizeObserver", "suppressMaxRenderedRowRestriction", "excludeChildrenWhenTreeDataFiltering", "tooltipMouseTrack", "keepDetailRows", "paginateChildRows", "preventDefaultOnContextMenu", "undoRedoCellEditing", "allowDragFromColumnsToolPanel", "immutableData", "immutableColumns", "pivotSuppressAutoColumn", "suppressExpandablePivotGroups", "applyColumnDefOrder", "debounceVerticalScrollbar", "detailRowAutoHeight", "gridOptions", "modules"], outputs: ["columnEverythingChanged", "newColumnsLoaded", "columnPivotModeChanged", "columnRowGroupChanged", "expandOrCollapseAll", "columnPivotChanged", "gridColumnsChanged", "columnValueChanged", "columnMoved", "columnVisible", "columnPinned", "columnGroupOpened", "columnResized", "displayedColumnsChanged", "virtualColumnsChanged", "rowGroupOpened", "rowDataChanged", "rowDataUpdated", "pinnedRowDataChanged", "rangeSelectionChanged", "chartCreated", "chartRangeSelectionChanged", "chartOptionsChanged", "chartDestroyed", "toolPanelVisibleChanged", "modelUpdated", "pasteStart", "pasteEnd", "fillStart", "fillEnd", "cellClicked", "cellDoubleClicked", "cellMouseDown", "cellContextMenu", "cellValueChanged", "rowValueChanged", "cellFocused", "rowSelected", "selectionChanged", "cellKeyDown", "cellKeyPress", "cellMouseOver", "cellMouseOut", "filterChanged", "filterModified", "filterOpened", "sortChanged", "virtualRowRemoved", "rowClicked", "rowDoubleClicked", "gridReady", "gridSizeChanged", "viewportChanged", "scrollbarWidthChanged", "firstDataRendered", "dragStarted", "dragStopped", "checkboxChanged", "rowEditingStarted", "rowEditingStopped", "cellEditingStarted", "cellEditingStopped", "bodyScroll", "animationQueueEmpty", "heightScaleChanged", "paginationChanged", "componentStateChanged", "bodyHeightChanged", "displayedColumnsWidthChanged", "scrollVisibilityChanged", "columnHoverChanged", "flashCells", "paginationPixelOffsetChanged", "rowDragEnter", "rowDragMove", "rowDragLeave", "rowDragEnd", "popupToFront", "columnRowGroupChangeRequest", "columnPivotChangeRequest", "columnValueChangeRequest", "columnAggFuncChangeRequest", "keyboardFocus", "mouseFocus"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", 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<ag-grid-angular *ngIf=\"gridView\" class=\"ag-theme-balham\" [getRowClass]=\"internalGetRowClass\"\n  [style.height]=\"internalHeight\" [columnDefs]=\"columnDefs\" [enableRtl]=\"rtl\" [pagination]=\"pagination\"\n  [rowGroupPanelShow]=\"rowGroupPanelShow\" [rowModelType]=\"rowModelType\" [detailRowHeight]=\"detailRowHeight\"\n  [getRowHeight]=\"getRowHeight\" [paginationAutoPageSize]=\"paginationAutoPageSize\"\n  [paginationPageSize]=\"paginationPageSize\" [suppressMenuHide]=\"true\" [frameworkComponents]=\"frameworkComponents\"\n  [isFullWidthCell]=\"isFullWidthCell\" [rowSelection]=\"selectionMode\" [rowMultiSelectWithClick]=\"rowMultiSelectWithClick\"\n  [fullWidthCellRendererFramework]=\"fullWidthCellRendererFramework\"\n  [fullWidthCellRendererParams]=\"fullWidthCellRendererParams\" (cellClicked)=\"internalGridCellClicked($event)\"\n  (cellDoubleClicked)=\"internalGridCellDoubleClicked($event)\" (cellFocused)=\"internalGridCellFocused($event)\"\n  (rowClicked)=\"internalGridRowClicked($event)\" (selectionChanged)=\"internalGridSelectionChanged($event)\"\n  (rowSelected)=\"rowSelectionChanged($event)\" (rowDoubleClicked)=\"internalGridRowDoubleClicked($event)\"\n  (gridReady)=\"internalGridReady($event)\" [groupSelectsChildren]=\"groupSelectsChildren\"\n  [suppressRowClickSelection]=\"suppressRowClickSelection\" [groupSelectsFiltered]=\"true\"\n  [suppressCellSelection]=\"suppressCellSelection\" [autoGroupColumnDef]=\"autoGroupColumnDef\"\n  [suppressAggFuncInHeader]=\"true\" [treeData]=\"treeData\" [animateRows]=\"true\" [isServerSideGroup]=\"isServerSideGroup\"\n  [getServerSideGroupKey]=\"getServerSideGroupKey\" [masterDetail]=\"masterDetail\"\n  [detailCellRendererParams]=\"detailCellRendererParams\" [detailCellRenderer]=\"detailCellRenderer\"\n  (gridSizeChanged)=\"internalGridSizeChanged($event)\" (firstDataRendered)=\"internalGridFirstDataRendered($event)\"\n  [localeText]=\"localeText\" [groupHideOpenParents]=\"groupHideOpenParents\" [enableRangeSelection]=\"true\"\n  [enableRangeSelection]=\"false\" [allowContextMenuWithControlKey]=\"false\" [getMainMenuItems]=\"getMainMenuItems\">\n</ag-grid-angular>\n\n<!-- (displayedColumnsChanged)=\"displayedColumnsChanged($event)\"  -->" }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { remoteOperation: [{
+                type: Input
+            }], rowMultiSelectWithClick: [{
+                type: Input
+            }], suppressRowClickSelection: [{
+                type: Input
+            }], suppressCellSelection: [{
+                type: Input
+            }], sizeColumnsToFit: [{
+                type: Input
+            }], showCheckBox: [{
+                type: Input
+            }], floatingFilter: [{
+                type: Input
+            }], selectionMode: [{
+                type: Input
+            }], pagination: [{
+                type: Input
+            }], selectRow: [{
+                type: Input
+            }], rowGroupPanelShow: [{
+                type: Input
+            }], loadOnInit: [{
+                type: Input
+            }], keyField: [{
+                type: Input
+            }], hasChildField: [{
+                type: Input
+            }], searchText: [{
+                type: Input
+            }], filter: [{
+                type: Input
+            }], _inlineColumns: [{
+                type: ContentChildren,
+                args: [AXGridDataColumn]
+            }], columnsChange: [{
+                type: Output
+            }], columns: [{
+                type: Input
+            }], rowHeight: [{
+                type: Input
+            }], searchInput: [{
+                type: ContentChild,
+                args: [AXToolbarSearchComponent, { static: true }]
+            }], toolbar: [{
+                type: ContentChild,
+                args: [AXToolbarComponent, { static: true }]
+            }], rowTemplate: [{
+                type: ContentChild,
+                args: [AXDataGridRowTemplateComponent, { static: true }]
+            }], gridDetailTemplate: [{
+                type: ContentChild,
+                args: [AXDataGridDetailTemplateComponent, { static: true }]
+            }], _contentDataSource: [{
+                type: ContentChild,
+                args: [AXDataSourceComponent, { static: true }]
+            }], dataSource: [{
+                type: Input
+            }], groupHideOpenParents: [{
+                type: Input
+            }], cellClick: [{
+                type: Output
+            }], cellDbClick: [{
+                type: Output
+            }], cellFocuse: [{
+                type: Output
+            }], rowClick: [{
+                type: Output
+            }], rowDbClick: [{
+                type: Output
+            }], selectionChanged: [{
+                type: Output
+            }], rowSelectionChange: [{
+                type: Output
+            }], onRowSelectionChanged: [{
+                type: Output
+            }], rowClass: [{
+                type: Input
+            }], rtl: [{
+                type: Input
             }] } });
 
-class AXDataGridModule {
-}
-AXDataGridModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXDataGridModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-AXDataGridModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXDataGridModule, declarations: [AXDataGridComponent,
-        AXGridTextColumn,
-        AXGridCheckColumn,
-        AXGridSelectionColumn,
-        AXGridDateColumn,
-        AXGridRowNumberColumn,
-        AXGridCommandColumn,
-        BooleanRenderer,
-        BooleanFilterRenderer,
-        TextFilterRenderer,
-        AXDataGridFilterComponent,
-        AXDataGridRowTemplateComponent,
-        AXDataGridDetailTemplateComponent,
-        AXDataGridRowTemplateRenderer,
-        AXDataGridDetailTemplateRenderer,
-        AXDataGridCellTemplateComponent,
-        AXDataGridCellTemplateRenderer,
-        AXDatePickerFilterComponent,
-        CommandRenderer], imports: [CommonModule,
-        AXCoreModule,
-        FormsModule,
-        //AgGridModule,
-        AXTextBoxModule,
-        AXCheckBoxModule,
-        AXSelectBoxModule,
-        AXDataSourceModule,
-        AXButtonModule,
-        AXDatePickerModule, i1$2.AgGridModule], exports: [AXDataGridComponent,
-        AXDataGridFilterComponent,
-        AXDataGridRowTemplateComponent,
-        AXDataGridDetailTemplateComponent,
-        AXDataGridRowTemplateRenderer,
-        AXDataGridDetailTemplateRenderer,
-        AXDataGridCellTemplateComponent,
-        AXDataGridCellTemplateRenderer,
-        AXGridTextColumn,
-        AXGridRowNumberColumn,
-        AXGridCheckColumn,
-        AXGridDateColumn,
-        AXGridSelectionColumn,
-        AXGridCommandColumn,
-        BooleanRenderer,
-        BooleanFilterRenderer,
-        CommandRenderer] });
-AXDataGridModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXDataGridModule, providers: [], imports: [[
-            CommonModule,
-            AXCoreModule,
-            FormsModule,
-            //AgGridModule,
-            AXTextBoxModule,
-            AXCheckBoxModule,
-            AXSelectBoxModule,
-            AXDataSourceModule,
-            AXButtonModule,
-            AXDatePickerModule,
-            AgGridModule.withComponents([AXDatePickerFilterComponent])
-        ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXDataGridModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        AXDataGridComponent,
-                        AXGridTextColumn,
-                        AXGridCheckColumn,
-                        AXGridSelectionColumn,
-                        AXGridDateColumn,
-                        AXGridRowNumberColumn,
-                        AXGridCommandColumn,
-                        BooleanRenderer,
-                        BooleanFilterRenderer,
-                        TextFilterRenderer,
-                        AXDataGridFilterComponent,
-                        AXDataGridRowTemplateComponent,
-                        AXDataGridDetailTemplateComponent,
-                        AXDataGridRowTemplateRenderer,
-                        AXDataGridDetailTemplateRenderer,
-                        AXDataGridCellTemplateComponent,
-                        AXDataGridCellTemplateRenderer,
-                        AXDatePickerFilterComponent,
-                        CommandRenderer
-                    ],
-                    imports: [
-                        CommonModule,
-                        AXCoreModule,
-                        FormsModule,
-                        //AgGridModule,
-                        AXTextBoxModule,
-                        AXCheckBoxModule,
-                        AXSelectBoxModule,
-                        AXDataSourceModule,
-                        AXButtonModule,
-                        AXDatePickerModule,
-                        AgGridModule.withComponents([AXDatePickerFilterComponent])
-                    ],
-                    exports: [
-                        AXDataGridComponent,
-                        AXDataGridFilterComponent,
-                        AXDataGridRowTemplateComponent,
-                        AXDataGridDetailTemplateComponent,
-                        AXDataGridRowTemplateRenderer,
-                        AXDataGridDetailTemplateRenderer,
-                        AXDataGridCellTemplateComponent,
-                        AXDataGridCellTemplateRenderer,
-                        AXGridTextColumn,
-                        AXGridRowNumberColumn,
-                        AXGridCheckColumn,
-                        AXGridDateColumn,
-                        AXGridSelectionColumn,
-                        AXGridCommandColumn,
-                        BooleanRenderer,
-                        BooleanFilterRenderer,
-                        CommandRenderer
-                    ],
-                    providers: []
-                }]
+class AXDataGridModule {
+}
+AXDataGridModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXDataGridModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+AXDataGridModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXDataGridModule, declarations: [AXDataGridComponent,
+        AXGridTextColumn,
+        AXGridCheckColumn,
+        AXGridSelectionColumn,
+        AXGridDateColumn,
+        AXGridRowNumberColumn,
+        AXGridCommandColumn,
+        BooleanRenderer,
+        BooleanFilterRenderer,
+        TextFilterRenderer,
+        AXDataGridFilterComponent,
+        AXDataGridRowTemplateComponent,
+        AXDataGridDetailTemplateComponent,
+        AXDataGridRowTemplateRenderer,
+        AXDataGridDetailTemplateRenderer,
+        AXDataGridCellTemplateComponent,
+        AXDataGridCellTemplateRenderer,
+        AXDatePickerFilterComponent,
+        CommandRenderer], imports: [CommonModule,
+        AXCoreModule,
+        FormsModule,
+        //AgGridModule,
+        AXTextBoxModule,
+        AXCheckBoxModule,
+        AXSelectBoxModule,
+        AXDataSourceModule,
+        AXButtonModule,
+        AXDatePickerModule, i1$2.AgGridModule], exports: [AXDataGridComponent,
+        AXDataGridFilterComponent,
+        AXDataGridRowTemplateComponent,
+        AXDataGridDetailTemplateComponent,
+        AXDataGridRowTemplateRenderer,
+        AXDataGridDetailTemplateRenderer,
+        AXDataGridCellTemplateComponent,
+        AXDataGridCellTemplateRenderer,
+        AXGridTextColumn,
+        AXGridRowNumberColumn,
+        AXGridCheckColumn,
+        AXGridDateColumn,
+        AXGridSelectionColumn,
+        AXGridCommandColumn,
+        BooleanRenderer,
+        BooleanFilterRenderer,
+        CommandRenderer] });
+AXDataGridModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXDataGridModule, providers: [], imports: [[
+            CommonModule,
+            AXCoreModule,
+            FormsModule,
+            //AgGridModule,
+            AXTextBoxModule,
+            AXCheckBoxModule,
+            AXSelectBoxModule,
+            AXDataSourceModule,
+            AXButtonModule,
+            AXDatePickerModule,
+            AgGridModule.withComponents([AXDatePickerFilterComponent])
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXDataGridModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        AXDataGridComponent,
+                        AXGridTextColumn,
+                        AXGridCheckColumn,
+                        AXGridSelectionColumn,
+                        AXGridDateColumn,
+                        AXGridRowNumberColumn,
+                        AXGridCommandColumn,
+                        BooleanRenderer,
+                        BooleanFilterRenderer,
+                        TextFilterRenderer,
+                        AXDataGridFilterComponent,
+                        AXDataGridRowTemplateComponent,
+                        AXDataGridDetailTemplateComponent,
+                        AXDataGridRowTemplateRenderer,
+                        AXDataGridDetailTemplateRenderer,
+                        AXDataGridCellTemplateComponent,
+                        AXDataGridCellTemplateRenderer,
+                        AXDatePickerFilterComponent,
+                        CommandRenderer
+                    ],
+                    imports: [
+                        CommonModule,
+                        AXCoreModule,
+                        FormsModule,
+                        //AgGridModule,
+                        AXTextBoxModule,
+                        AXCheckBoxModule,
+                        AXSelectBoxModule,
+                        AXDataSourceModule,
+                        AXButtonModule,
+                        AXDatePickerModule,
+                        AgGridModule.withComponents([AXDatePickerFilterComponent])
+                    ],
+                    exports: [
+                        AXDataGridComponent,
+                        AXDataGridFilterComponent,
+                        AXDataGridRowTemplateComponent,
+                        AXDataGridDetailTemplateComponent,
+                        AXDataGridRowTemplateRenderer,
+                        AXDataGridDetailTemplateRenderer,
+                        AXDataGridCellTemplateComponent,
+                        AXDataGridCellTemplateRenderer,
+                        AXGridTextColumn,
+                        AXGridRowNumberColumn,
+                        AXGridCheckColumn,
+                        AXGridDateColumn,
+                        AXGridSelectionColumn,
+                        AXGridCommandColumn,
+                        BooleanRenderer,
+                        BooleanFilterRenderer,
+                        CommandRenderer
+                    ],
+                    providers: []
+                }]
         }] });
 
-class AXDataLovPopupComponent extends AXBasePopupPageComponent {
-    constructor(cdr, ref) {
-        super();
-        this.cdr = cdr;
-        this.ref = ref;
-        this.columns = [];
-        this.selectedItems = [];
-        this.keyField = '';
-        this.allowNull = true;
-        this.rtl = AXConfig.get('layout.rtl');
-        this.selectedRows = [];
-        this.pagination = true;
-    }
-    ngOnInit() {
-        if (this.rtl == null) {
-            this.rtl = window.getComputedStyle(this.ref.nativeElement, null).getPropertyValue('direction') === 'rtl';
-        }
-    }
-    onDoneClick() {
-        if (this.selectedItems) {
-            this.close(this.selectedItems);
-        }
-        else {
-            this.close();
-        }
-    }
-    rowDoubleClicked(e) {
-        if (this.selectionMode == 'single') {
-            this.selectedItems = [];
-        }
-        this.selectedItems = this.selectedItems.filter((c) => c[this.keyField] != e.data.data[this.keyField]);
-        this.selectedItems.push(e.data.data);
-        this.onDoneClick();
-    }
-    onCancelClick() {
-        this.close();
-    }
-    rowSelectionChange(e) {
-        if (e.data.node.selected == true) {
-            this.selectedItems = this.selectedItems.filter((c) => c[this.keyField] != e.data.node.data[this.keyField]);
-            this.selectedItems.push(e.data.node.data);
-        }
-        else {
-            if (this.allowNull == true || (this.allowNull == false && this.selectedItems.length > 1)) {
-                this.selectedItems = this.selectedItems.filter((c) => c[this.keyField] != e.data.node.data[this.keyField]);
-            }
-        }
-    }
-    ngAfterViewInit() {
-        this.selectedItems.forEach((ele) => {
-            this.selectedRows.push(ele);
-        });
-        this.searchBox.focus();
-        if (this.dataSource.onDataReceived) {
-            this.dataSource.onDataReceived.subscribe((arg) => {
-                this.cdr.markForCheck();
-                this.cdr.detectChanges();
-            });
-        }
-    }
-    // onValueSearchChanged(e) {
-    //     const params: AXDataSourceReadParams = {}
-    //     params.searchText = e.value;
-    //     // params.take = 100;
-    //     // params.skip = 0
-    //     this.dataSource.fetch(params);
-    // }
-    getFooterButtons() {
-        return [
-            {
-                text: AXTranslator.get('common.confirm'),
-                name: 'confirm',
-                style: 'ax primary',
-                icon: 'far fa-check-circle'
-            },
-            {
-                text: AXTranslator.get('common.cancel'),
-                name: 'cancel',
-                style: 'ax light',
-                icon: 'far fa-times'
-            }
-        ];
-    }
-    onFooterButtonClick(e) {
-        if (e.name === 'confirm') {
-            this.onDoneClick();
-        }
-        if (e.name === 'cancel') {
-            this.onCancelClick();
-        }
-    }
-}
-AXDataLovPopupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXDataLovPopupComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-AXDataLovPopupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", 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;\">\r\n    <div style=\"height: calc(100%);\">\r\n\r\n        <ax-data-grid [pagination]=\"pagination\" [rtl]=\"rtl\" [suppressRowClickSelection]=\"false\" [keyField]=\"keyField\"\r\n            [hasChildField]=\"hasChildField\" [selectRow]=\"selectedItems\" #grid [columns]=\"columns\"\r\n            [remoteOperation]=\"true\" [selectionMode]=\"selectionMode\" (rowDbClick)=\"rowDoubleClicked($event)\"\r\n            (rowSelectionChange)=\"rowSelectionChange($event)\" [dataSource]=\"dataSource\">\r\n            <ax-toolbar>\r\n                <ax-toolbar-search #searchBox style=\"width: 100%;\"></ax-toolbar-search>\r\n            </ax-toolbar>\r\n            <ax-selection-column *ngIf=\"selectionMode== 'single'? false : true\"></ax-selection-column>\r\n            <!-- <ax-data-source [provideData]=\"dataSource.provideData\">\r\n            </ax-data-source> -->\r\n        </ax-data-grid>\r\n    </div>\r\n</div>", components: [{ type: AXDataGridComponent, selector: "ax-data-grid", inputs: ["remoteOperation", "rowMultiSelectWithClick", "suppressRowClickSelection", "suppressCellSelection", "sizeColumnsToFit", "showCheckBox", "floatingFilter", "selectionMode", "pagination", "selectRow", "rowGroupPanelShow", "loadOnInit", "keyField", "hasChildField", "searchText", "filter", "columns", "rowHeight", "dataSource", "groupHideOpenParents", "rowClass", "rtl"], outputs: ["columnsChange", "cellClick", "cellDbClick", "cellFocuse", "rowClick", "rowDbClick", "selectionChanged", "rowSelectionChange", "onRowSelectionChanged"] }, { type: i1$1.AXToolbarComponent, selector: "ax-toolbar" }, { type: i1$1.AXToolbarSearchComponent, selector: "ax-toolbar-search", inputs: ["text"], outputs: ["onValueChanged"] }, { type: AXGridSelectionColumn, selector: "ax-selection-column", inputs: ["condition", "pinned", "width"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXDataLovPopupComponent, decorators: [{
-            type: Component,
-            args: [{ template: "<div style=\"height: 70vh; padding: 0.5em;\">\r\n    <div style=\"height: calc(100%);\">\r\n\r\n        <ax-data-grid [pagination]=\"pagination\" [rtl]=\"rtl\" [suppressRowClickSelection]=\"false\" [keyField]=\"keyField\"\r\n            [hasChildField]=\"hasChildField\" [selectRow]=\"selectedItems\" #grid [columns]=\"columns\"\r\n            [remoteOperation]=\"true\" [selectionMode]=\"selectionMode\" (rowDbClick)=\"rowDoubleClicked($event)\"\r\n            (rowSelectionChange)=\"rowSelectionChange($event)\" [dataSource]=\"dataSource\">\r\n            <ax-toolbar>\r\n                <ax-toolbar-search #searchBox style=\"width: 100%;\"></ax-toolbar-search>\r\n            </ax-toolbar>\r\n            <ax-selection-column *ngIf=\"selectionMode== 'single'? false : true\"></ax-selection-column>\r\n            <!-- <ax-data-source [provideData]=\"dataSource.provideData\">\r\n            </ax-data-source> -->\r\n        </ax-data-grid>\r\n    </div>\r\n</div>" }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }]; }, propDecorators: { grid: [{
-                type: ViewChild,
-                args: ['grid', { static: true }]
-            }], searchBox: [{
-                type: ViewChild,
-                args: ['searchBox']
+class AXDataLovPopupComponent extends AXBasePopupPageComponent {
+    constructor(cdr, ref) {
+        super();
+        this.cdr = cdr;
+        this.ref = ref;
+        this.columns = [];
+        this.selectedItems = [];
+        this.keyField = '';
+        this.allowNull = true;
+        this.rtl = AXConfig.get('layout.rtl');
+        this.selectedRows = [];
+        this.pagination = true;
+    }
+    ngOnInit() {
+        if (this.rtl == null) {
+            this.rtl = window.getComputedStyle(this.ref.nativeElement, null).getPropertyValue('direction') === 'rtl';
+        }
+    }
+    onDoneClick() {
+        if (this.selectedItems) {
+            this.close(this.selectedItems);
+        }
+        else {
+            this.close();
+        }
+    }
+    rowDoubleClicked(e) {
+        if (this.selectionMode == 'single') {
+            this.selectedItems = [];
+        }
+        this.selectedItems = this.selectedItems.filter((c) => c[this.keyField] != e.data.data[this.keyField]);
+        this.selectedItems.push(e.data.data);
+        this.onDoneClick();
+    }
+    onCancelClick() {
+        this.close();
+    }
+    rowSelectionChange(e) {
+        if (e.data.node.selected == true) {
+            this.selectedItems = this.selectedItems.filter((c) => c[this.keyField] != e.data.node.data[this.keyField]);
+            this.selectedItems.push(e.data.node.data);
+        }
+        else {
+            if (this.allowNull == true || (this.allowNull == false && this.selectedItems.length > 1)) {
+                this.selectedItems = this.selectedItems.filter((c) => c[this.keyField] != e.data.node.data[this.keyField]);
+            }
+        }
+    }
+    ngAfterViewInit() {
+        this.selectedItems.forEach((ele) => {
+            this.selectedRows.push(ele);
+        });
+        this.searchBox.focus();
+        if (this.dataSource.onDataReceived) {
+            this.dataSource.onDataReceived.subscribe((arg) => {
+                this.cdr.markForCheck();
+                this.cdr.detectChanges();
+            });
+        }
+    }
+    // onValueSearchChanged(e) {
+    //     const params: AXDataSourceReadParams = {}
+    //     params.searchText = e.value;
+    //     // params.take = 100;
+    //     // params.skip = 0
+    //     this.dataSource.fetch(params);
+    // }
+    getFooterButtons() {
+        return [
+            {
+                text: AXTranslator.get('common.confirm'),
+                name: 'confirm',
+                style: 'ax primary',
+                icon: 'far fa-check-circle'
+            },
+            {
+                text: AXTranslator.get('common.cancel'),
+                name: 'cancel',
+                style: 'ax light',
+                icon: 'far fa-times'
+            }
+        ];
+    }
+    onFooterButtonClick(e) {
+        if (e.name === 'confirm') {
+            this.onDoneClick();
+        }
+        if (e.name === 'cancel') {
+            this.onCancelClick();
+        }
+    }
+}
+AXDataLovPopupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXDataLovPopupComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+AXDataLovPopupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", 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(100%);\">\n\n        <ax-data-grid [pagination]=\"pagination\" [rtl]=\"rtl\" [suppressRowClickSelection]=\"false\" [keyField]=\"keyField\"\n            [hasChildField]=\"hasChildField\" [selectRow]=\"selectedItems\" #grid [columns]=\"columns\"\n            [remoteOperation]=\"true\" [selectionMode]=\"selectionMode\" (rowDbClick)=\"rowDoubleClicked($event)\"\n            (rowSelectionChange)=\"rowSelectionChange($event)\" [dataSource]=\"dataSource\">\n            <ax-toolbar>\n                <ax-toolbar-search #searchBox style=\"width: 100%;\"></ax-toolbar-search>\n            </ax-toolbar>\n            <ax-selection-column *ngIf=\"selectionMode== 'single'? false : true\"></ax-selection-column>\n            <!-- <ax-data-source [provideData]=\"dataSource.provideData\">\n            </ax-data-source> -->\n        </ax-data-grid>\n    </div>\n</div>", components: [{ type: AXDataGridComponent, selector: "ax-data-grid", inputs: ["remoteOperation", "rowMultiSelectWithClick", "suppressRowClickSelection", "suppressCellSelection", "sizeColumnsToFit", "showCheckBox", "floatingFilter", "selectionMode", "pagination", "selectRow", "rowGroupPanelShow", "loadOnInit", "keyField", "hasChildField", "searchText", "filter", "columns", "rowHeight", "dataSource", "groupHideOpenParents", "rowClass", "rtl"], outputs: ["columnsChange", "cellClick", "cellDbClick", "cellFocuse", "rowClick", "rowDbClick", "selectionChanged", "rowSelectionChange", "onRowSelectionChanged"] }, { type: i1$1.AXToolbarComponent, selector: "ax-toolbar" }, { type: i1$1.AXToolbarSearchComponent, selector: "ax-toolbar-search", inputs: ["text"], outputs: ["onValueChanged"] }, { type: AXGridSelectionColumn, selector: "ax-selection-column", inputs: ["condition", "pinned", "width"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXDataLovPopupComponent, decorators: [{
+            type: Component,
+            args: [{ template: "<div style=\"height: 70vh; padding: 0.5em;\">\n    <div style=\"height: calc(100%);\">\n\n        <ax-data-grid [pagination]=\"pagination\" [rtl]=\"rtl\" [suppressRowClickSelection]=\"false\" [keyField]=\"keyField\"\n            [hasChildField]=\"hasChildField\" [selectRow]=\"selectedItems\" #grid [columns]=\"columns\"\n            [remoteOperation]=\"true\" [selectionMode]=\"selectionMode\" (rowDbClick)=\"rowDoubleClicked($event)\"\n            (rowSelectionChange)=\"rowSelectionChange($event)\" [dataSource]=\"dataSource\">\n            <ax-toolbar>\n                <ax-toolbar-search #searchBox style=\"width: 100%;\"></ax-toolbar-search>\n            </ax-toolbar>\n            <ax-selection-column *ngIf=\"selectionMode== 'single'? false : true\"></ax-selection-column>\n            <!-- <ax-data-source [provideData]=\"dataSource.provideData\">\n            </ax-data-source> -->\n        </ax-data-grid>\n    </div>\n</div>" }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }]; }, propDecorators: { grid: [{
+                type: ViewChild,
+                args: ['grid', { static: true }]
+            }], searchBox: [{
+                type: ViewChild,
+                args: ['searchBox']
             }] } });
 
-class AXLOVComponent extends AXValidatableComponent {
-    constructor(popup, ref) {
-        super();
-        this.popup = popup;
-        this.ref = ref;
-        this.textField = '';
-        this.allowSearch = true;
-        this.valueField = '';
-        this.hasChildField = 'null';
-        this.allowNull = true;
-        this.popupSize = 'md';
-        this.pagination = true;
-        this.selectedItems = [];
-        // @Input()
-        // selectedValues: any[] = [];
-        this.readonly = false;
-        this.disabled = false;
-        this.chipsWidth = '';
-        this.size = 'md';
-        this.mode = 'single';
-        this.onSelectionChange = new EventEmitter();
-        this.rtl = AXConfig.get('layout.rtl');
-    }
-    get validation() {
-        return this._validation ? this._validation : this._contentValidation;
-    }
-    set validation(v) {
-        this._validation = v;
-    }
-    focus() {
-        this.selectBox.focus();
-    }
-    refresh() {
-        this.selectBox.refresh();
-    }
-    handleButtonClick() {
-        this.open();
-    }
-    ngOnInit() {
-        if (this.rtl == null) {
-            this.rtl = window.getComputedStyle(this.ref.nativeElement, null).getPropertyValue('direction') === 'rtl';
-        }
-        //  this.selectVal = this.selectedValues;
-        this.onSelectionChange.subscribe((c) => {
-            this.clearValidationStyle(this.ref.nativeElement);
-        });
-    }
-    ngAfterContentInit() {
-        this.initValidation(this.ref, 'selectedItems', this.validation);
-    }
-    handleSelectChange(e) {
-        this.onSelectionChange.emit({ data: this.selectedItems, component: this, htmlElement: this.ref.nativeElement });
-    }
-    open() {
-        return new Promise((resolve) => {
-            this.selectBox.dropdown.close();
-            this.popup
-                .open(AXDataLovPopupComponent, {
-                size: this.popupSize,
-                //   closable: false,
-                data: {
-                    dataSource: this.dataSource,
-                    selectionMode: this.mode,
-                    columns: this.columns.toArray(),
-                    //  selectedItems: this.selectedValues,
-                    selectedItems: this.selectedItems,
-                    keyField: this.valueField,
-                    allowNull: this.allowNull,
-                    hasChildField: this.hasChildField,
-                    rtl: this.rtl,
-                    pagination: this.pagination
-                },
-                title: this.caption
-                // size: this.size,
-            })
-                .then((c) => {
-                if (c.data) {
-                    // this.selectedValues = [];
-                    this.selectedItems = [];
-                    c.data.forEach((elm) => {
-                        this.selectedItems.push(elm);
-                    });
-                    //  this.selectedItems = c.data;
-                    //  this.selectBox.refresh();
-                    this.onSelectionChange.emit({ data: this.selectedItems, component: this, htmlElement: this.ref.nativeElement });
-                    if (resolve) {
-                        resolve(c.data);
-                    }
-                }
-                else {
-                    if (resolve) {
-                        resolve(this.selectedItems);
-                    }
-                }
-                this.selectBox.refresh();
-            });
-        });
-    }
-}
-AXLOVComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXLOVComponent, deps: [{ token: i1$1.AXPopupService }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-AXLOVComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: AXLOVComponent, selector: "ax-lov", inputs: { validation: "validation", textField: "textField", allowSearch: "allowSearch", valueField: "valueField", hasChildField: "hasChildField", allowNull: "allowNull", popupSize: "popupSize", pagination: "pagination", selectedItems: "selectedItems", readonly: "readonly", disabled: "disabled", chipsWidth: "chipsWidth", size: "size", caption: "caption", mode: "mode", placeholder: "placeholder", rtl: "rtl" }, 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 [rowInputTemplate]=\"rowTemplate\" [rtl]=\"rtl\" [allowSearch]=\"allowSearch\" #selectBox [showDropDownButton]=\"false\" [allowNull]=\"allowNull\"\r\n    [remoteOperation]=\"true\" [placeholder]=\"placeholder\" [size]=\"size\" [textField]=\"textField\" [valueField]=\"valueField\"\r\n    [disabled]=\"disabled\" [mode]=\"mode\" [(selectedItems)]=\"selectedItems\"\r\n    (selectionChanged)=\"handleSelectChange($event)\" [dataSource]=\"dataSource\">\r\n    <ng-container start>\r\n        <ng-content select=\"[start]\">\r\n        </ng-content>\r\n    </ng-container>\r\n    <ng-container end>\r\n        <ax-button icon=\"far fa-bars icon\" [disabled]=\"disabled\" type=\"light blank\" (click)=\"handleButtonClick()\" end\r\n            [tabIndex]=\"-1\">\r\n        </ax-button>\r\n        <ng-content select=\"[end]\">\r\n        </ng-content>\r\n    </ng-container>\r\n</ax-select-box>\r\n\r\n\r\n<!-- <ax-select-box2 [rtl]=\"rtl\" [allowSearch]=\"allowSearch\" #selectBox [showDropDownButton]=\"false\" [allowNull]=\"allowNull\"\r\n    [remoteOperation]=\"true\" [placeholder]=\"placeholder\" [size]=\"size\" [textField]=\"textField\" [valueField]=\"valueField\"\r\n    [disabled]=\"disabled\" [selectionMode]=\"mode\" (onValueChanged)=\"handleSelectChange($event)\" [dataSource]=\"dataSource\"\r\n    [(value)]=\"selectedItems\" selectionDataMode=\"item\">\r\n    <ng-container start>\r\n        <ng-content select=\"[start]\">\r\n        </ng-content>\r\n    </ng-container>\r\n    <ng-container end>\r\n        <ax-button icon=\"far fa-bars icon\" [disabled]=\"disabled\" type=\"primary blank\" (click)=\"handleButtonClick()\" end\r\n            [tabIndex]=\"-1\">\r\n        </ax-button>\r\n        <ng-content select=\"[end]\">\r\n        </ng-content>\r\n    </ng-container>\r\n</ax-select-box2> -->\r\n\r\n\r\n<!-- <div class=\"ax-lov-box\" [style.display]=\"mode=='hidden' ? 'none':'unset'\">\r\n    <div class=\"ax-field-set\">\r\n        <div class=\"ax-field-set-wrapper\" [ngClass]=\"{ 'no-label': !label }\">\r\n            <fieldset [ngClass]=\"{ 'input-focused': isFocused, 'input-error': errorText }\">\r\n                <legend *ngIf=\"label\">\r\n                    {{ label }}\r\n                </legend>\r\n            </fieldset>\r\n            <input type=\"text\" [(ngModel)]=\"text\" [placeholder]=\"placeholder\" (keyup)=\"handleKeyEvent($event)\"\r\n                (blur)=\"handleBlurEvent($event)\" (focus)=\"handleFocusEvent($event)\" class=\"ax-text-box\" disabled />\r\n            <div class=\"ax-field-set-button\">\r\n                <button *ngIf=\"text && allowClear\" type=\"button\" class=\"btn btn-light\" (click)=\"clearText()\">\r\n                    <i class=\"far fa-times\"></i>\r\n                </button>\r\n                <button type=\"button\" class=\" btn btn-primary\" (click)=\"handleButtonClick($event)\">\r\n                    <i class=\"far fa-check-circle\"></i>\r\n                </button>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div class=\"validation-text\" *ngIf=\"errorText\">\r\n        {{ errorText }}\r\n    </div>\r\n\r\n</div> -->", components: [{ type: i1$1.AXSelectBoxComponent, selector: "ax-select-box", inputs: ["showDropDownButton", "rowInputTemplate", "showCheckBox", "readonly", "rtl", "disabled", "placeholder", "size", "allowNull", "textAlign", "bufferSize", "remoteOperation", "fitParent", "dropdownWidth", "dataSource", "validation", "disabledCallback", "allowSearch", "textField", "valueField", "disabledField", "mode", "items", "selectedItems", "selectedValues"], outputs: ["dropdownToggle", "itemsChange", "onBlur", "onFocus", "selectionChanged", "selectedItemsChange", "selectedValuesChange"] }, { type: i1$1.AXButtonComponent, selector: "ax-button", inputs: ["type", "icon", "submitBehavior", "cancelBehavior", "block", "loading", "selected"] }], encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", 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 [rowInputTemplate]=\"rowTemplate\" [rtl]=\"rtl\" [allowSearch]=\"allowSearch\" #selectBox [showDropDownButton]=\"false\" [allowNull]=\"allowNull\"\r\n    [remoteOperation]=\"true\" [placeholder]=\"placeholder\" [size]=\"size\" [textField]=\"textField\" [valueField]=\"valueField\"\r\n    [disabled]=\"disabled\" [mode]=\"mode\" [(selectedItems)]=\"selectedItems\"\r\n    (selectionChanged)=\"handleSelectChange($event)\" [dataSource]=\"dataSource\">\r\n    <ng-container start>\r\n        <ng-content select=\"[start]\">\r\n        </ng-content>\r\n    </ng-container>\r\n    <ng-container end>\r\n        <ax-button icon=\"far fa-bars icon\" [disabled]=\"disabled\" type=\"light blank\" (click)=\"handleButtonClick()\" end\r\n            [tabIndex]=\"-1\">\r\n        </ax-button>\r\n        <ng-content select=\"[end]\">\r\n        </ng-content>\r\n    </ng-container>\r\n</ax-select-box>\r\n\r\n\r\n<!-- <ax-select-box2 [rtl]=\"rtl\" [allowSearch]=\"allowSearch\" #selectBox [showDropDownButton]=\"false\" [allowNull]=\"allowNull\"\r\n    [remoteOperation]=\"true\" [placeholder]=\"placeholder\" [size]=\"size\" [textField]=\"textField\" [valueField]=\"valueField\"\r\n    [disabled]=\"disabled\" [selectionMode]=\"mode\" (onValueChanged)=\"handleSelectChange($event)\" [dataSource]=\"dataSource\"\r\n    [(value)]=\"selectedItems\" selectionDataMode=\"item\">\r\n    <ng-container start>\r\n        <ng-content select=\"[start]\">\r\n        </ng-content>\r\n    </ng-container>\r\n    <ng-container end>\r\n        <ax-button icon=\"far fa-bars icon\" [disabled]=\"disabled\" type=\"primary blank\" (click)=\"handleButtonClick()\" end\r\n            [tabIndex]=\"-1\">\r\n        </ax-button>\r\n        <ng-content select=\"[end]\">\r\n        </ng-content>\r\n    </ng-container>\r\n</ax-select-box2> -->\r\n\r\n\r\n<!-- <div class=\"ax-lov-box\" [style.display]=\"mode=='hidden' ? 'none':'unset'\">\r\n    <div class=\"ax-field-set\">\r\n        <div class=\"ax-field-set-wrapper\" [ngClass]=\"{ 'no-label': !label }\">\r\n            <fieldset [ngClass]=\"{ 'input-focused': isFocused, 'input-error': errorText }\">\r\n                <legend *ngIf=\"label\">\r\n                    {{ label }}\r\n                </legend>\r\n            </fieldset>\r\n            <input type=\"text\" [(ngModel)]=\"text\" [placeholder]=\"placeholder\" (keyup)=\"handleKeyEvent($event)\"\r\n                (blur)=\"handleBlurEvent($event)\" (focus)=\"handleFocusEvent($event)\" class=\"ax-text-box\" disabled />\r\n            <div class=\"ax-field-set-button\">\r\n                <button *ngIf=\"text && allowClear\" type=\"button\" class=\"btn btn-light\" (click)=\"clearText()\">\r\n                    <i class=\"far fa-times\"></i>\r\n                </button>\r\n                <button type=\"button\" class=\" btn btn-primary\" (click)=\"handleButtonClick($event)\">\r\n                    <i class=\"far fa-check-circle\"></i>\r\n                </button>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div class=\"validation-text\" *ngIf=\"errorText\">\r\n        {{ errorText }}\r\n    </div>\r\n\r\n</div> -->" }]
-        }], ctorParameters: function () { return [{ type: i1$1.AXPopupService }, { type: i0.ElementRef }]; }, propDecorators: { _contentValidation: [{
-                type: ContentChild,
-                args: [AXValidation, { static: true }]
-            }], validation: [{
-                type: Input
-            }], selectBox: [{
-                type: ViewChild,
-                args: ['selectBox', { static: true }]
-            }], dataSource: [{
-                type: ContentChild,
-                args: [AXDataSourceComponent, { static: true }]
-            }], columns: [{
-                type: ContentChildren,
-                args: [AXGridDataColumn]
-            }], rowTemplate: [{
-                type: ContentChild,
-                args: ['itemTemplate', { static: true }]
-            }], textField: [{
-                type: Input
-            }], allowSearch: [{
-                type: Input
-            }], valueField: [{
-                type: Input
-            }], hasChildField: [{
-                type: Input
-            }], allowNull: [{
-                type: Input
-            }], popupSize: [{
-                type: Input
-            }], pagination: [{
-                type: Input
-            }], selectedItems: [{
-                type: Input
-            }], readonly: [{
-                type: Input
-            }], disabled: [{
-                type: Input
-            }], chipsWidth: [{
-                type: Input
-            }], size: [{
-                type: Input
-            }], caption: [{
-                type: Input
-            }], mode: [{
-                type: Input
-            }], placeholder: [{
-                type: Input
-            }], onSelectionChange: [{
-                type: Output
-            }], rtl: [{
-                type: Input
+class AXLOVComponent extends AXValidatableComponent {
+    constructor(popup, ref) {
+        super();
+        this.popup = popup;
+        this.ref = ref;
+        this.textField = '';
+        this.allowSearch = true;
+        this.valueField = '';
+        this.hasChildField = 'null';
+        this.allowNull = true;
+        this.popupSize = 'md';
+        this.pagination = true;
+        this.selectedItems = [];
+        // @Input()
+        // selectedValues: any[] = [];
+        this.readonly = false;
+        this.disabled = false;
+        this.chipsWidth = '';
+        this.size = 'md';
+        this.mode = 'single';
+        this.onSelectionChange = new EventEmitter();
+        this.rtl = AXConfig.get('layout.rtl');
+    }
+    get validation() {
+        return this._validation ? this._validation : this._contentValidation;
+    }
+    set validation(v) {
+        this._validation = v;
+    }
+    focus() {
+        this.selectBox.focus();
+    }
+    refresh() {
+        this.selectBox.refresh();
+    }
+    handleButtonClick() {
+        this.open();
+    }
+    ngOnInit() {
+        if (this.rtl == null) {
+            this.rtl = window.getComputedStyle(this.ref.nativeElement, null).getPropertyValue('direction') === 'rtl';
+        }
+        //  this.selectVal = this.selectedValues;
+        this.onSelectionChange.subscribe((c) => {
+            this.clearValidationStyle(this.ref.nativeElement);
+        });
+    }
+    ngAfterContentInit() {
+        this.initValidation(this.ref, 'selectedItems', this.validation);
+    }
+    handleSelectChange(e) {
+        this.onSelectionChange.emit({ data: this.selectedItems, component: this, htmlElement: this.ref.nativeElement });
+    }
+    open() {
+        return new Promise((resolve) => {
+            this.selectBox.dropdown.close();
+            this.popup
+                .open(AXDataLovPopupComponent, {
+                size: this.popupSize,
+                //   closable: false,
+                data: {
+                    dataSource: this.dataSource,
+                    selectionMode: this.mode,
+                    columns: this.columns.toArray(),
+                    //  selectedItems: this.selectedValues,
+                    selectedItems: this.selectedItems,
+                    keyField: this.valueField,
+                    allowNull: this.allowNull,
+                    hasChildField: this.hasChildField,
+                    rtl: this.rtl,
+                    pagination: this.pagination
+                },
+                title: this.caption
+                // size: this.size,
+            })
+                .then((c) => {
+                if (c.data) {
+                    // this.selectedValues = [];
+                    this.selectedItems = [];
+                    c.data.forEach((elm) => {
+                        this.selectedItems.push(elm);
+                    });
+                    //  this.selectedItems = c.data;
+                    //  this.selectBox.refresh();
+                    this.onSelectionChange.emit({ data: this.selectedItems, component: this, htmlElement: this.ref.nativeElement });
+                    if (resolve) {
+                        resolve(c.data);
+                    }
+                }
+                else {
+                    if (resolve) {
+                        resolve(this.selectedItems);
+                    }
+                }
+                this.selectBox.refresh();
+            });
+        });
+    }
+}
+AXLOVComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXLOVComponent, deps: [{ token: i1$1.AXPopupService }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+AXLOVComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: AXLOVComponent, selector: "ax-lov", inputs: { validation: "validation", textField: "textField", allowSearch: "allowSearch", valueField: "valueField", hasChildField: "hasChildField", allowNull: "allowNull", popupSize: "popupSize", pagination: "pagination", selectedItems: "selectedItems", readonly: "readonly", disabled: "disabled", chipsWidth: "chipsWidth", size: "size", caption: "caption", mode: "mode", placeholder: "placeholder", rtl: "rtl" }, 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 [rowInputTemplate]=\"rowTemplate\" [rtl]=\"rtl\" [allowSearch]=\"allowSearch\" #selectBox [showDropDownButton]=\"false\" [allowNull]=\"allowNull\"\n    [remoteOperation]=\"true\" [placeholder]=\"placeholder\" [size]=\"size\" [textField]=\"textField\" [valueField]=\"valueField\"\n    [disabled]=\"disabled\" [mode]=\"mode\" [(selectedItems)]=\"selectedItems\"\n    (selectionChanged)=\"handleSelectChange($event)\" [dataSource]=\"dataSource\">\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=\"light blank\" (click)=\"handleButtonClick()\" end\n            [tabIndex]=\"-1\">\n        </ax-button>\n        <ng-content select=\"[end]\">\n        </ng-content>\n    </ng-container>\n</ax-select-box>\n\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\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> -->", components: [{ type: i1$1.AXSelectBoxComponent, selector: "ax-select-box", inputs: ["showDropDownButton", "rowInputTemplate", "showCheckBox", "readonly", "rtl", "disabled", "placeholder", "size", "allowNull", "textAlign", "bufferSize", "remoteOperation", "fitParent", "dropdownWidth", "dataSource", "validation", "disabledCallback", "allowSearch", "textField", "valueField", "disabledField", "mode", "items", "selectedItems", "selectedValues"], outputs: ["dropdownToggle", "itemsChange", "onBlur", "onFocus", "selectionChanged", "selectedItemsChange", "selectedValuesChange"] }, { type: i1$1.AXButtonComponent, selector: "ax-button", inputs: ["type", "icon", "submitBehavior", "cancelBehavior", "block", "loading", "selected"] }], encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", 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 [rowInputTemplate]=\"rowTemplate\" [rtl]=\"rtl\" [allowSearch]=\"allowSearch\" #selectBox [showDropDownButton]=\"false\" [allowNull]=\"allowNull\"\n    [remoteOperation]=\"true\" [placeholder]=\"placeholder\" [size]=\"size\" [textField]=\"textField\" [valueField]=\"valueField\"\n    [disabled]=\"disabled\" [mode]=\"mode\" [(selectedItems)]=\"selectedItems\"\n    (selectionChanged)=\"handleSelectChange($event)\" [dataSource]=\"dataSource\">\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=\"light blank\" (click)=\"handleButtonClick()\" end\n            [tabIndex]=\"-1\">\n        </ax-button>\n        <ng-content select=\"[end]\">\n        </ng-content>\n    </ng-container>\n</ax-select-box>\n\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\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> -->" }]
+        }], ctorParameters: function () { return [{ type: i1$1.AXPopupService }, { type: i0.ElementRef }]; }, propDecorators: { _contentValidation: [{
+                type: ContentChild,
+                args: [AXValidation, { static: true }]
+            }], validation: [{
+                type: Input
+            }], selectBox: [{
+                type: ViewChild,
+                args: ['selectBox', { static: true }]
+            }], dataSource: [{
+                type: ContentChild,
+                args: [AXDataSourceComponent, { static: true }]
+            }], columns: [{
+                type: ContentChildren,
+                args: [AXGridDataColumn]
+            }], rowTemplate: [{
+                type: ContentChild,
+                args: ['itemTemplate', { static: true }]
+            }], textField: [{
+                type: Input
+            }], allowSearch: [{
+                type: Input
+            }], valueField: [{
+                type: Input
+            }], hasChildField: [{
+                type: Input
+            }], allowNull: [{
+                type: Input
+            }], popupSize: [{
+                type: Input
+            }], pagination: [{
+                type: Input
+            }], selectedItems: [{
+                type: Input
+            }], readonly: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], chipsWidth: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], caption: [{
+                type: Input
+            }], mode: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }], onSelectionChange: [{
+                type: Output
+            }], rtl: [{
+                type: Input
             }] } });
 
-class AXLOVModule {
-}
-AXLOVModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXLOVModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-AXLOVModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXLOVModule, declarations: [AXLOVComponent, AXDataLovPopupComponent], imports: [CommonModule, FormsModule, AXDataGridModule, AXDataSourceModule, AXButtonModule, AXToolbarModule, AXSelectBoxModule, AXSearchBoxModule], exports: [AXLOVComponent, AXDataLovPopupComponent] });
-AXLOVModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXLOVModule, providers: [], imports: [[CommonModule, FormsModule, AXDataGridModule, AXDataSourceModule, AXButtonModule, AXToolbarModule, AXSelectBoxModule, AXSearchBoxModule]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXLOVModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [AXLOVComponent, AXDataLovPopupComponent],
-                    imports: [CommonModule, FormsModule, AXDataGridModule, AXDataSourceModule, AXButtonModule, AXToolbarModule, AXSelectBoxModule, AXSearchBoxModule],
-                    exports: [AXLOVComponent, AXDataLovPopupComponent],
-                    providers: []
-                }]
+class AXLOVModule {
+}
+AXLOVModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXLOVModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+AXLOVModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXLOVModule, declarations: [AXLOVComponent, AXDataLovPopupComponent], imports: [CommonModule, FormsModule, AXDataGridModule, AXDataSourceModule, AXButtonModule, AXToolbarModule, AXSelectBoxModule, AXSearchBoxModule], exports: [AXLOVComponent, AXDataLovPopupComponent] });
+AXLOVModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXLOVModule, providers: [], imports: [[CommonModule, FormsModule, AXDataGridModule, AXDataSourceModule, AXButtonModule, AXToolbarModule, AXSelectBoxModule, AXSearchBoxModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXLOVModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [AXLOVComponent, AXDataLovPopupComponent],
+                    imports: [CommonModule, FormsModule, AXDataGridModule, AXDataSourceModule, AXButtonModule, AXToolbarModule, AXSelectBoxModule, AXSearchBoxModule],
+                    exports: [AXLOVComponent, AXDataLovPopupComponent],
+                    providers: []
+                }]
         }] });
 
-/**
- * Generated bundle index. Do not edit.
+/**
+ * Generated bundle index. Do not edit.
  */
 
 export { AXDaagridRowClickEvent, AXDataGridCellEvent, AXDataGridCellTemplateComponent, AXDataGridCellTemplateRenderer, AXDataGridColumnsChangeEvent, AXDataGridComponent, AXDataGridDetailTemplateComponent, AXDataGridDetailTemplateRenderer, AXDataGridFilterComponent, AXDataGridModule, AXDataGridRowSelectionChangeEvent, AXDataGridRowTemplateComponent, AXDataGridRowTemplateRenderer, AXDataGridSelectionChangeEvent, AXDataLovPopupComponent, AXDatePickerFilterComponent, AXGridCheckColumn, AXGridCommandColumn, AXGridDataColumn, AXGridDateColumn, AXGridRowNumberColumn, AXGridSelectionColumn, AXGridTextColumn, AXLOVComponent, AXLOVModule, BooleanFilterRenderer, BooleanRenderer, CommandRenderer, TextFilterRenderer };