@flusys/ng-storage 9.1.0 → 9.1.1

package/fesm2022/{flusys-ng-storage-file-manager-form.component-DaO-9wKM.mjs → flusys-ng-storage-file-manager-form.component-Bvhewt3f.mjs}

@@ -1,212 +1,201 @@
-import * as i0 from '@angular/core';
-import { inject, signal, computed, effect, Component } from '@angular/core';
-import { toSignal } from '@angular/core/rxjs-interop';
-import { form, required, FormField } from '@angular/forms/signals';
-import { ActivatedRoute } from '@angular/router';
-import { TranslateService, TranslatePipe } from '@flusys/ng-shared';
-import { firstValueFrom } from 'rxjs';
-import { BaseStoragePage, FileManagerApiService, UploadService, StorageConfigApiService, FolderApiService, formatFileSize, getProviderLabelKey } from './flusys-ng-storage.mjs';
-import { SelectComponent, UiIconComponent, FileUploadComponent, FButtonDirective, CheckboxComponent, InputTextDirective } from '@flusys/ng-ui';
-
-class FileManagerFormComponent extends BaseStoragePage {
-    route = inject(ActivatedRoute);
-    fileService = inject(FileManagerApiService);
-    uploadService = inject(UploadService);
-    configService = inject(StorageConfigApiService);
-    folderService = inject(FolderApiService);
-    translateService = inject(TranslateService);
-    routeParams = toSignal(this.route.paramMap);
-    initialized = false;
-    isLoadingConfigs = signal(false, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "isLoadingConfigs" }] : /* istanbul ignore next */ []));
-    isLoadingFolders = signal(false, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "isLoadingFolders" }] : /* istanbul ignore next */ []));
-    existingFile = signal(null, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "existingFile" }] : /* istanbul ignore next */ []));
-    isEditMode = computed(() => !!this.existingFile(), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "isEditMode" }] : /* istanbul ignore next */ []));
-    selectedFile = signal(null, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "selectedFile" }] : /* istanbul ignore next */ []));
-    availableConfigs = signal([], /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "availableConfigs" }] : /* istanbul ignore next */ []));
-    availableFolders = signal([], /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "availableFolders" }] : /* istanbul ignore next */ []));
-    formatFileSize = formatFileSize;
-    getProviderLabelKey = getProviderLabelKey;
-    formModel = signal({
-        id: '',
-        name: '',
-        isPrivate: false,
-        folderId: '',
-        storageConfigId: '',
-    }, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "formModel" }] : /* istanbul ignore next */ []));
-    fileForm = form(this.formModel, (f) => {
-        required(f.name, {
-            message: this.translateService.translate('storage.validation.file.name.required'),
-        });
-    });
-    isFormValid = computed(() => this.formModel().name.trim().length > 0, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "isFormValid" }] : /* istanbul ignore next */ []));
-    constructor() {
-        super();
-        effect(() => {
-            const params = this.routeParams();
-            if (!params || this.initialized)
-                return;
-            this.initialized = true;
-            const fileId = params.get('id');
-            if (fileId) {
-                this.loadFile(fileId);
-            }
-            else {
-                this.loadStorageConfigs();
-            }
-            this.loadFolders();
-        });
-    }
-    async loadStorageConfigs() {
-        this.isLoadingConfigs.set(true);
-        try {
-            const response = await this.configService.getAll({
-                pagination: { currentPage: 0, pageSize: 100 },
-                filter: {},
-                select: [],
-                sort: {},
-            });
-            if (response.success && response.data) {
-                this.availableConfigs.set(response.data);
-                if (response.data.length === 1) {
-                    this.formModel.update((m) => ({
-                        ...m,
-                        storageConfigId: response.data[0].id,
-                    }));
-                }
-            }
-        }
-        finally {
-            this.isLoadingConfigs.set(false);
-        }
-    }
-    async loadFolders() {
-        this.isLoadingFolders.set(true);
-        try {
-            const response = await this.folderService.getAll({
-                pagination: { currentPage: 0, pageSize: 100 },
-                filter: {},
-                select: [],
-                sort: {},
-            });
-            if (response.success && response.data) {
-                this.availableFolders.set(response.data);
-            }
-        }
-        catch {
-            // Silently fail - folders are optional
-        }
-        finally {
-            this.isLoadingFolders.set(false);
-        }
-    }
-    async loadFile(id) {
-        this.isLoading.set(true);
-        try {
-            const response = await this.fileService.findById(id);
-            if (response.success && response.data) {
-                const file = response.data;
-                this.existingFile.set(file);
-                this.formModel.set({
-                    id: file.id,
-                    name: file.name,
-                    isPrivate: file.isPrivate ?? false,
-                    folderId: file.folderId ?? '',
-                    storageConfigId: '',
-                });
-            }
-        }
-        catch {
-            this.navigateTo(['/storage/files']);
-        }
-        finally {
-            this.isLoading.set(false);
-        }
-    }
-    onFileSelect(event) {
-        const file = event.files?.[0] || event.currentFiles?.[0];
-        if (file) {
-            this.selectedFile.set(file);
-            this.formModel.update((m) => ({ ...m, name: file.name }));
-        }
-    }
-    onFileRemoved() {
-        this.selectedFile.set(null);
-    }
-    async onSubmit(event) {
-        event.preventDefault();
-        if (!this.isFormValid())
-            return;
-        this.isLoading.set(true);
-        try {
-            const formValue = this.formModel();
-            if (this.isEditMode()) {
-                const response = await this.fileService.update({
-                    id: formValue.id,
-                    name: formValue.name,
-                    isPrivate: formValue.isPrivate,
-                    folderId: formValue.folderId || null,
-                });
-                this.showSuccess(response.messageKey
-                    ? this.translateService.translate(response.messageKey, response.messageVariables)
-                    : (response.message ?? ''));
-            }
-            else {
-                const file = this.selectedFile();
-                if (!file) {
-                    this.showError(this.translateService.translate('storage.error.no.file'));
-                    return;
-                }
-                if (!formValue.storageConfigId) {
-                    this.showError(this.translateService.translate('storage.error.no.config'));
-                    return;
-                }
-                const uploadResponse = await firstValueFrom(this.uploadService.uploadSingleFile(file, {
-                    compress: true,
-                    quality: 85,
-                    storageConfigId: formValue.storageConfigId,
-                }));
-                if (uploadResponse.success && uploadResponse.data) {
-                    const uploadedFileInfo = uploadResponse.data;
-                    const createResponse = await firstValueFrom(this.fileService.createFile({
-                        name: formValue.name,
-                        key: uploadedFileInfo.key,
-                        contentType: file.type || 'application/octet-stream',
-                        size: Math.round(file.size / 1024).toString(),
-                        isPrivate: formValue.isPrivate,
-                        folderId: formValue.folderId || undefined,
-                        storageConfigId: formValue.storageConfigId,
-                    }));
-                    this.showSuccess(createResponse?.messageKey
-                        ? this.translateService.translate(createResponse.messageKey, createResponse.messageVariables)
-                        : (createResponse?.message ?? ''));
-                }
-                else {
-                    throw new Error(this.translateService.translate('storage.upload.failed'));
-                }
-            }
-            this.navigateTo(['/storage/files']);
-        }
-        catch {
-            this.showError(this.translateService.translate('storage.upload.failed'));
-        }
-        finally {
-            this.isLoading.set(false);
-        }
-    }
-    onCancel() {
-        this.navigateTo(['/storage/files']);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: FileManagerFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.5", type: FileManagerFormComponent, isStandalone: true, selector: "lib-file-manager-form", usesInheritance: true, ngImport: i0, template: `
+import { t as FileManagerApiService } from "./flusys-ng-storage-file-manager-api.service-DJ9uP3aN.mjs";
+import { t as FolderApiService } from "./flusys-ng-storage-folder-api.service-D_fFEuO6.mjs";
+import { t as StorageConfigApiService } from "./flusys-ng-storage-storage-config-api.service-Bl4asniq.mjs";
+import { t as UploadService } from "./flusys-ng-storage-upload.service-CIcEL_Kr.mjs";
+import { BaseStoragePage, formatFileSize, getProviderLabelKey } from "./flusys-ng-storage.mjs";
+import * as i0 from "@angular/core";
+import { Component, computed, effect, inject, signal } from "@angular/core";
+import { toSignal } from "@angular/core/rxjs-interop";
+import { ActivatedRoute } from "@angular/router";
+import { TranslatePipe, TranslateService } from "@flusys/ng-shared";
+import { CheckboxComponent, FButtonDirective, FileUploadComponent, InputTextDirective, SelectComponent, UiIconComponent } from "@flusys/ng-ui";
+import { firstValueFrom } from "rxjs";
+import { FormField, form, required } from "@angular/forms/signals";
+var FileManagerFormComponent = class FileManagerFormComponent extends BaseStoragePage {
+	route = inject(ActivatedRoute);
+	fileService = inject(FileManagerApiService);
+	uploadService = inject(UploadService);
+	configService = inject(StorageConfigApiService);
+	folderService = inject(FolderApiService);
+	translateService = inject(TranslateService);
+	routeParams = toSignal(this.route.paramMap);
+	initialized = false;
+	isLoadingConfigs = signal(false, ...ngDevMode ? [{ debugName: "isLoadingConfigs" }] : /* istanbul ignore next */ []);
+	isLoadingFolders = signal(false, ...ngDevMode ? [{ debugName: "isLoadingFolders" }] : /* istanbul ignore next */ []);
+	existingFile = signal(null, ...ngDevMode ? [{ debugName: "existingFile" }] : /* istanbul ignore next */ []);
+	isEditMode = computed(() => !!this.existingFile(), ...ngDevMode ? [{ debugName: "isEditMode" }] : /* istanbul ignore next */ []);
+	selectedFile = signal(null, ...ngDevMode ? [{ debugName: "selectedFile" }] : /* istanbul ignore next */ []);
+	availableConfigs = signal([], ...ngDevMode ? [{ debugName: "availableConfigs" }] : /* istanbul ignore next */ []);
+	availableFolders = signal([], ...ngDevMode ? [{ debugName: "availableFolders" }] : /* istanbul ignore next */ []);
+	formatFileSize = formatFileSize;
+	getProviderLabelKey = getProviderLabelKey;
+	formModel = signal({
+		id: "",
+		name: "",
+		isPrivate: false,
+		folderId: "",
+		storageConfigId: ""
+	}, ...ngDevMode ? [{ debugName: "formModel" }] : /* istanbul ignore next */ []);
+	fileForm = form(this.formModel, (f) => {
+		required(f.name, { message: this.translateService.translate("storage.validation.file.name.required") });
+	});
+	isFormValid = computed(() => this.formModel().name.trim().length > 0, ...ngDevMode ? [{ debugName: "isFormValid" }] : /* istanbul ignore next */ []);
+	constructor() {
+		super();
+		effect(() => {
+			const params = this.routeParams();
+			if (!params || this.initialized) return;
+			this.initialized = true;
+			const fileId = params.get("id");
+			if (fileId) this.loadFile(fileId);
+			else this.loadStorageConfigs();
+			this.loadFolders();
+		});
+	}
+	async loadStorageConfigs() {
+		this.isLoadingConfigs.set(true);
+		try {
+			const response = await this.configService.getAll({
+				pagination: {
+					currentPage: 0,
+					pageSize: 100
+				},
+				filter: {},
+				select: [],
+				sort: {}
+			});
+			if (response.success && response.data) {
+				this.availableConfigs.set(response.data);
+				if (response.data.length === 1) this.formModel.update((m) => ({
+					...m,
+					storageConfigId: response.data[0].id
+				}));
+			}
+		} finally {
+			this.isLoadingConfigs.set(false);
+		}
+	}
+	async loadFolders() {
+		this.isLoadingFolders.set(true);
+		try {
+			const response = await this.folderService.getAll({
+				pagination: {
+					currentPage: 0,
+					pageSize: 100
+				},
+				filter: {},
+				select: [],
+				sort: {}
+			});
+			if (response.success && response.data) this.availableFolders.set(response.data);
+		} catch {} finally {
+			this.isLoadingFolders.set(false);
+		}
+	}
+	async loadFile(id) {
+		this.isLoading.set(true);
+		try {
+			const response = await this.fileService.findById(id);
+			if (response.success && response.data) {
+				const file = response.data;
+				this.existingFile.set(file);
+				this.formModel.set({
+					id: file.id,
+					name: file.name,
+					isPrivate: file.isPrivate ?? false,
+					folderId: file.folderId ?? "",
+					storageConfigId: ""
+				});
+			}
+		} catch {
+			this.navigateTo(["/storage/files"]);
+		} finally {
+			this.isLoading.set(false);
+		}
+	}
+	onFileSelect(event) {
+		const file = event.files?.[0] || event.currentFiles?.[0];
+		if (file) {
+			this.selectedFile.set(file);
+			this.formModel.update((m) => ({
+				...m,
+				name: file.name
+			}));
+		}
+	}
+	onFileRemoved() {
+		this.selectedFile.set(null);
+	}
+	async onSubmit(event) {
+		event.preventDefault();
+		if (!this.isFormValid()) return;
+		this.isLoading.set(true);
+		try {
+			const formValue = this.formModel();
+			if (this.isEditMode()) {
+				const response = await this.fileService.update({
+					id: formValue.id,
+					name: formValue.name,
+					isPrivate: formValue.isPrivate,
+					folderId: formValue.folderId || null
+				});
+				this.showSuccess(response.messageKey ? this.translateService.translate(response.messageKey, response.messageVariables) : response.message ?? "");
+			} else {
+				const file = this.selectedFile();
+				if (!file) {
+					this.showError(this.translateService.translate("storage.error.no.file"));
+					return;
+				}
+				if (!formValue.storageConfigId) {
+					this.showError(this.translateService.translate("storage.error.no.config"));
+					return;
+				}
+				const uploadResponse = await firstValueFrom(this.uploadService.uploadSingleFile(file, {
+					compress: true,
+					quality: 85,
+					storageConfigId: formValue.storageConfigId
+				}));
+				if (uploadResponse.success && uploadResponse.data) {
+					const uploadedFileInfo = uploadResponse.data;
+					const createResponse = await firstValueFrom(this.fileService.createFile({
+						name: formValue.name,
+						key: uploadedFileInfo.key,
+						contentType: file.type || "application/octet-stream",
+						size: Math.round(file.size / 1024).toString(),
+						isPrivate: formValue.isPrivate,
+						folderId: formValue.folderId || void 0,
+						storageConfigId: formValue.storageConfigId
+					}));
+					this.showSuccess(createResponse?.messageKey ? this.translateService.translate(createResponse.messageKey, createResponse.messageVariables) : createResponse?.message ?? "");
+				} else throw new Error(this.translateService.translate("storage.upload.failed"));
+			}
+			this.navigateTo(["/storage/files"]);
+		} catch {
+			this.showError(this.translateService.translate("storage.upload.failed"));
+		} finally {
+			this.isLoading.set(false);
+		}
+	}
+	onCancel() {
+		this.navigateTo(["/storage/files"]);
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: FileManagerFormComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.1",
+		type: FileManagerFormComponent,
+		isStandalone: true,
+		selector: "lib-file-manager-form",
+		usesInheritance: true,
+		ngImport: i0,
+		template: `
     <div class="card">
       <div class="mb-4">
         <h3 class="text-lg sm:text-xl font-semibold">
@@ -437,23 +426,212 @@ class FileManagerFormComponent extends BaseStoragePage {
         </div>
       </form>
     </div>
-  `, isInline: true, dependencies: [{ kind: "component", type: SelectComponent, selector: "f-select", inputs: ["options", "optionLabel", "optionValue", "placeholder", "disabled", "filter", "filterBy", "filterMatchMode", "filterLocale", "filterPlaceholder", "resetFilterOnHide", "autofocusFilter", "emptyMessage", "emptyFilterMessage", "showClear", "loading", "loadingIcon", "dropdownIcon", "clearIcon", "inputId", "invalid", "touched", "styleClass", "style", "appendTo", "editable", "readonly", "autofocus", "checkmark", "group", "optionGroupLabel", "optionGroupChildren", "virtualScroll", "virtualScrollItemSize", "lazy", "selectedObject"], outputs: ["onFilter", "onChange", "onShow", "onHide", "onBlur", "onFocus", "onClear", "onLazyLoad"] }, { kind: "component", type: UiIconComponent, selector: "ui-icon", inputs: ["name", "size", "spin", "fill", "severity"] }, { kind: "component", type: FileUploadComponent, selector: "f-fileupload", inputs: ["name", "accept", "multiple", "auto", "maxFileSize", "fileLimit", "disabled", "url", "headers", "customUpload", "showUploadButton", "showCancelButton", "chooseLabel", "uploadLabel", "cancelLabel", "removeLabel", "dragDropLabel", "dragDropHintLabel", "chooseIcon", "uploadIcon", "cancelIcon", "previewWidth", "styleClass", "style", "mode"], outputs: ["onSelect", "onRemove", "onClear", "onError", "onUpload", "onProgress", "uploadHandler"] }, { 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: CheckboxComponent, selector: "f-checkbox", inputs: ["label", "binary", "disabled", "readonly", "inputId", "invalid", "indeterminate", "variant", "size", "touched", "styleClass", "style", "checked"], outputs: ["onChange", "onBlur", "touch", "checkedChange"] }, { kind: "directive", type: InputTextDirective, selector: "[fInputText]", inputs: ["invalid", "touched", "variant", "size", "fluid"] }, { kind: "directive", type: FormField, selector: "[formField]", inputs: ["formField"], exportAs: ["formField"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: FileManagerFormComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'lib-file-manager-form',
-                    imports: [
-                        SelectComponent,
-                        UiIconComponent,
-                        FileUploadComponent,
-                        FButtonDirective,
-                        CheckboxComponent,
-                        InputTextDirective,
-                        FormField,
-                        TranslatePipe,
-                    ],
-                    template: `
+  `,
+		isInline: true,
+		dependencies: [
+			{
+				kind: "component",
+				type: SelectComponent,
+				selector: "f-select",
+				inputs: [
+					"options",
+					"optionLabel",
+					"optionValue",
+					"placeholder",
+					"disabled",
+					"filter",
+					"filterBy",
+					"filterMatchMode",
+					"filterLocale",
+					"filterPlaceholder",
+					"resetFilterOnHide",
+					"autofocusFilter",
+					"emptyMessage",
+					"emptyFilterMessage",
+					"showClear",
+					"loading",
+					"loadingIcon",
+					"dropdownIcon",
+					"clearIcon",
+					"inputId",
+					"invalid",
+					"touched",
+					"styleClass",
+					"style",
+					"appendTo",
+					"editable",
+					"readonly",
+					"autofocus",
+					"checkmark",
+					"group",
+					"optionGroupLabel",
+					"optionGroupChildren",
+					"virtualScroll",
+					"virtualScrollItemSize",
+					"lazy",
+					"selectedObject"
+				],
+				outputs: [
+					"onFilter",
+					"onChange",
+					"onShow",
+					"onHide",
+					"onBlur",
+					"onFocus",
+					"onClear",
+					"onLazyLoad"
+				]
+			},
+			{
+				kind: "component",
+				type: UiIconComponent,
+				selector: "ui-icon",
+				inputs: [
+					"name",
+					"size",
+					"spin",
+					"fill",
+					"severity"
+				]
+			},
+			{
+				kind: "component",
+				type: FileUploadComponent,
+				selector: "f-fileupload",
+				inputs: [
+					"name",
+					"accept",
+					"multiple",
+					"auto",
+					"maxFileSize",
+					"fileLimit",
+					"disabled",
+					"url",
+					"headers",
+					"customUpload",
+					"showUploadButton",
+					"showCancelButton",
+					"chooseLabel",
+					"uploadLabel",
+					"cancelLabel",
+					"removeLabel",
+					"dragDropLabel",
+					"dragDropHintLabel",
+					"chooseIcon",
+					"uploadIcon",
+					"cancelIcon",
+					"previewWidth",
+					"styleClass",
+					"style",
+					"mode"
+				],
+				outputs: [
+					"onSelect",
+					"onRemove",
+					"onClear",
+					"onError",
+					"onUpload",
+					"onProgress",
+					"uploadHandler"
+				]
+			},
+			{
+				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: CheckboxComponent,
+				selector: "f-checkbox",
+				inputs: [
+					"label",
+					"binary",
+					"disabled",
+					"readonly",
+					"inputId",
+					"invalid",
+					"indeterminate",
+					"variant",
+					"size",
+					"touched",
+					"styleClass",
+					"style",
+					"checked"
+				],
+				outputs: [
+					"onChange",
+					"onBlur",
+					"touch",
+					"checkedChange"
+				]
+			},
+			{
+				kind: "directive",
+				type: InputTextDirective,
+				selector: "[fInputText]",
+				inputs: [
+					"invalid",
+					"touched",
+					"variant",
+					"size",
+					"fluid"
+				]
+			},
+			{
+				kind: "directive",
+				type: FormField,
+				selector: "[formField]",
+				inputs: ["formField"],
+				exportAs: ["formField"]
+			},
+			{
+				kind: "pipe",
+				type: TranslatePipe,
+				name: "translate"
+			}
+		]
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: FileManagerFormComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "lib-file-manager-form",
+			imports: [
+				SelectComponent,
+				UiIconComponent,
+				FileUploadComponent,
+				FButtonDirective,
+				CheckboxComponent,
+				InputTextDirective,
+				FormField,
+				TranslatePipe
+			],
+			template: `
     <div class="card">
       <div class="mb-4">
         <h3 class="text-lg sm:text-xl font-semibold">
@@ -684,9 +862,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImpor
         </div>
       </form>
     </div>
-  `,
-                }]
-        }], ctorParameters: () => [] });
-
+  `
+		}]
+	}],
+	ctorParameters: () => []
+});
 export { FileManagerFormComponent };
-//# sourceMappingURL=flusys-ng-storage-file-manager-form.component-DaO-9wKM.mjs.map
+
+//# sourceMappingURL=flusys-ng-storage-file-manager-form.component-Bvhewt3f.mjs.map