cmat 0.0.84 → 0.0.85

package/fesm2022/cmat-components-upload.mjs

@@ -136,6 +136,10 @@ class CmatUploadComponent {
     get fileType() {
         return CmatUtilsService.getFileType(this.file.type);
     }
+    // eslint-disable-next-line @typescript-eslint/member-ordering
+    get fileSize() {
+        return Number(this.file.size);
+    }
     ngOnInit() {
         if (this.autoUpload && this.id === null) {
             this.upload();
@@ -150,12 +154,13 @@ class CmatUploadComponent {
             fileCategory: this.fileCategory,
             isPublic: this.isPublic,
             filePath: this.filePath,
-            fileType: 'file',
-            data: this.file
+            fileType: this.fileType,
+            data: this._file
         };
-        fileModel.fileType = this.fileType;
         const formData = new FormData();
-        formData.set('fileData', this._file, this._file.name);
+        if (this._file.data) {
+            formData.set(this.fileAlias, this._file.data, this._file.fileName);
+        }
         formData.append('fileInfo', JSON.stringify(fileModel));
         this._fileService.uploadFile(formData).pipe(takeUntilDestroyed(this._destroyRef)).subscribe((event) => {
             if (event.type === HttpEventType.UploadProgress && typeof event.total === 'number') {
@@ -187,11 +192,11 @@ class CmatUploadComponent {
         this.removeEvent.emit(this);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: CmatUploadComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: CmatUploadComponent, isStandalone: true, selector: "cmat-upload", inputs: { fileAlias: "fileAlias", filePath: "filePath", fileCategory: "fileCategory", isPublic: "isPublic", editMode: "editMode", autoUpload: "autoUpload", id: "id", file: "file" }, outputs: { removeEvent: "removeEvent", uploadEvent: "uploadEvent" }, exportAs: ["cmatUpload"], ngImport: i0, template: "<div class=\"flex flex-col\">\r\n  <div class=\"flex flex-row items-center\">\r\n    <span class=\"flex items-center px-1\">\r\n      <mat-icon class=\"icon-size-6 text-hint\"\r\n                              [svgIcon]=\"fileType\"></mat-icon>\r\n    </span>\r\n    <span matTooltip=\"{{file.name}}\"\r\n      class=\"text-sm flex flex-auto whitespace-nowrap overflow-x-hidden text-ellipsis\">{{file.name}}({{file.size | cmatBytes}})</span>\r\n    <span class=\"flex flex-row gap-1 print:hidden\">\r\n      @if(id===null){\r\n      <button matIconButton  color=\"primary\" class=\"w-8 min-h-8 h-8 max-w-8\" [ngClass]=\"{'disabled' : isUploading()}\"\r\n        (click)=\"upload()\">\r\n        <mat-icon class=\"icon-size-5\" [svgIcon]=\"'mat_outline:file_upload'\"></mat-icon>\r\n      </button>\r\n      }\r\n\r\n      @if(id!==null){\r\n      <button matIconButton  color=\"primary\" class=\"w-8 min-h-8 h-8 max-w-8\" (click)=\"download()\">\r\n        <mat-icon class=\"icon-size-5\" [svgIcon]=\"'mat_outline:file_download'\"></mat-icon>\r\n      </button>\r\n      }\r\n\r\n      @if(editMode){\r\n      <button matIconButton  color=\"warn\" class=\"w-8 min-h-8 h-8 max-w-8\" (click)=\"remove()\">\r\n        <mat-icon class=\"icon-size-5\" [svgIcon]=\"'heroicons_solid:trash'\"></mat-icon>\r\n      </button>\r\n      }\r\n    </span>\r\n  </div>\r\n  @if(id===null){\r\n      <mat-progress-bar [value]=\"progressPercentage()\"></mat-progress-bar>\r\n  <div class=\"text-sm block whitespace-nowrap overflow-x-hidden text-ellipsis\">\r\n    <span>{{progressPercentage()}}%</span><span> {{loaded() | cmatBytes}} of {{total() | cmatBytes}}</span>\r\n  </div>\r\n  }\r\n</div>\r\n", dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatProgressBarModule }, { kind: "component", type: i3$1.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i4.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: CmatBytesPipe, name: "cmatBytes" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: CmatUploadComponent, isStandalone: true, selector: "cmat-upload", inputs: { fileAlias: "fileAlias", filePath: "filePath", fileCategory: "fileCategory", isPublic: "isPublic", editMode: "editMode", autoUpload: "autoUpload", id: "id", file: "file" }, outputs: { removeEvent: "removeEvent", uploadEvent: "uploadEvent" }, exportAs: ["cmatUpload"], ngImport: i0, template: "<div class=\"flex flex-col\">\r\n  <div class=\"flex flex-row items-center\">\r\n    <span class=\"flex items-center px-1\">\r\n      <mat-icon class=\"icon-size-6 text-hint\" [svgIcon]=\"fileType\"></mat-icon>\r\n    </span>\r\n    <span matTooltip=\"{{file.name}}\"\r\n      class=\"text-sm flex flex-auto whitespace-nowrap overflow-x-hidden text-ellipsis\">{{file.name}}({{fileSize |\r\n      cmatBytes}})</span>\r\n    <span class=\"flex flex-row gap-1 print:hidden\">\r\n      @if(id===null){\r\n      <button matIconButton color=\"primary\" class=\"w-8 min-h-8 h-8 max-w-8\" [ngClass]=\"{'disabled' : isUploading()}\"\r\n        (click)=\"upload()\">\r\n        <mat-icon class=\"icon-size-5\" [svgIcon]=\"'mat_outline:file_upload'\"></mat-icon>\r\n      </button>\r\n      }\r\n\r\n      @if(id!==null){\r\n      <button matIconButton color=\"primary\" class=\"w-8 min-h-8 h-8 max-w-8\" (click)=\"download()\">\r\n        <mat-icon class=\"icon-size-5\" [svgIcon]=\"'mat_outline:file_download'\"></mat-icon>\r\n      </button>\r\n      }\r\n\r\n      @if(editMode){\r\n      <button matIconButton color=\"warn\" class=\"w-8 min-h-8 h-8 max-w-8\" (click)=\"remove()\">\r\n        <mat-icon class=\"icon-size-5\" [svgIcon]=\"'heroicons_solid:trash'\"></mat-icon>\r\n      </button>\r\n      }\r\n    </span>\r\n  </div>\r\n  @if(id===null){\r\n  <mat-progress-bar [value]=\"progressPercentage()\"></mat-progress-bar>\r\n  <div class=\"text-sm block whitespace-nowrap overflow-x-hidden text-ellipsis\">\r\n    <span>{{progressPercentage()}}%</span><span> {{loaded() | cmatBytes}} of {{total() | cmatBytes}}</span>\r\n  </div>\r\n  }\r\n</div>", dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatProgressBarModule }, { kind: "component", type: i3$1.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i4.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: CmatBytesPipe, name: "cmatBytes" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: CmatUploadComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'cmat-upload', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, exportAs: 'cmatUpload', imports: [MatButtonModule, MatIconModule, MatProgressBarModule, MatTooltipModule, CmatBytesPipe, NgClass], template: "<div class=\"flex flex-col\">\r\n  <div class=\"flex flex-row items-center\">\r\n    <span class=\"flex items-center px-1\">\r\n      <mat-icon class=\"icon-size-6 text-hint\"\r\n                              [svgIcon]=\"fileType\"></mat-icon>\r\n    </span>\r\n    <span matTooltip=\"{{file.name}}\"\r\n      class=\"text-sm flex flex-auto whitespace-nowrap overflow-x-hidden text-ellipsis\">{{file.name}}({{file.size | cmatBytes}})</span>\r\n    <span class=\"flex flex-row gap-1 print:hidden\">\r\n      @if(id===null){\r\n      <button matIconButton  color=\"primary\" class=\"w-8 min-h-8 h-8 max-w-8\" [ngClass]=\"{'disabled' : isUploading()}\"\r\n        (click)=\"upload()\">\r\n        <mat-icon class=\"icon-size-5\" [svgIcon]=\"'mat_outline:file_upload'\"></mat-icon>\r\n      </button>\r\n      }\r\n\r\n      @if(id!==null){\r\n      <button matIconButton  color=\"primary\" class=\"w-8 min-h-8 h-8 max-w-8\" (click)=\"download()\">\r\n        <mat-icon class=\"icon-size-5\" [svgIcon]=\"'mat_outline:file_download'\"></mat-icon>\r\n      </button>\r\n      }\r\n\r\n      @if(editMode){\r\n      <button matIconButton  color=\"warn\" class=\"w-8 min-h-8 h-8 max-w-8\" (click)=\"remove()\">\r\n        <mat-icon class=\"icon-size-5\" [svgIcon]=\"'heroicons_solid:trash'\"></mat-icon>\r\n      </button>\r\n      }\r\n    </span>\r\n  </div>\r\n  @if(id===null){\r\n      <mat-progress-bar [value]=\"progressPercentage()\"></mat-progress-bar>\r\n  <div class=\"text-sm block whitespace-nowrap overflow-x-hidden text-ellipsis\">\r\n    <span>{{progressPercentage()}}%</span><span> {{loaded() | cmatBytes}} of {{total() | cmatBytes}}</span>\r\n  </div>\r\n  }\r\n</div>\r\n" }]
+            args: [{ selector: 'cmat-upload', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, exportAs: 'cmatUpload', imports: [MatButtonModule, MatIconModule, MatProgressBarModule, MatTooltipModule, CmatBytesPipe, NgClass], template: "<div class=\"flex flex-col\">\r\n  <div class=\"flex flex-row items-center\">\r\n    <span class=\"flex items-center px-1\">\r\n      <mat-icon class=\"icon-size-6 text-hint\" [svgIcon]=\"fileType\"></mat-icon>\r\n    </span>\r\n    <span matTooltip=\"{{file.name}}\"\r\n      class=\"text-sm flex flex-auto whitespace-nowrap overflow-x-hidden text-ellipsis\">{{file.name}}({{fileSize |\r\n      cmatBytes}})</span>\r\n    <span class=\"flex flex-row gap-1 print:hidden\">\r\n      @if(id===null){\r\n      <button matIconButton color=\"primary\" class=\"w-8 min-h-8 h-8 max-w-8\" [ngClass]=\"{'disabled' : isUploading()}\"\r\n        (click)=\"upload()\">\r\n        <mat-icon class=\"icon-size-5\" [svgIcon]=\"'mat_outline:file_upload'\"></mat-icon>\r\n      </button>\r\n      }\r\n\r\n      @if(id!==null){\r\n      <button matIconButton color=\"primary\" class=\"w-8 min-h-8 h-8 max-w-8\" (click)=\"download()\">\r\n        <mat-icon class=\"icon-size-5\" [svgIcon]=\"'mat_outline:file_download'\"></mat-icon>\r\n      </button>\r\n      }\r\n\r\n      @if(editMode){\r\n      <button matIconButton color=\"warn\" class=\"w-8 min-h-8 h-8 max-w-8\" (click)=\"remove()\">\r\n        <mat-icon class=\"icon-size-5\" [svgIcon]=\"'heroicons_solid:trash'\"></mat-icon>\r\n      </button>\r\n      }\r\n    </span>\r\n  </div>\r\n  @if(id===null){\r\n  <mat-progress-bar [value]=\"progressPercentage()\"></mat-progress-bar>\r\n  <div class=\"text-sm block whitespace-nowrap overflow-x-hidden text-ellipsis\">\r\n    <span>{{progressPercentage()}}%</span><span> {{loaded() | cmatBytes}} of {{total() | cmatBytes}}</span>\r\n  </div>\r\n  }\r\n</div>" }]
         }], propDecorators: { fileAlias: [{
                 type: Input
             }], filePath: [{
@@ -231,6 +236,7 @@ class CmatUploadQueueComponent {
         this.outputFilesDataEvent = new EventEmitter();
         this.id = 'cmatupload-' + crypto.randomUUID().slice(0, 8);
         this.isHandSet = signal(false, ...(ngDevMode ? [{ debugName: "isHandSet" }] : /* istanbul ignore next */ []));
+        this.fileDataSource = signal([], ...(ngDevMode ? [{ debugName: "fileDataSource" }] : /* istanbul ignore next */ []));
         this._cmatMediaWatcherService = inject(CmatMediaWatcherService);
         this._elementRef = inject(ElementRef);
         this._destroyRef = inject(DestroyRef);
@@ -254,6 +260,11 @@ class CmatUploadQueueComponent {
     onDropOver(event) {
         event.preventDefault();
     }
+    ngOnChanges(changes) {
+        if (changes['filesData']) {
+            this.fileDataSource.set(this.filesData);
+        }
+    }
     ngAfterViewInit() {
         const fileUpload = this._elementRef.nativeElement.querySelector(`#${this.id}`);
         if (!(fileUpload instanceof HTMLInputElement)) {
@@ -280,11 +291,12 @@ class CmatUploadQueueComponent {
             this.filesData = [...this.filesData, file];
             this.fileUploads.first.remove();
         }
+        this.fileDataSource.set(this.filesData);
     }
     upload(event) {
-        const uploadId = event instanceof CmatUploadComponent ? event.id : event.id;
-        this.outputUploadIdEvent.emit(uploadId ?? '');
+        this.outputUploadIdEvent.emit(event.id ?? '');
         this.outputFilesDataEvent.emit(this.filesData);
+        this.fileDataSource.set(this.filesData);
     }
     remove(event) {
         if (this.filesData) {
@@ -295,6 +307,7 @@ class CmatUploadQueueComponent {
                     this.outputRemoveIdEvent.emit(event.file.id);
                 }
                 this.outputFilesDataEvent.emit(this.filesData);
+                this.fileDataSource.set(this.filesData);
             }
         }
     }
@@ -325,11 +338,11 @@ class CmatUploadQueueComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: CmatUploadQueueComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: CmatUploadQueueComponent, isStandalone: true, selector: "cmat-upload-queue", inputs: { fileAlias: "fileAlias", filePath: "filePath", fileCategory: "fileCategory", isPublic: "isPublic", required: "required", autoUpload: "autoUpload", multiple: "multiple", accept: "accept", title: "title", editMode: "editMode", filesData: "filesData" }, outputs: { outputRemoveIdEvent: "outputRemoveIdEvent", outputUploadIdEvent: "outputUploadIdEvent", outputFilesDataEvent: "outputFilesDataEvent" }, host: { listeners: { "drop": "onDrop($event)", "dragover": "onDropOver($event)" } }, viewQueries: [{ propertyName: "fileUploads", predicate: i0.forwardRef(() => CmatUploadComponent), descendants: true }], exportAs: ["cmatUploadQueue"], ngImport: i0, template: "<mat-card>\r\n    <mat-card-header>\r\n        <mat-card-title>\r\n            <legend class=\"text-lg\">\r\n                {{title}}\r\n                @if(required){\r\n                <span>*</span>\r\n                }\r\n            </legend>\r\n        </mat-card-title>\r\n    </mat-card-header>\r\n    <input type=\"file\" class=\"hidden\" [id]=\"id\" [multiple]=\"multiple\" [accept]=\"accept\" />\r\n\r\n    @if(editMode){\r\n    <mat-card-actions class=\"flex flex-row gap-1 print:hidden\">\r\n        @if(!isHandSet()){\r\n        <button matButton=\"filled\" color=\"primary\" (click)=\"choose()\">\r\n            @if(autoUpload){\r\n            <mat-icon [svgIcon]=\"'mat_outline:file_upload'\"></mat-icon>\r\n            }@else {\r\n            <mat-icon [svgIcon]=\"'mat_outline:add_box'\"></mat-icon>\r\n            }\r\n            <span class=\"ml-2\">\u9009\u62E9</span>\r\n        </button>\r\n        @if(filesData&&multiple&&filesData.length > 0){\r\n        @if(!autoUpload){\r\n        <button matButton=\"filled\" color=\"accent\" (click)=\"uploadAll()\"><mat-icon\r\n                [svgIcon]=\"'mat_outline:file_upload'\"></mat-icon><span class=\"ml-2\">\u4E0A\u4F20\u5168\u90E8</span></button>\r\n        }\r\n\r\n        <button matButton=\"filled\" color=\"warn\" (click)=\"removeAll()\"><mat-icon\r\n                [svgIcon]=\"'heroicons_solid:trash'\"></mat-icon><span class=\"ml-2\">\u5220\u9664\u5168\u90E8</span></button>\r\n        }\r\n        }@else {\r\n        <button matIconButton  color=\"primary\" (click)=\"choose()\">\r\n            @if(autoUpload){\r\n            <mat-icon [svgIcon]=\"'mat_outline:file_upload'\"></mat-icon>\r\n            }@else {\r\n            <mat-icon [svgIcon]=\"'mat_outline:add_box'\"></mat-icon>\r\n            }\r\n        </button>\r\n\r\n        @if(filesData&&multiple&&filesData.length > 0){\r\n        @if(!autoUpload){\r\n        <button matIconButton  color=\"accent\" (click)=\"uploadAll()\"><mat-icon\r\n                [svgIcon]=\"'mat_outline:file_upload'\"></mat-icon></button>\r\n        }\r\n\r\n        <button matIconButton  color=\"warn\" (click)=\"removeAll()\"><mat-icon\r\n                [svgIcon]=\"'heroicons_solid:trash'\"></mat-icon></button>\r\n        }\r\n        }\r\n    </mat-card-actions>\r\n    }\r\n\r\n    <mat-card-content>\r\n        <mat-list class=\"border-t\">\r\n            @for (file of filesData; track $index) {\r\n            <mat-list-item class=\"cmat-upload-file-item h-full\">\r\n                <cmat-upload class=\"my-2\" [fileAlias]=\"fileAlias\" [filePath]=\"filePath\" [fileCategory]=\"fileCategory\"\r\n                    [autoUpload]=\"autoUpload\" [editMode]=\"editMode\" [file]=\"file\" [id]=\"file.id||null\" [isPublic]=\"isPublic\"\r\n                    (removeEvent)=\"remove($event)\" (uploadEvent)=\"upload($event)\"></cmat-upload>\r\n            </mat-list-item>\r\n            }\r\n        </mat-list>\r\n    </mat-card-content>\r\n</mat-card>\r\n", dependencies: [{ kind: "ngmodule", type: MatCardModule }, { kind: "component", type: i1.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i1.MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }, { kind: "directive", type: i1.MatCardContent, selector: "mat-card-content" }, { kind: "component", type: i1.MatCardHeader, selector: "mat-card-header" }, { kind: "directive", type: i1.MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "ngmodule", type: MatListModule }, { kind: "component", type: i2$1.MatList, selector: "mat-list", exportAs: ["matList"] }, { kind: "component", type: i2$1.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i3.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: CmatUploadComponent, selector: "cmat-upload", inputs: ["fileAlias", "filePath", "fileCategory", "isPublic", "editMode", "autoUpload", "id", "file"], outputs: ["removeEvent", "uploadEvent"], exportAs: ["cmatUpload"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: CmatUploadQueueComponent, isStandalone: true, selector: "cmat-upload-queue", inputs: { fileAlias: "fileAlias", filePath: "filePath", fileCategory: "fileCategory", isPublic: "isPublic", required: "required", autoUpload: "autoUpload", multiple: "multiple", accept: "accept", title: "title", editMode: "editMode", filesData: "filesData" }, outputs: { outputRemoveIdEvent: "outputRemoveIdEvent", outputUploadIdEvent: "outputUploadIdEvent", outputFilesDataEvent: "outputFilesDataEvent" }, host: { listeners: { "drop": "onDrop($event)", "dragover": "onDropOver($event)" } }, viewQueries: [{ propertyName: "fileUploads", predicate: i0.forwardRef(() => CmatUploadComponent), descendants: true }], exportAs: ["cmatUploadQueue"], usesOnChanges: true, ngImport: i0, template: "<mat-card>\r\n    <mat-card-header>\r\n        <mat-card-title>\r\n            <legend class=\"text-lg\">\r\n                {{title}}\r\n                @if(required){\r\n                <span>*</span>\r\n                }\r\n            </legend>\r\n        </mat-card-title>\r\n    </mat-card-header>\r\n    <input type=\"file\" class=\"hidden\" [id]=\"id\" [multiple]=\"multiple\" [accept]=\"accept\" />\r\n\r\n    @if(editMode){\r\n    <mat-card-actions class=\"flex flex-row gap-1 print:hidden\">\r\n        @if(!isHandSet()){\r\n        <button matButton=\"filled\" color=\"primary\" (click)=\"choose()\">\r\n            @if(autoUpload){\r\n            <mat-icon [svgIcon]=\"'mat_outline:file_upload'\"></mat-icon>\r\n            }@else {\r\n            <mat-icon [svgIcon]=\"'mat_outline:add_box'\"></mat-icon>\r\n            }\r\n            <span class=\"ml-2\">\u9009\u62E9</span>\r\n        </button>\r\n        @if(fileDataSource()&&multiple&&fileDataSource().length > 0){\r\n        @if(!autoUpload){\r\n        <button matButton=\"filled\" color=\"accent\" (click)=\"uploadAll()\"><mat-icon\r\n                [svgIcon]=\"'mat_outline:file_upload'\"></mat-icon><span class=\"ml-2\">\u4E0A\u4F20\u5168\u90E8</span></button>\r\n        }\r\n\r\n        <button matButton=\"filled\" color=\"warn\" (click)=\"removeAll()\"><mat-icon\r\n                [svgIcon]=\"'heroicons_solid:trash'\"></mat-icon><span class=\"ml-2\">\u5220\u9664\u5168\u90E8</span></button>\r\n        }\r\n        }@else {\r\n        <button matIconButton  color=\"primary\" (click)=\"choose()\">\r\n            @if(autoUpload){\r\n            <mat-icon [svgIcon]=\"'mat_outline:file_upload'\"></mat-icon>\r\n            }@else {\r\n            <mat-icon [svgIcon]=\"'mat_outline:add_box'\"></mat-icon>\r\n            }\r\n        </button>\r\n\r\n        @if(fileDataSource()&&multiple&&fileDataSource().length > 0){\r\n        @if(!autoUpload){\r\n        <button matIconButton  color=\"accent\" (click)=\"uploadAll()\"><mat-icon\r\n                [svgIcon]=\"'mat_outline:file_upload'\"></mat-icon></button>\r\n        }\r\n\r\n        <button matIconButton  color=\"warn\" (click)=\"removeAll()\"><mat-icon\r\n                [svgIcon]=\"'heroicons_solid:trash'\"></mat-icon></button>\r\n        }\r\n        }\r\n    </mat-card-actions>\r\n    }\r\n\r\n    <mat-card-content>\r\n        <mat-list class=\"border-t\">\r\n            @for (file of fileDataSource(); track $index) {\r\n            <mat-list-item class=\"cmat-upload-file-item h-full\">\r\n                <cmat-upload class=\"my-2\" [fileAlias]=\"fileAlias\" [filePath]=\"filePath\" [fileCategory]=\"fileCategory\"\r\n                    [autoUpload]=\"autoUpload\" [editMode]=\"editMode\" [file]=\"file\" [id]=\"file.id||null\" [isPublic]=\"isPublic\"\r\n                    (removeEvent)=\"remove($event)\" (uploadEvent)=\"upload($event)\"></cmat-upload>\r\n            </mat-list-item>\r\n            }\r\n        </mat-list>\r\n    </mat-card-content>\r\n</mat-card>\r\n", dependencies: [{ kind: "ngmodule", type: MatCardModule }, { kind: "component", type: i1.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i1.MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }, { kind: "directive", type: i1.MatCardContent, selector: "mat-card-content" }, { kind: "component", type: i1.MatCardHeader, selector: "mat-card-header" }, { kind: "directive", type: i1.MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "ngmodule", type: MatListModule }, { kind: "component", type: i2$1.MatList, selector: "mat-list", exportAs: ["matList"] }, { kind: "component", type: i2$1.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i3.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: CmatUploadComponent, selector: "cmat-upload", inputs: ["fileAlias", "filePath", "fileCategory", "isPublic", "editMode", "autoUpload", "id", "file"], outputs: ["removeEvent", "uploadEvent"], exportAs: ["cmatUpload"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: CmatUploadQueueComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'cmat-upload-queue', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, exportAs: 'cmatUploadQueue', imports: [MatCardModule, MatListModule, MatButtonModule, MatIconModule, CmatUploadComponent], template: "<mat-card>\r\n    <mat-card-header>\r\n        <mat-card-title>\r\n            <legend class=\"text-lg\">\r\n                {{title}}\r\n                @if(required){\r\n                <span>*</span>\r\n                }\r\n            </legend>\r\n        </mat-card-title>\r\n    </mat-card-header>\r\n    <input type=\"file\" class=\"hidden\" [id]=\"id\" [multiple]=\"multiple\" [accept]=\"accept\" />\r\n\r\n    @if(editMode){\r\n    <mat-card-actions class=\"flex flex-row gap-1 print:hidden\">\r\n        @if(!isHandSet()){\r\n        <button matButton=\"filled\" color=\"primary\" (click)=\"choose()\">\r\n            @if(autoUpload){\r\n            <mat-icon [svgIcon]=\"'mat_outline:file_upload'\"></mat-icon>\r\n            }@else {\r\n            <mat-icon [svgIcon]=\"'mat_outline:add_box'\"></mat-icon>\r\n            }\r\n            <span class=\"ml-2\">\u9009\u62E9</span>\r\n        </button>\r\n        @if(filesData&&multiple&&filesData.length > 0){\r\n        @if(!autoUpload){\r\n        <button matButton=\"filled\" color=\"accent\" (click)=\"uploadAll()\"><mat-icon\r\n                [svgIcon]=\"'mat_outline:file_upload'\"></mat-icon><span class=\"ml-2\">\u4E0A\u4F20\u5168\u90E8</span></button>\r\n        }\r\n\r\n        <button matButton=\"filled\" color=\"warn\" (click)=\"removeAll()\"><mat-icon\r\n                [svgIcon]=\"'heroicons_solid:trash'\"></mat-icon><span class=\"ml-2\">\u5220\u9664\u5168\u90E8</span></button>\r\n        }\r\n        }@else {\r\n        <button matIconButton  color=\"primary\" (click)=\"choose()\">\r\n            @if(autoUpload){\r\n            <mat-icon [svgIcon]=\"'mat_outline:file_upload'\"></mat-icon>\r\n            }@else {\r\n            <mat-icon [svgIcon]=\"'mat_outline:add_box'\"></mat-icon>\r\n            }\r\n        </button>\r\n\r\n        @if(filesData&&multiple&&filesData.length > 0){\r\n        @if(!autoUpload){\r\n        <button matIconButton  color=\"accent\" (click)=\"uploadAll()\"><mat-icon\r\n                [svgIcon]=\"'mat_outline:file_upload'\"></mat-icon></button>\r\n        }\r\n\r\n        <button matIconButton  color=\"warn\" (click)=\"removeAll()\"><mat-icon\r\n                [svgIcon]=\"'heroicons_solid:trash'\"></mat-icon></button>\r\n        }\r\n        }\r\n    </mat-card-actions>\r\n    }\r\n\r\n    <mat-card-content>\r\n        <mat-list class=\"border-t\">\r\n            @for (file of filesData; track $index) {\r\n            <mat-list-item class=\"cmat-upload-file-item h-full\">\r\n                <cmat-upload class=\"my-2\" [fileAlias]=\"fileAlias\" [filePath]=\"filePath\" [fileCategory]=\"fileCategory\"\r\n                    [autoUpload]=\"autoUpload\" [editMode]=\"editMode\" [file]=\"file\" [id]=\"file.id||null\" [isPublic]=\"isPublic\"\r\n                    (removeEvent)=\"remove($event)\" (uploadEvent)=\"upload($event)\"></cmat-upload>\r\n            </mat-list-item>\r\n            }\r\n        </mat-list>\r\n    </mat-card-content>\r\n</mat-card>\r\n" }]
+            args: [{ selector: 'cmat-upload-queue', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, exportAs: 'cmatUploadQueue', imports: [MatCardModule, MatListModule, MatButtonModule, MatIconModule, CmatUploadComponent], template: "<mat-card>\r\n    <mat-card-header>\r\n        <mat-card-title>\r\n            <legend class=\"text-lg\">\r\n                {{title}}\r\n                @if(required){\r\n                <span>*</span>\r\n                }\r\n            </legend>\r\n        </mat-card-title>\r\n    </mat-card-header>\r\n    <input type=\"file\" class=\"hidden\" [id]=\"id\" [multiple]=\"multiple\" [accept]=\"accept\" />\r\n\r\n    @if(editMode){\r\n    <mat-card-actions class=\"flex flex-row gap-1 print:hidden\">\r\n        @if(!isHandSet()){\r\n        <button matButton=\"filled\" color=\"primary\" (click)=\"choose()\">\r\n            @if(autoUpload){\r\n            <mat-icon [svgIcon]=\"'mat_outline:file_upload'\"></mat-icon>\r\n            }@else {\r\n            <mat-icon [svgIcon]=\"'mat_outline:add_box'\"></mat-icon>\r\n            }\r\n            <span class=\"ml-2\">\u9009\u62E9</span>\r\n        </button>\r\n        @if(fileDataSource()&&multiple&&fileDataSource().length > 0){\r\n        @if(!autoUpload){\r\n        <button matButton=\"filled\" color=\"accent\" (click)=\"uploadAll()\"><mat-icon\r\n                [svgIcon]=\"'mat_outline:file_upload'\"></mat-icon><span class=\"ml-2\">\u4E0A\u4F20\u5168\u90E8</span></button>\r\n        }\r\n\r\n        <button matButton=\"filled\" color=\"warn\" (click)=\"removeAll()\"><mat-icon\r\n                [svgIcon]=\"'heroicons_solid:trash'\"></mat-icon><span class=\"ml-2\">\u5220\u9664\u5168\u90E8</span></button>\r\n        }\r\n        }@else {\r\n        <button matIconButton  color=\"primary\" (click)=\"choose()\">\r\n            @if(autoUpload){\r\n            <mat-icon [svgIcon]=\"'mat_outline:file_upload'\"></mat-icon>\r\n            }@else {\r\n            <mat-icon [svgIcon]=\"'mat_outline:add_box'\"></mat-icon>\r\n            }\r\n        </button>\r\n\r\n        @if(fileDataSource()&&multiple&&fileDataSource().length > 0){\r\n        @if(!autoUpload){\r\n        <button matIconButton  color=\"accent\" (click)=\"uploadAll()\"><mat-icon\r\n                [svgIcon]=\"'mat_outline:file_upload'\"></mat-icon></button>\r\n        }\r\n\r\n        <button matIconButton  color=\"warn\" (click)=\"removeAll()\"><mat-icon\r\n                [svgIcon]=\"'heroicons_solid:trash'\"></mat-icon></button>\r\n        }\r\n        }\r\n    </mat-card-actions>\r\n    }\r\n\r\n    <mat-card-content>\r\n        <mat-list class=\"border-t\">\r\n            @for (file of fileDataSource(); track $index) {\r\n            <mat-list-item class=\"cmat-upload-file-item h-full\">\r\n                <cmat-upload class=\"my-2\" [fileAlias]=\"fileAlias\" [filePath]=\"filePath\" [fileCategory]=\"fileCategory\"\r\n                    [autoUpload]=\"autoUpload\" [editMode]=\"editMode\" [file]=\"file\" [id]=\"file.id||null\" [isPublic]=\"isPublic\"\r\n                    (removeEvent)=\"remove($event)\" (uploadEvent)=\"upload($event)\"></cmat-upload>\r\n            </mat-list-item>\r\n            }\r\n        </mat-list>\r\n    </mat-card-content>\r\n</mat-card>\r\n" }]
         }], ctorParameters: () => [], propDecorators: { fileUploads: [{
                 type: ViewChildren,
                 args: [forwardRef(() => CmatUploadComponent)]

package/fesm2022/cmat-components-upload.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"cmat-components-upload.mjs","sources":["../../../projects/cmat/components/upload/files.util.service.ts","../../../projects/cmat/components/upload/upload.component.ts","../../../projects/cmat/components/upload/upload.component.html","../../../projects/cmat/components/upload/upload-queue/upload-queue.component.ts","../../../projects/cmat/components/upload/upload-queue/upload-queue.component.html","../../../projects/cmat/components/upload/cmat-components-upload.ts"],"sourcesContent":["import { HttpClient, HttpEvent, HttpResponse } from '@angular/common/http';\r\nimport { DestroyRef, Injectable, inject } from '@angular/core';\r\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\r\nimport { IUrlStateConfig, CmatUrlStateConfigService } from 'cmat/services/config';\r\nimport { CmatUtilsService } from 'cmat/services/utils';\r\nimport { Observable, catchError, map, tap } from 'rxjs';\r\nimport { FileListModel } from './files.type';\r\n\r\n@Injectable({\r\n    providedIn: 'root'\r\n})\r\nexport class CmatFilesUtilService {\r\n    private _http = inject(HttpClient);\r\n    private _urlStateConfigService = inject(CmatUrlStateConfigService);\r\n    private readonly _destroyRef = inject(DestroyRef);\r\n\r\n    private _config: IUrlStateConfig;\r\n\r\n    constructor() {\r\n        this._urlStateConfigService.config$\r\n            .pipe(takeUntilDestroyed(this._destroyRef))\r\n            .subscribe((config: IUrlStateConfig) => {\r\n                this._config = config;\r\n            });\r\n    }\r\n\r\n    downloadFile(fileId: string, isStream: boolean = true): Observable<HttpResponse<Blob>> {\r\n        return this._http.get(`${this._config.fileUrl}/download/${fileId}`, {\r\n            headers: CmatUtilsService.getRequestCryptoHeaders(fileId),\r\n            observe: 'response',\r\n            reportProgress: true,\r\n            responseType: 'blob',\r\n            params: {\r\n                isStream\r\n            }\r\n        },).pipe(\r\n            catchError(CmatUtilsService.handleError));\r\n    }\r\n\r\n    downloadFileZip(fileIds?: string[]): Observable<HttpResponse<Blob>> {\r\n        return this._http.post(`${this._config.fileUrl}/download`, fileIds, {\r\n            headers: CmatUtilsService.getRequestCryptoHeaders('fileZip'),\r\n            observe: 'response',\r\n            reportProgress: true,\r\n            responseType: 'blob',\r\n        }).pipe(\r\n            catchError(CmatUtilsService.handleError));\r\n    }\r\n\r\n    uploadFile(file: FormData): Observable<HttpEvent<Record<string, unknown>>> {\r\n        return this._http.post<Record<string, unknown>>(`${this._config.fileUrl}/upload`, file, {\r\n            headers: CmatUtilsService.getRequestCryptoHeaders('files'),\r\n            observe: 'events',\r\n            reportProgress: true,\r\n            responseType: 'json'\r\n        }).pipe(\r\n            catchError(CmatUtilsService.handleError));\r\n    }\r\n\r\n    uploadFileToProcessed(file: FormData): Observable<HttpEvent<Record<string, unknown>>> {\r\n        return this._http.post<Record<string, unknown>>(`${this._config.fileUrl}/upload/finish`, file, {\r\n            headers: CmatUtilsService.getRequestCryptoHeaders('files'),\r\n            observe: 'events',\r\n            reportProgress: true,\r\n            responseType: 'json'\r\n        }).pipe(\r\n            catchError(CmatUtilsService.handleError));\r\n    }\r\n\r\n    switchPublic(fileId: string, isPublic: boolean): Observable<Record<string, unknown>> {\r\n        return this._http.patch<Record<string, unknown>>(`${this._config.fileUrl}/switch-public/${fileId}`, {\r\n            id: fileId,\r\n            isPublic\r\n        }, {\r\n            headers: CmatUtilsService.getRequestCryptoHeaders('files-switch-public')\r\n        }).pipe(\r\n            catchError((err): Observable<never> => CmatUtilsService.handleError(err))\r\n        );\r\n    }\r\n\r\n    deleteFile(fileId: string): Observable<Record<string, unknown>> {\r\n        return this._http.delete<Record<string, unknown>>(`${this._config.fileUrl}/${fileId}`, {\r\n            headers: CmatUtilsService.getRequestCryptoHeaders(fileId)\r\n        }).pipe(\r\n            catchError((err): Observable<never> => CmatUtilsService.handleError(err))\r\n        );\r\n    }\r\n\r\n    getFileList(queryData: object, pageIndex: number = -1, pageSize: number = -1): Observable<FileListModel> {\r\n        if (this._config.enableDataProtect) {\r\n            return this._http.post(`${this._config.fileUrl}/${pageIndex}/${pageSize}`,\r\n                CmatUtilsService.getEncryptData(JSON.stringify(queryData)),\r\n                {\r\n                    headers: CmatUtilsService.getRequestCryptoHeaders('fileList'),\r\n                    responseType: 'text'\r\n                }\r\n            )\r\n                .pipe(\r\n                    map((res: string): FileListModel => JSON.parse(CmatUtilsService.getDecryptData(res)) as FileListModel),\r\n                    catchError(err => CmatUtilsService.handleError(err))\r\n                );\r\n        } else {\r\n            return this._http.post<FileListModel>(`${this._config.fileUrl}/${pageIndex}/${pageSize}`, queryData, {\r\n                headers: CmatUtilsService.getRequestCryptoHeaders('fileList'),\r\n                responseType: 'json'\r\n            })\r\n                .pipe(\r\n                    tap((res: FileListModel) => res),\r\n                    catchError(err => CmatUtilsService.handleError(err))\r\n                );\r\n        }\r\n    }\r\n}","import { NgClass } from '@angular/common';\r\nimport { HttpEvent, HttpEventType, HttpResponse } from '@angular/common/http';\r\nimport {\r\n    ChangeDetectionStrategy,\r\n    Component,\r\n    DestroyRef,\r\n    EventEmitter,\r\n    Input,\r\n    OnInit,\r\n    Output,\r\n    ViewEncapsulation,\r\n    inject,\r\n    signal,\r\n} from '@angular/core';\r\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\r\nimport { MatButtonModule } from '@angular/material/button';\r\nimport { MatIconModule } from '@angular/material/icon';\r\nimport { MatProgressBarModule } from '@angular/material/progress-bar';\r\nimport { MatTooltipModule } from '@angular/material/tooltip';\r\nimport { CmatBytesPipe } from 'cmat/pipes/bytes';\r\nimport { CmatUtilsService } from 'cmat/services/utils';\r\nimport { saveAs } from 'file-saver-es';\r\nimport { FileModel } from './files.type';\r\nimport { CmatFilesUtilService } from './files.util.service';\r\n\r\ntype UploadFile = File & { id?: string | null };\r\n\r\n@Component({\r\n    selector: 'cmat-upload',\r\n    templateUrl: './upload.component.html',\r\n    encapsulation: ViewEncapsulation.None,\r\n    changeDetection: ChangeDetectionStrategy.OnPush,\r\n    exportAs: 'cmatUpload',\r\n    imports: [MatButtonModule, MatIconModule, MatProgressBarModule, MatTooltipModule, CmatBytesPipe, NgClass]\r\n})\r\nexport class CmatUploadComponent implements OnInit {\r\n    @Input()\r\n    fileAlias: string = 'fileData';\r\n\r\n    @Input()\r\n    filePath: string = '';\r\n\r\n    @Input()\r\n    fileCategory: string = '';\r\n\r\n    @Input()\r\n    isPublic: boolean = false;\r\n\r\n    @Input()\r\n    editMode: boolean = false;\r\n\r\n    @Input() autoUpload = true;\r\n\r\n    @Input()\r\n    id: string | null = null;\r\n\r\n    @Output() removeEvent = new EventEmitter<CmatUploadComponent>();\r\n    @Output() uploadEvent = new EventEmitter<UploadFile>();\r\n\r\n    readonly progressPercentage = signal(0);\r\n    readonly loaded = signal(0);\r\n    readonly total = signal(0);\r\n    readonly isUploading = signal(false);\r\n\r\n    private _fileService = inject(CmatFilesUtilService);\r\n    private readonly _destroyRef = inject(DestroyRef);\r\n\r\n    private _file: UploadFile;\r\n\r\n    @Input()\r\n    get file(): UploadFile {\r\n        return this._file;\r\n    }\r\n    set file(file: UploadFile) {\r\n        this._file = file;\r\n        this.total.set(this._file.size);\r\n    }\r\n\r\n    // eslint-disable-next-line @typescript-eslint/member-ordering\r\n    get fileType(): 'csv' | 'gif' | 'word' | 'excel' | 'jpg' | 'outlook' | 'pdf' | 'png' | 'ppt' | 'file' | 'text' | 'video' | 'zip' {\r\n        return CmatUtilsService.getFileType(this.file.type);\r\n    }\r\n\r\n    ngOnInit(): void {\r\n        if (this.autoUpload && this.id === null) {\r\n            this.upload();\r\n        }\r\n    }\r\n\r\n\r\n    upload(): void {\r\n        this.isUploading.set(true);\r\n        const fileModel = {\r\n            id: null,\r\n            fileName: this.file.name,\r\n            length: this.file.size,\r\n            fileCategory: this.fileCategory,\r\n            isPublic: this.isPublic,\r\n            filePath: this.filePath,\r\n            fileType: 'file',\r\n            data: this.file\r\n        } as FileModel;\r\n\r\n        fileModel.fileType = this.fileType;\r\n\r\n        const formData = new FormData();\r\n\r\n        formData.set('fileData', this._file, this._file.name);\r\n        formData.append('fileInfo', JSON.stringify(fileModel));\r\n\r\n        this._fileService.uploadFile(formData).pipe(\r\n            takeUntilDestroyed(this._destroyRef)\r\n        ).subscribe((event: HttpEvent<Record<string, unknown>>) => {\r\n            if (event.type === HttpEventType.UploadProgress && typeof event.total === 'number') {\r\n                this.progressPercentage.set(Math.floor(event.loaded * 100 / event.total));\r\n                this.loaded.set(event.loaded);\r\n                this.total.set(event.total);\r\n            }\r\n            if (event.type === HttpEventType.Response) {\r\n                const fileId = typeof event.body?.id === 'string' ? event.body.id : undefined;\r\n                if (!fileId) {\r\n                    this.isUploading.set(false);\r\n                    return;\r\n                }\r\n\r\n                this.id = fileId;\r\n                this.file.id = fileId;\r\n\r\n                this.isUploading.set(false);\r\n\r\n                this.uploadEvent.emit(this.file);\r\n            }\r\n        });\r\n    }\r\n\r\n    download(): void {\r\n        if (!this.id) return;\r\n        this._fileService.downloadFile(this.id).pipe(\r\n            takeUntilDestroyed(this._destroyRef)\r\n        ).subscribe((file: HttpResponse<Blob>) => {\r\n            saveAs(new Blob([file.body ?? new Blob()], { type: 'text/plain;charset=utf-8' }), this.file.name);\r\n        });\r\n    }\r\n\r\n    remove(): void {\r\n        this.removeEvent.emit(this);\r\n    }\r\n}","<div class=\"flex flex-col\">\r\n  <div class=\"flex flex-row items-center\">\r\n    <span class=\"flex items-center px-1\">\r\n      <mat-icon class=\"icon-size-6 text-hint\"\r\n                              [svgIcon]=\"fileType\"></mat-icon>\r\n    </span>\r\n    <span matTooltip=\"{{file.name}}\"\r\n      class=\"text-sm flex flex-auto whitespace-nowrap overflow-x-hidden text-ellipsis\">{{file.name}}({{file.size | cmatBytes}})</span>\r\n    <span class=\"flex flex-row gap-1 print:hidden\">\r\n      @if(id===null){\r\n      <button matIconButton  color=\"primary\" class=\"w-8 min-h-8 h-8 max-w-8\" [ngClass]=\"{'disabled' : isUploading()}\"\r\n        (click)=\"upload()\">\r\n        <mat-icon class=\"icon-size-5\" [svgIcon]=\"'mat_outline:file_upload'\"></mat-icon>\r\n      </button>\r\n      }\r\n\r\n      @if(id!==null){\r\n      <button matIconButton  color=\"primary\" class=\"w-8 min-h-8 h-8 max-w-8\" (click)=\"download()\">\r\n        <mat-icon class=\"icon-size-5\" [svgIcon]=\"'mat_outline:file_download'\"></mat-icon>\r\n      </button>\r\n      }\r\n\r\n      @if(editMode){\r\n      <button matIconButton  color=\"warn\" class=\"w-8 min-h-8 h-8 max-w-8\" (click)=\"remove()\">\r\n        <mat-icon class=\"icon-size-5\" [svgIcon]=\"'heroicons_solid:trash'\"></mat-icon>\r\n      </button>\r\n      }\r\n    </span>\r\n  </div>\r\n  @if(id===null){\r\n      <mat-progress-bar [value]=\"progressPercentage()\"></mat-progress-bar>\r\n  <div class=\"text-sm block whitespace-nowrap overflow-x-hidden text-ellipsis\">\r\n    <span>{{progressPercentage()}}%</span><span> {{loaded() | cmatBytes}} of {{total() | cmatBytes}}</span>\r\n  </div>\r\n  }\r\n</div>\r\n","import { AfterViewInit, ChangeDetectionStrategy, Component, DestroyRef, ElementRef, EventEmitter, HostListener, Input, Output, QueryList, ViewChildren, ViewEncapsulation, forwardRef, inject, signal } from '@angular/core';\r\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\r\nimport { MatButtonModule } from '@angular/material/button';\r\nimport { MatCardModule } from '@angular/material/card';\r\nimport { MatIconModule } from '@angular/material/icon';\r\nimport { MatListModule } from '@angular/material/list';\r\nimport { CmatMediaWatcherService } from 'cmat/services/media-watcher';\r\nimport { CmatUploadComponent } from '../upload.component';\r\n\r\nexport type UploadQueueFile = File & { id?: string | null };\r\n\r\n@Component({\r\n    selector: 'cmat-upload-queue',\r\n    templateUrl: './upload-queue.component.html',\r\n    encapsulation: ViewEncapsulation.None,\r\n    changeDetection: ChangeDetectionStrategy.OnPush,\r\n    exportAs: 'cmatUploadQueue',\r\n    imports: [MatCardModule, MatListModule, MatButtonModule, MatIconModule, CmatUploadComponent]\r\n})\r\nexport class CmatUploadQueueComponent implements AfterViewInit {\r\n    @ViewChildren(forwardRef(() => CmatUploadComponent)) fileUploads: QueryList<CmatUploadComponent>;\r\n    @Input()\r\n    fileAlias: string = 'fileData';\r\n\r\n    @Input()\r\n    filePath: string = '';\r\n    @Input()\r\n    fileCategory: string;\r\n\r\n    @Input()\r\n    isPublic: boolean = false;\r\n\r\n    @Input()\r\n    required: boolean = false;\r\n\r\n    @Input()\r\n    autoUpload: boolean = true;\r\n\r\n    @Input() multiple: boolean = true;\r\n    @Input() accept: string = '';\r\n    @Input() title: string = '附件';\r\n    @Input() editMode: boolean = false;\r\n    @Input()\r\n    filesData: UploadQueueFile[] = [];\r\n\r\n    @Output() outputRemoveIdEvent = new EventEmitter<string>();\r\n    @Output() outputUploadIdEvent = new EventEmitter<string>();\r\n    @Output() outputFilesDataEvent = new EventEmitter<UploadQueueFile[]>();\r\n\r\n    public id = 'cmatupload-' + crypto.randomUUID().slice(0, 8);\r\n\r\n    readonly isHandSet = signal(false);\r\n\r\n    private _cmatMediaWatcherService = inject(CmatMediaWatcherService);\r\n    private _elementRef = inject<ElementRef<HTMLElement>>(ElementRef);\r\n    private readonly _destroyRef = inject(DestroyRef);\r\n\r\n\r\n    constructor() {\r\n        this._cmatMediaWatcherService.onMediaChange$\r\n            .pipe(takeUntilDestroyed(this._destroyRef))\r\n            .subscribe(({ matchingAliases }): void => {\r\n                this.isHandSet.set(!matchingAliases.includes('lg'));\r\n            });\r\n    }\r\n\r\n    @HostListener('drop', ['$event'])\r\n    onDrop(event: DragEvent): void {\r\n        const files = event.dataTransfer?.files;\r\n\r\n        if (!files) return;\r\n\r\n        for (const file of files) {\r\n            if (this.accept?.includes(file.type))\r\n                this.add(file);\r\n        }\r\n        event.preventDefault();\r\n        event.stopPropagation();\r\n    }\r\n\r\n    @HostListener('dragover', ['$event'])\r\n    onDropOver(event: DragEvent): void {\r\n        event.preventDefault();\r\n    }\r\n\r\n    ngAfterViewInit(): void {\r\n        const fileUpload = this._elementRef.nativeElement.querySelector(`#${this.id}`);\r\n\r\n        if (!(fileUpload instanceof HTMLInputElement)) {\r\n            return;\r\n        }\r\n\r\n        fileUpload.onchange = (): void => {\r\n            for (let index = 0; index < (fileUpload.files?.length ?? 0); index++) {\r\n                const file = fileUpload.files![index];\r\n                this.add(file);\r\n            }\r\n        };\r\n    }\r\n\r\n    add(file: UploadQueueFile): void {\r\n        if (!this.isFileTypeAccepted(file.type)) {\r\n            return;\r\n        }\r\n\r\n        if (!Array.isArray(this.filesData)) {\r\n            this.filesData = [];\r\n        }\r\n\r\n        if (!(!this.multiple && this.filesData.length > 0)) {\r\n            this.filesData = [...this.filesData, file];\r\n        } else if (this.fileUploads.first.id === null) {\r\n            this.filesData = [...this.filesData, file];\r\n            this.fileUploads.first.remove();\r\n        }\r\n\r\n    }\r\n\r\n    upload(event: CmatUploadComponent | UploadQueueFile): void {\r\n        const uploadId = event instanceof CmatUploadComponent ? event.id : event.id;\r\n        this.outputUploadIdEvent.emit(uploadId ?? '');\r\n\r\n        this.outputFilesDataEvent.emit(this.filesData);\r\n    }\r\n\r\n    remove(event: CmatUploadComponent): void {\r\n        if (this.filesData) {\r\n            const index = this.filesData.findIndex((j): boolean => j === event.file);\r\n            if (index > -1) {\r\n                this.filesData.splice(index, 1);\r\n                if (event.file.id) {\r\n                    this.outputRemoveIdEvent.emit(event.file.id);\r\n                }\r\n\r\n                this.outputFilesDataEvent.emit(this.filesData);\r\n            }\r\n\r\n        }\r\n    }\r\n\r\n    uploadAll(): void {\r\n        this.fileUploads.forEach((fileUpload): void => {\r\n            if (fileUpload.id === null) {\r\n                fileUpload.upload();\r\n            }\r\n        });\r\n\r\n    }\r\n\r\n    removeAll(): void {\r\n        this.fileUploads.forEach((fileUpload): void => { fileUpload.remove() });\r\n    }\r\n\r\n    choose(): void {\r\n        this._elementRef.nativeElement.querySelector(`#${this.id}`)?.dispatchEvent(new MouseEvent('click'));\r\n    }\r\n\r\n    private isFileTypeAccepted(fileType: string): boolean {\r\n        if (!this.accept || this.accept === '') {\r\n            return true;\r\n        }\r\n\r\n        const acceptedTypes = this.accept.split(',').map(type => type.trim());\r\n\r\n        return acceptedTypes.some((type): boolean => {\r\n            if (type.endsWith('/*')) {\r\n                const prefix = type.slice(0, -1);\r\n                return fileType.startsWith(prefix);\r\n            }\r\n            return fileType === type;\r\n        });\r\n    }\r\n}","<mat-card>\r\n    <mat-card-header>\r\n        <mat-card-title>\r\n            <legend class=\"text-lg\">\r\n                {{title}}\r\n                @if(required){\r\n                <span>*</span>\r\n                }\r\n            </legend>\r\n        </mat-card-title>\r\n    </mat-card-header>\r\n    <input type=\"file\" class=\"hidden\" [id]=\"id\" [multiple]=\"multiple\" [accept]=\"accept\" />\r\n\r\n    @if(editMode){\r\n    <mat-card-actions class=\"flex flex-row gap-1 print:hidden\">\r\n        @if(!isHandSet()){\r\n        <button matButton=\"filled\" color=\"primary\" (click)=\"choose()\">\r\n            @if(autoUpload){\r\n            <mat-icon [svgIcon]=\"'mat_outline:file_upload'\"></mat-icon>\r\n            }@else {\r\n            <mat-icon [svgIcon]=\"'mat_outline:add_box'\"></mat-icon>\r\n            }\r\n            <span class=\"ml-2\">选择</span>\r\n        </button>\r\n        @if(filesData&&multiple&&filesData.length > 0){\r\n        @if(!autoUpload){\r\n        <button matButton=\"filled\" color=\"accent\" (click)=\"uploadAll()\"><mat-icon\r\n                [svgIcon]=\"'mat_outline:file_upload'\"></mat-icon><span class=\"ml-2\">上传全部</span></button>\r\n        }\r\n\r\n        <button matButton=\"filled\" color=\"warn\" (click)=\"removeAll()\"><mat-icon\r\n                [svgIcon]=\"'heroicons_solid:trash'\"></mat-icon><span class=\"ml-2\">删除全部</span></button>\r\n        }\r\n        }@else {\r\n        <button matIconButton  color=\"primary\" (click)=\"choose()\">\r\n            @if(autoUpload){\r\n            <mat-icon [svgIcon]=\"'mat_outline:file_upload'\"></mat-icon>\r\n            }@else {\r\n            <mat-icon [svgIcon]=\"'mat_outline:add_box'\"></mat-icon>\r\n            }\r\n        </button>\r\n\r\n        @if(filesData&&multiple&&filesData.length > 0){\r\n        @if(!autoUpload){\r\n        <button matIconButton  color=\"accent\" (click)=\"uploadAll()\"><mat-icon\r\n                [svgIcon]=\"'mat_outline:file_upload'\"></mat-icon></button>\r\n        }\r\n\r\n        <button matIconButton  color=\"warn\" (click)=\"removeAll()\"><mat-icon\r\n                [svgIcon]=\"'heroicons_solid:trash'\"></mat-icon></button>\r\n        }\r\n        }\r\n    </mat-card-actions>\r\n    }\r\n\r\n    <mat-card-content>\r\n        <mat-list class=\"border-t\">\r\n            @for (file of filesData; track $index) {\r\n            <mat-list-item class=\"cmat-upload-file-item h-full\">\r\n                <cmat-upload class=\"my-2\" [fileAlias]=\"fileAlias\" [filePath]=\"filePath\" [fileCategory]=\"fileCategory\"\r\n                    [autoUpload]=\"autoUpload\" [editMode]=\"editMode\" [file]=\"file\" [id]=\"file.id||null\" [isPublic]=\"isPublic\"\r\n                    (removeEvent)=\"remove($event)\" (uploadEvent)=\"upload($event)\"></cmat-upload>\r\n            </mat-list-item>\r\n            }\r\n        </mat-list>\r\n    </mat-card-content>\r\n</mat-card>\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1","i3","i2"],"mappings":"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"}
+{"version":3,"file":"cmat-components-upload.mjs","sources":["../../../projects/cmat/components/upload/files.util.service.ts","../../../projects/cmat/components/upload/upload.component.ts","../../../projects/cmat/components/upload/upload.component.html","../../../projects/cmat/components/upload/upload-queue/upload-queue.component.ts","../../../projects/cmat/components/upload/upload-queue/upload-queue.component.html","../../../projects/cmat/components/upload/cmat-components-upload.ts"],"sourcesContent":["import { HttpClient, HttpEvent, HttpResponse } from '@angular/common/http';\r\nimport { DestroyRef, Injectable, inject } from '@angular/core';\r\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\r\nimport { IUrlStateConfig, CmatUrlStateConfigService } from 'cmat/services/config';\r\nimport { CmatUtilsService } from 'cmat/services/utils';\r\nimport { Observable, catchError, map, tap } from 'rxjs';\r\nimport { FileListModel } from './files.type';\r\n\r\n@Injectable({\r\n    providedIn: 'root'\r\n})\r\nexport class CmatFilesUtilService {\r\n    private _http = inject(HttpClient);\r\n    private _urlStateConfigService = inject(CmatUrlStateConfigService);\r\n    private readonly _destroyRef = inject(DestroyRef);\r\n\r\n    private _config: IUrlStateConfig;\r\n\r\n    constructor() {\r\n        this._urlStateConfigService.config$\r\n            .pipe(takeUntilDestroyed(this._destroyRef))\r\n            .subscribe((config: IUrlStateConfig) => {\r\n                this._config = config;\r\n            });\r\n    }\r\n\r\n    downloadFile(fileId: string, isStream: boolean = true): Observable<HttpResponse<Blob>> {\r\n        return this._http.get(`${this._config.fileUrl}/download/${fileId}`, {\r\n            headers: CmatUtilsService.getRequestCryptoHeaders(fileId),\r\n            observe: 'response',\r\n            reportProgress: true,\r\n            responseType: 'blob',\r\n            params: {\r\n                isStream\r\n            }\r\n        },).pipe(\r\n            catchError(CmatUtilsService.handleError));\r\n    }\r\n\r\n    downloadFileZip(fileIds?: string[]): Observable<HttpResponse<Blob>> {\r\n        return this._http.post(`${this._config.fileUrl}/download`, fileIds, {\r\n            headers: CmatUtilsService.getRequestCryptoHeaders('fileZip'),\r\n            observe: 'response',\r\n            reportProgress: true,\r\n            responseType: 'blob',\r\n        }).pipe(\r\n            catchError(CmatUtilsService.handleError));\r\n    }\r\n\r\n    uploadFile(file: FormData): Observable<HttpEvent<Record<string, unknown>>> {\r\n        return this._http.post<Record<string, unknown>>(`${this._config.fileUrl}/upload`, file, {\r\n            headers: CmatUtilsService.getRequestCryptoHeaders('files'),\r\n            observe: 'events',\r\n            reportProgress: true,\r\n            responseType: 'json'\r\n        }).pipe(\r\n            catchError(CmatUtilsService.handleError));\r\n    }\r\n\r\n    uploadFileToProcessed(file: FormData): Observable<HttpEvent<Record<string, unknown>>> {\r\n        return this._http.post<Record<string, unknown>>(`${this._config.fileUrl}/upload/finish`, file, {\r\n            headers: CmatUtilsService.getRequestCryptoHeaders('files'),\r\n            observe: 'events',\r\n            reportProgress: true,\r\n            responseType: 'json'\r\n        }).pipe(\r\n            catchError(CmatUtilsService.handleError));\r\n    }\r\n\r\n    switchPublic(fileId: string, isPublic: boolean): Observable<Record<string, unknown>> {\r\n        return this._http.patch<Record<string, unknown>>(`${this._config.fileUrl}/switch-public/${fileId}`, {\r\n            id: fileId,\r\n            isPublic\r\n        }, {\r\n            headers: CmatUtilsService.getRequestCryptoHeaders('files-switch-public')\r\n        }).pipe(\r\n            catchError((err): Observable<never> => CmatUtilsService.handleError(err))\r\n        );\r\n    }\r\n\r\n    deleteFile(fileId: string): Observable<Record<string, unknown>> {\r\n        return this._http.delete<Record<string, unknown>>(`${this._config.fileUrl}/${fileId}`, {\r\n            headers: CmatUtilsService.getRequestCryptoHeaders(fileId)\r\n        }).pipe(\r\n            catchError((err): Observable<never> => CmatUtilsService.handleError(err))\r\n        );\r\n    }\r\n\r\n    getFileList(queryData: object, pageIndex: number = -1, pageSize: number = -1): Observable<FileListModel> {\r\n        if (this._config.enableDataProtect) {\r\n            return this._http.post(`${this._config.fileUrl}/${pageIndex}/${pageSize}`,\r\n                CmatUtilsService.getEncryptData(JSON.stringify(queryData)),\r\n                {\r\n                    headers: CmatUtilsService.getRequestCryptoHeaders('fileList'),\r\n                    responseType: 'text'\r\n                }\r\n            )\r\n                .pipe(\r\n                    map((res: string): FileListModel => JSON.parse(CmatUtilsService.getDecryptData(res)) as FileListModel),\r\n                    catchError(err => CmatUtilsService.handleError(err))\r\n                );\r\n        } else {\r\n            return this._http.post<FileListModel>(`${this._config.fileUrl}/${pageIndex}/${pageSize}`, queryData, {\r\n                headers: CmatUtilsService.getRequestCryptoHeaders('fileList'),\r\n                responseType: 'json'\r\n            })\r\n                .pipe(\r\n                    tap((res: FileListModel) => res),\r\n                    catchError(err => CmatUtilsService.handleError(err))\r\n                );\r\n        }\r\n    }\r\n}","import { NgClass } from '@angular/common';\r\nimport { HttpEvent, HttpEventType, HttpResponse } from '@angular/common/http';\r\nimport {\r\n    ChangeDetectionStrategy,\r\n    Component,\r\n    DestroyRef,\r\n    EventEmitter,\r\n    Input,\r\n    OnInit,\r\n    Output,\r\n    ViewEncapsulation,\r\n    inject,\r\n    signal,\r\n} from '@angular/core';\r\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\r\nimport { MatButtonModule } from '@angular/material/button';\r\nimport { MatIconModule } from '@angular/material/icon';\r\nimport { MatProgressBarModule } from '@angular/material/progress-bar';\r\nimport { MatTooltipModule } from '@angular/material/tooltip';\r\nimport { CmatBytesPipe } from 'cmat/pipes/bytes';\r\nimport { CmatUtilsService } from 'cmat/services/utils';\r\nimport { saveAs } from 'file-saver-es';\r\nimport { FileModel } from './files.type';\r\nimport { CmatFilesUtilService } from './files.util.service';\r\n\r\n@Component({\r\n    selector: 'cmat-upload',\r\n    templateUrl: './upload.component.html',\r\n    encapsulation: ViewEncapsulation.None,\r\n    changeDetection: ChangeDetectionStrategy.OnPush,\r\n    exportAs: 'cmatUpload',\r\n    imports: [MatButtonModule, MatIconModule, MatProgressBarModule, MatTooltipModule, CmatBytesPipe, NgClass]\r\n})\r\nexport class CmatUploadComponent implements OnInit {\r\n    @Input()\r\n    fileAlias: string = 'fileData';\r\n\r\n    @Input()\r\n    filePath: string = '';\r\n\r\n    @Input()\r\n    fileCategory: string = '';\r\n\r\n    @Input()\r\n    isPublic: boolean = false;\r\n\r\n    @Input()\r\n    editMode: boolean = false;\r\n\r\n    @Input() autoUpload = true;\r\n\r\n    @Input()\r\n    id: string | null = null;\r\n\r\n    @Output() removeEvent = new EventEmitter<CmatUploadComponent>();\r\n    @Output() uploadEvent = new EventEmitter<FileModel>();\r\n\r\n    readonly progressPercentage = signal(0);\r\n    readonly loaded = signal(0);\r\n    readonly total = signal(0);\r\n    readonly isUploading = signal(false);\r\n\r\n    private _fileService = inject(CmatFilesUtilService);\r\n    private readonly _destroyRef = inject(DestroyRef);\r\n\r\n    private _file: FileModel;\r\n\r\n    @Input()\r\n    get file(): FileModel {\r\n        return this._file;\r\n    }\r\n\r\n    set file(file: FileModel) {\r\n        this._file = file;\r\n        this.total.set(this._file.size as number);\r\n    }\r\n\r\n    // eslint-disable-next-line @typescript-eslint/member-ordering\r\n    get fileType(): 'csv' | 'gif' | 'word' | 'excel' | 'jpg' | 'outlook' | 'pdf' | 'png' | 'ppt' | 'file' | 'text' | 'video' | 'zip' {\r\n        return CmatUtilsService.getFileType(this.file.type as string);\r\n    }\r\n\r\n    // eslint-disable-next-line @typescript-eslint/member-ordering\r\n    get fileSize(): number {\r\n        return Number(this.file.size);\r\n    }\r\n\r\n    ngOnInit(): void {\r\n        if (this.autoUpload && this.id === null) {\r\n            this.upload();\r\n        }\r\n    }\r\n\r\n\r\n    upload(): void {\r\n        this.isUploading.set(true);\r\n        const fileModel = {\r\n            id: null,\r\n            fileName: this.file.name,\r\n            length: this.file.size,\r\n            fileCategory: this.fileCategory,\r\n            isPublic: this.isPublic,\r\n            filePath: this.filePath,\r\n            fileType: this.fileType,\r\n            data: this._file\r\n        } as FileModel;\r\n\r\n\r\n        const formData = new FormData();\r\n\r\n        if (this._file.data) {\r\n            formData.set(this.fileAlias, this._file.data as Blob, this._file.fileName);\r\n        }\r\n\r\n        formData.append('fileInfo', JSON.stringify(fileModel));\r\n\r\n        this._fileService.uploadFile(formData).pipe(\r\n            takeUntilDestroyed(this._destroyRef)\r\n        ).subscribe((event: HttpEvent<Record<string, unknown>>) => {\r\n            if (event.type === HttpEventType.UploadProgress && typeof event.total === 'number') {\r\n                this.progressPercentage.set(Math.floor(event.loaded * 100 / event.total));\r\n                this.loaded.set(event.loaded);\r\n                this.total.set(event.total);\r\n            }\r\n            if (event.type === HttpEventType.Response) {\r\n                const fileId = typeof event.body?.id === 'string' ? event.body.id : undefined;\r\n                if (!fileId) {\r\n                    this.isUploading.set(false);\r\n                    return;\r\n                }\r\n\r\n                this.id = fileId;\r\n                this.file.id = fileId;\r\n\r\n                this.isUploading.set(false);\r\n\r\n                this.uploadEvent.emit(this.file);\r\n            }\r\n        });\r\n    }\r\n\r\n    download(): void {\r\n        if (!this.id) return;\r\n        this._fileService.downloadFile(this.id).pipe(\r\n            takeUntilDestroyed(this._destroyRef)\r\n        ).subscribe((file: HttpResponse<Blob>) => {\r\n            saveAs(new Blob([file.body ?? new Blob()], { type: 'text/plain;charset=utf-8' }), this.file.name as string);\r\n        });\r\n    }\r\n\r\n    remove(): void {\r\n        this.removeEvent.emit(this);\r\n    }\r\n}","<div class=\"flex flex-col\">\r\n  <div class=\"flex flex-row items-center\">\r\n    <span class=\"flex items-center px-1\">\r\n      <mat-icon class=\"icon-size-6 text-hint\" [svgIcon]=\"fileType\"></mat-icon>\r\n    </span>\r\n    <span matTooltip=\"{{file.name}}\"\r\n      class=\"text-sm flex flex-auto whitespace-nowrap overflow-x-hidden text-ellipsis\">{{file.name}}({{fileSize |\r\n      cmatBytes}})</span>\r\n    <span class=\"flex flex-row gap-1 print:hidden\">\r\n      @if(id===null){\r\n      <button matIconButton color=\"primary\" class=\"w-8 min-h-8 h-8 max-w-8\" [ngClass]=\"{'disabled' : isUploading()}\"\r\n        (click)=\"upload()\">\r\n        <mat-icon class=\"icon-size-5\" [svgIcon]=\"'mat_outline:file_upload'\"></mat-icon>\r\n      </button>\r\n      }\r\n\r\n      @if(id!==null){\r\n      <button matIconButton color=\"primary\" class=\"w-8 min-h-8 h-8 max-w-8\" (click)=\"download()\">\r\n        <mat-icon class=\"icon-size-5\" [svgIcon]=\"'mat_outline:file_download'\"></mat-icon>\r\n      </button>\r\n      }\r\n\r\n      @if(editMode){\r\n      <button matIconButton color=\"warn\" class=\"w-8 min-h-8 h-8 max-w-8\" (click)=\"remove()\">\r\n        <mat-icon class=\"icon-size-5\" [svgIcon]=\"'heroicons_solid:trash'\"></mat-icon>\r\n      </button>\r\n      }\r\n    </span>\r\n  </div>\r\n  @if(id===null){\r\n  <mat-progress-bar [value]=\"progressPercentage()\"></mat-progress-bar>\r\n  <div class=\"text-sm block whitespace-nowrap overflow-x-hidden text-ellipsis\">\r\n    <span>{{progressPercentage()}}%</span><span> {{loaded() | cmatBytes}} of {{total() | cmatBytes}}</span>\r\n  </div>\r\n  }\r\n</div>","import { AfterViewInit, ChangeDetectionStrategy, Component, DestroyRef, ElementRef, EventEmitter, HostListener, Input, OnChanges, Output, QueryList, SimpleChanges, ViewChildren, ViewEncapsulation, forwardRef, inject, signal } from '@angular/core';\r\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\r\nimport { MatButtonModule } from '@angular/material/button';\r\nimport { MatCardModule } from '@angular/material/card';\r\nimport { MatIconModule } from '@angular/material/icon';\r\nimport { MatListModule } from '@angular/material/list';\r\nimport { CmatMediaWatcherService } from 'cmat/services/media-watcher';\r\nimport { FileModel } from '../files.type';\r\nimport { CmatUploadComponent } from '../upload.component';\r\n\r\n@Component({\r\n    selector: 'cmat-upload-queue',\r\n    templateUrl: './upload-queue.component.html',\r\n    encapsulation: ViewEncapsulation.None,\r\n    changeDetection: ChangeDetectionStrategy.OnPush,\r\n    exportAs: 'cmatUploadQueue',\r\n    imports: [MatCardModule, MatListModule, MatButtonModule, MatIconModule, CmatUploadComponent]\r\n})\r\nexport class CmatUploadQueueComponent implements AfterViewInit, OnChanges {\r\n    @ViewChildren(forwardRef(() => CmatUploadComponent)) fileUploads: QueryList<CmatUploadComponent>;\r\n    @Input()\r\n    fileAlias: string = 'fileData';\r\n\r\n    @Input()\r\n    filePath: string = '';\r\n    @Input()\r\n    fileCategory: string;\r\n\r\n    @Input()\r\n    isPublic: boolean = false;\r\n\r\n    @Input()\r\n    required: boolean = false;\r\n\r\n    @Input()\r\n    autoUpload: boolean = true;\r\n\r\n    @Input() multiple: boolean = true;\r\n    @Input() accept: string = '';\r\n    @Input() title: string = '附件';\r\n    @Input() editMode: boolean = false;\r\n    @Input()\r\n    filesData: FileModel[] = [];\r\n\r\n    @Output() outputRemoveIdEvent = new EventEmitter<string>();\r\n    @Output() outputUploadIdEvent = new EventEmitter<string>();\r\n    @Output() outputFilesDataEvent = new EventEmitter<FileModel[]>();\r\n\r\n    public id = 'cmatupload-' + crypto.randomUUID().slice(0, 8);\r\n\r\n    readonly isHandSet = signal(false);\r\n    readonly fileDataSource = signal<FileModel[]>([]);\r\n\r\n    private _cmatMediaWatcherService = inject(CmatMediaWatcherService);\r\n    private _elementRef = inject<ElementRef<HTMLElement>>(ElementRef);\r\n    private readonly _destroyRef = inject(DestroyRef);\r\n\r\n\r\n    constructor() {\r\n        this._cmatMediaWatcherService.onMediaChange$\r\n            .pipe(takeUntilDestroyed(this._destroyRef))\r\n            .subscribe(({ matchingAliases }): void => {\r\n                this.isHandSet.set(!matchingAliases.includes('lg'));\r\n            });\r\n    }\r\n\r\n    @HostListener('drop', ['$event'])\r\n    onDrop(event: DragEvent): void {\r\n        const files = event.dataTransfer?.files;\r\n\r\n        if (!files) return;\r\n\r\n        for (const file of files) {\r\n            if (this.accept?.includes(file.type))\r\n                this.add(file);\r\n        }\r\n        event.preventDefault();\r\n        event.stopPropagation();\r\n    }\r\n\r\n    @HostListener('dragover', ['$event'])\r\n    onDropOver(event: DragEvent): void {\r\n        event.preventDefault();\r\n    }\r\n\r\n    ngOnChanges(changes: SimpleChanges): void {\r\n        if (changes['filesData']) {\r\n            this.fileDataSource.set(this.filesData);\r\n        }\r\n    }\r\n\r\n    ngAfterViewInit(): void {\r\n        const fileUpload = this._elementRef.nativeElement.querySelector(`#${this.id}`);\r\n\r\n        if (!(fileUpload instanceof HTMLInputElement)) {\r\n            return;\r\n        }\r\n\r\n        fileUpload.onchange = (): void => {\r\n            for (let index = 0; index < (fileUpload.files?.length ?? 0); index++) {\r\n                const file = fileUpload.files![index];\r\n                this.add(file);\r\n            }\r\n        };\r\n    }\r\n\r\n    add(file: File): void {\r\n        if (!this.isFileTypeAccepted(file.type)) {\r\n            return;\r\n        }\r\n\r\n        if (!Array.isArray(this.filesData)) {\r\n            this.filesData = [];\r\n        }\r\n\r\n        if (!(!this.multiple && this.filesData.length > 0)) {\r\n            this.filesData = [...this.filesData, file] as FileModel[];\r\n        } else if (this.fileUploads.first.id === null) {\r\n            this.filesData = [...this.filesData, file] as FileModel[];\r\n            this.fileUploads.first.remove();\r\n        }\r\n\r\n        this.fileDataSource.set(this.filesData);\r\n    }\r\n\r\n    upload(event: FileModel): void {\r\n        this.outputUploadIdEvent.emit(event.id ?? '');\r\n\r\n        this.outputFilesDataEvent.emit(this.filesData);\r\n\r\n        this.fileDataSource.set(this.filesData);\r\n    }\r\n\r\n    remove(event: CmatUploadComponent): void {\r\n        if (this.filesData) {\r\n            const index = this.filesData.findIndex((j): boolean => j === event.file);\r\n            if (index > -1) {\r\n                this.filesData.splice(index, 1);\r\n                if (event.file.id) {\r\n                    this.outputRemoveIdEvent.emit(event.file.id);\r\n                }\r\n\r\n                this.outputFilesDataEvent.emit(this.filesData);\r\n\r\n                this.fileDataSource.set(this.filesData);\r\n            }\r\n\r\n        }\r\n    }\r\n\r\n    uploadAll(): void {\r\n        this.fileUploads.forEach((fileUpload): void => {\r\n            if (fileUpload.id === null) {\r\n                fileUpload.upload();\r\n            }\r\n        });\r\n\r\n    }\r\n\r\n    removeAll(): void {\r\n        this.fileUploads.forEach((fileUpload): void => { fileUpload.remove() });\r\n    }\r\n\r\n    choose(): void {\r\n        this._elementRef.nativeElement.querySelector(`#${this.id}`)?.dispatchEvent(new MouseEvent('click'));\r\n    }\r\n\r\n    private isFileTypeAccepted(fileType: string): boolean {\r\n        if (!this.accept || this.accept === '') {\r\n            return true;\r\n        }\r\n\r\n        const acceptedTypes = this.accept.split(',').map(type => type.trim());\r\n\r\n        return acceptedTypes.some((type): boolean => {\r\n            if (type.endsWith('/*')) {\r\n                const prefix = type.slice(0, -1);\r\n                return fileType.startsWith(prefix);\r\n            }\r\n            return fileType === type;\r\n        });\r\n    }\r\n}","<mat-card>\r\n    <mat-card-header>\r\n        <mat-card-title>\r\n            <legend class=\"text-lg\">\r\n                {{title}}\r\n                @if(required){\r\n                <span>*</span>\r\n                }\r\n            </legend>\r\n        </mat-card-title>\r\n    </mat-card-header>\r\n    <input type=\"file\" class=\"hidden\" [id]=\"id\" [multiple]=\"multiple\" [accept]=\"accept\" />\r\n\r\n    @if(editMode){\r\n    <mat-card-actions class=\"flex flex-row gap-1 print:hidden\">\r\n        @if(!isHandSet()){\r\n        <button matButton=\"filled\" color=\"primary\" (click)=\"choose()\">\r\n            @if(autoUpload){\r\n            <mat-icon [svgIcon]=\"'mat_outline:file_upload'\"></mat-icon>\r\n            }@else {\r\n            <mat-icon [svgIcon]=\"'mat_outline:add_box'\"></mat-icon>\r\n            }\r\n            <span class=\"ml-2\">选择</span>\r\n        </button>\r\n        @if(fileDataSource()&&multiple&&fileDataSource().length > 0){\r\n        @if(!autoUpload){\r\n        <button matButton=\"filled\" color=\"accent\" (click)=\"uploadAll()\"><mat-icon\r\n                [svgIcon]=\"'mat_outline:file_upload'\"></mat-icon><span class=\"ml-2\">上传全部</span></button>\r\n        }\r\n\r\n        <button matButton=\"filled\" color=\"warn\" (click)=\"removeAll()\"><mat-icon\r\n                [svgIcon]=\"'heroicons_solid:trash'\"></mat-icon><span class=\"ml-2\">删除全部</span></button>\r\n        }\r\n        }@else {\r\n        <button matIconButton  color=\"primary\" (click)=\"choose()\">\r\n            @if(autoUpload){\r\n            <mat-icon [svgIcon]=\"'mat_outline:file_upload'\"></mat-icon>\r\n            }@else {\r\n            <mat-icon [svgIcon]=\"'mat_outline:add_box'\"></mat-icon>\r\n            }\r\n        </button>\r\n\r\n        @if(fileDataSource()&&multiple&&fileDataSource().length > 0){\r\n        @if(!autoUpload){\r\n        <button matIconButton  color=\"accent\" (click)=\"uploadAll()\"><mat-icon\r\n                [svgIcon]=\"'mat_outline:file_upload'\"></mat-icon></button>\r\n        }\r\n\r\n        <button matIconButton  color=\"warn\" (click)=\"removeAll()\"><mat-icon\r\n                [svgIcon]=\"'heroicons_solid:trash'\"></mat-icon></button>\r\n        }\r\n        }\r\n    </mat-card-actions>\r\n    }\r\n\r\n    <mat-card-content>\r\n        <mat-list class=\"border-t\">\r\n            @for (file of fileDataSource(); track $index) {\r\n            <mat-list-item class=\"cmat-upload-file-item h-full\">\r\n                <cmat-upload class=\"my-2\" [fileAlias]=\"fileAlias\" [filePath]=\"filePath\" [fileCategory]=\"fileCategory\"\r\n                    [autoUpload]=\"autoUpload\" [editMode]=\"editMode\" [file]=\"file\" [id]=\"file.id||null\" [isPublic]=\"isPublic\"\r\n                    (removeEvent)=\"remove($event)\" (uploadEvent)=\"upload($event)\"></cmat-upload>\r\n            </mat-list-item>\r\n            }\r\n        </mat-list>\r\n    </mat-card-content>\r\n</mat-card>\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1","i3","i2"],"mappings":"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"}

package/fesm2022/cmat.mjs

@@ -3879,10 +3879,9 @@ class CmatQuillTypeComponent extends FieldType {
             isPublic: false,
             fileCategory: 'Quill',
             filePath: this.props.filePath,
-            fileType: 'file',
+            fileType: CmatUtilsService$1.getFileType(file.type),
             data: file
         };
-        fileModel.fileType = CmatUtilsService$1.getFileType(file.type);
         const formData = new FormData();
         formData.set('fileData', file, file.name);
         formData.append('fileInfo', JSON.stringify(fileModel));
@@ -15834,6 +15833,10 @@ class CmatUploadComponent {
     get fileType() {
         return CmatUtilsService$1.getFileType(this.file.type);
     }
+    // eslint-disable-next-line @typescript-eslint/member-ordering
+    get fileSize() {
+        return Number(this.file.size);
+    }
     ngOnInit() {
         if (this.autoUpload && this.id === null) {
             this.upload();
@@ -15848,12 +15851,13 @@ class CmatUploadComponent {
             fileCategory: this.fileCategory,
             isPublic: this.isPublic,
             filePath: this.filePath,
-            fileType: 'file',
-            data: this.file
+            fileType: this.fileType,
+            data: this._file
         };
-        fileModel.fileType = this.fileType;
         const formData = new FormData();
-        formData.set('fileData', this._file, this._file.name);
+        if (this._file.data) {
+            formData.set(this.fileAlias, this._file.data, this._file.fileName);
+        }
         formData.append('fileInfo', JSON.stringify(fileModel));
         this._fileService.uploadFile(formData).pipe(takeUntilDestroyed(this._destroyRef)).subscribe((event) => {
             if (event.type === HttpEventType.UploadProgress && typeof event.total === 'number') {
@@ -15885,11 +15889,11 @@ class CmatUploadComponent {
         this.removeEvent.emit(this);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: CmatUploadComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: CmatUploadComponent, isStandalone: true, selector: "cmat-upload", inputs: { fileAlias: "fileAlias", filePath: "filePath", fileCategory: "fileCategory", isPublic: "isPublic", editMode: "editMode", autoUpload: "autoUpload", id: "id", file: "file" }, outputs: { removeEvent: "removeEvent", uploadEvent: "uploadEvent" }, exportAs: ["cmatUpload"], ngImport: i0, template: "<div class=\"flex flex-col\">\r\n  <div class=\"flex flex-row items-center\">\r\n    <span class=\"flex items-center px-1\">\r\n      <mat-icon class=\"icon-size-6 text-hint\"\r\n                              [svgIcon]=\"fileType\"></mat-icon>\r\n    </span>\r\n    <span matTooltip=\"{{file.name}}\"\r\n      class=\"text-sm flex flex-auto whitespace-nowrap overflow-x-hidden text-ellipsis\">{{file.name}}({{file.size | cmatBytes}})</span>\r\n    <span class=\"flex flex-row gap-1 print:hidden\">\r\n      @if(id===null){\r\n      <button matIconButton  color=\"primary\" class=\"w-8 min-h-8 h-8 max-w-8\" [ngClass]=\"{'disabled' : isUploading()}\"\r\n        (click)=\"upload()\">\r\n        <mat-icon class=\"icon-size-5\" [svgIcon]=\"'mat_outline:file_upload'\"></mat-icon>\r\n      </button>\r\n      }\r\n\r\n      @if(id!==null){\r\n      <button matIconButton  color=\"primary\" class=\"w-8 min-h-8 h-8 max-w-8\" (click)=\"download()\">\r\n        <mat-icon class=\"icon-size-5\" [svgIcon]=\"'mat_outline:file_download'\"></mat-icon>\r\n      </button>\r\n      }\r\n\r\n      @if(editMode){\r\n      <button matIconButton  color=\"warn\" class=\"w-8 min-h-8 h-8 max-w-8\" (click)=\"remove()\">\r\n        <mat-icon class=\"icon-size-5\" [svgIcon]=\"'heroicons_solid:trash'\"></mat-icon>\r\n      </button>\r\n      }\r\n    </span>\r\n  </div>\r\n  @if(id===null){\r\n      <mat-progress-bar [value]=\"progressPercentage()\"></mat-progress-bar>\r\n  <div class=\"text-sm block whitespace-nowrap overflow-x-hidden text-ellipsis\">\r\n    <span>{{progressPercentage()}}%</span><span> {{loaded() | cmatBytes}} of {{total() | cmatBytes}}</span>\r\n  </div>\r\n  }\r\n</div>\r\n", dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1$1.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatProgressBarModule }, { kind: "component", type: i1$g.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i1$b.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: CmatBytesPipe$1, name: "cmatBytes" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: CmatUploadComponent, isStandalone: true, selector: "cmat-upload", inputs: { fileAlias: "fileAlias", filePath: "filePath", fileCategory: "fileCategory", isPublic: "isPublic", editMode: "editMode", autoUpload: "autoUpload", id: "id", file: "file" }, outputs: { removeEvent: "removeEvent", uploadEvent: "uploadEvent" }, exportAs: ["cmatUpload"], ngImport: i0, template: "<div class=\"flex flex-col\">\r\n  <div class=\"flex flex-row items-center\">\r\n    <span class=\"flex items-center px-1\">\r\n      <mat-icon class=\"icon-size-6 text-hint\" [svgIcon]=\"fileType\"></mat-icon>\r\n    </span>\r\n    <span matTooltip=\"{{file.name}}\"\r\n      class=\"text-sm flex flex-auto whitespace-nowrap overflow-x-hidden text-ellipsis\">{{file.name}}({{fileSize |\r\n      cmatBytes}})</span>\r\n    <span class=\"flex flex-row gap-1 print:hidden\">\r\n      @if(id===null){\r\n      <button matIconButton color=\"primary\" class=\"w-8 min-h-8 h-8 max-w-8\" [ngClass]=\"{'disabled' : isUploading()}\"\r\n        (click)=\"upload()\">\r\n        <mat-icon class=\"icon-size-5\" [svgIcon]=\"'mat_outline:file_upload'\"></mat-icon>\r\n      </button>\r\n      }\r\n\r\n      @if(id!==null){\r\n      <button matIconButton color=\"primary\" class=\"w-8 min-h-8 h-8 max-w-8\" (click)=\"download()\">\r\n        <mat-icon class=\"icon-size-5\" [svgIcon]=\"'mat_outline:file_download'\"></mat-icon>\r\n      </button>\r\n      }\r\n\r\n      @if(editMode){\r\n      <button matIconButton color=\"warn\" class=\"w-8 min-h-8 h-8 max-w-8\" (click)=\"remove()\">\r\n        <mat-icon class=\"icon-size-5\" [svgIcon]=\"'heroicons_solid:trash'\"></mat-icon>\r\n      </button>\r\n      }\r\n    </span>\r\n  </div>\r\n  @if(id===null){\r\n  <mat-progress-bar [value]=\"progressPercentage()\"></mat-progress-bar>\r\n  <div class=\"text-sm block whitespace-nowrap overflow-x-hidden text-ellipsis\">\r\n    <span>{{progressPercentage()}}%</span><span> {{loaded() | cmatBytes}} of {{total() | cmatBytes}}</span>\r\n  </div>\r\n  }\r\n</div>", dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1$1.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatProgressBarModule }, { kind: "component", type: i1$g.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i1$b.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: CmatBytesPipe$1, name: "cmatBytes" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: CmatUploadComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'cmat-upload', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, exportAs: 'cmatUpload', imports: [MatButtonModule, MatIconModule, MatProgressBarModule, MatTooltipModule, CmatBytesPipe$1, NgClass], template: "<div class=\"flex flex-col\">\r\n  <div class=\"flex flex-row items-center\">\r\n    <span class=\"flex items-center px-1\">\r\n      <mat-icon class=\"icon-size-6 text-hint\"\r\n                              [svgIcon]=\"fileType\"></mat-icon>\r\n    </span>\r\n    <span matTooltip=\"{{file.name}}\"\r\n      class=\"text-sm flex flex-auto whitespace-nowrap overflow-x-hidden text-ellipsis\">{{file.name}}({{file.size | cmatBytes}})</span>\r\n    <span class=\"flex flex-row gap-1 print:hidden\">\r\n      @if(id===null){\r\n      <button matIconButton  color=\"primary\" class=\"w-8 min-h-8 h-8 max-w-8\" [ngClass]=\"{'disabled' : isUploading()}\"\r\n        (click)=\"upload()\">\r\n        <mat-icon class=\"icon-size-5\" [svgIcon]=\"'mat_outline:file_upload'\"></mat-icon>\r\n      </button>\r\n      }\r\n\r\n      @if(id!==null){\r\n      <button matIconButton  color=\"primary\" class=\"w-8 min-h-8 h-8 max-w-8\" (click)=\"download()\">\r\n        <mat-icon class=\"icon-size-5\" [svgIcon]=\"'mat_outline:file_download'\"></mat-icon>\r\n      </button>\r\n      }\r\n\r\n      @if(editMode){\r\n      <button matIconButton  color=\"warn\" class=\"w-8 min-h-8 h-8 max-w-8\" (click)=\"remove()\">\r\n        <mat-icon class=\"icon-size-5\" [svgIcon]=\"'heroicons_solid:trash'\"></mat-icon>\r\n      </button>\r\n      }\r\n    </span>\r\n  </div>\r\n  @if(id===null){\r\n      <mat-progress-bar [value]=\"progressPercentage()\"></mat-progress-bar>\r\n  <div class=\"text-sm block whitespace-nowrap overflow-x-hidden text-ellipsis\">\r\n    <span>{{progressPercentage()}}%</span><span> {{loaded() | cmatBytes}} of {{total() | cmatBytes}}</span>\r\n  </div>\r\n  }\r\n</div>\r\n" }]
+            args: [{ selector: 'cmat-upload', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, exportAs: 'cmatUpload', imports: [MatButtonModule, MatIconModule, MatProgressBarModule, MatTooltipModule, CmatBytesPipe$1, NgClass], template: "<div class=\"flex flex-col\">\r\n  <div class=\"flex flex-row items-center\">\r\n    <span class=\"flex items-center px-1\">\r\n      <mat-icon class=\"icon-size-6 text-hint\" [svgIcon]=\"fileType\"></mat-icon>\r\n    </span>\r\n    <span matTooltip=\"{{file.name}}\"\r\n      class=\"text-sm flex flex-auto whitespace-nowrap overflow-x-hidden text-ellipsis\">{{file.name}}({{fileSize |\r\n      cmatBytes}})</span>\r\n    <span class=\"flex flex-row gap-1 print:hidden\">\r\n      @if(id===null){\r\n      <button matIconButton color=\"primary\" class=\"w-8 min-h-8 h-8 max-w-8\" [ngClass]=\"{'disabled' : isUploading()}\"\r\n        (click)=\"upload()\">\r\n        <mat-icon class=\"icon-size-5\" [svgIcon]=\"'mat_outline:file_upload'\"></mat-icon>\r\n      </button>\r\n      }\r\n\r\n      @if(id!==null){\r\n      <button matIconButton color=\"primary\" class=\"w-8 min-h-8 h-8 max-w-8\" (click)=\"download()\">\r\n        <mat-icon class=\"icon-size-5\" [svgIcon]=\"'mat_outline:file_download'\"></mat-icon>\r\n      </button>\r\n      }\r\n\r\n      @if(editMode){\r\n      <button matIconButton color=\"warn\" class=\"w-8 min-h-8 h-8 max-w-8\" (click)=\"remove()\">\r\n        <mat-icon class=\"icon-size-5\" [svgIcon]=\"'heroicons_solid:trash'\"></mat-icon>\r\n      </button>\r\n      }\r\n    </span>\r\n  </div>\r\n  @if(id===null){\r\n  <mat-progress-bar [value]=\"progressPercentage()\"></mat-progress-bar>\r\n  <div class=\"text-sm block whitespace-nowrap overflow-x-hidden text-ellipsis\">\r\n    <span>{{progressPercentage()}}%</span><span> {{loaded() | cmatBytes}} of {{total() | cmatBytes}}</span>\r\n  </div>\r\n  }\r\n</div>" }]
         }], propDecorators: { fileAlias: [{
                 type: Input
             }], filePath: [{
@@ -15929,6 +15933,7 @@ class CmatUploadQueueComponent {
         this.outputFilesDataEvent = new EventEmitter();
         this.id = 'cmatupload-' + crypto.randomUUID().slice(0, 8);
         this.isHandSet = signal(false, ...(ngDevMode ? [{ debugName: "isHandSet" }] : /* istanbul ignore next */ []));
+        this.fileDataSource = signal([], ...(ngDevMode ? [{ debugName: "fileDataSource" }] : /* istanbul ignore next */ []));
         this._cmatMediaWatcherService = inject(CmatMediaWatcherService$1);
         this._elementRef = inject(ElementRef);
         this._destroyRef = inject(DestroyRef);
@@ -15952,6 +15957,11 @@ class CmatUploadQueueComponent {
     onDropOver(event) {
         event.preventDefault();
     }
+    ngOnChanges(changes) {
+        if (changes['filesData']) {
+            this.fileDataSource.set(this.filesData);
+        }
+    }
     ngAfterViewInit() {
         const fileUpload = this._elementRef.nativeElement.querySelector(`#${this.id}`);
         if (!(fileUpload instanceof HTMLInputElement)) {
@@ -15978,11 +15988,12 @@ class CmatUploadQueueComponent {
             this.filesData = [...this.filesData, file];
             this.fileUploads.first.remove();
         }
+        this.fileDataSource.set(this.filesData);
     }
     upload(event) {
-        const uploadId = event instanceof CmatUploadComponent ? event.id : event.id;
-        this.outputUploadIdEvent.emit(uploadId ?? '');
+        this.outputUploadIdEvent.emit(event.id ?? '');
         this.outputFilesDataEvent.emit(this.filesData);
+        this.fileDataSource.set(this.filesData);
     }
     remove(event) {
         if (this.filesData) {
@@ -15993,6 +16004,7 @@ class CmatUploadQueueComponent {
                     this.outputRemoveIdEvent.emit(event.file.id);
                 }
                 this.outputFilesDataEvent.emit(this.filesData);
+                this.fileDataSource.set(this.filesData);
             }
         }
     }
@@ -16023,11 +16035,11 @@ class CmatUploadQueueComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: CmatUploadQueueComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: CmatUploadQueueComponent, isStandalone: true, selector: "cmat-upload-queue", inputs: { fileAlias: "fileAlias", filePath: "filePath", fileCategory: "fileCategory", isPublic: "isPublic", required: "required", autoUpload: "autoUpload", multiple: "multiple", accept: "accept", title: "title", editMode: "editMode", filesData: "filesData" }, outputs: { outputRemoveIdEvent: "outputRemoveIdEvent", outputUploadIdEvent: "outputUploadIdEvent", outputFilesDataEvent: "outputFilesDataEvent" }, host: { listeners: { "drop": "onDrop($event)", "dragover": "onDropOver($event)" } }, viewQueries: [{ propertyName: "fileUploads", predicate: i0.forwardRef(() => CmatUploadComponent), descendants: true }], exportAs: ["cmatUploadQueue"], ngImport: i0, template: "<mat-card>\r\n    <mat-card-header>\r\n        <mat-card-title>\r\n            <legend class=\"text-lg\">\r\n                {{title}}\r\n                @if(required){\r\n                <span>*</span>\r\n                }\r\n            </legend>\r\n        </mat-card-title>\r\n    </mat-card-header>\r\n    <input type=\"file\" class=\"hidden\" [id]=\"id\" [multiple]=\"multiple\" [accept]=\"accept\" />\r\n\r\n    @if(editMode){\r\n    <mat-card-actions class=\"flex flex-row gap-1 print:hidden\">\r\n        @if(!isHandSet()){\r\n        <button matButton=\"filled\" color=\"primary\" (click)=\"choose()\">\r\n            @if(autoUpload){\r\n            <mat-icon [svgIcon]=\"'mat_outline:file_upload'\"></mat-icon>\r\n            }@else {\r\n            <mat-icon [svgIcon]=\"'mat_outline:add_box'\"></mat-icon>\r\n            }\r\n            <span class=\"ml-2\">\u9009\u62E9</span>\r\n        </button>\r\n        @if(filesData&&multiple&&filesData.length > 0){\r\n        @if(!autoUpload){\r\n        <button matButton=\"filled\" color=\"accent\" (click)=\"uploadAll()\"><mat-icon\r\n                [svgIcon]=\"'mat_outline:file_upload'\"></mat-icon><span class=\"ml-2\">\u4E0A\u4F20\u5168\u90E8</span></button>\r\n        }\r\n\r\n        <button matButton=\"filled\" color=\"warn\" (click)=\"removeAll()\"><mat-icon\r\n                [svgIcon]=\"'heroicons_solid:trash'\"></mat-icon><span class=\"ml-2\">\u5220\u9664\u5168\u90E8</span></button>\r\n        }\r\n        }@else {\r\n        <button matIconButton  color=\"primary\" (click)=\"choose()\">\r\n            @if(autoUpload){\r\n            <mat-icon [svgIcon]=\"'mat_outline:file_upload'\"></mat-icon>\r\n            }@else {\r\n            <mat-icon [svgIcon]=\"'mat_outline:add_box'\"></mat-icon>\r\n            }\r\n        </button>\r\n\r\n        @if(filesData&&multiple&&filesData.length > 0){\r\n        @if(!autoUpload){\r\n        <button matIconButton  color=\"accent\" (click)=\"uploadAll()\"><mat-icon\r\n                [svgIcon]=\"'mat_outline:file_upload'\"></mat-icon></button>\r\n        }\r\n\r\n        <button matIconButton  color=\"warn\" (click)=\"removeAll()\"><mat-icon\r\n                [svgIcon]=\"'heroicons_solid:trash'\"></mat-icon></button>\r\n        }\r\n        }\r\n    </mat-card-actions>\r\n    }\r\n\r\n    <mat-card-content>\r\n        <mat-list class=\"border-t\">\r\n            @for (file of filesData; track $index) {\r\n            <mat-list-item class=\"cmat-upload-file-item h-full\">\r\n                <cmat-upload class=\"my-2\" [fileAlias]=\"fileAlias\" [filePath]=\"filePath\" [fileCategory]=\"fileCategory\"\r\n                    [autoUpload]=\"autoUpload\" [editMode]=\"editMode\" [file]=\"file\" [id]=\"file.id||null\" [isPublic]=\"isPublic\"\r\n                    (removeEvent)=\"remove($event)\" (uploadEvent)=\"upload($event)\"></cmat-upload>\r\n            </mat-list-item>\r\n            }\r\n        </mat-list>\r\n    </mat-card-content>\r\n</mat-card>\r\n", dependencies: [{ kind: "ngmodule", type: MatCardModule }, { kind: "component", type: i1$6.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i1$6.MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }, { kind: "directive", type: i1$6.MatCardContent, selector: "mat-card-content" }, { kind: "component", type: i1$6.MatCardHeader, selector: "mat-card-header" }, { kind: "directive", type: i1$6.MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "ngmodule", type: MatListModule }, { kind: "component", type: i2$1.MatList, selector: "mat-list", exportAs: ["matList"] }, { kind: "component", type: i2$1.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1$1.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i1$1.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: CmatUploadComponent, selector: "cmat-upload", inputs: ["fileAlias", "filePath", "fileCategory", "isPublic", "editMode", "autoUpload", "id", "file"], outputs: ["removeEvent", "uploadEvent"], exportAs: ["cmatUpload"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: CmatUploadQueueComponent, isStandalone: true, selector: "cmat-upload-queue", inputs: { fileAlias: "fileAlias", filePath: "filePath", fileCategory: "fileCategory", isPublic: "isPublic", required: "required", autoUpload: "autoUpload", multiple: "multiple", accept: "accept", title: "title", editMode: "editMode", filesData: "filesData" }, outputs: { outputRemoveIdEvent: "outputRemoveIdEvent", outputUploadIdEvent: "outputUploadIdEvent", outputFilesDataEvent: "outputFilesDataEvent" }, host: { listeners: { "drop": "onDrop($event)", "dragover": "onDropOver($event)" } }, viewQueries: [{ propertyName: "fileUploads", predicate: i0.forwardRef(() => CmatUploadComponent), descendants: true }], exportAs: ["cmatUploadQueue"], usesOnChanges: true, ngImport: i0, template: "<mat-card>\r\n    <mat-card-header>\r\n        <mat-card-title>\r\n            <legend class=\"text-lg\">\r\n                {{title}}\r\n                @if(required){\r\n                <span>*</span>\r\n                }\r\n            </legend>\r\n        </mat-card-title>\r\n    </mat-card-header>\r\n    <input type=\"file\" class=\"hidden\" [id]=\"id\" [multiple]=\"multiple\" [accept]=\"accept\" />\r\n\r\n    @if(editMode){\r\n    <mat-card-actions class=\"flex flex-row gap-1 print:hidden\">\r\n        @if(!isHandSet()){\r\n        <button matButton=\"filled\" color=\"primary\" (click)=\"choose()\">\r\n            @if(autoUpload){\r\n            <mat-icon [svgIcon]=\"'mat_outline:file_upload'\"></mat-icon>\r\n            }@else {\r\n            <mat-icon [svgIcon]=\"'mat_outline:add_box'\"></mat-icon>\r\n            }\r\n            <span class=\"ml-2\">\u9009\u62E9</span>\r\n        </button>\r\n        @if(fileDataSource()&&multiple&&fileDataSource().length > 0){\r\n        @if(!autoUpload){\r\n        <button matButton=\"filled\" color=\"accent\" (click)=\"uploadAll()\"><mat-icon\r\n                [svgIcon]=\"'mat_outline:file_upload'\"></mat-icon><span class=\"ml-2\">\u4E0A\u4F20\u5168\u90E8</span></button>\r\n        }\r\n\r\n        <button matButton=\"filled\" color=\"warn\" (click)=\"removeAll()\"><mat-icon\r\n                [svgIcon]=\"'heroicons_solid:trash'\"></mat-icon><span class=\"ml-2\">\u5220\u9664\u5168\u90E8</span></button>\r\n        }\r\n        }@else {\r\n        <button matIconButton  color=\"primary\" (click)=\"choose()\">\r\n            @if(autoUpload){\r\n            <mat-icon [svgIcon]=\"'mat_outline:file_upload'\"></mat-icon>\r\n            }@else {\r\n            <mat-icon [svgIcon]=\"'mat_outline:add_box'\"></mat-icon>\r\n            }\r\n        </button>\r\n\r\n        @if(fileDataSource()&&multiple&&fileDataSource().length > 0){\r\n        @if(!autoUpload){\r\n        <button matIconButton  color=\"accent\" (click)=\"uploadAll()\"><mat-icon\r\n                [svgIcon]=\"'mat_outline:file_upload'\"></mat-icon></button>\r\n        }\r\n\r\n        <button matIconButton  color=\"warn\" (click)=\"removeAll()\"><mat-icon\r\n                [svgIcon]=\"'heroicons_solid:trash'\"></mat-icon></button>\r\n        }\r\n        }\r\n    </mat-card-actions>\r\n    }\r\n\r\n    <mat-card-content>\r\n        <mat-list class=\"border-t\">\r\n            @for (file of fileDataSource(); track $index) {\r\n            <mat-list-item class=\"cmat-upload-file-item h-full\">\r\n                <cmat-upload class=\"my-2\" [fileAlias]=\"fileAlias\" [filePath]=\"filePath\" [fileCategory]=\"fileCategory\"\r\n                    [autoUpload]=\"autoUpload\" [editMode]=\"editMode\" [file]=\"file\" [id]=\"file.id||null\" [isPublic]=\"isPublic\"\r\n                    (removeEvent)=\"remove($event)\" (uploadEvent)=\"upload($event)\"></cmat-upload>\r\n            </mat-list-item>\r\n            }\r\n        </mat-list>\r\n    </mat-card-content>\r\n</mat-card>\r\n", dependencies: [{ kind: "ngmodule", type: MatCardModule }, { kind: "component", type: i1$6.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i1$6.MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }, { kind: "directive", type: i1$6.MatCardContent, selector: "mat-card-content" }, { kind: "component", type: i1$6.MatCardHeader, selector: "mat-card-header" }, { kind: "directive", type: i1$6.MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "ngmodule", type: MatListModule }, { kind: "component", type: i2$1.MatList, selector: "mat-list", exportAs: ["matList"] }, { kind: "component", type: i2$1.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1$1.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i1$1.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: CmatUploadComponent, selector: "cmat-upload", inputs: ["fileAlias", "filePath", "fileCategory", "isPublic", "editMode", "autoUpload", "id", "file"], outputs: ["removeEvent", "uploadEvent"], exportAs: ["cmatUpload"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: CmatUploadQueueComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'cmat-upload-queue', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, exportAs: 'cmatUploadQueue', imports: [MatCardModule, MatListModule, MatButtonModule, MatIconModule, CmatUploadComponent], template: "<mat-card>\r\n    <mat-card-header>\r\n        <mat-card-title>\r\n            <legend class=\"text-lg\">\r\n                {{title}}\r\n                @if(required){\r\n                <span>*</span>\r\n                }\r\n            </legend>\r\n        </mat-card-title>\r\n    </mat-card-header>\r\n    <input type=\"file\" class=\"hidden\" [id]=\"id\" [multiple]=\"multiple\" [accept]=\"accept\" />\r\n\r\n    @if(editMode){\r\n    <mat-card-actions class=\"flex flex-row gap-1 print:hidden\">\r\n        @if(!isHandSet()){\r\n        <button matButton=\"filled\" color=\"primary\" (click)=\"choose()\">\r\n            @if(autoUpload){\r\n            <mat-icon [svgIcon]=\"'mat_outline:file_upload'\"></mat-icon>\r\n            }@else {\r\n            <mat-icon [svgIcon]=\"'mat_outline:add_box'\"></mat-icon>\r\n            }\r\n            <span class=\"ml-2\">\u9009\u62E9</span>\r\n        </button>\r\n        @if(filesData&&multiple&&filesData.length > 0){\r\n        @if(!autoUpload){\r\n        <button matButton=\"filled\" color=\"accent\" (click)=\"uploadAll()\"><mat-icon\r\n                [svgIcon]=\"'mat_outline:file_upload'\"></mat-icon><span class=\"ml-2\">\u4E0A\u4F20\u5168\u90E8</span></button>\r\n        }\r\n\r\n        <button matButton=\"filled\" color=\"warn\" (click)=\"removeAll()\"><mat-icon\r\n                [svgIcon]=\"'heroicons_solid:trash'\"></mat-icon><span class=\"ml-2\">\u5220\u9664\u5168\u90E8</span></button>\r\n        }\r\n        }@else {\r\n        <button matIconButton  color=\"primary\" (click)=\"choose()\">\r\n            @if(autoUpload){\r\n            <mat-icon [svgIcon]=\"'mat_outline:file_upload'\"></mat-icon>\r\n            }@else {\r\n            <mat-icon [svgIcon]=\"'mat_outline:add_box'\"></mat-icon>\r\n            }\r\n        </button>\r\n\r\n        @if(filesData&&multiple&&filesData.length > 0){\r\n        @if(!autoUpload){\r\n        <button matIconButton  color=\"accent\" (click)=\"uploadAll()\"><mat-icon\r\n                [svgIcon]=\"'mat_outline:file_upload'\"></mat-icon></button>\r\n        }\r\n\r\n        <button matIconButton  color=\"warn\" (click)=\"removeAll()\"><mat-icon\r\n                [svgIcon]=\"'heroicons_solid:trash'\"></mat-icon></button>\r\n        }\r\n        }\r\n    </mat-card-actions>\r\n    }\r\n\r\n    <mat-card-content>\r\n        <mat-list class=\"border-t\">\r\n            @for (file of filesData; track $index) {\r\n            <mat-list-item class=\"cmat-upload-file-item h-full\">\r\n                <cmat-upload class=\"my-2\" [fileAlias]=\"fileAlias\" [filePath]=\"filePath\" [fileCategory]=\"fileCategory\"\r\n                    [autoUpload]=\"autoUpload\" [editMode]=\"editMode\" [file]=\"file\" [id]=\"file.id||null\" [isPublic]=\"isPublic\"\r\n                    (removeEvent)=\"remove($event)\" (uploadEvent)=\"upload($event)\"></cmat-upload>\r\n            </mat-list-item>\r\n            }\r\n        </mat-list>\r\n    </mat-card-content>\r\n</mat-card>\r\n" }]
+            args: [{ selector: 'cmat-upload-queue', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, exportAs: 'cmatUploadQueue', imports: [MatCardModule, MatListModule, MatButtonModule, MatIconModule, CmatUploadComponent], template: "<mat-card>\r\n    <mat-card-header>\r\n        <mat-card-title>\r\n            <legend class=\"text-lg\">\r\n                {{title}}\r\n                @if(required){\r\n                <span>*</span>\r\n                }\r\n            </legend>\r\n        </mat-card-title>\r\n    </mat-card-header>\r\n    <input type=\"file\" class=\"hidden\" [id]=\"id\" [multiple]=\"multiple\" [accept]=\"accept\" />\r\n\r\n    @if(editMode){\r\n    <mat-card-actions class=\"flex flex-row gap-1 print:hidden\">\r\n        @if(!isHandSet()){\r\n        <button matButton=\"filled\" color=\"primary\" (click)=\"choose()\">\r\n            @if(autoUpload){\r\n            <mat-icon [svgIcon]=\"'mat_outline:file_upload'\"></mat-icon>\r\n            }@else {\r\n            <mat-icon [svgIcon]=\"'mat_outline:add_box'\"></mat-icon>\r\n            }\r\n            <span class=\"ml-2\">\u9009\u62E9</span>\r\n        </button>\r\n        @if(fileDataSource()&&multiple&&fileDataSource().length > 0){\r\n        @if(!autoUpload){\r\n        <button matButton=\"filled\" color=\"accent\" (click)=\"uploadAll()\"><mat-icon\r\n                [svgIcon]=\"'mat_outline:file_upload'\"></mat-icon><span class=\"ml-2\">\u4E0A\u4F20\u5168\u90E8</span></button>\r\n        }\r\n\r\n        <button matButton=\"filled\" color=\"warn\" (click)=\"removeAll()\"><mat-icon\r\n                [svgIcon]=\"'heroicons_solid:trash'\"></mat-icon><span class=\"ml-2\">\u5220\u9664\u5168\u90E8</span></button>\r\n        }\r\n        }@else {\r\n        <button matIconButton  color=\"primary\" (click)=\"choose()\">\r\n            @if(autoUpload){\r\n            <mat-icon [svgIcon]=\"'mat_outline:file_upload'\"></mat-icon>\r\n            }@else {\r\n            <mat-icon [svgIcon]=\"'mat_outline:add_box'\"></mat-icon>\r\n            }\r\n        </button>\r\n\r\n        @if(fileDataSource()&&multiple&&fileDataSource().length > 0){\r\n        @if(!autoUpload){\r\n        <button matIconButton  color=\"accent\" (click)=\"uploadAll()\"><mat-icon\r\n                [svgIcon]=\"'mat_outline:file_upload'\"></mat-icon></button>\r\n        }\r\n\r\n        <button matIconButton  color=\"warn\" (click)=\"removeAll()\"><mat-icon\r\n                [svgIcon]=\"'heroicons_solid:trash'\"></mat-icon></button>\r\n        }\r\n        }\r\n    </mat-card-actions>\r\n    }\r\n\r\n    <mat-card-content>\r\n        <mat-list class=\"border-t\">\r\n            @for (file of fileDataSource(); track $index) {\r\n            <mat-list-item class=\"cmat-upload-file-item h-full\">\r\n                <cmat-upload class=\"my-2\" [fileAlias]=\"fileAlias\" [filePath]=\"filePath\" [fileCategory]=\"fileCategory\"\r\n                    [autoUpload]=\"autoUpload\" [editMode]=\"editMode\" [file]=\"file\" [id]=\"file.id||null\" [isPublic]=\"isPublic\"\r\n                    (removeEvent)=\"remove($event)\" (uploadEvent)=\"upload($event)\"></cmat-upload>\r\n            </mat-list-item>\r\n            }\r\n        </mat-list>\r\n    </mat-card-content>\r\n</mat-card>\r\n" }]
         }], ctorParameters: () => [], propDecorators: { fileUploads: [{
                 type: ViewChildren,
                 args: [forwardRef(() => CmatUploadComponent)]