@snabcentr/client-ui 1.3.1 → 1.3.3

package/fesm2020/snabcentr-client-ui.mjs

@@ -694,7 +694,6 @@ class ScSuggestionFieldComponent {
      * @param suggestion Объект подсказки.
      */
     onSelected(suggestion) {
-        this.selectedClick.emit(suggestion);
         switch (this.type) {
             case ScISuggestionType.fio:
                 if ('fio' in suggestion) {
@@ -738,6 +737,7 @@ class ScSuggestionFieldComponent {
             default:
                 break;
         }
+        this.selectedClick.emit(suggestion);
     }
 }
 ScSuggestionFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ScSuggestionFieldComponent, deps: [{ token: NgControl, skipSelf: true }, { token: i1.ScSuggestionService }], target: i0.ɵɵFactoryTarget.Component });
@@ -833,7 +833,15 @@ let ScNewContragentFormComponent = class ScNewContragentFormComponent {
             legalAddress: new FormControl(null, Validators.required),
             postalAddress: new FormControl(null, Validators.required),
             actualAddress: new FormControl(null, Validators.required),
-            bankAccounts: new FormArray([], [Validators.minLength(1), Validators.required]),
+            bankAccounts: new FormArray([
+                new FormGroup({
+                    bankName: new FormControl(null, Validators.required),
+                    bic: new FormControl(null, [Validators.required, Validators.minLength(9), scBicValidator]),
+                    accountNumber: new FormControl(null, [Validators.required, Validators.minLength(20)]),
+                    correspondentAccount: new FormControl(null, [Validators.required, Validators.minLength(20), scCorrespondentAccountValidator]),
+                    currencyId: new FormControl(null, Validators.required),
+                }),
+            ], [Validators.minLength(1), Validators.required]),
         });
         /**
          * Группа полей информации о контрагенте юридическом лице.
@@ -856,7 +864,14 @@ let ScNewContragentFormComponent = class ScNewContragentFormComponent {
             name: new FormControl(null, Validators.required),
             opf: new FormControl('individual', Validators.required),
             salesDirectionId: new FormControl(null, Validators.required),
-            contacts: new FormArray([], [Validators.minLength(1), Validators.required]),
+            contacts: new FormArray([
+                new FormGroup({
+                    name: new FormControl(null, Validators.required),
+                    phone: new FormControl(null, [Validators.required, Validators.minLength(12)]),
+                    email: new FormControl(null, Validators.email),
+                    position: new FormControl(null),
+                }),
+            ], [Validators.minLength(1), Validators.required]),
         });
         /**
          * Перечисление типов подсказок.
@@ -1098,7 +1113,7 @@ let ScSignUpFormComponent = class ScSignUpFormComponent {
          */
         this.successAuth = this.authService.getAuthChange().pipe(filter((state) => state));
         this.opfControl.valueChanges.pipe(distinctUntilChanged(), untilDestroyed(this)).subscribe(() => {
-            this.form.patchValue({ name: '' });
+            this.form.patchValue({ name: null });
             this.form.get('contragent')?.reset();
         });
     }
@@ -1256,7 +1271,9 @@ let ScSignUpFormComponent = class ScSignUpFormComponent {
                 postalAddress: suggestion.postalAddress ?? null,
                 actualAddress: suggestion.actualAddress ?? null,
             });
-            tuiMarkControlAsTouchedAndValidate(this.form.controls.contragent);
+            this.form.controls.contragent.markAllAsTouched();
+            this.form.get(['contragent', 'contacts'])?.markAsUntouched();
+            this.form.get(['contragent', 'bankAccounts'])?.markAsUntouched();
         }
     }
     /**
@@ -1275,13 +1292,13 @@ let ScSignUpFormComponent = class ScSignUpFormComponent {
     }
 };
 ScSignUpFormComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ScSignUpFormComponent, deps: [{ token: i1.ScUserService }, { token: i1.ScAuthService }, { token: i1.ScReferencesService }, { token: i1.ScConvertersService }, { token: i1.ScUserMetrikaService }], target: i0.ɵɵFactoryTarget.Component });
-ScSignUpFormComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", 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-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                            tuiTextfield\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=\"\u0410\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B\"\n                        class=\"w-full\"\n                    >\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=\"\u041F\u0430\u0440\u043E\u043B\u044C\"\n                        class=\"w-full\"\n                    >\n                        <tui-input-password formControlName=\"password\">\n                            \u041F\u0430\u0440\u043E\u043B\u044C\n                            <input\n                                tuiTextfield\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=\"\u041F\u043E\u0432\u0442\u043E\u0440 \u043F\u0430\u0440\u043E\u043B\u044F\"\n                        class=\"w-full\"\n                    >\n                        <tui-input-password formControlName=\"passwordConfirm\">\n                            \u041F\u043E\u0432\u0442\u043E\u0440 \u043F\u0430\u0440\u043E\u043B\u044F\n                            <input\n                                tuiTextfield\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                    <tui-checkbox-labeled\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                    </tui-checkbox-labeled>\n                    <tui-checkbox-labeled\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                    </tui-checkbox-labeled>\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                                    icon=\"tuiIconTrash2Large\"\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                            icon=\"tuiIconPlusLarge\"\n                            [appearance]=\"'secondary'\"\n                            (click)=\"addContactGroup()\"\n                            type=\"button\"\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                                    icon=\"tuiIconTrash2Large\"\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                            icon=\"tuiIconPlusLarge\"\n                            [appearance]=\"'secondary'\"\n                            (click)=\"addBankAccountGroup()\"\n                            type=\"button\"\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                [showLoader]=\"!!(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()\"\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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { 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: i4$1.TuiInputPasswordComponent, selector: "tui-input-password" }, { kind: "directive", type: i4$1.TuiInputPasswordDirective, selector: "tui-input-password" }, { kind: "component", type: i4.TuiTextfieldComponent, selector: "input[tuiTextfield], textarea[tuiTextfield]" }, { kind: "component", type: i4$1.TuiInputComponent, selector: "tui-input" }, { kind: "directive", type: i4$1.TuiInputDirective, selector: "tui-input" }, { kind: "component", type: i4.TuiLinkComponent, selector: "a[tuiLink], button[tuiLink]", inputs: ["pseudo", "icon", "iconAlign", "iconRotated", "mode"], exportAs: ["tuiLink"] }, { kind: "component", type: i4.TuiButtonComponent, selector: "button[tuiButton], button[tuiIconButton], a[tuiButton], a[tuiIconButton]", inputs: ["appearance", "disabled", "icon", "iconRight", "shape", "showLoader", "size"] }, { kind: "component", type: i4.TuiLabelComponent, selector: "label[tuiLabel]", inputs: ["tuiLabel", "context"] }, { kind: "component", type: i4.TuiErrorComponent, selector: "tui-error", inputs: ["error"] }, { kind: "directive", type: i6.TuiLetDirective, 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: i4.TuiDataListComponent, selector: "tui-data-list", inputs: ["role", "emptyContent", "size"] }, { kind: "component", type: i4.TuiOptionComponent, selector: "button[tuiOption], a[tuiOption]", inputs: ["size", "role", "disabled", "value"] }, { kind: "directive", type: i4.TuiDataListDirective, selector: "ng-template[tuiDataList]" }, { kind: "component", type: i4$1.TuiCheckboxLabeledComponent, selector: "tui-checkbox-labeled", inputs: ["size"] }, { kind: "component", type: i4$1.TuiElasticContainerComponent, selector: "tui-elastic-container" }, { kind: "component", type: i4$1.TuiSelectComponent, selector: "tui-select", inputs: ["stringify", "identityMatcher", "valueContent"] }, { kind: "directive", type: i4$1.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: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i4$1.TuiFieldErrorPipe, name: "tuiFieldError" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+ScSignUpFormComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", 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-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                            tuiTextfield\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=\"\u0410\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B\"\n                        class=\"w-full\"\n                    >\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=\"\u041F\u0430\u0440\u043E\u043B\u044C\"\n                        class=\"w-full\"\n                    >\n                        <tui-input-password formControlName=\"password\">\n                            \u041F\u0430\u0440\u043E\u043B\u044C\n                            <input\n                                tuiTextfield\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=\"\u041F\u043E\u0432\u0442\u043E\u0440 \u043F\u0430\u0440\u043E\u043B\u044F\"\n                        class=\"w-full\"\n                    >\n                        <tui-input-password formControlName=\"passwordConfirm\">\n                            \u041F\u043E\u0432\u0442\u043E\u0440 \u043F\u0430\u0440\u043E\u043B\u044F\n                            <input\n                                tuiTextfield\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                    <tui-checkbox-labeled\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                    </tui-checkbox-labeled>\n                    <tui-checkbox-labeled\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                    </tui-checkbox-labeled>\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                                    icon=\"tuiIconTrash2Large\"\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                            icon=\"tuiIconPlusLarge\"\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                                    icon=\"tuiIconTrash2Large\"\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                            icon=\"tuiIconPlusLarge\"\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                [showLoader]=\"!!(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()\"\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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { 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: i4$1.TuiInputPasswordComponent, selector: "tui-input-password" }, { kind: "directive", type: i4$1.TuiInputPasswordDirective, selector: "tui-input-password" }, { kind: "component", type: i4.TuiTextfieldComponent, selector: "input[tuiTextfield], textarea[tuiTextfield]" }, { kind: "component", type: i4$1.TuiInputComponent, selector: "tui-input" }, { kind: "directive", type: i4$1.TuiInputDirective, selector: "tui-input" }, { kind: "component", type: i4.TuiLinkComponent, selector: "a[tuiLink], button[tuiLink]", inputs: ["pseudo", "icon", "iconAlign", "iconRotated", "mode"], exportAs: ["tuiLink"] }, { kind: "component", type: i4.TuiButtonComponent, selector: "button[tuiButton], button[tuiIconButton], a[tuiButton], a[tuiIconButton]", inputs: ["appearance", "disabled", "icon", "iconRight", "shape", "showLoader", "size"] }, { kind: "component", type: i4.TuiLabelComponent, selector: "label[tuiLabel]", inputs: ["tuiLabel", "context"] }, { kind: "component", type: i4.TuiErrorComponent, selector: "tui-error", inputs: ["error"] }, { kind: "directive", type: i6.TuiLetDirective, 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: i4.TuiDataListComponent, selector: "tui-data-list", inputs: ["role", "emptyContent", "size"] }, { kind: "component", type: i4.TuiOptionComponent, selector: "button[tuiOption], a[tuiOption]", inputs: ["size", "role", "disabled", "value"] }, { kind: "directive", type: i4.TuiDataListDirective, selector: "ng-template[tuiDataList]" }, { kind: "component", type: i4$1.TuiCheckboxLabeledComponent, selector: "tui-checkbox-labeled", inputs: ["size"] }, { kind: "component", type: i4$1.TuiElasticContainerComponent, selector: "tui-elastic-container" }, { kind: "component", type: i4$1.TuiSelectComponent, selector: "tui-select", inputs: ["stringify", "identityMatcher", "valueContent"] }, { kind: "directive", type: i4$1.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: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i4$1.TuiFieldErrorPipe, name: "tuiFieldError" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 ScSignUpFormComponent = __decorate([
     UntilDestroy({ checkProperties: true })
 ], ScSignUpFormComponent);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ScSignUpFormComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sc-sign-up-form', changeDetection: ChangeDetectionStrategy.OnPush, template: "<form\n    *tuiLet=\"opfControl.value as selectOpf\"\n    [formGroup]=\"form\"\n    (ngSubmit)=\"onSubmit.next()\"\n    class=\"flex flex-col gap-5\"\n>\n    <ng-container *tuiLet=\"!!selectOpf && opfListEnum[selectOpf] === opfListEnum.individual as isIndividual\">\n        <tui-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                            tuiTextfield\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=\"\u0410\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B\"\n                        class=\"w-full\"\n                    >\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=\"\u041F\u0430\u0440\u043E\u043B\u044C\"\n                        class=\"w-full\"\n                    >\n                        <tui-input-password formControlName=\"password\">\n                            \u041F\u0430\u0440\u043E\u043B\u044C\n                            <input\n                                tuiTextfield\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=\"\u041F\u043E\u0432\u0442\u043E\u0440 \u043F\u0430\u0440\u043E\u043B\u044F\"\n                        class=\"w-full\"\n                    >\n                        <tui-input-password formControlName=\"passwordConfirm\">\n                            \u041F\u043E\u0432\u0442\u043E\u0440 \u043F\u0430\u0440\u043E\u043B\u044F\n                            <input\n                                tuiTextfield\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                    <tui-checkbox-labeled\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                    </tui-checkbox-labeled>\n                    <tui-checkbox-labeled\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                    </tui-checkbox-labeled>\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                                    icon=\"tuiIconTrash2Large\"\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                            icon=\"tuiIconPlusLarge\"\n                            [appearance]=\"'secondary'\"\n                            (click)=\"addContactGroup()\"\n                            type=\"button\"\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                                    icon=\"tuiIconTrash2Large\"\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                            icon=\"tuiIconPlusLarge\"\n                            [appearance]=\"'secondary'\"\n                            (click)=\"addBankAccountGroup()\"\n                            type=\"button\"\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                [showLoader]=\"!!(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()\"\n                    (click)=\"navigate(1)\"\n                >\n                    \u0414\u0430\u043B\u0435\u0435\n                </button>\n            </ng-template>\n        </div>\n    </ng-container>\n</form>\n" }]
+            args: [{ selector: 'sc-sign-up-form', changeDetection: ChangeDetectionStrategy.OnPush, template: "<form\n    *tuiLet=\"opfControl.value as selectOpf\"\n    [formGroup]=\"form\"\n    (ngSubmit)=\"onSubmit.next()\"\n    class=\"flex flex-col gap-5\"\n>\n    <ng-container *tuiLet=\"!!selectOpf && opfListEnum[selectOpf] === opfListEnum.individual as isIndividual\">\n        <tui-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                            tuiTextfield\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=\"\u0410\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B\"\n                        class=\"w-full\"\n                    >\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=\"\u041F\u0430\u0440\u043E\u043B\u044C\"\n                        class=\"w-full\"\n                    >\n                        <tui-input-password formControlName=\"password\">\n                            \u041F\u0430\u0440\u043E\u043B\u044C\n                            <input\n                                tuiTextfield\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=\"\u041F\u043E\u0432\u0442\u043E\u0440 \u043F\u0430\u0440\u043E\u043B\u044F\"\n                        class=\"w-full\"\n                    >\n                        <tui-input-password formControlName=\"passwordConfirm\">\n                            \u041F\u043E\u0432\u0442\u043E\u0440 \u043F\u0430\u0440\u043E\u043B\u044F\n                            <input\n                                tuiTextfield\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                    <tui-checkbox-labeled\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                    </tui-checkbox-labeled>\n                    <tui-checkbox-labeled\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                    </tui-checkbox-labeled>\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                                    icon=\"tuiIconTrash2Large\"\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                            icon=\"tuiIconPlusLarge\"\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                                    icon=\"tuiIconTrash2Large\"\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                            icon=\"tuiIconPlusLarge\"\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                [showLoader]=\"!!(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()\"\n                    (click)=\"navigate(1)\"\n                >\n                    \u0414\u0430\u043B\u0435\u0435\n                </button>\n            </ng-template>\n        </div>\n    </ng-container>\n</form>\n" }]
         }], ctorParameters: function () { return [{ type: i1.ScUserService }, { type: i1.ScAuthService }, { type: i1.ScReferencesService }, { type: i1.ScConvertersService }, { type: i1.ScUserMetrikaService }]; }, propDecorators: { successAuth: [{
                 type: Output
             }] } });
@@ -1945,13 +1962,13 @@ let ScAddContragentDialogComponent = class ScAddContragentDialogComponent {
     }
 };
 ScAddContragentDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ScAddContragentDialogComponent, deps: [{ token: i1.ScReferencesService }, { token: i1.ScContragentService }, { token: i1.ScConvertersService }, { token: i1.ScUserMetrikaService }, { token: i1.ScLocationsService }, { token: POLYMORPHEUS_CONTEXT, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-ScAddContragentDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: ScAddContragentDialogComponent, selector: "sc-add-contragent-dialog", ngImport: i0, template: "<form\n    [formGroup]=\"form\"\n    (ngSubmit)=\"onSubmit.next()\"\n    class=\"flex flex-col gap-4\"\n>\n    <tui-elastic-container>\n        <sc-new-contragent-form [class.!hidden]=\"stepIndex !== 0\"></sc-new-contragent-form>\n\n        <div [class.!hidden]=\"stepIndex !== 1\">\n            <div\n                *ngIf=\"contacts\"\n                class=\"flex flex-col gap-5 pb-1\"\n            >\n                <p class=\"text-lg font-bold\">\u041A\u043E\u043D\u0442\u0430\u043A\u0442\u044B</p>\n                <div\n                    *ngFor=\"let contact of contacts.controls; let index = index; let count = count; let last = last\"\n                    class=\"flex flex-col gap-3\"\n                >\n                    <div class=\"flex h-10 items-center justify-between\">\n                        <p class=\"font-bold\">\u041A\u043E\u043D\u0442\u0430\u043A\u0442 \u2116{{ index + 1 }}:</p>\n                        <button\n                            *ngIf=\"count - 1\"\n                            tuiIconButton\n                            appearance=\"secondary\"\n                            (click)=\"removeContactGroup(index)\"\n                            icon=\"tuiIconTrash2Large\"\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                    icon=\"tuiIconPlusLarge\"\n                    [appearance]=\"'secondary'\"\n                    (click)=\"addContactGroup()\"\n                    type=\"button\"\n                >\n                    \u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u043A\u043E\u043D\u0442\u0430\u043A\u0442\n                </button>\n            </div>\n        </div>\n\n        <div [class.!hidden]=\"stepIndex !== 2\">\n            <div\n                *ngIf=\"bankAccounts\"\n                class=\"flex flex-col gap-5 pb-1\"\n            >\n                <p class=\"text-lg font-bold\">\u0411\u0430\u043D\u043A\u043E\u0432\u0441\u043A\u0438\u0435 \u0440\u0435\u043A\u0432\u0438\u0437\u0438\u0442\u044B</p>\n                <div\n                    *ngFor=\"let bankAccount of bankAccounts.controls; let index = index; let count = count; let last = last\"\n                    class=\"flex flex-col gap-3\"\n                >\n                    <div class=\"flex h-12 items-center justify-between\">\n                        <p class=\"font-bold\">\u0411\u0430\u043D\u043A\u043E\u0432\u0441\u043A\u0438\u0435 \u0440\u0435\u043A\u0432\u0438\u0437\u0438\u0442\u044B \u2116{{ index + 1 }}:</p>\n                        <button\n                            *ngIf=\"count - 1\"\n                            tuiIconButton\n                            appearance=\"secondary\"\n                            (click)=\"removeBankAccountGroup(index)\"\n                            icon=\"tuiIconTrash2Large\"\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                    icon=\"tuiIconPlusLarge\"\n                    [appearance]=\"'secondary'\"\n                    (click)=\"addBankAccountGroup()\"\n                    type=\"button\"\n                >\n                    \u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u0431\u0430\u043D\u043A\u043E\u0432\u0441\u043A\u0438\u0435 \u0440\u0435\u043A\u0432\u0438\u0437\u0438\u0442\u044B\n                </button>\n            </div>\n        </div>\n    </tui-elastic-container>\n    <div class=\"flex justify-center gap-2\">\n        <button\n            *ngIf=\"stepIndex > 0\"\n            tuiButton\n            appearance=\"secondary\"\n            type=\"button\"\n            (click)=\"stepIndex = (stepIndex - 1) % 3\"\n        >\n            \u041D\u0430\u0437\u0430\u0434\n        </button>\n        <button\n            *ngIf=\"stepIndex === 0\"\n            tuiButton\n            (click)=\"context.$implicit.complete()\"\n            type=\"button\"\n            appearance=\"secondary\"\n        >\n            \u041E\u0442\u043C\u0435\u043D\u0430\n        </button>\n        <button\n            *ngIf=\"stepIndex === 2 || (stepIndex === 1 && !form.controls.contragent.controls['bankAccounts']); else nextIndexBtn\"\n            tuiButton\n            [disabled]=\"form.invalid\"\n            [showLoader]=\"!!(loading$ | async)\"\n            type=\"submit\"\n            class=\"self-center\"\n        >\n            \u0421\u043E\u0437\u0434\u0430\u0442\u044C\n        </button>\n        <ng-template #nextIndexBtn>\n            <button\n                tuiButton\n                [disabled]=\"!canNextStep()\"\n                type=\"button\"\n                (click)=\"stepIndex = (stepIndex + 1) % 3\"\n            >\n                \u0414\u0430\u043B\u0435\u0435\n            </button>\n        </ng-template>\n    </div>\n</form>\n", styles: ["tui-carousel{--tui-carousel-padding: .5rem}\n"], dependencies: [{ kind: "directive", type: i3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.TuiButtonComponent, selector: "button[tuiButton], button[tuiIconButton], a[tuiButton], a[tuiIconButton]", inputs: ["appearance", "disabled", "icon", "iconRight", "shape", "showLoader", "size"] }, { kind: "component", type: ScNewContactFormComponent, selector: "sc-new-contact-form", inputs: ["form"] }, { kind: "component", type: i4$1.TuiElasticContainerComponent, selector: "tui-elastic-container" }, { kind: "component", type: ScNewContragentBankAccountsFormComponent, selector: "sc-new-contragent-bank-account-form", inputs: ["form"] }, { kind: "component", type: ScNewContragentFormComponent, selector: "sc-new-contragent-form", inputs: ["opfControl"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+ScAddContragentDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: ScAddContragentDialogComponent, selector: "sc-add-contragent-dialog", ngImport: i0, template: "<form\n    [formGroup]=\"form\"\n    (ngSubmit)=\"onSubmit.next()\"\n    class=\"flex flex-col gap-4\"\n>\n    <tui-elastic-container>\n        <sc-new-contragent-form [class.!hidden]=\"stepIndex !== 0\"></sc-new-contragent-form>\n\n        <div [class.!hidden]=\"stepIndex !== 1\">\n            <div\n                *ngIf=\"contacts\"\n                class=\"flex flex-col gap-5 pb-1\"\n            >\n                <p class=\"text-lg font-bold\">\u041A\u043E\u043D\u0442\u0430\u043A\u0442\u044B</p>\n                <div\n                    *ngFor=\"let contact of contacts.controls; let index = index; let count = count; let last = last\"\n                    class=\"flex flex-col gap-3\"\n                >\n                    <div class=\"flex h-10 items-center justify-between\">\n                        <p class=\"font-bold\">\u041A\u043E\u043D\u0442\u0430\u043A\u0442 \u2116{{ index + 1 }}:</p>\n                        <button\n                            *ngIf=\"count - 1\"\n                            tuiIconButton\n                            appearance=\"secondary\"\n                            (click)=\"removeContactGroup(index)\"\n                            icon=\"tuiIconTrash2Large\"\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                    icon=\"tuiIconPlusLarge\"\n                    appearance=\"secondary\"\n                    (click)=\"addContactGroup()\"\n                    type=\"button\"\n                    class=\"self-center\"\n                >\n                    \u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u043A\u043E\u043D\u0442\u0430\u043A\u0442\n                </button>\n            </div>\n        </div>\n\n        <div [class.!hidden]=\"stepIndex !== 2\">\n            <div\n                *ngIf=\"bankAccounts\"\n                class=\"flex flex-col gap-5 pb-1\"\n            >\n                <p class=\"text-lg font-bold\">\u0411\u0430\u043D\u043A\u043E\u0432\u0441\u043A\u0438\u0435 \u0440\u0435\u043A\u0432\u0438\u0437\u0438\u0442\u044B</p>\n                <div\n                    *ngFor=\"let bankAccount of bankAccounts.controls; let index = index; let count = count; let last = last\"\n                    class=\"flex flex-col gap-3\"\n                >\n                    <div class=\"flex h-12 items-center justify-between\">\n                        <p class=\"font-bold\">\u0411\u0430\u043D\u043A\u043E\u0432\u0441\u043A\u0438\u0435 \u0440\u0435\u043A\u0432\u0438\u0437\u0438\u0442\u044B \u2116{{ index + 1 }}:</p>\n                        <button\n                            *ngIf=\"count - 1\"\n                            tuiIconButton\n                            appearance=\"secondary\"\n                            (click)=\"removeBankAccountGroup(index)\"\n                            icon=\"tuiIconTrash2Large\"\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                    icon=\"tuiIconPlusLarge\"\n                    appearance=\"secondary\"\n                    (click)=\"addBankAccountGroup()\"\n                    type=\"button\"\n                    class=\"self-center\"\n                >\n                    \u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u0431\u0430\u043D\u043A\u043E\u0432\u0441\u043A\u0438\u0435 \u0440\u0435\u043A\u0432\u0438\u0437\u0438\u0442\u044B\n                </button>\n            </div>\n        </div>\n    </tui-elastic-container>\n    <div class=\"flex justify-center gap-2\">\n        <button\n            *ngIf=\"stepIndex > 0\"\n            tuiButton\n            appearance=\"secondary\"\n            type=\"button\"\n            (click)=\"stepIndex = (stepIndex - 1) % 3\"\n        >\n            \u041D\u0430\u0437\u0430\u0434\n        </button>\n        <button\n            *ngIf=\"stepIndex === 0\"\n            tuiButton\n            (click)=\"context.$implicit.complete()\"\n            type=\"button\"\n            appearance=\"secondary\"\n        >\n            \u041E\u0442\u043C\u0435\u043D\u0430\n        </button>\n        <button\n            *ngIf=\"stepIndex === 2 || (stepIndex === 1 && !form.controls.contragent.controls['bankAccounts']); else nextIndexBtn\"\n            tuiButton\n            [disabled]=\"form.invalid\"\n            [showLoader]=\"!!(loading$ | async)\"\n            type=\"submit\"\n            class=\"self-center\"\n        >\n            \u0421\u043E\u0437\u0434\u0430\u0442\u044C\n        </button>\n        <ng-template #nextIndexBtn>\n            <button\n                tuiButton\n                [disabled]=\"!canNextStep()\"\n                type=\"button\"\n                (click)=\"stepIndex = (stepIndex + 1) % 3\"\n            >\n                \u0414\u0430\u043B\u0435\u0435\n            </button>\n        </ng-template>\n    </div>\n</form>\n", styles: ["tui-carousel{--tui-carousel-padding: .5rem}\n"], dependencies: [{ kind: "directive", type: i3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.TuiButtonComponent, selector: "button[tuiButton], button[tuiIconButton], a[tuiButton], a[tuiIconButton]", inputs: ["appearance", "disabled", "icon", "iconRight", "shape", "showLoader", "size"] }, { kind: "component", type: ScNewContactFormComponent, selector: "sc-new-contact-form", inputs: ["form"] }, { kind: "component", type: i4$1.TuiElasticContainerComponent, selector: "tui-elastic-container" }, { kind: "component", type: ScNewContragentBankAccountsFormComponent, selector: "sc-new-contragent-bank-account-form", inputs: ["form"] }, { kind: "component", type: ScNewContragentFormComponent, selector: "sc-new-contragent-form", inputs: ["opfControl"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 ScAddContragentDialogComponent = __decorate([
     UntilDestroy({ checkProperties: true })
 ], ScAddContragentDialogComponent);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ScAddContragentDialogComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sc-add-contragent-dialog', changeDetection: ChangeDetectionStrategy.OnPush, template: "<form\n    [formGroup]=\"form\"\n    (ngSubmit)=\"onSubmit.next()\"\n    class=\"flex flex-col gap-4\"\n>\n    <tui-elastic-container>\n        <sc-new-contragent-form [class.!hidden]=\"stepIndex !== 0\"></sc-new-contragent-form>\n\n        <div [class.!hidden]=\"stepIndex !== 1\">\n            <div\n                *ngIf=\"contacts\"\n                class=\"flex flex-col gap-5 pb-1\"\n            >\n                <p class=\"text-lg font-bold\">\u041A\u043E\u043D\u0442\u0430\u043A\u0442\u044B</p>\n                <div\n                    *ngFor=\"let contact of contacts.controls; let index = index; let count = count; let last = last\"\n                    class=\"flex flex-col gap-3\"\n                >\n                    <div class=\"flex h-10 items-center justify-between\">\n                        <p class=\"font-bold\">\u041A\u043E\u043D\u0442\u0430\u043A\u0442 \u2116{{ index + 1 }}:</p>\n                        <button\n                            *ngIf=\"count - 1\"\n                            tuiIconButton\n                            appearance=\"secondary\"\n                            (click)=\"removeContactGroup(index)\"\n                            icon=\"tuiIconTrash2Large\"\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                    icon=\"tuiIconPlusLarge\"\n                    [appearance]=\"'secondary'\"\n                    (click)=\"addContactGroup()\"\n                    type=\"button\"\n                >\n                    \u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u043A\u043E\u043D\u0442\u0430\u043A\u0442\n                </button>\n            </div>\n        </div>\n\n        <div [class.!hidden]=\"stepIndex !== 2\">\n            <div\n                *ngIf=\"bankAccounts\"\n                class=\"flex flex-col gap-5 pb-1\"\n            >\n                <p class=\"text-lg font-bold\">\u0411\u0430\u043D\u043A\u043E\u0432\u0441\u043A\u0438\u0435 \u0440\u0435\u043A\u0432\u0438\u0437\u0438\u0442\u044B</p>\n                <div\n                    *ngFor=\"let bankAccount of bankAccounts.controls; let index = index; let count = count; let last = last\"\n                    class=\"flex flex-col gap-3\"\n                >\n                    <div class=\"flex h-12 items-center justify-between\">\n                        <p class=\"font-bold\">\u0411\u0430\u043D\u043A\u043E\u0432\u0441\u043A\u0438\u0435 \u0440\u0435\u043A\u0432\u0438\u0437\u0438\u0442\u044B \u2116{{ index + 1 }}:</p>\n                        <button\n                            *ngIf=\"count - 1\"\n                            tuiIconButton\n                            appearance=\"secondary\"\n                            (click)=\"removeBankAccountGroup(index)\"\n                            icon=\"tuiIconTrash2Large\"\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                    icon=\"tuiIconPlusLarge\"\n                    [appearance]=\"'secondary'\"\n                    (click)=\"addBankAccountGroup()\"\n                    type=\"button\"\n                >\n                    \u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u0431\u0430\u043D\u043A\u043E\u0432\u0441\u043A\u0438\u0435 \u0440\u0435\u043A\u0432\u0438\u0437\u0438\u0442\u044B\n                </button>\n            </div>\n        </div>\n    </tui-elastic-container>\n    <div class=\"flex justify-center gap-2\">\n        <button\n            *ngIf=\"stepIndex > 0\"\n            tuiButton\n            appearance=\"secondary\"\n            type=\"button\"\n            (click)=\"stepIndex = (stepIndex - 1) % 3\"\n        >\n            \u041D\u0430\u0437\u0430\u0434\n        </button>\n        <button\n            *ngIf=\"stepIndex === 0\"\n            tuiButton\n            (click)=\"context.$implicit.complete()\"\n            type=\"button\"\n            appearance=\"secondary\"\n        >\n            \u041E\u0442\u043C\u0435\u043D\u0430\n        </button>\n        <button\n            *ngIf=\"stepIndex === 2 || (stepIndex === 1 && !form.controls.contragent.controls['bankAccounts']); else nextIndexBtn\"\n            tuiButton\n            [disabled]=\"form.invalid\"\n            [showLoader]=\"!!(loading$ | async)\"\n            type=\"submit\"\n            class=\"self-center\"\n        >\n            \u0421\u043E\u0437\u0434\u0430\u0442\u044C\n        </button>\n        <ng-template #nextIndexBtn>\n            <button\n                tuiButton\n                [disabled]=\"!canNextStep()\"\n                type=\"button\"\n                (click)=\"stepIndex = (stepIndex + 1) % 3\"\n            >\n                \u0414\u0430\u043B\u0435\u0435\n            </button>\n        </ng-template>\n    </div>\n</form>\n", styles: ["tui-carousel{--tui-carousel-padding: .5rem}\n"] }]
+            args: [{ selector: 'sc-add-contragent-dialog', changeDetection: ChangeDetectionStrategy.OnPush, template: "<form\n    [formGroup]=\"form\"\n    (ngSubmit)=\"onSubmit.next()\"\n    class=\"flex flex-col gap-4\"\n>\n    <tui-elastic-container>\n        <sc-new-contragent-form [class.!hidden]=\"stepIndex !== 0\"></sc-new-contragent-form>\n\n        <div [class.!hidden]=\"stepIndex !== 1\">\n            <div\n                *ngIf=\"contacts\"\n                class=\"flex flex-col gap-5 pb-1\"\n            >\n                <p class=\"text-lg font-bold\">\u041A\u043E\u043D\u0442\u0430\u043A\u0442\u044B</p>\n                <div\n                    *ngFor=\"let contact of contacts.controls; let index = index; let count = count; let last = last\"\n                    class=\"flex flex-col gap-3\"\n                >\n                    <div class=\"flex h-10 items-center justify-between\">\n                        <p class=\"font-bold\">\u041A\u043E\u043D\u0442\u0430\u043A\u0442 \u2116{{ index + 1 }}:</p>\n                        <button\n                            *ngIf=\"count - 1\"\n                            tuiIconButton\n                            appearance=\"secondary\"\n                            (click)=\"removeContactGroup(index)\"\n                            icon=\"tuiIconTrash2Large\"\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                    icon=\"tuiIconPlusLarge\"\n                    appearance=\"secondary\"\n                    (click)=\"addContactGroup()\"\n                    type=\"button\"\n                    class=\"self-center\"\n                >\n                    \u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u043A\u043E\u043D\u0442\u0430\u043A\u0442\n                </button>\n            </div>\n        </div>\n\n        <div [class.!hidden]=\"stepIndex !== 2\">\n            <div\n                *ngIf=\"bankAccounts\"\n                class=\"flex flex-col gap-5 pb-1\"\n            >\n                <p class=\"text-lg font-bold\">\u0411\u0430\u043D\u043A\u043E\u0432\u0441\u043A\u0438\u0435 \u0440\u0435\u043A\u0432\u0438\u0437\u0438\u0442\u044B</p>\n                <div\n                    *ngFor=\"let bankAccount of bankAccounts.controls; let index = index; let count = count; let last = last\"\n                    class=\"flex flex-col gap-3\"\n                >\n                    <div class=\"flex h-12 items-center justify-between\">\n                        <p class=\"font-bold\">\u0411\u0430\u043D\u043A\u043E\u0432\u0441\u043A\u0438\u0435 \u0440\u0435\u043A\u0432\u0438\u0437\u0438\u0442\u044B \u2116{{ index + 1 }}:</p>\n                        <button\n                            *ngIf=\"count - 1\"\n                            tuiIconButton\n                            appearance=\"secondary\"\n                            (click)=\"removeBankAccountGroup(index)\"\n                            icon=\"tuiIconTrash2Large\"\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                    icon=\"tuiIconPlusLarge\"\n                    appearance=\"secondary\"\n                    (click)=\"addBankAccountGroup()\"\n                    type=\"button\"\n                    class=\"self-center\"\n                >\n                    \u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u0431\u0430\u043D\u043A\u043E\u0432\u0441\u043A\u0438\u0435 \u0440\u0435\u043A\u0432\u0438\u0437\u0438\u0442\u044B\n                </button>\n            </div>\n        </div>\n    </tui-elastic-container>\n    <div class=\"flex justify-center gap-2\">\n        <button\n            *ngIf=\"stepIndex > 0\"\n            tuiButton\n            appearance=\"secondary\"\n            type=\"button\"\n            (click)=\"stepIndex = (stepIndex - 1) % 3\"\n        >\n            \u041D\u0430\u0437\u0430\u0434\n        </button>\n        <button\n            *ngIf=\"stepIndex === 0\"\n            tuiButton\n            (click)=\"context.$implicit.complete()\"\n            type=\"button\"\n            appearance=\"secondary\"\n        >\n            \u041E\u0442\u043C\u0435\u043D\u0430\n        </button>\n        <button\n            *ngIf=\"stepIndex === 2 || (stepIndex === 1 && !form.controls.contragent.controls['bankAccounts']); else nextIndexBtn\"\n            tuiButton\n            [disabled]=\"form.invalid\"\n            [showLoader]=\"!!(loading$ | async)\"\n            type=\"submit\"\n            class=\"self-center\"\n        >\n            \u0421\u043E\u0437\u0434\u0430\u0442\u044C\n        </button>\n        <ng-template #nextIndexBtn>\n            <button\n                tuiButton\n                [disabled]=\"!canNextStep()\"\n                type=\"button\"\n                (click)=\"stepIndex = (stepIndex + 1) % 3\"\n            >\n                \u0414\u0430\u043B\u0435\u0435\n            </button>\n        </ng-template>\n    </div>\n</form>\n", styles: ["tui-carousel{--tui-carousel-padding: .5rem}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.ScReferencesService }, { type: i1.ScContragentService }, { type: i1.ScConvertersService }, { type: i1.ScUserMetrikaService }, { type: i1.ScLocationsService }, { type: undefined, decorators: [{
                     type: Optional
                 }, {
@@ -3814,11 +3831,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
                 }]
         }] });
 
-/* eslint-disable @typescript-eslint/unbound-method,lodash/prefer-lodash-method */
 /**
  * Компонент добавления адреса доставки.
  */
-class ScAddDeliveryAddressDialogComponent {
+let ScAddDeliveryAddressDialogComponent = class ScAddDeliveryAddressDialogComponent {
     /**
      * Инициализирует экземпляр класса {@link ScAddDeliveryAddressDialogComponent}.
      *
@@ -3844,12 +3860,18 @@ class ScAddDeliveryAddressDialogComponent {
          * {@link Subject} события отправки формы.
          */
         this.onSubmit$ = new Subject();
+        /**
+         * Координаты центра карты по умолчанию.
+         */
+        this.defaultCenterMap = [57.000353, 40.97393];
+        /**
+         * Масштаб карты по умолчанию.
+         */
+        this.defaultZoomMap = 11;
         /**
          * {@link Observable} запроса данных добавления адрес доставки.
          */
-        this.request$ = this.onSubmit$.pipe(tap(() => {
-            tuiMarkControlAsTouchedAndValidate(this.form);
-        }), filter(() => this.form.valid), map(() => this.form.value), switchMap((value) => this.deliveryAddressService.createDeliveryAddress$(this.convertersService.removeNullRecursive(value)).pipe(tap(() => {
+        this.request$ = this.onSubmit$.pipe(filter(() => this.form.valid), map(() => this.form.value), switchMap((value) => this.deliveryAddressService.createDeliveryAddress$(this.convertersService.removeNullRecursive(value)).pipe(tap(() => {
             this.context.completeWith();
         }), catchError((error) => {
             if (error instanceof HttpErrorResponse) {
@@ -3894,7 +3916,7 @@ class ScAddDeliveryAddressDialogComponent {
                 name: new FormControl(null, Validators.required),
                 phone: new FormControl(null, [Validators.required, Validators.minLength(12)]),
                 email: new FormControl(null, Validators.email),
-                position: new FormControl(null),
+                position: new FormControl(null, Validators.required),
             }),
         });
     }
@@ -3903,6 +3925,9 @@ class ScAddDeliveryAddressDialogComponent {
         this.userMetrikaService.emitUserMetrikaEvent({
             target: ScUserMetrikaGoalsEnum.userProfileDeliveryAddressAddShow,
         });
+        this.addressControl.valueChanges.pipe(untilDestroyed(this)).subscribe(() => {
+            this.removeGeoCoordinates();
+        });
     }
     /**
      * Обработчик загрузки карты на странице.
@@ -3931,12 +3956,15 @@ class ScAddDeliveryAddressDialogComponent {
             if (!this.addressPlacemark) {
                 this.addressPlacemark = this.createPlacemark(coords);
             }
+            this.setGeoCoordinates(coords);
+            if (!this.yaMap?.geoObjects.getLength()) {
+                this.yaMap?.geoObjects.add(this.addressPlacemark);
+            }
             const bounds = this.addressPlacemark.geometry?.getBounds();
             if (bounds) {
                 this.yaMap?.setBounds(bounds);
                 this.yaMap?.setZoom(17);
             }
-            this.setGeoCoordinates(coords);
         }
     }
     /**
@@ -3947,13 +3975,29 @@ class ScAddDeliveryAddressDialogComponent {
     setGeoCoordinates(coords) {
         if (this.addressPlacemark) {
             this.addressPlacemark.geometry?.setCoordinates(coords);
+            this.form.patchValue({
+                coordinates: {
+                    lat: coords[0],
+                    long: coords[1],
+                },
+            });
+        }
+    }
+    /**
+     * Устанавливает {@link addressPlacemark} точку на определённые координаты.
+     */
+    removeGeoCoordinates() {
+        if (this.addressPlacemark) {
+            this.yaMap?.geoObjects.remove(this.addressPlacemark);
+            this.form.patchValue({
+                coordinates: {
+                    lat: null,
+                    long: null,
+                },
+            });
+            this.yaMap?.setCenter(this.defaultCenterMap);
+            this.yaMap?.setZoom(this.defaultZoomMap);
         }
-        this.form.patchValue({
-            coordinates: {
-                lat: coords[0],
-                long: coords[1],
-            },
-        });
     }
     /**
      * Создаёт объект точки и устанавливает события для него.
@@ -3967,7 +4011,6 @@ class ScAddDeliveryAddressDialogComponent {
             preset: 'islands',
             draggable: true,
         });
-        this.yaMap?.geoObjects.add(placemark);
         placemark.events.add('dragend', () => {
             const coord = this.addressPlacemark?.geometry?.getCoordinates();
             if (coord) {
@@ -3976,12 +4019,15 @@ class ScAddDeliveryAddressDialogComponent {
         });
         return placemark;
     }
-}
+};
 ScAddDeliveryAddressDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ScAddDeliveryAddressDialogComponent, deps: [{ token: i1.ScDeliveryAddressService }, { token: i1.ScUserMetrikaService }, { token: POLYMORPHEUS_CONTEXT }, { token: i1.ScConvertersService }], target: i0.ɵɵFactoryTarget.Component });
-ScAddDeliveryAddressDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: ScAddDeliveryAddressDialogComponent, selector: "sc-add-delivery-address-dialog", ngImport: i0, template: "<div class=\"relative flex flex-col gap-3 md:flex-row\">\n    <form\n        [formGroup]=\"form\"\n        (ngSubmit)=\"onSubmit$.next()\"\n        class=\"flex w-full flex-col gap-3\"\n    >\n        <label tuiLabel=\"\u0410\u0434\u0440\u0435\u0441 \u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438\">\n            <tui-input formControlName=\"address\">\n                \u0410\u0434\u0440\u0435\u0441 \u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438\n                <sc-suggestion-field\n                    *tuiDataList\n                    [type]=\"suggestionType.address\"\n                    (selectedClick)=\"onSelectedAddress($event)\"\n                ></sc-suggestion-field>\n                <input\n                    tuiTextfield\n                    autocomplete=\"off\"\n                />\n            </tui-input>\n            <tui-error\n                formControlName=\"address\"\n                [error]=\"[] | tuiFieldError | async\"\n            ></tui-error>\n        </label>\n        <div\n            formGroupName=\"contact\"\n            class=\"flex grow flex-col gap-2\"\n        >\n            <p class=\"w-full font-bold\">\u041A\u043E\u043D\u0442\u0430\u043A\u0442\u043D\u043E\u0435 \u043B\u0438\u0446\u043E:</p>\n            <label tuiLabel=\"\u0424.\u0418.\u041E.\">\n                <tui-input formControlName=\"name\">\n                    \u0424.\u0418.\u041E.\n                    <sc-suggestion-field\n                        *tuiDataList\n                        [type]=\"suggestionType.fio\"\n                    ></sc-suggestion-field>\n                </tui-input>\n                <tui-error\n                    formControlName=\"name\"\n                    [error]=\"[] | tuiFieldError | async\"\n                ></tui-error>\n            </label>\n            <label tuiLabel=\"\u0422\u0435\u043B\u0435\u0444\u043E\u043D\">\n                <tui-input-phone formControlName=\"phone\"> \u0422\u0435\u043B\u0435\u0444\u043E\u043D </tui-input-phone>\n                <tui-error\n                    formControlName=\"phone\"\n                    [error]=\"[] | tuiFieldError | async\"\n                ></tui-error>\n            </label>\n            <label tuiLabel=\"\u0410\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B\">\n                <tui-input formControlName=\"email\">\n                    <input\n                        tuiTextfield\n                        type=\"email\"\n                    />\n                    \u0410\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B\n                    <sc-suggestion-field\n                        *tuiDataList\n                        [type]=\"suggestionType.email\"\n                    ></sc-suggestion-field>\n                </tui-input>\n                <tui-error\n                    formControlName=\"email\"\n                    [error]=\"[] | tuiFieldError | async\"\n                ></tui-error>\n            </label>\n            <label tuiLabel=\"\u0414\u043E\u043B\u0436\u043D\u043E\u0441\u0442\u044C\">\n                <tui-input formControlName=\"position\"> \u0414\u043E\u043B\u0436\u043D\u043E\u0441\u0442\u044C </tui-input>\n                <tui-error\n                    formControlName=\"position\"\n                    [error]=\"[] | tuiFieldError | async\"\n                ></tui-error>\n            </label>\n        </div>\n        <div class=\"flex justify-center gap-8\">\n            <button\n                tuiButton\n                (click)=\"context.$implicit.complete()\"\n                type=\"button\"\n                [icon]=\"isMobile ? 'tuiIconX' : 'tuiIconXLarge'\"\n                appearance=\"secondary\"\n            >\n                \u041E\u0442\u043C\u0435\u043D\u0430\n            </button>\n            <button\n                tuiButton\n                [icon]=\"isMobile ? 'tuiIconSave' : 'tuiIconSaveLarge'\"\n                [disabled]=\"form.invalid\"\n                [showLoader]=\"!!(loading$ | async)\"\n                type=\"submit\"\n            >\n                \u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C\n            </button>\n        </div>\n    </form>\n\n    <div\n        class=\"absolute -z-10 flex size-full md:w-1/2\"\n        [ngClass]=\"{ 'z-0 relative': addressPlacemark }\"\n    >\n        <div class=\"flex-auto\">\n            <ya-map\n                [zoom]=\"11\"\n                [state]=\"{ controls: [] }\"\n                (ready)=\"onMapReadyHandle($event)\"\n                [options]=\"options\"\n            ></ya-map>\n        </div>\n    </div>\n</div>\n", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i4.TuiButtonComponent, selector: "button[tuiButton], button[tuiIconButton], a[tuiButton], a[tuiIconButton]", inputs: ["appearance", "disabled", "icon", "iconRight", "shape", "showLoader", "size"] }, { kind: "directive", type: i3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i3.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "component", type: i4.TuiLabelComponent, selector: "label[tuiLabel]", inputs: ["tuiLabel", "context"] }, { kind: "component", type: i4.TuiErrorComponent, selector: "tui-error", inputs: ["error"] }, { kind: "component", type: i4$1.TuiInputComponent, selector: "tui-input" }, { kind: "directive", type: i4$1.TuiInputDirective, selector: "tui-input" }, { kind: "component", type: i4.TuiTextfieldComponent, selector: "input[tuiTextfield], textarea[tuiTextfield]" }, { kind: "component", type: i4$1.TuiInputPhoneComponent, selector: "tui-input-phone", inputs: ["countryCode", "phoneMaskAfterCountryCode", "allowText", "search"], outputs: ["searchChange"] }, { kind: "directive", type: i4$1.TuiInputPhoneDirective, selector: "tui-input-phone" }, { kind: "component", type: ScSuggestionFieldComponent, selector: "sc-suggestion-field", inputs: ["type"], outputs: ["selectedClick"] }, { kind: "directive", type: i4.TuiDataListDirective, selector: "ng-template[tuiDataList]" }, { kind: "component", type: i7$2.YaMapComponent, selector: "ya-map", inputs: ["center", "zoom", "state", "options"], outputs: ["ready", "actionbegin", "actionbreak", "actionend", "actiontick", "actiontickcomplete", "balloonclose", "balloonopen", "boundschange", "yaclick", "yacontextmenu", "yadblclick", "destroy", "hintclose", "hintopen", "marginchange", "yamousedown", "yamouseenter", "yamouseleave", "yamousemove", "yamouseup", "multitouchend", "multitouchmove", "multitouchstart", "optionschange", "sizechange", "typechange", "yawheel"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i4$1.TuiFieldErrorPipe, name: "tuiFieldError" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+ScAddDeliveryAddressDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: ScAddDeliveryAddressDialogComponent, selector: "sc-add-delivery-address-dialog", ngImport: i0, template: "<div class=\"relative flex flex-col gap-3 md:flex-row\">\n    <form\n        [formGroup]=\"form\"\n        (ngSubmit)=\"onSubmit$.next()\"\n        class=\"flex w-full flex-col gap-3\"\n    >\n        <label tuiLabel=\"\u0410\u0434\u0440\u0435\u0441 \u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438\">\n            <tui-input\n                [pseudoInvalid]=\"(addressControl.valid && form.controls.coordinates.invalid) || null\"\n                formControlName=\"address\"\n            >\n                \u0410\u0434\u0440\u0435\u0441 \u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438\n                <sc-suggestion-field\n                    *tuiDataList\n                    [type]=\"suggestionType.address\"\n                    (selectedClick)=\"onSelectedAddress($event)\"\n                ></sc-suggestion-field>\n                <input\n                    tuiTextfield\n                    autocomplete=\"new-password\"\n                />\n            </tui-input>\n            <tui-error\n                formControlName=\"address\"\n                [error]=\"[] | tuiFieldError | async\"\n            ></tui-error>\n            <tui-error\n                *ngIf=\"addressControl.valid && form.controls.coordinates.invalid\"\n                error=\"\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u0432\u0430\u0440\u0438\u0430\u043D\u0442 \u0438\u0437 \u0441\u043F\u0438\u0441\u043A\u0430\"\n            ></tui-error>\n        </label>\n        <div\n            formGroupName=\"contact\"\n            class=\"flex grow flex-col gap-2\"\n        >\n            <p class=\"w-full font-bold\">\u041A\u043E\u043D\u0442\u0430\u043A\u0442\u043D\u043E\u0435 \u043B\u0438\u0446\u043E:</p>\n            <label tuiLabel=\"\u0424.\u0418.\u041E.\">\n                <tui-input formControlName=\"name\">\n                    \u0424.\u0418.\u041E.\n                    <sc-suggestion-field\n                        *tuiDataList\n                        [type]=\"suggestionType.fio\"\n                    ></sc-suggestion-field>\n                </tui-input>\n                <tui-error\n                    formControlName=\"name\"\n                    [error]=\"[] | tuiFieldError | async\"\n                ></tui-error>\n            </label>\n            <label tuiLabel=\"\u0422\u0435\u043B\u0435\u0444\u043E\u043D\">\n                <tui-input-phone formControlName=\"phone\"> \u0422\u0435\u043B\u0435\u0444\u043E\u043D </tui-input-phone>\n                <tui-error\n                    formControlName=\"phone\"\n                    [error]=\"[] | tuiFieldError | async\"\n                ></tui-error>\n            </label>\n            <label tuiLabel=\"\u0410\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B\">\n                <tui-input formControlName=\"email\">\n                    <input\n                        tuiTextfield\n                        type=\"email\"\n                    />\n                    \u0410\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B\n                    <sc-suggestion-field\n                        *tuiDataList\n                        [type]=\"suggestionType.email\"\n                    ></sc-suggestion-field>\n                </tui-input>\n                <tui-error\n                    formControlName=\"email\"\n                    [error]=\"[] | tuiFieldError | async\"\n                ></tui-error>\n            </label>\n            <label tuiLabel=\"\u0414\u043E\u043B\u0436\u043D\u043E\u0441\u0442\u044C\">\n                <tui-input formControlName=\"position\"> \u0414\u043E\u043B\u0436\u043D\u043E\u0441\u0442\u044C </tui-input>\n                <tui-error\n                    formControlName=\"position\"\n                    [error]=\"[] | tuiFieldError | async\"\n                ></tui-error>\n            </label>\n        </div>\n        <div class=\"flex justify-center gap-8\">\n            <button\n                tuiButton\n                (click)=\"context.$implicit.complete()\"\n                type=\"button\"\n                [icon]=\"isMobile ? 'tuiIconX' : 'tuiIconXLarge'\"\n                appearance=\"secondary\"\n            >\n                \u041E\u0442\u043C\u0435\u043D\u0430\n            </button>\n            <button\n                tuiButton\n                [icon]=\"isMobile ? 'tuiIconSave' : 'tuiIconSaveLarge'\"\n                [disabled]=\"form.invalid\"\n                [showLoader]=\"!!(loading$ | async)\"\n                type=\"submit\"\n            >\n                \u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C\n            </button>\n        </div>\n    </form>\n\n    <div\n        class=\"absolute -z-10 flex size-full md:w-1/2\"\n        [ngClass]=\"{ 'z-0 relative': addressPlacemark }\"\n    >\n        <div\n            class=\"flex-auto\"\n            [ngClass]=\"{ 'pointer-events-none opacity-50': form.controls.coordinates.invalid }\"\n        >\n            <ya-map\n                [zoom]=\"11\"\n                [state]=\"{ controls: [] }\"\n                (ready)=\"onMapReadyHandle($event)\"\n                [options]=\"options\"\n            ></ya-map>\n        </div>\n    </div>\n</div>\n", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.TuiButtonComponent, selector: "button[tuiButton], button[tuiIconButton], a[tuiButton], a[tuiIconButton]", inputs: ["appearance", "disabled", "icon", "iconRight", "shape", "showLoader", "size"] }, { kind: "directive", type: i3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i3.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "component", type: i4.TuiLabelComponent, selector: "label[tuiLabel]", inputs: ["tuiLabel", "context"] }, { kind: "component", type: i4.TuiErrorComponent, selector: "tui-error", inputs: ["error"] }, { kind: "component", type: i4$1.TuiInputComponent, selector: "tui-input" }, { kind: "directive", type: i4$1.TuiInputDirective, selector: "tui-input" }, { kind: "component", type: i4.TuiTextfieldComponent, selector: "input[tuiTextfield], textarea[tuiTextfield]" }, { kind: "component", type: i4$1.TuiInputPhoneComponent, selector: "tui-input-phone", inputs: ["countryCode", "phoneMaskAfterCountryCode", "allowText", "search"], outputs: ["searchChange"] }, { kind: "directive", type: i4$1.TuiInputPhoneDirective, selector: "tui-input-phone" }, { kind: "component", type: ScSuggestionFieldComponent, selector: "sc-suggestion-field", inputs: ["type"], outputs: ["selectedClick"] }, { kind: "directive", type: i4.TuiDataListDirective, selector: "ng-template[tuiDataList]" }, { kind: "component", type: i7$2.YaMapComponent, selector: "ya-map", inputs: ["center", "zoom", "state", "options"], outputs: ["ready", "actionbegin", "actionbreak", "actionend", "actiontick", "actiontickcomplete", "balloonclose", "balloonopen", "boundschange", "yaclick", "yacontextmenu", "yadblclick", "destroy", "hintclose", "hintopen", "marginchange", "yamousedown", "yamouseenter", "yamouseleave", "yamousemove", "yamouseup", "multitouchend", "multitouchmove", "multitouchstart", "optionschange", "sizechange", "typechange", "yawheel"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i4$1.TuiFieldErrorPipe, name: "tuiFieldError" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+ScAddDeliveryAddressDialogComponent = __decorate([
+    UntilDestroy({ checkProperties: true })
+], ScAddDeliveryAddressDialogComponent);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ScAddDeliveryAddressDialogComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sc-add-delivery-address-dialog', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"relative flex flex-col gap-3 md:flex-row\">\n    <form\n        [formGroup]=\"form\"\n        (ngSubmit)=\"onSubmit$.next()\"\n        class=\"flex w-full flex-col gap-3\"\n    >\n        <label tuiLabel=\"\u0410\u0434\u0440\u0435\u0441 \u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438\">\n            <tui-input formControlName=\"address\">\n                \u0410\u0434\u0440\u0435\u0441 \u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438\n                <sc-suggestion-field\n                    *tuiDataList\n                    [type]=\"suggestionType.address\"\n                    (selectedClick)=\"onSelectedAddress($event)\"\n                ></sc-suggestion-field>\n                <input\n                    tuiTextfield\n                    autocomplete=\"off\"\n                />\n            </tui-input>\n            <tui-error\n                formControlName=\"address\"\n                [error]=\"[] | tuiFieldError | async\"\n            ></tui-error>\n        </label>\n        <div\n            formGroupName=\"contact\"\n            class=\"flex grow flex-col gap-2\"\n        >\n            <p class=\"w-full font-bold\">\u041A\u043E\u043D\u0442\u0430\u043A\u0442\u043D\u043E\u0435 \u043B\u0438\u0446\u043E:</p>\n            <label tuiLabel=\"\u0424.\u0418.\u041E.\">\n                <tui-input formControlName=\"name\">\n                    \u0424.\u0418.\u041E.\n                    <sc-suggestion-field\n                        *tuiDataList\n                        [type]=\"suggestionType.fio\"\n                    ></sc-suggestion-field>\n                </tui-input>\n                <tui-error\n                    formControlName=\"name\"\n                    [error]=\"[] | tuiFieldError | async\"\n                ></tui-error>\n            </label>\n            <label tuiLabel=\"\u0422\u0435\u043B\u0435\u0444\u043E\u043D\">\n                <tui-input-phone formControlName=\"phone\"> \u0422\u0435\u043B\u0435\u0444\u043E\u043D </tui-input-phone>\n                <tui-error\n                    formControlName=\"phone\"\n                    [error]=\"[] | tuiFieldError | async\"\n                ></tui-error>\n            </label>\n            <label tuiLabel=\"\u0410\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B\">\n                <tui-input formControlName=\"email\">\n                    <input\n                        tuiTextfield\n                        type=\"email\"\n                    />\n                    \u0410\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B\n                    <sc-suggestion-field\n                        *tuiDataList\n                        [type]=\"suggestionType.email\"\n                    ></sc-suggestion-field>\n                </tui-input>\n                <tui-error\n                    formControlName=\"email\"\n                    [error]=\"[] | tuiFieldError | async\"\n                ></tui-error>\n            </label>\n            <label tuiLabel=\"\u0414\u043E\u043B\u0436\u043D\u043E\u0441\u0442\u044C\">\n                <tui-input formControlName=\"position\"> \u0414\u043E\u043B\u0436\u043D\u043E\u0441\u0442\u044C </tui-input>\n                <tui-error\n                    formControlName=\"position\"\n                    [error]=\"[] | tuiFieldError | async\"\n                ></tui-error>\n            </label>\n        </div>\n        <div class=\"flex justify-center gap-8\">\n            <button\n                tuiButton\n                (click)=\"context.$implicit.complete()\"\n                type=\"button\"\n                [icon]=\"isMobile ? 'tuiIconX' : 'tuiIconXLarge'\"\n                appearance=\"secondary\"\n            >\n                \u041E\u0442\u043C\u0435\u043D\u0430\n            </button>\n            <button\n                tuiButton\n                [icon]=\"isMobile ? 'tuiIconSave' : 'tuiIconSaveLarge'\"\n                [disabled]=\"form.invalid\"\n                [showLoader]=\"!!(loading$ | async)\"\n                type=\"submit\"\n            >\n                \u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C\n            </button>\n        </div>\n    </form>\n\n    <div\n        class=\"absolute -z-10 flex size-full md:w-1/2\"\n        [ngClass]=\"{ 'z-0 relative': addressPlacemark }\"\n    >\n        <div class=\"flex-auto\">\n            <ya-map\n                [zoom]=\"11\"\n                [state]=\"{ controls: [] }\"\n                (ready)=\"onMapReadyHandle($event)\"\n                [options]=\"options\"\n            ></ya-map>\n        </div>\n    </div>\n</div>\n" }]
+            args: [{ selector: 'sc-add-delivery-address-dialog', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"relative flex flex-col gap-3 md:flex-row\">\n    <form\n        [formGroup]=\"form\"\n        (ngSubmit)=\"onSubmit$.next()\"\n        class=\"flex w-full flex-col gap-3\"\n    >\n        <label tuiLabel=\"\u0410\u0434\u0440\u0435\u0441 \u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438\">\n            <tui-input\n                [pseudoInvalid]=\"(addressControl.valid && form.controls.coordinates.invalid) || null\"\n                formControlName=\"address\"\n            >\n                \u0410\u0434\u0440\u0435\u0441 \u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438\n                <sc-suggestion-field\n                    *tuiDataList\n                    [type]=\"suggestionType.address\"\n                    (selectedClick)=\"onSelectedAddress($event)\"\n                ></sc-suggestion-field>\n                <input\n                    tuiTextfield\n                    autocomplete=\"new-password\"\n                />\n            </tui-input>\n            <tui-error\n                formControlName=\"address\"\n                [error]=\"[] | tuiFieldError | async\"\n            ></tui-error>\n            <tui-error\n                *ngIf=\"addressControl.valid && form.controls.coordinates.invalid\"\n                error=\"\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u0432\u0430\u0440\u0438\u0430\u043D\u0442 \u0438\u0437 \u0441\u043F\u0438\u0441\u043A\u0430\"\n            ></tui-error>\n        </label>\n        <div\n            formGroupName=\"contact\"\n            class=\"flex grow flex-col gap-2\"\n        >\n            <p class=\"w-full font-bold\">\u041A\u043E\u043D\u0442\u0430\u043A\u0442\u043D\u043E\u0435 \u043B\u0438\u0446\u043E:</p>\n            <label tuiLabel=\"\u0424.\u0418.\u041E.\">\n                <tui-input formControlName=\"name\">\n                    \u0424.\u0418.\u041E.\n                    <sc-suggestion-field\n                        *tuiDataList\n                        [type]=\"suggestionType.fio\"\n                    ></sc-suggestion-field>\n                </tui-input>\n                <tui-error\n                    formControlName=\"name\"\n                    [error]=\"[] | tuiFieldError | async\"\n                ></tui-error>\n            </label>\n            <label tuiLabel=\"\u0422\u0435\u043B\u0435\u0444\u043E\u043D\">\n                <tui-input-phone formControlName=\"phone\"> \u0422\u0435\u043B\u0435\u0444\u043E\u043D </tui-input-phone>\n                <tui-error\n                    formControlName=\"phone\"\n                    [error]=\"[] | tuiFieldError | async\"\n                ></tui-error>\n            </label>\n            <label tuiLabel=\"\u0410\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B\">\n                <tui-input formControlName=\"email\">\n                    <input\n                        tuiTextfield\n                        type=\"email\"\n                    />\n                    \u0410\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B\n                    <sc-suggestion-field\n                        *tuiDataList\n                        [type]=\"suggestionType.email\"\n                    ></sc-suggestion-field>\n                </tui-input>\n                <tui-error\n                    formControlName=\"email\"\n                    [error]=\"[] | tuiFieldError | async\"\n                ></tui-error>\n            </label>\n            <label tuiLabel=\"\u0414\u043E\u043B\u0436\u043D\u043E\u0441\u0442\u044C\">\n                <tui-input formControlName=\"position\"> \u0414\u043E\u043B\u0436\u043D\u043E\u0441\u0442\u044C </tui-input>\n                <tui-error\n                    formControlName=\"position\"\n                    [error]=\"[] | tuiFieldError | async\"\n                ></tui-error>\n            </label>\n        </div>\n        <div class=\"flex justify-center gap-8\">\n            <button\n                tuiButton\n                (click)=\"context.$implicit.complete()\"\n                type=\"button\"\n                [icon]=\"isMobile ? 'tuiIconX' : 'tuiIconXLarge'\"\n                appearance=\"secondary\"\n            >\n                \u041E\u0442\u043C\u0435\u043D\u0430\n            </button>\n            <button\n                tuiButton\n                [icon]=\"isMobile ? 'tuiIconSave' : 'tuiIconSaveLarge'\"\n                [disabled]=\"form.invalid\"\n                [showLoader]=\"!!(loading$ | async)\"\n                type=\"submit\"\n            >\n                \u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C\n            </button>\n        </div>\n    </form>\n\n    <div\n        class=\"absolute -z-10 flex size-full md:w-1/2\"\n        [ngClass]=\"{ 'z-0 relative': addressPlacemark }\"\n    >\n        <div\n            class=\"flex-auto\"\n            [ngClass]=\"{ 'pointer-events-none opacity-50': form.controls.coordinates.invalid }\"\n        >\n            <ya-map\n                [zoom]=\"11\"\n                [state]=\"{ controls: [] }\"\n                (ready)=\"onMapReadyHandle($event)\"\n                [options]=\"options\"\n            ></ya-map>\n        </div>\n    </div>\n</div>\n" }]
         }], ctorParameters: function () { return [{ type: i1.ScDeliveryAddressService }, { type: i1.ScUserMetrikaService }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [POLYMORPHEUS_CONTEXT]