@snabcentr/client-ui 5.6.3 → 5.7.3

package/fesm2022/snabcentr-client-ui.mjs

@@ -4,14 +4,14 @@ import { ScContactsService, ScUserService, ScLocationsService, ScSuggestionServi
 import { EMPTY, BehaviorSubject, switchMap, of, shareReplay, filter, map, debounceTime, startWith, catchError, throwError, share, Subject, tap, finalize, timer, scan, takeWhile, endWith, distinctUntilChanged, combineLatest, Observable, pairwise, Subscription, merge, skip, from, concatMap, noop as noop$1, first, retry } from 'rxjs';
 import { WA_WINDOW, WA_NAVIGATOR } from '@ng-web-apis/common';
 import { takeUntilDestroyed, toSignal, outputFromObservable, toObservable } from '@angular/core/rxjs-interop';
-import { tuiIsPresent, TuiDay, TuiTime, TuiValueTransformer, tuiControlValue, tuiMarkControlAsTouchedAndValidate, TuiAutoFocus, TuiHovered, TuiDayRange, TuiMonth, tuiProvide, TuiValidationError, TUI_WINDOW_SIZE, TUI_TRUE_HANDLER } from '@taiga-ui/cdk';
+import { tuiIsPresent, TuiDay, TuiTime, TuiValueTransformer, tuiControlValue, tuiMarkControlAsTouchedAndValidate, TuiAutoFocus, TuiHovered, TuiDayRange, TuiMonth, tuiProvide, TuiValidationError, tuiClamp, TUI_WINDOW_SIZE, TUI_TRUE_HANDLER } from '@taiga-ui/cdk';
 import * as i1$1 from '@taiga-ui/kit';
-import { tuiInputDateOptionsProvider, TuiAvatar, TuiInitialsPipe, TuiButtonLoading, TuiSortCountriesPipe, TuiPush, TuiInputPhoneInternational, TuiSelect, TuiDataListWrapperComponent, TuiStringifyContentPipe, TuiComboBox, TuiStepper, TuiAccordionDirective, TuiAccordion, TuiFiles, TuiChip, TuiInputNumber, TuiLineClamp, TuiBadge, TuiInputNumberDirective, TuiTooltip, TuiHighlight, TuiFade, TuiRange, TuiChevron, tuiInputNumberOptionsProvider, TuiInputSlider, TuiPushComponent, TuiTreeService, TuiTreeItemContent, TUI_TREE_START, TUI_TREE_CONTENT, TUI_TREE_LOADING, TuiTreeComponent, TuiTreeChildren, TuiTreeControllerDirective, TUI_TREE_LOADER, TuiPreviewDialogService, TuiPreview, tuiFilesAccepted, TuiInputDate, TuiTextarea, TUI_CONFIRM, TuiDataListWrapper, TuiPagination, TuiInputPhone, TuiPassword } from '@taiga-ui/kit';
+import { tuiInputDateOptionsProvider, TuiAvatar, TuiInitialsPipe, TuiButtonLoading, TuiSortCountriesPipe, TuiPush, TuiInputPhoneInternational, TuiPassword, TuiChevron, TuiSelect, TuiDataListWrapperComponent, TuiStringifyContentPipe, TuiComboBox, TuiStepper, TuiAccordionDirective, TuiAccordion, TuiFiles, TuiChip, TuiInputNumber, TuiLineClamp, TuiBadge, TuiInputNumberDirective, TuiTooltip, TuiHighlight, TuiFade, TuiRange, tuiInputNumberOptionsProvider, TuiInputSlider, TuiPushComponent, TuiTreeService, TuiTreeItemContent, TUI_TREE_START, TUI_TREE_CONTENT, TUI_TREE_LOADING, TuiTreeComponent, TuiTreeChildren, TuiTreeControllerDirective, TUI_TREE_LOADER, TuiPreviewDialogService, TuiPreview, tuiFilesAccepted, TuiInputDate, TuiTextarea, TUI_CONFIRM, TuiDataListWrapper, TUI_PAGINATION_TEXTS, TuiInputPhone } from '@taiga-ui/kit';
 import { HttpErrorResponse, HttpClient } from '@angular/common/http';
 import * as i1 from '@angular/forms';
 import { NgControl, FormControl, FormGroupDirective, ReactiveFormsModule, FormGroup, Validators, FormsModule, FormArray, NG_VALUE_ACCESSOR } from '@angular/forms';
 import * as i2 from '@taiga-ui/core';
-import { TUI_DATA_LIST_HOST, TuiLoader, TuiDataList, TuiDialogService, TuiLink, TuiButton, TuiIcon, TuiAppearance, TuiWithAppearance, TuiIcons, TuiWithIcons, TuiLabel, TuiTextfield, TuiInput, TuiError, TuiCheckbox, tuiDropdownOptionsProvider, TuiOption, TuiFilterByInputPipe, TuiCarouselComponent, TuiCarousel, TuiNumberFormat, TuiHint, TuiHintDirective, TuiHintDriver, TuiHintHover, TuiHintPosition, TUI_MONTHS, TuiScrollbar, tuiNumberFormatProvider, tuiItemsHandlersProvider, TuiNotification, TuiFormatNumberPipe, tuiTextfieldOptionsProvider, tuiHintOptionsProvider, TUI_BUTTON_DEFAULT_OPTIONS, TUI_BUTTON_OPTIONS, TuiTitle } from '@taiga-ui/core';
+import { TUI_DATA_LIST_HOST, TuiLoader, TuiDataList, TuiDialogService, TuiLink, TuiButton, TuiIcon, TuiAppearance, TuiWithAppearance, TuiIcons, TuiWithIcons, TuiLabel, TuiTextfield, TuiInput, TuiError, TuiCheckbox, tuiDropdownOptionsProvider, TuiOption, TuiFilterByInputPipe, TuiCarouselComponent, TuiCarousel, TuiNumberFormat, TuiHint, TuiHintDirective, TuiHintDriver, TuiHintHover, TuiHintPosition, TUI_MONTHS, TuiScrollbar, tuiNumberFormatProvider, tuiItemsHandlersProvider, TuiNotification, TuiTitle, TuiFormatNumberPipe, tuiTextfieldOptionsProvider, tuiHintOptionsProvider, TUI_BUTTON_DEFAULT_OPTIONS, TUI_BUTTON_OPTIONS, TUI_COMMON_ICONS } from '@taiga-ui/core';
 import * as i1$2 from '@angular/common';
 import { AsyncPipe, DOCUMENT, NgTemplateOutlet, NgClass, CommonModule, DecimalPipe } from '@angular/common';
 import { isValidPhoneNumber } from 'libphonenumber-js/max';
@@ -44,7 +44,7 @@ import * as i6 from '@taiga-ui/core/components/slider';
 import { YaMapComponent } from 'angular8-yandex-maps';
 import { isValid, parse, format } from 'date-fns';
 import * as i6$1 from '@taiga-ui/core/components/calendar';
-import * as i5 from 'ng-recaptcha-2';
+import * as i6$2 from 'ng-recaptcha-2';
 import { RecaptchaComponent, RecaptchaFormsModule, RecaptchaModule } from 'ng-recaptcha-2';
 
 /**
@@ -1813,7 +1813,7 @@ class ScSimpleSignUpFormComponent {
         this.helpNotificationService.closeAllHelpNotification();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: ScSimpleSignUpFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.16", type: ScSimpleSignUpFormComponent, isStandalone: true, selector: "sc-simple-sign-up-form", outputs: { successAuth: "successAuth", clickOffer: "clickOffer" }, providers: [tuiDropdownOptionsProvider({ limitWidth: 'fixed' })], ngImport: i0, template: "<form\n    [formGroup]=\"form\"\n    (ngSubmit)=\"onSubmit$.next()\"\n    class=\"flex flex-col gap-6\"\n>\n    <div class=\"flex flex-col gap-3\">\n        <sc-verification-phone-check-form\n            (isBusyChange)=\"onIsBusyChange($event)\"\n            (isConfirmedChange)=\"onIsConfirmedChange($event)\"\n            [showCodeFields]=\"form.controls.phone.valid && form.controls.phone.valid\"\n            [shouldBeConfirmed]=\"true\"\n        />\n        @if (isPhoneBusy() !== null && form.controls.phone.valid) {\n            @if (!isPhoneBusy()) {\n                <label tuiLabel>\n                    \u0424.\u0418.\u041E.\n                    <tui-textfield>\n                        <input\n                            tuiInput\n                            autocomplete=\"name\"\n                            formControlName=\"name\"\n                            placeholder=\"\u0424.\u0418.\u041E.\"\n                        />\n                    </tui-textfield>\n                    <tui-error formControlName=\"name\" />\n                </label>\n\n                <label tuiLabel>\n                    \u0410\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B\n                    <tui-textfield>\n                        <input\n                            tuiInput\n                            formControlName=\"email\"\n                            placeholder=\"\u0410\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B\"\n                        />\n                        <sc-suggestion-field\n                            *tuiDropdown\n                            [type]=\"suggestionType.email\"\n                        />\n                    </tui-textfield>\n                    <tui-error formControlName=\"email\" />\n                </label>\n\n                <tui-error class=\"self-center\" />\n\n                <label tuiLabel>\n                    <input\n                        tuiCheckbox\n                        type=\"checkbox\"\n                        formControlName=\"getNews\"\n                    />\n                    \u042F \u0445\u043E\u0447\u0443 \u043F\u043E\u043B\u0443\u0447\u0430\u0442\u044C \u0440\u0430\u0441\u0441\u044B\u043B\u043A\u0443 \u0421\u043D\u0430\u0431\u0446\u0435\u043D\u0442\u0440 \u043E \u0441\u043A\u0438\u0434\u043A\u0430\u0445 \u0438 \u043D\u043E\u0432\u043E\u0441\u0442\u044F\u0445 \u043F\u043E \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u0435.\n                </label>\n\n                <label tuiLabel>\n                    <input\n                        tuiCheckbox\n                        type=\"checkbox\"\n                        required=\"true\"\n                        formControlName=\"acceptRules\"\n                    />\n                    <div>\n                        <span>\n                            \u0420\u0435\u0433\u0438\u0441\u0442\u0440\u0438\u0440\u0443\u044F\u0441\u044C \u043D\u0430 \u0441\u0430\u0439\u0442\u0435, \u044F \u0441\u043E\u0433\u043B\u0430\u0448\u0430\u044E\u0441\u044C \u0441\n                            <a\n                                tuiLink\n                                [style.text-decoration-line]=\"'underline'\"\n                                (click)=\"$event.preventDefault(); clickOffer.emit()\"\n                            >\n                                \u0414\u043E\u0433\u043E\u0432\u043E\u0440\u043E\u043C \u043E\u0444\u0435\u0440\u0442\u044B\n                            </a>\n                            .\n                        </span>\n                        <span class=\"text-tui-negative\">*</span>\n                        <tui-error formControlName=\"acceptRules\" />\n                    </div>\n                </label>\n            }\n        }\n\n        <tui-error class=\"self-center\" />\n    </div>\n    <button\n        tuiButton\n        [disabled]=\"isPhoneBusy() ? form.controls.verificationCode.invalid || form.controls.phone.invalid : form.invalid\"\n        [loading]=\"loading()\"\n        type=\"submit\"\n        class=\"self-center\"\n    >\n        {{ isPhoneBusy() ? '\u0412\u043E\u0439\u0442\u0438' : '\u041A\u0443\u043F\u0438\u0442\u044C' }}\n    </button>\n</form>\n", dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { 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.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.CheckboxRequiredValidator, selector: "input[type=checkbox][required][formControlName],input[type=checkbox][required][formControl],input[type=checkbox][required][ngModel]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: TuiLabel, selector: "label[tuiLabel]" }, { kind: "component", type: i2.TuiTextfieldComponent, selector: "tui-textfield:not([multi])", inputs: ["content", "filler"] }, { kind: "directive", type: i3.TuiDropdownContent, selector: "ng-template[tuiDropdown]" }, { kind: "directive", type: i2.TuiInputDirective, selector: "input[tuiInput]", inputs: ["readOnly", "invalid", "focused", "state"] }, { kind: "component", type: i2.TuiErrorComponent, selector: "tui-error", inputs: ["error"] }, { kind: "directive", type: i2.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"] }, { kind: "directive", type: TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "component", type: TuiCheckbox, selector: "input[type=\"checkbox\"][tuiCheckbox]" }, { kind: "directive", type: TuiLink, selector: "a[tuiLink], button[tuiLink]" }, { kind: "component", type: ScVerificationPhoneCheckFormComponent, selector: "sc-verification-phone-check-form", inputs: ["showCodeFields", "readOnly", "pseudoInvalid", "required", "subtitle", "shouldBeBusy", "shouldBeConfirmed", "haveCode"], outputs: ["haveCodeChange", "isBusyChange", "isConfirmedChange"] }, { kind: "component", type: ScSuggestionFieldComponent, selector: "sc-suggestion-field", inputs: ["type"], outputs: ["selectedClick"] }, { kind: "component", type: TuiButtonLoading, selector: "[tuiButton][loading],[tuiIconButton][loading]", inputs: ["size", "loading"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.16", type: ScSimpleSignUpFormComponent, isStandalone: true, selector: "sc-simple-sign-up-form", outputs: { successAuth: "successAuth", clickOffer: "clickOffer" }, providers: [tuiDropdownOptionsProvider({ limitWidth: 'fixed' })], ngImport: i0, template: "<form\n    [formGroup]=\"form\"\n    (ngSubmit)=\"onSubmit$.next()\"\n    class=\"flex flex-col gap-6\"\n>\n    <div class=\"flex flex-col gap-3\">\n        <sc-verification-phone-check-form\n            (isBusyChange)=\"onIsBusyChange($event)\"\n            (isConfirmedChange)=\"onIsConfirmedChange($event)\"\n            [showCodeFields]=\"form.controls.phone.valid && form.controls.phone.valid\"\n            [shouldBeConfirmed]=\"true\"\n        />\n        @if (isPhoneBusy() !== null && form.controls.phone.valid) {\n            @if (!isPhoneBusy()) {\n                <label tuiLabel>\n                    \u0424.\u0418.\u041E.\n                    <tui-textfield>\n                        <input\n                            tuiInput\n                            autocomplete=\"name\"\n                            formControlName=\"name\"\n                            placeholder=\"\u0424.\u0418.\u041E.\"\n                        />\n                    </tui-textfield>\n                    <tui-error formControlName=\"name\" />\n                </label>\n\n                <label tuiLabel>\n                    \u0410\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B\n                    <tui-textfield>\n                        <input\n                            tuiInput\n                            formControlName=\"email\"\n                            placeholder=\"\u0410\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B\"\n                        />\n                        <sc-suggestion-field\n                            *tuiDropdown\n                            [type]=\"suggestionType.email\"\n                        />\n                    </tui-textfield>\n                    <tui-error formControlName=\"email\" />\n                </label>\n\n                <tui-error\n                    class=\"self-center\"\n                    [formGroup]=\"form\"\n                />\n\n                <label tuiLabel>\n                    <input\n                        tuiCheckbox\n                        type=\"checkbox\"\n                        formControlName=\"getNews\"\n                    />\n                    \u042F \u0445\u043E\u0447\u0443 \u043F\u043E\u043B\u0443\u0447\u0430\u0442\u044C \u0440\u0430\u0441\u0441\u044B\u043B\u043A\u0443 \u0421\u043D\u0430\u0431\u0446\u0435\u043D\u0442\u0440 \u043E \u0441\u043A\u0438\u0434\u043A\u0430\u0445 \u0438 \u043D\u043E\u0432\u043E\u0441\u0442\u044F\u0445 \u043F\u043E \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u0435.\n                </label>\n\n                <label tuiLabel>\n                    <input\n                        tuiCheckbox\n                        type=\"checkbox\"\n                        required=\"true\"\n                        formControlName=\"acceptRules\"\n                    />\n                    <div>\n                        <span>\n                            \u0420\u0435\u0433\u0438\u0441\u0442\u0440\u0438\u0440\u0443\u044F\u0441\u044C \u043D\u0430 \u0441\u0430\u0439\u0442\u0435, \u044F \u0441\u043E\u0433\u043B\u0430\u0448\u0430\u044E\u0441\u044C \u0441\n                            <a\n                                tuiLink\n                                [style.text-decoration-line]=\"'underline'\"\n                                (click)=\"$event.preventDefault(); clickOffer.emit()\"\n                            >\n                                \u0414\u043E\u0433\u043E\u0432\u043E\u0440\u043E\u043C \u043E\u0444\u0435\u0440\u0442\u044B\n                            </a>\n                            .\n                        </span>\n                        <span class=\"text-tui-negative\">*</span>\n                        <tui-error formControlName=\"acceptRules\" />\n                    </div>\n                </label>\n            }\n        }\n\n        <tui-error\n            class=\"self-center\"\n            [formGroup]=\"form\"\n        />\n    </div>\n    <button\n        tuiButton\n        [disabled]=\"isPhoneBusy() ? form.controls.verificationCode.invalid || form.controls.phone.invalid : form.invalid\"\n        [loading]=\"loading()\"\n        type=\"submit\"\n        class=\"self-center\"\n    >\n        {{ isPhoneBusy() ? '\u0412\u043E\u0439\u0442\u0438' : '\u041A\u0443\u043F\u0438\u0442\u044C' }}\n    </button>\n</form>\n", dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { 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.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.CheckboxRequiredValidator, selector: "input[type=checkbox][required][formControlName],input[type=checkbox][required][formControl],input[type=checkbox][required][ngModel]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: TuiLabel, selector: "label[tuiLabel]" }, { kind: "component", type: i2.TuiTextfieldComponent, selector: "tui-textfield:not([multi])", inputs: ["content", "filler"] }, { kind: "directive", type: i3.TuiDropdownContent, selector: "ng-template[tuiDropdown]" }, { kind: "directive", type: i2.TuiInputDirective, selector: "input[tuiInput]", inputs: ["readOnly", "invalid", "focused", "state"] }, { kind: "component", type: i2.TuiErrorComponent, selector: "tui-error", inputs: ["error"] }, { kind: "directive", type: i2.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"] }, { kind: "directive", type: TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "component", type: TuiCheckbox, selector: "input[type=\"checkbox\"][tuiCheckbox]" }, { kind: "directive", type: TuiLink, selector: "a[tuiLink], button[tuiLink]" }, { kind: "component", type: ScVerificationPhoneCheckFormComponent, selector: "sc-verification-phone-check-form", inputs: ["showCodeFields", "readOnly", "pseudoInvalid", "required", "subtitle", "shouldBeBusy", "shouldBeConfirmed", "haveCode"], outputs: ["haveCodeChange", "isBusyChange", "isConfirmedChange"] }, { kind: "component", type: ScSuggestionFieldComponent, selector: "sc-suggestion-field", inputs: ["type"], outputs: ["selectedClick"] }, { kind: "component", type: TuiButtonLoading, selector: "[tuiButton][loading],[tuiIconButton][loading]", inputs: ["size", "loading"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: ScSimpleSignUpFormComponent, decorators: [{
             type: Component,
@@ -1829,7 +1829,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImpo
                         ScVerificationPhoneCheckFormComponent,
                         ScSuggestionFieldComponent,
                         TuiButtonLoading,
-                    ], template: "<form\n    [formGroup]=\"form\"\n    (ngSubmit)=\"onSubmit$.next()\"\n    class=\"flex flex-col gap-6\"\n>\n    <div class=\"flex flex-col gap-3\">\n        <sc-verification-phone-check-form\n            (isBusyChange)=\"onIsBusyChange($event)\"\n            (isConfirmedChange)=\"onIsConfirmedChange($event)\"\n            [showCodeFields]=\"form.controls.phone.valid && form.controls.phone.valid\"\n            [shouldBeConfirmed]=\"true\"\n        />\n        @if (isPhoneBusy() !== null && form.controls.phone.valid) {\n            @if (!isPhoneBusy()) {\n                <label tuiLabel>\n                    \u0424.\u0418.\u041E.\n                    <tui-textfield>\n                        <input\n                            tuiInput\n                            autocomplete=\"name\"\n                            formControlName=\"name\"\n                            placeholder=\"\u0424.\u0418.\u041E.\"\n                        />\n                    </tui-textfield>\n                    <tui-error formControlName=\"name\" />\n                </label>\n\n                <label tuiLabel>\n                    \u0410\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B\n                    <tui-textfield>\n                        <input\n                            tuiInput\n                            formControlName=\"email\"\n                            placeholder=\"\u0410\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B\"\n                        />\n                        <sc-suggestion-field\n                            *tuiDropdown\n                            [type]=\"suggestionType.email\"\n                        />\n                    </tui-textfield>\n                    <tui-error formControlName=\"email\" />\n                </label>\n\n                <tui-error class=\"self-center\" />\n\n                <label tuiLabel>\n                    <input\n                        tuiCheckbox\n                        type=\"checkbox\"\n                        formControlName=\"getNews\"\n                    />\n                    \u042F \u0445\u043E\u0447\u0443 \u043F\u043E\u043B\u0443\u0447\u0430\u0442\u044C \u0440\u0430\u0441\u0441\u044B\u043B\u043A\u0443 \u0421\u043D\u0430\u0431\u0446\u0435\u043D\u0442\u0440 \u043E \u0441\u043A\u0438\u0434\u043A\u0430\u0445 \u0438 \u043D\u043E\u0432\u043E\u0441\u0442\u044F\u0445 \u043F\u043E \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u0435.\n                </label>\n\n                <label tuiLabel>\n                    <input\n                        tuiCheckbox\n                        type=\"checkbox\"\n                        required=\"true\"\n                        formControlName=\"acceptRules\"\n                    />\n                    <div>\n                        <span>\n                            \u0420\u0435\u0433\u0438\u0441\u0442\u0440\u0438\u0440\u0443\u044F\u0441\u044C \u043D\u0430 \u0441\u0430\u0439\u0442\u0435, \u044F \u0441\u043E\u0433\u043B\u0430\u0448\u0430\u044E\u0441\u044C \u0441\n                            <a\n                                tuiLink\n                                [style.text-decoration-line]=\"'underline'\"\n                                (click)=\"$event.preventDefault(); clickOffer.emit()\"\n                            >\n                                \u0414\u043E\u0433\u043E\u0432\u043E\u0440\u043E\u043C \u043E\u0444\u0435\u0440\u0442\u044B\n                            </a>\n                            .\n                        </span>\n                        <span class=\"text-tui-negative\">*</span>\n                        <tui-error formControlName=\"acceptRules\" />\n                    </div>\n                </label>\n            }\n        }\n\n        <tui-error class=\"self-center\" />\n    </div>\n    <button\n        tuiButton\n        [disabled]=\"isPhoneBusy() ? form.controls.verificationCode.invalid || form.controls.phone.invalid : form.invalid\"\n        [loading]=\"loading()\"\n        type=\"submit\"\n        class=\"self-center\"\n    >\n        {{ isPhoneBusy() ? '\u0412\u043E\u0439\u0442\u0438' : '\u041A\u0443\u043F\u0438\u0442\u044C' }}\n    </button>\n</form>\n" }]
+                    ], template: "<form\n    [formGroup]=\"form\"\n    (ngSubmit)=\"onSubmit$.next()\"\n    class=\"flex flex-col gap-6\"\n>\n    <div class=\"flex flex-col gap-3\">\n        <sc-verification-phone-check-form\n            (isBusyChange)=\"onIsBusyChange($event)\"\n            (isConfirmedChange)=\"onIsConfirmedChange($event)\"\n            [showCodeFields]=\"form.controls.phone.valid && form.controls.phone.valid\"\n            [shouldBeConfirmed]=\"true\"\n        />\n        @if (isPhoneBusy() !== null && form.controls.phone.valid) {\n            @if (!isPhoneBusy()) {\n                <label tuiLabel>\n                    \u0424.\u0418.\u041E.\n                    <tui-textfield>\n                        <input\n                            tuiInput\n                            autocomplete=\"name\"\n                            formControlName=\"name\"\n                            placeholder=\"\u0424.\u0418.\u041E.\"\n                        />\n                    </tui-textfield>\n                    <tui-error formControlName=\"name\" />\n                </label>\n\n                <label tuiLabel>\n                    \u0410\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B\n                    <tui-textfield>\n                        <input\n                            tuiInput\n                            formControlName=\"email\"\n                            placeholder=\"\u0410\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B\"\n                        />\n                        <sc-suggestion-field\n                            *tuiDropdown\n                            [type]=\"suggestionType.email\"\n                        />\n                    </tui-textfield>\n                    <tui-error formControlName=\"email\" />\n                </label>\n\n                <tui-error\n                    class=\"self-center\"\n                    [formGroup]=\"form\"\n                />\n\n                <label tuiLabel>\n                    <input\n                        tuiCheckbox\n                        type=\"checkbox\"\n                        formControlName=\"getNews\"\n                    />\n                    \u042F \u0445\u043E\u0447\u0443 \u043F\u043E\u043B\u0443\u0447\u0430\u0442\u044C \u0440\u0430\u0441\u0441\u044B\u043B\u043A\u0443 \u0421\u043D\u0430\u0431\u0446\u0435\u043D\u0442\u0440 \u043E \u0441\u043A\u0438\u0434\u043A\u0430\u0445 \u0438 \u043D\u043E\u0432\u043E\u0441\u0442\u044F\u0445 \u043F\u043E \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u0435.\n                </label>\n\n                <label tuiLabel>\n                    <input\n                        tuiCheckbox\n                        type=\"checkbox\"\n                        required=\"true\"\n                        formControlName=\"acceptRules\"\n                    />\n                    <div>\n                        <span>\n                            \u0420\u0435\u0433\u0438\u0441\u0442\u0440\u0438\u0440\u0443\u044F\u0441\u044C \u043D\u0430 \u0441\u0430\u0439\u0442\u0435, \u044F \u0441\u043E\u0433\u043B\u0430\u0448\u0430\u044E\u0441\u044C \u0441\n                            <a\n                                tuiLink\n                                [style.text-decoration-line]=\"'underline'\"\n                                (click)=\"$event.preventDefault(); clickOffer.emit()\"\n                            >\n                                \u0414\u043E\u0433\u043E\u0432\u043E\u0440\u043E\u043C \u043E\u0444\u0435\u0440\u0442\u044B\n                            </a>\n                            .\n                        </span>\n                        <span class=\"text-tui-negative\">*</span>\n                        <tui-error formControlName=\"acceptRules\" />\n                    </div>\n                </label>\n            }\n        }\n\n        <tui-error\n            class=\"self-center\"\n            [formGroup]=\"form\"\n        />\n    </div>\n    <button\n        tuiButton\n        [disabled]=\"isPhoneBusy() ? form.controls.verificationCode.invalid || form.controls.phone.invalid : form.invalid\"\n        [loading]=\"loading()\"\n        type=\"submit\"\n        class=\"self-center\"\n    >\n        {{ isPhoneBusy() ? '\u0412\u043E\u0439\u0442\u0438' : '\u041A\u0443\u043F\u0438\u0442\u044C' }}\n    </button>\n</form>\n" }]
         }], propDecorators: { successAuth: [{ type: i0.Output, args: ["successAuth"] }], clickOffer: [{ type: i0.Output, args: ["clickOffer"] }] } });
 
 /**
@@ -1921,11 +1921,25 @@ class ScSignInFormByEmailComponent {
         this.helpNotificationService.closeAllHelpNotification();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: ScSignInFormByEmailComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.16", type: ScSignInFormByEmailComponent, isStandalone: true, selector: "sc-sign-in-form-by-email", outputs: { forgotPassword: "forgotPassword" }, ngImport: i0, template: "<form\n    [formGroup]=\"formByEmail\"\n    (ngSubmit)=\"onSubmit.next()\"\n>\n    <div class=\"mb-8 flex flex-col gap-4\">\n        <label tuiLabel>\n            \u0410\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B\n            <tui-textfield>\n                <input\n                    tuiInput\n                    autocomplete=\"email\"\n                    formControlName=\"login\"\n                    placeholder=\"\u0410\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B\"\n                />\n            </tui-textfield>\n            <tui-error formControlName=\"login\" />\n        </label>\n        <label tuiLabel>\n            \u041F\u0430\u0440\u043E\u043B\u044C\n            <tui-textfield>\n                <input\n                    tuiInput\n                    type=\"password\"\n                    formControlName=\"password\"\n                    autocomplete=\"current-password\"\n                    placeholder=\"\u041F\u0430\u0440\u043E\u043B\u044C\"\n                />\n                <tui-icon tuiPassword />\n            </tui-textfield>\n            <tui-error formControlName=\"password\" />\n        </label>\n        <tui-error [formGroup]=\"formByEmail\" />\n    </div>\n\n    @if (showHelpNotification && pushContacts()) {\n        <div class=\"mb-4 flex flex-col gap-3\">\n            @for (manager of pushContacts(); track manager.id) {\n                <tui-push\n                    type=\"\u0421\u0432\u044F\u0436\u0438\u0442\u0435\u0441\u044C \u0441 \u043D\u0430\u043C\u0438 \u0434\u043B\u044F \u0440\u0435\u0448\u0435\u043D\u0438\u044F \u0432\u043E\u0437\u043D\u0438\u043A\u0448\u0438\u0445 \u0432\u043E\u043F\u0440\u043E\u0441\u043E\u0432\"\n                    (close)=\"closeNotification()\"\n                    class=\"!w-auto\"\n                >\n                    <tui-icon icon=\"@tui.message-square\" />\n                    <sc-manager-card [manager]=\"manager\" />\n                </tui-push>\n            }\n        </div>\n    }\n\n    <div class=\"mb-4 flex flex-col items-center gap-4\">\n        <a\n            tuiLink\n            [style.text-decoration-line]=\"'underline'\"\n            (click)=\"forgotPassword.emit()\"\n            class=\"text-base\"\n            >\u0417\u0430\u0431\u044B\u043B\u0438 \u043F\u0430\u0440\u043E\u043B\u044C?</a\n        >\n        <button\n            tuiButton\n            type=\"submit\"\n            [loading]=\"!!(loadingEmailAuth$ | async)\"\n            [disabled]=\"formByEmail.invalid || !!(loadingEmailAuth$ | async)\"\n            iconStart=\"@tui.sc.circle-arrow-in-right\"\n        >\n            \u0412\u043E\u0439\u0442\u0438\n        </button>\n    </div>\n</form>\n", dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { 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.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: TuiLabel, selector: "label[tuiLabel]" }, { kind: "component", type: i2.TuiTextfieldComponent, selector: "tui-textfield:not([multi])", inputs: ["content", "filler"] }, { kind: "directive", type: i2.TuiInputDirective, selector: "input[tuiInput]", inputs: ["readOnly", "invalid", "focused", "state"] }, { kind: "component", type: i2.TuiErrorComponent, selector: "tui-error", inputs: ["error"] }, { kind: "directive", type: i2.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"] }, { kind: "directive", type: TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "component", type: TuiButtonLoading, selector: "[tuiButton][loading],[tuiIconButton][loading]", inputs: ["size", "loading"] }, { kind: "component", type: TuiIcon, selector: "tui-icon:not([tuiBadge])", inputs: ["background"] }, { kind: "directive", type: TuiLink, selector: "a[tuiLink], button[tuiLink]" }, { kind: "component", type: i1$1.TuiPushComponent, selector: "tui-push", inputs: ["heading", "type", "lines", "timestamp"], outputs: ["close"] }, { kind: "component", type: ScManagerCardComponent, selector: "sc-manager-card", inputs: ["manager"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.16", type: ScSignInFormByEmailComponent, isStandalone: true, selector: "sc-sign-in-form-by-email", outputs: { forgotPassword: "forgotPassword" }, ngImport: i0, template: "<form\n    [formGroup]=\"formByEmail\"\n    (ngSubmit)=\"onSubmit.next()\"\n>\n    <div class=\"mb-8 flex flex-col gap-4\">\n        <label tuiLabel>\n            \u0410\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B\n            <tui-textfield>\n                <input\n                    tuiInput\n                    autocomplete=\"email\"\n                    formControlName=\"login\"\n                    placeholder=\"\u0410\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B\"\n                />\n            </tui-textfield>\n            <tui-error formControlName=\"login\" />\n        </label>\n        <label tuiLabel>\n            \u041F\u0430\u0440\u043E\u043B\u044C\n            <tui-textfield>\n                <input\n                    tuiInput\n                    type=\"password\"\n                    formControlName=\"password\"\n                    autocomplete=\"current-password\"\n                    placeholder=\"\u041F\u0430\u0440\u043E\u043B\u044C\"\n                />\n                <tui-icon tuiPassword />\n            </tui-textfield>\n            <tui-error formControlName=\"password\" />\n        </label>\n        <tui-error [formGroup]=\"formByEmail\" />\n    </div>\n\n    @if (showHelpNotification && pushContacts()) {\n        <div class=\"mb-4 flex flex-col gap-3\">\n            @for (manager of pushContacts(); track manager.id) {\n                <tui-push\n                    type=\"\u0421\u0432\u044F\u0436\u0438\u0442\u0435\u0441\u044C \u0441 \u043D\u0430\u043C\u0438 \u0434\u043B\u044F \u0440\u0435\u0448\u0435\u043D\u0438\u044F \u0432\u043E\u0437\u043D\u0438\u043A\u0448\u0438\u0445 \u0432\u043E\u043F\u0440\u043E\u0441\u043E\u0432\"\n                    (close)=\"closeNotification()\"\n                    class=\"!w-auto\"\n                >\n                    <tui-icon icon=\"@tui.message-square\" />\n                    <sc-manager-card [manager]=\"manager\" />\n                </tui-push>\n            }\n        </div>\n    }\n\n    <div class=\"mb-4 flex flex-col items-center gap-4\">\n        <a\n            tuiLink\n            [style.text-decoration-line]=\"'underline'\"\n            (click)=\"forgotPassword.emit()\"\n            class=\"text-base\"\n            >\u0417\u0430\u0431\u044B\u043B\u0438 \u043F\u0430\u0440\u043E\u043B\u044C?</a\n        >\n        <button\n            tuiButton\n            type=\"submit\"\n            [loading]=\"!!(loadingEmailAuth$ | async)\"\n            [disabled]=\"formByEmail.invalid || !!(loadingEmailAuth$ | async)\"\n            iconStart=\"@tui.sc.circle-arrow-in-right\"\n        >\n            \u0412\u043E\u0439\u0442\u0438\n        </button>\n    </div>\n</form>\n", dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { 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.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: TuiLabel, selector: "label[tuiLabel]" }, { kind: "component", type: i2.TuiTextfieldComponent, selector: "tui-textfield:not([multi])", inputs: ["content", "filler"] }, { kind: "directive", type: i2.TuiInputDirective, selector: "input[tuiInput]", inputs: ["readOnly", "invalid", "focused", "state"] }, { kind: "component", type: i2.TuiErrorComponent, selector: "tui-error", inputs: ["error"] }, { kind: "directive", type: i2.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"] }, { kind: "directive", type: TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "component", type: TuiButtonLoading, selector: "[tuiButton][loading],[tuiIconButton][loading]", inputs: ["size", "loading"] }, { kind: "component", type: TuiIcon, selector: "tui-icon:not([tuiBadge])", inputs: ["background"] }, { kind: "directive", type: TuiPassword, selector: "tui-icon[tuiPassword]" }, { kind: "directive", type: TuiLink, selector: "a[tuiLink], button[tuiLink]" }, { kind: "component", type: i1$1.TuiPushComponent, selector: "tui-push", inputs: ["heading", "type", "lines", "timestamp"], outputs: ["close"] }, { kind: "component", type: ScManagerCardComponent, selector: "sc-manager-card", inputs: ["manager"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: ScSignInFormByEmailComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sc-sign-in-form-by-email', changeDetection: ChangeDetectionStrategy.OnPush, imports: [ReactiveFormsModule, AsyncPipe, TuiLabel, TuiTextfield, TuiInput, TuiError, TuiButton, TuiButtonLoading, TuiIcon, TuiLink, TuiPush, ScManagerCardComponent], template: "<form\n    [formGroup]=\"formByEmail\"\n    (ngSubmit)=\"onSubmit.next()\"\n>\n    <div class=\"mb-8 flex flex-col gap-4\">\n        <label tuiLabel>\n            \u0410\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B\n            <tui-textfield>\n                <input\n                    tuiInput\n                    autocomplete=\"email\"\n                    formControlName=\"login\"\n                    placeholder=\"\u0410\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B\"\n                />\n            </tui-textfield>\n            <tui-error formControlName=\"login\" />\n        </label>\n        <label tuiLabel>\n            \u041F\u0430\u0440\u043E\u043B\u044C\n            <tui-textfield>\n                <input\n                    tuiInput\n                    type=\"password\"\n                    formControlName=\"password\"\n                    autocomplete=\"current-password\"\n                    placeholder=\"\u041F\u0430\u0440\u043E\u043B\u044C\"\n                />\n                <tui-icon tuiPassword />\n            </tui-textfield>\n            <tui-error formControlName=\"password\" />\n        </label>\n        <tui-error [formGroup]=\"formByEmail\" />\n    </div>\n\n    @if (showHelpNotification && pushContacts()) {\n        <div class=\"mb-4 flex flex-col gap-3\">\n            @for (manager of pushContacts(); track manager.id) {\n                <tui-push\n                    type=\"\u0421\u0432\u044F\u0436\u0438\u0442\u0435\u0441\u044C \u0441 \u043D\u0430\u043C\u0438 \u0434\u043B\u044F \u0440\u0435\u0448\u0435\u043D\u0438\u044F \u0432\u043E\u0437\u043D\u0438\u043A\u0448\u0438\u0445 \u0432\u043E\u043F\u0440\u043E\u0441\u043E\u0432\"\n                    (close)=\"closeNotification()\"\n                    class=\"!w-auto\"\n                >\n                    <tui-icon icon=\"@tui.message-square\" />\n                    <sc-manager-card [manager]=\"manager\" />\n                </tui-push>\n            }\n        </div>\n    }\n\n    <div class=\"mb-4 flex flex-col items-center gap-4\">\n        <a\n            tuiLink\n            [style.text-decoration-line]=\"'underline'\"\n            (click)=\"forgotPassword.emit()\"\n            class=\"text-base\"\n            >\u0417\u0430\u0431\u044B\u043B\u0438 \u043F\u0430\u0440\u043E\u043B\u044C?</a\n        >\n        <button\n            tuiButton\n            type=\"submit\"\n            [loading]=\"!!(loadingEmailAuth$ | async)\"\n            [disabled]=\"formByEmail.invalid || !!(loadingEmailAuth$ | async)\"\n            iconStart=\"@tui.sc.circle-arrow-in-right\"\n        >\n            \u0412\u043E\u0439\u0442\u0438\n        </button>\n    </div>\n</form>\n" }]
+            args: [{ selector: 'sc-sign-in-form-by-email', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
+                        ReactiveFormsModule,
+                        AsyncPipe,
+                        TuiLabel,
+                        TuiTextfield,
+                        TuiInput,
+                        TuiError,
+                        TuiButton,
+                        TuiButtonLoading,
+                        TuiIcon,
+                        TuiPassword,
+                        TuiLink,
+                        TuiPush,
+                        ScManagerCardComponent,
+                    ], template: "<form\n    [formGroup]=\"formByEmail\"\n    (ngSubmit)=\"onSubmit.next()\"\n>\n    <div class=\"mb-8 flex flex-col gap-4\">\n        <label tuiLabel>\n            \u0410\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B\n            <tui-textfield>\n                <input\n                    tuiInput\n                    autocomplete=\"email\"\n                    formControlName=\"login\"\n                    placeholder=\"\u0410\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B\"\n                />\n            </tui-textfield>\n            <tui-error formControlName=\"login\" />\n        </label>\n        <label tuiLabel>\n            \u041F\u0430\u0440\u043E\u043B\u044C\n            <tui-textfield>\n                <input\n                    tuiInput\n                    type=\"password\"\n                    formControlName=\"password\"\n                    autocomplete=\"current-password\"\n                    placeholder=\"\u041F\u0430\u0440\u043E\u043B\u044C\"\n                />\n                <tui-icon tuiPassword />\n            </tui-textfield>\n            <tui-error formControlName=\"password\" />\n        </label>\n        <tui-error [formGroup]=\"formByEmail\" />\n    </div>\n\n    @if (showHelpNotification && pushContacts()) {\n        <div class=\"mb-4 flex flex-col gap-3\">\n            @for (manager of pushContacts(); track manager.id) {\n                <tui-push\n                    type=\"\u0421\u0432\u044F\u0436\u0438\u0442\u0435\u0441\u044C \u0441 \u043D\u0430\u043C\u0438 \u0434\u043B\u044F \u0440\u0435\u0448\u0435\u043D\u0438\u044F \u0432\u043E\u0437\u043D\u0438\u043A\u0448\u0438\u0445 \u0432\u043E\u043F\u0440\u043E\u0441\u043E\u0432\"\n                    (close)=\"closeNotification()\"\n                    class=\"!w-auto\"\n                >\n                    <tui-icon icon=\"@tui.message-square\" />\n                    <sc-manager-card [manager]=\"manager\" />\n                </tui-push>\n            }\n        </div>\n    }\n\n    <div class=\"mb-4 flex flex-col items-center gap-4\">\n        <a\n            tuiLink\n            [style.text-decoration-line]=\"'underline'\"\n            (click)=\"forgotPassword.emit()\"\n            class=\"text-base\"\n            >\u0417\u0430\u0431\u044B\u043B\u0438 \u043F\u0430\u0440\u043E\u043B\u044C?</a\n        >\n        <button\n            tuiButton\n            type=\"submit\"\n            [loading]=\"!!(loadingEmailAuth$ | async)\"\n            [disabled]=\"formByEmail.invalid || !!(loadingEmailAuth$ | async)\"\n            iconStart=\"@tui.sc.circle-arrow-in-right\"\n        >\n            \u0412\u043E\u0439\u0442\u0438\n        </button>\n    </div>\n</form>\n" }]
         }], propDecorators: { forgotPassword: [{
                 type: Output
             }] } });
@@ -1992,11 +2006,11 @@ class ScSignInFormByPhoneComponent {
         this.helpNotificationService.closeAllHelpNotification();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: ScSignInFormByPhoneComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.16", type: ScSignInFormByPhoneComponent, isStandalone: true, selector: "sc-sign-in-form-by-phone", ngImport: i0, template: "@let loading = !!(loading$ | async);\n<form\n    [formGroup]=\"form\"\n    (ngSubmit)=\"onSubmit.next()\"\n    class=\"mb-4 flex flex-col items-center gap-4\"\n>\n    <sc-verification-phone-check-form\n        [(haveCode)]=\"haveCode\"\n        [shouldBeBusy]=\"true\"\n        [shouldBeConfirmed]=\"true\"\n        class=\"w-full\"\n    />\n    <tui-error class=\"self-center\" />\n    @if (haveCode) {\n        <button\n            tuiButton\n            type=\"submit\"\n            [loading]=\"loading\"\n            [disabled]=\"form.invalid || loading\"\n            iconStart=\"@tui.sc.circle-arrow-in-right\"\n        >\n            \u0412\u043E\u0439\u0442\u0438\n        </button>\n    }\n</form>\n", dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: i2.TuiErrorComponent, selector: "tui-error", inputs: ["error"] }, { kind: "directive", type: TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "component", type: TuiButtonLoading, selector: "[tuiButton][loading],[tuiIconButton][loading]", inputs: ["size", "loading"] }, { kind: "component", type: ScVerificationPhoneCheckFormComponent, selector: "sc-verification-phone-check-form", inputs: ["showCodeFields", "readOnly", "pseudoInvalid", "required", "subtitle", "shouldBeBusy", "shouldBeConfirmed", "haveCode"], outputs: ["haveCodeChange", "isBusyChange", "isConfirmedChange"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.16", type: ScSignInFormByPhoneComponent, isStandalone: true, selector: "sc-sign-in-form-by-phone", ngImport: i0, template: "@let loading = !!(loading$ | async);\n<form\n    [formGroup]=\"form\"\n    (ngSubmit)=\"onSubmit.next()\"\n    class=\"mb-4 flex flex-col items-center gap-4\"\n>\n    <sc-verification-phone-check-form\n        [(haveCode)]=\"haveCode\"\n        [shouldBeBusy]=\"true\"\n        [shouldBeConfirmed]=\"true\"\n        class=\"w-full\"\n    />\n    <tui-error\n        class=\"self-center\"\n        [formGroup]=\"form\"\n    />\n    @if (haveCode) {\n        <button\n            tuiButton\n            type=\"submit\"\n            [loading]=\"loading\"\n            [disabled]=\"form.invalid || loading\"\n            iconStart=\"@tui.sc.circle-arrow-in-right\"\n        >\n            \u0412\u043E\u0439\u0442\u0438\n        </button>\n    }\n</form>\n", dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: i2.TuiErrorComponent, selector: "tui-error", inputs: ["error"] }, { kind: "directive", type: i2.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"] }, { kind: "directive", type: TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "component", type: TuiButtonLoading, selector: "[tuiButton][loading],[tuiIconButton][loading]", inputs: ["size", "loading"] }, { kind: "component", type: ScVerificationPhoneCheckFormComponent, selector: "sc-verification-phone-check-form", inputs: ["showCodeFields", "readOnly", "pseudoInvalid", "required", "subtitle", "shouldBeBusy", "shouldBeConfirmed", "haveCode"], outputs: ["haveCodeChange", "isBusyChange", "isConfirmedChange"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: ScSignInFormByPhoneComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sc-sign-in-form-by-phone', changeDetection: ChangeDetectionStrategy.OnPush, imports: [ReactiveFormsModule, AsyncPipe, TuiError, TuiButton, TuiButtonLoading, ScVerificationPhoneCheckFormComponent], template: "@let loading = !!(loading$ | async);\n<form\n    [formGroup]=\"form\"\n    (ngSubmit)=\"onSubmit.next()\"\n    class=\"mb-4 flex flex-col items-center gap-4\"\n>\n    <sc-verification-phone-check-form\n        [(haveCode)]=\"haveCode\"\n        [shouldBeBusy]=\"true\"\n        [shouldBeConfirmed]=\"true\"\n        class=\"w-full\"\n    />\n    <tui-error class=\"self-center\" />\n    @if (haveCode) {\n        <button\n            tuiButton\n            type=\"submit\"\n            [loading]=\"loading\"\n            [disabled]=\"form.invalid || loading\"\n            iconStart=\"@tui.sc.circle-arrow-in-right\"\n        >\n            \u0412\u043E\u0439\u0442\u0438\n        </button>\n    }\n</form>\n" }]
+            args: [{ selector: 'sc-sign-in-form-by-phone', changeDetection: ChangeDetectionStrategy.OnPush, imports: [ReactiveFormsModule, AsyncPipe, TuiError, TuiButton, TuiButtonLoading, ScVerificationPhoneCheckFormComponent], template: "@let loading = !!(loading$ | async);\n<form\n    [formGroup]=\"form\"\n    (ngSubmit)=\"onSubmit.next()\"\n    class=\"mb-4 flex flex-col items-center gap-4\"\n>\n    <sc-verification-phone-check-form\n        [(haveCode)]=\"haveCode\"\n        [shouldBeBusy]=\"true\"\n        [shouldBeConfirmed]=\"true\"\n        class=\"w-full\"\n    />\n    <tui-error\n        class=\"self-center\"\n        [formGroup]=\"form\"\n    />\n    @if (haveCode) {\n        <button\n            tuiButton\n            type=\"submit\"\n            [loading]=\"loading\"\n            [disabled]=\"form.invalid || loading\"\n            iconStart=\"@tui.sc.circle-arrow-in-right\"\n        >\n            \u0412\u043E\u0439\u0442\u0438\n        </button>\n    }\n</form>\n" }]
         }] });
 
 /**
@@ -2171,7 +2185,7 @@ class ScNewContragentBankAccountsFormComponent {
         return this.referencesService.getCurrencyById$(currencyId);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: ScNewContragentBankAccountsFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.16", type: ScNewContragentBankAccountsFormComponent, isStandalone: true, selector: "sc-new-contragent-bank-account-form", inputs: { form: { classPropertyName: "form", publicName: "form", isSignal: false, isRequired: false, transformFunction: null }, opf: { classPropertyName: "opf", publicName: "opf", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<div\n    [formGroup]=\"form\"\n    class=\"flex flex-col gap-3\"\n>\n    <label tuiLabel>\n        \u041D\u0430\u0438\u043C\u0435\u043D\u043E\u0432\u0430\u043D\u0438\u0435 \u0431\u0430\u043D\u043A\u0430\n        <tui-textfield>\n            @if (opfListEnum[opf()] !== opfListEnum.non_resident_legal) {\n                <input\n                    tuiInput\n                    formControlName=\"bankName\"\n                    placeholder=\"\u041D\u0430\u0438\u043C\u0435\u043D\u043E\u0432\u0430\u043D\u0438\u0435 \u0431\u0430\u043D\u043A\u0430\"\n                />\n                <sc-suggestion-field\n                    *tuiDropdown\n                    [type]=\"suggestionType.bank\"\n                />\n            } @else {\n                <input\n                    tuiInput\n                    formControlName=\"bankName\"\n                    placeholder=\"\u041D\u0430\u0438\u043C\u0435\u043D\u043E\u0432\u0430\u043D\u0438\u0435 \u0431\u0430\u043D\u043A\u0430\"\n                />\n            }\n        </tui-textfield>\n        <tui-error formControlName=\"bankName\" />\n    </label>\n    <label tuiLabel>\n        \u0411\u0418\u041A\n        <tui-textfield>\n            @if (opfListEnum[opf()] !== opfListEnum.non_resident_legal) {\n                <input\n                    tuiInput\n                    [maskito]=\"bicMask\"\n                    autocomplete=\"bic\"\n                    formControlName=\"bic\"\n                    placeholder=\"\u0411\u0418\u041A\"\n                />\n                <sc-suggestion-field\n                    *tuiDropdown\n                    [type]=\"suggestionType.bank\"\n                />\n            } @else {\n                <input\n                    tuiInput\n                    [maskito]=\"bicMask\"\n                    autocomplete=\"bic\"\n                    formControlName=\"bic\"\n                    placeholder=\"\u0411\u0418\u041A\"\n                />\n            }\n        </tui-textfield>\n        <tui-error formControlName=\"bic\" />\n    </label>\n    <label tuiLabel>\n        \u041D\u043E\u043C\u0435\u0440 \u0441\u0447\u0435\u0442\u0430\n        <tui-textfield>\n            <input\n                tuiInput\n                [maskito]=\"accountNumberMask\"\n                autocomplete=\"accountNumber\"\n                formControlName=\"accountNumber\"\n                placeholder=\"\u041D\u043E\u043C\u0435\u0440 \u0441\u0447\u0435\u0442\u0430\"\n            />\n        </tui-textfield>\n        <tui-error formControlName=\"accountNumber\" />\n    </label>\n    <label tuiLabel>\n        \u041A\u043E\u0440\u0440\u0435\u0441\u043F\u043E\u043D\u0434\u0435\u043D\u0442\u0441\u043A\u0438\u0439 \u0441\u0447\u0435\u0442\n        <tui-textfield>\n            <input\n                tuiInput\n                [maskito]=\"correspondentAccount\"\n                autocomplete=\"correspondentAccount\"\n                formControlName=\"correspondentAccount\"\n                placeholder=\"\u041A\u043E\u0440\u0440\u0435\u0441\u043F\u043E\u043D\u0434\u0435\u043D\u0442\u0441\u043A\u0438\u0439 \u0441\u0447\u0435\u0442\"\n            />\n        </tui-textfield>\n        <tui-error formControlName=\"correspondentAccount\" />\n    </label>\n    <label tuiLabel>\n        \u0412\u0430\u043B\u044E\u0442\u0430 \u0440\u0430\u0441\u0447\u0451\u0442\u043E\u0432\n        <tui-textfield\n            tuiChevron\n            [content]=\"currencyContent\"\n        >\n            <input\n                tuiSelect\n                formControlName=\"currencyId\"\n                placeholder=\"\u0412\u0430\u043B\u044E\u0442\u0430 \u0440\u0430\u0441\u0447\u0451\u0442\u043E\u0432\"\n            />\n            <tui-data-list *tuiDropdown>\n                @for (item of currencies$ | async; track item; let index = $index) {\n                    <button\n                        tuiOption\n                        [value]=\"item.id\"\n                    >\n                        {{ item.name }} ({{ item.symbol }})\n                    </button>\n                }\n            </tui-data-list>\n        </tui-textfield>\n        <ng-template\n            #currencyContent\n            let-data\n        >\n            <div>{{ (getCurrencyById$(data) | async)?.name }}</div>\n        </ng-template>\n        <tui-error formControlName=\"currencyId\" />\n    </label>\n</div>\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: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: TuiLabel, selector: "label[tuiLabel]" }, { kind: "component", type: i2.TuiTextfieldComponent, selector: "tui-textfield:not([multi])", inputs: ["content", "filler"] }, { kind: "directive", type: i3.TuiDropdownContent, selector: "ng-template[tuiDropdown]" }, { kind: "directive", type: i2.TuiInputDirective, selector: "input[tuiInput]", inputs: ["readOnly", "invalid", "focused", "state"] }, { kind: "component", type: ScSuggestionFieldComponent, selector: "sc-suggestion-field", inputs: ["type"], outputs: ["selectedClick"] }, { kind: "component", type: i2.TuiErrorComponent, selector: "tui-error", inputs: ["error"] }, { kind: "directive", type: i2.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"] }, { kind: "directive", type: MaskitoDirective, selector: "[maskito]", inputs: ["maskito", "maskitoElement"], outputs: ["maskitoChange", "maskitoElementChange"] }, { kind: "directive", type: i1$1.TuiSelectDirective, selector: "input[tuiSelect]" }, { kind: "component", type: i2.TuiDataListComponent, selector: "tui-data-list", inputs: ["emptyContent", "size"] }, { kind: "directive", type: i2.TuiOption, selector: "button[tuiOption], a[tuiOption], label[tuiOption]", inputs: ["disabled"] }, { kind: "directive", type: i2.TuiOptionWithValue, selector: "button[tuiOption][value], a[tuiOption][value], label[tuiOption][value]", inputs: ["disabled", "value"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.16", type: ScNewContragentBankAccountsFormComponent, isStandalone: true, selector: "sc-new-contragent-bank-account-form", inputs: { form: { classPropertyName: "form", publicName: "form", isSignal: false, isRequired: false, transformFunction: null }, opf: { classPropertyName: "opf", publicName: "opf", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<div\n    [formGroup]=\"form\"\n    class=\"flex flex-col gap-3\"\n>\n    <label tuiLabel>\n        \u041D\u0430\u0438\u043C\u0435\u043D\u043E\u0432\u0430\u043D\u0438\u0435 \u0431\u0430\u043D\u043A\u0430\n        <tui-textfield>\n            @if (opfListEnum[opf()] !== opfListEnum.non_resident_legal) {\n                <input\n                    tuiInput\n                    formControlName=\"bankName\"\n                    placeholder=\"\u041D\u0430\u0438\u043C\u0435\u043D\u043E\u0432\u0430\u043D\u0438\u0435 \u0431\u0430\u043D\u043A\u0430\"\n                />\n                <sc-suggestion-field\n                    *tuiDropdown\n                    [type]=\"suggestionType.bank\"\n                />\n            } @else {\n                <input\n                    tuiInput\n                    formControlName=\"bankName\"\n                    placeholder=\"\u041D\u0430\u0438\u043C\u0435\u043D\u043E\u0432\u0430\u043D\u0438\u0435 \u0431\u0430\u043D\u043A\u0430\"\n                />\n            }\n        </tui-textfield>\n        <tui-error formControlName=\"bankName\" />\n    </label>\n    <label tuiLabel>\n        \u0411\u0418\u041A\n        <tui-textfield>\n            @if (opfListEnum[opf()] !== opfListEnum.non_resident_legal) {\n                <input\n                    tuiInput\n                    [maskito]=\"bicMask\"\n                    autocomplete=\"bic\"\n                    formControlName=\"bic\"\n                    placeholder=\"\u0411\u0418\u041A\"\n                />\n                <sc-suggestion-field\n                    *tuiDropdown\n                    [type]=\"suggestionType.bank\"\n                />\n            } @else {\n                <input\n                    tuiInput\n                    [maskito]=\"bicMask\"\n                    autocomplete=\"bic\"\n                    formControlName=\"bic\"\n                    placeholder=\"\u0411\u0418\u041A\"\n                />\n            }\n        </tui-textfield>\n        <tui-error formControlName=\"bic\" />\n    </label>\n    <label tuiLabel>\n        \u041D\u043E\u043C\u0435\u0440 \u0441\u0447\u0435\u0442\u0430\n        <tui-textfield>\n            <input\n                tuiInput\n                [maskito]=\"accountNumberMask\"\n                autocomplete=\"accountNumber\"\n                formControlName=\"accountNumber\"\n                placeholder=\"\u041D\u043E\u043C\u0435\u0440 \u0441\u0447\u0435\u0442\u0430\"\n            />\n        </tui-textfield>\n        <tui-error formControlName=\"accountNumber\" />\n    </label>\n    <label tuiLabel>\n        \u041A\u043E\u0440\u0440\u0435\u0441\u043F\u043E\u043D\u0434\u0435\u043D\u0442\u0441\u043A\u0438\u0439 \u0441\u0447\u0435\u0442\n        <tui-textfield>\n            <input\n                tuiInput\n                [maskito]=\"correspondentAccount\"\n                autocomplete=\"correspondentAccount\"\n                formControlName=\"correspondentAccount\"\n                placeholder=\"\u041A\u043E\u0440\u0440\u0435\u0441\u043F\u043E\u043D\u0434\u0435\u043D\u0442\u0441\u043A\u0438\u0439 \u0441\u0447\u0435\u0442\"\n            />\n        </tui-textfield>\n        <tui-error formControlName=\"correspondentAccount\" />\n    </label>\n    <label tuiLabel>\n        \u0412\u0430\u043B\u044E\u0442\u0430 \u0440\u0430\u0441\u0447\u0451\u0442\u043E\u0432\n        <tui-textfield\n            tuiChevron\n            [content]=\"currencyContent\"\n        >\n            <input\n                tuiSelect\n                formControlName=\"currencyId\"\n                placeholder=\"\u0412\u0430\u043B\u044E\u0442\u0430 \u0440\u0430\u0441\u0447\u0451\u0442\u043E\u0432\"\n            />\n            <tui-data-list *tuiDropdown>\n                @for (item of currencies$ | async; track item; let index = $index) {\n                    <button\n                        tuiOption\n                        [value]=\"item.id\"\n                    >\n                        {{ item.name }} ({{ item.symbol }})\n                    </button>\n                }\n            </tui-data-list>\n        </tui-textfield>\n        <ng-template\n            #currencyContent\n            let-data\n        >\n            <div>{{ (getCurrencyById$(data) | async)?.name }}</div>\n        </ng-template>\n        <tui-error formControlName=\"currencyId\" />\n    </label>\n</div>\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: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: TuiLabel, selector: "label[tuiLabel]" }, { kind: "component", type: i2.TuiTextfieldComponent, selector: "tui-textfield:not([multi])", inputs: ["content", "filler"] }, { kind: "directive", type: i3.TuiDropdownContent, selector: "ng-template[tuiDropdown]" }, { kind: "directive", type: TuiChevron, selector: "[tuiChevron]", inputs: ["tuiChevron"] }, { kind: "directive", type: i2.TuiInputDirective, selector: "input[tuiInput]", inputs: ["readOnly", "invalid", "focused", "state"] }, { kind: "component", type: ScSuggestionFieldComponent, selector: "sc-suggestion-field", inputs: ["type"], outputs: ["selectedClick"] }, { kind: "component", type: i2.TuiErrorComponent, selector: "tui-error", inputs: ["error"] }, { kind: "directive", type: i2.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"] }, { kind: "directive", type: MaskitoDirective, selector: "[maskito]", inputs: ["maskito", "maskitoElement"], outputs: ["maskitoChange", "maskitoElementChange"] }, { kind: "directive", type: i1$1.TuiSelectDirective, selector: "input[tuiSelect]" }, { kind: "component", type: i2.TuiDataListComponent, selector: "tui-data-list", inputs: ["emptyContent", "size"] }, { kind: "directive", type: i2.TuiOption, selector: "button[tuiOption], a[tuiOption], label[tuiOption]", inputs: ["disabled"] }, { kind: "directive", type: i2.TuiOptionWithValue, selector: "button[tuiOption][value], a[tuiOption][value], label[tuiOption][value]", inputs: ["disabled", "value"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: ScNewContragentBankAccountsFormComponent, decorators: [{
             type: Component,
@@ -2180,6 +2194,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImpo
                         ReactiveFormsModule,
                         TuiLabel,
                         TuiTextfield,
+                        TuiChevron,
                         TuiInput,
                         ScSuggestionFieldComponent,
                         TuiError,
@@ -2469,7 +2484,7 @@ class ScNewContragentFormComponent {
         return this.locationsService.getCountries$().pipe(map((countries) => countries?.find((country) => country.id === countryId)?.name ?? ''));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: ScNewContragentFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.16", type: ScNewContragentFormComponent, isStandalone: true, selector: "sc-new-contragent-form", inputs: { opfControl: "opfControl" }, ngImport: i0, template: "@if (selectOpf$ | async; as selectOpf) {\n    <div\n        [formGroup]=\"form\"\n        class=\"flex flex-col gap-3 pb-1\"\n    >\n        <p class=\"text-lg font-bold\">\u041E\u0431\u0449\u0438\u0435 \u0434\u0430\u043D\u043D\u044B\u0435 \u043A\u043E\u043D\u0442\u0440\u0430\u0433\u0435\u043D\u0442\u0430</p>\n        <label tuiLabel>\n            \u0422\u0438\u043F \u043A\u043E\u043D\u0442\u0440\u0430\u0433\u0435\u043D\u0442\u0430 (\u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0446\u0438\u043E\u043D\u043D\u043E-\u043F\u0440\u0430\u0432\u043E\u0432\u0430\u044F \u0444\u043E\u0440\u043C\u0430)\n            <tui-textfield\n                tuiChevron\n                [content]=\"opfContent\"\n            >\n                <input\n                    tuiSelect\n                    formControlName=\"opf\"\n                    [readOnly]=\"!!opfControl\"\n                    placeholder=\"\u0422\u0438\u043F \u043A\u043E\u043D\u0442\u0440\u0430\u0433\u0435\u043D\u0442\u0430 (\u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0446\u0438\u043E\u043D\u043D\u043E-\u043F\u0440\u0430\u0432\u043E\u0432\u0430\u044F \u0444\u043E\u0440\u043C\u0430)\"\n                />\n                <tui-data-list *tuiDropdown>\n                    @for (item of getOpf$() | async; track item; let index = $index) {\n                        <button\n                            tuiOption\n                            [value]=\"item.slug\"\n                        >\n                            {{ item.name }}\n                        </button>\n                    }\n                </tui-data-list>\n            </tui-textfield>\n            <ng-template\n                #opfContent\n                let-data\n            >\n                <div>{{ (getOpfBySlug$(data) | async)?.name }}</div>\n            </ng-template>\n            <tui-error formControlName=\"opf\" />\n        </label>\n        @let nameLabel = opfListEnum[selectOpf] === opfListEnum.individual ? '\u0424.\u0418.\u041E.' : '\u041D\u0430\u0437\u0432\u0430\u043D\u0438\u0435 \u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0446\u0438\u0438';\n        <label tuiLabel>\n            {{ nameLabel }}\n            <tui-textfield>\n                <input\n                    tuiInput\n                    formControlName=\"name\"\n                    [placeholder]=\"nameLabel\"\n                />\n                @if (opfListEnum[selectOpf] === opfListEnum.individual) {\n                    <sc-suggestion-field\n                        *tuiDropdown\n                        [type]=\"suggestionType.fio\"\n                    />\n                } @else if (opfListEnum[selectOpf] !== opfListEnum.non_resident_legal) {\n                    <sc-suggestion-field\n                        *tuiDropdown\n                        [type]=\"suggestionType.organization\"\n                    />\n                }\n            </tui-textfield>\n            <tui-error formControlName=\"name\" />\n        </label>\n        @if (opfListEnum[selectOpf] > opfListEnum.individual) {\n            <label tuiLabel>\n                \u0418\u041D\u041D \u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0446\u0438\u0438 \u0438\u043B\u0438 \u0418\u041F\n                <tui-textfield>\n                    <input\n                        tuiInput\n                        [maskito]=\"innMask(selectOpf)\"\n                        autocomplete=\"inn\"\n                        formControlName=\"inn\"\n                        placeholder=\"\u0418\u041D\u041D \u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0446\u0438\u0438 \u0438\u043B\u0438 \u0418\u041F\"\n                    />\n                    <sc-suggestion-field\n                        *tuiDropdown\n                        [type]=\"suggestionType.organization\"\n                    />\n                </tui-textfield>\n                <tui-error formControlName=\"inn\" />\n            </label>\n            @if (opfListEnum[selectOpf] === opfListEnum.legal) {\n                <label tuiLabel>\n                    \u041A\u043E\u0434 \u041E\u041A\u041F\u041E\n                    <tui-textfield>\n                        <input\n                            tuiInput\n                            [maskito]=\"okpoMask(selectOpf)\"\n                            autocomplete=\"okpo\"\n                            formControlName=\"okpo\"\n                            placeholder=\"\u041A\u043E\u0434 \u041E\u041A\u041F\u041E\"\n                        />\n                    </tui-textfield>\n                    <tui-error formControlName=\"okpo\" />\n                </label>\n            }\n            <label tuiLabel>\n                \u0424.\u0418.\u041E. \u0440\u0443\u043A\u043E\u0432\u043E\u0434\u0438\u0442\u0435\u043B\u044F\n                <tui-textfield>\n                    <input\n                        tuiInput\n                        formControlName=\"directorName\"\n                        placeholder=\"\u0424.\u0418.\u041E. \u0440\u0443\u043A\u043E\u0432\u043E\u0434\u0438\u0442\u0435\u043B\u044F\"\n                    />\n                    <sc-suggestion-field\n                        *tuiDropdown\n                        [type]=\"suggestionType.fio\"\n                    />\n                </tui-textfield>\n                <tui-error formControlName=\"directorName\" />\n            </label>\n            <label tuiLabel>\n                \u0414\u043E\u043B\u0436\u043D\u043E\u0441\u0442\u044C \u0440\u0443\u043A\u043E\u0432\u043E\u0434\u0438\u0442\u0435\u043B\u044F\n                <tui-textfield>\n                    <input\n                        tuiInput\n                        formControlName=\"directorPosition\"\n                        placeholder=\"\u0414\u043E\u043B\u0436\u043D\u043E\u0441\u0442\u044C \u0440\u0443\u043A\u043E\u0432\u043E\u0434\u0438\u0442\u0435\u043B\u044F\"\n                    />\n                </tui-textfield>\n                <tui-error formControlName=\"directorPosition\" />\n            </label>\n            <label tuiLabel>\n                \u041E\u0441\u043D\u043E\u0432\u0430\u043D\u0438\u044F \u043F\u043E\u043B\u043D\u043E\u043C\u043E\u0447\u0438\u0439 \u0440\u0443\u043A\u043E\u0432\u043E\u0434\u0438\u0442\u0435\u043B\u044F\n                <tui-textfield>\n                    <input\n                        tuiInput\n                        formControlName=\"directorActsOn\"\n                        placeholder=\"\u041E\u0441\u043D\u043E\u0432\u0430\u043D\u0438\u044F \u043F\u043E\u043B\u043D\u043E\u043C\u043E\u0447\u0438\u0439 \u0440\u0443\u043A\u043E\u0432\u043E\u0434\u0438\u0442\u0435\u043B\u044F\"\n                    />\n                </tui-textfield>\n                <tui-error formControlName=\"directorActsOn\" />\n            </label>\n            <label tuiLabel>\n                \u042E\u0440\u0438\u0434\u0438\u0447\u0435\u0441\u043A\u0438\u0439 \u0430\u0434\u0440\u0435\u0441\n                <tui-textfield>\n                    <input\n                        tuiInput\n                        formControlName=\"legalAddress\"\n                        placeholder=\"\u042E\u0440\u0438\u0434\u0438\u0447\u0435\u0441\u043A\u0438\u0439 \u0430\u0434\u0440\u0435\u0441\"\n                    />\n                    @if (opfListEnum[selectOpf] !== opfListEnum.non_resident_legal) {\n                        <sc-suggestion-field\n                            *tuiDropdown\n                            [type]=\"suggestionType.address\"\n                        />\n                    }\n                </tui-textfield>\n                <tui-error formControlName=\"legalAddress\" />\n            </label>\n            <label tuiLabel>\n                \u041F\u043E\u0447\u0442\u043E\u0432\u044B\u0439 \u0430\u0434\u0440\u0435\u0441\n                <tui-textfield>\n                    <input\n                        tuiInput\n                        formControlName=\"postalAddress\"\n                        placeholder=\"\u041F\u043E\u0447\u0442\u043E\u0432\u044B\u0439 \u0430\u0434\u0440\u0435\u0441\"\n                    />\n                    @if (opfListEnum[selectOpf] !== opfListEnum.non_resident_legal) {\n                        <sc-suggestion-field\n                            *tuiDropdown\n                            [type]=\"suggestionType.address\"\n                        />\n                    }\n                </tui-textfield>\n                <tui-error formControlName=\"postalAddress\" />\n            </label>\n            <label tuiLabel>\n                \u0424\u0430\u043A\u0442\u0438\u0447\u0435\u0441\u043A\u0438\u0439 \u0430\u0434\u0440\u0435\u0441\n                <tui-textfield>\n                    <input\n                        tuiInput\n                        formControlName=\"actualAddress\"\n                        placeholder=\"\u0424\u0430\u043A\u0442\u0438\u0447\u0435\u0441\u043A\u0438\u0439 \u0430\u0434\u0440\u0435\u0441\"\n                    />\n                    @if (opfListEnum[selectOpf] !== opfListEnum.non_resident_legal) {\n                        <sc-suggestion-field\n                            *tuiDropdown\n                            [type]=\"suggestionType.address\"\n                        />\n                    }\n                </tui-textfield>\n                <tui-error formControlName=\"actualAddress\" />\n            </label>\n            @if (opfListEnum[selectOpf] === opfListEnum.legal) {\n                <label tuiLabel>\n                    \u041A\u041F\u041F \u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0446\u0438\u0438\n                    <tui-textfield>\n                        <input\n                            tuiInput\n                            [maskito]=\"kppMask\"\n                            autocomplete=\"kpp\"\n                            formControlName=\"kpp\"\n                            placeholder=\"\u041A\u041F\u041F \u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0446\u0438\u0438\"\n                        />\n                    </tui-textfield>\n                    <tui-error formControlName=\"kpp\" />\n                </label>\n            }\n        }\n        @if (opfListEnum[selectOpf] === opfListEnum.non_resident_legal) {\n            @let countries = countries$ | async;\n            @let countriesId = countriesId$ | async;\n            @if (countries) {\n                <label tuiLabel>\n                    \u0421\u0442\u0440\u0430\u043D\u0430 \u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0430\u0446\u0438\u0438 \u044E\u0440\u0438\u0434\u0438\u0447\u0435\u0441\u043A\u043E\u0433\u043E \u043B\u0438\u0446\u0430\n                    <tui-textfield [stringify]=\"stringify(countries ?? [])\">\n                        <input\n                            tuiComboBox\n                            formControlName=\"registrationCountryId\"\n                            autocapitalize=\"off\"\n                            autocomplete=\"off\"\n                            autocorrect=\"off\"\n                            placeholder=\"\u0421\u0442\u0440\u0430\u043D\u0430 \u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0430\u0446\u0438\u0438 \u044E\u0440\u0438\u0434\u0438\u0447\u0435\u0441\u043A\u043E\u0433\u043E \u043B\u0438\u0446\u0430\"\n                        />\n                        <tui-data-list-wrapper\n                            *tuiDropdown\n                            [itemContent]=\"stringify(countries ?? []) | tuiStringifyContent\"\n                            [items]=\"countriesId | tuiFilterByInput\"\n                        />\n                    </tui-textfield>\n                    <ng-template\n                        #CountryContent\n                        let-data\n                    >\n                        <div>{{ (getCountryNameById$(data) | async) ?? '' }}</div>\n                    </ng-template>\n                    <tui-error formControlName=\"registrationCountryId\" />\n                </label>\n            }\n            <ng-template #selectLoading> <tui-loader /> </ng-template>\n            <label tuiLabel>\n                \u0420\u0435\u0433\u0438\u0441\u0442\u0440\u0430\u0446\u0438\u043E\u043D\u043D\u044B\u0439 \u043D\u043E\u043C\u0435\u0440 \u044E\u0440\u0438\u0434\u0438\u0447\u0435\u0441\u043A\u043E\u0433\u043E \u043B\u0438\u0446\u0430\n                <tui-textfield>\n                    <input\n                        tuiInput\n                        formControlName=\"registrationNumber\"\n                        placeholder=\"\u0420\u0435\u0433\u0438\u0441\u0442\u0440\u0430\u0446\u0438\u043E\u043D\u043D\u044B\u0439 \u043D\u043E\u043C\u0435\u0440 \u044E\u0440\u0438\u0434\u0438\u0447\u0435\u0441\u043A\u043E\u0433\u043E \u043B\u0438\u0446\u0430\"\n                    />\n                </tui-textfield>\n                <tui-error formControlName=\"registrationNumber\" />\n            </label>\n            <label tuiLabel>\n                \u041D\u0430\u043B\u043E\u0433\u043E\u0432\u044B\u0439 \u043D\u043E\u043C\u0435\u0440 \u044E\u0440\u0438\u0434\u0438\u0447\u0435\u0441\u043A\u043E\u0433\u043E \u043B\u0438\u0446\u0430\n                <tui-textfield>\n                    <input\n                        tuiInput\n                        formControlName=\"taxNumber\"\n                        placeholder=\"\u041D\u0430\u043B\u043E\u0433\u043E\u0432\u044B\u0439 \u043D\u043E\u043C\u0435\u0440 \u044E\u0440\u0438\u0434\u0438\u0447\u0435\u0441\u043A\u043E\u0433\u043E \u043B\u0438\u0446\u0430\"\n                    />\n                </tui-textfield>\n                <tui-error formControlName=\"taxNumber\" />\n            </label>\n        }\n    </div>\n}\n", styles: ["tui-carousel{--tui-carousel-padding: .5rem}\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: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: TuiLabel, selector: "label[tuiLabel]" }, { kind: "component", type: i2.TuiTextfieldComponent, selector: "tui-textfield:not([multi])", inputs: ["content", "filler"] }, { kind: "directive", type: i3.TuiDropdownContent, selector: "ng-template[tuiDropdown]" }, { kind: "directive", type: i1$1.TuiSelectDirective, selector: "input[tuiSelect]" }, { kind: "component", type: i2.TuiDataListComponent, selector: "tui-data-list", inputs: ["emptyContent", "size"] }, { kind: "directive", type: i2.TuiOption, selector: "button[tuiOption], a[tuiOption], label[tuiOption]", inputs: ["disabled"] }, { kind: "directive", type: i2.TuiOptionWithValue, selector: "button[tuiOption][value], a[tuiOption][value], label[tuiOption][value]", inputs: ["disabled", "value"] }, { kind: "component", type: i2.TuiErrorComponent, selector: "tui-error", inputs: ["error"] }, { kind: "directive", type: i2.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"] }, { kind: "directive", type: i2.TuiInputDirective, selector: "input[tuiInput]", inputs: ["readOnly", "invalid", "focused", "state"] }, { kind: "component", type: ScSuggestionFieldComponent, selector: "sc-suggestion-field", inputs: ["type"], outputs: ["selectedClick"] }, { kind: "directive", type: MaskitoDirective, selector: "[maskito]", inputs: ["maskito", "maskitoElement"], outputs: ["maskitoChange", "maskitoElementChange"] }, { kind: "directive", type: i1$1.TuiComboBoxDirective, selector: "input[tuiComboBox]", inputs: ["strict", "matcher"] }, { kind: "component", type: TuiDataListWrapperComponent, selector: "tui-data-list-wrapper:not([labels])", inputs: ["items", "emptyContent", "size", "itemContent"], outputs: ["itemClick"] }, { kind: "component", type: TuiLoader, selector: "tui-loader", inputs: ["size", "inheritColor", "overlay", "textContent", "loading"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: TuiStringifyContentPipe, name: "tuiStringifyContent" }, { kind: "pipe", type: TuiFilterByInputPipe, name: "tuiFilterByInput" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.16", type: ScNewContragentFormComponent, isStandalone: true, selector: "sc-new-contragent-form", inputs: { opfControl: "opfControl" }, ngImport: i0, template: "@if (selectOpf$ | async; as selectOpf) {\n    <div\n        [formGroup]=\"form\"\n        class=\"flex flex-col gap-3 pb-1\"\n    >\n        <p class=\"text-lg font-bold\">\u041E\u0431\u0449\u0438\u0435 \u0434\u0430\u043D\u043D\u044B\u0435 \u043A\u043E\u043D\u0442\u0440\u0430\u0433\u0435\u043D\u0442\u0430</p>\n        <label tuiLabel>\n            \u0422\u0438\u043F \u043A\u043E\u043D\u0442\u0440\u0430\u0433\u0435\u043D\u0442\u0430 (\u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0446\u0438\u043E\u043D\u043D\u043E-\u043F\u0440\u0430\u0432\u043E\u0432\u0430\u044F \u0444\u043E\u0440\u043C\u0430)\n            <tui-textfield\n                tuiChevron\n                [content]=\"opfContent\"\n            >\n                <input\n                    tuiSelect\n                    formControlName=\"opf\"\n                    [readOnly]=\"!!opfControl\"\n                    placeholder=\"\u0422\u0438\u043F \u043A\u043E\u043D\u0442\u0440\u0430\u0433\u0435\u043D\u0442\u0430 (\u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0446\u0438\u043E\u043D\u043D\u043E-\u043F\u0440\u0430\u0432\u043E\u0432\u0430\u044F \u0444\u043E\u0440\u043C\u0430)\"\n                />\n                <tui-data-list *tuiDropdown>\n                    @for (item of getOpf$() | async; track item; let index = $index) {\n                        <button\n                            tuiOption\n                            [value]=\"item.slug\"\n                        >\n                            {{ item.name }}\n                        </button>\n                    }\n                </tui-data-list>\n            </tui-textfield>\n            <ng-template\n                #opfContent\n                let-data\n            >\n                <div>{{ (getOpfBySlug$(data) | async)?.name }}</div>\n            </ng-template>\n            <tui-error formControlName=\"opf\" />\n        </label>\n        @let nameLabel = opfListEnum[selectOpf] === opfListEnum.individual ? '\u0424.\u0418.\u041E.' : '\u041D\u0430\u0437\u0432\u0430\u043D\u0438\u0435 \u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0446\u0438\u0438';\n        <label tuiLabel>\n            {{ nameLabel }}\n            <tui-textfield>\n                <input\n                    tuiInput\n                    formControlName=\"name\"\n                    [placeholder]=\"nameLabel\"\n                />\n                @if (opfListEnum[selectOpf] === opfListEnum.individual) {\n                    <sc-suggestion-field\n                        *tuiDropdown\n                        [type]=\"suggestionType.fio\"\n                    />\n                } @else if (opfListEnum[selectOpf] !== opfListEnum.non_resident_legal) {\n                    <sc-suggestion-field\n                        *tuiDropdown\n                        [type]=\"suggestionType.organization\"\n                    />\n                }\n            </tui-textfield>\n            <tui-error formControlName=\"name\" />\n        </label>\n        @if (opfListEnum[selectOpf] > opfListEnum.individual) {\n            <label tuiLabel>\n                \u0418\u041D\u041D \u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0446\u0438\u0438 \u0438\u043B\u0438 \u0418\u041F\n                <tui-textfield>\n                    <input\n                        tuiInput\n                        [maskito]=\"innMask(selectOpf)\"\n                        autocomplete=\"inn\"\n                        formControlName=\"inn\"\n                        placeholder=\"\u0418\u041D\u041D \u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0446\u0438\u0438 \u0438\u043B\u0438 \u0418\u041F\"\n                    />\n                    <sc-suggestion-field\n                        *tuiDropdown\n                        [type]=\"suggestionType.organization\"\n                    />\n                </tui-textfield>\n                <tui-error formControlName=\"inn\" />\n            </label>\n            @if (opfListEnum[selectOpf] === opfListEnum.legal) {\n                <label tuiLabel>\n                    \u041A\u043E\u0434 \u041E\u041A\u041F\u041E\n                    <tui-textfield>\n                        <input\n                            tuiInput\n                            [maskito]=\"okpoMask(selectOpf)\"\n                            autocomplete=\"okpo\"\n                            formControlName=\"okpo\"\n                            placeholder=\"\u041A\u043E\u0434 \u041E\u041A\u041F\u041E\"\n                        />\n                    </tui-textfield>\n                    <tui-error formControlName=\"okpo\" />\n                </label>\n            }\n            <label tuiLabel>\n                \u0424.\u0418.\u041E. \u0440\u0443\u043A\u043E\u0432\u043E\u0434\u0438\u0442\u0435\u043B\u044F\n                <tui-textfield>\n                    <input\n                        tuiInput\n                        formControlName=\"directorName\"\n                        placeholder=\"\u0424.\u0418.\u041E. \u0440\u0443\u043A\u043E\u0432\u043E\u0434\u0438\u0442\u0435\u043B\u044F\"\n                    />\n                    <sc-suggestion-field\n                        *tuiDropdown\n                        [type]=\"suggestionType.fio\"\n                    />\n                </tui-textfield>\n                <tui-error formControlName=\"directorName\" />\n            </label>\n            <label tuiLabel>\n                \u0414\u043E\u043B\u0436\u043D\u043E\u0441\u0442\u044C \u0440\u0443\u043A\u043E\u0432\u043E\u0434\u0438\u0442\u0435\u043B\u044F\n                <tui-textfield>\n                    <input\n                        tuiInput\n                        formControlName=\"directorPosition\"\n                        placeholder=\"\u0414\u043E\u043B\u0436\u043D\u043E\u0441\u0442\u044C \u0440\u0443\u043A\u043E\u0432\u043E\u0434\u0438\u0442\u0435\u043B\u044F\"\n                    />\n                </tui-textfield>\n                <tui-error formControlName=\"directorPosition\" />\n            </label>\n            <label tuiLabel>\n                \u041E\u0441\u043D\u043E\u0432\u0430\u043D\u0438\u044F \u043F\u043E\u043B\u043D\u043E\u043C\u043E\u0447\u0438\u0439 \u0440\u0443\u043A\u043E\u0432\u043E\u0434\u0438\u0442\u0435\u043B\u044F\n                <tui-textfield>\n                    <input\n                        tuiInput\n                        formControlName=\"directorActsOn\"\n                        placeholder=\"\u041E\u0441\u043D\u043E\u0432\u0430\u043D\u0438\u044F \u043F\u043E\u043B\u043D\u043E\u043C\u043E\u0447\u0438\u0439 \u0440\u0443\u043A\u043E\u0432\u043E\u0434\u0438\u0442\u0435\u043B\u044F\"\n                    />\n                </tui-textfield>\n                <tui-error formControlName=\"directorActsOn\" />\n            </label>\n            <label tuiLabel>\n                \u042E\u0440\u0438\u0434\u0438\u0447\u0435\u0441\u043A\u0438\u0439 \u0430\u0434\u0440\u0435\u0441\n                <tui-textfield>\n                    <input\n                        tuiInput\n                        formControlName=\"legalAddress\"\n                        placeholder=\"\u042E\u0440\u0438\u0434\u0438\u0447\u0435\u0441\u043A\u0438\u0439 \u0430\u0434\u0440\u0435\u0441\"\n                    />\n                    @if (opfListEnum[selectOpf] !== opfListEnum.non_resident_legal) {\n                        <sc-suggestion-field\n                            *tuiDropdown\n                            [type]=\"suggestionType.address\"\n                        />\n                    }\n                </tui-textfield>\n                <tui-error formControlName=\"legalAddress\" />\n            </label>\n            <label tuiLabel>\n                \u041F\u043E\u0447\u0442\u043E\u0432\u044B\u0439 \u0430\u0434\u0440\u0435\u0441\n                <tui-textfield>\n                    <input\n                        tuiInput\n                        formControlName=\"postalAddress\"\n                        placeholder=\"\u041F\u043E\u0447\u0442\u043E\u0432\u044B\u0439 \u0430\u0434\u0440\u0435\u0441\"\n                    />\n                    @if (opfListEnum[selectOpf] !== opfListEnum.non_resident_legal) {\n                        <sc-suggestion-field\n                            *tuiDropdown\n                            [type]=\"suggestionType.address\"\n                        />\n                    }\n                </tui-textfield>\n                <tui-error formControlName=\"postalAddress\" />\n            </label>\n            <label tuiLabel>\n                \u0424\u0430\u043A\u0442\u0438\u0447\u0435\u0441\u043A\u0438\u0439 \u0430\u0434\u0440\u0435\u0441\n                <tui-textfield>\n                    <input\n                        tuiInput\n                        formControlName=\"actualAddress\"\n                        placeholder=\"\u0424\u0430\u043A\u0442\u0438\u0447\u0435\u0441\u043A\u0438\u0439 \u0430\u0434\u0440\u0435\u0441\"\n                    />\n                    @if (opfListEnum[selectOpf] !== opfListEnum.non_resident_legal) {\n                        <sc-suggestion-field\n                            *tuiDropdown\n                            [type]=\"suggestionType.address\"\n                        />\n                    }\n                </tui-textfield>\n                <tui-error formControlName=\"actualAddress\" />\n            </label>\n            @if (opfListEnum[selectOpf] === opfListEnum.legal) {\n                <label tuiLabel>\n                    \u041A\u041F\u041F \u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0446\u0438\u0438\n                    <tui-textfield>\n                        <input\n                            tuiInput\n                            [maskito]=\"kppMask\"\n                            autocomplete=\"kpp\"\n                            formControlName=\"kpp\"\n                            placeholder=\"\u041A\u041F\u041F \u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0446\u0438\u0438\"\n                        />\n                    </tui-textfield>\n                    <tui-error formControlName=\"kpp\" />\n                </label>\n            }\n        }\n        @if (opfListEnum[selectOpf] === opfListEnum.non_resident_legal) {\n            @let countries = countries$ | async;\n            @let countriesId = countriesId$ | async;\n            @if (countries) {\n                <label tuiLabel>\n                    \u0421\u0442\u0440\u0430\u043D\u0430 \u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0430\u0446\u0438\u0438 \u044E\u0440\u0438\u0434\u0438\u0447\u0435\u0441\u043A\u043E\u0433\u043E \u043B\u0438\u0446\u0430\n                    <tui-textfield [stringify]=\"stringify(countries ?? [])\">\n                        <input\n                            tuiComboBox\n                            formControlName=\"registrationCountryId\"\n                            autocapitalize=\"off\"\n                            autocomplete=\"off\"\n                            autocorrect=\"off\"\n                            placeholder=\"\u0421\u0442\u0440\u0430\u043D\u0430 \u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0430\u0446\u0438\u0438 \u044E\u0440\u0438\u0434\u0438\u0447\u0435\u0441\u043A\u043E\u0433\u043E \u043B\u0438\u0446\u0430\"\n                        />\n                        <tui-data-list-wrapper\n                            *tuiDropdown\n                            [itemContent]=\"stringify(countries ?? []) | tuiStringifyContent\"\n                            [items]=\"countriesId | tuiFilterByInput\"\n                        />\n                    </tui-textfield>\n                    <ng-template\n                        #CountryContent\n                        let-data\n                    >\n                        <div>{{ (getCountryNameById$(data) | async) ?? '' }}</div>\n                    </ng-template>\n                    <tui-error formControlName=\"registrationCountryId\" />\n                </label>\n            }\n            <ng-template #selectLoading> <tui-loader /> </ng-template>\n            <label tuiLabel>\n                \u0420\u0435\u0433\u0438\u0441\u0442\u0440\u0430\u0446\u0438\u043E\u043D\u043D\u044B\u0439 \u043D\u043E\u043C\u0435\u0440 \u044E\u0440\u0438\u0434\u0438\u0447\u0435\u0441\u043A\u043E\u0433\u043E \u043B\u0438\u0446\u0430\n                <tui-textfield>\n                    <input\n                        tuiInput\n                        formControlName=\"registrationNumber\"\n                        placeholder=\"\u0420\u0435\u0433\u0438\u0441\u0442\u0440\u0430\u0446\u0438\u043E\u043D\u043D\u044B\u0439 \u043D\u043E\u043C\u0435\u0440 \u044E\u0440\u0438\u0434\u0438\u0447\u0435\u0441\u043A\u043E\u0433\u043E \u043B\u0438\u0446\u0430\"\n                    />\n                </tui-textfield>\n                <tui-error formControlName=\"registrationNumber\" />\n            </label>\n            <label tuiLabel>\n                \u041D\u0430\u043B\u043E\u0433\u043E\u0432\u044B\u0439 \u043D\u043E\u043C\u0435\u0440 \u044E\u0440\u0438\u0434\u0438\u0447\u0435\u0441\u043A\u043E\u0433\u043E \u043B\u0438\u0446\u0430\n                <tui-textfield>\n                    <input\n                        tuiInput\n                        formControlName=\"taxNumber\"\n                        placeholder=\"\u041D\u0430\u043B\u043E\u0433\u043E\u0432\u044B\u0439 \u043D\u043E\u043C\u0435\u0440 \u044E\u0440\u0438\u0434\u0438\u0447\u0435\u0441\u043A\u043E\u0433\u043E \u043B\u0438\u0446\u0430\"\n                    />\n                </tui-textfield>\n                <tui-error formControlName=\"taxNumber\" />\n            </label>\n        }\n    </div>\n}\n", styles: ["tui-carousel{--tui-carousel-padding: .5rem}\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: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: TuiLabel, selector: "label[tuiLabel]" }, { kind: "component", type: i2.TuiTextfieldComponent, selector: "tui-textfield:not([multi])", inputs: ["content", "filler"] }, { kind: "directive", type: i3.TuiDropdownContent, selector: "ng-template[tuiDropdown]" }, { kind: "directive", type: i1$1.TuiSelectDirective, selector: "input[tuiSelect]" }, { kind: "directive", type: TuiChevron, selector: "[tuiChevron]", inputs: ["tuiChevron"] }, { kind: "component", type: i2.TuiDataListComponent, selector: "tui-data-list", inputs: ["emptyContent", "size"] }, { kind: "directive", type: i2.TuiOption, selector: "button[tuiOption], a[tuiOption], label[tuiOption]", inputs: ["disabled"] }, { kind: "directive", type: i2.TuiOptionWithValue, selector: "button[tuiOption][value], a[tuiOption][value], label[tuiOption][value]", inputs: ["disabled", "value"] }, { kind: "component", type: i2.TuiErrorComponent, selector: "tui-error", inputs: ["error"] }, { kind: "directive", type: i2.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"] }, { kind: "directive", type: i2.TuiInputDirective, selector: "input[tuiInput]", inputs: ["readOnly", "invalid", "focused", "state"] }, { kind: "component", type: ScSuggestionFieldComponent, selector: "sc-suggestion-field", inputs: ["type"], outputs: ["selectedClick"] }, { kind: "directive", type: MaskitoDirective, selector: "[maskito]", inputs: ["maskito", "maskitoElement"], outputs: ["maskitoChange", "maskitoElementChange"] }, { kind: "directive", type: i1$1.TuiComboBoxDirective, selector: "input[tuiComboBox]", inputs: ["strict", "matcher"] }, { kind: "component", type: TuiDataListWrapperComponent, selector: "tui-data-list-wrapper:not([labels])", inputs: ["items", "emptyContent", "size", "itemContent"], outputs: ["itemClick"] }, { kind: "component", type: TuiLoader, selector: "tui-loader", inputs: ["size", "inheritColor", "overlay", "textContent", "loading"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: TuiStringifyContentPipe, name: "tuiStringifyContent" }, { kind: "pipe", type: TuiFilterByInputPipe, name: "tuiFilterByInput" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: ScNewContragentFormComponent, decorators: [{
             type: Component,
@@ -2479,6 +2494,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImpo
                         TuiLabel,
                         TuiTextfield,
                         TuiSelect,
+                        TuiChevron,
                         TuiDataList,
                         TuiOption,
                         TuiError,
@@ -2631,11 +2647,14 @@ class ScAddressesSelectionFieldComponent {
         // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
         if (this.cityIdControl) {
             this.cityIdControl.setValue(city?.id.toString() ?? null);
-            tuiMarkControlAsTouchedAndValidate(this.cityIdControl);
+            // Помечаем поле затронутым только по действию пользователя, а не при программном сбросе во время инициализации формы.
+            if (city !== null || this.cityControl.touched) {
+                tuiMarkControlAsTouchedAndValidate(this.cityIdControl);
+            }
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: ScAddressesSelectionFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.16", type: ScAddressesSelectionFieldComponent, isStandalone: true, selector: "sc-addresses-selection-field", inputs: { canSelectCountry: { classPropertyName: "canSelectCountry", publicName: "canSelectCountry", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { canSelectCountry: "canSelectCountryChange" }, ngImport: i0, template: "@if (canSelectCountry()) {\n    <label\n        tuiLabel\n        class=\"mb-2\"\n    >\n        \u0421\u0442\u0440\u0430\u043D\u0430\n        @let countries = (countries$ | async) ?? [];\n        <tui-textfield [stringify]=\"stringify\">\n            <input\n                tuiComboBox\n                [formControl]=\"countryControl\"\n                autocapitalize=\"off\"\n                autocomplete=\"off\"\n                autocorrect=\"off\"\n                autocomplete=\"new-password\"\n                placeholder=\"\u0421\u0442\u0440\u0430\u043D\u0430\"\n            />\n            <tui-data-list-wrapper\n                *tuiDropdown\n                [itemContent]=\"stringify | tuiStringifyContent\"\n                [items]=\"countries | tuiFilterByInput\"\n            ></tui-data-list-wrapper>\n        </tui-textfield>\n        <tui-error [formControl]=\"countryControl\"></tui-error>\n    </label>\n}\n<div class=\"grid items-start gap-4 sm:grid-cols-2\">\n    <label tuiLabel>\n        \u0420\u0435\u0433\u0438\u043E\u043D\n        @let regions = (regions$ | async) ?? [];\n        <tui-textfield [stringify]=\"stringify\">\n            <input\n                tuiComboBox\n                [formControl]=\"regionControl\"\n                autocapitalize=\"off\"\n                autocomplete=\"off\"\n                autocorrect=\"off\"\n                autocomplete=\"new-password\"\n                placeholder=\"\u0420\u0435\u0433\u0438\u043E\u043D\"\n            />\n            <tui-data-list-wrapper\n                *tuiDropdown\n                [itemContent]=\"stringify | tuiStringifyContent\"\n                [items]=\"regions | tuiFilterByInput\"\n            ></tui-data-list-wrapper>\n        </tui-textfield>\n        <tui-error [formControl]=\"regionControl\"></tui-error>\n    </label>\n    <label tuiLabel>\n        \u0413\u043E\u0440\u043E\u0434\n        @let cities = (cities$ | async) ?? [];\n        <tui-textfield [stringify]=\"stringify\">\n            <input\n                tuiComboBox\n                [formControl]=\"cityControl\"\n                autocapitalize=\"off\"\n                autocomplete=\"off\"\n                autocorrect=\"off\"\n                autocomplete=\"new-password\"\n                placeholder=\"\u0413\u043E\u0440\u043E\u0434\"\n            />\n            <tui-data-list-wrapper\n                *tuiDropdown\n                [itemContent]=\"stringify | tuiStringifyContent\"\n                [items]=\"cities | tuiFilterByInput\"\n            ></tui-data-list-wrapper>\n        </tui-textfield>\n        <tui-error [formControl]=\"cityIdControl\"></tui-error>\n        @if (cityIdControl.untouched) {\n            <tui-error [formControl]=\"cityControl\"></tui-error>\n        }\n    </label>\n</div>\n", dependencies: [{ kind: "directive", type: TuiLabel, selector: "label[tuiLabel]" }, { kind: "component", type: i2.TuiTextfieldComponent, selector: "tui-textfield:not([multi])", inputs: ["content", "filler"] }, { kind: "directive", type: i3.TuiDropdownContent, selector: "ng-template[tuiDropdown]" }, { kind: "directive", type: i1$1.TuiComboBoxDirective, selector: "input[tuiComboBox]", inputs: ["strict", "matcher"] }, { 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: TuiDataListWrapperComponent, selector: "tui-data-list-wrapper:not([labels])", inputs: ["items", "emptyContent", "size", "itemContent"], outputs: ["itemClick"] }, { kind: "component", type: i2.TuiErrorComponent, selector: "tui-error", inputs: ["error"] }, { kind: "directive", type: i2.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"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: TuiFilterByInputPipe, name: "tuiFilterByInput" }, { kind: "pipe", type: TuiStringifyContentPipe, name: "tuiStringifyContent" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.16", type: ScAddressesSelectionFieldComponent, isStandalone: true, selector: "sc-addresses-selection-field", inputs: { canSelectCountry: { classPropertyName: "canSelectCountry", publicName: "canSelectCountry", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { canSelectCountry: "canSelectCountryChange" }, ngImport: i0, template: "@if (canSelectCountry()) {\n    <label\n        tuiLabel\n        class=\"mb-2\"\n    >\n        \u0421\u0442\u0440\u0430\u043D\u0430\n        @let countries = (countries$ | async) ?? [];\n        <tui-textfield\n            tuiChevron\n            [stringify]=\"stringify\"\n        >\n            <input\n                tuiComboBox\n                [formControl]=\"countryControl\"\n                autocapitalize=\"off\"\n                autocomplete=\"off\"\n                autocorrect=\"off\"\n                autocomplete=\"new-password\"\n                placeholder=\"\u0421\u0442\u0440\u0430\u043D\u0430\"\n            />\n            <tui-data-list-wrapper\n                *tuiDropdown\n                [itemContent]=\"stringify | tuiStringifyContent\"\n                [items]=\"countries | tuiFilterByInput\"\n            ></tui-data-list-wrapper>\n        </tui-textfield>\n        <tui-error [formControl]=\"countryControl\"></tui-error>\n    </label>\n}\n<div class=\"grid items-start gap-4 sm:grid-cols-2\">\n    <label tuiLabel>\n        \u0420\u0435\u0433\u0438\u043E\u043D\n        @let regions = (regions$ | async) ?? [];\n        <tui-textfield\n            tuiChevron\n            [stringify]=\"stringify\"\n        >\n            <input\n                tuiComboBox\n                [formControl]=\"regionControl\"\n                autocapitalize=\"off\"\n                autocomplete=\"off\"\n                autocorrect=\"off\"\n                autocomplete=\"new-password\"\n                placeholder=\"\u0420\u0435\u0433\u0438\u043E\u043D\"\n            />\n            <tui-data-list-wrapper\n                *tuiDropdown\n                [itemContent]=\"stringify | tuiStringifyContent\"\n                [items]=\"regions | tuiFilterByInput\"\n            ></tui-data-list-wrapper>\n        </tui-textfield>\n        <tui-error [formControl]=\"regionControl\"></tui-error>\n    </label>\n    <label tuiLabel>\n        \u0413\u043E\u0440\u043E\u0434\n        @let cities = (cities$ | async) ?? [];\n        <tui-textfield\n            tuiChevron\n            [stringify]=\"stringify\"\n        >\n            <input\n                tuiComboBox\n                [formControl]=\"cityControl\"\n                autocapitalize=\"off\"\n                autocomplete=\"off\"\n                autocorrect=\"off\"\n                autocomplete=\"new-password\"\n                placeholder=\"\u0413\u043E\u0440\u043E\u0434\"\n            />\n            <tui-data-list-wrapper\n                *tuiDropdown\n                [itemContent]=\"stringify | tuiStringifyContent\"\n                [items]=\"cities | tuiFilterByInput\"\n            ></tui-data-list-wrapper>\n        </tui-textfield>\n        <tui-error [formControl]=\"cityIdControl\"></tui-error>\n        @if (cityIdControl.untouched) {\n            <tui-error [formControl]=\"cityControl\"></tui-error>\n        }\n    </label>\n</div>\n", dependencies: [{ kind: "directive", type: TuiLabel, selector: "label[tuiLabel]" }, { kind: "component", type: i2.TuiTextfieldComponent, selector: "tui-textfield:not([multi])", inputs: ["content", "filler"] }, { kind: "directive", type: i3.TuiDropdownContent, selector: "ng-template[tuiDropdown]" }, { kind: "directive", type: i1$1.TuiComboBoxDirective, selector: "input[tuiComboBox]", inputs: ["strict", "matcher"] }, { kind: "directive", type: TuiChevron, selector: "[tuiChevron]", inputs: ["tuiChevron"] }, { 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: TuiDataListWrapperComponent, selector: "tui-data-list-wrapper:not([labels])", inputs: ["items", "emptyContent", "size", "itemContent"], outputs: ["itemClick"] }, { kind: "component", type: i2.TuiErrorComponent, selector: "tui-error", inputs: ["error"] }, { kind: "directive", type: i2.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"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: TuiFilterByInputPipe, name: "tuiFilterByInput" }, { kind: "pipe", type: TuiStringifyContentPipe, name: "tuiStringifyContent" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: ScAddressesSelectionFieldComponent, decorators: [{
             type: Component,
@@ -2643,6 +2662,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImpo
                         TuiLabel,
                         TuiTextfield,
                         TuiComboBox,
+                        TuiChevron,
                         FormsModule,
                         ReactiveFormsModule,
                         TuiDataListWrapperComponent,
@@ -2650,7 +2670,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImpo
                         AsyncPipe,
                         TuiFilterByInputPipe,
                         TuiStringifyContentPipe,
-                    ], template: "@if (canSelectCountry()) {\n    <label\n        tuiLabel\n        class=\"mb-2\"\n    >\n        \u0421\u0442\u0440\u0430\u043D\u0430\n        @let countries = (countries$ | async) ?? [];\n        <tui-textfield [stringify]=\"stringify\">\n            <input\n                tuiComboBox\n                [formControl]=\"countryControl\"\n                autocapitalize=\"off\"\n                autocomplete=\"off\"\n                autocorrect=\"off\"\n                autocomplete=\"new-password\"\n                placeholder=\"\u0421\u0442\u0440\u0430\u043D\u0430\"\n            />\n            <tui-data-list-wrapper\n                *tuiDropdown\n                [itemContent]=\"stringify | tuiStringifyContent\"\n                [items]=\"countries | tuiFilterByInput\"\n            ></tui-data-list-wrapper>\n        </tui-textfield>\n        <tui-error [formControl]=\"countryControl\"></tui-error>\n    </label>\n}\n<div class=\"grid items-start gap-4 sm:grid-cols-2\">\n    <label tuiLabel>\n        \u0420\u0435\u0433\u0438\u043E\u043D\n        @let regions = (regions$ | async) ?? [];\n        <tui-textfield [stringify]=\"stringify\">\n            <input\n                tuiComboBox\n                [formControl]=\"regionControl\"\n                autocapitalize=\"off\"\n                autocomplete=\"off\"\n                autocorrect=\"off\"\n                autocomplete=\"new-password\"\n                placeholder=\"\u0420\u0435\u0433\u0438\u043E\u043D\"\n            />\n            <tui-data-list-wrapper\n                *tuiDropdown\n                [itemContent]=\"stringify | tuiStringifyContent\"\n                [items]=\"regions | tuiFilterByInput\"\n            ></tui-data-list-wrapper>\n        </tui-textfield>\n        <tui-error [formControl]=\"regionControl\"></tui-error>\n    </label>\n    <label tuiLabel>\n        \u0413\u043E\u0440\u043E\u0434\n        @let cities = (cities$ | async) ?? [];\n        <tui-textfield [stringify]=\"stringify\">\n            <input\n                tuiComboBox\n                [formControl]=\"cityControl\"\n                autocapitalize=\"off\"\n                autocomplete=\"off\"\n                autocorrect=\"off\"\n                autocomplete=\"new-password\"\n                placeholder=\"\u0413\u043E\u0440\u043E\u0434\"\n            />\n            <tui-data-list-wrapper\n                *tuiDropdown\n                [itemContent]=\"stringify | tuiStringifyContent\"\n                [items]=\"cities | tuiFilterByInput\"\n            ></tui-data-list-wrapper>\n        </tui-textfield>\n        <tui-error [formControl]=\"cityIdControl\"></tui-error>\n        @if (cityIdControl.untouched) {\n            <tui-error [formControl]=\"cityControl\"></tui-error>\n        }\n    </label>\n</div>\n" }]
+                    ], template: "@if (canSelectCountry()) {\n    <label\n        tuiLabel\n        class=\"mb-2\"\n    >\n        \u0421\u0442\u0440\u0430\u043D\u0430\n        @let countries = (countries$ | async) ?? [];\n        <tui-textfield\n            tuiChevron\n            [stringify]=\"stringify\"\n        >\n            <input\n                tuiComboBox\n                [formControl]=\"countryControl\"\n                autocapitalize=\"off\"\n                autocomplete=\"off\"\n                autocorrect=\"off\"\n                autocomplete=\"new-password\"\n                placeholder=\"\u0421\u0442\u0440\u0430\u043D\u0430\"\n            />\n            <tui-data-list-wrapper\n                *tuiDropdown\n                [itemContent]=\"stringify | tuiStringifyContent\"\n                [items]=\"countries | tuiFilterByInput\"\n            ></tui-data-list-wrapper>\n        </tui-textfield>\n        <tui-error [formControl]=\"countryControl\"></tui-error>\n    </label>\n}\n<div class=\"grid items-start gap-4 sm:grid-cols-2\">\n    <label tuiLabel>\n        \u0420\u0435\u0433\u0438\u043E\u043D\n        @let regions = (regions$ | async) ?? [];\n        <tui-textfield\n            tuiChevron\n            [stringify]=\"stringify\"\n        >\n            <input\n                tuiComboBox\n                [formControl]=\"regionControl\"\n                autocapitalize=\"off\"\n                autocomplete=\"off\"\n                autocorrect=\"off\"\n                autocomplete=\"new-password\"\n                placeholder=\"\u0420\u0435\u0433\u0438\u043E\u043D\"\n            />\n            <tui-data-list-wrapper\n                *tuiDropdown\n                [itemContent]=\"stringify | tuiStringifyContent\"\n                [items]=\"regions | tuiFilterByInput\"\n            ></tui-data-list-wrapper>\n        </tui-textfield>\n        <tui-error [formControl]=\"regionControl\"></tui-error>\n    </label>\n    <label tuiLabel>\n        \u0413\u043E\u0440\u043E\u0434\n        @let cities = (cities$ | async) ?? [];\n        <tui-textfield\n            tuiChevron\n            [stringify]=\"stringify\"\n        >\n            <input\n                tuiComboBox\n                [formControl]=\"cityControl\"\n                autocapitalize=\"off\"\n                autocomplete=\"off\"\n                autocorrect=\"off\"\n                autocomplete=\"new-password\"\n                placeholder=\"\u0413\u043E\u0440\u043E\u0434\"\n            />\n            <tui-data-list-wrapper\n                *tuiDropdown\n                [itemContent]=\"stringify | tuiStringifyContent\"\n                [items]=\"cities | tuiFilterByInput\"\n            ></tui-data-list-wrapper>\n        </tui-textfield>\n        <tui-error [formControl]=\"cityIdControl\"></tui-error>\n        @if (cityIdControl.untouched) {\n            <tui-error [formControl]=\"cityControl\"></tui-error>\n        }\n    </label>\n</div>\n" }]
         }], ctorParameters: () => [], propDecorators: { canSelectCountry: [{ type: i0.Input, args: [{ isSignal: true, alias: "canSelectCountry", required: false }] }, { type: i0.Output, args: ["canSelectCountryChange"] }] } });
 
 /* eslint-disable lodash/prefer-lodash-method,@typescript-eslint/no-unnecessary-condition,class-methods-use-this,@typescript-eslint/no-explicit-any,@typescript-eslint/unbound-method,no-restricted-syntax */
@@ -2955,7 +2975,7 @@ class ScSignUpFormComponent {
         this.clickOfferEvent.emit();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: ScSignUpFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.16", type: ScSignUpFormComponent, isStandalone: true, selector: "sc-sign-up-form", outputs: { successAuth: "successAuth", clickOfferEvent: "clickOfferEvent" }, host: { attributes: { "ngSkipHydration": "true" } }, providers: [tuiDropdownOptionsProvider({ limitWidth: 'fixed' })], ngImport: i0, template: "@if (opfControl.value; as selectOpf) {\n    <form\n        [formGroup]=\"form\"\n        (ngSubmit)=\"onSubmit.next()\"\n        class=\"flex flex-col gap-5\"\n    >\n        @let isIndividual = opfListEnum[selectOpf] === opfListEnum.individual;\n        @if (!isIndividual && form.controls.contragent) {\n            <tui-stepper [(activeItemIndex)]=\"stepIndex\">\n                @for (_ of steps; track $index) {\n                    <button\n                        [stepState]=\"$index && !canNextStep($index) ? 'error' : 'pass'\"\n                        [attr.disabled]=\"$index && !canNextStep($index - 1) ? '' : null\"\n                        type=\"button\"\n                        tuiStep\n                    >\n                        {{ steps[$index] }}\n                    </button>\n                }\n            </tui-stepper>\n        }\n        <div\n            [class.!hidden]=\"stepIndex !== 0\"\n            class=\"flex flex-col gap-3\"\n        >\n            <label tuiLabel>\n                \u0422\u0438\u043F \u043A\u043B\u0438\u0435\u043D\u0442\u0430\n                <tui-textfield\n                    tuiChevron\n                    [content]=\"opfContent\"\n                >\n                    <input\n                        tuiSelect\n                        [formControl]=\"opfControl\"\n                        placeholder=\"\u0422\u0438\u043F \u043A\u043B\u0438\u0435\u043D\u0442\u0430\"\n                    />\n                    <tui-data-list *tuiDropdown>\n                        @for (item of getOpf$() | async; track item; let index = $index) {\n                            <button\n                                tuiOption\n                                [value]=\"item.slug\"\n                            >\n                                {{ item.name }}\n                            </button>\n                        }\n                    </tui-data-list>\n                </tui-textfield>\n            </label>\n            <ng-template\n                #opfContent\n                let-data\n            >\n                <div>{{ (getOpfBySlug$(data) | async)?.name }}</div>\n            </ng-template>\n\n            @let nameLabel = opfListEnum[selectOpf] === opfListEnum.individual ? '\u0424.\u0418.\u041E.' : '\u041D\u0430\u0437\u0432\u0430\u043D\u0438\u0435 \u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0446\u0438\u0438';\n            <label tuiLabel>\n                {{ nameLabel }}\n                <tui-textfield>\n                    <input\n                        tuiInput\n                        formControlName=\"name\"\n                        [placeholder]=\"nameLabel\"\n                    />\n                    @if (opfListEnum[selectOpf] === opfListEnum.individual) {\n                        <sc-suggestion-field\n                            *tuiDropdown\n                            [type]=\"suggestionType.fio\"\n                        />\n                    } @else if (opfListEnum[selectOpf] !== opfListEnum.non_resident_legal) {\n                        <sc-suggestion-field\n                            *tuiDropdown\n                            [type]=\"suggestionType.organization\"\n                            (selectedClick)=\"onSelectedOrganization($event)\"\n                        />\n                    }\n                </tui-textfield>\n                <tui-error formControlName=\"name\" />\n            </label>\n\n            <div class=\"grid items-start gap-5 sm:grid-cols-2\">\n                <sc-verification-phone-check-form [shouldBeBusy]=\"false\" />\n                <div>\n                    <label tuiLabel>\n                        \u0410\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B\n                        <tui-textfield>\n                            <input\n                                tuiInput\n                                formControlName=\"email\"\n                                placeholder=\"\u0410\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B\"\n                            />\n                            <sc-suggestion-field\n                                *tuiDropdown\n                                [type]=\"suggestionType.email\"\n                            />\n                        </tui-textfield>\n                        <tui-error formControlName=\"email\" />\n                    </label>\n                </div>\n            </div>\n            <sc-addresses-selection-field [canSelectCountry]=\"opfListEnum[selectOpf] === opfListEnum.non_resident_legal\" />\n            <div class=\"grid items-start gap-5 sm:grid-cols-2\">\n                <div>\n                    <label tuiLabel>\n                        \u041F\u0430\u0440\u043E\u043B\u044C\n                        <tui-textfield>\n                            <input\n                                tuiInput\n                                type=\"password\"\n                                formControlName=\"password\"\n                                autocomplete=\"new-password\"\n                                placeholder=\"\u041F\u0430\u0440\u043E\u043B\u044C\"\n                            />\n                            <tui-icon tuiPassword />\n                        </tui-textfield>\n                        <tui-error formControlName=\"password\" />\n                    </label>\n                </div>\n                <div>\n                    <label tuiLabel>\n                        \u041F\u043E\u0432\u0442\u043E\u0440 \u043F\u0430\u0440\u043E\u043B\u044F\n                        <tui-textfield>\n                            <input\n                                tuiInput\n                                type=\"password\"\n                                formControlName=\"passwordConfirm\"\n                                autocomplete=\"new-password\"\n                                placeholder=\"\u041F\u043E\u0432\u0442\u043E\u0440 \u043F\u0430\u0440\u043E\u043B\u044F\"\n                            />\n                            <tui-icon tuiPassword />\n                        </tui-textfield>\n                        <tui-error formControlName=\"passwordConfirm\" />\n                    </label>\n                </div>\n            </div>\n            <tui-error class=\"self-center\" />\n            <div class=\"grid items-start gap-5 sm:grid-cols-2\">\n                <label tuiLabel>\n                    <input\n                        tuiCheckbox\n                        type=\"checkbox\"\n                        formControlName=\"getNews\"\n                    />\n                    \u042F \u0445\u043E\u0447\u0443 \u043F\u043E\u043B\u0443\u0447\u0430\u0442\u044C \u0440\u0430\u0441\u0441\u044B\u043B\u043A\u0443 \u0421\u043D\u0430\u0431\u0446\u0435\u043D\u0442\u0440 \u043E \u0441\u043A\u0438\u0434\u043A\u0430\u0445 \u0438 \u043D\u043E\u0432\u043E\u0441\u0442\u044F\u0445 \u043F\u043E \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u0435.\n                </label>\n                <label tuiLabel>\n                    <input\n                        tuiCheckbox\n                        type=\"checkbox\"\n                        required=\"true\"\n                        formControlName=\"acceptRules\"\n                    />\n                    <div>\n                        <span>\n                            \u0420\u0435\u0433\u0438\u0441\u0442\u0440\u0438\u0440\u0443\u044F\u0441\u044C \u043D\u0430 \u0441\u0430\u0439\u0442\u0435, \u044F \u0441\u043E\u0433\u043B\u0430\u0448\u0430\u044E\u0441\u044C \u0441\n                            <a\n                                tuiLink\n                                [style.text-decoration-line]=\"'underline'\"\n                                (click)=\"$event.preventDefault(); onClickOffer()\"\n                            >\n                                \u0414\u043E\u0433\u043E\u0432\u043E\u0440\u043E\u043C \u043E\u0444\u0435\u0440\u0442\u044B\n                            </a>\n                            .\n                        </span>\n                        <span class=\"text-tui-negative\">*</span>\n                        <tui-error formControlName=\"acceptRules\" />\n                    </div>\n                </label>\n            </div>\n        </div>\n        @if (!isIndividual) {\n            <sc-new-contragent-form\n                [opfControl]=\"opfControl\"\n                [class.!hidden]=\"stepIndex !== 1\"\n            />\n            <div [class.!hidden]=\"stepIndex !== 2\">\n                @if (contacts) {\n                    <div class=\"flex flex-col gap-5 pb-1\">\n                        <p class=\"text-lg font-bold\">\u041A\u043E\u043D\u0442\u0430\u043A\u0442\u044B</p>\n                        @for (contact of contacts.controls; track contact; let index = $index; let count = $count; let last = $last) {\n                            <div class=\"flex flex-col gap-3\">\n                                <div class=\"flex h-10 items-center justify-between\">\n                                    <p class=\"font-bold\">\u041A\u043E\u043D\u0442\u0430\u043A\u0442\u043D\u043E\u0435 \u043B\u0438\u0446\u043E \u2116{{ index + 1 }}:</p>\n                                    @if (count - 1) {\n                                        <button\n                                            tuiIconButton\n                                            appearance=\"secondary\"\n                                            (click)=\"removeContactGroup(index)\"\n                                        >\n                                            <tui-icon icon=\"@tui.trash-2\" />\n                                        </button>\n                                    }\n                                </div>\n                                <sc-new-contact-form [form]=\"contact\" />\n                                @if (!last) {\n                                    <hr class=\"h-px w-full bg-tui-base-04\" />\n                                }\n                            </div>\n                        }\n                        <button\n                            tuiButton\n                            iconStart=\"@tui.plus\"\n                            appearance=\"secondary\"\n                            (click)=\"addContactGroup()\"\n                            type=\"button\"\n                            class=\"self-center\"\n                        >\n                            \u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u043A\u043E\u043D\u0442\u0430\u043A\u0442\n                        </button>\n                    </div>\n                }\n            </div>\n            <div [class.!hidden]=\"stepIndex !== 3\">\n                @if (bankAccounts) {\n                    <div class=\"flex flex-col gap-5 pb-1\">\n                        <p class=\"text-lg font-bold\">\u0411\u0430\u043D\u043A\u043E\u0432\u0441\u043A\u0438\u0435 \u0440\u0435\u043A\u0432\u0438\u0437\u0438\u0442\u044B</p>\n                        @for (bankAccount of bankAccounts.controls; track bankAccount; let index = $index; let count = $count; let last = $last) {\n                            <div class=\"flex flex-col gap-3\">\n                                <div class=\"flex h-12 items-center justify-between\">\n                                    <p class=\"font-bold\">\u0411\u0430\u043D\u043A\u043E\u0432\u0441\u043A\u0438\u0435 \u0440\u0435\u043A\u0432\u0438\u0437\u0438\u0442\u044B \u2116{{ index + 1 }}:</p>\n                                    @if (count - 1) {\n                                        <button\n                                            tuiIconButton\n                                            appearance=\"secondary\"\n                                            (click)=\"removeBankAccountGroup(index)\"\n                                        >\n                                            <tui-icon icon=\"@tui.trash-2\" />\n                                        </button>\n                                    }\n                                </div>\n                                @if (opfControl.value; as selectOpf) {\n                                    <sc-new-contragent-bank-account-form\n                                        [opf]=\"selectOpf\"\n                                        [form]=\"bankAccount\"\n                                    />\n                                }\n                                @if (!last) {\n                                    <hr class=\"h-px w-full bg-tui-base-04\" />\n                                }\n                            </div>\n                        }\n                        <button\n                            tuiButton\n                            iconStart=\"@tui.plus\"\n                            appearance=\"secondary\"\n                            (click)=\"addBankAccountGroup()\"\n                            type=\"button\"\n                            class=\"self-center\"\n                        >\n                            \u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u0431\u0430\u043D\u043A\u043E\u0432\u0441\u043A\u0438\u0435 \u0440\u0435\u043A\u0432\u0438\u0437\u0438\u0442\u044B\n                        </button>\n                    </div>\n                }\n            </div>\n        }\n        <div class=\"flex justify-center gap-2\">\n            @if (stepIndex > 0) {\n                <button\n                    tuiButton\n                    appearance=\"secondary\"\n                    type=\"button\"\n                    (click)=\"navigate(-1)\"\n                >\n                    \u041D\u0430\u0437\u0430\u0434\n                </button>\n            }\n            @if (isIndividual || (stepIndex === 2 && !form.controls.contragent.controls['bankAccounts']) || stepIndex === 3) {\n                <button\n                    tuiButton\n                    [disabled]=\"form.invalid\"\n                    [loading]=\"!!(loading$ | async)\"\n                    class=\"self-center\"\n                >\n                    \u0417\u0430\u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0438\u0440\u043E\u0432\u0430\u0442\u044C\u0441\u044F\n                </button>\n            } @else {\n                <button\n                    tuiButton\n                    type=\"button\"\n                    [disabled]=\"!canNextStep(stepIndex)\"\n                    (click)=\"navigate(1)\"\n                >\n                    \u0414\u0430\u043B\u0435\u0435\n                </button>\n            }\n        </div>\n    </form>\n}\n", dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { 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.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.CheckboxRequiredValidator, selector: "input[type=checkbox][required][formControlName],input[type=checkbox][required][formControl],input[type=checkbox][required][ngModel]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: TuiLabel, selector: "label[tuiLabel]" }, { kind: "component", type: i2.TuiTextfieldComponent, selector: "tui-textfield:not([multi])", inputs: ["content", "filler"] }, { kind: "directive", type: i3.TuiDropdownContent, selector: "ng-template[tuiDropdown]" }, { kind: "directive", type: i2.TuiInputDirective, selector: "input[tuiInput]", inputs: ["readOnly", "invalid", "focused", "state"] }, { kind: "component", type: TuiIcon, selector: "tui-icon:not([tuiBadge])", inputs: ["background"] }, { kind: "component", type: i2.TuiErrorComponent, selector: "tui-error", inputs: ["error"] }, { kind: "directive", type: i2.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"] }, { kind: "directive", type: TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "component", type: TuiButtonLoading, selector: "[tuiButton][loading],[tuiIconButton][loading]", inputs: ["size", "loading"] }, { kind: "component", type: TuiCheckbox, selector: "input[type=\"checkbox\"][tuiCheckbox]" }, { kind: "directive", type: TuiLink, selector: "a[tuiLink], button[tuiLink]" }, { kind: "component", type: i2.TuiDataListComponent, selector: "tui-data-list", inputs: ["emptyContent", "size"] }, { kind: "directive", type: i2.TuiOption, selector: "button[tuiOption], a[tuiOption], label[tuiOption]", inputs: ["disabled"] }, { kind: "directive", type: i2.TuiOptionWithValue, selector: "button[tuiOption][value], a[tuiOption][value], label[tuiOption][value]", inputs: ["disabled", "value"] }, { kind: "component", type: i1$1.TuiStepperComponent, selector: "tui-stepper", inputs: ["orientation", "activeItemIndex"], outputs: ["activeItemIndexChange"] }, { kind: "component", type: i1$1.TuiStep, selector: "button[tuiStep], a[tuiStep]:not([routerLink]), a[tuiStep][routerLink][routerLinkActive]", inputs: ["stepState", "icon"] }, { kind: "component", type: ScAddressesSelectionFieldComponent, selector: "sc-addresses-selection-field", inputs: ["canSelectCountry"], outputs: ["canSelectCountryChange"] }, { kind: "component", type: ScSuggestionFieldComponent, selector: "sc-suggestion-field", inputs: ["type"], outputs: ["selectedClick"] }, { kind: "component", type: ScVerificationPhoneCheckFormComponent, selector: "sc-verification-phone-check-form", inputs: ["showCodeFields", "readOnly", "pseudoInvalid", "required", "subtitle", "shouldBeBusy", "shouldBeConfirmed", "haveCode"], outputs: ["haveCodeChange", "isBusyChange", "isConfirmedChange"] }, { kind: "component", type: ScNewContragentFormComponent, selector: "sc-new-contragent-form", inputs: ["opfControl"] }, { kind: "component", type: ScNewContragentBankAccountsFormComponent, selector: "sc-new-contragent-bank-account-form", inputs: ["form", "opf"] }, { kind: "component", type: ScNewContactFormComponent, selector: "sc-new-contact-form", inputs: ["form"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.16", type: ScSignUpFormComponent, isStandalone: true, selector: "sc-sign-up-form", outputs: { successAuth: "successAuth", clickOfferEvent: "clickOfferEvent" }, host: { attributes: { "ngSkipHydration": "true" } }, providers: [tuiDropdownOptionsProvider({ limitWidth: 'fixed' })], ngImport: i0, template: "@if (opfControl.value; as selectOpf) {\n    <form\n        [formGroup]=\"form\"\n        (ngSubmit)=\"onSubmit.next()\"\n        class=\"flex flex-col gap-5\"\n    >\n        @let isIndividual = opfListEnum[selectOpf] === opfListEnum.individual;\n        @if (!isIndividual && form.controls.contragent) {\n            <tui-stepper [(activeItemIndex)]=\"stepIndex\">\n                @for (_ of steps; track $index) {\n                    <button\n                        [stepState]=\"$index && !canNextStep($index) ? 'error' : 'pass'\"\n                        [attr.disabled]=\"$index && !canNextStep($index - 1) ? '' : null\"\n                        type=\"button\"\n                        tuiStep\n                    >\n                        {{ steps[$index] }}\n                    </button>\n                }\n            </tui-stepper>\n        }\n        <div\n            [class.!hidden]=\"stepIndex !== 0\"\n            class=\"flex flex-col gap-3\"\n        >\n            <label tuiLabel>\n                \u0422\u0438\u043F \u043A\u043B\u0438\u0435\u043D\u0442\u0430\n                <tui-textfield\n                    tuiChevron\n                    [content]=\"opfContent\"\n                >\n                    <input\n                        tuiSelect\n                        [formControl]=\"opfControl\"\n                        placeholder=\"\u0422\u0438\u043F \u043A\u043B\u0438\u0435\u043D\u0442\u0430\"\n                    />\n                    <tui-data-list *tuiDropdown>\n                        @for (item of getOpf$() | async; track item; let index = $index) {\n                            <button\n                                tuiOption\n                                [value]=\"item.slug\"\n                            >\n                                {{ item.name }}\n                            </button>\n                        }\n                    </tui-data-list>\n                </tui-textfield>\n            </label>\n            <ng-template\n                #opfContent\n                let-data\n            >\n                <div>{{ (getOpfBySlug$(data) | async)?.name }}</div>\n            </ng-template>\n\n            @let nameLabel = opfListEnum[selectOpf] === opfListEnum.individual ? '\u0424.\u0418.\u041E.' : '\u041D\u0430\u0437\u0432\u0430\u043D\u0438\u0435 \u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0446\u0438\u0438';\n            <label tuiLabel>\n                {{ nameLabel }}\n                <tui-textfield>\n                    <input\n                        tuiInput\n                        formControlName=\"name\"\n                        [placeholder]=\"nameLabel\"\n                    />\n                    @if (opfListEnum[selectOpf] === opfListEnum.individual) {\n                        <sc-suggestion-field\n                            *tuiDropdown\n                            [type]=\"suggestionType.fio\"\n                        />\n                    } @else if (opfListEnum[selectOpf] !== opfListEnum.non_resident_legal) {\n                        <sc-suggestion-field\n                            *tuiDropdown\n                            [type]=\"suggestionType.organization\"\n                            (selectedClick)=\"onSelectedOrganization($event)\"\n                        />\n                    }\n                </tui-textfield>\n                <tui-error formControlName=\"name\" />\n            </label>\n\n            <div class=\"grid items-start gap-5 sm:grid-cols-2\">\n                <sc-verification-phone-check-form [shouldBeBusy]=\"false\" />\n                <div>\n                    <label tuiLabel>\n                        \u0410\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B\n                        <tui-textfield>\n                            <input\n                                tuiInput\n                                formControlName=\"email\"\n                                placeholder=\"\u0410\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B\"\n                            />\n                            <sc-suggestion-field\n                                *tuiDropdown\n                                [type]=\"suggestionType.email\"\n                            />\n                        </tui-textfield>\n                        <tui-error formControlName=\"email\" />\n                    </label>\n                </div>\n            </div>\n            <sc-addresses-selection-field [canSelectCountry]=\"opfListEnum[selectOpf] === opfListEnum.non_resident_legal\" />\n            <div class=\"grid items-start gap-5 sm:grid-cols-2\">\n                <div>\n                    <label tuiLabel>\n                        \u041F\u0430\u0440\u043E\u043B\u044C\n                        <tui-textfield>\n                            <input\n                                tuiInput\n                                type=\"password\"\n                                formControlName=\"password\"\n                                autocomplete=\"new-password\"\n                                placeholder=\"\u041F\u0430\u0440\u043E\u043B\u044C\"\n                            />\n                            <tui-icon tuiPassword />\n                        </tui-textfield>\n                        <tui-error formControlName=\"password\" />\n                    </label>\n                </div>\n                <div>\n                    <label tuiLabel>\n                        \u041F\u043E\u0432\u0442\u043E\u0440 \u043F\u0430\u0440\u043E\u043B\u044F\n                        <tui-textfield>\n                            <input\n                                tuiInput\n                                type=\"password\"\n                                formControlName=\"passwordConfirm\"\n                                autocomplete=\"new-password\"\n                                placeholder=\"\u041F\u043E\u0432\u0442\u043E\u0440 \u043F\u0430\u0440\u043E\u043B\u044F\"\n                            />\n                            <tui-icon tuiPassword />\n                        </tui-textfield>\n                        <tui-error formControlName=\"passwordConfirm\" />\n                    </label>\n                </div>\n            </div>\n            <tui-error\n                class=\"self-center\"\n                [formGroup]=\"form\"\n            />\n            <div class=\"grid items-start gap-5 sm:grid-cols-2\">\n                <label tuiLabel>\n                    <input\n                        tuiCheckbox\n                        type=\"checkbox\"\n                        formControlName=\"getNews\"\n                    />\n                    \u042F \u0445\u043E\u0447\u0443 \u043F\u043E\u043B\u0443\u0447\u0430\u0442\u044C \u0440\u0430\u0441\u0441\u044B\u043B\u043A\u0443 \u0421\u043D\u0430\u0431\u0446\u0435\u043D\u0442\u0440 \u043E \u0441\u043A\u0438\u0434\u043A\u0430\u0445 \u0438 \u043D\u043E\u0432\u043E\u0441\u0442\u044F\u0445 \u043F\u043E \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u0435.\n                </label>\n                <label tuiLabel>\n                    <input\n                        tuiCheckbox\n                        type=\"checkbox\"\n                        required=\"true\"\n                        formControlName=\"acceptRules\"\n                    />\n                    <div>\n                        <span>\n                            \u0420\u0435\u0433\u0438\u0441\u0442\u0440\u0438\u0440\u0443\u044F\u0441\u044C \u043D\u0430 \u0441\u0430\u0439\u0442\u0435, \u044F \u0441\u043E\u0433\u043B\u0430\u0448\u0430\u044E\u0441\u044C \u0441\n                            <a\n                                tuiLink\n                                [style.text-decoration-line]=\"'underline'\"\n                                (click)=\"$event.preventDefault(); onClickOffer()\"\n                            >\n                                \u0414\u043E\u0433\u043E\u0432\u043E\u0440\u043E\u043C \u043E\u0444\u0435\u0440\u0442\u044B\n                            </a>\n                            .\n                        </span>\n                        <span class=\"text-tui-negative\">*</span>\n                        <tui-error formControlName=\"acceptRules\" />\n                    </div>\n                </label>\n            </div>\n        </div>\n        @if (!isIndividual) {\n            <sc-new-contragent-form\n                [opfControl]=\"opfControl\"\n                [class.!hidden]=\"stepIndex !== 1\"\n            />\n            <div [class.!hidden]=\"stepIndex !== 2\">\n                @if (contacts) {\n                    <div class=\"flex flex-col gap-5 pb-1\">\n                        <p class=\"text-lg font-bold\">\u041A\u043E\u043D\u0442\u0430\u043A\u0442\u044B</p>\n                        @for (contact of contacts.controls; track contact; let index = $index; let count = $count; let last = $last) {\n                            <div class=\"flex flex-col gap-3\">\n                                <div class=\"flex h-10 items-center justify-between\">\n                                    <p class=\"font-bold\">\u041A\u043E\u043D\u0442\u0430\u043A\u0442\u043D\u043E\u0435 \u043B\u0438\u0446\u043E \u2116{{ index + 1 }}:</p>\n                                    @if (count - 1) {\n                                        <button\n                                            tuiIconButton\n                                            appearance=\"secondary\"\n                                            (click)=\"removeContactGroup(index)\"\n                                        >\n                                            <tui-icon icon=\"@tui.trash-2\" />\n                                        </button>\n                                    }\n                                </div>\n                                <sc-new-contact-form [form]=\"contact\" />\n                                @if (!last) {\n                                    <hr class=\"h-px w-full bg-tui-base-04\" />\n                                }\n                            </div>\n                        }\n                        <button\n                            tuiButton\n                            iconStart=\"@tui.plus\"\n                            appearance=\"secondary\"\n                            (click)=\"addContactGroup()\"\n                            type=\"button\"\n                            class=\"self-center\"\n                        >\n                            \u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u043A\u043E\u043D\u0442\u0430\u043A\u0442\n                        </button>\n                    </div>\n                }\n            </div>\n            <div [class.!hidden]=\"stepIndex !== 3\">\n                @if (bankAccounts) {\n                    <div class=\"flex flex-col gap-5 pb-1\">\n                        <p class=\"text-lg font-bold\">\u0411\u0430\u043D\u043A\u043E\u0432\u0441\u043A\u0438\u0435 \u0440\u0435\u043A\u0432\u0438\u0437\u0438\u0442\u044B</p>\n                        @for (bankAccount of bankAccounts.controls; track bankAccount; let index = $index; let count = $count; let last = $last) {\n                            <div class=\"flex flex-col gap-3\">\n                                <div class=\"flex h-12 items-center justify-between\">\n                                    <p class=\"font-bold\">\u0411\u0430\u043D\u043A\u043E\u0432\u0441\u043A\u0438\u0435 \u0440\u0435\u043A\u0432\u0438\u0437\u0438\u0442\u044B \u2116{{ index + 1 }}:</p>\n                                    @if (count - 1) {\n                                        <button\n                                            tuiIconButton\n                                            appearance=\"secondary\"\n                                            (click)=\"removeBankAccountGroup(index)\"\n                                        >\n                                            <tui-icon icon=\"@tui.trash-2\" />\n                                        </button>\n                                    }\n                                </div>\n                                @if (opfControl.value; as selectOpf) {\n                                    <sc-new-contragent-bank-account-form\n                                        [opf]=\"selectOpf\"\n                                        [form]=\"bankAccount\"\n                                    />\n                                }\n                                @if (!last) {\n                                    <hr class=\"h-px w-full bg-tui-base-04\" />\n                                }\n                            </div>\n                        }\n                        <button\n                            tuiButton\n                            iconStart=\"@tui.plus\"\n                            appearance=\"secondary\"\n                            (click)=\"addBankAccountGroup()\"\n                            type=\"button\"\n                            class=\"self-center\"\n                        >\n                            \u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u0431\u0430\u043D\u043A\u043E\u0432\u0441\u043A\u0438\u0435 \u0440\u0435\u043A\u0432\u0438\u0437\u0438\u0442\u044B\n                        </button>\n                    </div>\n                }\n            </div>\n        }\n        <div class=\"flex justify-center gap-2\">\n            @if (stepIndex > 0) {\n                <button\n                    tuiButton\n                    appearance=\"secondary\"\n                    type=\"button\"\n                    (click)=\"navigate(-1)\"\n                >\n                    \u041D\u0430\u0437\u0430\u0434\n                </button>\n            }\n            @if (isIndividual || (stepIndex === 2 && !form.controls.contragent.controls['bankAccounts']) || stepIndex === 3) {\n                <button\n                    tuiButton\n                    [disabled]=\"form.invalid\"\n                    [loading]=\"!!(loading$ | async)\"\n                    class=\"self-center\"\n                >\n                    \u0417\u0430\u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0438\u0440\u043E\u0432\u0430\u0442\u044C\u0441\u044F\n                </button>\n            } @else {\n                <button\n                    tuiButton\n                    type=\"button\"\n                    [disabled]=\"!canNextStep(stepIndex)\"\n                    (click)=\"navigate(1)\"\n                >\n                    \u0414\u0430\u043B\u0435\u0435\n                </button>\n            }\n        </div>\n    </form>\n}\n", dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { 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.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.CheckboxRequiredValidator, selector: "input[type=checkbox][required][formControlName],input[type=checkbox][required][formControl],input[type=checkbox][required][ngModel]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: TuiLabel, selector: "label[tuiLabel]" }, { kind: "component", type: i2.TuiTextfieldComponent, selector: "tui-textfield:not([multi])", inputs: ["content", "filler"] }, { kind: "directive", type: i3.TuiDropdownContent, selector: "ng-template[tuiDropdown]" }, { kind: "directive", type: i2.TuiInputDirective, selector: "input[tuiInput]", inputs: ["readOnly", "invalid", "focused", "state"] }, { kind: "component", type: TuiIcon, selector: "tui-icon:not([tuiBadge])", inputs: ["background"] }, { kind: "component", type: i2.TuiErrorComponent, selector: "tui-error", inputs: ["error"] }, { kind: "directive", type: i2.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"] }, { kind: "directive", type: TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "component", type: TuiButtonLoading, selector: "[tuiButton][loading],[tuiIconButton][loading]", inputs: ["size", "loading"] }, { kind: "component", type: TuiCheckbox, selector: "input[type=\"checkbox\"][tuiCheckbox]" }, { kind: "directive", type: TuiChevron, selector: "[tuiChevron]", inputs: ["tuiChevron"] }, { kind: "directive", type: TuiPassword, selector: "tui-icon[tuiPassword]" }, { kind: "directive", type: TuiLink, selector: "a[tuiLink], button[tuiLink]" }, { kind: "component", type: i2.TuiDataListComponent, selector: "tui-data-list", inputs: ["emptyContent", "size"] }, { kind: "directive", type: i2.TuiOption, selector: "button[tuiOption], a[tuiOption], label[tuiOption]", inputs: ["disabled"] }, { kind: "directive", type: i2.TuiOptionWithValue, selector: "button[tuiOption][value], a[tuiOption][value], label[tuiOption][value]", inputs: ["disabled", "value"] }, { kind: "directive", type: i1$1.TuiSelectDirective, selector: "input[tuiSelect]" }, { kind: "component", type: i1$1.TuiStepperComponent, selector: "tui-stepper", inputs: ["orientation", "activeItemIndex"], outputs: ["activeItemIndexChange"] }, { kind: "component", type: i1$1.TuiStep, selector: "button[tuiStep], a[tuiStep]:not([routerLink]), a[tuiStep][routerLink][routerLinkActive]", inputs: ["stepState", "icon"] }, { kind: "component", type: ScAddressesSelectionFieldComponent, selector: "sc-addresses-selection-field", inputs: ["canSelectCountry"], outputs: ["canSelectCountryChange"] }, { kind: "component", type: ScSuggestionFieldComponent, selector: "sc-suggestion-field", inputs: ["type"], outputs: ["selectedClick"] }, { kind: "component", type: ScVerificationPhoneCheckFormComponent, selector: "sc-verification-phone-check-form", inputs: ["showCodeFields", "readOnly", "pseudoInvalid", "required", "subtitle", "shouldBeBusy", "shouldBeConfirmed", "haveCode"], outputs: ["haveCodeChange", "isBusyChange", "isConfirmedChange"] }, { kind: "component", type: ScNewContragentFormComponent, selector: "sc-new-contragent-form", inputs: ["opfControl"] }, { kind: "component", type: ScNewContragentBankAccountsFormComponent, selector: "sc-new-contragent-bank-account-form", inputs: ["form", "opf"] }, { kind: "component", type: ScNewContactFormComponent, selector: "sc-new-contact-form", inputs: ["form"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: ScSignUpFormComponent, decorators: [{
             type: Component,
@@ -2970,8 +2990,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImpo
                         TuiButton,
                         TuiButtonLoading,
                         TuiCheckbox,
+                        TuiChevron,
+                        TuiPassword,
                         TuiLink,
                         TuiDataList,
+                        TuiSelect,
                         TuiStepper,
                         ScAddressesSelectionFieldComponent,
                         ScSuggestionFieldComponent,
@@ -2979,7 +3002,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImpo
                         ScNewContragentFormComponent,
                         ScNewContragentBankAccountsFormComponent,
                         ScNewContactFormComponent,
-                    ], template: "@if (opfControl.value; as selectOpf) {\n    <form\n        [formGroup]=\"form\"\n        (ngSubmit)=\"onSubmit.next()\"\n        class=\"flex flex-col gap-5\"\n    >\n        @let isIndividual = opfListEnum[selectOpf] === opfListEnum.individual;\n        @if (!isIndividual && form.controls.contragent) {\n            <tui-stepper [(activeItemIndex)]=\"stepIndex\">\n                @for (_ of steps; track $index) {\n                    <button\n                        [stepState]=\"$index && !canNextStep($index) ? 'error' : 'pass'\"\n                        [attr.disabled]=\"$index && !canNextStep($index - 1) ? '' : null\"\n                        type=\"button\"\n                        tuiStep\n                    >\n                        {{ steps[$index] }}\n                    </button>\n                }\n            </tui-stepper>\n        }\n        <div\n            [class.!hidden]=\"stepIndex !== 0\"\n            class=\"flex flex-col gap-3\"\n        >\n            <label tuiLabel>\n                \u0422\u0438\u043F \u043A\u043B\u0438\u0435\u043D\u0442\u0430\n                <tui-textfield\n                    tuiChevron\n                    [content]=\"opfContent\"\n                >\n                    <input\n                        tuiSelect\n                        [formControl]=\"opfControl\"\n                        placeholder=\"\u0422\u0438\u043F \u043A\u043B\u0438\u0435\u043D\u0442\u0430\"\n                    />\n                    <tui-data-list *tuiDropdown>\n                        @for (item of getOpf$() | async; track item; let index = $index) {\n                            <button\n                                tuiOption\n                                [value]=\"item.slug\"\n                            >\n                                {{ item.name }}\n                            </button>\n                        }\n                    </tui-data-list>\n                </tui-textfield>\n            </label>\n            <ng-template\n                #opfContent\n                let-data\n            >\n                <div>{{ (getOpfBySlug$(data) | async)?.name }}</div>\n            </ng-template>\n\n            @let nameLabel = opfListEnum[selectOpf] === opfListEnum.individual ? '\u0424.\u0418.\u041E.' : '\u041D\u0430\u0437\u0432\u0430\u043D\u0438\u0435 \u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0446\u0438\u0438';\n            <label tuiLabel>\n                {{ nameLabel }}\n                <tui-textfield>\n                    <input\n                        tuiInput\n                        formControlName=\"name\"\n                        [placeholder]=\"nameLabel\"\n                    />\n                    @if (opfListEnum[selectOpf] === opfListEnum.individual) {\n                        <sc-suggestion-field\n                            *tuiDropdown\n                            [type]=\"suggestionType.fio\"\n                        />\n                    } @else if (opfListEnum[selectOpf] !== opfListEnum.non_resident_legal) {\n                        <sc-suggestion-field\n                            *tuiDropdown\n                            [type]=\"suggestionType.organization\"\n                            (selectedClick)=\"onSelectedOrganization($event)\"\n                        />\n                    }\n                </tui-textfield>\n                <tui-error formControlName=\"name\" />\n            </label>\n\n            <div class=\"grid items-start gap-5 sm:grid-cols-2\">\n                <sc-verification-phone-check-form [shouldBeBusy]=\"false\" />\n                <div>\n                    <label tuiLabel>\n                        \u0410\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B\n                        <tui-textfield>\n                            <input\n                                tuiInput\n                                formControlName=\"email\"\n                                placeholder=\"\u0410\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B\"\n                            />\n                            <sc-suggestion-field\n                                *tuiDropdown\n                                [type]=\"suggestionType.email\"\n                            />\n                        </tui-textfield>\n                        <tui-error formControlName=\"email\" />\n                    </label>\n                </div>\n            </div>\n            <sc-addresses-selection-field [canSelectCountry]=\"opfListEnum[selectOpf] === opfListEnum.non_resident_legal\" />\n            <div class=\"grid items-start gap-5 sm:grid-cols-2\">\n                <div>\n                    <label tuiLabel>\n                        \u041F\u0430\u0440\u043E\u043B\u044C\n                        <tui-textfield>\n                            <input\n                                tuiInput\n                                type=\"password\"\n                                formControlName=\"password\"\n                                autocomplete=\"new-password\"\n                                placeholder=\"\u041F\u0430\u0440\u043E\u043B\u044C\"\n                            />\n                            <tui-icon tuiPassword />\n                        </tui-textfield>\n                        <tui-error formControlName=\"password\" />\n                    </label>\n                </div>\n                <div>\n                    <label tuiLabel>\n                        \u041F\u043E\u0432\u0442\u043E\u0440 \u043F\u0430\u0440\u043E\u043B\u044F\n                        <tui-textfield>\n                            <input\n                                tuiInput\n                                type=\"password\"\n                                formControlName=\"passwordConfirm\"\n                                autocomplete=\"new-password\"\n                                placeholder=\"\u041F\u043E\u0432\u0442\u043E\u0440 \u043F\u0430\u0440\u043E\u043B\u044F\"\n                            />\n                            <tui-icon tuiPassword />\n                        </tui-textfield>\n                        <tui-error formControlName=\"passwordConfirm\" />\n                    </label>\n                </div>\n            </div>\n            <tui-error class=\"self-center\" />\n            <div class=\"grid items-start gap-5 sm:grid-cols-2\">\n                <label tuiLabel>\n                    <input\n                        tuiCheckbox\n                        type=\"checkbox\"\n                        formControlName=\"getNews\"\n                    />\n                    \u042F \u0445\u043E\u0447\u0443 \u043F\u043E\u043B\u0443\u0447\u0430\u0442\u044C \u0440\u0430\u0441\u0441\u044B\u043B\u043A\u0443 \u0421\u043D\u0430\u0431\u0446\u0435\u043D\u0442\u0440 \u043E \u0441\u043A\u0438\u0434\u043A\u0430\u0445 \u0438 \u043D\u043E\u0432\u043E\u0441\u0442\u044F\u0445 \u043F\u043E \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u0435.\n                </label>\n                <label tuiLabel>\n                    <input\n                        tuiCheckbox\n                        type=\"checkbox\"\n                        required=\"true\"\n                        formControlName=\"acceptRules\"\n                    />\n                    <div>\n                        <span>\n                            \u0420\u0435\u0433\u0438\u0441\u0442\u0440\u0438\u0440\u0443\u044F\u0441\u044C \u043D\u0430 \u0441\u0430\u0439\u0442\u0435, \u044F \u0441\u043E\u0433\u043B\u0430\u0448\u0430\u044E\u0441\u044C \u0441\n                            <a\n                                tuiLink\n                                [style.text-decoration-line]=\"'underline'\"\n                                (click)=\"$event.preventDefault(); onClickOffer()\"\n                            >\n                                \u0414\u043E\u0433\u043E\u0432\u043E\u0440\u043E\u043C \u043E\u0444\u0435\u0440\u0442\u044B\n                            </a>\n                            .\n                        </span>\n                        <span class=\"text-tui-negative\">*</span>\n                        <tui-error formControlName=\"acceptRules\" />\n                    </div>\n                </label>\n            </div>\n        </div>\n        @if (!isIndividual) {\n            <sc-new-contragent-form\n                [opfControl]=\"opfControl\"\n                [class.!hidden]=\"stepIndex !== 1\"\n            />\n            <div [class.!hidden]=\"stepIndex !== 2\">\n                @if (contacts) {\n                    <div class=\"flex flex-col gap-5 pb-1\">\n                        <p class=\"text-lg font-bold\">\u041A\u043E\u043D\u0442\u0430\u043A\u0442\u044B</p>\n                        @for (contact of contacts.controls; track contact; let index = $index; let count = $count; let last = $last) {\n                            <div class=\"flex flex-col gap-3\">\n                                <div class=\"flex h-10 items-center justify-between\">\n                                    <p class=\"font-bold\">\u041A\u043E\u043D\u0442\u0430\u043A\u0442\u043D\u043E\u0435 \u043B\u0438\u0446\u043E \u2116{{ index + 1 }}:</p>\n                                    @if (count - 1) {\n                                        <button\n                                            tuiIconButton\n                                            appearance=\"secondary\"\n                                            (click)=\"removeContactGroup(index)\"\n                                        >\n                                            <tui-icon icon=\"@tui.trash-2\" />\n                                        </button>\n                                    }\n                                </div>\n                                <sc-new-contact-form [form]=\"contact\" />\n                                @if (!last) {\n                                    <hr class=\"h-px w-full bg-tui-base-04\" />\n                                }\n                            </div>\n                        }\n                        <button\n                            tuiButton\n                            iconStart=\"@tui.plus\"\n                            appearance=\"secondary\"\n                            (click)=\"addContactGroup()\"\n                            type=\"button\"\n                            class=\"self-center\"\n                        >\n                            \u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u043A\u043E\u043D\u0442\u0430\u043A\u0442\n                        </button>\n                    </div>\n                }\n            </div>\n            <div [class.!hidden]=\"stepIndex !== 3\">\n                @if (bankAccounts) {\n                    <div class=\"flex flex-col gap-5 pb-1\">\n                        <p class=\"text-lg font-bold\">\u0411\u0430\u043D\u043A\u043E\u0432\u0441\u043A\u0438\u0435 \u0440\u0435\u043A\u0432\u0438\u0437\u0438\u0442\u044B</p>\n                        @for (bankAccount of bankAccounts.controls; track bankAccount; let index = $index; let count = $count; let last = $last) {\n                            <div class=\"flex flex-col gap-3\">\n                                <div class=\"flex h-12 items-center justify-between\">\n                                    <p class=\"font-bold\">\u0411\u0430\u043D\u043A\u043E\u0432\u0441\u043A\u0438\u0435 \u0440\u0435\u043A\u0432\u0438\u0437\u0438\u0442\u044B \u2116{{ index + 1 }}:</p>\n                                    @if (count - 1) {\n                                        <button\n                                            tuiIconButton\n                                            appearance=\"secondary\"\n                                            (click)=\"removeBankAccountGroup(index)\"\n                                        >\n                                            <tui-icon icon=\"@tui.trash-2\" />\n                                        </button>\n                                    }\n                                </div>\n                                @if (opfControl.value; as selectOpf) {\n                                    <sc-new-contragent-bank-account-form\n                                        [opf]=\"selectOpf\"\n                                        [form]=\"bankAccount\"\n                                    />\n                                }\n                                @if (!last) {\n                                    <hr class=\"h-px w-full bg-tui-base-04\" />\n                                }\n                            </div>\n                        }\n                        <button\n                            tuiButton\n                            iconStart=\"@tui.plus\"\n                            appearance=\"secondary\"\n                            (click)=\"addBankAccountGroup()\"\n                            type=\"button\"\n                            class=\"self-center\"\n                        >\n                            \u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u0431\u0430\u043D\u043A\u043E\u0432\u0441\u043A\u0438\u0435 \u0440\u0435\u043A\u0432\u0438\u0437\u0438\u0442\u044B\n                        </button>\n                    </div>\n                }\n            </div>\n        }\n        <div class=\"flex justify-center gap-2\">\n            @if (stepIndex > 0) {\n                <button\n                    tuiButton\n                    appearance=\"secondary\"\n                    type=\"button\"\n                    (click)=\"navigate(-1)\"\n                >\n                    \u041D\u0430\u0437\u0430\u0434\n                </button>\n            }\n            @if (isIndividual || (stepIndex === 2 && !form.controls.contragent.controls['bankAccounts']) || stepIndex === 3) {\n                <button\n                    tuiButton\n                    [disabled]=\"form.invalid\"\n                    [loading]=\"!!(loading$ | async)\"\n                    class=\"self-center\"\n                >\n                    \u0417\u0430\u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0438\u0440\u043E\u0432\u0430\u0442\u044C\u0441\u044F\n                </button>\n            } @else {\n                <button\n                    tuiButton\n                    type=\"button\"\n                    [disabled]=\"!canNextStep(stepIndex)\"\n                    (click)=\"navigate(1)\"\n                >\n                    \u0414\u0430\u043B\u0435\u0435\n                </button>\n            }\n        </div>\n    </form>\n}\n" }]
+                    ], template: "@if (opfControl.value; as selectOpf) {\n    <form\n        [formGroup]=\"form\"\n        (ngSubmit)=\"onSubmit.next()\"\n        class=\"flex flex-col gap-5\"\n    >\n        @let isIndividual = opfListEnum[selectOpf] === opfListEnum.individual;\n        @if (!isIndividual && form.controls.contragent) {\n            <tui-stepper [(activeItemIndex)]=\"stepIndex\">\n                @for (_ of steps; track $index) {\n                    <button\n                        [stepState]=\"$index && !canNextStep($index) ? 'error' : 'pass'\"\n                        [attr.disabled]=\"$index && !canNextStep($index - 1) ? '' : null\"\n                        type=\"button\"\n                        tuiStep\n                    >\n                        {{ steps[$index] }}\n                    </button>\n                }\n            </tui-stepper>\n        }\n        <div\n            [class.!hidden]=\"stepIndex !== 0\"\n            class=\"flex flex-col gap-3\"\n        >\n            <label tuiLabel>\n                \u0422\u0438\u043F \u043A\u043B\u0438\u0435\u043D\u0442\u0430\n                <tui-textfield\n                    tuiChevron\n                    [content]=\"opfContent\"\n                >\n                    <input\n                        tuiSelect\n                        [formControl]=\"opfControl\"\n                        placeholder=\"\u0422\u0438\u043F \u043A\u043B\u0438\u0435\u043D\u0442\u0430\"\n                    />\n                    <tui-data-list *tuiDropdown>\n                        @for (item of getOpf$() | async; track item; let index = $index) {\n                            <button\n                                tuiOption\n                                [value]=\"item.slug\"\n                            >\n                                {{ item.name }}\n                            </button>\n                        }\n                    </tui-data-list>\n                </tui-textfield>\n            </label>\n            <ng-template\n                #opfContent\n                let-data\n            >\n                <div>{{ (getOpfBySlug$(data) | async)?.name }}</div>\n            </ng-template>\n\n            @let nameLabel = opfListEnum[selectOpf] === opfListEnum.individual ? '\u0424.\u0418.\u041E.' : '\u041D\u0430\u0437\u0432\u0430\u043D\u0438\u0435 \u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0446\u0438\u0438';\n            <label tuiLabel>\n                {{ nameLabel }}\n                <tui-textfield>\n                    <input\n                        tuiInput\n                        formControlName=\"name\"\n                        [placeholder]=\"nameLabel\"\n                    />\n                    @if (opfListEnum[selectOpf] === opfListEnum.individual) {\n                        <sc-suggestion-field\n                            *tuiDropdown\n                            [type]=\"suggestionType.fio\"\n                        />\n                    } @else if (opfListEnum[selectOpf] !== opfListEnum.non_resident_legal) {\n                        <sc-suggestion-field\n                            *tuiDropdown\n                            [type]=\"suggestionType.organization\"\n                            (selectedClick)=\"onSelectedOrganization($event)\"\n                        />\n                    }\n                </tui-textfield>\n                <tui-error formControlName=\"name\" />\n            </label>\n\n            <div class=\"grid items-start gap-5 sm:grid-cols-2\">\n                <sc-verification-phone-check-form [shouldBeBusy]=\"false\" />\n                <div>\n                    <label tuiLabel>\n                        \u0410\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B\n                        <tui-textfield>\n                            <input\n                                tuiInput\n                                formControlName=\"email\"\n                                placeholder=\"\u0410\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B\"\n                            />\n                            <sc-suggestion-field\n                                *tuiDropdown\n                                [type]=\"suggestionType.email\"\n                            />\n                        </tui-textfield>\n                        <tui-error formControlName=\"email\" />\n                    </label>\n                </div>\n            </div>\n            <sc-addresses-selection-field [canSelectCountry]=\"opfListEnum[selectOpf] === opfListEnum.non_resident_legal\" />\n            <div class=\"grid items-start gap-5 sm:grid-cols-2\">\n                <div>\n                    <label tuiLabel>\n                        \u041F\u0430\u0440\u043E\u043B\u044C\n                        <tui-textfield>\n                            <input\n                                tuiInput\n                                type=\"password\"\n                                formControlName=\"password\"\n                                autocomplete=\"new-password\"\n                                placeholder=\"\u041F\u0430\u0440\u043E\u043B\u044C\"\n                            />\n                            <tui-icon tuiPassword />\n                        </tui-textfield>\n                        <tui-error formControlName=\"password\" />\n                    </label>\n                </div>\n                <div>\n                    <label tuiLabel>\n                        \u041F\u043E\u0432\u0442\u043E\u0440 \u043F\u0430\u0440\u043E\u043B\u044F\n                        <tui-textfield>\n                            <input\n                                tuiInput\n                                type=\"password\"\n                                formControlName=\"passwordConfirm\"\n                                autocomplete=\"new-password\"\n                                placeholder=\"\u041F\u043E\u0432\u0442\u043E\u0440 \u043F\u0430\u0440\u043E\u043B\u044F\"\n                            />\n                            <tui-icon tuiPassword />\n                        </tui-textfield>\n                        <tui-error formControlName=\"passwordConfirm\" />\n                    </label>\n                </div>\n            </div>\n            <tui-error\n                class=\"self-center\"\n                [formGroup]=\"form\"\n            />\n            <div class=\"grid items-start gap-5 sm:grid-cols-2\">\n                <label tuiLabel>\n                    <input\n                        tuiCheckbox\n                        type=\"checkbox\"\n                        formControlName=\"getNews\"\n                    />\n                    \u042F \u0445\u043E\u0447\u0443 \u043F\u043E\u043B\u0443\u0447\u0430\u0442\u044C \u0440\u0430\u0441\u0441\u044B\u043B\u043A\u0443 \u0421\u043D\u0430\u0431\u0446\u0435\u043D\u0442\u0440 \u043E \u0441\u043A\u0438\u0434\u043A\u0430\u0445 \u0438 \u043D\u043E\u0432\u043E\u0441\u0442\u044F\u0445 \u043F\u043E \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u0435.\n                </label>\n                <label tuiLabel>\n                    <input\n                        tuiCheckbox\n                        type=\"checkbox\"\n                        required=\"true\"\n                        formControlName=\"acceptRules\"\n                    />\n                    <div>\n                        <span>\n                            \u0420\u0435\u0433\u0438\u0441\u0442\u0440\u0438\u0440\u0443\u044F\u0441\u044C \u043D\u0430 \u0441\u0430\u0439\u0442\u0435, \u044F \u0441\u043E\u0433\u043B\u0430\u0448\u0430\u044E\u0441\u044C \u0441\n                            <a\n                                tuiLink\n                                [style.text-decoration-line]=\"'underline'\"\n                                (click)=\"$event.preventDefault(); onClickOffer()\"\n                            >\n                                \u0414\u043E\u0433\u043E\u0432\u043E\u0440\u043E\u043C \u043E\u0444\u0435\u0440\u0442\u044B\n                            </a>\n                            .\n                        </span>\n                        <span class=\"text-tui-negative\">*</span>\n                        <tui-error formControlName=\"acceptRules\" />\n                    </div>\n                </label>\n            </div>\n        </div>\n        @if (!isIndividual) {\n            <sc-new-contragent-form\n                [opfControl]=\"opfControl\"\n                [class.!hidden]=\"stepIndex !== 1\"\n            />\n            <div [class.!hidden]=\"stepIndex !== 2\">\n                @if (contacts) {\n                    <div class=\"flex flex-col gap-5 pb-1\">\n                        <p class=\"text-lg font-bold\">\u041A\u043E\u043D\u0442\u0430\u043A\u0442\u044B</p>\n                        @for (contact of contacts.controls; track contact; let index = $index; let count = $count; let last = $last) {\n                            <div class=\"flex flex-col gap-3\">\n                                <div class=\"flex h-10 items-center justify-between\">\n                                    <p class=\"font-bold\">\u041A\u043E\u043D\u0442\u0430\u043A\u0442\u043D\u043E\u0435 \u043B\u0438\u0446\u043E \u2116{{ index + 1 }}:</p>\n                                    @if (count - 1) {\n                                        <button\n                                            tuiIconButton\n                                            appearance=\"secondary\"\n                                            (click)=\"removeContactGroup(index)\"\n                                        >\n                                            <tui-icon icon=\"@tui.trash-2\" />\n                                        </button>\n                                    }\n                                </div>\n                                <sc-new-contact-form [form]=\"contact\" />\n                                @if (!last) {\n                                    <hr class=\"h-px w-full bg-tui-base-04\" />\n                                }\n                            </div>\n                        }\n                        <button\n                            tuiButton\n                            iconStart=\"@tui.plus\"\n                            appearance=\"secondary\"\n                            (click)=\"addContactGroup()\"\n                            type=\"button\"\n                            class=\"self-center\"\n                        >\n                            \u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u043A\u043E\u043D\u0442\u0430\u043A\u0442\n                        </button>\n                    </div>\n                }\n            </div>\n            <div [class.!hidden]=\"stepIndex !== 3\">\n                @if (bankAccounts) {\n                    <div class=\"flex flex-col gap-5 pb-1\">\n                        <p class=\"text-lg font-bold\">\u0411\u0430\u043D\u043A\u043E\u0432\u0441\u043A\u0438\u0435 \u0440\u0435\u043A\u0432\u0438\u0437\u0438\u0442\u044B</p>\n                        @for (bankAccount of bankAccounts.controls; track bankAccount; let index = $index; let count = $count; let last = $last) {\n                            <div class=\"flex flex-col gap-3\">\n                                <div class=\"flex h-12 items-center justify-between\">\n                                    <p class=\"font-bold\">\u0411\u0430\u043D\u043A\u043E\u0432\u0441\u043A\u0438\u0435 \u0440\u0435\u043A\u0432\u0438\u0437\u0438\u0442\u044B \u2116{{ index + 1 }}:</p>\n                                    @if (count - 1) {\n                                        <button\n                                            tuiIconButton\n                                            appearance=\"secondary\"\n                                            (click)=\"removeBankAccountGroup(index)\"\n                                        >\n                                            <tui-icon icon=\"@tui.trash-2\" />\n                                        </button>\n                                    }\n                                </div>\n                                @if (opfControl.value; as selectOpf) {\n                                    <sc-new-contragent-bank-account-form\n                                        [opf]=\"selectOpf\"\n                                        [form]=\"bankAccount\"\n                                    />\n                                }\n                                @if (!last) {\n                                    <hr class=\"h-px w-full bg-tui-base-04\" />\n                                }\n                            </div>\n                        }\n                        <button\n                            tuiButton\n                            iconStart=\"@tui.plus\"\n                            appearance=\"secondary\"\n                            (click)=\"addBankAccountGroup()\"\n                            type=\"button\"\n                            class=\"self-center\"\n                        >\n                            \u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u0431\u0430\u043D\u043A\u043E\u0432\u0441\u043A\u0438\u0435 \u0440\u0435\u043A\u0432\u0438\u0437\u0438\u0442\u044B\n                        </button>\n                    </div>\n                }\n            </div>\n        }\n        <div class=\"flex justify-center gap-2\">\n            @if (stepIndex > 0) {\n                <button\n                    tuiButton\n                    appearance=\"secondary\"\n                    type=\"button\"\n                    (click)=\"navigate(-1)\"\n                >\n                    \u041D\u0430\u0437\u0430\u0434\n                </button>\n            }\n            @if (isIndividual || (stepIndex === 2 && !form.controls.contragent.controls['bankAccounts']) || stepIndex === 3) {\n                <button\n                    tuiButton\n                    [disabled]=\"form.invalid\"\n                    [loading]=\"!!(loading$ | async)\"\n                    class=\"self-center\"\n                >\n                    \u0417\u0430\u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0438\u0440\u043E\u0432\u0430\u0442\u044C\u0441\u044F\n                </button>\n            } @else {\n                <button\n                    tuiButton\n                    type=\"button\"\n                    [disabled]=\"!canNextStep(stepIndex)\"\n                    (click)=\"navigate(1)\"\n                >\n                    \u0414\u0430\u043B\u0435\u0435\n                </button>\n            }\n        </div>\n    </form>\n}\n" }]
         }], ctorParameters: () => [], propDecorators: { successAuth: [{ type: i0.Output, args: ["successAuth"] }], clickOfferEvent: [{ type: i0.Output, args: ["clickOfferEvent"] }] } });
 
 /**
@@ -3043,7 +3066,7 @@ class ScAccordionComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: ScAccordionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.16", type: ScAccordionComponent, isStandalone: true, selector: "sc-accordion", inputs: { showAddButton: { classPropertyName: "showAddButton", publicName: "showAddButton", isSignal: false, isRequired: false, transformFunction: null }, showDeleteButton: { classPropertyName: "showDeleteButton", publicName: "showDeleteButton", isSignal: false, isRequired: false, transformFunction: null }, showArrow: { classPropertyName: "showArrow", publicName: "showArrow", isSignal: false, isRequired: false, transformFunction: null }, open: { classPropertyName: "open", publicName: "open", isSignal: false, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: false, isRequired: false, transformFunction: null }, disabledButtons: { classPropertyName: "disabledButtons", publicName: "disabledButtons", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { addButtonClick: "addButtonClick", deleteButtonClick: "deleteButtonClick" }, host: { properties: { "class._has-add-button": "showAddButton", "class._has-delete-button": "showDeleteButton", "class._has-arrow": "showArrow", "attr.data-size": "size" } }, queries: [{ propertyName: "content", first: true, predicate: ScAccordionContentDirective, descendants: true }], viewQueries: [{ propertyName: "accordion", first: true, predicate: ["accordionBtn"], descendants: true, read: TuiAccordionDirective }], ngImport: i0, template: "<tui-accordion>\n    <button\n        [tuiAccordion]=\"open\"\n        #accordionBtn\n    >\n        <div class=\"flex grow justify-between\">\n            <div class=\"self-center font-bold\">\n                <ng-content />\n            </div>\n            @if (showAddButton || showDeleteButton) {\n                <div class=\"flex\">\n                    @if (showDeleteButton) {\n                        <button\n                            tuiIconButton\n                            size=\"m\"\n                            type=\"button\"\n                            [disabled]=\"disabledButtons()\"\n                            appearance=\"secondary\"\n                            (click)=\"$event.stopPropagation(); deleteButtonClick.emit()\"\n                        >\n                            <tui-icon icon=\"@tui.trash-2\" />\n                        </button>\n                    }\n                    @if (showAddButton) {\n                        <button\n                            tuiIconButton\n                            size=\"m\"\n                            type=\"button\"\n                            [disabled]=\"disabledButtons()\"\n                            appearance=\"secondary\"\n                            (click)=\"$event.stopPropagation(); addButtonClick.emit()\"\n                        >\n                            <tui-icon icon=\"@tui.plus\" />\n                        </button>\n                    }\n                </div>\n            }\n        </div>\n    </button>\n    <tui-expand>\n        @if (content) {\n            <tui-elastic-container>\n                <ng-container *polymorpheusOutlet=\"content as text\">\n                    {{ text }}\n                </ng-container>\n            </tui-elastic-container>\n        }\n    </tui-expand>\n</tui-accordion>\n", styles: ["::ng-deep sc-accordion tui-accordion-item>.t-wrapper .t-header{border-radius:.75rem;flex-direction:row-reverse;min-height:var(--tui-height-m);font:var(--tui-typography-body-m);padding:0 .5rem 0 1rem;gap:.75rem}:host[data-size=s] ::ng-deep sc-accordion tui-accordion-item>.t-wrapper .t-header{padding:0 .5rem 0 1rem;font:var(--tui-typography-body-s)}:host._has-arrow ::ng-deep sc-accordion tui-accordion-item>.t-wrapper .t-header{padding-left:.75rem}:host._has-add-button ::ng-deep sc-accordion tui-accordion-item>.t-wrapper .t-header,:host._has-delete-button ::ng-deep sc-accordion tui-accordion-item>.t-wrapper .t-header{padding-right:0}::ng-deep sc-accordion tui-accordion-item>.t-wrapper .t-header{background:var(--tui-background-base-alt)}::ng-deep sc-accordion tui-accordion-item>.t-wrapper .t-header_hoverable:hover:not([data-mode]){background:var(--tui-background-neutral-1-hover)!important}::ng-deep sc-accordion tui-accordion-item>.t-wrapper .t-header .t-icon{color:var(--tui-text-action)}:host:hover:not([data-mode]) ::ng-deep sc-accordion tui-accordion-item>.t-wrapper .t-header .t-icon{color:var(--tui-text-action)}::ng-deep sc-accordion tui-accordion-item>.t-wrapper .t-title{white-space:normal}:host._has-arrow ::ng-deep sc-accordion tui-accordion-item>.t-wrapper .t-title{margin-right:0}::ng-deep sc-accordion tui-accordion-item>.t-wrapper tui-expand>.t-wrapper>.t-content{padding-inline:0!important;padding-block:1rem}:host._has-arrow ::ng-deep sc-accordion tui-accordion-item>.t-wrapper tui-expand>.t-wrapper>.t-content,:host[data-size=s]:host._has-arrow ::ng-deep sc-accordion tui-accordion-item>.t-wrapper tui-expand>.t-wrapper>.t-content{padding-left:1rem!important}\n"], dependencies: [{ kind: "component", type: i1$1.TuiAccordionComponent, selector: "tui-accordion", inputs: ["closeOthers", "size"] }, { kind: "directive", type: i1$1.TuiAccordionDirective, selector: "button[tuiAccordion]", inputs: ["tuiAccordion"], outputs: ["tuiAccordionChange"] }, { kind: "component", type: i2$1.TuiExpand, selector: "tui-expand", inputs: ["expanded"] }, { kind: "directive", type: TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "component", type: TuiIcon, selector: "tui-icon:not([tuiBadge])", inputs: ["background"] }, { kind: "component", type: TuiElasticContainer, selector: "tui-elastic-container" }, { kind: "directive", type: PolymorpheusOutlet, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.16", type: ScAccordionComponent, isStandalone: true, selector: "sc-accordion", inputs: { showAddButton: { classPropertyName: "showAddButton", publicName: "showAddButton", isSignal: false, isRequired: false, transformFunction: null }, showDeleteButton: { classPropertyName: "showDeleteButton", publicName: "showDeleteButton", isSignal: false, isRequired: false, transformFunction: null }, showArrow: { classPropertyName: "showArrow", publicName: "showArrow", isSignal: false, isRequired: false, transformFunction: null }, open: { classPropertyName: "open", publicName: "open", isSignal: false, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: false, isRequired: false, transformFunction: null }, disabledButtons: { classPropertyName: "disabledButtons", publicName: "disabledButtons", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { addButtonClick: "addButtonClick", deleteButtonClick: "deleteButtonClick" }, host: { properties: { "class._has-add-button": "showAddButton", "class._has-delete-button": "showDeleteButton", "class._has-arrow": "showArrow", "attr.data-size": "size" } }, queries: [{ propertyName: "content", first: true, predicate: ScAccordionContentDirective, descendants: true }], viewQueries: [{ propertyName: "accordion", first: true, predicate: ["accordionBtn"], descendants: true, read: TuiAccordionDirective }], ngImport: i0, template: "<tui-accordion [size]=\"size\">\n    <button\n        [tuiAccordion]=\"open\"\n        #accordionBtn\n    >\n        <div class=\"flex grow justify-between\">\n            <div class=\"self-center font-bold\">\n                <ng-content />\n            </div>\n            @if (showAddButton || showDeleteButton) {\n                <div class=\"flex\">\n                    @if (showDeleteButton) {\n                        <button\n                            tuiIconButton\n                            size=\"m\"\n                            type=\"button\"\n                            [disabled]=\"disabledButtons()\"\n                            appearance=\"icon\"\n                            class=\"action-button\"\n                            (click)=\"$event.stopPropagation(); deleteButtonClick.emit()\"\n                        >\n                            <tui-icon icon=\"@tui.trash-2\" />\n                        </button>\n                    }\n                    @if (showAddButton) {\n                        <button\n                            tuiIconButton\n                            size=\"m\"\n                            type=\"button\"\n                            [disabled]=\"disabledButtons()\"\n                            appearance=\"icon\"\n                            class=\"action-button\"\n                            (click)=\"$event.stopPropagation(); addButtonClick.emit()\"\n                        >\n                            <tui-icon icon=\"@tui.plus\" />\n                        </button>\n                    }\n                </div>\n            }\n        </div>\n    </button>\n    <tui-expand>\n        @if (content) {\n            <tui-elastic-container>\n                <ng-container *polymorpheusOutlet=\"content as text\">\n                    {{ text }}\n                </ng-container>\n            </tui-elastic-container>\n        }\n    </tui-expand>\n</tui-accordion>\n", styles: ["::ng-deep sc-accordion{display:block}::ng-deep sc-accordion tui-accordion>[tuiAccordion]{gap:.75rem;min-block-size:var(--tui-height-m);padding:0 .5rem 0 1rem;font:var(--tui-typography-body-m);white-space:normal;border-radius:.75rem!important;background:var(--tui-background-base-alt)!important;box-shadow:none!important;-webkit-mask-image:none!important;mask-image:none!important}::ng-deep sc-accordion tui-accordion>[tuiAccordion]:hover:not([data-mode]){background:var(--tui-background-neutral-1-hover)!important}::ng-deep sc-accordion tui-accordion>[tuiAccordion]:after{order:-1;margin-inline-start:0!important;margin-inline-end:0;color:var(--tui-text-action)}::ng-deep sc-accordion tui-accordion>[tuiAccordion] .action-button{color:var(--tui-text-action)}::ng-deep sc-accordion[data-size=s] tui-accordion>[tuiAccordion]{padding:0 .5rem 0 1rem;font:var(--tui-typography-body-s)}::ng-deep sc-accordion._has-arrow tui-accordion>[tuiAccordion]{padding-left:.75rem}::ng-deep sc-accordion:not(._has-arrow) tui-accordion>[tuiAccordion]:after{display:none}::ng-deep sc-accordion._has-add-button tui-accordion>[tuiAccordion],::ng-deep sc-accordion._has-delete-button tui-accordion>[tuiAccordion]{padding-right:0}::ng-deep sc-accordion tui-accordion>tui-expand{padding:1rem 0;box-shadow:none}::ng-deep sc-accordion._has-arrow tui-accordion>tui-expand{padding-left:1rem}\n"], dependencies: [{ kind: "component", type: i1$1.TuiAccordionComponent, selector: "tui-accordion", inputs: ["closeOthers", "size"] }, { kind: "directive", type: i1$1.TuiAccordionDirective, selector: "button[tuiAccordion]", inputs: ["tuiAccordion"], outputs: ["tuiAccordionChange"] }, { kind: "component", type: i2$1.TuiExpand, selector: "tui-expand", inputs: ["expanded"] }, { kind: "directive", type: TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "component", type: TuiIcon, selector: "tui-icon:not([tuiBadge])", inputs: ["background"] }, { kind: "component", type: TuiElasticContainer, selector: "tui-elastic-container" }, { kind: "directive", type: PolymorpheusOutlet, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: ScAccordionComponent, decorators: [{
             type: Component,
@@ -3052,7 +3075,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImpo
                         '[class._has-delete-button]': 'showDeleteButton',
                         '[class._has-arrow]': 'showArrow',
                         '[attr.data-size]': 'size',
-                    }, changeDetection: ChangeDetectionStrategy.OnPush, template: "<tui-accordion>\n    <button\n        [tuiAccordion]=\"open\"\n        #accordionBtn\n    >\n        <div class=\"flex grow justify-between\">\n            <div class=\"self-center font-bold\">\n                <ng-content />\n            </div>\n            @if (showAddButton || showDeleteButton) {\n                <div class=\"flex\">\n                    @if (showDeleteButton) {\n                        <button\n                            tuiIconButton\n                            size=\"m\"\n                            type=\"button\"\n                            [disabled]=\"disabledButtons()\"\n                            appearance=\"secondary\"\n                            (click)=\"$event.stopPropagation(); deleteButtonClick.emit()\"\n                        >\n                            <tui-icon icon=\"@tui.trash-2\" />\n                        </button>\n                    }\n                    @if (showAddButton) {\n                        <button\n                            tuiIconButton\n                            size=\"m\"\n                            type=\"button\"\n                            [disabled]=\"disabledButtons()\"\n                            appearance=\"secondary\"\n                            (click)=\"$event.stopPropagation(); addButtonClick.emit()\"\n                        >\n                            <tui-icon icon=\"@tui.plus\" />\n                        </button>\n                    }\n                </div>\n            }\n        </div>\n    </button>\n    <tui-expand>\n        @if (content) {\n            <tui-elastic-container>\n                <ng-container *polymorpheusOutlet=\"content as text\">\n                    {{ text }}\n                </ng-container>\n            </tui-elastic-container>\n        }\n    </tui-expand>\n</tui-accordion>\n", styles: ["::ng-deep sc-accordion tui-accordion-item>.t-wrapper .t-header{border-radius:.75rem;flex-direction:row-reverse;min-height:var(--tui-height-m);font:var(--tui-typography-body-m);padding:0 .5rem 0 1rem;gap:.75rem}:host[data-size=s] ::ng-deep sc-accordion tui-accordion-item>.t-wrapper .t-header{padding:0 .5rem 0 1rem;font:var(--tui-typography-body-s)}:host._has-arrow ::ng-deep sc-accordion tui-accordion-item>.t-wrapper .t-header{padding-left:.75rem}:host._has-add-button ::ng-deep sc-accordion tui-accordion-item>.t-wrapper .t-header,:host._has-delete-button ::ng-deep sc-accordion tui-accordion-item>.t-wrapper .t-header{padding-right:0}::ng-deep sc-accordion tui-accordion-item>.t-wrapper .t-header{background:var(--tui-background-base-alt)}::ng-deep sc-accordion tui-accordion-item>.t-wrapper .t-header_hoverable:hover:not([data-mode]){background:var(--tui-background-neutral-1-hover)!important}::ng-deep sc-accordion tui-accordion-item>.t-wrapper .t-header .t-icon{color:var(--tui-text-action)}:host:hover:not([data-mode]) ::ng-deep sc-accordion tui-accordion-item>.t-wrapper .t-header .t-icon{color:var(--tui-text-action)}::ng-deep sc-accordion tui-accordion-item>.t-wrapper .t-title{white-space:normal}:host._has-arrow ::ng-deep sc-accordion tui-accordion-item>.t-wrapper .t-title{margin-right:0}::ng-deep sc-accordion tui-accordion-item>.t-wrapper tui-expand>.t-wrapper>.t-content{padding-inline:0!important;padding-block:1rem}:host._has-arrow ::ng-deep sc-accordion tui-accordion-item>.t-wrapper tui-expand>.t-wrapper>.t-content,:host[data-size=s]:host._has-arrow ::ng-deep sc-accordion tui-accordion-item>.t-wrapper tui-expand>.t-wrapper>.t-content{padding-left:1rem!important}\n"] }]
+                    }, changeDetection: ChangeDetectionStrategy.OnPush, template: "<tui-accordion [size]=\"size\">\n    <button\n        [tuiAccordion]=\"open\"\n        #accordionBtn\n    >\n        <div class=\"flex grow justify-between\">\n            <div class=\"self-center font-bold\">\n                <ng-content />\n            </div>\n            @if (showAddButton || showDeleteButton) {\n                <div class=\"flex\">\n                    @if (showDeleteButton) {\n                        <button\n                            tuiIconButton\n                            size=\"m\"\n                            type=\"button\"\n                            [disabled]=\"disabledButtons()\"\n                            appearance=\"icon\"\n                            class=\"action-button\"\n                            (click)=\"$event.stopPropagation(); deleteButtonClick.emit()\"\n                        >\n                            <tui-icon icon=\"@tui.trash-2\" />\n                        </button>\n                    }\n                    @if (showAddButton) {\n                        <button\n                            tuiIconButton\n                            size=\"m\"\n                            type=\"button\"\n                            [disabled]=\"disabledButtons()\"\n                            appearance=\"icon\"\n                            class=\"action-button\"\n                            (click)=\"$event.stopPropagation(); addButtonClick.emit()\"\n                        >\n                            <tui-icon icon=\"@tui.plus\" />\n                        </button>\n                    }\n                </div>\n            }\n        </div>\n    </button>\n    <tui-expand>\n        @if (content) {\n            <tui-elastic-container>\n                <ng-container *polymorpheusOutlet=\"content as text\">\n                    {{ text }}\n                </ng-container>\n            </tui-elastic-container>\n        }\n    </tui-expand>\n</tui-accordion>\n", styles: ["::ng-deep sc-accordion{display:block}::ng-deep sc-accordion tui-accordion>[tuiAccordion]{gap:.75rem;min-block-size:var(--tui-height-m);padding:0 .5rem 0 1rem;font:var(--tui-typography-body-m);white-space:normal;border-radius:.75rem!important;background:var(--tui-background-base-alt)!important;box-shadow:none!important;-webkit-mask-image:none!important;mask-image:none!important}::ng-deep sc-accordion tui-accordion>[tuiAccordion]:hover:not([data-mode]){background:var(--tui-background-neutral-1-hover)!important}::ng-deep sc-accordion tui-accordion>[tuiAccordion]:after{order:-1;margin-inline-start:0!important;margin-inline-end:0;color:var(--tui-text-action)}::ng-deep sc-accordion tui-accordion>[tuiAccordion] .action-button{color:var(--tui-text-action)}::ng-deep sc-accordion[data-size=s] tui-accordion>[tuiAccordion]{padding:0 .5rem 0 1rem;font:var(--tui-typography-body-s)}::ng-deep sc-accordion._has-arrow tui-accordion>[tuiAccordion]{padding-left:.75rem}::ng-deep sc-accordion:not(._has-arrow) tui-accordion>[tuiAccordion]:after{display:none}::ng-deep sc-accordion._has-add-button tui-accordion>[tuiAccordion],::ng-deep sc-accordion._has-delete-button tui-accordion>[tuiAccordion]{padding-right:0}::ng-deep sc-accordion tui-accordion>tui-expand{padding:1rem 0;box-shadow:none}::ng-deep sc-accordion._has-arrow tui-accordion>tui-expand{padding-left:1rem}\n"] }]
         }], propDecorators: { showAddButton: [{
                 type: Input
             }], showDeleteButton: [{
@@ -4236,7 +4259,7 @@ class ScNotifyWhenInStockDialogComponent {
         return ({ $implicit }) => itemsMap.get($implicit) ?? '';
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: ScNotifyWhenInStockDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.16", type: ScNotifyWhenInStockDialogComponent, isStandalone: true, selector: "sc-notify-when-in-stock-dialog", ngImport: i0, template: "<form\n    [formGroup]=\"form\"\n    (ngSubmit)=\"onSubmit$.next()\"\n    class=\"flex flex-col gap-6\"\n>\n    @let isPhoneVisible = requiredFields.includes('phone');\n    @let isEmailVisible = requiredFields.includes('email');\n    @let phoneTouched = form.get('phone')?.touched;\n    @let emailTouched = form.get('email')?.touched;\n    @let isShowError = form.errors?.['atLeastOneRequired'] && ((isPhoneVisible && phoneTouched) || (isEmailVisible && emailTouched));\n    @let user = user$ | async;\n    @let userPhone = user?.contacts?.phone;\n    @let isShowCodeFields = !!form.controls.phone.value && (user?.isGuest || userPhone?.value !== form.controls.phone.value || !userPhone?.isApproved);\n\n    @if (user) {\n        <div class=\"flex flex-col gap-3\">\n            <label tuiLabel>\n                <div\n                    [appearance]=\"isPhoneVisible && isEmailVisible ? 'outline-grayscale' : 'flat'\"\n                    [tuiAppearanceMode]=\"isShowError ? 'invalid' : null\"\n                    tuiCardLarge\n                    class=\"flex flex-col !gap-1\"\n                    [style.padding]=\"requiredFields.length <= 1 ? '0' : undefined\"\n                    [style.border-radius]=\"requiredFields.length <= 1 ? '0' : undefined\"\n                >\n                    @if (isPhoneVisible) {\n                        <sc-verification-phone-check-form\n                            [required]=\"!form.controls.email.value\"\n                            [showCodeFields]=\"isShowCodeFields\"\n                            [pseudoInvalid]=\"isShowError\"\n                        />\n                    }\n                    @if (isPhoneVisible && isEmailVisible) {\n                        <div\n                            class=\"tui-island__paragraph flex items-center gap-3\"\n                            [style.color]=\"isShowError ? 'var(--tui-text-negative)' : 'var(--tui-text-tertiary)'\"\n                        >\n                            <div\n                                class=\"h-px flex-1\"\n                                [style.background-color]=\"isShowError ? 'var(--tui-text-negative)' : 'var(--tui-text-tertiary)'\"\n                            ></div>\n                            <div class=\"text-body-s font-bold\">\n                                \u0418\u043B\u0438(\u0438)\n                                <tui-icon\n                                    [appearance]=\"isShowError ? 'negative' : 'grayscale'\"\n                                    tuiHintDirection=\"end\"\n                                    tuiHintAppearance=\"dark\"\n                                    tuiTooltip=\"\u041F\u043E\u0436\u0430\u043B\u0443\u0439\u0441\u0442\u0430, \u0443\u043A\u0430\u0436\u0438\u0442\u0435 \u043D\u043E\u043C\u0435\u0440 \u0442\u0435\u043B\u0435\u0444\u043E\u043D\u0430 \u0438\u043B\u0438(\u0438) \u0430\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B\"\n                                />\n                            </div>\n                            <div\n                                class=\"h-px flex-1\"\n                                [style.background-color]=\"isShowError ? 'var(--tui-text-negative)' : 'var(--tui-text-tertiary)'\"\n                            ></div>\n                        </div>\n                    }\n                    @if (isEmailVisible) {\n                        <label tuiLabel>\n                            \u0410\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B\n                            <tui-textfield>\n                                <input\n                                    tuiInput\n                                    [invalid]=\"!!isShowError\"\n                                    formControlName=\"email\"\n                                    placeholder=\"\u0410\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B\"\n                                />\n                                <sc-suggestion-field\n                                    *tuiDropdown\n                                    [type]=\"suggestionType.email\"\n                                />\n                            </tui-textfield>\n                            <tui-error formControlName=\"email\" />\n                        </label>\n                    }\n                </div>\n                @if (isShowError) {\n                    <tui-error error=\"\u041F\u043E\u0436\u0430\u043B\u0443\u0439\u0441\u0442\u0430, \u0443\u043A\u0430\u0436\u0438\u0442\u0435 \u043D\u043E\u043C\u0435\u0440 \u0442\u0435\u043B\u0435\u0444\u043E\u043D\u0430 \u0438(\u0438\u043B\u0438) \u0430\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B \u0434\u043B\u044F \u0443\u0432\u0435\u0434\u043E\u043C\u043B\u0435\u043D\u0438\u044F \u043E \u043F\u043E\u0441\u0442\u0443\u043F\u043B\u0435\u043D\u0438\u0438 \u0442\u043E\u0432\u0430\u0440\u0430\" />\n                }\n            </label>\n            <label tuiLabel>\n                \u0421\u043A\u043B\u0430\u0434\n                <tui-textfield\n                    tuiChevron\n                    [content]=\"warehouses() ? stringify(warehouses()!) : selectLoading\"\n                >\n                    <input\n                        tuiSelect\n                        formControlName=\"warehouseId\"\n                        placeholder=\"\u0421\u043A\u043B\u0430\u0434\"\n                    />\n                    <tui-data-list *tuiDropdown>\n                        @for (warehouse of warehouses(); track warehouse.id) {\n                            @if (!product.isWarehouseStockExist(warehouse.id)) {\n                                <button\n                                    tuiOption\n                                    [value]=\"warehouse.id\"\n                                >\n                                    {{ warehouse.name }}\n                                </button>\n                            }\n                        }\n                    </tui-data-list>\n                </tui-textfield>\n                <tui-error formControlName=\"warehouseId\" />\n                @if (isStock()) {\n                    <span [style.color]=\"'var(--tui-text-positive)'\"> \u0422\u043E\u0432\u0430\u0440 \u0438\u043C\u0435\u0435\u0442\u0441\u044F \u0432 \u043D\u0430\u043B\u0438\u0447\u0438\u0438 \u043D\u0430 \u0432\u044B\u0431\u0440\u0430\u043D\u043D\u043E\u043C \u0441\u043A\u043B\u0430\u0434\u0435 </span>\n                }\n            </label>\n            <ng-template #selectLoading> <tui-loader /> </ng-template>\n        </div>\n    }\n\n    <div class=\"flex flex-wrap items-center gap-3\">\n        <button\n            tuiButton\n            type=\"submit\"\n            [disabled]=\"form.invalid || isStock() || (isShowCodeFields && !form.controls.verificationCode.value && form.controls.phone.valid)\"\n            [loading]=\"loading()\"\n            iconStart=\"@tui.sc.send\"\n            class=\"self-center\"\n        >\n            \u041E\u0442\u043F\u0440\u0430\u0432\u0438\u0442\u044C\n        </button>\n        <div class=\"grow basis-60 text-body-s\">\n            \u041D\u0430\u0436\u0438\u043C\u0430\u044F \u043D\u0430 \u043A\u043D\u043E\u043F\u043A\u0443, \u0432\u044B \u0441\u043E\u0433\u043B\u0430\u0448\u0430\u0435\u0442\u0435\u0441\u044C \u0441\n            <button\n                tuiLink\n                [style.text-decoration-line]=\"'underline'\"\n                type=\"button\"\n                (click)=\"context.data.onClickOfferHandler()\"\n            >\n                \u041F\u043E\u043B\u0438\u0442\u0438\u043A\u043E\u0439 \u043A\u043E\u043D\u0444\u0438\u0434\u0435\u043D\u0446\u0438\u0430\u043B\u044C\u043D\u043E\u0441\u0442\u0438\n            </button>\n        </div>\n    </div>\n\n    @if (form.errors && form.errors['serverResponse']) {\n        <tui-error />\n    }\n</form>\n", dependencies: [{ kind: "component", type: ScVerificationPhoneCheckFormComponent, selector: "sc-verification-phone-check-form", inputs: ["showCodeFields", "readOnly", "pseudoInvalid", "required", "subtitle", "shouldBeBusy", "shouldBeConfirmed", "haveCode"], outputs: ["haveCodeChange", "isBusyChange", "isConfirmedChange"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { 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.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i2$3.TuiLabel, selector: "label[tuiLabel]" }, { kind: "component", type: i3$1.TuiTextfieldComponent, selector: "tui-textfield:not([multi])", inputs: ["content", "filler"] }, { kind: "directive", type: i3.TuiDropdownContent, selector: "ng-template[tuiDropdown]" }, { kind: "directive", type: i2.TuiInputDirective, selector: "input[tuiInput]", inputs: ["readOnly", "invalid", "focused", "state"] }, { kind: "directive", type: TuiLink, selector: "a[tuiLink], button[tuiLink]" }, { kind: "directive", type: TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "component", type: i2.TuiErrorComponent, selector: "tui-error", inputs: ["error"] }, { kind: "directive", type: i2.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"] }, { kind: "component", type: ScSuggestionFieldComponent, selector: "sc-suggestion-field", inputs: ["type"], outputs: ["selectedClick"] }, { kind: "component", type: i2.TuiDataListComponent, selector: "tui-data-list", inputs: ["emptyContent", "size"] }, { kind: "directive", type: i2.TuiOption, selector: "button[tuiOption], a[tuiOption], label[tuiOption]", inputs: ["disabled"] }, { kind: "directive", type: i2.TuiOptionWithValue, selector: "button[tuiOption][value], a[tuiOption][value], label[tuiOption][value]", inputs: ["disabled", "value"] }, { kind: "directive", type: i1$1.TuiSelectDirective, selector: "input[tuiSelect]" }, { kind: "component", type: TuiButtonLoading, selector: "[tuiButton][loading],[tuiIconButton][loading]", inputs: ["size", "loading"] }, { kind: "component", type: TuiLoader, selector: "tui-loader", inputs: ["size", "inheritColor", "overlay", "textContent", "loading"] }, { kind: "directive", type: TuiCardLarge, selector: "[tuiCardLarge]", inputs: ["tuiCardLarge"] }, { kind: "component", type: TuiIcon, selector: "tui-icon:not([tuiBadge])", inputs: ["background"] }, { kind: "directive", type: TuiTooltip, selector: "tui-icon[tuiTooltip]", inputs: ["size"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.16", type: ScNotifyWhenInStockDialogComponent, isStandalone: true, selector: "sc-notify-when-in-stock-dialog", ngImport: i0, template: "<form\n    [formGroup]=\"form\"\n    (ngSubmit)=\"onSubmit$.next()\"\n    class=\"flex flex-col gap-6\"\n>\n    @let isPhoneVisible = requiredFields.includes('phone');\n    @let isEmailVisible = requiredFields.includes('email');\n    @let phoneTouched = form.get('phone')?.touched;\n    @let emailTouched = form.get('email')?.touched;\n    @let isShowError = form.errors?.['atLeastOneRequired'] && ((isPhoneVisible && phoneTouched) || (isEmailVisible && emailTouched));\n    @let user = user$ | async;\n    @let userPhone = user?.contacts?.phone;\n    @let isShowCodeFields = !!form.controls.phone.value && (user?.isGuest || userPhone?.value !== form.controls.phone.value || !userPhone?.isApproved);\n\n    @if (user) {\n        <div class=\"flex flex-col gap-3\">\n            <label tuiLabel>\n                <div\n                    [appearance]=\"isPhoneVisible && isEmailVisible ? 'outline-grayscale' : 'flat'\"\n                    [tuiAppearanceMode]=\"isShowError ? 'invalid' : null\"\n                    tuiCardLarge\n                    class=\"flex flex-col !gap-1\"\n                    [style.padding]=\"requiredFields.length <= 1 ? '0' : undefined\"\n                    [style.border-radius]=\"requiredFields.length <= 1 ? '0' : undefined\"\n                >\n                    @if (isPhoneVisible) {\n                        <sc-verification-phone-check-form\n                            [required]=\"!form.controls.email.value\"\n                            [showCodeFields]=\"isShowCodeFields\"\n                            [pseudoInvalid]=\"isShowError\"\n                        />\n                    }\n                    @if (isPhoneVisible && isEmailVisible) {\n                        <div\n                            class=\"tui-island__paragraph flex items-center gap-3\"\n                            [style.color]=\"isShowError ? 'var(--tui-text-negative)' : 'var(--tui-text-tertiary)'\"\n                        >\n                            <div\n                                class=\"h-px flex-1\"\n                                [style.background-color]=\"isShowError ? 'var(--tui-text-negative)' : 'var(--tui-text-tertiary)'\"\n                            ></div>\n                            <div class=\"text-body-s font-bold\">\n                                \u0418\u043B\u0438(\u0438)\n                                <tui-icon\n                                    [appearance]=\"isShowError ? 'negative' : 'grayscale'\"\n                                    tuiHintDirection=\"end\"\n                                    tuiHintAppearance=\"dark\"\n                                    tuiTooltip=\"\u041F\u043E\u0436\u0430\u043B\u0443\u0439\u0441\u0442\u0430, \u0443\u043A\u0430\u0436\u0438\u0442\u0435 \u043D\u043E\u043C\u0435\u0440 \u0442\u0435\u043B\u0435\u0444\u043E\u043D\u0430 \u0438\u043B\u0438(\u0438) \u0430\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B\"\n                                />\n                            </div>\n                            <div\n                                class=\"h-px flex-1\"\n                                [style.background-color]=\"isShowError ? 'var(--tui-text-negative)' : 'var(--tui-text-tertiary)'\"\n                            ></div>\n                        </div>\n                    }\n                    @if (isEmailVisible) {\n                        <label tuiLabel>\n                            \u0410\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B\n                            <tui-textfield>\n                                <input\n                                    tuiInput\n                                    [invalid]=\"!!isShowError\"\n                                    formControlName=\"email\"\n                                    placeholder=\"\u0410\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B\"\n                                />\n                                <sc-suggestion-field\n                                    *tuiDropdown\n                                    [type]=\"suggestionType.email\"\n                                />\n                            </tui-textfield>\n                            <tui-error formControlName=\"email\" />\n                        </label>\n                    }\n                </div>\n                @if (isShowError) {\n                    <tui-error error=\"\u041F\u043E\u0436\u0430\u043B\u0443\u0439\u0441\u0442\u0430, \u0443\u043A\u0430\u0436\u0438\u0442\u0435 \u043D\u043E\u043C\u0435\u0440 \u0442\u0435\u043B\u0435\u0444\u043E\u043D\u0430 \u0438(\u0438\u043B\u0438) \u0430\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B \u0434\u043B\u044F \u0443\u0432\u0435\u0434\u043E\u043C\u043B\u0435\u043D\u0438\u044F \u043E \u043F\u043E\u0441\u0442\u0443\u043F\u043B\u0435\u043D\u0438\u0438 \u0442\u043E\u0432\u0430\u0440\u0430\" />\n                }\n            </label>\n            <label tuiLabel>\n                \u0421\u043A\u043B\u0430\u0434\n                <tui-textfield\n                    tuiChevron\n                    [content]=\"warehouses() ? stringify(warehouses()!) : selectLoading\"\n                >\n                    <input\n                        tuiSelect\n                        formControlName=\"warehouseId\"\n                        placeholder=\"\u0421\u043A\u043B\u0430\u0434\"\n                    />\n                    <tui-data-list *tuiDropdown>\n                        @for (warehouse of warehouses(); track warehouse.id) {\n                            @if (!product.isWarehouseStockExist(warehouse.id)) {\n                                <button\n                                    tuiOption\n                                    [value]=\"warehouse.id\"\n                                >\n                                    {{ warehouse.name }}\n                                </button>\n                            }\n                        }\n                    </tui-data-list>\n                </tui-textfield>\n                <tui-error formControlName=\"warehouseId\" />\n                @if (isStock()) {\n                    <span [style.color]=\"'var(--tui-text-positive)'\"> \u0422\u043E\u0432\u0430\u0440 \u0438\u043C\u0435\u0435\u0442\u0441\u044F \u0432 \u043D\u0430\u043B\u0438\u0447\u0438\u0438 \u043D\u0430 \u0432\u044B\u0431\u0440\u0430\u043D\u043D\u043E\u043C \u0441\u043A\u043B\u0430\u0434\u0435 </span>\n                }\n            </label>\n            <ng-template #selectLoading> <tui-loader /> </ng-template>\n        </div>\n    }\n\n    <div class=\"flex flex-wrap items-center gap-3\">\n        <button\n            tuiButton\n            type=\"submit\"\n            [disabled]=\"form.invalid || isStock() || (isShowCodeFields && !form.controls.verificationCode.value && form.controls.phone.valid)\"\n            [loading]=\"loading()\"\n            iconStart=\"@tui.sc.send\"\n            class=\"self-center\"\n        >\n            \u041E\u0442\u043F\u0440\u0430\u0432\u0438\u0442\u044C\n        </button>\n        <div class=\"grow basis-60 text-body-s\">\n            \u041D\u0430\u0436\u0438\u043C\u0430\u044F \u043D\u0430 \u043A\u043D\u043E\u043F\u043A\u0443, \u0432\u044B \u0441\u043E\u0433\u043B\u0430\u0448\u0430\u0435\u0442\u0435\u0441\u044C \u0441\n            <button\n                tuiLink\n                [style.text-decoration-line]=\"'underline'\"\n                type=\"button\"\n                (click)=\"context.data.onClickOfferHandler()\"\n            >\n                \u041F\u043E\u043B\u0438\u0442\u0438\u043A\u043E\u0439 \u043A\u043E\u043D\u0444\u0438\u0434\u0435\u043D\u0446\u0438\u0430\u043B\u044C\u043D\u043E\u0441\u0442\u0438\n            </button>\n        </div>\n    </div>\n\n    @if (form.errors && form.errors['serverResponse']) {\n        <tui-error [formGroup]=\"form\" />\n    }\n</form>\n", dependencies: [{ kind: "component", type: ScVerificationPhoneCheckFormComponent, selector: "sc-verification-phone-check-form", inputs: ["showCodeFields", "readOnly", "pseudoInvalid", "required", "subtitle", "shouldBeBusy", "shouldBeConfirmed", "haveCode"], outputs: ["haveCodeChange", "isBusyChange", "isConfirmedChange"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { 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.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i2$3.TuiLabel, selector: "label[tuiLabel]" }, { kind: "component", type: i3$1.TuiTextfieldComponent, selector: "tui-textfield:not([multi])", inputs: ["content", "filler"] }, { kind: "directive", type: i3.TuiDropdownContent, selector: "ng-template[tuiDropdown]" }, { kind: "directive", type: i2.TuiInputDirective, selector: "input[tuiInput]", inputs: ["readOnly", "invalid", "focused", "state"] }, { kind: "directive", type: TuiChevron, selector: "[tuiChevron]", inputs: ["tuiChevron"] }, { kind: "directive", type: TuiLink, selector: "a[tuiLink], button[tuiLink]" }, { kind: "directive", type: TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "component", type: i2.TuiErrorComponent, selector: "tui-error", inputs: ["error"] }, { kind: "directive", type: i2.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"] }, { kind: "component", type: ScSuggestionFieldComponent, selector: "sc-suggestion-field", inputs: ["type"], outputs: ["selectedClick"] }, { kind: "component", type: i2.TuiDataListComponent, selector: "tui-data-list", inputs: ["emptyContent", "size"] }, { kind: "directive", type: i2.TuiOption, selector: "button[tuiOption], a[tuiOption], label[tuiOption]", inputs: ["disabled"] }, { kind: "directive", type: i2.TuiOptionWithValue, selector: "button[tuiOption][value], a[tuiOption][value], label[tuiOption][value]", inputs: ["disabled", "value"] }, { kind: "directive", type: i1$1.TuiSelectDirective, selector: "input[tuiSelect]" }, { kind: "component", type: TuiButtonLoading, selector: "[tuiButton][loading],[tuiIconButton][loading]", inputs: ["size", "loading"] }, { kind: "component", type: TuiLoader, selector: "tui-loader", inputs: ["size", "inheritColor", "overlay", "textContent", "loading"] }, { kind: "directive", type: TuiCardLarge, selector: "[tuiCardLarge]", inputs: ["tuiCardLarge"] }, { kind: "component", type: TuiIcon, selector: "tui-icon:not([tuiBadge])", inputs: ["background"] }, { kind: "directive", type: TuiTooltip, selector: "tui-icon[tuiTooltip]", inputs: ["size"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: ScNotifyWhenInStockDialogComponent, decorators: [{
             type: Component,
@@ -4245,6 +4268,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImpo
                         FormsModule,
                         ReactiveFormsModule,
                         TuiInput,
+                        TuiChevron,
                         TuiLink,
                         TuiButton,
                         TuiLabel,
@@ -4259,7 +4283,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImpo
                         TuiCardLarge,
                         TuiIcon,
                         TuiTooltip,
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<form\n    [formGroup]=\"form\"\n    (ngSubmit)=\"onSubmit$.next()\"\n    class=\"flex flex-col gap-6\"\n>\n    @let isPhoneVisible = requiredFields.includes('phone');\n    @let isEmailVisible = requiredFields.includes('email');\n    @let phoneTouched = form.get('phone')?.touched;\n    @let emailTouched = form.get('email')?.touched;\n    @let isShowError = form.errors?.['atLeastOneRequired'] && ((isPhoneVisible && phoneTouched) || (isEmailVisible && emailTouched));\n    @let user = user$ | async;\n    @let userPhone = user?.contacts?.phone;\n    @let isShowCodeFields = !!form.controls.phone.value && (user?.isGuest || userPhone?.value !== form.controls.phone.value || !userPhone?.isApproved);\n\n    @if (user) {\n        <div class=\"flex flex-col gap-3\">\n            <label tuiLabel>\n                <div\n                    [appearance]=\"isPhoneVisible && isEmailVisible ? 'outline-grayscale' : 'flat'\"\n                    [tuiAppearanceMode]=\"isShowError ? 'invalid' : null\"\n                    tuiCardLarge\n                    class=\"flex flex-col !gap-1\"\n                    [style.padding]=\"requiredFields.length <= 1 ? '0' : undefined\"\n                    [style.border-radius]=\"requiredFields.length <= 1 ? '0' : undefined\"\n                >\n                    @if (isPhoneVisible) {\n                        <sc-verification-phone-check-form\n                            [required]=\"!form.controls.email.value\"\n                            [showCodeFields]=\"isShowCodeFields\"\n                            [pseudoInvalid]=\"isShowError\"\n                        />\n                    }\n                    @if (isPhoneVisible && isEmailVisible) {\n                        <div\n                            class=\"tui-island__paragraph flex items-center gap-3\"\n                            [style.color]=\"isShowError ? 'var(--tui-text-negative)' : 'var(--tui-text-tertiary)'\"\n                        >\n                            <div\n                                class=\"h-px flex-1\"\n                                [style.background-color]=\"isShowError ? 'var(--tui-text-negative)' : 'var(--tui-text-tertiary)'\"\n                            ></div>\n                            <div class=\"text-body-s font-bold\">\n                                \u0418\u043B\u0438(\u0438)\n                                <tui-icon\n                                    [appearance]=\"isShowError ? 'negative' : 'grayscale'\"\n                                    tuiHintDirection=\"end\"\n                                    tuiHintAppearance=\"dark\"\n                                    tuiTooltip=\"\u041F\u043E\u0436\u0430\u043B\u0443\u0439\u0441\u0442\u0430, \u0443\u043A\u0430\u0436\u0438\u0442\u0435 \u043D\u043E\u043C\u0435\u0440 \u0442\u0435\u043B\u0435\u0444\u043E\u043D\u0430 \u0438\u043B\u0438(\u0438) \u0430\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B\"\n                                />\n                            </div>\n                            <div\n                                class=\"h-px flex-1\"\n                                [style.background-color]=\"isShowError ? 'var(--tui-text-negative)' : 'var(--tui-text-tertiary)'\"\n                            ></div>\n                        </div>\n                    }\n                    @if (isEmailVisible) {\n                        <label tuiLabel>\n                            \u0410\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B\n                            <tui-textfield>\n                                <input\n                                    tuiInput\n                                    [invalid]=\"!!isShowError\"\n                                    formControlName=\"email\"\n                                    placeholder=\"\u0410\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B\"\n                                />\n                                <sc-suggestion-field\n                                    *tuiDropdown\n                                    [type]=\"suggestionType.email\"\n                                />\n                            </tui-textfield>\n                            <tui-error formControlName=\"email\" />\n                        </label>\n                    }\n                </div>\n                @if (isShowError) {\n                    <tui-error error=\"\u041F\u043E\u0436\u0430\u043B\u0443\u0439\u0441\u0442\u0430, \u0443\u043A\u0430\u0436\u0438\u0442\u0435 \u043D\u043E\u043C\u0435\u0440 \u0442\u0435\u043B\u0435\u0444\u043E\u043D\u0430 \u0438(\u0438\u043B\u0438) \u0430\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B \u0434\u043B\u044F \u0443\u0432\u0435\u0434\u043E\u043C\u043B\u0435\u043D\u0438\u044F \u043E \u043F\u043E\u0441\u0442\u0443\u043F\u043B\u0435\u043D\u0438\u0438 \u0442\u043E\u0432\u0430\u0440\u0430\" />\n                }\n            </label>\n            <label tuiLabel>\n                \u0421\u043A\u043B\u0430\u0434\n                <tui-textfield\n                    tuiChevron\n                    [content]=\"warehouses() ? stringify(warehouses()!) : selectLoading\"\n                >\n                    <input\n                        tuiSelect\n                        formControlName=\"warehouseId\"\n                        placeholder=\"\u0421\u043A\u043B\u0430\u0434\"\n                    />\n                    <tui-data-list *tuiDropdown>\n                        @for (warehouse of warehouses(); track warehouse.id) {\n                            @if (!product.isWarehouseStockExist(warehouse.id)) {\n                                <button\n                                    tuiOption\n                                    [value]=\"warehouse.id\"\n                                >\n                                    {{ warehouse.name }}\n                                </button>\n                            }\n                        }\n                    </tui-data-list>\n                </tui-textfield>\n                <tui-error formControlName=\"warehouseId\" />\n                @if (isStock()) {\n                    <span [style.color]=\"'var(--tui-text-positive)'\"> \u0422\u043E\u0432\u0430\u0440 \u0438\u043C\u0435\u0435\u0442\u0441\u044F \u0432 \u043D\u0430\u043B\u0438\u0447\u0438\u0438 \u043D\u0430 \u0432\u044B\u0431\u0440\u0430\u043D\u043D\u043E\u043C \u0441\u043A\u043B\u0430\u0434\u0435 </span>\n                }\n            </label>\n            <ng-template #selectLoading> <tui-loader /> </ng-template>\n        </div>\n    }\n\n    <div class=\"flex flex-wrap items-center gap-3\">\n        <button\n            tuiButton\n            type=\"submit\"\n            [disabled]=\"form.invalid || isStock() || (isShowCodeFields && !form.controls.verificationCode.value && form.controls.phone.valid)\"\n            [loading]=\"loading()\"\n            iconStart=\"@tui.sc.send\"\n            class=\"self-center\"\n        >\n            \u041E\u0442\u043F\u0440\u0430\u0432\u0438\u0442\u044C\n        </button>\n        <div class=\"grow basis-60 text-body-s\">\n            \u041D\u0430\u0436\u0438\u043C\u0430\u044F \u043D\u0430 \u043A\u043D\u043E\u043F\u043A\u0443, \u0432\u044B \u0441\u043E\u0433\u043B\u0430\u0448\u0430\u0435\u0442\u0435\u0441\u044C \u0441\n            <button\n                tuiLink\n                [style.text-decoration-line]=\"'underline'\"\n                type=\"button\"\n                (click)=\"context.data.onClickOfferHandler()\"\n            >\n                \u041F\u043E\u043B\u0438\u0442\u0438\u043A\u043E\u0439 \u043A\u043E\u043D\u0444\u0438\u0434\u0435\u043D\u0446\u0438\u0430\u043B\u044C\u043D\u043E\u0441\u0442\u0438\n            </button>\n        </div>\n    </div>\n\n    @if (form.errors && form.errors['serverResponse']) {\n        <tui-error />\n    }\n</form>\n" }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<form\n    [formGroup]=\"form\"\n    (ngSubmit)=\"onSubmit$.next()\"\n    class=\"flex flex-col gap-6\"\n>\n    @let isPhoneVisible = requiredFields.includes('phone');\n    @let isEmailVisible = requiredFields.includes('email');\n    @let phoneTouched = form.get('phone')?.touched;\n    @let emailTouched = form.get('email')?.touched;\n    @let isShowError = form.errors?.['atLeastOneRequired'] && ((isPhoneVisible && phoneTouched) || (isEmailVisible && emailTouched));\n    @let user = user$ | async;\n    @let userPhone = user?.contacts?.phone;\n    @let isShowCodeFields = !!form.controls.phone.value && (user?.isGuest || userPhone?.value !== form.controls.phone.value || !userPhone?.isApproved);\n\n    @if (user) {\n        <div class=\"flex flex-col gap-3\">\n            <label tuiLabel>\n                <div\n                    [appearance]=\"isPhoneVisible && isEmailVisible ? 'outline-grayscale' : 'flat'\"\n                    [tuiAppearanceMode]=\"isShowError ? 'invalid' : null\"\n                    tuiCardLarge\n                    class=\"flex flex-col !gap-1\"\n                    [style.padding]=\"requiredFields.length <= 1 ? '0' : undefined\"\n                    [style.border-radius]=\"requiredFields.length <= 1 ? '0' : undefined\"\n                >\n                    @if (isPhoneVisible) {\n                        <sc-verification-phone-check-form\n                            [required]=\"!form.controls.email.value\"\n                            [showCodeFields]=\"isShowCodeFields\"\n                            [pseudoInvalid]=\"isShowError\"\n                        />\n                    }\n                    @if (isPhoneVisible && isEmailVisible) {\n                        <div\n                            class=\"tui-island__paragraph flex items-center gap-3\"\n                            [style.color]=\"isShowError ? 'var(--tui-text-negative)' : 'var(--tui-text-tertiary)'\"\n                        >\n                            <div\n                                class=\"h-px flex-1\"\n                                [style.background-color]=\"isShowError ? 'var(--tui-text-negative)' : 'var(--tui-text-tertiary)'\"\n                            ></div>\n                            <div class=\"text-body-s font-bold\">\n                                \u0418\u043B\u0438(\u0438)\n                                <tui-icon\n                                    [appearance]=\"isShowError ? 'negative' : 'grayscale'\"\n                                    tuiHintDirection=\"end\"\n                                    tuiHintAppearance=\"dark\"\n                                    tuiTooltip=\"\u041F\u043E\u0436\u0430\u043B\u0443\u0439\u0441\u0442\u0430, \u0443\u043A\u0430\u0436\u0438\u0442\u0435 \u043D\u043E\u043C\u0435\u0440 \u0442\u0435\u043B\u0435\u0444\u043E\u043D\u0430 \u0438\u043B\u0438(\u0438) \u0430\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B\"\n                                />\n                            </div>\n                            <div\n                                class=\"h-px flex-1\"\n                                [style.background-color]=\"isShowError ? 'var(--tui-text-negative)' : 'var(--tui-text-tertiary)'\"\n                            ></div>\n                        </div>\n                    }\n                    @if (isEmailVisible) {\n                        <label tuiLabel>\n                            \u0410\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B\n                            <tui-textfield>\n                                <input\n                                    tuiInput\n                                    [invalid]=\"!!isShowError\"\n                                    formControlName=\"email\"\n                                    placeholder=\"\u0410\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B\"\n                                />\n                                <sc-suggestion-field\n                                    *tuiDropdown\n                                    [type]=\"suggestionType.email\"\n                                />\n                            </tui-textfield>\n                            <tui-error formControlName=\"email\" />\n                        </label>\n                    }\n                </div>\n                @if (isShowError) {\n                    <tui-error error=\"\u041F\u043E\u0436\u0430\u043B\u0443\u0439\u0441\u0442\u0430, \u0443\u043A\u0430\u0436\u0438\u0442\u0435 \u043D\u043E\u043C\u0435\u0440 \u0442\u0435\u043B\u0435\u0444\u043E\u043D\u0430 \u0438(\u0438\u043B\u0438) \u0430\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B \u0434\u043B\u044F \u0443\u0432\u0435\u0434\u043E\u043C\u043B\u0435\u043D\u0438\u044F \u043E \u043F\u043E\u0441\u0442\u0443\u043F\u043B\u0435\u043D\u0438\u0438 \u0442\u043E\u0432\u0430\u0440\u0430\" />\n                }\n            </label>\n            <label tuiLabel>\n                \u0421\u043A\u043B\u0430\u0434\n                <tui-textfield\n                    tuiChevron\n                    [content]=\"warehouses() ? stringify(warehouses()!) : selectLoading\"\n                >\n                    <input\n                        tuiSelect\n                        formControlName=\"warehouseId\"\n                        placeholder=\"\u0421\u043A\u043B\u0430\u0434\"\n                    />\n                    <tui-data-list *tuiDropdown>\n                        @for (warehouse of warehouses(); track warehouse.id) {\n                            @if (!product.isWarehouseStockExist(warehouse.id)) {\n                                <button\n                                    tuiOption\n                                    [value]=\"warehouse.id\"\n                                >\n                                    {{ warehouse.name }}\n                                </button>\n                            }\n                        }\n                    </tui-data-list>\n                </tui-textfield>\n                <tui-error formControlName=\"warehouseId\" />\n                @if (isStock()) {\n                    <span [style.color]=\"'var(--tui-text-positive)'\"> \u0422\u043E\u0432\u0430\u0440 \u0438\u043C\u0435\u0435\u0442\u0441\u044F \u0432 \u043D\u0430\u043B\u0438\u0447\u0438\u0438 \u043D\u0430 \u0432\u044B\u0431\u0440\u0430\u043D\u043D\u043E\u043C \u0441\u043A\u043B\u0430\u0434\u0435 </span>\n                }\n            </label>\n            <ng-template #selectLoading> <tui-loader /> </ng-template>\n        </div>\n    }\n\n    <div class=\"flex flex-wrap items-center gap-3\">\n        <button\n            tuiButton\n            type=\"submit\"\n            [disabled]=\"form.invalid || isStock() || (isShowCodeFields && !form.controls.verificationCode.value && form.controls.phone.valid)\"\n            [loading]=\"loading()\"\n            iconStart=\"@tui.sc.send\"\n            class=\"self-center\"\n        >\n            \u041E\u0442\u043F\u0440\u0430\u0432\u0438\u0442\u044C\n        </button>\n        <div class=\"grow basis-60 text-body-s\">\n            \u041D\u0430\u0436\u0438\u043C\u0430\u044F \u043D\u0430 \u043A\u043D\u043E\u043F\u043A\u0443, \u0432\u044B \u0441\u043E\u0433\u043B\u0430\u0448\u0430\u0435\u0442\u0435\u0441\u044C \u0441\n            <button\n                tuiLink\n                [style.text-decoration-line]=\"'underline'\"\n                type=\"button\"\n                (click)=\"context.data.onClickOfferHandler()\"\n            >\n                \u041F\u043E\u043B\u0438\u0442\u0438\u043A\u043E\u0439 \u043A\u043E\u043D\u0444\u0438\u0434\u0435\u043D\u0446\u0438\u0430\u043B\u044C\u043D\u043E\u0441\u0442\u0438\n            </button>\n        </div>\n    </div>\n\n    @if (form.errors && form.errors['serverResponse']) {\n        <tui-error [formGroup]=\"form\" />\n    }\n</form>\n" }]
         }], ctorParameters: () => [] });
 
 /* eslint-disable class-methods-use-this */
@@ -5452,7 +5476,7 @@ class ScSandwichComponent {
                 stringify: signal((x) => x.name),
                 identityMatcher: signal((a, b) => a.id === b.id),
             }),
-        ], ngImport: i0, template: "@if (!orderItem() && settings()?.allowShowTable) {\n    <div class=\"mb-5 flex justify-center\">\n        <button\n            tuiButton\n            appearance=\"secondary\"\n            (click)=\"toggleShowEvent.emit()\"\n            type=\"button\"\n            iconStart=\"@tui.layout-list\"\n        >\n            \u041F\u043E\u043A\u0430\u0437\u0430\u0442\u044C \u0432 \u0432\u0438\u0434\u0435 \u0441\u043F\u0438\u0441\u043A\u0430\n        </button>\n    </div>\n}\n<div>\n    @let calculateResult = calculateResult$ | async;\n    @let products = products$ | async;\n    @let productValue = product.value;\n    @let validatorWidth = validatorWidth$ | async;\n    @let validatorLength = validatorLength$ | async;\n\n    <form\n        [formGroup]=\"form\"\n        (ngSubmit)=\"onSubmit(calculateResult)\"\n        ScNextInputFocus\n        class=\"flex flex-col gap-3\"\n    >\n        <label\n            tuiLabel\n            class=\"grow\"\n        >\n            \u0422\u043E\u0432\u0430\u0440\n            <tui-textfield\n                tuiChevron\n                [tuiTextfieldCleaner]=\"false\"\n            >\n                <input\n                    tuiChevron\n                    tuiSelect\n                    [formControl]=\"product\"\n                    placeholder=\"\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u043C\u0430\u0442\u0435\u0440\u0438\u0430\u043B\"\n                />\n\n                <tui-data-list-wrapper\n                    *tuiDropdown\n                    new\n                    [items]=\"products\"\n                />\n            </tui-textfield>\n            <tui-error [formControl]=\"product\" />\n        </label>\n\n        @if (productValue && productValue.costRub) {\n            <div class=\"-mt-1 text-sm text-tui-text-secondary\">\n                <span class=\"font-bold\">{{ productValue.code }}</span>\n                \u2014 {{ productValue.costRub.toLocaleString() }} {{ productValue.currency.symbol }}/\u0448\u0442.\n            </div>\n        }\n\n        @if (product.value && validatorWidth && validatorLength) {\n            <div class=\"mt-4 flex flex-col gap-1.5\">\n                <div class=\"w-full font-bold\">\u0420\u0430\u0437\u043C\u0435\u0440\u044B \u0438\u0437\u0434\u0435\u043B\u0438\u0439</div>\n                <div class=\"flex flex-col gap-1 text-sm text-tui-text-secondary\">\n                    @if (widthRangeText()) {\n                        <div>\u0428\u0438\u0440\u0438\u043D\u0430 {{ widthRangeText() }}.</div>\n                    }\n                    @if (lengthRangeText()) {\n                        <div>\u0414\u043B\u0438\u043D\u0430 {{ lengthRangeText() }}.</div>\n                    }\n                </div>\n            </div>\n        } @else if (product.value) {\n            <tui-error error=\"\u0420\u0430\u0441\u0447\u0435\u0442 \u043F\u043E \u043F\u0440\u043E\u0434\u0443\u043A\u0442\u0443 \u043D\u0435\u0432\u043E\u0437\u043C\u043E\u0436\u0435\u043D. \u041E\u0431\u0440\u0430\u0442\u0438\u0442\u0435\u0441\u044C \u043A \u043C\u0435\u043D\u0435\u0434\u0436\u0435\u0440\u0443\" />\n        }\n\n        <div\n            formArrayName=\"items\"\n            class=\"flex flex-col gap-3\"\n        >\n            @for (item of items.controls; track item) {\n                <div\n                    class=\"flex grow gap-2\"\n                    [formGroupName]=\"$index\"\n                >\n                    <div class=\"grid grow grid-cols-1 items-start gap-2 sm:grid-cols-3\">\n                        <label tuiLabel>\n                            \u0428\u0438\u0440\u0438\u043D\u0430, \u043C\u043C\n                            <tui-textfield>\n                                <input\n                                    tuiInputSlider\n                                    formControlName=\"width\"\n                                    [min]=\"settings()?.minWidth ?? 0\"\n                                    [max]=\"product.value?.properties?.width ?? 0\"\n                                    [tuiNumberFormat]=\"{ precision: 0 }\"\n                                    [readOnly]=\"!product.value\"\n                                    placeholder=\"\u0428\u0438\u0440\u0438\u043D\u0430\"\n                                    autocomplete=\"off\"\n                                />\n                                @if (product.value) {\n                                    <input\n                                        tuiSlider\n                                        type=\"range\"\n                                    />\n                                }\n                            </tui-textfield>\n                            @if (product.value) {\n                                <div class=\"slider-ticks-labels\">\n                                    <span> 0 </span>\n                                    <span>{{ product.value.properties?.width }}</span>\n                                </div>\n                            }\n                            <tui-error formControlName=\"width\" />\n                        </label>\n\n                        <label tuiLabel>\n                            \u0414\u043B\u0438\u043D\u0430, \u043C\u043C\n                            <tui-textfield>\n                                <input\n                                    tuiInputSlider\n                                    formControlName=\"length\"\n                                    [min]=\"settings()?.minLength ?? 0\"\n                                    [max]=\"product.value?.properties?.length ?? 0\"\n                                    [tuiNumberFormat]=\"{ precision: 0 }\"\n                                    [readOnly]=\"!product.value\"\n                                    placeholder=\"\u0414\u043B\u0438\u043D\u0430\"\n                                    autocomplete=\"off\"\n                                />\n                                @if (product.value) {\n                                    <input\n                                        tuiSlider\n                                        type=\"range\"\n                                    />\n                                }\n                            </tui-textfield>\n                            @if (product.value) {\n                                <div class=\"slider-ticks-labels\">\n                                    <span> 0 </span>\n                                    <span>{{ product.value.properties?.length }}</span>\n                                </div>\n                            }\n                            <tui-error formControlName=\"length\" />\n                        </label>\n                        <label tuiLabel>\n                            <span class=\"whitespace-nowrap\">\u041A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E, \u0448\u0442</span>\n                            <tui-textfield [tuiTextfieldCleaner]=\"false\">\n                                <input\n                                    tuiInputNumber\n                                    formControlName=\"count\"\n                                    [min]=\"1\"\n                                    [tuiNumberFormat]=\"{ precision: 0 }\"\n                                    [readOnly]=\"!product.value\"\n                                    placeholder=\"\u041A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E\"\n                                    autocomplete=\"off\"\n                                />\n                            </tui-textfield>\n                            <tui-error formControlName=\"count\" />\n                        </label>\n                    </div>\n                    <button\n                        tuiIconButton\n                        (click)=\"removeItem($index)\"\n                        [disabled]=\"!product.value || items.length <= 1\"\n                        size=\"m\"\n                        type=\"button\"\n                        appearance=\"secondary\"\n                        class=\"mt-6\"\n                        [style.flex]=\"'0 0 auto'\"\n                    >\n                        <tui-icon icon=\"@tui.trash-2\" />\n                    </button>\n                </div>\n            }\n        </div>\n        @if (product.value) {\n            <button\n                tuiButton\n                appearance=\"secondary\"\n                [disabled]=\"items.invalid\"\n                (click)=\"addItem()\"\n                type=\"button\"\n                class=\"self-center\"\n                iconStart=\"@tui.plus\"\n            >\n                \u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u0438\u0437\u0434\u0435\u043B\u0438\u0435\n            </button>\n        }\n\n        <label tuiLabel>\n            \u041C\u0430\u0440\u043A\u0438\u0440\u043E\u0432\u043A\u0430 \u0440\u0430\u0441\u043F\u0438\u043B\u0430\n            <tui-textfield>\n                <input\n                    tuiInput\n                    formControlName=\"marker\"\n                    placeholder=\"\u041C\u0430\u0440\u043A\u0438\u0440\u043E\u0432\u043A\u0430 \u0440\u0430\u0441\u043F\u0438\u043B\u0430\"\n                    autocomplete=\"marker\"\n                />\n            </tui-textfield>\n\n            <tui-error formControlName=\"marker\" />\n        </label>\n\n        @if (product.value) {\n            <tui-loader [loading]=\"isCalculateLoading()\">\n                @if (calculateResult) {\n                    <div class=\"mt-2 flex flex-wrap items-end gap-2\">\n                        <div>\n                            \u0418\u0442\u043E\u0433\u043E: <span class=\"whitespace-nowrap text-xl font-bold\">{{ getTotalCost(calculateResult).toLocaleString() }} {{ product.value.currency.symbol }}</span>\n                        </div>\n                        @if (calculateResult?.quantity && productValue) {\n                            <div class=\"whitespace-nowrap text-lg text-sc-dark-grey\">\n                                <span class=\"font-bold\">({{ calculateResult.quantity }} \u0448\u0442.</span> x\n                                <span class=\"font-bold\">{{ productValue.costRub?.toLocaleString() }} {{ productValue.currency.symbol }}/\u0448\u0442.)</span>\n                            </div>\n                        }\n                    </div>\n                }\n            </tui-loader>\n        }\n\n        <tui-error />\n        @if (!calculateResult) {\n            <button\n                tuiButton\n                appearance=\"secondary\"\n                [disabled]=\"items.invalid || isCalculateLoading()\"\n                (click)=\"triggerCalculate()\"\n                type=\"button\"\n                class=\"self-center\"\n                iconStart=\"@tui.calculator\"\n            >\n                \u0420\u0430\u0441\u0441\u0447\u0438\u0442\u0430\u0442\u044C\n            </button>\n        } @else {\n            <button\n                [disabled]=\"form.invalid || isSubmitLoading()\"\n                [loading]=\"isSubmitLoading()\"\n                tuiButton\n                class=\"self-center\"\n                iconStart=\"@tui.check\"\n            >\n                {{ !orderItem() ? '\u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u0432 \u043A\u043E\u0440\u0437\u0438\u043D\u0443' : '\u0418\u0437\u043C\u0435\u043D\u0438\u0442\u044C' }}\n            </button>\n        }\n    </form>\n</div>\n", styles: [":host{display:block;width:100%;max-width:30rem}.slider-ticks-labels{--t-offset: $thumb-radius;display:flex;font:var(--tui-typography-body-s);color:var(--tui-text-secondary);margin:.25rem var(--t-offset) 0}.slider-ticks-labels>*{position:relative;flex:2;text-align:center}.slider-ticks-labels>*:first-child{inset-inline-start:calc(-1 * var(--t-offset));flex:1;text-align:start}.slider-ticks-labels>*:last-child{inset-inline-end:calc(-1 * var(--t-offset));flex:1;text-align:end}tui-range+.slider-ticks-labels{--t-offset: $thumb-diameter}tui-textfield[data-size=l]+.slider-ticks-labels{--t-offset: calc(map-get($track-inset, \"l\") + $thumb-radius)}tui-textfield[data-size=m]+.slider-ticks-labels{--t-offset: calc(map-get($track-inset, \"m\") + $thumb-radius)}tui-textfield[data-size=s]+.slider-ticks-labels{--t-offset: calc(map-get($track-inset, \"s\") + $thumb-radius)}tui-input-range[data-size=l]+.slider-ticks-labels{--t-offset: calc(map-get($track-inset, \"l\") + $thumb-diameter)}tui-input-range[data-size=m]+.slider-ticks-labels{--t-offset: calc(map-get($track-inset, \"m\") + $thumb-diameter)}tui-input-range[data-size=s]+.slider-ticks-labels{--t-offset: calc(map-get($track-inset, \"s\") + $thumb-diameter)}.slider-ticks-labels{color:var(--tui-text-secondary)}\n"], dependencies: [{ kind: "directive", type: TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "component", type: TuiIcon, selector: "tui-icon:not([tuiBadge])", inputs: ["background"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { 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.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "directive", type: i1.FormArrayName, selector: "[formArrayName]", inputs: ["formArrayName"] }, { kind: "directive", type: ScNextInputFocusDirective, selector: "form[ScNextInputFocus]" }, { kind: "directive", type: TuiLabel, selector: "label[tuiLabel]" }, { kind: "component", type: TuiDataListWrapperComponent, selector: "tui-data-list-wrapper:not([labels])", inputs: ["items", "emptyContent", "size", "itemContent"], outputs: ["itemClick"] }, { kind: "component", type: i2.TuiErrorComponent, selector: "tui-error", inputs: ["error"] }, { kind: "directive", type: i2.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"] }, { 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.TuiDropdownContent, selector: "ng-template[tuiDropdown]" }, { kind: "directive", type: i2.TuiInputDirective, selector: "input[tuiInput]", inputs: ["readOnly", "invalid", "focused", "state"] }, { kind: "directive", type: TuiChevron, selector: "[tuiChevron]", inputs: ["tuiChevron"] }, { kind: "directive", type: i1$1.TuiSelectDirective, selector: "input[tuiSelect]" }, { kind: "directive", type: i1$1.TuiInputNumberDirective, selector: "input[tuiInputNumber]" }, { kind: "directive", type: TuiNumberFormat, selector: "[tuiNumberFormat]", inputs: ["tuiNumberFormat"] }, { kind: "component", type: i6.TuiSliderComponent, selector: "input[type=range][tuiSlider]", inputs: ["segments"] }, { kind: "directive", type: i1$1.TuiInputSliderDirective, selector: "input[tuiInputSlider]" }, { kind: "directive", type: ScSelectOnFocusinDirective, selector: "tui-input-number, tui-input, tui-input-phone, tui-input-date, tui-input-password, input[tuiInput], input[tuiInputNumber], input[tuiTextfield], input[tuiInputSlider]" }, { kind: "component", type: TuiLoader, selector: "tui-loader", inputs: ["size", "inheritColor", "overlay", "textContent", "loading"] }, { kind: "component", type: TuiButtonLoading, selector: "[tuiButton][loading],[tuiIconButton][loading]", inputs: ["size", "loading"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], ngImport: i0, template: "@if (!orderItem() && settings()?.allowShowTable) {\n    <div class=\"mb-5 flex justify-center\">\n        <button\n            tuiButton\n            appearance=\"secondary\"\n            (click)=\"toggleShowEvent.emit()\"\n            type=\"button\"\n            iconStart=\"@tui.layout-list\"\n        >\n            \u041F\u043E\u043A\u0430\u0437\u0430\u0442\u044C \u0432 \u0432\u0438\u0434\u0435 \u0441\u043F\u0438\u0441\u043A\u0430\n        </button>\n    </div>\n}\n<div>\n    @let calculateResult = calculateResult$ | async;\n    @let products = products$ | async;\n    @let productValue = product.value;\n    @let validatorWidth = validatorWidth$ | async;\n    @let validatorLength = validatorLength$ | async;\n\n    <form\n        [formGroup]=\"form\"\n        (ngSubmit)=\"onSubmit(calculateResult)\"\n        ScNextInputFocus\n        class=\"flex flex-col gap-3\"\n    >\n        <label\n            tuiLabel\n            class=\"grow\"\n        >\n            \u0422\u043E\u0432\u0430\u0440\n            <tui-textfield\n                tuiChevron\n                [tuiTextfieldCleaner]=\"false\"\n            >\n                <input\n                    tuiChevron\n                    tuiSelect\n                    [formControl]=\"product\"\n                    placeholder=\"\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u043C\u0430\u0442\u0435\u0440\u0438\u0430\u043B\"\n                />\n\n                <tui-data-list-wrapper\n                    *tuiDropdown\n                    new\n                    [items]=\"products\"\n                />\n            </tui-textfield>\n            <tui-error [formControl]=\"product\" />\n        </label>\n\n        @if (productValue && productValue.costRub) {\n            <div class=\"-mt-1 text-sm text-tui-text-secondary\">\n                <span class=\"font-bold\">{{ productValue.code }}</span>\n                \u2014 {{ productValue.costRub.toLocaleString() }} {{ productValue.currency.symbol }}/\u0448\u0442.\n            </div>\n        }\n\n        @if (product.value && validatorWidth && validatorLength) {\n            <div class=\"mt-4 flex flex-col gap-1.5\">\n                <div class=\"w-full font-bold\">\u0420\u0430\u0437\u043C\u0435\u0440\u044B \u0438\u0437\u0434\u0435\u043B\u0438\u0439</div>\n                <div class=\"flex flex-col gap-1 text-sm text-tui-text-secondary\">\n                    @if (widthRangeText()) {\n                        <div>\u0428\u0438\u0440\u0438\u043D\u0430 {{ widthRangeText() }}.</div>\n                    }\n                    @if (lengthRangeText()) {\n                        <div>\u0414\u043B\u0438\u043D\u0430 {{ lengthRangeText() }}.</div>\n                    }\n                </div>\n            </div>\n        } @else if (product.value) {\n            <tui-error error=\"\u0420\u0430\u0441\u0447\u0435\u0442 \u043F\u043E \u043F\u0440\u043E\u0434\u0443\u043A\u0442\u0443 \u043D\u0435\u0432\u043E\u0437\u043C\u043E\u0436\u0435\u043D. \u041E\u0431\u0440\u0430\u0442\u0438\u0442\u0435\u0441\u044C \u043A \u043C\u0435\u043D\u0435\u0434\u0436\u0435\u0440\u0443\" />\n        }\n\n        <div\n            formArrayName=\"items\"\n            class=\"flex flex-col gap-3\"\n        >\n            @for (item of items.controls; track item) {\n                <div\n                    class=\"flex grow gap-2\"\n                    [formGroupName]=\"$index\"\n                >\n                    <div class=\"grid grow grid-cols-1 items-start gap-2 sm:grid-cols-3\">\n                        <label tuiLabel>\n                            \u0428\u0438\u0440\u0438\u043D\u0430, \u043C\u043C\n                            <tui-textfield>\n                                <input\n                                    tuiInputSlider\n                                    formControlName=\"width\"\n                                    [min]=\"settings()?.minWidth ?? 0\"\n                                    [max]=\"product.value?.properties?.width ?? 0\"\n                                    [tuiNumberFormat]=\"{ precision: 0 }\"\n                                    [readOnly]=\"!product.value\"\n                                    placeholder=\"\u0428\u0438\u0440\u0438\u043D\u0430\"\n                                    autocomplete=\"off\"\n                                />\n                                @if (product.value) {\n                                    <input\n                                        tuiSlider\n                                        type=\"range\"\n                                    />\n                                }\n                            </tui-textfield>\n                            @if (product.value) {\n                                <div class=\"slider-ticks-labels\">\n                                    <span> 0 </span>\n                                    <span>{{ product.value.properties?.width }}</span>\n                                </div>\n                            }\n                            <tui-error formControlName=\"width\" />\n                        </label>\n\n                        <label tuiLabel>\n                            \u0414\u043B\u0438\u043D\u0430, \u043C\u043C\n                            <tui-textfield>\n                                <input\n                                    tuiInputSlider\n                                    formControlName=\"length\"\n                                    [min]=\"settings()?.minLength ?? 0\"\n                                    [max]=\"product.value?.properties?.length ?? 0\"\n                                    [tuiNumberFormat]=\"{ precision: 0 }\"\n                                    [readOnly]=\"!product.value\"\n                                    placeholder=\"\u0414\u043B\u0438\u043D\u0430\"\n                                    autocomplete=\"off\"\n                                />\n                                @if (product.value) {\n                                    <input\n                                        tuiSlider\n                                        type=\"range\"\n                                    />\n                                }\n                            </tui-textfield>\n                            @if (product.value) {\n                                <div class=\"slider-ticks-labels\">\n                                    <span> 0 </span>\n                                    <span>{{ product.value.properties?.length }}</span>\n                                </div>\n                            }\n                            <tui-error formControlName=\"length\" />\n                        </label>\n                        <label tuiLabel>\n                            <span class=\"whitespace-nowrap\">\u041A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E, \u0448\u0442</span>\n                            <tui-textfield [tuiTextfieldCleaner]=\"false\">\n                                <input\n                                    tuiInputNumber\n                                    formControlName=\"count\"\n                                    [min]=\"1\"\n                                    [tuiNumberFormat]=\"{ precision: 0 }\"\n                                    [readOnly]=\"!product.value\"\n                                    placeholder=\"\u041A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E\"\n                                    autocomplete=\"off\"\n                                />\n                            </tui-textfield>\n                            <tui-error formControlName=\"count\" />\n                        </label>\n                    </div>\n                    <button\n                        tuiIconButton\n                        (click)=\"removeItem($index)\"\n                        [disabled]=\"!product.value || items.length <= 1\"\n                        size=\"m\"\n                        type=\"button\"\n                        appearance=\"secondary\"\n                        class=\"mt-6\"\n                        [style.flex]=\"'0 0 auto'\"\n                    >\n                        <tui-icon icon=\"@tui.trash-2\" />\n                    </button>\n                </div>\n            }\n        </div>\n        @if (product.value) {\n            <button\n                tuiButton\n                appearance=\"secondary\"\n                [disabled]=\"items.invalid\"\n                (click)=\"addItem()\"\n                type=\"button\"\n                class=\"self-center\"\n                iconStart=\"@tui.plus\"\n            >\n                \u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u0438\u0437\u0434\u0435\u043B\u0438\u0435\n            </button>\n        }\n\n        <label tuiLabel>\n            \u041C\u0430\u0440\u043A\u0438\u0440\u043E\u0432\u043A\u0430 \u0440\u0430\u0441\u043F\u0438\u043B\u0430\n            <tui-textfield>\n                <input\n                    tuiInput\n                    formControlName=\"marker\"\n                    placeholder=\"\u041C\u0430\u0440\u043A\u0438\u0440\u043E\u0432\u043A\u0430 \u0440\u0430\u0441\u043F\u0438\u043B\u0430\"\n                    autocomplete=\"marker\"\n                />\n            </tui-textfield>\n\n            <tui-error formControlName=\"marker\" />\n        </label>\n\n        @if (product.value) {\n            <tui-loader [loading]=\"isCalculateLoading()\">\n                @if (calculateResult) {\n                    <div class=\"mt-2 flex flex-wrap items-end gap-2\">\n                        <div>\n                            \u0418\u0442\u043E\u0433\u043E: <span class=\"whitespace-nowrap text-xl font-bold\">{{ getTotalCost(calculateResult).toLocaleString() }} {{ product.value.currency.symbol }}</span>\n                        </div>\n                        @if (calculateResult?.quantity && productValue) {\n                            <div class=\"whitespace-nowrap text-lg text-sc-dark-grey\">\n                                <span class=\"font-bold\">({{ calculateResult.quantity }} \u0448\u0442.</span> x\n                                <span class=\"font-bold\">{{ productValue.costRub?.toLocaleString() }} {{ productValue.currency.symbol }}/\u0448\u0442.)</span>\n                            </div>\n                        }\n                    </div>\n                }\n            </tui-loader>\n        }\n\n        <tui-error [formGroup]=\"form\" />\n        @if (!calculateResult) {\n            <button\n                tuiButton\n                appearance=\"secondary\"\n                [disabled]=\"items.invalid || isCalculateLoading()\"\n                (click)=\"triggerCalculate()\"\n                type=\"button\"\n                class=\"self-center\"\n                iconStart=\"@tui.calculator\"\n            >\n                \u0420\u0430\u0441\u0441\u0447\u0438\u0442\u0430\u0442\u044C\n            </button>\n        } @else {\n            <button\n                [disabled]=\"form.invalid || isSubmitLoading()\"\n                [loading]=\"isSubmitLoading()\"\n                tuiButton\n                class=\"self-center\"\n                iconStart=\"@tui.check\"\n            >\n                {{ !orderItem() ? '\u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u0432 \u043A\u043E\u0440\u0437\u0438\u043D\u0443' : '\u0418\u0437\u043C\u0435\u043D\u0438\u0442\u044C' }}\n            </button>\n        }\n    </form>\n</div>\n", styles: [":host{display:block;width:100%;max-width:30rem}.slider-ticks-labels{--t-offset: $thumb-radius;display:flex;font:var(--tui-typography-body-s);color:var(--tui-text-secondary);margin:.25rem var(--t-offset) 0}.slider-ticks-labels>*{position:relative;flex:2;text-align:center}.slider-ticks-labels>*:first-child{inset-inline-start:calc(-1 * var(--t-offset));flex:1;text-align:start}.slider-ticks-labels>*:last-child{inset-inline-end:calc(-1 * var(--t-offset));flex:1;text-align:end}tui-range+.slider-ticks-labels{--t-offset: $thumb-diameter}tui-textfield[data-size=l]+.slider-ticks-labels{--t-offset: calc(map-get($track-inset, \"l\") + $thumb-radius)}tui-textfield[data-size=m]+.slider-ticks-labels{--t-offset: calc(map-get($track-inset, \"m\") + $thumb-radius)}tui-textfield[data-size=s]+.slider-ticks-labels{--t-offset: calc(map-get($track-inset, \"s\") + $thumb-radius)}tui-input-range[data-size=l]+.slider-ticks-labels{--t-offset: calc(map-get($track-inset, \"l\") + $thumb-diameter)}tui-input-range[data-size=m]+.slider-ticks-labels{--t-offset: calc(map-get($track-inset, \"m\") + $thumb-diameter)}tui-input-range[data-size=s]+.slider-ticks-labels{--t-offset: calc(map-get($track-inset, \"s\") + $thumb-diameter)}.slider-ticks-labels{color:var(--tui-text-secondary)}\n"], dependencies: [{ kind: "directive", type: TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "component", type: TuiIcon, selector: "tui-icon:not([tuiBadge])", inputs: ["background"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { 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.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "directive", type: i1.FormArrayName, selector: "[formArrayName]", inputs: ["formArrayName"] }, { kind: "directive", type: ScNextInputFocusDirective, selector: "form[ScNextInputFocus]" }, { kind: "directive", type: TuiLabel, selector: "label[tuiLabel]" }, { kind: "component", type: TuiDataListWrapperComponent, selector: "tui-data-list-wrapper:not([labels])", inputs: ["items", "emptyContent", "size", "itemContent"], outputs: ["itemClick"] }, { kind: "component", type: i2.TuiErrorComponent, selector: "tui-error", inputs: ["error"] }, { kind: "directive", type: i2.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"] }, { 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.TuiDropdownContent, selector: "ng-template[tuiDropdown]" }, { kind: "directive", type: i2.TuiInputDirective, selector: "input[tuiInput]", inputs: ["readOnly", "invalid", "focused", "state"] }, { kind: "directive", type: TuiChevron, selector: "[tuiChevron]", inputs: ["tuiChevron"] }, { kind: "directive", type: i1$1.TuiSelectDirective, selector: "input[tuiSelect]" }, { kind: "directive", type: i1$1.TuiInputNumberDirective, selector: "input[tuiInputNumber]" }, { kind: "directive", type: TuiNumberFormat, selector: "[tuiNumberFormat]", inputs: ["tuiNumberFormat"] }, { kind: "component", type: i6.TuiSliderComponent, selector: "input[type=range][tuiSlider]", inputs: ["segments"] }, { kind: "directive", type: i1$1.TuiInputSliderDirective, selector: "input[tuiInputSlider]" }, { kind: "directive", type: ScSelectOnFocusinDirective, selector: "tui-input-number, tui-input, tui-input-phone, tui-input-date, tui-input-password, input[tuiInput], input[tuiInputNumber], input[tuiTextfield], input[tuiInputSlider]" }, { kind: "component", type: TuiLoader, selector: "tui-loader", inputs: ["size", "inheritColor", "overlay", "textContent", "loading"] }, { kind: "component", type: TuiButtonLoading, selector: "[tuiButton][loading],[tuiIconButton][loading]", inputs: ["size", "loading"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: ScSandwichComponent, decorators: [{
             type: Component,
@@ -5484,7 +5508,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImpo
                             stringify: signal((x) => x.name),
                             identityMatcher: signal((a, b) => a.id === b.id),
                         }),
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (!orderItem() && settings()?.allowShowTable) {\n    <div class=\"mb-5 flex justify-center\">\n        <button\n            tuiButton\n            appearance=\"secondary\"\n            (click)=\"toggleShowEvent.emit()\"\n            type=\"button\"\n            iconStart=\"@tui.layout-list\"\n        >\n            \u041F\u043E\u043A\u0430\u0437\u0430\u0442\u044C \u0432 \u0432\u0438\u0434\u0435 \u0441\u043F\u0438\u0441\u043A\u0430\n        </button>\n    </div>\n}\n<div>\n    @let calculateResult = calculateResult$ | async;\n    @let products = products$ | async;\n    @let productValue = product.value;\n    @let validatorWidth = validatorWidth$ | async;\n    @let validatorLength = validatorLength$ | async;\n\n    <form\n        [formGroup]=\"form\"\n        (ngSubmit)=\"onSubmit(calculateResult)\"\n        ScNextInputFocus\n        class=\"flex flex-col gap-3\"\n    >\n        <label\n            tuiLabel\n            class=\"grow\"\n        >\n            \u0422\u043E\u0432\u0430\u0440\n            <tui-textfield\n                tuiChevron\n                [tuiTextfieldCleaner]=\"false\"\n            >\n                <input\n                    tuiChevron\n                    tuiSelect\n                    [formControl]=\"product\"\n                    placeholder=\"\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u043C\u0430\u0442\u0435\u0440\u0438\u0430\u043B\"\n                />\n\n                <tui-data-list-wrapper\n                    *tuiDropdown\n                    new\n                    [items]=\"products\"\n                />\n            </tui-textfield>\n            <tui-error [formControl]=\"product\" />\n        </label>\n\n        @if (productValue && productValue.costRub) {\n            <div class=\"-mt-1 text-sm text-tui-text-secondary\">\n                <span class=\"font-bold\">{{ productValue.code }}</span>\n                \u2014 {{ productValue.costRub.toLocaleString() }} {{ productValue.currency.symbol }}/\u0448\u0442.\n            </div>\n        }\n\n        @if (product.value && validatorWidth && validatorLength) {\n            <div class=\"mt-4 flex flex-col gap-1.5\">\n                <div class=\"w-full font-bold\">\u0420\u0430\u0437\u043C\u0435\u0440\u044B \u0438\u0437\u0434\u0435\u043B\u0438\u0439</div>\n                <div class=\"flex flex-col gap-1 text-sm text-tui-text-secondary\">\n                    @if (widthRangeText()) {\n                        <div>\u0428\u0438\u0440\u0438\u043D\u0430 {{ widthRangeText() }}.</div>\n                    }\n                    @if (lengthRangeText()) {\n                        <div>\u0414\u043B\u0438\u043D\u0430 {{ lengthRangeText() }}.</div>\n                    }\n                </div>\n            </div>\n        } @else if (product.value) {\n            <tui-error error=\"\u0420\u0430\u0441\u0447\u0435\u0442 \u043F\u043E \u043F\u0440\u043E\u0434\u0443\u043A\u0442\u0443 \u043D\u0435\u0432\u043E\u0437\u043C\u043E\u0436\u0435\u043D. \u041E\u0431\u0440\u0430\u0442\u0438\u0442\u0435\u0441\u044C \u043A \u043C\u0435\u043D\u0435\u0434\u0436\u0435\u0440\u0443\" />\n        }\n\n        <div\n            formArrayName=\"items\"\n            class=\"flex flex-col gap-3\"\n        >\n            @for (item of items.controls; track item) {\n                <div\n                    class=\"flex grow gap-2\"\n                    [formGroupName]=\"$index\"\n                >\n                    <div class=\"grid grow grid-cols-1 items-start gap-2 sm:grid-cols-3\">\n                        <label tuiLabel>\n                            \u0428\u0438\u0440\u0438\u043D\u0430, \u043C\u043C\n                            <tui-textfield>\n                                <input\n                                    tuiInputSlider\n                                    formControlName=\"width\"\n                                    [min]=\"settings()?.minWidth ?? 0\"\n                                    [max]=\"product.value?.properties?.width ?? 0\"\n                                    [tuiNumberFormat]=\"{ precision: 0 }\"\n                                    [readOnly]=\"!product.value\"\n                                    placeholder=\"\u0428\u0438\u0440\u0438\u043D\u0430\"\n                                    autocomplete=\"off\"\n                                />\n                                @if (product.value) {\n                                    <input\n                                        tuiSlider\n                                        type=\"range\"\n                                    />\n                                }\n                            </tui-textfield>\n                            @if (product.value) {\n                                <div class=\"slider-ticks-labels\">\n                                    <span> 0 </span>\n                                    <span>{{ product.value.properties?.width }}</span>\n                                </div>\n                            }\n                            <tui-error formControlName=\"width\" />\n                        </label>\n\n                        <label tuiLabel>\n                            \u0414\u043B\u0438\u043D\u0430, \u043C\u043C\n                            <tui-textfield>\n                                <input\n                                    tuiInputSlider\n                                    formControlName=\"length\"\n                                    [min]=\"settings()?.minLength ?? 0\"\n                                    [max]=\"product.value?.properties?.length ?? 0\"\n                                    [tuiNumberFormat]=\"{ precision: 0 }\"\n                                    [readOnly]=\"!product.value\"\n                                    placeholder=\"\u0414\u043B\u0438\u043D\u0430\"\n                                    autocomplete=\"off\"\n                                />\n                                @if (product.value) {\n                                    <input\n                                        tuiSlider\n                                        type=\"range\"\n                                    />\n                                }\n                            </tui-textfield>\n                            @if (product.value) {\n                                <div class=\"slider-ticks-labels\">\n                                    <span> 0 </span>\n                                    <span>{{ product.value.properties?.length }}</span>\n                                </div>\n                            }\n                            <tui-error formControlName=\"length\" />\n                        </label>\n                        <label tuiLabel>\n                            <span class=\"whitespace-nowrap\">\u041A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E, \u0448\u0442</span>\n                            <tui-textfield [tuiTextfieldCleaner]=\"false\">\n                                <input\n                                    tuiInputNumber\n                                    formControlName=\"count\"\n                                    [min]=\"1\"\n                                    [tuiNumberFormat]=\"{ precision: 0 }\"\n                                    [readOnly]=\"!product.value\"\n                                    placeholder=\"\u041A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E\"\n                                    autocomplete=\"off\"\n                                />\n                            </tui-textfield>\n                            <tui-error formControlName=\"count\" />\n                        </label>\n                    </div>\n                    <button\n                        tuiIconButton\n                        (click)=\"removeItem($index)\"\n                        [disabled]=\"!product.value || items.length <= 1\"\n                        size=\"m\"\n                        type=\"button\"\n                        appearance=\"secondary\"\n                        class=\"mt-6\"\n                        [style.flex]=\"'0 0 auto'\"\n                    >\n                        <tui-icon icon=\"@tui.trash-2\" />\n                    </button>\n                </div>\n            }\n        </div>\n        @if (product.value) {\n            <button\n                tuiButton\n                appearance=\"secondary\"\n                [disabled]=\"items.invalid\"\n                (click)=\"addItem()\"\n                type=\"button\"\n                class=\"self-center\"\n                iconStart=\"@tui.plus\"\n            >\n                \u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u0438\u0437\u0434\u0435\u043B\u0438\u0435\n            </button>\n        }\n\n        <label tuiLabel>\n            \u041C\u0430\u0440\u043A\u0438\u0440\u043E\u0432\u043A\u0430 \u0440\u0430\u0441\u043F\u0438\u043B\u0430\n            <tui-textfield>\n                <input\n                    tuiInput\n                    formControlName=\"marker\"\n                    placeholder=\"\u041C\u0430\u0440\u043A\u0438\u0440\u043E\u0432\u043A\u0430 \u0440\u0430\u0441\u043F\u0438\u043B\u0430\"\n                    autocomplete=\"marker\"\n                />\n            </tui-textfield>\n\n            <tui-error formControlName=\"marker\" />\n        </label>\n\n        @if (product.value) {\n            <tui-loader [loading]=\"isCalculateLoading()\">\n                @if (calculateResult) {\n                    <div class=\"mt-2 flex flex-wrap items-end gap-2\">\n                        <div>\n                            \u0418\u0442\u043E\u0433\u043E: <span class=\"whitespace-nowrap text-xl font-bold\">{{ getTotalCost(calculateResult).toLocaleString() }} {{ product.value.currency.symbol }}</span>\n                        </div>\n                        @if (calculateResult?.quantity && productValue) {\n                            <div class=\"whitespace-nowrap text-lg text-sc-dark-grey\">\n                                <span class=\"font-bold\">({{ calculateResult.quantity }} \u0448\u0442.</span> x\n                                <span class=\"font-bold\">{{ productValue.costRub?.toLocaleString() }} {{ productValue.currency.symbol }}/\u0448\u0442.)</span>\n                            </div>\n                        }\n                    </div>\n                }\n            </tui-loader>\n        }\n\n        <tui-error />\n        @if (!calculateResult) {\n            <button\n                tuiButton\n                appearance=\"secondary\"\n                [disabled]=\"items.invalid || isCalculateLoading()\"\n                (click)=\"triggerCalculate()\"\n                type=\"button\"\n                class=\"self-center\"\n                iconStart=\"@tui.calculator\"\n            >\n                \u0420\u0430\u0441\u0441\u0447\u0438\u0442\u0430\u0442\u044C\n            </button>\n        } @else {\n            <button\n                [disabled]=\"form.invalid || isSubmitLoading()\"\n                [loading]=\"isSubmitLoading()\"\n                tuiButton\n                class=\"self-center\"\n                iconStart=\"@tui.check\"\n            >\n                {{ !orderItem() ? '\u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u0432 \u043A\u043E\u0440\u0437\u0438\u043D\u0443' : '\u0418\u0437\u043C\u0435\u043D\u0438\u0442\u044C' }}\n            </button>\n        }\n    </form>\n</div>\n", styles: [":host{display:block;width:100%;max-width:30rem}.slider-ticks-labels{--t-offset: $thumb-radius;display:flex;font:var(--tui-typography-body-s);color:var(--tui-text-secondary);margin:.25rem var(--t-offset) 0}.slider-ticks-labels>*{position:relative;flex:2;text-align:center}.slider-ticks-labels>*:first-child{inset-inline-start:calc(-1 * var(--t-offset));flex:1;text-align:start}.slider-ticks-labels>*:last-child{inset-inline-end:calc(-1 * var(--t-offset));flex:1;text-align:end}tui-range+.slider-ticks-labels{--t-offset: $thumb-diameter}tui-textfield[data-size=l]+.slider-ticks-labels{--t-offset: calc(map-get($track-inset, \"l\") + $thumb-radius)}tui-textfield[data-size=m]+.slider-ticks-labels{--t-offset: calc(map-get($track-inset, \"m\") + $thumb-radius)}tui-textfield[data-size=s]+.slider-ticks-labels{--t-offset: calc(map-get($track-inset, \"s\") + $thumb-radius)}tui-input-range[data-size=l]+.slider-ticks-labels{--t-offset: calc(map-get($track-inset, \"l\") + $thumb-diameter)}tui-input-range[data-size=m]+.slider-ticks-labels{--t-offset: calc(map-get($track-inset, \"m\") + $thumb-diameter)}tui-input-range[data-size=s]+.slider-ticks-labels{--t-offset: calc(map-get($track-inset, \"s\") + $thumb-diameter)}.slider-ticks-labels{color:var(--tui-text-secondary)}\n"] }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (!orderItem() && settings()?.allowShowTable) {\n    <div class=\"mb-5 flex justify-center\">\n        <button\n            tuiButton\n            appearance=\"secondary\"\n            (click)=\"toggleShowEvent.emit()\"\n            type=\"button\"\n            iconStart=\"@tui.layout-list\"\n        >\n            \u041F\u043E\u043A\u0430\u0437\u0430\u0442\u044C \u0432 \u0432\u0438\u0434\u0435 \u0441\u043F\u0438\u0441\u043A\u0430\n        </button>\n    </div>\n}\n<div>\n    @let calculateResult = calculateResult$ | async;\n    @let products = products$ | async;\n    @let productValue = product.value;\n    @let validatorWidth = validatorWidth$ | async;\n    @let validatorLength = validatorLength$ | async;\n\n    <form\n        [formGroup]=\"form\"\n        (ngSubmit)=\"onSubmit(calculateResult)\"\n        ScNextInputFocus\n        class=\"flex flex-col gap-3\"\n    >\n        <label\n            tuiLabel\n            class=\"grow\"\n        >\n            \u0422\u043E\u0432\u0430\u0440\n            <tui-textfield\n                tuiChevron\n                [tuiTextfieldCleaner]=\"false\"\n            >\n                <input\n                    tuiChevron\n                    tuiSelect\n                    [formControl]=\"product\"\n                    placeholder=\"\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u043C\u0430\u0442\u0435\u0440\u0438\u0430\u043B\"\n                />\n\n                <tui-data-list-wrapper\n                    *tuiDropdown\n                    new\n                    [items]=\"products\"\n                />\n            </tui-textfield>\n            <tui-error [formControl]=\"product\" />\n        </label>\n\n        @if (productValue && productValue.costRub) {\n            <div class=\"-mt-1 text-sm text-tui-text-secondary\">\n                <span class=\"font-bold\">{{ productValue.code }}</span>\n                \u2014 {{ productValue.costRub.toLocaleString() }} {{ productValue.currency.symbol }}/\u0448\u0442.\n            </div>\n        }\n\n        @if (product.value && validatorWidth && validatorLength) {\n            <div class=\"mt-4 flex flex-col gap-1.5\">\n                <div class=\"w-full font-bold\">\u0420\u0430\u0437\u043C\u0435\u0440\u044B \u0438\u0437\u0434\u0435\u043B\u0438\u0439</div>\n                <div class=\"flex flex-col gap-1 text-sm text-tui-text-secondary\">\n                    @if (widthRangeText()) {\n                        <div>\u0428\u0438\u0440\u0438\u043D\u0430 {{ widthRangeText() }}.</div>\n                    }\n                    @if (lengthRangeText()) {\n                        <div>\u0414\u043B\u0438\u043D\u0430 {{ lengthRangeText() }}.</div>\n                    }\n                </div>\n            </div>\n        } @else if (product.value) {\n            <tui-error error=\"\u0420\u0430\u0441\u0447\u0435\u0442 \u043F\u043E \u043F\u0440\u043E\u0434\u0443\u043A\u0442\u0443 \u043D\u0435\u0432\u043E\u0437\u043C\u043E\u0436\u0435\u043D. \u041E\u0431\u0440\u0430\u0442\u0438\u0442\u0435\u0441\u044C \u043A \u043C\u0435\u043D\u0435\u0434\u0436\u0435\u0440\u0443\" />\n        }\n\n        <div\n            formArrayName=\"items\"\n            class=\"flex flex-col gap-3\"\n        >\n            @for (item of items.controls; track item) {\n                <div\n                    class=\"flex grow gap-2\"\n                    [formGroupName]=\"$index\"\n                >\n                    <div class=\"grid grow grid-cols-1 items-start gap-2 sm:grid-cols-3\">\n                        <label tuiLabel>\n                            \u0428\u0438\u0440\u0438\u043D\u0430, \u043C\u043C\n                            <tui-textfield>\n                                <input\n                                    tuiInputSlider\n                                    formControlName=\"width\"\n                                    [min]=\"settings()?.minWidth ?? 0\"\n                                    [max]=\"product.value?.properties?.width ?? 0\"\n                                    [tuiNumberFormat]=\"{ precision: 0 }\"\n                                    [readOnly]=\"!product.value\"\n                                    placeholder=\"\u0428\u0438\u0440\u0438\u043D\u0430\"\n                                    autocomplete=\"off\"\n                                />\n                                @if (product.value) {\n                                    <input\n                                        tuiSlider\n                                        type=\"range\"\n                                    />\n                                }\n                            </tui-textfield>\n                            @if (product.value) {\n                                <div class=\"slider-ticks-labels\">\n                                    <span> 0 </span>\n                                    <span>{{ product.value.properties?.width }}</span>\n                                </div>\n                            }\n                            <tui-error formControlName=\"width\" />\n                        </label>\n\n                        <label tuiLabel>\n                            \u0414\u043B\u0438\u043D\u0430, \u043C\u043C\n                            <tui-textfield>\n                                <input\n                                    tuiInputSlider\n                                    formControlName=\"length\"\n                                    [min]=\"settings()?.minLength ?? 0\"\n                                    [max]=\"product.value?.properties?.length ?? 0\"\n                                    [tuiNumberFormat]=\"{ precision: 0 }\"\n                                    [readOnly]=\"!product.value\"\n                                    placeholder=\"\u0414\u043B\u0438\u043D\u0430\"\n                                    autocomplete=\"off\"\n                                />\n                                @if (product.value) {\n                                    <input\n                                        tuiSlider\n                                        type=\"range\"\n                                    />\n                                }\n                            </tui-textfield>\n                            @if (product.value) {\n                                <div class=\"slider-ticks-labels\">\n                                    <span> 0 </span>\n                                    <span>{{ product.value.properties?.length }}</span>\n                                </div>\n                            }\n                            <tui-error formControlName=\"length\" />\n                        </label>\n                        <label tuiLabel>\n                            <span class=\"whitespace-nowrap\">\u041A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E, \u0448\u0442</span>\n                            <tui-textfield [tuiTextfieldCleaner]=\"false\">\n                                <input\n                                    tuiInputNumber\n                                    formControlName=\"count\"\n                                    [min]=\"1\"\n                                    [tuiNumberFormat]=\"{ precision: 0 }\"\n                                    [readOnly]=\"!product.value\"\n                                    placeholder=\"\u041A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E\"\n                                    autocomplete=\"off\"\n                                />\n                            </tui-textfield>\n                            <tui-error formControlName=\"count\" />\n                        </label>\n                    </div>\n                    <button\n                        tuiIconButton\n                        (click)=\"removeItem($index)\"\n                        [disabled]=\"!product.value || items.length <= 1\"\n                        size=\"m\"\n                        type=\"button\"\n                        appearance=\"secondary\"\n                        class=\"mt-6\"\n                        [style.flex]=\"'0 0 auto'\"\n                    >\n                        <tui-icon icon=\"@tui.trash-2\" />\n                    </button>\n                </div>\n            }\n        </div>\n        @if (product.value) {\n            <button\n                tuiButton\n                appearance=\"secondary\"\n                [disabled]=\"items.invalid\"\n                (click)=\"addItem()\"\n                type=\"button\"\n                class=\"self-center\"\n                iconStart=\"@tui.plus\"\n            >\n                \u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u0438\u0437\u0434\u0435\u043B\u0438\u0435\n            </button>\n        }\n\n        <label tuiLabel>\n            \u041C\u0430\u0440\u043A\u0438\u0440\u043E\u0432\u043A\u0430 \u0440\u0430\u0441\u043F\u0438\u043B\u0430\n            <tui-textfield>\n                <input\n                    tuiInput\n                    formControlName=\"marker\"\n                    placeholder=\"\u041C\u0430\u0440\u043A\u0438\u0440\u043E\u0432\u043A\u0430 \u0440\u0430\u0441\u043F\u0438\u043B\u0430\"\n                    autocomplete=\"marker\"\n                />\n            </tui-textfield>\n\n            <tui-error formControlName=\"marker\" />\n        </label>\n\n        @if (product.value) {\n            <tui-loader [loading]=\"isCalculateLoading()\">\n                @if (calculateResult) {\n                    <div class=\"mt-2 flex flex-wrap items-end gap-2\">\n                        <div>\n                            \u0418\u0442\u043E\u0433\u043E: <span class=\"whitespace-nowrap text-xl font-bold\">{{ getTotalCost(calculateResult).toLocaleString() }} {{ product.value.currency.symbol }}</span>\n                        </div>\n                        @if (calculateResult?.quantity && productValue) {\n                            <div class=\"whitespace-nowrap text-lg text-sc-dark-grey\">\n                                <span class=\"font-bold\">({{ calculateResult.quantity }} \u0448\u0442.</span> x\n                                <span class=\"font-bold\">{{ productValue.costRub?.toLocaleString() }} {{ productValue.currency.symbol }}/\u0448\u0442.)</span>\n                            </div>\n                        }\n                    </div>\n                }\n            </tui-loader>\n        }\n\n        <tui-error [formGroup]=\"form\" />\n        @if (!calculateResult) {\n            <button\n                tuiButton\n                appearance=\"secondary\"\n                [disabled]=\"items.invalid || isCalculateLoading()\"\n                (click)=\"triggerCalculate()\"\n                type=\"button\"\n                class=\"self-center\"\n                iconStart=\"@tui.calculator\"\n            >\n                \u0420\u0430\u0441\u0441\u0447\u0438\u0442\u0430\u0442\u044C\n            </button>\n        } @else {\n            <button\n                [disabled]=\"form.invalid || isSubmitLoading()\"\n                [loading]=\"isSubmitLoading()\"\n                tuiButton\n                class=\"self-center\"\n                iconStart=\"@tui.check\"\n            >\n                {{ !orderItem() ? '\u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u0432 \u043A\u043E\u0440\u0437\u0438\u043D\u0443' : '\u0418\u0437\u043C\u0435\u043D\u0438\u0442\u044C' }}\n            </button>\n        }\n    </form>\n</div>\n", styles: [":host{display:block;width:100%;max-width:30rem}.slider-ticks-labels{--t-offset: $thumb-radius;display:flex;font:var(--tui-typography-body-s);color:var(--tui-text-secondary);margin:.25rem var(--t-offset) 0}.slider-ticks-labels>*{position:relative;flex:2;text-align:center}.slider-ticks-labels>*:first-child{inset-inline-start:calc(-1 * var(--t-offset));flex:1;text-align:start}.slider-ticks-labels>*:last-child{inset-inline-end:calc(-1 * var(--t-offset));flex:1;text-align:end}tui-range+.slider-ticks-labels{--t-offset: $thumb-diameter}tui-textfield[data-size=l]+.slider-ticks-labels{--t-offset: calc(map-get($track-inset, \"l\") + $thumb-radius)}tui-textfield[data-size=m]+.slider-ticks-labels{--t-offset: calc(map-get($track-inset, \"m\") + $thumb-radius)}tui-textfield[data-size=s]+.slider-ticks-labels{--t-offset: calc(map-get($track-inset, \"s\") + $thumb-radius)}tui-input-range[data-size=l]+.slider-ticks-labels{--t-offset: calc(map-get($track-inset, \"l\") + $thumb-diameter)}tui-input-range[data-size=m]+.slider-ticks-labels{--t-offset: calc(map-get($track-inset, \"m\") + $thumb-diameter)}tui-input-range[data-size=s]+.slider-ticks-labels{--t-offset: calc(map-get($track-inset, \"s\") + $thumb-diameter)}.slider-ticks-labels{color:var(--tui-text-secondary)}\n"] }]
         }], propDecorators: { settings: [{ type: i0.Input, args: [{ isSignal: true, alias: "settings", required: false }] }], categoryId: [{ type: i0.Input, args: [{ isSignal: true, alias: "categoryId", required: true }] }], editor: [{ type: i0.Input, args: [{ isSignal: true, alias: "editor", required: true }] }], orderItem: [{ type: i0.Input, args: [{ isSignal: true, alias: "orderItem", required: true }] }], orderId: [{
                 type: Input
             }], toggleShowEvent: [{ type: i0.Output, args: ["toggleShowEvent"] }] } });
@@ -5494,11 +5518,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImpo
  */
 class ScSandwichSkeletonComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: ScSandwichSkeletonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.16", type: ScSandwichSkeletonComponent, isStandalone: true, selector: "sc-sandwich-skeleton", ngImport: i0, template: "<div class=\"w-100\">\n    <div class=\"flex flex-col gap-3\">\n        <!-- \u041F\u043E\u043B\u0435 \u0432\u044B\u0431\u043E\u0440\u0430 \u0442\u043E\u0432\u0430\u0440\u0430. -->\n        <div class=\"mb-4 mt-2 h-10 w-full rounded-sm bg-sc-light-grey\"></div>\n\n        <!-- \u0417\u0430\u0433\u043E\u043B\u043E\u0432\u043E\u043A \"\u0420\u0430\u0437\u043C\u0435\u0440\u044B \u0438\u0437\u0434\u0435\u043B\u0438\u0439\". -->\n        <div class=\"my-1.5 h-5 w-1/3 rounded bg-sc-light-grey\"></div>\n\n        <!-- \u0422\u0435\u043A\u0441\u0442 \u0441 \u043F\u0430\u0440\u0430\u043C\u0435\u0442\u0440\u0430\u043C\u0438. -->\n        <div class=\"flex flex-col gap-1\">\n            <div class=\"my-1 h-3 w-2/3 rounded bg-sc-light-grey\"></div>\n            <div class=\"my-1 h-3 w-2/3 rounded bg-sc-light-grey\"></div>\n            <div class=\"my-1 h-3 w-2/3 rounded bg-sc-light-grey\"></div>\n            <div class=\"my-1 h-3 w-2/3 rounded bg-sc-light-grey\"></div>\n        </div>\n\n        <!-- \u0411\u043B\u043E\u043A \u0441 \u0438\u0437\u0434\u0435\u043B\u0438\u044F\u043C\u0438. -->\n        <div class=\"flex flex-col gap-3\">\n            <!-- \u041F\u0435\u0440\u0432\u043E\u0435 \u0438\u0437\u0434\u0435\u043B\u0438\u0435. -->\n            <div class=\"flex grow gap-4\">\n                <div class=\"grid grow grid-cols-3 gap-4\">\n                    <!-- \u0428\u0438\u0440\u0438\u043D\u0430. -->\n                    <div class=\"flex flex-col gap-1\">\n                        <div class=\"my-1 h-3 w-1/2 rounded bg-sc-light-grey\"></div>\n                        <div class=\"mb-4 mt-2 h-10 w-full rounded-sm bg-sc-light-grey\"></div>\n                        <div class=\"my-1 h-3 w-1/3 rounded bg-sc-light-grey\"></div>\n                        <div class=\"my-1 h-2 w-2/3 rounded bg-sc-light-grey\"></div>\n                    </div>\n                    <!-- \u0414\u043B\u0438\u043D\u0430. -->\n                    <div class=\"flex flex-col gap-1\">\n                        <div class=\"my-1 h-3 w-1/2 rounded bg-sc-light-grey\"></div>\n                        <div class=\"mb-4 mt-2 h-10 w-full rounded-sm bg-sc-light-grey\"></div>\n                        <div class=\"my-1 h-3 w-1/3 rounded bg-sc-light-grey\"></div>\n                        <div class=\"my-1 h-2 w-2/3 rounded bg-sc-light-grey\"></div>\n                    </div>\n                    <!-- \u041A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E. -->\n                    <div class=\"flex flex-col gap-1\">\n                        <div class=\"my-1 h-3 w-1/2 rounded bg-sc-light-grey\"></div>\n                        <div class=\"mb-4 mt-2 h-10 w-full rounded-sm bg-sc-light-grey\"></div>\n                    </div>\n                </div>\n                <div class=\"mt-6 size-8 shrink-0 rounded-sm bg-sc-light-grey\"></div>\n            </div>\n        </div>\n\n        <!-- \u041A\u043D\u043E\u043F\u043A\u0430 \"\u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u0438\u0437\u0434\u0435\u043B\u0438\u0435\". -->\n        <button\n            tuiButton\n            appearance=\"secondary\"\n            class=\"sc-skeleton self-center\"\n            aria-hidden=\"true\"\n        ></button>\n\n        <!-- \u041F\u043E\u043B\u0435 \"\u0418\u0442\u043E\u0433\u043E\u0432\u043E\u0435 \u043A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E \u043B\u0438\u0441\u0442\u043E\u0432\". -->\n        <div class=\"mb-4 mt-2 h-10 w-full rounded-sm bg-sc-light-grey\"></div>\n\n        <!-- \u041F\u043E\u043B\u0435 \"\u041C\u0430\u0440\u043A\u0438\u0440\u043E\u0432\u043A\u0430\". -->\n        <div class=\"mb-4 mt-2 h-10 w-full rounded-sm bg-sc-light-grey\"></div>\n\n        <!-- \u0418\u0442\u043E\u0433\u043E\u0432\u0430\u044F \u0441\u0442\u043E\u0438\u043C\u043E\u0441\u0442\u044C. -->\n        <div class=\"my-2.5 h-6 w-1/3 rounded bg-sc-light-grey\"></div>\n\n        <!-- \u041A\u043D\u043E\u043F\u043A\u0430 \u043E\u0442\u043F\u0440\u0430\u0432\u043A\u0438. -->\n        <button\n            tuiButton\n            class=\"sc-skeleton self-center\"\n            aria-hidden=\"true\"\n        ></button>\n    </div>\n</div>\n" }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.16", type: ScSandwichSkeletonComponent, isStandalone: true, selector: "sc-sandwich-skeleton", ngImport: i0, template: "<div class=\"w-100\">\n    <div class=\"flex flex-col gap-3\">\n        <!-- \u041F\u043E\u043B\u0435 \u0432\u044B\u0431\u043E\u0440\u0430 \u0442\u043E\u0432\u0430\u0440\u0430. -->\n        <div class=\"mb-4 mt-2 h-10 w-full rounded-sm bg-sc-light-grey\"></div>\n\n        <!-- \u0417\u0430\u0433\u043E\u043B\u043E\u0432\u043E\u043A \"\u0420\u0430\u0437\u043C\u0435\u0440\u044B \u0438\u0437\u0434\u0435\u043B\u0438\u0439\". -->\n        <div class=\"my-1.5 h-5 w-1/3 rounded bg-sc-light-grey\"></div>\n\n        <!-- \u0422\u0435\u043A\u0441\u0442 \u0441 \u043F\u0430\u0440\u0430\u043C\u0435\u0442\u0440\u0430\u043C\u0438. -->\n        <div class=\"flex flex-col gap-1\">\n            <div class=\"my-1 h-3 w-2/3 rounded bg-sc-light-grey\"></div>\n            <div class=\"my-1 h-3 w-2/3 rounded bg-sc-light-grey\"></div>\n            <div class=\"my-1 h-3 w-2/3 rounded bg-sc-light-grey\"></div>\n            <div class=\"my-1 h-3 w-2/3 rounded bg-sc-light-grey\"></div>\n        </div>\n\n        <!-- \u0411\u043B\u043E\u043A \u0441 \u0438\u0437\u0434\u0435\u043B\u0438\u044F\u043C\u0438. -->\n        <div class=\"flex flex-col gap-3\">\n            <!-- \u041F\u0435\u0440\u0432\u043E\u0435 \u0438\u0437\u0434\u0435\u043B\u0438\u0435. -->\n            <div class=\"flex grow gap-4\">\n                <div class=\"grid grow grid-cols-3 gap-4\">\n                    <!-- \u0428\u0438\u0440\u0438\u043D\u0430. -->\n                    <div class=\"flex flex-col gap-1\">\n                        <div class=\"my-1 h-3 w-1/2 rounded bg-sc-light-grey\"></div>\n                        <div class=\"mb-4 mt-2 h-10 w-full rounded-sm bg-sc-light-grey\"></div>\n                        <div class=\"my-1 h-3 w-1/3 rounded bg-sc-light-grey\"></div>\n                        <div class=\"my-1 h-2 w-2/3 rounded bg-sc-light-grey\"></div>\n                    </div>\n                    <!-- \u0414\u043B\u0438\u043D\u0430. -->\n                    <div class=\"flex flex-col gap-1\">\n                        <div class=\"my-1 h-3 w-1/2 rounded bg-sc-light-grey\"></div>\n                        <div class=\"mb-4 mt-2 h-10 w-full rounded-sm bg-sc-light-grey\"></div>\n                        <div class=\"my-1 h-3 w-1/3 rounded bg-sc-light-grey\"></div>\n                        <div class=\"my-1 h-2 w-2/3 rounded bg-sc-light-grey\"></div>\n                    </div>\n                    <!-- \u041A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E. -->\n                    <div class=\"flex flex-col gap-1\">\n                        <div class=\"my-1 h-3 w-1/2 rounded bg-sc-light-grey\"></div>\n                        <div class=\"mb-4 mt-2 h-10 w-full rounded-sm bg-sc-light-grey\"></div>\n                    </div>\n                </div>\n                <div class=\"mt-6 size-8 shrink-0 rounded-sm bg-sc-light-grey\"></div>\n            </div>\n        </div>\n\n        <!-- \u041A\u043D\u043E\u043F\u043A\u0430 \"\u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u0438\u0437\u0434\u0435\u043B\u0438\u0435\". -->\n        <button\n            tuiButton\n            appearance=\"secondary\"\n            class=\"sc-skeleton self-center\"\n            aria-hidden=\"true\"\n        ></button>\n\n        <!-- \u041F\u043E\u043B\u0435 \"\u0418\u0442\u043E\u0433\u043E\u0432\u043E\u0435 \u043A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E \u043B\u0438\u0441\u0442\u043E\u0432\". -->\n        <div class=\"mb-4 mt-2 h-10 w-full rounded-sm bg-sc-light-grey\"></div>\n\n        <!-- \u041F\u043E\u043B\u0435 \"\u041C\u0430\u0440\u043A\u0438\u0440\u043E\u0432\u043A\u0430\". -->\n        <div class=\"mb-4 mt-2 h-10 w-full rounded-sm bg-sc-light-grey\"></div>\n\n        <!-- \u0418\u0442\u043E\u0433\u043E\u0432\u0430\u044F \u0441\u0442\u043E\u0438\u043C\u043E\u0441\u0442\u044C. -->\n        <div class=\"my-2.5 h-6 w-1/3 rounded bg-sc-light-grey\"></div>\n\n        <!-- \u041A\u043D\u043E\u043F\u043A\u0430 \u043E\u0442\u043F\u0440\u0430\u0432\u043A\u0438. -->\n        <button\n            tuiButton\n            class=\"sc-skeleton self-center\"\n            aria-hidden=\"true\"\n        ></button>\n    </div>\n</div>\n", dependencies: [{ kind: "directive", type: TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: ScSandwichSkeletonComponent, decorators: [{
             type: Component,
-            args: [{ standalone: true, selector: 'sc-sandwich-skeleton', template: "<div class=\"w-100\">\n    <div class=\"flex flex-col gap-3\">\n        <!-- \u041F\u043E\u043B\u0435 \u0432\u044B\u0431\u043E\u0440\u0430 \u0442\u043E\u0432\u0430\u0440\u0430. -->\n        <div class=\"mb-4 mt-2 h-10 w-full rounded-sm bg-sc-light-grey\"></div>\n\n        <!-- \u0417\u0430\u0433\u043E\u043B\u043E\u0432\u043E\u043A \"\u0420\u0430\u0437\u043C\u0435\u0440\u044B \u0438\u0437\u0434\u0435\u043B\u0438\u0439\". -->\n        <div class=\"my-1.5 h-5 w-1/3 rounded bg-sc-light-grey\"></div>\n\n        <!-- \u0422\u0435\u043A\u0441\u0442 \u0441 \u043F\u0430\u0440\u0430\u043C\u0435\u0442\u0440\u0430\u043C\u0438. -->\n        <div class=\"flex flex-col gap-1\">\n            <div class=\"my-1 h-3 w-2/3 rounded bg-sc-light-grey\"></div>\n            <div class=\"my-1 h-3 w-2/3 rounded bg-sc-light-grey\"></div>\n            <div class=\"my-1 h-3 w-2/3 rounded bg-sc-light-grey\"></div>\n            <div class=\"my-1 h-3 w-2/3 rounded bg-sc-light-grey\"></div>\n        </div>\n\n        <!-- \u0411\u043B\u043E\u043A \u0441 \u0438\u0437\u0434\u0435\u043B\u0438\u044F\u043C\u0438. -->\n        <div class=\"flex flex-col gap-3\">\n            <!-- \u041F\u0435\u0440\u0432\u043E\u0435 \u0438\u0437\u0434\u0435\u043B\u0438\u0435. -->\n            <div class=\"flex grow gap-4\">\n                <div class=\"grid grow grid-cols-3 gap-4\">\n                    <!-- \u0428\u0438\u0440\u0438\u043D\u0430. -->\n                    <div class=\"flex flex-col gap-1\">\n                        <div class=\"my-1 h-3 w-1/2 rounded bg-sc-light-grey\"></div>\n                        <div class=\"mb-4 mt-2 h-10 w-full rounded-sm bg-sc-light-grey\"></div>\n                        <div class=\"my-1 h-3 w-1/3 rounded bg-sc-light-grey\"></div>\n                        <div class=\"my-1 h-2 w-2/3 rounded bg-sc-light-grey\"></div>\n                    </div>\n                    <!-- \u0414\u043B\u0438\u043D\u0430. -->\n                    <div class=\"flex flex-col gap-1\">\n                        <div class=\"my-1 h-3 w-1/2 rounded bg-sc-light-grey\"></div>\n                        <div class=\"mb-4 mt-2 h-10 w-full rounded-sm bg-sc-light-grey\"></div>\n                        <div class=\"my-1 h-3 w-1/3 rounded bg-sc-light-grey\"></div>\n                        <div class=\"my-1 h-2 w-2/3 rounded bg-sc-light-grey\"></div>\n                    </div>\n                    <!-- \u041A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E. -->\n                    <div class=\"flex flex-col gap-1\">\n                        <div class=\"my-1 h-3 w-1/2 rounded bg-sc-light-grey\"></div>\n                        <div class=\"mb-4 mt-2 h-10 w-full rounded-sm bg-sc-light-grey\"></div>\n                    </div>\n                </div>\n                <div class=\"mt-6 size-8 shrink-0 rounded-sm bg-sc-light-grey\"></div>\n            </div>\n        </div>\n\n        <!-- \u041A\u043D\u043E\u043F\u043A\u0430 \"\u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u0438\u0437\u0434\u0435\u043B\u0438\u0435\". -->\n        <button\n            tuiButton\n            appearance=\"secondary\"\n            class=\"sc-skeleton self-center\"\n            aria-hidden=\"true\"\n        ></button>\n\n        <!-- \u041F\u043E\u043B\u0435 \"\u0418\u0442\u043E\u0433\u043E\u0432\u043E\u0435 \u043A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E \u043B\u0438\u0441\u0442\u043E\u0432\". -->\n        <div class=\"mb-4 mt-2 h-10 w-full rounded-sm bg-sc-light-grey\"></div>\n\n        <!-- \u041F\u043E\u043B\u0435 \"\u041C\u0430\u0440\u043A\u0438\u0440\u043E\u0432\u043A\u0430\". -->\n        <div class=\"mb-4 mt-2 h-10 w-full rounded-sm bg-sc-light-grey\"></div>\n\n        <!-- \u0418\u0442\u043E\u0433\u043E\u0432\u0430\u044F \u0441\u0442\u043E\u0438\u043C\u043E\u0441\u0442\u044C. -->\n        <div class=\"my-2.5 h-6 w-1/3 rounded bg-sc-light-grey\"></div>\n\n        <!-- \u041A\u043D\u043E\u043F\u043A\u0430 \u043E\u0442\u043F\u0440\u0430\u0432\u043A\u0438. -->\n        <button\n            tuiButton\n            class=\"sc-skeleton self-center\"\n            aria-hidden=\"true\"\n        ></button>\n    </div>\n</div>\n" }]
+            args: [{ standalone: true, selector: 'sc-sandwich-skeleton', imports: [TuiButton], template: "<div class=\"w-100\">\n    <div class=\"flex flex-col gap-3\">\n        <!-- \u041F\u043E\u043B\u0435 \u0432\u044B\u0431\u043E\u0440\u0430 \u0442\u043E\u0432\u0430\u0440\u0430. -->\n        <div class=\"mb-4 mt-2 h-10 w-full rounded-sm bg-sc-light-grey\"></div>\n\n        <!-- \u0417\u0430\u0433\u043E\u043B\u043E\u0432\u043E\u043A \"\u0420\u0430\u0437\u043C\u0435\u0440\u044B \u0438\u0437\u0434\u0435\u043B\u0438\u0439\". -->\n        <div class=\"my-1.5 h-5 w-1/3 rounded bg-sc-light-grey\"></div>\n\n        <!-- \u0422\u0435\u043A\u0441\u0442 \u0441 \u043F\u0430\u0440\u0430\u043C\u0435\u0442\u0440\u0430\u043C\u0438. -->\n        <div class=\"flex flex-col gap-1\">\n            <div class=\"my-1 h-3 w-2/3 rounded bg-sc-light-grey\"></div>\n            <div class=\"my-1 h-3 w-2/3 rounded bg-sc-light-grey\"></div>\n            <div class=\"my-1 h-3 w-2/3 rounded bg-sc-light-grey\"></div>\n            <div class=\"my-1 h-3 w-2/3 rounded bg-sc-light-grey\"></div>\n        </div>\n\n        <!-- \u0411\u043B\u043E\u043A \u0441 \u0438\u0437\u0434\u0435\u043B\u0438\u044F\u043C\u0438. -->\n        <div class=\"flex flex-col gap-3\">\n            <!-- \u041F\u0435\u0440\u0432\u043E\u0435 \u0438\u0437\u0434\u0435\u043B\u0438\u0435. -->\n            <div class=\"flex grow gap-4\">\n                <div class=\"grid grow grid-cols-3 gap-4\">\n                    <!-- \u0428\u0438\u0440\u0438\u043D\u0430. -->\n                    <div class=\"flex flex-col gap-1\">\n                        <div class=\"my-1 h-3 w-1/2 rounded bg-sc-light-grey\"></div>\n                        <div class=\"mb-4 mt-2 h-10 w-full rounded-sm bg-sc-light-grey\"></div>\n                        <div class=\"my-1 h-3 w-1/3 rounded bg-sc-light-grey\"></div>\n                        <div class=\"my-1 h-2 w-2/3 rounded bg-sc-light-grey\"></div>\n                    </div>\n                    <!-- \u0414\u043B\u0438\u043D\u0430. -->\n                    <div class=\"flex flex-col gap-1\">\n                        <div class=\"my-1 h-3 w-1/2 rounded bg-sc-light-grey\"></div>\n                        <div class=\"mb-4 mt-2 h-10 w-full rounded-sm bg-sc-light-grey\"></div>\n                        <div class=\"my-1 h-3 w-1/3 rounded bg-sc-light-grey\"></div>\n                        <div class=\"my-1 h-2 w-2/3 rounded bg-sc-light-grey\"></div>\n                    </div>\n                    <!-- \u041A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E. -->\n                    <div class=\"flex flex-col gap-1\">\n                        <div class=\"my-1 h-3 w-1/2 rounded bg-sc-light-grey\"></div>\n                        <div class=\"mb-4 mt-2 h-10 w-full rounded-sm bg-sc-light-grey\"></div>\n                    </div>\n                </div>\n                <div class=\"mt-6 size-8 shrink-0 rounded-sm bg-sc-light-grey\"></div>\n            </div>\n        </div>\n\n        <!-- \u041A\u043D\u043E\u043F\u043A\u0430 \"\u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u0438\u0437\u0434\u0435\u043B\u0438\u0435\". -->\n        <button\n            tuiButton\n            appearance=\"secondary\"\n            class=\"sc-skeleton self-center\"\n            aria-hidden=\"true\"\n        ></button>\n\n        <!-- \u041F\u043E\u043B\u0435 \"\u0418\u0442\u043E\u0433\u043E\u0432\u043E\u0435 \u043A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E \u043B\u0438\u0441\u0442\u043E\u0432\". -->\n        <div class=\"mb-4 mt-2 h-10 w-full rounded-sm bg-sc-light-grey\"></div>\n\n        <!-- \u041F\u043E\u043B\u0435 \"\u041C\u0430\u0440\u043A\u0438\u0440\u043E\u0432\u043A\u0430\". -->\n        <div class=\"mb-4 mt-2 h-10 w-full rounded-sm bg-sc-light-grey\"></div>\n\n        <!-- \u0418\u0442\u043E\u0433\u043E\u0432\u0430\u044F \u0441\u0442\u043E\u0438\u043C\u043E\u0441\u0442\u044C. -->\n        <div class=\"my-2.5 h-6 w-1/3 rounded bg-sc-light-grey\"></div>\n\n        <!-- \u041A\u043D\u043E\u043F\u043A\u0430 \u043E\u0442\u043F\u0440\u0430\u0432\u043A\u0438. -->\n        <button\n            tuiButton\n            class=\"sc-skeleton self-center\"\n            aria-hidden=\"true\"\n        ></button>\n    </div>\n</div>\n" }]
         }] });
 
 /**
@@ -6006,7 +6030,7 @@ class ScSandwichM2Component {
                 stringify: signal((x) => x.name),
                 identityMatcher: signal((a, b) => a.id === b.id),
             }),
-        ], ngImport: i0, template: "@if (!orderItem() && settings()?.allowShowTable) {\n    <div class=\"mb-5 flex justify-center\">\n        <button\n            tuiButton\n            appearance=\"secondary\"\n            (click)=\"toggleShowEvent.emit()\"\n            type=\"button\"\n            iconStart=\"@tui.layout-list\"\n        >\n            \u041F\u043E\u043A\u0430\u0437\u0430\u0442\u044C \u0432 \u0432\u0438\u0434\u0435 \u0441\u043F\u0438\u0441\u043A\u0430\n        </button>\n    </div>\n}\n<div class=\"\">\n    @let products = products$ | async;\n    @let productValue = product.value;\n\n    <form\n        [formGroup]=\"form\"\n        (ngSubmit)=\"onSubmit()\"\n        ScNextInputFocus\n        class=\"flex flex-col gap-2\"\n    >\n        <label\n            tuiLabel\n            class=\"grow\"\n        >\n            \u0422\u043E\u0432\u0430\u0440\n            <tui-textfield\n                tuiChevron\n                [tuiTextfieldCleaner]=\"false\"\n            >\n                <input\n                    tuiChevron\n                    tuiSelect\n                    [formControl]=\"product\"\n                    placeholder=\"\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u043C\u0430\u0442\u0435\u0440\u0438\u0430\u043B\"\n                />\n\n                <tui-data-list-wrapper\n                    *tuiDropdown\n                    new\n                    [items]=\"products\"\n                />\n            </tui-textfield>\n            <tui-error [formControl]=\"product\" />\n        </label>\n\n        @if (productValue && productValue.costRub !== undefined) {\n            <div class=\"-mt-1 text-sm text-tui-text-secondary\">\n                <span class=\"font-bold\">{{ productValue.code }}</span>\n                \u2014\n                {{ productValue.costRub.toLocaleString() }} {{ productValue.currency.symbol }}/\u043C\u00B2\n            </div>\n        }\n\n        @if (productValue) {\n            <div class=\"mt-4 mb-3 flex flex-col gap-1.5\">\n                <div class=\"w-full font-bold\">\u0420\u0430\u0437\u043C\u0435\u0440\u044B \u0438\u0437\u0434\u0435\u043B\u0438\u0439</div>\n                <div class=\"flex flex-col gap-1 text-sm text-tui-text-secondary\">\n                    @let wt = widthRangeText();\n                    @let lt = lengthRangeText();\n                    @if (wt) {\n                        <div>\u0428\u0438\u0440\u0438\u043D\u0430 {{ wt }}.</div>\n                    }\n                    @if (lt) {\n                        <div>\u0414\u043B\u0438\u043D\u0430 {{ lt }}.</div>\n                    }\n                </div>\n            </div>\n        }\n\n        <div class=\"flex flex-col gap-3\">\n            <div\n                formArrayName=\"items\"\n                class=\"flex flex-col gap-3\"\n            >\n                @for (item of items.controls; track item) {\n                    @if ($index > 0) {\n                        <hr class=\"border-sc-grey h-px\" />\n                    }\n                    @let itemIndex = $index;\n                    <div\n                        class=\"relative flex flex-col gap-1\"\n                        [formGroupName]=\"itemIndex\"\n                    >\n                        @if (isItemLocked(itemIndex)) {\n                            <div class=\"pointer-events-none absolute right-3 bottom-0 z-10 flex size-8 items-center justify-center\">\n                                <tui-icon\n                                    icon=\"@tui.check\"\n                                    class=\"text-tui-status-positive\"\n                                />\n                            </div>\n                        }\n                        <tui-loader [loading]=\"isItemLoading(itemIndex)\">\n                            <div\n                                [class.opacity-70]=\"isItemLocked(itemIndex)\"\n                                class=\"flex min-w-0 items-start gap-2\"\n                            >\n                                <div class=\"flex min-w-0 flex-1 flex-col gap-3\">\n                                    <div class=\"flex flex-col gap-3 lg:!flex-row lg:!items-start lg:!gap-6\">\n                                        <!-- \u0413\u0440\u0443\u043F\u043F\u0430 1: \u0448\u0438\u0440\u0438\u043D\u0430 + \u0434\u043B\u0438\u043D\u0430 -->\n                                        <div class=\"grid grid-cols-1 gap-2 sm:grid-cols-2 lg:!flex-[2]\">\n                                            <label tuiLabel>\n                                                \u0428\u0438\u0440\u0438\u043D\u0430, \u043C\u043C\n                                                <tui-textfield>\n                                                    <input\n                                                        tuiInputSlider\n                                                        formControlName=\"width\"\n                                                        [min]=\"settings()?.minWidth ?? 0\"\n                                                        [max]=\"product.value?.properties?.width ?? 0\"\n                                                        [tuiNumberFormat]=\"{ precision: 0 }\"\n                                                        [readOnly]=\"!product.value || isItemLocked(itemIndex) || isItemLoading(itemIndex)\"\n                                                        [tuiAutoFocus]=\"!$first\"\n                                                        placeholder=\"\u0428\u0438\u0440\u0438\u043D\u0430\"\n                                                        autocomplete=\"off\"\n                                                    />\n                                                    @if (product.value) {\n                                                        <input\n                                                            tuiSlider\n                                                            type=\"range\"\n                                                        />\n                                                    }\n                                                </tui-textfield>\n                                                <tui-error formControlName=\"width\" />\n                                            </label>\n\n                                            <label tuiLabel>\n                                                \u0414\u043B\u0438\u043D\u0430, \u043C\u043C\n                                                <tui-textfield>\n                                                    <input\n                                                        tuiInputSlider\n                                                        formControlName=\"length\"\n                                                        [min]=\"settings()?.minLength ?? 0\"\n                                                        [max]=\"product.value?.properties?.length ?? 0\"\n                                                        [tuiNumberFormat]=\"{ precision: 0 }\"\n                                                        [readOnly]=\"!product.value || isItemLocked(itemIndex) || isItemLoading(itemIndex)\"\n                                                        placeholder=\"\u0414\u043B\u0438\u043D\u0430\"\n                                                        autocomplete=\"off\"\n                                                    />\n                                                    @if (product.value) {\n                                                        <input\n                                                            tuiSlider\n                                                            type=\"range\"\n                                                        />\n                                                    }\n                                                </tui-textfield>\n                                                <tui-error formControlName=\"length\" />\n                                            </label>\n                                        </div>\n\n                                        <!-- \u0413\u0440\u0443\u043F\u043F\u0430 2: \u043A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E + \u043C\u0430\u0440\u043A\u0438\u0440\u043E\u0432\u043A\u0430 (\u043D\u0430 lg 1fr | 2fr) -->\n                                        <div class=\"grid grid-cols-1 gap-2 sm:grid-cols-2 lg:!grid-cols-[1fr_2fr] lg:!flex-[3]\">\n                                            <label tuiLabel>\n                                                <span class=\"whitespace-nowrap\">\u041A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E, \u0448\u0442</span>\n                                                <tui-textfield [tuiTextfieldCleaner]=\"false\">\n                                                    <input\n                                                        tuiInputNumber\n                                                        formControlName=\"count\"\n                                                        [min]=\"1\"\n                                                        [tuiNumberFormat]=\"{ precision: 0 }\"\n                                                        [readOnly]=\"!product.value || isItemLocked(itemIndex) || isItemLoading(itemIndex)\"\n                                                        placeholder=\"\u041A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E\"\n                                                        autocomplete=\"off\"\n                                                    />\n                                                </tui-textfield>\n                                                <tui-error formControlName=\"count\" />\n                                            </label>\n\n                                            <label tuiLabel>\n                                                \u041C\u0430\u0440\u043A\u0438\u0440\u043E\u0432\u043A\u0430\n                                                <tui-textfield>\n                                                    <input\n                                                        tuiInput\n                                                        formControlName=\"marker\"\n                                                        [readOnly]=\"!product.value || isItemLocked(itemIndex) || isItemLoading(itemIndex)\"\n                                                        placeholder=\"\u041C\u0430\u0440\u043A\u0438\u0440\u043E\u0432\u043A\u0430\"\n                                                        autocomplete=\"off\"\n                                                    />\n                                                </tui-textfield>\n                                                <tui-error formControlName=\"marker\" />\n                                            </label>\n                                        </div>\n                                    </div>\n\n                                    @let rowVal = item.getRawValue();\n\n                                    @if (rowVal.width > 0 && rowVal.length > 0) {\n                                        <div class=\"mt-1 flex flex-col gap-y-1 text-sm lg:!flex-row lg:!gap-6\">\n                                            @if (pieceAreaM2(rowVal) > 0) {\n                                                <div class=\"lg:!flex-[2]\">\n                                                    \u041F\u043B\u043E\u0449\u0430\u0434\u044C (S) =\n                                                    <span class=\"font-bold\">{{ pieceAreaM2(rowVal) | number: '1.0-4' }} \u043C\u00B2</span>\n                                                </div>\n                                            }\n                                            @if (productValue && rowCost(rowVal) > 0) {\n                                                <div class=\"lg:!flex-[3]\">\n                                                    \u0418\u0442\u043E\u0433\u043E:\n                                                    <span class=\"font-bold\">{{ rowCost(rowVal).toLocaleString() }} {{ productValue.currency.symbol }}</span>\n                                                </div>\n                                            }\n                                        </div>\n                                    }\n                                </div>\n\n                                @if (!isEditingExistingItem()) {\n                                    <button\n                                        tuiIconButton\n                                        title=\"\u0423\u0434\u0430\u043B\u0438\u0442\u044C \u0438\u0437\u0434\u0435\u043B\u0438\u0435\"\n                                        (click)=\"removeItem(itemIndex)\"\n                                        [disabled]=\"items.length <= 1 || !product.value || isItemLoading(itemIndex)\"\n                                        size=\"m\"\n                                        type=\"button\"\n                                        iconStart=\"@tui.trash-2\"\n                                        appearance=\"secondary\"\n                                        class=\"mt-6 shrink-0 lg:!ml-4\"\n                                        [style.flex]=\"'0 0 auto'\"\n                                    ></button>\n                                }\n                            </div>\n                        </tui-loader>\n                    </div>\n                }\n            </div>\n\n            @if (productValue) {\n                <hr class=\"border-sc-grey h-px\" />\n                <div class=\"min-w-0 gap-1 pt-2 text-right\">\n                    @if (totalAreaM2() > 0) {\n                        <div>\n                            \u041E\u0431\u0449\u0430\u044F \u043F\u043B\u043E\u0449\u0430\u0434\u044C:\n                            <span class=\"font-bold\">{{ totalAreaM2() | number: '1.0-4' }} \u043C\u00B2</span>\n                        </div>\n                    }\n                    @if (productValue.costRub && totalCost() > 0) {\n                        <div>\n                            \u0418\u0442\u043E\u0433\u043E:\n                            <span class=\"whitespace-nowrap text-xl font-bold\"> {{ totalCost().toLocaleString() }} {{ productValue.currency.symbol }} </span>\n                        </div>\n                    }\n                </div>\n            }\n        </div>\n\n        <tui-error />\n\n        <div class=\"flex flex-wrap items-center gap-3\">\n            @if (productValue && !isEditingExistingItem()) {\n                <button\n                    tuiButton\n                    appearance=\"secondary\"\n                    [disabled]=\"!product.value || items.invalid\"\n                    (click)=\"addItem()\"\n                    type=\"button\"\n                    iconStart=\"@tui.plus\"\n                >\n                    \u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u0438\u0437\u0434\u0435\u043B\u0438\u0435\n                </button>\n            }\n            <button\n                type=\"submit\"\n                [disabled]=\"form.invalid || isSubmitLoading() || hasNoPendingItems()\"\n                [loading]=\"isSubmitLoading()\"\n                tuiButton\n                class=\"ml-auto\"\n                iconStart=\"@tui.check\"\n            >\n                {{ !orderItem() ? '\u0412 \u043A\u043E\u0440\u0437\u0438\u043D\u0443' : '\u0418\u0437\u043C\u0435\u043D\u0438\u0442\u044C' }}\n            </button>\n        </div>\n    </form>\n</div>\n", styles: [":host{display:block;width:100%;max-width:36rem}.row-summary{color:var(--tui-text-secondary);font-size:.75rem}\n"], dependencies: [{ kind: "directive", type: TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { 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.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "directive", type: i1.FormArrayName, selector: "[formArrayName]", inputs: ["formArrayName"] }, { kind: "directive", type: ScNextInputFocusDirective, selector: "form[ScNextInputFocus]" }, { kind: "directive", type: TuiLabel, selector: "label[tuiLabel]" }, { kind: "component", type: TuiDataListWrapperComponent, selector: "tui-data-list-wrapper:not([labels])", inputs: ["items", "emptyContent", "size", "itemContent"], outputs: ["itemClick"] }, { kind: "component", type: i2.TuiErrorComponent, selector: "tui-error", inputs: ["error"] }, { kind: "directive", type: i2.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"] }, { 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.TuiDropdownContent, selector: "ng-template[tuiDropdown]" }, { kind: "directive", type: i2.TuiInputDirective, selector: "input[tuiInput]", inputs: ["readOnly", "invalid", "focused", "state"] }, { kind: "directive", type: TuiChevron, selector: "[tuiChevron]", inputs: ["tuiChevron"] }, { kind: "directive", type: i1$1.TuiSelectDirective, selector: "input[tuiSelect]" }, { kind: "directive", type: i1$1.TuiInputNumberDirective, selector: "input[tuiInputNumber]" }, { kind: "directive", type: TuiNumberFormat, selector: "[tuiNumberFormat]", inputs: ["tuiNumberFormat"] }, { kind: "component", type: i6.TuiSliderComponent, selector: "input[type=range][tuiSlider]", inputs: ["segments"] }, { kind: "directive", type: i1$1.TuiInputSliderDirective, selector: "input[tuiInputSlider]" }, { kind: "directive", type: ScSelectOnFocusinDirective, selector: "tui-input-number, tui-input, tui-input-phone, tui-input-date, tui-input-password, input[tuiInput], input[tuiInputNumber], input[tuiTextfield], input[tuiInputSlider]" }, { kind: "component", type: TuiLoader, selector: "tui-loader", inputs: ["size", "inheritColor", "overlay", "textContent", "loading"] }, { kind: "component", type: TuiButtonLoading, selector: "[tuiButton][loading],[tuiIconButton][loading]", inputs: ["size", "loading"] }, { kind: "component", type: TuiIcon, selector: "tui-icon:not([tuiBadge])", inputs: ["background"] }, { kind: "directive", type: TuiAutoFocus, selector: "[tuiAutoFocus]", inputs: ["tuiAutoFocus"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: DecimalPipe, name: "number" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], ngImport: i0, template: "@if (!orderItem() && settings()?.allowShowTable) {\n    <div class=\"mb-5 flex justify-center\">\n        <button\n            tuiButton\n            appearance=\"secondary\"\n            (click)=\"toggleShowEvent.emit()\"\n            type=\"button\"\n            iconStart=\"@tui.layout-list\"\n        >\n            \u041F\u043E\u043A\u0430\u0437\u0430\u0442\u044C \u0432 \u0432\u0438\u0434\u0435 \u0441\u043F\u0438\u0441\u043A\u0430\n        </button>\n    </div>\n}\n<div class=\"\">\n    @let products = products$ | async;\n    @let productValue = product.value;\n\n    <form\n        [formGroup]=\"form\"\n        (ngSubmit)=\"onSubmit()\"\n        ScNextInputFocus\n        class=\"flex flex-col gap-2\"\n    >\n        <label\n            tuiLabel\n            class=\"grow\"\n        >\n            \u0422\u043E\u0432\u0430\u0440\n            <tui-textfield\n                tuiChevron\n                [tuiTextfieldCleaner]=\"false\"\n            >\n                <input\n                    tuiChevron\n                    tuiSelect\n                    [formControl]=\"product\"\n                    placeholder=\"\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u043C\u0430\u0442\u0435\u0440\u0438\u0430\u043B\"\n                />\n\n                <tui-data-list-wrapper\n                    *tuiDropdown\n                    new\n                    [items]=\"products\"\n                />\n            </tui-textfield>\n            <tui-error [formControl]=\"product\" />\n        </label>\n\n        @if (productValue && productValue.costRub !== undefined) {\n            <div class=\"-mt-1 text-sm text-tui-text-secondary\">\n                <span class=\"font-bold\">{{ productValue.code }}</span>\n                \u2014\n                {{ productValue.costRub.toLocaleString() }} {{ productValue.currency.symbol }}/\u043C\u00B2\n            </div>\n        }\n\n        @if (productValue) {\n            <div class=\"mt-4 mb-3 flex flex-col gap-1.5\">\n                <div class=\"w-full font-bold\">\u0420\u0430\u0437\u043C\u0435\u0440\u044B \u0438\u0437\u0434\u0435\u043B\u0438\u0439</div>\n                <div class=\"flex flex-col gap-1 text-sm text-tui-text-secondary\">\n                    @let wt = widthRangeText();\n                    @let lt = lengthRangeText();\n                    @if (wt) {\n                        <div>\u0428\u0438\u0440\u0438\u043D\u0430 {{ wt }}.</div>\n                    }\n                    @if (lt) {\n                        <div>\u0414\u043B\u0438\u043D\u0430 {{ lt }}.</div>\n                    }\n                </div>\n            </div>\n        }\n\n        <div class=\"flex flex-col gap-3\">\n            <div\n                formArrayName=\"items\"\n                class=\"flex flex-col gap-3\"\n            >\n                @for (item of items.controls; track item) {\n                    @if ($index > 0) {\n                        <hr class=\"border-sc-grey h-px\" />\n                    }\n                    @let itemIndex = $index;\n                    <div\n                        class=\"relative flex flex-col gap-1\"\n                        [formGroupName]=\"itemIndex\"\n                    >\n                        @if (isItemLocked(itemIndex)) {\n                            <div class=\"pointer-events-none absolute right-3 bottom-0 z-10 flex size-8 items-center justify-center\">\n                                <tui-icon\n                                    icon=\"@tui.check\"\n                                    class=\"text-tui-status-positive\"\n                                />\n                            </div>\n                        }\n                        <tui-loader [loading]=\"isItemLoading(itemIndex)\">\n                            <div\n                                [class.opacity-70]=\"isItemLocked(itemIndex)\"\n                                class=\"flex min-w-0 items-start gap-2\"\n                            >\n                                <div class=\"flex min-w-0 flex-1 flex-col gap-3\">\n                                    <div class=\"flex flex-col gap-3 lg:!flex-row lg:!items-start lg:!gap-6\">\n                                        <!-- \u0413\u0440\u0443\u043F\u043F\u0430 1: \u0448\u0438\u0440\u0438\u043D\u0430 + \u0434\u043B\u0438\u043D\u0430 -->\n                                        <div class=\"grid grid-cols-1 gap-2 sm:grid-cols-2 lg:!flex-[2]\">\n                                            <label tuiLabel>\n                                                \u0428\u0438\u0440\u0438\u043D\u0430, \u043C\u043C\n                                                <tui-textfield>\n                                                    <input\n                                                        tuiInputSlider\n                                                        formControlName=\"width\"\n                                                        [min]=\"settings()?.minWidth ?? 0\"\n                                                        [max]=\"product.value?.properties?.width ?? 0\"\n                                                        [tuiNumberFormat]=\"{ precision: 0 }\"\n                                                        [readOnly]=\"!product.value || isItemLocked(itemIndex) || isItemLoading(itemIndex)\"\n                                                        [tuiAutoFocus]=\"!$first\"\n                                                        placeholder=\"\u0428\u0438\u0440\u0438\u043D\u0430\"\n                                                        autocomplete=\"off\"\n                                                    />\n                                                    @if (product.value) {\n                                                        <input\n                                                            tuiSlider\n                                                            type=\"range\"\n                                                        />\n                                                    }\n                                                </tui-textfield>\n                                                <tui-error formControlName=\"width\" />\n                                            </label>\n\n                                            <label tuiLabel>\n                                                \u0414\u043B\u0438\u043D\u0430, \u043C\u043C\n                                                <tui-textfield>\n                                                    <input\n                                                        tuiInputSlider\n                                                        formControlName=\"length\"\n                                                        [min]=\"settings()?.minLength ?? 0\"\n                                                        [max]=\"product.value?.properties?.length ?? 0\"\n                                                        [tuiNumberFormat]=\"{ precision: 0 }\"\n                                                        [readOnly]=\"!product.value || isItemLocked(itemIndex) || isItemLoading(itemIndex)\"\n                                                        placeholder=\"\u0414\u043B\u0438\u043D\u0430\"\n                                                        autocomplete=\"off\"\n                                                    />\n                                                    @if (product.value) {\n                                                        <input\n                                                            tuiSlider\n                                                            type=\"range\"\n                                                        />\n                                                    }\n                                                </tui-textfield>\n                                                <tui-error formControlName=\"length\" />\n                                            </label>\n                                        </div>\n\n                                        <!-- \u0413\u0440\u0443\u043F\u043F\u0430 2: \u043A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E + \u043C\u0430\u0440\u043A\u0438\u0440\u043E\u0432\u043A\u0430 (\u043D\u0430 lg 1fr | 2fr) -->\n                                        <div class=\"grid grid-cols-1 gap-2 sm:grid-cols-2 lg:!grid-cols-[1fr_2fr] lg:!flex-[3]\">\n                                            <label tuiLabel>\n                                                <span class=\"whitespace-nowrap\">\u041A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E, \u0448\u0442</span>\n                                                <tui-textfield [tuiTextfieldCleaner]=\"false\">\n                                                    <input\n                                                        tuiInputNumber\n                                                        formControlName=\"count\"\n                                                        [min]=\"1\"\n                                                        [tuiNumberFormat]=\"{ precision: 0 }\"\n                                                        [readOnly]=\"!product.value || isItemLocked(itemIndex) || isItemLoading(itemIndex)\"\n                                                        placeholder=\"\u041A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E\"\n                                                        autocomplete=\"off\"\n                                                    />\n                                                </tui-textfield>\n                                                <tui-error formControlName=\"count\" />\n                                            </label>\n\n                                            <label tuiLabel>\n                                                \u041C\u0430\u0440\u043A\u0438\u0440\u043E\u0432\u043A\u0430\n                                                <tui-textfield>\n                                                    <input\n                                                        tuiInput\n                                                        formControlName=\"marker\"\n                                                        [readOnly]=\"!product.value || isItemLocked(itemIndex) || isItemLoading(itemIndex)\"\n                                                        placeholder=\"\u041C\u0430\u0440\u043A\u0438\u0440\u043E\u0432\u043A\u0430\"\n                                                        autocomplete=\"off\"\n                                                    />\n                                                </tui-textfield>\n                                                <tui-error formControlName=\"marker\" />\n                                            </label>\n                                        </div>\n                                    </div>\n\n                                    @let rowVal = item.getRawValue();\n\n                                    @if (rowVal.width > 0 && rowVal.length > 0) {\n                                        <div class=\"mt-1 flex flex-col gap-y-1 text-sm lg:!flex-row lg:!gap-6\">\n                                            @if (pieceAreaM2(rowVal) > 0) {\n                                                <div class=\"lg:!flex-[2]\">\n                                                    \u041F\u043B\u043E\u0449\u0430\u0434\u044C (S) =\n                                                    <span class=\"font-bold\">{{ pieceAreaM2(rowVal) | number: '1.0-4' }} \u043C\u00B2</span>\n                                                </div>\n                                            }\n                                            @if (productValue && rowCost(rowVal) > 0) {\n                                                <div class=\"lg:!flex-[3]\">\n                                                    \u0418\u0442\u043E\u0433\u043E:\n                                                    <span class=\"font-bold\">{{ rowCost(rowVal).toLocaleString() }} {{ productValue.currency.symbol }}</span>\n                                                </div>\n                                            }\n                                        </div>\n                                    }\n                                </div>\n\n                                @if (!isEditingExistingItem()) {\n                                    <button\n                                        tuiIconButton\n                                        title=\"\u0423\u0434\u0430\u043B\u0438\u0442\u044C \u0438\u0437\u0434\u0435\u043B\u0438\u0435\"\n                                        (click)=\"removeItem(itemIndex)\"\n                                        [disabled]=\"items.length <= 1 || !product.value || isItemLoading(itemIndex)\"\n                                        size=\"m\"\n                                        type=\"button\"\n                                        iconStart=\"@tui.trash-2\"\n                                        appearance=\"secondary\"\n                                        class=\"mt-6 shrink-0 lg:!ml-4\"\n                                        [style.flex]=\"'0 0 auto'\"\n                                    ></button>\n                                }\n                            </div>\n                        </tui-loader>\n                    </div>\n                }\n            </div>\n\n            @if (productValue) {\n                <hr class=\"border-sc-grey h-px\" />\n                <div class=\"min-w-0 gap-1 pt-2 text-right\">\n                    @if (totalAreaM2() > 0) {\n                        <div>\n                            \u041E\u0431\u0449\u0430\u044F \u043F\u043B\u043E\u0449\u0430\u0434\u044C:\n                            <span class=\"font-bold\">{{ totalAreaM2() | number: '1.0-4' }} \u043C\u00B2</span>\n                        </div>\n                    }\n                    @if (productValue.costRub && totalCost() > 0) {\n                        <div>\n                            \u0418\u0442\u043E\u0433\u043E:\n                            <span class=\"whitespace-nowrap text-xl font-bold\"> {{ totalCost().toLocaleString() }} {{ productValue.currency.symbol }} </span>\n                        </div>\n                    }\n                </div>\n            }\n        </div>\n\n        <tui-error [formGroup]=\"form\" />\n\n        <div class=\"flex flex-wrap items-center gap-3\">\n            @if (productValue && !isEditingExistingItem()) {\n                <button\n                    tuiButton\n                    appearance=\"secondary\"\n                    [disabled]=\"!product.value || items.invalid\"\n                    (click)=\"addItem()\"\n                    type=\"button\"\n                    iconStart=\"@tui.plus\"\n                >\n                    \u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u0438\u0437\u0434\u0435\u043B\u0438\u0435\n                </button>\n            }\n            <button\n                type=\"submit\"\n                [disabled]=\"form.invalid || isSubmitLoading() || hasNoPendingItems()\"\n                [loading]=\"isSubmitLoading()\"\n                tuiButton\n                class=\"ml-auto\"\n                iconStart=\"@tui.check\"\n            >\n                {{ !orderItem() ? '\u0412 \u043A\u043E\u0440\u0437\u0438\u043D\u0443' : '\u0418\u0437\u043C\u0435\u043D\u0438\u0442\u044C' }}\n            </button>\n        </div>\n    </form>\n</div>\n", styles: [":host{display:block;width:100%;max-width:36rem}.row-summary{color:var(--tui-text-secondary);font-size:.75rem}\n"], dependencies: [{ kind: "directive", type: TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { 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.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "directive", type: i1.FormArrayName, selector: "[formArrayName]", inputs: ["formArrayName"] }, { kind: "directive", type: ScNextInputFocusDirective, selector: "form[ScNextInputFocus]" }, { kind: "directive", type: TuiLabel, selector: "label[tuiLabel]" }, { kind: "component", type: TuiDataListWrapperComponent, selector: "tui-data-list-wrapper:not([labels])", inputs: ["items", "emptyContent", "size", "itemContent"], outputs: ["itemClick"] }, { kind: "component", type: i2.TuiErrorComponent, selector: "tui-error", inputs: ["error"] }, { kind: "directive", type: i2.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"] }, { 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.TuiDropdownContent, selector: "ng-template[tuiDropdown]" }, { kind: "directive", type: i2.TuiInputDirective, selector: "input[tuiInput]", inputs: ["readOnly", "invalid", "focused", "state"] }, { kind: "directive", type: TuiChevron, selector: "[tuiChevron]", inputs: ["tuiChevron"] }, { kind: "directive", type: i1$1.TuiSelectDirective, selector: "input[tuiSelect]" }, { kind: "directive", type: i1$1.TuiInputNumberDirective, selector: "input[tuiInputNumber]" }, { kind: "directive", type: TuiNumberFormat, selector: "[tuiNumberFormat]", inputs: ["tuiNumberFormat"] }, { kind: "component", type: i6.TuiSliderComponent, selector: "input[type=range][tuiSlider]", inputs: ["segments"] }, { kind: "directive", type: i1$1.TuiInputSliderDirective, selector: "input[tuiInputSlider]" }, { kind: "directive", type: ScSelectOnFocusinDirective, selector: "tui-input-number, tui-input, tui-input-phone, tui-input-date, tui-input-password, input[tuiInput], input[tuiInputNumber], input[tuiTextfield], input[tuiInputSlider]" }, { kind: "component", type: TuiLoader, selector: "tui-loader", inputs: ["size", "inheritColor", "overlay", "textContent", "loading"] }, { kind: "component", type: TuiButtonLoading, selector: "[tuiButton][loading],[tuiIconButton][loading]", inputs: ["size", "loading"] }, { kind: "component", type: TuiIcon, selector: "tui-icon:not([tuiBadge])", inputs: ["background"] }, { kind: "directive", type: TuiAutoFocus, selector: "[tuiAutoFocus]", inputs: ["tuiAutoFocus"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: DecimalPipe, name: "number" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: ScSandwichM2Component, decorators: [{
             type: Component,
@@ -6040,7 +6064,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImpo
                             stringify: signal((x) => x.name),
                             identityMatcher: signal((a, b) => a.id === b.id),
                         }),
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (!orderItem() && settings()?.allowShowTable) {\n    <div class=\"mb-5 flex justify-center\">\n        <button\n            tuiButton\n            appearance=\"secondary\"\n            (click)=\"toggleShowEvent.emit()\"\n            type=\"button\"\n            iconStart=\"@tui.layout-list\"\n        >\n            \u041F\u043E\u043A\u0430\u0437\u0430\u0442\u044C \u0432 \u0432\u0438\u0434\u0435 \u0441\u043F\u0438\u0441\u043A\u0430\n        </button>\n    </div>\n}\n<div class=\"\">\n    @let products = products$ | async;\n    @let productValue = product.value;\n\n    <form\n        [formGroup]=\"form\"\n        (ngSubmit)=\"onSubmit()\"\n        ScNextInputFocus\n        class=\"flex flex-col gap-2\"\n    >\n        <label\n            tuiLabel\n            class=\"grow\"\n        >\n            \u0422\u043E\u0432\u0430\u0440\n            <tui-textfield\n                tuiChevron\n                [tuiTextfieldCleaner]=\"false\"\n            >\n                <input\n                    tuiChevron\n                    tuiSelect\n                    [formControl]=\"product\"\n                    placeholder=\"\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u043C\u0430\u0442\u0435\u0440\u0438\u0430\u043B\"\n                />\n\n                <tui-data-list-wrapper\n                    *tuiDropdown\n                    new\n                    [items]=\"products\"\n                />\n            </tui-textfield>\n            <tui-error [formControl]=\"product\" />\n        </label>\n\n        @if (productValue && productValue.costRub !== undefined) {\n            <div class=\"-mt-1 text-sm text-tui-text-secondary\">\n                <span class=\"font-bold\">{{ productValue.code }}</span>\n                \u2014\n                {{ productValue.costRub.toLocaleString() }} {{ productValue.currency.symbol }}/\u043C\u00B2\n            </div>\n        }\n\n        @if (productValue) {\n            <div class=\"mt-4 mb-3 flex flex-col gap-1.5\">\n                <div class=\"w-full font-bold\">\u0420\u0430\u0437\u043C\u0435\u0440\u044B \u0438\u0437\u0434\u0435\u043B\u0438\u0439</div>\n                <div class=\"flex flex-col gap-1 text-sm text-tui-text-secondary\">\n                    @let wt = widthRangeText();\n                    @let lt = lengthRangeText();\n                    @if (wt) {\n                        <div>\u0428\u0438\u0440\u0438\u043D\u0430 {{ wt }}.</div>\n                    }\n                    @if (lt) {\n                        <div>\u0414\u043B\u0438\u043D\u0430 {{ lt }}.</div>\n                    }\n                </div>\n            </div>\n        }\n\n        <div class=\"flex flex-col gap-3\">\n            <div\n                formArrayName=\"items\"\n                class=\"flex flex-col gap-3\"\n            >\n                @for (item of items.controls; track item) {\n                    @if ($index > 0) {\n                        <hr class=\"border-sc-grey h-px\" />\n                    }\n                    @let itemIndex = $index;\n                    <div\n                        class=\"relative flex flex-col gap-1\"\n                        [formGroupName]=\"itemIndex\"\n                    >\n                        @if (isItemLocked(itemIndex)) {\n                            <div class=\"pointer-events-none absolute right-3 bottom-0 z-10 flex size-8 items-center justify-center\">\n                                <tui-icon\n                                    icon=\"@tui.check\"\n                                    class=\"text-tui-status-positive\"\n                                />\n                            </div>\n                        }\n                        <tui-loader [loading]=\"isItemLoading(itemIndex)\">\n                            <div\n                                [class.opacity-70]=\"isItemLocked(itemIndex)\"\n                                class=\"flex min-w-0 items-start gap-2\"\n                            >\n                                <div class=\"flex min-w-0 flex-1 flex-col gap-3\">\n                                    <div class=\"flex flex-col gap-3 lg:!flex-row lg:!items-start lg:!gap-6\">\n                                        <!-- \u0413\u0440\u0443\u043F\u043F\u0430 1: \u0448\u0438\u0440\u0438\u043D\u0430 + \u0434\u043B\u0438\u043D\u0430 -->\n                                        <div class=\"grid grid-cols-1 gap-2 sm:grid-cols-2 lg:!flex-[2]\">\n                                            <label tuiLabel>\n                                                \u0428\u0438\u0440\u0438\u043D\u0430, \u043C\u043C\n                                                <tui-textfield>\n                                                    <input\n                                                        tuiInputSlider\n                                                        formControlName=\"width\"\n                                                        [min]=\"settings()?.minWidth ?? 0\"\n                                                        [max]=\"product.value?.properties?.width ?? 0\"\n                                                        [tuiNumberFormat]=\"{ precision: 0 }\"\n                                                        [readOnly]=\"!product.value || isItemLocked(itemIndex) || isItemLoading(itemIndex)\"\n                                                        [tuiAutoFocus]=\"!$first\"\n                                                        placeholder=\"\u0428\u0438\u0440\u0438\u043D\u0430\"\n                                                        autocomplete=\"off\"\n                                                    />\n                                                    @if (product.value) {\n                                                        <input\n                                                            tuiSlider\n                                                            type=\"range\"\n                                                        />\n                                                    }\n                                                </tui-textfield>\n                                                <tui-error formControlName=\"width\" />\n                                            </label>\n\n                                            <label tuiLabel>\n                                                \u0414\u043B\u0438\u043D\u0430, \u043C\u043C\n                                                <tui-textfield>\n                                                    <input\n                                                        tuiInputSlider\n                                                        formControlName=\"length\"\n                                                        [min]=\"settings()?.minLength ?? 0\"\n                                                        [max]=\"product.value?.properties?.length ?? 0\"\n                                                        [tuiNumberFormat]=\"{ precision: 0 }\"\n                                                        [readOnly]=\"!product.value || isItemLocked(itemIndex) || isItemLoading(itemIndex)\"\n                                                        placeholder=\"\u0414\u043B\u0438\u043D\u0430\"\n                                                        autocomplete=\"off\"\n                                                    />\n                                                    @if (product.value) {\n                                                        <input\n                                                            tuiSlider\n                                                            type=\"range\"\n                                                        />\n                                                    }\n                                                </tui-textfield>\n                                                <tui-error formControlName=\"length\" />\n                                            </label>\n                                        </div>\n\n                                        <!-- \u0413\u0440\u0443\u043F\u043F\u0430 2: \u043A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E + \u043C\u0430\u0440\u043A\u0438\u0440\u043E\u0432\u043A\u0430 (\u043D\u0430 lg 1fr | 2fr) -->\n                                        <div class=\"grid grid-cols-1 gap-2 sm:grid-cols-2 lg:!grid-cols-[1fr_2fr] lg:!flex-[3]\">\n                                            <label tuiLabel>\n                                                <span class=\"whitespace-nowrap\">\u041A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E, \u0448\u0442</span>\n                                                <tui-textfield [tuiTextfieldCleaner]=\"false\">\n                                                    <input\n                                                        tuiInputNumber\n                                                        formControlName=\"count\"\n                                                        [min]=\"1\"\n                                                        [tuiNumberFormat]=\"{ precision: 0 }\"\n                                                        [readOnly]=\"!product.value || isItemLocked(itemIndex) || isItemLoading(itemIndex)\"\n                                                        placeholder=\"\u041A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E\"\n                                                        autocomplete=\"off\"\n                                                    />\n                                                </tui-textfield>\n                                                <tui-error formControlName=\"count\" />\n                                            </label>\n\n                                            <label tuiLabel>\n                                                \u041C\u0430\u0440\u043A\u0438\u0440\u043E\u0432\u043A\u0430\n                                                <tui-textfield>\n                                                    <input\n                                                        tuiInput\n                                                        formControlName=\"marker\"\n                                                        [readOnly]=\"!product.value || isItemLocked(itemIndex) || isItemLoading(itemIndex)\"\n                                                        placeholder=\"\u041C\u0430\u0440\u043A\u0438\u0440\u043E\u0432\u043A\u0430\"\n                                                        autocomplete=\"off\"\n                                                    />\n                                                </tui-textfield>\n                                                <tui-error formControlName=\"marker\" />\n                                            </label>\n                                        </div>\n                                    </div>\n\n                                    @let rowVal = item.getRawValue();\n\n                                    @if (rowVal.width > 0 && rowVal.length > 0) {\n                                        <div class=\"mt-1 flex flex-col gap-y-1 text-sm lg:!flex-row lg:!gap-6\">\n                                            @if (pieceAreaM2(rowVal) > 0) {\n                                                <div class=\"lg:!flex-[2]\">\n                                                    \u041F\u043B\u043E\u0449\u0430\u0434\u044C (S) =\n                                                    <span class=\"font-bold\">{{ pieceAreaM2(rowVal) | number: '1.0-4' }} \u043C\u00B2</span>\n                                                </div>\n                                            }\n                                            @if (productValue && rowCost(rowVal) > 0) {\n                                                <div class=\"lg:!flex-[3]\">\n                                                    \u0418\u0442\u043E\u0433\u043E:\n                                                    <span class=\"font-bold\">{{ rowCost(rowVal).toLocaleString() }} {{ productValue.currency.symbol }}</span>\n                                                </div>\n                                            }\n                                        </div>\n                                    }\n                                </div>\n\n                                @if (!isEditingExistingItem()) {\n                                    <button\n                                        tuiIconButton\n                                        title=\"\u0423\u0434\u0430\u043B\u0438\u0442\u044C \u0438\u0437\u0434\u0435\u043B\u0438\u0435\"\n                                        (click)=\"removeItem(itemIndex)\"\n                                        [disabled]=\"items.length <= 1 || !product.value || isItemLoading(itemIndex)\"\n                                        size=\"m\"\n                                        type=\"button\"\n                                        iconStart=\"@tui.trash-2\"\n                                        appearance=\"secondary\"\n                                        class=\"mt-6 shrink-0 lg:!ml-4\"\n                                        [style.flex]=\"'0 0 auto'\"\n                                    ></button>\n                                }\n                            </div>\n                        </tui-loader>\n                    </div>\n                }\n            </div>\n\n            @if (productValue) {\n                <hr class=\"border-sc-grey h-px\" />\n                <div class=\"min-w-0 gap-1 pt-2 text-right\">\n                    @if (totalAreaM2() > 0) {\n                        <div>\n                            \u041E\u0431\u0449\u0430\u044F \u043F\u043B\u043E\u0449\u0430\u0434\u044C:\n                            <span class=\"font-bold\">{{ totalAreaM2() | number: '1.0-4' }} \u043C\u00B2</span>\n                        </div>\n                    }\n                    @if (productValue.costRub && totalCost() > 0) {\n                        <div>\n                            \u0418\u0442\u043E\u0433\u043E:\n                            <span class=\"whitespace-nowrap text-xl font-bold\"> {{ totalCost().toLocaleString() }} {{ productValue.currency.symbol }} </span>\n                        </div>\n                    }\n                </div>\n            }\n        </div>\n\n        <tui-error />\n\n        <div class=\"flex flex-wrap items-center gap-3\">\n            @if (productValue && !isEditingExistingItem()) {\n                <button\n                    tuiButton\n                    appearance=\"secondary\"\n                    [disabled]=\"!product.value || items.invalid\"\n                    (click)=\"addItem()\"\n                    type=\"button\"\n                    iconStart=\"@tui.plus\"\n                >\n                    \u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u0438\u0437\u0434\u0435\u043B\u0438\u0435\n                </button>\n            }\n            <button\n                type=\"submit\"\n                [disabled]=\"form.invalid || isSubmitLoading() || hasNoPendingItems()\"\n                [loading]=\"isSubmitLoading()\"\n                tuiButton\n                class=\"ml-auto\"\n                iconStart=\"@tui.check\"\n            >\n                {{ !orderItem() ? '\u0412 \u043A\u043E\u0440\u0437\u0438\u043D\u0443' : '\u0418\u0437\u043C\u0435\u043D\u0438\u0442\u044C' }}\n            </button>\n        </div>\n    </form>\n</div>\n", styles: [":host{display:block;width:100%;max-width:36rem}.row-summary{color:var(--tui-text-secondary);font-size:.75rem}\n"] }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (!orderItem() && settings()?.allowShowTable) {\n    <div class=\"mb-5 flex justify-center\">\n        <button\n            tuiButton\n            appearance=\"secondary\"\n            (click)=\"toggleShowEvent.emit()\"\n            type=\"button\"\n            iconStart=\"@tui.layout-list\"\n        >\n            \u041F\u043E\u043A\u0430\u0437\u0430\u0442\u044C \u0432 \u0432\u0438\u0434\u0435 \u0441\u043F\u0438\u0441\u043A\u0430\n        </button>\n    </div>\n}\n<div class=\"\">\n    @let products = products$ | async;\n    @let productValue = product.value;\n\n    <form\n        [formGroup]=\"form\"\n        (ngSubmit)=\"onSubmit()\"\n        ScNextInputFocus\n        class=\"flex flex-col gap-2\"\n    >\n        <label\n            tuiLabel\n            class=\"grow\"\n        >\n            \u0422\u043E\u0432\u0430\u0440\n            <tui-textfield\n                tuiChevron\n                [tuiTextfieldCleaner]=\"false\"\n            >\n                <input\n                    tuiChevron\n                    tuiSelect\n                    [formControl]=\"product\"\n                    placeholder=\"\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u043C\u0430\u0442\u0435\u0440\u0438\u0430\u043B\"\n                />\n\n                <tui-data-list-wrapper\n                    *tuiDropdown\n                    new\n                    [items]=\"products\"\n                />\n            </tui-textfield>\n            <tui-error [formControl]=\"product\" />\n        </label>\n\n        @if (productValue && productValue.costRub !== undefined) {\n            <div class=\"-mt-1 text-sm text-tui-text-secondary\">\n                <span class=\"font-bold\">{{ productValue.code }}</span>\n                \u2014\n                {{ productValue.costRub.toLocaleString() }} {{ productValue.currency.symbol }}/\u043C\u00B2\n            </div>\n        }\n\n        @if (productValue) {\n            <div class=\"mt-4 mb-3 flex flex-col gap-1.5\">\n                <div class=\"w-full font-bold\">\u0420\u0430\u0437\u043C\u0435\u0440\u044B \u0438\u0437\u0434\u0435\u043B\u0438\u0439</div>\n                <div class=\"flex flex-col gap-1 text-sm text-tui-text-secondary\">\n                    @let wt = widthRangeText();\n                    @let lt = lengthRangeText();\n                    @if (wt) {\n                        <div>\u0428\u0438\u0440\u0438\u043D\u0430 {{ wt }}.</div>\n                    }\n                    @if (lt) {\n                        <div>\u0414\u043B\u0438\u043D\u0430 {{ lt }}.</div>\n                    }\n                </div>\n            </div>\n        }\n\n        <div class=\"flex flex-col gap-3\">\n            <div\n                formArrayName=\"items\"\n                class=\"flex flex-col gap-3\"\n            >\n                @for (item of items.controls; track item) {\n                    @if ($index > 0) {\n                        <hr class=\"border-sc-grey h-px\" />\n                    }\n                    @let itemIndex = $index;\n                    <div\n                        class=\"relative flex flex-col gap-1\"\n                        [formGroupName]=\"itemIndex\"\n                    >\n                        @if (isItemLocked(itemIndex)) {\n                            <div class=\"pointer-events-none absolute right-3 bottom-0 z-10 flex size-8 items-center justify-center\">\n                                <tui-icon\n                                    icon=\"@tui.check\"\n                                    class=\"text-tui-status-positive\"\n                                />\n                            </div>\n                        }\n                        <tui-loader [loading]=\"isItemLoading(itemIndex)\">\n                            <div\n                                [class.opacity-70]=\"isItemLocked(itemIndex)\"\n                                class=\"flex min-w-0 items-start gap-2\"\n                            >\n                                <div class=\"flex min-w-0 flex-1 flex-col gap-3\">\n                                    <div class=\"flex flex-col gap-3 lg:!flex-row lg:!items-start lg:!gap-6\">\n                                        <!-- \u0413\u0440\u0443\u043F\u043F\u0430 1: \u0448\u0438\u0440\u0438\u043D\u0430 + \u0434\u043B\u0438\u043D\u0430 -->\n                                        <div class=\"grid grid-cols-1 gap-2 sm:grid-cols-2 lg:!flex-[2]\">\n                                            <label tuiLabel>\n                                                \u0428\u0438\u0440\u0438\u043D\u0430, \u043C\u043C\n                                                <tui-textfield>\n                                                    <input\n                                                        tuiInputSlider\n                                                        formControlName=\"width\"\n                                                        [min]=\"settings()?.minWidth ?? 0\"\n                                                        [max]=\"product.value?.properties?.width ?? 0\"\n                                                        [tuiNumberFormat]=\"{ precision: 0 }\"\n                                                        [readOnly]=\"!product.value || isItemLocked(itemIndex) || isItemLoading(itemIndex)\"\n                                                        [tuiAutoFocus]=\"!$first\"\n                                                        placeholder=\"\u0428\u0438\u0440\u0438\u043D\u0430\"\n                                                        autocomplete=\"off\"\n                                                    />\n                                                    @if (product.value) {\n                                                        <input\n                                                            tuiSlider\n                                                            type=\"range\"\n                                                        />\n                                                    }\n                                                </tui-textfield>\n                                                <tui-error formControlName=\"width\" />\n                                            </label>\n\n                                            <label tuiLabel>\n                                                \u0414\u043B\u0438\u043D\u0430, \u043C\u043C\n                                                <tui-textfield>\n                                                    <input\n                                                        tuiInputSlider\n                                                        formControlName=\"length\"\n                                                        [min]=\"settings()?.minLength ?? 0\"\n                                                        [max]=\"product.value?.properties?.length ?? 0\"\n                                                        [tuiNumberFormat]=\"{ precision: 0 }\"\n                                                        [readOnly]=\"!product.value || isItemLocked(itemIndex) || isItemLoading(itemIndex)\"\n                                                        placeholder=\"\u0414\u043B\u0438\u043D\u0430\"\n                                                        autocomplete=\"off\"\n                                                    />\n                                                    @if (product.value) {\n                                                        <input\n                                                            tuiSlider\n                                                            type=\"range\"\n                                                        />\n                                                    }\n                                                </tui-textfield>\n                                                <tui-error formControlName=\"length\" />\n                                            </label>\n                                        </div>\n\n                                        <!-- \u0413\u0440\u0443\u043F\u043F\u0430 2: \u043A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E + \u043C\u0430\u0440\u043A\u0438\u0440\u043E\u0432\u043A\u0430 (\u043D\u0430 lg 1fr | 2fr) -->\n                                        <div class=\"grid grid-cols-1 gap-2 sm:grid-cols-2 lg:!grid-cols-[1fr_2fr] lg:!flex-[3]\">\n                                            <label tuiLabel>\n                                                <span class=\"whitespace-nowrap\">\u041A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E, \u0448\u0442</span>\n                                                <tui-textfield [tuiTextfieldCleaner]=\"false\">\n                                                    <input\n                                                        tuiInputNumber\n                                                        formControlName=\"count\"\n                                                        [min]=\"1\"\n                                                        [tuiNumberFormat]=\"{ precision: 0 }\"\n                                                        [readOnly]=\"!product.value || isItemLocked(itemIndex) || isItemLoading(itemIndex)\"\n                                                        placeholder=\"\u041A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E\"\n                                                        autocomplete=\"off\"\n                                                    />\n                                                </tui-textfield>\n                                                <tui-error formControlName=\"count\" />\n                                            </label>\n\n                                            <label tuiLabel>\n                                                \u041C\u0430\u0440\u043A\u0438\u0440\u043E\u0432\u043A\u0430\n                                                <tui-textfield>\n                                                    <input\n                                                        tuiInput\n                                                        formControlName=\"marker\"\n                                                        [readOnly]=\"!product.value || isItemLocked(itemIndex) || isItemLoading(itemIndex)\"\n                                                        placeholder=\"\u041C\u0430\u0440\u043A\u0438\u0440\u043E\u0432\u043A\u0430\"\n                                                        autocomplete=\"off\"\n                                                    />\n                                                </tui-textfield>\n                                                <tui-error formControlName=\"marker\" />\n                                            </label>\n                                        </div>\n                                    </div>\n\n                                    @let rowVal = item.getRawValue();\n\n                                    @if (rowVal.width > 0 && rowVal.length > 0) {\n                                        <div class=\"mt-1 flex flex-col gap-y-1 text-sm lg:!flex-row lg:!gap-6\">\n                                            @if (pieceAreaM2(rowVal) > 0) {\n                                                <div class=\"lg:!flex-[2]\">\n                                                    \u041F\u043B\u043E\u0449\u0430\u0434\u044C (S) =\n                                                    <span class=\"font-bold\">{{ pieceAreaM2(rowVal) | number: '1.0-4' }} \u043C\u00B2</span>\n                                                </div>\n                                            }\n                                            @if (productValue && rowCost(rowVal) > 0) {\n                                                <div class=\"lg:!flex-[3]\">\n                                                    \u0418\u0442\u043E\u0433\u043E:\n                                                    <span class=\"font-bold\">{{ rowCost(rowVal).toLocaleString() }} {{ productValue.currency.symbol }}</span>\n                                                </div>\n                                            }\n                                        </div>\n                                    }\n                                </div>\n\n                                @if (!isEditingExistingItem()) {\n                                    <button\n                                        tuiIconButton\n                                        title=\"\u0423\u0434\u0430\u043B\u0438\u0442\u044C \u0438\u0437\u0434\u0435\u043B\u0438\u0435\"\n                                        (click)=\"removeItem(itemIndex)\"\n                                        [disabled]=\"items.length <= 1 || !product.value || isItemLoading(itemIndex)\"\n                                        size=\"m\"\n                                        type=\"button\"\n                                        iconStart=\"@tui.trash-2\"\n                                        appearance=\"secondary\"\n                                        class=\"mt-6 shrink-0 lg:!ml-4\"\n                                        [style.flex]=\"'0 0 auto'\"\n                                    ></button>\n                                }\n                            </div>\n                        </tui-loader>\n                    </div>\n                }\n            </div>\n\n            @if (productValue) {\n                <hr class=\"border-sc-grey h-px\" />\n                <div class=\"min-w-0 gap-1 pt-2 text-right\">\n                    @if (totalAreaM2() > 0) {\n                        <div>\n                            \u041E\u0431\u0449\u0430\u044F \u043F\u043B\u043E\u0449\u0430\u0434\u044C:\n                            <span class=\"font-bold\">{{ totalAreaM2() | number: '1.0-4' }} \u043C\u00B2</span>\n                        </div>\n                    }\n                    @if (productValue.costRub && totalCost() > 0) {\n                        <div>\n                            \u0418\u0442\u043E\u0433\u043E:\n                            <span class=\"whitespace-nowrap text-xl font-bold\"> {{ totalCost().toLocaleString() }} {{ productValue.currency.symbol }} </span>\n                        </div>\n                    }\n                </div>\n            }\n        </div>\n\n        <tui-error [formGroup]=\"form\" />\n\n        <div class=\"flex flex-wrap items-center gap-3\">\n            @if (productValue && !isEditingExistingItem()) {\n                <button\n                    tuiButton\n                    appearance=\"secondary\"\n                    [disabled]=\"!product.value || items.invalid\"\n                    (click)=\"addItem()\"\n                    type=\"button\"\n                    iconStart=\"@tui.plus\"\n                >\n                    \u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u0438\u0437\u0434\u0435\u043B\u0438\u0435\n                </button>\n            }\n            <button\n                type=\"submit\"\n                [disabled]=\"form.invalid || isSubmitLoading() || hasNoPendingItems()\"\n                [loading]=\"isSubmitLoading()\"\n                tuiButton\n                class=\"ml-auto\"\n                iconStart=\"@tui.check\"\n            >\n                {{ !orderItem() ? '\u0412 \u043A\u043E\u0440\u0437\u0438\u043D\u0443' : '\u0418\u0437\u043C\u0435\u043D\u0438\u0442\u044C' }}\n            </button>\n        </div>\n    </form>\n</div>\n", styles: [":host{display:block;width:100%;max-width:36rem}.row-summary{color:var(--tui-text-secondary);font-size:.75rem}\n"] }]
         }], propDecorators: { settings: [{ type: i0.Input, args: [{ isSignal: true, alias: "settings", required: false }] }], categoryId: [{ type: i0.Input, args: [{ isSignal: true, alias: "categoryId", required: true }] }], editor: [{ type: i0.Input, args: [{ isSignal: true, alias: "editor", required: true }] }], orderItem: [{ type: i0.Input, args: [{ isSignal: true, alias: "orderItem", required: true }] }], orderId: [{
                 type: Input
             }], toggleShowEvent: [{ type: i0.Output, args: ["toggleShowEvent"] }] } });
@@ -6050,11 +6074,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImpo
  */
 class ScSandwichM2SkeletonComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: ScSandwichM2SkeletonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.16", type: ScSandwichM2SkeletonComponent, isStandalone: true, selector: "sc-sandwich-m2-skeleton", ngImport: i0, template: "<div class=\"w-100\">\n    <div class=\"flex flex-col gap-3\">\n        <!-- \u041F\u043E\u043B\u0435 \u0432\u044B\u0431\u043E\u0440\u0430 \u0442\u043E\u0432\u0430\u0440\u0430. -->\n        <div class=\"mb-4 mt-2 h-10 w-full rounded-sm bg-sc-light-grey\"></div>\n\n        <!-- \u0417\u0430\u0433\u043E\u043B\u043E\u0432\u043E\u043A \"\u0420\u0430\u0437\u043C\u0435\u0440\u044B \u0438\u0437\u0434\u0435\u043B\u0438\u0439\". -->\n        <div class=\"my-1.5 h-5 w-1/3 rounded bg-sc-light-grey\"></div>\n\n        <!-- \u0422\u0435\u043A\u0441\u0442 \u0441 \u043F\u0430\u0440\u0430\u043C\u0435\u0442\u0440\u0430\u043C\u0438. -->\n        <div class=\"flex flex-col gap-1\">\n            <div class=\"my-1 h-3 w-2/3 rounded bg-sc-light-grey\"></div>\n            <div class=\"my-1 h-3 w-2/3 rounded bg-sc-light-grey\"></div>\n            <div class=\"my-1 h-3 w-2/3 rounded bg-sc-light-grey\"></div>\n            <div class=\"my-1 h-3 w-2/3 rounded bg-sc-light-grey\"></div>\n        </div>\n\n        <!-- \u0411\u043B\u043E\u043A \u0441 \u0438\u0437\u0434\u0435\u043B\u0438\u044F\u043C\u0438. -->\n        <div class=\"flex flex-col gap-3\">\n            <div class=\"flex grow gap-4\">\n                <div class=\"grid grow grid-cols-4 gap-4\">\n                    <div class=\"flex flex-col gap-1\">\n                        <div class=\"my-1 h-3 w-1/2 rounded bg-sc-light-grey\"></div>\n                        <div class=\"mb-4 mt-2 h-10 w-full rounded-sm bg-sc-light-grey\"></div>\n                    </div>\n                    <div class=\"flex flex-col gap-1\">\n                        <div class=\"my-1 h-3 w-1/2 rounded bg-sc-light-grey\"></div>\n                        <div class=\"mb-4 mt-2 h-10 w-full rounded-sm bg-sc-light-grey\"></div>\n                    </div>\n                    <div class=\"flex flex-col gap-1\">\n                        <div class=\"my-1 h-3 w-1/2 rounded bg-sc-light-grey\"></div>\n                        <div class=\"mb-4 mt-2 h-10 w-full rounded-sm bg-sc-light-grey\"></div>\n                    </div>\n                    <div class=\"flex flex-col gap-1\">\n                        <div class=\"my-1 h-3 w-1/2 rounded bg-sc-light-grey\"></div>\n                        <div class=\"mb-4 mt-2 h-10 w-full rounded-sm bg-sc-light-grey\"></div>\n                    </div>\n                </div>\n                <div class=\"mt-6 size-8 shrink-0 rounded-sm bg-sc-light-grey\"></div>\n            </div>\n        </div>\n\n        <!-- \u041A\u043D\u043E\u043F\u043A\u0430 \"\u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u0438\u0437\u0434\u0435\u043B\u0438\u0435\". -->\n        <button\n            tuiButton\n            appearance=\"secondary\"\n            class=\"sc-skeleton self-center\"\n            aria-hidden=\"true\"\n        ></button>\n\n        <!-- \u0418\u0442\u043E\u0433\u043E\u0432\u0430\u044F \u043F\u043B\u043E\u0449\u0430\u0434\u044C \u0438 \u0441\u0442\u043E\u0438\u043C\u043E\u0441\u0442\u044C. -->\n        <div class=\"my-2.5 h-6 w-1/3 rounded bg-sc-light-grey\"></div>\n\n        <!-- \u041A\u043D\u043E\u043F\u043A\u0430 \u043E\u0442\u043F\u0440\u0430\u0432\u043A\u0438. -->\n        <button\n            tuiButton\n            class=\"sc-skeleton self-center\"\n            aria-hidden=\"true\"\n        ></button>\n    </div>\n</div>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.16", type: ScSandwichM2SkeletonComponent, isStandalone: true, selector: "sc-sandwich-m2-skeleton", ngImport: i0, template: "<div class=\"w-100\">\n    <div class=\"flex flex-col gap-3\">\n        <!-- \u041F\u043E\u043B\u0435 \u0432\u044B\u0431\u043E\u0440\u0430 \u0442\u043E\u0432\u0430\u0440\u0430. -->\n        <div class=\"mb-4 mt-2 h-10 w-full rounded-sm bg-sc-light-grey\"></div>\n\n        <!-- \u0417\u0430\u0433\u043E\u043B\u043E\u0432\u043E\u043A \"\u0420\u0430\u0437\u043C\u0435\u0440\u044B \u0438\u0437\u0434\u0435\u043B\u0438\u0439\". -->\n        <div class=\"my-1.5 h-5 w-1/3 rounded bg-sc-light-grey\"></div>\n\n        <!-- \u0422\u0435\u043A\u0441\u0442 \u0441 \u043F\u0430\u0440\u0430\u043C\u0435\u0442\u0440\u0430\u043C\u0438. -->\n        <div class=\"flex flex-col gap-1\">\n            <div class=\"my-1 h-3 w-2/3 rounded bg-sc-light-grey\"></div>\n            <div class=\"my-1 h-3 w-2/3 rounded bg-sc-light-grey\"></div>\n            <div class=\"my-1 h-3 w-2/3 rounded bg-sc-light-grey\"></div>\n            <div class=\"my-1 h-3 w-2/3 rounded bg-sc-light-grey\"></div>\n        </div>\n\n        <!-- \u0411\u043B\u043E\u043A \u0441 \u0438\u0437\u0434\u0435\u043B\u0438\u044F\u043C\u0438. -->\n        <div class=\"flex flex-col gap-3\">\n            <div class=\"flex grow gap-4\">\n                <div class=\"grid grow grid-cols-4 gap-4\">\n                    <div class=\"flex flex-col gap-1\">\n                        <div class=\"my-1 h-3 w-1/2 rounded bg-sc-light-grey\"></div>\n                        <div class=\"mb-4 mt-2 h-10 w-full rounded-sm bg-sc-light-grey\"></div>\n                    </div>\n                    <div class=\"flex flex-col gap-1\">\n                        <div class=\"my-1 h-3 w-1/2 rounded bg-sc-light-grey\"></div>\n                        <div class=\"mb-4 mt-2 h-10 w-full rounded-sm bg-sc-light-grey\"></div>\n                    </div>\n                    <div class=\"flex flex-col gap-1\">\n                        <div class=\"my-1 h-3 w-1/2 rounded bg-sc-light-grey\"></div>\n                        <div class=\"mb-4 mt-2 h-10 w-full rounded-sm bg-sc-light-grey\"></div>\n                    </div>\n                    <div class=\"flex flex-col gap-1\">\n                        <div class=\"my-1 h-3 w-1/2 rounded bg-sc-light-grey\"></div>\n                        <div class=\"mb-4 mt-2 h-10 w-full rounded-sm bg-sc-light-grey\"></div>\n                    </div>\n                </div>\n                <div class=\"mt-6 size-8 shrink-0 rounded-sm bg-sc-light-grey\"></div>\n            </div>\n        </div>\n\n        <!-- \u041A\u043D\u043E\u043F\u043A\u0430 \"\u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u0438\u0437\u0434\u0435\u043B\u0438\u0435\". -->\n        <button\n            tuiButton\n            appearance=\"secondary\"\n            class=\"sc-skeleton self-center\"\n            aria-hidden=\"true\"\n        ></button>\n\n        <!-- \u0418\u0442\u043E\u0433\u043E\u0432\u0430\u044F \u043F\u043B\u043E\u0449\u0430\u0434\u044C \u0438 \u0441\u0442\u043E\u0438\u043C\u043E\u0441\u0442\u044C. -->\n        <div class=\"my-2.5 h-6 w-1/3 rounded bg-sc-light-grey\"></div>\n\n        <!-- \u041A\u043D\u043E\u043F\u043A\u0430 \u043E\u0442\u043F\u0440\u0430\u0432\u043A\u0438. -->\n        <button\n            tuiButton\n            class=\"sc-skeleton self-center\"\n            aria-hidden=\"true\"\n        ></button>\n    </div>\n</div>\n", dependencies: [{ 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.16", ngImport: i0, type: ScSandwichM2SkeletonComponent, decorators: [{
             type: Component,
-            args: [{ standalone: true, selector: 'sc-sandwich-m2-skeleton', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"w-100\">\n    <div class=\"flex flex-col gap-3\">\n        <!-- \u041F\u043E\u043B\u0435 \u0432\u044B\u0431\u043E\u0440\u0430 \u0442\u043E\u0432\u0430\u0440\u0430. -->\n        <div class=\"mb-4 mt-2 h-10 w-full rounded-sm bg-sc-light-grey\"></div>\n\n        <!-- \u0417\u0430\u0433\u043E\u043B\u043E\u0432\u043E\u043A \"\u0420\u0430\u0437\u043C\u0435\u0440\u044B \u0438\u0437\u0434\u0435\u043B\u0438\u0439\". -->\n        <div class=\"my-1.5 h-5 w-1/3 rounded bg-sc-light-grey\"></div>\n\n        <!-- \u0422\u0435\u043A\u0441\u0442 \u0441 \u043F\u0430\u0440\u0430\u043C\u0435\u0442\u0440\u0430\u043C\u0438. -->\n        <div class=\"flex flex-col gap-1\">\n            <div class=\"my-1 h-3 w-2/3 rounded bg-sc-light-grey\"></div>\n            <div class=\"my-1 h-3 w-2/3 rounded bg-sc-light-grey\"></div>\n            <div class=\"my-1 h-3 w-2/3 rounded bg-sc-light-grey\"></div>\n            <div class=\"my-1 h-3 w-2/3 rounded bg-sc-light-grey\"></div>\n        </div>\n\n        <!-- \u0411\u043B\u043E\u043A \u0441 \u0438\u0437\u0434\u0435\u043B\u0438\u044F\u043C\u0438. -->\n        <div class=\"flex flex-col gap-3\">\n            <div class=\"flex grow gap-4\">\n                <div class=\"grid grow grid-cols-4 gap-4\">\n                    <div class=\"flex flex-col gap-1\">\n                        <div class=\"my-1 h-3 w-1/2 rounded bg-sc-light-grey\"></div>\n                        <div class=\"mb-4 mt-2 h-10 w-full rounded-sm bg-sc-light-grey\"></div>\n                    </div>\n                    <div class=\"flex flex-col gap-1\">\n                        <div class=\"my-1 h-3 w-1/2 rounded bg-sc-light-grey\"></div>\n                        <div class=\"mb-4 mt-2 h-10 w-full rounded-sm bg-sc-light-grey\"></div>\n                    </div>\n                    <div class=\"flex flex-col gap-1\">\n                        <div class=\"my-1 h-3 w-1/2 rounded bg-sc-light-grey\"></div>\n                        <div class=\"mb-4 mt-2 h-10 w-full rounded-sm bg-sc-light-grey\"></div>\n                    </div>\n                    <div class=\"flex flex-col gap-1\">\n                        <div class=\"my-1 h-3 w-1/2 rounded bg-sc-light-grey\"></div>\n                        <div class=\"mb-4 mt-2 h-10 w-full rounded-sm bg-sc-light-grey\"></div>\n                    </div>\n                </div>\n                <div class=\"mt-6 size-8 shrink-0 rounded-sm bg-sc-light-grey\"></div>\n            </div>\n        </div>\n\n        <!-- \u041A\u043D\u043E\u043F\u043A\u0430 \"\u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u0438\u0437\u0434\u0435\u043B\u0438\u0435\". -->\n        <button\n            tuiButton\n            appearance=\"secondary\"\n            class=\"sc-skeleton self-center\"\n            aria-hidden=\"true\"\n        ></button>\n\n        <!-- \u0418\u0442\u043E\u0433\u043E\u0432\u0430\u044F \u043F\u043B\u043E\u0449\u0430\u0434\u044C \u0438 \u0441\u0442\u043E\u0438\u043C\u043E\u0441\u0442\u044C. -->\n        <div class=\"my-2.5 h-6 w-1/3 rounded bg-sc-light-grey\"></div>\n\n        <!-- \u041A\u043D\u043E\u043F\u043A\u0430 \u043E\u0442\u043F\u0440\u0430\u0432\u043A\u0438. -->\n        <button\n            tuiButton\n            class=\"sc-skeleton self-center\"\n            aria-hidden=\"true\"\n        ></button>\n    </div>\n</div>\n" }]
+            args: [{ standalone: true, selector: 'sc-sandwich-m2-skeleton', changeDetection: ChangeDetectionStrategy.OnPush, imports: [TuiButton], template: "<div class=\"w-100\">\n    <div class=\"flex flex-col gap-3\">\n        <!-- \u041F\u043E\u043B\u0435 \u0432\u044B\u0431\u043E\u0440\u0430 \u0442\u043E\u0432\u0430\u0440\u0430. -->\n        <div class=\"mb-4 mt-2 h-10 w-full rounded-sm bg-sc-light-grey\"></div>\n\n        <!-- \u0417\u0430\u0433\u043E\u043B\u043E\u0432\u043E\u043A \"\u0420\u0430\u0437\u043C\u0435\u0440\u044B \u0438\u0437\u0434\u0435\u043B\u0438\u0439\". -->\n        <div class=\"my-1.5 h-5 w-1/3 rounded bg-sc-light-grey\"></div>\n\n        <!-- \u0422\u0435\u043A\u0441\u0442 \u0441 \u043F\u0430\u0440\u0430\u043C\u0435\u0442\u0440\u0430\u043C\u0438. -->\n        <div class=\"flex flex-col gap-1\">\n            <div class=\"my-1 h-3 w-2/3 rounded bg-sc-light-grey\"></div>\n            <div class=\"my-1 h-3 w-2/3 rounded bg-sc-light-grey\"></div>\n            <div class=\"my-1 h-3 w-2/3 rounded bg-sc-light-grey\"></div>\n            <div class=\"my-1 h-3 w-2/3 rounded bg-sc-light-grey\"></div>\n        </div>\n\n        <!-- \u0411\u043B\u043E\u043A \u0441 \u0438\u0437\u0434\u0435\u043B\u0438\u044F\u043C\u0438. -->\n        <div class=\"flex flex-col gap-3\">\n            <div class=\"flex grow gap-4\">\n                <div class=\"grid grow grid-cols-4 gap-4\">\n                    <div class=\"flex flex-col gap-1\">\n                        <div class=\"my-1 h-3 w-1/2 rounded bg-sc-light-grey\"></div>\n                        <div class=\"mb-4 mt-2 h-10 w-full rounded-sm bg-sc-light-grey\"></div>\n                    </div>\n                    <div class=\"flex flex-col gap-1\">\n                        <div class=\"my-1 h-3 w-1/2 rounded bg-sc-light-grey\"></div>\n                        <div class=\"mb-4 mt-2 h-10 w-full rounded-sm bg-sc-light-grey\"></div>\n                    </div>\n                    <div class=\"flex flex-col gap-1\">\n                        <div class=\"my-1 h-3 w-1/2 rounded bg-sc-light-grey\"></div>\n                        <div class=\"mb-4 mt-2 h-10 w-full rounded-sm bg-sc-light-grey\"></div>\n                    </div>\n                    <div class=\"flex flex-col gap-1\">\n                        <div class=\"my-1 h-3 w-1/2 rounded bg-sc-light-grey\"></div>\n                        <div class=\"mb-4 mt-2 h-10 w-full rounded-sm bg-sc-light-grey\"></div>\n                    </div>\n                </div>\n                <div class=\"mt-6 size-8 shrink-0 rounded-sm bg-sc-light-grey\"></div>\n            </div>\n        </div>\n\n        <!-- \u041A\u043D\u043E\u043F\u043A\u0430 \"\u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u0438\u0437\u0434\u0435\u043B\u0438\u0435\". -->\n        <button\n            tuiButton\n            appearance=\"secondary\"\n            class=\"sc-skeleton self-center\"\n            aria-hidden=\"true\"\n        ></button>\n\n        <!-- \u0418\u0442\u043E\u0433\u043E\u0432\u0430\u044F \u043F\u043B\u043E\u0449\u0430\u0434\u044C \u0438 \u0441\u0442\u043E\u0438\u043C\u043E\u0441\u0442\u044C. -->\n        <div class=\"my-2.5 h-6 w-1/3 rounded bg-sc-light-grey\"></div>\n\n        <!-- \u041A\u043D\u043E\u043F\u043A\u0430 \u043E\u0442\u043F\u0440\u0430\u0432\u043A\u0438. -->\n        <button\n            tuiButton\n            class=\"sc-skeleton self-center\"\n            aria-hidden=\"true\"\n        ></button>\n    </div>\n</div>\n" }]
         }] });
 
 /* eslint-disable no-restricted-syntax,@typescript-eslint/unbound-method */
@@ -7094,11 +7118,11 @@ class ScResourcePreviewComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: ScResourcePreviewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.16", type: ScResourcePreviewComponent, isStandalone: true, selector: "sc-resource-preview", ngImport: i0, template: "@if (src && isVideoResource()) {\n    <video\n        #video\n        controls\n        (canplay)=\"onCanPlay(video)\"\n        class=\"size-full bg-black\"\n    >\n        <source\n            [src]=\"src\"\n            [type]=\"type\"\n        />\n    </video>\n} @else {\n    <div\n        tuiNotification\n        appearance=\"warning\"\n        size=\"l\"\n    >\n        <div\n            tuiTitle\n            [style.padding-inline-end.rem]=\"2\"\n            class=\"flex flex-col\"\n        >\n            {{ !src || !type ? '\u0418\u0437\u0432\u0438\u043D\u0438\u0442\u0435, \u0440\u0435\u0441\u0443\u0440\u0441 \u043D\u0435 \u043D\u0430\u0439\u0434\u0435\u043D.' : '\u0418\u0437\u0432\u0438\u043D\u0438\u0442\u0435, \u0434\u0430\u043D\u043D\u044B\u0439 \u0444\u043E\u0440\u043C\u0430\u0442 \u0440\u0435\u0441\u0443\u0440\u0441\u0430 \u043D\u0435 \u043F\u043E\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0435\u0442\u0441\u044F.' }}\n            <button\n                tuiButton\n                type=\"button\"\n                size=\"m\"\n                appearance=\"primary\"\n                (click)=\"context?.$implicit?.complete()\"\n                class=\"mt-4 self-center\"\n            >\n                \u0417\u0430\u043A\u0440\u044B\u0442\u044C\n            </button>\n        </div>\n    </div>\n}\n", styles: [":host{display:flex;height:100lvh;width:100%;justify-content:center;align-items:center}\n"], dependencies: [{ kind: "directive", type: i2.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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.16", type: ScResourcePreviewComponent, isStandalone: true, selector: "sc-resource-preview", ngImport: i0, template: "@if (src && isVideoResource()) {\n    <video\n        #video\n        controls\n        (canplay)=\"onCanPlay(video)\"\n        class=\"size-full bg-black\"\n    >\n        <source\n            [src]=\"src\"\n            [type]=\"type\"\n        />\n    </video>\n} @else {\n    <div\n        tuiNotification\n        appearance=\"warning\"\n        size=\"l\"\n    >\n        <div\n            tuiTitle\n            [style.padding-inline-end.rem]=\"2\"\n            class=\"flex flex-col\"\n        >\n            {{ !src || !type ? '\u0418\u0437\u0432\u0438\u043D\u0438\u0442\u0435, \u0440\u0435\u0441\u0443\u0440\u0441 \u043D\u0435 \u043D\u0430\u0439\u0434\u0435\u043D.' : '\u0418\u0437\u0432\u0438\u043D\u0438\u0442\u0435, \u0434\u0430\u043D\u043D\u044B\u0439 \u0444\u043E\u0440\u043C\u0430\u0442 \u0440\u0435\u0441\u0443\u0440\u0441\u0430 \u043D\u0435 \u043F\u043E\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0435\u0442\u0441\u044F.' }}\n            <button\n                tuiButton\n                type=\"button\"\n                size=\"m\"\n                appearance=\"primary\"\n                (click)=\"context?.$implicit?.complete()\"\n                class=\"mt-4 self-center\"\n            >\n                \u0417\u0430\u043A\u0440\u044B\u0442\u044C\n            </button>\n        </div>\n    </div>\n}\n", styles: [":host{display:flex;height:100lvh;width:100%;justify-content:center;align-items:center}\n"], dependencies: [{ kind: "directive", type: i2.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: "directive", type: TuiTitle, selector: "[tuiTitle]", inputs: ["tuiTitle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: ScResourcePreviewComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sc-resource-preview', imports: [TuiNotification, TuiButton], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (src && isVideoResource()) {\n    <video\n        #video\n        controls\n        (canplay)=\"onCanPlay(video)\"\n        class=\"size-full bg-black\"\n    >\n        <source\n            [src]=\"src\"\n            [type]=\"type\"\n        />\n    </video>\n} @else {\n    <div\n        tuiNotification\n        appearance=\"warning\"\n        size=\"l\"\n    >\n        <div\n            tuiTitle\n            [style.padding-inline-end.rem]=\"2\"\n            class=\"flex flex-col\"\n        >\n            {{ !src || !type ? '\u0418\u0437\u0432\u0438\u043D\u0438\u0442\u0435, \u0440\u0435\u0441\u0443\u0440\u0441 \u043D\u0435 \u043D\u0430\u0439\u0434\u0435\u043D.' : '\u0418\u0437\u0432\u0438\u043D\u0438\u0442\u0435, \u0434\u0430\u043D\u043D\u044B\u0439 \u0444\u043E\u0440\u043C\u0430\u0442 \u0440\u0435\u0441\u0443\u0440\u0441\u0430 \u043D\u0435 \u043F\u043E\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0435\u0442\u0441\u044F.' }}\n            <button\n                tuiButton\n                type=\"button\"\n                size=\"m\"\n                appearance=\"primary\"\n                (click)=\"context?.$implicit?.complete()\"\n                class=\"mt-4 self-center\"\n            >\n                \u0417\u0430\u043A\u0440\u044B\u0442\u044C\n            </button>\n        </div>\n    </div>\n}\n", styles: [":host{display:flex;height:100lvh;width:100%;justify-content:center;align-items:center}\n"] }]
+            args: [{ selector: 'sc-resource-preview', imports: [TuiNotification, TuiButton, TuiTitle], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (src && isVideoResource()) {\n    <video\n        #video\n        controls\n        (canplay)=\"onCanPlay(video)\"\n        class=\"size-full bg-black\"\n    >\n        <source\n            [src]=\"src\"\n            [type]=\"type\"\n        />\n    </video>\n} @else {\n    <div\n        tuiNotification\n        appearance=\"warning\"\n        size=\"l\"\n    >\n        <div\n            tuiTitle\n            [style.padding-inline-end.rem]=\"2\"\n            class=\"flex flex-col\"\n        >\n            {{ !src || !type ? '\u0418\u0437\u0432\u0438\u043D\u0438\u0442\u0435, \u0440\u0435\u0441\u0443\u0440\u0441 \u043D\u0435 \u043D\u0430\u0439\u0434\u0435\u043D.' : '\u0418\u0437\u0432\u0438\u043D\u0438\u0442\u0435, \u0434\u0430\u043D\u043D\u044B\u0439 \u0444\u043E\u0440\u043C\u0430\u0442 \u0440\u0435\u0441\u0443\u0440\u0441\u0430 \u043D\u0435 \u043F\u043E\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0435\u0442\u0441\u044F.' }}\n            <button\n                tuiButton\n                type=\"button\"\n                size=\"m\"\n                appearance=\"primary\"\n                (click)=\"context?.$implicit?.complete()\"\n                class=\"mt-4 self-center\"\n            >\n                \u0417\u0430\u043A\u0440\u044B\u0442\u044C\n            </button>\n        </div>\n    </div>\n}\n", styles: [":host{display:flex;height:100lvh;width:100%;justify-content:center;align-items:center}\n"] }]
         }] });
 
 /**
@@ -8646,7 +8670,7 @@ class ScOrderFormComponent {
         reader.readAsDataURL(file);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: ScOrderFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.16", type: ScOrderFormComponent, isStandalone: true, selector: "sc-order-form", inputs: { directionId: { classPropertyName: "directionId", publicName: "directionId", isSignal: true, isRequired: true, transformFunction: null }, enforceApprovedContacts: { classPropertyName: "enforceApprovedContacts", publicName: "enforceApprovedContacts", isSignal: true, isRequired: false, transformFunction: null }, persistMetadata: { classPropertyName: "persistMetadata", publicName: "persistMetadata", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { orderSubmit: "orderSubmit" }, providers: [TERMINAL_PROVIDERS], viewQueries: [{ propertyName: "unconfirmedDataWarning", first: true, predicate: ["unconfirmedDataWarning"], descendants: true, isSignal: true }], ngImport: i0, template: "@let user = user$ | async;\n\n<form\n    [formGroup]=\"form\"\n    scFocusFirstInvalidField\n    [fieldOrder]=\"['contragentId', 'paymentType', 'deliveryType', 'warehouseId', 'addressId', 'deliveryDate', 'comment']\"\n    (ngSubmit)=\"submit()\"\n    class=\"flex flex-col gap-4\"\n>\n    <ng-template #selectLoading> <tui-loader /> </ng-template>\n\n    <!-- \u041A\u043E\u043D\u0442\u0440\u0430\u0433\u0435\u043D\u0442. -->\n    @if (contragents$ | async; as contragents) {\n        @if (contragents.length > 1 || user?.isOrg) {\n            <div>\n                <label tuiLabel>\n                    \u041A\u043E\u043D\u0442\u0440\u0430\u0433\u0435\u043D\u0442\n                    <tui-textfield\n                        tuiChevron\n                        [content]=\"contragents ? stringify(contragents) : selectLoading\"\n                    >\n                        <input\n                            tuiSelect\n                            formControlName=\"contragentId\"\n                            placeholder=\"\u041A\u043E\u043D\u0442\u0440\u0430\u0433\u0435\u043D\u0442\"\n                        />\n                        <tui-data-list *tuiDropdown>\n                            @for (contragent of contragents; track contragent.id) {\n                                <button\n                                    tuiOption\n                                    [value]=\"contragent.id\"\n                                >\n                                    {{ contragent.name }}\n                                </button>\n                            }\n                        </tui-data-list>\n                    </tui-textfield>\n                    <tui-error formControlName=\"contragentId\" />\n                </label>\n                <a\n                    tuiLink\n                    iconStart=\"@tui.plus\"\n                    (click)=\"addContragent()\"\n                    class=\"mt-2 block\"\n                >\n                    \u041D\u043E\u0432\u044B\u0439\n                </a>\n            </div>\n        }\n    }\n\n    <!-- \u0422\u0438\u043F \u043E\u043F\u043B\u0430\u0442\u044B. -->\n    <label tuiLabel>\n        \u0422\u0438\u043F \u043E\u043F\u043B\u0430\u0442\u044B\n        @let paymentTypes = paymentTypes$ | async;\n        <tui-textfield\n            tuiChevron\n            [content]=\"paymentTypes ? stringify(paymentTypes) : selectLoading\"\n        >\n            <input\n                tuiSelect\n                formControlName=\"paymentType\"\n                placeholder=\"\u0422\u0438\u043F \u043E\u043F\u043B\u0430\u0442\u044B\"\n            />\n            <tui-data-list *tuiDropdown>\n                @for (type of paymentTypes; track type.id) {\n                    <button\n                        tuiOption\n                        [value]=\"type.id\"\n                    >\n                        {{ type.name }}\n                    </button>\n                }\n            </tui-data-list>\n        </tui-textfield>\n        <tui-error formControlName=\"paymentType\" />\n        @if (isCashPaymentSelected()) {\n            <p class=\"text-xs text-tui-status-positive\">\u0417\u0430\u043A\u0430\u0437\u044B \u043F\u0440\u043E\u0438\u0437\u0432\u043E\u0434\u044F\u0442\u0441\u044F \u043F\u043E \u043F\u0440\u0435\u0434\u043E\u043F\u043B\u0430\u0442\u0435</p>\n        }\n    </label>\n\n    <!-- \u041F\u0440\u0435\u0434\u0443\u043F\u0440\u0435\u0436\u0434\u0435\u043D\u0438\u0435 \u043E \u043D\u0435\u043F\u043E\u0434\u0442\u0432\u0435\u0440\u0436\u0434\u0451\u043D\u043D\u044B\u0445 \u043A\u043E\u043D\u0442\u0430\u043A\u0442\u043D\u044B\u0445 \u0434\u0430\u043D\u043D\u044B\u0445. -->\n    @if (!isPhoneApproved() || !isEmailApproved()) {\n        <div\n            #unconfirmedDataWarning\n            class=\"text-tui-text-negative\"\n            [class.warning-shake]=\"warningShake()\"\n        >\n            \u0412\u043D\u0438\u043C\u0430\u043D\u0438\u0435! \u0414\u043B\u044F \u043E\u0444\u043E\u0440\u043C\u043B\u0435\u043D\u0438\u044F \u0437\u0430\u043A\u0430\u0437\u0430 \u043D\u0435\u043E\u0431\u0445\u043E\u0434\u0438\u043C\u043E \u043F\u043E\u0434\u0442\u0432\u0435\u0440\u0434\u0438\u0442\u044C\n            @if (!isPhoneApproved()) {\n                <span class=\"font-bold\"> \u043D\u043E\u043C\u0435\u0440 \u0442\u0435\u043B\u0435\u0444\u043E\u043D\u0430 </span>\n            }\n            @if (!isPhoneApproved() && !isEmailApproved()) {\n                <span> \u0438 </span>\n            }\n            @if (!isEmailApproved()) {\n                <span class=\"font-bold\"> \u0430\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B </span>\n            }\n            <a\n                tuiLink\n                routerLink=\"/profile\"\n            >\n                \u0432 \u0432\u0430\u0448\u0435\u043C \u043F\u0440\u043E\u0444\u0438\u043B\u0435\n            </a>\n        </div>\n    }\n\n    <!-- \u0421\u043F\u043E\u0441\u043E\u0431 \u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438. -->\n    <label tuiLabel>\n        \u0421\u043F\u043E\u0441\u043E\u0431 \u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438\n        @let deliveryTypes = deliveryTypes$ | async;\n        <tui-textfield\n            tuiChevron\n            [content]=\"deliveryTypes ? stringify(deliveryTypes) : selectLoading\"\n        >\n            <input\n                tuiSelect\n                formControlName=\"deliveryType\"\n                placeholder=\"\u0421\u043F\u043E\u0441\u043E\u0431 \u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438\"\n            />\n            <tui-data-list *tuiDropdown>\n                @for (delivery of deliveryTypes; track delivery.id) {\n                    <button\n                        tuiOption\n                        [value]=\"delivery.id\"\n                    >\n                        {{ delivery.name }}\n                    </button>\n                }\n            </tui-data-list>\n        </tui-textfield>\n        <tui-error formControlName=\"deliveryType\" />\n    </label>\n\n    <!-- \u0421\u043A\u043B\u0430\u0434. -->\n    <label tuiLabel>\n        \u0421\u043A\u043B\u0430\u0434\n        @let warehouses = warehouses$ | async;\n        <tui-textfield\n            tuiChevron\n            [content]=\"warehouses ? stringify(warehouses) : selectLoading\"\n        >\n            <input\n                tuiSelect\n                formControlName=\"warehouseId\"\n                placeholder=\"\u0421\u043A\u043B\u0430\u0434\"\n            />\n            <tui-data-list *tuiDropdown>\n                @if (!terminal.isRunningOnTerminal) {\n                    @for (warehouse of warehouses; track warehouse.id) {\n                        <button\n                            tuiOption\n                            [value]=\"warehouse.id\"\n                        >\n                            {{ warehouse.name }}\n                        </button>\n                    }\n                } @else {\n                    @if (warehouseService.getCatalogWarehouseChange$() | async; as terminalWarehouse) {\n                        <button\n                            tuiOption\n                            [value]=\"terminalWarehouse.id\"\n                        >\n                            {{ terminalWarehouse.name }}\n                        </button>\n                    }\n                }\n            </tui-data-list>\n        </tui-textfield>\n        <tui-error formControlName=\"warehouseId\" />\n    </label>\n\n    <!-- \u0410\u0434\u0440\u0435\u0441 \u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438. -->\n    @if (isDelivery()) {\n        @let addresses = addresses$ | async;\n        <div>\n            <label tuiLabel>\n                \u0410\u0434\u0440\u0435\u0441 \u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438\n                <tui-textfield\n                    tuiChevron\n                    [content]=\"addresses ? stringify(addresses) : selectLoading\"\n                >\n                    <input\n                        tuiSelect\n                        formControlName=\"addressId\"\n                        placeholder=\"\u0410\u0434\u0440\u0435\u0441 \u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438\"\n                    />\n                    <tui-data-list *tuiDropdown>\n                        @for (address of addresses; track address.id) {\n                            <button\n                                tuiOption\n                                [value]=\"address.id\"\n                            >\n                                {{ address.address }}\n                            </button>\n                        }\n                    </tui-data-list>\n                </tui-textfield>\n                @if (addresses && addresses.length === 0) {\n                    <tui-error error=\"\u0423 \u043A\u043E\u043D\u0442\u0440\u0430\u0433\u0435\u043D\u0442\u0430 \u043D\u0435\u0442 \u0430\u0434\u0440\u0435\u0441\u0430 \u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438\" />\n                }\n                <tui-error formControlName=\"addressId\" />\n            </label>\n            <a\n                tuiLink\n                iconStart=\"@tui.plus\"\n                (click)=\"addDeliveryAddress()\"\n                class=\"mt-2 block\"\n            >\n                \u041D\u043E\u0432\u044B\u0439\n            </a>\n        </div>\n    }\n\n    <!-- \u0414\u0430\u0442\u0430 \u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438/\u0441\u0430\u043C\u043E\u0432\u044B\u0432\u043E\u0437\u0430. -->\n    <label tuiLabel>\n        \u0416\u0435\u043B\u0430\u0435\u043C\u0430\u044F \u0434\u0430\u0442\u0430 {{ isDelivery() ? '\u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438' : '\u0441\u0430\u043C\u043E\u0432\u044B\u0432\u043E\u0437\u0430' }}\n        <tui-textfield [disabledItemHandler]=\"deliveryDateFilter\">\n            <input\n                tuiInputDate\n                formControlName=\"deliveryDate\"\n                [placeholder]=\"'\u0416\u0435\u043B\u0430\u0435\u043C\u0430\u044F \u0434\u0430\u0442\u0430 ' + (isDelivery() ? '\u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438' : '\u0441\u0430\u043C\u043E\u0432\u044B\u0432\u043E\u0437\u0430')\"\n            />\n            <tui-calendar *tuiDropdown />\n        </tui-textfield>\n        <tui-error formControlName=\"deliveryDate\" />\n    </label>\n\n    <!-- \u041A\u043E\u043C\u043C\u0435\u043D\u0442\u0430\u0440\u0438\u0439 \u043A\u043B\u0438\u0435\u043D\u0442\u0430. -->\n    <label tuiLabel>\n        \u041A\u043E\u043C\u043C\u0435\u043D\u0442\u0430\u0440\u0438\u0439 \u043A\u043B\u0438\u0435\u043D\u0442\u0430 \u043A \u0437\u0430\u043A\u0430\u0437\u0443\n        <tui-textfield>\n            <textarea\n                tuiTextarea\n                formControlName=\"comment\"\n                placeholder=\"\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u0442\u0435\u043A\u0441\u0442\"\n                [max]=\"15\"\n            ></textarea>\n        </tui-textfield>\n        <tui-error formControlName=\"comment\" />\n    </label>\n\n    <!-- \u041F\u0440\u0438\u043A\u0440\u0435\u043F\u043B\u0435\u043D\u0438\u0435 \u0444\u0430\u0439\u043B\u0430 \u043A \u0437\u0430\u043A\u0430\u0437\u0443. -->\n    <div>\n        @if (!controlFile.value) {\n            <label tuiInputFiles>\n                <input\n                    accept=\"image/*\"\n                    tuiInputFiles\n                    [formControl]=\"controlFile\"\n                />\n            </label>\n        }\n\n        <tui-files class=\"tui-space_top-1\">\n            @if (controlFile.value | tuiFileRejected: { accept: 'image/*' } | async; as file) {\n                <tui-file\n                    state=\"error\"\n                    [file]=\"file\"\n                    (remove)=\"removeFile()\"\n                />\n            }\n\n            @for (file of accepted$ | async; track file.name) {\n                <tui-file\n                    [file]=\"file\"\n                    (remove)=\"removeFile()\"\n                />\n            }\n        </tui-files>\n\n        <tui-error\n            [order]=\"['maxLength']\"\n            [formControl]=\"controlFile\"\n        />\n        <p class=\"tui-form__field-note\">\u041D\u0430\u043F\u0440\u0438\u043C\u0435\u0440, \u0444\u043E\u0442\u043E\u0433\u0440\u0430\u0444\u0438\u044E \u043F\u043E\u0432\u0440\u0435\u0436\u0434\u0435\u043D\u0438\u0439 \u0438 \u0434\u0435\u0444\u0444\u0435\u043A\u0442\u043E\u0432, \u0447\u0442\u043E \u043F\u043E\u0441\u043B\u0443\u0436\u0438\u0442 \u0434\u043E\u043A\u0430\u0437\u0430\u0442\u0435\u043B\u044C\u0441\u0442\u0432\u043E\u043C \u043D\u0435\u0441\u043E\u043E\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0438\u044F \u0437\u0430\u044F\u0432\u043B\u0435\u043D\u043D\u043E\u0433\u043E \u043A\u0430\u0447\u0435\u0441\u0442\u0432\u0430 \u0442\u043E\u0432\u0430\u0440\u0430.</p>\n    </div>\n</form>\n", dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { 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.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: TuiLoader, selector: "tui-loader", inputs: ["size", "inheritColor", "overlay", "textContent", "loading"] }, { kind: "directive", type: TuiLabel, selector: "label[tuiLabel]" }, { kind: "directive", type: TuiChevron, selector: "[tuiChevron]", inputs: ["tuiChevron"] }, { kind: "directive", type: i1$1.TuiSelectDirective, selector: "input[tuiSelect]" }, { kind: "component", type: i3$1.TuiTextfieldComponent, selector: "tui-textfield:not([multi])", inputs: ["content", "filler"] }, { kind: "directive", type: i3.TuiDropdownContent, selector: "ng-template[tuiDropdown]" }, { kind: "component", type: i2.TuiDataListComponent, selector: "tui-data-list", inputs: ["emptyContent", "size"] }, { kind: "directive", type: i2.TuiOption, selector: "button[tuiOption], a[tuiOption], label[tuiOption]", inputs: ["disabled"] }, { kind: "directive", type: i2.TuiOptionWithValue, selector: "button[tuiOption][value], a[tuiOption][value], label[tuiOption][value]", inputs: ["disabled", "value"] }, { kind: "component", type: i2.TuiErrorComponent, selector: "tui-error", inputs: ["error"] }, { kind: "directive", type: i2.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"] }, { kind: "directive", type: TuiLink, selector: "a[tuiLink], button[tuiLink]" }, { kind: "directive", type: i1$1.TuiInputDateDirective, selector: "input[tuiInputDate]", inputs: ["max", "min"] }, { kind: "component", type: i6$1.TuiCalendar, selector: "tui-calendar", inputs: ["disabledItemHandler", "min", "max", "minViewedMonth", "maxViewedMonth", "showAdjacent", "markerHandler", "initialView", "month", "hoveredItem", "value"], outputs: ["monthChange", "hoveredItemChange", "valueChange", "dayClick"] }, { kind: "component", type: i1$1.TuiTextareaComponent, selector: "textarea[tuiTextarea]", inputs: ["min", "max", "content"] }, { kind: "component", type: i1$1.TuiFile, selector: "tui-file,a[tuiFile],button[tuiFile]", inputs: ["file", "state", "size", "showDelete", "showSize", "leftContent"], outputs: ["remove"] }, { kind: "component", type: i1$1.TuiInputFiles, selector: "label[tuiInputFiles]", inputs: ["tuiInputFiles"] }, { kind: "component", type: i1$1.TuiFilesComponent, selector: "tui-files", inputs: ["max", "expanded"], outputs: ["expandedChange"] }, { kind: "directive", type: i1$1.TuiInputFilesDirective, selector: "input[tuiInputFiles]", outputs: ["reject"] }, { kind: "directive", type: ScFocusFirstInvalidFieldDirective, selector: "form[formGroup][scFocusFirstInvalidField]", inputs: ["fieldOrder"] }, { kind: "pipe", type: i1$1.TuiFileRejectedPipe, name: "tuiFileRejected" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.16", type: ScOrderFormComponent, isStandalone: true, selector: "sc-order-form", inputs: { directionId: { classPropertyName: "directionId", publicName: "directionId", isSignal: true, isRequired: true, transformFunction: null }, enforceApprovedContacts: { classPropertyName: "enforceApprovedContacts", publicName: "enforceApprovedContacts", isSignal: true, isRequired: false, transformFunction: null }, persistMetadata: { classPropertyName: "persistMetadata", publicName: "persistMetadata", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { orderSubmit: "orderSubmit" }, providers: [TERMINAL_PROVIDERS], viewQueries: [{ propertyName: "unconfirmedDataWarning", first: true, predicate: ["unconfirmedDataWarning"], descendants: true, isSignal: true }], ngImport: i0, template: "@let user = user$ | async;\n\n<form\n    [formGroup]=\"form\"\n    scFocusFirstInvalidField\n    [fieldOrder]=\"['contragentId', 'paymentType', 'deliveryType', 'warehouseId', 'addressId', 'deliveryDate', 'comment']\"\n    (ngSubmit)=\"submit()\"\n    class=\"flex flex-col gap-4\"\n>\n    <ng-template #selectLoading> <tui-loader /> </ng-template>\n\n    <!-- \u041A\u043E\u043D\u0442\u0440\u0430\u0433\u0435\u043D\u0442. -->\n    @if (contragents$ | async; as contragents) {\n        @if (contragents.length > 1 || user?.isOrg) {\n            <div>\n                <label tuiLabel>\n                    \u041A\u043E\u043D\u0442\u0440\u0430\u0433\u0435\u043D\u0442\n                    <tui-textfield\n                        tuiChevron\n                        [content]=\"contragents ? stringify(contragents) : selectLoading\"\n                    >\n                        <input\n                            tuiSelect\n                            formControlName=\"contragentId\"\n                            placeholder=\"\u041A\u043E\u043D\u0442\u0440\u0430\u0433\u0435\u043D\u0442\"\n                        />\n                        <tui-data-list *tuiDropdown>\n                            @for (contragent of contragents; track contragent.id) {\n                                <button\n                                    tuiOption\n                                    [value]=\"contragent.id\"\n                                >\n                                    {{ contragent.name }}\n                                </button>\n                            }\n                        </tui-data-list>\n                    </tui-textfield>\n                    <tui-error formControlName=\"contragentId\" />\n                </label>\n                <a\n                    tuiLink\n                    iconStart=\"@tui.plus\"\n                    (click)=\"addContragent()\"\n                    class=\"mt-2 block\"\n                >\n                    \u041D\u043E\u0432\u044B\u0439\n                </a>\n            </div>\n        }\n    }\n\n    <!-- \u0422\u0438\u043F \u043E\u043F\u043B\u0430\u0442\u044B. -->\n    <label tuiLabel>\n        \u0422\u0438\u043F \u043E\u043F\u043B\u0430\u0442\u044B\n        @let paymentTypes = paymentTypes$ | async;\n        <tui-textfield\n            tuiChevron\n            [content]=\"paymentTypes ? stringify(paymentTypes) : selectLoading\"\n        >\n            <input\n                tuiSelect\n                formControlName=\"paymentType\"\n                placeholder=\"\u0422\u0438\u043F \u043E\u043F\u043B\u0430\u0442\u044B\"\n            />\n            <tui-data-list *tuiDropdown>\n                @for (type of paymentTypes; track type.id) {\n                    <button\n                        tuiOption\n                        [value]=\"type.id\"\n                    >\n                        {{ type.name }}\n                    </button>\n                }\n            </tui-data-list>\n        </tui-textfield>\n        <tui-error formControlName=\"paymentType\" />\n        @if (isCashPaymentSelected()) {\n            <p class=\"text-xs text-tui-status-positive\">\u0417\u0430\u043A\u0430\u0437\u044B \u043F\u0440\u043E\u0438\u0437\u0432\u043E\u0434\u044F\u0442\u0441\u044F \u043F\u043E \u043F\u0440\u0435\u0434\u043E\u043F\u043B\u0430\u0442\u0435</p>\n        }\n    </label>\n\n    <!-- \u041F\u0440\u0435\u0434\u0443\u043F\u0440\u0435\u0436\u0434\u0435\u043D\u0438\u0435 \u043E \u043D\u0435\u043F\u043E\u0434\u0442\u0432\u0435\u0440\u0436\u0434\u0451\u043D\u043D\u044B\u0445 \u043A\u043E\u043D\u0442\u0430\u043A\u0442\u043D\u044B\u0445 \u0434\u0430\u043D\u043D\u044B\u0445. -->\n    @if (!isPhoneApproved() || !isEmailApproved()) {\n        <div\n            #unconfirmedDataWarning\n            class=\"text-tui-text-negative\"\n            [class.warning-shake]=\"warningShake()\"\n        >\n            \u0412\u043D\u0438\u043C\u0430\u043D\u0438\u0435! \u0414\u043B\u044F \u043E\u0444\u043E\u0440\u043C\u043B\u0435\u043D\u0438\u044F \u0437\u0430\u043A\u0430\u0437\u0430 \u043D\u0435\u043E\u0431\u0445\u043E\u0434\u0438\u043C\u043E \u043F\u043E\u0434\u0442\u0432\u0435\u0440\u0434\u0438\u0442\u044C\n            @if (!isPhoneApproved()) {\n                <span class=\"font-bold\"> \u043D\u043E\u043C\u0435\u0440 \u0442\u0435\u043B\u0435\u0444\u043E\u043D\u0430 </span>\n            }\n            @if (!isPhoneApproved() && !isEmailApproved()) {\n                <span> \u0438 </span>\n            }\n            @if (!isEmailApproved()) {\n                <span class=\"font-bold\"> \u0430\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B </span>\n            }\n            <a\n                tuiLink\n                routerLink=\"/profile\"\n            >\n                \u0432 \u0432\u0430\u0448\u0435\u043C \u043F\u0440\u043E\u0444\u0438\u043B\u0435\n            </a>\n        </div>\n    }\n\n    <!-- \u0421\u043F\u043E\u0441\u043E\u0431 \u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438. -->\n    <label tuiLabel>\n        \u0421\u043F\u043E\u0441\u043E\u0431 \u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438\n        @let deliveryTypes = deliveryTypes$ | async;\n        <tui-textfield\n            tuiChevron\n            [content]=\"deliveryTypes ? stringify(deliveryTypes) : selectLoading\"\n        >\n            <input\n                tuiSelect\n                formControlName=\"deliveryType\"\n                placeholder=\"\u0421\u043F\u043E\u0441\u043E\u0431 \u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438\"\n            />\n            <tui-data-list *tuiDropdown>\n                @for (delivery of deliveryTypes; track delivery.id) {\n                    <button\n                        tuiOption\n                        [value]=\"delivery.id\"\n                    >\n                        {{ delivery.name }}\n                    </button>\n                }\n            </tui-data-list>\n        </tui-textfield>\n        <tui-error formControlName=\"deliveryType\" />\n    </label>\n\n    <!-- \u0421\u043A\u043B\u0430\u0434. -->\n    <label tuiLabel>\n        \u0421\u043A\u043B\u0430\u0434\n        @let warehouses = warehouses$ | async;\n        <tui-textfield\n            tuiChevron\n            [content]=\"warehouses ? stringify(warehouses) : selectLoading\"\n        >\n            <input\n                tuiSelect\n                formControlName=\"warehouseId\"\n                placeholder=\"\u0421\u043A\u043B\u0430\u0434\"\n            />\n            <tui-data-list *tuiDropdown>\n                @if (!terminal.isRunningOnTerminal) {\n                    @for (warehouse of warehouses; track warehouse.id) {\n                        <button\n                            tuiOption\n                            [value]=\"warehouse.id\"\n                        >\n                            {{ warehouse.name }}\n                        </button>\n                    }\n                } @else {\n                    @if (warehouseService.getCatalogWarehouseChange$() | async; as terminalWarehouse) {\n                        <button\n                            tuiOption\n                            [value]=\"terminalWarehouse.id\"\n                        >\n                            {{ terminalWarehouse.name }}\n                        </button>\n                    }\n                }\n            </tui-data-list>\n        </tui-textfield>\n        <tui-error formControlName=\"warehouseId\" />\n    </label>\n\n    <!-- \u0410\u0434\u0440\u0435\u0441 \u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438. -->\n    @if (isDelivery()) {\n        @let addresses = addresses$ | async;\n        <div>\n            <label tuiLabel>\n                \u0410\u0434\u0440\u0435\u0441 \u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438\n                <tui-textfield\n                    tuiChevron\n                    [content]=\"addresses ? stringify(addresses) : selectLoading\"\n                >\n                    <input\n                        tuiSelect\n                        formControlName=\"addressId\"\n                        placeholder=\"\u0410\u0434\u0440\u0435\u0441 \u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438\"\n                    />\n                    <tui-data-list *tuiDropdown>\n                        @for (address of addresses; track address.id) {\n                            <button\n                                tuiOption\n                                [value]=\"address.id\"\n                            >\n                                {{ address.address }}\n                            </button>\n                        }\n                    </tui-data-list>\n                </tui-textfield>\n                @if (addresses && addresses.length === 0) {\n                    <tui-error error=\"\u0423 \u043A\u043E\u043D\u0442\u0440\u0430\u0433\u0435\u043D\u0442\u0430 \u043D\u0435\u0442 \u0430\u0434\u0440\u0435\u0441\u0430 \u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438\" />\n                }\n                <tui-error formControlName=\"addressId\" />\n            </label>\n            <a\n                tuiLink\n                iconStart=\"@tui.plus\"\n                (click)=\"addDeliveryAddress()\"\n                class=\"mt-2 block\"\n            >\n                \u041D\u043E\u0432\u044B\u0439\n            </a>\n        </div>\n    }\n\n    <!-- \u0414\u0430\u0442\u0430 \u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438/\u0441\u0430\u043C\u043E\u0432\u044B\u0432\u043E\u0437\u0430. -->\n    <label tuiLabel>\n        \u0416\u0435\u043B\u0430\u0435\u043C\u0430\u044F \u0434\u0430\u0442\u0430 {{ isDelivery() ? '\u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438' : '\u0441\u0430\u043C\u043E\u0432\u044B\u0432\u043E\u0437\u0430' }}\n        <tui-textfield [disabledItemHandler]=\"deliveryDateFilter\">\n            <input\n                tuiInputDate\n                formControlName=\"deliveryDate\"\n                [placeholder]=\"'\u0416\u0435\u043B\u0430\u0435\u043C\u0430\u044F \u0434\u0430\u0442\u0430 ' + (isDelivery() ? '\u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438' : '\u0441\u0430\u043C\u043E\u0432\u044B\u0432\u043E\u0437\u0430')\"\n            />\n            <tui-calendar *tuiDropdown />\n        </tui-textfield>\n        <tui-error formControlName=\"deliveryDate\" />\n    </label>\n\n    <!-- \u041A\u043E\u043C\u043C\u0435\u043D\u0442\u0430\u0440\u0438\u0439 \u043A\u043B\u0438\u0435\u043D\u0442\u0430. -->\n    <label tuiLabel>\n        \u041A\u043E\u043C\u043C\u0435\u043D\u0442\u0430\u0440\u0438\u0439 \u043A\u043B\u0438\u0435\u043D\u0442\u0430 \u043A \u0437\u0430\u043A\u0430\u0437\u0443\n        <tui-textfield>\n            <textarea\n                tuiTextarea\n                formControlName=\"comment\"\n                placeholder=\"\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u0442\u0435\u043A\u0441\u0442\"\n                [max]=\"15\"\n            ></textarea>\n        </tui-textfield>\n        <tui-error formControlName=\"comment\" />\n    </label>\n\n    <!-- \u041F\u0440\u0438\u043A\u0440\u0435\u043F\u043B\u0435\u043D\u0438\u0435 \u0444\u0430\u0439\u043B\u0430 \u043A \u0437\u0430\u043A\u0430\u0437\u0443. -->\n    <div>\n        @if (!controlFile.value) {\n            <label class=\"inline-block\">\n                <input\n                    accept=\"image/*\"\n                    tuiInputFiles\n                    [formControl]=\"controlFile\"\n                    class=\"sr-only\"\n                />\n                <button\n                    tuiButton\n                    type=\"button\"\n                    tabindex=\"-1\"\n                    appearance=\"secondary\"\n                    size=\"m\"\n                    iconStart=\"@tui.paperclip\"\n                    class=\"pointer-events-none\"\n                >\n                    \u041F\u0440\u0438\u043A\u0440\u0435\u043F\u0438\u0442\u044C \u0444\u0430\u0439\u043B\n                </button>\n            </label>\n        }\n\n        <tui-files class=\"tui-space_top-1\">\n            @if (controlFile.value | tuiFileRejected: { accept: 'image/*' } | async; as file) {\n                <tui-file\n                    state=\"error\"\n                    [file]=\"file\"\n                    (remove)=\"removeFile()\"\n                />\n            }\n\n            @for (file of accepted$ | async; track file.name) {\n                <tui-file\n                    [file]=\"file\"\n                    (remove)=\"removeFile()\"\n                />\n            }\n        </tui-files>\n\n        <tui-error\n            [order]=\"['maxLength']\"\n            [formControl]=\"controlFile\"\n        />\n        <p class=\"tui-form__field-note\">\u041D\u0430\u043F\u0440\u0438\u043C\u0435\u0440, \u0444\u043E\u0442\u043E\u0433\u0440\u0430\u0444\u0438\u044E \u043F\u043E\u0432\u0440\u0435\u0436\u0434\u0435\u043D\u0438\u0439 \u0438 \u0434\u0435\u0444\u0444\u0435\u043A\u0442\u043E\u0432, \u0447\u0442\u043E \u043F\u043E\u0441\u043B\u0443\u0436\u0438\u0442 \u0434\u043E\u043A\u0430\u0437\u0430\u0442\u0435\u043B\u044C\u0441\u0442\u0432\u043E\u043C \u043D\u0435\u0441\u043E\u043E\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0438\u044F \u0437\u0430\u044F\u0432\u043B\u0435\u043D\u043D\u043E\u0433\u043E \u043A\u0430\u0447\u0435\u0441\u0442\u0432\u0430 \u0442\u043E\u0432\u0430\u0440\u0430.</p>\n    </div>\n</form>\n", dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { 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.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "component", type: TuiLoader, selector: "tui-loader", inputs: ["size", "inheritColor", "overlay", "textContent", "loading"] }, { kind: "directive", type: TuiLabel, selector: "label[tuiLabel]" }, { kind: "directive", type: TuiChevron, selector: "[tuiChevron]", inputs: ["tuiChevron"] }, { kind: "directive", type: i1$1.TuiSelectDirective, selector: "input[tuiSelect]" }, { kind: "component", type: i3$1.TuiTextfieldComponent, selector: "tui-textfield:not([multi])", inputs: ["content", "filler"] }, { kind: "directive", type: i3.TuiDropdownContent, selector: "ng-template[tuiDropdown]" }, { kind: "component", type: i2.TuiDataListComponent, selector: "tui-data-list", inputs: ["emptyContent", "size"] }, { kind: "directive", type: i2.TuiOption, selector: "button[tuiOption], a[tuiOption], label[tuiOption]", inputs: ["disabled"] }, { kind: "directive", type: i2.TuiOptionWithValue, selector: "button[tuiOption][value], a[tuiOption][value], label[tuiOption][value]", inputs: ["disabled", "value"] }, { kind: "component", type: i2.TuiErrorComponent, selector: "tui-error", inputs: ["error"] }, { kind: "directive", type: i2.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"] }, { kind: "directive", type: TuiLink, selector: "a[tuiLink], button[tuiLink]" }, { kind: "directive", type: i1$1.TuiInputDateDirective, selector: "input[tuiInputDate]", inputs: ["max", "min"] }, { kind: "component", type: i6$1.TuiCalendar, selector: "tui-calendar", inputs: ["disabledItemHandler", "min", "max", "minViewedMonth", "maxViewedMonth", "showAdjacent", "markerHandler", "initialView", "month", "hoveredItem", "value"], outputs: ["monthChange", "hoveredItemChange", "valueChange", "dayClick"] }, { kind: "component", type: i1$1.TuiTextareaComponent, selector: "textarea[tuiTextarea]", inputs: ["min", "max", "content"] }, { kind: "component", type: i1$1.TuiFile, selector: "tui-file,a[tuiFile],button[tuiFile]", inputs: ["file", "state", "size", "showDelete", "showSize", "leftContent"], outputs: ["remove"] }, { kind: "component", type: i1$1.TuiFilesComponent, selector: "tui-files", inputs: ["max", "expanded"], outputs: ["expandedChange"] }, { kind: "directive", type: i1$1.TuiInputFilesDirective, selector: "input[tuiInputFiles]", outputs: ["reject"] }, { kind: "directive", type: ScFocusFirstInvalidFieldDirective, selector: "form[formGroup][scFocusFirstInvalidField]", inputs: ["fieldOrder"] }, { kind: "pipe", type: i1$1.TuiFileRejectedPipe, name: "tuiFileRejected" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: ScOrderFormComponent, decorators: [{
             type: Component,
@@ -8654,6 +8678,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImpo
                         FormsModule,
                         ReactiveFormsModule,
                         RouterLink,
+                        TuiButton,
                         TuiLoader,
                         TuiLabel,
                         TuiChevron,
@@ -8667,7 +8692,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImpo
                         ...TuiFiles,
                         AsyncPipe,
                         ScFocusFirstInvalidFieldDirective,
-                    ], providers: [TERMINAL_PROVIDERS], template: "@let user = user$ | async;\n\n<form\n    [formGroup]=\"form\"\n    scFocusFirstInvalidField\n    [fieldOrder]=\"['contragentId', 'paymentType', 'deliveryType', 'warehouseId', 'addressId', 'deliveryDate', 'comment']\"\n    (ngSubmit)=\"submit()\"\n    class=\"flex flex-col gap-4\"\n>\n    <ng-template #selectLoading> <tui-loader /> </ng-template>\n\n    <!-- \u041A\u043E\u043D\u0442\u0440\u0430\u0433\u0435\u043D\u0442. -->\n    @if (contragents$ | async; as contragents) {\n        @if (contragents.length > 1 || user?.isOrg) {\n            <div>\n                <label tuiLabel>\n                    \u041A\u043E\u043D\u0442\u0440\u0430\u0433\u0435\u043D\u0442\n                    <tui-textfield\n                        tuiChevron\n                        [content]=\"contragents ? stringify(contragents) : selectLoading\"\n                    >\n                        <input\n                            tuiSelect\n                            formControlName=\"contragentId\"\n                            placeholder=\"\u041A\u043E\u043D\u0442\u0440\u0430\u0433\u0435\u043D\u0442\"\n                        />\n                        <tui-data-list *tuiDropdown>\n                            @for (contragent of contragents; track contragent.id) {\n                                <button\n                                    tuiOption\n                                    [value]=\"contragent.id\"\n                                >\n                                    {{ contragent.name }}\n                                </button>\n                            }\n                        </tui-data-list>\n                    </tui-textfield>\n                    <tui-error formControlName=\"contragentId\" />\n                </label>\n                <a\n                    tuiLink\n                    iconStart=\"@tui.plus\"\n                    (click)=\"addContragent()\"\n                    class=\"mt-2 block\"\n                >\n                    \u041D\u043E\u0432\u044B\u0439\n                </a>\n            </div>\n        }\n    }\n\n    <!-- \u0422\u0438\u043F \u043E\u043F\u043B\u0430\u0442\u044B. -->\n    <label tuiLabel>\n        \u0422\u0438\u043F \u043E\u043F\u043B\u0430\u0442\u044B\n        @let paymentTypes = paymentTypes$ | async;\n        <tui-textfield\n            tuiChevron\n            [content]=\"paymentTypes ? stringify(paymentTypes) : selectLoading\"\n        >\n            <input\n                tuiSelect\n                formControlName=\"paymentType\"\n                placeholder=\"\u0422\u0438\u043F \u043E\u043F\u043B\u0430\u0442\u044B\"\n            />\n            <tui-data-list *tuiDropdown>\n                @for (type of paymentTypes; track type.id) {\n                    <button\n                        tuiOption\n                        [value]=\"type.id\"\n                    >\n                        {{ type.name }}\n                    </button>\n                }\n            </tui-data-list>\n        </tui-textfield>\n        <tui-error formControlName=\"paymentType\" />\n        @if (isCashPaymentSelected()) {\n            <p class=\"text-xs text-tui-status-positive\">\u0417\u0430\u043A\u0430\u0437\u044B \u043F\u0440\u043E\u0438\u0437\u0432\u043E\u0434\u044F\u0442\u0441\u044F \u043F\u043E \u043F\u0440\u0435\u0434\u043E\u043F\u043B\u0430\u0442\u0435</p>\n        }\n    </label>\n\n    <!-- \u041F\u0440\u0435\u0434\u0443\u043F\u0440\u0435\u0436\u0434\u0435\u043D\u0438\u0435 \u043E \u043D\u0435\u043F\u043E\u0434\u0442\u0432\u0435\u0440\u0436\u0434\u0451\u043D\u043D\u044B\u0445 \u043A\u043E\u043D\u0442\u0430\u043A\u0442\u043D\u044B\u0445 \u0434\u0430\u043D\u043D\u044B\u0445. -->\n    @if (!isPhoneApproved() || !isEmailApproved()) {\n        <div\n            #unconfirmedDataWarning\n            class=\"text-tui-text-negative\"\n            [class.warning-shake]=\"warningShake()\"\n        >\n            \u0412\u043D\u0438\u043C\u0430\u043D\u0438\u0435! \u0414\u043B\u044F \u043E\u0444\u043E\u0440\u043C\u043B\u0435\u043D\u0438\u044F \u0437\u0430\u043A\u0430\u0437\u0430 \u043D\u0435\u043E\u0431\u0445\u043E\u0434\u0438\u043C\u043E \u043F\u043E\u0434\u0442\u0432\u0435\u0440\u0434\u0438\u0442\u044C\n            @if (!isPhoneApproved()) {\n                <span class=\"font-bold\"> \u043D\u043E\u043C\u0435\u0440 \u0442\u0435\u043B\u0435\u0444\u043E\u043D\u0430 </span>\n            }\n            @if (!isPhoneApproved() && !isEmailApproved()) {\n                <span> \u0438 </span>\n            }\n            @if (!isEmailApproved()) {\n                <span class=\"font-bold\"> \u0430\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B </span>\n            }\n            <a\n                tuiLink\n                routerLink=\"/profile\"\n            >\n                \u0432 \u0432\u0430\u0448\u0435\u043C \u043F\u0440\u043E\u0444\u0438\u043B\u0435\n            </a>\n        </div>\n    }\n\n    <!-- \u0421\u043F\u043E\u0441\u043E\u0431 \u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438. -->\n    <label tuiLabel>\n        \u0421\u043F\u043E\u0441\u043E\u0431 \u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438\n        @let deliveryTypes = deliveryTypes$ | async;\n        <tui-textfield\n            tuiChevron\n            [content]=\"deliveryTypes ? stringify(deliveryTypes) : selectLoading\"\n        >\n            <input\n                tuiSelect\n                formControlName=\"deliveryType\"\n                placeholder=\"\u0421\u043F\u043E\u0441\u043E\u0431 \u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438\"\n            />\n            <tui-data-list *tuiDropdown>\n                @for (delivery of deliveryTypes; track delivery.id) {\n                    <button\n                        tuiOption\n                        [value]=\"delivery.id\"\n                    >\n                        {{ delivery.name }}\n                    </button>\n                }\n            </tui-data-list>\n        </tui-textfield>\n        <tui-error formControlName=\"deliveryType\" />\n    </label>\n\n    <!-- \u0421\u043A\u043B\u0430\u0434. -->\n    <label tuiLabel>\n        \u0421\u043A\u043B\u0430\u0434\n        @let warehouses = warehouses$ | async;\n        <tui-textfield\n            tuiChevron\n            [content]=\"warehouses ? stringify(warehouses) : selectLoading\"\n        >\n            <input\n                tuiSelect\n                formControlName=\"warehouseId\"\n                placeholder=\"\u0421\u043A\u043B\u0430\u0434\"\n            />\n            <tui-data-list *tuiDropdown>\n                @if (!terminal.isRunningOnTerminal) {\n                    @for (warehouse of warehouses; track warehouse.id) {\n                        <button\n                            tuiOption\n                            [value]=\"warehouse.id\"\n                        >\n                            {{ warehouse.name }}\n                        </button>\n                    }\n                } @else {\n                    @if (warehouseService.getCatalogWarehouseChange$() | async; as terminalWarehouse) {\n                        <button\n                            tuiOption\n                            [value]=\"terminalWarehouse.id\"\n                        >\n                            {{ terminalWarehouse.name }}\n                        </button>\n                    }\n                }\n            </tui-data-list>\n        </tui-textfield>\n        <tui-error formControlName=\"warehouseId\" />\n    </label>\n\n    <!-- \u0410\u0434\u0440\u0435\u0441 \u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438. -->\n    @if (isDelivery()) {\n        @let addresses = addresses$ | async;\n        <div>\n            <label tuiLabel>\n                \u0410\u0434\u0440\u0435\u0441 \u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438\n                <tui-textfield\n                    tuiChevron\n                    [content]=\"addresses ? stringify(addresses) : selectLoading\"\n                >\n                    <input\n                        tuiSelect\n                        formControlName=\"addressId\"\n                        placeholder=\"\u0410\u0434\u0440\u0435\u0441 \u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438\"\n                    />\n                    <tui-data-list *tuiDropdown>\n                        @for (address of addresses; track address.id) {\n                            <button\n                                tuiOption\n                                [value]=\"address.id\"\n                            >\n                                {{ address.address }}\n                            </button>\n                        }\n                    </tui-data-list>\n                </tui-textfield>\n                @if (addresses && addresses.length === 0) {\n                    <tui-error error=\"\u0423 \u043A\u043E\u043D\u0442\u0440\u0430\u0433\u0435\u043D\u0442\u0430 \u043D\u0435\u0442 \u0430\u0434\u0440\u0435\u0441\u0430 \u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438\" />\n                }\n                <tui-error formControlName=\"addressId\" />\n            </label>\n            <a\n                tuiLink\n                iconStart=\"@tui.plus\"\n                (click)=\"addDeliveryAddress()\"\n                class=\"mt-2 block\"\n            >\n                \u041D\u043E\u0432\u044B\u0439\n            </a>\n        </div>\n    }\n\n    <!-- \u0414\u0430\u0442\u0430 \u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438/\u0441\u0430\u043C\u043E\u0432\u044B\u0432\u043E\u0437\u0430. -->\n    <label tuiLabel>\n        \u0416\u0435\u043B\u0430\u0435\u043C\u0430\u044F \u0434\u0430\u0442\u0430 {{ isDelivery() ? '\u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438' : '\u0441\u0430\u043C\u043E\u0432\u044B\u0432\u043E\u0437\u0430' }}\n        <tui-textfield [disabledItemHandler]=\"deliveryDateFilter\">\n            <input\n                tuiInputDate\n                formControlName=\"deliveryDate\"\n                [placeholder]=\"'\u0416\u0435\u043B\u0430\u0435\u043C\u0430\u044F \u0434\u0430\u0442\u0430 ' + (isDelivery() ? '\u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438' : '\u0441\u0430\u043C\u043E\u0432\u044B\u0432\u043E\u0437\u0430')\"\n            />\n            <tui-calendar *tuiDropdown />\n        </tui-textfield>\n        <tui-error formControlName=\"deliveryDate\" />\n    </label>\n\n    <!-- \u041A\u043E\u043C\u043C\u0435\u043D\u0442\u0430\u0440\u0438\u0439 \u043A\u043B\u0438\u0435\u043D\u0442\u0430. -->\n    <label tuiLabel>\n        \u041A\u043E\u043C\u043C\u0435\u043D\u0442\u0430\u0440\u0438\u0439 \u043A\u043B\u0438\u0435\u043D\u0442\u0430 \u043A \u0437\u0430\u043A\u0430\u0437\u0443\n        <tui-textfield>\n            <textarea\n                tuiTextarea\n                formControlName=\"comment\"\n                placeholder=\"\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u0442\u0435\u043A\u0441\u0442\"\n                [max]=\"15\"\n            ></textarea>\n        </tui-textfield>\n        <tui-error formControlName=\"comment\" />\n    </label>\n\n    <!-- \u041F\u0440\u0438\u043A\u0440\u0435\u043F\u043B\u0435\u043D\u0438\u0435 \u0444\u0430\u0439\u043B\u0430 \u043A \u0437\u0430\u043A\u0430\u0437\u0443. -->\n    <div>\n        @if (!controlFile.value) {\n            <label tuiInputFiles>\n                <input\n                    accept=\"image/*\"\n                    tuiInputFiles\n                    [formControl]=\"controlFile\"\n                />\n            </label>\n        }\n\n        <tui-files class=\"tui-space_top-1\">\n            @if (controlFile.value | tuiFileRejected: { accept: 'image/*' } | async; as file) {\n                <tui-file\n                    state=\"error\"\n                    [file]=\"file\"\n                    (remove)=\"removeFile()\"\n                />\n            }\n\n            @for (file of accepted$ | async; track file.name) {\n                <tui-file\n                    [file]=\"file\"\n                    (remove)=\"removeFile()\"\n                />\n            }\n        </tui-files>\n\n        <tui-error\n            [order]=\"['maxLength']\"\n            [formControl]=\"controlFile\"\n        />\n        <p class=\"tui-form__field-note\">\u041D\u0430\u043F\u0440\u0438\u043C\u0435\u0440, \u0444\u043E\u0442\u043E\u0433\u0440\u0430\u0444\u0438\u044E \u043F\u043E\u0432\u0440\u0435\u0436\u0434\u0435\u043D\u0438\u0439 \u0438 \u0434\u0435\u0444\u0444\u0435\u043A\u0442\u043E\u0432, \u0447\u0442\u043E \u043F\u043E\u0441\u043B\u0443\u0436\u0438\u0442 \u0434\u043E\u043A\u0430\u0437\u0430\u0442\u0435\u043B\u044C\u0441\u0442\u0432\u043E\u043C \u043D\u0435\u0441\u043E\u043E\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0438\u044F \u0437\u0430\u044F\u0432\u043B\u0435\u043D\u043D\u043E\u0433\u043E \u043A\u0430\u0447\u0435\u0441\u0442\u0432\u0430 \u0442\u043E\u0432\u0430\u0440\u0430.</p>\n    </div>\n</form>\n" }]
+                    ], providers: [TERMINAL_PROVIDERS], template: "@let user = user$ | async;\n\n<form\n    [formGroup]=\"form\"\n    scFocusFirstInvalidField\n    [fieldOrder]=\"['contragentId', 'paymentType', 'deliveryType', 'warehouseId', 'addressId', 'deliveryDate', 'comment']\"\n    (ngSubmit)=\"submit()\"\n    class=\"flex flex-col gap-4\"\n>\n    <ng-template #selectLoading> <tui-loader /> </ng-template>\n\n    <!-- \u041A\u043E\u043D\u0442\u0440\u0430\u0433\u0435\u043D\u0442. -->\n    @if (contragents$ | async; as contragents) {\n        @if (contragents.length > 1 || user?.isOrg) {\n            <div>\n                <label tuiLabel>\n                    \u041A\u043E\u043D\u0442\u0440\u0430\u0433\u0435\u043D\u0442\n                    <tui-textfield\n                        tuiChevron\n                        [content]=\"contragents ? stringify(contragents) : selectLoading\"\n                    >\n                        <input\n                            tuiSelect\n                            formControlName=\"contragentId\"\n                            placeholder=\"\u041A\u043E\u043D\u0442\u0440\u0430\u0433\u0435\u043D\u0442\"\n                        />\n                        <tui-data-list *tuiDropdown>\n                            @for (contragent of contragents; track contragent.id) {\n                                <button\n                                    tuiOption\n                                    [value]=\"contragent.id\"\n                                >\n                                    {{ contragent.name }}\n                                </button>\n                            }\n                        </tui-data-list>\n                    </tui-textfield>\n                    <tui-error formControlName=\"contragentId\" />\n                </label>\n                <a\n                    tuiLink\n                    iconStart=\"@tui.plus\"\n                    (click)=\"addContragent()\"\n                    class=\"mt-2 block\"\n                >\n                    \u041D\u043E\u0432\u044B\u0439\n                </a>\n            </div>\n        }\n    }\n\n    <!-- \u0422\u0438\u043F \u043E\u043F\u043B\u0430\u0442\u044B. -->\n    <label tuiLabel>\n        \u0422\u0438\u043F \u043E\u043F\u043B\u0430\u0442\u044B\n        @let paymentTypes = paymentTypes$ | async;\n        <tui-textfield\n            tuiChevron\n            [content]=\"paymentTypes ? stringify(paymentTypes) : selectLoading\"\n        >\n            <input\n                tuiSelect\n                formControlName=\"paymentType\"\n                placeholder=\"\u0422\u0438\u043F \u043E\u043F\u043B\u0430\u0442\u044B\"\n            />\n            <tui-data-list *tuiDropdown>\n                @for (type of paymentTypes; track type.id) {\n                    <button\n                        tuiOption\n                        [value]=\"type.id\"\n                    >\n                        {{ type.name }}\n                    </button>\n                }\n            </tui-data-list>\n        </tui-textfield>\n        <tui-error formControlName=\"paymentType\" />\n        @if (isCashPaymentSelected()) {\n            <p class=\"text-xs text-tui-status-positive\">\u0417\u0430\u043A\u0430\u0437\u044B \u043F\u0440\u043E\u0438\u0437\u0432\u043E\u0434\u044F\u0442\u0441\u044F \u043F\u043E \u043F\u0440\u0435\u0434\u043E\u043F\u043B\u0430\u0442\u0435</p>\n        }\n    </label>\n\n    <!-- \u041F\u0440\u0435\u0434\u0443\u043F\u0440\u0435\u0436\u0434\u0435\u043D\u0438\u0435 \u043E \u043D\u0435\u043F\u043E\u0434\u0442\u0432\u0435\u0440\u0436\u0434\u0451\u043D\u043D\u044B\u0445 \u043A\u043E\u043D\u0442\u0430\u043A\u0442\u043D\u044B\u0445 \u0434\u0430\u043D\u043D\u044B\u0445. -->\n    @if (!isPhoneApproved() || !isEmailApproved()) {\n        <div\n            #unconfirmedDataWarning\n            class=\"text-tui-text-negative\"\n            [class.warning-shake]=\"warningShake()\"\n        >\n            \u0412\u043D\u0438\u043C\u0430\u043D\u0438\u0435! \u0414\u043B\u044F \u043E\u0444\u043E\u0440\u043C\u043B\u0435\u043D\u0438\u044F \u0437\u0430\u043A\u0430\u0437\u0430 \u043D\u0435\u043E\u0431\u0445\u043E\u0434\u0438\u043C\u043E \u043F\u043E\u0434\u0442\u0432\u0435\u0440\u0434\u0438\u0442\u044C\n            @if (!isPhoneApproved()) {\n                <span class=\"font-bold\"> \u043D\u043E\u043C\u0435\u0440 \u0442\u0435\u043B\u0435\u0444\u043E\u043D\u0430 </span>\n            }\n            @if (!isPhoneApproved() && !isEmailApproved()) {\n                <span> \u0438 </span>\n            }\n            @if (!isEmailApproved()) {\n                <span class=\"font-bold\"> \u0430\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B </span>\n            }\n            <a\n                tuiLink\n                routerLink=\"/profile\"\n            >\n                \u0432 \u0432\u0430\u0448\u0435\u043C \u043F\u0440\u043E\u0444\u0438\u043B\u0435\n            </a>\n        </div>\n    }\n\n    <!-- \u0421\u043F\u043E\u0441\u043E\u0431 \u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438. -->\n    <label tuiLabel>\n        \u0421\u043F\u043E\u0441\u043E\u0431 \u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438\n        @let deliveryTypes = deliveryTypes$ | async;\n        <tui-textfield\n            tuiChevron\n            [content]=\"deliveryTypes ? stringify(deliveryTypes) : selectLoading\"\n        >\n            <input\n                tuiSelect\n                formControlName=\"deliveryType\"\n                placeholder=\"\u0421\u043F\u043E\u0441\u043E\u0431 \u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438\"\n            />\n            <tui-data-list *tuiDropdown>\n                @for (delivery of deliveryTypes; track delivery.id) {\n                    <button\n                        tuiOption\n                        [value]=\"delivery.id\"\n                    >\n                        {{ delivery.name }}\n                    </button>\n                }\n            </tui-data-list>\n        </tui-textfield>\n        <tui-error formControlName=\"deliveryType\" />\n    </label>\n\n    <!-- \u0421\u043A\u043B\u0430\u0434. -->\n    <label tuiLabel>\n        \u0421\u043A\u043B\u0430\u0434\n        @let warehouses = warehouses$ | async;\n        <tui-textfield\n            tuiChevron\n            [content]=\"warehouses ? stringify(warehouses) : selectLoading\"\n        >\n            <input\n                tuiSelect\n                formControlName=\"warehouseId\"\n                placeholder=\"\u0421\u043A\u043B\u0430\u0434\"\n            />\n            <tui-data-list *tuiDropdown>\n                @if (!terminal.isRunningOnTerminal) {\n                    @for (warehouse of warehouses; track warehouse.id) {\n                        <button\n                            tuiOption\n                            [value]=\"warehouse.id\"\n                        >\n                            {{ warehouse.name }}\n                        </button>\n                    }\n                } @else {\n                    @if (warehouseService.getCatalogWarehouseChange$() | async; as terminalWarehouse) {\n                        <button\n                            tuiOption\n                            [value]=\"terminalWarehouse.id\"\n                        >\n                            {{ terminalWarehouse.name }}\n                        </button>\n                    }\n                }\n            </tui-data-list>\n        </tui-textfield>\n        <tui-error formControlName=\"warehouseId\" />\n    </label>\n\n    <!-- \u0410\u0434\u0440\u0435\u0441 \u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438. -->\n    @if (isDelivery()) {\n        @let addresses = addresses$ | async;\n        <div>\n            <label tuiLabel>\n                \u0410\u0434\u0440\u0435\u0441 \u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438\n                <tui-textfield\n                    tuiChevron\n                    [content]=\"addresses ? stringify(addresses) : selectLoading\"\n                >\n                    <input\n                        tuiSelect\n                        formControlName=\"addressId\"\n                        placeholder=\"\u0410\u0434\u0440\u0435\u0441 \u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438\"\n                    />\n                    <tui-data-list *tuiDropdown>\n                        @for (address of addresses; track address.id) {\n                            <button\n                                tuiOption\n                                [value]=\"address.id\"\n                            >\n                                {{ address.address }}\n                            </button>\n                        }\n                    </tui-data-list>\n                </tui-textfield>\n                @if (addresses && addresses.length === 0) {\n                    <tui-error error=\"\u0423 \u043A\u043E\u043D\u0442\u0440\u0430\u0433\u0435\u043D\u0442\u0430 \u043D\u0435\u0442 \u0430\u0434\u0440\u0435\u0441\u0430 \u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438\" />\n                }\n                <tui-error formControlName=\"addressId\" />\n            </label>\n            <a\n                tuiLink\n                iconStart=\"@tui.plus\"\n                (click)=\"addDeliveryAddress()\"\n                class=\"mt-2 block\"\n            >\n                \u041D\u043E\u0432\u044B\u0439\n            </a>\n        </div>\n    }\n\n    <!-- \u0414\u0430\u0442\u0430 \u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438/\u0441\u0430\u043C\u043E\u0432\u044B\u0432\u043E\u0437\u0430. -->\n    <label tuiLabel>\n        \u0416\u0435\u043B\u0430\u0435\u043C\u0430\u044F \u0434\u0430\u0442\u0430 {{ isDelivery() ? '\u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438' : '\u0441\u0430\u043C\u043E\u0432\u044B\u0432\u043E\u0437\u0430' }}\n        <tui-textfield [disabledItemHandler]=\"deliveryDateFilter\">\n            <input\n                tuiInputDate\n                formControlName=\"deliveryDate\"\n                [placeholder]=\"'\u0416\u0435\u043B\u0430\u0435\u043C\u0430\u044F \u0434\u0430\u0442\u0430 ' + (isDelivery() ? '\u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438' : '\u0441\u0430\u043C\u043E\u0432\u044B\u0432\u043E\u0437\u0430')\"\n            />\n            <tui-calendar *tuiDropdown />\n        </tui-textfield>\n        <tui-error formControlName=\"deliveryDate\" />\n    </label>\n\n    <!-- \u041A\u043E\u043C\u043C\u0435\u043D\u0442\u0430\u0440\u0438\u0439 \u043A\u043B\u0438\u0435\u043D\u0442\u0430. -->\n    <label tuiLabel>\n        \u041A\u043E\u043C\u043C\u0435\u043D\u0442\u0430\u0440\u0438\u0439 \u043A\u043B\u0438\u0435\u043D\u0442\u0430 \u043A \u0437\u0430\u043A\u0430\u0437\u0443\n        <tui-textfield>\n            <textarea\n                tuiTextarea\n                formControlName=\"comment\"\n                placeholder=\"\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u0442\u0435\u043A\u0441\u0442\"\n                [max]=\"15\"\n            ></textarea>\n        </tui-textfield>\n        <tui-error formControlName=\"comment\" />\n    </label>\n\n    <!-- \u041F\u0440\u0438\u043A\u0440\u0435\u043F\u043B\u0435\u043D\u0438\u0435 \u0444\u0430\u0439\u043B\u0430 \u043A \u0437\u0430\u043A\u0430\u0437\u0443. -->\n    <div>\n        @if (!controlFile.value) {\n            <label class=\"inline-block\">\n                <input\n                    accept=\"image/*\"\n                    tuiInputFiles\n                    [formControl]=\"controlFile\"\n                    class=\"sr-only\"\n                />\n                <button\n                    tuiButton\n                    type=\"button\"\n                    tabindex=\"-1\"\n                    appearance=\"secondary\"\n                    size=\"m\"\n                    iconStart=\"@tui.paperclip\"\n                    class=\"pointer-events-none\"\n                >\n                    \u041F\u0440\u0438\u043A\u0440\u0435\u043F\u0438\u0442\u044C \u0444\u0430\u0439\u043B\n                </button>\n            </label>\n        }\n\n        <tui-files class=\"tui-space_top-1\">\n            @if (controlFile.value | tuiFileRejected: { accept: 'image/*' } | async; as file) {\n                <tui-file\n                    state=\"error\"\n                    [file]=\"file\"\n                    (remove)=\"removeFile()\"\n                />\n            }\n\n            @for (file of accepted$ | async; track file.name) {\n                <tui-file\n                    [file]=\"file\"\n                    (remove)=\"removeFile()\"\n                />\n            }\n        </tui-files>\n\n        <tui-error\n            [order]=\"['maxLength']\"\n            [formControl]=\"controlFile\"\n        />\n        <p class=\"tui-form__field-note\">\u041D\u0430\u043F\u0440\u0438\u043C\u0435\u0440, \u0444\u043E\u0442\u043E\u0433\u0440\u0430\u0444\u0438\u044E \u043F\u043E\u0432\u0440\u0435\u0436\u0434\u0435\u043D\u0438\u0439 \u0438 \u0434\u0435\u0444\u0444\u0435\u043A\u0442\u043E\u0432, \u0447\u0442\u043E \u043F\u043E\u0441\u043B\u0443\u0436\u0438\u0442 \u0434\u043E\u043A\u0430\u0437\u0430\u0442\u0435\u043B\u044C\u0441\u0442\u0432\u043E\u043C \u043D\u0435\u0441\u043E\u043E\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0438\u044F \u0437\u0430\u044F\u0432\u043B\u0435\u043D\u043D\u043E\u0433\u043E \u043A\u0430\u0447\u0435\u0441\u0442\u0432\u0430 \u0442\u043E\u0432\u0430\u0440\u0430.</p>\n    </div>\n</form>\n" }]
         }], ctorParameters: () => [], propDecorators: { directionId: [{ type: i0.Input, args: [{ isSignal: true, alias: "directionId", required: true }] }], enforceApprovedContacts: [{ type: i0.Input, args: [{ isSignal: true, alias: "enforceApprovedContacts", required: false }] }], persistMetadata: [{ type: i0.Input, args: [{ isSignal: true, alias: "persistMetadata", required: false }] }], orderSubmit: [{ type: i0.Output, args: ["orderSubmit"] }], unconfirmedDataWarning: [{ type: i0.ViewChild, args: ['unconfirmedDataWarning', { isSignal: true }] }] } });
 
 /**
@@ -8880,6 +8905,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImpo
                 type: Output
             }] } });
 
+/**
+ * Наименование query-параметра идентификатора группы часто задаваемых вопросов.
+ */
+const SC_FAQ_GROUP_QUERY_PARAM = 'group';
+/**
+ * Наименование query-параметра номера страницы пагинации часто задаваемых вопросов.
+ */
+const SC_FAQ_PAGE_QUERY_PARAM = 'page';
+
 /**
  * Компонент часто задаваемых вопросов.
  */
@@ -8922,49 +8956,177 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImpo
                     ], host: { ngSkipHydration: 'true' }, changeDetection: ChangeDetectionStrategy.OnPush, template: "<tui-loader\n    [loading]=\"showLoading()\"\n    [overlay]=\"true\"\n>\n    <tui-accordion\n        class=\"accordion\"\n        [closeOthers]=\"false\"\n    >\n        @for (item of items(); track item.id) {\n            <button\n                [tuiAccordion]=\"isServer\"\n                class=\"!whitespace-normal !text-body-m-bold\"\n            >\n                {{ item.question }}\n            </button>\n            <tui-expand>\n                <div [innerHTML]=\"item.answer\"></div>\n            </tui-expand>\n        }\n    </tui-accordion>\n</tui-loader>\n", styles: [".accordion{border-radius:0}.accordion,.accordion[data-size=s],.accordion[data-size=m],.accordion[data-size=l],.accordion .tui-list{font:inherit}.accordion [tuiAccordion]{border-block:1px solid var(--tui-border-normal);border-block-end-color:#fff!important;font-weight:400;border-color:var(--tui-border-normal);-webkit-mask:none;mask:none;block-size:auto;padding-block:.5rem;min-block-size:var(--t-size)}.accordion [tuiAccordion]._open{border-block-end-color:var(--tui-border-normal)!important}.accordion tui-expand,.accordion [tuiAccordion]{box-shadow:none;white-space:normal}\n"] }]
         }], propDecorators: { items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: true }] }], showLoading: [{ type: i0.Input, args: [{ isSignal: true, alias: "showLoading", required: false }] }] } });
 
+/**
+ * Возвращает query-параметры ссылки на группу часто задаваемых вопросов.
+ *
+ * При смене группы пагинация сбрасывается на первую страницу.
+ *
+ * @param group Группа вопросов.
+ */
+const scGetFaqGroupQueryParams = (group) => ({
+    [SC_FAQ_GROUP_QUERY_PARAM]: group.id ?? null,
+    [SC_FAQ_PAGE_QUERY_PARAM]: null,
+});
+
 /**
  * Компонент выбора группы часто задаваемых вопросов.
  */
 class ScFrequentlyAskedQuestionsGroupSelectorComponent {
+    /**
+     * Инициализирует экземпляр класса {@link ScFrequentlyAskedQuestionsGroupSelectorComponent}.
+     */
     constructor() {
+        /**
+         * Сервис маршрутизации.
+         */
+        this.router = inject(Router);
+        /**
+         * Активный маршрут.
+         */
+        this.route = inject(ActivatedRoute);
         /**
          * {@link Observable} списка группы часто задаваемых вопросов.
          */
-        this.groups$ = inject(ScFrequentlyAskedQuestionsService).groups$.pipe(first(), tap((groups) => {
-            if (groups.length > 0) {
-                this.groupControl.setValue(groups[0]);
-            }
-        }));
+        this.groups$ = inject(ScFrequentlyAskedQuestionsService).groups$;
         /**
          * {@link FormControl} выбранной группы.
          */
         this.groupControl = new FormControl(null);
         /**
-         * {@link OutputRef} сигнал изменения идентификатора группы.
+         * {@link InputSignal} идентификатора выбранной группы.
          */
-        this.groupIdChange = outputFromObservable(this.groupControl.valueChanges.pipe(filter(tuiIsPresent), 
-        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-        map((group) => group.id)));
+        this.selectedGroupId = input(null, ...(ngDevMode ? [{ debugName: "selectedGroupId" }] : /* istanbul ignore next */ []));
         /**
          * Формат отображения. 'list' - в виде списка,  'select' в виде выпадающего списка.
          */
         this.viewMode = input('list', ...(ngDevMode ? [{ debugName: "viewMode" }] : /* istanbul ignore next */ []));
+        /**
+         * Возвращает query-параметры ссылки на группу вопросов.
+         */
+        this.getGroupQueryParams = scGetFaqGroupQueryParams;
+        // Синхронизирует значение выпадающего списка с выбранной группой.
+        combineLatest([this.groups$, toObservable(this.selectedGroupId)])
+            .pipe(takeUntilDestroyed())
+            .subscribe(([groups, selectedGroupId]) => {
+            this.groupControl.setValue(groups.find((group) => (group.id ?? null) === selectedGroupId) ?? null, { emitEvent: false });
+        });
+        // Выбор группы в выпадающем списке переводит на адрес этой группы.
+        this.groupControl.valueChanges.pipe(filter(tuiIsPresent), takeUntilDestroyed()).subscribe((group) => {
+            this.router
+                .navigate([], {
+                relativeTo: this.route,
+                queryParams: this.getGroupQueryParams(group),
+                queryParamsHandling: 'merge',
+            })
+                .catch(noop$1);
+        });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: ScFrequentlyAskedQuestionsGroupSelectorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.16", type: ScFrequentlyAskedQuestionsGroupSelectorComponent, isStandalone: true, selector: "sc-frequently-asked-questions-group-selector", inputs: { viewMode: { classPropertyName: "viewMode", publicName: "viewMode", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { groupIdChange: "groupIdChange" }, providers: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.16", type: ScFrequentlyAskedQuestionsGroupSelectorComponent, isStandalone: true, selector: "sc-frequently-asked-questions-group-selector", inputs: { selectedGroupId: { classPropertyName: "selectedGroupId", publicName: "selectedGroupId", isSignal: true, isRequired: false, transformFunction: null }, viewMode: { classPropertyName: "viewMode", publicName: "viewMode", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
             tuiItemsHandlersProvider({
                 stringify: signal((item) => item.name),
             }),
-        ], ngImport: i0, template: "@let groups = groups$ | async;\n\n@if (groups && groups.length) {\n    @switch (viewMode()) {\n        @case ('list') {\n            <div class=\"flex flex-col items-center gap-3 rounded-xl p-4 shadow-sc\">\n                <div class=\"flex w-full flex-col gap-2\">\n                    @for (item of groups; track $index) {\n                        <button\n                            tuiButton\n                            size=\"xs\"\n                            [tuiAppearanceState]=\"groupControl.value === item ? 'hover' : null\"\n                            [disabled]=\"groupControl.value === item\"\n                            (click)=\"groupControl.patchValue(item)\"\n                            appearance=\"flat-grayscale\"\n                            class=\"!justify-start !text-body-s-bold\"\n                        >\n                            {{ item.name }}\n                        </button>\n                    }\n                </div>\n            </div>\n        }\n\n        @case ('select') {\n            <form>\n                <tui-textfield tuiChevron>\n                    <input\n                        tuiSelect\n                        [formControl]=\"groupControl\"\n                        placeholder=\"\u0413\u0440\u0443\u043F\u043F\u0430 \u0432\u043E\u043F\u0440\u043E\u0441\u043E\u0432\"\n                    />\n                    <tui-data-list-wrapper\n                        *tuiDropdown\n                        [items]=\"groups\"\n                    />\n                </tui-textfield>\n            </form>\n        }\n    }\n}\n", dependencies: [{ kind: "directive", type: i1$1.TuiSelectDirective, selector: "input[tuiSelect]" }, { kind: "component", type: i3$1.TuiTextfieldComponent, selector: "tui-textfield:not([multi])", inputs: ["content", "filler"] }, { kind: "directive", type: i3.TuiDropdownContent, selector: "ng-template[tuiDropdown]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { 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.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i1$1.TuiDataListWrapperComponent, selector: "tui-data-list-wrapper:not([labels])", inputs: ["items", "emptyContent", "size", "itemContent"], outputs: ["itemClick"] }, { kind: "directive", type: TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgForm, selector: "form:not([ngNoForm]):not([formGroup]):not([formArray]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], ngImport: i0, template: "@let groups = groups$ | async;\n\n@if (groups && groups.length) {\n    @switch (viewMode()) {\n        @case ('list') {\n            <div class=\"flex flex-col items-center gap-3 rounded-xl p-4 shadow-sc\">\n                <div class=\"flex w-full flex-col gap-2\">\n                    @for (item of groups; track $index) {\n                        @let isSelected = item.id === selectedGroupId();\n\n                        <a\n                            tuiButton\n                            size=\"xs\"\n                            [tuiAppearanceState]=\"isSelected ? 'hover' : null\"\n                            [attr.aria-current]=\"isSelected ? 'page' : null\"\n                            [class.pointer-events-none]=\"isSelected\"\n                            [routerLink]=\"[]\"\n                            [queryParams]=\"getGroupQueryParams(item)\"\n                            queryParamsHandling=\"merge\"\n                            appearance=\"flat-grayscale\"\n                            class=\"!justify-start !text-body-s-bold\"\n                        >\n                            {{ item.name }}\n                        </a>\n                    }\n                </div>\n            </div>\n        }\n\n        @case ('select') {\n            <form>\n                <tui-textfield tuiChevron>\n                    <input\n                        tuiSelect\n                        [formControl]=\"groupControl\"\n                        placeholder=\"\u0413\u0440\u0443\u043F\u043F\u0430 \u0432\u043E\u043F\u0440\u043E\u0441\u043E\u0432\"\n                    />\n                    <tui-data-list-wrapper\n                        *tuiDropdown\n                        [items]=\"groups\"\n                    />\n                </tui-textfield>\n            </form>\n        }\n    }\n}\n", dependencies: [{ kind: "directive", type: i1$1.TuiSelectDirective, selector: "input[tuiSelect]" }, { kind: "component", type: i3$1.TuiTextfieldComponent, selector: "tui-textfield:not([multi])", inputs: ["content", "filler"] }, { kind: "directive", type: i3.TuiDropdownContent, selector: "ng-template[tuiDropdown]" }, { kind: "directive", type: TuiChevron, selector: "[tuiChevron]", inputs: ["tuiChevron"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { 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.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i1$1.TuiDataListWrapperComponent, selector: "tui-data-list-wrapper:not([labels])", inputs: ["items", "emptyContent", "size", "itemContent"], outputs: ["itemClick"] }, { kind: "directive", type: TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgForm, selector: "form:not([ngNoForm]):not([formGroup]):not([formArray]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: ScFrequentlyAskedQuestionsGroupSelectorComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sc-frequently-asked-questions-group-selector', imports: [AsyncPipe, TuiSelect, ReactiveFormsModule, TuiDataList, TuiDataListWrapper, TuiButton, FormsModule], providers: [
+            args: [{ selector: 'sc-frequently-asked-questions-group-selector', imports: [AsyncPipe, TuiSelect, TuiChevron, ReactiveFormsModule, TuiDataList, TuiDataListWrapper, TuiButton, FormsModule, RouterLink], providers: [
                         tuiItemsHandlersProvider({
                             stringify: signal((item) => item.name),
                         }),
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "@let groups = groups$ | async;\n\n@if (groups && groups.length) {\n    @switch (viewMode()) {\n        @case ('list') {\n            <div class=\"flex flex-col items-center gap-3 rounded-xl p-4 shadow-sc\">\n                <div class=\"flex w-full flex-col gap-2\">\n                    @for (item of groups; track $index) {\n                        <button\n                            tuiButton\n                            size=\"xs\"\n                            [tuiAppearanceState]=\"groupControl.value === item ? 'hover' : null\"\n                            [disabled]=\"groupControl.value === item\"\n                            (click)=\"groupControl.patchValue(item)\"\n                            appearance=\"flat-grayscale\"\n                            class=\"!justify-start !text-body-s-bold\"\n                        >\n                            {{ item.name }}\n                        </button>\n                    }\n                </div>\n            </div>\n        }\n\n        @case ('select') {\n            <form>\n                <tui-textfield tuiChevron>\n                    <input\n                        tuiSelect\n                        [formControl]=\"groupControl\"\n                        placeholder=\"\u0413\u0440\u0443\u043F\u043F\u0430 \u0432\u043E\u043F\u0440\u043E\u0441\u043E\u0432\"\n                    />\n                    <tui-data-list-wrapper\n                        *tuiDropdown\n                        [items]=\"groups\"\n                    />\n                </tui-textfield>\n            </form>\n        }\n    }\n}\n" }]
-        }], propDecorators: { groupIdChange: [{ type: i0.Output, args: ["groupIdChange"] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }] } });
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "@let groups = groups$ | async;\n\n@if (groups && groups.length) {\n    @switch (viewMode()) {\n        @case ('list') {\n            <div class=\"flex flex-col items-center gap-3 rounded-xl p-4 shadow-sc\">\n                <div class=\"flex w-full flex-col gap-2\">\n                    @for (item of groups; track $index) {\n                        @let isSelected = item.id === selectedGroupId();\n\n                        <a\n                            tuiButton\n                            size=\"xs\"\n                            [tuiAppearanceState]=\"isSelected ? 'hover' : null\"\n                            [attr.aria-current]=\"isSelected ? 'page' : null\"\n                            [class.pointer-events-none]=\"isSelected\"\n                            [routerLink]=\"[]\"\n                            [queryParams]=\"getGroupQueryParams(item)\"\n                            queryParamsHandling=\"merge\"\n                            appearance=\"flat-grayscale\"\n                            class=\"!justify-start !text-body-s-bold\"\n                        >\n                            {{ item.name }}\n                        </a>\n                    }\n                </div>\n            </div>\n        }\n\n        @case ('select') {\n            <form>\n                <tui-textfield tuiChevron>\n                    <input\n                        tuiSelect\n                        [formControl]=\"groupControl\"\n                        placeholder=\"\u0413\u0440\u0443\u043F\u043F\u0430 \u0432\u043E\u043F\u0440\u043E\u0441\u043E\u0432\"\n                    />\n                    <tui-data-list-wrapper\n                        *tuiDropdown\n                        [items]=\"groups\"\n                    />\n                </tui-textfield>\n            </form>\n        }\n    }\n}\n" }]
+        }], ctorParameters: () => [], propDecorators: { selectedGroupId: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedGroupId", required: false }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }] } });
+
+/**
+ * Компонент пагинации, в котором страницы являются ссылками с номером страницы в query-параметрах.
+ *
+ * Ссылки позволяют переходить между страницами при отключенном JavaScript и корректно работают при SSR.
+ * Внешний вид повторяет tui-pagination из @taiga-ui/kit.
+ *
+ * TODO: [TAIGA:5]: Проверить, появилась ли в tui-pagination поддержка ссылок, и заменить компонент на неё.
+ */
+class ScPaginationLinksComponent {
+    constructor() {
+        /**
+         * Иконки стрелок переключения страниц.
+         */
+        this.icons = inject(TUI_COMMON_ICONS);
+        /**
+         * Подписи стрелок переключения страниц.
+         */
+        this.texts = inject(TUI_PAGINATION_TEXTS);
+        /**
+         * {@link InputSignal} общего количества страниц.
+         */
+        this.length = input.required(...(ngDevMode ? [{ debugName: "length" }] : /* istanbul ignore next */ []));
+        /**
+         * {@link InputSignal} номера текущей страницы, начиная с единицы.
+         */
+        this.index = input.required(...(ngDevMode ? [{ debugName: "index" }] : /* istanbul ignore next */ []));
+        /**
+         * {@link InputSignal} наименования query-параметра, в котором хранится номер страницы.
+         */
+        this.queryParam = input('page', ...(ngDevMode ? [{ debugName: "queryParam" }] : /* istanbul ignore next */ []));
+        /**
+         * {@link InputSignal} количества страниц, отображаемых по обе стороны от текущей.
+         */
+        this.activePadding = input(1, ...(ngDevMode ? [{ debugName: "activePadding" }] : /* istanbul ignore next */ []));
+        /**
+         * {@link InputSignal} количества страниц, отображаемых по краям.
+         */
+        this.sidePadding = input(1, ...(ngDevMode ? [{ debugName: "sidePadding" }] : /* istanbul ignore next */ []));
+        /**
+         * {@link Signal} номеров отображаемых страниц, где `null` - разделитель пропущенных страниц.
+         *
+         * Состав страниц рассчитывается так же, как в tui-pagination: количество отображаемых элементов постоянно,
+         * а окно вокруг текущей страницы расширяется у краёв списка.
+         */
+        this.pages = computed(() => {
+            const length = this.length();
+            const sidePadding = this.sidePadding();
+            // Половина элементов: страницы у края, разделитель и страницы вокруг текущей.
+            const maxHalfLength = sidePadding + 1 + this.activePadding();
+            const maxElementsLength = maxHalfLength * 2 + 1;
+            const elementsLength = Math.min(length, maxElementsLength);
+            const lastIndex = length - 1;
+            const index = this.index() - 1;
+            const reverseIndex = lastIndex - index;
+            const hasCollapsedItems = (value) => length > maxElementsLength && value > maxHalfLength;
+            return Array.from({ length: elementsLength }, (_, elementIndex) => {
+                const reverseElementIndex = elementsLength - 1 - elementIndex;
+                if (elementIndex < sidePadding) {
+                    return elementIndex + 1;
+                }
+                if (elementIndex === sidePadding && hasCollapsedItems(index)) {
+                    return null;
+                }
+                if (reverseElementIndex < sidePadding) {
+                    return lastIndex - reverseElementIndex + 1;
+                }
+                if (reverseElementIndex === sidePadding && hasCollapsedItems(reverseIndex)) {
+                    return null;
+                }
+                return tuiClamp(index - maxHalfLength + elementIndex, elementIndex, lastIndex - reverseElementIndex) + 1;
+            });
+        }, ...(ngDevMode ? [{ debugName: "pages" }] : /* istanbul ignore next */ []));
+    }
+    /**
+     * Возвращает query-параметры ссылки на страницу.
+     *
+     * Для первой страницы параметр удаляется, чтобы её адрес совпадал с адресом страницы без пагинации.
+     *
+     * @param page Номер страницы.
+     */
+    getPageQueryParams(page) {
+        return { [this.queryParam()]: page > 1 ? page : null };
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: ScPaginationLinksComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.16", type: ScPaginationLinksComponent, isStandalone: true, selector: "sc-pagination-links", inputs: { length: { classPropertyName: "length", publicName: "length", isSignal: true, isRequired: true, transformFunction: null }, index: { classPropertyName: "index", publicName: "index", isSignal: true, isRequired: true, transformFunction: null }, queryParam: { classPropertyName: "queryParam", publicName: "queryParam", isSignal: true, isRequired: false, transformFunction: null }, activePadding: { classPropertyName: "activePadding", publicName: "activePadding", isSignal: true, isRequired: false, transformFunction: null }, sidePadding: { classPropertyName: "sidePadding", publicName: "sidePadding", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@let paginationTexts = texts();\n\n<div class=\"t-content\">\n    @if (index() > 1) {\n        <a\n            tuiIconButton\n            size=\"s\"\n            appearance=\"flat\"\n            tabIndex=\"-1\"\n            class=\"t-button\"\n            [iconStart]=\"icons.decrement\"\n            [routerLink]=\"[]\"\n            [queryParams]=\"getPageQueryParams(index() - 1)\"\n            queryParamsHandling=\"merge\"\n        >\n            {{ paginationTexts[0] }}\n        </a>\n    } @else {\n        <button\n            tuiIconButton\n            size=\"s\"\n            appearance=\"flat\"\n            type=\"button\"\n            tabIndex=\"-1\"\n            class=\"t-button\"\n            [iconStart]=\"icons.decrement\"\n            [disabled]=\"true\"\n        >\n            {{ paginationTexts[0] }}\n        </button>\n    }\n\n    @for (page of pages(); track $index) {\n        @if (page) {\n            <a\n                automation-id=\"sc-pagination-links__element\"\n                tuiButton\n                size=\"s\"\n                class=\"t-button\"\n                [appearance]=\"page === index() ? 'primary' : 'flat'\"\n                [attr.aria-current]=\"page === index() ? 'page' : null\"\n                [routerLink]=\"[]\"\n                [queryParams]=\"getPageQueryParams(page)\"\n                queryParamsHandling=\"merge\"\n            >\n                {{ page }}\n            </a>\n        } @else {\n            <div class=\"t-dots\"></div>\n        }\n    }\n\n    @if (index() < length()) {\n        <a\n            tuiIconButton\n            size=\"s\"\n            appearance=\"flat\"\n            tabIndex=\"-1\"\n            class=\"t-button\"\n            [iconStart]=\"icons.increment\"\n            [routerLink]=\"[]\"\n            [queryParams]=\"getPageQueryParams(index() + 1)\"\n            queryParamsHandling=\"merge\"\n        >\n            {{ paginationTexts[1] }}\n        </a>\n    } @else {\n        <button\n            tuiIconButton\n            size=\"s\"\n            appearance=\"flat\"\n            type=\"button\"\n            tabIndex=\"-1\"\n            class=\"t-button\"\n            [iconStart]=\"icons.increment\"\n            [disabled]=\"true\"\n        >\n            {{ paginationTexts[1] }}\n        </button>\n    }\n</div>\n", styles: ["@charset \"UTF-8\";:host{display:block;font:var(--tui-typography-body-s);color:var(--tui-text-primary);text-align:center}.t-content{display:flex;justify-content:center}.t-button{flex-shrink:0;margin:0 .125rem}.t-button[tuiButton]{min-inline-size:var(--tui-height-s);padding:0 .5rem}.t-button:first-child{margin-inline-start:0}.t-button:last-child{margin-inline-end:0}.t-dots{flex-shrink:0;inline-size:var(--tui-height-s);block-size:var(--tui-height-s);line-height:var(--tui-height-s);margin:0 .125rem;color:var(--tui-text-action);text-align:center;cursor:default}.t-dots:before{content:\"\\2026\"}\n"], dependencies: [{ kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { 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.16", ngImport: i0, type: ScPaginationLinksComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sc-pagination-links', imports: [RouterLink, TuiButton], changeDetection: ChangeDetectionStrategy.OnPush, template: "@let paginationTexts = texts();\n\n<div class=\"t-content\">\n    @if (index() > 1) {\n        <a\n            tuiIconButton\n            size=\"s\"\n            appearance=\"flat\"\n            tabIndex=\"-1\"\n            class=\"t-button\"\n            [iconStart]=\"icons.decrement\"\n            [routerLink]=\"[]\"\n            [queryParams]=\"getPageQueryParams(index() - 1)\"\n            queryParamsHandling=\"merge\"\n        >\n            {{ paginationTexts[0] }}\n        </a>\n    } @else {\n        <button\n            tuiIconButton\n            size=\"s\"\n            appearance=\"flat\"\n            type=\"button\"\n            tabIndex=\"-1\"\n            class=\"t-button\"\n            [iconStart]=\"icons.decrement\"\n            [disabled]=\"true\"\n        >\n            {{ paginationTexts[0] }}\n        </button>\n    }\n\n    @for (page of pages(); track $index) {\n        @if (page) {\n            <a\n                automation-id=\"sc-pagination-links__element\"\n                tuiButton\n                size=\"s\"\n                class=\"t-button\"\n                [appearance]=\"page === index() ? 'primary' : 'flat'\"\n                [attr.aria-current]=\"page === index() ? 'page' : null\"\n                [routerLink]=\"[]\"\n                [queryParams]=\"getPageQueryParams(page)\"\n                queryParamsHandling=\"merge\"\n            >\n                {{ page }}\n            </a>\n        } @else {\n            <div class=\"t-dots\"></div>\n        }\n    }\n\n    @if (index() < length()) {\n        <a\n            tuiIconButton\n            size=\"s\"\n            appearance=\"flat\"\n            tabIndex=\"-1\"\n            class=\"t-button\"\n            [iconStart]=\"icons.increment\"\n            [routerLink]=\"[]\"\n            [queryParams]=\"getPageQueryParams(index() + 1)\"\n            queryParamsHandling=\"merge\"\n        >\n            {{ paginationTexts[1] }}\n        </a>\n    } @else {\n        <button\n            tuiIconButton\n            size=\"s\"\n            appearance=\"flat\"\n            type=\"button\"\n            tabIndex=\"-1\"\n            class=\"t-button\"\n            [iconStart]=\"icons.increment\"\n            [disabled]=\"true\"\n        >\n            {{ paginationTexts[1] }}\n        </button>\n    }\n</div>\n", styles: ["@charset \"UTF-8\";:host{display:block;font:var(--tui-typography-body-s);color:var(--tui-text-primary);text-align:center}.t-content{display:flex;justify-content:center}.t-button{flex-shrink:0;margin:0 .125rem}.t-button[tuiButton]{min-inline-size:var(--tui-height-s);padding:0 .5rem}.t-button:first-child{margin-inline-start:0}.t-button:last-child{margin-inline-end:0}.t-dots{flex-shrink:0;inline-size:var(--tui-height-s);block-size:var(--tui-height-s);line-height:var(--tui-height-s);margin:0 .125rem;color:var(--tui-text-action);text-align:center;cursor:default}.t-dots:before{content:\"\\2026\"}\n"] }]
+        }], propDecorators: { length: [{ type: i0.Input, args: [{ isSignal: true, alias: "length", required: true }] }], index: [{ type: i0.Input, args: [{ isSignal: true, alias: "index", required: true }] }], queryParam: [{ type: i0.Input, args: [{ isSignal: true, alias: "queryParam", required: false }] }], activePadding: [{ type: i0.Input, args: [{ isSignal: true, alias: "activePadding", required: false }] }], sidePadding: [{ type: i0.Input, args: [{ isSignal: true, alias: "sidePadding", required: false }] }] } });
 
 /**
  * Токен перечисления размеров страниц пагинации.
@@ -8998,6 +9160,14 @@ class ScFrequentlyAskedQuestionsWithGroupsComponent {
          * Сервис маршрутизации.
          */
         this.router = inject(Router);
+        /**
+         * Активный маршрут.
+         */
+        this.route = inject(ActivatedRoute);
+        /**
+         * Признак, что приложение запущено на сервере.
+         */
+        this.isServer = inject(IS_SERVER);
         /**
          * Индекс первой страницы.
          */
@@ -9011,13 +9181,15 @@ class ScFrequentlyAskedQuestionsWithGroupsComponent {
          */
         this.perPage$ = new BehaviorSubject(this.pageSizeOptions[0]);
         /**
-         * {@link BehaviorSubject} изменения номера страницы.
+         * {@link Observable} изменения номера страницы пагинации из query-параметров.
          */
-        this.page$ = new BehaviorSubject(this.firstPageIndex);
+        this.page$ = this.route.queryParamMap.pipe(map((params) => Number(params.get(SC_FAQ_PAGE_QUERY_PARAM)) || this.firstPageIndex), distinctUntilChanged());
         /**
-         * {@link BehaviorSubject} изменения идентификатора группы.
+         * {@link Observable} изменения идентификатора выбранной группы.
+         *
+         * Идентификатор берётся из query-параметров, а если параметр не задан - используется первая группа списка.
          */
-        this.groupId$ = new Subject();
+        this.groupId$ = combineLatest([this.route.queryParamMap, this.frequentlyAskedQuestionsService.groups$]).pipe(map(([params, groups]) => Number(params.get(SC_FAQ_GROUP_QUERY_PARAM)) || (groups[0]?.id ?? null)), distinctUntilChanged(), shareReplay({ refCount: true, bufferSize: 1 }));
         /**
          * Сигнал нажатия на кнопку "Задать вопрос".
          */
@@ -9028,7 +9200,7 @@ class ScFrequentlyAskedQuestionsWithGroupsComponent {
         this.request$ = combineLatest({
             page: this.page$,
             perPage: this.perPage$,
-            group: this.groupId$,
+            group: this.groupId$.pipe(filter(tuiIsPresent)),
             paginate: of(true),
         }).pipe(
         // Нулевой debounceTime для случая, когда меняются направление и поле сортировки одновременно.
@@ -9047,7 +9219,7 @@ class ScFrequentlyAskedQuestionsWithGroupsComponent {
         /**
          * {@link Observable} изменения номера страницы пагинации из данных пагинации запроса.
          */
-        this.currentPage$ = this.request$.pipe(filter(tuiIsPresent), map(({ meta }) => meta.currentPage - 1));
+        this.currentPage$ = this.request$.pipe(filter(tuiIsPresent), map(({ meta }) => meta.currentPage));
         /**
          * {@link Observable} изменения состояния загрузки данных.
          */
@@ -9059,31 +9231,20 @@ class ScFrequentlyAskedQuestionsWithGroupsComponent {
         /**
          * {@link Observable} изменения формата отображения фильтра групп.
          */
-        this.viewMode$ = inject(TUI_WINDOW_SIZE).pipe(map((rect) => (rect.width > 768 ? 'list' : 'select')));
-    }
-    /**
-     * Устанавливает данные пагинации.
-     *
-     * @param pageIndex Индекс страницы.
-     */
-    paginationChange(pageIndex) {
-        this.page$.next(pageIndex + 1);
-    }
-    /**
-     * Устанавливает идентификатор группы.
-     *
-     * @param id Идентификатор группы.
-     */
-    groupIdChange(id) {
-        this.groupId$.next(id);
-        this.paginationChange(0);
+        this.viewMode$ = this.isServer
+            ? of('list')
+            : inject(TUI_WINDOW_SIZE).pipe(map((rect) => (rect.width > 768 ? 'list' : 'select')));
+        /**
+         * Наименование query-параметра номера страницы пагинации.
+         */
+        this.pageQueryParam = SC_FAQ_PAGE_QUERY_PARAM;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: ScFrequentlyAskedQuestionsWithGroupsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.16", type: ScFrequentlyAskedQuestionsWithGroupsComponent, isStandalone: true, selector: "sc-frequently-asked-questions-with-groups", outputs: { clickSendQuestion: "clickSendQuestion" }, ngImport: i0, template: "@let items = data$ | async;\n@let pageCount = pageCount$ | async;\n@let viewMode = viewMode$ | async;\n\n@if (viewMode) {\n    <div\n        class=\"flex gap-6\"\n        [class.flex-col]=\"viewMode === 'select'\"\n    >\n        <div class=\"flex flex-col gap-7\">\n            <sc-frequently-asked-questions-group-selector\n                (groupIdChange)=\"groupIdChange($event)\"\n                [viewMode]=\"viewMode\"\n                class=\"shrink-0\"\n                [class.w-64]=\"viewMode !== 'select'\"\n            />\n            @if (viewMode === 'list') {\n                <button\n                    tuiButton\n                    size=\"m\"\n                    type=\"button\"\n                    iconStart=\"@tui.circle-help\"\n                    appearance=\"secondary\"\n                    (click)=\"clickSendQuestion.emit()\"\n                    class=\"self-center\"\n                >\n                    \u0417\u0430\u0434\u0430\u0442\u044C \u0432\u043E\u043F\u0440\u043E\u0441\n                </button>\n            }\n        </div>\n        <div class=\"grow\">\n            @if (items && items.length) {\n                <sc-frequently-asked-questions\n                    [items]=\"items\"\n                    [showLoading]=\"isLoading()\"\n                />\n                @if (pageCount && pageCount > 1) {\n                    <tui-pagination\n                        [length]=\"pageCount\"\n                        [index]=\"(currentPage$ | async) ?? 0\"\n                        (indexChange)=\"paginationChange($event)\"\n                        class=\"mt-4 !justify-items-center\"\n                    />\n                }\n            } @else {\n                <p class=\"text-body-s-bold\">\u0421\u043F\u0438\u0441\u043E\u043A \u0432\u043E\u043F\u0440\u043E\u0441\u043E\u0432 \u043F\u0443\u0441\u0442</p>\n            }\n        </div>\n    </div>\n}\n", dependencies: [{ kind: "component", type: ScFrequentlyAskedQuestionsGroupSelectorComponent, selector: "sc-frequently-asked-questions-group-selector", inputs: ["viewMode"], outputs: ["groupIdChange"] }, { kind: "directive", type: TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "component", type: ScFrequentlyAskedQuestionsComponent, selector: "sc-frequently-asked-questions", inputs: ["items", "showLoading"] }, { kind: "component", type: TuiPagination, selector: "tui-pagination", inputs: ["length", "focusable", "size", "disabled", "activePadding", "sidePadding", "content", "index"], outputs: ["indexChange"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.16", type: ScFrequentlyAskedQuestionsWithGroupsComponent, isStandalone: true, selector: "sc-frequently-asked-questions-with-groups", outputs: { clickSendQuestion: "clickSendQuestion" }, host: { attributes: { "ngSkipHydration": "true" } }, ngImport: i0, template: "@let items = data$ | async;\n@let pageCount = pageCount$ | async;\n@let viewMode = viewMode$ | async;\n\n@if (viewMode) {\n    <div\n        class=\"flex gap-6\"\n        [class.flex-col]=\"viewMode === 'select'\"\n    >\n        <div class=\"flex flex-col gap-7\">\n            <sc-frequently-asked-questions-group-selector\n                [selectedGroupId]=\"groupId$ | async\"\n                [viewMode]=\"viewMode\"\n                class=\"shrink-0\"\n                [class.w-64]=\"viewMode !== 'select'\"\n            />\n            @if (viewMode === 'list') {\n                <button\n                    tuiButton\n                    size=\"m\"\n                    type=\"button\"\n                    iconStart=\"@tui.circle-help\"\n                    appearance=\"secondary\"\n                    (click)=\"clickSendQuestion.emit()\"\n                    class=\"self-center\"\n                >\n                    \u0417\u0430\u0434\u0430\u0442\u044C \u0432\u043E\u043F\u0440\u043E\u0441\n                </button>\n            }\n        </div>\n        <div class=\"grow\">\n            @if (items && items.length) {\n                <sc-frequently-asked-questions\n                    [items]=\"items\"\n                    [showLoading]=\"isLoading()\"\n                />\n                @if (pageCount && pageCount > 1) {\n                    <sc-pagination-links\n                        [length]=\"pageCount\"\n                        [index]=\"(currentPage$ | async) ?? 1\"\n                        [queryParam]=\"pageQueryParam\"\n                        class=\"mt-4\"\n                    />\n                }\n            } @else {\n                <p class=\"text-body-s-bold\">\u0421\u043F\u0438\u0441\u043E\u043A \u0432\u043E\u043F\u0440\u043E\u0441\u043E\u0432 \u043F\u0443\u0441\u0442</p>\n            }\n        </div>\n    </div>\n}\n", dependencies: [{ kind: "component", type: ScFrequentlyAskedQuestionsGroupSelectorComponent, selector: "sc-frequently-asked-questions-group-selector", inputs: ["selectedGroupId", "viewMode"] }, { kind: "directive", type: TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "component", type: ScFrequentlyAskedQuestionsComponent, selector: "sc-frequently-asked-questions", inputs: ["items", "showLoading"] }, { kind: "component", type: ScPaginationLinksComponent, selector: "sc-pagination-links", inputs: ["length", "index", "queryParam", "activePadding", "sidePadding"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: ScFrequentlyAskedQuestionsWithGroupsComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sc-frequently-asked-questions-with-groups', imports: [AsyncPipe, ScFrequentlyAskedQuestionsGroupSelectorComponent, TuiButton, ScFrequentlyAskedQuestionsComponent, TuiPagination], changeDetection: ChangeDetectionStrategy.OnPush, template: "@let items = data$ | async;\n@let pageCount = pageCount$ | async;\n@let viewMode = viewMode$ | async;\n\n@if (viewMode) {\n    <div\n        class=\"flex gap-6\"\n        [class.flex-col]=\"viewMode === 'select'\"\n    >\n        <div class=\"flex flex-col gap-7\">\n            <sc-frequently-asked-questions-group-selector\n                (groupIdChange)=\"groupIdChange($event)\"\n                [viewMode]=\"viewMode\"\n                class=\"shrink-0\"\n                [class.w-64]=\"viewMode !== 'select'\"\n            />\n            @if (viewMode === 'list') {\n                <button\n                    tuiButton\n                    size=\"m\"\n                    type=\"button\"\n                    iconStart=\"@tui.circle-help\"\n                    appearance=\"secondary\"\n                    (click)=\"clickSendQuestion.emit()\"\n                    class=\"self-center\"\n                >\n                    \u0417\u0430\u0434\u0430\u0442\u044C \u0432\u043E\u043F\u0440\u043E\u0441\n                </button>\n            }\n        </div>\n        <div class=\"grow\">\n            @if (items && items.length) {\n                <sc-frequently-asked-questions\n                    [items]=\"items\"\n                    [showLoading]=\"isLoading()\"\n                />\n                @if (pageCount && pageCount > 1) {\n                    <tui-pagination\n                        [length]=\"pageCount\"\n                        [index]=\"(currentPage$ | async) ?? 0\"\n                        (indexChange)=\"paginationChange($event)\"\n                        class=\"mt-4 !justify-items-center\"\n                    />\n                }\n            } @else {\n                <p class=\"text-body-s-bold\">\u0421\u043F\u0438\u0441\u043E\u043A \u0432\u043E\u043F\u0440\u043E\u0441\u043E\u0432 \u043F\u0443\u0441\u0442</p>\n            }\n        </div>\n    </div>\n}\n" }]
+            args: [{ selector: 'sc-frequently-asked-questions-with-groups', imports: [AsyncPipe, ScFrequentlyAskedQuestionsGroupSelectorComponent, TuiButton, ScFrequentlyAskedQuestionsComponent, ScPaginationLinksComponent], host: { ngSkipHydration: 'true' }, changeDetection: ChangeDetectionStrategy.OnPush, template: "@let items = data$ | async;\n@let pageCount = pageCount$ | async;\n@let viewMode = viewMode$ | async;\n\n@if (viewMode) {\n    <div\n        class=\"flex gap-6\"\n        [class.flex-col]=\"viewMode === 'select'\"\n    >\n        <div class=\"flex flex-col gap-7\">\n            <sc-frequently-asked-questions-group-selector\n                [selectedGroupId]=\"groupId$ | async\"\n                [viewMode]=\"viewMode\"\n                class=\"shrink-0\"\n                [class.w-64]=\"viewMode !== 'select'\"\n            />\n            @if (viewMode === 'list') {\n                <button\n                    tuiButton\n                    size=\"m\"\n                    type=\"button\"\n                    iconStart=\"@tui.circle-help\"\n                    appearance=\"secondary\"\n                    (click)=\"clickSendQuestion.emit()\"\n                    class=\"self-center\"\n                >\n                    \u0417\u0430\u0434\u0430\u0442\u044C \u0432\u043E\u043F\u0440\u043E\u0441\n                </button>\n            }\n        </div>\n        <div class=\"grow\">\n            @if (items && items.length) {\n                <sc-frequently-asked-questions\n                    [items]=\"items\"\n                    [showLoading]=\"isLoading()\"\n                />\n                @if (pageCount && pageCount > 1) {\n                    <sc-pagination-links\n                        [length]=\"pageCount\"\n                        [index]=\"(currentPage$ | async) ?? 1\"\n                        [queryParam]=\"pageQueryParam\"\n                        class=\"mt-4\"\n                    />\n                }\n            } @else {\n                <p class=\"text-body-s-bold\">\u0421\u043F\u0438\u0441\u043E\u043A \u0432\u043E\u043F\u0440\u043E\u0441\u043E\u0432 \u043F\u0443\u0441\u0442</p>\n            }\n        </div>\n    </div>\n}\n" }]
         }], propDecorators: { clickSendQuestion: [{ type: i0.Output, args: ["clickSendQuestion"] }] } });
 
 /**
@@ -9574,7 +9735,7 @@ class ScFeedbackFormComponent {
         return ScPhoneService.isValidPhoneNumberForMessenger(value);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: ScFeedbackFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.16", type: ScFeedbackFormComponent, isStandalone: true, selector: "sc-feedback-form", inputs: { slugInput: { classPropertyName: "slugInput", publicName: "slug", isSignal: true, isRequired: false, transformFunction: null }, fieldsInput: { classPropertyName: "fieldsInput", publicName: "fields", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { clickOffer: "clickOffer", sendSuccess: "sendSuccess" }, ngImport: i0, template: "@let fieldsList = fields();\n@if (fieldsList.length > 0) {\n    <form\n        [formGroup]=\"form\"\n        (ngSubmit)=\"onSubmit.next()\"\n        class=\"flex flex-col justify-between gap-4\"\n    >\n        <!-- \u0424\u0418\u041E -->\n        @if (fieldsList.includes('name')) {\n            <label tuiLabel>\n                \u0424\u0418\u041E\n                <tui-textfield>\n                    <input\n                        tuiInput\n                        formControlName=\"name\"\n                        placeholder=\"\u0423\u043A\u0430\u0436\u0438\u0442\u0435 \u0412\u0430\u0448\u0438 \u0424.\u0418.\u041E.\"\n                    />\n                </tui-textfield>\n                <tui-error formControlName=\"name\" />\n            </label>\n        }\n        <!-- \u0422\u0435\u043B\u0435\u0444\u043E\u043D -->\n        @if (fieldsList.includes('phone')) {\n            <label tuiLabel>\n                \u0422\u0435\u043B\u0435\u0444\u043E\u043D\n                <tui-textfield>\n                    <input\n                        formControlName=\"phone\"\n                        tuiInputPhoneInternational\n                        [countrySearch]=\"true\"\n                        [countries]=\"(countries | tuiSortCountries) || []\"\n                        autocomplete=\"phone\"\n                        placeholder=\"\u0422\u0435\u043B\u0435\u0444\u043E\u043D\"\n                    />\n                </tui-textfield>\n                <tui-error formControlName=\"phone\" />\n            </label>\n            @if (fieldsList.includes('isShouldUseMessenger') && form.controls.phone.value && isValidPhoneNumberForMessenger(form.controls.phone.value)) {\n                <label tuiLabel>\n                    <input\n                        formControlName=\"isShouldUseMessenger\"\n                        tuiCheckbox\n                        type=\"checkbox\"\n                    />\n                    <span tuiTitle> \u041D\u0430\u043F\u0438\u0441\u0430\u0442\u044C \u0432 \u043C\u0435\u0441\u0441\u0435\u043D\u0434\u0436\u0435\u0440\u0430\u0445, \u0430 \u043D\u0435 \u0437\u0432\u043E\u043D\u0438\u0442\u044C </span>\n                </label>\n            }\n        }\n        <!-- \u0410\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B -->\n        @if (fieldsList.includes('email')) {\n            <label tuiLabel>\n                \u0410\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B\n                <tui-textfield>\n                    <input\n                        tuiInput\n                        formControlName=\"email\"\n                        placeholder=\"\u0410\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B\"\n                    />\n                    <sc-suggestion-field\n                        *tuiDataList\n                        [type]=\"suggestionType.email\"\n                    />\n                </tui-textfield>\n                <tui-error formControlName=\"email\" />\n            </label>\n        }\n        <!-- \u041A\u043E\u043C\u043C\u0435\u043D\u0442\u0430\u0440\u0438\u0439 -->\n        @if (fieldsList.includes('message')) {\n            <label tuiLabel>\n                \u041A\u043E\u043C\u043C\u0435\u043D\u0442\u0430\u0440\u0438\u0439\n                <tui-textfield>\n                    <textarea\n                        tuiTextarea\n                        formControlName=\"message\"\n                        [min]=\"3\"\n                        [max]=\"6\"\n                        placeholder=\"\u041A\u043E\u043C\u043C\u0435\u043D\u0442\u0430\u0440\u0438\u0439\"\n                    ></textarea>\n                </tui-textfield>\n                <tui-error formControlName=\"message\" />\n            </label>\n        }\n        <!-- \u0424\u0430\u0439\u043B\u044B -->\n        @if (fieldsList.includes('files')) {\n            <div class=\"flex flex-col gap-1\">\n                <label tuiInputFiles>\n                    <input\n                        #validator=\"tuiInputFilesValidator\"\n                        accept=\".doc,.docx,.pdf,image/*\"\n                        tuiInputFiles\n                        [formControl]=\"loadedFile\"\n                        [multiple]=\"true\"\n                        (reject)=\"onReject($event)\"\n                    />\n                </label>\n                @if (loadedFile.invalid) {\n                    <tui-error\n                        [order]=\"['maxLength']\"\n                        [formControl]=\"loadedFile\"\n                    />\n                }\n                @let accepted = accepted$ | async;\n                @if (accepted?.length || rejected.length) {\n                    <tui-files class=\"tui-space_top-1\">\n                        @for (file of accepted; track file) {\n                            <tui-file\n                                [file]=\"file\"\n                                (remove)=\"onRemove(file)\"\n                            />\n                        }\n                        @for (file of rejected; track file) {\n                            <tui-file\n                                state=\"error\"\n                                [file]=\"(file | tuiFileRejected: validator | async) || file\"\n                                (remove)=\"onRemove(file)\"\n                            />\n                        }\n                    </tui-files>\n                }\n            </div>\n        }\n        <!-- recaptcha -->\n        @if (form.get('recaptcha')) {\n            <div\n                class=\"mb-3 max-h-20 overflow-hidden duration-500\"\n                [ngClass]=\"{ '!max-h-0 !-m-2': form.get('recaptcha')?.valid }\"\n            >\n                <re-captcha formControlName=\"recaptcha\" />\n            </div>\n        }\n        <!-- \u042D\u043B\u0435\u043C\u0435\u043D\u0442\u044B \u0443\u043F\u0440\u0430\u0432\u043B\u0435\u043D\u0438\u044F  -->\n        <div class=\"flex flex-wrap items-center gap-3\">\n            <button\n                tuiButton\n                [disabled]=\"form.invalid\"\n                [loading]=\"!!(loading$ | async)\"\n                type=\"submit\"\n                iconStart=\"@tui.sc.send\"\n                class=\"self-center\"\n            >\n                \u041E\u0442\u043F\u0440\u0430\u0432\u0438\u0442\u044C\n            </button>\n            <div class=\"grow basis-60 text-body-s\">\n                \u041D\u0430\u0436\u0438\u043C\u0430\u044F \u043D\u0430 \u043A\u043D\u043E\u043F\u043A\u0443, \u0432\u044B \u0441\u043E\u0433\u043B\u0430\u0448\u0430\u0435\u0442\u0435\u0441\u044C \u0441\n                <button\n                    tuiLink\n                    [style.text-decoration-line]=\"'underline'\"\n                    type=\"button\"\n                    (click)=\"context?.data?.onClickOfferHandler(); clickOffer.emit()\"\n                >\n                    \u041F\u043E\u043B\u0438\u0442\u0438\u043A\u043E\u0439 \u043A\u043E\u043D\u0444\u0438\u0434\u0435\u043D\u0446\u0438\u0430\u043B\u044C\u043D\u043E\u0441\u0442\u0438\n                </button>\n            </div>\n        </div>\n    </form>\n}\n", dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { 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.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i2.TuiErrorComponent, selector: "tui-error", inputs: ["error"] }, { kind: "directive", type: i2.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"] }, { kind: "component", type: ScSuggestionFieldComponent, selector: "sc-suggestion-field", inputs: ["type"], outputs: ["selectedClick"] }, { kind: "directive", type: i2$3.TuiLabel, selector: "label[tuiLabel]" }, { kind: "component", type: i3$1.TuiTextfieldComponent, selector: "tui-textfield:not([multi])", inputs: ["content", "filler"] }, { kind: "directive", type: i2.TuiInputDirective, selector: "input[tuiInput]", inputs: ["readOnly", "invalid", "focused", "state"] }, { kind: "directive", type: TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "component", type: TuiButtonLoading, selector: "[tuiButton][loading],[tuiIconButton][loading]", inputs: ["size", "loading"] }, { kind: "ngmodule", type: RecaptchaFormsModule }, { kind: "directive", type: i5.RecaptchaValueAccessorDirective, selector: "re-captcha[formControlName],re-captcha[formControl],re-captcha[ngModel]" }, { kind: "ngmodule", type: RecaptchaModule }, { kind: "component", type: i5.RecaptchaComponent, selector: "re-captcha", inputs: ["id", "siteKey", "theme", "type", "size", "tabIndex", "badge", "errorMode"], outputs: ["resolved", "error", "errored"], exportAs: ["reCaptcha"] }, { kind: "directive", type: TuiLink, selector: "a[tuiLink], button[tuiLink]" }, { kind: "component", type: i1$1.TuiTextareaComponent, selector: "textarea[tuiTextarea]", inputs: ["min", "max", "content"] }, { kind: "component", type: TuiCheckbox, selector: "input[type=\"checkbox\"][tuiCheckbox]" }, { kind: "directive", type: TuiTitle, selector: "[tuiTitle]", inputs: ["tuiTitle"] }, { kind: "component", type: i1$1.TuiFile, selector: "tui-file,a[tuiFile],button[tuiFile]", inputs: ["file", "state", "size", "showDelete", "showSize", "leftContent"], outputs: ["remove"] }, { kind: "component", type: i1$1.TuiInputFiles, selector: "label[tuiInputFiles]", inputs: ["tuiInputFiles"] }, { kind: "component", type: i1$1.TuiFilesComponent, selector: "tui-files", inputs: ["max", "expanded"], outputs: ["expandedChange"] }, { kind: "directive", type: i1$1.TuiInputFilesDirective, selector: "input[tuiInputFiles]", outputs: ["reject"] }, { kind: "component", type: i1$1.TuiInputPhoneInternationalComponent, selector: "input[tuiInputPhoneInternational]", inputs: ["countrySearch", "countryIsoCode", "countries"], outputs: ["countryIsoCodeChange"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: i1$1.TuiFileRejectedPipe, name: "tuiFileRejected" }, { kind: "pipe", type: TuiSortCountriesPipe, name: "tuiSortCountries" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.16", type: ScFeedbackFormComponent, isStandalone: true, selector: "sc-feedback-form", inputs: { slugInput: { classPropertyName: "slugInput", publicName: "slug", isSignal: true, isRequired: false, transformFunction: null }, fieldsInput: { classPropertyName: "fieldsInput", publicName: "fields", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { clickOffer: "clickOffer", sendSuccess: "sendSuccess" }, ngImport: i0, template: "@let fieldsList = fields();\n@if (fieldsList.length > 0) {\n    <form\n        [formGroup]=\"form\"\n        (ngSubmit)=\"onSubmit.next()\"\n        class=\"flex flex-col justify-between gap-4\"\n    >\n        <!-- \u0424\u0418\u041E -->\n        @if (fieldsList.includes('name')) {\n            <label tuiLabel>\n                \u0424\u0418\u041E\n                <tui-textfield>\n                    <input\n                        tuiInput\n                        formControlName=\"name\"\n                        placeholder=\"\u0423\u043A\u0430\u0436\u0438\u0442\u0435 \u0412\u0430\u0448\u0438 \u0424.\u0418.\u041E.\"\n                    />\n                </tui-textfield>\n                <tui-error formControlName=\"name\" />\n            </label>\n        }\n        <!-- \u0422\u0435\u043B\u0435\u0444\u043E\u043D -->\n        @if (fieldsList.includes('phone')) {\n            <label tuiLabel>\n                \u0422\u0435\u043B\u0435\u0444\u043E\u043D\n                <tui-textfield>\n                    <input\n                        formControlName=\"phone\"\n                        tuiInputPhoneInternational\n                        [countrySearch]=\"true\"\n                        [countries]=\"(countries | tuiSortCountries) || []\"\n                        autocomplete=\"phone\"\n                        placeholder=\"\u0422\u0435\u043B\u0435\u0444\u043E\u043D\"\n                    />\n                </tui-textfield>\n                <tui-error formControlName=\"phone\" />\n            </label>\n            @if (fieldsList.includes('isShouldUseMessenger') && form.controls.phone.value && isValidPhoneNumberForMessenger(form.controls.phone.value)) {\n                <label tuiLabel>\n                    <input\n                        formControlName=\"isShouldUseMessenger\"\n                        tuiCheckbox\n                        type=\"checkbox\"\n                    />\n                    <span tuiTitle> \u041D\u0430\u043F\u0438\u0441\u0430\u0442\u044C \u0432 \u043C\u0435\u0441\u0441\u0435\u043D\u0434\u0436\u0435\u0440\u0430\u0445, \u0430 \u043D\u0435 \u0437\u0432\u043E\u043D\u0438\u0442\u044C </span>\n                </label>\n            }\n        }\n        <!-- \u0410\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B -->\n        @if (fieldsList.includes('email')) {\n            <label tuiLabel>\n                \u0410\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B\n                <tui-textfield>\n                    <input\n                        tuiInput\n                        formControlName=\"email\"\n                        placeholder=\"\u0410\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B\"\n                    />\n                    <sc-suggestion-field\n                        *tuiDropdown\n                        [type]=\"suggestionType.email\"\n                    />\n                </tui-textfield>\n                <tui-error formControlName=\"email\" />\n            </label>\n        }\n        <!-- \u041A\u043E\u043C\u043C\u0435\u043D\u0442\u0430\u0440\u0438\u0439 -->\n        @if (fieldsList.includes('message')) {\n            <label tuiLabel>\n                \u041A\u043E\u043C\u043C\u0435\u043D\u0442\u0430\u0440\u0438\u0439\n                <tui-textfield>\n                    <textarea\n                        tuiTextarea\n                        formControlName=\"message\"\n                        [min]=\"3\"\n                        [max]=\"6\"\n                        placeholder=\"\u041A\u043E\u043C\u043C\u0435\u043D\u0442\u0430\u0440\u0438\u0439\"\n                    ></textarea>\n                </tui-textfield>\n                <tui-error formControlName=\"message\" />\n            </label>\n        }\n        <!-- \u0424\u0430\u0439\u043B\u044B -->\n        @if (fieldsList.includes('files')) {\n            <div class=\"flex flex-col gap-1\">\n                <label class=\"inline-block\">\n                    <input\n                        #validator=\"tuiInputFilesValidator\"\n                        accept=\".doc,.docx,.pdf,image/*\"\n                        tuiInputFiles\n                        [formControl]=\"loadedFile\"\n                        [multiple]=\"true\"\n                        (reject)=\"onReject($event)\"\n                        class=\"sr-only\"\n                    />\n                    <button\n                        tuiButton\n                        type=\"button\"\n                        tabindex=\"-1\"\n                        appearance=\"secondary\"\n                        size=\"m\"\n                        iconStart=\"@tui.paperclip\"\n                        class=\"pointer-events-none\"\n                    >\n                        \u041F\u0440\u0438\u043A\u0440\u0435\u043F\u0438\u0442\u044C \u0444\u0430\u0439\u043B\n                    </button>\n                </label>\n                @if (loadedFile.invalid) {\n                    <tui-error\n                        [order]=\"['maxLength']\"\n                        [formControl]=\"loadedFile\"\n                    />\n                }\n                @let accepted = accepted$ | async;\n                @if (accepted?.length || rejected.length) {\n                    <tui-files class=\"tui-space_top-1\">\n                        @for (file of accepted; track file) {\n                            <tui-file\n                                [file]=\"file\"\n                                (remove)=\"onRemove(file)\"\n                            />\n                        }\n                        @for (file of rejected; track file) {\n                            <tui-file\n                                state=\"error\"\n                                [file]=\"(file | tuiFileRejected: validator | async) || file\"\n                                (remove)=\"onRemove(file)\"\n                            />\n                        }\n                    </tui-files>\n                }\n            </div>\n        }\n        <!-- recaptcha -->\n        @if (form.get('recaptcha')) {\n            <div\n                class=\"mb-3 max-h-20 overflow-hidden duration-500\"\n                [ngClass]=\"{ '!max-h-0 !-m-2': form.get('recaptcha')?.valid }\"\n            >\n                <re-captcha formControlName=\"recaptcha\" />\n            </div>\n        }\n        <!-- \u042D\u043B\u0435\u043C\u0435\u043D\u0442\u044B \u0443\u043F\u0440\u0430\u0432\u043B\u0435\u043D\u0438\u044F  -->\n        <div class=\"flex flex-wrap items-center gap-3\">\n            <button\n                tuiButton\n                [disabled]=\"form.invalid\"\n                [loading]=\"!!(loading$ | async)\"\n                type=\"submit\"\n                iconStart=\"@tui.sc.send\"\n                class=\"self-center\"\n            >\n                \u041E\u0442\u043F\u0440\u0430\u0432\u0438\u0442\u044C\n            </button>\n            <div class=\"grow basis-60 text-body-s\">\n                \u041D\u0430\u0436\u0438\u043C\u0430\u044F \u043D\u0430 \u043A\u043D\u043E\u043F\u043A\u0443, \u0432\u044B \u0441\u043E\u0433\u043B\u0430\u0448\u0430\u0435\u0442\u0435\u0441\u044C \u0441\n                <button\n                    tuiLink\n                    [style.text-decoration-line]=\"'underline'\"\n                    type=\"button\"\n                    (click)=\"context?.data?.onClickOfferHandler(); clickOffer.emit()\"\n                >\n                    \u041F\u043E\u043B\u0438\u0442\u0438\u043A\u043E\u0439 \u043A\u043E\u043D\u0444\u0438\u0434\u0435\u043D\u0446\u0438\u0430\u043B\u044C\u043D\u043E\u0441\u0442\u0438\n                </button>\n            </div>\n        </div>\n    </form>\n}\n", dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { 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.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i2.TuiErrorComponent, selector: "tui-error", inputs: ["error"] }, { kind: "directive", type: i2.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"] }, { kind: "component", type: ScSuggestionFieldComponent, selector: "sc-suggestion-field", inputs: ["type"], outputs: ["selectedClick"] }, { kind: "directive", type: i2$3.TuiLabel, selector: "label[tuiLabel]" }, { kind: "component", type: i3$1.TuiTextfieldComponent, selector: "tui-textfield:not([multi])", inputs: ["content", "filler"] }, { kind: "directive", type: i3.TuiDropdownContent, selector: "ng-template[tuiDropdown]" }, { kind: "directive", type: i2.TuiInputDirective, selector: "input[tuiInput]", inputs: ["readOnly", "invalid", "focused", "state"] }, { kind: "directive", type: TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "component", type: TuiButtonLoading, selector: "[tuiButton][loading],[tuiIconButton][loading]", inputs: ["size", "loading"] }, { kind: "ngmodule", type: RecaptchaFormsModule }, { kind: "directive", type: i6$2.RecaptchaValueAccessorDirective, selector: "re-captcha[formControlName],re-captcha[formControl],re-captcha[ngModel]" }, { kind: "ngmodule", type: RecaptchaModule }, { kind: "component", type: i6$2.RecaptchaComponent, selector: "re-captcha", inputs: ["id", "siteKey", "theme", "type", "size", "tabIndex", "badge", "errorMode"], outputs: ["resolved", "error", "errored"], exportAs: ["reCaptcha"] }, { kind: "directive", type: TuiLink, selector: "a[tuiLink], button[tuiLink]" }, { kind: "component", type: i1$1.TuiTextareaComponent, selector: "textarea[tuiTextarea]", inputs: ["min", "max", "content"] }, { kind: "component", type: TuiCheckbox, selector: "input[type=\"checkbox\"][tuiCheckbox]" }, { kind: "directive", type: TuiTitle, selector: "[tuiTitle]", inputs: ["tuiTitle"] }, { kind: "component", type: i1$1.TuiFile, selector: "tui-file,a[tuiFile],button[tuiFile]", inputs: ["file", "state", "size", "showDelete", "showSize", "leftContent"], outputs: ["remove"] }, { kind: "component", type: i1$1.TuiFilesComponent, selector: "tui-files", inputs: ["max", "expanded"], outputs: ["expandedChange"] }, { kind: "directive", type: i1$1.TuiInputFilesDirective, selector: "input[tuiInputFiles]", outputs: ["reject"] }, { kind: "component", type: i1$1.TuiInputPhoneInternationalComponent, selector: "input[tuiInputPhoneInternational]", inputs: ["countrySearch", "countryIsoCode", "countries"], outputs: ["countryIsoCodeChange"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: i1$1.TuiFileRejectedPipe, name: "tuiFileRejected" }, { kind: "pipe", type: TuiSortCountriesPipe, name: "tuiSortCountries" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 __decorate([
     tuiPure
@@ -9602,7 +9763,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImpo
                         TuiInputPhoneInternational,
                         ...TuiInput,
                         TuiSortCountriesPipe,
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "@let fieldsList = fields();\n@if (fieldsList.length > 0) {\n    <form\n        [formGroup]=\"form\"\n        (ngSubmit)=\"onSubmit.next()\"\n        class=\"flex flex-col justify-between gap-4\"\n    >\n        <!-- \u0424\u0418\u041E -->\n        @if (fieldsList.includes('name')) {\n            <label tuiLabel>\n                \u0424\u0418\u041E\n                <tui-textfield>\n                    <input\n                        tuiInput\n                        formControlName=\"name\"\n                        placeholder=\"\u0423\u043A\u0430\u0436\u0438\u0442\u0435 \u0412\u0430\u0448\u0438 \u0424.\u0418.\u041E.\"\n                    />\n                </tui-textfield>\n                <tui-error formControlName=\"name\" />\n            </label>\n        }\n        <!-- \u0422\u0435\u043B\u0435\u0444\u043E\u043D -->\n        @if (fieldsList.includes('phone')) {\n            <label tuiLabel>\n                \u0422\u0435\u043B\u0435\u0444\u043E\u043D\n                <tui-textfield>\n                    <input\n                        formControlName=\"phone\"\n                        tuiInputPhoneInternational\n                        [countrySearch]=\"true\"\n                        [countries]=\"(countries | tuiSortCountries) || []\"\n                        autocomplete=\"phone\"\n                        placeholder=\"\u0422\u0435\u043B\u0435\u0444\u043E\u043D\"\n                    />\n                </tui-textfield>\n                <tui-error formControlName=\"phone\" />\n            </label>\n            @if (fieldsList.includes('isShouldUseMessenger') && form.controls.phone.value && isValidPhoneNumberForMessenger(form.controls.phone.value)) {\n                <label tuiLabel>\n                    <input\n                        formControlName=\"isShouldUseMessenger\"\n                        tuiCheckbox\n                        type=\"checkbox\"\n                    />\n                    <span tuiTitle> \u041D\u0430\u043F\u0438\u0441\u0430\u0442\u044C \u0432 \u043C\u0435\u0441\u0441\u0435\u043D\u0434\u0436\u0435\u0440\u0430\u0445, \u0430 \u043D\u0435 \u0437\u0432\u043E\u043D\u0438\u0442\u044C </span>\n                </label>\n            }\n        }\n        <!-- \u0410\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B -->\n        @if (fieldsList.includes('email')) {\n            <label tuiLabel>\n                \u0410\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B\n                <tui-textfield>\n                    <input\n                        tuiInput\n                        formControlName=\"email\"\n                        placeholder=\"\u0410\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B\"\n                    />\n                    <sc-suggestion-field\n                        *tuiDataList\n                        [type]=\"suggestionType.email\"\n                    />\n                </tui-textfield>\n                <tui-error formControlName=\"email\" />\n            </label>\n        }\n        <!-- \u041A\u043E\u043C\u043C\u0435\u043D\u0442\u0430\u0440\u0438\u0439 -->\n        @if (fieldsList.includes('message')) {\n            <label tuiLabel>\n                \u041A\u043E\u043C\u043C\u0435\u043D\u0442\u0430\u0440\u0438\u0439\n                <tui-textfield>\n                    <textarea\n                        tuiTextarea\n                        formControlName=\"message\"\n                        [min]=\"3\"\n                        [max]=\"6\"\n                        placeholder=\"\u041A\u043E\u043C\u043C\u0435\u043D\u0442\u0430\u0440\u0438\u0439\"\n                    ></textarea>\n                </tui-textfield>\n                <tui-error formControlName=\"message\" />\n            </label>\n        }\n        <!-- \u0424\u0430\u0439\u043B\u044B -->\n        @if (fieldsList.includes('files')) {\n            <div class=\"flex flex-col gap-1\">\n                <label tuiInputFiles>\n                    <input\n                        #validator=\"tuiInputFilesValidator\"\n                        accept=\".doc,.docx,.pdf,image/*\"\n                        tuiInputFiles\n                        [formControl]=\"loadedFile\"\n                        [multiple]=\"true\"\n                        (reject)=\"onReject($event)\"\n                    />\n                </label>\n                @if (loadedFile.invalid) {\n                    <tui-error\n                        [order]=\"['maxLength']\"\n                        [formControl]=\"loadedFile\"\n                    />\n                }\n                @let accepted = accepted$ | async;\n                @if (accepted?.length || rejected.length) {\n                    <tui-files class=\"tui-space_top-1\">\n                        @for (file of accepted; track file) {\n                            <tui-file\n                                [file]=\"file\"\n                                (remove)=\"onRemove(file)\"\n                            />\n                        }\n                        @for (file of rejected; track file) {\n                            <tui-file\n                                state=\"error\"\n                                [file]=\"(file | tuiFileRejected: validator | async) || file\"\n                                (remove)=\"onRemove(file)\"\n                            />\n                        }\n                    </tui-files>\n                }\n            </div>\n        }\n        <!-- recaptcha -->\n        @if (form.get('recaptcha')) {\n            <div\n                class=\"mb-3 max-h-20 overflow-hidden duration-500\"\n                [ngClass]=\"{ '!max-h-0 !-m-2': form.get('recaptcha')?.valid }\"\n            >\n                <re-captcha formControlName=\"recaptcha\" />\n            </div>\n        }\n        <!-- \u042D\u043B\u0435\u043C\u0435\u043D\u0442\u044B \u0443\u043F\u0440\u0430\u0432\u043B\u0435\u043D\u0438\u044F  -->\n        <div class=\"flex flex-wrap items-center gap-3\">\n            <button\n                tuiButton\n                [disabled]=\"form.invalid\"\n                [loading]=\"!!(loading$ | async)\"\n                type=\"submit\"\n                iconStart=\"@tui.sc.send\"\n                class=\"self-center\"\n            >\n                \u041E\u0442\u043F\u0440\u0430\u0432\u0438\u0442\u044C\n            </button>\n            <div class=\"grow basis-60 text-body-s\">\n                \u041D\u0430\u0436\u0438\u043C\u0430\u044F \u043D\u0430 \u043A\u043D\u043E\u043F\u043A\u0443, \u0432\u044B \u0441\u043E\u0433\u043B\u0430\u0448\u0430\u0435\u0442\u0435\u0441\u044C \u0441\n                <button\n                    tuiLink\n                    [style.text-decoration-line]=\"'underline'\"\n                    type=\"button\"\n                    (click)=\"context?.data?.onClickOfferHandler(); clickOffer.emit()\"\n                >\n                    \u041F\u043E\u043B\u0438\u0442\u0438\u043A\u043E\u0439 \u043A\u043E\u043D\u0444\u0438\u0434\u0435\u043D\u0446\u0438\u0430\u043B\u044C\u043D\u043E\u0441\u0442\u0438\n                </button>\n            </div>\n        </div>\n    </form>\n}\n" }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "@let fieldsList = fields();\n@if (fieldsList.length > 0) {\n    <form\n        [formGroup]=\"form\"\n        (ngSubmit)=\"onSubmit.next()\"\n        class=\"flex flex-col justify-between gap-4\"\n    >\n        <!-- \u0424\u0418\u041E -->\n        @if (fieldsList.includes('name')) {\n            <label tuiLabel>\n                \u0424\u0418\u041E\n                <tui-textfield>\n                    <input\n                        tuiInput\n                        formControlName=\"name\"\n                        placeholder=\"\u0423\u043A\u0430\u0436\u0438\u0442\u0435 \u0412\u0430\u0448\u0438 \u0424.\u0418.\u041E.\"\n                    />\n                </tui-textfield>\n                <tui-error formControlName=\"name\" />\n            </label>\n        }\n        <!-- \u0422\u0435\u043B\u0435\u0444\u043E\u043D -->\n        @if (fieldsList.includes('phone')) {\n            <label tuiLabel>\n                \u0422\u0435\u043B\u0435\u0444\u043E\u043D\n                <tui-textfield>\n                    <input\n                        formControlName=\"phone\"\n                        tuiInputPhoneInternational\n                        [countrySearch]=\"true\"\n                        [countries]=\"(countries | tuiSortCountries) || []\"\n                        autocomplete=\"phone\"\n                        placeholder=\"\u0422\u0435\u043B\u0435\u0444\u043E\u043D\"\n                    />\n                </tui-textfield>\n                <tui-error formControlName=\"phone\" />\n            </label>\n            @if (fieldsList.includes('isShouldUseMessenger') && form.controls.phone.value && isValidPhoneNumberForMessenger(form.controls.phone.value)) {\n                <label tuiLabel>\n                    <input\n                        formControlName=\"isShouldUseMessenger\"\n                        tuiCheckbox\n                        type=\"checkbox\"\n                    />\n                    <span tuiTitle> \u041D\u0430\u043F\u0438\u0441\u0430\u0442\u044C \u0432 \u043C\u0435\u0441\u0441\u0435\u043D\u0434\u0436\u0435\u0440\u0430\u0445, \u0430 \u043D\u0435 \u0437\u0432\u043E\u043D\u0438\u0442\u044C </span>\n                </label>\n            }\n        }\n        <!-- \u0410\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B -->\n        @if (fieldsList.includes('email')) {\n            <label tuiLabel>\n                \u0410\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B\n                <tui-textfield>\n                    <input\n                        tuiInput\n                        formControlName=\"email\"\n                        placeholder=\"\u0410\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B\"\n                    />\n                    <sc-suggestion-field\n                        *tuiDropdown\n                        [type]=\"suggestionType.email\"\n                    />\n                </tui-textfield>\n                <tui-error formControlName=\"email\" />\n            </label>\n        }\n        <!-- \u041A\u043E\u043C\u043C\u0435\u043D\u0442\u0430\u0440\u0438\u0439 -->\n        @if (fieldsList.includes('message')) {\n            <label tuiLabel>\n                \u041A\u043E\u043C\u043C\u0435\u043D\u0442\u0430\u0440\u0438\u0439\n                <tui-textfield>\n                    <textarea\n                        tuiTextarea\n                        formControlName=\"message\"\n                        [min]=\"3\"\n                        [max]=\"6\"\n                        placeholder=\"\u041A\u043E\u043C\u043C\u0435\u043D\u0442\u0430\u0440\u0438\u0439\"\n                    ></textarea>\n                </tui-textfield>\n                <tui-error formControlName=\"message\" />\n            </label>\n        }\n        <!-- \u0424\u0430\u0439\u043B\u044B -->\n        @if (fieldsList.includes('files')) {\n            <div class=\"flex flex-col gap-1\">\n                <label class=\"inline-block\">\n                    <input\n                        #validator=\"tuiInputFilesValidator\"\n                        accept=\".doc,.docx,.pdf,image/*\"\n                        tuiInputFiles\n                        [formControl]=\"loadedFile\"\n                        [multiple]=\"true\"\n                        (reject)=\"onReject($event)\"\n                        class=\"sr-only\"\n                    />\n                    <button\n                        tuiButton\n                        type=\"button\"\n                        tabindex=\"-1\"\n                        appearance=\"secondary\"\n                        size=\"m\"\n                        iconStart=\"@tui.paperclip\"\n                        class=\"pointer-events-none\"\n                    >\n                        \u041F\u0440\u0438\u043A\u0440\u0435\u043F\u0438\u0442\u044C \u0444\u0430\u0439\u043B\n                    </button>\n                </label>\n                @if (loadedFile.invalid) {\n                    <tui-error\n                        [order]=\"['maxLength']\"\n                        [formControl]=\"loadedFile\"\n                    />\n                }\n                @let accepted = accepted$ | async;\n                @if (accepted?.length || rejected.length) {\n                    <tui-files class=\"tui-space_top-1\">\n                        @for (file of accepted; track file) {\n                            <tui-file\n                                [file]=\"file\"\n                                (remove)=\"onRemove(file)\"\n                            />\n                        }\n                        @for (file of rejected; track file) {\n                            <tui-file\n                                state=\"error\"\n                                [file]=\"(file | tuiFileRejected: validator | async) || file\"\n                                (remove)=\"onRemove(file)\"\n                            />\n                        }\n                    </tui-files>\n                }\n            </div>\n        }\n        <!-- recaptcha -->\n        @if (form.get('recaptcha')) {\n            <div\n                class=\"mb-3 max-h-20 overflow-hidden duration-500\"\n                [ngClass]=\"{ '!max-h-0 !-m-2': form.get('recaptcha')?.valid }\"\n            >\n                <re-captcha formControlName=\"recaptcha\" />\n            </div>\n        }\n        <!-- \u042D\u043B\u0435\u043C\u0435\u043D\u0442\u044B \u0443\u043F\u0440\u0430\u0432\u043B\u0435\u043D\u0438\u044F  -->\n        <div class=\"flex flex-wrap items-center gap-3\">\n            <button\n                tuiButton\n                [disabled]=\"form.invalid\"\n                [loading]=\"!!(loading$ | async)\"\n                type=\"submit\"\n                iconStart=\"@tui.sc.send\"\n                class=\"self-center\"\n            >\n                \u041E\u0442\u043F\u0440\u0430\u0432\u0438\u0442\u044C\n            </button>\n            <div class=\"grow basis-60 text-body-s\">\n                \u041D\u0430\u0436\u0438\u043C\u0430\u044F \u043D\u0430 \u043A\u043D\u043E\u043F\u043A\u0443, \u0432\u044B \u0441\u043E\u0433\u043B\u0430\u0448\u0430\u0435\u0442\u0435\u0441\u044C \u0441\n                <button\n                    tuiLink\n                    [style.text-decoration-line]=\"'underline'\"\n                    type=\"button\"\n                    (click)=\"context?.data?.onClickOfferHandler(); clickOffer.emit()\"\n                >\n                    \u041F\u043E\u043B\u0438\u0442\u0438\u043A\u043E\u0439 \u043A\u043E\u043D\u0444\u0438\u0434\u0435\u043D\u0446\u0438\u0430\u043B\u044C\u043D\u043E\u0441\u0442\u0438\n                </button>\n            </div>\n        </div>\n    </form>\n}\n" }]
         }], ctorParameters: () => [], propDecorators: { slugInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "slug", required: false }] }], fieldsInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "fields", required: false }] }], clickOffer: [{ type: i0.Output, args: ["clickOffer"] }], sendSuccess: [{ type: i0.Output, args: ["sendSuccess"] }], isValidPhoneNumberForMessenger: [] } });
 
 /**
@@ -10055,7 +10216,7 @@ class ScProfileAccordionsContentComponent {
         this.deleteUserContactClick = new EventEmitter();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: ScProfileAccordionsContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.16", type: ScProfileAccordionsContentComponent, isStandalone: true, selector: "sc-profile-accordions-content", outputs: { editProfileClick: "editProfileClick", approvePhoneClick: "approvePhoneClick", addContragentClick: "addContragentClick", deleteContragentClick: "deleteContragentClick", addContragentBankAccountClick: "addContragentBankAccountClick", deleteContragentBankAccountClick: "deleteContragentBankAccountClick", addContragentContactClick: "addContragentContactClick", deleteContragentContactClick: "deleteContragentContactClick", addDeliveryAddressClick: "addDeliveryAddressClick", deleteDeliveryAddressClick: "deleteDeliveryAddressClick", addDeliveryAddressContactClick: "addDeliveryAddressContactClick", deleteDeliveryAddressContactClick: "deleteDeliveryAddressContactClick", addUserContactClick: "addUserContactClick", deleteUserContactClick: "deleteUserContactClick" }, ngImport: i0, template: "@let user = user$ | async;\n<div class=\"flex flex-col gap-4\">\n    <sc-accordion\n        [showArrow]=\"false\"\n        [showAddButton]=\"false\"\n        [open]=\"true\"\n    >\n        \u041E\u0431\u0449\u0438\u0435 \u0434\u0430\u043D\u043D\u044B\u0435\n        <ng-template scAccordionContent>\n            <tui-loader\n                [overlay]=\"true\"\n                [loading]=\"user === null\"\n            >\n                <div class=\"flex gap-2 pl-4\">\n                    @if (user) {\n                        <div class=\"flex grow flex-col gap-2\">\n                            <span class=\"font-medium\">{{ user.name }}</span>\n                            @if (user.city && (userCity$ | async); as city) {\n                                <div class=\"flex items-center gap-1\">\n                                    <tui-icon icon=\"@tui.map-pin\"></tui-icon>\n                                    <div class=\"flex flex-wrap\">\n                                        <span>\u0433. {{ city.name }}, </span>\n                                        @if (city.region) {\n                                            <span>{{ city.region.name }}</span>\n                                        }\n                                    </div>\n                                </div>\n                            }\n                            <div class=\"flex flex-wrap gap-2\">\n                                <a\n                                    tuiLink\n                                    [scTelLink]=\"user.contacts.phone.value\"\n                                    iconStart=\"@tui.phone\"\n                                    [style.text-decoration-line]=\"'underline'\"\n                                    linkLocation=\"profile\"\n                                    href=\"tel:{{ user.contacts.phone.value | scPhoneFormat }}\"\n                                >\n                                    {{ user.contacts.phone.value | scPhoneFormat }}\n                                </a>\n                                @if (!user.contacts.phone.isApproved) {\n                                    <span class=\"text-tui-text-03\">\n                                        (\u0422\u0435\u043B\u0435\u0444\u043E\u043D \u043D\u0435 \u043F\u043E\u0434\u0442\u0432\u0435\u0440\u0436\u0434\u0435\u043D.\n                                        <button\n                                            tuiLink\n                                            [style.text-decoration-line]=\"'underline'\"\n                                            (click)=\"approvePhoneClick.emit()\"\n                                        >\n                                            \u041F\u043E\u0434\u0442\u0432\u0435\u0440\u0434\u0438\u0442\u044C</button\n                                        >)\n                                    </span>\n                                }\n                            </div>\n                            @let isSendApproveEmail = !!(isSendApproveEmail$ | async);\n                            <div class=\"flex flex-wrap gap-x-2\">\n                                <a\n                                    tuiLink\n                                    iconStart=\"@tui.mail\"\n                                    [style.text-decoration-line]=\"'underline'\"\n                                    scEmailLink\n                                    linkLocation=\"profile\"\n                                    href=\"mailto:{{ user.contacts.email.value }}\"\n                                >\n                                    {{ user.contacts.email.value }}\n                                </a>\n                                @if (!isSendApproveEmail && !user.contacts.email.isApproved) {\n                                    <span class=\"inline-flex flex-wrap gap-1 text-tui-text-03\">\n                                        E-mail \u043D\u0435 \u043F\u043E\u0434\u0442\u0432\u0435\u0440\u0436\u0434\u0435\u043D.\n                                        <tui-loader\n                                            [loading]=\"!!(approveEmailLoading$ | async)\"\n                                            [overlay]=\"true\"\n                                        >\n                                            <button\n                                                tuiLink\n                                                [style.text-decoration-line]=\"'underline'\"\n                                                (click)=\"onSendApproveEmail.next(user.contacts.email.value)\"\n                                            >\n                                                \u041F\u043E\u0434\u0442\u0432\u0435\u0440\u0434\u0438\u0442\u044C\n                                            </button>\n                                        </tui-loader>\n                                    </span>\n                                }\n                                @if (isSendApproveEmail) {\n                                    <span\n                                        class=\"text-tui-success-fill\"\n                                        @tuiFadeIn\n                                    >\n                                        \u041F\u0438\u0441\u044C\u043C\u043E \u0434\u043B\u044F \u043F\u043E\u0434\u0442\u0432\u0435\u0440\u0436\u0434\u0435\u043D\u0438\u044F \u0443\u0441\u043F\u0435\u0448\u043D\u043E \u043E\u0442\u043F\u0440\u0430\u0432\u043B\u0435\u043D\u043E. \u041F\u0435\u0440\u0435\u0439\u0434\u0438\u0442\u0435 \u043F\u043E \u0441\u0441\u044B\u043B\u043A\u0435 \u0432 \u043F\u0438\u0441\u044C\u043C\u0435 \u0438 \u043E\u0431\u043D\u043E\u0432\u0438\u0442\u0435 \u044D\u0442\u0443 \u0441\u0442\u0440\u0430\u043D\u0438\u0446\u0443.\n                                    </span>\n                                }\n                            </div>\n                            <tui-loader\n                                [loading]=\"!!(getNewsLoading$ | async)\"\n                                [overlay]=\"true\"\n                            >\n                                <label tuiLabel>\n                                    <input\n                                        tuiCheckbox\n                                        type=\"checkbox\"\n                                        size=\"s\"\n                                        class=\"w-full\"\n                                        [formControl]=\"getNewsControl\"\n                                        [ngModel]=\"user.getNews\"\n                                    />\n                                    \u042F \u0445\u043E\u0447\u0443 \u043F\u043E\u043B\u0443\u0447\u0430\u0442\u044C \u0440\u0430\u0441\u0441\u044B\u043B\u043A\u0443 \u0421\u043D\u0430\u0431\u0446\u0435\u043D\u0442\u0440 \u043E \u0441\u043A\u0438\u0434\u043A\u0430\u0445 \u0438 \u043D\u043E\u0432\u043E\u0441\u0442\u044F\u0445 \u043F\u043E \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u0435.\n                                </label>\n                            </tui-loader>\n                        </div>\n                    }\n\n                    <button\n                        tuiIconButton\n                        size=\"m\"\n                        type=\"button\"\n                        appearance=\"flat\"\n                        (click)=\"editProfileClick.emit()\"\n                    >\n                        <tui-icon icon=\"@tui.pencil\" />\n                    </button>\n                </div>\n            </tui-loader>\n        </ng-template>\n    </sc-accordion>\n    <sc-contragents-accordion\n        (addContragentClick)=\"addContragentClick.emit()\"\n        (deleteContragentClick)=\"deleteContragentClick.emit($event)\"\n        (addContragentBankAccountClick)=\"addContragentBankAccountClick.emit($event)\"\n        (deleteContragentBankAccountClick)=\"deleteContragentBankAccountClick.emit($event)\"\n        (addContragentContactClick)=\"addContragentContactClick.emit($event)\"\n        (deleteContragentContactClick)=\"deleteContragentContactClick.emit($event)\"\n    ></sc-contragents-accordion>\n    <sc-delivery-address-accordion\n        (addDeliveryAddressClick)=\"addDeliveryAddressClick.emit()\"\n        (deleteDeliveryAddressClick)=\"deleteDeliveryAddressClick.emit($event)\"\n        (addDeliveryAddressContactClick)=\"addDeliveryAddressContactClick.emit($event)\"\n        (deleteDeliveryAddressContactClick)=\"deleteDeliveryAddressContactClick.emit($event)\"\n    ></sc-delivery-address-accordion>\n    @if (user) {\n        <sc-contacts-accordion\n            [contacts$]=\"userContacts$\"\n            (addContactClick)=\"addUserContactClick.emit(user.id)\"\n            (deleteButtonClick)=\"deleteUserContactClick.emit($event)\"\n        ></sc-contacts-accordion>\n    }\n    <sc-accordion\n        #passwordAccordion\n        [showArrow]=\"false\"\n        [showAddButton]=\"false\"\n    >\n        \u0418\u0437\u043C\u0435\u043D\u0438\u0442\u044C \u043F\u0430\u0440\u043E\u043B\u044C\n        <ng-template scAccordionContent>\n            <sc-reset-user-password (successResetPassword)=\"passwordAccordion.close()\"></sc-reset-user-password>\n        </ng-template>\n    </sc-accordion>\n</div>\n", dependencies: [{ kind: "component", type: ScAccordionComponent, selector: "sc-accordion", inputs: ["showAddButton", "showDeleteButton", "showArrow", "open", "size", "disabledButtons"], outputs: ["addButtonClick", "deleteButtonClick"] }, { kind: "directive", type: ScAccordionContentDirective, selector: "ng-template[scAccordionContent]" }, { kind: "component", type: TuiLoader, selector: "tui-loader", inputs: ["size", "inheritColor", "overlay", "textContent", "loading"] }, { kind: "component", type: TuiIcon, selector: "tui-icon:not([tuiBadge])", inputs: ["background"] }, { kind: "directive", type: TuiLink, selector: "a[tuiLink], button[tuiLink]" }, { kind: "directive", type: ScTelLinkDirective, selector: "a[scTelLink]", inputs: ["scTelLink", "linkLocation"] }, { kind: "directive", type: ScTerminalLinkDirective, selector: "a[href]" }, { kind: "directive", type: ScEmailLinkDirective, selector: "a[scEmailLink]", inputs: ["linkLocation"] }, { kind: "directive", type: TuiLabel, selector: "label[tuiLabel]" }, { kind: "component", type: TuiCheckbox, selector: "input[type=\"checkbox\"][tuiCheckbox]" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { 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: "directive", type: TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "component", type: ScContragentsAccordionComponent, selector: "sc-contragents-accordion", outputs: ["addContragentClick", "deleteContragentClick", "addContragentBankAccountClick", "deleteContragentBankAccountClick", "addContragentContactClick", "deleteContragentContactClick"] }, { kind: "component", type: ScDeliveryAddressAccordionComponent, selector: "sc-delivery-address-accordion", outputs: ["addDeliveryAddressClick", "deleteDeliveryAddressClick", "addDeliveryAddressContactClick", "deleteDeliveryAddressContactClick"] }, { kind: "component", type: ScContactsAccordionComponent, selector: "sc-contacts-accordion", inputs: ["contacts$"], outputs: ["addContactClick", "deleteButtonClick"] }, { kind: "component", type: ScResetUserPasswordComponent, selector: "sc-reset-user-password", outputs: ["successResetPassword"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: ScPhoneFormatPipe, name: "scPhoneFormat" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.16", type: ScProfileAccordionsContentComponent, isStandalone: true, selector: "sc-profile-accordions-content", outputs: { editProfileClick: "editProfileClick", approvePhoneClick: "approvePhoneClick", addContragentClick: "addContragentClick", deleteContragentClick: "deleteContragentClick", addContragentBankAccountClick: "addContragentBankAccountClick", deleteContragentBankAccountClick: "deleteContragentBankAccountClick", addContragentContactClick: "addContragentContactClick", deleteContragentContactClick: "deleteContragentContactClick", addDeliveryAddressClick: "addDeliveryAddressClick", deleteDeliveryAddressClick: "deleteDeliveryAddressClick", addDeliveryAddressContactClick: "addDeliveryAddressContactClick", deleteDeliveryAddressContactClick: "deleteDeliveryAddressContactClick", addUserContactClick: "addUserContactClick", deleteUserContactClick: "deleteUserContactClick" }, ngImport: i0, template: "@let user = user$ | async;\n<div class=\"flex flex-col gap-4\">\n    <sc-accordion\n        [showArrow]=\"false\"\n        [showAddButton]=\"false\"\n        [open]=\"true\"\n    >\n        \u041E\u0431\u0449\u0438\u0435 \u0434\u0430\u043D\u043D\u044B\u0435\n        <ng-template scAccordionContent>\n            <tui-loader\n                [overlay]=\"true\"\n                [loading]=\"user === null\"\n            >\n                <div class=\"flex gap-2 pl-4\">\n                    @if (user) {\n                        <div class=\"flex grow flex-col gap-2\">\n                            <span class=\"font-medium\">{{ user.name }}</span>\n                            @if (user.city && (userCity$ | async); as city) {\n                                <div class=\"flex items-center gap-1\">\n                                    <tui-icon icon=\"@tui.map-pin\"></tui-icon>\n                                    <div class=\"flex flex-wrap\">\n                                        <span>\u0433. {{ city.name }}, </span>\n                                        @if (city.region) {\n                                            <span>{{ city.region.name }}</span>\n                                        }\n                                    </div>\n                                </div>\n                            }\n                            <div class=\"flex flex-wrap gap-2\">\n                                <a\n                                    tuiLink\n                                    [scTelLink]=\"user.contacts.phone.value\"\n                                    iconStart=\"@tui.phone\"\n                                    [style.text-decoration-line]=\"'underline'\"\n                                    linkLocation=\"profile\"\n                                    href=\"tel:{{ user.contacts.phone.value | scPhoneFormat }}\"\n                                >\n                                    {{ user.contacts.phone.value | scPhoneFormat }}\n                                </a>\n                                @if (!user.contacts.phone.isApproved) {\n                                    <span class=\"text-tui-text-03\">\n                                        (\u0422\u0435\u043B\u0435\u0444\u043E\u043D \u043D\u0435 \u043F\u043E\u0434\u0442\u0432\u0435\u0440\u0436\u0434\u0435\u043D.\n                                        <button\n                                            tuiLink\n                                            [style.text-decoration-line]=\"'underline'\"\n                                            (click)=\"approvePhoneClick.emit()\"\n                                        >\n                                            \u041F\u043E\u0434\u0442\u0432\u0435\u0440\u0434\u0438\u0442\u044C</button\n                                        >)\n                                    </span>\n                                }\n                            </div>\n                            @let isSendApproveEmail = !!(isSendApproveEmail$ | async);\n                            <div class=\"flex flex-wrap gap-x-2\">\n                                <a\n                                    tuiLink\n                                    iconStart=\"@tui.mail\"\n                                    [style.text-decoration-line]=\"'underline'\"\n                                    scEmailLink\n                                    linkLocation=\"profile\"\n                                    href=\"mailto:{{ user.contacts.email.value }}\"\n                                >\n                                    {{ user.contacts.email.value }}\n                                </a>\n                                @if (!isSendApproveEmail && !user.contacts.email.isApproved) {\n                                    <span class=\"inline-flex flex-wrap gap-1 text-tui-text-03\">\n                                        E-mail \u043D\u0435 \u043F\u043E\u0434\u0442\u0432\u0435\u0440\u0436\u0434\u0435\u043D.\n                                        <tui-loader\n                                            [loading]=\"!!(approveEmailLoading$ | async)\"\n                                            [overlay]=\"true\"\n                                        >\n                                            <button\n                                                tuiLink\n                                                [style.text-decoration-line]=\"'underline'\"\n                                                (click)=\"onSendApproveEmail.next(user.contacts.email.value)\"\n                                            >\n                                                \u041F\u043E\u0434\u0442\u0432\u0435\u0440\u0434\u0438\u0442\u044C\n                                            </button>\n                                        </tui-loader>\n                                    </span>\n                                }\n                                @if (isSendApproveEmail) {\n                                    <span class=\"text-tui-success-fill\"> \u041F\u0438\u0441\u044C\u043C\u043E \u0434\u043B\u044F \u043F\u043E\u0434\u0442\u0432\u0435\u0440\u0436\u0434\u0435\u043D\u0438\u044F \u0443\u0441\u043F\u0435\u0448\u043D\u043E \u043E\u0442\u043F\u0440\u0430\u0432\u043B\u0435\u043D\u043E. \u041F\u0435\u0440\u0435\u0439\u0434\u0438\u0442\u0435 \u043F\u043E \u0441\u0441\u044B\u043B\u043A\u0435 \u0432 \u043F\u0438\u0441\u044C\u043C\u0435 \u0438 \u043E\u0431\u043D\u043E\u0432\u0438\u0442\u0435 \u044D\u0442\u0443 \u0441\u0442\u0440\u0430\u043D\u0438\u0446\u0443. </span>\n                                }\n                            </div>\n                            <tui-loader\n                                [loading]=\"!!(getNewsLoading$ | async)\"\n                                [overlay]=\"true\"\n                            >\n                                <label tuiLabel>\n                                    <input\n                                        tuiCheckbox\n                                        type=\"checkbox\"\n                                        size=\"s\"\n                                        class=\"w-full\"\n                                        [formControl]=\"getNewsControl\"\n                                        [ngModel]=\"user.getNews\"\n                                    />\n                                    \u042F \u0445\u043E\u0447\u0443 \u043F\u043E\u043B\u0443\u0447\u0430\u0442\u044C \u0440\u0430\u0441\u0441\u044B\u043B\u043A\u0443 \u0421\u043D\u0430\u0431\u0446\u0435\u043D\u0442\u0440 \u043E \u0441\u043A\u0438\u0434\u043A\u0430\u0445 \u0438 \u043D\u043E\u0432\u043E\u0441\u0442\u044F\u0445 \u043F\u043E \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u0435.\n                                </label>\n                            </tui-loader>\n                        </div>\n                    }\n\n                    <button\n                        tuiIconButton\n                        size=\"m\"\n                        type=\"button\"\n                        appearance=\"flat\"\n                        (click)=\"editProfileClick.emit()\"\n                    >\n                        <tui-icon icon=\"@tui.pencil\" />\n                    </button>\n                </div>\n            </tui-loader>\n        </ng-template>\n    </sc-accordion>\n    <sc-contragents-accordion\n        (addContragentClick)=\"addContragentClick.emit()\"\n        (deleteContragentClick)=\"deleteContragentClick.emit($event)\"\n        (addContragentBankAccountClick)=\"addContragentBankAccountClick.emit($event)\"\n        (deleteContragentBankAccountClick)=\"deleteContragentBankAccountClick.emit($event)\"\n        (addContragentContactClick)=\"addContragentContactClick.emit($event)\"\n        (deleteContragentContactClick)=\"deleteContragentContactClick.emit($event)\"\n    ></sc-contragents-accordion>\n    <sc-delivery-address-accordion\n        (addDeliveryAddressClick)=\"addDeliveryAddressClick.emit()\"\n        (deleteDeliveryAddressClick)=\"deleteDeliveryAddressClick.emit($event)\"\n        (addDeliveryAddressContactClick)=\"addDeliveryAddressContactClick.emit($event)\"\n        (deleteDeliveryAddressContactClick)=\"deleteDeliveryAddressContactClick.emit($event)\"\n    ></sc-delivery-address-accordion>\n    @if (user) {\n        <sc-contacts-accordion\n            [contacts$]=\"userContacts$\"\n            (addContactClick)=\"addUserContactClick.emit(user.id)\"\n            (deleteButtonClick)=\"deleteUserContactClick.emit($event)\"\n        ></sc-contacts-accordion>\n    }\n    <sc-accordion\n        #passwordAccordion\n        [showArrow]=\"false\"\n        [showAddButton]=\"false\"\n    >\n        \u0418\u0437\u043C\u0435\u043D\u0438\u0442\u044C \u043F\u0430\u0440\u043E\u043B\u044C\n        <ng-template scAccordionContent>\n            <sc-reset-user-password (successResetPassword)=\"passwordAccordion.close()\"></sc-reset-user-password>\n        </ng-template>\n    </sc-accordion>\n</div>\n", dependencies: [{ kind: "component", type: ScAccordionComponent, selector: "sc-accordion", inputs: ["showAddButton", "showDeleteButton", "showArrow", "open", "size", "disabledButtons"], outputs: ["addButtonClick", "deleteButtonClick"] }, { kind: "directive", type: ScAccordionContentDirective, selector: "ng-template[scAccordionContent]" }, { kind: "component", type: TuiLoader, selector: "tui-loader", inputs: ["size", "inheritColor", "overlay", "textContent", "loading"] }, { kind: "component", type: TuiIcon, selector: "tui-icon:not([tuiBadge])", inputs: ["background"] }, { kind: "directive", type: TuiLink, selector: "a[tuiLink], button[tuiLink]" }, { kind: "directive", type: ScTelLinkDirective, selector: "a[scTelLink]", inputs: ["scTelLink", "linkLocation"] }, { kind: "directive", type: ScTerminalLinkDirective, selector: "a[href]" }, { kind: "directive", type: ScEmailLinkDirective, selector: "a[scEmailLink]", inputs: ["linkLocation"] }, { kind: "directive", type: TuiLabel, selector: "label[tuiLabel]" }, { kind: "component", type: TuiCheckbox, selector: "input[type=\"checkbox\"][tuiCheckbox]" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { 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: "directive", type: TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "component", type: ScContragentsAccordionComponent, selector: "sc-contragents-accordion", outputs: ["addContragentClick", "deleteContragentClick", "addContragentBankAccountClick", "deleteContragentBankAccountClick", "addContragentContactClick", "deleteContragentContactClick"] }, { kind: "component", type: ScDeliveryAddressAccordionComponent, selector: "sc-delivery-address-accordion", outputs: ["addDeliveryAddressClick", "deleteDeliveryAddressClick", "addDeliveryAddressContactClick", "deleteDeliveryAddressContactClick"] }, { kind: "component", type: ScContactsAccordionComponent, selector: "sc-contacts-accordion", inputs: ["contacts$"], outputs: ["addContactClick", "deleteButtonClick"] }, { kind: "component", type: ScResetUserPasswordComponent, selector: "sc-reset-user-password", outputs: ["successResetPassword"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: ScPhoneFormatPipe, name: "scPhoneFormat" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: ScProfileAccordionsContentComponent, decorators: [{
             type: Component,
@@ -10085,7 +10246,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImpo
                         ScResetUserPasswordComponent,
                         AsyncPipe,
                         ScPhoneFormatPipe,
-                    ], template: "@let user = user$ | async;\n<div class=\"flex flex-col gap-4\">\n    <sc-accordion\n        [showArrow]=\"false\"\n        [showAddButton]=\"false\"\n        [open]=\"true\"\n    >\n        \u041E\u0431\u0449\u0438\u0435 \u0434\u0430\u043D\u043D\u044B\u0435\n        <ng-template scAccordionContent>\n            <tui-loader\n                [overlay]=\"true\"\n                [loading]=\"user === null\"\n            >\n                <div class=\"flex gap-2 pl-4\">\n                    @if (user) {\n                        <div class=\"flex grow flex-col gap-2\">\n                            <span class=\"font-medium\">{{ user.name }}</span>\n                            @if (user.city && (userCity$ | async); as city) {\n                                <div class=\"flex items-center gap-1\">\n                                    <tui-icon icon=\"@tui.map-pin\"></tui-icon>\n                                    <div class=\"flex flex-wrap\">\n                                        <span>\u0433. {{ city.name }}, </span>\n                                        @if (city.region) {\n                                            <span>{{ city.region.name }}</span>\n                                        }\n                                    </div>\n                                </div>\n                            }\n                            <div class=\"flex flex-wrap gap-2\">\n                                <a\n                                    tuiLink\n                                    [scTelLink]=\"user.contacts.phone.value\"\n                                    iconStart=\"@tui.phone\"\n                                    [style.text-decoration-line]=\"'underline'\"\n                                    linkLocation=\"profile\"\n                                    href=\"tel:{{ user.contacts.phone.value | scPhoneFormat }}\"\n                                >\n                                    {{ user.contacts.phone.value | scPhoneFormat }}\n                                </a>\n                                @if (!user.contacts.phone.isApproved) {\n                                    <span class=\"text-tui-text-03\">\n                                        (\u0422\u0435\u043B\u0435\u0444\u043E\u043D \u043D\u0435 \u043F\u043E\u0434\u0442\u0432\u0435\u0440\u0436\u0434\u0435\u043D.\n                                        <button\n                                            tuiLink\n                                            [style.text-decoration-line]=\"'underline'\"\n                                            (click)=\"approvePhoneClick.emit()\"\n                                        >\n                                            \u041F\u043E\u0434\u0442\u0432\u0435\u0440\u0434\u0438\u0442\u044C</button\n                                        >)\n                                    </span>\n                                }\n                            </div>\n                            @let isSendApproveEmail = !!(isSendApproveEmail$ | async);\n                            <div class=\"flex flex-wrap gap-x-2\">\n                                <a\n                                    tuiLink\n                                    iconStart=\"@tui.mail\"\n                                    [style.text-decoration-line]=\"'underline'\"\n                                    scEmailLink\n                                    linkLocation=\"profile\"\n                                    href=\"mailto:{{ user.contacts.email.value }}\"\n                                >\n                                    {{ user.contacts.email.value }}\n                                </a>\n                                @if (!isSendApproveEmail && !user.contacts.email.isApproved) {\n                                    <span class=\"inline-flex flex-wrap gap-1 text-tui-text-03\">\n                                        E-mail \u043D\u0435 \u043F\u043E\u0434\u0442\u0432\u0435\u0440\u0436\u0434\u0435\u043D.\n                                        <tui-loader\n                                            [loading]=\"!!(approveEmailLoading$ | async)\"\n                                            [overlay]=\"true\"\n                                        >\n                                            <button\n                                                tuiLink\n                                                [style.text-decoration-line]=\"'underline'\"\n                                                (click)=\"onSendApproveEmail.next(user.contacts.email.value)\"\n                                            >\n                                                \u041F\u043E\u0434\u0442\u0432\u0435\u0440\u0434\u0438\u0442\u044C\n                                            </button>\n                                        </tui-loader>\n                                    </span>\n                                }\n                                @if (isSendApproveEmail) {\n                                    <span\n                                        class=\"text-tui-success-fill\"\n                                        @tuiFadeIn\n                                    >\n                                        \u041F\u0438\u0441\u044C\u043C\u043E \u0434\u043B\u044F \u043F\u043E\u0434\u0442\u0432\u0435\u0440\u0436\u0434\u0435\u043D\u0438\u044F \u0443\u0441\u043F\u0435\u0448\u043D\u043E \u043E\u0442\u043F\u0440\u0430\u0432\u043B\u0435\u043D\u043E. \u041F\u0435\u0440\u0435\u0439\u0434\u0438\u0442\u0435 \u043F\u043E \u0441\u0441\u044B\u043B\u043A\u0435 \u0432 \u043F\u0438\u0441\u044C\u043C\u0435 \u0438 \u043E\u0431\u043D\u043E\u0432\u0438\u0442\u0435 \u044D\u0442\u0443 \u0441\u0442\u0440\u0430\u043D\u0438\u0446\u0443.\n                                    </span>\n                                }\n                            </div>\n                            <tui-loader\n                                [loading]=\"!!(getNewsLoading$ | async)\"\n                                [overlay]=\"true\"\n                            >\n                                <label tuiLabel>\n                                    <input\n                                        tuiCheckbox\n                                        type=\"checkbox\"\n                                        size=\"s\"\n                                        class=\"w-full\"\n                                        [formControl]=\"getNewsControl\"\n                                        [ngModel]=\"user.getNews\"\n                                    />\n                                    \u042F \u0445\u043E\u0447\u0443 \u043F\u043E\u043B\u0443\u0447\u0430\u0442\u044C \u0440\u0430\u0441\u0441\u044B\u043B\u043A\u0443 \u0421\u043D\u0430\u0431\u0446\u0435\u043D\u0442\u0440 \u043E \u0441\u043A\u0438\u0434\u043A\u0430\u0445 \u0438 \u043D\u043E\u0432\u043E\u0441\u0442\u044F\u0445 \u043F\u043E \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u0435.\n                                </label>\n                            </tui-loader>\n                        </div>\n                    }\n\n                    <button\n                        tuiIconButton\n                        size=\"m\"\n                        type=\"button\"\n                        appearance=\"flat\"\n                        (click)=\"editProfileClick.emit()\"\n                    >\n                        <tui-icon icon=\"@tui.pencil\" />\n                    </button>\n                </div>\n            </tui-loader>\n        </ng-template>\n    </sc-accordion>\n    <sc-contragents-accordion\n        (addContragentClick)=\"addContragentClick.emit()\"\n        (deleteContragentClick)=\"deleteContragentClick.emit($event)\"\n        (addContragentBankAccountClick)=\"addContragentBankAccountClick.emit($event)\"\n        (deleteContragentBankAccountClick)=\"deleteContragentBankAccountClick.emit($event)\"\n        (addContragentContactClick)=\"addContragentContactClick.emit($event)\"\n        (deleteContragentContactClick)=\"deleteContragentContactClick.emit($event)\"\n    ></sc-contragents-accordion>\n    <sc-delivery-address-accordion\n        (addDeliveryAddressClick)=\"addDeliveryAddressClick.emit()\"\n        (deleteDeliveryAddressClick)=\"deleteDeliveryAddressClick.emit($event)\"\n        (addDeliveryAddressContactClick)=\"addDeliveryAddressContactClick.emit($event)\"\n        (deleteDeliveryAddressContactClick)=\"deleteDeliveryAddressContactClick.emit($event)\"\n    ></sc-delivery-address-accordion>\n    @if (user) {\n        <sc-contacts-accordion\n            [contacts$]=\"userContacts$\"\n            (addContactClick)=\"addUserContactClick.emit(user.id)\"\n            (deleteButtonClick)=\"deleteUserContactClick.emit($event)\"\n        ></sc-contacts-accordion>\n    }\n    <sc-accordion\n        #passwordAccordion\n        [showArrow]=\"false\"\n        [showAddButton]=\"false\"\n    >\n        \u0418\u0437\u043C\u0435\u043D\u0438\u0442\u044C \u043F\u0430\u0440\u043E\u043B\u044C\n        <ng-template scAccordionContent>\n            <sc-reset-user-password (successResetPassword)=\"passwordAccordion.close()\"></sc-reset-user-password>\n        </ng-template>\n    </sc-accordion>\n</div>\n" }]
+                    ], template: "@let user = user$ | async;\n<div class=\"flex flex-col gap-4\">\n    <sc-accordion\n        [showArrow]=\"false\"\n        [showAddButton]=\"false\"\n        [open]=\"true\"\n    >\n        \u041E\u0431\u0449\u0438\u0435 \u0434\u0430\u043D\u043D\u044B\u0435\n        <ng-template scAccordionContent>\n            <tui-loader\n                [overlay]=\"true\"\n                [loading]=\"user === null\"\n            >\n                <div class=\"flex gap-2 pl-4\">\n                    @if (user) {\n                        <div class=\"flex grow flex-col gap-2\">\n                            <span class=\"font-medium\">{{ user.name }}</span>\n                            @if (user.city && (userCity$ | async); as city) {\n                                <div class=\"flex items-center gap-1\">\n                                    <tui-icon icon=\"@tui.map-pin\"></tui-icon>\n                                    <div class=\"flex flex-wrap\">\n                                        <span>\u0433. {{ city.name }}, </span>\n                                        @if (city.region) {\n                                            <span>{{ city.region.name }}</span>\n                                        }\n                                    </div>\n                                </div>\n                            }\n                            <div class=\"flex flex-wrap gap-2\">\n                                <a\n                                    tuiLink\n                                    [scTelLink]=\"user.contacts.phone.value\"\n                                    iconStart=\"@tui.phone\"\n                                    [style.text-decoration-line]=\"'underline'\"\n                                    linkLocation=\"profile\"\n                                    href=\"tel:{{ user.contacts.phone.value | scPhoneFormat }}\"\n                                >\n                                    {{ user.contacts.phone.value | scPhoneFormat }}\n                                </a>\n                                @if (!user.contacts.phone.isApproved) {\n                                    <span class=\"text-tui-text-03\">\n                                        (\u0422\u0435\u043B\u0435\u0444\u043E\u043D \u043D\u0435 \u043F\u043E\u0434\u0442\u0432\u0435\u0440\u0436\u0434\u0435\u043D.\n                                        <button\n                                            tuiLink\n                                            [style.text-decoration-line]=\"'underline'\"\n                                            (click)=\"approvePhoneClick.emit()\"\n                                        >\n                                            \u041F\u043E\u0434\u0442\u0432\u0435\u0440\u0434\u0438\u0442\u044C</button\n                                        >)\n                                    </span>\n                                }\n                            </div>\n                            @let isSendApproveEmail = !!(isSendApproveEmail$ | async);\n                            <div class=\"flex flex-wrap gap-x-2\">\n                                <a\n                                    tuiLink\n                                    iconStart=\"@tui.mail\"\n                                    [style.text-decoration-line]=\"'underline'\"\n                                    scEmailLink\n                                    linkLocation=\"profile\"\n                                    href=\"mailto:{{ user.contacts.email.value }}\"\n                                >\n                                    {{ user.contacts.email.value }}\n                                </a>\n                                @if (!isSendApproveEmail && !user.contacts.email.isApproved) {\n                                    <span class=\"inline-flex flex-wrap gap-1 text-tui-text-03\">\n                                        E-mail \u043D\u0435 \u043F\u043E\u0434\u0442\u0432\u0435\u0440\u0436\u0434\u0435\u043D.\n                                        <tui-loader\n                                            [loading]=\"!!(approveEmailLoading$ | async)\"\n                                            [overlay]=\"true\"\n                                        >\n                                            <button\n                                                tuiLink\n                                                [style.text-decoration-line]=\"'underline'\"\n                                                (click)=\"onSendApproveEmail.next(user.contacts.email.value)\"\n                                            >\n                                                \u041F\u043E\u0434\u0442\u0432\u0435\u0440\u0434\u0438\u0442\u044C\n                                            </button>\n                                        </tui-loader>\n                                    </span>\n                                }\n                                @if (isSendApproveEmail) {\n                                    <span class=\"text-tui-success-fill\"> \u041F\u0438\u0441\u044C\u043C\u043E \u0434\u043B\u044F \u043F\u043E\u0434\u0442\u0432\u0435\u0440\u0436\u0434\u0435\u043D\u0438\u044F \u0443\u0441\u043F\u0435\u0448\u043D\u043E \u043E\u0442\u043F\u0440\u0430\u0432\u043B\u0435\u043D\u043E. \u041F\u0435\u0440\u0435\u0439\u0434\u0438\u0442\u0435 \u043F\u043E \u0441\u0441\u044B\u043B\u043A\u0435 \u0432 \u043F\u0438\u0441\u044C\u043C\u0435 \u0438 \u043E\u0431\u043D\u043E\u0432\u0438\u0442\u0435 \u044D\u0442\u0443 \u0441\u0442\u0440\u0430\u043D\u0438\u0446\u0443. </span>\n                                }\n                            </div>\n                            <tui-loader\n                                [loading]=\"!!(getNewsLoading$ | async)\"\n                                [overlay]=\"true\"\n                            >\n                                <label tuiLabel>\n                                    <input\n                                        tuiCheckbox\n                                        type=\"checkbox\"\n                                        size=\"s\"\n                                        class=\"w-full\"\n                                        [formControl]=\"getNewsControl\"\n                                        [ngModel]=\"user.getNews\"\n                                    />\n                                    \u042F \u0445\u043E\u0447\u0443 \u043F\u043E\u043B\u0443\u0447\u0430\u0442\u044C \u0440\u0430\u0441\u0441\u044B\u043B\u043A\u0443 \u0421\u043D\u0430\u0431\u0446\u0435\u043D\u0442\u0440 \u043E \u0441\u043A\u0438\u0434\u043A\u0430\u0445 \u0438 \u043D\u043E\u0432\u043E\u0441\u0442\u044F\u0445 \u043F\u043E \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u0435.\n                                </label>\n                            </tui-loader>\n                        </div>\n                    }\n\n                    <button\n                        tuiIconButton\n                        size=\"m\"\n                        type=\"button\"\n                        appearance=\"flat\"\n                        (click)=\"editProfileClick.emit()\"\n                    >\n                        <tui-icon icon=\"@tui.pencil\" />\n                    </button>\n                </div>\n            </tui-loader>\n        </ng-template>\n    </sc-accordion>\n    <sc-contragents-accordion\n        (addContragentClick)=\"addContragentClick.emit()\"\n        (deleteContragentClick)=\"deleteContragentClick.emit($event)\"\n        (addContragentBankAccountClick)=\"addContragentBankAccountClick.emit($event)\"\n        (deleteContragentBankAccountClick)=\"deleteContragentBankAccountClick.emit($event)\"\n        (addContragentContactClick)=\"addContragentContactClick.emit($event)\"\n        (deleteContragentContactClick)=\"deleteContragentContactClick.emit($event)\"\n    ></sc-contragents-accordion>\n    <sc-delivery-address-accordion\n        (addDeliveryAddressClick)=\"addDeliveryAddressClick.emit()\"\n        (deleteDeliveryAddressClick)=\"deleteDeliveryAddressClick.emit($event)\"\n        (addDeliveryAddressContactClick)=\"addDeliveryAddressContactClick.emit($event)\"\n        (deleteDeliveryAddressContactClick)=\"deleteDeliveryAddressContactClick.emit($event)\"\n    ></sc-delivery-address-accordion>\n    @if (user) {\n        <sc-contacts-accordion\n            [contacts$]=\"userContacts$\"\n            (addContactClick)=\"addUserContactClick.emit(user.id)\"\n            (deleteButtonClick)=\"deleteUserContactClick.emit($event)\"\n        ></sc-contacts-accordion>\n    }\n    <sc-accordion\n        #passwordAccordion\n        [showArrow]=\"false\"\n        [showAddButton]=\"false\"\n    >\n        \u0418\u0437\u043C\u0435\u043D\u0438\u0442\u044C \u043F\u0430\u0440\u043E\u043B\u044C\n        <ng-template scAccordionContent>\n            <sc-reset-user-password (successResetPassword)=\"passwordAccordion.close()\"></sc-reset-user-password>\n        </ng-template>\n    </sc-accordion>\n</div>\n" }]
         }], propDecorators: { editProfileClick: [{
                 type: Output
             }], approvePhoneClick: [{
@@ -10120,5 +10281,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { AbstractScPriceCard, AuthMethod, CURRENT_COUNTRY_ID, CostWithDiscountComponent, FilesAndDocumentsComponent, FinishDateTimeTransformerDirective, IDLE_ITEM_STATE, IS_DEFAULT_COUNTRY, MAX_FILES_IN_FORM_INPUT, SC_ALLOW_SELECT_TERMINATED, SC_BANNER_DURATION, SC_CATALOG_PRODUCTS_FILTERS, SC_CATALOG_SHOW_PRODUCTS_RECURSIVELY, SC_DATE_FORMATTER, SC_DEBOUNCE_TIME_DEFAULT, SC_DIALOG_SERVICE_TOKEN, SC_ERROR_CHANGE_HANDLER, SC_HELP_NOTIFICATION_CLOSE, SC_HELP_NOTIFICATION_LIMIT, SC_HIDDEN_PRINT_ELEMENTS, SC_MANAGER_QR_HANDLER, SC_NOTIFY_WHEN_IN_STOCK_REQUIRED_FIELDS, SC_ORDER_FORM_CONFIG, SC_ORDER_OPTIONS, SC_PAGE_SIZE_OPTIONS$1 as SC_PAGE_SIZE_OPTIONS, SC_SHOW_HELP_NOTIFICATION_IN_PHONE_INPUT, SC_USER_CITY_INFO, SC_USER_INFO, SC_USER_PROVIDERS, SC_VERIFICATION_CODE_TIMEOUT, ScAccordionComponent, ScAccordionContentDirective, ScAddContactDialogComponent, ScAddContragentBankAccountsDialogComponent, ScAddContragentDialogComponent, ScAddDeliveryAddressDialogComponent, ScAddOrEditingCartItemDialogComponent, ScAddOrEditingCartItemFormComponent, ScAddressesSelectionFieldComponent, ScBannerComponent, ScBrandsListComponent, ScCartAddProductsFromCsvDialogComponent, ScCatalogFilterCollapsibleComponent, ScCatalogFiltersComponent, ScCategoryCardComponent, ScContactsAccordionComponent, ScContragentsAccordionComponent, ScContragentsAccordionItemComponent, ScDeliveryAddressAccordionComponent, ScDeliveryAddressAccordionItemComponent, ScDownloadPriceListComponent, ScDraftComponent, ScEmailLinkDirective, ScErrorBlockStatusComponent, ScErrorHandlerComponent, ScFavoriteButtonComponent, ScFeedbackFormComponent, ScFocusFirstInvalidFieldDirective, ScFormatDatePipe, ScFrequentlyAskedQuestionsComponent, ScFrequentlyAskedQuestionsGroupSelectorComponent, ScFrequentlyAskedQuestionsWithGroupsComponent, ScGratitudeComponent, ScHelpNotificationService, ScHoverImageCarouselComponent, ScInputQuantityComponent, ScLinks, ScManagerCardComponent, ScManagerCardPushComponent, ScNewContactFormComponent, ScNewContragentBankAccountsFormComponent, ScNewContragentFormComponent, ScNewsCardComponent, ScNewsCardSkeletonComponent, ScNextInputFocusDirective, ScNoindexDirective, ScNoindexWrapperComponent, ScNotifyWhenInStockDialogComponent, ScOrderAccessorDirective, ScOrderDirectionItemsComponent, ScOrderFormComponent, ScOrderItemComponent, ScOrderItemsByDirection, ScOrderItemsListByDirectionsComponent, ScOrderItemsListByStockComponent, ScOrderItemsListComponent, ScPaymentStatusComponent, ScPersonalDataProcessingPolicyComponent, ScPhoneFormatPipe, ScPreviewSampleComponent, ScPreviewSamplesMosquitoComponent, ScPriceCardComponent, ScPriceCardInlineComponent, ScPriceHistoryComponent, ScPriceListPaginationComponent, ScPriceWarehouseStockComponent, ScPrintDirective, ScPrintService, ScPrivacyPolicyComponent, ScProductInAllWarehousesPipe, ScProfileAccordionsContentComponent, ScPublicOfferComponent, ScQRCodeDialogComponent, ScResetUserPasswordComponent, ScResourcePreviewComponent, ScSandwichComponent, ScSandwichM2Component, ScSandwichM2SkeletonComponent, ScSandwichSkeletonComponent, ScSelectOnFocusinDirective, ScSeoTagsComponent, ScShareButtonComponent, ScSignInFormByEmailComponent, ScSignInFormByPhoneComponent, ScSignInFormComponent, ScSignUpFormComponent, ScSimpleSignUpFormComponent, ScSuggestionFieldComponent, ScTelLinkDirective, ScTerminalLinkDirective, ScUpdateUserInfoDialogComponent, ScUserManagersComponent, ScUserPhoneApproveDialogComponent, ScVerificationPhoneCheckFormComponent, TreeDirective, TreeIconService, TreeLoaderService, TreeTopDirective, cleanupRecaptchaArtifacts, phoneValidator, scAtLeastOneRequiredValidator, scBicValidator, scClientUiIconsName, scCorrespondentAccountValidator, scGetCurrentRoute, scPasswordConfirmMatchingValidator, stepValidator, tuiDateValueTransformerDefaultProvider };
+export { AbstractScPriceCard, AuthMethod, CURRENT_COUNTRY_ID, CostWithDiscountComponent, FilesAndDocumentsComponent, FinishDateTimeTransformerDirective, IDLE_ITEM_STATE, IS_DEFAULT_COUNTRY, MAX_FILES_IN_FORM_INPUT, SC_ALLOW_SELECT_TERMINATED, SC_BANNER_DURATION, SC_CATALOG_PRODUCTS_FILTERS, SC_CATALOG_SHOW_PRODUCTS_RECURSIVELY, SC_DATE_FORMATTER, SC_DEBOUNCE_TIME_DEFAULT, SC_DIALOG_SERVICE_TOKEN, SC_ERROR_CHANGE_HANDLER, SC_FAQ_GROUP_QUERY_PARAM, SC_FAQ_PAGE_QUERY_PARAM, SC_HELP_NOTIFICATION_CLOSE, SC_HELP_NOTIFICATION_LIMIT, SC_HIDDEN_PRINT_ELEMENTS, SC_MANAGER_QR_HANDLER, SC_NOTIFY_WHEN_IN_STOCK_REQUIRED_FIELDS, SC_ORDER_FORM_CONFIG, SC_ORDER_OPTIONS, SC_PAGE_SIZE_OPTIONS$1 as SC_PAGE_SIZE_OPTIONS, SC_SHOW_HELP_NOTIFICATION_IN_PHONE_INPUT, SC_USER_CITY_INFO, SC_USER_INFO, SC_USER_PROVIDERS, SC_VERIFICATION_CODE_TIMEOUT, ScAccordionComponent, ScAccordionContentDirective, ScAddContactDialogComponent, ScAddContragentBankAccountsDialogComponent, ScAddContragentDialogComponent, ScAddDeliveryAddressDialogComponent, ScAddOrEditingCartItemDialogComponent, ScAddOrEditingCartItemFormComponent, ScAddressesSelectionFieldComponent, ScBannerComponent, ScBrandsListComponent, ScCartAddProductsFromCsvDialogComponent, ScCatalogFilterCollapsibleComponent, ScCatalogFiltersComponent, ScCategoryCardComponent, ScContactsAccordionComponent, ScContragentsAccordionComponent, ScContragentsAccordionItemComponent, ScDeliveryAddressAccordionComponent, ScDeliveryAddressAccordionItemComponent, ScDownloadPriceListComponent, ScDraftComponent, ScEmailLinkDirective, ScErrorBlockStatusComponent, ScErrorHandlerComponent, ScFavoriteButtonComponent, ScFeedbackFormComponent, ScFocusFirstInvalidFieldDirective, ScFormatDatePipe, ScFrequentlyAskedQuestionsComponent, ScFrequentlyAskedQuestionsGroupSelectorComponent, ScFrequentlyAskedQuestionsWithGroupsComponent, ScGratitudeComponent, ScHelpNotificationService, ScHoverImageCarouselComponent, ScInputQuantityComponent, ScLinks, ScManagerCardComponent, ScManagerCardPushComponent, ScNewContactFormComponent, ScNewContragentBankAccountsFormComponent, ScNewContragentFormComponent, ScNewsCardComponent, ScNewsCardSkeletonComponent, ScNextInputFocusDirective, ScNoindexDirective, ScNoindexWrapperComponent, ScNotifyWhenInStockDialogComponent, ScOrderAccessorDirective, ScOrderDirectionItemsComponent, ScOrderFormComponent, ScOrderItemComponent, ScOrderItemsByDirection, ScOrderItemsListByDirectionsComponent, ScOrderItemsListByStockComponent, ScOrderItemsListComponent, ScPaginationLinksComponent, ScPaymentStatusComponent, ScPersonalDataProcessingPolicyComponent, ScPhoneFormatPipe, ScPreviewSampleComponent, ScPreviewSamplesMosquitoComponent, ScPriceCardComponent, ScPriceCardInlineComponent, ScPriceHistoryComponent, ScPriceListPaginationComponent, ScPriceWarehouseStockComponent, ScPrintDirective, ScPrintService, ScPrivacyPolicyComponent, ScProductInAllWarehousesPipe, ScProfileAccordionsContentComponent, ScPublicOfferComponent, ScQRCodeDialogComponent, ScResetUserPasswordComponent, ScResourcePreviewComponent, ScSandwichComponent, ScSandwichM2Component, ScSandwichM2SkeletonComponent, ScSandwichSkeletonComponent, ScSelectOnFocusinDirective, ScSeoTagsComponent, ScShareButtonComponent, ScSignInFormByEmailComponent, ScSignInFormByPhoneComponent, ScSignInFormComponent, ScSignUpFormComponent, ScSimpleSignUpFormComponent, ScSuggestionFieldComponent, ScTelLinkDirective, ScTerminalLinkDirective, ScUpdateUserInfoDialogComponent, ScUserManagersComponent, ScUserPhoneApproveDialogComponent, ScVerificationPhoneCheckFormComponent, TreeDirective, TreeIconService, TreeLoaderService, TreeTopDirective, cleanupRecaptchaArtifacts, phoneValidator, scAtLeastOneRequiredValidator, scBicValidator, scClientUiIconsName, scCorrespondentAccountValidator, scGetCurrentRoute, scGetFaqGroupQueryParams, scPasswordConfirmMatchingValidator, stepValidator, tuiDateValueTransformerDefaultProvider };
 //# sourceMappingURL=snabcentr-client-ui.mjs.map