@snabcentr/client-ui 5.7.4 → 5.9.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 { 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, ViewEncapsulation } 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, ScWarehouseService, SEARCH_TERM_PROVIDERS, ScPaginationService, SC_NEXT_PAGE_PAGINATION_CLICK, SC_PRODUCT_PAGINATION_OPTIONS, ScCatalogFilterService, ScIdOrSlugPipe, SC_CATEGORY_INFO, ScConfiguratorService, ScContragentService, ScDeliveryAddressService, SC_URLS, IS_SERVER, 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';
@@ -3763,76 +3763,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImpo
             args: [{ standalone: true, imports: [TuiButton], selector: 'sc-seo-tags', changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (tags(); as tagsData) {\n    <div class=\"flex flex-wrap gap-2\">\n        @for (tag of tagsData; track tag) {\n            @if (tag.url) {\n                <a\n                    tuiButton\n                    appearance=\"secondary\"\n                    [href]=\"tag.url\"\n                    target=\"_blank\"\n                    rel=\"noopener noreferrer\"\n                >\n                    {{ tag.label }}\n                </a>\n            } @else {\n                <button\n                    tuiButton\n                    appearance=\"neutral\"\n                    class=\"pointer-events-none\"\n                >\n                    {{ tag.label }}\n                </button>\n            }\n        }\n    </div>\n}\n" }]
         }], propDecorators: { seoResource: [{ type: i0.Input, args: [{ isSignal: true, alias: "seoResource", required: true }] }] } });
 
-/**
- * Директива для замены элемента на HTML-комментарий `<!-- noindex -->` или `<!-- /noindex -->` в runtime.
- * Применяется к элементам с атрибутом `data-noindex="true"` или `data-noindex="false"`.
- * Выполняется только в браузере, не выполняется на сервере (SSR).
- * Используется для SEO оптимизации (преимущественно в Yandex).
- */
-class ScNoindexDirective {
-    constructor() {
-        /**
-         * Ссылка на HTML элемент.
-         */
-        this.elementRef = inject(ElementRef);
-        /**
-         * Renderer для безопасной работы с DOM.
-         */
-        this.renderer = inject(Renderer2);
-        /**
-         * Признак, что приложение запущено на сервере.
-         */
-        this.isServer = inject(IS_SERVER);
-    }
-    /**
-     * Инициализация директивы - замена элемента на комментарий.
-     * Выполняется только в браузере.
-     */
-    ngOnInit() {
-        // Пропускаем выполнение на сервере (SSR).
-        if (this.isServer) {
-            return;
-        }
-        const element = this.elementRef.nativeElement;
-        const parent = element.parentNode;
-        if (!parent) {
-            return;
-        }
-        // Получаем значение атрибута data-noindex.
-        const noindexValue = element.dataset['noindex'];
-        // Определяем текст комментария в зависимости от значения атрибута и создаем комментарий.
-        // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
-        const comment = this.renderer.createComment(noindexValue === 'false' ? '/noindex' : 'noindex');
-        // Заменяем элемент на комментарий используя нативный DOM API для гарантированной замены.
-        // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
-        element.replaceWith(comment);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: ScNoindexDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.16", type: ScNoindexDirective, isStandalone: true, selector: "[data-noindex]", ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: ScNoindexDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    standalone: true,
-                    selector: '[data-noindex]',
-                }]
-        }] });
-
-/**
- * Компонент-обертка для автоматического добавления тегов noindex вокруг контента.
- * Автоматически добавляет открывающий `<!-- noindex -->` и закрывающий `<!-- /noindex -->` комментарии.
- */
-class ScNoindexWrapperComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: ScNoindexWrapperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.16", type: ScNoindexWrapperComponent, isStandalone: true, selector: "sc-noindex-wrapper", host: { styleAttribute: "display: contents" }, ngImport: i0, template: "<div\n    style=\"display: none\"\n    data-noindex=\"true\"\n></div>\n<ng-content />\n<div\n    style=\"display: none\"\n    data-noindex=\"false\"\n></div>\n", dependencies: [{ kind: "directive", type: ScNoindexDirective, selector: "[data-noindex]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: ScNoindexWrapperComponent, decorators: [{
-            type: Component,
-            args: [{ standalone: true, selector: 'sc-noindex-wrapper', imports: [ScNoindexDirective], host: {
-                        style: 'display: contents',
-                    }, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n    style=\"display: none\"\n    data-noindex=\"true\"\n></div>\n<ng-content />\n<div\n    style=\"display: none\"\n    data-noindex=\"false\"\n></div>\n" }]
-        }] });
-
 /**
  * Компонент центы товара с отображением скидки.
  */
@@ -3848,13 +3778,13 @@ class CostWithDiscountComponent {
         this.size = 'm';
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: CostWithDiscountComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.16", type: CostWithDiscountComponent, isStandalone: true, selector: "sc-cost-with-discount", inputs: { product: "product", size: "size" }, host: { properties: { "attr.data-size": "size" } }, ngImport: i0, template: "@if (warehouseSelect$ | async; as warehouseSelect) {\n    <div class=\"flex flex-wrap items-center gap-x-2 gap-y-1\">\n        <div class=\"flex flex-wrap items-center gap-x-2 gap-y-1\">\n            <span\n                [class.text-tui-text-02]=\"!product.isWarehouseStockExist(warehouseSelect.id)\"\n                class=\"cost\"\n            >\n                {{ product.costRubString }}\n            </span>\n\n            <sc-noindex-wrapper>\n                @if (product.discount; as discount) {\n                    <span\n                        tuiBadge\n                        size=\"m\"\n                        [style.background]=\"'var(--tui-status-positive)'\"\n                        [tuiHint]=\"discountHint\"\n                        [tuiHintShowDelay]=\"100\"\n                        tuiHintDirection=\"top\"\n                        class=\"text-body-xs\"\n                    >\n                        @if (product.discount; as discount) {\n                            <span\n                                tuiBadge\n                                size=\"s\"\n                                [style.background]=\"'var(--tui-background-base)'\"\n                                class=\"text-body-xs-bold text-tui-text-02\"\n                            >\n                                {{ discount.percent }}%\n                            </span>\n                        }\n                        @let expiredAt = product.discount.expiredAt | scFormatDate;\n                        <div class=\"flex gap-0.5\">\n                            <p class=\"flex line-through\">{{ product.discountCostString }}</p>\n                            @if (expiredAt) {\n                                <div>\u0434\u043E {{ expiredAt.substring(0, 5) }}</div>\n                            }\n                        </div>\n                        <ng-template #discountHint>\n                            <div class=\"font-bold\">{{ product.discount.name }}</div>\n                            @if (expiredAt) {\n                                <div>\u0414\u0430\u0442\u0430 \u043E\u043A\u043E\u043D\u0447\u0430\u043D\u0438\u044F: {{ expiredAt }}</div>\n                            }\n                        </ng-template>\n                    </span>\n                }\n            </sc-noindex-wrapper>\n        </div>\n\n        @if (!product.priceInRub) {\n            <span class=\"font-extrabold text-tui-text-02\">{{ product.costString }}</span>\n        }\n    </div>\n}\n", styles: [":host tui-badge{--t-padding: .25rem !important}:host[data-size=s]{font-size:.6875rem;line-height:1rem;font-weight:500}:host[data-size=s] .cost{font-size:.8125rem;line-height:1.25rem;font-weight:800}:host[data-size=m],:host[data-size=l]{font-size:.8125rem;line-height:1.25rem;font-weight:500}:host[data-size=m] .cost,:host[data-size=l] .cost{font-size:.9375rem;line-height:1.5rem;font-weight:800}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: TuiBadge, selector: "[tuiBadge],tui-icon[tuiBadge]", inputs: ["size"] }, { kind: "directive", type: i2.TuiHintDirective, selector: "[tuiHint]:not(ng-container):not(ng-template)", inputs: ["tuiHint", "tuiHintContext", "tuiHintAppearance"], outputs: ["tuiHintVisible"] }, { kind: "component", type: ScNoindexWrapperComponent, selector: "sc-noindex-wrapper" }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "pipe", type: ScFormatDatePipe, name: "scFormatDate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.16", type: CostWithDiscountComponent, isStandalone: true, selector: "sc-cost-with-discount", inputs: { product: "product", size: "size" }, host: { properties: { "attr.data-size": "size" } }, ngImport: i0, template: "@if (warehouseSelect$ | async; as warehouseSelect) {\n    <div class=\"flex flex-wrap items-center gap-x-2 gap-y-1\">\n        <div class=\"flex flex-wrap items-center gap-x-2 gap-y-1\">\n            <span\n                [class.text-tui-text-02]=\"!product.isWarehouseStockExist(warehouseSelect.id)\"\n                class=\"cost\"\n            >\n                {{ product.costRubString }}\n            </span>\n\n            @if (product.discount; as discount) {\n                <span\n                    tuiBadge\n                    size=\"m\"\n                    [style.background]=\"'var(--tui-status-positive)'\"\n                    [tuiHint]=\"discountHint\"\n                    [tuiHintShowDelay]=\"100\"\n                    tuiHintDirection=\"top\"\n                    class=\"text-body-xs\"\n                >\n                    @if (product.discount; as discount) {\n                        <span\n                            tuiBadge\n                            size=\"s\"\n                            [style.background]=\"'var(--tui-background-base)'\"\n                            class=\"text-body-xs-bold text-tui-text-02\"\n                        >\n                            {{ discount.percent }}%\n                        </span>\n                    }\n                    @let expiredAt = product.discount.expiredAt | scFormatDate;\n                    <div class=\"flex gap-0.5\">\n                        <p class=\"flex line-through\">{{ product.discountCostString }}</p>\n                        @if (expiredAt) {\n                            <div>\u0434\u043E {{ expiredAt.substring(0, 5) }}</div>\n                        }\n                    </div>\n                    <ng-template #discountHint>\n                        <div class=\"font-bold\">{{ product.discount.name }}</div>\n                        @if (expiredAt) {\n                            <div>\u0414\u0430\u0442\u0430 \u043E\u043A\u043E\u043D\u0447\u0430\u043D\u0438\u044F: {{ expiredAt }}</div>\n                        }\n                    </ng-template>\n                </span>\n            }\n        </div>\n\n        @if (!product.priceInRub) {\n            <span class=\"font-extrabold text-tui-text-02\">{{ product.costString }}</span>\n        }\n    </div>\n}\n", styles: [":host tui-badge{--t-padding: .25rem !important}:host[data-size=s]{font-size:.6875rem;line-height:1rem;font-weight:500}:host[data-size=s] .cost{font-size:.8125rem;line-height:1.25rem;font-weight:800}:host[data-size=m],:host[data-size=l]{font-size:.8125rem;line-height:1.25rem;font-weight:500}:host[data-size=m] .cost,:host[data-size=l] .cost{font-size:.9375rem;line-height:1.5rem;font-weight:800}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: TuiBadge, selector: "[tuiBadge],tui-icon[tuiBadge]", inputs: ["size"] }, { kind: "directive", type: i2.TuiHintDirective, selector: "[tuiHint]:not(ng-container):not(ng-template)", inputs: ["tuiHint", "tuiHintContext", "tuiHintAppearance"], outputs: ["tuiHintVisible"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "pipe", type: ScFormatDatePipe, name: "scFormatDate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: CostWithDiscountComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sc-cost-with-discount', imports: [CommonModule, TuiBadge, ...TuiHint, ScFormatDatePipe, ScNoindexWrapperComponent], changeDetection: ChangeDetectionStrategy.OnPush, host: {
+            args: [{ selector: 'sc-cost-with-discount', imports: [CommonModule, TuiBadge, ...TuiHint, ScFormatDatePipe], changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         '[attr.data-size]': 'size',
-                    }, template: "@if (warehouseSelect$ | async; as warehouseSelect) {\n    <div class=\"flex flex-wrap items-center gap-x-2 gap-y-1\">\n        <div class=\"flex flex-wrap items-center gap-x-2 gap-y-1\">\n            <span\n                [class.text-tui-text-02]=\"!product.isWarehouseStockExist(warehouseSelect.id)\"\n                class=\"cost\"\n            >\n                {{ product.costRubString }}\n            </span>\n\n            <sc-noindex-wrapper>\n                @if (product.discount; as discount) {\n                    <span\n                        tuiBadge\n                        size=\"m\"\n                        [style.background]=\"'var(--tui-status-positive)'\"\n                        [tuiHint]=\"discountHint\"\n                        [tuiHintShowDelay]=\"100\"\n                        tuiHintDirection=\"top\"\n                        class=\"text-body-xs\"\n                    >\n                        @if (product.discount; as discount) {\n                            <span\n                                tuiBadge\n                                size=\"s\"\n                                [style.background]=\"'var(--tui-background-base)'\"\n                                class=\"text-body-xs-bold text-tui-text-02\"\n                            >\n                                {{ discount.percent }}%\n                            </span>\n                        }\n                        @let expiredAt = product.discount.expiredAt | scFormatDate;\n                        <div class=\"flex gap-0.5\">\n                            <p class=\"flex line-through\">{{ product.discountCostString }}</p>\n                            @if (expiredAt) {\n                                <div>\u0434\u043E {{ expiredAt.substring(0, 5) }}</div>\n                            }\n                        </div>\n                        <ng-template #discountHint>\n                            <div class=\"font-bold\">{{ product.discount.name }}</div>\n                            @if (expiredAt) {\n                                <div>\u0414\u0430\u0442\u0430 \u043E\u043A\u043E\u043D\u0447\u0430\u043D\u0438\u044F: {{ expiredAt }}</div>\n                            }\n                        </ng-template>\n                    </span>\n                }\n            </sc-noindex-wrapper>\n        </div>\n\n        @if (!product.priceInRub) {\n            <span class=\"font-extrabold text-tui-text-02\">{{ product.costString }}</span>\n        }\n    </div>\n}\n", styles: [":host tui-badge{--t-padding: .25rem !important}:host[data-size=s]{font-size:.6875rem;line-height:1rem;font-weight:500}:host[data-size=s] .cost{font-size:.8125rem;line-height:1.25rem;font-weight:800}:host[data-size=m],:host[data-size=l]{font-size:.8125rem;line-height:1.25rem;font-weight:500}:host[data-size=m] .cost,:host[data-size=l] .cost{font-size:.9375rem;line-height:1.5rem;font-weight:800}\n"] }]
+                    }, template: "@if (warehouseSelect$ | async; as warehouseSelect) {\n    <div class=\"flex flex-wrap items-center gap-x-2 gap-y-1\">\n        <div class=\"flex flex-wrap items-center gap-x-2 gap-y-1\">\n            <span\n                [class.text-tui-text-02]=\"!product.isWarehouseStockExist(warehouseSelect.id)\"\n                class=\"cost\"\n            >\n                {{ product.costRubString }}\n            </span>\n\n            @if (product.discount; as discount) {\n                <span\n                    tuiBadge\n                    size=\"m\"\n                    [style.background]=\"'var(--tui-status-positive)'\"\n                    [tuiHint]=\"discountHint\"\n                    [tuiHintShowDelay]=\"100\"\n                    tuiHintDirection=\"top\"\n                    class=\"text-body-xs\"\n                >\n                    @if (product.discount; as discount) {\n                        <span\n                            tuiBadge\n                            size=\"s\"\n                            [style.background]=\"'var(--tui-background-base)'\"\n                            class=\"text-body-xs-bold text-tui-text-02\"\n                        >\n                            {{ discount.percent }}%\n                        </span>\n                    }\n                    @let expiredAt = product.discount.expiredAt | scFormatDate;\n                    <div class=\"flex gap-0.5\">\n                        <p class=\"flex line-through\">{{ product.discountCostString }}</p>\n                        @if (expiredAt) {\n                            <div>\u0434\u043E {{ expiredAt.substring(0, 5) }}</div>\n                        }\n                    </div>\n                    <ng-template #discountHint>\n                        <div class=\"font-bold\">{{ product.discount.name }}</div>\n                        @if (expiredAt) {\n                            <div>\u0414\u0430\u0442\u0430 \u043E\u043A\u043E\u043D\u0447\u0430\u043D\u0438\u044F: {{ expiredAt }}</div>\n                        }\n                    </ng-template>\n                </span>\n            }\n        </div>\n\n        @if (!product.priceInRub) {\n            <span class=\"font-extrabold text-tui-text-02\">{{ product.costString }}</span>\n        }\n    </div>\n}\n", styles: [":host tui-badge{--t-padding: .25rem !important}:host[data-size=s]{font-size:.6875rem;line-height:1rem;font-weight:500}:host[data-size=s] .cost{font-size:.8125rem;line-height:1.25rem;font-weight:800}:host[data-size=m],:host[data-size=l]{font-size:.8125rem;line-height:1.25rem;font-weight:500}:host[data-size=m] .cost,:host[data-size=l] .cost{font-size:.9375rem;line-height:1.5rem;font-weight:800}\n"] }]
         }], propDecorators: { product: [{
                 type: Input
             }], size: [{
@@ -4401,7 +4331,7 @@ class ScPriceCardComponent extends AbstractScPriceCard {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: ScPriceCardComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.16", type: ScPriceCardComponent, isStandalone: true, selector: "sc-price-card", inputs: { size: "size" }, host: { properties: { "attr.data-size": "size" } }, providers: [SEARCH_TERM_PROVIDERS], usesInheritance: true, ngImport: i0, template: "@if (product) {\n    <div class=\"card-wrapper relative flex h-full w-auto flex-col rounded-xl p-1\">\n        <div class=\"flex min-h-8 items-center justify-between\">\n            <span\n                [tuiHighlight]=\"(search$ | async) ?? ''\"\n                class=\"code text-tui-text-02\"\n            >\n                \u0410\u0440\u0442\u0438\u043A\u0443\u043B: {{ product.code }}\n            </span>\n\n            <div class=\"flex items-center\">\n                @if (product.isPreviouslyOrdered) {\n                    <tui-icon\n                        icon=\"@tui.history\"\n                        class=\"text-lg\"\n                        [style.color]=\"'var(--tui-text-action)'\"\n                    />\n                }\n                @if (authStatus$ | async) {\n                    <sc-favorite-button\n                        (clickEvent)=\"clickFavoriteEvent.emit()\"\n                        [showLoader]=\"favoriteShowLoader()\"\n                        [isFavorite]=\"product.isFavorite\"\n                        [disabled]=\"!!product.primaryCategory?.isFavorite\"\n                    />\n                }\n            </div>\n        </div>\n\n        <sc-hover-image-carousel\n            (click)=\"clickCardEvent.emit()\"\n            [images]=\"!isMobile ? getCardImagePreviewList(product) : [getCardImagePreview()]\"\n            class=\"cursor-pointer\"\n        />\n\n        <div\n            class=\"flex grow flex-col justify-end\"\n            [class.gap-1]=\"size === 'm'\"\n        >\n            <div\n                class=\"flex grow flex-col\"\n                [class.gap-1]=\"size === 'm'\"\n            >\n                <a\n                    tuiLink\n                    [attr.href]=\"href ?? null\"\n                    [tuiHighlight]=\"(search$ | async) ?? ''\"\n                    (click)=\"$event.preventDefault(); clickCardEvent.emit()\"\n                    class=\"name mb-auto\"\n                >\n                    {{ product.name }}\n                </a>\n\n                <sc-noindex-wrapper>\n                    @if (product.supplierSku) {\n                        <span\n                            [tuiHighlight]=\"(search$ | async) ?? ''\"\n                            class=\"text-tui-text-02\"\n                        >\n                            \u0410\u0440\u0442\u0438\u043A\u0443\u043B \u043F\u0440\u043E\u0438\u0437\u0432\u043E\u0434\u0438\u0442\u0435\u043B\u044F: {{ product.supplierSku }}\n                        </span>\n                    }\n\n                    @if (product?.pack) {\n                        <div class=\"flex items-center gap-1 text-tui-text-02\">\n                            \u041D\u043E\u0440\u043C\u0430 \u0443\u043F\u0430\u043A\u043E\u0432\u043A\u0438: {{ product.pack }}\n                            @if (product.ignoreMinCountCheck) {\n                                <tui-icon\n                                    icon=\"@tui.package\"\n                                    [tuiHint]=\"minCountHint\"\n                                    [tuiHintShowDelay]=\"100\"\n                                    class=\"text-body-xl text-tui-text-01 opacity-90\"\n                                    tuiHintDirection=\"top\"\n                                />\n                                <ng-template #minCountHint>\n                                    \u0414\u043E\u0441\u0442\u0443\u043F\u0435\u043D \u0437\u0430\u043A\u0430\u0437 <br />\n                                    \u043F\u0440\u043E\u0438\u0437\u0432\u043E\u043B\u044C\u043D\u043E\u0433\u043E <br />\n                                    \u043A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u0430\n                                </ng-template>\n                            }\n                        </div>\n                    }\n                </sc-noindex-wrapper>\n\n                <sc-cost-with-discount\n                    [product]=\"product\"\n                    [size]=\"size\"\n                />\n\n                <sc-noindex-wrapper>\n                    <sc-price-warehouse-stock [product]=\"product\" />\n                </sc-noindex-wrapper>\n            </div>\n\n            <sc-noindex-wrapper>\n                <div class=\"mt-2 flex gap-2\">\n                    @if (!showQuantityControl) {\n                        <button\n                            tuiButton\n                            (click)=\"clickAddToCartEvent.emit(product)\"\n                            [loading]=\"showLoader()\"\n                            [size]=\"getToCartButtonSize()\"\n                            class=\"grow !font-extrabold\"\n                            iconStart=\"@tui.shopping-cart\"\n                        >\n                            \u0412 \u043A\u043E\u0440\u0437\u0438\u043D\u0443\n                        </button>\n                    }\n                    @if (showQuantityControl) {\n                        <sc-input-quantity\n                            #inputQuantity\n                            [formControl]=\"quantityControl\"\n                            [size]=\"size\"\n                            [step]=\"getProductMultiplicity(product)\"\n                            [ignoreStepValidators]=\"product.ignoreMinCountCheck\"\n                            [showLoader]=\"showLoader()\"\n                            (clickClearEvent)=\"clickClearEvent.emit(orderItem)\"\n                            (keydown.enter)=\"inputQuantity.nativeFocusableElement?.blur()\"\n                            class=\"w-full\"\n                        />\n                    }\n                    @if (orderItem && !showQuantityControl) {\n                        <span\n                            tuiAvatar=\"@tui.check\"\n                            size=\"s\"\n                            [style.background]=\"'var(--tui-status-warning-pale)'\"\n                            [style.color]=\"'var(--tui-background-accent-1)'\"\n                        ></span>\n                    }\n                </div>\n            </sc-noindex-wrapper>\n        </div>\n    </div>\n} @else {\n    <div class=\"card-wrapper relative flex h-full w-auto flex-col rounded-xl p-1\"></div>\n}\n", styles: [":host tui-badge{--t-padding: .25rem !important}:host .name{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4}:host[data-size=s] .card-wrapper{font-size:.6875rem;line-height:1rem;font-weight:500}:host[data-size=s] .card-wrapper .name,:host[data-size=s] .card-wrapper .cost{font-size:.8125rem;line-height:1.25rem;font-weight:800}:host[data-size=m] .card-wrapper{font-size:.8125rem;line-height:1.25rem;font-weight:500}:host[data-size=m] .card-wrapper .name,:host[data-size=m] .card-wrapper .cost{font-size:.9375rem;line-height:1.5rem;font-weight:800}\n"], dependencies: [{ kind: "directive", type: TuiHighlight, selector: "[tuiHighlight]", inputs: ["tuiHighlight", "tuiHighlightColor"] }, { kind: "component", type: TuiIcon, selector: "tui-icon:not([tuiBadge])", inputs: ["background"] }, { kind: "component", type: ScFavoriteButtonComponent, selector: "sc-favorite-button", inputs: ["isFavorite", "showLoader", "disabled"], outputs: ["clickEvent"] }, { kind: "component", type: ScHoverImageCarouselComponent, selector: "sc-hover-image-carousel", inputs: ["images", "isShowActions", "productName"] }, { kind: "directive", type: TuiLink, selector: "a[tuiLink], button[tuiLink]" }, { kind: "directive", type: TuiHintDirective, selector: "[tuiHint]:not(ng-container):not(ng-template)", inputs: ["tuiHint", "tuiHintContext", "tuiHintAppearance"], outputs: ["tuiHintVisible"] }, { kind: "component", type: CostWithDiscountComponent, selector: "sc-cost-with-discount", inputs: ["product", "size"] }, { kind: "component", type: ScPriceWarehouseStockComponent, selector: "sc-price-warehouse-stock", inputs: ["classList", "product", "withStockHint", "fromMain"] }, { 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: "component", type: ScInputQuantityComponent, selector: "sc-input-quantity", inputs: ["step", "showLoader", "showCross", "appearance", "isDisabled", "size", "ignoreStepValidators"], outputs: ["clickClearEvent"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: TuiAvatar, selector: "[tuiAvatar]", inputs: ["size", "round", "badge"] }, { kind: "component", type: ScNoindexWrapperComponent, selector: "sc-noindex-wrapper" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.16", type: ScPriceCardComponent, isStandalone: true, selector: "sc-price-card", inputs: { size: "size" }, host: { properties: { "attr.data-size": "size" } }, providers: [SEARCH_TERM_PROVIDERS], usesInheritance: true, ngImport: i0, template: "@if (product) {\n    <div class=\"card-wrapper relative flex h-full w-auto flex-col rounded-xl p-1\">\n        <div class=\"flex min-h-8 items-center justify-between\">\n            <span\n                [tuiHighlight]=\"(search$ | async) ?? ''\"\n                class=\"code text-tui-text-02\"\n            >\n                \u0410\u0440\u0442\u0438\u043A\u0443\u043B: {{ product.code }}\n            </span>\n\n            <div class=\"flex items-center\">\n                @if (product.isPreviouslyOrdered) {\n                    <tui-icon\n                        icon=\"@tui.history\"\n                        class=\"text-lg\"\n                        [style.color]=\"'var(--tui-text-action)'\"\n                    />\n                }\n                @if (authStatus$ | async) {\n                    <sc-favorite-button\n                        (clickEvent)=\"clickFavoriteEvent.emit()\"\n                        [showLoader]=\"favoriteShowLoader()\"\n                        [isFavorite]=\"product.isFavorite\"\n                        [disabled]=\"!!product.primaryCategory?.isFavorite\"\n                    />\n                }\n            </div>\n        </div>\n\n        <sc-hover-image-carousel\n            (click)=\"clickCardEvent.emit()\"\n            [images]=\"!isMobile ? getCardImagePreviewList(product) : [getCardImagePreview()]\"\n            class=\"cursor-pointer\"\n        />\n\n        <div\n            class=\"flex grow flex-col justify-end\"\n            [class.gap-1]=\"size === 'm'\"\n        >\n            <div\n                class=\"flex grow flex-col\"\n                [class.gap-1]=\"size === 'm'\"\n            >\n                <a\n                    tuiLink\n                    [attr.href]=\"href ?? null\"\n                    [tuiHighlight]=\"(search$ | async) ?? ''\"\n                    (click)=\"$event.preventDefault(); clickCardEvent.emit()\"\n                    class=\"name mb-auto\"\n                >\n                    {{ product.name }}\n                </a>\n\n                @if (product.supplierSku) {\n                    <span\n                        [tuiHighlight]=\"(search$ | async) ?? ''\"\n                        class=\"text-tui-text-02\"\n                    >\n                        \u0410\u0440\u0442\u0438\u043A\u0443\u043B \u043F\u0440\u043E\u0438\u0437\u0432\u043E\u0434\u0438\u0442\u0435\u043B\u044F: {{ product.supplierSku }}\n                    </span>\n                }\n\n                @if (product?.pack) {\n                    <div class=\"flex items-center gap-1 text-tui-text-02\">\n                        \u041D\u043E\u0440\u043C\u0430 \u0443\u043F\u0430\u043A\u043E\u0432\u043A\u0438: {{ product.pack }}\n                        @if (product.ignoreMinCountCheck) {\n                            <tui-icon\n                                icon=\"@tui.package\"\n                                [tuiHint]=\"minCountHint\"\n                                [tuiHintShowDelay]=\"100\"\n                                class=\"text-body-xl text-tui-text-01 opacity-90\"\n                                tuiHintDirection=\"top\"\n                            />\n                            <ng-template #minCountHint>\n                                \u0414\u043E\u0441\u0442\u0443\u043F\u0435\u043D \u0437\u0430\u043A\u0430\u0437 <br />\n                                \u043F\u0440\u043E\u0438\u0437\u0432\u043E\u043B\u044C\u043D\u043E\u0433\u043E <br />\n                                \u043A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u0430\n                            </ng-template>\n                        }\n                    </div>\n                }\n\n                <sc-cost-with-discount\n                    [product]=\"product\"\n                    [size]=\"size\"\n                />\n\n                <sc-price-warehouse-stock [product]=\"product\" />\n            </div>\n\n            <div class=\"mt-2 flex gap-2\">\n                @if (!showQuantityControl) {\n                    <button\n                        tuiButton\n                        (click)=\"clickAddToCartEvent.emit(product)\"\n                        [loading]=\"showLoader()\"\n                        [size]=\"getToCartButtonSize()\"\n                        class=\"grow !font-extrabold\"\n                        iconStart=\"@tui.shopping-cart\"\n                    >\n                        \u0412 \u043A\u043E\u0440\u0437\u0438\u043D\u0443\n                    </button>\n                }\n                @if (showQuantityControl) {\n                    <sc-input-quantity\n                        #inputQuantity\n                        [formControl]=\"quantityControl\"\n                        [size]=\"size\"\n                        [step]=\"getProductMultiplicity(product)\"\n                        [ignoreStepValidators]=\"product.ignoreMinCountCheck\"\n                        [showLoader]=\"showLoader()\"\n                        (clickClearEvent)=\"clickClearEvent.emit(orderItem)\"\n                        (keydown.enter)=\"inputQuantity.nativeFocusableElement?.blur()\"\n                        class=\"w-full\"\n                    />\n                }\n                @if (orderItem && !showQuantityControl) {\n                    <span\n                        tuiAvatar=\"@tui.check\"\n                        size=\"s\"\n                        [style.background]=\"'var(--tui-status-warning-pale)'\"\n                        [style.color]=\"'var(--tui-background-accent-1)'\"\n                    ></span>\n                }\n            </div>\n        </div>\n    </div>\n} @else {\n    <div class=\"card-wrapper relative flex h-full w-auto flex-col rounded-xl p-1\"></div>\n}\n", styles: [":host tui-badge{--t-padding: .25rem !important}:host .name{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4}:host[data-size=s] .card-wrapper{font-size:.6875rem;line-height:1rem;font-weight:500}:host[data-size=s] .card-wrapper .name,:host[data-size=s] .card-wrapper .cost{font-size:.8125rem;line-height:1.25rem;font-weight:800}:host[data-size=m] .card-wrapper{font-size:.8125rem;line-height:1.25rem;font-weight:500}:host[data-size=m] .card-wrapper .name,:host[data-size=m] .card-wrapper .cost{font-size:.9375rem;line-height:1.5rem;font-weight:800}\n"], dependencies: [{ kind: "directive", type: TuiHighlight, selector: "[tuiHighlight]", inputs: ["tuiHighlight", "tuiHighlightColor"] }, { kind: "component", type: TuiIcon, selector: "tui-icon:not([tuiBadge])", inputs: ["background"] }, { kind: "component", type: ScFavoriteButtonComponent, selector: "sc-favorite-button", inputs: ["isFavorite", "showLoader", "disabled"], outputs: ["clickEvent"] }, { kind: "component", type: ScHoverImageCarouselComponent, selector: "sc-hover-image-carousel", inputs: ["images", "isShowActions", "productName"] }, { kind: "directive", type: TuiLink, selector: "a[tuiLink], button[tuiLink]" }, { kind: "directive", type: TuiHintDirective, selector: "[tuiHint]:not(ng-container):not(ng-template)", inputs: ["tuiHint", "tuiHintContext", "tuiHintAppearance"], outputs: ["tuiHintVisible"] }, { kind: "component", type: CostWithDiscountComponent, selector: "sc-cost-with-discount", inputs: ["product", "size"] }, { kind: "component", type: ScPriceWarehouseStockComponent, selector: "sc-price-warehouse-stock", inputs: ["classList", "product", "withStockHint", "fromMain"] }, { 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: "component", type: ScInputQuantityComponent, selector: "sc-input-quantity", inputs: ["step", "showLoader", "showCross", "appearance", "isDisabled", "size", "ignoreStepValidators"], outputs: ["clickClearEvent"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: TuiAvatar, selector: "[tuiAvatar]", inputs: ["size", "round", "badge"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: ScPriceCardComponent, decorators: [{
             type: Component,
@@ -4431,8 +4361,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImpo
                         ReactiveFormsModule,
                         TuiAvatar,
                         AsyncPipe,
-                        ScNoindexWrapperComponent,
-                    ], template: "@if (product) {\n    <div class=\"card-wrapper relative flex h-full w-auto flex-col rounded-xl p-1\">\n        <div class=\"flex min-h-8 items-center justify-between\">\n            <span\n                [tuiHighlight]=\"(search$ | async) ?? ''\"\n                class=\"code text-tui-text-02\"\n            >\n                \u0410\u0440\u0442\u0438\u043A\u0443\u043B: {{ product.code }}\n            </span>\n\n            <div class=\"flex items-center\">\n                @if (product.isPreviouslyOrdered) {\n                    <tui-icon\n                        icon=\"@tui.history\"\n                        class=\"text-lg\"\n                        [style.color]=\"'var(--tui-text-action)'\"\n                    />\n                }\n                @if (authStatus$ | async) {\n                    <sc-favorite-button\n                        (clickEvent)=\"clickFavoriteEvent.emit()\"\n                        [showLoader]=\"favoriteShowLoader()\"\n                        [isFavorite]=\"product.isFavorite\"\n                        [disabled]=\"!!product.primaryCategory?.isFavorite\"\n                    />\n                }\n            </div>\n        </div>\n\n        <sc-hover-image-carousel\n            (click)=\"clickCardEvent.emit()\"\n            [images]=\"!isMobile ? getCardImagePreviewList(product) : [getCardImagePreview()]\"\n            class=\"cursor-pointer\"\n        />\n\n        <div\n            class=\"flex grow flex-col justify-end\"\n            [class.gap-1]=\"size === 'm'\"\n        >\n            <div\n                class=\"flex grow flex-col\"\n                [class.gap-1]=\"size === 'm'\"\n            >\n                <a\n                    tuiLink\n                    [attr.href]=\"href ?? null\"\n                    [tuiHighlight]=\"(search$ | async) ?? ''\"\n                    (click)=\"$event.preventDefault(); clickCardEvent.emit()\"\n                    class=\"name mb-auto\"\n                >\n                    {{ product.name }}\n                </a>\n\n                <sc-noindex-wrapper>\n                    @if (product.supplierSku) {\n                        <span\n                            [tuiHighlight]=\"(search$ | async) ?? ''\"\n                            class=\"text-tui-text-02\"\n                        >\n                            \u0410\u0440\u0442\u0438\u043A\u0443\u043B \u043F\u0440\u043E\u0438\u0437\u0432\u043E\u0434\u0438\u0442\u0435\u043B\u044F: {{ product.supplierSku }}\n                        </span>\n                    }\n\n                    @if (product?.pack) {\n                        <div class=\"flex items-center gap-1 text-tui-text-02\">\n                            \u041D\u043E\u0440\u043C\u0430 \u0443\u043F\u0430\u043A\u043E\u0432\u043A\u0438: {{ product.pack }}\n                            @if (product.ignoreMinCountCheck) {\n                                <tui-icon\n                                    icon=\"@tui.package\"\n                                    [tuiHint]=\"minCountHint\"\n                                    [tuiHintShowDelay]=\"100\"\n                                    class=\"text-body-xl text-tui-text-01 opacity-90\"\n                                    tuiHintDirection=\"top\"\n                                />\n                                <ng-template #minCountHint>\n                                    \u0414\u043E\u0441\u0442\u0443\u043F\u0435\u043D \u0437\u0430\u043A\u0430\u0437 <br />\n                                    \u043F\u0440\u043E\u0438\u0437\u0432\u043E\u043B\u044C\u043D\u043E\u0433\u043E <br />\n                                    \u043A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u0430\n                                </ng-template>\n                            }\n                        </div>\n                    }\n                </sc-noindex-wrapper>\n\n                <sc-cost-with-discount\n                    [product]=\"product\"\n                    [size]=\"size\"\n                />\n\n                <sc-noindex-wrapper>\n                    <sc-price-warehouse-stock [product]=\"product\" />\n                </sc-noindex-wrapper>\n            </div>\n\n            <sc-noindex-wrapper>\n                <div class=\"mt-2 flex gap-2\">\n                    @if (!showQuantityControl) {\n                        <button\n                            tuiButton\n                            (click)=\"clickAddToCartEvent.emit(product)\"\n                            [loading]=\"showLoader()\"\n                            [size]=\"getToCartButtonSize()\"\n                            class=\"grow !font-extrabold\"\n                            iconStart=\"@tui.shopping-cart\"\n                        >\n                            \u0412 \u043A\u043E\u0440\u0437\u0438\u043D\u0443\n                        </button>\n                    }\n                    @if (showQuantityControl) {\n                        <sc-input-quantity\n                            #inputQuantity\n                            [formControl]=\"quantityControl\"\n                            [size]=\"size\"\n                            [step]=\"getProductMultiplicity(product)\"\n                            [ignoreStepValidators]=\"product.ignoreMinCountCheck\"\n                            [showLoader]=\"showLoader()\"\n                            (clickClearEvent)=\"clickClearEvent.emit(orderItem)\"\n                            (keydown.enter)=\"inputQuantity.nativeFocusableElement?.blur()\"\n                            class=\"w-full\"\n                        />\n                    }\n                    @if (orderItem && !showQuantityControl) {\n                        <span\n                            tuiAvatar=\"@tui.check\"\n                            size=\"s\"\n                            [style.background]=\"'var(--tui-status-warning-pale)'\"\n                            [style.color]=\"'var(--tui-background-accent-1)'\"\n                        ></span>\n                    }\n                </div>\n            </sc-noindex-wrapper>\n        </div>\n    </div>\n} @else {\n    <div class=\"card-wrapper relative flex h-full w-auto flex-col rounded-xl p-1\"></div>\n}\n", styles: [":host tui-badge{--t-padding: .25rem !important}:host .name{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4}:host[data-size=s] .card-wrapper{font-size:.6875rem;line-height:1rem;font-weight:500}:host[data-size=s] .card-wrapper .name,:host[data-size=s] .card-wrapper .cost{font-size:.8125rem;line-height:1.25rem;font-weight:800}:host[data-size=m] .card-wrapper{font-size:.8125rem;line-height:1.25rem;font-weight:500}:host[data-size=m] .card-wrapper .name,:host[data-size=m] .card-wrapper .cost{font-size:.9375rem;line-height:1.5rem;font-weight:800}\n"] }]
+                    ], template: "@if (product) {\n    <div class=\"card-wrapper relative flex h-full w-auto flex-col rounded-xl p-1\">\n        <div class=\"flex min-h-8 items-center justify-between\">\n            <span\n                [tuiHighlight]=\"(search$ | async) ?? ''\"\n                class=\"code text-tui-text-02\"\n            >\n                \u0410\u0440\u0442\u0438\u043A\u0443\u043B: {{ product.code }}\n            </span>\n\n            <div class=\"flex items-center\">\n                @if (product.isPreviouslyOrdered) {\n                    <tui-icon\n                        icon=\"@tui.history\"\n                        class=\"text-lg\"\n                        [style.color]=\"'var(--tui-text-action)'\"\n                    />\n                }\n                @if (authStatus$ | async) {\n                    <sc-favorite-button\n                        (clickEvent)=\"clickFavoriteEvent.emit()\"\n                        [showLoader]=\"favoriteShowLoader()\"\n                        [isFavorite]=\"product.isFavorite\"\n                        [disabled]=\"!!product.primaryCategory?.isFavorite\"\n                    />\n                }\n            </div>\n        </div>\n\n        <sc-hover-image-carousel\n            (click)=\"clickCardEvent.emit()\"\n            [images]=\"!isMobile ? getCardImagePreviewList(product) : [getCardImagePreview()]\"\n            class=\"cursor-pointer\"\n        />\n\n        <div\n            class=\"flex grow flex-col justify-end\"\n            [class.gap-1]=\"size === 'm'\"\n        >\n            <div\n                class=\"flex grow flex-col\"\n                [class.gap-1]=\"size === 'm'\"\n            >\n                <a\n                    tuiLink\n                    [attr.href]=\"href ?? null\"\n                    [tuiHighlight]=\"(search$ | async) ?? ''\"\n                    (click)=\"$event.preventDefault(); clickCardEvent.emit()\"\n                    class=\"name mb-auto\"\n                >\n                    {{ product.name }}\n                </a>\n\n                @if (product.supplierSku) {\n                    <span\n                        [tuiHighlight]=\"(search$ | async) ?? ''\"\n                        class=\"text-tui-text-02\"\n                    >\n                        \u0410\u0440\u0442\u0438\u043A\u0443\u043B \u043F\u0440\u043E\u0438\u0437\u0432\u043E\u0434\u0438\u0442\u0435\u043B\u044F: {{ product.supplierSku }}\n                    </span>\n                }\n\n                @if (product?.pack) {\n                    <div class=\"flex items-center gap-1 text-tui-text-02\">\n                        \u041D\u043E\u0440\u043C\u0430 \u0443\u043F\u0430\u043A\u043E\u0432\u043A\u0438: {{ product.pack }}\n                        @if (product.ignoreMinCountCheck) {\n                            <tui-icon\n                                icon=\"@tui.package\"\n                                [tuiHint]=\"minCountHint\"\n                                [tuiHintShowDelay]=\"100\"\n                                class=\"text-body-xl text-tui-text-01 opacity-90\"\n                                tuiHintDirection=\"top\"\n                            />\n                            <ng-template #minCountHint>\n                                \u0414\u043E\u0441\u0442\u0443\u043F\u0435\u043D \u0437\u0430\u043A\u0430\u0437 <br />\n                                \u043F\u0440\u043E\u0438\u0437\u0432\u043E\u043B\u044C\u043D\u043E\u0433\u043E <br />\n                                \u043A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u0430\n                            </ng-template>\n                        }\n                    </div>\n                }\n\n                <sc-cost-with-discount\n                    [product]=\"product\"\n                    [size]=\"size\"\n                />\n\n                <sc-price-warehouse-stock [product]=\"product\" />\n            </div>\n\n            <div class=\"mt-2 flex gap-2\">\n                @if (!showQuantityControl) {\n                    <button\n                        tuiButton\n                        (click)=\"clickAddToCartEvent.emit(product)\"\n                        [loading]=\"showLoader()\"\n                        [size]=\"getToCartButtonSize()\"\n                        class=\"grow !font-extrabold\"\n                        iconStart=\"@tui.shopping-cart\"\n                    >\n                        \u0412 \u043A\u043E\u0440\u0437\u0438\u043D\u0443\n                    </button>\n                }\n                @if (showQuantityControl) {\n                    <sc-input-quantity\n                        #inputQuantity\n                        [formControl]=\"quantityControl\"\n                        [size]=\"size\"\n                        [step]=\"getProductMultiplicity(product)\"\n                        [ignoreStepValidators]=\"product.ignoreMinCountCheck\"\n                        [showLoader]=\"showLoader()\"\n                        (clickClearEvent)=\"clickClearEvent.emit(orderItem)\"\n                        (keydown.enter)=\"inputQuantity.nativeFocusableElement?.blur()\"\n                        class=\"w-full\"\n                    />\n                }\n                @if (orderItem && !showQuantityControl) {\n                    <span\n                        tuiAvatar=\"@tui.check\"\n                        size=\"s\"\n                        [style.background]=\"'var(--tui-status-warning-pale)'\"\n                        [style.color]=\"'var(--tui-background-accent-1)'\"\n                    ></span>\n                }\n            </div>\n        </div>\n    </div>\n} @else {\n    <div class=\"card-wrapper relative flex h-full w-auto flex-col rounded-xl p-1\"></div>\n}\n", styles: [":host tui-badge{--t-padding: .25rem !important}:host .name{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4}:host[data-size=s] .card-wrapper{font-size:.6875rem;line-height:1rem;font-weight:500}:host[data-size=s] .card-wrapper .name,:host[data-size=s] .card-wrapper .cost{font-size:.8125rem;line-height:1.25rem;font-weight:800}:host[data-size=m] .card-wrapper{font-size:.8125rem;line-height:1.25rem;font-weight:500}:host[data-size=m] .card-wrapper .name,:host[data-size=m] .card-wrapper .cost{font-size:.9375rem;line-height:1.5rem;font-weight:800}\n"] }]
         }], propDecorators: { size: [{
                 type: Input
             }] } });
@@ -4455,7 +4384,7 @@ class ScPriceCardInlineComponent extends AbstractScPriceCard {
         return ScUnitsHelper.getProductMultiplicity(product);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: ScPriceCardInlineComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.16", type: ScPriceCardInlineComponent, isStandalone: true, selector: "sc-price-card-inline", inputs: { type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null } }, providers: [SEARCH_TERM_PROVIDERS], usesInheritance: true, ngImport: i0, template: "@if (product) {\n    <div class=\"card-wrapper relative flex w-full gap-4 rounded-xl p-1 hover:bg-tui-background-neutral-1\">\n        <sc-hover-image-carousel\n            (click)=\"clickCardEvent.emit()\"\n            [images]=\"!isMobile ? getCardImagePreviewList(product) : [getCardImagePreview()]\"\n            [isShowActions]=\"false\"\n            class=\"size-24 shrink-0 cursor-pointer self-center\"\n        />\n        <div class=\"flex grow flex-col gap-1\">\n            <sc-noindex-wrapper>\n                <div\n                    [tuiHighlight]=\"(search$ | async) ?? ''\"\n                    class=\"text-tui-text-02\"\n                >\n                    \u0410\u0440\u0442\u0438\u043A\u0443\u043B: {{ product.code }}\n                </div>\n            </sc-noindex-wrapper>\n\n            <div class=\"flex flex-col gap-1\">\n                <a\n                    tuiLink\n                    [attr.href]=\"href ?? null\"\n                    [tuiHighlight]=\"(search$ | async) ?? ''\"\n                    (click)=\"$event.preventDefault(); clickCardEvent.emit()\"\n                    class=\"!text-body-m-bold\"\n                >\n                    {{ product.name }}\n                </a>\n\n                <sc-noindex-wrapper>\n                    @if (product.supplierSku) {\n                        <span class=\"text-tui-text-02\"> \u0410\u0440\u0442\u0438\u043A\u0443\u043B \u043F\u0440\u043E\u0438\u0437\u0432\u043E\u0434\u0438\u0442\u0435\u043B\u044F: {{ product.supplierSku }} </span>\n                    }\n\n                    @if (product?.pack) {\n                        <div class=\"flex items-center gap-1 text-tui-text-02\">\n                            \u041D\u043E\u0440\u043C\u0430 \u0443\u043F\u0430\u043A\u043E\u0432\u043A\u0438: {{ product.pack }}\n                            @if (product.ignoreMinCountCheck) {\n                                <tui-icon\n                                    icon=\"@tui.package\"\n                                    [tuiHint]=\"minCountHint\"\n                                    [tuiHintShowDelay]=\"100\"\n                                    tuiHintDirection=\"top\"\n                                    class=\"text-body-xl text-tui-text-01 opacity-90\"\n                                />\n                                <ng-template #minCountHint>\n                                    \u0414\u043E\u0441\u0442\u0443\u043F\u0435\u043D \u0437\u0430\u043A\u0430\u0437 <br />\n                                    \u043F\u0440\u043E\u0438\u0437\u0432\u043E\u043B\u044C\u043D\u043E\u0433\u043E <br />\n                                    \u043A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u0430\n                                </ng-template>\n                            }\n                        </div>\n                    }\n                </sc-noindex-wrapper>\n\n                <sc-noindex-wrapper>\n                    <sc-price-warehouse-stock [product]=\"product\" />\n                </sc-noindex-wrapper>\n            </div>\n        </div>\n\n        <sc-noindex-wrapper>\n            <div class=\"flex w-40 shrink-0 flex-col justify-between\">\n                <div class=\"flex justify-end\">\n                    @if (product.isPreviouslyOrdered) {\n                        <span\n                            tuiAvatar=\"@tui.history\"\n                            size=\"s\"\n                            [style.background]=\"'none'\"\n                            [style.color]=\"'var(--tui-text-action)'\"\n                        ></span>\n                    }\n                    @if (authStatus$ | async) {\n                        <sc-favorite-button\n                            (clickEvent)=\"clickFavoriteEvent.emit()\"\n                            [showLoader]=\"favoriteShowLoader()\"\n                            [isFavorite]=\"product.isFavorite\"\n                            [disabled]=\"!!product.primaryCategory?.isFavorite\"\n                        />\n                    }\n                </div>\n                <div class=\"flex gap-2\">\n                    @if (!showQuantityControl) {\n                        <button\n                            tuiButton\n                            (click)=\"clickAddToCartEvent.emit(product)\"\n                            [loading]=\"showLoader()\"\n                            size=\"s\"\n                            iconStart=\"@tui.shopping-cart\"\n                            class=\"grow !font-extrabold\"\n                        >\n                            \u0412 \u043A\u043E\u0440\u0437\u0438\u043D\u0443\n                        </button>\n                    }\n                    @if (showQuantityControl) {\n                        <sc-input-quantity\n                            #inputQuantity\n                            [tuiAutoFocus]=\"autoFocuseQuantityInput()\"\n                            [formControl]=\"quantityControl\"\n                            size=\"m\"\n                            [step]=\"getProductMultiplicity(product)\"\n                            [ignoreStepValidators]=\"product.ignoreMinCountCheck\"\n                            [showLoader]=\"showLoader()\"\n                            (clickClearEvent)=\"clickClearEvent.emit(orderItem)\"\n                            (keydown.enter)=\"inputQuantity.nativeFocusableElement?.blur()\"\n                            class=\"w-full\"\n                        />\n                    }\n                    @if (orderItem && !showQuantityControl) {\n                        <span\n                            tuiAvatar=\"@tui.check\"\n                            size=\"s\"\n                            [style.background]=\"'var(--tui-status-warning-pale)'\"\n                            [style.color]=\"'var(--tui-background-accent-1)'\"\n                        ></span>\n                    }\n                </div>\n            </div>\n        </sc-noindex-wrapper>\n    </div>\n} @else {\n    <div class=\"tui-skeleton flex h-[8.25rem] w-full overflow-hidden rounded-xl\"></div>\n}\n", styles: [":host tui-badge{--t-padding: .25rem !important}:host .name{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4}:host .card-wrapper{font-size:.8125rem;line-height:1.25rem;font-weight:500}:host .card-wrapper .name,:host .card-wrapper .cost{font-size:.9375rem;line-height:1.5rem;font-weight:800}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "component", type: TuiIcon, selector: "tui-icon:not([tuiBadge])", inputs: ["background"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.TuiHintDirective, selector: "[tuiHint]:not(ng-container):not(ng-template)", inputs: ["tuiHint", "tuiHintContext", "tuiHintAppearance"], outputs: ["tuiHintVisible"] }, { kind: "directive", type: TuiLink, selector: "a[tuiLink], button[tuiLink]" }, { kind: "directive", type: TuiHighlight, selector: "[tuiHighlight]", inputs: ["tuiHighlight", "tuiHighlightColor"] }, { kind: "directive", type: TuiAutoFocus, selector: "[tuiAutoFocus]", inputs: ["tuiAutoFocus"] }, { kind: "component", type: TuiButtonLoading, selector: "[tuiButton][loading],[tuiIconButton][loading]", inputs: ["size", "loading"] }, { kind: "directive", type: TuiAvatar, selector: "[tuiAvatar]", inputs: ["size", "round", "badge"] }, { kind: "component", type: ScHoverImageCarouselComponent, selector: "sc-hover-image-carousel", inputs: ["images", "isShowActions", "productName"] }, { kind: "component", type: ScPriceWarehouseStockComponent, selector: "sc-price-warehouse-stock", inputs: ["classList", "product", "withStockHint", "fromMain"] }, { kind: "component", type: ScFavoriteButtonComponent, selector: "sc-favorite-button", inputs: ["isFavorite", "showLoader", "disabled"], outputs: ["clickEvent"] }, { kind: "component", type: ScInputQuantityComponent, selector: "sc-input-quantity", inputs: ["step", "showLoader", "showCross", "appearance", "isDisabled", "size", "ignoreStepValidators"], outputs: ["clickClearEvent"] }, { kind: "component", type: ScNoindexWrapperComponent, selector: "sc-noindex-wrapper" }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.16", type: ScPriceCardInlineComponent, isStandalone: true, selector: "sc-price-card-inline", inputs: { type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null } }, providers: [SEARCH_TERM_PROVIDERS], usesInheritance: true, ngImport: i0, template: "@if (product) {\n    <div class=\"card-wrapper relative flex w-full gap-4 rounded-xl p-1 hover:bg-tui-background-neutral-1\">\n        <sc-hover-image-carousel\n            (click)=\"clickCardEvent.emit()\"\n            [images]=\"!isMobile ? getCardImagePreviewList(product) : [getCardImagePreview()]\"\n            [isShowActions]=\"false\"\n            class=\"size-24 shrink-0 cursor-pointer self-center\"\n        />\n        <div class=\"flex grow flex-col gap-1\">\n            <div\n                [tuiHighlight]=\"(search$ | async) ?? ''\"\n                class=\"text-tui-text-02\"\n            >\n                \u0410\u0440\u0442\u0438\u043A\u0443\u043B: {{ product.code }}\n            </div>\n\n            <div class=\"flex flex-col gap-1\">\n                <a\n                    tuiLink\n                    [attr.href]=\"href ?? null\"\n                    [tuiHighlight]=\"(search$ | async) ?? ''\"\n                    (click)=\"$event.preventDefault(); clickCardEvent.emit()\"\n                    class=\"!text-body-m-bold\"\n                >\n                    {{ product.name }}\n                </a>\n\n                @if (product.supplierSku) {\n                    <span class=\"text-tui-text-02\"> \u0410\u0440\u0442\u0438\u043A\u0443\u043B \u043F\u0440\u043E\u0438\u0437\u0432\u043E\u0434\u0438\u0442\u0435\u043B\u044F: {{ product.supplierSku }} </span>\n                }\n\n                @if (product?.pack) {\n                    <div class=\"flex items-center gap-1 text-tui-text-02\">\n                        \u041D\u043E\u0440\u043C\u0430 \u0443\u043F\u0430\u043A\u043E\u0432\u043A\u0438: {{ product.pack }}\n                        @if (product.ignoreMinCountCheck) {\n                            <tui-icon\n                                icon=\"@tui.package\"\n                                [tuiHint]=\"minCountHint\"\n                                [tuiHintShowDelay]=\"100\"\n                                tuiHintDirection=\"top\"\n                                class=\"text-body-xl text-tui-text-01 opacity-90\"\n                            />\n                            <ng-template #minCountHint>\n                                \u0414\u043E\u0441\u0442\u0443\u043F\u0435\u043D \u0437\u0430\u043A\u0430\u0437 <br />\n                                \u043F\u0440\u043E\u0438\u0437\u0432\u043E\u043B\u044C\u043D\u043E\u0433\u043E <br />\n                                \u043A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u0430\n                            </ng-template>\n                        }\n                    </div>\n                }\n\n                <sc-price-warehouse-stock [product]=\"product\" />\n            </div>\n        </div>\n\n        <div class=\"flex w-40 shrink-0 flex-col justify-between\">\n            <div class=\"flex justify-end\">\n                @if (product.isPreviouslyOrdered) {\n                    <span\n                        tuiAvatar=\"@tui.history\"\n                        size=\"s\"\n                        [style.background]=\"'none'\"\n                        [style.color]=\"'var(--tui-text-action)'\"\n                    ></span>\n                }\n                @if (authStatus$ | async) {\n                    <sc-favorite-button\n                        (clickEvent)=\"clickFavoriteEvent.emit()\"\n                        [showLoader]=\"favoriteShowLoader()\"\n                        [isFavorite]=\"product.isFavorite\"\n                        [disabled]=\"!!product.primaryCategory?.isFavorite\"\n                    />\n                }\n            </div>\n            <div class=\"flex gap-2\">\n                @if (!showQuantityControl) {\n                    <button\n                        tuiButton\n                        (click)=\"clickAddToCartEvent.emit(product)\"\n                        [loading]=\"showLoader()\"\n                        size=\"s\"\n                        iconStart=\"@tui.shopping-cart\"\n                        class=\"grow !font-extrabold\"\n                    >\n                        \u0412 \u043A\u043E\u0440\u0437\u0438\u043D\u0443\n                    </button>\n                }\n                @if (showQuantityControl) {\n                    <sc-input-quantity\n                        #inputQuantity\n                        [tuiAutoFocus]=\"autoFocuseQuantityInput()\"\n                        [formControl]=\"quantityControl\"\n                        size=\"m\"\n                        [step]=\"getProductMultiplicity(product)\"\n                        [ignoreStepValidators]=\"product.ignoreMinCountCheck\"\n                        [showLoader]=\"showLoader()\"\n                        (clickClearEvent)=\"clickClearEvent.emit(orderItem)\"\n                        (keydown.enter)=\"inputQuantity.nativeFocusableElement?.blur()\"\n                        class=\"w-full\"\n                    />\n                }\n                @if (orderItem && !showQuantityControl) {\n                    <span\n                        tuiAvatar=\"@tui.check\"\n                        size=\"s\"\n                        [style.background]=\"'var(--tui-status-warning-pale)'\"\n                        [style.color]=\"'var(--tui-background-accent-1)'\"\n                    ></span>\n                }\n            </div>\n        </div>\n    </div>\n} @else {\n    <div class=\"tui-skeleton flex h-[8.25rem] w-full overflow-hidden rounded-xl\"></div>\n}\n", styles: [":host tui-badge{--t-padding: .25rem !important}:host .name{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4}:host .card-wrapper{font-size:.8125rem;line-height:1.25rem;font-weight:500}:host .card-wrapper .name,:host .card-wrapper .cost{font-size:.9375rem;line-height:1.5rem;font-weight:800}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "component", type: TuiIcon, selector: "tui-icon:not([tuiBadge])", inputs: ["background"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.TuiHintDirective, selector: "[tuiHint]:not(ng-container):not(ng-template)", inputs: ["tuiHint", "tuiHintContext", "tuiHintAppearance"], outputs: ["tuiHintVisible"] }, { kind: "directive", type: TuiLink, selector: "a[tuiLink], button[tuiLink]" }, { kind: "directive", type: TuiHighlight, selector: "[tuiHighlight]", inputs: ["tuiHighlight", "tuiHighlightColor"] }, { kind: "directive", type: TuiAutoFocus, selector: "[tuiAutoFocus]", inputs: ["tuiAutoFocus"] }, { kind: "component", type: TuiButtonLoading, selector: "[tuiButton][loading],[tuiIconButton][loading]", inputs: ["size", "loading"] }, { kind: "directive", type: TuiAvatar, selector: "[tuiAvatar]", inputs: ["size", "round", "badge"] }, { kind: "component", type: ScHoverImageCarouselComponent, selector: "sc-hover-image-carousel", inputs: ["images", "isShowActions", "productName"] }, { kind: "component", type: ScPriceWarehouseStockComponent, selector: "sc-price-warehouse-stock", inputs: ["classList", "product", "withStockHint", "fromMain"] }, { kind: "component", type: ScFavoriteButtonComponent, selector: "sc-favorite-button", inputs: ["isFavorite", "showLoader", "disabled"], outputs: ["clickEvent"] }, { kind: "component", type: ScInputQuantityComponent, selector: "sc-input-quantity", inputs: ["step", "showLoader", "showCross", "appearance", "isDisabled", "size", "ignoreStepValidators"], outputs: ["clickClearEvent"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: ScPriceCardInlineComponent, decorators: [{
             type: Component,
@@ -4477,8 +4406,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImpo
                         ScPriceWarehouseStockComponent,
                         ScFavoriteButtonComponent,
                         ScInputQuantityComponent,
-                        ScNoindexWrapperComponent,
-                    ], template: "@if (product) {\n    <div class=\"card-wrapper relative flex w-full gap-4 rounded-xl p-1 hover:bg-tui-background-neutral-1\">\n        <sc-hover-image-carousel\n            (click)=\"clickCardEvent.emit()\"\n            [images]=\"!isMobile ? getCardImagePreviewList(product) : [getCardImagePreview()]\"\n            [isShowActions]=\"false\"\n            class=\"size-24 shrink-0 cursor-pointer self-center\"\n        />\n        <div class=\"flex grow flex-col gap-1\">\n            <sc-noindex-wrapper>\n                <div\n                    [tuiHighlight]=\"(search$ | async) ?? ''\"\n                    class=\"text-tui-text-02\"\n                >\n                    \u0410\u0440\u0442\u0438\u043A\u0443\u043B: {{ product.code }}\n                </div>\n            </sc-noindex-wrapper>\n\n            <div class=\"flex flex-col gap-1\">\n                <a\n                    tuiLink\n                    [attr.href]=\"href ?? null\"\n                    [tuiHighlight]=\"(search$ | async) ?? ''\"\n                    (click)=\"$event.preventDefault(); clickCardEvent.emit()\"\n                    class=\"!text-body-m-bold\"\n                >\n                    {{ product.name }}\n                </a>\n\n                <sc-noindex-wrapper>\n                    @if (product.supplierSku) {\n                        <span class=\"text-tui-text-02\"> \u0410\u0440\u0442\u0438\u043A\u0443\u043B \u043F\u0440\u043E\u0438\u0437\u0432\u043E\u0434\u0438\u0442\u0435\u043B\u044F: {{ product.supplierSku }} </span>\n                    }\n\n                    @if (product?.pack) {\n                        <div class=\"flex items-center gap-1 text-tui-text-02\">\n                            \u041D\u043E\u0440\u043C\u0430 \u0443\u043F\u0430\u043A\u043E\u0432\u043A\u0438: {{ product.pack }}\n                            @if (product.ignoreMinCountCheck) {\n                                <tui-icon\n                                    icon=\"@tui.package\"\n                                    [tuiHint]=\"minCountHint\"\n                                    [tuiHintShowDelay]=\"100\"\n                                    tuiHintDirection=\"top\"\n                                    class=\"text-body-xl text-tui-text-01 opacity-90\"\n                                />\n                                <ng-template #minCountHint>\n                                    \u0414\u043E\u0441\u0442\u0443\u043F\u0435\u043D \u0437\u0430\u043A\u0430\u0437 <br />\n                                    \u043F\u0440\u043E\u0438\u0437\u0432\u043E\u043B\u044C\u043D\u043E\u0433\u043E <br />\n                                    \u043A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u0430\n                                </ng-template>\n                            }\n                        </div>\n                    }\n                </sc-noindex-wrapper>\n\n                <sc-noindex-wrapper>\n                    <sc-price-warehouse-stock [product]=\"product\" />\n                </sc-noindex-wrapper>\n            </div>\n        </div>\n\n        <sc-noindex-wrapper>\n            <div class=\"flex w-40 shrink-0 flex-col justify-between\">\n                <div class=\"flex justify-end\">\n                    @if (product.isPreviouslyOrdered) {\n                        <span\n                            tuiAvatar=\"@tui.history\"\n                            size=\"s\"\n                            [style.background]=\"'none'\"\n                            [style.color]=\"'var(--tui-text-action)'\"\n                        ></span>\n                    }\n                    @if (authStatus$ | async) {\n                        <sc-favorite-button\n                            (clickEvent)=\"clickFavoriteEvent.emit()\"\n                            [showLoader]=\"favoriteShowLoader()\"\n                            [isFavorite]=\"product.isFavorite\"\n                            [disabled]=\"!!product.primaryCategory?.isFavorite\"\n                        />\n                    }\n                </div>\n                <div class=\"flex gap-2\">\n                    @if (!showQuantityControl) {\n                        <button\n                            tuiButton\n                            (click)=\"clickAddToCartEvent.emit(product)\"\n                            [loading]=\"showLoader()\"\n                            size=\"s\"\n                            iconStart=\"@tui.shopping-cart\"\n                            class=\"grow !font-extrabold\"\n                        >\n                            \u0412 \u043A\u043E\u0440\u0437\u0438\u043D\u0443\n                        </button>\n                    }\n                    @if (showQuantityControl) {\n                        <sc-input-quantity\n                            #inputQuantity\n                            [tuiAutoFocus]=\"autoFocuseQuantityInput()\"\n                            [formControl]=\"quantityControl\"\n                            size=\"m\"\n                            [step]=\"getProductMultiplicity(product)\"\n                            [ignoreStepValidators]=\"product.ignoreMinCountCheck\"\n                            [showLoader]=\"showLoader()\"\n                            (clickClearEvent)=\"clickClearEvent.emit(orderItem)\"\n                            (keydown.enter)=\"inputQuantity.nativeFocusableElement?.blur()\"\n                            class=\"w-full\"\n                        />\n                    }\n                    @if (orderItem && !showQuantityControl) {\n                        <span\n                            tuiAvatar=\"@tui.check\"\n                            size=\"s\"\n                            [style.background]=\"'var(--tui-status-warning-pale)'\"\n                            [style.color]=\"'var(--tui-background-accent-1)'\"\n                        ></span>\n                    }\n                </div>\n            </div>\n        </sc-noindex-wrapper>\n    </div>\n} @else {\n    <div class=\"tui-skeleton flex h-[8.25rem] w-full overflow-hidden rounded-xl\"></div>\n}\n", styles: [":host tui-badge{--t-padding: .25rem !important}:host .name{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4}:host .card-wrapper{font-size:.8125rem;line-height:1.25rem;font-weight:500}:host .card-wrapper .name,:host .card-wrapper .cost{font-size:.9375rem;line-height:1.5rem;font-weight:800}\n"] }]
+                    ], template: "@if (product) {\n    <div class=\"card-wrapper relative flex w-full gap-4 rounded-xl p-1 hover:bg-tui-background-neutral-1\">\n        <sc-hover-image-carousel\n            (click)=\"clickCardEvent.emit()\"\n            [images]=\"!isMobile ? getCardImagePreviewList(product) : [getCardImagePreview()]\"\n            [isShowActions]=\"false\"\n            class=\"size-24 shrink-0 cursor-pointer self-center\"\n        />\n        <div class=\"flex grow flex-col gap-1\">\n            <div\n                [tuiHighlight]=\"(search$ | async) ?? ''\"\n                class=\"text-tui-text-02\"\n            >\n                \u0410\u0440\u0442\u0438\u043A\u0443\u043B: {{ product.code }}\n            </div>\n\n            <div class=\"flex flex-col gap-1\">\n                <a\n                    tuiLink\n                    [attr.href]=\"href ?? null\"\n                    [tuiHighlight]=\"(search$ | async) ?? ''\"\n                    (click)=\"$event.preventDefault(); clickCardEvent.emit()\"\n                    class=\"!text-body-m-bold\"\n                >\n                    {{ product.name }}\n                </a>\n\n                @if (product.supplierSku) {\n                    <span class=\"text-tui-text-02\"> \u0410\u0440\u0442\u0438\u043A\u0443\u043B \u043F\u0440\u043E\u0438\u0437\u0432\u043E\u0434\u0438\u0442\u0435\u043B\u044F: {{ product.supplierSku }} </span>\n                }\n\n                @if (product?.pack) {\n                    <div class=\"flex items-center gap-1 text-tui-text-02\">\n                        \u041D\u043E\u0440\u043C\u0430 \u0443\u043F\u0430\u043A\u043E\u0432\u043A\u0438: {{ product.pack }}\n                        @if (product.ignoreMinCountCheck) {\n                            <tui-icon\n                                icon=\"@tui.package\"\n                                [tuiHint]=\"minCountHint\"\n                                [tuiHintShowDelay]=\"100\"\n                                tuiHintDirection=\"top\"\n                                class=\"text-body-xl text-tui-text-01 opacity-90\"\n                            />\n                            <ng-template #minCountHint>\n                                \u0414\u043E\u0441\u0442\u0443\u043F\u0435\u043D \u0437\u0430\u043A\u0430\u0437 <br />\n                                \u043F\u0440\u043E\u0438\u0437\u0432\u043E\u043B\u044C\u043D\u043E\u0433\u043E <br />\n                                \u043A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u0430\n                            </ng-template>\n                        }\n                    </div>\n                }\n\n                <sc-price-warehouse-stock [product]=\"product\" />\n            </div>\n        </div>\n\n        <div class=\"flex w-40 shrink-0 flex-col justify-between\">\n            <div class=\"flex justify-end\">\n                @if (product.isPreviouslyOrdered) {\n                    <span\n                        tuiAvatar=\"@tui.history\"\n                        size=\"s\"\n                        [style.background]=\"'none'\"\n                        [style.color]=\"'var(--tui-text-action)'\"\n                    ></span>\n                }\n                @if (authStatus$ | async) {\n                    <sc-favorite-button\n                        (clickEvent)=\"clickFavoriteEvent.emit()\"\n                        [showLoader]=\"favoriteShowLoader()\"\n                        [isFavorite]=\"product.isFavorite\"\n                        [disabled]=\"!!product.primaryCategory?.isFavorite\"\n                    />\n                }\n            </div>\n            <div class=\"flex gap-2\">\n                @if (!showQuantityControl) {\n                    <button\n                        tuiButton\n                        (click)=\"clickAddToCartEvent.emit(product)\"\n                        [loading]=\"showLoader()\"\n                        size=\"s\"\n                        iconStart=\"@tui.shopping-cart\"\n                        class=\"grow !font-extrabold\"\n                    >\n                        \u0412 \u043A\u043E\u0440\u0437\u0438\u043D\u0443\n                    </button>\n                }\n                @if (showQuantityControl) {\n                    <sc-input-quantity\n                        #inputQuantity\n                        [tuiAutoFocus]=\"autoFocuseQuantityInput()\"\n                        [formControl]=\"quantityControl\"\n                        size=\"m\"\n                        [step]=\"getProductMultiplicity(product)\"\n                        [ignoreStepValidators]=\"product.ignoreMinCountCheck\"\n                        [showLoader]=\"showLoader()\"\n                        (clickClearEvent)=\"clickClearEvent.emit(orderItem)\"\n                        (keydown.enter)=\"inputQuantity.nativeFocusableElement?.blur()\"\n                        class=\"w-full\"\n                    />\n                }\n                @if (orderItem && !showQuantityControl) {\n                    <span\n                        tuiAvatar=\"@tui.check\"\n                        size=\"s\"\n                        [style.background]=\"'var(--tui-status-warning-pale)'\"\n                        [style.color]=\"'var(--tui-background-accent-1)'\"\n                    ></span>\n                }\n            </div>\n        </div>\n    </div>\n} @else {\n    <div class=\"tui-skeleton flex h-[8.25rem] w-full overflow-hidden rounded-xl\"></div>\n}\n", styles: [":host tui-badge{--t-padding: .25rem !important}:host .name{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4}:host .card-wrapper{font-size:.8125rem;line-height:1.25rem;font-weight:500}:host .card-wrapper .name,:host .card-wrapper .cost{font-size:.9375rem;line-height:1.5rem;font-weight:800}\n"] }]
         }], propDecorators: { type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }] } });
 
 /**
@@ -7722,6 +7650,76 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImpo
                 type: Input
             }] } });
 
+/**
+ * Директива для замены элемента на HTML-комментарий `<!-- noindex -->` или `<!-- /noindex -->` в runtime.
+ * Применяется к элементам с атрибутом `data-noindex="true"` или `data-noindex="false"`.
+ * Выполняется только в браузере, не выполняется на сервере (SSR).
+ * Используется для SEO оптимизации (преимущественно в Yandex).
+ */
+class ScNoindexDirective {
+    constructor() {
+        /**
+         * Ссылка на HTML элемент.
+         */
+        this.elementRef = inject(ElementRef);
+        /**
+         * Renderer для безопасной работы с DOM.
+         */
+        this.renderer = inject(Renderer2);
+        /**
+         * Признак, что приложение запущено на сервере.
+         */
+        this.isServer = inject(IS_SERVER);
+    }
+    /**
+     * Инициализация директивы - замена элемента на комментарий.
+     * Выполняется только в браузере.
+     */
+    ngOnInit() {
+        // Пропускаем выполнение на сервере (SSR).
+        if (this.isServer) {
+            return;
+        }
+        const element = this.elementRef.nativeElement;
+        const parent = element.parentNode;
+        if (!parent) {
+            return;
+        }
+        // Получаем значение атрибута data-noindex.
+        const noindexValue = element.dataset['noindex'];
+        // Определяем текст комментария в зависимости от значения атрибута и создаем комментарий.
+        // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
+        const comment = this.renderer.createComment(noindexValue === 'false' ? '/noindex' : 'noindex');
+        // Заменяем элемент на комментарий используя нативный DOM API для гарантированной замены.
+        // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
+        element.replaceWith(comment);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: ScNoindexDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.16", type: ScNoindexDirective, isStandalone: true, selector: "[data-noindex]", ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: ScNoindexDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    standalone: true,
+                    selector: '[data-noindex]',
+                }]
+        }] });
+
+/**
+ * Компонент-обертка для автоматического добавления тегов noindex вокруг контента.
+ * Автоматически добавляет открывающий `<!-- noindex -->` и закрывающий `<!-- /noindex -->` комментарии.
+ */
+class ScNoindexWrapperComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: ScNoindexWrapperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.16", type: ScNoindexWrapperComponent, isStandalone: true, selector: "sc-noindex-wrapper", host: { styleAttribute: "display: contents" }, ngImport: i0, template: "<div\n    style=\"display: none\"\n    data-noindex=\"true\"\n></div>\n<ng-content />\n<div\n    style=\"display: none\"\n    data-noindex=\"false\"\n></div>\n", dependencies: [{ kind: "directive", type: ScNoindexDirective, selector: "[data-noindex]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: ScNoindexWrapperComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: 'sc-noindex-wrapper', imports: [ScNoindexDirective], host: {
+                        style: 'display: contents',
+                    }, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n    style=\"display: none\"\n    data-noindex=\"true\"\n></div>\n<ng-content />\n<div\n    style=\"display: none\"\n    data-noindex=\"false\"\n></div>\n" }]
+        }] });
+
 /**
  * Токен для внедрения опций заказа (черновика) в дочерние компоненты.
  */
@@ -8385,10 +8383,30 @@ class ScOrderFormComponent {
          */
         // eslint-disable-next-line unicorn/consistent-function-scoping
         this.deliveryDates = computed(() => this.deliveryTypeValue() === ScDeliveryType.self_delivery ? this.warehouseDeliveryDates() : this.addressDeliveryDates(), ...(ngDevMode ? [{ debugName: "deliveryDates" }] : /* istanbul ignore next */ []));
+        /**
+         * Набор доступных дат в виде дат календаря, отсортированный по возрастанию.
+         */
+        this.deliveryDays = computed(() => this.deliveryDates()
+            .map((date) => TuiDay.normalizeParse(date.slice(0, 10), 'yyyy/mm/dd'))
+            .sort((firstDay, secondDay) => (firstDay.daySameOrBefore(secondDay) ? -1 : 1)), ...(ngDevMode ? [{ debugName: "deliveryDays" }] : /* istanbul ignore next */ []));
+        /**
+         * Первая доступная дата.
+         */
+        this.minDeliveryDay = computed(() => this.deliveryDays()[0] ?? null, ...(ngDevMode ? [{ debugName: "minDeliveryDay" }] : /* istanbul ignore next */ []));
+        /**
+         * Последняя доступная дата.
+         */
+        this.maxDeliveryDay = computed(() => this.deliveryDays().at(-1) ?? null, ...(ngDevMode ? [{ debugName: "maxDeliveryDay" }] : /* istanbul ignore next */ []));
         /**
          * Ссылка на элемент с предупреждением о неподтверждённых данных.
          */
         this.unconfirmedDataWarning = viewChild('unconfirmedDataWarning', ...(ngDevMode ? [{ debugName: "unconfirmedDataWarning" }] : /* istanbul ignore next */ []));
+        /**
+         * Возвращает маркер, которым выделяется доступная для выбора дата.
+         *
+         * @param date Дата.
+         */
+        this.deliveryDateMarker = (date) => (this.deliveryDateFilter(date) ? [] : ['var(--tui-background-accent-1)']);
         /**
          * Возвращает признак, что указанная дата недоступна для выбора.
          *
@@ -8670,11 +8688,11 @@ 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\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 }); }
+    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\n                *tuiDropdown\n                [markerHandler]=\"deliveryDateMarker\"\n                [max]=\"maxDeliveryDay()\"\n                [min]=\"minDeliveryDay()\"\n            />\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", styles: ["tui-calendar:has(.t-dots) .t-cell:has(.t-dots){opacity:1;font-weight:700;color:var(--tui-text-primary);border-radius:var(--tui-radius-m);box-shadow:inset 0 0 0 .125rem color-mix(in srgb,var(--tui-background-accent-1) 33%,transparent)}\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, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: ScOrderFormComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sc-order-form', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
+            args: [{ selector: 'sc-order-form', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [
                         FormsModule,
                         ReactiveFormsModule,
                         RouterLink,
@@ -8692,7 +8710,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\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" }]
+                    ], 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\n                *tuiDropdown\n                [markerHandler]=\"deliveryDateMarker\"\n                [max]=\"maxDeliveryDay()\"\n                [min]=\"minDeliveryDay()\"\n            />\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", styles: ["tui-calendar:has(.t-dots) .t-cell:has(.t-dots){opacity:1;font-weight:700;color:var(--tui-text-primary);border-radius:var(--tui-radius-m);box-shadow:inset 0 0 0 .125rem color-mix(in srgb,var(--tui-background-accent-1) 33%,transparent)}\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 +8927,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 +8979,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 +9080,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 +9182,6 @@ class ScFrequentlyAskedQuestionsWithGroupsComponent {
          * Признак, что приложение запущено на сервере.
          */
         this.isServer = inject(IS_SERVER);
-        /**
-         * Индекс первой страницы.
-         */
-        this.firstPageIndex = 1;
         /**
          * Количество записей на странице пагинации.
          */
@@ -9183,7 +9193,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 +9247,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 +9257,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"] }] } });
+
 /**
  * Компонент политики обработки персональных данных пользователей сайта.
  */
@@ -10281,5 +10368,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