@kuzntsv/uikit 1.0.82 → 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",
@@ -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