@kuzntsv/uikit 1.0.81 → 1.0.83

package/fesm2022/kuzntsv-uikit-ui.mjs

@@ -1,9 +1,9 @@
 import * as i0 from "@angular/core";
 import { ChangeDetectionStrategy, ChangeDetectorRef, Component, Directive, ElementRef, HostListener, Injectable, InjectionToken, Injector, NgZone, Pipe, computed, effect, inject, input, linkedSignal, makeEnvironmentProviders, model, output, signal, untracked, viewChild } from "@angular/core";
 import { Router, RouterLink } from "@angular/router";
-import { ReplaySubject, Subject, Subscription, filter, finalize, forkJoin, map, of, startWith, switchMap, take, tap } from "rxjs";
+import { ReplaySubject, Subject, Subscription, filter, finalize, forkJoin, map, of, switchMap, take, tap } from "rxjs";
 import { API_NAME, AuthService, HIDE_ROLE_MARKER, NotificationService, RoleService, SignalSelectionModel, UIKIT_NOTIFICATION_TOKEN, formatZodError } from "@kuzntsv/uikit";
-import * as i1$1 from "@angular/forms";
+import * as i1$2 from "@angular/forms";
 import { FormControl, FormGroup, FormsModule, NgControl, ReactiveFormsModule, Validators } from "@angular/forms";
 import { MatAnchor, MatButton, MatIconButton } from "@angular/material/button";
 import { MatCard, MatCardContent, MatCardHeader, MatCardTitle } from "@angular/material/card";
@@ -14,14 +14,14 @@ import { HttpClient, HttpContext, HttpParams, httpResource } from "@angular/comm
 import { Overlay } from "@angular/cdk/overlay";
 import { ComponentPortal } from "@angular/cdk/portal";
 import { COMMA, ENTER } from "@angular/cdk/keycodes";
-import { AsyncPipe } from "@angular/common";
-import * as i2$1 from "@angular/material/autocomplete";
+import * as i1$1 from "@angular/material/autocomplete";
 import { MatAutocompleteModule, MatOption } from "@angular/material/autocomplete";
-import * as i3$2 from "@angular/material/chips";
+import * as i2$1 from "@angular/material/chips";
 import { MatChipsModule } from "@angular/material/chips";
-import { catchError, debounceTime, distinctUntilChanged, map as map$1, startWith as startWith$1 } from "rxjs/operators";
+import { FormField, form } 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 { catchError, debounceTime, distinctUntilChanged, map as map$1, startWith } from "rxjs/operators";
 import { MAT_DIALOG_DATA, MatDialog, MatDialogActions, MatDialogClose, MatDialogConfig, MatDialogContent, MatDialogRef, MatDialogTitle } from "@angular/material/dialog";
 import * as i4 from "@angular/material/tooltip";
 import { MatTooltip, MatTooltipModule } from "@angular/material/tooltip";
@@ -122,27 +122,27 @@ var LoginFormComponent = class LoginFormComponent {
 			},
 			{
 				kind: "directive",
-				type: i1$1.ɵNgNoValidate,
+				type: i1$2.ɵNgNoValidate,
 				selector: "form:not([ngNoForm]):not([ngNativeValidate])"
 			},
 			{
 				kind: "directive",
-				type: i1$1.DefaultValueAccessor,
+				type: i1$2.DefaultValueAccessor,
 				selector: "input:not([type=checkbox]):not([ngNoCva])[formControlName],textarea:not([ngNoCva])[formControlName],input:not([type=checkbox]):not([ngNoCva])[formControl],textarea:not([ngNoCva])[formControl],input:not([type=checkbox]):not([ngNoCva])[ngModel],textarea:not([ngNoCva])[ngModel],[ngDefaultControl]"
 			},
 			{
 				kind: "directive",
-				type: i1$1.NgControlStatus,
+				type: i1$2.NgControlStatus,
 				selector: "[formControlName],[ngModel],[formControl]"
 			},
 			{
 				kind: "directive",
-				type: i1$1.NgControlStatusGroup,
+				type: i1$2.NgControlStatusGroup,
 				selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]"
 			},
 			{
 				kind: "directive",
-				type: i1$1.PatternValidator,
+				type: i1$2.PatternValidator,
 				selector: "[pattern][formControlName],[pattern][formControl],[pattern][ngModel]",
 				inputs: ["pattern"]
 			},
@@ -152,7 +152,7 @@ var LoginFormComponent = class LoginFormComponent {
 			},
 			{
 				kind: "directive",
-				type: i1$1.FormGroupDirective,
+				type: i1$2.FormGroupDirective,
 				selector: "[formGroup]",
 				inputs: ["formGroup"],
 				outputs: ["ngSubmit"],
@@ -160,7 +160,7 @@ var LoginFormComponent = class LoginFormComponent {
 			},
 			{
 				kind: "directive",
-				type: i1$1.FormControlName,
+				type: i1$2.FormControlName,
 				selector: "[formControlName]",
 				inputs: [
 					"formControlName",
@@ -435,61 +435,60 @@ i0.ɵɵngDeclareClassMetadata({
 		args: [{ providedIn: "root" }]
 	}]
 });
-var BaseMatChipComponent = class BaseMatChipComponent {
+var ChipInputAutocompleteComponent = class ChipInputAutocompleteComponent {
 	items = input([], ...ngDevMode ? [{ debugName: "items" }] : /* istanbul ignore next */ []);
 	selectedItemsInput = input([], ...ngDevMode ? [{ debugName: "selectedItemsInput" }] : /* istanbul ignore next */ []);
 	title = input("", ...ngDevMode ? [{ debugName: "title" }] : /* istanbul ignore next */ []);
 	selectedItemsChange = output();
-	input = viewChild("input", ...ngDevMode ? [{ debugName: "input" }] : /* istanbul ignore next */ []);
+	formModel = signal("", ...ngDevMode ? [{ debugName: "formModel" }] : /* istanbul ignore next */ []);
+	form = form(this.formModel);
 	separatorKeysCodes = [ENTER, COMMA];
-	inputCtrl = new FormControl();
-	filteredItems$;
-	selectedItems = [];
-	constructor() {
-		effect(() => {
-			if (this.items().length > 0) this.filteredItems$ = this.inputCtrl.valueChanges.pipe(startWith(null), map$1((item) => item ? this._filter(item) : this.items().slice()));
-		});
-		effect(() => {
-			if (this.selectedItemsInput()) this.selectedItems = this.items().filter((s) => this.selectedItemsInput().includes(s.value));
-		});
-	}
+	selectedItems = linkedSignal({
+		...ngDevMode ? { debugName: "selectedItems" } : /* istanbul ignore next */ {},
+		source: this.selectedItemsInput,
+		computation: (inputKeys) => this.items().filter((item) => inputKeys.includes(item.value))
+	});
+	filteredItems = computed(() => {
+		const allItems = this.items();
+		const search = this.formModel();
+		if (!search) return allItems;
+		const filterValue = search.toLowerCase();
+		return allItems.filter((item) => item.viewValue.toLowerCase().includes(filterValue));
+	}, ...ngDevMode ? [{ debugName: "filteredItems" }] : /* istanbul ignore next */ []);
 	remove(value) {
-		this.selectedItems = [...this.selectedItems];
-		const index = this.selectedItems.map((i) => i.value).indexOf(value);
-		if (index >= 0) {
-			this.selectedItems.splice(index, 1);
-			this.selectedItemsChange.emit(this.selectedItems.map((i) => i.value));
-		}
+		this.selectedItems.update((items) => items.filter((item) => item.value !== value));
+		this.emitChange();
 	}
 	selected(event) {
-		this.selectedItems = [...this.selectedItems];
-		const item = this.items().find((s) => s.value == event.option.value);
-		if (item) this.selectedItems.push(item);
-		this.selectedItemsChange.emit(this.selectedItems.map((i) => i.value));
-		const inputValue = this.input();
-		if (inputValue) inputValue.nativeElement.value = "";
-		this.inputCtrl.setValue(null);
-	}
-	_filter(value) {
-		const filterValue = value.toLowerCase();
-		return this.items().filter((item) => item.viewValue.toLowerCase().includes(filterValue));
+		const item = this.items().find((s) => s.value === event.option.value);
+		if (item) {
+			this.selectedItems.update((items) => {
+				return items.some((i) => i.value === item.value) ? items : [...items, item];
+			});
+			this.emitChange();
+		}
+		this.formModel.set("");
 	}
 	onCloseClick($event) {
 		$event.stopPropagation();
+		this.selectedItems.set([]);
 		this.selectedItemsChange.emit([]);
 	}
+	emitChange() {
+		this.selectedItemsChange.emit(this.selectedItems().map((i) => i.value));
+	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
 		version: "22.2.2",
 		ngImport: i0,
-		type: BaseMatChipComponent,
+		type: ChipInputAutocompleteComponent,
 		deps: [],
 		target: i0.ɵɵFactoryTarget.Component
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
 		version: "22.2.2",
-		type: BaseMatChipComponent,
+		type: ChipInputAutocompleteComponent,
 		isStandalone: true,
 		selector: "ngx-uik-chip-input-autocomplete",
 		inputs: {
@@ -516,17 +515,17 @@ var BaseMatChipComponent = class BaseMatChipComponent {
 			}
 		},
 		outputs: { selectedItemsChange: "selectedItemsChange" },
-		viewQueries: [{
-			propertyName: "input",
-			first: true,
-			predicate: ["input"],
-			descendants: true,
-			isSignal: true
-		}],
 		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) {\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    [placeholder]=\"'Введите ' + title() + '...'\"\n    [formControl]=\"inputCtrl\"\n    [matAutocomplete]=\"auto\"\n    [matChipInputFor]=\"chipList\"\n    [matChipInputSeparatorKeyCodes]=\"separatorKeysCodes\"\n  />\n  <mat-autocomplete #auto=\"matAutocomplete\" (optionSelected)=\"selected($event)\">\n    @for (item of filteredItems$ | async; track item) {\n      <mat-option\n        [value]=\"item.value\"\n        [disabled]=\"\n          $safeNavigationMigration(selectedItemsInput()?.includes(item.value))\n        \"\n      >\n        {{ item.viewValue }}\n      </mat-option>\n    }\n  </mat-autocomplete>\n  @if (selectedItems.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</mat-form-field>\n",
+		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    [formField]=\"form\"\n    [placeholder]=\"'Введите ' + title() + '...'\"\n    [matAutocomplete]=\"auto\"\n    [matChipInputFor]=\"chipList\"\n    [matChipInputSeparatorKeyCodes]=\"separatorKeysCodes\"\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]=\"selectedItemsInput().includes(item.value)\"\n      >\n        {{ item.viewValue }}\n      </mat-option>\n    }\n  </mat-autocomplete>\n  @if (selectedItems().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</mat-form-field>\n",
 		styles: [".chip-list{width:100%}\n"],
 		dependencies: [
+			{
+				kind: "directive",
+				type: FormField,
+				selector: "[formField]",
+				inputs: ["formField"],
+				exportAs: ["formField"]
+			},
 			{
 				kind: "component",
 				type: MatFormField,
@@ -541,43 +540,13 @@ var BaseMatChipComponent = class BaseMatChipComponent {
 				],
 				exportAs: ["matFormField"]
 			},
-			{
-				kind: "ngmodule",
-				type: FormsModule
-			},
-			{
-				kind: "directive",
-				type: i1$1.DefaultValueAccessor,
-				selector: "input:not([type=checkbox]):not([ngNoCva])[formControlName],textarea:not([ngNoCva])[formControlName],input:not([type=checkbox]):not([ngNoCva])[formControl],textarea:not([ngNoCva])[formControl],input:not([type=checkbox]):not([ngNoCva])[ngModel],textarea:not([ngNoCva])[ngModel],[ngDefaultControl]"
-			},
-			{
-				kind: "directive",
-				type: i1$1.NgControlStatus,
-				selector: "[formControlName],[ngModel],[formControl]"
-			},
-			{
-				kind: "ngmodule",
-				type: ReactiveFormsModule
-			},
-			{
-				kind: "directive",
-				type: i1$1.FormControlDirective,
-				selector: "[formControl]",
-				inputs: [
-					"formControl",
-					"disabled",
-					"ngModel"
-				],
-				outputs: ["ngModelChange"],
-				exportAs: ["ngForm"]
-			},
 			{
 				kind: "ngmodule",
 				type: MatAutocompleteModule
 			},
 			{
 				kind: "component",
-				type: i2$1.MatAutocomplete,
+				type: i1$1.MatAutocomplete,
 				selector: "mat-autocomplete",
 				inputs: [
 					"aria-label",
@@ -601,7 +570,7 @@ var BaseMatChipComponent = class BaseMatChipComponent {
 			},
 			{
 				kind: "component",
-				type: i2$1.MatOption,
+				type: i1$1.MatOption,
 				selector: "mat-option",
 				inputs: [
 					"value",
@@ -613,7 +582,7 @@ var BaseMatChipComponent = class BaseMatChipComponent {
 			},
 			{
 				kind: "directive",
-				type: i2$1.MatAutocompleteTrigger,
+				type: i1$1.MatAutocompleteTrigger,
 				selector: "input[matAutocomplete], textarea[matAutocomplete]",
 				inputs: [
 					"matAutocomplete",
@@ -643,7 +612,7 @@ var BaseMatChipComponent = class BaseMatChipComponent {
 			},
 			{
 				kind: "component",
-				type: i3$2.MatChipGrid,
+				type: i2$1.MatChipGrid,
 				selector: "mat-chip-grid",
 				inputs: [
 					"disabled",
@@ -656,7 +625,7 @@ var BaseMatChipComponent = class BaseMatChipComponent {
 			},
 			{
 				kind: "directive",
-				type: i3$2.MatChipInput,
+				type: i2$1.MatChipInput,
 				selector: "input[matChipInputFor]",
 				inputs: [
 					"matChipInputFor",
@@ -673,12 +642,12 @@ var BaseMatChipComponent = class BaseMatChipComponent {
 			},
 			{
 				kind: "directive",
-				type: i3$2.MatChipRemove,
+				type: i2$1.MatChipRemove,
 				selector: "[matChipRemove]"
 			},
 			{
 				kind: "component",
-				type: i3$2.MatChipRow,
+				type: i2$1.MatChipRow,
 				selector: "mat-chip-row, [mat-chip-row], mat-basic-chip-row, [mat-basic-chip-row]",
 				inputs: ["editable"],
 				outputs: ["edited"]
@@ -687,42 +656,32 @@ var BaseMatChipComponent = class BaseMatChipComponent {
 				kind: "directive",
 				type: MatLabel,
 				selector: "mat-label"
-			},
-			{
-				kind: "pipe",
-				type: AsyncPipe,
-				name: "async"
 			}
-		],
-		changeDetection: i0.ChangeDetectionStrategy.Eager
+		]
 	});
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
 	version: "22.2.2",
 	ngImport: i0,
-	type: BaseMatChipComponent,
+	type: ChipInputAutocompleteComponent,
 	decorators: [{
 		type: Component,
 		args: [{
 			selector: "ngx-uik-chip-input-autocomplete",
-			changeDetection: ChangeDetectionStrategy.Eager,
 			imports: [
+				FormField,
 				MatFormField,
-				AsyncPipe,
-				FormsModule,
-				ReactiveFormsModule,
 				MatAutocompleteModule,
 				MatIcon,
 				MatOption,
 				MatChipsModule,
 				MatLabel
 			],
-			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) {\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    [placeholder]=\"'Введите ' + title() + '...'\"\n    [formControl]=\"inputCtrl\"\n    [matAutocomplete]=\"auto\"\n    [matChipInputFor]=\"chipList\"\n    [matChipInputSeparatorKeyCodes]=\"separatorKeysCodes\"\n  />\n  <mat-autocomplete #auto=\"matAutocomplete\" (optionSelected)=\"selected($event)\">\n    @for (item of filteredItems$ | async; track item) {\n      <mat-option\n        [value]=\"item.value\"\n        [disabled]=\"\n          $safeNavigationMigration(selectedItemsInput()?.includes(item.value))\n        \"\n      >\n        {{ item.viewValue }}\n      </mat-option>\n    }\n  </mat-autocomplete>\n  @if (selectedItems.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</mat-form-field>\n",
+			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    [formField]=\"form\"\n    [placeholder]=\"'Введите ' + title() + '...'\"\n    [matAutocomplete]=\"auto\"\n    [matChipInputFor]=\"chipList\"\n    [matChipInputSeparatorKeyCodes]=\"separatorKeysCodes\"\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]=\"selectedItemsInput().includes(item.value)\"\n      >\n        {{ item.viewValue }}\n      </mat-option>\n    }\n  </mat-autocomplete>\n  @if (selectedItems().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</mat-form-field>\n",
 			styles: [".chip-list{width:100%}\n"]
 		}]
 	}],
-	ctorParameters: () => [],
 	propDecorators: {
 		items: [{
 			type: i0.Input,
@@ -751,10 +710,6 @@ i0.ɵɵngDeclareClassMetadata({
 		selectedItemsChange: [{
 			type: i0.Output,
 			args: ["selectedItemsChange"]
-		}],
-		input: [{
-			type: i0.ViewChild,
-			args: ["input", { isSignal: true }]
 		}]
 	}
 });
@@ -972,17 +927,17 @@ var DateRangeInputComponent = class DateRangeInputComponent {
 			},
 			{
 				kind: "directive",
-				type: i1$1.DefaultValueAccessor,
+				type: i1$2.DefaultValueAccessor,
 				selector: "input:not([type=checkbox]):not([ngNoCva])[formControlName],textarea:not([ngNoCva])[formControlName],input:not([type=checkbox]):not([ngNoCva])[formControl],textarea:not([ngNoCva])[formControl],input:not([type=checkbox]):not([ngNoCva])[ngModel],textarea:not([ngNoCva])[ngModel],[ngDefaultControl]"
 			},
 			{
 				kind: "directive",
-				type: i1$1.NgControlStatus,
+				type: i1$2.NgControlStatus,
 				selector: "[formControlName],[ngModel],[formControl]"
 			},
 			{
 				kind: "directive",
-				type: i1$1.NgControlStatusGroup,
+				type: i1$2.NgControlStatusGroup,
 				selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]"
 			},
 			{
@@ -991,7 +946,7 @@ var DateRangeInputComponent = class DateRangeInputComponent {
 			},
 			{
 				kind: "directive",
-				type: i1$1.FormGroupDirective,
+				type: i1$2.FormGroupDirective,
 				selector: "[formGroup]",
 				inputs: ["formGroup"],
 				outputs: ["ngSubmit"],
@@ -999,7 +954,7 @@ var DateRangeInputComponent = class DateRangeInputComponent {
 			},
 			{
 				kind: "directive",
-				type: i1$1.FormControlName,
+				type: i1$2.FormControlName,
 				selector: "[formControlName]",
 				inputs: [
 					"formControlName",
@@ -3784,7 +3739,7 @@ var BaseSelectAutocompleteWithVsComponent = class BaseSelectAutocompleteWithVsCo
 		});
 	}
 	ngOnInit() {
-		const subs = this.inputCtrl.valueChanges.pipe(startWith$1(""), debounceTime(500), distinctUntilChanged(), map$1((value) => {
+		const subs = this.inputCtrl.valueChanges.pipe(startWith(""), debounceTime(500), distinctUntilChanged(), map$1((value) => {
 			console.log("typeof value =", typeof value);
 			if (typeof value === "undefined") this.setFileredItems(this.items());
 			else if (typeof value !== "object") {
@@ -3902,17 +3857,17 @@ var BaseSelectAutocompleteWithVsComponent = class BaseSelectAutocompleteWithVsCo
 			},
 			{
 				kind: "directive",
-				type: i1$1.DefaultValueAccessor,
+				type: i1$2.DefaultValueAccessor,
 				selector: "input:not([type=checkbox]):not([ngNoCva])[formControlName],textarea:not([ngNoCva])[formControlName],input:not([type=checkbox]):not([ngNoCva])[formControl],textarea:not([ngNoCva])[formControl],input:not([type=checkbox]):not([ngNoCva])[ngModel],textarea:not([ngNoCva])[ngModel],[ngDefaultControl]"
 			},
 			{
 				kind: "directive",
-				type: i1$1.NgControlStatus,
+				type: i1$2.NgControlStatus,
 				selector: "[formControlName],[ngModel],[formControl]"
 			},
 			{
 				kind: "directive",
-				type: i1$1.RequiredValidator,
+				type: i1$2.RequiredValidator,
 				selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]",
 				inputs: ["required"]
 			},
@@ -3922,7 +3877,7 @@ var BaseSelectAutocompleteWithVsComponent = class BaseSelectAutocompleteWithVsCo
 			},
 			{
 				kind: "directive",
-				type: i1$1.FormControlDirective,
+				type: i1$2.FormControlDirective,
 				selector: "[formControl]",
 				inputs: [
 					"formControl",
@@ -3938,7 +3893,7 @@ var BaseSelectAutocompleteWithVsComponent = class BaseSelectAutocompleteWithVsCo
 			},
 			{
 				kind: "component",
-				type: i2$1.MatAutocomplete,
+				type: i1$1.MatAutocomplete,
 				selector: "mat-autocomplete",
 				inputs: [
 					"aria-label",
@@ -3962,7 +3917,7 @@ var BaseSelectAutocompleteWithVsComponent = class BaseSelectAutocompleteWithVsCo
 			},
 			{
 				kind: "component",
-				type: i2$1.MatOption,
+				type: i1$1.MatOption,
 				selector: "mat-option",
 				inputs: [
 					"value",
@@ -3974,7 +3929,7 @@ var BaseSelectAutocompleteWithVsComponent = class BaseSelectAutocompleteWithVsCo
 			},
 			{
 				kind: "directive",
-				type: i2$1.MatAutocompleteTrigger,
+				type: i1$1.MatAutocompleteTrigger,
 				selector: "input[matAutocomplete], textarea[matAutocomplete]",
 				inputs: [
 					"matAutocomplete",
@@ -4242,7 +4197,7 @@ var BaseSelectWithGroupComponent = class BaseSelectWithGroupComponent {
 			},
 			{
 				kind: "directive",
-				type: i1$1.NgControlStatus,
+				type: i1$2.NgControlStatus,
 				selector: "[formControlName],[ngModel],[formControl]"
 			},
 			{
@@ -4251,7 +4206,7 @@ var BaseSelectWithGroupComponent = class BaseSelectWithGroupComponent {
 			},
 			{
 				kind: "directive",
-				type: i1$1.FormControlDirective,
+				type: i1$2.FormControlDirective,
 				selector: "[formControl]",
 				inputs: [
 					"formControl",
@@ -4644,7 +4599,7 @@ var TableComponent = class TableComponent {
 			}
 		],
 		ngImport: i0,
-		template: "<div class=\"component-container\">\r\n  <div class=\"table-container\">\r\n    <table\r\n      mat-table\r\n      [dataSource]=\"dataSource\"\r\n      matSort\r\n      [matSortActive]=\"sortState().sortActive\"\r\n      [matSortDirection]=\"sortState().sortDirection\"\r\n      (matSortChange)=\"onSortEvent($event)\"\r\n      matSortDisableClear\r\n    >\r\n      <!-- Выбор строки Column -->\r\n      <ng-container matColumnDef=\"select\">\r\n        <th mat-header-cell *matHeaderCellDef>\r\n          @if (allowMultiSelect()) {\r\n            <mat-checkbox\r\n              (change)=\"$event ? masterToggle() : null\"\r\n              [checked]=\"selection().hasValue() && isAllSelected()\"\r\n              [indeterminate]=\"selection().hasValue() && !isAllSelected()\"\r\n            >\r\n            </mat-checkbox>\r\n          }\r\n        </th>\r\n        <td mat-cell *matCellDef=\"let row\">\r\n          <mat-checkbox\r\n            (click)=\"$event.stopPropagation()\"\r\n            (change)=\"$event ? onRowClicked(row) : null\"\r\n            [checked]=\"selection().isSelected(row)\"\r\n          >\r\n          </mat-checkbox>\r\n        </td>\r\n        @if (footer()) {\r\n          <td mat-footer-cell *matFooterCellDef></td>\r\n        }\r\n      </ng-container>\r\n\r\n      @for (item of columnOptions(); track item.name) {\r\n        <ng-container [matColumnDef]=\"item.name\">\r\n          <th\r\n            mat-header-cell\r\n            *matHeaderCellDef\r\n            mat-sort-header\r\n            [disabled]=\"item.titleSortDisable\"\r\n          >\r\n            {{ item.title }}\r\n          </th>\r\n          @if (!item.format) {\r\n            <td\r\n              mat-cell\r\n              *matCellDef=\"let element\"\r\n              (contextmenu)=\"onContextMenu($event, element)\"\r\n              [matTooltip]=\"item.tooltip ?? ''\"\r\n            >\r\n              {{ element[item.name] }}\r\n            </td>\r\n            @if (footer()) {\r\n              <td mat-footer-cell *matFooterCellDef>\r\n                @if (item.footer) {\r\n                  <strong>{{ totals()[item.name] }}</strong>\r\n                }\r\n                @if (item.footerTitle) {\r\n                  <strong>{{ item.footerTitle }}</strong>\r\n                }\r\n              </td>\r\n            }\r\n          }\r\n          @if (item.format === \"pre-wrap\") {\r\n            <td\r\n              mat-cell\r\n              *matCellDef=\"let element\"\r\n              (contextmenu)=\"onContextMenu($event, element)\"\r\n              class=\"pre-wrap\"\r\n              [matTooltip]=\"item.tooltip ?? ''\"\r\n            >\r\n              {{ element[item.name] }}\r\n            </td>\r\n            @if (footer()) {\r\n              <td mat-footer-cell *matFooterCellDef>\r\n                @if (item.footerTitle) {\r\n                  <strong>{{ item.footerTitle }}</strong>\r\n                }\r\n              </td>\r\n            }\r\n          }\r\n          @if (item.format === \"link\") {\r\n            <td\r\n              mat-cell\r\n              *matCellDef=\"let element\"\r\n              (contextmenu)=\"onContextMenu($event, element)\"\r\n              [matTooltip]=\"item.tooltip ?? ''\"\r\n            >\r\n              <a [href]=\"element[item.name]\" target=\"_blank\">{{\r\n                element[item.name]\r\n              }}</a>\r\n            </td>\r\n            @if (footer()) {\r\n              <td mat-footer-cell *matFooterCellDef>\r\n                @if (item.footerTitle) {\r\n                  <strong>{{ item.footerTitle }}</strong>\r\n                }\r\n              </td>\r\n            }\r\n          }\r\n          @if (item.format === \"linkIcon\") {\r\n            <td\r\n              mat-cell\r\n              *matCellDef=\"let element\"\r\n              (contextmenu)=\"onContextMenu($event, element)\"\r\n              [matTooltip]=\"item.tooltip ?? ''\"\r\n            >\r\n              @if (element[item.name]) {\r\n                <a [href]=\"element[item.name]\" target=\"_blank\">\r\n                  @if (item.icon) {\r\n                    <mat-icon [class]=\"item.classList ? item.classList : ''\">{{\r\n                      item.icon\r\n                    }}</mat-icon>\r\n                  }\r\n                  @if (item.symbol) {\r\n                    <span [class]=\"item.classList ? item.classList : ''\">{{\r\n                      item.symbol\r\n                    }}</span>\r\n                  }\r\n                </a>\r\n              }\r\n            </td>\r\n            @if (footer()) {\r\n              <td mat-footer-cell *matFooterCellDef>\r\n                @if (item.footerTitle) {\r\n                  <strong>{{ item.footerTitle }}</strong>\r\n                }\r\n              </td>\r\n            }\r\n          }\r\n          @if (item.format === \"routerLink\") {\r\n            <td\r\n              mat-cell\r\n              *matCellDef=\"let element\"\r\n              (contextmenu)=\"onContextMenu($event, element)\"\r\n              [matTooltip]=\"item.tooltip ?? ''\"\r\n            >\r\n              <a [routerLink]=\"[element[item.name]]\">{{\r\n                element[item.name]\r\n              }}</a>\r\n            </td>\r\n            @if (footer()) {\r\n              <td mat-footer-cell *matFooterCellDef>\r\n                @if (item.footerTitle) {\r\n                  <strong>{{ item.footerTitle }}</strong>\r\n                }\r\n              </td>\r\n            }\r\n          }\r\n          @if (item.format === \"routerLinkIcon\") {\r\n            <td\r\n              mat-cell\r\n              *matCellDef=\"let element\"\r\n              (contextmenu)=\"onContextMenu($event, element)\"\r\n              [matTooltip]=\"item.tooltip ?? ''\"\r\n            >\r\n              @if (element[item.name]) {\r\n                <a [routerLink]=\"[element[item.name]]\">\r\n                  @if (item.icon) {\r\n                    <mat-icon [class]=\"item.classList ? item.classList : ''\">{{\r\n                      item.icon\r\n                    }}</mat-icon>\r\n                  }\r\n                  @if (item.symbol) {\r\n                    <span [class]=\"item.classList ? item.classList : ''\">{{\r\n                      item.symbol\r\n                    }}</span>\r\n                  }\r\n                </a>\r\n              }\r\n            </td>\r\n            @if (footer()) {\r\n              <td mat-footer-cell *matFooterCellDef>\r\n                @if (item.footerTitle) {\r\n                  <strong>{{ item.footerTitle }}</strong>\r\n                }\r\n              </td>\r\n            }\r\n          }\r\n          @if (item.format === \"checkbox\") {\r\n            <td\r\n              mat-cell\r\n              *matCellDef=\"let element\"\r\n              (contextmenu)=\"onContextMenu($event, element)\"\r\n              [matTooltip]=\"item.tooltip ?? ''\"\r\n            >\r\n              <mat-checkbox\r\n                [checked]=\"element[item.name] === 1\"\r\n                [disabled]=\"true\"\r\n              ></mat-checkbox>\r\n            </td>\r\n            @if (footer()) {\r\n              <td mat-footer-cell *matFooterCellDef>\r\n                @if (item.footerTitle) {\r\n                  <strong>{{ item.footerTitle }}</strong>\r\n                }\r\n              </td>\r\n            }\r\n          }\r\n          @if (item.format === \"icon\") {\r\n            <td\r\n              mat-cell\r\n              *matCellDef=\"let element\"\r\n              (contextmenu)=\"onContextMenu($event, element)\"\r\n              [matTooltip]=\"item.tooltip ?? ''\"\r\n            >\r\n              @if (item.icon) {\r\n                <mat-icon [class]=\"item.classList ? item.classList : ''\">{{\r\n                  item.icon\r\n                }}</mat-icon>\r\n              }\r\n              @if (item.symbol) {\r\n                <span [class]=\"item.classList ? item.classList : ''\">{{\r\n                  item.symbol\r\n                }}</span>\r\n              }\r\n            </td>\r\n            @if (footer()) {\r\n              <td mat-footer-cell *matFooterCellDef>\r\n                @if (item.footerTitle) {\r\n                  <strong>{{ item.footerTitle }}</strong>\r\n                }\r\n              </td>\r\n            }\r\n          }\r\n          @if (item.format === \"icons\") {\r\n            <td\r\n              mat-cell\r\n              *matCellDef=\"let element\"\r\n              (contextmenu)=\"onContextMenu($event, element)\"\r\n            >\r\n              @if (item.icons) {\r\n                <mat-icon\r\n                  [class]=\"\r\n                    item.classList ? item.classList[element[item.name]] : ''\r\n                  \"\r\n                  [matTooltip]=\"\r\n                    item.tooltips ? item.tooltips[element[item.name]] : ''\r\n                  \"\r\n                  >{{ item.icons[element[item.name]] }}</mat-icon\r\n                >\r\n              }\r\n              @if (item.symbols) {\r\n                <span\r\n                  [class]=\"\r\n                    item.classList ? item.classList[element[item.name]] : ''\r\n                  \"\r\n                  >{{ item.symbols[element[item.name]] }}</span\r\n                >\r\n              }\r\n            </td>\r\n            @if (footer()) {\r\n              <td mat-footer-cell *matFooterCellDef>\r\n                @if (item.footerTitle) {\r\n                  <strong>{{ item.footerTitle }}</strong>\r\n                }\r\n              </td>\r\n            }\r\n          }\r\n          @if (item.format === \"actions\") {\r\n            <td\r\n              mat-cell\r\n              *matCellDef=\"let element\"\r\n              (contextmenu)=\"onContextMenu($event, element)\"\r\n            >\r\n              @if (item.actions) {\r\n                <div class=\"actions-container\">\r\n                  @for (action of item.actions; track action) {\r\n                    @if (\r\n                      !(action.hideFn ? action.hideFn(element) : action.hide)\r\n                    ) {\r\n                      <button\r\n                        mat-icon-button\r\n                        (click)=\"\r\n                          action.onClickFn ? action.onClickFn(element) : ''\r\n                        \"\r\n                        (mousedown)=\"\r\n                          action.onClickMiddleFn\r\n                            ? action.onClickMiddleFn($event, element)\r\n                            : ''\r\n                        \"\r\n                        [disabled]=\"\r\n                          action.disabledFn\r\n                            ? action.disabledFn(element)\r\n                            : action.disabled\r\n                        \"\r\n                        [matTooltip]=\"action.tooltip ? action.tooltip : ''\"\r\n                      >\r\n                        @if (action.icon) {\r\n                          <mat-icon\r\n                            [class]=\"action.classList ? action.classList : ''\"\r\n                            >{{ action.icon }}</mat-icon\r\n                          >\r\n                        }\r\n                        @if (action.symbol) {\r\n                          <span\r\n                            [class]=\"action.classList ? action.classList : ''\"\r\n                            >{{ action.symbol }}</span\r\n                          >\r\n                        }\r\n                        {{ action.title }}\r\n                      </button>\r\n                    }\r\n                  }\r\n                </div>\r\n              }\r\n            </td>\r\n            @if (footer()) {\r\n              <td mat-footer-cell *matFooterCellDef>\r\n                @if (item.footerTitle) {\r\n                  <strong>{{ item.footerTitle }}</strong>\r\n                }\r\n              </td>\r\n            }\r\n          }\r\n          @if (item.format === \"image\") {\r\n            <td\r\n              mat-cell\r\n              *matCellDef=\"let element\"\r\n              (contextmenu)=\"onContextMenu($event, element)\"\r\n              [matTooltip]=\"item.tooltip ?? ''\"\r\n            >\r\n              @if (element[item.name]) {\r\n                <img\r\n                  [src]=\"element[item.name]\"\r\n                  [alt]=\"\r\n                    item.imageAlt && element[item.imageAlt]\r\n                      ? element[item.imageAlt]\r\n                      : ''\r\n                  \"\r\n                  [class]=\"item.classList ? item.classList : ''\"\r\n                />\r\n              }\r\n            </td>\r\n            @if (footer()) {\r\n              <td mat-footer-cell *matFooterCellDef>\r\n                @if (item.footerTitle) {\r\n                  <strong>{{ item.footerTitle }}</strong>\r\n                }\r\n              </td>\r\n            }\r\n          }\r\n        </ng-container>\r\n      }\r\n\r\n      <tr class=\"mat-row\" *matNoDataRow>\r\n        <td class=\"mat-cell\" colspan=\"9999\">Нет данных для отображения</td>\r\n      </tr>\r\n\r\n      <tr\r\n        mat-header-row\r\n        *matHeaderRowDef=\"displayedColumns(); sticky: true\"\r\n      ></tr>\r\n      <tr\r\n        mat-row\r\n        *matRowDef=\"let row; columns: displayedColumns();\"\r\n        (click)=\"onRowClicked(row)\"\r\n        (dblclick)=\"onRowDblClicked(row)\"\r\n        class=\"element-row\"\r\n        [class.selected-row]=\"selection().isSelected(row)\"\r\n      ></tr>\r\n      @if (footer()) {\r\n        <tr\r\n          mat-footer-row\r\n          *matFooterRowDef=\"displayedColumns(); sticky: true\"\r\n        ></tr>\r\n      }\r\n    </table>\r\n    <div\r\n      style=\"visibility: hidden; position: fixed\"\r\n      [style.left]=\"contextMenuPosition.x\"\r\n      [style.top]=\"contextMenuPosition.y\"\r\n      [matMenuTriggerFor]=\"contextMenu\"\r\n      #menuTrigger=\"matMenuTrigger\"\r\n    ></div>\r\n    <mat-menu #contextMenu=\"matMenu\">\r\n      <ng-template matMenuContent let-id=\"id\">\r\n        @for (menuItem of opt(); track menuItem) {\r\n          @if (\r\n            menuItem.title === \"-\" &&\r\n            !(menuItem.hideFn ? menuItem.hideFn(itemForMenu) : menuItem.hide)\r\n          ) {\r\n            <mat-divider></mat-divider>\r\n          }\r\n          @if (\r\n            menuItem.title !== \"-\" &&\r\n            !(menuItem.hideFn ? menuItem.hideFn(itemForMenu) : menuItem.hide)\r\n          ) {\r\n            <button\r\n              mat-menu-item\r\n              (click)=\"\r\n                menuItem.onClickFn ? menuItem.onClickFn(itemForMenu) : ''\r\n              \"\r\n              (mousedown)=\"\r\n                menuItem.onClickMiddleFn\r\n                  ? menuItem.onClickMiddleFn($event, itemForMenu, menuTrigger)\r\n                  : ''\r\n              \"\r\n              [disabled]=\"\r\n                menuItem.disabledFn\r\n                  ? menuItem.disabledFn(itemForMenu)\r\n                  : menuItem.disabled\r\n              \"\r\n            >\r\n              @if (menuItem.icon) {\r\n                <mat-icon\r\n                  [class]=\"menuItem.classList ? menuItem.classList : ''\"\r\n                  >{{ menuItem.icon }}</mat-icon\r\n                >\r\n              }\r\n              @if (menuItem.symbol) {\r\n                <span [class]=\"menuItem.classList ? menuItem.classList : ''\">{{\r\n                  menuItem.symbol\r\n                }}</span>\r\n              }\r\n              {{ menuItem.title }}\r\n            </button>\r\n          }\r\n        }\r\n      </ng-template>\r\n    </mat-menu>\r\n  </div>\r\n\r\n  <mat-paginator\r\n    [length]=\"length()\"\r\n    [pageIndex]=\"pageState().pageIndex || defaultPageIndex\"\r\n    [pageSizeOptions]=\"[5, 10, 20, 50, 100]\"\r\n    [pageSize]=\"pageState().pageSize || defaultPageSize\"\r\n    (page)=\"onPageEvent($event)\"\r\n    showFirstLastButtons\r\n    itemsPerPageLabel=\"\"\r\n  ></mat-paginator>\r\n</div>\r\n",
+		template: "<div class=\"component-container\">\r\n  <div class=\"table-container\">\r\n    <table\r\n      mat-table\r\n      [dataSource]=\"dataSource\"\r\n      matSort\r\n      [matSortActive]=\"sortState().sortActive\"\r\n      [matSortDirection]=\"sortState().sortDirection\"\r\n      (matSortChange)=\"onSortEvent($event)\"\r\n      matSortDisableClear\r\n    >\r\n      <!-- Выбор строки Column -->\r\n      <ng-container matColumnDef=\"select\">\r\n        <th mat-header-cell *matHeaderCellDef>\r\n          @if (allowMultiSelect()) {\r\n            <mat-checkbox\r\n              (change)=\"$event ? masterToggle() : null\"\r\n              [checked]=\"selection().hasValue() && isAllSelected()\"\r\n              [indeterminate]=\"selection().hasValue() && !isAllSelected()\"\r\n            >\r\n            </mat-checkbox>\r\n          }\r\n        </th>\r\n        <td mat-cell *matCellDef=\"let row\">\r\n          <mat-checkbox\r\n            (click)=\"$event.stopPropagation()\"\r\n            (change)=\"$event ? onRowClicked(row) : null\"\r\n            [checked]=\"selection().isSelected(row)\"\r\n          >\r\n          </mat-checkbox>\r\n        </td>\r\n        @if (footer()) {\r\n          <td mat-footer-cell *matFooterCellDef></td>\r\n        }\r\n      </ng-container>\r\n\r\n      @for (item of columnOptions(); track item.name) {\r\n        <ng-container [matColumnDef]=\"item.name\">\r\n          <th\r\n            mat-header-cell\r\n            *matHeaderCellDef\r\n            mat-sort-header\r\n            [disabled]=\"item.titleSortDisable\"\r\n          >\r\n            {{ item.title }}\r\n          </th>\r\n\r\n          <td\r\n            mat-cell\r\n            *matCellDef=\"let element\"\r\n            (contextmenu)=\"onContextMenu($event, element)\"\r\n            [matTooltip]=\"item.tooltip ?? ''\"\r\n          >\r\n            @switch (item.format) {\r\n              @case (\"pre-wrap\") {\r\n                {{ element[item.name] }}\r\n              }\r\n              @case (\"link\") {\r\n                <a [href]=\"element[item.name]\" target=\"_blank\">{{\r\n                  element[item.name]\r\n                }}</a>\r\n              }\r\n              @case (\"linkIcon\") {\r\n                @if (element[item.name]) {\r\n                  <a [href]=\"element[item.name]\" target=\"_blank\">\r\n                    @if (item.icon) {\r\n                      <mat-icon\r\n                        [class]=\"item.classList ? item.classList : ''\"\r\n                        >{{ item.icon }}</mat-icon\r\n                      >\r\n                    }\r\n                    @if (item.symbol) {\r\n                      <span [class]=\"item.classList ? item.classList : ''\">{{\r\n                        item.symbol\r\n                      }}</span>\r\n                    }\r\n                  </a>\r\n                }\r\n              }\r\n              @case (\"routerLink\") {\r\n                <a [routerLink]=\"[element[item.name]]\">{{\r\n                  element[item.name]\r\n                }}</a>\r\n              }\r\n              @case (\"routerLinkIcon\") {\r\n                @if (element[item.name]) {\r\n                  <a [routerLink]=\"[element[item.name]]\">\r\n                    @if (item.icon) {\r\n                      <mat-icon\r\n                        [class]=\"item.classList ? item.classList : ''\"\r\n                        >{{ item.icon }}</mat-icon\r\n                      >\r\n                    }\r\n                    @if (item.symbol) {\r\n                      <span [class]=\"item.classList ? item.classList : ''\">{{\r\n                        item.symbol\r\n                      }}</span>\r\n                    }\r\n                  </a>\r\n                }\r\n              }\r\n              @case (\"checkbox\") {\r\n                <mat-checkbox\r\n                  [checked]=\"element[item.name] === 1\"\r\n                  [disabled]=\"true\"\r\n                ></mat-checkbox>\r\n              }\r\n              @case (\"icon\") {\r\n                @if (item.icon) {\r\n                  <mat-icon [class]=\"item.classList ? item.classList : ''\">{{\r\n                    item.icon\r\n                  }}</mat-icon>\r\n                }\r\n                @if (item.symbol) {\r\n                  <span [class]=\"item.classList ? item.classList : ''\">{{\r\n                    item.symbol\r\n                  }}</span>\r\n                }\r\n              }\r\n              @case (\"icons\") {\r\n                @if (item.icons) {\r\n                  <mat-icon\r\n                    [class]=\"\r\n                      item.classList ? item.classList[element[item.name]] : ''\r\n                    \"\r\n                    [matTooltip]=\"\r\n                      item.tooltips ? item.tooltips[element[item.name]] : ''\r\n                    \"\r\n                    >{{ item.icons[element[item.name]] }}</mat-icon\r\n                  >\r\n                }\r\n                @if (item.symbols) {\r\n                  <span\r\n                    [class]=\"\r\n                      item.classList ? item.classList[element[item.name]] : ''\r\n                    \"\r\n                    >{{ item.symbols[element[item.name]] }}</span\r\n                  >\r\n                }\r\n              }\r\n              @case (\"actions\") {\r\n                @if (item.actions) {\r\n                  <div class=\"actions-container\">\r\n                    @for (action of item.actions; track action) {\r\n                      @if (\r\n                        !(action.hideFn ? action.hideFn(element) : action.hide)\r\n                      ) {\r\n                        <button\r\n                          mat-icon-button\r\n                          (click)=\"\r\n                            action.onClickFn ? action.onClickFn(element) : ''\r\n                          \"\r\n                          (mousedown)=\"\r\n                            action.onClickMiddleFn\r\n                              ? action.onClickMiddleFn($event, element)\r\n                              : ''\r\n                          \"\r\n                          [disabled]=\"\r\n                            action.disabledFn\r\n                              ? action.disabledFn(element)\r\n                              : action.disabled\r\n                          \"\r\n                          [matTooltip]=\"action.tooltip ? action.tooltip : ''\"\r\n                        >\r\n                          @if (action.icon) {\r\n                            <mat-icon\r\n                              [class]=\"action.classList ? action.classList : ''\"\r\n                              >{{ action.icon }}</mat-icon\r\n                            >\r\n                          }\r\n                          @if (action.symbol) {\r\n                            <span\r\n                              [class]=\"action.classList ? action.classList : ''\"\r\n                              >{{ action.symbol }}</span\r\n                            >\r\n                          }\r\n                          {{ action.title }}\r\n                        </button>\r\n                      }\r\n                    }\r\n                  </div>\r\n                }\r\n              }\r\n              @case (\"image\") {\r\n                @if (element[item.name]) {\r\n                  <img\r\n                    [src]=\"element[item.name]\"\r\n                    [alt]=\"\r\n                      item.imageAlt && element[item.imageAlt]\r\n                        ? element[item.imageAlt]\r\n                        : ''\r\n                    \"\r\n                    [class]=\"item.classList ? item.classList : ''\"\r\n                  />\r\n                }\r\n              }\r\n              @default {\r\n                {{ element[item.name] }}\r\n              }\r\n            }\r\n          </td>\r\n\r\n          <td mat-footer-cell *matFooterCellDef>\r\n            @if (footer()) {\r\n              @if (!item.format && item.footer) {\r\n                <strong>{{ totals()[item.name] }}</strong>\r\n              }\r\n              @if (item.footerTitle) {\r\n                <strong>{{ item.footerTitle }}</strong>\r\n              }\r\n            }\r\n          </td>\r\n        </ng-container>\r\n      }\r\n\r\n      <tr class=\"mat-row\" *matNoDataRow>\r\n        <td class=\"mat-cell\" colspan=\"9999\">Нет данных для отображения</td>\r\n      </tr>\r\n\r\n      <tr\r\n        mat-header-row\r\n        *matHeaderRowDef=\"displayedColumns(); sticky: true\"\r\n      ></tr>\r\n      <tr\r\n        mat-row\r\n        *matRowDef=\"let row; columns: displayedColumns()\"\r\n        (click)=\"onRowClicked(row)\"\r\n        (dblclick)=\"onRowDblClicked(row)\"\r\n        class=\"element-row\"\r\n        [class.selected-row]=\"selection().isSelected(row)\"\r\n      ></tr>\r\n      @if (footer()) {\r\n        <tr\r\n          mat-footer-row\r\n          *matFooterRowDef=\"displayedColumns(); sticky: true\"\r\n        ></tr>\r\n      }\r\n    </table>\r\n    <div\r\n      style=\"visibility: hidden; position: fixed\"\r\n      [style.left]=\"contextMenuPosition.x\"\r\n      [style.top]=\"contextMenuPosition.y\"\r\n      [matMenuTriggerFor]=\"contextMenu\"\r\n      #menuTrigger=\"matMenuTrigger\"\r\n    ></div>\r\n    <mat-menu #contextMenu=\"matMenu\">\r\n      <ng-template matMenuContent let-id=\"id\">\r\n        @for (menuItem of opt(); track menuItem) {\r\n          @if (\r\n            menuItem.title === \"-\" &&\r\n            !(menuItem.hideFn ? menuItem.hideFn(itemForMenu) : menuItem.hide)\r\n          ) {\r\n            <mat-divider></mat-divider>\r\n          }\r\n          @if (\r\n            menuItem.title !== \"-\" &&\r\n            !(menuItem.hideFn ? menuItem.hideFn(itemForMenu) : menuItem.hide)\r\n          ) {\r\n            <button\r\n              mat-menu-item\r\n              (click)=\"\r\n                menuItem.onClickFn ? menuItem.onClickFn(itemForMenu) : ''\r\n              \"\r\n              (mousedown)=\"\r\n                menuItem.onClickMiddleFn\r\n                  ? menuItem.onClickMiddleFn($event, itemForMenu, menuTrigger)\r\n                  : ''\r\n              \"\r\n              [disabled]=\"\r\n                menuItem.disabledFn\r\n                  ? menuItem.disabledFn(itemForMenu)\r\n                  : menuItem.disabled\r\n              \"\r\n            >\r\n              @if (menuItem.icon) {\r\n                <mat-icon\r\n                  [class]=\"menuItem.classList ? menuItem.classList : ''\"\r\n                  >{{ menuItem.icon }}</mat-icon\r\n                >\r\n              }\r\n              @if (menuItem.symbol) {\r\n                <span [class]=\"menuItem.classList ? menuItem.classList : ''\">{{\r\n                  menuItem.symbol\r\n                }}</span>\r\n              }\r\n              {{ menuItem.title }}\r\n            </button>\r\n          }\r\n        }\r\n      </ng-template>\r\n    </mat-menu>\r\n  </div>\r\n\r\n  <mat-paginator\r\n    [length]=\"length()\"\r\n    [pageIndex]=\"pageState().pageIndex || defaultPageIndex\"\r\n    [pageSizeOptions]=\"[5, 10, 20, 50, 100]\"\r\n    [pageSize]=\"pageState().pageSize || defaultPageSize\"\r\n    (page)=\"onPageEvent($event)\"\r\n    showFirstLastButtons\r\n    itemsPerPageLabel=\"\"\r\n  ></mat-paginator>\r\n</div>\r\n",
 		styles: [".component-container{display:flex;flex-direction:column;height:100%}.table-container{display:flex;flex-direction:column;justify-content:space-between;flex:auto;margin:0 20px;overflow:auto;height:400px}.center{position:absolute;inset:0 0 56px;background:#00000026;z-index:1;display:flex;align-items:center;justify-content:center}.mat-column-select{overflow:initial}tr.mat-footer-row{font-weight:700;height:56px}.mat-table{overflow-x:scroll}.mat-cell,.mat-header-cell{word-wrap:initial;display:table-cell;padding:0 10px;line-break:unset;white-space:nowrap;overflow:hidden;vertical-align:middle}.mat-row,.mat-header-row{display:table-row}tr.element-row:not(.selected-row):hover{background:#f5f5f5}tr.element-row:not(.selected-row):active{background:#efefef}.selected-row{background-color:#eee}.fact-done-row{background-color:#eefdec}a,a:visited,a:hover,a:active{color:inherit}.pre-wrap{white-space:pre-wrap}.actions-container{display:flex;column-gap:5px}\n"],
 		dependencies: [
 			{
@@ -4964,7 +4919,7 @@ i0.ɵɵngDeclareClassMetadata({
 				provide: MatPaginatorIntl,
 				useFactory: getRuPaginatorIntl
 			}],
-			template: "<div class=\"component-container\">\r\n  <div class=\"table-container\">\r\n    <table\r\n      mat-table\r\n      [dataSource]=\"dataSource\"\r\n      matSort\r\n      [matSortActive]=\"sortState().sortActive\"\r\n      [matSortDirection]=\"sortState().sortDirection\"\r\n      (matSortChange)=\"onSortEvent($event)\"\r\n      matSortDisableClear\r\n    >\r\n      <!-- Выбор строки Column -->\r\n      <ng-container matColumnDef=\"select\">\r\n        <th mat-header-cell *matHeaderCellDef>\r\n          @if (allowMultiSelect()) {\r\n            <mat-checkbox\r\n              (change)=\"$event ? masterToggle() : null\"\r\n              [checked]=\"selection().hasValue() && isAllSelected()\"\r\n              [indeterminate]=\"selection().hasValue() && !isAllSelected()\"\r\n            >\r\n            </mat-checkbox>\r\n          }\r\n        </th>\r\n        <td mat-cell *matCellDef=\"let row\">\r\n          <mat-checkbox\r\n            (click)=\"$event.stopPropagation()\"\r\n            (change)=\"$event ? onRowClicked(row) : null\"\r\n            [checked]=\"selection().isSelected(row)\"\r\n          >\r\n          </mat-checkbox>\r\n        </td>\r\n        @if (footer()) {\r\n          <td mat-footer-cell *matFooterCellDef></td>\r\n        }\r\n      </ng-container>\r\n\r\n      @for (item of columnOptions(); track item.name) {\r\n        <ng-container [matColumnDef]=\"item.name\">\r\n          <th\r\n            mat-header-cell\r\n            *matHeaderCellDef\r\n            mat-sort-header\r\n            [disabled]=\"item.titleSortDisable\"\r\n          >\r\n            {{ item.title }}\r\n          </th>\r\n          @if (!item.format) {\r\n            <td\r\n              mat-cell\r\n              *matCellDef=\"let element\"\r\n              (contextmenu)=\"onContextMenu($event, element)\"\r\n              [matTooltip]=\"item.tooltip ?? ''\"\r\n            >\r\n              {{ element[item.name] }}\r\n            </td>\r\n            @if (footer()) {\r\n              <td mat-footer-cell *matFooterCellDef>\r\n                @if (item.footer) {\r\n                  <strong>{{ totals()[item.name] }}</strong>\r\n                }\r\n                @if (item.footerTitle) {\r\n                  <strong>{{ item.footerTitle }}</strong>\r\n                }\r\n              </td>\r\n            }\r\n          }\r\n          @if (item.format === \"pre-wrap\") {\r\n            <td\r\n              mat-cell\r\n              *matCellDef=\"let element\"\r\n              (contextmenu)=\"onContextMenu($event, element)\"\r\n              class=\"pre-wrap\"\r\n              [matTooltip]=\"item.tooltip ?? ''\"\r\n            >\r\n              {{ element[item.name] }}\r\n            </td>\r\n            @if (footer()) {\r\n              <td mat-footer-cell *matFooterCellDef>\r\n                @if (item.footerTitle) {\r\n                  <strong>{{ item.footerTitle }}</strong>\r\n                }\r\n              </td>\r\n            }\r\n          }\r\n          @if (item.format === \"link\") {\r\n            <td\r\n              mat-cell\r\n              *matCellDef=\"let element\"\r\n              (contextmenu)=\"onContextMenu($event, element)\"\r\n              [matTooltip]=\"item.tooltip ?? ''\"\r\n            >\r\n              <a [href]=\"element[item.name]\" target=\"_blank\">{{\r\n                element[item.name]\r\n              }}</a>\r\n            </td>\r\n            @if (footer()) {\r\n              <td mat-footer-cell *matFooterCellDef>\r\n                @if (item.footerTitle) {\r\n                  <strong>{{ item.footerTitle }}</strong>\r\n                }\r\n              </td>\r\n            }\r\n          }\r\n          @if (item.format === \"linkIcon\") {\r\n            <td\r\n              mat-cell\r\n              *matCellDef=\"let element\"\r\n              (contextmenu)=\"onContextMenu($event, element)\"\r\n              [matTooltip]=\"item.tooltip ?? ''\"\r\n            >\r\n              @if (element[item.name]) {\r\n                <a [href]=\"element[item.name]\" target=\"_blank\">\r\n                  @if (item.icon) {\r\n                    <mat-icon [class]=\"item.classList ? item.classList : ''\">{{\r\n                      item.icon\r\n                    }}</mat-icon>\r\n                  }\r\n                  @if (item.symbol) {\r\n                    <span [class]=\"item.classList ? item.classList : ''\">{{\r\n                      item.symbol\r\n                    }}</span>\r\n                  }\r\n                </a>\r\n              }\r\n            </td>\r\n            @if (footer()) {\r\n              <td mat-footer-cell *matFooterCellDef>\r\n                @if (item.footerTitle) {\r\n                  <strong>{{ item.footerTitle }}</strong>\r\n                }\r\n              </td>\r\n            }\r\n          }\r\n          @if (item.format === \"routerLink\") {\r\n            <td\r\n              mat-cell\r\n              *matCellDef=\"let element\"\r\n              (contextmenu)=\"onContextMenu($event, element)\"\r\n              [matTooltip]=\"item.tooltip ?? ''\"\r\n            >\r\n              <a [routerLink]=\"[element[item.name]]\">{{\r\n                element[item.name]\r\n              }}</a>\r\n            </td>\r\n            @if (footer()) {\r\n              <td mat-footer-cell *matFooterCellDef>\r\n                @if (item.footerTitle) {\r\n                  <strong>{{ item.footerTitle }}</strong>\r\n                }\r\n              </td>\r\n            }\r\n          }\r\n          @if (item.format === \"routerLinkIcon\") {\r\n            <td\r\n              mat-cell\r\n              *matCellDef=\"let element\"\r\n              (contextmenu)=\"onContextMenu($event, element)\"\r\n              [matTooltip]=\"item.tooltip ?? ''\"\r\n            >\r\n              @if (element[item.name]) {\r\n                <a [routerLink]=\"[element[item.name]]\">\r\n                  @if (item.icon) {\r\n                    <mat-icon [class]=\"item.classList ? item.classList : ''\">{{\r\n                      item.icon\r\n                    }}</mat-icon>\r\n                  }\r\n                  @if (item.symbol) {\r\n                    <span [class]=\"item.classList ? item.classList : ''\">{{\r\n                      item.symbol\r\n                    }}</span>\r\n                  }\r\n                </a>\r\n              }\r\n            </td>\r\n            @if (footer()) {\r\n              <td mat-footer-cell *matFooterCellDef>\r\n                @if (item.footerTitle) {\r\n                  <strong>{{ item.footerTitle }}</strong>\r\n                }\r\n              </td>\r\n            }\r\n          }\r\n          @if (item.format === \"checkbox\") {\r\n            <td\r\n              mat-cell\r\n              *matCellDef=\"let element\"\r\n              (contextmenu)=\"onContextMenu($event, element)\"\r\n              [matTooltip]=\"item.tooltip ?? ''\"\r\n            >\r\n              <mat-checkbox\r\n                [checked]=\"element[item.name] === 1\"\r\n                [disabled]=\"true\"\r\n              ></mat-checkbox>\r\n            </td>\r\n            @if (footer()) {\r\n              <td mat-footer-cell *matFooterCellDef>\r\n                @if (item.footerTitle) {\r\n                  <strong>{{ item.footerTitle }}</strong>\r\n                }\r\n              </td>\r\n            }\r\n          }\r\n          @if (item.format === \"icon\") {\r\n            <td\r\n              mat-cell\r\n              *matCellDef=\"let element\"\r\n              (contextmenu)=\"onContextMenu($event, element)\"\r\n              [matTooltip]=\"item.tooltip ?? ''\"\r\n            >\r\n              @if (item.icon) {\r\n                <mat-icon [class]=\"item.classList ? item.classList : ''\">{{\r\n                  item.icon\r\n                }}</mat-icon>\r\n              }\r\n              @if (item.symbol) {\r\n                <span [class]=\"item.classList ? item.classList : ''\">{{\r\n                  item.symbol\r\n                }}</span>\r\n              }\r\n            </td>\r\n            @if (footer()) {\r\n              <td mat-footer-cell *matFooterCellDef>\r\n                @if (item.footerTitle) {\r\n                  <strong>{{ item.footerTitle }}</strong>\r\n                }\r\n              </td>\r\n            }\r\n          }\r\n          @if (item.format === \"icons\") {\r\n            <td\r\n              mat-cell\r\n              *matCellDef=\"let element\"\r\n              (contextmenu)=\"onContextMenu($event, element)\"\r\n            >\r\n              @if (item.icons) {\r\n                <mat-icon\r\n                  [class]=\"\r\n                    item.classList ? item.classList[element[item.name]] : ''\r\n                  \"\r\n                  [matTooltip]=\"\r\n                    item.tooltips ? item.tooltips[element[item.name]] : ''\r\n                  \"\r\n                  >{{ item.icons[element[item.name]] }}</mat-icon\r\n                >\r\n              }\r\n              @if (item.symbols) {\r\n                <span\r\n                  [class]=\"\r\n                    item.classList ? item.classList[element[item.name]] : ''\r\n                  \"\r\n                  >{{ item.symbols[element[item.name]] }}</span\r\n                >\r\n              }\r\n            </td>\r\n            @if (footer()) {\r\n              <td mat-footer-cell *matFooterCellDef>\r\n                @if (item.footerTitle) {\r\n                  <strong>{{ item.footerTitle }}</strong>\r\n                }\r\n              </td>\r\n            }\r\n          }\r\n          @if (item.format === \"actions\") {\r\n            <td\r\n              mat-cell\r\n              *matCellDef=\"let element\"\r\n              (contextmenu)=\"onContextMenu($event, element)\"\r\n            >\r\n              @if (item.actions) {\r\n                <div class=\"actions-container\">\r\n                  @for (action of item.actions; track action) {\r\n                    @if (\r\n                      !(action.hideFn ? action.hideFn(element) : action.hide)\r\n                    ) {\r\n                      <button\r\n                        mat-icon-button\r\n                        (click)=\"\r\n                          action.onClickFn ? action.onClickFn(element) : ''\r\n                        \"\r\n                        (mousedown)=\"\r\n                          action.onClickMiddleFn\r\n                            ? action.onClickMiddleFn($event, element)\r\n                            : ''\r\n                        \"\r\n                        [disabled]=\"\r\n                          action.disabledFn\r\n                            ? action.disabledFn(element)\r\n                            : action.disabled\r\n                        \"\r\n                        [matTooltip]=\"action.tooltip ? action.tooltip : ''\"\r\n                      >\r\n                        @if (action.icon) {\r\n                          <mat-icon\r\n                            [class]=\"action.classList ? action.classList : ''\"\r\n                            >{{ action.icon }}</mat-icon\r\n                          >\r\n                        }\r\n                        @if (action.symbol) {\r\n                          <span\r\n                            [class]=\"action.classList ? action.classList : ''\"\r\n                            >{{ action.symbol }}</span\r\n                          >\r\n                        }\r\n                        {{ action.title }}\r\n                      </button>\r\n                    }\r\n                  }\r\n                </div>\r\n              }\r\n            </td>\r\n            @if (footer()) {\r\n              <td mat-footer-cell *matFooterCellDef>\r\n                @if (item.footerTitle) {\r\n                  <strong>{{ item.footerTitle }}</strong>\r\n                }\r\n              </td>\r\n            }\r\n          }\r\n          @if (item.format === \"image\") {\r\n            <td\r\n              mat-cell\r\n              *matCellDef=\"let element\"\r\n              (contextmenu)=\"onContextMenu($event, element)\"\r\n              [matTooltip]=\"item.tooltip ?? ''\"\r\n            >\r\n              @if (element[item.name]) {\r\n                <img\r\n                  [src]=\"element[item.name]\"\r\n                  [alt]=\"\r\n                    item.imageAlt && element[item.imageAlt]\r\n                      ? element[item.imageAlt]\r\n                      : ''\r\n                  \"\r\n                  [class]=\"item.classList ? item.classList : ''\"\r\n                />\r\n              }\r\n            </td>\r\n            @if (footer()) {\r\n              <td mat-footer-cell *matFooterCellDef>\r\n                @if (item.footerTitle) {\r\n                  <strong>{{ item.footerTitle }}</strong>\r\n                }\r\n              </td>\r\n            }\r\n          }\r\n        </ng-container>\r\n      }\r\n\r\n      <tr class=\"mat-row\" *matNoDataRow>\r\n        <td class=\"mat-cell\" colspan=\"9999\">Нет данных для отображения</td>\r\n      </tr>\r\n\r\n      <tr\r\n        mat-header-row\r\n        *matHeaderRowDef=\"displayedColumns(); sticky: true\"\r\n      ></tr>\r\n      <tr\r\n        mat-row\r\n        *matRowDef=\"let row; columns: displayedColumns();\"\r\n        (click)=\"onRowClicked(row)\"\r\n        (dblclick)=\"onRowDblClicked(row)\"\r\n        class=\"element-row\"\r\n        [class.selected-row]=\"selection().isSelected(row)\"\r\n      ></tr>\r\n      @if (footer()) {\r\n        <tr\r\n          mat-footer-row\r\n          *matFooterRowDef=\"displayedColumns(); sticky: true\"\r\n        ></tr>\r\n      }\r\n    </table>\r\n    <div\r\n      style=\"visibility: hidden; position: fixed\"\r\n      [style.left]=\"contextMenuPosition.x\"\r\n      [style.top]=\"contextMenuPosition.y\"\r\n      [matMenuTriggerFor]=\"contextMenu\"\r\n      #menuTrigger=\"matMenuTrigger\"\r\n    ></div>\r\n    <mat-menu #contextMenu=\"matMenu\">\r\n      <ng-template matMenuContent let-id=\"id\">\r\n        @for (menuItem of opt(); track menuItem) {\r\n          @if (\r\n            menuItem.title === \"-\" &&\r\n            !(menuItem.hideFn ? menuItem.hideFn(itemForMenu) : menuItem.hide)\r\n          ) {\r\n            <mat-divider></mat-divider>\r\n          }\r\n          @if (\r\n            menuItem.title !== \"-\" &&\r\n            !(menuItem.hideFn ? menuItem.hideFn(itemForMenu) : menuItem.hide)\r\n          ) {\r\n            <button\r\n              mat-menu-item\r\n              (click)=\"\r\n                menuItem.onClickFn ? menuItem.onClickFn(itemForMenu) : ''\r\n              \"\r\n              (mousedown)=\"\r\n                menuItem.onClickMiddleFn\r\n                  ? menuItem.onClickMiddleFn($event, itemForMenu, menuTrigger)\r\n                  : ''\r\n              \"\r\n              [disabled]=\"\r\n                menuItem.disabledFn\r\n                  ? menuItem.disabledFn(itemForMenu)\r\n                  : menuItem.disabled\r\n              \"\r\n            >\r\n              @if (menuItem.icon) {\r\n                <mat-icon\r\n                  [class]=\"menuItem.classList ? menuItem.classList : ''\"\r\n                  >{{ menuItem.icon }}</mat-icon\r\n                >\r\n              }\r\n              @if (menuItem.symbol) {\r\n                <span [class]=\"menuItem.classList ? menuItem.classList : ''\">{{\r\n                  menuItem.symbol\r\n                }}</span>\r\n              }\r\n              {{ menuItem.title }}\r\n            </button>\r\n          }\r\n        }\r\n      </ng-template>\r\n    </mat-menu>\r\n  </div>\r\n\r\n  <mat-paginator\r\n    [length]=\"length()\"\r\n    [pageIndex]=\"pageState().pageIndex || defaultPageIndex\"\r\n    [pageSizeOptions]=\"[5, 10, 20, 50, 100]\"\r\n    [pageSize]=\"pageState().pageSize || defaultPageSize\"\r\n    (page)=\"onPageEvent($event)\"\r\n    showFirstLastButtons\r\n    itemsPerPageLabel=\"\"\r\n  ></mat-paginator>\r\n</div>\r\n",
+			template: "<div class=\"component-container\">\r\n  <div class=\"table-container\">\r\n    <table\r\n      mat-table\r\n      [dataSource]=\"dataSource\"\r\n      matSort\r\n      [matSortActive]=\"sortState().sortActive\"\r\n      [matSortDirection]=\"sortState().sortDirection\"\r\n      (matSortChange)=\"onSortEvent($event)\"\r\n      matSortDisableClear\r\n    >\r\n      <!-- Выбор строки Column -->\r\n      <ng-container matColumnDef=\"select\">\r\n        <th mat-header-cell *matHeaderCellDef>\r\n          @if (allowMultiSelect()) {\r\n            <mat-checkbox\r\n              (change)=\"$event ? masterToggle() : null\"\r\n              [checked]=\"selection().hasValue() && isAllSelected()\"\r\n              [indeterminate]=\"selection().hasValue() && !isAllSelected()\"\r\n            >\r\n            </mat-checkbox>\r\n          }\r\n        </th>\r\n        <td mat-cell *matCellDef=\"let row\">\r\n          <mat-checkbox\r\n            (click)=\"$event.stopPropagation()\"\r\n            (change)=\"$event ? onRowClicked(row) : null\"\r\n            [checked]=\"selection().isSelected(row)\"\r\n          >\r\n          </mat-checkbox>\r\n        </td>\r\n        @if (footer()) {\r\n          <td mat-footer-cell *matFooterCellDef></td>\r\n        }\r\n      </ng-container>\r\n\r\n      @for (item of columnOptions(); track item.name) {\r\n        <ng-container [matColumnDef]=\"item.name\">\r\n          <th\r\n            mat-header-cell\r\n            *matHeaderCellDef\r\n            mat-sort-header\r\n            [disabled]=\"item.titleSortDisable\"\r\n          >\r\n            {{ item.title }}\r\n          </th>\r\n\r\n          <td\r\n            mat-cell\r\n            *matCellDef=\"let element\"\r\n            (contextmenu)=\"onContextMenu($event, element)\"\r\n            [matTooltip]=\"item.tooltip ?? ''\"\r\n          >\r\n            @switch (item.format) {\r\n              @case (\"pre-wrap\") {\r\n                {{ element[item.name] }}\r\n              }\r\n              @case (\"link\") {\r\n                <a [href]=\"element[item.name]\" target=\"_blank\">{{\r\n                  element[item.name]\r\n                }}</a>\r\n              }\r\n              @case (\"linkIcon\") {\r\n                @if (element[item.name]) {\r\n                  <a [href]=\"element[item.name]\" target=\"_blank\">\r\n                    @if (item.icon) {\r\n                      <mat-icon\r\n                        [class]=\"item.classList ? item.classList : ''\"\r\n                        >{{ item.icon }}</mat-icon\r\n                      >\r\n                    }\r\n                    @if (item.symbol) {\r\n                      <span [class]=\"item.classList ? item.classList : ''\">{{\r\n                        item.symbol\r\n                      }}</span>\r\n                    }\r\n                  </a>\r\n                }\r\n              }\r\n              @case (\"routerLink\") {\r\n                <a [routerLink]=\"[element[item.name]]\">{{\r\n                  element[item.name]\r\n                }}</a>\r\n              }\r\n              @case (\"routerLinkIcon\") {\r\n                @if (element[item.name]) {\r\n                  <a [routerLink]=\"[element[item.name]]\">\r\n                    @if (item.icon) {\r\n                      <mat-icon\r\n                        [class]=\"item.classList ? item.classList : ''\"\r\n                        >{{ item.icon }}</mat-icon\r\n                      >\r\n                    }\r\n                    @if (item.symbol) {\r\n                      <span [class]=\"item.classList ? item.classList : ''\">{{\r\n                        item.symbol\r\n                      }}</span>\r\n                    }\r\n                  </a>\r\n                }\r\n              }\r\n              @case (\"checkbox\") {\r\n                <mat-checkbox\r\n                  [checked]=\"element[item.name] === 1\"\r\n                  [disabled]=\"true\"\r\n                ></mat-checkbox>\r\n              }\r\n              @case (\"icon\") {\r\n                @if (item.icon) {\r\n                  <mat-icon [class]=\"item.classList ? item.classList : ''\">{{\r\n                    item.icon\r\n                  }}</mat-icon>\r\n                }\r\n                @if (item.symbol) {\r\n                  <span [class]=\"item.classList ? item.classList : ''\">{{\r\n                    item.symbol\r\n                  }}</span>\r\n                }\r\n              }\r\n              @case (\"icons\") {\r\n                @if (item.icons) {\r\n                  <mat-icon\r\n                    [class]=\"\r\n                      item.classList ? item.classList[element[item.name]] : ''\r\n                    \"\r\n                    [matTooltip]=\"\r\n                      item.tooltips ? item.tooltips[element[item.name]] : ''\r\n                    \"\r\n                    >{{ item.icons[element[item.name]] }}</mat-icon\r\n                  >\r\n                }\r\n                @if (item.symbols) {\r\n                  <span\r\n                    [class]=\"\r\n                      item.classList ? item.classList[element[item.name]] : ''\r\n                    \"\r\n                    >{{ item.symbols[element[item.name]] }}</span\r\n                  >\r\n                }\r\n              }\r\n              @case (\"actions\") {\r\n                @if (item.actions) {\r\n                  <div class=\"actions-container\">\r\n                    @for (action of item.actions; track action) {\r\n                      @if (\r\n                        !(action.hideFn ? action.hideFn(element) : action.hide)\r\n                      ) {\r\n                        <button\r\n                          mat-icon-button\r\n                          (click)=\"\r\n                            action.onClickFn ? action.onClickFn(element) : ''\r\n                          \"\r\n                          (mousedown)=\"\r\n                            action.onClickMiddleFn\r\n                              ? action.onClickMiddleFn($event, element)\r\n                              : ''\r\n                          \"\r\n                          [disabled]=\"\r\n                            action.disabledFn\r\n                              ? action.disabledFn(element)\r\n                              : action.disabled\r\n                          \"\r\n                          [matTooltip]=\"action.tooltip ? action.tooltip : ''\"\r\n                        >\r\n                          @if (action.icon) {\r\n                            <mat-icon\r\n                              [class]=\"action.classList ? action.classList : ''\"\r\n                              >{{ action.icon }}</mat-icon\r\n                            >\r\n                          }\r\n                          @if (action.symbol) {\r\n                            <span\r\n                              [class]=\"action.classList ? action.classList : ''\"\r\n                              >{{ action.symbol }}</span\r\n                            >\r\n                          }\r\n                          {{ action.title }}\r\n                        </button>\r\n                      }\r\n                    }\r\n                  </div>\r\n                }\r\n              }\r\n              @case (\"image\") {\r\n                @if (element[item.name]) {\r\n                  <img\r\n                    [src]=\"element[item.name]\"\r\n                    [alt]=\"\r\n                      item.imageAlt && element[item.imageAlt]\r\n                        ? element[item.imageAlt]\r\n                        : ''\r\n                    \"\r\n                    [class]=\"item.classList ? item.classList : ''\"\r\n                  />\r\n                }\r\n              }\r\n              @default {\r\n                {{ element[item.name] }}\r\n              }\r\n            }\r\n          </td>\r\n\r\n          <td mat-footer-cell *matFooterCellDef>\r\n            @if (footer()) {\r\n              @if (!item.format && item.footer) {\r\n                <strong>{{ totals()[item.name] }}</strong>\r\n              }\r\n              @if (item.footerTitle) {\r\n                <strong>{{ item.footerTitle }}</strong>\r\n              }\r\n            }\r\n          </td>\r\n        </ng-container>\r\n      }\r\n\r\n      <tr class=\"mat-row\" *matNoDataRow>\r\n        <td class=\"mat-cell\" colspan=\"9999\">Нет данных для отображения</td>\r\n      </tr>\r\n\r\n      <tr\r\n        mat-header-row\r\n        *matHeaderRowDef=\"displayedColumns(); sticky: true\"\r\n      ></tr>\r\n      <tr\r\n        mat-row\r\n        *matRowDef=\"let row; columns: displayedColumns()\"\r\n        (click)=\"onRowClicked(row)\"\r\n        (dblclick)=\"onRowDblClicked(row)\"\r\n        class=\"element-row\"\r\n        [class.selected-row]=\"selection().isSelected(row)\"\r\n      ></tr>\r\n      @if (footer()) {\r\n        <tr\r\n          mat-footer-row\r\n          *matFooterRowDef=\"displayedColumns(); sticky: true\"\r\n        ></tr>\r\n      }\r\n    </table>\r\n    <div\r\n      style=\"visibility: hidden; position: fixed\"\r\n      [style.left]=\"contextMenuPosition.x\"\r\n      [style.top]=\"contextMenuPosition.y\"\r\n      [matMenuTriggerFor]=\"contextMenu\"\r\n      #menuTrigger=\"matMenuTrigger\"\r\n    ></div>\r\n    <mat-menu #contextMenu=\"matMenu\">\r\n      <ng-template matMenuContent let-id=\"id\">\r\n        @for (menuItem of opt(); track menuItem) {\r\n          @if (\r\n            menuItem.title === \"-\" &&\r\n            !(menuItem.hideFn ? menuItem.hideFn(itemForMenu) : menuItem.hide)\r\n          ) {\r\n            <mat-divider></mat-divider>\r\n          }\r\n          @if (\r\n            menuItem.title !== \"-\" &&\r\n            !(menuItem.hideFn ? menuItem.hideFn(itemForMenu) : menuItem.hide)\r\n          ) {\r\n            <button\r\n              mat-menu-item\r\n              (click)=\"\r\n                menuItem.onClickFn ? menuItem.onClickFn(itemForMenu) : ''\r\n              \"\r\n              (mousedown)=\"\r\n                menuItem.onClickMiddleFn\r\n                  ? menuItem.onClickMiddleFn($event, itemForMenu, menuTrigger)\r\n                  : ''\r\n              \"\r\n              [disabled]=\"\r\n                menuItem.disabledFn\r\n                  ? menuItem.disabledFn(itemForMenu)\r\n                  : menuItem.disabled\r\n              \"\r\n            >\r\n              @if (menuItem.icon) {\r\n                <mat-icon\r\n                  [class]=\"menuItem.classList ? menuItem.classList : ''\"\r\n                  >{{ menuItem.icon }}</mat-icon\r\n                >\r\n              }\r\n              @if (menuItem.symbol) {\r\n                <span [class]=\"menuItem.classList ? menuItem.classList : ''\">{{\r\n                  menuItem.symbol\r\n                }}</span>\r\n              }\r\n              {{ menuItem.title }}\r\n            </button>\r\n          }\r\n        }\r\n      </ng-template>\r\n    </mat-menu>\r\n  </div>\r\n\r\n  <mat-paginator\r\n    [length]=\"length()\"\r\n    [pageIndex]=\"pageState().pageIndex || defaultPageIndex\"\r\n    [pageSizeOptions]=\"[5, 10, 20, 50, 100]\"\r\n    [pageSize]=\"pageState().pageSize || defaultPageSize\"\r\n    (page)=\"onPageEvent($event)\"\r\n    showFirstLastButtons\r\n    itemsPerPageLabel=\"\"\r\n  ></mat-paginator>\r\n</div>\r\n",
 			styles: [".component-container{display:flex;flex-direction:column;height:100%}.table-container{display:flex;flex-direction:column;justify-content:space-between;flex:auto;margin:0 20px;overflow:auto;height:400px}.center{position:absolute;inset:0 0 56px;background:#00000026;z-index:1;display:flex;align-items:center;justify-content:center}.mat-column-select{overflow:initial}tr.mat-footer-row{font-weight:700;height:56px}.mat-table{overflow-x:scroll}.mat-cell,.mat-header-cell{word-wrap:initial;display:table-cell;padding:0 10px;line-break:unset;white-space:nowrap;overflow:hidden;vertical-align:middle}.mat-row,.mat-header-row{display:table-row}tr.element-row:not(.selected-row):hover{background:#f5f5f5}tr.element-row:not(.selected-row):active{background:#efefef}.selected-row{background-color:#eee}.fact-done-row{background-color:#eefdec}a,a:visited,a:hover,a:active{color:inherit}.pre-wrap{white-space:pre-wrap}.actions-container{display:flex;column-gap:5px}\n"]
 		}]
 	}],
@@ -5668,6 +5623,6 @@ const secUserSchema = z.object({
 	tabnum: z.number().default(0),
 	userView: secUserViewSchema.optional().nullable()
 });
-export { Action, AvatarService, BaseEditClass, BaseFilterClass, BaseMatChipComponent, BaseNavBarMenuClass, BasePageClass, BaseSchema, BaseSelectAutocompleteWithVsComponent, BaseSelectWithGroupComponent, BaseServiceClass, BaseSignalEditClass, BaseSignalFilterClass, BaseSignalPageClass, BaseSignalServiceClass, BaseToolbarComponent, CustomDateAdapter, DateRangeInputComponent, DialogAction, DialogComponent, DisableIfRoleDirective, EmptyComponent, EntityAction, ExportService, HideIfForbiddenRoleDirective, LOGGER_CONFIG, LoaderService, LocalStorageService, LoggerService, LoginPageComponent, MY_NATIVE_FORMATS, NavBarComponent, NotFoundComponent, PageStateSchema, ProgressSpinnerComponent, SafePipe, SecureImageService, SetValueDirective, SortDirectionSchema, SortStateSchema, SseService, TableComponent, TableStateSchema, TimePipe, TruncatePipe, authGuard, dateFormat, provideLogger, redirectGuard, roleGuard, secUserSchema };
+export { Action, AvatarService, BaseEditClass, BaseFilterClass, BaseNavBarMenuClass, BasePageClass, BaseSchema, BaseSelectAutocompleteWithVsComponent, BaseSelectWithGroupComponent, BaseServiceClass, BaseSignalEditClass, BaseSignalFilterClass, BaseSignalPageClass, BaseSignalServiceClass, BaseToolbarComponent, ChipInputAutocompleteComponent, CustomDateAdapter, DateRangeInputComponent, DialogAction, DialogComponent, DisableIfRoleDirective, EmptyComponent, EntityAction, ExportService, HideIfForbiddenRoleDirective, LOGGER_CONFIG, LoaderService, LocalStorageService, LoggerService, LoginPageComponent, MY_NATIVE_FORMATS, NavBarComponent, NotFoundComponent, PageStateSchema, ProgressSpinnerComponent, SafePipe, SecureImageService, SetValueDirective, SortDirectionSchema, SortStateSchema, SseService, TableComponent, TableStateSchema, TimePipe, TruncatePipe, authGuard, dateFormat, provideLogger, redirectGuard, roleGuard, secUserSchema };
 
 //# sourceMappingURL=kuzntsv-uikit-ui.mjs.map