@flusys/ng-storage 4.1.1 → 5.0.1

package/fesm2022/{flusys-ng-storage-file-manager-form.component-AM7JE-s5.mjs → flusys-ng-storage-file-manager-form.component-BLJDAvBX.mjs}

@@ -38,7 +38,9 @@ class FileManagerFormComponent extends BaseStoragePage {
         storageConfigId: '',
     }, ...(ngDevMode ? [{ debugName: "formModel" }] : []));
     fileForm = form(this.formModel, (f) => {
-        required(f.name, { message: this.translateService.translate('storage.validation.file.name.required') });
+        required(f.name, {
+            message: this.translateService.translate('storage.validation.file.name.required'),
+        });
     });
     isFormValid = computed(() => this.formModel().name.trim().length > 0, ...(ngDevMode ? [{ debugName: "isFormValid" }] : []));
     constructor() {
@@ -61,22 +63,22 @@ class FileManagerFormComponent extends BaseStoragePage {
     async loadStorageConfigs() {
         this.isLoadingConfigs.set(true);
         try {
-            const response = await firstValueFrom(this.configService.getAll('', {
+            const response = await this.configService.getAll({
                 pagination: { currentPage: 0, pageSize: 100 },
                 filter: {},
                 select: [],
                 sort: {},
-            }));
+            });
             if (response.success && response.data) {
                 this.availableConfigs.set(response.data);
                 if (response.data.length === 1) {
-                    this.formModel.update((m) => ({ ...m, storageConfigId: response.data[0].id }));
+                    this.formModel.update((m) => ({
+                        ...m,
+                        storageConfigId: response.data[0].id,
+                    }));
                 }
             }
         }
-        catch {
-            this.showError(this.translateService.translate('storage.config.load.failed'));
-        }
         finally {
             this.isLoadingConfigs.set(false);
         }
@@ -84,12 +86,12 @@ class FileManagerFormComponent extends BaseStoragePage {
     async loadFolders() {
         this.isLoadingFolders.set(true);
         try {
-            const response = await firstValueFrom(this.folderService.getAll('', {
+            const response = await this.folderService.getAll({
                 pagination: { currentPage: 0, pageSize: 100 },
                 filter: {},
                 select: [],
                 sort: {},
-            }));
+            });
             if (response.success && response.data) {
                 this.availableFolders.set(response.data);
             }
@@ -104,7 +106,7 @@ class FileManagerFormComponent extends BaseStoragePage {
     async loadFile(id) {
         this.isLoading.set(true);
         try {
-            const response = await this.fileService.findByIdAsync(id);
+            const response = await this.fileService.findById(id);
             if (response.success && response.data) {
                 const file = response.data;
                 this.existingFile.set(file);
@@ -118,7 +120,6 @@ class FileManagerFormComponent extends BaseStoragePage {
             }
         }
         catch {
-            this.showError(this.translateService.translate('storage.error.load.file.failed'));
             this.navigateTo(['/storage/files']);
         }
         finally {
@@ -139,13 +140,15 @@ class FileManagerFormComponent extends BaseStoragePage {
         try {
             const formValue = this.formModel();
             if (this.isEditMode()) {
-                await this.fileService.updateAsync({
+                const response = await this.fileService.update({
                     id: formValue.id,
                     name: formValue.name,
                     isPrivate: formValue.isPrivate,
                     folderId: formValue.folderId || null,
                 });
-                this.showSuccess(this.translateService.translate('storage.file.update.success'));
+                this.showSuccess(response.messageKey
+                    ? this.translateService.translate(response.messageKey, response.messageVariables)
+                    : (response.message ?? ''));
             }
             else {
                 const file = this.selectedFile();
@@ -164,7 +167,7 @@ class FileManagerFormComponent extends BaseStoragePage {
                 }));
                 if (uploadResponse.success && uploadResponse.data) {
                     const uploadedFileInfo = uploadResponse.data;
-                    await firstValueFrom(this.fileService.createFile({
+                    const createResponse = await firstValueFrom(this.fileService.createFile({
                         name: formValue.name,
                         key: uploadedFileInfo.key,
                         contentType: file.type || 'application/octet-stream',
@@ -173,7 +176,9 @@ class FileManagerFormComponent extends BaseStoragePage {
                         folderId: formValue.folderId || undefined,
                         storageConfigId: formValue.storageConfigId,
                     }));
-                    this.showSuccess(this.translateService.translate('storage.upload.success'));
+                    this.showSuccess(createResponse?.messageKey
+                        ? this.translateService.translate(createResponse.messageKey, createResponse.messageVariables)
+                        : (createResponse?.message ?? ''));
                 }
                 else {
                     throw new Error(this.translateService.translate('storage.upload.failed'));
@@ -195,9 +200,18 @@ class FileManagerFormComponent extends BaseStoragePage {
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.5", type: FileManagerFormComponent, isStandalone: true, selector: "lib-file-manager-form", usesInheritance: true, ngImport: i0, template: `
     <div class="card">
       <div class="mb-4">
-        <h3 class="text-lg sm:text-xl font-semibold">{{ (isEditMode() ? 'storage.file.manager.edit.file' : 'storage.file.manager.upload.file') | translate }}</h3>
+        <h3 class="text-lg sm:text-xl font-semibold">
+          {{
+            (isEditMode()
+              ? 'storage.file.manager.edit.file'
+              : 'storage.file.manager.upload.file'
+            ) | translate
+          }}
+        </h3>
         @if (showCompanyInfo()) {
-          <p class="text-sm text-muted-color mt-1">{{ 'storage.company' | translate }}: {{ currentCompanyName() }}</p>
+          <p class="text-sm text-muted-color mt-1">
+            {{ 'shared.company' | translate }}: {{ currentCompanyName() }}
+          </p>
         }
       </div>
 
@@ -205,11 +219,25 @@ class FileManagerFormComponent extends BaseStoragePage {
         @if (!isEditMode()) {
           <div class="grid grid-cols-1 md:grid-cols-2 gap-4 mb-4">
             <div class="field">
-              <label for="storageConfig" class="block font-medium mb-2 text-sm sm:text-base">{{ 'storage.config.provider.required' | translate }}</label>
-              <select id="storageConfig" class="p-select-native w-full" [formField]="fileForm.storageConfigId">
-                <option value="">{{ 'storage.config.select.config' | translate }}</option>
+              <label
+                for="storageConfig"
+                class="block font-medium mb-2 text-sm sm:text-base"
+                >{{ 'storage.config.provider.required' | translate }}</label
+              >
+              <select
+                id="storageConfig"
+                class="p-select-native w-full"
+                [formField]="fileForm.storageConfigId"
+              >
+                <option value="">
+                  {{ 'storage.config.select.config' | translate }}
+                </option>
                 @for (config of availableConfigs(); track config.id) {
-                  <option [value]="config.id">{{ config.name }} ({{ getProviderLabelKey(config.storage) | translate }})</option>
+                  <option [value]="config.id">
+                    {{ config.name }} ({{
+                      getProviderLabelKey(config.storage) | translate
+                    }})
+                  </option>
                 }
               </select>
               @if (availableConfigs().length === 0 && !isLoadingConfigs()) {
@@ -221,9 +249,19 @@ class FileManagerFormComponent extends BaseStoragePage {
             </div>
 
             <div class="field">
-              <label for="folder" class="block font-medium mb-2 text-sm sm:text-base">{{ 'storage.folder.optional' | translate }}</label>
-              <select id="folder" class="p-select-native w-full" [formField]="fileForm.folderId">
-                <option value="">{{ 'storage.folder.no.folder' | translate }}</option>
+              <label
+                for="folder"
+                class="block font-medium mb-2 text-sm sm:text-base"
+                >{{ 'storage.folder.optional' | translate }}</label
+              >
+              <select
+                id="folder"
+                class="p-select-native w-full"
+                [formField]="fileForm.folderId"
+              >
+                <option value="">
+                  {{ 'storage.folder.no.folder' | translate }}
+                </option>
                 @for (folder of availableFolders(); track folder.id) {
                   <option [value]="folder.id">{{ folder.name }}</option>
                 }
@@ -238,9 +276,19 @@ class FileManagerFormComponent extends BaseStoragePage {
           </div>
         } @else {
           <div class="field mb-4">
-            <label for="folder" class="block font-medium mb-2 text-sm sm:text-base">{{ 'storage.folder.optional' | translate }}</label>
-            <select id="folder" class="p-select-native w-full" [formField]="fileForm.folderId">
-              <option value="">{{ 'storage.folder.no.folder' | translate }}</option>
+            <label
+              for="folder"
+              class="block font-medium mb-2 text-sm sm:text-base"
+              >{{ 'storage.folder.optional' | translate }}</label
+            >
+            <select
+              id="folder"
+              class="p-select-native w-full"
+              [formField]="fileForm.folderId"
+            >
+              <option value="">
+                {{ 'storage.folder.no.folder' | translate }}
+              </option>
               @for (folder of availableFolders(); track folder.id) {
                 <option [value]="folder.id">{{ folder.name }}</option>
               }
@@ -256,7 +304,9 @@ class FileManagerFormComponent extends BaseStoragePage {
 
         @if (!isEditMode()) {
           <div class="field mb-4">
-            <label class="block font-medium mb-2 text-sm sm:text-base">{{ 'storage.file.select.required' | translate }}</label>
+            <label class="block font-medium mb-2 text-sm sm:text-base">{{
+              'storage.file.select.required' | translate
+            }}</label>
             <p-fileupload
               #fileUpload
               [customUpload]="true"
@@ -274,35 +324,78 @@ class FileManagerFormComponent extends BaseStoragePage {
                 @if (files && files.length > 0) {
                   <div class="flex flex-col gap-2">
                     @for (file of files; track file.name) {
-                      <div class="flex items-center gap-3 p-3 border border-surface rounded-lg bg-surface-ground">
-                        <i class="pi pi-file text-xl sm:text-2xl text-primary"></i>
+                      <div
+                        class="flex items-center gap-3 p-3 border border-surface rounded-lg bg-surface-ground"
+                      >
+                        <i
+                          class="pi pi-file text-xl sm:text-2xl text-primary"
+                        ></i>
                         <div class="flex-1 min-w-0">
-                          <div class="font-medium truncate">{{ file.name }}</div>
-                          <div class="text-sm text-muted-color">{{ formatFileSize(file.size) }}</div>
+                          <div class="font-medium truncate">
+                            {{ file.name }}
+                          </div>
+                          <div class="text-sm text-muted-color">
+                            {{ formatFileSize(file.size) }}
+                          </div>
                         </div>
-                        <p-button icon="pi pi-times" [text]="true" severity="danger" size="small" (onClick)="fileUpload.clear()" />
+                        <p-button
+                          icon="pi pi-times"
+                          [text]="true"
+                          severity="danger"
+                          size="small"
+                          (onClick)="fileUpload.clear()"
+                        />
                       </div>
                     }
                   </div>
                 } @else {
-                  <div class="flex items-center justify-center flex-col p-6 sm:p-8 border-2 border-dashed border-surface rounded-lg">
-                    <i class="pi pi-cloud-upload text-3xl sm:text-4xl text-muted-color mb-3"></i>
-                    <p class="text-muted-color text-center text-sm sm:text-base">{{ 'storage.upload.drag.drop' | translate }}</p>
-                    <p class="text-xs sm:text-sm text-muted-color mt-2">{{ 'storage.upload.max.size' | translate: { size: '50MB' } }}</p>
+                  <div
+                    class="flex items-center justify-center flex-col p-6 sm:p-8 border-2 border-dashed border-surface rounded-lg"
+                  >
+                    <i
+                      class="pi pi-cloud-upload text-3xl sm:text-4xl text-muted-color mb-3"
+                    ></i>
+                    <p
+                      class="text-muted-color text-center text-sm sm:text-base"
+                    >
+                      {{ 'storage.upload.drag.drop' | translate }}
+                    </p>
+                    <p class="text-xs sm:text-sm text-muted-color mt-2">
+                      {{
+                        'storage.upload.max.size' | translate: { size: '50MB' }
+                      }}
+                    </p>
                   </div>
                 }
               </ng-template>
             </p-fileupload>
             @if (!selectedFile() && !isEditMode()) {
-              <small class="text-muted-color">{{ 'storage.upload.please.select' | translate }}</small>
+              <small class="text-muted-color">{{
+                'storage.upload.please.select' | translate
+              }}</small>
             }
           </div>
         }
 
         <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
           <div class="field md:col-span-2">
-            <label for="name" class="block font-medium mb-2 text-sm sm:text-base">{{ 'storage.file.name.required' | translate }}</label>
-            <input pInputText id="name" [formField]="fileForm.name" [placeholder]="(isEditMode() ? 'storage.file.placeholder.edit' : 'storage.file.placeholder') | translate" class="w-full" />
+            <label
+              for="name"
+              class="block font-medium mb-2 text-sm sm:text-base"
+              >{{ 'storage.file.name.required' | translate }}</label
+            >
+            <input
+              pInputText
+              id="name"
+              [formField]="fileForm.name"
+              [placeholder]="
+                (isEditMode()
+                  ? 'storage.file.placeholder.edit'
+                  : 'storage.file.placeholder'
+                ) | translate
+              "
+              class="w-full"
+            />
           </div>
 
           <div class="field">
@@ -311,18 +404,34 @@ class FileManagerFormComponent extends BaseStoragePage {
               <span>{{ 'storage.file.private' | translate }}</span>
             </label>
             <small class="text-muted-color block mt-2">
-              {{ (formModel().isPrivate ? 'storage.file.private.hint' : 'storage.file.public.hint') | translate }}
+              {{
+                (formModel().isPrivate
+                  ? 'storage.file.private.hint'
+                  : 'storage.file.public.hint'
+                ) | translate
+              }}
             </small>
           </div>
         </div>
 
         <div class="flex justify-end gap-2 mt-4">
-          <p-button [label]="'shared.cancel' | translate" severity="secondary" [outlined]="true" (onClick)="onCancel()" />
+          <p-button
+            [label]="'shared.cancel' | translate"
+            severity="secondary"
+            [outlined]="true"
+            (onClick)="onCancel()"
+          />
           <p-button
             type="submit"
-            [label]="(isEditMode() ? 'shared.update' : 'storage.button.upload') | translate"
+            [label]="
+              (isEditMode() ? 'shared.update' : 'shared.upload') | translate
+            "
             [loading]="isLoading()"
-            [disabled]="!isFormValid() || (!isEditMode() && !selectedFile()) || isLoading()"
+            [disabled]="
+              !isFormValid() ||
+              (!isEditMode() && !selectedFile()) ||
+              isLoading()
+            "
           />
         </div>
       </form>
@@ -337,9 +446,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
                     template: `
     <div class="card">
       <div class="mb-4">
-        <h3 class="text-lg sm:text-xl font-semibold">{{ (isEditMode() ? 'storage.file.manager.edit.file' : 'storage.file.manager.upload.file') | translate }}</h3>
+        <h3 class="text-lg sm:text-xl font-semibold">
+          {{
+            (isEditMode()
+              ? 'storage.file.manager.edit.file'
+              : 'storage.file.manager.upload.file'
+            ) | translate
+          }}
+        </h3>
         @if (showCompanyInfo()) {
-          <p class="text-sm text-muted-color mt-1">{{ 'storage.company' | translate }}: {{ currentCompanyName() }}</p>
+          <p class="text-sm text-muted-color mt-1">
+            {{ 'shared.company' | translate }}: {{ currentCompanyName() }}
+          </p>
         }
       </div>
 
@@ -347,11 +465,25 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
         @if (!isEditMode()) {
           <div class="grid grid-cols-1 md:grid-cols-2 gap-4 mb-4">
             <div class="field">
-              <label for="storageConfig" class="block font-medium mb-2 text-sm sm:text-base">{{ 'storage.config.provider.required' | translate }}</label>
-              <select id="storageConfig" class="p-select-native w-full" [formField]="fileForm.storageConfigId">
-                <option value="">{{ 'storage.config.select.config' | translate }}</option>
+              <label
+                for="storageConfig"
+                class="block font-medium mb-2 text-sm sm:text-base"
+                >{{ 'storage.config.provider.required' | translate }}</label
+              >
+              <select
+                id="storageConfig"
+                class="p-select-native w-full"
+                [formField]="fileForm.storageConfigId"
+              >
+                <option value="">
+                  {{ 'storage.config.select.config' | translate }}
+                </option>
                 @for (config of availableConfigs(); track config.id) {
-                  <option [value]="config.id">{{ config.name }} ({{ getProviderLabelKey(config.storage) | translate }})</option>
+                  <option [value]="config.id">
+                    {{ config.name }} ({{
+                      getProviderLabelKey(config.storage) | translate
+                    }})
+                  </option>
                 }
               </select>
               @if (availableConfigs().length === 0 && !isLoadingConfigs()) {
@@ -363,9 +495,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
             </div>
 
             <div class="field">
-              <label for="folder" class="block font-medium mb-2 text-sm sm:text-base">{{ 'storage.folder.optional' | translate }}</label>
-              <select id="folder" class="p-select-native w-full" [formField]="fileForm.folderId">
-                <option value="">{{ 'storage.folder.no.folder' | translate }}</option>
+              <label
+                for="folder"
+                class="block font-medium mb-2 text-sm sm:text-base"
+                >{{ 'storage.folder.optional' | translate }}</label
+              >
+              <select
+                id="folder"
+                class="p-select-native w-full"
+                [formField]="fileForm.folderId"
+              >
+                <option value="">
+                  {{ 'storage.folder.no.folder' | translate }}
+                </option>
                 @for (folder of availableFolders(); track folder.id) {
                   <option [value]="folder.id">{{ folder.name }}</option>
                 }
@@ -380,9 +522,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
           </div>
         } @else {
           <div class="field mb-4">
-            <label for="folder" class="block font-medium mb-2 text-sm sm:text-base">{{ 'storage.folder.optional' | translate }}</label>
-            <select id="folder" class="p-select-native w-full" [formField]="fileForm.folderId">
-              <option value="">{{ 'storage.folder.no.folder' | translate }}</option>
+            <label
+              for="folder"
+              class="block font-medium mb-2 text-sm sm:text-base"
+              >{{ 'storage.folder.optional' | translate }}</label
+            >
+            <select
+              id="folder"
+              class="p-select-native w-full"
+              [formField]="fileForm.folderId"
+            >
+              <option value="">
+                {{ 'storage.folder.no.folder' | translate }}
+              </option>
               @for (folder of availableFolders(); track folder.id) {
                 <option [value]="folder.id">{{ folder.name }}</option>
               }
@@ -398,7 +550,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
 
         @if (!isEditMode()) {
           <div class="field mb-4">
-            <label class="block font-medium mb-2 text-sm sm:text-base">{{ 'storage.file.select.required' | translate }}</label>
+            <label class="block font-medium mb-2 text-sm sm:text-base">{{
+              'storage.file.select.required' | translate
+            }}</label>
             <p-fileupload
               #fileUpload
               [customUpload]="true"
@@ -416,35 +570,78 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
                 @if (files && files.length > 0) {
                   <div class="flex flex-col gap-2">
                     @for (file of files; track file.name) {
-                      <div class="flex items-center gap-3 p-3 border border-surface rounded-lg bg-surface-ground">
-                        <i class="pi pi-file text-xl sm:text-2xl text-primary"></i>
+                      <div
+                        class="flex items-center gap-3 p-3 border border-surface rounded-lg bg-surface-ground"
+                      >
+                        <i
+                          class="pi pi-file text-xl sm:text-2xl text-primary"
+                        ></i>
                         <div class="flex-1 min-w-0">
-                          <div class="font-medium truncate">{{ file.name }}</div>
-                          <div class="text-sm text-muted-color">{{ formatFileSize(file.size) }}</div>
+                          <div class="font-medium truncate">
+                            {{ file.name }}
+                          </div>
+                          <div class="text-sm text-muted-color">
+                            {{ formatFileSize(file.size) }}
+                          </div>
                         </div>
-                        <p-button icon="pi pi-times" [text]="true" severity="danger" size="small" (onClick)="fileUpload.clear()" />
+                        <p-button
+                          icon="pi pi-times"
+                          [text]="true"
+                          severity="danger"
+                          size="small"
+                          (onClick)="fileUpload.clear()"
+                        />
                       </div>
                     }
                   </div>
                 } @else {
-                  <div class="flex items-center justify-center flex-col p-6 sm:p-8 border-2 border-dashed border-surface rounded-lg">
-                    <i class="pi pi-cloud-upload text-3xl sm:text-4xl text-muted-color mb-3"></i>
-                    <p class="text-muted-color text-center text-sm sm:text-base">{{ 'storage.upload.drag.drop' | translate }}</p>
-                    <p class="text-xs sm:text-sm text-muted-color mt-2">{{ 'storage.upload.max.size' | translate: { size: '50MB' } }}</p>
+                  <div
+                    class="flex items-center justify-center flex-col p-6 sm:p-8 border-2 border-dashed border-surface rounded-lg"
+                  >
+                    <i
+                      class="pi pi-cloud-upload text-3xl sm:text-4xl text-muted-color mb-3"
+                    ></i>
+                    <p
+                      class="text-muted-color text-center text-sm sm:text-base"
+                    >
+                      {{ 'storage.upload.drag.drop' | translate }}
+                    </p>
+                    <p class="text-xs sm:text-sm text-muted-color mt-2">
+                      {{
+                        'storage.upload.max.size' | translate: { size: '50MB' }
+                      }}
+                    </p>
                   </div>
                 }
               </ng-template>
             </p-fileupload>
             @if (!selectedFile() && !isEditMode()) {
-              <small class="text-muted-color">{{ 'storage.upload.please.select' | translate }}</small>
+              <small class="text-muted-color">{{
+                'storage.upload.please.select' | translate
+              }}</small>
             }
           </div>
         }
 
         <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
           <div class="field md:col-span-2">
-            <label for="name" class="block font-medium mb-2 text-sm sm:text-base">{{ 'storage.file.name.required' | translate }}</label>
-            <input pInputText id="name" [formField]="fileForm.name" [placeholder]="(isEditMode() ? 'storage.file.placeholder.edit' : 'storage.file.placeholder') | translate" class="w-full" />
+            <label
+              for="name"
+              class="block font-medium mb-2 text-sm sm:text-base"
+              >{{ 'storage.file.name.required' | translate }}</label
+            >
+            <input
+              pInputText
+              id="name"
+              [formField]="fileForm.name"
+              [placeholder]="
+                (isEditMode()
+                  ? 'storage.file.placeholder.edit'
+                  : 'storage.file.placeholder'
+                ) | translate
+              "
+              class="w-full"
+            />
           </div>
 
           <div class="field">
@@ -453,18 +650,34 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
               <span>{{ 'storage.file.private' | translate }}</span>
             </label>
             <small class="text-muted-color block mt-2">
-              {{ (formModel().isPrivate ? 'storage.file.private.hint' : 'storage.file.public.hint') | translate }}
+              {{
+                (formModel().isPrivate
+                  ? 'storage.file.private.hint'
+                  : 'storage.file.public.hint'
+                ) | translate
+              }}
             </small>
           </div>
         </div>
 
         <div class="flex justify-end gap-2 mt-4">
-          <p-button [label]="'shared.cancel' | translate" severity="secondary" [outlined]="true" (onClick)="onCancel()" />
+          <p-button
+            [label]="'shared.cancel' | translate"
+            severity="secondary"
+            [outlined]="true"
+            (onClick)="onCancel()"
+          />
           <p-button
             type="submit"
-            [label]="(isEditMode() ? 'shared.update' : 'storage.button.upload') | translate"
+            [label]="
+              (isEditMode() ? 'shared.update' : 'shared.upload') | translate
+            "
             [loading]="isLoading()"
-            [disabled]="!isFormValid() || (!isEditMode() && !selectedFile()) || isLoading()"
+            [disabled]="
+              !isFormValid() ||
+              (!isEditMode() && !selectedFile()) ||
+              isLoading()
+            "
           />
         </div>
       </form>
@@ -474,4 +687,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
         }], ctorParameters: () => [] });
 
 export { FileManagerFormComponent };
-//# sourceMappingURL=flusys-ng-storage-file-manager-form.component-AM7JE-s5.mjs.map
+//# sourceMappingURL=flusys-ng-storage-file-manager-form.component-BLJDAvBX.mjs.map