@kuzntsv/uikit 1.0.113 → 1.0.115

package/fesm2022/kuzntsv-uikit-ui.mjs

@@ -1,23 +1,19 @@
 import * as i0 from "@angular/core";
-import { ChangeDetectionStrategy, Component, Directive, ElementRef, Injectable, InjectionToken, NgZone, Pipe, Service, computed, debounced, effect, inject, input, linkedSignal, makeEnvironmentProviders, model, output, signal, untracked, viewChild } from "@angular/core";
-import { Router, RouterLink } from "@angular/router";
-import { API_NAME, AuthService, HIDE_ROLE_MARKER, LoaderService, NotificationService, RoleService, SignalSelectionModel, UIKIT_NOTIFICATION_TOKEN, X_SKIP_LOADER, X_SKIP_NOTIFICATION, formatZodError } from "@kuzntsv/uikit";
-import { ReplaySubject, Subject, Subscription, filter, forkJoin, lastValueFrom, map, of, switchMap, take, tap } from "rxjs";
+import { ChangeDetectionStrategy, Component, DestroyRef, Directive, ElementRef, HostListener, Injectable, InjectionToken, Pipe, Service, computed, debounced, effect, inject, input, linkedSignal, makeEnvironmentProviders, model, output, signal, untracked, viewChild } from "@angular/core";
 import { MatAnchor, MatButton, MatIconButton } from "@angular/material/button";
-import { MatCard, MatCardContent, MatCardHeader, MatCardTitle } from "@angular/material/card";
-import { MatError, MatFormField, MatHint, MatLabel, MatSuffix } from "@angular/material/form-field";
-import { MatIcon } from "@angular/material/icon";
-import { MatInput } from "@angular/material/input";
-import { FormField, FormRoot, debounce, disabled, form, validateHttp, validateStandardSchema } from "@angular/forms/signals";
-import z, { z as z$1 } from "zod";
 import { MatDivider } from "@angular/material/divider";
+import { MatIcon } from "@angular/material/icon";
 import { MatMenu, MatMenuContent, MatMenuItem, MatMenuTrigger } from "@angular/material/menu";
 import { MatToolbar } from "@angular/material/toolbar";
 import * as i4 from "@angular/material/tooltip";
 import { MatTooltip, MatTooltipModule } from "@angular/material/tooltip";
+import { API_NAME, AuthService, HIDE_ROLE_MARKER, LoaderService, NotificationService, RoleService, SignalSelectionModel, UIKIT_NOTIFICATION_TOKEN, X_SKIP_LOADER, X_SKIP_NOTIFICATION, formatZodError } from "@kuzntsv/uikit";
+import z, { z as z$1 } from "zod";
+import { Observable, Subject, Subscription, filter, forkJoin, lastValueFrom, map, of, switchMap, take, tap } from "rxjs";
 import { HttpClient, HttpContext, HttpErrorResponse, HttpHeaders, HttpParams, httpResource } from "@angular/common/http";
 import { DomSanitizer } from "@angular/platform-browser";
 import { catchError, map as map$1 } from "rxjs/operators";
+import { Router, RouterLink } from "@angular/router";
 import { MAT_DIALOG_DATA, MatDialog, MatDialogActions, MatDialogClose, MatDialogConfig, MatDialogContent, MatDialogRef, MatDialogTitle } from "@angular/material/dialog";
 import { NgControl } from "@angular/forms";
 import { COMMA, ENTER } from "@angular/cdk/keycodes";
@@ -25,8 +21,12 @@ import * as i1$1 from "@angular/material/autocomplete";
 import { MatAutocompleteModule, MatOption } from "@angular/material/autocomplete";
 import * as i2$2 from "@angular/material/chips";
 import { MatChipsModule } from "@angular/material/chips";
+import { MatError, MatFormField, MatHint, MatLabel, MatSuffix } from "@angular/material/form-field";
+import { FormField, FormRoot, debounce, disabled, form, required, validateHttp, validateStandardSchema } from "@angular/forms/signals";
 import { DateAdapter, MAT_DATE_FORMATS, MatOptgroup, MatOption as MatOption$1, NativeDateAdapter } from "@angular/material/core";
 import { MatDateRangeInput, MatDateRangePicker, MatDatepickerToggle, MatEndDate, MatStartDate } from "@angular/material/datepicker";
+import { MatCard, MatCardContent, MatCardHeader, MatCardTitle } from "@angular/material/card";
+import { MatInput } from "@angular/material/input";
 import * as i2$1 from "@angular/cdk/scrolling";
 import { ScrollingModule } from "@angular/cdk/scrolling";
 import { MatFormField as MatFormField$1, MatLabel as MatLabel$1, MatSelect } from "@angular/material/select";
@@ -37,135 +37,369 @@ import * as i2 from "@angular/material/sort";
 import { MatSort, MatSortModule } from "@angular/material/sort";
 import * as i1 from "@angular/material/table";
 import { MatTableDataSource, MatTableModule } from "@angular/material/table";
-const loginSchema = z$1.object({
-	username: z$1.string().min(1, { message: "Пожалуйста, заполните это поле" }).regex(/^[A-Za-z]{1,}\.[A-Za-z]{1,}\.[A-Za-z]*$/, { message: "Пожалуйста, используйте формат \"a.p.petrov\"" }),
-	password: z$1.string().min(1, { message: "Пожалуйста, заполните это поле" })
-});
-var LoginFormComponent = class LoginFormComponent {
-	pending = input(false, ...ngDevMode ? [{ debugName: "pending" }] : /* istanbul ignore next */ []);
-	submitted = output();
-	isHidePassword = signal(true, ...ngDevMode ? [{ debugName: "isHidePassword" }] : /* istanbul ignore next */ []);
-	formModel = signal({
-		username: "",
-		password: ""
-	}, ...ngDevMode ? [{ debugName: "formModel" }] : /* istanbul ignore next */ []);
-	form = form(this.formModel, (schemaPath) => {
-		validateStandardSchema(schemaPath, loginSchema);
-		disabled(schemaPath.username, { when: () => this.pending() });
-		disabled(schemaPath.password, { when: () => this.pending() });
-	}, { submission: { action: async (field) => {
-		this.submitted.emit(field().value());
-	} } });
-	showPassword() {
-		this.isHidePassword.set(false);
+var BaseToolbarComponent = class BaseToolbarComponent {
+	rolesNewBtn = input([], ...ngDevMode ? [{ debugName: "rolesNewBtn" }] : /* istanbul ignore next */ []);
+	rolesEditBtn = input([], ...ngDevMode ? [{ debugName: "rolesEditBtn" }] : /* istanbul ignore next */ []);
+	rolesRemoveBtn = input([], ...ngDevMode ? [{ debugName: "rolesRemoveBtn" }] : /* istanbul ignore next */ []);
+	rolesCopyBtn = input([], ...ngDevMode ? [{ debugName: "rolesCopyBtn" }] : /* istanbul ignore next */ []);
+	rolesExcelBtn = input([], ...ngDevMode ? [{ debugName: "rolesExcelBtn" }] : /* istanbul ignore next */ []);
+	rolesCsvBtn = input([], ...ngDevMode ? [{ debugName: "rolesCsvBtn" }] : /* istanbul ignore next */ []);
+	rolesPdfBtn = input([], ...ngDevMode ? [{ debugName: "rolesPdfBtn" }] : /* istanbul ignore next */ []);
+	rolesPrintBtn = input([], ...ngDevMode ? [{ debugName: "rolesPrintBtn" }] : /* istanbul ignore next */ []);
+	rolesRefreshBtn = input([], ...ngDevMode ? [{ debugName: "rolesRefreshBtn" }] : /* istanbul ignore next */ []);
+	rolesClearBtn = input([], ...ngDevMode ? [{ debugName: "rolesClearBtn" }] : /* istanbul ignore next */ []);
+	newBtnDisabled = input(false, ...ngDevMode ? [{ debugName: "newBtnDisabled" }] : /* istanbul ignore next */ []);
+	editBtnDisabled = input(false, ...ngDevMode ? [{ debugName: "editBtnDisabled" }] : /* istanbul ignore next */ []);
+	removeBtnDisabled = input(false, ...ngDevMode ? [{ debugName: "removeBtnDisabled" }] : /* istanbul ignore next */ []);
+	copyBtnDisabled = input(false, ...ngDevMode ? [{ debugName: "copyBtnDisabled" }] : /* istanbul ignore next */ []);
+	excelBtnDisabled = input(false, ...ngDevMode ? [{ debugName: "excelBtnDisabled" }] : /* istanbul ignore next */ []);
+	csvBtnDisabled = input(false, ...ngDevMode ? [{ debugName: "csvBtnDisabled" }] : /* istanbul ignore next */ []);
+	pdfBtnDisabled = input(false, ...ngDevMode ? [{ debugName: "pdfBtnDisabled" }] : /* istanbul ignore next */ []);
+	printBtnDisabled = input(false, ...ngDevMode ? [{ debugName: "printBtnDisabled" }] : /* istanbul ignore next */ []);
+	refreshBtnDisabled = input(false, ...ngDevMode ? [{ debugName: "refreshBtnDisabled" }] : /* istanbul ignore next */ []);
+	clearBtnDisabled = input(false, ...ngDevMode ? [{ debugName: "clearBtnDisabled" }] : /* istanbul ignore next */ []);
+	newBtnTooltip = input("Добавить", ...ngDevMode ? [{ debugName: "newBtnTooltip" }] : /* istanbul ignore next */ []);
+	editBtnTooltip = input("Изменить", ...ngDevMode ? [{ debugName: "editBtnTooltip" }] : /* istanbul ignore next */ []);
+	removeBtnTooltip = input("Удалить", ...ngDevMode ? [{ debugName: "removeBtnTooltip" }] : /* istanbul ignore next */ []);
+	copyBtnTooltip = input("Скопировать", ...ngDevMode ? [{ debugName: "copyBtnTooltip" }] : /* istanbul ignore next */ []);
+	excelBtnTooltip = input("Экспортировать в Excel", ...ngDevMode ? [{ debugName: "excelBtnTooltip" }] : /* istanbul ignore next */ []);
+	csvBtnTooltip = input("Экспортировать в Csv", ...ngDevMode ? [{ debugName: "csvBtnTooltip" }] : /* istanbul ignore next */ []);
+	pdfBtnTooltip = input("Экспортировать в Pdf", ...ngDevMode ? [{ debugName: "pdfBtnTooltip" }] : /* istanbul ignore next */ []);
+	printBtnTooltip = input("Печатать", ...ngDevMode ? [{ debugName: "printBtnTooltip" }] : /* istanbul ignore next */ []);
+	refreshBtnTooltip = input("Обновить данные", ...ngDevMode ? [{ debugName: "refreshBtnTooltip" }] : /* istanbul ignore next */ []);
+	clearBtnTooltip = input("Очистить фильтр", ...ngDevMode ? [{ debugName: "clearBtnTooltip" }] : /* istanbul ignore next */ []);
+	newBtnOpt = input([], ...ngDevMode ? [{ debugName: "newBtnOpt" }] : /* istanbul ignore next */ []);
+	clickedNewBtn = output();
+	clickedEditBtn = output();
+	clickedRemoveBtn = output();
+	clickedCopyBtn = output();
+	clickedExcelBtn = output();
+	clickedCsvBtn = output();
+	clickedPdfBtn = output();
+	clickedPrintBtn = output();
+	clickedRefreshBtn = output();
+	clickedClearBtn = output();
+	roleService = inject(RoleService);
+	isNewBtnVisible = computed(() => this.checkVisibility(this.rolesNewBtn()), ...ngDevMode ? [{ debugName: "isNewBtnVisible" }] : /* istanbul ignore next */ []);
+	isEditBtnVisible = computed(() => this.checkVisibility(this.rolesEditBtn()), ...ngDevMode ? [{ debugName: "isEditBtnVisible" }] : /* istanbul ignore next */ []);
+	isRemoveBtnVisible = computed(() => this.checkVisibility(this.rolesRemoveBtn()), ...ngDevMode ? [{ debugName: "isRemoveBtnVisible" }] : /* istanbul ignore next */ []);
+	isCopyBtnVisible = computed(() => this.checkVisibility(this.rolesCopyBtn()), ...ngDevMode ? [{ debugName: "isCopyBtnVisible" }] : /* istanbul ignore next */ []);
+	isExcelBtnVisible = computed(() => this.checkVisibility(this.rolesExcelBtn()), ...ngDevMode ? [{ debugName: "isExcelBtnVisible" }] : /* istanbul ignore next */ []);
+	isCsvBtnVisible = computed(() => this.checkVisibility(this.rolesCsvBtn()), ...ngDevMode ? [{ debugName: "isCsvBtnVisible" }] : /* istanbul ignore next */ []);
+	isPdfBtnVisible = computed(() => this.checkVisibility(this.rolesPdfBtn()), ...ngDevMode ? [{ debugName: "isPdfBtnVisible" }] : /* istanbul ignore next */ []);
+	isPrintBtnVisible = computed(() => this.checkVisibility(this.rolesPrintBtn()), ...ngDevMode ? [{ debugName: "isPrintBtnVisible" }] : /* istanbul ignore next */ []);
+	isRefreshBtnVisible = computed(() => this.checkVisibility(this.rolesRefreshBtn()), ...ngDevMode ? [{ debugName: "isRefreshBtnVisible" }] : /* istanbul ignore next */ []);
+	isClearBtnVisible = computed(() => this.checkVisibility(this.rolesClearBtn()), ...ngDevMode ? [{ debugName: "isClearBtnVisible" }] : /* istanbul ignore next */ []);
+	checkVisibility(forbiddenRoles) {
+		return !this.roleService.hasForbiddenRole(forbiddenRoles);
 	}
-	hidePassword() {
-		this.isHidePassword.set(true);
+	onNewClick() {
+		this.clickedNewBtn.emit();
+	}
+	onEditClick() {
+		this.clickedEditBtn.emit();
+	}
+	onRemoveClick() {
+		this.clickedRemoveBtn.emit();
+	}
+	onCopyClick() {
+		this.clickedCopyBtn.emit();
+	}
+	onExcelClick() {
+		this.clickedExcelBtn.emit();
+	}
+	onCsvClick() {
+		this.clickedCsvBtn.emit();
+	}
+	onPdfClick() {
+		this.clickedPdfBtn.emit();
+	}
+	onPrintClick() {
+		this.clickedPrintBtn.emit();
+	}
+	onRefreshGridClick() {
+		this.clickedRefreshBtn.emit();
+	}
+	onClearClick() {
+		this.clickedClearBtn.emit();
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
 		version: "22.2.2",
 		ngImport: i0,
-		type: LoginFormComponent,
+		type: BaseToolbarComponent,
 		deps: [],
 		target: i0.ɵɵFactoryTarget.Component
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
 		version: "22.2.2",
-		type: LoginFormComponent,
+		type: BaseToolbarComponent,
 		isStandalone: true,
-		selector: "ngx-uik-login-form",
-		inputs: { pending: {
-			classPropertyName: "pending",
-			publicName: "pending",
-			isSignal: true,
-			isRequired: false,
-			transformFunction: null
-		} },
-		outputs: { submitted: "submitted" },
-		ngImport: i0,
-		template: "<mat-card appearance=\"outlined\">\r\n  <mat-card-header>\r\n    <mat-card-title> Авторизация </mat-card-title>\r\n  </mat-card-header>\r\n  <mat-card-content>\r\n    <form [formRoot]=\"form\">\r\n      <mat-form-field class=\"login-field\">\r\n        <mat-label>Имя пользователя</mat-label>\r\n        <input\r\n          type=\"text\"\r\n          matInput\r\n          autocomplete=\"on\"\r\n          placeholder=\"Имя пользователя\"\r\n          [formField]=\"form.username\"\r\n        />\r\n        @if (form.username().touched() && form.username().invalid()) {\r\n          <ng-container ngProjectAs=\"mat-error\">\r\n              <mat-error>{{ form.username().errors()[0]?.message }}</mat-error>\r\n          </ng-container>\r\n        }\r\n      </mat-form-field>\r\n\r\n      <mat-form-field class=\"login-field\">\r\n        <mat-label>Пароль</mat-label>\r\n        <input\r\n          [type]=\"isHidePassword() ? 'password' : 'text'\"\r\n          matInput\r\n          placeholder=\"Пароль\"\r\n          [formField]=\"form.password\"\r\n        />\r\n        <mat-icon\r\n          class=\"watcher\"\r\n          matSuffix\r\n          (mousedown)=\"showPassword()\"\r\n          (mouseup)=\"hidePassword()\"\r\n          >{{ isHidePassword() ? \"visibility_off\" : \"visibility\" }}</mat-icon\r\n        >\r\n        @if (form.password().touched() && form.password().invalid()) {\r\n          <ng-container ngProjectAs=\"mat-error\">\r\n            <mat-error>{{ form.password().errors()[0]?.message }}</mat-error>\r\n          </ng-container>\r\n        }\r\n      </mat-form-field>\r\n\r\n      <div class=\"loginButtons\">\r\n        <button\r\n          type=\"submit\"\r\n          mat-button\r\n          mat-stroked-button\r\n          color=\"primary\"\r\n          [disabled]=\"!form().valid() || pending()\"\r\n        >\r\n          Войти\r\n        </button>\r\n      </div>\r\n    </form>\r\n  </mat-card-content>\r\n</mat-card>\r\n",
-		styles: [":host{display:flex;justify-content:center;margin:32px 0}form{display:flex;flex-direction:column;gap:16px}.login-field{width:100%;min-width:300px}mat-card-header{justify-content:center}mat-card-content{font-size:16px}.loginButtons{display:flex;flex-direction:row;justify-content:flex-end}.watcher{cursor:default}\n"],
-		dependencies: [
-			{
-				kind: "directive",
-				type: FormRoot,
-				selector: "form[formRoot]",
-				inputs: ["formRoot"]
-			},
-			{
-				kind: "directive",
-				type: FormField,
-				selector: "[formField]",
-				inputs: ["formField"],
-				exportAs: ["formField"]
+		selector: "ngx-uik-base-toolbar",
+		inputs: {
+			rolesNewBtn: {
+				classPropertyName: "rolesNewBtn",
+				publicName: "rolesNewBtn",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
 			},
-			{
-				kind: "component",
-				type: MatCard,
-				selector: "mat-card",
-				inputs: ["appearance"],
-				exportAs: ["matCard"]
+			rolesEditBtn: {
+				classPropertyName: "rolesEditBtn",
+				publicName: "rolesEditBtn",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
 			},
-			{
-				kind: "component",
-				type: MatCardHeader,
-				selector: "mat-card-header"
+			rolesRemoveBtn: {
+				classPropertyName: "rolesRemoveBtn",
+				publicName: "rolesRemoveBtn",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
 			},
-			{
-				kind: "directive",
-				type: MatCardTitle,
-				selector: "mat-card-title, [mat-card-title], [matCardTitle]"
+			rolesCopyBtn: {
+				classPropertyName: "rolesCopyBtn",
+				publicName: "rolesCopyBtn",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
 			},
-			{
-				kind: "directive",
-				type: MatCardContent,
-				selector: "mat-card-content"
+			rolesExcelBtn: {
+				classPropertyName: "rolesExcelBtn",
+				publicName: "rolesExcelBtn",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
 			},
-			{
-				kind: "component",
-				type: MatFormField,
-				selector: "mat-form-field",
-				inputs: [
-					"hideRequiredMarker",
-					"color",
-					"floatLabel",
-					"appearance",
-					"subscriptSizing",
-					"hintLabel"
-				],
-				exportAs: ["matFormField"]
+			rolesCsvBtn: {
+				classPropertyName: "rolesCsvBtn",
+				publicName: "rolesCsvBtn",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
 			},
-			{
-				kind: "directive",
-				type: MatLabel,
-				selector: "mat-label"
+			rolesPdfBtn: {
+				classPropertyName: "rolesPdfBtn",
+				publicName: "rolesPdfBtn",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
 			},
-			{
-				kind: "directive",
-				type: MatInput,
-				selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]",
-				inputs: [
-					"disabled",
-					"id",
-					"placeholder",
-					"name",
-					"required",
-					"type",
-					"errorStateMatcher",
-					"aria-describedby",
-					"value",
-					"readonly",
-					"disabledInteractive"
-				],
-				exportAs: ["matInput"]
+			rolesPrintBtn: {
+				classPropertyName: "rolesPrintBtn",
+				publicName: "rolesPrintBtn",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
 			},
-			{
-				kind: "directive",
-				type: MatError,
-				selector: "mat-error, [matError]",
-				inputs: ["id"]
+			rolesRefreshBtn: {
+				classPropertyName: "rolesRefreshBtn",
+				publicName: "rolesRefreshBtn",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			rolesClearBtn: {
+				classPropertyName: "rolesClearBtn",
+				publicName: "rolesClearBtn",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			newBtnDisabled: {
+				classPropertyName: "newBtnDisabled",
+				publicName: "newBtnDisabled",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			editBtnDisabled: {
+				classPropertyName: "editBtnDisabled",
+				publicName: "editBtnDisabled",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			removeBtnDisabled: {
+				classPropertyName: "removeBtnDisabled",
+				publicName: "removeBtnDisabled",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			copyBtnDisabled: {
+				classPropertyName: "copyBtnDisabled",
+				publicName: "copyBtnDisabled",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			excelBtnDisabled: {
+				classPropertyName: "excelBtnDisabled",
+				publicName: "excelBtnDisabled",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			csvBtnDisabled: {
+				classPropertyName: "csvBtnDisabled",
+				publicName: "csvBtnDisabled",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			pdfBtnDisabled: {
+				classPropertyName: "pdfBtnDisabled",
+				publicName: "pdfBtnDisabled",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			printBtnDisabled: {
+				classPropertyName: "printBtnDisabled",
+				publicName: "printBtnDisabled",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			refreshBtnDisabled: {
+				classPropertyName: "refreshBtnDisabled",
+				publicName: "refreshBtnDisabled",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			clearBtnDisabled: {
+				classPropertyName: "clearBtnDisabled",
+				publicName: "clearBtnDisabled",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			newBtnTooltip: {
+				classPropertyName: "newBtnTooltip",
+				publicName: "newBtnTooltip",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			editBtnTooltip: {
+				classPropertyName: "editBtnTooltip",
+				publicName: "editBtnTooltip",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			removeBtnTooltip: {
+				classPropertyName: "removeBtnTooltip",
+				publicName: "removeBtnTooltip",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			copyBtnTooltip: {
+				classPropertyName: "copyBtnTooltip",
+				publicName: "copyBtnTooltip",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			excelBtnTooltip: {
+				classPropertyName: "excelBtnTooltip",
+				publicName: "excelBtnTooltip",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			csvBtnTooltip: {
+				classPropertyName: "csvBtnTooltip",
+				publicName: "csvBtnTooltip",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			pdfBtnTooltip: {
+				classPropertyName: "pdfBtnTooltip",
+				publicName: "pdfBtnTooltip",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			printBtnTooltip: {
+				classPropertyName: "printBtnTooltip",
+				publicName: "printBtnTooltip",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			refreshBtnTooltip: {
+				classPropertyName: "refreshBtnTooltip",
+				publicName: "refreshBtnTooltip",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			clearBtnTooltip: {
+				classPropertyName: "clearBtnTooltip",
+				publicName: "clearBtnTooltip",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			newBtnOpt: {
+				classPropertyName: "newBtnOpt",
+				publicName: "newBtnOpt",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		outputs: {
+			clickedNewBtn: "clickedNewBtn",
+			clickedEditBtn: "clickedEditBtn",
+			clickedRemoveBtn: "clickedRemoveBtn",
+			clickedCopyBtn: "clickedCopyBtn",
+			clickedExcelBtn: "clickedExcelBtn",
+			clickedCsvBtn: "clickedCsvBtn",
+			clickedPdfBtn: "clickedPdfBtn",
+			clickedPrintBtn: "clickedPrintBtn",
+			clickedRefreshBtn: "clickedRefreshBtn",
+			clickedClearBtn: "clickedClearBtn"
+		},
+		ngImport: i0,
+		template: "<mat-toolbar>\r\n  @if (isNewBtnVisible()) {\r\n    @if (newBtnOpt() && newBtnOpt().length > 0) {\r\n      <button [disabled]=\"newBtnDisabled()\" [matMenuTriggerFor]=\"menuNewBtn\"\r\n      mat-icon-button [matTooltip]=\"newBtnTooltip()\">\r\n      <mat-icon>add</mat-icon>\r\n      </button>\r\n      <mat-menu #menuNewBtn=\"matMenu\">\r\n        @for (menuItem of newBtnOpt(); track menuItem) {\r\n          @if (menuItem.title === '-' && !(menuItem.hideFn ? menuItem.hideFn(\"\") : menuItem.hide)) {\r\n            <mat-divider></mat-divider>\r\n          }\r\n          @if (menuItem.title !== '-' && !(menuItem.hideFn ? menuItem.hideFn(\"\") : menuItem.hide)) {\r\n            <button mat-menu-item\r\n              (click)=\"menuItem.onClickFn ? menuItem.onClickFn('') : ''\"\r\n              [disabled]=\"menuItem.disabledFn ? menuItem.disabledFn('') : menuItem.disabled\">\r\n              @if (menuItem.icon) {\r\n                <mat-icon>{{menuItem.icon}}</mat-icon>\r\n              }\r\n              {{ menuItem.title }}\r\n            </button>\r\n          }\r\n        }\r\n      </mat-menu>\r\n    } \r\n    @else {\r\n      <button [disabled]=\"newBtnDisabled()\" (click)=\"onNewClick()\"\r\n              mat-icon-button routerLink=\"new\" routerLinkActive=\"active\" [matTooltip]=\"newBtnTooltip()\">\r\n        <mat-icon>add</mat-icon>\r\n      </button>\r\n    }\r\n  }\r\n\r\n  @if (isEditBtnVisible()) {\r\n    <button [disabled]=\"editBtnDisabled()\" (click)=\"onEditClick()\"\r\n            mat-icon-button routerLink=\"edit\" color=\"primary\" routerLinkActive=\"active\" [matTooltip]=\"editBtnTooltip()\">\r\n      <mat-icon>edit</mat-icon>\r\n    </button>\r\n  }\r\n  @if (isRemoveBtnVisible()) {\r\n    <button [disabled]=\"removeBtnDisabled()\" (click)=\"onRemoveClick()\"\r\n            mat-icon-button routerLink=\"delete\" color=\"warn\" routerLinkActive=\"active\" [matTooltip]=\"removeBtnTooltip()\">\r\n      <mat-icon>remove</mat-icon>\r\n    </button>\r\n  }\r\n  @if (isCopyBtnVisible()) {\r\n    <button [disabled]=\"copyBtnDisabled()\" (click)=\"onCopyClick()\"\r\n            mat-icon-button routerLink=\"delete\" routerLinkActive=\"active\" [matTooltip]=\"copyBtnTooltip()\">\r\n      <mat-icon>content_copy</mat-icon>\r\n    </button>\r\n  }\r\n  @if (isExcelBtnVisible()) {\r\n    <button [disabled]=\"excelBtnDisabled()\" (click)=\"onExcelClick()\"\r\n            mat-icon-button routerLink=\"excel\" routerLinkActive=\"active\" [matTooltip]=\"excelBtnTooltip()\">\r\n      <mat-icon class=\"material-icons-outlined\">explicit</mat-icon>\r\n    </button>\r\n  }\r\n  @if (isCsvBtnVisible()) {\r\n    <button [disabled]=\"csvBtnDisabled()\" (click)=\"onCsvClick()\"\r\n            mat-icon-button routerLink=\"csv\" routerLinkActive=\"active\" [matTooltip]=\"csvBtnTooltip()\">\r\n      <mat-icon class=\"material-icons-outlined\">download</mat-icon>\r\n    </button>\r\n  }\r\n  @if (isPdfBtnVisible()) {\r\n    <button [disabled]=\"pdfBtnDisabled()\" (click)=\"onPdfClick()\"\r\n            mat-icon-button routerLink=\"pdf\" routerLinkActive=\"active\" [matTooltip]=\"pdfBtnTooltip()\">\r\n      <mat-icon class=\"material-icons-outlined\">picture_as_pdf</mat-icon>\r\n    </button>\r\n  }\r\n  @if (isPrintBtnVisible()) {\r\n    <button [disabled]=\"printBtnDisabled()\" (click)=\"onPrintClick()\"\r\n            mat-icon-button routerLink=\"print\" routerLinkActive=\"active\" [matTooltip]=\"printBtnTooltip()\">\r\n      <mat-icon class=\"material-icons-outlined\">print_outline</mat-icon>\r\n    </button>\r\n  }\r\n  @if (isRefreshBtnVisible()) {\r\n    <button  [disabled]=\"refreshBtnDisabled()\" (click)=\"onRefreshGridClick()\"\r\n            mat-icon-button routerLink=\"refresh\" routerLinkActive=\"active\" [matTooltip]=\"refreshBtnTooltip()\">\r\n      <mat-icon>refresh</mat-icon>\r\n    </button>\r\n  }\r\n  @if (isClearBtnVisible()) {\r\n    <button [disabled]=\"clearBtnDisabled()\" (click)=\"onClearClick()\"\r\n            mat-icon-button routerLink=\"clear\" routerLinkActive=\"active\" [matTooltip]=\"clearBtnTooltip()\">\r\n      <mat-icon>clear</mat-icon>\r\n    </button>\r\n  }\r\n</mat-toolbar>\r\n",
+		styles: [""],
+		dependencies: [
+			{
+				kind: "component",
+				type: MatToolbar,
+				selector: "mat-toolbar",
+				inputs: ["color"],
+				exportAs: ["matToolbar"]
+			},
+			{
+				kind: "component",
+				type: MatIconButton,
+				selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]",
+				exportAs: ["matButton", "matAnchor"]
+			},
+			{
+				kind: "directive",
+				type: MatTooltip,
+				selector: "[matTooltip]",
+				inputs: [
+					"matTooltipPosition",
+					"matTooltipPositionAtOrigin",
+					"matTooltipDisabled",
+					"matTooltipShowDelay",
+					"matTooltipHideDelay",
+					"matTooltipTouchGestures",
+					"matTooltip",
+					"matTooltipClass"
+				],
+				exportAs: ["matTooltip"]
 			},
 			{
 				kind: "component",
@@ -180,761 +414,112 @@ var LoginFormComponent = class LoginFormComponent {
 				],
 				exportAs: ["matIcon"]
 			},
+			{
+				kind: "component",
+				type: MatMenu,
+				selector: "mat-menu",
+				inputs: [
+					"backdropClass",
+					"aria-label",
+					"aria-labelledby",
+					"aria-describedby",
+					"xPosition",
+					"yPosition",
+					"overlapTrigger",
+					"hasBackdrop",
+					"class",
+					"classList"
+				],
+				outputs: ["closed", "close"],
+				exportAs: ["matMenu"]
+			},
+			{
+				kind: "component",
+				type: MatDivider,
+				selector: "mat-divider",
+				inputs: ["vertical", "inset"]
+			},
 			{
 				kind: "directive",
-				type: MatSuffix,
-				selector: "[matSuffix], [matIconSuffix], [matTextSuffix]",
-				inputs: ["matTextSuffix"]
+				type: MatMenuTrigger,
+				selector: "[mat-menu-trigger-for], [matMenuTriggerFor]",
+				inputs: [
+					"mat-menu-trigger-for",
+					"matMenuTriggerFor",
+					"matMenuTriggerData",
+					"matMenuTriggerRestoreFocus"
+				],
+				outputs: [
+					"menuOpened",
+					"onMenuOpen",
+					"menuClosed",
+					"onMenuClose"
+				],
+				exportAs: ["matMenuTrigger"]
 			},
 			{
 				kind: "component",
-				type: MatButton,
-				selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ",
-				inputs: ["matButton"],
-				exportAs: ["matButton", "matAnchor"]
-			}
-		]
+				type: MatMenuItem,
+				selector: "[mat-menu-item]",
+				inputs: [
+					"role",
+					"disabled",
+					"disabledInteractive",
+					"disableRipple"
+				],
+				exportAs: ["matMenuItem"]
+			}
+		],
+		changeDetection: i0.ChangeDetectionStrategy.Eager
 	});
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
 	version: "22.2.2",
 	ngImport: i0,
-	type: LoginFormComponent,
+	type: BaseToolbarComponent,
 	decorators: [{
 		type: Component,
 		args: [{
-			selector: "ngx-uik-login-form",
+			selector: "ngx-uik-base-toolbar",
+			changeDetection: ChangeDetectionStrategy.Eager,
 			imports: [
-				FormRoot,
-				FormField,
-				MatCard,
-				MatCardHeader,
-				MatCardTitle,
-				MatCardContent,
-				MatFormField,
-				MatLabel,
-				MatInput,
-				MatError,
+				MatToolbar,
+				MatIconButton,
+				MatTooltip,
 				MatIcon,
-				MatSuffix,
-				MatButton
+				MatMenu,
+				MatDivider,
+				MatMenuTrigger,
+				MatMenuItem
 			],
-			template: "<mat-card appearance=\"outlined\">\r\n  <mat-card-header>\r\n    <mat-card-title> Авторизация </mat-card-title>\r\n  </mat-card-header>\r\n  <mat-card-content>\r\n    <form [formRoot]=\"form\">\r\n      <mat-form-field class=\"login-field\">\r\n        <mat-label>Имя пользователя</mat-label>\r\n        <input\r\n          type=\"text\"\r\n          matInput\r\n          autocomplete=\"on\"\r\n          placeholder=\"Имя пользователя\"\r\n          [formField]=\"form.username\"\r\n        />\r\n        @if (form.username().touched() && form.username().invalid()) {\r\n          <ng-container ngProjectAs=\"mat-error\">\r\n              <mat-error>{{ form.username().errors()[0]?.message }}</mat-error>\r\n          </ng-container>\r\n        }\r\n      </mat-form-field>\r\n\r\n      <mat-form-field class=\"login-field\">\r\n        <mat-label>Пароль</mat-label>\r\n        <input\r\n          [type]=\"isHidePassword() ? 'password' : 'text'\"\r\n          matInput\r\n          placeholder=\"Пароль\"\r\n          [formField]=\"form.password\"\r\n        />\r\n        <mat-icon\r\n          class=\"watcher\"\r\n          matSuffix\r\n          (mousedown)=\"showPassword()\"\r\n          (mouseup)=\"hidePassword()\"\r\n          >{{ isHidePassword() ? \"visibility_off\" : \"visibility\" }}</mat-icon\r\n        >\r\n        @if (form.password().touched() && form.password().invalid()) {\r\n          <ng-container ngProjectAs=\"mat-error\">\r\n            <mat-error>{{ form.password().errors()[0]?.message }}</mat-error>\r\n          </ng-container>\r\n        }\r\n      </mat-form-field>\r\n\r\n      <div class=\"loginButtons\">\r\n        <button\r\n          type=\"submit\"\r\n          mat-button\r\n          mat-stroked-button\r\n          color=\"primary\"\r\n          [disabled]=\"!form().valid() || pending()\"\r\n        >\r\n          Войти\r\n        </button>\r\n      </div>\r\n    </form>\r\n  </mat-card-content>\r\n</mat-card>\r\n",
-			styles: [":host{display:flex;justify-content:center;margin:32px 0}form{display:flex;flex-direction:column;gap:16px}.login-field{width:100%;min-width:300px}mat-card-header{justify-content:center}mat-card-content{font-size:16px}.loginButtons{display:flex;flex-direction:row;justify-content:flex-end}.watcher{cursor:default}\n"]
+			template: "<mat-toolbar>\r\n  @if (isNewBtnVisible()) {\r\n    @if (newBtnOpt() && newBtnOpt().length > 0) {\r\n      <button [disabled]=\"newBtnDisabled()\" [matMenuTriggerFor]=\"menuNewBtn\"\r\n      mat-icon-button [matTooltip]=\"newBtnTooltip()\">\r\n      <mat-icon>add</mat-icon>\r\n      </button>\r\n      <mat-menu #menuNewBtn=\"matMenu\">\r\n        @for (menuItem of newBtnOpt(); track menuItem) {\r\n          @if (menuItem.title === '-' && !(menuItem.hideFn ? menuItem.hideFn(\"\") : menuItem.hide)) {\r\n            <mat-divider></mat-divider>\r\n          }\r\n          @if (menuItem.title !== '-' && !(menuItem.hideFn ? menuItem.hideFn(\"\") : menuItem.hide)) {\r\n            <button mat-menu-item\r\n              (click)=\"menuItem.onClickFn ? menuItem.onClickFn('') : ''\"\r\n              [disabled]=\"menuItem.disabledFn ? menuItem.disabledFn('') : menuItem.disabled\">\r\n              @if (menuItem.icon) {\r\n                <mat-icon>{{menuItem.icon}}</mat-icon>\r\n              }\r\n              {{ menuItem.title }}\r\n            </button>\r\n          }\r\n        }\r\n      </mat-menu>\r\n    } \r\n    @else {\r\n      <button [disabled]=\"newBtnDisabled()\" (click)=\"onNewClick()\"\r\n              mat-icon-button routerLink=\"new\" routerLinkActive=\"active\" [matTooltip]=\"newBtnTooltip()\">\r\n        <mat-icon>add</mat-icon>\r\n      </button>\r\n    }\r\n  }\r\n\r\n  @if (isEditBtnVisible()) {\r\n    <button [disabled]=\"editBtnDisabled()\" (click)=\"onEditClick()\"\r\n            mat-icon-button routerLink=\"edit\" color=\"primary\" routerLinkActive=\"active\" [matTooltip]=\"editBtnTooltip()\">\r\n      <mat-icon>edit</mat-icon>\r\n    </button>\r\n  }\r\n  @if (isRemoveBtnVisible()) {\r\n    <button [disabled]=\"removeBtnDisabled()\" (click)=\"onRemoveClick()\"\r\n            mat-icon-button routerLink=\"delete\" color=\"warn\" routerLinkActive=\"active\" [matTooltip]=\"removeBtnTooltip()\">\r\n      <mat-icon>remove</mat-icon>\r\n    </button>\r\n  }\r\n  @if (isCopyBtnVisible()) {\r\n    <button [disabled]=\"copyBtnDisabled()\" (click)=\"onCopyClick()\"\r\n            mat-icon-button routerLink=\"delete\" routerLinkActive=\"active\" [matTooltip]=\"copyBtnTooltip()\">\r\n      <mat-icon>content_copy</mat-icon>\r\n    </button>\r\n  }\r\n  @if (isExcelBtnVisible()) {\r\n    <button [disabled]=\"excelBtnDisabled()\" (click)=\"onExcelClick()\"\r\n            mat-icon-button routerLink=\"excel\" routerLinkActive=\"active\" [matTooltip]=\"excelBtnTooltip()\">\r\n      <mat-icon class=\"material-icons-outlined\">explicit</mat-icon>\r\n    </button>\r\n  }\r\n  @if (isCsvBtnVisible()) {\r\n    <button [disabled]=\"csvBtnDisabled()\" (click)=\"onCsvClick()\"\r\n            mat-icon-button routerLink=\"csv\" routerLinkActive=\"active\" [matTooltip]=\"csvBtnTooltip()\">\r\n      <mat-icon class=\"material-icons-outlined\">download</mat-icon>\r\n    </button>\r\n  }\r\n  @if (isPdfBtnVisible()) {\r\n    <button [disabled]=\"pdfBtnDisabled()\" (click)=\"onPdfClick()\"\r\n            mat-icon-button routerLink=\"pdf\" routerLinkActive=\"active\" [matTooltip]=\"pdfBtnTooltip()\">\r\n      <mat-icon class=\"material-icons-outlined\">picture_as_pdf</mat-icon>\r\n    </button>\r\n  }\r\n  @if (isPrintBtnVisible()) {\r\n    <button [disabled]=\"printBtnDisabled()\" (click)=\"onPrintClick()\"\r\n            mat-icon-button routerLink=\"print\" routerLinkActive=\"active\" [matTooltip]=\"printBtnTooltip()\">\r\n      <mat-icon class=\"material-icons-outlined\">print_outline</mat-icon>\r\n    </button>\r\n  }\r\n  @if (isRefreshBtnVisible()) {\r\n    <button  [disabled]=\"refreshBtnDisabled()\" (click)=\"onRefreshGridClick()\"\r\n            mat-icon-button routerLink=\"refresh\" routerLinkActive=\"active\" [matTooltip]=\"refreshBtnTooltip()\">\r\n      <mat-icon>refresh</mat-icon>\r\n    </button>\r\n  }\r\n  @if (isClearBtnVisible()) {\r\n    <button [disabled]=\"clearBtnDisabled()\" (click)=\"onClearClick()\"\r\n            mat-icon-button routerLink=\"clear\" routerLinkActive=\"active\" [matTooltip]=\"clearBtnTooltip()\">\r\n      <mat-icon>clear</mat-icon>\r\n    </button>\r\n  }\r\n</mat-toolbar>\r\n"
 		}]
 	}],
 	propDecorators: {
-		pending: [{
+		rolesNewBtn: [{
 			type: i0.Input,
 			args: [{
 				isSignal: true,
-				alias: "pending",
+				alias: "rolesNewBtn",
 				required: false
 			}]
 		}],
-		submitted: [{
-			type: i0.Output,
-			args: ["submitted"]
-		}]
-	}
-});
-var PermitFormComponent = class PermitFormComponent {
-	hidy = viewChild("hidy", ...ngDevMode ? [{ debugName: "hidy" }] : /* istanbul ignore next */ []);
-	submitted = output();
-	constructor() {
-		effect(() => {
-			const inputEl = this.hidy()?.nativeElement;
-			if (inputEl) inputEl.focus();
-		});
-	}
-	focusInput() {
-		this.hidy()?.nativeElement.focus();
-	}
-	onKeydown(event) {
-		if (event.key === "Enter") {
-			const inputEl = this.hidy()?.nativeElement;
-			if (inputEl?.value) {
-				this.submitted.emit(inputEl.value);
-				inputEl.value = "";
-			}
-		}
-	}
-	static ɵfac = i0.ɵɵngDeclareFactory({
-		minVersion: "12.0.0",
-		version: "22.2.2",
-		ngImport: i0,
-		type: PermitFormComponent,
-		deps: [],
-		target: i0.ɵɵFactoryTarget.Component
-	});
-	static ɵcmp = i0.ɵɵngDeclareComponent({
-		minVersion: "17.2.0",
-		version: "22.2.2",
-		type: PermitFormComponent,
-		isStandalone: true,
-		selector: "ngx-uik-permit-form",
-		outputs: { submitted: "submitted" },
-		viewQueries: [{
-			propertyName: "hidy",
-			first: true,
-			predicate: ["hidy"],
-			descendants: true,
-			isSignal: true
+		rolesEditBtn: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "rolesEditBtn",
+				required: false
+			}]
 		}],
-		ngImport: i0,
-		template: "<mat-card appearance=\"outlined\">\r\n    <mat-card-header>\r\n        <mat-card-title>\r\n        Приложите пропуск\r\n        </mat-card-title>\r\n    </mat-card-header>\r\n    <mat-card-content>\r\n        <div class=\"permit\"></div>\r\n    </mat-card-content>\r\n</mat-card>\r\n<input #hidy class=\"hidy\" type=\"text\" (keydown)=\"onKeydown($event)\"/>",
-		styles: [":host{display:flex;justify-content:center;margin:32px 0}.mat-mdc-form-field{width:100%;min-width:300px}mat-card-title,mat-card-content{display:flex;justify-content:center}mat-card-content{font-size:16px}div.permit{border:none;width:300px;background-size:300px;height:180px}div.permit button div{margin-bottom:200px;color:#000;font-size:34px}input.hidy{opacity:0;position:absolute;left:-200px;top:-200px}\n"],
-		dependencies: [
-			{
-				kind: "component",
-				type: MatCard,
-				selector: "mat-card",
-				inputs: ["appearance"],
-				exportAs: ["matCard"]
-			},
-			{
-				kind: "component",
-				type: MatCardHeader,
-				selector: "mat-card-header"
-			},
-			{
-				kind: "directive",
-				type: MatCardTitle,
-				selector: "mat-card-title, [mat-card-title], [matCardTitle]"
-			},
-			{
-				kind: "directive",
-				type: MatCardContent,
-				selector: "mat-card-content"
-			}
-		]
-	});
-};
-i0.ɵɵngDeclareClassMetadata({
-	minVersion: "12.0.0",
-	version: "22.2.2",
-	ngImport: i0,
-	type: PermitFormComponent,
-	decorators: [{
-		type: Component,
-		args: [{
-			selector: "ngx-uik-permit-form",
-			imports: [
-				MatCard,
-				MatCardHeader,
-				MatCardTitle,
-				MatCardContent
-			],
-			template: "<mat-card appearance=\"outlined\">\r\n    <mat-card-header>\r\n        <mat-card-title>\r\n        Приложите пропуск\r\n        </mat-card-title>\r\n    </mat-card-header>\r\n    <mat-card-content>\r\n        <div class=\"permit\"></div>\r\n    </mat-card-content>\r\n</mat-card>\r\n<input #hidy class=\"hidy\" type=\"text\" (keydown)=\"onKeydown($event)\"/>",
-			styles: [":host{display:flex;justify-content:center;margin:32px 0}.mat-mdc-form-field{width:100%;min-width:300px}mat-card-title,mat-card-content{display:flex;justify-content:center}mat-card-content{font-size:16px}div.permit{border:none;width:300px;background-size:300px;height:180px}div.permit button div{margin-bottom:200px;color:#000;font-size:34px}input.hidy{opacity:0;position:absolute;left:-200px;top:-200px}\n"]
-		}]
-	}],
-	ctorParameters: () => [],
-	propDecorators: {
-		hidy: [{
-			type: i0.ViewChild,
-			args: ["hidy", { isSignal: true }]
-		}],
-		submitted: [{
-			type: i0.Output,
-			args: ["submitted"]
-		}]
-	}
-});
-var LoginPageComponent = class LoginPageComponent {
-	pending = signal(false, ...ngDevMode ? [{ debugName: "pending" }] : /* istanbul ignore next */ []);
-	isKiosk = signal(false, ...ngDevMode ? [{ debugName: "isKiosk" }] : /* istanbul ignore next */ []);
-	idCas = input(0, ...ngDevMode ? [{ debugName: "idCas" }] : /* istanbul ignore next */ []);
-	authService = inject(AuthService);
-	router = inject(Router);
-	notificationService = inject(UIKIT_NOTIFICATION_TOKEN, { optional: true });
-	constructor() {
-		if (localStorage.getItem("id_human") || localStorage.getItem("kiosk-keyboard-layout")) {}
-	}
-	async onSubmit(event) {
-		this.startLoading();
-		try {
-			await lastValueFrom(this.authService.login(event.username, event.password, this.idCas()));
-			this.handleSuccessLogin();
-		} catch (error) {
-			this.handleError(error);
-		} finally {
-			this.finishLoading();
-		}
-	}
-	async onSubmitPermit(permit) {
-		this.startLoading();
-		try {
-			await lastValueFrom(this.authService.loginByPermit(permit, this.idCas()));
-			this.handleSuccessLogin();
-		} catch (error) {
-			this.handleError(error);
-		} finally {
-			this.finishLoading();
-		}
-	}
-	startLoading() {
-		this.pending.set(true);
-	}
-	finishLoading() {
-		this.pending.set(false);
-	}
-	handleError(error) {
-		const errorMsg = "Ошибка при авторизации: " + (error.error || error.error?.message || error.message);
-		this.notificationService?.error(errorMsg, 0);
-	}
-	handleSuccessLogin() {
-		this.notificationService?.success("Успешная авторизация");
-		if (!this.router) return;
-		const returnUrl = this.router.parseUrl(this.router.url).queryParamMap.get("returnUrl");
-		if (returnUrl) this.router.navigateByUrl(decodeURIComponent(returnUrl));
-		else this.router.navigate(["/"]);
-	}
-	static ɵfac = i0.ɵɵngDeclareFactory({
-		minVersion: "12.0.0",
-		version: "22.2.2",
-		ngImport: i0,
-		type: LoginPageComponent,
-		deps: [],
-		target: i0.ɵɵFactoryTarget.Component
-	});
-	static ɵcmp = i0.ɵɵngDeclareComponent({
-		minVersion: "17.0.0",
-		version: "22.2.2",
-		type: LoginPageComponent,
-		isStandalone: true,
-		selector: "ngx-uik-login-page",
-		inputs: { idCas: {
-			classPropertyName: "idCas",
-			publicName: "idCas",
-			isSignal: true,
-			isRequired: false,
-			transformFunction: null
-		} },
-		ngImport: i0,
-		template: "@if (isKiosk()) {\r\n  <ngx-uik-permit-form (submitted)=\"onSubmitPermit($event)\" />\r\n} @else {\r\n  <ngx-uik-login-form (submitted)=\"onSubmit($event)\" [pending]=\"pending()\" />\r\n}\r\n",
-		styles: [""],
-		dependencies: [{
-			kind: "component",
-			type: LoginFormComponent,
-			selector: "ngx-uik-login-form",
-			inputs: ["pending"],
-			outputs: ["submitted"]
-		}, {
-			kind: "component",
-			type: PermitFormComponent,
-			selector: "ngx-uik-permit-form",
-			outputs: ["submitted"]
-		}]
-	});
-};
-i0.ɵɵngDeclareClassMetadata({
-	minVersion: "12.0.0",
-	version: "22.2.2",
-	ngImport: i0,
-	type: LoginPageComponent,
-	decorators: [{
-		type: Component,
-		args: [{
-			selector: "ngx-uik-login-page",
-			imports: [LoginFormComponent, PermitFormComponent],
-			template: "@if (isKiosk()) {\r\n  <ngx-uik-permit-form (submitted)=\"onSubmitPermit($event)\" />\r\n} @else {\r\n  <ngx-uik-login-form (submitted)=\"onSubmit($event)\" [pending]=\"pending()\" />\r\n}\r\n"
-		}]
-	}],
-	ctorParameters: () => [],
-	propDecorators: { idCas: [{
-		type: i0.Input,
-		args: [{
-			isSignal: true,
-			alias: "idCas",
-			required: false
-		}]
-	}] }
-});
-var BaseToolbarComponent = class BaseToolbarComponent {
-	rolesNewBtn = input([], ...ngDevMode ? [{ debugName: "rolesNewBtn" }] : /* istanbul ignore next */ []);
-	rolesEditBtn = input([], ...ngDevMode ? [{ debugName: "rolesEditBtn" }] : /* istanbul ignore next */ []);
-	rolesRemoveBtn = input([], ...ngDevMode ? [{ debugName: "rolesRemoveBtn" }] : /* istanbul ignore next */ []);
-	rolesCopyBtn = input([], ...ngDevMode ? [{ debugName: "rolesCopyBtn" }] : /* istanbul ignore next */ []);
-	rolesExcelBtn = input([], ...ngDevMode ? [{ debugName: "rolesExcelBtn" }] : /* istanbul ignore next */ []);
-	rolesCsvBtn = input([], ...ngDevMode ? [{ debugName: "rolesCsvBtn" }] : /* istanbul ignore next */ []);
-	rolesPdfBtn = input([], ...ngDevMode ? [{ debugName: "rolesPdfBtn" }] : /* istanbul ignore next */ []);
-	rolesPrintBtn = input([], ...ngDevMode ? [{ debugName: "rolesPrintBtn" }] : /* istanbul ignore next */ []);
-	rolesRefreshBtn = input([], ...ngDevMode ? [{ debugName: "rolesRefreshBtn" }] : /* istanbul ignore next */ []);
-	rolesClearBtn = input([], ...ngDevMode ? [{ debugName: "rolesClearBtn" }] : /* istanbul ignore next */ []);
-	newBtnDisabled = input(false, ...ngDevMode ? [{ debugName: "newBtnDisabled" }] : /* istanbul ignore next */ []);
-	editBtnDisabled = input(false, ...ngDevMode ? [{ debugName: "editBtnDisabled" }] : /* istanbul ignore next */ []);
-	removeBtnDisabled = input(false, ...ngDevMode ? [{ debugName: "removeBtnDisabled" }] : /* istanbul ignore next */ []);
-	copyBtnDisabled = input(false, ...ngDevMode ? [{ debugName: "copyBtnDisabled" }] : /* istanbul ignore next */ []);
-	excelBtnDisabled = input(false, ...ngDevMode ? [{ debugName: "excelBtnDisabled" }] : /* istanbul ignore next */ []);
-	csvBtnDisabled = input(false, ...ngDevMode ? [{ debugName: "csvBtnDisabled" }] : /* istanbul ignore next */ []);
-	pdfBtnDisabled = input(false, ...ngDevMode ? [{ debugName: "pdfBtnDisabled" }] : /* istanbul ignore next */ []);
-	printBtnDisabled = input(false, ...ngDevMode ? [{ debugName: "printBtnDisabled" }] : /* istanbul ignore next */ []);
-	refreshBtnDisabled = input(false, ...ngDevMode ? [{ debugName: "refreshBtnDisabled" }] : /* istanbul ignore next */ []);
-	clearBtnDisabled = input(false, ...ngDevMode ? [{ debugName: "clearBtnDisabled" }] : /* istanbul ignore next */ []);
-	newBtnTooltip = input("Добавить", ...ngDevMode ? [{ debugName: "newBtnTooltip" }] : /* istanbul ignore next */ []);
-	editBtnTooltip = input("Изменить", ...ngDevMode ? [{ debugName: "editBtnTooltip" }] : /* istanbul ignore next */ []);
-	removeBtnTooltip = input("Удалить", ...ngDevMode ? [{ debugName: "removeBtnTooltip" }] : /* istanbul ignore next */ []);
-	copyBtnTooltip = input("Скопировать", ...ngDevMode ? [{ debugName: "copyBtnTooltip" }] : /* istanbul ignore next */ []);
-	excelBtnTooltip = input("Экспортировать в Excel", ...ngDevMode ? [{ debugName: "excelBtnTooltip" }] : /* istanbul ignore next */ []);
-	csvBtnTooltip = input("Экспортировать в Csv", ...ngDevMode ? [{ debugName: "csvBtnTooltip" }] : /* istanbul ignore next */ []);
-	pdfBtnTooltip = input("Экспортировать в Pdf", ...ngDevMode ? [{ debugName: "pdfBtnTooltip" }] : /* istanbul ignore next */ []);
-	printBtnTooltip = input("Печатать", ...ngDevMode ? [{ debugName: "printBtnTooltip" }] : /* istanbul ignore next */ []);
-	refreshBtnTooltip = input("Обновить данные", ...ngDevMode ? [{ debugName: "refreshBtnTooltip" }] : /* istanbul ignore next */ []);
-	clearBtnTooltip = input("Очистить фильтр", ...ngDevMode ? [{ debugName: "clearBtnTooltip" }] : /* istanbul ignore next */ []);
-	newBtnOpt = input([], ...ngDevMode ? [{ debugName: "newBtnOpt" }] : /* istanbul ignore next */ []);
-	clickedNewBtn = output();
-	clickedEditBtn = output();
-	clickedRemoveBtn = output();
-	clickedCopyBtn = output();
-	clickedExcelBtn = output();
-	clickedCsvBtn = output();
-	clickedPdfBtn = output();
-	clickedPrintBtn = output();
-	clickedRefreshBtn = output();
-	clickedClearBtn = output();
-	roleService = inject(RoleService);
-	isNewBtnVisible = computed(() => this.checkVisibility(this.rolesNewBtn()), ...ngDevMode ? [{ debugName: "isNewBtnVisible" }] : /* istanbul ignore next */ []);
-	isEditBtnVisible = computed(() => this.checkVisibility(this.rolesEditBtn()), ...ngDevMode ? [{ debugName: "isEditBtnVisible" }] : /* istanbul ignore next */ []);
-	isRemoveBtnVisible = computed(() => this.checkVisibility(this.rolesRemoveBtn()), ...ngDevMode ? [{ debugName: "isRemoveBtnVisible" }] : /* istanbul ignore next */ []);
-	isCopyBtnVisible = computed(() => this.checkVisibility(this.rolesCopyBtn()), ...ngDevMode ? [{ debugName: "isCopyBtnVisible" }] : /* istanbul ignore next */ []);
-	isExcelBtnVisible = computed(() => this.checkVisibility(this.rolesExcelBtn()), ...ngDevMode ? [{ debugName: "isExcelBtnVisible" }] : /* istanbul ignore next */ []);
-	isCsvBtnVisible = computed(() => this.checkVisibility(this.rolesCsvBtn()), ...ngDevMode ? [{ debugName: "isCsvBtnVisible" }] : /* istanbul ignore next */ []);
-	isPdfBtnVisible = computed(() => this.checkVisibility(this.rolesPdfBtn()), ...ngDevMode ? [{ debugName: "isPdfBtnVisible" }] : /* istanbul ignore next */ []);
-	isPrintBtnVisible = computed(() => this.checkVisibility(this.rolesPrintBtn()), ...ngDevMode ? [{ debugName: "isPrintBtnVisible" }] : /* istanbul ignore next */ []);
-	isRefreshBtnVisible = computed(() => this.checkVisibility(this.rolesRefreshBtn()), ...ngDevMode ? [{ debugName: "isRefreshBtnVisible" }] : /* istanbul ignore next */ []);
-	isClearBtnVisible = computed(() => this.checkVisibility(this.rolesClearBtn()), ...ngDevMode ? [{ debugName: "isClearBtnVisible" }] : /* istanbul ignore next */ []);
-	checkVisibility(forbiddenRoles) {
-		return !this.roleService.hasForbiddenRole(forbiddenRoles);
-	}
-	onNewClick() {
-		this.clickedNewBtn.emit();
-	}
-	onEditClick() {
-		this.clickedEditBtn.emit();
-	}
-	onRemoveClick() {
-		this.clickedRemoveBtn.emit();
-	}
-	onCopyClick() {
-		this.clickedCopyBtn.emit();
-	}
-	onExcelClick() {
-		this.clickedExcelBtn.emit();
-	}
-	onCsvClick() {
-		this.clickedCsvBtn.emit();
-	}
-	onPdfClick() {
-		this.clickedPdfBtn.emit();
-	}
-	onPrintClick() {
-		this.clickedPrintBtn.emit();
-	}
-	onRefreshGridClick() {
-		this.clickedRefreshBtn.emit();
-	}
-	onClearClick() {
-		this.clickedClearBtn.emit();
-	}
-	static ɵfac = i0.ɵɵngDeclareFactory({
-		minVersion: "12.0.0",
-		version: "22.2.2",
-		ngImport: i0,
-		type: BaseToolbarComponent,
-		deps: [],
-		target: i0.ɵɵFactoryTarget.Component
-	});
-	static ɵcmp = i0.ɵɵngDeclareComponent({
-		minVersion: "17.0.0",
-		version: "22.2.2",
-		type: BaseToolbarComponent,
-		isStandalone: true,
-		selector: "ngx-uik-base-toolbar",
-		inputs: {
-			rolesNewBtn: {
-				classPropertyName: "rolesNewBtn",
-				publicName: "rolesNewBtn",
-				isSignal: true,
-				isRequired: false,
-				transformFunction: null
-			},
-			rolesEditBtn: {
-				classPropertyName: "rolesEditBtn",
-				publicName: "rolesEditBtn",
-				isSignal: true,
-				isRequired: false,
-				transformFunction: null
-			},
-			rolesRemoveBtn: {
-				classPropertyName: "rolesRemoveBtn",
-				publicName: "rolesRemoveBtn",
-				isSignal: true,
-				isRequired: false,
-				transformFunction: null
-			},
-			rolesCopyBtn: {
-				classPropertyName: "rolesCopyBtn",
-				publicName: "rolesCopyBtn",
-				isSignal: true,
-				isRequired: false,
-				transformFunction: null
-			},
-			rolesExcelBtn: {
-				classPropertyName: "rolesExcelBtn",
-				publicName: "rolesExcelBtn",
-				isSignal: true,
-				isRequired: false,
-				transformFunction: null
-			},
-			rolesCsvBtn: {
-				classPropertyName: "rolesCsvBtn",
-				publicName: "rolesCsvBtn",
-				isSignal: true,
-				isRequired: false,
-				transformFunction: null
-			},
-			rolesPdfBtn: {
-				classPropertyName: "rolesPdfBtn",
-				publicName: "rolesPdfBtn",
-				isSignal: true,
-				isRequired: false,
-				transformFunction: null
-			},
-			rolesPrintBtn: {
-				classPropertyName: "rolesPrintBtn",
-				publicName: "rolesPrintBtn",
-				isSignal: true,
-				isRequired: false,
-				transformFunction: null
-			},
-			rolesRefreshBtn: {
-				classPropertyName: "rolesRefreshBtn",
-				publicName: "rolesRefreshBtn",
-				isSignal: true,
-				isRequired: false,
-				transformFunction: null
-			},
-			rolesClearBtn: {
-				classPropertyName: "rolesClearBtn",
-				publicName: "rolesClearBtn",
-				isSignal: true,
-				isRequired: false,
-				transformFunction: null
-			},
-			newBtnDisabled: {
-				classPropertyName: "newBtnDisabled",
-				publicName: "newBtnDisabled",
-				isSignal: true,
-				isRequired: false,
-				transformFunction: null
-			},
-			editBtnDisabled: {
-				classPropertyName: "editBtnDisabled",
-				publicName: "editBtnDisabled",
-				isSignal: true,
-				isRequired: false,
-				transformFunction: null
-			},
-			removeBtnDisabled: {
-				classPropertyName: "removeBtnDisabled",
-				publicName: "removeBtnDisabled",
-				isSignal: true,
-				isRequired: false,
-				transformFunction: null
-			},
-			copyBtnDisabled: {
-				classPropertyName: "copyBtnDisabled",
-				publicName: "copyBtnDisabled",
-				isSignal: true,
-				isRequired: false,
-				transformFunction: null
-			},
-			excelBtnDisabled: {
-				classPropertyName: "excelBtnDisabled",
-				publicName: "excelBtnDisabled",
-				isSignal: true,
-				isRequired: false,
-				transformFunction: null
-			},
-			csvBtnDisabled: {
-				classPropertyName: "csvBtnDisabled",
-				publicName: "csvBtnDisabled",
-				isSignal: true,
-				isRequired: false,
-				transformFunction: null
-			},
-			pdfBtnDisabled: {
-				classPropertyName: "pdfBtnDisabled",
-				publicName: "pdfBtnDisabled",
-				isSignal: true,
-				isRequired: false,
-				transformFunction: null
-			},
-			printBtnDisabled: {
-				classPropertyName: "printBtnDisabled",
-				publicName: "printBtnDisabled",
-				isSignal: true,
-				isRequired: false,
-				transformFunction: null
-			},
-			refreshBtnDisabled: {
-				classPropertyName: "refreshBtnDisabled",
-				publicName: "refreshBtnDisabled",
-				isSignal: true,
-				isRequired: false,
-				transformFunction: null
-			},
-			clearBtnDisabled: {
-				classPropertyName: "clearBtnDisabled",
-				publicName: "clearBtnDisabled",
-				isSignal: true,
-				isRequired: false,
-				transformFunction: null
-			},
-			newBtnTooltip: {
-				classPropertyName: "newBtnTooltip",
-				publicName: "newBtnTooltip",
-				isSignal: true,
-				isRequired: false,
-				transformFunction: null
-			},
-			editBtnTooltip: {
-				classPropertyName: "editBtnTooltip",
-				publicName: "editBtnTooltip",
-				isSignal: true,
-				isRequired: false,
-				transformFunction: null
-			},
-			removeBtnTooltip: {
-				classPropertyName: "removeBtnTooltip",
-				publicName: "removeBtnTooltip",
-				isSignal: true,
-				isRequired: false,
-				transformFunction: null
-			},
-			copyBtnTooltip: {
-				classPropertyName: "copyBtnTooltip",
-				publicName: "copyBtnTooltip",
-				isSignal: true,
-				isRequired: false,
-				transformFunction: null
-			},
-			excelBtnTooltip: {
-				classPropertyName: "excelBtnTooltip",
-				publicName: "excelBtnTooltip",
-				isSignal: true,
-				isRequired: false,
-				transformFunction: null
-			},
-			csvBtnTooltip: {
-				classPropertyName: "csvBtnTooltip",
-				publicName: "csvBtnTooltip",
-				isSignal: true,
-				isRequired: false,
-				transformFunction: null
-			},
-			pdfBtnTooltip: {
-				classPropertyName: "pdfBtnTooltip",
-				publicName: "pdfBtnTooltip",
-				isSignal: true,
-				isRequired: false,
-				transformFunction: null
-			},
-			printBtnTooltip: {
-				classPropertyName: "printBtnTooltip",
-				publicName: "printBtnTooltip",
-				isSignal: true,
-				isRequired: false,
-				transformFunction: null
-			},
-			refreshBtnTooltip: {
-				classPropertyName: "refreshBtnTooltip",
-				publicName: "refreshBtnTooltip",
-				isSignal: true,
-				isRequired: false,
-				transformFunction: null
-			},
-			clearBtnTooltip: {
-				classPropertyName: "clearBtnTooltip",
-				publicName: "clearBtnTooltip",
-				isSignal: true,
-				isRequired: false,
-				transformFunction: null
-			},
-			newBtnOpt: {
-				classPropertyName: "newBtnOpt",
-				publicName: "newBtnOpt",
-				isSignal: true,
-				isRequired: false,
-				transformFunction: null
-			}
-		},
-		outputs: {
-			clickedNewBtn: "clickedNewBtn",
-			clickedEditBtn: "clickedEditBtn",
-			clickedRemoveBtn: "clickedRemoveBtn",
-			clickedCopyBtn: "clickedCopyBtn",
-			clickedExcelBtn: "clickedExcelBtn",
-			clickedCsvBtn: "clickedCsvBtn",
-			clickedPdfBtn: "clickedPdfBtn",
-			clickedPrintBtn: "clickedPrintBtn",
-			clickedRefreshBtn: "clickedRefreshBtn",
-			clickedClearBtn: "clickedClearBtn"
-		},
-		ngImport: i0,
-		template: "<mat-toolbar>\r\n  @if (isNewBtnVisible()) {\r\n    @if (newBtnOpt() && newBtnOpt().length > 0) {\r\n      <button [disabled]=\"newBtnDisabled()\" [matMenuTriggerFor]=\"menuNewBtn\"\r\n      mat-icon-button [matTooltip]=\"newBtnTooltip()\">\r\n      <mat-icon>add</mat-icon>\r\n      </button>\r\n      <mat-menu #menuNewBtn=\"matMenu\">\r\n        @for (menuItem of newBtnOpt(); track menuItem) {\r\n          @if (menuItem.title === '-' && !(menuItem.hideFn ? menuItem.hideFn(\"\") : menuItem.hide)) {\r\n            <mat-divider></mat-divider>\r\n          }\r\n          @if (menuItem.title !== '-' && !(menuItem.hideFn ? menuItem.hideFn(\"\") : menuItem.hide)) {\r\n            <button mat-menu-item\r\n              (click)=\"menuItem.onClickFn ? menuItem.onClickFn('') : ''\"\r\n              [disabled]=\"menuItem.disabledFn ? menuItem.disabledFn('') : menuItem.disabled\">\r\n              @if (menuItem.icon) {\r\n                <mat-icon>{{menuItem.icon}}</mat-icon>\r\n              }\r\n              {{ menuItem.title }}\r\n            </button>\r\n          }\r\n        }\r\n      </mat-menu>\r\n    } \r\n    @else {\r\n      <button [disabled]=\"newBtnDisabled()\" (click)=\"onNewClick()\"\r\n              mat-icon-button routerLink=\"new\" routerLinkActive=\"active\" [matTooltip]=\"newBtnTooltip()\">\r\n        <mat-icon>add</mat-icon>\r\n      </button>\r\n    }\r\n  }\r\n\r\n  @if (isEditBtnVisible()) {\r\n    <button [disabled]=\"editBtnDisabled()\" (click)=\"onEditClick()\"\r\n            mat-icon-button routerLink=\"edit\" color=\"primary\" routerLinkActive=\"active\" [matTooltip]=\"editBtnTooltip()\">\r\n      <mat-icon>edit</mat-icon>\r\n    </button>\r\n  }\r\n  @if (isRemoveBtnVisible()) {\r\n    <button [disabled]=\"removeBtnDisabled()\" (click)=\"onRemoveClick()\"\r\n            mat-icon-button routerLink=\"delete\" color=\"warn\" routerLinkActive=\"active\" [matTooltip]=\"removeBtnTooltip()\">\r\n      <mat-icon>remove</mat-icon>\r\n    </button>\r\n  }\r\n  @if (isCopyBtnVisible()) {\r\n    <button [disabled]=\"copyBtnDisabled()\" (click)=\"onCopyClick()\"\r\n            mat-icon-button routerLink=\"delete\" routerLinkActive=\"active\" [matTooltip]=\"copyBtnTooltip()\">\r\n      <mat-icon>content_copy</mat-icon>\r\n    </button>\r\n  }\r\n  @if (isExcelBtnVisible()) {\r\n    <button [disabled]=\"excelBtnDisabled()\" (click)=\"onExcelClick()\"\r\n            mat-icon-button routerLink=\"excel\" routerLinkActive=\"active\" [matTooltip]=\"excelBtnTooltip()\">\r\n      <mat-icon class=\"material-icons-outlined\">explicit</mat-icon>\r\n    </button>\r\n  }\r\n  @if (isCsvBtnVisible()) {\r\n    <button [disabled]=\"csvBtnDisabled()\" (click)=\"onCsvClick()\"\r\n            mat-icon-button routerLink=\"csv\" routerLinkActive=\"active\" [matTooltip]=\"csvBtnTooltip()\">\r\n      <mat-icon class=\"material-icons-outlined\">download</mat-icon>\r\n    </button>\r\n  }\r\n  @if (isPdfBtnVisible()) {\r\n    <button [disabled]=\"pdfBtnDisabled()\" (click)=\"onPdfClick()\"\r\n            mat-icon-button routerLink=\"pdf\" routerLinkActive=\"active\" [matTooltip]=\"pdfBtnTooltip()\">\r\n      <mat-icon class=\"material-icons-outlined\">picture_as_pdf</mat-icon>\r\n    </button>\r\n  }\r\n  @if (isPrintBtnVisible()) {\r\n    <button [disabled]=\"printBtnDisabled()\" (click)=\"onPrintClick()\"\r\n            mat-icon-button routerLink=\"print\" routerLinkActive=\"active\" [matTooltip]=\"printBtnTooltip()\">\r\n      <mat-icon class=\"material-icons-outlined\">print_outline</mat-icon>\r\n    </button>\r\n  }\r\n  @if (isRefreshBtnVisible()) {\r\n    <button  [disabled]=\"refreshBtnDisabled()\" (click)=\"onRefreshGridClick()\"\r\n            mat-icon-button routerLink=\"refresh\" routerLinkActive=\"active\" [matTooltip]=\"refreshBtnTooltip()\">\r\n      <mat-icon>refresh</mat-icon>\r\n    </button>\r\n  }\r\n  @if (isClearBtnVisible()) {\r\n    <button [disabled]=\"clearBtnDisabled()\" (click)=\"onClearClick()\"\r\n            mat-icon-button routerLink=\"clear\" routerLinkActive=\"active\" [matTooltip]=\"clearBtnTooltip()\">\r\n      <mat-icon>clear</mat-icon>\r\n    </button>\r\n  }\r\n</mat-toolbar>\r\n",
-		styles: [""],
-		dependencies: [
-			{
-				kind: "component",
-				type: MatToolbar,
-				selector: "mat-toolbar",
-				inputs: ["color"],
-				exportAs: ["matToolbar"]
-			},
-			{
-				kind: "component",
-				type: MatIconButton,
-				selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]",
-				exportAs: ["matButton", "matAnchor"]
-			},
-			{
-				kind: "directive",
-				type: MatTooltip,
-				selector: "[matTooltip]",
-				inputs: [
-					"matTooltipPosition",
-					"matTooltipPositionAtOrigin",
-					"matTooltipDisabled",
-					"matTooltipShowDelay",
-					"matTooltipHideDelay",
-					"matTooltipTouchGestures",
-					"matTooltip",
-					"matTooltipClass"
-				],
-				exportAs: ["matTooltip"]
-			},
-			{
-				kind: "component",
-				type: MatIcon,
-				selector: "mat-icon",
-				inputs: [
-					"color",
-					"inline",
-					"svgIcon",
-					"fontSet",
-					"fontIcon"
-				],
-				exportAs: ["matIcon"]
-			},
-			{
-				kind: "component",
-				type: MatMenu,
-				selector: "mat-menu",
-				inputs: [
-					"backdropClass",
-					"aria-label",
-					"aria-labelledby",
-					"aria-describedby",
-					"xPosition",
-					"yPosition",
-					"overlapTrigger",
-					"hasBackdrop",
-					"class",
-					"classList"
-				],
-				outputs: ["closed", "close"],
-				exportAs: ["matMenu"]
-			},
-			{
-				kind: "component",
-				type: MatDivider,
-				selector: "mat-divider",
-				inputs: ["vertical", "inset"]
-			},
-			{
-				kind: "directive",
-				type: MatMenuTrigger,
-				selector: "[mat-menu-trigger-for], [matMenuTriggerFor]",
-				inputs: [
-					"mat-menu-trigger-for",
-					"matMenuTriggerFor",
-					"matMenuTriggerData",
-					"matMenuTriggerRestoreFocus"
-				],
-				outputs: [
-					"menuOpened",
-					"onMenuOpen",
-					"menuClosed",
-					"onMenuClose"
-				],
-				exportAs: ["matMenuTrigger"]
-			},
-			{
-				kind: "component",
-				type: MatMenuItem,
-				selector: "[mat-menu-item]",
-				inputs: [
-					"role",
-					"disabled",
-					"disabledInteractive",
-					"disableRipple"
-				],
-				exportAs: ["matMenuItem"]
-			}
-		],
-		changeDetection: i0.ChangeDetectionStrategy.Eager
-	});
-};
-i0.ɵɵngDeclareClassMetadata({
-	minVersion: "12.0.0",
-	version: "22.2.2",
-	ngImport: i0,
-	type: BaseToolbarComponent,
-	decorators: [{
-		type: Component,
-		args: [{
-			selector: "ngx-uik-base-toolbar",
-			changeDetection: ChangeDetectionStrategy.Eager,
-			imports: [
-				MatToolbar,
-				MatIconButton,
-				MatTooltip,
-				MatIcon,
-				MatMenu,
-				MatDivider,
-				MatMenuTrigger,
-				MatMenuItem
-			],
-			template: "<mat-toolbar>\r\n  @if (isNewBtnVisible()) {\r\n    @if (newBtnOpt() && newBtnOpt().length > 0) {\r\n      <button [disabled]=\"newBtnDisabled()\" [matMenuTriggerFor]=\"menuNewBtn\"\r\n      mat-icon-button [matTooltip]=\"newBtnTooltip()\">\r\n      <mat-icon>add</mat-icon>\r\n      </button>\r\n      <mat-menu #menuNewBtn=\"matMenu\">\r\n        @for (menuItem of newBtnOpt(); track menuItem) {\r\n          @if (menuItem.title === '-' && !(menuItem.hideFn ? menuItem.hideFn(\"\") : menuItem.hide)) {\r\n            <mat-divider></mat-divider>\r\n          }\r\n          @if (menuItem.title !== '-' && !(menuItem.hideFn ? menuItem.hideFn(\"\") : menuItem.hide)) {\r\n            <button mat-menu-item\r\n              (click)=\"menuItem.onClickFn ? menuItem.onClickFn('') : ''\"\r\n              [disabled]=\"menuItem.disabledFn ? menuItem.disabledFn('') : menuItem.disabled\">\r\n              @if (menuItem.icon) {\r\n                <mat-icon>{{menuItem.icon}}</mat-icon>\r\n              }\r\n              {{ menuItem.title }}\r\n            </button>\r\n          }\r\n        }\r\n      </mat-menu>\r\n    } \r\n    @else {\r\n      <button [disabled]=\"newBtnDisabled()\" (click)=\"onNewClick()\"\r\n              mat-icon-button routerLink=\"new\" routerLinkActive=\"active\" [matTooltip]=\"newBtnTooltip()\">\r\n        <mat-icon>add</mat-icon>\r\n      </button>\r\n    }\r\n  }\r\n\r\n  @if (isEditBtnVisible()) {\r\n    <button [disabled]=\"editBtnDisabled()\" (click)=\"onEditClick()\"\r\n            mat-icon-button routerLink=\"edit\" color=\"primary\" routerLinkActive=\"active\" [matTooltip]=\"editBtnTooltip()\">\r\n      <mat-icon>edit</mat-icon>\r\n    </button>\r\n  }\r\n  @if (isRemoveBtnVisible()) {\r\n    <button [disabled]=\"removeBtnDisabled()\" (click)=\"onRemoveClick()\"\r\n            mat-icon-button routerLink=\"delete\" color=\"warn\" routerLinkActive=\"active\" [matTooltip]=\"removeBtnTooltip()\">\r\n      <mat-icon>remove</mat-icon>\r\n    </button>\r\n  }\r\n  @if (isCopyBtnVisible()) {\r\n    <button [disabled]=\"copyBtnDisabled()\" (click)=\"onCopyClick()\"\r\n            mat-icon-button routerLink=\"delete\" routerLinkActive=\"active\" [matTooltip]=\"copyBtnTooltip()\">\r\n      <mat-icon>content_copy</mat-icon>\r\n    </button>\r\n  }\r\n  @if (isExcelBtnVisible()) {\r\n    <button [disabled]=\"excelBtnDisabled()\" (click)=\"onExcelClick()\"\r\n            mat-icon-button routerLink=\"excel\" routerLinkActive=\"active\" [matTooltip]=\"excelBtnTooltip()\">\r\n      <mat-icon class=\"material-icons-outlined\">explicit</mat-icon>\r\n    </button>\r\n  }\r\n  @if (isCsvBtnVisible()) {\r\n    <button [disabled]=\"csvBtnDisabled()\" (click)=\"onCsvClick()\"\r\n            mat-icon-button routerLink=\"csv\" routerLinkActive=\"active\" [matTooltip]=\"csvBtnTooltip()\">\r\n      <mat-icon class=\"material-icons-outlined\">download</mat-icon>\r\n    </button>\r\n  }\r\n  @if (isPdfBtnVisible()) {\r\n    <button [disabled]=\"pdfBtnDisabled()\" (click)=\"onPdfClick()\"\r\n            mat-icon-button routerLink=\"pdf\" routerLinkActive=\"active\" [matTooltip]=\"pdfBtnTooltip()\">\r\n      <mat-icon class=\"material-icons-outlined\">picture_as_pdf</mat-icon>\r\n    </button>\r\n  }\r\n  @if (isPrintBtnVisible()) {\r\n    <button [disabled]=\"printBtnDisabled()\" (click)=\"onPrintClick()\"\r\n            mat-icon-button routerLink=\"print\" routerLinkActive=\"active\" [matTooltip]=\"printBtnTooltip()\">\r\n      <mat-icon class=\"material-icons-outlined\">print_outline</mat-icon>\r\n    </button>\r\n  }\r\n  @if (isRefreshBtnVisible()) {\r\n    <button  [disabled]=\"refreshBtnDisabled()\" (click)=\"onRefreshGridClick()\"\r\n            mat-icon-button routerLink=\"refresh\" routerLinkActive=\"active\" [matTooltip]=\"refreshBtnTooltip()\">\r\n      <mat-icon>refresh</mat-icon>\r\n    </button>\r\n  }\r\n  @if (isClearBtnVisible()) {\r\n    <button [disabled]=\"clearBtnDisabled()\" (click)=\"onClearClick()\"\r\n            mat-icon-button routerLink=\"clear\" routerLinkActive=\"active\" [matTooltip]=\"clearBtnTooltip()\">\r\n      <mat-icon>clear</mat-icon>\r\n    </button>\r\n  }\r\n</mat-toolbar>\r\n"
-		}]
-	}],
-	propDecorators: {
-		rolesNewBtn: [{
-			type: i0.Input,
-			args: [{
-				isSignal: true,
-				alias: "rolesNewBtn",
-				required: false
-			}]
-		}],
-		rolesEditBtn: [{
-			type: i0.Input,
-			args: [{
-				isSignal: true,
-				alias: "rolesEditBtn",
-				required: false
-			}]
-		}],
-		rolesRemoveBtn: [{
-			type: i0.Input,
-			args: [{
-				isSignal: true,
-				alias: "rolesRemoveBtn",
-				required: false
-			}]
+		rolesRemoveBtn: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "rolesRemoveBtn",
+				required: false
+			}]
 		}],
 		rolesCopyBtn: [{
 			type: i0.Input,
@@ -1437,50 +1022,68 @@ i0.ɵɵngDeclareClassMetadata({
 	decorators: [{ type: Service }]
 });
 var SseService = class SseService {
-	zone = inject(NgZone);
-	eventSource = null;
-	isConnected = false;
-	constructor() {}
+	destroyRef = inject(DestroyRef);
+	activeEventSource = null;
+	stop$ = new Subject();
+	constructor() {
+		this.destroyRef.onDestroy(() => this.closeSseEventSource());
+	}
 	createSseEventSource(baseUrl, user, topic) {
-		const subject = new ReplaySubject(1);
-		this.closeSseEventSource();
-		const topicUri = topic.getTopic(baseUrl, user);
-		this.eventSource = new EventSource(topicUri);
-		if (this.eventSource) {
-			this.isConnected = true;
-			this.eventSource.onmessage = (event) => {
-				console.log(event);
-				const messageData = JSON.parse(event.data);
-				this.zone.run(() => {
-					subject.next(messageData);
-				});
+		return new Observable((subscriber) => {
+			let eventSource = null;
+			let reconnectTimeoutId = null;
+			let isClosed = false;
+			const stopSubscription = this.stop$.subscribe(() => {
+				cleanUp();
+				subscriber.complete();
+			});
+			const connect = () => {
+				if (isClosed) return;
+				const topicUri = topic.getTopic(baseUrl, user);
+				eventSource = new EventSource(topicUri);
+				this.activeEventSource = eventSource;
+				eventSource.onmessage = (event) => {
+					try {
+						const messageData = JSON.parse(event.data);
+						subscriber.next(messageData);
+					} catch (err) {
+						console.error("Ошибка парсинга SSE данных:", err);
+					}
+				};
+				eventSource.onopen = () => {
+					console.log("SSE connection opened.");
+				};
+				eventSource.onerror = (error) => {
+					console.error("SSE error:", error);
+					if (eventSource) eventSource.close();
+					if (!isClosed) {
+						console.log("Reconnecting to SSE in 1 second...");
+						reconnectTimeoutId = setTimeout(() => connect(), 1e3);
+					}
+				};
 			};
-			this.eventSource.onopen = () => {
-				console.log("SSE connection opened.");
+			const cleanUp = () => {
+				isClosed = true;
+				if (reconnectTimeoutId) clearTimeout(reconnectTimeoutId);
+				if (eventSource) {
+					eventSource.close();
+					if (this.activeEventSource === eventSource) this.activeEventSource = null;
+					console.log("SSE Connection closed");
+				}
 			};
-			this.eventSource.onerror = (error) => {
-				console.error("SSE error:", error);
-				this.reconnectOnError(baseUrl, user, topic, subject);
+			connect();
+			return () => {
+				stopSubscription.unsubscribe();
+				cleanUp();
 			};
-		}
-		return subject.asObservable();
-	}
-	reconnectOnError(baseUrl, user, topic, subject) {
-		this.closeSseEventSource();
-		if (this.isConnected) return;
-		console.log("Reconnecting to SSE in 1 second...");
-		setTimeout(() => {
-			this.zone.run(() => {
-				this.createSseEventSource(baseUrl, user, topic).subscribe(subject);
-			});
-		}, 1e3);
+		});
 	}
 	closeSseEventSource() {
-		if (this.eventSource) {
-			this.eventSource.close();
-			this.eventSource = null;
-			this.isConnected = false;
-			console.log("SSE Connection closed");
+		this.stop$.next();
+		if (this.activeEventSource) {
+			this.activeEventSource.close();
+			this.activeEventSource = null;
+			console.log("SSE Connection force closed");
 		}
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
@@ -1489,13 +1092,14 @@ var SseService = class SseService {
 		ngImport: i0,
 		type: SseService,
 		deps: [],
-		target: i0.ɵɵFactoryTarget.Service
+		target: i0.ɵɵFactoryTarget.Injectable
 	});
-	static ɵprov = i0.ɵɵngDeclareService({
-		minVersion: "22.0.0",
+	static ɵprov = i0.ɵɵngDeclareInjectable({
+		minVersion: "12.0.0",
 		version: "22.2.2",
 		ngImport: i0,
-		type: SseService
+		type: SseService,
+		providedIn: "root"
 	});
 };
 i0.ɵɵngDeclareClassMetadata({
@@ -1503,7 +1107,10 @@ i0.ɵɵngDeclareClassMetadata({
 	version: "22.2.2",
 	ngImport: i0,
 	type: SseService,
-	decorators: [{ type: Service }],
+	decorators: [{
+		type: Injectable,
+		args: [{ providedIn: "root" }]
+	}],
 	ctorParameters: () => []
 });
 var BaseFilterClass = class BaseFilterClass {
@@ -2032,6 +1639,7 @@ var BaseSignalEditClass = class BaseSignalEditClass {
 	formAction = computed(() => this.dialogData().action, ...ngDevMode ? [{ debugName: "formAction" }] : /* istanbul ignore next */ []);
 	formActionIsAdd = computed(() => this.dialogData().action === Action.Add, ...ngDevMode ? [{ debugName: "formActionIsAdd" }] : /* istanbul ignore next */ []);
 	formActionIsEdit = computed(() => this.dialogData().action === Action.Edit, ...ngDevMode ? [{ debugName: "formActionIsEdit" }] : /* istanbul ignore next */ []);
+	domainSchema;
 	domainModel = computed(() => this.dialogData().entity, ...ngDevMode ? [{ debugName: "domainModel" }] : /* istanbul ignore next */ []);
 	formModel = linkedSignal({
 		...ngDevMode ? { debugName: "formModel" } : /* istanbul ignore next */ {},
@@ -2046,6 +1654,7 @@ var BaseSignalEditClass = class BaseSignalEditClass {
 		return { ...domainModel };
 	}
 	formModelToDomainModel(formModel, originalDomain) {
+		if (this.domainSchema) return this.domainSchema.parse(formModel);
 		return {
 			...originalDomain,
 			...formModel
@@ -2731,61 +2340,173 @@ var BaseSignalServiceClass = class BaseSignalServiceClass {
 		minVersion: "12.0.0",
 		version: "22.2.2",
 		ngImport: i0,
-		type: BaseSignalServiceClass,
+		type: BaseSignalServiceClass,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Injectable
+	});
+	static ɵprov = i0.ɵɵngDeclareInjectable({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: BaseSignalServiceClass,
+		providedIn: "root"
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: BaseSignalServiceClass,
+	decorators: [{
+		type: Injectable,
+		args: [{ providedIn: "root" }]
+	}]
+});
+var DisableIfRoleDirective = class DisableIfRoleDirective {
+	forbiddenRoles = input([], {
+		...ngDevMode ? { debugName: "forbiddenRoles" } : /* istanbul ignore next */ {},
+		alias: "ngxUikDisableIfRole"
+	});
+	el = inject(ElementRef);
+	roleService = inject(RoleService);
+	constructor() {
+		effect(() => {
+			const shouldDisable = this.roleService.hasForbiddenRole(this.forbiddenRoles());
+			const nativeEl = this.el.nativeElement;
+			if ("disabled" in nativeEl) nativeEl.disabled = shouldDisable;
+			else if (shouldDisable) nativeEl.setAttribute("disabled", "true");
+			else nativeEl.removeAttribute("disabled");
+		});
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: DisableIfRoleDirective,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "17.1.0",
+		version: "22.2.2",
+		type: DisableIfRoleDirective,
+		isStandalone: true,
+		selector: "[ngxUikDisableIfRole]",
+		inputs: { forbiddenRoles: {
+			classPropertyName: "forbiddenRoles",
+			publicName: "ngxUikDisableIfRole",
+			isSignal: true,
+			isRequired: false,
+			transformFunction: null
+		} },
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: DisableIfRoleDirective,
+	decorators: [{
+		type: Directive,
+		args: [{ selector: "[ngxUikDisableIfRole]" }]
+	}],
+	ctorParameters: () => [],
+	propDecorators: { forbiddenRoles: [{
+		type: i0.Input,
+		args: [{
+			isSignal: true,
+			alias: "ngxUikDisableIfRole",
+			required: false
+		}]
+	}] }
+});
+var HideIfForbiddenRoleDirective = class HideIfForbiddenRoleDirective {
+	forbiddenRoles = input([], {
+		...ngDevMode ? { debugName: "forbiddenRoles" } : /* istanbul ignore next */ {},
+		alias: "ngxUikHideIfForbiddenRole"
+	});
+	el = inject(ElementRef);
+	roleService = inject(RoleService);
+	constructor() {
+		effect(() => {
+			const shouldHide = this.roleService.hasForbiddenRole(this.forbiddenRoles());
+			this.el.nativeElement.style.display = shouldHide ? "none" : "";
+		});
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: HideIfForbiddenRoleDirective,
 		deps: [],
-		target: i0.ɵɵFactoryTarget.Injectable
+		target: i0.ɵɵFactoryTarget.Directive
 	});
-	static ɵprov = i0.ɵɵngDeclareInjectable({
-		minVersion: "12.0.0",
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "17.1.0",
 		version: "22.2.2",
-		ngImport: i0,
-		type: BaseSignalServiceClass,
-		providedIn: "root"
+		type: HideIfForbiddenRoleDirective,
+		isStandalone: true,
+		selector: "[ngxUikHideIfForbiddenRole]",
+		inputs: { forbiddenRoles: {
+			classPropertyName: "forbiddenRoles",
+			publicName: "ngxUikHideIfForbiddenRole",
+			isSignal: true,
+			isRequired: false,
+			transformFunction: null
+		} },
+		ngImport: i0
 	});
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
 	version: "22.2.2",
 	ngImport: i0,
-	type: BaseSignalServiceClass,
+	type: HideIfForbiddenRoleDirective,
 	decorators: [{
-		type: Injectable,
-		args: [{ providedIn: "root" }]
-	}]
+		type: Directive,
+		args: [{ selector: "[ngxUikHideIfForbiddenRole]" }]
+	}],
+	ctorParameters: () => [],
+	propDecorators: { forbiddenRoles: [{
+		type: i0.Input,
+		args: [{
+			isSignal: true,
+			alias: "ngxUikHideIfForbiddenRole",
+			required: false
+		}]
+	}] }
 });
-var DisableIfRoleDirective = class DisableIfRoleDirective {
-	forbiddenRoles = input([], {
-		...ngDevMode ? { debugName: "forbiddenRoles" } : /* istanbul ignore next */ {},
-		alias: "ngxUikDisableIfRole"
+var SetValueDirective = class SetValueDirective {
+	value = input(null, {
+		...ngDevMode ? { debugName: "value" } : /* istanbul ignore next */ {},
+		alias: "setValue"
 	});
-	el = inject(ElementRef);
-	roleService = inject(RoleService);
+	ngControl = inject(NgControl, { optional: true });
 	constructor() {
 		effect(() => {
-			const shouldDisable = this.roleService.hasForbiddenRole(this.forbiddenRoles());
-			const nativeEl = this.el.nativeElement;
-			if ("disabled" in nativeEl) nativeEl.disabled = shouldDisable;
-			else if (shouldDisable) nativeEl.setAttribute("disabled", "true");
-			else nativeEl.removeAttribute("disabled");
+			const val = this.value();
+			const normalizedValue = val === void 0 ? null : val;
+			if (this.ngControl && this.ngControl.control) this.ngControl.control.setValue(normalizedValue, { emitEvent: false });
 		});
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
 		version: "22.2.2",
 		ngImport: i0,
-		type: DisableIfRoleDirective,
+		type: SetValueDirective,
 		deps: [],
 		target: i0.ɵɵFactoryTarget.Directive
 	});
 	static ɵdir = i0.ɵɵngDeclareDirective({
 		minVersion: "17.1.0",
 		version: "22.2.2",
-		type: DisableIfRoleDirective,
+		type: SetValueDirective,
 		isStandalone: true,
-		selector: "[ngxUikDisableIfRole]",
-		inputs: { forbiddenRoles: {
-			classPropertyName: "forbiddenRoles",
-			publicName: "ngxUikDisableIfRole",
+		selector: "[setValue]",
+		inputs: { value: {
+			classPropertyName: "value",
+			publicName: "setValue",
 			isSignal: true,
 			isRequired: false,
 			transformFunction: null
@@ -2797,556 +2518,776 @@ i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
 	version: "22.2.2",
 	ngImport: i0,
-	type: DisableIfRoleDirective,
+	type: SetValueDirective,
 	decorators: [{
 		type: Directive,
-		args: [{ selector: "[ngxUikDisableIfRole]" }]
+		args: [{ selector: "[setValue]" }]
 	}],
 	ctorParameters: () => [],
-	propDecorators: { forbiddenRoles: [{
+	propDecorators: { value: [{
 		type: i0.Input,
 		args: [{
 			isSignal: true,
-			alias: "ngxUikDisableIfRole",
+			alias: "setValue",
 			required: false
 		}]
 	}] }
 });
-var HideIfForbiddenRoleDirective = class HideIfForbiddenRoleDirective {
-	forbiddenRoles = input([], {
-		...ngDevMode ? { debugName: "forbiddenRoles" } : /* istanbul ignore next */ {},
-		alias: "ngxUikHideIfForbiddenRole"
-	});
-	el = inject(ElementRef);
-	roleService = inject(RoleService);
-	constructor() {
-		effect(() => {
-			const shouldHide = this.roleService.hasForbiddenRole(this.forbiddenRoles());
-			this.el.nativeElement.style.display = shouldHide ? "none" : "";
-		});
+const authGuard = (allowedRoles) => {
+	return (route, state) => {
+		const authService = inject(AuthService);
+		const router = inject(Router);
+		const isLogin = authService.loggedIn();
+		if (!isLogin) {
+			console.log("state.url =", state.url);
+			return router.createUrlTree(["/login"], { queryParams: { returnUrl: state.url } });
+		}
+		return isLogin;
+	};
+};
+const redirectGuard = (route) => {
+	const externalUrl = route.data?.["externalUrl"];
+	if (externalUrl) window.open(externalUrl, "_self");
+	return true;
+};
+const roleGuard = (allowedRoles) => {
+	return (route, state) => {
+		return inject(RoleService).hasAnyRole(allowedRoles);
+	};
+};
+const LOGGER_CONFIG = new InjectionToken("LOGGER_CONFIG");
+var LoggerService = class LoggerService {
+	logPrefix = "";
+	isProduction;
+	config = inject(LOGGER_CONFIG);
+	constructor() {
+		this.isProduction = this.config.isProduction;
+	}
+	log(message, ...args) {
+		if (!this.isProduction) {
+			args.unshift(this.logPrefix + " ");
+			console.log(`[DEV LOG]: ${message}`, ...args);
+		} else console.log(`[PROD LOG]: ${message}`, ...args);
+	}
+	error(message, ...args) {
+		console.error(`[ERROR]: ${message}`, ...args);
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: LoggerService,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Service
+	});
+	static ɵprov = i0.ɵɵngDeclareService({
+		minVersion: "22.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: LoggerService
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: LoggerService,
+	decorators: [{ type: Service }],
+	ctorParameters: () => []
+});
+function provideLogger(config) {
+	return makeEnvironmentProviders([{
+		provide: LOGGER_CONFIG,
+		useValue: config
+	}, LoggerService]);
+}
+const secUserViewSchema = z.object({
+	id: z.number().default(0),
+	idHuman: z.number().default(0),
+	loginAD: z.string().default("").nullable(),
+	dept: z.number().default(0),
+	tabnum: z.number().default(0),
+	lastname: z.string().default(""),
+	firstname: z.string().default(""),
+	middlename: z.string().default(""),
+	fio: z.string().default(""),
+	dateHuman: z.coerce.date().optional(),
+	profession: z.string().default("")
+});
+const secUserSchema = z.object({
+	id: z.number().default(0),
+	login: z.string().default(""),
+	fio: z.string().default(""),
+	dept: z.number().default(0),
+	tabnum: z.number().default(0),
+	userView: secUserViewSchema.optional().nullable()
+});
+var SafePipe = class SafePipe {
+	sanitizer = inject(DomSanitizer);
+	transform(url, type = "url") {
+		if (!url) return "";
+		if (typeof url !== "string") return url;
+		switch (type) {
+			case "html": return this.sanitizer.bypassSecurityTrustHtml(url);
+			case "style": return this.sanitizer.bypassSecurityTrustStyle(url);
+			case "script": return this.sanitizer.bypassSecurityTrustScript(url);
+			case "url": return this.sanitizer.bypassSecurityTrustUrl(url);
+			case "resourceUrl": return this.sanitizer.bypassSecurityTrustResourceUrl(url);
+			default: throw new Error(`SafePipe: Неизвестный тип безопасности ${type}`);
+		}
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: SafePipe,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Pipe
+	});
+	static ɵpipe = i0.ɵɵngDeclarePipe({
+		minVersion: "14.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: SafePipe,
+		isStandalone: true,
+		name: "safe"
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: SafePipe,
+	decorators: [{
+		type: Pipe,
+		args: [{ name: "safe" }]
+	}]
+});
+var TimePipe = class TimePipe {
+	transform(value) {
+		const hour = Math.abs(value) >= 60 ? Math.floor(Math.abs(value) / 60).toString().padStart(2, "0") : "00";
+		const minute = Math.abs(value % 60).toString().padStart(2, "0");
+		const time = hour + ":" + minute;
+		return value < 0 ? "-" + time : time;
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: TimePipe,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Pipe
+	});
+	static ɵpipe = i0.ɵɵngDeclarePipe({
+		minVersion: "14.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: TimePipe,
+		isStandalone: true,
+		name: "time"
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: TimePipe,
+	decorators: [{
+		type: Pipe,
+		args: [{ name: "time" }]
+	}]
+});
+var TruncatePipe = class TruncatePipe {
+	transform(value, args) {
+		const limit = args.length > 0 ? parseInt(args[0], 10) : 20;
+		const trail = args.length > 1 ? args[1] : "...";
+		return value.length > limit ? value.substring(0, limit) + trail : value;
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
 		version: "22.2.2",
 		ngImport: i0,
-		type: HideIfForbiddenRoleDirective,
+		type: TruncatePipe,
 		deps: [],
-		target: i0.ɵɵFactoryTarget.Directive
+		target: i0.ɵɵFactoryTarget.Pipe
 	});
-	static ɵdir = i0.ɵɵngDeclareDirective({
-		minVersion: "17.1.0",
+	static ɵpipe = i0.ɵɵngDeclarePipe({
+		minVersion: "14.0.0",
 		version: "22.2.2",
-		type: HideIfForbiddenRoleDirective,
+		ngImport: i0,
+		type: TruncatePipe,
 		isStandalone: true,
-		selector: "[ngxUikHideIfForbiddenRole]",
-		inputs: { forbiddenRoles: {
-			classPropertyName: "forbiddenRoles",
-			publicName: "ngxUikHideIfForbiddenRole",
-			isSignal: true,
-			isRequired: false,
-			transformFunction: null
-		} },
-		ngImport: i0
+		name: "truncate"
 	});
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
 	version: "22.2.2",
 	ngImport: i0,
-	type: HideIfForbiddenRoleDirective,
+	type: TruncatePipe,
 	decorators: [{
-		type: Directive,
-		args: [{ selector: "[ngxUikHideIfForbiddenRole]" }]
-	}],
-	ctorParameters: () => [],
-	propDecorators: { forbiddenRoles: [{
-		type: i0.Input,
-		args: [{
-			isSignal: true,
-			alias: "ngxUikHideIfForbiddenRole",
-			required: false
-		}]
-	}] }
+		type: Pipe,
+		args: [{ name: "truncate" }]
+	}]
 });
-var SetValueDirective = class SetValueDirective {
-	value = input(null, {
-		...ngDevMode ? { debugName: "value" } : /* istanbul ignore next */ {},
-		alias: "setValue"
+var ChipInputAutocompleteComponent = class ChipInputAutocompleteComponent {
+	formFieldDirective = inject(FormField, {
+		host: true,
+		optional: true
 	});
-	ngControl = inject(NgControl, { optional: true });
-	constructor() {
-		effect(() => {
-			const val = this.value();
-			const normalizedValue = val === void 0 ? null : val;
-			if (this.ngControl && this.ngControl.control) this.ngControl.control.setValue(normalizedValue, { emitEvent: false });
+	items = input([], ...ngDevMode ? [{ debugName: "items" }] : /* istanbul ignore next */ []);
+	title = input("", ...ngDevMode ? [{ debugName: "title" }] : /* istanbul ignore next */ []);
+	value = model([], ...ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []);
+	filterQuery = model("", ...ngDevMode ? [{ debugName: "filterQuery" }] : /* istanbul ignore next */ []);
+	separatorKeysCodes = [ENTER, COMMA];
+	selectedItems = linkedSignal({
+		...ngDevMode ? { debugName: "selectedItems" } : /* istanbul ignore next */ {},
+		source: () => this.value(),
+		computation: (inputKeys) => this.items().filter((item) => inputKeys.includes(item.value))
+	});
+	filteredItems = computed(() => {
+		const allItems = this.items();
+		const search = this.filterQuery().toLowerCase().trim();
+		if (!search) return allItems;
+		return allItems.filter((item) => item.viewValue.toLowerCase().includes(search));
+	}, ...ngDevMode ? [{ debugName: "filteredItems" }] : /* istanbul ignore next */ []);
+	isDisabled = computed(() => {
+		return this.formFieldDirective?.state?.().disabled() ?? false;
+	}, ...ngDevMode ? [{ debugName: "isDisabled" }] : /* istanbul ignore next */ []);
+	isInvalid = computed(() => {
+		return this.formFieldDirective?.state()?.invalid() ?? false;
+	}, ...ngDevMode ? [{ debugName: "isInvalid" }] : /* istanbul ignore next */ []);
+	remove(value) {
+		if (this.isDisabled()) return;
+		this.value.update((keys) => keys.filter((key) => key !== value));
+	}
+	selected(event) {
+		const selectedValue = event.option.value;
+		this.value.update((keys) => {
+			return keys.includes(selectedValue) ? keys : [...keys, selectedValue];
 		});
+		this.filterQuery.set("");
+	}
+	onCloseClick($event) {
+		$event.stopPropagation();
+		if (this.isDisabled()) return;
+		this.value.set([]);
+		this.filterQuery.set("");
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
 		version: "22.2.2",
 		ngImport: i0,
-		type: SetValueDirective,
+		type: ChipInputAutocompleteComponent,
 		deps: [],
-		target: i0.ɵɵFactoryTarget.Directive
+		target: i0.ɵɵFactoryTarget.Component
 	});
-	static ɵdir = i0.ɵɵngDeclareDirective({
-		minVersion: "17.1.0",
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
 		version: "22.2.2",
-		type: SetValueDirective,
+		type: ChipInputAutocompleteComponent,
 		isStandalone: true,
-		selector: "[setValue]",
-		inputs: { value: {
-			classPropertyName: "value",
-			publicName: "setValue",
-			isSignal: true,
-			isRequired: false,
-			transformFunction: null
-		} },
-		ngImport: i0
+		selector: "ngx-uik-chip-input-autocomplete",
+		inputs: {
+			items: {
+				classPropertyName: "items",
+				publicName: "items",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			title: {
+				classPropertyName: "title",
+				publicName: "title",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			value: {
+				classPropertyName: "value",
+				publicName: "value",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			filterQuery: {
+				classPropertyName: "filterQuery",
+				publicName: "filterQuery",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		outputs: {
+			value: "valueChange",
+			filterQuery: "filterQueryChange"
+		},
+		ngImport: i0,
+		template: "<mat-form-field class=\"chip-list\" appearance=\"fill\">\n  <mat-label>{{ title() }}</mat-label>\n  <mat-chip-grid #chipList aria-label=\"'Выбор '+title()\">\n    @for (item of selectedItems(); track item.value) {\n      <mat-chip-row color=\"primary\" (removed)=\"remove(item.value)\">\n        {{ item.viewValue }}\n        <button matChipRemove>\n          <mat-icon>cancel</mat-icon>\n        </button>\n      </mat-chip-row>\n    }\n  </mat-chip-grid>\n  <input\n    #input\n    [value]=\"filterQuery()\"\n    (input)=\"filterQuery.set($any($event.target).value)\"\n    [placeholder]=\"'Введите ' + title() + '...'\"\n    [matAutocomplete]=\"auto\"\n    [matChipInputFor]=\"chipList\"\n    [matChipInputSeparatorKeyCodes]=\"separatorKeysCodes\"\n    [disabled]=\"isDisabled()\"\n  />\n  <mat-autocomplete #auto=\"matAutocomplete\" (optionSelected)=\"selected($event)\">\n    @for (item of filteredItems(); track item.value) {\n      <mat-option\n        [value]=\"item.value\"\n        [disabled]=\"selectedItems().includes(item)\"\n      >\n        {{ item.viewValue }}\n      </mat-option>\n    }\n  </mat-autocomplete>\n  @if (!isDisabled() && value().length > 0) {\n    <button\n      matSuffix\n      mat-icon-button\n      aria-label=\"Clear\"\n      (click)=\"onCloseClick($event)\"\n    >\n      <mat-icon>close</mat-icon>\n    </button>\n  }\n   <!-- Блок вывода ошибки валидации родительской формы -->\n  @if (isInvalid()) {\n    <mat-error>Поле \"{{ title() }}\" заполнено некорректно</mat-error>\n  }\n</mat-form-field>\n",
+		styles: [".chip-list{width:100%}\n"],
+		dependencies: [
+			{
+				kind: "component",
+				type: MatFormField,
+				selector: "mat-form-field",
+				inputs: [
+					"hideRequiredMarker",
+					"color",
+					"floatLabel",
+					"appearance",
+					"subscriptSizing",
+					"hintLabel"
+				],
+				exportAs: ["matFormField"]
+			},
+			{
+				kind: "ngmodule",
+				type: MatAutocompleteModule
+			},
+			{
+				kind: "component",
+				type: i1$1.MatAutocomplete,
+				selector: "mat-autocomplete",
+				inputs: [
+					"aria-label",
+					"aria-labelledby",
+					"displayWith",
+					"autoActiveFirstOption",
+					"autoSelectActiveOption",
+					"requireSelection",
+					"panelWidth",
+					"disableRipple",
+					"class",
+					"hideSingleSelectionIndicator"
+				],
+				outputs: [
+					"optionSelected",
+					"opened",
+					"closed",
+					"optionActivated"
+				],
+				exportAs: ["matAutocomplete"]
+			},
+			{
+				kind: "component",
+				type: i1$1.MatOption,
+				selector: "mat-option",
+				inputs: [
+					"value",
+					"id",
+					"disabled"
+				],
+				outputs: ["onSelectionChange"],
+				exportAs: ["matOption"]
+			},
+			{
+				kind: "directive",
+				type: i1$1.MatAutocompleteTrigger,
+				selector: "input[matAutocomplete], textarea[matAutocomplete]",
+				inputs: [
+					"matAutocomplete",
+					"matAutocompletePosition",
+					"matAutocompleteConnectedTo",
+					"autocomplete",
+					"matAutocompleteDisabled"
+				],
+				exportAs: ["matAutocompleteTrigger"]
+			},
+			{
+				kind: "component",
+				type: MatIcon,
+				selector: "mat-icon",
+				inputs: [
+					"color",
+					"inline",
+					"svgIcon",
+					"fontSet",
+					"fontIcon"
+				],
+				exportAs: ["matIcon"]
+			},
+			{
+				kind: "ngmodule",
+				type: MatChipsModule
+			},
+			{
+				kind: "component",
+				type: i2$2.MatChipGrid,
+				selector: "mat-chip-grid",
+				inputs: [
+					"disabled",
+					"placeholder",
+					"required",
+					"value",
+					"errorStateMatcher"
+				],
+				outputs: ["change", "valueChange"]
+			},
+			{
+				kind: "directive",
+				type: i2$2.MatChipInput,
+				selector: "input[matChipInputFor]",
+				inputs: [
+					"matChipInputFor",
+					"matChipInputAddOnBlur",
+					"matChipInputSeparatorKeyCodes",
+					"placeholder",
+					"id",
+					"disabled",
+					"readonly",
+					"matChipInputDisabledInteractive"
+				],
+				outputs: ["matChipInputTokenEnd"],
+				exportAs: ["matChipInput", "matChipInputFor"]
+			},
+			{
+				kind: "directive",
+				type: i2$2.MatChipRemove,
+				selector: "[matChipRemove]"
+			},
+			{
+				kind: "component",
+				type: i2$2.MatChipRow,
+				selector: "mat-chip-row, [mat-chip-row], mat-basic-chip-row, [mat-basic-chip-row]",
+				inputs: ["editable"],
+				outputs: ["edited"]
+			},
+			{
+				kind: "directive",
+				type: MatLabel,
+				selector: "mat-label"
+			},
+			{
+				kind: "directive",
+				type: MatError,
+				selector: "mat-error, [matError]",
+				inputs: ["id"]
+			}
+		]
 	});
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
 	version: "22.2.2",
 	ngImport: i0,
-	type: SetValueDirective,
+	type: ChipInputAutocompleteComponent,
 	decorators: [{
-		type: Directive,
-		args: [{ selector: "[setValue]" }]
-	}],
-	ctorParameters: () => [],
-	propDecorators: { value: [{
-		type: i0.Input,
+		type: Component,
 		args: [{
-			isSignal: true,
-			alias: "setValue",
-			required: false
+			selector: "ngx-uik-chip-input-autocomplete",
+			imports: [
+				MatFormField,
+				MatAutocompleteModule,
+				MatIcon,
+				MatOption,
+				MatChipsModule,
+				MatLabel,
+				MatError
+			],
+			template: "<mat-form-field class=\"chip-list\" appearance=\"fill\">\n  <mat-label>{{ title() }}</mat-label>\n  <mat-chip-grid #chipList aria-label=\"'Выбор '+title()\">\n    @for (item of selectedItems(); track item.value) {\n      <mat-chip-row color=\"primary\" (removed)=\"remove(item.value)\">\n        {{ item.viewValue }}\n        <button matChipRemove>\n          <mat-icon>cancel</mat-icon>\n        </button>\n      </mat-chip-row>\n    }\n  </mat-chip-grid>\n  <input\n    #input\n    [value]=\"filterQuery()\"\n    (input)=\"filterQuery.set($any($event.target).value)\"\n    [placeholder]=\"'Введите ' + title() + '...'\"\n    [matAutocomplete]=\"auto\"\n    [matChipInputFor]=\"chipList\"\n    [matChipInputSeparatorKeyCodes]=\"separatorKeysCodes\"\n    [disabled]=\"isDisabled()\"\n  />\n  <mat-autocomplete #auto=\"matAutocomplete\" (optionSelected)=\"selected($event)\">\n    @for (item of filteredItems(); track item.value) {\n      <mat-option\n        [value]=\"item.value\"\n        [disabled]=\"selectedItems().includes(item)\"\n      >\n        {{ item.viewValue }}\n      </mat-option>\n    }\n  </mat-autocomplete>\n  @if (!isDisabled() && value().length > 0) {\n    <button\n      matSuffix\n      mat-icon-button\n      aria-label=\"Clear\"\n      (click)=\"onCloseClick($event)\"\n    >\n      <mat-icon>close</mat-icon>\n    </button>\n  }\n   <!-- Блок вывода ошибки валидации родительской формы -->\n  @if (isInvalid()) {\n    <mat-error>Поле \"{{ title() }}\" заполнено некорректно</mat-error>\n  }\n</mat-form-field>\n",
+			styles: [".chip-list{width:100%}\n"]
+		}]
+	}],
+	propDecorators: {
+		items: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "items",
+				required: false
+			}]
+		}],
+		title: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "title",
+				required: false
+			}]
+		}],
+		value: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "value",
+				required: false
+			}]
+		}, {
+			type: i0.Output,
+			args: ["valueChange"]
+		}],
+		filterQuery: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "filterQuery",
+				required: false
+			}]
+		}, {
+			type: i0.Output,
+			args: ["filterQueryChange"]
 		}]
-	}] }
-});
-const authGuard = (allowedRoles) => {
-	return (route, state) => {
-		const authService = inject(AuthService);
-		const router = inject(Router);
-		const isLogin = authService.loggedIn();
-		if (!isLogin) {
-			console.log("state.url =", state.url);
-			return router.createUrlTree(["/login"], { queryParams: { returnUrl: state.url } });
-		}
-		return isLogin;
-	};
-};
-const redirectGuard = (route) => {
-	const externalUrl = route.data?.["externalUrl"];
-	if (externalUrl) window.location.href = externalUrl;
-	return true;
-};
-const roleGuard = (allowedRoles) => {
-	return (route, state) => {
-		return inject(RoleService).hasAnyRole(allowedRoles);
-	};
-};
-const LOGGER_CONFIG = new InjectionToken("LOGGER_CONFIG");
-var LoggerService = class LoggerService {
-	logPrefix = "";
-	isProduction;
-	config = inject(LOGGER_CONFIG);
-	constructor() {
-		this.isProduction = this.config.isProduction;
-	}
-	log(message, ...args) {
-		if (!this.isProduction) {
-			args.unshift(this.logPrefix + " ");
-			console.log(`[DEV LOG]: ${message}`, ...args);
-		} else console.log(`[PROD LOG]: ${message}`, ...args);
-	}
-	error(message, ...args) {
-		console.error(`[ERROR]: ${message}`, ...args);
 	}
-	static ɵfac = i0.ɵɵngDeclareFactory({
-		minVersion: "12.0.0",
-		version: "22.2.2",
-		ngImport: i0,
-		type: LoggerService,
-		deps: [],
-		target: i0.ɵɵFactoryTarget.Service
-	});
-	static ɵprov = i0.ɵɵngDeclareService({
-		minVersion: "22.0.0",
-		version: "22.2.2",
-		ngImport: i0,
-		type: LoggerService
-	});
-};
-i0.ɵɵngDeclareClassMetadata({
-	minVersion: "12.0.0",
-	version: "22.2.2",
-	ngImport: i0,
-	type: LoggerService,
-	decorators: [{ type: Service }],
-	ctorParameters: () => []
-});
-function provideLogger(config) {
-	return makeEnvironmentProviders([{
-		provide: LOGGER_CONFIG,
-		useValue: config
-	}, LoggerService]);
-}
-const secUserViewSchema = z.object({
-	id: z.number().default(0),
-	idHuman: z.number().default(0),
-	loginAD: z.string().default("").nullable(),
-	dept: z.number().default(0),
-	tabnum: z.number().default(0),
-	lastname: z.string().default(""),
-	firstname: z.string().default(""),
-	middlename: z.string().default(""),
-	fio: z.string().default(""),
-	dateHuman: z.coerce.date().optional(),
-	profession: z.string().default("")
-});
-const secUserSchema = z.object({
-	id: z.number().default(0),
-	login: z.string().default(""),
-	fio: z.string().default(""),
-	dept: z.number().default(0),
-	tabnum: z.number().default(0),
-	userView: secUserViewSchema.optional().nullable()
 });
-var SafePipe = class SafePipe {
-	sanitizer = inject(DomSanitizer);
-	transform(url, type = "url") {
-		if (!url) return "";
-		if (typeof url !== "string") return url;
-		switch (type) {
-			case "html": return this.sanitizer.bypassSecurityTrustHtml(url);
-			case "style": return this.sanitizer.bypassSecurityTrustStyle(url);
-			case "script": return this.sanitizer.bypassSecurityTrustScript(url);
-			case "url": return this.sanitizer.bypassSecurityTrustUrl(url);
-			case "resourceUrl": return this.sanitizer.bypassSecurityTrustResourceUrl(url);
-			default: throw new Error(`SafePipe: Неизвестный тип безопасности ${type}`);
+var CustomDateAdapter = class CustomDateAdapter extends NativeDateAdapter {
+	parse(value) {
+		if (typeof value === "string" && value.indexOf(".") > -1) {
+			const str = value.split(".");
+			const year = Number(str[2]);
+			const month = Number(str[1]) - 1;
+			const day = Number(str[0]);
+			return new Date(year, month, day);
 		}
+		const timestamp = typeof value === "number" ? value : Date.parse(value);
+		return isNaN(timestamp) ? null : new Date(timestamp);
 	}
-	static ɵfac = i0.ɵɵngDeclareFactory({
-		minVersion: "12.0.0",
-		version: "22.2.2",
-		ngImport: i0,
-		type: SafePipe,
-		deps: [],
-		target: i0.ɵɵFactoryTarget.Pipe
-	});
-	static ɵpipe = i0.ɵɵngDeclarePipe({
-		minVersion: "14.0.0",
-		version: "22.2.2",
-		ngImport: i0,
-		type: SafePipe,
-		isStandalone: true,
-		name: "safe"
-	});
-};
-i0.ɵɵngDeclareClassMetadata({
-	minVersion: "12.0.0",
-	version: "22.2.2",
-	ngImport: i0,
-	type: SafePipe,
-	decorators: [{
-		type: Pipe,
-		args: [{ name: "safe" }]
-	}]
-});
-var TimePipe = class TimePipe {
-	transform(value) {
-		const hour = Math.abs(value) >= 60 ? Math.floor(Math.abs(value) / 60).toString().padStart(2, "0") : "00";
-		const minute = Math.abs(value % 60).toString().padStart(2, "0");
-		const time = hour + ":" + minute;
-		return value < 0 ? "-" + time : time;
+	format(date, displayFormat) {
+		if (displayFormat === "input") return `${String(date.getDate()).padStart(2, "0")}.${String(date.getMonth() + 1).padStart(2, "0")}.${date.getFullYear()}`;
+		return super.format(date, displayFormat);
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
 		version: "22.2.2",
 		ngImport: i0,
-		type: TimePipe,
-		deps: [],
-		target: i0.ɵɵFactoryTarget.Pipe
+		type: CustomDateAdapter,
+		deps: null,
+		target: i0.ɵɵFactoryTarget.Injectable
 	});
-	static ɵpipe = i0.ɵɵngDeclarePipe({
-		minVersion: "14.0.0",
+	static ɵprov = i0.ɵɵngDeclareInjectable({
+		minVersion: "12.0.0",
 		version: "22.2.2",
 		ngImport: i0,
-		type: TimePipe,
-		isStandalone: true,
-		name: "time"
+		type: CustomDateAdapter
 	});
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
 	version: "22.2.2",
 	ngImport: i0,
-	type: TimePipe,
-	decorators: [{
-		type: Pipe,
-		args: [{ name: "time" }]
-	}]
+	type: CustomDateAdapter,
+	decorators: [{ type: Injectable }]
 });
-var TruncatePipe = class TruncatePipe {
-	transform(value, args) {
-		const limit = args.length > 0 ? parseInt(args[0], 10) : 20;
-		const trail = args.length > 1 ? args[1] : "...";
-		return value.length > limit ? value.substring(0, limit) + trail : value;
+const MY_NATIVE_FORMATS = {
+	parse: { dateInput: "input" },
+	display: {
+		dateInput: "input",
+		monthYearLabel: {
+			year: "numeric",
+			month: "short"
+		},
+		dateA11yLabel: {
+			year: "numeric",
+			month: "long",
+			day: "numeric"
+		},
+		monthYearA11yLabel: {
+			year: "numeric",
+			month: "long"
+		}
 	}
-	static ɵfac = i0.ɵɵngDeclareFactory({
-		minVersion: "12.0.0",
-		version: "22.2.2",
-		ngImport: i0,
-		type: TruncatePipe,
-		deps: [],
-		target: i0.ɵɵFactoryTarget.Pipe
-	});
-	static ɵpipe = i0.ɵɵngDeclarePipe({
-		minVersion: "14.0.0",
-		version: "22.2.2",
-		ngImport: i0,
-		type: TruncatePipe,
-		isStandalone: true,
-		name: "truncate"
-	});
 };
-i0.ɵɵngDeclareClassMetadata({
-	minVersion: "12.0.0",
-	version: "22.2.2",
-	ngImport: i0,
-	type: TruncatePipe,
-	decorators: [{
-		type: Pipe,
-		args: [{ name: "truncate" }]
-	}]
+const toIsoString = (date) => {
+	if (!date) return "";
+	return date.toISOString().split("T")[0];
+};
+const dateRangeFormSchema = z$1.object({
+	begin: z$1.instanceof(Date).nullable(),
+	end: z$1.instanceof(Date).nullable()
 });
-var ChipInputAutocompleteComponent = class ChipInputAutocompleteComponent {
-	formFieldDirective = inject(FormField, {
-		host: true,
-		optional: true
-	});
-	items = input([], ...ngDevMode ? [{ debugName: "items" }] : /* istanbul ignore next */ []);
-	title = input("", ...ngDevMode ? [{ debugName: "title" }] : /* istanbul ignore next */ []);
-	value = model([], ...ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []);
-	filterQuery = model("", ...ngDevMode ? [{ debugName: "filterQuery" }] : /* istanbul ignore next */ []);
-	separatorKeysCodes = [ENTER, COMMA];
-	selectedItems = linkedSignal({
-		...ngDevMode ? { debugName: "selectedItems" } : /* istanbul ignore next */ {},
-		source: () => this.value(),
-		computation: (inputKeys) => this.items().filter((item) => inputKeys.includes(item.value))
+const dateRangeSchema = dateRangeFormSchema.transform((data) => ({
+	begin: toIsoString(data.begin),
+	end: toIsoString(data.end)
+}));
+var DateRangeInputComponent = class DateRangeInputComponent {
+	DEFAULT_MIN_DATE = new Date(2020, 0, 1);
+	label = input("", ...ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []);
+	dateRange = input({
+		begin: "",
+		end: ""
+	}, ...ngDevMode ? [{ debugName: "dateRange" }] : /* istanbul ignore next */ []);
+	minDate = input(this.DEFAULT_MIN_DATE, ...ngDevMode ? [{ debugName: "minDate" }] : /* istanbul ignore next */ []);
+	clearInput = input(null, ...ngDevMode ? [{ debugName: "clearInput" }] : /* istanbul ignore next */ []);
+	required = input(false, ...ngDevMode ? [{ debugName: "required" }] : /* istanbul ignore next */ []);
+	dateRangeChange = output();
+	formModel = signal({
+		begin: null,
+		end: null
+	}, ...ngDevMode ? [{ debugName: "formModel" }] : /* istanbul ignore next */ []);
+	form = form(this.formModel, (schemaPath) => {
+		validateStandardSchema(schemaPath, dateRangeFormSchema);
+		required(schemaPath.begin, {
+			message: "Укажите период",
+			when: () => this.required()
+		});
+		required(schemaPath.end, {
+			message: "Укажите период",
+			when: () => this.required()
+		});
+		debounce(schemaPath.begin, 500);
+		debounce(schemaPath.end, 500);
 	});
-	filteredItems = computed(() => {
-		const allItems = this.items();
-		const search = this.filterQuery().toLowerCase().trim();
-		if (!search) return allItems;
-		return allItems.filter((item) => item.viewValue.toLowerCase().includes(search));
-	}, ...ngDevMode ? [{ debugName: "filteredItems" }] : /* istanbul ignore next */ []);
-	isDisabled = computed(() => {
-		return this.formFieldDirective?.state?.().disabled() ?? false;
-	}, ...ngDevMode ? [{ debugName: "isDisabled" }] : /* istanbul ignore next */ []);
-	isInvalid = computed(() => {
-		return this.formFieldDirective?.state()?.invalid() ?? false;
-	}, ...ngDevMode ? [{ debugName: "isInvalid" }] : /* istanbul ignore next */ []);
-	remove(value) {
-		if (this.isDisabled()) return;
-		this.value.update((keys) => keys.filter((key) => key !== value));
-	}
-	selected(event) {
-		const selectedValue = event.option.value;
-		this.value.update((keys) => {
-			return keys.includes(selectedValue) ? keys : [...keys, selectedValue];
+	constructor() {
+		effect(() => {
+			this.clearInput();
+			untracked(() => this.form().reset());
+		});
+		effect(() => {
+			const value = this.dateRange();
+			untracked(() => {
+				this.form.begin().value.set(value.begin ? new Date(value.begin) : null);
+				this.form.end().value.set(value.end ? new Date(value.end) : null);
+			});
+		});
+		effect(() => {
+			const currentValues = this.form().value();
+			if (this.form().valid()) {
+				const formattedRange = dateRangeSchema.safeParse(currentValues);
+				if (formattedRange.success) this.dateRangeChange.emit(formattedRange.data);
+			}
 		});
-		this.filterQuery.set("");
-	}
-	onCloseClick($event) {
-		$event.stopPropagation();
-		if (this.isDisabled()) return;
-		this.value.set([]);
-		this.filterQuery.set("");
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
 		version: "22.2.2",
 		ngImport: i0,
-		type: ChipInputAutocompleteComponent,
+		type: DateRangeInputComponent,
 		deps: [],
 		target: i0.ɵɵFactoryTarget.Component
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
 		version: "22.2.2",
-		type: ChipInputAutocompleteComponent,
+		type: DateRangeInputComponent,
 		isStandalone: true,
-		selector: "ngx-uik-chip-input-autocomplete",
+		selector: "ngx-uik-date-range-input",
 		inputs: {
-			items: {
-				classPropertyName: "items",
-				publicName: "items",
+			label: {
+				classPropertyName: "label",
+				publicName: "label",
 				isSignal: true,
 				isRequired: false,
 				transformFunction: null
 			},
-			title: {
-				classPropertyName: "title",
-				publicName: "title",
+			dateRange: {
+				classPropertyName: "dateRange",
+				publicName: "dateRange",
 				isSignal: true,
 				isRequired: false,
 				transformFunction: null
 			},
-			value: {
-				classPropertyName: "value",
-				publicName: "value",
+			minDate: {
+				classPropertyName: "minDate",
+				publicName: "minDate",
 				isSignal: true,
 				isRequired: false,
 				transformFunction: null
 			},
-			filterQuery: {
-				classPropertyName: "filterQuery",
-				publicName: "filterQuery",
+			clearInput: {
+				classPropertyName: "clearInput",
+				publicName: "clearInput",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			required: {
+				classPropertyName: "required",
+				publicName: "required",
 				isSignal: true,
 				isRequired: false,
 				transformFunction: null
 			}
 		},
-		outputs: {
-			value: "valueChange",
-			filterQuery: "filterQueryChange"
-		},
-		ngImport: i0,
-		template: "<mat-form-field class=\"chip-list\" appearance=\"fill\">\n  <mat-label>{{ title() }}</mat-label>\n  <mat-chip-grid #chipList aria-label=\"'Выбор '+title()\">\n    @for (item of selectedItems(); track item.value) {\n      <mat-chip-row color=\"primary\" (removed)=\"remove(item.value)\">\n        {{ item.viewValue }}\n        <button matChipRemove>\n          <mat-icon>cancel</mat-icon>\n        </button>\n      </mat-chip-row>\n    }\n  </mat-chip-grid>\n  <input\n    #input\n    [value]=\"filterQuery()\"\n    (input)=\"filterQuery.set($any($event.target).value)\"\n    [placeholder]=\"'Введите ' + title() + '...'\"\n    [matAutocomplete]=\"auto\"\n    [matChipInputFor]=\"chipList\"\n    [matChipInputSeparatorKeyCodes]=\"separatorKeysCodes\"\n    [disabled]=\"isDisabled()\"\n  />\n  <mat-autocomplete #auto=\"matAutocomplete\" (optionSelected)=\"selected($event)\">\n    @for (item of filteredItems(); track item.value) {\n      <mat-option\n        [value]=\"item.value\"\n        [disabled]=\"selectedItems().includes(item)\"\n      >\n        {{ item.viewValue }}\n      </mat-option>\n    }\n  </mat-autocomplete>\n  @if (!isDisabled() && value().length > 0) {\n    <button\n      matSuffix\n      mat-icon-button\n      aria-label=\"Clear\"\n      (click)=\"onCloseClick($event)\"\n    >\n      <mat-icon>close</mat-icon>\n    </button>\n  }\n   <!-- Блок вывода ошибки валидации родительской формы -->\n  @if (isInvalid()) {\n    <mat-error>Поле \"{{ title() }}\" заполнено некорректно</mat-error>\n  }\n</mat-form-field>\n",
-		styles: [".chip-list{width:100%}\n"],
-		dependencies: [
-			{
-				kind: "component",
-				type: MatFormField,
-				selector: "mat-form-field",
-				inputs: [
-					"hideRequiredMarker",
-					"color",
-					"floatLabel",
-					"appearance",
-					"subscriptSizing",
-					"hintLabel"
-				],
-				exportAs: ["matFormField"]
-			},
-			{
-				kind: "ngmodule",
-				type: MatAutocompleteModule
-			},
-			{
-				kind: "component",
-				type: i1$1.MatAutocomplete,
-				selector: "mat-autocomplete",
-				inputs: [
-					"aria-label",
-					"aria-labelledby",
-					"displayWith",
-					"autoActiveFirstOption",
-					"autoSelectActiveOption",
-					"requireSelection",
-					"panelWidth",
-					"disableRipple",
-					"class",
-					"hideSingleSelectionIndicator"
-				],
-				outputs: [
-					"optionSelected",
-					"opened",
-					"closed",
-					"optionActivated"
-				],
-				exportAs: ["matAutocomplete"]
-			},
-			{
-				kind: "component",
-				type: i1$1.MatOption,
-				selector: "mat-option",
-				inputs: [
-					"value",
-					"id",
-					"disabled"
-				],
-				outputs: ["onSelectionChange"],
-				exportAs: ["matOption"]
-			},
+		outputs: { dateRangeChange: "dateRangeChange" },
+		providers: [{
+			provide: DateAdapter,
+			useClass: CustomDateAdapter
+		}, {
+			provide: MAT_DATE_FORMATS,
+			useValue: MY_NATIVE_FORMATS
+		}],
+		ngImport: i0,
+		template: "<mat-form-field appearance=\"fill\">\r\n  <mat-label>{{ label() }}</mat-label>\r\n  <mat-date-range-input\r\n    [rangePicker]=\"picker\"\r\n    [min]=\"minDate()\"\r\n  >\r\n    <input matStartDate [formField]=\"form.begin\" placeholder=\"Дата начала\" />\r\n    <input matEndDate [formField]=\"form.end\" placeholder=\"Дата окончания\" />\r\n  </mat-date-range-input>\r\n  <mat-datepicker-toggle matIconSuffix [for]=\"picker\"></mat-datepicker-toggle>\r\n  <mat-date-range-picker #picker></mat-date-range-picker>\r\n  @if (form.begin().touched() && form.begin().invalid()) {\r\n    <ng-container ngProjectAs=\"mat-error\">\r\n        <mat-error>{{ form.begin().errors()[0]?.message }}</mat-error>\r\n      </ng-container>\r\n  }\r\n  @if (form.end().touched() && form.end().invalid()) {\r\n    <ng-container ngProjectAs=\"mat-error\">\r\n      <mat-error>{{ form.end().errors()[0]?.message }}</mat-error>\r\n    </ng-container>\r\n  }\r\n</mat-form-field>\r\n",
+		styles: ["mat-form-field{margin-right:16px}\n"],
+		dependencies: [
 			{
 				kind: "directive",
-				type: i1$1.MatAutocompleteTrigger,
-				selector: "input[matAutocomplete], textarea[matAutocomplete]",
-				inputs: [
-					"matAutocomplete",
-					"matAutocompletePosition",
-					"matAutocompleteConnectedTo",
-					"autocomplete",
-					"matAutocompleteDisabled"
-				],
-				exportAs: ["matAutocompleteTrigger"]
+				type: FormField,
+				selector: "[formField]",
+				inputs: ["formField"],
+				exportAs: ["formField"]
 			},
 			{
 				kind: "component",
-				type: MatIcon,
-				selector: "mat-icon",
+				type: MatFormField,
+				selector: "mat-form-field",
 				inputs: [
+					"hideRequiredMarker",
 					"color",
-					"inline",
-					"svgIcon",
-					"fontSet",
-					"fontIcon"
+					"floatLabel",
+					"appearance",
+					"subscriptSizing",
+					"hintLabel"
 				],
-				exportAs: ["matIcon"]
+				exportAs: ["matFormField"]
 			},
 			{
-				kind: "ngmodule",
-				type: MatChipsModule
+				kind: "directive",
+				type: MatLabel,
+				selector: "mat-label"
 			},
 			{
 				kind: "component",
-				type: i2$2.MatChipGrid,
-				selector: "mat-chip-grid",
+				type: MatDateRangeInput,
+				selector: "mat-date-range-input",
 				inputs: [
-					"disabled",
-					"placeholder",
+					"rangePicker",
 					"required",
-					"value",
-					"errorStateMatcher"
+					"dateFilter",
+					"min",
+					"max",
+					"disabled",
+					"separator",
+					"comparisonStart",
+					"comparisonEnd"
 				],
-				outputs: ["change", "valueChange"]
+				exportAs: ["matDateRangeInput"]
 			},
 			{
 				kind: "directive",
-				type: i2$2.MatChipInput,
-				selector: "input[matChipInputFor]",
-				inputs: [
-					"matChipInputFor",
-					"matChipInputAddOnBlur",
-					"matChipInputSeparatorKeyCodes",
-					"placeholder",
-					"id",
-					"disabled",
-					"readonly",
-					"matChipInputDisabledInteractive"
-				],
-				outputs: ["matChipInputTokenEnd"],
-				exportAs: ["matChipInput", "matChipInputFor"]
+				type: MatStartDate,
+				selector: "input[matStartDate]",
+				outputs: ["dateChange", "dateInput"]
 			},
 			{
 				kind: "directive",
-				type: i2$2.MatChipRemove,
-				selector: "[matChipRemove]"
+				type: MatEndDate,
+				selector: "input[matEndDate]",
+				outputs: ["dateChange", "dateInput"]
 			},
 			{
 				kind: "component",
-				type: i2$2.MatChipRow,
-				selector: "mat-chip-row, [mat-chip-row], mat-basic-chip-row, [mat-basic-chip-row]",
-				inputs: ["editable"],
-				outputs: ["edited"]
+				type: MatDatepickerToggle,
+				selector: "mat-datepicker-toggle",
+				inputs: [
+					"for",
+					"tabIndex",
+					"aria-label",
+					"disabled",
+					"disableRipple"
+				],
+				exportAs: ["matDatepickerToggle"]
 			},
 			{
 				kind: "directive",
-				type: MatLabel,
-				selector: "mat-label"
+				type: MatSuffix,
+				selector: "[matSuffix], [matIconSuffix], [matTextSuffix]",
+				inputs: ["matTextSuffix"]
+			},
+			{
+				kind: "component",
+				type: MatDateRangePicker,
+				selector: "mat-date-range-picker",
+				exportAs: ["matDateRangePicker"]
 			},
 			{
 				kind: "directive",
@@ -3361,237 +3302,179 @@ i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
 	version: "22.2.2",
 	ngImport: i0,
-	type: ChipInputAutocompleteComponent,
+	type: DateRangeInputComponent,
 	decorators: [{
 		type: Component,
 		args: [{
-			selector: "ngx-uik-chip-input-autocomplete",
+			selector: "ngx-uik-date-range-input",
 			imports: [
+				FormField,
 				MatFormField,
-				MatAutocompleteModule,
-				MatIcon,
-				MatOption,
-				MatChipsModule,
 				MatLabel,
+				MatDateRangeInput,
+				MatStartDate,
+				MatEndDate,
+				MatDatepickerToggle,
+				MatSuffix,
+				MatDateRangePicker,
 				MatError
 			],
-			template: "<mat-form-field class=\"chip-list\" appearance=\"fill\">\n  <mat-label>{{ title() }}</mat-label>\n  <mat-chip-grid #chipList aria-label=\"'Выбор '+title()\">\n    @for (item of selectedItems(); track item.value) {\n      <mat-chip-row color=\"primary\" (removed)=\"remove(item.value)\">\n        {{ item.viewValue }}\n        <button matChipRemove>\n          <mat-icon>cancel</mat-icon>\n        </button>\n      </mat-chip-row>\n    }\n  </mat-chip-grid>\n  <input\n    #input\n    [value]=\"filterQuery()\"\n    (input)=\"filterQuery.set($any($event.target).value)\"\n    [placeholder]=\"'Введите ' + title() + '...'\"\n    [matAutocomplete]=\"auto\"\n    [matChipInputFor]=\"chipList\"\n    [matChipInputSeparatorKeyCodes]=\"separatorKeysCodes\"\n    [disabled]=\"isDisabled()\"\n  />\n  <mat-autocomplete #auto=\"matAutocomplete\" (optionSelected)=\"selected($event)\">\n    @for (item of filteredItems(); track item.value) {\n      <mat-option\n        [value]=\"item.value\"\n        [disabled]=\"selectedItems().includes(item)\"\n      >\n        {{ item.viewValue }}\n      </mat-option>\n    }\n  </mat-autocomplete>\n  @if (!isDisabled() && value().length > 0) {\n    <button\n      matSuffix\n      mat-icon-button\n      aria-label=\"Clear\"\n      (click)=\"onCloseClick($event)\"\n    >\n      <mat-icon>close</mat-icon>\n    </button>\n  }\n   <!-- Блок вывода ошибки валидации родительской формы -->\n  @if (isInvalid()) {\n    <mat-error>Поле \"{{ title() }}\" заполнено некорректно</mat-error>\n  }\n</mat-form-field>\n",
-			styles: [".chip-list{width:100%}\n"]
+			providers: [{
+				provide: DateAdapter,
+				useClass: CustomDateAdapter
+			}, {
+				provide: MAT_DATE_FORMATS,
+				useValue: MY_NATIVE_FORMATS
+			}],
+			template: "<mat-form-field appearance=\"fill\">\r\n  <mat-label>{{ label() }}</mat-label>\r\n  <mat-date-range-input\r\n    [rangePicker]=\"picker\"\r\n    [min]=\"minDate()\"\r\n  >\r\n    <input matStartDate [formField]=\"form.begin\" placeholder=\"Дата начала\" />\r\n    <input matEndDate [formField]=\"form.end\" placeholder=\"Дата окончания\" />\r\n  </mat-date-range-input>\r\n  <mat-datepicker-toggle matIconSuffix [for]=\"picker\"></mat-datepicker-toggle>\r\n  <mat-date-range-picker #picker></mat-date-range-picker>\r\n  @if (form.begin().touched() && form.begin().invalid()) {\r\n    <ng-container ngProjectAs=\"mat-error\">\r\n        <mat-error>{{ form.begin().errors()[0]?.message }}</mat-error>\r\n      </ng-container>\r\n  }\r\n  @if (form.end().touched() && form.end().invalid()) {\r\n    <ng-container ngProjectAs=\"mat-error\">\r\n      <mat-error>{{ form.end().errors()[0]?.message }}</mat-error>\r\n    </ng-container>\r\n  }\r\n</mat-form-field>\r\n",
+			styles: ["mat-form-field{margin-right:16px}\n"]
 		}]
 	}],
+	ctorParameters: () => [],
 	propDecorators: {
-		items: [{
+		label: [{
 			type: i0.Input,
 			args: [{
 				isSignal: true,
-				alias: "items",
+				alias: "label",
 				required: false
 			}]
 		}],
-		title: [{
+		dateRange: [{
 			type: i0.Input,
 			args: [{
 				isSignal: true,
-				alias: "title",
+				alias: "dateRange",
 				required: false
 			}]
 		}],
-		value: [{
+		minDate: [{
 			type: i0.Input,
 			args: [{
 				isSignal: true,
-				alias: "value",
+				alias: "minDate",
 				required: false
 			}]
-		}, {
-			type: i0.Output,
-			args: ["valueChange"]
 		}],
-		filterQuery: [{
+		clearInput: [{
 			type: i0.Input,
 			args: [{
 				isSignal: true,
-				alias: "filterQuery",
+				alias: "clearInput",
 				required: false
 			}]
-		}, {
+		}],
+		required: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "required",
+				required: false
+			}]
+		}],
+		dateRangeChange: [{
 			type: i0.Output,
-			args: ["filterQueryChange"]
+			args: ["dateRangeChange"]
 		}]
 	}
 });
-var CustomDateAdapter = class CustomDateAdapter extends NativeDateAdapter {
-	parse(value) {
-		if (typeof value === "string" && value.indexOf(".") > -1) {
-			const str = value.split(".");
-			const year = Number(str[2]);
-			const month = Number(str[1]) - 1;
-			const day = Number(str[0]);
-			return new Date(year, month, day);
-		}
-		const timestamp = typeof value === "number" ? value : Date.parse(value);
-		return isNaN(timestamp) ? null : new Date(timestamp);
-	}
-	format(date, displayFormat) {
-		if (displayFormat === "input") return `${String(date.getDate()).padStart(2, "0")}.${String(date.getMonth() + 1).padStart(2, "0")}.${date.getFullYear()}`;
-		return super.format(date, displayFormat);
-	}
+var DialogAction;
+(function(DialogAction) {
+	DialogAction["Add"] = "Добавить";
+	DialogAction["Edit"] = "Изменить";
+	DialogAction["Delete"] = "Удалить";
+	DialogAction["None"] = "";
+})(DialogAction || (DialogAction = {}));
+var EmptyComponent = class EmptyComponent {
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
 		version: "22.2.2",
 		ngImport: i0,
-		type: CustomDateAdapter,
-		deps: null,
-		target: i0.ɵɵFactoryTarget.Injectable
+		type: EmptyComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
 	});
-	static ɵprov = i0.ɵɵngDeclareInjectable({
-		minVersion: "12.0.0",
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "14.0.0",
 		version: "22.2.2",
+		type: EmptyComponent,
+		isStandalone: true,
+		selector: "ngx-uik-empty-route-guard-holder",
 		ngImport: i0,
-		type: CustomDateAdapter
+		template: "",
+		isInline: true
 	});
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
 	version: "22.2.2",
 	ngImport: i0,
-	type: CustomDateAdapter,
-	decorators: [{ type: Injectable }]
+	type: EmptyComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "ngx-uik-empty-route-guard-holder",
+			template: ""
+		}]
+	}]
 });
-const MY_NATIVE_FORMATS = {
-	parse: { dateInput: "input" },
-	display: {
-		dateInput: "input",
-		monthYearLabel: {
-			year: "numeric",
-			month: "short"
-		},
-		dateA11yLabel: {
-			year: "numeric",
-			month: "long",
-			day: "numeric"
-		},
-		monthYearA11yLabel: {
-			year: "numeric",
-			month: "long"
-		}
-	}
-};
-const toIsoString = (date) => {
-	if (!date) return "";
-	return date.toISOString().split("T")[0];
-};
-const dateRangeFormSchema = (isRequired) => z$1.object({
-	begin: z$1.instanceof(Date).nullable().refine((val) => !isRequired || val !== null, { message: "Укажите период" }),
-	end: z$1.instanceof(Date).nullable().refine((val) => !isRequired || val !== null, { message: "Укажите период" })
+const loginSchema = z$1.object({
+	username: z$1.string().min(1, { message: "Пожалуйста, заполните это поле" }).regex(/^[A-Za-z]{1,}\.[A-Za-z]{1,}\.[A-Za-z]*$/, { message: "Пожалуйста, используйте формат \"a.p.petrov\"" }),
+	password: z$1.string().min(1, { message: "Пожалуйста, заполните это поле" })
 });
-const dateRangeSchema = (isRequired) => dateRangeFormSchema(isRequired).transform((data) => ({
-	begin: toIsoString(data.begin),
-	end: toIsoString(data.end)
-}));
-var DateRangeInputComponent = class DateRangeInputComponent {
-	DEFAULT_MIN_DATE = new Date(2020, 0, 1);
-	label = input("", ...ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []);
-	dateRange = input({
-		begin: "",
-		end: ""
-	}, ...ngDevMode ? [{ debugName: "dateRange" }] : /* istanbul ignore next */ []);
-	minDate = input(this.DEFAULT_MIN_DATE, ...ngDevMode ? [{ debugName: "minDate" }] : /* istanbul ignore next */ []);
-	clearInput = input(null, ...ngDevMode ? [{ debugName: "clearInput" }] : /* istanbul ignore next */ []);
-	required = input(false, ...ngDevMode ? [{ debugName: "required" }] : /* istanbul ignore next */ []);
-	dateRangeChange = output();
+var LoginFormComponent = class LoginFormComponent {
+	pending = input(false, ...ngDevMode ? [{ debugName: "pending" }] : /* istanbul ignore next */ []);
+	submitted = output();
+	isHidePassword = signal(true, ...ngDevMode ? [{ debugName: "isHidePassword" }] : /* istanbul ignore next */ []);
 	formModel = signal({
-		begin: null,
-		end: null
+		username: "",
+		password: ""
 	}, ...ngDevMode ? [{ debugName: "formModel" }] : /* istanbul ignore next */ []);
 	form = form(this.formModel, (schemaPath) => {
-		validateStandardSchema(schemaPath, dateRangeFormSchema(this.required()));
-		debounce(schemaPath.begin, 500);
-		debounce(schemaPath.end, 500);
-	});
-	constructor() {
-		effect(() => {
-			this.clearInput();
-			untracked(() => this.form().reset());
-		});
-		effect(() => {
-			const value = this.dateRange();
-			untracked(() => {
-				this.form.begin().value.set(value.begin ? new Date(value.begin) : null);
-				this.form.end().value.set(value.end ? new Date(value.end) : null);
-			});
-		});
-		effect(() => {
-			const currentValues = this.form().value();
-			if (this.form().valid()) {
-				const formattedRange = dateRangeSchema(this.required()).parse(currentValues);
-				this.dateRangeChange.emit(formattedRange);
-			}
-		});
+		validateStandardSchema(schemaPath, loginSchema);
+		disabled(schemaPath.username, { when: () => this.pending() });
+		disabled(schemaPath.password, { when: () => this.pending() });
+	}, { submission: { action: async (field) => {
+		this.submitted.emit(field().value());
+	} } });
+	showPassword() {
+		this.isHidePassword.set(false);
+	}
+	hidePassword() {
+		this.isHidePassword.set(true);
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
 		version: "22.2.2",
 		ngImport: i0,
-		type: DateRangeInputComponent,
+		type: LoginFormComponent,
 		deps: [],
 		target: i0.ɵɵFactoryTarget.Component
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
 		version: "22.2.2",
-		type: DateRangeInputComponent,
+		type: LoginFormComponent,
 		isStandalone: true,
-		selector: "ngx-uik-date-range-input",
-		inputs: {
-			label: {
-				classPropertyName: "label",
-				publicName: "label",
-				isSignal: true,
-				isRequired: false,
-				transformFunction: null
-			},
-			dateRange: {
-				classPropertyName: "dateRange",
-				publicName: "dateRange",
-				isSignal: true,
-				isRequired: false,
-				transformFunction: null
-			},
-			minDate: {
-				classPropertyName: "minDate",
-				publicName: "minDate",
-				isSignal: true,
-				isRequired: false,
-				transformFunction: null
-			},
-			clearInput: {
-				classPropertyName: "clearInput",
-				publicName: "clearInput",
-				isSignal: true,
-				isRequired: false,
-				transformFunction: null
-			},
-			required: {
-				classPropertyName: "required",
-				publicName: "required",
-				isSignal: true,
-				isRequired: false,
-				transformFunction: null
-			}
-		},
-		outputs: { dateRangeChange: "dateRangeChange" },
-		providers: [{
-			provide: DateAdapter,
-			useClass: CustomDateAdapter
-		}, {
-			provide: MAT_DATE_FORMATS,
-			useValue: MY_NATIVE_FORMATS
-		}],
+		selector: "ngx-uik-login-form",
+		inputs: { pending: {
+			classPropertyName: "pending",
+			publicName: "pending",
+			isSignal: true,
+			isRequired: false,
+			transformFunction: null
+		} },
+		outputs: { submitted: "submitted" },
 		ngImport: i0,
-		template: "<mat-form-field appearance=\"fill\">\r\n  <mat-label>{{ label() }}</mat-label>\r\n  <mat-date-range-input\r\n    [rangePicker]=\"picker\"\r\n    [min]=\"minDate()\"\r\n  >\r\n    <input matStartDate [formField]=\"form.begin\" placeholder=\"Дата начала\" />\r\n    <input matEndDate [formField]=\"form.end\" placeholder=\"Дата окончания\" />\r\n  </mat-date-range-input>\r\n  <mat-datepicker-toggle matIconSuffix [for]=\"picker\"></mat-datepicker-toggle>\r\n  <mat-date-range-picker #picker></mat-date-range-picker>\r\n  @if (form.begin().touched() && form.begin().invalid()) {\r\n    <ng-container ngProjectAs=\"mat-error\">\r\n        <mat-error>{{ form.begin().errors()[0]?.message }}</mat-error>\r\n      </ng-container>\r\n  }\r\n  @if (form.end().touched() && form.end().invalid()) {\r\n    <ng-container ngProjectAs=\"mat-error\">\r\n      <mat-error>{{ form.end().errors()[0]?.message }}</mat-error>\r\n    </ng-container>\r\n  }\r\n</mat-form-field>\r\n",
-		styles: ["mat-form-field{margin-right:16px}\n"],
+		template: "<mat-card appearance=\"outlined\">\r\n  <mat-card-header>\r\n    <mat-card-title> Авторизация </mat-card-title>\r\n  </mat-card-header>\r\n  <mat-card-content>\r\n    <form [formRoot]=\"form\">\r\n      <mat-form-field class=\"login-field\">\r\n        <mat-label>Имя пользователя</mat-label>\r\n        <input\r\n          type=\"text\"\r\n          matInput\r\n          autocomplete=\"on\"\r\n          placeholder=\"Имя пользователя\"\r\n          [formField]=\"form.username\"\r\n        />\r\n        @if (form.username().touched() && form.username().invalid()) {\r\n          <ng-container ngProjectAs=\"mat-error\">\r\n              <mat-error>{{ form.username().errors()[0]?.message }}</mat-error>\r\n          </ng-container>\r\n        }\r\n      </mat-form-field>\r\n\r\n      <mat-form-field class=\"login-field\">\r\n        <mat-label>Пароль</mat-label>\r\n        <input\r\n          [type]=\"isHidePassword() ? 'password' : 'text'\"\r\n          matInput\r\n          placeholder=\"Пароль\"\r\n          [formField]=\"form.password\"\r\n        />\r\n        <mat-icon\r\n          class=\"watcher\"\r\n          matSuffix\r\n          (mousedown)=\"showPassword()\"\r\n          (mouseup)=\"hidePassword()\"\r\n          >{{ isHidePassword() ? \"visibility_off\" : \"visibility\" }}</mat-icon\r\n        >\r\n        @if (form.password().touched() && form.password().invalid()) {\r\n          <ng-container ngProjectAs=\"mat-error\">\r\n            <mat-error>{{ form.password().errors()[0]?.message }}</mat-error>\r\n          </ng-container>\r\n        }\r\n      </mat-form-field>\r\n\r\n      <div class=\"loginButtons\">\r\n        <button\r\n          type=\"submit\"\r\n          mat-button\r\n          mat-stroked-button\r\n          color=\"primary\"\r\n          [disabled]=\"!form().valid() || pending()\"\r\n        >\r\n          Войти\r\n        </button>\r\n      </div>\r\n    </form>\r\n  </mat-card-content>\r\n</mat-card>\r\n",
+		styles: [":host{display:flex;justify-content:center;margin:32px 0}form{display:flex;flex-direction:column;gap:16px}.login-field{width:100%;min-width:300px}mat-card-header{justify-content:center}mat-card-content{font-size:16px}.loginButtons{display:flex;flex-direction:row;justify-content:flex-end}.watcher{cursor:default}\n"],
 		dependencies: [
+			{
+				kind: "directive",
+				type: FormRoot,
+				selector: "form[formRoot]",
+				inputs: ["formRoot"]
+			},
 			{
 				kind: "directive",
 				type: FormField,
@@ -3599,6 +3482,28 @@ var DateRangeInputComponent = class DateRangeInputComponent {
 				inputs: ["formField"],
 				exportAs: ["formField"]
 			},
+			{
+				kind: "component",
+				type: MatCard,
+				selector: "mat-card",
+				inputs: ["appearance"],
+				exportAs: ["matCard"]
+			},
+			{
+				kind: "component",
+				type: MatCardHeader,
+				selector: "mat-card-header"
+			},
+			{
+				kind: "directive",
+				type: MatCardTitle,
+				selector: "mat-card-title, [mat-card-title], [matCardTitle]"
+			},
+			{
+				kind: "directive",
+				type: MatCardContent,
+				selector: "mat-card-content"
+			},
 			{
 				kind: "component",
 				type: MatFormField,
@@ -3618,65 +3523,172 @@ var DateRangeInputComponent = class DateRangeInputComponent {
 				type: MatLabel,
 				selector: "mat-label"
 			},
+			{
+				kind: "directive",
+				type: MatInput,
+				selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]",
+				inputs: [
+					"disabled",
+					"id",
+					"placeholder",
+					"name",
+					"required",
+					"type",
+					"errorStateMatcher",
+					"aria-describedby",
+					"value",
+					"readonly",
+					"disabledInteractive"
+				],
+				exportAs: ["matInput"]
+			},
+			{
+				kind: "directive",
+				type: MatError,
+				selector: "mat-error, [matError]",
+				inputs: ["id"]
+			},
+			{
+				kind: "component",
+				type: MatIcon,
+				selector: "mat-icon",
+				inputs: [
+					"color",
+					"inline",
+					"svgIcon",
+					"fontSet",
+					"fontIcon"
+				],
+				exportAs: ["matIcon"]
+			},
+			{
+				kind: "directive",
+				type: MatSuffix,
+				selector: "[matSuffix], [matIconSuffix], [matTextSuffix]",
+				inputs: ["matTextSuffix"]
+			},
+			{
+				kind: "component",
+				type: MatButton,
+				selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ",
+				inputs: ["matButton"],
+				exportAs: ["matButton", "matAnchor"]
+			}
+		]
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: LoginFormComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "ngx-uik-login-form",
+			imports: [
+				FormRoot,
+				FormField,
+				MatCard,
+				MatCardHeader,
+				MatCardTitle,
+				MatCardContent,
+				MatFormField,
+				MatLabel,
+				MatInput,
+				MatError,
+				MatIcon,
+				MatSuffix,
+				MatButton
+			],
+			template: "<mat-card appearance=\"outlined\">\r\n  <mat-card-header>\r\n    <mat-card-title> Авторизация </mat-card-title>\r\n  </mat-card-header>\r\n  <mat-card-content>\r\n    <form [formRoot]=\"form\">\r\n      <mat-form-field class=\"login-field\">\r\n        <mat-label>Имя пользователя</mat-label>\r\n        <input\r\n          type=\"text\"\r\n          matInput\r\n          autocomplete=\"on\"\r\n          placeholder=\"Имя пользователя\"\r\n          [formField]=\"form.username\"\r\n        />\r\n        @if (form.username().touched() && form.username().invalid()) {\r\n          <ng-container ngProjectAs=\"mat-error\">\r\n              <mat-error>{{ form.username().errors()[0]?.message }}</mat-error>\r\n          </ng-container>\r\n        }\r\n      </mat-form-field>\r\n\r\n      <mat-form-field class=\"login-field\">\r\n        <mat-label>Пароль</mat-label>\r\n        <input\r\n          [type]=\"isHidePassword() ? 'password' : 'text'\"\r\n          matInput\r\n          placeholder=\"Пароль\"\r\n          [formField]=\"form.password\"\r\n        />\r\n        <mat-icon\r\n          class=\"watcher\"\r\n          matSuffix\r\n          (mousedown)=\"showPassword()\"\r\n          (mouseup)=\"hidePassword()\"\r\n          >{{ isHidePassword() ? \"visibility_off\" : \"visibility\" }}</mat-icon\r\n        >\r\n        @if (form.password().touched() && form.password().invalid()) {\r\n          <ng-container ngProjectAs=\"mat-error\">\r\n            <mat-error>{{ form.password().errors()[0]?.message }}</mat-error>\r\n          </ng-container>\r\n        }\r\n      </mat-form-field>\r\n\r\n      <div class=\"loginButtons\">\r\n        <button\r\n          type=\"submit\"\r\n          mat-button\r\n          mat-stroked-button\r\n          color=\"primary\"\r\n          [disabled]=\"!form().valid() || pending()\"\r\n        >\r\n          Войти\r\n        </button>\r\n      </div>\r\n    </form>\r\n  </mat-card-content>\r\n</mat-card>\r\n",
+			styles: [":host{display:flex;justify-content:center;margin:32px 0}form{display:flex;flex-direction:column;gap:16px}.login-field{width:100%;min-width:300px}mat-card-header{justify-content:center}mat-card-content{font-size:16px}.loginButtons{display:flex;flex-direction:row;justify-content:flex-end}.watcher{cursor:default}\n"]
+		}]
+	}],
+	propDecorators: {
+		pending: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "pending",
+				required: false
+			}]
+		}],
+		submitted: [{
+			type: i0.Output,
+			args: ["submitted"]
+		}]
+	}
+});
+var PermitFormComponent = class PermitFormComponent {
+	hidy = viewChild("hidy", ...ngDevMode ? [{ debugName: "hidy" }] : /* istanbul ignore next */ []);
+	submitted = output();
+	constructor() {
+		effect(() => {
+			const inputEl = this.hidy()?.nativeElement;
+			if (inputEl) inputEl.focus();
+		});
+	}
+	focusInput() {
+		this.hidy()?.nativeElement.focus();
+	}
+	onKeydown(event) {
+		if (event.key === "Enter") {
+			const inputEl = this.hidy()?.nativeElement;
+			if (inputEl?.value && inputEl.value.trim()) {
+				this.submitted.emit(inputEl.value);
+				inputEl.value = "";
+			}
+		}
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: PermitFormComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.2.0",
+		version: "22.2.2",
+		type: PermitFormComponent,
+		isStandalone: true,
+		selector: "ngx-uik-permit-form",
+		outputs: { submitted: "submitted" },
+		host: { listeners: { "document:mouseup": "focusInput()" } },
+		viewQueries: [{
+			propertyName: "hidy",
+			first: true,
+			predicate: ["hidy"],
+			descendants: true,
+			isSignal: true
+		}],
+		ngImport: i0,
+		template: "<mat-card appearance=\"outlined\">\r\n    <mat-card-header>\r\n        <mat-card-title>\r\n        Приложите пропуск\r\n        </mat-card-title>\r\n    </mat-card-header>\r\n    <mat-card-content>\r\n        <div class=\"permit\"></div>\r\n    </mat-card-content>\r\n</mat-card>\r\n<input #hidy class=\"hidy\" type=\"text\" (keydown)=\"onKeydown($event)\"/>",
+		styles: [":host{display:flex;justify-content:center;margin:32px 0}.mat-mdc-form-field{width:100%;min-width:300px}mat-card-title,mat-card-content{display:flex;justify-content:center}mat-card-content{font-size:16px}div.permit{border:none;width:300px;background-size:300px;height:180px}div.permit button div{margin-bottom:200px;color:#000;font-size:34px}input.hidy{opacity:0;position:absolute;left:-200px;top:-200px}\n"],
+		dependencies: [
 			{
 				kind: "component",
-				type: MatDateRangeInput,
-				selector: "mat-date-range-input",
-				inputs: [
-					"rangePicker",
-					"required",
-					"dateFilter",
-					"min",
-					"max",
-					"disabled",
-					"separator",
-					"comparisonStart",
-					"comparisonEnd"
-				],
-				exportAs: ["matDateRangeInput"]
-			},
-			{
-				kind: "directive",
-				type: MatStartDate,
-				selector: "input[matStartDate]",
-				outputs: ["dateChange", "dateInput"]
-			},
-			{
-				kind: "directive",
-				type: MatEndDate,
-				selector: "input[matEndDate]",
-				outputs: ["dateChange", "dateInput"]
+				type: MatCard,
+				selector: "mat-card",
+				inputs: ["appearance"],
+				exportAs: ["matCard"]
 			},
 			{
 				kind: "component",
-				type: MatDatepickerToggle,
-				selector: "mat-datepicker-toggle",
-				inputs: [
-					"for",
-					"tabIndex",
-					"aria-label",
-					"disabled",
-					"disableRipple"
-				],
-				exportAs: ["matDatepickerToggle"]
+				type: MatCardHeader,
+				selector: "mat-card-header"
 			},
 			{
 				kind: "directive",
-				type: MatSuffix,
-				selector: "[matSuffix], [matIconSuffix], [matTextSuffix]",
-				inputs: ["matTextSuffix"]
-			},
-			{
-				kind: "component",
-				type: MatDateRangePicker,
-				selector: "mat-date-range-picker",
-				exportAs: ["matDateRangePicker"]
+				type: MatCardTitle,
+				selector: "mat-card-title, [mat-card-title], [matCardTitle]"
 			},
 			{
 				kind: "directive",
-				type: MatError,
-				selector: "mat-error, [matError]",
-				inputs: ["id"]
+				type: MatCardContent,
+				selector: "mat-card-content"
 			}
 		]
 	});
@@ -3685,121 +3697,146 @@ i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
 	version: "22.2.2",
 	ngImport: i0,
-	type: DateRangeInputComponent,
+	type: PermitFormComponent,
 	decorators: [{
 		type: Component,
 		args: [{
-			selector: "ngx-uik-date-range-input",
+			selector: "ngx-uik-permit-form",
 			imports: [
-				FormField,
-				MatFormField,
-				MatLabel,
-				MatDateRangeInput,
-				MatStartDate,
-				MatEndDate,
-				MatDatepickerToggle,
-				MatSuffix,
-				MatDateRangePicker,
-				MatError
+				MatCard,
+				MatCardHeader,
+				MatCardTitle,
+				MatCardContent
 			],
-			providers: [{
-				provide: DateAdapter,
-				useClass: CustomDateAdapter
-			}, {
-				provide: MAT_DATE_FORMATS,
-				useValue: MY_NATIVE_FORMATS
-			}],
-			template: "<mat-form-field appearance=\"fill\">\r\n  <mat-label>{{ label() }}</mat-label>\r\n  <mat-date-range-input\r\n    [rangePicker]=\"picker\"\r\n    [min]=\"minDate()\"\r\n  >\r\n    <input matStartDate [formField]=\"form.begin\" placeholder=\"Дата начала\" />\r\n    <input matEndDate [formField]=\"form.end\" placeholder=\"Дата окончания\" />\r\n  </mat-date-range-input>\r\n  <mat-datepicker-toggle matIconSuffix [for]=\"picker\"></mat-datepicker-toggle>\r\n  <mat-date-range-picker #picker></mat-date-range-picker>\r\n  @if (form.begin().touched() && form.begin().invalid()) {\r\n    <ng-container ngProjectAs=\"mat-error\">\r\n        <mat-error>{{ form.begin().errors()[0]?.message }}</mat-error>\r\n      </ng-container>\r\n  }\r\n  @if (form.end().touched() && form.end().invalid()) {\r\n    <ng-container ngProjectAs=\"mat-error\">\r\n      <mat-error>{{ form.end().errors()[0]?.message }}</mat-error>\r\n    </ng-container>\r\n  }\r\n</mat-form-field>\r\n",
-			styles: ["mat-form-field{margin-right:16px}\n"]
+			template: "<mat-card appearance=\"outlined\">\r\n    <mat-card-header>\r\n        <mat-card-title>\r\n        Приложите пропуск\r\n        </mat-card-title>\r\n    </mat-card-header>\r\n    <mat-card-content>\r\n        <div class=\"permit\"></div>\r\n    </mat-card-content>\r\n</mat-card>\r\n<input #hidy class=\"hidy\" type=\"text\" (keydown)=\"onKeydown($event)\"/>",
+			styles: [":host{display:flex;justify-content:center;margin:32px 0}.mat-mdc-form-field{width:100%;min-width:300px}mat-card-title,mat-card-content{display:flex;justify-content:center}mat-card-content{font-size:16px}div.permit{border:none;width:300px;background-size:300px;height:180px}div.permit button div{margin-bottom:200px;color:#000;font-size:34px}input.hidy{opacity:0;position:absolute;left:-200px;top:-200px}\n"]
 		}]
 	}],
 	ctorParameters: () => [],
 	propDecorators: {
-		label: [{
-			type: i0.Input,
-			args: [{
-				isSignal: true,
-				alias: "label",
-				required: false
-			}]
-		}],
-		dateRange: [{
-			type: i0.Input,
-			args: [{
-				isSignal: true,
-				alias: "dateRange",
-				required: false
-			}]
-		}],
-		minDate: [{
-			type: i0.Input,
-			args: [{
-				isSignal: true,
-				alias: "minDate",
-				required: false
-			}]
-		}],
-		clearInput: [{
-			type: i0.Input,
-			args: [{
-				isSignal: true,
-				alias: "clearInput",
-				required: false
-			}]
-		}],
-		required: [{
-			type: i0.Input,
-			args: [{
-				isSignal: true,
-				alias: "required",
-				required: false
-			}]
+		hidy: [{
+			type: i0.ViewChild,
+			args: ["hidy", { isSignal: true }]
 		}],
-		dateRangeChange: [{
+		submitted: [{
 			type: i0.Output,
-			args: ["dateRangeChange"]
+			args: ["submitted"]
+		}],
+		focusInput: [{
+			type: HostListener,
+			args: ["document:mouseup"]
 		}]
 	}
 });
-var DialogAction;
-(function(DialogAction) {
-	DialogAction["Add"] = "Добавить";
-	DialogAction["Edit"] = "Изменить";
-	DialogAction["Delete"] = "Удалить";
-	DialogAction["None"] = "";
-})(DialogAction || (DialogAction = {}));
-var EmptyComponent = class EmptyComponent {
+var LoginPageComponent = class LoginPageComponent {
+	pending = signal(false, ...ngDevMode ? [{ debugName: "pending" }] : /* istanbul ignore next */ []);
+	isKiosk = signal(false, ...ngDevMode ? [{ debugName: "isKiosk" }] : /* istanbul ignore next */ []);
+	idCas = input(0, ...ngDevMode ? [{ debugName: "idCas" }] : /* istanbul ignore next */ []);
+	authService = inject(AuthService);
+	router = inject(Router);
+	notificationService = inject(UIKIT_NOTIFICATION_TOKEN, { optional: true });
+	constructor() {
+		if (localStorage.getItem("id_human") || localStorage.getItem("kiosk-keyboard-layout")) {}
+	}
+	async onSubmit(event) {
+		this.startLoading();
+		try {
+			await lastValueFrom(this.authService.login(event.username, event.password, this.idCas()));
+			this.handleSuccessLogin();
+		} catch (error) {
+			this.handleError(error);
+		} finally {
+			this.finishLoading();
+		}
+	}
+	async onSubmitPermit(permit) {
+		this.startLoading();
+		try {
+			await lastValueFrom(this.authService.loginByPermit(permit, this.idCas()));
+			this.handleSuccessLogin();
+		} catch (error) {
+			this.handleError(error);
+		} finally {
+			this.finishLoading();
+		}
+	}
+	startLoading() {
+		this.pending.set(true);
+	}
+	finishLoading() {
+		this.pending.set(false);
+	}
+	handleError(error) {
+		const errorMsg = "Ошибка при авторизации: " + (error.error || error.error?.message || error.message);
+		this.notificationService?.error(errorMsg, 0);
+	}
+	handleSuccessLogin() {
+		this.notificationService?.success("Успешная авторизация");
+		if (!this.router) return;
+		const returnUrl = this.router.parseUrl(this.router.url).queryParamMap.get("returnUrl");
+		if (returnUrl) this.router.navigateByUrl(decodeURIComponent(returnUrl));
+		else this.router.navigate(["/"]);
+	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
 		version: "22.2.2",
 		ngImport: i0,
-		type: EmptyComponent,
+		type: LoginPageComponent,
 		deps: [],
 		target: i0.ɵɵFactoryTarget.Component
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
-		minVersion: "14.0.0",
+		minVersion: "17.0.0",
 		version: "22.2.2",
-		type: EmptyComponent,
+		type: LoginPageComponent,
 		isStandalone: true,
-		selector: "ngx-uik-empty-route-guard-holder",
+		selector: "ngx-uik-login-page",
+		inputs: { idCas: {
+			classPropertyName: "idCas",
+			publicName: "idCas",
+			isSignal: true,
+			isRequired: false,
+			transformFunction: null
+		} },
 		ngImport: i0,
-		template: "",
-		isInline: true
+		template: "@if (isKiosk()) {\r\n  <ngx-uik-permit-form (submitted)=\"onSubmitPermit($event)\" />\r\n} @else {\r\n  <ngx-uik-login-form (submitted)=\"onSubmit($event)\" [pending]=\"pending()\" />\r\n}\r\n",
+		styles: [""],
+		dependencies: [{
+			kind: "component",
+			type: LoginFormComponent,
+			selector: "ngx-uik-login-form",
+			inputs: ["pending"],
+			outputs: ["submitted"]
+		}, {
+			kind: "component",
+			type: PermitFormComponent,
+			selector: "ngx-uik-permit-form",
+			outputs: ["submitted"]
+		}]
 	});
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
 	version: "22.2.2",
 	ngImport: i0,
-	type: EmptyComponent,
+	type: LoginPageComponent,
 	decorators: [{
 		type: Component,
 		args: [{
-			selector: "ngx-uik-empty-route-guard-holder",
-			template: ""
+			selector: "ngx-uik-login-page",
+			imports: [LoginFormComponent, PermitFormComponent],
+			template: "@if (isKiosk()) {\r\n  <ngx-uik-permit-form (submitted)=\"onSubmitPermit($event)\" />\r\n} @else {\r\n  <ngx-uik-login-form (submitted)=\"onSubmit($event)\" [pending]=\"pending()\" />\r\n}\r\n"
 		}]
-	}]
+	}],
+	ctorParameters: () => [],
+	propDecorators: { idCas: [{
+		type: i0.Input,
+		args: [{
+			isSignal: true,
+			alias: "idCas",
+			required: false
+		}]
+	}] }
 });
 var NavBarComponent = class NavBarComponent extends BaseNavBarMenuClass {
 	visibleOnLogout = input(false, ...ngDevMode ? [{ debugName: "visibleOnLogout" }] : /* istanbul ignore next */ []);