@snabcentr/client-ui 2.2.1 → 2.3.0

package/fesm2022/snabcentr-client-ui.mjs

@@ -2,7 +2,7 @@ import * as i0 from '@angular/core';
 import { EventEmitter, Component, ChangeDetectionStrategy, Inject, Input, Output, inject, DestroyRef, SkipSelf, Directive, HostBinding, ContentChild, ViewChild, NgModule, ContentChildren, HostListener, Renderer2, ElementRef, Pipe, Optional, Injectable, forwardRef, InjectionToken } from '@angular/core';
 import * as i1 from '@snabcentr/client-core';
 import { ScUserMetrikaGoalsEnum, ScISuggestionType, SC_MIN_LENGTH_SEARCH_TERM, ScOpfList, ScWarehouseService, ScAuthService, SEARCH_TERM, ScUnitsHelper, ScImageHelper, SC_PATH_IMAGE_NOT_FOUND, ScPhoneService, IS_RUNNING_ON_TERMINAL, SC_URLS, TERMINAL_PROVIDERS, SEARCH_TERM_PROVIDERS, ScPaginationService, SC_NEXT_PAGE_PAGINATION_CLICK, SC_PRODUCT_PAGINATION_OPTIONS, ScIconTypesEnum, ScDocumentInfoTypesEnum, ScSamplesService, ScUserService } from '@snabcentr/client-core';
-import * as i6 from 'rxjs';
+import * as i6$1 from 'rxjs';
 import { Subject, map, filter, switchMap, tap, catchError, of, finalize, startWith, share, timer, scan, takeWhile, endWith, distinctUntilChanged, combineLatest, debounceTime, throwError, shareReplay, interval, takeUntil, skip } from 'rxjs';
 import * as i2 from '@angular/common';
 import { CommonModule } from '@angular/common';
@@ -11,7 +11,7 @@ import { TUI_DATA_LIST_HOST, TuiButton, TuiDialog, TuiDialogService, TuiLabel, T
 import { HttpErrorResponse } from '@angular/common/http';
 import * as i3 from '@angular/forms';
 import { FormGroupDirective, FormGroup, FormControl, Validators, NgControl, FormArray, FormsModule, ReactiveFormsModule } from '@angular/forms';
-import * as i7 from '@taiga-ui/cdk';
+import * as i6 from '@taiga-ui/cdk';
 import { tuiControlValue, tuiIsFalsy, tuiIsPresent, tuiMarkControlAsTouchedAndValidate, TuiLet, TuiRepeatTimes, TUI_IS_MOBILE, tuiPure, TuiDay, TuiDayRange, TuiMonth, TuiHovered, TUI_TRUE_HANDLER } from '@taiga-ui/cdk';
 import * as i4 from '@taiga-ui/legacy/components/primitive-textfield';
 import * as i5 from '@taiga-ui/legacy';
@@ -39,6 +39,8 @@ import * as i8$1 from 'angular8-yandex-maps';
 import { AngularYandexMapsModule } from 'angular8-yandex-maps';
 import * as i1$3 from '@taiga-ui/layout';
 import { TuiBlockStatus } from '@taiga-ui/layout';
+import * as i8$2 from 'ng-recaptcha-2';
+import { RecaptchaFormsModule, RecaptchaModule } from 'ng-recaptcha-2';
 
 /**
  * Перечисление типов аутентификации.
@@ -276,7 +278,7 @@ class ScVerificationPhoneCheckFormComponent {
         this.haveCodeChange.emit(haveCode);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: ScVerificationPhoneCheckFormComponent, deps: [{ token: i1.ScVerificationService }, { token: FormGroupDirective }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.7", type: ScVerificationPhoneCheckFormComponent, selector: "sc-verification-phone-check-form", inputs: { showCodeFields: "showCodeFields", readOnly: "readOnly", shouldBeBusy: "shouldBeBusy", shouldBeConfirmed: "shouldBeConfirmed", haveCode: "haveCode" }, outputs: { haveCodeChange: "haveCodeChange" }, ngImport: i0, template: "<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-input-phone\n            formControlName=\"phone\"\n            [readOnly]=\"readOnly\"\n            [tuiTextfieldCustomContent]=\"checkingPhone\"\n        >\n            \u041D\u043E\u043C\u0435\u0440 \u0442\u0435\u043B\u0435\u0444\u043E\u043D\u0430\n            <input\n                tuiTextfieldLegacy\n                autocomplete=\"phone\"\n            />\n        </tui-input-phone>\n        <tui-error\n            formControlName=\"phone\"\n            [error]=\"[] | tuiFieldError | async\"\n        ></tui-error>\n    </label>\n    <ng-container *ngIf=\"showCodeFields && form.enabled\">\n        <label\n            *ngIf=\"loadingApproveCode === false && haveCode\"\n            tuiLabel\n            >\u041A\u043E\u0434 \u0438\u0437 \u0421\u041C\u0421\n            <tui-input formControlName=\"verificationCode\">\n                \u041A\u043E\u0434 \u0438\u0437 \u0421\u041C\u0421\n                <input\n                    tuiTextfieldLegacy\n                    [maskito]=\"verificationCodeMask\"\n                    autocomplete=\"new-password\"\n                />\n            </tui-input>\n            <tui-error\n                formControlName=\"verificationCode\"\n                [error]=\"[] | tuiFieldError | async\"\n            ></tui-error>\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$ | async) || 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$ | async) || 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                            >(\u0447\u0435\u0440\u0435\u0437 {{ timer }})</ng-container\n                        >\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$ | async) && phoneControl.valid\"\n        class=\"size-4\"\n    >\n    </tui-loader>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: 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: i5.TuiTextfieldCustomContentDirective, selector: "[tuiTextfieldCustomContent]", inputs: ["tuiTextfieldCustomContent"] }, { 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: i1$1.TuiLoader, selector: "tui-loader", inputs: ["size", "inheritColor", "overlay", "textContent", "showLoader"] }, { kind: "component", type: i5.TuiInputPhoneComponent, selector: "tui-input-phone", inputs: ["phoneMaskAfterCountryCode", "allowText", "search", "countryCode"], outputs: ["searchChange"] }, { kind: "directive", type: i5.TuiInputPhoneDirective, selector: "tui-input-phone" }, { kind: "directive", type: i8.MaskitoDirective, selector: "[maskito]", inputs: ["maskito", "maskitoElement"] }, { kind: "component", type: i2$1.TuiButtonLoading, selector: "[tuiButton][loading],[tuiIconButton][loading]", inputs: ["size", "loading"] }, { kind: "pipe", type: i2.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.7", type: ScVerificationPhoneCheckFormComponent, selector: "sc-verification-phone-check-form", inputs: { showCodeFields: "showCodeFields", readOnly: "readOnly", shouldBeBusy: "shouldBeBusy", shouldBeConfirmed: "shouldBeConfirmed", haveCode: "haveCode" }, outputs: { haveCodeChange: "haveCodeChange" }, ngImport: i0, template: "<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-input-phone\n            formControlName=\"phone\"\n            [readOnly]=\"readOnly\"\n            [tuiTextfieldCustomContent]=\"checkingPhone\"\n        >\n            \u041D\u043E\u043C\u0435\u0440 \u0442\u0435\u043B\u0435\u0444\u043E\u043D\u0430\n            <input\n                tuiTextfieldLegacy\n                autocomplete=\"phone\"\n            />\n        </tui-input-phone>\n        <tui-error\n            formControlName=\"phone\"\n            [error]=\"[] | tuiFieldError | async\"\n        ></tui-error>\n    </label>\n    <ng-container *ngIf=\"showCodeFields && form.enabled\">\n        <label\n            *ngIf=\"loadingApproveCode === false && haveCode\"\n            tuiLabel\n            >\u041A\u043E\u0434 \u0438\u0437 \u0421\u041C\u0421\n            <tui-input formControlName=\"verificationCode\">\n                \u041A\u043E\u0434 \u0438\u0437 \u0421\u041C\u0421\n                <input\n                    tuiTextfieldLegacy\n                    [maskito]=\"verificationCodeMask\"\n                    autocomplete=\"new-password\"\n                />\n            </tui-input>\n            <tui-error\n                formControlName=\"verificationCode\"\n                [error]=\"[] | tuiFieldError | async\"\n            ></tui-error>\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$ | async) || 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$ | async) || 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                            >(\u0447\u0435\u0440\u0435\u0437 {{ timer }})</ng-container\n                        >\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$ | async) && phoneControl.valid\"\n        class=\"size-4\"\n    >\n    </tui-loader>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: 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: i5.TuiTextfieldCustomContentDirective, selector: "[tuiTextfieldCustomContent]", inputs: ["tuiTextfieldCustomContent"] }, { 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: i6.TuiLet, selector: "[tuiLet]", inputs: ["tuiLet"] }, { kind: "component", type: i1$1.TuiLoader, selector: "tui-loader", inputs: ["size", "inheritColor", "overlay", "textContent", "showLoader"] }, { kind: "component", type: i5.TuiInputPhoneComponent, selector: "tui-input-phone", inputs: ["phoneMaskAfterCountryCode", "allowText", "search", "countryCode"], outputs: ["searchChange"] }, { kind: "directive", type: i5.TuiInputPhoneDirective, selector: "tui-input-phone" }, { kind: "directive", type: i8.MaskitoDirective, selector: "[maskito]", inputs: ["maskito", "maskitoElement"] }, { kind: "component", type: i2$1.TuiButtonLoading, selector: "[tuiButton][loading],[tuiIconButton][loading]", inputs: ["size", "loading"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i2$1.TuiFieldErrorPipe, name: "tuiFieldError" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: ScVerificationPhoneCheckFormComponent, decorators: [{
             type: Component,
@@ -348,7 +350,7 @@ class ScSignInFormByPhoneComponent {
         this.loading$ = this.request$.pipe(map(tuiIsFalsy));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: ScSignInFormByPhoneComponent, deps: [{ token: i1.ScAuthService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.7", type: ScSignInFormByPhoneComponent, selector: "sc-sign-in-form-by-phone", ngImport: i0, template: "<form\n    [formGroup]=\"form\"\n    *tuiLet=\"!!(loading$ | async) as loading\"\n    (ngSubmit)=\"onSubmit.next()\"\n    class=\"mb-4 flex flex-col items-center gap-4\"\n>\n    <sc-verification-phone-check-form\n        [(haveCode)]=\"haveCode\"\n        [shouldBeBusy]=\"true\"\n        [shouldBeConfirmed]=\"true\"\n        class=\"w-full\"\n    ></sc-verification-phone-check-form>\n    <button\n        *ngIf=\"haveCode\"\n        tuiButton\n        type=\"submit\"\n        [loading]=\"loading\"\n        [disabled]=\"form.invalid || loading\"\n        iconStart=\"@tui.sc.circle-arrow-in-right\"\n    >\n        \u0412\u043E\u0439\u0442\u0438\n    </button>\n</form>\n", dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "directive", type: i7.TuiLet, selector: "[tuiLet]", inputs: ["tuiLet"] }, { kind: "component", type: ScVerificationPhoneCheckFormComponent, selector: "sc-verification-phone-check-form", inputs: ["showCodeFields", "readOnly", "shouldBeBusy", "shouldBeConfirmed", "haveCode"], outputs: ["haveCodeChange"] }, { kind: "component", type: i2$1.TuiButtonLoading, selector: "[tuiButton][loading],[tuiIconButton][loading]", inputs: ["size", "loading"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.7", type: ScSignInFormByPhoneComponent, selector: "sc-sign-in-form-by-phone", ngImport: i0, template: "<form\n    [formGroup]=\"form\"\n    *tuiLet=\"!!(loading$ | async) as loading\"\n    (ngSubmit)=\"onSubmit.next()\"\n    class=\"mb-4 flex flex-col items-center gap-4\"\n>\n    <sc-verification-phone-check-form\n        [(haveCode)]=\"haveCode\"\n        [shouldBeBusy]=\"true\"\n        [shouldBeConfirmed]=\"true\"\n        class=\"w-full\"\n    ></sc-verification-phone-check-form>\n    <button\n        *ngIf=\"haveCode\"\n        tuiButton\n        type=\"submit\"\n        [loading]=\"loading\"\n        [disabled]=\"form.invalid || loading\"\n        iconStart=\"@tui.sc.circle-arrow-in-right\"\n    >\n        \u0412\u043E\u0439\u0442\u0438\n    </button>\n</form>\n", dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "directive", type: i6.TuiLet, selector: "[tuiLet]", inputs: ["tuiLet"] }, { kind: "component", type: ScVerificationPhoneCheckFormComponent, selector: "sc-verification-phone-check-form", inputs: ["showCodeFields", "readOnly", "shouldBeBusy", "shouldBeConfirmed", "haveCode"], outputs: ["haveCodeChange"] }, { kind: "component", type: i2$1.TuiButtonLoading, selector: "[tuiButton][loading],[tuiIconButton][loading]", inputs: ["size", "loading"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: ScSignInFormByPhoneComponent, decorators: [{
             type: Component,
@@ -643,7 +645,7 @@ class ScAddressesSelectionFieldComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: ScAddressesSelectionFieldComponent, deps: [{ token: FormGroupDirective, skipSelf: true }, { token: i1.ScLocationsService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.7", type: ScAddressesSelectionFieldComponent, selector: "sc-addresses-selection-field", ngImport: i0, template: "<div class=\"flex flex-col items-start gap-4 sm:flex-row\">\n    <!-- TODO: \u041E\u0442\u043A\u0440\u044B\u0442\u044C \u043F\u043E\u043B\u0435 \u0432\u044B\u0431\u043E\u0440\u0430 \u0441\u0442\u0440\u0430\u043D\u044B \u043F\u0440\u0438 \u0434\u043E\u0431\u0430\u0432\u043B\u0435\u043D\u0438\u0438 \u0432\u043E\u0437\u043C\u043E\u0436\u043D\u043E\u0441\u0442\u0438 \u0432\u044B\u0431\u043E\u0440\u0430 \u0441\u0442\u0440\u0430\u043D\u044B \u0434\u043B\u044F \u043A\u043B\u0438\u0435\u043D\u0442\u0430. -->\n    <!-- <label tuiLabel=\"\u0421\u0442\u0440\u0430\u043D\u0430\" class=\"w-full\">\n        <tui-combo-box *tuiLet=\"countries$ | async as countries\" [formControl]=\"countryControl\" [stringify]=\"stringify\">\n            \u0421\u0442\u0440\u0430\u043D\u0430\n            <input tuiTextfield autocomplete=\"new-password\" />\n            <tui-data-list-wrapper *tuiDataList [itemContent]=\"stringify | tuiStringifyContent\" [items]=\"countries | tuiFilterByInputWith: stringify\"></tui-data-list-wrapper>\n        </tui-combo-box>\n        <tui-error [formControl]=\"countryControl\" [error]=\"[] | tuiFieldError | async\"></tui-error>\n    </label> -->\n    <!-- TODO: [TASK:9383]: \u0414\u043E\u0440\u0430\u0431\u043E\u0442\u0430\u0442\u044C \u043A\u043E\u043C\u043F\u043E\u043D\u0435\u043D\u0442 \u0432\u044B\u0431\u043E\u0440\u0430 \u0433\u043E\u0440\u043E\u0434\u0430, \u043A\u0430\u043A \u043D\u0430 \u043F\u043E\u0440\u0442\u0430\u043B\u0435  -->\n    <label\n        tuiLabel\n        class=\"w-full\"\n        >\u0420\u0435\u0433\u0438\u043E\u043D\n        <tui-combo-box\n            *tuiLet=\"(regions$ | async) ?? [] as regions\"\n            [formControl]=\"regionControl\"\n            [stringify]=\"stringify\"\n        >\n            \u0420\u0435\u0433\u0438\u043E\u043D\n            <input\n                tuiTextfieldLegacy\n                autocapitalize=\"off\"\n                autocomplete=\"off\"\n                autocorrect=\"off\"\n            />\n            <tui-data-list-wrapper\n                *tuiDataList\n                [itemContent]=\"stringify | tuiStringifyContent\"\n                [items]=\"regions | tuiFilterByInput\"\n            ></tui-data-list-wrapper>\n        </tui-combo-box>\n        <tui-error\n            [formControl]=\"regionControl\"\n            [error]=\"[] | tuiFieldError | async\"\n        ></tui-error>\n    </label>\n    <label\n        tuiLabel\n        class=\"w-full\"\n        >\u0413\u043E\u0440\u043E\u0434\n        <tui-combo-box\n            *tuiLet=\"(cities$ | async) ?? [] as cities\"\n            [formControl]=\"cityControl\"\n            [stringify]=\"stringify\"\n            (ngModelChange)=\"onSelectedCity($event)\"\n        >\n            \u0413\u043E\u0440\u043E\u0434\n            <input\n                tuiTextfieldLegacy\n                autocapitalize=\"off\"\n                autocomplete=\"off\"\n                autocorrect=\"off\"\n            />\n            <tui-data-list-wrapper\n                *tuiDataList\n                [itemContent]=\"stringify | tuiStringifyContent\"\n                [items]=\"cities | tuiFilterByInput\"\n            ></tui-data-list-wrapper>\n        </tui-combo-box>\n        <tui-error\n            [formControl]=\"cityIdControl\"\n            [error]=\"[] | tuiFieldError | async\"\n        ></tui-error>\n        <tui-error\n            *ngIf=\"cityIdControl.untouched\"\n            [formControl]=\"cityControl\"\n            [error]=\"[] | tuiFieldError | async\"\n        ></tui-error>\n    </label>\n</div>\n", dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: 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: 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])", inputs: ["items", "disabledItemHandler", "emptyContent", "size", "itemContent"], outputs: ["itemClick"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i2$1.TuiFieldErrorPipe, name: "tuiFieldError" }, { kind: "pipe", type: i2$1.TuiFilterByInputPipe, name: "tuiFilterByInput" }, { kind: "pipe", type: i2$1.TuiStringifyContentPipe, name: "tuiStringifyContent" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.7", type: ScAddressesSelectionFieldComponent, selector: "sc-addresses-selection-field", ngImport: i0, template: "<div class=\"flex flex-col items-start gap-4 sm:flex-row\">\n    <!-- TODO: \u041E\u0442\u043A\u0440\u044B\u0442\u044C \u043F\u043E\u043B\u0435 \u0432\u044B\u0431\u043E\u0440\u0430 \u0441\u0442\u0440\u0430\u043D\u044B \u043F\u0440\u0438 \u0434\u043E\u0431\u0430\u0432\u043B\u0435\u043D\u0438\u0438 \u0432\u043E\u0437\u043C\u043E\u0436\u043D\u043E\u0441\u0442\u0438 \u0432\u044B\u0431\u043E\u0440\u0430 \u0441\u0442\u0440\u0430\u043D\u044B \u0434\u043B\u044F \u043A\u043B\u0438\u0435\u043D\u0442\u0430. -->\n    <!-- <label tuiLabel=\"\u0421\u0442\u0440\u0430\u043D\u0430\" class=\"w-full\">\n        <tui-combo-box *tuiLet=\"countries$ | async as countries\" [formControl]=\"countryControl\" [stringify]=\"stringify\">\n            \u0421\u0442\u0440\u0430\u043D\u0430\n            <input tuiTextfield autocomplete=\"new-password\" />\n            <tui-data-list-wrapper *tuiDataList [itemContent]=\"stringify | tuiStringifyContent\" [items]=\"countries | tuiFilterByInputWith: stringify\"></tui-data-list-wrapper>\n        </tui-combo-box>\n        <tui-error [formControl]=\"countryControl\" [error]=\"[] | tuiFieldError | async\"></tui-error>\n    </label> -->\n    <!-- TODO: [TASK:9383]: \u0414\u043E\u0440\u0430\u0431\u043E\u0442\u0430\u0442\u044C \u043A\u043E\u043C\u043F\u043E\u043D\u0435\u043D\u0442 \u0432\u044B\u0431\u043E\u0440\u0430 \u0433\u043E\u0440\u043E\u0434\u0430, \u043A\u0430\u043A \u043D\u0430 \u043F\u043E\u0440\u0442\u0430\u043B\u0435  -->\n    <label\n        tuiLabel\n        class=\"w-full\"\n        >\u0420\u0435\u0433\u0438\u043E\u043D\n        <tui-combo-box\n            *tuiLet=\"(regions$ | async) ?? [] as regions\"\n            [formControl]=\"regionControl\"\n            [stringify]=\"stringify\"\n        >\n            \u0420\u0435\u0433\u0438\u043E\u043D\n            <input\n                tuiTextfieldLegacy\n                autocapitalize=\"off\"\n                autocomplete=\"off\"\n                autocorrect=\"off\"\n            />\n            <tui-data-list-wrapper\n                *tuiDataList\n                [itemContent]=\"stringify | tuiStringifyContent\"\n                [items]=\"regions | tuiFilterByInput\"\n            ></tui-data-list-wrapper>\n        </tui-combo-box>\n        <tui-error\n            [formControl]=\"regionControl\"\n            [error]=\"[] | tuiFieldError | async\"\n        ></tui-error>\n    </label>\n    <label\n        tuiLabel\n        class=\"w-full\"\n        >\u0413\u043E\u0440\u043E\u0434\n        <tui-combo-box\n            *tuiLet=\"(cities$ | async) ?? [] as cities\"\n            [formControl]=\"cityControl\"\n            [stringify]=\"stringify\"\n            (ngModelChange)=\"onSelectedCity($event)\"\n        >\n            \u0413\u043E\u0440\u043E\u0434\n            <input\n                tuiTextfieldLegacy\n                autocapitalize=\"off\"\n                autocomplete=\"off\"\n                autocorrect=\"off\"\n            />\n            <tui-data-list-wrapper\n                *tuiDataList\n                [itemContent]=\"stringify | tuiStringifyContent\"\n                [items]=\"cities | tuiFilterByInput\"\n            ></tui-data-list-wrapper>\n        </tui-combo-box>\n        <tui-error\n            [formControl]=\"cityIdControl\"\n            [error]=\"[] | tuiFieldError | async\"\n        ></tui-error>\n        <tui-error\n            *ngIf=\"cityIdControl.untouched\"\n            [formControl]=\"cityControl\"\n            [error]=\"[] | tuiFieldError | async\"\n        ></tui-error>\n    </label>\n</div>\n", dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i4.TuiTextfieldComponent, selector: "input[tuiTextfieldLegacy], textarea[tuiTextfieldLegacy]" }, { kind: "directive", type: i1$1.TuiLabel, selector: "label[tuiLabel]" }, { kind: "directive", type: i6.TuiLet, selector: "[tuiLet]", inputs: ["tuiLet"] }, { kind: "component", type: i1$1.TuiError, selector: "tui-error", inputs: ["error"] }, { kind: "directive", type: i3$1.TuiDataListDirective, selector: "ng-template[tuiDataList]" }, { kind: "component", type: i5.TuiComboBoxComponent, selector: "tui-combo-box", inputs: ["stringify", "strictMatcher", "identityMatcher", "valueContent", "strict", "search"], outputs: ["searchChange"] }, { kind: "directive", type: i5.TuiComboBoxDirective, selector: "tui-combo-box" }, { kind: "component", type: i2$1.TuiDataListWrapperComponent, selector: "tui-data-list-wrapper:not([labels])", inputs: ["items", "disabledItemHandler", "emptyContent", "size", "itemContent"], outputs: ["itemClick"] }, { kind: "pipe", type: i2.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.7", ngImport: i0, type: ScAddressesSelectionFieldComponent, decorators: [{
             type: Component,
@@ -764,7 +766,7 @@ class ScSuggestionFieldComponent {
         this.selectedClick.emit(suggestion);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: ScSuggestionFieldComponent, deps: [{ token: NgControl, skipSelf: true }, { token: i1.ScSuggestionService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.7", type: ScSuggestionFieldComponent, selector: "sc-suggestion-field", inputs: { type: "type" }, outputs: { selectedClick: "selectedClick" }, ngImport: i0, template: "<tui-loader\n    size=\"m\"\n    [overlay]=\"true\"\n    [showLoader]=\"!!(loading$ | async)\"\n>\n    <tui-data-list *tuiLet=\"suggestions$ | async as options\">\n        <button\n            *ngFor=\"let option of options\"\n            tuiOption\n            (click)=\"onSelected(option)\"\n            class=\"flex-col !items-start\"\n        >\n            <ng-container *tuiLet=\"$any(option) as option\">\n                <ng-container [ngSwitch]=\"type\">\n                    <ng-container *ngSwitchCase=\"suggestionType.fio\">\n                        <span class=\"text-tui-link\">{{ option.fio }}</span>\n                    </ng-container>\n                    <ng-container *ngSwitchCase=\"suggestionType.organization\">\n                        <span class=\"text-tui-link\">\n                            {{ option.name }}\n                            <span class=\"ml-2 text-tui-text-02\">\u0438\u043D\u043D: {{ option.inn }}</span>\n                        </span>\n                        <span class=\"text-tui-text-02\">{{ option?.legalAddress }}</span>\n                    </ng-container>\n                    <ng-container *ngSwitchCase=\"suggestionType.bank\">\n                        <span class=\"text-tui-link\">{{ option.name }}</span>\n                        <span class=\"text-tui-text-02\">{{ option.bic }}</span>\n                    </ng-container>\n                    <ng-container *ngSwitchCase=\"suggestionType.email\">\n                        <span class=\"text-tui-link\">{{ option.email }}</span>\n                    </ng-container>\n                    <ng-container *ngSwitchCase=\"suggestionType.address\">\n                        <span class=\"text-tui-link\">{{ option.addressString }}</span>\n                    </ng-container>\n                </ng-container>\n            </ng-container>\n        </button>\n    </tui-data-list>\n</tui-loader>\n", dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i7.TuiLet, selector: "[tuiLet]", inputs: ["tuiLet"] }, { kind: "component", type: i1$1.TuiDataListComponent, selector: "tui-data-list", inputs: ["emptyContent", "size"] }, { kind: "component", type: i1$1.TuiOption, selector: "button[tuiOption], a[tuiOption], label[tuiOption]", inputs: ["disabled", "value"] }, { kind: "component", type: i1$1.TuiLoader, selector: "tui-loader", inputs: ["size", "inheritColor", "overlay", "textContent", "showLoader"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.7", type: ScSuggestionFieldComponent, selector: "sc-suggestion-field", inputs: { type: "type" }, outputs: { selectedClick: "selectedClick" }, ngImport: i0, template: "<tui-loader\n    size=\"m\"\n    [overlay]=\"true\"\n    [showLoader]=\"!!(loading$ | async)\"\n>\n    <tui-data-list *tuiLet=\"suggestions$ | async as options\">\n        <button\n            *ngFor=\"let option of options\"\n            tuiOption\n            (click)=\"onSelected(option)\"\n            class=\"flex-col !items-start\"\n        >\n            <ng-container *tuiLet=\"$any(option) as option\">\n                <ng-container [ngSwitch]=\"type\">\n                    <ng-container *ngSwitchCase=\"suggestionType.fio\">\n                        <span class=\"text-tui-link\">{{ option.fio }}</span>\n                    </ng-container>\n                    <ng-container *ngSwitchCase=\"suggestionType.organization\">\n                        <span class=\"text-tui-link\">\n                            {{ option.name }}\n                            <span class=\"ml-2 text-tui-text-02\">\u0438\u043D\u043D: {{ option.inn }}</span>\n                        </span>\n                        <span class=\"text-tui-text-02\">{{ option?.legalAddress }}</span>\n                    </ng-container>\n                    <ng-container *ngSwitchCase=\"suggestionType.bank\">\n                        <span class=\"text-tui-link\">{{ option.name }}</span>\n                        <span class=\"text-tui-text-02\">{{ option.bic }}</span>\n                    </ng-container>\n                    <ng-container *ngSwitchCase=\"suggestionType.email\">\n                        <span class=\"text-tui-link\">{{ option.email }}</span>\n                    </ng-container>\n                    <ng-container *ngSwitchCase=\"suggestionType.address\">\n                        <span class=\"text-tui-link\">{{ option.addressString }}</span>\n                    </ng-container>\n                </ng-container>\n            </ng-container>\n        </button>\n    </tui-data-list>\n</tui-loader>\n", dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i6.TuiLet, selector: "[tuiLet]", inputs: ["tuiLet"] }, { kind: "component", type: i1$1.TuiDataListComponent, selector: "tui-data-list", inputs: ["emptyContent", "size"] }, { kind: "component", type: i1$1.TuiOption, selector: "button[tuiOption], a[tuiOption], label[tuiOption]", inputs: ["disabled", "value"] }, { kind: "component", type: i1$1.TuiLoader, selector: "tui-loader", inputs: ["size", "inheritColor", "overlay", "textContent", "showLoader"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: ScSuggestionFieldComponent, decorators: [{
             type: Component,
@@ -1339,7 +1341,7 @@ class ScSignUpFormComponent {
         this.contacts.removeAt(index);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", 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: "14.0.0", version: "18.2.7", type: ScSignUpFormComponent, selector: "sc-sign-up-form", outputs: { successAuth: "successAuth" }, ngImport: i0, template: "<form\n    *tuiLet=\"opfControl.value as selectOpf\"\n    [formGroup]=\"form\"\n    (ngSubmit)=\"onSubmit.next()\"\n    class=\"flex flex-col gap-5\"\n>\n    <ng-container *tuiLet=\"!!selectOpf && opfListEnum[selectOpf] === opfListEnum.individual as isIndividual\">\n        <tui-stepper\n            *ngIf=\"!isIndividual && form.controls.contragent\"\n            [(activeItemIndex)]=\"stepIndex\"\n        >\n            <button\n                *tuiRepeatTimes=\"let index of 4\"\n                [stepState]=\"index && !canNextStep(index) ? 'error' : 'pass'\"\n                [attr.disabled]=\"index && !canNextStep(index - 1) ? '' : null\"\n                tuiStep\n            >\n                {{ steps[index] }}\n            </button>\n        </tui-stepper>\n        <tui-elastic-container>\n            <div\n                [class.!hidden]=\"stepIndex !== 0\"\n                class=\"flex flex-col gap-3\"\n            >\n                <label tuiLabel>\u0422\u0438\u043F \u043A\u043B\u0438\u0435\u043D\u0442\u0430\n                    <tui-select\n                        [formControl]=\"opfControl\"\n                        [valueContent]=\"opfContent\"\n                    >\n                        \u0422\u0438\u043F \u043A\u043B\u0438\u0435\u043D\u0442\u0430\n                        <tui-data-list *tuiDataList>\n                            <button\n                                *ngFor=\"let item of getOpf$() | async; let index = index\"\n                                tuiOption\n                                [value]=\"item.slug\"\n                            >\n                                {{ item.name }}\n                            </button>\n                        </tui-data-list>\n                    </tui-select>\n                    <ng-template\n                        #opfContent\n                        let-data\n                    >\n                        <div>{{ (getOpfBySlug$(data) | async)?.name }}</div>\n                    </ng-template>\n                </label>\n                <label tuiLabel>{{ isIndividual ? '\u0424.\u0418.\u041E.' : '\u041D\u0430\u0437\u0432\u0430\u043D\u0438\u0435 \u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0446\u0438\u0438 \u0438\u043B\u0438 \u0418\u041F' }}\n                    <tui-input formControlName=\"name\">\n                        {{ isIndividual ? '\u0424.\u0418.\u041E.' : '\u041D\u0430\u0437\u0432\u0430\u043D\u0438\u0435 \u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0446\u0438\u0438 \u0438\u043B\u0438 \u0418\u041F' }}\n                        <ng-container *ngIf=\"!isIndividual\">\n                            <sc-suggestion-field\n                                *tuiDataList\n                                [type]=\"suggestionType.organization\"\n                                (selectedClick)=\"onSelectedOrganization($event)\"\n                            ></sc-suggestion-field>\n                        </ng-container>\n                        <input\n                            tuiTextfieldLegacy\n                            autocomplete=\"new-password\"\n                        />\n                    </tui-input>\n                    <tui-error\n                        formControlName=\"name\"\n                        [error]=\"[] | tuiFieldError | async\"\n                    ></tui-error>\n                </label>\n\n                <div class=\"flex flex-col items-start gap-5 sm:flex-row\">\n                    <sc-verification-phone-check-form\n                        [shouldBeBusy]=\"false\"\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                </div>\n\n                <sc-addresses-selection-field></sc-addresses-selection-field>\n\n                <div class=\"flex flex-col items-start gap-5 sm:flex-row\">\n                    <label\n                        tuiLabel\n                        class=\"w-full\"\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                        ></tui-error>\n                    </label>\n                    <label\n                        tuiLabel\n                        class=\"w-full\"\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                        ></tui-error>\n                    </label>\n                </div>\n                <tui-error\n                    [error]=\"[] | tuiFieldError | async\"\n                    class=\"self-center\"\n                ></tui-error>\n\n                <div class=\"flex flex-col items-start gap-5 sm:flex-row\">\n                   <label tuiLabel> <input tuiCheckbox 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                   <label tuiLabel> <input tuiCheckbox type=\"checkbox\"\n                        required=\"true\"\n                        formControlName=\"acceptRules\"\n                        class=\"w-full\"\n                    >\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                            >\u0414\u043E\u0433\u043E\u0432\u043E\u0440\u043E\u043C \u043E\u0444\u0435\u0440\u0442\u044B</a\n                        >.\n                        <tui-error\n                            formControlName=\"acceptRules\"\n                            [error]=\"[] | tuiFieldError | async\"\n                        ></tui-error>\n                    </label>\n                </div>\n            </div>\n            <ng-container *ngIf=\"!isIndividual\">\n                <sc-new-contragent-form\n                    [opfControl]=\"opfControl\"\n                    [class.!hidden]=\"stepIndex !== 1\"\n                ></sc-new-contragent-form>\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\"></sc-new-contact-form>\n                            <hr\n                                *ngIf=\"!last\"\n                                class=\"h-px w-full bg-tui-base-04\"\n                            />\n                        </div>\n                        <button\n                            tuiButton\n                            iconStart=\"@tui.plus\"\n                            appearance=\"secondary\"\n                            (click)=\"addContactGroup()\"\n                            type=\"button\"\n                            class=\"self-center\"\n                        >\n                            \u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u043A\u043E\u043D\u0442\u0430\u043A\u0442\n                        </button>\n                    </div>\n                </div>\n\n                <div [class.!hidden]=\"stepIndex !== 3\">\n                    <div\n                        *ngIf=\"bankAccounts\"\n                        class=\"flex flex-col gap-5 pb-1\"\n                    >\n                        <p class=\"text-lg font-bold\">\u0411\u0430\u043D\u043A\u043E\u0432\u0441\u043A\u0438\u0435 \u0440\u0435\u043A\u0432\u0438\u0437\u0438\u0442\u044B</p>\n                        <div\n                            *ngFor=\"let bankAccount of bankAccounts.controls; let index = index; let count = count; let last = last\"\n                            class=\"flex flex-col gap-3\"\n                        >\n                            <div class=\"flex h-12 items-center justify-between\">\n                                <p class=\"font-bold\">\u0411\u0430\u043D\u043A\u043E\u0432\u0441\u043A\u0438\u0435 \u0440\u0435\u043A\u0432\u0438\u0437\u0438\u0442\u044B \u2116{{ index + 1 }}:</p>\n                                <button\n                                    *ngIf=\"count - 1\"\n                                    tuiIconButton\n                                    appearance=\"secondary\"\n                                    (click)=\"removeBankAccountGroup(index)\"\n                                    iconStart=\"@tui.trash-2\"\n                                ></button>\n                            </div>\n                            <sc-new-contragent-bank-account-form [form]=\"bankAccount\"></sc-new-contragent-bank-account-form>\n                            <hr\n                                *ngIf=\"!last\"\n                                class=\"h-px w-full bg-tui-base-04\"\n                            />\n                        </div>\n                        <button\n                            tuiButton\n                            iconStart=\"@tui.plus\"\n                            appearance=\"secondary\"\n                            (click)=\"addBankAccountGroup()\"\n                            type=\"button\"\n                            class=\"self-center\"\n                        >\n                            \u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u0431\u0430\u043D\u043A\u043E\u0432\u0441\u043A\u0438\u0435 \u0440\u0435\u043A\u0432\u0438\u0437\u0438\u0442\u044B\n                        </button>\n                    </div>\n                </div>\n            </ng-container>\n        </tui-elastic-container>\n        <div class=\"flex justify-center gap-2\">\n            <button\n                *ngIf=\"stepIndex > 0\"\n                tuiButton\n                appearance=\"secondary\"\n                type=\"button\"\n                (click)=\"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.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.CheckboxRequiredValidator, selector: "input[type=checkbox][required][formControlName],input[type=checkbox][required][formControl],input[type=checkbox][required][ngModel]" }, { kind: "directive", type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i5.TuiInputPasswordComponent, selector: "tui-input-password" }, { kind: "directive", type: i5.TuiInputPasswordDirective, selector: "tui-input-password" }, { kind: "component", type: 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", "shouldBeBusy", "shouldBeConfirmed", "haveCode"], outputs: ["haveCodeChange"] }, { kind: "component", type: ScAddressesSelectionFieldComponent, selector: "sc-addresses-selection-field" }, { kind: "component", type: ScSuggestionFieldComponent, selector: "sc-suggestion-field", inputs: ["type"], outputs: ["selectedClick"] }, { kind: "component", type: i3$1.TuiDataListComponent, selector: "tui-data-list", inputs: ["emptyContent", "size"] }, { kind: "directive", type: i3$1.TuiDataListDirective, selector: "ng-template[tuiDataList]" }, { kind: "component", type: i3$1.TuiOption, selector: "button[tuiOption], a[tuiOption], label[tuiOption]", inputs: ["disabled", "value"] }, { kind: "component", type: i2$1.TuiCheckbox, selector: "input[type=\"checkbox\"][tuiCheckbox]", inputs: ["size"] }, { kind: "component", type: i2$1.TuiElasticContainer, selector: "tui-elastic-container" }, { kind: "component", type: i5.TuiSelectComponent, selector: "tui-select", inputs: ["stringify", "identityMatcher", "valueContent"] }, { kind: "directive", type: i5.TuiSelectDirective, selector: "tui-select" }, { kind: "component", type: ScNewContragentBankAccountsFormComponent, selector: "sc-new-contragent-bank-account-form", inputs: ["form"] }, { kind: "component", type: ScNewContragentFormComponent, selector: "sc-new-contragent-form", inputs: ["opfControl"] }, { kind: "component", type: ScNewContactFormComponent, selector: "sc-new-contact-form", inputs: ["form"] }, { kind: "component", type: i2$1.TuiStepperComponent, selector: "tui-stepper, nav[tuiStepper]", inputs: ["orientation", "activeItemIndex"], 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.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.7", type: ScSignUpFormComponent, selector: "sc-sign-up-form", outputs: { successAuth: "successAuth" }, ngImport: i0, template: "<form\n    *tuiLet=\"opfControl.value as selectOpf\"\n    [formGroup]=\"form\"\n    (ngSubmit)=\"onSubmit.next()\"\n    class=\"flex flex-col gap-5\"\n>\n    <ng-container *tuiLet=\"!!selectOpf && opfListEnum[selectOpf] === opfListEnum.individual as isIndividual\">\n        <tui-stepper\n            *ngIf=\"!isIndividual && form.controls.contragent\"\n            [(activeItemIndex)]=\"stepIndex\"\n        >\n            <button\n                *tuiRepeatTimes=\"let index of 4\"\n                [stepState]=\"index && !canNextStep(index) ? 'error' : 'pass'\"\n                [attr.disabled]=\"index && !canNextStep(index - 1) ? '' : null\"\n                tuiStep\n            >\n                {{ steps[index] }}\n            </button>\n        </tui-stepper>\n        <tui-elastic-container>\n            <div\n                [class.!hidden]=\"stepIndex !== 0\"\n                class=\"flex flex-col gap-3\"\n            >\n                <label tuiLabel>\u0422\u0438\u043F \u043A\u043B\u0438\u0435\u043D\u0442\u0430\n                    <tui-select\n                        [formControl]=\"opfControl\"\n                        [valueContent]=\"opfContent\"\n                    >\n                        \u0422\u0438\u043F \u043A\u043B\u0438\u0435\u043D\u0442\u0430\n                        <tui-data-list *tuiDataList>\n                            <button\n                                *ngFor=\"let item of getOpf$() | async; let index = index\"\n                                tuiOption\n                                [value]=\"item.slug\"\n                            >\n                                {{ item.name }}\n                            </button>\n                        </tui-data-list>\n                    </tui-select>\n                    <ng-template\n                        #opfContent\n                        let-data\n                    >\n                        <div>{{ (getOpfBySlug$(data) | async)?.name }}</div>\n                    </ng-template>\n                </label>\n                <label tuiLabel>{{ isIndividual ? '\u0424.\u0418.\u041E.' : '\u041D\u0430\u0437\u0432\u0430\u043D\u0438\u0435 \u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0446\u0438\u0438 \u0438\u043B\u0438 \u0418\u041F' }}\n                    <tui-input formControlName=\"name\">\n                        {{ isIndividual ? '\u0424.\u0418.\u041E.' : '\u041D\u0430\u0437\u0432\u0430\u043D\u0438\u0435 \u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0446\u0438\u0438 \u0438\u043B\u0438 \u0418\u041F' }}\n                        <ng-container *ngIf=\"!isIndividual\">\n                            <sc-suggestion-field\n                                *tuiDataList\n                                [type]=\"suggestionType.organization\"\n                                (selectedClick)=\"onSelectedOrganization($event)\"\n                            ></sc-suggestion-field>\n                        </ng-container>\n                        <input\n                            tuiTextfieldLegacy\n                            autocomplete=\"new-password\"\n                        />\n                    </tui-input>\n                    <tui-error\n                        formControlName=\"name\"\n                        [error]=\"[] | tuiFieldError | async\"\n                    ></tui-error>\n                </label>\n\n                <div class=\"flex flex-col items-start gap-5 sm:flex-row\">\n                    <sc-verification-phone-check-form\n                        [shouldBeBusy]=\"false\"\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                </div>\n\n                <sc-addresses-selection-field></sc-addresses-selection-field>\n\n                <div class=\"flex flex-col items-start gap-5 sm:flex-row\">\n                    <label\n                        tuiLabel\n                        class=\"w-full\"\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                        ></tui-error>\n                    </label>\n                    <label\n                        tuiLabel\n                        class=\"w-full\"\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                        ></tui-error>\n                    </label>\n                </div>\n                <tui-error\n                    [error]=\"[] | tuiFieldError | async\"\n                    class=\"self-center\"\n                ></tui-error>\n\n                <div class=\"flex flex-col items-start gap-5 sm:flex-row\">\n                   <label tuiLabel> <input tuiCheckbox 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                   <label tuiLabel> <input tuiCheckbox type=\"checkbox\"\n                        required=\"true\"\n                        formControlName=\"acceptRules\"\n                        class=\"w-full\"\n                    >\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                            >\u0414\u043E\u0433\u043E\u0432\u043E\u0440\u043E\u043C \u043E\u0444\u0435\u0440\u0442\u044B</a\n                        >.\n                        <tui-error\n                            formControlName=\"acceptRules\"\n                            [error]=\"[] | tuiFieldError | async\"\n                        ></tui-error>\n                    </label>\n                </div>\n            </div>\n            <ng-container *ngIf=\"!isIndividual\">\n                <sc-new-contragent-form\n                    [opfControl]=\"opfControl\"\n                    [class.!hidden]=\"stepIndex !== 1\"\n                ></sc-new-contragent-form>\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\"></sc-new-contact-form>\n                            <hr\n                                *ngIf=\"!last\"\n                                class=\"h-px w-full bg-tui-base-04\"\n                            />\n                        </div>\n                        <button\n                            tuiButton\n                            iconStart=\"@tui.plus\"\n                            appearance=\"secondary\"\n                            (click)=\"addContactGroup()\"\n                            type=\"button\"\n                            class=\"self-center\"\n                        >\n                            \u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u043A\u043E\u043D\u0442\u0430\u043A\u0442\n                        </button>\n                    </div>\n                </div>\n\n                <div [class.!hidden]=\"stepIndex !== 3\">\n                    <div\n                        *ngIf=\"bankAccounts\"\n                        class=\"flex flex-col gap-5 pb-1\"\n                    >\n                        <p class=\"text-lg font-bold\">\u0411\u0430\u043D\u043A\u043E\u0432\u0441\u043A\u0438\u0435 \u0440\u0435\u043A\u0432\u0438\u0437\u0438\u0442\u044B</p>\n                        <div\n                            *ngFor=\"let bankAccount of bankAccounts.controls; let index = index; let count = count; let last = last\"\n                            class=\"flex flex-col gap-3\"\n                        >\n                            <div class=\"flex h-12 items-center justify-between\">\n                                <p class=\"font-bold\">\u0411\u0430\u043D\u043A\u043E\u0432\u0441\u043A\u0438\u0435 \u0440\u0435\u043A\u0432\u0438\u0437\u0438\u0442\u044B \u2116{{ index + 1 }}:</p>\n                                <button\n                                    *ngIf=\"count - 1\"\n                                    tuiIconButton\n                                    appearance=\"secondary\"\n                                    (click)=\"removeBankAccountGroup(index)\"\n                                    iconStart=\"@tui.trash-2\"\n                                ></button>\n                            </div>\n                            <sc-new-contragent-bank-account-form [form]=\"bankAccount\"></sc-new-contragent-bank-account-form>\n                            <hr\n                                *ngIf=\"!last\"\n                                class=\"h-px w-full bg-tui-base-04\"\n                            />\n                        </div>\n                        <button\n                            tuiButton\n                            iconStart=\"@tui.plus\"\n                            appearance=\"secondary\"\n                            (click)=\"addBankAccountGroup()\"\n                            type=\"button\"\n                            class=\"self-center\"\n                        >\n                            \u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u0431\u0430\u043D\u043A\u043E\u0432\u0441\u043A\u0438\u0435 \u0440\u0435\u043A\u0432\u0438\u0437\u0438\u0442\u044B\n                        </button>\n                    </div>\n                </div>\n            </ng-container>\n        </tui-elastic-container>\n        <div class=\"flex justify-center gap-2\">\n            <button\n                *ngIf=\"stepIndex > 0\"\n                tuiButton\n                appearance=\"secondary\"\n                type=\"button\"\n                (click)=\"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.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.CheckboxRequiredValidator, selector: "input[type=checkbox][required][formControlName],input[type=checkbox][required][formControl],input[type=checkbox][required][ngModel]" }, { kind: "directive", type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i5.TuiInputPasswordComponent, selector: "tui-input-password" }, { kind: "directive", type: i5.TuiInputPasswordDirective, selector: "tui-input-password" }, { kind: "component", type: 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: i6.TuiLet, selector: "[tuiLet]", inputs: ["tuiLet"] }, { kind: "component", type: ScVerificationPhoneCheckFormComponent, selector: "sc-verification-phone-check-form", inputs: ["showCodeFields", "readOnly", "shouldBeBusy", "shouldBeConfirmed", "haveCode"], outputs: ["haveCodeChange"] }, { kind: "component", type: ScAddressesSelectionFieldComponent, selector: "sc-addresses-selection-field" }, { kind: "component", type: ScSuggestionFieldComponent, selector: "sc-suggestion-field", inputs: ["type"], outputs: ["selectedClick"] }, { kind: "component", type: i3$1.TuiDataListComponent, selector: "tui-data-list", inputs: ["emptyContent", "size"] }, { kind: "directive", type: i3$1.TuiDataListDirective, selector: "ng-template[tuiDataList]" }, { kind: "component", type: i3$1.TuiOption, selector: "button[tuiOption], a[tuiOption], label[tuiOption]", inputs: ["disabled", "value"] }, { kind: "component", type: i2$1.TuiCheckbox, selector: "input[type=\"checkbox\"][tuiCheckbox]", inputs: ["size"] }, { kind: "component", type: i2$1.TuiElasticContainer, selector: "tui-elastic-container" }, { kind: "component", type: i5.TuiSelectComponent, selector: "tui-select", inputs: ["stringify", "identityMatcher", "valueContent"] }, { kind: "directive", type: i5.TuiSelectDirective, selector: "tui-select" }, { kind: "component", type: ScNewContragentBankAccountsFormComponent, selector: "sc-new-contragent-bank-account-form", inputs: ["form"] }, { kind: "component", type: ScNewContragentFormComponent, selector: "sc-new-contragent-form", inputs: ["opfControl"] }, { kind: "component", type: ScNewContactFormComponent, selector: "sc-new-contact-form", inputs: ["form"] }, { kind: "component", type: i2$1.TuiStepperComponent, selector: "tui-stepper, nav[tuiStepper]", inputs: ["orientation", "activeItemIndex"], 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: i6.TuiRepeatTimes, selector: "[tuiRepeatTimes][tuiRepeatTimesOf]", inputs: ["tuiRepeatTimesOf"] }, { kind: "component", type: i2$1.TuiButtonLoading, selector: "[tuiButton][loading],[tuiIconButton][loading]", inputs: ["size", "loading"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i2$1.TuiFieldErrorPipe, name: "tuiFieldError" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: ScSignUpFormComponent, decorators: [{
             type: Component,
@@ -2020,7 +2022,7 @@ class ScContactsAccordionComponent {
         this.deleteButtonClick = new EventEmitter();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: ScContactsAccordionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.7", type: ScContactsAccordionComponent, selector: "sc-contacts-accordion", inputs: { contacts$: "contacts$" }, outputs: { addContactClick: "addContactClick", deleteButtonClick: "deleteButtonClick" }, ngImport: i0, template: "<sc-accordion (addButtonClick)=\"addContactClick.emit()\">\n    \u041A\u043E\u043D\u0442\u0430\u043A\u0442\u044B\n    <ng-template scAccordionContent>\n        <tui-loader\n            *tuiLet=\"contacts$ | async as contacts\"\n            [overlay]=\"true\"\n            [showLoader]=\"contacts === null\"\n        >\n            <div class=\"flex flex-col gap-2\">\n                <ng-container *ngIf=\"!contacts || contacts.length; else contactsNotExist\">\n                    <div\n                        *ngFor=\"let contact of contacts\"\n                        class=\"flex gap-2 border-b border-tui-base-03\"\n                    >\n                        <div class=\"flex grow flex-col gap-2\">\n                            {{ contact.name }}\n                            <a\n                                tuiLink\n                                [scTelLink]=\"contact.phone\"\n                                iconStart=\"@tui.phone\"\n                                \n                                [pseudo]=\"true\"\n                                href=\"tel:{{ contact.phone | scFormatePhone }}\"\n                                >{{ contact.phone | scFormatePhone }}</a\n                            >\n                            <a\n                                tuiLink\n                                iconStart=\"@tui.mail\"\n                                \n                                [pseudo]=\"true\"\n                                href=\"mailto:{{ contact.email }}\"\n                            >\n                                {{ contact.email }}\n                            </a>\n                        </div>\n                        <!-- \u0424\u0443\u043D\u043A\u0446\u0438\u043E\u043D\u0430\u043B \u0443\u0434\u0430\u043B\u0435\u043D\u0438\u044F \u0432\u0440\u0435\u043C\u0435\u043D\u043D\u043E \u043D\u0435 \u0434\u043E\u0441\u0442\u0443\u043F\u0435\u043D \u043F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u0442\u0435\u043B\u044E. -->\n                        <!-- <div class=\"flex flex-col md:flex-row gap-1\">\n                            <button\n                                tuiIconButton\n                                size=\"m\"\n                                type=\"button\"\n                                icon=\"@tui.trash-2\"\n                                appearance=\"flat\"\n                                (click)=\"$event.stopPropagation(); deleteButtonClick.emit(contact)\"\n                            ></button>\n                        </div> -->\n                    </div>\n                </ng-container>\n\n                <ng-template #contactsNotExist>\n                    <tui-notification size=\"l\"><div>\n                        <div class=\"flex flex-wrap gap-2 font-medium\">\u041A\u043E\u043D\u0442\u0430\u043A\u0442\u044B \u043D\u0435 \u0443\u043A\u0430\u0437\u0430\u043D\u044B.</div>\n                    </div></tui-notification>\n                </ng-template>\n            </div>\n        </tui-loader>\n    </ng-template>\n</sc-accordion>\n", dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ScAccordionComponent, selector: "sc-accordion", inputs: ["showAddButton", "showDeleteButton", "showArrow", "open", "size"], outputs: ["addButtonClick", "deleteButtonClick"] }, { kind: "directive", type: ScAccordionContentDirective, selector: "ng-template[scAccordionContent]" }, { kind: "component", type: i1$1.TuiLoader, selector: "tui-loader", inputs: ["size", "inheritColor", "overlay", "textContent", "showLoader"] }, { kind: "directive", type: i7.TuiLet, selector: "[tuiLet]", inputs: ["tuiLet"] }, { kind: "directive", type: i1$1.TuiNotification, selector: "tui-notification,a[tuiNotification],button[tuiNotification]", inputs: ["appearance", "icon", "size"] }, { kind: "directive", type: i1$1.TuiLink, selector: "a[tuiLink], button[tuiLink]", inputs: ["pseudo"] }, { kind: "directive", type: ScTerminalLinkDirective, selector: "a[href]" }, { kind: "directive", type: ScTelLinkDirective, selector: "[scTelLink]", inputs: ["scTelLink"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: ScFormatePhonePipe, name: "scFormatePhone" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.7", type: ScContactsAccordionComponent, selector: "sc-contacts-accordion", inputs: { contacts$: "contacts$" }, outputs: { addContactClick: "addContactClick", deleteButtonClick: "deleteButtonClick" }, ngImport: i0, template: "<sc-accordion (addButtonClick)=\"addContactClick.emit()\">\n    \u041A\u043E\u043D\u0442\u0430\u043A\u0442\u044B\n    <ng-template scAccordionContent>\n        <tui-loader\n            *tuiLet=\"contacts$ | async as contacts\"\n            [overlay]=\"true\"\n            [showLoader]=\"contacts === null\"\n        >\n            <div class=\"flex flex-col gap-2\">\n                <ng-container *ngIf=\"!contacts || contacts.length; else contactsNotExist\">\n                    <div\n                        *ngFor=\"let contact of contacts\"\n                        class=\"flex gap-2 border-b border-tui-base-03\"\n                    >\n                        <div class=\"flex grow flex-col gap-2\">\n                            {{ contact.name }}\n                            <a\n                                tuiLink\n                                [scTelLink]=\"contact.phone\"\n                                iconStart=\"@tui.phone\"\n                                \n                                [pseudo]=\"true\"\n                                href=\"tel:{{ contact.phone | scFormatePhone }}\"\n                                >{{ contact.phone | scFormatePhone }}</a\n                            >\n                            <a\n                                tuiLink\n                                iconStart=\"@tui.mail\"\n                                \n                                [pseudo]=\"true\"\n                                href=\"mailto:{{ contact.email }}\"\n                            >\n                                {{ contact.email }}\n                            </a>\n                        </div>\n                        <!-- \u0424\u0443\u043D\u043A\u0446\u0438\u043E\u043D\u0430\u043B \u0443\u0434\u0430\u043B\u0435\u043D\u0438\u044F \u0432\u0440\u0435\u043C\u0435\u043D\u043D\u043E \u043D\u0435 \u0434\u043E\u0441\u0442\u0443\u043F\u0435\u043D \u043F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u0442\u0435\u043B\u044E. -->\n                        <!-- <div class=\"flex flex-col md:flex-row gap-1\">\n                            <button\n                                tuiIconButton\n                                size=\"m\"\n                                type=\"button\"\n                                icon=\"@tui.trash-2\"\n                                appearance=\"flat\"\n                                (click)=\"$event.stopPropagation(); deleteButtonClick.emit(contact)\"\n                            ></button>\n                        </div> -->\n                    </div>\n                </ng-container>\n\n                <ng-template #contactsNotExist>\n                    <tui-notification size=\"l\"><div>\n                        <div class=\"flex flex-wrap gap-2 font-medium\">\u041A\u043E\u043D\u0442\u0430\u043A\u0442\u044B \u043D\u0435 \u0443\u043A\u0430\u0437\u0430\u043D\u044B.</div>\n                    </div></tui-notification>\n                </ng-template>\n            </div>\n        </tui-loader>\n    </ng-template>\n</sc-accordion>\n", dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ScAccordionComponent, selector: "sc-accordion", inputs: ["showAddButton", "showDeleteButton", "showArrow", "open", "size"], outputs: ["addButtonClick", "deleteButtonClick"] }, { kind: "directive", type: ScAccordionContentDirective, selector: "ng-template[scAccordionContent]" }, { kind: "component", type: i1$1.TuiLoader, selector: "tui-loader", inputs: ["size", "inheritColor", "overlay", "textContent", "showLoader"] }, { kind: "directive", type: i6.TuiLet, selector: "[tuiLet]", inputs: ["tuiLet"] }, { kind: "directive", type: i1$1.TuiNotification, selector: "tui-notification,a[tuiNotification],button[tuiNotification]", inputs: ["appearance", "icon", "size"] }, { kind: "directive", type: i1$1.TuiLink, selector: "a[tuiLink], button[tuiLink]", inputs: ["pseudo"] }, { kind: "directive", type: ScTerminalLinkDirective, selector: "a[href]" }, { kind: "directive", type: ScTelLinkDirective, selector: "[scTelLink]", inputs: ["scTelLink"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: ScFormatePhonePipe, name: "scFormatePhone" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: ScContactsAccordionComponent, decorators: [{
             type: Component,
@@ -2460,7 +2462,7 @@ class ScContragentsAccordionItemComponent {
         this.deleteContragentContactClick.emit({ contact: contact, contragent: contragent });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: ScContragentsAccordionItemComponent, deps: [{ token: i1.ScContragentService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.7", type: ScContragentsAccordionItemComponent, selector: "sc-contragents-accordion-item", inputs: { contragent: "contragent" }, outputs: { deleteContragentClick: "deleteContragentClick", addContragentBankAccountClick: "addContragentBankAccountClick", deleteContragentBankAccountClick: "deleteContragentBankAccountClick", addContragentContactClick: "addContragentContactClick", deleteContragentContactClick: "deleteContragentContactClick" }, ngImport: i0, template: "<sc-accordion [showAddButton]=\"false\">\n    {{ contragent.name }}\n    <span *ngIf=\"$any(contragent).inn as inn\">\u0418\u041D\u041D: {{ inn }}</span>\n\n    <ng-template scAccordionContent>\n        <div class=\"flex flex-col gap-2\">\n            <div class=\"flex gap-2\">\n                <div class=\"flex grow flex-col gap-2\">\n                    {{ contragent.name }}\n                    <span *ngIf=\"$any(contragent).inn as inn\">\u0418\u041D\u041D: {{ inn }}</span>\n                    <span *ngIf=\"$any(contragent).kpp as kpp\">\u041A\u041F\u041F: {{ kpp }}</span>\n                </div>\n                <!-- \u0424\u0443\u043D\u043A\u0446\u0438\u043E\u043D\u0430\u043B \u0443\u0434\u0430\u043B\u0435\u043D\u0438\u044F \u0438 \u0440\u0435\u0434\u0430\u043A\u0442\u0438\u0440\u043E\u0432\u0430\u043D\u0438\u044F \u0432\u0440\u0435\u043C\u0435\u043D\u043D\u043E \u043D\u0435 \u0434\u043E\u0441\u0442\u0443\u043F\u0435\u043D \u043F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u0442\u0435\u043B\u044E. -->\n                <!-- <button\n                    tuiIconButton\n                    size=\"m\"\n                    type=\"button\"\n                    icon=\"@tui.pencil\"\n                    appearance=\"flat\"\n                    (click)=\"$event.stopPropagation(); editContragentClick.emit(contragent.id)\"\n                ></button>\n                <button\n                    tuiIconButton\n                    size=\"m\"\n                    type=\"button\"\n                    icon=\"@tui.trash-2\"\n                    appearance=\"flat\"\n                    (click)=\"$event.stopPropagation(); deleteContragentClick.emit(contragent)\"\n                ></button> -->\n            </div>\n\n            <sc-accordion (addButtonClick)=\"addContragentBankAccountClick.emit(contragent)\">\n                \u0411\u0430\u043D\u043A\u043E\u0432\u0441\u043A\u0438\u0435 \u0440\u0435\u043A\u0432\u0438\u0437\u0438\u0442\u044B\n                <ng-template scAccordionContent>\n                    <tui-loader\n                        *tuiLet=\"bankAccounts$ | async as bankAccounts\"\n                        [overlay]=\"true\"\n                        [showLoader]=\"bankAccounts === null\"\n                    >\n                        <div class=\"flex flex-col gap-2\">\n                            <ng-container *ngIf=\"!bankAccounts || bankAccounts.length; else bankAccountsNotExist\">\n                                <div\n                                    *ngFor=\"let bankAccount of bankAccounts\"\n                                    class=\"flex gap-2 border-b border-tui-base-03\"\n                                >\n                                    <div class=\"flex grow flex-col gap-2\">\n                                        <span>\u0411\u0430\u043D\u043A: {{ bankAccount.bankName }}</span>\n                                        <span>\u0411\u0418\u041A: {{ bankAccount.bic }}</span>\n                                        <span>\u0420/\u0441\u0447\u0451\u0442: {{ bankAccount.accountNumber }}</span>\n                                        <span>\u041A\u043E\u0440/\u0441\u0447\u0451\u0442: {{ bankAccount.correspondentAccount }}</span>\n                                        <span>\u0412\u0430\u043B\u044E\u0442\u0430: {{ bankAccount.currency.name }}</span>\n                                    </div>\n                                    <!-- <div class=\"flex flex-col md:flex-row gap-4\">\n                                        <button\n                                            tuiIconButton\n                                            size=\"m\"\n                                            type=\"button\"\n                                            icon=\"@tui.pencil\"\n                                            appearance=\"flat\"\n                                            (click)=\"$event.stopPropagation(); editBankAccountsContragentClick.emit(bankAccount.id)\"\n                                        ></button>\n                                        <button\n                                            tuiIconButton\n                                            size=\"m\"\n                                            type=\"button\"\n                                            icon=\"@tui.trash-2\"\n                                            appearance=\"flat\"\n                                            (click)=\"$event.stopPropagation(); deleteContragentBankAccountClick.emit(bankAccount)\"\n                                        ></button>\n                                    </div> -->\n                                </div>\n                            </ng-container>\n\n                            <ng-template #bankAccountsNotExist>\n                                <tui-notification size=\"l\"\n                                    ><div>\n                                        <div class=\"flex flex-wrap gap-2 font-medium\">\n                                            \u0423 \u043A\u043E\u043D\u0442\u0440\u0430\u0433\u0435\u043D\u0442\u0430 <span class=\"font-bold\">{{ contragent.name }}</span> \u043D\u0435 \u0443\u043A\u0430\u0437\u0430\u043D\u044B \u0431\u0430\u043D\u043A\u043E\u0432\u0441\u043A\u0438\u0435 \u0440\u0435\u043A\u0432\u0438\u0437\u0438\u0442\u044B.\n                                        </div>\n                                    </div></tui-notification\n                                >\n                            </ng-template>\n                        </div>\n                    </tui-loader>\n                </ng-template>\n            </sc-accordion>\n            <sc-contacts-accordion\n                *ngIf=\"contacts$\"\n                [contacts$]=\"contacts$\"\n                (addContactClick)=\"addContragentContactClick.emit(contragent)\"\n                (deleteButtonClick)=\"onDeleteContragentContactClick($event, contragent)\"\n            ></sc-contacts-accordion>\n        </div>\n    </ng-template>\n</sc-accordion>\n", dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ScAccordionComponent, selector: "sc-accordion", inputs: ["showAddButton", "showDeleteButton", "showArrow", "open", "size"], outputs: ["addButtonClick", "deleteButtonClick"] }, { kind: "directive", type: ScAccordionContentDirective, selector: "ng-template[scAccordionContent]" }, { kind: "component", type: i1$1.TuiLoader, selector: "tui-loader", inputs: ["size", "inheritColor", "overlay", "textContent", "showLoader"] }, { kind: "directive", type: i7.TuiLet, selector: "[tuiLet]", inputs: ["tuiLet"] }, { kind: "directive", type: i1$1.TuiNotification, selector: "tui-notification,a[tuiNotification],button[tuiNotification]", inputs: ["appearance", "icon", "size"] }, { kind: "component", type: ScContactsAccordionComponent, selector: "sc-contacts-accordion", inputs: ["contacts$"], outputs: ["addContactClick", "deleteButtonClick"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.7", type: ScContragentsAccordionItemComponent, selector: "sc-contragents-accordion-item", inputs: { contragent: "contragent" }, outputs: { deleteContragentClick: "deleteContragentClick", addContragentBankAccountClick: "addContragentBankAccountClick", deleteContragentBankAccountClick: "deleteContragentBankAccountClick", addContragentContactClick: "addContragentContactClick", deleteContragentContactClick: "deleteContragentContactClick" }, ngImport: i0, template: "<sc-accordion [showAddButton]=\"false\">\n    {{ contragent.name }}\n    <span *ngIf=\"$any(contragent).inn as inn\">\u0418\u041D\u041D: {{ inn }}</span>\n\n    <ng-template scAccordionContent>\n        <div class=\"flex flex-col gap-2\">\n            <div class=\"flex gap-2\">\n                <div class=\"flex grow flex-col gap-2\">\n                    {{ contragent.name }}\n                    <span *ngIf=\"$any(contragent).inn as inn\">\u0418\u041D\u041D: {{ inn }}</span>\n                    <span *ngIf=\"$any(contragent).kpp as kpp\">\u041A\u041F\u041F: {{ kpp }}</span>\n                </div>\n                <!-- \u0424\u0443\u043D\u043A\u0446\u0438\u043E\u043D\u0430\u043B \u0443\u0434\u0430\u043B\u0435\u043D\u0438\u044F \u0438 \u0440\u0435\u0434\u0430\u043A\u0442\u0438\u0440\u043E\u0432\u0430\u043D\u0438\u044F \u0432\u0440\u0435\u043C\u0435\u043D\u043D\u043E \u043D\u0435 \u0434\u043E\u0441\u0442\u0443\u043F\u0435\u043D \u043F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u0442\u0435\u043B\u044E. -->\n                <!-- <button\n                    tuiIconButton\n                    size=\"m\"\n                    type=\"button\"\n                    icon=\"@tui.pencil\"\n                    appearance=\"flat\"\n                    (click)=\"$event.stopPropagation(); editContragentClick.emit(contragent.id)\"\n                ></button>\n                <button\n                    tuiIconButton\n                    size=\"m\"\n                    type=\"button\"\n                    icon=\"@tui.trash-2\"\n                    appearance=\"flat\"\n                    (click)=\"$event.stopPropagation(); deleteContragentClick.emit(contragent)\"\n                ></button> -->\n            </div>\n\n            <sc-accordion (addButtonClick)=\"addContragentBankAccountClick.emit(contragent)\">\n                \u0411\u0430\u043D\u043A\u043E\u0432\u0441\u043A\u0438\u0435 \u0440\u0435\u043A\u0432\u0438\u0437\u0438\u0442\u044B\n                <ng-template scAccordionContent>\n                    <tui-loader\n                        *tuiLet=\"bankAccounts$ | async as bankAccounts\"\n                        [overlay]=\"true\"\n                        [showLoader]=\"bankAccounts === null\"\n                    >\n                        <div class=\"flex flex-col gap-2\">\n                            <ng-container *ngIf=\"!bankAccounts || bankAccounts.length; else bankAccountsNotExist\">\n                                <div\n                                    *ngFor=\"let bankAccount of bankAccounts\"\n                                    class=\"flex gap-2 border-b border-tui-base-03\"\n                                >\n                                    <div class=\"flex grow flex-col gap-2\">\n                                        <span>\u0411\u0430\u043D\u043A: {{ bankAccount.bankName }}</span>\n                                        <span>\u0411\u0418\u041A: {{ bankAccount.bic }}</span>\n                                        <span>\u0420/\u0441\u0447\u0451\u0442: {{ bankAccount.accountNumber }}</span>\n                                        <span>\u041A\u043E\u0440/\u0441\u0447\u0451\u0442: {{ bankAccount.correspondentAccount }}</span>\n                                        <span>\u0412\u0430\u043B\u044E\u0442\u0430: {{ bankAccount.currency.name }}</span>\n                                    </div>\n                                    <!-- <div class=\"flex flex-col md:flex-row gap-4\">\n                                        <button\n                                            tuiIconButton\n                                            size=\"m\"\n                                            type=\"button\"\n                                            icon=\"@tui.pencil\"\n                                            appearance=\"flat\"\n                                            (click)=\"$event.stopPropagation(); editBankAccountsContragentClick.emit(bankAccount.id)\"\n                                        ></button>\n                                        <button\n                                            tuiIconButton\n                                            size=\"m\"\n                                            type=\"button\"\n                                            icon=\"@tui.trash-2\"\n                                            appearance=\"flat\"\n                                            (click)=\"$event.stopPropagation(); deleteContragentBankAccountClick.emit(bankAccount)\"\n                                        ></button>\n                                    </div> -->\n                                </div>\n                            </ng-container>\n\n                            <ng-template #bankAccountsNotExist>\n                                <tui-notification size=\"l\"\n                                    ><div>\n                                        <div class=\"flex flex-wrap gap-2 font-medium\">\n                                            \u0423 \u043A\u043E\u043D\u0442\u0440\u0430\u0433\u0435\u043D\u0442\u0430 <span class=\"font-bold\">{{ contragent.name }}</span> \u043D\u0435 \u0443\u043A\u0430\u0437\u0430\u043D\u044B \u0431\u0430\u043D\u043A\u043E\u0432\u0441\u043A\u0438\u0435 \u0440\u0435\u043A\u0432\u0438\u0437\u0438\u0442\u044B.\n                                        </div>\n                                    </div></tui-notification\n                                >\n                            </ng-template>\n                        </div>\n                    </tui-loader>\n                </ng-template>\n            </sc-accordion>\n            <sc-contacts-accordion\n                *ngIf=\"contacts$\"\n                [contacts$]=\"contacts$\"\n                (addContactClick)=\"addContragentContactClick.emit(contragent)\"\n                (deleteButtonClick)=\"onDeleteContragentContactClick($event, contragent)\"\n            ></sc-contacts-accordion>\n        </div>\n    </ng-template>\n</sc-accordion>\n", dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ScAccordionComponent, selector: "sc-accordion", inputs: ["showAddButton", "showDeleteButton", "showArrow", "open", "size"], outputs: ["addButtonClick", "deleteButtonClick"] }, { kind: "directive", type: ScAccordionContentDirective, selector: "ng-template[scAccordionContent]" }, { kind: "component", type: i1$1.TuiLoader, selector: "tui-loader", inputs: ["size", "inheritColor", "overlay", "textContent", "showLoader"] }, { kind: "directive", type: i6.TuiLet, selector: "[tuiLet]", inputs: ["tuiLet"] }, { kind: "directive", type: i1$1.TuiNotification, selector: "tui-notification,a[tuiNotification],button[tuiNotification]", inputs: ["appearance", "icon", "size"] }, { kind: "component", type: ScContactsAccordionComponent, selector: "sc-contacts-accordion", inputs: ["contacts$"], outputs: ["addContactClick", "deleteButtonClick"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: ScContragentsAccordionItemComponent, decorators: [{
             type: Component,
@@ -2520,7 +2522,7 @@ class ScContragentsAccordionComponent {
         this.deleteContragentContactClick = new EventEmitter();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: ScContragentsAccordionComponent, deps: [{ token: i1.ScContragentService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.7", type: ScContragentsAccordionComponent, selector: "sc-contragents-accordion", outputs: { addContragentClick: "addContragentClick", deleteContragentClick: "deleteContragentClick", addContragentBankAccountClick: "addContragentBankAccountClick", deleteContragentBankAccountClick: "deleteContragentBankAccountClick", addContragentContactClick: "addContragentContactClick", deleteContragentContactClick: "deleteContragentContactClick" }, ngImport: i0, template: "<sc-accordion (addButtonClick)=\"addContragentClick.emit()\">\n    \u041A\u043E\u043D\u0442\u0440\u0430\u0433\u0435\u043D\u0442\u044B\n    <ng-template scAccordionContent>\n        <tui-loader *tuiLet=\"contragents$ | async as contragents\" [overlay]=\"true\" [showLoader]=\"contragents === null\">\n            <div class=\"flex flex-col gap-2\">\n                <ng-container *ngIf=\"!contragents || contragents.length; else contragentsNotExist\">\n                    <sc-contragents-accordion-item\n                        *ngFor=\"let contragent of contragents\"\n                        [contragent]=\"contragent\"\n                        (deleteContragentClick)=\"deleteContragentClick.emit($event)\"\n                        (addContragentBankAccountClick)=\"addContragentBankAccountClick.emit($event)\"\n                        (deleteContragentBankAccountClick)=\"deleteContragentBankAccountClick.emit($event)\"\n                        (addContragentContactClick)=\"addContragentContactClick.emit($event)\"\n                        (deleteContragentContactClick)=\"deleteContragentContactClick.emit($event)\"\n                    ></sc-contragents-accordion-item>\n                </ng-container>\n\n                <ng-template #contragentsNotExist>\n                    <tui-notification size=\"l\"><div>\n                        <div class=\"flex flex-wrap gap-2 font-medium\">\u041A\u043E\u043D\u0442\u0440\u0430\u0433\u0435\u043D\u0442\u044B \u043D\u0435 \u0443\u043A\u0430\u0437\u0430\u043D\u044B.</div>\n                    </div></tui-notification>\n                </ng-template>\n            </div>\n        </tui-loader>\n    </ng-template>\n</sc-accordion>\n", dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ScAccordionComponent, selector: "sc-accordion", inputs: ["showAddButton", "showDeleteButton", "showArrow", "open", "size"], outputs: ["addButtonClick", "deleteButtonClick"] }, { kind: "directive", type: ScAccordionContentDirective, selector: "ng-template[scAccordionContent]" }, { kind: "component", type: i1$1.TuiLoader, selector: "tui-loader", inputs: ["size", "inheritColor", "overlay", "textContent", "showLoader"] }, { kind: "directive", type: i7.TuiLet, selector: "[tuiLet]", inputs: ["tuiLet"] }, { kind: "directive", type: i1$1.TuiNotification, selector: "tui-notification,a[tuiNotification],button[tuiNotification]", inputs: ["appearance", "icon", "size"] }, { kind: "component", type: ScContragentsAccordionItemComponent, selector: "sc-contragents-accordion-item", inputs: ["contragent"], outputs: ["deleteContragentClick", "addContragentBankAccountClick", "deleteContragentBankAccountClick", "addContragentContactClick", "deleteContragentContactClick"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.7", type: ScContragentsAccordionComponent, selector: "sc-contragents-accordion", outputs: { addContragentClick: "addContragentClick", deleteContragentClick: "deleteContragentClick", addContragentBankAccountClick: "addContragentBankAccountClick", deleteContragentBankAccountClick: "deleteContragentBankAccountClick", addContragentContactClick: "addContragentContactClick", deleteContragentContactClick: "deleteContragentContactClick" }, ngImport: i0, template: "<sc-accordion (addButtonClick)=\"addContragentClick.emit()\">\n    \u041A\u043E\u043D\u0442\u0440\u0430\u0433\u0435\u043D\u0442\u044B\n    <ng-template scAccordionContent>\n        <tui-loader *tuiLet=\"contragents$ | async as contragents\" [overlay]=\"true\" [showLoader]=\"contragents === null\">\n            <div class=\"flex flex-col gap-2\">\n                <ng-container *ngIf=\"!contragents || contragents.length; else contragentsNotExist\">\n                    <sc-contragents-accordion-item\n                        *ngFor=\"let contragent of contragents\"\n                        [contragent]=\"contragent\"\n                        (deleteContragentClick)=\"deleteContragentClick.emit($event)\"\n                        (addContragentBankAccountClick)=\"addContragentBankAccountClick.emit($event)\"\n                        (deleteContragentBankAccountClick)=\"deleteContragentBankAccountClick.emit($event)\"\n                        (addContragentContactClick)=\"addContragentContactClick.emit($event)\"\n                        (deleteContragentContactClick)=\"deleteContragentContactClick.emit($event)\"\n                    ></sc-contragents-accordion-item>\n                </ng-container>\n\n                <ng-template #contragentsNotExist>\n                    <tui-notification size=\"l\"><div>\n                        <div class=\"flex flex-wrap gap-2 font-medium\">\u041A\u043E\u043D\u0442\u0440\u0430\u0433\u0435\u043D\u0442\u044B \u043D\u0435 \u0443\u043A\u0430\u0437\u0430\u043D\u044B.</div>\n                    </div></tui-notification>\n                </ng-template>\n            </div>\n        </tui-loader>\n    </ng-template>\n</sc-accordion>\n", dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ScAccordionComponent, selector: "sc-accordion", inputs: ["showAddButton", "showDeleteButton", "showArrow", "open", "size"], outputs: ["addButtonClick", "deleteButtonClick"] }, { kind: "directive", type: ScAccordionContentDirective, selector: "ng-template[scAccordionContent]" }, { kind: "component", type: i1$1.TuiLoader, selector: "tui-loader", inputs: ["size", "inheritColor", "overlay", "textContent", "showLoader"] }, { kind: "directive", type: i6.TuiLet, selector: "[tuiLet]", inputs: ["tuiLet"] }, { kind: "directive", type: i1$1.TuiNotification, selector: "tui-notification,a[tuiNotification],button[tuiNotification]", inputs: ["appearance", "icon", "size"] }, { kind: "component", type: ScContragentsAccordionItemComponent, selector: "sc-contragents-accordion-item", inputs: ["contragent"], outputs: ["deleteContragentClick", "addContragentBankAccountClick", "deleteContragentBankAccountClick", "addContragentContactClick", "deleteContragentContactClick"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: ScContragentsAccordionComponent, decorators: [{
             type: Component,
@@ -2956,7 +2958,7 @@ class ScBannerComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: ScBannerComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.ScBannerService }, { token: IntersectionObserverService }, { token: ElementRef }, { token: ScPxConverter }, { token: i1.ScUserMetrikaService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.7", type: ScBannerComponent, selector: "sc-banner", inputs: { navigateButton: "navigateButton", playerInterval: "playerInterval", disabled: "disabled", bannerLocation: "bannerLocation", resizable: "resizable" }, outputs: { loadBannersEvent: "loadBannersEvent", clickBannerEvent: "clickBannerEvent" }, host: { listeners: { "mouseenter": "mouseEnterHandler()", "mouseleave": "mouseLeaveHandler()" }, properties: { "style.height": "this.height", "style.width": "this.width", "style.aspect-ratio": "this.aspectRatio", "class.!hidden": "this.isHidden" } }, providers: [IntersectionObserverService], queries: [{ propertyName: "bannersListRef", predicate: ["banner"] }], viewQueries: [{ propertyName: "videoRef", first: true, predicate: ["videoPlayer"], descendants: true }], ngImport: i0, template: "<ng-container *tuiLet=\"banners$ | async\">\n    <tui-carousel\n        class=\"size-full overflow-hidden rounded-xl bg-white shadow-sc-2\"\n        [(index)]=\"currentBannerId\"\n    >\n        <ng-container *ngFor=\"let banner of banners; let index = index\">\n            <a\n                *tuiItem\n                (click)=\"onClick(banner)\"\n                [style.aspect-ratio]=\"aspectRatio\"\n                [attr.href]=\"banner.url ? banner.url : null\"\n                target=\"_blank\"\n                [title]=\"banner.title\"\n                class=\"relative\"\n            >\n                <ng-container [ngSwitch]=\"banner.mediaType\">\n                    <ng-container *ngSwitchCase=\"'video'\">\n                        <video\n                            #videoPlayer\n                            (suspend)=\"showPlayBtn = true\"\n                            (play)=\"showPlayBtn = false\"\n                            [src]=\"banner.mediaFile\"\n                            (ended)=\"onEndedVideo()\"\n                            (mouseover)=\"videoPlayer.pause()\"\n                            (mouseout)=\"videoPlayer.play()\"\n                            class=\"h-full object-cover\"\n                            muted\n                            autoplay\n                        ></video>\n                        <button\n                            *ngIf=\"showPlayBtn\"\n                            tuiIconButton\n                            [@tuiFadeIn]=\"200\"\n                            matRipple\n                            (click)=\"$event.preventDefault(); videoPlayer.play()\"\n                            size=\"s\"\n                            appearance=\"secondary\"\n                            class=\"!absolute bottom-4 left-8\"\n                        >\n                            <i class=\"icon-refresh text-black\"></i>\n                        </button>\n                    </ng-container>\n\n                    <img\n                        *ngSwitchCase=\"'image'\"\n                        [src]=\"banner.mediaFile\"\n                        alt=\"\u0411\u0430\u043D\u043D\u0435\u0440\"\n                        class=\"h-full object-cover\"\n                    />\n                </ng-container>\n            </a>\n        </ng-container>\n        <ng-container *ngFor=\"let item of bannersListRef\">\n            <div\n                *tuiItem\n                [style.height]=\"height\"\n                [style.width]=\"width\"\n                [style.aspect-ratio]=\"aspectRatio\"\n                class=\"overflow-hidden\"\n            >\n                <ng-container [ngTemplateOutlet]=\"item\"></ng-container>\n            </div>\n        </ng-container>\n    </tui-carousel>\n</ng-container>\n<div\n    *ngIf=\"navigateButton && !disabled && 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)=\"onPreviousBanner()\"\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)=\"onNextBanner()\"\n        class=\"!absolute right-2\"\n    ></button>\n</div>\n", styles: [":host{--tui-carousel-padding: 0;display:flex;position:relative}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1$1.TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "directive", type: i1$2.TuiItem, selector: "[tuiItem]" }, { kind: "component", type: i2$1.TuiCarouselComponent, selector: "tui-carousel", inputs: ["draggable", "itemsCount", "index"], outputs: ["indexChange"] }, { kind: "directive", type: i7.TuiLet, selector: "[tuiLet]", inputs: ["tuiLet"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }], animations: [tuiFadeIn], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.7", type: ScBannerComponent, selector: "sc-banner", inputs: { navigateButton: "navigateButton", playerInterval: "playerInterval", disabled: "disabled", bannerLocation: "bannerLocation", resizable: "resizable" }, outputs: { loadBannersEvent: "loadBannersEvent", clickBannerEvent: "clickBannerEvent" }, host: { listeners: { "mouseenter": "mouseEnterHandler()", "mouseleave": "mouseLeaveHandler()" }, properties: { "style.height": "this.height", "style.width": "this.width", "style.aspect-ratio": "this.aspectRatio", "class.!hidden": "this.isHidden" } }, providers: [IntersectionObserverService], queries: [{ propertyName: "bannersListRef", predicate: ["banner"] }], viewQueries: [{ propertyName: "videoRef", first: true, predicate: ["videoPlayer"], descendants: true }], ngImport: i0, template: "<ng-container *tuiLet=\"banners$ | async\">\n    <tui-carousel\n        class=\"size-full overflow-hidden rounded-xl bg-white shadow-sc-2\"\n        [(index)]=\"currentBannerId\"\n    >\n        <ng-container *ngFor=\"let banner of banners; let index = index\">\n            <a\n                *tuiItem\n                (click)=\"onClick(banner)\"\n                [style.aspect-ratio]=\"aspectRatio\"\n                [attr.href]=\"banner.url ? banner.url : null\"\n                target=\"_blank\"\n                [title]=\"banner.title\"\n                class=\"relative\"\n            >\n                <ng-container [ngSwitch]=\"banner.mediaType\">\n                    <ng-container *ngSwitchCase=\"'video'\">\n                        <video\n                            #videoPlayer\n                            (suspend)=\"showPlayBtn = true\"\n                            (play)=\"showPlayBtn = false\"\n                            [src]=\"banner.mediaFile\"\n                            (ended)=\"onEndedVideo()\"\n                            (mouseover)=\"videoPlayer.pause()\"\n                            (mouseout)=\"videoPlayer.play()\"\n                            class=\"h-full object-cover\"\n                            muted\n                            autoplay\n                        ></video>\n                        <button\n                            *ngIf=\"showPlayBtn\"\n                            tuiIconButton\n                            [@tuiFadeIn]=\"200\"\n                            matRipple\n                            (click)=\"$event.preventDefault(); videoPlayer.play()\"\n                            size=\"s\"\n                            appearance=\"secondary\"\n                            class=\"!absolute bottom-4 left-8\"\n                        >\n                            <i class=\"icon-refresh text-black\"></i>\n                        </button>\n                    </ng-container>\n\n                    <img\n                        *ngSwitchCase=\"'image'\"\n                        [src]=\"banner.mediaFile\"\n                        alt=\"\u0411\u0430\u043D\u043D\u0435\u0440\"\n                        class=\"h-full object-cover\"\n                    />\n                </ng-container>\n            </a>\n        </ng-container>\n        <ng-container *ngFor=\"let item of bannersListRef\">\n            <div\n                *tuiItem\n                [style.height]=\"height\"\n                [style.width]=\"width\"\n                [style.aspect-ratio]=\"aspectRatio\"\n                class=\"overflow-hidden\"\n            >\n                <ng-container [ngTemplateOutlet]=\"item\"></ng-container>\n            </div>\n        </ng-container>\n    </tui-carousel>\n</ng-container>\n<div\n    *ngIf=\"navigateButton && !disabled && 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)=\"onPreviousBanner()\"\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)=\"onNextBanner()\"\n        class=\"!absolute right-2\"\n    ></button>\n</div>\n", styles: [":host{--tui-carousel-padding: 0;display:flex;position:relative}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1$1.TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "directive", type: i1$2.TuiItem, selector: "[tuiItem]" }, { kind: "component", type: i2$1.TuiCarouselComponent, selector: "tui-carousel", inputs: ["draggable", "itemsCount", "index"], outputs: ["indexChange"] }, { kind: "directive", type: i6.TuiLet, selector: "[tuiLet]", inputs: ["tuiLet"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }], animations: [tuiFadeIn], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: ScBannerComponent, decorators: [{
             type: Component,
@@ -3084,7 +3086,7 @@ class ScCategoriesListComponent {
         return categories.some((item) => item.properties?.image);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: ScCategoriesListComponent, deps: [{ token: SC_URLS }, { token: IS_RUNNING_ON_TERMINAL }, { token: i1.ScFavoriteService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.7", type: ScCategoriesListComponent, selector: "sc-categories-list", inputs: { categories: "categories" }, outputs: { clickCategoryEvent: "clickCategoryEvent" }, providers: [TERMINAL_PROVIDERS], ngImport: i0, template: "<div\n    [ngClass]=\"{ '!flex !flex-col': terminal.isRunningOnTerminal }\"\n    class=\"grid grid-cols-[repeat(auto-fill,minmax(21rem,1fr))] gap-x-8 gap-y-2\"\n>\n    <ng-container *ngIf=\"categories; else categoriesSkeleton\">\n        <button\n            *ngFor=\"let item of $any(categories)\"\n            class=\"group flex h-11 items-center gap-2 rounded-xl bg-tui-base-02 px-3 py-1.5 text-left ring-tui-primary duration-150 hover-hover:hover:ring-2 hover-none:active:ring-2\"\n            (click)=\"clickCategoryEvent.emit(item)\"\n        >\n            <img\n                *ngIf=\"item.properties?.image as image\"\n                [src]=\"getCategoryImage(image)\"\n                [alt]=\"item.name\"\n                class=\"size-8 rounded bg-tui-base-03 object-cover\"\n            />\n\n            <tui-icon\n                *ngIf=\"!item.properties?.image && checkImagesExists(categories)\"\n                icon=\"@tui.camera-off\"\n                class=\"!h-8 !w-8 rounded bg-tui-base-03 text-tui-base-05\"\n            ></tui-icon>\n            <div class=\"flex grow flex-col truncate\">\n                <div class=\"flex grow truncate\">\n                    <p class=\"truncate text-base font-bold\">{{ item.name }}</p>\n                    <tui-icon\n                        *ngIf=\"item.isFavorite\"\n                        background=\"@tui.bookmark-filled\"\n                        icon=\"@tui.bookmark\"\n                        class=\"mr-auto bg-tui-primary !text-sm text-tui-primary\"\n                    ></tui-icon>\n                </div>\n                <p\n                    *ngIf=\"item.m2Price as m2Price\"\n                    class=\"text-xs font-medium text-tui-text-02\"\n                >\n                    \u0421\u0440\u0435\u0434\u043D\u044F\u044F \u0441\u0442\u043E\u0438\u043C\u043E\u0441\u0442\u044C <span [innerHTML]=\"m2Price\"></span>\n                </p>\n            </div>\n\n            <tui-icon\n                icon=\"@tui.chevron-right\"\n                class=\"duration-150 hover-hover:group-hover:text-tui-primary hover-none:group-active:text-tui-primary\"\n            ></tui-icon>\n        </button>\n    </ng-container>\n</div>\n\n<ng-template #categoriesSkeleton>\n    <button\n        *tuiRepeatTimes=\"let index of isMobile ? 3 : 6\"\n        class=\"group flex h-11 items-center gap-2 rounded-xl bg-tui-base-02 px-3 py-1.5 text-left ring-tui-base-05 duration-150 hover-hover:hover:ring-2 hover-none:active:ring-2\"\n    >\n        <div class=\"tui-skeleton size-8\"></div>\n        <div class=\"tui-skeleton h-4 grow\"></div>\n        <tui-icon\n            icon=\"@tui.chevron-right\"\n            class=\"tui-skeleton duration-150 hover-hover:group-hover:text-tui-primary hover-none:group-active:text-tui-primary\"\n        ></tui-icon>\n    </button>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i1$1.TuiIcon, selector: "tui-icon", inputs: ["icon", "background"] }, { kind: "directive", type: i7.TuiRepeatTimes, selector: "[tuiRepeatTimes][tuiRepeatTimesOf]", inputs: ["tuiRepeatTimesOf"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.7", type: ScCategoriesListComponent, selector: "sc-categories-list", inputs: { categories: "categories" }, outputs: { clickCategoryEvent: "clickCategoryEvent" }, providers: [TERMINAL_PROVIDERS], ngImport: i0, template: "<div\n    [ngClass]=\"{ '!flex !flex-col': terminal.isRunningOnTerminal }\"\n    class=\"grid grid-cols-[repeat(auto-fill,minmax(21rem,1fr))] gap-x-8 gap-y-2\"\n>\n    <ng-container *ngIf=\"categories; else categoriesSkeleton\">\n        <button\n            *ngFor=\"let item of $any(categories)\"\n            class=\"group flex h-11 items-center gap-2 rounded-xl bg-tui-base-02 px-3 py-1.5 text-left ring-tui-primary duration-150 hover-hover:hover:ring-2 hover-none:active:ring-2\"\n            (click)=\"clickCategoryEvent.emit(item)\"\n        >\n            <img\n                *ngIf=\"item.properties?.image as image\"\n                [src]=\"getCategoryImage(image)\"\n                [alt]=\"item.name\"\n                class=\"size-8 rounded bg-tui-base-03 object-cover\"\n            />\n\n            <tui-icon\n                *ngIf=\"!item.properties?.image && checkImagesExists(categories)\"\n                icon=\"@tui.camera-off\"\n                class=\"!h-8 !w-8 rounded bg-tui-base-03 text-tui-base-05\"\n            ></tui-icon>\n            <div class=\"flex grow flex-col truncate\">\n                <div class=\"flex grow truncate\">\n                    <p class=\"truncate text-base font-bold\">{{ item.name }}</p>\n                    <tui-icon\n                        *ngIf=\"item.isFavorite\"\n                        background=\"@tui.bookmark-filled\"\n                        icon=\"@tui.bookmark\"\n                        class=\"mr-auto bg-tui-primary !text-sm text-tui-primary\"\n                    ></tui-icon>\n                </div>\n                <p\n                    *ngIf=\"item.m2Price as m2Price\"\n                    class=\"text-xs font-medium text-tui-text-02\"\n                >\n                    \u0421\u0440\u0435\u0434\u043D\u044F\u044F \u0441\u0442\u043E\u0438\u043C\u043E\u0441\u0442\u044C <span [innerHTML]=\"m2Price\"></span>\n                </p>\n            </div>\n\n            <tui-icon\n                icon=\"@tui.chevron-right\"\n                class=\"duration-150 hover-hover:group-hover:text-tui-primary hover-none:group-active:text-tui-primary\"\n            ></tui-icon>\n        </button>\n    </ng-container>\n</div>\n\n<ng-template #categoriesSkeleton>\n    <button\n        *tuiRepeatTimes=\"let index of isMobile ? 3 : 6\"\n        class=\"group flex h-11 items-center gap-2 rounded-xl bg-tui-base-02 px-3 py-1.5 text-left ring-tui-base-05 duration-150 hover-hover:hover:ring-2 hover-none:active:ring-2\"\n    >\n        <div class=\"tui-skeleton size-8\"></div>\n        <div class=\"tui-skeleton h-4 grow\"></div>\n        <tui-icon\n            icon=\"@tui.chevron-right\"\n            class=\"tui-skeleton duration-150 hover-hover:group-hover:text-tui-primary hover-none:group-active:text-tui-primary\"\n        ></tui-icon>\n    </button>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i1$1.TuiIcon, selector: "tui-icon", inputs: ["icon", "background"] }, { kind: "directive", type: i6.TuiRepeatTimes, selector: "[tuiRepeatTimes][tuiRepeatTimesOf]", inputs: ["tuiRepeatTimesOf"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 __decorate([
     tuiPure
@@ -3602,7 +3604,7 @@ class ScPriceHistoryComponent {
         }, []));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", 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.7", 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.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.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.7", 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.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: i6.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.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 __decorate([
     tuiPure
@@ -3613,7 +3615,7 @@ __decorate([
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: ScPriceHistoryComponent, decorators: [{
             type: Component,
             args: [{ selector: 'sc-price-history', changeDetection: ChangeDetectionStrategy.OnPush, template: "<tui-loader [showLoader]=\"!!(loadingHistory$ | async)\"> </tui-loader>\n\n<div\n    *ngIf=\"(loadingHistory$ | async) === false\"\n    class=\"flex flex-col items-center\"\n>\n    <ng-container *ngIf=\"priceInfo$ | async as priceInfo; else isNotExist\">\n        <div class=\"w-174 mb-1 text-end text-lg font-bold\">\u043E\u0442 {{ priceInfo.min.toLocaleString() }} \u20BD \u0434\u043E {{ priceInfo.max.toLocaleString() }} \u20BD</div>\n\n        <ng-container *ngIf=\"history$ | async as history\">\n            <div\n                *ngIf=\"range$ | async as range\"\n                class=\"relative h-56 w-full p-5 text-tui-primary\"\n            >\n                <tui-axes\n                    *ngIf=\"computeLabels$(range) | async as labels\"\n                    class=\"h-full\"\n                    [axisXLabels]=\"labels\"\n                    [horizontalLines]=\"4\"\n                    [verticalLines]=\"labels.length\"\n                >\n                    <ng-container *tuiLet=\"priceInfo.max - priceInfo.min as height\">\n                        <tui-line-days-chart\n                            *ngIf=\"(height / 100) * paddingPercent as padding\"\n                            [height]=\"height + (height / 100) * paddingPercent * 2\"\n                            [smoothingFactor]=\"10\"\n                            [y]=\"priceInfo.min - (height / 100) * paddingPercent\"\n                            [value]=\"computeValue(range, history)\"\n                            [xStringify]=\"xStringify$ | async\"\n                            [yStringify]=\"yStringify\"\n                            [hintContent]=\"hint\"\n                            class=\"chart\"\n                        ></tui-line-days-chart>\n                    </ng-container>\n                </tui-axes>\n            </div>\n        </ng-container>\n    </ng-container>\n    <ng-template #isNotExist>\n        <p class=\"text-base font-bold\">\u0426\u0435\u043D\u0430 \u043D\u0430 \u0442\u043E\u0432\u0430\u0440 \u043D\u0435 \u0438\u0437\u043C\u0435\u043D\u044F\u043B\u0430\u0441\u044C</p>\n    </ng-template>\n    <ng-template\n        #hint\n        let-data\n    >\n        <div class=\"font-bold\">{{ data[1].toLocaleString() }} \u20BD</div>\n        <div>{{ data[0] }}</div>\n    </ng-template>\n</div>\n" }]
-        }], ctorParameters: () => [{ type: i1.ScCatalogService }, { type: i6.Observable, decorators: [{
+        }], ctorParameters: () => [{ type: i1.ScCatalogService }, { type: i6$1.Observable, decorators: [{
                     type: Inject,
                     args: [TUI_MONTHS]
                 }] }, { type: i1.ScUserMetrikaService }, { type: undefined, decorators: [{
@@ -4214,7 +4216,7 @@ class ScDeliveryAddressAccordionComponent {
         this.deleteDeliveryAddressContactClick = new EventEmitter();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: ScDeliveryAddressAccordionComponent, deps: [{ token: i1.ScDeliveryAddressService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.7", type: ScDeliveryAddressAccordionComponent, selector: "sc-delivery-address-accordion", outputs: { addDeliveryAddressClick: "addDeliveryAddressClick", deleteDeliveryAddressClick: "deleteDeliveryAddressClick", addDeliveryAddressContactClick: "addDeliveryAddressContactClick", deleteDeliveryAddressContactClick: "deleteDeliveryAddressContactClick" }, ngImport: i0, template: "<sc-accordion (addButtonClick)=\"addDeliveryAddressClick.emit()\">\n    \u0410\u0434\u0440\u0435\u0441\u0430 \u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438\n    <ng-template scAccordionContent>\n        <tui-loader *tuiLet=\"deliveryAddress$ | async as deliveryAddress\" [overlay]=\"true\" [showLoader]=\"deliveryAddress === null\">\n            <div class=\"flex flex-col gap-2\">\n                <ng-container *ngIf=\"!deliveryAddress || deliveryAddress.length; else contragentsNotExist\">\n                    <sc-delivery-address-accordion-item\n                        *ngFor=\"let address of deliveryAddress\"\n                        [deliveryAddress]=\"address\"\n                        (deleteDeliveryAddressClick)=\"deleteDeliveryAddressClick.emit($event)\"\n                        (addDeliveryAddressContactClick)=\"addDeliveryAddressContactClick.emit($event)\"\n                        (deleteDeliveryAddressContactClick)=\"deleteDeliveryAddressContactClick.emit($event)\"\n                        ></sc-delivery-address-accordion-item>\n                </ng-container>\n\n                <ng-template #contragentsNotExist>\n                    <tui-notification size=\"l\"><div>\n                        <div class=\"flex flex-wrap gap-2 font-medium\">\u0410\u0434\u0440\u0435\u0441\u0430 \u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438 \u043D\u0435 \u0443\u043A\u0430\u0437\u0430\u043D\u044B.</div>\n                    </div></tui-notification>\n                </ng-template>\n            </div>\n        </tui-loader>\n    </ng-template>\n</sc-accordion>\n", dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ScAccordionComponent, selector: "sc-accordion", inputs: ["showAddButton", "showDeleteButton", "showArrow", "open", "size"], outputs: ["addButtonClick", "deleteButtonClick"] }, { kind: "directive", type: ScAccordionContentDirective, selector: "ng-template[scAccordionContent]" }, { kind: "component", type: i1$1.TuiLoader, selector: "tui-loader", inputs: ["size", "inheritColor", "overlay", "textContent", "showLoader"] }, { kind: "directive", type: i7.TuiLet, selector: "[tuiLet]", inputs: ["tuiLet"] }, { kind: "directive", type: i1$1.TuiNotification, selector: "tui-notification,a[tuiNotification],button[tuiNotification]", inputs: ["appearance", "icon", "size"] }, { kind: "component", type: ScDeliveryAddressAccordionItemComponent, selector: "sc-delivery-address-accordion-item", inputs: ["deliveryAddress"], outputs: ["deleteDeliveryAddressClick", "addDeliveryAddressContactClick", "deleteDeliveryAddressContactClick"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.7", type: ScDeliveryAddressAccordionComponent, selector: "sc-delivery-address-accordion", outputs: { addDeliveryAddressClick: "addDeliveryAddressClick", deleteDeliveryAddressClick: "deleteDeliveryAddressClick", addDeliveryAddressContactClick: "addDeliveryAddressContactClick", deleteDeliveryAddressContactClick: "deleteDeliveryAddressContactClick" }, ngImport: i0, template: "<sc-accordion (addButtonClick)=\"addDeliveryAddressClick.emit()\">\n    \u0410\u0434\u0440\u0435\u0441\u0430 \u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438\n    <ng-template scAccordionContent>\n        <tui-loader *tuiLet=\"deliveryAddress$ | async as deliveryAddress\" [overlay]=\"true\" [showLoader]=\"deliveryAddress === null\">\n            <div class=\"flex flex-col gap-2\">\n                <ng-container *ngIf=\"!deliveryAddress || deliveryAddress.length; else contragentsNotExist\">\n                    <sc-delivery-address-accordion-item\n                        *ngFor=\"let address of deliveryAddress\"\n                        [deliveryAddress]=\"address\"\n                        (deleteDeliveryAddressClick)=\"deleteDeliveryAddressClick.emit($event)\"\n                        (addDeliveryAddressContactClick)=\"addDeliveryAddressContactClick.emit($event)\"\n                        (deleteDeliveryAddressContactClick)=\"deleteDeliveryAddressContactClick.emit($event)\"\n                        ></sc-delivery-address-accordion-item>\n                </ng-container>\n\n                <ng-template #contragentsNotExist>\n                    <tui-notification size=\"l\"><div>\n                        <div class=\"flex flex-wrap gap-2 font-medium\">\u0410\u0434\u0440\u0435\u0441\u0430 \u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438 \u043D\u0435 \u0443\u043A\u0430\u0437\u0430\u043D\u044B.</div>\n                    </div></tui-notification>\n                </ng-template>\n            </div>\n        </tui-loader>\n    </ng-template>\n</sc-accordion>\n", dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ScAccordionComponent, selector: "sc-accordion", inputs: ["showAddButton", "showDeleteButton", "showArrow", "open", "size"], outputs: ["addButtonClick", "deleteButtonClick"] }, { kind: "directive", type: ScAccordionContentDirective, selector: "ng-template[scAccordionContent]" }, { kind: "component", type: i1$1.TuiLoader, selector: "tui-loader", inputs: ["size", "inheritColor", "overlay", "textContent", "showLoader"] }, { kind: "directive", type: i6.TuiLet, selector: "[tuiLet]", inputs: ["tuiLet"] }, { kind: "directive", type: i1$1.TuiNotification, selector: "tui-notification,a[tuiNotification],button[tuiNotification]", inputs: ["appearance", "icon", "size"] }, { kind: "component", type: ScDeliveryAddressAccordionItemComponent, selector: "sc-delivery-address-accordion-item", inputs: ["deliveryAddress"], outputs: ["deleteDeliveryAddressClick", "addDeliveryAddressContactClick", "deleteDeliveryAddressContactClick"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: ScDeliveryAddressAccordionComponent, decorators: [{
             type: Component,
@@ -4662,7 +4664,7 @@ class ScBrandsListComponent {
         this.items = [];
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: ScBrandsListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.7", type: ScBrandsListComponent, selector: "sc-brands-list", inputs: { items: "items" }, ngImport: i0, template: "<!-- TODO: TASK:[#9893] \u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u0440\u0430\u0437\u0434\u0435\u043B\u0435\u043D\u0438\u0435 \u043D\u0430 \u043D\u0435\u0441\u043A\u043E\u043B\u044C\u043A\u043E \u0441\u0442\u0440\u043E\u043A \u0438\u0437\u043E\u0431\u0440\u0430\u0436\u0435\u043D\u0438\u0439, \u043F\u0440\u0438 \u0443\u0432\u0435\u043B\u0438\u0447\u0435\u043D\u0438\u0438 \u043A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u0430 \u0431\u0440\u0435\u043D\u0434\u043E\u0432. -->\n<div class=\"flex flex-col gap-4\">\n    <div class=\"relative\">\n        <div class=\"absolute -left-1 top-0 z-10 block h-full w-12 bg-gradient-to-r from-tui-base-01 to-transparent\"></div>\n        <div class=\"flex select-none items-center justify-center gap-12 overflow-hidden contrast-150 saturate-0\">\n            <div\n                *ngFor=\"let _ of [].constructor(3)\"\n                class=\"animate-scroll-slow scroll-slow-revert flex shrink-0 items-center gap-16\"\n            >\n                <div\n                    *tuiRepeatTimes=\"let index of items.length - (items.length - (items.length % 2)) / 2\"\n                    class=\"flex items-center justify-center\"\n                >\n                    <img\n                        [src]=\"items[index + (items.length - (items.length % 2)) / 2].src\"\n                        [alt]=\"items[index].alt\"\n                    />\n                </div>\n            </div>\n        </div>\n        <div class=\"absolute -right-1 top-0 z-10 block h-full w-12 bg-gradient-to-r from-transparent to-tui-base-01\"></div>\n    </div>\n    <div class=\"relative\">\n        <div class=\"absolute -left-1 top-0 z-10 block h-full w-12 bg-gradient-to-r from-tui-base-01 to-transparent\"></div>\n        <div class=\"flex select-none items-center justify-center gap-12 overflow-hidden contrast-150 saturate-0\">\n            <div\n                *ngFor=\"let _ of [].constructor(3)\"\n                class=\"animate-scroll-slow flex shrink-0 items-center gap-16\"\n            >\n                <div\n                    *tuiRepeatTimes=\"let index of (items.length - (items.length % 2)) / 2\"\n                    class=\"flex items-center justify-center\"\n                >\n                    <img\n                        [src]=\"items[index].src\"\n                        [alt]=\"items[index].alt\"\n                    />\n                </div>\n            </div>\n        </div>\n        <div class=\"absolute -right-1 top-0 z-10 block h-full w-12 bg-gradient-to-r from-transparent to-tui-base-01\"></div>\n    </div>\n</div>\n", styles: [".scroll-slow-revert{animation-direction:reverse!important;animation-delay:-15s!important}@keyframes scroll-slow{0%{transform:translate(0)}to{transform:translate(calc(-100% - 3rem))}}.animate-scroll-slow{animation:scroll-slow 30s linear infinite}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i7.TuiRepeatTimes, selector: "[tuiRepeatTimes][tuiRepeatTimesOf]", inputs: ["tuiRepeatTimesOf"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.7", type: ScBrandsListComponent, selector: "sc-brands-list", inputs: { items: "items" }, ngImport: i0, template: "<!-- TODO: TASK:[#9893] \u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u0440\u0430\u0437\u0434\u0435\u043B\u0435\u043D\u0438\u0435 \u043D\u0430 \u043D\u0435\u0441\u043A\u043E\u043B\u044C\u043A\u043E \u0441\u0442\u0440\u043E\u043A \u0438\u0437\u043E\u0431\u0440\u0430\u0436\u0435\u043D\u0438\u0439, \u043F\u0440\u0438 \u0443\u0432\u0435\u043B\u0438\u0447\u0435\u043D\u0438\u0438 \u043A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u0430 \u0431\u0440\u0435\u043D\u0434\u043E\u0432. -->\n<div class=\"flex flex-col gap-4\">\n    <div class=\"relative\">\n        <div class=\"absolute -left-1 top-0 z-10 block h-full w-12 bg-gradient-to-r from-tui-base-01 to-transparent\"></div>\n        <div class=\"flex select-none items-center justify-center gap-12 overflow-hidden contrast-150 saturate-0\">\n            <div\n                *ngFor=\"let _ of [].constructor(3)\"\n                class=\"animate-scroll-slow scroll-slow-revert flex shrink-0 items-center gap-16\"\n            >\n                <div\n                    *tuiRepeatTimes=\"let index of items.length - (items.length - (items.length % 2)) / 2\"\n                    class=\"flex items-center justify-center\"\n                >\n                    <img\n                        [src]=\"items[index + (items.length - (items.length % 2)) / 2].src\"\n                        [alt]=\"items[index].alt\"\n                    />\n                </div>\n            </div>\n        </div>\n        <div class=\"absolute -right-1 top-0 z-10 block h-full w-12 bg-gradient-to-r from-transparent to-tui-base-01\"></div>\n    </div>\n    <div class=\"relative\">\n        <div class=\"absolute -left-1 top-0 z-10 block h-full w-12 bg-gradient-to-r from-tui-base-01 to-transparent\"></div>\n        <div class=\"flex select-none items-center justify-center gap-12 overflow-hidden contrast-150 saturate-0\">\n            <div\n                *ngFor=\"let _ of [].constructor(3)\"\n                class=\"animate-scroll-slow flex shrink-0 items-center gap-16\"\n            >\n                <div\n                    *tuiRepeatTimes=\"let index of (items.length - (items.length % 2)) / 2\"\n                    class=\"flex items-center justify-center\"\n                >\n                    <img\n                        [src]=\"items[index].src\"\n                        [alt]=\"items[index].alt\"\n                    />\n                </div>\n            </div>\n        </div>\n        <div class=\"absolute -right-1 top-0 z-10 block h-full w-12 bg-gradient-to-r from-transparent to-tui-base-01\"></div>\n    </div>\n</div>\n", styles: [".scroll-slow-revert{animation-direction:reverse!important;animation-delay:-15s!important}@keyframes scroll-slow{0%{transform:translate(0)}to{transform:translate(calc(-100% - 3rem))}}.animate-scroll-slow{animation:scroll-slow 30s linear infinite}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i6.TuiRepeatTimes, selector: "[tuiRepeatTimes][tuiRepeatTimesOf]", inputs: ["tuiRepeatTimesOf"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: ScBrandsListComponent, decorators: [{
             type: Component,
@@ -4949,11 +4951,13 @@ class ScAskToSampleFormComponent {
             .getUserChange$()
             .pipe(tap((user) => {
             if (user.isGuest) {
+                this.form.addControl('recaptcha', this.recaptchaControl);
                 this.form.controls.email.reset();
                 this.form.controls.name.reset();
                 this.form.controls.phone.reset();
             }
             else {
+                this.form.removeControl('recaptcha');
                 this.form.patchValue({
                     name: user.name,
                     phone: user.contacts.phone.value,
@@ -4961,9 +4965,16 @@ class ScAskToSampleFormComponent {
                 });
             }
         }));
+        /**
+         * Контекст диалогового окна, в котором открыт компонент.
+         */
         this.context = inject(POLYMORPHEUS_CONTEXT, {
             optional: true,
         });
+        /**
+         * Поле ввода для recaptcha.
+         */
+        this.recaptchaControl = new FormControl(null, Validators.required);
         /**
          * Группа полей ввода для формы «Пожелания и предложения по улучшению сайта».
          */
@@ -4972,6 +4983,7 @@ class ScAskToSampleFormComponent {
             phone: new FormControl(null, [Validators.required, Validators.minLength(12)]),
             email: new FormControl(null, [Validators.required, Validators.email]),
             description: new FormControl('Неизвестная форма', [Validators.required, Validators.minLength(3)]),
+            recaptcha: new FormControl(null, Validators.required),
         });
         /**
          * Перечисление типов подсказок.
@@ -5034,11 +5046,11 @@ class ScAskToSampleFormComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: ScAskToSampleFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.7", type: ScAskToSampleFormComponent, selector: "sc-ask-to-sample-form", inputs: { formName: "formName" }, ngImport: i0, template: "<form\n    *tuiLet=\"user$ | async\"\n    [formGroup]=\"form\"\n    (ngSubmit)=\"onSubmit.next()\"\n    class=\"flex flex-col justify-between gap-4\"\n>\n    <label tuiLabel\n        >\u0424\u0418\u041E\n        <tui-input formControlName=\"name\"> \u0418\u0432\u0430\u043D\u043E\u0432 \u0418\u0432\u0430\u043D \u0418\u0432\u0430\u043D\u043E\u0432\u0438\u0447 </tui-input>\n        <tui-error\n            formControlName=\"name\"\n            [error]=\"[] | tuiFieldError | async\"\n        ></tui-error>\n    </label>\n    <label tuiLabel\n        >\u0422\u0435\u043B\u0435\u0444\u043E\u043D\n        <tui-input-phone formControlName=\"phone\"> \u0422\u0435\u043B\u0435\u0444\u043E\u043D </tui-input-phone>\n        <tui-error\n            formControlName=\"phone\"\n            [error]=\"[] | tuiFieldError | async\"\n        ></tui-error>\n    </label>\n    <label\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    <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\u0441\u0442\u0430\u0432\u0438\u0442\u044C\n    </button>\n</form>\n", dependencies: [{ kind: "directive", type: i3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i1$1.TuiError, selector: "tui-error", inputs: ["error"] }, { 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: i5.TuiInputPhoneComponent, selector: "tui-input-phone", inputs: ["phoneMaskAfterCountryCode", "allowText", "search", "countryCode"], outputs: ["searchChange"] }, { kind: "directive", type: i5.TuiInputPhoneDirective, selector: "tui-input-phone" }, { kind: "directive", type: i7.TuiLet, selector: "[tuiLet]", inputs: ["tuiLet"] }, { kind: "directive", type: i1$1.TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "component", type: i2$1.TuiButtonLoading, selector: "[tuiButton][loading],[tuiIconButton][loading]", inputs: ["size", "loading"] }, { kind: "directive", type: i1$1.TuiLabel, selector: "label[tuiLabel]" }, { kind: "pipe", type: i2.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.7", type: ScAskToSampleFormComponent, selector: "sc-ask-to-sample-form", inputs: { formName: "formName" }, ngImport: i0, template: "<form\n    *tuiLet=\"user$ | async\"\n    [formGroup]=\"form\"\n    (ngSubmit)=\"onSubmit.next()\"\n    class=\"flex flex-col justify-between gap-4\"\n>\n    <label tuiLabel\n        >\u0424\u0418\u041E\n        <tui-input formControlName=\"name\"> \u0418\u0432\u0430\u043D\u043E\u0432 \u0418\u0432\u0430\u043D \u0418\u0432\u0430\u043D\u043E\u0432\u0438\u0447 </tui-input>\n        <tui-error\n            formControlName=\"name\"\n            [error]=\"[] | tuiFieldError | async\"\n        ></tui-error>\n    </label>\n    <label tuiLabel\n        >\u0422\u0435\u043B\u0435\u0444\u043E\u043D\n        <tui-input-phone formControlName=\"phone\"> \u0422\u0435\u043B\u0435\u0444\u043E\u043D </tui-input-phone>\n        <tui-error\n            formControlName=\"phone\"\n            [error]=\"[] | tuiFieldError | async\"\n        ></tui-error>\n    </label>\n    <label\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    <div\n        *ngIf=\"form.get('recaptcha')\"\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\"></re-captcha>\n    </div>\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\u0441\u0442\u0430\u0432\u0438\u0442\u044C\n    </button>\n</form>\n", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i1$1.TuiError, selector: "tui-error", inputs: ["error"] }, { 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: i5.TuiInputPhoneComponent, selector: "tui-input-phone", inputs: ["phoneMaskAfterCountryCode", "allowText", "search", "countryCode"], outputs: ["searchChange"] }, { kind: "directive", type: i5.TuiInputPhoneDirective, selector: "tui-input-phone" }, { kind: "directive", type: i6.TuiLet, selector: "[tuiLet]", inputs: ["tuiLet"] }, { kind: "directive", type: i1$1.TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "component", type: i2$1.TuiButtonLoading, selector: "[tuiButton][loading],[tuiIconButton][loading]", inputs: ["size", "loading"] }, { kind: "directive", type: i1$1.TuiLabel, selector: "label[tuiLabel]" }, { kind: "directive", type: i8$2.RecaptchaValueAccessorDirective, selector: "re-captcha[formControlName],re-captcha[formControl],re-captcha[ngModel]" }, { kind: "component", type: i8$2.RecaptchaComponent, selector: "re-captcha", inputs: ["id", "siteKey", "theme", "type", "size", "tabIndex", "badge", "errorMode"], outputs: ["resolved", "error", "errored"], exportAs: ["reCaptcha"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i2$1.TuiFieldErrorPipe, name: "tuiFieldError" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: ScAskToSampleFormComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sc-ask-to-sample-form', changeDetection: ChangeDetectionStrategy.OnPush, template: "<form\n    *tuiLet=\"user$ | async\"\n    [formGroup]=\"form\"\n    (ngSubmit)=\"onSubmit.next()\"\n    class=\"flex flex-col justify-between gap-4\"\n>\n    <label tuiLabel\n        >\u0424\u0418\u041E\n        <tui-input formControlName=\"name\"> \u0418\u0432\u0430\u043D\u043E\u0432 \u0418\u0432\u0430\u043D \u0418\u0432\u0430\u043D\u043E\u0432\u0438\u0447 </tui-input>\n        <tui-error\n            formControlName=\"name\"\n            [error]=\"[] | tuiFieldError | async\"\n        ></tui-error>\n    </label>\n    <label tuiLabel\n        >\u0422\u0435\u043B\u0435\u0444\u043E\u043D\n        <tui-input-phone formControlName=\"phone\"> \u0422\u0435\u043B\u0435\u0444\u043E\u043D </tui-input-phone>\n        <tui-error\n            formControlName=\"phone\"\n            [error]=\"[] | tuiFieldError | async\"\n        ></tui-error>\n    </label>\n    <label\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    <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\u0441\u0442\u0430\u0432\u0438\u0442\u044C\n    </button>\n</form>\n" }]
+            args: [{ selector: 'sc-ask-to-sample-form', changeDetection: ChangeDetectionStrategy.OnPush, template: "<form\n    *tuiLet=\"user$ | async\"\n    [formGroup]=\"form\"\n    (ngSubmit)=\"onSubmit.next()\"\n    class=\"flex flex-col justify-between gap-4\"\n>\n    <label tuiLabel\n        >\u0424\u0418\u041E\n        <tui-input formControlName=\"name\"> \u0418\u0432\u0430\u043D\u043E\u0432 \u0418\u0432\u0430\u043D \u0418\u0432\u0430\u043D\u043E\u0432\u0438\u0447 </tui-input>\n        <tui-error\n            formControlName=\"name\"\n            [error]=\"[] | tuiFieldError | async\"\n        ></tui-error>\n    </label>\n    <label tuiLabel\n        >\u0422\u0435\u043B\u0435\u0444\u043E\u043D\n        <tui-input-phone formControlName=\"phone\"> \u0422\u0435\u043B\u0435\u0444\u043E\u043D </tui-input-phone>\n        <tui-error\n            formControlName=\"phone\"\n            [error]=\"[] | tuiFieldError | async\"\n        ></tui-error>\n    </label>\n    <label\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    <div\n        *ngIf=\"form.get('recaptcha')\"\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\"></re-captcha>\n    </div>\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\u0441\u0442\u0430\u0432\u0438\u0442\u044C\n    </button>\n</form>\n" }]
         }], propDecorators: { formName: [{
                 type: Input
             }] } });
@@ -5100,7 +5112,7 @@ class ScPreviewSampleComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: ScPreviewSampleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.7", type: ScPreviewSampleComponent, selector: "sc-preview-sample", inputs: { index: "index", sample: "sample", isShowCarouselSwitches: "isShowCarouselSwitches", isReverse: "isReverse" }, outputs: { indexChange: "indexChange" }, ngImport: i0, template: "<div\n    *tuiLet=\"sample.items && sample.items.length > 1 as isShownSwitches\"\n    class=\"mb-4 flex flex-col-reverse gap-4 md:mb-0 md:flex-row md:gap-8\"\n    [class.md:!flex-row-reverse]=\"isReverse\"\n>\n    <div class=\"flex max-w-96 flex-1 flex-col justify-center self-center md:max-w-none md:gap-4\">\n        <div class=\"flex w-full flex-col gap-3 md:gap-4 md:px-8\">\n            <div class=\"text-body-l-bold\">{{ sample.title }}</div>\n            <div>{{ sample.description }}</div>\n            <div\n                *ngIf=\"isShownSwitches\"\n                class=\"flex gap-4\"\n            >\n                <tui-avatar [src]=\"item.buttonImageUrl\" [round]=\"false\"\n                    *ngFor=\"let item of sample.items; let itemIndex = index\"\n                    (tuiHoveredChange)=\"onChangeIndex(itemIndex)\"\n                   \n                    [class.active]=\"index === itemIndex\"\n                ></tui-avatar>\n            </div>\n            <img\n                *ngIf=\"sample.descriptionImageUrl\"\n                [src]=\"sample.descriptionImageUrl\"\n                alt=\"\u041A\u043E\u043D\u0441\u0442\u0440\u0443\u043A\u0446\u0438\u044F \u043E\u0431\u0440\u0430\u0437\u0446\u0430 {{ sample.title }}\"\n                class=\"w-fit\"\n            />\n            <div\n                *ngIf=\"sample.actions && sample.actions.length\"\n                class=\"flex flex-wrap gap-3 md:gap-4\"\n            >\n                <button\n                    *ngFor=\"let action of sample.actions\"\n                    tuiButton\n                    (click)=\"action.handler()\"\n                    [iconStart]=\"action.icon\"\n                    appearance=\"secondary\"\n                >\n                    {{ action.label }}\n                </button>\n            </div>\n        </div>\n    </div>\n\n    <div class=\"relative h-[19em] flex-1 overflow-hidden rounded-xl shadow-tui-shadow md:h-96 lg:h-[28rem]\">\n        <button\n            *ngIf=\"isShownSwitches && isShowCarouselSwitches\"\n            tuiIconButton\n            (click)=\"onPrevious()\"\n            iconStart=\"@tui.chevron-left\"\n            appearance=\"icon\"\n            class=\"!absolute left-0 top-1/2 z-10 ml-2 -translate-y-1/2\"\n        ></button>\n\n        <tui-carousel\n            *tuiLet=\"indexChangeInterval | async\"\n            [(index)]=\"index\"\n            class=\"h-[19em] w-full md:h-96 lg:h-[28rem]\"\n        >\n            <ng-container *ngFor=\"let item of sample.items\">\n                <div\n                    *tuiItem\n                    [style.backgroundImage]=\"'url(' + item.carouselItemImage + ')'\"\n                    class=\"h-[19em] w-full bg-cover bg-right md:h-96 lg:h-[28rem]\"\n                ></div>\n            </ng-container>\n        </tui-carousel>\n        <button\n            *ngIf=\"isShownSwitches && isShowCarouselSwitches\"\n            tuiIconButton\n            (click)=\"onNext()\"\n            iconStart=\"@tui.chevron-right\"\n            appearance=\"icon\"\n            class=\"!absolute right-0 top-1/2 z-10 mr-2 -translate-y-1/2\"\n        ></button>\n    </div>\n</div>\n", styles: [":host{--tui-carousel-padding: 0}tui-avatar.active{--tw-ring-color: var(--tui-background-accent-1);--tw-ring-offset-width: 2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 rgba(0, 0, 0, 0))}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.TuiItem, selector: "[tuiItem]" }, { kind: "component", type: i2$1.TuiCarouselComponent, selector: "tui-carousel", inputs: ["draggable", "itemsCount", "index"], outputs: ["indexChange"] }, { kind: "component", type: i2$1.TuiAvatar, selector: "tui-avatar,button[tuiAvatar],a[tuiAvatar]", inputs: ["size", "round", "src"] }, { kind: "directive", type: i7.TuiHovered, selector: "[tuiHoveredChange]", outputs: ["tuiHoveredChange"] }, { kind: "directive", type: i7.TuiLet, selector: "[tuiLet]", inputs: ["tuiLet"] }, { kind: "directive", type: i1$1.TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.7", type: ScPreviewSampleComponent, selector: "sc-preview-sample", inputs: { index: "index", sample: "sample", isShowCarouselSwitches: "isShowCarouselSwitches", isReverse: "isReverse" }, outputs: { indexChange: "indexChange" }, ngImport: i0, template: "<div\n    *tuiLet=\"sample.items && sample.items.length > 1 as isShownSwitches\"\n    class=\"mb-4 flex flex-col-reverse gap-4 md:mb-0 md:flex-row md:gap-8\"\n    [class.md:!flex-row-reverse]=\"isReverse\"\n>\n    <div class=\"flex max-w-96 flex-1 flex-col justify-center self-center md:max-w-none md:gap-4\">\n        <div class=\"flex w-full flex-col gap-3 md:gap-4 md:px-8\">\n            <div class=\"text-body-l-bold\">{{ sample.title }}</div>\n            <div>{{ sample.description }}</div>\n            <div\n                *ngIf=\"isShownSwitches\"\n                class=\"flex gap-4\"\n            >\n                <tui-avatar [src]=\"item.buttonImageUrl\" [round]=\"false\"\n                    *ngFor=\"let item of sample.items; let itemIndex = index\"\n                    (tuiHoveredChange)=\"onChangeIndex(itemIndex)\"\n                   \n                    [class.active]=\"index === itemIndex\"\n                ></tui-avatar>\n            </div>\n            <img\n                *ngIf=\"sample.descriptionImageUrl\"\n                [src]=\"sample.descriptionImageUrl\"\n                alt=\"\u041A\u043E\u043D\u0441\u0442\u0440\u0443\u043A\u0446\u0438\u044F \u043E\u0431\u0440\u0430\u0437\u0446\u0430 {{ sample.title }}\"\n                class=\"w-fit\"\n            />\n            <div\n                *ngIf=\"sample.actions && sample.actions.length\"\n                class=\"flex flex-wrap gap-3 md:gap-4\"\n            >\n                <button\n                    *ngFor=\"let action of sample.actions\"\n                    tuiButton\n                    (click)=\"action.handler()\"\n                    [iconStart]=\"action.icon\"\n                    appearance=\"secondary\"\n                >\n                    {{ action.label }}\n                </button>\n            </div>\n        </div>\n    </div>\n\n    <div class=\"relative h-[19em] flex-1 overflow-hidden rounded-xl shadow-tui-shadow md:h-96 lg:h-[28rem]\">\n        <button\n            *ngIf=\"isShownSwitches && isShowCarouselSwitches\"\n            tuiIconButton\n            (click)=\"onPrevious()\"\n            iconStart=\"@tui.chevron-left\"\n            appearance=\"icon\"\n            class=\"!absolute left-0 top-1/2 z-10 ml-2 -translate-y-1/2\"\n        ></button>\n\n        <tui-carousel\n            *tuiLet=\"indexChangeInterval | async\"\n            [(index)]=\"index\"\n            class=\"h-[19em] w-full md:h-96 lg:h-[28rem]\"\n        >\n            <ng-container *ngFor=\"let item of sample.items\">\n                <div\n                    *tuiItem\n                    [style.backgroundImage]=\"'url(' + item.carouselItemImage + ')'\"\n                    class=\"h-[19em] w-full bg-cover bg-right md:h-96 lg:h-[28rem]\"\n                ></div>\n            </ng-container>\n        </tui-carousel>\n        <button\n            *ngIf=\"isShownSwitches && isShowCarouselSwitches\"\n            tuiIconButton\n            (click)=\"onNext()\"\n            iconStart=\"@tui.chevron-right\"\n            appearance=\"icon\"\n            class=\"!absolute right-0 top-1/2 z-10 mr-2 -translate-y-1/2\"\n        ></button>\n    </div>\n</div>\n", styles: [":host{--tui-carousel-padding: 0}tui-avatar.active{--tw-ring-color: var(--tui-background-accent-1);--tw-ring-offset-width: 2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 rgba(0, 0, 0, 0))}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.TuiItem, selector: "[tuiItem]" }, { kind: "component", type: i2$1.TuiCarouselComponent, selector: "tui-carousel", inputs: ["draggable", "itemsCount", "index"], outputs: ["indexChange"] }, { kind: "component", type: i2$1.TuiAvatar, selector: "tui-avatar,button[tuiAvatar],a[tuiAvatar]", inputs: ["size", "round", "src"] }, { kind: "directive", type: i6.TuiHovered, selector: "[tuiHoveredChange]", outputs: ["tuiHoveredChange"] }, { kind: "directive", type: i6.TuiLet, selector: "[tuiLet]", inputs: ["tuiLet"] }, { kind: "directive", type: i1$1.TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: ScPreviewSampleComponent, decorators: [{
             type: Component,
@@ -5133,14 +5145,18 @@ class ScPreviewSampleModule {
             TuiLet,
             TuiButton,
             TuiButtonLoading,
-            TuiLabel], exports: [ScPreviewSampleComponent, ScAskToSampleFormComponent] }); }
+            TuiLabel,
+            RecaptchaFormsModule,
+            RecaptchaModule], exports: [ScPreviewSampleComponent, ScAskToSampleFormComponent] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: ScPreviewSampleModule, imports: [CommonModule,
             ReactiveFormsModule,
             TuiError,
             ScFormFieldsModule,
             TuiInputModule,
             TuiInputPhoneModule, i2$1.TuiCarouselComponent, TuiAvatar,
-            TuiButtonLoading] }); }
+            TuiButtonLoading,
+            RecaptchaFormsModule,
+            RecaptchaModule] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: ScPreviewSampleModule, decorators: [{
             type: NgModule,
@@ -5161,6 +5177,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImpor
                         TuiButton,
                         TuiButtonLoading,
                         TuiLabel,
+                        RecaptchaFormsModule,
+                        RecaptchaModule,
                     ],
                     exports: [ScPreviewSampleComponent, ScAskToSampleFormComponent],
                 }]
@@ -5238,7 +5256,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.7", ngImport: i0, type: ScResetUserPasswordComponent, deps: [{ token: i1.ScUserService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.7", 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            [formGroup]=\"form\"\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.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i5.TuiInputPasswordComponent, selector: "tui-input-password" }, { kind: "directive", type: i5.TuiInputPasswordDirective, selector: "tui-input-password" }, { kind: "component", type: 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.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.7", 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            [formGroup]=\"form\"\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.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i5.TuiInputPasswordComponent, selector: "tui-input-password" }, { kind: "directive", type: i5.TuiInputPasswordDirective, selector: "tui-input-password" }, { kind: "component", type: 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: i6.TuiLet, selector: "[tuiLet]", inputs: ["tuiLet"] }, { kind: "component", type: i2$1.TuiButtonLoading, selector: "[tuiButton][loading],[tuiIconButton][loading]", inputs: ["size", "loading"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i2$1.TuiFieldErrorPipe, name: "tuiFieldError" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: ScResetUserPasswordComponent, decorators: [{
             type: Component,
@@ -5325,12 +5343,12 @@ class ScUpdateUserInfoDialogComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", 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.7", type: ScUpdateUserInfoDialogComponent, selector: "sc-update-user-info-dialog", outputs: { cancelButtonClick: "cancelButtonClick", successUpdateDate: "successUpdateDate" }, providers: [SC_USER_PROVIDERS], ngImport: i0, template: "<form\n    [formGroup]=\"form\"\n    *ngIf=\"user$ | async as user\"\n    (ngSubmit)=\"onSubmit.next()\"\n    class=\"flex flex-col gap-4\"\n>\n    <label tuiLabel\n        >{{ user.isOrg ? '\u041D\u0430\u0437\u0432\u0430\u043D\u0438\u0435 \u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0446\u0438\u0438 \u0438\u043B\u0438 \u0418\u041F' : '\u0424.\u0418.\u041E.' }}\n        <tui-input formControlName=\"name\">\n            {{ user.isOrg ? '\u041D\u0430\u0437\u0432\u0430\u043D\u0438\u0435 \u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0446\u0438\u0438 \u0438\u043B\u0438 \u0418\u041F' : '\u0424.\u0418.\u041E.' }}\n            <ng-container *ngIf=\"user.isOrg\">\n                <sc-suggestion-field\n                    *tuiDataList\n                    [type]=\"suggestionType.organization\"\n                ></sc-suggestion-field>\n            </ng-container>\n        </tui-input>\n        <tui-error\n            formControlName=\"name\"\n            [error]=\"[] | tuiFieldError | async\"\n        ></tui-error>\n    </label>\n    <sc-verification-phone-check-form\n        *tuiLet=\"user.contacts.phone.value === form.value.phone as phoneIsChange\"\n        [showCodeFields]=\"!phoneIsChange\"\n        [shouldBeBusy]=\"phoneIsChange\"\n        class=\"w-full\"\n    ></sc-verification-phone-check-form>\n    <label\n        tuiLabel\n        class=\"w-full\"\n        >\u0410\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B\n        <tui-input formControlName=\"email\">\n            \u0410\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B\n            <sc-suggestion-field\n                *tuiDataList\n                [type]=\"suggestionType.email\"\n            ></sc-suggestion-field>\n        </tui-input>\n        <tui-error\n            formControlName=\"email\"\n            [error]=\"[] | tuiFieldError | async\"\n        ></tui-error>\n    </label>\n    <sc-addresses-selection-field></sc-addresses-selection-field>\n    <label tuiLabel>\n        <input\n            tuiCheckbox\n            type=\"checkbox\"\n            formControlName=\"getNews\"\n            class=\"w-full\"\n        />\n        \u042F \u0445\u043E\u0447\u0443 \u043F\u043E\u043B\u0443\u0447\u0430\u0442\u044C \u0440\u0430\u0441\u0441\u044B\u043B\u043A\u0443 \u0421\u043D\u0430\u0431\u0446\u0435\u043D\u0442\u0440 \u043E \u0441\u043A\u0438\u0434\u043A\u0430\u0445 \u0438 \u043D\u043E\u0432\u043E\u0441\u0442\u044F\u0445 \u043F\u043E \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u0435.\n    </label>\n    <div class=\"flex justify-center gap-4\">\n        <button\n            tuiButton\n            (click)=\"context ? context.$implicit.complete() : cancelButtonClick.emit()\"\n            type=\"button\"\n            iconStart=\"@tui.x\"\n            appearance=\"secondary\"\n        >\n            \u041E\u0442\u043C\u0435\u043D\u0430\n        </button>\n        <button\n            tuiButton\n            [disabled]=\"form.invalid\"\n            [loading]=\"!!(loading$ | async)\"\n            type=\"submit\"\n            iconStart=\"@tui.save\"\n        >\n            \u0421\u043E\u0445\u0440\u0430\u043D\u0438\u0442\u044C\n        </button>\n    </div>\n</form>\n", dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1$1.TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "component", type: i1$1.TuiError, selector: "tui-error", inputs: ["error"] }, { kind: "directive", type: i1$1.TuiLabel, selector: "label[tuiLabel]" }, { kind: "directive", type: i7.TuiLet, selector: "[tuiLet]", inputs: ["tuiLet"] }, { kind: "component", type: ScVerificationPhoneCheckFormComponent, selector: "sc-verification-phone-check-form", inputs: ["showCodeFields", "readOnly", "shouldBeBusy", "shouldBeConfirmed", "haveCode"], outputs: ["haveCodeChange"] }, { kind: "component", type: ScAddressesSelectionFieldComponent, selector: "sc-addresses-selection-field" }, { kind: "component", type: ScSuggestionFieldComponent, selector: "sc-suggestion-field", inputs: ["type"], outputs: ["selectedClick"] }, { kind: "component", type: i5.TuiInputComponent, selector: "tui-input" }, { kind: "directive", type: i5.TuiInputDirective, selector: "tui-input" }, { kind: "component", type: i2$1.TuiCheckbox, selector: "input[type=\"checkbox\"][tuiCheckbox]", inputs: ["size"] }, { kind: "directive", type: i3$1.TuiDataListDirective, selector: "ng-template[tuiDataList]" }, { kind: "component", type: i2$1.TuiButtonLoading, selector: "[tuiButton][loading],[tuiIconButton][loading]", inputs: ["size", "loading"] }, { kind: "pipe", type: i2.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.7", type: ScUpdateUserInfoDialogComponent, selector: "sc-update-user-info-dialog", outputs: { cancelButtonClick: "cancelButtonClick", successUpdateDate: "successUpdateDate" }, providers: [SC_USER_PROVIDERS], ngImport: i0, template: "<form\n    [formGroup]=\"form\"\n    *ngIf=\"user$ | async as user\"\n    (ngSubmit)=\"onSubmit.next()\"\n    class=\"flex flex-col gap-4\"\n>\n    <label tuiLabel\n        >{{ user.isOrg ? '\u041D\u0430\u0437\u0432\u0430\u043D\u0438\u0435 \u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0446\u0438\u0438 \u0438\u043B\u0438 \u0418\u041F' : '\u0424.\u0418.\u041E.' }}\n        <tui-input formControlName=\"name\">\n            {{ user.isOrg ? '\u041D\u0430\u0437\u0432\u0430\u043D\u0438\u0435 \u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0446\u0438\u0438 \u0438\u043B\u0438 \u0418\u041F' : '\u0424.\u0418.\u041E.' }}\n            <ng-container *ngIf=\"user.isOrg\">\n                <sc-suggestion-field\n                    *tuiDataList\n                    [type]=\"suggestionType.organization\"\n                ></sc-suggestion-field>\n            </ng-container>\n        </tui-input>\n        <tui-error\n            formControlName=\"name\"\n            [error]=\"[] | tuiFieldError | async\"\n        ></tui-error>\n    </label>\n    <sc-verification-phone-check-form\n        *tuiLet=\"user.contacts.phone.value === form.value.phone as phoneIsChange\"\n        [showCodeFields]=\"!phoneIsChange\"\n        [shouldBeBusy]=\"phoneIsChange\"\n        class=\"w-full\"\n    ></sc-verification-phone-check-form>\n    <label\n        tuiLabel\n        class=\"w-full\"\n        >\u0410\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B\n        <tui-input formControlName=\"email\">\n            \u0410\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B\n            <sc-suggestion-field\n                *tuiDataList\n                [type]=\"suggestionType.email\"\n            ></sc-suggestion-field>\n        </tui-input>\n        <tui-error\n            formControlName=\"email\"\n            [error]=\"[] | tuiFieldError | async\"\n        ></tui-error>\n    </label>\n    <sc-addresses-selection-field></sc-addresses-selection-field>\n    <label tuiLabel>\n        <input\n            tuiCheckbox\n            type=\"checkbox\"\n            formControlName=\"getNews\"\n            class=\"w-full\"\n        />\n        \u042F \u0445\u043E\u0447\u0443 \u043F\u043E\u043B\u0443\u0447\u0430\u0442\u044C \u0440\u0430\u0441\u0441\u044B\u043B\u043A\u0443 \u0421\u043D\u0430\u0431\u0446\u0435\u043D\u0442\u0440 \u043E \u0441\u043A\u0438\u0434\u043A\u0430\u0445 \u0438 \u043D\u043E\u0432\u043E\u0441\u0442\u044F\u0445 \u043F\u043E \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u0435.\n    </label>\n    <div class=\"flex justify-center gap-4\">\n        <button\n            tuiButton\n            (click)=\"context ? context.$implicit.complete() : cancelButtonClick.emit()\"\n            type=\"button\"\n            iconStart=\"@tui.x\"\n            appearance=\"secondary\"\n        >\n            \u041E\u0442\u043C\u0435\u043D\u0430\n        </button>\n        <button\n            tuiButton\n            [disabled]=\"form.invalid\"\n            [loading]=\"!!(loading$ | async)\"\n            type=\"submit\"\n            iconStart=\"@tui.save\"\n        >\n            \u0421\u043E\u0445\u0440\u0430\u043D\u0438\u0442\u044C\n        </button>\n    </div>\n</form>\n", dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1$1.TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "component", type: i1$1.TuiError, selector: "tui-error", inputs: ["error"] }, { kind: "directive", type: i1$1.TuiLabel, selector: "label[tuiLabel]" }, { kind: "directive", type: i6.TuiLet, selector: "[tuiLet]", inputs: ["tuiLet"] }, { kind: "component", type: ScVerificationPhoneCheckFormComponent, selector: "sc-verification-phone-check-form", inputs: ["showCodeFields", "readOnly", "shouldBeBusy", "shouldBeConfirmed", "haveCode"], outputs: ["haveCodeChange"] }, { kind: "component", type: ScAddressesSelectionFieldComponent, selector: "sc-addresses-selection-field" }, { kind: "component", type: ScSuggestionFieldComponent, selector: "sc-suggestion-field", inputs: ["type"], outputs: ["selectedClick"] }, { kind: "component", type: i5.TuiInputComponent, selector: "tui-input" }, { kind: "directive", type: i5.TuiInputDirective, selector: "tui-input" }, { kind: "component", type: i2$1.TuiCheckbox, selector: "input[type=\"checkbox\"][tuiCheckbox]", inputs: ["size"] }, { kind: "directive", type: i3$1.TuiDataListDirective, selector: "ng-template[tuiDataList]" }, { kind: "component", type: i2$1.TuiButtonLoading, selector: "[tuiButton][loading],[tuiIconButton][loading]", inputs: ["size", "loading"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i2$1.TuiFieldErrorPipe, name: "tuiFieldError" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: ScUpdateUserInfoDialogComponent, decorators: [{
             type: Component,
             args: [{ selector: 'sc-update-user-info-dialog', providers: [SC_USER_PROVIDERS], changeDetection: ChangeDetectionStrategy.OnPush, template: "<form\n    [formGroup]=\"form\"\n    *ngIf=\"user$ | async as user\"\n    (ngSubmit)=\"onSubmit.next()\"\n    class=\"flex flex-col gap-4\"\n>\n    <label tuiLabel\n        >{{ user.isOrg ? '\u041D\u0430\u0437\u0432\u0430\u043D\u0438\u0435 \u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0446\u0438\u0438 \u0438\u043B\u0438 \u0418\u041F' : '\u0424.\u0418.\u041E.' }}\n        <tui-input formControlName=\"name\">\n            {{ user.isOrg ? '\u041D\u0430\u0437\u0432\u0430\u043D\u0438\u0435 \u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0446\u0438\u0438 \u0438\u043B\u0438 \u0418\u041F' : '\u0424.\u0418.\u041E.' }}\n            <ng-container *ngIf=\"user.isOrg\">\n                <sc-suggestion-field\n                    *tuiDataList\n                    [type]=\"suggestionType.organization\"\n                ></sc-suggestion-field>\n            </ng-container>\n        </tui-input>\n        <tui-error\n            formControlName=\"name\"\n            [error]=\"[] | tuiFieldError | async\"\n        ></tui-error>\n    </label>\n    <sc-verification-phone-check-form\n        *tuiLet=\"user.contacts.phone.value === form.value.phone as phoneIsChange\"\n        [showCodeFields]=\"!phoneIsChange\"\n        [shouldBeBusy]=\"phoneIsChange\"\n        class=\"w-full\"\n    ></sc-verification-phone-check-form>\n    <label\n        tuiLabel\n        class=\"w-full\"\n        >\u0410\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B\n        <tui-input formControlName=\"email\">\n            \u0410\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B\n            <sc-suggestion-field\n                *tuiDataList\n                [type]=\"suggestionType.email\"\n            ></sc-suggestion-field>\n        </tui-input>\n        <tui-error\n            formControlName=\"email\"\n            [error]=\"[] | tuiFieldError | async\"\n        ></tui-error>\n    </label>\n    <sc-addresses-selection-field></sc-addresses-selection-field>\n    <label tuiLabel>\n        <input\n            tuiCheckbox\n            type=\"checkbox\"\n            formControlName=\"getNews\"\n            class=\"w-full\"\n        />\n        \u042F \u0445\u043E\u0447\u0443 \u043F\u043E\u043B\u0443\u0447\u0430\u0442\u044C \u0440\u0430\u0441\u0441\u044B\u043B\u043A\u0443 \u0421\u043D\u0430\u0431\u0446\u0435\u043D\u0442\u0440 \u043E \u0441\u043A\u0438\u0434\u043A\u0430\u0445 \u0438 \u043D\u043E\u0432\u043E\u0441\u0442\u044F\u0445 \u043F\u043E \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u0435.\n    </label>\n    <div class=\"flex justify-center gap-4\">\n        <button\n            tuiButton\n            (click)=\"context ? context.$implicit.complete() : cancelButtonClick.emit()\"\n            type=\"button\"\n            iconStart=\"@tui.x\"\n            appearance=\"secondary\"\n        >\n            \u041E\u0442\u043C\u0435\u043D\u0430\n        </button>\n        <button\n            tuiButton\n            [disabled]=\"form.invalid\"\n            [loading]=\"!!(loading$ | async)\"\n            type=\"submit\"\n            iconStart=\"@tui.save\"\n        >\n            \u0421\u043E\u0445\u0440\u0430\u043D\u0438\u0442\u044C\n        </button>\n    </div>\n</form>\n" }]
-        }], ctorParameters: () => [{ type: i6.Observable, decorators: [{
+        }], ctorParameters: () => [{ type: i6$1.Observable, decorators: [{
                     type: Inject,
                     args: [SC_USER_INFO]
                 }] }, { type: i1.ScUserService }, { type: i1.ScUserMetrikaService }, { type: undefined, decorators: [{
@@ -5445,12 +5463,12 @@ class ScUserPhoneApproveDialogComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: ScUserPhoneApproveDialogComponent, deps: [{ token: i1.ScVerificationService }, { token: i1.ScUserMetrikaService }, { token: SC_USER_INFO }, { token: i1.ScUserService }, { token: POLYMORPHEUS_CONTEXT, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.7", type: ScUserPhoneApproveDialogComponent, selector: "sc-user-phone-approve-dialog", providers: [SC_USER_PROVIDERS], ngImport: i0, template: "<ng-container *ngIf=\"user$ | async as user\">\n    <form\n        [formGroup]=\"form\"\n        *tuiLet=\"!!(loading$ | async) as loadingApproveCode\"\n        (ngSubmit)=\"onSubmit.next()\"\n        class=\"flex flex-col gap-3\"\n    >\n        <sc-verification-phone-check-form\n            [(haveCode)]=\"haveCode\"\n            [shouldBeConfirmed]=\"false\"\n            [showCodeFields]=\"!user.contacts.phone.isApproved\"\n            [readOnly]=\"true\"\n            class=\"w-full\"\n        ></sc-verification-phone-check-form>\n        <div\n            *ngIf=\"user.contacts.phone.isApproved || haveCode\"\n            class=\"flex justify-center gap-4\"\n        >\n            <button\n                *ngIf=\"user.contacts.phone.isApproved && context\"\n                tuiButton\n                (click)=\"context.$implicit.complete()\"\n                type=\"button\"\n                appearance=\"secondary\"\n            >\n                \u0417\u0430\u043A\u0440\u044B\u0442\u044C\n            </button>\n            <button\n                *ngIf=\"haveCode\"\n                tuiButton\n                type=\"submit\"\n                [loading]=\"loadingApproveCode\"\n                [disabled]=\"form.invalid || loadingApproveCode\"\n                iconStart=\"@tui.sc.send\"\n            >\n                \u041F\u043E\u0434\u0442\u0432\u0435\u0440\u0434\u0438\u0442\u044C\n            </button>\n        </div>\n    </form>\n</ng-container>\n", dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "directive", type: i7.TuiLet, selector: "[tuiLet]", inputs: ["tuiLet"] }, { kind: "component", type: ScVerificationPhoneCheckFormComponent, selector: "sc-verification-phone-check-form", inputs: ["showCodeFields", "readOnly", "shouldBeBusy", "shouldBeConfirmed", "haveCode"], outputs: ["haveCodeChange"] }, { kind: "component", type: i2$1.TuiButtonLoading, selector: "[tuiButton][loading],[tuiIconButton][loading]", inputs: ["size", "loading"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.7", type: ScUserPhoneApproveDialogComponent, selector: "sc-user-phone-approve-dialog", providers: [SC_USER_PROVIDERS], ngImport: i0, template: "<ng-container *ngIf=\"user$ | async as user\">\n    <form\n        [formGroup]=\"form\"\n        *tuiLet=\"!!(loading$ | async) as loadingApproveCode\"\n        (ngSubmit)=\"onSubmit.next()\"\n        class=\"flex flex-col gap-3\"\n    >\n        <sc-verification-phone-check-form\n            [(haveCode)]=\"haveCode\"\n            [shouldBeConfirmed]=\"false\"\n            [showCodeFields]=\"!user.contacts.phone.isApproved\"\n            [readOnly]=\"true\"\n            class=\"w-full\"\n        ></sc-verification-phone-check-form>\n        <div\n            *ngIf=\"user.contacts.phone.isApproved || haveCode\"\n            class=\"flex justify-center gap-4\"\n        >\n            <button\n                *ngIf=\"user.contacts.phone.isApproved && context\"\n                tuiButton\n                (click)=\"context.$implicit.complete()\"\n                type=\"button\"\n                appearance=\"secondary\"\n            >\n                \u0417\u0430\u043A\u0440\u044B\u0442\u044C\n            </button>\n            <button\n                *ngIf=\"haveCode\"\n                tuiButton\n                type=\"submit\"\n                [loading]=\"loadingApproveCode\"\n                [disabled]=\"form.invalid || loadingApproveCode\"\n                iconStart=\"@tui.sc.send\"\n            >\n                \u041F\u043E\u0434\u0442\u0432\u0435\u0440\u0434\u0438\u0442\u044C\n            </button>\n        </div>\n    </form>\n</ng-container>\n", dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "directive", type: i6.TuiLet, selector: "[tuiLet]", inputs: ["tuiLet"] }, { kind: "component", type: ScVerificationPhoneCheckFormComponent, selector: "sc-verification-phone-check-form", inputs: ["showCodeFields", "readOnly", "shouldBeBusy", "shouldBeConfirmed", "haveCode"], outputs: ["haveCodeChange"] }, { kind: "component", type: i2$1.TuiButtonLoading, selector: "[tuiButton][loading],[tuiIconButton][loading]", inputs: ["size", "loading"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: ScUserPhoneApproveDialogComponent, decorators: [{
             type: Component,
             args: [{ selector: 'sc-user-phone-approve-dialog', providers: [SC_USER_PROVIDERS], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngIf=\"user$ | async as user\">\n    <form\n        [formGroup]=\"form\"\n        *tuiLet=\"!!(loading$ | async) as loadingApproveCode\"\n        (ngSubmit)=\"onSubmit.next()\"\n        class=\"flex flex-col gap-3\"\n    >\n        <sc-verification-phone-check-form\n            [(haveCode)]=\"haveCode\"\n            [shouldBeConfirmed]=\"false\"\n            [showCodeFields]=\"!user.contacts.phone.isApproved\"\n            [readOnly]=\"true\"\n            class=\"w-full\"\n        ></sc-verification-phone-check-form>\n        <div\n            *ngIf=\"user.contacts.phone.isApproved || haveCode\"\n            class=\"flex justify-center gap-4\"\n        >\n            <button\n                *ngIf=\"user.contacts.phone.isApproved && context\"\n                tuiButton\n                (click)=\"context.$implicit.complete()\"\n                type=\"button\"\n                appearance=\"secondary\"\n            >\n                \u0417\u0430\u043A\u0440\u044B\u0442\u044C\n            </button>\n            <button\n                *ngIf=\"haveCode\"\n                tuiButton\n                type=\"submit\"\n                [loading]=\"loadingApproveCode\"\n                [disabled]=\"form.invalid || loadingApproveCode\"\n                iconStart=\"@tui.sc.send\"\n            >\n                \u041F\u043E\u0434\u0442\u0432\u0435\u0440\u0434\u0438\u0442\u044C\n            </button>\n        </div>\n    </form>\n</ng-container>\n" }]
-        }], ctorParameters: () => [{ type: i1.ScVerificationService }, { type: i1.ScUserMetrikaService }, { type: i6.Observable, decorators: [{
+        }], ctorParameters: () => [{ type: i1.ScVerificationService }, { type: i1.ScUserMetrikaService }, { type: i6$1.Observable, decorators: [{
                     type: Inject,
                     args: [SC_USER_INFO]
                 }] }, { type: i1.ScUserService }, { type: undefined, decorators: [{
@@ -5649,7 +5667,7 @@ class ScProfileAccordionsContentComponent {
         return this.locationsService.getUserCity$(cityId);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: ScProfileAccordionsContentComponent, deps: [{ token: SC_USER_INFO }, { token: i1.ScLocationsService }, { token: i1.ScUserService }, { token: i1.ScVerificationService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.7", type: ScProfileAccordionsContentComponent, selector: "sc-profile-accordions-content", outputs: { editProfileClick: "editProfileClick", approvePhoneClick: "approvePhoneClick", addContragentClick: "addContragentClick", deleteContragentClick: "deleteContragentClick", addContragentBankAccountClick: "addContragentBankAccountClick", deleteContragentBankAccountClick: "deleteContragentBankAccountClick", addContragentContactClick: "addContragentContactClick", deleteContragentContactClick: "deleteContragentContactClick", addDeliveryAddressClick: "addDeliveryAddressClick", deleteDeliveryAddressClick: "deleteDeliveryAddressClick", addDeliveryAddressContactClick: "addDeliveryAddressContactClick", deleteDeliveryAddressContactClick: "deleteDeliveryAddressContactClick", addUserContactClick: "addUserContactClick", deleteUserContactClick: "deleteUserContactClick" }, providers: [SC_USER_PROVIDERS], ngImport: i0, template: "<div\n    *tuiLet=\"user$ | async as user\"\n    class=\"flex flex-col gap-4\"\n>\n    <sc-accordion\n        [showArrow]=\"false\"\n        [showAddButton]=\"false\"\n        [open]=\"true\"\n    >\n        \u041E\u0431\u0449\u0438\u0435 \u0434\u0430\u043D\u043D\u044B\u0435\n        <ng-template scAccordionContent>\n            <tui-loader\n                [overlay]=\"true\"\n                [showLoader]=\"user === null\"\n            >\n                <div class=\"flex gap-2 pl-4\">\n                    <div\n                        *ngIf=\"user\"\n                        class=\"flex grow flex-col gap-2\"\n                    >\n                        <span class=\"font-medium\">{{ user.name }}</span>\n                        <div\n                            *ngIf=\"user.city && (getUserCity$(user.city) | async) as city\"\n                            class=\"flex items-center gap-1\"\n                        >\n                            <tui-icon icon=\"@tui.map-pin\"></tui-icon>\n                            <div class=\"flex flex-wrap\">\n                                <span>\u0433. {{ city.name }}, </span>\n                                <span *ngIf=\"city.region\">{{ city.region.name }}</span>\n                            </div>\n                        </div>\n                        <div class=\"flex flex-wrap gap-2\">\n                            <a\n                                tuiLink\n                                [scTelLink]=\"user.contacts.phone.value\"\n                                iconStart=\"@tui.phone\"\n                                [pseudo]=\"true\"\n                                href=\"tel:{{ user.contacts.phone.value | scFormatePhone }}\"\n                                >{{ user.contacts.phone.value | scFormatePhone }}</a\n                            >\n                            <span\n                                *ngIf=\"!user.contacts.phone.isApproved\"\n                                class=\"text-tui-text-03\"\n                            >\n                                (\u0422\u0435\u043B\u0435\u0444\u043E\u043D \u043D\u0435 \u043F\u043E\u0434\u0442\u0432\u0435\u0440\u0436\u0434\u0435\u043D.\n                                <button\n                                    tuiLink\n                                    [pseudo]=\"true\"\n                                    (click)=\"approvePhoneClick.emit()\"\n                                >\n                                    \u041F\u043E\u0434\u0442\u0432\u0435\u0440\u0434\u0438\u0442\u044C</button\n                                >)\n                            </span>\n                        </div>\n                        <div\n                            *tuiLet=\"!!(isSendApproveEmail$ | async) as isSendApproveEmail\"\n                            class=\"flex flex-wrap gap-x-2\"\n                        >\n                            <a\n                                tuiLink\n                                iconStart=\"@tui.mail\"\n                                [pseudo]=\"true\"\n                                href=\"mailto:{{ user.contacts.email.value }}\"\n                            >\n                                {{ user.contacts.email.value }}\n                            </a>\n                            <span\n                                *ngIf=\"!isSendApproveEmail && !user.contacts.email.isApproved\"\n                                class=\"inline-flex flex-wrap gap-1 text-tui-text-03\"\n                            >\n                                E-mail \u043D\u0435 \u043F\u043E\u0434\u0442\u0432\u0435\u0440\u0436\u0434\u0435\u043D.\n                                <tui-loader\n                                    [showLoader]=\"!!(approveEmailLoading$ | async)\"\n                                    [overlay]=\"true\"\n                                >\n                                    <button\n                                        tuiLink\n                                        [pseudo]=\"true\"\n                                        (click)=\"onSendApproveEmail.next(user.contacts.email.value)\"\n                                    >\n                                        \u041F\u043E\u0434\u0442\u0432\u0435\u0440\u0434\u0438\u0442\u044C\n                                    </button>\n                                </tui-loader>\n                            </span>\n                            <span\n                                *ngIf=\"isSendApproveEmail\"\n                                class=\"text-tui-success-fill\"\n                                @tuiFadeIn\n                            >\n                                \u041F\u0438\u0441\u044C\u043C\u043E \u0434\u043B\u044F \u043F\u043E\u0434\u0442\u0432\u0435\u0440\u0436\u0434\u0435\u043D\u0438\u044F \u0443\u0441\u043F\u0435\u0448\u043D\u043E \u043E\u0442\u043F\u0440\u0430\u0432\u043B\u0435\u043D\u043E. \u041F\u0435\u0440\u0435\u0439\u0434\u0438\u0442\u0435 \u043F\u043E \u0441\u0441\u044B\u043B\u043A\u0435 \u0432 \u043F\u0438\u0441\u044C\u043C\u0435 \u0438 \u043E\u0431\u043D\u043E\u0432\u0438\u0442\u0435 \u044D\u0442\u0443 \u0441\u0442\u0440\u0430\u043D\u0438\u0446\u0443.\n                            </span>\n                        </div>\n                        <tui-loader\n                            [showLoader]=\"!!(getNewsLoading$ | async)\"\n                            [overlay]=\"true\"\n                        >\n                            <label tuiLabel>\n                                <input\n                                    tuiCheckbox\n                                    type=\"checkbox\"\n                                    size=\"s\"\n                                    class=\"w-full\"\n                                    [formControl]=\"getNewsControl\"\n                                    [ngModel]=\"user.getNews\"\n                                />\n                                \u042F \u0445\u043E\u0447\u0443 \u043F\u043E\u043B\u0443\u0447\u0430\u0442\u044C \u0440\u0430\u0441\u0441\u044B\u043B\u043A\u0443 \u0421\u043D\u0430\u0431\u0446\u0435\u043D\u0442\u0440 \u043E \u0441\u043A\u0438\u0434\u043A\u0430\u0445 \u0438 \u043D\u043E\u0432\u043E\u0441\u0442\u044F\u0445 \u043F\u043E \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u0435.\n                            </label>\n                        </tui-loader>\n                    </div>\n\n                    <button\n                        tuiIconButton\n                        size=\"m\"\n                        type=\"button\"\n                        iconStart=\"@tui.pencil\"\n                        appearance=\"flat\"\n                        (click)=\"editProfileClick.emit()\"\n                    ></button>\n                </div>\n            </tui-loader>\n        </ng-template>\n    </sc-accordion>\n    <sc-contragents-accordion\n        (addContragentClick)=\"addContragentClick.emit()\"\n        (deleteContragentClick)=\"deleteContragentClick.emit($event)\"\n        (addContragentBankAccountClick)=\"addContragentBankAccountClick.emit($event)\"\n        (deleteContragentBankAccountClick)=\"deleteContragentBankAccountClick.emit($event)\"\n        (addContragentContactClick)=\"addContragentContactClick.emit($event)\"\n        (deleteContragentContactClick)=\"deleteContragentContactClick.emit($event)\"\n    ></sc-contragents-accordion>\n    <sc-delivery-address-accordion\n        (addDeliveryAddressClick)=\"addDeliveryAddressClick.emit()\"\n        (deleteDeliveryAddressClick)=\"deleteDeliveryAddressClick.emit($event)\"\n        (addDeliveryAddressContactClick)=\"addDeliveryAddressContactClick.emit($event)\"\n        (deleteDeliveryAddressContactClick)=\"deleteDeliveryAddressContactClick.emit($event)\"\n    ></sc-delivery-address-accordion>\n    <sc-contacts-accordion\n        *ngIf=\"user\"\n        [contacts$]=\"userContacts$\"\n        (addContactClick)=\"addUserContactClick.emit(user.id)\"\n        (deleteButtonClick)=\"deleteUserContactClick.emit($event)\"\n    ></sc-contacts-accordion>\n    <sc-accordion\n        #passwordAccordion\n        [showArrow]=\"false\"\n        [showAddButton]=\"false\"\n    >\n        \u0418\u0437\u043C\u0435\u043D\u0438\u0442\u044C \u043F\u0430\u0440\u043E\u043B\u044C\n        <ng-template scAccordionContent>\n            <sc-reset-user-password (successResetPassword)=\"passwordAccordion.close()\"></sc-reset-user-password>\n        </ng-template>\n    </sc-accordion>\n</div>\n", dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ScResetUserPasswordComponent, selector: "sc-reset-user-password", outputs: ["successResetPassword"] }, { kind: "component", type: ScAccordionComponent, selector: "sc-accordion", inputs: ["showAddButton", "showDeleteButton", "showArrow", "open", "size"], outputs: ["addButtonClick", "deleteButtonClick"] }, { kind: "directive", type: ScAccordionContentDirective, selector: "ng-template[scAccordionContent]" }, { kind: "component", type: ScContragentsAccordionComponent, selector: "sc-contragents-accordion", outputs: ["addContragentClick", "deleteContragentClick", "addContragentBankAccountClick", "deleteContragentBankAccountClick", "addContragentContactClick", "deleteContragentContactClick"] }, { kind: "component", type: ScDeliveryAddressAccordionComponent, selector: "sc-delivery-address-accordion", outputs: ["addDeliveryAddressClick", "deleteDeliveryAddressClick", "addDeliveryAddressContactClick", "deleteDeliveryAddressContactClick"] }, { kind: "component", type: i1$1.TuiLoader, selector: "tui-loader", inputs: ["size", "inheritColor", "overlay", "textContent", "showLoader"] }, { kind: "directive", type: i7.TuiLet, selector: "[tuiLet]", inputs: ["tuiLet"] }, { kind: "directive", type: i1$1.TuiLink, selector: "a[tuiLink], button[tuiLink]", inputs: ["pseudo"] }, { kind: "directive", type: i1$1.TuiLabel, selector: "label[tuiLabel]" }, { kind: "component", type: i1$1.TuiIcon, selector: "tui-icon", inputs: ["icon", "background"] }, { kind: "directive", type: i3.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "component", type: ScContactsAccordionComponent, selector: "sc-contacts-accordion", inputs: ["contacts$"], outputs: ["addContactClick", "deleteButtonClick"] }, { kind: "directive", type: ScTerminalLinkDirective, selector: "a[href]" }, { kind: "directive", type: ScTelLinkDirective, selector: "[scTelLink]", inputs: ["scTelLink"] }, { kind: "component", type: i2$1.TuiCheckbox, selector: "input[type=\"checkbox\"][tuiCheckbox]", inputs: ["size"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: ScFormatePhonePipe, name: "scFormatePhone" }], animations: [tuiFadeIn], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.7", type: ScProfileAccordionsContentComponent, selector: "sc-profile-accordions-content", outputs: { editProfileClick: "editProfileClick", approvePhoneClick: "approvePhoneClick", addContragentClick: "addContragentClick", deleteContragentClick: "deleteContragentClick", addContragentBankAccountClick: "addContragentBankAccountClick", deleteContragentBankAccountClick: "deleteContragentBankAccountClick", addContragentContactClick: "addContragentContactClick", deleteContragentContactClick: "deleteContragentContactClick", addDeliveryAddressClick: "addDeliveryAddressClick", deleteDeliveryAddressClick: "deleteDeliveryAddressClick", addDeliveryAddressContactClick: "addDeliveryAddressContactClick", deleteDeliveryAddressContactClick: "deleteDeliveryAddressContactClick", addUserContactClick: "addUserContactClick", deleteUserContactClick: "deleteUserContactClick" }, providers: [SC_USER_PROVIDERS], ngImport: i0, template: "<div\n    *tuiLet=\"user$ | async as user\"\n    class=\"flex flex-col gap-4\"\n>\n    <sc-accordion\n        [showArrow]=\"false\"\n        [showAddButton]=\"false\"\n        [open]=\"true\"\n    >\n        \u041E\u0431\u0449\u0438\u0435 \u0434\u0430\u043D\u043D\u044B\u0435\n        <ng-template scAccordionContent>\n            <tui-loader\n                [overlay]=\"true\"\n                [showLoader]=\"user === null\"\n            >\n                <div class=\"flex gap-2 pl-4\">\n                    <div\n                        *ngIf=\"user\"\n                        class=\"flex grow flex-col gap-2\"\n                    >\n                        <span class=\"font-medium\">{{ user.name }}</span>\n                        <div\n                            *ngIf=\"user.city && (getUserCity$(user.city) | async) as city\"\n                            class=\"flex items-center gap-1\"\n                        >\n                            <tui-icon icon=\"@tui.map-pin\"></tui-icon>\n                            <div class=\"flex flex-wrap\">\n                                <span>\u0433. {{ city.name }}, </span>\n                                <span *ngIf=\"city.region\">{{ city.region.name }}</span>\n                            </div>\n                        </div>\n                        <div class=\"flex flex-wrap gap-2\">\n                            <a\n                                tuiLink\n                                [scTelLink]=\"user.contacts.phone.value\"\n                                iconStart=\"@tui.phone\"\n                                [pseudo]=\"true\"\n                                href=\"tel:{{ user.contacts.phone.value | scFormatePhone }}\"\n                                >{{ user.contacts.phone.value | scFormatePhone }}</a\n                            >\n                            <span\n                                *ngIf=\"!user.contacts.phone.isApproved\"\n                                class=\"text-tui-text-03\"\n                            >\n                                (\u0422\u0435\u043B\u0435\u0444\u043E\u043D \u043D\u0435 \u043F\u043E\u0434\u0442\u0432\u0435\u0440\u0436\u0434\u0435\u043D.\n                                <button\n                                    tuiLink\n                                    [pseudo]=\"true\"\n                                    (click)=\"approvePhoneClick.emit()\"\n                                >\n                                    \u041F\u043E\u0434\u0442\u0432\u0435\u0440\u0434\u0438\u0442\u044C</button\n                                >)\n                            </span>\n                        </div>\n                        <div\n                            *tuiLet=\"!!(isSendApproveEmail$ | async) as isSendApproveEmail\"\n                            class=\"flex flex-wrap gap-x-2\"\n                        >\n                            <a\n                                tuiLink\n                                iconStart=\"@tui.mail\"\n                                [pseudo]=\"true\"\n                                href=\"mailto:{{ user.contacts.email.value }}\"\n                            >\n                                {{ user.contacts.email.value }}\n                            </a>\n                            <span\n                                *ngIf=\"!isSendApproveEmail && !user.contacts.email.isApproved\"\n                                class=\"inline-flex flex-wrap gap-1 text-tui-text-03\"\n                            >\n                                E-mail \u043D\u0435 \u043F\u043E\u0434\u0442\u0432\u0435\u0440\u0436\u0434\u0435\u043D.\n                                <tui-loader\n                                    [showLoader]=\"!!(approveEmailLoading$ | async)\"\n                                    [overlay]=\"true\"\n                                >\n                                    <button\n                                        tuiLink\n                                        [pseudo]=\"true\"\n                                        (click)=\"onSendApproveEmail.next(user.contacts.email.value)\"\n                                    >\n                                        \u041F\u043E\u0434\u0442\u0432\u0435\u0440\u0434\u0438\u0442\u044C\n                                    </button>\n                                </tui-loader>\n                            </span>\n                            <span\n                                *ngIf=\"isSendApproveEmail\"\n                                class=\"text-tui-success-fill\"\n                                @tuiFadeIn\n                            >\n                                \u041F\u0438\u0441\u044C\u043C\u043E \u0434\u043B\u044F \u043F\u043E\u0434\u0442\u0432\u0435\u0440\u0436\u0434\u0435\u043D\u0438\u044F \u0443\u0441\u043F\u0435\u0448\u043D\u043E \u043E\u0442\u043F\u0440\u0430\u0432\u043B\u0435\u043D\u043E. \u041F\u0435\u0440\u0435\u0439\u0434\u0438\u0442\u0435 \u043F\u043E \u0441\u0441\u044B\u043B\u043A\u0435 \u0432 \u043F\u0438\u0441\u044C\u043C\u0435 \u0438 \u043E\u0431\u043D\u043E\u0432\u0438\u0442\u0435 \u044D\u0442\u0443 \u0441\u0442\u0440\u0430\u043D\u0438\u0446\u0443.\n                            </span>\n                        </div>\n                        <tui-loader\n                            [showLoader]=\"!!(getNewsLoading$ | async)\"\n                            [overlay]=\"true\"\n                        >\n                            <label tuiLabel>\n                                <input\n                                    tuiCheckbox\n                                    type=\"checkbox\"\n                                    size=\"s\"\n                                    class=\"w-full\"\n                                    [formControl]=\"getNewsControl\"\n                                    [ngModel]=\"user.getNews\"\n                                />\n                                \u042F \u0445\u043E\u0447\u0443 \u043F\u043E\u043B\u0443\u0447\u0430\u0442\u044C \u0440\u0430\u0441\u0441\u044B\u043B\u043A\u0443 \u0421\u043D\u0430\u0431\u0446\u0435\u043D\u0442\u0440 \u043E \u0441\u043A\u0438\u0434\u043A\u0430\u0445 \u0438 \u043D\u043E\u0432\u043E\u0441\u0442\u044F\u0445 \u043F\u043E \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u0435.\n                            </label>\n                        </tui-loader>\n                    </div>\n\n                    <button\n                        tuiIconButton\n                        size=\"m\"\n                        type=\"button\"\n                        iconStart=\"@tui.pencil\"\n                        appearance=\"flat\"\n                        (click)=\"editProfileClick.emit()\"\n                    ></button>\n                </div>\n            </tui-loader>\n        </ng-template>\n    </sc-accordion>\n    <sc-contragents-accordion\n        (addContragentClick)=\"addContragentClick.emit()\"\n        (deleteContragentClick)=\"deleteContragentClick.emit($event)\"\n        (addContragentBankAccountClick)=\"addContragentBankAccountClick.emit($event)\"\n        (deleteContragentBankAccountClick)=\"deleteContragentBankAccountClick.emit($event)\"\n        (addContragentContactClick)=\"addContragentContactClick.emit($event)\"\n        (deleteContragentContactClick)=\"deleteContragentContactClick.emit($event)\"\n    ></sc-contragents-accordion>\n    <sc-delivery-address-accordion\n        (addDeliveryAddressClick)=\"addDeliveryAddressClick.emit()\"\n        (deleteDeliveryAddressClick)=\"deleteDeliveryAddressClick.emit($event)\"\n        (addDeliveryAddressContactClick)=\"addDeliveryAddressContactClick.emit($event)\"\n        (deleteDeliveryAddressContactClick)=\"deleteDeliveryAddressContactClick.emit($event)\"\n    ></sc-delivery-address-accordion>\n    <sc-contacts-accordion\n        *ngIf=\"user\"\n        [contacts$]=\"userContacts$\"\n        (addContactClick)=\"addUserContactClick.emit(user.id)\"\n        (deleteButtonClick)=\"deleteUserContactClick.emit($event)\"\n    ></sc-contacts-accordion>\n    <sc-accordion\n        #passwordAccordion\n        [showArrow]=\"false\"\n        [showAddButton]=\"false\"\n    >\n        \u0418\u0437\u043C\u0435\u043D\u0438\u0442\u044C \u043F\u0430\u0440\u043E\u043B\u044C\n        <ng-template scAccordionContent>\n            <sc-reset-user-password (successResetPassword)=\"passwordAccordion.close()\"></sc-reset-user-password>\n        </ng-template>\n    </sc-accordion>\n</div>\n", dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ScResetUserPasswordComponent, selector: "sc-reset-user-password", outputs: ["successResetPassword"] }, { kind: "component", type: ScAccordionComponent, selector: "sc-accordion", inputs: ["showAddButton", "showDeleteButton", "showArrow", "open", "size"], outputs: ["addButtonClick", "deleteButtonClick"] }, { kind: "directive", type: ScAccordionContentDirective, selector: "ng-template[scAccordionContent]" }, { kind: "component", type: ScContragentsAccordionComponent, selector: "sc-contragents-accordion", outputs: ["addContragentClick", "deleteContragentClick", "addContragentBankAccountClick", "deleteContragentBankAccountClick", "addContragentContactClick", "deleteContragentContactClick"] }, { kind: "component", type: ScDeliveryAddressAccordionComponent, selector: "sc-delivery-address-accordion", outputs: ["addDeliveryAddressClick", "deleteDeliveryAddressClick", "addDeliveryAddressContactClick", "deleteDeliveryAddressContactClick"] }, { kind: "component", type: i1$1.TuiLoader, selector: "tui-loader", inputs: ["size", "inheritColor", "overlay", "textContent", "showLoader"] }, { kind: "directive", type: i6.TuiLet, selector: "[tuiLet]", inputs: ["tuiLet"] }, { kind: "directive", type: i1$1.TuiLink, selector: "a[tuiLink], button[tuiLink]", inputs: ["pseudo"] }, { kind: "directive", type: i1$1.TuiLabel, selector: "label[tuiLabel]" }, { kind: "component", type: i1$1.TuiIcon, selector: "tui-icon", inputs: ["icon", "background"] }, { kind: "directive", type: i3.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "component", type: ScContactsAccordionComponent, selector: "sc-contacts-accordion", inputs: ["contacts$"], outputs: ["addContactClick", "deleteButtonClick"] }, { kind: "directive", type: ScTerminalLinkDirective, selector: "a[href]" }, { kind: "directive", type: ScTelLinkDirective, selector: "[scTelLink]", inputs: ["scTelLink"] }, { kind: "component", type: i2$1.TuiCheckbox, selector: "input[type=\"checkbox\"][tuiCheckbox]", inputs: ["size"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: ScFormatePhonePipe, name: "scFormatePhone" }], animations: [tuiFadeIn], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 __decorate([
     tuiPure // TODO: TASK[#7615] Удалить поле рефакторинга сервиса работы с пользователем.
@@ -5657,7 +5675,7 @@ __decorate([
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: ScProfileAccordionsContentComponent, decorators: [{
             type: Component,
             args: [{ selector: 'sc-profile-accordions-content', providers: [SC_USER_PROVIDERS], animations: [tuiFadeIn], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n    *tuiLet=\"user$ | async as user\"\n    class=\"flex flex-col gap-4\"\n>\n    <sc-accordion\n        [showArrow]=\"false\"\n        [showAddButton]=\"false\"\n        [open]=\"true\"\n    >\n        \u041E\u0431\u0449\u0438\u0435 \u0434\u0430\u043D\u043D\u044B\u0435\n        <ng-template scAccordionContent>\n            <tui-loader\n                [overlay]=\"true\"\n                [showLoader]=\"user === null\"\n            >\n                <div class=\"flex gap-2 pl-4\">\n                    <div\n                        *ngIf=\"user\"\n                        class=\"flex grow flex-col gap-2\"\n                    >\n                        <span class=\"font-medium\">{{ user.name }}</span>\n                        <div\n                            *ngIf=\"user.city && (getUserCity$(user.city) | async) as city\"\n                            class=\"flex items-center gap-1\"\n                        >\n                            <tui-icon icon=\"@tui.map-pin\"></tui-icon>\n                            <div class=\"flex flex-wrap\">\n                                <span>\u0433. {{ city.name }}, </span>\n                                <span *ngIf=\"city.region\">{{ city.region.name }}</span>\n                            </div>\n                        </div>\n                        <div class=\"flex flex-wrap gap-2\">\n                            <a\n                                tuiLink\n                                [scTelLink]=\"user.contacts.phone.value\"\n                                iconStart=\"@tui.phone\"\n                                [pseudo]=\"true\"\n                                href=\"tel:{{ user.contacts.phone.value | scFormatePhone }}\"\n                                >{{ user.contacts.phone.value | scFormatePhone }}</a\n                            >\n                            <span\n                                *ngIf=\"!user.contacts.phone.isApproved\"\n                                class=\"text-tui-text-03\"\n                            >\n                                (\u0422\u0435\u043B\u0435\u0444\u043E\u043D \u043D\u0435 \u043F\u043E\u0434\u0442\u0432\u0435\u0440\u0436\u0434\u0435\u043D.\n                                <button\n                                    tuiLink\n                                    [pseudo]=\"true\"\n                                    (click)=\"approvePhoneClick.emit()\"\n                                >\n                                    \u041F\u043E\u0434\u0442\u0432\u0435\u0440\u0434\u0438\u0442\u044C</button\n                                >)\n                            </span>\n                        </div>\n                        <div\n                            *tuiLet=\"!!(isSendApproveEmail$ | async) as isSendApproveEmail\"\n                            class=\"flex flex-wrap gap-x-2\"\n                        >\n                            <a\n                                tuiLink\n                                iconStart=\"@tui.mail\"\n                                [pseudo]=\"true\"\n                                href=\"mailto:{{ user.contacts.email.value }}\"\n                            >\n                                {{ user.contacts.email.value }}\n                            </a>\n                            <span\n                                *ngIf=\"!isSendApproveEmail && !user.contacts.email.isApproved\"\n                                class=\"inline-flex flex-wrap gap-1 text-tui-text-03\"\n                            >\n                                E-mail \u043D\u0435 \u043F\u043E\u0434\u0442\u0432\u0435\u0440\u0436\u0434\u0435\u043D.\n                                <tui-loader\n                                    [showLoader]=\"!!(approveEmailLoading$ | async)\"\n                                    [overlay]=\"true\"\n                                >\n                                    <button\n                                        tuiLink\n                                        [pseudo]=\"true\"\n                                        (click)=\"onSendApproveEmail.next(user.contacts.email.value)\"\n                                    >\n                                        \u041F\u043E\u0434\u0442\u0432\u0435\u0440\u0434\u0438\u0442\u044C\n                                    </button>\n                                </tui-loader>\n                            </span>\n                            <span\n                                *ngIf=\"isSendApproveEmail\"\n                                class=\"text-tui-success-fill\"\n                                @tuiFadeIn\n                            >\n                                \u041F\u0438\u0441\u044C\u043C\u043E \u0434\u043B\u044F \u043F\u043E\u0434\u0442\u0432\u0435\u0440\u0436\u0434\u0435\u043D\u0438\u044F \u0443\u0441\u043F\u0435\u0448\u043D\u043E \u043E\u0442\u043F\u0440\u0430\u0432\u043B\u0435\u043D\u043E. \u041F\u0435\u0440\u0435\u0439\u0434\u0438\u0442\u0435 \u043F\u043E \u0441\u0441\u044B\u043B\u043A\u0435 \u0432 \u043F\u0438\u0441\u044C\u043C\u0435 \u0438 \u043E\u0431\u043D\u043E\u0432\u0438\u0442\u0435 \u044D\u0442\u0443 \u0441\u0442\u0440\u0430\u043D\u0438\u0446\u0443.\n                            </span>\n                        </div>\n                        <tui-loader\n                            [showLoader]=\"!!(getNewsLoading$ | async)\"\n                            [overlay]=\"true\"\n                        >\n                            <label tuiLabel>\n                                <input\n                                    tuiCheckbox\n                                    type=\"checkbox\"\n                                    size=\"s\"\n                                    class=\"w-full\"\n                                    [formControl]=\"getNewsControl\"\n                                    [ngModel]=\"user.getNews\"\n                                />\n                                \u042F \u0445\u043E\u0447\u0443 \u043F\u043E\u043B\u0443\u0447\u0430\u0442\u044C \u0440\u0430\u0441\u0441\u044B\u043B\u043A\u0443 \u0421\u043D\u0430\u0431\u0446\u0435\u043D\u0442\u0440 \u043E \u0441\u043A\u0438\u0434\u043A\u0430\u0445 \u0438 \u043D\u043E\u0432\u043E\u0441\u0442\u044F\u0445 \u043F\u043E \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u0435.\n                            </label>\n                        </tui-loader>\n                    </div>\n\n                    <button\n                        tuiIconButton\n                        size=\"m\"\n                        type=\"button\"\n                        iconStart=\"@tui.pencil\"\n                        appearance=\"flat\"\n                        (click)=\"editProfileClick.emit()\"\n                    ></button>\n                </div>\n            </tui-loader>\n        </ng-template>\n    </sc-accordion>\n    <sc-contragents-accordion\n        (addContragentClick)=\"addContragentClick.emit()\"\n        (deleteContragentClick)=\"deleteContragentClick.emit($event)\"\n        (addContragentBankAccountClick)=\"addContragentBankAccountClick.emit($event)\"\n        (deleteContragentBankAccountClick)=\"deleteContragentBankAccountClick.emit($event)\"\n        (addContragentContactClick)=\"addContragentContactClick.emit($event)\"\n        (deleteContragentContactClick)=\"deleteContragentContactClick.emit($event)\"\n    ></sc-contragents-accordion>\n    <sc-delivery-address-accordion\n        (addDeliveryAddressClick)=\"addDeliveryAddressClick.emit()\"\n        (deleteDeliveryAddressClick)=\"deleteDeliveryAddressClick.emit($event)\"\n        (addDeliveryAddressContactClick)=\"addDeliveryAddressContactClick.emit($event)\"\n        (deleteDeliveryAddressContactClick)=\"deleteDeliveryAddressContactClick.emit($event)\"\n    ></sc-delivery-address-accordion>\n    <sc-contacts-accordion\n        *ngIf=\"user\"\n        [contacts$]=\"userContacts$\"\n        (addContactClick)=\"addUserContactClick.emit(user.id)\"\n        (deleteButtonClick)=\"deleteUserContactClick.emit($event)\"\n    ></sc-contacts-accordion>\n    <sc-accordion\n        #passwordAccordion\n        [showArrow]=\"false\"\n        [showAddButton]=\"false\"\n    >\n        \u0418\u0437\u043C\u0435\u043D\u0438\u0442\u044C \u043F\u0430\u0440\u043E\u043B\u044C\n        <ng-template scAccordionContent>\n            <sc-reset-user-password (successResetPassword)=\"passwordAccordion.close()\"></sc-reset-user-password>\n        </ng-template>\n    </sc-accordion>\n</div>\n" }]
-        }], ctorParameters: () => [{ type: i6.Observable, decorators: [{
+        }], ctorParameters: () => [{ type: i6$1.Observable, decorators: [{
                     type: Inject,
                     args: [SC_USER_INFO]
                 }] }, { type: i1.ScLocationsService }, { type: i1.ScUserService }, { type: i1.ScVerificationService }], propDecorators: { editProfileClick: [{