@flusys/ng-storage 3.0.1 → 4.0.0-rc

package/fesm2022/{flusys-ng-storage-file-manager-list.component-0O_b4EjN.mjs → flusys-ng-storage-file-manager-list.component-bj6oOzOL.mjs}

@@ -1,35 +1,29 @@
 import * as i0 from '@angular/core';
-import { inject, signal, ChangeDetectionStrategy, Component } from '@angular/core';
-import { FILE_PERMISSIONS, AngularModule, PrimeModule, HasPermissionDirective } from '@flusys/ng-shared';
+import { inject, signal, Component } from '@angular/core';
+import { TranslateService } from '@flusys/ng-localization';
+import { FILE_PERMISSIONS, AngularModule, PrimeModule, HasPermissionDirective, TranslatePipe } from '@flusys/ng-shared';
 import { firstValueFrom } from 'rxjs';
-import { BaseStorageListPage, FileManagerApiService, getFileIcon, getProviderLabel, getProviderSeverity } from './flusys-ng-storage.mjs';
+import { BaseStorageListPage, FileManagerApiService, getFileIcon, getProviderLabelKey, getProviderSeverity } from './flusys-ng-storage.mjs';
 import * as i1 from 'primeng/button';
 import * as i2 from 'primeng/table';
 import * as i3 from 'primeng/tag';
 import * as i4 from 'primeng/tooltip';
 import * as i5 from '@angular/common';
 
-/**
- * File Manager List Component
- * Displays all files with company filter (if enabled)
- */
 class FileManagerListComponent extends BaseStorageListPage {
-    // Permission constants for template
     FILE_PERMISSIONS = FILE_PERMISSIONS;
     fileService = inject(FileManagerApiService);
-    /** Files list alias for template compatibility */
+    translateService = inject(TranslateService);
     files = this.items;
-    /** ID of file currently being viewed (null when not viewing) */
     viewingFileId = signal(null, ...(ngDevMode ? [{ debugName: "viewingFileId" }] : []));
-    /** Utility functions exposed to template */
     getFileIcon = getFileIcon;
-    getProviderLabel = getProviderLabel;
+    getProviderLabelKey = getProviderLabelKey;
     getProviderSeverity = getProviderSeverity;
     getResourceRoute() {
         return '/storage/files';
     }
     getDeleteConfirmMessage(file) {
-        return `Are you sure you want to delete "${file.name}"?`;
+        return this.translateService.translate('storage.delete.confirm.named', { name: file.name });
     }
     async loadData() {
         this.isLoading.set(true);
@@ -46,7 +40,7 @@ class FileManagerListComponent extends BaseStorageListPage {
             }
         }
         catch {
-            this.showError('Failed to load files.');
+            this.showError(this.translateService.translate('storage.error.load.failed'));
         }
         finally {
             this.isLoading.set(false);
@@ -59,16 +53,15 @@ class FileManagerListComponent extends BaseStorageListPage {
         this.viewingFileId.set(file.id);
         try {
             const response = await firstValueFrom(this.fileService.getFiles([file.id]));
-            // Response type is ISingleResponse<IFilesResponseDto[]>
             if (response.success && response.data?.length && response.data[0].url) {
                 window.open(response.data[0].url, '_blank');
             }
             else {
-                this.showError('File URL is not available.');
+                this.showError(this.translateService.translate('storage.file.url.not.available'));
             }
         }
         catch {
-            this.showError('Failed to get file URL.');
+            this.showError(this.translateService.translate('storage.file.get.url.failed'));
         }
         finally {
             this.viewingFileId.set(null);
@@ -76,39 +69,39 @@ class FileManagerListComponent extends BaseStorageListPage {
     }
     onSoftDelete(file) {
         this.confirmationService.confirm({
-            message: `Move "${file.name}" to trash? You can recover it later.`,
-            header: 'Move to Trash',
+            message: this.translateService.translate('storage.delete.move.to.trash.confirm', { name: file.name }),
+            header: this.translateService.translate('storage.delete.move.to.trash'),
             icon: 'pi pi-trash',
-            acceptLabel: 'Move to Trash',
+            acceptLabel: this.translateService.translate('storage.delete.move.to.trash'),
             acceptButtonStyleClass: 'p-button-warning',
             accept: async () => {
                 try {
                     await this.fileService.deleteAsync({ id: file.id, type: 'delete' });
-                    this.showSuccess('File moved to trash successfully.');
+                    this.showSuccess(this.translateService.translate('storage.delete.trash.success'));
                     this.loadData();
                 }
                 catch {
-                    this.showError('Failed to move file to trash.');
+                    this.showError(this.translateService.translate('storage.delete.trash.failed'));
                 }
             },
         });
     }
     onPermanentDelete(file) {
         this.confirmationService.confirm({
-            message: `Permanently delete "${file.name}"? This action CANNOT be undone and will delete the file from storage.`,
-            header: 'Permanent Delete',
+            message: this.translateService.translate('storage.delete.permanent.delete.confirm', { name: file.name }),
+            header: this.translateService.translate('storage.delete.permanent.delete'),
             icon: 'pi pi-exclamation-triangle',
-            acceptLabel: 'Delete Permanently',
-            rejectLabel: 'Cancel',
+            acceptLabel: this.translateService.translate('storage.delete.permanent.delete.button'),
+            rejectLabel: this.translateService.translate('shared.cancel'),
             acceptButtonStyleClass: 'p-button-danger',
             accept: async () => {
                 try {
                     await this.fileService.deleteAsync({ id: file.id, type: 'permanent' });
-                    this.showSuccess('File permanently deleted.');
+                    this.showSuccess(this.translateService.translate('storage.delete.permanent.success'));
                     this.loadData();
                 }
                 catch {
-                    this.showError('Failed to permanently delete file.');
+                    this.showError(this.translateService.translate('storage.delete.permanent.failed'));
                 }
             },
         });
@@ -118,14 +111,14 @@ class FileManagerListComponent extends BaseStorageListPage {
     <div class="card">
       <div class="flex flex-col sm:flex-row sm:justify-between sm:items-center gap-3 mb-4">
         <div>
-          <h3 class="text-lg sm:text-xl font-semibold">File Manager</h3>
+          <h3 class="text-lg sm:text-xl font-semibold">{{ 'storage.file.manager.title' | translate }}</h3>
           @if (showCompanyInfo()) {
             <p class="text-sm text-muted-color mt-1">
-              Company: {{ currentCompanyName() }}
+              {{ 'storage.company' | translate }}: {{ currentCompanyName() }}
             </p>
           }
         </div>
-        <p-button *hasPermission="FILE_PERMISSIONS.CREATE" label="Upload File" icon="pi pi-upload" (onClick)="onUpload()" styleClass="w-full sm:w-auto" />
+        <p-button *hasPermission="FILE_PERMISSIONS.CREATE" [label]="'storage.button.upload.file' | translate" icon="pi pi-upload" (onClick)="onUpload()" styleClass="w-full sm:w-auto" />
       </div>
 
       <div class="overflow-x-auto">
@@ -143,14 +136,14 @@ class FileManagerListComponent extends BaseStorageListPage {
         >
           <ng-template #header>
             <tr>
-              <th>Name</th>
-              <th class="hidden lg:table-cell">Type</th>
-              <th>Size</th>
-              <th>Location</th>
-              <th class="hidden xl:table-cell">Config</th>
-              <th>Private</th>
-              <th class="hidden md:table-cell">Created</th>
-              <th class="w-[120px]">Actions</th>
+              <th>{{ 'storage.table.name' | translate }}</th>
+              <th class="hidden lg:table-cell">{{ 'storage.table.type' | translate }}</th>
+              <th>{{ 'storage.table.size' | translate }}</th>
+              <th>{{ 'storage.table.location' | translate }}</th>
+              <th class="hidden xl:table-cell">{{ 'storage.table.config' | translate }}</th>
+              <th>{{ 'storage.table.private' | translate }}</th>
+              <th class="hidden md:table-cell">{{ 'storage.table.created' | translate }}</th>
+              <th class="w-[120px]">{{ 'storage.table.actions' | translate }}</th>
             </tr>
           </ng-template>
           <ng-template #body let-file>
@@ -164,25 +157,25 @@ class FileManagerListComponent extends BaseStorageListPage {
               <td class="hidden lg:table-cell">
                 <span class="text-sm text-muted-color">{{ file.contentType }}</span>
               </td>
-              <td>{{ file.size }} KB</td>
+              <td>{{ file.size }} {{ 'storage.unit.kb' | translate }}</td>
               <td>
-                <p-tag [value]="getProviderLabel(file.location)" [severity]="getProviderSeverity(file.location)" />
+                <p-tag [value]="getProviderLabelKey(file.location) | translate" [severity]="getProviderSeverity(file.location)" />
               </td>
               <td class="hidden xl:table-cell">{{ file.providerName || '-' }}</td>
               <td>
                 @if (file.isPrivate) {
-                  <p-tag value="Private" severity="warn" />
+                  <p-tag [value]="'storage.private' | translate" severity="warn" />
                 } @else {
-                  <p-tag value="Public" severity="success" />
+                  <p-tag [value]="'storage.public' | translate" severity="success" />
                 }
               </td>
               <td class="hidden md:table-cell">{{ file.createdAt | date: 'short' }}</td>
               <td>
                 <div class="flex gap-1">
-                  <p-button *hasPermission="FILE_PERMISSIONS.READ" icon="pi pi-eye" [text]="true" severity="secondary" size="small" [loading]="viewingFileId() === file.id" [disabled]="viewingFileId() === file.id" (onClick)="onView(file)" pTooltip="View" tooltipPosition="top" />
-                  <p-button *hasPermission="FILE_PERMISSIONS.UPDATE" icon="pi pi-pencil" [text]="true" severity="secondary" size="small" (onClick)="onEdit(file.id)" pTooltip="Edit" tooltipPosition="top" />
-                  <p-button *hasPermission="FILE_PERMISSIONS.DELETE" icon="pi pi-trash" [text]="true" severity="warn" size="small" (onClick)="onSoftDelete(file)" pTooltip="Trash" tooltipPosition="top" />
-                  <p-button *hasPermission="FILE_PERMISSIONS.DELETE" icon="pi pi-times-circle" [text]="true" severity="danger" size="small" (onClick)="onPermanentDelete(file)" pTooltip="Delete" tooltipPosition="top" />
+                  <p-button *hasPermission="FILE_PERMISSIONS.READ" icon="pi pi-eye" [text]="true" severity="secondary" size="small" [loading]="viewingFileId() === file.id" [disabled]="viewingFileId() === file.id" (onClick)="onView(file)" [pTooltip]="'storage.tooltip.view' | translate" tooltipPosition="top" />
+                  <p-button *hasPermission="FILE_PERMISSIONS.UPDATE" icon="pi pi-pencil" [text]="true" severity="secondary" size="small" (onClick)="onEdit(file.id)" [pTooltip]="'storage.tooltip.edit' | translate" tooltipPosition="top" />
+                  <p-button *hasPermission="FILE_PERMISSIONS.DELETE" icon="pi pi-trash" [text]="true" severity="warn" size="small" (onClick)="onSoftDelete(file)" [pTooltip]="'storage.tooltip.trash' | translate" tooltipPosition="top" />
+                  <p-button *hasPermission="FILE_PERMISSIONS.DELETE" icon="pi pi-times-circle" [text]="true" severity="danger" size="small" (onClick)="onPermanentDelete(file)" [pTooltip]="'storage.tooltip.delete' | translate" tooltipPosition="top" />
                 </div>
               </td>
             </tr>
@@ -191,9 +184,9 @@ class FileManagerListComponent extends BaseStorageListPage {
             <tr>
               <td colspan="8" class="text-center py-4 text-muted-color">
                 @if (showCompanyInfo()) {
-                  No files found in current company
+                  {{ 'storage.empty.files.in.company' | translate }}
                 } @else {
-                  No files found
+                  {{ 'storage.empty.files' | translate }}
                 }
               </td>
             </tr>
@@ -201,26 +194,25 @@ class FileManagerListComponent extends BaseStorageListPage {
         </p-table>
       </div>
     </div>
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: AngularModule }, { kind: "ngmodule", type: PrimeModule }, { 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: "component", type: i2.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorStyleClass", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "size", "showGridlines", "stripedRows", "groupRowsByOrder", "responsiveLayout", "breakpoint", "paginatorLocale", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll"], outputs: ["contextMenuSelectionChange", "selectAllChange", "selectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "component", type: i3.Tag, selector: "p-tag", inputs: ["styleClass", "severity", "value", "icon", "rounded"] }, { kind: "directive", type: i4.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "showOnEllipsis", "pTooltip", "tooltipDisabled", "tooltipOptions", "appendTo", "ptTooltip", "pTooltipPT", "pTooltipUnstyled"] }, { kind: "directive", type: HasPermissionDirective, selector: "[hasPermission]", inputs: ["hasPermission"] }, { kind: "pipe", type: i5.DatePipe, name: "date" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: AngularModule }, { kind: "ngmodule", type: PrimeModule }, { 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: "component", type: i2.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorStyleClass", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "size", "showGridlines", "stripedRows", "groupRowsByOrder", "responsiveLayout", "breakpoint", "paginatorLocale", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll"], outputs: ["contextMenuSelectionChange", "selectAllChange", "selectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "component", type: i3.Tag, selector: "p-tag", inputs: ["styleClass", "severity", "value", "icon", "rounded"] }, { kind: "directive", type: i4.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "showOnEllipsis", "pTooltip", "tooltipDisabled", "tooltipOptions", "appendTo", "ptTooltip", "pTooltipPT", "pTooltipUnstyled"] }, { kind: "directive", type: HasPermissionDirective, selector: "[hasPermission]", inputs: ["hasPermission"] }, { kind: "pipe", type: i5.DatePipe, name: "date" }, { kind: "pipe", type: TranslatePipe, name: "translate" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: FileManagerListComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'lib-file-manager-list',
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    imports: [AngularModule, PrimeModule, HasPermissionDirective],
+                    imports: [AngularModule, PrimeModule, HasPermissionDirective, TranslatePipe],
                     template: `
     <div class="card">
       <div class="flex flex-col sm:flex-row sm:justify-between sm:items-center gap-3 mb-4">
         <div>
-          <h3 class="text-lg sm:text-xl font-semibold">File Manager</h3>
+          <h3 class="text-lg sm:text-xl font-semibold">{{ 'storage.file.manager.title' | translate }}</h3>
           @if (showCompanyInfo()) {
             <p class="text-sm text-muted-color mt-1">
-              Company: {{ currentCompanyName() }}
+              {{ 'storage.company' | translate }}: {{ currentCompanyName() }}
             </p>
           }
         </div>
-        <p-button *hasPermission="FILE_PERMISSIONS.CREATE" label="Upload File" icon="pi pi-upload" (onClick)="onUpload()" styleClass="w-full sm:w-auto" />
+        <p-button *hasPermission="FILE_PERMISSIONS.CREATE" [label]="'storage.button.upload.file' | translate" icon="pi pi-upload" (onClick)="onUpload()" styleClass="w-full sm:w-auto" />
       </div>
 
       <div class="overflow-x-auto">
@@ -238,14 +230,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
         >
           <ng-template #header>
             <tr>
-              <th>Name</th>
-              <th class="hidden lg:table-cell">Type</th>
-              <th>Size</th>
-              <th>Location</th>
-              <th class="hidden xl:table-cell">Config</th>
-              <th>Private</th>
-              <th class="hidden md:table-cell">Created</th>
-              <th class="w-[120px]">Actions</th>
+              <th>{{ 'storage.table.name' | translate }}</th>
+              <th class="hidden lg:table-cell">{{ 'storage.table.type' | translate }}</th>
+              <th>{{ 'storage.table.size' | translate }}</th>
+              <th>{{ 'storage.table.location' | translate }}</th>
+              <th class="hidden xl:table-cell">{{ 'storage.table.config' | translate }}</th>
+              <th>{{ 'storage.table.private' | translate }}</th>
+              <th class="hidden md:table-cell">{{ 'storage.table.created' | translate }}</th>
+              <th class="w-[120px]">{{ 'storage.table.actions' | translate }}</th>
             </tr>
           </ng-template>
           <ng-template #body let-file>
@@ -259,25 +251,25 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
               <td class="hidden lg:table-cell">
                 <span class="text-sm text-muted-color">{{ file.contentType }}</span>
               </td>
-              <td>{{ file.size }} KB</td>
+              <td>{{ file.size }} {{ 'storage.unit.kb' | translate }}</td>
               <td>
-                <p-tag [value]="getProviderLabel(file.location)" [severity]="getProviderSeverity(file.location)" />
+                <p-tag [value]="getProviderLabelKey(file.location) | translate" [severity]="getProviderSeverity(file.location)" />
               </td>
               <td class="hidden xl:table-cell">{{ file.providerName || '-' }}</td>
               <td>
                 @if (file.isPrivate) {
-                  <p-tag value="Private" severity="warn" />
+                  <p-tag [value]="'storage.private' | translate" severity="warn" />
                 } @else {
-                  <p-tag value="Public" severity="success" />
+                  <p-tag [value]="'storage.public' | translate" severity="success" />
                 }
               </td>
               <td class="hidden md:table-cell">{{ file.createdAt | date: 'short' }}</td>
               <td>
                 <div class="flex gap-1">
-                  <p-button *hasPermission="FILE_PERMISSIONS.READ" icon="pi pi-eye" [text]="true" severity="secondary" size="small" [loading]="viewingFileId() === file.id" [disabled]="viewingFileId() === file.id" (onClick)="onView(file)" pTooltip="View" tooltipPosition="top" />
-                  <p-button *hasPermission="FILE_PERMISSIONS.UPDATE" icon="pi pi-pencil" [text]="true" severity="secondary" size="small" (onClick)="onEdit(file.id)" pTooltip="Edit" tooltipPosition="top" />
-                  <p-button *hasPermission="FILE_PERMISSIONS.DELETE" icon="pi pi-trash" [text]="true" severity="warn" size="small" (onClick)="onSoftDelete(file)" pTooltip="Trash" tooltipPosition="top" />
-                  <p-button *hasPermission="FILE_PERMISSIONS.DELETE" icon="pi pi-times-circle" [text]="true" severity="danger" size="small" (onClick)="onPermanentDelete(file)" pTooltip="Delete" tooltipPosition="top" />
+                  <p-button *hasPermission="FILE_PERMISSIONS.READ" icon="pi pi-eye" [text]="true" severity="secondary" size="small" [loading]="viewingFileId() === file.id" [disabled]="viewingFileId() === file.id" (onClick)="onView(file)" [pTooltip]="'storage.tooltip.view' | translate" tooltipPosition="top" />
+                  <p-button *hasPermission="FILE_PERMISSIONS.UPDATE" icon="pi pi-pencil" [text]="true" severity="secondary" size="small" (onClick)="onEdit(file.id)" [pTooltip]="'storage.tooltip.edit' | translate" tooltipPosition="top" />
+                  <p-button *hasPermission="FILE_PERMISSIONS.DELETE" icon="pi pi-trash" [text]="true" severity="warn" size="small" (onClick)="onSoftDelete(file)" [pTooltip]="'storage.tooltip.trash' | translate" tooltipPosition="top" />
+                  <p-button *hasPermission="FILE_PERMISSIONS.DELETE" icon="pi pi-times-circle" [text]="true" severity="danger" size="small" (onClick)="onPermanentDelete(file)" [pTooltip]="'storage.tooltip.delete' | translate" tooltipPosition="top" />
                 </div>
               </td>
             </tr>
@@ -286,9 +278,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
             <tr>
               <td colspan="8" class="text-center py-4 text-muted-color">
                 @if (showCompanyInfo()) {
-                  No files found in current company
+                  {{ 'storage.empty.files.in.company' | translate }}
                 } @else {
-                  No files found
+                  {{ 'storage.empty.files' | translate }}
                 }
               </td>
             </tr>
@@ -301,4 +293,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
         }] });
 
 export { FileManagerListComponent };
-//# sourceMappingURL=flusys-ng-storage-file-manager-list.component-0O_b4EjN.mjs.map
+//# sourceMappingURL=flusys-ng-storage-file-manager-list.component-bj6oOzOL.mjs.map

package/fesm2022/flusys-ng-storage-file-manager-list.component-bj6oOzOL.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"flusys-ng-storage-file-manager-list.component-bj6oOzOL.mjs","sources":["../../../projects/ng-storage/pages/file-manager/file-manager-list.component.ts"],"sourcesContent":["import {  Component, inject, signal } from '@angular/core';\nimport { TranslateService } from '@flusys/ng-localization';\nimport { AngularModule, FILE_PERMISSIONS, HasPermissionDirective, PrimeModule, TranslatePipe } from '@flusys/ng-shared';\nimport { firstValueFrom } from 'rxjs';\nimport { IFileManager } from '../../interfaces/file-manager.interface';\nimport { FileManagerApiService } from '../../services/file-manager-api.service';\nimport { BaseStorageListPage } from '../../utils/base-storage-page';\nimport { getFileIcon, getProviderLabelKey, getProviderSeverity } from '../../utils/storage-utils';\n\n@Component({\n  selector: 'lib-file-manager-list',\n  imports: [AngularModule, PrimeModule, HasPermissionDirective, TranslatePipe],\n  template: `\n    <div class=\"card\">\n      <div class=\"flex flex-col sm:flex-row sm:justify-between sm:items-center gap-3 mb-4\">\n        <div>\n          <h3 class=\"text-lg sm:text-xl font-semibold\">{{ 'storage.file.manager.title' | translate }}</h3>\n          @if (showCompanyInfo()) {\n            <p class=\"text-sm text-muted-color mt-1\">\n              {{ 'storage.company' | translate }}: {{ currentCompanyName() }}\n            </p>\n          }\n        </div>\n        <p-button *hasPermission=\"FILE_PERMISSIONS.CREATE\" [label]=\"'storage.button.upload.file' | translate\" icon=\"pi pi-upload\" (onClick)=\"onUpload()\" styleClass=\"w-full sm:w-auto\" />\n      </div>\n\n      <div class=\"overflow-x-auto\">\n        <p-table\n          [value]=\"files()\"\n          [loading]=\"isLoading()\"\n          [paginator]=\"totalRecords() > 0\"\n          [rows]=\"pageSize()\"\n          [totalRecords]=\"totalRecords()\"\n          [lazy]=\"true\"\n          (onLazyLoad)=\"onPageChange($event)\"\n          [rowsPerPageOptions]=\"[10, 25, 50]\"\n          [scrollable]=\"true\"\n          styleClass=\"p-datatable-sm\"\n        >\n          <ng-template #header>\n            <tr>\n              <th>{{ 'storage.table.name' | translate }}</th>\n              <th class=\"hidden lg:table-cell\">{{ 'storage.table.type' | translate }}</th>\n              <th>{{ 'storage.table.size' | translate }}</th>\n              <th>{{ 'storage.table.location' | translate }}</th>\n              <th class=\"hidden xl:table-cell\">{{ 'storage.table.config' | translate }}</th>\n              <th>{{ 'storage.table.private' | translate }}</th>\n              <th class=\"hidden md:table-cell\">{{ 'storage.table.created' | translate }}</th>\n              <th class=\"w-[120px]\">{{ 'storage.table.actions' | translate }}</th>\n            </tr>\n          </ng-template>\n          <ng-template #body let-file>\n            <tr>\n              <td>\n                <div class=\"flex items-center gap-2\">\n                  <i [class]=\"getFileIcon(file.contentType)\"></i>\n                  <span class=\"truncate max-w-32 sm:max-w-none\">{{ file.name }}</span>\n                </div>\n              </td>\n              <td class=\"hidden lg:table-cell\">\n                <span class=\"text-sm text-muted-color\">{{ file.contentType }}</span>\n              </td>\n              <td>{{ file.size }} {{ 'storage.unit.kb' | translate }}</td>\n              <td>\n                <p-tag [value]=\"getProviderLabelKey(file.location) | translate\" [severity]=\"getProviderSeverity(file.location)\" />\n              </td>\n              <td class=\"hidden xl:table-cell\">{{ file.providerName || '-' }}</td>\n              <td>\n                @if (file.isPrivate) {\n                  <p-tag [value]=\"'storage.private' | translate\" severity=\"warn\" />\n                } @else {\n                  <p-tag [value]=\"'storage.public' | translate\" severity=\"success\" />\n                }\n              </td>\n              <td class=\"hidden md:table-cell\">{{ file.createdAt | date: 'short' }}</td>\n              <td>\n                <div class=\"flex gap-1\">\n                  <p-button *hasPermission=\"FILE_PERMISSIONS.READ\" icon=\"pi pi-eye\" [text]=\"true\" severity=\"secondary\" size=\"small\" [loading]=\"viewingFileId() === file.id\" [disabled]=\"viewingFileId() === file.id\" (onClick)=\"onView(file)\" [pTooltip]=\"'storage.tooltip.view' | translate\" tooltipPosition=\"top\" />\n                  <p-button *hasPermission=\"FILE_PERMISSIONS.UPDATE\" icon=\"pi pi-pencil\" [text]=\"true\" severity=\"secondary\" size=\"small\" (onClick)=\"onEdit(file.id)\" [pTooltip]=\"'storage.tooltip.edit' | translate\" tooltipPosition=\"top\" />\n                  <p-button *hasPermission=\"FILE_PERMISSIONS.DELETE\" icon=\"pi pi-trash\" [text]=\"true\" severity=\"warn\" size=\"small\" (onClick)=\"onSoftDelete(file)\" [pTooltip]=\"'storage.tooltip.trash' | translate\" tooltipPosition=\"top\" />\n                  <p-button *hasPermission=\"FILE_PERMISSIONS.DELETE\" icon=\"pi pi-times-circle\" [text]=\"true\" severity=\"danger\" size=\"small\" (onClick)=\"onPermanentDelete(file)\" [pTooltip]=\"'storage.tooltip.delete' | translate\" tooltipPosition=\"top\" />\n                </div>\n              </td>\n            </tr>\n          </ng-template>\n          <ng-template #emptymessage>\n            <tr>\n              <td colspan=\"8\" class=\"text-center py-4 text-muted-color\">\n                @if (showCompanyInfo()) {\n                  {{ 'storage.empty.files.in.company' | translate }}\n                } @else {\n                  {{ 'storage.empty.files' | translate }}\n                }\n              </td>\n            </tr>\n          </ng-template>\n        </p-table>\n      </div>\n    </div>\n  `,\n})\nexport class FileManagerListComponent extends BaseStorageListPage<IFileManager> {\n  readonly FILE_PERMISSIONS = FILE_PERMISSIONS;\n\n  private readonly fileService = inject(FileManagerApiService);\n  private readonly translateService = inject(TranslateService);\n\n  readonly files = this.items;\n  readonly viewingFileId = signal<string | null>(null);\n\n  readonly getFileIcon = getFileIcon;\n  readonly getProviderLabelKey = getProviderLabelKey;\n  readonly getProviderSeverity = getProviderSeverity;\n\n  getResourceRoute(): string {\n    return '/storage/files';\n  }\n\n  override getDeleteConfirmMessage(file: IFileManager): string {\n    return this.translateService.translate('storage.delete.confirm.named', { name: file.name });\n  }\n\n  async loadData(): Promise<void> {\n    this.isLoading.set(true);\n    try {\n      const response = await firstValueFrom(\n        this.fileService.getAll('', {\n          pagination: this.getPaginationParams(),\n          filter: {},\n          select: [],\n          sort: {},\n        }),\n      );\n\n      if (response.success) {\n        this.items.set(response.data ?? []);\n        this.total.set(response.meta?.total ?? 0);\n      }\n    } catch {\n      this.showError(this.translateService.translate('storage.error.load.failed'));\n    } finally {\n      this.isLoading.set(false);\n    }\n  }\n\n  onUpload(): void {\n    this.navigateTo(['/storage/files/new']);\n  }\n\n  async onView(file: IFileManager): Promise<void> {\n    this.viewingFileId.set(file.id);\n    try {\n      const response = await firstValueFrom(this.fileService.getFiles([file.id]));\n\n      if (response.success && response.data?.length && response.data[0].url) {\n        window.open(response.data[0].url, '_blank');\n      } else {\n        this.showError(this.translateService.translate('storage.file.url.not.available'));\n      }\n    } catch {\n      this.showError(this.translateService.translate('storage.file.get.url.failed'));\n    } finally {\n      this.viewingFileId.set(null);\n    }\n  }\n\n  onSoftDelete(file: IFileManager): void {\n    this.confirmationService.confirm({\n      message: this.translateService.translate('storage.delete.move.to.trash.confirm', { name: file.name }),\n      header: this.translateService.translate('storage.delete.move.to.trash'),\n      icon: 'pi pi-trash',\n      acceptLabel: this.translateService.translate('storage.delete.move.to.trash'),\n      acceptButtonStyleClass: 'p-button-warning',\n      accept: async () => {\n        try {\n          await this.fileService.deleteAsync({ id: file.id, type: 'delete' });\n          this.showSuccess(this.translateService.translate('storage.delete.trash.success'));\n          this.loadData();\n        } catch {\n          this.showError(this.translateService.translate('storage.delete.trash.failed'));\n        }\n      },\n    });\n  }\n\n  onPermanentDelete(file: IFileManager): void {\n    this.confirmationService.confirm({\n      message: this.translateService.translate('storage.delete.permanent.delete.confirm', { name: file.name }),\n      header: this.translateService.translate('storage.delete.permanent.delete'),\n      icon: 'pi pi-exclamation-triangle',\n      acceptLabel: this.translateService.translate('storage.delete.permanent.delete.button'),\n      rejectLabel: this.translateService.translate('shared.cancel'),\n      acceptButtonStyleClass: 'p-button-danger',\n      accept: async () => {\n        try {\n          await this.fileService.deleteAsync({ id: file.id, type: 'permanent' });\n          this.showSuccess(this.translateService.translate('storage.delete.permanent.success'));\n          this.loadData();\n        } catch {\n          this.showError(this.translateService.translate('storage.delete.permanent.failed'));\n        }\n      },\n    });\n  }\n}\n"],"names":[],"mappings":"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"}

package/fesm2022/{flusys-ng-storage-folder-form.component-BTQGEqNu.mjs → flusys-ng-storage-folder-form.component-Cc2ybTwu.mjs}

@@ -1,42 +1,33 @@
 import * as i0 from '@angular/core';
-import { inject, signal, computed, effect, ChangeDetectionStrategy, Component } from '@angular/core';
+import { inject, signal, computed, effect, Component } from '@angular/core';
 import { toSignal } from '@angular/core/rxjs-interop';
 import { form, required, FormField } from '@angular/forms/signals';
 import { ActivatedRoute } from '@angular/router';
-import { AngularModule, PrimeModule } from '@flusys/ng-shared';
+import { TranslateService } from '@flusys/ng-localization';
+import { AngularModule, PrimeModule, TranslatePipe } from '@flusys/ng-shared';
 import { BaseStoragePage, FolderApiService } from './flusys-ng-storage.mjs';
 import * as i1 from '@angular/forms';
 import * as i1$1 from 'primeng/button';
 import * as i3 from 'primeng/inputtext';
 
-/**
- * Folder Form Component
- * Create and edit folders
- */
 class FolderFormComponent extends BaseStoragePage {
     route = inject(ActivatedRoute);
     folderService = inject(FolderApiService);
-    // Route params as signal
+    translateService = inject(TranslateService);
     routeParams = toSignal(this.route.paramMap);
     initialized = false;
-    /** Existing folder for edit mode */
     existingFolder = signal(null, ...(ngDevMode ? [{ debugName: "existingFolder" }] : []));
-    /** Check if in edit mode */
     isEditMode = computed(() => !!this.existingFolder(), ...(ngDevMode ? [{ debugName: "isEditMode" }] : []));
-    /** Form model */
     formModel = signal({
         id: '',
         name: '',
     }, ...(ngDevMode ? [{ debugName: "formModel" }] : []));
-    /** Form with validation */
     folderForm = form(this.formModel, (f) => {
-        required(f.name, { message: 'Folder name is required' });
+        required(f.name, { message: this.translateService.translate('storage.validation.folder.name.required') });
     });
-    /** Check if form is valid */
     isFormValid = computed(() => this.formModel().name.trim().length > 0, ...(ngDevMode ? [{ debugName: "isFormValid" }] : []));
     constructor() {
         super();
-        // Effect to handle route-based initialization
         effect(() => {
             const params = this.routeParams();
             if (!params || this.initialized)
@@ -59,7 +50,7 @@ class FolderFormComponent extends BaseStoragePage {
             }
         }
         catch {
-            this.showError('Failed to load folder.');
+            this.showError(this.translateService.translate('storage.folder.load.failed'));
             this.navigateTo(['/storage/folders']);
         }
         finally {
@@ -74,16 +65,17 @@ class FolderFormComponent extends BaseStoragePage {
             const formValue = this.formModel();
             if (this.isEditMode()) {
                 await this.folderService.updateAsync({ id: formValue.id, name: formValue.name });
-                this.showSuccess('Folder updated successfully.');
+                this.showSuccess(this.translateService.translate('storage.folder.update.success'));
             }
             else {
                 await this.folderService.insertAsync({ name: formValue.name });
-                this.showSuccess('Folder created successfully.');
+                this.showSuccess(this.translateService.translate('storage.folder.create.success'));
             }
             this.navigateTo(['/storage/folders']);
         }
         catch {
-            this.showError(`Failed to ${this.isEditMode() ? 'update' : 'create'} folder.`);
+            const action = this.isEditMode() ? 'update' : 'create';
+            this.showError(this.translateService.translate(`storage.folder.${action}.failed`));
         }
         finally {
             this.isLoading.set(false);
@@ -96,54 +88,53 @@ class FolderFormComponent extends BaseStoragePage {
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.5", type: FolderFormComponent, isStandalone: true, selector: "lib-folder-form", usesInheritance: true, ngImport: i0, template: `
     <div class="card">
       <div class="mb-4">
-        <h3 class="text-lg sm:text-xl font-semibold">{{ isEditMode() ? 'Edit Folder' : 'New Folder' }}</h3>
+        <h3 class="text-lg sm:text-xl font-semibold">{{ (isEditMode() ? 'storage.folder.edit.folder' : 'storage.folder.new.folder') | translate }}</h3>
         @if (showCompanyInfo()) {
-          <p class="text-sm text-muted-color mt-1">Company: {{ currentCompanyName() }}</p>
+          <p class="text-sm text-muted-color mt-1">{{ 'storage.company' | translate }}: {{ currentCompanyName() }}</p>
         }
       </div>
 
       <form (ngSubmit)="onSubmit()">
         <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
           <div class="field">
-            <label for="name" class="block font-medium mb-2 text-sm sm:text-base">Folder Name *</label>
-            <input pInputText id="name" [formField]="folderForm.name" placeholder="Enter folder name" class="w-full" />
+            <label for="name" class="block font-medium mb-2 text-sm sm:text-base">{{ 'storage.folder.name.required' | translate }}</label>
+            <input pInputText id="name" [formField]="folderForm.name" [placeholder]="'storage.folder.name.placeholder' | translate" class="w-full" />
           </div>
         </div>
 
         <div class="flex justify-end gap-2 mt-4">
-          <p-button label="Cancel" severity="secondary" [outlined]="true" (onClick)="onCancel()" />
-          <p-button type="submit" [label]="isEditMode() ? 'Update' : 'Create'" [loading]="isLoading()" [disabled]="!isFormValid() || isLoading()" />
+          <p-button [label]="'shared.cancel' | translate" severity="secondary" [outlined]="true" (onClick)="onCancel()" />
+          <p-button type="submit" [label]="(isEditMode() ? 'shared.update' : 'shared.create') | translate" [loading]="isLoading()" [disabled]="!isFormValid() || isLoading()" />
         </div>
       </form>
     </div>
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: AngularModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.NgForm, selector: "form:not([ngNoForm]):not([formGroup]):not([formArray]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: PrimeModule }, { kind: "component", type: i1$1.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: "directive", type: i3.InputText, selector: "[pInputText]", inputs: ["hostName", "ptInputText", "pInputTextPT", "pInputTextUnstyled", "pSize", "variant", "fluid", "invalid"] }, { kind: "directive", type: FormField, selector: "[formField]", inputs: ["formField"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: AngularModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.NgForm, selector: "form:not([ngNoForm]):not([formGroup]):not([formArray]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: PrimeModule }, { kind: "component", type: i1$1.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: "directive", type: i3.InputText, selector: "[pInputText]", inputs: ["hostName", "ptInputText", "pInputTextPT", "pInputTextUnstyled", "pSize", "variant", "fluid", "invalid"] }, { kind: "directive", type: FormField, selector: "[formField]", inputs: ["formField"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: FolderFormComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'lib-folder-form',
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    imports: [AngularModule, PrimeModule, FormField],
+                    imports: [AngularModule, PrimeModule, FormField, TranslatePipe],
                     template: `
     <div class="card">
       <div class="mb-4">
-        <h3 class="text-lg sm:text-xl font-semibold">{{ isEditMode() ? 'Edit Folder' : 'New Folder' }}</h3>
+        <h3 class="text-lg sm:text-xl font-semibold">{{ (isEditMode() ? 'storage.folder.edit.folder' : 'storage.folder.new.folder') | translate }}</h3>
         @if (showCompanyInfo()) {
-          <p class="text-sm text-muted-color mt-1">Company: {{ currentCompanyName() }}</p>
+          <p class="text-sm text-muted-color mt-1">{{ 'storage.company' | translate }}: {{ currentCompanyName() }}</p>
         }
       </div>
 
       <form (ngSubmit)="onSubmit()">
         <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
           <div class="field">
-            <label for="name" class="block font-medium mb-2 text-sm sm:text-base">Folder Name *</label>
-            <input pInputText id="name" [formField]="folderForm.name" placeholder="Enter folder name" class="w-full" />
+            <label for="name" class="block font-medium mb-2 text-sm sm:text-base">{{ 'storage.folder.name.required' | translate }}</label>
+            <input pInputText id="name" [formField]="folderForm.name" [placeholder]="'storage.folder.name.placeholder' | translate" class="w-full" />
           </div>
         </div>
 
         <div class="flex justify-end gap-2 mt-4">
-          <p-button label="Cancel" severity="secondary" [outlined]="true" (onClick)="onCancel()" />
-          <p-button type="submit" [label]="isEditMode() ? 'Update' : 'Create'" [loading]="isLoading()" [disabled]="!isFormValid() || isLoading()" />
+          <p-button [label]="'shared.cancel' | translate" severity="secondary" [outlined]="true" (onClick)="onCancel()" />
+          <p-button type="submit" [label]="(isEditMode() ? 'shared.update' : 'shared.create') | translate" [loading]="isLoading()" [disabled]="!isFormValid() || isLoading()" />
         </div>
       </form>
     </div>
@@ -152,4 +143,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
         }], ctorParameters: () => [] });
 
 export { FolderFormComponent };
-//# sourceMappingURL=flusys-ng-storage-folder-form.component-BTQGEqNu.mjs.map
+//# sourceMappingURL=flusys-ng-storage-folder-form.component-Cc2ybTwu.mjs.map

package/fesm2022/flusys-ng-storage-folder-form.component-Cc2ybTwu.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"flusys-ng-storage-folder-form.component-Cc2ybTwu.mjs","sources":["../../../projects/ng-storage/pages/folder/folder-form.component.ts"],"sourcesContent":["import {  Component, computed, effect, inject, signal } from '@angular/core';\nimport { toSignal } from '@angular/core/rxjs-interop';\nimport { form, FormField, required } from '@angular/forms/signals';\nimport { ActivatedRoute } from '@angular/router';\nimport { TranslateService } from '@flusys/ng-localization';\nimport { AngularModule, PrimeModule, TranslatePipe } from '@flusys/ng-shared';\nimport { IFolder } from '../../interfaces/folder.interface';\nimport { FolderApiService } from '../../services/folder-api.service';\nimport { BaseStoragePage } from '../../utils/base-storage-page';\n\ninterface IFolderFormModel {\n  id: string;\n  name: string;\n}\n\n@Component({\n  selector: 'lib-folder-form',\n  imports: [AngularModule, PrimeModule, FormField, TranslatePipe],\n  template: `\n    <div class=\"card\">\n      <div class=\"mb-4\">\n        <h3 class=\"text-lg sm:text-xl font-semibold\">{{ (isEditMode() ? 'storage.folder.edit.folder' : 'storage.folder.new.folder') | translate }}</h3>\n        @if (showCompanyInfo()) {\n          <p class=\"text-sm text-muted-color mt-1\">{{ 'storage.company' | translate }}: {{ currentCompanyName() }}</p>\n        }\n      </div>\n\n      <form (ngSubmit)=\"onSubmit()\">\n        <div class=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n          <div class=\"field\">\n            <label for=\"name\" class=\"block font-medium mb-2 text-sm sm:text-base\">{{ 'storage.folder.name.required' | translate }}</label>\n            <input pInputText id=\"name\" [formField]=\"folderForm.name\" [placeholder]=\"'storage.folder.name.placeholder' | translate\" class=\"w-full\" />\n          </div>\n        </div>\n\n        <div class=\"flex justify-end gap-2 mt-4\">\n          <p-button [label]=\"'shared.cancel' | translate\" severity=\"secondary\" [outlined]=\"true\" (onClick)=\"onCancel()\" />\n          <p-button type=\"submit\" [label]=\"(isEditMode() ? 'shared.update' : 'shared.create') | translate\" [loading]=\"isLoading()\" [disabled]=\"!isFormValid() || isLoading()\" />\n        </div>\n      </form>\n    </div>\n  `,\n})\nexport class FolderFormComponent extends BaseStoragePage {\n  private readonly route = inject(ActivatedRoute);\n  private readonly folderService = inject(FolderApiService);\n  private readonly translateService = inject(TranslateService);\n\n  private readonly routeParams = toSignal(this.route.paramMap);\n  private initialized = false;\n\n  readonly existingFolder = signal<IFolder | null>(null);\n  readonly isEditMode = computed(() => !!this.existingFolder());\n\n  readonly formModel = signal<IFolderFormModel>({\n    id: '',\n    name: '',\n  });\n\n  readonly folderForm = form(this.formModel, (f) => {\n    required(f.name, { message: this.translateService.translate('storage.validation.folder.name.required') });\n  });\n\n  readonly isFormValid = computed(() => this.formModel().name.trim().length > 0);\n\n  constructor() {\n    super();\n    effect(() => {\n      const params = this.routeParams();\n      if (!params || this.initialized) return;\n\n      this.initialized = true;\n      const folderId = params.get('id');\n      if (folderId && folderId !== 'new') {\n        this.loadFolder(folderId);\n      }\n    });\n  }\n\n  async loadFolder(id: string): Promise<void> {\n    this.isLoading.set(true);\n    try {\n      const response = await this.folderService.findByIdAsync(id);\n      if (response.success && response.data) {\n        const folder = response.data;\n        this.existingFolder.set(folder);\n        this.formModel.set({ id: folder.id, name: folder.name });\n      }\n    } catch {\n      this.showError(this.translateService.translate('storage.folder.load.failed'));\n      this.navigateTo(['/storage/folders']);\n    } finally {\n      this.isLoading.set(false);\n    }\n  }\n\n  async onSubmit(): Promise<void> {\n    if (!this.isFormValid()) return;\n\n    this.isLoading.set(true);\n    try {\n      const formValue = this.formModel();\n\n      if (this.isEditMode()) {\n        await this.folderService.updateAsync({ id: formValue.id, name: formValue.name });\n        this.showSuccess(this.translateService.translate('storage.folder.update.success'));\n      } else {\n        await this.folderService.insertAsync({ name: formValue.name });\n        this.showSuccess(this.translateService.translate('storage.folder.create.success'));\n      }\n\n      this.navigateTo(['/storage/folders']);\n    } catch {\n      const action = this.isEditMode() ? 'update' : 'create';\n      this.showError(this.translateService.translate(`storage.folder.${action}.failed`));\n    } finally {\n      this.isLoading.set(false);\n    }\n  }\n\n  onCancel(): void {\n    this.navigateTo(['/storage/folders']);\n  }\n}\n"],"names":["i2"],"mappings":"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"}