@kuzntsv/uikit 1.0.48 → 1.0.50

package/fesm2022/kuzntsv-uikit-ui.mjs

@@ -1,5 +1,5 @@
 import * as i0 from "@angular/core";
-import { ChangeDetectionStrategy, ChangeDetectorRef, Component, Directive, ElementRef, HostListener, Injectable, InjectionToken, NgZone, Pipe, computed, effect, inject, input, linkedSignal, makeEnvironmentProviders, output, signal, viewChild } from "@angular/core";
+import { ChangeDetectionStrategy, ChangeDetectorRef, Component, Directive, ElementRef, HostListener, Injectable, InjectionToken, NgZone, Pipe, computed, effect, inject, input, linkedSignal, makeEnvironmentProviders, model, output, signal, viewChild } from "@angular/core";
 import { Router, RouterLink } from "@angular/router";
 import { ReplaySubject, Subject, Subscription, filter, finalize, forkJoin, map, of, startWith, switchMap, take, tap } from "rxjs";
 import { API_NAME, AuthService, HIDE_ROLE_MARKER, NotificationService, RoleService, UIKIT_NOTIFICATION_TOKEN } from "@kuzntsv/uikit";
@@ -2636,14 +2636,8 @@ var BaseSignalFilterClass = class BaseSignalFilterClass {
 	loaderService = inject(LoaderService);
 	notificationService = inject(NotificationService);
 	defaultDebounceTime = 500;
-	initialValues = input({}, ...ngDevMode ? [{ debugName: "initialValues" }] : /* istanbul ignore next */ []);
+	filter = model({}, ...ngDevMode ? [{ debugName: "filter" }] : /* istanbul ignore next */ []);
 	clearFilter = input(null, ...ngDevMode ? [{ debugName: "clearFilter" }] : /* istanbul ignore next */ []);
-	filterChange = output();
-	filter = linkedSignal(() => this.initialValues(), ...ngDevMode ? [{ debugName: "filter" }] : /* istanbul ignore next */ []);
-	subscription = new Subscription();
-	ngOnDestroy() {
-		this.subscription.unsubscribe();
-	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
 		version: "22.2.2",
@@ -2658,9 +2652,9 @@ var BaseSignalFilterClass = class BaseSignalFilterClass {
 		type: BaseSignalFilterClass,
 		isStandalone: true,
 		inputs: {
-			initialValues: {
-				classPropertyName: "initialValues",
-				publicName: "initialValues",
+			filter: {
+				classPropertyName: "filter",
+				publicName: "filter",
 				isSignal: true,
 				isRequired: false,
 				transformFunction: null
@@ -2673,7 +2667,7 @@ var BaseSignalFilterClass = class BaseSignalFilterClass {
 				transformFunction: null
 			}
 		},
-		outputs: { filterChange: "filterChange" },
+		outputs: { filter: "filterChange" },
 		ngImport: i0
 	});
 };
@@ -2684,13 +2678,16 @@ i0.ɵɵngDeclareClassMetadata({
 	type: BaseSignalFilterClass,
 	decorators: [{ type: Directive }],
 	propDecorators: {
-		initialValues: [{
+		filter: [{
 			type: i0.Input,
 			args: [{
 				isSignal: true,
-				alias: "initialValues",
+				alias: "filter",
 				required: false
 			}]
+		}, {
+			type: i0.Output,
+			args: ["filterChange"]
 		}],
 		clearFilter: [{
 			type: i0.Input,
@@ -2699,19 +2696,18 @@ i0.ɵɵngDeclareClassMetadata({
 				alias: "clearFilter",
 				required: false
 			}]
-		}],
-		filterChange: [{
-			type: i0.Output,
-			args: ["filterChange"]
 		}]
 	}
 });
 var BaseSignalPageClass = class BaseSignalPageClass {
 	dialog = inject(MatDialog);
-	entityType;
-	entityService;
 	entityEditComponent;
 	extraData;
+	filterSchema;
+	defaultFilters;
+	get storagePrefix() {
+		return `${this.constructor.name}_Filter_`;
+	}
 	defaultPageIndex = 0;
 	defaultPageSize = 10;
 	dialogEditWidth = "auto";
@@ -2728,7 +2724,6 @@ var BaseSignalPageClass = class BaseSignalPageClass {
 	editorRoles = [];
 	executeRoles = [];
 	hideRoles = [HIDE_ROLE_MARKER];
-	clearFilters = signal(null, ...ngDevMode ? [{ debugName: "clearFilters" }] : /* istanbul ignore next */ []);
 	allowMultiSelect = false;
 	selected = [];
 	fnGetData = signal(null, ...ngDevMode ? [{ debugName: "fnGetData" }] : /* istanbul ignore next */ []);
@@ -2772,6 +2767,53 @@ var BaseSignalPageClass = class BaseSignalPageClass {
 		const saved = this.localStorageService.getData(this.constructor.name + "_Filters");
 		return saved ? JSON.parse(saved) : {};
 	}
+	initFilters() {
+		if (!this.filterSchema || !this.defaultFilters) return;
+		const prefix = this.storagePrefix;
+		const initial = { ...this.defaultFilters };
+		Object.keys(this.defaultFilters).forEach((key) => {
+			const storageKey = `${prefix}${key}`;
+			const rawValue = this.localStorageService.getData(storageKey);
+			if (rawValue !== null && rawValue !== void 0) try {
+				initial[key] = JSON.parse(rawValue);
+			} catch {
+				initial[key] = rawValue;
+			}
+		});
+		const validation = this.filterSchema.safeParse(initial);
+		this.filters.set(validation.success ? validation.data : this.defaultFilters);
+		this.trackFilterChanges();
+	}
+	trackFilterChanges() {
+		if (!this.defaultFilters) return;
+		let previousFilters = { ...this.filters() };
+		effect(() => {
+			const currentFilters = this.filters();
+			const prefix = this.storagePrefix;
+			let filterChanged = false;
+			Object.keys(currentFilters).forEach((key) => {
+				const prevVal = previousFilters[key];
+				const currVal = currentFilters[key];
+				if (prevVal !== currVal) {
+					filterChanged = true;
+					const storageKey = `${prefix}${String(key)}`;
+					if (currVal === null || currVal === void 0 || currVal === "" || currVal === 0 || currVal === -1 || Array.isArray(currVal) && currVal.length === 0) localStorage.removeItem(storageKey);
+					else this.localStorageService.saveData(storageKey, JSON.stringify(currVal));
+				}
+			});
+			if (filterChanged) {}
+			previousFilters = { ...currentFilters };
+		});
+	}
+	clearEvent() {
+		if (!this.defaultFilters) return;
+		const prefix = this.storagePrefix;
+		Object.keys(this.defaultFilters).forEach((key) => {
+			localStorage.removeItem(`${prefix}${key}`);
+		});
+		this.filters.set({ ...this.defaultFilters });
+		this.clearFilters.set({});
+	}
 	getInitialFilters2() {
 		const prefix = this.constructor.name + "_Filter_";
 		const state = {};
@@ -2789,8 +2831,8 @@ var BaseSignalPageClass = class BaseSignalPageClass {
 		}
 		return state;
 	}
-	filters = signal(this.getInitialFilters(), ...ngDevMode ? [{ debugName: "filters" }] : /* istanbul ignore next */ []);
-	filters2 = signal(this.getInitialFilters2(), ...ngDevMode ? [{ debugName: "filters2" }] : /* istanbul ignore next */ []);
+	filters = signal({}, ...ngDevMode ? [{ debugName: "filters" }] : /* istanbul ignore next */ []);
+	clearFilters = signal(null, ...ngDevMode ? [{ debugName: "clearFilters" }] : /* istanbul ignore next */ []);
 	tableState = signal({
 		sortActive: "",
 		sortDirection: "",
@@ -2818,21 +2860,25 @@ var BaseSignalPageClass = class BaseSignalPageClass {
 		this.fnGetCount.set(fnGetCount);
 	}
 	setFilter(key, value) {
-		const storageKey = `${this.constructor.name}_Filter_${key}`;
+		const storageKey = `${this.constructor.name}_Filter_${String(key)}`;
 		this.tableState.update((prev) => ({
 			...prev,
 			pageIndex: 0
 		}));
+		let isValueEmpty = value === null || value === void 0 || value === "" || value === "-1";
+		if (Array.isArray(value) && value.length === 0) isValueEmpty = true;
+		if (isValueEmpty) this.localStorageService.removeData(storageKey);
+		else this.localStorageService.saveData(storageKey, JSON.stringify(value));
 		this.filters.update((prev) => {
-			const next = { ...prev };
-			if (value === null || value === void 0 || value === "" || value === "-1") {
+			if (isValueEmpty) {
+				const next = { ...prev };
 				delete next[key];
-				localStorage.removeItem(storageKey);
-			} else {
-				next[key] = value;
-				this.localStorageService.saveData(storageKey, JSON.stringify(value));
+				return next;
 			}
-			return next;
+			return {
+				...prev,
+				[key]: value
+			};
 		});
 	}
 	onPageChange(pageState) {
@@ -2981,21 +3027,6 @@ var BaseSignalPageClass = class BaseSignalPageClass {
 		this.dataResource()?.reload();
 		this.countResource()?.reload();
 	}
-	clearEvent() {
-		const prefix = this.constructor.name + "_Filter_";
-		const keysToRemove = [];
-		for (let i = 0; i < localStorage.length; i++) {
-			const key = localStorage.key(i);
-			if (key && key.startsWith(prefix)) keysToRemove.push(key);
-		}
-		keysToRemove.forEach((key) => localStorage.removeItem(key));
-		this.filters.set({});
-		this.tableState.update((prev) => ({
-			...prev,
-			pageIndex: 0
-		}));
-		this.clearFilters.set({});
-	}
 	onRemovalMessageChange(message) {
 		this.removalMessage = message;
 	}
@@ -3069,6 +3100,16 @@ i0.ɵɵngDeclareClassMetadata({
 	decorators: [{ type: Directive }],
 	ctorParameters: () => []
 });
+function cleanFilterParams(filters) {
+	const cleanParams = {};
+	Object.keys(filters).forEach((key) => {
+		const value = filters[key];
+		if (value === null || value === void 0 || value === "") return;
+		if (Array.isArray(value) && value.length === 0) return;
+		cleanParams[key] = value;
+	});
+	return cleanParams;
+}
 var BaseSignalServiceClass = class BaseSignalServiceClass {
 	countRoute = "count";
 	pageIndexParam = "page";
@@ -3141,6 +3182,41 @@ var BaseSignalServiceClass = class BaseSignalServiceClass {
 			}
 		});
 	}
+	getObjectsByFilterPaging(pageIndex, pageSize, sortColumn, direction, filters) {
+		return httpResource(() => {
+			this._refreshTrigger();
+			const queryParams = { ...cleanFilterParams(filters) };
+			if (pageIndex + 1) queryParams[this.pageIndexParam] = pageIndex + 1;
+			if (pageSize) queryParams[this.pageSizeParam] = pageSize;
+			if (sortColumn) queryParams[this.sortColumnParam] = sortColumn;
+			if (direction) queryParams[this.directionParam] = direction;
+			return {
+				url: this.baseRoute,
+				params: queryParams
+			};
+		}, {
+			...this.getHttpContext(),
+			defaultValue: [],
+			parse: (data) => {
+				if (!data) return [];
+				return z.array(this.schema).parse(data);
+			}
+		});
+	}
+	getObjectsCountByFilter(filters) {
+		return httpResource(() => {
+			this._refreshTrigger();
+			const cleanFields = cleanFilterParams(filters);
+			return {
+				url: `${this.baseRoute}${this.countRoute}`,
+				params: { ...cleanFields }
+			};
+		}, {
+			...this.getHttpContext(),
+			defaultValue: 0,
+			parse: (data) => z.coerce.number().parse(data)
+		});
+	}
 	newObject(entity) {
 		return this.http.post(this.baseRoute, entity, this.getHttpContext());
 	}