@flusys/ng-shared 9.1.1 → 9.2.0

package/fesm2022/flusys-ng-shared.mjs

@@ -379,7 +379,7 @@ function getAcceptString(contentTypes) {
 	return contentTypes.length ? contentTypes.join(",") : "*/*";
 }
 function isFileTypeAllowed(file, allowedTypes) {
-	if (!allowedTypes.length) return true;
+	if (!allowedTypes.length || allowedTypes.includes("*/*")) return true;
 	return allowedTypes.some((type) => type.endsWith("/*") ? file.type.startsWith(type.replace("/*", "/")) : file.type === type);
 }
 function getFileIconClass(contentType) {
@@ -584,13 +584,16 @@ var TranslateService = class TranslateService {
 	registry = inject(FALLBACK_MESSAGES_REGISTRY, { optional: false });
 	translate(key, params) {
 		if (this.localizationState === null) {
-			const value = this.registry[key] ?? key;
+			const value = this.lookup(this.registry, key) ?? key;
 			return this.interpolate(value, params);
 		}
-		let value = this.localizationState.translations()[key];
-		if (!value) value = this.localizationState.fallbackMessages()[key] ?? key;
+		let value = this.lookup(this.localizationState.translations(), key);
+		if (!value) value = this.lookup(this.localizationState.fallbackMessages(), key) ?? key;
 		return this.interpolate(value, params);
 	}
+	lookup(messages, key) {
+		return Object.hasOwn(messages, key) ? messages[key] : void 0;
+	}
 	translateRef(ref) {
 		const params = {};
 		for (const [name, value] of Object.entries(ref.messageVariables ?? {})) params[name] = this.isMessageRef(value) ? this.translateRef(value) : value;
@@ -607,7 +610,7 @@ var TranslateService = class TranslateService {
 	interpolate(template, params) {
 		if (!params || !template) return template;
 		return template.replace(/\{\{(\w+)\}\}/g, (match, paramKey) => {
-			const value = params[paramKey];
+			const value = Object.hasOwn(params, paramKey) ? params[paramKey] : void 0;
 			return value !== void 0 ? String(value) : match;
 		});
 	}
@@ -644,9 +647,12 @@ var FaviconService = class FaviconService {
 			this.render(this.svgTemplate);
 			return;
 		}
-		this.http.get("/favicon.svg", { responseType: "text" }).subscribe((text) => {
-			this.svgTemplate = text;
-			this.render(text);
+		this.http.get("/favicon.svg", { responseType: "text" }).subscribe({
+			next: (text) => {
+				this.svgTemplate = text;
+				this.render(text);
+			},
+			error: () => void 0
 		});
 	}
 	render(svgText) {
@@ -1086,7 +1092,7 @@ function extractErrorInfo(error, translateAdapter) {
 		messageVariables
 	});
 	else if (typeof error.error?.message === "string") detail = error.error.message;
-	else if (Array.isArray(error.error?.message)) detail = error.error.message[0];
+	else if (Array.isArray(error.error?.message) && error.error.message.length) detail = error.error.message[0];
 	else if (error.message) detail = error.message;
 	else detail = translateAdapter ? translateAdapter.translate("shared.unexpected.error") : "shared.unexpected.error";
 	let summary;
@@ -1304,22 +1310,21 @@ var BaseFormControl = class BaseFormControl {
 	touched = model(false, ...ngDevMode ? [{ debugName: "touched" }] : /* istanbul ignore next */ []);
 	onChange = () => {};
 	onTouched = () => {};
-	writeDepth = 0;
+	pendingWrite = null;
 	initializeFormControl() {
 		runInInjectionContext(this.injector, () => {
 			effect(() => {
 				const next = this.value();
-				if (this.writeDepth === 0) untracked(() => this.onChange(next));
+				const written = this.pendingWrite;
+				this.pendingWrite = null;
+				if (written && Object.is(written.value, next)) return;
+				untracked(() => this.onChange(next));
 			});
 		});
 	}
 	writeValue(value) {
-		this.writeDepth++;
-		try {
-			this.value.set(value);
-		} finally {
-			this.writeDepth--;
-		}
+		this.pendingWrite = Object.is(untracked(this.value), value) ? null : { value };
+		this.value.set(value);
 	}
 	registerOnChange(fn) {
 		this.onChange = fn;
@@ -2123,6 +2128,7 @@ var BaseFormComponent = class BaseFormComponent {
 	_submitted = signal(false, ...ngDevMode ? [{ debugName: "_submitted" }] : /* istanbul ignore next */ []);
 	_isLoadingInternal = signal(false, ...ngDevMode ? [{ debugName: "_isLoadingInternal" }] : /* istanbul ignore next */ []);
 	_touchedFields = signal(/* @__PURE__ */ new Set(), ...ngDevMode ? [{ debugName: "_touchedFields" }] : /* istanbul ignore next */ []);
+	loadSeq = 0;
 	formData = this._formData.asReadonly();
 	submitted = this._submitted.asReadonly();
 	effectiveIsEditMode = computed(() => this.isEditMode() || !!this.editId(), ...ngDevMode ? [{ debugName: "effectiveIsEditMode" }] : /* istanbul ignore next */ []);
@@ -2160,9 +2166,11 @@ var BaseFormComponent = class BaseFormComponent {
 		});
 	}
 	async loadEntity(id, service, mapFn) {
+		const seq = ++this.loadSeq;
 		this._isLoadingInternal.set(true);
 		try {
 			const response = await service.findById(id);
+			if (seq !== this.loadSeq) return;
 			if (response.success && response.data) {
 				this._formData.update((prev) => ({
 					...prev,
@@ -2171,9 +2179,9 @@ var BaseFormComponent = class BaseFormComponent {
 				this._submitted.set(false);
 			}
 		} catch {
-			this.navigateTo(this.cancelRoute());
+			if (seq === this.loadSeq) this.navigateTo(this.cancelRoute());
 		} finally {
-			this._isLoadingInternal.set(false);
+			if (seq === this.loadSeq) this._isLoadingInternal.set(false);
 		}
 	}
 	getFieldValue(key) {
@@ -2200,6 +2208,7 @@ var BaseFormComponent = class BaseFormComponent {
 		return this.fieldTemplates().find((t) => t.key() === key)?.templateRef ?? null;
 	}
 	async handleSubmit() {
+		if (this._isLoadingInternal()) return;
 		this._submitted.set(true);
 		if (!this.isFormValid()) return;
 		const service = this.service();
@@ -3025,6 +3034,16 @@ i0.ɵɵngDeclareClassMetadata({
 		}]
 	}] }
 });
+const HTML_ESCAPES = {
+	"&": "&",
+	"<": "&lt;",
+	">": "&gt;",
+	"\"": "&quot;",
+	"'": "&#39;"
+};
+function escapeHtml(value) {
+	return value.replace(/[&<>"']/g, (ch) => HTML_ESCAPES[ch]);
+}
 var BaseListComponent = class BaseListComponent {
 	translateAdapter = inject(TranslateService, { optional: true });
 	router = inject(Router, { optional: true });
@@ -3136,7 +3155,7 @@ var BaseListComponent = class BaseListComponent {
 		const name = this.getFieldValueAsString(item, nameField);
 		const id = this.getFieldValueAsString(item, this.idField());
 		this.confirmationService?.confirm({
-			message: this.t("shared.confirm.delete.item", { name }),
+			message: this.t("shared.confirm.delete.item", { name: escapeHtml(name) }),
 			header: this.t("shared.confirm.delete"),
 			icon: "exclamation-triangle",
 			acceptButtonStyleClass: "p-button-danger",
@@ -4500,7 +4519,7 @@ var FileSelectorDialogComponent = class FileSelectorDialogComponent {
 	destroyRef = inject(DestroyRef);
 	translateAdapter = inject(TranslateService, { optional: true });
 	fileProvider = inject(FILE_PROVIDER, { optional: true });
-	abortController = null;
+	requestSeq = 0;
 	searchDebounceTimer = null;
 	header = input(...ngDevMode ? [void 0, { debugName: "header" }] : /* istanbul ignore next */ []);
 	acceptTypes = input([], ...ngDevMode ? [{ debugName: "acceptTypes" }] : /* istanbul ignore next */ []);
@@ -4558,8 +4577,8 @@ var FileSelectorDialogComponent = class FileSelectorDialogComponent {
 	uploadMultipleFilesFn = this.fileProvider?.uploadMultipleFiles ? (files, options) => this.fileProvider.uploadMultipleFiles(files, options) : void 0;
 	constructor() {
 		this.destroyRef.onDestroy(() => {
-			this.abortController?.abort();
-			if (this.searchDebounceTimer) clearTimeout(this.searchDebounceTimer);
+			this.requestSeq++;
+			this.clearSearchTimer();
 		});
 		effect(() => {
 			if (this.visible()) untracked(() => {
@@ -4579,8 +4598,9 @@ var FileSelectorDialogComponent = class FileSelectorDialogComponent {
 		});
 	}
 	onSearchChange(value) {
-		if (this.searchDebounceTimer) clearTimeout(this.searchDebounceTimer);
+		this.clearSearchTimer();
 		this.searchDebounceTimer = setTimeout(() => {
+			this.searchDebounceTimer = null;
 			this.searchTerm.set(value);
 			this.pagination.update((p) => ({
 				...p,
@@ -4614,7 +4634,7 @@ var FileSelectorDialogComponent = class FileSelectorDialogComponent {
 	}
 	isFileAllowed(file) {
 		const allowedTypes = this.acceptTypes();
-		if (!allowedTypes.length) return true;
+		if (!allowedTypes.length || allowedTypes.includes("*/*")) return true;
 		return allowedTypes.some((type) => {
 			if (type.endsWith("/*")) return file.contentType.startsWith(type.replace("/*", "/"));
 			return file.contentType === type;
@@ -4733,9 +4753,13 @@ var FileSelectorDialogComponent = class FileSelectorDialogComponent {
 		} else this.selectedFiles.set([fileInfo]);
 		this.fetchFiles();
 	}
+	clearSearchTimer() {
+		if (this.searchDebounceTimer) clearTimeout(this.searchDebounceTimer);
+		this.searchDebounceTimer = null;
+	}
 	resetState() {
-		this.abortController?.abort();
-		this.abortController = null;
+		this.requestSeq++;
+		this.clearSearchTimer();
 		this.isLoading.set(false);
 		this.files.set([]);
 		this.selectedFiles.set([]);
@@ -4763,9 +4787,8 @@ var FileSelectorDialogComponent = class FileSelectorDialogComponent {
 		this.storageConfigsTotal.set(void 0);
 	}
 	async fetchFiles(append = false) {
-		if (!this.fileProvider || this.isLoading()) return;
-		this.abortController?.abort();
-		this.abortController = new AbortController();
+		if (!this.fileProvider || append && this.isLoading()) return;
+		const seq = ++this.requestSeq;
 		this.isLoading.set(true);
 		try {
 			const pag = this.pagination();
@@ -4778,11 +4801,13 @@ var FileSelectorDialogComponent = class FileSelectorDialogComponent {
 				storageConfigId: this.selectedStorageConfigId() || void 0
 			};
 			const response = await firstValueFrom(this.fileProvider.loadFiles(filter));
+			if (seq !== this.requestSeq) return;
 			if (response.success && response.data) {
 				let files = response.data;
 				if (this.fileProvider.getFileUrls && files.length > 0) {
 					const fileIds = files.map((f) => f.id);
 					const urlResponse = await firstValueFrom(this.fileProvider.getFileUrls(fileIds));
+					if (seq !== this.requestSeq) return;
 					if (urlResponse.success && urlResponse.data) {
 						const urlMap = new Map(urlResponse.data.map((f) => [f.id, f.url]));
 						files = files.map((f) => ({
@@ -4796,9 +4821,9 @@ var FileSelectorDialogComponent = class FileSelectorDialogComponent {
 				this.total.set(response.meta?.total);
 			}
 		} catch (error) {
-			if (error.name !== "AbortError") this.onError.emit(error);
+			if (seq === this.requestSeq) this.onError.emit(error);
 		} finally {
-			this.isLoading.set(false);
+			if (seq === this.requestSeq) this.isLoading.set(false);
 		}
 	}
 	t(key, variables) {
@@ -5824,9 +5849,9 @@ function sanitizeSvgMarkup(svgText) {
 		const element = node;
 		Array.from(element.attributes).forEach((attr) => {
 			const name = attr.name.toLowerCase();
-			const value = attr.value.trim().toLowerCase();
+			const value = attr.value.replace(/[\u0000-\u0020]/g, "").toLowerCase();
 			const isEventHandler = name.startsWith("on");
-			const isScriptUri = (name === "href" || name === "xlink:href") && value.startsWith("javascript:");
+			const isScriptUri = value.includes("javascript:");
 			if (isEventHandler || isScriptUri) element.removeAttribute(attr.name);
 		});
 		node = walker.nextNode();
@@ -6023,6 +6048,7 @@ var LazyMultiSelectComponent = class LazyMultiSelectComponent extends BaseFormCo
 		event.stopPropagation();
 	}
 	handleDocumentClick(event) {
+		if (!this.openOptions()) return;
 		const target = event.target;
 		const clickedInSelect = this.pSelectRef()?.nativeElement.contains(target);
 		const clickedInOverlay = this.overlayViewRef?.rootNodes[0]?.contains(target);
@@ -7285,7 +7311,7 @@ var BaseUserSelectComponent = class BaseUserSelectComponent {
 	injector = inject(Injector);
 	userProvider = inject(USER_PROVIDER);
 	translateAdapter = inject(TranslateService);
-	abortController = null;
+	requestSeq = 0;
 	loadUsers = input(...ngDevMode ? [void 0, { debugName: "loadUsers" }] : /* istanbul ignore next */ []);
 	placeHolder = input("", ...ngDevMode ? [{ debugName: "placeHolder" }] : /* istanbul ignore next */ []);
 	isEditMode = input.required(...ngDevMode ? [{ debugName: "isEditMode" }] : /* istanbul ignore next */ []);
@@ -7344,7 +7370,7 @@ var BaseUserSelectComponent = class BaseUserSelectComponent {
 	}, ...ngDevMode ? [{ debugName: "displayPlaceholder" }] : /* istanbul ignore next */ []);
 	constructor() {
 		this.destroyRef.onDestroy(() => {
-			this.abortController?.abort();
+			this.requestSeq++;
 		});
 		effect(() => {
 			const size = this.pageSize();
@@ -7382,9 +7408,8 @@ var BaseUserSelectComponent = class BaseUserSelectComponent {
 		this.fetchUsers();
 	}
 	async fetchUsers(append = false) {
-		if (this.isLoading()) return;
-		this.abortController?.abort();
-		this.abortController = new AbortController();
+		if (append && this.isLoading()) return;
+		const seq = ++this.requestSeq;
 		this.isLoading.set(true);
 		try {
 			const pag = this.pagination();
@@ -7396,6 +7421,7 @@ var BaseUserSelectComponent = class BaseUserSelectComponent {
 			};
 			const customLoadUsers = this.loadUsers();
 			const response = await firstValueFrom(customLoadUsers ? customLoadUsers(filter) : this.loadUsersFromProvider(filter));
+			if (seq !== this.requestSeq) return;
 			if (response.success && response.data) {
 				if (append) this.users.update((current) => [...current, ...response.data]);
 				else this.users.set(response.data);
@@ -7403,9 +7429,9 @@ var BaseUserSelectComponent = class BaseUserSelectComponent {
 				this.rememberUsers(response.data);
 			}
 		} catch (error) {
-			if (error.name !== "AbortError") this.onError.emit(error);
+			if (seq === this.requestSeq) this.onError.emit(error);
 		} finally {
-			this.isLoading.set(false);
+			if (seq === this.requestSeq) this.isLoading.set(false);
 		}
 	}
 	loadUsersFromProvider(filter) {
@@ -7955,16 +7981,6 @@ function errorToMessageRef(error, fallbackKey = "shared.unexpected.error") {
 	} : { messageKey: body.messageKey };
 	return { messageKey: fallbackKey };
 }
-const HTML_ESCAPES = {
-	"&": "&amp;",
-	"<": "&lt;",
-	">": "&gt;",
-	"\"": "&quot;",
-	"'": "&#39;"
-};
-function escapeHtml(value) {
-	return value.replace(/[&<>"']/g, (ch) => HTML_ESCAPES[ch]);
-}
 function compareBranches(a, b) {
 	return (a.serial ?? 0) - (b.serial ?? 0) || (a.name ?? "").localeCompare(b.name ?? "");
 }