@snabcentr/client-ui 5.7.3 → 5.8.0

package/fesm2022/snabcentr-client-ui.mjs

@@ -1,6 +1,6 @@
 import * as i0 from '@angular/core';
 import { InjectionToken, inject, Injectable, NgZone, EventEmitter, Output, Input, ChangeDetectionStrategy, Component, signal, ChangeDetectorRef, Directive, Pipe, ElementRef, Renderer2, HostListener, input, computed, model, output, DestroyRef, effect, ViewChild, ContentChild, viewChild, HostBinding, ContentChildren, forwardRef, contentChild, TemplateRef, RESPONSE_INIT } from '@angular/core';
-import { ScContactsService, ScUserService, ScLocationsService, ScSuggestionService, ScISuggestionType, SC_MIN_LENGTH_SEARCH_TERM, ScAuthService, SEARCH_TERM, ScUnitsHelper, ScImageHelper, SC_PATH_IMAGE_NOT_FOUND, ScImage, ScPhoneService, ScUserMetrikaService, ScUserMetrikaGoalsEnum, ScVCardService, IS_RUNNING_ON_TERMINAL, ScVerificationService, ScConvertersService, ScReferencesService, ScOpfList, ScBannerService, ScMediaImageTransformerPipe, ScCartService, ScUploadedFile, loadingPlaceholder, SC_ORDER_LOADER, ScMimeTypes, ScCatalogService, IS_SERVER, ScWarehouseService, SEARCH_TERM_PROVIDERS, ScPaginationService, SC_NEXT_PAGE_PAGINATION_CLICK, SC_PRODUCT_PAGINATION_OPTIONS, ScCatalogFilterService, ScIdOrSlugPipe, SC_CATEGORY_INFO, ScConfiguratorService, ScContragentService, ScDeliveryAddressService, SC_URLS, ScIconTypesEnum, ScDocumentInfoTypesEnum, ScFilesService, ScOrdersService, ScUIService, SC_USER_INFO as SC_USER_INFO$1, ScPaymentType, ScDeliveryType, TERMINAL_PROVIDERS, ScOrderDraftsService, ScRouteKeys, ScSeoService, scOrderIsLoaded, ScFrequentlyAskedQuestionsService, SchemaOrgFactory, SC_COMPANY_INFO, ScFeedbackService } from '@snabcentr/client-core';
+import { ScContactsService, ScUserService, ScLocationsService, ScSuggestionService, ScISuggestionType, SC_MIN_LENGTH_SEARCH_TERM, ScAuthService, SEARCH_TERM, ScUnitsHelper, ScImageHelper, SC_PATH_IMAGE_NOT_FOUND, ScImage, ScPhoneService, ScUserMetrikaService, ScUserMetrikaGoalsEnum, ScVCardService, IS_RUNNING_ON_TERMINAL, ScVerificationService, ScConvertersService, ScReferencesService, ScOpfList, ScBannerService, ScMediaImageTransformerPipe, ScCartService, ScUploadedFile, loadingPlaceholder, SC_ORDER_LOADER, ScMimeTypes, ScCatalogService, IS_SERVER, ScWarehouseService, SEARCH_TERM_PROVIDERS, ScPaginationService, SC_NEXT_PAGE_PAGINATION_CLICK, SC_PRODUCT_PAGINATION_OPTIONS, ScCatalogFilterService, ScIdOrSlugPipe, SC_CATEGORY_INFO, ScConfiguratorService, ScContragentService, ScDeliveryAddressService, SC_URLS, ScIconTypesEnum, ScDocumentInfoTypesEnum, ScFilesService, ScOrdersService, ScUIService, SC_USER_INFO as SC_USER_INFO$1, ScPaymentType, ScDeliveryType, TERMINAL_PROVIDERS, ScOrderDraftsService, ScRouteKeys, ScSeoService, scOrderIsLoaded, SC_PAGE_QUERY_PARAM, ScFrequentlyAskedQuestionsService, SchemaOrgFactory, scGetPageQueryParamChanges, ScNewsService, SC_COMPANY_INFO, ScFeedbackService } from '@snabcentr/client-core';
 import { EMPTY, BehaviorSubject, switchMap, of, shareReplay, filter, map, debounceTime, startWith, catchError, throwError, share, Subject, tap, finalize, timer, scan, takeWhile, endWith, distinctUntilChanged, combineLatest, Observable, pairwise, Subscription, merge, skip, from, concatMap, noop as noop$1, first, retry } from 'rxjs';
 import { WA_WINDOW, WA_NAVIGATOR } from '@ng-web-apis/common';
 import { takeUntilDestroyed, toSignal, outputFromObservable, toObservable } from '@angular/core/rxjs-interop';
@@ -1813,7 +1813,7 @@ class ScSimpleSignUpFormComponent {
         this.helpNotificationService.closeAllHelpNotification();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: ScSimpleSignUpFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.16", type: ScSimpleSignUpFormComponent, isStandalone: true, selector: "sc-simple-sign-up-form", outputs: { successAuth: "successAuth", clickOffer: "clickOffer" }, providers: [tuiDropdownOptionsProvider({ limitWidth: 'fixed' })], ngImport: i0, template: "<form\n    [formGroup]=\"form\"\n    (ngSubmit)=\"onSubmit$.next()\"\n    class=\"flex flex-col gap-6\"\n>\n    <div class=\"flex flex-col gap-3\">\n        <sc-verification-phone-check-form\n            (isBusyChange)=\"onIsBusyChange($event)\"\n            (isConfirmedChange)=\"onIsConfirmedChange($event)\"\n            [showCodeFields]=\"form.controls.phone.valid && form.controls.phone.valid\"\n            [shouldBeConfirmed]=\"true\"\n        />\n        @if (isPhoneBusy() !== null && form.controls.phone.valid) {\n            @if (!isPhoneBusy()) {\n                <label tuiLabel>\n                    \u0424.\u0418.\u041E.\n                    <tui-textfield>\n                        <input\n                            tuiInput\n                            autocomplete=\"name\"\n                            formControlName=\"name\"\n                            placeholder=\"\u0424.\u0418.\u041E.\"\n                        />\n                    </tui-textfield>\n                    <tui-error formControlName=\"name\" />\n                </label>\n\n                <label tuiLabel>\n                    \u0410\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B\n                    <tui-textfield>\n                        <input\n                            tuiInput\n                            formControlName=\"email\"\n                            placeholder=\"\u0410\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B\"\n                        />\n                        <sc-suggestion-field\n                            *tuiDropdown\n                            [type]=\"suggestionType.email\"\n                        />\n                    </tui-textfield>\n                    <tui-error formControlName=\"email\" />\n                </label>\n\n                <tui-error\n                    class=\"self-center\"\n                    [formGroup]=\"form\"\n                />\n\n                <label tuiLabel>\n                    <input\n                        tuiCheckbox\n                        type=\"checkbox\"\n                        formControlName=\"getNews\"\n                    />\n                    \u042F \u0445\u043E\u0447\u0443 \u043F\u043E\u043B\u0443\u0447\u0430\u0442\u044C \u0440\u0430\u0441\u0441\u044B\u043B\u043A\u0443 \u0421\u043D\u0430\u0431\u0446\u0435\u043D\u0442\u0440 \u043E \u0441\u043A\u0438\u0434\u043A\u0430\u0445 \u0438 \u043D\u043E\u0432\u043E\u0441\u0442\u044F\u0445 \u043F\u043E \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u0435.\n                </label>\n\n                <label tuiLabel>\n                    <input\n                        tuiCheckbox\n                        type=\"checkbox\"\n                        required=\"true\"\n                        formControlName=\"acceptRules\"\n                    />\n                    <div>\n                        <span>\n                            \u0420\u0435\u0433\u0438\u0441\u0442\u0440\u0438\u0440\u0443\u044F\u0441\u044C \u043D\u0430 \u0441\u0430\u0439\u0442\u0435, \u044F \u0441\u043E\u0433\u043B\u0430\u0448\u0430\u044E\u0441\u044C \u0441\n                            <a\n                                tuiLink\n                                [style.text-decoration-line]=\"'underline'\"\n                                (click)=\"$event.preventDefault(); clickOffer.emit()\"\n                            >\n                                \u0414\u043E\u0433\u043E\u0432\u043E\u0440\u043E\u043C \u043E\u0444\u0435\u0440\u0442\u044B\n                            </a>\n                            .\n                        </span>\n                        <span class=\"text-tui-negative\">*</span>\n                        <tui-error formControlName=\"acceptRules\" />\n                    </div>\n                </label>\n            }\n        }\n\n        <tui-error\n            class=\"self-center\"\n            [formGroup]=\"form\"\n        />\n    </div>\n    <button\n        tuiButton\n        [disabled]=\"isPhoneBusy() ? form.controls.verificationCode.invalid || form.controls.phone.invalid : form.invalid\"\n        [loading]=\"loading()\"\n        type=\"submit\"\n        class=\"self-center\"\n    >\n        {{ isPhoneBusy() ? '\u0412\u043E\u0439\u0442\u0438' : '\u041A\u0443\u043F\u0438\u0442\u044C' }}\n    </button>\n</form>\n", dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.CheckboxRequiredValidator, selector: "input[type=checkbox][required][formControlName],input[type=checkbox][required][formControl],input[type=checkbox][required][ngModel]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: TuiLabel, selector: "label[tuiLabel]" }, { kind: "component", type: i2.TuiTextfieldComponent, selector: "tui-textfield:not([multi])", inputs: ["content", "filler"] }, { kind: "directive", type: i3.TuiDropdownContent, selector: "ng-template[tuiDropdown]" }, { kind: "directive", type: i2.TuiInputDirective, selector: "input[tuiInput]", inputs: ["readOnly", "invalid", "focused", "state"] }, { kind: "component", type: i2.TuiErrorComponent, selector: "tui-error", inputs: ["error"] }, { kind: "directive", type: i2.TuiErrorDirective, selector: "tui-error[ngModel], tui-error[formControlName], tui-error[formControl], tui-error[formGroup], tui-error[formGroupName], tui-error[formArrayName], tui-error[formArray]", inputs: ["order"] }, { kind: "directive", type: TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "component", type: TuiCheckbox, selector: "input[type=\"checkbox\"][tuiCheckbox]" }, { kind: "directive", type: TuiLink, selector: "a[tuiLink], button[tuiLink]" }, { kind: "component", type: ScVerificationPhoneCheckFormComponent, selector: "sc-verification-phone-check-form", inputs: ["showCodeFields", "readOnly", "pseudoInvalid", "required", "subtitle", "shouldBeBusy", "shouldBeConfirmed", "haveCode"], outputs: ["haveCodeChange", "isBusyChange", "isConfirmedChange"] }, { kind: "component", type: ScSuggestionFieldComponent, selector: "sc-suggestion-field", inputs: ["type"], outputs: ["selectedClick"] }, { kind: "component", type: TuiButtonLoading, selector: "[tuiButton][loading],[tuiIconButton][loading]", inputs: ["size", "loading"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.16", type: ScSimpleSignUpFormComponent, isStandalone: true, selector: "sc-simple-sign-up-form", outputs: { successAuth: "successAuth", clickOffer: "clickOffer" }, providers: [tuiDropdownOptionsProvider({ limitWidth: 'fixed' })], ngImport: i0, template: "<form\n    [formGroup]=\"form\"\n    (ngSubmit)=\"onSubmit$.next()\"\n    class=\"flex flex-col gap-6\"\n>\n    <div class=\"flex flex-col gap-3\">\n        <sc-verification-phone-check-form\n            (isBusyChange)=\"onIsBusyChange($event)\"\n            (isConfirmedChange)=\"onIsConfirmedChange($event)\"\n            [showCodeFields]=\"form.controls.phone.valid && form.controls.phone.valid\"\n            [shouldBeConfirmed]=\"true\"\n        />\n        @if (isPhoneBusy() !== null && form.controls.phone.valid) {\n            @if (!isPhoneBusy()) {\n                <label tuiLabel>\n                    \u0424.\u0418.\u041E.\n                    <tui-textfield>\n                        <input\n                            tuiInput\n                            autocomplete=\"name\"\n                            formControlName=\"name\"\n                            placeholder=\"\u0424.\u0418.\u041E.\"\n                        />\n                    </tui-textfield>\n                    <tui-error formControlName=\"name\" />\n                </label>\n\n                <label tuiLabel>\n                    \u0410\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B\n                    <tui-textfield>\n                        <input\n                            tuiInput\n                            formControlName=\"email\"\n                            placeholder=\"\u0410\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B\"\n                        />\n                        <sc-suggestion-field\n                            *tuiDropdown\n                            [type]=\"suggestionType.email\"\n                        />\n                    </tui-textfield>\n                    <tui-error formControlName=\"email\" />\n                </label>\n\n                <label tuiLabel>\n                    <input\n                        tuiCheckbox\n                        type=\"checkbox\"\n                        formControlName=\"getNews\"\n                    />\n                    \u042F \u0445\u043E\u0447\u0443 \u043F\u043E\u043B\u0443\u0447\u0430\u0442\u044C \u0440\u0430\u0441\u0441\u044B\u043B\u043A\u0443 \u0421\u043D\u0430\u0431\u0446\u0435\u043D\u0442\u0440 \u043E \u0441\u043A\u0438\u0434\u043A\u0430\u0445 \u0438 \u043D\u043E\u0432\u043E\u0441\u0442\u044F\u0445 \u043F\u043E \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u0435.\n                </label>\n\n                <label tuiLabel>\n                    <input\n                        tuiCheckbox\n                        type=\"checkbox\"\n                        required=\"true\"\n                        formControlName=\"acceptRules\"\n                    />\n                    <div>\n                        <span>\n                            \u0420\u0435\u0433\u0438\u0441\u0442\u0440\u0438\u0440\u0443\u044F\u0441\u044C \u043D\u0430 \u0441\u0430\u0439\u0442\u0435, \u044F \u0441\u043E\u0433\u043B\u0430\u0448\u0430\u044E\u0441\u044C \u0441\n                            <a\n                                tuiLink\n                                [style.text-decoration-line]=\"'underline'\"\n                                (click)=\"$event.preventDefault(); clickOffer.emit()\"\n                            >\n                                \u0414\u043E\u0433\u043E\u0432\u043E\u0440\u043E\u043C \u043E\u0444\u0435\u0440\u0442\u044B\n                            </a>\n                            .\n                        </span>\n                        <span class=\"text-tui-negative\">*</span>\n                        <tui-error formControlName=\"acceptRules\" />\n                    </div>\n                </label>\n            }\n        }\n\n        <tui-error\n            class=\"self-center\"\n            [formGroup]=\"form\"\n        />\n    </div>\n    <button\n        tuiButton\n        [disabled]=\"isPhoneBusy() ? form.controls.verificationCode.invalid || form.controls.phone.invalid : form.invalid\"\n        [loading]=\"loading()\"\n        type=\"submit\"\n        class=\"self-center\"\n    >\n        {{ isPhoneBusy() ? '\u0412\u043E\u0439\u0442\u0438' : '\u041A\u0443\u043F\u0438\u0442\u044C' }}\n    </button>\n</form>\n", dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.CheckboxRequiredValidator, selector: "input[type=checkbox][required][formControlName],input[type=checkbox][required][formControl],input[type=checkbox][required][ngModel]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: TuiLabel, selector: "label[tuiLabel]" }, { kind: "component", type: i2.TuiTextfieldComponent, selector: "tui-textfield:not([multi])", inputs: ["content", "filler"] }, { kind: "directive", type: i3.TuiDropdownContent, selector: "ng-template[tuiDropdown]" }, { kind: "directive", type: i2.TuiInputDirective, selector: "input[tuiInput]", inputs: ["readOnly", "invalid", "focused", "state"] }, { kind: "component", type: i2.TuiErrorComponent, selector: "tui-error", inputs: ["error"] }, { kind: "directive", type: i2.TuiErrorDirective, selector: "tui-error[ngModel], tui-error[formControlName], tui-error[formControl], tui-error[formGroup], tui-error[formGroupName], tui-error[formArrayName], tui-error[formArray]", inputs: ["order"] }, { kind: "directive", type: TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "component", type: TuiCheckbox, selector: "input[type=\"checkbox\"][tuiCheckbox]" }, { kind: "directive", type: TuiLink, selector: "a[tuiLink], button[tuiLink]" }, { kind: "component", type: ScVerificationPhoneCheckFormComponent, selector: "sc-verification-phone-check-form", inputs: ["showCodeFields", "readOnly", "pseudoInvalid", "required", "subtitle", "shouldBeBusy", "shouldBeConfirmed", "haveCode"], outputs: ["haveCodeChange", "isBusyChange", "isConfirmedChange"] }, { kind: "component", type: ScSuggestionFieldComponent, selector: "sc-suggestion-field", inputs: ["type"], outputs: ["selectedClick"] }, { kind: "component", type: TuiButtonLoading, selector: "[tuiButton][loading],[tuiIconButton][loading]", inputs: ["size", "loading"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: ScSimpleSignUpFormComponent, decorators: [{
             type: Component,
@@ -1829,7 +1829,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImpo
                         ScVerificationPhoneCheckFormComponent,
                         ScSuggestionFieldComponent,
                         TuiButtonLoading,
-                    ], template: "<form\n    [formGroup]=\"form\"\n    (ngSubmit)=\"onSubmit$.next()\"\n    class=\"flex flex-col gap-6\"\n>\n    <div class=\"flex flex-col gap-3\">\n        <sc-verification-phone-check-form\n            (isBusyChange)=\"onIsBusyChange($event)\"\n            (isConfirmedChange)=\"onIsConfirmedChange($event)\"\n            [showCodeFields]=\"form.controls.phone.valid && form.controls.phone.valid\"\n            [shouldBeConfirmed]=\"true\"\n        />\n        @if (isPhoneBusy() !== null && form.controls.phone.valid) {\n            @if (!isPhoneBusy()) {\n                <label tuiLabel>\n                    \u0424.\u0418.\u041E.\n                    <tui-textfield>\n                        <input\n                            tuiInput\n                            autocomplete=\"name\"\n                            formControlName=\"name\"\n                            placeholder=\"\u0424.\u0418.\u041E.\"\n                        />\n                    </tui-textfield>\n                    <tui-error formControlName=\"name\" />\n                </label>\n\n                <label tuiLabel>\n                    \u0410\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B\n                    <tui-textfield>\n                        <input\n                            tuiInput\n                            formControlName=\"email\"\n                            placeholder=\"\u0410\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B\"\n                        />\n                        <sc-suggestion-field\n                            *tuiDropdown\n                            [type]=\"suggestionType.email\"\n                        />\n                    </tui-textfield>\n                    <tui-error formControlName=\"email\" />\n                </label>\n\n                <tui-error\n                    class=\"self-center\"\n                    [formGroup]=\"form\"\n                />\n\n                <label tuiLabel>\n                    <input\n                        tuiCheckbox\n                        type=\"checkbox\"\n                        formControlName=\"getNews\"\n                    />\n                    \u042F \u0445\u043E\u0447\u0443 \u043F\u043E\u043B\u0443\u0447\u0430\u0442\u044C \u0440\u0430\u0441\u0441\u044B\u043B\u043A\u0443 \u0421\u043D\u0430\u0431\u0446\u0435\u043D\u0442\u0440 \u043E \u0441\u043A\u0438\u0434\u043A\u0430\u0445 \u0438 \u043D\u043E\u0432\u043E\u0441\u0442\u044F\u0445 \u043F\u043E \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u0435.\n                </label>\n\n                <label tuiLabel>\n                    <input\n                        tuiCheckbox\n                        type=\"checkbox\"\n                        required=\"true\"\n                        formControlName=\"acceptRules\"\n                    />\n                    <div>\n                        <span>\n                            \u0420\u0435\u0433\u0438\u0441\u0442\u0440\u0438\u0440\u0443\u044F\u0441\u044C \u043D\u0430 \u0441\u0430\u0439\u0442\u0435, \u044F \u0441\u043E\u0433\u043B\u0430\u0448\u0430\u044E\u0441\u044C \u0441\n                            <a\n                                tuiLink\n                                [style.text-decoration-line]=\"'underline'\"\n                                (click)=\"$event.preventDefault(); clickOffer.emit()\"\n                            >\n                                \u0414\u043E\u0433\u043E\u0432\u043E\u0440\u043E\u043C \u043E\u0444\u0435\u0440\u0442\u044B\n                            </a>\n                            .\n                        </span>\n                        <span class=\"text-tui-negative\">*</span>\n                        <tui-error formControlName=\"acceptRules\" />\n                    </div>\n                </label>\n            }\n        }\n\n        <tui-error\n            class=\"self-center\"\n            [formGroup]=\"form\"\n        />\n    </div>\n    <button\n        tuiButton\n        [disabled]=\"isPhoneBusy() ? form.controls.verificationCode.invalid || form.controls.phone.invalid : form.invalid\"\n        [loading]=\"loading()\"\n        type=\"submit\"\n        class=\"self-center\"\n    >\n        {{ isPhoneBusy() ? '\u0412\u043E\u0439\u0442\u0438' : '\u041A\u0443\u043F\u0438\u0442\u044C' }}\n    </button>\n</form>\n" }]
+                    ], template: "<form\n    [formGroup]=\"form\"\n    (ngSubmit)=\"onSubmit$.next()\"\n    class=\"flex flex-col gap-6\"\n>\n    <div class=\"flex flex-col gap-3\">\n        <sc-verification-phone-check-form\n            (isBusyChange)=\"onIsBusyChange($event)\"\n            (isConfirmedChange)=\"onIsConfirmedChange($event)\"\n            [showCodeFields]=\"form.controls.phone.valid && form.controls.phone.valid\"\n            [shouldBeConfirmed]=\"true\"\n        />\n        @if (isPhoneBusy() !== null && form.controls.phone.valid) {\n            @if (!isPhoneBusy()) {\n                <label tuiLabel>\n                    \u0424.\u0418.\u041E.\n                    <tui-textfield>\n                        <input\n                            tuiInput\n                            autocomplete=\"name\"\n                            formControlName=\"name\"\n                            placeholder=\"\u0424.\u0418.\u041E.\"\n                        />\n                    </tui-textfield>\n                    <tui-error formControlName=\"name\" />\n                </label>\n\n                <label tuiLabel>\n                    \u0410\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B\n                    <tui-textfield>\n                        <input\n                            tuiInput\n                            formControlName=\"email\"\n                            placeholder=\"\u0410\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B\"\n                        />\n                        <sc-suggestion-field\n                            *tuiDropdown\n                            [type]=\"suggestionType.email\"\n                        />\n                    </tui-textfield>\n                    <tui-error formControlName=\"email\" />\n                </label>\n\n                <label tuiLabel>\n                    <input\n                        tuiCheckbox\n                        type=\"checkbox\"\n                        formControlName=\"getNews\"\n                    />\n                    \u042F \u0445\u043E\u0447\u0443 \u043F\u043E\u043B\u0443\u0447\u0430\u0442\u044C \u0440\u0430\u0441\u0441\u044B\u043B\u043A\u0443 \u0421\u043D\u0430\u0431\u0446\u0435\u043D\u0442\u0440 \u043E \u0441\u043A\u0438\u0434\u043A\u0430\u0445 \u0438 \u043D\u043E\u0432\u043E\u0441\u0442\u044F\u0445 \u043F\u043E \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u0435.\n                </label>\n\n                <label tuiLabel>\n                    <input\n                        tuiCheckbox\n                        type=\"checkbox\"\n                        required=\"true\"\n                        formControlName=\"acceptRules\"\n                    />\n                    <div>\n                        <span>\n                            \u0420\u0435\u0433\u0438\u0441\u0442\u0440\u0438\u0440\u0443\u044F\u0441\u044C \u043D\u0430 \u0441\u0430\u0439\u0442\u0435, \u044F \u0441\u043E\u0433\u043B\u0430\u0448\u0430\u044E\u0441\u044C \u0441\n                            <a\n                                tuiLink\n                                [style.text-decoration-line]=\"'underline'\"\n                                (click)=\"$event.preventDefault(); clickOffer.emit()\"\n                            >\n                                \u0414\u043E\u0433\u043E\u0432\u043E\u0440\u043E\u043C \u043E\u0444\u0435\u0440\u0442\u044B\n                            </a>\n                            .\n                        </span>\n                        <span class=\"text-tui-negative\">*</span>\n                        <tui-error formControlName=\"acceptRules\" />\n                    </div>\n                </label>\n            }\n        }\n\n        <tui-error\n            class=\"self-center\"\n            [formGroup]=\"form\"\n        />\n    </div>\n    <button\n        tuiButton\n        [disabled]=\"isPhoneBusy() ? form.controls.verificationCode.invalid || form.controls.phone.invalid : form.invalid\"\n        [loading]=\"loading()\"\n        type=\"submit\"\n        class=\"self-center\"\n    >\n        {{ isPhoneBusy() ? '\u0412\u043E\u0439\u0442\u0438' : '\u041A\u0443\u043F\u0438\u0442\u044C' }}\n    </button>\n</form>\n" }]
         }], propDecorators: { successAuth: [{ type: i0.Output, args: ["successAuth"] }], clickOffer: [{ type: i0.Output, args: ["clickOffer"] }] } });
 
 /**
@@ -3066,7 +3066,7 @@ class ScAccordionComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: ScAccordionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.16", type: ScAccordionComponent, isStandalone: true, selector: "sc-accordion", inputs: { showAddButton: { classPropertyName: "showAddButton", publicName: "showAddButton", isSignal: false, isRequired: false, transformFunction: null }, showDeleteButton: { classPropertyName: "showDeleteButton", publicName: "showDeleteButton", isSignal: false, isRequired: false, transformFunction: null }, showArrow: { classPropertyName: "showArrow", publicName: "showArrow", isSignal: false, isRequired: false, transformFunction: null }, open: { classPropertyName: "open", publicName: "open", isSignal: false, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: false, isRequired: false, transformFunction: null }, disabledButtons: { classPropertyName: "disabledButtons", publicName: "disabledButtons", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { addButtonClick: "addButtonClick", deleteButtonClick: "deleteButtonClick" }, host: { properties: { "class._has-add-button": "showAddButton", "class._has-delete-button": "showDeleteButton", "class._has-arrow": "showArrow", "attr.data-size": "size" } }, queries: [{ propertyName: "content", first: true, predicate: ScAccordionContentDirective, descendants: true }], viewQueries: [{ propertyName: "accordion", first: true, predicate: ["accordionBtn"], descendants: true, read: TuiAccordionDirective }], ngImport: i0, template: "<tui-accordion [size]=\"size\">\n    <button\n        [tuiAccordion]=\"open\"\n        #accordionBtn\n    >\n        <div class=\"flex grow justify-between\">\n            <div class=\"self-center font-bold\">\n                <ng-content />\n            </div>\n            @if (showAddButton || showDeleteButton) {\n                <div class=\"flex\">\n                    @if (showDeleteButton) {\n                        <button\n                            tuiIconButton\n                            size=\"m\"\n                            type=\"button\"\n                            [disabled]=\"disabledButtons()\"\n                            appearance=\"icon\"\n                            class=\"action-button\"\n                            (click)=\"$event.stopPropagation(); deleteButtonClick.emit()\"\n                        >\n                            <tui-icon icon=\"@tui.trash-2\" />\n                        </button>\n                    }\n                    @if (showAddButton) {\n                        <button\n                            tuiIconButton\n                            size=\"m\"\n                            type=\"button\"\n                            [disabled]=\"disabledButtons()\"\n                            appearance=\"icon\"\n                            class=\"action-button\"\n                            (click)=\"$event.stopPropagation(); addButtonClick.emit()\"\n                        >\n                            <tui-icon icon=\"@tui.plus\" />\n                        </button>\n                    }\n                </div>\n            }\n        </div>\n    </button>\n    <tui-expand>\n        @if (content) {\n            <tui-elastic-container>\n                <ng-container *polymorpheusOutlet=\"content as text\">\n                    {{ text }}\n                </ng-container>\n            </tui-elastic-container>\n        }\n    </tui-expand>\n</tui-accordion>\n", styles: ["::ng-deep sc-accordion{display:block}::ng-deep sc-accordion tui-accordion>[tuiAccordion]{gap:.75rem;min-block-size:var(--tui-height-m);padding:0 .5rem 0 1rem;font:var(--tui-typography-body-m);white-space:normal;border-radius:.75rem!important;background:var(--tui-background-base-alt)!important;box-shadow:none!important;-webkit-mask-image:none!important;mask-image:none!important}::ng-deep sc-accordion tui-accordion>[tuiAccordion]:hover:not([data-mode]){background:var(--tui-background-neutral-1-hover)!important}::ng-deep sc-accordion tui-accordion>[tuiAccordion]:after{order:-1;margin-inline-start:0!important;margin-inline-end:0;color:var(--tui-text-action)}::ng-deep sc-accordion tui-accordion>[tuiAccordion] .action-button{color:var(--tui-text-action)}::ng-deep sc-accordion[data-size=s] tui-accordion>[tuiAccordion]{padding:0 .5rem 0 1rem;font:var(--tui-typography-body-s)}::ng-deep sc-accordion._has-arrow tui-accordion>[tuiAccordion]{padding-left:.75rem}::ng-deep sc-accordion:not(._has-arrow) tui-accordion>[tuiAccordion]:after{display:none}::ng-deep sc-accordion._has-add-button tui-accordion>[tuiAccordion],::ng-deep sc-accordion._has-delete-button tui-accordion>[tuiAccordion]{padding-right:0}::ng-deep sc-accordion tui-accordion>tui-expand{padding:1rem 0;box-shadow:none}::ng-deep sc-accordion._has-arrow tui-accordion>tui-expand{padding-left:1rem}\n"], dependencies: [{ kind: "component", type: i1$1.TuiAccordionComponent, selector: "tui-accordion", inputs: ["closeOthers", "size"] }, { kind: "directive", type: i1$1.TuiAccordionDirective, selector: "button[tuiAccordion]", inputs: ["tuiAccordion"], outputs: ["tuiAccordionChange"] }, { kind: "component", type: i2$1.TuiExpand, selector: "tui-expand", inputs: ["expanded"] }, { kind: "directive", type: TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "component", type: TuiIcon, selector: "tui-icon:not([tuiBadge])", inputs: ["background"] }, { kind: "component", type: TuiElasticContainer, selector: "tui-elastic-container" }, { kind: "directive", type: PolymorpheusOutlet, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.16", type: ScAccordionComponent, isStandalone: true, selector: "sc-accordion", inputs: { showAddButton: { classPropertyName: "showAddButton", publicName: "showAddButton", isSignal: false, isRequired: false, transformFunction: null }, showDeleteButton: { classPropertyName: "showDeleteButton", publicName: "showDeleteButton", isSignal: false, isRequired: false, transformFunction: null }, showArrow: { classPropertyName: "showArrow", publicName: "showArrow", isSignal: false, isRequired: false, transformFunction: null }, open: { classPropertyName: "open", publicName: "open", isSignal: false, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: false, isRequired: false, transformFunction: null }, disabledButtons: { classPropertyName: "disabledButtons", publicName: "disabledButtons", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { addButtonClick: "addButtonClick", deleteButtonClick: "deleteButtonClick" }, host: { properties: { "class._has-add-button": "showAddButton", "class._has-delete-button": "showDeleteButton", "class._has-arrow": "showArrow", "attr.data-size": "size" } }, queries: [{ propertyName: "content", first: true, predicate: ScAccordionContentDirective, descendants: true }], viewQueries: [{ propertyName: "accordion", first: true, predicate: ["accordionBtn"], descendants: true, read: TuiAccordionDirective }], ngImport: i0, template: "<tui-accordion [size]=\"size\">\n    <button\n        [tuiAccordion]=\"open\"\n        #accordionBtn\n    >\n        <div class=\"flex grow justify-between\">\n            <div class=\"self-center font-bold\">\n                <ng-content />\n            </div>\n            @if (showAddButton || showDeleteButton) {\n                <div class=\"flex\">\n                    @if (showDeleteButton) {\n                        <button\n                            tuiIconButton\n                            size=\"m\"\n                            type=\"button\"\n                            [disabled]=\"disabledButtons()\"\n                            appearance=\"icon\"\n                            class=\"action-button\"\n                            (click)=\"$event.stopPropagation(); deleteButtonClick.emit()\"\n                        >\n                            <tui-icon icon=\"@tui.trash-2\" />\n                        </button>\n                    }\n                    @if (showAddButton) {\n                        <button\n                            tuiIconButton\n                            size=\"m\"\n                            type=\"button\"\n                            [disabled]=\"disabledButtons()\"\n                            appearance=\"icon\"\n                            class=\"action-button\"\n                            (click)=\"$event.stopPropagation(); addButtonClick.emit()\"\n                        >\n                            <tui-icon icon=\"@tui.plus\" />\n                        </button>\n                    }\n                </div>\n            }\n        </div>\n    </button>\n    <tui-expand>\n        @if (content) {\n            <tui-elastic-container>\n                <ng-container *polymorpheusOutlet=\"content as text\">\n                    {{ text }}\n                </ng-container>\n            </tui-elastic-container>\n        }\n    </tui-expand>\n</tui-accordion>\n", styles: ["::ng-deep sc-accordion{display:block}::ng-deep sc-accordion tui-accordion>[tuiAccordion]{gap:.75rem;padding:0 .5rem 0 1rem;font:var(--tui-typography-body-m);white-space:normal;border-radius:.75rem!important;background:var(--tui-background-base-alt)!important;box-shadow:none!important;-webkit-mask-image:none!important;mask-image:none!important}::ng-deep sc-accordion tui-accordion>[tuiAccordion]:hover:not([data-mode]){background:var(--tui-background-neutral-1-hover)!important}::ng-deep sc-accordion tui-accordion>[tuiAccordion]:after{order:-1;margin-inline-start:0!important;margin-inline-end:0!important;color:var(--tui-text-action)}::ng-deep sc-accordion tui-accordion>[tuiAccordion] .action-button{color:var(--tui-text-action)}::ng-deep sc-accordion[data-size=s] tui-accordion>[tuiAccordion]{padding:0 .5rem 0 1rem;font:var(--tui-typography-body-s)}::ng-deep sc-accordion tui-accordion[data-size]>[tuiAccordion]{min-block-size:var(--tui-height-m)}::ng-deep sc-accordion._has-arrow tui-accordion>[tuiAccordion]{padding-left:.75rem}::ng-deep sc-accordion:not(._has-arrow) tui-accordion>[tuiAccordion]:after{display:none}::ng-deep sc-accordion._has-add-button tui-accordion>[tuiAccordion],::ng-deep sc-accordion._has-delete-button tui-accordion>[tuiAccordion]{padding-right:0}::ng-deep sc-accordion tui-accordion>tui-expand{padding:1rem 0;box-shadow:none}::ng-deep sc-accordion._has-arrow tui-accordion>tui-expand{padding-left:1rem}\n"], dependencies: [{ kind: "component", type: i1$1.TuiAccordionComponent, selector: "tui-accordion", inputs: ["closeOthers", "size"] }, { kind: "directive", type: i1$1.TuiAccordionDirective, selector: "button[tuiAccordion]", inputs: ["tuiAccordion"], outputs: ["tuiAccordionChange"] }, { kind: "component", type: i2$1.TuiExpand, selector: "tui-expand", inputs: ["expanded"] }, { kind: "directive", type: TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "component", type: TuiIcon, selector: "tui-icon:not([tuiBadge])", inputs: ["background"] }, { kind: "component", type: TuiElasticContainer, selector: "tui-elastic-container" }, { kind: "directive", type: PolymorpheusOutlet, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: ScAccordionComponent, decorators: [{
             type: Component,
@@ -3075,7 +3075,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImpo
                         '[class._has-delete-button]': 'showDeleteButton',
                         '[class._has-arrow]': 'showArrow',
                         '[attr.data-size]': 'size',
-                    }, changeDetection: ChangeDetectionStrategy.OnPush, template: "<tui-accordion [size]=\"size\">\n    <button\n        [tuiAccordion]=\"open\"\n        #accordionBtn\n    >\n        <div class=\"flex grow justify-between\">\n            <div class=\"self-center font-bold\">\n                <ng-content />\n            </div>\n            @if (showAddButton || showDeleteButton) {\n                <div class=\"flex\">\n                    @if (showDeleteButton) {\n                        <button\n                            tuiIconButton\n                            size=\"m\"\n                            type=\"button\"\n                            [disabled]=\"disabledButtons()\"\n                            appearance=\"icon\"\n                            class=\"action-button\"\n                            (click)=\"$event.stopPropagation(); deleteButtonClick.emit()\"\n                        >\n                            <tui-icon icon=\"@tui.trash-2\" />\n                        </button>\n                    }\n                    @if (showAddButton) {\n                        <button\n                            tuiIconButton\n                            size=\"m\"\n                            type=\"button\"\n                            [disabled]=\"disabledButtons()\"\n                            appearance=\"icon\"\n                            class=\"action-button\"\n                            (click)=\"$event.stopPropagation(); addButtonClick.emit()\"\n                        >\n                            <tui-icon icon=\"@tui.plus\" />\n                        </button>\n                    }\n                </div>\n            }\n        </div>\n    </button>\n    <tui-expand>\n        @if (content) {\n            <tui-elastic-container>\n                <ng-container *polymorpheusOutlet=\"content as text\">\n                    {{ text }}\n                </ng-container>\n            </tui-elastic-container>\n        }\n    </tui-expand>\n</tui-accordion>\n", styles: ["::ng-deep sc-accordion{display:block}::ng-deep sc-accordion tui-accordion>[tuiAccordion]{gap:.75rem;min-block-size:var(--tui-height-m);padding:0 .5rem 0 1rem;font:var(--tui-typography-body-m);white-space:normal;border-radius:.75rem!important;background:var(--tui-background-base-alt)!important;box-shadow:none!important;-webkit-mask-image:none!important;mask-image:none!important}::ng-deep sc-accordion tui-accordion>[tuiAccordion]:hover:not([data-mode]){background:var(--tui-background-neutral-1-hover)!important}::ng-deep sc-accordion tui-accordion>[tuiAccordion]:after{order:-1;margin-inline-start:0!important;margin-inline-end:0;color:var(--tui-text-action)}::ng-deep sc-accordion tui-accordion>[tuiAccordion] .action-button{color:var(--tui-text-action)}::ng-deep sc-accordion[data-size=s] tui-accordion>[tuiAccordion]{padding:0 .5rem 0 1rem;font:var(--tui-typography-body-s)}::ng-deep sc-accordion._has-arrow tui-accordion>[tuiAccordion]{padding-left:.75rem}::ng-deep sc-accordion:not(._has-arrow) tui-accordion>[tuiAccordion]:after{display:none}::ng-deep sc-accordion._has-add-button tui-accordion>[tuiAccordion],::ng-deep sc-accordion._has-delete-button tui-accordion>[tuiAccordion]{padding-right:0}::ng-deep sc-accordion tui-accordion>tui-expand{padding:1rem 0;box-shadow:none}::ng-deep sc-accordion._has-arrow tui-accordion>tui-expand{padding-left:1rem}\n"] }]
+                    }, changeDetection: ChangeDetectionStrategy.OnPush, template: "<tui-accordion [size]=\"size\">\n    <button\n        [tuiAccordion]=\"open\"\n        #accordionBtn\n    >\n        <div class=\"flex grow justify-between\">\n            <div class=\"self-center font-bold\">\n                <ng-content />\n            </div>\n            @if (showAddButton || showDeleteButton) {\n                <div class=\"flex\">\n                    @if (showDeleteButton) {\n                        <button\n                            tuiIconButton\n                            size=\"m\"\n                            type=\"button\"\n                            [disabled]=\"disabledButtons()\"\n                            appearance=\"icon\"\n                            class=\"action-button\"\n                            (click)=\"$event.stopPropagation(); deleteButtonClick.emit()\"\n                        >\n                            <tui-icon icon=\"@tui.trash-2\" />\n                        </button>\n                    }\n                    @if (showAddButton) {\n                        <button\n                            tuiIconButton\n                            size=\"m\"\n                            type=\"button\"\n                            [disabled]=\"disabledButtons()\"\n                            appearance=\"icon\"\n                            class=\"action-button\"\n                            (click)=\"$event.stopPropagation(); addButtonClick.emit()\"\n                        >\n                            <tui-icon icon=\"@tui.plus\" />\n                        </button>\n                    }\n                </div>\n            }\n        </div>\n    </button>\n    <tui-expand>\n        @if (content) {\n            <tui-elastic-container>\n                <ng-container *polymorpheusOutlet=\"content as text\">\n                    {{ text }}\n                </ng-container>\n            </tui-elastic-container>\n        }\n    </tui-expand>\n</tui-accordion>\n", styles: ["::ng-deep sc-accordion{display:block}::ng-deep sc-accordion tui-accordion>[tuiAccordion]{gap:.75rem;padding:0 .5rem 0 1rem;font:var(--tui-typography-body-m);white-space:normal;border-radius:.75rem!important;background:var(--tui-background-base-alt)!important;box-shadow:none!important;-webkit-mask-image:none!important;mask-image:none!important}::ng-deep sc-accordion tui-accordion>[tuiAccordion]:hover:not([data-mode]){background:var(--tui-background-neutral-1-hover)!important}::ng-deep sc-accordion tui-accordion>[tuiAccordion]:after{order:-1;margin-inline-start:0!important;margin-inline-end:0!important;color:var(--tui-text-action)}::ng-deep sc-accordion tui-accordion>[tuiAccordion] .action-button{color:var(--tui-text-action)}::ng-deep sc-accordion[data-size=s] tui-accordion>[tuiAccordion]{padding:0 .5rem 0 1rem;font:var(--tui-typography-body-s)}::ng-deep sc-accordion tui-accordion[data-size]>[tuiAccordion]{min-block-size:var(--tui-height-m)}::ng-deep sc-accordion._has-arrow tui-accordion>[tuiAccordion]{padding-left:.75rem}::ng-deep sc-accordion:not(._has-arrow) tui-accordion>[tuiAccordion]:after{display:none}::ng-deep sc-accordion._has-add-button tui-accordion>[tuiAccordion],::ng-deep sc-accordion._has-delete-button tui-accordion>[tuiAccordion]{padding-right:0}::ng-deep sc-accordion tui-accordion>tui-expand{padding:1rem 0;box-shadow:none}::ng-deep sc-accordion._has-arrow tui-accordion>tui-expand{padding-left:1rem}\n"] }]
         }], propDecorators: { showAddButton: [{
                 type: Input
             }], showDeleteButton: [{
@@ -4259,7 +4259,7 @@ class ScNotifyWhenInStockDialogComponent {
         return ({ $implicit }) => itemsMap.get($implicit) ?? '';
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: ScNotifyWhenInStockDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.16", type: ScNotifyWhenInStockDialogComponent, isStandalone: true, selector: "sc-notify-when-in-stock-dialog", ngImport: i0, template: "<form\n    [formGroup]=\"form\"\n    (ngSubmit)=\"onSubmit$.next()\"\n    class=\"flex flex-col gap-6\"\n>\n    @let isPhoneVisible = requiredFields.includes('phone');\n    @let isEmailVisible = requiredFields.includes('email');\n    @let phoneTouched = form.get('phone')?.touched;\n    @let emailTouched = form.get('email')?.touched;\n    @let isShowError = form.errors?.['atLeastOneRequired'] && ((isPhoneVisible && phoneTouched) || (isEmailVisible && emailTouched));\n    @let user = user$ | async;\n    @let userPhone = user?.contacts?.phone;\n    @let isShowCodeFields = !!form.controls.phone.value && (user?.isGuest || userPhone?.value !== form.controls.phone.value || !userPhone?.isApproved);\n\n    @if (user) {\n        <div class=\"flex flex-col gap-3\">\n            <label tuiLabel>\n                <div\n                    [appearance]=\"isPhoneVisible && isEmailVisible ? 'outline-grayscale' : 'flat'\"\n                    [tuiAppearanceMode]=\"isShowError ? 'invalid' : null\"\n                    tuiCardLarge\n                    class=\"flex flex-col !gap-1\"\n                    [style.padding]=\"requiredFields.length <= 1 ? '0' : undefined\"\n                    [style.border-radius]=\"requiredFields.length <= 1 ? '0' : undefined\"\n                >\n                    @if (isPhoneVisible) {\n                        <sc-verification-phone-check-form\n                            [required]=\"!form.controls.email.value\"\n                            [showCodeFields]=\"isShowCodeFields\"\n                            [pseudoInvalid]=\"isShowError\"\n                        />\n                    }\n                    @if (isPhoneVisible && isEmailVisible) {\n                        <div\n                            class=\"tui-island__paragraph flex items-center gap-3\"\n                            [style.color]=\"isShowError ? 'var(--tui-text-negative)' : 'var(--tui-text-tertiary)'\"\n                        >\n                            <div\n                                class=\"h-px flex-1\"\n                                [style.background-color]=\"isShowError ? 'var(--tui-text-negative)' : 'var(--tui-text-tertiary)'\"\n                            ></div>\n                            <div class=\"text-body-s font-bold\">\n                                \u0418\u043B\u0438(\u0438)\n                                <tui-icon\n                                    [appearance]=\"isShowError ? 'negative' : 'grayscale'\"\n                                    tuiHintDirection=\"end\"\n                                    tuiHintAppearance=\"dark\"\n                                    tuiTooltip=\"\u041F\u043E\u0436\u0430\u043B\u0443\u0439\u0441\u0442\u0430, \u0443\u043A\u0430\u0436\u0438\u0442\u0435 \u043D\u043E\u043C\u0435\u0440 \u0442\u0435\u043B\u0435\u0444\u043E\u043D\u0430 \u0438\u043B\u0438(\u0438) \u0430\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B\"\n                                />\n                            </div>\n                            <div\n                                class=\"h-px flex-1\"\n                                [style.background-color]=\"isShowError ? 'var(--tui-text-negative)' : 'var(--tui-text-tertiary)'\"\n                            ></div>\n                        </div>\n                    }\n                    @if (isEmailVisible) {\n                        <label tuiLabel>\n                            \u0410\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B\n                            <tui-textfield>\n                                <input\n                                    tuiInput\n                                    [invalid]=\"!!isShowError\"\n                                    formControlName=\"email\"\n                                    placeholder=\"\u0410\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B\"\n                                />\n                                <sc-suggestion-field\n                                    *tuiDropdown\n                                    [type]=\"suggestionType.email\"\n                                />\n                            </tui-textfield>\n                            <tui-error formControlName=\"email\" />\n                        </label>\n                    }\n                </div>\n                @if (isShowError) {\n                    <tui-error error=\"\u041F\u043E\u0436\u0430\u043B\u0443\u0439\u0441\u0442\u0430, \u0443\u043A\u0430\u0436\u0438\u0442\u0435 \u043D\u043E\u043C\u0435\u0440 \u0442\u0435\u043B\u0435\u0444\u043E\u043D\u0430 \u0438(\u0438\u043B\u0438) \u0430\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B \u0434\u043B\u044F \u0443\u0432\u0435\u0434\u043E\u043C\u043B\u0435\u043D\u0438\u044F \u043E \u043F\u043E\u0441\u0442\u0443\u043F\u043B\u0435\u043D\u0438\u0438 \u0442\u043E\u0432\u0430\u0440\u0430\" />\n                }\n            </label>\n            <label tuiLabel>\n                \u0421\u043A\u043B\u0430\u0434\n                <tui-textfield\n                    tuiChevron\n                    [content]=\"warehouses() ? stringify(warehouses()!) : selectLoading\"\n                >\n                    <input\n                        tuiSelect\n                        formControlName=\"warehouseId\"\n                        placeholder=\"\u0421\u043A\u043B\u0430\u0434\"\n                    />\n                    <tui-data-list *tuiDropdown>\n                        @for (warehouse of warehouses(); track warehouse.id) {\n                            @if (!product.isWarehouseStockExist(warehouse.id)) {\n                                <button\n                                    tuiOption\n                                    [value]=\"warehouse.id\"\n                                >\n                                    {{ warehouse.name }}\n                                </button>\n                            }\n                        }\n                    </tui-data-list>\n                </tui-textfield>\n                <tui-error formControlName=\"warehouseId\" />\n                @if (isStock()) {\n                    <span [style.color]=\"'var(--tui-text-positive)'\"> \u0422\u043E\u0432\u0430\u0440 \u0438\u043C\u0435\u0435\u0442\u0441\u044F \u0432 \u043D\u0430\u043B\u0438\u0447\u0438\u0438 \u043D\u0430 \u0432\u044B\u0431\u0440\u0430\u043D\u043D\u043E\u043C \u0441\u043A\u043B\u0430\u0434\u0435 </span>\n                }\n            </label>\n            <ng-template #selectLoading> <tui-loader /> </ng-template>\n        </div>\n    }\n\n    <div class=\"flex flex-wrap items-center gap-3\">\n        <button\n            tuiButton\n            type=\"submit\"\n            [disabled]=\"form.invalid || isStock() || (isShowCodeFields && !form.controls.verificationCode.value && form.controls.phone.valid)\"\n            [loading]=\"loading()\"\n            iconStart=\"@tui.sc.send\"\n            class=\"self-center\"\n        >\n            \u041E\u0442\u043F\u0440\u0430\u0432\u0438\u0442\u044C\n        </button>\n        <div class=\"grow basis-60 text-body-s\">\n            \u041D\u0430\u0436\u0438\u043C\u0430\u044F \u043D\u0430 \u043A\u043D\u043E\u043F\u043A\u0443, \u0432\u044B \u0441\u043E\u0433\u043B\u0430\u0448\u0430\u0435\u0442\u0435\u0441\u044C \u0441\n            <button\n                tuiLink\n                [style.text-decoration-line]=\"'underline'\"\n                type=\"button\"\n                (click)=\"context.data.onClickOfferHandler()\"\n            >\n                \u041F\u043E\u043B\u0438\u0442\u0438\u043A\u043E\u0439 \u043A\u043E\u043D\u0444\u0438\u0434\u0435\u043D\u0446\u0438\u0430\u043B\u044C\u043D\u043E\u0441\u0442\u0438\n            </button>\n        </div>\n    </div>\n\n    @if (form.errors && form.errors['serverResponse']) {\n        <tui-error [formGroup]=\"form\" />\n    }\n</form>\n", dependencies: [{ kind: "component", type: ScVerificationPhoneCheckFormComponent, selector: "sc-verification-phone-check-form", inputs: ["showCodeFields", "readOnly", "pseudoInvalid", "required", "subtitle", "shouldBeBusy", "shouldBeConfirmed", "haveCode"], outputs: ["haveCodeChange", "isBusyChange", "isConfirmedChange"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i2$3.TuiLabel, selector: "label[tuiLabel]" }, { kind: "component", type: i3$1.TuiTextfieldComponent, selector: "tui-textfield:not([multi])", inputs: ["content", "filler"] }, { kind: "directive", type: i3.TuiDropdownContent, selector: "ng-template[tuiDropdown]" }, { kind: "directive", type: i2.TuiInputDirective, selector: "input[tuiInput]", inputs: ["readOnly", "invalid", "focused", "state"] }, { kind: "directive", type: TuiChevron, selector: "[tuiChevron]", inputs: ["tuiChevron"] }, { kind: "directive", type: TuiLink, selector: "a[tuiLink], button[tuiLink]" }, { kind: "directive", type: TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "component", type: i2.TuiErrorComponent, selector: "tui-error", inputs: ["error"] }, { kind: "directive", type: i2.TuiErrorDirective, selector: "tui-error[ngModel], tui-error[formControlName], tui-error[formControl], tui-error[formGroup], tui-error[formGroupName], tui-error[formArrayName], tui-error[formArray]", inputs: ["order"] }, { kind: "component", type: ScSuggestionFieldComponent, selector: "sc-suggestion-field", inputs: ["type"], outputs: ["selectedClick"] }, { kind: "component", type: i2.TuiDataListComponent, selector: "tui-data-list", inputs: ["emptyContent", "size"] }, { kind: "directive", type: i2.TuiOption, selector: "button[tuiOption], a[tuiOption], label[tuiOption]", inputs: ["disabled"] }, { kind: "directive", type: i2.TuiOptionWithValue, selector: "button[tuiOption][value], a[tuiOption][value], label[tuiOption][value]", inputs: ["disabled", "value"] }, { kind: "directive", type: i1$1.TuiSelectDirective, selector: "input[tuiSelect]" }, { kind: "component", type: TuiButtonLoading, selector: "[tuiButton][loading],[tuiIconButton][loading]", inputs: ["size", "loading"] }, { kind: "component", type: TuiLoader, selector: "tui-loader", inputs: ["size", "inheritColor", "overlay", "textContent", "loading"] }, { kind: "directive", type: TuiCardLarge, selector: "[tuiCardLarge]", inputs: ["tuiCardLarge"] }, { kind: "component", type: TuiIcon, selector: "tui-icon:not([tuiBadge])", inputs: ["background"] }, { kind: "directive", type: TuiTooltip, selector: "tui-icon[tuiTooltip]", inputs: ["size"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.16", type: ScNotifyWhenInStockDialogComponent, isStandalone: true, selector: "sc-notify-when-in-stock-dialog", ngImport: i0, template: "<form\n    [formGroup]=\"form\"\n    (ngSubmit)=\"onSubmit$.next()\"\n    class=\"flex flex-col gap-6\"\n>\n    @let isPhoneVisible = requiredFields.includes('phone');\n    @let isEmailVisible = requiredFields.includes('email');\n    @let phoneTouched = form.get('phone')?.touched;\n    @let emailTouched = form.get('email')?.touched;\n    @let isShowError = form.errors?.['atLeastOneRequired'] && ((isPhoneVisible && phoneTouched) || (isEmailVisible && emailTouched));\n    @let user = user$ | async;\n    @let userPhone = user?.contacts?.phone;\n    @let isShowCodeFields = !!form.controls.phone.value && (user?.isGuest || userPhone?.value !== form.controls.phone.value || !userPhone?.isApproved);\n\n    @if (user) {\n        <div class=\"flex flex-col gap-3\">\n            <label tuiLabel>\n                <div\n                    [appearance]=\"isPhoneVisible && isEmailVisible ? 'outline-grayscale' : 'flat'\"\n                    [tuiAppearanceMode]=\"isShowError ? 'invalid' : null\"\n                    tuiCardLarge\n                    class=\"flex flex-col !gap-1\"\n                    [style.padding]=\"requiredFields.length <= 1 ? '0' : undefined\"\n                    [style.border-radius]=\"requiredFields.length <= 1 ? '0' : undefined\"\n                >\n                    @if (isPhoneVisible) {\n                        <sc-verification-phone-check-form\n                            [required]=\"!form.controls.email.value\"\n                            [showCodeFields]=\"isShowCodeFields\"\n                            [pseudoInvalid]=\"isShowError\"\n                        />\n                    }\n                    @if (isPhoneVisible && isEmailVisible) {\n                        <div\n                            class=\"tui-island__paragraph flex items-center gap-3\"\n                            [style.color]=\"isShowError ? 'var(--tui-text-negative)' : 'var(--tui-text-tertiary)'\"\n                        >\n                            <div\n                                class=\"h-px flex-1\"\n                                [style.background-color]=\"isShowError ? 'var(--tui-text-negative)' : 'var(--tui-text-tertiary)'\"\n                            ></div>\n                            <div class=\"text-body-s font-bold\">\n                                \u0418\u043B\u0438(\u0438)\n                                <tui-icon\n                                    [appearance]=\"isShowError ? 'negative' : 'grayscale'\"\n                                    tuiHintDirection=\"end\"\n                                    tuiHintAppearance=\"dark\"\n                                    tuiTooltip=\"\u041F\u043E\u0436\u0430\u043B\u0443\u0439\u0441\u0442\u0430, \u0443\u043A\u0430\u0436\u0438\u0442\u0435 \u043D\u043E\u043C\u0435\u0440 \u0442\u0435\u043B\u0435\u0444\u043E\u043D\u0430 \u0438\u043B\u0438(\u0438) \u0430\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B\"\n                                />\n                            </div>\n                            <div\n                                class=\"h-px flex-1\"\n                                [style.background-color]=\"isShowError ? 'var(--tui-text-negative)' : 'var(--tui-text-tertiary)'\"\n                            ></div>\n                        </div>\n                    }\n                    @if (isEmailVisible) {\n                        <label tuiLabel>\n                            \u0410\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B\n                            <tui-textfield>\n                                <input\n                                    tuiInput\n                                    [invalid]=\"!!isShowError\"\n                                    formControlName=\"email\"\n                                    placeholder=\"\u0410\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B\"\n                                />\n                                <sc-suggestion-field\n                                    *tuiDropdown\n                                    [type]=\"suggestionType.email\"\n                                />\n                            </tui-textfield>\n                            <tui-error formControlName=\"email\" />\n                        </label>\n                    }\n                </div>\n                @if (isShowError) {\n                    <tui-error error=\"\u041F\u043E\u0436\u0430\u043B\u0443\u0439\u0441\u0442\u0430, \u0443\u043A\u0430\u0436\u0438\u0442\u0435 \u043D\u043E\u043C\u0435\u0440 \u0442\u0435\u043B\u0435\u0444\u043E\u043D\u0430 \u0438(\u0438\u043B\u0438) \u0430\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B \u0434\u043B\u044F \u0443\u0432\u0435\u0434\u043E\u043C\u043B\u0435\u043D\u0438\u044F \u043E \u043F\u043E\u0441\u0442\u0443\u043F\u043B\u0435\u043D\u0438\u0438 \u0442\u043E\u0432\u0430\u0440\u0430\" />\n                }\n            </label>\n            <label tuiLabel>\n                \u0421\u043A\u043B\u0430\u0434\n                <tui-textfield\n                    tuiChevron\n                    [content]=\"warehouses() ? stringify(warehouses()!) : selectLoading\"\n                >\n                    <input\n                        tuiSelect\n                        formControlName=\"warehouseId\"\n                        placeholder=\"\u0421\u043A\u043B\u0430\u0434\"\n                    />\n                    <tui-data-list *tuiDropdown>\n                        @for (warehouse of warehouses(); track warehouse.id) {\n                            @if (!product.isWarehouseStockExist(warehouse.id)) {\n                                <button\n                                    tuiOption\n                                    [value]=\"warehouse.id\"\n                                >\n                                    {{ warehouse.name }}\n                                </button>\n                            }\n                        }\n                    </tui-data-list>\n                </tui-textfield>\n                <tui-error formControlName=\"warehouseId\" />\n                @if (isStock()) {\n                    <span [style.color]=\"'var(--tui-text-positive)'\"> \u0422\u043E\u0432\u0430\u0440 \u0438\u043C\u0435\u0435\u0442\u0441\u044F \u0432 \u043D\u0430\u043B\u0438\u0447\u0438\u0438 \u043D\u0430 \u0432\u044B\u0431\u0440\u0430\u043D\u043D\u043E\u043C \u0441\u043A\u043B\u0430\u0434\u0435 </span>\n                }\n            </label>\n            <ng-template #selectLoading> <tui-loader /> </ng-template>\n        </div>\n    }\n\n    <div class=\"flex flex-wrap items-center gap-3\">\n        <button\n            tuiButton\n            type=\"submit\"\n            [disabled]=\"form.invalid || isStock() || (isShowCodeFields && !form.controls.verificationCode.value && form.controls.phone.valid)\"\n            [loading]=\"loading()\"\n            iconStart=\"@tui.sc.send\"\n            class=\"self-center\"\n        >\n            \u041E\u0442\u043F\u0440\u0430\u0432\u0438\u0442\u044C\n        </button>\n        <div class=\"grow basis-60 text-body-s\">\n            \u041D\u0430\u0436\u0438\u043C\u0430\u044F \u043D\u0430 \u043A\u043D\u043E\u043F\u043A\u0443, \u0432\u044B \u0441\u043E\u0433\u043B\u0430\u0448\u0430\u0435\u0442\u0435\u0441\u044C \u0441\n            <button\n                tuiLink\n                [style.text-decoration-line]=\"'underline'\"\n                type=\"button\"\n                (click)=\"context.data.onClickOfferHandler()\"\n            >\n                \u041F\u043E\u043B\u0438\u0442\u0438\u043A\u043E\u0439 \u043A\u043E\u043D\u0444\u0438\u0434\u0435\u043D\u0446\u0438\u0430\u043B\u044C\u043D\u043E\u0441\u0442\u0438\n            </button>\n        </div>\n    </div>\n\n    <tui-error [formGroup]=\"form\" />\n</form>\n", dependencies: [{ kind: "component", type: ScVerificationPhoneCheckFormComponent, selector: "sc-verification-phone-check-form", inputs: ["showCodeFields", "readOnly", "pseudoInvalid", "required", "subtitle", "shouldBeBusy", "shouldBeConfirmed", "haveCode"], outputs: ["haveCodeChange", "isBusyChange", "isConfirmedChange"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i2$3.TuiLabel, selector: "label[tuiLabel]" }, { kind: "component", type: i3$1.TuiTextfieldComponent, selector: "tui-textfield:not([multi])", inputs: ["content", "filler"] }, { kind: "directive", type: i3.TuiDropdownContent, selector: "ng-template[tuiDropdown]" }, { kind: "directive", type: i2.TuiInputDirective, selector: "input[tuiInput]", inputs: ["readOnly", "invalid", "focused", "state"] }, { kind: "directive", type: TuiChevron, selector: "[tuiChevron]", inputs: ["tuiChevron"] }, { kind: "directive", type: TuiLink, selector: "a[tuiLink], button[tuiLink]" }, { kind: "directive", type: TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "component", type: i2.TuiErrorComponent, selector: "tui-error", inputs: ["error"] }, { kind: "directive", type: i2.TuiErrorDirective, selector: "tui-error[ngModel], tui-error[formControlName], tui-error[formControl], tui-error[formGroup], tui-error[formGroupName], tui-error[formArrayName], tui-error[formArray]", inputs: ["order"] }, { kind: "component", type: ScSuggestionFieldComponent, selector: "sc-suggestion-field", inputs: ["type"], outputs: ["selectedClick"] }, { kind: "component", type: i2.TuiDataListComponent, selector: "tui-data-list", inputs: ["emptyContent", "size"] }, { kind: "directive", type: i2.TuiOption, selector: "button[tuiOption], a[tuiOption], label[tuiOption]", inputs: ["disabled"] }, { kind: "directive", type: i2.TuiOptionWithValue, selector: "button[tuiOption][value], a[tuiOption][value], label[tuiOption][value]", inputs: ["disabled", "value"] }, { kind: "directive", type: i1$1.TuiSelectDirective, selector: "input[tuiSelect]" }, { kind: "component", type: TuiButtonLoading, selector: "[tuiButton][loading],[tuiIconButton][loading]", inputs: ["size", "loading"] }, { kind: "component", type: TuiLoader, selector: "tui-loader", inputs: ["size", "inheritColor", "overlay", "textContent", "loading"] }, { kind: "directive", type: TuiCardLarge, selector: "[tuiCardLarge]", inputs: ["tuiCardLarge"] }, { kind: "component", type: TuiIcon, selector: "tui-icon:not([tuiBadge])", inputs: ["background"] }, { kind: "directive", type: TuiTooltip, selector: "tui-icon[tuiTooltip]", inputs: ["size"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: ScNotifyWhenInStockDialogComponent, decorators: [{
             type: Component,
@@ -4283,7 +4283,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImpo
                         TuiCardLarge,
                         TuiIcon,
                         TuiTooltip,
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<form\n    [formGroup]=\"form\"\n    (ngSubmit)=\"onSubmit$.next()\"\n    class=\"flex flex-col gap-6\"\n>\n    @let isPhoneVisible = requiredFields.includes('phone');\n    @let isEmailVisible = requiredFields.includes('email');\n    @let phoneTouched = form.get('phone')?.touched;\n    @let emailTouched = form.get('email')?.touched;\n    @let isShowError = form.errors?.['atLeastOneRequired'] && ((isPhoneVisible && phoneTouched) || (isEmailVisible && emailTouched));\n    @let user = user$ | async;\n    @let userPhone = user?.contacts?.phone;\n    @let isShowCodeFields = !!form.controls.phone.value && (user?.isGuest || userPhone?.value !== form.controls.phone.value || !userPhone?.isApproved);\n\n    @if (user) {\n        <div class=\"flex flex-col gap-3\">\n            <label tuiLabel>\n                <div\n                    [appearance]=\"isPhoneVisible && isEmailVisible ? 'outline-grayscale' : 'flat'\"\n                    [tuiAppearanceMode]=\"isShowError ? 'invalid' : null\"\n                    tuiCardLarge\n                    class=\"flex flex-col !gap-1\"\n                    [style.padding]=\"requiredFields.length <= 1 ? '0' : undefined\"\n                    [style.border-radius]=\"requiredFields.length <= 1 ? '0' : undefined\"\n                >\n                    @if (isPhoneVisible) {\n                        <sc-verification-phone-check-form\n                            [required]=\"!form.controls.email.value\"\n                            [showCodeFields]=\"isShowCodeFields\"\n                            [pseudoInvalid]=\"isShowError\"\n                        />\n                    }\n                    @if (isPhoneVisible && isEmailVisible) {\n                        <div\n                            class=\"tui-island__paragraph flex items-center gap-3\"\n                            [style.color]=\"isShowError ? 'var(--tui-text-negative)' : 'var(--tui-text-tertiary)'\"\n                        >\n                            <div\n                                class=\"h-px flex-1\"\n                                [style.background-color]=\"isShowError ? 'var(--tui-text-negative)' : 'var(--tui-text-tertiary)'\"\n                            ></div>\n                            <div class=\"text-body-s font-bold\">\n                                \u0418\u043B\u0438(\u0438)\n                                <tui-icon\n                                    [appearance]=\"isShowError ? 'negative' : 'grayscale'\"\n                                    tuiHintDirection=\"end\"\n                                    tuiHintAppearance=\"dark\"\n                                    tuiTooltip=\"\u041F\u043E\u0436\u0430\u043B\u0443\u0439\u0441\u0442\u0430, \u0443\u043A\u0430\u0436\u0438\u0442\u0435 \u043D\u043E\u043C\u0435\u0440 \u0442\u0435\u043B\u0435\u0444\u043E\u043D\u0430 \u0438\u043B\u0438(\u0438) \u0430\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B\"\n                                />\n                            </div>\n                            <div\n                                class=\"h-px flex-1\"\n                                [style.background-color]=\"isShowError ? 'var(--tui-text-negative)' : 'var(--tui-text-tertiary)'\"\n                            ></div>\n                        </div>\n                    }\n                    @if (isEmailVisible) {\n                        <label tuiLabel>\n                            \u0410\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B\n                            <tui-textfield>\n                                <input\n                                    tuiInput\n                                    [invalid]=\"!!isShowError\"\n                                    formControlName=\"email\"\n                                    placeholder=\"\u0410\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B\"\n                                />\n                                <sc-suggestion-field\n                                    *tuiDropdown\n                                    [type]=\"suggestionType.email\"\n                                />\n                            </tui-textfield>\n                            <tui-error formControlName=\"email\" />\n                        </label>\n                    }\n                </div>\n                @if (isShowError) {\n                    <tui-error error=\"\u041F\u043E\u0436\u0430\u043B\u0443\u0439\u0441\u0442\u0430, \u0443\u043A\u0430\u0436\u0438\u0442\u0435 \u043D\u043E\u043C\u0435\u0440 \u0442\u0435\u043B\u0435\u0444\u043E\u043D\u0430 \u0438(\u0438\u043B\u0438) \u0430\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B \u0434\u043B\u044F \u0443\u0432\u0435\u0434\u043E\u043C\u043B\u0435\u043D\u0438\u044F \u043E \u043F\u043E\u0441\u0442\u0443\u043F\u043B\u0435\u043D\u0438\u0438 \u0442\u043E\u0432\u0430\u0440\u0430\" />\n                }\n            </label>\n            <label tuiLabel>\n                \u0421\u043A\u043B\u0430\u0434\n                <tui-textfield\n                    tuiChevron\n                    [content]=\"warehouses() ? stringify(warehouses()!) : selectLoading\"\n                >\n                    <input\n                        tuiSelect\n                        formControlName=\"warehouseId\"\n                        placeholder=\"\u0421\u043A\u043B\u0430\u0434\"\n                    />\n                    <tui-data-list *tuiDropdown>\n                        @for (warehouse of warehouses(); track warehouse.id) {\n                            @if (!product.isWarehouseStockExist(warehouse.id)) {\n                                <button\n                                    tuiOption\n                                    [value]=\"warehouse.id\"\n                                >\n                                    {{ warehouse.name }}\n                                </button>\n                            }\n                        }\n                    </tui-data-list>\n                </tui-textfield>\n                <tui-error formControlName=\"warehouseId\" />\n                @if (isStock()) {\n                    <span [style.color]=\"'var(--tui-text-positive)'\"> \u0422\u043E\u0432\u0430\u0440 \u0438\u043C\u0435\u0435\u0442\u0441\u044F \u0432 \u043D\u0430\u043B\u0438\u0447\u0438\u0438 \u043D\u0430 \u0432\u044B\u0431\u0440\u0430\u043D\u043D\u043E\u043C \u0441\u043A\u043B\u0430\u0434\u0435 </span>\n                }\n            </label>\n            <ng-template #selectLoading> <tui-loader /> </ng-template>\n        </div>\n    }\n\n    <div class=\"flex flex-wrap items-center gap-3\">\n        <button\n            tuiButton\n            type=\"submit\"\n            [disabled]=\"form.invalid || isStock() || (isShowCodeFields && !form.controls.verificationCode.value && form.controls.phone.valid)\"\n            [loading]=\"loading()\"\n            iconStart=\"@tui.sc.send\"\n            class=\"self-center\"\n        >\n            \u041E\u0442\u043F\u0440\u0430\u0432\u0438\u0442\u044C\n        </button>\n        <div class=\"grow basis-60 text-body-s\">\n            \u041D\u0430\u0436\u0438\u043C\u0430\u044F \u043D\u0430 \u043A\u043D\u043E\u043F\u043A\u0443, \u0432\u044B \u0441\u043E\u0433\u043B\u0430\u0448\u0430\u0435\u0442\u0435\u0441\u044C \u0441\n            <button\n                tuiLink\n                [style.text-decoration-line]=\"'underline'\"\n                type=\"button\"\n                (click)=\"context.data.onClickOfferHandler()\"\n            >\n                \u041F\u043E\u043B\u0438\u0442\u0438\u043A\u043E\u0439 \u043A\u043E\u043D\u0444\u0438\u0434\u0435\u043D\u0446\u0438\u0430\u043B\u044C\u043D\u043E\u0441\u0442\u0438\n            </button>\n        </div>\n    </div>\n\n    @if (form.errors && form.errors['serverResponse']) {\n        <tui-error [formGroup]=\"form\" />\n    }\n</form>\n" }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<form\n    [formGroup]=\"form\"\n    (ngSubmit)=\"onSubmit$.next()\"\n    class=\"flex flex-col gap-6\"\n>\n    @let isPhoneVisible = requiredFields.includes('phone');\n    @let isEmailVisible = requiredFields.includes('email');\n    @let phoneTouched = form.get('phone')?.touched;\n    @let emailTouched = form.get('email')?.touched;\n    @let isShowError = form.errors?.['atLeastOneRequired'] && ((isPhoneVisible && phoneTouched) || (isEmailVisible && emailTouched));\n    @let user = user$ | async;\n    @let userPhone = user?.contacts?.phone;\n    @let isShowCodeFields = !!form.controls.phone.value && (user?.isGuest || userPhone?.value !== form.controls.phone.value || !userPhone?.isApproved);\n\n    @if (user) {\n        <div class=\"flex flex-col gap-3\">\n            <label tuiLabel>\n                <div\n                    [appearance]=\"isPhoneVisible && isEmailVisible ? 'outline-grayscale' : 'flat'\"\n                    [tuiAppearanceMode]=\"isShowError ? 'invalid' : null\"\n                    tuiCardLarge\n                    class=\"flex flex-col !gap-1\"\n                    [style.padding]=\"requiredFields.length <= 1 ? '0' : undefined\"\n                    [style.border-radius]=\"requiredFields.length <= 1 ? '0' : undefined\"\n                >\n                    @if (isPhoneVisible) {\n                        <sc-verification-phone-check-form\n                            [required]=\"!form.controls.email.value\"\n                            [showCodeFields]=\"isShowCodeFields\"\n                            [pseudoInvalid]=\"isShowError\"\n                        />\n                    }\n                    @if (isPhoneVisible && isEmailVisible) {\n                        <div\n                            class=\"tui-island__paragraph flex items-center gap-3\"\n                            [style.color]=\"isShowError ? 'var(--tui-text-negative)' : 'var(--tui-text-tertiary)'\"\n                        >\n                            <div\n                                class=\"h-px flex-1\"\n                                [style.background-color]=\"isShowError ? 'var(--tui-text-negative)' : 'var(--tui-text-tertiary)'\"\n                            ></div>\n                            <div class=\"text-body-s font-bold\">\n                                \u0418\u043B\u0438(\u0438)\n                                <tui-icon\n                                    [appearance]=\"isShowError ? 'negative' : 'grayscale'\"\n                                    tuiHintDirection=\"end\"\n                                    tuiHintAppearance=\"dark\"\n                                    tuiTooltip=\"\u041F\u043E\u0436\u0430\u043B\u0443\u0439\u0441\u0442\u0430, \u0443\u043A\u0430\u0436\u0438\u0442\u0435 \u043D\u043E\u043C\u0435\u0440 \u0442\u0435\u043B\u0435\u0444\u043E\u043D\u0430 \u0438\u043B\u0438(\u0438) \u0430\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B\"\n                                />\n                            </div>\n                            <div\n                                class=\"h-px flex-1\"\n                                [style.background-color]=\"isShowError ? 'var(--tui-text-negative)' : 'var(--tui-text-tertiary)'\"\n                            ></div>\n                        </div>\n                    }\n                    @if (isEmailVisible) {\n                        <label tuiLabel>\n                            \u0410\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B\n                            <tui-textfield>\n                                <input\n                                    tuiInput\n                                    [invalid]=\"!!isShowError\"\n                                    formControlName=\"email\"\n                                    placeholder=\"\u0410\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B\"\n                                />\n                                <sc-suggestion-field\n                                    *tuiDropdown\n                                    [type]=\"suggestionType.email\"\n                                />\n                            </tui-textfield>\n                            <tui-error formControlName=\"email\" />\n                        </label>\n                    }\n                </div>\n                @if (isShowError) {\n                    <tui-error error=\"\u041F\u043E\u0436\u0430\u043B\u0443\u0439\u0441\u0442\u0430, \u0443\u043A\u0430\u0436\u0438\u0442\u0435 \u043D\u043E\u043C\u0435\u0440 \u0442\u0435\u043B\u0435\u0444\u043E\u043D\u0430 \u0438(\u0438\u043B\u0438) \u0430\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B \u0434\u043B\u044F \u0443\u0432\u0435\u0434\u043E\u043C\u043B\u0435\u043D\u0438\u044F \u043E \u043F\u043E\u0441\u0442\u0443\u043F\u043B\u0435\u043D\u0438\u0438 \u0442\u043E\u0432\u0430\u0440\u0430\" />\n                }\n            </label>\n            <label tuiLabel>\n                \u0421\u043A\u043B\u0430\u0434\n                <tui-textfield\n                    tuiChevron\n                    [content]=\"warehouses() ? stringify(warehouses()!) : selectLoading\"\n                >\n                    <input\n                        tuiSelect\n                        formControlName=\"warehouseId\"\n                        placeholder=\"\u0421\u043A\u043B\u0430\u0434\"\n                    />\n                    <tui-data-list *tuiDropdown>\n                        @for (warehouse of warehouses(); track warehouse.id) {\n                            @if (!product.isWarehouseStockExist(warehouse.id)) {\n                                <button\n                                    tuiOption\n                                    [value]=\"warehouse.id\"\n                                >\n                                    {{ warehouse.name }}\n                                </button>\n                            }\n                        }\n                    </tui-data-list>\n                </tui-textfield>\n                <tui-error formControlName=\"warehouseId\" />\n                @if (isStock()) {\n                    <span [style.color]=\"'var(--tui-text-positive)'\"> \u0422\u043E\u0432\u0430\u0440 \u0438\u043C\u0435\u0435\u0442\u0441\u044F \u0432 \u043D\u0430\u043B\u0438\u0447\u0438\u0438 \u043D\u0430 \u0432\u044B\u0431\u0440\u0430\u043D\u043D\u043E\u043C \u0441\u043A\u043B\u0430\u0434\u0435 </span>\n                }\n            </label>\n            <ng-template #selectLoading> <tui-loader /> </ng-template>\n        </div>\n    }\n\n    <div class=\"flex flex-wrap items-center gap-3\">\n        <button\n            tuiButton\n            type=\"submit\"\n            [disabled]=\"form.invalid || isStock() || (isShowCodeFields && !form.controls.verificationCode.value && form.controls.phone.valid)\"\n            [loading]=\"loading()\"\n            iconStart=\"@tui.sc.send\"\n            class=\"self-center\"\n        >\n            \u041E\u0442\u043F\u0440\u0430\u0432\u0438\u0442\u044C\n        </button>\n        <div class=\"grow basis-60 text-body-s\">\n            \u041D\u0430\u0436\u0438\u043C\u0430\u044F \u043D\u0430 \u043A\u043D\u043E\u043F\u043A\u0443, \u0432\u044B \u0441\u043E\u0433\u043B\u0430\u0448\u0430\u0435\u0442\u0435\u0441\u044C \u0441\n            <button\n                tuiLink\n                [style.text-decoration-line]=\"'underline'\"\n                type=\"button\"\n                (click)=\"context.data.onClickOfferHandler()\"\n            >\n                \u041F\u043E\u043B\u0438\u0442\u0438\u043A\u043E\u0439 \u043A\u043E\u043D\u0444\u0438\u0434\u0435\u043D\u0446\u0438\u0430\u043B\u044C\u043D\u043E\u0441\u0442\u0438\n            </button>\n        </div>\n    </div>\n\n    <tui-error [formGroup]=\"form\" />\n</form>\n" }]
         }], ctorParameters: () => [] });
 
 /* eslint-disable class-methods-use-this */
@@ -8670,7 +8670,7 @@ class ScOrderFormComponent {
         reader.readAsDataURL(file);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: ScOrderFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.16", type: ScOrderFormComponent, isStandalone: true, selector: "sc-order-form", inputs: { directionId: { classPropertyName: "directionId", publicName: "directionId", isSignal: true, isRequired: true, transformFunction: null }, enforceApprovedContacts: { classPropertyName: "enforceApprovedContacts", publicName: "enforceApprovedContacts", isSignal: true, isRequired: false, transformFunction: null }, persistMetadata: { classPropertyName: "persistMetadata", publicName: "persistMetadata", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { orderSubmit: "orderSubmit" }, providers: [TERMINAL_PROVIDERS], viewQueries: [{ propertyName: "unconfirmedDataWarning", first: true, predicate: ["unconfirmedDataWarning"], descendants: true, isSignal: true }], ngImport: i0, template: "@let user = user$ | async;\n\n<form\n    [formGroup]=\"form\"\n    scFocusFirstInvalidField\n    [fieldOrder]=\"['contragentId', 'paymentType', 'deliveryType', 'warehouseId', 'addressId', 'deliveryDate', 'comment']\"\n    (ngSubmit)=\"submit()\"\n    class=\"flex flex-col gap-4\"\n>\n    <ng-template #selectLoading> <tui-loader /> </ng-template>\n\n    <!-- \u041A\u043E\u043D\u0442\u0440\u0430\u0433\u0435\u043D\u0442. -->\n    @if (contragents$ | async; as contragents) {\n        @if (contragents.length > 1 || user?.isOrg) {\n            <div>\n                <label tuiLabel>\n                    \u041A\u043E\u043D\u0442\u0440\u0430\u0433\u0435\u043D\u0442\n                    <tui-textfield\n                        tuiChevron\n                        [content]=\"contragents ? stringify(contragents) : selectLoading\"\n                    >\n                        <input\n                            tuiSelect\n                            formControlName=\"contragentId\"\n                            placeholder=\"\u041A\u043E\u043D\u0442\u0440\u0430\u0433\u0435\u043D\u0442\"\n                        />\n                        <tui-data-list *tuiDropdown>\n                            @for (contragent of contragents; track contragent.id) {\n                                <button\n                                    tuiOption\n                                    [value]=\"contragent.id\"\n                                >\n                                    {{ contragent.name }}\n                                </button>\n                            }\n                        </tui-data-list>\n                    </tui-textfield>\n                    <tui-error formControlName=\"contragentId\" />\n                </label>\n                <a\n                    tuiLink\n                    iconStart=\"@tui.plus\"\n                    (click)=\"addContragent()\"\n                    class=\"mt-2 block\"\n                >\n                    \u041D\u043E\u0432\u044B\u0439\n                </a>\n            </div>\n        }\n    }\n\n    <!-- \u0422\u0438\u043F \u043E\u043F\u043B\u0430\u0442\u044B. -->\n    <label tuiLabel>\n        \u0422\u0438\u043F \u043E\u043F\u043B\u0430\u0442\u044B\n        @let paymentTypes = paymentTypes$ | async;\n        <tui-textfield\n            tuiChevron\n            [content]=\"paymentTypes ? stringify(paymentTypes) : selectLoading\"\n        >\n            <input\n                tuiSelect\n                formControlName=\"paymentType\"\n                placeholder=\"\u0422\u0438\u043F \u043E\u043F\u043B\u0430\u0442\u044B\"\n            />\n            <tui-data-list *tuiDropdown>\n                @for (type of paymentTypes; track type.id) {\n                    <button\n                        tuiOption\n                        [value]=\"type.id\"\n                    >\n                        {{ type.name }}\n                    </button>\n                }\n            </tui-data-list>\n        </tui-textfield>\n        <tui-error formControlName=\"paymentType\" />\n        @if (isCashPaymentSelected()) {\n            <p class=\"text-xs text-tui-status-positive\">\u0417\u0430\u043A\u0430\u0437\u044B \u043F\u0440\u043E\u0438\u0437\u0432\u043E\u0434\u044F\u0442\u0441\u044F \u043F\u043E \u043F\u0440\u0435\u0434\u043E\u043F\u043B\u0430\u0442\u0435</p>\n        }\n    </label>\n\n    <!-- \u041F\u0440\u0435\u0434\u0443\u043F\u0440\u0435\u0436\u0434\u0435\u043D\u0438\u0435 \u043E \u043D\u0435\u043F\u043E\u0434\u0442\u0432\u0435\u0440\u0436\u0434\u0451\u043D\u043D\u044B\u0445 \u043A\u043E\u043D\u0442\u0430\u043A\u0442\u043D\u044B\u0445 \u0434\u0430\u043D\u043D\u044B\u0445. -->\n    @if (!isPhoneApproved() || !isEmailApproved()) {\n        <div\n            #unconfirmedDataWarning\n            class=\"text-tui-text-negative\"\n            [class.warning-shake]=\"warningShake()\"\n        >\n            \u0412\u043D\u0438\u043C\u0430\u043D\u0438\u0435! \u0414\u043B\u044F \u043E\u0444\u043E\u0440\u043C\u043B\u0435\u043D\u0438\u044F \u0437\u0430\u043A\u0430\u0437\u0430 \u043D\u0435\u043E\u0431\u0445\u043E\u0434\u0438\u043C\u043E \u043F\u043E\u0434\u0442\u0432\u0435\u0440\u0434\u0438\u0442\u044C\n            @if (!isPhoneApproved()) {\n                <span class=\"font-bold\"> \u043D\u043E\u043C\u0435\u0440 \u0442\u0435\u043B\u0435\u0444\u043E\u043D\u0430 </span>\n            }\n            @if (!isPhoneApproved() && !isEmailApproved()) {\n                <span> \u0438 </span>\n            }\n            @if (!isEmailApproved()) {\n                <span class=\"font-bold\"> \u0430\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B </span>\n            }\n            <a\n                tuiLink\n                routerLink=\"/profile\"\n            >\n                \u0432 \u0432\u0430\u0448\u0435\u043C \u043F\u0440\u043E\u0444\u0438\u043B\u0435\n            </a>\n        </div>\n    }\n\n    <!-- \u0421\u043F\u043E\u0441\u043E\u0431 \u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438. -->\n    <label tuiLabel>\n        \u0421\u043F\u043E\u0441\u043E\u0431 \u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438\n        @let deliveryTypes = deliveryTypes$ | async;\n        <tui-textfield\n            tuiChevron\n            [content]=\"deliveryTypes ? stringify(deliveryTypes) : selectLoading\"\n        >\n            <input\n                tuiSelect\n                formControlName=\"deliveryType\"\n                placeholder=\"\u0421\u043F\u043E\u0441\u043E\u0431 \u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438\"\n            />\n            <tui-data-list *tuiDropdown>\n                @for (delivery of deliveryTypes; track delivery.id) {\n                    <button\n                        tuiOption\n                        [value]=\"delivery.id\"\n                    >\n                        {{ delivery.name }}\n                    </button>\n                }\n            </tui-data-list>\n        </tui-textfield>\n        <tui-error formControlName=\"deliveryType\" />\n    </label>\n\n    <!-- \u0421\u043A\u043B\u0430\u0434. -->\n    <label tuiLabel>\n        \u0421\u043A\u043B\u0430\u0434\n        @let warehouses = warehouses$ | async;\n        <tui-textfield\n            tuiChevron\n            [content]=\"warehouses ? stringify(warehouses) : selectLoading\"\n        >\n            <input\n                tuiSelect\n                formControlName=\"warehouseId\"\n                placeholder=\"\u0421\u043A\u043B\u0430\u0434\"\n            />\n            <tui-data-list *tuiDropdown>\n                @if (!terminal.isRunningOnTerminal) {\n                    @for (warehouse of warehouses; track warehouse.id) {\n                        <button\n                            tuiOption\n                            [value]=\"warehouse.id\"\n                        >\n                            {{ warehouse.name }}\n                        </button>\n                    }\n                } @else {\n                    @if (warehouseService.getCatalogWarehouseChange$() | async; as terminalWarehouse) {\n                        <button\n                            tuiOption\n                            [value]=\"terminalWarehouse.id\"\n                        >\n                            {{ terminalWarehouse.name }}\n                        </button>\n                    }\n                }\n            </tui-data-list>\n        </tui-textfield>\n        <tui-error formControlName=\"warehouseId\" />\n    </label>\n\n    <!-- \u0410\u0434\u0440\u0435\u0441 \u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438. -->\n    @if (isDelivery()) {\n        @let addresses = addresses$ | async;\n        <div>\n            <label tuiLabel>\n                \u0410\u0434\u0440\u0435\u0441 \u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438\n                <tui-textfield\n                    tuiChevron\n                    [content]=\"addresses ? stringify(addresses) : selectLoading\"\n                >\n                    <input\n                        tuiSelect\n                        formControlName=\"addressId\"\n                        placeholder=\"\u0410\u0434\u0440\u0435\u0441 \u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438\"\n                    />\n                    <tui-data-list *tuiDropdown>\n                        @for (address of addresses; track address.id) {\n                            <button\n                                tuiOption\n                                [value]=\"address.id\"\n                            >\n                                {{ address.address }}\n                            </button>\n                        }\n                    </tui-data-list>\n                </tui-textfield>\n                @if (addresses && addresses.length === 0) {\n                    <tui-error error=\"\u0423 \u043A\u043E\u043D\u0442\u0440\u0430\u0433\u0435\u043D\u0442\u0430 \u043D\u0435\u0442 \u0430\u0434\u0440\u0435\u0441\u0430 \u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438\" />\n                }\n                <tui-error formControlName=\"addressId\" />\n            </label>\n            <a\n                tuiLink\n                iconStart=\"@tui.plus\"\n                (click)=\"addDeliveryAddress()\"\n                class=\"mt-2 block\"\n            >\n                \u041D\u043E\u0432\u044B\u0439\n            </a>\n        </div>\n    }\n\n    <!-- \u0414\u0430\u0442\u0430 \u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438/\u0441\u0430\u043C\u043E\u0432\u044B\u0432\u043E\u0437\u0430. -->\n    <label tuiLabel>\n        \u0416\u0435\u043B\u0430\u0435\u043C\u0430\u044F \u0434\u0430\u0442\u0430 {{ isDelivery() ? '\u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438' : '\u0441\u0430\u043C\u043E\u0432\u044B\u0432\u043E\u0437\u0430' }}\n        <tui-textfield [disabledItemHandler]=\"deliveryDateFilter\">\n            <input\n                tuiInputDate\n                formControlName=\"deliveryDate\"\n                [placeholder]=\"'\u0416\u0435\u043B\u0430\u0435\u043C\u0430\u044F \u0434\u0430\u0442\u0430 ' + (isDelivery() ? '\u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438' : '\u0441\u0430\u043C\u043E\u0432\u044B\u0432\u043E\u0437\u0430')\"\n            />\n            <tui-calendar *tuiDropdown />\n        </tui-textfield>\n        <tui-error formControlName=\"deliveryDate\" />\n    </label>\n\n    <!-- \u041A\u043E\u043C\u043C\u0435\u043D\u0442\u0430\u0440\u0438\u0439 \u043A\u043B\u0438\u0435\u043D\u0442\u0430. -->\n    <label tuiLabel>\n        \u041A\u043E\u043C\u043C\u0435\u043D\u0442\u0430\u0440\u0438\u0439 \u043A\u043B\u0438\u0435\u043D\u0442\u0430 \u043A \u0437\u0430\u043A\u0430\u0437\u0443\n        <tui-textfield>\n            <textarea\n                tuiTextarea\n                formControlName=\"comment\"\n                placeholder=\"\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u0442\u0435\u043A\u0441\u0442\"\n                [max]=\"15\"\n            ></textarea>\n        </tui-textfield>\n        <tui-error formControlName=\"comment\" />\n    </label>\n\n    <!-- \u041F\u0440\u0438\u043A\u0440\u0435\u043F\u043B\u0435\u043D\u0438\u0435 \u0444\u0430\u0439\u043B\u0430 \u043A \u0437\u0430\u043A\u0430\u0437\u0443. -->\n    <div>\n        @if (!controlFile.value) {\n            <label class=\"inline-block\">\n                <input\n                    accept=\"image/*\"\n                    tuiInputFiles\n                    [formControl]=\"controlFile\"\n                    class=\"sr-only\"\n                />\n                <button\n                    tuiButton\n                    type=\"button\"\n                    tabindex=\"-1\"\n                    appearance=\"secondary\"\n                    size=\"m\"\n                    iconStart=\"@tui.paperclip\"\n                    class=\"pointer-events-none\"\n                >\n                    \u041F\u0440\u0438\u043A\u0440\u0435\u043F\u0438\u0442\u044C \u0444\u0430\u0439\u043B\n                </button>\n            </label>\n        }\n\n        <tui-files class=\"tui-space_top-1\">\n            @if (controlFile.value | tuiFileRejected: { accept: 'image/*' } | async; as file) {\n                <tui-file\n                    state=\"error\"\n                    [file]=\"file\"\n                    (remove)=\"removeFile()\"\n                />\n            }\n\n            @for (file of accepted$ | async; track file.name) {\n                <tui-file\n                    [file]=\"file\"\n                    (remove)=\"removeFile()\"\n                />\n            }\n        </tui-files>\n\n        <tui-error\n            [order]=\"['maxLength']\"\n            [formControl]=\"controlFile\"\n        />\n        <p class=\"tui-form__field-note\">\u041D\u0430\u043F\u0440\u0438\u043C\u0435\u0440, \u0444\u043E\u0442\u043E\u0433\u0440\u0430\u0444\u0438\u044E \u043F\u043E\u0432\u0440\u0435\u0436\u0434\u0435\u043D\u0438\u0439 \u0438 \u0434\u0435\u0444\u0444\u0435\u043A\u0442\u043E\u0432, \u0447\u0442\u043E \u043F\u043E\u0441\u043B\u0443\u0436\u0438\u0442 \u0434\u043E\u043A\u0430\u0437\u0430\u0442\u0435\u043B\u044C\u0441\u0442\u0432\u043E\u043C \u043D\u0435\u0441\u043E\u043E\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0438\u044F \u0437\u0430\u044F\u0432\u043B\u0435\u043D\u043D\u043E\u0433\u043E \u043A\u0430\u0447\u0435\u0441\u0442\u0432\u0430 \u0442\u043E\u0432\u0430\u0440\u0430.</p>\n    </div>\n</form>\n", dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "component", type: TuiLoader, selector: "tui-loader", inputs: ["size", "inheritColor", "overlay", "textContent", "loading"] }, { kind: "directive", type: TuiLabel, selector: "label[tuiLabel]" }, { kind: "directive", type: TuiChevron, selector: "[tuiChevron]", inputs: ["tuiChevron"] }, { kind: "directive", type: i1$1.TuiSelectDirective, selector: "input[tuiSelect]" }, { kind: "component", type: i3$1.TuiTextfieldComponent, selector: "tui-textfield:not([multi])", inputs: ["content", "filler"] }, { kind: "directive", type: i3.TuiDropdownContent, selector: "ng-template[tuiDropdown]" }, { kind: "component", type: i2.TuiDataListComponent, selector: "tui-data-list", inputs: ["emptyContent", "size"] }, { kind: "directive", type: i2.TuiOption, selector: "button[tuiOption], a[tuiOption], label[tuiOption]", inputs: ["disabled"] }, { kind: "directive", type: i2.TuiOptionWithValue, selector: "button[tuiOption][value], a[tuiOption][value], label[tuiOption][value]", inputs: ["disabled", "value"] }, { kind: "component", type: i2.TuiErrorComponent, selector: "tui-error", inputs: ["error"] }, { kind: "directive", type: i2.TuiErrorDirective, selector: "tui-error[ngModel], tui-error[formControlName], tui-error[formControl], tui-error[formGroup], tui-error[formGroupName], tui-error[formArrayName], tui-error[formArray]", inputs: ["order"] }, { kind: "directive", type: TuiLink, selector: "a[tuiLink], button[tuiLink]" }, { kind: "directive", type: i1$1.TuiInputDateDirective, selector: "input[tuiInputDate]", inputs: ["max", "min"] }, { kind: "component", type: i6$1.TuiCalendar, selector: "tui-calendar", inputs: ["disabledItemHandler", "min", "max", "minViewedMonth", "maxViewedMonth", "showAdjacent", "markerHandler", "initialView", "month", "hoveredItem", "value"], outputs: ["monthChange", "hoveredItemChange", "valueChange", "dayClick"] }, { kind: "component", type: i1$1.TuiTextareaComponent, selector: "textarea[tuiTextarea]", inputs: ["min", "max", "content"] }, { kind: "component", type: i1$1.TuiFile, selector: "tui-file,a[tuiFile],button[tuiFile]", inputs: ["file", "state", "size", "showDelete", "showSize", "leftContent"], outputs: ["remove"] }, { kind: "component", type: i1$1.TuiFilesComponent, selector: "tui-files", inputs: ["max", "expanded"], outputs: ["expandedChange"] }, { kind: "directive", type: i1$1.TuiInputFilesDirective, selector: "input[tuiInputFiles]", outputs: ["reject"] }, { kind: "directive", type: ScFocusFirstInvalidFieldDirective, selector: "form[formGroup][scFocusFirstInvalidField]", inputs: ["fieldOrder"] }, { kind: "pipe", type: i1$1.TuiFileRejectedPipe, name: "tuiFileRejected" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.16", type: ScOrderFormComponent, isStandalone: true, selector: "sc-order-form", inputs: { directionId: { classPropertyName: "directionId", publicName: "directionId", isSignal: true, isRequired: true, transformFunction: null }, enforceApprovedContacts: { classPropertyName: "enforceApprovedContacts", publicName: "enforceApprovedContacts", isSignal: true, isRequired: false, transformFunction: null }, persistMetadata: { classPropertyName: "persistMetadata", publicName: "persistMetadata", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { orderSubmit: "orderSubmit" }, providers: [TERMINAL_PROVIDERS], viewQueries: [{ propertyName: "unconfirmedDataWarning", first: true, predicate: ["unconfirmedDataWarning"], descendants: true, isSignal: true }], ngImport: i0, template: "@let user = user$ | async;\n\n<form\n    [formGroup]=\"form\"\n    scFocusFirstInvalidField\n    [fieldOrder]=\"['contragentId', 'paymentType', 'deliveryType', 'warehouseId', 'addressId', 'deliveryDate', 'comment']\"\n    (ngSubmit)=\"submit()\"\n    class=\"flex flex-col gap-4\"\n>\n    <ng-template #selectLoading> <tui-loader /> </ng-template>\n\n    <!-- \u041A\u043E\u043D\u0442\u0440\u0430\u0433\u0435\u043D\u0442. -->\n    @if (contragents$ | async; as contragents) {\n        @if (contragents.length > 1 || user?.isOrg) {\n            <div>\n                <label tuiLabel>\n                    \u041A\u043E\u043D\u0442\u0440\u0430\u0433\u0435\u043D\u0442\n                    <tui-textfield\n                        tuiChevron\n                        [content]=\"contragents ? stringify(contragents) : selectLoading\"\n                    >\n                        <input\n                            tuiSelect\n                            formControlName=\"contragentId\"\n                            placeholder=\"\u041A\u043E\u043D\u0442\u0440\u0430\u0433\u0435\u043D\u0442\"\n                        />\n                        <tui-data-list *tuiDropdown>\n                            @for (contragent of contragents; track contragent.id) {\n                                <button\n                                    tuiOption\n                                    [value]=\"contragent.id\"\n                                >\n                                    {{ contragent.name }}\n                                </button>\n                            }\n                        </tui-data-list>\n                    </tui-textfield>\n                    <tui-error formControlName=\"contragentId\" />\n                </label>\n                <a\n                    tuiLink\n                    iconStart=\"@tui.plus\"\n                    (click)=\"addContragent()\"\n                    class=\"mt-2 block\"\n                >\n                    \u041D\u043E\u0432\u044B\u0439\n                </a>\n            </div>\n        }\n    }\n\n    <!-- \u0422\u0438\u043F \u043E\u043F\u043B\u0430\u0442\u044B. -->\n    <label tuiLabel>\n        \u0422\u0438\u043F \u043E\u043F\u043B\u0430\u0442\u044B\n        @let paymentTypes = paymentTypes$ | async;\n        <tui-textfield\n            tuiChevron\n            [content]=\"paymentTypes ? stringify(paymentTypes) : selectLoading\"\n        >\n            <input\n                tuiSelect\n                formControlName=\"paymentType\"\n                placeholder=\"\u0422\u0438\u043F \u043E\u043F\u043B\u0430\u0442\u044B\"\n            />\n            <tui-data-list *tuiDropdown>\n                @for (type of paymentTypes; track type.id) {\n                    <button\n                        tuiOption\n                        [value]=\"type.id\"\n                    >\n                        {{ type.name }}\n                    </button>\n                }\n            </tui-data-list>\n        </tui-textfield>\n        <tui-error formControlName=\"paymentType\" />\n        @if (isCashPaymentSelected()) {\n            <p class=\"text-xs text-tui-status-positive\">\u0417\u0430\u043A\u0430\u0437\u044B \u043F\u0440\u043E\u0438\u0437\u0432\u043E\u0434\u044F\u0442\u0441\u044F \u043F\u043E \u043F\u0440\u0435\u0434\u043E\u043F\u043B\u0430\u0442\u0435</p>\n        }\n    </label>\n\n    <!-- \u041F\u0440\u0435\u0434\u0443\u043F\u0440\u0435\u0436\u0434\u0435\u043D\u0438\u0435 \u043E \u043D\u0435\u043F\u043E\u0434\u0442\u0432\u0435\u0440\u0436\u0434\u0451\u043D\u043D\u044B\u0445 \u043A\u043E\u043D\u0442\u0430\u043A\u0442\u043D\u044B\u0445 \u0434\u0430\u043D\u043D\u044B\u0445. -->\n    @if (!isPhoneApproved() || !isEmailApproved()) {\n        <div\n            #unconfirmedDataWarning\n            class=\"text-tui-text-negative\"\n            [class.warning-shake]=\"warningShake()\"\n        >\n            \u0412\u043D\u0438\u043C\u0430\u043D\u0438\u0435! \u0414\u043B\u044F \u043E\u0444\u043E\u0440\u043C\u043B\u0435\u043D\u0438\u044F \u0437\u0430\u043A\u0430\u0437\u0430 \u043D\u0435\u043E\u0431\u0445\u043E\u0434\u0438\u043C\u043E \u043F\u043E\u0434\u0442\u0432\u0435\u0440\u0434\u0438\u0442\u044C\n            @if (!isPhoneApproved()) {\n                <span class=\"font-bold\"> \u043D\u043E\u043C\u0435\u0440 \u0442\u0435\u043B\u0435\u0444\u043E\u043D\u0430 </span>\n            }\n            @if (!isPhoneApproved() && !isEmailApproved()) {\n                <span> \u0438 </span>\n            }\n            @if (!isEmailApproved()) {\n                <span class=\"font-bold\"> \u0430\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B </span>\n            }\n            <a\n                tuiLink\n                routerLink=\"/profile\"\n            >\n                \u0432 \u0432\u0430\u0448\u0435\u043C \u043F\u0440\u043E\u0444\u0438\u043B\u0435\n            </a>\n        </div>\n    }\n\n    <!-- \u0421\u043F\u043E\u0441\u043E\u0431 \u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438. -->\n    <label tuiLabel>\n        \u0421\u043F\u043E\u0441\u043E\u0431 \u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438\n        @let deliveryTypes = deliveryTypes$ | async;\n        <tui-textfield\n            tuiChevron\n            [content]=\"deliveryTypes ? stringify(deliveryTypes) : selectLoading\"\n        >\n            <input\n                tuiSelect\n                formControlName=\"deliveryType\"\n                placeholder=\"\u0421\u043F\u043E\u0441\u043E\u0431 \u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438\"\n            />\n            <tui-data-list *tuiDropdown>\n                @for (delivery of deliveryTypes; track delivery.id) {\n                    <button\n                        tuiOption\n                        [value]=\"delivery.id\"\n                    >\n                        {{ delivery.name }}\n                    </button>\n                }\n            </tui-data-list>\n        </tui-textfield>\n        <tui-error formControlName=\"deliveryType\" />\n    </label>\n\n    <!-- \u0421\u043A\u043B\u0430\u0434. -->\n    <label tuiLabel>\n        \u0421\u043A\u043B\u0430\u0434\n        @let warehouses = warehouses$ | async;\n        <tui-textfield\n            tuiChevron\n            [content]=\"warehouses ? stringify(warehouses) : selectLoading\"\n        >\n            <input\n                tuiSelect\n                formControlName=\"warehouseId\"\n                placeholder=\"\u0421\u043A\u043B\u0430\u0434\"\n            />\n            <tui-data-list *tuiDropdown>\n                @if (!terminal.isRunningOnTerminal) {\n                    @for (warehouse of warehouses; track warehouse.id) {\n                        <button\n                            tuiOption\n                            [value]=\"warehouse.id\"\n                        >\n                            {{ warehouse.name }}\n                        </button>\n                    }\n                } @else {\n                    @if (warehouseService.getCatalogWarehouseChange$() | async; as terminalWarehouse) {\n                        <button\n                            tuiOption\n                            [value]=\"terminalWarehouse.id\"\n                        >\n                            {{ terminalWarehouse.name }}\n                        </button>\n                    }\n                }\n            </tui-data-list>\n        </tui-textfield>\n        <tui-error formControlName=\"warehouseId\" />\n    </label>\n\n    <!-- \u0410\u0434\u0440\u0435\u0441 \u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438. -->\n    @if (isDelivery()) {\n        @let addresses = addresses$ | async;\n        <div>\n            <label tuiLabel>\n                \u0410\u0434\u0440\u0435\u0441 \u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438\n                <tui-textfield\n                    tuiChevron\n                    [content]=\"addresses ? stringify(addresses) : selectLoading\"\n                >\n                    <input\n                        tuiSelect\n                        formControlName=\"addressId\"\n                        placeholder=\"\u0410\u0434\u0440\u0435\u0441 \u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438\"\n                    />\n                    <tui-data-list *tuiDropdown>\n                        @for (address of addresses; track address.id) {\n                            <button\n                                tuiOption\n                                [value]=\"address.id\"\n                            >\n                                {{ address.address }}\n                            </button>\n                        }\n                    </tui-data-list>\n                </tui-textfield>\n                @if (addresses && addresses.length === 0) {\n                    <tui-error error=\"\u0423 \u043A\u043E\u043D\u0442\u0440\u0430\u0433\u0435\u043D\u0442\u0430 \u043D\u0435\u0442 \u0430\u0434\u0440\u0435\u0441\u0430 \u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438\" />\n                }\n                <tui-error formControlName=\"addressId\" />\n            </label>\n            <a\n                tuiLink\n                iconStart=\"@tui.plus\"\n                (click)=\"addDeliveryAddress()\"\n                class=\"mt-2 block\"\n            >\n                \u041D\u043E\u0432\u044B\u0439\n            </a>\n        </div>\n    }\n\n    <!-- \u0414\u0430\u0442\u0430 \u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438/\u0441\u0430\u043C\u043E\u0432\u044B\u0432\u043E\u0437\u0430. -->\n    <label tuiLabel>\n        \u0416\u0435\u043B\u0430\u0435\u043C\u0430\u044F \u0434\u0430\u0442\u0430 {{ isDelivery() ? '\u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438' : '\u0441\u0430\u043C\u043E\u0432\u044B\u0432\u043E\u0437\u0430' }}\n        <tui-textfield [disabledItemHandler]=\"deliveryDateFilter\">\n            <input\n                tuiInputDate\n                formControlName=\"deliveryDate\"\n                [placeholder]=\"'\u0416\u0435\u043B\u0430\u0435\u043C\u0430\u044F \u0434\u0430\u0442\u0430 ' + (isDelivery() ? '\u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438' : '\u0441\u0430\u043C\u043E\u0432\u044B\u0432\u043E\u0437\u0430')\"\n            />\n            <tui-calendar *tuiDropdown />\n        </tui-textfield>\n        <tui-error formControlName=\"deliveryDate\" />\n    </label>\n\n    <!-- \u041A\u043E\u043C\u043C\u0435\u043D\u0442\u0430\u0440\u0438\u0439 \u043A\u043B\u0438\u0435\u043D\u0442\u0430. -->\n    <label tuiLabel>\n        \u041A\u043E\u043C\u043C\u0435\u043D\u0442\u0430\u0440\u0438\u0439 \u043A\u043B\u0438\u0435\u043D\u0442\u0430 \u043A \u0437\u0430\u043A\u0430\u0437\u0443\n        <tui-textfield>\n            <textarea\n                tuiTextarea\n                formControlName=\"comment\"\n                placeholder=\"\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u0442\u0435\u043A\u0441\u0442\"\n                [max]=\"15\"\n            ></textarea>\n        </tui-textfield>\n        <tui-error formControlName=\"comment\" />\n    </label>\n\n    <!-- \u041F\u0440\u0438\u043A\u0440\u0435\u043F\u043B\u0435\u043D\u0438\u0435 \u0444\u0430\u0439\u043B\u0430 \u043A \u0437\u0430\u043A\u0430\u0437\u0443. -->\n    <div>\n        @if (!controlFile.value) {\n            <label\n                tuiInputFiles\n                class=\"self-start !min-h-0 !p-0\"\n            >\n                <input\n                    accept=\"image/*\"\n                    tuiInputFiles\n                    [formControl]=\"controlFile\"\n                    class=\"opacity-0\"\n                />\n                <ng-template>\n                    <button\n                        tuiButton\n                        type=\"button\"\n                        tabindex=\"-1\"\n                        appearance=\"secondary\"\n                        size=\"m\"\n                        iconStart=\"@tui.paperclip\"\n                    >\n                        \u041F\u0440\u0438\u043A\u0440\u0435\u043F\u0438\u0442\u044C \u0444\u0430\u0439\u043B\n                    </button>\n                </ng-template>\n            </label>\n        }\n\n        <tui-files class=\"tui-space_top-1\">\n            @if (controlFile.value | tuiFileRejected: { accept: 'image/*' } | async; as file) {\n                <tui-file\n                    state=\"error\"\n                    [file]=\"file\"\n                    (remove)=\"removeFile()\"\n                />\n            }\n\n            @for (file of accepted$ | async; track file.name) {\n                <tui-file\n                    [file]=\"file\"\n                    (remove)=\"removeFile()\"\n                />\n            }\n        </tui-files>\n\n        <tui-error\n            [order]=\"['maxLength']\"\n            [formControl]=\"controlFile\"\n        />\n        <p class=\"tui-form__field-note\">\u041D\u0430\u043F\u0440\u0438\u043C\u0435\u0440, \u0444\u043E\u0442\u043E\u0433\u0440\u0430\u0444\u0438\u044E \u043F\u043E\u0432\u0440\u0435\u0436\u0434\u0435\u043D\u0438\u0439 \u0438 \u0434\u0435\u0444\u0444\u0435\u043A\u0442\u043E\u0432, \u0447\u0442\u043E \u043F\u043E\u0441\u043B\u0443\u0436\u0438\u0442 \u0434\u043E\u043A\u0430\u0437\u0430\u0442\u0435\u043B\u044C\u0441\u0442\u0432\u043E\u043C \u043D\u0435\u0441\u043E\u043E\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0438\u044F \u0437\u0430\u044F\u0432\u043B\u0435\u043D\u043D\u043E\u0433\u043E \u043A\u0430\u0447\u0435\u0441\u0442\u0432\u0430 \u0442\u043E\u0432\u0430\u0440\u0430.</p>\n    </div>\n</form>\n", dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "component", type: TuiLoader, selector: "tui-loader", inputs: ["size", "inheritColor", "overlay", "textContent", "loading"] }, { kind: "directive", type: TuiLabel, selector: "label[tuiLabel]" }, { kind: "directive", type: TuiChevron, selector: "[tuiChevron]", inputs: ["tuiChevron"] }, { kind: "directive", type: i1$1.TuiSelectDirective, selector: "input[tuiSelect]" }, { kind: "component", type: i3$1.TuiTextfieldComponent, selector: "tui-textfield:not([multi])", inputs: ["content", "filler"] }, { kind: "directive", type: i3.TuiDropdownContent, selector: "ng-template[tuiDropdown]" }, { kind: "component", type: i2.TuiDataListComponent, selector: "tui-data-list", inputs: ["emptyContent", "size"] }, { kind: "directive", type: i2.TuiOption, selector: "button[tuiOption], a[tuiOption], label[tuiOption]", inputs: ["disabled"] }, { kind: "directive", type: i2.TuiOptionWithValue, selector: "button[tuiOption][value], a[tuiOption][value], label[tuiOption][value]", inputs: ["disabled", "value"] }, { kind: "component", type: i2.TuiErrorComponent, selector: "tui-error", inputs: ["error"] }, { kind: "directive", type: i2.TuiErrorDirective, selector: "tui-error[ngModel], tui-error[formControlName], tui-error[formControl], tui-error[formGroup], tui-error[formGroupName], tui-error[formArrayName], tui-error[formArray]", inputs: ["order"] }, { kind: "directive", type: TuiLink, selector: "a[tuiLink], button[tuiLink]" }, { kind: "directive", type: i1$1.TuiInputDateDirective, selector: "input[tuiInputDate]", inputs: ["max", "min"] }, { kind: "component", type: i6$1.TuiCalendar, selector: "tui-calendar", inputs: ["disabledItemHandler", "min", "max", "minViewedMonth", "maxViewedMonth", "showAdjacent", "markerHandler", "initialView", "month", "hoveredItem", "value"], outputs: ["monthChange", "hoveredItemChange", "valueChange", "dayClick"] }, { kind: "component", type: i1$1.TuiTextareaComponent, selector: "textarea[tuiTextarea]", inputs: ["min", "max", "content"] }, { kind: "component", type: i1$1.TuiFile, selector: "tui-file,a[tuiFile],button[tuiFile]", inputs: ["file", "state", "size", "showDelete", "showSize", "leftContent"], outputs: ["remove"] }, { kind: "component", type: i1$1.TuiInputFiles, selector: "label[tuiInputFiles]", inputs: ["tuiInputFiles"] }, { kind: "component", type: i1$1.TuiFilesComponent, selector: "tui-files", inputs: ["max", "expanded"], outputs: ["expandedChange"] }, { kind: "directive", type: i1$1.TuiInputFilesDirective, selector: "input[tuiInputFiles]", outputs: ["reject"] }, { kind: "directive", type: ScFocusFirstInvalidFieldDirective, selector: "form[formGroup][scFocusFirstInvalidField]", inputs: ["fieldOrder"] }, { kind: "pipe", type: i1$1.TuiFileRejectedPipe, name: "tuiFileRejected" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: ScOrderFormComponent, decorators: [{
             type: Component,
@@ -8692,7 +8692,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImpo
                         ...TuiFiles,
                         AsyncPipe,
                         ScFocusFirstInvalidFieldDirective,
-                    ], providers: [TERMINAL_PROVIDERS], template: "@let user = user$ | async;\n\n<form\n    [formGroup]=\"form\"\n    scFocusFirstInvalidField\n    [fieldOrder]=\"['contragentId', 'paymentType', 'deliveryType', 'warehouseId', 'addressId', 'deliveryDate', 'comment']\"\n    (ngSubmit)=\"submit()\"\n    class=\"flex flex-col gap-4\"\n>\n    <ng-template #selectLoading> <tui-loader /> </ng-template>\n\n    <!-- \u041A\u043E\u043D\u0442\u0440\u0430\u0433\u0435\u043D\u0442. -->\n    @if (contragents$ | async; as contragents) {\n        @if (contragents.length > 1 || user?.isOrg) {\n            <div>\n                <label tuiLabel>\n                    \u041A\u043E\u043D\u0442\u0440\u0430\u0433\u0435\u043D\u0442\n                    <tui-textfield\n                        tuiChevron\n                        [content]=\"contragents ? stringify(contragents) : selectLoading\"\n                    >\n                        <input\n                            tuiSelect\n                            formControlName=\"contragentId\"\n                            placeholder=\"\u041A\u043E\u043D\u0442\u0440\u0430\u0433\u0435\u043D\u0442\"\n                        />\n                        <tui-data-list *tuiDropdown>\n                            @for (contragent of contragents; track contragent.id) {\n                                <button\n                                    tuiOption\n                                    [value]=\"contragent.id\"\n                                >\n                                    {{ contragent.name }}\n                                </button>\n                            }\n                        </tui-data-list>\n                    </tui-textfield>\n                    <tui-error formControlName=\"contragentId\" />\n                </label>\n                <a\n                    tuiLink\n                    iconStart=\"@tui.plus\"\n                    (click)=\"addContragent()\"\n                    class=\"mt-2 block\"\n                >\n                    \u041D\u043E\u0432\u044B\u0439\n                </a>\n            </div>\n        }\n    }\n\n    <!-- \u0422\u0438\u043F \u043E\u043F\u043B\u0430\u0442\u044B. -->\n    <label tuiLabel>\n        \u0422\u0438\u043F \u043E\u043F\u043B\u0430\u0442\u044B\n        @let paymentTypes = paymentTypes$ | async;\n        <tui-textfield\n            tuiChevron\n            [content]=\"paymentTypes ? stringify(paymentTypes) : selectLoading\"\n        >\n            <input\n                tuiSelect\n                formControlName=\"paymentType\"\n                placeholder=\"\u0422\u0438\u043F \u043E\u043F\u043B\u0430\u0442\u044B\"\n            />\n            <tui-data-list *tuiDropdown>\n                @for (type of paymentTypes; track type.id) {\n                    <button\n                        tuiOption\n                        [value]=\"type.id\"\n                    >\n                        {{ type.name }}\n                    </button>\n                }\n            </tui-data-list>\n        </tui-textfield>\n        <tui-error formControlName=\"paymentType\" />\n        @if (isCashPaymentSelected()) {\n            <p class=\"text-xs text-tui-status-positive\">\u0417\u0430\u043A\u0430\u0437\u044B \u043F\u0440\u043E\u0438\u0437\u0432\u043E\u0434\u044F\u0442\u0441\u044F \u043F\u043E \u043F\u0440\u0435\u0434\u043E\u043F\u043B\u0430\u0442\u0435</p>\n        }\n    </label>\n\n    <!-- \u041F\u0440\u0435\u0434\u0443\u043F\u0440\u0435\u0436\u0434\u0435\u043D\u0438\u0435 \u043E \u043D\u0435\u043F\u043E\u0434\u0442\u0432\u0435\u0440\u0436\u0434\u0451\u043D\u043D\u044B\u0445 \u043A\u043E\u043D\u0442\u0430\u043A\u0442\u043D\u044B\u0445 \u0434\u0430\u043D\u043D\u044B\u0445. -->\n    @if (!isPhoneApproved() || !isEmailApproved()) {\n        <div\n            #unconfirmedDataWarning\n            class=\"text-tui-text-negative\"\n            [class.warning-shake]=\"warningShake()\"\n        >\n            \u0412\u043D\u0438\u043C\u0430\u043D\u0438\u0435! \u0414\u043B\u044F \u043E\u0444\u043E\u0440\u043C\u043B\u0435\u043D\u0438\u044F \u0437\u0430\u043A\u0430\u0437\u0430 \u043D\u0435\u043E\u0431\u0445\u043E\u0434\u0438\u043C\u043E \u043F\u043E\u0434\u0442\u0432\u0435\u0440\u0434\u0438\u0442\u044C\n            @if (!isPhoneApproved()) {\n                <span class=\"font-bold\"> \u043D\u043E\u043C\u0435\u0440 \u0442\u0435\u043B\u0435\u0444\u043E\u043D\u0430 </span>\n            }\n            @if (!isPhoneApproved() && !isEmailApproved()) {\n                <span> \u0438 </span>\n            }\n            @if (!isEmailApproved()) {\n                <span class=\"font-bold\"> \u0430\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B </span>\n            }\n            <a\n                tuiLink\n                routerLink=\"/profile\"\n            >\n                \u0432 \u0432\u0430\u0448\u0435\u043C \u043F\u0440\u043E\u0444\u0438\u043B\u0435\n            </a>\n        </div>\n    }\n\n    <!-- \u0421\u043F\u043E\u0441\u043E\u0431 \u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438. -->\n    <label tuiLabel>\n        \u0421\u043F\u043E\u0441\u043E\u0431 \u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438\n        @let deliveryTypes = deliveryTypes$ | async;\n        <tui-textfield\n            tuiChevron\n            [content]=\"deliveryTypes ? stringify(deliveryTypes) : selectLoading\"\n        >\n            <input\n                tuiSelect\n                formControlName=\"deliveryType\"\n                placeholder=\"\u0421\u043F\u043E\u0441\u043E\u0431 \u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438\"\n            />\n            <tui-data-list *tuiDropdown>\n                @for (delivery of deliveryTypes; track delivery.id) {\n                    <button\n                        tuiOption\n                        [value]=\"delivery.id\"\n                    >\n                        {{ delivery.name }}\n                    </button>\n                }\n            </tui-data-list>\n        </tui-textfield>\n        <tui-error formControlName=\"deliveryType\" />\n    </label>\n\n    <!-- \u0421\u043A\u043B\u0430\u0434. -->\n    <label tuiLabel>\n        \u0421\u043A\u043B\u0430\u0434\n        @let warehouses = warehouses$ | async;\n        <tui-textfield\n            tuiChevron\n            [content]=\"warehouses ? stringify(warehouses) : selectLoading\"\n        >\n            <input\n                tuiSelect\n                formControlName=\"warehouseId\"\n                placeholder=\"\u0421\u043A\u043B\u0430\u0434\"\n            />\n            <tui-data-list *tuiDropdown>\n                @if (!terminal.isRunningOnTerminal) {\n                    @for (warehouse of warehouses; track warehouse.id) {\n                        <button\n                            tuiOption\n                            [value]=\"warehouse.id\"\n                        >\n                            {{ warehouse.name }}\n                        </button>\n                    }\n                } @else {\n                    @if (warehouseService.getCatalogWarehouseChange$() | async; as terminalWarehouse) {\n                        <button\n                            tuiOption\n                            [value]=\"terminalWarehouse.id\"\n                        >\n                            {{ terminalWarehouse.name }}\n                        </button>\n                    }\n                }\n            </tui-data-list>\n        </tui-textfield>\n        <tui-error formControlName=\"warehouseId\" />\n    </label>\n\n    <!-- \u0410\u0434\u0440\u0435\u0441 \u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438. -->\n    @if (isDelivery()) {\n        @let addresses = addresses$ | async;\n        <div>\n            <label tuiLabel>\n                \u0410\u0434\u0440\u0435\u0441 \u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438\n                <tui-textfield\n                    tuiChevron\n                    [content]=\"addresses ? stringify(addresses) : selectLoading\"\n                >\n                    <input\n                        tuiSelect\n                        formControlName=\"addressId\"\n                        placeholder=\"\u0410\u0434\u0440\u0435\u0441 \u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438\"\n                    />\n                    <tui-data-list *tuiDropdown>\n                        @for (address of addresses; track address.id) {\n                            <button\n                                tuiOption\n                                [value]=\"address.id\"\n                            >\n                                {{ address.address }}\n                            </button>\n                        }\n                    </tui-data-list>\n                </tui-textfield>\n                @if (addresses && addresses.length === 0) {\n                    <tui-error error=\"\u0423 \u043A\u043E\u043D\u0442\u0440\u0430\u0433\u0435\u043D\u0442\u0430 \u043D\u0435\u0442 \u0430\u0434\u0440\u0435\u0441\u0430 \u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438\" />\n                }\n                <tui-error formControlName=\"addressId\" />\n            </label>\n            <a\n                tuiLink\n                iconStart=\"@tui.plus\"\n                (click)=\"addDeliveryAddress()\"\n                class=\"mt-2 block\"\n            >\n                \u041D\u043E\u0432\u044B\u0439\n            </a>\n        </div>\n    }\n\n    <!-- \u0414\u0430\u0442\u0430 \u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438/\u0441\u0430\u043C\u043E\u0432\u044B\u0432\u043E\u0437\u0430. -->\n    <label tuiLabel>\n        \u0416\u0435\u043B\u0430\u0435\u043C\u0430\u044F \u0434\u0430\u0442\u0430 {{ isDelivery() ? '\u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438' : '\u0441\u0430\u043C\u043E\u0432\u044B\u0432\u043E\u0437\u0430' }}\n        <tui-textfield [disabledItemHandler]=\"deliveryDateFilter\">\n            <input\n                tuiInputDate\n                formControlName=\"deliveryDate\"\n                [placeholder]=\"'\u0416\u0435\u043B\u0430\u0435\u043C\u0430\u044F \u0434\u0430\u0442\u0430 ' + (isDelivery() ? '\u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438' : '\u0441\u0430\u043C\u043E\u0432\u044B\u0432\u043E\u0437\u0430')\"\n            />\n            <tui-calendar *tuiDropdown />\n        </tui-textfield>\n        <tui-error formControlName=\"deliveryDate\" />\n    </label>\n\n    <!-- \u041A\u043E\u043C\u043C\u0435\u043D\u0442\u0430\u0440\u0438\u0439 \u043A\u043B\u0438\u0435\u043D\u0442\u0430. -->\n    <label tuiLabel>\n        \u041A\u043E\u043C\u043C\u0435\u043D\u0442\u0430\u0440\u0438\u0439 \u043A\u043B\u0438\u0435\u043D\u0442\u0430 \u043A \u0437\u0430\u043A\u0430\u0437\u0443\n        <tui-textfield>\n            <textarea\n                tuiTextarea\n                formControlName=\"comment\"\n                placeholder=\"\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u0442\u0435\u043A\u0441\u0442\"\n                [max]=\"15\"\n            ></textarea>\n        </tui-textfield>\n        <tui-error formControlName=\"comment\" />\n    </label>\n\n    <!-- \u041F\u0440\u0438\u043A\u0440\u0435\u043F\u043B\u0435\u043D\u0438\u0435 \u0444\u0430\u0439\u043B\u0430 \u043A \u0437\u0430\u043A\u0430\u0437\u0443. -->\n    <div>\n        @if (!controlFile.value) {\n            <label class=\"inline-block\">\n                <input\n                    accept=\"image/*\"\n                    tuiInputFiles\n                    [formControl]=\"controlFile\"\n                    class=\"sr-only\"\n                />\n                <button\n                    tuiButton\n                    type=\"button\"\n                    tabindex=\"-1\"\n                    appearance=\"secondary\"\n                    size=\"m\"\n                    iconStart=\"@tui.paperclip\"\n                    class=\"pointer-events-none\"\n                >\n                    \u041F\u0440\u0438\u043A\u0440\u0435\u043F\u0438\u0442\u044C \u0444\u0430\u0439\u043B\n                </button>\n            </label>\n        }\n\n        <tui-files class=\"tui-space_top-1\">\n            @if (controlFile.value | tuiFileRejected: { accept: 'image/*' } | async; as file) {\n                <tui-file\n                    state=\"error\"\n                    [file]=\"file\"\n                    (remove)=\"removeFile()\"\n                />\n            }\n\n            @for (file of accepted$ | async; track file.name) {\n                <tui-file\n                    [file]=\"file\"\n                    (remove)=\"removeFile()\"\n                />\n            }\n        </tui-files>\n\n        <tui-error\n            [order]=\"['maxLength']\"\n            [formControl]=\"controlFile\"\n        />\n        <p class=\"tui-form__field-note\">\u041D\u0430\u043F\u0440\u0438\u043C\u0435\u0440, \u0444\u043E\u0442\u043E\u0433\u0440\u0430\u0444\u0438\u044E \u043F\u043E\u0432\u0440\u0435\u0436\u0434\u0435\u043D\u0438\u0439 \u0438 \u0434\u0435\u0444\u0444\u0435\u043A\u0442\u043E\u0432, \u0447\u0442\u043E \u043F\u043E\u0441\u043B\u0443\u0436\u0438\u0442 \u0434\u043E\u043A\u0430\u0437\u0430\u0442\u0435\u043B\u044C\u0441\u0442\u0432\u043E\u043C \u043D\u0435\u0441\u043E\u043E\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0438\u044F \u0437\u0430\u044F\u0432\u043B\u0435\u043D\u043D\u043E\u0433\u043E \u043A\u0430\u0447\u0435\u0441\u0442\u0432\u0430 \u0442\u043E\u0432\u0430\u0440\u0430.</p>\n    </div>\n</form>\n" }]
+                    ], providers: [TERMINAL_PROVIDERS], template: "@let user = user$ | async;\n\n<form\n    [formGroup]=\"form\"\n    scFocusFirstInvalidField\n    [fieldOrder]=\"['contragentId', 'paymentType', 'deliveryType', 'warehouseId', 'addressId', 'deliveryDate', 'comment']\"\n    (ngSubmit)=\"submit()\"\n    class=\"flex flex-col gap-4\"\n>\n    <ng-template #selectLoading> <tui-loader /> </ng-template>\n\n    <!-- \u041A\u043E\u043D\u0442\u0440\u0430\u0433\u0435\u043D\u0442. -->\n    @if (contragents$ | async; as contragents) {\n        @if (contragents.length > 1 || user?.isOrg) {\n            <div>\n                <label tuiLabel>\n                    \u041A\u043E\u043D\u0442\u0440\u0430\u0433\u0435\u043D\u0442\n                    <tui-textfield\n                        tuiChevron\n                        [content]=\"contragents ? stringify(contragents) : selectLoading\"\n                    >\n                        <input\n                            tuiSelect\n                            formControlName=\"contragentId\"\n                            placeholder=\"\u041A\u043E\u043D\u0442\u0440\u0430\u0433\u0435\u043D\u0442\"\n                        />\n                        <tui-data-list *tuiDropdown>\n                            @for (contragent of contragents; track contragent.id) {\n                                <button\n                                    tuiOption\n                                    [value]=\"contragent.id\"\n                                >\n                                    {{ contragent.name }}\n                                </button>\n                            }\n                        </tui-data-list>\n                    </tui-textfield>\n                    <tui-error formControlName=\"contragentId\" />\n                </label>\n                <a\n                    tuiLink\n                    iconStart=\"@tui.plus\"\n                    (click)=\"addContragent()\"\n                    class=\"mt-2 block\"\n                >\n                    \u041D\u043E\u0432\u044B\u0439\n                </a>\n            </div>\n        }\n    }\n\n    <!-- \u0422\u0438\u043F \u043E\u043F\u043B\u0430\u0442\u044B. -->\n    <label tuiLabel>\n        \u0422\u0438\u043F \u043E\u043F\u043B\u0430\u0442\u044B\n        @let paymentTypes = paymentTypes$ | async;\n        <tui-textfield\n            tuiChevron\n            [content]=\"paymentTypes ? stringify(paymentTypes) : selectLoading\"\n        >\n            <input\n                tuiSelect\n                formControlName=\"paymentType\"\n                placeholder=\"\u0422\u0438\u043F \u043E\u043F\u043B\u0430\u0442\u044B\"\n            />\n            <tui-data-list *tuiDropdown>\n                @for (type of paymentTypes; track type.id) {\n                    <button\n                        tuiOption\n                        [value]=\"type.id\"\n                    >\n                        {{ type.name }}\n                    </button>\n                }\n            </tui-data-list>\n        </tui-textfield>\n        <tui-error formControlName=\"paymentType\" />\n        @if (isCashPaymentSelected()) {\n            <p class=\"text-xs text-tui-status-positive\">\u0417\u0430\u043A\u0430\u0437\u044B \u043F\u0440\u043E\u0438\u0437\u0432\u043E\u0434\u044F\u0442\u0441\u044F \u043F\u043E \u043F\u0440\u0435\u0434\u043E\u043F\u043B\u0430\u0442\u0435</p>\n        }\n    </label>\n\n    <!-- \u041F\u0440\u0435\u0434\u0443\u043F\u0440\u0435\u0436\u0434\u0435\u043D\u0438\u0435 \u043E \u043D\u0435\u043F\u043E\u0434\u0442\u0432\u0435\u0440\u0436\u0434\u0451\u043D\u043D\u044B\u0445 \u043A\u043E\u043D\u0442\u0430\u043A\u0442\u043D\u044B\u0445 \u0434\u0430\u043D\u043D\u044B\u0445. -->\n    @if (!isPhoneApproved() || !isEmailApproved()) {\n        <div\n            #unconfirmedDataWarning\n            class=\"text-tui-text-negative\"\n            [class.warning-shake]=\"warningShake()\"\n        >\n            \u0412\u043D\u0438\u043C\u0430\u043D\u0438\u0435! \u0414\u043B\u044F \u043E\u0444\u043E\u0440\u043C\u043B\u0435\u043D\u0438\u044F \u0437\u0430\u043A\u0430\u0437\u0430 \u043D\u0435\u043E\u0431\u0445\u043E\u0434\u0438\u043C\u043E \u043F\u043E\u0434\u0442\u0432\u0435\u0440\u0434\u0438\u0442\u044C\n            @if (!isPhoneApproved()) {\n                <span class=\"font-bold\"> \u043D\u043E\u043C\u0435\u0440 \u0442\u0435\u043B\u0435\u0444\u043E\u043D\u0430 </span>\n            }\n            @if (!isPhoneApproved() && !isEmailApproved()) {\n                <span> \u0438 </span>\n            }\n            @if (!isEmailApproved()) {\n                <span class=\"font-bold\"> \u0430\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B </span>\n            }\n            <a\n                tuiLink\n                routerLink=\"/profile\"\n            >\n                \u0432 \u0432\u0430\u0448\u0435\u043C \u043F\u0440\u043E\u0444\u0438\u043B\u0435\n            </a>\n        </div>\n    }\n\n    <!-- \u0421\u043F\u043E\u0441\u043E\u0431 \u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438. -->\n    <label tuiLabel>\n        \u0421\u043F\u043E\u0441\u043E\u0431 \u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438\n        @let deliveryTypes = deliveryTypes$ | async;\n        <tui-textfield\n            tuiChevron\n            [content]=\"deliveryTypes ? stringify(deliveryTypes) : selectLoading\"\n        >\n            <input\n                tuiSelect\n                formControlName=\"deliveryType\"\n                placeholder=\"\u0421\u043F\u043E\u0441\u043E\u0431 \u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438\"\n            />\n            <tui-data-list *tuiDropdown>\n                @for (delivery of deliveryTypes; track delivery.id) {\n                    <button\n                        tuiOption\n                        [value]=\"delivery.id\"\n                    >\n                        {{ delivery.name }}\n                    </button>\n                }\n            </tui-data-list>\n        </tui-textfield>\n        <tui-error formControlName=\"deliveryType\" />\n    </label>\n\n    <!-- \u0421\u043A\u043B\u0430\u0434. -->\n    <label tuiLabel>\n        \u0421\u043A\u043B\u0430\u0434\n        @let warehouses = warehouses$ | async;\n        <tui-textfield\n            tuiChevron\n            [content]=\"warehouses ? stringify(warehouses) : selectLoading\"\n        >\n            <input\n                tuiSelect\n                formControlName=\"warehouseId\"\n                placeholder=\"\u0421\u043A\u043B\u0430\u0434\"\n            />\n            <tui-data-list *tuiDropdown>\n                @if (!terminal.isRunningOnTerminal) {\n                    @for (warehouse of warehouses; track warehouse.id) {\n                        <button\n                            tuiOption\n                            [value]=\"warehouse.id\"\n                        >\n                            {{ warehouse.name }}\n                        </button>\n                    }\n                } @else {\n                    @if (warehouseService.getCatalogWarehouseChange$() | async; as terminalWarehouse) {\n                        <button\n                            tuiOption\n                            [value]=\"terminalWarehouse.id\"\n                        >\n                            {{ terminalWarehouse.name }}\n                        </button>\n                    }\n                }\n            </tui-data-list>\n        </tui-textfield>\n        <tui-error formControlName=\"warehouseId\" />\n    </label>\n\n    <!-- \u0410\u0434\u0440\u0435\u0441 \u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438. -->\n    @if (isDelivery()) {\n        @let addresses = addresses$ | async;\n        <div>\n            <label tuiLabel>\n                \u0410\u0434\u0440\u0435\u0441 \u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438\n                <tui-textfield\n                    tuiChevron\n                    [content]=\"addresses ? stringify(addresses) : selectLoading\"\n                >\n                    <input\n                        tuiSelect\n                        formControlName=\"addressId\"\n                        placeholder=\"\u0410\u0434\u0440\u0435\u0441 \u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438\"\n                    />\n                    <tui-data-list *tuiDropdown>\n                        @for (address of addresses; track address.id) {\n                            <button\n                                tuiOption\n                                [value]=\"address.id\"\n                            >\n                                {{ address.address }}\n                            </button>\n                        }\n                    </tui-data-list>\n                </tui-textfield>\n                @if (addresses && addresses.length === 0) {\n                    <tui-error error=\"\u0423 \u043A\u043E\u043D\u0442\u0440\u0430\u0433\u0435\u043D\u0442\u0430 \u043D\u0435\u0442 \u0430\u0434\u0440\u0435\u0441\u0430 \u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438\" />\n                }\n                <tui-error formControlName=\"addressId\" />\n            </label>\n            <a\n                tuiLink\n                iconStart=\"@tui.plus\"\n                (click)=\"addDeliveryAddress()\"\n                class=\"mt-2 block\"\n            >\n                \u041D\u043E\u0432\u044B\u0439\n            </a>\n        </div>\n    }\n\n    <!-- \u0414\u0430\u0442\u0430 \u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438/\u0441\u0430\u043C\u043E\u0432\u044B\u0432\u043E\u0437\u0430. -->\n    <label tuiLabel>\n        \u0416\u0435\u043B\u0430\u0435\u043C\u0430\u044F \u0434\u0430\u0442\u0430 {{ isDelivery() ? '\u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438' : '\u0441\u0430\u043C\u043E\u0432\u044B\u0432\u043E\u0437\u0430' }}\n        <tui-textfield [disabledItemHandler]=\"deliveryDateFilter\">\n            <input\n                tuiInputDate\n                formControlName=\"deliveryDate\"\n                [placeholder]=\"'\u0416\u0435\u043B\u0430\u0435\u043C\u0430\u044F \u0434\u0430\u0442\u0430 ' + (isDelivery() ? '\u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438' : '\u0441\u0430\u043C\u043E\u0432\u044B\u0432\u043E\u0437\u0430')\"\n            />\n            <tui-calendar *tuiDropdown />\n        </tui-textfield>\n        <tui-error formControlName=\"deliveryDate\" />\n    </label>\n\n    <!-- \u041A\u043E\u043C\u043C\u0435\u043D\u0442\u0430\u0440\u0438\u0439 \u043A\u043B\u0438\u0435\u043D\u0442\u0430. -->\n    <label tuiLabel>\n        \u041A\u043E\u043C\u043C\u0435\u043D\u0442\u0430\u0440\u0438\u0439 \u043A\u043B\u0438\u0435\u043D\u0442\u0430 \u043A \u0437\u0430\u043A\u0430\u0437\u0443\n        <tui-textfield>\n            <textarea\n                tuiTextarea\n                formControlName=\"comment\"\n                placeholder=\"\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u0442\u0435\u043A\u0441\u0442\"\n                [max]=\"15\"\n            ></textarea>\n        </tui-textfield>\n        <tui-error formControlName=\"comment\" />\n    </label>\n\n    <!-- \u041F\u0440\u0438\u043A\u0440\u0435\u043F\u043B\u0435\u043D\u0438\u0435 \u0444\u0430\u0439\u043B\u0430 \u043A \u0437\u0430\u043A\u0430\u0437\u0443. -->\n    <div>\n        @if (!controlFile.value) {\n            <label\n                tuiInputFiles\n                class=\"self-start !min-h-0 !p-0\"\n            >\n                <input\n                    accept=\"image/*\"\n                    tuiInputFiles\n                    [formControl]=\"controlFile\"\n                    class=\"opacity-0\"\n                />\n                <ng-template>\n                    <button\n                        tuiButton\n                        type=\"button\"\n                        tabindex=\"-1\"\n                        appearance=\"secondary\"\n                        size=\"m\"\n                        iconStart=\"@tui.paperclip\"\n                    >\n                        \u041F\u0440\u0438\u043A\u0440\u0435\u043F\u0438\u0442\u044C \u0444\u0430\u0439\u043B\n                    </button>\n                </ng-template>\n            </label>\n        }\n\n        <tui-files class=\"tui-space_top-1\">\n            @if (controlFile.value | tuiFileRejected: { accept: 'image/*' } | async; as file) {\n                <tui-file\n                    state=\"error\"\n                    [file]=\"file\"\n                    (remove)=\"removeFile()\"\n                />\n            }\n\n            @for (file of accepted$ | async; track file.name) {\n                <tui-file\n                    [file]=\"file\"\n                    (remove)=\"removeFile()\"\n                />\n            }\n        </tui-files>\n\n        <tui-error\n            [order]=\"['maxLength']\"\n            [formControl]=\"controlFile\"\n        />\n        <p class=\"tui-form__field-note\">\u041D\u0430\u043F\u0440\u0438\u043C\u0435\u0440, \u0444\u043E\u0442\u043E\u0433\u0440\u0430\u0444\u0438\u044E \u043F\u043E\u0432\u0440\u0435\u0436\u0434\u0435\u043D\u0438\u0439 \u0438 \u0434\u0435\u0444\u0444\u0435\u043A\u0442\u043E\u0432, \u0447\u0442\u043E \u043F\u043E\u0441\u043B\u0443\u0436\u0438\u0442 \u0434\u043E\u043A\u0430\u0437\u0430\u0442\u0435\u043B\u044C\u0441\u0442\u0432\u043E\u043C \u043D\u0435\u0441\u043E\u043E\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0438\u044F \u0437\u0430\u044F\u0432\u043B\u0435\u043D\u043D\u043E\u0433\u043E \u043A\u0430\u0447\u0435\u0441\u0442\u0432\u0430 \u0442\u043E\u0432\u0430\u0440\u0430.</p>\n    </div>\n</form>\n" }]
         }], ctorParameters: () => [], propDecorators: { directionId: [{ type: i0.Input, args: [{ isSignal: true, alias: "directionId", required: true }] }], enforceApprovedContacts: [{ type: i0.Input, args: [{ isSignal: true, alias: "enforceApprovedContacts", required: false }] }], persistMetadata: [{ type: i0.Input, args: [{ isSignal: true, alias: "persistMetadata", required: false }] }], orderSubmit: [{ type: i0.Output, args: ["orderSubmit"] }], unconfirmedDataWarning: [{ type: i0.ViewChild, args: ['unconfirmedDataWarning', { isSignal: true }] }] } });
 
 /**
@@ -8909,10 +8909,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImpo
  * Наименование query-параметра идентификатора группы часто задаваемых вопросов.
  */
 const SC_FAQ_GROUP_QUERY_PARAM = 'group';
-/**
- * Наименование query-параметра номера страницы пагинации часто задаваемых вопросов.
- */
-const SC_FAQ_PAGE_QUERY_PARAM = 'page';
 
 /**
  * Компонент часто задаваемых вопросов.
@@ -8965,7 +8961,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImpo
  */
 const scGetFaqGroupQueryParams = (group) => ({
     [SC_FAQ_GROUP_QUERY_PARAM]: group.id ?? null,
-    [SC_FAQ_PAGE_QUERY_PARAM]: null,
+    [SC_PAGE_QUERY_PARAM]: null,
 });
 
 /**
@@ -9066,7 +9062,7 @@ class ScPaginationLinksComponent {
         /**
          * {@link InputSignal} наименования query-параметра, в котором хранится номер страницы.
          */
-        this.queryParam = input('page', ...(ngDevMode ? [{ debugName: "queryParam" }] : /* istanbul ignore next */ []));
+        this.queryParam = input(SC_PAGE_QUERY_PARAM, ...(ngDevMode ? [{ debugName: "queryParam" }] : /* istanbul ignore next */ []));
         /**
          * {@link InputSignal} количества страниц, отображаемых по обе стороны от текущей.
          */
@@ -9168,10 +9164,6 @@ class ScFrequentlyAskedQuestionsWithGroupsComponent {
          * Признак, что приложение запущено на сервере.
          */
         this.isServer = inject(IS_SERVER);
-        /**
-         * Индекс первой страницы.
-         */
-        this.firstPageIndex = 1;
         /**
          * Количество записей на странице пагинации.
          */
@@ -9183,7 +9175,7 @@ class ScFrequentlyAskedQuestionsWithGroupsComponent {
         /**
          * {@link Observable} изменения номера страницы пагинации из query-параметров.
          */
-        this.page$ = this.route.queryParamMap.pipe(map((params) => Number(params.get(SC_FAQ_PAGE_QUERY_PARAM)) || this.firstPageIndex), distinctUntilChanged());
+        this.page$ = scGetPageQueryParamChanges();
         /**
          * {@link Observable} изменения идентификатора выбранной группы.
          *
@@ -9237,7 +9229,7 @@ class ScFrequentlyAskedQuestionsWithGroupsComponent {
         /**
          * Наименование query-параметра номера страницы пагинации.
          */
-        this.pageQueryParam = SC_FAQ_PAGE_QUERY_PARAM;
+        this.pageQueryParam = SC_PAGE_QUERY_PARAM;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: ScFrequentlyAskedQuestionsWithGroupsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.16", type: ScFrequentlyAskedQuestionsWithGroupsComponent, isStandalone: true, selector: "sc-frequently-asked-questions-with-groups", outputs: { clickSendQuestion: "clickSendQuestion" }, host: { attributes: { "ngSkipHydration": "true" } }, ngImport: i0, template: "@let items = data$ | async;\n@let pageCount = pageCount$ | async;\n@let viewMode = viewMode$ | async;\n\n@if (viewMode) {\n    <div\n        class=\"flex gap-6\"\n        [class.flex-col]=\"viewMode === 'select'\"\n    >\n        <div class=\"flex flex-col gap-7\">\n            <sc-frequently-asked-questions-group-selector\n                [selectedGroupId]=\"groupId$ | async\"\n                [viewMode]=\"viewMode\"\n                class=\"shrink-0\"\n                [class.w-64]=\"viewMode !== 'select'\"\n            />\n            @if (viewMode === 'list') {\n                <button\n                    tuiButton\n                    size=\"m\"\n                    type=\"button\"\n                    iconStart=\"@tui.circle-help\"\n                    appearance=\"secondary\"\n                    (click)=\"clickSendQuestion.emit()\"\n                    class=\"self-center\"\n                >\n                    \u0417\u0430\u0434\u0430\u0442\u044C \u0432\u043E\u043F\u0440\u043E\u0441\n                </button>\n            }\n        </div>\n        <div class=\"grow\">\n            @if (items && items.length) {\n                <sc-frequently-asked-questions\n                    [items]=\"items\"\n                    [showLoading]=\"isLoading()\"\n                />\n                @if (pageCount && pageCount > 1) {\n                    <sc-pagination-links\n                        [length]=\"pageCount\"\n                        [index]=\"(currentPage$ | async) ?? 1\"\n                        [queryParam]=\"pageQueryParam\"\n                        class=\"mt-4\"\n                    />\n                }\n            } @else {\n                <p class=\"text-body-s-bold\">\u0421\u043F\u0438\u0441\u043E\u043A \u0432\u043E\u043F\u0440\u043E\u0441\u043E\u0432 \u043F\u0443\u0441\u0442</p>\n            }\n        </div>\n    </div>\n}\n", dependencies: [{ kind: "component", type: ScFrequentlyAskedQuestionsGroupSelectorComponent, selector: "sc-frequently-asked-questions-group-selector", inputs: ["selectedGroupId", "viewMode"] }, { kind: "directive", type: TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "component", type: ScFrequentlyAskedQuestionsComponent, selector: "sc-frequently-asked-questions", inputs: ["items", "showLoading"] }, { kind: "component", type: ScPaginationLinksComponent, selector: "sc-pagination-links", inputs: ["length", "index", "queryParam", "activePadding", "sidePadding"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
@@ -9247,6 +9239,83 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImpo
             args: [{ selector: 'sc-frequently-asked-questions-with-groups', imports: [AsyncPipe, ScFrequentlyAskedQuestionsGroupSelectorComponent, TuiButton, ScFrequentlyAskedQuestionsComponent, ScPaginationLinksComponent], host: { ngSkipHydration: 'true' }, changeDetection: ChangeDetectionStrategy.OnPush, template: "@let items = data$ | async;\n@let pageCount = pageCount$ | async;\n@let viewMode = viewMode$ | async;\n\n@if (viewMode) {\n    <div\n        class=\"flex gap-6\"\n        [class.flex-col]=\"viewMode === 'select'\"\n    >\n        <div class=\"flex flex-col gap-7\">\n            <sc-frequently-asked-questions-group-selector\n                [selectedGroupId]=\"groupId$ | async\"\n                [viewMode]=\"viewMode\"\n                class=\"shrink-0\"\n                [class.w-64]=\"viewMode !== 'select'\"\n            />\n            @if (viewMode === 'list') {\n                <button\n                    tuiButton\n                    size=\"m\"\n                    type=\"button\"\n                    iconStart=\"@tui.circle-help\"\n                    appearance=\"secondary\"\n                    (click)=\"clickSendQuestion.emit()\"\n                    class=\"self-center\"\n                >\n                    \u0417\u0430\u0434\u0430\u0442\u044C \u0432\u043E\u043F\u0440\u043E\u0441\n                </button>\n            }\n        </div>\n        <div class=\"grow\">\n            @if (items && items.length) {\n                <sc-frequently-asked-questions\n                    [items]=\"items\"\n                    [showLoading]=\"isLoading()\"\n                />\n                @if (pageCount && pageCount > 1) {\n                    <sc-pagination-links\n                        [length]=\"pageCount\"\n                        [index]=\"(currentPage$ | async) ?? 1\"\n                        [queryParam]=\"pageQueryParam\"\n                        class=\"mt-4\"\n                    />\n                }\n            } @else {\n                <p class=\"text-body-s-bold\">\u0421\u043F\u0438\u0441\u043E\u043A \u0432\u043E\u043F\u0440\u043E\u0441\u043E\u0432 \u043F\u0443\u0441\u0442</p>\n            }\n        </div>\n    </div>\n}\n" }]
         }], propDecorators: { clickSendQuestion: [{ type: i0.Output, args: ["clickSendQuestion"] }] } });
 
+/**
+ * Компонент списка новостей с пагинацией через query-параметр страницы.
+ *
+ * Ссылки пагинации корректно работают при SSR и позволяют поисковым роботам обходить страницы списка.
+ */
+class ScNewsListComponent {
+    /**
+     * Инициализирует экземпляр класса {@link ScNewsListComponent}.
+     */
+    constructor() {
+        /**
+         * Сервис для получения списка новостей.
+         */
+        this.newsService = inject(ScNewsService);
+        /**
+         * Сервис маршрутизации.
+         */
+        this.router = inject(Router);
+        /**
+         * {@link InputSignal} количества записей на странице пагинации.
+         */
+        this.perPage = input(16, ...(ngDevMode ? [{ debugName: "perPage" }] : /* istanbul ignore next */ []));
+        /**
+         * {@link Observable} изменения номера страницы пагинации из query-параметров.
+         */
+        this.page$ = scGetPageQueryParamChanges();
+        /**
+         * {@link Observable} запроса данных списка новостей.
+         */
+        this.request$ = combineLatest([
+            combineLatest({
+                page: this.page$,
+                perPage: toObservable(this.perPage),
+                paginate: of(true),
+            }),
+            inject(SC_USER_INFO$1),
+        ]).pipe(
+        // Нулевой debounceTime для случая, когда номер страницы и количество записей меняются одновременно.
+        debounceTime(0), switchMap(([value]) => this.newsService.getListOfNews$(value).pipe(startWith(null))), share());
+        /**
+         * {@link Observable} изменения количества страниц пагинации.
+         */
+        this.pagesLength$ = this.request$.pipe(filter(tuiIsPresent), map(({ meta }) => meta.lastPage), startWith(20));
+        /**
+         * {@link Observable} изменения номера страницы пагинации из данных пагинации запроса.
+         */
+        this.currentPage$ = this.request$.pipe(filter(tuiIsPresent), map(({ meta }) => meta.currentPage));
+        /**
+         * {@link Observable} изменения состояния загрузки данных.
+         */
+        this.loading$ = this.request$.pipe(map((value) => !value));
+        /**
+         * {@link Observable} изменения списка новостей страницы пагинации.
+         */
+        this.data$ = this.request$.pipe(filter(tuiIsPresent), map((data) => data.data), 
+        // eslint-disable-next-line unicorn/no-array-callback-reference
+        map((newsList) => newsList.filter(tuiIsPresent)), startWith(null));
+        /**
+         * Событие изменения списка новостей страницы пагинации.
+         */
+        this.dataChangeEvent = outputFromObservable(this.data$.pipe(filter(tuiIsPresent)));
+        inject(SC_USER_INFO$1)
+            .pipe(skip(1), takeUntilDestroyed())
+            .subscribe(() => {
+            // Смена данных пользователя сбрасывает пагинацию на первую страницу.
+            // eslint-disable-next-line no-void
+            void this.router.navigate([], { queryParams: { [SC_PAGE_QUERY_PARAM]: null }, queryParamsHandling: 'merge' });
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: ScNewsListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.16", type: ScNewsListComponent, isStandalone: true, selector: "sc-news-list", inputs: { perPage: { classPropertyName: "perPage", publicName: "perPage", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { dataChangeEvent: "dataChangeEvent" }, ngImport: i0, template: "@let newsList = data$ | async;\n<tui-loader\n    class=\"mb-4\"\n    [loading]=\"!!(loading$ | async) && !!newsList\"\n    [overlay]=\"true\"\n>\n    <div class=\"grid grid-cols-[repeat(auto-fill,minmax(17rem,1fr))] gap-8\">\n        @if (newsList) {\n            @for (news of newsList; track news.id) {\n                <sc-news-card\n                    [news]=\"news\"\n                    [href]=\"'/news/' + news.id\"\n                />\n            }\n        } @else {\n            @for (skeleton of [].constructor(perPage()); track $index) {\n                <sc-news-card-skeleton />\n            }\n        }\n    </div>\n</tui-loader>\n<tui-loader\n    [loading]=\"!!(loading$ | async)\"\n    [overlay]=\"true\"\n>\n    <sc-pagination-links\n        [index]=\"(currentPage$ | async) ?? 1\"\n        [length]=\"(pagesLength$ | async)!\"\n    />\n</tui-loader>\n", dependencies: [{ kind: "component", type: TuiLoader, selector: "tui-loader", inputs: ["size", "inheritColor", "overlay", "textContent", "loading"] }, { kind: "component", type: ScNewsCardComponent, selector: "sc-news-card", inputs: ["news", "href"] }, { kind: "component", type: ScNewsCardSkeletonComponent, selector: "sc-news-card-skeleton", inputs: ["hasImg"] }, { kind: "component", type: ScPaginationLinksComponent, selector: "sc-pagination-links", inputs: ["length", "index", "queryParam", "activePadding", "sidePadding"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: ScNewsListComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: 'sc-news-list', imports: [TuiLoader, ScNewsCardComponent, ScNewsCardSkeletonComponent, ScPaginationLinksComponent, AsyncPipe], changeDetection: ChangeDetectionStrategy.OnPush, template: "@let newsList = data$ | async;\n<tui-loader\n    class=\"mb-4\"\n    [loading]=\"!!(loading$ | async) && !!newsList\"\n    [overlay]=\"true\"\n>\n    <div class=\"grid grid-cols-[repeat(auto-fill,minmax(17rem,1fr))] gap-8\">\n        @if (newsList) {\n            @for (news of newsList; track news.id) {\n                <sc-news-card\n                    [news]=\"news\"\n                    [href]=\"'/news/' + news.id\"\n                />\n            }\n        } @else {\n            @for (skeleton of [].constructor(perPage()); track $index) {\n                <sc-news-card-skeleton />\n            }\n        }\n    </div>\n</tui-loader>\n<tui-loader\n    [loading]=\"!!(loading$ | async)\"\n    [overlay]=\"true\"\n>\n    <sc-pagination-links\n        [index]=\"(currentPage$ | async) ?? 1\"\n        [length]=\"(pagesLength$ | async)!\"\n    />\n</tui-loader>\n" }]
+        }], ctorParameters: () => [], propDecorators: { perPage: [{ type: i0.Input, args: [{ isSignal: true, alias: "perPage", required: false }] }], dataChangeEvent: [{ type: i0.Output, args: ["dataChangeEvent"] }] } });
+
 /**
  * Компонент политики обработки персональных данных пользователей сайта.
  */
@@ -9735,7 +9804,7 @@ class ScFeedbackFormComponent {
         return ScPhoneService.isValidPhoneNumberForMessenger(value);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: ScFeedbackFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.16", type: ScFeedbackFormComponent, isStandalone: true, selector: "sc-feedback-form", inputs: { slugInput: { classPropertyName: "slugInput", publicName: "slug", isSignal: true, isRequired: false, transformFunction: null }, fieldsInput: { classPropertyName: "fieldsInput", publicName: "fields", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { clickOffer: "clickOffer", sendSuccess: "sendSuccess" }, ngImport: i0, template: "@let fieldsList = fields();\n@if (fieldsList.length > 0) {\n    <form\n        [formGroup]=\"form\"\n        (ngSubmit)=\"onSubmit.next()\"\n        class=\"flex flex-col justify-between gap-4\"\n    >\n        <!-- \u0424\u0418\u041E -->\n        @if (fieldsList.includes('name')) {\n            <label tuiLabel>\n                \u0424\u0418\u041E\n                <tui-textfield>\n                    <input\n                        tuiInput\n                        formControlName=\"name\"\n                        placeholder=\"\u0423\u043A\u0430\u0436\u0438\u0442\u0435 \u0412\u0430\u0448\u0438 \u0424.\u0418.\u041E.\"\n                    />\n                </tui-textfield>\n                <tui-error formControlName=\"name\" />\n            </label>\n        }\n        <!-- \u0422\u0435\u043B\u0435\u0444\u043E\u043D -->\n        @if (fieldsList.includes('phone')) {\n            <label tuiLabel>\n                \u0422\u0435\u043B\u0435\u0444\u043E\u043D\n                <tui-textfield>\n                    <input\n                        formControlName=\"phone\"\n                        tuiInputPhoneInternational\n                        [countrySearch]=\"true\"\n                        [countries]=\"(countries | tuiSortCountries) || []\"\n                        autocomplete=\"phone\"\n                        placeholder=\"\u0422\u0435\u043B\u0435\u0444\u043E\u043D\"\n                    />\n                </tui-textfield>\n                <tui-error formControlName=\"phone\" />\n            </label>\n            @if (fieldsList.includes('isShouldUseMessenger') && form.controls.phone.value && isValidPhoneNumberForMessenger(form.controls.phone.value)) {\n                <label tuiLabel>\n                    <input\n                        formControlName=\"isShouldUseMessenger\"\n                        tuiCheckbox\n                        type=\"checkbox\"\n                    />\n                    <span tuiTitle> \u041D\u0430\u043F\u0438\u0441\u0430\u0442\u044C \u0432 \u043C\u0435\u0441\u0441\u0435\u043D\u0434\u0436\u0435\u0440\u0430\u0445, \u0430 \u043D\u0435 \u0437\u0432\u043E\u043D\u0438\u0442\u044C </span>\n                </label>\n            }\n        }\n        <!-- \u0410\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B -->\n        @if (fieldsList.includes('email')) {\n            <label tuiLabel>\n                \u0410\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B\n                <tui-textfield>\n                    <input\n                        tuiInput\n                        formControlName=\"email\"\n                        placeholder=\"\u0410\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B\"\n                    />\n                    <sc-suggestion-field\n                        *tuiDropdown\n                        [type]=\"suggestionType.email\"\n                    />\n                </tui-textfield>\n                <tui-error formControlName=\"email\" />\n            </label>\n        }\n        <!-- \u041A\u043E\u043C\u043C\u0435\u043D\u0442\u0430\u0440\u0438\u0439 -->\n        @if (fieldsList.includes('message')) {\n            <label tuiLabel>\n                \u041A\u043E\u043C\u043C\u0435\u043D\u0442\u0430\u0440\u0438\u0439\n                <tui-textfield>\n                    <textarea\n                        tuiTextarea\n                        formControlName=\"message\"\n                        [min]=\"3\"\n                        [max]=\"6\"\n                        placeholder=\"\u041A\u043E\u043C\u043C\u0435\u043D\u0442\u0430\u0440\u0438\u0439\"\n                    ></textarea>\n                </tui-textfield>\n                <tui-error formControlName=\"message\" />\n            </label>\n        }\n        <!-- \u0424\u0430\u0439\u043B\u044B -->\n        @if (fieldsList.includes('files')) {\n            <div class=\"flex flex-col gap-1\">\n                <label class=\"inline-block\">\n                    <input\n                        #validator=\"tuiInputFilesValidator\"\n                        accept=\".doc,.docx,.pdf,image/*\"\n                        tuiInputFiles\n                        [formControl]=\"loadedFile\"\n                        [multiple]=\"true\"\n                        (reject)=\"onReject($event)\"\n                        class=\"sr-only\"\n                    />\n                    <button\n                        tuiButton\n                        type=\"button\"\n                        tabindex=\"-1\"\n                        appearance=\"secondary\"\n                        size=\"m\"\n                        iconStart=\"@tui.paperclip\"\n                        class=\"pointer-events-none\"\n                    >\n                        \u041F\u0440\u0438\u043A\u0440\u0435\u043F\u0438\u0442\u044C \u0444\u0430\u0439\u043B\n                    </button>\n                </label>\n                @if (loadedFile.invalid) {\n                    <tui-error\n                        [order]=\"['maxLength']\"\n                        [formControl]=\"loadedFile\"\n                    />\n                }\n                @let accepted = accepted$ | async;\n                @if (accepted?.length || rejected.length) {\n                    <tui-files class=\"tui-space_top-1\">\n                        @for (file of accepted; track file) {\n                            <tui-file\n                                [file]=\"file\"\n                                (remove)=\"onRemove(file)\"\n                            />\n                        }\n                        @for (file of rejected; track file) {\n                            <tui-file\n                                state=\"error\"\n                                [file]=\"(file | tuiFileRejected: validator | async) || file\"\n                                (remove)=\"onRemove(file)\"\n                            />\n                        }\n                    </tui-files>\n                }\n            </div>\n        }\n        <!-- recaptcha -->\n        @if (form.get('recaptcha')) {\n            <div\n                class=\"mb-3 max-h-20 overflow-hidden duration-500\"\n                [ngClass]=\"{ '!max-h-0 !-m-2': form.get('recaptcha')?.valid }\"\n            >\n                <re-captcha formControlName=\"recaptcha\" />\n            </div>\n        }\n        <!-- \u042D\u043B\u0435\u043C\u0435\u043D\u0442\u044B \u0443\u043F\u0440\u0430\u0432\u043B\u0435\u043D\u0438\u044F  -->\n        <div class=\"flex flex-wrap items-center gap-3\">\n            <button\n                tuiButton\n                [disabled]=\"form.invalid\"\n                [loading]=\"!!(loading$ | async)\"\n                type=\"submit\"\n                iconStart=\"@tui.sc.send\"\n                class=\"self-center\"\n            >\n                \u041E\u0442\u043F\u0440\u0430\u0432\u0438\u0442\u044C\n            </button>\n            <div class=\"grow basis-60 text-body-s\">\n                \u041D\u0430\u0436\u0438\u043C\u0430\u044F \u043D\u0430 \u043A\u043D\u043E\u043F\u043A\u0443, \u0432\u044B \u0441\u043E\u0433\u043B\u0430\u0448\u0430\u0435\u0442\u0435\u0441\u044C \u0441\n                <button\n                    tuiLink\n                    [style.text-decoration-line]=\"'underline'\"\n                    type=\"button\"\n                    (click)=\"context?.data?.onClickOfferHandler(); clickOffer.emit()\"\n                >\n                    \u041F\u043E\u043B\u0438\u0442\u0438\u043A\u043E\u0439 \u043A\u043E\u043D\u0444\u0438\u0434\u0435\u043D\u0446\u0438\u0430\u043B\u044C\u043D\u043E\u0441\u0442\u0438\n                </button>\n            </div>\n        </div>\n    </form>\n}\n", dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i2.TuiErrorComponent, selector: "tui-error", inputs: ["error"] }, { kind: "directive", type: i2.TuiErrorDirective, selector: "tui-error[ngModel], tui-error[formControlName], tui-error[formControl], tui-error[formGroup], tui-error[formGroupName], tui-error[formArrayName], tui-error[formArray]", inputs: ["order"] }, { kind: "component", type: ScSuggestionFieldComponent, selector: "sc-suggestion-field", inputs: ["type"], outputs: ["selectedClick"] }, { kind: "directive", type: i2$3.TuiLabel, selector: "label[tuiLabel]" }, { kind: "component", type: i3$1.TuiTextfieldComponent, selector: "tui-textfield:not([multi])", inputs: ["content", "filler"] }, { kind: "directive", type: i3.TuiDropdownContent, selector: "ng-template[tuiDropdown]" }, { kind: "directive", type: i2.TuiInputDirective, selector: "input[tuiInput]", inputs: ["readOnly", "invalid", "focused", "state"] }, { kind: "directive", type: TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "component", type: TuiButtonLoading, selector: "[tuiButton][loading],[tuiIconButton][loading]", inputs: ["size", "loading"] }, { kind: "ngmodule", type: RecaptchaFormsModule }, { kind: "directive", type: i6$2.RecaptchaValueAccessorDirective, selector: "re-captcha[formControlName],re-captcha[formControl],re-captcha[ngModel]" }, { kind: "ngmodule", type: RecaptchaModule }, { kind: "component", type: i6$2.RecaptchaComponent, selector: "re-captcha", inputs: ["id", "siteKey", "theme", "type", "size", "tabIndex", "badge", "errorMode"], outputs: ["resolved", "error", "errored"], exportAs: ["reCaptcha"] }, { kind: "directive", type: TuiLink, selector: "a[tuiLink], button[tuiLink]" }, { kind: "component", type: i1$1.TuiTextareaComponent, selector: "textarea[tuiTextarea]", inputs: ["min", "max", "content"] }, { kind: "component", type: TuiCheckbox, selector: "input[type=\"checkbox\"][tuiCheckbox]" }, { kind: "directive", type: TuiTitle, selector: "[tuiTitle]", inputs: ["tuiTitle"] }, { kind: "component", type: i1$1.TuiFile, selector: "tui-file,a[tuiFile],button[tuiFile]", inputs: ["file", "state", "size", "showDelete", "showSize", "leftContent"], outputs: ["remove"] }, { kind: "component", type: i1$1.TuiFilesComponent, selector: "tui-files", inputs: ["max", "expanded"], outputs: ["expandedChange"] }, { kind: "directive", type: i1$1.TuiInputFilesDirective, selector: "input[tuiInputFiles]", outputs: ["reject"] }, { kind: "component", type: i1$1.TuiInputPhoneInternationalComponent, selector: "input[tuiInputPhoneInternational]", inputs: ["countrySearch", "countryIsoCode", "countries"], outputs: ["countryIsoCodeChange"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: i1$1.TuiFileRejectedPipe, name: "tuiFileRejected" }, { kind: "pipe", type: TuiSortCountriesPipe, name: "tuiSortCountries" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.16", type: ScFeedbackFormComponent, isStandalone: true, selector: "sc-feedback-form", inputs: { slugInput: { classPropertyName: "slugInput", publicName: "slug", isSignal: true, isRequired: false, transformFunction: null }, fieldsInput: { classPropertyName: "fieldsInput", publicName: "fields", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { clickOffer: "clickOffer", sendSuccess: "sendSuccess" }, ngImport: i0, template: "@let fieldsList = fields();\n@if (fieldsList.length > 0) {\n    <form\n        [formGroup]=\"form\"\n        (ngSubmit)=\"onSubmit.next()\"\n        class=\"flex flex-col justify-between gap-4\"\n    >\n        <!-- \u0424\u0418\u041E -->\n        @if (fieldsList.includes('name')) {\n            <label tuiLabel>\n                \u0424\u0418\u041E\n                <tui-textfield>\n                    <input\n                        tuiInput\n                        formControlName=\"name\"\n                        placeholder=\"\u0423\u043A\u0430\u0436\u0438\u0442\u0435 \u0412\u0430\u0448\u0438 \u0424.\u0418.\u041E.\"\n                    />\n                </tui-textfield>\n                <tui-error formControlName=\"name\" />\n            </label>\n        }\n        <!-- \u0422\u0435\u043B\u0435\u0444\u043E\u043D -->\n        @if (fieldsList.includes('phone')) {\n            <label tuiLabel>\n                \u0422\u0435\u043B\u0435\u0444\u043E\u043D\n                <tui-textfield>\n                    <input\n                        formControlName=\"phone\"\n                        tuiInputPhoneInternational\n                        [countrySearch]=\"true\"\n                        [countries]=\"(countries | tuiSortCountries) || []\"\n                        autocomplete=\"phone\"\n                        placeholder=\"\u0422\u0435\u043B\u0435\u0444\u043E\u043D\"\n                    />\n                </tui-textfield>\n                <tui-error formControlName=\"phone\" />\n            </label>\n            @if (fieldsList.includes('isShouldUseMessenger') && form.controls.phone.value && isValidPhoneNumberForMessenger(form.controls.phone.value)) {\n                <label tuiLabel>\n                    <input\n                        formControlName=\"isShouldUseMessenger\"\n                        tuiCheckbox\n                        type=\"checkbox\"\n                    />\n                    <span tuiTitle> \u041D\u0430\u043F\u0438\u0441\u0430\u0442\u044C \u0432 \u043C\u0435\u0441\u0441\u0435\u043D\u0434\u0436\u0435\u0440\u0430\u0445, \u0430 \u043D\u0435 \u0437\u0432\u043E\u043D\u0438\u0442\u044C </span>\n                </label>\n            }\n        }\n        <!-- \u0410\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B -->\n        @if (fieldsList.includes('email')) {\n            <label tuiLabel>\n                \u0410\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B\n                <tui-textfield>\n                    <input\n                        tuiInput\n                        formControlName=\"email\"\n                        placeholder=\"\u0410\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B\"\n                    />\n                    <sc-suggestion-field\n                        *tuiDropdown\n                        [type]=\"suggestionType.email\"\n                    />\n                </tui-textfield>\n                <tui-error formControlName=\"email\" />\n            </label>\n        }\n        <!-- \u041A\u043E\u043C\u043C\u0435\u043D\u0442\u0430\u0440\u0438\u0439 -->\n        @if (fieldsList.includes('message')) {\n            <label tuiLabel>\n                \u041A\u043E\u043C\u043C\u0435\u043D\u0442\u0430\u0440\u0438\u0439\n                <tui-textfield>\n                    <textarea\n                        tuiTextarea\n                        formControlName=\"message\"\n                        [min]=\"3\"\n                        [max]=\"6\"\n                        placeholder=\"\u041A\u043E\u043C\u043C\u0435\u043D\u0442\u0430\u0440\u0438\u0439\"\n                    ></textarea>\n                </tui-textfield>\n                <tui-error formControlName=\"message\" />\n            </label>\n        }\n        <!-- \u0424\u0430\u0439\u043B\u044B -->\n        @if (fieldsList.includes('files')) {\n            <div class=\"flex flex-col gap-1\">\n                <label\n                    tuiInputFiles\n                    class=\"self-start !min-h-0 !p-0\"\n                >\n                    <input\n                        #validator=\"tuiInputFilesValidator\"\n                        accept=\".doc,.docx,.pdf,image/*\"\n                        tuiInputFiles\n                        [formControl]=\"loadedFile\"\n                        [multiple]=\"true\"\n                        (reject)=\"onReject($event)\"\n                        class=\"opacity-0\"\n                    />\n                    <ng-template>\n                        <button\n                            tuiButton\n                            type=\"button\"\n                            tabindex=\"-1\"\n                            appearance=\"secondary\"\n                            size=\"m\"\n                            iconStart=\"@tui.paperclip\"\n                        >\n                            \u041F\u0440\u0438\u043A\u0440\u0435\u043F\u0438\u0442\u044C \u0444\u0430\u0439\u043B\n                        </button>\n                    </ng-template>\n                </label>\n                @if (loadedFile.invalid) {\n                    <tui-error\n                        [order]=\"['maxLength']\"\n                        [formControl]=\"loadedFile\"\n                    />\n                }\n                @let accepted = accepted$ | async;\n                @if (accepted?.length || rejected.length) {\n                    <tui-files class=\"tui-space_top-1\">\n                        @for (file of accepted; track file) {\n                            <tui-file\n                                [file]=\"file\"\n                                (remove)=\"onRemove(file)\"\n                            />\n                        }\n                        @for (file of rejected; track file) {\n                            <tui-file\n                                state=\"error\"\n                                [file]=\"(file | tuiFileRejected: validator | async) || file\"\n                                (remove)=\"onRemove(file)\"\n                            />\n                        }\n                    </tui-files>\n                }\n            </div>\n        }\n        <!-- recaptcha -->\n        @if (form.get('recaptcha')) {\n            <div\n                class=\"mb-3 max-h-20 overflow-hidden duration-500\"\n                [ngClass]=\"{ '!max-h-0 !-m-2': form.get('recaptcha')?.valid }\"\n            >\n                <re-captcha formControlName=\"recaptcha\" />\n            </div>\n        }\n        <!-- \u042D\u043B\u0435\u043C\u0435\u043D\u0442\u044B \u0443\u043F\u0440\u0430\u0432\u043B\u0435\u043D\u0438\u044F  -->\n        <div class=\"flex flex-wrap items-center gap-3\">\n            <button\n                tuiButton\n                [disabled]=\"form.invalid\"\n                [loading]=\"!!(loading$ | async)\"\n                type=\"submit\"\n                iconStart=\"@tui.sc.send\"\n                class=\"self-center\"\n            >\n                \u041E\u0442\u043F\u0440\u0430\u0432\u0438\u0442\u044C\n            </button>\n            <div class=\"grow basis-60 text-body-s\">\n                \u041D\u0430\u0436\u0438\u043C\u0430\u044F \u043D\u0430 \u043A\u043D\u043E\u043F\u043A\u0443, \u0432\u044B \u0441\u043E\u0433\u043B\u0430\u0448\u0430\u0435\u0442\u0435\u0441\u044C \u0441\n                <button\n                    tuiLink\n                    [style.text-decoration-line]=\"'underline'\"\n                    type=\"button\"\n                    (click)=\"context?.data?.onClickOfferHandler(); clickOffer.emit()\"\n                >\n                    \u041F\u043E\u043B\u0438\u0442\u0438\u043A\u043E\u0439 \u043A\u043E\u043D\u0444\u0438\u0434\u0435\u043D\u0446\u0438\u0430\u043B\u044C\u043D\u043E\u0441\u0442\u0438\n                </button>\n            </div>\n        </div>\n    </form>\n}\n", dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i2.TuiErrorComponent, selector: "tui-error", inputs: ["error"] }, { kind: "directive", type: i2.TuiErrorDirective, selector: "tui-error[ngModel], tui-error[formControlName], tui-error[formControl], tui-error[formGroup], tui-error[formGroupName], tui-error[formArrayName], tui-error[formArray]", inputs: ["order"] }, { kind: "component", type: ScSuggestionFieldComponent, selector: "sc-suggestion-field", inputs: ["type"], outputs: ["selectedClick"] }, { kind: "directive", type: i2$3.TuiLabel, selector: "label[tuiLabel]" }, { kind: "component", type: i3$1.TuiTextfieldComponent, selector: "tui-textfield:not([multi])", inputs: ["content", "filler"] }, { kind: "directive", type: i3.TuiDropdownContent, selector: "ng-template[tuiDropdown]" }, { kind: "directive", type: i2.TuiInputDirective, selector: "input[tuiInput]", inputs: ["readOnly", "invalid", "focused", "state"] }, { kind: "directive", type: TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "component", type: TuiButtonLoading, selector: "[tuiButton][loading],[tuiIconButton][loading]", inputs: ["size", "loading"] }, { kind: "ngmodule", type: RecaptchaFormsModule }, { kind: "directive", type: i6$2.RecaptchaValueAccessorDirective, selector: "re-captcha[formControlName],re-captcha[formControl],re-captcha[ngModel]" }, { kind: "ngmodule", type: RecaptchaModule }, { kind: "component", type: i6$2.RecaptchaComponent, selector: "re-captcha", inputs: ["id", "siteKey", "theme", "type", "size", "tabIndex", "badge", "errorMode"], outputs: ["resolved", "error", "errored"], exportAs: ["reCaptcha"] }, { kind: "directive", type: TuiLink, selector: "a[tuiLink], button[tuiLink]" }, { kind: "component", type: i1$1.TuiTextareaComponent, selector: "textarea[tuiTextarea]", inputs: ["min", "max", "content"] }, { kind: "component", type: TuiCheckbox, selector: "input[type=\"checkbox\"][tuiCheckbox]" }, { kind: "directive", type: TuiTitle, selector: "[tuiTitle]", inputs: ["tuiTitle"] }, { kind: "component", type: i1$1.TuiFile, selector: "tui-file,a[tuiFile],button[tuiFile]", inputs: ["file", "state", "size", "showDelete", "showSize", "leftContent"], outputs: ["remove"] }, { kind: "component", type: i1$1.TuiInputFiles, selector: "label[tuiInputFiles]", inputs: ["tuiInputFiles"] }, { kind: "component", type: i1$1.TuiFilesComponent, selector: "tui-files", inputs: ["max", "expanded"], outputs: ["expandedChange"] }, { kind: "directive", type: i1$1.TuiInputFilesDirective, selector: "input[tuiInputFiles]", outputs: ["reject"] }, { kind: "component", type: i1$1.TuiInputPhoneInternationalComponent, selector: "input[tuiInputPhoneInternational]", inputs: ["countrySearch", "countryIsoCode", "countries"], outputs: ["countryIsoCodeChange"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: i1$1.TuiFileRejectedPipe, name: "tuiFileRejected" }, { kind: "pipe", type: TuiSortCountriesPipe, name: "tuiSortCountries" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 __decorate([
     tuiPure
@@ -9763,7 +9832,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImpo
                         TuiInputPhoneInternational,
                         ...TuiInput,
                         TuiSortCountriesPipe,
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "@let fieldsList = fields();\n@if (fieldsList.length > 0) {\n    <form\n        [formGroup]=\"form\"\n        (ngSubmit)=\"onSubmit.next()\"\n        class=\"flex flex-col justify-between gap-4\"\n    >\n        <!-- \u0424\u0418\u041E -->\n        @if (fieldsList.includes('name')) {\n            <label tuiLabel>\n                \u0424\u0418\u041E\n                <tui-textfield>\n                    <input\n                        tuiInput\n                        formControlName=\"name\"\n                        placeholder=\"\u0423\u043A\u0430\u0436\u0438\u0442\u0435 \u0412\u0430\u0448\u0438 \u0424.\u0418.\u041E.\"\n                    />\n                </tui-textfield>\n                <tui-error formControlName=\"name\" />\n            </label>\n        }\n        <!-- \u0422\u0435\u043B\u0435\u0444\u043E\u043D -->\n        @if (fieldsList.includes('phone')) {\n            <label tuiLabel>\n                \u0422\u0435\u043B\u0435\u0444\u043E\u043D\n                <tui-textfield>\n                    <input\n                        formControlName=\"phone\"\n                        tuiInputPhoneInternational\n                        [countrySearch]=\"true\"\n                        [countries]=\"(countries | tuiSortCountries) || []\"\n                        autocomplete=\"phone\"\n                        placeholder=\"\u0422\u0435\u043B\u0435\u0444\u043E\u043D\"\n                    />\n                </tui-textfield>\n                <tui-error formControlName=\"phone\" />\n            </label>\n            @if (fieldsList.includes('isShouldUseMessenger') && form.controls.phone.value && isValidPhoneNumberForMessenger(form.controls.phone.value)) {\n                <label tuiLabel>\n                    <input\n                        formControlName=\"isShouldUseMessenger\"\n                        tuiCheckbox\n                        type=\"checkbox\"\n                    />\n                    <span tuiTitle> \u041D\u0430\u043F\u0438\u0441\u0430\u0442\u044C \u0432 \u043C\u0435\u0441\u0441\u0435\u043D\u0434\u0436\u0435\u0440\u0430\u0445, \u0430 \u043D\u0435 \u0437\u0432\u043E\u043D\u0438\u0442\u044C </span>\n                </label>\n            }\n        }\n        <!-- \u0410\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B -->\n        @if (fieldsList.includes('email')) {\n            <label tuiLabel>\n                \u0410\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B\n                <tui-textfield>\n                    <input\n                        tuiInput\n                        formControlName=\"email\"\n                        placeholder=\"\u0410\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B\"\n                    />\n                    <sc-suggestion-field\n                        *tuiDropdown\n                        [type]=\"suggestionType.email\"\n                    />\n                </tui-textfield>\n                <tui-error formControlName=\"email\" />\n            </label>\n        }\n        <!-- \u041A\u043E\u043C\u043C\u0435\u043D\u0442\u0430\u0440\u0438\u0439 -->\n        @if (fieldsList.includes('message')) {\n            <label tuiLabel>\n                \u041A\u043E\u043C\u043C\u0435\u043D\u0442\u0430\u0440\u0438\u0439\n                <tui-textfield>\n                    <textarea\n                        tuiTextarea\n                        formControlName=\"message\"\n                        [min]=\"3\"\n                        [max]=\"6\"\n                        placeholder=\"\u041A\u043E\u043C\u043C\u0435\u043D\u0442\u0430\u0440\u0438\u0439\"\n                    ></textarea>\n                </tui-textfield>\n                <tui-error formControlName=\"message\" />\n            </label>\n        }\n        <!-- \u0424\u0430\u0439\u043B\u044B -->\n        @if (fieldsList.includes('files')) {\n            <div class=\"flex flex-col gap-1\">\n                <label class=\"inline-block\">\n                    <input\n                        #validator=\"tuiInputFilesValidator\"\n                        accept=\".doc,.docx,.pdf,image/*\"\n                        tuiInputFiles\n                        [formControl]=\"loadedFile\"\n                        [multiple]=\"true\"\n                        (reject)=\"onReject($event)\"\n                        class=\"sr-only\"\n                    />\n                    <button\n                        tuiButton\n                        type=\"button\"\n                        tabindex=\"-1\"\n                        appearance=\"secondary\"\n                        size=\"m\"\n                        iconStart=\"@tui.paperclip\"\n                        class=\"pointer-events-none\"\n                    >\n                        \u041F\u0440\u0438\u043A\u0440\u0435\u043F\u0438\u0442\u044C \u0444\u0430\u0439\u043B\n                    </button>\n                </label>\n                @if (loadedFile.invalid) {\n                    <tui-error\n                        [order]=\"['maxLength']\"\n                        [formControl]=\"loadedFile\"\n                    />\n                }\n                @let accepted = accepted$ | async;\n                @if (accepted?.length || rejected.length) {\n                    <tui-files class=\"tui-space_top-1\">\n                        @for (file of accepted; track file) {\n                            <tui-file\n                                [file]=\"file\"\n                                (remove)=\"onRemove(file)\"\n                            />\n                        }\n                        @for (file of rejected; track file) {\n                            <tui-file\n                                state=\"error\"\n                                [file]=\"(file | tuiFileRejected: validator | async) || file\"\n                                (remove)=\"onRemove(file)\"\n                            />\n                        }\n                    </tui-files>\n                }\n            </div>\n        }\n        <!-- recaptcha -->\n        @if (form.get('recaptcha')) {\n            <div\n                class=\"mb-3 max-h-20 overflow-hidden duration-500\"\n                [ngClass]=\"{ '!max-h-0 !-m-2': form.get('recaptcha')?.valid }\"\n            >\n                <re-captcha formControlName=\"recaptcha\" />\n            </div>\n        }\n        <!-- \u042D\u043B\u0435\u043C\u0435\u043D\u0442\u044B \u0443\u043F\u0440\u0430\u0432\u043B\u0435\u043D\u0438\u044F  -->\n        <div class=\"flex flex-wrap items-center gap-3\">\n            <button\n                tuiButton\n                [disabled]=\"form.invalid\"\n                [loading]=\"!!(loading$ | async)\"\n                type=\"submit\"\n                iconStart=\"@tui.sc.send\"\n                class=\"self-center\"\n            >\n                \u041E\u0442\u043F\u0440\u0430\u0432\u0438\u0442\u044C\n            </button>\n            <div class=\"grow basis-60 text-body-s\">\n                \u041D\u0430\u0436\u0438\u043C\u0430\u044F \u043D\u0430 \u043A\u043D\u043E\u043F\u043A\u0443, \u0432\u044B \u0441\u043E\u0433\u043B\u0430\u0448\u0430\u0435\u0442\u0435\u0441\u044C \u0441\n                <button\n                    tuiLink\n                    [style.text-decoration-line]=\"'underline'\"\n                    type=\"button\"\n                    (click)=\"context?.data?.onClickOfferHandler(); clickOffer.emit()\"\n                >\n                    \u041F\u043E\u043B\u0438\u0442\u0438\u043A\u043E\u0439 \u043A\u043E\u043D\u0444\u0438\u0434\u0435\u043D\u0446\u0438\u0430\u043B\u044C\u043D\u043E\u0441\u0442\u0438\n                </button>\n            </div>\n        </div>\n    </form>\n}\n" }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "@let fieldsList = fields();\n@if (fieldsList.length > 0) {\n    <form\n        [formGroup]=\"form\"\n        (ngSubmit)=\"onSubmit.next()\"\n        class=\"flex flex-col justify-between gap-4\"\n    >\n        <!-- \u0424\u0418\u041E -->\n        @if (fieldsList.includes('name')) {\n            <label tuiLabel>\n                \u0424\u0418\u041E\n                <tui-textfield>\n                    <input\n                        tuiInput\n                        formControlName=\"name\"\n                        placeholder=\"\u0423\u043A\u0430\u0436\u0438\u0442\u0435 \u0412\u0430\u0448\u0438 \u0424.\u0418.\u041E.\"\n                    />\n                </tui-textfield>\n                <tui-error formControlName=\"name\" />\n            </label>\n        }\n        <!-- \u0422\u0435\u043B\u0435\u0444\u043E\u043D -->\n        @if (fieldsList.includes('phone')) {\n            <label tuiLabel>\n                \u0422\u0435\u043B\u0435\u0444\u043E\u043D\n                <tui-textfield>\n                    <input\n                        formControlName=\"phone\"\n                        tuiInputPhoneInternational\n                        [countrySearch]=\"true\"\n                        [countries]=\"(countries | tuiSortCountries) || []\"\n                        autocomplete=\"phone\"\n                        placeholder=\"\u0422\u0435\u043B\u0435\u0444\u043E\u043D\"\n                    />\n                </tui-textfield>\n                <tui-error formControlName=\"phone\" />\n            </label>\n            @if (fieldsList.includes('isShouldUseMessenger') && form.controls.phone.value && isValidPhoneNumberForMessenger(form.controls.phone.value)) {\n                <label tuiLabel>\n                    <input\n                        formControlName=\"isShouldUseMessenger\"\n                        tuiCheckbox\n                        type=\"checkbox\"\n                    />\n                    <span tuiTitle> \u041D\u0430\u043F\u0438\u0441\u0430\u0442\u044C \u0432 \u043C\u0435\u0441\u0441\u0435\u043D\u0434\u0436\u0435\u0440\u0430\u0445, \u0430 \u043D\u0435 \u0437\u0432\u043E\u043D\u0438\u0442\u044C </span>\n                </label>\n            }\n        }\n        <!-- \u0410\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B -->\n        @if (fieldsList.includes('email')) {\n            <label tuiLabel>\n                \u0410\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B\n                <tui-textfield>\n                    <input\n                        tuiInput\n                        formControlName=\"email\"\n                        placeholder=\"\u0410\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B\"\n                    />\n                    <sc-suggestion-field\n                        *tuiDropdown\n                        [type]=\"suggestionType.email\"\n                    />\n                </tui-textfield>\n                <tui-error formControlName=\"email\" />\n            </label>\n        }\n        <!-- \u041A\u043E\u043C\u043C\u0435\u043D\u0442\u0430\u0440\u0438\u0439 -->\n        @if (fieldsList.includes('message')) {\n            <label tuiLabel>\n                \u041A\u043E\u043C\u043C\u0435\u043D\u0442\u0430\u0440\u0438\u0439\n                <tui-textfield>\n                    <textarea\n                        tuiTextarea\n                        formControlName=\"message\"\n                        [min]=\"3\"\n                        [max]=\"6\"\n                        placeholder=\"\u041A\u043E\u043C\u043C\u0435\u043D\u0442\u0430\u0440\u0438\u0439\"\n                    ></textarea>\n                </tui-textfield>\n                <tui-error formControlName=\"message\" />\n            </label>\n        }\n        <!-- \u0424\u0430\u0439\u043B\u044B -->\n        @if (fieldsList.includes('files')) {\n            <div class=\"flex flex-col gap-1\">\n                <label\n                    tuiInputFiles\n                    class=\"self-start !min-h-0 !p-0\"\n                >\n                    <input\n                        #validator=\"tuiInputFilesValidator\"\n                        accept=\".doc,.docx,.pdf,image/*\"\n                        tuiInputFiles\n                        [formControl]=\"loadedFile\"\n                        [multiple]=\"true\"\n                        (reject)=\"onReject($event)\"\n                        class=\"opacity-0\"\n                    />\n                    <ng-template>\n                        <button\n                            tuiButton\n                            type=\"button\"\n                            tabindex=\"-1\"\n                            appearance=\"secondary\"\n                            size=\"m\"\n                            iconStart=\"@tui.paperclip\"\n                        >\n                            \u041F\u0440\u0438\u043A\u0440\u0435\u043F\u0438\u0442\u044C \u0444\u0430\u0439\u043B\n                        </button>\n                    </ng-template>\n                </label>\n                @if (loadedFile.invalid) {\n                    <tui-error\n                        [order]=\"['maxLength']\"\n                        [formControl]=\"loadedFile\"\n                    />\n                }\n                @let accepted = accepted$ | async;\n                @if (accepted?.length || rejected.length) {\n                    <tui-files class=\"tui-space_top-1\">\n                        @for (file of accepted; track file) {\n                            <tui-file\n                                [file]=\"file\"\n                                (remove)=\"onRemove(file)\"\n                            />\n                        }\n                        @for (file of rejected; track file) {\n                            <tui-file\n                                state=\"error\"\n                                [file]=\"(file | tuiFileRejected: validator | async) || file\"\n                                (remove)=\"onRemove(file)\"\n                            />\n                        }\n                    </tui-files>\n                }\n            </div>\n        }\n        <!-- recaptcha -->\n        @if (form.get('recaptcha')) {\n            <div\n                class=\"mb-3 max-h-20 overflow-hidden duration-500\"\n                [ngClass]=\"{ '!max-h-0 !-m-2': form.get('recaptcha')?.valid }\"\n            >\n                <re-captcha formControlName=\"recaptcha\" />\n            </div>\n        }\n        <!-- \u042D\u043B\u0435\u043C\u0435\u043D\u0442\u044B \u0443\u043F\u0440\u0430\u0432\u043B\u0435\u043D\u0438\u044F  -->\n        <div class=\"flex flex-wrap items-center gap-3\">\n            <button\n                tuiButton\n                [disabled]=\"form.invalid\"\n                [loading]=\"!!(loading$ | async)\"\n                type=\"submit\"\n                iconStart=\"@tui.sc.send\"\n                class=\"self-center\"\n            >\n                \u041E\u0442\u043F\u0440\u0430\u0432\u0438\u0442\u044C\n            </button>\n            <div class=\"grow basis-60 text-body-s\">\n                \u041D\u0430\u0436\u0438\u043C\u0430\u044F \u043D\u0430 \u043A\u043D\u043E\u043F\u043A\u0443, \u0432\u044B \u0441\u043E\u0433\u043B\u0430\u0448\u0430\u0435\u0442\u0435\u0441\u044C \u0441\n                <button\n                    tuiLink\n                    [style.text-decoration-line]=\"'underline'\"\n                    type=\"button\"\n                    (click)=\"context?.data?.onClickOfferHandler(); clickOffer.emit()\"\n                >\n                    \u041F\u043E\u043B\u0438\u0442\u0438\u043A\u043E\u0439 \u043A\u043E\u043D\u0444\u0438\u0434\u0435\u043D\u0446\u0438\u0430\u043B\u044C\u043D\u043E\u0441\u0442\u0438\n                </button>\n            </div>\n        </div>\n    </form>\n}\n" }]
         }], ctorParameters: () => [], propDecorators: { slugInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "slug", required: false }] }], fieldsInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "fields", required: false }] }], clickOffer: [{ type: i0.Output, args: ["clickOffer"] }], sendSuccess: [{ type: i0.Output, args: ["sendSuccess"] }], isValidPhoneNumberForMessenger: [] } });
 
 /**
@@ -10281,5 +10350,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { AbstractScPriceCard, AuthMethod, CURRENT_COUNTRY_ID, CostWithDiscountComponent, FilesAndDocumentsComponent, FinishDateTimeTransformerDirective, IDLE_ITEM_STATE, IS_DEFAULT_COUNTRY, MAX_FILES_IN_FORM_INPUT, SC_ALLOW_SELECT_TERMINATED, SC_BANNER_DURATION, SC_CATALOG_PRODUCTS_FILTERS, SC_CATALOG_SHOW_PRODUCTS_RECURSIVELY, SC_DATE_FORMATTER, SC_DEBOUNCE_TIME_DEFAULT, SC_DIALOG_SERVICE_TOKEN, SC_ERROR_CHANGE_HANDLER, SC_FAQ_GROUP_QUERY_PARAM, SC_FAQ_PAGE_QUERY_PARAM, SC_HELP_NOTIFICATION_CLOSE, SC_HELP_NOTIFICATION_LIMIT, SC_HIDDEN_PRINT_ELEMENTS, SC_MANAGER_QR_HANDLER, SC_NOTIFY_WHEN_IN_STOCK_REQUIRED_FIELDS, SC_ORDER_FORM_CONFIG, SC_ORDER_OPTIONS, SC_PAGE_SIZE_OPTIONS$1 as SC_PAGE_SIZE_OPTIONS, SC_SHOW_HELP_NOTIFICATION_IN_PHONE_INPUT, SC_USER_CITY_INFO, SC_USER_INFO, SC_USER_PROVIDERS, SC_VERIFICATION_CODE_TIMEOUT, ScAccordionComponent, ScAccordionContentDirective, ScAddContactDialogComponent, ScAddContragentBankAccountsDialogComponent, ScAddContragentDialogComponent, ScAddDeliveryAddressDialogComponent, ScAddOrEditingCartItemDialogComponent, ScAddOrEditingCartItemFormComponent, ScAddressesSelectionFieldComponent, ScBannerComponent, ScBrandsListComponent, ScCartAddProductsFromCsvDialogComponent, ScCatalogFilterCollapsibleComponent, ScCatalogFiltersComponent, ScCategoryCardComponent, ScContactsAccordionComponent, ScContragentsAccordionComponent, ScContragentsAccordionItemComponent, ScDeliveryAddressAccordionComponent, ScDeliveryAddressAccordionItemComponent, ScDownloadPriceListComponent, ScDraftComponent, ScEmailLinkDirective, ScErrorBlockStatusComponent, ScErrorHandlerComponent, ScFavoriteButtonComponent, ScFeedbackFormComponent, ScFocusFirstInvalidFieldDirective, ScFormatDatePipe, ScFrequentlyAskedQuestionsComponent, ScFrequentlyAskedQuestionsGroupSelectorComponent, ScFrequentlyAskedQuestionsWithGroupsComponent, ScGratitudeComponent, ScHelpNotificationService, ScHoverImageCarouselComponent, ScInputQuantityComponent, ScLinks, ScManagerCardComponent, ScManagerCardPushComponent, ScNewContactFormComponent, ScNewContragentBankAccountsFormComponent, ScNewContragentFormComponent, ScNewsCardComponent, ScNewsCardSkeletonComponent, ScNextInputFocusDirective, ScNoindexDirective, ScNoindexWrapperComponent, ScNotifyWhenInStockDialogComponent, ScOrderAccessorDirective, ScOrderDirectionItemsComponent, ScOrderFormComponent, ScOrderItemComponent, ScOrderItemsByDirection, ScOrderItemsListByDirectionsComponent, ScOrderItemsListByStockComponent, ScOrderItemsListComponent, ScPaginationLinksComponent, ScPaymentStatusComponent, ScPersonalDataProcessingPolicyComponent, ScPhoneFormatPipe, ScPreviewSampleComponent, ScPreviewSamplesMosquitoComponent, ScPriceCardComponent, ScPriceCardInlineComponent, ScPriceHistoryComponent, ScPriceListPaginationComponent, ScPriceWarehouseStockComponent, ScPrintDirective, ScPrintService, ScPrivacyPolicyComponent, ScProductInAllWarehousesPipe, ScProfileAccordionsContentComponent, ScPublicOfferComponent, ScQRCodeDialogComponent, ScResetUserPasswordComponent, ScResourcePreviewComponent, ScSandwichComponent, ScSandwichM2Component, ScSandwichM2SkeletonComponent, ScSandwichSkeletonComponent, ScSelectOnFocusinDirective, ScSeoTagsComponent, ScShareButtonComponent, ScSignInFormByEmailComponent, ScSignInFormByPhoneComponent, ScSignInFormComponent, ScSignUpFormComponent, ScSimpleSignUpFormComponent, ScSuggestionFieldComponent, ScTelLinkDirective, ScTerminalLinkDirective, ScUpdateUserInfoDialogComponent, ScUserManagersComponent, ScUserPhoneApproveDialogComponent, ScVerificationPhoneCheckFormComponent, TreeDirective, TreeIconService, TreeLoaderService, TreeTopDirective, cleanupRecaptchaArtifacts, phoneValidator, scAtLeastOneRequiredValidator, scBicValidator, scClientUiIconsName, scCorrespondentAccountValidator, scGetCurrentRoute, scGetFaqGroupQueryParams, scPasswordConfirmMatchingValidator, stepValidator, tuiDateValueTransformerDefaultProvider };
+export { AbstractScPriceCard, AuthMethod, CURRENT_COUNTRY_ID, CostWithDiscountComponent, FilesAndDocumentsComponent, FinishDateTimeTransformerDirective, IDLE_ITEM_STATE, IS_DEFAULT_COUNTRY, MAX_FILES_IN_FORM_INPUT, SC_ALLOW_SELECT_TERMINATED, SC_BANNER_DURATION, SC_CATALOG_PRODUCTS_FILTERS, SC_CATALOG_SHOW_PRODUCTS_RECURSIVELY, SC_DATE_FORMATTER, SC_DEBOUNCE_TIME_DEFAULT, SC_DIALOG_SERVICE_TOKEN, SC_ERROR_CHANGE_HANDLER, SC_FAQ_GROUP_QUERY_PARAM, SC_HELP_NOTIFICATION_CLOSE, SC_HELP_NOTIFICATION_LIMIT, SC_HIDDEN_PRINT_ELEMENTS, SC_MANAGER_QR_HANDLER, SC_NOTIFY_WHEN_IN_STOCK_REQUIRED_FIELDS, SC_ORDER_FORM_CONFIG, SC_ORDER_OPTIONS, SC_PAGE_SIZE_OPTIONS$1 as SC_PAGE_SIZE_OPTIONS, SC_SHOW_HELP_NOTIFICATION_IN_PHONE_INPUT, SC_USER_CITY_INFO, SC_USER_INFO, SC_USER_PROVIDERS, SC_VERIFICATION_CODE_TIMEOUT, ScAccordionComponent, ScAccordionContentDirective, ScAddContactDialogComponent, ScAddContragentBankAccountsDialogComponent, ScAddContragentDialogComponent, ScAddDeliveryAddressDialogComponent, ScAddOrEditingCartItemDialogComponent, ScAddOrEditingCartItemFormComponent, ScAddressesSelectionFieldComponent, ScBannerComponent, ScBrandsListComponent, ScCartAddProductsFromCsvDialogComponent, ScCatalogFilterCollapsibleComponent, ScCatalogFiltersComponent, ScCategoryCardComponent, ScContactsAccordionComponent, ScContragentsAccordionComponent, ScContragentsAccordionItemComponent, ScDeliveryAddressAccordionComponent, ScDeliveryAddressAccordionItemComponent, ScDownloadPriceListComponent, ScDraftComponent, ScEmailLinkDirective, ScErrorBlockStatusComponent, ScErrorHandlerComponent, ScFavoriteButtonComponent, ScFeedbackFormComponent, ScFocusFirstInvalidFieldDirective, ScFormatDatePipe, ScFrequentlyAskedQuestionsComponent, ScFrequentlyAskedQuestionsGroupSelectorComponent, ScFrequentlyAskedQuestionsWithGroupsComponent, ScGratitudeComponent, ScHelpNotificationService, ScHoverImageCarouselComponent, ScInputQuantityComponent, ScLinks, ScManagerCardComponent, ScManagerCardPushComponent, ScNewContactFormComponent, ScNewContragentBankAccountsFormComponent, ScNewContragentFormComponent, ScNewsCardComponent, ScNewsCardSkeletonComponent, ScNewsListComponent, ScNextInputFocusDirective, ScNoindexDirective, ScNoindexWrapperComponent, ScNotifyWhenInStockDialogComponent, ScOrderAccessorDirective, ScOrderDirectionItemsComponent, ScOrderFormComponent, ScOrderItemComponent, ScOrderItemsByDirection, ScOrderItemsListByDirectionsComponent, ScOrderItemsListByStockComponent, ScOrderItemsListComponent, ScPaginationLinksComponent, ScPaymentStatusComponent, ScPersonalDataProcessingPolicyComponent, ScPhoneFormatPipe, ScPreviewSampleComponent, ScPreviewSamplesMosquitoComponent, ScPriceCardComponent, ScPriceCardInlineComponent, ScPriceHistoryComponent, ScPriceListPaginationComponent, ScPriceWarehouseStockComponent, ScPrintDirective, ScPrintService, ScPrivacyPolicyComponent, ScProductInAllWarehousesPipe, ScProfileAccordionsContentComponent, ScPublicOfferComponent, ScQRCodeDialogComponent, ScResetUserPasswordComponent, ScResourcePreviewComponent, ScSandwichComponent, ScSandwichM2Component, ScSandwichM2SkeletonComponent, ScSandwichSkeletonComponent, ScSelectOnFocusinDirective, ScSeoTagsComponent, ScShareButtonComponent, ScSignInFormByEmailComponent, ScSignInFormByPhoneComponent, ScSignInFormComponent, ScSignUpFormComponent, ScSimpleSignUpFormComponent, ScSuggestionFieldComponent, ScTelLinkDirective, ScTerminalLinkDirective, ScUpdateUserInfoDialogComponent, ScUserManagersComponent, ScUserPhoneApproveDialogComponent, ScVerificationPhoneCheckFormComponent, TreeDirective, TreeIconService, TreeLoaderService, TreeTopDirective, cleanupRecaptchaArtifacts, phoneValidator, scAtLeastOneRequiredValidator, scBicValidator, scClientUiIconsName, scCorrespondentAccountValidator, scGetCurrentRoute, scGetFaqGroupQueryParams, scPasswordConfirmMatchingValidator, stepValidator, tuiDateValueTransformerDefaultProvider };
 //# sourceMappingURL=snabcentr-client-ui.mjs.map