@acorex/data-grid 3.0.25 → 3.0.26

package/bundles/acorex-data-grid.umd.js

@@ -223,1969 +223,1969 @@
         return value;
     }
 
-    var AXDataGridCellTemplateComponent = /** @class */ (function () {
-        function AXDataGridCellTemplateComponent() {
-            this.renderer = AXDataGridCellTemplateRenderer;
-        }
-        AXDataGridCellTemplateComponent.prototype.ngOnInit = function () {
-            this.params = {
-                templateRef: this.templateRef
-            };
-        };
-        __decorate([
-            core.ContentChild(core.TemplateRef, { static: true }),
-            __metadata("design:type", core.TemplateRef)
-        ], AXDataGridCellTemplateComponent.prototype, "templateRef", void 0);
-        AXDataGridCellTemplateComponent = __decorate([
-            core.Component({
-                selector: 'ax-cell-template',
-                template: "<ng-content></ng-content>\n   "
-            }),
-            __metadata("design:paramtypes", [])
-        ], AXDataGridCellTemplateComponent);
-        return AXDataGridCellTemplateComponent;
-    }());
-    var AXDataGridCellTemplateRenderer = /** @class */ (function () {
-        function AXDataGridCellTemplateRenderer() {
-        }
-        AXDataGridCellTemplateRenderer.prototype.agInit = function (params) {
-            this.rowData = params.data;
-            this.templateRef = params.templateRef;
-        };
-        AXDataGridCellTemplateRenderer.prototype.refresh = function (params) {
-            this.rowData = params.data;
-            return true;
-        };
-        AXDataGridCellTemplateRenderer = __decorate([
-            core.Component({
-                template: "\n        <ng-container *ngTemplateOutlet='templateRef; context: { $implicit: rowData }'>\n        </ng-container>\n    "
-            }),
-            __metadata("design:paramtypes", [])
-        ], AXDataGridCellTemplateRenderer);
-        return AXDataGridCellTemplateRenderer;
+    var AXDataGridCellTemplateComponent = /** @class */ (function () {
+        function AXDataGridCellTemplateComponent() {
+            this.renderer = AXDataGridCellTemplateRenderer;
+        }
+        AXDataGridCellTemplateComponent.prototype.ngOnInit = function () {
+            this.params = {
+                templateRef: this.templateRef
+            };
+        };
+        __decorate([
+            core.ContentChild(core.TemplateRef, { static: true }),
+            __metadata("design:type", core.TemplateRef)
+        ], AXDataGridCellTemplateComponent.prototype, "templateRef", void 0);
+        AXDataGridCellTemplateComponent = __decorate([
+            core.Component({
+                selector: 'ax-cell-template',
+                template: "<ng-content></ng-content>\n   "
+            }),
+            __metadata("design:paramtypes", [])
+        ], AXDataGridCellTemplateComponent);
+        return AXDataGridCellTemplateComponent;
+    }());
+    var AXDataGridCellTemplateRenderer = /** @class */ (function () {
+        function AXDataGridCellTemplateRenderer() {
+        }
+        AXDataGridCellTemplateRenderer.prototype.agInit = function (params) {
+            this.rowData = params.data;
+            this.templateRef = params.templateRef;
+        };
+        AXDataGridCellTemplateRenderer.prototype.refresh = function (params) {
+            this.rowData = params.data;
+            return true;
+        };
+        AXDataGridCellTemplateRenderer = __decorate([
+            core.Component({
+                template: "\n        <ng-container *ngTemplateOutlet='templateRef; context: { $implicit: rowData }'>\n        </ng-container>\n    "
+            }),
+            __metadata("design:paramtypes", [])
+        ], AXDataGridCellTemplateRenderer);
+        return AXDataGridCellTemplateRenderer;
     }());
 
-    var AXGridDataColumn = /** @class */ (function () {
-        function AXGridDataColumn() {
-            this.width = 100;
-            this.pinned = null;
-            this.allowSorting = true;
-            this.allowFiltering = core$1.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 = core$1.AXConfig.get('datagrid.floatingFilter') || false;
-            this.disableMenu = false;
-            this.resizable = true;
-            this.menuColumnDisable = false;
-            this.menuItemDisable = false;
-        }
-        ;
-        AXGridDataColumn.prototype.render = function () {
-            var 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(function (c) { return c != 'filterMenuTab'; });
-                col.floatingFilter = false;
-            }
-            if (this.menuColumnDisable == true) {
-                col.menuTabs = col.menuTabs.filter(function (c) { return c != 'columnsMenuTab'; });
-            }
-            if (this.menuItemDisable == true) {
-                col.menuTabs = col.menuTabs.filter(function (c) { return 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) {
-                var THAT_1 = this;
-                if (this.cellClass instanceof Function) {
-                    col.cellClass = function (p) {
-                        return THAT_1.cellClass({
-                            column: THAT_1,
-                            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 = function (params) {
-                    return true;
-                };
-                //  col.headerCheckboxSelection = this.headerCheckbox;
-            }
-            return col;
-        };
-        __decorate([
-            core.ContentChild(AXDataGridCellTemplateComponent),
-            __metadata("design:type", AXDataGridCellTemplateComponent)
-        ], AXGridDataColumn.prototype, "cellTemplate", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Number)
-        ], AXGridDataColumn.prototype, "width", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Number)
-        ], AXGridDataColumn.prototype, "maxWidth", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Number)
-        ], AXGridDataColumn.prototype, "minWidth", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", String)
-        ], AXGridDataColumn.prototype, "pinned", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Boolean)
-        ], AXGridDataColumn.prototype, "allowSorting", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Boolean)
-        ], AXGridDataColumn.prototype, "allowFiltering", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Function)
-        ], AXGridDataColumn.prototype, "cellClass", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", String)
-        ], AXGridDataColumn.prototype, "sort", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", String)
-        ], AXGridDataColumn.prototype, "field", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", String)
-        ], AXGridDataColumn.prototype, "caption", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object)
-        ], AXGridDataColumn.prototype, "cellRendererParams", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Boolean)
-        ], AXGridDataColumn.prototype, "checkbox", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Boolean)
-        ], AXGridDataColumn.prototype, "headerCheckbox", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Number)
-        ], AXGridDataColumn.prototype, "groupIndex", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Number)
-        ], AXGridDataColumn.prototype, "treeIndex", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Boolean)
-        ], AXGridDataColumn.prototype, "enableRowGroup", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Boolean)
-        ], AXGridDataColumn.prototype, "hide", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Boolean)
-        ], AXGridDataColumn.prototype, "floatingFilter", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Boolean)
-        ], AXGridDataColumn.prototype, "disableMenu", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Boolean)
-        ], AXGridDataColumn.prototype, "resizable", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Boolean)
-        ], AXGridDataColumn.prototype, "menuColumnDisable", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Boolean)
-        ], AXGridDataColumn.prototype, "menuItemDisable", void 0);
-        return AXGridDataColumn;
+    var AXGridDataColumn = /** @class */ (function () {
+        function AXGridDataColumn() {
+            this.width = 100;
+            this.pinned = null;
+            this.allowSorting = true;
+            this.allowFiltering = core$1.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 = core$1.AXConfig.get('datagrid.floatingFilter') || false;
+            this.disableMenu = false;
+            this.resizable = true;
+            this.menuColumnDisable = false;
+            this.menuItemDisable = false;
+        }
+        ;
+        AXGridDataColumn.prototype.render = function () {
+            var 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(function (c) { return c != 'filterMenuTab'; });
+                col.floatingFilter = false;
+            }
+            if (this.menuColumnDisable == true) {
+                col.menuTabs = col.menuTabs.filter(function (c) { return c != 'columnsMenuTab'; });
+            }
+            if (this.menuItemDisable == true) {
+                col.menuTabs = col.menuTabs.filter(function (c) { return 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) {
+                var THAT_1 = this;
+                if (this.cellClass instanceof Function) {
+                    col.cellClass = function (p) {
+                        return THAT_1.cellClass({
+                            column: THAT_1,
+                            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 = function (params) {
+                    return true;
+                };
+                //  col.headerCheckboxSelection = this.headerCheckbox;
+            }
+            return col;
+        };
+        __decorate([
+            core.ContentChild(AXDataGridCellTemplateComponent),
+            __metadata("design:type", AXDataGridCellTemplateComponent)
+        ], AXGridDataColumn.prototype, "cellTemplate", void 0);
+        __decorate([
+            core.Input(),
+            __metadata("design:type", Number)
+        ], AXGridDataColumn.prototype, "width", void 0);
+        __decorate([
+            core.Input(),
+            __metadata("design:type", Number)
+        ], AXGridDataColumn.prototype, "maxWidth", void 0);
+        __decorate([
+            core.Input(),
+            __metadata("design:type", Number)
+        ], AXGridDataColumn.prototype, "minWidth", void 0);
+        __decorate([
+            core.Input(),
+            __metadata("design:type", String)
+        ], AXGridDataColumn.prototype, "pinned", void 0);
+        __decorate([
+            core.Input(),
+            __metadata("design:type", Boolean)
+        ], AXGridDataColumn.prototype, "allowSorting", void 0);
+        __decorate([
+            core.Input(),
+            __metadata("design:type", Boolean)
+        ], AXGridDataColumn.prototype, "allowFiltering", void 0);
+        __decorate([
+            core.Input(),
+            __metadata("design:type", Function)
+        ], AXGridDataColumn.prototype, "cellClass", void 0);
+        __decorate([
+            core.Input(),
+            __metadata("design:type", String)
+        ], AXGridDataColumn.prototype, "sort", void 0);
+        __decorate([
+            core.Input(),
+            __metadata("design:type", String)
+        ], AXGridDataColumn.prototype, "field", void 0);
+        __decorate([
+            core.Input(),
+            __metadata("design:type", String)
+        ], AXGridDataColumn.prototype, "caption", void 0);
+        __decorate([
+            core.Input(),
+            __metadata("design:type", Object)
+        ], AXGridDataColumn.prototype, "cellRendererParams", void 0);
+        __decorate([
+            core.Input(),
+            __metadata("design:type", Boolean)
+        ], AXGridDataColumn.prototype, "checkbox", void 0);
+        __decorate([
+            core.Input(),
+            __metadata("design:type", Boolean)
+        ], AXGridDataColumn.prototype, "headerCheckbox", void 0);
+        __decorate([
+            core.Input(),
+            __metadata("design:type", Number)
+        ], AXGridDataColumn.prototype, "groupIndex", void 0);
+        __decorate([
+            core.Input(),
+            __metadata("design:type", Number)
+        ], AXGridDataColumn.prototype, "treeIndex", void 0);
+        __decorate([
+            core.Input(),
+            __metadata("design:type", Boolean)
+        ], AXGridDataColumn.prototype, "enableRowGroup", void 0);
+        __decorate([
+            core.Input(),
+            __metadata("design:type", Boolean)
+        ], AXGridDataColumn.prototype, "hide", void 0);
+        __decorate([
+            core.Input(),
+            __metadata("design:type", Boolean)
+        ], AXGridDataColumn.prototype, "floatingFilter", void 0);
+        __decorate([
+            core.Input(),
+            __metadata("design:type", Boolean)
+        ], AXGridDataColumn.prototype, "disableMenu", void 0);
+        __decorate([
+            core.Input(),
+            __metadata("design:type", Boolean)
+        ], AXGridDataColumn.prototype, "resizable", void 0);
+        __decorate([
+            core.Input(),
+            __metadata("design:type", Boolean)
+        ], AXGridDataColumn.prototype, "menuColumnDisable", void 0);
+        __decorate([
+            core.Input(),
+            __metadata("design:type", Boolean)
+        ], AXGridDataColumn.prototype, "menuItemDisable", void 0);
+        return AXGridDataColumn;
     }());
 
-    var AXGridCheckColumn = /** @class */ (function (_super) {
-        __extends(AXGridCheckColumn, _super);
-        function AXGridCheckColumn() {
-            return _super.call(this) || this;
-        }
-        AXGridCheckColumn_1 = AXGridCheckColumn;
-        AXGridCheckColumn.prototype.render = function () {
-            var col = _super.prototype.render.call(this);
-            if (!col.cellRendererFramework) {
-                col.cellRendererFramework = BooleanRenderer;
-            }
-            if (this.allowFiltering) {
-                col.filterFramework = BooleanFilterRenderer;
-            }
-            return col;
-        };
-        var AXGridCheckColumn_1;
-        AXGridCheckColumn = AXGridCheckColumn_1 = __decorate([
-            core.Component({
-                selector: 'ax-check-column',
-                template: '',
-                providers: [{ provide: AXGridDataColumn, useExisting: AXGridCheckColumn_1 }],
-                changeDetection: core.ChangeDetectionStrategy.OnPush
-            }),
-            __metadata("design:paramtypes", [])
-        ], AXGridCheckColumn);
-        return AXGridCheckColumn;
-    }(AXGridDataColumn));
-    var BooleanRenderer = /** @class */ (function () {
-        function BooleanRenderer() {
-        }
-        BooleanRenderer.prototype.agInit = function (params) {
-            this.value = params.value;
-        };
-        BooleanRenderer.prototype.refresh = function (params) {
-            this.value = params.value;
-            return true;
-        };
-        BooleanRenderer = __decorate([
-            core.Component({
-                template: "\n    <ax-check-box [value]='value' readonly='true'></ax-check-box>\n  ",
-                changeDetection: core.ChangeDetectionStrategy.OnPush
-            }),
-            __metadata("design:paramtypes", [])
-        ], BooleanRenderer);
-        return BooleanRenderer;
-    }());
-    var BooleanFilterRenderer = /** @class */ (function () {
-        function BooleanFilterRenderer() {
-            this.value = null;
-            this.selectItem = [
-                { value: 0, label: 'True' },
-                { value: 1, label: 'False' },
-            ];
-        }
-        BooleanFilterRenderer.prototype.agInit = function (params) {
-            this.params = params;
-            this.valueGetter = params.valueGetter;
-        };
-        BooleanFilterRenderer.prototype.isFilterActive = function () {
-            return this.value !== null && this.value !== undefined;
-        };
-        BooleanFilterRenderer.prototype.doesFilterPass = function (params) {
-            return this.value === this.valueGetter(params.node);
-        };
-        BooleanFilterRenderer.prototype.getModel = function () {
-            return { value: this.value };
-        };
-        BooleanFilterRenderer.prototype.setModel = function (model) {
-            this.value = model ? model.value : null;
-        };
-        BooleanFilterRenderer.prototype.ngAfterViewInit = function (params) {
-            var _this = this;
-            window.setTimeout(function () {
-                _this.input.element.nativeElement.focus();
-            });
-        };
-        BooleanFilterRenderer.prototype.onChange = function (newValue) {
-            if (this.value !== newValue) {
-                this.value = newValue;
-                this.params.filterChangedCallback();
-            }
-        };
-        __decorate([
-            core.ViewChild('input', { static: true, read: core.ViewContainerRef }),
-            __metadata("design:type", Object)
-        ], BooleanFilterRenderer.prototype, "input", void 0);
-        BooleanFilterRenderer = __decorate([
-            core.Component({
-                template: "\n    <ax-data-grid-filter>\n      <ax-select-box\n        label='Select Box'\n        [items]='selectItem'\n      ></ax-select-box>\n    </ax-data-grid-filter>\n  ",
-                changeDetection: core.ChangeDetectionStrategy.OnPush
-            })
-        ], BooleanFilterRenderer);
-        return BooleanFilterRenderer;
+    var AXGridCheckColumn = /** @class */ (function (_super) {
+        __extends(AXGridCheckColumn, _super);
+        function AXGridCheckColumn() {
+            return _super.call(this) || this;
+        }
+        AXGridCheckColumn_1 = AXGridCheckColumn;
+        AXGridCheckColumn.prototype.render = function () {
+            var col = _super.prototype.render.call(this);
+            if (!col.cellRendererFramework) {
+                col.cellRendererFramework = BooleanRenderer;
+            }
+            if (this.allowFiltering) {
+                col.filterFramework = BooleanFilterRenderer;
+            }
+            return col;
+        };
+        var AXGridCheckColumn_1;
+        AXGridCheckColumn = AXGridCheckColumn_1 = __decorate([
+            core.Component({
+                selector: 'ax-check-column',
+                template: '',
+                providers: [{ provide: AXGridDataColumn, useExisting: AXGridCheckColumn_1 }],
+                changeDetection: core.ChangeDetectionStrategy.OnPush
+            }),
+            __metadata("design:paramtypes", [])
+        ], AXGridCheckColumn);
+        return AXGridCheckColumn;
+    }(AXGridDataColumn));
+    var BooleanRenderer = /** @class */ (function () {
+        function BooleanRenderer() {
+        }
+        BooleanRenderer.prototype.agInit = function (params) {
+            this.value = params.value;
+        };
+        BooleanRenderer.prototype.refresh = function (params) {
+            this.value = params.value;
+            return true;
+        };
+        BooleanRenderer = __decorate([
+            core.Component({
+                template: "\n    <ax-check-box [value]='value' readonly='true'></ax-check-box>\n  ",
+                changeDetection: core.ChangeDetectionStrategy.OnPush
+            }),
+            __metadata("design:paramtypes", [])
+        ], BooleanRenderer);
+        return BooleanRenderer;
+    }());
+    var BooleanFilterRenderer = /** @class */ (function () {
+        function BooleanFilterRenderer() {
+            this.value = null;
+            this.selectItem = [
+                { value: 0, label: 'True' },
+                { value: 1, label: 'False' },
+            ];
+        }
+        BooleanFilterRenderer.prototype.agInit = function (params) {
+            this.params = params;
+            this.valueGetter = params.valueGetter;
+        };
+        BooleanFilterRenderer.prototype.isFilterActive = function () {
+            return this.value !== null && this.value !== undefined;
+        };
+        BooleanFilterRenderer.prototype.doesFilterPass = function (params) {
+            return this.value === this.valueGetter(params.node);
+        };
+        BooleanFilterRenderer.prototype.getModel = function () {
+            return { value: this.value };
+        };
+        BooleanFilterRenderer.prototype.setModel = function (model) {
+            this.value = model ? model.value : null;
+        };
+        BooleanFilterRenderer.prototype.ngAfterViewInit = function (params) {
+            var _this = this;
+            window.setTimeout(function () {
+                _this.input.element.nativeElement.focus();
+            });
+        };
+        BooleanFilterRenderer.prototype.onChange = function (newValue) {
+            if (this.value !== newValue) {
+                this.value = newValue;
+                this.params.filterChangedCallback();
+            }
+        };
+        __decorate([
+            core.ViewChild('input', { static: true, read: core.ViewContainerRef }),
+            __metadata("design:type", Object)
+        ], BooleanFilterRenderer.prototype, "input", void 0);
+        BooleanFilterRenderer = __decorate([
+            core.Component({
+                template: "\n    <ax-data-grid-filter>\n      <ax-select-box\n        label='Select Box'\n        [items]='selectItem'\n      ></ax-select-box>\n    </ax-data-grid-filter>\n  ",
+                changeDetection: core.ChangeDetectionStrategy.OnPush
+            })
+        ], BooleanFilterRenderer);
+        return BooleanFilterRenderer;
     }());
 
-    var AXGridCommandColumn = /** @class */ (function (_super) {
-        __extends(AXGridCommandColumn, _super);
-        function AXGridCommandColumn() {
-            var _this = _super !== null && _super.apply(this, arguments) || this;
-            _this.items = [];
-            _this.onItemClick = new core.EventEmitter();
-            return _this;
-        }
-        AXGridCommandColumn_1 = AXGridCommandColumn;
-        AXGridCommandColumn.prototype.render = function () {
-            var _this = this;
-            var col = _super.prototype.render.call(this);
-            if (!col.cellRendererFramework) {
-                col.cellRendererFramework = CommandRenderer;
-            }
-            col.cellRendererParams = {
-                items: this.items,
-                onClick: function (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 = function (params) {
-                return _this.items;
-            };
-            return col;
-        };
-        var AXGridCommandColumn_1;
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object)
-        ], AXGridCommandColumn.prototype, "items", void 0);
-        __decorate([
-            core.Output(),
-            __metadata("design:type", core.EventEmitter)
-        ], AXGridCommandColumn.prototype, "onItemClick", void 0);
-        AXGridCommandColumn = AXGridCommandColumn_1 = __decorate([
-            core.Component({
-                selector: 'ax-command-column',
-                template: '',
-                providers: [{ provide: AXGridDataColumn, useExisting: AXGridCommandColumn_1 }],
-                changeDetection: core.ChangeDetectionStrategy.OnPush,
-                encapsulation: core.ViewEncapsulation.None
-            })
-        ], AXGridCommandColumn);
-        return AXGridCommandColumn;
-    }(AXGridDataColumn));
-    var CommandRenderer = /** @class */ (function () {
-        function CommandRenderer() {
-            this.items = [];
-        }
-        CommandRenderer.prototype.agInit = function (params) {
-            this.mapParams(params);
-        };
-        CommandRenderer.prototype.refresh = function (params) {
-            this.mapParams(params);
-            return true;
-        };
-        CommandRenderer.prototype.mapParams = function (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;
-        };
-        CommandRenderer.prototype.onClick = function (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 = __decorate([
-            core.Component({
-                selector: 'ax-command-cell',
-                template: "\n    <button\n      *ngFor=\"let item of items\"\n      class=\"ax button md ax-grid-command-button {{ item.style || 'ax primary blank' }}\"\n      [class.disabled]=\"item.disable\"\n      type=\"button\"\n      [title]=\"item.tooltip\"\n      (click)=\"onClick(item,$event)\"\n    >\n      <i [ngClass]=\"item.icon\"></i>{{ item.text }}\n    </button>\n  ",
-                encapsulation: core.ViewEncapsulation.None,
-                changeDetection: core.ChangeDetectionStrategy.OnPush
-            }),
-            __metadata("design:paramtypes", [])
-        ], CommandRenderer);
-        return CommandRenderer;
+    var AXGridCommandColumn = /** @class */ (function (_super) {
+        __extends(AXGridCommandColumn, _super);
+        function AXGridCommandColumn() {
+            var _this = _super !== null && _super.apply(this, arguments) || this;
+            _this.items = [];
+            _this.onItemClick = new core.EventEmitter();
+            return _this;
+        }
+        AXGridCommandColumn_1 = AXGridCommandColumn;
+        AXGridCommandColumn.prototype.render = function () {
+            var _this = this;
+            var col = _super.prototype.render.call(this);
+            if (!col.cellRendererFramework) {
+                col.cellRendererFramework = CommandRenderer;
+            }
+            col.cellRendererParams = {
+                items: this.items,
+                onClick: function (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 = function (params) {
+                return _this.items;
+            };
+            return col;
+        };
+        var AXGridCommandColumn_1;
+        __decorate([
+            core.Input(),
+            __metadata("design:type", Object)
+        ], AXGridCommandColumn.prototype, "items", void 0);
+        __decorate([
+            core.Output(),
+            __metadata("design:type", core.EventEmitter)
+        ], AXGridCommandColumn.prototype, "onItemClick", void 0);
+        AXGridCommandColumn = AXGridCommandColumn_1 = __decorate([
+            core.Component({
+                selector: 'ax-command-column',
+                template: '',
+                providers: [{ provide: AXGridDataColumn, useExisting: AXGridCommandColumn_1 }],
+                changeDetection: core.ChangeDetectionStrategy.OnPush,
+                encapsulation: core.ViewEncapsulation.None
+            })
+        ], AXGridCommandColumn);
+        return AXGridCommandColumn;
+    }(AXGridDataColumn));
+    var CommandRenderer = /** @class */ (function () {
+        function CommandRenderer() {
+            this.items = [];
+        }
+        CommandRenderer.prototype.agInit = function (params) {
+            this.mapParams(params);
+        };
+        CommandRenderer.prototype.refresh = function (params) {
+            this.mapParams(params);
+            return true;
+        };
+        CommandRenderer.prototype.mapParams = function (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;
+        };
+        CommandRenderer.prototype.onClick = function (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 = __decorate([
+            core.Component({
+                selector: 'ax-command-cell',
+                template: "\n    <button\n      *ngFor=\"let item of items\"\n      class=\"ax button md ax-grid-command-button {{ item.style || 'ax primary blank' }}\"\n      [class.disabled]=\"item.disable\"\n      type=\"button\"\n      [title]=\"item.tooltip\"\n      (click)=\"onClick(item,$event)\"\n    >\n      <i [ngClass]=\"item.icon\"></i>{{ item.text }}\n    </button>\n  ",
+                encapsulation: core.ViewEncapsulation.None,
+                changeDetection: core.ChangeDetectionStrategy.OnPush
+            }),
+            __metadata("design:paramtypes", [])
+        ], CommandRenderer);
+        return CommandRenderer;
     }());
 
-    var AXGridDateColumn = /** @class */ (function (_super) {
-        __extends(AXGridDateColumn, _super);
-        function AXGridDateColumn() {
-            var _this = _super.call(this) || this;
-            _this.type = core$1.AXConfig.get('dateTime.type');
-            return _this;
-        }
-        AXGridDateColumn_1 = AXGridDateColumn;
-        AXGridDateColumn.prototype.render = function () {
-            var _this = this;
-            var col = _super.prototype.render.call(this);
-            col.cellRendererParams = {
-                format: this.format,
-            };
-            col.comparator = function (valueA, valueB) {
-                var date1 = core$1.AXDateTime.convert(valueA);
-                var date2 = core$1.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 = function (params) {
-                var date = core$1.AXDateTime.convert(params.value, _this.type);
-                if (date) {
-                    return date.format(_this.format);
-                }
-                else {
-                    return null;
-                }
-            };
-            col.filter = 'agDateColumnFilter';
-            // col.floatingFilter = true;
-            return col;
-        };
-        var AXGridDateColumn_1;
-        __decorate([
-            core.Input(),
-            __metadata("design:type", String)
-        ], AXGridDateColumn.prototype, "format", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", String)
-        ], AXGridDateColumn.prototype, "type", void 0);
-        AXGridDateColumn = AXGridDateColumn_1 = __decorate([
-            core.Component({
-                selector: 'ax-date-column',
-                template: '',
-                providers: [{ provide: AXGridDataColumn, useExisting: AXGridDateColumn_1 }],
-                changeDetection: core.ChangeDetectionStrategy.OnPush
-            }),
-            __metadata("design:paramtypes", [])
-        ], AXGridDateColumn);
-        return AXGridDateColumn;
-    }(AXGridDataColumn));
-    var AXDatePickerFilterComponent = /** @class */ (function () {
-        function AXDatePickerFilterComponent() {
-            this.selectableHoliday = false;
-            this.type = 'jalali';
-        }
-        AXDatePickerFilterComponent.prototype.agInit = function (params) {
-            this.params = params;
-        };
-        AXDatePickerFilterComponent.prototype.ngAfterViewInit = function () {
-        };
-        AXDatePickerFilterComponent.prototype.ngOnDestroy = function () {
-            console.log("Destroying DateComponent");
-        };
-        AXDatePickerFilterComponent.prototype.onDateChanged = function (selectedDates) {
-            //this.date = selectedDates[0] || null;
-            this.params.onDateChanged();
-        };
-        AXDatePickerFilterComponent.prototype.getDate = function () {
-            return this.date;
-        };
-        AXDatePickerFilterComponent.prototype.setDate = function (date) {
-            this.date = date || null;
-            //this.picker.setDate(date);
-        };
-        AXDatePickerFilterComponent.prototype.setInputPlaceholder = function (placeholder) {
-            //this.div.nativeElement.setAttribute('placeholder', placeholder);
-        };
-        AXDatePickerFilterComponent.prototype.onValueChanged = function (e) {
-            this.setDate(e.value);
-            this.onDateChanged(e.value);
-        };
-        __decorate([
-            core.ViewChild(components.AXDatePickerComponent),
-            __metadata("design:type", components.AXDatePickerComponent)
-        ], AXDatePickerFilterComponent.prototype, "datePicker", void 0);
-        __decorate([
-            core.ViewChild('div', { read: core.ElementRef }),
-            __metadata("design:type", core.ElementRef)
-        ], AXDatePickerFilterComponent.prototype, "div", void 0);
-        AXDatePickerFilterComponent = __decorate([
-            core.Component({
-                selector: 'ax-data-picker-filter',
-                template: "<ax-date-picker [selectableHoliday]=\"selectableHoliday\" [allowClear]=\"true\" (onValueChanged)=\"onValueChanged($event)\" size=\"sm\">\n     </ax-date-picker>",
-                host: {},
-                encapsulation: core.ViewEncapsulation.None
-            })
-        ], AXDatePickerFilterComponent);
-        return AXDatePickerFilterComponent;
+    var AXGridDateColumn = /** @class */ (function (_super) {
+        __extends(AXGridDateColumn, _super);
+        function AXGridDateColumn() {
+            var _this = _super.call(this) || this;
+            _this.type = core$1.AXConfig.get('dateTime.type');
+            return _this;
+        }
+        AXGridDateColumn_1 = AXGridDateColumn;
+        AXGridDateColumn.prototype.render = function () {
+            var _this = this;
+            var col = _super.prototype.render.call(this);
+            col.cellRendererParams = {
+                format: this.format,
+            };
+            col.comparator = function (valueA, valueB) {
+                var date1 = core$1.AXDateTime.convert(valueA);
+                var date2 = core$1.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 = function (params) {
+                var date = core$1.AXDateTime.convert(params.value, _this.type);
+                if (date) {
+                    return date.format(_this.format);
+                }
+                else {
+                    return null;
+                }
+            };
+            col.filter = 'agDateColumnFilter';
+            // col.floatingFilter = true;
+            return col;
+        };
+        var AXGridDateColumn_1;
+        __decorate([
+            core.Input(),
+            __metadata("design:type", String)
+        ], AXGridDateColumn.prototype, "format", void 0);
+        __decorate([
+            core.Input(),
+            __metadata("design:type", String)
+        ], AXGridDateColumn.prototype, "type", void 0);
+        AXGridDateColumn = AXGridDateColumn_1 = __decorate([
+            core.Component({
+                selector: 'ax-date-column',
+                template: '',
+                providers: [{ provide: AXGridDataColumn, useExisting: AXGridDateColumn_1 }],
+                changeDetection: core.ChangeDetectionStrategy.OnPush
+            }),
+            __metadata("design:paramtypes", [])
+        ], AXGridDateColumn);
+        return AXGridDateColumn;
+    }(AXGridDataColumn));
+    var AXDatePickerFilterComponent = /** @class */ (function () {
+        function AXDatePickerFilterComponent() {
+            this.selectableHoliday = false;
+            this.type = 'jalali';
+        }
+        AXDatePickerFilterComponent.prototype.agInit = function (params) {
+            this.params = params;
+        };
+        AXDatePickerFilterComponent.prototype.ngAfterViewInit = function () {
+        };
+        AXDatePickerFilterComponent.prototype.ngOnDestroy = function () {
+            console.log("Destroying DateComponent");
+        };
+        AXDatePickerFilterComponent.prototype.onDateChanged = function (selectedDates) {
+            //this.date = selectedDates[0] || null;
+            this.params.onDateChanged();
+        };
+        AXDatePickerFilterComponent.prototype.getDate = function () {
+            return this.date;
+        };
+        AXDatePickerFilterComponent.prototype.setDate = function (date) {
+            this.date = date || null;
+            //this.picker.setDate(date);
+        };
+        AXDatePickerFilterComponent.prototype.setInputPlaceholder = function (placeholder) {
+            //this.div.nativeElement.setAttribute('placeholder', placeholder);
+        };
+        AXDatePickerFilterComponent.prototype.onValueChanged = function (e) {
+            this.setDate(e.value);
+            this.onDateChanged(e.value);
+        };
+        __decorate([
+            core.ViewChild(components.AXDatePickerComponent),
+            __metadata("design:type", components.AXDatePickerComponent)
+        ], AXDatePickerFilterComponent.prototype, "datePicker", void 0);
+        __decorate([
+            core.ViewChild('div', { read: core.ElementRef }),
+            __metadata("design:type", core.ElementRef)
+        ], AXDatePickerFilterComponent.prototype, "div", void 0);
+        AXDatePickerFilterComponent = __decorate([
+            core.Component({
+                selector: 'ax-data-picker-filter',
+                template: "<ax-date-picker [selectableHoliday]=\"selectableHoliday\" [allowClear]=\"true\" (onValueChanged)=\"onValueChanged($event)\" size=\"sm\">\n     </ax-date-picker>",
+                host: {},
+                encapsulation: core.ViewEncapsulation.None
+            })
+        ], AXDatePickerFilterComponent);
+        return AXDatePickerFilterComponent;
     }());
 
-    var AXGridSelectionColumn = /** @class */ (function (_super) {
-        __extends(AXGridSelectionColumn, _super);
-        function AXGridSelectionColumn() {
-            var _this = _super.call(this) || this;
-            _this.pinned = 'start';
-            return _this;
-        }
-        AXGridSelectionColumn_1 = AXGridSelectionColumn;
-        AXGridSelectionColumn.prototype.ngOnInit = function () {
-        };
-        AXGridSelectionColumn.prototype.render = function () {
-            var col = _super.prototype.render.call(this);
-            col.checkboxSelection = this.condition ? this.condition : true;
-            //  col.headerCheckboxSelection = true;
-            col.pinned = this.pinned === 'start' ? 'right' : 'left';
-            col.filter = false;
-            col.resizable = false;
-            col.sortable = false;
-            col.width = 40;
-            return col;
-        };
-        var AXGridSelectionColumn_1;
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Function)
-        ], AXGridSelectionColumn.prototype, "condition", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", String)
-        ], AXGridSelectionColumn.prototype, "pinned", void 0);
-        AXGridSelectionColumn = AXGridSelectionColumn_1 = __decorate([
-            core.Component({
-                selector: 'ax-selection-column',
-                template: '',
-                providers: [{ provide: AXGridDataColumn, useExisting: AXGridSelectionColumn_1 }],
-                changeDetection: core.ChangeDetectionStrategy.OnPush
-            }),
-            __metadata("design:paramtypes", [])
-        ], AXGridSelectionColumn);
-        return AXGridSelectionColumn;
+    var AXGridSelectionColumn = /** @class */ (function (_super) {
+        __extends(AXGridSelectionColumn, _super);
+        function AXGridSelectionColumn() {
+            var _this = _super.call(this) || this;
+            _this.pinned = 'start';
+            return _this;
+        }
+        AXGridSelectionColumn_1 = AXGridSelectionColumn;
+        AXGridSelectionColumn.prototype.ngOnInit = function () {
+        };
+        AXGridSelectionColumn.prototype.render = function () {
+            var col = _super.prototype.render.call(this);
+            col.checkboxSelection = this.condition ? this.condition : true;
+            //  col.headerCheckboxSelection = true;
+            col.pinned = this.pinned === 'start' ? 'right' : 'left';
+            col.filter = false;
+            col.resizable = false;
+            col.sortable = false;
+            col.width = 40;
+            return col;
+        };
+        var AXGridSelectionColumn_1;
+        __decorate([
+            core.Input(),
+            __metadata("design:type", Function)
+        ], AXGridSelectionColumn.prototype, "condition", void 0);
+        __decorate([
+            core.Input(),
+            __metadata("design:type", String)
+        ], AXGridSelectionColumn.prototype, "pinned", void 0);
+        AXGridSelectionColumn = AXGridSelectionColumn_1 = __decorate([
+            core.Component({
+                selector: 'ax-selection-column',
+                template: '',
+                providers: [{ provide: AXGridDataColumn, useExisting: AXGridSelectionColumn_1 }],
+                changeDetection: core.ChangeDetectionStrategy.OnPush
+            }),
+            __metadata("design:paramtypes", [])
+        ], AXGridSelectionColumn);
+        return AXGridSelectionColumn;
     }(AXGridDataColumn));
 
-    var AXGridTextColumn = /** @class */ (function (_super) {
-        __extends(AXGridTextColumn, _super);
-        function AXGridTextColumn() {
-            return _super.call(this) || this;
-        }
-        AXGridTextColumn_1 = AXGridTextColumn;
-        AXGridTextColumn.prototype.render = function () {
-            var col = _super.prototype.render.call(this);
-            // if (this.allowFiltering) {
-            //   col.filterFramework = TextFilterRenderer;
-            // }
-            col.filter = 'agTextColumnFilter';
-            return col;
-        };
-        var AXGridTextColumn_1;
-        AXGridTextColumn = AXGridTextColumn_1 = __decorate([
-            core.Component({
-                selector: 'ax-text-column',
-                template: '',
-                providers: [{ provide: AXGridDataColumn, useExisting: AXGridTextColumn_1 }],
-                changeDetection: core.ChangeDetectionStrategy.OnPush
-            }),
-            __metadata("design:paramtypes", [])
-        ], AXGridTextColumn);
-        return AXGridTextColumn;
-    }(AXGridDataColumn));
-    var TextFilterRenderer = /** @class */ (function () {
-        function TextFilterRenderer() {
-            this.value = null;
-        }
-        TextFilterRenderer.prototype.agInit = function (params) {
-            this.params = params;
-            this.valueGetter = params.valueGetter;
-        };
-        TextFilterRenderer.prototype.isFilterActive = function () {
-            return this.value !== null && this.value !== undefined;
-        };
-        TextFilterRenderer.prototype.doesFilterPass = function (params) {
-            return this.value === this.valueGetter(params.node);
-        };
-        TextFilterRenderer.prototype.getModel = function () {
-            return { value: this.value };
-        };
-        TextFilterRenderer.prototype.setModel = function (model) {
-            ;
-            this.onChange(model ? model.value : null);
-        };
-        TextFilterRenderer.prototype.ngAfterViewInit = function (params) {
-            var _this = this;
-            window.setTimeout(function () {
-                _this.input.focus();
-            });
-        };
-        TextFilterRenderer.prototype.onChange = function (newValue) {
-            if (this.value !== newValue) {
-                this.value = newValue;
-                if (this.value === '') {
-                    this.value = null;
-                }
-                this.params.filterChangedCallback();
-            }
-        };
-        __decorate([
-            core.ViewChild(components.AXTextBoxComponent, { static: true }),
-            __metadata("design:type", components.AXTextBoxComponent)
-        ], TextFilterRenderer.prototype, "input", void 0);
-        TextFilterRenderer = __decorate([
-            core.Component({
-                template: "\n    <ax-data-grid-filter>\n      <ax-text-box label='Filter' allowClear='true' (textChange)='onChange($event)'>\n      </ax-text-box>\n    </ax-data-grid-filter>\n  ",
-                changeDetection: core.ChangeDetectionStrategy.OnPush
-            })
-        ], TextFilterRenderer);
-        return TextFilterRenderer;
+    var AXGridTextColumn = /** @class */ (function (_super) {
+        __extends(AXGridTextColumn, _super);
+        function AXGridTextColumn() {
+            return _super.call(this) || this;
+        }
+        AXGridTextColumn_1 = AXGridTextColumn;
+        AXGridTextColumn.prototype.render = function () {
+            var col = _super.prototype.render.call(this);
+            // if (this.allowFiltering) {
+            //   col.filterFramework = TextFilterRenderer;
+            // }
+            col.filter = 'agTextColumnFilter';
+            return col;
+        };
+        var AXGridTextColumn_1;
+        AXGridTextColumn = AXGridTextColumn_1 = __decorate([
+            core.Component({
+                selector: 'ax-text-column',
+                template: '',
+                providers: [{ provide: AXGridDataColumn, useExisting: AXGridTextColumn_1 }],
+                changeDetection: core.ChangeDetectionStrategy.OnPush
+            }),
+            __metadata("design:paramtypes", [])
+        ], AXGridTextColumn);
+        return AXGridTextColumn;
+    }(AXGridDataColumn));
+    var TextFilterRenderer = /** @class */ (function () {
+        function TextFilterRenderer() {
+            this.value = null;
+        }
+        TextFilterRenderer.prototype.agInit = function (params) {
+            this.params = params;
+            this.valueGetter = params.valueGetter;
+        };
+        TextFilterRenderer.prototype.isFilterActive = function () {
+            return this.value !== null && this.value !== undefined;
+        };
+        TextFilterRenderer.prototype.doesFilterPass = function (params) {
+            return this.value === this.valueGetter(params.node);
+        };
+        TextFilterRenderer.prototype.getModel = function () {
+            return { value: this.value };
+        };
+        TextFilterRenderer.prototype.setModel = function (model) {
+            ;
+            this.onChange(model ? model.value : null);
+        };
+        TextFilterRenderer.prototype.ngAfterViewInit = function (params) {
+            var _this = this;
+            window.setTimeout(function () {
+                _this.input.focus();
+            });
+        };
+        TextFilterRenderer.prototype.onChange = function (newValue) {
+            if (this.value !== newValue) {
+                this.value = newValue;
+                if (this.value === '') {
+                    this.value = null;
+                }
+                this.params.filterChangedCallback();
+            }
+        };
+        __decorate([
+            core.ViewChild(components.AXTextBoxComponent, { static: true }),
+            __metadata("design:type", components.AXTextBoxComponent)
+        ], TextFilterRenderer.prototype, "input", void 0);
+        TextFilterRenderer = __decorate([
+            core.Component({
+                template: "\n    <ax-data-grid-filter>\n      <ax-text-box label='Filter' allowClear='true' (textChange)='onChange($event)'>\n      </ax-text-box>\n    </ax-data-grid-filter>\n  ",
+                changeDetection: core.ChangeDetectionStrategy.OnPush
+            })
+        ], TextFilterRenderer);
+        return TextFilterRenderer;
     }());
 
-    var AXGridRowNumberColumn = /** @class */ (function (_super) {
-        __extends(AXGridRowNumberColumn, _super);
-        function AXGridRowNumberColumn() {
-            return _super.call(this) || this;
-        }
-        AXGridRowNumberColumn_1 = AXGridRowNumberColumn;
-        AXGridRowNumberColumn.prototype.ngOnInit = function () { };
-        AXGridRowNumberColumn.prototype.render = function () {
-            var col = _super.prototype.render.call(this);
-            //  col.checkboxSelection = this.condition ? this.condition : true;
-            //  col.headerCheckboxSelection = true;
-            (col.headerName = this.caption ? this.caption : core$1.AXConfig.get('layout.rtl') ? 'ردیف' : 'Row'),
-                (col.valueGetter = 'node.rowIndex + 1'),
-                (col.pinned = this.pinned == null ? (core$1.AXConfig.get('layout.rtl') ? 'right' : 'left') : this.pinned === 'start' ? 'right' : 'left'),
-                (col.filter = false);
-            col.resizable = true;
-            col.sortable = false;
-            col.width = this.width;
-            return col;
-        };
-        var AXGridRowNumberColumn_1;
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Function)
-        ], AXGridRowNumberColumn.prototype, "condition", void 0);
-        AXGridRowNumberColumn = AXGridRowNumberColumn_1 = __decorate([
-            core.Component({
-                selector: 'ax-row-number-column',
-                template: '',
-                providers: [{ provide: AXGridDataColumn, useExisting: AXGridRowNumberColumn_1 }],
-                changeDetection: core.ChangeDetectionStrategy.OnPush
-            }),
-            __metadata("design:paramtypes", [])
-        ], AXGridRowNumberColumn);
-        return AXGridRowNumberColumn;
+    var AXGridRowNumberColumn = /** @class */ (function (_super) {
+        __extends(AXGridRowNumberColumn, _super);
+        function AXGridRowNumberColumn() {
+            return _super.call(this) || this;
+        }
+        AXGridRowNumberColumn_1 = AXGridRowNumberColumn;
+        AXGridRowNumberColumn.prototype.ngOnInit = function () { };
+        AXGridRowNumberColumn.prototype.render = function () {
+            var col = _super.prototype.render.call(this);
+            //  col.checkboxSelection = this.condition ? this.condition : true;
+            //  col.headerCheckboxSelection = true;
+            (col.headerName = this.caption ? this.caption : core$1.AXConfig.get('layout.rtl') ? 'ردیف' : 'Row'),
+                (col.valueGetter = 'node.rowIndex + 1'),
+                (col.pinned = this.pinned == null ? (core$1.AXConfig.get('layout.rtl') ? 'right' : 'left') : this.pinned === 'start' ? 'right' : 'left'),
+                (col.filter = false);
+            col.resizable = true;
+            col.sortable = false;
+            col.width = this.width;
+            return col;
+        };
+        var AXGridRowNumberColumn_1;
+        __decorate([
+            core.Input(),
+            __metadata("design:type", Function)
+        ], AXGridRowNumberColumn.prototype, "condition", void 0);
+        AXGridRowNumberColumn = AXGridRowNumberColumn_1 = __decorate([
+            core.Component({
+                selector: 'ax-row-number-column',
+                template: '',
+                providers: [{ provide: AXGridDataColumn, useExisting: AXGridRowNumberColumn_1 }],
+                changeDetection: core.ChangeDetectionStrategy.OnPush
+            }),
+            __metadata("design:paramtypes", [])
+        ], AXGridRowNumberColumn);
+        return AXGridRowNumberColumn;
     }(AXGridDataColumn));
 
-    var AXDataGridRowTemplateComponent = /** @class */ (function () {
-        function AXDataGridRowTemplateComponent() {
-            this.renderer = AXDataGridRowTemplateRenderer;
-        }
-        AXDataGridRowTemplateComponent.prototype.ngOnInit = function () {
-            this.params = {
-                templateRef: this.templateRef
-            };
-        };
-        __decorate([
-            core.ContentChild(core.TemplateRef, { static: true }),
-            __metadata("design:type", core.TemplateRef)
-        ], AXDataGridRowTemplateComponent.prototype, "templateRef", void 0);
-        AXDataGridRowTemplateComponent = __decorate([
-            core.Component({
-                selector: 'ax-row-template',
-                template: "<ng-content></ng-content>"
-            }),
-            __metadata("design:paramtypes", [])
-        ], AXDataGridRowTemplateComponent);
-        return AXDataGridRowTemplateComponent;
-    }());
-    var AXDataGridRowTemplateRenderer = /** @class */ (function () {
-        function AXDataGridRowTemplateRenderer() {
-        }
-        AXDataGridRowTemplateRenderer.prototype.refresh = function (params) {
-            return false;
-        };
-        AXDataGridRowTemplateRenderer.prototype.agInit = function (params) {
-            this.data = params.data.callRecords;
-            this.templateRef = params.templateRef;
-        };
-        AXDataGridRowTemplateRenderer = __decorate([
-            core.Component({
-                template: "<ng-container *ngTemplateOutlet='templateRef; context: { $implicit: data }'></ng-container>"
-            })
-        ], AXDataGridRowTemplateRenderer);
-        return AXDataGridRowTemplateRenderer;
+    var AXDataGridRowTemplateComponent = /** @class */ (function () {
+        function AXDataGridRowTemplateComponent() {
+            this.renderer = AXDataGridRowTemplateRenderer;
+        }
+        AXDataGridRowTemplateComponent.prototype.ngOnInit = function () {
+            this.params = {
+                templateRef: this.templateRef
+            };
+        };
+        __decorate([
+            core.ContentChild(core.TemplateRef, { static: true }),
+            __metadata("design:type", core.TemplateRef)
+        ], AXDataGridRowTemplateComponent.prototype, "templateRef", void 0);
+        AXDataGridRowTemplateComponent = __decorate([
+            core.Component({
+                selector: 'ax-row-template',
+                template: "<ng-content></ng-content>"
+            }),
+            __metadata("design:paramtypes", [])
+        ], AXDataGridRowTemplateComponent);
+        return AXDataGridRowTemplateComponent;
+    }());
+    var AXDataGridRowTemplateRenderer = /** @class */ (function () {
+        function AXDataGridRowTemplateRenderer() {
+        }
+        AXDataGridRowTemplateRenderer.prototype.refresh = function (params) {
+            return false;
+        };
+        AXDataGridRowTemplateRenderer.prototype.agInit = function (params) {
+            this.data = params.data.callRecords;
+            this.templateRef = params.templateRef;
+        };
+        AXDataGridRowTemplateRenderer = __decorate([
+            core.Component({
+                template: "<ng-container *ngTemplateOutlet='templateRef; context: { $implicit: data }'></ng-container>"
+            })
+        ], AXDataGridRowTemplateRenderer);
+        return AXDataGridRowTemplateRenderer;
     }());
 
-    var AXDataGridDetailTemplateComponent = /** @class */ (function () {
-        function AXDataGridDetailTemplateComponent() {
-            this.height = 100;
-            this.renderer = AXDataGridDetailTemplateRenderer;
-        }
-        AXDataGridDetailTemplateComponent.prototype.ngOnInit = function () {
-            this.params = {
-                templateRef: this.templateRef
-            };
-        };
-        __decorate([
-            core.ContentChild(core.TemplateRef, { static: true }),
-            __metadata("design:type", core.TemplateRef)
-        ], AXDataGridDetailTemplateComponent.prototype, "templateRef", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Number)
-        ], AXDataGridDetailTemplateComponent.prototype, "height", void 0);
-        AXDataGridDetailTemplateComponent = __decorate([
-            core.Component({
-                selector: 'ax-grid-detail-template',
-                template: "<ng-content></ng-content>"
-            }),
-            __metadata("design:paramtypes", [])
-        ], AXDataGridDetailTemplateComponent);
-        return AXDataGridDetailTemplateComponent;
-    }());
-    var AXDataGridDetailTemplateRenderer = /** @class */ (function () {
-        function AXDataGridDetailTemplateRenderer() {
-        }
-        AXDataGridDetailTemplateRenderer.prototype.refresh = function (params) {
-            return false;
-        };
-        AXDataGridDetailTemplateRenderer.prototype.agInit = function (params) {
-            this.data = params.data;
-            this.templateRef = params.templateRef;
-        };
-        AXDataGridDetailTemplateRenderer = __decorate([
-            core.Component({
-                template: "<ng-container *ngTemplateOutlet='templateRef; context: { $implicit: data }'></ng-container>"
-            })
-        ], AXDataGridDetailTemplateRenderer);
-        return AXDataGridDetailTemplateRenderer;
+    var AXDataGridDetailTemplateComponent = /** @class */ (function () {
+        function AXDataGridDetailTemplateComponent() {
+            this.height = 100;
+            this.renderer = AXDataGridDetailTemplateRenderer;
+        }
+        AXDataGridDetailTemplateComponent.prototype.ngOnInit = function () {
+            this.params = {
+                templateRef: this.templateRef
+            };
+        };
+        __decorate([
+            core.ContentChild(core.TemplateRef, { static: true }),
+            __metadata("design:type", core.TemplateRef)
+        ], AXDataGridDetailTemplateComponent.prototype, "templateRef", void 0);
+        __decorate([
+            core.Input(),
+            __metadata("design:type", Number)
+        ], AXDataGridDetailTemplateComponent.prototype, "height", void 0);
+        AXDataGridDetailTemplateComponent = __decorate([
+            core.Component({
+                selector: 'ax-grid-detail-template',
+                template: "<ng-content></ng-content>"
+            }),
+            __metadata("design:paramtypes", [])
+        ], AXDataGridDetailTemplateComponent);
+        return AXDataGridDetailTemplateComponent;
+    }());
+    var AXDataGridDetailTemplateRenderer = /** @class */ (function () {
+        function AXDataGridDetailTemplateRenderer() {
+        }
+        AXDataGridDetailTemplateRenderer.prototype.refresh = function (params) {
+            return false;
+        };
+        AXDataGridDetailTemplateRenderer.prototype.agInit = function (params) {
+            this.data = params.data;
+            this.templateRef = params.templateRef;
+        };
+        AXDataGridDetailTemplateRenderer = __decorate([
+            core.Component({
+                template: "<ng-container *ngTemplateOutlet='templateRef; context: { $implicit: data }'></ng-container>"
+            })
+        ], AXDataGridDetailTemplateRenderer);
+        return AXDataGridDetailTemplateRenderer;
     }());
 
-    agGridEnterprise.LicenseManager.prototype.validateLicense = function () {
-        //console.info('Cracked by Arash Oshnoudi!');
-    };
-    // WatermarkComp.prototype.shouldDisplayWatermark = function () {
-    //   return false;
-    // }
-    var AXDataGridColumnsChangeEvent = /** @class */ (function (_super) {
-        __extends(AXDataGridColumnsChangeEvent, _super);
-        function AXDataGridColumnsChangeEvent() {
-            return _super !== null && _super.apply(this, arguments) || this;
-        }
-        return AXDataGridColumnsChangeEvent;
-    }(components.AXValueEvent));
-    var AXDataGridCellEvent = /** @class */ (function (_super) {
-        __extends(AXDataGridCellEvent, _super);
-        function AXDataGridCellEvent() {
-            return _super !== null && _super.apply(this, arguments) || this;
-        }
-        return AXDataGridCellEvent;
-    }(components.AXDataEvent));
-    var AXDaagridRowClickEvent = /** @class */ (function (_super) {
-        __extends(AXDaagridRowClickEvent, _super);
-        function AXDaagridRowClickEvent() {
-            return _super !== null && _super.apply(this, arguments) || this;
-        }
-        return AXDaagridRowClickEvent;
-    }(components.AXDataEvent));
-    var AXDataGridSelectionChangeEvent = /** @class */ (function (_super) {
-        __extends(AXDataGridSelectionChangeEvent, _super);
-        function AXDataGridSelectionChangeEvent() {
-            return _super !== null && _super.apply(this, arguments) || this;
-        }
-        return AXDataGridSelectionChangeEvent;
-    }(components.AXDataEvent));
-    var AXDataGridRowSelectionChangeEvent = /** @class */ (function (_super) {
-        __extends(AXDataGridRowSelectionChangeEvent, _super);
-        function AXDataGridRowSelectionChangeEvent() {
-            return _super !== null && _super.apply(this, arguments) || this;
-        }
-        return AXDataGridRowSelectionChangeEvent;
-    }(components.AXDataEvent));
-    var AXDataGridComponent = /** @class */ (function () {
-        function AXDataGridComponent(ref, cdr) {
-            var _this = this;
-            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 = [];
-            // @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;
-            this.autoGroupColumnDef = {};
-            this.selectionMode = 'single';
-            // @Input()
-            // allowFiltering: boolean = false;
-            this.selectRow = [];
-            this.rowGroupPanelShow = 'never';
-            this.loadOnInit = true;
-            // @Input()
-            // groupDefaultExpanded: number = 0;
-            this.keyField = 'null';
-            this.hasChildField = 'null';
-            this.columnsChange = new core.EventEmitter();
-            this._columns = [];
-            this.defaultColDef = {
-                filter: true,
-                floatingFilter: true
-            };
-            this.groupHideOpenParents = false;
-            this.cellClick = new core.EventEmitter();
-            this.cellDbClick = new core.EventEmitter();
-            this.cellFocuse = new core.EventEmitter();
-            this.rowClick = new core.EventEmitter();
-            this.rowDbClick = new core.EventEmitter();
-            this.selectionChanged = new core.EventEmitter();
-            this.rowSelectionChange = new core.EventEmitter();
-            this.onRowSelectionChanged = new core.EventEmitter();
-            this.rtl = core$1.AXConfig.get('layout.rtl');
-            this.isServerSideGroup = function (e) {
-                return e[_this.hasChildField];
-            };
-            this.getServerSideGroupKey = function (e) {
-                return e[_this.keyField];
-            };
-            this.internalGetRowClass = function (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 = core$1.AXTranslator.get('dataGrid');
-        }
-        Object.defineProperty(AXDataGridComponent.prototype, "searchText", {
-            get: function () {
-                return this._searchText;
-            },
-            set: function (v) {
-                if (v !== this._searchText) {
-                    this._searchText = v;
-                    if (this.gridApi) {
-                        this.refresh();
-                        this.gridApi.setQuickFilter(this.searchText);
-                    }
-                }
-            },
-            enumerable: true,
-            configurable: true
-        });
-        Object.defineProperty(AXDataGridComponent.prototype, "filter", {
-            get: function () {
-                return this._filter;
-            },
-            set: function (v) {
-                var _this = this;
-                if (v !== this._filter) {
-                    this._filter = v;
-                    this._filter.forEach(function (f) {
-                        var fc = _this.gridApi.getFilterInstance(f.field);
-                        if (fc) {
-                            var ff = fc.getFrameworkComponentInstance();
-                            ff.setModel(f);
-                        }
-                    });
-                }
-            },
-            enumerable: true,
-            configurable: true
-        });
-        Object.defineProperty(AXDataGridComponent.prototype, "columns", {
-            get: function () {
-                return this._inlineColumns ? __spread(this._columns, this._inlineColumns.toArray()) : this._columns;
-            },
-            set: function (val) {
-                if (val && val.length) {
-                    var old = this._columns;
-                    this._columns = val;
-                    this.columnsChange.emit({ component: this, value: val, oldValue: old, htmlElement: this.ref.nativeElement });
-                }
-            },
-            enumerable: true,
-            configurable: true
-        });
-        Object.defineProperty(AXDataGridComponent.prototype, "dataSource", {
-            get: function () {
-                return this._dataSource ? this._dataSource : this._contentDataSource;
-            },
-            set: function (v) {
-                this._dataSource = v;
-            },
-            enumerable: true,
-            configurable: true
-        });
-        AXDataGridComponent.prototype.getRowHeight = function (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;
-            }
-        };
-        AXDataGridComponent.prototype.calcHeight = function () {
-            if (this.toolbar) {
-                this.internalHeight = "calc(100% - " + 40 + "px)";
-            }
-            else {
-                this.internalHeight = '100%';
-            }
-        };
-        Object.defineProperty(AXDataGridComponent.prototype, "intenalGridDataSource", {
-            get: function () {
-                var that = this;
-                return {
-                    rowCount: null,
-                    getRows: function (params) {
-                        // that.gridApi.gridOptionsWrapper.setProperty('cacheBlockSize', this.takeCount ? this.takeCount : params.api.paginationGetPageSize());
-                        that.dataSourceSuccessCallback = params.successCallback;
-                        var 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.sort = params.request.sortModel.map(function (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(function (r) { return r.field; }),
-                            keys: params.request.groupKeys,
-                            parentData: params.parentNode.data
-                        };
-                        loadParams.filter = params.request.filterModel;
-                        that.dataSource.fetch(loadParams);
-                    }
-                };
-            },
-            enumerable: true,
-            configurable: true
-        });
-        AXDataGridComponent.prototype.getMainMenuItems = function (e) {
-            return ['pinSubMenu', 'separator'];
-        };
-        AXDataGridComponent.prototype.ngOnDestroy = function () {
-            this.gridApi.destroy();
-        };
-        // todo gridOptions: GridOptions
-        AXDataGridComponent.prototype.internalGridReady = function (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();
-            }
-        };
-        AXDataGridComponent.prototype.ngAfterContentInit = function () {
-            var 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 = function () {
-                return that.rowTemplate != null;
-            };
-            //this.cdr
-        };
-        AXDataGridComponent.prototype.ngOnInit = function () {
-            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';
-            }
-            //
-        };
-        AXDataGridComponent.prototype.gridSelectRow = function () {
-            var _this = this;
-            if (this.gridApi) {
-                if (this.selectRow && this.selectRow.length > 0 && this.gridApi !== undefined && typeof this.selectRow[0] != 'object') {
-                    this.gridApi.forEachNode(function (node) {
-                        if (node.data !== undefined) {
-                            var select_1 = false;
-                            _this.selectRow.forEach(function (id) {
-                                if (node.data[_this.keyField] === id) {
-                                    select_1 = true;
-                                    node.setSelected(select_1);
-                                }
-                            });
-                        }
-                    });
-                }
-                else {
-                    this.gridApi.forEachNode(function (node) {
-                        if (node.data !== undefined) {
-                            var select_2 = false;
-                            _this.selectRow.forEach(function (item) {
-                                if (item.rowIndex != undefined && item.rowLevel != undefined) {
-                                    if (node.data[_this.keyField] === item.data[_this.keyField]) {
-                                        select_2 = true;
-                                    }
-                                }
-                                else {
-                                    if (node.data[_this.keyField] === item[_this.keyField]) {
-                                        select_2 = true;
-                                    }
-                                }
-                            });
-                            node.setSelected(select_2);
-                        }
-                    });
-                }
-            }
-        };
-        // 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;
-        // }
-        AXDataGridComponent.prototype.rebuildGrid = function () {
-            var _this = this;
-            this.mapColumns();
-            setTimeout(function () {
-                if (_this.sizeColumnsToFit) {
-                    _this.gridApi.sizeColumnsToFit();
-                }
-            }, 10);
-        };
-        AXDataGridComponent.prototype.ngAfterViewInit = function () {
-            var _this = this;
-            if (this.treeData === true) {
-                this.columnDefs = this.columns.map(function (c) { return c.render(); });
-                var groupColumn = this.columnDefs.find(function (c) { return c.rowGroupIndex == '0' && c.field !== ''; });
-                this.autoGroupColumnDef = {
-                    headerName: groupColumn.headerName,
-                    width: groupColumn.width,
-                    cellRendererParams: { checkbox: this.showCheckBox },
-                    field: groupColumn.field
-                };
-                this.columnDefs.forEach(function (elm) {
-                    if (elm.rowGroupIndex > -1) {
-                        elm.hide = true;
-                    }
-                });
-            }
-            //setTimeout(() => {
-            this.gridView = true;
-            //});
-            this.enabelSelect = true;
-            this.dataSource.onDataReceived.subscribe(function (_data) {
-                var result = _data.data.result;
-                _this.hideLoading();
-                var items;
-                var 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(function () {
-                _this.showLoading();
-            });
-            if (this.searchInput) {
-                this.searchInput.onValueChanged.subscribe(function (c) {
-                    _this.searchText = c.value;
-                });
-            }
-            //
-            this.cdr.detectChanges();
-        };
-        AXDataGridComponent.prototype.mapColumns = function () {
-            this.columnDefs = this.columns.map(function (c) { return 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') {
-                var groupColumn = this.columnDefs.find(function (c) { return 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(function (elm) {
-                if (elm.rowGroupIndex > -1) {
-                    elm.hide = true;
-                }
-            });
-        };
-        AXDataGridComponent.prototype.displayedColumnsChanged = function (e) {
-            if (this.hasChildField === 'null') {
-                var ee = e.columnApi.getAllDisplayedColumnGroups();
-                var eee = ee.find(function (c) { return 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;
-            }
-        };
-        AXDataGridComponent.prototype.refresh = function (route) {
-            if (route === void 0) { 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);
-            }
-        };
-        AXDataGridComponent.prototype.internalGridCellClicked = function (e) {
-            this.cellClick.emit({ data: this.mapCellEvent(e), component: this, htmlElement: this.ref.nativeElement });
-        };
-        AXDataGridComponent.prototype.internalGridCellDoubleClicked = function (e) {
-            this.cellDbClick.emit({ data: this.mapCellEvent(e), component: this, htmlElement: this.ref.nativeElement });
-        };
-        AXDataGridComponent.prototype.internalGridCellFocused = function (e) {
-            this.cellFocuse.emit({ data: this.mapCellEvent(e), htmlElement: this.ref.nativeElement, component: this });
-        };
-        AXDataGridComponent.prototype.internalGridRowClicked = function (e) {
-            if (!e.node.group) {
-                this.rowClick.emit({ data: this.mapRowEvent(e), component: this, htmlElement: this.ref.nativeElement });
-            }
-        };
-        AXDataGridComponent.prototype.internalGridRowDoubleClicked = function (e) {
-            if (!e.node.group) {
-                this.rowDbClick.emit({ data: this.mapRowEvent(e), htmlElement: this.ref.nativeElement, component: this });
-            }
-        };
-        AXDataGridComponent.prototype.differenceOf2Arrays = function (array1, array2) {
-            var temp = [];
-            for (var i in array1) {
-                if (array2.indexOf(array1[i]) === -1) {
-                    temp.push(array1[i]);
-                }
-            }
-            for (var i in array2) {
-                if (array1.indexOf(array2[i]) === -1) {
-                    temp.push(array2[i]);
-                }
-            }
-            return temp.sort(function (a, b) { return a - b; });
-        };
-        AXDataGridComponent.prototype.rowSelectionChanged = function (e) {
-            var _this = this;
-            // debugger;
-            // 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.push(e.data);
-            }
-            else {
-                this.selectRow = this.selectRow.filter(function (c) { return c[_this.keyField] != e.data[_this.keyField]; });
-            }
-            this.rowSelectionChange.emit({ component: this, data: e, htmlElement: this.ref.nativeElement });
-            // console.log('e', e);
-            // console.log('select', e.node.selected);
-            // console.log('index', e.rowIndex);
-        };
-        AXDataGridComponent.prototype.internalGridSelectionChanged = function (e) {
-            var args = { items: [] };
-            var oldNodes = this.oldSelectionNodes;
-            var nodes = this.gridApi.getSelectedNodes();
-            nodes.forEach(function (i) {
-                args.items.push({
-                    rowLevel: i.level,
-                    rowIndex: i.rowIndex,
-                    data: i.data
-                });
-            });
-            this.selectionChanged.emit({ data: args, component: this, htmlElement: this.ref.nativeElement });
-            var action = nodes.length > oldNodes.length ? true : false;
-            var node = this.differenceOf2Arrays(nodes, oldNodes);
-            this.onRowSelectionChanged.emit({ component: this, selected: action, data: node, htmlElement: this.ref.nativeElement });
-            this.oldSelectionNodes = nodes;
-        };
-        AXDataGridComponent.prototype.mapCellEvent = function (e) {
-            return {
-                rowLevel: 0,
-                column: e.column,
-                data: e.data,
-                rowIndex: e.rowIndex,
-                value: e.value
-            };
-        };
-        AXDataGridComponent.prototype.mapRowEvent = function (e) {
-            return {
-                rowLevel: 0,
-                data: e.data,
-                rowIndex: e.rowIndex
-            };
-        };
-        AXDataGridComponent.prototype.deselectAll = function () {
-            this.gridApi.deselectAll();
-        };
-        AXDataGridComponent.prototype.showLoading = function () {
-            if (this.gridApi) {
-                this.gridApi.showLoadingOverlay();
-            }
-        };
-        AXDataGridComponent.prototype.hideLoading = function () {
-            if (this.gridApi) {
-                this.gridApi.hideOverlay();
-            }
-        };
-        AXDataGridComponent.prototype.internalGridSizeChanged = function (e) {
-            if (e.clientWidth > 0 && e.clientHeight > 0) {
-                this.performSizeColumnsToFit(e.api);
-            }
-        };
-        AXDataGridComponent.prototype.internalGridFirstDataRendered = function (e) {
-            this.performSizeColumnsToFit(e.api);
-        };
-        AXDataGridComponent.prototype.performSizeColumnsToFit = function (api) {
-            if (this.sizeColumnsToFit) {
-                api.sizeColumnsToFit();
-            }
-        };
-        AXDataGridComponent.ctorParameters = function () { return [
-            { type: core.ElementRef },
-            { type: core.ChangeDetectorRef }
-        ]; };
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Boolean)
-        ], AXDataGridComponent.prototype, "remoteOperation", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Boolean)
-        ], AXDataGridComponent.prototype, "rowMultiSelectWithClick", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Boolean)
-        ], AXDataGridComponent.prototype, "suppressRowClickSelection", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Boolean)
-        ], AXDataGridComponent.prototype, "suppressCellSelection", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Boolean)
-        ], AXDataGridComponent.prototype, "sizeColumnsToFit", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Boolean)
-        ], AXDataGridComponent.prototype, "showCheckBox", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Boolean)
-        ], AXDataGridComponent.prototype, "floatingFilter", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Number)
-        ], AXDataGridComponent.prototype, "takeCount", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", String)
-        ], AXDataGridComponent.prototype, "selectionMode", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Array)
-        ], AXDataGridComponent.prototype, "selectRow", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", String)
-        ], AXDataGridComponent.prototype, "rowGroupPanelShow", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Boolean)
-        ], AXDataGridComponent.prototype, "loadOnInit", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", String)
-        ], AXDataGridComponent.prototype, "keyField", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", String)
-        ], AXDataGridComponent.prototype, "hasChildField", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", String),
-            __metadata("design:paramtypes", [String])
-        ], AXDataGridComponent.prototype, "searchText", null);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Array),
-            __metadata("design:paramtypes", [Array])
-        ], AXDataGridComponent.prototype, "filter", null);
-        __decorate([
-            core.ContentChildren(AXGridDataColumn),
-            __metadata("design:type", core.QueryList)
-        ], AXDataGridComponent.prototype, "_inlineColumns", void 0);
-        __decorate([
-            core.Output(),
-            __metadata("design:type", core.EventEmitter)
-        ], AXDataGridComponent.prototype, "columnsChange", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Array),
-            __metadata("design:paramtypes", [Array])
-        ], AXDataGridComponent.prototype, "columns", null);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object)
-        ], AXDataGridComponent.prototype, "rowHeight", void 0);
-        __decorate([
-            core.ContentChild(components.AXToolbarSearchComponent, { static: true }),
-            __metadata("design:type", components.AXToolbarSearchComponent)
-        ], AXDataGridComponent.prototype, "searchInput", void 0);
-        __decorate([
-            core.ContentChild(components.AXToolbarComponent, { static: true }),
-            __metadata("design:type", components.AXToolbarComponent)
-        ], AXDataGridComponent.prototype, "toolbar", void 0);
-        __decorate([
-            core.ContentChild(AXDataGridRowTemplateComponent, { static: true }),
-            __metadata("design:type", AXDataGridRowTemplateComponent)
-        ], AXDataGridComponent.prototype, "rowTemplate", void 0);
-        __decorate([
-            core.ContentChild(AXDataGridDetailTemplateComponent, { static: true }),
-            __metadata("design:type", AXDataGridDetailTemplateComponent)
-        ], AXDataGridComponent.prototype, "gridDetailTemplate", void 0);
-        __decorate([
-            core.ContentChild(components.AXDataSourceComponent, { static: true }),
-            __metadata("design:type", components.AXDataSourceComponent)
-        ], AXDataGridComponent.prototype, "_contentDataSource", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", components.AXDataSourceComponent),
-            __metadata("design:paramtypes", [components.AXDataSourceComponent])
-        ], AXDataGridComponent.prototype, "dataSource", null);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Boolean)
-        ], AXDataGridComponent.prototype, "groupHideOpenParents", void 0);
-        __decorate([
-            core.Output(),
-            __metadata("design:type", core.EventEmitter)
-        ], AXDataGridComponent.prototype, "cellClick", void 0);
-        __decorate([
-            core.Output(),
-            __metadata("design:type", core.EventEmitter)
-        ], AXDataGridComponent.prototype, "cellDbClick", void 0);
-        __decorate([
-            core.Output(),
-            __metadata("design:type", core.EventEmitter)
-        ], AXDataGridComponent.prototype, "cellFocuse", void 0);
-        __decorate([
-            core.Output(),
-            __metadata("design:type", core.EventEmitter)
-        ], AXDataGridComponent.prototype, "rowClick", void 0);
-        __decorate([
-            core.Output(),
-            __metadata("design:type", core.EventEmitter)
-        ], AXDataGridComponent.prototype, "rowDbClick", void 0);
-        __decorate([
-            core.Output(),
-            __metadata("design:type", core.EventEmitter)
-        ], AXDataGridComponent.prototype, "selectionChanged", void 0);
-        __decorate([
-            core.Output(),
-            __metadata("design:type", core.EventEmitter)
-        ], AXDataGridComponent.prototype, "rowSelectionChange", void 0);
-        __decorate([
-            core.Output(),
-            __metadata("design:type", core.EventEmitter)
-        ], AXDataGridComponent.prototype, "onRowSelectionChanged", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Function)
-        ], AXDataGridComponent.prototype, "rowClass", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Boolean)
-        ], AXDataGridComponent.prototype, "rtl", void 0);
-        AXDataGridComponent = __decorate([
-            core.Component({
-                selector: 'ax-data-grid',
-                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]=\"true\"\r\n  [rowGroupPanelShow]=\"rowGroupPanelShow\" [rowModelType]=\"rowModelType\" [detailRowHeight]=\"detailRowHeight\"\r\n  [getRowHeight]=\"getRowHeight\" [paginationAutoPageSize]=\"true\" [suppressMenuHide]=\"true\"\r\n  [frameworkComponents]=\"frameworkComponents\" [isFullWidthCell]=\"isFullWidthCell\" [rowSelection]=\"selectionMode\"\r\n  [rowMultiSelectWithClick]=\"rowMultiSelectWithClick\" [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)\"  -->",
-                encapsulation: core.ViewEncapsulation.None
-                // changeDetection: ChangeDetectionStrategy.OnPush
-            }),
-            __metadata("design:paramtypes", [core.ElementRef, core.ChangeDetectorRef])
-        ], AXDataGridComponent);
-        return AXDataGridComponent;
+    agGridEnterprise.LicenseManager.prototype.validateLicense = function () {
+        //console.info('Cracked by Arash Oshnoudi!');
+    };
+    // WatermarkComp.prototype.shouldDisplayWatermark = function () {
+    //   return false;
+    // }
+    var AXDataGridColumnsChangeEvent = /** @class */ (function (_super) {
+        __extends(AXDataGridColumnsChangeEvent, _super);
+        function AXDataGridColumnsChangeEvent() {
+            return _super !== null && _super.apply(this, arguments) || this;
+        }
+        return AXDataGridColumnsChangeEvent;
+    }(components.AXValueEvent));
+    var AXDataGridCellEvent = /** @class */ (function (_super) {
+        __extends(AXDataGridCellEvent, _super);
+        function AXDataGridCellEvent() {
+            return _super !== null && _super.apply(this, arguments) || this;
+        }
+        return AXDataGridCellEvent;
+    }(components.AXDataEvent));
+    var AXDaagridRowClickEvent = /** @class */ (function (_super) {
+        __extends(AXDaagridRowClickEvent, _super);
+        function AXDaagridRowClickEvent() {
+            return _super !== null && _super.apply(this, arguments) || this;
+        }
+        return AXDaagridRowClickEvent;
+    }(components.AXDataEvent));
+    var AXDataGridSelectionChangeEvent = /** @class */ (function (_super) {
+        __extends(AXDataGridSelectionChangeEvent, _super);
+        function AXDataGridSelectionChangeEvent() {
+            return _super !== null && _super.apply(this, arguments) || this;
+        }
+        return AXDataGridSelectionChangeEvent;
+    }(components.AXDataEvent));
+    var AXDataGridRowSelectionChangeEvent = /** @class */ (function (_super) {
+        __extends(AXDataGridRowSelectionChangeEvent, _super);
+        function AXDataGridRowSelectionChangeEvent() {
+            return _super !== null && _super.apply(this, arguments) || this;
+        }
+        return AXDataGridRowSelectionChangeEvent;
+    }(components.AXDataEvent));
+    var AXDataGridComponent = /** @class */ (function () {
+        function AXDataGridComponent(ref, cdr) {
+            var _this = this;
+            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 = [];
+            // @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;
+            this.autoGroupColumnDef = {};
+            this.selectionMode = 'single';
+            // @Input()
+            // allowFiltering: boolean = false;
+            this.selectRow = [];
+            this.rowGroupPanelShow = 'never';
+            this.loadOnInit = true;
+            // @Input()
+            // groupDefaultExpanded: number = 0;
+            this.keyField = 'null';
+            this.hasChildField = 'null';
+            this.columnsChange = new core.EventEmitter();
+            this._columns = [];
+            this.defaultColDef = {
+                filter: true,
+                floatingFilter: true
+            };
+            this.groupHideOpenParents = false;
+            this.cellClick = new core.EventEmitter();
+            this.cellDbClick = new core.EventEmitter();
+            this.cellFocuse = new core.EventEmitter();
+            this.rowClick = new core.EventEmitter();
+            this.rowDbClick = new core.EventEmitter();
+            this.selectionChanged = new core.EventEmitter();
+            this.rowSelectionChange = new core.EventEmitter();
+            this.onRowSelectionChanged = new core.EventEmitter();
+            this.rtl = core$1.AXConfig.get('layout.rtl');
+            this.isServerSideGroup = function (e) {
+                return e[_this.hasChildField];
+            };
+            this.getServerSideGroupKey = function (e) {
+                return e[_this.keyField];
+            };
+            this.internalGetRowClass = function (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 = core$1.AXTranslator.get('dataGrid');
+        }
+        Object.defineProperty(AXDataGridComponent.prototype, "searchText", {
+            get: function () {
+                return this._searchText;
+            },
+            set: function (v) {
+                if (v !== this._searchText) {
+                    this._searchText = v;
+                    if (this.gridApi) {
+                        this.refresh();
+                        this.gridApi.setQuickFilter(this.searchText);
+                    }
+                }
+            },
+            enumerable: true,
+            configurable: true
+        });
+        Object.defineProperty(AXDataGridComponent.prototype, "filter", {
+            get: function () {
+                return this._filter;
+            },
+            set: function (v) {
+                var _this = this;
+                if (v !== this._filter) {
+                    this._filter = v;
+                    this._filter.forEach(function (f) {
+                        var fc = _this.gridApi.getFilterInstance(f.field);
+                        if (fc) {
+                            var ff = fc.getFrameworkComponentInstance();
+                            ff.setModel(f);
+                        }
+                    });
+                }
+            },
+            enumerable: true,
+            configurable: true
+        });
+        Object.defineProperty(AXDataGridComponent.prototype, "columns", {
+            get: function () {
+                return this._inlineColumns ? __spread(this._columns, this._inlineColumns.toArray()) : this._columns;
+            },
+            set: function (val) {
+                if (val && val.length) {
+                    var old = this._columns;
+                    this._columns = val;
+                    this.columnsChange.emit({ component: this, value: val, oldValue: old, htmlElement: this.ref.nativeElement });
+                }
+            },
+            enumerable: true,
+            configurable: true
+        });
+        Object.defineProperty(AXDataGridComponent.prototype, "dataSource", {
+            get: function () {
+                return this._dataSource ? this._dataSource : this._contentDataSource;
+            },
+            set: function (v) {
+                this._dataSource = v;
+            },
+            enumerable: true,
+            configurable: true
+        });
+        AXDataGridComponent.prototype.getRowHeight = function (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;
+            }
+        };
+        AXDataGridComponent.prototype.calcHeight = function () {
+            if (this.toolbar) {
+                this.internalHeight = "calc(100% - " + 40 + "px)";
+            }
+            else {
+                this.internalHeight = '100%';
+            }
+        };
+        Object.defineProperty(AXDataGridComponent.prototype, "intenalGridDataSource", {
+            get: function () {
+                var that = this;
+                return {
+                    rowCount: null,
+                    getRows: function (params) {
+                        // that.gridApi.gridOptionsWrapper.setProperty('cacheBlockSize', this.takeCount ? this.takeCount : params.api.paginationGetPageSize());
+                        that.dataSourceSuccessCallback = params.successCallback;
+                        var 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.sort = params.request.sortModel.map(function (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(function (r) { return r.field; }),
+                            keys: params.request.groupKeys,
+                            parentData: params.parentNode.data
+                        };
+                        loadParams.filter = params.request.filterModel;
+                        that.dataSource.fetch(loadParams);
+                    }
+                };
+            },
+            enumerable: true,
+            configurable: true
+        });
+        AXDataGridComponent.prototype.getMainMenuItems = function (e) {
+            return ['pinSubMenu', 'separator'];
+        };
+        AXDataGridComponent.prototype.ngOnDestroy = function () {
+            this.gridApi.destroy();
+        };
+        // todo gridOptions: GridOptions
+        AXDataGridComponent.prototype.internalGridReady = function (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();
+            }
+        };
+        AXDataGridComponent.prototype.ngAfterContentInit = function () {
+            var 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 = function () {
+                return that.rowTemplate != null;
+            };
+            //this.cdr
+        };
+        AXDataGridComponent.prototype.ngOnInit = function () {
+            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';
+            }
+            //
+        };
+        AXDataGridComponent.prototype.gridSelectRow = function () {
+            var _this = this;
+            if (this.gridApi) {
+                if (this.selectRow && this.selectRow.length > 0 && this.gridApi !== undefined && typeof this.selectRow[0] != 'object') {
+                    this.gridApi.forEachNode(function (node) {
+                        if (node.data !== undefined) {
+                            var select_1 = false;
+                            _this.selectRow.forEach(function (id) {
+                                if (node.data[_this.keyField] === id) {
+                                    select_1 = true;
+                                    node.setSelected(select_1);
+                                }
+                            });
+                        }
+                    });
+                }
+                else {
+                    this.gridApi.forEachNode(function (node) {
+                        if (node.data !== undefined) {
+                            var select_2 = false;
+                            _this.selectRow.forEach(function (item) {
+                                if (item.rowIndex != undefined && item.rowLevel != undefined) {
+                                    if (node.data[_this.keyField] === item.data[_this.keyField]) {
+                                        select_2 = true;
+                                    }
+                                }
+                                else {
+                                    if (node.data[_this.keyField] === item[_this.keyField]) {
+                                        select_2 = true;
+                                    }
+                                }
+                            });
+                            node.setSelected(select_2);
+                        }
+                    });
+                }
+            }
+        };
+        // 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;
+        // }
+        AXDataGridComponent.prototype.rebuildGrid = function () {
+            var _this = this;
+            this.mapColumns();
+            setTimeout(function () {
+                if (_this.sizeColumnsToFit) {
+                    _this.gridApi.sizeColumnsToFit();
+                }
+            }, 10);
+        };
+        AXDataGridComponent.prototype.ngAfterViewInit = function () {
+            var _this = this;
+            if (this.treeData === true) {
+                this.columnDefs = this.columns.map(function (c) { return c.render(); });
+                var groupColumn = this.columnDefs.find(function (c) { return c.rowGroupIndex == '0' && c.field !== ''; });
+                this.autoGroupColumnDef = {
+                    headerName: groupColumn.headerName,
+                    width: groupColumn.width,
+                    cellRendererParams: { checkbox: this.showCheckBox },
+                    field: groupColumn.field
+                };
+                this.columnDefs.forEach(function (elm) {
+                    if (elm.rowGroupIndex > -1) {
+                        elm.hide = true;
+                    }
+                });
+            }
+            //setTimeout(() => {
+            this.gridView = true;
+            //});
+            this.enabelSelect = true;
+            this.dataSource.onDataReceived.subscribe(function (_data) {
+                var result = _data.data.result;
+                _this.hideLoading();
+                var items;
+                var 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(function () {
+                _this.showLoading();
+            });
+            if (this.searchInput) {
+                this.searchInput.onValueChanged.subscribe(function (c) {
+                    _this.searchText = c.value;
+                });
+            }
+            //
+            this.cdr.detectChanges();
+        };
+        AXDataGridComponent.prototype.mapColumns = function () {
+            this.columnDefs = this.columns.map(function (c) { return 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') {
+                var groupColumn = this.columnDefs.find(function (c) { return 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(function (elm) {
+                if (elm.rowGroupIndex > -1) {
+                    elm.hide = true;
+                }
+            });
+        };
+        AXDataGridComponent.prototype.displayedColumnsChanged = function (e) {
+            if (this.hasChildField === 'null') {
+                var ee = e.columnApi.getAllDisplayedColumnGroups();
+                var eee = ee.find(function (c) { return 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;
+            }
+        };
+        AXDataGridComponent.prototype.refresh = function (route) {
+            if (route === void 0) { 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);
+            }
+        };
+        AXDataGridComponent.prototype.internalGridCellClicked = function (e) {
+            this.cellClick.emit({ data: this.mapCellEvent(e), component: this, htmlElement: this.ref.nativeElement });
+        };
+        AXDataGridComponent.prototype.internalGridCellDoubleClicked = function (e) {
+            this.cellDbClick.emit({ data: this.mapCellEvent(e), component: this, htmlElement: this.ref.nativeElement });
+        };
+        AXDataGridComponent.prototype.internalGridCellFocused = function (e) {
+            this.cellFocuse.emit({ data: this.mapCellEvent(e), htmlElement: this.ref.nativeElement, component: this });
+        };
+        AXDataGridComponent.prototype.internalGridRowClicked = function (e) {
+            if (!e.node.group) {
+                this.rowClick.emit({ data: this.mapRowEvent(e), component: this, htmlElement: this.ref.nativeElement });
+            }
+        };
+        AXDataGridComponent.prototype.internalGridRowDoubleClicked = function (e) {
+            if (!e.node.group) {
+                this.rowDbClick.emit({ data: this.mapRowEvent(e), htmlElement: this.ref.nativeElement, component: this });
+            }
+        };
+        AXDataGridComponent.prototype.differenceOf2Arrays = function (array1, array2) {
+            var temp = [];
+            for (var i in array1) {
+                if (array2.indexOf(array1[i]) === -1) {
+                    temp.push(array1[i]);
+                }
+            }
+            for (var i in array2) {
+                if (array1.indexOf(array2[i]) === -1) {
+                    temp.push(array2[i]);
+                }
+            }
+            return temp.sort(function (a, b) { return a - b; });
+        };
+        AXDataGridComponent.prototype.rowSelectionChanged = function (e) {
+            var _this = this;
+            // debugger;
+            // 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.push(e.data);
+            }
+            else {
+                this.selectRow = this.selectRow.filter(function (c) { return c[_this.keyField] != e.data[_this.keyField]; });
+            }
+            this.rowSelectionChange.emit({ component: this, data: e, htmlElement: this.ref.nativeElement });
+            // console.log('e', e);
+            // console.log('select', e.node.selected);
+            // console.log('index', e.rowIndex);
+        };
+        AXDataGridComponent.prototype.internalGridSelectionChanged = function (e) {
+            var args = { items: [] };
+            var oldNodes = this.oldSelectionNodes;
+            var nodes = this.gridApi.getSelectedNodes();
+            nodes.forEach(function (i) {
+                args.items.push({
+                    rowLevel: i.level,
+                    rowIndex: i.rowIndex,
+                    data: i.data
+                });
+            });
+            this.selectionChanged.emit({ data: args, component: this, htmlElement: this.ref.nativeElement });
+            var action = nodes.length > oldNodes.length ? true : false;
+            var node = this.differenceOf2Arrays(nodes, oldNodes);
+            this.onRowSelectionChanged.emit({ component: this, selected: action, data: node, htmlElement: this.ref.nativeElement });
+            this.oldSelectionNodes = nodes;
+        };
+        AXDataGridComponent.prototype.mapCellEvent = function (e) {
+            return {
+                rowLevel: 0,
+                column: e.column,
+                data: e.data,
+                rowIndex: e.rowIndex,
+                value: e.value
+            };
+        };
+        AXDataGridComponent.prototype.mapRowEvent = function (e) {
+            return {
+                rowLevel: 0,
+                data: e.data,
+                rowIndex: e.rowIndex
+            };
+        };
+        AXDataGridComponent.prototype.deselectAll = function () {
+            this.gridApi.deselectAll();
+        };
+        AXDataGridComponent.prototype.showLoading = function () {
+            if (this.gridApi) {
+                this.gridApi.showLoadingOverlay();
+            }
+        };
+        AXDataGridComponent.prototype.hideLoading = function () {
+            if (this.gridApi) {
+                this.gridApi.hideOverlay();
+            }
+        };
+        AXDataGridComponent.prototype.internalGridSizeChanged = function (e) {
+            if (e.clientWidth > 0 && e.clientHeight > 0) {
+                this.performSizeColumnsToFit(e.api);
+            }
+        };
+        AXDataGridComponent.prototype.internalGridFirstDataRendered = function (e) {
+            this.performSizeColumnsToFit(e.api);
+        };
+        AXDataGridComponent.prototype.performSizeColumnsToFit = function (api) {
+            if (this.sizeColumnsToFit) {
+                api.sizeColumnsToFit();
+            }
+        };
+        AXDataGridComponent.ctorParameters = function () { return [
+            { type: core.ElementRef },
+            { type: core.ChangeDetectorRef }
+        ]; };
+        __decorate([
+            core.Input(),
+            __metadata("design:type", Boolean)
+        ], AXDataGridComponent.prototype, "remoteOperation", void 0);
+        __decorate([
+            core.Input(),
+            __metadata("design:type", Boolean)
+        ], AXDataGridComponent.prototype, "rowMultiSelectWithClick", void 0);
+        __decorate([
+            core.Input(),
+            __metadata("design:type", Boolean)
+        ], AXDataGridComponent.prototype, "suppressRowClickSelection", void 0);
+        __decorate([
+            core.Input(),
+            __metadata("design:type", Boolean)
+        ], AXDataGridComponent.prototype, "suppressCellSelection", void 0);
+        __decorate([
+            core.Input(),
+            __metadata("design:type", Boolean)
+        ], AXDataGridComponent.prototype, "sizeColumnsToFit", void 0);
+        __decorate([
+            core.Input(),
+            __metadata("design:type", Boolean)
+        ], AXDataGridComponent.prototype, "showCheckBox", void 0);
+        __decorate([
+            core.Input(),
+            __metadata("design:type", Boolean)
+        ], AXDataGridComponent.prototype, "floatingFilter", void 0);
+        __decorate([
+            core.Input(),
+            __metadata("design:type", Number)
+        ], AXDataGridComponent.prototype, "takeCount", void 0);
+        __decorate([
+            core.Input(),
+            __metadata("design:type", String)
+        ], AXDataGridComponent.prototype, "selectionMode", void 0);
+        __decorate([
+            core.Input(),
+            __metadata("design:type", Array)
+        ], AXDataGridComponent.prototype, "selectRow", void 0);
+        __decorate([
+            core.Input(),
+            __metadata("design:type", String)
+        ], AXDataGridComponent.prototype, "rowGroupPanelShow", void 0);
+        __decorate([
+            core.Input(),
+            __metadata("design:type", Boolean)
+        ], AXDataGridComponent.prototype, "loadOnInit", void 0);
+        __decorate([
+            core.Input(),
+            __metadata("design:type", String)
+        ], AXDataGridComponent.prototype, "keyField", void 0);
+        __decorate([
+            core.Input(),
+            __metadata("design:type", String)
+        ], AXDataGridComponent.prototype, "hasChildField", void 0);
+        __decorate([
+            core.Input(),
+            __metadata("design:type", String),
+            __metadata("design:paramtypes", [String])
+        ], AXDataGridComponent.prototype, "searchText", null);
+        __decorate([
+            core.Input(),
+            __metadata("design:type", Array),
+            __metadata("design:paramtypes", [Array])
+        ], AXDataGridComponent.prototype, "filter", null);
+        __decorate([
+            core.ContentChildren(AXGridDataColumn),
+            __metadata("design:type", core.QueryList)
+        ], AXDataGridComponent.prototype, "_inlineColumns", void 0);
+        __decorate([
+            core.Output(),
+            __metadata("design:type", core.EventEmitter)
+        ], AXDataGridComponent.prototype, "columnsChange", void 0);
+        __decorate([
+            core.Input(),
+            __metadata("design:type", Array),
+            __metadata("design:paramtypes", [Array])
+        ], AXDataGridComponent.prototype, "columns", null);
+        __decorate([
+            core.Input(),
+            __metadata("design:type", Object)
+        ], AXDataGridComponent.prototype, "rowHeight", void 0);
+        __decorate([
+            core.ContentChild(components.AXToolbarSearchComponent, { static: true }),
+            __metadata("design:type", components.AXToolbarSearchComponent)
+        ], AXDataGridComponent.prototype, "searchInput", void 0);
+        __decorate([
+            core.ContentChild(components.AXToolbarComponent, { static: true }),
+            __metadata("design:type", components.AXToolbarComponent)
+        ], AXDataGridComponent.prototype, "toolbar", void 0);
+        __decorate([
+            core.ContentChild(AXDataGridRowTemplateComponent, { static: true }),
+            __metadata("design:type", AXDataGridRowTemplateComponent)
+        ], AXDataGridComponent.prototype, "rowTemplate", void 0);
+        __decorate([
+            core.ContentChild(AXDataGridDetailTemplateComponent, { static: true }),
+            __metadata("design:type", AXDataGridDetailTemplateComponent)
+        ], AXDataGridComponent.prototype, "gridDetailTemplate", void 0);
+        __decorate([
+            core.ContentChild(components.AXDataSourceComponent, { static: true }),
+            __metadata("design:type", components.AXDataSourceComponent)
+        ], AXDataGridComponent.prototype, "_contentDataSource", void 0);
+        __decorate([
+            core.Input(),
+            __metadata("design:type", components.AXDataSourceComponent),
+            __metadata("design:paramtypes", [components.AXDataSourceComponent])
+        ], AXDataGridComponent.prototype, "dataSource", null);
+        __decorate([
+            core.Input(),
+            __metadata("design:type", Boolean)
+        ], AXDataGridComponent.prototype, "groupHideOpenParents", void 0);
+        __decorate([
+            core.Output(),
+            __metadata("design:type", core.EventEmitter)
+        ], AXDataGridComponent.prototype, "cellClick", void 0);
+        __decorate([
+            core.Output(),
+            __metadata("design:type", core.EventEmitter)
+        ], AXDataGridComponent.prototype, "cellDbClick", void 0);
+        __decorate([
+            core.Output(),
+            __metadata("design:type", core.EventEmitter)
+        ], AXDataGridComponent.prototype, "cellFocuse", void 0);
+        __decorate([
+            core.Output(),
+            __metadata("design:type", core.EventEmitter)
+        ], AXDataGridComponent.prototype, "rowClick", void 0);
+        __decorate([
+            core.Output(),
+            __metadata("design:type", core.EventEmitter)
+        ], AXDataGridComponent.prototype, "rowDbClick", void 0);
+        __decorate([
+            core.Output(),
+            __metadata("design:type", core.EventEmitter)
+        ], AXDataGridComponent.prototype, "selectionChanged", void 0);
+        __decorate([
+            core.Output(),
+            __metadata("design:type", core.EventEmitter)
+        ], AXDataGridComponent.prototype, "rowSelectionChange", void 0);
+        __decorate([
+            core.Output(),
+            __metadata("design:type", core.EventEmitter)
+        ], AXDataGridComponent.prototype, "onRowSelectionChanged", void 0);
+        __decorate([
+            core.Input(),
+            __metadata("design:type", Function)
+        ], AXDataGridComponent.prototype, "rowClass", void 0);
+        __decorate([
+            core.Input(),
+            __metadata("design:type", Boolean)
+        ], AXDataGridComponent.prototype, "rtl", void 0);
+        AXDataGridComponent = __decorate([
+            core.Component({
+                selector: 'ax-data-grid',
+                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]=\"true\"\n  [rowGroupPanelShow]=\"rowGroupPanelShow\" [rowModelType]=\"rowModelType\" [detailRowHeight]=\"detailRowHeight\"\n  [getRowHeight]=\"getRowHeight\" [paginationAutoPageSize]=\"true\" [suppressMenuHide]=\"true\"\n  [frameworkComponents]=\"frameworkComponents\" [isFullWidthCell]=\"isFullWidthCell\" [rowSelection]=\"selectionMode\"\n  [rowMultiSelectWithClick]=\"rowMultiSelectWithClick\" [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)\"  -->",
+                encapsulation: core.ViewEncapsulation.None
+                // changeDetection: ChangeDetectionStrategy.OnPush
+            }),
+            __metadata("design:paramtypes", [core.ElementRef, core.ChangeDetectorRef])
+        ], AXDataGridComponent);
+        return AXDataGridComponent;
     }());
 
-    var AXDataGridFilterComponent = /** @class */ (function () {
-        function AXDataGridFilterComponent() {
-        }
-        AXDataGridFilterComponent = __decorate([
-            core.Component({
-                selector: 'ax-data-grid-filter',
-                template: "\n    <div class='ax-grid-filter-container'>\n      <ng-content></ng-content>\n      <div class='btn-group' role='group'>\n        <button type='button' class='btn btn-primary btn-sm'>\n          <i class='fas fa-filter'></i>\n        </button>\n        <button type='button' class='btn btn-danger btn-sm'>\n          <i class='fas fa-trash-alt'></i>\n        </button>\n      </div>\n    </div>\n  ",
-                encapsulation: core.ViewEncapsulation.None
-            })
-        ], AXDataGridFilterComponent);
-        return AXDataGridFilterComponent;
+    var AXDataGridFilterComponent = /** @class */ (function () {
+        function AXDataGridFilterComponent() {
+        }
+        AXDataGridFilterComponent = __decorate([
+            core.Component({
+                selector: 'ax-data-grid-filter',
+                template: "\n    <div class='ax-grid-filter-container'>\n      <ng-content></ng-content>\n      <div class='btn-group' role='group'>\n        <button type='button' class='btn btn-primary btn-sm'>\n          <i class='fas fa-filter'></i>\n        </button>\n        <button type='button' class='btn btn-danger btn-sm'>\n          <i class='fas fa-trash-alt'></i>\n        </button>\n      </div>\n    </div>\n  ",
+                encapsulation: core.ViewEncapsulation.None
+            })
+        ], AXDataGridFilterComponent);
+        return AXDataGridFilterComponent;
     }());
 
-    var AXDataGridModule = /** @class */ (function () {
-        function AXDataGridModule() {
-        }
-        AXDataGridModule = __decorate([
-            core.NgModule({
-                declarations: [
-                    AXDataGridComponent,
-                    AXGridTextColumn,
-                    AXGridCheckColumn,
-                    AXGridSelectionColumn,
-                    AXGridDateColumn,
-                    AXGridRowNumberColumn,
-                    AXGridCommandColumn,
-                    BooleanRenderer,
-                    BooleanFilterRenderer,
-                    TextFilterRenderer,
-                    AXDataGridFilterComponent,
-                    AXDataGridRowTemplateComponent,
-                    AXDataGridDetailTemplateComponent,
-                    AXDataGridRowTemplateRenderer,
-                    AXDataGridDetailTemplateRenderer,
-                    AXDataGridCellTemplateComponent,
-                    AXDataGridCellTemplateRenderer,
-                    AXDatePickerFilterComponent,
-                    CommandRenderer
-                ],
-                imports: [
-                    common.CommonModule,
-                    core$1.AXCoreModule,
-                    forms.FormsModule,
-                    //AgGridModule,
-                    components.AXTextBoxModule,
-                    components.AXCheckBoxModule,
-                    components.AXSelectBoxModule,
-                    components.AXDataSourceModule,
-                    components.AXButtonModule,
-                    components.AXDatePickerModule,
-                    agGridAngular.AgGridModule.withComponents([AXDatePickerFilterComponent])
-                ],
-                exports: [
-                    AXDataGridComponent,
-                    AXDataGridFilterComponent,
-                    AXDataGridRowTemplateComponent,
-                    AXDataGridDetailTemplateComponent,
-                    AXDataGridRowTemplateRenderer,
-                    AXDataGridDetailTemplateRenderer,
-                    AXDataGridCellTemplateComponent,
-                    AXDataGridCellTemplateRenderer,
-                    AXGridTextColumn,
-                    AXGridRowNumberColumn,
-                    AXGridCheckColumn,
-                    AXGridDateColumn,
-                    AXGridSelectionColumn,
-                    AXGridCommandColumn,
-                    BooleanRenderer,
-                    BooleanFilterRenderer,
-                    CommandRenderer
-                ],
-                entryComponents: [
-                    BooleanRenderer,
-                    BooleanFilterRenderer,
-                    CommandRenderer,
-                    TextFilterRenderer,
-                    AXDataGridRowTemplateComponent,
-                    AXDataGridDetailTemplateComponent,
-                    AXDataGridRowTemplateRenderer,
-                    AXDataGridDetailTemplateRenderer,
-                    AXDataGridCellTemplateComponent,
-                    AXDataGridCellTemplateRenderer
-                ],
-                providers: []
-            })
-        ], AXDataGridModule);
-        return AXDataGridModule;
+    var AXDataGridModule = /** @class */ (function () {
+        function AXDataGridModule() {
+        }
+        AXDataGridModule = __decorate([
+            core.NgModule({
+                declarations: [
+                    AXDataGridComponent,
+                    AXGridTextColumn,
+                    AXGridCheckColumn,
+                    AXGridSelectionColumn,
+                    AXGridDateColumn,
+                    AXGridRowNumberColumn,
+                    AXGridCommandColumn,
+                    BooleanRenderer,
+                    BooleanFilterRenderer,
+                    TextFilterRenderer,
+                    AXDataGridFilterComponent,
+                    AXDataGridRowTemplateComponent,
+                    AXDataGridDetailTemplateComponent,
+                    AXDataGridRowTemplateRenderer,
+                    AXDataGridDetailTemplateRenderer,
+                    AXDataGridCellTemplateComponent,
+                    AXDataGridCellTemplateRenderer,
+                    AXDatePickerFilterComponent,
+                    CommandRenderer
+                ],
+                imports: [
+                    common.CommonModule,
+                    core$1.AXCoreModule,
+                    forms.FormsModule,
+                    //AgGridModule,
+                    components.AXTextBoxModule,
+                    components.AXCheckBoxModule,
+                    components.AXSelectBoxModule,
+                    components.AXDataSourceModule,
+                    components.AXButtonModule,
+                    components.AXDatePickerModule,
+                    agGridAngular.AgGridModule.withComponents([AXDatePickerFilterComponent])
+                ],
+                exports: [
+                    AXDataGridComponent,
+                    AXDataGridFilterComponent,
+                    AXDataGridRowTemplateComponent,
+                    AXDataGridDetailTemplateComponent,
+                    AXDataGridRowTemplateRenderer,
+                    AXDataGridDetailTemplateRenderer,
+                    AXDataGridCellTemplateComponent,
+                    AXDataGridCellTemplateRenderer,
+                    AXGridTextColumn,
+                    AXGridRowNumberColumn,
+                    AXGridCheckColumn,
+                    AXGridDateColumn,
+                    AXGridSelectionColumn,
+                    AXGridCommandColumn,
+                    BooleanRenderer,
+                    BooleanFilterRenderer,
+                    CommandRenderer
+                ],
+                entryComponents: [
+                    BooleanRenderer,
+                    BooleanFilterRenderer,
+                    CommandRenderer,
+                    TextFilterRenderer,
+                    AXDataGridRowTemplateComponent,
+                    AXDataGridDetailTemplateComponent,
+                    AXDataGridRowTemplateRenderer,
+                    AXDataGridDetailTemplateRenderer,
+                    AXDataGridCellTemplateComponent,
+                    AXDataGridCellTemplateRenderer
+                ],
+                providers: []
+            })
+        ], AXDataGridModule);
+        return AXDataGridModule;
     }());
 
-    var AXDataLovPopupComponent = /** @class */ (function (_super) {
-        __extends(AXDataLovPopupComponent, _super);
-        function AXDataLovPopupComponent(cdr, ref) {
-            var _this = _super.call(this) || this;
-            _this.cdr = cdr;
-            _this.ref = ref;
-            _this.columns = [];
-            _this.selectedItems = [];
-            _this.keyField = '';
-            _this.allowNull = true;
-            _this.rtl = core$1.AXConfig.get('layout.rtl');
-            _this.selectedRows = [];
-            return _this;
-        }
-        AXDataLovPopupComponent.prototype.ngOnInit = function () {
-            if (this.rtl == null) {
-                this.rtl = window.getComputedStyle(this.ref.nativeElement, null).getPropertyValue('direction') === 'rtl';
-            }
-        };
-        AXDataLovPopupComponent.prototype.onDoneClick = function () {
-            if (this.selectedItems) {
-                this.close(this.selectedItems);
-            }
-            else {
-                this.close();
-            }
-        };
-        AXDataLovPopupComponent.prototype.rowDoubleClicked = function (e) {
-            var _this = this;
-            console.log('s', e.data.data);
-            if (this.selectionMode == 'single') {
-                this.selectedItems = [];
-            }
-            this.selectedItems = this.selectedItems.filter(function (c) { return c[_this.keyField] != e.data.data[_this.keyField]; });
-            this.selectedItems.push(e.data.data);
-            this.onDoneClick();
-        };
-        AXDataLovPopupComponent.prototype.onCancelClick = function () {
-            this.close();
-        };
-        AXDataLovPopupComponent.prototype.rowSelectionChange = function (e) {
-            var _this = this;
-            if (e.data.node.selected == true) {
-                this.selectedItems = this.selectedItems.filter(function (c) { return 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(function (c) { return c[_this.keyField] != e.data.node.data[_this.keyField]; });
-                }
-            }
-            // console.log('ee', e)
-            // // console.log('e', e);
-            // console.log('select', e.data.node.selected);
-            // console.log('index', e.data.rowIndex);
-        };
-        AXDataLovPopupComponent.prototype.ngAfterViewInit = function () {
-            var _this = this;
-            this.selectedItems.forEach(function (ele) {
-                _this.selectedRows.push(ele);
-            });
-            this.searchBox.focus();
-            if (this.dataSource.onDataReceived) {
-                this.dataSource.onDataReceived.subscribe(function (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);
-        // }
-        AXDataLovPopupComponent.prototype.getFooterButtons = function () {
-            return [
-                {
-                    text: core$1.AXTranslator.get('common.confirm'),
-                    name: 'confirm',
-                    style: 'ax primary',
-                    icon: 'far fa-check-circle'
-                },
-                {
-                    text: core$1.AXTranslator.get('common.cancel'),
-                    name: 'cancel',
-                    style: 'ax light',
-                    icon: 'far fa-times-circle'
-                }
-            ];
-        };
-        AXDataLovPopupComponent.prototype.onFooterButtonClick = function (e) {
-            if (e.name === 'confirm') {
-                this.onDoneClick();
-            }
-            if (e.name === 'cancel') {
-                this.onCancelClick();
-            }
-        };
-        AXDataLovPopupComponent.ctorParameters = function () { return [
-            { type: core.ChangeDetectorRef },
-            { type: core.ElementRef }
-        ]; };
-        __decorate([
-            core.ViewChild('grid', { static: true }),
-            __metadata("design:type", AXDataGridComponent)
-        ], AXDataLovPopupComponent.prototype, "grid", void 0);
-        __decorate([
-            core.ViewChild('searchBox'),
-            __metadata("design:type", components.AXToolbarSearchComponent)
-        ], AXDataLovPopupComponent.prototype, "searchBox", void 0);
-        AXDataLovPopupComponent = __decorate([
-            core.Component({
-                template: "<div style=\"height: 70vh; padding: 0.5em;\">\r\n    <div style=\"height: calc(100%);\">\r\n\r\n        <ax-data-grid [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>"
-            }),
-            __metadata("design:paramtypes", [core.ChangeDetectorRef, core.ElementRef])
-        ], AXDataLovPopupComponent);
-        return AXDataLovPopupComponent;
+    var AXDataLovPopupComponent = /** @class */ (function (_super) {
+        __extends(AXDataLovPopupComponent, _super);
+        function AXDataLovPopupComponent(cdr, ref) {
+            var _this = _super.call(this) || this;
+            _this.cdr = cdr;
+            _this.ref = ref;
+            _this.columns = [];
+            _this.selectedItems = [];
+            _this.keyField = '';
+            _this.allowNull = true;
+            _this.rtl = core$1.AXConfig.get('layout.rtl');
+            _this.selectedRows = [];
+            return _this;
+        }
+        AXDataLovPopupComponent.prototype.ngOnInit = function () {
+            if (this.rtl == null) {
+                this.rtl = window.getComputedStyle(this.ref.nativeElement, null).getPropertyValue('direction') === 'rtl';
+            }
+        };
+        AXDataLovPopupComponent.prototype.onDoneClick = function () {
+            if (this.selectedItems) {
+                this.close(this.selectedItems);
+            }
+            else {
+                this.close();
+            }
+        };
+        AXDataLovPopupComponent.prototype.rowDoubleClicked = function (e) {
+            var _this = this;
+            console.log('s', e.data.data);
+            if (this.selectionMode == 'single') {
+                this.selectedItems = [];
+            }
+            this.selectedItems = this.selectedItems.filter(function (c) { return c[_this.keyField] != e.data.data[_this.keyField]; });
+            this.selectedItems.push(e.data.data);
+            this.onDoneClick();
+        };
+        AXDataLovPopupComponent.prototype.onCancelClick = function () {
+            this.close();
+        };
+        AXDataLovPopupComponent.prototype.rowSelectionChange = function (e) {
+            var _this = this;
+            if (e.data.node.selected == true) {
+                this.selectedItems = this.selectedItems.filter(function (c) { return 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(function (c) { return c[_this.keyField] != e.data.node.data[_this.keyField]; });
+                }
+            }
+            // console.log('ee', e)
+            // // console.log('e', e);
+            // console.log('select', e.data.node.selected);
+            // console.log('index', e.data.rowIndex);
+        };
+        AXDataLovPopupComponent.prototype.ngAfterViewInit = function () {
+            var _this = this;
+            this.selectedItems.forEach(function (ele) {
+                _this.selectedRows.push(ele);
+            });
+            this.searchBox.focus();
+            if (this.dataSource.onDataReceived) {
+                this.dataSource.onDataReceived.subscribe(function (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);
+        // }
+        AXDataLovPopupComponent.prototype.getFooterButtons = function () {
+            return [
+                {
+                    text: core$1.AXTranslator.get('common.confirm'),
+                    name: 'confirm',
+                    style: 'ax primary',
+                    icon: 'far fa-check-circle'
+                },
+                {
+                    text: core$1.AXTranslator.get('common.cancel'),
+                    name: 'cancel',
+                    style: 'ax light',
+                    icon: 'far fa-times-circle'
+                }
+            ];
+        };
+        AXDataLovPopupComponent.prototype.onFooterButtonClick = function (e) {
+            if (e.name === 'confirm') {
+                this.onDoneClick();
+            }
+            if (e.name === 'cancel') {
+                this.onCancelClick();
+            }
+        };
+        AXDataLovPopupComponent.ctorParameters = function () { return [
+            { type: core.ChangeDetectorRef },
+            { type: core.ElementRef }
+        ]; };
+        __decorate([
+            core.ViewChild('grid', { static: true }),
+            __metadata("design:type", AXDataGridComponent)
+        ], AXDataLovPopupComponent.prototype, "grid", void 0);
+        __decorate([
+            core.ViewChild('searchBox'),
+            __metadata("design:type", components.AXToolbarSearchComponent)
+        ], AXDataLovPopupComponent.prototype, "searchBox", void 0);
+        AXDataLovPopupComponent = __decorate([
+            core.Component({
+                template: "<div style=\"height: 70vh; padding: 0.5em;\">\n    <div style=\"height: calc(100%);\">\n\n        <ax-data-grid [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>"
+            }),
+            __metadata("design:paramtypes", [core.ChangeDetectorRef, core.ElementRef])
+        ], AXDataLovPopupComponent);
+        return AXDataLovPopupComponent;
     }(components.AXBasePopupPageComponent));
 
-    var AXLOVComponent = /** @class */ (function (_super) {
-        __extends(AXLOVComponent, _super);
-        function AXLOVComponent(popup, ref) {
-            var _this = _super.call(this) || this;
-            _this.popup = popup;
-            _this.ref = ref;
-            _this.textField = '';
-            _this.allowSearch = true;
-            _this.valueField = '';
-            _this.hasChildField = 'null';
-            _this.allowNull = true;
-            _this.popupSize = 'md';
-            _this.selectedItems = [];
-            // @Input()
-            // selectedValues: any[] = [];
-            _this.readonly = false;
-            _this.disabled = false;
-            _this.chipsWidth = '';
-            _this.size = 'md';
-            _this.mode = 'single';
-            _this.onSelectionChange = new core.EventEmitter();
-            _this.rtl = core$1.AXConfig.get('layout.rtl');
-            return _this;
-        }
-        AXLOVComponent_1 = AXLOVComponent;
-        Object.defineProperty(AXLOVComponent.prototype, "validation", {
-            get: function () {
-                return this._validation ? this._validation : this._contentValidation;
-            },
-            set: function (v) {
-                this._validation = v;
-            },
-            enumerable: true,
-            configurable: true
-        });
-        AXLOVComponent.prototype.focus = function () { this.selectBox.focus(); };
-        AXLOVComponent.prototype.refresh = function () {
-            this.selectBox.refresh();
-        };
-        AXLOVComponent.prototype.handleButtonClick = function () {
-            this.open();
-        };
-        AXLOVComponent.prototype.ngOnInit = function () {
-            var _this = this;
-            if (this.rtl == null) {
-                this.rtl = window.getComputedStyle(this.ref.nativeElement, null).getPropertyValue('direction') === 'rtl';
-            }
-            //  this.selectVal = this.selectedValues;
-            this.onSelectionChange.subscribe(function (c) {
-                _this.clearValidationStyle(_this.ref.nativeElement);
-            });
-        };
-        AXLOVComponent.prototype.ngAfterContentInit = function () {
-            this.initValidation(this.ref, 'selectedItems', this.validation);
-        };
-        AXLOVComponent.prototype.handleSelectChange = function (e) {
-            //  console.log('se' + JSON.stringify(e));
-            this.onSelectionChange.emit({ data: this.selectedItems, component: this, htmlElement: this.ref.nativeElement });
-        };
-        AXLOVComponent.prototype.open = function () {
-            var _this = this;
-            return new Promise(function (resolve) {
-                _this.selectBox.dropdown.close();
-                _this.popup.open(AXDataLovPopupComponent, {
-                    size: _this.popupSize,
-                    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
-                    },
-                    title: _this.caption,
-                }).then(function (c) {
-                    if (c.data) {
-                        // this.selectedValues = [];
-                        _this.selectedItems = [];
-                        c.data.forEach(function (elm) {
-                            _this.selectedItems.push(elm);
-                        });
-                        //  this.selectedItems = c.data;
-                        //  this.selectBox.refresh();
-                        //    console.log('se' + JSON.stringify(this.selectedItems));
-                        _this.onSelectionChange.emit({ data: _this.selectedItems, component: _this, htmlElement: _this.ref.nativeElement });
-                        if (resolve) {
-                            resolve(c.data);
-                        }
-                    }
-                    else {
-                        if (resolve) {
-                            resolve();
-                        }
-                    }
-                    _this.selectBox.refresh();
-                });
-            });
-        };
-        var AXLOVComponent_1;
-        AXLOVComponent.ctorParameters = function () { return [
-            { type: components.AXPopupService },
-            { type: core.ElementRef }
-        ]; };
-        __decorate([
-            core.ContentChild(components.AXValidation, { static: true }),
-            __metadata("design:type", components.AXValidation)
-        ], AXLOVComponent.prototype, "_contentValidation", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", components.AXValidation),
-            __metadata("design:paramtypes", [components.AXValidation])
-        ], AXLOVComponent.prototype, "validation", null);
-        __decorate([
-            core.ViewChild('selectBox', { static: true }),
-            __metadata("design:type", components.AXSelectBoxComponent)
-        ], AXLOVComponent.prototype, "selectBox", void 0);
-        __decorate([
-            core.ContentChild(components.AXDataSourceComponent, { static: true }),
-            __metadata("design:type", components.AXDataSourceComponent)
-        ], AXLOVComponent.prototype, "dataSource", void 0);
-        __decorate([
-            core.ContentChildren(AXGridDataColumn),
-            __metadata("design:type", core.QueryList)
-        ], AXLOVComponent.prototype, "columns", void 0);
-        __decorate([
-            core.ContentChild('itemTemplate', { static: true }),
-            __metadata("design:type", core.TemplateRef)
-        ], AXLOVComponent.prototype, "rowTemplate", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", String)
-        ], AXLOVComponent.prototype, "textField", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Boolean)
-        ], AXLOVComponent.prototype, "allowSearch", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", String)
-        ], AXLOVComponent.prototype, "valueField", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", String)
-        ], AXLOVComponent.prototype, "hasChildField", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Boolean)
-        ], AXLOVComponent.prototype, "allowNull", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", String)
-        ], AXLOVComponent.prototype, "popupSize", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Array)
-        ], AXLOVComponent.prototype, "selectedItems", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Boolean)
-        ], AXLOVComponent.prototype, "readonly", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Boolean)
-        ], AXLOVComponent.prototype, "disabled", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", String)
-        ], AXLOVComponent.prototype, "chipsWidth", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", String)
-        ], AXLOVComponent.prototype, "size", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", String)
-        ], AXLOVComponent.prototype, "caption", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", String)
-        ], AXLOVComponent.prototype, "mode", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", String)
-        ], AXLOVComponent.prototype, "placeholder", void 0);
-        __decorate([
-            core.Output(),
-            __metadata("design:type", core.EventEmitter)
-        ], AXLOVComponent.prototype, "onSelectionChange", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Boolean)
-        ], AXLOVComponent.prototype, "rtl", void 0);
-        AXLOVComponent = AXLOVComponent_1 = __decorate([
-            core.Component({
-                selector: 'ax-lov',
-                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> -->",
-                encapsulation: core.ViewEncapsulation.None,
-                host: { style: 'width: 100%' },
-                providers: [{ provide: components.AXValidatableComponent, useExisting: AXLOVComponent_1 }]
-            }),
-            __metadata("design:paramtypes", [components.AXPopupService, core.ElementRef])
-        ], AXLOVComponent);
-        return AXLOVComponent;
+    var AXLOVComponent = /** @class */ (function (_super) {
+        __extends(AXLOVComponent, _super);
+        function AXLOVComponent(popup, ref) {
+            var _this = _super.call(this) || this;
+            _this.popup = popup;
+            _this.ref = ref;
+            _this.textField = '';
+            _this.allowSearch = true;
+            _this.valueField = '';
+            _this.hasChildField = 'null';
+            _this.allowNull = true;
+            _this.popupSize = 'md';
+            _this.selectedItems = [];
+            // @Input()
+            // selectedValues: any[] = [];
+            _this.readonly = false;
+            _this.disabled = false;
+            _this.chipsWidth = '';
+            _this.size = 'md';
+            _this.mode = 'single';
+            _this.onSelectionChange = new core.EventEmitter();
+            _this.rtl = core$1.AXConfig.get('layout.rtl');
+            return _this;
+        }
+        AXLOVComponent_1 = AXLOVComponent;
+        Object.defineProperty(AXLOVComponent.prototype, "validation", {
+            get: function () {
+                return this._validation ? this._validation : this._contentValidation;
+            },
+            set: function (v) {
+                this._validation = v;
+            },
+            enumerable: true,
+            configurable: true
+        });
+        AXLOVComponent.prototype.focus = function () { this.selectBox.focus(); };
+        AXLOVComponent.prototype.refresh = function () {
+            this.selectBox.refresh();
+        };
+        AXLOVComponent.prototype.handleButtonClick = function () {
+            this.open();
+        };
+        AXLOVComponent.prototype.ngOnInit = function () {
+            var _this = this;
+            if (this.rtl == null) {
+                this.rtl = window.getComputedStyle(this.ref.nativeElement, null).getPropertyValue('direction') === 'rtl';
+            }
+            //  this.selectVal = this.selectedValues;
+            this.onSelectionChange.subscribe(function (c) {
+                _this.clearValidationStyle(_this.ref.nativeElement);
+            });
+        };
+        AXLOVComponent.prototype.ngAfterContentInit = function () {
+            this.initValidation(this.ref, 'selectedItems', this.validation);
+        };
+        AXLOVComponent.prototype.handleSelectChange = function (e) {
+            //  console.log('se' + JSON.stringify(e));
+            this.onSelectionChange.emit({ data: this.selectedItems, component: this, htmlElement: this.ref.nativeElement });
+        };
+        AXLOVComponent.prototype.open = function () {
+            var _this = this;
+            return new Promise(function (resolve) {
+                _this.selectBox.dropdown.close();
+                _this.popup.open(AXDataLovPopupComponent, {
+                    size: _this.popupSize,
+                    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
+                    },
+                    title: _this.caption,
+                }).then(function (c) {
+                    if (c.data) {
+                        // this.selectedValues = [];
+                        _this.selectedItems = [];
+                        c.data.forEach(function (elm) {
+                            _this.selectedItems.push(elm);
+                        });
+                        //  this.selectedItems = c.data;
+                        //  this.selectBox.refresh();
+                        //    console.log('se' + JSON.stringify(this.selectedItems));
+                        _this.onSelectionChange.emit({ data: _this.selectedItems, component: _this, htmlElement: _this.ref.nativeElement });
+                        if (resolve) {
+                            resolve(c.data);
+                        }
+                    }
+                    else {
+                        if (resolve) {
+                            resolve();
+                        }
+                    }
+                    _this.selectBox.refresh();
+                });
+            });
+        };
+        var AXLOVComponent_1;
+        AXLOVComponent.ctorParameters = function () { return [
+            { type: components.AXPopupService },
+            { type: core.ElementRef }
+        ]; };
+        __decorate([
+            core.ContentChild(components.AXValidation, { static: true }),
+            __metadata("design:type", components.AXValidation)
+        ], AXLOVComponent.prototype, "_contentValidation", void 0);
+        __decorate([
+            core.Input(),
+            __metadata("design:type", components.AXValidation),
+            __metadata("design:paramtypes", [components.AXValidation])
+        ], AXLOVComponent.prototype, "validation", null);
+        __decorate([
+            core.ViewChild('selectBox', { static: true }),
+            __metadata("design:type", components.AXSelectBoxComponent)
+        ], AXLOVComponent.prototype, "selectBox", void 0);
+        __decorate([
+            core.ContentChild(components.AXDataSourceComponent, { static: true }),
+            __metadata("design:type", components.AXDataSourceComponent)
+        ], AXLOVComponent.prototype, "dataSource", void 0);
+        __decorate([
+            core.ContentChildren(AXGridDataColumn),
+            __metadata("design:type", core.QueryList)
+        ], AXLOVComponent.prototype, "columns", void 0);
+        __decorate([
+            core.ContentChild('itemTemplate', { static: true }),
+            __metadata("design:type", core.TemplateRef)
+        ], AXLOVComponent.prototype, "rowTemplate", void 0);
+        __decorate([
+            core.Input(),
+            __metadata("design:type", String)
+        ], AXLOVComponent.prototype, "textField", void 0);
+        __decorate([
+            core.Input(),
+            __metadata("design:type", Boolean)
+        ], AXLOVComponent.prototype, "allowSearch", void 0);
+        __decorate([
+            core.Input(),
+            __metadata("design:type", String)
+        ], AXLOVComponent.prototype, "valueField", void 0);
+        __decorate([
+            core.Input(),
+            __metadata("design:type", String)
+        ], AXLOVComponent.prototype, "hasChildField", void 0);
+        __decorate([
+            core.Input(),
+            __metadata("design:type", Boolean)
+        ], AXLOVComponent.prototype, "allowNull", void 0);
+        __decorate([
+            core.Input(),
+            __metadata("design:type", String)
+        ], AXLOVComponent.prototype, "popupSize", void 0);
+        __decorate([
+            core.Input(),
+            __metadata("design:type", Array)
+        ], AXLOVComponent.prototype, "selectedItems", void 0);
+        __decorate([
+            core.Input(),
+            __metadata("design:type", Boolean)
+        ], AXLOVComponent.prototype, "readonly", void 0);
+        __decorate([
+            core.Input(),
+            __metadata("design:type", Boolean)
+        ], AXLOVComponent.prototype, "disabled", void 0);
+        __decorate([
+            core.Input(),
+            __metadata("design:type", String)
+        ], AXLOVComponent.prototype, "chipsWidth", void 0);
+        __decorate([
+            core.Input(),
+            __metadata("design:type", String)
+        ], AXLOVComponent.prototype, "size", void 0);
+        __decorate([
+            core.Input(),
+            __metadata("design:type", String)
+        ], AXLOVComponent.prototype, "caption", void 0);
+        __decorate([
+            core.Input(),
+            __metadata("design:type", String)
+        ], AXLOVComponent.prototype, "mode", void 0);
+        __decorate([
+            core.Input(),
+            __metadata("design:type", String)
+        ], AXLOVComponent.prototype, "placeholder", void 0);
+        __decorate([
+            core.Output(),
+            __metadata("design:type", core.EventEmitter)
+        ], AXLOVComponent.prototype, "onSelectionChange", void 0);
+        __decorate([
+            core.Input(),
+            __metadata("design:type", Boolean)
+        ], AXLOVComponent.prototype, "rtl", void 0);
+        AXLOVComponent = AXLOVComponent_1 = __decorate([
+            core.Component({
+                selector: 'ax-lov',
+                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> -->",
+                encapsulation: core.ViewEncapsulation.None,
+                host: { style: 'width: 100%' },
+                providers: [{ provide: components.AXValidatableComponent, useExisting: AXLOVComponent_1 }]
+            }),
+            __metadata("design:paramtypes", [components.AXPopupService, core.ElementRef])
+        ], AXLOVComponent);
+        return AXLOVComponent;
     }(components.AXValidatableComponent));
 
-    var AXLOVModule = /** @class */ (function () {
-        function AXLOVModule() {
-        }
-        AXLOVModule = __decorate([
-            core.NgModule({
-                declarations: [AXLOVComponent, AXDataLovPopupComponent],
-                imports: [common.CommonModule, forms.FormsModule, AXDataGridModule, components.AXDataSourceModule, components.AXButtonModule, components.AXToolbarModule, components.AXSelectBoxModule, components.AXSearchBoxModule],
-                exports: [AXLOVComponent, AXDataLovPopupComponent],
-                providers: [],
-                entryComponents: [AXDataLovPopupComponent]
-            })
-        ], AXLOVModule);
-        return AXLOVModule;
+    var AXLOVModule = /** @class */ (function () {
+        function AXLOVModule() {
+        }
+        AXLOVModule = __decorate([
+            core.NgModule({
+                declarations: [AXLOVComponent, AXDataLovPopupComponent],
+                imports: [common.CommonModule, forms.FormsModule, AXDataGridModule, components.AXDataSourceModule, components.AXButtonModule, components.AXToolbarModule, components.AXSelectBoxModule, components.AXSearchBoxModule],
+                exports: [AXLOVComponent, AXDataLovPopupComponent],
+                providers: [],
+                entryComponents: [AXDataLovPopupComponent]
+            })
+        ], AXLOVModule);
+        return AXLOVModule;
     }());
 
     exports.AXDaagridRowClickEvent = AXDaagridRowClickEvent;