@flusys/ng-storage 9.1.0-rc.1 → 9.1.1

package/fesm2022/flusys-ng-storage-storage-config-form.component-De5h8JY-.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"flusys-ng-storage-storage-config-form.component-De5h8JY-.mjs","names":[],"sources":["../../../projects/ng-storage/pages/storage-config/storage-config-form.component.ts"],"sourcesContent":["import { Component, computed, effect, inject, signal } from '@angular/core';\nimport { toSignal } from '@angular/core/rxjs-interop';\nimport { form, FormField, required } from '@angular/forms/signals';\nimport { ActivatedRoute } from '@angular/router';\nimport {\n  TranslatePipe,\n  TranslateService,\n} from '@flusys/ng-shared';\nimport { FileLocationEnum } from '../../enums/file-location.enum';\nimport { IStorageConfig } from '../../interfaces/storage-config.interface';\nimport { StorageConfigApiService } from '../../services/storage-config-api.service';\nimport { BaseStoragePage } from '../../utils/base-storage-page';\nimport { STORAGE_PROVIDER_OPTIONS } from '../../utils/storage-utils';\nimport {\n  FButtonDirective,\n  InputTextDirective,\n  PasswordComponent,\n  SelectComponent,\n  ToggleSwitchComponent,\n  UiIconComponent,\n} from '@flusys/ng-ui';\n\ninterface IStorageConfigFormModel {\n  id: string;\n  name: string;\n  storage: FileLocationEnum;\n  isActive: boolean;\n  isDefault: boolean;\n  awsRegion: string;\n  awsBucket: string;\n  awsAccessKeyId: string;\n  awsSecretAccessKey: string;\n  awsEndpoint: string;\n  azureAccountName: string;\n  azureAccountKey: string;\n  azureContainerName: string;\n  sftpHost: string;\n  sftpPort: string;\n  sftpUsername: string;\n  sftpPassword: string;\n  sftpBasePath: string;\n  localBasePath: string;\n}\n\nconst DEFAULT_FORM_MODEL: IStorageConfigFormModel = {\n  id: '',\n  name: '',\n  storage: FileLocationEnum.AWS,\n  isActive: true,\n  isDefault: false,\n  awsRegion: '',\n  awsBucket: '',\n  awsAccessKeyId: '',\n  awsSecretAccessKey: '',\n  awsEndpoint: '',\n  azureAccountName: '',\n  azureAccountKey: '',\n  azureContainerName: '',\n  sftpHost: '',\n  sftpPort: '22',\n  sftpUsername: '',\n  sftpPassword: '',\n  sftpBasePath: '',\n  localBasePath: '',\n};\n\n@Component({\n  selector: 'lib-storage-config-form',\n  imports: [\n    InputTextDirective,\n    PasswordComponent,\n    SelectComponent,\n    ToggleSwitchComponent,\n    FButtonDirective,\n    UiIconComponent,\n    FormField,\n    TranslatePipe,\n  ],\n  template: `\n    <div class=\"card\">\n      <h3 class=\"text-lg sm:text-xl font-semibold mb-4\">\n        {{\n          (isEditMode()\n            ? 'storage.config.edit.config'\n            : 'storage.config.new.config'\n          ) | translate\n        }}\n      </h3>\n      @if (showCompanyInfo()) {\n        <p class=\"text-sm text-muted-color mb-4\">\n          {{ 'shared.company' | translate }}: {{ currentCompanyName() }}\n        </p>\n      }\n\n      <form (submit)=\"onSubmit($event)\">\n        <div class=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n          <div class=\"field\">\n            <label\n              for=\"name\"\n              class=\"block font-medium mb-2 text-sm sm:text-base\"\n              >{{ 'storage.config.config.name.required' | translate }}</label\n            >\n            <input\n              fInputText\n              id=\"name\"\n              [formField]=\"configForm.name\"\n              [placeholder]=\"\n                'storage.config.config.name.placeholder' | translate\n              \"\n              class=\"w-full\"\n            />\n          </div>\n\n          <div class=\"field\">\n            <label\n              for=\"storage\"\n              class=\"block font-medium mb-2 text-sm sm:text-base\"\n              >{{ 'storage.config.provider.required' | translate }}</label\n            >\n            <f-select\n              inputId=\"storage\"\n              [options]=\"[...storageProviderOptions]\"\n              optionValue=\"value\"\n              [formField]=\"configForm.storage\"\n            >\n              <ng-template #item let-provider>{{ provider.labelKey | translate }}</ng-template>\n              <ng-template #selectedItem let-provider>{{ provider.labelKey | translate }}</ng-template>\n            </f-select>\n          </div>\n\n          <div class=\"field flex items-center gap-2\">\n            <f-toggleswitch [formField]=\"configForm.isActive\" />\n            <label class=\"text-sm sm:text-base\">{{\n              'shared.active' | translate\n            }}</label>\n          </div>\n\n          <div class=\"field flex items-center gap-2\">\n            <f-toggleswitch [formField]=\"configForm.isDefault\" />\n            <label class=\"text-sm sm:text-base\">{{\n              'storage.set.as.default' | translate\n            }}</label>\n          </div>\n        </div>\n\n        @if (selectedProvider() === fileLocationEnum.AWS) {\n          <div\n            class=\"grid grid-cols-1 md:grid-cols-2 gap-4 mt-4 p-4 bg-surface-ground rounded-lg border border-surface\"\n          >\n            <div class=\"md:col-span-2 mb-2\">\n              <span\n                class=\"text-sm font-semibold text-muted-color uppercase tracking-wide\"\n                >{{ 'storage.aws.title' | translate }}</span\n              >\n            </div>\n            <div class=\"field\">\n              <label\n                for=\"awsRegion\"\n                class=\"block font-medium mb-2 text-sm sm:text-base\"\n                >{{ 'storage.config.region.required' | translate }}</label\n              >\n              <input\n                fInputText\n                id=\"awsRegion\"\n                [formField]=\"configForm.awsRegion\"\n                [placeholder]=\"'storage.aws.region.placeholder' | translate\"\n                class=\"w-full\"\n              />\n            </div>\n            <div class=\"field\">\n              <label\n                for=\"awsBucket\"\n                class=\"block font-medium mb-2 text-sm sm:text-base\"\n                >{{ 'storage.config.bucket.required' | translate }}</label\n              >\n              <input\n                fInputText\n                id=\"awsBucket\"\n                [formField]=\"configForm.awsBucket\"\n                [placeholder]=\"'storage.aws.bucket.placeholder' | translate\"\n                class=\"w-full\"\n              />\n            </div>\n            <div class=\"field\">\n              <label\n                for=\"awsAccessKeyId\"\n                class=\"block font-medium mb-2 text-sm sm:text-base\"\n                >{{ 'storage.config.access.key.required' | translate }}</label\n              >\n              <input\n                fInputText\n                id=\"awsAccessKeyId\"\n                [formField]=\"configForm.awsAccessKeyId\"\n                class=\"w-full\"\n              />\n            </div>\n            <div class=\"field\">\n              <label\n                for=\"awsSecretAccessKey\"\n                class=\"block font-medium mb-2 text-sm sm:text-base\"\n                >{{ 'storage.config.secret.key.required' | translate }}</label\n              >\n              <f-password\n                inputId=\"awsSecretAccessKey\"\n                [formField]=\"configForm.awsSecretAccessKey\"\n              />\n            </div>\n            <div class=\"field md:col-span-2\">\n              <label\n                for=\"awsEndpoint\"\n                class=\"block font-medium mb-2 text-sm sm:text-base\"\n                >{{ 'storage.config.endpoint.optional' | translate }}</label\n              >\n              <input\n                fInputText\n                id=\"awsEndpoint\"\n                [formField]=\"configForm.awsEndpoint\"\n                [placeholder]=\"\n                  'storage.config.endpoint.placeholder' | translate\n                \"\n                class=\"w-full\"\n              />\n            </div>\n          </div>\n        }\n\n        @if (selectedProvider() === fileLocationEnum.AZURE) {\n          <div\n            class=\"grid grid-cols-1 md:grid-cols-2 gap-4 mt-4 p-4 bg-surface-ground rounded-lg border border-surface\"\n          >\n            <div class=\"md:col-span-2 mb-2\">\n              <span\n                class=\"text-sm font-semibold text-muted-color uppercase tracking-wide\"\n                >{{ 'storage.azure.title' | translate }}</span\n              >\n            </div>\n            <div class=\"field\">\n              <label\n                for=\"azureAccountName\"\n                class=\"block font-medium mb-2 text-sm sm:text-base\"\n                >{{ 'storage.azure.account.name.required' | translate }}</label\n              >\n              <input\n                fInputText\n                id=\"azureAccountName\"\n                [formField]=\"configForm.azureAccountName\"\n                class=\"w-full\"\n              />\n            </div>\n            <div class=\"field\">\n              <label\n                for=\"azureContainerName\"\n                class=\"block font-medium mb-2 text-sm sm:text-base\"\n                >{{\n                  'storage.azure.container.name.required' | translate\n                }}</label\n              >\n              <input\n                fInputText\n                id=\"azureContainerName\"\n                [formField]=\"configForm.azureContainerName\"\n                class=\"w-full\"\n              />\n            </div>\n            <div class=\"field md:col-span-2\">\n              <label\n                for=\"azureAccountKey\"\n                class=\"block font-medium mb-2 text-sm sm:text-base\"\n                >{{ 'storage.azure.account.key.required' | translate }}</label\n              >\n              <f-password\n                inputId=\"azureAccountKey\"\n                [formField]=\"configForm.azureAccountKey\"\n              />\n            </div>\n          </div>\n        }\n\n        @if (selectedProvider() === fileLocationEnum.SFTP) {\n          <div\n            class=\"grid grid-cols-1 md:grid-cols-2 gap-4 mt-4 p-4 bg-surface-ground rounded-lg border border-surface\"\n          >\n            <div class=\"md:col-span-2 mb-2\">\n              <span\n                class=\"text-sm font-semibold text-muted-color uppercase tracking-wide\"\n                >{{ 'storage.sftp.title' | translate }}</span\n              >\n            </div>\n            <div class=\"field\">\n              <label\n                for=\"sftpHost\"\n                class=\"block font-medium mb-2 text-sm sm:text-base\"\n                >{{ 'storage.sftp.host.required' | translate }}</label\n              >\n              <input\n                fInputText\n                id=\"sftpHost\"\n                [formField]=\"configForm.sftpHost\"\n                [placeholder]=\"'storage.sftp.host.placeholder' | translate\"\n                class=\"w-full\"\n              />\n            </div>\n            <div class=\"field\">\n              <label\n                for=\"sftpPort\"\n                class=\"block font-medium mb-2 text-sm sm:text-base\"\n                >{{ 'storage.sftp.port.required' | translate }}</label\n              >\n              <input\n                type=\"number\"\n                fInputText\n                id=\"sftpPort\"\n                [formField]=\"configForm.sftpPort\"\n                [placeholder]=\"'storage.sftp.port.placeholder' | translate\"\n                class=\"w-full\"\n              />\n            </div>\n            <div class=\"field\">\n              <label\n                for=\"sftpUsername\"\n                class=\"block font-medium mb-2 text-sm sm:text-base\"\n                >{{ 'storage.sftp.username.required' | translate }}</label\n              >\n              <input\n                fInputText\n                id=\"sftpUsername\"\n                [formField]=\"configForm.sftpUsername\"\n                class=\"w-full\"\n              />\n            </div>\n            <div class=\"field\">\n              <label\n                for=\"sftpPassword\"\n                class=\"block font-medium mb-2 text-sm sm:text-base\"\n                >{{ 'storage.sftp.password.required' | translate }}</label\n              >\n              <f-password\n                inputId=\"sftpPassword\"\n                [formField]=\"configForm.sftpPassword\"\n              />\n            </div>\n            <div class=\"field md:col-span-2\">\n              <label\n                for=\"sftpBasePath\"\n                class=\"block font-medium mb-2 text-sm sm:text-base\"\n                >{{ 'storage.sftp.base.path.required' | translate }}</label\n              >\n              <input\n                fInputText\n                id=\"sftpBasePath\"\n                [formField]=\"configForm.sftpBasePath\"\n                [placeholder]=\"'storage.sftp.base.path.placeholder' | translate\"\n                class=\"w-full\"\n              />\n            </div>\n          </div>\n        }\n\n        @if (selectedProvider() === fileLocationEnum.LOCAL) {\n          <div\n            class=\"grid grid-cols-1 gap-4 mt-4 p-4 bg-surface-ground rounded-lg border border-surface\"\n          >\n            <div class=\"mb-2\">\n              <span\n                class=\"text-sm font-semibold text-muted-color uppercase tracking-wide\"\n                >{{ 'storage.local.title' | translate }}</span\n              >\n            </div>\n            <div class=\"field\">\n              <label\n                for=\"localBasePath\"\n                class=\"block font-medium mb-2 text-sm sm:text-base\"\n                >{{ 'storage.local.base.path.required' | translate }}</label\n              >\n              <input\n                fInputText\n                id=\"localBasePath\"\n                [formField]=\"configForm.localBasePath\"\n                [placeholder]=\"\n                  'storage.local.base.path.placeholder' | translate\n                \"\n                class=\"w-full\"\n              />\n            </div>\n          </div>\n        }\n\n        <div class=\"flex justify-end gap-2 mt-4\">\n          <button\n            fButton\n            type=\"button\"\n            severity=\"secondary\"\n            [outlined]=\"true\"\n            (click)=\"onCancel()\"\n          >\n            <span pButtonLabel>{{ 'shared.cancel' | translate }}</span>\n          </button>\n          <button\n            fButton\n            type=\"submit\"\n            [disabled]=\"!isFormValid() || isLoading()\"\n          >\n            @if (isLoading()) {\n              <ui-icon pButtonIcon name=\"spinner\" [spin]=\"true\"></ui-icon>\n            }\n            <span pButtonLabel>{{ \n              (isEditMode() ? 'shared.update' : 'shared.create') | translate\n             }}</span>\n          </button>\n        </div>\n      </form>\n    </div>\n  `,\n})\nexport class StorageConfigFormComponent extends BaseStoragePage {\n  private readonly route = inject(ActivatedRoute);\n  private readonly configService = inject(StorageConfigApiService);\n  private readonly translateService = inject(TranslateService);\n  private readonly routeParams = toSignal(this.route.paramMap);\n  private initialized = false;\n\n  readonly fileLocationEnum = FileLocationEnum;\n  readonly storageProviderOptions = STORAGE_PROVIDER_OPTIONS;\n\n  readonly existingConfig = signal<IStorageConfig | null>(null);\n  readonly isEditMode = computed(() => !!this.existingConfig());\n  readonly formModel = signal<IStorageConfigFormModel>({\n    ...DEFAULT_FORM_MODEL,\n  });\n\n  readonly configForm = form(this.formModel, (f) => {\n    required(f.name, {\n      message: this.translateService.translate(\n        'storage.validation.config.name.required',\n      ),\n    });\n  });\n\n  readonly selectedProvider = computed(() => this.formModel().storage);\n  readonly isFormValid = computed(\n    () => this.formModel().name.trim().length > 0,\n  );\n\n  constructor() {\n    super();\n    effect(() => {\n      const params = this.routeParams();\n      if (!params || this.initialized) return;\n\n      this.initialized = true;\n      const configId = params.get('id');\n      if (configId && configId !== 'new') {\n        this.loadConfig(configId);\n      }\n    });\n  }\n\n  async loadConfig(id: string): Promise<void> {\n    this.isLoading.set(true);\n    try {\n      const response = await this.configService.findById(id);\n      if (response.success && response.data) {\n        const config = response.data;\n        this.existingConfig.set(config);\n        this.formModel.update((m) => ({\n          ...m,\n          id: config.id,\n          name: config.name,\n          storage: config.storage,\n          isActive: config.isActive ?? true,\n          isDefault: config.isDefault ?? false,\n          ...this.extractProviderConfig(config),\n        }));\n      }\n    } catch {\n      this.navigateTo(['/storage/configs']);\n    } finally {\n      this.isLoading.set(false);\n    }\n  }\n\n  async onSubmit(event: Event): Promise<void> {\n    event.preventDefault();\n\n    if (!this.isFormValid()) return;\n\n    this.isLoading.set(true);\n    try {\n      const formValue = this.formModel();\n      const config = this.buildProviderConfig(formValue);\n\n      const response = this.isEditMode()\n        ? await this.configService.update({\n            id: formValue.id,\n            name: formValue.name,\n            storage: formValue.storage,\n            config,\n            isActive: formValue.isActive,\n            isDefault: formValue.isDefault,\n          })\n        : await this.configService.insert({\n            name: formValue.name,\n            storage: formValue.storage,\n            config,\n            isActive: formValue.isActive,\n            isDefault: formValue.isDefault,\n          });\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.navigateTo(['/storage/configs']);\n    } catch {\n    } finally {\n      this.isLoading.set(false);\n    }\n  }\n\n  onCancel(): void {\n    this.navigateTo(['/storage/configs']);\n  }\n\n  private extractProviderConfig(\n    config: IStorageConfig,\n  ): Partial<IStorageConfigFormModel> {\n    const c = config.config ?? {};\n    switch (config.storage) {\n      case FileLocationEnum.AWS:\n        return {\n          awsRegion: (c['region'] as string) || '',\n          awsBucket: (c['bucket'] as string) || '',\n          awsAccessKeyId: (c['accessKeyId'] as string) || '',\n          awsSecretAccessKey: (c['secretAccessKey'] as string) || '',\n          awsEndpoint: (c['endpoint'] as string) || '',\n        };\n      case FileLocationEnum.AZURE:\n        return {\n          azureAccountName: (c['accountName'] as string) || '',\n          azureAccountKey: (c['accountKey'] as string) || '',\n          azureContainerName: (c['containerName'] as string) || '',\n        };\n      case FileLocationEnum.SFTP:\n        return {\n          sftpHost: (c['host'] as string) || '',\n          sftpPort: ((c['port'] as number) || 22).toString(),\n          sftpUsername: (c['username'] as string) || '',\n          sftpPassword: (c['password'] as string) || '',\n          sftpBasePath: (c['basePath'] as string) || '',\n        };\n      case FileLocationEnum.LOCAL:\n        return { localBasePath: (c['basePath'] as string) || '' };\n      default:\n        return {};\n    }\n  }\n\n  private buildProviderConfig(\n    formValue: IStorageConfigFormModel,\n  ): Record<string, unknown> {\n    switch (formValue.storage) {\n      case FileLocationEnum.AWS:\n        return {\n          region: formValue.awsRegion,\n          bucket: formValue.awsBucket,\n          accessKeyId: formValue.awsAccessKeyId,\n          secretAccessKey: formValue.awsSecretAccessKey,\n          ...(formValue.awsEndpoint && { endpoint: formValue.awsEndpoint }),\n        };\n      case FileLocationEnum.AZURE:\n        return {\n          accountName: formValue.azureAccountName,\n          accountKey: formValue.azureAccountKey,\n          containerName: formValue.azureContainerName,\n        };\n      case FileLocationEnum.SFTP:\n        return {\n          host: formValue.sftpHost,\n          port: formValue.sftpPort ? parseInt(formValue.sftpPort, 10) : 22,\n          username: formValue.sftpUsername,\n          password: formValue.sftpPassword,\n          basePath: formValue.sftpBasePath,\n        };\n      case FileLocationEnum.LOCAL:\n        return { basePath: formValue.localBasePath };\n      default:\n        return {};\n    }\n  }\n}\n"],"mappings":"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"}

package/fesm2022/{flusys-ng-storage-storage-config-list.component-CCkZY--j.mjs → flusys-ng-storage-storage-config-list.component-Dh9JkuZP.mjs}

@@ -1,60 +1,69 @@
-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 { STORAGE_CONFIG_PERMISSIONS, TranslateService, HasPermissionDirective, TranslatePipe } from '@flusys/ng-shared';
-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 {
-    STORAGE_CONFIG_PERMISSIONS = STORAGE_CONFIG_PERMISSIONS;
-    configService = inject(StorageConfigApiService);
-    translateService = inject(TranslateService);
-    getProviderIcon = getProviderIcon;
-    getProviderLabelKey = getProviderLabelKey;
-    getProviderSeverity = getProviderSeverity;
-    _searchTerm = signal('', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "_searchTerm" }] : /* istanbul ignore next */ []));
-    searchTerm = this._searchTerm.asReadonly();
-    getResourceRoute() {
-        return '/storage/configs';
-    }
-    getDeleteConfirmMessage(config) {
-        return this.translateService.translate('shared.confirm.delete.item', {
-            name: config.name,
-        });
-    }
-    async loadData() {
-        this.isLoading.set(true);
-        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);
-            }
-        }
-        catch {
-            this.showError(this.translateService.translate('storage.config.load.failed'));
-        }
-        finally {
-            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'),
-        });
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: StorageConfigListComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.5", type: StorageConfigListComponent, isStandalone: true, selector: "lib-storage-config-list", usesInheritance: true, ngImport: i0, template: `
+import { t as StorageConfigApiService } from "./flusys-ng-storage-storage-config-api.service-Bl4asniq.mjs";
+import { BaseStorageListPage, getProviderIcon, getProviderLabelKey, getProviderSeverity } from "./flusys-ng-storage.mjs";
+import * as i0 from "@angular/core";
+import { Component, inject, signal } from "@angular/core";
+import { HasPermissionDirective, STORAGE_CONFIG_PERMISSIONS, TranslatePipe, TranslateService } from "@flusys/ng-shared";
+import { FButtonDirective, IconFieldComponent, InputIconComponent, InputTextDirective, TableComponent, TagComponent, TooltipDirective, UiIconComponent } from "@flusys/ng-ui";
+import { DatePipe } from "@angular/common";
+import * as i1 from "@angular/forms";
+import { FormsModule } from "@angular/forms";
+var StorageConfigListComponent = class StorageConfigListComponent extends BaseStorageListPage {
+	STORAGE_CONFIG_PERMISSIONS = STORAGE_CONFIG_PERMISSIONS;
+	configService = inject(StorageConfigApiService);
+	translateService = inject(TranslateService);
+	getProviderIcon = getProviderIcon;
+	getProviderLabelKey = getProviderLabelKey;
+	getProviderSeverity = getProviderSeverity;
+	_searchTerm = signal("", ...ngDevMode ? [{ debugName: "_searchTerm" }] : /* istanbul ignore next */ []);
+	searchTerm = this._searchTerm.asReadonly();
+	getResourceRoute() {
+		return "/storage/configs";
+	}
+	getDeleteConfirmMessage(config) {
+		return this.translateService.translate("shared.confirm.delete.item", { name: config.name });
+	}
+	async loadData() {
+		this.isLoading.set(true);
+		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);
+			}
+		} catch {
+			this.showError(this.translateService.translate("storage.config.load.failed"));
+		} finally {
+			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") });
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: StorageConfigListComponent,
+		deps: null,
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.1",
+		type: StorageConfigListComponent,
+		isStandalone: true,
+		selector: "lib-storage-config-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"
@@ -190,27 +199,237 @@ 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: 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,
-            args: [{
-                    selector: 'lib-storage-config-list',
-                    imports: [
-                        FButtonDirective,
-                        UiIconComponent,
-                        IconFieldComponent,
-                        InputIconComponent,
-                        InputTextDirective,
-                        TableComponent,
-                        TagComponent,
-                        TooltipDirective,
-                        DatePipe,
-                        FormsModule,
-                        HasPermissionDirective,
-                        TranslatePipe,
-                    ],
-                    template: `
+  `,
+		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.2.1",
+	ngImport: i0,
+	type: StorageConfigListComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "lib-storage-config-list",
+			imports: [
+				FButtonDirective,
+				UiIconComponent,
+				IconFieldComponent,
+				InputIconComponent,
+				InputTextDirective,
+				TableComponent,
+				TagComponent,
+				TooltipDirective,
+				DatePipe,
+				FormsModule,
+				HasPermissionDirective,
+				TranslatePipe
+			],
+			template: `
     <div class="card">
       <div
         class="flex flex-col sm:flex-row sm:justify-between sm:items-center gap-3 mb-4"
@@ -346,9 +565,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImpor
         </f-table>
       </div>
     </div>
-  `,
-                }]
-        }] });
-
+  `
+		}]
+	}]
+});
 export { StorageConfigListComponent };
-//# sourceMappingURL=flusys-ng-storage-storage-config-list.component-CCkZY--j.mjs.map
+
+//# sourceMappingURL=flusys-ng-storage-storage-config-list.component-Dh9JkuZP.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"flusys-ng-storage-storage-config-list.component-Dh9JkuZP.mjs","names":[],"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 icon=\"search\" />\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"],"mappings":"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"}

package/fesm2022/flusys-ng-storage-storage-container.component-EWGNoozU.mjs

@@ -0,0 +1,124 @@
+import * as i0 from "@angular/core";
+import { Component, computed, inject } from "@angular/core";
+import { RouterOutlet } from "@angular/router";
+import { FILE_PERMISSIONS, FOLDER_PERMISSIONS, PermissionValidatorService, RouterTabsComponent, STORAGE_CONFIG_PERMISSIONS, TranslatePipe, TranslateService } from "@flusys/ng-shared";
+var StorageContainerComponent = class StorageContainerComponent {
+	permissionValidator = inject(PermissionValidatorService);
+	translateService = inject(TranslateService);
+	allTabs = [
+		{
+			id: "files",
+			labelKey: "storage.file.title",
+			icon: "file",
+			route: "files",
+			permission: FILE_PERMISSIONS.READ
+		},
+		{
+			id: "folders",
+			labelKey: "storage.folder.title",
+			icon: "folder",
+			route: "folders",
+			permission: FOLDER_PERMISSIONS.READ
+		},
+		{
+			id: "configs",
+			labelKey: "storage.config.title",
+			icon: "cog",
+			route: "configs",
+			permission: STORAGE_CONFIG_PERMISSIONS.READ
+		}
+	];
+	visibleTabs = computed(() => this.allTabs.filter((tab) => this.permissionValidator.hasPermission(tab.permission)).map((tab) => ({
+		id: tab.id,
+		label: this.translateService.translate(tab.labelKey),
+		icon: tab.icon,
+		route: tab.route
+	})), ...ngDevMode ? [{ debugName: "visibleTabs" }] : /* istanbul ignore next */ []);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: StorageContainerComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "14.0.0",
+		version: "22.2.1",
+		type: StorageContainerComponent,
+		isStandalone: true,
+		selector: "lib-storage-container",
+		ngImport: i0,
+		template: `
+    <div class="p-2 sm:p-4">
+      <div class="mb-4">
+        <h1 class="text-xl sm:text-2xl font-bold m-0">{{ 'storage.title' | translate }}</h1>
+        <p class="text-muted-color mt-1 text-sm sm:text-base">{{ 'storage.subtitle' | translate }}</p>
+      </div>
+
+      <lib-router-tabs [tabs]="visibleTabs()" class="mb-4" />
+
+      <router-outlet />
+    </div>
+  `,
+		isInline: true,
+		dependencies: [
+			{
+				kind: "directive",
+				type: RouterOutlet,
+				selector: "router-outlet",
+				inputs: ["name", "routerOutletData"],
+				outputs: [
+					"activate",
+					"deactivate",
+					"attach",
+					"detach"
+				],
+				exportAs: ["outlet"]
+			},
+			{
+				kind: "component",
+				type: RouterTabsComponent,
+				selector: "lib-router-tabs",
+				inputs: ["tabs"]
+			},
+			{
+				kind: "pipe",
+				type: TranslatePipe,
+				name: "translate"
+			}
+		]
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: StorageContainerComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "lib-storage-container",
+			imports: [
+				RouterOutlet,
+				TranslatePipe,
+				RouterTabsComponent
+			],
+			template: `
+    <div class="p-2 sm:p-4">
+      <div class="mb-4">
+        <h1 class="text-xl sm:text-2xl font-bold m-0">{{ 'storage.title' | translate }}</h1>
+        <p class="text-muted-color mt-1 text-sm sm:text-base">{{ 'storage.subtitle' | translate }}</p>
+      </div>
+
+      <lib-router-tabs [tabs]="visibleTabs()" class="mb-4" />
+
+      <router-outlet />
+    </div>
+  `
+		}]
+	}]
+});
+export { StorageContainerComponent };
+
+//# sourceMappingURL=flusys-ng-storage-storage-container.component-EWGNoozU.mjs.map

package/fesm2022/flusys-ng-storage-storage-container.component-EWGNoozU.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"flusys-ng-storage-storage-container.component-EWGNoozU.mjs","names":[],"sources":["../../../projects/ng-storage/pages/storage-container/storage-container.component.ts"],"sourcesContent":["import { Component, computed, inject } from '@angular/core';\nimport { RouterOutlet } from '@angular/router';\nimport {\n  FILE_PERMISSIONS,\n  FOLDER_PERMISSIONS,\n  PermissionValidatorService,\n  RouterTabItem,\n  RouterTabsComponent,\n  STORAGE_CONFIG_PERMISSIONS,\n  TranslatePipe,\n  TranslateService,\n} from '@flusys/ng-shared';\n\ninterface ITab {\n  id: string;\n  labelKey: string;\n  icon: string;\n  route: string;\n  permission: string;\n}\n\n/**\n * Storage Container Component\n *\n * Main container for Storage module with tab navigation\n * Routes: Files | Folders | Configurations\n * Tabs are filtered based on user permissions\n */\n@Component({\n  selector: 'lib-storage-container',\n  imports: [RouterOutlet, TranslatePipe, RouterTabsComponent],\n  template: `\n    <div class=\"p-2 sm:p-4\">\n      <div class=\"mb-4\">\n        <h1 class=\"text-xl sm:text-2xl font-bold m-0\">{{ 'storage.title' | translate }}</h1>\n        <p class=\"text-muted-color mt-1 text-sm sm:text-base\">{{ 'storage.subtitle' | translate }}</p>\n      </div>\n\n      <lib-router-tabs [tabs]=\"visibleTabs()\" class=\"mb-4\" />\n\n      <router-outlet />\n    </div>\n  `,\n})\nexport class StorageContainerComponent {\n  private readonly permissionValidator = inject(PermissionValidatorService);\n  private readonly translateService = inject(TranslateService);\n\n  /** All available tabs with required permissions */\n  private readonly allTabs: ITab[] = [\n    {\n      id: 'files',\n      labelKey: 'storage.file.title',\n      icon: 'file',\n      route: 'files',\n      permission: FILE_PERMISSIONS.READ,\n    },\n    {\n      id: 'folders',\n      labelKey: 'storage.folder.title',\n      icon: 'folder',\n      route: 'folders',\n      permission: FOLDER_PERMISSIONS.READ,\n    },\n    {\n      id: 'configs',\n      labelKey: 'storage.config.title',\n      icon: 'cog',\n      route: 'configs',\n      permission: STORAGE_CONFIG_PERMISSIONS.READ,\n    },\n  ];\n\n  /** Visible tabs based on user permissions */\n  readonly visibleTabs = computed<RouterTabItem[]>(() =>\n    this.allTabs\n      .filter((tab) => this.permissionValidator.hasPermission(tab.permission))\n      .map((tab) => ({\n        id: tab.id,\n        label: this.translateService.translate(tab.labelKey),\n        icon: tab.icon,\n        route: tab.route,\n      })),\n  );\n}\n"],"mappings":";;;;AA4CA,IAAa,4BAAb,MAAa,0BAAyB;CACnB,sBAAsB,OAAO,0BAA0B;CACvD,mBAAmB,OAAO,gBAAgB;CAG1C,UAAkB;EACjC;GACE,IAAI;GACJ,UAAU;GACV,MAAM;GACN,OAAO;GACP,YAAY,iBAAiB;EAC9B;EACD;GACE,IAAI;GACJ,UAAU;GACV,MAAM;GACN,OAAO;GACP,YAAY,mBAAmB;EAChC;EACD;GACE,IAAI;GACJ,UAAU;GACV,MAAM;GACN,OAAO;GACP,YAAY,2BAA2B;EACxC;CACF;CAGQ,cAAc,eACrB,KAAK,QACF,QAAQ,QAAQ,KAAK,oBAAoB,cAAc,IAAI,UAAU,CAAC,CAAC,CACvE,KAAK,SAAS;EACb,IAAI,IAAI;EACR,OAAO,KAAK,iBAAiB,UAAU,IAAI,QAAQ;EACnD,MAAM,IAAI;EACV,OAAO,IAAI;CACZ,EAAC,GACL,GAAA,YAAA,CAAA,EAAA,WAAA,cAAA,CAAA,+BAAA,CAAA,CAAA;CAvCU,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAyB,MAAA,CAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAAzB,OAAA,OAAA,GAAA,qBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,MAAA;EAAyB,cAAA;EAAA,UAAA;EAAA,UAAA;EAAA,UAb1B;;;;;;;;;;;;EAWT,UAAA;EAAA,cAAA;GAAA;IAAA,MAAA;IAAA,MAZS;IAAY,UAAA;IAAA,QAAA,CAAA,QAAA,kBAAA;IAAA,SAAA;KAAA;KAAA;KAAA;KAAA;IAAA;IAAA,UAAA,CAAA,QAAA;GAAA;GAAA;IAAA,MAAA;IAAA,MAAiB;IAAmB,UAAA;IAAA,QAAA,CAAA,MAAA;GAAA;GAAA;IAAA,MAAA;IAAA,MAAlC;IAAa,MAAA;GAAA;EAAA;CAAA,CAAA;;AAc1B,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAyB,YAAA,CAAA;EAhBrC,MAAA;EAAU,MAAA,CAAA;GACT,UAAU;GACV,SAAS;IAAC;IAAc;IAAe;GAAmB;GAC1D,UAAU;;;;;;;;;;;;EAYX,CAAA"}