@snabcentr/client-ui 1.3.1 → 1.3.3

package/fesm2015/snabcentr-client-ui.mjs

@@ -707,7 +707,6 @@ class ScSuggestionFieldComponent {
      */
     onSelected(suggestion) {
         var _a, _b, _c, _d, _e;
-        this.selectedClick.emit(suggestion);
         switch (this.type) {
             case ScISuggestionType.fio:
                 if ('fio' in suggestion) {
@@ -751,6 +750,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 });
@@ -848,7 +848,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]),
         });
         /**
          * Группа полей информации о контрагенте юридическом лице.
@@ -871,7 +879,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]),
         });
         /**
          * Перечисление типов подсказок.
@@ -1122,7 +1137,7 @@ let ScSignUpFormComponent = class ScSignUpFormComponent {
         this.successAuth = this.authService.getAuthChange().pipe(filter((state) => state));
         this.opfControl.valueChanges.pipe(distinctUntilChanged(), untilDestroyed(this)).subscribe(() => {
             var _a;
-            this.form.patchValue({ name: '' });
+            this.form.patchValue({ name: null });
             (_a = this.form.get('contragent')) === null || _a === void 0 ? void 0 : _a.reset();
         });
     }
@@ -1265,7 +1280,7 @@ let ScSignUpFormComponent = class ScSignUpFormComponent {
      * @param suggestion Объект подсказки ареса.
      */
     onSelectedOrganization(suggestion) {
-        var _a, _b, _c, _d, _e, _f, _g;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j;
         // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
         if (this.form.controls.contragent && 'inn' in suggestion && !('bic' in suggestion)) {
             if (suggestion.opf && suggestion.opf.slug !== this.opfControl.value) {
@@ -1282,7 +1297,9 @@ let ScSignUpFormComponent = class ScSignUpFormComponent {
                 postalAddress: (_f = suggestion.postalAddress) !== null && _f !== void 0 ? _f : null,
                 actualAddress: (_g = suggestion.actualAddress) !== null && _g !== void 0 ? _g : null,
             });
-            tuiMarkControlAsTouchedAndValidate(this.form.controls.contragent);
+            this.form.controls.contragent.markAllAsTouched();
+            (_h = this.form.get(['contragent', 'contacts'])) === null || _h === void 0 ? void 0 : _h.markAsUntouched();
+            (_j = this.form.get(['contragent', 'bankAccounts'])) === null || _j === void 0 ? void 0 : _j.markAsUntouched();
         }
     }
     /**
@@ -1301,13 +1318,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
             }] } });
@@ -1979,13 +1996,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
@@ -3878,11 +3895,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}.
      *
@@ -3908,12 +3924,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) {
@@ -3959,7 +3981,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),
             }),
         });
     }
@@ -3968,6 +3990,9 @@ class ScAddDeliveryAddressDialogComponent {
         this.userMetrikaService.emitUserMetrikaEvent({
             target: ScUserMetrikaGoalsEnum.userProfileDeliveryAddressAddShow,
         });
+        this.addressControl.valueChanges.pipe(untilDestroyed(this)).subscribe(() => {
+            this.removeGeoCoordinates();
+        });
     }
     /**
      * Обработчик загрузки карты на странице.
@@ -3992,18 +4017,21 @@ class ScAddDeliveryAddressDialogComponent {
      * @param suggestion Объект подсказки ареса.
      */
     onSelectedAddress(suggestion) {
-        var _a, _b, _c;
+        var _a, _b, _c, _d, _e;
         if ('addressString' in suggestion && suggestion.geoCoordinates) {
             const coords = [suggestion.geoCoordinates.lat, suggestion.geoCoordinates.long];
             if (!this.addressPlacemark) {
                 this.addressPlacemark = this.createPlacemark(coords);
             }
-            const bounds = (_a = this.addressPlacemark.geometry) === null || _a === void 0 ? void 0 : _a.getBounds();
+            this.setGeoCoordinates(coords);
+            if (!((_a = this.yaMap) === null || _a === void 0 ? void 0 : _a.geoObjects.getLength())) {
+                (_b = this.yaMap) === null || _b === void 0 ? void 0 : _b.geoObjects.add(this.addressPlacemark);
+            }
+            const bounds = (_c = this.addressPlacemark.geometry) === null || _c === void 0 ? void 0 : _c.getBounds();
             if (bounds) {
-                (_b = this.yaMap) === null || _b === void 0 ? void 0 : _b.setBounds(bounds);
-                (_c = this.yaMap) === null || _c === void 0 ? void 0 : _c.setZoom(17);
+                (_d = this.yaMap) === null || _d === void 0 ? void 0 : _d.setBounds(bounds);
+                (_e = this.yaMap) === null || _e === void 0 ? void 0 : _e.setZoom(17);
             }
-            this.setGeoCoordinates(coords);
         }
     }
     /**
@@ -4015,13 +4043,30 @@ class ScAddDeliveryAddressDialogComponent {
         var _a;
         if (this.addressPlacemark) {
             (_a = this.addressPlacemark.geometry) === null || _a === void 0 ? void 0 : _a.setCoordinates(coords);
+            this.form.patchValue({
+                coordinates: {
+                    lat: coords[0],
+                    long: coords[1],
+                },
+            });
+        }
+    }
+    /**
+     * Устанавливает {@link addressPlacemark} точку на определённые координаты.
+     */
+    removeGeoCoordinates() {
+        var _a, _b, _c;
+        if (this.addressPlacemark) {
+            (_a = this.yaMap) === null || _a === void 0 ? void 0 : _a.geoObjects.remove(this.addressPlacemark);
+            this.form.patchValue({
+                coordinates: {
+                    lat: null,
+                    long: null,
+                },
+            });
+            (_b = this.yaMap) === null || _b === void 0 ? void 0 : _b.setCenter(this.defaultCenterMap);
+            (_c = this.yaMap) === null || _c === void 0 ? void 0 : _c.setZoom(this.defaultZoomMap);
         }
-        this.form.patchValue({
-            coordinates: {
-                lat: coords[0],
-                long: coords[1],
-            },
-        });
     }
     /**
      * Создаёт объект точки и устанавливает события для него.
@@ -4029,14 +4074,12 @@ class ScAddDeliveryAddressDialogComponent {
      * @param coords Координаты точки.
      */
     createPlacemark(coords) {
-        var _a;
         const placemark = new ymaps.Placemark(coords, {
             iconCaption: '',
         }, {
             preset: 'islands',
             draggable: true,
         });
-        (_a = this.yaMap) === null || _a === void 0 ? void 0 : _a.geoObjects.add(placemark);
         placemark.events.add('dragend', () => {
             var _a, _b;
             const coord = (_b = (_a = this.addressPlacemark) === null || _a === void 0 ? void 0 : _a.geometry) === null || _b === void 0 ? void 0 : _b.getCoordinates();
@@ -4046,12 +4089,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,