fixa-admin 0.0.63 → 0.0.65

package/fesm2022/fixa-admin.mjs

@@ -35,9 +35,9 @@ import * as i5$1 from 'ng-zorro-antd/icon';
 import { NzIconModule } from 'ng-zorro-antd/icon';
 import * as i5 from 'ng-zorro-antd/input';
 import { NzInputModule } from 'ng-zorro-antd/input';
-import * as i4$2 from 'ng-zorro-antd/layout';
+import * as i5$2 from 'ng-zorro-antd/layout';
 import { NzLayoutModule } from 'ng-zorro-antd/layout';
-import * as i5$2 from 'ng-zorro-antd/menu';
+import * as i6$2 from 'ng-zorro-antd/menu';
 import { NzMenuModule } from 'ng-zorro-antd/menu';
 import * as i1$4 from 'ng-zorro-antd/spin';
 import { NzSpinModule } from 'ng-zorro-antd/spin';
@@ -723,6 +723,7 @@ class GridComponent {
         this.treeModel = false;
         this.isLeaf = false;
         this.rowData = null;
+        this.renderCellClassRules = null;
         this.showAdvancedButton = true;
         this.actionItems = [
             {
@@ -852,10 +853,10 @@ class GridComponent {
                     }
                     else if (el.type == 'boolean') {
                         items.push({
-                            label: this._translate.instant("true"),
+                            label: "True",
                             value: true
                         }, {
-                            label: this._translate.instant("false"),
+                            label: "False",
                             value: false
                         });
                         this._filterBoxItems.push({
@@ -988,6 +989,7 @@ class GridComponent {
                                 filterParams,
                                 pinned: el.pinned,
                                 cellClass: 'ag-boolean-cell',
+                                cellClassRules: this.renderCellClassRules,
                                 cellRenderer: params => {
                                     if (params.value != null) {
                                         return params.value ? '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" stroke="green" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" class="feather feather-check"><path d="M20 6L9 17L4 12"/></svg>' : '<svg xmlns="http://www.w3.org/2000/svg" stroke="red" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" class="feather feather-x"><line x1="18" y1="6" x2="6" y2="18" /><line x1="6" y1="6" x2="18" y2="18" /></svg>';
@@ -1009,6 +1011,7 @@ class GridComponent {
                                 pinned: el.pinned,
                                 minWidth: el.minWidth ? el.minWidth : null,
                                 filterParams,
+                                cellClassRules: this.renderCellClassRules,
                                 cellRenderer: params => {
                                     if (params.value) {
                                         return this._translate.instant(params.value);
@@ -1024,12 +1027,13 @@ 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,
                                 filterParams,
                                 pinned: el.pinned,
+                                cellClassRules: this.renderCellClassRules,
                                 cellRenderer: params => {
                                     if (params.value) {
                                         return new JDatePipe().transform(params.value);
@@ -1051,6 +1055,7 @@ class GridComponent {
                                 minWidth: el.minWidth ? el.minWidth : null,
                                 filterParams,
                                 pinned: el.pinned,
+                                cellClassRules: this.renderCellClassRules,
                                 cellRenderer: params => {
                                     if (params.value) {
                                         return params.value;
@@ -1072,6 +1077,7 @@ class GridComponent {
                                 minWidth: el.minWidth ? el.minWidth : null,
                                 filterParams,
                                 pinned: el.pinned,
+                                cellClassRules: this.renderCellClassRules,
                                 cellRenderer: params => {
                                     if (params.value) {
                                         return new JDatePipe().transform(params.value, true);
@@ -1093,6 +1099,7 @@ class GridComponent {
                                 minWidth: el.minWidth ? el.minWidth : null,
                                 filterParams,
                                 pinned: el.pinned,
+                                cellClassRules: this.renderCellClassRules,
                                 cellRenderer: params => {
                                     if (params.value != null) {
                                         return params.value.toLocaleString();
@@ -1115,6 +1122,7 @@ class GridComponent {
                                 editable: false,
                                 filterParams,
                                 pinned: el.pinned,
+                                cellClassRules: this.renderCellClassRules,
                                 cellRenderer: params => {
                                     if (params.value) {
                                         return `<img class="rounded-full mt-1" width="32" height="32" src="${params.value}"/>`;
@@ -1135,6 +1143,7 @@ class GridComponent {
                                 editable: el.editable,
                                 filterParams,
                                 pinned: el.pinned,
+                                cellClassRules: this.renderCellClassRules,
                                 minWidth: el.minWidth ? el.minWidth : null
                             });
                         }
@@ -1158,10 +1167,10 @@ class GridComponent {
                             case 'boolean':
                                 Object.keys(el.filterItems).forEach((item) => {
                                     items.push({
-                                        label: this._translate.instant("true"),
+                                        label: "True",
                                         value: true
                                     }, {
-                                        label: this._translate.instant("false"),
+                                        label: "False",
                                         value: false
                                     });
                                 });
@@ -1346,19 +1355,51 @@ class GridComponent {
     filter() {
         this.handleFilterLabelValue();
         this.refresh();
-        this.visibleFilterBox = false;
-        this._cdr.detectChanges();
+        setTimeout(() => {
+            this.visibleFilterBox = false;
+            this._cdr.detectChanges();
+        }, 50);
     }
     setTemplateFilter(item) {
         this.clearFilter();
+        const operatorMap = {
+            EQ: 'equals',
+            NEQ: 'notEqual',
+            LT: 'lessThan',
+            LTE: 'lessThanOrEqual',
+            GT: 'greaterThan',
+            GTE: 'greaterThanOrEqual',
+            STARTSWITH: 'startsWith',
+            ENDSWITH: 'endsWith',
+            LIKE: 'contains',
+            NOTLIKE: 'notContains',
+            IN: 'inRange',
+            TRUNC_EQ: 'equals',
+            TRUNC_NEQ: 'notEqual',
+            TRUNC_GT: 'greaterThan',
+            TRUNC_GTE: 'greaterThanOrEqual',
+            TRUNC_LT: 'lessThan',
+            TRUNC_LTE: 'lessThanOrEqual',
+            BETWEEN: 'inRange'
+        };
         setTimeout(() => {
             item.grid.filter.filters.forEach((el) => {
                 const findEl = this._column.find((item) => item.field == el.field || item.searchField == el.field);
                 if (findEl && this.columnDefs.find((item) => item.field == findEl.field && item.filter)) {
-                    this.gridApi.setColumnFilterModel(findEl.field, {
-                        type: el.logic,
-                        filter: el.value
-                    });
+                    const mappedOperator = operatorMap[el.operator];
+                    if (el.operator === 'BETWEEN' || el.operator === 'IN') {
+                        this.gridApi.setColumnFilterModel(findEl.field, {
+                            type: mappedOperator,
+                            dateFrom: new JDatePipe().transform(el.value[0], false, 'YYYYMMDD'),
+                            dateTo: new JDatePipe().transform(el.value[1], false, 'YYYYMMDD')
+                        });
+                    }
+                    else {
+                        this.gridApi.setColumnFilterModel(findEl.field, {
+                            type: mappedOperator,
+                            filter: el.value
+                        });
+                    }
                 }
                 else {
                     const index = this._filterBoxItems.findIndex((item) => item.field == el.field);
@@ -1387,6 +1428,9 @@ class GridComponent {
                 case 'select':
                     value = el.items.find((item) => item.value == el.value)?.label;
                     break;
+                case 'boolean':
+                    value = el.value != null && el.value == true ? 'True' : 'False';
+                    break;
                 case 'tree-select':
                     const findItemByValue = (items, targetValue) => {
                         for (const item of items) {
@@ -1475,6 +1519,7 @@ class GridComponent {
                     for (const key in params.request.filterModel) {
                         let field = key == 'ag-Grid-AutoColumn' ? this._treeGroupColumn : key;
                         let value = null;
+                        let translateValue = null;
                         let operator = FilterOperator.equals;
                         let ignoreCase = false;
                         const findEl = this._column.find((el) => el.field == key);
@@ -1487,18 +1532,22 @@ 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;
                                 value = [params.request.filterModel[key].dateFrom, params.request.filterModel[key].dateTo];
+                                translateValue = `${new JDatePipe().transform(params.request.filterModel[key].dateFrom)} - ${new JDatePipe().transform(params.request.filterModel[key].dateTo)}`;
                             }
                             else if (params.request.filterModel[key].dateFrom) {
                                 operator = FilterOperator.truncGreaterThanEqual;
                                 value = params.request.filterModel[key].dateFrom;
+                                translateValue = `${new JDatePipe().transform(params.request.filterModel[key].dateFrom)}`;
                             }
                             else if (params.request.filterModel[key].dateTo && params.request.filterModel[key].dateTo != "") {
                                 operator = FilterOperator.truncLessThanOrEqual;
                                 value = params.request.filterModel[key].dateTo;
+                                translateValue = `${new JDatePipe().transform(params.request.filterModel[key].dateTo)}`;
                             }
                         }
                         else if (params.request.filterModel[key].filterType == 'custom-time' && params.request.filterModel[key].time != null) {
@@ -1524,11 +1573,11 @@ class GridComponent {
                             this.filterItemsValues.push({
                                 field: findEl.field,
                                 label: findEl.label,
-                                value: typeof value == 'object' && value.length == 2 ? value[0] + '-' + value[1] : value
+                                value: translateValue != null ? translateValue : value
                             });
                         }
                         else {
-                            findFilterItemsEl.value = typeof value == 'object' && value.length == 2 ? value[0] + '-' + value[1] : value;
+                            findFilterItemsEl.value = translateValue != null ? translateValue : value;
                         }
                         filter.filters.push({
                             disable: false,
@@ -1544,6 +1593,11 @@ class GridComponent {
                     this._cdr.detectChanges();
                     // this.filterItemsValues = structuredClone(this.filterItemsValues);
                 }
+                else {
+                    this.filterItemsValues = structuredClone([]);
+                    this._cdr.detectChanges();
+                    this.handleFilterLabelValue();
+                }
                 let sorts = [];
                 if (params.request.sortModel.length) {
                     const findEl = this._column.find((el) => el.field == params.request.sortModel[0].colId);
@@ -1644,11 +1698,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", 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            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\"></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\"></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\">\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            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\"></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\"></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\">\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: [{
@@ -1689,6 +1743,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                 type: Input
             }], rowData: [{
                 type: Input
+            }], renderCellClassRules: [{
+                type: Input
             }], autoColumnSize: [{
                 type: Input
             }], showAdvancedButton: [{
@@ -2467,11 +2523,11 @@ class MasterLayout {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MasterLayout, deps: [{ token: SharedService }, { token: ConfirmService }, { token: i0.ComponentFactoryResolver }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: MasterLayout, selector: "ng-component", viewQueries: [{ propertyName: "container", first: true, predicate: ["dynamicComponentContainer"], descendants: true, read: ViewContainerRef }], ngImport: i0, template: "<nz-layout class=\"app-layout\">\n    <nz-sider class=\"menu-sidebar bg-white\" nzCollapsible nzWidth=\"256px\" nzBreakpoint=\"md\" [(nzCollapsed)]=\"isCollapsed\" [nzTrigger]=\"null\">\n        <div class=\"py-2 px-4 border-b border-b-slate-200 h-16 flex items-center gap-4\">\n            <div class=\"size-10 rounded-full bg-slate-200\"></div>\n            <div>\n                <h5 class=\"text-sm text-slate-800 font-semibold\">{{userName}}</h5>\n                <span class=\"text-sm text-slate-600\">\u0628\u0647 \u067E\u0646\u0644 \u0645\u062F\u06CC\u0631\u06CC\u062A \u062E\u0648\u0634 \u0622\u0645\u062F\u06CC\u062F \uD83D\uDC4B</span>\n            </div>\n            <!-- <div class=\"flex justify-center items-center border-b !border-b-slate-200 pb-4\"></div> -->\n        </div>\n        <ul nz-menu nzMode=\"inline\" [nzInlineCollapsed]=\"isCollapsed\" class=\"h-[calc(100%-64px)] overflow-y-auto overflow-x-hidden\">\n            @for (item of menuItems; track item.title) { @if(item.children){\n            <li nz-submenu [nzTitle]=\"item.title\" [nzIcon]=\"item.icon\">\n                <ul nz-menu-group>\n                    @for (subitem of item.children; track subitem.title) {\n                    <li nz-menu-item [routerLink]=\"subitem.path\">{{ subitem.title }}</li>\n                    }\n                </ul>\n            </li>\n            } @else{\n            <li nz-menu-item [routerLink]=\"item.path\">\n                <span nz-icon [nzType]=\"item.icon\"></span>\n                <span>{{ item.title }}</span>\n            </li>\n            } }\n        </ul>\n    </nz-sider>\n    <nz-layout>\n        <nz-header>\n            <div class=\"app-header p-4 flex justify-between items-center\">\n                <div class=\"flex items-center gap-1\">\n                    <button nz-button nzType=\"text\" (click)=\"isCollapsed = !isCollapsed\">\n                        <span class=\"text-2xl\" nz-icon nzType=\"menu\"></span>\n                    </button>\n                    <img width=\"86\" src=\"assets/images/logo.svg\" alt=\"\" />\n                </div>\n                <div class=\"flex gap-2\">\n                    <button nz-button nzType=\"text\" nzSize=\"large\" nzShape=\"circle\"><span nz-icon nzType=\"global\"></span></button>\n                    <button nz-button nzType=\"text\" nzSize=\"large\" nzShape=\"circle\"><span nz-icon nzType=\"user\"></span></button>\n                    <button nz-button nzType=\"text\" nzSize=\"large\" nzShape=\"circle\"><span nz-icon nzType=\"bell\"></span></button>\n                    <button nz-button nzType=\"text\" nzSize=\"large\" nzShape=\"circle\" (click)=\"logout()\"><span nz-icon nzType=\"poweroff\"></span></button>\n                </div>\n            </div>\n        </nz-header>\n        <nz-content>\n            <!-- <nz-tabset nzType=\"editable-card\">\n                <nz-tab nzClosable nzTitle=\"\u062F\u0631\u062E\u062A \u0633\u0631\u0648\u06CC\u0633\">\n                    <div class=\"inner-content rounded-md overflow-auto\">\n                        <div #dynamicComponentContainer></div>\n                    </div>\n                </nz-tab>\n            </nz-tabset> -->\n            <div class=\"inner-content rounded-xl overflow-auto p-0 border border-slate-200\">\n                <router-outlet></router-outlet>\n            </div>\n        </nz-content>\n    </nz-layout>\n</nz-layout>\n", styles: [":host{display:flex;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-layout{height:100vh}.menu-sidebar{position:relative;z-index:10;min-height:100vh;box-shadow:2px 0 6px #00152959}.header-trigger{height:64px;padding:20px 24px;font-size:20px;cursor:pointer;transition:all .3s,padding 0s}.trigger:hover{color:#1890ff}.sidebar-logo{position:relative;height:64px;padding-left:24px;overflow:hidden;line-height:64px;background:#001529;transition:all .3s}.sidebar-logo img{display:inline-block;height:32px;width:32px;vertical-align:middle}.sidebar-logo h1{display:inline-block;margin:0 0 0 20px;color:#fff;font-weight:600;font-size:14px;font-family:Avenir,Helvetica Neue,Arial,Helvetica,sans-serif;vertical-align:middle}nz-header{padding:0;width:100%;z-index:2}.app-header{position:relative;height:64px;padding:0;background:#fff;box-shadow:0 1px 4px #00152914}nz-content{margin:24px}.inner-content{padding:24px;background:#fff;height:100%}\n"], dependencies: [{ kind: "directive", type: i1$5.RouterOutlet, selector: "router-outlet", inputs: ["name"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "directive", type: i1$5.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i4$2.NzLayoutComponent, selector: "nz-layout", exportAs: ["nzLayout"] }, { kind: "component", type: i4$2.NzHeaderComponent, selector: "nz-header", exportAs: ["nzHeader"] }, { kind: "component", type: i4$2.NzContentComponent, selector: "nz-content", exportAs: ["nzContent"] }, { kind: "component", type: i4$2.NzSiderComponent, selector: "nz-sider", inputs: ["nzWidth", "nzTheme", "nzCollapsedWidth", "nzBreakpoint", "nzZeroTrigger", "nzTrigger", "nzReverseArrow", "nzCollapsible", "nzCollapsed"], outputs: ["nzCollapsedChange"], exportAs: ["nzSider"] }, { kind: "directive", type: i5$2.NzMenuDirective, selector: "[nz-menu]", inputs: ["nzInlineIndent", "nzTheme", "nzMode", "nzInlineCollapsed", "nzSelectable"], outputs: ["nzClick"], exportAs: ["nzMenu"] }, { kind: "component", type: i5$2.NzMenuItemComponent, selector: "[nz-menu-item]", inputs: ["nzPaddingLeft", "nzDisabled", "nzSelected", "nzDanger", "nzMatchRouterExact", "nzMatchRouter"], exportAs: ["nzMenuItem"] }, { kind: "component", type: i5$2.NzSubMenuComponent, selector: "[nz-submenu]", inputs: ["nzMenuClassName", "nzPaddingLeft", "nzTitle", "nzIcon", "nzOpen", "nzDisabled", "nzPlacement"], outputs: ["nzOpenChange"], exportAs: ["nzSubmenu"] }, { kind: "component", type: i5$2.NzMenuGroupComponent, selector: "[nz-menu-group]", inputs: ["nzTitle"], exportAs: ["nzMenuGroup"] }, { 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"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: MasterLayout, selector: "ng-component", viewQueries: [{ propertyName: "container", first: true, predicate: ["dynamicComponentContainer"], descendants: true, read: ViewContainerRef }], ngImport: i0, template: "<nz-layout class=\"app-layout\">\n    <nz-sider class=\"menu-sidebar bg-white\" nzCollapsible nzWidth=\"256px\" nzBreakpoint=\"md\" [(nzCollapsed)]=\"isCollapsed\" [nzTrigger]=\"null\">\n        <div class=\"py-2 px-4 border-b border-b-slate-200 h-16 flex items-center gap-4\" [ngClass]=\"{'!justify-center': isCollapsed}\">\n            <div class=\"size-10 rounded-full bg-slate-200\"></div>\n            <div *ngIf=\"!isCollapsed\">\n                <h5 class=\"text-sm text-slate-800 font-semibold\">{{userName}}</h5>\n                <span class=\"text-sm text-slate-600\">\u0628\u0647 \u067E\u0646\u0644 \u0645\u062F\u06CC\u0631\u06CC\u062A \u062E\u0648\u0634 \u0622\u0645\u062F\u06CC\u062F \uD83D\uDC4B</span>\n            </div>\n            <!-- <div class=\"flex justify-center items-center border-b !border-b-slate-200 pb-4\"></div> -->\n        </div>\n        <ul nz-menu nzMode=\"inline\" [nzInlineCollapsed]=\"isCollapsed\" class=\"h-[calc(100%-64px)] overflow-y-auto overflow-x-hidden\">\n            @for (item of menuItems; track item.title) { @if(item.children){\n            <li nz-submenu [nzTitle]=\"item.title\" [nzIcon]=\"item.icon\">\n                <ul nz-menu-group>\n                    @for (subitem of item.children; track subitem.title) {\n                    <li nz-menu-item [routerLink]=\"subitem.path\">{{ subitem.title }}</li>\n                    }\n                </ul>\n            </li>\n            } @else{\n            <li nz-menu-item [routerLink]=\"item.path\">\n                <span nz-icon [nzType]=\"item.icon\"></span>\n                <span>{{ item.title }}</span>\n            </li>\n            } }\n        </ul>\n    </nz-sider>\n    <nz-layout>\n        <nz-header>\n            <div class=\"app-header p-4 flex justify-between items-center\">\n                <div class=\"flex items-center gap-1\">\n                    <button nz-button nzType=\"text\" (click)=\"isCollapsed = !isCollapsed\">\n                        <span class=\"text-2xl\" nz-icon nzType=\"menu\"></span>\n                    </button>\n                    <img width=\"86\" src=\"assets/images/logo.svg\" alt=\"\" />\n                </div>\n                <div class=\"flex gap-2\">\n                    <!-- <button nz-button nzType=\"text\" nzSize=\"large\" nzShape=\"circle\"><span nz-icon nzType=\"global\"></span></button> -->\n                    <button nz-button nzType=\"text\" nzSize=\"large\" nzShape=\"circle\" [routerLink]=\"['/auth/change-password']\"><span nz-icon nzType=\"user\"></span></button>\n                    <!-- <button nz-button nzType=\"text\" nzSize=\"large\" nzShape=\"circle\"><span nz-icon nzType=\"bell\"></span></button> -->\n                    <button nz-button nzType=\"text\" nzSize=\"large\" nzShape=\"circle\" (click)=\"logout()\"><span nz-icon nzType=\"poweroff\"></span></button>\n                </div>\n            </div>\n        </nz-header>\n        <nz-content>\n            <!-- <nz-tabset nzType=\"editable-card\">\n                <nz-tab nzClosable nzTitle=\"\u062F\u0631\u062E\u062A \u0633\u0631\u0648\u06CC\u0633\">\n                    <div class=\"inner-content rounded-md overflow-auto\">\n                        <div #dynamicComponentContainer></div>\n                    </div>\n                </nz-tab>\n            </nz-tabset> -->\n            <div class=\"inner-content rounded-xl overflow-auto p-0 border border-slate-200\">\n                <router-outlet></router-outlet>\n            </div>\n        </nz-content>\n    </nz-layout>\n</nz-layout>\n", styles: [":host{display:flex;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-layout{height:100vh}.menu-sidebar{position:relative;z-index:10;min-height:100vh;box-shadow:2px 0 6px #00152959}.header-trigger{height:64px;padding:20px 24px;font-size:20px;cursor:pointer;transition:all .3s,padding 0s}.trigger:hover{color:#1890ff}.sidebar-logo{position:relative;height:64px;padding-left:24px;overflow:hidden;line-height:64px;background:#001529;transition:all .3s}.sidebar-logo img{display:inline-block;height:32px;width:32px;vertical-align:middle}.sidebar-logo h1{display:inline-block;margin:0 0 0 20px;color:#fff;font-weight:600;font-size:14px;font-family:Avenir,Helvetica Neue,Arial,Helvetica,sans-serif;vertical-align:middle}nz-header{padding:0;width:100%;z-index:2}.app-header{position:relative;height:64px;padding:0;background:#fff;box-shadow:0 1px 4px #00152914}nz-content{margin:24px}.inner-content{padding:24px;background:#fff;height:100%}\n"], dependencies: [{ kind: "directive", type: i1$5.RouterOutlet, selector: "router-outlet", inputs: ["name"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "directive", type: i1$5.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i3$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i5$2.NzLayoutComponent, selector: "nz-layout", exportAs: ["nzLayout"] }, { kind: "component", type: i5$2.NzHeaderComponent, selector: "nz-header", exportAs: ["nzHeader"] }, { kind: "component", type: i5$2.NzContentComponent, selector: "nz-content", exportAs: ["nzContent"] }, { kind: "component", type: i5$2.NzSiderComponent, selector: "nz-sider", inputs: ["nzWidth", "nzTheme", "nzCollapsedWidth", "nzBreakpoint", "nzZeroTrigger", "nzTrigger", "nzReverseArrow", "nzCollapsible", "nzCollapsed"], outputs: ["nzCollapsedChange"], exportAs: ["nzSider"] }, { kind: "directive", type: i6$2.NzMenuDirective, selector: "[nz-menu]", inputs: ["nzInlineIndent", "nzTheme", "nzMode", "nzInlineCollapsed", "nzSelectable"], outputs: ["nzClick"], exportAs: ["nzMenu"] }, { kind: "component", type: i6$2.NzMenuItemComponent, selector: "[nz-menu-item]", inputs: ["nzPaddingLeft", "nzDisabled", "nzSelected", "nzDanger", "nzMatchRouterExact", "nzMatchRouter"], exportAs: ["nzMenuItem"] }, { kind: "component", type: i6$2.NzSubMenuComponent, selector: "[nz-submenu]", inputs: ["nzMenuClassName", "nzPaddingLeft", "nzTitle", "nzIcon", "nzOpen", "nzDisabled", "nzPlacement"], outputs: ["nzOpenChange"], exportAs: ["nzSubmenu"] }, { kind: "component", type: i6$2.NzMenuGroupComponent, selector: "[nz-menu-group]", inputs: ["nzTitle"], exportAs: ["nzMenuGroup"] }, { 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"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MasterLayout, decorators: [{
             type: Component,
-            args: [{ template: "<nz-layout class=\"app-layout\">\n    <nz-sider class=\"menu-sidebar bg-white\" nzCollapsible nzWidth=\"256px\" nzBreakpoint=\"md\" [(nzCollapsed)]=\"isCollapsed\" [nzTrigger]=\"null\">\n        <div class=\"py-2 px-4 border-b border-b-slate-200 h-16 flex items-center gap-4\">\n            <div class=\"size-10 rounded-full bg-slate-200\"></div>\n            <div>\n                <h5 class=\"text-sm text-slate-800 font-semibold\">{{userName}}</h5>\n                <span class=\"text-sm text-slate-600\">\u0628\u0647 \u067E\u0646\u0644 \u0645\u062F\u06CC\u0631\u06CC\u062A \u062E\u0648\u0634 \u0622\u0645\u062F\u06CC\u062F \uD83D\uDC4B</span>\n            </div>\n            <!-- <div class=\"flex justify-center items-center border-b !border-b-slate-200 pb-4\"></div> -->\n        </div>\n        <ul nz-menu nzMode=\"inline\" [nzInlineCollapsed]=\"isCollapsed\" class=\"h-[calc(100%-64px)] overflow-y-auto overflow-x-hidden\">\n            @for (item of menuItems; track item.title) { @if(item.children){\n            <li nz-submenu [nzTitle]=\"item.title\" [nzIcon]=\"item.icon\">\n                <ul nz-menu-group>\n                    @for (subitem of item.children; track subitem.title) {\n                    <li nz-menu-item [routerLink]=\"subitem.path\">{{ subitem.title }}</li>\n                    }\n                </ul>\n            </li>\n            } @else{\n            <li nz-menu-item [routerLink]=\"item.path\">\n                <span nz-icon [nzType]=\"item.icon\"></span>\n                <span>{{ item.title }}</span>\n            </li>\n            } }\n        </ul>\n    </nz-sider>\n    <nz-layout>\n        <nz-header>\n            <div class=\"app-header p-4 flex justify-between items-center\">\n                <div class=\"flex items-center gap-1\">\n                    <button nz-button nzType=\"text\" (click)=\"isCollapsed = !isCollapsed\">\n                        <span class=\"text-2xl\" nz-icon nzType=\"menu\"></span>\n                    </button>\n                    <img width=\"86\" src=\"assets/images/logo.svg\" alt=\"\" />\n                </div>\n                <div class=\"flex gap-2\">\n                    <button nz-button nzType=\"text\" nzSize=\"large\" nzShape=\"circle\"><span nz-icon nzType=\"global\"></span></button>\n                    <button nz-button nzType=\"text\" nzSize=\"large\" nzShape=\"circle\"><span nz-icon nzType=\"user\"></span></button>\n                    <button nz-button nzType=\"text\" nzSize=\"large\" nzShape=\"circle\"><span nz-icon nzType=\"bell\"></span></button>\n                    <button nz-button nzType=\"text\" nzSize=\"large\" nzShape=\"circle\" (click)=\"logout()\"><span nz-icon nzType=\"poweroff\"></span></button>\n                </div>\n            </div>\n        </nz-header>\n        <nz-content>\n            <!-- <nz-tabset nzType=\"editable-card\">\n                <nz-tab nzClosable nzTitle=\"\u062F\u0631\u062E\u062A \u0633\u0631\u0648\u06CC\u0633\">\n                    <div class=\"inner-content rounded-md overflow-auto\">\n                        <div #dynamicComponentContainer></div>\n                    </div>\n                </nz-tab>\n            </nz-tabset> -->\n            <div class=\"inner-content rounded-xl overflow-auto p-0 border border-slate-200\">\n                <router-outlet></router-outlet>\n            </div>\n        </nz-content>\n    </nz-layout>\n</nz-layout>\n", styles: [":host{display:flex;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-layout{height:100vh}.menu-sidebar{position:relative;z-index:10;min-height:100vh;box-shadow:2px 0 6px #00152959}.header-trigger{height:64px;padding:20px 24px;font-size:20px;cursor:pointer;transition:all .3s,padding 0s}.trigger:hover{color:#1890ff}.sidebar-logo{position:relative;height:64px;padding-left:24px;overflow:hidden;line-height:64px;background:#001529;transition:all .3s}.sidebar-logo img{display:inline-block;height:32px;width:32px;vertical-align:middle}.sidebar-logo h1{display:inline-block;margin:0 0 0 20px;color:#fff;font-weight:600;font-size:14px;font-family:Avenir,Helvetica Neue,Arial,Helvetica,sans-serif;vertical-align:middle}nz-header{padding:0;width:100%;z-index:2}.app-header{position:relative;height:64px;padding:0;background:#fff;box-shadow:0 1px 4px #00152914}nz-content{margin:24px}.inner-content{padding:24px;background:#fff;height:100%}\n"] }]
+            args: [{ template: "<nz-layout class=\"app-layout\">\n    <nz-sider class=\"menu-sidebar bg-white\" nzCollapsible nzWidth=\"256px\" nzBreakpoint=\"md\" [(nzCollapsed)]=\"isCollapsed\" [nzTrigger]=\"null\">\n        <div class=\"py-2 px-4 border-b border-b-slate-200 h-16 flex items-center gap-4\" [ngClass]=\"{'!justify-center': isCollapsed}\">\n            <div class=\"size-10 rounded-full bg-slate-200\"></div>\n            <div *ngIf=\"!isCollapsed\">\n                <h5 class=\"text-sm text-slate-800 font-semibold\">{{userName}}</h5>\n                <span class=\"text-sm text-slate-600\">\u0628\u0647 \u067E\u0646\u0644 \u0645\u062F\u06CC\u0631\u06CC\u062A \u062E\u0648\u0634 \u0622\u0645\u062F\u06CC\u062F \uD83D\uDC4B</span>\n            </div>\n            <!-- <div class=\"flex justify-center items-center border-b !border-b-slate-200 pb-4\"></div> -->\n        </div>\n        <ul nz-menu nzMode=\"inline\" [nzInlineCollapsed]=\"isCollapsed\" class=\"h-[calc(100%-64px)] overflow-y-auto overflow-x-hidden\">\n            @for (item of menuItems; track item.title) { @if(item.children){\n            <li nz-submenu [nzTitle]=\"item.title\" [nzIcon]=\"item.icon\">\n                <ul nz-menu-group>\n                    @for (subitem of item.children; track subitem.title) {\n                    <li nz-menu-item [routerLink]=\"subitem.path\">{{ subitem.title }}</li>\n                    }\n                </ul>\n            </li>\n            } @else{\n            <li nz-menu-item [routerLink]=\"item.path\">\n                <span nz-icon [nzType]=\"item.icon\"></span>\n                <span>{{ item.title }}</span>\n            </li>\n            } }\n        </ul>\n    </nz-sider>\n    <nz-layout>\n        <nz-header>\n            <div class=\"app-header p-4 flex justify-between items-center\">\n                <div class=\"flex items-center gap-1\">\n                    <button nz-button nzType=\"text\" (click)=\"isCollapsed = !isCollapsed\">\n                        <span class=\"text-2xl\" nz-icon nzType=\"menu\"></span>\n                    </button>\n                    <img width=\"86\" src=\"assets/images/logo.svg\" alt=\"\" />\n                </div>\n                <div class=\"flex gap-2\">\n                    <!-- <button nz-button nzType=\"text\" nzSize=\"large\" nzShape=\"circle\"><span nz-icon nzType=\"global\"></span></button> -->\n                    <button nz-button nzType=\"text\" nzSize=\"large\" nzShape=\"circle\" [routerLink]=\"['/auth/change-password']\"><span nz-icon nzType=\"user\"></span></button>\n                    <!-- <button nz-button nzType=\"text\" nzSize=\"large\" nzShape=\"circle\"><span nz-icon nzType=\"bell\"></span></button> -->\n                    <button nz-button nzType=\"text\" nzSize=\"large\" nzShape=\"circle\" (click)=\"logout()\"><span nz-icon nzType=\"poweroff\"></span></button>\n                </div>\n            </div>\n        </nz-header>\n        <nz-content>\n            <!-- <nz-tabset nzType=\"editable-card\">\n                <nz-tab nzClosable nzTitle=\"\u062F\u0631\u062E\u062A \u0633\u0631\u0648\u06CC\u0633\">\n                    <div class=\"inner-content rounded-md overflow-auto\">\n                        <div #dynamicComponentContainer></div>\n                    </div>\n                </nz-tab>\n            </nz-tabset> -->\n            <div class=\"inner-content rounded-xl overflow-auto p-0 border border-slate-200\">\n                <router-outlet></router-outlet>\n            </div>\n        </nz-content>\n    </nz-layout>\n</nz-layout>\n", styles: [":host{display:flex;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-layout{height:100vh}.menu-sidebar{position:relative;z-index:10;min-height:100vh;box-shadow:2px 0 6px #00152959}.header-trigger{height:64px;padding:20px 24px;font-size:20px;cursor:pointer;transition:all .3s,padding 0s}.trigger:hover{color:#1890ff}.sidebar-logo{position:relative;height:64px;padding-left:24px;overflow:hidden;line-height:64px;background:#001529;transition:all .3s}.sidebar-logo img{display:inline-block;height:32px;width:32px;vertical-align:middle}.sidebar-logo h1{display:inline-block;margin:0 0 0 20px;color:#fff;font-weight:600;font-size:14px;font-family:Avenir,Helvetica Neue,Arial,Helvetica,sans-serif;vertical-align:middle}nz-header{padding:0;width:100%;z-index:2}.app-header{position:relative;height:64px;padding:0;background:#fff;box-shadow:0 1px 4px #00152914}nz-content{margin:24px}.inner-content{padding:24px;background:#fff;height:100%}\n"] }]
         }], ctorParameters: () => [{ type: SharedService }, { type: ConfirmService }, { type: i0.ComponentFactoryResolver }], propDecorators: { container: [{
                 type: ViewChild,
                 args: ['dynamicComponentContainer', { read: ViewContainerRef }]