@flusys/ng-storage 8.0.3 → 8.1.1

package/fesm2022/{flusys-ng-storage-file-manager-list.component-CS6qDOik.mjs → flusys-ng-storage-file-manager-list.component-C5-DHxlA.mjs}

@@ -1,8 +1,10 @@
 import * as i0 from '@angular/core';
 import { inject, signal, Component } from '@angular/core';
 import { DatePipe } from '@angular/common';
+import * as i1 from '@angular/forms';
+import { FormsModule } from '@angular/forms';
 import { FILE_PERMISSIONS, TranslateService, HasPermissionDirective, TranslatePipe } from '@flusys/ng-shared';
-import { FButtonDirective, TableComponent, TagComponent, TooltipDirective, UiIconComponent } from '@flusys/ng-ui';
+import { FButtonDirective, IconFieldComponent, InputIconComponent, InputTextDirective, TableComponent, TagComponent, TooltipDirective, UiIconComponent } from '@flusys/ng-ui';
 import { firstValueFrom } from 'rxjs';
 import { BaseStorageListPage, FileManagerApiService, getFileIcon, getProviderLabelKey, getProviderSeverity } from './flusys-ng-storage.mjs';
 
@@ -13,6 +15,9 @@ class FileManagerListComponent extends BaseStorageListPage {
     files = this.items;
     viewingFileId = signal(null, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "viewingFileId" }] : /* istanbul ignore next */ []));
+    _searchTerm = signal('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_searchTerm" }] : /* istanbul ignore next */ []));
+    searchTerm = this._searchTerm.asReadonly();
     getFileIcon = getFileIcon;
     getProviderLabelKey = getProviderLabelKey;
     getProviderSeverity = getProviderSeverity;
@@ -32,7 +37,7 @@ class FileManagerListComponent extends BaseStorageListPage {
                 filter: {},
                 select: [],
                 sort: {},
-            });
+            }, this.searchTerm());
             if (response.success) {
                 this.items.set(response.data ?? []);
                 this.total.set(response.meta?.total ?? 0);
@@ -42,6 +47,11 @@ class FileManagerListComponent extends BaseStorageListPage {
             this.isLoading.set(false);
         }
     }
+    onSearchChange(term) {
+        this._searchTerm.set(term);
+        this.first.set(0);
+        this.loadData();
+    }
     onUpload() {
         this.navigateTo(['/storage/files/new']);
     }
@@ -121,15 +131,31 @@ class FileManagerListComponent extends BaseStorageListPage {
             </p>
           }
         </div>
-        <button
-          fButton
-          *hasPermission="FILE_PERMISSIONS.CREATE"
-          (click)="onUpload()"
-          class="w-full sm:w-auto"
+        <div
+          class="flex flex-col sm:flex-row items-stretch sm:items-center gap-2 w-full sm:w-auto"
         >
-          <ui-icon pButtonIcon name="upload"></ui-icon>
-          <span pButtonLabel>{{ 'storage.button.upload.file' | translate }}</span>
-        </button>
+          <f-iconfield class="w-full sm:w-64">
+            <f-inputicon><ui-icon name="search" class="text-sm"></ui-icon></f-inputicon>
+            <input
+              fInputText
+              type="text"
+              [ngModel]="searchTerm()"
+              (ngModelChange)="onSearchChange($event)"
+              [ngModelOptions]="{ standalone: true }"
+              [placeholder]="'shared.search' | translate"
+              class="w-full"
+            />
+          </f-iconfield>
+          <button
+            fButton
+            *hasPermission="FILE_PERMISSIONS.CREATE"
+            (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>
 
       <div class="overflow-x-auto">
@@ -277,7 +303,7 @@ class FileManagerListComponent extends BaseStorageListPage {
         </f-table>
       </div>
     </div>
-  `, isInline: true, dependencies: [{ kind: "directive", type: FButtonDirective, selector: "[fButton]", inputs: ["severity", "text", "outlined", "link", "variant", "rounded", "raised", "fluid", "disabled", "loading", "loadingIcon", "size", "label", "icon", "iconPos", "ariaLabel", "plain"] }, { kind: "component", type: TableComponent, selector: "f-table", inputs: ["value", "lazy", "loading", "rows", "totalRecords", "rowHover", "dataKey", "scrollable", "scrollHeight", "paginator", "first", "rowsPerPageOptions", "showCurrentPageReport", "currentPageReportTemplate", "tableStyle", "styleClass", "globalFilterFields", "filterDelay", "responsiveLayout", "selectionMode", "sortMode", "rowExpandMode", "resizableColumns", "rowStyleClass", "virtualScroll", "virtualScrollItemSize", "sortField", "sortOrder", "multiSortMeta", "filters", "selection", "expandedRowKeys", "contextMenuSelection"], outputs: ["sortFieldChange", "sortOrderChange", "multiSortMetaChange", "filtersChange", "selectionChange", "expandedRowKeysChange", "contextMenuSelectionChange", "onLazyLoad", "onSort", "onFilter", "onRowSelect", "onRowUnselect", "onSelectAllChange", "onRowExpand", "onRowCollapse", "onColResize", "onRowContextMenu"] }, { kind: "component", type: TagComponent, selector: "f-tag", inputs: ["value", "severity", "icon", "rounded", "color", "styleClass", "style"] }, { kind: "directive", type: TooltipDirective, selector: "[fTooltip]", inputs: ["fTooltip", "tooltipPosition", "positionStyle", "tooltipStyleClass", "disabled", "tooltipEvent", "showDelay", "hideDelay", "life", "autoHide", "positionTop", "positionLeft", "escape"] }, { kind: "component", type: UiIconComponent, selector: "ui-icon", inputs: ["name", "size", "spin", "fill", "severity"] }, { kind: "directive", type: HasPermissionDirective, selector: "[hasPermission]", inputs: ["hasPermission"] }, { kind: "pipe", type: DatePipe, name: "date" }, { kind: "pipe", type: TranslatePipe, name: "translate" }] });
+  `, isInline: true, dependencies: [{ kind: "directive", type: FButtonDirective, selector: "[fButton]", inputs: ["severity", "text", "outlined", "link", "variant", "rounded", "raised", "fluid", "disabled", "loading", "loadingIcon", "size", "label", "icon", "iconPos", "ariaLabel", "plain"] }, { kind: "component", type: IconFieldComponent, selector: "f-iconfield", inputs: ["iconPosition", "styleClass"] }, { kind: "component", type: InputIconComponent, selector: "f-inputicon", inputs: ["icon", "position", "styleClass", "style"] }, { kind: "directive", type: InputTextDirective, selector: "[fInputText]", inputs: ["invalid", "touched", "variant", "size", "fluid"] }, { kind: "component", type: TableComponent, selector: "f-table", inputs: ["value", "lazy", "loading", "rows", "totalRecords", "rowHover", "dataKey", "scrollable", "scrollHeight", "paginator", "first", "rowsPerPageOptions", "showCurrentPageReport", "currentPageReportTemplate", "tableStyle", "styleClass", "globalFilterFields", "filterDelay", "responsiveLayout", "selectionMode", "sortMode", "rowExpandMode", "resizableColumns", "rowStyleClass", "virtualScroll", "virtualScrollItemSize", "sortField", "sortOrder", "multiSortMeta", "filters", "selection", "expandedRowKeys", "contextMenuSelection"], outputs: ["sortFieldChange", "sortOrderChange", "multiSortMetaChange", "filtersChange", "selectionChange", "expandedRowKeysChange", "contextMenuSelectionChange", "onLazyLoad", "onSort", "onFilter", "onRowSelect", "onRowUnselect", "onSelectAllChange", "onRowExpand", "onRowCollapse", "onColResize", "onRowContextMenu"] }, { kind: "component", type: TagComponent, selector: "f-tag", inputs: ["value", "severity", "icon", "rounded", "color", "styleClass", "style"] }, { kind: "directive", type: TooltipDirective, selector: "[fTooltip]", inputs: ["fTooltip", "tooltipPosition", "positionStyle", "tooltipStyleClass", "disabled", "tooltipEvent", "showDelay", "hideDelay", "life", "autoHide", "positionTop", "positionLeft", "escape"] }, { kind: "component", type: UiIconComponent, selector: "ui-icon", inputs: ["name", "size", "spin", "fill", "severity"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox]):not([ngNoCva])[formControlName],textarea:not([ngNoCva])[formControlName],input:not([type=checkbox]):not([ngNoCva])[formControl],textarea:not([ngNoCva])[formControl],input:not([type=checkbox]):not([ngNoCva])[ngModel],textarea:not([ngNoCva])[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: HasPermissionDirective, selector: "[hasPermission]", inputs: ["hasPermission"] }, { kind: "pipe", type: DatePipe, name: "date" }, { kind: "pipe", type: TranslatePipe, name: "translate" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: FileManagerListComponent, decorators: [{
             type: Component,
@@ -285,11 +311,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImpor
                     selector: 'lib-file-manager-list',
                     imports: [
                         FButtonDirective,
+                        IconFieldComponent,
+                        InputIconComponent,
+                        InputTextDirective,
                         TableComponent,
                         TagComponent,
                         TooltipDirective,
                         UiIconComponent,
                         DatePipe,
+                        FormsModule,
                         HasPermissionDirective,
                         TranslatePipe,
                     ],
@@ -308,15 +338,31 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImpor
             </p>
           }
         </div>
-        <button
-          fButton
-          *hasPermission="FILE_PERMISSIONS.CREATE"
-          (click)="onUpload()"
-          class="w-full sm:w-auto"
+        <div
+          class="flex flex-col sm:flex-row items-stretch sm:items-center gap-2 w-full sm:w-auto"
         >
-          <ui-icon pButtonIcon name="upload"></ui-icon>
-          <span pButtonLabel>{{ 'storage.button.upload.file' | translate }}</span>
-        </button>
+          <f-iconfield class="w-full sm:w-64">
+            <f-inputicon><ui-icon name="search" class="text-sm"></ui-icon></f-inputicon>
+            <input
+              fInputText
+              type="text"
+              [ngModel]="searchTerm()"
+              (ngModelChange)="onSearchChange($event)"
+              [ngModelOptions]="{ standalone: true }"
+              [placeholder]="'shared.search' | translate"
+              class="w-full"
+            />
+          </f-iconfield>
+          <button
+            fButton
+            *hasPermission="FILE_PERMISSIONS.CREATE"
+            (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>
 
       <div class="overflow-x-auto">
@@ -469,4 +515,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImpor
         }] });
 
 export { FileManagerListComponent };
-//# sourceMappingURL=flusys-ng-storage-file-manager-list.component-CS6qDOik.mjs.map
+//# sourceMappingURL=flusys-ng-storage-file-manager-list.component-C5-DHxlA.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"flusys-ng-storage-file-manager-list.component-C5-DHxlA.mjs","sources":["../../../projects/ng-storage/pages/file-manager/file-manager-list.component.ts"],"sourcesContent":["import { Component, inject, signal } from '@angular/core';\nimport { DatePipe } from '@angular/common';\nimport { FormsModule } from '@angular/forms';\nimport {\n  FILE_PERMISSIONS,\n  HasPermissionDirective,\n  TranslatePipe,\n  TranslateService,\n} from '@flusys/ng-shared';\nimport {\n  FButtonDirective,\n  IconFieldComponent,\n  InputIconComponent,\n  InputTextDirective,\n  TableComponent,\n  TagComponent,\n  TooltipDirective,\n  UiIconComponent,\n} 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: [\n    FButtonDirective,\n    IconFieldComponent,\n    InputIconComponent,\n    InputTextDirective,\n    TableComponent,\n    TagComponent,\n    TooltipDirective,\n    UiIconComponent,\n    DatePipe,\n    FormsModule,\n    HasPermissionDirective,\n    TranslatePipe,\n  ],\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        <div\n          class=\"flex flex-col sm:flex-row items-stretch sm:items-center gap-2 w-full sm:w-auto\"\n        >\n          <f-iconfield class=\"w-full sm:w-64\">\n            <f-inputicon><ui-icon name=\"search\" class=\"text-sm\"></ui-icon></f-inputicon>\n            <input\n              fInputText\n              type=\"text\"\n              [ngModel]=\"searchTerm()\"\n              (ngModelChange)=\"onSearchChange($event)\"\n              [ngModelOptions]=\"{ standalone: true }\"\n              [placeholder]=\"'shared.search' | translate\"\n              class=\"w-full\"\n            />\n          </f-iconfield>\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      </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  private readonly _searchTerm = signal('');\n  readonly searchTerm = this._searchTerm.asReadonly();\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        {\n          pagination: this.getPaginationParams(),\n          filter: {},\n          select: [],\n          sort: {},\n        },\n        this.searchTerm(),\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  onSearchChange(term: string): void {\n    this._searchTerm.set(term);\n    this.first.set(0);\n    this.loadData();\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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"}

package/fesm2022/{flusys-ng-storage-folder-list.component-DBq6jc4i.mjs → flusys-ng-storage-folder-list.component-BlREOun8.mjs}

@@ -1,15 +1,20 @@
 import * as i0 from '@angular/core';
-import { inject, Component } from '@angular/core';
+import { inject, signal, Component } from '@angular/core';
 import { DatePipe } from '@angular/common';
+import * as i1 from '@angular/forms';
+import { FormsModule } from '@angular/forms';
 import { FOLDER_PERMISSIONS, TranslateService, HasPermissionDirective, TranslatePipe } from '@flusys/ng-shared';
 import { BaseStorageListPage, FolderApiService } from './flusys-ng-storage.mjs';
-import { FButtonDirective, TableComponent, TooltipDirective, UiIconComponent } from '@flusys/ng-ui';
+import { FButtonDirective, IconFieldComponent, InputIconComponent, InputTextDirective, TableComponent, TooltipDirective, UiIconComponent } from '@flusys/ng-ui';
 
 class FolderListComponent extends BaseStorageListPage {
     FOLDER_PERMISSIONS = FOLDER_PERMISSIONS;
     folderService = inject(FolderApiService);
     translateService = inject(TranslateService);
     folders = this.items;
+    _searchTerm = signal('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_searchTerm" }] : /* istanbul ignore next */ []));
+    searchTerm = this._searchTerm.asReadonly();
     getResourceRoute() {
         return '/storage/folders';
     }
@@ -23,7 +28,7 @@ class FolderListComponent extends BaseStorageListPage {
         try {
             const response = await this.folderService.getAll({
                 pagination: this.getPaginationParams(),
-            });
+            }, this.searchTerm());
             if (response.success) {
                 this.items.set(response.data ?? []);
                 this.total.set(response.meta?.total ?? 0);
@@ -33,6 +38,11 @@ class FolderListComponent extends BaseStorageListPage {
             this.isLoading.set(false);
         }
     }
+    onSearchChange(term) {
+        this._searchTerm.set(term);
+        this.first.set(0);
+        this.loadData();
+    }
     onDeleteFolder(folder) {
         this.onDeleteAsync(folder, (f) => f.id, (id) => this.folderService.delete({ id, type: 'delete' }), {
             header: this.translateService.translate('storage.folder.delete.title'),
@@ -54,15 +64,31 @@ class FolderListComponent extends BaseStorageListPage {
             </p>
           }
         </div>
-        <button
-          fButton
-          *hasPermission="FOLDER_PERMISSIONS.CREATE"
-          (click)="onCreate()"
-          class="w-full sm:w-auto"
+        <div
+          class="flex flex-col sm:flex-row items-stretch sm:items-center gap-2 w-full sm:w-auto"
         >
-          <ui-icon pButtonIcon name="plus"></ui-icon>
-          <span pButtonLabel>{{ 'storage.button.new.folder' | translate }}</span>
-        </button>
+          <f-iconfield class="w-full sm:w-64">
+            <f-inputicon><ui-icon name="search" class="text-sm"></ui-icon></f-inputicon>
+            <input
+              fInputText
+              type="text"
+              [ngModel]="searchTerm()"
+              (ngModelChange)="onSearchChange($event)"
+              [ngModelOptions]="{ standalone: true }"
+              [placeholder]="'shared.search' | translate"
+              class="w-full"
+            />
+          </f-iconfield>
+          <button
+            fButton
+            *hasPermission="FOLDER_PERMISSIONS.CREATE"
+            (click)="onCreate()"
+            class="w-full sm:w-auto"
+          >
+            <ui-icon pButtonIcon name="plus"></ui-icon>
+            <span pButtonLabel>{{ 'storage.button.new.folder' | translate }}</span>
+          </button>
+        </div>
       </div>
 
       <div class="overflow-x-auto">
@@ -143,7 +169,7 @@ class FolderListComponent extends BaseStorageListPage {
         </f-table>
       </div>
     </div>
-  `, isInline: true, dependencies: [{ kind: "directive", type: FButtonDirective, selector: "[fButton]", inputs: ["severity", "text", "outlined", "link", "variant", "rounded", "raised", "fluid", "disabled", "loading", "loadingIcon", "size", "label", "icon", "iconPos", "ariaLabel", "plain"] }, { kind: "component", type: TableComponent, selector: "f-table", inputs: ["value", "lazy", "loading", "rows", "totalRecords", "rowHover", "dataKey", "scrollable", "scrollHeight", "paginator", "first", "rowsPerPageOptions", "showCurrentPageReport", "currentPageReportTemplate", "tableStyle", "styleClass", "globalFilterFields", "filterDelay", "responsiveLayout", "selectionMode", "sortMode", "rowExpandMode", "resizableColumns", "rowStyleClass", "virtualScroll", "virtualScrollItemSize", "sortField", "sortOrder", "multiSortMeta", "filters", "selection", "expandedRowKeys", "contextMenuSelection"], outputs: ["sortFieldChange", "sortOrderChange", "multiSortMetaChange", "filtersChange", "selectionChange", "expandedRowKeysChange", "contextMenuSelectionChange", "onLazyLoad", "onSort", "onFilter", "onRowSelect", "onRowUnselect", "onSelectAllChange", "onRowExpand", "onRowCollapse", "onColResize", "onRowContextMenu"] }, { kind: "directive", type: TooltipDirective, selector: "[fTooltip]", inputs: ["fTooltip", "tooltipPosition", "positionStyle", "tooltipStyleClass", "disabled", "tooltipEvent", "showDelay", "hideDelay", "life", "autoHide", "positionTop", "positionLeft", "escape"] }, { kind: "component", type: UiIconComponent, selector: "ui-icon", inputs: ["name", "size", "spin", "fill", "severity"] }, { kind: "directive", type: HasPermissionDirective, selector: "[hasPermission]", inputs: ["hasPermission"] }, { kind: "pipe", type: DatePipe, name: "date" }, { kind: "pipe", type: TranslatePipe, name: "translate" }] });
+  `, isInline: true, dependencies: [{ kind: "directive", type: FButtonDirective, selector: "[fButton]", inputs: ["severity", "text", "outlined", "link", "variant", "rounded", "raised", "fluid", "disabled", "loading", "loadingIcon", "size", "label", "icon", "iconPos", "ariaLabel", "plain"] }, { kind: "component", type: IconFieldComponent, selector: "f-iconfield", inputs: ["iconPosition", "styleClass"] }, { kind: "component", type: InputIconComponent, selector: "f-inputicon", inputs: ["icon", "position", "styleClass", "style"] }, { kind: "directive", type: InputTextDirective, selector: "[fInputText]", inputs: ["invalid", "touched", "variant", "size", "fluid"] }, { kind: "component", type: TableComponent, selector: "f-table", inputs: ["value", "lazy", "loading", "rows", "totalRecords", "rowHover", "dataKey", "scrollable", "scrollHeight", "paginator", "first", "rowsPerPageOptions", "showCurrentPageReport", "currentPageReportTemplate", "tableStyle", "styleClass", "globalFilterFields", "filterDelay", "responsiveLayout", "selectionMode", "sortMode", "rowExpandMode", "resizableColumns", "rowStyleClass", "virtualScroll", "virtualScrollItemSize", "sortField", "sortOrder", "multiSortMeta", "filters", "selection", "expandedRowKeys", "contextMenuSelection"], outputs: ["sortFieldChange", "sortOrderChange", "multiSortMetaChange", "filtersChange", "selectionChange", "expandedRowKeysChange", "contextMenuSelectionChange", "onLazyLoad", "onSort", "onFilter", "onRowSelect", "onRowUnselect", "onSelectAllChange", "onRowExpand", "onRowCollapse", "onColResize", "onRowContextMenu"] }, { kind: "directive", type: TooltipDirective, selector: "[fTooltip]", inputs: ["fTooltip", "tooltipPosition", "positionStyle", "tooltipStyleClass", "disabled", "tooltipEvent", "showDelay", "hideDelay", "life", "autoHide", "positionTop", "positionLeft", "escape"] }, { kind: "component", type: UiIconComponent, selector: "ui-icon", inputs: ["name", "size", "spin", "fill", "severity"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox]):not([ngNoCva])[formControlName],textarea:not([ngNoCva])[formControlName],input:not([type=checkbox]):not([ngNoCva])[formControl],textarea:not([ngNoCva])[formControl],input:not([type=checkbox]):not([ngNoCva])[ngModel],textarea:not([ngNoCva])[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: HasPermissionDirective, selector: "[hasPermission]", inputs: ["hasPermission"] }, { kind: "pipe", type: DatePipe, name: "date" }, { kind: "pipe", type: TranslatePipe, name: "translate" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: FolderListComponent, decorators: [{
             type: Component,
@@ -152,9 +178,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImpor
                     imports: [
                         DatePipe,
                         FButtonDirective,
+                        IconFieldComponent,
+                        InputIconComponent,
+                        InputTextDirective,
                         TableComponent,
                         TooltipDirective,
                         UiIconComponent,
+                        FormsModule,
                         HasPermissionDirective,
                         TranslatePipe,
                     ],
@@ -173,15 +203,31 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImpor
             </p>
           }
         </div>
-        <button
-          fButton
-          *hasPermission="FOLDER_PERMISSIONS.CREATE"
-          (click)="onCreate()"
-          class="w-full sm:w-auto"
+        <div
+          class="flex flex-col sm:flex-row items-stretch sm:items-center gap-2 w-full sm:w-auto"
         >
-          <ui-icon pButtonIcon name="plus"></ui-icon>
-          <span pButtonLabel>{{ 'storage.button.new.folder' | translate }}</span>
-        </button>
+          <f-iconfield class="w-full sm:w-64">
+            <f-inputicon><ui-icon name="search" class="text-sm"></ui-icon></f-inputicon>
+            <input
+              fInputText
+              type="text"
+              [ngModel]="searchTerm()"
+              (ngModelChange)="onSearchChange($event)"
+              [ngModelOptions]="{ standalone: true }"
+              [placeholder]="'shared.search' | translate"
+              class="w-full"
+            />
+          </f-iconfield>
+          <button
+            fButton
+            *hasPermission="FOLDER_PERMISSIONS.CREATE"
+            (click)="onCreate()"
+            class="w-full sm:w-auto"
+          >
+            <ui-icon pButtonIcon name="plus"></ui-icon>
+            <span pButtonLabel>{{ 'storage.button.new.folder' | translate }}</span>
+          </button>
+        </div>
       </div>
 
       <div class="overflow-x-auto">
@@ -267,4 +313,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImpor
         }] });
 
 export { FolderListComponent };
-//# sourceMappingURL=flusys-ng-storage-folder-list.component-DBq6jc4i.mjs.map
+//# sourceMappingURL=flusys-ng-storage-folder-list.component-BlREOun8.mjs.map

package/fesm2022/flusys-ng-storage-folder-list.component-BlREOun8.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"flusys-ng-storage-folder-list.component-BlREOun8.mjs","sources":["../../../projects/ng-storage/pages/folder/folder-list.component.ts"],"sourcesContent":["import { Component, inject, signal } from '@angular/core';\nimport { DatePipe } from '@angular/common';\nimport { FormsModule } from '@angular/forms';\nimport {\n  FOLDER_PERMISSIONS,\n  HasPermissionDirective,\n  TranslatePipe,\n  TranslateService,\n} from '@flusys/ng-shared';\nimport { IFolder } from '../../interfaces/folder.interface';\nimport { FolderApiService } from '../../services/folder-api.service';\nimport { BaseStorageListPage } from '../../utils/base-storage-page';\nimport {\n  FButtonDirective,\n  IconFieldComponent,\n  InputIconComponent,\n  InputTextDirective,\n  TableComponent,\n  TooltipDirective,\n  UiIconComponent,\n} from '@flusys/ng-ui';\n\n@Component({\n  selector: 'lib-folder-list',\n  imports: [\n    DatePipe,\n    FButtonDirective,\n    IconFieldComponent,\n    InputIconComponent,\n    InputTextDirective,\n    TableComponent,\n    TooltipDirective,\n    UiIconComponent,\n    FormsModule,\n    HasPermissionDirective,\n    TranslatePipe,\n  ],\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.folder.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        <div\n          class=\"flex flex-col sm:flex-row items-stretch sm:items-center gap-2 w-full sm:w-auto\"\n        >\n          <f-iconfield class=\"w-full sm:w-64\">\n            <f-inputicon><ui-icon name=\"search\" class=\"text-sm\"></ui-icon></f-inputicon>\n            <input\n              fInputText\n              type=\"text\"\n              [ngModel]=\"searchTerm()\"\n              (ngModelChange)=\"onSearchChange($event)\"\n              [ngModelOptions]=\"{ standalone: true }\"\n              [placeholder]=\"'shared.search' | translate\"\n              class=\"w-full\"\n            />\n          </f-iconfield>\n          <button\n            fButton\n            *hasPermission=\"FOLDER_PERMISSIONS.CREATE\"\n            (click)=\"onCreate()\"\n            class=\"w-full sm:w-auto\"\n          >\n            <ui-icon pButtonIcon name=\"plus\"></ui-icon>\n            <span pButtonLabel>{{ 'storage.button.new.folder' | translate }}</span>\n          </button>\n        </div>\n      </div>\n\n      <div class=\"overflow-x-auto\">\n        <f-table\n          [value]=\"folders()\"\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>{{ 'storage.table.slug' | translate }}</th>\n              <th class=\"hidden sm:table-cell\">\n                {{ 'storage.table.created' | translate }}\n              </th>\n              <th class=\"w-[120px]\">\n                {{ 'shared.actions' | translate }}\n              </th>\n            </tr>\n          </ng-template>\n          <ng-template #body let-folder>\n            <tr>\n              <td>\n                <ui-icon name=\"folder\" class=\"mr-2\"></ui-icon>\n                {{ folder.name }}\n              </td>\n              <td>{{ folder.slug }}</td>\n              <td class=\"hidden sm:table-cell\">\n                {{ folder.createdAt | date: 'short' }}\n              </td>\n              <td>\n                <div class=\"flex gap-1\">\n                  <button\n                    fButton\n                    *hasPermission=\"FOLDER_PERMISSIONS.UPDATE\"\n                    [text]=\"true\"\n                    severity=\"secondary\"\n                    size=\"small\"\n                    (click)=\"onEdit(folder.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=\"FOLDER_PERMISSIONS.DELETE\"\n                    [text]=\"true\"\n                    severity=\"danger\"\n                    size=\"small\"\n                    (click)=\"onDeleteFolder(folder)\"\n                    [fTooltip]=\"'shared.delete' | translate\"\n                    tooltipPosition=\"top\"\n                  >\n                    <ui-icon pButtonIcon name=\"trash\"></ui-icon>\n                  </button>\n                </div>\n              </td>\n            </tr>\n          </ng-template>\n          <ng-template #emptymessage>\n            <tr>\n              <td colspan=\"4\" class=\"text-center py-4 text-muted-color\">\n                @if (showCompanyInfo()) {\n                  {{ 'storage.empty.folders.in.company' | translate }}\n                } @else {\n                  {{ 'storage.empty.folders' | translate }}\n                }\n              </td>\n            </tr>\n          </ng-template>\n        </f-table>\n      </div>\n    </div>\n  `,\n})\nexport class FolderListComponent extends BaseStorageListPage<IFolder> {\n  readonly FOLDER_PERMISSIONS = FOLDER_PERMISSIONS;\n\n  private readonly folderService = inject(FolderApiService);\n  private readonly translateService = inject(TranslateService);\n\n  readonly folders = this.items;\n\n  private readonly _searchTerm = signal('');\n  readonly searchTerm = this._searchTerm.asReadonly();\n\n  getResourceRoute(): string {\n    return '/storage/folders';\n  }\n\n  override getDeleteConfirmMessage(folder: IFolder): string {\n    return this.translateService.translate('shared.confirm.delete.item', {\n      name: folder.name,\n    });\n  }\n\n  async loadData(): Promise<void> {\n    this.isLoading.set(true);\n    try {\n      const response = await this.folderService.getAll(\n        {\n          pagination: this.getPaginationParams(),\n        },\n        this.searchTerm(),\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  onSearchChange(term: string): void {\n    this._searchTerm.set(term);\n    this.first.set(0);\n    this.loadData();\n  }\n\n  onDeleteFolder(folder: IFolder): void {\n    this.onDeleteAsync(\n      folder,\n      (f) => f.id,\n      (id) => this.folderService.delete({ id, type: 'delete' }),\n      {\n        header: this.translateService.translate('storage.folder.delete.title'),\n      },\n    );\n  }\n}\n"],"names":[],"mappings":"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"}

package/fesm2022/{flusys-ng-storage-storage-config-list.component-C26TtG0W.mjs → flusys-ng-storage-storage-config-list.component-DSyXVVPf.mjs}

@@ -1,8 +1,10 @@
 import * as i0 from '@angular/core';
-import { inject, Component } from '@angular/core';
+import { inject, signal, Component } from '@angular/core';
 import { DatePipe } from '@angular/common';
+import * as i1 from '@angular/forms';
+import { FormsModule } from '@angular/forms';
 import { STORAGE_CONFIG_PERMISSIONS, TranslateService, HasPermissionDirective, TranslatePipe } from '@flusys/ng-shared';
-import { FButtonDirective, UiIconComponent, TableComponent, TagComponent, TooltipDirective } from '@flusys/ng-ui';
+import { FButtonDirective, UiIconComponent, IconFieldComponent, InputIconComponent, InputTextDirective, TableComponent, TagComponent, TooltipDirective } from '@flusys/ng-ui';
 import { BaseStorageListPage, StorageConfigApiService, getProviderIcon, getProviderLabelKey, getProviderSeverity } from './flusys-ng-storage.mjs';
 
 class StorageConfigListComponent extends BaseStorageListPage {
@@ -12,6 +14,9 @@ class StorageConfigListComponent extends BaseStorageListPage {
     getProviderIcon = getProviderIcon;
     getProviderLabelKey = getProviderLabelKey;
     getProviderSeverity = getProviderSeverity;
+    _searchTerm = signal('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_searchTerm" }] : /* istanbul ignore next */ []));
+    searchTerm = this._searchTerm.asReadonly();
     getResourceRoute() {
         return '/storage/configs';
     }
@@ -25,7 +30,7 @@ class StorageConfigListComponent extends BaseStorageListPage {
         try {
             const response = await this.configService.getAll({
                 pagination: this.getPaginationParams(),
-            });
+            }, this.searchTerm());
             if (response.success) {
                 this.items.set(response.data ?? []);
                 this.total.set(response.meta?.total ?? 0);
@@ -38,6 +43,11 @@ class StorageConfigListComponent extends BaseStorageListPage {
             this.isLoading.set(false);
         }
     }
+    onSearchChange(term) {
+        this._searchTerm.set(term);
+        this.first.set(0);
+        this.loadData();
+    }
     onDeleteConfig(config) {
         this.onDeleteAsync(config, (c) => c.id, (id) => this.configService.delete({ id, type: 'delete' }), {
             header: this.translateService.translate('storage.config.delete.title'),
@@ -59,15 +69,31 @@ class StorageConfigListComponent extends BaseStorageListPage {
             </p>
           }
         </div>
-        <button
-          fButton
-          *hasPermission="STORAGE_CONFIG_PERMISSIONS.CREATE"
-          (click)="onCreate()"
-          class="w-full sm:w-auto"
+        <div
+          class="flex flex-col sm:flex-row items-stretch sm:items-center gap-2 w-full sm:w-auto"
         >
-          <ui-icon pButtonIcon name="plus"></ui-icon>
-          <span pButtonLabel>{{ 'storage.button.new.configuration' | translate }}</span>
-        </button>
+          <f-iconfield class="w-full sm:w-64">
+            <f-inputicon><ui-icon name="search" class="text-sm"></ui-icon></f-inputicon>
+            <input
+              fInputText
+              type="text"
+              [ngModel]="searchTerm()"
+              (ngModelChange)="onSearchChange($event)"
+              [ngModelOptions]="{ standalone: true }"
+              [placeholder]="'shared.search' | translate"
+              class="w-full"
+            />
+          </f-iconfield>
+          <button
+            fButton
+            *hasPermission="STORAGE_CONFIG_PERMISSIONS.CREATE"
+            (click)="onCreate()"
+            class="w-full sm:w-auto"
+          >
+            <ui-icon pButtonIcon name="plus"></ui-icon>
+            <span pButtonLabel>{{ 'storage.button.new.configuration' | translate }}</span>
+          </button>
+        </div>
       </div>
 
       <div class="overflow-x-auto">
@@ -164,7 +190,7 @@ class StorageConfigListComponent extends BaseStorageListPage {
         </f-table>
       </div>
     </div>
-  `, isInline: true, dependencies: [{ kind: "directive", type: FButtonDirective, selector: "[fButton]", inputs: ["severity", "text", "outlined", "link", "variant", "rounded", "raised", "fluid", "disabled", "loading", "loadingIcon", "size", "label", "icon", "iconPos", "ariaLabel", "plain"] }, { kind: "component", type: UiIconComponent, selector: "ui-icon", inputs: ["name", "size", "spin", "fill", "severity"] }, { kind: "component", type: TableComponent, selector: "f-table", inputs: ["value", "lazy", "loading", "rows", "totalRecords", "rowHover", "dataKey", "scrollable", "scrollHeight", "paginator", "first", "rowsPerPageOptions", "showCurrentPageReport", "currentPageReportTemplate", "tableStyle", "styleClass", "globalFilterFields", "filterDelay", "responsiveLayout", "selectionMode", "sortMode", "rowExpandMode", "resizableColumns", "rowStyleClass", "virtualScroll", "virtualScrollItemSize", "sortField", "sortOrder", "multiSortMeta", "filters", "selection", "expandedRowKeys", "contextMenuSelection"], outputs: ["sortFieldChange", "sortOrderChange", "multiSortMetaChange", "filtersChange", "selectionChange", "expandedRowKeysChange", "contextMenuSelectionChange", "onLazyLoad", "onSort", "onFilter", "onRowSelect", "onRowUnselect", "onSelectAllChange", "onRowExpand", "onRowCollapse", "onColResize", "onRowContextMenu"] }, { kind: "component", type: TagComponent, selector: "f-tag", inputs: ["value", "severity", "icon", "rounded", "color", "styleClass", "style"] }, { kind: "directive", type: TooltipDirective, selector: "[fTooltip]", inputs: ["fTooltip", "tooltipPosition", "positionStyle", "tooltipStyleClass", "disabled", "tooltipEvent", "showDelay", "hideDelay", "life", "autoHide", "positionTop", "positionLeft", "escape"] }, { kind: "directive", type: HasPermissionDirective, selector: "[hasPermission]", inputs: ["hasPermission"] }, { kind: "pipe", type: DatePipe, name: "date" }, { kind: "pipe", type: TranslatePipe, name: "translate" }] });
+  `, isInline: true, dependencies: [{ kind: "directive", type: FButtonDirective, selector: "[fButton]", inputs: ["severity", "text", "outlined", "link", "variant", "rounded", "raised", "fluid", "disabled", "loading", "loadingIcon", "size", "label", "icon", "iconPos", "ariaLabel", "plain"] }, { kind: "component", type: UiIconComponent, selector: "ui-icon", inputs: ["name", "size", "spin", "fill", "severity"] }, { kind: "component", type: IconFieldComponent, selector: "f-iconfield", inputs: ["iconPosition", "styleClass"] }, { kind: "component", type: InputIconComponent, selector: "f-inputicon", inputs: ["icon", "position", "styleClass", "style"] }, { kind: "directive", type: InputTextDirective, selector: "[fInputText]", inputs: ["invalid", "touched", "variant", "size", "fluid"] }, { kind: "component", type: TableComponent, selector: "f-table", inputs: ["value", "lazy", "loading", "rows", "totalRecords", "rowHover", "dataKey", "scrollable", "scrollHeight", "paginator", "first", "rowsPerPageOptions", "showCurrentPageReport", "currentPageReportTemplate", "tableStyle", "styleClass", "globalFilterFields", "filterDelay", "responsiveLayout", "selectionMode", "sortMode", "rowExpandMode", "resizableColumns", "rowStyleClass", "virtualScroll", "virtualScrollItemSize", "sortField", "sortOrder", "multiSortMeta", "filters", "selection", "expandedRowKeys", "contextMenuSelection"], outputs: ["sortFieldChange", "sortOrderChange", "multiSortMetaChange", "filtersChange", "selectionChange", "expandedRowKeysChange", "contextMenuSelectionChange", "onLazyLoad", "onSort", "onFilter", "onRowSelect", "onRowUnselect", "onSelectAllChange", "onRowExpand", "onRowCollapse", "onColResize", "onRowContextMenu"] }, { kind: "component", type: TagComponent, selector: "f-tag", inputs: ["value", "severity", "icon", "rounded", "color", "styleClass", "style"] }, { kind: "directive", type: TooltipDirective, selector: "[fTooltip]", inputs: ["fTooltip", "tooltipPosition", "positionStyle", "tooltipStyleClass", "disabled", "tooltipEvent", "showDelay", "hideDelay", "life", "autoHide", "positionTop", "positionLeft", "escape"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox]):not([ngNoCva])[formControlName],textarea:not([ngNoCva])[formControlName],input:not([type=checkbox]):not([ngNoCva])[formControl],textarea:not([ngNoCva])[formControl],input:not([type=checkbox]):not([ngNoCva])[ngModel],textarea:not([ngNoCva])[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: HasPermissionDirective, selector: "[hasPermission]", inputs: ["hasPermission"] }, { kind: "pipe", type: DatePipe, name: "date" }, { kind: "pipe", type: TranslatePipe, name: "translate" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: StorageConfigListComponent, decorators: [{
             type: Component,
@@ -173,10 +199,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImpor
                     imports: [
                         FButtonDirective,
                         UiIconComponent,
+                        IconFieldComponent,
+                        InputIconComponent,
+                        InputTextDirective,
                         TableComponent,
                         TagComponent,
                         TooltipDirective,
                         DatePipe,
+                        FormsModule,
                         HasPermissionDirective,
                         TranslatePipe,
                     ],
@@ -195,15 +225,31 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImpor
             </p>
           }
         </div>
-        <button
-          fButton
-          *hasPermission="STORAGE_CONFIG_PERMISSIONS.CREATE"
-          (click)="onCreate()"
-          class="w-full sm:w-auto"
+        <div
+          class="flex flex-col sm:flex-row items-stretch sm:items-center gap-2 w-full sm:w-auto"
         >
-          <ui-icon pButtonIcon name="plus"></ui-icon>
-          <span pButtonLabel>{{ 'storage.button.new.configuration' | translate }}</span>
-        </button>
+          <f-iconfield class="w-full sm:w-64">
+            <f-inputicon><ui-icon name="search" class="text-sm"></ui-icon></f-inputicon>
+            <input
+              fInputText
+              type="text"
+              [ngModel]="searchTerm()"
+              (ngModelChange)="onSearchChange($event)"
+              [ngModelOptions]="{ standalone: true }"
+              [placeholder]="'shared.search' | translate"
+              class="w-full"
+            />
+          </f-iconfield>
+          <button
+            fButton
+            *hasPermission="STORAGE_CONFIG_PERMISSIONS.CREATE"
+            (click)="onCreate()"
+            class="w-full sm:w-auto"
+          >
+            <ui-icon pButtonIcon name="plus"></ui-icon>
+            <span pButtonLabel>{{ 'storage.button.new.configuration' | translate }}</span>
+          </button>
+        </div>
       </div>
 
       <div class="overflow-x-auto">
@@ -305,4 +351,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImpor
         }] });
 
 export { StorageConfigListComponent };
-//# sourceMappingURL=flusys-ng-storage-storage-config-list.component-C26TtG0W.mjs.map
+//# sourceMappingURL=flusys-ng-storage-storage-config-list.component-DSyXVVPf.mjs.map

package/fesm2022/flusys-ng-storage-storage-config-list.component-DSyXVVPf.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"flusys-ng-storage-storage-config-list.component-DSyXVVPf.mjs","sources":["../../../projects/ng-storage/pages/storage-config/storage-config-list.component.ts"],"sourcesContent":["import { Component, inject, signal } from '@angular/core';\nimport { DatePipe } from '@angular/common';\nimport { FormsModule } from '@angular/forms';\nimport {\n  HasPermissionDirective,\n  STORAGE_CONFIG_PERMISSIONS,\n  TranslatePipe,\n  TranslateService,\n} from '@flusys/ng-shared';\nimport {\n  FButtonDirective,\n  IconFieldComponent,\n  InputIconComponent,\n  InputTextDirective,\n  TableComponent,\n  TagComponent,\n  TooltipDirective,\n  UiIconComponent,\n} from '@flusys/ng-ui';\nimport { IStorageConfig } from '../../interfaces/storage-config.interface';\nimport { StorageConfigApiService } from '../../services/storage-config-api.service';\nimport { BaseStorageListPage } from '../../utils/base-storage-page';\nimport {\n  getProviderIcon,\n  getProviderLabelKey,\n  getProviderSeverity,\n} from '../../utils/storage-utils';\n\n@Component({\n  selector: 'lib-storage-config-list',\n  imports: [\n    FButtonDirective,\n    UiIconComponent,\n    IconFieldComponent,\n    InputIconComponent,\n    InputTextDirective,\n    TableComponent,\n    TagComponent,\n    TooltipDirective,\n    DatePipe,\n    FormsModule,\n    HasPermissionDirective,\n    TranslatePipe,\n  ],\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.config.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        <div\n          class=\"flex flex-col sm:flex-row items-stretch sm:items-center gap-2 w-full sm:w-auto\"\n        >\n          <f-iconfield class=\"w-full sm:w-64\">\n            <f-inputicon><ui-icon name=\"search\" class=\"text-sm\"></ui-icon></f-inputicon>\n            <input\n              fInputText\n              type=\"text\"\n              [ngModel]=\"searchTerm()\"\n              (ngModelChange)=\"onSearchChange($event)\"\n              [ngModelOptions]=\"{ standalone: true }\"\n              [placeholder]=\"'shared.search' | translate\"\n              class=\"w-full\"\n            />\n          </f-iconfield>\n          <button\n            fButton\n            *hasPermission=\"STORAGE_CONFIG_PERMISSIONS.CREATE\"\n            (click)=\"onCreate()\"\n            class=\"w-full sm:w-auto\"\n          >\n            <ui-icon pButtonIcon name=\"plus\"></ui-icon>\n            <span pButtonLabel>{{ 'storage.button.new.configuration' | translate }}</span>\n          </button>\n        </div>\n      </div>\n\n      <div class=\"overflow-x-auto\">\n        <f-table\n          [value]=\"items()\"\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>{{ 'storage.table.provider' | translate }}</th>\n              <th class=\"hidden sm:table-cell\">\n                {{ 'storage.table.created' | translate }}\n              </th>\n              <th class=\"w-[120px]\">\n                {{ 'shared.actions' | translate }}\n              </th>\n            </tr>\n          </ng-template>\n          <ng-template #body let-config>\n            <tr>\n              <td>\n                <div class=\"flex items-center gap-2\">\n                  <ui-icon [name]=\"getProviderIcon(config.storage)\"></ui-icon>\n                  <span class=\"truncate max-w-32 sm:max-w-none\">{{\n                    config.name\n                  }}</span>\n                </div>\n              </td>\n              <td>\n                <f-tag\n                  [value]=\"getProviderLabelKey(config.storage) | translate\"\n                  [severity]=\"getProviderSeverity(config.storage)\"\n                />\n              </td>\n              <td class=\"hidden sm:table-cell\">\n                {{ config.createdAt | date: 'short' }}\n              </td>\n              <td>\n                <div class=\"flex gap-1\">\n                  <button\n                    fButton\n                    *hasPermission=\"STORAGE_CONFIG_PERMISSIONS.UPDATE\"\n                    [text]=\"true\"\n                    severity=\"secondary\"\n                    size=\"small\"\n                    (click)=\"onEdit(config.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=\"STORAGE_CONFIG_PERMISSIONS.DELETE\"\n                    [text]=\"true\"\n                    severity=\"danger\"\n                    size=\"small\"\n                    [disabled]=\"config.isDefault\"\n                    (click)=\"onDeleteConfig(config)\"\n                    [fTooltip]=\"\n                      (config.isDefault\n                        ? 'storage.config.default.delete.forbidden'\n                        : 'shared.delete'\n                      ) | translate\n                    \"\n                    tooltipPosition=\"top\"\n                  >\n                    <ui-icon pButtonIcon name=\"trash\"></ui-icon>\n                  </button>\n                </div>\n              </td>\n            </tr>\n          </ng-template>\n          <ng-template #emptymessage>\n            <tr>\n              <td colspan=\"4\" class=\"text-center py-4 text-muted-color\">\n                {{\n                  (showCompanyInfo()\n                    ? 'storage.empty.configs.in.company'\n                    : 'storage.empty.configs'\n                  ) | translate\n                }}\n              </td>\n            </tr>\n          </ng-template>\n        </f-table>\n      </div>\n    </div>\n  `,\n})\nexport class StorageConfigListComponent extends BaseStorageListPage<IStorageConfig> {\n  readonly STORAGE_CONFIG_PERMISSIONS = STORAGE_CONFIG_PERMISSIONS;\n\n  private readonly configService = inject(StorageConfigApiService);\n  private readonly translateService = inject(TranslateService);\n\n  readonly getProviderIcon = getProviderIcon;\n  readonly getProviderLabelKey = getProviderLabelKey;\n  readonly getProviderSeverity = getProviderSeverity;\n\n  private readonly _searchTerm = signal('');\n  readonly searchTerm = this._searchTerm.asReadonly();\n\n  getResourceRoute(): string {\n    return '/storage/configs';\n  }\n\n  override getDeleteConfirmMessage(config: IStorageConfig): string {\n    return this.translateService.translate('shared.confirm.delete.item', {\n      name: config.name,\n    });\n  }\n\n  async loadData(): Promise<void> {\n    this.isLoading.set(true);\n    try {\n      const response = await this.configService.getAll(\n        {\n          pagination: this.getPaginationParams(),\n        },\n        this.searchTerm(),\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(\n        this.translateService.translate('storage.config.load.failed'),\n      );\n    } finally {\n      this.isLoading.set(false);\n    }\n  }\n\n  onSearchChange(term: string): void {\n    this._searchTerm.set(term);\n    this.first.set(0);\n    this.loadData();\n  }\n\n  onDeleteConfig(config: IStorageConfig): void {\n    this.onDeleteAsync(\n      config,\n      (c) => c.id,\n      (id) => this.configService.delete({ id, type: 'delete' }),\n      {\n        header: this.translateService.translate('storage.config.delete.title'),\n      },\n    );\n  }\n}\n"],"names":[],"mappings":"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"}

package/fesm2022/flusys-ng-storage.mjs

@@ -749,7 +749,7 @@ const STORAGE_ROUTES = [
                 children: [
                     {
                         path: '',
-                        loadComponent: () => import('./flusys-ng-storage-file-manager-list.component-CS6qDOik.mjs').then((m) => m.FileManagerListComponent),
+                        loadComponent: () => import('./flusys-ng-storage-file-manager-list.component-C5-DHxlA.mjs').then((m) => m.FileManagerListComponent),
                     },
                     {
                         path: 'new',
@@ -770,7 +770,7 @@ const STORAGE_ROUTES = [
                 children: [
                     {
                         path: '',
-                        loadComponent: () => import('./flusys-ng-storage-folder-list.component-DBq6jc4i.mjs').then((m) => m.FolderListComponent),
+                        loadComponent: () => import('./flusys-ng-storage-folder-list.component-BlREOun8.mjs').then((m) => m.FolderListComponent),
                     },
                     {
                         path: 'new',
@@ -791,7 +791,7 @@ const STORAGE_ROUTES = [
                 children: [
                     {
                         path: '',
-                        loadComponent: () => import('./flusys-ng-storage-storage-config-list.component-C26TtG0W.mjs').then((m) => m.StorageConfigListComponent),
+                        loadComponent: () => import('./flusys-ng-storage-storage-config-list.component-DSyXVVPf.mjs').then((m) => m.StorageConfigListComponent),
                     },
                     {
                         path: 'new',

package/package.json

@@ -1,16 +1,16 @@
 {
   "name": "@flusys/ng-storage",
-  "version": "8.0.3",
+  "version": "8.1.1",
   "description": "File storage module for FLUSYS Angular applications",
   "license": "MIT",
   "peerDependencies": {
     "@angular/common": ">=22.0.0",
     "@angular/core": ">=22.0.0",
     "@angular/router": ">=22.0.0",
-    "@flusys/ng-core": ">=8.0.3",
-    "@flusys/ng-layout": ">=8.0.3",
-    "@flusys/ng-shared": ">=8.0.3",
-    "@flusys/ng-ui": ">=8.0.3",
+    "@flusys/ng-core": ">=8.1.1",
+    "@flusys/ng-layout": ">=8.1.1",
+    "@flusys/ng-shared": ">=8.1.1",
+    "@flusys/ng-ui": ">=8.1.1",
     "rxjs": "^7.8.0"
   },
   "dependencies": {

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

@@ -1 +0,0 @@
-{"version":3,"file":"flusys-ng-storage-file-manager-list.component-CS6qDOik.mjs","sources":["../../../projects/ng-storage/pages/file-manager/file-manager-list.component.ts"],"sourcesContent":["import { Component, inject, signal } from '@angular/core';\nimport { DatePipe } from '@angular/common';\nimport {\n  FILE_PERMISSIONS,\n  HasPermissionDirective,\n  TranslatePipe,\n  TranslateService,\n} from '@flusys/ng-shared';\nimport {\n  FButtonDirective,\n  TableComponent,\n  TagComponent,\n  TooltipDirective,\n  UiIconComponent,\n} 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: [\n    FButtonDirective,\n    TableComponent,\n    TagComponent,\n    TooltipDirective,\n    UiIconComponent,\n    DatePipe,\n    HasPermissionDirective,\n    TranslatePipe,\n  ],\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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"}

package/fesm2022/flusys-ng-storage-folder-list.component-DBq6jc4i.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"flusys-ng-storage-folder-list.component-DBq6jc4i.mjs","sources":["../../../projects/ng-storage/pages/folder/folder-list.component.ts"],"sourcesContent":["import { Component, inject } from '@angular/core';\nimport { DatePipe } from '@angular/common';\nimport {\n  FOLDER_PERMISSIONS,\n  HasPermissionDirective,\n  TranslatePipe,\n  TranslateService,\n} from '@flusys/ng-shared';\nimport { IFolder } from '../../interfaces/folder.interface';\nimport { FolderApiService } from '../../services/folder-api.service';\nimport { BaseStorageListPage } from '../../utils/base-storage-page';\nimport {\n  FButtonDirective,\n  TableComponent,\n  TooltipDirective,\n  UiIconComponent,\n} from '@flusys/ng-ui';\n\n@Component({\n  selector: 'lib-folder-list',\n  imports: [\n    DatePipe,\n    FButtonDirective,\n    TableComponent,\n    TooltipDirective,\n    UiIconComponent,\n    HasPermissionDirective,\n    TranslatePipe,\n  ],\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.folder.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=\"FOLDER_PERMISSIONS.CREATE\"\n          (click)=\"onCreate()\"\n          class=\"w-full sm:w-auto\"\n        >\n          <ui-icon pButtonIcon name=\"plus\"></ui-icon>\n          <span pButtonLabel>{{ 'storage.button.new.folder' | translate }}</span>\n        </button>\n      </div>\n\n      <div class=\"overflow-x-auto\">\n        <f-table\n          [value]=\"folders()\"\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>{{ 'storage.table.slug' | translate }}</th>\n              <th class=\"hidden sm:table-cell\">\n                {{ 'storage.table.created' | translate }}\n              </th>\n              <th class=\"w-[120px]\">\n                {{ 'shared.actions' | translate }}\n              </th>\n            </tr>\n          </ng-template>\n          <ng-template #body let-folder>\n            <tr>\n              <td>\n                <ui-icon name=\"folder\" class=\"mr-2\"></ui-icon>\n                {{ folder.name }}\n              </td>\n              <td>{{ folder.slug }}</td>\n              <td class=\"hidden sm:table-cell\">\n                {{ folder.createdAt | date: 'short' }}\n              </td>\n              <td>\n                <div class=\"flex gap-1\">\n                  <button\n                    fButton\n                    *hasPermission=\"FOLDER_PERMISSIONS.UPDATE\"\n                    [text]=\"true\"\n                    severity=\"secondary\"\n                    size=\"small\"\n                    (click)=\"onEdit(folder.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=\"FOLDER_PERMISSIONS.DELETE\"\n                    [text]=\"true\"\n                    severity=\"danger\"\n                    size=\"small\"\n                    (click)=\"onDeleteFolder(folder)\"\n                    [fTooltip]=\"'shared.delete' | translate\"\n                    tooltipPosition=\"top\"\n                  >\n                    <ui-icon pButtonIcon name=\"trash\"></ui-icon>\n                  </button>\n                </div>\n              </td>\n            </tr>\n          </ng-template>\n          <ng-template #emptymessage>\n            <tr>\n              <td colspan=\"4\" class=\"text-center py-4 text-muted-color\">\n                @if (showCompanyInfo()) {\n                  {{ 'storage.empty.folders.in.company' | translate }}\n                } @else {\n                  {{ 'storage.empty.folders' | translate }}\n                }\n              </td>\n            </tr>\n          </ng-template>\n        </f-table>\n      </div>\n    </div>\n  `,\n})\nexport class FolderListComponent extends BaseStorageListPage<IFolder> {\n  readonly FOLDER_PERMISSIONS = FOLDER_PERMISSIONS;\n\n  private readonly folderService = inject(FolderApiService);\n  private readonly translateService = inject(TranslateService);\n\n  readonly folders = this.items;\n\n  getResourceRoute(): string {\n    return '/storage/folders';\n  }\n\n  override getDeleteConfirmMessage(folder: IFolder): string {\n    return this.translateService.translate('shared.confirm.delete.item', {\n      name: folder.name,\n    });\n  }\n\n  async loadData(): Promise<void> {\n    this.isLoading.set(true);\n    try {\n      const response = await this.folderService.getAll({\n        pagination: this.getPaginationParams(),\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  onDeleteFolder(folder: IFolder): void {\n    this.onDeleteAsync(\n      folder,\n      (f) => f.id,\n      (id) => this.folderService.delete({ id, type: 'delete' }),\n      {\n        header: this.translateService.translate('storage.folder.delete.title'),\n      },\n    );\n  }\n}\n"],"names":[],"mappings":"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"}

package/fesm2022/flusys-ng-storage-storage-config-list.component-C26TtG0W.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"flusys-ng-storage-storage-config-list.component-C26TtG0W.mjs","sources":["../../../projects/ng-storage/pages/storage-config/storage-config-list.component.ts"],"sourcesContent":["import { Component, inject } from '@angular/core';\nimport { DatePipe } from '@angular/common';\nimport {\n  HasPermissionDirective,\n  STORAGE_CONFIG_PERMISSIONS,\n  TranslatePipe,\n  TranslateService,\n} from '@flusys/ng-shared';\nimport {\n  FButtonDirective,\n  TableComponent,\n  TagComponent,\n  TooltipDirective,\n  UiIconComponent,\n} from '@flusys/ng-ui';\nimport { IStorageConfig } from '../../interfaces/storage-config.interface';\nimport { StorageConfigApiService } from '../../services/storage-config-api.service';\nimport { BaseStorageListPage } from '../../utils/base-storage-page';\nimport {\n  getProviderIcon,\n  getProviderLabelKey,\n  getProviderSeverity,\n} from '../../utils/storage-utils';\n\n@Component({\n  selector: 'lib-storage-config-list',\n  imports: [\n    FButtonDirective,\n    UiIconComponent,\n    TableComponent,\n    TagComponent,\n    TooltipDirective,\n    DatePipe,\n    HasPermissionDirective,\n    TranslatePipe,\n  ],\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.config.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=\"STORAGE_CONFIG_PERMISSIONS.CREATE\"\n          (click)=\"onCreate()\"\n          class=\"w-full sm:w-auto\"\n        >\n          <ui-icon pButtonIcon name=\"plus\"></ui-icon>\n          <span pButtonLabel>{{ 'storage.button.new.configuration' | translate }}</span>\n        </button>\n      </div>\n\n      <div class=\"overflow-x-auto\">\n        <f-table\n          [value]=\"items()\"\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>{{ 'storage.table.provider' | translate }}</th>\n              <th class=\"hidden sm:table-cell\">\n                {{ 'storage.table.created' | translate }}\n              </th>\n              <th class=\"w-[120px]\">\n                {{ 'shared.actions' | translate }}\n              </th>\n            </tr>\n          </ng-template>\n          <ng-template #body let-config>\n            <tr>\n              <td>\n                <div class=\"flex items-center gap-2\">\n                  <ui-icon [name]=\"getProviderIcon(config.storage)\"></ui-icon>\n                  <span class=\"truncate max-w-32 sm:max-w-none\">{{\n                    config.name\n                  }}</span>\n                </div>\n              </td>\n              <td>\n                <f-tag\n                  [value]=\"getProviderLabelKey(config.storage) | translate\"\n                  [severity]=\"getProviderSeverity(config.storage)\"\n                />\n              </td>\n              <td class=\"hidden sm:table-cell\">\n                {{ config.createdAt | date: 'short' }}\n              </td>\n              <td>\n                <div class=\"flex gap-1\">\n                  <button\n                    fButton\n                    *hasPermission=\"STORAGE_CONFIG_PERMISSIONS.UPDATE\"\n                    [text]=\"true\"\n                    severity=\"secondary\"\n                    size=\"small\"\n                    (click)=\"onEdit(config.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=\"STORAGE_CONFIG_PERMISSIONS.DELETE\"\n                    [text]=\"true\"\n                    severity=\"danger\"\n                    size=\"small\"\n                    [disabled]=\"config.isDefault\"\n                    (click)=\"onDeleteConfig(config)\"\n                    [fTooltip]=\"\n                      (config.isDefault\n                        ? 'storage.config.default.delete.forbidden'\n                        : 'shared.delete'\n                      ) | translate\n                    \"\n                    tooltipPosition=\"top\"\n                  >\n                    <ui-icon pButtonIcon name=\"trash\"></ui-icon>\n                  </button>\n                </div>\n              </td>\n            </tr>\n          </ng-template>\n          <ng-template #emptymessage>\n            <tr>\n              <td colspan=\"4\" class=\"text-center py-4 text-muted-color\">\n                {{\n                  (showCompanyInfo()\n                    ? 'storage.empty.configs.in.company'\n                    : 'storage.empty.configs'\n                  ) | translate\n                }}\n              </td>\n            </tr>\n          </ng-template>\n        </f-table>\n      </div>\n    </div>\n  `,\n})\nexport class StorageConfigListComponent extends BaseStorageListPage<IStorageConfig> {\n  readonly STORAGE_CONFIG_PERMISSIONS = STORAGE_CONFIG_PERMISSIONS;\n\n  private readonly configService = inject(StorageConfigApiService);\n  private readonly translateService = inject(TranslateService);\n\n  readonly getProviderIcon = getProviderIcon;\n  readonly getProviderLabelKey = getProviderLabelKey;\n  readonly getProviderSeverity = getProviderSeverity;\n\n  getResourceRoute(): string {\n    return '/storage/configs';\n  }\n\n  override getDeleteConfirmMessage(config: IStorageConfig): string {\n    return this.translateService.translate('shared.confirm.delete.item', {\n      name: config.name,\n    });\n  }\n\n  async loadData(): Promise<void> {\n    this.isLoading.set(true);\n    try {\n      const response = await this.configService.getAll({\n        pagination: this.getPaginationParams(),\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(\n        this.translateService.translate('storage.config.load.failed'),\n      );\n    } finally {\n      this.isLoading.set(false);\n    }\n  }\n\n  onDeleteConfig(config: IStorageConfig): void {\n    this.onDeleteAsync(\n      config,\n      (c) => c.id,\n      (id) => this.configService.delete({ id, type: 'delete' }),\n      {\n        header: this.translateService.translate('storage.config.delete.title'),\n      },\n    );\n  }\n}\n"],"names":[],"mappings":"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"}