@pleione-lab/widgets 1.0.1

package/fesm2022/pleione-lab-widgets.mjs

@@ -0,0 +1,1972 @@
+import * as i0 from '@angular/core';
+import { output, effect, ChangeDetectionStrategy, Component, input, inject, DestroyRef, signal, computed, TemplateRef, ElementRef, ViewChild, Injector, PLATFORM_ID } from '@angular/core';
+import { toSignal, takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import * as i1 from '@angular/forms';
+import { FormControl, Validators, FormsModule, ReactiveFormsModule } from '@angular/forms';
+import * as i3 from '@taiga-ui/core';
+import { TuiTextfieldComponent, TuiIcon, TuiInput, TuiLabel, TuiButton, TuiError, TuiLoader, TuiFilterByInputPipe, TuiHint, tuiValidationErrorsProvider, TuiDialogService, TuiCalendar, TuiNotification } from '@taiga-ui/core';
+import * as i2 from '@taiga-ui/core/components/label';
+import * as i2$1 from '@taiga-ui/kit';
+import { TuiChevron, TuiTooltip, TuiDataListWrapper, TuiSelect, TuiDataListWrapperComponent, TuiComboBox, TuiInputNumber, TuiTextarea, TuiCopy, TuiInputPhone, TuiPassword, TuiInputDateTime, TuiInputDateRange, TuiCalendarRange } from '@taiga-ui/kit';
+import * as i3$1 from '@taiga-ui/core/components/textfield';
+import * as i4 from '@taiga-ui/core/portals/dropdown';
+import { Subject, filter, debounceTime, tap, switchMap, catchError, of } from 'rxjs';
+import { WA_IS_IOS } from '@ng-web-apis/platform';
+import { KeitControl as KeitControl$1, SimpleInputWidget as SimpleInputWidget$1, SimpleTextareaWidget as SimpleTextareaWidget$1, SimpleActionsWidget as SimpleActionsWidget$1, SimpleFlexLayout as SimpleFlexLayout$1, validatorsProvider as validatorsProvider$1, SimpleButtonWidget as SimpleButtonWidget$1 } from '@keit/widgets';
+import { injectContext, PolymorpheusComponent } from '@taiga-ui/polymorpheus';
+import * as i6 from '@taiga-ui/core/components/calendar';
+import * as i6$1 from '@taiga-ui/kit/components/calendar-range';
+import { TuiTablePagination, tuiTablePaginationOptionsProvider } from '@taiga-ui/addon-table';
+import { isPlatformBrowser } from '@angular/common';
+import { TuiMonth, TuiDay } from '@taiga-ui/cdk';
+
+class LoginInputWidget {
+    loginCtrl = new FormControl('', [
+        Validators.required,
+        Validators.minLength(3),
+    ]);
+    login$$ = toSignal(this.loginCtrl.valueChanges);
+    login = output();
+    loginNotReady = output();
+    constructor() {
+        effect(() => {
+            this.login.emit(this.login$$());
+            this.loginNotReady.emit(this.loginCtrl.invalid &&
+                this.loginCtrl.dirty &&
+                this.loginCtrl.touched);
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: LoginInputWidget, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: LoginInputWidget, isStandalone: true, selector: "keit-login-input", outputs: { login: "login", loginNotReady: "loginNotReady" }, ngImport: i0, template: `
+        <h3 class="tui-form__header tui-form__header_margin-top_none">Логин</h3>
+        <div class="tui-form__row">
+            <tui-textfield>
+                <label tuiLabel>Введите логин</label>
+                <input
+                    placeholder="Введите логин"
+                    tuiInput
+                    [formControl]="loginCtrl"
+                    autocomplete="off"
+                />
+                <tui-icon icon="@tui.user" />
+            </tui-textfield>
+
+            @if (loginCtrl.invalid && loginCtrl.dirty && loginCtrl.touched) {
+                <div class="alert">
+                    @if (loginCtrl.hasError('required')) {
+                        Требуется ввести логин.
+                    }
+                    @if (loginCtrl.hasError('minlength')) {
+                        Должен быть хотя бы 3 символов
+                    }
+                </div>
+            }
+        </div>
+    `, isInline: true, styles: [".alert{color:var(--tui-status-negative)}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: TuiTextfieldComponent, selector: "tui-textfield:not([multi])", inputs: ["content", "filler"] }, { kind: "directive", type: i2.TuiLabel, selector: "label[tuiLabel]" }, { kind: "directive", type: i3.TuiInputDirective, selector: "input[tuiInput]", inputs: ["readOnly", "invalid", "focused", "state"] }, { kind: "component", type: TuiIcon, selector: "tui-icon:not([tuiBadge])", inputs: ["background"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: LoginInputWidget, decorators: [{
+            type: Component,
+            args: [{ selector: 'keit-login-input', imports: [
+                        FormsModule,
+                        ReactiveFormsModule,
+                        TuiTextfieldComponent,
+                        TuiInput,
+                        TuiLabel,
+                        TuiIcon,
+                    ], template: `
+        <h3 class="tui-form__header tui-form__header_margin-top_none">Логин</h3>
+        <div class="tui-form__row">
+            <tui-textfield>
+                <label tuiLabel>Введите логин</label>
+                <input
+                    placeholder="Введите логин"
+                    tuiInput
+                    [formControl]="loginCtrl"
+                    autocomplete="off"
+                />
+                <tui-icon icon="@tui.user" />
+            </tui-textfield>
+
+            @if (loginCtrl.invalid && loginCtrl.dirty && loginCtrl.touched) {
+                <div class="alert">
+                    @if (loginCtrl.hasError('required')) {
+                        Требуется ввести логин.
+                    }
+                    @if (loginCtrl.hasError('minlength')) {
+                        Должен быть хотя бы 3 символов
+                    }
+                </div>
+            }
+        </div>
+    `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".alert{color:var(--tui-status-negative)}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { login: [{ type: i0.Output, args: ["login"] }], loginNotReady: [{ type: i0.Output, args: ["loginNotReady"] }] } });
+
+class PasswordInputWidget {
+    passwordCtrl = new FormControl('', [
+        Validators.required,
+        Validators.minLength(3),
+    ]);
+    password$$ = toSignal(this.passwordCtrl.valueChanges);
+    password = output();
+    passwordNotReady = output();
+    constructor() {
+        effect(() => {
+            this.password.emit(this.password$$());
+            this.passwordNotReady.emit(this.passwordCtrl.invalid &&
+                this.passwordCtrl.dirty &&
+                this.passwordCtrl.touched);
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: PasswordInputWidget, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: PasswordInputWidget, isStandalone: true, selector: "keit-password-input", outputs: { password: "password", passwordNotReady: "passwordNotReady" }, ngImport: i0, template: `
+        <h3 class="tui-form__header tui-form__header_margin-top_none">
+            Пароль
+        </h3>
+        <div class="tui-form__row">
+            <tui-textfield>
+                <label tuiLabel>Введите пароль</label>
+                <input
+                    placeholder="Введите пароль"
+                    tuiInput
+                    type="password"
+                    [formControl]="passwordCtrl"
+                    class="tui-space_top-2"
+                    autocomplete="off"
+                />
+                <tui-icon tuiPassword />
+            </tui-textfield>
+
+            @if (
+                passwordCtrl.invalid &&
+                passwordCtrl.dirty &&
+                passwordCtrl.touched
+            ) {
+                <div class="alert">
+                    @if (passwordCtrl.hasError('required')) {
+                        Требуется ввести пароль
+                    }
+                    @if (passwordCtrl.hasError('minlength')) {
+                        Должен быть хотя бы 3 символа
+                    }
+                </div>
+            }
+        </div>
+    `, isInline: true, styles: [".alert{color:var(--tui-status-negative)}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: TuiTextfieldComponent, selector: "tui-textfield:not([multi])", inputs: ["content", "filler"] }, { kind: "directive", type: i2.TuiLabel, selector: "label[tuiLabel]" }, { kind: "directive", type: i3.TuiInputDirective, selector: "input[tuiInput]", inputs: ["readOnly", "invalid", "focused", "state"] }, { kind: "component", type: TuiIcon, selector: "tui-icon:not([tuiBadge])", inputs: ["background"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: PasswordInputWidget, decorators: [{
+            type: Component,
+            args: [{ selector: 'keit-password-input', imports: [
+                        FormsModule,
+                        ReactiveFormsModule,
+                        TuiTextfieldComponent,
+                        TuiInput,
+                        TuiLabel,
+                        TuiIcon,
+                    ], template: `
+        <h3 class="tui-form__header tui-form__header_margin-top_none">
+            Пароль
+        </h3>
+        <div class="tui-form__row">
+            <tui-textfield>
+                <label tuiLabel>Введите пароль</label>
+                <input
+                    placeholder="Введите пароль"
+                    tuiInput
+                    type="password"
+                    [formControl]="passwordCtrl"
+                    class="tui-space_top-2"
+                    autocomplete="off"
+                />
+                <tui-icon tuiPassword />
+            </tui-textfield>
+
+            @if (
+                passwordCtrl.invalid &&
+                passwordCtrl.dirty &&
+                passwordCtrl.touched
+            ) {
+                <div class="alert">
+                    @if (passwordCtrl.hasError('required')) {
+                        Требуется ввести пароль
+                    }
+                    @if (passwordCtrl.hasError('minlength')) {
+                        Должен быть хотя бы 3 символа
+                    }
+                </div>
+            }
+        </div>
+    `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".alert{color:var(--tui-status-negative)}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { password: [{ type: i0.Output, args: ["password"] }], passwordNotReady: [{ type: i0.Output, args: ["passwordNotReady"] }] } });
+
+class SimpleButtonWidget {
+    icon = input(...(ngDevMode ? [undefined, { debugName: "icon" }] : /* istanbul ignore next */ []));
+    iconRight = input(...(ngDevMode ? [undefined, { debugName: "iconRight" }] : /* istanbul ignore next */ []));
+    disabled = input(...(ngDevMode ? [undefined, { debugName: "disabled" }] : /* istanbul ignore next */ []));
+    caption = input(...(ngDevMode ? [undefined, { debugName: "caption" }] : /* istanbul ignore next */ []));
+    ariaLabel = input(...(ngDevMode ? [undefined, { debugName: "ariaLabel" }] : /* istanbul ignore next */ []));
+    action = output();
+    size = input('m', ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+    appearance = input('primary', ...(ngDevMode ? [{ debugName: "appearance" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: SimpleButtonWidget, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: SimpleButtonWidget, isStandalone: true, selector: "keit-simple-button", inputs: { icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, iconRight: { classPropertyName: "iconRight", publicName: "iconRight", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, caption: { classPropertyName: "caption", publicName: "caption", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { action: "action" }, host: { listeners: { "window:keydown.enter": "action.emit()" } }, ngImport: i0, template: `
+        <!-- TODO: (Taiga UI migration) [appearance] binding uses a dynamic expression. If it can produce "error"/"success"/"glass", replace with "negative"/"positive"/"secondary-grayscale" -->
+        <button
+            tuiButton
+            [appearance]="appearance()"
+            type="button"
+            [size]="size()"
+            (click)="action.emit()"
+            [disabled]="disabled()"
+            [attr.aria-label]="ariaLabel() || caption() || null"
+        >
+            @if (icon()) {
+                <tui-icon [icon]="icon() ?? ''" />
+            }
+            {{ caption() }}
+            @if (iconRight()) {
+                <tui-icon [icon]="iconRight() ?? ''" />
+            }
+        </button>
+    `, isInline: true, styles: [""], dependencies: [{ kind: "component", type: TuiIcon, selector: "tui-icon:not([tuiBadge])", inputs: ["background"] }, { kind: "directive", type: TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: SimpleButtonWidget, decorators: [{
+            type: Component,
+            args: [{ selector: 'keit-simple-button', imports: [TuiIcon, TuiButton], template: `
+        <!-- TODO: (Taiga UI migration) [appearance] binding uses a dynamic expression. If it can produce "error"/"success"/"glass", replace with "negative"/"positive"/"secondary-grayscale" -->
+        <button
+            tuiButton
+            [appearance]="appearance()"
+            type="button"
+            [size]="size()"
+            (click)="action.emit()"
+            [disabled]="disabled()"
+            [attr.aria-label]="ariaLabel() || caption() || null"
+        >
+            @if (icon()) {
+                <tui-icon [icon]="icon() ?? ''" />
+            }
+            {{ caption() }}
+            @if (iconRight()) {
+                <tui-icon [icon]="iconRight() ?? ''" />
+            }
+        </button>
+    `, changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        '(window:keydown.enter)': 'action.emit()',
+                    } }]
+        }], propDecorators: { icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], iconRight: [{ type: i0.Input, args: [{ isSignal: true, alias: "iconRight", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], caption: [{ type: i0.Input, args: [{ isSignal: true, alias: "caption", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], action: [{ type: i0.Output, args: ["action"] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], appearance: [{ type: i0.Input, args: [{ isSignal: true, alias: "appearance", required: false }] }] } });
+
+class EmailInputWidget {
+    emailCtrl = new FormControl('', [
+        Validators.required,
+        Validators.minLength(3),
+        Validators.email,
+    ]);
+    email$$ = toSignal(this.emailCtrl.valueChanges);
+    email = output();
+    emailNotReady = output();
+    constructor() {
+        effect(() => {
+            this.email.emit(this.email$$());
+            this.emailNotReady.emit(this.emailCtrl.invalid &&
+                this.emailCtrl.dirty &&
+                this.emailCtrl.touched);
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: EmailInputWidget, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: EmailInputWidget, isStandalone: true, selector: "keit-email-input", outputs: { email: "email", emailNotReady: "emailNotReady" }, ngImport: i0, template: `
+        <h3 class="tui-form__header tui-form__header_margin-top_none">Email</h3>
+        <div class="tui-form__row">
+            <tui-textfield>
+                <label tuiLabel>Введите email</label>
+                <input
+                    type="email"
+                    placeholder="Введите email"
+                    tuiInput
+                    [formControl]="emailCtrl"
+                    autocomplete="off"
+                />
+            </tui-textfield>
+
+            @if (emailCtrl.invalid && emailCtrl.dirty && emailCtrl.touched) {
+                <div class="alert">
+                    @if (emailCtrl.hasError('required')) {
+                        Требуется ввести email.
+                    }
+                    @if (emailCtrl.hasError('minlength')) {
+                        Должен быть хотя бы 3 символов
+                    }
+                    @if (emailCtrl.hasError('email')) {
+                        Формат почты задан неверно
+                    }
+                </div>
+            }
+        </div>
+    `, isInline: true, styles: [".alert{color:var(--tui-status-negative)}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: TuiTextfieldComponent, selector: "tui-textfield:not([multi])", inputs: ["content", "filler"] }, { kind: "directive", type: i2.TuiLabel, selector: "label[tuiLabel]" }, { kind: "directive", type: i3.TuiInputDirective, selector: "input[tuiInput]", inputs: ["readOnly", "invalid", "focused", "state"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: EmailInputWidget, decorators: [{
+            type: Component,
+            args: [{ selector: 'keit-email-input', imports: [
+                        FormsModule,
+                        ReactiveFormsModule,
+                        TuiTextfieldComponent,
+                        TuiInput,
+                        TuiLabel,
+                    ], template: `
+        <h3 class="tui-form__header tui-form__header_margin-top_none">Email</h3>
+        <div class="tui-form__row">
+            <tui-textfield>
+                <label tuiLabel>Введите email</label>
+                <input
+                    type="email"
+                    placeholder="Введите email"
+                    tuiInput
+                    [formControl]="emailCtrl"
+                    autocomplete="off"
+                />
+            </tui-textfield>
+
+            @if (emailCtrl.invalid && emailCtrl.dirty && emailCtrl.touched) {
+                <div class="alert">
+                    @if (emailCtrl.hasError('required')) {
+                        Требуется ввести email.
+                    }
+                    @if (emailCtrl.hasError('minlength')) {
+                        Должен быть хотя бы 3 символов
+                    }
+                    @if (emailCtrl.hasError('email')) {
+                        Формат почты задан неверно
+                    }
+                </div>
+            }
+        </div>
+    `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".alert{color:var(--tui-status-negative)}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { email: [{ type: i0.Output, args: ["email"] }], emailNotReady: [{ type: i0.Output, args: ["emailNotReady"] }] } });
+
+class FieldValidation {
+    control = input(...(ngDevMode ? [undefined, { debugName: "control" }] : /* istanbul ignore next */ []));
+    field = input(...(ngDevMode ? [undefined, { debugName: "field" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: FieldValidation, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: FieldValidation, isStandalone: true, selector: "keit-field-validation", inputs: { control: { classPropertyName: "control", publicName: "control", isSignal: true, isRequired: false, transformFunction: null }, field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
+        @let controlValue = control();
+
+        @if (controlValue) {
+            <tui-error [formControl]="controlValue" />
+        }
+    `, isInline: true, styles: [":host{display:block}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i3.TuiErrorComponent, selector: "tui-error", inputs: ["error"] }, { kind: "directive", type: i3.TuiErrorDirective, selector: "tui-error[ngModel], tui-error[formControlName], tui-error[formControl], tui-error[formGroup], tui-error[formGroupName], tui-error[formArrayName], tui-error[formArray]", inputs: ["order"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: FieldValidation, decorators: [{
+            type: Component,
+            args: [{ selector: 'keit-field-validation', imports: [ReactiveFormsModule, TuiError], template: `
+        @let controlValue = control();
+
+        @if (controlValue) {
+            <tui-error [formControl]="controlValue" />
+        }
+    `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block}\n"] }]
+        }], propDecorators: { control: [{ type: i0.Input, args: [{ isSignal: true, alias: "control", required: false }] }], field: [{ type: i0.Input, args: [{ isSignal: true, alias: "field", required: false }] }] } });
+
+class SimpleSelectWidget {
+    placeholder = input.required(...(ngDevMode ? [{ debugName: "placeholder" }] : /* istanbul ignore next */ []));
+    control = input.required(...(ngDevMode ? [{ debugName: "control" }] : /* istanbul ignore next */ []));
+    items = input(...(ngDevMode ? [undefined, { debugName: "items" }] : /* istanbul ignore next */ []));
+    size = input('m', ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+    hint = input('', ...(ngDevMode ? [{ debugName: "hint" }] : /* istanbul ignore next */ []));
+    cleaner = input(...(ngDevMode ? [undefined, { debugName: "cleaner" }] : /* istanbul ignore next */ []));
+    stringify = (item2) => {
+        return this.items()?.find((item) => item.id === item2.id)?.name ?? '';
+    };
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: SimpleSelectWidget, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: SimpleSelectWidget, isStandalone: true, selector: "keit-simple-select-widget", inputs: { placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: true, transformFunction: null }, control: { classPropertyName: "control", publicName: "control", isSignal: true, isRequired: true, transformFunction: null }, items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, hint: { classPropertyName: "hint", publicName: "hint", isSignal: true, isRequired: false, transformFunction: null }, cleaner: { classPropertyName: "cleaner", publicName: "cleaner", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
+        <tui-textfield
+            tuiChevron
+            [stringify]="stringify"
+            [tuiTextfieldSize]="size()"
+            [tuiTextfieldCleaner]="cleaner() ?? false"
+        >
+            <input
+                tuiSelect
+                [formControl]="control()"
+                [placeholder]="placeholder()"
+            />
+
+            <tui-data-list-wrapper *tuiDropdown new [items]="items() ?? []" />
+
+            @if (hint()) {
+                <tui-icon [tuiTooltip]="hint()" tuiHintDirection="top-end" />
+            }
+        </tui-textfield>
+
+        <keit-field-validation [control]="control()" />
+    `, isInline: true, styles: [""], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: TuiChevron, selector: "[tuiChevron]", inputs: ["tuiChevron"] }, { kind: "component", type: i2$1.TuiDataListWrapperComponent, selector: "tui-data-list-wrapper:not([labels])", inputs: ["items", "emptyContent", "size", "itemContent"], outputs: ["itemClick"] }, { kind: "directive", type: i2$1.TuiSelectDirective, selector: "input[tuiSelect]" }, { kind: "component", type: i3$1.TuiTextfieldComponent, selector: "tui-textfield:not([multi])", inputs: ["content", "filler"] }, { kind: "directive", type: i3$1.TuiTextfieldOptionsDirective, selector: "[tuiTextfieldAppearance],[tuiTextfieldSize],[tuiTextfieldCleaner]", inputs: ["tuiTextfieldAppearance", "tuiTextfieldSize", "tuiTextfieldCleaner"] }, { kind: "directive", type: i4.TuiDropdownContent, selector: "ng-template[tuiDropdown]" }, { kind: "component", type: FieldValidation, selector: "keit-field-validation", inputs: ["control", "field"] }, { kind: "component", type: TuiIcon, selector: "tui-icon:not([tuiBadge])", inputs: ["background"] }, { kind: "directive", type: TuiTooltip, selector: "tui-icon[tuiTooltip]", inputs: ["size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: SimpleSelectWidget, decorators: [{
+            type: Component,
+            args: [{ selector: 'keit-simple-select-widget', imports: [
+                        ReactiveFormsModule,
+                        TuiChevron,
+                        TuiDataListWrapper,
+                        TuiSelect,
+                        TuiInput,
+                        TuiDataListWrapperComponent,
+                        FieldValidation,
+                        TuiIcon,
+                        TuiTooltip,
+                    ], template: `
+        <tui-textfield
+            tuiChevron
+            [stringify]="stringify"
+            [tuiTextfieldSize]="size()"
+            [tuiTextfieldCleaner]="cleaner() ?? false"
+        >
+            <input
+                tuiSelect
+                [formControl]="control()"
+                [placeholder]="placeholder()"
+            />
+
+            <tui-data-list-wrapper *tuiDropdown new [items]="items() ?? []" />
+
+            @if (hint()) {
+                <tui-icon [tuiTooltip]="hint()" tuiHintDirection="top-end" />
+            }
+        </tui-textfield>
+
+        <keit-field-validation [control]="control()" />
+    `, changeDetection: ChangeDetectionStrategy.OnPush }]
+        }], propDecorators: { placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: true }] }], control: [{ type: i0.Input, args: [{ isSignal: true, alias: "control", required: true }] }], items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], hint: [{ type: i0.Input, args: [{ isSignal: true, alias: "hint", required: false }] }], cleaner: [{ type: i0.Input, args: [{ isSignal: true, alias: "cleaner", required: false }] }] } });
+
+class SimpleComboWidget {
+    destroyRef = inject(DestroyRef);
+    search$ = new Subject();
+    placeholder = input.required(...(ngDevMode ? [{ debugName: "placeholder" }] : /* istanbul ignore next */ []));
+    control = input.required(...(ngDevMode ? [{ debugName: "control" }] : /* istanbul ignore next */ []));
+    size = input('m', ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+    hint = input('', ...(ngDevMode ? [{ debugName: "hint" }] : /* istanbul ignore next */ []));
+    cleaner = input(...(ngDevMode ? [undefined, { debugName: "cleaner" }] : /* istanbul ignore next */ []));
+    loading = signal(false, ...(ngDevMode ? [{ debugName: "loading" }] : /* istanbul ignore next */ []));
+    responseReady = signal(false, ...(ngDevMode ? [{ debugName: "responseReady" }] : /* istanbul ignore next */ []));
+    add = output();
+    // eslint-disable-next-line @angular-eslint/prefer-signals
+    emptyTemplate;
+    // eslint-disable-next-line @angular-eslint/prefer-signals
+    inputRef;
+    searchedItems = signal([], ...(ngDevMode ? [{ debugName: "searchedItems" }] : /* istanbul ignore next */ []));
+    items = computed(() => {
+        const value = this.control().value;
+        const searched = this.searchedItems();
+        if (!value) {
+            return searched;
+        }
+        // Проверяем, есть ли value уже в searched по id
+        const exists = searched.some((item) => item.id === value.id);
+        if (exists) {
+            return searched;
+        }
+        return [...searched, value];
+    }, ...(ngDevMode ? [{ debugName: "items" }] : /* istanbul ignore next */ []));
+    backendRequest = input.required(...(ngDevMode ? [{ debugName: "backendRequest" }] : /* istanbul ignore next */ []));
+    stringify = (item2) => {
+        const items = this.items();
+        const found = items?.find((item) => item.id === item2.id);
+        return found?.name ?? '';
+    };
+    ngOnInit() {
+        this.search$
+            .pipe(filter((str) => str.length >= 2), debounceTime(500), tap(() => this.loading.set(true)), switchMap((str) => this.backendRequest()(str)), catchError((error) => {
+            this.loading.set(false);
+            this.responseReady.set(true);
+            return of([]);
+        }), tap(() => this.loading.set(false)), tap(() => this.responseReady.set(true)), takeUntilDestroyed(this.destroyRef))
+            .subscribe((value) => {
+            this.searchedItems.set(value);
+        });
+    }
+    onAdd() {
+        const value = this.inputRef?.nativeElement?.value?.trim() || '';
+        this.add.emit(value);
+    }
+    addItem(item) {
+        const current = this.searchedItems();
+        if (current) {
+            this.searchedItems.set([...current, item]);
+        }
+        else {
+            this.searchedItems.set([item]);
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: SimpleComboWidget, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: SimpleComboWidget, isStandalone: true, selector: "keit-simple-combo-widget", inputs: { placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: true, transformFunction: null }, control: { classPropertyName: "control", publicName: "control", isSignal: true, isRequired: true, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, hint: { classPropertyName: "hint", publicName: "hint", isSignal: true, isRequired: false, transformFunction: null }, cleaner: { classPropertyName: "cleaner", publicName: "cleaner", isSignal: true, isRequired: false, transformFunction: null }, backendRequest: { classPropertyName: "backendRequest", publicName: "backendRequest", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { add: "add" }, viewQueries: [{ propertyName: "emptyTemplate", first: true, predicate: ["emptyTemplate"], descendants: true, read: TemplateRef }, { propertyName: "inputRef", first: true, predicate: ["inputRef"], descendants: true, read: ElementRef }], ngImport: i0, template: `
+        <tui-textfield
+            tuiChevron
+            [stringify]="stringify"
+            [tuiTextfieldSize]="size()"
+            [tuiTextfieldCleaner]="cleaner() ?? false"
+        >
+            <input
+                #inputRef
+                tuiComboBox
+                [formControl]="control()"
+                [placeholder]="placeholder()"
+                (input)="
+                    responseReady.set(false);
+                    search$.next($any($event.target).value)
+                "
+            />
+
+            <ng-template #emptyTemplate>
+                <div class="empty-content">
+                    <div class="no-found-icon">Ничего не нашел</div>
+                    <keit-simple-button
+                        icon="@tui.plus"
+                        caption="Создать"
+                        size="s"
+                        (action)="onAdd()"
+                    />
+                </div>
+            </ng-template>
+
+            <tui-data-list-wrapper
+                *tuiDropdown
+                new
+                [emptyContent]="
+                    loading()
+                        ? 'Загрузка...'
+                        : inputRef.value.length < 2
+                          ? 'Введите хотя бы 2 символа'
+                          : responseReady()
+                            ? emptyTemplate
+                            : ''
+                "
+                [items]="
+                    inputRef.value.length < 2
+                        ? []
+                        : (items() | tuiFilterByInput)
+                "
+            />
+
+            @if (hint()) {
+                <tui-icon [tuiTooltip]="hint()" tuiHintDirection="top-end" />
+            }
+            @if (items()) {
+                <tui-loader [loading]="loading()" />
+            }
+
+            <keit-field-validation [control]="control()" />
+        </tui-textfield>
+    `, isInline: true, styles: [".empty-content{display:flex;flex-direction:column;align-items:center;gap:12px;pointer-events:auto!important}.no-found-icon{font-size:12px}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: TuiChevron, selector: "[tuiChevron]", inputs: ["tuiChevron"] }, { kind: "component", type: i2$1.TuiDataListWrapperComponent, selector: "tui-data-list-wrapper:not([labels])", inputs: ["items", "emptyContent", "size", "itemContent"], outputs: ["itemClick"] }, { kind: "directive", type: i2$1.TuiComboBoxDirective, selector: "input[tuiComboBox]", inputs: ["strict", "matcher"] }, { kind: "component", type: i3$1.TuiTextfieldComponent, selector: "tui-textfield:not([multi])", inputs: ["content", "filler"] }, { kind: "directive", type: i3$1.TuiTextfieldOptionsDirective, selector: "[tuiTextfieldAppearance],[tuiTextfieldSize],[tuiTextfieldCleaner]", inputs: ["tuiTextfieldAppearance", "tuiTextfieldSize", "tuiTextfieldCleaner"] }, { kind: "directive", type: i4.TuiDropdownContent, selector: "ng-template[tuiDropdown]" }, { kind: "component", type: TuiIcon, selector: "tui-icon:not([tuiBadge])", inputs: ["background"] }, { kind: "directive", type: TuiTooltip, selector: "tui-icon[tuiTooltip]", inputs: ["size"] }, { kind: "component", type: TuiLoader, selector: "tui-loader", inputs: ["size", "inheritColor", "overlay", "textContent", "loading"] }, { kind: "component", type: SimpleButtonWidget, selector: "keit-simple-button", inputs: ["icon", "iconRight", "disabled", "caption", "ariaLabel", "size", "appearance"], outputs: ["action"] }, { kind: "component", type: FieldValidation, selector: "keit-field-validation", inputs: ["control", "field"] }, { kind: "pipe", type: TuiFilterByInputPipe, name: "tuiFilterByInput" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: SimpleComboWidget, decorators: [{
+            type: Component,
+            args: [{ selector: 'keit-simple-combo-widget', imports: [
+                        ReactiveFormsModule,
+                        TuiChevron,
+                        TuiDataListWrapper,
+                        TuiComboBox,
+                        TuiInput,
+                        TuiDataListWrapperComponent,
+                        TuiIcon,
+                        TuiTooltip,
+                        TuiFilterByInputPipe,
+                        TuiLoader,
+                        SimpleButtonWidget,
+                        FieldValidation,
+                    ], template: `
+        <tui-textfield
+            tuiChevron
+            [stringify]="stringify"
+            [tuiTextfieldSize]="size()"
+            [tuiTextfieldCleaner]="cleaner() ?? false"
+        >
+            <input
+                #inputRef
+                tuiComboBox
+                [formControl]="control()"
+                [placeholder]="placeholder()"
+                (input)="
+                    responseReady.set(false);
+                    search$.next($any($event.target).value)
+                "
+            />
+
+            <ng-template #emptyTemplate>
+                <div class="empty-content">
+                    <div class="no-found-icon">Ничего не нашел</div>
+                    <keit-simple-button
+                        icon="@tui.plus"
+                        caption="Создать"
+                        size="s"
+                        (action)="onAdd()"
+                    />
+                </div>
+            </ng-template>
+
+            <tui-data-list-wrapper
+                *tuiDropdown
+                new
+                [emptyContent]="
+                    loading()
+                        ? 'Загрузка...'
+                        : inputRef.value.length < 2
+                          ? 'Введите хотя бы 2 символа'
+                          : responseReady()
+                            ? emptyTemplate
+                            : ''
+                "
+                [items]="
+                    inputRef.value.length < 2
+                        ? []
+                        : (items() | tuiFilterByInput)
+                "
+            />
+
+            @if (hint()) {
+                <tui-icon [tuiTooltip]="hint()" tuiHintDirection="top-end" />
+            }
+            @if (items()) {
+                <tui-loader [loading]="loading()" />
+            }
+
+            <keit-field-validation [control]="control()" />
+        </tui-textfield>
+    `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".empty-content{display:flex;flex-direction:column;align-items:center;gap:12px;pointer-events:auto!important}.no-found-icon{font-size:12px}\n"] }]
+        }], propDecorators: { placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: true }] }], control: [{ type: i0.Input, args: [{ isSignal: true, alias: "control", required: true }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], hint: [{ type: i0.Input, args: [{ isSignal: true, alias: "hint", required: false }] }], cleaner: [{ type: i0.Input, args: [{ isSignal: true, alias: "cleaner", required: false }] }], add: [{ type: i0.Output, args: ["add"] }], emptyTemplate: [{
+                type: ViewChild,
+                args: ['emptyTemplate', { read: TemplateRef }]
+            }], inputRef: [{
+                type: ViewChild,
+                args: ['inputRef', { read: ElementRef }]
+            }], backendRequest: [{ type: i0.Input, args: [{ isSignal: true, alias: "backendRequest", required: true }] }] } });
+
+class SimpleNumberInputWidget {
+    placeholder = input.required(...(ngDevMode ? [{ debugName: "placeholder" }] : /* istanbul ignore next */ []));
+    sample = input(...(ngDevMode ? [undefined, { debugName: "sample" }] : /* istanbul ignore next */ []));
+    hint = input(...(ngDevMode ? [undefined, { debugName: "hint" }] : /* istanbul ignore next */ []));
+    control = input.required(...(ngDevMode ? [{ debugName: "control" }] : /* istanbul ignore next */ []));
+    min = input.required(...(ngDevMode ? [{ debugName: "min" }] : /* istanbul ignore next */ []));
+    max = input.required(...(ngDevMode ? [{ debugName: "max" }] : /* istanbul ignore next */ []));
+    size = input('m', ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+    postfix = input(...(ngDevMode ? [undefined, { debugName: "postfix" }] : /* istanbul ignore next */ []));
+    cleaner = input(...(ngDevMode ? [undefined, { debugName: "cleaner" }] : /* istanbul ignore next */ []));
+    step = input(...(ngDevMode ? [undefined, { debugName: "step" }] : /* istanbul ignore next */ []));
+    enter = output();
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: SimpleNumberInputWidget, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: SimpleNumberInputWidget, isStandalone: true, selector: "keit-simple-number-input-widget", inputs: { placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: true, transformFunction: null }, sample: { classPropertyName: "sample", publicName: "sample", isSignal: true, isRequired: false, transformFunction: null }, hint: { classPropertyName: "hint", publicName: "hint", isSignal: true, isRequired: false, transformFunction: null }, control: { classPropertyName: "control", publicName: "control", isSignal: true, isRequired: true, transformFunction: null }, min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: true, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: true, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, postfix: { classPropertyName: "postfix", publicName: "postfix", isSignal: true, isRequired: false, transformFunction: null }, cleaner: { classPropertyName: "cleaner", publicName: "cleaner", isSignal: true, isRequired: false, transformFunction: null }, step: { classPropertyName: "step", publicName: "step", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { enter: "enter" }, ngImport: i0, template: `
+        <tui-textfield
+            [tuiTextfieldSize]="size()"
+            [tuiTextfieldCleaner]="cleaner() ?? false"
+        >
+            <label tuiLabel>{{ placeholder() }}</label>
+
+            @if (step()) {
+                <input
+                    tuiInputNumber
+                    [placeholder]="sample()"
+                    [formControl]="control()"
+                    [min]="min()"
+                    [max]="max()"
+                    [step]="step() ?? 1"
+                    [postfix]="postfix() ?? ''"
+                    (keydown.enter)="enter.emit()"
+                />
+            } @else {
+                <input
+                    tuiInputNumber
+                    [placeholder]="sample()"
+                    [formControl]="control()"
+                    [min]="min()"
+                    [max]="max()"
+                    [postfix]="postfix() ?? ''"
+                    (keydown.enter)="enter.emit()"
+                />
+            }
+
+            @if (hint()) {
+                <tui-icon
+                    [tuiHintDirection]="'top-end'"
+                    [tuiTooltip]="hint() ?? ''"
+                />
+            }
+        </tui-textfield>
+
+        <keit-field-validation [control]="control()" />
+    `, isInline: true, styles: [":host{display:block;flex-grow:1}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.TuiLabel, selector: "label[tuiLabel]" }, { kind: "component", type: i3$1.TuiTextfieldComponent, selector: "tui-textfield:not([multi])", inputs: ["content", "filler"] }, { kind: "directive", type: i3$1.TuiTextfieldOptionsDirective, selector: "[tuiTextfieldAppearance],[tuiTextfieldSize],[tuiTextfieldCleaner]", inputs: ["tuiTextfieldAppearance", "tuiTextfieldSize", "tuiTextfieldCleaner"] }, { kind: "directive", type: i2$1.TuiInputNumberDirective, selector: "input[tuiInputNumber]" }, { kind: "directive", type: i2$1.TuiInputNumberStep, selector: "input[tuiInputNumber][step]", inputs: ["step"] }, { kind: "component", type: FieldValidation, selector: "keit-field-validation", inputs: ["control", "field"] }, { kind: "directive", type: TuiTooltip, selector: "tui-icon[tuiTooltip]", inputs: ["size"] }, { kind: "component", type: TuiIcon, selector: "tui-icon:not([tuiBadge])", inputs: ["background"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: SimpleNumberInputWidget, decorators: [{
+            type: Component,
+            args: [{ selector: 'keit-simple-number-input-widget', imports: [
+                        ReactiveFormsModule,
+                        TuiInput,
+                        TuiInputNumber,
+                        TuiLabel,
+                        FieldValidation,
+                        TuiHint,
+                        TuiTooltip,
+                        TuiIcon,
+                    ], template: `
+        <tui-textfield
+            [tuiTextfieldSize]="size()"
+            [tuiTextfieldCleaner]="cleaner() ?? false"
+        >
+            <label tuiLabel>{{ placeholder() }}</label>
+
+            @if (step()) {
+                <input
+                    tuiInputNumber
+                    [placeholder]="sample()"
+                    [formControl]="control()"
+                    [min]="min()"
+                    [max]="max()"
+                    [step]="step() ?? 1"
+                    [postfix]="postfix() ?? ''"
+                    (keydown.enter)="enter.emit()"
+                />
+            } @else {
+                <input
+                    tuiInputNumber
+                    [placeholder]="sample()"
+                    [formControl]="control()"
+                    [min]="min()"
+                    [max]="max()"
+                    [postfix]="postfix() ?? ''"
+                    (keydown.enter)="enter.emit()"
+                />
+            }
+
+            @if (hint()) {
+                <tui-icon
+                    [tuiHintDirection]="'top-end'"
+                    [tuiTooltip]="hint() ?? ''"
+                />
+            }
+        </tui-textfield>
+
+        <keit-field-validation [control]="control()" />
+    `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block;flex-grow:1}\n"] }]
+        }], propDecorators: { placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: true }] }], sample: [{ type: i0.Input, args: [{ isSignal: true, alias: "sample", required: false }] }], hint: [{ type: i0.Input, args: [{ isSignal: true, alias: "hint", required: false }] }], control: [{ type: i0.Input, args: [{ isSignal: true, alias: "control", required: true }] }], min: [{ type: i0.Input, args: [{ isSignal: true, alias: "min", required: true }] }], max: [{ type: i0.Input, args: [{ isSignal: true, alias: "max", required: true }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], postfix: [{ type: i0.Input, args: [{ isSignal: true, alias: "postfix", required: false }] }], cleaner: [{ type: i0.Input, args: [{ isSignal: true, alias: "cleaner", required: false }] }], step: [{ type: i0.Input, args: [{ isSignal: true, alias: "step", required: false }] }], enter: [{ type: i0.Output, args: ["enter"] }] } });
+
+class SimpleInputWidget {
+    placeholder = input(...(ngDevMode ? [undefined, { debugName: "placeholder" }] : /* istanbul ignore next */ []));
+    sample = input('Введите...', ...(ngDevMode ? [{ debugName: "sample" }] : /* istanbul ignore next */ []));
+    control = input.required(...(ngDevMode ? [{ debugName: "control" }] : /* istanbul ignore next */ []));
+    size = input('m', ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+    readonly = input(false, ...(ngDevMode ? [{ debugName: "readonly" }] : /* istanbul ignore next */ []));
+    hint = input('', ...(ngDevMode ? [{ debugName: "hint" }] : /* istanbul ignore next */ []));
+    iconRight = input('', ...(ngDevMode ? [{ debugName: "iconRight" }] : /* istanbul ignore next */ []));
+    cleaner = input(...(ngDevMode ? [undefined, { debugName: "cleaner" }] : /* istanbul ignore next */ []));
+    hasEnter = input(...(ngDevMode ? [undefined, { debugName: "hasEnter" }] : /* istanbul ignore next */ []));
+    focused = input(null, ...(ngDevMode ? [{ debugName: "focused" }] : /* istanbul ignore next */ []));
+    enter = output();
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: SimpleInputWidget, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: SimpleInputWidget, isStandalone: true, selector: "keit-simple-input-widget", inputs: { placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, sample: { classPropertyName: "sample", publicName: "sample", isSignal: true, isRequired: false, transformFunction: null }, control: { classPropertyName: "control", publicName: "control", isSignal: true, isRequired: true, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, hint: { classPropertyName: "hint", publicName: "hint", isSignal: true, isRequired: false, transformFunction: null }, iconRight: { classPropertyName: "iconRight", publicName: "iconRight", isSignal: true, isRequired: false, transformFunction: null }, cleaner: { classPropertyName: "cleaner", publicName: "cleaner", isSignal: true, isRequired: false, transformFunction: null }, hasEnter: { classPropertyName: "hasEnter", publicName: "hasEnter", isSignal: true, isRequired: false, transformFunction: null }, focused: { classPropertyName: "focused", publicName: "focused", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { enter: "enter" }, ngImport: i0, template: `
+        <tui-textfield
+            [tuiTextfieldSize]="size()"
+            [tuiTextfieldCleaner]="cleaner() ?? false"
+        >
+            @if (placeholder()) {
+                <label tuiLabel>{{ placeholder() }}</label>
+            }
+            <input
+                tuiInput
+                [placeholder]="sample()"
+                [formControl]="control()"
+                [readOnly]="readonly()"
+                [attr.autofocus]="focused()"
+                [focused]="focused()"
+                autocomplete="off"
+                (keydown.enter)="enter.emit()"
+            />
+
+            @if (hasEnter()) {
+                <tui-icon
+                    icon="@tui.corner-down-left"
+                    (click)="enter.emit()"
+                    class="icon"
+                />
+            }
+
+            @if (iconRight()) {
+                <tui-icon [icon]="iconRight()" />
+            }
+
+            @if (hint()) {
+                <tui-icon [tuiTooltip]="hint()" tuiHintDirection="top-end" />
+            }
+
+            <keit-field-validation [control]="control()" />
+        </tui-textfield>
+    `, isInline: true, styles: [":host{display:block}.icon{cursor:pointer}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.TuiLabel, selector: "label[tuiLabel]" }, { kind: "component", type: i3$1.TuiTextfieldComponent, selector: "tui-textfield:not([multi])", inputs: ["content", "filler"] }, { kind: "directive", type: i3$1.TuiTextfieldOptionsDirective, selector: "[tuiTextfieldAppearance],[tuiTextfieldSize],[tuiTextfieldCleaner]", inputs: ["tuiTextfieldAppearance", "tuiTextfieldSize", "tuiTextfieldCleaner"] }, { kind: "directive", type: i3.TuiInputDirective, selector: "input[tuiInput]", inputs: ["readOnly", "invalid", "focused", "state"] }, { kind: "component", type: FieldValidation, selector: "keit-field-validation", inputs: ["control", "field"] }, { kind: "component", type: TuiIcon, selector: "tui-icon:not([tuiBadge])", inputs: ["background"] }, { kind: "directive", type: TuiTooltip, selector: "tui-icon[tuiTooltip]", inputs: ["size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: SimpleInputWidget, decorators: [{
+            type: Component,
+            args: [{ selector: 'keit-simple-input-widget', imports: [
+                        ReactiveFormsModule,
+                        FormsModule,
+                        TuiInput,
+                        TuiLabel,
+                        FieldValidation,
+                        TuiIcon,
+                        TuiTooltip,
+                    ], template: `
+        <tui-textfield
+            [tuiTextfieldSize]="size()"
+            [tuiTextfieldCleaner]="cleaner() ?? false"
+        >
+            @if (placeholder()) {
+                <label tuiLabel>{{ placeholder() }}</label>
+            }
+            <input
+                tuiInput
+                [placeholder]="sample()"
+                [formControl]="control()"
+                [readOnly]="readonly()"
+                [attr.autofocus]="focused()"
+                [focused]="focused()"
+                autocomplete="off"
+                (keydown.enter)="enter.emit()"
+            />
+
+            @if (hasEnter()) {
+                <tui-icon
+                    icon="@tui.corner-down-left"
+                    (click)="enter.emit()"
+                    class="icon"
+                />
+            }
+
+            @if (iconRight()) {
+                <tui-icon [icon]="iconRight()" />
+            }
+
+            @if (hint()) {
+                <tui-icon [tuiTooltip]="hint()" tuiHintDirection="top-end" />
+            }
+
+            <keit-field-validation [control]="control()" />
+        </tui-textfield>
+    `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block}.icon{cursor:pointer}\n"] }]
+        }], propDecorators: { placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], sample: [{ type: i0.Input, args: [{ isSignal: true, alias: "sample", required: false }] }], control: [{ type: i0.Input, args: [{ isSignal: true, alias: "control", required: true }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], hint: [{ type: i0.Input, args: [{ isSignal: true, alias: "hint", required: false }] }], iconRight: [{ type: i0.Input, args: [{ isSignal: true, alias: "iconRight", required: false }] }], cleaner: [{ type: i0.Input, args: [{ isSignal: true, alias: "cleaner", required: false }] }], hasEnter: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasEnter", required: false }] }], focused: [{ type: i0.Input, args: [{ isSignal: true, alias: "focused", required: false }] }], enter: [{ type: i0.Output, args: ["enter"] }] } });
+
+class SimpleTextareaWidget {
+    placeholder = input.required(...(ngDevMode ? [{ debugName: "placeholder" }] : /* istanbul ignore next */ []));
+    sample = input(...(ngDevMode ? [undefined, { debugName: "sample" }] : /* istanbul ignore next */ []));
+    control = input.required(...(ngDevMode ? [{ debugName: "control" }] : /* istanbul ignore next */ []));
+    limit = input(...(ngDevMode ? [undefined, { debugName: "limit" }] : /* istanbul ignore next */ []));
+    size = input('m', ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+    cleaner = input(...(ngDevMode ? [undefined, { debugName: "cleaner" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: SimpleTextareaWidget, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.8", type: SimpleTextareaWidget, isStandalone: true, selector: "keit-simple-textarea", inputs: { placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: true, transformFunction: null }, sample: { classPropertyName: "sample", publicName: "sample", isSignal: true, isRequired: false, transformFunction: null }, control: { classPropertyName: "control", publicName: "control", isSignal: true, isRequired: true, transformFunction: null }, limit: { classPropertyName: "limit", publicName: "limit", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, cleaner: { classPropertyName: "cleaner", publicName: "cleaner", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
+        <tui-textfield
+            [tuiTextfieldSize]="size()"
+            [tuiTextfieldCleaner]="cleaner() ?? false"
+        >
+            <label tuiLabel>{{ placeholder() }}</label>
+            <textarea
+                [placeholder]="sample()"
+                [formControl]="control()"
+                [min]="3"
+                [max]="6"
+                [limit]="limit() ?? 1000"
+                tuiTextarea
+            ></textarea>
+        </tui-textfield>
+
+        <keit-field-validation [control]="control()" />
+    `, isInline: true, styles: [":host{display:block}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i2$1.TuiTextareaComponent, selector: "textarea[tuiTextarea]", inputs: ["min", "max", "content"] }, { kind: "directive", type: i2$1.TuiTextareaDirective, selector: "[tuiTextarea][limit]", inputs: ["limit"] }, { kind: "directive", type: i2.TuiLabel, selector: "label[tuiLabel]" }, { kind: "component", type: i3$1.TuiTextfieldComponent, selector: "tui-textfield:not([multi])", inputs: ["content", "filler"] }, { kind: "directive", type: i3$1.TuiTextfieldOptionsDirective, selector: "[tuiTextfieldAppearance],[tuiTextfieldSize],[tuiTextfieldCleaner]", inputs: ["tuiTextfieldAppearance", "tuiTextfieldSize", "tuiTextfieldCleaner"] }, { kind: "component", type: FieldValidation, selector: "keit-field-validation", inputs: ["control", "field"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: SimpleTextareaWidget, decorators: [{
+            type: Component,
+            args: [{ selector: 'keit-simple-textarea', imports: [
+                        ReactiveFormsModule,
+                        TuiTextarea,
+                        TuiLabel,
+                        TuiInput,
+                        FieldValidation,
+                    ], template: `
+        <tui-textfield
+            [tuiTextfieldSize]="size()"
+            [tuiTextfieldCleaner]="cleaner() ?? false"
+        >
+            <label tuiLabel>{{ placeholder() }}</label>
+            <textarea
+                [placeholder]="sample()"
+                [formControl]="control()"
+                [min]="3"
+                [max]="6"
+                [limit]="limit() ?? 1000"
+                tuiTextarea
+            ></textarea>
+        </tui-textfield>
+
+        <keit-field-validation [control]="control()" />
+    `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block}\n"] }]
+        }], propDecorators: { placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: true }] }], sample: [{ type: i0.Input, args: [{ isSignal: true, alias: "sample", required: false }] }], control: [{ type: i0.Input, args: [{ isSignal: true, alias: "control", required: true }] }], limit: [{ type: i0.Input, args: [{ isSignal: true, alias: "limit", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], cleaner: [{ type: i0.Input, args: [{ isSignal: true, alias: "cleaner", required: false }] }] } });
+
+class SimpleCopyInputWidget {
+    name = input(...(ngDevMode ? [undefined, { debugName: "name" }] : /* istanbul ignore next */ []));
+    placeholder = input('', ...(ngDevMode ? [{ debugName: "placeholder" }] : /* istanbul ignore next */ []));
+    control = input.required(...(ngDevMode ? [{ debugName: "control" }] : /* istanbul ignore next */ []));
+    size = input('m', ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: SimpleCopyInputWidget, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.8", type: SimpleCopyInputWidget, isStandalone: true, selector: "keit-simple-copy-input-widget", inputs: { name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, control: { classPropertyName: "control", publicName: "control", isSignal: true, isRequired: true, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
+        <tui-textfield
+            [tuiTextfieldCleaner]="false"
+            [tuiTextfieldSize]="size()"
+        >
+            <label tuiLabel>{{ name() }}</label>
+            <input
+                tuiInput
+                [placeholder]="placeholder()"
+                [formControl]="control()"
+            />
+            <tui-icon tuiCopy />
+        </tui-textfield>
+    `, isInline: true, styles: [":host{display:block}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.TuiLabel, selector: "label[tuiLabel]" }, { kind: "component", type: i3$1.TuiTextfieldComponent, selector: "tui-textfield:not([multi])", inputs: ["content", "filler"] }, { kind: "directive", type: i3$1.TuiTextfieldOptionsDirective, selector: "[tuiTextfieldAppearance],[tuiTextfieldSize],[tuiTextfieldCleaner]", inputs: ["tuiTextfieldAppearance", "tuiTextfieldSize", "tuiTextfieldCleaner"] }, { kind: "directive", type: i3.TuiInputDirective, selector: "input[tuiInput]", inputs: ["readOnly", "invalid", "focused", "state"] }, { kind: "component", type: TuiIcon, selector: "tui-icon:not([tuiBadge])", inputs: ["background"] }, { kind: "directive", type: i2$1.TuiCopyDirective, selector: "tui-icon[tuiCopy]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: SimpleCopyInputWidget, decorators: [{
+            type: Component,
+            args: [{ selector: 'keit-simple-copy-input-widget', imports: [
+                        ReactiveFormsModule,
+                        FormsModule,
+                        TuiInput,
+                        TuiLabel,
+                        TuiIcon,
+                        TuiCopy,
+                    ], template: `
+        <tui-textfield
+            [tuiTextfieldCleaner]="false"
+            [tuiTextfieldSize]="size()"
+        >
+            <label tuiLabel>{{ name() }}</label>
+            <input
+                tuiInput
+                [placeholder]="placeholder()"
+                [formControl]="control()"
+            />
+            <tui-icon tuiCopy />
+        </tui-textfield>
+    `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block}\n"] }]
+        }], propDecorators: { name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], control: [{ type: i0.Input, args: [{ isSignal: true, alias: "control", required: true }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }] } });
+
+const PATTERN_ONLY_CHARS = /^[a-zA-Zа-яёА-ЯЁ]+$/;
+const PATTERN_CHARS_WITH_SPACE = /^[a-zA-Zа-яёА-ЯЁ\s]+$/;
+const PATTERN_ONLY_DIGITS = /^[0-9]+$/;
+const PATTERN_ONLY_DIGITS_CHARS = /^[a-zA-Zа-яёА-ЯЁ0-9]+$/;
+const PATTERN_ONLY_DIGITS_CHARS_TIRE = /^[a-zA-Zа-яёА-ЯЁ0-9\-\s]+$/;
+const PATTERN_REF_CATEGORIES = /^[a-zA-Zа-яёА-ЯЁ0-9\-\'\" .]+$/;
+const PATTERN_PHONE = /^\+7\d{10}$/;
+const validatorsProvider = tuiValidationErrorsProvider({
+    required: 'Требуется ввести',
+    maxlength: ({ requiredLength }) => `Максимальная длина — ${requiredLength}`,
+    minlength: ({ requiredLength }) => `Минимальная длина — ${requiredLength}`,
+    email: 'Введите корректный email',
+    pattern: ({ requiredPattern }) => {
+        // Remove leading and trailing slashes from the pattern
+        const pattern = requiredPattern.replace(/^\/|\/$/g, '');
+        // Helper to compare regex patterns by their source
+        const isPattern = (regex) => {
+            // Compare source without anchors for flexibility
+            const source = regex.source.replace(/^\^|\$$/g, '');
+            const patternWithoutAnchors = pattern.replace(/^\^|\$$/g, '');
+            // Normalize backslashes: reduce double backslashes to single
+            const normalize = (s) => s.replace(/\\\\/g, '\\');
+            return normalize(source) === normalize(patternWithoutAnchors);
+        };
+        if (isPattern(PATTERN_ONLY_CHARS)) {
+            return 'Должны быть только буквы';
+        }
+        if (isPattern(PATTERN_CHARS_WITH_SPACE)) {
+            return 'Должны быть только буквы и пробел';
+        }
+        if (isPattern(PATTERN_ONLY_DIGITS)) {
+            return 'Должны быть только цифры';
+        }
+        if (isPattern(PATTERN_ONLY_DIGITS_CHARS)) {
+            return 'Только цифры и буквы';
+        }
+        if (isPattern(PATTERN_ONLY_DIGITS_CHARS_TIRE)) {
+            return 'Только цифры, буквы, тире';
+        }
+        if (isPattern(PATTERN_REF_CATEGORIES)) {
+            return 'Недопустимый символ';
+        }
+        if (isPattern(PATTERN_PHONE)) {
+            return 'Введите корректный номер телефона';
+        }
+        return 'Некорректный формат';
+    },
+});
+
+class KeitControl extends FormControl {
+    constructor(defaultValue, blurable) {
+        super(defaultValue, { updateOn: blurable ? 'blur' : 'change' });
+    }
+    static create(defaultValue, blurable = false) {
+        return new KeitControl(defaultValue, blurable);
+    }
+    required() {
+        this.addValidators(Validators.required);
+        return this;
+    }
+    min(m) {
+        this.addValidators(Validators.min(m));
+        return this;
+    }
+    max(m) {
+        this.addValidators(Validators.max(m));
+        return this;
+    }
+    minLength(m) {
+        this.addValidators(Validators.minLength(m));
+        return this;
+    }
+    maxLength(m) {
+        this.addValidators(Validators.maxLength(m));
+        return this;
+    }
+    email() {
+        this.addValidators(Validators.email);
+        return this;
+    }
+    pattern(p) {
+        this.addValidators(Validators.pattern(p));
+        return this;
+    }
+    patternOnlyChars() {
+        this.addValidators(Validators.pattern(PATTERN_ONLY_CHARS));
+        return this;
+    }
+    patternCharsWithSpace() {
+        this.addValidators(Validators.pattern(PATTERN_CHARS_WITH_SPACE));
+        return this;
+    }
+    patternOnlyDigits() {
+        this.addValidators(Validators.pattern(PATTERN_ONLY_DIGITS));
+        return this;
+    }
+    patternOnlyDigitsChars() {
+        this.addValidators(Validators.pattern(PATTERN_ONLY_DIGITS_CHARS));
+        return this;
+    }
+    patternOnlyDigitsCharsTire() {
+        this.addValidators(Validators.pattern(PATTERN_ONLY_DIGITS_CHARS_TIRE));
+        return this;
+    }
+    patternRefCategories() {
+        this.addValidators(Validators.pattern(PATTERN_REF_CATEGORIES));
+        return this;
+    }
+    phone() {
+        this.addValidators(Validators.pattern(PATTERN_PHONE));
+        return this;
+    }
+}
+
+class SimplePhoneInputWidget {
+    isIos = inject(WA_IS_IOS);
+    placeholder = input(...(ngDevMode ? [undefined, { debugName: "placeholder" }] : /* istanbul ignore next */ []));
+    readonly = input(false, ...(ngDevMode ? [{ debugName: "readonly" }] : /* istanbul ignore next */ []));
+    control = input.required(...(ngDevMode ? [{ debugName: "control" }] : /* istanbul ignore next */ []));
+    size = input('s', ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+    ngOnInit() {
+        const control = this.control();
+        if (control instanceof KeitControl) {
+            control.phone();
+        }
+    }
+    get pattern() {
+        return this.isIos ? '+[0-9-]{1,20}' : null;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: SimplePhoneInputWidget, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.8", type: SimplePhoneInputWidget, isStandalone: true, selector: "keit-simple-phone-input-widget", inputs: { placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, control: { classPropertyName: "control", publicName: "control", isSignal: true, isRequired: true, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
+        <tui-textfield [tuiTextfieldSize]="size()">
+            <label tuiLabel>Телефон</label>
+
+            <input
+                autocomplete="tel"
+                mask="+7 ### ###-##-##"
+                tuiInputPhone
+                [attr.pattern]="pattern"
+                [formControl]="control()"
+                [readOnly]="readonly()"
+            />
+        </tui-textfield>
+
+        <keit-field-validation [control]="control()" />
+    `, isInline: true, styles: [":host{display:block}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.TuiLabel, selector: "label[tuiLabel]" }, { kind: "component", type: i3$1.TuiTextfieldComponent, selector: "tui-textfield:not([multi])", inputs: ["content", "filler"] }, { kind: "directive", type: i3$1.TuiTextfieldOptionsDirective, selector: "[tuiTextfieldAppearance],[tuiTextfieldSize],[tuiTextfieldCleaner]", inputs: ["tuiTextfieldAppearance", "tuiTextfieldSize", "tuiTextfieldCleaner"] }, { kind: "directive", type: i2$1.TuiInputPhoneDirective, selector: "input[tuiInputPhone]", inputs: ["allowText", "mask"] }, { kind: "component", type: FieldValidation, selector: "keit-field-validation", inputs: ["control", "field"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: SimplePhoneInputWidget, decorators: [{
+            type: Component,
+            args: [{ selector: 'keit-simple-phone-input-widget', imports: [
+                        ReactiveFormsModule,
+                        FormsModule,
+                        TuiInput,
+                        TuiLabel,
+                        TuiInputPhone,
+                        FieldValidation,
+                    ], template: `
+        <tui-textfield [tuiTextfieldSize]="size()">
+            <label tuiLabel>Телефон</label>
+
+            <input
+                autocomplete="tel"
+                mask="+7 ### ###-##-##"
+                tuiInputPhone
+                [attr.pattern]="pattern"
+                [formControl]="control()"
+                [readOnly]="readonly()"
+            />
+        </tui-textfield>
+
+        <keit-field-validation [control]="control()" />
+    `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block}\n"] }]
+        }], propDecorators: { placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], control: [{ type: i0.Input, args: [{ isSignal: true, alias: "control", required: true }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }] } });
+
+class SimplePasswordInputWidget {
+    placeholder = input(...(ngDevMode ? [undefined, { debugName: "placeholder" }] : /* istanbul ignore next */ []));
+    control = input.required(...(ngDevMode ? [{ debugName: "control" }] : /* istanbul ignore next */ []));
+    size = input('m', ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+    readonly = input(false, ...(ngDevMode ? [{ debugName: "readonly" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: SimplePasswordInputWidget, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.8", type: SimplePasswordInputWidget, isStandalone: true, selector: "keit-simple-password-input", inputs: { placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, control: { classPropertyName: "control", publicName: "control", isSignal: true, isRequired: true, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
+        <tui-textfield [tuiTextfieldSize]="size()">
+            <label tuiLabel>{{ placeholder() }}</label>
+            <input
+                type="password"
+                autocomplete="off"
+                tuiInput
+                [placeholder]="placeholder()"
+                [formControl]="control()"
+                [readOnly]="readonly()"
+                autocomplete="new-password"
+            />
+            <tui-icon tuiPassword />
+            <keit-field-validation [control]="control()" />
+        </tui-textfield>
+    `, isInline: true, styles: [":host{display:block}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: TuiTextfieldComponent, selector: "tui-textfield:not([multi])", inputs: ["content", "filler"] }, { kind: "directive", type: i2.TuiLabel, selector: "label[tuiLabel]" }, { kind: "directive", type: i3$1.TuiTextfieldOptionsDirective, selector: "[tuiTextfieldAppearance],[tuiTextfieldSize],[tuiTextfieldCleaner]", inputs: ["tuiTextfieldAppearance", "tuiTextfieldSize", "tuiTextfieldCleaner"] }, { kind: "directive", type: i3.TuiInputDirective, selector: "input[tuiInput]", inputs: ["readOnly", "invalid", "focused", "state"] }, { kind: "component", type: TuiIcon, selector: "tui-icon:not([tuiBadge])", inputs: ["background"] }, { kind: "component", type: FieldValidation, selector: "keit-field-validation", inputs: ["control", "field"] }, { kind: "directive", type: TuiPassword, selector: "tui-icon[tuiPassword]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: SimplePasswordInputWidget, decorators: [{
+            type: Component,
+            args: [{ selector: 'keit-simple-password-input', imports: [
+                        FormsModule,
+                        ReactiveFormsModule,
+                        TuiTextfieldComponent,
+                        TuiInput,
+                        TuiLabel,
+                        TuiIcon,
+                        FieldValidation,
+                        TuiPassword,
+                    ], template: `
+        <tui-textfield [tuiTextfieldSize]="size()">
+            <label tuiLabel>{{ placeholder() }}</label>
+            <input
+                type="password"
+                autocomplete="off"
+                tuiInput
+                [placeholder]="placeholder()"
+                [formControl]="control()"
+                [readOnly]="readonly()"
+                autocomplete="new-password"
+            />
+            <tui-icon tuiPassword />
+            <keit-field-validation [control]="control()" />
+        </tui-textfield>
+    `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block}\n"] }]
+        }], propDecorators: { placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], control: [{ type: i0.Input, args: [{ isSignal: true, alias: "control", required: true }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }] } });
+
+class SimpleActionsWidget {
+    primaryIcon = input(...(ngDevMode ? [undefined, { debugName: "primaryIcon" }] : /* istanbul ignore next */ []));
+    secondaryIcon = input(...(ngDevMode ? [undefined, { debugName: "secondaryIcon" }] : /* istanbul ignore next */ []));
+    disabled = input(...(ngDevMode ? [undefined, { debugName: "disabled" }] : /* istanbul ignore next */ []));
+    primaryCaption = input('Принять', ...(ngDevMode ? [{ debugName: "primaryCaption" }] : /* istanbul ignore next */ []));
+    secondaryCaption = input('Отмена', ...(ngDevMode ? [{ debugName: "secondaryCaption" }] : /* istanbul ignore next */ []));
+    hasSecondary = input(true, ...(ngDevMode ? [{ debugName: "hasSecondary" }] : /* istanbul ignore next */ []));
+    size = input('m', ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+    acceptEvent = output();
+    cancelEvent = output();
+    onEnterKey() {
+        if (!this.disabled()) {
+            this.acceptEvent.emit();
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: SimpleActionsWidget, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: SimpleActionsWidget, isStandalone: true, selector: "keit-simple-actions", inputs: { primaryIcon: { classPropertyName: "primaryIcon", publicName: "primaryIcon", isSignal: true, isRequired: false, transformFunction: null }, secondaryIcon: { classPropertyName: "secondaryIcon", publicName: "secondaryIcon", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, primaryCaption: { classPropertyName: "primaryCaption", publicName: "primaryCaption", isSignal: true, isRequired: false, transformFunction: null }, secondaryCaption: { classPropertyName: "secondaryCaption", publicName: "secondaryCaption", isSignal: true, isRequired: false, transformFunction: null }, hasSecondary: { classPropertyName: "hasSecondary", publicName: "hasSecondary", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { acceptEvent: "acceptEvent", cancelEvent: "cancelEvent" }, host: { listeners: { "window:keydown.enter": "onEnterKey()", "window:keydown.esc": "cancelEvent.emit()" } }, ngImport: i0, template: `
+        <div class="actions">
+            <button
+                tuiButton
+                appearance="primary"
+                [disabled]="disabled()"
+                [size]="size()"
+                (click)="acceptEvent.emit()"
+            >
+                @if (primaryIcon()) {
+                    <tui-icon [icon]="primaryIcon() ?? ''" />
+                }
+
+                {{ primaryCaption() }}
+            </button>
+
+            @if (hasSecondary()) {
+                <button
+                    tuiButton
+                    type="button"
+                    appearance="flat"
+                    [size]="size()"
+                    class="tui-form__button"
+                    (click)="cancelEvent.emit()"
+                >
+                    @if (secondaryIcon()) {
+                        <tui-icon [icon]="secondaryIcon() ?? ''" />
+                    }
+
+                    {{ secondaryCaption() }}
+                </button>
+            }
+        </div>
+    `, isInline: true, styles: [":host{display:flex;margin:12px 0;justify-content:end}.actions{display:flex;flex-direction:row-reverse;gap:4px;justify-content:end}\n"], dependencies: [{ kind: "component", type: TuiIcon, selector: "tui-icon:not([tuiBadge])", inputs: ["background"] }, { kind: "directive", type: TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: SimpleActionsWidget, decorators: [{
+            type: Component,
+            args: [{ selector: 'keit-simple-actions', imports: [TuiIcon, TuiButton], template: `
+        <div class="actions">
+            <button
+                tuiButton
+                appearance="primary"
+                [disabled]="disabled()"
+                [size]="size()"
+                (click)="acceptEvent.emit()"
+            >
+                @if (primaryIcon()) {
+                    <tui-icon [icon]="primaryIcon() ?? ''" />
+                }
+
+                {{ primaryCaption() }}
+            </button>
+
+            @if (hasSecondary()) {
+                <button
+                    tuiButton
+                    type="button"
+                    appearance="flat"
+                    [size]="size()"
+                    class="tui-form__button"
+                    (click)="cancelEvent.emit()"
+                >
+                    @if (secondaryIcon()) {
+                        <tui-icon [icon]="secondaryIcon() ?? ''" />
+                    }
+
+                    {{ secondaryCaption() }}
+                </button>
+            }
+        </div>
+    `, changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        '(window:keydown.enter)': 'onEnterKey()',
+                        '(window:keydown.esc)': 'cancelEvent.emit()',
+                    }, styles: [":host{display:flex;margin:12px 0;justify-content:end}.actions{display:flex;flex-direction:row-reverse;gap:4px;justify-content:end}\n"] }]
+        }], propDecorators: { primaryIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "primaryIcon", required: false }] }], secondaryIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "secondaryIcon", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], primaryCaption: [{ type: i0.Input, args: [{ isSignal: true, alias: "primaryCaption", required: false }] }], secondaryCaption: [{ type: i0.Input, args: [{ isSignal: true, alias: "secondaryCaption", required: false }] }], hasSecondary: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasSecondary", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], acceptEvent: [{ type: i0.Output, args: ["acceptEvent"] }], cancelEvent: [{ type: i0.Output, args: ["cancelEvent"] }] } });
+
+class SimpleFlexLayout {
+    gap = input(...(ngDevMode ? [undefined, { debugName: "gap" }] : /* istanbul ignore next */ []));
+    direction = input(...(ngDevMode ? [undefined, { debugName: "direction" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: SimpleFlexLayout, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.8", type: SimpleFlexLayout, isStandalone: true, selector: "keit-simple-flex", inputs: { gap: { classPropertyName: "gap", publicName: "gap", isSignal: true, isRequired: false, transformFunction: null }, direction: { classPropertyName: "direction", publicName: "direction", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
+        <div
+            class="base"
+            [style.gap.px]="gap()"
+            [style.flexDirection]="
+                direction() === 'vertical' ? 'column' : 'row'
+            "
+        >
+            <ng-content></ng-content>
+        </div>
+    `, isInline: true, styles: [":host{display:block}.base{display:flex}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: SimpleFlexLayout, decorators: [{
+            type: Component,
+            args: [{ selector: 'keit-simple-flex', imports: [], template: `
+        <div
+            class="base"
+            [style.gap.px]="gap()"
+            [style.flexDirection]="
+                direction() === 'vertical' ? 'column' : 'row'
+            "
+        >
+            <ng-content></ng-content>
+        </div>
+    `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block}.base{display:flex}\n"] }]
+        }], propDecorators: { gap: [{ type: i0.Input, args: [{ isSignal: true, alias: "gap", required: false }] }], direction: [{ type: i0.Input, args: [{ isSignal: true, alias: "direction", required: false }] }] } });
+
+class SimpleGridLayout {
+    columns = input(...(ngDevMode ? [undefined, { debugName: "columns" }] : /* istanbul ignore next */ []));
+    gap = input(...(ngDevMode ? [undefined, { debugName: "gap" }] : /* istanbul ignore next */ []));
+    getGridTemplate(count) {
+        if (count === undefined) {
+            return '';
+        }
+        return `repeat(${count}, 1fr)`;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: SimpleGridLayout, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.8", type: SimpleGridLayout, isStandalone: true, selector: "keit-simple-grid", inputs: { columns: { classPropertyName: "columns", publicName: "columns", isSignal: true, isRequired: false, transformFunction: null }, gap: { classPropertyName: "gap", publicName: "gap", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
+        <div
+            class="base"
+            [style.gridTemplateColumns]="getGridTemplate(columns())"
+            [style.gap.px]="gap()"
+        >
+            <ng-content></ng-content>
+        </div>
+    `, isInline: true, styles: [":host{display:block}.base{display:grid;gap:20px;grid-auto-rows:auto}@media(max-width:480px){.base{grid-template-columns:1fr!important}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: SimpleGridLayout, decorators: [{
+            type: Component,
+            args: [{ selector: 'keit-simple-grid', imports: [], template: `
+        <div
+            class="base"
+            [style.gridTemplateColumns]="getGridTemplate(columns())"
+            [style.gap.px]="gap()"
+        >
+            <ng-content></ng-content>
+        </div>
+    `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block}.base{display:grid;gap:20px;grid-auto-rows:auto}@media(max-width:480px){.base{grid-template-columns:1fr!important}}\n"] }]
+        }], propDecorators: { columns: [{ type: i0.Input, args: [{ isSignal: true, alias: "columns", required: false }] }], gap: [{ type: i0.Input, args: [{ isSignal: true, alias: "gap", required: false }] }] } });
+
+let NameDescriptionComponent$1 = class NameDescriptionComponent {
+    context = injectContext();
+    name = KeitControl$1.create('')
+        .required()
+        .minLength(3)
+        .maxLength(255);
+    description = KeitControl$1.create('')
+        .required()
+        .minLength(3)
+        .maxLength(1024);
+    cancel() {
+        this.name.reset();
+        this.description.reset();
+    }
+    accept() {
+        this.context.completeWith({
+            name: this.name.value,
+            description: this.description.value,
+        });
+        this.name.reset();
+        this.description.reset();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: NameDescriptionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.8", type: NameDescriptionComponent, isStandalone: true, selector: "keit-name-description-component", providers: [validatorsProvider$1], ngImport: i0, template: `
+        <keit-simple-flex [gap]="8" direction="vertical">
+            <keit-simple-input-widget
+                [control]="name"
+                placeholder="Название"
+                sample="Компот"
+            />
+
+            <keit-simple-textarea
+                placeholder="Описание"
+                [limit]="1024"
+                [control]="description"
+                [size]="'m'"
+                sample="Введите тут описание"
+            />
+
+            <keit-simple-actions
+                [size]="'s'"
+                (cancelEvent)="cancel(); context.completeWith(null)"
+                (acceptEvent)="accept()"
+                [disabled]="name.invalid || description.invalid"
+            />
+        </keit-simple-flex>
+    `, isInline: true, styles: [""], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "component", type: SimpleInputWidget$1, selector: "keit-simple-input-widget", inputs: ["placeholder", "sample", "control", "size", "readonly", "hint", "iconRight", "cleaner", "hasEnter", "focused"], outputs: ["enter"] }, { kind: "component", type: SimpleTextareaWidget$1, selector: "keit-simple-textarea", inputs: ["placeholder", "sample", "control", "limit", "size", "cleaner"] }, { kind: "component", type: SimpleActionsWidget$1, selector: "keit-simple-actions", inputs: ["primaryIcon", "secondaryIcon", "disabled", "primaryCaption", "secondaryCaption", "hasSecondary", "size"], outputs: ["acceptEvent", "cancelEvent"] }, { kind: "component", type: SimpleFlexLayout$1, selector: "keit-simple-flex", inputs: ["gap", "direction"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+};
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: NameDescriptionComponent$1, decorators: [{
+            type: Component,
+            args: [{ selector: 'keit-name-description-component', imports: [
+                        FormsModule,
+                        ReactiveFormsModule,
+                        TuiInput,
+                        SimpleInputWidget$1,
+                        SimpleTextareaWidget$1,
+                        SimpleActionsWidget$1,
+                        SimpleFlexLayout$1,
+                    ], template: `
+        <keit-simple-flex [gap]="8" direction="vertical">
+            <keit-simple-input-widget
+                [control]="name"
+                placeholder="Название"
+                sample="Компот"
+            />
+
+            <keit-simple-textarea
+                placeholder="Описание"
+                [limit]="1024"
+                [control]="description"
+                [size]="'m'"
+                sample="Введите тут описание"
+            />
+
+            <keit-simple-actions
+                [size]="'s'"
+                (cancelEvent)="cancel(); context.completeWith(null)"
+                (acceptEvent)="accept()"
+                [disabled]="name.invalid || description.invalid"
+            />
+        </keit-simple-flex>
+    `, providers: [validatorsProvider$1], changeDetection: ChangeDetectionStrategy.OnPush }]
+        }] });
+
+class NameDescriptionDialog {
+    dialogs = inject(TuiDialogService);
+    injector = inject(Injector);
+    operation = input('create', ...(ngDevMode ? [{ debugName: "operation" }] : /* istanbul ignore next */ []));
+    disabled = input(...(ngDevMode ? [undefined, { debugName: "disabled" }] : /* istanbul ignore next */ []));
+    caption = input(...(ngDevMode ? [undefined, { debugName: "caption" }] : /* istanbul ignore next */ []));
+    size = input('m', ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+    appearance = input('primary', ...(ngDevMode ? [{ debugName: "appearance" }] : /* istanbul ignore next */ []));
+    result = output();
+    openDialog() {
+        this.dialogs
+            .open(new PolymorpheusComponent(NameDescriptionComponent$1, this.injector), {
+            label: `${this.operation() === 'create' ? 'Добавить' : 'Редактировать'}`,
+            size: 's',
+            dismissible: false,
+        })
+            .subscribe((data) => {
+            this.result.emit(data != null
+                ? {
+                    name: data.name,
+                    description: data.description,
+                }
+                : null);
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: NameDescriptionDialog, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.8", type: NameDescriptionDialog, isStandalone: true, selector: "keit-name-description-input-dialog", inputs: { operation: { classPropertyName: "operation", publicName: "operation", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, caption: { classPropertyName: "caption", publicName: "caption", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { result: "result" }, ngImport: i0, template: `
+        <!-- TODO: (Taiga UI migration) [appearance] binding uses a dynamic expression. If it can produce "error"/"success"/"glass", replace with "negative"/"positive"/"secondary-grayscale" -->
+        <keit-simple-button
+            [icon]="operation() === 'create' ? '@tui.plus' : '@tui.edit'"
+            [size]="size()"
+            [caption]="caption()"
+            [appearance]="appearance()"
+            [disabled]="disabled()"
+            (action)="openDialog()"
+        />
+    `, isInline: true, styles: [""], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "component", type: SimpleButtonWidget$1, selector: "keit-simple-button", inputs: ["icon", "iconRight", "disabled", "caption", "ariaLabel", "size", "appearance"], outputs: ["action"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: NameDescriptionDialog, decorators: [{
+            type: Component,
+            args: [{ selector: 'keit-name-description-input-dialog', imports: [FormsModule, ReactiveFormsModule, TuiInput, SimpleButtonWidget$1], template: `
+        <!-- TODO: (Taiga UI migration) [appearance] binding uses a dynamic expression. If it can produce "error"/"success"/"glass", replace with "negative"/"positive"/"secondary-grayscale" -->
+        <keit-simple-button
+            [icon]="operation() === 'create' ? '@tui.plus' : '@tui.edit'"
+            [size]="size()"
+            [caption]="caption()"
+            [appearance]="appearance()"
+            [disabled]="disabled()"
+            (action)="openDialog()"
+        />
+    `, changeDetection: ChangeDetectionStrategy.OnPush }]
+        }], propDecorators: { operation: [{ type: i0.Input, args: [{ isSignal: true, alias: "operation", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], caption: [{ type: i0.Input, args: [{ isSignal: true, alias: "caption", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], appearance: [{ type: i0.Input, args: [{ isSignal: true, alias: "appearance", required: false }] }], result: [{ type: i0.Output, args: ["result"] }] } });
+
+class NameDescriptionComponent {
+    context = injectContext();
+    name = KeitControl$1.create('')
+        .required()
+        .maxLength(30)
+        .minLength(2);
+    description = KeitControl$1.create('')
+        .required()
+        .maxLength(300)
+        .minLength(2);
+    cancel() {
+        this.name.reset();
+        this.description.reset();
+    }
+    accept() {
+        this.context.completeWith({
+            name: this.name.value,
+            description: this.description.value,
+        });
+        this.name.reset();
+        this.description.reset();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: NameDescriptionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.8", type: NameDescriptionComponent, isStandalone: true, selector: "keit-name-component", providers: [
+            tuiValidationErrorsProvider({
+                required: 'Требуется ввести',
+                maxlength: ({ requiredLength }) => `Максимальная длина — ${requiredLength}`,
+                minlength: ({ requiredLength }) => of(`Минимальная длина — ${requiredLength}`),
+            }),
+        ], ngImport: i0, template: `
+        <keit-simple-flex [gap]="8" direction="vertical">
+            <keit-simple-input-widget [control]="name" placeholder="Название" />
+
+            <keit-simple-textarea
+                placeholder="Описание"
+                [limit]="1200"
+                [control]="description"
+                [size]="'m'"
+            />
+
+            <keit-simple-actions
+                [size]="'s'"
+                (cancelEvent)="cancel(); context.completeWith(null)"
+                (acceptEvent)="accept()"
+                [disabled]="name.invalid || description.invalid"
+            />
+        </keit-simple-flex>
+    `, isInline: true, styles: [""], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "component", type: SimpleInputWidget$1, selector: "keit-simple-input-widget", inputs: ["placeholder", "sample", "control", "size", "readonly", "hint", "iconRight", "cleaner", "hasEnter", "focused"], outputs: ["enter"] }, { kind: "component", type: SimpleTextareaWidget$1, selector: "keit-simple-textarea", inputs: ["placeholder", "sample", "control", "limit", "size", "cleaner"] }, { kind: "component", type: SimpleActionsWidget$1, selector: "keit-simple-actions", inputs: ["primaryIcon", "secondaryIcon", "disabled", "primaryCaption", "secondaryCaption", "hasSecondary", "size"], outputs: ["acceptEvent", "cancelEvent"] }, { kind: "component", type: SimpleFlexLayout$1, selector: "keit-simple-flex", inputs: ["gap", "direction"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: NameDescriptionComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'keit-name-component', imports: [
+                        FormsModule,
+                        ReactiveFormsModule,
+                        TuiInput,
+                        SimpleInputWidget$1,
+                        SimpleTextareaWidget$1,
+                        SimpleActionsWidget$1,
+                        SimpleFlexLayout$1,
+                    ], template: `
+        <keit-simple-flex [gap]="8" direction="vertical">
+            <keit-simple-input-widget [control]="name" placeholder="Название" />
+
+            <keit-simple-textarea
+                placeholder="Описание"
+                [limit]="1200"
+                [control]="description"
+                [size]="'m'"
+            />
+
+            <keit-simple-actions
+                [size]="'s'"
+                (cancelEvent)="cancel(); context.completeWith(null)"
+                (acceptEvent)="accept()"
+                [disabled]="name.invalid || description.invalid"
+            />
+        </keit-simple-flex>
+    `, providers: [
+                        tuiValidationErrorsProvider({
+                            required: 'Требуется ввести',
+                            maxlength: ({ requiredLength }) => `Максимальная длина — ${requiredLength}`,
+                            minlength: ({ requiredLength }) => of(`Минимальная длина — ${requiredLength}`),
+                        }),
+                    ], changeDetection: ChangeDetectionStrategy.OnPush }]
+        }] });
+
+class NameDialog {
+    dialogs = inject(TuiDialogService);
+    injector = inject(Injector);
+    operation = input('create', ...(ngDevMode ? [{ debugName: "operation" }] : /* istanbul ignore next */ []));
+    disabled = input(...(ngDevMode ? [undefined, { debugName: "disabled" }] : /* istanbul ignore next */ []));
+    caption = input(...(ngDevMode ? [undefined, { debugName: "caption" }] : /* istanbul ignore next */ []));
+    size = input('m', ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+    appearance = input('primary', ...(ngDevMode ? [{ debugName: "appearance" }] : /* istanbul ignore next */ []));
+    result = output();
+    openDialog() {
+        this.dialogs
+            .open(new PolymorpheusComponent(NameDescriptionComponent, this.injector), {
+            label: `${this.operation() === 'create' ? 'Добавить' : 'Редактировать'}`,
+            size: 's',
+            dismissible: false,
+        })
+            .subscribe((data) => {
+            this.result.emit(data != null
+                ? {
+                    name: data.name,
+                    description: data.description,
+                }
+                : null);
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: NameDialog, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.8", type: NameDialog, isStandalone: true, selector: "keit-name-input-dialog", inputs: { operation: { classPropertyName: "operation", publicName: "operation", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, caption: { classPropertyName: "caption", publicName: "caption", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { result: "result" }, ngImport: i0, template: `
+        <!-- TODO: (Taiga UI migration) [appearance] binding uses a dynamic expression. If it can produce "error"/"success"/"glass", replace with "negative"/"positive"/"secondary-grayscale" -->
+        <keit-simple-button
+            [icon]="operation() === 'create' ? '@tui.plus' : '@tui.edit'"
+            [size]="size()"
+            [caption]="caption()"
+            [appearance]="appearance()"
+            [disabled]="disabled()"
+            (action)="openDialog()"
+        />
+    `, isInline: true, styles: [""], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "component", type: SimpleButtonWidget$1, selector: "keit-simple-button", inputs: ["icon", "iconRight", "disabled", "caption", "ariaLabel", "size", "appearance"], outputs: ["action"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: NameDialog, decorators: [{
+            type: Component,
+            args: [{ selector: 'keit-name-input-dialog', imports: [FormsModule, ReactiveFormsModule, TuiInput, SimpleButtonWidget$1], template: `
+        <!-- TODO: (Taiga UI migration) [appearance] binding uses a dynamic expression. If it can produce "error"/"success"/"glass", replace with "negative"/"positive"/"secondary-grayscale" -->
+        <keit-simple-button
+            [icon]="operation() === 'create' ? '@tui.plus' : '@tui.edit'"
+            [size]="size()"
+            [caption]="caption()"
+            [appearance]="appearance()"
+            [disabled]="disabled()"
+            (action)="openDialog()"
+        />
+    `, changeDetection: ChangeDetectionStrategy.OnPush }]
+        }], propDecorators: { operation: [{ type: i0.Input, args: [{ isSignal: true, alias: "operation", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], caption: [{ type: i0.Input, args: [{ isSignal: true, alias: "caption", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], appearance: [{ type: i0.Input, args: [{ isSignal: true, alias: "appearance", required: false }] }], result: [{ type: i0.Output, args: ["result"] }] } });
+
+class SimpleDateInputWidget {
+    placeholder = input(...(ngDevMode ? [undefined, { debugName: "placeholder" }] : /* istanbul ignore next */ []));
+    sample = input('Введите...', ...(ngDevMode ? [{ debugName: "sample" }] : /* istanbul ignore next */ []));
+    control = input.required(...(ngDevMode ? [{ debugName: "control" }] : /* istanbul ignore next */ []));
+    size = input('m', ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+    readonly = input(false, ...(ngDevMode ? [{ debugName: "readonly" }] : /* istanbul ignore next */ []));
+    hint = input('', ...(ngDevMode ? [{ debugName: "hint" }] : /* istanbul ignore next */ []));
+    iconRight = input('', ...(ngDevMode ? [{ debugName: "iconRight" }] : /* istanbul ignore next */ []));
+    cleaner = input(...(ngDevMode ? [undefined, { debugName: "cleaner" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: SimpleDateInputWidget, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: SimpleDateInputWidget, isStandalone: true, selector: "keit-simple-date-input-widget", inputs: { placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, sample: { classPropertyName: "sample", publicName: "sample", isSignal: true, isRequired: false, transformFunction: null }, control: { classPropertyName: "control", publicName: "control", isSignal: true, isRequired: true, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, hint: { classPropertyName: "hint", publicName: "hint", isSignal: true, isRequired: false, transformFunction: null }, iconRight: { classPropertyName: "iconRight", publicName: "iconRight", isSignal: true, isRequired: false, transformFunction: null }, cleaner: { classPropertyName: "cleaner", publicName: "cleaner", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
+        <tui-textfield
+            [tuiTextfieldSize]="size()"
+            [tuiTextfieldCleaner]="cleaner() ?? false"
+        >
+            <label tuiLabel>{{ placeholder() }}</label>
+            <input
+                tuiInputDateTime
+                [placeholder]="sample()"
+                [formControl]="control()"
+                [readOnly]="readonly()"
+            />
+            <tui-calendar *tuiDropdown />
+
+            @if (iconRight()) {
+                <tui-icon [icon]="iconRight()" />
+            }
+
+            @if (hint()) {
+                <tui-icon [tuiTooltip]="hint()" tuiHintDirection="top-end" />
+            }
+        </tui-textfield>
+    `, isInline: true, styles: [":host{display:block}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.TuiLabel, selector: "label[tuiLabel]" }, { kind: "component", type: i3$1.TuiTextfieldComponent, selector: "tui-textfield:not([multi])", inputs: ["content", "filler"] }, { kind: "directive", type: i3$1.TuiTextfieldOptionsDirective, selector: "[tuiTextfieldAppearance],[tuiTextfieldSize],[tuiTextfieldCleaner]", inputs: ["tuiTextfieldAppearance", "tuiTextfieldSize", "tuiTextfieldCleaner"] }, { kind: "directive", type: i4.TuiDropdownContent, selector: "ng-template[tuiDropdown]" }, { kind: "directive", type: i2$1.TuiInputDateTimeDirective, selector: "input[tuiInputDateTime]", inputs: ["timeMode", "min", "max"] }, { kind: "component", type: i6.TuiCalendar, selector: "tui-calendar", inputs: ["disabledItemHandler", "min", "max", "minViewedMonth", "maxViewedMonth", "showAdjacent", "markerHandler", "initialView", "month", "hoveredItem", "value"], outputs: ["monthChange", "hoveredItemChange", "valueChange", "dayClick"] }, { kind: "component", type: TuiIcon, selector: "tui-icon:not([tuiBadge])", inputs: ["background"] }, { kind: "directive", type: TuiTooltip, selector: "tui-icon[tuiTooltip]", inputs: ["size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: SimpleDateInputWidget, decorators: [{
+            type: Component,
+            args: [{ selector: 'keit-simple-date-input-widget', imports: [
+                        ReactiveFormsModule,
+                        FormsModule,
+                        TuiInput,
+                        TuiInputDateTime,
+                        TuiLabel,
+                        TuiIcon,
+                        TuiTooltip,
+                        TuiCalendar,
+                        TuiHint,
+                    ], template: `
+        <tui-textfield
+            [tuiTextfieldSize]="size()"
+            [tuiTextfieldCleaner]="cleaner() ?? false"
+        >
+            <label tuiLabel>{{ placeholder() }}</label>
+            <input
+                tuiInputDateTime
+                [placeholder]="sample()"
+                [formControl]="control()"
+                [readOnly]="readonly()"
+            />
+            <tui-calendar *tuiDropdown />
+
+            @if (iconRight()) {
+                <tui-icon [icon]="iconRight()" />
+            }
+
+            @if (hint()) {
+                <tui-icon [tuiTooltip]="hint()" tuiHintDirection="top-end" />
+            }
+        </tui-textfield>
+    `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block}\n"] }]
+        }], propDecorators: { placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], sample: [{ type: i0.Input, args: [{ isSignal: true, alias: "sample", required: false }] }], control: [{ type: i0.Input, args: [{ isSignal: true, alias: "control", required: true }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], hint: [{ type: i0.Input, args: [{ isSignal: true, alias: "hint", required: false }] }], iconRight: [{ type: i0.Input, args: [{ isSignal: true, alias: "iconRight", required: false }] }], cleaner: [{ type: i0.Input, args: [{ isSignal: true, alias: "cleaner", required: false }] }] } });
+
+class ReloadOverlayWidget {
+    reload = output();
+    overlayed = input(...(ngDevMode ? [undefined, { debugName: "overlayed" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: ReloadOverlayWidget, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: ReloadOverlayWidget, isStandalone: true, selector: "keit-reload-overlay", inputs: { overlayed: { classPropertyName: "overlayed", publicName: "overlayed", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { reload: "reload" }, ngImport: i0, template: `
+        <div [class.overlay]="overlayed()">
+            @if (overlayed()) {
+                <keit-simple-button
+                    icon="@tui.refresh-ccw"
+                    appearance="accent"
+                    size="l"
+                    caption=""
+                    (action)="reload.emit()"
+                />
+            } @else {
+                <ng-content />
+            }
+        </div>
+    `, isInline: true, styles: [".overlay{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;background-color:#0009;z-index:1000;pointer-events:auto}::ng-deep keit-simple-button{z-index:1001}\n"], dependencies: [{ kind: "component", type: SimpleButtonWidget$1, selector: "keit-simple-button", inputs: ["icon", "iconRight", "disabled", "caption", "ariaLabel", "size", "appearance"], outputs: ["action"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: ReloadOverlayWidget, decorators: [{
+            type: Component,
+            args: [{ selector: 'keit-reload-overlay', imports: [SimpleButtonWidget$1], template: `
+        <div [class.overlay]="overlayed()">
+            @if (overlayed()) {
+                <keit-simple-button
+                    icon="@tui.refresh-ccw"
+                    appearance="accent"
+                    size="l"
+                    caption=""
+                    (action)="reload.emit()"
+                />
+            } @else {
+                <ng-content />
+            }
+        </div>
+    `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".overlay{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;background-color:#0009;z-index:1000;pointer-events:auto}::ng-deep keit-simple-button{z-index:1001}\n"] }]
+        }], propDecorators: { reload: [{ type: i0.Output, args: ["reload"] }], overlayed: [{ type: i0.Input, args: [{ isSignal: true, alias: "overlayed", required: false }] }] } });
+
+class SimpleDateRangeInputWidget {
+    placeholder = input(...(ngDevMode ? [undefined, { debugName: "placeholder" }] : /* istanbul ignore next */ []));
+    sample = input('Введите...', ...(ngDevMode ? [{ debugName: "sample" }] : /* istanbul ignore next */ []));
+    control = input.required(...(ngDevMode ? [{ debugName: "control" }] : /* istanbul ignore next */ []));
+    size = input('m', ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+    readonly = input(false, ...(ngDevMode ? [{ debugName: "readonly" }] : /* istanbul ignore next */ []));
+    hint = input('', ...(ngDevMode ? [{ debugName: "hint" }] : /* istanbul ignore next */ []));
+    iconRight = input('', ...(ngDevMode ? [{ debugName: "iconRight" }] : /* istanbul ignore next */ []));
+    cleaner = input(...(ngDevMode ? [undefined, { debugName: "cleaner" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: SimpleDateRangeInputWidget, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: SimpleDateRangeInputWidget, isStandalone: true, selector: "keit-simple-date-range-input-widget", inputs: { placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, sample: { classPropertyName: "sample", publicName: "sample", isSignal: true, isRequired: false, transformFunction: null }, control: { classPropertyName: "control", publicName: "control", isSignal: true, isRequired: true, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, hint: { classPropertyName: "hint", publicName: "hint", isSignal: true, isRequired: false, transformFunction: null }, iconRight: { classPropertyName: "iconRight", publicName: "iconRight", isSignal: true, isRequired: false, transformFunction: null }, cleaner: { classPropertyName: "cleaner", publicName: "cleaner", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
+        <tui-textfield
+            [tuiTextfieldSize]="size()"
+            [tuiTextfieldCleaner]="cleaner() ?? false"
+        >
+            <label tuiLabel>{{ placeholder() }}</label>
+            <input
+                tuiInputDateRange
+                [placeholder]="sample()"
+                [formControl]="control()"
+                [readOnly]="readonly()"
+            />
+            <tui-calendar-range *tuiDropdown />
+
+            @if (iconRight()) {
+                <tui-icon [icon]="iconRight()" />
+            }
+
+            @if (hint()) {
+                <tui-icon [tuiTooltip]="hint()" tuiHintDirection="top-end" />
+            }
+        </tui-textfield>
+    `, isInline: true, styles: [":host{display:block}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.TuiLabel, selector: "label[tuiLabel]" }, { kind: "component", type: i3$1.TuiTextfieldComponent, selector: "tui-textfield:not([multi])", inputs: ["content", "filler"] }, { kind: "directive", type: i3$1.TuiTextfieldOptionsDirective, selector: "[tuiTextfieldAppearance],[tuiTextfieldSize],[tuiTextfieldCleaner]", inputs: ["tuiTextfieldAppearance", "tuiTextfieldSize", "tuiTextfieldCleaner"] }, { kind: "directive", type: i4.TuiDropdownContent, selector: "ng-template[tuiDropdown]" }, { kind: "directive", type: i2$1.TuiInputDateRangeDirective, selector: "input[tuiInputDateRange]", inputs: ["max", "min", "minLength", "maxLength"] }, { kind: "component", type: i6$1.TuiCalendarRange, selector: "tui-calendar-range", inputs: ["min", "max", "minLength", "maxLength", "items", "listSize", "defaultViewedMonth", "markerHandler", "disabledItemHandler", "value", "item"], outputs: ["valueChange", "itemChange"] }, { kind: "component", type: TuiIcon, selector: "tui-icon:not([tuiBadge])", inputs: ["background"] }, { kind: "directive", type: TuiTooltip, selector: "tui-icon[tuiTooltip]", inputs: ["size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: SimpleDateRangeInputWidget, decorators: [{
+            type: Component,
+            args: [{ selector: 'keit-simple-date-range-input-widget', imports: [
+                        ReactiveFormsModule,
+                        FormsModule,
+                        TuiInput,
+                        TuiInputDateRange,
+                        TuiLabel,
+                        TuiIcon,
+                        TuiTooltip,
+                        TuiCalendarRange,
+                        TuiHint,
+                    ], template: `
+        <tui-textfield
+            [tuiTextfieldSize]="size()"
+            [tuiTextfieldCleaner]="cleaner() ?? false"
+        >
+            <label tuiLabel>{{ placeholder() }}</label>
+            <input
+                tuiInputDateRange
+                [placeholder]="sample()"
+                [formControl]="control()"
+                [readOnly]="readonly()"
+            />
+            <tui-calendar-range *tuiDropdown />
+
+            @if (iconRight()) {
+                <tui-icon [icon]="iconRight()" />
+            }
+
+            @if (hint()) {
+                <tui-icon [tuiTooltip]="hint()" tuiHintDirection="top-end" />
+            }
+        </tui-textfield>
+    `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block}\n"] }]
+        }], propDecorators: { placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], sample: [{ type: i0.Input, args: [{ isSignal: true, alias: "sample", required: false }] }], control: [{ type: i0.Input, args: [{ isSignal: true, alias: "control", required: true }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], hint: [{ type: i0.Input, args: [{ isSignal: true, alias: "hint", required: false }] }], iconRight: [{ type: i0.Input, args: [{ isSignal: true, alias: "iconRight", required: false }] }], cleaner: [{ type: i0.Input, args: [{ isSignal: true, alias: "cleaner", required: false }] }] } });
+
+class SimplePaginationWidget {
+    page = input.required(...(ngDevMode ? [{ debugName: "page" }] : /* istanbul ignore next */ []));
+    size = input.required(...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+    total = input.required(...(ngDevMode ? [{ debugName: "total" }] : /* istanbul ignore next */ []));
+    paginationChange = output();
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: SimplePaginationWidget, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.8", type: SimplePaginationWidget, isStandalone: true, selector: "keit-simple-pagination", inputs: { page: { classPropertyName: "page", publicName: "page", isSignal: true, isRequired: true, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: true, transformFunction: null }, total: { classPropertyName: "total", publicName: "total", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { paginationChange: "paginationChange" }, providers: [tuiTablePaginationOptionsProvider({ showPages: false })], ngImport: i0, template: `
+        <tui-table-pagination
+            [page]="page()"
+            [size]="size()"
+            [total]="total()"
+            (paginationChange)="paginationChange.emit($event)"
+        />
+    `, isInline: true, styles: [":host{display:block;padding:16px}\n"], dependencies: [{ kind: "component", type: TuiTablePagination, selector: "tui-table-pagination", inputs: ["items", "total", "page", "size"], outputs: ["pageChange", "sizeChange", "paginationChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: SimplePaginationWidget, decorators: [{
+            type: Component,
+            args: [{ selector: 'keit-simple-pagination', imports: [TuiTablePagination], template: `
+        <tui-table-pagination
+            [page]="page()"
+            [size]="size()"
+            [total]="total()"
+            (paginationChange)="paginationChange.emit($event)"
+        />
+    `, providers: [tuiTablePaginationOptionsProvider({ showPages: false })], changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block;padding:16px}\n"] }]
+        }], propDecorators: { page: [{ type: i0.Input, args: [{ isSignal: true, alias: "page", required: true }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: true }] }], total: [{ type: i0.Input, args: [{ isSignal: true, alias: "total", required: true }] }], paginationChange: [{ type: i0.Output, args: ["paginationChange"] }] } });
+
+class NotificationWidget {
+    platformId = inject(PLATFORM_ID);
+    size = input('l', ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+    appearance = input('info', ...(ngDevMode ? [{ debugName: "appearance" }] : /* istanbul ignore next */ []));
+    closable = input(true, ...(ngDevMode ? [{ debugName: "closable" }] : /* istanbul ignore next */ []));
+    closeLabel = input('Close', ...(ngDevMode ? [{ debugName: "closeLabel" }] : /* istanbul ignore next */ []));
+    closeEvent = output();
+    hideable = input(false, ...(ngDevMode ? [{ debugName: "hideable" }] : /* istanbul ignore next */ []));
+    hideButtonLabel = input('Больше не показывать', ...(ngDevMode ? [{ debugName: "hideButtonLabel" }] : /* istanbul ignore next */ []));
+    hideButtonAppearance = input('flat', ...(ngDevMode ? [{ debugName: "hideButtonAppearance" }] : /* istanbul ignore next */ []));
+    hideButtonSize = input('s', ...(ngDevMode ? [{ debugName: "hideButtonSize" }] : /* istanbul ignore next */ []));
+    storageKey = input(...(ngDevMode ? [undefined, { debugName: "storageKey" }] : /* istanbul ignore next */ []));
+    shouldShow = signal(true, ...(ngDevMode ? [{ debugName: "shouldShow" }] : /* istanbul ignore next */ []));
+    constructor() {
+        effect(() => {
+            const key = this.storageKey();
+            if (key && isPlatformBrowser(this.platformId)) {
+                const hidden = localStorage.getItem(`notification-hide-${key}`);
+                this.shouldShow.set(!hidden);
+            }
+        });
+    }
+    hideForever() {
+        const key = this.storageKey();
+        if (key && isPlatformBrowser(this.platformId)) {
+            localStorage.setItem(`notification-hide-${key}`, 'true');
+            this.shouldShow.set(false);
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: NotificationWidget, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: NotificationWidget, isStandalone: true, selector: "keit-notification-widget", inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, closable: { classPropertyName: "closable", publicName: "closable", isSignal: true, isRequired: false, transformFunction: null }, closeLabel: { classPropertyName: "closeLabel", publicName: "closeLabel", isSignal: true, isRequired: false, transformFunction: null }, hideable: { classPropertyName: "hideable", publicName: "hideable", isSignal: true, isRequired: false, transformFunction: null }, hideButtonLabel: { classPropertyName: "hideButtonLabel", publicName: "hideButtonLabel", isSignal: true, isRequired: false, transformFunction: null }, hideButtonAppearance: { classPropertyName: "hideButtonAppearance", publicName: "hideButtonAppearance", isSignal: true, isRequired: false, transformFunction: null }, hideButtonSize: { classPropertyName: "hideButtonSize", publicName: "hideButtonSize", isSignal: true, isRequired: false, transformFunction: null }, storageKey: { classPropertyName: "storageKey", publicName: "storageKey", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { closeEvent: "closeEvent" }, ngImport: i0, template: `
+        @if (shouldShow()) {
+            <!-- TODO: (Taiga UI migration) [appearance] binding uses a dynamic expression. If it can produce "error"/"success"/"glass", replace with "negative"/"positive"/"secondary-grayscale" -->
+            <div tuiNotification [size]="size()" [appearance]="appearance()">
+                <p class="text"><ng-content></ng-content></p>
+                @if (hideable()) {
+                    <!-- TODO: (Taiga UI migration) [appearance] binding uses a dynamic expression. If it can produce "error"/"success"/"glass", replace with "negative"/"positive"/"secondary-grayscale" -->
+                    <keit-simple-button
+                        [appearance]="hideButtonAppearance()"
+                        [size]="hideButtonSize()"
+                        [caption]="hideButtonLabel()"
+                        (action)="hideForever()"
+                    />
+                }
+                @if (closable()) {
+                    <button
+                        iconStart="@tui.x"
+                        tuiIconButton
+                        type="button"
+                        (click)="shouldShow.set(false)"
+                    >
+                        {{ closeLabel() }}
+                    </button>
+                }
+            </div>
+        }
+    `, isInline: true, styles: [":host{display:block;margin-bottom:8px}.text{font-size:12px;padding:8px 8px 0}\n"], dependencies: [{ kind: "directive", type: i3.TuiNotificationDirective, selector: "[tuiNotification]:not(ng-template)", inputs: ["appearance", "size", "icon"] }, { kind: "directive", type: TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "component", type: SimpleButtonWidget, selector: "keit-simple-button", inputs: ["icon", "iconRight", "disabled", "caption", "ariaLabel", "size", "appearance"], outputs: ["action"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: NotificationWidget, decorators: [{
+            type: Component,
+            args: [{ selector: 'keit-notification-widget', imports: [TuiNotification, TuiButton, SimpleButtonWidget], template: `
+        @if (shouldShow()) {
+            <!-- TODO: (Taiga UI migration) [appearance] binding uses a dynamic expression. If it can produce "error"/"success"/"glass", replace with "negative"/"positive"/"secondary-grayscale" -->
+            <div tuiNotification [size]="size()" [appearance]="appearance()">
+                <p class="text"><ng-content></ng-content></p>
+                @if (hideable()) {
+                    <!-- TODO: (Taiga UI migration) [appearance] binding uses a dynamic expression. If it can produce "error"/"success"/"glass", replace with "negative"/"positive"/"secondary-grayscale" -->
+                    <keit-simple-button
+                        [appearance]="hideButtonAppearance()"
+                        [size]="hideButtonSize()"
+                        [caption]="hideButtonLabel()"
+                        (action)="hideForever()"
+                    />
+                }
+                @if (closable()) {
+                    <button
+                        iconStart="@tui.x"
+                        tuiIconButton
+                        type="button"
+                        (click)="shouldShow.set(false)"
+                    >
+                        {{ closeLabel() }}
+                    </button>
+                }
+            </div>
+        }
+    `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block;margin-bottom:8px}.text{font-size:12px;padding:8px 8px 0}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], appearance: [{ type: i0.Input, args: [{ isSignal: true, alias: "appearance", required: false }] }], closable: [{ type: i0.Input, args: [{ isSignal: true, alias: "closable", required: false }] }], closeLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeLabel", required: false }] }], closeEvent: [{ type: i0.Output, args: ["closeEvent"] }], hideable: [{ type: i0.Input, args: [{ isSignal: true, alias: "hideable", required: false }] }], hideButtonLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "hideButtonLabel", required: false }] }], hideButtonAppearance: [{ type: i0.Input, args: [{ isSignal: true, alias: "hideButtonAppearance", required: false }] }], hideButtonSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "hideButtonSize", required: false }] }], storageKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "storageKey", required: false }] }] } });
+
+class SimpleCalendarWidget {
+    markerConditionFn = input(null, ...(ngDevMode ? [{ debugName: "markerConditionFn" }] : /* istanbul ignore next */ []));
+    initialMonth = input(null, ...(ngDevMode ? [{ debugName: "initialMonth" }] : /* istanbul ignore next */ []));
+    initialDay = input(null, ...(ngDevMode ? [{ debugName: "initialDay" }] : /* istanbul ignore next */ []));
+    selectDay = output();
+    selectMonth = output();
+    value = null;
+    selectedMonth = TuiMonth.currentLocal();
+    hoveredItem = null;
+    ngOnInit() {
+        const initialMonth = this.initialMonth();
+        if (initialMonth) {
+            this.selectedMonth = initialMonth;
+            this.value = new TuiDay(this.selectedMonth.year, this.selectedMonth.month, 1);
+        }
+        const initialDay = this.initialDay();
+        if (initialDay) {
+            this.value = initialDay;
+        }
+    }
+    onDayClick(day) {
+        this.value = day;
+        this.selectDay.emit(day);
+    }
+    onMonthChange(month) {
+        this.selectedMonth = month;
+        this.selectMonth.emit(month);
+        this.value = new TuiDay(month.year, month.month, 1);
+        this.selectDay.emit(this.value);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: SimpleCalendarWidget, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.8", type: SimpleCalendarWidget, isStandalone: true, selector: "keit-simple-calendar-widget", inputs: { markerConditionFn: { classPropertyName: "markerConditionFn", publicName: "markerConditionFn", isSignal: true, isRequired: false, transformFunction: null }, initialMonth: { classPropertyName: "initialMonth", publicName: "initialMonth", isSignal: true, isRequired: false, transformFunction: null }, initialDay: { classPropertyName: "initialDay", publicName: "initialDay", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selectDay: "selectDay", selectMonth: "selectMonth" }, ngImport: i0, template: `
+        <tui-calendar
+            [markerHandler]="this.markerConditionFn()"
+            [month]="selectedMonth"
+            [showAdjacent]="false"
+            [value]="value"
+            [(hoveredItem)]="hoveredItem"
+            (dayClick)="onDayClick($event)"
+            (monthChange)="onMonthChange($event)"
+        />
+    `, isInline: true, styles: [":host{display:block}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: FormsModule }, { kind: "component", type: TuiCalendar, selector: "tui-calendar", inputs: ["disabledItemHandler", "min", "max", "minViewedMonth", "maxViewedMonth", "showAdjacent", "markerHandler", "initialView", "month", "hoveredItem", "value"], outputs: ["monthChange", "hoveredItemChange", "valueChange", "dayClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: SimpleCalendarWidget, decorators: [{
+            type: Component,
+            args: [{ selector: 'keit-simple-calendar-widget', imports: [ReactiveFormsModule, FormsModule, TuiCalendar], template: `
+        <tui-calendar
+            [markerHandler]="this.markerConditionFn()"
+            [month]="selectedMonth"
+            [showAdjacent]="false"
+            [value]="value"
+            [(hoveredItem)]="hoveredItem"
+            (dayClick)="onDayClick($event)"
+            (monthChange)="onMonthChange($event)"
+        />
+    `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block}\n"] }]
+        }], propDecorators: { markerConditionFn: [{ type: i0.Input, args: [{ isSignal: true, alias: "markerConditionFn", required: false }] }], initialMonth: [{ type: i0.Input, args: [{ isSignal: true, alias: "initialMonth", required: false }] }], initialDay: [{ type: i0.Input, args: [{ isSignal: true, alias: "initialDay", required: false }] }], selectDay: [{ type: i0.Output, args: ["selectDay"] }], selectMonth: [{ type: i0.Output, args: ["selectMonth"] }] } });
+
+/*
+ * Public API Surface of widgets
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { EmailInputWidget, KeitControl, LoginInputWidget, NameDescriptionDialog, NameDialog, NotificationWidget, PATTERN_CHARS_WITH_SPACE, PATTERN_ONLY_CHARS, PATTERN_ONLY_DIGITS, PATTERN_ONLY_DIGITS_CHARS, PATTERN_ONLY_DIGITS_CHARS_TIRE, PATTERN_PHONE, PATTERN_REF_CATEGORIES, PasswordInputWidget, ReloadOverlayWidget, SimpleActionsWidget, SimpleButtonWidget, SimpleCalendarWidget, SimpleComboWidget, SimpleCopyInputWidget, SimpleDateInputWidget, SimpleDateRangeInputWidget, SimpleFlexLayout, SimpleGridLayout, SimpleInputWidget, SimpleNumberInputWidget, SimplePaginationWidget, SimplePasswordInputWidget, SimplePhoneInputWidget, SimpleSelectWidget, SimpleTextareaWidget, validatorsProvider };
+//# sourceMappingURL=pleione-lab-widgets.mjs.map