@snabcentr/client-ui 3.23.0 → 3.25.0

package/fesm2022/snabcentr-client-ui.mjs

@@ -2,29 +2,29 @@ import * as i0 from '@angular/core';
 import { inject, Injectable, Directive, ContentChildren, HostListener, NgModule, EventEmitter, signal, ChangeDetectorRef, Input, Output, Component, ChangeDetectionStrategy, Inject, HostBinding, ElementRef, Pipe, Renderer2, input, model, output, SkipSelf, DestroyRef, ContentChild, ViewChild, Optional, computed, effect, forwardRef } from '@angular/core';
 import * as i1 from '@snabcentr/client-core';
 import { ScContactsService, ScUserService, ScAuthService, SEARCH_TERM, ScUnitsHelper, ScImageHelper, SC_PATH_IMAGE_NOT_FOUND, IS_RUNNING_ON_TERMINAL, ScPhoneService, ScUserMetrikaService, ScUserMetrikaGoalsEnum, ScVCardService, ScVerificationService, ScISuggestionType, SC_MIN_LENGTH_SEARCH_TERM, ScConvertersService, ScOpfList, ScLocationsService, ScWarehouseService, SEARCH_TERM_PROVIDERS, ScCartService, ScUploadedFile, ScMimeTypes, ScCatalogService, SC_URLS, ScPaginationService, SC_NEXT_PAGE_PAGINATION_CLICK, SC_PRODUCT_PAGINATION_OPTIONS, ScIconTypesEnum, ScDocumentInfoTypesEnum, ScFrequentlyAskedQuestionsService, ScFeedbackService } from '@snabcentr/client-core';
-import * as i6$2 from 'rxjs';
-import { EMPTY, BehaviorSubject, switchMap, of, shareReplay, Subject, map, filter, tap, catchError, finalize, startWith, share, timer, scan, takeWhile, endWith, distinctUntilChanged, debounceTime, throwError, combineLatest, defer, Observable, noop, first, interval, merge, skip } from 'rxjs';
+import * as i6 from 'rxjs';
+import { EMPTY, BehaviorSubject, switchMap, of, shareReplay, Subject, map, filter, tap, catchError, finalize, startWith, share, timer, scan, takeWhile, endWith, distinctUntilChanged, debounceTime, throwError, combineLatest, Observable, noop, first, interval, merge, skip } from 'rxjs';
 import * as i7 from '@taiga-ui/cdk';
 import { tuiCreateToken, tuiCreateTokenFromFactory, TUI_IS_MOBILE, TuiValueTransformer, TuiDay, tuiControlValue, tuiIsPresent, tuiMarkControlAsTouchedAndValidate, tuiIsFalsy, TuiLet, TuiRepeatTimes, TuiTime, TuiHovered, TuiAutoFocus, TuiDayRange, TuiMonth, tuiPure, TUI_WINDOW_SIZE, TuiValidationError, TUI_TRUE_HANDLER } from '@taiga-ui/cdk';
 import { HttpClient, HttpErrorResponse } from '@angular/common/http';
 import { toSignal, outputFromObservable, takeUntilDestroyed } from '@angular/core/rxjs-interop';
-import * as i3 from '@angular/forms';
+import * as i2$3 from '@angular/forms';
 import { FormControl, FormGroupDirective, NgControl, FormGroup, Validators, FormArray, FormsModule, ReactiveFormsModule } from '@angular/forms';
 import * as i1$1 from '@taiga-ui/core';
-import { TuiButton, TuiDialog, TuiDialogService, TuiLink, TuiFallbackSrcPipe, TuiInitialsPipe, TuiIcon, TuiAppearance, TuiWithAppearance, TuiIcons, TuiWithIcons, TUI_DATA_LIST_HOST, tuiDropdownOptionsProvider, TuiLabel, TuiError, TuiLoader, TuiDataList, TuiNotification, TuiTitle, TuiTextfield, TuiHint, TuiFormatNumberPipe, TUI_MONTHS, TuiSurface, tuiFadeIn } from '@taiga-ui/core';
-import * as i6 from '@taiga-ui/legacy/components/primitive-textfield';
-import * as i5 from '@taiga-ui/legacy';
+import { TuiButton, TuiDialog, TuiDialogService, TuiLink, TuiFallbackSrcPipe, TuiInitialsPipe, TuiIcon, TuiAppearance, TuiWithAppearance, TuiIcons, TuiWithIcons, TUI_DATA_LIST_HOST, tuiDropdownOptionsProvider, TuiLabel, TuiError, TuiLoader, TuiDataList, TuiNotification, TuiTextfield, TuiTitle, TuiHint, TuiFormatNumberPipe, TUI_MONTHS, TuiSurface, tuiFadeIn } from '@taiga-ui/core';
+import * as i4 from '@taiga-ui/legacy/components/primitive-textfield';
+import * as i3 from '@taiga-ui/legacy';
 import { AbstractTuiControl, TuiInputModule, TuiTextfieldControllerModule, TuiComboBoxModule, TuiInputPhoneModule, TuiSelectModule, TuiInputPasswordModule, AbstractTuiNullableControl, TuiInputNumberComponent, TuiInputNumberModule, TuiIslandDirective, TuiTextareaModule } from '@taiga-ui/legacy';
 import { getCountries } from 'libphonenumber-js';
 import { isNil } from 'lodash-es';
 import * as i2$2 from '@angular/common';
 import { CommonModule, NgIf, AsyncPipe, NgFor, NgClass } from '@angular/common';
-import * as i6$1 from '@taiga-ui/core/components/label';
+import * as i4$1 from '@taiga-ui/core/components/label';
 import * as i8 from '@maskito/angular';
 import { MaskitoDirective } from '@maskito/angular';
 import * as i2$1 from '@taiga-ui/kit';
-import { TuiPreview, TUI_DATE_VALUE_TRANSFORMER, TuiAvatar, TuiAccordionItem, TuiElasticContainer, TuiAccordion, TuiFieldErrorPipe, TuiFilterByInputPipe, TuiStringifyContentPipe, TuiDataListWrapper, TuiButtonLoading, TuiCarousel, TuiSortCountriesPipe, tuiInputPhoneInternationalOptionsProvider, TuiPush, TuiCheckbox, TuiStepper, TuiBadge, TuiPreviewDialogService, TuiHighlight, TuiFiles, TuiLineClamp, TuiTreeService, TuiTreeItemContent, TUI_TREE_START, TUI_TREE_CONTENT, TUI_TREE_LOADING, TUI_TREE_LOADER, TuiTree, tuiItemsHandlersProvider, TuiPagination, TuiChip, tuiFilesAccepted } from '@taiga-ui/kit';
-import * as i2$3 from '@taiga-ui/polymorpheus';
+import { TuiPreview, TUI_DATE_VALUE_TRANSFORMER, TuiAvatar, TuiAccordionItem, TuiElasticContainer, TuiAccordion, TuiFieldErrorPipe, TuiFilterByInputPipe, TuiStringifyContentPipe, TuiDataListWrapper, TuiButtonLoading, TuiSortCountriesPipe, TuiCarousel, TuiPush, TuiCheckbox, TuiStepper, TuiBadge, TuiPreviewDialogService, TuiHighlight, TuiFiles, TuiLineClamp, TuiTreeService, TuiTreeItemContent, TUI_TREE_START, TUI_TREE_CONTENT, TUI_TREE_LOADING, TUI_TREE_LOADER, TuiTree, tuiItemsHandlersProvider, TuiPagination, TuiChip, tuiFilesAccepted } from '@taiga-ui/kit';
+import * as i2$4 from '@taiga-ui/polymorpheus';
 import { POLYMORPHEUS_CONTEXT, PolymorpheusComponent, PolymorpheusTemplate, PolymorpheusOutlet, injectContext } from '@taiga-ui/polymorpheus';
 import * as i2 from 'angularx-qrcode';
 import { QRCodeModule } from 'angularx-qrcode';
@@ -34,19 +34,19 @@ import * as i3$1 from '@taiga-ui/core/components/data-list';
 import * as i1$2 from '@taiga-ui/cdk/directives/item';
 import * as i3$2 from '@ng-web-apis/intersection-observer';
 import { IntersectionObserverService, WaIntersectionObserver } from '@ng-web-apis/intersection-observer';
-import * as i2$4 from '@angular/router';
+import * as i2$5 from '@angular/router';
 import { RouterModule, ActivatedRoute, RouterLink, Router, NavigationStart } from '@angular/router';
 import { TuiCurrencyPipe } from '@taiga-ui/addon-commerce';
 import { WA_WINDOW } from '@ng-web-apis/common';
 import { __decorate } from 'tslib';
-import * as i5$1 from '@taiga-ui/addon-charts';
+import * as i5 from '@taiga-ui/addon-charts';
 import { TuiLineDaysChart, TuiLineDaysChartHint, TuiAxes } from '@taiga-ui/addon-charts';
-import * as i8$1 from 'angular8-yandex-maps';
+import * as i9 from 'angular8-yandex-maps';
 import { AngularYandexMapsModule } from 'angular8-yandex-maps';
 import * as i1$3 from '@taiga-ui/layout';
 import { TuiBlockStatus, TuiCardLarge, TuiHeader } from '@taiga-ui/layout';
 import * as i3$3 from '@taiga-ui/kit/components/data-list-wrapper';
-import * as i4 from 'ng-recaptcha-2';
+import * as i4$2 from 'ng-recaptcha-2';
 import { RecaptchaFormsModule, RecaptchaModule, RecaptchaComponent } from 'ng-recaptcha-2';
 
 /**
@@ -1032,7 +1032,7 @@ class ScVerificationPhoneCheckFormComponent {
         }), switchMap((value) => {
             if (this.phoneControl.valid && !!value) {
                 return this.verificationService.getPhoneCheck$(value).pipe(map((result) => {
-                    if (this.shouldBeBusy() === undefined) {
+                    if (this.shouldBeBusy() === undefined && this.shouldBeConfirmed() !== undefined) {
                         this.isBusyChange.emit(result.isBusy);
                         if (!isNil(result.isConfirmed)) {
                             this.isConfirmedChange.emit(result.isConfirmed);
@@ -1093,7 +1093,7 @@ class ScVerificationPhoneCheckFormComponent {
         this.helpNotificationService.closeAllHelpNotification();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ScVerificationPhoneCheckFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: ScVerificationPhoneCheckFormComponent, selector: "sc-verification-phone-check-form", inputs: { showCodeFields: { classPropertyName: "showCodeFields", publicName: "showCodeFields", isSignal: false, isRequired: false, transformFunction: null }, readOnly: { classPropertyName: "readOnly", publicName: "readOnly", isSignal: true, isRequired: false, transformFunction: null }, shouldBeBusy: { classPropertyName: "shouldBeBusy", publicName: "shouldBeBusy", isSignal: true, isRequired: false, transformFunction: null }, shouldBeConfirmed: { classPropertyName: "shouldBeConfirmed", publicName: "shouldBeConfirmed", isSignal: true, isRequired: false, transformFunction: null }, haveCode: { classPropertyName: "haveCode", publicName: "haveCode", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { haveCode: "haveCodeChange", isBusyChange: "isBusyChange", isConfirmedChange: "isConfirmedChange" }, host: { attributes: { "ngSkipHydration": "true" } }, ngImport: i0, template: "@let phoneCheck = phoneCheck$ | async;\n\n<form\n    [formGroup]=\"form\"\n    *tuiLet=\"loadingApproveCode$ | async as loadingApproveCode\"\n    class=\"flex flex-col gap-3\"\n>\n    <label tuiLabel>\n        \u041D\u043E\u043C\u0435\u0440 \u0442\u0435\u043B\u0435\u0444\u043E\u043D\u0430\n        <tui-textfield>\n            <input\n                formControlName=\"phone\"\n                tuiInputPhoneInternational\n                [readOnly]=\"readOnly()\"\n                [countrySearch]=\"true\"\n                [countries]=\"(countries | tuiSortCountries | async) || []\"\n                autocomplete=\"phone\"\n            />\n        </tui-textfield>\n        <tui-error\n            formControlName=\"phone\"\n            [error]=\"[] | tuiFieldError | async\"\n        />\n        @if (showHelpNotification && pushContacts()) {\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        }\n    </label>\n\n    <ng-container *ngIf=\"showCodeFields && form.enabled && phoneCheck\">\n        <label\n            *ngIf=\"!loadingApproveCode && haveCode()\"\n            tuiLabel\n        >\n            \u041A\u043E\u0434 \u0438\u0437 \u0421\u041C\u0421\n            <tui-input formControlName=\"verificationCode\">\n                \u041A\u043E\u0434 \u0438\u0437 \u0421\u041C\u0421\n                <input\n                    tuiTextfieldLegacy\n                    [maskito]=\"verificationCodeMask\"\n                    autocomplete=\"new-password\"\n                />\n            </tui-input>\n            <tui-error\n                formControlName=\"verificationCode\"\n                [error]=\"[] | tuiFieldError | async\"\n            />\n        </label>\n\n        <div\n            *tuiLet=\"!!loadingApproveCode as loadingApproveCode\"\n            class=\"flex justify-center gap-4\"\n        >\n            <button\n                *ngIf=\"!haveCode()\"\n                tuiButton\n                (click)=\"onSendCode.next()\"\n                [disabled]=\"loadingApproveCode || !phoneCheck || phoneControl.invalid\"\n                [loading]=\"loadingApproveCode\"\n                iconStart=\"@tui.sc.send\"\n            >\n                \u041F\u043E\u043B\u0443\u0447\u0438\u0442\u044C \u043A\u043E\u0434\n            </button>\n            <button\n                *ngIf=\"!loadingApproveCode && !haveCode()\"\n                tuiLink\n                [pseudo]=\"true\"\n                [disabled]=\"!phoneCheck || phoneControl.invalid\"\n                (click)=\"setHaveCode(true)\"\n            >\n                \u0423 \u043C\u0435\u043D\u044F \u0435\u0441\u0442\u044C \u043A\u043E\u0434\n            </button>\n\n            <ng-container *tuiLet=\"timer$ | async as timer\">\n                <tui-loader\n                    *ngIf=\"haveCode()\"\n                    [showLoader]=\"loadingApproveCode\"\n                >\n                    <button\n                        tuiLink\n                        [pseudo]=\"true\"\n                        [disabled]=\"loadingApproveCode || timer\"\n                        (click)=\"onSendCode.next()\"\n                    >\n                        \u041F\u043E\u0432\u0442\u043E\u0440\u043D\u043E \u043E\u0442\u043F\u0440\u0430\u0432\u0438\u0442\u044C \u043A\u043E\u0434\n                        <ng-container\n                            *ngIf=\"timer\"\n                            class=\"!text-tui-base-08\"\n                        >\n                            (\u0447\u0435\u0440\u0435\u0437 {{ timer }})\n                        </ng-container>\n                    </button>\n                </tui-loader>\n            </ng-container>\n        </div>\n    </ng-container>\n</form>\n\n<ng-template #checkingPhone>\n    <tui-loader\n        *ngIf=\"!phoneCheck && phoneControl.valid\"\n        class=\"size-4\"\n    />\n</ng-template>\n", dependencies: [{ kind: "directive", type: i2$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3.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: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i6.TuiTextfieldComponent, selector: "input[tuiTextfieldLegacy], textarea[tuiTextfieldLegacy]" }, { kind: "component", type: i5.TuiInputComponent, selector: "tui-input" }, { kind: "directive", type: i5.TuiInputDirective, selector: "tui-input" }, { kind: "directive", type: i1$1.TuiLink, selector: "a[tuiLink], button[tuiLink]", inputs: ["pseudo"] }, { kind: "directive", type: i1$1.TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "directive", type: i6$1.TuiLabel, selector: "label[tuiLabel]" }, { kind: "component", type: i1$1.TuiError, selector: "tui-error", inputs: ["error"] }, { kind: "directive", type: i7.TuiLet, selector: "[tuiLet]", inputs: ["tuiLet"] }, { kind: "component", type: i1$1.TuiLoader, selector: "tui-loader", inputs: ["size", "inheritColor", "overlay", "textContent", "showLoader"] }, { kind: "directive", type: i8.MaskitoDirective, selector: "[maskito]", inputs: ["maskito", "maskitoElement"] }, { kind: "component", type: i2$1.TuiButtonLoading, selector: "[tuiButton][loading],[tuiIconButton][loading]", inputs: ["size", "loading"] }, { kind: "component", type: ScManagerCardComponent, selector: "sc-manager-card", inputs: ["manager"] }, { kind: "component", type: i1$1.TuiIcon, selector: "tui-icon", inputs: ["icon", "background"] }, { kind: "component", type: i2$1.TuiPushComponent, selector: "tui-push", inputs: ["heading", "type", "lines", "timestamp"], outputs: ["close"] }, { kind: "component", type: i11.TuiInputPhoneInternational, selector: "input[tuiInputPhoneInternational]", inputs: ["countrySearch", "countries", "countryIsoCode"], outputs: ["countryIsoCodeChange"] }, { kind: "component", type: i1$1.TuiTextfieldComponent, selector: "tui-textfield", inputs: ["content", "filler"] }, { kind: "pipe", type: i2$2.AsyncPipe, name: "async" }, { kind: "pipe", type: i2$1.TuiFieldErrorPipe, name: "tuiFieldError" }, { kind: "pipe", type: i2$1.TuiSortCountriesPipe, name: "tuiSortCountries" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: ScVerificationPhoneCheckFormComponent, selector: "sc-verification-phone-check-form", inputs: { showCodeFields: { classPropertyName: "showCodeFields", publicName: "showCodeFields", isSignal: false, isRequired: false, transformFunction: null }, readOnly: { classPropertyName: "readOnly", publicName: "readOnly", isSignal: true, isRequired: false, transformFunction: null }, shouldBeBusy: { classPropertyName: "shouldBeBusy", publicName: "shouldBeBusy", isSignal: true, isRequired: false, transformFunction: null }, shouldBeConfirmed: { classPropertyName: "shouldBeConfirmed", publicName: "shouldBeConfirmed", isSignal: true, isRequired: false, transformFunction: null }, haveCode: { classPropertyName: "haveCode", publicName: "haveCode", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { haveCode: "haveCodeChange", isBusyChange: "isBusyChange", isConfirmedChange: "isConfirmedChange" }, host: { attributes: { "ngSkipHydration": "true" } }, ngImport: i0, template: "@let phoneCheck = phoneCheck$ | async;\n\n<form\n    [formGroup]=\"form\"\n    *tuiLet=\"loadingApproveCode$ | async as loadingApproveCode\"\n    class=\"flex flex-col gap-3\"\n>\n    <label tuiLabel>\n        \u041D\u043E\u043C\u0435\u0440 \u0442\u0435\u043B\u0435\u0444\u043E\u043D\u0430\n        <tui-textfield>\n            <input\n                formControlName=\"phone\"\n                tuiInputPhoneInternational\n                [readOnly]=\"readOnly()\"\n                [countrySearch]=\"true\"\n                [countries]=\"(countries | tuiSortCountries | async) || []\"\n                autocomplete=\"phone\"\n            />\n        </tui-textfield>\n        <tui-error\n            formControlName=\"phone\"\n            [error]=\"[] | tuiFieldError | async\"\n        />\n        @if (showHelpNotification && pushContacts()) {\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        }\n    </label>\n\n    <ng-container *ngIf=\"showCodeFields && form.enabled && phoneCheck\">\n        <label\n            *ngIf=\"!loadingApproveCode && haveCode()\"\n            tuiLabel\n        >\n            \u041A\u043E\u0434 \u0438\u0437 \u0421\u041C\u0421\n            <tui-input formControlName=\"verificationCode\">\n                \u041A\u043E\u0434 \u0438\u0437 \u0421\u041C\u0421\n                <input\n                    tuiTextfieldLegacy\n                    [maskito]=\"verificationCodeMask\"\n                    autocomplete=\"new-password\"\n                />\n            </tui-input>\n            <tui-error\n                formControlName=\"verificationCode\"\n                [error]=\"[] | tuiFieldError | async\"\n            />\n        </label>\n\n        <div\n            *tuiLet=\"!!loadingApproveCode as loadingApproveCode\"\n            class=\"flex justify-center gap-4\"\n        >\n            <button\n                *ngIf=\"!haveCode()\"\n                tuiButton\n                (click)=\"onSendCode.next()\"\n                [disabled]=\"loadingApproveCode || !phoneCheck || phoneControl.invalid\"\n                [loading]=\"loadingApproveCode\"\n                iconStart=\"@tui.sc.send\"\n            >\n                \u041F\u043E\u043B\u0443\u0447\u0438\u0442\u044C \u043A\u043E\u0434\n            </button>\n            <button\n                *ngIf=\"!loadingApproveCode && !haveCode()\"\n                tuiLink\n                [pseudo]=\"true\"\n                [disabled]=\"!phoneCheck || phoneControl.invalid\"\n                (click)=\"setHaveCode(true)\"\n            >\n                \u0423 \u043C\u0435\u043D\u044F \u0435\u0441\u0442\u044C \u043A\u043E\u0434\n            </button>\n\n            <ng-container *tuiLet=\"timer$ | async as timer\">\n                <tui-loader\n                    *ngIf=\"haveCode()\"\n                    [showLoader]=\"loadingApproveCode\"\n                >\n                    <button\n                        tuiLink\n                        [pseudo]=\"true\"\n                        [disabled]=\"loadingApproveCode || timer\"\n                        (click)=\"onSendCode.next()\"\n                    >\n                        \u041F\u043E\u0432\u0442\u043E\u0440\u043D\u043E \u043E\u0442\u043F\u0440\u0430\u0432\u0438\u0442\u044C \u043A\u043E\u0434\n                        <ng-container\n                            *ngIf=\"timer\"\n                            class=\"!text-tui-base-08\"\n                        >\n                            (\u0447\u0435\u0440\u0435\u0437 {{ timer }})\n                        </ng-container>\n                    </button>\n                </tui-loader>\n            </ng-container>\n        </div>\n    </ng-container>\n</form>\n\n<ng-template #checkingPhone>\n    <tui-loader\n        *ngIf=\"!phoneCheck && phoneControl.valid\"\n        class=\"size-4\"\n    />\n</ng-template>\n", dependencies: [{ kind: "directive", type: i2$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2$3.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: i2$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2$3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i4.TuiTextfieldComponent, selector: "input[tuiTextfieldLegacy], textarea[tuiTextfieldLegacy]" }, { kind: "component", type: i3.TuiInputComponent, selector: "tui-input" }, { kind: "directive", type: i3.TuiInputDirective, selector: "tui-input" }, { kind: "directive", type: i1$1.TuiLink, selector: "a[tuiLink], button[tuiLink]", inputs: ["pseudo"] }, { kind: "directive", type: i1$1.TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "directive", type: i4$1.TuiLabel, selector: "label[tuiLabel]" }, { kind: "component", type: i1$1.TuiError, selector: "tui-error", inputs: ["error"] }, { kind: "directive", type: i7.TuiLet, selector: "[tuiLet]", inputs: ["tuiLet"] }, { kind: "component", type: i1$1.TuiLoader, selector: "tui-loader", inputs: ["size", "inheritColor", "overlay", "textContent", "showLoader"] }, { kind: "directive", type: i8.MaskitoDirective, selector: "[maskito]", inputs: ["maskito", "maskitoElement"] }, { kind: "component", type: i2$1.TuiButtonLoading, selector: "[tuiButton][loading],[tuiIconButton][loading]", inputs: ["size", "loading"] }, { kind: "component", type: ScManagerCardComponent, selector: "sc-manager-card", inputs: ["manager"] }, { kind: "component", type: i1$1.TuiIcon, selector: "tui-icon", inputs: ["icon", "background"] }, { kind: "component", type: i2$1.TuiPushComponent, selector: "tui-push", inputs: ["heading", "type", "lines", "timestamp"], outputs: ["close"] }, { kind: "component", type: i11.TuiInputPhoneInternational, selector: "input[tuiInputPhoneInternational]", inputs: ["countrySearch", "countries", "countryIsoCode"], outputs: ["countryIsoCodeChange"] }, { kind: "component", type: i1$1.TuiTextfieldComponent, selector: "tui-textfield", inputs: ["content", "filler"] }, { kind: "pipe", type: i2$2.AsyncPipe, name: "async" }, { kind: "pipe", type: i2$1.TuiFieldErrorPipe, name: "tuiFieldError" }, { kind: "pipe", type: i2$1.TuiSortCountriesPipe, name: "tuiSortCountries" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ScVerificationPhoneCheckFormComponent, decorators: [{
             type: Component,
@@ -1257,7 +1257,7 @@ class ScSuggestionFieldComponent {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ScSuggestionFieldComponent, decorators: [{
             type: Component,
             args: [{ selector: 'sc-suggestion-field', changeDetection: ChangeDetectionStrategy.OnPush, template: "<tui-loader\n    size=\"m\"\n    [overlay]=\"true\"\n    [showLoader]=\"!!(loading$ | async)\"\n>\n    <tui-data-list *tuiLet=\"suggestions$ | async as options\">\n        <button\n            *ngFor=\"let option of options\"\n            tuiOption\n            (click)=\"onSelected(option)\"\n            [disabled]=\"isDisabledSuggestion(option)\"\n            class=\"flex-col !items-start\"\n        >\n            <ng-container *tuiLet=\"$any(option) as option\">\n                <ng-container [ngSwitch]=\"type\">\n                    <ng-container *ngSwitchCase=\"suggestionType.fio\">\n                        <span class=\"text-tui-link\">{{ option.fio }}</span>\n                    </ng-container>\n                    <ng-container *ngSwitchCase=\"suggestionType.organization\">\n                        <span class=\"text-tui-link\">\n                            {{ option.name }}\n                            <span class=\"ml-1 text-tui-text-02\">\u0438\u043D\u043D: {{ option.inn }}</span>\n                            <span\n                                *ngIf=\"isOrgTerminated(option)\"\n                                class=\"text-tui-negative\"\n                            >\n                                \u041B\u0438\u043A\u0432\u0438\u0434\u0438\u0440\u043E\u0432\u0430\u043D\u043E\n                            </span>\n                        </span>\n                        <span class=\"text-tui-text-02\">{{ option?.legalAddress }}</span>\n                    </ng-container>\n                    <ng-container *ngSwitchCase=\"suggestionType.bank\">\n                        <span class=\"text-tui-link\">{{ option.name }}</span>\n                        <span class=\"text-tui-text-02\">{{ option.bic }}</span>\n                    </ng-container>\n                    <ng-container *ngSwitchCase=\"suggestionType.email\">\n                        <span class=\"text-tui-link\">{{ option.email }}</span>\n                    </ng-container>\n                    <ng-container *ngSwitchCase=\"suggestionType.address\">\n                        <span class=\"text-tui-link\">{{ option.addressString }}</span>\n                    </ng-container>\n                </ng-container>\n            </ng-container>\n        </button>\n    </tui-data-list>\n</tui-loader>\n" }]
-        }], ctorParameters: () => [{ type: i3.NgControl, decorators: [{
+        }], ctorParameters: () => [{ type: i2$3.NgControl, decorators: [{
                     type: SkipSelf
                 }, {
                     type: Inject,
@@ -1428,7 +1428,7 @@ class ScSimpleSignUpFormComponent {
         };
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ScSimpleSignUpFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: ScSimpleSignUpFormComponent, 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-input formControlName=\"name\">\n                        \u0424.\u0418.\u041E.\n                        <input\n                            tuiTextfieldLegacy\n                            autocomplete=\"name\"\n                        />\n                    </tui-input>\n                    <tui-error\n                        formControlName=\"name\"\n                        [error]=\"[] | tuiFieldError | async\"\n                    />\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-input formControlName=\"email\">\n                        \u0410\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B\n                        <sc-suggestion-field\n                            *tuiDataList\n                            [type]=\"suggestionType.email\"\n                        />\n                    </tui-input>\n                    <tui-error\n                        formControlName=\"email\"\n                        [error]=\"[] | tuiFieldError | async\"\n                    />\n                </label>\n\n                <tui-error\n                    [error]=\"[] | tuiFieldError | async\"\n                    class=\"self-center\"\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                                [pseudo]=\"true\"\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\n                            formControlName=\"acceptRules\"\n                            [error]=\"[] | tuiFieldError | async\"\n                        />\n                    </div>\n                </label>\n            }\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: "directive", type: i3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.CheckboxRequiredValidator, selector: "input[type=checkbox][required][formControlName],input[type=checkbox][required][formControl],input[type=checkbox][required][ngModel]" }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i6.TuiTextfieldComponent, selector: "input[tuiTextfieldLegacy], textarea[tuiTextfieldLegacy]" }, { kind: "component", type: i5.TuiInputComponent, selector: "tui-input" }, { kind: "directive", type: i5.TuiInputDirective, selector: "tui-input" }, { kind: "directive", type: i1$1.TuiLink, selector: "a[tuiLink], button[tuiLink]", inputs: ["pseudo"] }, { kind: "directive", type: i1$1.TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "directive", type: i1$1.TuiLabel, selector: "label[tuiLabel]" }, { kind: "component", type: i1$1.TuiError, selector: "tui-error", inputs: ["error"] }, { kind: "component", type: ScVerificationPhoneCheckFormComponent, selector: "sc-verification-phone-check-form", inputs: ["showCodeFields", "readOnly", "shouldBeBusy", "shouldBeConfirmed", "haveCode"], outputs: ["haveCodeChange", "isBusyChange", "isConfirmedChange"] }, { kind: "component", type: ScSuggestionFieldComponent, selector: "sc-suggestion-field", inputs: ["type"], outputs: ["selectedClick"] }, { kind: "directive", type: i3$1.TuiDataListDirective, selector: "ng-template[tuiDataList]" }, { kind: "component", type: i2$1.TuiCheckbox, selector: "input[type=\"checkbox\"][tuiCheckbox]", inputs: ["size"] }, { kind: "component", type: i2$1.TuiButtonLoading, selector: "[tuiButton][loading],[tuiIconButton][loading]", inputs: ["size", "loading"] }, { kind: "pipe", type: i2$2.AsyncPipe, name: "async" }, { kind: "pipe", type: i2$1.TuiFieldErrorPipe, name: "tuiFieldError" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: ScSimpleSignUpFormComponent, 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-input formControlName=\"name\">\n                        \u0424.\u0418.\u041E.\n                        <input\n                            tuiTextfieldLegacy\n                            autocomplete=\"name\"\n                        />\n                    </tui-input>\n                    <tui-error\n                        formControlName=\"name\"\n                        [error]=\"[] | tuiFieldError | async\"\n                    />\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-input formControlName=\"email\">\n                        \u0410\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B\n                        <sc-suggestion-field\n                            *tuiDataList\n                            [type]=\"suggestionType.email\"\n                        />\n                    </tui-input>\n                    <tui-error\n                        formControlName=\"email\"\n                        [error]=\"[] | tuiFieldError | async\"\n                    />\n                </label>\n\n                <tui-error\n                    [error]=\"[] | tuiFieldError | async\"\n                    class=\"self-center\"\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                                [pseudo]=\"true\"\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\n                            formControlName=\"acceptRules\"\n                            [error]=\"[] | tuiFieldError | async\"\n                        />\n                    </div>\n                </label>\n            }\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: "directive", type: i2$3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2$3.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i2$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2$3.CheckboxRequiredValidator, selector: "input[type=checkbox][required][formControlName],input[type=checkbox][required][formControl],input[type=checkbox][required][ngModel]" }, { kind: "directive", type: i2$3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i4.TuiTextfieldComponent, selector: "input[tuiTextfieldLegacy], textarea[tuiTextfieldLegacy]" }, { kind: "component", type: i3.TuiInputComponent, selector: "tui-input" }, { kind: "directive", type: i3.TuiInputDirective, selector: "tui-input" }, { kind: "directive", type: i1$1.TuiLink, selector: "a[tuiLink], button[tuiLink]", inputs: ["pseudo"] }, { kind: "directive", type: i1$1.TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "directive", type: i1$1.TuiLabel, selector: "label[tuiLabel]" }, { kind: "component", type: i1$1.TuiError, selector: "tui-error", inputs: ["error"] }, { kind: "component", type: ScVerificationPhoneCheckFormComponent, selector: "sc-verification-phone-check-form", inputs: ["showCodeFields", "readOnly", "shouldBeBusy", "shouldBeConfirmed", "haveCode"], outputs: ["haveCodeChange", "isBusyChange", "isConfirmedChange"] }, { kind: "component", type: ScSuggestionFieldComponent, selector: "sc-suggestion-field", inputs: ["type"], outputs: ["selectedClick"] }, { kind: "directive", type: i3$1.TuiDataListDirective, selector: "ng-template[tuiDataList]" }, { kind: "component", type: i2$1.TuiCheckbox, selector: "input[type=\"checkbox\"][tuiCheckbox]", inputs: ["size"] }, { kind: "component", type: i2$1.TuiButtonLoading, selector: "[tuiButton][loading],[tuiIconButton][loading]", inputs: ["size", "loading"] }, { kind: "pipe", type: i2$2.AsyncPipe, name: "async" }, { kind: "pipe", type: i2$1.TuiFieldErrorPipe, name: "tuiFieldError" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ScSimpleSignUpFormComponent, decorators: [{
             type: Component,
@@ -1501,11 +1501,11 @@ class ScSignInFormByPhoneComponent {
         this.loading$ = this.request$.pipe(map(tuiIsFalsy));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ScSignInFormByPhoneComponent, deps: [{ token: i1.ScAuthService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ScSignInFormByPhoneComponent, selector: "sc-sign-in-form-by-phone", ngImport: i0, template: "<form\n    [formGroup]=\"form\"\n    *tuiLet=\"!!(loading$ | async) as loading\"\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    ></sc-verification-phone-check-form>\n    <button\n        *ngIf=\"haveCode\"\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</form>\n", dependencies: [{ kind: "directive", type: i2$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "directive", type: i7.TuiLet, selector: "[tuiLet]", inputs: ["tuiLet"] }, { kind: "component", type: ScVerificationPhoneCheckFormComponent, selector: "sc-verification-phone-check-form", inputs: ["showCodeFields", "readOnly", "shouldBeBusy", "shouldBeConfirmed", "haveCode"], outputs: ["haveCodeChange", "isBusyChange", "isConfirmedChange"] }, { kind: "component", type: i2$1.TuiButtonLoading, selector: "[tuiButton][loading],[tuiIconButton][loading]", inputs: ["size", "loading"] }, { kind: "pipe", type: i2$2.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ScSignInFormByPhoneComponent, selector: "sc-sign-in-form-by-phone", ngImport: i0, template: "<form\n    [formGroup]=\"form\"\n    *tuiLet=\"!!(loading$ | async) as loading\"\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        [error]=\"[] | tuiFieldError | async\"\n        class=\"self-center\"\n    />\n    <button\n        *ngIf=\"haveCode\"\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</form>\n", dependencies: [{ kind: "directive", type: i2$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2$3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2$3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "component", type: i1$1.TuiError, selector: "tui-error", inputs: ["error"] }, { kind: "directive", type: i7.TuiLet, selector: "[tuiLet]", inputs: ["tuiLet"] }, { kind: "component", type: ScVerificationPhoneCheckFormComponent, selector: "sc-verification-phone-check-form", inputs: ["showCodeFields", "readOnly", "shouldBeBusy", "shouldBeConfirmed", "haveCode"], outputs: ["haveCodeChange", "isBusyChange", "isConfirmedChange"] }, { kind: "component", type: i2$1.TuiButtonLoading, selector: "[tuiButton][loading],[tuiIconButton][loading]", inputs: ["size", "loading"] }, { kind: "pipe", type: i2$2.AsyncPipe, name: "async" }, { kind: "pipe", type: i2$1.TuiFieldErrorPipe, name: "tuiFieldError" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ScSignInFormByPhoneComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sc-sign-in-form-by-phone', changeDetection: ChangeDetectionStrategy.OnPush, template: "<form\n    [formGroup]=\"form\"\n    *tuiLet=\"!!(loading$ | async) as loading\"\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    ></sc-verification-phone-check-form>\n    <button\n        *ngIf=\"haveCode\"\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</form>\n" }]
+            args: [{ selector: 'sc-sign-in-form-by-phone', changeDetection: ChangeDetectionStrategy.OnPush, template: "<form\n    [formGroup]=\"form\"\n    *tuiLet=\"!!(loading$ | async) as loading\"\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        [error]=\"[] | tuiFieldError | async\"\n        class=\"self-center\"\n    />\n    <button\n        *ngIf=\"haveCode\"\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</form>\n" }]
         }], ctorParameters: () => [{ type: i1.ScAuthService }] });
 
 /* eslint-disable no-restricted-syntax,@typescript-eslint/unbound-method */
@@ -1559,7 +1559,7 @@ class ScSignInFormByEmailComponent {
         this.forgotPassword = new EventEmitter();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ScSignInFormByEmailComponent, deps: [{ token: i1.ScAuthService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ScSignInFormByEmailComponent, 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-input formControlName=\"login\">\n                \u0410\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B\n                <input\n                    tuiTextfieldLegacy\n                    autocomplete=\"email\"\n                />\n            </tui-input>\n            <tui-error\n                formControlName=\"login\"\n                [error]=\"[] | tuiFieldError | async\"\n            ></tui-error>\n        </label>\n        <label tuiLabel\n            >\u041F\u0430\u0440\u043E\u043B\u044C\n            <tui-input-password formControlName=\"password\">\n                \u041F\u0430\u0440\u043E\u043B\u044C\n                <input\n                    tuiTextfieldLegacy\n                    autocomplete=\"current-password\"\n                />\n            </tui-input-password>\n            <tui-error\n                formControlName=\"password\"\n                [error]=\"[] | tuiFieldError | async\"\n            ></tui-error>\n        </label>\n        <tui-error [error]=\"[] | tuiFieldError | async\"></tui-error>\n    </div>\n    <div class=\"mb-4 flex flex-col items-center gap-4\">\n        <a\n            tuiLink\n            [pseudo]=\"true\"\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: "directive", type: i3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i5.TuiInputPasswordComponent, selector: "tui-input-password" }, { kind: "directive", type: i5.TuiInputPasswordDirective, selector: "tui-input-password" }, { kind: "component", type: i6.TuiTextfieldComponent, selector: "input[tuiTextfieldLegacy], textarea[tuiTextfieldLegacy]" }, { kind: "component", type: i5.TuiInputComponent, selector: "tui-input" }, { kind: "directive", type: i5.TuiInputDirective, selector: "tui-input" }, { kind: "directive", type: i1$1.TuiLink, selector: "a[tuiLink], button[tuiLink]", inputs: ["pseudo"] }, { kind: "directive", type: i1$1.TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "directive", type: i1$1.TuiLabel, selector: "label[tuiLabel]" }, { kind: "component", type: i1$1.TuiError, selector: "tui-error", inputs: ["error"] }, { kind: "component", type: i2$1.TuiButtonLoading, selector: "[tuiButton][loading],[tuiIconButton][loading]", inputs: ["size", "loading"] }, { kind: "pipe", type: i2$2.AsyncPipe, name: "async" }, { kind: "pipe", type: i2$1.TuiFieldErrorPipe, name: "tuiFieldError" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ScSignInFormByEmailComponent, 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-input formControlName=\"login\">\n                \u0410\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B\n                <input\n                    tuiTextfieldLegacy\n                    autocomplete=\"email\"\n                />\n            </tui-input>\n            <tui-error\n                formControlName=\"login\"\n                [error]=\"[] | tuiFieldError | async\"\n            ></tui-error>\n        </label>\n        <label tuiLabel\n            >\u041F\u0430\u0440\u043E\u043B\u044C\n            <tui-input-password formControlName=\"password\">\n                \u041F\u0430\u0440\u043E\u043B\u044C\n                <input\n                    tuiTextfieldLegacy\n                    autocomplete=\"current-password\"\n                />\n            </tui-input-password>\n            <tui-error\n                formControlName=\"password\"\n                [error]=\"[] | tuiFieldError | async\"\n            ></tui-error>\n        </label>\n        <tui-error [error]=\"[] | tuiFieldError | async\"></tui-error>\n    </div>\n    <div class=\"mb-4 flex flex-col items-center gap-4\">\n        <a\n            tuiLink\n            [pseudo]=\"true\"\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: "directive", type: i2$3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2$3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i3.TuiInputPasswordComponent, selector: "tui-input-password" }, { kind: "directive", type: i3.TuiInputPasswordDirective, selector: "tui-input-password" }, { kind: "component", type: i4.TuiTextfieldComponent, selector: "input[tuiTextfieldLegacy], textarea[tuiTextfieldLegacy]" }, { kind: "component", type: i3.TuiInputComponent, selector: "tui-input" }, { kind: "directive", type: i3.TuiInputDirective, selector: "tui-input" }, { kind: "directive", type: i1$1.TuiLink, selector: "a[tuiLink], button[tuiLink]", inputs: ["pseudo"] }, { kind: "directive", type: i1$1.TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "directive", type: i1$1.TuiLabel, selector: "label[tuiLabel]" }, { kind: "component", type: i1$1.TuiError, selector: "tui-error", inputs: ["error"] }, { kind: "component", type: i2$1.TuiButtonLoading, selector: "[tuiButton][loading],[tuiIconButton][loading]", inputs: ["size", "loading"] }, { kind: "pipe", type: i2$2.AsyncPipe, name: "async" }, { kind: "pipe", type: i2$1.TuiFieldErrorPipe, name: "tuiFieldError" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ScSignInFormByEmailComponent, decorators: [{
             type: Component,
@@ -1812,12 +1812,12 @@ class ScAddressesSelectionFieldComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ScAddressesSelectionFieldComponent, deps: [{ token: FormGroupDirective, skipSelf: true }, { token: i1.ScLocationsService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ScAddressesSelectionFieldComponent, selector: "sc-addresses-selection-field", ngImport: i0, template: "<div class=\"grid items-start gap-4 sm:grid-cols-2\">\n    <!-- TODO: \u041E\u0442\u043A\u0440\u044B\u0442\u044C \u043F\u043E\u043B\u0435 \u0432\u044B\u0431\u043E\u0440\u0430 \u0441\u0442\u0440\u0430\u043D\u044B \u043F\u0440\u0438 \u0434\u043E\u0431\u0430\u0432\u043B\u0435\u043D\u0438\u0438 \u0432\u043E\u0437\u043C\u043E\u0436\u043D\u043E\u0441\u0442\u0438 \u0432\u044B\u0431\u043E\u0440\u0430 \u0441\u0442\u0440\u0430\u043D\u044B \u0434\u043B\u044F \u043A\u043B\u0438\u0435\u043D\u0442\u0430. -->\n    <!-- <label tuiLabel=\"\u0421\u0442\u0440\u0430\u043D\u0430\" class=\"w-full\">\n        <tui-combo-box *tuiLet=\"countries$ | async as countries\" [formControl]=\"countryControl\" [stringify]=\"stringify\">\n            \u0421\u0442\u0440\u0430\u043D\u0430\n            <input tuiTextfield autocomplete=\"new-password\" />\n            <tui-data-list-wrapper *tuiDataList [itemContent]=\"stringify | tuiStringifyContent\" [items]=\"countries | tuiFilterByInputWith: stringify\"></tui-data-list-wrapper>\n        </tui-combo-box>\n        <tui-error [formControl]=\"countryControl\" [error]=\"[] | tuiFieldError | async\"></tui-error>\n    </label> -->\n    <!-- TODO: [TASK:9383]: \u0414\u043E\u0440\u0430\u0431\u043E\u0442\u0430\u0442\u044C \u043A\u043E\u043C\u043F\u043E\u043D\u0435\u043D\u0442 \u0432\u044B\u0431\u043E\u0440\u0430 \u0433\u043E\u0440\u043E\u0434\u0430, \u043A\u0430\u043A \u043D\u0430 \u043F\u043E\u0440\u0442\u0430\u043B\u0435  -->\n    <label tuiLabel>\n        \u0420\u0435\u0433\u0438\u043E\u043D\n        <tui-combo-box\n            *tuiLet=\"(regions$ | async) ?? [] as regions\"\n            [formControl]=\"regionControl\"\n            [stringify]=\"stringify\"\n        >\n            \u0420\u0435\u0433\u0438\u043E\u043D\n            <input\n                tuiTextfieldLegacy\n                autocapitalize=\"off\"\n                autocomplete=\"off\"\n                autocorrect=\"off\"\n            />\n            <tui-data-list-wrapper\n                *tuiDataList\n                [itemContent]=\"stringify | tuiStringifyContent\"\n                [items]=\"regions | tuiFilterByInput\"\n            ></tui-data-list-wrapper>\n        </tui-combo-box>\n        <tui-error\n            [formControl]=\"regionControl\"\n            [error]=\"[] | tuiFieldError | async\"\n        ></tui-error>\n    </label>\n    <label tuiLabel>\n        \u0413\u043E\u0440\u043E\u0434\n        <tui-combo-box\n            *tuiLet=\"(cities$ | async) ?? [] as cities\"\n            [formControl]=\"cityControl\"\n            [stringify]=\"stringify\"\n            (ngModelChange)=\"onSelectedCity($event)\"\n        >\n            \u0413\u043E\u0440\u043E\u0434\n            <input\n                tuiTextfieldLegacy\n                autocapitalize=\"off\"\n                autocomplete=\"off\"\n                autocorrect=\"off\"\n            />\n            <tui-data-list-wrapper\n                *tuiDataList\n                [itemContent]=\"stringify | tuiStringifyContent\"\n                [items]=\"cities | tuiFilterByInput\"\n            ></tui-data-list-wrapper>\n        </tui-combo-box>\n        <tui-error\n            [formControl]=\"cityIdControl\"\n            [error]=\"[] | tuiFieldError | async\"\n        ></tui-error>\n        <tui-error\n            *ngIf=\"cityIdControl.untouched\"\n            [formControl]=\"cityControl\"\n            [error]=\"[] | tuiFieldError | async\"\n        ></tui-error>\n    </label>\n</div>\n", dependencies: [{ kind: "directive", type: i2$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i6.TuiTextfieldComponent, selector: "input[tuiTextfieldLegacy], textarea[tuiTextfieldLegacy]" }, { kind: "directive", type: i1$1.TuiLabel, selector: "label[tuiLabel]" }, { kind: "directive", type: i7.TuiLet, selector: "[tuiLet]", inputs: ["tuiLet"] }, { kind: "component", type: i1$1.TuiError, selector: "tui-error", inputs: ["error"] }, { kind: "directive", type: i3$1.TuiDataListDirective, selector: "ng-template[tuiDataList]" }, { kind: "component", type: i5.TuiComboBoxComponent, selector: "tui-combo-box", inputs: ["stringify", "strictMatcher", "identityMatcher", "valueContent", "strict", "search"], outputs: ["searchChange"] }, { kind: "directive", type: i5.TuiComboBoxDirective, selector: "tui-combo-box" }, { kind: "component", type: i2$1.TuiDataListWrapperComponent, selector: "tui-data-list-wrapper:not([labels]), tui-data-list-wrapper:not([labels])[new]", inputs: ["items", "disabledItemHandler", "emptyContent", "size", "itemContent"], outputs: ["itemClick"] }, { kind: "pipe", type: i2$2.AsyncPipe, name: "async" }, { kind: "pipe", type: i2$1.TuiFieldErrorPipe, name: "tuiFieldError" }, { kind: "pipe", type: i2$1.TuiFilterByInputPipe, name: "tuiFilterByInput" }, { kind: "pipe", type: i2$1.TuiStringifyContentPipe, name: "tuiStringifyContent" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ScAddressesSelectionFieldComponent, selector: "sc-addresses-selection-field", ngImport: i0, template: "<div class=\"grid items-start gap-4 sm:grid-cols-2\">\n    <!-- TODO: \u041E\u0442\u043A\u0440\u044B\u0442\u044C \u043F\u043E\u043B\u0435 \u0432\u044B\u0431\u043E\u0440\u0430 \u0441\u0442\u0440\u0430\u043D\u044B \u043F\u0440\u0438 \u0434\u043E\u0431\u0430\u0432\u043B\u0435\u043D\u0438\u0438 \u0432\u043E\u0437\u043C\u043E\u0436\u043D\u043E\u0441\u0442\u0438 \u0432\u044B\u0431\u043E\u0440\u0430 \u0441\u0442\u0440\u0430\u043D\u044B \u0434\u043B\u044F \u043A\u043B\u0438\u0435\u043D\u0442\u0430. -->\n    <!-- <label tuiLabel=\"\u0421\u0442\u0440\u0430\u043D\u0430\" class=\"w-full\">\n        <tui-combo-box *tuiLet=\"countries$ | async as countries\" [formControl]=\"countryControl\" [stringify]=\"stringify\">\n            \u0421\u0442\u0440\u0430\u043D\u0430\n            <input tuiTextfield autocomplete=\"new-password\" />\n            <tui-data-list-wrapper *tuiDataList [itemContent]=\"stringify | tuiStringifyContent\" [items]=\"countries | tuiFilterByInputWith: stringify\"></tui-data-list-wrapper>\n        </tui-combo-box>\n        <tui-error [formControl]=\"countryControl\" [error]=\"[] | tuiFieldError | async\"></tui-error>\n    </label> -->\n    <!-- TODO: [TASK:9383]: \u0414\u043E\u0440\u0430\u0431\u043E\u0442\u0430\u0442\u044C \u043A\u043E\u043C\u043F\u043E\u043D\u0435\u043D\u0442 \u0432\u044B\u0431\u043E\u0440\u0430 \u0433\u043E\u0440\u043E\u0434\u0430, \u043A\u0430\u043A \u043D\u0430 \u043F\u043E\u0440\u0442\u0430\u043B\u0435  -->\n    <label tuiLabel>\n        \u0420\u0435\u0433\u0438\u043E\u043D\n        <tui-combo-box\n            *tuiLet=\"(regions$ | async) ?? [] as regions\"\n            [formControl]=\"regionControl\"\n            [stringify]=\"stringify\"\n        >\n            \u0420\u0435\u0433\u0438\u043E\u043D\n            <input\n                tuiTextfieldLegacy\n                autocapitalize=\"off\"\n                autocomplete=\"off\"\n                autocorrect=\"off\"\n            />\n            <tui-data-list-wrapper\n                *tuiDataList\n                [itemContent]=\"stringify | tuiStringifyContent\"\n                [items]=\"regions | tuiFilterByInput\"\n            ></tui-data-list-wrapper>\n        </tui-combo-box>\n        <tui-error\n            [formControl]=\"regionControl\"\n            [error]=\"[] | tuiFieldError | async\"\n        ></tui-error>\n    </label>\n    <label tuiLabel>\n        \u0413\u043E\u0440\u043E\u0434\n        <tui-combo-box\n            *tuiLet=\"(cities$ | async) ?? [] as cities\"\n            [formControl]=\"cityControl\"\n            [stringify]=\"stringify\"\n            (ngModelChange)=\"onSelectedCity($event)\"\n        >\n            \u0413\u043E\u0440\u043E\u0434\n            <input\n                tuiTextfieldLegacy\n                autocapitalize=\"off\"\n                autocomplete=\"off\"\n                autocorrect=\"off\"\n            />\n            <tui-data-list-wrapper\n                *tuiDataList\n                [itemContent]=\"stringify | tuiStringifyContent\"\n                [items]=\"cities | tuiFilterByInput\"\n            ></tui-data-list-wrapper>\n        </tui-combo-box>\n        <tui-error\n            [formControl]=\"cityIdControl\"\n            [error]=\"[] | tuiFieldError | async\"\n        ></tui-error>\n        <tui-error\n            *ngIf=\"cityIdControl.untouched\"\n            [formControl]=\"cityControl\"\n            [error]=\"[] | tuiFieldError | async\"\n        ></tui-error>\n    </label>\n</div>\n", dependencies: [{ kind: "directive", type: i2$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i4.TuiTextfieldComponent, selector: "input[tuiTextfieldLegacy], textarea[tuiTextfieldLegacy]" }, { kind: "directive", type: i1$1.TuiLabel, selector: "label[tuiLabel]" }, { kind: "directive", type: i7.TuiLet, selector: "[tuiLet]", inputs: ["tuiLet"] }, { kind: "component", type: i1$1.TuiError, selector: "tui-error", inputs: ["error"] }, { kind: "directive", type: i3$1.TuiDataListDirective, selector: "ng-template[tuiDataList]" }, { kind: "component", type: i3.TuiComboBoxComponent, selector: "tui-combo-box", inputs: ["stringify", "strictMatcher", "identityMatcher", "valueContent", "strict", "search"], outputs: ["searchChange"] }, { kind: "directive", type: i3.TuiComboBoxDirective, selector: "tui-combo-box" }, { kind: "component", type: i2$1.TuiDataListWrapperComponent, selector: "tui-data-list-wrapper:not([labels]), tui-data-list-wrapper:not([labels])[new]", inputs: ["items", "disabledItemHandler", "emptyContent", "size", "itemContent"], outputs: ["itemClick"] }, { kind: "pipe", type: i2$2.AsyncPipe, name: "async" }, { kind: "pipe", type: i2$1.TuiFieldErrorPipe, name: "tuiFieldError" }, { kind: "pipe", type: i2$1.TuiFilterByInputPipe, name: "tuiFilterByInput" }, { kind: "pipe", type: i2$1.TuiStringifyContentPipe, name: "tuiStringifyContent" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ScAddressesSelectionFieldComponent, decorators: [{
             type: Component,
             args: [{ selector: 'sc-addresses-selection-field', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"grid items-start gap-4 sm:grid-cols-2\">\n    <!-- TODO: \u041E\u0442\u043A\u0440\u044B\u0442\u044C \u043F\u043E\u043B\u0435 \u0432\u044B\u0431\u043E\u0440\u0430 \u0441\u0442\u0440\u0430\u043D\u044B \u043F\u0440\u0438 \u0434\u043E\u0431\u0430\u0432\u043B\u0435\u043D\u0438\u0438 \u0432\u043E\u0437\u043C\u043E\u0436\u043D\u043E\u0441\u0442\u0438 \u0432\u044B\u0431\u043E\u0440\u0430 \u0441\u0442\u0440\u0430\u043D\u044B \u0434\u043B\u044F \u043A\u043B\u0438\u0435\u043D\u0442\u0430. -->\n    <!-- <label tuiLabel=\"\u0421\u0442\u0440\u0430\u043D\u0430\" class=\"w-full\">\n        <tui-combo-box *tuiLet=\"countries$ | async as countries\" [formControl]=\"countryControl\" [stringify]=\"stringify\">\n            \u0421\u0442\u0440\u0430\u043D\u0430\n            <input tuiTextfield autocomplete=\"new-password\" />\n            <tui-data-list-wrapper *tuiDataList [itemContent]=\"stringify | tuiStringifyContent\" [items]=\"countries | tuiFilterByInputWith: stringify\"></tui-data-list-wrapper>\n        </tui-combo-box>\n        <tui-error [formControl]=\"countryControl\" [error]=\"[] | tuiFieldError | async\"></tui-error>\n    </label> -->\n    <!-- TODO: [TASK:9383]: \u0414\u043E\u0440\u0430\u0431\u043E\u0442\u0430\u0442\u044C \u043A\u043E\u043C\u043F\u043E\u043D\u0435\u043D\u0442 \u0432\u044B\u0431\u043E\u0440\u0430 \u0433\u043E\u0440\u043E\u0434\u0430, \u043A\u0430\u043A \u043D\u0430 \u043F\u043E\u0440\u0442\u0430\u043B\u0435  -->\n    <label tuiLabel>\n        \u0420\u0435\u0433\u0438\u043E\u043D\n        <tui-combo-box\n            *tuiLet=\"(regions$ | async) ?? [] as regions\"\n            [formControl]=\"regionControl\"\n            [stringify]=\"stringify\"\n        >\n            \u0420\u0435\u0433\u0438\u043E\u043D\n            <input\n                tuiTextfieldLegacy\n                autocapitalize=\"off\"\n                autocomplete=\"off\"\n                autocorrect=\"off\"\n            />\n            <tui-data-list-wrapper\n                *tuiDataList\n                [itemContent]=\"stringify | tuiStringifyContent\"\n                [items]=\"regions | tuiFilterByInput\"\n            ></tui-data-list-wrapper>\n        </tui-combo-box>\n        <tui-error\n            [formControl]=\"regionControl\"\n            [error]=\"[] | tuiFieldError | async\"\n        ></tui-error>\n    </label>\n    <label tuiLabel>\n        \u0413\u043E\u0440\u043E\u0434\n        <tui-combo-box\n            *tuiLet=\"(cities$ | async) ?? [] as cities\"\n            [formControl]=\"cityControl\"\n            [stringify]=\"stringify\"\n            (ngModelChange)=\"onSelectedCity($event)\"\n        >\n            \u0413\u043E\u0440\u043E\u0434\n            <input\n                tuiTextfieldLegacy\n                autocapitalize=\"off\"\n                autocomplete=\"off\"\n                autocorrect=\"off\"\n            />\n            <tui-data-list-wrapper\n                *tuiDataList\n                [itemContent]=\"stringify | tuiStringifyContent\"\n                [items]=\"cities | tuiFilterByInput\"\n            ></tui-data-list-wrapper>\n        </tui-combo-box>\n        <tui-error\n            [formControl]=\"cityIdControl\"\n            [error]=\"[] | tuiFieldError | async\"\n        ></tui-error>\n        <tui-error\n            *ngIf=\"cityIdControl.untouched\"\n            [formControl]=\"cityControl\"\n            [error]=\"[] | tuiFieldError | async\"\n        ></tui-error>\n    </label>\n</div>\n" }]
-        }], ctorParameters: () => [{ type: i3.FormGroupDirective, decorators: [{
+        }], ctorParameters: () => [{ type: i2$3.FormGroupDirective, decorators: [{
                     type: SkipSelf
                 }, {
                     type: Inject,
@@ -1855,6 +1855,14 @@ class ScNewContragentBankAccountsFormComponent {
          * {@link Observable} списка валют.
          */
         this.currencies$ = this.referencesService.currencies$;
+        /**
+         * Организационно-правовая форма.
+         */
+        this.opf = input.required();
+        /**
+         * Перечисление организационно-правовых форм.
+         */
+        this.opfListEnum = ScOpfList;
     }
     /**
      * Возвращает {@link Observable} валюты по идентификатору.
@@ -1865,11 +1873,11 @@ class ScNewContragentBankAccountsFormComponent {
         return this.referencesService.getCurrencyById$(currencyId);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ScNewContragentBankAccountsFormComponent, deps: [{ token: i1.ScReferencesService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ScNewContragentBankAccountsFormComponent, selector: "sc-new-contragent-bank-account-form", inputs: { form: "form" }, 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-input formControlName=\"bankName\">\n            \u041D\u0430\u0438\u043C\u0435\u043D\u043E\u0432\u0430\u043D\u0438\u0435 \u0431\u0430\u043D\u043A\u0430\n            <sc-suggestion-field\n                *tuiDataList\n                [type]=\"suggestionType.bank\"\n            ></sc-suggestion-field>\n        </tui-input>\n        <tui-error\n            formControlName=\"bankName\"\n            [error]=\"[] | tuiFieldError | async\"\n        ></tui-error>\n    </label>\n    <label tuiLabel>\n        \u0411\u0418\u041A\n        <tui-input formControlName=\"bic\">\n            \u0411\u0418\u041A\n            <input\n                tuiTextfieldLegacy\n                [maskito]=\"bicMask\"\n                autocomplete=\"bic\"\n            />\n            <sc-suggestion-field\n                *tuiDataList\n                [type]=\"suggestionType.bank\"\n            ></sc-suggestion-field>\n        </tui-input>\n        <tui-error\n            formControlName=\"bic\"\n            [error]=\"[] | tuiFieldError | async\"\n        ></tui-error>\n    </label>\n    <label tuiLabel>\n        \u041D\u043E\u043C\u0435\u0440 \u0441\u0447\u0435\u0442\u0430\n        <tui-input formControlName=\"accountNumber\">\n            \u041D\u043E\u043C\u0435\u0440 \u0441\u0447\u0435\u0442\u0430\n            <input\n                tuiTextfieldLegacy\n                [maskito]=\"accountNumberMask\"\n                autocomplete=\"accountNumber\"\n            />\n        </tui-input>\n        <tui-error\n            formControlName=\"accountNumber\"\n            [error]=\"[] | tuiFieldError | async\"\n        ></tui-error>\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-input formControlName=\"correspondentAccount\">\n            \u041A\u043E\u0440\u0440\u0435\u0441\u043F\u043E\u043D\u0434\u0435\u043D\u0442\u0441\u043A\u0438\u0439 \u0441\u0447\u0435\u0442\n            <input\n                tuiTextfieldLegacy\n                [maskito]=\"correspondentAccount\"\n                autocomplete=\"correspondentAccount\"\n            />\n        </tui-input>\n        <tui-error\n            formControlName=\"correspondentAccount\"\n            [error]=\"[] | tuiFieldError | async\"\n        ></tui-error>\n    </label>\n    <label tuiLabel>\n        \u0412\u0430\u043B\u044E\u0442\u0430 \u0440\u0430\u0441\u0447\u0451\u0442\u043E\u0432\n        <tui-select\n            formControlName=\"currencyId\"\n            [valueContent]=\"currencyContent\"\n        >\n            \u0412\u0430\u043B\u044E\u0442\u0430 \u0440\u0430\u0441\u0447\u0451\u0442\u043E\u0432\n            <tui-data-list *tuiDataList>\n                <button\n                    *ngFor=\"let item of currencies$ | async; let index = index\"\n                    tuiOption\n                    [value]=\"item.id\"\n                >\n                    {{ item.name }} ({{ item.symbol }})\n                </button>\n            </tui-data-list>\n        </tui-select>\n        <ng-template\n            #currencyContent\n            let-data\n        >\n            <div>{{ (getCurrencyById$(data) | async)?.name }}</div>\n        </ng-template>\n        <tui-error\n            formControlName=\"currencyId\"\n            [error]=\"[] | tuiFieldError | async\"\n        ></tui-error>\n    </label>\n</div>\n", dependencies: [{ kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i2$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i1$1.TuiError, selector: "tui-error", inputs: ["error"] }, { kind: "component", type: i5.TuiSelectComponent, selector: "tui-select", inputs: ["stringify", "identityMatcher", "valueContent"] }, { kind: "directive", type: i5.TuiSelectDirective, selector: "tui-select" }, { kind: "component", type: i6.TuiTextfieldComponent, selector: "input[tuiTextfieldLegacy], textarea[tuiTextfieldLegacy]" }, { kind: "component", type: i1$1.TuiDataListComponent, selector: "tui-data-list", inputs: ["emptyContent", "size"] }, { kind: "directive", type: i3$1.TuiDataListDirective, selector: "ng-template[tuiDataList]" }, { kind: "component", type: i1$1.TuiOption, selector: "button[tuiOption]:not([new]), a[tuiOption]:not([new]), label[tuiOption]:not([new])", inputs: ["disabled", "value"] }, { kind: "directive", type: i1$1.TuiLabel, selector: "label[tuiLabel]" }, { kind: "component", type: i5.TuiInputComponent, selector: "tui-input" }, { kind: "directive", type: i5.TuiInputDirective, selector: "tui-input" }, { kind: "directive", type: i8.MaskitoDirective, selector: "[maskito]", inputs: ["maskito", "maskitoElement"] }, { kind: "component", type: ScSuggestionFieldComponent, selector: "sc-suggestion-field", inputs: ["type"], outputs: ["selectedClick"] }, { kind: "pipe", type: i2$2.AsyncPipe, name: "async" }, { kind: "pipe", type: i2$1.TuiFieldErrorPipe, name: "tuiFieldError" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: ScNewContragentBankAccountsFormComponent, 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-input formControlName=\"bankName\">\n            \u041D\u0430\u0438\u043C\u0435\u043D\u043E\u0432\u0430\u043D\u0438\u0435 \u0431\u0430\u043D\u043A\u0430\n            @if (opfListEnum[opf()] !== opfListEnum.non_resident_legal) {\n                <sc-suggestion-field\n                    *tuiDataList\n                    [type]=\"suggestionType.bank\"\n                />\n            }\n        </tui-input>\n        <tui-error\n            formControlName=\"bankName\"\n            [error]=\"[] | tuiFieldError | async\"\n        ></tui-error>\n    </label>\n    <label tuiLabel>\n        \u0411\u0418\u041A\n        <tui-input formControlName=\"bic\">\n            \u0411\u0418\u041A\n            <input\n                tuiTextfieldLegacy\n                [maskito]=\"bicMask\"\n                autocomplete=\"bic\"\n            />\n            @if (opfListEnum[opf()] !== opfListEnum.non_resident_legal) {\n                <sc-suggestion-field\n                    *tuiDataList\n                    [type]=\"suggestionType.bank\"\n                />\n            }\n        </tui-input>\n        <tui-error\n            formControlName=\"bic\"\n            [error]=\"[] | tuiFieldError | async\"\n        />\n    </label>\n    <label tuiLabel>\n        \u041D\u043E\u043C\u0435\u0440 \u0441\u0447\u0435\u0442\u0430\n        <tui-input formControlName=\"accountNumber\">\n            \u041D\u043E\u043C\u0435\u0440 \u0441\u0447\u0435\u0442\u0430\n            <input\n                tuiTextfieldLegacy\n                [maskito]=\"accountNumberMask\"\n                autocomplete=\"accountNumber\"\n            />\n        </tui-input>\n        <tui-error\n            formControlName=\"accountNumber\"\n            [error]=\"[] | tuiFieldError | async\"\n        />\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-input formControlName=\"correspondentAccount\">\n            \u041A\u043E\u0440\u0440\u0435\u0441\u043F\u043E\u043D\u0434\u0435\u043D\u0442\u0441\u043A\u0438\u0439 \u0441\u0447\u0435\u0442\n            <input\n                tuiTextfieldLegacy\n                [maskito]=\"correspondentAccount\"\n                autocomplete=\"correspondentAccount\"\n            />\n        </tui-input>\n        <tui-error\n            formControlName=\"correspondentAccount\"\n            [error]=\"[] | tuiFieldError | async\"\n        />\n    </label>\n    <label tuiLabel>\n        \u0412\u0430\u043B\u044E\u0442\u0430 \u0440\u0430\u0441\u0447\u0451\u0442\u043E\u0432\n        <tui-select\n            formControlName=\"currencyId\"\n            [valueContent]=\"currencyContent\"\n        >\n            \u0412\u0430\u043B\u044E\u0442\u0430 \u0440\u0430\u0441\u0447\u0451\u0442\u043E\u0432\n            <tui-data-list *tuiDataList>\n                <button\n                    *ngFor=\"let item of currencies$ | async; let index = index\"\n                    tuiOption\n                    [value]=\"item.id\"\n                >\n                    {{ item.name }} ({{ item.symbol }})\n                </button>\n            </tui-data-list>\n        </tui-select>\n        <ng-template\n            #currencyContent\n            let-data\n        >\n            <div>{{ (getCurrencyById$(data) | async)?.name }}</div>\n        </ng-template>\n        <tui-error\n            formControlName=\"currencyId\"\n            [error]=\"[] | tuiFieldError | async\"\n        />\n    </label>\n</div>\n", dependencies: [{ kind: "directive", type: i2$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2$3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i2$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i1$1.TuiError, selector: "tui-error", inputs: ["error"] }, { kind: "component", type: i3.TuiSelectComponent, selector: "tui-select", inputs: ["stringify", "identityMatcher", "valueContent"] }, { kind: "directive", type: i3.TuiSelectDirective, selector: "tui-select" }, { kind: "component", type: i4.TuiTextfieldComponent, selector: "input[tuiTextfieldLegacy], textarea[tuiTextfieldLegacy]" }, { kind: "component", type: i1$1.TuiDataListComponent, selector: "tui-data-list", inputs: ["emptyContent", "size"] }, { kind: "directive", type: i3$1.TuiDataListDirective, selector: "ng-template[tuiDataList]" }, { kind: "component", type: i1$1.TuiOption, selector: "button[tuiOption]:not([new]), a[tuiOption]:not([new]), label[tuiOption]:not([new])", inputs: ["disabled", "value"] }, { kind: "directive", type: i1$1.TuiLabel, selector: "label[tuiLabel]" }, { kind: "component", type: i3.TuiInputComponent, selector: "tui-input" }, { kind: "directive", type: i3.TuiInputDirective, selector: "tui-input" }, { kind: "directive", type: i8.MaskitoDirective, selector: "[maskito]", inputs: ["maskito", "maskitoElement"] }, { kind: "component", type: ScSuggestionFieldComponent, selector: "sc-suggestion-field", inputs: ["type"], outputs: ["selectedClick"] }, { kind: "pipe", type: i2$2.AsyncPipe, name: "async" }, { kind: "pipe", type: i2$1.TuiFieldErrorPipe, name: "tuiFieldError" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ScNewContragentBankAccountsFormComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sc-new-contragent-bank-account-form', changeDetection: ChangeDetectionStrategy.OnPush, 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-input formControlName=\"bankName\">\n            \u041D\u0430\u0438\u043C\u0435\u043D\u043E\u0432\u0430\u043D\u0438\u0435 \u0431\u0430\u043D\u043A\u0430\n            <sc-suggestion-field\n                *tuiDataList\n                [type]=\"suggestionType.bank\"\n            ></sc-suggestion-field>\n        </tui-input>\n        <tui-error\n            formControlName=\"bankName\"\n            [error]=\"[] | tuiFieldError | async\"\n        ></tui-error>\n    </label>\n    <label tuiLabel>\n        \u0411\u0418\u041A\n        <tui-input formControlName=\"bic\">\n            \u0411\u0418\u041A\n            <input\n                tuiTextfieldLegacy\n                [maskito]=\"bicMask\"\n                autocomplete=\"bic\"\n            />\n            <sc-suggestion-field\n                *tuiDataList\n                [type]=\"suggestionType.bank\"\n            ></sc-suggestion-field>\n        </tui-input>\n        <tui-error\n            formControlName=\"bic\"\n            [error]=\"[] | tuiFieldError | async\"\n        ></tui-error>\n    </label>\n    <label tuiLabel>\n        \u041D\u043E\u043C\u0435\u0440 \u0441\u0447\u0435\u0442\u0430\n        <tui-input formControlName=\"accountNumber\">\n            \u041D\u043E\u043C\u0435\u0440 \u0441\u0447\u0435\u0442\u0430\n            <input\n                tuiTextfieldLegacy\n                [maskito]=\"accountNumberMask\"\n                autocomplete=\"accountNumber\"\n            />\n        </tui-input>\n        <tui-error\n            formControlName=\"accountNumber\"\n            [error]=\"[] | tuiFieldError | async\"\n        ></tui-error>\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-input formControlName=\"correspondentAccount\">\n            \u041A\u043E\u0440\u0440\u0435\u0441\u043F\u043E\u043D\u0434\u0435\u043D\u0442\u0441\u043A\u0438\u0439 \u0441\u0447\u0435\u0442\n            <input\n                tuiTextfieldLegacy\n                [maskito]=\"correspondentAccount\"\n                autocomplete=\"correspondentAccount\"\n            />\n        </tui-input>\n        <tui-error\n            formControlName=\"correspondentAccount\"\n            [error]=\"[] | tuiFieldError | async\"\n        ></tui-error>\n    </label>\n    <label tuiLabel>\n        \u0412\u0430\u043B\u044E\u0442\u0430 \u0440\u0430\u0441\u0447\u0451\u0442\u043E\u0432\n        <tui-select\n            formControlName=\"currencyId\"\n            [valueContent]=\"currencyContent\"\n        >\n            \u0412\u0430\u043B\u044E\u0442\u0430 \u0440\u0430\u0441\u0447\u0451\u0442\u043E\u0432\n            <tui-data-list *tuiDataList>\n                <button\n                    *ngFor=\"let item of currencies$ | async; let index = index\"\n                    tuiOption\n                    [value]=\"item.id\"\n                >\n                    {{ item.name }} ({{ item.symbol }})\n                </button>\n            </tui-data-list>\n        </tui-select>\n        <ng-template\n            #currencyContent\n            let-data\n        >\n            <div>{{ (getCurrencyById$(data) | async)?.name }}</div>\n        </ng-template>\n        <tui-error\n            formControlName=\"currencyId\"\n            [error]=\"[] | tuiFieldError | async\"\n        ></tui-error>\n    </label>\n</div>\n" }]
+            args: [{ selector: 'sc-new-contragent-bank-account-form', changeDetection: ChangeDetectionStrategy.OnPush, 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-input formControlName=\"bankName\">\n            \u041D\u0430\u0438\u043C\u0435\u043D\u043E\u0432\u0430\u043D\u0438\u0435 \u0431\u0430\u043D\u043A\u0430\n            @if (opfListEnum[opf()] !== opfListEnum.non_resident_legal) {\n                <sc-suggestion-field\n                    *tuiDataList\n                    [type]=\"suggestionType.bank\"\n                />\n            }\n        </tui-input>\n        <tui-error\n            formControlName=\"bankName\"\n            [error]=\"[] | tuiFieldError | async\"\n        ></tui-error>\n    </label>\n    <label tuiLabel>\n        \u0411\u0418\u041A\n        <tui-input formControlName=\"bic\">\n            \u0411\u0418\u041A\n            <input\n                tuiTextfieldLegacy\n                [maskito]=\"bicMask\"\n                autocomplete=\"bic\"\n            />\n            @if (opfListEnum[opf()] !== opfListEnum.non_resident_legal) {\n                <sc-suggestion-field\n                    *tuiDataList\n                    [type]=\"suggestionType.bank\"\n                />\n            }\n        </tui-input>\n        <tui-error\n            formControlName=\"bic\"\n            [error]=\"[] | tuiFieldError | async\"\n        />\n    </label>\n    <label tuiLabel>\n        \u041D\u043E\u043C\u0435\u0440 \u0441\u0447\u0435\u0442\u0430\n        <tui-input formControlName=\"accountNumber\">\n            \u041D\u043E\u043C\u0435\u0440 \u0441\u0447\u0435\u0442\u0430\n            <input\n                tuiTextfieldLegacy\n                [maskito]=\"accountNumberMask\"\n                autocomplete=\"accountNumber\"\n            />\n        </tui-input>\n        <tui-error\n            formControlName=\"accountNumber\"\n            [error]=\"[] | tuiFieldError | async\"\n        />\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-input formControlName=\"correspondentAccount\">\n            \u041A\u043E\u0440\u0440\u0435\u0441\u043F\u043E\u043D\u0434\u0435\u043D\u0442\u0441\u043A\u0438\u0439 \u0441\u0447\u0435\u0442\n            <input\n                tuiTextfieldLegacy\n                [maskito]=\"correspondentAccount\"\n                autocomplete=\"correspondentAccount\"\n            />\n        </tui-input>\n        <tui-error\n            formControlName=\"correspondentAccount\"\n            [error]=\"[] | tuiFieldError | async\"\n        />\n    </label>\n    <label tuiLabel>\n        \u0412\u0430\u043B\u044E\u0442\u0430 \u0440\u0430\u0441\u0447\u0451\u0442\u043E\u0432\n        <tui-select\n            formControlName=\"currencyId\"\n            [valueContent]=\"currencyContent\"\n        >\n            \u0412\u0430\u043B\u044E\u0442\u0430 \u0440\u0430\u0441\u0447\u0451\u0442\u043E\u0432\n            <tui-data-list *tuiDataList>\n                <button\n                    *ngFor=\"let item of currencies$ | async; let index = index\"\n                    tuiOption\n                    [value]=\"item.id\"\n                >\n                    {{ item.name }} ({{ item.symbol }})\n                </button>\n            </tui-data-list>\n        </tui-select>\n        <ng-template\n            #currencyContent\n            let-data\n        >\n            <div>{{ (getCurrencyById$(data) | async)?.name }}</div>\n        </ng-template>\n        <tui-error\n            formControlName=\"currencyId\"\n            [error]=\"[] | tuiFieldError | async\"\n        />\n    </label>\n</div>\n" }]
         }], ctorParameters: () => [{ type: i1.ScReferencesService }], propDecorators: { form: [{
                 type: Input
             }] } });
@@ -2069,12 +2077,12 @@ class ScNewContragentFormComponent {
         return this.locationsService.getCountries$().pipe(map((countries) => countries.find((country) => country.id === countryId)));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ScNewContragentFormComponent, deps: [{ token: i1.ScReferencesService }, { token: i1.ScLocationsService }, { token: FormGroupDirective, skipSelf: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: ScNewContragentFormComponent, selector: "sc-new-contragent-form", inputs: { opfControl: "opfControl" }, ngImport: i0, template: "<div\n    [formGroup]=\"form\"\n    *ngIf=\"selectOpf$ | async as selectOpf\"\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-select\n            formControlName=\"opf\"\n            [valueContent]=\"opfContent\"\n            [readOnly]=\"!!opfControl\"\n        >\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-data-list *tuiDataList>\n                <button\n                    *ngFor=\"let item of getOpf$() | async; let index = index\"\n                    tuiOption\n                    [value]=\"item.slug\"\n                >\n                    {{ item.name }}\n                </button>\n            </tui-data-list>\n        </tui-select>\n        <ng-template\n            #opfContent\n            let-data\n        >\n            <div>{{ (getOpfBySlug$(data) | async)?.name }}</div>\n        </ng-template>\n        <tui-error\n            formControlName=\"opf\"\n            [error]=\"[] | tuiFieldError | async\"\n        />\n    </label>\n    <label tuiLabel>\n        {{ 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        <tui-input formControlName=\"name\">\n            @if (opfListEnum[selectOpf] === opfListEnum.individual) {\n                \u0424.\u0418.\u041E.\n                <sc-suggestion-field\n                    *tuiDataList\n                    [type]=\"suggestionType.fio\"\n                />\n            } @else {\n                \u041D\u0430\u0437\u0432\u0430\u043D\u0438\u0435 \u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0446\u0438\u0438\n                <sc-suggestion-field\n                    *tuiDataList\n                    [type]=\"suggestionType.organization\"\n                />\n            }\n        </tui-input>\n        <tui-error\n            formControlName=\"name\"\n            [error]=\"[] | tuiFieldError | async\"\n        />\n    </label>\n    @if (opfListEnum[selectOpf] !== opfListEnum.individual) {\n        @if (opfListEnum[selectOpf] !== opfListEnum.non_resident_legal) {\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-input formControlName=\"inn\">\n                    \u0418\u041D\u041D \u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0446\u0438\u0438 \u0438\u043B\u0438 \u0418\u041F\n                    <input\n                        tuiTextfieldLegacy\n                        [maskito]=\"innMask(selectOpf)\"\n                        autocomplete=\"inn\"\n                    />\n                    <sc-suggestion-field\n                        *tuiDataList\n                        [type]=\"suggestionType.organization\"\n                    />\n                </tui-input>\n                <tui-error\n                    formControlName=\"inn\"\n                    [error]=\"[] | tuiFieldError | async\"\n                />\n            </label>\n            <label tuiLabel>\n                \u041A\u043E\u0434 \u041E\u041A\u041F\u041E\n                <tui-input formControlName=\"okpo\">\n                    \u041A\u043E\u0434 \u041E\u041A\u041F\u041E\n                    <input\n                        tuiTextfieldLegacy\n                        [maskito]=\"okpoMask(selectOpf)\"\n                        autocomplete=\"okpo\"\n                    />\n                </tui-input>\n                <tui-error\n                    formControlName=\"okpo\"\n                    [error]=\"[] | tuiFieldError | async\"\n                />\n            </label>\n        }\n        <label tuiLabel>\n            \u0424.\u0418.\u041E. \u0440\u0443\u043A\u043E\u0432\u043E\u0434\u0438\u0442\u0435\u043B\u044F\n            <tui-input formControlName=\"directorName\">\n                \u0424.\u0418.\u041E. \u0440\u0443\u043A\u043E\u0432\u043E\u0434\u0438\u0442\u0435\u043B\u044F\n                <sc-suggestion-field\n                    *tuiDataList\n                    [type]=\"suggestionType.fio\"\n                />\n            </tui-input>\n            <tui-error\n                formControlName=\"directorName\"\n                [error]=\"[] | tuiFieldError | async\"\n            />\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-input formControlName=\"directorPosition\"> \u0414\u043E\u043B\u0436\u043D\u043E\u0441\u0442\u044C \u0440\u0443\u043A\u043E\u0432\u043E\u0434\u0438\u0442\u0435\u043B\u044F </tui-input>\n            <tui-error\n                formControlName=\"directorPosition\"\n                [error]=\"[] | tuiFieldError | async\"\n            />\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-input formControlName=\"directorActsOn\"> \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 </tui-input>\n            <tui-error\n                formControlName=\"directorActsOn\"\n                [error]=\"[] | tuiFieldError | async\"\n            />\n        </label>\n        <label tuiLabel>\n            \u042E\u0440\u0438\u0434\u0438\u0447\u0435\u0441\u043A\u0438\u0439 \u0430\u0434\u0440\u0435\u0441\n            <tui-input formControlName=\"legalAddress\">\n                \u042E\u0440\u0438\u0434\u0438\u0447\u0435\u0441\u043A\u0438\u0439 \u0430\u0434\u0440\u0435\u0441\n                <sc-suggestion-field\n                    *tuiDataList\n                    [type]=\"suggestionType.address\"\n                />\n            </tui-input>\n            <tui-error\n                formControlName=\"legalAddress\"\n                [error]=\"[] | tuiFieldError | async\"\n            />\n        </label>\n        <label tuiLabel>\n            \u041F\u043E\u0447\u0442\u043E\u0432\u044B\u0439 \u0430\u0434\u0440\u0435\u0441\n            <tui-input formControlName=\"postalAddress\">\n                \u041F\u043E\u0447\u0442\u043E\u0432\u044B\u0439 \u0430\u0434\u0440\u0435\u0441\n                <sc-suggestion-field\n                    *tuiDataList\n                    [type]=\"suggestionType.address\"\n                />\n            </tui-input>\n            <tui-error\n                formControlName=\"postalAddress\"\n                [error]=\"[] | tuiFieldError | async\"\n            />\n        </label>\n        <label tuiLabel>\n            \u0424\u0430\u043A\u0442\u0438\u0447\u0435\u0441\u043A\u0438\u0439 \u0430\u0434\u0440\u0435\u0441\n            <tui-input formControlName=\"actualAddress\">\n                \u0424\u0430\u043A\u0442\u0438\u0447\u0435\u0441\u043A\u0438\u0439 \u0430\u0434\u0440\u0435\u0441\n                <sc-suggestion-field\n                    *tuiDataList\n                    [type]=\"suggestionType.address\"\n                />\n            </tui-input>\n            <tui-error\n                formControlName=\"actualAddress\"\n                [error]=\"[] | tuiFieldError | async\"\n            />\n        </label>\n        @if (opfListEnum[selectOpf] !== opfListEnum.non_resident_legal) {\n            <label tuiLabel>\n                \u041A\u041F\u041F \u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0446\u0438\u0438\n                <tui-input formControlName=\"kpp\">\n                    \u041A\u041F\u041F \u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0446\u0438\u0438\n                    <input\n                        tuiTextfieldLegacy\n                        [maskito]=\"kppMask\"\n                        autocomplete=\"kpp\"\n                    />\n                </tui-input>\n                <tui-error\n                    formControlName=\"kpp\"\n                    [error]=\"[] | tuiFieldError | async\"\n                />\n            </label>\n        }\n    }\n    @if (opfListEnum[selectOpf] === opfListEnum.non_resident_legal) {\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-select\n                formControlName=\"registrationCountryId\"\n                [valueContent]=\"CountryContent\"\n            >\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-data-list *tuiDataList>\n                    <button\n                        *ngFor=\"let item of getCountries$() | async; let index = index\"\n                        tuiOption\n                        [value]=\"item.id\"\n                    >\n                        {{ item.name }}\n                    </button>\n                </tui-data-list>\n            </tui-select>\n            <ng-template\n                #CountryContent\n                let-data\n            >\n                <div>{{ (getCountriesById$(data) | async)?.name }}</div>\n            </ng-template>\n            <tui-error\n                formControlName=\"registrationCountryId\"\n                [error]=\"[] | tuiFieldError | async\"\n            />\n        </label>\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-input formControlName=\"registrationNumber\"> \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 </tui-input>\n            <tui-error\n                formControlName=\"registrationNumber\"\n                [error]=\"[] | tuiFieldError | async\"\n            />\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-input formControlName=\"taxNumber\"> \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 </tui-input>\n            <tui-error\n                formControlName=\"taxNumber\"\n                [error]=\"[] | tuiFieldError | async\"\n            />\n        </label>\n    }\n</div>\n", styles: ["tui-carousel{--tui-carousel-padding: .5rem}\n"], dependencies: [{ kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i2$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i1$1.TuiError, selector: "tui-error", inputs: ["error"] }, { kind: "component", type: i5.TuiSelectComponent, selector: "tui-select", inputs: ["stringify", "identityMatcher", "valueContent"] }, { kind: "directive", type: i5.TuiSelectDirective, selector: "tui-select" }, { kind: "component", type: i6.TuiTextfieldComponent, selector: "input[tuiTextfieldLegacy], textarea[tuiTextfieldLegacy]" }, { kind: "component", type: i1$1.TuiDataListComponent, selector: "tui-data-list", inputs: ["emptyContent", "size"] }, { kind: "directive", type: i3$1.TuiDataListDirective, selector: "ng-template[tuiDataList]" }, { kind: "component", type: i1$1.TuiOption, selector: "button[tuiOption]:not([new]), a[tuiOption]:not([new]), label[tuiOption]:not([new])", inputs: ["disabled", "value"] }, { kind: "directive", type: i1$1.TuiLabel, selector: "label[tuiLabel]" }, { kind: "component", type: i5.TuiInputComponent, selector: "tui-input" }, { kind: "directive", type: i5.TuiInputDirective, selector: "tui-input" }, { kind: "directive", type: i8.MaskitoDirective, selector: "[maskito]", inputs: ["maskito", "maskitoElement"] }, { kind: "component", type: ScSuggestionFieldComponent, selector: "sc-suggestion-field", inputs: ["type"], outputs: ["selectedClick"] }, { kind: "pipe", type: i2$2.AsyncPipe, name: "async" }, { kind: "pipe", type: i2$1.TuiFieldErrorPipe, name: "tuiFieldError" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: ScNewContragentFormComponent, selector: "sc-new-contragent-form", inputs: { opfControl: "opfControl" }, ngImport: i0, template: "<div\n    [formGroup]=\"form\"\n    *ngIf=\"selectOpf$ | async as selectOpf\"\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-select\n            formControlName=\"opf\"\n            [valueContent]=\"opfContent\"\n            [readOnly]=\"!!opfControl\"\n        >\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-data-list *tuiDataList>\n                <button\n                    *ngFor=\"let item of getOpf$() | async; let index = index\"\n                    tuiOption\n                    [value]=\"item.slug\"\n                >\n                    {{ item.name }}\n                </button>\n            </tui-data-list>\n        </tui-select>\n        <ng-template\n            #opfContent\n            let-data\n        >\n            <div>{{ (getOpfBySlug$(data) | async)?.name }}</div>\n        </ng-template>\n        <tui-error\n            formControlName=\"opf\"\n            [error]=\"[] | tuiFieldError | async\"\n        />\n    </label>\n    <label tuiLabel>\n        {{ 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        <tui-input formControlName=\"name\">\n            @if (opfListEnum[selectOpf] === opfListEnum.individual || opfListEnum[selectOpf] === opfListEnum.non_resident_legal) {\n                \u0424.\u0418.\u041E.\n                <sc-suggestion-field\n                    *tuiDataList\n                    [type]=\"suggestionType.fio\"\n                />\n            } @else {\n                \u041D\u0430\u0437\u0432\u0430\u043D\u0438\u0435 \u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0446\u0438\u0438\n                <sc-suggestion-field\n                    *tuiDataList\n                    [type]=\"suggestionType.organization\"\n                />\n            }\n        </tui-input>\n        <tui-error\n            formControlName=\"name\"\n            [error]=\"[] | tuiFieldError | async\"\n        />\n    </label>\n    @if (opfListEnum[selectOpf] !== opfListEnum.individual) {\n        @if (opfListEnum[selectOpf] !== opfListEnum.non_resident_legal) {\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-input formControlName=\"inn\">\n                    \u0418\u041D\u041D \u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0446\u0438\u0438 \u0438\u043B\u0438 \u0418\u041F\n                    <input\n                        tuiTextfieldLegacy\n                        [maskito]=\"innMask(selectOpf)\"\n                        autocomplete=\"inn\"\n                    />\n                    <sc-suggestion-field\n                        *tuiDataList\n                        [type]=\"suggestionType.organization\"\n                    />\n                </tui-input>\n                <tui-error\n                    formControlName=\"inn\"\n                    [error]=\"[] | tuiFieldError | async\"\n                />\n            </label>\n            <label tuiLabel>\n                \u041A\u043E\u0434 \u041E\u041A\u041F\u041E\n                <tui-input formControlName=\"okpo\">\n                    \u041A\u043E\u0434 \u041E\u041A\u041F\u041E\n                    <input\n                        tuiTextfieldLegacy\n                        [maskito]=\"okpoMask(selectOpf)\"\n                        autocomplete=\"okpo\"\n                    />\n                </tui-input>\n                <tui-error\n                    formControlName=\"okpo\"\n                    [error]=\"[] | tuiFieldError | async\"\n                />\n            </label>\n        }\n        <label tuiLabel>\n            \u0424.\u0418.\u041E. \u0440\u0443\u043A\u043E\u0432\u043E\u0434\u0438\u0442\u0435\u043B\u044F\n            <tui-input formControlName=\"directorName\">\n                \u0424.\u0418.\u041E. \u0440\u0443\u043A\u043E\u0432\u043E\u0434\u0438\u0442\u0435\u043B\u044F\n                <sc-suggestion-field\n                    *tuiDataList\n                    [type]=\"suggestionType.fio\"\n                />\n            </tui-input>\n            <tui-error\n                formControlName=\"directorName\"\n                [error]=\"[] | tuiFieldError | async\"\n            />\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-input formControlName=\"directorPosition\"> \u0414\u043E\u043B\u0436\u043D\u043E\u0441\u0442\u044C \u0440\u0443\u043A\u043E\u0432\u043E\u0434\u0438\u0442\u0435\u043B\u044F </tui-input>\n            <tui-error\n                formControlName=\"directorPosition\"\n                [error]=\"[] | tuiFieldError | async\"\n            />\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-input formControlName=\"directorActsOn\"> \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 </tui-input>\n            <tui-error\n                formControlName=\"directorActsOn\"\n                [error]=\"[] | tuiFieldError | async\"\n            />\n        </label>\n        <label tuiLabel>\n            \u042E\u0440\u0438\u0434\u0438\u0447\u0435\u0441\u043A\u0438\u0439 \u0430\u0434\u0440\u0435\u0441\n            <tui-input formControlName=\"legalAddress\">\n                \u042E\u0440\u0438\u0434\u0438\u0447\u0435\u0441\u043A\u0438\u0439 \u0430\u0434\u0440\u0435\u0441\n                @if (opfListEnum[selectOpf] !== opfListEnum.non_resident_legal) {\n                    <sc-suggestion-field\n                        *tuiDataList\n                        [type]=\"suggestionType.address\"\n                    />\n                }\n            </tui-input>\n            <tui-error\n                formControlName=\"legalAddress\"\n                [error]=\"[] | tuiFieldError | async\"\n            />\n        </label>\n        <label tuiLabel>\n            \u041F\u043E\u0447\u0442\u043E\u0432\u044B\u0439 \u0430\u0434\u0440\u0435\u0441\n            <tui-input formControlName=\"postalAddress\">\n                \u041F\u043E\u0447\u0442\u043E\u0432\u044B\u0439 \u0430\u0434\u0440\u0435\u0441\n                @if (opfListEnum[selectOpf] !== opfListEnum.non_resident_legal) {\n                    <sc-suggestion-field\n                        *tuiDataList\n                        [type]=\"suggestionType.address\"\n                    />\n                }\n            </tui-input>\n            <tui-error\n                formControlName=\"postalAddress\"\n                [error]=\"[] | tuiFieldError | async\"\n            />\n        </label>\n        <label tuiLabel>\n            \u0424\u0430\u043A\u0442\u0438\u0447\u0435\u0441\u043A\u0438\u0439 \u0430\u0434\u0440\u0435\u0441\n            <tui-input formControlName=\"actualAddress\">\n                \u0424\u0430\u043A\u0442\u0438\u0447\u0435\u0441\u043A\u0438\u0439 \u0430\u0434\u0440\u0435\u0441\n                @if (opfListEnum[selectOpf] !== opfListEnum.non_resident_legal) {\n                    <sc-suggestion-field\n                        *tuiDataList\n                        [type]=\"suggestionType.address\"\n                    />\n                }\n            </tui-input>\n            <tui-error\n                formControlName=\"actualAddress\"\n                [error]=\"[] | tuiFieldError | async\"\n            />\n        </label>\n        @if (opfListEnum[selectOpf] !== opfListEnum.non_resident_legal) {\n            <label tuiLabel>\n                \u041A\u041F\u041F \u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0446\u0438\u0438\n                <tui-input formControlName=\"kpp\">\n                    \u041A\u041F\u041F \u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0446\u0438\u0438\n                    <input\n                        tuiTextfieldLegacy\n                        [maskito]=\"kppMask\"\n                        autocomplete=\"kpp\"\n                    />\n                </tui-input>\n                <tui-error\n                    formControlName=\"kpp\"\n                    [error]=\"[] | tuiFieldError | async\"\n                />\n            </label>\n        }\n    }\n    @if (opfListEnum[selectOpf] === opfListEnum.non_resident_legal) {\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-select\n                formControlName=\"registrationCountryId\"\n                [valueContent]=\"CountryContent\"\n            >\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-data-list *tuiDataList>\n                    <button\n                        *ngFor=\"let item of getCountries$() | async; let index = index\"\n                        tuiOption\n                        [value]=\"item.id\"\n                    >\n                        {{ item.name }}\n                    </button>\n                </tui-data-list>\n            </tui-select>\n            <ng-template\n                #CountryContent\n                let-data\n            >\n                <div>{{ (getCountriesById$(data) | async)?.name }}</div>\n            </ng-template>\n            <tui-error\n                formControlName=\"registrationCountryId\"\n                [error]=\"[] | tuiFieldError | async\"\n            />\n        </label>\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-input formControlName=\"registrationNumber\"> \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 </tui-input>\n            <tui-error\n                formControlName=\"registrationNumber\"\n                [error]=\"[] | tuiFieldError | async\"\n            />\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-input formControlName=\"taxNumber\"> \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 </tui-input>\n            <tui-error\n                formControlName=\"taxNumber\"\n                [error]=\"[] | tuiFieldError | async\"\n            />\n        </label>\n    }\n</div>\n", styles: ["tui-carousel{--tui-carousel-padding: .5rem}\n"], dependencies: [{ kind: "directive", type: i2$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2$3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i2$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i1$1.TuiError, selector: "tui-error", inputs: ["error"] }, { kind: "component", type: i3.TuiSelectComponent, selector: "tui-select", inputs: ["stringify", "identityMatcher", "valueContent"] }, { kind: "directive", type: i3.TuiSelectDirective, selector: "tui-select" }, { kind: "component", type: i4.TuiTextfieldComponent, selector: "input[tuiTextfieldLegacy], textarea[tuiTextfieldLegacy]" }, { kind: "component", type: i1$1.TuiDataListComponent, selector: "tui-data-list", inputs: ["emptyContent", "size"] }, { kind: "directive", type: i3$1.TuiDataListDirective, selector: "ng-template[tuiDataList]" }, { kind: "component", type: i1$1.TuiOption, selector: "button[tuiOption]:not([new]), a[tuiOption]:not([new]), label[tuiOption]:not([new])", inputs: ["disabled", "value"] }, { kind: "directive", type: i1$1.TuiLabel, selector: "label[tuiLabel]" }, { kind: "component", type: i3.TuiInputComponent, selector: "tui-input" }, { kind: "directive", type: i3.TuiInputDirective, selector: "tui-input" }, { kind: "directive", type: i8.MaskitoDirective, selector: "[maskito]", inputs: ["maskito", "maskitoElement"] }, { kind: "component", type: ScSuggestionFieldComponent, selector: "sc-suggestion-field", inputs: ["type"], outputs: ["selectedClick"] }, { kind: "pipe", type: i2$2.AsyncPipe, name: "async" }, { kind: "pipe", type: i2$1.TuiFieldErrorPipe, name: "tuiFieldError" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ScNewContragentFormComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sc-new-contragent-form', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n    [formGroup]=\"form\"\n    *ngIf=\"selectOpf$ | async as selectOpf\"\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-select\n            formControlName=\"opf\"\n            [valueContent]=\"opfContent\"\n            [readOnly]=\"!!opfControl\"\n        >\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-data-list *tuiDataList>\n                <button\n                    *ngFor=\"let item of getOpf$() | async; let index = index\"\n                    tuiOption\n                    [value]=\"item.slug\"\n                >\n                    {{ item.name }}\n                </button>\n            </tui-data-list>\n        </tui-select>\n        <ng-template\n            #opfContent\n            let-data\n        >\n            <div>{{ (getOpfBySlug$(data) | async)?.name }}</div>\n        </ng-template>\n        <tui-error\n            formControlName=\"opf\"\n            [error]=\"[] | tuiFieldError | async\"\n        />\n    </label>\n    <label tuiLabel>\n        {{ 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        <tui-input formControlName=\"name\">\n            @if (opfListEnum[selectOpf] === opfListEnum.individual) {\n                \u0424.\u0418.\u041E.\n                <sc-suggestion-field\n                    *tuiDataList\n                    [type]=\"suggestionType.fio\"\n                />\n            } @else {\n                \u041D\u0430\u0437\u0432\u0430\u043D\u0438\u0435 \u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0446\u0438\u0438\n                <sc-suggestion-field\n                    *tuiDataList\n                    [type]=\"suggestionType.organization\"\n                />\n            }\n        </tui-input>\n        <tui-error\n            formControlName=\"name\"\n            [error]=\"[] | tuiFieldError | async\"\n        />\n    </label>\n    @if (opfListEnum[selectOpf] !== opfListEnum.individual) {\n        @if (opfListEnum[selectOpf] !== opfListEnum.non_resident_legal) {\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-input formControlName=\"inn\">\n                    \u0418\u041D\u041D \u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0446\u0438\u0438 \u0438\u043B\u0438 \u0418\u041F\n                    <input\n                        tuiTextfieldLegacy\n                        [maskito]=\"innMask(selectOpf)\"\n                        autocomplete=\"inn\"\n                    />\n                    <sc-suggestion-field\n                        *tuiDataList\n                        [type]=\"suggestionType.organization\"\n                    />\n                </tui-input>\n                <tui-error\n                    formControlName=\"inn\"\n                    [error]=\"[] | tuiFieldError | async\"\n                />\n            </label>\n            <label tuiLabel>\n                \u041A\u043E\u0434 \u041E\u041A\u041F\u041E\n                <tui-input formControlName=\"okpo\">\n                    \u041A\u043E\u0434 \u041E\u041A\u041F\u041E\n                    <input\n                        tuiTextfieldLegacy\n                        [maskito]=\"okpoMask(selectOpf)\"\n                        autocomplete=\"okpo\"\n                    />\n                </tui-input>\n                <tui-error\n                    formControlName=\"okpo\"\n                    [error]=\"[] | tuiFieldError | async\"\n                />\n            </label>\n        }\n        <label tuiLabel>\n            \u0424.\u0418.\u041E. \u0440\u0443\u043A\u043E\u0432\u043E\u0434\u0438\u0442\u0435\u043B\u044F\n            <tui-input formControlName=\"directorName\">\n                \u0424.\u0418.\u041E. \u0440\u0443\u043A\u043E\u0432\u043E\u0434\u0438\u0442\u0435\u043B\u044F\n                <sc-suggestion-field\n                    *tuiDataList\n                    [type]=\"suggestionType.fio\"\n                />\n            </tui-input>\n            <tui-error\n                formControlName=\"directorName\"\n                [error]=\"[] | tuiFieldError | async\"\n            />\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-input formControlName=\"directorPosition\"> \u0414\u043E\u043B\u0436\u043D\u043E\u0441\u0442\u044C \u0440\u0443\u043A\u043E\u0432\u043E\u0434\u0438\u0442\u0435\u043B\u044F </tui-input>\n            <tui-error\n                formControlName=\"directorPosition\"\n                [error]=\"[] | tuiFieldError | async\"\n            />\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-input formControlName=\"directorActsOn\"> \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 </tui-input>\n            <tui-error\n                formControlName=\"directorActsOn\"\n                [error]=\"[] | tuiFieldError | async\"\n            />\n        </label>\n        <label tuiLabel>\n            \u042E\u0440\u0438\u0434\u0438\u0447\u0435\u0441\u043A\u0438\u0439 \u0430\u0434\u0440\u0435\u0441\n            <tui-input formControlName=\"legalAddress\">\n                \u042E\u0440\u0438\u0434\u0438\u0447\u0435\u0441\u043A\u0438\u0439 \u0430\u0434\u0440\u0435\u0441\n                <sc-suggestion-field\n                    *tuiDataList\n                    [type]=\"suggestionType.address\"\n                />\n            </tui-input>\n            <tui-error\n                formControlName=\"legalAddress\"\n                [error]=\"[] | tuiFieldError | async\"\n            />\n        </label>\n        <label tuiLabel>\n            \u041F\u043E\u0447\u0442\u043E\u0432\u044B\u0439 \u0430\u0434\u0440\u0435\u0441\n            <tui-input formControlName=\"postalAddress\">\n                \u041F\u043E\u0447\u0442\u043E\u0432\u044B\u0439 \u0430\u0434\u0440\u0435\u0441\n                <sc-suggestion-field\n                    *tuiDataList\n                    [type]=\"suggestionType.address\"\n                />\n            </tui-input>\n            <tui-error\n                formControlName=\"postalAddress\"\n                [error]=\"[] | tuiFieldError | async\"\n            />\n        </label>\n        <label tuiLabel>\n            \u0424\u0430\u043A\u0442\u0438\u0447\u0435\u0441\u043A\u0438\u0439 \u0430\u0434\u0440\u0435\u0441\n            <tui-input formControlName=\"actualAddress\">\n                \u0424\u0430\u043A\u0442\u0438\u0447\u0435\u0441\u043A\u0438\u0439 \u0430\u0434\u0440\u0435\u0441\n                <sc-suggestion-field\n                    *tuiDataList\n                    [type]=\"suggestionType.address\"\n                />\n            </tui-input>\n            <tui-error\n                formControlName=\"actualAddress\"\n                [error]=\"[] | tuiFieldError | async\"\n            />\n        </label>\n        @if (opfListEnum[selectOpf] !== opfListEnum.non_resident_legal) {\n            <label tuiLabel>\n                \u041A\u041F\u041F \u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0446\u0438\u0438\n                <tui-input formControlName=\"kpp\">\n                    \u041A\u041F\u041F \u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0446\u0438\u0438\n                    <input\n                        tuiTextfieldLegacy\n                        [maskito]=\"kppMask\"\n                        autocomplete=\"kpp\"\n                    />\n                </tui-input>\n                <tui-error\n                    formControlName=\"kpp\"\n                    [error]=\"[] | tuiFieldError | async\"\n                />\n            </label>\n        }\n    }\n    @if (opfListEnum[selectOpf] === opfListEnum.non_resident_legal) {\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-select\n                formControlName=\"registrationCountryId\"\n                [valueContent]=\"CountryContent\"\n            >\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-data-list *tuiDataList>\n                    <button\n                        *ngFor=\"let item of getCountries$() | async; let index = index\"\n                        tuiOption\n                        [value]=\"item.id\"\n                    >\n                        {{ item.name }}\n                    </button>\n                </tui-data-list>\n            </tui-select>\n            <ng-template\n                #CountryContent\n                let-data\n            >\n                <div>{{ (getCountriesById$(data) | async)?.name }}</div>\n            </ng-template>\n            <tui-error\n                formControlName=\"registrationCountryId\"\n                [error]=\"[] | tuiFieldError | async\"\n            />\n        </label>\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-input formControlName=\"registrationNumber\"> \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 </tui-input>\n            <tui-error\n                formControlName=\"registrationNumber\"\n                [error]=\"[] | tuiFieldError | async\"\n            />\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-input formControlName=\"taxNumber\"> \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 </tui-input>\n            <tui-error\n                formControlName=\"taxNumber\"\n                [error]=\"[] | tuiFieldError | async\"\n            />\n        </label>\n    }\n</div>\n", styles: ["tui-carousel{--tui-carousel-padding: .5rem}\n"] }]
-        }], ctorParameters: () => [{ type: i1.ScReferencesService }, { type: i1.ScLocationsService }, { type: i3.FormGroupDirective, decorators: [{
+            args: [{ selector: 'sc-new-contragent-form', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n    [formGroup]=\"form\"\n    *ngIf=\"selectOpf$ | async as selectOpf\"\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-select\n            formControlName=\"opf\"\n            [valueContent]=\"opfContent\"\n            [readOnly]=\"!!opfControl\"\n        >\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-data-list *tuiDataList>\n                <button\n                    *ngFor=\"let item of getOpf$() | async; let index = index\"\n                    tuiOption\n                    [value]=\"item.slug\"\n                >\n                    {{ item.name }}\n                </button>\n            </tui-data-list>\n        </tui-select>\n        <ng-template\n            #opfContent\n            let-data\n        >\n            <div>{{ (getOpfBySlug$(data) | async)?.name }}</div>\n        </ng-template>\n        <tui-error\n            formControlName=\"opf\"\n            [error]=\"[] | tuiFieldError | async\"\n        />\n    </label>\n    <label tuiLabel>\n        {{ 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        <tui-input formControlName=\"name\">\n            @if (opfListEnum[selectOpf] === opfListEnum.individual || opfListEnum[selectOpf] === opfListEnum.non_resident_legal) {\n                \u0424.\u0418.\u041E.\n                <sc-suggestion-field\n                    *tuiDataList\n                    [type]=\"suggestionType.fio\"\n                />\n            } @else {\n                \u041D\u0430\u0437\u0432\u0430\u043D\u0438\u0435 \u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0446\u0438\u0438\n                <sc-suggestion-field\n                    *tuiDataList\n                    [type]=\"suggestionType.organization\"\n                />\n            }\n        </tui-input>\n        <tui-error\n            formControlName=\"name\"\n            [error]=\"[] | tuiFieldError | async\"\n        />\n    </label>\n    @if (opfListEnum[selectOpf] !== opfListEnum.individual) {\n        @if (opfListEnum[selectOpf] !== opfListEnum.non_resident_legal) {\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-input formControlName=\"inn\">\n                    \u0418\u041D\u041D \u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0446\u0438\u0438 \u0438\u043B\u0438 \u0418\u041F\n                    <input\n                        tuiTextfieldLegacy\n                        [maskito]=\"innMask(selectOpf)\"\n                        autocomplete=\"inn\"\n                    />\n                    <sc-suggestion-field\n                        *tuiDataList\n                        [type]=\"suggestionType.organization\"\n                    />\n                </tui-input>\n                <tui-error\n                    formControlName=\"inn\"\n                    [error]=\"[] | tuiFieldError | async\"\n                />\n            </label>\n            <label tuiLabel>\n                \u041A\u043E\u0434 \u041E\u041A\u041F\u041E\n                <tui-input formControlName=\"okpo\">\n                    \u041A\u043E\u0434 \u041E\u041A\u041F\u041E\n                    <input\n                        tuiTextfieldLegacy\n                        [maskito]=\"okpoMask(selectOpf)\"\n                        autocomplete=\"okpo\"\n                    />\n                </tui-input>\n                <tui-error\n                    formControlName=\"okpo\"\n                    [error]=\"[] | tuiFieldError | async\"\n                />\n            </label>\n        }\n        <label tuiLabel>\n            \u0424.\u0418.\u041E. \u0440\u0443\u043A\u043E\u0432\u043E\u0434\u0438\u0442\u0435\u043B\u044F\n            <tui-input formControlName=\"directorName\">\n                \u0424.\u0418.\u041E. \u0440\u0443\u043A\u043E\u0432\u043E\u0434\u0438\u0442\u0435\u043B\u044F\n                <sc-suggestion-field\n                    *tuiDataList\n                    [type]=\"suggestionType.fio\"\n                />\n            </tui-input>\n            <tui-error\n                formControlName=\"directorName\"\n                [error]=\"[] | tuiFieldError | async\"\n            />\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-input formControlName=\"directorPosition\"> \u0414\u043E\u043B\u0436\u043D\u043E\u0441\u0442\u044C \u0440\u0443\u043A\u043E\u0432\u043E\u0434\u0438\u0442\u0435\u043B\u044F </tui-input>\n            <tui-error\n                formControlName=\"directorPosition\"\n                [error]=\"[] | tuiFieldError | async\"\n            />\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-input formControlName=\"directorActsOn\"> \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 </tui-input>\n            <tui-error\n                formControlName=\"directorActsOn\"\n                [error]=\"[] | tuiFieldError | async\"\n            />\n        </label>\n        <label tuiLabel>\n            \u042E\u0440\u0438\u0434\u0438\u0447\u0435\u0441\u043A\u0438\u0439 \u0430\u0434\u0440\u0435\u0441\n            <tui-input formControlName=\"legalAddress\">\n                \u042E\u0440\u0438\u0434\u0438\u0447\u0435\u0441\u043A\u0438\u0439 \u0430\u0434\u0440\u0435\u0441\n                @if (opfListEnum[selectOpf] !== opfListEnum.non_resident_legal) {\n                    <sc-suggestion-field\n                        *tuiDataList\n                        [type]=\"suggestionType.address\"\n                    />\n                }\n            </tui-input>\n            <tui-error\n                formControlName=\"legalAddress\"\n                [error]=\"[] | tuiFieldError | async\"\n            />\n        </label>\n        <label tuiLabel>\n            \u041F\u043E\u0447\u0442\u043E\u0432\u044B\u0439 \u0430\u0434\u0440\u0435\u0441\n            <tui-input formControlName=\"postalAddress\">\n                \u041F\u043E\u0447\u0442\u043E\u0432\u044B\u0439 \u0430\u0434\u0440\u0435\u0441\n                @if (opfListEnum[selectOpf] !== opfListEnum.non_resident_legal) {\n                    <sc-suggestion-field\n                        *tuiDataList\n                        [type]=\"suggestionType.address\"\n                    />\n                }\n            </tui-input>\n            <tui-error\n                formControlName=\"postalAddress\"\n                [error]=\"[] | tuiFieldError | async\"\n            />\n        </label>\n        <label tuiLabel>\n            \u0424\u0430\u043A\u0442\u0438\u0447\u0435\u0441\u043A\u0438\u0439 \u0430\u0434\u0440\u0435\u0441\n            <tui-input formControlName=\"actualAddress\">\n                \u0424\u0430\u043A\u0442\u0438\u0447\u0435\u0441\u043A\u0438\u0439 \u0430\u0434\u0440\u0435\u0441\n                @if (opfListEnum[selectOpf] !== opfListEnum.non_resident_legal) {\n                    <sc-suggestion-field\n                        *tuiDataList\n                        [type]=\"suggestionType.address\"\n                    />\n                }\n            </tui-input>\n            <tui-error\n                formControlName=\"actualAddress\"\n                [error]=\"[] | tuiFieldError | async\"\n            />\n        </label>\n        @if (opfListEnum[selectOpf] !== opfListEnum.non_resident_legal) {\n            <label tuiLabel>\n                \u041A\u041F\u041F \u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0446\u0438\u0438\n                <tui-input formControlName=\"kpp\">\n                    \u041A\u041F\u041F \u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0446\u0438\u0438\n                    <input\n                        tuiTextfieldLegacy\n                        [maskito]=\"kppMask\"\n                        autocomplete=\"kpp\"\n                    />\n                </tui-input>\n                <tui-error\n                    formControlName=\"kpp\"\n                    [error]=\"[] | tuiFieldError | async\"\n                />\n            </label>\n        }\n    }\n    @if (opfListEnum[selectOpf] === opfListEnum.non_resident_legal) {\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-select\n                formControlName=\"registrationCountryId\"\n                [valueContent]=\"CountryContent\"\n            >\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-data-list *tuiDataList>\n                    <button\n                        *ngFor=\"let item of getCountries$() | async; let index = index\"\n                        tuiOption\n                        [value]=\"item.id\"\n                    >\n                        {{ item.name }}\n                    </button>\n                </tui-data-list>\n            </tui-select>\n            <ng-template\n                #CountryContent\n                let-data\n            >\n                <div>{{ (getCountriesById$(data) | async)?.name }}</div>\n            </ng-template>\n            <tui-error\n                formControlName=\"registrationCountryId\"\n                [error]=\"[] | tuiFieldError | async\"\n            />\n        </label>\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-input formControlName=\"registrationNumber\"> \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 </tui-input>\n            <tui-error\n                formControlName=\"registrationNumber\"\n                [error]=\"[] | tuiFieldError | async\"\n            />\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-input formControlName=\"taxNumber\"> \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 </tui-input>\n            <tui-error\n                formControlName=\"taxNumber\"\n                [error]=\"[] | tuiFieldError | async\"\n            />\n        </label>\n    }\n</div>\n", styles: ["tui-carousel{--tui-carousel-padding: .5rem}\n"] }]
+        }], ctorParameters: () => [{ type: i1.ScReferencesService }, { type: i1.ScLocationsService }, { type: i2$3.FormGroupDirective, decorators: [{
                     type: SkipSelf
                 }, {
                     type: Inject,
@@ -2092,13 +2100,17 @@ class ScNewContactFormComponent {
          * Перечисление типов подсказок.
          */
         this.suggestionType = ScISuggestionType;
+        /**
+         * Список стран.
+         */
+        this.countries = getCountries();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ScNewContactFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ScNewContactFormComponent, selector: "sc-new-contact-form", inputs: { form: "form" }, ngImport: i0, template: "<div\n    [formGroup]=\"form\"\n    class=\"flex flex-col gap-3\"\n>\n    <label tuiLabel>\n        \u0424.\u0418.\u041E.\n        <tui-input formControlName=\"name\">\n            \u0424.\u0418.\u041E.\n            <sc-suggestion-field\n                *tuiDataList\n                [type]=\"suggestionType.fio\"\n            ></sc-suggestion-field>\n        </tui-input>\n        <tui-error\n            formControlName=\"name\"\n            [error]=\"[] | tuiFieldError | async\"\n        ></tui-error>\n    </label>\n    <label tuiLabel>\n        \u0422\u0435\u043B\u0435\u0444\u043E\u043D\n        <tui-input-phone formControlName=\"phone\"> \u0422\u0435\u043B\u0435\u0444\u043E\u043D </tui-input-phone>\n        <tui-error\n            formControlName=\"phone\"\n            [error]=\"[] | tuiFieldError | async\"\n        ></tui-error>\n    </label>\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-input formControlName=\"email\">\n            \u0410\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B\n            <sc-suggestion-field\n                *tuiDataList\n                [type]=\"suggestionType.email\"\n            ></sc-suggestion-field>\n        </tui-input>\n        <tui-error\n            formControlName=\"email\"\n            [error]=\"[] | tuiFieldError | async\"\n        ></tui-error>\n    </label>\n\n    <label tuiLabel>\n        \u0414\u043E\u043B\u0436\u043D\u043E\u0441\u0442\u044C \u043A\u043E\u043D\u0442\u0430\u043A\u0442\u043D\u043E\u0433\u043E \u043B\u0438\u0446\u0430\n        <tui-input formControlName=\"position\"> \u0414\u043E\u043B\u0436\u043D\u043E\u0441\u0442\u044C \u043A\u043E\u043D\u0442\u0430\u043A\u0442\u043D\u043E\u0433\u043E \u043B\u0438\u0446\u0430 </tui-input>\n        <tui-error\n            formControlName=\"position\"\n            [error]=\"[] | tuiFieldError | async\"\n        ></tui-error>\n    </label>\n</div>\n", dependencies: [{ kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: ScSuggestionFieldComponent, selector: "sc-suggestion-field", inputs: ["type"], outputs: ["selectedClick"] }, { kind: "directive", type: i3$1.TuiDataListDirective, selector: "ng-template[tuiDataList]" }, { kind: "directive", type: i1$1.TuiLabel, selector: "label[tuiLabel]" }, { kind: "component", type: i5.TuiInputComponent, selector: "tui-input" }, { kind: "directive", type: i5.TuiInputDirective, selector: "tui-input" }, { kind: "component", type: i5.TuiInputPhoneComponent, selector: "tui-input-phone", inputs: ["phoneMaskAfterCountryCode", "allowText", "search", "countryCode"], outputs: ["searchChange"] }, { kind: "directive", type: i5.TuiInputPhoneDirective, selector: "tui-input-phone" }, { kind: "component", type: i1$1.TuiError, selector: "tui-error", inputs: ["error"] }, { kind: "pipe", type: i2$2.AsyncPipe, name: "async" }, { kind: "pipe", type: i2$1.TuiFieldErrorPipe, name: "tuiFieldError" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ScNewContactFormComponent, selector: "sc-new-contact-form", inputs: { form: "form" }, ngImport: i0, template: "<div\n    [formGroup]=\"form\"\n    class=\"flex flex-col gap-3\"\n>\n    <label tuiLabel>\n        \u0424.\u0418.\u041E.\n        <tui-input formControlName=\"name\">\n            \u0424.\u0418.\u041E.\n            <sc-suggestion-field\n                *tuiDataList\n                [type]=\"suggestionType.fio\"\n            />\n        </tui-input>\n        <tui-error\n            formControlName=\"name\"\n            [error]=\"[] | tuiFieldError | async\"\n        />\n    </label>\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 | async) || []\"\n                autocomplete=\"phone\"\n            />\n        </tui-textfield>\n        <tui-error\n            formControlName=\"phone\"\n            [error]=\"[] | tuiFieldError | async\"\n        />\n    </label>\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-input formControlName=\"email\">\n            \u0410\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B\n            <sc-suggestion-field\n                *tuiDataList\n                [type]=\"suggestionType.email\"\n            />\n        </tui-input>\n        <tui-error\n            formControlName=\"email\"\n            [error]=\"[] | tuiFieldError | async\"\n        />\n    </label>\n\n    <label tuiLabel>\n        \u0414\u043E\u043B\u0436\u043D\u043E\u0441\u0442\u044C \u043A\u043E\u043D\u0442\u0430\u043A\u0442\u043D\u043E\u0433\u043E \u043B\u0438\u0446\u0430\n        <tui-input formControlName=\"position\"> \u0414\u043E\u043B\u0436\u043D\u043E\u0441\u0442\u044C \u043A\u043E\u043D\u0442\u0430\u043A\u0442\u043D\u043E\u0433\u043E \u043B\u0438\u0446\u0430 </tui-input>\n        <tui-error\n            formControlName=\"position\"\n            [error]=\"[] | tuiFieldError | async\"\n        />\n    </label>\n</div>\n", dependencies: [{ kind: "directive", type: i2$3.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: i2$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2$3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: ScSuggestionFieldComponent, selector: "sc-suggestion-field", inputs: ["type"], outputs: ["selectedClick"] }, { kind: "directive", type: i3$1.TuiDataListDirective, selector: "ng-template[tuiDataList]" }, { kind: "directive", type: i4$1.TuiLabel, selector: "label[tuiLabel]" }, { kind: "component", type: i3.TuiInputComponent, selector: "tui-input" }, { kind: "directive", type: i3.TuiInputDirective, selector: "tui-input" }, { kind: "component", type: i1$1.TuiError, selector: "tui-error", inputs: ["error"] }, { kind: "component", type: i11.TuiInputPhoneInternational, selector: "input[tuiInputPhoneInternational]", inputs: ["countrySearch", "countries", "countryIsoCode"], outputs: ["countryIsoCodeChange"] }, { kind: "component", type: i1$1.TuiTextfieldComponent, selector: "tui-textfield", inputs: ["content", "filler"] }, { kind: "pipe", type: i2$2.AsyncPipe, name: "async" }, { kind: "pipe", type: i2$1.TuiFieldErrorPipe, name: "tuiFieldError" }, { kind: "pipe", type: i2$1.TuiSortCountriesPipe, name: "tuiSortCountries" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ScNewContactFormComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sc-new-contact-form', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n    [formGroup]=\"form\"\n    class=\"flex flex-col gap-3\"\n>\n    <label tuiLabel>\n        \u0424.\u0418.\u041E.\n        <tui-input formControlName=\"name\">\n            \u0424.\u0418.\u041E.\n            <sc-suggestion-field\n                *tuiDataList\n                [type]=\"suggestionType.fio\"\n            ></sc-suggestion-field>\n        </tui-input>\n        <tui-error\n            formControlName=\"name\"\n            [error]=\"[] | tuiFieldError | async\"\n        ></tui-error>\n    </label>\n    <label tuiLabel>\n        \u0422\u0435\u043B\u0435\u0444\u043E\u043D\n        <tui-input-phone formControlName=\"phone\"> \u0422\u0435\u043B\u0435\u0444\u043E\u043D </tui-input-phone>\n        <tui-error\n            formControlName=\"phone\"\n            [error]=\"[] | tuiFieldError | async\"\n        ></tui-error>\n    </label>\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-input formControlName=\"email\">\n            \u0410\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B\n            <sc-suggestion-field\n                *tuiDataList\n                [type]=\"suggestionType.email\"\n            ></sc-suggestion-field>\n        </tui-input>\n        <tui-error\n            formControlName=\"email\"\n            [error]=\"[] | tuiFieldError | async\"\n        ></tui-error>\n    </label>\n\n    <label tuiLabel>\n        \u0414\u043E\u043B\u0436\u043D\u043E\u0441\u0442\u044C \u043A\u043E\u043D\u0442\u0430\u043A\u0442\u043D\u043E\u0433\u043E \u043B\u0438\u0446\u0430\n        <tui-input formControlName=\"position\"> \u0414\u043E\u043B\u0436\u043D\u043E\u0441\u0442\u044C \u043A\u043E\u043D\u0442\u0430\u043A\u0442\u043D\u043E\u0433\u043E \u043B\u0438\u0446\u0430 </tui-input>\n        <tui-error\n            formControlName=\"position\"\n            [error]=\"[] | tuiFieldError | async\"\n        ></tui-error>\n    </label>\n</div>\n" }]
+            args: [{ selector: 'sc-new-contact-form', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n    [formGroup]=\"form\"\n    class=\"flex flex-col gap-3\"\n>\n    <label tuiLabel>\n        \u0424.\u0418.\u041E.\n        <tui-input formControlName=\"name\">\n            \u0424.\u0418.\u041E.\n            <sc-suggestion-field\n                *tuiDataList\n                [type]=\"suggestionType.fio\"\n            />\n        </tui-input>\n        <tui-error\n            formControlName=\"name\"\n            [error]=\"[] | tuiFieldError | async\"\n        />\n    </label>\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 | async) || []\"\n                autocomplete=\"phone\"\n            />\n        </tui-textfield>\n        <tui-error\n            formControlName=\"phone\"\n            [error]=\"[] | tuiFieldError | async\"\n        />\n    </label>\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-input formControlName=\"email\">\n            \u0410\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B\n            <sc-suggestion-field\n                *tuiDataList\n                [type]=\"suggestionType.email\"\n            />\n        </tui-input>\n        <tui-error\n            formControlName=\"email\"\n            [error]=\"[] | tuiFieldError | async\"\n        />\n    </label>\n\n    <label tuiLabel>\n        \u0414\u043E\u043B\u0436\u043D\u043E\u0441\u0442\u044C \u043A\u043E\u043D\u0442\u0430\u043A\u0442\u043D\u043E\u0433\u043E \u043B\u0438\u0446\u0430\n        <tui-input formControlName=\"position\"> \u0414\u043E\u043B\u0436\u043D\u043E\u0441\u0442\u044C \u043A\u043E\u043D\u0442\u0430\u043A\u0442\u043D\u043E\u0433\u043E \u043B\u0438\u0446\u0430 </tui-input>\n        <tui-error\n            formControlName=\"position\"\n            [error]=\"[] | tuiFieldError | async\"\n        />\n    </label>\n</div>\n" }]
         }], propDecorators: { form: [{
                 type: Input
             }] } });
@@ -2403,11 +2415,11 @@ class ScSignUpFormComponent {
         this.clickOfferEvent.emit();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ScSignUpFormComponent, deps: [{ token: i1.ScUserService }, { token: i1.ScAuthService }, { token: i1.ScReferencesService }, { token: i1.ScConvertersService }, { token: i1.ScUserMetrikaService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: ScSignUpFormComponent, selector: "sc-sign-up-form", outputs: { successAuth: "successAuth", clickOfferEvent: "clickOfferEvent" }, host: { attributes: { "ngSkipHydration": "true" } }, providers: [tuiDropdownOptionsProvider({ limitWidth: 'fixed' })], ngImport: i0, template: "<form\n    *tuiLet=\"opfControl.value as selectOpf\"\n    [formGroup]=\"form\"\n    (ngSubmit)=\"onSubmit.next()\"\n    class=\"flex flex-col gap-5\"\n>\n    <ng-container *tuiLet=\"!!selectOpf && opfListEnum[selectOpf] === opfListEnum.individual as isIndividual\">\n        <tui-stepper\n            *ngIf=\"!isIndividual && form.controls.contragent\"\n            [(activeItemIndex)]=\"stepIndex\"\n        >\n            <button\n                *tuiRepeatTimes=\"let index of 4\"\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        </tui-stepper>\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-select\n                    [formControl]=\"opfControl\"\n                    [valueContent]=\"opfContent\"\n                >\n                    \u0422\u0438\u043F \u043A\u043B\u0438\u0435\u043D\u0442\u0430\n                    <tui-data-list *tuiDataList>\n                        <button\n                            *ngFor=\"let item of getOpf$() | async; let index = index\"\n                            tuiOption\n                            [value]=\"item.slug\"\n                        >\n                            {{ item.name }}\n                        </button>\n                    </tui-data-list>\n                </tui-select>\n                <ng-template\n                    #opfContent\n                    let-data\n                >\n                    <div>{{ (getOpfBySlug$(data) | async)?.name }}</div>\n                </ng-template>\n            </label>\n            <label tuiLabel>\n                {{ isIndividual ? '\u0424.\u0418.\u041E.' : '\u041D\u0430\u0437\u0432\u0430\u043D\u0438\u0435 \u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0446\u0438\u0438 \u0438\u043B\u0438 \u0418\u041F' }}\n                <tui-input formControlName=\"name\">\n                    {{ isIndividual ? '\u0424.\u0418.\u041E.' : '\u041D\u0430\u0437\u0432\u0430\u043D\u0438\u0435 \u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0446\u0438\u0438 \u0438\u043B\u0438 \u0418\u041F' }}\n                    @if (!isIndividual) {\n                        <sc-suggestion-field\n                            *tuiDataList\n                            [type]=\"suggestionType.organization\"\n                            (selectedClick)=\"onSelectedOrganization($event)\"\n                        />\n                    }\n                    <input\n                        tuiTextfieldLegacy\n                        autocomplete=\"new-password\"\n                    />\n                </tui-input>\n                <tui-error\n                    formControlName=\"name\"\n                    [error]=\"[] | tuiFieldError | async\"\n                />\n            </label>\n\n            <div class=\"grid items-start gap-5 sm:grid-cols-2\">\n                <sc-verification-phone-check-form [shouldBeBusy]=\"false\" />\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-input formControlName=\"email\">\n                        \u0410\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B\n                        <sc-suggestion-field\n                            *tuiDataList\n                            [type]=\"suggestionType.email\"\n                        />\n                    </tui-input>\n                    <tui-error\n                        formControlName=\"email\"\n                        [error]=\"[] | tuiFieldError | async\"\n                    />\n                </label>\n            </div>\n\n            <sc-addresses-selection-field />\n\n            <div class=\"grid items-start gap-5 sm:grid-cols-2\">\n                <label tuiLabel>\n                    \u041F\u0430\u0440\u043E\u043B\u044C\n                    <tui-input-password formControlName=\"password\">\n                        \u041F\u0430\u0440\u043E\u043B\u044C\n                        <input\n                            tuiTextfieldLegacy\n                            autocomplete=\"new-password\"\n                        />\n                    </tui-input-password>\n                    <tui-error\n                        formControlName=\"password\"\n                        [error]=\"[] | tuiFieldError | async\"\n                    />\n                </label>\n                <label tuiLabel>\n                    \u041F\u043E\u0432\u0442\u043E\u0440 \u043F\u0430\u0440\u043E\u043B\u044F\n                    <tui-input-password formControlName=\"passwordConfirm\">\n                        \u041F\u043E\u0432\u0442\u043E\u0440 \u043F\u0430\u0440\u043E\u043B\u044F\n                        <input\n                            tuiTextfieldLegacy\n                            autocomplete=\"new-password\"\n                        />\n                    </tui-input-password>\n                    <tui-error\n                        formControlName=\"passwordConfirm\"\n                        [error]=\"[] | tuiFieldError | async\"\n                    />\n                </label>\n            </div>\n            <tui-error\n                [error]=\"[] | tuiFieldError | async\"\n                class=\"self-center\"\n            />\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                                [pseudo]=\"true\"\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\n                            formControlName=\"acceptRules\"\n                            [error]=\"[] | tuiFieldError | async\"\n                        />\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\n            <div [class.!hidden]=\"stepIndex !== 2\">\n                <div\n                    *ngIf=\"contacts\"\n                    class=\"flex flex-col gap-5 pb-1\"\n                >\n                    <p class=\"text-lg font-bold\">\u041A\u043E\u043D\u0442\u0430\u043A\u0442\u044B</p>\n                    <div\n                        *ngFor=\"let contact of contacts.controls; let index = index; let count = count; let last = last\"\n                        class=\"flex flex-col gap-3\"\n                    >\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                            <button\n                                *ngIf=\"count - 1\"\n                                tuiIconButton\n                                appearance=\"secondary\"\n                                (click)=\"removeContactGroup(index)\"\n                                iconStart=\"@tui.trash-2\"\n                            ></button>\n                        </div>\n                        <sc-new-contact-form [form]=\"contact\" />\n                        <hr\n                            *ngIf=\"!last\"\n                            class=\"h-px w-full bg-tui-base-04\"\n                        />\n                    </div>\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            </div>\n\n            <div [class.!hidden]=\"stepIndex !== 3\">\n                <div\n                    *ngIf=\"bankAccounts\"\n                    class=\"flex flex-col gap-5 pb-1\"\n                >\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                    <div\n                        *ngFor=\"let bankAccount of bankAccounts.controls; let index = index; let count = count; let last = last\"\n                        class=\"flex flex-col gap-3\"\n                    >\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                            <button\n                                *ngIf=\"count - 1\"\n                                tuiIconButton\n                                appearance=\"secondary\"\n                                (click)=\"removeBankAccountGroup(index)\"\n                                iconStart=\"@tui.trash-2\"\n                            ></button>\n                        </div>\n                        <sc-new-contragent-bank-account-form [form]=\"bankAccount\" />\n                        <hr\n                            *ngIf=\"!last\"\n                            class=\"h-px w-full bg-tui-base-04\"\n                        />\n                    </div>\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            </div>\n        }\n        <div class=\"flex justify-center gap-2\">\n            <button\n                *ngIf=\"stepIndex > 0\"\n                tuiButton\n                appearance=\"secondary\"\n                type=\"button\"\n                (click)=\"navigate(-1)\"\n            >\n                \u041D\u0430\u0437\u0430\u0434\n            </button>\n            <button\n                *ngIf=\"isIndividual || (stepIndex === 2 && !form.controls.contragent.controls['bankAccounts']) || stepIndex === 3; else nextIndexBtn\"\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            <ng-template #nextIndexBtn>\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            </ng-template>\n        </div>\n    </ng-container>\n</form>\n", dependencies: [{ kind: "directive", type: i2$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.CheckboxRequiredValidator, selector: "input[type=checkbox][required][formControlName],input[type=checkbox][required][formControl],input[type=checkbox][required][ngModel]" }, { kind: "directive", type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i5.TuiInputPasswordComponent, selector: "tui-input-password" }, { kind: "directive", type: i5.TuiInputPasswordDirective, selector: "tui-input-password" }, { kind: "component", type: i6.TuiTextfieldComponent, selector: "input[tuiTextfieldLegacy], textarea[tuiTextfieldLegacy]" }, { kind: "component", type: i5.TuiInputComponent, selector: "tui-input" }, { kind: "directive", type: i5.TuiInputDirective, selector: "tui-input" }, { kind: "directive", type: i1$1.TuiLink, selector: "a[tuiLink], button[tuiLink]", inputs: ["pseudo"] }, { kind: "directive", type: i1$1.TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "directive", type: i1$1.TuiLabel, selector: "label[tuiLabel]" }, { kind: "component", type: i1$1.TuiError, selector: "tui-error", inputs: ["error"] }, { kind: "directive", type: i7.TuiLet, selector: "[tuiLet]", inputs: ["tuiLet"] }, { kind: "component", type: ScVerificationPhoneCheckFormComponent, selector: "sc-verification-phone-check-form", inputs: ["showCodeFields", "readOnly", "shouldBeBusy", "shouldBeConfirmed", "haveCode"], outputs: ["haveCodeChange", "isBusyChange", "isConfirmedChange"] }, { kind: "component", type: ScAddressesSelectionFieldComponent, selector: "sc-addresses-selection-field" }, { kind: "component", type: ScSuggestionFieldComponent, selector: "sc-suggestion-field", inputs: ["type"], outputs: ["selectedClick"] }, { kind: "component", type: i3$1.TuiDataListComponent, selector: "tui-data-list", inputs: ["emptyContent", "size"] }, { kind: "directive", type: i3$1.TuiDataListDirective, selector: "ng-template[tuiDataList]" }, { kind: "component", type: i3$1.TuiOption, selector: "button[tuiOption]:not([new]), a[tuiOption]:not([new]), label[tuiOption]:not([new])", inputs: ["disabled", "value"] }, { kind: "component", type: i2$1.TuiCheckbox, selector: "input[type=\"checkbox\"][tuiCheckbox]", inputs: ["size"] }, { kind: "component", type: i5.TuiSelectComponent, selector: "tui-select", inputs: ["stringify", "identityMatcher", "valueContent"] }, { kind: "directive", type: i5.TuiSelectDirective, selector: "tui-select" }, { kind: "component", type: ScNewContragentBankAccountsFormComponent, selector: "sc-new-contragent-bank-account-form", inputs: ["form"] }, { kind: "component", type: ScNewContragentFormComponent, selector: "sc-new-contragent-form", inputs: ["opfControl"] }, { kind: "component", type: ScNewContactFormComponent, selector: "sc-new-contact-form", inputs: ["form"] }, { kind: "component", type: i2$1.TuiStepperComponent, selector: "tui-stepper, nav[tuiStepper]", inputs: ["activeItemIndex", "orientation"], outputs: ["activeItemIndexChange"] }, { kind: "component", type: i2$1.TuiStep, selector: "button[tuiStep], a[tuiStep]:not([routerLink]), a[tuiStep][routerLink][routerLinkActive]", inputs: ["stepState", "icon"] }, { kind: "directive", type: i7.TuiRepeatTimes, selector: "[tuiRepeatTimes][tuiRepeatTimesOf]", inputs: ["tuiRepeatTimesOf"] }, { kind: "component", type: i2$1.TuiButtonLoading, selector: "[tuiButton][loading],[tuiIconButton][loading]", inputs: ["size", "loading"] }, { kind: "pipe", type: i2$2.AsyncPipe, name: "async" }, { kind: "pipe", type: i2$1.TuiFieldErrorPipe, name: "tuiFieldError" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: ScSignUpFormComponent, selector: "sc-sign-up-form", outputs: { successAuth: "successAuth", clickOfferEvent: "clickOfferEvent" }, host: { attributes: { "ngSkipHydration": "true" } }, providers: [tuiDropdownOptionsProvider({ limitWidth: 'fixed' })], ngImport: i0, template: "<form\n    *tuiLet=\"opfControl.value as selectOpf\"\n    [formGroup]=\"form\"\n    (ngSubmit)=\"onSubmit.next()\"\n    class=\"flex flex-col gap-5\"\n>\n    <ng-container *tuiLet=\"!!selectOpf && opfListEnum[selectOpf] === opfListEnum.individual as isIndividual\">\n        <tui-stepper\n            *ngIf=\"!isIndividual && form.controls.contragent\"\n            [(activeItemIndex)]=\"stepIndex\"\n        >\n            <button\n                *tuiRepeatTimes=\"let index of 4\"\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        </tui-stepper>\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-select\n                    [formControl]=\"opfControl\"\n                    [valueContent]=\"opfContent\"\n                >\n                    \u0422\u0438\u043F \u043A\u043B\u0438\u0435\u043D\u0442\u0430\n                    <tui-data-list *tuiDataList>\n                        <button\n                            *ngFor=\"let item of getOpf$() | async; let index = index\"\n                            tuiOption\n                            [value]=\"item.slug\"\n                        >\n                            {{ item.name }}\n                        </button>\n                    </tui-data-list>\n                </tui-select>\n                <ng-template\n                    #opfContent\n                    let-data\n                >\n                    <div>{{ (getOpfBySlug$(data) | async)?.name }}</div>\n                </ng-template>\n            </label>\n            <label tuiLabel>\n                {{ isIndividual ? '\u0424.\u0418.\u041E.' : '\u041D\u0430\u0437\u0432\u0430\u043D\u0438\u0435 \u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0446\u0438\u0438 \u0438\u043B\u0438 \u0418\u041F' }}\n                <tui-input formControlName=\"name\">\n                    {{ isIndividual ? '\u0424.\u0418.\u041E.' : '\u041D\u0430\u0437\u0432\u0430\u043D\u0438\u0435 \u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0446\u0438\u0438 \u0438\u043B\u0438 \u0418\u041F' }}\n                    @if (!isIndividual) {\n                        <sc-suggestion-field\n                            *tuiDataList\n                            [type]=\"suggestionType.organization\"\n                            (selectedClick)=\"onSelectedOrganization($event)\"\n                        />\n                    }\n                    <input\n                        tuiTextfieldLegacy\n                        autocomplete=\"new-password\"\n                    />\n                </tui-input>\n                <tui-error\n                    formControlName=\"name\"\n                    [error]=\"[] | tuiFieldError | async\"\n                />\n            </label>\n\n            <div class=\"grid items-start gap-5 sm:grid-cols-2\">\n                <sc-verification-phone-check-form [shouldBeBusy]=\"false\" />\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-input formControlName=\"email\">\n                        \u0410\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B\n                        <sc-suggestion-field\n                            *tuiDataList\n                            [type]=\"suggestionType.email\"\n                        />\n                    </tui-input>\n                    <tui-error\n                        formControlName=\"email\"\n                        [error]=\"[] | tuiFieldError | async\"\n                    />\n                </label>\n            </div>\n\n            <sc-addresses-selection-field />\n\n            <div class=\"grid items-start gap-5 sm:grid-cols-2\">\n                <label tuiLabel>\n                    \u041F\u0430\u0440\u043E\u043B\u044C\n                    <tui-input-password formControlName=\"password\">\n                        \u041F\u0430\u0440\u043E\u043B\u044C\n                        <input\n                            tuiTextfieldLegacy\n                            autocomplete=\"new-password\"\n                        />\n                    </tui-input-password>\n                    <tui-error\n                        formControlName=\"password\"\n                        [error]=\"[] | tuiFieldError | async\"\n                    />\n                </label>\n                <label tuiLabel>\n                    \u041F\u043E\u0432\u0442\u043E\u0440 \u043F\u0430\u0440\u043E\u043B\u044F\n                    <tui-input-password formControlName=\"passwordConfirm\">\n                        \u041F\u043E\u0432\u0442\u043E\u0440 \u043F\u0430\u0440\u043E\u043B\u044F\n                        <input\n                            tuiTextfieldLegacy\n                            autocomplete=\"new-password\"\n                        />\n                    </tui-input-password>\n                    <tui-error\n                        formControlName=\"passwordConfirm\"\n                        [error]=\"[] | tuiFieldError | async\"\n                    />\n                </label>\n            </div>\n            <tui-error\n                [error]=\"[] | tuiFieldError | async\"\n                class=\"self-center\"\n            />\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                                [pseudo]=\"true\"\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\n                            formControlName=\"acceptRules\"\n                            [error]=\"[] | tuiFieldError | async\"\n                        />\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\n            <div [class.!hidden]=\"stepIndex !== 2\">\n                <div\n                    *ngIf=\"contacts\"\n                    class=\"flex flex-col gap-5 pb-1\"\n                >\n                    <p class=\"text-lg font-bold\">\u041A\u043E\u043D\u0442\u0430\u043A\u0442\u044B</p>\n                    <div\n                        *ngFor=\"let contact of contacts.controls; let index = index; let count = count; let last = last\"\n                        class=\"flex flex-col gap-3\"\n                    >\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                            <button\n                                *ngIf=\"count - 1\"\n                                tuiIconButton\n                                appearance=\"secondary\"\n                                (click)=\"removeContactGroup(index)\"\n                                iconStart=\"@tui.trash-2\"\n                            ></button>\n                        </div>\n                        <sc-new-contact-form [form]=\"contact\" />\n                        <hr\n                            *ngIf=\"!last\"\n                            class=\"h-px w-full bg-tui-base-04\"\n                        />\n                    </div>\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            </div>\n\n            <div [class.!hidden]=\"stepIndex !== 3\">\n                <div\n                    *ngIf=\"bankAccounts\"\n                    class=\"flex flex-col gap-5 pb-1\"\n                >\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                    <div\n                        *ngFor=\"let bankAccount of bankAccounts.controls; let index = index; let count = count; let last = last\"\n                        class=\"flex flex-col gap-3\"\n                    >\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                            <button\n                                *ngIf=\"count - 1\"\n                                tuiIconButton\n                                appearance=\"secondary\"\n                                (click)=\"removeBankAccountGroup(index)\"\n                                iconStart=\"@tui.trash-2\"\n                            ></button>\n                        </div>\n                        <sc-new-contragent-bank-account-form\n                            *ngIf=\"opfControl.value as selectOpf\"\n                            [opf]=\"selectOpf\"\n                            [form]=\"bankAccount\"\n                        />\n                        <hr\n                            *ngIf=\"!last\"\n                            class=\"h-px w-full bg-tui-base-04\"\n                        />\n                    </div>\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            </div>\n        }\n        <div class=\"flex justify-center gap-2\">\n            <button\n                *ngIf=\"stepIndex > 0\"\n                tuiButton\n                appearance=\"secondary\"\n                type=\"button\"\n                (click)=\"navigate(-1)\"\n            >\n                \u041D\u0430\u0437\u0430\u0434\n            </button>\n            <button\n                *ngIf=\"isIndividual || (stepIndex === 2 && !form.controls.contragent.controls['bankAccounts']) || stepIndex === 3; else nextIndexBtn\"\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            <ng-template #nextIndexBtn>\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            </ng-template>\n        </div>\n    </ng-container>\n</form>\n", dependencies: [{ kind: "directive", type: i2$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2$3.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i2$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2$3.CheckboxRequiredValidator, selector: "input[type=checkbox][required][formControlName],input[type=checkbox][required][formControl],input[type=checkbox][required][ngModel]" }, { kind: "directive", type: i2$3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i3.TuiInputPasswordComponent, selector: "tui-input-password" }, { kind: "directive", type: i3.TuiInputPasswordDirective, selector: "tui-input-password" }, { kind: "component", type: i4.TuiTextfieldComponent, selector: "input[tuiTextfieldLegacy], textarea[tuiTextfieldLegacy]" }, { kind: "component", type: i3.TuiInputComponent, selector: "tui-input" }, { kind: "directive", type: i3.TuiInputDirective, selector: "tui-input" }, { kind: "directive", type: i1$1.TuiLink, selector: "a[tuiLink], button[tuiLink]", inputs: ["pseudo"] }, { kind: "directive", type: i1$1.TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "directive", type: i1$1.TuiLabel, selector: "label[tuiLabel]" }, { kind: "component", type: i1$1.TuiError, selector: "tui-error", inputs: ["error"] }, { kind: "directive", type: i7.TuiLet, selector: "[tuiLet]", inputs: ["tuiLet"] }, { kind: "component", type: ScVerificationPhoneCheckFormComponent, selector: "sc-verification-phone-check-form", inputs: ["showCodeFields", "readOnly", "shouldBeBusy", "shouldBeConfirmed", "haveCode"], outputs: ["haveCodeChange", "isBusyChange", "isConfirmedChange"] }, { kind: "component", type: ScAddressesSelectionFieldComponent, selector: "sc-addresses-selection-field" }, { kind: "component", type: ScSuggestionFieldComponent, selector: "sc-suggestion-field", inputs: ["type"], outputs: ["selectedClick"] }, { kind: "component", type: i3$1.TuiDataListComponent, selector: "tui-data-list", inputs: ["emptyContent", "size"] }, { kind: "directive", type: i3$1.TuiDataListDirective, selector: "ng-template[tuiDataList]" }, { kind: "component", type: i3$1.TuiOption, selector: "button[tuiOption]:not([new]), a[tuiOption]:not([new]), label[tuiOption]:not([new])", inputs: ["disabled", "value"] }, { kind: "component", type: i2$1.TuiCheckbox, selector: "input[type=\"checkbox\"][tuiCheckbox]", inputs: ["size"] }, { kind: "component", type: i3.TuiSelectComponent, selector: "tui-select", inputs: ["stringify", "identityMatcher", "valueContent"] }, { kind: "directive", type: i3.TuiSelectDirective, selector: "tui-select" }, { kind: "component", type: ScNewContragentBankAccountsFormComponent, selector: "sc-new-contragent-bank-account-form", inputs: ["form", "opf"] }, { kind: "component", type: ScNewContragentFormComponent, selector: "sc-new-contragent-form", inputs: ["opfControl"] }, { kind: "component", type: ScNewContactFormComponent, selector: "sc-new-contact-form", inputs: ["form"] }, { kind: "component", type: i2$1.TuiStepperComponent, selector: "tui-stepper, nav[tuiStepper]", inputs: ["activeItemIndex", "orientation"], outputs: ["activeItemIndexChange"] }, { kind: "component", type: i2$1.TuiStep, selector: "button[tuiStep], a[tuiStep]:not([routerLink]), a[tuiStep][routerLink][routerLinkActive]", inputs: ["stepState", "icon"] }, { kind: "directive", type: i7.TuiRepeatTimes, selector: "[tuiRepeatTimes][tuiRepeatTimesOf]", inputs: ["tuiRepeatTimesOf"] }, { kind: "component", type: i2$1.TuiButtonLoading, selector: "[tuiButton][loading],[tuiIconButton][loading]", inputs: ["size", "loading"] }, { kind: "pipe", type: i2$2.AsyncPipe, name: "async" }, { kind: "pipe", type: i2$1.TuiFieldErrorPipe, name: "tuiFieldError" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ScSignUpFormComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sc-sign-up-form', providers: [tuiDropdownOptionsProvider({ limitWidth: 'fixed' })], host: { ngSkipHydration: 'true' }, changeDetection: ChangeDetectionStrategy.OnPush, template: "<form\n    *tuiLet=\"opfControl.value as selectOpf\"\n    [formGroup]=\"form\"\n    (ngSubmit)=\"onSubmit.next()\"\n    class=\"flex flex-col gap-5\"\n>\n    <ng-container *tuiLet=\"!!selectOpf && opfListEnum[selectOpf] === opfListEnum.individual as isIndividual\">\n        <tui-stepper\n            *ngIf=\"!isIndividual && form.controls.contragent\"\n            [(activeItemIndex)]=\"stepIndex\"\n        >\n            <button\n                *tuiRepeatTimes=\"let index of 4\"\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        </tui-stepper>\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-select\n                    [formControl]=\"opfControl\"\n                    [valueContent]=\"opfContent\"\n                >\n                    \u0422\u0438\u043F \u043A\u043B\u0438\u0435\u043D\u0442\u0430\n                    <tui-data-list *tuiDataList>\n                        <button\n                            *ngFor=\"let item of getOpf$() | async; let index = index\"\n                            tuiOption\n                            [value]=\"item.slug\"\n                        >\n                            {{ item.name }}\n                        </button>\n                    </tui-data-list>\n                </tui-select>\n                <ng-template\n                    #opfContent\n                    let-data\n                >\n                    <div>{{ (getOpfBySlug$(data) | async)?.name }}</div>\n                </ng-template>\n            </label>\n            <label tuiLabel>\n                {{ isIndividual ? '\u0424.\u0418.\u041E.' : '\u041D\u0430\u0437\u0432\u0430\u043D\u0438\u0435 \u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0446\u0438\u0438 \u0438\u043B\u0438 \u0418\u041F' }}\n                <tui-input formControlName=\"name\">\n                    {{ isIndividual ? '\u0424.\u0418.\u041E.' : '\u041D\u0430\u0437\u0432\u0430\u043D\u0438\u0435 \u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0446\u0438\u0438 \u0438\u043B\u0438 \u0418\u041F' }}\n                    @if (!isIndividual) {\n                        <sc-suggestion-field\n                            *tuiDataList\n                            [type]=\"suggestionType.organization\"\n                            (selectedClick)=\"onSelectedOrganization($event)\"\n                        />\n                    }\n                    <input\n                        tuiTextfieldLegacy\n                        autocomplete=\"new-password\"\n                    />\n                </tui-input>\n                <tui-error\n                    formControlName=\"name\"\n                    [error]=\"[] | tuiFieldError | async\"\n                />\n            </label>\n\n            <div class=\"grid items-start gap-5 sm:grid-cols-2\">\n                <sc-verification-phone-check-form [shouldBeBusy]=\"false\" />\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-input formControlName=\"email\">\n                        \u0410\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B\n                        <sc-suggestion-field\n                            *tuiDataList\n                            [type]=\"suggestionType.email\"\n                        />\n                    </tui-input>\n                    <tui-error\n                        formControlName=\"email\"\n                        [error]=\"[] | tuiFieldError | async\"\n                    />\n                </label>\n            </div>\n\n            <sc-addresses-selection-field />\n\n            <div class=\"grid items-start gap-5 sm:grid-cols-2\">\n                <label tuiLabel>\n                    \u041F\u0430\u0440\u043E\u043B\u044C\n                    <tui-input-password formControlName=\"password\">\n                        \u041F\u0430\u0440\u043E\u043B\u044C\n                        <input\n                            tuiTextfieldLegacy\n                            autocomplete=\"new-password\"\n                        />\n                    </tui-input-password>\n                    <tui-error\n                        formControlName=\"password\"\n                        [error]=\"[] | tuiFieldError | async\"\n                    />\n                </label>\n                <label tuiLabel>\n                    \u041F\u043E\u0432\u0442\u043E\u0440 \u043F\u0430\u0440\u043E\u043B\u044F\n                    <tui-input-password formControlName=\"passwordConfirm\">\n                        \u041F\u043E\u0432\u0442\u043E\u0440 \u043F\u0430\u0440\u043E\u043B\u044F\n                        <input\n                            tuiTextfieldLegacy\n                            autocomplete=\"new-password\"\n                        />\n                    </tui-input-password>\n                    <tui-error\n                        formControlName=\"passwordConfirm\"\n                        [error]=\"[] | tuiFieldError | async\"\n                    />\n                </label>\n            </div>\n            <tui-error\n                [error]=\"[] | tuiFieldError | async\"\n                class=\"self-center\"\n            />\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                                [pseudo]=\"true\"\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\n                            formControlName=\"acceptRules\"\n                            [error]=\"[] | tuiFieldError | async\"\n                        />\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\n            <div [class.!hidden]=\"stepIndex !== 2\">\n                <div\n                    *ngIf=\"contacts\"\n                    class=\"flex flex-col gap-5 pb-1\"\n                >\n                    <p class=\"text-lg font-bold\">\u041A\u043E\u043D\u0442\u0430\u043A\u0442\u044B</p>\n                    <div\n                        *ngFor=\"let contact of contacts.controls; let index = index; let count = count; let last = last\"\n                        class=\"flex flex-col gap-3\"\n                    >\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                            <button\n                                *ngIf=\"count - 1\"\n                                tuiIconButton\n                                appearance=\"secondary\"\n                                (click)=\"removeContactGroup(index)\"\n                                iconStart=\"@tui.trash-2\"\n                            ></button>\n                        </div>\n                        <sc-new-contact-form [form]=\"contact\" />\n                        <hr\n                            *ngIf=\"!last\"\n                            class=\"h-px w-full bg-tui-base-04\"\n                        />\n                    </div>\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            </div>\n\n            <div [class.!hidden]=\"stepIndex !== 3\">\n                <div\n                    *ngIf=\"bankAccounts\"\n                    class=\"flex flex-col gap-5 pb-1\"\n                >\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                    <div\n                        *ngFor=\"let bankAccount of bankAccounts.controls; let index = index; let count = count; let last = last\"\n                        class=\"flex flex-col gap-3\"\n                    >\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                            <button\n                                *ngIf=\"count - 1\"\n                                tuiIconButton\n                                appearance=\"secondary\"\n                                (click)=\"removeBankAccountGroup(index)\"\n                                iconStart=\"@tui.trash-2\"\n                            ></button>\n                        </div>\n                        <sc-new-contragent-bank-account-form [form]=\"bankAccount\" />\n                        <hr\n                            *ngIf=\"!last\"\n                            class=\"h-px w-full bg-tui-base-04\"\n                        />\n                    </div>\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            </div>\n        }\n        <div class=\"flex justify-center gap-2\">\n            <button\n                *ngIf=\"stepIndex > 0\"\n                tuiButton\n                appearance=\"secondary\"\n                type=\"button\"\n                (click)=\"navigate(-1)\"\n            >\n                \u041D\u0430\u0437\u0430\u0434\n            </button>\n            <button\n                *ngIf=\"isIndividual || (stepIndex === 2 && !form.controls.contragent.controls['bankAccounts']) || stepIndex === 3; else nextIndexBtn\"\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            <ng-template #nextIndexBtn>\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            </ng-template>\n        </div>\n    </ng-container>\n</form>\n" }]
+            args: [{ selector: 'sc-sign-up-form', providers: [tuiDropdownOptionsProvider({ limitWidth: 'fixed' })], host: { ngSkipHydration: 'true' }, changeDetection: ChangeDetectionStrategy.OnPush, template: "<form\n    *tuiLet=\"opfControl.value as selectOpf\"\n    [formGroup]=\"form\"\n    (ngSubmit)=\"onSubmit.next()\"\n    class=\"flex flex-col gap-5\"\n>\n    <ng-container *tuiLet=\"!!selectOpf && opfListEnum[selectOpf] === opfListEnum.individual as isIndividual\">\n        <tui-stepper\n            *ngIf=\"!isIndividual && form.controls.contragent\"\n            [(activeItemIndex)]=\"stepIndex\"\n        >\n            <button\n                *tuiRepeatTimes=\"let index of 4\"\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        </tui-stepper>\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-select\n                    [formControl]=\"opfControl\"\n                    [valueContent]=\"opfContent\"\n                >\n                    \u0422\u0438\u043F \u043A\u043B\u0438\u0435\u043D\u0442\u0430\n                    <tui-data-list *tuiDataList>\n                        <button\n                            *ngFor=\"let item of getOpf$() | async; let index = index\"\n                            tuiOption\n                            [value]=\"item.slug\"\n                        >\n                            {{ item.name }}\n                        </button>\n                    </tui-data-list>\n                </tui-select>\n                <ng-template\n                    #opfContent\n                    let-data\n                >\n                    <div>{{ (getOpfBySlug$(data) | async)?.name }}</div>\n                </ng-template>\n            </label>\n            <label tuiLabel>\n                {{ isIndividual ? '\u0424.\u0418.\u041E.' : '\u041D\u0430\u0437\u0432\u0430\u043D\u0438\u0435 \u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0446\u0438\u0438 \u0438\u043B\u0438 \u0418\u041F' }}\n                <tui-input formControlName=\"name\">\n                    {{ isIndividual ? '\u0424.\u0418.\u041E.' : '\u041D\u0430\u0437\u0432\u0430\u043D\u0438\u0435 \u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0446\u0438\u0438 \u0438\u043B\u0438 \u0418\u041F' }}\n                    @if (!isIndividual) {\n                        <sc-suggestion-field\n                            *tuiDataList\n                            [type]=\"suggestionType.organization\"\n                            (selectedClick)=\"onSelectedOrganization($event)\"\n                        />\n                    }\n                    <input\n                        tuiTextfieldLegacy\n                        autocomplete=\"new-password\"\n                    />\n                </tui-input>\n                <tui-error\n                    formControlName=\"name\"\n                    [error]=\"[] | tuiFieldError | async\"\n                />\n            </label>\n\n            <div class=\"grid items-start gap-5 sm:grid-cols-2\">\n                <sc-verification-phone-check-form [shouldBeBusy]=\"false\" />\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-input formControlName=\"email\">\n                        \u0410\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B\n                        <sc-suggestion-field\n                            *tuiDataList\n                            [type]=\"suggestionType.email\"\n                        />\n                    </tui-input>\n                    <tui-error\n                        formControlName=\"email\"\n                        [error]=\"[] | tuiFieldError | async\"\n                    />\n                </label>\n            </div>\n\n            <sc-addresses-selection-field />\n\n            <div class=\"grid items-start gap-5 sm:grid-cols-2\">\n                <label tuiLabel>\n                    \u041F\u0430\u0440\u043E\u043B\u044C\n                    <tui-input-password formControlName=\"password\">\n                        \u041F\u0430\u0440\u043E\u043B\u044C\n                        <input\n                            tuiTextfieldLegacy\n                            autocomplete=\"new-password\"\n                        />\n                    </tui-input-password>\n                    <tui-error\n                        formControlName=\"password\"\n                        [error]=\"[] | tuiFieldError | async\"\n                    />\n                </label>\n                <label tuiLabel>\n                    \u041F\u043E\u0432\u0442\u043E\u0440 \u043F\u0430\u0440\u043E\u043B\u044F\n                    <tui-input-password formControlName=\"passwordConfirm\">\n                        \u041F\u043E\u0432\u0442\u043E\u0440 \u043F\u0430\u0440\u043E\u043B\u044F\n                        <input\n                            tuiTextfieldLegacy\n                            autocomplete=\"new-password\"\n                        />\n                    </tui-input-password>\n                    <tui-error\n                        formControlName=\"passwordConfirm\"\n                        [error]=\"[] | tuiFieldError | async\"\n                    />\n                </label>\n            </div>\n            <tui-error\n                [error]=\"[] | tuiFieldError | async\"\n                class=\"self-center\"\n            />\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                                [pseudo]=\"true\"\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\n                            formControlName=\"acceptRules\"\n                            [error]=\"[] | tuiFieldError | async\"\n                        />\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\n            <div [class.!hidden]=\"stepIndex !== 2\">\n                <div\n                    *ngIf=\"contacts\"\n                    class=\"flex flex-col gap-5 pb-1\"\n                >\n                    <p class=\"text-lg font-bold\">\u041A\u043E\u043D\u0442\u0430\u043A\u0442\u044B</p>\n                    <div\n                        *ngFor=\"let contact of contacts.controls; let index = index; let count = count; let last = last\"\n                        class=\"flex flex-col gap-3\"\n                    >\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                            <button\n                                *ngIf=\"count - 1\"\n                                tuiIconButton\n                                appearance=\"secondary\"\n                                (click)=\"removeContactGroup(index)\"\n                                iconStart=\"@tui.trash-2\"\n                            ></button>\n                        </div>\n                        <sc-new-contact-form [form]=\"contact\" />\n                        <hr\n                            *ngIf=\"!last\"\n                            class=\"h-px w-full bg-tui-base-04\"\n                        />\n                    </div>\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            </div>\n\n            <div [class.!hidden]=\"stepIndex !== 3\">\n                <div\n                    *ngIf=\"bankAccounts\"\n                    class=\"flex flex-col gap-5 pb-1\"\n                >\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                    <div\n                        *ngFor=\"let bankAccount of bankAccounts.controls; let index = index; let count = count; let last = last\"\n                        class=\"flex flex-col gap-3\"\n                    >\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                            <button\n                                *ngIf=\"count - 1\"\n                                tuiIconButton\n                                appearance=\"secondary\"\n                                (click)=\"removeBankAccountGroup(index)\"\n                                iconStart=\"@tui.trash-2\"\n                            ></button>\n                        </div>\n                        <sc-new-contragent-bank-account-form\n                            *ngIf=\"opfControl.value as selectOpf\"\n                            [opf]=\"selectOpf\"\n                            [form]=\"bankAccount\"\n                        />\n                        <hr\n                            *ngIf=\"!last\"\n                            class=\"h-px w-full bg-tui-base-04\"\n                        />\n                    </div>\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            </div>\n        }\n        <div class=\"flex justify-center gap-2\">\n            <button\n                *ngIf=\"stepIndex > 0\"\n                tuiButton\n                appearance=\"secondary\"\n                type=\"button\"\n                (click)=\"navigate(-1)\"\n            >\n                \u041D\u0430\u0437\u0430\u0434\n            </button>\n            <button\n                *ngIf=\"isIndividual || (stepIndex === 2 && !form.controls.contragent.controls['bankAccounts']) || stepIndex === 3; else nextIndexBtn\"\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            <ng-template #nextIndexBtn>\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            </ng-template>\n        </div>\n    </ng-container>\n</form>\n" }]
         }], ctorParameters: () => [{ type: i1.ScUserService }, { type: i1.ScAuthService }, { type: i1.ScReferencesService }, { type: i1.ScConvertersService }, { type: i1.ScUserMetrikaService }] });
 
 /**
@@ -2469,7 +2481,7 @@ class ScAccordionComponent {
         this.accordion?.close();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ScAccordionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.13", type: ScAccordionComponent, 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": "this.showAddButton", "class._has-delete-button": "this.showDeleteButton", "class._has-arrow": "this.showArrow", "attr.data-size": "this.size" } }, queries: [{ propertyName: "content", first: true, predicate: ScAccordionContentDirective, descendants: true }], viewQueries: [{ propertyName: "accordion", first: true, predicate: TuiAccordionItem, descendants: true }], ngImport: i0, template: "<tui-accordion [rounded]=\"false\">\n    <tui-accordion-item\n        #accordion\n        [size]=\"size\"\n        [borders]=\"null\"\n        [showArrow]=\"showArrow\"\n        [open]=\"open\"\n    >\n        <div class=\"flex grow justify-between\">\n            <div class=\"self-center font-bold\">\n                <ng-content></ng-content>\n            </div>\n            <div\n                *ngIf=\"showAddButton || showDeleteButton\"\n                class=\"flex\"\n            >\n                <ng-container *ngIf=\"showDeleteButton\">\n                    <button\n                        tuiIconButton\n                        size=\"m\"\n                        type=\"button\"\n                        [disabled]=\"disabledButtons()\"\n                        iconStart=\"@tui.trash-2\"\n                        appearance=\"secondary\"\n                        (click)=\"$event.stopPropagation(); deleteButtonClick.emit()\"\n                    ></button>\n                </ng-container>\n                <ng-container *ngIf=\"showAddButton\">\n                    <button\n                        tuiIconButton\n                        size=\"m\"\n                        type=\"button\"\n                        [disabled]=\"disabledButtons()\"\n                        iconStart=\"@tui.plus\"\n                        appearance=\"secondary\"\n                        (click)=\"$event.stopPropagation(); addButtonClick.emit()\"\n                    ></button>\n                </ng-container>\n            </div>\n        </div>\n        <ng-template tuiAccordionItemContent>\n            <tui-elastic-container *ngIf=\"content\">\n                <ng-container *polymorpheusOutlet=\"content as text\">\n                    {{ text }}\n                </ng-container>\n            </tui-elastic-container>\n        </ng-template>\n    </tui-accordion-item>\n</tui-accordion>\n", styles: ["::ng-deep tui-accordion-item>.t-wrapper .t-header{border-radius:.75rem;flex-direction:row-reverse;min-height:var(--tui-height-m);font:var(--tui-font-text-m);padding:0 .5rem 0 1rem;gap:.75rem;background:var(--tui-background-base-alt)}:host[data-size=s] ::ng-deep tui-accordion-item>.t-wrapper .t-header{padding:0 .5rem 0 1rem;font:var(--tui-font-text-s)}:host._has-arrow ::ng-deep tui-accordion-item>.t-wrapper .t-header{padding-left:.75rem}:host._has-add-button ::ng-deep tui-accordion-item>.t-wrapper .t-header,:host._has-delete-button ::ng-deep tui-accordion-item>.t-wrapper .t-header{padding-right:0}::ng-deep tui-accordion-item>.t-wrapper .t-header_hoverable:hover:not([data-mode]){background:var(--tui-background-neutral-1-hover)!important}::ng-deep tui-accordion-item>.t-wrapper .t-header .t-icon{color:var(--tui-text-action)}:host:hover:not([data-mode]) ::ng-deep tui-accordion-item>.t-wrapper .t-header .t-icon{color:var(--tui-text-action)}::ng-deep tui-accordion-item>.t-wrapper .t-title{white-space:normal}:host._has-arrow ::ng-deep tui-accordion-item>.t-wrapper .t-title{margin-right:0}::ng-deep tui-accordion-item>.t-wrapper tui-expand>.t-wrapper>.t-content{padding-inline:0!important;padding-block:1rem}:host._has-arrow ::ng-deep tui-accordion-item>.t-wrapper tui-expand>.t-wrapper>.t-content,:host[data-size=s]:host._has-arrow ::ng-deep tui-accordion-item>.t-wrapper tui-expand>.t-wrapper>.t-content{padding-left:1rem!important}\n"], dependencies: [{ kind: "directive", type: i2$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$3.PolymorpheusOutlet, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }, { kind: "directive", type: i1$1.TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "component", type: i2$1.TuiAccordionItem, selector: "tui-accordion-item", inputs: ["noPadding", "showArrow", "borders", "size", "disabled", "disableHover", "open", "async"], outputs: ["openChange"] }, { kind: "directive", type: i2$1.TuiAccordionDirective, selector: "tui-accordion", inputs: ["closeOthers"] }, { kind: "directive", type: i2$1.TuiAccordionItemContent, selector: "ng-template[tuiAccordionItemContent]" }, { kind: "component", type: i2$1.TuiElasticContainer, selector: "tui-elastic-container" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.13", type: ScAccordionComponent, 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": "this.showAddButton", "class._has-delete-button": "this.showDeleteButton", "class._has-arrow": "this.showArrow", "attr.data-size": "this.size" } }, queries: [{ propertyName: "content", first: true, predicate: ScAccordionContentDirective, descendants: true }], viewQueries: [{ propertyName: "accordion", first: true, predicate: TuiAccordionItem, descendants: true }], ngImport: i0, template: "<tui-accordion [rounded]=\"false\">\n    <tui-accordion-item\n        #accordion\n        [size]=\"size\"\n        [borders]=\"null\"\n        [showArrow]=\"showArrow\"\n        [open]=\"open\"\n    >\n        <div class=\"flex grow justify-between\">\n            <div class=\"self-center font-bold\">\n                <ng-content></ng-content>\n            </div>\n            <div\n                *ngIf=\"showAddButton || showDeleteButton\"\n                class=\"flex\"\n            >\n                <ng-container *ngIf=\"showDeleteButton\">\n                    <button\n                        tuiIconButton\n                        size=\"m\"\n                        type=\"button\"\n                        [disabled]=\"disabledButtons()\"\n                        iconStart=\"@tui.trash-2\"\n                        appearance=\"secondary\"\n                        (click)=\"$event.stopPropagation(); deleteButtonClick.emit()\"\n                    ></button>\n                </ng-container>\n                <ng-container *ngIf=\"showAddButton\">\n                    <button\n                        tuiIconButton\n                        size=\"m\"\n                        type=\"button\"\n                        [disabled]=\"disabledButtons()\"\n                        iconStart=\"@tui.plus\"\n                        appearance=\"secondary\"\n                        (click)=\"$event.stopPropagation(); addButtonClick.emit()\"\n                    ></button>\n                </ng-container>\n            </div>\n        </div>\n        <ng-template tuiAccordionItemContent>\n            <tui-elastic-container *ngIf=\"content\">\n                <ng-container *polymorpheusOutlet=\"content as text\">\n                    {{ text }}\n                </ng-container>\n            </tui-elastic-container>\n        </ng-template>\n    </tui-accordion-item>\n</tui-accordion>\n", styles: ["::ng-deep tui-accordion-item>.t-wrapper .t-header{border-radius:.75rem;flex-direction:row-reverse;min-height:var(--tui-height-m);font:var(--tui-font-text-m);padding:0 .5rem 0 1rem;gap:.75rem;background:var(--tui-background-base-alt)}:host[data-size=s] ::ng-deep tui-accordion-item>.t-wrapper .t-header{padding:0 .5rem 0 1rem;font:var(--tui-font-text-s)}:host._has-arrow ::ng-deep tui-accordion-item>.t-wrapper .t-header{padding-left:.75rem}:host._has-add-button ::ng-deep tui-accordion-item>.t-wrapper .t-header,:host._has-delete-button ::ng-deep tui-accordion-item>.t-wrapper .t-header{padding-right:0}::ng-deep tui-accordion-item>.t-wrapper .t-header_hoverable:hover:not([data-mode]){background:var(--tui-background-neutral-1-hover)!important}::ng-deep tui-accordion-item>.t-wrapper .t-header .t-icon{color:var(--tui-text-action)}:host:hover:not([data-mode]) ::ng-deep tui-accordion-item>.t-wrapper .t-header .t-icon{color:var(--tui-text-action)}::ng-deep tui-accordion-item>.t-wrapper .t-title{white-space:normal}:host._has-arrow ::ng-deep tui-accordion-item>.t-wrapper .t-title{margin-right:0}::ng-deep tui-accordion-item>.t-wrapper tui-expand>.t-wrapper>.t-content{padding-inline:0!important;padding-block:1rem}:host._has-arrow ::ng-deep tui-accordion-item>.t-wrapper tui-expand>.t-wrapper>.t-content,:host[data-size=s]:host._has-arrow ::ng-deep tui-accordion-item>.t-wrapper tui-expand>.t-wrapper>.t-content{padding-left:1rem!important}\n"], dependencies: [{ kind: "directive", type: i2$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$4.PolymorpheusOutlet, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }, { kind: "directive", type: i1$1.TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "component", type: i2$1.TuiAccordionItem, selector: "tui-accordion-item", inputs: ["noPadding", "showArrow", "borders", "size", "disabled", "disableHover", "open", "async"], outputs: ["openChange"] }, { kind: "directive", type: i2$1.TuiAccordionDirective, selector: "tui-accordion", inputs: ["closeOthers"] }, { kind: "directive", type: i2$1.TuiAccordionItemContent, selector: "ng-template[tuiAccordionItemContent]" }, { kind: "component", type: i2$1.TuiElasticContainer, selector: "tui-elastic-container" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ScAccordionComponent, decorators: [{
             type: Component,
@@ -2646,7 +2658,7 @@ class ScAddContactDialogComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ScAddContactDialogComponent, deps: [{ token: i1.ScContactsService }, { token: i1.ScConvertersService }, { token: i1.ScUserMetrikaService }, { token: POLYMORPHEUS_CONTEXT }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ScAddContactDialogComponent, selector: "sc-add-contact-dialog", ngImport: i0, template: "<form\n    [formGroup]=\"form\"\n    (ngSubmit)=\"onSubmit.next()\"\n    class=\"flex flex-col gap-3\"\n>\n    <sc-new-contact-form [form]=\"form\"></sc-new-contact-form>\n    <div class=\"flex justify-center gap-4\">\n        <button\n            tuiButton\n            (click)=\"context.$implicit.complete()\"\n            type=\"button\"\n            iconStart=\"@tui.x\"\n            appearance=\"secondary\"\n        >\n            \u041E\u0442\u043C\u0435\u043D\u0430\n        </button>\n        <button\n            tuiButton\n            [disabled]=\"form.invalid\"\n            [loading]=\"!!(loading$ | async)\"\n            type=\"submit\"\n            iconStart=\"@tui.save\"\n        >\n            \u0421\u043E\u0445\u0440\u0430\u043D\u0438\u0442\u044C\n        </button>\n    </div>\n</form>\n", dependencies: [{ kind: "directive", type: i3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "component", type: i2$1.TuiButtonLoading, selector: "[tuiButton][loading],[tuiIconButton][loading]", inputs: ["size", "loading"] }, { kind: "component", type: ScNewContactFormComponent, selector: "sc-new-contact-form", inputs: ["form"] }, { kind: "pipe", type: i2$2.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ScAddContactDialogComponent, selector: "sc-add-contact-dialog", ngImport: i0, template: "<form\n    [formGroup]=\"form\"\n    (ngSubmit)=\"onSubmit.next()\"\n    class=\"flex flex-col gap-3\"\n>\n    <sc-new-contact-form [form]=\"form\"></sc-new-contact-form>\n    <div class=\"flex justify-center gap-4\">\n        <button\n            tuiButton\n            (click)=\"context.$implicit.complete()\"\n            type=\"button\"\n            iconStart=\"@tui.x\"\n            appearance=\"secondary\"\n        >\n            \u041E\u0442\u043C\u0435\u043D\u0430\n        </button>\n        <button\n            tuiButton\n            [disabled]=\"form.invalid\"\n            [loading]=\"!!(loading$ | async)\"\n            type=\"submit\"\n            iconStart=\"@tui.save\"\n        >\n            \u0421\u043E\u0445\u0440\u0430\u043D\u0438\u0442\u044C\n        </button>\n    </div>\n</form>\n", dependencies: [{ kind: "directive", type: i2$3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2$3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2$3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "component", type: i2$1.TuiButtonLoading, selector: "[tuiButton][loading],[tuiIconButton][loading]", inputs: ["size", "loading"] }, { kind: "component", type: ScNewContactFormComponent, selector: "sc-new-contact-form", inputs: ["form"] }, { kind: "pipe", type: i2$2.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ScAddContactDialogComponent, decorators: [{
             type: Component,
@@ -2704,7 +2716,8 @@ class ScContactsModule {
             TuiSelectModule, i1$1.TuiDataListComponent, i1$1.TuiDataListDirective, i1$1.TuiOption, i1$1.TuiOptionNew, i1$1.TuiOptionWithValue, i1$1.TuiOptGroup, i2$1.TuiDataListWrapperComponent, i2$1.TuiDataListGroupWrapperComponent, i3$1.TuiDataListDirective, TuiLabel,
             TuiInputModule,
             TuiInputPhoneModule,
-            TuiError, ScTelLinkDirective, ScEmailLinkDirective, ScPhoneFormatPipe, TuiButtonLoading], exports: [ScContactsAccordionComponent, ScNewContactFormComponent, ScAddContactDialogComponent] }); }
+            TuiError, ScTelLinkDirective, ScEmailLinkDirective, ScPhoneFormatPipe, TuiButtonLoading,
+            TuiInputPhoneInternational, i4$1.TuiLabel, i1$1.TuiSelect, i1$1.TuiTextfieldComponent, i1$1.TuiTextfieldDirective, i1$1.TuiTextfieldOptionsDirective, i1$1.TuiTextfieldDropdownDirective, TuiSortCountriesPipe], exports: [ScContactsAccordionComponent, ScNewContactFormComponent, ScAddContactDialogComponent] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ScContactsModule, imports: [CommonModule,
             FormsModule,
             ReactiveFormsModule,
@@ -2714,7 +2727,8 @@ class ScContactsModule {
             TuiSelectModule, i1$1.TuiDataListComponent, i1$1.TuiOption, i2$1.TuiDataListWrapperComponent, i2$1.TuiDataListGroupWrapperComponent, TuiInputModule,
             TuiInputPhoneModule,
             TuiError,
-            TuiButtonLoading] }); }
+            TuiButtonLoading,
+            TuiInputPhoneInternational, i1$1.TuiSelect, i1$1.TuiTextfieldComponent] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ScContactsModule, decorators: [{
             type: NgModule,
@@ -2742,6 +2756,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         TuiError,
                         ...ScLinks,
                         TuiButtonLoading,
+                        TuiInputPhoneInternational,
+                        ...TuiTextfield,
+                        TuiSortCountriesPipe,
                     ],
                     exports: [ScContactsAccordionComponent, ScNewContactFormComponent, ScAddContactDialogComponent],
                 }]
@@ -2804,11 +2821,11 @@ class ScAddContragentBankAccountsDialogComponent {
         this.loading$ = this.request$.pipe(map(tuiIsFalsy));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ScAddContragentBankAccountsDialogComponent, deps: [{ token: i1.ScContragentService }, { token: POLYMORPHEUS_CONTEXT }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ScAddContragentBankAccountsDialogComponent, selector: "sc-add-contragent-bank-account-dialog", ngImport: i0, template: "<form\n    [formGroup]=\"form\"\n    (ngSubmit)=\"onSubmit.next()\"\n    class=\"flex flex-col gap-3\"\n>\n    <sc-new-contragent-bank-account-form [form]=\"form\"></sc-new-contragent-bank-account-form>\n    <div class=\"flex justify-center gap-4\">\n        <button\n            tuiButton\n            (click)=\"context.$implicit.complete()\"\n            type=\"button\"\n            iconStart=\"@tui.x\"\n            appearance=\"secondary\"\n        >\n            \u041E\u0442\u043C\u0435\u043D\u0430\n        </button>\n        <button\n            tuiButton\n            [disabled]=\"form.invalid\"\n            [loading]=\"!!(loading$ | async)\"\n            type=\"submit\"\n            iconStart=\"@tui.save\"\n        >\n            \u0421\u043E\u0445\u0440\u0430\u043D\u0438\u0442\u044C\n        </button>\n    </div>\n</form>\n", dependencies: [{ kind: "directive", type: i3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "component", type: i2$1.TuiButtonLoading, selector: "[tuiButton][loading],[tuiIconButton][loading]", inputs: ["size", "loading"] }, { kind: "component", type: ScNewContragentBankAccountsFormComponent, selector: "sc-new-contragent-bank-account-form", inputs: ["form"] }, { kind: "pipe", type: i2$2.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ScAddContragentBankAccountsDialogComponent, selector: "sc-add-contragent-bank-account-dialog", ngImport: i0, template: "<form\n    [formGroup]=\"form\"\n    (ngSubmit)=\"onSubmit.next()\"\n    class=\"flex flex-col gap-3\"\n>\n    <sc-new-contragent-bank-account-form\n        [opf]=\"$any(context.data).opf.slug\"\n        [form]=\"form\"\n    />\n    <div class=\"flex justify-center gap-4\">\n        <button\n            tuiButton\n            (click)=\"context.$implicit.complete()\"\n            type=\"button\"\n            iconStart=\"@tui.x\"\n            appearance=\"secondary\"\n        >\n            \u041E\u0442\u043C\u0435\u043D\u0430\n        </button>\n        <button\n            tuiButton\n            [disabled]=\"form.invalid\"\n            [loading]=\"!!(loading$ | async)\"\n            type=\"submit\"\n            iconStart=\"@tui.save\"\n        >\n            \u0421\u043E\u0445\u0440\u0430\u043D\u0438\u0442\u044C\n        </button>\n    </div>\n</form>\n", dependencies: [{ kind: "directive", type: i2$3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2$3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2$3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "component", type: i2$1.TuiButtonLoading, selector: "[tuiButton][loading],[tuiIconButton][loading]", inputs: ["size", "loading"] }, { kind: "component", type: ScNewContragentBankAccountsFormComponent, selector: "sc-new-contragent-bank-account-form", inputs: ["form", "opf"] }, { kind: "pipe", type: i2$2.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ScAddContragentBankAccountsDialogComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sc-add-contragent-bank-account-dialog', changeDetection: ChangeDetectionStrategy.OnPush, template: "<form\n    [formGroup]=\"form\"\n    (ngSubmit)=\"onSubmit.next()\"\n    class=\"flex flex-col gap-3\"\n>\n    <sc-new-contragent-bank-account-form [form]=\"form\"></sc-new-contragent-bank-account-form>\n    <div class=\"flex justify-center gap-4\">\n        <button\n            tuiButton\n            (click)=\"context.$implicit.complete()\"\n            type=\"button\"\n            iconStart=\"@tui.x\"\n            appearance=\"secondary\"\n        >\n            \u041E\u0442\u043C\u0435\u043D\u0430\n        </button>\n        <button\n            tuiButton\n            [disabled]=\"form.invalid\"\n            [loading]=\"!!(loading$ | async)\"\n            type=\"submit\"\n            iconStart=\"@tui.save\"\n        >\n            \u0421\u043E\u0445\u0440\u0430\u043D\u0438\u0442\u044C\n        </button>\n    </div>\n</form>\n" }]
+            args: [{ selector: 'sc-add-contragent-bank-account-dialog', changeDetection: ChangeDetectionStrategy.OnPush, template: "<form\n    [formGroup]=\"form\"\n    (ngSubmit)=\"onSubmit.next()\"\n    class=\"flex flex-col gap-3\"\n>\n    <sc-new-contragent-bank-account-form\n        [opf]=\"$any(context.data).opf.slug\"\n        [form]=\"form\"\n    />\n    <div class=\"flex justify-center gap-4\">\n        <button\n            tuiButton\n            (click)=\"context.$implicit.complete()\"\n            type=\"button\"\n            iconStart=\"@tui.x\"\n            appearance=\"secondary\"\n        >\n            \u041E\u0442\u043C\u0435\u043D\u0430\n        </button>\n        <button\n            tuiButton\n            [disabled]=\"form.invalid\"\n            [loading]=\"!!(loading$ | async)\"\n            type=\"submit\"\n            iconStart=\"@tui.save\"\n        >\n            \u0421\u043E\u0445\u0440\u0430\u043D\u0438\u0442\u044C\n        </button>\n    </div>\n</form>\n" }]
         }], ctorParameters: () => [{ type: i1.ScContragentService }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [POLYMORPHEUS_CONTEXT]
@@ -3050,11 +3067,11 @@ class ScAddContragentDialogComponent {
         this.contacts.removeAt(index);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ScAddContragentDialogComponent, deps: [{ token: i1.ScReferencesService }, { token: i1.ScContragentService }, { token: i1.ScConvertersService }, { token: i1.ScUserMetrikaService }, { token: i1.ScLocationsService }, { token: POLYMORPHEUS_CONTEXT, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ScAddContragentDialogComponent, selector: "sc-add-contragent-dialog", ngImport: i0, template: "<form\n    [formGroup]=\"form\"\n    (ngSubmit)=\"onSubmit.next()\"\n    class=\"flex flex-col gap-4\"\n>\n    <tui-elastic-container>\n        <sc-new-contragent-form [class.!hidden]=\"stepIndex !== 0\"></sc-new-contragent-form>\n\n        <div [class.!hidden]=\"stepIndex !== 1\">\n            <div\n                *ngIf=\"contacts\"\n                class=\"flex flex-col gap-5 pb-1\"\n            >\n                <p class=\"text-lg font-bold\">\u041A\u043E\u043D\u0442\u0430\u043A\u0442\u044B</p>\n                <div\n                    *ngFor=\"let contact of contacts.controls; let index = index; let count = count; let last = last\"\n                    class=\"flex flex-col gap-3\"\n                >\n                    <div class=\"flex h-10 items-center justify-between\">\n                        <p class=\"font-bold\">\u041A\u043E\u043D\u0442\u0430\u043A\u0442 \u2116{{ index + 1 }}:</p>\n                        <button\n                            *ngIf=\"count - 1\"\n                            tuiIconButton\n                            appearance=\"secondary\"\n                            (click)=\"removeContactGroup(index)\"\n                            iconStart=\"@tui.trash-2\"\n                        ></button>\n                    </div>\n                    <sc-new-contact-form [form]=\"contact\"></sc-new-contact-form>\n                    <hr\n                        *ngIf=\"!last\"\n                        class=\"h-px w-full bg-tui-base-04\"\n                    />\n                </div>\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        </div>\n\n        <div [class.!hidden]=\"stepIndex !== 2\">\n            <div\n                *ngIf=\"bankAccounts\"\n                class=\"flex flex-col gap-5 pb-1\"\n            >\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                <div\n                    *ngFor=\"let bankAccount of bankAccounts.controls; let index = index; let count = count; let last = last\"\n                    class=\"flex flex-col gap-3\"\n                >\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                        <button\n                            *ngIf=\"count - 1\"\n                            tuiIconButton\n                            appearance=\"secondary\"\n                            (click)=\"removeBankAccountGroup(index)\"\n                            iconStart=\"@tui.trash-2\"\n                        ></button>\n                    </div>\n                    <sc-new-contragent-bank-account-form [form]=\"bankAccount\"></sc-new-contragent-bank-account-form>\n                    <hr\n                        *ngIf=\"!last\"\n                        class=\"h-px w-full bg-tui-base-04\"\n                    />\n                </div>\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        </div>\n    </tui-elastic-container>\n    <div class=\"flex justify-center gap-2\">\n        <button\n            *ngIf=\"stepIndex > 0\"\n            tuiButton\n            appearance=\"secondary\"\n            type=\"button\"\n            (click)=\"stepIndex = (stepIndex - 1) % 3\"\n        >\n            \u041D\u0430\u0437\u0430\u0434\n        </button>\n        <button\n            *ngIf=\"stepIndex === 0\"\n            tuiButton\n            (click)=\"context.$implicit.complete()\"\n            type=\"button\"\n            appearance=\"secondary\"\n        >\n            \u041E\u0442\u043C\u0435\u043D\u0430\n        </button>\n        <button\n            *ngIf=\"stepIndex === 2 || (stepIndex === 1 && !form.controls.contragent.controls['bankAccounts']); else nextIndexBtn\"\n            tuiButton\n            [disabled]=\"form.invalid\"\n            [loading]=\"!!(loading$ | async)\"\n            type=\"submit\"\n            class=\"self-center\"\n        >\n            \u0421\u043E\u0437\u0434\u0430\u0442\u044C\n        </button>\n        <ng-template #nextIndexBtn>\n            <button\n                tuiButton\n                [disabled]=\"!canNextStep()\"\n                type=\"button\"\n                (click)=\"stepIndex = (stepIndex + 1) % 3\"\n            >\n                \u0414\u0430\u043B\u0435\u0435\n            </button>\n        </ng-template>\n    </div>\n</form>\n", styles: ["tui-carousel{--tui-carousel-padding: .5rem}\n"], dependencies: [{ kind: "directive", type: i3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "component", type: ScNewContactFormComponent, selector: "sc-new-contact-form", inputs: ["form"] }, { kind: "component", type: i2$1.TuiElasticContainer, selector: "tui-elastic-container" }, { kind: "component", type: i2$1.TuiButtonLoading, selector: "[tuiButton][loading],[tuiIconButton][loading]", inputs: ["size", "loading"] }, { kind: "component", type: ScNewContragentBankAccountsFormComponent, selector: "sc-new-contragent-bank-account-form", inputs: ["form"] }, { kind: "component", type: ScNewContragentFormComponent, selector: "sc-new-contragent-form", inputs: ["opfControl"] }, { kind: "pipe", type: i2$2.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ScAddContragentDialogComponent, selector: "sc-add-contragent-dialog", ngImport: i0, template: "<form\n    [formGroup]=\"form\"\n    (ngSubmit)=\"onSubmit.next()\"\n    class=\"flex flex-col gap-4\"\n>\n    <tui-elastic-container>\n        <sc-new-contragent-form [class.!hidden]=\"stepIndex !== 0\" />\n\n        <div [class.!hidden]=\"stepIndex !== 1\">\n            <div\n                *ngIf=\"contacts\"\n                class=\"flex flex-col gap-5 pb-1\"\n            >\n                <p class=\"text-lg font-bold\">\u041A\u043E\u043D\u0442\u0430\u043A\u0442\u044B</p>\n                <div\n                    *ngFor=\"let contact of contacts.controls; let index = index; let count = count; let last = last\"\n                    class=\"flex flex-col gap-3\"\n                >\n                    <div class=\"flex h-10 items-center justify-between\">\n                        <p class=\"font-bold\">\u041A\u043E\u043D\u0442\u0430\u043A\u0442 \u2116{{ index + 1 }}:</p>\n                        <button\n                            *ngIf=\"count - 1\"\n                            tuiIconButton\n                            appearance=\"secondary\"\n                            (click)=\"removeContactGroup(index)\"\n                            iconStart=\"@tui.trash-2\"\n                        ></button>\n                    </div>\n                    <sc-new-contact-form [form]=\"contact\"></sc-new-contact-form>\n                    <hr\n                        *ngIf=\"!last\"\n                        class=\"h-px w-full bg-tui-base-04\"\n                    />\n                </div>\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        </div>\n\n        <div [class.!hidden]=\"stepIndex !== 2\">\n            <div\n                *ngIf=\"bankAccounts\"\n                class=\"flex flex-col gap-5 pb-1\"\n            >\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                <div\n                    *ngFor=\"let bankAccount of bankAccounts.controls; let index = index; let count = count; let last = last\"\n                    class=\"flex flex-col gap-3\"\n                >\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                        <button\n                            *ngIf=\"count - 1\"\n                            tuiIconButton\n                            appearance=\"secondary\"\n                            (click)=\"removeBankAccountGroup(index)\"\n                            iconStart=\"@tui.trash-2\"\n                        ></button>\n                    </div>\n                    <sc-new-contragent-bank-account-form\n                        *ngIf=\"form.controls.contragent.controls['opf'].value as opf\"\n                        [form]=\"bankAccount\"\n                        [opf]=\"opf\"\n                    />\n                    <hr\n                        *ngIf=\"!last\"\n                        class=\"h-px w-full bg-tui-base-04\"\n                    />\n                </div>\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        </div>\n    </tui-elastic-container>\n    <div class=\"flex justify-center gap-2\">\n        <button\n            *ngIf=\"stepIndex > 0\"\n            tuiButton\n            appearance=\"secondary\"\n            type=\"button\"\n            (click)=\"stepIndex = (stepIndex - 1) % 3\"\n        >\n            \u041D\u0430\u0437\u0430\u0434\n        </button>\n        <button\n            *ngIf=\"stepIndex === 0\"\n            tuiButton\n            (click)=\"context.$implicit.complete()\"\n            type=\"button\"\n            appearance=\"secondary\"\n        >\n            \u041E\u0442\u043C\u0435\u043D\u0430\n        </button>\n        <button\n            *ngIf=\"stepIndex === 2 || (stepIndex === 1 && !form.controls.contragent.controls['bankAccounts']); else nextIndexBtn\"\n            tuiButton\n            [disabled]=\"form.invalid\"\n            [loading]=\"!!(loading$ | async)\"\n            type=\"submit\"\n            class=\"self-center\"\n        >\n            \u0421\u043E\u0437\u0434\u0430\u0442\u044C\n        </button>\n        <ng-template #nextIndexBtn>\n            <button\n                tuiButton\n                [disabled]=\"!canNextStep()\"\n                type=\"button\"\n                (click)=\"stepIndex = (stepIndex + 1) % 3\"\n            >\n                \u0414\u0430\u043B\u0435\u0435\n            </button>\n        </ng-template>\n    </div>\n</form>\n", styles: ["tui-carousel{--tui-carousel-padding: .5rem}\n"], dependencies: [{ kind: "directive", type: i2$3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2$3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2$3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "component", type: ScNewContactFormComponent, selector: "sc-new-contact-form", inputs: ["form"] }, { kind: "component", type: i2$1.TuiElasticContainer, selector: "tui-elastic-container" }, { kind: "component", type: i2$1.TuiButtonLoading, selector: "[tuiButton][loading],[tuiIconButton][loading]", inputs: ["size", "loading"] }, { kind: "component", type: ScNewContragentBankAccountsFormComponent, selector: "sc-new-contragent-bank-account-form", inputs: ["form", "opf"] }, { kind: "component", type: ScNewContragentFormComponent, selector: "sc-new-contragent-form", inputs: ["opfControl"] }, { kind: "pipe", type: i2$2.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ScAddContragentDialogComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sc-add-contragent-dialog', changeDetection: ChangeDetectionStrategy.OnPush, template: "<form\n    [formGroup]=\"form\"\n    (ngSubmit)=\"onSubmit.next()\"\n    class=\"flex flex-col gap-4\"\n>\n    <tui-elastic-container>\n        <sc-new-contragent-form [class.!hidden]=\"stepIndex !== 0\"></sc-new-contragent-form>\n\n        <div [class.!hidden]=\"stepIndex !== 1\">\n            <div\n                *ngIf=\"contacts\"\n                class=\"flex flex-col gap-5 pb-1\"\n            >\n                <p class=\"text-lg font-bold\">\u041A\u043E\u043D\u0442\u0430\u043A\u0442\u044B</p>\n                <div\n                    *ngFor=\"let contact of contacts.controls; let index = index; let count = count; let last = last\"\n                    class=\"flex flex-col gap-3\"\n                >\n                    <div class=\"flex h-10 items-center justify-between\">\n                        <p class=\"font-bold\">\u041A\u043E\u043D\u0442\u0430\u043A\u0442 \u2116{{ index + 1 }}:</p>\n                        <button\n                            *ngIf=\"count - 1\"\n                            tuiIconButton\n                            appearance=\"secondary\"\n                            (click)=\"removeContactGroup(index)\"\n                            iconStart=\"@tui.trash-2\"\n                        ></button>\n                    </div>\n                    <sc-new-contact-form [form]=\"contact\"></sc-new-contact-form>\n                    <hr\n                        *ngIf=\"!last\"\n                        class=\"h-px w-full bg-tui-base-04\"\n                    />\n                </div>\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        </div>\n\n        <div [class.!hidden]=\"stepIndex !== 2\">\n            <div\n                *ngIf=\"bankAccounts\"\n                class=\"flex flex-col gap-5 pb-1\"\n            >\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                <div\n                    *ngFor=\"let bankAccount of bankAccounts.controls; let index = index; let count = count; let last = last\"\n                    class=\"flex flex-col gap-3\"\n                >\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                        <button\n                            *ngIf=\"count - 1\"\n                            tuiIconButton\n                            appearance=\"secondary\"\n                            (click)=\"removeBankAccountGroup(index)\"\n                            iconStart=\"@tui.trash-2\"\n                        ></button>\n                    </div>\n                    <sc-new-contragent-bank-account-form [form]=\"bankAccount\"></sc-new-contragent-bank-account-form>\n                    <hr\n                        *ngIf=\"!last\"\n                        class=\"h-px w-full bg-tui-base-04\"\n                    />\n                </div>\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        </div>\n    </tui-elastic-container>\n    <div class=\"flex justify-center gap-2\">\n        <button\n            *ngIf=\"stepIndex > 0\"\n            tuiButton\n            appearance=\"secondary\"\n            type=\"button\"\n            (click)=\"stepIndex = (stepIndex - 1) % 3\"\n        >\n            \u041D\u0430\u0437\u0430\u0434\n        </button>\n        <button\n            *ngIf=\"stepIndex === 0\"\n            tuiButton\n            (click)=\"context.$implicit.complete()\"\n            type=\"button\"\n            appearance=\"secondary\"\n        >\n            \u041E\u0442\u043C\u0435\u043D\u0430\n        </button>\n        <button\n            *ngIf=\"stepIndex === 2 || (stepIndex === 1 && !form.controls.contragent.controls['bankAccounts']); else nextIndexBtn\"\n            tuiButton\n            [disabled]=\"form.invalid\"\n            [loading]=\"!!(loading$ | async)\"\n            type=\"submit\"\n            class=\"self-center\"\n        >\n            \u0421\u043E\u0437\u0434\u0430\u0442\u044C\n        </button>\n        <ng-template #nextIndexBtn>\n            <button\n                tuiButton\n                [disabled]=\"!canNextStep()\"\n                type=\"button\"\n                (click)=\"stepIndex = (stepIndex + 1) % 3\"\n            >\n                \u0414\u0430\u043B\u0435\u0435\n            </button>\n        </ng-template>\n    </div>\n</form>\n", styles: ["tui-carousel{--tui-carousel-padding: .5rem}\n"] }]
+            args: [{ selector: 'sc-add-contragent-dialog', changeDetection: ChangeDetectionStrategy.OnPush, template: "<form\n    [formGroup]=\"form\"\n    (ngSubmit)=\"onSubmit.next()\"\n    class=\"flex flex-col gap-4\"\n>\n    <tui-elastic-container>\n        <sc-new-contragent-form [class.!hidden]=\"stepIndex !== 0\" />\n\n        <div [class.!hidden]=\"stepIndex !== 1\">\n            <div\n                *ngIf=\"contacts\"\n                class=\"flex flex-col gap-5 pb-1\"\n            >\n                <p class=\"text-lg font-bold\">\u041A\u043E\u043D\u0442\u0430\u043A\u0442\u044B</p>\n                <div\n                    *ngFor=\"let contact of contacts.controls; let index = index; let count = count; let last = last\"\n                    class=\"flex flex-col gap-3\"\n                >\n                    <div class=\"flex h-10 items-center justify-between\">\n                        <p class=\"font-bold\">\u041A\u043E\u043D\u0442\u0430\u043A\u0442 \u2116{{ index + 1 }}:</p>\n                        <button\n                            *ngIf=\"count - 1\"\n                            tuiIconButton\n                            appearance=\"secondary\"\n                            (click)=\"removeContactGroup(index)\"\n                            iconStart=\"@tui.trash-2\"\n                        ></button>\n                    </div>\n                    <sc-new-contact-form [form]=\"contact\"></sc-new-contact-form>\n                    <hr\n                        *ngIf=\"!last\"\n                        class=\"h-px w-full bg-tui-base-04\"\n                    />\n                </div>\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        </div>\n\n        <div [class.!hidden]=\"stepIndex !== 2\">\n            <div\n                *ngIf=\"bankAccounts\"\n                class=\"flex flex-col gap-5 pb-1\"\n            >\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                <div\n                    *ngFor=\"let bankAccount of bankAccounts.controls; let index = index; let count = count; let last = last\"\n                    class=\"flex flex-col gap-3\"\n                >\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                        <button\n                            *ngIf=\"count - 1\"\n                            tuiIconButton\n                            appearance=\"secondary\"\n                            (click)=\"removeBankAccountGroup(index)\"\n                            iconStart=\"@tui.trash-2\"\n                        ></button>\n                    </div>\n                    <sc-new-contragent-bank-account-form\n                        *ngIf=\"form.controls.contragent.controls['opf'].value as opf\"\n                        [form]=\"bankAccount\"\n                        [opf]=\"opf\"\n                    />\n                    <hr\n                        *ngIf=\"!last\"\n                        class=\"h-px w-full bg-tui-base-04\"\n                    />\n                </div>\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        </div>\n    </tui-elastic-container>\n    <div class=\"flex justify-center gap-2\">\n        <button\n            *ngIf=\"stepIndex > 0\"\n            tuiButton\n            appearance=\"secondary\"\n            type=\"button\"\n            (click)=\"stepIndex = (stepIndex - 1) % 3\"\n        >\n            \u041D\u0430\u0437\u0430\u0434\n        </button>\n        <button\n            *ngIf=\"stepIndex === 0\"\n            tuiButton\n            (click)=\"context.$implicit.complete()\"\n            type=\"button\"\n            appearance=\"secondary\"\n        >\n            \u041E\u0442\u043C\u0435\u043D\u0430\n        </button>\n        <button\n            *ngIf=\"stepIndex === 2 || (stepIndex === 1 && !form.controls.contragent.controls['bankAccounts']); else nextIndexBtn\"\n            tuiButton\n            [disabled]=\"form.invalid\"\n            [loading]=\"!!(loading$ | async)\"\n            type=\"submit\"\n            class=\"self-center\"\n        >\n            \u0421\u043E\u0437\u0434\u0430\u0442\u044C\n        </button>\n        <ng-template #nextIndexBtn>\n            <button\n                tuiButton\n                [disabled]=\"!canNextStep()\"\n                type=\"button\"\n                (click)=\"stepIndex = (stepIndex + 1) % 3\"\n            >\n                \u0414\u0430\u043B\u0435\u0435\n            </button>\n        </ng-template>\n    </div>\n</form>\n", styles: ["tui-carousel{--tui-carousel-padding: .5rem}\n"] }]
         }], ctorParameters: () => [{ type: i1.ScReferencesService }, { type: i1.ScContragentService }, { type: i1.ScConvertersService }, { type: i1.ScUserMetrikaService }, { type: i1.ScLocationsService }, { type: undefined, decorators: [{
                     type: Optional
                 }, {
@@ -3299,12 +3316,8 @@ class ScVerificationModule {
             TuiButtonLoading,
             ScManagerCardComponent,
             TuiTitle,
-            TuiIcon, i2$1.TuiPushComponent, i2$1.TuiPushAlert, i2$1.TuiPushDirective, TuiInputPhoneInternational, i6$1.TuiLabel, i1$1.TuiSelect, i1$1.TuiTextfieldComponent, i1$1.TuiTextfieldDirective, i1$1.TuiTextfieldOptionsDirective, i1$1.TuiTextfieldDropdownDirective, TuiSortCountriesPipe], exports: [ScVerificationPhoneCheckFormComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ScVerificationModule, providers: [
-            tuiInputPhoneInternationalOptionsProvider({
-                metadata: defer(async () => import('libphonenumber-js/max/metadata').then((m) => m.default)),
-            }),
-        ], imports: [CommonModule,
+            TuiIcon, i2$1.TuiPushComponent, i2$1.TuiPushAlert, i2$1.TuiPushDirective, TuiInputPhoneInternational, i4$1.TuiLabel, i1$1.TuiSelect, i1$1.TuiTextfieldComponent, i1$1.TuiTextfieldDirective, i1$1.TuiTextfieldOptionsDirective, i1$1.TuiTextfieldDropdownDirective, TuiSortCountriesPipe], exports: [ScVerificationPhoneCheckFormComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ScVerificationModule, imports: [CommonModule,
             FormsModule,
             ReactiveFormsModule,
             TuiInputPasswordModule,
@@ -3347,11 +3360,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                     ],
                     exports: [ScVerificationPhoneCheckFormComponent],
                     declarations: [ScVerificationPhoneCheckFormComponent],
-                    providers: [
-                        tuiInputPhoneInternationalOptionsProvider({
-                            metadata: defer(async () => import('libphonenumber-js/max/metadata').then((m) => m.default)),
-                        }),
-                    ],
                 }]
         }] });
 
@@ -3909,7 +3917,7 @@ class ScInputQuantityComponent extends AbstractTuiNullableControl {
         this.clickClearEvent.emit();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ScInputQuantityComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ScInputQuantityComponent, isStandalone: true, selector: "sc-input-quantity", inputs: { step: "step", showLoader: "showLoader", showCross: "showCross", ignoreStepValidators: "ignoreStepValidators", appearance: "appearance", isDisabled: "isDisabled", size: "size" }, outputs: { clickClearEvent: "clickClearEvent" }, host: { listeners: { "keydown.arrowDown": "onArrow(-step)", "keydown.arrowUp": "onArrow(step)" }, properties: { "attr.data-appearance": "this.appearance", "attr.data-disabled": "this.isDisabled", "attr.data-size": "this.size" } }, viewQueries: [{ propertyName: "numberInput", first: true, predicate: TuiInputNumberComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<tui-loader\n    *ngIf=\"formControl\"\n    class=\"w-full\"\n    [overlay]=\"true\"\n    [showLoader]=\"showLoader\"\n    [size]=\"size\"\n>\n    <div class=\"flex items-center gap-1 text-center\">\n        <div class=\"field-with-button flex grow rounded-xl\">\n            <button\n                tuiIconButton\n                [appearance]=\"appearance\"\n                [size]=\"size\"\n                [disabled]=\"!numberInput['canDecrement']\"\n                (click.prevent)=\"decrement(true)\"\n            >\n                <tui-icon icon=\"@tui.minus\"></tui-icon>\n            </button>\n            <tui-input-number\n                #numberInput\n                [formControl]=\"formControl\"\n                [tuiHint]=\"([] | tuiFieldError | async)?.message\"\n                [tuiTextfieldLabelOutside]=\"true\"\n                [min]=\"ignoreStepValidators ? 1 : step\"\n                [tuiTextfieldSize]=\"size\"\n                [required]=\"true\"\n                [style.text-align]=\"'center'\"\n                [style.font-weight]=\"700\"\n                (focusin)=\"$any($event.target).select()\"\n                oncontextmenu=\"return false;\"\n                class=\"grow\"\n            >\n            </tui-input-number>\n            <button\n                tuiIconButton\n                [appearance]=\"appearance\"\n                [size]=\"size\"\n                [disabled]=\"!numberInput['canIncrement']\"\n                (click.prevent)=\"incident(true)\"\n            >\n                <tui-icon icon=\"@tui.plus\"></tui-icon>\n            </button>\n        </div>\n        <button\n            *ngIf=\"showCross\"\n            tuiIconButton\n            appearance=\"secondary\"\n            [size]=\"size\"\n            [disabled]=\"!numberInput['canIncrement']\"\n            (click.prevent)=\"clear()\"\n        >\n            <tui-icon icon=\"@tui.x\"></tui-icon>\n        </button>\n    </div>\n</tui-loader>\n", styles: [":host [data-size=l]{--tui-height-l: var(--tui-height-m);--tui-font-text-m: bold .875rem/1.25rem var(--tui-font-text);--tui-padding-l: 0}:host [data-size=m]{--tui-height-m: var(--tui-height-s);--tui-font-text-s: bold .75rem/1rem var(--tui-font-text);--tui-padding-m: 0}:host [data-size=m] tui-svg{font-size:12px!important}:host [data-size=s]{--tui-height-s: var(--tui-height-xs);--tui-font-text-s: bold .75rem/1rem var(--tui-font-text);--tui-padding-s: 0}:host [data-size=s] tui-svg{font-size:12px!important}:host[data-disabled=true]{pointer-events:none;opacity:var(--tui-disabled-opacity)}:host[data-appearance=secondary] .field-with-button{background-color:var(--tui-background-base);box-shadow:inset 0 0 0 .0625rem var(--tui-background-neutral-1-hover)}:host[data-appearance=primary] .field-with-button{background-color:var(--tui-status-warning-pale)}:host .field-with-button:has(._invalid){background-color:var(--tui-status-negative-pale)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i2$2.AsyncPipe, name: "async" }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "component", type: TuiIcon, selector: "tui-icon", inputs: ["icon", "background"] }, { kind: "ngmodule", type: TuiInputNumberModule }, { kind: "component", type: i5.TuiInputNumberComponent, selector: "tui-input-number", inputs: ["min", "max", "step"] }, { kind: "directive", type: i5.TuiInputNumberDirective, selector: "tui-input-number" }, { kind: "ngmodule", type: TuiTextfieldControllerModule }, { kind: "directive", type: i5.TuiTextfieldLabelOutsideDirective, selector: "[tuiTextfieldLabelOutside]", inputs: ["tuiTextfieldLabelOutside"] }, { kind: "directive", type: i5.TuiTextfieldSizeDirective, selector: "[tuiTextfieldSize]", inputs: ["tuiTextfieldSize"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.TuiHintDirective, selector: "[tuiHint]:not(ng-container):not(ng-template)", inputs: ["tuiHintContext", "tuiHintAppearance", "tuiHint"] }, { kind: "pipe", type: TuiFieldErrorPipe, name: "tuiFieldError" }, { kind: "component", type: TuiLoader, selector: "tui-loader", inputs: ["size", "inheritColor", "overlay", "textContent", "showLoader"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ScInputQuantityComponent, isStandalone: true, selector: "sc-input-quantity", inputs: { step: "step", showLoader: "showLoader", showCross: "showCross", ignoreStepValidators: "ignoreStepValidators", appearance: "appearance", isDisabled: "isDisabled", size: "size" }, outputs: { clickClearEvent: "clickClearEvent" }, host: { listeners: { "keydown.arrowDown": "onArrow(-step)", "keydown.arrowUp": "onArrow(step)" }, properties: { "attr.data-appearance": "this.appearance", "attr.data-disabled": "this.isDisabled", "attr.data-size": "this.size" } }, viewQueries: [{ propertyName: "numberInput", first: true, predicate: TuiInputNumberComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<tui-loader\n    *ngIf=\"formControl\"\n    class=\"w-full\"\n    [overlay]=\"true\"\n    [showLoader]=\"showLoader\"\n    [size]=\"size\"\n>\n    <div class=\"flex items-center gap-1 text-center\">\n        <div class=\"field-with-button flex grow rounded-xl\">\n            <button\n                tuiIconButton\n                [appearance]=\"appearance\"\n                [size]=\"size\"\n                [disabled]=\"!numberInput['canDecrement']\"\n                (click.prevent)=\"decrement(true)\"\n            >\n                <tui-icon icon=\"@tui.minus\"></tui-icon>\n            </button>\n            <tui-input-number\n                #numberInput\n                [formControl]=\"formControl\"\n                [tuiHint]=\"([] | tuiFieldError | async)?.message\"\n                [tuiTextfieldLabelOutside]=\"true\"\n                [min]=\"ignoreStepValidators ? 1 : step\"\n                [tuiTextfieldSize]=\"size\"\n                [required]=\"true\"\n                [style.text-align]=\"'center'\"\n                [style.font-weight]=\"700\"\n                (focusin)=\"$any($event.target).select()\"\n                oncontextmenu=\"return false;\"\n                class=\"grow\"\n            >\n            </tui-input-number>\n            <button\n                tuiIconButton\n                [appearance]=\"appearance\"\n                [size]=\"size\"\n                [disabled]=\"!numberInput['canIncrement']\"\n                (click.prevent)=\"incident(true)\"\n            >\n                <tui-icon icon=\"@tui.plus\"></tui-icon>\n            </button>\n        </div>\n        <button\n            *ngIf=\"showCross\"\n            tuiIconButton\n            appearance=\"secondary\"\n            [size]=\"size\"\n            [disabled]=\"!numberInput['canIncrement']\"\n            (click.prevent)=\"clear()\"\n        >\n            <tui-icon icon=\"@tui.x\"></tui-icon>\n        </button>\n    </div>\n</tui-loader>\n", styles: [":host [data-size=l]{--tui-height-l: var(--tui-height-m);--tui-font-text-m: bold .875rem/1.25rem var(--tui-font-text);--tui-padding-l: 0}:host [data-size=m]{--tui-height-m: var(--tui-height-s);--tui-font-text-s: bold .75rem/1rem var(--tui-font-text);--tui-padding-m: 0}:host [data-size=m] tui-svg{font-size:12px!important}:host [data-size=s]{--tui-height-s: var(--tui-height-xs);--tui-font-text-s: bold .75rem/1rem var(--tui-font-text);--tui-padding-s: 0}:host [data-size=s] tui-svg{font-size:12px!important}:host[data-disabled=true]{pointer-events:none;opacity:var(--tui-disabled-opacity)}:host[data-appearance=secondary] .field-with-button{background-color:var(--tui-background-base);box-shadow:inset 0 0 0 .0625rem var(--tui-background-neutral-1-hover)}:host[data-appearance=primary] .field-with-button{background-color:var(--tui-status-warning-pale)}:host .field-with-button:has(._invalid){background-color:var(--tui-status-negative-pale)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i2$2.AsyncPipe, name: "async" }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "component", type: TuiIcon, selector: "tui-icon", inputs: ["icon", "background"] }, { kind: "ngmodule", type: TuiInputNumberModule }, { kind: "component", type: i3.TuiInputNumberComponent, selector: "tui-input-number", inputs: ["min", "max", "step"] }, { kind: "directive", type: i3.TuiInputNumberDirective, selector: "tui-input-number" }, { kind: "ngmodule", type: TuiTextfieldControllerModule }, { kind: "directive", type: i3.TuiTextfieldLabelOutsideDirective, selector: "[tuiTextfieldLabelOutside]", inputs: ["tuiTextfieldLabelOutside"] }, { kind: "directive", type: i3.TuiTextfieldSizeDirective, selector: "[tuiTextfieldSize]", inputs: ["tuiTextfieldSize"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$3.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2$3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.TuiHintDirective, selector: "[tuiHint]:not(ng-container):not(ng-template)", inputs: ["tuiHintContext", "tuiHintAppearance", "tuiHint"] }, { kind: "pipe", type: TuiFieldErrorPipe, name: "tuiFieldError" }, { kind: "component", type: TuiLoader, selector: "tui-loader", inputs: ["size", "inheritColor", "overlay", "textContent", "showLoader"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ScInputQuantityComponent, decorators: [{
             type: Component,
@@ -4029,7 +4037,7 @@ class ScCartItemComponent extends AbstractScPriceCard {
         this.previewDialogService.open(specificationPreviewReference).subscribe();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ScCartItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: ScCartItemComponent, isStandalone: true, selector: "sc-cart-item", outputs: { clickSettings: "clickSettings" }, providers: [SEARCH_TERM_PROVIDERS], usesInheritance: true, ngImport: i0, template: "<div\n    *ngIf=\"product && cartItem; else skeleton\"\n    class=\"relative flex w-full gap-4 rounded-xl p-1 text-body-s hover:bg-tui-background-neutral-1\"\n>\n    <sc-hover-image-carousel\n        (click)=\"clickCardEvent.emit()\"\n        [images]=\"!isMobile ? getCardImagePreviewList(product) : [getCardImagePreview()]\"\n        [isShowActions]=\"false\"\n        class=\"aspect-square w-24 shrink-0 cursor-pointer self-start\"\n    />\n    <div class=\"flex w-full flex-col justify-between gap-4 md:flex-row md:items-center md:gap-5\">\n        <div class=\"flex grow flex-col gap-1\">\n            <div\n                [tuiHighlight]=\"(search$ | async) ?? ''\"\n                class=\"text-tui-text-02\"\n            >\n                \u0410\u0440\u0442\u0438\u043A\u0443\u043B: {{ product.code }}\n            </div>\n            <div class=\"flex flex-col gap-1\">\n                <a\n                    tuiLink\n                    [attr.href]=\"href ?? null\"\n                    [tuiHighlight]=\"(search$ | async) ?? ''\"\n                    (click)=\"$event.preventDefault(); clickCardEvent.emit()\"\n                    class=\"!text-body-m-bold\"\n                >\n                    {{ product.name }}\n                </a>\n                <div\n                    *ngIf=\"product?.pack\"\n                    class=\"flex items-center gap-1 text-tui-text-02\"\n                >\n                    \u041D\u043E\u0440\u043C\u0430 \u0443\u043F\u0430\u043A\u043E\u0432\u043A\u0438: {{ product.pack }}\n                    <tui-icon\n                        *ngIf=\"product.ignoreMinCountCheck\"\n                        icon=\"@tui.package\"\n                        [tuiHint]=\"minCountHint\"\n                        [tuiHintShowDelay]=\"100\"\n                        tuiHintDirection=\"top\"\n                        class=\"text-body-xl text-tui-text-01 opacity-90\"\n                    />\n                    <ng-template #minCountHint>\n                        \u0414\u043E\u0441\u0442\u0443\u043F\u0435\u043D \u0437\u0430\u043A\u0430\u0437 <br />\n                        \u043F\u0440\u043E\u0438\u0437\u0432\u043E\u043B\u044C\u043D\u043E\u0433\u043E <br />\n                        \u043A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u0430\n                    </ng-template>\n                </div>\n\n                <div class=\"flex flex-wrap items-center gap-x-4\">\n                    <sc-cost-with-discount [product]=\"product\" />\n\n                    <span *ngIf=\"(authStatus$ | async) && product?.costDate\">\n                        \u0414\u0430\u0442\u0430:\n                        <a\n                            tuiLink\n                            [pseudo]=\"true\"\n                            (click)=\"clickPriceHistoryEvent.emit()\"\n                            class=\"text-tui-text-02\"\n                        >\n                            {{ product.costDate | scFormatDate }}\n                        </a>\n                    </span>\n                </div>\n            </div>\n            <a\n                tuiLink\n                *ngIf=\"cartItem.specificationImgUrl\"\n                (click)=\"showSpecification(specificationPreview)\"\n                >\u0421\u043F\u0435\u0446\u0438\u0444\u0438\u043A\u0430\u0446\u0438\u044F</a\n            >\n            <ng-template\n                #specificationPreview\n                let-preview\n            >\n                <tui-preview\n                    [rotatable]=\"false\"\n                    [zoomable]=\"false\"\n                >\n                    <img\n                        *polymorpheusOutlet=\"cartItem.specificationImgUrl as src\"\n                        alt=\"preview\"\n                        [src]=\"cartItem.specificationImgUrl\"\n                    />\n                    <button\n                        iconStart=\"@tui.x\"\n                        title=\"Close\"\n                        tuiIconButton\n                        tuiPreviewAction\n                        type=\"button\"\n                        (click)=\"preview.complete()\"\n                    ></button>\n                </tui-preview>\n            </ng-template>\n        </div>\n        <div class=\"flex shrink-0 flex-col gap-4 sm:flex-row md:w-1/2 lg:w-3/5 xl:w-1/2 xl:gap-8 2xl:w-2/5\">\n            <div class=\"flex flex-wrap items-center gap-4 md:flex-col md:items-start lg:flex-row lg:items-center lg:gap-8\">\n                <sc-input-quantity\n                    #inputQuantity\n                    [tuiAutoFocus]=\"autoFocuseQuantityInput()\"\n                    *ngIf=\"showQuantityControl\"\n                    [formControl]=\"quantityControl\"\n                    size=\"m\"\n                    [showCross]=\"false\"\n                    [step]=\"unitsHelper.productMultiplicity(product)\"\n                    [ignoreStepValidators]=\"product.ignoreMinCountCheck\"\n                    [showLoader]=\"quantityShowLoader\"\n                    (clickClearEvent)=\"clickClearEvent.emit(cartItem)\"\n                    (keydown.enter)=\"inputQuantity.nativeFocusableElement?.blur()\"\n                    class=\"w-32 shrink-0\"\n                />\n                <div class=\"flex w-36 items-center gap-1\">\n                    @if (cartItem.height || cartItem.length || cartItem.width) {\n                        <button\n                            tuiIconButton\n                            iconStart=\"@tui.settings\"\n                            (click)=\"clickSettings.emit()\"\n                            size=\"s\"\n                            appearance=\"secondary\"\n                            class=\"mr-2 !self-center\"\n                        ></button>\n                        <div class=\"flex flex-col gap-x-2 text-xs text-tui-base-07\">\n                            <p *ngIf=\"cartItem.marker\">\u041C\u0430\u0440\u043A\u0438\u0440\u043E\u0432\u043A\u0430: {{ cartItem.marker }}</p>\n                            <p *ngIf=\"cartItem.width\">\u0428\u0438\u0440\u0438\u043D\u0430: {{ cartItem.width }} \u043C.</p>\n                            <ng-container *ngIf=\"cartItem.height; else length\">\n                                <p>\u0412\u044B\u0441\u043E\u0442\u0430: {{ cartItem.height }} \u043C.</p>\n                            </ng-container>\n                            <ng-template #length>\n                                <p *ngIf=\"cartItem.length\">\u0414\u043B\u0438\u043D\u0430: {{ cartItem.length }} \u043C.</p>\n                            </ng-template>\n                        </div>\n                    }\n                </div>\n            </div>\n\n            <div class=\"flex flex-col\">\n                <p class=\"whitespace-nowrap\">\n                    \u0421\u0443\u043C\u043C\u0430:\n                    <strong> {{ cartItem.costRub | tuiFormatNumber: { precision: 2, decimalSeparator: '.', rounding: 'ceil' } | async }} {{ 'RUB' | tuiCurrency }}</strong>\n                </p>\n                <sc-price-warehouse-stock [product]=\"product\" />\n            </div>\n            <button\n                tuiIconButton\n                iconStart=\"@tui.trash\"\n                (click)=\"clickClearEvent.emit()\"\n                size=\"s\"\n                appearance=\"secondary\"\n                class=\"!absolute left-1 top-1 lg:!relative lg:left-0 lg:top-0 lg:ml-auto\"\n            ></button>\n        </div>\n    </div>\n</div>\n\n<ng-template #skeleton>\n    <div class=\"tui-skeleton flex h-[8.25rem] w-full overflow-hidden rounded-xl\"></div>\n</ng-template>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i2$2.AsyncPipe, name: "async" }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "component", type: TuiIcon, selector: "tui-icon", inputs: ["icon", "background"] }, { kind: "ngmodule", type: TuiTextfieldControllerModule }, { kind: "directive", type: i2$3.PolymorpheusOutlet, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.TuiHintDirective, selector: "[tuiHint]:not(ng-container):not(ng-template)", inputs: ["tuiHintContext", "tuiHintAppearance", "tuiHint"] }, { kind: "directive", type: TuiLink, selector: "a[tuiLink], button[tuiLink]", inputs: ["pseudo"] }, { kind: "directive", type: TuiHighlight, selector: "[tuiHighlight]", inputs: ["tuiHighlight", "tuiHighlightColor"] }, { kind: "directive", type: TuiAutoFocus, selector: "[tuiAutoFocus]", inputs: ["tuiAutoFocus"] }, { kind: "component", type: HoverImageCarouselComponent, selector: "sc-hover-image-carousel", inputs: ["images", "isShowActions"] }, { kind: "component", type: CostWithDiscountComponent, selector: "sc-cost-with-discount", inputs: ["product", "size"] }, { kind: "component", type: ScPriceWarehouseStockComponent, selector: "sc-price-warehouse-stock", inputs: ["classList", "product", "withStockHint", "fromMain"] }, { kind: "component", type: ScInputQuantityComponent, selector: "sc-input-quantity", inputs: ["step", "showLoader", "showCross", "ignoreStepValidators", "appearance", "isDisabled", "size"], outputs: ["clickClearEvent"] }, { kind: "pipe", type: TuiCurrencyPipe, name: "tuiCurrency" }, { kind: "pipe", type: TuiFormatNumberPipe, name: "tuiFormatNumber" }, { kind: "component", type: i2$1.TuiPreviewComponent, selector: "tui-preview", inputs: ["zoomable", "rotatable"] }, { kind: "directive", type: i2$1.TuiPreviewAction, selector: "[tuiPreviewAction]" }, { kind: "pipe", type: ScFormatDatePipe, name: "scFormatDate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: ScCartItemComponent, isStandalone: true, selector: "sc-cart-item", outputs: { clickSettings: "clickSettings" }, providers: [SEARCH_TERM_PROVIDERS], usesInheritance: true, ngImport: i0, template: "<div\n    *ngIf=\"product && cartItem; else skeleton\"\n    class=\"relative flex w-full gap-4 rounded-xl p-1 text-body-s hover:bg-tui-background-neutral-1\"\n>\n    <sc-hover-image-carousel\n        (click)=\"clickCardEvent.emit()\"\n        [images]=\"!isMobile ? getCardImagePreviewList(product) : [getCardImagePreview()]\"\n        [isShowActions]=\"false\"\n        class=\"aspect-square w-24 shrink-0 cursor-pointer self-start\"\n    />\n    <div class=\"flex w-full flex-col justify-between gap-4 md:flex-row md:items-center md:gap-5\">\n        <div class=\"flex grow flex-col gap-1\">\n            <div\n                [tuiHighlight]=\"(search$ | async) ?? ''\"\n                class=\"text-tui-text-02\"\n            >\n                \u0410\u0440\u0442\u0438\u043A\u0443\u043B: {{ product.code }}\n            </div>\n            <div class=\"flex flex-col gap-1\">\n                <a\n                    tuiLink\n                    [attr.href]=\"href ?? null\"\n                    [tuiHighlight]=\"(search$ | async) ?? ''\"\n                    (click)=\"$event.preventDefault(); clickCardEvent.emit()\"\n                    class=\"!text-body-m-bold\"\n                >\n                    {{ product.name }}\n                </a>\n                <div\n                    *ngIf=\"product?.pack\"\n                    class=\"flex items-center gap-1 text-tui-text-02\"\n                >\n                    \u041D\u043E\u0440\u043C\u0430 \u0443\u043F\u0430\u043A\u043E\u0432\u043A\u0438: {{ product.pack }}\n                    <tui-icon\n                        *ngIf=\"product.ignoreMinCountCheck\"\n                        icon=\"@tui.package\"\n                        [tuiHint]=\"minCountHint\"\n                        [tuiHintShowDelay]=\"100\"\n                        tuiHintDirection=\"top\"\n                        class=\"text-body-xl text-tui-text-01 opacity-90\"\n                    />\n                    <ng-template #minCountHint>\n                        \u0414\u043E\u0441\u0442\u0443\u043F\u0435\u043D \u0437\u0430\u043A\u0430\u0437 <br />\n                        \u043F\u0440\u043E\u0438\u0437\u0432\u043E\u043B\u044C\u043D\u043E\u0433\u043E <br />\n                        \u043A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u0430\n                    </ng-template>\n                </div>\n\n                <div class=\"flex flex-wrap items-center gap-x-4\">\n                    <sc-cost-with-discount [product]=\"product\" />\n\n                    <span *ngIf=\"(authStatus$ | async) && product?.costDate\">\n                        \u0414\u0430\u0442\u0430:\n                        <a\n                            tuiLink\n                            [pseudo]=\"true\"\n                            (click)=\"clickPriceHistoryEvent.emit()\"\n                            class=\"text-tui-text-02\"\n                        >\n                            {{ product.costDate | scFormatDate }}\n                        </a>\n                    </span>\n                </div>\n            </div>\n            <a\n                tuiLink\n                *ngIf=\"cartItem.specificationImgUrl\"\n                (click)=\"showSpecification(specificationPreview)\"\n                >\u0421\u043F\u0435\u0446\u0438\u0444\u0438\u043A\u0430\u0446\u0438\u044F</a\n            >\n            <ng-template\n                #specificationPreview\n                let-preview\n            >\n                <tui-preview\n                    [rotatable]=\"false\"\n                    [zoomable]=\"false\"\n                >\n                    <img\n                        *polymorpheusOutlet=\"cartItem.specificationImgUrl as src\"\n                        alt=\"preview\"\n                        [src]=\"cartItem.specificationImgUrl\"\n                    />\n                    <button\n                        iconStart=\"@tui.x\"\n                        title=\"Close\"\n                        tuiIconButton\n                        tuiPreviewAction\n                        type=\"button\"\n                        (click)=\"preview.complete()\"\n                    ></button>\n                </tui-preview>\n            </ng-template>\n        </div>\n        <div class=\"flex shrink-0 flex-col gap-4 sm:flex-row md:w-1/2 lg:w-3/5 xl:w-1/2 xl:gap-8 2xl:w-2/5\">\n            <div class=\"flex flex-wrap items-center gap-4 md:flex-col md:items-start lg:flex-row lg:items-center lg:gap-8\">\n                <sc-input-quantity\n                    #inputQuantity\n                    [tuiAutoFocus]=\"autoFocuseQuantityInput()\"\n                    *ngIf=\"showQuantityControl\"\n                    [formControl]=\"quantityControl\"\n                    size=\"m\"\n                    [showCross]=\"false\"\n                    [step]=\"unitsHelper.productMultiplicity(product)\"\n                    [ignoreStepValidators]=\"product.ignoreMinCountCheck\"\n                    [showLoader]=\"quantityShowLoader\"\n                    (clickClearEvent)=\"clickClearEvent.emit(cartItem)\"\n                    (keydown.enter)=\"inputQuantity.nativeFocusableElement?.blur()\"\n                    class=\"w-32 shrink-0\"\n                />\n                <div class=\"flex w-36 items-center gap-1\">\n                    @if (cartItem.height || cartItem.length || cartItem.width) {\n                        <button\n                            tuiIconButton\n                            iconStart=\"@tui.settings\"\n                            (click)=\"clickSettings.emit()\"\n                            size=\"s\"\n                            appearance=\"secondary\"\n                            class=\"mr-2 !self-center\"\n                        ></button>\n                        <div class=\"flex flex-col gap-x-2 text-xs text-tui-base-07\">\n                            <p *ngIf=\"cartItem.marker\">\u041C\u0430\u0440\u043A\u0438\u0440\u043E\u0432\u043A\u0430: {{ cartItem.marker }}</p>\n                            <p *ngIf=\"cartItem.width\">\u0428\u0438\u0440\u0438\u043D\u0430: {{ cartItem.width }} \u043C.</p>\n                            <ng-container *ngIf=\"cartItem.height; else length\">\n                                <p>\u0412\u044B\u0441\u043E\u0442\u0430: {{ cartItem.height }} \u043C.</p>\n                            </ng-container>\n                            <ng-template #length>\n                                <p *ngIf=\"cartItem.length\">\u0414\u043B\u0438\u043D\u0430: {{ cartItem.length }} \u043C.</p>\n                            </ng-template>\n                        </div>\n                    }\n                </div>\n            </div>\n\n            <div class=\"flex flex-col\">\n                <p class=\"whitespace-nowrap\">\n                    \u0421\u0443\u043C\u043C\u0430:\n                    <strong> {{ cartItem.costRub | tuiFormatNumber: { precision: 2, decimalSeparator: '.', rounding: 'ceil' } | async }} {{ 'RUB' | tuiCurrency }}</strong>\n                </p>\n                <sc-price-warehouse-stock [product]=\"product\" />\n            </div>\n            <button\n                tuiIconButton\n                iconStart=\"@tui.trash\"\n                (click)=\"clickClearEvent.emit()\"\n                size=\"s\"\n                appearance=\"secondary\"\n                class=\"!absolute left-1 top-1 lg:!relative lg:left-0 lg:top-0 lg:ml-auto\"\n            ></button>\n        </div>\n    </div>\n</div>\n\n<ng-template #skeleton>\n    <div class=\"tui-skeleton flex h-[8.25rem] w-full overflow-hidden rounded-xl\"></div>\n</ng-template>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i2$2.AsyncPipe, name: "async" }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "component", type: TuiIcon, selector: "tui-icon", inputs: ["icon", "background"] }, { kind: "ngmodule", type: TuiTextfieldControllerModule }, { kind: "directive", type: i2$4.PolymorpheusOutlet, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2$3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.TuiHintDirective, selector: "[tuiHint]:not(ng-container):not(ng-template)", inputs: ["tuiHintContext", "tuiHintAppearance", "tuiHint"] }, { kind: "directive", type: TuiLink, selector: "a[tuiLink], button[tuiLink]", inputs: ["pseudo"] }, { kind: "directive", type: TuiHighlight, selector: "[tuiHighlight]", inputs: ["tuiHighlight", "tuiHighlightColor"] }, { kind: "directive", type: TuiAutoFocus, selector: "[tuiAutoFocus]", inputs: ["tuiAutoFocus"] }, { kind: "component", type: HoverImageCarouselComponent, selector: "sc-hover-image-carousel", inputs: ["images", "isShowActions"] }, { kind: "component", type: CostWithDiscountComponent, selector: "sc-cost-with-discount", inputs: ["product", "size"] }, { kind: "component", type: ScPriceWarehouseStockComponent, selector: "sc-price-warehouse-stock", inputs: ["classList", "product", "withStockHint", "fromMain"] }, { kind: "component", type: ScInputQuantityComponent, selector: "sc-input-quantity", inputs: ["step", "showLoader", "showCross", "ignoreStepValidators", "appearance", "isDisabled", "size"], outputs: ["clickClearEvent"] }, { kind: "pipe", type: TuiCurrencyPipe, name: "tuiCurrency" }, { kind: "pipe", type: TuiFormatNumberPipe, name: "tuiFormatNumber" }, { kind: "component", type: i2$1.TuiPreviewComponent, selector: "tui-preview", inputs: ["zoomable", "rotatable"] }, { kind: "directive", type: i2$1.TuiPreviewAction, selector: "[tuiPreviewAction]" }, { kind: "pipe", type: ScFormatDatePipe, name: "scFormatDate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ScCartItemComponent, decorators: [{
             type: Component,
@@ -4145,7 +4153,7 @@ class ScCarAddProductsFromCsvDialogComponent {
         this.window.URL.revokeObjectURL(url);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ScCarAddProductsFromCsvDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ScCarAddProductsFromCsvDialogComponent, isStandalone: true, selector: "sc-car-add-products-from-csv-dialog", ngImport: i0, template: "<div class=\"flex flex-col items-center gap-8\">\n    <tui-loader\n        [overlay]=\"true\"\n        [showLoader]=\"isDownloadLoading()\"\n        size=\"s\"\n        class=\"mt-8\"\n    >\n        <button\n            tuiLink\n            [pseudo]=\"true\"\n            type=\"button\"\n            (click)=\"onDownloadClick.next()\"\n        >\n            \u041F\u0440\u0438\u043C\u0435\u0440 .csv \u0444\u0430\u0439\u043B\u0430\n        </button>\n    </tui-loader>\n\n    <div class=\"flex w-full flex-col gap-1\">\n        <label\n            tuiInputFiles\n            class=\"w-full\"\n        >\n            <input\n                accept=\"text/csv\"\n                tuiInputFiles\n                [formControl]=\"control\"\n            />\n        </label>\n\n        <tui-files class=\"tui-space_top-1\">\n            <tui-file\n                *ngIf=\"control.value as file\"\n                [file]=\"file\"\n                (remove)=\"removeFile()\"\n            />\n        </tui-files>\n    </div>\n    <div class=\"flex gap-2\">\n        <button\n            tuiButton\n            [disabled]=\"!control.value\"\n            [loading]=\"isSubmitLoading()\"\n            iconStart=\"@tui.sc.send\"\n            class=\"self-center\"\n            (click)=\"onSubmit$.next()\"\n        >\n            \u0417\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u044C\n        </button>\n        <button\n            tuiButton\n            (click)=\"context.$implicit.complete()\"\n            type=\"button\"\n            appearance=\"secondary\"\n        >\n            \u041E\u0442\u043C\u0435\u043D\u0430\n        </button>\n    </div>\n</div>\n", dependencies: [{ kind: "directive", type: TuiLink, selector: "a[tuiLink], button[tuiLink]", inputs: ["pseudo"] }, { kind: "component", type: TuiLoader, selector: "tui-loader", inputs: ["size", "inheritColor", "overlay", "textContent", "showLoader"] }, { kind: "component", type: i2$1.TuiFile, selector: "tui-file,a[tuiFile],button[tuiFile]", inputs: ["file", "state", "size", "showDelete", "showSize", "leftContent"], outputs: ["remove"] }, { kind: "component", type: i2$1.TuiInputFiles, selector: "label[tuiInputFiles]" }, { kind: "component", type: i2$1.TuiFilesComponent, selector: "tui-files", inputs: ["max", "expanded"], outputs: ["expandedChange"] }, { kind: "directive", type: i2$1.TuiInputFilesDirective, selector: "input[tuiInputFiles]", outputs: ["reject"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3.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: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ScCarAddProductsFromCsvDialogComponent, isStandalone: true, selector: "sc-car-add-products-from-csv-dialog", ngImport: i0, template: "<div class=\"flex flex-col items-center gap-8\">\n    <tui-loader\n        [overlay]=\"true\"\n        [showLoader]=\"isDownloadLoading()\"\n        size=\"s\"\n        class=\"mt-8\"\n    >\n        <button\n            tuiLink\n            [pseudo]=\"true\"\n            type=\"button\"\n            (click)=\"onDownloadClick.next()\"\n        >\n            \u041F\u0440\u0438\u043C\u0435\u0440 .csv \u0444\u0430\u0439\u043B\u0430\n        </button>\n    </tui-loader>\n\n    <div class=\"flex w-full flex-col gap-1\">\n        <label\n            tuiInputFiles\n            class=\"w-full\"\n        >\n            <input\n                accept=\"text/csv\"\n                tuiInputFiles\n                [formControl]=\"control\"\n            />\n        </label>\n\n        <tui-files class=\"tui-space_top-1\">\n            <tui-file\n                *ngIf=\"control.value as file\"\n                [file]=\"file\"\n                (remove)=\"removeFile()\"\n            />\n        </tui-files>\n    </div>\n    <div class=\"flex gap-2\">\n        <button\n            tuiButton\n            [disabled]=\"!control.value\"\n            [loading]=\"isSubmitLoading()\"\n            iconStart=\"@tui.sc.send\"\n            class=\"self-center\"\n            (click)=\"onSubmit$.next()\"\n        >\n            \u0417\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u044C\n        </button>\n        <button\n            tuiButton\n            (click)=\"context.$implicit.complete()\"\n            type=\"button\"\n            appearance=\"secondary\"\n        >\n            \u041E\u0442\u043C\u0435\u043D\u0430\n        </button>\n    </div>\n</div>\n", dependencies: [{ kind: "directive", type: TuiLink, selector: "a[tuiLink], button[tuiLink]", inputs: ["pseudo"] }, { kind: "component", type: TuiLoader, selector: "tui-loader", inputs: ["size", "inheritColor", "overlay", "textContent", "showLoader"] }, { kind: "component", type: i2$1.TuiFile, selector: "tui-file,a[tuiFile],button[tuiFile]", inputs: ["file", "state", "size", "showDelete", "showSize", "leftContent"], outputs: ["remove"] }, { kind: "component", type: i2$1.TuiInputFiles, selector: "label[tuiInputFiles]" }, { kind: "component", type: i2$1.TuiFilesComponent, selector: "tui-files", inputs: ["max", "expanded"], outputs: ["expandedChange"] }, { kind: "directive", type: i2$1.TuiInputFilesDirective, selector: "input[tuiInputFiles]", outputs: ["reject"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2$3.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: i2$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ScCarAddProductsFromCsvDialogComponent, decorators: [{
             type: Component,
@@ -4311,7 +4319,7 @@ class ScCategoryCardComponent {
         this.cdr.markForCheck();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ScCategoryCardComponent, deps: [{ token: SC_URLS }, { token: SC_PATH_IMAGE_NOT_FOUND }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: ScCategoryCardComponent, selector: "sc-category-card", inputs: { category: { classPropertyName: "category", publicName: "category", isSignal: false, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: false, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, enableHover: { classPropertyName: "enableHover", publicName: "enableHover", isSignal: false, isRequired: false, transformFunction: null }, href: { classPropertyName: "href", publicName: "href", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { clickOnFavoriteEvent: "clickOnFavoriteEvent" }, host: { properties: { "attr.data-size": "this.size" } }, ngImport: i0, template: "<div class=\"relative\">\n    <a\n        (tuiHoveredChange)=\"onHovered($event)\"\n        [routerLink]=\"href ?? null\"\n        class=\"category-button rounded-tui-radius-m border-tui-base-04 flex flex-col overflow-hidden border text-center\"\n    >\n        <div class=\"img-wrapper w-full grow overflow-hidden\">\n            <img\n                *ngIf=\"category\"\n                [src]=\"getCategoryImgURL(category)\"\n                [alt]=\"category.name\"\n                [ngClass]=\"{ '!object-contain p-2': appearance() === 'normal' || !getCategoryImgURL(category) }\"\n                class=\"size-full rounded-xl object-cover\"\n            />\n\n            <!-- \u0411\u043B\u043E\u043A \u0434\u043B\u044F \u0441\u043A\u0435\u043B\u0435\u0442\u043E\u043D\u0430 \u043A\u0430\u0440\u0442\u043E\u0447\u043A\u0438 -->\n            <div\n                *ngIf=\"!category\"\n                class=\"img-wrapper bg-tui-base-02 size-full\"\n            ></div>\n        </div>\n\n        <div class=\"name flex w-full items-center justify-center\">\n            @if (category) {\n                @if (enableHover && !isMobile) {\n                    <tui-line-clamp\n                        [content]=\"category.name\"\n                        class=\"pointer-events-none\"\n                        [lineHeight]=\"size === 'm' ? 26 : 24\"\n                        [linesLimit]=\"isHover ? 4 : 2\"\n                    />\n                } @else {\n                    {{ category.name }}\n                }\n            } @else {\n                <div class=\"skeleton-name rounded-tui-radius-s bg-tui-base-02\"></div>\n            }\n        </div>\n    </a>\n    <sc-favorite-button\n        *ngIf=\"category && (authStatus$ | async)\"\n        [showLoader]=\"favoriteShowLoader\"\n        [isFavorite]=\"category.isFavorite\"\n        (clickEvent)=\"clickOnFavoriteEvent.emit()\"\n        class=\"absolute left-1 top-1\"\n    />\n</div>\n", styles: [":host{--tui-duration: .15s}:host[data-size=m] a.category-button{width:100%;height:12.5rem}:host[data-size=m] a.category-button .img-wrapper{max-height:8.75rem}:host[data-size=m] a.category-button .name{padding:.25rem 1rem;margin-block:auto;font-size:.9375rem;line-height:1.5rem;font-weight:800}:host[data-size=m] a.category-button .name .skeleton-name{width:10rem;height:1rem}:host[data-size=s] a.category-button{width:100%;height:10rem}:host[data-size=s] a.category-button .img-wrapper{max-height:7rem}:host[data-size=s] a.category-button .name{padding:.25rem .5rem;margin-block:auto;font-size:.8125rem;line-height:1.25rem;font-weight:800}:host[data-size=s] a.category-button .name .skeleton-name{width:7rem;height:.75rem}\n"], dependencies: [{ kind: "directive", type: i2$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$4.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i2$1.TuiLineClamp, selector: "tui-line-clamp", inputs: ["lineHeight", "content", "linesLimit"], outputs: ["overflownChange"] }, { kind: "directive", type: i7.TuiHovered, selector: "[tuiHoveredChange]", outputs: ["tuiHoveredChange"] }, { kind: "component", type: ScFavoriteButtonComponent, selector: "sc-favorite-button", inputs: ["isFavorite", "showLoader", "disabled"], outputs: ["clickEvent"] }, { kind: "pipe", type: i2$2.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: ScCategoryCardComponent, selector: "sc-category-card", inputs: { category: { classPropertyName: "category", publicName: "category", isSignal: false, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: false, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, enableHover: { classPropertyName: "enableHover", publicName: "enableHover", isSignal: false, isRequired: false, transformFunction: null }, href: { classPropertyName: "href", publicName: "href", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { clickOnFavoriteEvent: "clickOnFavoriteEvent" }, host: { properties: { "attr.data-size": "this.size" } }, ngImport: i0, template: "<div class=\"relative\">\n    <a\n        (tuiHoveredChange)=\"onHovered($event)\"\n        [routerLink]=\"href ?? null\"\n        class=\"category-button rounded-tui-radius-m border-tui-base-04 flex flex-col overflow-hidden border text-center\"\n    >\n        <div class=\"img-wrapper w-full grow overflow-hidden\">\n            <img\n                *ngIf=\"category\"\n                [src]=\"getCategoryImgURL(category)\"\n                [alt]=\"category.name\"\n                [ngClass]=\"{ '!object-contain p-2': appearance() === 'normal' || !getCategoryImgURL(category) }\"\n                class=\"size-full rounded-xl object-cover\"\n            />\n\n            <!-- \u0411\u043B\u043E\u043A \u0434\u043B\u044F \u0441\u043A\u0435\u043B\u0435\u0442\u043E\u043D\u0430 \u043A\u0430\u0440\u0442\u043E\u0447\u043A\u0438 -->\n            <div\n                *ngIf=\"!category\"\n                class=\"img-wrapper bg-tui-base-02 size-full\"\n            ></div>\n        </div>\n\n        <div class=\"name flex w-full items-center justify-center\">\n            @if (category) {\n                @if (enableHover && !isMobile) {\n                    <tui-line-clamp\n                        [content]=\"category.name\"\n                        class=\"pointer-events-none\"\n                        [lineHeight]=\"size === 'm' ? 26 : 24\"\n                        [linesLimit]=\"isHover ? 4 : 2\"\n                    />\n                } @else {\n                    {{ category.name }}\n                }\n            } @else {\n                <div class=\"skeleton-name rounded-tui-radius-s bg-tui-base-02\"></div>\n            }\n        </div>\n    </a>\n    <sc-favorite-button\n        *ngIf=\"category && (authStatus$ | async)\"\n        [showLoader]=\"favoriteShowLoader\"\n        [isFavorite]=\"category.isFavorite\"\n        (clickEvent)=\"clickOnFavoriteEvent.emit()\"\n        class=\"absolute left-1 top-1\"\n    />\n</div>\n", styles: [":host{--tui-duration: .15s}:host[data-size=m] a.category-button{width:100%;height:12.5rem}:host[data-size=m] a.category-button .img-wrapper{max-height:8.75rem}:host[data-size=m] a.category-button .name{padding:.25rem 1rem;margin-block:auto;font-size:.9375rem;line-height:1.5rem;font-weight:800}:host[data-size=m] a.category-button .name .skeleton-name{width:10rem;height:1rem}:host[data-size=s] a.category-button{width:100%;height:10rem}:host[data-size=s] a.category-button .img-wrapper{max-height:7rem}:host[data-size=s] a.category-button .name{padding:.25rem .5rem;margin-block:auto;font-size:.8125rem;line-height:1.25rem;font-weight:800}:host[data-size=s] a.category-button .name .skeleton-name{width:7rem;height:.75rem}\n"], dependencies: [{ kind: "directive", type: i2$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$5.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i2$1.TuiLineClamp, selector: "tui-line-clamp", inputs: ["lineHeight", "content", "linesLimit"], outputs: ["overflownChange"] }, { kind: "directive", type: i7.TuiHovered, selector: "[tuiHoveredChange]", outputs: ["tuiHoveredChange"] }, { kind: "component", type: ScFavoriteButtonComponent, selector: "sc-favorite-button", inputs: ["isFavorite", "showLoader", "disabled"], outputs: ["clickEvent"] }, { kind: "pipe", type: i2$2.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ScCategoryCardComponent, decorators: [{
             type: Component,
@@ -4337,6 +4345,113 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 type: Input
             }] } });
 
+/* eslint-disable class-methods-use-this,unicorn/no-useless-undefined, @typescript-eslint/unbound-method */
+/**
+ * Компонент формы отправки запроса на уведомление о поступлении товара.
+ */
+class ScNotifyWhenInStockDialogComponent {
+    constructor() {
+        /**
+         * Контекст диалогового окна, в котором открыт компонент.
+         */
+        this.context = inject(POLYMORPHEUS_CONTEXT);
+        /**
+         * Товар.
+         */
+        this.product = this.context.data.product;
+        /**
+         * Форма для отправки запроса на уведомление о поступлении товара.
+         */
+        this.form = new FormGroup({
+            email: new FormControl(null, [Validators.required, Validators.email]),
+            phone: new FormControl(null, [Validators.required, Validators.minLength(12)]),
+            verificationCode: new FormControl(null, [Validators.required, Validators.minLength(6)]),
+            warehouseId: new FormControl(null, Validators.required),
+        });
+        /**
+         * Список складов.
+         */
+        this.warehouses = toSignal(inject(ScWarehouseService).getWarehouses$(), { initialValue: null });
+        /**
+         * Перечисление типов подсказок.
+         */
+        this.suggestionType = ScISuggestionType;
+        /**
+         * Сервис для работы с каталогом.
+         */
+        this.catalogService = inject(ScCatalogService);
+        /**
+         * {@link Subject} события отправки формы.
+         */
+        this.onSubmit$ = new Subject();
+        /**
+         * {@link Observable} запроса данных уведомления о поступлении товара.
+         */
+        this.request$ = this.onSubmit$.pipe(filter(() => this.form.valid), map(() => this.form.value), switchMap((value) => this.catalogService.getProductNotifyWhenInStock$(this.product.id, value).pipe(tap(() => {
+            this.context.completeWith();
+        }), catchError((error) => {
+            if (error instanceof HttpErrorResponse) {
+                const { errors, message } = error.error;
+                if (errors) {
+                    // eslint-disable-next-line no-shadow
+                    Object.entries(errors).forEach(([key, value]) => {
+                        this.form.get(key)?.setErrors({ serverResponse: value });
+                    });
+                }
+                else if (message) {
+                    this.form.setErrors({ serverResponse: [message] });
+                }
+            }
+            return of(undefined);
+        }), startWith(null))), share());
+        /**
+         * Сигнал изменения состояния загрузки данных.
+         */
+        this.loading = toSignal(this.request$.pipe(map((value) => value === null)), { initialValue: false });
+    }
+    /**
+     * Проверяет, является ли товар в наличии.
+     */
+    isStock() {
+        const warehouseId = Number(this.form.get('warehouseId')?.value ?? 0);
+        return this.product.isWarehouseStockExist(warehouseId);
+    }
+    /**
+     * Преобразует объект в значение, отображаемое в поле ввода.
+     *
+     * @param items Выбранные значения.
+     */
+    stringify(items) {
+        const itemsMap = new Map(items.map((item) => {
+            return [item.id, item.name];
+        }));
+        return ({ $implicit }) => itemsMap.get($implicit) ?? '';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ScNotifyWhenInStockDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", 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    <div class=\"flex flex-col gap-3\">\n        <sc-verification-phone-check-form [shouldBeConfirmed]=\"true\" />\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-input formControlName=\"email\">\n                \u0410\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B\n                <sc-suggestion-field\n                    *tuiDataList\n                    [type]=\"suggestionType.email\"\n                />\n            </tui-input>\n            <tui-error\n                formControlName=\"email\"\n                [error]=\"[] | tuiFieldError | async\"\n            />\n        </label>\n\n        <label tuiLabel>\n            \u0421\u043A\u043B\u0430\u0434\n            <tui-select\n                formControlName=\"warehouseId\"\n                [valueContent]=\"warehouses() ? stringify(warehouses()!) : selectLoading\"\n            >\n                \u0421\u043A\u043B\u0430\u0434\n                <tui-data-list *tuiDataList>\n                    @for (warehouse of warehouses(); track warehouse.id) {\n                        <button\n                            tuiOption\n                            [value]=\"warehouse.id\"\n                        >\n                            {{ warehouse.name }}\n                        </button>\n                    }\n                </tui-data-list>\n            </tui-select>\n            <tui-error\n                formControlName=\"warehouseId\"\n                [error]=\"[] | tuiFieldError | async\"\n            />\n\n            <span\n                *ngIf=\"isStock()\"\n                [style.color]=\"'var(--tui-text-positive)'\"\n                >\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    <div class=\"flex flex-wrap items-center gap-3\">\n        <button\n            tuiButton\n            type=\"submit\"\n            [disabled]=\"form.invalid || isStock()\"\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                [pseudo]=\"true\"\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    <tui-error\n        *ngIf=\"form.errors && form.errors['serverResponse']\"\n        [error]=\"[] | tuiFieldError | async\"\n    />\n</form>\n", dependencies: [{ kind: "ngmodule", type: ScVerificationModule }, { kind: "component", type: ScVerificationPhoneCheckFormComponent, selector: "sc-verification-phone-check-form", inputs: ["showCodeFields", "readOnly", "shouldBeBusy", "shouldBeConfirmed", "haveCode"], outputs: ["haveCodeChange", "isBusyChange", "isConfirmedChange"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2$3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2$3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: TuiInputModule }, { kind: "component", type: i3.TuiInputComponent, selector: "tui-input" }, { kind: "directive", type: i3.TuiInputDirective, selector: "tui-input" }, { kind: "directive", type: TuiLink, selector: "a[tuiLink], button[tuiLink]", inputs: ["pseudo"] }, { kind: "directive", type: TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "directive", type: TuiLabel, selector: "label[tuiLabel]" }, { kind: "pipe", type: TuiFieldErrorPipe, name: "tuiFieldError" }, { kind: "component", type: TuiError, selector: "tui-error", inputs: ["error"] }, { kind: "ngmodule", type: ScFormFieldsModule }, { kind: "component", type: ScSuggestionFieldComponent, selector: "sc-suggestion-field", inputs: ["type"], outputs: ["selectedClick"] }, { kind: "ngmodule", type: TuiSelectModule }, { kind: "component", type: i3.TuiSelectComponent, selector: "tui-select", inputs: ["stringify", "identityMatcher", "valueContent"] }, { kind: "directive", type: i3.TuiSelectDirective, selector: "tui-select" }, { kind: "component", type: i3$1.TuiDataListComponent, selector: "tui-data-list", inputs: ["emptyContent", "size"] }, { kind: "directive", type: i3$1.TuiDataListDirective, selector: "ng-template[tuiDataList]" }, { kind: "component", type: i3$1.TuiOption, selector: "button[tuiOption]:not([new]), a[tuiOption]:not([new]), label[tuiOption]:not([new])", inputs: ["disabled", "value"] }, { kind: "component", type: TuiButtonLoading, selector: "[tuiButton][loading],[tuiIconButton][loading]", inputs: ["size", "loading"] }, { kind: "component", type: TuiLoader, selector: "tui-loader", inputs: ["size", "inheritColor", "overlay", "textContent", "showLoader"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ScNotifyWhenInStockDialogComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: 'sc-notify-when-in-stock-dialog', imports: [
+                        ScVerificationModule,
+                        FormsModule,
+                        ReactiveFormsModule,
+                        TuiInputModule,
+                        TuiLink,
+                        TuiButton,
+                        TuiLabel,
+                        TuiFieldErrorPipe,
+                        TuiError,
+                        ScVerificationModule,
+                        ScFormFieldsModule,
+                        TuiSelectModule,
+                        TuiButtonLoading,
+                        TuiLoader,
+                        AsyncPipe,
+                        NgIf,
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, 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 [shouldBeConfirmed]=\"true\" />\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-input formControlName=\"email\">\n                \u0410\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B\n                <sc-suggestion-field\n                    *tuiDataList\n                    [type]=\"suggestionType.email\"\n                />\n            </tui-input>\n            <tui-error\n                formControlName=\"email\"\n                [error]=\"[] | tuiFieldError | async\"\n            />\n        </label>\n\n        <label tuiLabel>\n            \u0421\u043A\u043B\u0430\u0434\n            <tui-select\n                formControlName=\"warehouseId\"\n                [valueContent]=\"warehouses() ? stringify(warehouses()!) : selectLoading\"\n            >\n                \u0421\u043A\u043B\u0430\u0434\n                <tui-data-list *tuiDataList>\n                    @for (warehouse of warehouses(); track warehouse.id) {\n                        <button\n                            tuiOption\n                            [value]=\"warehouse.id\"\n                        >\n                            {{ warehouse.name }}\n                        </button>\n                    }\n                </tui-data-list>\n            </tui-select>\n            <tui-error\n                formControlName=\"warehouseId\"\n                [error]=\"[] | tuiFieldError | async\"\n            />\n\n            <span\n                *ngIf=\"isStock()\"\n                [style.color]=\"'var(--tui-text-positive)'\"\n                >\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    <div class=\"flex flex-wrap items-center gap-3\">\n        <button\n            tuiButton\n            type=\"submit\"\n            [disabled]=\"form.invalid || isStock()\"\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                [pseudo]=\"true\"\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    <tui-error\n        *ngIf=\"form.errors && form.errors['serverResponse']\"\n        [error]=\"[] | tuiFieldError | async\"\n    />\n</form>\n" }]
+        }] });
+
 /**
  * Компонент карточки товара.
  */
@@ -4364,7 +4479,7 @@ class ScPriceCardComponent extends AbstractScPriceCard {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ScPriceCardComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ScPriceCardComponent, selector: "sc-price-card", inputs: { size: "size" }, host: { properties: { "attr.data-size": "this.size" } }, providers: [SEARCH_TERM_PROVIDERS], usesInheritance: true, ngImport: i0, template: "<div\n    *ngIf=\"product; else skeleton\"\n    class=\"card-wrapper relative flex h-full w-auto flex-col rounded-xl p-1\"\n>\n    <div class=\"flex min-h-8 items-center justify-between\">\n        <span\n            [tuiHighlight]=\"(search$ | async) ?? ''\"\n            class=\"code text-tui-text-02\"\n        >\n            \u0410\u0440\u0442\u0438\u043A\u0443\u043B: {{ product.code }}\n        </span>\n\n        <div class=\"flex items-center\">\n            <tui-icon\n                *ngIf=\"product.isPreviouslyOrdered\"\n                icon=\"@tui.history\"\n                class=\"text-lg\"\n                [style.color]=\"'var(--tui-text-action)'\"\n            ></tui-icon>\n            <sc-favorite-button\n                *ngIf=\"authStatus$ | async\"\n                (clickEvent)=\"clickFavoriteEvent.emit()\"\n                [showLoader]=\"favoriteShowLoader\"\n                [isFavorite]=\"product.isFavorite\"\n                [disabled]=\"!!product.primaryCategory?.isFavorite\"\n            ></sc-favorite-button>\n        </div>\n    </div>\n\n    <sc-hover-image-carousel\n        (click)=\"clickCardEvent.emit()\"\n        [images]=\"!isMobile ? getCardImagePreviewList(product) : [getCardImagePreview()]\"\n        class=\"cursor-pointer\"\n    ></sc-hover-image-carousel>\n    <div\n        class=\"flex grow flex-col justify-end\"\n        [class.gap-1]=\"size === 'm'\"\n    >\n        <div\n            class=\"flex grow flex-col\"\n            [class.gap-1]=\"size === 'm'\"\n        >\n            <a\n                tuiLink\n                [attr.href]=\"href ?? null\"\n                [tuiHighlight]=\"(search$ | async) ?? ''\"\n                (click)=\"$event.preventDefault(); clickCardEvent.emit()\"\n                class=\"name mb-auto\"\n            >\n                {{ product.name }}\n            </a>\n            <div\n                *ngIf=\"product?.pack\"\n                class=\"flex items-center gap-1 text-tui-text-02\"\n            >\n                \u041D\u043E\u0440\u043C\u0430 \u0443\u043F\u0430\u043A\u043E\u0432\u043A\u0438: {{ product.pack }}\n                <tui-icon\n                    *ngIf=\"product.ignoreMinCountCheck\"\n                    icon=\"@tui.package\"\n                    [tuiHint]=\"minCountHint\"\n                    [tuiHintShowDelay]=\"100\"\n                    class=\"text-body-xl text-tui-text-01 opacity-90\"\n                    tuiHintDirection=\"top\"\n                ></tui-icon>\n                <ng-template #minCountHint>\n                    \u0414\u043E\u0441\u0442\u0443\u043F\u0435\u043D \u0437\u0430\u043A\u0430\u0437 <br />\n                    \u043F\u0440\u043E\u0438\u0437\u0432\u043E\u043B\u044C\u043D\u043E\u0433\u043E <br />\n                    \u043A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u0430\n                </ng-template>\n            </div>\n            <span *ngIf=\"!isMobile && (authStatus$ | async) && product?.costDate\">\n                \u0414\u0430\u0442\u0430:\n                <a\n                    tuiLink\n                    [pseudo]=\"true\"\n                    class=\"text-tui-text-02\"\n                    (click)=\"clickPriceHistoryEvent.emit()\"\n                >\n                    {{ product.costDate | scFormatDate }}\n                </a>\n            </span>\n            <sc-cost-with-discount\n                [product]=\"product\"\n                [size]=\"size\"\n            ></sc-cost-with-discount>\n            <sc-price-warehouse-stock [product]=\"product\"></sc-price-warehouse-stock>\n        </div>\n        <div class=\"mt-2 flex gap-2\">\n            <button\n                *ngIf=\"!showQuantityControl\"\n                tuiButton\n                (click)=\"clickAddToCartEvent.emit(product)\"\n                [loading]=\"quantityShowLoader\"\n                [size]=\"getToCartButtonSize()\"\n                class=\"grow !font-extrabold\"\n                iconStart=\"@tui.shopping-cart\"\n            >\n                \u0412 \u043A\u043E\u0440\u0437\u0438\u043D\u0443\n            </button>\n            <sc-input-quantity\n                #inputQuantity\n                *ngIf=\"showQuantityControl\"\n                [formControl]=\"quantityControl\"\n                [size]=\"size\"\n                [step]=\"unitsHelper.productMultiplicity(product)\"\n                [ignoreStepValidators]=\"product.ignoreMinCountCheck\"\n                [showLoader]=\"quantityShowLoader\"\n                (clickClearEvent)=\"clickClearEvent.emit(cartItem)\"\n                class=\"w-full\"\n                (keydown.enter)=\"inputQuantity.nativeFocusableElement?.blur()\"\n                class=\"w-full\"\n            ></sc-input-quantity>\n            <tui-avatar\n                *ngIf=\"product.cartItem && !showQuantityControl\"\n                src=\"@tui.check\"\n                size=\"s\"\n                [style.background]=\"'var(--tui-status-warning-pale)'\"\n                [style.color]=\"'var(--tui-background-accent-1)'\"\n            ></tui-avatar>\n        </div>\n    </div>\n</div>\n\n<ng-template #skeleton>\n    <div class=\"card-wrapper relative flex h-full w-auto flex-col rounded-xl p-1\"></div>\n</ng-template>\n", styles: [":host tui-badge{--t-padding: .25rem !important}:host .name{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4}:host[data-size=s] .card-wrapper{font-size:.6875rem;line-height:1rem;font-weight:500}:host[data-size=s] .card-wrapper .name,:host[data-size=s] .card-wrapper .cost{font-size:.8125rem;line-height:1.25rem;font-weight:800}:host[data-size=m] .card-wrapper{font-size:.8125rem;line-height:1.25rem;font-weight:500}:host[data-size=m] .card-wrapper .name,:host[data-size=m] .card-wrapper .cost{font-size:.9375rem;line-height:1.5rem;font-weight:800}\n"], dependencies: [{ kind: "directive", type: i2$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "component", type: i1$1.TuiIcon, selector: "tui-icon", inputs: ["icon", "background"] }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.TuiHintDirective, selector: "[tuiHint]:not(ng-container):not(ng-template)", inputs: ["tuiHintContext", "tuiHintAppearance", "tuiHint"] }, { kind: "directive", type: i1$1.TuiLink, selector: "a[tuiLink], button[tuiLink]", inputs: ["pseudo"] }, { kind: "directive", type: i2$1.TuiHighlight, selector: "[tuiHighlight]", inputs: ["tuiHighlight", "tuiHighlightColor"] }, { kind: "component", type: i2$1.TuiButtonLoading, selector: "[tuiButton][loading],[tuiIconButton][loading]", inputs: ["size", "loading"] }, { kind: "component", type: i2$1.TuiAvatar, selector: "tui-avatar,button[tuiAvatar],a[tuiAvatar]", inputs: ["size", "round", "src"] }, { kind: "component", type: HoverImageCarouselComponent, selector: "sc-hover-image-carousel", inputs: ["images", "isShowActions"] }, { kind: "component", type: CostWithDiscountComponent, selector: "sc-cost-with-discount", inputs: ["product", "size"] }, { kind: "component", type: ScPriceWarehouseStockComponent, selector: "sc-price-warehouse-stock", inputs: ["classList", "product", "withStockHint", "fromMain"] }, { kind: "component", type: ScFavoriteButtonComponent, selector: "sc-favorite-button", inputs: ["isFavorite", "showLoader", "disabled"], outputs: ["clickEvent"] }, { kind: "component", type: ScInputQuantityComponent, selector: "sc-input-quantity", inputs: ["step", "showLoader", "showCross", "ignoreStepValidators", "appearance", "isDisabled", "size"], outputs: ["clickClearEvent"] }, { kind: "pipe", type: i2$2.AsyncPipe, name: "async" }, { kind: "pipe", type: ScFormatDatePipe, name: "scFormatDate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ScPriceCardComponent, selector: "sc-price-card", inputs: { size: "size" }, host: { properties: { "attr.data-size": "this.size" } }, providers: [SEARCH_TERM_PROVIDERS], usesInheritance: true, ngImport: i0, template: "<div\n    *ngIf=\"product; else skeleton\"\n    class=\"card-wrapper relative flex h-full w-auto flex-col rounded-xl p-1\"\n>\n    <div class=\"flex min-h-8 items-center justify-between\">\n        <span\n            [tuiHighlight]=\"(search$ | async) ?? ''\"\n            class=\"code text-tui-text-02\"\n        >\n            \u0410\u0440\u0442\u0438\u043A\u0443\u043B: {{ product.code }}\n        </span>\n\n        <div class=\"flex items-center\">\n            <tui-icon\n                *ngIf=\"product.isPreviouslyOrdered\"\n                icon=\"@tui.history\"\n                class=\"text-lg\"\n                [style.color]=\"'var(--tui-text-action)'\"\n            ></tui-icon>\n            <sc-favorite-button\n                *ngIf=\"authStatus$ | async\"\n                (clickEvent)=\"clickFavoriteEvent.emit()\"\n                [showLoader]=\"favoriteShowLoader\"\n                [isFavorite]=\"product.isFavorite\"\n                [disabled]=\"!!product.primaryCategory?.isFavorite\"\n            ></sc-favorite-button>\n        </div>\n    </div>\n\n    <sc-hover-image-carousel\n        (click)=\"clickCardEvent.emit()\"\n        [images]=\"!isMobile ? getCardImagePreviewList(product) : [getCardImagePreview()]\"\n        class=\"cursor-pointer\"\n    ></sc-hover-image-carousel>\n    <div\n        class=\"flex grow flex-col justify-end\"\n        [class.gap-1]=\"size === 'm'\"\n    >\n        <div\n            class=\"flex grow flex-col\"\n            [class.gap-1]=\"size === 'm'\"\n        >\n            <a\n                tuiLink\n                [attr.href]=\"href ?? null\"\n                [tuiHighlight]=\"(search$ | async) ?? ''\"\n                (click)=\"$event.preventDefault(); clickCardEvent.emit()\"\n                class=\"name mb-auto\"\n            >\n                {{ product.name }}\n            </a>\n            <div\n                *ngIf=\"product?.pack\"\n                class=\"flex items-center gap-1 text-tui-text-02\"\n            >\n                \u041D\u043E\u0440\u043C\u0430 \u0443\u043F\u0430\u043A\u043E\u0432\u043A\u0438: {{ product.pack }}\n                <tui-icon\n                    *ngIf=\"product.ignoreMinCountCheck\"\n                    icon=\"@tui.package\"\n                    [tuiHint]=\"minCountHint\"\n                    [tuiHintShowDelay]=\"100\"\n                    class=\"text-body-xl text-tui-text-01 opacity-90\"\n                    tuiHintDirection=\"top\"\n                ></tui-icon>\n                <ng-template #minCountHint>\n                    \u0414\u043E\u0441\u0442\u0443\u043F\u0435\u043D \u0437\u0430\u043A\u0430\u0437 <br />\n                    \u043F\u0440\u043E\u0438\u0437\u0432\u043E\u043B\u044C\u043D\u043E\u0433\u043E <br />\n                    \u043A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u0430\n                </ng-template>\n            </div>\n            <span *ngIf=\"!isMobile && (authStatus$ | async) && product?.costDate\">\n                \u0414\u0430\u0442\u0430:\n                <a\n                    tuiLink\n                    [pseudo]=\"true\"\n                    class=\"text-tui-text-02\"\n                    (click)=\"clickPriceHistoryEvent.emit()\"\n                >\n                    {{ product.costDate | scFormatDate }}\n                </a>\n            </span>\n            <sc-cost-with-discount\n                [product]=\"product\"\n                [size]=\"size\"\n            ></sc-cost-with-discount>\n            <sc-price-warehouse-stock [product]=\"product\"></sc-price-warehouse-stock>\n        </div>\n        <div class=\"mt-2 flex gap-2\">\n            <button\n                *ngIf=\"!showQuantityControl\"\n                tuiButton\n                (click)=\"clickAddToCartEvent.emit(product)\"\n                [loading]=\"quantityShowLoader\"\n                [size]=\"getToCartButtonSize()\"\n                class=\"grow !font-extrabold\"\n                iconStart=\"@tui.shopping-cart\"\n            >\n                \u0412 \u043A\u043E\u0440\u0437\u0438\u043D\u0443\n            </button>\n            <sc-input-quantity\n                #inputQuantity\n                *ngIf=\"showQuantityControl\"\n                [formControl]=\"quantityControl\"\n                [size]=\"size\"\n                [step]=\"unitsHelper.productMultiplicity(product)\"\n                [ignoreStepValidators]=\"product.ignoreMinCountCheck\"\n                [showLoader]=\"quantityShowLoader\"\n                (clickClearEvent)=\"clickClearEvent.emit(cartItem)\"\n                class=\"w-full\"\n                (keydown.enter)=\"inputQuantity.nativeFocusableElement?.blur()\"\n                class=\"w-full\"\n            ></sc-input-quantity>\n            <tui-avatar\n                *ngIf=\"product.cartItem && !showQuantityControl\"\n                src=\"@tui.check\"\n                size=\"s\"\n                [style.background]=\"'var(--tui-status-warning-pale)'\"\n                [style.color]=\"'var(--tui-background-accent-1)'\"\n            ></tui-avatar>\n        </div>\n    </div>\n</div>\n\n<ng-template #skeleton>\n    <div class=\"card-wrapper relative flex h-full w-auto flex-col rounded-xl p-1\"></div>\n</ng-template>\n", styles: [":host tui-badge{--t-padding: .25rem !important}:host .name{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4}:host[data-size=s] .card-wrapper{font-size:.6875rem;line-height:1rem;font-weight:500}:host[data-size=s] .card-wrapper .name,:host[data-size=s] .card-wrapper .cost{font-size:.8125rem;line-height:1.25rem;font-weight:800}:host[data-size=m] .card-wrapper{font-size:.8125rem;line-height:1.25rem;font-weight:500}:host[data-size=m] .card-wrapper .name,:host[data-size=m] .card-wrapper .cost{font-size:.9375rem;line-height:1.5rem;font-weight:800}\n"], dependencies: [{ kind: "directive", type: i2$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "component", type: i1$1.TuiIcon, selector: "tui-icon", inputs: ["icon", "background"] }, { kind: "directive", type: i2$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.TuiHintDirective, selector: "[tuiHint]:not(ng-container):not(ng-template)", inputs: ["tuiHintContext", "tuiHintAppearance", "tuiHint"] }, { kind: "directive", type: i1$1.TuiLink, selector: "a[tuiLink], button[tuiLink]", inputs: ["pseudo"] }, { kind: "directive", type: i2$1.TuiHighlight, selector: "[tuiHighlight]", inputs: ["tuiHighlight", "tuiHighlightColor"] }, { kind: "component", type: i2$1.TuiButtonLoading, selector: "[tuiButton][loading],[tuiIconButton][loading]", inputs: ["size", "loading"] }, { kind: "component", type: i2$1.TuiAvatar, selector: "tui-avatar,button[tuiAvatar],a[tuiAvatar]", inputs: ["size", "round", "src"] }, { kind: "component", type: HoverImageCarouselComponent, selector: "sc-hover-image-carousel", inputs: ["images", "isShowActions"] }, { kind: "component", type: CostWithDiscountComponent, selector: "sc-cost-with-discount", inputs: ["product", "size"] }, { kind: "component", type: ScPriceWarehouseStockComponent, selector: "sc-price-warehouse-stock", inputs: ["classList", "product", "withStockHint", "fromMain"] }, { kind: "component", type: ScFavoriteButtonComponent, selector: "sc-favorite-button", inputs: ["isFavorite", "showLoader", "disabled"], outputs: ["clickEvent"] }, { kind: "component", type: ScInputQuantityComponent, selector: "sc-input-quantity", inputs: ["step", "showLoader", "showCross", "ignoreStepValidators", "appearance", "isDisabled", "size"], outputs: ["clickClearEvent"] }, { kind: "pipe", type: i2$2.AsyncPipe, name: "async" }, { kind: "pipe", type: ScFormatDatePipe, name: "scFormatDate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ScPriceCardComponent, decorators: [{
             type: Component,
@@ -4385,7 +4500,7 @@ class ScPriceCardInlineComponent extends AbstractScPriceCard {
         this.type = input('catalogItem');
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ScPriceCardInlineComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.13", type: ScPriceCardInlineComponent, isStandalone: true, selector: "sc-price-card-inline", inputs: { type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null } }, providers: [SEARCH_TERM_PROVIDERS], usesInheritance: true, ngImport: i0, template: "<div\n    *ngIf=\"product; else skeleton\"\n    class=\"card-wrapper relative flex w-full gap-4 rounded-xl p-1 hover:bg-tui-background-neutral-1\"\n>\n    <sc-hover-image-carousel\n        (click)=\"clickCardEvent.emit()\"\n        [images]=\"!isMobile ? getCardImagePreviewList(product) : [getCardImagePreview()]\"\n        [isShowActions]=\"false\"\n        class=\"size-24 shrink-0 cursor-pointer self-center\"\n    ></sc-hover-image-carousel>\n    <div class=\"flex grow flex-col gap-1\">\n        <div\n            [tuiHighlight]=\"(search$ | async) ?? ''\"\n            class=\"text-tui-text-02\"\n        >\n            \u0410\u0440\u0442\u0438\u043A\u0443\u043B: {{ product.code }}\n        </div>\n        <div class=\"flex flex-col gap-1\">\n            <a\n                tuiLink\n                [attr.href]=\"href ?? null\"\n                [tuiHighlight]=\"(search$ | async) ?? ''\"\n                (click)=\"$event.preventDefault(); clickCardEvent.emit()\"\n                class=\"!text-body-m-bold\"\n            >\n                {{ product.name }}\n            </a>\n            <div\n                *ngIf=\"product?.pack\"\n                class=\"flex items-center gap-1 text-tui-text-02\"\n            >\n                \u041D\u043E\u0440\u043C\u0430 \u0443\u043F\u0430\u043A\u043E\u0432\u043A\u0438: {{ product.pack }}\n                <tui-icon\n                    *ngIf=\"product.ignoreMinCountCheck\"\n                    icon=\"@tui.package\"\n                    [tuiHint]=\"minCountHint\"\n                    [tuiHintShowDelay]=\"100\"\n                    tuiHintDirection=\"top\"\n                    class=\"text-body-xl text-tui-text-01 opacity-90\"\n                ></tui-icon>\n                <ng-template #minCountHint>\n                    \u0414\u043E\u0441\u0442\u0443\u043F\u0435\u043D \u0437\u0430\u043A\u0430\u0437 <br />\n                    \u043F\u0440\u043E\u0438\u0437\u0432\u043E\u043B\u044C\u043D\u043E\u0433\u043E <br />\n                    \u043A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u0430\n                </ng-template>\n            </div>\n\n            <div class=\"flex flex-wrap items-center gap-x-4\">\n                <sc-cost-with-discount [product]=\"product\"></sc-cost-with-discount>\n\n                <span *ngIf=\"(authStatus$ | async) && product?.costDate\">\n                    \u0414\u0430\u0442\u0430:\n                    <a\n                        tuiLink\n                        [pseudo]=\"true\"\n                        (click)=\"clickPriceHistoryEvent.emit()\"\n                        class=\"text-tui-text-02\"\n                    >\n                        {{ product.costDate | scFormatDate }}\n                    </a>\n                </span>\n            </div>\n            <sc-price-warehouse-stock [product]=\"product\"></sc-price-warehouse-stock>\n        </div>\n    </div>\n    <div class=\"flex w-40 shrink-0 flex-col justify-between\">\n        <div class=\"flex justify-end\">\n            <tui-avatar\n                *ngIf=\"product.isPreviouslyOrdered\"\n                src=\"@tui.history\"\n                size=\"s\"\n                [style.background]=\"'none'\"\n                [style.color]=\"'var(--tui-text-action)'\"\n            ></tui-avatar>\n            <sc-favorite-button\n                *ngIf=\"authStatus$ | async\"\n                (clickEvent)=\"clickFavoriteEvent.emit()\"\n                [showLoader]=\"favoriteShowLoader\"\n                [isFavorite]=\"product.isFavorite\"\n                [disabled]=\"!!product.primaryCategory?.isFavorite\"\n            ></sc-favorite-button>\n        </div>\n        <div class=\"flex gap-2\">\n            <button\n                *ngIf=\"!showQuantityControl\"\n                tuiButton\n                (click)=\"clickAddToCartEvent.emit(product)\"\n                [loading]=\"quantityShowLoader\"\n                size=\"s\"\n                iconStart=\"@tui.shopping-cart\"\n                class=\"grow !font-extrabold\"\n            >\n                \u0412 \u043A\u043E\u0440\u0437\u0438\u043D\u0443\n            </button>\n            <sc-input-quantity\n                #inputQuantity\n                [tuiAutoFocus]=\"autoFocuseQuantityInput()\"\n                *ngIf=\"showQuantityControl\"\n                [formControl]=\"quantityControl\"\n                size=\"m\"\n                [step]=\"unitsHelper.productMultiplicity(product)\"\n                [ignoreStepValidators]=\"product.ignoreMinCountCheck\"\n                [showLoader]=\"quantityShowLoader\"\n                (clickClearEvent)=\"clickClearEvent.emit(cartItem)\"\n                (keydown.enter)=\"inputQuantity.nativeFocusableElement?.blur()\"\n                class=\"w-full\"\n            ></sc-input-quantity>\n            <tui-avatar\n                *ngIf=\"product.cartItem && !showQuantityControl\"\n                src=\"@tui.check\"\n                size=\"s\"\n                [style.background]=\"'var(--tui-status-warning-pale)'\"\n                [style.color]=\"'var(--tui-background-accent-1)'\"\n            ></tui-avatar>\n        </div>\n    </div>\n</div>\n\n<ng-template #skeleton>\n    <div class=\"tui-skeleton flex h-[8.25rem] w-full overflow-hidden rounded-xl\"></div>\n</ng-template>\n", styles: [":host tui-badge{--t-padding: .25rem !important}:host .name{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4}:host .card-wrapper{font-size:.8125rem;line-height:1.25rem;font-weight:500}:host .card-wrapper .name,:host .card-wrapper .cost{font-size:.9375rem;line-height:1.5rem;font-weight:800}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i2$2.AsyncPipe, name: "async" }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "component", type: TuiIcon, selector: "tui-icon", inputs: ["icon", "background"] }, { kind: "ngmodule", type: TuiTextfieldControllerModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.TuiHintDirective, selector: "[tuiHint]:not(ng-container):not(ng-template)", inputs: ["tuiHintContext", "tuiHintAppearance", "tuiHint"] }, { kind: "directive", type: TuiLink, selector: "a[tuiLink], button[tuiLink]", inputs: ["pseudo"] }, { kind: "directive", type: TuiHighlight, selector: "[tuiHighlight]", inputs: ["tuiHighlight", "tuiHighlightColor"] }, { kind: "directive", type: TuiAutoFocus, selector: "[tuiAutoFocus]", inputs: ["tuiAutoFocus"] }, { kind: "component", type: TuiButtonLoading, selector: "[tuiButton][loading],[tuiIconButton][loading]", inputs: ["size", "loading"] }, { kind: "component", type: TuiAvatar, selector: "tui-avatar,button[tuiAvatar],a[tuiAvatar]", inputs: ["size", "round", "src"] }, { kind: "component", type: HoverImageCarouselComponent, selector: "sc-hover-image-carousel", inputs: ["images", "isShowActions"] }, { kind: "component", type: CostWithDiscountComponent, selector: "sc-cost-with-discount", inputs: ["product", "size"] }, { kind: "component", type: ScPriceWarehouseStockComponent, selector: "sc-price-warehouse-stock", inputs: ["classList", "product", "withStockHint", "fromMain"] }, { kind: "component", type: ScFavoriteButtonComponent, selector: "sc-favorite-button", inputs: ["isFavorite", "showLoader", "disabled"], outputs: ["clickEvent"] }, { kind: "component", type: ScInputQuantityComponent, selector: "sc-input-quantity", inputs: ["step", "showLoader", "showCross", "ignoreStepValidators", "appearance", "isDisabled", "size"], outputs: ["clickClearEvent"] }, { kind: "pipe", type: ScFormatDatePipe, name: "scFormatDate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.13", type: ScPriceCardInlineComponent, isStandalone: true, selector: "sc-price-card-inline", inputs: { type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null } }, providers: [SEARCH_TERM_PROVIDERS], usesInheritance: true, ngImport: i0, template: "<div\n    *ngIf=\"product; else skeleton\"\n    class=\"card-wrapper relative flex w-full gap-4 rounded-xl p-1 hover:bg-tui-background-neutral-1\"\n>\n    <sc-hover-image-carousel\n        (click)=\"clickCardEvent.emit()\"\n        [images]=\"!isMobile ? getCardImagePreviewList(product) : [getCardImagePreview()]\"\n        [isShowActions]=\"false\"\n        class=\"size-24 shrink-0 cursor-pointer self-center\"\n    ></sc-hover-image-carousel>\n    <div class=\"flex grow flex-col gap-1\">\n        <div\n            [tuiHighlight]=\"(search$ | async) ?? ''\"\n            class=\"text-tui-text-02\"\n        >\n            \u0410\u0440\u0442\u0438\u043A\u0443\u043B: {{ product.code }}\n        </div>\n        <div class=\"flex flex-col gap-1\">\n            <a\n                tuiLink\n                [attr.href]=\"href ?? null\"\n                [tuiHighlight]=\"(search$ | async) ?? ''\"\n                (click)=\"$event.preventDefault(); clickCardEvent.emit()\"\n                class=\"!text-body-m-bold\"\n            >\n                {{ product.name }}\n            </a>\n            <div\n                *ngIf=\"product?.pack\"\n                class=\"flex items-center gap-1 text-tui-text-02\"\n            >\n                \u041D\u043E\u0440\u043C\u0430 \u0443\u043F\u0430\u043A\u043E\u0432\u043A\u0438: {{ product.pack }}\n                <tui-icon\n                    *ngIf=\"product.ignoreMinCountCheck\"\n                    icon=\"@tui.package\"\n                    [tuiHint]=\"minCountHint\"\n                    [tuiHintShowDelay]=\"100\"\n                    tuiHintDirection=\"top\"\n                    class=\"text-body-xl text-tui-text-01 opacity-90\"\n                ></tui-icon>\n                <ng-template #minCountHint>\n                    \u0414\u043E\u0441\u0442\u0443\u043F\u0435\u043D \u0437\u0430\u043A\u0430\u0437 <br />\n                    \u043F\u0440\u043E\u0438\u0437\u0432\u043E\u043B\u044C\u043D\u043E\u0433\u043E <br />\n                    \u043A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u0430\n                </ng-template>\n            </div>\n\n            <div class=\"flex flex-wrap items-center gap-x-4\">\n                <sc-cost-with-discount [product]=\"product\"></sc-cost-with-discount>\n\n                <span *ngIf=\"(authStatus$ | async) && product?.costDate\">\n                    \u0414\u0430\u0442\u0430:\n                    <a\n                        tuiLink\n                        [pseudo]=\"true\"\n                        (click)=\"clickPriceHistoryEvent.emit()\"\n                        class=\"text-tui-text-02\"\n                    >\n                        {{ product.costDate | scFormatDate }}\n                    </a>\n                </span>\n            </div>\n            <sc-price-warehouse-stock [product]=\"product\"></sc-price-warehouse-stock>\n        </div>\n    </div>\n    <div class=\"flex w-40 shrink-0 flex-col justify-between\">\n        <div class=\"flex justify-end\">\n            <tui-avatar\n                *ngIf=\"product.isPreviouslyOrdered\"\n                src=\"@tui.history\"\n                size=\"s\"\n                [style.background]=\"'none'\"\n                [style.color]=\"'var(--tui-text-action)'\"\n            ></tui-avatar>\n            <sc-favorite-button\n                *ngIf=\"authStatus$ | async\"\n                (clickEvent)=\"clickFavoriteEvent.emit()\"\n                [showLoader]=\"favoriteShowLoader\"\n                [isFavorite]=\"product.isFavorite\"\n                [disabled]=\"!!product.primaryCategory?.isFavorite\"\n            ></sc-favorite-button>\n        </div>\n        <div class=\"flex gap-2\">\n            <button\n                *ngIf=\"!showQuantityControl\"\n                tuiButton\n                (click)=\"clickAddToCartEvent.emit(product)\"\n                [loading]=\"quantityShowLoader\"\n                size=\"s\"\n                iconStart=\"@tui.shopping-cart\"\n                class=\"grow !font-extrabold\"\n            >\n                \u0412 \u043A\u043E\u0440\u0437\u0438\u043D\u0443\n            </button>\n            <sc-input-quantity\n                #inputQuantity\n                [tuiAutoFocus]=\"autoFocuseQuantityInput()\"\n                *ngIf=\"showQuantityControl\"\n                [formControl]=\"quantityControl\"\n                size=\"m\"\n                [step]=\"unitsHelper.productMultiplicity(product)\"\n                [ignoreStepValidators]=\"product.ignoreMinCountCheck\"\n                [showLoader]=\"quantityShowLoader\"\n                (clickClearEvent)=\"clickClearEvent.emit(cartItem)\"\n                (keydown.enter)=\"inputQuantity.nativeFocusableElement?.blur()\"\n                class=\"w-full\"\n            ></sc-input-quantity>\n            <tui-avatar\n                *ngIf=\"product.cartItem && !showQuantityControl\"\n                src=\"@tui.check\"\n                size=\"s\"\n                [style.background]=\"'var(--tui-status-warning-pale)'\"\n                [style.color]=\"'var(--tui-background-accent-1)'\"\n            ></tui-avatar>\n        </div>\n    </div>\n</div>\n\n<ng-template #skeleton>\n    <div class=\"tui-skeleton flex h-[8.25rem] w-full overflow-hidden rounded-xl\"></div>\n</ng-template>\n", styles: [":host tui-badge{--t-padding: .25rem !important}:host .name{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4}:host .card-wrapper{font-size:.8125rem;line-height:1.25rem;font-weight:500}:host .card-wrapper .name,:host .card-wrapper .cost{font-size:.9375rem;line-height:1.5rem;font-weight:800}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i2$2.AsyncPipe, name: "async" }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "component", type: TuiIcon, selector: "tui-icon", inputs: ["icon", "background"] }, { kind: "ngmodule", type: TuiTextfieldControllerModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2$3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.TuiHintDirective, selector: "[tuiHint]:not(ng-container):not(ng-template)", inputs: ["tuiHintContext", "tuiHintAppearance", "tuiHint"] }, { kind: "directive", type: TuiLink, selector: "a[tuiLink], button[tuiLink]", inputs: ["pseudo"] }, { kind: "directive", type: TuiHighlight, selector: "[tuiHighlight]", inputs: ["tuiHighlight", "tuiHighlightColor"] }, { kind: "directive", type: TuiAutoFocus, selector: "[tuiAutoFocus]", inputs: ["tuiAutoFocus"] }, { kind: "component", type: TuiButtonLoading, selector: "[tuiButton][loading],[tuiIconButton][loading]", inputs: ["size", "loading"] }, { kind: "component", type: TuiAvatar, selector: "tui-avatar,button[tuiAvatar],a[tuiAvatar]", inputs: ["size", "round", "src"] }, { kind: "component", type: HoverImageCarouselComponent, selector: "sc-hover-image-carousel", inputs: ["images", "isShowActions"] }, { kind: "component", type: CostWithDiscountComponent, selector: "sc-cost-with-discount", inputs: ["product", "size"] }, { kind: "component", type: ScPriceWarehouseStockComponent, selector: "sc-price-warehouse-stock", inputs: ["classList", "product", "withStockHint", "fromMain"] }, { kind: "component", type: ScFavoriteButtonComponent, selector: "sc-favorite-button", inputs: ["isFavorite", "showLoader", "disabled"], outputs: ["clickEvent"] }, { kind: "component", type: ScInputQuantityComponent, selector: "sc-input-quantity", inputs: ["step", "showLoader", "showCross", "ignoreStepValidators", "appearance", "isDisabled", "size"], outputs: ["clickClearEvent"] }, { kind: "pipe", type: ScFormatDatePipe, name: "scFormatDate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ScPriceCardInlineComponent, decorators: [{
             type: Component,
@@ -4514,7 +4629,7 @@ class ScPriceHistoryComponent {
         }, []));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ScPriceHistoryComponent, deps: [{ token: i1.ScCatalogService }, { token: TUI_MONTHS }, { token: i1.ScUserMetrikaService }, { token: POLYMORPHEUS_CONTEXT, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ScPriceHistoryComponent, selector: "sc-price-history", inputs: { product: "product" }, ngImport: i0, template: "<tui-loader [showLoader]=\"!!(loadingHistory$ | async)\"> </tui-loader>\n\n<div\n    *ngIf=\"(loadingHistory$ | async) === false\"\n    class=\"flex flex-col items-center\"\n>\n    <ng-container *ngIf=\"priceInfo$ | async as priceInfo; else isNotExist\">\n        <div class=\"w-174 mb-1 text-end text-lg font-bold\">\u043E\u0442 {{ priceInfo.min.toLocaleString() }} \u20BD \u0434\u043E {{ priceInfo.max.toLocaleString() }} \u20BD</div>\n\n        <ng-container *ngIf=\"history$ | async as history\">\n            <div\n                *ngIf=\"range$ | async as range\"\n                class=\"relative h-56 w-full p-5 text-tui-primary\"\n            >\n                <tui-axes\n                    *ngIf=\"computeLabels$(range) | async as labels\"\n                    class=\"h-full\"\n                    [axisXLabels]=\"labels\"\n                    [horizontalLines]=\"4\"\n                    [verticalLines]=\"labels.length\"\n                >\n                    <ng-container *tuiLet=\"priceInfo.max - priceInfo.min as height\">\n                        <tui-line-days-chart\n                            *ngIf=\"(height / 100) * paddingPercent as padding\"\n                            [height]=\"height + (height / 100) * paddingPercent * 2\"\n                            [smoothingFactor]=\"10\"\n                            [y]=\"priceInfo.min - (height / 100) * paddingPercent\"\n                            [value]=\"computeValue(range, history)\"\n                            [xStringify]=\"xStringify$ | async\"\n                            [yStringify]=\"yStringify\"\n                            [hintContent]=\"hint\"\n                            class=\"chart\"\n                        ></tui-line-days-chart>\n                    </ng-container>\n                </tui-axes>\n            </div>\n        </ng-container>\n    </ng-container>\n    <ng-template #isNotExist>\n        <p class=\"text-base font-bold\">\u0426\u0435\u043D\u0430 \u043D\u0430 \u0442\u043E\u0432\u0430\u0440 \u043D\u0435 \u0438\u0437\u043C\u0435\u043D\u044F\u043B\u0430\u0441\u044C</p>\n    </ng-template>\n    <ng-template\n        #hint\n        let-data\n    >\n        <div class=\"font-bold\">{{ data[1].toLocaleString() }} \u20BD</div>\n        <div>{{ data[0] }}</div>\n    </ng-template>\n</div>\n", dependencies: [{ kind: "directive", type: i2$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i1$1.TuiLoader, selector: "tui-loader", inputs: ["size", "inheritColor", "overlay", "textContent", "showLoader"] }, { kind: "directive", type: i7.TuiLet, selector: "[tuiLet]", inputs: ["tuiLet"] }, { kind: "component", type: i5$1.TuiLineDaysChart, selector: "tui-line-days-chart", inputs: ["y", "height", "smoothingFactor", "hintContent", "xStringify", "yStringify", "dots", "value"] }, { kind: "component", type: i5$1.TuiAxes, selector: "tui-axes", inputs: ["axisX", "axisXLabels", "axisY", "axisYInset", "axisYLabels", "axisYName", "axisYSecondaryInset", "axisYSecondaryLabels", "axisYSecondaryName", "horizontalLines", "horizontalLinesHandler", "verticalLines", "verticalLinesHandler"] }, { kind: "pipe", type: i2$2.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ScPriceHistoryComponent, selector: "sc-price-history", inputs: { product: "product" }, ngImport: i0, template: "<tui-loader [showLoader]=\"!!(loadingHistory$ | async)\"> </tui-loader>\n\n<div\n    *ngIf=\"(loadingHistory$ | async) === false\"\n    class=\"flex flex-col items-center\"\n>\n    <ng-container *ngIf=\"priceInfo$ | async as priceInfo; else isNotExist\">\n        <div class=\"w-174 mb-1 text-end text-lg font-bold\">\u043E\u0442 {{ priceInfo.min.toLocaleString() }} \u20BD \u0434\u043E {{ priceInfo.max.toLocaleString() }} \u20BD</div>\n\n        <ng-container *ngIf=\"history$ | async as history\">\n            <div\n                *ngIf=\"range$ | async as range\"\n                class=\"relative h-56 w-full p-5 text-tui-primary\"\n            >\n                <tui-axes\n                    *ngIf=\"computeLabels$(range) | async as labels\"\n                    class=\"h-full\"\n                    [axisXLabels]=\"labels\"\n                    [horizontalLines]=\"4\"\n                    [verticalLines]=\"labels.length\"\n                >\n                    <ng-container *tuiLet=\"priceInfo.max - priceInfo.min as height\">\n                        <tui-line-days-chart\n                            *ngIf=\"(height / 100) * paddingPercent as padding\"\n                            [height]=\"height + (height / 100) * paddingPercent * 2\"\n                            [smoothingFactor]=\"10\"\n                            [y]=\"priceInfo.min - (height / 100) * paddingPercent\"\n                            [value]=\"computeValue(range, history)\"\n                            [xStringify]=\"xStringify$ | async\"\n                            [yStringify]=\"yStringify\"\n                            [hintContent]=\"hint\"\n                            class=\"chart\"\n                        ></tui-line-days-chart>\n                    </ng-container>\n                </tui-axes>\n            </div>\n        </ng-container>\n    </ng-container>\n    <ng-template #isNotExist>\n        <p class=\"text-base font-bold\">\u0426\u0435\u043D\u0430 \u043D\u0430 \u0442\u043E\u0432\u0430\u0440 \u043D\u0435 \u0438\u0437\u043C\u0435\u043D\u044F\u043B\u0430\u0441\u044C</p>\n    </ng-template>\n    <ng-template\n        #hint\n        let-data\n    >\n        <div class=\"font-bold\">{{ data[1].toLocaleString() }} \u20BD</div>\n        <div>{{ data[0] }}</div>\n    </ng-template>\n</div>\n", dependencies: [{ kind: "directive", type: i2$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i1$1.TuiLoader, selector: "tui-loader", inputs: ["size", "inheritColor", "overlay", "textContent", "showLoader"] }, { kind: "directive", type: i7.TuiLet, selector: "[tuiLet]", inputs: ["tuiLet"] }, { kind: "component", type: i5.TuiLineDaysChart, selector: "tui-line-days-chart", inputs: ["y", "height", "smoothingFactor", "hintContent", "xStringify", "yStringify", "dots", "value"] }, { kind: "component", type: i5.TuiAxes, selector: "tui-axes", inputs: ["axisX", "axisXLabels", "axisY", "axisYInset", "axisYLabels", "axisYName", "axisYSecondaryInset", "axisYSecondaryLabels", "axisYSecondaryName", "horizontalLines", "horizontalLinesHandler", "verticalLines", "verticalLinesHandler"] }, { kind: "pipe", type: i2$2.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 __decorate([
     tuiPure
@@ -4525,7 +4640,7 @@ __decorate([
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ScPriceHistoryComponent, decorators: [{
             type: Component,
             args: [{ selector: 'sc-price-history', changeDetection: ChangeDetectionStrategy.OnPush, template: "<tui-loader [showLoader]=\"!!(loadingHistory$ | async)\"> </tui-loader>\n\n<div\n    *ngIf=\"(loadingHistory$ | async) === false\"\n    class=\"flex flex-col items-center\"\n>\n    <ng-container *ngIf=\"priceInfo$ | async as priceInfo; else isNotExist\">\n        <div class=\"w-174 mb-1 text-end text-lg font-bold\">\u043E\u0442 {{ priceInfo.min.toLocaleString() }} \u20BD \u0434\u043E {{ priceInfo.max.toLocaleString() }} \u20BD</div>\n\n        <ng-container *ngIf=\"history$ | async as history\">\n            <div\n                *ngIf=\"range$ | async as range\"\n                class=\"relative h-56 w-full p-5 text-tui-primary\"\n            >\n                <tui-axes\n                    *ngIf=\"computeLabels$(range) | async as labels\"\n                    class=\"h-full\"\n                    [axisXLabels]=\"labels\"\n                    [horizontalLines]=\"4\"\n                    [verticalLines]=\"labels.length\"\n                >\n                    <ng-container *tuiLet=\"priceInfo.max - priceInfo.min as height\">\n                        <tui-line-days-chart\n                            *ngIf=\"(height / 100) * paddingPercent as padding\"\n                            [height]=\"height + (height / 100) * paddingPercent * 2\"\n                            [smoothingFactor]=\"10\"\n                            [y]=\"priceInfo.min - (height / 100) * paddingPercent\"\n                            [value]=\"computeValue(range, history)\"\n                            [xStringify]=\"xStringify$ | async\"\n                            [yStringify]=\"yStringify\"\n                            [hintContent]=\"hint\"\n                            class=\"chart\"\n                        ></tui-line-days-chart>\n                    </ng-container>\n                </tui-axes>\n            </div>\n        </ng-container>\n    </ng-container>\n    <ng-template #isNotExist>\n        <p class=\"text-base font-bold\">\u0426\u0435\u043D\u0430 \u043D\u0430 \u0442\u043E\u0432\u0430\u0440 \u043D\u0435 \u0438\u0437\u043C\u0435\u043D\u044F\u043B\u0430\u0441\u044C</p>\n    </ng-template>\n    <ng-template\n        #hint\n        let-data\n    >\n        <div class=\"font-bold\">{{ data[1].toLocaleString() }} \u20BD</div>\n        <div>{{ data[0] }}</div>\n    </ng-template>\n</div>\n" }]
-        }], ctorParameters: () => [{ type: i1.ScCatalogService }, { type: i6$2.Observable, decorators: [{
+        }], ctorParameters: () => [{ type: i1.ScCatalogService }, { type: i6.Observable, decorators: [{
                     type: Inject,
                     args: [TUI_MONTHS]
                 }] }, { type: i1.ScUserMetrikaService }, { type: undefined, decorators: [{
@@ -4775,6 +4890,10 @@ class ScAddDeliveryAddressDialogComponent {
          * Признак того, что текущая страна является верной.
          */
         this.isDefaultCountry = inject(IS_DEFAULT_COUNTRY);
+        /**
+         * Список стран.
+         */
+        this.countries = getCountries();
         /**
          * {@link Observable} запроса данных добавления адрес доставки.
          */
@@ -4928,11 +5047,11 @@ class ScAddDeliveryAddressDialogComponent {
         return placemark;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ScAddDeliveryAddressDialogComponent, deps: [{ token: i1.ScDeliveryAddressService }, { token: i1.ScUserMetrikaService }, { token: POLYMORPHEUS_CONTEXT }, { token: i1.ScConvertersService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: ScAddDeliveryAddressDialogComponent, selector: "sc-add-delivery-address-dialog", ngImport: i0, template: "@let isEnabledAddDeliveryAddress = isDefaultCountry | async;\n\n@if (isEnabledAddDeliveryAddress) {\n    <div class=\"relative flex flex-col gap-3 md:flex-row\">\n        <form\n            [formGroup]=\"form\"\n            (ngSubmit)=\"onSubmit$.next()\"\n            class=\"flex w-full flex-col gap-3\"\n        >\n            <label tuiLabel>\n                \u0410\u0434\u0440\u0435\u0441 \u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438\n                <tui-input\n                    [pseudoInvalid]=\"(addressControl.valid && form.controls.coordinates.invalid) || null\"\n                    formControlName=\"address\"\n                >\n                    \u0410\u0434\u0440\u0435\u0441 \u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438\n                    <sc-suggestion-field\n                        *tuiDataList\n                        [type]=\"suggestionType.address\"\n                        (selectedClick)=\"onSelectedAddress($event)\"\n                    />\n                    <input\n                        tuiTextfieldLegacy\n                        autocomplete=\"new-password\"\n                    />\n                </tui-input>\n                <tui-error\n                    formControlName=\"address\"\n                    [error]=\"[] | tuiFieldError | async\"\n                />\n                <tui-error\n                    *ngIf=\"addressControl.valid && form.controls.coordinates.invalid\"\n                    error=\"\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u0432\u0430\u0440\u0438\u0430\u043D\u0442 \u0438\u0437 \u0441\u043F\u0438\u0441\u043A\u0430\"\n                />\n            </label>\n            <div\n                formGroupName=\"contact\"\n                class=\"flex grow flex-col gap-2\"\n            >\n                <p class=\"w-full font-bold\">\u041A\u043E\u043D\u0442\u0430\u043A\u0442\u043D\u043E\u0435 \u043B\u0438\u0446\u043E:</p>\n                <label tuiLabel>\n                    \u0424.\u0418.\u041E.\n                    <tui-input formControlName=\"name\">\n                        \u0424.\u0418.\u041E.\n                        <sc-suggestion-field\n                            *tuiDataList\n                            [type]=\"suggestionType.fio\"\n                        />\n                    </tui-input>\n                    <tui-error\n                        formControlName=\"name\"\n                        [error]=\"[] | tuiFieldError | async\"\n                    />\n                </label>\n                <label tuiLabel>\n                    \u0422\u0435\u043B\u0435\u0444\u043E\u043D\n                    <tui-input-phone formControlName=\"phone\"> \u0422\u0435\u043B\u0435\u0444\u043E\u043D </tui-input-phone>\n                    <tui-error\n                        formControlName=\"phone\"\n                        [error]=\"[] | tuiFieldError | async\"\n                    />\n                </label>\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-input formControlName=\"email\">\n                        <input\n                            tuiTextfieldLegacy\n                            type=\"email\"\n                        />\n                        \u0410\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B\n                        <sc-suggestion-field\n                            *tuiDataList\n                            [type]=\"suggestionType.email\"\n                        />\n                    </tui-input>\n                    <tui-error\n                        formControlName=\"email\"\n                        [error]=\"[] | tuiFieldError | async\"\n                    />\n                </label>\n                <label tuiLabel>\n                    \u0414\u043E\u043B\u0436\u043D\u043E\u0441\u0442\u044C\n                    <tui-input formControlName=\"position\"> \u0414\u043E\u043B\u0436\u043D\u043E\u0441\u0442\u044C </tui-input>\n                    <tui-error\n                        formControlName=\"position\"\n                        [error]=\"[] | tuiFieldError | async\"\n                    />\n                </label>\n            </div>\n            <div class=\"flex justify-center gap-8\">\n                <button\n                    tuiButton\n                    (click)=\"context.$implicit.complete()\"\n                    type=\"button\"\n                    [iconStart]=\"isMobile ? '@tui.x' : '@tui.x'\"\n                    appearance=\"secondary\"\n                >\n                    \u041E\u0442\u043C\u0435\u043D\u0430\n                </button>\n                <button\n                    tuiButton\n                    [iconStart]=\"isMobile ? '@tui.save' : '@tui.save'\"\n                    [disabled]=\"form.invalid\"\n                    [loading]=\"!!(loading$ | async)\"\n                    type=\"submit\"\n                >\n                    \u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C\n                </button>\n            </div>\n        </form>\n\n        <div\n            class=\"absolute -z-10 flex size-full md:w-1/2\"\n            [ngClass]=\"{ 'z-0 relative': addressPlacemark }\"\n        >\n            <div\n                class=\"flex-auto\"\n                [ngClass]=\"{ 'pointer-events-none opacity-50': form.controls.coordinates.invalid }\"\n            >\n                <ya-map\n                    [zoom]=\"11\"\n                    [state]=\"{ controls: [] }\"\n                    (ready)=\"onMapReadyHandle($event)\"\n                    [options]=\"options\"\n                />\n            </div>\n        </div>\n    </div>\n} @else {\n    @let helpContacts = userHelpContacts$ | async;\n\n    @if (helpContacts && helpContacts.length) {\n        <tui-push\n            type=\"\u0427\u0442\u043E\u0431\u044B \u0434\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u0430\u0434\u0440\u0435\u0441 \u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438, \u0441\u0432\u044F\u0436\u0438\u0442\u0435\u0441\u044C \u0441 \u043D\u0430\u043C\u0438\"\n            class=\"!w-auto\"\n        >\n            <tui-icon icon=\"@tui.message-square\" />\n            <sc-manager-card [manager]=\"helpContacts[0]\" />\n        </tui-push>\n    }\n}\n", dependencies: [{ kind: "directive", type: i2$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "directive", type: i3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i3.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "directive", type: i1$1.TuiLabel, selector: "label[tuiLabel]" }, { kind: "component", type: i1$1.TuiError, selector: "tui-error", inputs: ["error"] }, { kind: "component", type: i5.TuiInputComponent, selector: "tui-input" }, { kind: "directive", type: i5.TuiInputDirective, selector: "tui-input" }, { kind: "component", type: i6.TuiTextfieldComponent, selector: "input[tuiTextfieldLegacy], textarea[tuiTextfieldLegacy]" }, { kind: "component", type: i5.TuiInputPhoneComponent, selector: "tui-input-phone", inputs: ["phoneMaskAfterCountryCode", "allowText", "search", "countryCode"], outputs: ["searchChange"] }, { kind: "directive", type: i5.TuiInputPhoneDirective, selector: "tui-input-phone" }, { kind: "component", type: ScSuggestionFieldComponent, selector: "sc-suggestion-field", inputs: ["type"], outputs: ["selectedClick"] }, { kind: "directive", type: i1$1.TuiDataListDirective, selector: "ng-template[tuiDataList]" }, { kind: "component", type: i8$1.YaMapComponent, selector: "ya-map", inputs: ["center", "zoom", "state", "options"], outputs: ["ready", "actionbegin", "actionbreak", "actionend", "actiontick", "actiontickcomplete", "balloonclose", "balloonopen", "boundschange", "yaclick", "yacontextmenu", "yadblclick", "destroy", "hintclose", "hintopen", "marginchange", "yamousedown", "yamouseenter", "yamouseleave", "yamousemove", "yamouseup", "multitouchend", "multitouchmove", "multitouchstart", "optionschange", "sizechange", "typechange", "yawheel"] }, { kind: "component", type: i2$1.TuiButtonLoading, selector: "[tuiButton][loading],[tuiIconButton][loading]", inputs: ["size", "loading"] }, { kind: "component", type: i2$1.TuiPushComponent, selector: "tui-push", inputs: ["heading", "type", "lines", "timestamp"], outputs: ["close"] }, { kind: "component", type: i1$1.TuiIcon, selector: "tui-icon", inputs: ["icon", "background"] }, { kind: "component", type: ScManagerCardComponent, selector: "sc-manager-card", inputs: ["manager"] }, { kind: "pipe", type: i2$2.AsyncPipe, name: "async" }, { kind: "pipe", type: i2$1.TuiFieldErrorPipe, name: "tuiFieldError" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: ScAddDeliveryAddressDialogComponent, selector: "sc-add-delivery-address-dialog", ngImport: i0, template: "@let isEnabledAddDeliveryAddress = isDefaultCountry | async;\n\n@if (isEnabledAddDeliveryAddress) {\n    <div class=\"relative flex flex-col gap-3 md:flex-row\">\n        <form\n            [formGroup]=\"form\"\n            (ngSubmit)=\"onSubmit$.next()\"\n            class=\"flex w-full flex-col gap-3\"\n        >\n            <label tuiLabel>\n                \u0410\u0434\u0440\u0435\u0441 \u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438\n                <tui-input\n                    [pseudoInvalid]=\"(addressControl.valid && form.controls.coordinates.invalid) || null\"\n                    formControlName=\"address\"\n                >\n                    \u0410\u0434\u0440\u0435\u0441 \u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438\n                    <sc-suggestion-field\n                        *tuiDataList\n                        [type]=\"suggestionType.address\"\n                        (selectedClick)=\"onSelectedAddress($event)\"\n                    />\n                    <input\n                        tuiTextfieldLegacy\n                        autocomplete=\"new-password\"\n                    />\n                </tui-input>\n                <tui-error\n                    formControlName=\"address\"\n                    [error]=\"[] | tuiFieldError | async\"\n                />\n                <tui-error\n                    *ngIf=\"addressControl.valid && form.controls.coordinates.invalid\"\n                    error=\"\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u0432\u0430\u0440\u0438\u0430\u043D\u0442 \u0438\u0437 \u0441\u043F\u0438\u0441\u043A\u0430\"\n                />\n            </label>\n            <div\n                formGroupName=\"contact\"\n                class=\"flex grow flex-col gap-2\"\n            >\n                <p class=\"w-full font-bold\">\u041A\u043E\u043D\u0442\u0430\u043A\u0442\u043D\u043E\u0435 \u043B\u0438\u0446\u043E:</p>\n                <label tuiLabel>\n                    \u0424.\u0418.\u041E.\n                    <tui-input formControlName=\"name\">\n                        \u0424.\u0418.\u041E.\n                        <sc-suggestion-field\n                            *tuiDataList\n                            [type]=\"suggestionType.fio\"\n                        />\n                    </tui-input>\n                    <tui-error\n                        formControlName=\"name\"\n                        [error]=\"[] | tuiFieldError | async\"\n                    />\n                </label>\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 | async) || []\"\n                            autocomplete=\"phone\"\n                        />\n                    </tui-textfield>\n                    <tui-error\n                        formControlName=\"phone\"\n                        [error]=\"[] | tuiFieldError | async\"\n                    />\n                </label>\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-input formControlName=\"email\">\n                        <input\n                            tuiTextfieldLegacy\n                            type=\"email\"\n                        />\n                        \u0410\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B\n                        <sc-suggestion-field\n                            *tuiDataList\n                            [type]=\"suggestionType.email\"\n                        />\n                    </tui-input>\n                    <tui-error\n                        formControlName=\"email\"\n                        [error]=\"[] | tuiFieldError | async\"\n                    />\n                </label>\n                <label tuiLabel>\n                    \u0414\u043E\u043B\u0436\u043D\u043E\u0441\u0442\u044C\n                    <tui-input formControlName=\"position\"> \u0414\u043E\u043B\u0436\u043D\u043E\u0441\u0442\u044C </tui-input>\n                    <tui-error\n                        formControlName=\"position\"\n                        [error]=\"[] | tuiFieldError | async\"\n                    />\n                </label>\n            </div>\n            <div class=\"flex justify-center gap-8\">\n                <button\n                    tuiButton\n                    (click)=\"context.$implicit.complete()\"\n                    type=\"button\"\n                    [iconStart]=\"isMobile ? '@tui.x' : '@tui.x'\"\n                    appearance=\"secondary\"\n                >\n                    \u041E\u0442\u043C\u0435\u043D\u0430\n                </button>\n                <button\n                    tuiButton\n                    [iconStart]=\"isMobile ? '@tui.save' : '@tui.save'\"\n                    [disabled]=\"form.invalid\"\n                    [loading]=\"!!(loading$ | async)\"\n                    type=\"submit\"\n                >\n                    \u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C\n                </button>\n            </div>\n        </form>\n\n        <div\n            class=\"absolute -z-10 flex size-full md:w-1/2\"\n            [ngClass]=\"{ 'z-0 relative': addressPlacemark }\"\n        >\n            <div\n                class=\"flex-auto\"\n                [ngClass]=\"{ 'pointer-events-none opacity-50': form.controls.coordinates.invalid }\"\n            >\n                <ya-map\n                    [zoom]=\"11\"\n                    [state]=\"{ controls: [] }\"\n                    (ready)=\"onMapReadyHandle($event)\"\n                    [options]=\"options\"\n                />\n            </div>\n        </div>\n    </div>\n} @else {\n    @let helpContacts = userHelpContacts$ | async;\n\n    @if (helpContacts && helpContacts.length) {\n        <tui-push\n            type=\"\u0427\u0442\u043E\u0431\u044B \u0434\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u0430\u0434\u0440\u0435\u0441 \u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438, \u0441\u0432\u044F\u0436\u0438\u0442\u0435\u0441\u044C \u0441 \u043D\u0430\u043C\u0438\"\n            class=\"!w-auto\"\n        >\n            <tui-icon icon=\"@tui.message-square\" />\n            <sc-manager-card [manager]=\"helpContacts[0]\" />\n        </tui-push>\n    }\n}\n", dependencies: [{ kind: "directive", type: i2$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "directive", type: i2$3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2$3.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: i2$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2$3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i2$3.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "directive", type: i4$1.TuiLabel, selector: "label[tuiLabel]" }, { kind: "component", type: i1$1.TuiError, selector: "tui-error", inputs: ["error"] }, { kind: "component", type: i3.TuiInputComponent, selector: "tui-input" }, { kind: "directive", type: i3.TuiInputDirective, selector: "tui-input" }, { kind: "component", type: i4.TuiTextfieldComponent, selector: "input[tuiTextfieldLegacy], textarea[tuiTextfieldLegacy]" }, { kind: "component", type: ScSuggestionFieldComponent, selector: "sc-suggestion-field", inputs: ["type"], outputs: ["selectedClick"] }, { kind: "directive", type: i1$1.TuiDataListDirective, selector: "ng-template[tuiDataList]" }, { kind: "component", type: i9.YaMapComponent, selector: "ya-map", inputs: ["center", "zoom", "state", "options"], outputs: ["ready", "actionbegin", "actionbreak", "actionend", "actiontick", "actiontickcomplete", "balloonclose", "balloonopen", "boundschange", "yaclick", "yacontextmenu", "yadblclick", "destroy", "hintclose", "hintopen", "marginchange", "yamousedown", "yamouseenter", "yamouseleave", "yamousemove", "yamouseup", "multitouchend", "multitouchmove", "multitouchstart", "optionschange", "sizechange", "typechange", "yawheel"] }, { kind: "component", type: i2$1.TuiButtonLoading, selector: "[tuiButton][loading],[tuiIconButton][loading]", inputs: ["size", "loading"] }, { kind: "component", type: i2$1.TuiPushComponent, selector: "tui-push", inputs: ["heading", "type", "lines", "timestamp"], outputs: ["close"] }, { kind: "component", type: i1$1.TuiIcon, selector: "tui-icon", inputs: ["icon", "background"] }, { kind: "component", type: ScManagerCardComponent, selector: "sc-manager-card", inputs: ["manager"] }, { kind: "component", type: i11.TuiInputPhoneInternational, selector: "input[tuiInputPhoneInternational]", inputs: ["countrySearch", "countries", "countryIsoCode"], outputs: ["countryIsoCodeChange"] }, { kind: "component", type: i1$1.TuiTextfieldComponent, selector: "tui-textfield", inputs: ["content", "filler"] }, { kind: "pipe", type: i2$2.AsyncPipe, name: "async" }, { kind: "pipe", type: i2$1.TuiFieldErrorPipe, name: "tuiFieldError" }, { kind: "pipe", type: i2$1.TuiSortCountriesPipe, name: "tuiSortCountries" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ScAddDeliveryAddressDialogComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sc-add-delivery-address-dialog', changeDetection: ChangeDetectionStrategy.OnPush, template: "@let isEnabledAddDeliveryAddress = isDefaultCountry | async;\n\n@if (isEnabledAddDeliveryAddress) {\n    <div class=\"relative flex flex-col gap-3 md:flex-row\">\n        <form\n            [formGroup]=\"form\"\n            (ngSubmit)=\"onSubmit$.next()\"\n            class=\"flex w-full flex-col gap-3\"\n        >\n            <label tuiLabel>\n                \u0410\u0434\u0440\u0435\u0441 \u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438\n                <tui-input\n                    [pseudoInvalid]=\"(addressControl.valid && form.controls.coordinates.invalid) || null\"\n                    formControlName=\"address\"\n                >\n                    \u0410\u0434\u0440\u0435\u0441 \u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438\n                    <sc-suggestion-field\n                        *tuiDataList\n                        [type]=\"suggestionType.address\"\n                        (selectedClick)=\"onSelectedAddress($event)\"\n                    />\n                    <input\n                        tuiTextfieldLegacy\n                        autocomplete=\"new-password\"\n                    />\n                </tui-input>\n                <tui-error\n                    formControlName=\"address\"\n                    [error]=\"[] | tuiFieldError | async\"\n                />\n                <tui-error\n                    *ngIf=\"addressControl.valid && form.controls.coordinates.invalid\"\n                    error=\"\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u0432\u0430\u0440\u0438\u0430\u043D\u0442 \u0438\u0437 \u0441\u043F\u0438\u0441\u043A\u0430\"\n                />\n            </label>\n            <div\n                formGroupName=\"contact\"\n                class=\"flex grow flex-col gap-2\"\n            >\n                <p class=\"w-full font-bold\">\u041A\u043E\u043D\u0442\u0430\u043A\u0442\u043D\u043E\u0435 \u043B\u0438\u0446\u043E:</p>\n                <label tuiLabel>\n                    \u0424.\u0418.\u041E.\n                    <tui-input formControlName=\"name\">\n                        \u0424.\u0418.\u041E.\n                        <sc-suggestion-field\n                            *tuiDataList\n                            [type]=\"suggestionType.fio\"\n                        />\n                    </tui-input>\n                    <tui-error\n                        formControlName=\"name\"\n                        [error]=\"[] | tuiFieldError | async\"\n                    />\n                </label>\n                <label tuiLabel>\n                    \u0422\u0435\u043B\u0435\u0444\u043E\u043D\n                    <tui-input-phone formControlName=\"phone\"> \u0422\u0435\u043B\u0435\u0444\u043E\u043D </tui-input-phone>\n                    <tui-error\n                        formControlName=\"phone\"\n                        [error]=\"[] | tuiFieldError | async\"\n                    />\n                </label>\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-input formControlName=\"email\">\n                        <input\n                            tuiTextfieldLegacy\n                            type=\"email\"\n                        />\n                        \u0410\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B\n                        <sc-suggestion-field\n                            *tuiDataList\n                            [type]=\"suggestionType.email\"\n                        />\n                    </tui-input>\n                    <tui-error\n                        formControlName=\"email\"\n                        [error]=\"[] | tuiFieldError | async\"\n                    />\n                </label>\n                <label tuiLabel>\n                    \u0414\u043E\u043B\u0436\u043D\u043E\u0441\u0442\u044C\n                    <tui-input formControlName=\"position\"> \u0414\u043E\u043B\u0436\u043D\u043E\u0441\u0442\u044C </tui-input>\n                    <tui-error\n                        formControlName=\"position\"\n                        [error]=\"[] | tuiFieldError | async\"\n                    />\n                </label>\n            </div>\n            <div class=\"flex justify-center gap-8\">\n                <button\n                    tuiButton\n                    (click)=\"context.$implicit.complete()\"\n                    type=\"button\"\n                    [iconStart]=\"isMobile ? '@tui.x' : '@tui.x'\"\n                    appearance=\"secondary\"\n                >\n                    \u041E\u0442\u043C\u0435\u043D\u0430\n                </button>\n                <button\n                    tuiButton\n                    [iconStart]=\"isMobile ? '@tui.save' : '@tui.save'\"\n                    [disabled]=\"form.invalid\"\n                    [loading]=\"!!(loading$ | async)\"\n                    type=\"submit\"\n                >\n                    \u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C\n                </button>\n            </div>\n        </form>\n\n        <div\n            class=\"absolute -z-10 flex size-full md:w-1/2\"\n            [ngClass]=\"{ 'z-0 relative': addressPlacemark }\"\n        >\n            <div\n                class=\"flex-auto\"\n                [ngClass]=\"{ 'pointer-events-none opacity-50': form.controls.coordinates.invalid }\"\n            >\n                <ya-map\n                    [zoom]=\"11\"\n                    [state]=\"{ controls: [] }\"\n                    (ready)=\"onMapReadyHandle($event)\"\n                    [options]=\"options\"\n                />\n            </div>\n        </div>\n    </div>\n} @else {\n    @let helpContacts = userHelpContacts$ | async;\n\n    @if (helpContacts && helpContacts.length) {\n        <tui-push\n            type=\"\u0427\u0442\u043E\u0431\u044B \u0434\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u0430\u0434\u0440\u0435\u0441 \u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438, \u0441\u0432\u044F\u0436\u0438\u0442\u0435\u0441\u044C \u0441 \u043D\u0430\u043C\u0438\"\n            class=\"!w-auto\"\n        >\n            <tui-icon icon=\"@tui.message-square\" />\n            <sc-manager-card [manager]=\"helpContacts[0]\" />\n        </tui-push>\n    }\n}\n" }]
+            args: [{ selector: 'sc-add-delivery-address-dialog', changeDetection: ChangeDetectionStrategy.OnPush, template: "@let isEnabledAddDeliveryAddress = isDefaultCountry | async;\n\n@if (isEnabledAddDeliveryAddress) {\n    <div class=\"relative flex flex-col gap-3 md:flex-row\">\n        <form\n            [formGroup]=\"form\"\n            (ngSubmit)=\"onSubmit$.next()\"\n            class=\"flex w-full flex-col gap-3\"\n        >\n            <label tuiLabel>\n                \u0410\u0434\u0440\u0435\u0441 \u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438\n                <tui-input\n                    [pseudoInvalid]=\"(addressControl.valid && form.controls.coordinates.invalid) || null\"\n                    formControlName=\"address\"\n                >\n                    \u0410\u0434\u0440\u0435\u0441 \u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438\n                    <sc-suggestion-field\n                        *tuiDataList\n                        [type]=\"suggestionType.address\"\n                        (selectedClick)=\"onSelectedAddress($event)\"\n                    />\n                    <input\n                        tuiTextfieldLegacy\n                        autocomplete=\"new-password\"\n                    />\n                </tui-input>\n                <tui-error\n                    formControlName=\"address\"\n                    [error]=\"[] | tuiFieldError | async\"\n                />\n                <tui-error\n                    *ngIf=\"addressControl.valid && form.controls.coordinates.invalid\"\n                    error=\"\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u0432\u0430\u0440\u0438\u0430\u043D\u0442 \u0438\u0437 \u0441\u043F\u0438\u0441\u043A\u0430\"\n                />\n            </label>\n            <div\n                formGroupName=\"contact\"\n                class=\"flex grow flex-col gap-2\"\n            >\n                <p class=\"w-full font-bold\">\u041A\u043E\u043D\u0442\u0430\u043A\u0442\u043D\u043E\u0435 \u043B\u0438\u0446\u043E:</p>\n                <label tuiLabel>\n                    \u0424.\u0418.\u041E.\n                    <tui-input formControlName=\"name\">\n                        \u0424.\u0418.\u041E.\n                        <sc-suggestion-field\n                            *tuiDataList\n                            [type]=\"suggestionType.fio\"\n                        />\n                    </tui-input>\n                    <tui-error\n                        formControlName=\"name\"\n                        [error]=\"[] | tuiFieldError | async\"\n                    />\n                </label>\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 | async) || []\"\n                            autocomplete=\"phone\"\n                        />\n                    </tui-textfield>\n                    <tui-error\n                        formControlName=\"phone\"\n                        [error]=\"[] | tuiFieldError | async\"\n                    />\n                </label>\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-input formControlName=\"email\">\n                        <input\n                            tuiTextfieldLegacy\n                            type=\"email\"\n                        />\n                        \u0410\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B\n                        <sc-suggestion-field\n                            *tuiDataList\n                            [type]=\"suggestionType.email\"\n                        />\n                    </tui-input>\n                    <tui-error\n                        formControlName=\"email\"\n                        [error]=\"[] | tuiFieldError | async\"\n                    />\n                </label>\n                <label tuiLabel>\n                    \u0414\u043E\u043B\u0436\u043D\u043E\u0441\u0442\u044C\n                    <tui-input formControlName=\"position\"> \u0414\u043E\u043B\u0436\u043D\u043E\u0441\u0442\u044C </tui-input>\n                    <tui-error\n                        formControlName=\"position\"\n                        [error]=\"[] | tuiFieldError | async\"\n                    />\n                </label>\n            </div>\n            <div class=\"flex justify-center gap-8\">\n                <button\n                    tuiButton\n                    (click)=\"context.$implicit.complete()\"\n                    type=\"button\"\n                    [iconStart]=\"isMobile ? '@tui.x' : '@tui.x'\"\n                    appearance=\"secondary\"\n                >\n                    \u041E\u0442\u043C\u0435\u043D\u0430\n                </button>\n                <button\n                    tuiButton\n                    [iconStart]=\"isMobile ? '@tui.save' : '@tui.save'\"\n                    [disabled]=\"form.invalid\"\n                    [loading]=\"!!(loading$ | async)\"\n                    type=\"submit\"\n                >\n                    \u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C\n                </button>\n            </div>\n        </form>\n\n        <div\n            class=\"absolute -z-10 flex size-full md:w-1/2\"\n            [ngClass]=\"{ 'z-0 relative': addressPlacemark }\"\n        >\n            <div\n                class=\"flex-auto\"\n                [ngClass]=\"{ 'pointer-events-none opacity-50': form.controls.coordinates.invalid }\"\n            >\n                <ya-map\n                    [zoom]=\"11\"\n                    [state]=\"{ controls: [] }\"\n                    (ready)=\"onMapReadyHandle($event)\"\n                    [options]=\"options\"\n                />\n            </div>\n        </div>\n    </div>\n} @else {\n    @let helpContacts = userHelpContacts$ | async;\n\n    @if (helpContacts && helpContacts.length) {\n        <tui-push\n            type=\"\u0427\u0442\u043E\u0431\u044B \u0434\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u0430\u0434\u0440\u0435\u0441 \u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438, \u0441\u0432\u044F\u0436\u0438\u0442\u0435\u0441\u044C \u0441 \u043D\u0430\u043C\u0438\"\n            class=\"!w-auto\"\n        >\n            <tui-icon icon=\"@tui.message-square\" />\n            <sc-manager-card [manager]=\"helpContacts[0]\" />\n        </tui-push>\n    }\n}\n" }]
         }], ctorParameters: () => [{ type: i1.ScDeliveryAddressService }, { type: i1.ScUserMetrikaService }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [POLYMORPHEUS_CONTEXT]
@@ -5066,9 +5185,10 @@ class ScDeliveryAddressModule {
             TuiError,
             TuiInputModule,
             TuiInputPhoneModule,
-            ScFormFieldsModule, i1$1.TuiDataListComponent, i1$1.TuiDataListDirective, i1$1.TuiOption, i1$1.TuiOptionNew, i1$1.TuiOptionWithValue, i1$1.TuiOptGroup, i8$1.AngularYandexMapsModule, TuiElasticContainer,
+            ScFormFieldsModule, i1$1.TuiDataListComponent, i1$1.TuiDataListDirective, i1$1.TuiOption, i1$1.TuiOptionNew, i1$1.TuiOptionWithValue, i1$1.TuiOptGroup, i9.AngularYandexMapsModule, TuiElasticContainer,
             TuiButtonLoading, i2$1.TuiPushComponent, i2$1.TuiPushAlert, i2$1.TuiPushDirective, TuiIcon,
-            ScManagerCardComponent], exports: [ScDeliveryAddressAccordionComponent, ScAddDeliveryAddressDialogComponent] }); }
+            ScManagerCardComponent,
+            TuiInputPhoneInternational, i4$1.TuiLabel, i1$1.TuiSelect, i1$1.TuiTextfieldComponent, i1$1.TuiTextfieldDirective, i1$1.TuiTextfieldOptionsDirective, i1$1.TuiTextfieldDropdownDirective, TuiSortCountriesPipe], exports: [ScDeliveryAddressAccordionComponent, ScAddDeliveryAddressDialogComponent] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ScDeliveryAddressModule, imports: [CommonModule,
             ScAccordionModule,
             TuiLoader,
@@ -5083,7 +5203,8 @@ class ScDeliveryAddressModule {
             }),
             TuiElasticContainer,
             TuiButtonLoading, i2$1.TuiPushComponent, i2$1.TuiPushAlert, TuiIcon,
-            ScManagerCardComponent] }); }
+            ScManagerCardComponent,
+            TuiInputPhoneInternational, i1$1.TuiSelect, i1$1.TuiTextfieldComponent] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ScDeliveryAddressModule, decorators: [{
             type: NgModule,
@@ -5114,6 +5235,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         ...TuiPush,
                         TuiIcon,
                         ScManagerCardComponent,
+                        TuiInputPhoneInternational,
+                        ...TuiTextfield,
+                        TuiSortCountriesPipe,
                     ],
                     exports: [ScDeliveryAddressAccordionComponent, ScAddDeliveryAddressDialogComponent],
                 }]
@@ -5893,7 +6017,7 @@ class ScOrderItemMobileComponent extends AbstractScPriceCard {
         return this.imageHelper.getImage(product);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ScOrderItemMobileComponent, deps: [{ token: TuiPreviewDialogService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ScOrderItemMobileComponent, selector: "sc-order-item-mobile", inputs: { orderItem: "orderItem" }, outputs: { clickActionsEvent: "clickActionsEvent" }, viewQueries: [{ propertyName: "specificationPreviewRef", first: true, predicate: ["specificationPreview"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"relative flex flex-wrap gap-x-4 gap-y-2 rounded-xl border border-tui-base-04 bg-white p-4 shadow-sc-2\">\n    <ng-container *ngIf=\"orderItem && product; else skeleton\">\n        <button\n            tuiIconButton\n            (click)=\"clickActionsEvent.emit()\"\n            size=\"m\"\n            iconStart=\"@tui.ellipsis-vertical\"\n            appearance=\"float\"\n            class=\"!absolute right-0 top-0 !hidden\"\n        ></button>\n        <div class=\"flex grow gap-2\">\n            <div class=\"flex size-20 shrink-0 items-center justify-center overflow-hidden\">\n                <img\n                    (click)=\"clickCardEvent.emit()\"\n                    [src]=\"getCardImage(product)\"\n                    [alt]=\"product.name\"\n                    [class.p-5]=\"!product.images?.length\"\n                    class=\"cursor-pointer\"\n                />\n            </div>\n\n            <div class=\"flex grow flex-wrap gap-x-8 self-center\">\n                <div class=\"flex grow basis-min-content flex-col\">\n                    <a\n                        [attr.href]=\"href ?? null\"\n                        tuiLink\n                        (click)=\"$event.preventDefault(); clickCardEvent.emit()\"\n                    >\n                        <span class=\"font-bold\">{{ product.name }}</span>\n                    </a>\n                    <div class=\"flex flex-col gap-y-0.5 text-tui-text-02\">\n                        <div class=\"flex flex-wrap\">\n                            <p class=\"w-40\">\u0410\u0440\u0442\u0438\u043A\u0443\u043B: {{ product.code }}</p>\n                            <p\n                                class=\"w-40\"\n                                *ngIf=\"product.pack\"\n                            >\n                                \u041D\u043E\u0440\u043C\u0430 \u0443\u043F\u0430\u043A\u043E\u0432\u043A\u0438: {{ product.pack }}\n                            </p>\n                        </div>\n                        <a\n                            tuiLink\n                            *ngIf=\"orderItem.specificationImgUrl\"\n                            (click)=\"showSpecification()\"\n                            >\u0421\u043F\u0435\u0446\u0438\u0444\u0438\u043A\u0430\u0446\u0438\u044F</a\n                        >\n                        <ng-template\n                            #specificationPreview\n                            let-preview\n                        >\n                            <tui-preview\n                                [rotatable]=\"false\"\n                                [zoomable]=\"false\"\n                            >\n                                <img\n                                    *polymorpheusOutlet=\"orderItem.specificationImgUrl as src\"\n                                    alt=\"preview\"\n                                    [src]=\"orderItem.specificationImgUrl\"\n                                />\n                                <button\n                                    iconStart=\"@tui.x\"\n                                    title=\"Close\"\n                                    tuiIconButton\n                                    tuiPreviewAction\n                                    type=\"button\"\n                                    (click)=\"preview.complete()\"\n                                ></button>\n                            </tui-preview>\n                        </ng-template>\n                    </div>\n\n                    <sc-cost-with-discount [product]=\"product\" />\n                </div>\n                <div class=\"flex flex-wrap content-center\">\n                    <div class=\"w-50 flex flex-col gap-x-8 gap-y-0.5\">\n                        <ng-container *ngIf=\"orderItem.height; else length\">\n                            <p>\u0412\u044B\u0441\u043E\u0442\u0430: {{ orderItem.height }} \u043C.</p>\n                        </ng-container>\n                        <ng-template #length>\n                            <p *ngIf=\"orderItem.length\">\u0414\u043B\u0438\u043D\u0430: {{ orderItem.length }} \u043C.</p>\n                        </ng-template>\n                        <p *ngIf=\"orderItem.width\">\u0428\u0438\u0440\u0438\u043D\u0430: {{ orderItem.width }} \u043C.</p>\n                        <p class=\"flex flex-col items-baseline gap-x-2\">\n                            <span class=\"whitespace-nowrap text-body-m-bold\">\n                                \u041A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E: <span class=\"whitespace-nowrap\">{{ orderItem.quantity }}</span>\n                            </span>\n                        </p>\n                    </div>\n\n                    <div class=\"w-50 flex flex-col gap-y-0.5\">\n                        <p class=\"whitespace-nowrap text-body-m-bold\">\n                            \u0421\u0443\u043C\u043C\u0430: <span class=\"whitespace-nowrap\"> {{ orderItem.getCostRubStr() }} </span>\n                        </p>\n                        <sc-price-warehouse-stock\n                            [product]=\"product\"\n                            [fromMain]=\"false\"\n                        ></sc-price-warehouse-stock>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </ng-container>\n\n    <ng-template #skeleton>\n        <div class=\"flex w-full gap-2\">\n            <div class=\"size-20 rounded-xl bg-tui-base-02\"></div>\n            <div class=\"flex grow flex-col gap-2.5 bg-white\">\n                <div class=\"h-4 w-full rounded-xl bg-tui-base-02\"></div>\n                <div class=\"h-4 w-3/5 rounded-xl bg-tui-base-02\"></div>\n                <div class=\"h-4 w-4/5 rounded-xl bg-tui-base-02\"></div>\n            </div>\n        </div>\n    </ng-template>\n</div>\n", dependencies: [{ kind: "directive", type: i2$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.TuiLink, selector: "a[tuiLink], button[tuiLink]", inputs: ["pseudo"] }, { kind: "directive", type: i1$1.TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "component", type: i2$1.TuiPreviewComponent, selector: "tui-preview", inputs: ["zoomable", "rotatable"] }, { kind: "directive", type: i2$1.TuiPreviewAction, selector: "[tuiPreviewAction]" }, { kind: "directive", type: i2$3.PolymorpheusOutlet, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }, { kind: "component", type: ScPriceWarehouseStockComponent, selector: "sc-price-warehouse-stock", inputs: ["classList", "product", "withStockHint", "fromMain"] }, { kind: "component", type: CostWithDiscountComponent, selector: "sc-cost-with-discount", inputs: ["product", "size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ScOrderItemMobileComponent, selector: "sc-order-item-mobile", inputs: { orderItem: "orderItem" }, outputs: { clickActionsEvent: "clickActionsEvent" }, viewQueries: [{ propertyName: "specificationPreviewRef", first: true, predicate: ["specificationPreview"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"relative flex flex-wrap gap-x-4 gap-y-2 rounded-xl border border-tui-base-04 bg-white p-4 shadow-sc-2\">\n    <ng-container *ngIf=\"orderItem && product; else skeleton\">\n        <button\n            tuiIconButton\n            (click)=\"clickActionsEvent.emit()\"\n            size=\"m\"\n            iconStart=\"@tui.ellipsis-vertical\"\n            appearance=\"float\"\n            class=\"!absolute right-0 top-0 !hidden\"\n        ></button>\n        <div class=\"flex grow gap-2\">\n            <div class=\"flex size-20 shrink-0 items-center justify-center overflow-hidden\">\n                <img\n                    (click)=\"clickCardEvent.emit()\"\n                    [src]=\"getCardImage(product)\"\n                    [alt]=\"product.name\"\n                    [class.p-5]=\"!product.images?.length\"\n                    class=\"cursor-pointer\"\n                />\n            </div>\n\n            <div class=\"flex grow flex-wrap gap-x-8 self-center\">\n                <div class=\"flex grow basis-min-content flex-col\">\n                    <a\n                        [attr.href]=\"href ?? null\"\n                        tuiLink\n                        (click)=\"$event.preventDefault(); clickCardEvent.emit()\"\n                    >\n                        <span class=\"font-bold\">{{ product.name }}</span>\n                    </a>\n                    <div class=\"flex flex-col gap-y-0.5 text-tui-text-02\">\n                        <div class=\"flex flex-wrap\">\n                            <p class=\"w-40\">\u0410\u0440\u0442\u0438\u043A\u0443\u043B: {{ product.code }}</p>\n                            <p\n                                class=\"w-40\"\n                                *ngIf=\"product.pack\"\n                            >\n                                \u041D\u043E\u0440\u043C\u0430 \u0443\u043F\u0430\u043A\u043E\u0432\u043A\u0438: {{ product.pack }}\n                            </p>\n                        </div>\n                        <a\n                            tuiLink\n                            *ngIf=\"orderItem.specificationImgUrl\"\n                            (click)=\"showSpecification()\"\n                            >\u0421\u043F\u0435\u0446\u0438\u0444\u0438\u043A\u0430\u0446\u0438\u044F</a\n                        >\n                        <ng-template\n                            #specificationPreview\n                            let-preview\n                        >\n                            <tui-preview\n                                [rotatable]=\"false\"\n                                [zoomable]=\"false\"\n                            >\n                                <img\n                                    *polymorpheusOutlet=\"orderItem.specificationImgUrl as src\"\n                                    alt=\"preview\"\n                                    [src]=\"orderItem.specificationImgUrl\"\n                                />\n                                <button\n                                    iconStart=\"@tui.x\"\n                                    title=\"Close\"\n                                    tuiIconButton\n                                    tuiPreviewAction\n                                    type=\"button\"\n                                    (click)=\"preview.complete()\"\n                                ></button>\n                            </tui-preview>\n                        </ng-template>\n                    </div>\n\n                    <sc-cost-with-discount [product]=\"product\" />\n                </div>\n                <div class=\"flex flex-wrap content-center\">\n                    <div class=\"w-50 flex flex-col gap-x-8 gap-y-0.5\">\n                        <ng-container *ngIf=\"orderItem.height; else length\">\n                            <p>\u0412\u044B\u0441\u043E\u0442\u0430: {{ orderItem.height }} \u043C.</p>\n                        </ng-container>\n                        <ng-template #length>\n                            <p *ngIf=\"orderItem.length\">\u0414\u043B\u0438\u043D\u0430: {{ orderItem.length }} \u043C.</p>\n                        </ng-template>\n                        <p *ngIf=\"orderItem.width\">\u0428\u0438\u0440\u0438\u043D\u0430: {{ orderItem.width }} \u043C.</p>\n                        <p class=\"flex flex-col items-baseline gap-x-2\">\n                            <span class=\"whitespace-nowrap text-body-m-bold\">\n                                \u041A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E: <span class=\"whitespace-nowrap\">{{ orderItem.quantity }}</span>\n                            </span>\n                        </p>\n                    </div>\n\n                    <div class=\"w-50 flex flex-col gap-y-0.5\">\n                        <p class=\"whitespace-nowrap text-body-m-bold\">\n                            \u0421\u0443\u043C\u043C\u0430: <span class=\"whitespace-nowrap\"> {{ orderItem.getCostRubStr() }} </span>\n                        </p>\n                        <sc-price-warehouse-stock\n                            [product]=\"product\"\n                            [fromMain]=\"false\"\n                        ></sc-price-warehouse-stock>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </ng-container>\n\n    <ng-template #skeleton>\n        <div class=\"flex w-full gap-2\">\n            <div class=\"size-20 rounded-xl bg-tui-base-02\"></div>\n            <div class=\"flex grow flex-col gap-2.5 bg-white\">\n                <div class=\"h-4 w-full rounded-xl bg-tui-base-02\"></div>\n                <div class=\"h-4 w-3/5 rounded-xl bg-tui-base-02\"></div>\n                <div class=\"h-4 w-4/5 rounded-xl bg-tui-base-02\"></div>\n            </div>\n        </div>\n    </ng-template>\n</div>\n", dependencies: [{ kind: "directive", type: i2$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.TuiLink, selector: "a[tuiLink], button[tuiLink]", inputs: ["pseudo"] }, { kind: "directive", type: i1$1.TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "component", type: i2$1.TuiPreviewComponent, selector: "tui-preview", inputs: ["zoomable", "rotatable"] }, { kind: "directive", type: i2$1.TuiPreviewAction, selector: "[tuiPreviewAction]" }, { kind: "directive", type: i2$4.PolymorpheusOutlet, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }, { kind: "component", type: ScPriceWarehouseStockComponent, selector: "sc-price-warehouse-stock", inputs: ["classList", "product", "withStockHint", "fromMain"] }, { kind: "component", type: CostWithDiscountComponent, selector: "sc-cost-with-discount", inputs: ["product", "size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ScOrderItemMobileComponent, decorators: [{
             type: Component,
@@ -6034,7 +6158,7 @@ class ScFrequentlyAskedQuestionsGroupSelectorComponent {
             tuiItemsHandlersProvider({
                 stringify: (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-select\n                    [formControl]=\"groupControl\"\n                    [tuiTextfieldLabelOutside]=\"true\"\n                >\n                    <tui-data-list-wrapper\n                        *tuiDataList\n                        [items]=\"groups\"\n                    />\n                </tui-select>\n            </form>\n        }\n    }\n}\n", dependencies: [{ kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "ngmodule", type: TuiSelectModule }, { kind: "component", type: i5.TuiSelectComponent, selector: "tui-select", inputs: ["stringify", "identityMatcher", "valueContent"] }, { kind: "directive", type: i5.TuiSelectDirective, selector: "tui-select" }, { kind: "directive", type: i3$1.TuiDataListDirective, selector: "ng-template[tuiDataList]" }, { kind: "component", type: i3$3.TuiDataListWrapperComponent, selector: "tui-data-list-wrapper:not([labels]), tui-data-list-wrapper:not([labels])[new]", inputs: ["items", "disabledItemHandler", "emptyContent", "size", "itemContent"], outputs: ["itemClick"] }, { kind: "ngmodule", type: TuiTextfieldControllerModule }, { kind: "directive", type: i5.TuiTextfieldLabelOutsideDirective, selector: "[tuiTextfieldLabelOutside]", inputs: ["tuiTextfieldLabelOutside"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.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: "ngmodule", type: FormsModule }, { kind: "directive", type: i3.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }], 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                        <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-select\n                    [formControl]=\"groupControl\"\n                    [tuiTextfieldLabelOutside]=\"true\"\n                >\n                    <tui-data-list-wrapper\n                        *tuiDataList\n                        [items]=\"groups\"\n                    />\n                </tui-select>\n            </form>\n        }\n    }\n}\n", dependencies: [{ kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "ngmodule", type: TuiSelectModule }, { kind: "component", type: i3.TuiSelectComponent, selector: "tui-select", inputs: ["stringify", "identityMatcher", "valueContent"] }, { kind: "directive", type: i3.TuiSelectDirective, selector: "tui-select" }, { kind: "directive", type: i3$1.TuiDataListDirective, selector: "ng-template[tuiDataList]" }, { kind: "component", type: i3$3.TuiDataListWrapperComponent, selector: "tui-data-list-wrapper:not([labels]), tui-data-list-wrapper:not([labels])[new]", inputs: ["items", "disabledItemHandler", "emptyContent", "size", "itemContent"], outputs: ["itemClick"] }, { kind: "ngmodule", type: TuiTextfieldControllerModule }, { kind: "directive", type: i3.TuiTextfieldLabelOutsideDirective, selector: "[tuiTextfieldLabelOutside]", inputs: ["tuiTextfieldLabelOutside"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2$3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2$3.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: "ngmodule", type: FormsModule }, { kind: "directive", type: i2$3.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ScFrequentlyAskedQuestionsGroupSelectorComponent, decorators: [{
             type: Component,
@@ -6501,6 +6625,10 @@ class ScFeedbackFormComponent {
          * Список файлов, которые были отклонены при загрузке.
          */
         this.rejected = [];
+        /**
+         * Список стран.
+         */
+        this.countries = getCountries();
         /**
          * Это решение ошибки #4940, было @see [предложено](https://github.com/DethAriel/ng-recaptcha/issues/123#issuecomment-426112101) автором {@link RecaptchaComponent}.
          */
@@ -6627,7 +6755,7 @@ class ScFeedbackFormComponent {
         return ScPhoneService.isValidPhoneNumberForMessenger(value);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ScFeedbackFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", 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<form\n    *ngIf=\"fieldsList.length > 0\"\n    [formGroup]=\"form\"\n    (ngSubmit)=\"onSubmit.next()\"\n    class=\"flex flex-col justify-between gap-4\"\n>\n    <!-- \u0424\u0418\u041E -->\n    <label\n        *ngIf=\"fieldsList.includes('name')\"\n        tuiLabel\n    >\n        \u0424\u0418\u041E\n        <tui-input formControlName=\"name\"> \u0423\u043A\u0430\u0436\u0438\u0442\u0435 \u0412\u0430\u0448\u0438 \u0424.\u0418.\u041E. </tui-input>\n        <tui-error\n            formControlName=\"name\"\n            [error]=\"[] | tuiFieldError | async\"\n        />\n    </label>\n\n    <!-- \u0422\u0435\u043B\u0435\u0444\u043E\u043D -->\n\n    @if (fieldsList.includes('phone')) {\n        <label tuiLabel>\n            \u0422\u0435\u043B\u0435\u0444\u043E\u043D\n            <tui-input-phone formControlName=\"phone\"> \u0422\u0435\u043B\u0435\u0444\u043E\u043D </tui-input-phone>\n            <tui-error\n                formControlName=\"phone\"\n                [error]=\"[] | tuiFieldError | async\"\n            />\n        </label>\n\n        <label\n            *ngIf=\"fieldsList.includes('isShouldUseMessenger') && form.controls.phone.value && isValidPhoneNumberForMessenger(form.controls.phone.value)\"\n            tuiLabel\n        >\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    <!-- \u0410\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B -->\n    <label\n        *ngIf=\"fieldsList.includes('email')\"\n        tuiLabel\n    >\n        \u0410\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B\n        <tui-input formControlName=\"email\">\n            \u0410\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B\n            <sc-suggestion-field\n                *tuiDataList\n                [type]=\"suggestionType.email\"\n            />\n        </tui-input>\n        <tui-error\n            formControlName=\"email\"\n            [error]=\"[] | tuiFieldError | async\"\n        />\n    </label>\n\n    <!-- \u041A\u043E\u043C\u043C\u0435\u043D\u0442\u0430\u0440\u0438\u0439 -->\n    <label\n        *ngIf=\"fieldsList.includes('message')\"\n        tuiLabel\n    >\n        \u041A\u043E\u043C\u043C\u0435\u043D\u0442\u0430\u0440\u0438\u0439\n        <tui-textarea formControlName=\"message\"> \u041A\u043E\u043C\u043C\u0435\u043D\u0442\u0430\u0440\u0438\u0439 </tui-textarea>\n        <tui-error\n            formControlName=\"message\"\n            [error]=\"[] | tuiFieldError | async\"\n        />\n    </label>\n\n    <!-- \u0424\u0430\u0439\u043B\u044B -->\n    <div\n        *ngIf=\"fieldsList.includes('files')\"\n        class=\"flex flex-col gap-1\"\n    >\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\n        <tui-error\n            *ngIf=\"loadedFile.invalid\"\n            [error]=\"['maxLength'] | tuiFieldError | async\"\n            [formControl]=\"loadedFile\"\n        />\n\n        @let accepted = accepted$ | async;\n        <tui-files\n            *ngIf=\"accepted?.length || rejected.length\"\n            class=\"tui-space_top-1\"\n        >\n            <tui-file\n                *ngFor=\"let file of accepted\"\n                [file]=\"file\"\n                (remove)=\"onRemove(file)\"\n            />\n            <tui-file\n                *ngFor=\"let file of rejected\"\n                state=\"error\"\n                [file]=\"(file | tuiFileRejected: validator | async) || file\"\n                (remove)=\"onRemove(file)\"\n            />\n        </tui-files>\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\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                [pseudo]=\"true\"\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", dependencies: [{ kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3.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: i3.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: TuiError, selector: "tui-error", inputs: ["error"] }, { kind: "pipe", type: TuiFieldErrorPipe, name: "tuiFieldError" }, { kind: "ngmodule", type: ScFormFieldsModule }, { kind: "component", type: ScSuggestionFieldComponent, selector: "sc-suggestion-field", inputs: ["type"], outputs: ["selectedClick"] }, { kind: "ngmodule", type: TuiInputModule }, { kind: "component", type: i5.TuiInputComponent, selector: "tui-input" }, { kind: "directive", type: i5.TuiInputDirective, selector: "tui-input" }, { kind: "ngmodule", type: TuiInputPhoneModule }, { kind: "component", type: i5.TuiInputPhoneComponent, selector: "tui-input-phone", inputs: ["phoneMaskAfterCountryCode", "allowText", "search", "countryCode"], outputs: ["searchChange"] }, { kind: "directive", type: i5.TuiInputPhoneDirective, selector: "tui-input-phone" }, { 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: "directive", type: TuiLabel, selector: "label[tuiLabel]" }, { kind: "ngmodule", type: RecaptchaFormsModule }, { kind: "directive", type: i4.RecaptchaValueAccessorDirective, selector: "re-captcha[formControlName],re-captcha[formControl],re-captcha[ngModel]" }, { kind: "ngmodule", type: RecaptchaModule }, { kind: "component", type: i4.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]", inputs: ["pseudo"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: TuiTextareaModule }, { kind: "component", type: i5.TuiTextareaComponent, selector: "tui-textarea", inputs: ["rows", "maxLength", "expandable"] }, { kind: "directive", type: i5.TuiTextareaDirective, selector: "tui-textarea" }, { kind: "component", type: TuiCheckbox, selector: "input[type=\"checkbox\"][tuiCheckbox]", inputs: ["size"] }, { kind: "directive", type: TuiTitle, selector: "[tuiTitle]", inputs: ["tuiTitle"] }, { kind: "component", type: i2$1.TuiFile, selector: "tui-file,a[tuiFile],button[tuiFile]", inputs: ["file", "state", "size", "showDelete", "showSize", "leftContent"], outputs: ["remove"] }, { kind: "component", type: i2$1.TuiInputFiles, selector: "label[tuiInputFiles]" }, { kind: "component", type: i2$1.TuiFilesComponent, selector: "tui-files", inputs: ["max", "expanded"], outputs: ["expandedChange"] }, { kind: "pipe", type: i2$1.TuiFileRejectedPipe, name: "tuiFileRejected" }, { kind: "directive", type: i2$1.TuiInputFilesDirective, selector: "input[tuiInputFiles]", outputs: ["reject"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", 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<form\n    *ngIf=\"fieldsList.length > 0\"\n    [formGroup]=\"form\"\n    (ngSubmit)=\"onSubmit.next()\"\n    class=\"flex flex-col justify-between gap-4\"\n>\n    <!-- \u0424\u0418\u041E -->\n    <label\n        *ngIf=\"fieldsList.includes('name')\"\n        tuiLabel\n    >\n        \u0424\u0418\u041E\n        <tui-input formControlName=\"name\"> \u0423\u043A\u0430\u0436\u0438\u0442\u0435 \u0412\u0430\u0448\u0438 \u0424.\u0418.\u041E. </tui-input>\n        <tui-error\n            formControlName=\"name\"\n            [error]=\"[] | tuiFieldError | async\"\n        />\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 | async) || []\"\n                    autocomplete=\"phone\"\n                />\n            </tui-textfield>\n            <tui-error\n                formControlName=\"phone\"\n                [error]=\"[] | tuiFieldError | async\"\n            />\n        </label>\n\n        <label\n            *ngIf=\"fieldsList.includes('isShouldUseMessenger') && form.controls.phone.value && isValidPhoneNumberForMessenger(form.controls.phone.value)\"\n            tuiLabel\n        >\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    <!-- \u0410\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B -->\n    <label\n        *ngIf=\"fieldsList.includes('email')\"\n        tuiLabel\n    >\n        \u0410\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B\n        <tui-input formControlName=\"email\">\n            \u0410\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B\n            <sc-suggestion-field\n                *tuiDataList\n                [type]=\"suggestionType.email\"\n            />\n        </tui-input>\n        <tui-error\n            formControlName=\"email\"\n            [error]=\"[] | tuiFieldError | async\"\n        />\n    </label>\n\n    <!-- \u041A\u043E\u043C\u043C\u0435\u043D\u0442\u0430\u0440\u0438\u0439 -->\n    <label\n        *ngIf=\"fieldsList.includes('message')\"\n        tuiLabel\n    >\n        \u041A\u043E\u043C\u043C\u0435\u043D\u0442\u0430\u0440\u0438\u0439\n        <tui-textarea formControlName=\"message\"> \u041A\u043E\u043C\u043C\u0435\u043D\u0442\u0430\u0440\u0438\u0439 </tui-textarea>\n        <tui-error\n            formControlName=\"message\"\n            [error]=\"[] | tuiFieldError | async\"\n        />\n    </label>\n\n    <!-- \u0424\u0430\u0439\u043B\u044B -->\n    <div\n        *ngIf=\"fieldsList.includes('files')\"\n        class=\"flex flex-col gap-1\"\n    >\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\n        <tui-error\n            *ngIf=\"loadedFile.invalid\"\n            [error]=\"['maxLength'] | tuiFieldError | async\"\n            [formControl]=\"loadedFile\"\n        />\n\n        @let accepted = accepted$ | async;\n        <tui-files\n            *ngIf=\"accepted?.length || rejected.length\"\n            class=\"tui-space_top-1\"\n        >\n            <tui-file\n                *ngFor=\"let file of accepted\"\n                [file]=\"file\"\n                (remove)=\"onRemove(file)\"\n            />\n            <tui-file\n                *ngFor=\"let file of rejected\"\n                state=\"error\"\n                [file]=\"(file | tuiFileRejected: validator | async) || file\"\n                (remove)=\"onRemove(file)\"\n            />\n        </tui-files>\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\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                [pseudo]=\"true\"\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", dependencies: [{ kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2$3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2$3.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: i2$3.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i2$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2$3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: TuiError, selector: "tui-error", inputs: ["error"] }, { kind: "pipe", type: TuiFieldErrorPipe, name: "tuiFieldError" }, { kind: "ngmodule", type: ScFormFieldsModule }, { kind: "component", type: ScSuggestionFieldComponent, selector: "sc-suggestion-field", inputs: ["type"], outputs: ["selectedClick"] }, { kind: "ngmodule", type: TuiInputModule }, { kind: "component", type: i3.TuiInputComponent, selector: "tui-input" }, { kind: "directive", type: i3.TuiInputDirective, selector: "tui-input" }, { kind: "ngmodule", type: TuiInputPhoneModule }, { 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: "directive", type: TuiLabel, selector: "label[tuiLabel]" }, { kind: "ngmodule", type: RecaptchaFormsModule }, { kind: "directive", type: i4$2.RecaptchaValueAccessorDirective, selector: "re-captcha[formControlName],re-captcha[formControl],re-captcha[ngModel]" }, { kind: "ngmodule", type: RecaptchaModule }, { kind: "component", type: i4$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]", inputs: ["pseudo"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: TuiTextareaModule }, { kind: "component", type: i3.TuiTextareaComponent, selector: "tui-textarea", inputs: ["rows", "maxLength", "expandable"] }, { kind: "directive", type: i3.TuiTextareaDirective, selector: "tui-textarea" }, { kind: "component", type: TuiCheckbox, selector: "input[type=\"checkbox\"][tuiCheckbox]", inputs: ["size"] }, { kind: "directive", type: TuiTitle, selector: "[tuiTitle]", inputs: ["tuiTitle"] }, { kind: "component", type: i2$1.TuiFile, selector: "tui-file,a[tuiFile],button[tuiFile]", inputs: ["file", "state", "size", "showDelete", "showSize", "leftContent"], outputs: ["remove"] }, { kind: "component", type: i2$1.TuiInputFiles, selector: "label[tuiInputFiles]" }, { kind: "component", type: i2$1.TuiFilesComponent, selector: "tui-files", inputs: ["max", "expanded"], outputs: ["expandedChange"] }, { kind: "pipe", type: i2$1.TuiFileRejectedPipe, name: "tuiFileRejected" }, { kind: "directive", type: i2$1.TuiInputFilesDirective, selector: "input[tuiInputFiles]", outputs: ["reject"] }, { kind: "component", type: TuiInputPhoneInternational, selector: "input[tuiInputPhoneInternational]", inputs: ["countrySearch", "countries", "countryIsoCode"], outputs: ["countryIsoCodeChange"] }, { kind: "component", type: i1$1.TuiTextfieldComponent, selector: "tui-textfield", inputs: ["content", "filler"] }, { kind: "pipe", type: TuiSortCountriesPipe, name: "tuiSortCountries" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 __decorate([
     tuiPure
@@ -6655,7 +6783,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         TuiCheckbox,
                         TuiTitle,
                         TuiFiles,
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "@let fieldsList = fields();\n<form\n    *ngIf=\"fieldsList.length > 0\"\n    [formGroup]=\"form\"\n    (ngSubmit)=\"onSubmit.next()\"\n    class=\"flex flex-col justify-between gap-4\"\n>\n    <!-- \u0424\u0418\u041E -->\n    <label\n        *ngIf=\"fieldsList.includes('name')\"\n        tuiLabel\n    >\n        \u0424\u0418\u041E\n        <tui-input formControlName=\"name\"> \u0423\u043A\u0430\u0436\u0438\u0442\u0435 \u0412\u0430\u0448\u0438 \u0424.\u0418.\u041E. </tui-input>\n        <tui-error\n            formControlName=\"name\"\n            [error]=\"[] | tuiFieldError | async\"\n        />\n    </label>\n\n    <!-- \u0422\u0435\u043B\u0435\u0444\u043E\u043D -->\n\n    @if (fieldsList.includes('phone')) {\n        <label tuiLabel>\n            \u0422\u0435\u043B\u0435\u0444\u043E\u043D\n            <tui-input-phone formControlName=\"phone\"> \u0422\u0435\u043B\u0435\u0444\u043E\u043D </tui-input-phone>\n            <tui-error\n                formControlName=\"phone\"\n                [error]=\"[] | tuiFieldError | async\"\n            />\n        </label>\n\n        <label\n            *ngIf=\"fieldsList.includes('isShouldUseMessenger') && form.controls.phone.value && isValidPhoneNumberForMessenger(form.controls.phone.value)\"\n            tuiLabel\n        >\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    <!-- \u0410\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B -->\n    <label\n        *ngIf=\"fieldsList.includes('email')\"\n        tuiLabel\n    >\n        \u0410\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B\n        <tui-input formControlName=\"email\">\n            \u0410\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B\n            <sc-suggestion-field\n                *tuiDataList\n                [type]=\"suggestionType.email\"\n            />\n        </tui-input>\n        <tui-error\n            formControlName=\"email\"\n            [error]=\"[] | tuiFieldError | async\"\n        />\n    </label>\n\n    <!-- \u041A\u043E\u043C\u043C\u0435\u043D\u0442\u0430\u0440\u0438\u0439 -->\n    <label\n        *ngIf=\"fieldsList.includes('message')\"\n        tuiLabel\n    >\n        \u041A\u043E\u043C\u043C\u0435\u043D\u0442\u0430\u0440\u0438\u0439\n        <tui-textarea formControlName=\"message\"> \u041A\u043E\u043C\u043C\u0435\u043D\u0442\u0430\u0440\u0438\u0439 </tui-textarea>\n        <tui-error\n            formControlName=\"message\"\n            [error]=\"[] | tuiFieldError | async\"\n        />\n    </label>\n\n    <!-- \u0424\u0430\u0439\u043B\u044B -->\n    <div\n        *ngIf=\"fieldsList.includes('files')\"\n        class=\"flex flex-col gap-1\"\n    >\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\n        <tui-error\n            *ngIf=\"loadedFile.invalid\"\n            [error]=\"['maxLength'] | tuiFieldError | async\"\n            [formControl]=\"loadedFile\"\n        />\n\n        @let accepted = accepted$ | async;\n        <tui-files\n            *ngIf=\"accepted?.length || rejected.length\"\n            class=\"tui-space_top-1\"\n        >\n            <tui-file\n                *ngFor=\"let file of accepted\"\n                [file]=\"file\"\n                (remove)=\"onRemove(file)\"\n            />\n            <tui-file\n                *ngFor=\"let file of rejected\"\n                state=\"error\"\n                [file]=\"(file | tuiFileRejected: validator | async) || file\"\n                (remove)=\"onRemove(file)\"\n            />\n        </tui-files>\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\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                [pseudo]=\"true\"\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" }]
+                        TuiInputPhoneInternational,
+                        ...TuiTextfield,
+                        TuiSortCountriesPipe,
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "@let fieldsList = fields();\n<form\n    *ngIf=\"fieldsList.length > 0\"\n    [formGroup]=\"form\"\n    (ngSubmit)=\"onSubmit.next()\"\n    class=\"flex flex-col justify-between gap-4\"\n>\n    <!-- \u0424\u0418\u041E -->\n    <label\n        *ngIf=\"fieldsList.includes('name')\"\n        tuiLabel\n    >\n        \u0424\u0418\u041E\n        <tui-input formControlName=\"name\"> \u0423\u043A\u0430\u0436\u0438\u0442\u0435 \u0412\u0430\u0448\u0438 \u0424.\u0418.\u041E. </tui-input>\n        <tui-error\n            formControlName=\"name\"\n            [error]=\"[] | tuiFieldError | async\"\n        />\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 | async) || []\"\n                    autocomplete=\"phone\"\n                />\n            </tui-textfield>\n            <tui-error\n                formControlName=\"phone\"\n                [error]=\"[] | tuiFieldError | async\"\n            />\n        </label>\n\n        <label\n            *ngIf=\"fieldsList.includes('isShouldUseMessenger') && form.controls.phone.value && isValidPhoneNumberForMessenger(form.controls.phone.value)\"\n            tuiLabel\n        >\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    <!-- \u0410\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B -->\n    <label\n        *ngIf=\"fieldsList.includes('email')\"\n        tuiLabel\n    >\n        \u0410\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B\n        <tui-input formControlName=\"email\">\n            \u0410\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B\n            <sc-suggestion-field\n                *tuiDataList\n                [type]=\"suggestionType.email\"\n            />\n        </tui-input>\n        <tui-error\n            formControlName=\"email\"\n            [error]=\"[] | tuiFieldError | async\"\n        />\n    </label>\n\n    <!-- \u041A\u043E\u043C\u043C\u0435\u043D\u0442\u0430\u0440\u0438\u0439 -->\n    <label\n        *ngIf=\"fieldsList.includes('message')\"\n        tuiLabel\n    >\n        \u041A\u043E\u043C\u043C\u0435\u043D\u0442\u0430\u0440\u0438\u0439\n        <tui-textarea formControlName=\"message\"> \u041A\u043E\u043C\u043C\u0435\u043D\u0442\u0430\u0440\u0438\u0439 </tui-textarea>\n        <tui-error\n            formControlName=\"message\"\n            [error]=\"[] | tuiFieldError | async\"\n        />\n    </label>\n\n    <!-- \u0424\u0430\u0439\u043B\u044B -->\n    <div\n        *ngIf=\"fieldsList.includes('files')\"\n        class=\"flex flex-col gap-1\"\n    >\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\n        <tui-error\n            *ngIf=\"loadedFile.invalid\"\n            [error]=\"['maxLength'] | tuiFieldError | async\"\n            [formControl]=\"loadedFile\"\n        />\n\n        @let accepted = accepted$ | async;\n        <tui-files\n            *ngIf=\"accepted?.length || rejected.length\"\n            class=\"tui-space_top-1\"\n        >\n            <tui-file\n                *ngFor=\"let file of accepted\"\n                [file]=\"file\"\n                (remove)=\"onRemove(file)\"\n            />\n            <tui-file\n                *ngFor=\"let file of rejected\"\n                state=\"error\"\n                [file]=\"(file | tuiFileRejected: validator | async) || file\"\n                (remove)=\"onRemove(file)\"\n            />\n        </tui-files>\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\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                [pseudo]=\"true\"\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" }]
         }], ctorParameters: () => [], propDecorators: { isValidPhoneNumberForMessenger: [] } });
 
 /**
@@ -6736,7 +6867,7 @@ class ScResetUserPasswordComponent {
         this.successResetPassword = this.request$.pipe(filter(tuiIsPresent), filter(({ success }) => success));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ScResetUserPasswordComponent, deps: [{ token: i1.ScUserService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ScResetUserPasswordComponent, selector: "sc-reset-user-password", outputs: { successResetPassword: "successResetPassword" }, ngImport: i0, template: "<form\n    [formGroup]=\"form\"\n    (ngSubmit)=\"onSubmit.next()\"\n    class=\"flex flex-col gap-4 p-1 lg:flex-row\"\n>\n    <div class=\"grid items-start gap-2 lg:grow lg:grid-cols-3 lg:grid-rows-1 lg:gap-4\">\n        <label tuiLabel\n            >\u0421\u0442\u0430\u0440\u044B\u0439 \u043F\u0430\u0440\u043E\u043B\u044C\n            <tui-input-password formControlName=\"currentPassword\">\n                \u0421\u0442\u0430\u0440\u044B\u0439 \u043F\u0430\u0440\u043E\u043B\u044C\n                <input\n                    tuiTextfieldLegacy\n                    autocomplete=\"new-password\"\n                />\n            </tui-input-password>\n            <tui-error\n                formControlName=\"currentPassword\"\n                [error]=\"[] | tuiFieldError | async\"\n            ></tui-error>\n        </label>\n        <label tuiLabel\n            >\u041F\u0440\u0438\u0434\u0443\u043C\u0430\u0439\u0442\u0435 \u043D\u043E\u0432\u044B\u0439 \u043F\u0430\u0440\u043E\u043B\u044C\n            <tui-input-password\n                [pseudoInvalid]=\"form.hasError('passwordNotEquivalent')\"\n                formControlName=\"password\"\n            >\n                \u041F\u0440\u0438\u0434\u0443\u043C\u0430\u0439\u0442\u0435 \u043D\u043E\u0432\u044B\u0439 \u043F\u0430\u0440\u043E\u043B\u044C\n                <input\n                    tuiTextfieldLegacy\n                    autocomplete=\"new-password\"\n                />\n            </tui-input-password>\n            <tui-error\n                formControlName=\"password\"\n                [error]=\"[] | tuiFieldError | async\"\n            ></tui-error>\n        </label>\n        <label tuiLabel\n            >\u041F\u043E\u0432\u0442\u043E\u0440\u0438\u0442\u0435 \u043D\u043E\u0432\u044B\u0439 \u043F\u0430\u0440\u043E\u043B\u044C\n            <tui-input-password\n                [pseudoInvalid]=\"form.hasError('passwordNotEquivalent')\"\n                formControlName=\"passwordConfirm\"\n            >\n                \u041F\u043E\u0432\u0442\u043E\u0440\u0438\u0442\u0435 \u043D\u043E\u0432\u044B\u0439 \u043F\u0430\u0440\u043E\u043B\u044C\n                <input\n                    tuiTextfieldLegacy\n                    autocomplete=\"new-password\"\n                />\n            </tui-input-password>\n            <tui-error\n                formControlName=\"passwordConfirm\"\n                [error]=\"[] | tuiFieldError | async\"\n            ></tui-error>\n        </label>\n        <tui-error\n            *ngIf=\"form.invalid\"\n            class=\"lg:!hidden\"\n            [error]=\"[] | tuiFieldError | async\"\n        ></tui-error>\n    </div>\n    <div class=\"flex flex-col justify-center lg:mt-5 lg:h-11\">\n        <button\n            *tuiLet=\"!!(loading$ | async) as loading\"\n            tuiButton\n            [loading]=\"loading\"\n            type=\"submit\"\n            [disabled]=\"form.invalid || loading\"\n            iconStart=\"@tui.save\"\n            class=\"font-medium\"\n        >\n            \u0421\u043E\u0445\u0440\u0430\u043D\u0438\u0442\u044C\n        </button>\n    </div>\n</form>\n<tui-error\n    class=\"!hidden lg:!block\"\n    [formGroup]=\"form\"\n    [error]=\"[] | tuiFieldError | async\"\n></tui-error>\n", dependencies: [{ kind: "directive", type: i2$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i5.TuiInputPasswordComponent, selector: "tui-input-password" }, { kind: "directive", type: i5.TuiInputPasswordDirective, selector: "tui-input-password" }, { kind: "component", type: i6.TuiTextfieldComponent, selector: "input[tuiTextfieldLegacy], textarea[tuiTextfieldLegacy]" }, { kind: "directive", type: i1$1.TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "component", type: i1$1.TuiError, selector: "tui-error", inputs: ["error"] }, { kind: "directive", type: i1$1.TuiLabel, selector: "label[tuiLabel]" }, { kind: "directive", type: i7.TuiLet, selector: "[tuiLet]", inputs: ["tuiLet"] }, { kind: "component", type: i2$1.TuiButtonLoading, selector: "[tuiButton][loading],[tuiIconButton][loading]", inputs: ["size", "loading"] }, { kind: "pipe", type: i2$2.AsyncPipe, name: "async" }, { kind: "pipe", type: i2$1.TuiFieldErrorPipe, name: "tuiFieldError" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ScResetUserPasswordComponent, selector: "sc-reset-user-password", outputs: { successResetPassword: "successResetPassword" }, ngImport: i0, template: "<form\n    [formGroup]=\"form\"\n    (ngSubmit)=\"onSubmit.next()\"\n    class=\"flex flex-col gap-4 p-1 lg:flex-row\"\n>\n    <div class=\"grid items-start gap-2 lg:grow lg:grid-cols-3 lg:grid-rows-1 lg:gap-4\">\n        <label tuiLabel\n            >\u0421\u0442\u0430\u0440\u044B\u0439 \u043F\u0430\u0440\u043E\u043B\u044C\n            <tui-input-password formControlName=\"currentPassword\">\n                \u0421\u0442\u0430\u0440\u044B\u0439 \u043F\u0430\u0440\u043E\u043B\u044C\n                <input\n                    tuiTextfieldLegacy\n                    autocomplete=\"new-password\"\n                />\n            </tui-input-password>\n            <tui-error\n                formControlName=\"currentPassword\"\n                [error]=\"[] | tuiFieldError | async\"\n            ></tui-error>\n        </label>\n        <label tuiLabel\n            >\u041F\u0440\u0438\u0434\u0443\u043C\u0430\u0439\u0442\u0435 \u043D\u043E\u0432\u044B\u0439 \u043F\u0430\u0440\u043E\u043B\u044C\n            <tui-input-password\n                [pseudoInvalid]=\"form.hasError('passwordNotEquivalent')\"\n                formControlName=\"password\"\n            >\n                \u041F\u0440\u0438\u0434\u0443\u043C\u0430\u0439\u0442\u0435 \u043D\u043E\u0432\u044B\u0439 \u043F\u0430\u0440\u043E\u043B\u044C\n                <input\n                    tuiTextfieldLegacy\n                    autocomplete=\"new-password\"\n                />\n            </tui-input-password>\n            <tui-error\n                formControlName=\"password\"\n                [error]=\"[] | tuiFieldError | async\"\n            ></tui-error>\n        </label>\n        <label tuiLabel\n            >\u041F\u043E\u0432\u0442\u043E\u0440\u0438\u0442\u0435 \u043D\u043E\u0432\u044B\u0439 \u043F\u0430\u0440\u043E\u043B\u044C\n            <tui-input-password\n                [pseudoInvalid]=\"form.hasError('passwordNotEquivalent')\"\n                formControlName=\"passwordConfirm\"\n            >\n                \u041F\u043E\u0432\u0442\u043E\u0440\u0438\u0442\u0435 \u043D\u043E\u0432\u044B\u0439 \u043F\u0430\u0440\u043E\u043B\u044C\n                <input\n                    tuiTextfieldLegacy\n                    autocomplete=\"new-password\"\n                />\n            </tui-input-password>\n            <tui-error\n                formControlName=\"passwordConfirm\"\n                [error]=\"[] | tuiFieldError | async\"\n            ></tui-error>\n        </label>\n        <tui-error\n            *ngIf=\"form.invalid\"\n            class=\"lg:!hidden\"\n            [error]=\"[] | tuiFieldError | async\"\n        ></tui-error>\n    </div>\n    <div class=\"flex flex-col justify-center lg:mt-5 lg:h-11\">\n        <button\n            *tuiLet=\"!!(loading$ | async) as loading\"\n            tuiButton\n            [loading]=\"loading\"\n            type=\"submit\"\n            [disabled]=\"form.invalid || loading\"\n            iconStart=\"@tui.save\"\n            class=\"font-medium\"\n        >\n            \u0421\u043E\u0445\u0440\u0430\u043D\u0438\u0442\u044C\n        </button>\n    </div>\n</form>\n<tui-error\n    class=\"!hidden lg:!block\"\n    [formGroup]=\"form\"\n    [error]=\"[] | tuiFieldError | async\"\n></tui-error>\n", dependencies: [{ kind: "directive", type: i2$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2$3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i3.TuiInputPasswordComponent, selector: "tui-input-password" }, { kind: "directive", type: i3.TuiInputPasswordDirective, selector: "tui-input-password" }, { kind: "component", type: i4.TuiTextfieldComponent, selector: "input[tuiTextfieldLegacy], textarea[tuiTextfieldLegacy]" }, { kind: "directive", type: i1$1.TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "component", type: i1$1.TuiError, selector: "tui-error", inputs: ["error"] }, { kind: "directive", type: i1$1.TuiLabel, selector: "label[tuiLabel]" }, { kind: "directive", type: i7.TuiLet, selector: "[tuiLet]", inputs: ["tuiLet"] }, { kind: "component", type: i2$1.TuiButtonLoading, selector: "[tuiButton][loading],[tuiIconButton][loading]", inputs: ["size", "loading"] }, { kind: "pipe", type: i2$2.AsyncPipe, name: "async" }, { kind: "pipe", type: i2$1.TuiFieldErrorPipe, name: "tuiFieldError" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ScResetUserPasswordComponent, decorators: [{
             type: Component,
@@ -6807,7 +6938,9 @@ class ScUpdateUserInfoDialogComponent {
          * {@link Observable} изменения состояния загрузки данных аутентификации по email.
          */
         this.loading$ = this.request$.pipe(map(tuiIsFalsy));
-        this.user$.subscribe((user) => {
+        this.user$
+            .pipe(filter((user) => !user.isGuest), takeUntilDestroyed())
+            .subscribe((user) => {
             this.form.patchValue({
                 name: user.name,
                 email: user.contacts.email.value,
@@ -6824,12 +6957,12 @@ class ScUpdateUserInfoDialogComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ScUpdateUserInfoDialogComponent, deps: [{ token: SC_USER_INFO }, { token: i1.ScUserService }, { token: i1.ScUserMetrikaService }, { token: POLYMORPHEUS_CONTEXT, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ScUpdateUserInfoDialogComponent, selector: "sc-update-user-info-dialog", outputs: { cancelButtonClick: "cancelButtonClick", successUpdateDate: "successUpdateDate" }, providers: [SC_USER_PROVIDERS], ngImport: i0, template: "<form\n    [formGroup]=\"form\"\n    *ngIf=\"user$ | async as user\"\n    (ngSubmit)=\"onSubmit.next()\"\n    class=\"flex flex-col gap-4\"\n>\n    <label tuiLabel\n        >{{ user.isOrg ? '\u041D\u0430\u0437\u0432\u0430\u043D\u0438\u0435 \u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0446\u0438\u0438 \u0438\u043B\u0438 \u0418\u041F' : '\u0424.\u0418.\u041E.' }}\n        <tui-input formControlName=\"name\">\n            {{ user.isOrg ? '\u041D\u0430\u0437\u0432\u0430\u043D\u0438\u0435 \u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0446\u0438\u0438 \u0438\u043B\u0438 \u0418\u041F' : '\u0424.\u0418.\u041E.' }}\n            <ng-container *ngIf=\"user.isOrg\">\n                <sc-suggestion-field\n                    *tuiDataList\n                    [type]=\"suggestionType.organization\"\n                ></sc-suggestion-field>\n            </ng-container>\n        </tui-input>\n        <tui-error\n            formControlName=\"name\"\n            [error]=\"[] | tuiFieldError | async\"\n        ></tui-error>\n    </label>\n    <sc-verification-phone-check-form\n        *tuiLet=\"user.contacts.phone.value === form.value.phone as phoneIsChange\"\n        [showCodeFields]=\"!phoneIsChange\"\n        [shouldBeBusy]=\"phoneIsChange\"\n        class=\"w-full\"\n    ></sc-verification-phone-check-form>\n    <label\n        tuiLabel\n        class=\"w-full\"\n        >\u0410\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B\n        <tui-input formControlName=\"email\">\n            \u0410\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B\n            <sc-suggestion-field\n                *tuiDataList\n                [type]=\"suggestionType.email\"\n            ></sc-suggestion-field>\n        </tui-input>\n        <tui-error\n            formControlName=\"email\"\n            [error]=\"[] | tuiFieldError | async\"\n        ></tui-error>\n    </label>\n    <sc-addresses-selection-field></sc-addresses-selection-field>\n    <label tuiLabel>\n        <input\n            tuiCheckbox\n            type=\"checkbox\"\n            formControlName=\"getNews\"\n            class=\"w-full\"\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    <div class=\"flex justify-center gap-4\">\n        <button\n            tuiButton\n            (click)=\"context ? context.$implicit.complete() : cancelButtonClick.emit()\"\n            type=\"button\"\n            iconStart=\"@tui.x\"\n            appearance=\"secondary\"\n        >\n            \u041E\u0442\u043C\u0435\u043D\u0430\n        </button>\n        <button\n            tuiButton\n            [disabled]=\"form.invalid\"\n            [loading]=\"!!(loading$ | async)\"\n            type=\"submit\"\n            iconStart=\"@tui.save\"\n        >\n            \u0421\u043E\u0445\u0440\u0430\u043D\u0438\u0442\u044C\n        </button>\n    </div>\n</form>\n", dependencies: [{ kind: "directive", type: i2$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1$1.TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "component", type: i1$1.TuiError, selector: "tui-error", inputs: ["error"] }, { kind: "directive", type: i1$1.TuiLabel, selector: "label[tuiLabel]" }, { kind: "directive", type: i7.TuiLet, selector: "[tuiLet]", inputs: ["tuiLet"] }, { kind: "component", type: ScVerificationPhoneCheckFormComponent, selector: "sc-verification-phone-check-form", inputs: ["showCodeFields", "readOnly", "shouldBeBusy", "shouldBeConfirmed", "haveCode"], outputs: ["haveCodeChange", "isBusyChange", "isConfirmedChange"] }, { kind: "component", type: ScAddressesSelectionFieldComponent, selector: "sc-addresses-selection-field" }, { kind: "component", type: ScSuggestionFieldComponent, selector: "sc-suggestion-field", inputs: ["type"], outputs: ["selectedClick"] }, { kind: "component", type: i5.TuiInputComponent, selector: "tui-input" }, { kind: "directive", type: i5.TuiInputDirective, selector: "tui-input" }, { kind: "component", type: i2$1.TuiCheckbox, selector: "input[type=\"checkbox\"][tuiCheckbox]", inputs: ["size"] }, { kind: "directive", type: i3$1.TuiDataListDirective, selector: "ng-template[tuiDataList]" }, { kind: "component", type: i2$1.TuiButtonLoading, selector: "[tuiButton][loading],[tuiIconButton][loading]", inputs: ["size", "loading"] }, { kind: "pipe", type: i2$2.AsyncPipe, name: "async" }, { kind: "pipe", type: i2$1.TuiFieldErrorPipe, name: "tuiFieldError" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ScUpdateUserInfoDialogComponent, selector: "sc-update-user-info-dialog", outputs: { cancelButtonClick: "cancelButtonClick", successUpdateDate: "successUpdateDate" }, ngImport: i0, template: "<form\n    [formGroup]=\"form\"\n    *ngIf=\"user$ | async as user\"\n    (ngSubmit)=\"onSubmit.next()\"\n    class=\"flex flex-col gap-4\"\n>\n    <label tuiLabel\n        >{{ user.isOrg ? '\u041D\u0430\u0437\u0432\u0430\u043D\u0438\u0435 \u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0446\u0438\u0438 \u0438\u043B\u0438 \u0418\u041F' : '\u0424.\u0418.\u041E.' }}\n        <tui-input formControlName=\"name\">\n            {{ user.isOrg ? '\u041D\u0430\u0437\u0432\u0430\u043D\u0438\u0435 \u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0446\u0438\u0438 \u0438\u043B\u0438 \u0418\u041F' : '\u0424.\u0418.\u041E.' }}\n            <ng-container *ngIf=\"user.isOrg\">\n                <sc-suggestion-field\n                    *tuiDataList\n                    [type]=\"suggestionType.organization\"\n                ></sc-suggestion-field>\n            </ng-container>\n        </tui-input>\n        <tui-error\n            formControlName=\"name\"\n            [error]=\"[] | tuiFieldError | async\"\n        ></tui-error>\n    </label>\n    <sc-verification-phone-check-form\n        *tuiLet=\"user.contacts.phone.value === form.value.phone as phoneIsChange\"\n        [showCodeFields]=\"!phoneIsChange\"\n        [shouldBeBusy]=\"phoneIsChange\"\n        class=\"w-full\"\n    ></sc-verification-phone-check-form>\n    <label\n        tuiLabel\n        class=\"w-full\"\n        >\u0410\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B\n        <tui-input formControlName=\"email\">\n            \u0410\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B\n            <sc-suggestion-field\n                *tuiDataList\n                [type]=\"suggestionType.email\"\n            ></sc-suggestion-field>\n        </tui-input>\n        <tui-error\n            formControlName=\"email\"\n            [error]=\"[] | tuiFieldError | async\"\n        ></tui-error>\n    </label>\n    <sc-addresses-selection-field></sc-addresses-selection-field>\n    <label tuiLabel>\n        <input\n            tuiCheckbox\n            type=\"checkbox\"\n            formControlName=\"getNews\"\n            class=\"w-full\"\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    <div class=\"flex justify-center gap-4\">\n        <button\n            tuiButton\n            (click)=\"context ? context.$implicit.complete() : cancelButtonClick.emit()\"\n            type=\"button\"\n            iconStart=\"@tui.x\"\n            appearance=\"secondary\"\n        >\n            \u041E\u0442\u043C\u0435\u043D\u0430\n        </button>\n        <button\n            tuiButton\n            [disabled]=\"form.invalid\"\n            [loading]=\"!!(loading$ | async)\"\n            type=\"submit\"\n            iconStart=\"@tui.save\"\n        >\n            \u0421\u043E\u0445\u0440\u0430\u043D\u0438\u0442\u044C\n        </button>\n    </div>\n</form>\n", dependencies: [{ kind: "directive", type: i2$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2$3.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i2$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2$3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1$1.TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "component", type: i1$1.TuiError, selector: "tui-error", inputs: ["error"] }, { kind: "directive", type: i1$1.TuiLabel, selector: "label[tuiLabel]" }, { kind: "directive", type: i7.TuiLet, selector: "[tuiLet]", inputs: ["tuiLet"] }, { kind: "component", type: ScVerificationPhoneCheckFormComponent, selector: "sc-verification-phone-check-form", inputs: ["showCodeFields", "readOnly", "shouldBeBusy", "shouldBeConfirmed", "haveCode"], outputs: ["haveCodeChange", "isBusyChange", "isConfirmedChange"] }, { kind: "component", type: ScAddressesSelectionFieldComponent, selector: "sc-addresses-selection-field" }, { kind: "component", type: ScSuggestionFieldComponent, selector: "sc-suggestion-field", inputs: ["type"], outputs: ["selectedClick"] }, { kind: "component", type: i3.TuiInputComponent, selector: "tui-input" }, { kind: "directive", type: i3.TuiInputDirective, selector: "tui-input" }, { kind: "component", type: i2$1.TuiCheckbox, selector: "input[type=\"checkbox\"][tuiCheckbox]", inputs: ["size"] }, { kind: "directive", type: i3$1.TuiDataListDirective, selector: "ng-template[tuiDataList]" }, { kind: "component", type: i2$1.TuiButtonLoading, selector: "[tuiButton][loading],[tuiIconButton][loading]", inputs: ["size", "loading"] }, { kind: "pipe", type: i2$2.AsyncPipe, name: "async" }, { kind: "pipe", type: i2$1.TuiFieldErrorPipe, name: "tuiFieldError" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ScUpdateUserInfoDialogComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sc-update-user-info-dialog', providers: [SC_USER_PROVIDERS], changeDetection: ChangeDetectionStrategy.OnPush, template: "<form\n    [formGroup]=\"form\"\n    *ngIf=\"user$ | async as user\"\n    (ngSubmit)=\"onSubmit.next()\"\n    class=\"flex flex-col gap-4\"\n>\n    <label tuiLabel\n        >{{ user.isOrg ? '\u041D\u0430\u0437\u0432\u0430\u043D\u0438\u0435 \u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0446\u0438\u0438 \u0438\u043B\u0438 \u0418\u041F' : '\u0424.\u0418.\u041E.' }}\n        <tui-input formControlName=\"name\">\n            {{ user.isOrg ? '\u041D\u0430\u0437\u0432\u0430\u043D\u0438\u0435 \u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0446\u0438\u0438 \u0438\u043B\u0438 \u0418\u041F' : '\u0424.\u0418.\u041E.' }}\n            <ng-container *ngIf=\"user.isOrg\">\n                <sc-suggestion-field\n                    *tuiDataList\n                    [type]=\"suggestionType.organization\"\n                ></sc-suggestion-field>\n            </ng-container>\n        </tui-input>\n        <tui-error\n            formControlName=\"name\"\n            [error]=\"[] | tuiFieldError | async\"\n        ></tui-error>\n    </label>\n    <sc-verification-phone-check-form\n        *tuiLet=\"user.contacts.phone.value === form.value.phone as phoneIsChange\"\n        [showCodeFields]=\"!phoneIsChange\"\n        [shouldBeBusy]=\"phoneIsChange\"\n        class=\"w-full\"\n    ></sc-verification-phone-check-form>\n    <label\n        tuiLabel\n        class=\"w-full\"\n        >\u0410\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B\n        <tui-input formControlName=\"email\">\n            \u0410\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B\n            <sc-suggestion-field\n                *tuiDataList\n                [type]=\"suggestionType.email\"\n            ></sc-suggestion-field>\n        </tui-input>\n        <tui-error\n            formControlName=\"email\"\n            [error]=\"[] | tuiFieldError | async\"\n        ></tui-error>\n    </label>\n    <sc-addresses-selection-field></sc-addresses-selection-field>\n    <label tuiLabel>\n        <input\n            tuiCheckbox\n            type=\"checkbox\"\n            formControlName=\"getNews\"\n            class=\"w-full\"\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    <div class=\"flex justify-center gap-4\">\n        <button\n            tuiButton\n            (click)=\"context ? context.$implicit.complete() : cancelButtonClick.emit()\"\n            type=\"button\"\n            iconStart=\"@tui.x\"\n            appearance=\"secondary\"\n        >\n            \u041E\u0442\u043C\u0435\u043D\u0430\n        </button>\n        <button\n            tuiButton\n            [disabled]=\"form.invalid\"\n            [loading]=\"!!(loading$ | async)\"\n            type=\"submit\"\n            iconStart=\"@tui.save\"\n        >\n            \u0421\u043E\u0445\u0440\u0430\u043D\u0438\u0442\u044C\n        </button>\n    </div>\n</form>\n" }]
-        }], ctorParameters: () => [{ type: i6$2.Observable, decorators: [{
+            args: [{ selector: 'sc-update-user-info-dialog', changeDetection: ChangeDetectionStrategy.OnPush, template: "<form\n    [formGroup]=\"form\"\n    *ngIf=\"user$ | async as user\"\n    (ngSubmit)=\"onSubmit.next()\"\n    class=\"flex flex-col gap-4\"\n>\n    <label tuiLabel\n        >{{ user.isOrg ? '\u041D\u0430\u0437\u0432\u0430\u043D\u0438\u0435 \u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0446\u0438\u0438 \u0438\u043B\u0438 \u0418\u041F' : '\u0424.\u0418.\u041E.' }}\n        <tui-input formControlName=\"name\">\n            {{ user.isOrg ? '\u041D\u0430\u0437\u0432\u0430\u043D\u0438\u0435 \u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0446\u0438\u0438 \u0438\u043B\u0438 \u0418\u041F' : '\u0424.\u0418.\u041E.' }}\n            <ng-container *ngIf=\"user.isOrg\">\n                <sc-suggestion-field\n                    *tuiDataList\n                    [type]=\"suggestionType.organization\"\n                ></sc-suggestion-field>\n            </ng-container>\n        </tui-input>\n        <tui-error\n            formControlName=\"name\"\n            [error]=\"[] | tuiFieldError | async\"\n        ></tui-error>\n    </label>\n    <sc-verification-phone-check-form\n        *tuiLet=\"user.contacts.phone.value === form.value.phone as phoneIsChange\"\n        [showCodeFields]=\"!phoneIsChange\"\n        [shouldBeBusy]=\"phoneIsChange\"\n        class=\"w-full\"\n    ></sc-verification-phone-check-form>\n    <label\n        tuiLabel\n        class=\"w-full\"\n        >\u0410\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B\n        <tui-input formControlName=\"email\">\n            \u0410\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B\n            <sc-suggestion-field\n                *tuiDataList\n                [type]=\"suggestionType.email\"\n            ></sc-suggestion-field>\n        </tui-input>\n        <tui-error\n            formControlName=\"email\"\n            [error]=\"[] | tuiFieldError | async\"\n        ></tui-error>\n    </label>\n    <sc-addresses-selection-field></sc-addresses-selection-field>\n    <label tuiLabel>\n        <input\n            tuiCheckbox\n            type=\"checkbox\"\n            formControlName=\"getNews\"\n            class=\"w-full\"\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    <div class=\"flex justify-center gap-4\">\n        <button\n            tuiButton\n            (click)=\"context ? context.$implicit.complete() : cancelButtonClick.emit()\"\n            type=\"button\"\n            iconStart=\"@tui.x\"\n            appearance=\"secondary\"\n        >\n            \u041E\u0442\u043C\u0435\u043D\u0430\n        </button>\n        <button\n            tuiButton\n            [disabled]=\"form.invalid\"\n            [loading]=\"!!(loading$ | async)\"\n            type=\"submit\"\n            iconStart=\"@tui.save\"\n        >\n            \u0421\u043E\u0445\u0440\u0430\u043D\u0438\u0442\u044C\n        </button>\n    </div>\n</form>\n" }]
+        }], ctorParameters: () => [{ type: i6.Observable, decorators: [{
                     type: Inject,
                     args: [SC_USER_INFO]
                 }] }, { type: i1.ScUserService }, { type: i1.ScUserMetrikaService }, { type: undefined, decorators: [{
@@ -6932,7 +7065,9 @@ class ScUserPhoneApproveDialogComponent {
          * {@link Observable} изменения состояния запроса подтверждения номера телефона..
          */
         this.loading$ = this.request$.pipe(map(tuiIsFalsy));
-        this.user$.pipe(takeUntilDestroyed()).subscribe((user) => {
+        this.user$
+            .pipe(filter((user) => !user.isGuest), takeUntilDestroyed())
+            .subscribe((user) => {
             this.form.patchValue({
                 phone: user.contacts.phone.value,
             });
@@ -6945,12 +7080,12 @@ class ScUserPhoneApproveDialogComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ScUserPhoneApproveDialogComponent, deps: [{ token: i1.ScVerificationService }, { token: i1.ScUserMetrikaService }, { token: SC_USER_INFO }, { token: i1.ScUserService }, { token: POLYMORPHEUS_CONTEXT, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ScUserPhoneApproveDialogComponent, selector: "sc-user-phone-approve-dialog", providers: [SC_USER_PROVIDERS], ngImport: i0, template: "<ng-container *ngIf=\"user$ | async as user\">\n    <form\n        [formGroup]=\"form\"\n        *tuiLet=\"!!(loading$ | async) as loadingApproveCode\"\n        (ngSubmit)=\"onSubmit.next()\"\n        class=\"flex flex-col gap-3\"\n    >\n        <sc-verification-phone-check-form\n            [(haveCode)]=\"haveCode\"\n            [shouldBeBusy]=\"true\"\n            [shouldBeConfirmed]=\"false\"\n            [showCodeFields]=\"!user.contacts.phone.isApproved\"\n            [readOnly]=\"true\"\n            class=\"w-full\"\n        ></sc-verification-phone-check-form>\n        <div\n            *ngIf=\"user.contacts.phone.isApproved || haveCode\"\n            class=\"flex justify-center gap-4\"\n        >\n            <button\n                *ngIf=\"user.contacts.phone.isApproved && context\"\n                tuiButton\n                (click)=\"context.$implicit.complete()\"\n                type=\"button\"\n                appearance=\"secondary\"\n            >\n                \u0417\u0430\u043A\u0440\u044B\u0442\u044C\n            </button>\n            <button\n                *ngIf=\"haveCode\"\n                tuiButton\n                type=\"submit\"\n                [loading]=\"loadingApproveCode\"\n                [disabled]=\"form.invalid || loadingApproveCode\"\n                iconStart=\"@tui.sc.send\"\n            >\n                \u041F\u043E\u0434\u0442\u0432\u0435\u0440\u0434\u0438\u0442\u044C\n            </button>\n        </div>\n    </form>\n</ng-container>\n", dependencies: [{ kind: "directive", type: i2$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "directive", type: i7.TuiLet, selector: "[tuiLet]", inputs: ["tuiLet"] }, { kind: "component", type: ScVerificationPhoneCheckFormComponent, selector: "sc-verification-phone-check-form", inputs: ["showCodeFields", "readOnly", "shouldBeBusy", "shouldBeConfirmed", "haveCode"], outputs: ["haveCodeChange", "isBusyChange", "isConfirmedChange"] }, { kind: "component", type: i2$1.TuiButtonLoading, selector: "[tuiButton][loading],[tuiIconButton][loading]", inputs: ["size", "loading"] }, { kind: "pipe", type: i2$2.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ScUserPhoneApproveDialogComponent, selector: "sc-user-phone-approve-dialog", providers: [SC_USER_PROVIDERS], ngImport: i0, template: "<ng-container *ngIf=\"user$ | async as user\">\n    <form\n        [formGroup]=\"form\"\n        *tuiLet=\"!!(loading$ | async) as loadingApproveCode\"\n        (ngSubmit)=\"onSubmit.next()\"\n        class=\"flex flex-col gap-3\"\n    >\n        <sc-verification-phone-check-form\n            [(haveCode)]=\"haveCode\"\n            [shouldBeBusy]=\"true\"\n            [shouldBeConfirmed]=\"false\"\n            [showCodeFields]=\"!user.contacts.phone.isApproved\"\n            [readOnly]=\"true\"\n            class=\"w-full\"\n        ></sc-verification-phone-check-form>\n        <div\n            *ngIf=\"user.contacts.phone.isApproved || haveCode\"\n            class=\"flex justify-center gap-4\"\n        >\n            <button\n                *ngIf=\"user.contacts.phone.isApproved && context\"\n                tuiButton\n                (click)=\"context.$implicit.complete()\"\n                type=\"button\"\n                appearance=\"secondary\"\n            >\n                \u0417\u0430\u043A\u0440\u044B\u0442\u044C\n            </button>\n            <button\n                *ngIf=\"haveCode\"\n                tuiButton\n                type=\"submit\"\n                [loading]=\"loadingApproveCode\"\n                [disabled]=\"form.invalid || loadingApproveCode\"\n                iconStart=\"@tui.sc.send\"\n            >\n                \u041F\u043E\u0434\u0442\u0432\u0435\u0440\u0434\u0438\u0442\u044C\n            </button>\n        </div>\n    </form>\n</ng-container>\n", dependencies: [{ kind: "directive", type: i2$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2$3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2$3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "directive", type: i7.TuiLet, selector: "[tuiLet]", inputs: ["tuiLet"] }, { kind: "component", type: ScVerificationPhoneCheckFormComponent, selector: "sc-verification-phone-check-form", inputs: ["showCodeFields", "readOnly", "shouldBeBusy", "shouldBeConfirmed", "haveCode"], outputs: ["haveCodeChange", "isBusyChange", "isConfirmedChange"] }, { kind: "component", type: i2$1.TuiButtonLoading, selector: "[tuiButton][loading],[tuiIconButton][loading]", inputs: ["size", "loading"] }, { kind: "pipe", type: i2$2.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ScUserPhoneApproveDialogComponent, decorators: [{
             type: Component,
             args: [{ selector: 'sc-user-phone-approve-dialog', providers: [SC_USER_PROVIDERS], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngIf=\"user$ | async as user\">\n    <form\n        [formGroup]=\"form\"\n        *tuiLet=\"!!(loading$ | async) as loadingApproveCode\"\n        (ngSubmit)=\"onSubmit.next()\"\n        class=\"flex flex-col gap-3\"\n    >\n        <sc-verification-phone-check-form\n            [(haveCode)]=\"haveCode\"\n            [shouldBeBusy]=\"true\"\n            [shouldBeConfirmed]=\"false\"\n            [showCodeFields]=\"!user.contacts.phone.isApproved\"\n            [readOnly]=\"true\"\n            class=\"w-full\"\n        ></sc-verification-phone-check-form>\n        <div\n            *ngIf=\"user.contacts.phone.isApproved || haveCode\"\n            class=\"flex justify-center gap-4\"\n        >\n            <button\n                *ngIf=\"user.contacts.phone.isApproved && context\"\n                tuiButton\n                (click)=\"context.$implicit.complete()\"\n                type=\"button\"\n                appearance=\"secondary\"\n            >\n                \u0417\u0430\u043A\u0440\u044B\u0442\u044C\n            </button>\n            <button\n                *ngIf=\"haveCode\"\n                tuiButton\n                type=\"submit\"\n                [loading]=\"loadingApproveCode\"\n                [disabled]=\"form.invalid || loadingApproveCode\"\n                iconStart=\"@tui.sc.send\"\n            >\n                \u041F\u043E\u0434\u0442\u0432\u0435\u0440\u0434\u0438\u0442\u044C\n            </button>\n        </div>\n    </form>\n</ng-container>\n" }]
-        }], ctorParameters: () => [{ type: i1.ScVerificationService }, { type: i1.ScUserMetrikaService }, { type: i6$2.Observable, decorators: [{
+        }], ctorParameters: () => [{ type: i1.ScVerificationService }, { type: i1.ScUserMetrikaService }, { type: i6.Observable, decorators: [{
                     type: Inject,
                     args: [SC_USER_INFO]
                 }] }, { type: i1.ScUserService }, { type: undefined, decorators: [{
@@ -7142,7 +7277,7 @@ class ScProfileAccordionsContentComponent {
         this.deleteUserContactClick = new EventEmitter();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ScProfileAccordionsContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ScProfileAccordionsContentComponent, 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: "<div\n    *tuiLet=\"user$ | async as user\"\n    class=\"flex flex-col gap-4\"\n>\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                [showLoader]=\"user === null\"\n            >\n                <div class=\"flex gap-2 pl-4\">\n                    <div\n                        *ngIf=\"user\"\n                        class=\"flex grow flex-col gap-2\"\n                    >\n                        <span class=\"font-medium\">{{ user.name }}</span>\n                        <div\n                            *ngIf=\"user.city && (userCity$ | async) as city\"\n                            class=\"flex items-center gap-1\"\n                        >\n                            <tui-icon icon=\"@tui.map-pin\"></tui-icon>\n                            <div class=\"flex flex-wrap\">\n                                <span>\u0433. {{ city.name }}, </span>\n                                <span *ngIf=\"city.region\">{{ city.region.name }}</span>\n                            </div>\n                        </div>\n                        <div class=\"flex flex-wrap gap-2\">\n                            <a\n                                tuiLink\n                                [scTelLink]=\"user.contacts.phone.value\"\n                                iconStart=\"@tui.phone\"\n                                [pseudo]=\"true\"\n                                linkLocation=\"profile\"\n                                href=\"tel:{{ user.contacts.phone.value | scPhoneFormat }}\"\n                            >\n                                {{ user.contacts.phone.value | scPhoneFormat }}\n                            </a>\n                            <span\n                                *ngIf=\"!user.contacts.phone.isApproved\"\n                                class=\"text-tui-text-03\"\n                            >\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                                    [pseudo]=\"true\"\n                                    (click)=\"approvePhoneClick.emit()\"\n                                >\n                                    \u041F\u043E\u0434\u0442\u0432\u0435\u0440\u0434\u0438\u0442\u044C</button\n                                >)\n                            </span>\n                        </div>\n                        <div\n                            *tuiLet=\"!!(isSendApproveEmail$ | async) as isSendApproveEmail\"\n                            class=\"flex flex-wrap gap-x-2\"\n                        >\n                            <a\n                                tuiLink\n                                iconStart=\"@tui.mail\"\n                                [pseudo]=\"true\"\n                                scEmailLink\n                                linkLocation=\"profile\"\n                                href=\"mailto:{{ user.contacts.email.value }}\"\n                            >\n                                {{ user.contacts.email.value }}\n                            </a>\n                            <span\n                                *ngIf=\"!isSendApproveEmail && !user.contacts.email.isApproved\"\n                                class=\"inline-flex flex-wrap gap-1 text-tui-text-03\"\n                            >\n                                E-mail \u043D\u0435 \u043F\u043E\u0434\u0442\u0432\u0435\u0440\u0436\u0434\u0435\u043D.\n                                <tui-loader\n                                    [showLoader]=\"!!(approveEmailLoading$ | async)\"\n                                    [overlay]=\"true\"\n                                >\n                                    <button\n                                        tuiLink\n                                        [pseudo]=\"true\"\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                            <span\n                                *ngIf=\"isSendApproveEmail\"\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                        </div>\n                        <tui-loader\n                            [showLoader]=\"!!(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                    <button\n                        tuiIconButton\n                        size=\"m\"\n                        type=\"button\"\n                        iconStart=\"@tui.pencil\"\n                        appearance=\"flat\"\n                        (click)=\"editProfileClick.emit()\"\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    <sc-contacts-accordion\n        *ngIf=\"user\"\n        [contacts$]=\"userContacts$\"\n        (addContactClick)=\"addUserContactClick.emit(user.id)\"\n        (deleteButtonClick)=\"deleteUserContactClick.emit($event)\"\n    ></sc-contacts-accordion>\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: "directive", type: i2$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ScResetUserPasswordComponent, selector: "sc-reset-user-password", outputs: ["successResetPassword"] }, { 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: 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: i1$1.TuiLoader, selector: "tui-loader", inputs: ["size", "inheritColor", "overlay", "textContent", "showLoader"] }, { kind: "directive", type: i7.TuiLet, selector: "[tuiLet]", inputs: ["tuiLet"] }, { kind: "directive", type: i1$1.TuiLink, selector: "a[tuiLink], button[tuiLink]", inputs: ["pseudo"] }, { kind: "directive", type: i1$1.TuiLabel, selector: "label[tuiLabel]" }, { kind: "component", type: i1$1.TuiIcon, selector: "tui-icon", inputs: ["icon", "background"] }, { kind: "directive", type: i3.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "component", type: ScContactsAccordionComponent, selector: "sc-contacts-accordion", inputs: ["contacts$"], outputs: ["addContactClick", "deleteButtonClick"] }, { kind: "directive", type: ScTerminalLinkDirective, selector: "a[href]" }, { kind: "directive", type: ScTelLinkDirective, selector: "a[scTelLink]", inputs: ["scTelLink", "linkLocation"] }, { kind: "directive", type: ScEmailLinkDirective, selector: "a[scEmailLink]", inputs: ["linkLocation"] }, { kind: "component", type: i2$1.TuiCheckbox, selector: "input[type=\"checkbox\"][tuiCheckbox]", inputs: ["size"] }, { kind: "pipe", type: i2$2.AsyncPipe, name: "async" }, { kind: "pipe", type: ScPhoneFormatPipe, name: "scPhoneFormat" }], animations: [tuiFadeIn], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ScProfileAccordionsContentComponent, 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: "<div\n    *tuiLet=\"user$ | async as user\"\n    class=\"flex flex-col gap-4\"\n>\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                [showLoader]=\"user === null\"\n            >\n                <div class=\"flex gap-2 pl-4\">\n                    <div\n                        *ngIf=\"user\"\n                        class=\"flex grow flex-col gap-2\"\n                    >\n                        <span class=\"font-medium\">{{ user.name }}</span>\n                        <div\n                            *ngIf=\"user.city && (userCity$ | async) as city\"\n                            class=\"flex items-center gap-1\"\n                        >\n                            <tui-icon icon=\"@tui.map-pin\"></tui-icon>\n                            <div class=\"flex flex-wrap\">\n                                <span>\u0433. {{ city.name }}, </span>\n                                <span *ngIf=\"city.region\">{{ city.region.name }}</span>\n                            </div>\n                        </div>\n                        <div class=\"flex flex-wrap gap-2\">\n                            <a\n                                tuiLink\n                                [scTelLink]=\"user.contacts.phone.value\"\n                                iconStart=\"@tui.phone\"\n                                [pseudo]=\"true\"\n                                linkLocation=\"profile\"\n                                href=\"tel:{{ user.contacts.phone.value | scPhoneFormat }}\"\n                            >\n                                {{ user.contacts.phone.value | scPhoneFormat }}\n                            </a>\n                            <span\n                                *ngIf=\"!user.contacts.phone.isApproved\"\n                                class=\"text-tui-text-03\"\n                            >\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                                    [pseudo]=\"true\"\n                                    (click)=\"approvePhoneClick.emit()\"\n                                >\n                                    \u041F\u043E\u0434\u0442\u0432\u0435\u0440\u0434\u0438\u0442\u044C</button\n                                >)\n                            </span>\n                        </div>\n                        <div\n                            *tuiLet=\"!!(isSendApproveEmail$ | async) as isSendApproveEmail\"\n                            class=\"flex flex-wrap gap-x-2\"\n                        >\n                            <a\n                                tuiLink\n                                iconStart=\"@tui.mail\"\n                                [pseudo]=\"true\"\n                                scEmailLink\n                                linkLocation=\"profile\"\n                                href=\"mailto:{{ user.contacts.email.value }}\"\n                            >\n                                {{ user.contacts.email.value }}\n                            </a>\n                            <span\n                                *ngIf=\"!isSendApproveEmail && !user.contacts.email.isApproved\"\n                                class=\"inline-flex flex-wrap gap-1 text-tui-text-03\"\n                            >\n                                E-mail \u043D\u0435 \u043F\u043E\u0434\u0442\u0432\u0435\u0440\u0436\u0434\u0435\u043D.\n                                <tui-loader\n                                    [showLoader]=\"!!(approveEmailLoading$ | async)\"\n                                    [overlay]=\"true\"\n                                >\n                                    <button\n                                        tuiLink\n                                        [pseudo]=\"true\"\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                            <span\n                                *ngIf=\"isSendApproveEmail\"\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                        </div>\n                        <tui-loader\n                            [showLoader]=\"!!(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                    <button\n                        tuiIconButton\n                        size=\"m\"\n                        type=\"button\"\n                        iconStart=\"@tui.pencil\"\n                        appearance=\"flat\"\n                        (click)=\"editProfileClick.emit()\"\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    <sc-contacts-accordion\n        *ngIf=\"user\"\n        [contacts$]=\"userContacts$\"\n        (addContactClick)=\"addUserContactClick.emit(user.id)\"\n        (deleteButtonClick)=\"deleteUserContactClick.emit($event)\"\n    ></sc-contacts-accordion>\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: "directive", type: i2$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ScResetUserPasswordComponent, selector: "sc-reset-user-password", outputs: ["successResetPassword"] }, { 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: 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: i1$1.TuiLoader, selector: "tui-loader", inputs: ["size", "inheritColor", "overlay", "textContent", "showLoader"] }, { kind: "directive", type: i7.TuiLet, selector: "[tuiLet]", inputs: ["tuiLet"] }, { kind: "directive", type: i1$1.TuiLink, selector: "a[tuiLink], button[tuiLink]", inputs: ["pseudo"] }, { kind: "directive", type: i1$1.TuiLabel, selector: "label[tuiLabel]" }, { kind: "component", type: i1$1.TuiIcon, selector: "tui-icon", inputs: ["icon", "background"] }, { kind: "directive", type: i2$3.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i2$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "component", type: ScContactsAccordionComponent, selector: "sc-contacts-accordion", inputs: ["contacts$"], outputs: ["addContactClick", "deleteButtonClick"] }, { kind: "directive", type: ScTerminalLinkDirective, selector: "a[href]" }, { kind: "directive", type: ScTelLinkDirective, selector: "a[scTelLink]", inputs: ["scTelLink", "linkLocation"] }, { kind: "directive", type: ScEmailLinkDirective, selector: "a[scEmailLink]", inputs: ["linkLocation"] }, { kind: "component", type: i2$1.TuiCheckbox, selector: "input[type=\"checkbox\"][tuiCheckbox]", inputs: ["size"] }, { kind: "pipe", type: i2$2.AsyncPipe, name: "async" }, { kind: "pipe", type: ScPhoneFormatPipe, name: "scPhoneFormat" }], animations: [tuiFadeIn], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ScProfileAccordionsContentComponent, decorators: [{
             type: Component,
@@ -7244,5 +7379,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { AbstractScPriceCard, AuthMethod, CURRENT_COUNTRY_ID, FilesAndDocumentsComponent, FilesAndDocumentsModule, FinishDateTimeTransformerDirective, IS_DEFAULT_COUNTRY, MAX_FILES_IN_FORM_INPUT, SC_ALLOW_SELECT_TERMINATED, SC_DATE_FORMATTER, SC_ERROR_CHANGE_HANDLER, SC_HELP_NOTIFICATION_CLOSE, SC_HELP_NOTIFICATION_LIMIT, SC_MANAGER_QR_HANDLER, 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, ScAccordionModule, ScAddContactDialogComponent, ScAddContragentBankAccountsDialogComponent, ScAddContragentDialogComponent, ScAddDeliveryAddressDialogComponent, ScAddressesSelectionFieldComponent, ScAuthModule, ScBannerComponent, ScBannerModule, ScBrandsListComponent, ScBrandsListModule, ScCarAddProductsFromCsvDialogComponent, ScCartItemComponent, ScCatalogModule, ScCategoryCardComponent, ScContactsAccordionComponent, ScContactsModule, ScContragentsAccordionComponent, ScContragentsAccordionItemComponent, ScContragentsModule, ScDeliveryAddressAccordionComponent, ScDeliveryAddressAccordionItemComponent, ScDeliveryAddressModule, ScDownloadPriceListComponent, ScEmailLinkDirective, ScErrorBlockStatusComponent, ScErrorHandlerComponent, ScFavoriteButtonComponent, ScFeedbackFormComponent, ScFeedbackForms, ScFormFieldsModule, ScFormatDatePipe, ScFrequentlyAskedQuestionsComponent, ScFrequentlyAskedQuestionsGroupSelectorComponent, ScFrequentlyAskedQuestionsWithGroupsComponent, ScGratitudeComponent, ScHelpNotificationService, ScInputQuantityComponent, ScLinks, ScManagerCardComponent, ScManagerCardPushComponent, ScNewContactFormComponent, ScNewContragentBankAccountsFormComponent, ScNewContragentFormComponent, ScNewsCardComponent, ScNewsCardSkeletonComponent, ScNewsModule, ScNextInputFocusDirective, ScNextInputFocusModule, ScOrderItemMobileComponent, ScOrderModule, ScPaymentStatusComponent, ScPhoneFormatPipe, ScPreviewSampleComponent, ScPreviewSampleModule, ScPreviewSamplesMosquitoComponent, ScPriceCardComponent, ScPriceCardInlineComponent, ScPriceHistoryComponent, ScPriceListPaginationComponent, ScPriceWarehouseStockComponent, ScProfileAccordionsContentComponent, ScProfileModule, ScQRCodeDialogComponent, ScQRCodeModule, ScResetUserPasswordComponent, ScResourcePreviewComponent, ScShareButtonComponent, ScShareButtonModule, ScSignInFormByEmailComponent, ScSignInFormByPhoneComponent, ScSignInFormComponent, ScSignUpFormComponent, ScSimpleSignUpFormComponent, ScSuggestionFieldComponent, ScTelLinkDirective, ScTerminalLinkDirective, ScUpdateUserInfoDialogComponent, ScUserManagersComponent, ScUserModule, ScUserPhoneApproveDialogComponent, ScVerificationModule, ScVerificationPhoneCheckFormComponent, TreeDirective, TreeIconService, TreeLoaderService, TreeTopDirective, scBicValidator, scClientUiIconsName, scCorrespondentAccountValidator, scPasswordConfirmMatchingValidator, stepValidator, tuiDateValueTransformerDefaultProvider };
+export { AbstractScPriceCard, AuthMethod, CURRENT_COUNTRY_ID, FilesAndDocumentsComponent, FilesAndDocumentsModule, FinishDateTimeTransformerDirective, IS_DEFAULT_COUNTRY, MAX_FILES_IN_FORM_INPUT, SC_ALLOW_SELECT_TERMINATED, SC_DATE_FORMATTER, SC_ERROR_CHANGE_HANDLER, SC_HELP_NOTIFICATION_CLOSE, SC_HELP_NOTIFICATION_LIMIT, SC_MANAGER_QR_HANDLER, 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, ScAccordionModule, ScAddContactDialogComponent, ScAddContragentBankAccountsDialogComponent, ScAddContragentDialogComponent, ScAddDeliveryAddressDialogComponent, ScAddressesSelectionFieldComponent, ScAuthModule, ScBannerComponent, ScBannerModule, ScBrandsListComponent, ScBrandsListModule, ScCarAddProductsFromCsvDialogComponent, ScCartItemComponent, ScCatalogModule, ScCategoryCardComponent, ScContactsAccordionComponent, ScContactsModule, ScContragentsAccordionComponent, ScContragentsAccordionItemComponent, ScContragentsModule, ScDeliveryAddressAccordionComponent, ScDeliveryAddressAccordionItemComponent, ScDeliveryAddressModule, ScDownloadPriceListComponent, ScEmailLinkDirective, ScErrorBlockStatusComponent, ScErrorHandlerComponent, ScFavoriteButtonComponent, ScFeedbackFormComponent, ScFeedbackForms, ScFormFieldsModule, ScFormatDatePipe, ScFrequentlyAskedQuestionsComponent, ScFrequentlyAskedQuestionsGroupSelectorComponent, ScFrequentlyAskedQuestionsWithGroupsComponent, ScGratitudeComponent, ScHelpNotificationService, ScInputQuantityComponent, ScLinks, ScManagerCardComponent, ScManagerCardPushComponent, ScNewContactFormComponent, ScNewContragentBankAccountsFormComponent, ScNewContragentFormComponent, ScNewsCardComponent, ScNewsCardSkeletonComponent, ScNewsModule, ScNextInputFocusDirective, ScNextInputFocusModule, ScNotifyWhenInStockDialogComponent, ScOrderItemMobileComponent, ScOrderModule, ScPaymentStatusComponent, ScPhoneFormatPipe, ScPreviewSampleComponent, ScPreviewSampleModule, ScPreviewSamplesMosquitoComponent, ScPriceCardComponent, ScPriceCardInlineComponent, ScPriceHistoryComponent, ScPriceListPaginationComponent, ScPriceWarehouseStockComponent, ScProfileAccordionsContentComponent, ScProfileModule, ScQRCodeDialogComponent, ScQRCodeModule, ScResetUserPasswordComponent, ScResourcePreviewComponent, ScShareButtonComponent, ScShareButtonModule, ScSignInFormByEmailComponent, ScSignInFormByPhoneComponent, ScSignInFormComponent, ScSignUpFormComponent, ScSimpleSignUpFormComponent, ScSuggestionFieldComponent, ScTelLinkDirective, ScTerminalLinkDirective, ScUpdateUserInfoDialogComponent, ScUserManagersComponent, ScUserModule, ScUserPhoneApproveDialogComponent, ScVerificationModule, ScVerificationPhoneCheckFormComponent, TreeDirective, TreeIconService, TreeLoaderService, TreeTopDirective, scBicValidator, scClientUiIconsName, scCorrespondentAccountValidator, scPasswordConfirmMatchingValidator, stepValidator, tuiDateValueTransformerDefaultProvider };
 //# sourceMappingURL=snabcentr-client-ui.mjs.map