@flusys/ng-storage 5.4.1 → 6.0.0-beta.1

package/fesm2022/{flusys-ng-storage-file-manager-list.component-Go5Gqptd.mjs → flusys-ng-storage-file-manager-list.component-DqHH9lI0.mjs}

@@ -1,20 +1,19 @@
 import * as i0 from '@angular/core';
 import { inject, signal, Component } from '@angular/core';
-import { FILE_PERMISSIONS, TranslateService, AngularModule, PrimeModule, HasPermissionDirective, TranslatePipe } from '@flusys/ng-shared';
+import { FILE_PERMISSIONS, TranslateService, AngularModule, HasPermissionDirective, TranslatePipe } from '@flusys/ng-shared';
+import * as i1 from '@flusys/ng-ui';
+import { UiModule } from '@flusys/ng-ui';
 import { firstValueFrom } from 'rxjs';
 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';
+import * as i2 from '@angular/common';
 
 class FileManagerListComponent extends BaseStorageListPage {
     FILE_PERMISSIONS = FILE_PERMISSIONS;
     fileService = inject(FileManagerApiService);
     translateService = inject(TranslateService);
     files = this.items;
-    viewingFileId = signal(null, ...(ngDevMode ? [{ debugName: "viewingFileId" }] : []));
+    viewingFileId = signal(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "viewingFileId" }] : /* istanbul ignore next */ []));
     getFileIcon = getFileIcon;
     getProviderLabelKey = getProviderLabelKey;
     getProviderSeverity = getProviderSeverity;
@@ -66,18 +65,21 @@ class FileManagerListComponent extends BaseStorageListPage {
         this.confirmationService.confirm({
             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',
+            icon: 'trash',
             acceptLabel: this.translateService.translate('storage.delete.move.to.trash'),
             acceptButtonStyleClass: 'p-button-warning',
             accept: async () => {
-                const response = await this.fileService.delete({
-                    id: file.id,
-                    type: 'delete',
-                });
-                this.showSuccess(response?.messageKey
-                    ? this.translateService.translate(response.messageKey, response.messageVariables)
-                    : (response?.message ?? ''));
-                this.loadData();
+                try {
+                    const response = await this.fileService.delete({
+                        id: file.id,
+                        type: 'delete',
+                    });
+                    this.showSuccess(response?.messageKey
+                        ? this.translateService.translate(response.messageKey, response.messageVariables)
+                        : (response?.message ?? ''));
+                    this.loadData();
+                }
+                catch { }
             },
         });
     }
@@ -85,24 +87,27 @@ class FileManagerListComponent extends BaseStorageListPage {
         this.confirmationService.confirm({
             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',
+            icon: 'exclamation-triangle',
             acceptLabel: this.translateService.translate('storage.delete.permanent.delete.button'),
             rejectLabel: this.translateService.translate('shared.cancel'),
             acceptButtonStyleClass: 'p-button-danger',
             accept: async () => {
-                const response = await this.fileService.delete({
-                    id: file.id,
-                    type: 'permanent',
-                });
-                this.showSuccess(response?.messageKey
-                    ? this.translateService.translate(response.messageKey, response.messageVariables)
-                    : (response?.message ?? ''));
-                this.loadData();
+                try {
+                    const response = await this.fileService.delete({
+                        id: file.id,
+                        type: 'permanent',
+                    });
+                    this.showSuccess(response?.messageKey
+                        ? this.translateService.translate(response.messageKey, response.messageVariables)
+                        : (response?.message ?? ''));
+                    this.loadData();
+                }
+                catch { }
             },
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: FileManagerListComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.5", type: FileManagerListComponent, isStandalone: true, selector: "lib-file-manager-list", usesInheritance: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: FileManagerListComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.6", type: FileManagerListComponent, isStandalone: true, selector: "lib-file-manager-list", usesInheritance: true, ngImport: i0, template: `
     <div class="card">
       <div
         class="flex flex-col sm:flex-row sm:justify-between sm:items-center gap-3 mb-4"
@@ -117,17 +122,19 @@ class FileManagerListComponent extends BaseStorageListPage {
             </p>
           }
         </div>
-        <p-button
+        <button
+          fButton
           *hasPermission="FILE_PERMISSIONS.CREATE"
-          [label]="'storage.button.upload.file' | translate"
-          icon="pi pi-upload"
-          (onClick)="onUpload()"
+          (click)="onUpload()"
           class="w-full sm:w-auto"
-        />
+        >
+          <ui-icon pButtonIcon name="upload"></ui-icon>
+          <span pButtonLabel>{{ 'storage.button.upload.file' | translate }}</span>
+        </button>
       </div>
 
       <div class="overflow-x-auto">
-        <p-table
+        <f-table
           [value]="files()"
           [loading]="isLoading()"
           [paginator]="totalRecords() > 0"
@@ -137,7 +144,6 @@ class FileManagerListComponent extends BaseStorageListPage {
           (onLazyLoad)="onPageChange($event)"
           [rowsPerPageOptions]="[10, 25, 50]"
           [scrollable]="true"
-          class="p-datatable-sm"
         >
           <ng-template #header>
             <tr>
@@ -162,7 +168,7 @@ class FileManagerListComponent extends BaseStorageListPage {
             <tr>
               <td>
                 <div class="flex items-center gap-2">
-                  <i [class]="getFileIcon(file.contentType)"></i>
+                  <ui-icon [name]="getFileIcon(file.contentType)"></ui-icon>
                   <span class="truncate max-w-32 sm:max-w-none">{{
                     file.name
                   }}</span>
@@ -175,7 +181,7 @@ class FileManagerListComponent extends BaseStorageListPage {
               </td>
               <td>{{ file.size }} {{ 'shared.size.kb' | translate }}</td>
               <td>
-                <p-tag
+                <f-tag
                   [value]="getProviderLabelKey(file.location) | translate"
                   [severity]="getProviderSeverity(file.location)"
                 />
@@ -185,12 +191,12 @@ class FileManagerListComponent extends BaseStorageListPage {
               </td>
               <td>
                 @if (file.isPrivate) {
-                  <p-tag
+                  <f-tag
                     [value]="'storage.private' | translate"
                     severity="warn"
                   />
                 } @else {
-                  <p-tag
+                  <f-tag
                     [value]="'storage.public' | translate"
                     severity="success"
                   />
@@ -201,48 +207,59 @@ class FileManagerListComponent extends BaseStorageListPage {
               </td>
               <td>
                 <div class="flex gap-1">
-                  <p-button
+                  <button
+                    fButton
                     *hasPermission="FILE_PERMISSIONS.READ"
-                    icon="pi pi-eye"
                     [text]="true"
                     severity="secondary"
                     size="small"
-                    [loading]="isViewing"
                     [disabled]="isViewing"
-                    (onClick)="onView(file)"
-                    [pTooltip]="'shared.view' | translate"
+                    (click)="onView(file)"
+                    [fTooltip]="'shared.view' | translate"
                     tooltipPosition="top"
-                  />
-                  <p-button
+                  >
+                    @if (isViewing) {
+                      <ui-icon pButtonIcon name="spinner" [spin]="true"></ui-icon>
+                    } @else {
+                      <ui-icon pButtonIcon name="eye"></ui-icon>
+                    }
+                  </button>
+                  <button
+                    fButton
                     *hasPermission="FILE_PERMISSIONS.UPDATE"
-                    icon="pi pi-pencil"
                     [text]="true"
                     severity="secondary"
                     size="small"
-                    (onClick)="onEdit(file.id)"
-                    [pTooltip]="'shared.edit' | translate"
+                    (click)="onEdit(file.id)"
+                    [fTooltip]="'shared.edit' | translate"
                     tooltipPosition="top"
-                  />
-                  <p-button
+                  >
+                    <ui-icon pButtonIcon name="pencil"></ui-icon>
+                  </button>
+                  <button
+                    fButton
                     *hasPermission="FILE_PERMISSIONS.DELETE"
-                    icon="pi pi-trash"
                     [text]="true"
                     severity="warn"
                     size="small"
-                    (onClick)="onSoftDelete(file)"
-                    [pTooltip]="'storage.tooltip.trash' | translate"
+                    (click)="onSoftDelete(file)"
+                    [fTooltip]="'storage.tooltip.trash' | translate"
                     tooltipPosition="top"
-                  />
-                  <p-button
+                  >
+                    <ui-icon pButtonIcon name="trash"></ui-icon>
+                  </button>
+                  <button
+                    fButton
                     *hasPermission="FILE_PERMISSIONS.DELETE"
-                    icon="pi pi-times-circle"
                     [text]="true"
                     severity="danger"
                     size="small"
-                    (onClick)="onPermanentDelete(file)"
-                    [pTooltip]="'shared.delete' | translate"
+                    (click)="onPermanentDelete(file)"
+                    [fTooltip]="'shared.delete' | translate"
                     tooltipPosition="top"
-                  />
+                  >
+                    <ui-icon pButtonIcon name="times-circle"></ui-icon>
+                  </button>
                 </div>
               </td>
             </tr>
@@ -258,16 +275,16 @@ class FileManagerListComponent extends BaseStorageListPage {
               </td>
             </tr>
           </ng-template>
-        </p-table>
+        </f-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" }, { kind: "pipe", type: TranslatePipe, name: "translate" }] });
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: UiModule }, { kind: "directive", type: i1.FButtonDirective, selector: "[fButton]", inputs: ["severity", "text", "outlined", "link", "rounded", "raised", "fluid", "disabled", "loading", "size", "label", "icon", "iconPos", "ariaLabel", "plain"] }, { kind: "component", type: i1.TagComponent, selector: "f-tag", inputs: ["value", "severity", "icon", "rounded", "color"] }, { kind: "component", type: i1.TableComponent, selector: "f-table", inputs: ["value", "lazy", "loading", "rows", "totalRecords", "rowHover", "dataKey", "scrollable", "paginator", "first", "rowsPerPageOptions", "showCurrentPageReport", "currentPageReportTemplate", "tableStyle", "styleClass", "globalFilterFields", "sortField", "sortOrder"], outputs: ["sortFieldChange", "sortOrderChange", "onLazyLoad", "onSort"] }, { kind: "directive", type: i1.TooltipDirective, selector: "[fTooltip]", inputs: ["fTooltip", "tooltipPosition", "tooltipStyleClass", "disabled", "tooltipEvent", "showDelay", "hideDelay"] }, { kind: "component", type: i1.UiIconComponent, selector: "ui-icon", inputs: ["name", "size", "spin", "fill"] }, { kind: "ngmodule", type: AngularModule }, { kind: "directive", type: HasPermissionDirective, selector: "[hasPermission]", inputs: ["hasPermission"] }, { kind: "pipe", type: i2.DatePipe, name: "date" }, { kind: "pipe", type: TranslatePipe, name: "translate" }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: FileManagerListComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: FileManagerListComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'lib-file-manager-list',
-                    imports: [AngularModule, PrimeModule, HasPermissionDirective, TranslatePipe],
+                    imports: [UiModule, AngularModule, HasPermissionDirective, TranslatePipe],
                     template: `
     <div class="card">
       <div
@@ -283,17 +300,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
             </p>
           }
         </div>
-        <p-button
+        <button
+          fButton
           *hasPermission="FILE_PERMISSIONS.CREATE"
-          [label]="'storage.button.upload.file' | translate"
-          icon="pi pi-upload"
-          (onClick)="onUpload()"
+          (click)="onUpload()"
           class="w-full sm:w-auto"
-        />
+        >
+          <ui-icon pButtonIcon name="upload"></ui-icon>
+          <span pButtonLabel>{{ 'storage.button.upload.file' | translate }}</span>
+        </button>
       </div>
 
       <div class="overflow-x-auto">
-        <p-table
+        <f-table
           [value]="files()"
           [loading]="isLoading()"
           [paginator]="totalRecords() > 0"
@@ -303,7 +322,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
           (onLazyLoad)="onPageChange($event)"
           [rowsPerPageOptions]="[10, 25, 50]"
           [scrollable]="true"
-          class="p-datatable-sm"
         >
           <ng-template #header>
             <tr>
@@ -328,7 +346,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
             <tr>
               <td>
                 <div class="flex items-center gap-2">
-                  <i [class]="getFileIcon(file.contentType)"></i>
+                  <ui-icon [name]="getFileIcon(file.contentType)"></ui-icon>
                   <span class="truncate max-w-32 sm:max-w-none">{{
                     file.name
                   }}</span>
@@ -341,7 +359,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
               </td>
               <td>{{ file.size }} {{ 'shared.size.kb' | translate }}</td>
               <td>
-                <p-tag
+                <f-tag
                   [value]="getProviderLabelKey(file.location) | translate"
                   [severity]="getProviderSeverity(file.location)"
                 />
@@ -351,12 +369,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
               </td>
               <td>
                 @if (file.isPrivate) {
-                  <p-tag
+                  <f-tag
                     [value]="'storage.private' | translate"
                     severity="warn"
                   />
                 } @else {
-                  <p-tag
+                  <f-tag
                     [value]="'storage.public' | translate"
                     severity="success"
                   />
@@ -367,48 +385,59 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
               </td>
               <td>
                 <div class="flex gap-1">
-                  <p-button
+                  <button
+                    fButton
                     *hasPermission="FILE_PERMISSIONS.READ"
-                    icon="pi pi-eye"
                     [text]="true"
                     severity="secondary"
                     size="small"
-                    [loading]="isViewing"
                     [disabled]="isViewing"
-                    (onClick)="onView(file)"
-                    [pTooltip]="'shared.view' | translate"
+                    (click)="onView(file)"
+                    [fTooltip]="'shared.view' | translate"
                     tooltipPosition="top"
-                  />
-                  <p-button
+                  >
+                    @if (isViewing) {
+                      <ui-icon pButtonIcon name="spinner" [spin]="true"></ui-icon>
+                    } @else {
+                      <ui-icon pButtonIcon name="eye"></ui-icon>
+                    }
+                  </button>
+                  <button
+                    fButton
                     *hasPermission="FILE_PERMISSIONS.UPDATE"
-                    icon="pi pi-pencil"
                     [text]="true"
                     severity="secondary"
                     size="small"
-                    (onClick)="onEdit(file.id)"
-                    [pTooltip]="'shared.edit' | translate"
+                    (click)="onEdit(file.id)"
+                    [fTooltip]="'shared.edit' | translate"
                     tooltipPosition="top"
-                  />
-                  <p-button
+                  >
+                    <ui-icon pButtonIcon name="pencil"></ui-icon>
+                  </button>
+                  <button
+                    fButton
                     *hasPermission="FILE_PERMISSIONS.DELETE"
-                    icon="pi pi-trash"
                     [text]="true"
                     severity="warn"
                     size="small"
-                    (onClick)="onSoftDelete(file)"
-                    [pTooltip]="'storage.tooltip.trash' | translate"
+                    (click)="onSoftDelete(file)"
+                    [fTooltip]="'storage.tooltip.trash' | translate"
                     tooltipPosition="top"
-                  />
-                  <p-button
+                  >
+                    <ui-icon pButtonIcon name="trash"></ui-icon>
+                  </button>
+                  <button
+                    fButton
                     *hasPermission="FILE_PERMISSIONS.DELETE"
-                    icon="pi pi-times-circle"
                     [text]="true"
                     severity="danger"
                     size="small"
-                    (onClick)="onPermanentDelete(file)"
-                    [pTooltip]="'shared.delete' | translate"
+                    (click)="onPermanentDelete(file)"
+                    [fTooltip]="'shared.delete' | translate"
                     tooltipPosition="top"
-                  />
+                  >
+                    <ui-icon pButtonIcon name="times-circle"></ui-icon>
+                  </button>
                 </div>
               </td>
             </tr>
@@ -424,7 +453,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
               </td>
             </tr>
           </ng-template>
-        </p-table>
+        </f-table>
       </div>
     </div>
   `,
@@ -432,4 +461,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
         }] });
 
 export { FileManagerListComponent };
-//# sourceMappingURL=flusys-ng-storage-file-manager-list.component-Go5Gqptd.mjs.map
+//# sourceMappingURL=flusys-ng-storage-file-manager-list.component-DqHH9lI0.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"flusys-ng-storage-file-manager-list.component-DqHH9lI0.mjs","sources":["../../../projects/ng-storage/pages/file-manager/file-manager-list.component.ts"],"sourcesContent":["import { Component, inject, signal } from '@angular/core';\nimport {\n  AngularModule,\n  FILE_PERMISSIONS,\n  HasPermissionDirective,\n  TranslatePipe,\n  TranslateService,\n} from '@flusys/ng-shared';\nimport { UiModule } from '@flusys/ng-ui';\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';\n\nimport {\n  getFileIcon,\n  getProviderLabelKey,\n  getProviderSeverity,\n} from '../../utils/storage-utils';\n\n@Component({\n  selector: 'lib-file-manager-list',\n  imports: [UiModule, AngularModule, HasPermissionDirective, TranslatePipe],\n  template: `\n    <div class=\"card\">\n      <div\n        class=\"flex flex-col sm:flex-row sm:justify-between sm:items-center gap-3 mb-4\"\n      >\n        <div>\n          <h3 class=\"text-lg sm:text-xl font-semibold\">\n            {{ 'storage.file.manager.title' | translate }}\n          </h3>\n          @if (showCompanyInfo()) {\n            <p class=\"text-sm text-muted-color mt-1\">\n              {{ 'shared.company' | translate }}: {{ currentCompanyName() }}\n            </p>\n          }\n        </div>\n        <button\n          fButton\n          *hasPermission=\"FILE_PERMISSIONS.CREATE\"\n          (click)=\"onUpload()\"\n          class=\"w-full sm:w-auto\"\n        >\n          <ui-icon pButtonIcon name=\"upload\"></ui-icon>\n          <span pButtonLabel>{{ 'storage.button.upload.file' | translate }}</span>\n        </button>\n      </div>\n\n      <div class=\"overflow-x-auto\">\n        <f-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        >\n          <ng-template #header>\n            <tr>\n              <th>{{ 'shared.name' | translate }}</th>\n              <th class=\"hidden lg:table-cell\">\n                {{ 'shared.type' | translate }}\n              </th>\n              <th>{{ 'storage.table.size' | translate }}</th>\n              <th>{{ 'storage.table.location' | translate }}</th>\n              <th class=\"hidden xl:table-cell\">\n                {{ 'storage.table.config' | translate }}\n              </th>\n              <th>{{ 'storage.table.private' | translate }}</th>\n              <th class=\"hidden md:table-cell\">\n                {{ 'storage.table.created' | translate }}\n              </th>\n              <th class=\"w-[120px]\">{{ 'shared.actions' | translate }}</th>\n            </tr>\n          </ng-template>\n          <ng-template #body let-file>\n            @let isViewing = viewingFileId() === file.id;\n            <tr>\n              <td>\n                <div class=\"flex items-center gap-2\">\n                  <ui-icon [name]=\"getFileIcon(file.contentType)\"></ui-icon>\n                  <span class=\"truncate max-w-32 sm:max-w-none\">{{\n                    file.name\n                  }}</span>\n                </div>\n              </td>\n              <td class=\"hidden lg:table-cell\">\n                <span class=\"text-sm text-muted-color\">{{\n                  file.contentType\n                }}</span>\n              </td>\n              <td>{{ file.size }} {{ 'shared.size.kb' | translate }}</td>\n              <td>\n                <f-tag\n                  [value]=\"getProviderLabelKey(file.location) | translate\"\n                  [severity]=\"getProviderSeverity(file.location)\"\n                />\n              </td>\n              <td class=\"hidden xl:table-cell\">\n                {{ file.providerName || '-' }}\n              </td>\n              <td>\n                @if (file.isPrivate) {\n                  <f-tag\n                    [value]=\"'storage.private' | translate\"\n                    severity=\"warn\"\n                  />\n                } @else {\n                  <f-tag\n                    [value]=\"'storage.public' | translate\"\n                    severity=\"success\"\n                  />\n                }\n              </td>\n              <td class=\"hidden md:table-cell\">\n                {{ file.createdAt | date: 'short' }}\n              </td>\n              <td>\n                <div class=\"flex gap-1\">\n                  <button\n                    fButton\n                    *hasPermission=\"FILE_PERMISSIONS.READ\"\n                    [text]=\"true\"\n                    severity=\"secondary\"\n                    size=\"small\"\n                    [disabled]=\"isViewing\"\n                    (click)=\"onView(file)\"\n                    [fTooltip]=\"'shared.view' | translate\"\n                    tooltipPosition=\"top\"\n                  >\n                    @if (isViewing) {\n                      <ui-icon pButtonIcon name=\"spinner\" [spin]=\"true\"></ui-icon>\n                    } @else {\n                      <ui-icon pButtonIcon name=\"eye\"></ui-icon>\n                    }\n                  </button>\n                  <button\n                    fButton\n                    *hasPermission=\"FILE_PERMISSIONS.UPDATE\"\n                    [text]=\"true\"\n                    severity=\"secondary\"\n                    size=\"small\"\n                    (click)=\"onEdit(file.id)\"\n                    [fTooltip]=\"'shared.edit' | translate\"\n                    tooltipPosition=\"top\"\n                  >\n                    <ui-icon pButtonIcon name=\"pencil\"></ui-icon>\n                  </button>\n                  <button\n                    fButton\n                    *hasPermission=\"FILE_PERMISSIONS.DELETE\"\n                    [text]=\"true\"\n                    severity=\"warn\"\n                    size=\"small\"\n                    (click)=\"onSoftDelete(file)\"\n                    [fTooltip]=\"'storage.tooltip.trash' | translate\"\n                    tooltipPosition=\"top\"\n                  >\n                    <ui-icon pButtonIcon name=\"trash\"></ui-icon>\n                  </button>\n                  <button\n                    fButton\n                    *hasPermission=\"FILE_PERMISSIONS.DELETE\"\n                    [text]=\"true\"\n                    severity=\"danger\"\n                    size=\"small\"\n                    (click)=\"onPermanentDelete(file)\"\n                    [fTooltip]=\"'shared.delete' | translate\"\n                    tooltipPosition=\"top\"\n                  >\n                    <ui-icon pButtonIcon name=\"times-circle\"></ui-icon>\n                  </button>\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        </f-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('shared.confirm.delete.item', {\n      name: file.name,\n    });\n  }\n\n  async loadData(): Promise<void> {\n    this.isLoading.set(true);\n    try {\n      const response = await this.fileService.getAll({\n        pagination: this.getPaginationParams(),\n        filter: {},\n        select: [],\n        sort: {},\n      });\n\n      if (response.success) {\n        this.items.set(response.data ?? []);\n        this.total.set(response.meta?.total ?? 0);\n      }\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(\n        this.fileService.getFiles([file.id]),\n      );\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(\n          this.translateService.translate('storage.file.url.not.available'),\n        );\n      }\n    } finally {\n      this.viewingFileId.set(null);\n    }\n  }\n\n  onSoftDelete(file: IFileManager): void {\n    this.confirmationService.confirm({\n      message: this.translateService.translate(\n        'storage.delete.move.to.trash.confirm',\n        { name: file.name },\n      ),\n      header: this.translateService.translate('storage.delete.move.to.trash'),\n      icon: 'trash',\n      acceptLabel: this.translateService.translate(\n        'storage.delete.move.to.trash',\n      ),\n      acceptButtonStyleClass: 'p-button-warning',\n      accept: async () => {\n        try {\n          const response = await this.fileService.delete({\n            id: file.id,\n            type: 'delete',\n          });\n          this.showSuccess(\n            response?.messageKey\n              ? this.translateService.translate(\n                  response.messageKey,\n                  response.messageVariables as Record<string, string | number>,\n                )\n              : (response?.message ?? ''),\n          );\n          this.loadData();\n        } catch {}\n      },\n    });\n  }\n\n  onPermanentDelete(file: IFileManager): void {\n    this.confirmationService.confirm({\n      message: this.translateService.translate(\n        'storage.delete.permanent.delete.confirm',\n        { name: file.name },\n      ),\n      header: this.translateService.translate(\n        'storage.delete.permanent.delete',\n      ),\n      icon: 'exclamation-triangle',\n      acceptLabel: this.translateService.translate(\n        'storage.delete.permanent.delete.button',\n      ),\n      rejectLabel: this.translateService.translate('shared.cancel'),\n      acceptButtonStyleClass: 'p-button-danger',\n      accept: async () => {\n        try {\n          const response = await this.fileService.delete({\n            id: file.id,\n            type: 'permanent',\n          });\n          this.showSuccess(\n            response?.messageKey\n              ? this.translateService.translate(\n                  response.messageKey,\n                  response.messageVariables as Record<string, string | number>,\n                )\n              : (response?.message ?? ''),\n          );\n          this.loadData();\n        } catch {}\n      },\n    });\n  }\n}\n"],"names":[],"mappings":"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"}