@snabcentr/client-ui 3.29.2 → 3.31.0

package/fesm2022/snabcentr-client-ui.mjs

@@ -1,5 +1,5 @@
 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, effect, ContentChild, ViewChild, Optional, computed, forwardRef } 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, effect, ContentChild, ViewChild, Optional, computed, viewChild, 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 from 'rxjs';
@@ -11,41 +11,43 @@ import { toSignal, outputFromObservable, takeUntilDestroyed } from '@angular/cor
 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, TuiTextfield, TuiTitle, TuiHint, TuiFormatNumberPipe, TUI_MONTHS, TuiSurface, tuiFadeIn } 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, TuiTextfield, TuiTitle, TuiHint, TuiFormatNumberPipe, TuiNumberFormat, TUI_MONTHS, TuiSurface, tuiFadeIn } from '@taiga-ui/core';
 import { isValidPhoneNumber, getCountries } from 'libphonenumber-js';
 import * as i4 from '@taiga-ui/legacy/components/primitive-textfield';
-import * as i3 from '@taiga-ui/legacy';
+import * as i5 from '@taiga-ui/legacy';
 import { AbstractTuiControl, TuiInputModule, TuiTextfieldControllerModule, TuiComboBoxModule, TuiInputPhoneModule, TuiSelectModule, TuiInputPasswordModule, AbstractTuiNullableControl, TuiInputNumberComponent, TuiInputNumberModule, TuiIslandDirective, TuiTextareaModule } from '@taiga-ui/legacy';
-import { isNil } from 'lodash-es';
+import { isNil, isObject } from 'lodash-es';
 import * as i2$2 from '@angular/common';
 import { CommonModule, NgIf, AsyncPipe, NgFor, NgClass } from '@angular/common';
 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, TuiSortCountriesPipe, TuiCarousel, TuiPush, TuiCheckbox, TuiStepper, TuiBadge, TuiPreviewDialogService, TuiHighlight, TuiFiles, TuiTooltip, 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 { TuiPreview, TUI_DATE_VALUE_TRANSFORMER, TuiAvatar, TuiAccordionItem, TuiElasticContainer, TuiAccordion, TuiFieldErrorPipe, TuiFilterByInputPipe, TuiStringifyContentPipe, TuiDataListWrapper, TuiButtonLoading, TuiSortCountriesPipe, TuiCarousel, TuiPush, TuiCheckbox, TuiStepper, TuiBadge, TuiPreviewDialogService, TuiHighlight, TuiFiles, TuiChip, TuiInputNumber, TuiLineClamp, TuiTreeService, TuiTreeItemContent, TUI_TREE_START, TUI_TREE_CONTENT, TUI_TREE_LOADING, TUI_TREE_LOADER, TuiTree, tuiItemsHandlersProvider, TuiPagination, 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';
 import * as i11 from '@taiga-ui/experimental';
 import { TuiInputPhoneInternational } from '@taiga-ui/experimental';
-import * as i3$1 from '@taiga-ui/core/components/data-list';
+import * as i3 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 * as i3$1 from '@ng-web-apis/intersection-observer';
 import { IntersectionObserverService, WaIntersectionObserver } from '@ng-web-apis/intersection-observer';
 import * as i2$5 from '@angular/router';
 import { RouterModule, ActivatedRoute, RouterLink, Router, NavigationStart } from '@angular/router';
-import { TuiCurrencyPipe } from '@taiga-ui/addon-commerce';
+import { TuiCurrencyPipe, TuiAmountPipe } from '@taiga-ui/addon-commerce';
 import { WA_WINDOW } from '@ng-web-apis/common';
-import * as i1$3 from '@taiga-ui/layout';
-import { TuiCardLarge, TuiBlockStatus, TuiHeader } from '@taiga-ui/layout';
+import { TuiAppearance as TuiAppearance$1, TuiWithAppearance as TuiWithAppearance$1 } from '@taiga-ui/core/directives/appearance';
+import { TuiIcons as TuiIcons$1, TuiWithIcons as TuiWithIcons$1 } from '@taiga-ui/core/directives/icons';
 import { __decorate } from 'tslib';
-import * as i5 from '@taiga-ui/addon-charts';
+import * as i5$1 from '@taiga-ui/addon-charts';
 import { TuiLineDaysChart, TuiLineDaysChartHint, TuiAxes } from '@taiga-ui/addon-charts';
 import * as i9 from 'angular8-yandex-maps';
 import { AngularYandexMapsModule } from 'angular8-yandex-maps';
-import * as i3$3 from '@taiga-ui/kit/components/data-list-wrapper';
+import * as i1$3 from '@taiga-ui/layout';
+import { TuiBlockStatus, TuiCardLarge, TuiHeader } from '@taiga-ui/layout';
+import * as i3$2 from '@taiga-ui/kit/components/data-list-wrapper';
 import * as i4$2 from 'ng-recaptcha-2';
 import { RecaptchaFormsModule, RecaptchaModule, RecaptchaComponent } from 'ng-recaptcha-2';
 
@@ -832,6 +834,35 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 }]
         }] });
 
+/**
+ * Директива для обработки события фокуса поля ввода, для последующего выделения содержимого поля ввода.
+ */
+class ScSelectOnFocusinDirective {
+    /**
+     * Слушатель и обработчик события `focusin`.
+     *
+     * @param target Целевой объект события `focusin`.
+     */
+    // eslint-disable-next-line class-methods-use-this
+    onFocusIn(target) {
+        if (target instanceof HTMLInputElement) {
+            target.select();
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ScSelectOnFocusinDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: ScSelectOnFocusinDirective, isStandalone: true, selector: "tui-input-number, tui-input, tui-input-phone, tui-input-date, tui-input-password, input[tuiInputNumber]", host: { listeners: { "focusin": "onFocusIn($event.target)" } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ScSelectOnFocusinDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    standalone: true,
+                    selector: 'tui-input-number, tui-input, tui-input-phone, tui-input-date, tui-input-password, input[tuiInputNumber]',
+                    host: {
+                        '(focusin)': 'onFocusIn($event.target)',
+                    },
+                }]
+        }] });
+
 /**
  * Токен для обработчика QR кода менеджера.
  */
@@ -1121,7 +1152,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 }, pseudoInvalid: { classPropertyName: "pseudoInvalid", publicName: "pseudoInvalid", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, subtitle: { classPropertyName: "subtitle", publicName: "subtitle", 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                [ngModel]=\"phoneControl.value\"\n                (ngModelChange)=\"phoneControl.setValue($event || null)\"\n                [ngModelOptions]=\"{ standalone: true }\"\n                tuiInputPhoneInternational\n                [invalid]=\"pseudoInvalid()\"\n                [required]=\"required()\"\n                [readOnly]=\"readOnly()\"\n                [countrySearch]=\"true\"\n                [countries]=\"(countries | tuiSortCountries | async) || []\"\n                autocomplete=\"phone\"\n            />\n        </tui-textfield>\n        <p\n            *ngIf=\"subtitle()\"\n            class=\"text-body-s text-tui-text-tertiary\"\n        >\n            {{ subtitle() }}\n        </p>\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\n                formControlName=\"verificationCode\"\n                [required]=\"required()\"\n            >\n                \u041A\u043E\u0434 \u0438\u0437 \u0421\u041C\u0421\n                <input\n                    tuiAutoFocus\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.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i2$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["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: 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: "directive", type: i7.TuiAutoFocus, selector: "[tuiAutoFocus]", inputs: ["tuiAutoFocus"] }, { 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 }, pseudoInvalid: { classPropertyName: "pseudoInvalid", publicName: "pseudoInvalid", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, subtitle: { classPropertyName: "subtitle", publicName: "subtitle", 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                [ngModel]=\"phoneControl.value\"\n                (ngModelChange)=\"phoneControl.setValue($event || null)\"\n                [ngModelOptions]=\"{ standalone: true }\"\n                tuiInputPhoneInternational\n                [invalid]=\"pseudoInvalid()\"\n                [required]=\"required()\"\n                [readOnly]=\"readOnly()\"\n                [countrySearch]=\"true\"\n                [countries]=\"(countries | tuiSortCountries | async) || []\"\n                autocomplete=\"phone\"\n            />\n        </tui-textfield>\n        <p\n            *ngIf=\"subtitle()\"\n            class=\"text-body-s text-tui-text-tertiary\"\n        >\n            {{ subtitle() }}\n        </p>\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\n                formControlName=\"verificationCode\"\n                [required]=\"required()\"\n            >\n                \u041A\u043E\u0434 \u0438\u0437 \u0421\u041C\u0421\n                <input\n                    tuiAutoFocus\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.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i2$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["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: 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: 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: "directive", type: i7.TuiAutoFocus, selector: "[tuiAutoFocus]", inputs: ["tuiAutoFocus"] }, { 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,
@@ -1456,7 +1487,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: 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", "pseudoInvalid", "required", "subtitle", "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: 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", "pseudoInvalid", "required", "subtitle", "shouldBeBusy", "shouldBeConfirmed", "haveCode"], outputs: ["haveCodeChange", "isBusyChange", "isConfirmedChange"] }, { kind: "component", type: ScSuggestionFieldComponent, selector: "sc-suggestion-field", inputs: ["type"], outputs: ["selectedClick"] }, { kind: "directive", type: i3.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,
@@ -1587,7 +1618,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: 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 }); }
+    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: i5.TuiInputPasswordComponent, selector: "tui-input-password" }, { kind: "directive", type: i5.TuiInputPasswordDirective, selector: "tui-input-password" }, { kind: "component", type: i4.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 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ScSignInFormByEmailComponent, decorators: [{
             type: Component,
@@ -1887,7 +1918,7 @@ 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: "17.1.0", version: "18.2.13", type: ScAddressesSelectionFieldComponent, selector: "sc-addresses-selection-field", inputs: { canSelectCountry: { classPropertyName: "canSelectCountry", publicName: "canSelectCountry", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { canSelectCountry: "canSelectCountryChange" }, ngImport: i0, template: "<label\n    *ngIf=\"canSelectCountry()\"\n    tuiLabel\n    class=\"mb-2\"\n>\n    \u0421\u0442\u0440\u0430\u043D\u0430\n    <tui-combo-box\n        *tuiLet=\"(countries$ | async) ?? [] as countries\"\n        [formControl]=\"countryControl\"\n        [stringify]=\"stringify\"\n    >\n        \u0421\u0442\u0440\u0430\u043D\u0430\n        <input\n            tuiTextfieldLegacy\n            autocapitalize=\"off\"\n            autocomplete=\"off\"\n            autocorrect=\"off\"\n            autocomplete=\"new-password\"\n        />\n        <tui-data-list-wrapper\n            *tuiDataList\n            [itemContent]=\"stringify | tuiStringifyContent\"\n            [items]=\"countries | tuiFilterByInput\"\n        ></tui-data-list-wrapper>\n    </tui-combo-box>\n    <tui-error\n        [formControl]=\"countryControl\"\n        [error]=\"[] | tuiFieldError | async\"\n    ></tui-error>\n</label>\n<div class=\"grid items-start gap-4 sm:grid-cols-2\">\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                autocomplete=\"new-password\"\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                autocomplete=\"new-password\"\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 }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.13", type: ScAddressesSelectionFieldComponent, selector: "sc-addresses-selection-field", inputs: { canSelectCountry: { classPropertyName: "canSelectCountry", publicName: "canSelectCountry", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { canSelectCountry: "canSelectCountryChange" }, ngImport: i0, template: "<label\n    *ngIf=\"canSelectCountry()\"\n    tuiLabel\n    class=\"mb-2\"\n>\n    \u0421\u0442\u0440\u0430\u043D\u0430\n    <tui-combo-box\n        *tuiLet=\"(countries$ | async) ?? [] as countries\"\n        [formControl]=\"countryControl\"\n        [stringify]=\"stringify\"\n    >\n        \u0421\u0442\u0440\u0430\u043D\u0430\n        <input\n            tuiTextfieldLegacy\n            autocapitalize=\"off\"\n            autocomplete=\"off\"\n            autocorrect=\"off\"\n            autocomplete=\"new-password\"\n        />\n        <tui-data-list-wrapper\n            *tuiDataList\n            [itemContent]=\"stringify | tuiStringifyContent\"\n            [items]=\"countries | tuiFilterByInput\"\n        ></tui-data-list-wrapper>\n    </tui-combo-box>\n    <tui-error\n        [formControl]=\"countryControl\"\n        [error]=\"[] | tuiFieldError | async\"\n    ></tui-error>\n</label>\n<div class=\"grid items-start gap-4 sm:grid-cols-2\">\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                autocomplete=\"new-password\"\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                autocomplete=\"new-password\"\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.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 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ScAddressesSelectionFieldComponent, decorators: [{
             type: Component,
@@ -1948,7 +1979,7 @@ 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: "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 }); }
+    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: i5.TuiSelectComponent, selector: "tui-select", inputs: ["stringify", "identityMatcher", "valueContent"] }, { kind: "directive", type: i5.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.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 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ScNewContragentBankAccountsFormComponent, decorators: [{
             type: Component,
@@ -2165,7 +2196,7 @@ class ScNewContragentFormComponent {
         return this.locationsService.getCountries$().pipe(map((countries) => countries.find((country) => country.id === countryId)?.name ?? ''));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "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\n    @let nameLabel = opfListEnum[selectOpf] === opfListEnum.individual ? '\u0424.\u0418.\u041E.' : '\u041D\u0430\u0437\u0432\u0430\u043D\u0438\u0435 \u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0446\u0438\u0438';\n    <label tuiLabel>\n        {{ nameLabel }}\n        <tui-input formControlName=\"name\">\n            @if (opfListEnum[selectOpf] === opfListEnum.individual) {\n                {{ nameLabel }}\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                @if (opfListEnum[selectOpf] !== opfListEnum.non_resident_legal) {\n                    <sc-suggestion-field\n                        *tuiDataList\n                        [type]=\"suggestionType.organization\"\n                    />\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.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.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\n    @if (opfListEnum[selectOpf] === opfListEnum.non_resident_legal) {\n        @let countries = countries$ | async;\n        @let countriesId = countriesId$ | async;\n\n        <label\n            *ngIf=\"countries\"\n            tuiLabel\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-combo-box\n                formControlName=\"registrationCountryId\"\n                [stringify]=\"stringify(countries ?? [])\"\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                <input\n                    tuiTextfieldLegacy\n                    autocapitalize=\"off\"\n                    autocomplete=\"off\"\n                    autocorrect=\"off\"\n                    autocomplete=\"new-password\"\n                />\n                <tui-data-list-wrapper\n                    *tuiDataList\n                    [itemContent]=\"stringify(countries ?? []) | tuiStringifyContent\"\n                    [items]=\"countriesId | tuiFilterByInput\"\n                />\n            </tui-combo-box>\n            <ng-template\n                #CountryContent\n                let-data\n            >\n                <div>{{ (getCountryNameById$(data) | async) ?? '' }}</div>\n            </ng-template>\n            <tui-error\n                formControlName=\"registrationCountryId\"\n                [error]=\"[] | tuiFieldError | async\"\n            />\n        </label>\n        <ng-template #selectLoading> <tui-loader /> </ng-template>\n        <label tuiLabel>\n            \u0420\u0435\u0433\u0438\u0441\u0442\u0440\u0430\u0446\u0438\u043E\u043D\u043D\u044B\u0439 \u043D\u043E\u043C\u0435\u0440 \u044E\u0440\u0438\u0434\u0438\u0447\u0435\u0441\u043A\u043E\u0433\u043E \u043B\u0438\u0446\u0430\n            <tui-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.TuiLoader, selector: "tui-loader", inputs: ["size", "inheritColor", "overlay", "textContent", "showLoader"] }, { 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: "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: "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: "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: "pipe", type: i2$2.AsyncPipe, name: "async" }, { kind: "pipe", type: i2$1.TuiFieldErrorPipe, name: "tuiFieldError" }, { kind: "pipe", type: i2$1.TuiStringifyContentPipe, name: "tuiStringifyContent" }, { kind: "pipe", type: i2$1.TuiFilterByInputPipe, name: "tuiFilterByInput" }], 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\n    @let nameLabel = opfListEnum[selectOpf] === opfListEnum.individual ? '\u0424.\u0418.\u041E.' : '\u041D\u0430\u0437\u0432\u0430\u043D\u0438\u0435 \u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0446\u0438\u0438';\n    <label tuiLabel>\n        {{ nameLabel }}\n        <tui-input formControlName=\"name\">\n            @if (opfListEnum[selectOpf] === opfListEnum.individual) {\n                {{ nameLabel }}\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                @if (opfListEnum[selectOpf] !== opfListEnum.non_resident_legal) {\n                    <sc-suggestion-field\n                        *tuiDataList\n                        [type]=\"suggestionType.organization\"\n                    />\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.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.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\n    @if (opfListEnum[selectOpf] === opfListEnum.non_resident_legal) {\n        @let countries = countries$ | async;\n        @let countriesId = countriesId$ | async;\n\n        <label\n            *ngIf=\"countries\"\n            tuiLabel\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-combo-box\n                formControlName=\"registrationCountryId\"\n                [stringify]=\"stringify(countries ?? [])\"\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                <input\n                    tuiTextfieldLegacy\n                    autocapitalize=\"off\"\n                    autocomplete=\"off\"\n                    autocorrect=\"off\"\n                    autocomplete=\"new-password\"\n                />\n                <tui-data-list-wrapper\n                    *tuiDataList\n                    [itemContent]=\"stringify(countries ?? []) | tuiStringifyContent\"\n                    [items]=\"countriesId | tuiFilterByInput\"\n                />\n            </tui-combo-box>\n            <ng-template\n                #CountryContent\n                let-data\n            >\n                <div>{{ (getCountryNameById$(data) | async) ?? '' }}</div>\n            </ng-template>\n            <tui-error\n                formControlName=\"registrationCountryId\"\n                [error]=\"[] | tuiFieldError | async\"\n            />\n        </label>\n        <ng-template #selectLoading> <tui-loader /> </ng-template>\n        <label tuiLabel>\n            \u0420\u0435\u0433\u0438\u0441\u0442\u0440\u0430\u0446\u0438\u043E\u043D\u043D\u044B\u0439 \u043D\u043E\u043C\u0435\u0440 \u044E\u0440\u0438\u0434\u0438\u0447\u0435\u0441\u043A\u043E\u0433\u043E \u043B\u0438\u0446\u0430\n            <tui-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.TuiLoader, selector: "tui-loader", inputs: ["size", "inheritColor", "overlay", "textContent", "showLoader"] }, { 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: i4.TuiTextfieldComponent, selector: "input[tuiTextfieldLegacy], textarea[tuiTextfieldLegacy]" }, { kind: "component", type: i1$1.TuiDataListComponent, selector: "tui-data-list", inputs: ["emptyContent", "size"] }, { kind: "directive", type: i3.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: "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: "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: "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: "pipe", type: i2$2.AsyncPipe, name: "async" }, { kind: "pipe", type: i2$1.TuiFieldErrorPipe, name: "tuiFieldError" }, { kind: "pipe", type: i2$1.TuiStringifyContentPipe, name: "tuiStringifyContent" }, { kind: "pipe", type: i2$1.TuiFilterByInputPipe, name: "tuiFilterByInput" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ScNewContragentFormComponent, decorators: [{
             type: Component,
@@ -2194,7 +2225,7 @@ class ScNewContactFormComponent {
         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            />\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 }); }
+    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.TuiDataListDirective, selector: "ng-template[tuiDataList]" }, { kind: "directive", type: i4$1.TuiLabel, selector: "label[tuiLabel]" }, { kind: "component", type: i5.TuiInputComponent, selector: "tui-input" }, { kind: "directive", type: i5.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,
@@ -2503,7 +2534,7 @@ 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    *ngIf=\"opfControl.value as selectOpf\"\n    [formGroup]=\"form\"\n    (ngSubmit)=\"onSubmit.next()\"\n    class=\"flex flex-col gap-5\"\n>\n    <ng-container *tuiLet=\"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\n            @let nameLabel = opfListEnum[selectOpf] === opfListEnum.individual ? '\u0424.\u0418.\u041E.' : '\u041D\u0430\u0437\u0432\u0430\u043D\u0438\u0435 \u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0446\u0438\u0438';\n            <label tuiLabel>\n                {{ nameLabel }}\n                <tui-input formControlName=\"name\">\n                    @if (opfListEnum[selectOpf] === opfListEnum.individual) {\n                        {{ nameLabel }}\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                        @if (opfListEnum[selectOpf] !== opfListEnum.non_resident_legal) {\n                            <sc-suggestion-field\n                                *tuiDataList\n                                [type]=\"suggestionType.organization\"\n                                (selectedClick)=\"onSelectedOrganization($event)\"\n                            />\n                        }\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 [canSelectCountry]=\"opfListEnum[selectOpf] === opfListEnum.non_resident_legal\" />\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", "pseudoInvalid", "required", "subtitle", "shouldBeBusy", "shouldBeConfirmed", "haveCode"], outputs: ["haveCodeChange", "isBusyChange", "isConfirmedChange"] }, { kind: "component", type: ScAddressesSelectionFieldComponent, selector: "sc-addresses-selection-field", inputs: ["canSelectCountry"], outputs: ["canSelectCountryChange"] }, { kind: "component", type: ScSuggestionFieldComponent, selector: "sc-suggestion-field", inputs: ["type"], outputs: ["selectedClick"] }, { kind: "component", type: 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 }); }
+    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    *ngIf=\"opfControl.value as selectOpf\"\n    [formGroup]=\"form\"\n    (ngSubmit)=\"onSubmit.next()\"\n    class=\"flex flex-col gap-5\"\n>\n    <ng-container *tuiLet=\"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\n            @let nameLabel = opfListEnum[selectOpf] === opfListEnum.individual ? '\u0424.\u0418.\u041E.' : '\u041D\u0430\u0437\u0432\u0430\u043D\u0438\u0435 \u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0446\u0438\u0438';\n            <label tuiLabel>\n                {{ nameLabel }}\n                <tui-input formControlName=\"name\">\n                    @if (opfListEnum[selectOpf] === opfListEnum.individual) {\n                        {{ nameLabel }}\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                        @if (opfListEnum[selectOpf] !== opfListEnum.non_resident_legal) {\n                            <sc-suggestion-field\n                                *tuiDataList\n                                [type]=\"suggestionType.organization\"\n                                (selectedClick)=\"onSelectedOrganization($event)\"\n                            />\n                        }\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 [canSelectCountry]=\"opfListEnum[selectOpf] === opfListEnum.non_resident_legal\" />\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: i5.TuiInputPasswordComponent, selector: "tui-input-password" }, { kind: "directive", type: i5.TuiInputPasswordDirective, selector: "tui-input-password" }, { kind: "component", type: i4.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", "pseudoInvalid", "required", "subtitle", "shouldBeBusy", "shouldBeConfirmed", "haveCode"], outputs: ["haveCodeChange", "isBusyChange", "isConfirmedChange"] }, { kind: "component", type: ScAddressesSelectionFieldComponent, selector: "sc-addresses-selection-field", inputs: ["canSelectCountry"], outputs: ["canSelectCountryChange"] }, { kind: "component", type: ScSuggestionFieldComponent, selector: "sc-suggestion-field", inputs: ["type"], outputs: ["selectedClick"] }, { kind: "component", type: i3.TuiDataListComponent, selector: "tui-data-list", inputs: ["emptyContent", "size"] }, { kind: "directive", type: i3.TuiDataListDirective, selector: "ng-template[tuiDataList]" }, { kind: "component", type: i3.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", "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,
@@ -2639,7 +2670,7 @@ class ScFormFieldsModule {
             TuiLet,
             TuiFieldErrorPipe,
             TuiError, i1$1.TuiDataListComponent, i1$1.TuiDataListDirective, i1$1.TuiOption, i1$1.TuiOptionNew, i1$1.TuiOptionWithValue, i1$1.TuiOptGroup, TuiLoader,
-            TuiComboBoxModule, i2$1.TuiDataListWrapperComponent, i2$1.TuiDataListGroupWrapperComponent, i3$1.TuiDataListDirective, TuiFilterByInputPipe,
+            TuiComboBoxModule, i2$1.TuiDataListWrapperComponent, i2$1.TuiDataListGroupWrapperComponent, i3.TuiDataListDirective, TuiFilterByInputPipe,
             TuiStringifyContentPipe,
             TuiInputPhoneModule,
             TuiButton,
@@ -2801,7 +2832,7 @@ class ScContactsModule {
             ScFormFieldsModule,
             MaskitoDirective,
             TuiFieldErrorPipe,
-            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,
+            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.TuiDataListDirective, TuiLabel,
             TuiInputModule,
             TuiInputPhoneModule,
             TuiError, ScTelLinkDirective, ScEmailLinkDirective, ScPhoneFormatPipe, TuiButtonLoading,
@@ -3314,7 +3345,7 @@ class ScContragentsModule {
             ScContactsModule,
             TuiFieldErrorPipe,
             TuiError,
-            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,
+            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.TuiDataListDirective, TuiLabel,
             TuiInputModule,
             TuiInputPhoneModule,
             MaskitoDirective,
@@ -3482,7 +3513,7 @@ class ScAuthModule {
             MaskitoDirective,
             ScVerificationModule,
             ScFormFieldsModule, i1$1.TuiDataListComponent, i1$1.TuiDataListDirective, i1$1.TuiOption, i1$1.TuiOptionNew, i1$1.TuiOptionWithValue, i1$1.TuiOptGroup, TuiCheckbox,
-            TuiElasticContainer, i2$1.TuiDataListWrapperComponent, i2$1.TuiDataListGroupWrapperComponent, i3$1.TuiDataListDirective, TuiSelectModule,
+            TuiElasticContainer, i2$1.TuiDataListWrapperComponent, i2$1.TuiDataListGroupWrapperComponent, i3.TuiDataListDirective, TuiSelectModule,
             ScContragentsModule,
             ScContactsModule, i2$1.TuiStepperComponent, i2$1.TuiStep, TuiRepeatTimes,
             TuiButtonLoading], exports: [ScSignInFormComponent, ScSignInFormByPhoneComponent, ScSignInFormByEmailComponent, ScSignUpFormComponent, ScSimpleSignUpFormComponent] }); }
@@ -3664,7 +3695,7 @@ class ScBannerComponent {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ScBannerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'sc-banner', providers: [IntersectionObserverService], host: { ngSkipHydration: 'true' }, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *tuiLet=\"banners$ | async\">\n    <tui-carousel\n        [duration]=\"duration\"\n        #carousel\n        [attr.resizable]=\"resizable\"\n        class=\"size-full overflow-hidden rounded-xl bg-white\"\n        [(index)]=\"currentBannerId\"\n    >\n        <ng-container *ngFor=\"let banner of banners; let index = index\">\n            <ng-container [ngSwitch]=\"banner.mediaType\">\n                <ng-container *ngSwitchCase=\"'image'\">\n                    <a\n                        *tuiItem\n                        (click)=\"onClick(banner)\"\n                        target=\"_blank\"\n                        [title]=\"banner.title\"\n                        [style.aspect-ratio]=\"aspectRatio\"\n                        [attr.href]=\"banner.url ? banner.url : null\"\n                        [style.background-image]=\"'url(' + banner.mediaFile + ')'\"\n                        class=\"size-full bg-[length:100%_100%]\"\n                    >\n                    </a>\n                </ng-container>\n            </ng-container>\n        </ng-container>\n        <ng-container *ngFor=\"let item of bannersListRef\">\n            <div\n                *tuiItem\n                [style.aspect-ratio]=\"aspectRatio\"\n                class=\"size-full overflow-hidden\"\n            >\n                <ng-container [ngTemplateOutlet]=\"item\"></ng-container>\n            </div>\n        </ng-container>\n    </tui-carousel>\n\n    <div\n        *ngIf=\"navigateButton && duration && this.banners && this.bannersListRef.length + this.banners.length > 1\"\n        tuiTheme=\"light\"\n        class=\"flex items-center\"\n    >\n        <button\n            tuiIconButton\n            iconStart=\"@tui.chevron-left\"\n            size=\"m\"\n            [style.border-radius.%]=\"100\"\n            appearance=\"flat\"\n            (click)=\"carousel.prev()\"\n            class=\"!absolute left-2\"\n        ></button>\n        <button\n            tuiIconButton\n            iconStart=\"@tui.chevron-right\"\n            size=\"m\"\n            [style.border-radius.%]=\"100\"\n            appearance=\"flat\"\n            (click)=\"carousel.next()\"\n            class=\"!absolute right-2\"\n        ></button>\n    </div>\n</ng-container>\n", styles: [":host{--tui-carousel-padding: 0;display:flex;position:relative}::ng-deep tui-carousel[resizable=true] .t-scroller,::ng-deep tui-carousel[resizable=true] .t-items{width:100%;height:100%}\n"] }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i1.ScBannerService }, { type: i3$2.IntersectionObserverService, decorators: [{
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i1.ScBannerService }, { type: i3$1.IntersectionObserverService, decorators: [{
                     type: Inject,
                     args: [IntersectionObserverService]
                 }] }, { type: i0.ElementRef, decorators: [{
@@ -3698,7 +3729,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
  */
 class ScBannerModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ScBannerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: ScBannerModule, declarations: [ScBannerComponent], imports: [CommonModule, RouterModule, TuiButton, i1$2.TuiItem, i2$1.TuiCarouselComponent, i2$1.TuiCarouselDirective, i2$1.TuiCarouselAutoscroll, i2$1.TuiCarouselButtons, i2$1.TuiCarouselScroll, TuiLoader, i3$2.WaIntersectionObserverDirective, i3$2.WaIntersectionObservee, i3$2.WaIntersectionRoot, TuiLet], exports: [ScBannerComponent] }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: ScBannerModule, declarations: [ScBannerComponent], imports: [CommonModule, RouterModule, TuiButton, i1$2.TuiItem, i2$1.TuiCarouselComponent, i2$1.TuiCarouselDirective, i2$1.TuiCarouselAutoscroll, i2$1.TuiCarouselButtons, i2$1.TuiCarouselScroll, TuiLoader, i3$1.WaIntersectionObserverDirective, i3$1.WaIntersectionObservee, i3$1.WaIntersectionRoot, TuiLet], exports: [ScBannerComponent] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ScBannerModule, imports: [CommonModule, RouterModule, i2$1.TuiCarouselComponent, TuiLoader] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ScBannerModule, decorators: [{
@@ -4009,7 +4040,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: 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 }); }
+    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: 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,
@@ -4252,6 +4283,243 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
             args: [{ standalone: true, selector: 'sc-car-add-products-from-csv-dialog', imports: [TuiLink, TuiLoader, TuiFiles, ReactiveFormsModule, NgIf, TuiButton, TuiButtonLoading], changeDetection: ChangeDetectionStrategy.OnPush, 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" }]
         }] });
 
+/* eslint-disable sonarjs/no-nested-template-literals,@typescript-eslint/unbound-method */
+/**
+ * Компонент добавления / изменения товара в корзине.
+ */
+class ScAddOrEditingCartItemFormComponent {
+    constructor() {
+        /**
+         * Группа полей добавления / изменения товара в корзине.
+         */
+        this.form = new FormGroup({
+            quantity: new FormControl(null, Validators.required),
+            marker: new FormControl(''),
+        });
+        /**
+         * Данные о товаре.
+         */
+        this.product = input.required();
+        /**
+         * Данные о товаре в корзине.
+         */
+        this.cartItem = input();
+        /**
+         * Признак загрузки данных.
+         */
+        this.isLoading = input(false);
+        /**
+         * Признак возможности продажи товара на метраж.
+         */
+        this.productIsMeasurable = computed(() => this.unitsHelper.productIsMeasurable(this.product()));
+        /**
+         * Кратность количества для товара.
+         */
+        this.productMultiplicity = computed(() => this.unitsHelper.productMultiplicity(this.product()));
+        /**
+         * Минимальный метраж для товара.
+         */
+        this.minLength = computed(() => this.cartItem()?.length ?? this.product().properties?.minLength ?? (this.product().ignoreMinCountCheck ? 0 : this.product().minCount) ?? 1);
+        /**
+         * Максимальный метраж для товара.
+         */
+        this.maxLength = computed(() => this.product().properties?.maxLength);
+        /**
+         * Шаг изменения метража.
+         */
+        this.lengthStep = computed(() => this.product().properties?.lengthStep ?? (this.product().ignoreMinCountCheck ? 0 : this.product().minCount));
+        /**
+         * Подсказка по минимальному и максимальному метражу товара.
+         */
+        this.lengthHint = computed(() => {
+            const min = this.minLength();
+            const max = this.maxLength();
+            // eslint-disable-next-line sonarjs/no-nested-conditional, @typescript-eslint/no-unnecessary-condition
+            return (min ?? max) ? `(${min ? `от ${min}` : ''}${min && max ? ' ' : ''}${max ? `до ${max}` : ''} ${this.product().unit})` : '';
+        });
+        /**
+         * Итоговая стоимость заказа.
+         */
+        this.totalCost = toSignal(combineLatest({
+            // eslint-disable-next-line unicorn/explicit-length-check
+            length: this.form.controls.length ? tuiControlValue(this.form.controls.length) : of(1),
+            quantity: tuiControlValue(this.form.controls.quantity),
+        }).pipe(debounceTime(0), // Исправляем ошибку NG0950.
+        map(({ length, quantity }) => (this.product().costRub ?? 0) * length * quantity), map((sum) => Math.round(sum * 100) / 100)));
+        /**
+         * {@link Output} события добавления товара в корзину.
+         */
+        this.addToCart = output();
+        /**
+         * {@link Output} события редактирования товара в корзине.
+         */
+        this.editCartItem = output();
+        /**
+         * Объект-помощник для работы со значениями единиц измерения товара.
+         */
+        this.unitsHelper = inject(ScUnitsHelper);
+        /**
+         * Сервис для сбора метрик о действиях пользователей.
+         */
+        this.userMetrikaService = inject(ScUserMetrikaService);
+        /**
+         * Сервис конвертации данных.
+         */
+        this.convertersService = inject(ScConvertersService);
+    }
+    /** @inheritDoc */
+    ngOnInit() {
+        if (this.productIsMeasurable()) {
+            this.form.addControl('length', new FormControl(this.minLength(), [Validators.required, Validators.min(0.01)]));
+        }
+        this.form.patchValue({
+            quantity: this.cartItem()?.quantity ?? this.unitsHelper.productMultiplicity(this.product()),
+        });
+        this.form.controls.quantity.addValidators(stepValidator(this.unitsHelper.productStepForValidator(this.product())));
+        this.form.controls.length?.addValidators(stepValidator(this.product().properties?.lengthStep ?? (this.product().ignoreMinCountCheck ? 0 : (this.product().minCount ?? 0))));
+        this.userMetrikaService.emitUserMetrikaEvent({
+            target: ScUserMetrikaGoalsEnum.cartItemAddShow,
+            params: { product_id: this.product().id },
+        });
+    }
+    /**
+     * Обработчик события шага метража.
+     *
+     * @param step Шаг.
+     */
+    onStepLength(step) {
+        // eslint-disable-next-line unicorn/explicit-length-check
+        if (!this.productIsMeasurable() || !this.form.controls.length) {
+            return;
+        }
+        const length = this.form.controls.length.value ?? 0;
+        this.form.controls.length.setValue(Math.max(this.minLength(), length - (length % step) + step));
+    }
+    /**
+     * Обработчик события шага количества.
+     *
+     * @param step Шаг.
+     */
+    onStepQuantity(step) {
+        const quantity = this.form.controls.quantity.value ?? 0;
+        this.form.controls.quantity.setValue(Math.max(this.productMultiplicity(), quantity - (quantity % step) + step));
+    }
+    /**
+     * Обработчик события отправки формы.
+     */
+    onSubmit() {
+        const value = this.convertersService.removeNull(this.form.value);
+        if (!this.cartItem()) {
+            value.productId = this.product().id;
+        }
+        const step = this.lengthStep();
+        if (this.productIsMeasurable() && step) {
+            value.quantity = Math.round(value.quantity * (value.length / step));
+            value.length = step;
+        }
+        tuiMarkControlAsTouchedAndValidate(this.form);
+        if (this.cartItem()) {
+            this.editCartItem.emit(value);
+        }
+        else {
+            this.addToCart.emit(value);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ScAddOrEditingCartItemFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.13", type: ScAddOrEditingCartItemFormComponent, isStandalone: true, selector: "sc-add-or-editing-cart-item-form", inputs: { product: { classPropertyName: "product", publicName: "product", isSignal: true, isRequired: true, transformFunction: null }, cartItem: { classPropertyName: "cartItem", publicName: "cartItem", isSignal: true, isRequired: false, transformFunction: null }, isLoading: { classPropertyName: "isLoading", publicName: "isLoading", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { addToCart: "addToCart", editCartItem: "editCartItem" }, ngImport: i0, template: "<!-- \u0424\u043E\u0440\u043C\u0430 \u0434\u043E\u0431\u0430\u0432\u043B\u0435\u043D\u0438\u044F \u0438\u0437\u043C\u0435\u0440\u044F\u0435\u043C\u043E\u0433\u043E \u0442\u043E\u0432\u0430\u0440\u0430. -->\n<form\n    *ngIf=\"product\"\n    [formGroup]=\"form\"\n    (ngSubmit)=\"onSubmit()\"\n    ScNextInputFocus\n    class=\"flex flex-col gap-2\"\n>\n    <!-- \u0414\u043B\u0438\u043D\u0430 \u0442\u043E\u0432\u0430\u0440\u0430 (\u043C\u0435\u0442\u0440\u0430\u0436) -->\n    <label\n        *ngIf=\"productIsMeasurable()\"\n        tuiLabel\n    >\n        \u041C\u0435\u0442\u0440\u0430\u0436, {{ product().unit }} {{ lengthHint() }}\n\n        <tui-textfield>\n            <input\n                tuiInputNumber\n                formControlName=\"length\"\n                [tuiNumberFormat]=\"{ precision: 2 }\"\n                [max]=\"maxLength() || null\"\n                [min]=\"minLength() || null\"\n                (keydown.arrowDown)=\"onStepLength(-(lengthStep() ?? 0.01))\"\n                (keydown.arrowUp)=\"onStepLength(lengthStep() ?? 0.01)\"\n                autocomplete=\"length\"\n            />\n        </tui-textfield>\n        <tui-error\n            formControlName=\"length\"\n            [error]=\"[] | tuiFieldError | async\"\n        />\n        <p\n            *ngIf=\"lengthStep()\"\n            class=\"tui-form__field-note\"\n        >\n            \u041C\u0435\u0442\u0440\u0430\u0436 \u0434\u043E\u043B\u0436\u0435\u043D \u0431\u044B\u0442\u044C \u043A\u0440\u0430\u0442\u0435\u043D {{ lengthStep() }}\n        </p>\n    </label>\n\n    <!-- \u041A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E \u0442\u043E\u0432\u0430\u0440\u0430 -->\n    <label tuiLabel>\n        \u041A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E, \u0448\u0442.\n        <tui-textfield>\n            @let step = lengthStep();\n            <tui-chip\n                *ngIf=\"productMultiplicity() && step\"\n                size=\"s\"\n                appearance=\"negative\"\n                class=\"font-bold\"\n            >\n                x {{ step }} {{ product().unit }}\n            </tui-chip>\n\n            <input\n                placeholder=\"\u041A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E\"\n                tuiInputNumber\n                [tuiNumberFormat]=\"{ decimalMode: 'not-zero' }\"\n                [min]=\"productMultiplicity()\"\n                (keydown.arrowDown)=\"onStepQuantity(-productMultiplicity())\"\n                (keydown.arrowUp)=\"onStepQuantity(productMultiplicity())\"\n                formControlName=\"quantity\"\n                autocomplete=\"quantity\"\n            />\n        </tui-textfield>\n        <p class=\"tui-form__field-note\">\u041A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E \u0434\u043E\u043B\u0436\u043D\u043E \u0431\u044B\u0442\u044C \u043A\u0440\u0430\u0442\u043D\u043E {{ productMultiplicity() }}</p>\n        <tui-error\n            formControlName=\"quantity\"\n            [error]=\"[] | tuiFieldError | async\"\n        />\n    </label>\n\n    <!-- \u041C\u0430\u0440\u043A\u0438\u0440\u043E\u0432\u043A\u0430 -->\n    <label tuiLabel>\n        \u041C\u0430\u0440\u043A\u0438\u0440\u043E\u0432\u043A\u0430\n        <tui-input formControlName=\"marker\">\n            \u041C\u0430\u0440\u043A\u0438\u0440\u043E\u0432\u043A\u0430\n            <input\n                tuiTextfieldLegacy\n                autocomplete=\"marker\"\n            />\n        </tui-input>\n        <tui-error\n            formControlName=\"marker\"\n            [error]=\"[] | tuiFieldError | async\"\n        />\n    </label>\n\n    <!-- \u041A\u043D\u043E\u043F\u043A\u0430 \u0434\u043E\u0431\u0430\u0432\u043B\u0435\u043D\u0438\u044F / \u0440\u0435\u0434\u0430\u043A\u0442\u0438\u0440\u043E\u0432\u0430\u043D\u0438\u044F \u0442\u043E\u0432\u0430\u0440\u0430 \u0432 \u043A\u043E\u0440\u0437\u0438\u043D\u0443 -->\n    <div class=\"flex flex-col items-center\">\n        @let cost = totalCost();\n\n        <div *ngIf=\"cost\">\n            \u0418\u0442\u043E\u0433\u043E:<span class=\"text-2xl font-bold\">\n                {{ cost | tuiAmount: 'RUB' | async }}\n                {{ product().currency }}</span\n            >\n        </div>\n\n        <!-- \u041A\u043D\u043E\u043F\u043A\u0430 \u0434\u043E\u0431\u0430\u0432\u043B\u0435\u043D\u0438\u044F / \u0440\u0435\u0434\u0430\u043A\u0442\u0438\u0440\u043E\u0432\u0430\u043D\u0438\u044F \u0442\u043E\u0432\u0430\u0440\u0430 \u0432 \u043A\u043E\u0440\u0437\u0438\u043D\u0443 -->\n        <button\n            tuiButton\n            iconStart=\"@tui.check\"\n            [disabled]=\"form.invalid\"\n            [loading]=\"isLoading()\"\n            type=\"submit\"\n            class=\"mt-2\"\n        >\n            {{ cartItem() ? '\u0418\u0437\u043C\u0435\u043D\u0438\u0442\u044C' : '\u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u0432 \u043A\u043E\u0440\u0437\u0438\u043D\u0443' }}\n        </button>\n    </div>\n</form>\n", dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { 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: "ngmodule", type: ScNextInputFocusModule }, { kind: "directive", type: ScNextInputFocusDirective, selector: "form[ScNextInputFocus]" }, { 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: "directive", type: TuiLabel, selector: "label[tuiLabel]" }, { kind: "directive", type: ScSelectOnFocusinDirective, selector: "tui-input-number, tui-input, tui-input-phone, tui-input-date, tui-input-password, input[tuiInputNumber]" }, { kind: "directive", type: TuiNumberFormat, selector: "[tuiNumberFormat]", inputs: ["tuiNumberFormat"] }, { kind: "component", type: TuiError, selector: "tui-error", inputs: ["error"] }, { kind: "ngmodule", type: TuiInputModule }, { kind: "component", type: i5.TuiInputComponent, selector: "tui-input" }, { kind: "directive", type: i5.TuiInputDirective, selector: "tui-input" }, { kind: "component", type: i4.TuiTextfieldComponent, selector: "input[tuiTextfieldLegacy], textarea[tuiTextfieldLegacy]" }, { 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: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: TuiFieldErrorPipe, name: "tuiFieldError" }, { kind: "directive", type: i2$1.TuiInputNumberDirective, selector: "input[tuiInputNumber]", inputs: ["min", "max", "prefix", "postfix"] }, { kind: "component", type: i1$1.TuiTextfieldComponent, selector: "tui-textfield", inputs: ["content", "filler"] }, { kind: "pipe", type: TuiAmountPipe, name: "tuiAmount" }, { kind: "directive", type: TuiChip, selector: "tui-chip,[tuiChip]", inputs: ["size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ScAddOrEditingCartItemFormComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: 'sc-add-or-editing-cart-item-form', imports: [
+                        NgIf,
+                        FormsModule,
+                        ScNextInputFocusModule,
+                        ReactiveFormsModule,
+                        TuiLabel,
+                        ScSelectOnFocusinDirective,
+                        TuiNumberFormat,
+                        TuiError,
+                        TuiInputModule,
+                        TuiAppearance$1,
+                        TuiWithAppearance$1,
+                        TuiIcons$1,
+                        TuiWithIcons$1,
+                        TuiButton,
+                        TuiButtonLoading,
+                        AsyncPipe,
+                        TuiFieldErrorPipe,
+                        TuiInputNumber,
+                        TuiNumberFormat,
+                        TuiTextfield,
+                        TuiAmountPipe,
+                        TuiChip,
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<!-- \u0424\u043E\u0440\u043C\u0430 \u0434\u043E\u0431\u0430\u0432\u043B\u0435\u043D\u0438\u044F \u0438\u0437\u043C\u0435\u0440\u044F\u0435\u043C\u043E\u0433\u043E \u0442\u043E\u0432\u0430\u0440\u0430. -->\n<form\n    *ngIf=\"product\"\n    [formGroup]=\"form\"\n    (ngSubmit)=\"onSubmit()\"\n    ScNextInputFocus\n    class=\"flex flex-col gap-2\"\n>\n    <!-- \u0414\u043B\u0438\u043D\u0430 \u0442\u043E\u0432\u0430\u0440\u0430 (\u043C\u0435\u0442\u0440\u0430\u0436) -->\n    <label\n        *ngIf=\"productIsMeasurable()\"\n        tuiLabel\n    >\n        \u041C\u0435\u0442\u0440\u0430\u0436, {{ product().unit }} {{ lengthHint() }}\n\n        <tui-textfield>\n            <input\n                tuiInputNumber\n                formControlName=\"length\"\n                [tuiNumberFormat]=\"{ precision: 2 }\"\n                [max]=\"maxLength() || null\"\n                [min]=\"minLength() || null\"\n                (keydown.arrowDown)=\"onStepLength(-(lengthStep() ?? 0.01))\"\n                (keydown.arrowUp)=\"onStepLength(lengthStep() ?? 0.01)\"\n                autocomplete=\"length\"\n            />\n        </tui-textfield>\n        <tui-error\n            formControlName=\"length\"\n            [error]=\"[] | tuiFieldError | async\"\n        />\n        <p\n            *ngIf=\"lengthStep()\"\n            class=\"tui-form__field-note\"\n        >\n            \u041C\u0435\u0442\u0440\u0430\u0436 \u0434\u043E\u043B\u0436\u0435\u043D \u0431\u044B\u0442\u044C \u043A\u0440\u0430\u0442\u0435\u043D {{ lengthStep() }}\n        </p>\n    </label>\n\n    <!-- \u041A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E \u0442\u043E\u0432\u0430\u0440\u0430 -->\n    <label tuiLabel>\n        \u041A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E, \u0448\u0442.\n        <tui-textfield>\n            @let step = lengthStep();\n            <tui-chip\n                *ngIf=\"productMultiplicity() && step\"\n                size=\"s\"\n                appearance=\"negative\"\n                class=\"font-bold\"\n            >\n                x {{ step }} {{ product().unit }}\n            </tui-chip>\n\n            <input\n                placeholder=\"\u041A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E\"\n                tuiInputNumber\n                [tuiNumberFormat]=\"{ decimalMode: 'not-zero' }\"\n                [min]=\"productMultiplicity()\"\n                (keydown.arrowDown)=\"onStepQuantity(-productMultiplicity())\"\n                (keydown.arrowUp)=\"onStepQuantity(productMultiplicity())\"\n                formControlName=\"quantity\"\n                autocomplete=\"quantity\"\n            />\n        </tui-textfield>\n        <p class=\"tui-form__field-note\">\u041A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E \u0434\u043E\u043B\u0436\u043D\u043E \u0431\u044B\u0442\u044C \u043A\u0440\u0430\u0442\u043D\u043E {{ productMultiplicity() }}</p>\n        <tui-error\n            formControlName=\"quantity\"\n            [error]=\"[] | tuiFieldError | async\"\n        />\n    </label>\n\n    <!-- \u041C\u0430\u0440\u043A\u0438\u0440\u043E\u0432\u043A\u0430 -->\n    <label tuiLabel>\n        \u041C\u0430\u0440\u043A\u0438\u0440\u043E\u0432\u043A\u0430\n        <tui-input formControlName=\"marker\">\n            \u041C\u0430\u0440\u043A\u0438\u0440\u043E\u0432\u043A\u0430\n            <input\n                tuiTextfieldLegacy\n                autocomplete=\"marker\"\n            />\n        </tui-input>\n        <tui-error\n            formControlName=\"marker\"\n            [error]=\"[] | tuiFieldError | async\"\n        />\n    </label>\n\n    <!-- \u041A\u043D\u043E\u043F\u043A\u0430 \u0434\u043E\u0431\u0430\u0432\u043B\u0435\u043D\u0438\u044F / \u0440\u0435\u0434\u0430\u043A\u0442\u0438\u0440\u043E\u0432\u0430\u043D\u0438\u044F \u0442\u043E\u0432\u0430\u0440\u0430 \u0432 \u043A\u043E\u0440\u0437\u0438\u043D\u0443 -->\n    <div class=\"flex flex-col items-center\">\n        @let cost = totalCost();\n\n        <div *ngIf=\"cost\">\n            \u0418\u0442\u043E\u0433\u043E:<span class=\"text-2xl font-bold\">\n                {{ cost | tuiAmount: 'RUB' | async }}\n                {{ product().currency }}</span\n            >\n        </div>\n\n        <!-- \u041A\u043D\u043E\u043F\u043A\u0430 \u0434\u043E\u0431\u0430\u0432\u043B\u0435\u043D\u0438\u044F / \u0440\u0435\u0434\u0430\u043A\u0442\u0438\u0440\u043E\u0432\u0430\u043D\u0438\u044F \u0442\u043E\u0432\u0430\u0440\u0430 \u0432 \u043A\u043E\u0440\u0437\u0438\u043D\u0443 -->\n        <button\n            tuiButton\n            iconStart=\"@tui.check\"\n            [disabled]=\"form.invalid\"\n            [loading]=\"isLoading()\"\n            type=\"submit\"\n            class=\"mt-2\"\n        >\n            {{ cartItem() ? '\u0418\u0437\u043C\u0435\u043D\u0438\u0442\u044C' : '\u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u0432 \u043A\u043E\u0440\u0437\u0438\u043D\u0443' }}\n        </button>\n    </div>\n</form>\n" }]
+        }] });
+
+/* eslint-disable sonarjs/no-nested-template-literals,@typescript-eslint/unbound-method,@typescript-eslint/no-unused-vars */
+/**
+ * Компонент добавления / изменения товара в корзине.
+ */
+class ScAddOrEditingCartItemDialogComponent {
+    constructor() {
+        /**
+         * Компонент формы добавления / изменения товара в корзине.
+         */
+        this.formComponent = viewChild.required(ScAddOrEditingCartItemFormComponent);
+        /**
+         * {@link Subject} события отправки формы.
+         */
+        this.onSubmit = new Subject();
+        /**
+         * {@link Observable} запроса добавления / изменения товара в корзине.
+         */
+        this.submit$ = this.onSubmit.pipe(switchMap((value) => (this.cartItem && !('productId' in value) ? this.cartService.patchCartItem$(this.cartItem.id, value) : this.cartService.addToCart$(value)).pipe(tap(() => {
+            this.context.$implicit.complete();
+        }), catchError((error) => {
+            if (error instanceof HttpErrorResponse) {
+                const { errors, message } = error.error;
+                if (errors && isObject(errors)) {
+                    Object.entries(errors).forEach(([k, v]) => {
+                        this.formComponent().form.get(k)?.setErrors({ serverResponse: v });
+                    });
+                }
+                if (message) {
+                    this.formComponent().form.setErrors({ serverResponse: [message] });
+                }
+                this.formComponent().form.updateValueAndValidity();
+                this.formComponent().form.markAsDirty();
+            }
+            return of();
+        }), startWith(null))), startWith(), share());
+        /**
+         * {@link Observable} изменения состояния загрузки данных.
+         */
+        this.loading = toSignal(this.submit$.pipe(map(tuiIsFalsy)), { initialValue: false });
+        /**
+         * Контекст диалогового окна.
+         */
+        this.context = injectContext();
+        /**
+         * Данные о товаре.
+         */
+        this.product = this.context.data.product;
+        /**
+         * Данные о товаре в корзине.
+         */
+        this.cartItem = this.context.data.cartItem;
+        /**
+         * Сервис для работы с корзиной.
+         */
+        this.cartService = inject(ScCartService);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ScAddOrEditingCartItemDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: ScAddOrEditingCartItemDialogComponent, isStandalone: true, selector: "sc-add-or-editing-cart-item-dialog", viewQueries: [{ propertyName: "formComponent", first: true, predicate: ScAddOrEditingCartItemFormComponent, descendants: true, isSignal: true }], ngImport: i0, template: "@if (product) {\n    <sc-add-or-editing-cart-item-form\n        [product]=\"product\"\n        [cartItem]=\"cartItem\"\n        (addToCart)=\"onSubmit.next($event)\"\n        (editCartItem)=\"onSubmit.next($event)\"\n        [isLoading]=\"loading()\"\n    ></sc-add-or-editing-cart-item-form>\n}\n", dependencies: [{ kind: "component", type: ScAddOrEditingCartItemFormComponent, selector: "sc-add-or-editing-cart-item-form", inputs: ["product", "cartItem", "isLoading"], outputs: ["addToCart", "editCartItem"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ScAddOrEditingCartItemDialogComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: 'sc-add-or-editing-cart-item-dialog', imports: [ScAddOrEditingCartItemFormComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (product) {\n    <sc-add-or-editing-cart-item-form\n        [product]=\"product\"\n        [cartItem]=\"cartItem\"\n        (addToCart)=\"onSubmit.next($event)\"\n        (editCartItem)=\"onSubmit.next($event)\"\n        [isLoading]=\"loading()\"\n    ></sc-add-or-editing-cart-item-form>\n}\n" }]
+        }] });
+
 /**
  * Компонент скачивания каталога.
  */
@@ -4458,11 +4726,14 @@ class ScNotifyWhenInStockDialogComponent {
          * Форма для отправки запроса на уведомление о поступлении товара.
          */
         this.form = new FormGroup({
-            email: new FormControl(null, [Validators.email]),
-            phone: new FormControl(null, [phoneValidator()]),
-            verificationCode: new FormControl(null, [Validators.minLength(6)]),
+            email: new FormControl(null, [Validators.required, Validators.email]),
+            // TODO: TASK:[#11691] Вернуть после доработки API.
+            // phone: new FormControl<string | null>(null, [phoneValidator()]),
+            // verificationCode: new FormControl<string | null>(null, [Validators.minLength(6)]),
             warehouseId: new FormControl(null, Validators.required),
-        }, { validators: scAtLeastOneRequiredValidator(['email', ['phone']]) });
+        }
+        // { validators: scAtLeastOneRequiredValidator(['email', ['phone']]) }
+        );
         /**
          * Список складов.
          */
@@ -4479,12 +4750,16 @@ class ScNotifyWhenInStockDialogComponent {
          * Сервис конвертации данных.
          */
         this.convertersService = inject(ScConvertersService);
+        /**
+         * {@link Observable} данных о пользователе.
+         */
         this.user$ = inject(ScUserService)
             .getUserChange$()
             .pipe(tap((user) => {
             if (!user.isGuest) {
                 this.form.patchValue({
-                    // phone: user.contacts.phone.value, // Временно отключено.
+                    // TODO: TASK:[#11691] Вернуть после доработки API.
+                    // phone: user.contacts.phone.value,
                     email: user.contacts.email.value,
                 });
             }
@@ -4538,7 +4813,7 @@ class ScNotifyWhenInStockDialogComponent {
         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    @let phoneTouched = form.get('phone')?.touched;\n    @let emailTouched = form.get('email')?.touched;\n    @let isShowError = form.errors?.['atLeastOneRequired'] && (phoneTouched || emailTouched);\n\n    <!-- \u0423\u0431\u0440\u0430\u0442\u044C \u043F\u043E\u0441\u043B\u0435 \u0434\u043E\u0440\u0430\u0431\u043E\u0442\u043A\u0438 API. -->\n    @let canSendSMS = true;\n\n    <div class=\"flex flex-col gap-3\">\n        <label tuiLabel>\n            <div\n                tuiAppearance=\"outline-grayscale\"\n                [tuiAppearanceMode]=\"isShowError ? 'invalid' : null\"\n                tuiCardLarge\n                class=\"flex flex-col !gap-1\"\n            >\n                <sc-verification-phone-check-form\n                    [required]=\"!form.controls.email.value && canSendSMS\"\n                    [readOnly]=\"!canSendSMS\"\n                    [shouldBeConfirmed]=\"true\"\n                    [pseudoInvalid]=\"isShowError\"\n                    subtitle=\"\u0412\u043E\u0437\u043C\u043E\u0436\u043D\u043E\u0441\u0442\u044C \u043E\u0442\u043F\u0440\u0430\u0432\u043A\u0438 SMS \u0432\u0440\u0435\u043C\u0435\u043D\u043D\u043E \u043D\u0435\u0434\u043E\u0441\u0442\u0443\u043F\u043D\u0430\"\n                />\n                <div\n                    class=\"tui-island__paragraph flex items-center gap-3\"\n                    [style.color]=\"isShowError ? 'var(--tui-text-negative)' : 'var(--tui-text-tertiary)'\"\n                >\n                    <div\n                        class=\"h-px flex-1\"\n                        [style.background-color]=\"isShowError ? 'var(--tui-text-negative)' : 'var(--tui-text-tertiary)'\"\n                    ></div>\n                    <div class=\"text-body-s font-bold\">\n                        \u0418\u043B\u0438(\u0438)\n                        <tui-icon\n                            [appearance]=\"isShowError ? 'negative' : 'grayscale'\"\n                            tuiHintDirection=\"right\"\n                            tuiHintAppearance=\"dark\"\n                            tuiTooltip=\"\u041F\u043E\u0436\u0430\u043B\u0443\u0439\u0441\u0442\u0430, \u0443\u043A\u0430\u0436\u0438\u0442\u0435 \u043D\u043E\u043C\u0435\u0440 \u0442\u0435\u043B\u0435\u0444\u043E\u043D\u0430 \u0438\u043B\u0438(\u0438) \u0430\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B\"\n                        />\n                    </div>\n                    <div\n                        class=\"h-px flex-1\"\n                        [style.background-color]=\"isShowError ? 'var(--tui-text-negative)' : 'var(--tui-text-tertiary)'\"\n                    ></div>\n                </div>\n                <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\n                        [required]=\"!form.controls.phone.value || !form.controls.verificationCode.value\"\n                        [pseudoInvalid]=\"isShowError\"\n                        formControlName=\"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            </div>\n            <tui-error\n                *ngIf=\"isShowError\"\n                formControlName=\"warehouseId\"\n                error=\"\u041F\u043E\u0436\u0430\u043B\u0443\u0439\u0441\u0442\u0430, \u0443\u043A\u0430\u0436\u0438\u0442\u0435 \u043D\u043E\u043C\u0435\u0440 \u0442\u0435\u043B\u0435\u0444\u043E\u043D\u0430 \u0438(\u0438\u043B\u0438) \u0430\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B \u0434\u043B\u044F \u0443\u0432\u0435\u0434\u043E\u043C\u043B\u0435\u043D\u0438\u044F \u043E \u043F\u043E\u0441\u0442\u0443\u043F\u043B\u0435\u043D\u0438\u0438 \u0442\u043E\u0432\u0430\u0440\u0430\"\n            />\n        </label>\n        <label tuiLabel>\n            \u0421\u043A\u043B\u0430\u0434\n            <tui-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                        @if (!product.isWarehouseStockExist(warehouse.id)) {\n                            <button\n                                tuiOption\n                                [value]=\"warehouse.id\"\n                            >\n                                {{ warehouse.name }}\n                            </button>\n                        }\n                    }\n                </tui-data-list>\n            </tui-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            >\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\n            </span>\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", "pseudoInvalid", "required", "subtitle", "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: "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.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"] }, { kind: "directive", type: TuiAppearance, selector: "[tuiAppearance]", inputs: ["tuiAppearance", "tuiAppearanceState", "tuiAppearanceFocus", "tuiAppearanceMode"] }, { kind: "directive", type: TuiCardLarge, selector: "[tuiCardLarge]", inputs: ["tuiCardLarge"] }, { kind: "component", type: TuiIcon, selector: "tui-icon", inputs: ["icon", "background"] }, { kind: "directive", type: TuiTooltip, selector: "tui-icon[tuiTooltip]", inputs: ["size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    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        <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\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                        @if (!product.isWarehouseStockExist(warehouse.id)) {\n                            <button\n                                tuiOption\n                                [value]=\"warehouse.id\"\n                            >\n                                {{ warehouse.name }}\n                            </button>\n                        }\n                    }\n                </tui-data-list>\n            </tui-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: "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: i5.TuiInputComponent, selector: "tui-input" }, { kind: "directive", type: i5.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: i5.TuiSelectComponent, selector: "tui-select", inputs: ["stringify", "identityMatcher", "valueContent"] }, { kind: "directive", type: i5.TuiSelectDirective, selector: "tui-select" }, { kind: "component", type: i3.TuiDataListComponent, selector: "tui-data-list", inputs: ["emptyContent", "size"] }, { kind: "directive", type: i3.TuiDataListDirective, selector: "ng-template[tuiDataList]" }, { kind: "component", type: i3.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,
@@ -4560,10 +4835,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         AsyncPipe,
                         NgIf,
                         TuiAppearance,
-                        TuiCardLarge,
-                        TuiIcon,
-                        TuiTooltip,
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<form\n    [formGroup]=\"form\"\n    (ngSubmit)=\"onSubmit$.next()\"\n    class=\"flex flex-col gap-6\"\n>\n    @let phoneTouched = form.get('phone')?.touched;\n    @let emailTouched = form.get('email')?.touched;\n    @let isShowError = form.errors?.['atLeastOneRequired'] && (phoneTouched || emailTouched);\n\n    <!-- \u0423\u0431\u0440\u0430\u0442\u044C \u043F\u043E\u0441\u043B\u0435 \u0434\u043E\u0440\u0430\u0431\u043E\u0442\u043A\u0438 API. -->\n    @let canSendSMS = true;\n\n    <div class=\"flex flex-col gap-3\">\n        <label tuiLabel>\n            <div\n                tuiAppearance=\"outline-grayscale\"\n                [tuiAppearanceMode]=\"isShowError ? 'invalid' : null\"\n                tuiCardLarge\n                class=\"flex flex-col !gap-1\"\n            >\n                <sc-verification-phone-check-form\n                    [required]=\"!form.controls.email.value && canSendSMS\"\n                    [readOnly]=\"!canSendSMS\"\n                    [shouldBeConfirmed]=\"true\"\n                    [pseudoInvalid]=\"isShowError\"\n                    subtitle=\"\u0412\u043E\u0437\u043C\u043E\u0436\u043D\u043E\u0441\u0442\u044C \u043E\u0442\u043F\u0440\u0430\u0432\u043A\u0438 SMS \u0432\u0440\u0435\u043C\u0435\u043D\u043D\u043E \u043D\u0435\u0434\u043E\u0441\u0442\u0443\u043F\u043D\u0430\"\n                />\n                <div\n                    class=\"tui-island__paragraph flex items-center gap-3\"\n                    [style.color]=\"isShowError ? 'var(--tui-text-negative)' : 'var(--tui-text-tertiary)'\"\n                >\n                    <div\n                        class=\"h-px flex-1\"\n                        [style.background-color]=\"isShowError ? 'var(--tui-text-negative)' : 'var(--tui-text-tertiary)'\"\n                    ></div>\n                    <div class=\"text-body-s font-bold\">\n                        \u0418\u043B\u0438(\u0438)\n                        <tui-icon\n                            [appearance]=\"isShowError ? 'negative' : 'grayscale'\"\n                            tuiHintDirection=\"right\"\n                            tuiHintAppearance=\"dark\"\n                            tuiTooltip=\"\u041F\u043E\u0436\u0430\u043B\u0443\u0439\u0441\u0442\u0430, \u0443\u043A\u0430\u0436\u0438\u0442\u0435 \u043D\u043E\u043C\u0435\u0440 \u0442\u0435\u043B\u0435\u0444\u043E\u043D\u0430 \u0438\u043B\u0438(\u0438) \u0430\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B\"\n                        />\n                    </div>\n                    <div\n                        class=\"h-px flex-1\"\n                        [style.background-color]=\"isShowError ? 'var(--tui-text-negative)' : 'var(--tui-text-tertiary)'\"\n                    ></div>\n                </div>\n                <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\n                        [required]=\"!form.controls.phone.value || !form.controls.verificationCode.value\"\n                        [pseudoInvalid]=\"isShowError\"\n                        formControlName=\"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            </div>\n            <tui-error\n                *ngIf=\"isShowError\"\n                formControlName=\"warehouseId\"\n                error=\"\u041F\u043E\u0436\u0430\u043B\u0443\u0439\u0441\u0442\u0430, \u0443\u043A\u0430\u0436\u0438\u0442\u0435 \u043D\u043E\u043C\u0435\u0440 \u0442\u0435\u043B\u0435\u0444\u043E\u043D\u0430 \u0438(\u0438\u043B\u0438) \u0430\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B \u0434\u043B\u044F \u0443\u0432\u0435\u0434\u043E\u043C\u043B\u0435\u043D\u0438\u044F \u043E \u043F\u043E\u0441\u0442\u0443\u043F\u043B\u0435\u043D\u0438\u0438 \u0442\u043E\u0432\u0430\u0440\u0430\"\n            />\n        </label>\n        <label tuiLabel>\n            \u0421\u043A\u043B\u0430\u0434\n            <tui-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                        @if (!product.isWarehouseStockExist(warehouse.id)) {\n                            <button\n                                tuiOption\n                                [value]=\"warehouse.id\"\n                            >\n                                {{ warehouse.name }}\n                            </button>\n                        }\n                    }\n                </tui-data-list>\n            </tui-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            >\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\n            </span>\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" }]
+                    ], 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        <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\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                        @if (!product.isWarehouseStockExist(warehouse.id)) {\n                            <button\n                                tuiOption\n                                [value]=\"warehouse.id\"\n                            >\n                                {{ warehouse.name }}\n                            </button>\n                        }\n                    }\n                </tui-data-list>\n            </tui-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" }]
         }], ctorParameters: () => [] });
 
 /* eslint-disable class-methods-use-this */
@@ -4774,7 +5046,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.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 }); }
+    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 }); }
 }
 __decorate([
     tuiPure
@@ -5192,7 +5464,7 @@ 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-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 }); }
+    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: i5.TuiInputComponent, selector: "tui-input" }, { kind: "directive", type: i5.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,
@@ -6302,7 +6574,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: 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 }); }
+        ], 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.TuiDataListDirective, selector: "ng-template[tuiDataList]" }, { kind: "component", type: i3$2.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: 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,
@@ -6832,7 +7104,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    @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 }); }
+    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: i5.TuiInputComponent, selector: "tui-input" }, { kind: "directive", type: i5.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: 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"] }, { 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
@@ -6944,7 +7216,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: 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 }); }
+    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: i5.TuiInputPasswordComponent, selector: "tui-input-password" }, { kind: "directive", type: i5.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,
@@ -7034,7 +7306,7 @@ 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" }, 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", "pseudoInvalid", "required", "subtitle", "shouldBeBusy", "shouldBeConfirmed", "haveCode"], outputs: ["haveCodeChange", "isBusyChange", "isConfirmedChange"] }, { kind: "component", type: ScAddressesSelectionFieldComponent, selector: "sc-addresses-selection-field", inputs: ["canSelectCountry"], outputs: ["canSelectCountryChange"] }, { kind: "component", type: ScSuggestionFieldComponent, selector: "sc-suggestion-field", inputs: ["type"], outputs: ["selectedClick"] }, { kind: "component", type: 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 }); }
+    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", "pseudoInvalid", "required", "subtitle", "shouldBeBusy", "shouldBeConfirmed", "haveCode"], outputs: ["haveCodeChange", "isBusyChange", "isConfirmedChange"] }, { kind: "component", type: ScAddressesSelectionFieldComponent, selector: "sc-addresses-selection-field", inputs: ["canSelectCountry"], outputs: ["canSelectCountryChange"] }, { kind: "component", type: ScSuggestionFieldComponent, selector: "sc-suggestion-field", inputs: ["type"], outputs: ["selectedClick"] }, { kind: "component", type: 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.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,
@@ -7456,5 +7728,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, 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, ScProductInAllWarehousesPipe, 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, phoneValidator, scAtLeastOneRequiredValidator, 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, ScAddOrEditingCartItemDialogComponent, ScAddOrEditingCartItemFormComponent, ScAddressesSelectionFieldComponent, ScAuthModule, ScBannerComponent, ScBannerModule, ScBrandsListComponent, ScBrandsListModule, ScCarAddProductsFromCsvDialogComponent, ScCartItemComponent, ScCatalogModule, ScCategoryCardComponent, ScContactsAccordionComponent, ScContactsModule, ScContragentsAccordionComponent, ScContragentsAccordionItemComponent, ScContragentsModule, ScDeliveryAddressAccordionComponent, ScDeliveryAddressAccordionItemComponent, ScDeliveryAddressModule, ScDownloadPriceListComponent, ScEmailLinkDirective, ScErrorBlockStatusComponent, ScErrorHandlerComponent, ScFavoriteButtonComponent, ScFeedbackFormComponent, 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, ScProductInAllWarehousesPipe, ScProfileAccordionsContentComponent, ScProfileModule, ScQRCodeDialogComponent, ScQRCodeModule, ScResetUserPasswordComponent, ScResourcePreviewComponent, ScSelectOnFocusinDirective, ScShareButtonComponent, ScShareButtonModule, ScSignInFormByEmailComponent, ScSignInFormByPhoneComponent, ScSignInFormComponent, ScSignUpFormComponent, ScSimpleSignUpFormComponent, ScSuggestionFieldComponent, ScTelLinkDirective, ScTerminalLinkDirective, ScUpdateUserInfoDialogComponent, ScUserManagersComponent, ScUserModule, ScUserPhoneApproveDialogComponent, ScVerificationModule, ScVerificationPhoneCheckFormComponent, TreeDirective, TreeIconService, TreeLoaderService, TreeTopDirective, phoneValidator, scAtLeastOneRequiredValidator, scBicValidator, scClientUiIconsName, scCorrespondentAccountValidator, scPasswordConfirmMatchingValidator, stepValidator, tuiDateValueTransformerDefaultProvider };
 //# sourceMappingURL=snabcentr-client-ui.mjs.map