@corp-products/ui-components 4.3.2 → 4.3.4

package/fesm2022/corp-products-ui-components.mjs

@@ -757,11 +757,11 @@ class FileManagementComponent extends BaseInputComponent {
         return parseFloat((bytes / Math.pow(k, i)).toFixed(2)) + ' ' + sizes[i];
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: FileManagementComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: FileManagementComponent, isStandalone: true, selector: "app-file-management", inputs: { existingFiles: { classPropertyName: "existingFiles", publicName: "existingFiles", isSignal: true, isRequired: false, transformFunction: null }, acceptedTypes: { classPropertyName: "acceptedTypes", publicName: "acceptedTypes", isSignal: true, isRequired: false, transformFunction: null }, maxFileSize: { classPropertyName: "maxFileSize", publicName: "maxFileSize", isSignal: true, isRequired: false, transformFunction: null }, maxConcurrentUploads: { classPropertyName: "maxConcurrentUploads", publicName: "maxConcurrentUploads", isSignal: true, isRequired: false, transformFunction: null }, showTable: { classPropertyName: "showTable", publicName: "showTable", isSignal: true, isRequired: false, transformFunction: null }, showDropZone: { classPropertyName: "showDropZone", publicName: "showDropZone", isSignal: true, isRequired: false, transformFunction: null }, allowPreview: { classPropertyName: "allowPreview", publicName: "allowPreview", isSignal: true, isRequired: false, transformFunction: null }, permissonKey: { classPropertyName: "permissonKey", publicName: "permissonKey", isSignal: true, isRequired: false, transformFunction: null }, allowedActions: { classPropertyName: "allowedActions", publicName: "allowedActions", isSignal: true, isRequired: false, transformFunction: null }, uploadFn: { classPropertyName: "uploadFn", publicName: "uploadFn", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { filesUploaded: "filesUploaded", fileDeleted: "fileDeleted", filePreview: "filePreview", fileDownload: "fileDownload", uploadError: "uploadError", newFilesChange: "newFilesChange", uploadStateChange: "uploadStateChange" }, viewQueries: [{ propertyName: "fileInput", first: true, predicate: ["fileInput"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"file-management\">\r\n  @if (showDropZone()) {\r\n    <div\r\n      class=\"drop-zone upload-container\"\r\n      [class.drag-over]=\"isDragOver()\"\r\n      (dragover)=\"onDragOver($event)\"\r\n      (dragleave)=\"onDragLeave($event)\"\r\n      (drop)=\"onDrop($event)\"\r\n    >\r\n      <div class=\"drop-zone-content\">\r\n        <p class=\"drop-text\">{{ 'file.drag_drop_files' | translate }}</p>\r\n        <p-button\r\n          [label]=\"'file.browse' | translate\"\r\n          severity=\"danger\"\r\n          [outlined]=\"true\"\r\n          (onClick)=\"onBrowseClick()\"\r\n        />\r\n        <p class=\"drop-hint text-xs text-gray-500 mt-2\">\r\n          {{ 'file.max_size_hint' | translate }}: {{ maxFileSize() | fileSize: 2 : 'MB' }}\r\n        </p>\r\n        @if (formattedAcceptedTypes()) {\r\n          <p class=\"accepted-types text-xs text-gray-400\">\r\n            {{ 'file.accepted_types' | translate }}: {{ formattedAcceptedTypes() }}\r\n          </p>\r\n        }\r\n      </div>\r\n    </div>\r\n  }\r\n\r\n  <input\r\n    #fileInput\r\n    type=\"file\"\r\n    [accept]=\"acceptedTypes()\"\r\n    [multiple]=\"!uploadFn()\"\r\n    hidden\r\n    (change)=\"onFileInputChange($event)\"\r\n  />\r\n\r\n  @for (file of newFiles(); track file.id) {\r\n    <div class=\"uploaded-files\">\r\n      <div class=\"file-details\">\r\n        <p class=\"file-name\">{{ file.fileName }}</p>\r\n        @if (file.status === UploadStatus.UPLOADING) {\r\n          <span class=\"upload-percentage\">{{ file.progress ?? 0 }}%</span>\r\n        } @else if (file.status === UploadStatus.SUCCESS) {\r\n          <i class=\"pi pi-check-circle success-icon\"></i>\r\n        } @else if (file.status === UploadStatus.FAILED) {\r\n          <span class=\"upload-error-text\">{{ file.error }}</span>\r\n        }\r\n      </div>\r\n      <i\r\n        class=\"pi pi-trash delete-icon\"\r\n        [class.disabled]=\"file.status === UploadStatus.UPLOADING\"\r\n        (click)=\"file.status !== UploadStatus.UPLOADING && onDeleteFile(file)\"\r\n      ></i>\r\n    </div>\r\n  }\r\n\r\n  @if (!uploadFn() && uploadedFile().length) {\r\n    @for (file of uploadedFile(); track file.name) {\r\n      <div class=\"uploaded-files\">\r\n        <p>{{ file.name }}</p>\r\n        <i class=\"pi pi-trash delete-icon\" (click)=\"deleteFile()\"></i>\r\n      </div>\r\n    }\r\n  }\r\n\r\n  @if (uploadErrorMessage) {\r\n    <div class=\"upload-error\">\r\n      <i class=\"pi pi-exclamation-circle\"></i>\r\n      <span>{{ uploadErrorMessage }}</span>\r\n    </div>\r\n  }\r\n</div>\r\n", styles: [".file-management{width:100%}.drop-zone{@apply cursor-pointer rounded-l border-2 border-dashed border-gray-300 p-8 bg-purple-light3 text-center transition-all duration-200 ease-in-out;}.drop-zone.drag-over{@apply border-purple-200 bg-purple-light;}.drop-zone-content{@apply flex flex-col items-center gap-2;}.drop-icon{font-size:3rem;color:var(--gray-400, #9ca3af);margin-bottom:.5rem}.drop-text{font-size:1rem;color:var(--gray-700, #374151);margin:0}.drop-or{font-size:.875rem;color:var(--gray-500, #6b7280);margin:.25rem 0}.drop-hint{margin-top:.75rem}.files-table{border:1px solid var(--gray-200, #e5e7eb);border-radius:8px;overflow:hidden}:host-context([dir=rtl]) .drop-zone-content{direction:rtl}.upload-container{background-color:#f3f3f7;padding:15px;border:1px dashed #DFE0E6;margin-bottom:15px;display:flex;justify-content:center;align-items:center;border-radius:2px}.upload-container .drop-zone-content{display:flex;align-items:center;flex-direction:column}.upload-container .drop-zone-content .drop-text{margin-bottom:10px}.uploaded-files{background-color:#f3f3f7;border:1px solid #DFE0E6;display:flex;justify-content:space-between;align-items:center;padding:15px;margin-bottom:10px}.uploaded-files .file-details{display:flex;flex-direction:column;gap:.25rem;flex:1;min-width:0}.uploaded-files .file-name{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.uploaded-files .upload-percentage{font-size:.875rem;font-weight:500;color:var(--primary-color, #3b82f6)}.uploaded-files .success-icon{color:#22c55e;font-size:1.25rem}.uploaded-files .upload-error-text{color:#ef4444;font-size:.875rem}.uploaded-files .delete-icon{cursor:pointer;font-size:1.5rem;color:red;flex-shrink:0}.uploaded-files .delete-icon.disabled{opacity:.5;cursor:not-allowed}.upload-error{display:flex;align-items:center;gap:.5rem;color:#ef4444;font-size:.875rem;margin-top:.5rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i1.Button, selector: "p-button", inputs: ["hostName", "type", "badge", "disabled", "raised", "rounded", "text", "plain", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "iconPos", "icon", "label", "loading", "loadingIcon", "severity", "buttonProps", "fluid"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "pipe", type: FileSizePipe, name: "fileSize" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: FileManagementComponent, isStandalone: true, selector: "app-file-management", inputs: { existingFiles: { classPropertyName: "existingFiles", publicName: "existingFiles", isSignal: true, isRequired: false, transformFunction: null }, acceptedTypes: { classPropertyName: "acceptedTypes", publicName: "acceptedTypes", isSignal: true, isRequired: false, transformFunction: null }, maxFileSize: { classPropertyName: "maxFileSize", publicName: "maxFileSize", isSignal: true, isRequired: false, transformFunction: null }, maxConcurrentUploads: { classPropertyName: "maxConcurrentUploads", publicName: "maxConcurrentUploads", isSignal: true, isRequired: false, transformFunction: null }, showTable: { classPropertyName: "showTable", publicName: "showTable", isSignal: true, isRequired: false, transformFunction: null }, showDropZone: { classPropertyName: "showDropZone", publicName: "showDropZone", isSignal: true, isRequired: false, transformFunction: null }, allowPreview: { classPropertyName: "allowPreview", publicName: "allowPreview", isSignal: true, isRequired: false, transformFunction: null }, permissonKey: { classPropertyName: "permissonKey", publicName: "permissonKey", isSignal: true, isRequired: false, transformFunction: null }, allowedActions: { classPropertyName: "allowedActions", publicName: "allowedActions", isSignal: true, isRequired: false, transformFunction: null }, uploadFn: { classPropertyName: "uploadFn", publicName: "uploadFn", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { filesUploaded: "filesUploaded", fileDeleted: "fileDeleted", filePreview: "filePreview", fileDownload: "fileDownload", uploadError: "uploadError", newFilesChange: "newFilesChange", uploadStateChange: "uploadStateChange" }, viewQueries: [{ propertyName: "fileInput", first: true, predicate: ["fileInput"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"file-management\">\r\n  @if (showDropZone()) {\r\n    <div\r\n      class=\"drop-zone upload-container\"\r\n      [class.drag-over]=\"isDragOver()\"\r\n      (dragover)=\"onDragOver($event)\"\r\n      (dragleave)=\"onDragLeave($event)\"\r\n      (drop)=\"onDrop($event)\"\r\n    >\r\n      <div class=\"drop-zone-content\">\r\n        <p class=\"drop-text\">{{ 'file.drag_drop_files' | translate }}</p>\r\n        <p-button\r\n          [label]=\"'file.browse' | translate\"\r\n          severity=\"danger\"\r\n          [outlined]=\"true\"\r\n          (onClick)=\"onBrowseClick()\"\r\n        />\r\n        <p class=\"drop-hint text-xs text-gray-500 mt-2\">\r\n          {{ 'file.max_size_hint' | translate }}: {{ maxFileSize() | fileSize: 2 : 'MB' }}\r\n        </p>\r\n        @if (formattedAcceptedTypes()) {\r\n          <p class=\"accepted-types text-xs text-gray-400\">\r\n            {{ 'file.accepted_types' | translate }}: {{ formattedAcceptedTypes() }}\r\n          </p>\r\n        }\r\n      </div>\r\n    </div>\r\n  }\r\n\r\n  <input\r\n    #fileInput\r\n    type=\"file\"\r\n    [accept]=\"acceptedTypes()\"\r\n    [multiple]=\"!uploadFn()\"\r\n    hidden\r\n    (change)=\"onFileInputChange($event)\"\r\n  />\r\n\r\n  @for (file of newFiles(); track file.id) {\r\n    <div class=\"uploaded-files\">\r\n      <div class=\"file-details\">\r\n        <p class=\"file-name\">{{ file.fileName }}</p>\r\n        <span class=\"file-size\">{{ file.size | fileSize: 2 : 'MB' }}</span>\r\n        @if (file.status === UploadStatus.UPLOADING) {\r\n          <div class=\"upload-status uploading\">\r\n            <span class=\"upload-status-text\">{{ 'file.uploading' | translate }}</span>\r\n            <span class=\"upload-percentage\">{{ file.progress ?? 0 }}%</span>\r\n          </div>\r\n        } @else if (file.status === UploadStatus.SUCCESS) {\r\n          <div class=\"upload-status success\">\r\n            <span class=\"upload-status-text\">{{ 'file.uploaded' | translate }}</span>\r\n            <i class=\"pi pi-check-circle success-icon\"></i>\r\n          </div>\r\n        } @else if (file.status === UploadStatus.FAILED) {\r\n          <span class=\"upload-error-text\">{{ file.error }}</span>\r\n        }\r\n      </div>\r\n      <i\r\n        class=\"pi pi-trash delete-icon\"\r\n        [class.disabled]=\"file.status === UploadStatus.UPLOADING\"\r\n        (click)=\"file.status !== UploadStatus.UPLOADING && onDeleteFile(file)\"\r\n      ></i>\r\n    </div>\r\n  }\r\n\r\n  @if (!uploadFn() && uploadedFile().length) {\r\n    @for (file of uploadedFile(); track file.name) {\r\n      <div class=\"uploaded-files\">\r\n        <div class=\"file-details\">\r\n          <p class=\"file-name\">{{ file.name }}</p>\r\n          <span class=\"file-size\">{{ file.size | fileSize: 2 : 'MB' }}</span>\r\n        </div>\r\n        <i class=\"pi pi-trash delete-icon\" (click)=\"deleteFile()\"></i>\r\n      </div>\r\n    }\r\n  }\r\n\r\n  @if (uploadErrorMessage) {\r\n    <div class=\"upload-error\">\r\n      <i class=\"pi pi-exclamation-circle\"></i>\r\n      <span>{{ uploadErrorMessage }}</span>\r\n    </div>\r\n  }\r\n</div>\r\n", styles: [".file-management{width:100%}.drop-zone{@apply cursor-pointer rounded-l border-2 border-dashed border-gray-300 p-8 bg-purple-light3 text-center transition-all duration-200 ease-in-out;}.drop-zone.drag-over{@apply border-purple-200 bg-purple-light;}.drop-zone-content{@apply flex flex-col items-center gap-2;}.drop-icon{font-size:3rem;color:var(--gray-400, #9ca3af);margin-bottom:.5rem}.drop-text{font-size:1rem;color:var(--gray-700, #374151);margin:0}.drop-or{font-size:.875rem;color:var(--gray-500, #6b7280);margin:.25rem 0}.drop-hint{margin-top:.75rem}.files-table{border:1px solid var(--gray-200, #e5e7eb);border-radius:8px;overflow:hidden}:host-context([dir=rtl]) .drop-zone-content{direction:rtl}.upload-container{background-color:#f3f3f7;padding:15px;border:1px dashed #DFE0E6;margin-bottom:15px;display:flex;justify-content:center;align-items:center;border-radius:2px}.upload-container .drop-zone-content{display:flex;align-items:center;flex-direction:column}.upload-container .drop-zone-content .drop-text{margin-bottom:10px}.uploaded-files{background-color:#f3f3f7;border:1px solid #DFE0E6;display:flex;justify-content:space-between;align-items:center;padding:15px;margin-bottom:10px}.uploaded-files .file-details{display:flex;flex-direction:column;gap:.25rem;flex:1;min-width:0}.uploaded-files .file-name{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.uploaded-files .file-size{font-size:.75rem;color:#6b7280}.uploaded-files .upload-status{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500}.uploaded-files .upload-status.uploading{color:var(--p-orange-500, #f59e0b)}.uploaded-files .upload-status.uploading .upload-percentage{color:inherit}.uploaded-files .upload-status.success{color:#16a34a}.uploaded-files .upload-status.success .success-icon{color:inherit;font-size:1rem}.uploaded-files .upload-percentage{font-size:.875rem;font-weight:500;color:var(--primary-color, #3b82f6)}.uploaded-files .success-icon{color:#22c55e;font-size:1.25rem}.uploaded-files .upload-error-text{color:#ef4444;font-size:.875rem}.uploaded-files .delete-icon{cursor:pointer;font-size:1.5rem;color:red;flex-shrink:0}.uploaded-files .delete-icon.disabled{opacity:.5;cursor:not-allowed}.upload-error{display:flex;align-items:center;gap:.5rem;color:#ef4444;font-size:.875rem;margin-top:.5rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i1.Button, selector: "p-button", inputs: ["hostName", "type", "badge", "disabled", "raised", "rounded", "text", "plain", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "iconPos", "icon", "label", "loading", "loadingIcon", "severity", "buttonProps", "fluid"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "pipe", type: FileSizePipe, name: "fileSize" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: FileManagementComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-file-management', imports: [CommonModule, TranslatePipe, ButtonModule, TooltipModule, FileSizePipe], template: "<div class=\"file-management\">\r\n  @if (showDropZone()) {\r\n    <div\r\n      class=\"drop-zone upload-container\"\r\n      [class.drag-over]=\"isDragOver()\"\r\n      (dragover)=\"onDragOver($event)\"\r\n      (dragleave)=\"onDragLeave($event)\"\r\n      (drop)=\"onDrop($event)\"\r\n    >\r\n      <div class=\"drop-zone-content\">\r\n        <p class=\"drop-text\">{{ 'file.drag_drop_files' | translate }}</p>\r\n        <p-button\r\n          [label]=\"'file.browse' | translate\"\r\n          severity=\"danger\"\r\n          [outlined]=\"true\"\r\n          (onClick)=\"onBrowseClick()\"\r\n        />\r\n        <p class=\"drop-hint text-xs text-gray-500 mt-2\">\r\n          {{ 'file.max_size_hint' | translate }}: {{ maxFileSize() | fileSize: 2 : 'MB' }}\r\n        </p>\r\n        @if (formattedAcceptedTypes()) {\r\n          <p class=\"accepted-types text-xs text-gray-400\">\r\n            {{ 'file.accepted_types' | translate }}: {{ formattedAcceptedTypes() }}\r\n          </p>\r\n        }\r\n      </div>\r\n    </div>\r\n  }\r\n\r\n  <input\r\n    #fileInput\r\n    type=\"file\"\r\n    [accept]=\"acceptedTypes()\"\r\n    [multiple]=\"!uploadFn()\"\r\n    hidden\r\n    (change)=\"onFileInputChange($event)\"\r\n  />\r\n\r\n  @for (file of newFiles(); track file.id) {\r\n    <div class=\"uploaded-files\">\r\n      <div class=\"file-details\">\r\n        <p class=\"file-name\">{{ file.fileName }}</p>\r\n        @if (file.status === UploadStatus.UPLOADING) {\r\n          <span class=\"upload-percentage\">{{ file.progress ?? 0 }}%</span>\r\n        } @else if (file.status === UploadStatus.SUCCESS) {\r\n          <i class=\"pi pi-check-circle success-icon\"></i>\r\n        } @else if (file.status === UploadStatus.FAILED) {\r\n          <span class=\"upload-error-text\">{{ file.error }}</span>\r\n        }\r\n      </div>\r\n      <i\r\n        class=\"pi pi-trash delete-icon\"\r\n        [class.disabled]=\"file.status === UploadStatus.UPLOADING\"\r\n        (click)=\"file.status !== UploadStatus.UPLOADING && onDeleteFile(file)\"\r\n      ></i>\r\n    </div>\r\n  }\r\n\r\n  @if (!uploadFn() && uploadedFile().length) {\r\n    @for (file of uploadedFile(); track file.name) {\r\n      <div class=\"uploaded-files\">\r\n        <p>{{ file.name }}</p>\r\n        <i class=\"pi pi-trash delete-icon\" (click)=\"deleteFile()\"></i>\r\n      </div>\r\n    }\r\n  }\r\n\r\n  @if (uploadErrorMessage) {\r\n    <div class=\"upload-error\">\r\n      <i class=\"pi pi-exclamation-circle\"></i>\r\n      <span>{{ uploadErrorMessage }}</span>\r\n    </div>\r\n  }\r\n</div>\r\n", styles: [".file-management{width:100%}.drop-zone{@apply cursor-pointer rounded-l border-2 border-dashed border-gray-300 p-8 bg-purple-light3 text-center transition-all duration-200 ease-in-out;}.drop-zone.drag-over{@apply border-purple-200 bg-purple-light;}.drop-zone-content{@apply flex flex-col items-center gap-2;}.drop-icon{font-size:3rem;color:var(--gray-400, #9ca3af);margin-bottom:.5rem}.drop-text{font-size:1rem;color:var(--gray-700, #374151);margin:0}.drop-or{font-size:.875rem;color:var(--gray-500, #6b7280);margin:.25rem 0}.drop-hint{margin-top:.75rem}.files-table{border:1px solid var(--gray-200, #e5e7eb);border-radius:8px;overflow:hidden}:host-context([dir=rtl]) .drop-zone-content{direction:rtl}.upload-container{background-color:#f3f3f7;padding:15px;border:1px dashed #DFE0E6;margin-bottom:15px;display:flex;justify-content:center;align-items:center;border-radius:2px}.upload-container .drop-zone-content{display:flex;align-items:center;flex-direction:column}.upload-container .drop-zone-content .drop-text{margin-bottom:10px}.uploaded-files{background-color:#f3f3f7;border:1px solid #DFE0E6;display:flex;justify-content:space-between;align-items:center;padding:15px;margin-bottom:10px}.uploaded-files .file-details{display:flex;flex-direction:column;gap:.25rem;flex:1;min-width:0}.uploaded-files .file-name{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.uploaded-files .upload-percentage{font-size:.875rem;font-weight:500;color:var(--primary-color, #3b82f6)}.uploaded-files .success-icon{color:#22c55e;font-size:1.25rem}.uploaded-files .upload-error-text{color:#ef4444;font-size:.875rem}.uploaded-files .delete-icon{cursor:pointer;font-size:1.5rem;color:red;flex-shrink:0}.uploaded-files .delete-icon.disabled{opacity:.5;cursor:not-allowed}.upload-error{display:flex;align-items:center;gap:.5rem;color:#ef4444;font-size:.875rem;margin-top:.5rem}\n"] }]
+            args: [{ selector: 'app-file-management', imports: [CommonModule, TranslatePipe, ButtonModule, TooltipModule, FileSizePipe], template: "<div class=\"file-management\">\r\n  @if (showDropZone()) {\r\n    <div\r\n      class=\"drop-zone upload-container\"\r\n      [class.drag-over]=\"isDragOver()\"\r\n      (dragover)=\"onDragOver($event)\"\r\n      (dragleave)=\"onDragLeave($event)\"\r\n      (drop)=\"onDrop($event)\"\r\n    >\r\n      <div class=\"drop-zone-content\">\r\n        <p class=\"drop-text\">{{ 'file.drag_drop_files' | translate }}</p>\r\n        <p-button\r\n          [label]=\"'file.browse' | translate\"\r\n          severity=\"danger\"\r\n          [outlined]=\"true\"\r\n          (onClick)=\"onBrowseClick()\"\r\n        />\r\n        <p class=\"drop-hint text-xs text-gray-500 mt-2\">\r\n          {{ 'file.max_size_hint' | translate }}: {{ maxFileSize() | fileSize: 2 : 'MB' }}\r\n        </p>\r\n        @if (formattedAcceptedTypes()) {\r\n          <p class=\"accepted-types text-xs text-gray-400\">\r\n            {{ 'file.accepted_types' | translate }}: {{ formattedAcceptedTypes() }}\r\n          </p>\r\n        }\r\n      </div>\r\n    </div>\r\n  }\r\n\r\n  <input\r\n    #fileInput\r\n    type=\"file\"\r\n    [accept]=\"acceptedTypes()\"\r\n    [multiple]=\"!uploadFn()\"\r\n    hidden\r\n    (change)=\"onFileInputChange($event)\"\r\n  />\r\n\r\n  @for (file of newFiles(); track file.id) {\r\n    <div class=\"uploaded-files\">\r\n      <div class=\"file-details\">\r\n        <p class=\"file-name\">{{ file.fileName }}</p>\r\n        <span class=\"file-size\">{{ file.size | fileSize: 2 : 'MB' }}</span>\r\n        @if (file.status === UploadStatus.UPLOADING) {\r\n          <div class=\"upload-status uploading\">\r\n            <span class=\"upload-status-text\">{{ 'file.uploading' | translate }}</span>\r\n            <span class=\"upload-percentage\">{{ file.progress ?? 0 }}%</span>\r\n          </div>\r\n        } @else if (file.status === UploadStatus.SUCCESS) {\r\n          <div class=\"upload-status success\">\r\n            <span class=\"upload-status-text\">{{ 'file.uploaded' | translate }}</span>\r\n            <i class=\"pi pi-check-circle success-icon\"></i>\r\n          </div>\r\n        } @else if (file.status === UploadStatus.FAILED) {\r\n          <span class=\"upload-error-text\">{{ file.error }}</span>\r\n        }\r\n      </div>\r\n      <i\r\n        class=\"pi pi-trash delete-icon\"\r\n        [class.disabled]=\"file.status === UploadStatus.UPLOADING\"\r\n        (click)=\"file.status !== UploadStatus.UPLOADING && onDeleteFile(file)\"\r\n      ></i>\r\n    </div>\r\n  }\r\n\r\n  @if (!uploadFn() && uploadedFile().length) {\r\n    @for (file of uploadedFile(); track file.name) {\r\n      <div class=\"uploaded-files\">\r\n        <div class=\"file-details\">\r\n          <p class=\"file-name\">{{ file.name }}</p>\r\n          <span class=\"file-size\">{{ file.size | fileSize: 2 : 'MB' }}</span>\r\n        </div>\r\n        <i class=\"pi pi-trash delete-icon\" (click)=\"deleteFile()\"></i>\r\n      </div>\r\n    }\r\n  }\r\n\r\n  @if (uploadErrorMessage) {\r\n    <div class=\"upload-error\">\r\n      <i class=\"pi pi-exclamation-circle\"></i>\r\n      <span>{{ uploadErrorMessage }}</span>\r\n    </div>\r\n  }\r\n</div>\r\n", styles: [".file-management{width:100%}.drop-zone{@apply cursor-pointer rounded-l border-2 border-dashed border-gray-300 p-8 bg-purple-light3 text-center transition-all duration-200 ease-in-out;}.drop-zone.drag-over{@apply border-purple-200 bg-purple-light;}.drop-zone-content{@apply flex flex-col items-center gap-2;}.drop-icon{font-size:3rem;color:var(--gray-400, #9ca3af);margin-bottom:.5rem}.drop-text{font-size:1rem;color:var(--gray-700, #374151);margin:0}.drop-or{font-size:.875rem;color:var(--gray-500, #6b7280);margin:.25rem 0}.drop-hint{margin-top:.75rem}.files-table{border:1px solid var(--gray-200, #e5e7eb);border-radius:8px;overflow:hidden}:host-context([dir=rtl]) .drop-zone-content{direction:rtl}.upload-container{background-color:#f3f3f7;padding:15px;border:1px dashed #DFE0E6;margin-bottom:15px;display:flex;justify-content:center;align-items:center;border-radius:2px}.upload-container .drop-zone-content{display:flex;align-items:center;flex-direction:column}.upload-container .drop-zone-content .drop-text{margin-bottom:10px}.uploaded-files{background-color:#f3f3f7;border:1px solid #DFE0E6;display:flex;justify-content:space-between;align-items:center;padding:15px;margin-bottom:10px}.uploaded-files .file-details{display:flex;flex-direction:column;gap:.25rem;flex:1;min-width:0}.uploaded-files .file-name{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.uploaded-files .file-size{font-size:.75rem;color:#6b7280}.uploaded-files .upload-status{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500}.uploaded-files .upload-status.uploading{color:var(--p-orange-500, #f59e0b)}.uploaded-files .upload-status.uploading .upload-percentage{color:inherit}.uploaded-files .upload-status.success{color:#16a34a}.uploaded-files .upload-status.success .success-icon{color:inherit;font-size:1rem}.uploaded-files .upload-percentage{font-size:.875rem;font-weight:500;color:var(--primary-color, #3b82f6)}.uploaded-files .success-icon{color:#22c55e;font-size:1.25rem}.uploaded-files .upload-error-text{color:#ef4444;font-size:.875rem}.uploaded-files .delete-icon{cursor:pointer;font-size:1.5rem;color:red;flex-shrink:0}.uploaded-files .delete-icon.disabled{opacity:.5;cursor:not-allowed}.upload-error{display:flex;align-items:center;gap:.5rem;color:#ef4444;font-size:.875rem;margin-top:.5rem}\n"] }]
         }], propDecorators: { existingFiles: [{ type: i0.Input, args: [{ isSignal: true, alias: "existingFiles", required: false }] }], acceptedTypes: [{ type: i0.Input, args: [{ isSignal: true, alias: "acceptedTypes", required: false }] }], maxFileSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxFileSize", required: false }] }], maxConcurrentUploads: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxConcurrentUploads", required: false }] }], showTable: [{ type: i0.Input, args: [{ isSignal: true, alias: "showTable", required: false }] }], showDropZone: [{ type: i0.Input, args: [{ isSignal: true, alias: "showDropZone", required: false }] }], allowPreview: [{ type: i0.Input, args: [{ isSignal: true, alias: "allowPreview", required: false }] }], permissonKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "permissonKey", required: false }] }], allowedActions: [{ type: i0.Input, args: [{ isSignal: true, alias: "allowedActions", required: false }] }], uploadFn: [{ type: i0.Input, args: [{ isSignal: true, alias: "uploadFn", required: false }] }], filesUploaded: [{
                 type: Output
             }], fileDeleted: [{
@@ -2477,7 +2477,7 @@ class ConfirmationDialogComponent extends DynamicDialogRef {
         if (this.dialogFormData?.formGroup?.invalid) {
             return true;
         }
-        if (this.hasFileUpload && (this.uploadState.isUploading || !this.uploadState.documentId)) {
+        if (this.uploadState.isUploading) {
             return true;
         }
         return false;
@@ -2537,7 +2537,7 @@ class ConfirmationDialogComponent extends DynamicDialogRef {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ConfirmationDialogComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: ConfirmationDialogComponent, isStandalone: true, selector: "app-confirm-dialog", providers: [DialogService, DynamicDialogStyle], usesInheritance: true, ngImport: i0, template: "@if (dynamicDialogConfig.data) {\r\n<div class=\"confirmation-dialog\">\r\n  <div class=\"dialog-wrapper\">\r\n    @if (dynamicDialogConfig.data) {\r\n    <div class=\"confirmation-dialog__content my-4\">\r\n      @if (dynamicDialogConfig.data.dialogIcon) {\r\n      <em [class]=\"dynamicDialogConfig.data.dialogIcon\"></em>\r\n      }\r\n      <p class=\"confirmation-dialog__message text-xl mb-2\">\r\n        {{ dynamicDialogConfig.data.message }}\r\n      </p>\r\n      @if (dynamicDialogConfig.data.hint) {\r\n      <p class=\"confirmation-dialog__hint font-normal text-base\">\r\n        {{ dynamicDialogConfig.data.hint }}\r\n      </p>\r\n      }\r\n      @if (dynamicDialogConfig.data.inputForm || hasFileUpload) {\r\n      <app-dynamic-form [dynamicFormData]=\"dialogFormData\" (popUpFilesUploaded)=\"onPopFilesUploaded($event)\"\r\n        (fileDeleted)=\"onFileDeleted()\" (uploadStateChange)=\"onUploadStateChange($event)\"></app-dynamic-form>\r\n      }\r\n    </div>\r\n    }\r\n    <div class=\"confirmation-dialog__actions flex gap-2 mt-4\">\r\n      <app-button [title]=\"dynamicDialogConfig.data?.confirmLabel || ('actions.confirm' | translate)\"\r\n        [disabled]=\"isConfirmDisabled\" [severity]=\"'primary'\"\r\n        [id]=\"dynamicDialogConfig.data.confirmBtnId\" [icon]=\"dynamicDialogConfig.data.confirmBtnIcon || ''\"\r\n        [label]=\"dynamicDialogConfig.data.confirmBtnLabel\"\r\n        [iconPos]=\"dynamicDialogConfig.data.confirmBtnPosition || 'left'\" [styleClass]=\"'confirmation-btn'\"\r\n        (click)=\"submit()\" />\r\n      <app-button [title]=\"dynamicDialogConfig.data?.closeLabel ||  ('actions.cancel' | translate)\"\r\n        [severity]=\"'primary'\" variant=\"outlined\" [label]=\"dynamicDialogConfig.data.cancelBtnLabel\"\r\n        [id]=\"dynamicDialogConfig.data.cancelBtnId\" [styleClass]=\"'cancel-btn confirmation-btn cancel-btn'\"\r\n        (click)=\"close()\" />\r\n    </div>\r\n  </div>\r\n\r\n</div>\r\n}\r\n", styles: [".confirmation-dialog .dialog-wrapper{padding:.5rem}.confirmation-dialog__content{text-align:center}.confirmation-dialog__message{font-weight:600}.confirmation-dialog__hint{color:#6b7280}.confirmation-dialog__actions{display:flex;justify-content:center;gap:.5rem}\n"], dependencies: [{ kind: "component", type: AppButtonComponent, selector: "app-button" }, { kind: "ngmodule", type: AvatarModule }, { kind: "ngmodule", type: DynamicDialogModule }, { kind: "component", type: DynamicFormComponent, selector: "app-dynamic-form", inputs: ["dynamicFormData"], outputs: ["selectButtonChange", "selectChange", "selectClicked", "switchChange", "autoCompleteSearch", "autoCompleteSelect", "popUpFilesUploaded", "fileDeleted", "uploadStateChange"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: ConfirmationDialogComponent, isStandalone: true, selector: "app-confirm-dialog", providers: [DialogService, DynamicDialogStyle], usesInheritance: true, ngImport: i0, template: "@if (dynamicDialogConfig.data) {\r\n<div class=\"confirmation-dialog\">\r\n  <div class=\"dialog-wrapper\">\r\n    @if (dynamicDialogConfig.data) {\r\n    <div class=\"confirmation-dialog__content my-4\">\r\n      @if (dynamicDialogConfig.data.dialogIcon) {\r\n      <em [class]=\"dynamicDialogConfig.data.dialogIcon\"></em>\r\n      }\r\n      <p class=\"confirmation-dialog__message text-xl mb-2\">\r\n        {{ dynamicDialogConfig.data.message }}\r\n      </p>\r\n      @if (dynamicDialogConfig.data.hint) {\r\n      <p class=\"confirmation-dialog__hint font-normal text-base\">\r\n        {{ dynamicDialogConfig.data.hint }}\r\n      </p>\r\n      }\r\n      @if (dynamicDialogConfig.data.inputForm || hasFileUpload) {\r\n      <app-dynamic-form [dynamicFormData]=\"dialogFormData\" (popUpFilesUploaded)=\"onPopFilesUploaded($event)\"\r\n        (fileDeleted)=\"onFileDeleted()\" (uploadStateChange)=\"onUploadStateChange($event)\"></app-dynamic-form>\r\n      }\r\n    </div>\r\n    }\r\n    <div class=\"confirmation-dialog__actions flex gap-2 mt-4\">\r\n      <app-button [title]=\"dynamicDialogConfig.data?.confirmLabel || ('actions.confirm' | translate)\"\r\n        [disabled]=\"isConfirmDisabled\" [severity]=\"'primary'\"\r\n        [id]=\"dynamicDialogConfig.data.confirmBtnId\" [icon]=\"dynamicDialogConfig.data.confirmBtnIcon || ''\"\r\n        [label]=\"dynamicDialogConfig.data.confirmBtnLabel\"\r\n        [iconPos]=\"dynamicDialogConfig.data.confirmBtnPosition || 'left'\" [styleClass]=\"'confirmation-btn'\"\r\n        (click)=\"submit()\" />\r\n      <app-button [title]=\"dynamicDialogConfig.data?.closeLabel ||  ('actions.cancel' | translate)\"\r\n        [severity]=\"'primary'\" variant=\"outlined\" [label]=\"dynamicDialogConfig.data.cancelBtnLabel\"\r\n        [id]=\"dynamicDialogConfig.data.cancelBtnId\" [styleClass]=\"'cancel-btn confirmation-btn cancel-btn'\"\r\n        (click)=\"close()\" />\r\n    </div>\r\n  </div>\r\n\r\n</div>\r\n}\r\n", styles: [".confirmation-dialog-wrapper .p-dialog-header{justify-content:space-between}.confirmation-dialog-wrapper .p-dialog-title{text-align:start;flex:1}.confirmation-dialog .dialog-wrapper{padding:.5rem}.confirmation-dialog__content{text-align:start}.confirmation-dialog__message{font-weight:600}.confirmation-dialog__hint{color:#6b7280}.confirmation-dialog__actions{display:flex;justify-content:end;gap:.5rem}.confirmation-dialog .dynamic-form{text-align:start}\n"], dependencies: [{ kind: "component", type: AppButtonComponent, selector: "app-button" }, { kind: "ngmodule", type: AvatarModule }, { kind: "ngmodule", type: DynamicDialogModule }, { kind: "component", type: DynamicFormComponent, selector: "app-dynamic-form", inputs: ["dynamicFormData"], outputs: ["selectButtonChange", "selectChange", "selectClicked", "switchChange", "autoCompleteSearch", "autoCompleteSelect", "popUpFilesUploaded", "fileDeleted", "uploadStateChange"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ConfirmationDialogComponent, decorators: [{
             type: Component,
@@ -2547,7 +2547,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                         DynamicDialogModule,
                         DynamicFormComponent,
                         TranslatePipe,
-                    ], providers: [DialogService, DynamicDialogStyle], template: "@if (dynamicDialogConfig.data) {\r\n<div class=\"confirmation-dialog\">\r\n  <div class=\"dialog-wrapper\">\r\n    @if (dynamicDialogConfig.data) {\r\n    <div class=\"confirmation-dialog__content my-4\">\r\n      @if (dynamicDialogConfig.data.dialogIcon) {\r\n      <em [class]=\"dynamicDialogConfig.data.dialogIcon\"></em>\r\n      }\r\n      <p class=\"confirmation-dialog__message text-xl mb-2\">\r\n        {{ dynamicDialogConfig.data.message }}\r\n      </p>\r\n      @if (dynamicDialogConfig.data.hint) {\r\n      <p class=\"confirmation-dialog__hint font-normal text-base\">\r\n        {{ dynamicDialogConfig.data.hint }}\r\n      </p>\r\n      }\r\n      @if (dynamicDialogConfig.data.inputForm || hasFileUpload) {\r\n      <app-dynamic-form [dynamicFormData]=\"dialogFormData\" (popUpFilesUploaded)=\"onPopFilesUploaded($event)\"\r\n        (fileDeleted)=\"onFileDeleted()\" (uploadStateChange)=\"onUploadStateChange($event)\"></app-dynamic-form>\r\n      }\r\n    </div>\r\n    }\r\n    <div class=\"confirmation-dialog__actions flex gap-2 mt-4\">\r\n      <app-button [title]=\"dynamicDialogConfig.data?.confirmLabel || ('actions.confirm' | translate)\"\r\n        [disabled]=\"isConfirmDisabled\" [severity]=\"'primary'\"\r\n        [id]=\"dynamicDialogConfig.data.confirmBtnId\" [icon]=\"dynamicDialogConfig.data.confirmBtnIcon || ''\"\r\n        [label]=\"dynamicDialogConfig.data.confirmBtnLabel\"\r\n        [iconPos]=\"dynamicDialogConfig.data.confirmBtnPosition || 'left'\" [styleClass]=\"'confirmation-btn'\"\r\n        (click)=\"submit()\" />\r\n      <app-button [title]=\"dynamicDialogConfig.data?.closeLabel ||  ('actions.cancel' | translate)\"\r\n        [severity]=\"'primary'\" variant=\"outlined\" [label]=\"dynamicDialogConfig.data.cancelBtnLabel\"\r\n        [id]=\"dynamicDialogConfig.data.cancelBtnId\" [styleClass]=\"'cancel-btn confirmation-btn cancel-btn'\"\r\n        (click)=\"close()\" />\r\n    </div>\r\n  </div>\r\n\r\n</div>\r\n}\r\n", styles: [".confirmation-dialog .dialog-wrapper{padding:.5rem}.confirmation-dialog__content{text-align:center}.confirmation-dialog__message{font-weight:600}.confirmation-dialog__hint{color:#6b7280}.confirmation-dialog__actions{display:flex;justify-content:center;gap:.5rem}\n"] }]
+                    ], providers: [DialogService, DynamicDialogStyle], template: "@if (dynamicDialogConfig.data) {\r\n<div class=\"confirmation-dialog\">\r\n  <div class=\"dialog-wrapper\">\r\n    @if (dynamicDialogConfig.data) {\r\n    <div class=\"confirmation-dialog__content my-4\">\r\n      @if (dynamicDialogConfig.data.dialogIcon) {\r\n      <em [class]=\"dynamicDialogConfig.data.dialogIcon\"></em>\r\n      }\r\n      <p class=\"confirmation-dialog__message text-xl mb-2\">\r\n        {{ dynamicDialogConfig.data.message }}\r\n      </p>\r\n      @if (dynamicDialogConfig.data.hint) {\r\n      <p class=\"confirmation-dialog__hint font-normal text-base\">\r\n        {{ dynamicDialogConfig.data.hint }}\r\n      </p>\r\n      }\r\n      @if (dynamicDialogConfig.data.inputForm || hasFileUpload) {\r\n      <app-dynamic-form [dynamicFormData]=\"dialogFormData\" (popUpFilesUploaded)=\"onPopFilesUploaded($event)\"\r\n        (fileDeleted)=\"onFileDeleted()\" (uploadStateChange)=\"onUploadStateChange($event)\"></app-dynamic-form>\r\n      }\r\n    </div>\r\n    }\r\n    <div class=\"confirmation-dialog__actions flex gap-2 mt-4\">\r\n      <app-button [title]=\"dynamicDialogConfig.data?.confirmLabel || ('actions.confirm' | translate)\"\r\n        [disabled]=\"isConfirmDisabled\" [severity]=\"'primary'\"\r\n        [id]=\"dynamicDialogConfig.data.confirmBtnId\" [icon]=\"dynamicDialogConfig.data.confirmBtnIcon || ''\"\r\n        [label]=\"dynamicDialogConfig.data.confirmBtnLabel\"\r\n        [iconPos]=\"dynamicDialogConfig.data.confirmBtnPosition || 'left'\" [styleClass]=\"'confirmation-btn'\"\r\n        (click)=\"submit()\" />\r\n      <app-button [title]=\"dynamicDialogConfig.data?.closeLabel ||  ('actions.cancel' | translate)\"\r\n        [severity]=\"'primary'\" variant=\"outlined\" [label]=\"dynamicDialogConfig.data.cancelBtnLabel\"\r\n        [id]=\"dynamicDialogConfig.data.cancelBtnId\" [styleClass]=\"'cancel-btn confirmation-btn cancel-btn'\"\r\n        (click)=\"close()\" />\r\n    </div>\r\n  </div>\r\n\r\n</div>\r\n}\r\n", styles: [".confirmation-dialog-wrapper .p-dialog-header{justify-content:space-between}.confirmation-dialog-wrapper .p-dialog-title{text-align:start;flex:1}.confirmation-dialog .dialog-wrapper{padding:.5rem}.confirmation-dialog__content{text-align:start}.confirmation-dialog__message{font-weight:600}.confirmation-dialog__hint{color:#6b7280}.confirmation-dialog__actions{display:flex;justify-content:end;gap:.5rem}.confirmation-dialog .dynamic-form{text-align:start}\n"] }]
         }] });
 
 class ReadMoreComponent {
@@ -3129,7 +3129,7 @@ class AlertDialogComponent extends DynamicDialogRef {
         this._ref.close(false);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AlertDialogComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: AlertDialogComponent, isStandalone: true, selector: "app-alert-dialog", providers: [DynamicDialogStyle], usesInheritance: true, ngImport: i0, template: "@if (dynamicDialogConfig.data) {\r\n  <div class=\"alert-dialog\">\r\n    <div class=\"dialog-wrapper\">\r\n      @if (dynamicDialogConfig.data) {\r\n        <div class=\"alert-dialog__content my-4\">\r\n          @if (dynamicDialogConfig.data.dialogIcon) {\r\n            <em [class]=\"dynamicDialogConfig.data.dialogIcon\"></em>\r\n          }\r\n          <p class=\"alert-dialog__message mb-2\">\r\n            {{ dynamicDialogConfig.data.message }}\r\n          </p>\r\n        </div>\r\n      }\r\n      <div class=\"alert-dialog__actions flex gap-2 mt-4\">\r\n        <app-button [severity]=\"'primary'\" variant=\"outlined\"\r\n          [label]=\"dynamicDialogConfig.data.cancelBtnLabel??('actions.close' | translate)\"\r\n          [id]=\"dynamicDialogConfig.data.cancelBtnId??'button_close_alert'\" [styleClass]=\"'cancel-btn alert-btn'\"\r\n          (click)=\"close()\" />\r\n      </div>\r\n    </div>\r\n  </div>\r\n}\r\n", styles: [""], dependencies: [{ kind: "component", type: AppButtonComponent, selector: "app-button" }, { kind: "ngmodule", type: AvatarModule }, { kind: "ngmodule", type: DynamicDialogModule }, { kind: "pipe", type: TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: AlertDialogComponent, isStandalone: true, selector: "app-alert-dialog", providers: [DynamicDialogStyle], usesInheritance: true, ngImport: i0, template: "@if (dynamicDialogConfig.data) {\r\n  <div class=\"alert-dialog\">\r\n    <div class=\"dialog-wrapper\">\r\n      @if (dynamicDialogConfig.data) {\r\n        <div class=\"alert-dialog__content my-4\">\r\n          @if (dynamicDialogConfig.data.dialogIcon) {\r\n            <em [class]=\"dynamicDialogConfig.data.dialogIcon\"></em>\r\n          }\r\n          <p class=\"alert-dialog__message mb-2\">\r\n            {{ dynamicDialogConfig.data.message }}\r\n          </p>\r\n        </div>\r\n      }\r\n      <div class=\"alert-dialog__actions flex gap-2 mt-4\">\r\n        <app-button [severity]=\"'primary'\" variant=\"outlined\"\r\n          [label]=\"dynamicDialogConfig.data.cancelBtnLabel??('actions.close' | translate)\"\r\n          [id]=\"dynamicDialogConfig.data.cancelBtnId??'button_close_alert'\" [styleClass]=\"'cancel-btn alert-btn'\"\r\n          (click)=\"close()\" />\r\n      </div>\r\n    </div>\r\n  </div>\r\n}\r\n", styles: [".alert-dialog-wrapper .p-dialog-header{justify-content:space-between}.alert-dialog-wrapper .p-dialog-title{text-align:start;flex:1}.alert-dialog__content{text-align:start}.alert-dialog__message{font-weight:600}.alert-dialog__actions{display:flex;justify-content:end;gap:.5rem}\n"], dependencies: [{ kind: "component", type: AppButtonComponent, selector: "app-button" }, { kind: "ngmodule", type: AvatarModule }, { kind: "ngmodule", type: DynamicDialogModule }, { kind: "pipe", type: TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AlertDialogComponent, decorators: [{
             type: Component,
@@ -3138,7 +3138,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                         AvatarModule,
                         DynamicDialogModule,
                         TranslatePipe,
-                    ], providers: [DynamicDialogStyle], template: "@if (dynamicDialogConfig.data) {\r\n  <div class=\"alert-dialog\">\r\n    <div class=\"dialog-wrapper\">\r\n      @if (dynamicDialogConfig.data) {\r\n        <div class=\"alert-dialog__content my-4\">\r\n          @if (dynamicDialogConfig.data.dialogIcon) {\r\n            <em [class]=\"dynamicDialogConfig.data.dialogIcon\"></em>\r\n          }\r\n          <p class=\"alert-dialog__message mb-2\">\r\n            {{ dynamicDialogConfig.data.message }}\r\n          </p>\r\n        </div>\r\n      }\r\n      <div class=\"alert-dialog__actions flex gap-2 mt-4\">\r\n        <app-button [severity]=\"'primary'\" variant=\"outlined\"\r\n          [label]=\"dynamicDialogConfig.data.cancelBtnLabel??('actions.close' | translate)\"\r\n          [id]=\"dynamicDialogConfig.data.cancelBtnId??'button_close_alert'\" [styleClass]=\"'cancel-btn alert-btn'\"\r\n          (click)=\"close()\" />\r\n      </div>\r\n    </div>\r\n  </div>\r\n}\r\n" }]
+                    ], providers: [DynamicDialogStyle], template: "@if (dynamicDialogConfig.data) {\r\n  <div class=\"alert-dialog\">\r\n    <div class=\"dialog-wrapper\">\r\n      @if (dynamicDialogConfig.data) {\r\n        <div class=\"alert-dialog__content my-4\">\r\n          @if (dynamicDialogConfig.data.dialogIcon) {\r\n            <em [class]=\"dynamicDialogConfig.data.dialogIcon\"></em>\r\n          }\r\n          <p class=\"alert-dialog__message mb-2\">\r\n            {{ dynamicDialogConfig.data.message }}\r\n          </p>\r\n        </div>\r\n      }\r\n      <div class=\"alert-dialog__actions flex gap-2 mt-4\">\r\n        <app-button [severity]=\"'primary'\" variant=\"outlined\"\r\n          [label]=\"dynamicDialogConfig.data.cancelBtnLabel??('actions.close' | translate)\"\r\n          [id]=\"dynamicDialogConfig.data.cancelBtnId??'button_close_alert'\" [styleClass]=\"'cancel-btn alert-btn'\"\r\n          (click)=\"close()\" />\r\n      </div>\r\n    </div>\r\n  </div>\r\n}\r\n", styles: [".alert-dialog-wrapper .p-dialog-header{justify-content:space-between}.alert-dialog-wrapper .p-dialog-title{text-align:start;flex:1}.alert-dialog__content{text-align:start}.alert-dialog__message{font-weight:600}.alert-dialog__actions{display:flex;justify-content:end;gap:.5rem}\n"] }]
         }] });
 
 class AlertDialogService {