fixa-admin 0.0.34 → 0.0.35

package/fesm2022/fixa-admin.mjs

@@ -1,9 +1,9 @@
 import * as i0 from '@angular/core';
-import { Inject, Injectable, Pipe, Input, Directive as Directive$1, ViewChild, Component, EventEmitter, Output, ViewContainerRef, HostListener, Attribute, APP_INITIALIZER, CUSTOM_ELEMENTS_SCHEMA, NgModule, inject, Injector } from '@angular/core';
+import { Inject, Injectable, Input, Directive as Directive$1, ViewChild, Component, Pipe, EventEmitter, Output, inject, ViewContainerRef, Injector, HostListener, Attribute, APP_INITIALIZER, CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core';
 import * as i2 from '@angular/common/http';
 import { HttpRequest, HttpResponse, HttpClientModule, HttpClient } from '@angular/common/http';
 import * as i1 from 'ng-zorro-antd/modal';
-import { NzModalModule, NZ_MODAL_DATA, NzModalRef } 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';
@@ -20,6 +20,8 @@ import { SetFilterModule } from '@ag-grid-enterprise/set-filter';
 import { CdkMenuModule } from '@angular/cdk/menu';
 import * as i2$2 from '@angular/common';
 import { CommonModule } from '@angular/common';
+import * as i1$3 from '@angular/forms';
+import { NgControl, FormsModule } from '@angular/forms';
 import * as i1$6 from '@angular/router';
 import { RouterModule } from '@angular/router';
 import * as i1$4 from '@ngx-translate/core';
@@ -27,8 +29,12 @@ 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 { 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 { NzLayoutModule } from 'ng-zorro-antd/layout';
 import * as i5$1 from 'ng-zorro-antd/menu';
@@ -39,21 +45,17 @@ import { NzTabsModule } from 'ng-zorro-antd/tabs';
 import * as i2$3 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 { 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 i1$3 from '@angular/forms';
-import { NgControl, FormsModule } from '@angular/forms';
-import * as i5 from 'ng-zorro-antd/input';
-import { NzInputModule } from 'ng-zorro-antd/input';
 import * as i6 from 'ng-zorro-antd/grid';
-import * as i7 from 'ng-zorro-antd/form';
-import { NzFormModule } from 'ng-zorro-antd/form';
 import { Subscription, Observable } from 'rxjs';
 import Compressor from 'compressorjs';
-import * as i6$1 from 'ng-zorro-antd/upload';
-import { NzUploadModule } from 'ng-zorro-antd/upload';
 
 class SharedService {
     constructor(environment, _http) {
@@ -228,59 +230,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                 }]
         }], ctorParameters: () => [{ type: i1.NzModalService }] });
 
-var FilterOperator;
-(function (FilterOperator) {
-    FilterOperator["equals"] = "EQ";
-    FilterOperator["notEqual"] = "NEQ";
-    FilterOperator["lessThan"] = "LT";
-    FilterOperator["lessThanOrEqual"] = "LTE";
-    FilterOperator["greaterThan"] = "GT";
-    FilterOperator["greaterThanOrEqual"] = "GTE";
-    FilterOperator["startsWith"] = "STARTSWITH";
-    FilterOperator["endsWith"] = "ENDSWITH";
-    FilterOperator["inRange"] = "IN";
-    FilterOperator["contains"] = "LIKE";
-    FilterOperator["notContains"] = "NOTLIKE";
-    FilterOperator["truncEqual"] = "TRUNC_EQ";
-    FilterOperator["truncNotEqual"] = "TRUNC_NEQ";
-    FilterOperator["truncGreaterThanEqual"] = "TRUNC_GTE";
-    FilterOperator["truncGreaterThan"] = "TRUNC_GT";
-    FilterOperator["truncLessThanOr"] = "TRUNC_LT";
-    FilterOperator["truncLessThanOrEqual"] = "TRUNC_LTE";
-    FilterOperator["between"] = "BETWEEN";
-})(FilterOperator || (FilterOperator = {}));
-class SelectModel {
-    constructor() {
-        this.items = [];
-        this.loading = false;
-        this.page = null;
-        this.pageSize = null;
-        this.totalCount = null;
-    }
-}
-
-class JDatePipe {
-    transform(value, time = false, format = 'YYYY/MM/DD') {
-        if (value != null) {
-            if (!time) {
-                return moment.from(value, 'YYYY/MM/DD').locale('fa').format(format);
-            }
-            else {
-                return moment.from(value, 'YYYY/MM/DD').locale('fa').format('YYYY/MM/DD-HH:mm');
-            }
-        }
-        else {
-            return value;
-        }
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: JDatePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: JDatePipe, name: "jdate" }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: JDatePipe, decorators: [{
-            type: Pipe,
-            args: [{ name: 'jdate' }]
-        }] });
-
 const _formatToRegExp = {
     '0': /[0-9]/, 'a': /[a-z]/, 'A': /[A-Z]/, 'B': /[a-zA-Z]/,
 };
@@ -521,6 +470,59 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                 args: ['eFilterText']
             }] } });
 
+var FilterOperator;
+(function (FilterOperator) {
+    FilterOperator["equals"] = "EQ";
+    FilterOperator["notEqual"] = "NEQ";
+    FilterOperator["lessThan"] = "LT";
+    FilterOperator["lessThanOrEqual"] = "LTE";
+    FilterOperator["greaterThan"] = "GT";
+    FilterOperator["greaterThanOrEqual"] = "GTE";
+    FilterOperator["startsWith"] = "STARTSWITH";
+    FilterOperator["endsWith"] = "ENDSWITH";
+    FilterOperator["inRange"] = "IN";
+    FilterOperator["contains"] = "LIKE";
+    FilterOperator["notContains"] = "NOTLIKE";
+    FilterOperator["truncEqual"] = "TRUNC_EQ";
+    FilterOperator["truncNotEqual"] = "TRUNC_NEQ";
+    FilterOperator["truncGreaterThanEqual"] = "TRUNC_GTE";
+    FilterOperator["truncGreaterThan"] = "TRUNC_GT";
+    FilterOperator["truncLessThanOr"] = "TRUNC_LT";
+    FilterOperator["truncLessThanOrEqual"] = "TRUNC_LTE";
+    FilterOperator["between"] = "BETWEEN";
+})(FilterOperator || (FilterOperator = {}));
+class SelectModel {
+    constructor() {
+        this.items = [];
+        this.loading = false;
+        this.page = null;
+        this.pageSize = null;
+        this.totalCount = null;
+    }
+}
+
+class JDatePipe {
+    transform(value, time = false, format = 'YYYY/MM/DD') {
+        if (value != null) {
+            if (!time) {
+                return moment.from(value, 'YYYY/MM/DD').locale('fa').format(format);
+            }
+            else {
+                return moment.from(value, 'YYYY/MM/DD').locale('fa').format('YYYY/MM/DD-HH:mm');
+            }
+        }
+        else {
+            return value;
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: JDatePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: JDatePipe, name: "jdate" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: JDatePipe, decorators: [{
+            type: Pipe,
+            args: [{ name: 'jdate' }]
+        }] });
+
 class GridComponent {
     constructor(_translate) {
         this._translate = _translate;
@@ -1312,44 +1314,124 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
             args: [{ selector: 'app-spinner', 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>" }]
         }], ctorParameters: () => [] });
 
+class PopoverComponent {
+    constructor() {
+        this.data = inject(NZ_MODAL_DATA, { optional: true });
+        this.dialogRef = inject(NzModalRef, { optional: true });
+        this.viewContainerRef = inject(ViewContainerRef);
+        this.injector = inject(Injector);
+        this.spinnerRef = null;
+    }
+    get loadingDialog() {
+        return this.loadingDialog;
+    }
+    set loadingDialog(value) {
+        if (value) {
+            this.spinnerRef = this.viewContainerRef.createComponent(SpinnerComponent, {
+                injector: this.injector,
+            });
+        }
+        else {
+            this.spinnerRef.destroy();
+            this.spinnerRef = null;
+        }
+    }
+    onClose(data) {
+        this.dialogRef.close(data);
+    }
+}
+
+class ImageCropperPopover extends PopoverComponent {
+    constructor(_toast) {
+        super();
+        this._toast = _toast;
+        this.croppedImage = null;
+    }
+    imageCropped(event) {
+        this.croppedImage = new File([event.blob], this.data.file.name, { type: event.blob.type });
+    }
+    loadImageFailed() {
+        this._toast.show('خطا در لود تصویر', 'error');
+    }
+    onOk() {
+        return Promise.resolve({
+            file: this.croppedImage
+        });
+    }
+    onCancel() {
+        return Promise.resolve();
+    }
+    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"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ImageCropperPopover, decorators: [{
+            type: Component,
+            args: [{ 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>" }]
+        }], ctorParameters: () => [{ type: ToastService }] });
+
 class UploaderComponent {
-    constructor(environment, _toast, _http, _sharedService) {
+    constructor(environment, _toast, _http, _sharedService, _dialog) {
         this._toast = _toast;
         this._http = _http;
         this._sharedService = _sharedService;
+        this._dialog = _dialog;
         this.loading = false;
         this.env = null;
         this._avatarUid = null;
         this.maxWithSize = 1024;
+        this.cropper = false;
+        this.aspectRatio = 1 / 1;
         this.onUploaded = new EventEmitter();
         this.customRequest = (item) => {
             // return Subscription
             const subscription = new Subscription();
-            this.loading = true;
-            this.resizeImage(item.file).then((res) => {
-                const isLt1M = res.size / 1024 / 1024 < 1;
-                if (!isLt1M) {
-                    this._toast.show('Image must smaller than 1MB!', 'error');
-                    subscription.unsubscribe();
+            const uploadFile = (file) => {
+                this.loading = true;
+                this.resizeImage(file).then((res) => {
+                    const isLt1M = res.size / 1024 / 1024 < 1;
+                    if (!isLt1M) {
+                        this._toast.show('Image must smaller than 1MB!', 'error');
+                        subscription.unsubscribe();
+                        this.loading = false;
+                        return;
+                    }
+                    const formData = new FormData();
+                    formData.append('file', res);
+                    const req = new HttpRequest('POST', `${this.env.apiUrl}/file`, formData, {
+                        reportProgress: true,
+                        responseType: 'text',
+                    });
+                    subscription.add(this._http.request(req).subscribe((event) => {
+                        if (event instanceof HttpResponse) {
+                            item.onSuccess(event.body, file, event);
+                        }
+                    }, (err) => {
+                        item.onError(err, file);
+                    }));
+                }).catch(() => {
                     this.loading = false;
-                    return;
-                }
-                const formData = new FormData();
-                formData.append('file', res);
-                const req = new HttpRequest('POST', `${this.env.apiUrl}/file`, formData, {
-                    reportProgress: true,
-                    responseType: 'text',
                 });
-                subscription.add(this._http.request(req).subscribe((event) => {
-                    if (event instanceof HttpResponse) {
-                        item.onSuccess(event.body, item.file, event);
+            };
+            if (this.cropper) {
+                debugger;
+                this._dialog.open(ImageCropperPopover, {
+                    title: 'برش تصویر',
+                    data: {
+                        file: item.file,
+                        aspectRatio: this.aspectRatio
                     }
-                }, (err) => {
-                    item.onError(err, item.file);
-                }));
-            }).catch(() => {
-                this.loading = false;
-            });
+                }).afterClose.subscribe((res) => {
+                    debugger;
+                    if (res.file) {
+                        uploadFile(res.file);
+                    }
+                });
+            }
+            else {
+                uploadFile(item.file);
+            }
             return subscription;
         };
         this.beforeUpload = (file, _fileList) => new Observable((observer) => {
@@ -1415,8 +1497,8 @@ 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 }], 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", 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.ɵ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", 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"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: UploaderComponent, decorators: [{
             type: Component,
@@ -1424,7 +1506,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
         }], ctorParameters: () => [{ type: undefined, decorators: [{
                     type: Inject,
                     args: ['environment']
-                }] }, { type: ToastService }, { type: i2.HttpClient }, { type: SharedService }], propDecorators: { maxWithSize: [{
+                }] }, { type: ToastService }, { type: i2.HttpClient }, { type: SharedService }, { type: DialogService }], propDecorators: { maxWithSize: [{
+                type: Input
+            }], cropper: [{
+                type: Input
+            }], aspectRatio: [{
                 type: Input
             }], avatar: [{
                 type: Input
@@ -1515,77 +1601,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                 type: Output
             }] } });
 
-class AuthGuard {
-    constructor(_router) {
-        this._router = _router;
-    }
-    canActivate(route, state) {
-        if (localStorage.getItem('userInfo')) {
-            return true;
-        }
-        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.ɵ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: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }], ctorParameters: () => [{ type: i1$6.Router }] });
-
-class MasterLayout {
-    constructor(_service, _confirm, componentFactoryResolver) {
-        this._service = _service;
-        this._confirm = _confirm;
-        this.componentFactoryResolver = componentFactoryResolver;
-        this.isCollapsed = false;
-        this.menuItems = [];
-    }
-    logout() {
-        this._confirm.confirm(() => {
-            localStorage.clear();
-            location.reload();
-            return Promise.resolve();
-        });
-    }
-    loadComponent(component) {
-        this.container.clear();
-        const componentFactory = this.componentFactoryResolver.resolveComponentFactory(component);
-        this.container.createComponent(componentFactory);
-    }
-    ngAfterViewInit() {
-        setTimeout(() => {
-            // this.loadComponent(this._ac.);
-        }, 500);
-    }
-    ngOnInit() {
-        this.menuItems = this._service.menuItems;
-    }
-    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\">\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"] }] }); }
-}
-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\">\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"] }]
-        }], ctorParameters: () => [{ type: SharedService }, { type: ConfirmService }, { type: i0.ComponentFactoryResolver }], propDecorators: { container: [{
-                type: ViewChild,
-                args: ['dynamicComponentContainer', { read: ViewContainerRef }]
-            }] } });
-
-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"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BlankLayout, decorators: [{
-            type: Component,
-            args: [{ template: "<div class=\"w-full h-full\">\n    <router-outlet></router-outlet>\n</div>" }]
-        }], ctorParameters: () => [] });
-
 class CharInputDirective {
     constructor(el, control, renderer) {
         this.el = el;
@@ -1708,6 +1723,77 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                 type: Input
             }] } });
 
+class AuthGuard {
+    constructor(_router) {
+        this._router = _router;
+    }
+    canActivate(route, state) {
+        if (localStorage.getItem('userInfo')) {
+            return true;
+        }
+        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.ɵ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: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [{ type: i1$6.Router }] });
+
+class MasterLayout {
+    constructor(_service, _confirm, componentFactoryResolver) {
+        this._service = _service;
+        this._confirm = _confirm;
+        this.componentFactoryResolver = componentFactoryResolver;
+        this.isCollapsed = false;
+        this.menuItems = [];
+    }
+    logout() {
+        this._confirm.confirm(() => {
+            localStorage.clear();
+            location.reload();
+            return Promise.resolve();
+        });
+    }
+    loadComponent(component) {
+        this.container.clear();
+        const componentFactory = this.componentFactoryResolver.resolveComponentFactory(component);
+        this.container.createComponent(componentFactory);
+    }
+    ngAfterViewInit() {
+        setTimeout(() => {
+            // this.loadComponent(this._ac.);
+        }, 500);
+    }
+    ngOnInit() {
+        this.menuItems = this._service.menuItems;
+    }
+    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\">\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"] }] }); }
+}
+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\">\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"] }]
+        }], ctorParameters: () => [{ type: SharedService }, { type: ConfirmService }, { type: i0.ComponentFactoryResolver }], propDecorators: { container: [{
+                type: ViewChild,
+                args: ['dynamicComponentContainer', { read: ViewContainerRef }]
+            }] } });
+
+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"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BlankLayout, decorators: [{
+            type: Component,
+            args: [{ template: "<div class=\"w-full h-full\">\n    <router-outlet></router-outlet>\n</div>" }]
+        }], ctorParameters: () => [] });
+
 function HttpLoaderFactory(http) {
     return new TranslateHttpLoader(http, './assets/i18n/', '.json?v=' + Date.now());
 }
@@ -1749,7 +1835,9 @@ const Components = [
     UploadFileComponent,
     DateFilter
 ];
-const Popover = [];
+const Popover = [
+    ImageCropperPopover
+];
 const Directive = [
     EnglishNumberInputDirective,
     CharInputDirective,
@@ -1785,6 +1873,7 @@ const Modules = [
     NzInputModule,
     NzFormModule,
     NzUploadModule,
+    ImageCropperComponent,
     TranslateModule.forRoot({
         defaultLanguage: 'fa',
         useDefaultLang: true,
@@ -1805,7 +1894,7 @@ class SharedModule {
             SpinnerComponent,
             UploaderComponent,
             UploadFileComponent,
-            DateFilter, EnglishNumberInputDirective,
+            DateFilter, ImageCropperPopover, EnglishNumberInputDirective,
             CharInputDirective,
             MaskDirective,
             ImageLoaderDirective, JDatePipe], imports: [RouterModule, HttpClientModule,
@@ -1826,7 +1915,8 @@ class SharedModule {
             FormsModule,
             NzInputModule,
             NzFormModule,
-            NzUploadModule, i1$4.TranslateModule], exports: [MasterLayout,
+            NzUploadModule,
+            ImageCropperComponent, i1$4.TranslateModule], exports: [MasterLayout,
             BlankLayout, GridComponent,
             ActionsCellRenderer,
             CaptchaComponent,
@@ -1834,7 +1924,7 @@ class SharedModule {
             SpinnerComponent,
             UploaderComponent,
             UploadFileComponent,
-            DateFilter, EnglishNumberInputDirective,
+            DateFilter, ImageCropperPopover, EnglishNumberInputDirective,
             CharInputDirective,
             MaskDirective,
             ImageLoaderDirective, JDatePipe] }); }
@@ -1876,33 +1966,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                 }]
         }] });
 
-class PopoverComponent {
-    constructor() {
-        this.data = inject(NZ_MODAL_DATA, { optional: true });
-        this.dialogRef = inject(NzModalRef, { optional: true });
-        this.viewContainerRef = inject(ViewContainerRef);
-        this.injector = inject(Injector);
-        this.spinnerRef = null;
-    }
-    get loadingDialog() {
-        return this.loadingDialog;
-    }
-    set loadingDialog(value) {
-        if (value) {
-            this.spinnerRef = this.viewContainerRef.createComponent(SpinnerComponent, {
-                injector: this.injector,
-            });
-        }
-        else {
-            this.spinnerRef.destroy();
-            this.spinnerRef = null;
-        }
-    }
-    onClose(data) {
-        this.dialogRef.close(data);
-    }
-}
-
 class TimerPipe {
     transform(value) {
         const hours = Math.floor(value / 3600);
@@ -1939,5 +2002,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, DateFilter, DialogService, EnglishNumberInputDirective, FilterOperator, FormService, GridComponent, HttpLoaderFactory, ImageLoaderDirective, JDatePipe, MapComponent, MaskDirective, MasterLayout, PopoverComponent, SelectModel, SharedModule, SharedService, SpinnerComponent, TimerPipe, ToastService, UploadFileComponent, UploaderComponent, initializeApp };
+export { ActionsCellRenderer, AuthGuard, BlankLayout, CaptchaComponent, CharInputDirective, ConfirmService, DateFilter, DialogService, EnglishNumberInputDirective, FilterOperator, FormService, GridComponent, HttpLoaderFactory, ImageCropperPopover, ImageLoaderDirective, JDatePipe, MapComponent, MaskDirective, MasterLayout, PopoverComponent, SelectModel, SharedModule, SharedService, SpinnerComponent, TimerPipe, ToastService, UploadFileComponent, UploaderComponent, initializeApp };
 //# sourceMappingURL=fixa-admin.mjs.map