@kuzntsv/uikit 1.0.37 → 1.0.39

package/fesm2022/kuzntsv-uikit-ui.mjs

@@ -1,8 +1,8 @@
 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 { Router, RouterLink } from "@angular/router";
-import { ReplaySubject, Subject, Subscription, filter, finalize, forkJoin, map, of, startWith, take } from "rxjs";
-import { API_NAME, AuthService, HIDE_ROLE_MARKER, NotificationService, RoleService, UIKIT_NOTIFICATION_TOKEN } from "@kuzntsv/uikit";
+import { ReplaySubject, Subject, Subscription, filter, finalize, forkJoin, map, of, startWith, switchMap, take, tap } from "rxjs";
+import { API_NAME, AuthService, NotificationService, RoleService, UIKIT_NOTIFICATION_TOKEN } from "@kuzntsv/uikit";
 import * as i1$1 from "@angular/forms";
 import { FormControl, FormGroup, FormsModule, NgControl, ReactiveFormsModule, Validators } from "@angular/forms";
 import { MatAnchor, MatButton, MatIconButton } from "@angular/material/button";
@@ -28,7 +28,6 @@ import { MatTooltip, MatTooltipModule } from "@angular/material/tooltip";
 import { MatDivider } from "@angular/material/divider";
 import { MatMenu, MatMenuContent, MatMenuItem, MatMenuTrigger } from "@angular/material/menu";
 import { MatToolbar } from "@angular/material/toolbar";
-import { rxResource } from "@angular/core/rxjs-interop";
 import { DomSanitizer } from "@angular/platform-browser";
 import { MatProgressSpinner } from "@angular/material/progress-spinner";
 import * as i3 from "@angular/cdk/scrolling";
@@ -2088,11 +2087,10 @@ var EntityAction;
 	EntityAction["Delete"] = "Удаление";
 })(EntityAction || (EntityAction = {}));
 var BaseFilterClass = class BaseFilterClass {
+	localStorageService = inject(LocalStorageService);
 	loaderService = inject(LoaderService);
 	notificationService = inject(NotificationService);
 	defaultDebounceTime = 500;
-	filters = input({}, ...ngDevMode ? [{ debugName: "filters" }] : /* istanbul ignore next */ []);
-	clearFilters = input(null, ...ngDevMode ? [{ debugName: "clearFilters" }] : /* istanbul ignore next */ []);
 	subscription = new Subscription();
 	constructor() {}
 	ngOnDestroy() {
@@ -2107,26 +2105,10 @@ var BaseFilterClass = class BaseFilterClass {
 		target: i0.ɵɵFactoryTarget.Directive
 	});
 	static ɵdir = i0.ɵɵngDeclareDirective({
-		minVersion: "17.1.0",
+		minVersion: "14.0.0",
 		version: "22.2.2",
 		type: BaseFilterClass,
 		isStandalone: true,
-		inputs: {
-			filters: {
-				classPropertyName: "filters",
-				publicName: "filters",
-				isSignal: true,
-				isRequired: false,
-				transformFunction: null
-			},
-			clearFilters: {
-				classPropertyName: "clearFilters",
-				publicName: "clearFilters",
-				isSignal: true,
-				isRequired: false,
-				transformFunction: null
-			}
-		},
 		ngImport: i0
 	});
 };
@@ -2136,25 +2118,7 @@ i0.ɵɵngDeclareClassMetadata({
 	ngImport: i0,
 	type: BaseFilterClass,
 	decorators: [{ type: Directive }],
-	ctorParameters: () => [],
-	propDecorators: {
-		filters: [{
-			type: i0.Input,
-			args: [{
-				isSignal: true,
-				alias: "filters",
-				required: false
-			}]
-		}],
-		clearFilters: [{
-			type: i0.Input,
-			args: [{
-				isSignal: true,
-				alias: "clearFilters",
-				required: false
-			}]
-		}]
-	}
+	ctorParameters: () => []
 });
 var BaseNavBarMenuClass = class BaseNavBarMenuClass {
 	roleService = inject(RoleService);
@@ -2238,6 +2202,8 @@ i0.ɵɵngDeclareClassMetadata({
 });
 var BasePageClass = class BasePageClass {
 	dialog = inject(MatDialog);
+	data = signal([], ...ngDevMode ? [{ debugName: "data" }] : /* istanbul ignore next */ []);
+	length = signal(0, ...ngDevMode ? [{ debugName: "length" }] : /* istanbul ignore next */ []);
 	entityService;
 	entityType;
 	entityEditComponent;
@@ -2257,49 +2223,14 @@ var BasePageClass = class BasePageClass {
 	afterSaveOnEditEvent;
 	editorRoles = [];
 	executeRoles = [];
-	hideRoles = [HIDE_ROLE_MARKER];
+	hideRoles = ["HIDE"];
 	loadData$ = new Subject();
 	loadLength$ = new Subject();
-	clearFilters = signal(null, ...ngDevMode ? [{ debugName: "clearFilters" }] : /* istanbul ignore next */ []);
+	clearFilter$ = new Subject();
+	clearFilter = null;
 	allowMultiSelect = false;
 	selected = [];
-	fnGetData = signal(null, ...ngDevMode ? [{ debugName: "fnGetData" }] : /* istanbul ignore next */ []);
-	fnGetCount = signal(null, ...ngDevMode ? [{ debugName: "fnGetCount" }] : /* istanbul ignore next */ []);
-	fnMapEntity = signal(void 0, ...ngDevMode ? [{ debugName: "fnMapEntity" }] : /* istanbul ignore next */ []);
-	dataResource = rxResource({
-		params: () => {
-			const fetchFn = this.fnGetData();
-			if (!fetchFn) return null;
-			return {
-				fetchFn,
-				state: this.tableState(),
-				mapFn: this.fnMapEntity()
-			};
-		},
-		stream: ({ params, abortSignal }) => {
-			if (!params) return of([]);
-			this.loaderService.show();
-			return params.fetchFn().pipe(map((v) => params.mapFn && Array.isArray(v) ? v.map(params.mapFn()) : v), finalize(() => {
-				this.loaderService.hide();
-			}));
-		}
-	});
-	countResource = rxResource({
-		params: () => {
-			const fetchCountFn = this.fnGetCount();
-			if (!fetchCountFn) return null;
-			return {
-				fetchCountFn,
-				state: this.tableState()
-			};
-		},
-		stream: ({ params }) => {
-			if (!params) return of(0);
-			return params.fetchCountFn();
-		}
-	});
-	data = computed(() => this.dataResource.value() || [], ...ngDevMode ? [{ debugName: "data" }] : /* istanbul ignore next */ []);
-	length = computed(() => this.countResource.value() || 0, ...ngDevMode ? [{ debugName: "length" }] : /* istanbul ignore next */ []);
+	tableState;
 	editBtnDisabled = true;
 	removeBtnDisabled = true;
 	dblClickedEventEnable = true;
@@ -2307,64 +2238,60 @@ var BasePageClass = class BasePageClass {
 	router = inject(Router);
 	localStorageService = inject(LocalStorageService);
 	loaderService = inject(LoaderService);
-	notificationService = inject(UIKIT_NOTIFICATION_TOKEN);
+	notificationService = inject(NotificationService);
 	subscription = new Subscription();
-	filters = signal(() => {
-		const saved = this.localStorageService.getData(this.constructor.name + "_Filters");
-		return saved ? JSON.parse(saved) : {};
-	}, ...ngDevMode ? [{ debugName: "filters" }] : /* istanbul ignore next */ []);
-	tableState = signal({
-		sortActive: "",
-		sortDirection: "",
-		pageIndex: this.defaultPageIndex,
-		pageSize: this.defaultPageSize
-	}, ...ngDevMode ? [{ debugName: "tableState" }] : /* istanbul ignore next */ []);
 	constructor() {
-		this.tableState.set({
+		this.tableState = {
 			sortActive: this.localStorageService.getData(this.constructor.name + "SortActive") || "",
 			sortDirection: this.localStorageService.getData(this.constructor.name + "SortDirection") || "",
 			pageIndex: Number(this.localStorageService.getData(this.constructor.name + "PageIndex")) || this.defaultPageIndex,
 			pageSize: Number(this.localStorageService.getData(this.constructor.name + "PageSize")) || this.defaultPageSize
-		});
+		};
 	}
 	ngOnDestroy() {
 		this.subscription.unsubscribe();
 	}
 	subscribeToLoadData(fnGetData, fnGetCount, fnMapEntity) {
-		this.fnMapEntity.set(fnMapEntity);
-		this.fnGetData.set(fnGetData);
-		this.fnGetCount.set(fnGetCount);
-	}
-	setFilter(key, value) {
-		this.filters.update((prev) => {
-			const next = { ...prev };
-			if (value === null || value === void 0 || value === "" || value === "-1") delete next[key];
-			else next[key] = value;
-			this.localStorageService.saveData(this.constructor.name + "_Filters", JSON.stringify(next));
-			return next;
+		const subs = this.loadData$.pipe(tap(() => this.loaderService.show()), switchMap(() => fnGetData()), map((v) => fnMapEntity ? v.map(fnMapEntity()) : v)).subscribe({
+			next: (response) => {
+				this.data.set(response);
+				this.loaderService.hide();
+			},
+			error: (error) => {
+				this.loaderService.hide();
+				console.log(error);
+				this.notificationService.error("Произошла ошибка: " + error, 0);
+			}
 		});
-		this.tableState.update((prev) => ({
-			...prev,
-			pageIndex: 0
-		}));
+		this.subscription?.add(subs);
+		const subs2 = this.loadLength$.pipe(switchMap(() => fnGetCount())).subscribe({
+			next: (response) => {
+				this.length.set(response);
+			},
+			error: (error) => {
+				console.log(error);
+				this.notificationService.error("Произошла ошибка: " + error, 0);
+			}
+		});
+		this.subscription?.add(subs2);
+		this.loadData$.next(null);
+		this.loadLength$.next(null);
 	}
 	onPageChange(pageState) {
+		this.tableState.pageIndex = pageState.pageIndex;
+		this.tableState.pageSize = pageState.pageSize;
 		this.localStorageService.saveData(this.constructor.name + "PageIndex", pageState.pageIndex.toString());
 		this.localStorageService.saveData(this.constructor.name + "PageSize", pageState.pageSize.toString());
-		this.tableState.update((prev) => ({
-			...prev,
-			pageIndex: pageState.pageIndex,
-			pageSize: pageState.pageSize
-		}));
+		this.loadData$.next(null);
+		this.loadLength$.next(null);
 	}
 	onSortChange(sortState) {
+		this.tableState.sortActive = sortState.sortActive;
+		this.tableState.sortDirection = sortState.sortDirection;
 		this.localStorageService.saveData(this.constructor.name + "SortActive", sortState.sortActive);
 		this.localStorageService.saveData(this.constructor.name + "SortDirection", sortState.sortDirection);
-		this.tableState.update((prev) => ({
-			...prev,
-			sortActive: sortState.sortActive,
-			sortDirection: sortState.sortDirection
-		}));
+		this.loadData$.next(null);
+		this.loadLength$.next(null);
 	}
 	entityFactory(type) {
 		return new type();
@@ -2404,7 +2331,7 @@ var BasePageClass = class BasePageClass {
 								this.afterSaveOnNewEvent(callback.bind(this), obj, result.extraData);
 							} else {
 								this.refreshEvent();
-								this.notificationService?.success("Запись добавлена.");
+								this.notificationService.success("Запись добавлена.");
 							}
 						},
 						error: (error) => {
@@ -2478,7 +2405,7 @@ var BasePageClass = class BasePageClass {
 							},
 							error: (error) => {
 								console.log("error", error);
-								this.notificationService?.error("Произошла ошибка при удалении записи: " + error, 0);
+								this.notificationService.error("Произошла ошибка при удалении записи: " + error, 0);
 							}
 						});
 						this.subscription.add(subs);
@@ -2493,17 +2420,12 @@ var BasePageClass = class BasePageClass {
 		}
 	}
 	refreshEvent() {
-		this.dataResource.reload();
-		this.countResource.reload();
+		this.loadData$.next(null);
+		this.loadLength$.next(null);
 	}
 	clearEvent() {
-		this.filters.set({});
-		this.localStorageService.saveData(this.constructor.name + "_Filters", "{}");
-		this.tableState.update((prev) => ({
-			...prev,
-			pageIndex: 0
-		}));
-		this.clearFilters.set({});
+		this.clearFilter$.next(null);
+		this.clearFilter = {};
 	}
 	onRemovalMessageChange(message) {
 		this.removalMessage = message;
@@ -2536,22 +2458,18 @@ var BasePageClass = class BasePageClass {
 	}
 	onMiddleButton(baseUrl, queryParamName, queryParamValue) {
 		return ($event, item, contextMenu) => {
-			if (item) {
-				if ($event.button === 1) {
-					contextMenu.closeMenu();
-					const url = this.router.serializeUrl(queryParamName && queryParamValue ? this.router.createUrlTree([baseUrl], { queryParams: { [queryParamName]: item[queryParamValue] } }) : this.router.createUrlTree([baseUrl]));
-					window.open(url, "_blank");
-				}
+			if ($event.button === 1 && item) {
+				contextMenu.closeMenu();
+				const url = this.router.serializeUrl(queryParamName && queryParamValue ? this.router.createUrlTree([baseUrl], { queryParams: { [queryParamName]: item[queryParamValue] } }) : this.router.createUrlTree([baseUrl]));
+				window.open(url, "_blank");
 			}
 		};
 	}
 	onActionMiddleButton(baseUrl, queryParamName, queryParamValue) {
 		return ($event, item) => {
-			if (item) {
-				if ($event.button === 1) {
-					const url = this.router.serializeUrl(queryParamName && queryParamValue ? this.router.createUrlTree([baseUrl], { queryParams: { [queryParamName]: item[queryParamValue] } }) : this.router.createUrlTree([baseUrl]));
-					window.open(url, "_blank");
-				}
+			if ($event.button === 1) {
+				const url = this.router.serializeUrl(queryParamName && queryParamValue ? this.router.createUrlTree([baseUrl], { queryParams: { [queryParamName]: item[queryParamValue] } }) : this.router.createUrlTree([baseUrl]));
+				window.open(url, "_blank");
 			}
 		};
 	}