fixa-admin 0.0.53 → 0.0.55

package/fesm2022/fixa-admin.mjs

@@ -6,7 +6,7 @@ import * as i1 from 'ng-zorro-antd/modal';
 import { NZ_MODAL_DATA, NzModalRef, NzModalModule } from 'ng-zorro-antd/modal';
 import * as i1$1 from 'ng-zorro-antd/message';
 import { NzMessageModule } from 'ng-zorro-antd/message';
-import * as i3$1 from '@ag-grid-community/angular';
+import * as i4$1 from '@ag-grid-community/angular';
 import { AgGridModule } from '@ag-grid-community/angular';
 import { ClientSideRowModelModule } from '@ag-grid-community/client-side-row-model';
 import { ModuleRegistry } from '@ag-grid-community/core';
@@ -18,42 +18,51 @@ import { RowGroupingModule } from '@ag-grid-enterprise/row-grouping';
 import { ServerSideRowModelModule } from '@ag-grid-enterprise/server-side-row-model';
 import { SetFilterModule } from '@ag-grid-enterprise/set-filter';
 import { CdkMenuModule } from '@angular/cdk/menu';
-import * as i2$2 from '@angular/common';
+import * as i3$1 from '@angular/common';
 import { CommonModule } from '@angular/common';
-import * as i1$3 from '@angular/forms';
+import * as i4 from '@angular/forms';
 import { NgControl, FormsModule } from '@angular/forms';
-import * as i1$6 from '@angular/router';
+import * as i1$5 from '@angular/router';
 import { RouterModule } from '@angular/router';
-import * as i1$4 from '@ngx-translate/core';
+import * as i1$3 from '@ngx-translate/core';
 import { TranslateModule, TranslateLoader } from '@ngx-translate/core';
 import { TranslateHttpLoader } from '@ngx-translate/http-loader';
 import * as i1$2 from 'ng-zorro-antd/button';
 import { NzButtonModule } from 'ng-zorro-antd/button';
 import * as i7 from 'ng-zorro-antd/form';
 import { NzFormModule } from 'ng-zorro-antd/form';
-import * as i4 from 'ng-zorro-antd/icon';
+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$1 from 'ng-zorro-antd/layout';
+import * as i4$2 from 'ng-zorro-antd/layout';
 import { NzLayoutModule } from 'ng-zorro-antd/layout';
-import * as i5$1 from 'ng-zorro-antd/menu';
+import * as i5$2 from 'ng-zorro-antd/menu';
 import { NzMenuModule } from 'ng-zorro-antd/menu';
-import * as i1$5 from 'ng-zorro-antd/spin';
+import * as i1$4 from 'ng-zorro-antd/spin';
 import { NzSpinModule } from 'ng-zorro-antd/spin';
 import { NzTabsModule } from 'ng-zorro-antd/tabs';
-import * as i2$3 from 'ng-zorro-antd/tooltip';
+import * as i2$2 from 'ng-zorro-antd/tooltip';
 import { NzToolTipModule } from 'ng-zorro-antd/tooltip';
 import { NzTreeViewModule } from 'ng-zorro-antd/tree-view';
 import * as i6$1 from 'ng-zorro-antd/upload';
 import { NzUploadModule } from 'ng-zorro-antd/upload';
-import * as i2$4 from 'ngx-image-cropper';
+import * as i2$3 from 'ngx-image-cropper';
 import { ImageCropperComponent } from 'ngx-image-cropper';
 import * as moment from 'jalali-moment';
 import moment__default from 'jalali-moment';
 import * as i2$1 from 'ng-zorro-antd/core/transition-patch';
 import * as i3 from 'ng-zorro-antd/core/wave';
 import * as i6 from 'ng-zorro-antd/grid';
+import Dexie from 'dexie';
+import * as i14 from 'ng-zorro-antd/select';
+import { NzSelectModule } from 'ng-zorro-antd/select';
+import * as i15 from 'ng-zorro-antd/tree-select';
+import { NzTreeSelectModule } from 'ng-zorro-antd/tree-select';
+import * as i16 from 'ng-zorro-antd/popover';
+import { NzPopoverModule } from 'ng-zorro-antd/popover';
+import * as i17 from '@qeydar/datepicker';
+import { QeydarDatePickerModule } from '@qeydar/datepicker';
 import { Subscription, Observable } from 'rxjs';
 import Compressor from 'compressorjs';
 import { NzCollapseModule } from 'ng-zorro-antd/collapse';
@@ -416,6 +425,9 @@ class DateFilter {
         this.params = params;
     }
     isFilterActive() {
+        if ((this.dateFrom == "" && this.dateTo == "") || (this.dateFrom == null && this.dateTo == null)) {
+            return false;
+        }
         return true;
     }
     doesFilterPass(params) {
@@ -430,6 +442,9 @@ class DateFilter {
                 passed = false;
             }
         });
+        if (this.dateFrom == "" && this.dateTo == "") {
+            passed = false;
+        }
         return passed;
     }
     getModel() {
@@ -486,7 +501,7 @@ class DateFilter {
             <button nz-button nzType="default" class="mt-4" (click)="clear()">پاکسازی</button>
         </div>
         </div>
-    `, isInline: true, dependencies: [{ 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: "directive", type: i1$3.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: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.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: "directive", type: MaskDirective, selector: "[appMask]", inputs: ["appMask"] }] }); }
+    `, isInline: true, dependencies: [{ 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: "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: "directive", type: MaskDirective, selector: "[appMask]", inputs: ["appMask"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DateFilter, decorators: [{
             type: Component,
@@ -518,6 +533,100 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                 args: ['eFilterText']
             }] } });
 
+class TimeFilter {
+    constructor() {
+        this.time = "";
+    }
+    agInit(params) {
+        this.params = params;
+    }
+    isFilterActive() {
+        if (this.time == null) {
+            return false;
+        }
+        return true;
+    }
+    doesFilterPass(params) {
+        let passed = true;
+        const { node } = params;
+        this.time
+            .toLowerCase()
+            .split(' ')
+            .forEach((filterWord) => {
+            const value = this.params.getValue(node);
+            if (value.toString().toLowerCase().indexOf(filterWord) < 0) {
+                passed = false;
+            }
+        });
+        if (this.time == null) {
+            passed = false;
+        }
+        return passed;
+    }
+    getModel() {
+        if (!this.isFilterActive()) {
+            return null;
+        }
+        let time = this.time;
+        return { time, filterType: 'custom-time' };
+    }
+    setModel(model) {
+        this.time = model == null || model.time == null ? null : model.time;
+    }
+    filter() {
+        this.params.filterChangedCallback();
+    }
+    clear() {
+        this.time = null;
+        this.filter();
+    }
+    afterGuiAttached(params) {
+        if (!params?.suppressFocus) {
+            // focus the input element for keyboard navigation
+            this.eFilterText.nativeElement.focus();
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TimeFilter, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TimeFilter, selector: "ng-component", viewQueries: [{ propertyName: "eFilterText", first: true, predicate: ["eFilterText"], descendants: true }], ngImport: i0, template: `
+        <div class="p-4">
+        <nz-form-item>
+            <nz-form-label>ساعت</nz-form-label>
+            <nz-form-control>
+                <input nz-input appMask="00:00:00" placeholder="12:00:00" autocomplete="off" class="w-[250px]" dir="ltr" [(ngModel)]="time" #eFilterText/>
+            </nz-form-control>
+        </nz-form-item>
+        <hr/>
+        <div class="flex gap-2">
+            <button nz-button nzType="primary" class="mt-4" (click)="filter()">فیلتر</button>
+            <button nz-button nzType="default" class="mt-4" (click)="clear()">پاکسازی</button>
+        </div>
+        </div>
+    `, isInline: true, dependencies: [{ 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: "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: "directive", type: MaskDirective, selector: "[appMask]", inputs: ["appMask"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TimeFilter, decorators: [{
+            type: Component,
+            args: [{
+                    template: `
+        <div class="p-4">
+        <nz-form-item>
+            <nz-form-label>ساعت</nz-form-label>
+            <nz-form-control>
+                <input nz-input appMask="00:00:00" placeholder="12:00:00" autocomplete="off" class="w-[250px]" dir="ltr" [(ngModel)]="time" #eFilterText/>
+            </nz-form-control>
+        </nz-form-item>
+        <hr/>
+        <div class="flex gap-2">
+            <button nz-button nzType="primary" class="mt-4" (click)="filter()">فیلتر</button>
+            <button nz-button nzType="default" class="mt-4" (click)="clear()">پاکسازی</button>
+        </div>
+        </div>
+    `,
+                }]
+        }], propDecorators: { eFilterText: [{
+                type: ViewChild,
+                args: ['eFilterText']
+            }] } });
+
 class JDatePipe {
     transform(value, time = false, format = 'YYYY/MM/DD') {
         if (value != null) {
@@ -540,9 +649,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
             args: [{ name: 'jdate' }]
         }] });
 
+// db.ts
+class AppDB extends Dexie {
+    constructor() {
+        super('fixa-admin-grid');
+        this.version(3).stores({
+            gridFilterItems: 'id',
+        });
+    }
+}
+const db = new AppDB();
+
 class GridComponent {
-    constructor(_translate) {
+    constructor(_translate, _cdr, _toast) {
         this._translate = _translate;
+        this._cdr = _cdr;
+        this._toast = _toast;
         this.getServerSideGroupKey = null;
         this.groupDefaultExpanded = -1;
         this._treeGroupColumn = null;
@@ -552,7 +674,16 @@ class GridComponent {
         };
         this.themeClass = "ag-theme-quartz";
         this.columnDefs = [];
+        this.visibleFilterBox = false;
         this._column = [];
+        this._filterBoxItems = [];
+        this.filterItemsValues = [];
+        this.filterTemplateItems = [];
+        this.visibleFilterTemplateBox = false;
+        this.isVisibleModal = false;
+        this.gridModel = null;
+        this.templateName = null;
+        this.gridId = null;
         this._autoColumnSize = { type: 'fitGridWidth' };
         this.autoGroupColumnDef = {
             headerName: "",
@@ -579,6 +710,7 @@ class GridComponent {
         this.rowSelectionChange = new EventEmitter();
         this.actionWidth = 100;
         this.label = null;
+        this.id = null;
         this.rowModelType = 'serverSide';
         this.serverSideSort = true;
         this.serverSideFilter = true;
@@ -619,6 +751,12 @@ class GridComponent {
         ];
         this.datasource = this.createServerSideDatasource();
     }
+    getRowClass(params) {
+        if (params.node.rowIndex % 2 !== 0) {
+            return 'row-odd';
+        }
+        return '';
+    }
     set isRowSelection(v) {
         if (v) {
             this._rowSelection = {
@@ -676,249 +814,424 @@ class GridComponent {
             // this.autoGroupColumnDef.headerName = v;
         }
     }
-    get column() {
-        return this.column;
-    }
-    set column(v) {
-        this.columnDefs = [];
-        if (v != null) {
-            this._column = v;
+    set filterItems(v) {
+        if (v != null && v.length > 0) {
             v.forEach((el) => {
-                var filter = 'agTextColumnFilter';
-                var sortable = true;
-                var filterParams = {
-                    maxNumConditions: 1
-                };
-                switch (el.type) {
-                    case 'boolean':
-                        filter = 'agNumberColumnFilter';
-                        filterParams.filterOptions = [
-                            "empty",
-                            {
-                                displayKey: 'true',
-                                displayName: this._translate.instant('YES'),
-                                predicate: () => true,
-                                numberOfInputs: 0
-                            },
-                            {
-                                displayKey: 'false',
-                                displayName: this._translate.instant('NO'),
-                                predicate: () => true,
-                                numberOfInputs: 0
+                if (!this._filterBoxItems.find((item) => item.field == el.field)) {
+                    let items = [];
+                    if ((el.type == 'enum' || el.type == 'select' || el.type == 'tree-select') && el.items != null) {
+                        el.items?.().then((res) => {
+                            let nodes = [];
+                            if (el.type == 'tree-select') {
+                                const convertToNzTreeNodes = (items) => {
+                                    return items.map(item => ({
+                                        title: item.label,
+                                        key: String(item.value),
+                                        isLeaf: item.children && item.children.length > 0 ? false : true,
+                                        children: item.children ? convertToNzTreeNodes(item.children) : [],
+                                    }));
+                                };
+                                nodes = convertToNzTreeNodes(res);
                             }
-                        ];
-                        break;
-                    case 'enum':
-                        filter = 'agNumberColumnFilter';
-                        const items = [];
-                        for (const property in el.filterItems) {
-                            items.push({
-                                displayKey: el.filterItems[property],
-                                displayName: this._translate.instant(el.filterItems[property]),
-                                predicate: true,
-                                numberOfInputs: 0
+                            this._filterBoxItems.push({
+                                field: el.field,
+                                label: el.label,
+                                value: null,
+                                items: res,
+                                type: el.type,
+                                position: el.position ? el.position : 'filter',
+                                nodes
                             });
-                        }
-                        filterParams.filterOptions = [
-                            "empty",
-                            ...items
-                        ];
-                        break;
-                    case 'number':
-                        filter = 'agNumberColumnFilter';
-                        break;
-                    case 'select':
-                        filter = 'agSetColumnFilter';
-                        break;
-                    case 'string':
-                        filter = 'agTextColumnFilter';
-                        break;
-                    case 'date':
-                        filter = 'agDateColumnFilter';
-                        break;
-                    default:
-                        filter = 'agTextColumnFilter';
-                        break;
-                }
-                if (el.filter != undefined && !el.filter) {
-                    filter = false;
-                }
-                if (el.sortable != undefined && !el.sortable) {
-                    sortable = false;
-                }
-                if (el.field != this._treeGroupColumn) {
-                    if (el.type && el.type == 'boolean') {
-                        this.columnDefs.push({
-                            colId: el.id ? el.id : el.field,
-                            field: el.field,
-                            headerName: el.label,
-                            filter: filter,
-                            sortable,
-                            editable: el.editable,
-                            minWidth: el.minWidth ? el.minWidth : null,
-                            filterParams,
-                            pinned: el.pinned,
-                            cellClass: 'ag-boolean-cell',
-                            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>';
-                                }
-                                else {
-                                    return '';
-                                }
-                            }
                         });
                     }
-                    else if (el.type && el.type == 'enum') {
-                        this.columnDefs.push({
-                            colId: el.id ? el.id : el.field,
+                    else if (el.type == 'boolean') {
+                        items.push({
+                            label: this._translate.instant("true"),
+                            value: true
+                        }, {
+                            label: this._translate.instant("false"),
+                            value: false
+                        });
+                        this._filterBoxItems.push({
                             field: el.field,
-                            headerName: el.label,
-                            filter: filter,
-                            sortable,
-                            editable: el.editable,
-                            pinned: el.pinned,
-                            minWidth: el.minWidth ? el.minWidth : null,
-                            filterParams,
-                            cellRenderer: params => {
-                                if (params.value) {
-                                    return this._translate.instant(params.value);
-                                }
-                                else {
-                                    return '';
-                                }
-                            }
+                            label: el.label,
+                            value: null,
+                            items,
+                            type: el.type,
+                            position: el.position ? el.position : 'filter',
+                            nodes: []
                         });
                     }
-                    else if (el.type && el.type == 'date') {
-                        this.columnDefs.push({
-                            colId: el.id ? el.id : el.field,
+                    else {
+                        this._filterBoxItems.push({
                             field: el.field,
-                            headerName: el.label,
-                            filter: DateFilter,
-                            sortable,
-                            editable: el.editable,
-                            minWidth: el.minWidth ? el.minWidth : null,
-                            filterParams,
-                            pinned: el.pinned,
-                            cellRenderer: params => {
-                                if (params.value) {
-                                    return new JDatePipe().transform(params.value);
-                                }
-                                else {
-                                    return '';
-                                }
-                            }
+                            label: el.label,
+                            value: null,
+                            items,
+                            type: el.type,
+                            position: el.position ? el.position : 'filter',
+                            nodes: []
                         });
                     }
-                    else if (el.type && el.type == 'date-time') {
-                        this.columnDefs.push({
-                            colId: el.id ? el.id : el.field,
-                            field: el.field,
-                            headerName: el.label,
-                            filter: DateFilter,
-                            sortable,
-                            editable: el.editable,
-                            minWidth: el.minWidth ? el.minWidth : null,
-                            filterParams,
-                            pinned: el.pinned,
-                            cellRenderer: params => {
-                                if (params.value) {
-                                    return new JDatePipe().transform(params.value, true);
-                                }
-                                else {
-                                    return '';
+                }
+            });
+        }
+    }
+    get column() {
+        return this.column;
+    }
+    set column(v) {
+        setTimeout(() => {
+            this.columnDefs = [];
+            if (v != null) {
+                this._column = v;
+                v.forEach((el) => {
+                    var filter = 'agTextColumnFilter';
+                    var sortable = true;
+                    var filterParams = {
+                        maxNumConditions: 1
+                    };
+                    switch (el.type) {
+                        case 'boolean':
+                            filter = 'agNumberColumnFilter';
+                            filterParams.filterOptions = [
+                                "empty",
+                                {
+                                    displayKey: 'true',
+                                    displayName: this._translate.instant('YES'),
+                                    predicate: () => true,
+                                    numberOfInputs: 0
+                                },
+                                {
+                                    displayKey: 'false',
+                                    displayName: this._translate.instant('NO'),
+                                    predicate: () => true,
+                                    numberOfInputs: 0
                                 }
+                            ];
+                            break;
+                        case 'enum':
+                            filter = 'agNumberColumnFilter';
+                            const items = [];
+                            for (const property in el.filterItems) {
+                                items.push({
+                                    displayKey: el.filterItems[property],
+                                    displayName: this._translate.instant(el.filterItems[property]),
+                                    predicate: true,
+                                    numberOfInputs: 0
+                                });
                             }
-                        });
+                            filterParams.filterOptions = [
+                                "empty",
+                                ...items
+                            ];
+                            break;
+                        case 'number':
+                            filter = 'agNumberColumnFilter';
+                            break;
+                        case 'select':
+                            filter = 'agSetColumnFilter';
+                            break;
+                        case 'string':
+                            filter = 'agTextColumnFilter';
+                            break;
+                        case 'date':
+                            filter = 'agDateColumnFilter';
+                            break;
+                        default:
+                            filter = 'agTextColumnFilter';
+                            break;
                     }
-                    else if (el.type && el.type == 'price') {
-                        this.columnDefs.push({
-                            colId: el.id ? el.id : el.field,
-                            field: el.field,
-                            headerName: el.label,
-                            filter: filter,
-                            sortable,
-                            editable: el.editable,
-                            minWidth: el.minWidth ? el.minWidth : null,
-                            filterParams,
-                            pinned: el.pinned,
-                            cellRenderer: params => {
-                                if (params.value) {
-                                    return params.value.toLocaleString();
+                    if (this._filterBoxItems.find((item) => item.field == el.field || item.field == el.searchField)) {
+                        filter = false;
+                    }
+                    if (el.filter != undefined && (el.filter == 'filter-box' || el.filter == 'none')) {
+                        filter = false;
+                    }
+                    if (el.sortable != undefined && !el.sortable) {
+                        sortable = false;
+                    }
+                    if (el.field != this._treeGroupColumn) {
+                        if (el.type && el.type == 'boolean') {
+                            this.columnDefs.push({
+                                colId: el.id ? el.id : el.field,
+                                field: el.field,
+                                headerName: el.label,
+                                filter: filter,
+                                sortable,
+                                editable: el.editable,
+                                minWidth: el.minWidth ? el.minWidth : null,
+                                filterParams,
+                                pinned: el.pinned,
+                                cellClass: 'ag-boolean-cell',
+                                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>';
+                                    }
+                                    else {
+                                        return '';
+                                    }
                                 }
-                                else {
-                                    return '';
+                            });
+                        }
+                        else if (el.type && el.type == 'enum') {
+                            this.columnDefs.push({
+                                colId: el.id ? el.id : el.field,
+                                field: el.field,
+                                headerName: el.label,
+                                filter: filter,
+                                sortable,
+                                editable: el.editable,
+                                pinned: el.pinned,
+                                minWidth: el.minWidth ? el.minWidth : null,
+                                filterParams,
+                                cellRenderer: params => {
+                                    if (params.value) {
+                                        return this._translate.instant(params.value);
+                                    }
+                                    else {
+                                        return '';
+                                    }
                                 }
-                            }
-                        });
-                    }
-                    else if (el.type && el.type == 'image') {
-                        this.columnDefs.push({
-                            colId: el.id ? el.id : el.field,
-                            field: el.field,
-                            headerName: el.label,
-                            minWidth: 80,
-                            width: 80,
-                            filter: false,
-                            sortable: false,
-                            editable: false,
-                            filterParams,
-                            pinned: el.pinned,
-                            cellRenderer: params => {
-                                if (params.value) {
-                                    return `<img class="rounded-full mt-1" width="32" height="32" src="${params.value}"/>`;
+                            });
+                        }
+                        else if (el.type && el.type == 'date') {
+                            this.columnDefs.push({
+                                colId: el.id ? el.id : el.field,
+                                field: el.field,
+                                headerName: el.label,
+                                filter: DateFilter,
+                                sortable,
+                                editable: el.editable,
+                                minWidth: el.minWidth ? el.minWidth : null,
+                                filterParams,
+                                pinned: el.pinned,
+                                cellRenderer: params => {
+                                    if (params.value) {
+                                        return new JDatePipe().transform(params.value);
+                                    }
+                                    else {
+                                        return '';
+                                    }
                                 }
-                                else {
-                                    return '';
+                            });
+                        }
+                        else if (el.type && el.type == 'time') {
+                            this.columnDefs.push({
+                                colId: el.id ? el.id : el.field,
+                                field: el.field,
+                                headerName: el.label,
+                                filter: TimeFilter,
+                                sortable,
+                                editable: el.editable,
+                                minWidth: el.minWidth ? el.minWidth : null,
+                                filterParams,
+                                pinned: el.pinned,
+                                cellRenderer: params => {
+                                    if (params.value) {
+                                        return params.value;
+                                    }
+                                    else {
+                                        return '';
+                                    }
                                 }
-                            }
-                        });
+                            });
+                        }
+                        else if (el.type && el.type == 'date-time') {
+                            this.columnDefs.push({
+                                colId: el.id ? el.id : el.field,
+                                field: el.field,
+                                headerName: el.label,
+                                filter: DateFilter,
+                                sortable,
+                                editable: el.editable,
+                                minWidth: el.minWidth ? el.minWidth : null,
+                                filterParams,
+                                pinned: el.pinned,
+                                cellRenderer: params => {
+                                    if (params.value) {
+                                        return new JDatePipe().transform(params.value, true);
+                                    }
+                                    else {
+                                        return '';
+                                    }
+                                }
+                            });
+                        }
+                        else if (el.type && el.type == 'price') {
+                            this.columnDefs.push({
+                                colId: el.id ? el.id : el.field,
+                                field: el.field,
+                                headerName: el.label,
+                                filter: filter,
+                                sortable,
+                                editable: el.editable,
+                                minWidth: el.minWidth ? el.minWidth : null,
+                                filterParams,
+                                pinned: el.pinned,
+                                cellRenderer: params => {
+                                    if (params.value) {
+                                        return params.value.toLocaleString();
+                                    }
+                                    else {
+                                        return '';
+                                    }
+                                }
+                            });
+                        }
+                        else if (el.type && el.type == 'image') {
+                            this.columnDefs.push({
+                                colId: el.id ? el.id : el.field,
+                                field: el.field,
+                                headerName: el.label,
+                                minWidth: 80,
+                                width: 80,
+                                filter: 'none',
+                                sortable: false,
+                                editable: false,
+                                filterParams,
+                                pinned: el.pinned,
+                                cellRenderer: params => {
+                                    if (params.value) {
+                                        return `<img class="rounded-full mt-1" width="32" height="32" src="${params.value}"/>`;
+                                    }
+                                    else {
+                                        return '';
+                                    }
+                                }
+                            });
+                        }
+                        else {
+                            this.columnDefs.push({
+                                colId: el.id ? el.id : el.field,
+                                field: el.field,
+                                headerName: el.label,
+                                filter,
+                                sortable,
+                                editable: el.editable,
+                                filterParams,
+                                pinned: el.pinned,
+                                minWidth: el.minWidth ? el.minWidth : null
+                            });
+                        }
                     }
                     else {
-                        this.columnDefs.push({
-                            colId: el.id ? el.id : el.field,
-                            field: el.field,
-                            headerName: el.label,
-                            filter,
-                            sortable,
-                            editable: el.editable,
-                            filterParams,
-                            pinned: el.pinned,
-                            minWidth: el.minWidth ? el.minWidth : null
-                        });
+                        this.autoGroupColumnDef.field = el.field;
                     }
-                }
-                else {
-                    this.autoGroupColumnDef.field = el.field;
-                }
-            });
-            if (this.actionItems.length > 0) {
-                this.columnDefs.push({
-                    filter: false,
-                    headerName: '',
-                    minWidth: this.actionWidth,
-                    resizable: true,
-                    pinned: true,
-                    sortable: false,
-                    field: 'actions',
-                    cellRenderer: ActionsCellRenderer,
-                    cellRendererParams: {
-                        onClick: (params) => {
-                            this.onAction.emit(params);
+                });
+                this._column.filter((el) => el.filter == 'filter-box').forEach((el) => {
+                    let items = [];
+                    if (el.filterItems != null) {
+                        switch (el.type) {
+                            case 'enum':
+                                Object.keys(el.filterItems).forEach((item) => {
+                                    items.push({
+                                        label: this._translate.instant(el.filterItems[item]),
+                                        value: el.filterItems[item]
+                                    });
+                                });
+                                break;
+                            case 'boolean':
+                                Object.keys(el.filterItems).forEach((item) => {
+                                    items.push({
+                                        label: this._translate.instant("true"),
+                                        value: true
+                                    }, {
+                                        label: this._translate.instant("false"),
+                                        value: false
+                                    });
+                                });
+                                break;
                         }
                     }
+                    this._filterBoxItems.push({
+                        label: el.label,
+                        value: null,
+                        items,
+                        type: el.type,
+                        field: el.field,
+                        position: 'filter',
+                        nodes: []
+                    });
                 });
+                if (this.actionItems.length > 0) {
+                    this.columnDefs.push({
+                        filter: false,
+                        headerName: '',
+                        minWidth: this.actionWidth,
+                        resizable: true,
+                        pinned: true,
+                        sortable: false,
+                        field: 'actions',
+                        cellRenderer: ActionsCellRenderer,
+                        cellRendererParams: {
+                            onClick: (params) => {
+                                this.onAction.emit(params);
+                            }
+                        }
+                    });
+                }
             }
+        }, 100);
+    }
+    changeDatePickerValue(e, item, index) {
+        if (item.value != null) {
+            item.value[index] = e;
+        }
+        else {
+            item.value = [null, null];
+            item.value[index] = e;
         }
     }
     cellDoubleClicked(e) {
-        console.log(e);
         this.onClicked.emit({ ...e.data, colId: e.column.getColId() });
     }
     handleClick(item) {
         this.onToolbar.emit(item);
     }
+    saveFilterGrid() {
+        if (this.id == null) {
+            this._toast.show('شناسه ی جدول وارد نشده است', 'error');
+            return;
+        }
+        if (this.gridId == null) {
+            this.isVisibleModal = true;
+            this._cdr.detectChanges();
+        }
+        else {
+            db.gridFilterItems.get(this.gridId).then((res) => {
+                db.gridFilterItems.put({
+                    ...res,
+                    grid: this.gridModel,
+                });
+                this.fetchTemplate();
+                this._toast.show('قالب با موفقیت بروزرسانی شد', 'success');
+            });
+        }
+    }
+    handleCancelModal() {
+        this.isVisibleModal = false;
+        this._cdr.detectChanges();
+    }
+    handleOkModal() {
+        if (this.templateName == null) {
+            this._toast.show('عنوان قالب وارد نشده است', 'error');
+            return;
+        }
+        this.gridId = new Date().getTime().toString();
+        db.gridFilterItems.add({
+            id: this.gridId,
+            grid: this.gridModel,
+            tableId: this.id,
+            title: this.templateName,
+            userName: null
+        });
+        this._toast.show('قالب با موفقیت ذخیره شد', 'success');
+        this.templateName = null;
+        this.isVisibleModal = false;
+        this._cdr.detectChanges();
+        this.fetchTemplate();
+    }
     refresh(purge = false) {
         if (this.rowModelType == 'serverSide') {
             this.gridApi.refreshServerSide({ purge });
@@ -971,7 +1284,13 @@ class GridComponent {
         });
     }
     clearFilter() {
+        this.visibleFilterBox = false;
+        this._filterBoxItems.forEach((el) => {
+            el.value = null;
+        });
         this.gridApi.setFilterModel(null);
+        this.gridApi.onFilterChanged();
+        this.filterItemsValues = [];
         this.refresh();
     }
     refreshParentNode(id) {
@@ -982,89 +1301,155 @@ class GridComponent {
             route: route
         });
     }
+    filter() {
+        this.handleFilterLabelValue();
+        this.refresh();
+        this.visibleFilterBox = false;
+    }
+    setTemplateFilter(item) {
+        this.clearFilter();
+        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
+                    });
+                }
+                else {
+                    const index = this._filterBoxItems.findIndex((item) => item.field == el.field);
+                    this._filterBoxItems[index].value = el.value;
+                    this._cdr.detectChanges();
+                }
+            });
+            this.gridId = item.id;
+            this.visibleFilterTemplateBox = false;
+            this._cdr.detectChanges();
+            this.handleFilterLabelValue();
+            this.gridApi.onFilterChanged();
+            this.refresh();
+        }, 100);
+    }
+    handleFilterLabelValue() {
+        this._filterBoxItems.forEach((el) => {
+            const findEl = this.filterItemsValues.find((fi) => fi.field == el.field);
+            if (!findEl) {
+                if (el.value != null) {
+                    this.filterItemsValues.push({
+                        field: el.field,
+                        label: el.label,
+                        value: el.value
+                    });
+                    this._cdr.detectChanges();
+                }
+            }
+            else {
+                if (el.value == null || el.value == "") {
+                    this.filterItemsValues = this.filterItemsValues.filter((fi) => fi.field != el.field);
+                }
+                else {
+                    findEl.value = el.value;
+                }
+                this._cdr.detectChanges();
+            }
+        });
+    }
+    removeFilter(item) {
+        const index = this._filterBoxItems.findIndex((el) => el.field == item.field);
+        if (index >= 0) {
+            this._filterBoxItems[index].value = null;
+        }
+        else {
+            this.gridApi.setColumnFilterModel(item.field, null);
+            this.gridApi.onFilterChanged();
+        }
+        this.filterItemsValues = this.filterItemsValues.filter((el) => el.field != item.field);
+        this._cdr.detectChanges();
+        this.refresh();
+    }
     createServerSideDatasource() {
         return {
             getRows: (params) => {
                 let filter = null;
+                filter = {
+                    disable: false,
+                    field: null,
+                    logic: 'AND',
+                    filters: [],
+                    ignoreCase: null,
+                    operator: null,
+                    truncateDate: null,
+                    value: null,
+                };
                 if (Object.keys(params.request.filterModel).length > 0) {
-                    filter = {
-                        disable: false,
-                        field: null,
-                        logic: 'AND',
-                        filters: [],
-                        ignoreCase: null,
-                        operator: null,
-                        truncateDate: null,
-                        value: null,
-                    };
                     for (const key in params.request.filterModel) {
+                        let field = key == 'ag-Grid-AutoColumn' ? this._treeGroupColumn : key;
+                        let value = null;
+                        let operator = FilterOperator.equals;
+                        let ignoreCase = false;
+                        const findEl = this._column.find((el) => el.field == key);
+                        if (key == 'ag-Grid-AutoColumn') {
+                            field = this._treeGroupColumn;
+                        }
+                        else {
+                            field = key;
+                            if (findEl.searchField != null) {
+                                field = findEl.searchField;
+                            }
+                        }
                         if (params.request.filterModel[key].filterType == 'custom-date') {
                             if (params.request.filterModel[key].dateFrom && params.request.filterModel[key].dateTo) {
-                                filter.filters.push({
-                                    disable: false,
-                                    field: key == 'ag-Grid-AutoColumn' ? this._treeGroupColumn : key,
-                                    logic: 'AND',
-                                    filters: null,
-                                    ignoreCase: false,
-                                    operator: FilterOperator.between,
-                                    truncateDate: true,
-                                    value: [params.request.filterModel[key].dateFrom, params.request.filterModel[key].dateTo]
-                                });
+                                operator = FilterOperator.between;
+                                value = [params.request.filterModel[key].dateFrom, params.request.filterModel[key].dateTo];
                             }
                             else if (params.request.filterModel[key].dateFrom) {
-                                filter.filters.push({
-                                    disable: false,
-                                    field: key == 'ag-Grid-AutoColumn' ? this._treeGroupColumn : key,
-                                    logic: 'AND',
-                                    filters: null,
-                                    ignoreCase: false,
-                                    operator: FilterOperator.truncGreaterThanEqual,
-                                    truncateDate: true,
-                                    value: params.request.filterModel[key].dateFrom,
-                                });
+                                operator = FilterOperator.truncGreaterThanEqual;
+                                value = params.request.filterModel[key].dateFrom;
                             }
                             else if (params.request.filterModel[key].dateTo && params.request.filterModel[key].dateTo != "") {
-                                filter.filters.push({
-                                    disable: false,
-                                    field: key == 'ag-Grid-AutoColumn' ? this._treeGroupColumn : key,
-                                    logic: 'AND',
-                                    filters: null,
-                                    ignoreCase: false,
-                                    operator: FilterOperator.truncLessThanOrEqual,
-                                    truncateDate: true,
-                                    value: params.request.filterModel[key].dateTo,
-                                });
+                                operator = FilterOperator.truncLessThanOrEqual;
+                                value = params.request.filterModel[key].dateTo;
                             }
                         }
+                        else if (params.request.filterModel[key].filterType == 'custom-time' && params.request.filterModel[key].time != null) {
+                            operator = FilterOperator.equals;
+                            value = `${params.request.filterModel[key].time.substr(0, 2)}:${params.request.filterModel[key].time.substr(2, 2)}:${params.request.filterModel[key].time.substr(4, 2)}`;
+                        }
                         else {
-                            const operation = FilterOperator[params.request.filterModel[key].type];
-                            let ignoreCase = true;
-                            const findEl = this._column.find((el) => el.field == key);
-                            let field = null;
-                            if (key == 'ag-Grid-AutoColumn') {
-                                field = this._treeGroupColumn;
-                            }
-                            else {
-                                field = key;
-                                if (findEl.searchField != null) {
-                                    field = findEl.searchField;
-                                }
+                            if (FilterOperator[params.request.filterModel[key].type]) {
+                                operator = FilterOperator[params.request.filterModel[key].type];
                             }
+                            ignoreCase = true;
+                            value = params.request.filterModel[key].filter ? params.request.filterModel[key].filter : params.request.filterModel[key].type;
                             if (findEl && findEl.type == 'enum') {
                                 ignoreCase = false;
                             }
-                            filter.filters.push({
-                                disable: false,
-                                field,
-                                logic: 'AND',
-                                filters: null,
-                                ignoreCase,
-                                operator: operation ? operation : FilterOperator.equals,
-                                truncateDate: true,
-                                value: params.request.filterModel[key].filter ? params.request.filterModel[key].filter : params.request.filterModel[key].type
+                        }
+                        const findFilterItemsEl = this.filterItemsValues.find((fi) => fi.field == findEl.field);
+                        if (!findFilterItemsEl) {
+                            this.filterItemsValues.push({
+                                field: findEl.field,
+                                label: findEl.label,
+                                value: value
                             });
                         }
+                        else {
+                            findFilterItemsEl.value = value;
+                        }
+                        filter.filters.push({
+                            disable: false,
+                            field,
+                            logic: 'AND',
+                            filters: null,
+                            ignoreCase,
+                            operator,
+                            truncateDate: true,
+                            value
+                        });
                     }
+                    this._cdr.detectChanges();
+                    // this.filterItemsValues = structuredClone(this.filterItemsValues);
                 }
                 let sorts = [];
                 if (params.request.sortModel.length) {
@@ -1084,7 +1469,7 @@ class GridComponent {
                 }
                 const gridFilter = {
                     take: params.api.paginationGetPageSize(),
-                    data: null,
+                    data: {},
                     filter,
                     skip: params.api.paginationGetCurrentPage() * params.api.paginationGetPageSize(),
                     sorts
@@ -1092,6 +1477,45 @@ class GridComponent {
                 const requestParams = {
                     parentNode: params.parentNode.data
                 };
+                this._filterBoxItems.forEach((el) => {
+                    if (el.value != null) {
+                        if (el.position == 'filter') {
+                            let operator = null;
+                            switch (el.type) {
+                                case 'string':
+                                    operator = FilterOperator.contains;
+                                    break;
+                                case 'date':
+                                case 'date-time':
+                                    operator = FilterOperator.between;
+                                    if (el.value[0] == null) {
+                                        el.value[0] = new Date('1997-01-01').toISOString();
+                                    }
+                                    else if (el.value[1] == null) {
+                                        el.value[1] = new Date().toISOString();
+                                    }
+                                    break;
+                                default:
+                                    operator = FilterOperator.equals;
+                                    break;
+                            }
+                            gridFilter.filter.filters.push({
+                                disable: false,
+                                field: el.field,
+                                filters: null,
+                                ignoreCase: false,
+                                logic: 'AND',
+                                operator,
+                                truncateDate: false,
+                                value: el.value
+                            });
+                        }
+                        else {
+                            gridFilter.data[el.field] = el.value;
+                        }
+                    }
+                });
+                this.gridModel = gridFilter;
                 this.fetchData(gridFilter, requestParams).then(data => {
                     params.success({
                         rowData: data.items,
@@ -1106,14 +1530,23 @@ class GridComponent {
             }
         };
     }
-    ngOnInit() { }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: GridComponent, deps: [{ token: i1$4.TranslateService }], 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", isRowSelection: "isRowSelection", 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", fetchData: "fetchData", column: "column" }, outputs: { onAction: "onAction", onToolbar: "onToolbar", onClicked: "onClicked", rowSelectionChange: "rowSelectionChange" }, ngImport: i0, template: "<!-- <button (click)=\"enableAdvancedFilter=!enableAdvancedFilter\">advanced</button> -->\n<div\n  class=\"flex justify-between items-center mb-4 pb-4 border-b border-b-slate-200\"\n  *ngIf=\"isToolbar\"\n>\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\n      nz-button\n      [nzLoading]=\"item.loading ? item.loading : false\"\n      (click)=\"handleClick(item)\"\n      [nzType]=\"item.type\"\n    >\n      <span nz-icon [nzType]=\"item.icon\"></span>\n      {{ item.text }}\n    </button>\n    }\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)=\"clearFilter()\" nzType=\"default\">\n      <span nz-icon nzType=\"clear\"></span>\n      \u067E\u0627\u06A9\u0633\u0627\u0632\u06CC\n    </button>\n\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<div>\n  <ng-content></ng-content>\n</div>\n<ag-grid-angular\n  style=\"width: 100%\"\n  [style]=\"isToolbar ? 'height: calc(100% - 1rem - 48px);' : 'height: 100%;'\"\n  [columnDefs]=\"columnDefs\"\n  [pagination]=\"true\"\n  [paginationPageSize]=\"paginationPageSize\"\n  [paginationPageSizeSelector]=\"paginationPageSizeSelector\"\n  [class]=\"themeClass\"\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  #grid\n/>\n", dependencies: [{ kind: "directive", type: i2$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3$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: i4.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"] }] }); }
+    fetchTemplate() {
+        if (this.id != null) {
+            db.gridFilterItems.filter((el) => el.tableId == this.id).toArray().then((res) => {
+                this.filterTemplateItems = res;
+            });
+        }
+    }
+    ngOnInit() {
+        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", 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            nz-button\n            nzType=\"default\"\n            nz-popover\n            nzPopoverTitle=\"\"\n            [(nzPopoverVisible)]=\"visibleFilterBox\"\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 pt-4\" [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' }\">\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>\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\" 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 pt-4 mt-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 max-h-[300px]\">\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</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 - 124px);' : '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\n  class=\"flex justify-between items-center mb-4 pb-4 border-b border-b-slate-200\"\n  *ngIf=\"isToolbar\"\n>\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\n      nz-button\n      [nzLoading]=\"item.loading ? item.loading : false\"\n      (click)=\"handleClick(item)\"\n      [nzType]=\"item.type\"\n    >\n      <span nz-icon [nzType]=\"item.icon\"></span>\n      {{ item.text }}\n    </button>\n    }\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)=\"clearFilter()\" nzType=\"default\">\n      <span nz-icon nzType=\"clear\"></span>\n      \u067E\u0627\u06A9\u0633\u0627\u0632\u06CC\n    </button>\n\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<div>\n  <ng-content></ng-content>\n</div>\n<ag-grid-angular\n  style=\"width: 100%\"\n  [style]=\"isToolbar ? 'height: calc(100% - 1rem - 48px);' : 'height: 100%;'\"\n  [columnDefs]=\"columnDefs\"\n  [pagination]=\"true\"\n  [paginationPageSize]=\"paginationPageSize\"\n  [paginationPageSizeSelector]=\"paginationPageSizeSelector\"\n  [class]=\"themeClass\"\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  #grid\n/>\n" }]
-        }], ctorParameters: () => [{ type: i1$4.TranslateService }], propDecorators: { onAction: [{
+            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            nz-button\n            nzType=\"default\"\n            nz-popover\n            nzPopoverTitle=\"\"\n            [(nzPopoverVisible)]=\"visibleFilterBox\"\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 pt-4\" [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' }\">\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>\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\" 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 pt-4 mt-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 max-h-[300px]\">\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</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 - 124px);' : '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: [{
                 type: Output
@@ -1125,6 +1558,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                 type: Input
             }], label: [{
                 type: Input
+            }], id: [{
+                type: Input
             }], isRowSelection: [{
                 type: Input
             }], rowModelType: [{
@@ -1159,6 +1594,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                 type: Input
             }], treeGroupColumn: [{
                 type: Input
+            }], filterItems: [{
+                type: Input
             }], fetchData: [{
                 type: Input
             }], column: [{
@@ -1181,7 +1618,7 @@ class ActionsCellRenderer {
         this.params.onClick({ data: this.params.data, event: item.code, id: this.params.node.id });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ActionsCellRenderer, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ActionsCellRenderer, selector: "app-button-renderer", ngImport: i0, template: "<div class=\"h-full flex gap-2 items-center\">\n    <button mat-button class=\"min-w-[30px] min-h-[30px] h-[30px]\" *ngFor=\"let item of items\" nz-tooltip [nzTooltipTitle]=\"item.alt\" nzTooltipPlacement=\"bottom\" (click)=\"handleClick(item)\">\n        <div class=\"flex justify-center items-center\">\n            <i [class]=\"item.icon\"></i>\n        </div>\n    </button>\n    \n</div>", dependencies: [{ kind: "directive", type: i2$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$3.NzTooltipDirective, selector: "[nz-tooltip]", inputs: ["nzTooltipTitle", "nzTooltipTitleContext", "nz-tooltip", "nzTooltipTrigger", "nzTooltipPlacement", "nzTooltipOrigin", "nzTooltipVisible", "nzTooltipMouseEnterDelay", "nzTooltipMouseLeaveDelay", "nzTooltipOverlayClassName", "nzTooltipOverlayStyle", "nzTooltipArrowPointAtCenter", "cdkConnectedOverlayPush", "nzTooltipColor"], outputs: ["nzTooltipVisibleChange"], exportAs: ["nzTooltip"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ActionsCellRenderer, selector: "app-button-renderer", ngImport: i0, template: "<div class=\"h-full flex gap-2 items-center\">\n    <button mat-button class=\"min-w-[30px] min-h-[30px] h-[30px]\" *ngFor=\"let item of items\" nz-tooltip [nzTooltipTitle]=\"item.alt\" nzTooltipPlacement=\"bottom\" (click)=\"handleClick(item)\">\n        <div class=\"flex justify-center items-center\">\n            <i [class]=\"item.icon\"></i>\n        </div>\n    </button>\n    \n</div>", dependencies: [{ kind: "directive", type: i3$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$2.NzTooltipDirective, selector: "[nz-tooltip]", inputs: ["nzTooltipTitle", "nzTooltipTitleContext", "nz-tooltip", "nzTooltipTrigger", "nzTooltipPlacement", "nzTooltipOrigin", "nzTooltipVisible", "nzTooltipMouseEnterDelay", "nzTooltipMouseLeaveDelay", "nzTooltipOverlayClassName", "nzTooltipOverlayStyle", "nzTooltipArrowPointAtCenter", "cdkConnectedOverlayPush", "nzTooltipColor"], outputs: ["nzTooltipVisibleChange"], exportAs: ["nzTooltip"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ActionsCellRenderer, decorators: [{
             type: Component,
@@ -1226,7 +1663,7 @@ class CaptchaComponent {
         this.generateCode();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CaptchaComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: CaptchaComponent, selector: "app-captcha", outputs: { valueChange: "valueChange" }, viewQueries: [{ propertyName: "captchaCanvas", first: true, predicate: ["canvas"], descendants: true, static: true }], ngImport: i0, template: "<div class=\"rounded-xl border border-slate-200 relative\">\n    <canvas #canvas class=\"w-full h-[80px]\"></canvas>\n    <div class=\"absolute left-2 top-0 bottom-0 m-auto z-10 flex justify-center items-center\">\n        <button nz-button nzShape=\"circle\" type=\"button\" (click)=\"generateCode()\">\n            <span nz-icon nzType=\"undo\" nzTheme=\"outline\"></span>\n        </button>\n    </div>\n</div>", dependencies: [{ kind: "directive", type: i4.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"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: CaptchaComponent, selector: "app-captcha", outputs: { valueChange: "valueChange" }, viewQueries: [{ propertyName: "captchaCanvas", first: true, predicate: ["canvas"], descendants: true, static: true }], ngImport: i0, template: "<div class=\"rounded-xl border border-slate-200 relative\">\n    <canvas #canvas class=\"w-full h-[80px]\"></canvas>\n    <div class=\"absolute left-2 top-0 bottom-0 m-auto z-10 flex justify-center items-center\">\n        <button nz-button nzShape=\"circle\" type=\"button\" (click)=\"generateCode()\">\n            <span nz-icon nzType=\"undo\" nzTheme=\"outline\"></span>\n        </button>\n    </div>\n</div>", dependencies: [{ 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"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CaptchaComponent, decorators: [{
             type: Component,
@@ -1262,6 +1699,9 @@ class MapComponent {
             L.tileLayer('https://raster.snappmaps.ir/styles/snapp-style/{z}/{x}/{y}@2x.webp', {
                 maxZoom: 18,
             }).addTo(this.map);
+            L.Draw.Tooltip.prototype.updateContent = function () {
+                return this;
+            };
             this.map.addLayer(this.drawnItems);
             const drawControl = new L.Control.Draw({
                 edit: this.editable ? {
@@ -1319,7 +1759,7 @@ class MapComponent {
         });
     }
     clearMap() {
-        this.map.eachLayer((layer) => {
+        this.map?.eachLayer((layer) => {
             if (!(layer instanceof L.TileLayer)) {
                 this.map.removeLayer(layer);
             }
@@ -1374,7 +1814,7 @@ class SpinnerComponent {
     constructor() { }
     ngOnInit() { }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SpinnerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SpinnerComponent, selector: "app-spinner", ngImport: i0, template: "<div class=\"w-full h-full absolute top-0 left-0 flex justify-center items-center bg-white z-10\">\n    <nz-spin nzSimple nzSize=\"large\" nzSimple></nz-spin>\n</div>", dependencies: [{ kind: "component", type: i1$5.NzSpinComponent, selector: "nz-spin", inputs: ["nzIndicator", "nzSize", "nzTip", "nzDelay", "nzSimple", "nzSpinning"], exportAs: ["nzSpin"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SpinnerComponent, selector: "app-spinner", ngImport: i0, template: "<div class=\"w-full h-full absolute top-0 left-0 flex justify-center items-center bg-white z-10\">\n    <nz-spin nzSimple nzSize=\"large\" nzSimple></nz-spin>\n</div>", dependencies: [{ kind: "component", type: i1$4.NzSpinComponent, selector: "nz-spin", inputs: ["nzIndicator", "nzSize", "nzTip", "nzDelay", "nzSimple", "nzSpinning"], exportAs: ["nzSpin"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SpinnerComponent, decorators: [{
             type: Component,
@@ -1431,7 +1871,7 @@ class ImageCropperPopover extends PopoverComponent {
     ngOnInit() {
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ImageCropperPopover, deps: [{ token: ToastService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ImageCropperPopover, selector: "ng-component", usesInheritance: true, ngImport: i0, template: "<image-cropper\n    [imageFile]=\"data.file\"\n    [maintainAspectRatio]=\"true\"\n    [aspectRatio]=\"data.aspectRatio\"\n    format=\"png\"\n    (imageCropped)=\"imageCropped($event)\"\n    (loadImageFailed)=\"loadImageFailed()\"\n    class=\"max-h-[400px]\"\n></image-cropper>", dependencies: [{ kind: "component", type: i2$4.ImageCropperComponent, selector: "image-cropper", inputs: ["imageChangedEvent", "imageURL", "imageBase64", "imageFile", "imageAltText", "options", "cropperFrameAriaLabel", "output", "format", "autoCrop", "cropper", "transform", "maintainAspectRatio", "aspectRatio", "resetCropOnAspectRatioChange", "resizeToWidth", "resizeToHeight", "cropperMinWidth", "cropperMinHeight", "cropperMaxHeight", "cropperMaxWidth", "cropperStaticWidth", "cropperStaticHeight", "canvasRotation", "initialStepSize", "roundCropper", "onlyScaleDown", "imageQuality", "backgroundColor", "containWithinAspectRatio", "hideResizeSquares", "allowMoveImage", "checkImageType", "alignImage", "disabled", "hidden"], outputs: ["imageCropped", "startCropImage", "imageLoaded", "cropperReady", "loadImageFailed", "transformChange", "cropperChange"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ImageCropperPopover, selector: "ng-component", usesInheritance: true, ngImport: i0, template: "<image-cropper\n    [imageFile]=\"data.file\"\n    [maintainAspectRatio]=\"true\"\n    [aspectRatio]=\"data.aspectRatio\"\n    format=\"png\"\n    (imageCropped)=\"imageCropped($event)\"\n    (loadImageFailed)=\"loadImageFailed()\"\n    class=\"max-h-[400px]\"\n></image-cropper>", dependencies: [{ kind: "component", type: i2$3.ImageCropperComponent, selector: "image-cropper", inputs: ["imageChangedEvent", "imageURL", "imageBase64", "imageFile", "imageAltText", "options", "cropperFrameAriaLabel", "output", "format", "autoCrop", "cropper", "transform", "maintainAspectRatio", "aspectRatio", "resetCropOnAspectRatioChange", "resizeToWidth", "resizeToHeight", "cropperMinWidth", "cropperMinHeight", "cropperMaxHeight", "cropperMaxWidth", "cropperStaticWidth", "cropperStaticHeight", "canvasRotation", "initialStepSize", "roundCropper", "onlyScaleDown", "imageQuality", "backgroundColor", "containWithinAspectRatio", "hideResizeSquares", "allowMoveImage", "checkImageType", "alignImage", "disabled", "hidden"], outputs: ["imageCropped", "startCropImage", "imageLoaded", "cropperReady", "loadImageFailed", "transformChange", "cropperChange"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ImageCropperPopover, decorators: [{
             type: Component,
@@ -1564,7 +2004,6 @@ class UploaderComponent {
                 this.loading = true;
                 break;
             case 'done':
-                debugger;
                 this.getBase64(this._fileUploaded, (img) => {
                     this.loading = false;
                     this.avatarUrl = img;
@@ -1592,7 +2031,7 @@ class UploaderComponent {
     }
     ngOnInit() { }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: UploaderComponent, deps: [{ token: 'environment' }, { token: ToastService }, { token: i2.HttpClient }, { token: SharedService }, { token: DialogService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: UploaderComponent, selector: "app-uploader", inputs: { maxWithSize: "maxWithSize", cropper: "cropper", aspectRatio: "aspectRatio", isCompress: "isCompress", avatar: "avatar" }, outputs: { onUploaded: "onUploaded" }, ngImport: i0, template: "<nz-upload class=\"w-[128px] h-[128px] overflow-hidden\" nzAction=\"{{env.apiUrl}}/file\" nzName=\"file\"\n    nzListType=\"picture-card\" [nzShowUploadList]=\"false\" [nzBeforeUpload]=\"beforeUpload\"\n    (nzChange)=\"handleChange($event)\" [nzCustomRequest]=\"customRequest\">\n    @if (!avatarUrl) {\n    <span class=\"upload-icon\" nz-icon [nzType]=\"loading ? 'loading' : 'plus'\"></span>\n    <div class=\"ant-upload-text\">Upload</div>\n    } @else {\n    <img [src]=\"avatarUrl\" class=\"max-w-full max-h-full\" />\n    }\n</nz-upload>", dependencies: [{ kind: "directive", type: i4.NzIconDirective, selector: "[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { 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: "component", type: i6$1.NzUploadComponent, selector: "nz-upload", inputs: ["nzType", "nzLimit", "nzSize", "nzFileType", "nzAccept", "nzAction", "nzDirectory", "nzOpenFileDialogOnClick", "nzBeforeUpload", "nzCustomRequest", "nzData", "nzFilter", "nzFileList", "nzDisabled", "nzHeaders", "nzListType", "nzMultiple", "nzName", "nzShowUploadList", "nzShowButton", "nzWithCredentials", "nzRemove", "nzPreview", "nzPreviewFile", "nzPreviewIsImage", "nzTransformFile", "nzDownload", "nzIconRender", "nzFileListRender"], outputs: ["nzChange", "nzFileListChange"], exportAs: ["nzUpload"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: UploaderComponent, selector: "app-uploader", inputs: { maxWithSize: "maxWithSize", cropper: "cropper", aspectRatio: "aspectRatio", isCompress: "isCompress", avatar: "avatar" }, outputs: { onUploaded: "onUploaded" }, ngImport: i0, template: "<nz-upload class=\"w-[128px] h-[128px] overflow-hidden\" nzAction=\"{{env.apiUrl}}/file\" nzName=\"file\"\n    nzListType=\"picture-card\" [nzShowUploadList]=\"false\" [nzBeforeUpload]=\"beforeUpload\"\n    (nzChange)=\"handleChange($event)\" [nzCustomRequest]=\"customRequest\">\n    @if (!avatarUrl) {\n    <span class=\"upload-icon\" nz-icon [nzType]=\"loading ? 'loading' : 'plus'\"></span>\n    <div class=\"ant-upload-text\">Upload</div>\n    } @else {\n    <img [src]=\"avatarUrl\" class=\"max-w-full max-h-full\" />\n    }\n</nz-upload>", dependencies: [{ kind: "directive", type: i5$1.NzIconDirective, selector: "[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { 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: "component", type: i6$1.NzUploadComponent, selector: "nz-upload", inputs: ["nzType", "nzLimit", "nzSize", "nzFileType", "nzAccept", "nzAction", "nzDirectory", "nzOpenFileDialogOnClick", "nzBeforeUpload", "nzCustomRequest", "nzData", "nzFilter", "nzFileList", "nzDisabled", "nzHeaders", "nzListType", "nzMultiple", "nzName", "nzShowUploadList", "nzShowButton", "nzWithCredentials", "nzRemove", "nzPreview", "nzPreviewFile", "nzPreviewIsImage", "nzTransformFile", "nzDownload", "nzIconRender", "nzFileListRender"], outputs: ["nzChange", "nzFileListChange"], exportAs: ["nzUpload"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: UploaderComponent, decorators: [{
             type: Component,
@@ -1681,7 +2120,7 @@ class UploadFileComponent {
     }
     ngOnInit() { }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: UploadFileComponent, deps: [{ token: 'environment' }, { token: ToastService }, { token: i2.HttpClient }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: UploadFileComponent, selector: "app-upload-file", inputs: { acceptFileType: "acceptFileType", type: "type" }, outputs: { onUploaded: "onUploaded" }, ngImport: i0, template: "@if(type == 'serverSide'){\n    <nz-upload nzName=\"file\" nzType=\"drag\"\n        [nzBeforeUpload]=\"beforeUpload\" (nzChange)=\"handleChange($event)\" [nzCustomRequest]=\"customRequest\">\n        <p class=\"ant-upload-drag-icon\">\n            <span nz-icon nzType=\"inbox\"></span>\n        </p>\n        <p class=\"ant-upload-text\">\u0628\u0631\u0627\u06CC \u0622\u067E\u0644\u0648\u062F\u060C \u0631\u0648\u06CC \u0641\u0627\u06CC\u0644 \u06A9\u0644\u06CC\u06A9 \u06A9\u0646\u06CC\u062F \u06CC\u0627 \u0622\u0646 \u0631\u0627 \u0628\u0647 \u0627\u06CC\u0646 \u0642\u0633\u0645\u062A \u0628\u06A9\u0634\u06CC\u062F</p>\n        <p class=\"ant-upload-hint\">\n           \u062D\u062F\u0627\u06A9\u062B\u0631 \u062D\u062C\u0645 \u0642\u0627\u0628\u0644 \u0642\u0628\u0648\u0644 \u0628\u0631\u0627\u06CC \u0627\u067E\u0644\u0648\u062F \u06F3 \u0645\u06AF\u0627\u0628\u0627\u06CC\u062A \u0645\u06CC \u0628\u0627\u0634\u062F\n        </p>\n    </nz-upload>\n} @else {\n    <nz-upload nzName=\"file\" nzType=\"drag\" [nzBeforeUpload]=\"beforeUpload\" (nzChange)=\"handleChangeClientSide($event)\">\n        <p class=\"ant-upload-drag-icon\">\n            <span nz-icon nzType=\"inbox\"></span>\n        </p>\n        <p class=\"ant-upload-text\">\u0628\u0631\u0627\u06CC \u0622\u067E\u0644\u0648\u062F\u060C \u0631\u0648\u06CC \u0641\u0627\u06CC\u0644 \u06A9\u0644\u06CC\u06A9 \u06A9\u0646\u06CC\u062F \u06CC\u0627 \u0622\u0646 \u0631\u0627 \u0628\u0647 \u0627\u06CC\u0646 \u0642\u0633\u0645\u062A \u0628\u06A9\u0634\u06CC\u062F</p>\n        <p class=\"ant-upload-hint\">\n           \u062D\u062F\u0627\u06A9\u062B\u0631 \u062D\u062C\u0645 \u0642\u0627\u0628\u0644 \u0642\u0628\u0648\u0644 \u0628\u0631\u0627\u06CC \u0627\u067E\u0644\u0648\u062F \u06F3 \u0645\u06AF\u0627\u0628\u0627\u06CC\u062A \u0645\u06CC \u0628\u0627\u0634\u062F\n        </p>\n    </nz-upload>\n}", dependencies: [{ kind: "directive", type: i4.NzIconDirective, selector: "[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { 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: "component", type: i6$1.NzUploadComponent, selector: "nz-upload", inputs: ["nzType", "nzLimit", "nzSize", "nzFileType", "nzAccept", "nzAction", "nzDirectory", "nzOpenFileDialogOnClick", "nzBeforeUpload", "nzCustomRequest", "nzData", "nzFilter", "nzFileList", "nzDisabled", "nzHeaders", "nzListType", "nzMultiple", "nzName", "nzShowUploadList", "nzShowButton", "nzWithCredentials", "nzRemove", "nzPreview", "nzPreviewFile", "nzPreviewIsImage", "nzTransformFile", "nzDownload", "nzIconRender", "nzFileListRender"], outputs: ["nzChange", "nzFileListChange"], exportAs: ["nzUpload"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: UploadFileComponent, selector: "app-upload-file", inputs: { acceptFileType: "acceptFileType", type: "type" }, outputs: { onUploaded: "onUploaded" }, ngImport: i0, template: "@if(type == 'serverSide'){\n    <nz-upload nzName=\"file\" nzType=\"drag\"\n        [nzBeforeUpload]=\"beforeUpload\" (nzChange)=\"handleChange($event)\" [nzCustomRequest]=\"customRequest\">\n        <p class=\"ant-upload-drag-icon\">\n            <span nz-icon nzType=\"inbox\"></span>\n        </p>\n        <p class=\"ant-upload-text\">\u0628\u0631\u0627\u06CC \u0622\u067E\u0644\u0648\u062F\u060C \u0631\u0648\u06CC \u0641\u0627\u06CC\u0644 \u06A9\u0644\u06CC\u06A9 \u06A9\u0646\u06CC\u062F \u06CC\u0627 \u0622\u0646 \u0631\u0627 \u0628\u0647 \u0627\u06CC\u0646 \u0642\u0633\u0645\u062A \u0628\u06A9\u0634\u06CC\u062F</p>\n        <p class=\"ant-upload-hint\">\n           \u062D\u062F\u0627\u06A9\u062B\u0631 \u062D\u062C\u0645 \u0642\u0627\u0628\u0644 \u0642\u0628\u0648\u0644 \u0628\u0631\u0627\u06CC \u0627\u067E\u0644\u0648\u062F \u06F3 \u0645\u06AF\u0627\u0628\u0627\u06CC\u062A \u0645\u06CC \u0628\u0627\u0634\u062F\n        </p>\n    </nz-upload>\n} @else {\n    <nz-upload nzName=\"file\" nzType=\"drag\" [nzBeforeUpload]=\"beforeUpload\" (nzChange)=\"handleChangeClientSide($event)\">\n        <p class=\"ant-upload-drag-icon\">\n            <span nz-icon nzType=\"inbox\"></span>\n        </p>\n        <p class=\"ant-upload-text\">\u0628\u0631\u0627\u06CC \u0622\u067E\u0644\u0648\u062F\u060C \u0631\u0648\u06CC \u0641\u0627\u06CC\u0644 \u06A9\u0644\u06CC\u06A9 \u06A9\u0646\u06CC\u062F \u06CC\u0627 \u0622\u0646 \u0631\u0627 \u0628\u0647 \u0627\u06CC\u0646 \u0642\u0633\u0645\u062A \u0628\u06A9\u0634\u06CC\u062F</p>\n        <p class=\"ant-upload-hint\">\n           \u062D\u062F\u0627\u06A9\u062B\u0631 \u062D\u062C\u0645 \u0642\u0627\u0628\u0644 \u0642\u0628\u0648\u0644 \u0628\u0631\u0627\u06CC \u0627\u067E\u0644\u0648\u062F \u06F3 \u0645\u06AF\u0627\u0628\u0627\u06CC\u062A \u0645\u06CC \u0628\u0627\u0634\u062F\n        </p>\n    </nz-upload>\n}", dependencies: [{ kind: "directive", type: i5$1.NzIconDirective, selector: "[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { 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: "component", type: i6$1.NzUploadComponent, selector: "nz-upload", inputs: ["nzType", "nzLimit", "nzSize", "nzFileType", "nzAccept", "nzAction", "nzDirectory", "nzOpenFileDialogOnClick", "nzBeforeUpload", "nzCustomRequest", "nzData", "nzFilter", "nzFileList", "nzDisabled", "nzHeaders", "nzListType", "nzMultiple", "nzName", "nzShowUploadList", "nzShowButton", "nzWithCredentials", "nzRemove", "nzPreview", "nzPreviewFile", "nzPreviewIsImage", "nzTransformFile", "nzDownload", "nzIconRender", "nzFileListRender"], outputs: ["nzChange", "nzFileListChange"], exportAs: ["nzUpload"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: UploadFileComponent, decorators: [{
             type: Component,
@@ -1723,7 +2162,7 @@ class CharInputDirective {
         this.renderer.setProperty(this.el.nativeElement, 'value', value);
         return value;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CharInputDirective, deps: [{ token: i0.ElementRef }, { token: i1$3.NgControl }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CharInputDirective, deps: [{ token: i0.ElementRef }, { token: i4.NgControl }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
     static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.12", type: CharInputDirective, selector: "[charInput]", inputs: { allowPersianChar: "allowPersianChar", allowEnglishChar: "allowEnglishChar", allowLocalChar: "allowLocalChar" }, host: { listeners: { "input": "onEvent($event)" } }, ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CharInputDirective, decorators: [{
@@ -1731,7 +2170,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
             args: [{
                     selector: '[charInput]',
                 }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1$3.NgControl }, { type: i0.Renderer2 }], propDecorators: { allowPersianChar: [{
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i4.NgControl }, { type: i0.Renderer2 }], propDecorators: { allowPersianChar: [{
                 type: Input
             }], allowEnglishChar: [{
                 type: Input
@@ -1767,7 +2206,7 @@ class EnglishNumberInputDirective {
         this.renderer.setProperty(this.el.nativeElement, 'value', value);
         return value;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: EnglishNumberInputDirective, deps: [{ token: i0.ElementRef }, { token: i1$3.NgControl }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: EnglishNumberInputDirective, deps: [{ token: i0.ElementRef }, { token: i4.NgControl }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
     static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.12", type: EnglishNumberInputDirective, selector: "[englishNumberInput]", host: { listeners: { "input": "onEvent($event)" } }, ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: EnglishNumberInputDirective, decorators: [{
@@ -1775,7 +2214,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
             args: [{
                     selector: '[englishNumberInput]',
                 }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1$3.NgControl }, { type: i0.Renderer2 }], propDecorators: { onEvent: [{
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i4.NgControl }, { type: i0.Renderer2 }], propDecorators: { onEvent: [{
                 type: HostListener,
                 args: ['input', ['$event']]
             }] } });
@@ -1796,7 +2235,6 @@ class ImageLoaderDirective {
     set imageSrc(v) {
         if (v != null) {
             this._http.getFile(v).then((res) => {
-                debugger;
                 this.renderer.setAttribute(this.el.nativeElement, 'src', res);
             });
         }
@@ -1873,7 +2311,7 @@ class AuthGuard {
         this._router.navigate(['/auth']);
         return false;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AuthGuard, deps: [{ token: i1$6.Router }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AuthGuard, deps: [{ token: i1$5.Router }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AuthGuard, providedIn: 'root' }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AuthGuard, decorators: [{
@@ -1881,7 +2319,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
             args: [{
                     providedIn: 'root'
                 }]
-        }], ctorParameters: () => [{ type: i1$6.Router }] });
+        }], ctorParameters: () => [{ type: i1$5.Router }] });
 
 class MasterLayout {
     constructor(_service, _confirm, componentFactoryResolver) {
@@ -1890,6 +2328,7 @@ class MasterLayout {
         this.componentFactoryResolver = componentFactoryResolver;
         this.isCollapsed = false;
         this.menuItems = [];
+        this.userName = null;
     }
     logout() {
         this._confirm.confirm(() => {
@@ -1903,6 +2342,14 @@ class MasterLayout {
         const componentFactory = this.componentFactoryResolver.resolveComponentFactory(component);
         this.container.createComponent(componentFactory);
     }
+    tokenInfo(token) {
+        var base64Url = token.split('.')[1];
+        var base64 = base64Url.replace(/-/g, '+').replace(/_/g, '/');
+        var jsonPayload = decodeURIComponent(window.atob(base64).split('').map(function (c) {
+            return '%' + ('00' + c.charCodeAt(0).toString(16)).slice(-2);
+        }).join(''));
+        return JSON.parse(jsonPayload);
+    }
     ngAfterViewInit() {
         setTimeout(() => {
             // this.loadComponent(this._ac.);
@@ -1910,13 +2357,16 @@ class MasterLayout {
     }
     ngOnInit() {
         this.menuItems = this._service.menuItems;
+        if (localStorage.getItem('userInfo')) {
+            this.userName = this.tokenInfo(JSON.parse(localStorage.getItem('userInfo')).access_token).username;
+        }
     }
     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\"\n        [(nzCollapsed)]=\"isCollapsed\" [nzTrigger]=\"null\">\n        <div class=\"p-4\">\n            <div class=\"flex justify-center items-center border-b !border-b-slate-200 pb-4\">\n                <img width=\"100\" src=\"assets/images/logo.svg\" alt=\"\">\n            </div>\n        </div>\n        <ul nz-menu nzMode=\"inline\" [nzInlineCollapsed]=\"isCollapsed\">\n            @for (item of menuItems; track item.title) {\n            @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            }\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>\n                    <button nz-button nzType=\"text\" (click)=\"isCollapsed = !isCollapsed\">\n                        <span class=\"text-2xl\" nz-icon nzType=\"menu\"></span>\n                    </button>\n                </div>\n                <div class=\"flex gap-2\">\n                    <button nz-button nzType=\"text\" nzSize=\"large\" nzShape=\"circle\"><span nz-icon\n                            nzType=\"global\"></span></button>\n                    <button nz-button nzType=\"text\" nzSize=\"large\" nzShape=\"circle\"><span nz-icon\n                            nzType=\"user\"></span></button>\n                    <button nz-button nzType=\"text\" nzSize=\"large\" nzShape=\"circle\"><span nz-icon\n                            nzType=\"bell\"></span></button>\n                    <button nz-button nzType=\"text\" nzSize=\"large\" nzShape=\"circle\" (click)=\"logout()\"><span nz-icon\n                            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-md overflow-auto\">\n                <router-outlet></router-outlet>\n            </div>\n        </nz-content>\n    </nz-layout>\n</nz-layout>", 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$6.RouterOutlet, selector: "router-outlet", inputs: ["name"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "directive", type: i1$6.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i4$1.NzLayoutComponent, selector: "nz-layout", exportAs: ["nzLayout"] }, { kind: "component", type: i4$1.NzHeaderComponent, selector: "nz-header", exportAs: ["nzHeader"] }, { kind: "component", type: i4$1.NzContentComponent, selector: "nz-content", exportAs: ["nzContent"] }, { kind: "component", type: i4$1.NzSiderComponent, selector: "nz-sider", inputs: ["nzWidth", "nzTheme", "nzCollapsedWidth", "nzBreakpoint", "nzZeroTrigger", "nzTrigger", "nzReverseArrow", "nzCollapsible", "nzCollapsed"], outputs: ["nzCollapsedChange"], exportAs: ["nzSider"] }, { kind: "directive", type: i5$1.NzMenuDirective, selector: "[nz-menu]", inputs: ["nzInlineIndent", "nzTheme", "nzMode", "nzInlineCollapsed", "nzSelectable"], outputs: ["nzClick"], exportAs: ["nzMenu"] }, { kind: "component", type: i5$1.NzMenuItemComponent, selector: "[nz-menu-item]", inputs: ["nzPaddingLeft", "nzDisabled", "nzSelected", "nzDanger", "nzMatchRouterExact", "nzMatchRouter"], exportAs: ["nzMenuItem"] }, { kind: "component", type: i5$1.NzSubMenuComponent, selector: "[nz-submenu]", inputs: ["nzMenuClassName", "nzPaddingLeft", "nzTitle", "nzIcon", "nzOpen", "nzDisabled", "nzPlacement"], outputs: ["nzOpenChange"], exportAs: ["nzSubmenu"] }, { kind: "component", type: i5$1.NzMenuGroupComponent, selector: "[nz-menu-group]", inputs: ["nzTitle"], exportAs: ["nzMenuGroup"] }, { kind: "directive", type: i4.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\">\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=\"100\" 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"] }] }); }
 }
 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\"\n        [(nzCollapsed)]=\"isCollapsed\" [nzTrigger]=\"null\">\n        <div class=\"p-4\">\n            <div class=\"flex justify-center items-center border-b !border-b-slate-200 pb-4\">\n                <img width=\"100\" src=\"assets/images/logo.svg\" alt=\"\">\n            </div>\n        </div>\n        <ul nz-menu nzMode=\"inline\" [nzInlineCollapsed]=\"isCollapsed\">\n            @for (item of menuItems; track item.title) {\n            @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            }\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>\n                    <button nz-button nzType=\"text\" (click)=\"isCollapsed = !isCollapsed\">\n                        <span class=\"text-2xl\" nz-icon nzType=\"menu\"></span>\n                    </button>\n                </div>\n                <div class=\"flex gap-2\">\n                    <button nz-button nzType=\"text\" nzSize=\"large\" nzShape=\"circle\"><span nz-icon\n                            nzType=\"global\"></span></button>\n                    <button nz-button nzType=\"text\" nzSize=\"large\" nzShape=\"circle\"><span nz-icon\n                            nzType=\"user\"></span></button>\n                    <button nz-button nzType=\"text\" nzSize=\"large\" nzShape=\"circle\"><span nz-icon\n                            nzType=\"bell\"></span></button>\n                    <button nz-button nzType=\"text\" nzSize=\"large\" nzShape=\"circle\" (click)=\"logout()\"><span nz-icon\n                            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-md overflow-auto\">\n                <router-outlet></router-outlet>\n            </div>\n        </nz-content>\n    </nz-layout>\n</nz-layout>", 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\">\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=\"100\" 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"] }]
         }], ctorParameters: () => [{ type: SharedService }, { type: ConfirmService }, { type: i0.ComponentFactoryResolver }], propDecorators: { container: [{
                 type: ViewChild,
                 args: ['dynamicComponentContainer', { read: ViewContainerRef }]
@@ -1926,7 +2376,7 @@ class BlankLayout {
     constructor() { }
     ngOnInit() { }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BlankLayout, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: BlankLayout, selector: "ng-component", ngImport: i0, template: "<div class=\"w-full h-full\">\n    <router-outlet></router-outlet>\n</div>", dependencies: [{ kind: "directive", type: i1$6.RouterOutlet, selector: "router-outlet", inputs: ["name"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: BlankLayout, selector: "ng-component", ngImport: i0, template: "<div class=\"w-full h-full\">\n    <router-outlet></router-outlet>\n</div>", dependencies: [{ kind: "directive", type: i1$5.RouterOutlet, selector: "router-outlet", inputs: ["name"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BlankLayout, decorators: [{
             type: Component,
@@ -2079,7 +2529,8 @@ const Components = [
     SpinnerComponent,
     UploaderComponent,
     UploadFileComponent,
-    DateFilter
+    DateFilter,
+    TimeFilter
 ];
 const Popover = [
     ImageCropperPopover
@@ -2122,9 +2573,13 @@ const Modules = [
     FormsModule,
     NzInputModule,
     NzFormModule,
+    NzSelectModule,
     NzUploadModule,
     NzCollapseModule,
+    NzTreeSelectModule,
     ImageCropperComponent,
+    NzPopoverModule,
+    QeydarDatePickerModule,
     TranslateModule.forRoot({
         defaultLanguage: 'fa',
         useDefaultLang: true,
@@ -2145,7 +2600,8 @@ class SharedModule {
             SpinnerComponent,
             UploaderComponent,
             UploadFileComponent,
-            DateFilter, ImageCropperPopover, EnglishNumberInputDirective,
+            DateFilter,
+            TimeFilter, ImageCropperPopover, EnglishNumberInputDirective,
             CharInputDirective,
             MaskDirective,
             ImageLoaderDirective,
@@ -2167,9 +2623,13 @@ class SharedModule {
             FormsModule,
             NzInputModule,
             NzFormModule,
+            NzSelectModule,
             NzUploadModule,
             NzCollapseModule,
-            ImageCropperComponent, i1$4.TranslateModule], exports: [MasterLayout,
+            NzTreeSelectModule,
+            ImageCropperComponent,
+            NzPopoverModule,
+            QeydarDatePickerModule, i1$3.TranslateModule], exports: [MasterLayout,
             BlankLayout, GridComponent,
             ActionsCellRenderer,
             CaptchaComponent,
@@ -2177,7 +2637,8 @@ class SharedModule {
             SpinnerComponent,
             UploaderComponent,
             UploadFileComponent,
-            DateFilter, ImageCropperPopover, EnglishNumberInputDirective,
+            DateFilter,
+            TimeFilter, ImageCropperPopover, EnglishNumberInputDirective,
             CharInputDirective,
             MaskDirective,
             ImageLoaderDirective,
@@ -2258,5 +2719,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { ActionsCellRenderer, AuthGuard, BlankLayout, CaptchaComponent, CharInputDirective, ConfirmService, ContentType, DateFilter, DialogService, EnglishNumberInputDirective, FilterOperator, FormService, GridComponent, HttpLoaderFactory, ImageCropperPopover, ImageLoaderDirective, JDatePipe, MapComponent, MaskDirective, MasterLayout, PieChart, PopoverComponent, SelectModel, SharedModule, SharedService, SpinnerComponent, TimerPipe, ToastService, UploadFileComponent, UploaderComponent, VideoLoaderDirective, initializeApp };
+export { ActionsCellRenderer, AuthGuard, BlankLayout, CaptchaComponent, CharInputDirective, ConfirmService, ContentType, DateFilter, DialogService, EnglishNumberInputDirective, FilterOperator, FormService, GridComponent, HttpLoaderFactory, ImageCropperPopover, ImageLoaderDirective, JDatePipe, MapComponent, MaskDirective, MasterLayout, PieChart, PopoverComponent, SelectModel, SharedModule, SharedService, SpinnerComponent, TimeFilter, TimerPipe, ToastService, UploadFileComponent, UploaderComponent, VideoLoaderDirective, initializeApp };
 //# sourceMappingURL=fixa-admin.mjs.map