fixa-admin 0.0.67 → 0.0.69

package/fesm2022/fixa-admin.mjs

@@ -56,6 +56,7 @@ import * as i3 from 'ng-zorro-antd/core/wave';
 import * as i6 from 'ng-zorro-antd/grid';
 import Dexie from 'dexie';
 import { Observable, debounceTime, distinctUntilChanged, Subscription } from 'rxjs';
+import * as _ from 'lodash';
 import * as i14 from 'ng-zorro-antd/select';
 import { NzSelectModule } from 'ng-zorro-antd/select';
 import * as i15 from 'ng-zorro-antd/tree-select';
@@ -539,16 +540,21 @@ class TimeFilter {
     constructor() {
         this.time = "";
     }
+    isValidTime() {
+        if (!this.time || this.time.length !== 4)
+            return false;
+        const regex = /^([01]\d|2[0-3])([0-5]\d)$/;
+        return regex.test(this.time);
+    }
     agInit(params) {
         this.params = params;
     }
     isFilterActive() {
-        if (this.time == null) {
-            return false;
-        }
-        return true;
+        return this.isValidTime();
     }
     doesFilterPass(params) {
+        if (!this.isValidTime())
+            return false;
         let passed = true;
         const { node } = params;
         this.time
@@ -576,6 +582,9 @@ class TimeFilter {
         this.time = model == null || model.time == null ? null : model.time;
     }
     filter() {
+        if (!this.isValidTime()) {
+            return;
+        }
         this.params.filterChangedCallback();
     }
     clear() {
@@ -584,7 +593,6 @@ class TimeFilter {
     }
     afterGuiAttached(params) {
         if (!params?.suppressFocus) {
-            // focus the input element for keyboard navigation
             this.eFilterText.nativeElement.focus();
         }
     }
@@ -594,7 +602,7 @@ class TimeFilter {
         <nz-form-item>
             <nz-form-label>ساعت</nz-form-label>
             <nz-form-control>
-                <input nz-input appMask="00:00:00" placeholder="12:00:00" autocomplete="off" class="w-[250px]" dir="ltr" [(ngModel)]="time" #eFilterText/>
+                <input nz-input appMask="00:00" placeholder="12:00" autocomplete="off" class="w-[250px]" dir="ltr" [(ngModel)]="time" #eFilterText/>
             </nz-form-control>
         </nz-form-item>
         <hr/>
@@ -613,7 +621,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
         <nz-form-item>
             <nz-form-label>ساعت</nz-form-label>
             <nz-form-control>
-                <input nz-input appMask="00:00:00" placeholder="12:00:00" autocomplete="off" class="w-[250px]" dir="ltr" [(ngModel)]="time" #eFilterText/>
+                <input nz-input appMask="00:00" placeholder="12:00" autocomplete="off" class="w-[250px]" dir="ltr" [(ngModel)]="time" #eFilterText/>
             </nz-form-control>
         </nz-form-item>
         <hr/>
@@ -687,6 +695,7 @@ class GridComponent {
         this.templateName = null;
         this.gridId = null;
         this._autoColumnSize = { type: 'fitGridWidth' };
+        this.isFilterHeader = false;
         this.autoGroupColumnDef = {
             headerName: "",
             minWidth: 250,
@@ -821,6 +830,7 @@ class GridComponent {
     set filterItems(v) {
         if (v != null && v.length > 0) {
             this._filterItems = v;
+            this.isFilterHeader = true;
             v.forEach((el) => {
                 if (!this._filterBoxItems.find((item) => item.field == el.field)) {
                     let items = [];
@@ -1060,7 +1070,7 @@ class GridComponent {
                                 cellClassRules: this.renderCellClassRules,
                                 cellRenderer: params => {
                                     if (params.value) {
-                                        return params.value;
+                                        return params.value.substr(0, 5);
                                     }
                                     else {
                                         return '';
@@ -1073,7 +1083,7 @@ class GridComponent {
                                 colId: el.id ? el.id : el.field,
                                 field: el.field,
                                 headerName: el.label,
-                                filter: DateFilter,
+                                filter: filter ? DateFilter : false,
                                 sortable,
                                 editable: el.editable,
                                 minWidth: el.minWidth ? el.minWidth : null,
@@ -1154,6 +1164,9 @@ class GridComponent {
                         this.autoGroupColumnDef.field = el.field;
                     }
                 });
+                if (this.columnDefs.filter((el) => el.filter != false).length > 0) {
+                    this.isFilterHeader = true;
+                }
                 this._column.filter((el) => el.filter == 'filter-box').forEach((el) => {
                     let items = [];
                     if (el.filterItems != null) {
@@ -1433,22 +1446,23 @@ class GridComponent {
                 case 'boolean':
                     value = el.value != null && el.value == true ? 'True' : 'False';
                     break;
+                case 'time':
+                    value = el.value.substr(0, 5);
+                    break;
                 case 'tree-select':
-                    const findItemByValue = (items, targetValue) => {
-                        for (const item of items) {
-                            if (item.value == targetValue) {
-                                return item.label;
-                            }
-                            if (item.children && item.children.length > 0) {
-                                const found = findItemByValue(item.children, targetValue);
-                                if (found) {
-                                    return found;
+                    if (el.value != null && el.value != "") {
+                        const flattenTree = (nodes = []) => {
+                            return _.reduce(nodes, (acc, node) => {
+                                acc.push(_.omit(node, 'children'));
+                                if (node.children && node.children.length) {
+                                    acc.push(...flattenTree(node.children));
                                 }
-                            }
-                        }
-                        return targetValue;
-                    };
-                    value = findItemByValue(el.items, el.value);
+                                return acc;
+                            }, []);
+                        };
+                        const items = flattenTree(el.items);
+                        value = items.find((item) => item.value == el.value).label;
+                    }
                     break;
             }
             if (!findEl) {
@@ -1534,7 +1548,6 @@ class GridComponent {
                                 field = findEl.searchField;
                             }
                         }
-                        debugger;
                         if (params.request.filterModel[key].filterType == 'custom-date') {
                             if (params.request.filterModel[key].dateFrom && params.request.filterModel[key].dateTo) {
                                 operator = FilterOperator.between;
@@ -1554,11 +1567,12 @@ class GridComponent {
                         }
                         else if (params.request.filterModel[key].filterType == 'custom-time' && params.request.filterModel[key].time != null) {
                             operator = FilterOperator.equals;
-                            value = `${params.request.filterModel[key].time.substr(0, 2)}:${params.request.filterModel[key].time.substr(2, 2)}:${params.request.filterModel[key].time.substr(4, 2)}`;
+                            value = `${params.request.filterModel[key].time.substr(0, 2)}:${params.request.filterModel[key].time.substr(2, 2)}:00`;
                         }
                         else if (params.request.filterModel[key].type && params.request.filterModel[key].type == 'inRange') {
                             operator = FilterOperator.between;
                             value = [params.request.filterModel[key].filter, params.request.filterModel[key].filterTo];
+                            translateValue = `${params.request.filterModel[key].filter} - ${params.request.filterModel[key].filterTo}`;
                         }
                         else {
                             if (FilterOperator[params.request.filterModel[key].type]) {
@@ -1570,16 +1584,18 @@ class GridComponent {
                                 ignoreCase = false;
                             }
                         }
-                        const findFilterItemsEl = this.filterItemsValues.find((fi) => fi.field == findEl.field);
-                        if (!findFilterItemsEl) {
-                            this.filterItemsValues.push({
-                                field: findEl.field,
-                                label: findEl.label,
-                                value: translateValue != null ? translateValue : value
-                            });
-                        }
-                        else {
-                            findFilterItemsEl.value = translateValue != null ? translateValue : value;
+                        if (findEl != null) {
+                            const findFilterItemsEl = this.filterItemsValues.find((fi) => fi.field == findEl.field);
+                            if (!findFilterItemsEl) {
+                                this.filterItemsValues.push({
+                                    field: findEl.field,
+                                    label: findEl.label,
+                                    value: translateValue != null ? translateValue : params.request.filterModel[key].filterType == 'custom-time' ? value.substr(0, 5) : value
+                                });
+                            }
+                            else {
+                                findFilterItemsEl.value = translateValue != null ? translateValue : value;
+                            }
                         }
                         filter.filters.push({
                             disable: false,
@@ -1700,11 +1716,11 @@ class GridComponent {
         this.fetchTemplate();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: GridComponent, deps: [{ token: i1$3.TranslateService }, { token: i0.ChangeDetectorRef }, { token: ToastService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: GridComponent, selector: "app-grid", inputs: { actionWidth: "actionWidth", label: "label", id: "id", isRowSelection: "isRowSelection", requireFilterOrData: "requireFilterOrData", rowModelType: "rowModelType", serverSideSort: "serverSideSort", serverSideFilter: "serverSideFilter", isToolbar: "isToolbar", rtl: "rtl", paginationPageSize: "paginationPageSize", paginationPageSizeSelector: "paginationPageSizeSelector", enableAdvancedFilter: "enableAdvancedFilter", treeModel: "treeModel", isLeaf: "isLeaf", rowData: "rowData", renderCellClassRules: "renderCellClassRules", autoColumnSize: "autoColumnSize", showAdvancedButton: "showAdvancedButton", actionItems: "actionItems", toolbarItems: "toolbarItems", treeGroupColumn: "treeGroupColumn", filterItems: "filterItems", fetchData: "fetchData", column: "column" }, outputs: { onAction: "onAction", onToolbar: "onToolbar", onClicked: "onClicked", rowSelectionChange: "rowSelectionChange" }, ngImport: i0, template: "<!-- <button (click)=\"enableAdvancedFilter=!enableAdvancedFilter\">advanced</button> -->\n<div class=\"flex justify-between items-center py-4 border-b border-b-slate-200 mx-4\" *ngIf=\"isToolbar\">\n    <div>\n        <h4 class=\"font-semibold text-2xl\">{{ label }}</h4>\n    </div>\n    <div class=\"flex gap-3\">\n        @for (item of toolbarItems; track $index) {\n        <button nz-button [nzLoading]=\"item.loading ? item.loading : false\" (click)=\"handleClick(item)\" [nzType]=\"item.type\">\n            <span nz-icon [nzType]=\"item.icon\"></span>\n            {{ item.text }}\n        </button>\n        }\n        <button\n            (click)=\"handleVisibleFilterBox()\"\n            nz-button\n            nzType=\"default\"\n            nz-popover\n            [nzPopoverVisible]=\"visibleFilterBox\"\n            nzPopoverTitle=\"\"\n            nzPopoverTrigger=\"click\"\n            [nzPopoverContent]=\"contentTemplate\"\n            nzPopoverOverlayClassName=\"filter-popover\"\n            nzPopoverPlacement=\"bottom\"\n            *ngIf=\"_filterBoxItems.length > 0\">\n            <span nz-icon nzType=\"filter\"></span>\n            \u0641\u06CC\u0644\u062A\u0631\n        </button>\n        <button\n            nz-button\n            nzType=\"default\"\n            class=\"flex items-center\"\n            nz-popover\n            nzPopoverTitle=\"\"\n            [(nzPopoverVisible)]=\"visibleFilterTemplateBox\"\n            nzPopoverTrigger=\"click\"\n            [nzPopoverContent]=\"contentFilterTemplate\"\n            nzPopoverOverlayClassName=\"filter-popover-sm\"\n            nzPopoverPlacement=\"bottom\"\n            *ngIf=\"id != null\">\n            <span nz-icon nzType=\"layout\"></span>\n            \u0641\u06CC\u0644\u062A\u0631 \u0647\u0627\u06CC \u0630\u062E\u06CC\u0631\u0647 \u0634\u062F\u0647\n        </button>\n        <button nz-button (click)=\"refresh()\" nzType=\"default\">\n            <span nz-icon nzType=\"sync\"></span>\n            \u0628\u0631\u0648\u0632\u0631\u0633\u0627\u0646\u06CC\n        </button>\n        <!-- <button nz-button (click)=\"advancedFilter()\" *ngIf=\"showAdvancedButton\" nzType=\"default\">\n            <span nz-icon nzType=\"filter\"></span>\n            \u062C\u0633\u062A\u062C\u0648\u06CC \u067E\u06CC\u0634\u0631\u0641\u062A\u0647\n        </button> -->\n    </div>\n</div>\n<ng-template #contentTemplate class=\"w-full\">\n    <div class=\"grid gap-x-4 p-4 max-h-[400px] overflow-auto\" [ngClass]=\"{ 'grid-cols-1': _filterBoxItems.length == 1, 'grid-cols-2': _filterBoxItems.length > 1 }\">\n        <div *ngFor=\"let item of _filterBoxItems\" [ngClass]=\"{ 'col-span-2': item.type == 'date' || item.type == 'date-time' || item.colSpan == 2 }\">\n            <div *ngIf=\"item.type == 'date' || item.type == 'date-time'\" class=\"grid grid-cols-2 gap-x-4\">\n                <nz-form-item>\n                    <nz-form-label>\u0627\u0632 \u062A\u0627\u0631\u06CC\u062E</nz-form-label>\n                    <nz-form-control>\n                        <qeydar-date-picker\n                            [ngModel]=\"item.value != null ? item.value[0] : null\"\n                            (onChangeValue)=\"changeDatePickerValue($event, item, 0)\"\n                            [showToday]=\"true\"\n                            [allowEmpty]=\"true\"\n                            [calendarType]=\"'jalali'\"\n                            format=\"yyyy-MM-dd\"\n                            [rtl]=\"true\"></qeydar-date-picker>\n                    </nz-form-control>\n                </nz-form-item>\n                <nz-form-item>\n                    <nz-form-label>\u062A\u0627 \u062A\u0627\u0631\u06CC\u062E</nz-form-label>\n                    <nz-form-control>\n                        <qeydar-date-picker\n                            [ngModel]=\"item.value != null ? item.value[1] : null\"\n                            (onChangeValue)=\"changeDatePickerValue($event, item, 1)\"\n                            [showToday]=\"true\"\n                            [allowEmpty]=\"true\"\n                            [calendarType]=\"'jalali'\"\n                            format=\"yyyy-MM-dd\"\n                            [rtl]=\"true\"></qeydar-date-picker>\n                    </nz-form-control>\n                </nz-form-item>\n            </div>\n            <div *ngIf=\"item.type == 'enum' || item.type == 'select' || item.type == 'boolean'\">\n                <nz-form-item class=\"w-full\">\n                    <nz-form-label>{{ item.label }}</nz-form-label>\n                    <nz-select class=\"w-full\" [(ngModel)]=\"item.value\" nzShowSearch nzServerSearch (nzOnSearch)=\"handleSearchSelectBox($event, item)\"  *ngIf=\"item.serverSide\">\n                        <nz-option *ngFor=\"let item2 of item.items\" [nzValue]=\"item2.value\" [nzLabel]=\"item2.label | translate\"></nz-option>\n                    </nz-select>\n                    <nz-select class=\"w-full\" [(ngModel)]=\"item.value\" nzShowSearch  *ngIf=\"!item.serverSide\">\n                        <nz-option *ngFor=\"let item2 of item.items\" [nzValue]=\"item2.value\" [nzLabel]=\"item2.label | translate\"></nz-option>\n                    </nz-select>\n                </nz-form-item>\n            </div>\n            <div *ngIf=\"item.type == 'tree-select'\">\n                <nz-form-item class=\"w-full\">\n                    <nz-form-label>{{ item.label }}</nz-form-label>\n                    <nz-tree-select class=\"w-full\" [nzNodes]=\"item.nodes\" nzVirtualHeight=\"320px\" nzShowSearch [(ngModel)]=\"item.value\"></nz-tree-select>\n                </nz-form-item>\n            </div>\n            <div *ngIf=\"item.type == 'string' || item.type == null\">\n                <nz-form-item class=\"w-full\">\n                    <nz-form-label>{{ item.label }}</nz-form-label>\n                    <input type=\"text\" nz-input [(ngModel)]=\"item.value\" />\n                </nz-form-item>\n            </div>\n        </div>\n    </div>\n    <div class=\"flex gap-2 p-4 border-t border-t-slate-200\">\n        <button nz-button nzType=\"primary\" (click)=\"filter()\">\u0627\u0639\u0645\u0627\u0644</button>\n        <button nz-button nzType=\"default\" (click)=\"clearFilter()\">\u067E\u0627\u06A9\u0633\u0627\u0632\u06CC \u0648 \u0628\u0633\u062A\u0646</button>\n    </div>\n</ng-template>\n<!-- template items box  -->\n<ng-template #contentFilterTemplate class=\"w-full\">\n    <ul class=\"flex flex-col gap-2\" *ngIf=\"filterTemplateItems.length > 0\">\n        <li class=\"p-2 rounded-lg cursor-pointer border border-slate-200\" *ngFor=\"let item of filterTemplateItems\" (click)=\"setTemplateFilter(item)\">{{ item.title }}</li>\n    </ul>\n    <p *ngIf=\"filterTemplateItems.length == 0\" class=\"text-center\">\u0642\u0627\u0644\u0628\u06CC \u062C\u0647\u062A \u0646\u0645\u0627\u06CC\u0634 \u0648\u062C\u0648\u062F \u0646\u062F\u0627\u0631\u062F</p>\n</ng-template>\n<div class=\"flex items-center justify-between gap-2 px-4 py-2 h-14\" *ngIf=\"isToolbar\">\n    <div class=\"flex items-center gap-2\">\n        <span class=\"font-medium text-sm text-blue-500\">\u0641\u06CC\u0644\u062A\u0631\u0647\u0627\u06CC \u0627\u0639\u0645\u0627\u0644 \u0634\u062F\u0647:</span>\n        <ul class=\"flex items-center gap-2\">\n            <li class=\"bg-white border border-slate-200 rounded-md px-2 py-1 flex items-center gap-1 h-8\" *ngIf=\"filterItemsValues.length == 0\">\n                <span class=\"text-slate-800 font-medium text-sm\">\u0628\u062F\u0648\u0646 \u0641\u06CC\u0644\u062A\u0631</span>\n            </li>\n            <li class=\"bg-white border border-slate-200 rounded-md px-2 py-1 flex items-center gap-1 h-8\" *ngFor=\"let item of filterItemsValues\">\n                <label class=\"text-slate-500 text-sm\">{{ item.label }}:</label>\n                <span class=\"text-slate-800 font-medium text-sm\">{{ item.value | translate }}</span>\n                <i class=\"fa-regular fa-times cursor-pointer ps-2\" (click)=\"removeFilter(item)\"></i>\n            </li>\n        </ul>\n    </div>\n    <div class=\"flex items-center gap-2\" *ngIf=\"id != null\">\n        <button nz-button nzType=\"default\" *ngIf=\"filterItemsValues.length > 0 || gridId != null\" (click)=\"saveFilterGrid()\">\n            {{ gridId == null ? '\u0630\u062E\u06CC\u0631\u0647 \u0641\u06CC\u0644\u062A\u0631' : '\u0627\u0639\u0645\u0627\u0644 \u062A\u063A\u06CC\u06CC\u0631\u0627\u062A \u0641\u06CC\u0644\u062A\u0631' }}\n        </button>\n        <button nz-button nzType=\"default\" *ngIf=\"gridId != null\" (click)=\"clearFilter(); gridId = null\">\u0644\u063A\u0648</button>\n    </div>\n</div>\n\n<nz-modal [(nzVisible)]=\"isVisibleModal\" nzTitle=\"\u0627\u0641\u0632\u0648\u062F\u0646 \u0642\u0627\u0644\u0628 \u062C\u062F\u06CC\u062F\" (nzOnCancel)=\"handleCancelModal()\" (nzOnOk)=\"handleOkModal()\">\n    <ng-container *nzModalContent>\n        <nz-form-item class=\"w-full\">\n            <nz-form-label>\u0639\u0646\u0648\u0627\u0646 \u0642\u0627\u0644\u0628</nz-form-label>\n            <input type=\"text\" nz-input [(ngModel)]=\"templateName\" />\n        </nz-form-item>\n    </ng-container>\n</nz-modal>\n\n<ag-grid-angular\n    style=\"width: 100%\"\n    [style]=\"isToolbar ? 'height: calc(100% - 1rem - 114px);' : 'height: 100%;'\"\n    [columnDefs]=\"columnDefs\"\n    [pagination]=\"true\"\n    [paginationPageSize]=\"paginationPageSize\"\n    [paginationPageSizeSelector]=\"paginationPageSizeSelector\"\n    [class]=\"themeClass\"\n    [rowHeight]=\"48\"\n    [defaultColDef]=\"defaultColDef\"\n    [enableAdvancedFilter]=\"enableAdvancedFilter\"\n    [enableRtl]=\"rtl\"\n    [treeData]=\"treeModel\"\n    [autoGroupColumnDef]=\"autoGroupColumnDef\"\n    [isServerSideGroup]=\"isServerSideGroup\"\n    [getServerSideGroupKey]=\"getServerSideGroupKey\"\n    [rowModelType]=\"rowModelType\"\n    [rowData]=\"rowData\"\n    [serverSideDatasource]=\"datasource\"\n    (gridReady)=\"onGridReady($event)\"\n    [cacheBlockSize]=\"paginationPageSize\"\n    [maxBlocksInCache]=\"2\"\n    [context]=\"{ actionItems: actionItems }\"\n    (cellDoubleClicked)=\"cellDoubleClicked($event)\"\n    [autoSizeStrategy]=\"_autoColumnSize\"\n    [rowSelection]=\"_rowSelection\"\n    (selectionChanged)=\"selectionChanged($event)\"\n    [theme]=\"\"\n    [getRowClass]=\"getRowClass\"\n    #grid />\n", dependencies: [{ kind: "directive", type: i3$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4$1.AgGridAngular, selector: "ag-grid-angular", inputs: ["gridOptions", "modules", "statusBar", "sideBar", "suppressContextMenu", "preventDefaultOnContextMenu", "allowContextMenuWithControlKey", "columnMenu", "suppressMenuHide", "enableBrowserTooltips", "tooltipTrigger", "tooltipShowDelay", "tooltipHideDelay", "tooltipMouseTrack", "tooltipShowMode", "tooltipInteraction", "popupParent", "copyHeadersToClipboard", "copyGroupHeadersToClipboard", "clipboardDelimiter", "suppressCopyRowsToClipboard", "suppressCopySingleCellRanges", "suppressLastEmptyLineOnPaste", "suppressClipboardPaste", "suppressClipboardApi", "suppressCutToClipboard", "columnDefs", "defaultColDef", "defaultColGroupDef", "columnTypes", "dataTypeDefinitions", "maintainColumnOrder", "enableStrictPivotColumnOrder", "suppressFieldDotNotation", "headerHeight", "groupHeaderHeight", "floatingFiltersHeight", "pivotHeaderHeight", "pivotGroupHeaderHeight", "allowDragFromColumnsToolPanel", "suppressMovableColumns", "suppressColumnMoveAnimation", "suppressMoveWhenColumnDragging", "suppressDragLeaveHidesColumns", "suppressRowGroupHidesColumns", "colResizeDefault", "suppressAutoSize", "autoSizePadding", "skipHeaderOnAutoSize", "autoSizeStrategy", "components", "editType", "singleClickEdit", "suppressClickEdit", "readOnlyEdit", "stopEditingWhenCellsLoseFocus", "enterNavigatesVertically", "enterNavigatesVerticallyAfterEdit", "enableCellEditingOnBackspace", "undoRedoCellEditing", "undoRedoCellEditingLimit", "defaultCsvExportParams", "suppressCsvExport", "defaultExcelExportParams", "suppressExcelExport", "excelStyles", "quickFilterText", "cacheQuickFilter", "includeHiddenColumnsInQuickFilter", "quickFilterParser", "quickFilterMatcher", "applyQuickFilterBeforePivotOrAgg", "excludeChildrenWhenTreeDataFiltering", "enableAdvancedFilter", "advancedFilterModel", "includeHiddenColumnsInAdvancedFilter", "advancedFilterParent", "advancedFilterBuilderParams", "suppressAdvancedFilterEval", "suppressSetFilterByDefault", "enableCharts", "chartThemes", "customChartThemes", "chartThemeOverrides", "chartToolPanelsDef", "chartMenuItems", "loadingCellRenderer", "loadingCellRendererParams", "loadingCellRendererSelector", "localeText", "masterDetail", "keepDetailRows", "keepDetailRowsCount", "detailCellRenderer", "detailCellRendererParams", "detailRowHeight", "detailRowAutoHeight", "context", "dragAndDropImageComponent", "dragAndDropImageComponentParams", "alignedGrids", "tabIndex", "rowBuffer", "valueCache", "valueCacheNeverExpires", "enableCellExpressions", "suppressTouch", "suppressFocusAfterRefresh", "suppressAsyncEvents", "suppressBrowserResizeObserver", "suppressPropertyNamesCheck", "suppressChangeDetection", "debug", "loading", "overlayLoadingTemplate", "loadingOverlayComponent", "loadingOverlayComponentParams", "suppressLoadingOverlay", "overlayNoRowsTemplate", "noRowsOverlayComponent", "noRowsOverlayComponentParams", "suppressNoRowsOverlay", "pagination", "paginationPageSize", "paginationPageSizeSelector", "paginationAutoPageSize", "paginateChildRows", "suppressPaginationPanel", "pivotMode", "pivotPanelShow", "pivotMaxGeneratedColumns", "pivotDefaultExpanded", "pivotColumnGroupTotals", "pivotRowTotals", "pivotSuppressAutoColumn", "suppressExpandablePivotGroups", "functionsReadOnly", "aggFuncs", "suppressAggFuncInHeader", "alwaysAggregateAtRootLevel", "aggregateOnlyChangedColumns", "suppressAggFilteredOnly", "removePivotHeaderRowWhenSingleValueColumn", "animateRows", "enableCellChangeFlash", "cellFlashDuration", "cellFlashDelay", "cellFadeDuration", "cellFadeDelay", "allowShowChangeAfterFilter", "domLayout", "ensureDomOrder", "enableRtl", "suppressColumnVirtualisation", "suppressMaxRenderedRowRestriction", "suppressRowVirtualisation", "rowDragManaged", "suppressRowDrag", "suppressMoveWhenRowDragging", "rowDragEntireRow", "rowDragMultiRow", "rowDragText", "fullWidthCellRenderer", "fullWidthCellRendererParams", "embedFullWidthRows", "suppressGroupMaintainValueType", "groupDisplayType", "groupDefaultExpanded", "autoGroupColumnDef", "groupMaintainOrder", "groupSelectsChildren", "groupLockGroupColumns", "groupAggFiltering", "groupIncludeFooter", "groupIncludeTotalFooter", "groupTotalRow", "grandTotalRow", "suppressStickyTotalRow", "groupSuppressBlankHeader", "groupSelectsFiltered", "showOpenedGroup", "groupRemoveSingleChildren", "groupRemoveLowestSingleChildren", "groupHideOpenParents", "groupAllowUnbalanced", "rowGroupPanelShow", "groupRowRenderer", "groupRowRendererParams", "suppressMakeColumnVisibleAfterUnGroup", "treeData", "rowGroupPanelSuppressSort", "suppressGroupRowsSticky", "pinnedTopRowData", "pinnedBottomRowData", "rowModelType", "rowData", "asyncTransactionWaitMillis", "suppressModelUpdateAfterUpdateTransaction", "datasource", "cacheOverflowSize", "infiniteInitialRowCount", "serverSideInitialRowCount", "suppressServerSideInfiniteScroll", "suppressServerSideFullWidthLoadingRow", "cacheBlockSize", "maxBlocksInCache", "maxConcurrentDatasourceRequests", "blockLoadDebounceMillis", "purgeClosedRowNodes", "serverSideDatasource", "serverSideSortAllLevels", "serverSideEnableClientSideSort", "serverSideOnlyRefreshFilteredGroups", "serverSideSortOnServer", "serverSideFilterOnServer", "serverSidePivotResultFieldSeparator", "viewportDatasource", "viewportRowModelPageSize", "viewportRowModelBufferSize", "alwaysShowHorizontalScroll", "alwaysShowVerticalScroll", "debounceVerticalScrollbar", "suppressHorizontalScroll", "suppressScrollOnNewData", "suppressScrollWhenPopupsAreOpen", "suppressAnimationFrame", "suppressMiddleClickScrolls", "suppressPreventDefaultOnMouseWheel", "scrollbarWidth", "rowSelection", "cellSelection", "rowMultiSelectWithClick", "suppressRowDeselection", "suppressRowClickSelection", "suppressCellFocus", "suppressHeaderFocus", "selectionColumnDef", "suppressMultiRangeSelection", "enableCellTextSelection", "enableRangeSelection", "enableRangeHandle", "enableFillHandle", "fillHandleDirection", "suppressClearOnFillReduction", "sortingOrder", "accentedSort", "unSortIcon", "suppressMultiSort", "alwaysMultiSort", "multiSortKey", "suppressMaintainUnsortedOrder", "icons", "rowHeight", "rowStyle", "rowClass", "rowClassRules", "suppressRowHoverHighlight", "suppressRowTransform", "columnHoverHighlight", "gridId", "deltaSort", "treeDataDisplayType", "enableGroupEdit", "initialState", "theme", "loadThemeGoogleFonts", "getContextMenuItems", "getMainMenuItems", "postProcessPopup", "processUnpinnedColumns", "processCellForClipboard", "processHeaderForClipboard", "processGroupHeaderForClipboard", "processCellFromClipboard", "sendToClipboard", "processDataFromClipboard", "isExternalFilterPresent", "doesExternalFilterPass", "getChartToolbarItems", "createChartContainer", "focusGridInnerElement", "navigateToNextHeader", "tabToNextHeader", "navigateToNextCell", "tabToNextCell", "getLocaleText", "getDocument", "paginationNumberFormatter", "getGroupRowAgg", "isGroupOpenByDefault", "initialGroupOrderComparator", "processPivotResultColDef", "processPivotResultColGroupDef", "getDataPath", "getChildCount", "getServerSideGroupLevelParams", "isServerSideGroupOpenByDefault", "isApplyServerSideTransaction", "isServerSideGroup", "getServerSideGroupKey", "getBusinessKeyForNode", "getRowId", "resetRowDataOnUpdate", "processRowPostCreate", "isRowSelectable", "isRowMaster", "fillOperation", "postSortRows", "getRowStyle", "getRowClass", "getRowHeight", "isFullWidthRow"], outputs: ["toolPanelVisibleChanged", "toolPanelSizeChanged", "columnMenuVisibleChanged", "contextMenuVisibleChanged", "cutStart", "cutEnd", "pasteStart", "pasteEnd", "columnVisible", "columnPinned", "columnResized", "columnMoved", "columnValueChanged", "columnPivotModeChanged", "columnPivotChanged", "columnGroupOpened", "newColumnsLoaded", "gridColumnsChanged", "displayedColumnsChanged", "virtualColumnsChanged", "columnEverythingChanged", "columnHeaderMouseOver", "columnHeaderMouseLeave", "columnHeaderClicked", "columnHeaderContextMenu", "componentStateChanged", "cellValueChanged", "cellEditRequest", "rowValueChanged", "cellEditingStarted", "cellEditingStopped", "rowEditingStarted", "rowEditingStopped", "undoStarted", "undoEnded", "redoStarted", "redoEnded", "cellSelectionDeleteStart", "cellSelectionDeleteEnd", "rangeDeleteStart", "rangeDeleteEnd", "fillStart", "fillEnd", "filterOpened", "filterChanged", "filterModified", "advancedFilterBuilderVisibleChanged", "chartCreated", "chartRangeSelectionChanged", "chartOptionsChanged", "chartDestroyed", "cellKeyDown", "gridReady", "firstDataRendered", "gridSizeChanged", "modelUpdated", "virtualRowRemoved", "viewportChanged", "bodyScroll", "bodyScrollEnd", "dragStarted", "dragStopped", "dragCancelled", "stateUpdated", "paginationChanged", "rowDragEnter", "rowDragMove", "rowDragLeave", "rowDragEnd", "rowDragCancel", "columnRowGroupChanged", "rowGroupOpened", "expandOrCollapseAll", "pivotMaxColumnsExceeded", "pinnedRowDataChanged", "rowDataUpdated", "asyncTransactionsFlushed", "storeRefreshed", "headerFocused", "cellClicked", "cellDoubleClicked", "cellFocused", "cellMouseOver", "cellMouseOut", "cellMouseDown", "rowClicked", "rowDoubleClicked", "rowSelected", "selectionChanged", "cellContextMenu", "rangeSelectionChanged", "cellSelectionChanged", "tooltipShow", "tooltipHide", "sortChanged"] }, { kind: "directive", type: i5$1.NzIconDirective, selector: "[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { kind: "component", type: i1$2.NzButtonComponent, selector: "button[nz-button], a[nz-button]", inputs: ["nzBlock", "nzGhost", "nzSearch", "nzLoading", "nzDanger", "disabled", "tabIndex", "nzType", "nzShape", "nzSize"], exportAs: ["nzButton"] }, { kind: "directive", type: i2$1.ɵNzTransitionPatchDirective, selector: "[nz-button], nz-button-group, [nz-icon], [nz-menu-item], [nz-submenu], nz-select-top-control, nz-select-placeholder, nz-input-group", inputs: ["hidden"] }, { kind: "directive", type: i3.NzWaveDirective, selector: "[nz-wave],button[nz-button]:not([nzType=\"link\"]):not([nzType=\"text\"])", inputs: ["nzWaveExtraNode"], exportAs: ["nzWave"] }, { kind: "component", type: i1.NzModalComponent, selector: "nz-modal", inputs: ["nzMask", "nzMaskClosable", "nzCloseOnNavigation", "nzVisible", "nzClosable", "nzOkLoading", "nzOkDisabled", "nzCancelDisabled", "nzCancelLoading", "nzKeyboard", "nzNoAnimation", "nzCentered", "nzDraggable", "nzContent", "nzFooter", "nzZIndex", "nzWidth", "nzWrapClassName", "nzClassName", "nzStyle", "nzTitle", "nzCloseIcon", "nzMaskStyle", "nzBodyStyle", "nzOkText", "nzCancelText", "nzOkType", "nzOkDanger", "nzIconType", "nzModalType", "nzAutofocus", "nzOnOk", "nzOnCancel"], outputs: ["nzOnOk", "nzOnCancel", "nzAfterOpen", "nzAfterClose", "nzVisibleChange"], exportAs: ["nzModal"] }, { kind: "directive", type: i1.NzModalContentDirective, selector: "[nzModalContent]", exportAs: ["nzModalContent"] }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i5.NzInputDirective, selector: "input[nz-input],textarea[nz-input]", inputs: ["nzBorderless", "nzSize", "nzStepperless", "nzStatus", "disabled"], exportAs: ["nzInput"] }, { kind: "directive", type: i6.NzColDirective, selector: "[nz-col],nz-col,nz-form-control,nz-form-label", inputs: ["nzFlex", "nzSpan", "nzOrder", "nzOffset", "nzPush", "nzPull", "nzXs", "nzSm", "nzMd", "nzLg", "nzXl", "nzXXl"], exportAs: ["nzCol"] }, { kind: "directive", type: i6.NzRowDirective, selector: "[nz-row],nz-row,nz-form-item", inputs: ["nzAlign", "nzJustify", "nzGutter"], exportAs: ["nzRow"] }, { kind: "component", type: i7.NzFormItemComponent, selector: "nz-form-item", exportAs: ["nzFormItem"] }, { kind: "component", type: i7.NzFormLabelComponent, selector: "nz-form-label", inputs: ["nzFor", "nzRequired", "nzNoColon", "nzTooltipTitle", "nzTooltipIcon", "nzLabelAlign", "nzLabelWrap"], exportAs: ["nzFormLabel"] }, { kind: "component", type: i7.NzFormControlComponent, selector: "nz-form-control", inputs: ["nzSuccessTip", "nzWarningTip", "nzErrorTip", "nzValidatingTip", "nzExtra", "nzAutoTips", "nzDisableAutoTips", "nzHasFeedback", "nzValidateStatus"], exportAs: ["nzFormControl"] }, { kind: "component", type: i14.NzOptionComponent, selector: "nz-option", inputs: ["nzTitle", "nzLabel", "nzValue", "nzKey", "nzDisabled", "nzHide", "nzCustomContent"], exportAs: ["nzOption"] }, { kind: "component", type: i14.NzSelectComponent, selector: "nz-select", inputs: ["nzId", "nzSize", "nzStatus", "nzOptionHeightPx", "nzOptionOverflowSize", "nzDropdownClassName", "nzDropdownMatchSelectWidth", "nzDropdownStyle", "nzNotFoundContent", "nzPlaceHolder", "nzPlacement", "nzMaxTagCount", "nzDropdownRender", "nzCustomTemplate", "nzSuffixIcon", "nzClearIcon", "nzRemoveIcon", "nzMenuItemSelectedIcon", "nzTokenSeparators", "nzMaxTagPlaceholder", "nzMaxMultipleCount", "nzMode", "nzFilterOption", "compareWith", "nzAllowClear", "nzBorderless", "nzShowSearch", "nzLoading", "nzAutoFocus", "nzAutoClearSearchValue", "nzServerSearch", "nzDisabled", "nzOpen", "nzSelectOnTab", "nzBackdrop", "nzOptions", "nzShowArrow"], outputs: ["nzOnSearch", "nzScrollToBottom", "nzOpenChange", "nzBlur", "nzFocus"], exportAs: ["nzSelect"] }, { kind: "component", type: i15.NzTreeSelectComponent, selector: "nz-tree-select", inputs: ["nzId", "nzAllowClear", "nzShowExpand", "nzShowLine", "nzDropdownMatchSelectWidth", "nzCheckable", "nzHideUnMatched", "nzShowIcon", "nzShowSearch", "nzDisabled", "nzAsyncData", "nzMultiple", "nzDefaultExpandAll", "nzCheckStrictly", "nzVirtualItemSize", "nzVirtualMaxBufferPx", "nzVirtualMinBufferPx", "nzVirtualHeight", "nzExpandedIcon", "nzNotFoundContent", "nzNodes", "nzOpen", "nzSize", "nzPlaceHolder", "nzDropdownStyle", "nzDropdownClassName", "nzBackdrop", "nzStatus", "nzPlacement", "nzExpandedKeys", "nzDisplayWith", "nzMaxTagCount", "nzMaxTagPlaceholder", "nzTreeTemplate"], outputs: ["nzOpenChange", "nzCleared", "nzRemoved", "nzExpandChange", "nzTreeClick", "nzTreeCheckBoxChange"], exportAs: ["nzTreeSelect"] }, { kind: "directive", type: i16.NzPopoverDirective, selector: "[nz-popover]", inputs: ["nzPopoverArrowPointAtCenter", "nzPopoverTitle", "nzPopoverContent", "nz-popover", "nzPopoverTrigger", "nzPopoverPlacement", "nzPopoverOrigin", "nzPopoverVisible", "nzPopoverMouseEnterDelay", "nzPopoverMouseLeaveDelay", "nzPopoverOverlayClassName", "nzPopoverOverlayStyle", "nzPopoverBackdrop"], outputs: ["nzPopoverVisibleChange"], exportAs: ["nzPopover"] }, { kind: "component", type: i17.DatePickerComponent, selector: "qeydar-date-picker", inputs: ["rtl", "mode", "isRange", "customLabels", "calendarType", "lang", "cssClass", "footerDescription", "rangeInputLabels", "inputLabel", "placement", "disabled", "isInline", "showSidebar", "showToday", "valueFormat", "disableInputMask", "disabledDates", "disabledDatesFilter", "disabledTimesFilter", "allowEmpty", "readOnly", "readOnlyInput", "minDate", "maxDate", "format"], outputs: ["onFocus", "onBlur", "onChangeValue", "onOpenChange"] }, { kind: "pipe", type: i1$3.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: GridComponent, selector: "app-grid", inputs: { actionWidth: "actionWidth", label: "label", id: "id", isRowSelection: "isRowSelection", requireFilterOrData: "requireFilterOrData", rowModelType: "rowModelType", serverSideSort: "serverSideSort", serverSideFilter: "serverSideFilter", isToolbar: "isToolbar", rtl: "rtl", paginationPageSize: "paginationPageSize", paginationPageSizeSelector: "paginationPageSizeSelector", enableAdvancedFilter: "enableAdvancedFilter", treeModel: "treeModel", isLeaf: "isLeaf", rowData: "rowData", renderCellClassRules: "renderCellClassRules", autoColumnSize: "autoColumnSize", showAdvancedButton: "showAdvancedButton", actionItems: "actionItems", toolbarItems: "toolbarItems", treeGroupColumn: "treeGroupColumn", filterItems: "filterItems", fetchData: "fetchData", column: "column" }, outputs: { onAction: "onAction", onToolbar: "onToolbar", onClicked: "onClicked", rowSelectionChange: "rowSelectionChange" }, ngImport: i0, template: "<!-- <button (click)=\"enableAdvancedFilter=!enableAdvancedFilter\">advanced</button> -->\n<div class=\"flex justify-between items-center py-4 border-b border-b-slate-200 mx-4\" *ngIf=\"isToolbar\">\n    <div>\n        <h4 class=\"font-semibold text-2xl\">{{ label }}</h4>\n    </div>\n    <div class=\"flex gap-3\">\n        @for (item of toolbarItems; track $index) {\n        <button nz-button [nzLoading]=\"item.loading ? item.loading : false\" (click)=\"handleClick(item)\" [nzType]=\"item.type\">\n            <span nz-icon [nzType]=\"item.icon\"></span>\n            {{ item.text }}\n        </button>\n        }\n        <button\n            (click)=\"handleVisibleFilterBox()\"\n            nz-button\n            nzType=\"default\"\n            nz-popover\n            [nzPopoverVisible]=\"visibleFilterBox\"\n            nzPopoverTitle=\"\"\n            nzPopoverTrigger=\"click\"\n            [nzPopoverContent]=\"contentTemplate\"\n            nzPopoverOverlayClassName=\"filter-popover\"\n            nzPopoverPlacement=\"bottom\"\n            *ngIf=\"_filterBoxItems.length > 0\">\n            <span nz-icon nzType=\"filter\"></span>\n            \u0641\u06CC\u0644\u062A\u0631\n        </button>\n        <button\n            nz-button\n            nzType=\"default\"\n            class=\"flex items-center\"\n            nz-popover\n            nzPopoverTitle=\"\"\n            [(nzPopoverVisible)]=\"visibleFilterTemplateBox\"\n            nzPopoverTrigger=\"click\"\n            [nzPopoverContent]=\"contentFilterTemplate\"\n            nzPopoverOverlayClassName=\"filter-popover-sm\"\n            nzPopoverPlacement=\"bottom\"\n            *ngIf=\"id != null\">\n            <span nz-icon nzType=\"layout\"></span>\n            \u0641\u06CC\u0644\u062A\u0631 \u0647\u0627\u06CC \u0630\u062E\u06CC\u0631\u0647 \u0634\u062F\u0647\n        </button>\n        <button nz-button (click)=\"refresh()\" nzType=\"default\">\n            <span nz-icon nzType=\"sync\"></span>\n            \u0628\u0631\u0648\u0632\u0631\u0633\u0627\u0646\u06CC\n        </button>\n        <!-- <button nz-button (click)=\"advancedFilter()\" *ngIf=\"showAdvancedButton\" nzType=\"default\">\n            <span nz-icon nzType=\"filter\"></span>\n            \u062C\u0633\u062A\u062C\u0648\u06CC \u067E\u06CC\u0634\u0631\u0641\u062A\u0647\n        </button> -->\n    </div>\n</div>\n<ng-template #contentTemplate class=\"w-full\">\n    <div class=\"grid gap-x-4 p-4 max-h-[400px] overflow-auto\" [ngClass]=\"{ 'grid-cols-1': _filterBoxItems.length == 1, 'grid-cols-2': _filterBoxItems.length > 1 }\">\n        <div *ngFor=\"let item of _filterBoxItems\" [ngClass]=\"{ 'col-span-2': item.type == 'date' || item.type == 'date-time' || item.colSpan == 2 }\">\n            <div *ngIf=\"item.type == 'date' || item.type == 'date-time'\" class=\"grid grid-cols-2 gap-x-4\">\n                <nz-form-item>\n                    <nz-form-label>\u0627\u0632 \u062A\u0627\u0631\u06CC\u062E</nz-form-label>\n                    <nz-form-control>\n                        <qeydar-date-picker\n                            [ngModel]=\"item.value != null ? item.value[0] : null\"\n                            (onChangeValue)=\"changeDatePickerValue($event, item, 0)\"\n                            [showToday]=\"true\"\n                            [allowEmpty]=\"true\"\n                            [calendarType]=\"'jalali'\"\n                            format=\"yyyy-MM-dd\"\n                            [rtl]=\"true\"></qeydar-date-picker>\n                    </nz-form-control>\n                </nz-form-item>\n                <nz-form-item>\n                    <nz-form-label>\u062A\u0627 \u062A\u0627\u0631\u06CC\u062E</nz-form-label>\n                    <nz-form-control>\n                        <qeydar-date-picker\n                            [ngModel]=\"item.value != null ? item.value[1] : null\"\n                            (onChangeValue)=\"changeDatePickerValue($event, item, 1)\"\n                            [showToday]=\"true\"\n                            [allowEmpty]=\"true\"\n                            [calendarType]=\"'jalali'\"\n                            format=\"yyyy-MM-dd\"\n                            [rtl]=\"true\"></qeydar-date-picker>\n                    </nz-form-control>\n                </nz-form-item>\n            </div>\n            <div *ngIf=\"item.type == 'enum' || item.type == 'select' || item.type == 'boolean'\">\n                <nz-form-item class=\"w-full\">\n                    <nz-form-label>{{ item.label }}</nz-form-label>\n                    <nz-select class=\"w-full\" [(ngModel)]=\"item.value\" nzShowSearch nzServerSearch (nzOnSearch)=\"handleSearchSelectBox($event, item)\"  *ngIf=\"item.serverSide\">\n                        <nz-option *ngFor=\"let item2 of item.items\" [nzValue]=\"item2.value\" [nzLabel]=\"item2.label | translate\"></nz-option>\n                    </nz-select>\n                    <nz-select class=\"w-full\" [(ngModel)]=\"item.value\" nzShowSearch  *ngIf=\"!item.serverSide\">\n                        <nz-option *ngFor=\"let item2 of item.items\" [nzValue]=\"item2.value\" [nzLabel]=\"item2.label | translate\"></nz-option>\n                    </nz-select>\n                </nz-form-item>\n            </div>\n            <div *ngIf=\"item.type == 'tree-select'\">\n                <nz-form-item class=\"w-full\">\n                    <nz-form-label>{{ item.label }}</nz-form-label>\n                    <nz-tree-select class=\"w-full\" [nzNodes]=\"item.nodes\" nzVirtualHeight=\"320px\" nzShowSearch [(ngModel)]=\"item.value\"></nz-tree-select>\n                </nz-form-item>\n            </div>\n            <div *ngIf=\"item.type == 'string' || item.type == null\">\n                <nz-form-item class=\"w-full\">\n                    <nz-form-label>{{ item.label }}</nz-form-label>\n                    <input type=\"text\" nz-input [(ngModel)]=\"item.value\" />\n                </nz-form-item>\n            </div>\n        </div>\n    </div>\n    <div class=\"flex gap-2 p-4 border-t border-t-slate-200\">\n        <button nz-button nzType=\"primary\" (click)=\"filter()\">\u0627\u0639\u0645\u0627\u0644</button>\n        <button nz-button nzType=\"default\" (click)=\"clearFilter()\">\u067E\u0627\u06A9\u0633\u0627\u0632\u06CC \u0648 \u0628\u0633\u062A\u0646</button>\n    </div>\n</ng-template>\n<!-- template items box  -->\n<ng-template #contentFilterTemplate class=\"w-full\">\n    <ul class=\"flex flex-col gap-2\" *ngIf=\"filterTemplateItems.length > 0\">\n        <li class=\"p-2 rounded-lg cursor-pointer border border-slate-200\" *ngFor=\"let item of filterTemplateItems\" (click)=\"setTemplateFilter(item)\">{{ item.title }}</li>\n    </ul>\n    <p *ngIf=\"filterTemplateItems.length == 0\" class=\"text-center\">\u0642\u0627\u0644\u0628\u06CC \u062C\u0647\u062A \u0646\u0645\u0627\u06CC\u0634 \u0648\u062C\u0648\u062F \u0646\u062F\u0627\u0631\u062F</p>\n</ng-template>\n<div class=\"flex items-center justify-between gap-2 px-4 py-2 h-14\" *ngIf=\"isToolbar && isFilterHeader\">\n    <div class=\"flex items-center gap-2\">\n        <span class=\"font-medium text-sm text-blue-500\">\u0641\u06CC\u0644\u062A\u0631\u0647\u0627\u06CC \u0627\u0639\u0645\u0627\u0644 \u0634\u062F\u0647:</span>\n        <ul class=\"flex items-center gap-2\">\n            <li class=\"bg-white border border-slate-200 rounded-md px-2 py-1 flex items-center gap-1 h-8\" *ngIf=\"filterItemsValues.length == 0\">\n                <span class=\"text-slate-800 font-medium text-sm\">\u0628\u062F\u0648\u0646 \u0641\u06CC\u0644\u062A\u0631</span>\n            </li>\n            <li class=\"bg-white border border-slate-200 rounded-md px-2 py-1 flex items-center gap-1 h-8\" *ngFor=\"let item of filterItemsValues\">\n                <label class=\"text-slate-500 text-sm\">{{ item.label }}:</label>\n                <span class=\"text-slate-800 font-medium text-sm\">{{ item.value | translate }}</span>\n                <i class=\"fa-regular fa-times cursor-pointer ps-2\" (click)=\"removeFilter(item)\"></i>\n            </li>\n        </ul>\n    </div>\n    <div class=\"flex items-center gap-2\" *ngIf=\"id != null\">\n        <button nz-button nzType=\"default\" *ngIf=\"filterItemsValues.length > 0 || gridId != null\" (click)=\"saveFilterGrid()\">\n            {{ gridId == null ? '\u0630\u062E\u06CC\u0631\u0647 \u0641\u06CC\u0644\u062A\u0631' : '\u0627\u0639\u0645\u0627\u0644 \u062A\u063A\u06CC\u06CC\u0631\u0627\u062A \u0641\u06CC\u0644\u062A\u0631' }}\n        </button>\n        <button nz-button nzType=\"default\" *ngIf=\"gridId != null\" (click)=\"clearFilter(); gridId = null\">\u0644\u063A\u0648</button>\n    </div>\n</div>\n\n<nz-modal [(nzVisible)]=\"isVisibleModal\" nzTitle=\"\u0627\u0641\u0632\u0648\u062F\u0646 \u0642\u0627\u0644\u0628 \u062C\u062F\u06CC\u062F\" (nzOnCancel)=\"handleCancelModal()\" (nzOnOk)=\"handleOkModal()\">\n    <ng-container *nzModalContent>\n        <nz-form-item class=\"w-full\">\n            <nz-form-label>\u0639\u0646\u0648\u0627\u0646 \u0642\u0627\u0644\u0628</nz-form-label>\n            <input type=\"text\" nz-input [(ngModel)]=\"templateName\" />\n        </nz-form-item>\n    </ng-container>\n</nz-modal>\n\n<ag-grid-angular\n    style=\"width: 100%\"\n    [style]=\"isToolbar ? 'height: calc(100% - 1rem - 114px);' : 'height: 100%;'\"\n    [columnDefs]=\"columnDefs\"\n    [pagination]=\"true\"\n    [paginationPageSize]=\"paginationPageSize\"\n    [paginationPageSizeSelector]=\"paginationPageSizeSelector\"\n    [class]=\"themeClass\"\n    [rowHeight]=\"48\"\n    [defaultColDef]=\"defaultColDef\"\n    [enableAdvancedFilter]=\"enableAdvancedFilter\"\n    [enableRtl]=\"rtl\"\n    [treeData]=\"treeModel\"\n    [autoGroupColumnDef]=\"autoGroupColumnDef\"\n    [isServerSideGroup]=\"isServerSideGroup\"\n    [getServerSideGroupKey]=\"getServerSideGroupKey\"\n    [rowModelType]=\"rowModelType\"\n    [rowData]=\"rowData\"\n    [serverSideDatasource]=\"datasource\"\n    (gridReady)=\"onGridReady($event)\"\n    [cacheBlockSize]=\"paginationPageSize\"\n    [maxBlocksInCache]=\"2\"\n    [context]=\"{ actionItems: actionItems }\"\n    (cellDoubleClicked)=\"cellDoubleClicked($event)\"\n    [autoSizeStrategy]=\"_autoColumnSize\"\n    [rowSelection]=\"_rowSelection\"\n    (selectionChanged)=\"selectionChanged($event)\"\n    [theme]=\"\"\n    [getRowClass]=\"getRowClass\"\n    #grid />\n", dependencies: [{ kind: "directive", type: i3$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4$1.AgGridAngular, selector: "ag-grid-angular", inputs: ["gridOptions", "modules", "statusBar", "sideBar", "suppressContextMenu", "preventDefaultOnContextMenu", "allowContextMenuWithControlKey", "columnMenu", "suppressMenuHide", "enableBrowserTooltips", "tooltipTrigger", "tooltipShowDelay", "tooltipHideDelay", "tooltipMouseTrack", "tooltipShowMode", "tooltipInteraction", "popupParent", "copyHeadersToClipboard", "copyGroupHeadersToClipboard", "clipboardDelimiter", "suppressCopyRowsToClipboard", "suppressCopySingleCellRanges", "suppressLastEmptyLineOnPaste", "suppressClipboardPaste", "suppressClipboardApi", "suppressCutToClipboard", "columnDefs", "defaultColDef", "defaultColGroupDef", "columnTypes", "dataTypeDefinitions", "maintainColumnOrder", "enableStrictPivotColumnOrder", "suppressFieldDotNotation", "headerHeight", "groupHeaderHeight", "floatingFiltersHeight", "pivotHeaderHeight", "pivotGroupHeaderHeight", "allowDragFromColumnsToolPanel", "suppressMovableColumns", "suppressColumnMoveAnimation", "suppressMoveWhenColumnDragging", "suppressDragLeaveHidesColumns", "suppressRowGroupHidesColumns", "colResizeDefault", "suppressAutoSize", "autoSizePadding", "skipHeaderOnAutoSize", "autoSizeStrategy", "components", "editType", "singleClickEdit", "suppressClickEdit", "readOnlyEdit", "stopEditingWhenCellsLoseFocus", "enterNavigatesVertically", "enterNavigatesVerticallyAfterEdit", "enableCellEditingOnBackspace", "undoRedoCellEditing", "undoRedoCellEditingLimit", "defaultCsvExportParams", "suppressCsvExport", "defaultExcelExportParams", "suppressExcelExport", "excelStyles", "quickFilterText", "cacheQuickFilter", "includeHiddenColumnsInQuickFilter", "quickFilterParser", "quickFilterMatcher", "applyQuickFilterBeforePivotOrAgg", "excludeChildrenWhenTreeDataFiltering", "enableAdvancedFilter", "advancedFilterModel", "includeHiddenColumnsInAdvancedFilter", "advancedFilterParent", "advancedFilterBuilderParams", "suppressAdvancedFilterEval", "suppressSetFilterByDefault", "enableCharts", "chartThemes", "customChartThemes", "chartThemeOverrides", "chartToolPanelsDef", "chartMenuItems", "loadingCellRenderer", "loadingCellRendererParams", "loadingCellRendererSelector", "localeText", "masterDetail", "keepDetailRows", "keepDetailRowsCount", "detailCellRenderer", "detailCellRendererParams", "detailRowHeight", "detailRowAutoHeight", "context", "dragAndDropImageComponent", "dragAndDropImageComponentParams", "alignedGrids", "tabIndex", "rowBuffer", "valueCache", "valueCacheNeverExpires", "enableCellExpressions", "suppressTouch", "suppressFocusAfterRefresh", "suppressAsyncEvents", "suppressBrowserResizeObserver", "suppressPropertyNamesCheck", "suppressChangeDetection", "debug", "loading", "overlayLoadingTemplate", "loadingOverlayComponent", "loadingOverlayComponentParams", "suppressLoadingOverlay", "overlayNoRowsTemplate", "noRowsOverlayComponent", "noRowsOverlayComponentParams", "suppressNoRowsOverlay", "pagination", "paginationPageSize", "paginationPageSizeSelector", "paginationAutoPageSize", "paginateChildRows", "suppressPaginationPanel", "pivotMode", "pivotPanelShow", "pivotMaxGeneratedColumns", "pivotDefaultExpanded", "pivotColumnGroupTotals", "pivotRowTotals", "pivotSuppressAutoColumn", "suppressExpandablePivotGroups", "functionsReadOnly", "aggFuncs", "suppressAggFuncInHeader", "alwaysAggregateAtRootLevel", "aggregateOnlyChangedColumns", "suppressAggFilteredOnly", "removePivotHeaderRowWhenSingleValueColumn", "animateRows", "enableCellChangeFlash", "cellFlashDuration", "cellFlashDelay", "cellFadeDuration", "cellFadeDelay", "allowShowChangeAfterFilter", "domLayout", "ensureDomOrder", "enableRtl", "suppressColumnVirtualisation", "suppressMaxRenderedRowRestriction", "suppressRowVirtualisation", "rowDragManaged", "suppressRowDrag", "suppressMoveWhenRowDragging", "rowDragEntireRow", "rowDragMultiRow", "rowDragText", "fullWidthCellRenderer", "fullWidthCellRendererParams", "embedFullWidthRows", "suppressGroupMaintainValueType", "groupDisplayType", "groupDefaultExpanded", "autoGroupColumnDef", "groupMaintainOrder", "groupSelectsChildren", "groupLockGroupColumns", "groupAggFiltering", "groupIncludeFooter", "groupIncludeTotalFooter", "groupTotalRow", "grandTotalRow", "suppressStickyTotalRow", "groupSuppressBlankHeader", "groupSelectsFiltered", "showOpenedGroup", "groupRemoveSingleChildren", "groupRemoveLowestSingleChildren", "groupHideOpenParents", "groupAllowUnbalanced", "rowGroupPanelShow", "groupRowRenderer", "groupRowRendererParams", "suppressMakeColumnVisibleAfterUnGroup", "treeData", "rowGroupPanelSuppressSort", "suppressGroupRowsSticky", "pinnedTopRowData", "pinnedBottomRowData", "rowModelType", "rowData", "asyncTransactionWaitMillis", "suppressModelUpdateAfterUpdateTransaction", "datasource", "cacheOverflowSize", "infiniteInitialRowCount", "serverSideInitialRowCount", "suppressServerSideInfiniteScroll", "suppressServerSideFullWidthLoadingRow", "cacheBlockSize", "maxBlocksInCache", "maxConcurrentDatasourceRequests", "blockLoadDebounceMillis", "purgeClosedRowNodes", "serverSideDatasource", "serverSideSortAllLevels", "serverSideEnableClientSideSort", "serverSideOnlyRefreshFilteredGroups", "serverSideSortOnServer", "serverSideFilterOnServer", "serverSidePivotResultFieldSeparator", "viewportDatasource", "viewportRowModelPageSize", "viewportRowModelBufferSize", "alwaysShowHorizontalScroll", "alwaysShowVerticalScroll", "debounceVerticalScrollbar", "suppressHorizontalScroll", "suppressScrollOnNewData", "suppressScrollWhenPopupsAreOpen", "suppressAnimationFrame", "suppressMiddleClickScrolls", "suppressPreventDefaultOnMouseWheel", "scrollbarWidth", "rowSelection", "cellSelection", "rowMultiSelectWithClick", "suppressRowDeselection", "suppressRowClickSelection", "suppressCellFocus", "suppressHeaderFocus", "selectionColumnDef", "suppressMultiRangeSelection", "enableCellTextSelection", "enableRangeSelection", "enableRangeHandle", "enableFillHandle", "fillHandleDirection", "suppressClearOnFillReduction", "sortingOrder", "accentedSort", "unSortIcon", "suppressMultiSort", "alwaysMultiSort", "multiSortKey", "suppressMaintainUnsortedOrder", "icons", "rowHeight", "rowStyle", "rowClass", "rowClassRules", "suppressRowHoverHighlight", "suppressRowTransform", "columnHoverHighlight", "gridId", "deltaSort", "treeDataDisplayType", "enableGroupEdit", "initialState", "theme", "loadThemeGoogleFonts", "getContextMenuItems", "getMainMenuItems", "postProcessPopup", "processUnpinnedColumns", "processCellForClipboard", "processHeaderForClipboard", "processGroupHeaderForClipboard", "processCellFromClipboard", "sendToClipboard", "processDataFromClipboard", "isExternalFilterPresent", "doesExternalFilterPass", "getChartToolbarItems", "createChartContainer", "focusGridInnerElement", "navigateToNextHeader", "tabToNextHeader", "navigateToNextCell", "tabToNextCell", "getLocaleText", "getDocument", "paginationNumberFormatter", "getGroupRowAgg", "isGroupOpenByDefault", "initialGroupOrderComparator", "processPivotResultColDef", "processPivotResultColGroupDef", "getDataPath", "getChildCount", "getServerSideGroupLevelParams", "isServerSideGroupOpenByDefault", "isApplyServerSideTransaction", "isServerSideGroup", "getServerSideGroupKey", "getBusinessKeyForNode", "getRowId", "resetRowDataOnUpdate", "processRowPostCreate", "isRowSelectable", "isRowMaster", "fillOperation", "postSortRows", "getRowStyle", "getRowClass", "getRowHeight", "isFullWidthRow"], outputs: ["toolPanelVisibleChanged", "toolPanelSizeChanged", "columnMenuVisibleChanged", "contextMenuVisibleChanged", "cutStart", "cutEnd", "pasteStart", "pasteEnd", "columnVisible", "columnPinned", "columnResized", "columnMoved", "columnValueChanged", "columnPivotModeChanged", "columnPivotChanged", "columnGroupOpened", "newColumnsLoaded", "gridColumnsChanged", "displayedColumnsChanged", "virtualColumnsChanged", "columnEverythingChanged", "columnHeaderMouseOver", "columnHeaderMouseLeave", "columnHeaderClicked", "columnHeaderContextMenu", "componentStateChanged", "cellValueChanged", "cellEditRequest", "rowValueChanged", "cellEditingStarted", "cellEditingStopped", "rowEditingStarted", "rowEditingStopped", "undoStarted", "undoEnded", "redoStarted", "redoEnded", "cellSelectionDeleteStart", "cellSelectionDeleteEnd", "rangeDeleteStart", "rangeDeleteEnd", "fillStart", "fillEnd", "filterOpened", "filterChanged", "filterModified", "advancedFilterBuilderVisibleChanged", "chartCreated", "chartRangeSelectionChanged", "chartOptionsChanged", "chartDestroyed", "cellKeyDown", "gridReady", "firstDataRendered", "gridSizeChanged", "modelUpdated", "virtualRowRemoved", "viewportChanged", "bodyScroll", "bodyScrollEnd", "dragStarted", "dragStopped", "dragCancelled", "stateUpdated", "paginationChanged", "rowDragEnter", "rowDragMove", "rowDragLeave", "rowDragEnd", "rowDragCancel", "columnRowGroupChanged", "rowGroupOpened", "expandOrCollapseAll", "pivotMaxColumnsExceeded", "pinnedRowDataChanged", "rowDataUpdated", "asyncTransactionsFlushed", "storeRefreshed", "headerFocused", "cellClicked", "cellDoubleClicked", "cellFocused", "cellMouseOver", "cellMouseOut", "cellMouseDown", "rowClicked", "rowDoubleClicked", "rowSelected", "selectionChanged", "cellContextMenu", "rangeSelectionChanged", "cellSelectionChanged", "tooltipShow", "tooltipHide", "sortChanged"] }, { kind: "directive", type: i5$1.NzIconDirective, selector: "[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { kind: "component", type: i1$2.NzButtonComponent, selector: "button[nz-button], a[nz-button]", inputs: ["nzBlock", "nzGhost", "nzSearch", "nzLoading", "nzDanger", "disabled", "tabIndex", "nzType", "nzShape", "nzSize"], exportAs: ["nzButton"] }, { kind: "directive", type: i2$1.ɵNzTransitionPatchDirective, selector: "[nz-button], nz-button-group, [nz-icon], [nz-menu-item], [nz-submenu], nz-select-top-control, nz-select-placeholder, nz-input-group", inputs: ["hidden"] }, { kind: "directive", type: i3.NzWaveDirective, selector: "[nz-wave],button[nz-button]:not([nzType=\"link\"]):not([nzType=\"text\"])", inputs: ["nzWaveExtraNode"], exportAs: ["nzWave"] }, { kind: "component", type: i1.NzModalComponent, selector: "nz-modal", inputs: ["nzMask", "nzMaskClosable", "nzCloseOnNavigation", "nzVisible", "nzClosable", "nzOkLoading", "nzOkDisabled", "nzCancelDisabled", "nzCancelLoading", "nzKeyboard", "nzNoAnimation", "nzCentered", "nzDraggable", "nzContent", "nzFooter", "nzZIndex", "nzWidth", "nzWrapClassName", "nzClassName", "nzStyle", "nzTitle", "nzCloseIcon", "nzMaskStyle", "nzBodyStyle", "nzOkText", "nzCancelText", "nzOkType", "nzOkDanger", "nzIconType", "nzModalType", "nzAutofocus", "nzOnOk", "nzOnCancel"], outputs: ["nzOnOk", "nzOnCancel", "nzAfterOpen", "nzAfterClose", "nzVisibleChange"], exportAs: ["nzModal"] }, { kind: "directive", type: i1.NzModalContentDirective, selector: "[nzModalContent]", exportAs: ["nzModalContent"] }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i5.NzInputDirective, selector: "input[nz-input],textarea[nz-input]", inputs: ["nzBorderless", "nzSize", "nzStepperless", "nzStatus", "disabled"], exportAs: ["nzInput"] }, { kind: "directive", type: i6.NzColDirective, selector: "[nz-col],nz-col,nz-form-control,nz-form-label", inputs: ["nzFlex", "nzSpan", "nzOrder", "nzOffset", "nzPush", "nzPull", "nzXs", "nzSm", "nzMd", "nzLg", "nzXl", "nzXXl"], exportAs: ["nzCol"] }, { kind: "directive", type: i6.NzRowDirective, selector: "[nz-row],nz-row,nz-form-item", inputs: ["nzAlign", "nzJustify", "nzGutter"], exportAs: ["nzRow"] }, { kind: "component", type: i7.NzFormItemComponent, selector: "nz-form-item", exportAs: ["nzFormItem"] }, { kind: "component", type: i7.NzFormLabelComponent, selector: "nz-form-label", inputs: ["nzFor", "nzRequired", "nzNoColon", "nzTooltipTitle", "nzTooltipIcon", "nzLabelAlign", "nzLabelWrap"], exportAs: ["nzFormLabel"] }, { kind: "component", type: i7.NzFormControlComponent, selector: "nz-form-control", inputs: ["nzSuccessTip", "nzWarningTip", "nzErrorTip", "nzValidatingTip", "nzExtra", "nzAutoTips", "nzDisableAutoTips", "nzHasFeedback", "nzValidateStatus"], exportAs: ["nzFormControl"] }, { kind: "component", type: i14.NzOptionComponent, selector: "nz-option", inputs: ["nzTitle", "nzLabel", "nzValue", "nzKey", "nzDisabled", "nzHide", "nzCustomContent"], exportAs: ["nzOption"] }, { kind: "component", type: i14.NzSelectComponent, selector: "nz-select", inputs: ["nzId", "nzSize", "nzStatus", "nzOptionHeightPx", "nzOptionOverflowSize", "nzDropdownClassName", "nzDropdownMatchSelectWidth", "nzDropdownStyle", "nzNotFoundContent", "nzPlaceHolder", "nzPlacement", "nzMaxTagCount", "nzDropdownRender", "nzCustomTemplate", "nzSuffixIcon", "nzClearIcon", "nzRemoveIcon", "nzMenuItemSelectedIcon", "nzTokenSeparators", "nzMaxTagPlaceholder", "nzMaxMultipleCount", "nzMode", "nzFilterOption", "compareWith", "nzAllowClear", "nzBorderless", "nzShowSearch", "nzLoading", "nzAutoFocus", "nzAutoClearSearchValue", "nzServerSearch", "nzDisabled", "nzOpen", "nzSelectOnTab", "nzBackdrop", "nzOptions", "nzShowArrow"], outputs: ["nzOnSearch", "nzScrollToBottom", "nzOpenChange", "nzBlur", "nzFocus"], exportAs: ["nzSelect"] }, { kind: "component", type: i15.NzTreeSelectComponent, selector: "nz-tree-select", inputs: ["nzId", "nzAllowClear", "nzShowExpand", "nzShowLine", "nzDropdownMatchSelectWidth", "nzCheckable", "nzHideUnMatched", "nzShowIcon", "nzShowSearch", "nzDisabled", "nzAsyncData", "nzMultiple", "nzDefaultExpandAll", "nzCheckStrictly", "nzVirtualItemSize", "nzVirtualMaxBufferPx", "nzVirtualMinBufferPx", "nzVirtualHeight", "nzExpandedIcon", "nzNotFoundContent", "nzNodes", "nzOpen", "nzSize", "nzPlaceHolder", "nzDropdownStyle", "nzDropdownClassName", "nzBackdrop", "nzStatus", "nzPlacement", "nzExpandedKeys", "nzDisplayWith", "nzMaxTagCount", "nzMaxTagPlaceholder", "nzTreeTemplate"], outputs: ["nzOpenChange", "nzCleared", "nzRemoved", "nzExpandChange", "nzTreeClick", "nzTreeCheckBoxChange"], exportAs: ["nzTreeSelect"] }, { kind: "directive", type: i16.NzPopoverDirective, selector: "[nz-popover]", inputs: ["nzPopoverArrowPointAtCenter", "nzPopoverTitle", "nzPopoverContent", "nz-popover", "nzPopoverTrigger", "nzPopoverPlacement", "nzPopoverOrigin", "nzPopoverVisible", "nzPopoverMouseEnterDelay", "nzPopoverMouseLeaveDelay", "nzPopoverOverlayClassName", "nzPopoverOverlayStyle", "nzPopoverBackdrop"], outputs: ["nzPopoverVisibleChange"], exportAs: ["nzPopover"] }, { kind: "component", type: i17.DatePickerComponent, selector: "qeydar-date-picker", inputs: ["rtl", "mode", "isRange", "customLabels", "calendarType", "lang", "cssClass", "footerDescription", "rangeInputLabels", "inputLabel", "placement", "disabled", "isInline", "showSidebar", "showToday", "valueFormat", "disableInputMask", "disabledDates", "disabledDatesFilter", "disabledTimesFilter", "allowEmpty", "readOnly", "readOnlyInput", "minDate", "maxDate", "format"], outputs: ["onFocus", "onBlur", "onChangeValue", "onOpenChange"] }, { kind: "pipe", type: i1$3.TranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: GridComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-grid', template: "<!-- <button (click)=\"enableAdvancedFilter=!enableAdvancedFilter\">advanced</button> -->\n<div class=\"flex justify-between items-center py-4 border-b border-b-slate-200 mx-4\" *ngIf=\"isToolbar\">\n    <div>\n        <h4 class=\"font-semibold text-2xl\">{{ label }}</h4>\n    </div>\n    <div class=\"flex gap-3\">\n        @for (item of toolbarItems; track $index) {\n        <button nz-button [nzLoading]=\"item.loading ? item.loading : false\" (click)=\"handleClick(item)\" [nzType]=\"item.type\">\n            <span nz-icon [nzType]=\"item.icon\"></span>\n            {{ item.text }}\n        </button>\n        }\n        <button\n            (click)=\"handleVisibleFilterBox()\"\n            nz-button\n            nzType=\"default\"\n            nz-popover\n            [nzPopoverVisible]=\"visibleFilterBox\"\n            nzPopoverTitle=\"\"\n            nzPopoverTrigger=\"click\"\n            [nzPopoverContent]=\"contentTemplate\"\n            nzPopoverOverlayClassName=\"filter-popover\"\n            nzPopoverPlacement=\"bottom\"\n            *ngIf=\"_filterBoxItems.length > 0\">\n            <span nz-icon nzType=\"filter\"></span>\n            \u0641\u06CC\u0644\u062A\u0631\n        </button>\n        <button\n            nz-button\n            nzType=\"default\"\n            class=\"flex items-center\"\n            nz-popover\n            nzPopoverTitle=\"\"\n            [(nzPopoverVisible)]=\"visibleFilterTemplateBox\"\n            nzPopoverTrigger=\"click\"\n            [nzPopoverContent]=\"contentFilterTemplate\"\n            nzPopoverOverlayClassName=\"filter-popover-sm\"\n            nzPopoverPlacement=\"bottom\"\n            *ngIf=\"id != null\">\n            <span nz-icon nzType=\"layout\"></span>\n            \u0641\u06CC\u0644\u062A\u0631 \u0647\u0627\u06CC \u0630\u062E\u06CC\u0631\u0647 \u0634\u062F\u0647\n        </button>\n        <button nz-button (click)=\"refresh()\" nzType=\"default\">\n            <span nz-icon nzType=\"sync\"></span>\n            \u0628\u0631\u0648\u0632\u0631\u0633\u0627\u0646\u06CC\n        </button>\n        <!-- <button nz-button (click)=\"advancedFilter()\" *ngIf=\"showAdvancedButton\" nzType=\"default\">\n            <span nz-icon nzType=\"filter\"></span>\n            \u062C\u0633\u062A\u062C\u0648\u06CC \u067E\u06CC\u0634\u0631\u0641\u062A\u0647\n        </button> -->\n    </div>\n</div>\n<ng-template #contentTemplate class=\"w-full\">\n    <div class=\"grid gap-x-4 p-4 max-h-[400px] overflow-auto\" [ngClass]=\"{ 'grid-cols-1': _filterBoxItems.length == 1, 'grid-cols-2': _filterBoxItems.length > 1 }\">\n        <div *ngFor=\"let item of _filterBoxItems\" [ngClass]=\"{ 'col-span-2': item.type == 'date' || item.type == 'date-time' || item.colSpan == 2 }\">\n            <div *ngIf=\"item.type == 'date' || item.type == 'date-time'\" class=\"grid grid-cols-2 gap-x-4\">\n                <nz-form-item>\n                    <nz-form-label>\u0627\u0632 \u062A\u0627\u0631\u06CC\u062E</nz-form-label>\n                    <nz-form-control>\n                        <qeydar-date-picker\n                            [ngModel]=\"item.value != null ? item.value[0] : null\"\n                            (onChangeValue)=\"changeDatePickerValue($event, item, 0)\"\n                            [showToday]=\"true\"\n                            [allowEmpty]=\"true\"\n                            [calendarType]=\"'jalali'\"\n                            format=\"yyyy-MM-dd\"\n                            [rtl]=\"true\"></qeydar-date-picker>\n                    </nz-form-control>\n                </nz-form-item>\n                <nz-form-item>\n                    <nz-form-label>\u062A\u0627 \u062A\u0627\u0631\u06CC\u062E</nz-form-label>\n                    <nz-form-control>\n                        <qeydar-date-picker\n                            [ngModel]=\"item.value != null ? item.value[1] : null\"\n                            (onChangeValue)=\"changeDatePickerValue($event, item, 1)\"\n                            [showToday]=\"true\"\n                            [allowEmpty]=\"true\"\n                            [calendarType]=\"'jalali'\"\n                            format=\"yyyy-MM-dd\"\n                            [rtl]=\"true\"></qeydar-date-picker>\n                    </nz-form-control>\n                </nz-form-item>\n            </div>\n            <div *ngIf=\"item.type == 'enum' || item.type == 'select' || item.type == 'boolean'\">\n                <nz-form-item class=\"w-full\">\n                    <nz-form-label>{{ item.label }}</nz-form-label>\n                    <nz-select class=\"w-full\" [(ngModel)]=\"item.value\" nzShowSearch nzServerSearch (nzOnSearch)=\"handleSearchSelectBox($event, item)\"  *ngIf=\"item.serverSide\">\n                        <nz-option *ngFor=\"let item2 of item.items\" [nzValue]=\"item2.value\" [nzLabel]=\"item2.label | translate\"></nz-option>\n                    </nz-select>\n                    <nz-select class=\"w-full\" [(ngModel)]=\"item.value\" nzShowSearch  *ngIf=\"!item.serverSide\">\n                        <nz-option *ngFor=\"let item2 of item.items\" [nzValue]=\"item2.value\" [nzLabel]=\"item2.label | translate\"></nz-option>\n                    </nz-select>\n                </nz-form-item>\n            </div>\n            <div *ngIf=\"item.type == 'tree-select'\">\n                <nz-form-item class=\"w-full\">\n                    <nz-form-label>{{ item.label }}</nz-form-label>\n                    <nz-tree-select class=\"w-full\" [nzNodes]=\"item.nodes\" nzVirtualHeight=\"320px\" nzShowSearch [(ngModel)]=\"item.value\"></nz-tree-select>\n                </nz-form-item>\n            </div>\n            <div *ngIf=\"item.type == 'string' || item.type == null\">\n                <nz-form-item class=\"w-full\">\n                    <nz-form-label>{{ item.label }}</nz-form-label>\n                    <input type=\"text\" nz-input [(ngModel)]=\"item.value\" />\n                </nz-form-item>\n            </div>\n        </div>\n    </div>\n    <div class=\"flex gap-2 p-4 border-t border-t-slate-200\">\n        <button nz-button nzType=\"primary\" (click)=\"filter()\">\u0627\u0639\u0645\u0627\u0644</button>\n        <button nz-button nzType=\"default\" (click)=\"clearFilter()\">\u067E\u0627\u06A9\u0633\u0627\u0632\u06CC \u0648 \u0628\u0633\u062A\u0646</button>\n    </div>\n</ng-template>\n<!-- template items box  -->\n<ng-template #contentFilterTemplate class=\"w-full\">\n    <ul class=\"flex flex-col gap-2\" *ngIf=\"filterTemplateItems.length > 0\">\n        <li class=\"p-2 rounded-lg cursor-pointer border border-slate-200\" *ngFor=\"let item of filterTemplateItems\" (click)=\"setTemplateFilter(item)\">{{ item.title }}</li>\n    </ul>\n    <p *ngIf=\"filterTemplateItems.length == 0\" class=\"text-center\">\u0642\u0627\u0644\u0628\u06CC \u062C\u0647\u062A \u0646\u0645\u0627\u06CC\u0634 \u0648\u062C\u0648\u062F \u0646\u062F\u0627\u0631\u062F</p>\n</ng-template>\n<div class=\"flex items-center justify-between gap-2 px-4 py-2 h-14\" *ngIf=\"isToolbar\">\n    <div class=\"flex items-center gap-2\">\n        <span class=\"font-medium text-sm text-blue-500\">\u0641\u06CC\u0644\u062A\u0631\u0647\u0627\u06CC \u0627\u0639\u0645\u0627\u0644 \u0634\u062F\u0647:</span>\n        <ul class=\"flex items-center gap-2\">\n            <li class=\"bg-white border border-slate-200 rounded-md px-2 py-1 flex items-center gap-1 h-8\" *ngIf=\"filterItemsValues.length == 0\">\n                <span class=\"text-slate-800 font-medium text-sm\">\u0628\u062F\u0648\u0646 \u0641\u06CC\u0644\u062A\u0631</span>\n            </li>\n            <li class=\"bg-white border border-slate-200 rounded-md px-2 py-1 flex items-center gap-1 h-8\" *ngFor=\"let item of filterItemsValues\">\n                <label class=\"text-slate-500 text-sm\">{{ item.label }}:</label>\n                <span class=\"text-slate-800 font-medium text-sm\">{{ item.value | translate }}</span>\n                <i class=\"fa-regular fa-times cursor-pointer ps-2\" (click)=\"removeFilter(item)\"></i>\n            </li>\n        </ul>\n    </div>\n    <div class=\"flex items-center gap-2\" *ngIf=\"id != null\">\n        <button nz-button nzType=\"default\" *ngIf=\"filterItemsValues.length > 0 || gridId != null\" (click)=\"saveFilterGrid()\">\n            {{ gridId == null ? '\u0630\u062E\u06CC\u0631\u0647 \u0641\u06CC\u0644\u062A\u0631' : '\u0627\u0639\u0645\u0627\u0644 \u062A\u063A\u06CC\u06CC\u0631\u0627\u062A \u0641\u06CC\u0644\u062A\u0631' }}\n        </button>\n        <button nz-button nzType=\"default\" *ngIf=\"gridId != null\" (click)=\"clearFilter(); gridId = null\">\u0644\u063A\u0648</button>\n    </div>\n</div>\n\n<nz-modal [(nzVisible)]=\"isVisibleModal\" nzTitle=\"\u0627\u0641\u0632\u0648\u062F\u0646 \u0642\u0627\u0644\u0628 \u062C\u062F\u06CC\u062F\" (nzOnCancel)=\"handleCancelModal()\" (nzOnOk)=\"handleOkModal()\">\n    <ng-container *nzModalContent>\n        <nz-form-item class=\"w-full\">\n            <nz-form-label>\u0639\u0646\u0648\u0627\u0646 \u0642\u0627\u0644\u0628</nz-form-label>\n            <input type=\"text\" nz-input [(ngModel)]=\"templateName\" />\n        </nz-form-item>\n    </ng-container>\n</nz-modal>\n\n<ag-grid-angular\n    style=\"width: 100%\"\n    [style]=\"isToolbar ? 'height: calc(100% - 1rem - 114px);' : 'height: 100%;'\"\n    [columnDefs]=\"columnDefs\"\n    [pagination]=\"true\"\n    [paginationPageSize]=\"paginationPageSize\"\n    [paginationPageSizeSelector]=\"paginationPageSizeSelector\"\n    [class]=\"themeClass\"\n    [rowHeight]=\"48\"\n    [defaultColDef]=\"defaultColDef\"\n    [enableAdvancedFilter]=\"enableAdvancedFilter\"\n    [enableRtl]=\"rtl\"\n    [treeData]=\"treeModel\"\n    [autoGroupColumnDef]=\"autoGroupColumnDef\"\n    [isServerSideGroup]=\"isServerSideGroup\"\n    [getServerSideGroupKey]=\"getServerSideGroupKey\"\n    [rowModelType]=\"rowModelType\"\n    [rowData]=\"rowData\"\n    [serverSideDatasource]=\"datasource\"\n    (gridReady)=\"onGridReady($event)\"\n    [cacheBlockSize]=\"paginationPageSize\"\n    [maxBlocksInCache]=\"2\"\n    [context]=\"{ actionItems: actionItems }\"\n    (cellDoubleClicked)=\"cellDoubleClicked($event)\"\n    [autoSizeStrategy]=\"_autoColumnSize\"\n    [rowSelection]=\"_rowSelection\"\n    (selectionChanged)=\"selectionChanged($event)\"\n    [theme]=\"\"\n    [getRowClass]=\"getRowClass\"\n    #grid />\n" }]
+            args: [{ selector: 'app-grid', template: "<!-- <button (click)=\"enableAdvancedFilter=!enableAdvancedFilter\">advanced</button> -->\n<div class=\"flex justify-between items-center py-4 border-b border-b-slate-200 mx-4\" *ngIf=\"isToolbar\">\n    <div>\n        <h4 class=\"font-semibold text-2xl\">{{ label }}</h4>\n    </div>\n    <div class=\"flex gap-3\">\n        @for (item of toolbarItems; track $index) {\n        <button nz-button [nzLoading]=\"item.loading ? item.loading : false\" (click)=\"handleClick(item)\" [nzType]=\"item.type\">\n            <span nz-icon [nzType]=\"item.icon\"></span>\n            {{ item.text }}\n        </button>\n        }\n        <button\n            (click)=\"handleVisibleFilterBox()\"\n            nz-button\n            nzType=\"default\"\n            nz-popover\n            [nzPopoverVisible]=\"visibleFilterBox\"\n            nzPopoverTitle=\"\"\n            nzPopoverTrigger=\"click\"\n            [nzPopoverContent]=\"contentTemplate\"\n            nzPopoverOverlayClassName=\"filter-popover\"\n            nzPopoverPlacement=\"bottom\"\n            *ngIf=\"_filterBoxItems.length > 0\">\n            <span nz-icon nzType=\"filter\"></span>\n            \u0641\u06CC\u0644\u062A\u0631\n        </button>\n        <button\n            nz-button\n            nzType=\"default\"\n            class=\"flex items-center\"\n            nz-popover\n            nzPopoverTitle=\"\"\n            [(nzPopoverVisible)]=\"visibleFilterTemplateBox\"\n            nzPopoverTrigger=\"click\"\n            [nzPopoverContent]=\"contentFilterTemplate\"\n            nzPopoverOverlayClassName=\"filter-popover-sm\"\n            nzPopoverPlacement=\"bottom\"\n            *ngIf=\"id != null\">\n            <span nz-icon nzType=\"layout\"></span>\n            \u0641\u06CC\u0644\u062A\u0631 \u0647\u0627\u06CC \u0630\u062E\u06CC\u0631\u0647 \u0634\u062F\u0647\n        </button>\n        <button nz-button (click)=\"refresh()\" nzType=\"default\">\n            <span nz-icon nzType=\"sync\"></span>\n            \u0628\u0631\u0648\u0632\u0631\u0633\u0627\u0646\u06CC\n        </button>\n        <!-- <button nz-button (click)=\"advancedFilter()\" *ngIf=\"showAdvancedButton\" nzType=\"default\">\n            <span nz-icon nzType=\"filter\"></span>\n            \u062C\u0633\u062A\u062C\u0648\u06CC \u067E\u06CC\u0634\u0631\u0641\u062A\u0647\n        </button> -->\n    </div>\n</div>\n<ng-template #contentTemplate class=\"w-full\">\n    <div class=\"grid gap-x-4 p-4 max-h-[400px] overflow-auto\" [ngClass]=\"{ 'grid-cols-1': _filterBoxItems.length == 1, 'grid-cols-2': _filterBoxItems.length > 1 }\">\n        <div *ngFor=\"let item of _filterBoxItems\" [ngClass]=\"{ 'col-span-2': item.type == 'date' || item.type == 'date-time' || item.colSpan == 2 }\">\n            <div *ngIf=\"item.type == 'date' || item.type == 'date-time'\" class=\"grid grid-cols-2 gap-x-4\">\n                <nz-form-item>\n                    <nz-form-label>\u0627\u0632 \u062A\u0627\u0631\u06CC\u062E</nz-form-label>\n                    <nz-form-control>\n                        <qeydar-date-picker\n                            [ngModel]=\"item.value != null ? item.value[0] : null\"\n                            (onChangeValue)=\"changeDatePickerValue($event, item, 0)\"\n                            [showToday]=\"true\"\n                            [allowEmpty]=\"true\"\n                            [calendarType]=\"'jalali'\"\n                            format=\"yyyy-MM-dd\"\n                            [rtl]=\"true\"></qeydar-date-picker>\n                    </nz-form-control>\n                </nz-form-item>\n                <nz-form-item>\n                    <nz-form-label>\u062A\u0627 \u062A\u0627\u0631\u06CC\u062E</nz-form-label>\n                    <nz-form-control>\n                        <qeydar-date-picker\n                            [ngModel]=\"item.value != null ? item.value[1] : null\"\n                            (onChangeValue)=\"changeDatePickerValue($event, item, 1)\"\n                            [showToday]=\"true\"\n                            [allowEmpty]=\"true\"\n                            [calendarType]=\"'jalali'\"\n                            format=\"yyyy-MM-dd\"\n                            [rtl]=\"true\"></qeydar-date-picker>\n                    </nz-form-control>\n                </nz-form-item>\n            </div>\n            <div *ngIf=\"item.type == 'enum' || item.type == 'select' || item.type == 'boolean'\">\n                <nz-form-item class=\"w-full\">\n                    <nz-form-label>{{ item.label }}</nz-form-label>\n                    <nz-select class=\"w-full\" [(ngModel)]=\"item.value\" nzShowSearch nzServerSearch (nzOnSearch)=\"handleSearchSelectBox($event, item)\"  *ngIf=\"item.serverSide\">\n                        <nz-option *ngFor=\"let item2 of item.items\" [nzValue]=\"item2.value\" [nzLabel]=\"item2.label | translate\"></nz-option>\n                    </nz-select>\n                    <nz-select class=\"w-full\" [(ngModel)]=\"item.value\" nzShowSearch  *ngIf=\"!item.serverSide\">\n                        <nz-option *ngFor=\"let item2 of item.items\" [nzValue]=\"item2.value\" [nzLabel]=\"item2.label | translate\"></nz-option>\n                    </nz-select>\n                </nz-form-item>\n            </div>\n            <div *ngIf=\"item.type == 'tree-select'\">\n                <nz-form-item class=\"w-full\">\n                    <nz-form-label>{{ item.label }}</nz-form-label>\n                    <nz-tree-select class=\"w-full\" [nzNodes]=\"item.nodes\" nzVirtualHeight=\"320px\" nzShowSearch [(ngModel)]=\"item.value\"></nz-tree-select>\n                </nz-form-item>\n            </div>\n            <div *ngIf=\"item.type == 'string' || item.type == null\">\n                <nz-form-item class=\"w-full\">\n                    <nz-form-label>{{ item.label }}</nz-form-label>\n                    <input type=\"text\" nz-input [(ngModel)]=\"item.value\" />\n                </nz-form-item>\n            </div>\n        </div>\n    </div>\n    <div class=\"flex gap-2 p-4 border-t border-t-slate-200\">\n        <button nz-button nzType=\"primary\" (click)=\"filter()\">\u0627\u0639\u0645\u0627\u0644</button>\n        <button nz-button nzType=\"default\" (click)=\"clearFilter()\">\u067E\u0627\u06A9\u0633\u0627\u0632\u06CC \u0648 \u0628\u0633\u062A\u0646</button>\n    </div>\n</ng-template>\n<!-- template items box  -->\n<ng-template #contentFilterTemplate class=\"w-full\">\n    <ul class=\"flex flex-col gap-2\" *ngIf=\"filterTemplateItems.length > 0\">\n        <li class=\"p-2 rounded-lg cursor-pointer border border-slate-200\" *ngFor=\"let item of filterTemplateItems\" (click)=\"setTemplateFilter(item)\">{{ item.title }}</li>\n    </ul>\n    <p *ngIf=\"filterTemplateItems.length == 0\" class=\"text-center\">\u0642\u0627\u0644\u0628\u06CC \u062C\u0647\u062A \u0646\u0645\u0627\u06CC\u0634 \u0648\u062C\u0648\u062F \u0646\u062F\u0627\u0631\u062F</p>\n</ng-template>\n<div class=\"flex items-center justify-between gap-2 px-4 py-2 h-14\" *ngIf=\"isToolbar && isFilterHeader\">\n    <div class=\"flex items-center gap-2\">\n        <span class=\"font-medium text-sm text-blue-500\">\u0641\u06CC\u0644\u062A\u0631\u0647\u0627\u06CC \u0627\u0639\u0645\u0627\u0644 \u0634\u062F\u0647:</span>\n        <ul class=\"flex items-center gap-2\">\n            <li class=\"bg-white border border-slate-200 rounded-md px-2 py-1 flex items-center gap-1 h-8\" *ngIf=\"filterItemsValues.length == 0\">\n                <span class=\"text-slate-800 font-medium text-sm\">\u0628\u062F\u0648\u0646 \u0641\u06CC\u0644\u062A\u0631</span>\n            </li>\n            <li class=\"bg-white border border-slate-200 rounded-md px-2 py-1 flex items-center gap-1 h-8\" *ngFor=\"let item of filterItemsValues\">\n                <label class=\"text-slate-500 text-sm\">{{ item.label }}:</label>\n                <span class=\"text-slate-800 font-medium text-sm\">{{ item.value | translate }}</span>\n                <i class=\"fa-regular fa-times cursor-pointer ps-2\" (click)=\"removeFilter(item)\"></i>\n            </li>\n        </ul>\n    </div>\n    <div class=\"flex items-center gap-2\" *ngIf=\"id != null\">\n        <button nz-button nzType=\"default\" *ngIf=\"filterItemsValues.length > 0 || gridId != null\" (click)=\"saveFilterGrid()\">\n            {{ gridId == null ? '\u0630\u062E\u06CC\u0631\u0647 \u0641\u06CC\u0644\u062A\u0631' : '\u0627\u0639\u0645\u0627\u0644 \u062A\u063A\u06CC\u06CC\u0631\u0627\u062A \u0641\u06CC\u0644\u062A\u0631' }}\n        </button>\n        <button nz-button nzType=\"default\" *ngIf=\"gridId != null\" (click)=\"clearFilter(); gridId = null\">\u0644\u063A\u0648</button>\n    </div>\n</div>\n\n<nz-modal [(nzVisible)]=\"isVisibleModal\" nzTitle=\"\u0627\u0641\u0632\u0648\u062F\u0646 \u0642\u0627\u0644\u0628 \u062C\u062F\u06CC\u062F\" (nzOnCancel)=\"handleCancelModal()\" (nzOnOk)=\"handleOkModal()\">\n    <ng-container *nzModalContent>\n        <nz-form-item class=\"w-full\">\n            <nz-form-label>\u0639\u0646\u0648\u0627\u0646 \u0642\u0627\u0644\u0628</nz-form-label>\n            <input type=\"text\" nz-input [(ngModel)]=\"templateName\" />\n        </nz-form-item>\n    </ng-container>\n</nz-modal>\n\n<ag-grid-angular\n    style=\"width: 100%\"\n    [style]=\"isToolbar ? 'height: calc(100% - 1rem - 114px);' : 'height: 100%;'\"\n    [columnDefs]=\"columnDefs\"\n    [pagination]=\"true\"\n    [paginationPageSize]=\"paginationPageSize\"\n    [paginationPageSizeSelector]=\"paginationPageSizeSelector\"\n    [class]=\"themeClass\"\n    [rowHeight]=\"48\"\n    [defaultColDef]=\"defaultColDef\"\n    [enableAdvancedFilter]=\"enableAdvancedFilter\"\n    [enableRtl]=\"rtl\"\n    [treeData]=\"treeModel\"\n    [autoGroupColumnDef]=\"autoGroupColumnDef\"\n    [isServerSideGroup]=\"isServerSideGroup\"\n    [getServerSideGroupKey]=\"getServerSideGroupKey\"\n    [rowModelType]=\"rowModelType\"\n    [rowData]=\"rowData\"\n    [serverSideDatasource]=\"datasource\"\n    (gridReady)=\"onGridReady($event)\"\n    [cacheBlockSize]=\"paginationPageSize\"\n    [maxBlocksInCache]=\"2\"\n    [context]=\"{ actionItems: actionItems }\"\n    (cellDoubleClicked)=\"cellDoubleClicked($event)\"\n    [autoSizeStrategy]=\"_autoColumnSize\"\n    [rowSelection]=\"_rowSelection\"\n    (selectionChanged)=\"selectionChanged($event)\"\n    [theme]=\"\"\n    [getRowClass]=\"getRowClass\"\n    #grid />\n" }]
         }], ctorParameters: () => [{ type: i1$3.TranslateService }, { type: i0.ChangeDetectorRef }, { type: ToastService }], propDecorators: { onAction: [{
                 type: Output
             }], onToolbar: [{