@snabcentr/client-ui 4.11.0 → 4.13.0

package/fesm2022/snabcentr-client-ui.mjs

@@ -1,7 +1,7 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, inject, Injectable, NgZone, signal, EventEmitter, ChangeDetectorRef, Directive, Input, Output, Pipe, ElementRef, HostListener, Renderer2, ContentChildren, NgModule, input, computed, Component, ChangeDetectionStrategy, Inject, HostBinding, model, output, SkipSelf, DestroyRef, effect, ContentChild, ViewChild, viewChild, Optional, contentChild, TemplateRef, forwardRef } from '@angular/core';
+import { InjectionToken, inject, Injectable, NgZone, signal, EventEmitter, ChangeDetectorRef, Directive, Input, Output, Pipe, ElementRef, HostListener, Renderer2, ContentChildren, NgModule, input, computed, Component, ChangeDetectionStrategy, Inject, HostBinding, model, output, SkipSelf, DestroyRef, effect, ContentChild, ViewChild, viewChild, Optional, contentChild, TemplateRef, forwardRef, ViewEncapsulation } from '@angular/core';
 import * as i1 from '@snabcentr/client-core';
-import { ScContactsService, ScUserService, ScLocationsService, ScAuthService, SEARCH_TERM, ScUnitsHelper, ScImageHelper, SC_PATH_IMAGE_NOT_FOUND, ScImage, ScPhoneService, ScUserMetrikaService, ScUserMetrikaGoalsEnum, IS_RUNNING_ON_TERMINAL, ScVCardService, ScVerificationService, ScISuggestionType, SC_MIN_LENGTH_SEARCH_TERM, ScConvertersService, ScOpfList, ScReferencesService, ScContragentService, ScBannerService, ScMediaImageTransformerPipe, ScCartService, ScUploadedFile, loadingPlaceholder, SC_ORDER_LOADER, ScMimeTypes, ScCatalogService, SC_URLS, IS_SERVER, ScWarehouseService, SEARCH_TERM_PROVIDERS, ScPaginationService, SC_NEXT_PAGE_PAGINATION_CLICK, SC_PRODUCT_PAGINATION_OPTIONS, ScCatalogFilterService, ScIdOrSlugPipe, SC_CATEGORY_INFO, ScConfiguratorService, RESPONSE, ScIconTypesEnum, ScDocumentInfoTypesEnum, ScDeliveryAddressService, 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 { ScContactsService, ScUserService, ScLocationsService, ScAuthService, SEARCH_TERM, ScUnitsHelper, ScImageHelper, SC_PATH_IMAGE_NOT_FOUND, ScImage, ScPhoneService, ScUserMetrikaService, ScUserMetrikaGoalsEnum, IS_RUNNING_ON_TERMINAL, ScVCardService, ScVerificationService, ScISuggestionType, SC_MIN_LENGTH_SEARCH_TERM, ScConvertersService, ScOpfList, ScReferencesService, ScContragentService, ScBannerService, ScMediaImageTransformerPipe, ScCartService, ScUploadedFile, loadingPlaceholder, SC_ORDER_LOADER, ScMimeTypes, ScCatalogService, SC_URLS, ScWarehouseService, SEARCH_TERM_PROVIDERS, ScPaginationService, SC_NEXT_PAGE_PAGINATION_CLICK, SC_PRODUCT_PAGINATION_OPTIONS, ScCatalogFilterService, ScIdOrSlugPipe, SC_CATEGORY_INFO, ScConfiguratorService, IS_SERVER, RESPONSE, ScIconTypesEnum, ScDocumentInfoTypesEnum, ScDeliveryAddressService, 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 * as i5$1 from 'rxjs';
 import { EMPTY, BehaviorSubject, switchMap, of, shareReplay, map, Subject, filter, tap, catchError, finalize, startWith, share, timer, scan, takeWhile, endWith, distinctUntilChanged, debounceTime, throwError, combineLatest, Observable, pairwise, Subscription, merge, skip, from, concatMap, noop, first, retry } from 'rxjs';
 import { WA_WINDOW } from '@ng-web-apis/common';
@@ -4690,76 +4690,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", 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" }]
         }] });
 
-/**
- * Директива для замены элемента на 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: "18.2.14", ngImport: i0, type: ScNoindexDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: ScNoindexDirective, isStandalone: true, selector: "[data-noindex]", ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", 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: "18.2.14", ngImport: i0, type: ScNoindexWrapperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", 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: "18.2.14", 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" }]
-        }] });
-
 /**
  * Компонент центы товара с отображением скидки.
  */
@@ -4775,11 +4705,11 @@ class CostWithDiscountComponent {
         this.size = 'm';
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CostWithDiscountComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: CostWithDiscountComponent, isStandalone: true, selector: "sc-cost-with-discount", inputs: { product: "product", size: "size" }, host: { properties: { "attr.data-size": "this.size" } }, ngImport: i0, template: "@if (product) {\n    <div\n        *ngIf=\"warehouseSelect$ | async as warehouseSelect\"\n        class=\"flex flex-wrap items-center gap-x-2 gap-y-1\"\n    >\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                <tui-badge\n                    *ngIf=\"product.discount as discount\"\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                    <tui-badge\n                        *ngIf=\"product.discount as discount\"\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                    </tui-badge>\n\n                    @let expiredAt = product.discount.expiredAt | scFormatDate;\n\n                    <div class=\"flex gap-0.5\">\n                        <p class=\"flex line-through\">{{ product.discountCostString }}</p>\n                        <div *ngIf=\"expiredAt\">\u0434\u043E {{ expiredAt.substring(0, 5) }}</div>\n                    </div>\n                    <ng-template #discountHint>\n                        <div class=\"font-bold\">{{ product.discount.name }}</div>\n                        <div *ngIf=\"expiredAt\">\u0414\u0430\u0442\u0430 \u043E\u043A\u043E\u043D\u0447\u0430\u043D\u0438\u044F: {{ expiredAt }}</div>\n                    </ng-template>\n                </tui-badge>\n            </sc-noindex-wrapper>\n        </div>\n\n        <span\n            *ngIf=\"!product.priceInRub\"\n            class=\"font-extrabold text-tui-text-02\"\n        >\n            {{ product.costString }}\n        </span>\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: i2$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i2$2.AsyncPipe, name: "async" }, { kind: "directive", type: TuiBadge, selector: "tui-badge,[tuiBadge]", inputs: ["size"] }, { kind: "directive", type: i1$2.TuiHintDirective, selector: "[tuiHint]:not(ng-container):not(ng-template)", inputs: ["tuiHintContext", "tuiHintAppearance", "tuiHint"], outputs: ["tuiHintVisible"] }, { kind: "pipe", type: ScFormatDatePipe, name: "scFormatDate" }, { kind: "component", type: ScNoindexWrapperComponent, selector: "sc-noindex-wrapper" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: CostWithDiscountComponent, isStandalone: true, selector: "sc-cost-with-discount", inputs: { product: "product", size: "size" }, host: { properties: { "attr.data-size": "this.size" } }, ngImport: i0, template: "@if (product) {\n    <div\n        *ngIf=\"warehouseSelect$ | async as warehouseSelect\"\n        class=\"flex flex-wrap items-center gap-x-2 gap-y-1\"\n    >\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            <tui-badge\n                *ngIf=\"product.discount as discount\"\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                <tui-badge\n                    *ngIf=\"product.discount as discount\"\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                </tui-badge>\n\n                @let expiredAt = product.discount.expiredAt | scFormatDate;\n\n                <div class=\"flex gap-0.5\">\n                    <p class=\"flex line-through\">{{ product.discountCostString }}</p>\n                    <div *ngIf=\"expiredAt\">\u0434\u043E {{ expiredAt.substring(0, 5) }}</div>\n                </div>\n                <ng-template #discountHint>\n                    <div class=\"font-bold\">{{ product.discount.name }}</div>\n                    <div *ngIf=\"expiredAt\">\u0414\u0430\u0442\u0430 \u043E\u043A\u043E\u043D\u0447\u0430\u043D\u0438\u044F: {{ expiredAt }}</div>\n                </ng-template>\n            </tui-badge>\n        </div>\n\n        <span\n            *ngIf=\"!product.priceInRub\"\n            class=\"font-extrabold text-tui-text-02\"\n        >\n            {{ product.costString }}\n        </span>\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: i2$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i2$2.AsyncPipe, name: "async" }, { kind: "directive", type: TuiBadge, selector: "tui-badge,[tuiBadge]", inputs: ["size"] }, { kind: "directive", type: i1$2.TuiHintDirective, selector: "[tuiHint]:not(ng-container):not(ng-template)", inputs: ["tuiHintContext", "tuiHintAppearance", "tuiHint"], outputs: ["tuiHintVisible"] }, { kind: "pipe", type: ScFormatDatePipe, name: "scFormatDate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CostWithDiscountComponent, decorators: [{
             type: Component,
-            args: [{ standalone: true, selector: 'sc-cost-with-discount', imports: [CommonModule, TuiBadge, ...TuiHint, ScFormatDatePipe, ScNoindexWrapperComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (product) {\n    <div\n        *ngIf=\"warehouseSelect$ | async as warehouseSelect\"\n        class=\"flex flex-wrap items-center gap-x-2 gap-y-1\"\n    >\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                <tui-badge\n                    *ngIf=\"product.discount as discount\"\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                    <tui-badge\n                        *ngIf=\"product.discount as discount\"\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                    </tui-badge>\n\n                    @let expiredAt = product.discount.expiredAt | scFormatDate;\n\n                    <div class=\"flex gap-0.5\">\n                        <p class=\"flex line-through\">{{ product.discountCostString }}</p>\n                        <div *ngIf=\"expiredAt\">\u0434\u043E {{ expiredAt.substring(0, 5) }}</div>\n                    </div>\n                    <ng-template #discountHint>\n                        <div class=\"font-bold\">{{ product.discount.name }}</div>\n                        <div *ngIf=\"expiredAt\">\u0414\u0430\u0442\u0430 \u043E\u043A\u043E\u043D\u0447\u0430\u043D\u0438\u044F: {{ expiredAt }}</div>\n                    </ng-template>\n                </tui-badge>\n            </sc-noindex-wrapper>\n        </div>\n\n        <span\n            *ngIf=\"!product.priceInRub\"\n            class=\"font-extrabold text-tui-text-02\"\n        >\n            {{ product.costString }}\n        </span>\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"] }]
+            args: [{ standalone: true, selector: 'sc-cost-with-discount', imports: [CommonModule, TuiBadge, ...TuiHint, ScFormatDatePipe], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (product) {\n    <div\n        *ngIf=\"warehouseSelect$ | async as warehouseSelect\"\n        class=\"flex flex-wrap items-center gap-x-2 gap-y-1\"\n    >\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            <tui-badge\n                *ngIf=\"product.discount as discount\"\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                <tui-badge\n                    *ngIf=\"product.discount as discount\"\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                </tui-badge>\n\n                @let expiredAt = product.discount.expiredAt | scFormatDate;\n\n                <div class=\"flex gap-0.5\">\n                    <p class=\"flex line-through\">{{ product.discountCostString }}</p>\n                    <div *ngIf=\"expiredAt\">\u0434\u043E {{ expiredAt.substring(0, 5) }}</div>\n                </div>\n                <ng-template #discountHint>\n                    <div class=\"font-bold\">{{ product.discount.name }}</div>\n                    <div *ngIf=\"expiredAt\">\u0414\u0430\u0442\u0430 \u043E\u043A\u043E\u043D\u0447\u0430\u043D\u0438\u044F: {{ expiredAt }}</div>\n                </ng-template>\n            </tui-badge>\n        </div>\n\n        <span\n            *ngIf=\"!product.priceInRub\"\n            class=\"font-extrabold text-tui-text-02\"\n        >\n            {{ product.costString }}\n        </span>\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: [{
@@ -5295,7 +5225,7 @@ class ScPriceCardComponent extends AbstractScPriceCard {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScPriceCardComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: ScPriceCardComponent, isStandalone: true, selector: "sc-price-card", inputs: { size: "size" }, host: { properties: { "attr.data-size": "this.size" } }, providers: [SEARCH_TERM_PROVIDERS], usesInheritance: true, ngImport: i0, template: "<div\n    *ngIf=\"product; else skeleton\"\n    class=\"card-wrapper relative flex h-full w-auto flex-col rounded-xl p-1\"\n>\n    <sc-noindex-wrapper>\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                <tui-icon\n                    *ngIf=\"product.isPreviouslyOrdered\"\n                    icon=\"@tui.history\"\n                    class=\"text-lg\"\n                    [style.color]=\"'var(--tui-text-action)'\"\n                />\n                <sc-favorite-button\n                    *ngIf=\"authStatus$ | async\"\n                    (clickEvent)=\"clickFavoriteEvent.emit()\"\n                    [showLoader]=\"favoriteShowLoader()\"\n                    [isFavorite]=\"product.isFavorite\"\n                    [disabled]=\"!!product.primaryCategory?.isFavorite\"\n                />\n            </div>\n        </div>\n    </sc-noindex-wrapper>\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                <span\n                    *ngIf=\"product.supplierSku\"\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                <div\n                    *ngIf=\"product?.pack\"\n                    class=\"flex items-center gap-1 text-tui-text-02\"\n                >\n                    \u041D\u043E\u0440\u043C\u0430 \u0443\u043F\u0430\u043A\u043E\u0432\u043A\u0438: {{ product.pack }}\n                    <tui-icon\n                        *ngIf=\"product.ignoreMinCountCheck\"\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                </div>\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                <button\n                    *ngIf=\"!showQuantityControl\"\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                <sc-input-quantity\n                    #inputQuantity\n                    *ngIf=\"showQuantityControl\"\n                    [formControl]=\"quantityControl\"\n                    [size]=\"size\"\n                    [step]=\"ScUnitsHelper.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                <tui-avatar\n                    *ngIf=\"orderItem && !showQuantityControl\"\n                    src=\"@tui.check\"\n                    size=\"s\"\n                    [style.background]=\"'var(--tui-status-warning-pale)'\"\n                    [style.color]=\"'var(--tui-background-accent-1)'\"\n                />\n            </div>\n        </sc-noindex-wrapper>\n    </div>\n</div>\n\n<ng-template #skeleton>\n    <div class=\"card-wrapper relative flex h-full w-auto flex-col rounded-xl p-1\"></div>\n</ng-template>\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: "ngmodule", type: CommonModule }, { kind: "directive", type: i2$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i2$2.AsyncPipe, name: "async" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "component", type: TuiIcon, selector: "tui-icon", inputs: ["icon", "background"] }, { kind: "directive", type: i1$2.TuiHintDirective, selector: "[tuiHint]:not(ng-container):not(ng-template)", inputs: ["tuiHintContext", "tuiHintAppearance", "tuiHint"], outputs: ["tuiHintVisible"] }, { kind: "directive", type: TuiLink, selector: "a[tuiLink], button[tuiLink]", inputs: ["pseudo"] }, { kind: "directive", type: TuiHighlight, selector: "[tuiHighlight]", inputs: ["tuiHighlight", "tuiHighlightColor"] }, { kind: "component", type: TuiButtonLoading, selector: "[tuiButton][loading],[tuiIconButton][loading]", inputs: ["size", "loading"] }, { kind: "component", type: TuiAvatar, selector: "tui-avatar,button[tuiAvatar],a[tuiAvatar]", inputs: ["size", "round", "src"] }, { kind: "component", type: ScHoverImageCarouselComponent, selector: "sc-hover-image-carousel", inputs: ["images", "isShowActions", "productName"] }, { 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: "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", "ignoreStepValidators", "appearance", "isDisabled", "size"], outputs: ["clickClearEvent"] }, { kind: "component", type: ScNoindexWrapperComponent, selector: "sc-noindex-wrapper" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: ScPriceCardComponent, isStandalone: true, selector: "sc-price-card", inputs: { size: "size" }, host: { properties: { "attr.data-size": "this.size" } }, providers: [SEARCH_TERM_PROVIDERS], usesInheritance: true, ngImport: i0, template: "<div\n    *ngIf=\"product; else skeleton\"\n    class=\"card-wrapper relative flex h-full w-auto flex-col rounded-xl p-1\"\n>\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            <tui-icon\n                *ngIf=\"product.isPreviouslyOrdered\"\n                icon=\"@tui.history\"\n                class=\"text-lg\"\n                [style.color]=\"'var(--tui-text-action)'\"\n            />\n            <sc-favorite-button\n                *ngIf=\"authStatus$ | async\"\n                (clickEvent)=\"clickFavoriteEvent.emit()\"\n                [showLoader]=\"favoriteShowLoader()\"\n                [isFavorite]=\"product.isFavorite\"\n                [disabled]=\"!!product.primaryCategory?.isFavorite\"\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            <span\n                *ngIf=\"product.supplierSku\"\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            <div\n                *ngIf=\"product?.pack\"\n                class=\"flex items-center gap-1 text-tui-text-02\"\n            >\n                \u041D\u043E\u0440\u043C\u0430 \u0443\u043F\u0430\u043A\u043E\u0432\u043A\u0438: {{ product.pack }}\n                <tui-icon\n                    *ngIf=\"product.ignoreMinCountCheck\"\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            </div>\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            <button\n                *ngIf=\"!showQuantityControl\"\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            <sc-input-quantity\n                #inputQuantity\n                *ngIf=\"showQuantityControl\"\n                [formControl]=\"quantityControl\"\n                [size]=\"size\"\n                [step]=\"ScUnitsHelper.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            <tui-avatar\n                *ngIf=\"orderItem && !showQuantityControl\"\n                src=\"@tui.check\"\n                size=\"s\"\n                [style.background]=\"'var(--tui-status-warning-pale)'\"\n                [style.color]=\"'var(--tui-background-accent-1)'\"\n            />\n        </div>\n    </div>\n</div>\n\n<ng-template #skeleton>\n    <div class=\"card-wrapper relative flex h-full w-auto flex-col rounded-xl p-1\"></div>\n</ng-template>\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: "ngmodule", type: CommonModule }, { kind: "directive", type: i2$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i2$2.AsyncPipe, name: "async" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "component", type: TuiIcon, selector: "tui-icon", inputs: ["icon", "background"] }, { kind: "directive", type: i1$2.TuiHintDirective, selector: "[tuiHint]:not(ng-container):not(ng-template)", inputs: ["tuiHintContext", "tuiHintAppearance", "tuiHint"], outputs: ["tuiHintVisible"] }, { kind: "directive", type: TuiLink, selector: "a[tuiLink], button[tuiLink]", inputs: ["pseudo"] }, { kind: "directive", type: TuiHighlight, selector: "[tuiHighlight]", inputs: ["tuiHighlight", "tuiHighlightColor"] }, { kind: "component", type: TuiButtonLoading, selector: "[tuiButton][loading],[tuiIconButton][loading]", inputs: ["size", "loading"] }, { kind: "component", type: TuiAvatar, selector: "tui-avatar,button[tuiAvatar],a[tuiAvatar]", inputs: ["size", "round", "src"] }, { kind: "component", type: ScHoverImageCarouselComponent, selector: "sc-hover-image-carousel", inputs: ["images", "isShowActions", "productName"] }, { 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: "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", "ignoreStepValidators", "appearance", "isDisabled", "size"], outputs: ["clickClearEvent"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScPriceCardComponent, decorators: [{
             type: Component,
@@ -5315,8 +5245,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                         ScPriceWarehouseStockComponent,
                         ScFavoriteButtonComponent,
                         ScInputQuantityComponent,
-                        ScNoindexWrapperComponent,
-                    ], template: "<div\n    *ngIf=\"product; else skeleton\"\n    class=\"card-wrapper relative flex h-full w-auto flex-col rounded-xl p-1\"\n>\n    <sc-noindex-wrapper>\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                <tui-icon\n                    *ngIf=\"product.isPreviouslyOrdered\"\n                    icon=\"@tui.history\"\n                    class=\"text-lg\"\n                    [style.color]=\"'var(--tui-text-action)'\"\n                />\n                <sc-favorite-button\n                    *ngIf=\"authStatus$ | async\"\n                    (clickEvent)=\"clickFavoriteEvent.emit()\"\n                    [showLoader]=\"favoriteShowLoader()\"\n                    [isFavorite]=\"product.isFavorite\"\n                    [disabled]=\"!!product.primaryCategory?.isFavorite\"\n                />\n            </div>\n        </div>\n    </sc-noindex-wrapper>\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                <span\n                    *ngIf=\"product.supplierSku\"\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                <div\n                    *ngIf=\"product?.pack\"\n                    class=\"flex items-center gap-1 text-tui-text-02\"\n                >\n                    \u041D\u043E\u0440\u043C\u0430 \u0443\u043F\u0430\u043A\u043E\u0432\u043A\u0438: {{ product.pack }}\n                    <tui-icon\n                        *ngIf=\"product.ignoreMinCountCheck\"\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                </div>\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                <button\n                    *ngIf=\"!showQuantityControl\"\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                <sc-input-quantity\n                    #inputQuantity\n                    *ngIf=\"showQuantityControl\"\n                    [formControl]=\"quantityControl\"\n                    [size]=\"size\"\n                    [step]=\"ScUnitsHelper.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                <tui-avatar\n                    *ngIf=\"orderItem && !showQuantityControl\"\n                    src=\"@tui.check\"\n                    size=\"s\"\n                    [style.background]=\"'var(--tui-status-warning-pale)'\"\n                    [style.color]=\"'var(--tui-background-accent-1)'\"\n                />\n            </div>\n        </sc-noindex-wrapper>\n    </div>\n</div>\n\n<ng-template #skeleton>\n    <div class=\"card-wrapper relative flex h-full w-auto flex-col rounded-xl p-1\"></div>\n</ng-template>\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: "<div\n    *ngIf=\"product; else skeleton\"\n    class=\"card-wrapper relative flex h-full w-auto flex-col rounded-xl p-1\"\n>\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            <tui-icon\n                *ngIf=\"product.isPreviouslyOrdered\"\n                icon=\"@tui.history\"\n                class=\"text-lg\"\n                [style.color]=\"'var(--tui-text-action)'\"\n            />\n            <sc-favorite-button\n                *ngIf=\"authStatus$ | async\"\n                (clickEvent)=\"clickFavoriteEvent.emit()\"\n                [showLoader]=\"favoriteShowLoader()\"\n                [isFavorite]=\"product.isFavorite\"\n                [disabled]=\"!!product.primaryCategory?.isFavorite\"\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            <span\n                *ngIf=\"product.supplierSku\"\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            <div\n                *ngIf=\"product?.pack\"\n                class=\"flex items-center gap-1 text-tui-text-02\"\n            >\n                \u041D\u043E\u0440\u043C\u0430 \u0443\u043F\u0430\u043A\u043E\u0432\u043A\u0438: {{ product.pack }}\n                <tui-icon\n                    *ngIf=\"product.ignoreMinCountCheck\"\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            </div>\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            <button\n                *ngIf=\"!showQuantityControl\"\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            <sc-input-quantity\n                #inputQuantity\n                *ngIf=\"showQuantityControl\"\n                [formControl]=\"quantityControl\"\n                [size]=\"size\"\n                [step]=\"ScUnitsHelper.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            <tui-avatar\n                *ngIf=\"orderItem && !showQuantityControl\"\n                src=\"@tui.check\"\n                size=\"s\"\n                [style.background]=\"'var(--tui-status-warning-pale)'\"\n                [style.color]=\"'var(--tui-background-accent-1)'\"\n            />\n        </div>\n    </div>\n</div>\n\n<ng-template #skeleton>\n    <div class=\"card-wrapper relative flex h-full w-auto flex-col rounded-xl p-1\"></div>\n</ng-template>\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
             }, {
@@ -5333,7 +5262,7 @@ class ScPriceCardInlineComponent extends AbstractScPriceCard {
         this.type = input('catalogItem');
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScPriceCardInlineComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.14", 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: "<div\n    *ngIf=\"product; else skeleton\"\n    class=\"card-wrapper relative flex w-full gap-4 rounded-xl p-1 hover:bg-tui-background-neutral-1\"\n>\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                <span\n                    *ngIf=\"product.supplierSku\"\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                <div\n                    *ngIf=\"product?.pack\"\n                    class=\"flex items-center gap-1 text-tui-text-02\"\n                >\n                    \u041D\u043E\u0440\u043C\u0430 \u0443\u043F\u0430\u043A\u043E\u0432\u043A\u0438: {{ product.pack }}\n                    <tui-icon\n                        *ngIf=\"product.ignoreMinCountCheck\"\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                </div>\n            </sc-noindex-wrapper>\n\n            <sc-cost-with-discount [product]=\"product\" />\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                <tui-avatar\n                    *ngIf=\"product.isPreviouslyOrdered\"\n                    src=\"@tui.history\"\n                    size=\"s\"\n                    [style.background]=\"'none'\"\n                    [style.color]=\"'var(--tui-text-action)'\"\n                />\n                <sc-favorite-button\n                    *ngIf=\"authStatus$ | async\"\n                    (clickEvent)=\"clickFavoriteEvent.emit()\"\n                    [showLoader]=\"favoriteShowLoader()\"\n                    [isFavorite]=\"product.isFavorite\"\n                    [disabled]=\"!!product.primaryCategory?.isFavorite\"\n                />\n            </div>\n            <div class=\"flex gap-2\">\n                <button\n                    *ngIf=\"!showQuantityControl\"\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                <sc-input-quantity\n                    #inputQuantity\n                    [tuiAutoFocus]=\"autoFocuseQuantityInput()\"\n                    *ngIf=\"showQuantityControl\"\n                    [formControl]=\"quantityControl\"\n                    size=\"m\"\n                    [step]=\"ScUnitsHelper.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                <tui-avatar\n                    *ngIf=\"orderItem && !showQuantityControl\"\n                    src=\"@tui.check\"\n                    size=\"s\"\n                    [style.background]=\"'var(--tui-status-warning-pale)'\"\n                    [style.color]=\"'var(--tui-background-accent-1)'\"\n                />\n            </div>\n        </div>\n    </sc-noindex-wrapper>\n</div>\n\n<ng-template #skeleton>\n    <div class=\"tui-skeleton flex h-[8.25rem] w-full overflow-hidden rounded-xl\"></div>\n</ng-template>\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: "directive", type: i2$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i2$2.AsyncPipe, name: "async" }, { 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", inputs: ["icon", "background"] }, { kind: "ngmodule", type: TuiTextfieldControllerModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$2.TuiHintDirective, selector: "[tuiHint]:not(ng-container):not(ng-template)", inputs: ["tuiHintContext", "tuiHintAppearance", "tuiHint"], outputs: ["tuiHintVisible"] }, { kind: "directive", type: TuiLink, selector: "a[tuiLink], button[tuiLink]", inputs: ["pseudo"] }, { 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: "component", type: TuiAvatar, selector: "tui-avatar,button[tuiAvatar],a[tuiAvatar]", inputs: ["size", "round", "src"] }, { kind: "component", type: ScHoverImageCarouselComponent, selector: "sc-hover-image-carousel", inputs: ["images", "isShowActions", "productName"] }, { 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: "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", "ignoreStepValidators", "appearance", "isDisabled", "size"], outputs: ["clickClearEvent"] }, { kind: "component", type: ScNoindexWrapperComponent, selector: "sc-noindex-wrapper" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.14", 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: "<div\n    *ngIf=\"product; else skeleton\"\n    class=\"card-wrapper relative flex w-full gap-4 rounded-xl p-1 hover:bg-tui-background-neutral-1\"\n>\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            <span\n                *ngIf=\"product.supplierSku\"\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            <div\n                *ngIf=\"product?.pack\"\n                class=\"flex items-center gap-1 text-tui-text-02\"\n            >\n                \u041D\u043E\u0440\u043C\u0430 \u0443\u043F\u0430\u043A\u043E\u0432\u043A\u0438: {{ product.pack }}\n                <tui-icon\n                    *ngIf=\"product.ignoreMinCountCheck\"\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            </div>\n\n            <sc-cost-with-discount [product]=\"product\" />\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            <tui-avatar\n                *ngIf=\"product.isPreviouslyOrdered\"\n                src=\"@tui.history\"\n                size=\"s\"\n                [style.background]=\"'none'\"\n                [style.color]=\"'var(--tui-text-action)'\"\n            />\n            <sc-favorite-button\n                *ngIf=\"authStatus$ | async\"\n                (clickEvent)=\"clickFavoriteEvent.emit()\"\n                [showLoader]=\"favoriteShowLoader()\"\n                [isFavorite]=\"product.isFavorite\"\n                [disabled]=\"!!product.primaryCategory?.isFavorite\"\n            />\n        </div>\n        <div class=\"flex gap-2\">\n            <button\n                *ngIf=\"!showQuantityControl\"\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            <sc-input-quantity\n                #inputQuantity\n                [tuiAutoFocus]=\"autoFocuseQuantityInput()\"\n                *ngIf=\"showQuantityControl\"\n                [formControl]=\"quantityControl\"\n                size=\"m\"\n                [step]=\"ScUnitsHelper.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            <tui-avatar\n                *ngIf=\"orderItem && !showQuantityControl\"\n                src=\"@tui.check\"\n                size=\"s\"\n                [style.background]=\"'var(--tui-status-warning-pale)'\"\n                [style.color]=\"'var(--tui-background-accent-1)'\"\n            />\n        </div>\n    </div>\n</div>\n\n<ng-template #skeleton>\n    <div class=\"tui-skeleton flex h-[8.25rem] w-full overflow-hidden rounded-xl\"></div>\n</ng-template>\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: "directive", type: i2$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i2$2.AsyncPipe, name: "async" }, { 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", inputs: ["icon", "background"] }, { kind: "ngmodule", type: TuiTextfieldControllerModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$2.TuiHintDirective, selector: "[tuiHint]:not(ng-container):not(ng-template)", inputs: ["tuiHintContext", "tuiHintAppearance", "tuiHint"], outputs: ["tuiHintVisible"] }, { kind: "directive", type: TuiLink, selector: "a[tuiLink], button[tuiLink]", inputs: ["pseudo"] }, { 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: "component", type: TuiAvatar, selector: "tui-avatar,button[tuiAvatar],a[tuiAvatar]", inputs: ["size", "round", "src"] }, { kind: "component", type: ScHoverImageCarouselComponent, selector: "sc-hover-image-carousel", inputs: ["images", "isShowActions", "productName"] }, { 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: "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", "ignoreStepValidators", "appearance", "isDisabled", "size"], outputs: ["clickClearEvent"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScPriceCardInlineComponent, decorators: [{
             type: Component,
@@ -5356,8 +5285,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                         ScPriceWarehouseStockComponent,
                         ScFavoriteButtonComponent,
                         ScInputQuantityComponent,
-                        ScNoindexWrapperComponent,
-                    ], template: "<div\n    *ngIf=\"product; else skeleton\"\n    class=\"card-wrapper relative flex w-full gap-4 rounded-xl p-1 hover:bg-tui-background-neutral-1\"\n>\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                <span\n                    *ngIf=\"product.supplierSku\"\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                <div\n                    *ngIf=\"product?.pack\"\n                    class=\"flex items-center gap-1 text-tui-text-02\"\n                >\n                    \u041D\u043E\u0440\u043C\u0430 \u0443\u043F\u0430\u043A\u043E\u0432\u043A\u0438: {{ product.pack }}\n                    <tui-icon\n                        *ngIf=\"product.ignoreMinCountCheck\"\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                </div>\n            </sc-noindex-wrapper>\n\n            <sc-cost-with-discount [product]=\"product\" />\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                <tui-avatar\n                    *ngIf=\"product.isPreviouslyOrdered\"\n                    src=\"@tui.history\"\n                    size=\"s\"\n                    [style.background]=\"'none'\"\n                    [style.color]=\"'var(--tui-text-action)'\"\n                />\n                <sc-favorite-button\n                    *ngIf=\"authStatus$ | async\"\n                    (clickEvent)=\"clickFavoriteEvent.emit()\"\n                    [showLoader]=\"favoriteShowLoader()\"\n                    [isFavorite]=\"product.isFavorite\"\n                    [disabled]=\"!!product.primaryCategory?.isFavorite\"\n                />\n            </div>\n            <div class=\"flex gap-2\">\n                <button\n                    *ngIf=\"!showQuantityControl\"\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                <sc-input-quantity\n                    #inputQuantity\n                    [tuiAutoFocus]=\"autoFocuseQuantityInput()\"\n                    *ngIf=\"showQuantityControl\"\n                    [formControl]=\"quantityControl\"\n                    size=\"m\"\n                    [step]=\"ScUnitsHelper.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                <tui-avatar\n                    *ngIf=\"orderItem && !showQuantityControl\"\n                    src=\"@tui.check\"\n                    size=\"s\"\n                    [style.background]=\"'var(--tui-status-warning-pale)'\"\n                    [style.color]=\"'var(--tui-background-accent-1)'\"\n                />\n            </div>\n        </div>\n    </sc-noindex-wrapper>\n</div>\n\n<ng-template #skeleton>\n    <div class=\"tui-skeleton flex h-[8.25rem] w-full overflow-hidden rounded-xl\"></div>\n</ng-template>\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: "<div\n    *ngIf=\"product; else skeleton\"\n    class=\"card-wrapper relative flex w-full gap-4 rounded-xl p-1 hover:bg-tui-background-neutral-1\"\n>\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            <span\n                *ngIf=\"product.supplierSku\"\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            <div\n                *ngIf=\"product?.pack\"\n                class=\"flex items-center gap-1 text-tui-text-02\"\n            >\n                \u041D\u043E\u0440\u043C\u0430 \u0443\u043F\u0430\u043A\u043E\u0432\u043A\u0438: {{ product.pack }}\n                <tui-icon\n                    *ngIf=\"product.ignoreMinCountCheck\"\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            </div>\n\n            <sc-cost-with-discount [product]=\"product\" />\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            <tui-avatar\n                *ngIf=\"product.isPreviouslyOrdered\"\n                src=\"@tui.history\"\n                size=\"s\"\n                [style.background]=\"'none'\"\n                [style.color]=\"'var(--tui-text-action)'\"\n            />\n            <sc-favorite-button\n                *ngIf=\"authStatus$ | async\"\n                (clickEvent)=\"clickFavoriteEvent.emit()\"\n                [showLoader]=\"favoriteShowLoader()\"\n                [isFavorite]=\"product.isFavorite\"\n                [disabled]=\"!!product.primaryCategory?.isFavorite\"\n            />\n        </div>\n        <div class=\"flex gap-2\">\n            <button\n                *ngIf=\"!showQuantityControl\"\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            <sc-input-quantity\n                #inputQuantity\n                [tuiAutoFocus]=\"autoFocuseQuantityInput()\"\n                *ngIf=\"showQuantityControl\"\n                [formControl]=\"quantityControl\"\n                size=\"m\"\n                [step]=\"ScUnitsHelper.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            <tui-avatar\n                *ngIf=\"orderItem && !showQuantityControl\"\n                src=\"@tui.check\"\n                size=\"s\"\n                [style.background]=\"'var(--tui-status-warning-pale)'\"\n                [style.color]=\"'var(--tui-background-accent-1)'\"\n            />\n        </div>\n    </div>\n</div>\n\n<ng-template #skeleton>\n    <div class=\"tui-skeleton flex h-[8.25rem] w-full overflow-hidden rounded-xl\"></div>\n</ng-template>\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"] }]
         }] });
 
 /**
@@ -8239,6 +8167,76 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                 }]
         }] });
 
+/**
+ * Директива для замены элемента на 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: "18.2.14", ngImport: i0, type: ScNoindexDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: ScNoindexDirective, isStandalone: true, selector: "[data-noindex]", ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", 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: "18.2.14", ngImport: i0, type: ScNoindexWrapperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", 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: "18.2.14", 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" }]
+        }] });
+
 /**
  * Токен для внедрения опций заказа (черновика) в дочерние компоненты.
  */
@@ -8894,10 +8892,30 @@ class ScOrderFormComponent {
          */
         // eslint-disable-next-line unicorn/consistent-function-scoping
         this.deliveryDates = computed(() => this.deliveryTypeValue() === ScDeliveryType.self_delivery ? this.warehouseDeliveryDates() : this.addressDeliveryDates());
+        /**
+         * Набор доступных дат в виде дат календаря, отсортированный по возрастанию.
+         */
+        this.deliveryDays = computed(() => this.deliveryDates()
+            .map((date) => TuiDay.normalizeParse(date.slice(0, 10), 'YMD'))
+            .sort((firstDay, secondDay) => (firstDay.daySameOrBefore(secondDay) ? -1 : 1)));
+        /**
+         * Первая доступная дата.
+         */
+        this.minDeliveryDay = computed(() => this.deliveryDays()[0] ?? null);
+        /**
+         * Последняя доступная дата.
+         */
+        this.maxDeliveryDay = computed(() => this.deliveryDays().at(-1) ?? null);
         /**
          * Ссылка на элемент с предупреждением о неподтверждённых данных.
          */
         this.unconfirmedDataWarning = viewChild('unconfirmedDataWarning');
+        /**
+         * Возвращает маркер, которым выделяется доступная для выбора дата.
+         *
+         * @param date Дата.
+         */
+        this.deliveryDateMarker = (date) => (this.deliveryDateFilter(date) ? [] : ['var(--tui-background-accent-1)']);
         /**
          * Возвращает признак, что указанная дата недоступна для выбора.
          *
@@ -9176,11 +9194,11 @@ class ScOrderFormComponent {
         reader.readAsDataURL(file);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScOrderFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", 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-select\n                        formControlName=\"contragentId\"\n                        [valueContent]=\"contragents ? stringify(contragents) : selectLoading\"\n                    >\n                        \u041A\u043E\u043D\u0442\u0440\u0430\u0433\u0435\u043D\u0442\n                        <tui-data-list *tuiDataList>\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-select>\n                    <tui-error\n                        formControlName=\"contragentId\"\n                        [error]=\"[] | tuiFieldError | async\"\n                    />\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-select\n            formControlName=\"paymentType\"\n            [valueContent]=\"paymentTypes ? stringify(paymentTypes) : selectLoading\"\n        >\n            \u0422\u0438\u043F \u043E\u043F\u043B\u0430\u0442\u044B\n            <tui-data-list *tuiDataList>\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-select>\n        <tui-error\n            formControlName=\"paymentType\"\n            [error]=\"[] | tuiFieldError | async\"\n        />\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-select\n            formControlName=\"deliveryType\"\n            [valueContent]=\"deliveryTypes ? stringify(deliveryTypes) : selectLoading\"\n        >\n            \u0421\u043F\u043E\u0441\u043E\u0431 \u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438\n            <tui-data-list *tuiDataList>\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-select>\n        <tui-error\n            formControlName=\"deliveryType\"\n            [error]=\"[] | tuiFieldError | async\"\n        />\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-select\n            formControlName=\"warehouseId\"\n            [valueContent]=\"warehouses ? stringify(warehouses) : selectLoading\"\n        >\n            \u0421\u043A\u043B\u0430\u0434\n            <tui-data-list *tuiDataList>\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-select>\n        <tui-error\n            formControlName=\"warehouseId\"\n            [error]=\"[] | tuiFieldError | async\"\n        />\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-select\n                    formControlName=\"addressId\"\n                    [valueContent]=\"addresses ? stringify(addresses) : selectLoading\"\n                >\n                    \u0410\u0434\u0440\u0435\u0441 \u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438\n                    <tui-data-list *tuiDataList>\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-select>\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\n                    formControlName=\"addressId\"\n                    [error]=\"[] | tuiFieldError | async\"\n                />\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-input-date\n            formControlName=\"deliveryDate\"\n            [disabledItemHandler]=\"deliveryDateFilter\"\n        >\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-input-date>\n        <tui-error\n            formControlName=\"deliveryDate\"\n            [error]=\"[] | tuiFieldError | async\"\n        />\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-textarea\n            formControlName=\"comment\"\n            [expandable]=\"true\"\n            [rows]=\"15\"\n        >\n            \u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u0442\u0435\u043A\u0441\u0442\n        </tui-textarea>\n        <tui-error\n            formControlName=\"comment\"\n            [error]=\"[] | tuiFieldError | async\"\n        />\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 tuiInputFiles>\n                <input\n                    accept=\"image/*\"\n                    tuiInputFiles\n                    [formControl]=\"controlFile\"\n                />\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            [error]=\"['maxLength'] | tuiFieldError | async\"\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$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.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$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.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: "component", type: TuiLoader, selector: "tui-loader", inputs: ["size", "inheritColor", "overlay", "textContent", "showLoader"] }, { kind: "directive", type: TuiLabel, selector: "label[tuiLabel]" }, { kind: "ngmodule", type: TuiSelectModule }, { kind: "component", type: i3.TuiSelectComponent, selector: "tui-select", inputs: ["stringify", "identityMatcher", "valueContent"] }, { kind: "directive", type: i3.TuiSelectDirective, selector: "tui-select" }, { kind: "component", type: i3$1.TuiDataListComponent, selector: "tui-data-list", inputs: ["emptyContent", "size"] }, { kind: "directive", type: i3$1.TuiDataListDirective, selector: "ng-template[tuiDataList]" }, { kind: "component", type: i3$1.TuiOption, selector: "button[tuiOption]:not([new]), a[tuiOption]:not([new]), label[tuiOption]:not([new])", inputs: ["disabled", "value"] }, { kind: "component", type: TuiError, selector: "tui-error", inputs: ["error"] }, { kind: "directive", type: TuiLink, selector: "a[tuiLink], button[tuiLink]", inputs: ["pseudo"] }, { kind: "ngmodule", type: TuiInputDateModule }, { kind: "component", type: i3.TuiInputDateComponent, selector: "tui-input-date:not([multiple])", inputs: ["min", "max", "disabledItemHandler", "markerHandler", "items", "defaultActiveYearMonth"] }, { kind: "directive", type: i3.TuiInputDateDirective, selector: "tui-input-date:not([multiple])" }, { kind: "ngmodule", type: TuiTextareaModule }, { kind: "component", type: i3.TuiTextareaComponent, selector: "tui-textarea", inputs: ["rows", "maxLength", "expandable"] }, { kind: "directive", type: i3.TuiTextareaDirective, selector: "tui-textarea" }, { kind: "component", type: TuiInputFiles, selector: "label[tuiInputFiles]" }, { kind: "directive", type: TuiInputFilesDirective, selector: "input[tuiInputFiles]", outputs: ["reject"] }, { kind: "component", type: TuiFilesComponent, selector: "tui-files", inputs: ["max", "expanded"], outputs: ["expandedChange"] }, { kind: "component", type: TuiFile, selector: "tui-file,a[tuiFile],button[tuiFile]", inputs: ["file", "state", "size", "showDelete", "showSize", "leftContent"], outputs: ["remove"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: TuiFieldErrorPipe, name: "tuiFieldError" }, { kind: "pipe", type: TuiFileRejectedPipe, name: "tuiFileRejected" }, { kind: "directive", type: ScFocusFirstInvalidFieldDirective, selector: "form[formGroup][scFocusFirstInvalidField]", inputs: ["fieldOrder"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", 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-select\n                        formControlName=\"contragentId\"\n                        [valueContent]=\"contragents ? stringify(contragents) : selectLoading\"\n                    >\n                        \u041A\u043E\u043D\u0442\u0440\u0430\u0433\u0435\u043D\u0442\n                        <tui-data-list *tuiDataList>\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-select>\n                    <tui-error\n                        formControlName=\"contragentId\"\n                        [error]=\"[] | tuiFieldError | async\"\n                    />\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-select\n            formControlName=\"paymentType\"\n            [valueContent]=\"paymentTypes ? stringify(paymentTypes) : selectLoading\"\n        >\n            \u0422\u0438\u043F \u043E\u043F\u043B\u0430\u0442\u044B\n            <tui-data-list *tuiDataList>\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-select>\n        <tui-error\n            formControlName=\"paymentType\"\n            [error]=\"[] | tuiFieldError | async\"\n        />\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-select\n            formControlName=\"deliveryType\"\n            [valueContent]=\"deliveryTypes ? stringify(deliveryTypes) : selectLoading\"\n        >\n            \u0421\u043F\u043E\u0441\u043E\u0431 \u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438\n            <tui-data-list *tuiDataList>\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-select>\n        <tui-error\n            formControlName=\"deliveryType\"\n            [error]=\"[] | tuiFieldError | async\"\n        />\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-select\n            formControlName=\"warehouseId\"\n            [valueContent]=\"warehouses ? stringify(warehouses) : selectLoading\"\n        >\n            \u0421\u043A\u043B\u0430\u0434\n            <tui-data-list *tuiDataList>\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-select>\n        <tui-error\n            formControlName=\"warehouseId\"\n            [error]=\"[] | tuiFieldError | async\"\n        />\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-select\n                    formControlName=\"addressId\"\n                    [valueContent]=\"addresses ? stringify(addresses) : selectLoading\"\n                >\n                    \u0410\u0434\u0440\u0435\u0441 \u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438\n                    <tui-data-list *tuiDataList>\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-select>\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\n                    formControlName=\"addressId\"\n                    [error]=\"[] | tuiFieldError | async\"\n                />\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-input-date\n            formControlName=\"deliveryDate\"\n            [disabledItemHandler]=\"deliveryDateFilter\"\n            [markerHandler]=\"deliveryDateMarker\"\n            [max]=\"maxDeliveryDay()\"\n            [min]=\"minDeliveryDay()\"\n        >\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-input-date>\n        <tui-error\n            formControlName=\"deliveryDate\"\n            [error]=\"[] | tuiFieldError | async\"\n        />\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-textarea\n            formControlName=\"comment\"\n            [expandable]=\"true\"\n            [rows]=\"15\"\n        >\n            \u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u0442\u0435\u043A\u0441\u0442\n        </tui-textarea>\n        <tui-error\n            formControlName=\"comment\"\n            [error]=\"[] | tuiFieldError | async\"\n        />\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 tuiInputFiles>\n                <input\n                    accept=\"image/*\"\n                    tuiInputFiles\n                    [formControl]=\"controlFile\"\n                />\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            [error]=\"['maxLength'] | tuiFieldError | async\"\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$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.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$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.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: "component", type: TuiLoader, selector: "tui-loader", inputs: ["size", "inheritColor", "overlay", "textContent", "showLoader"] }, { kind: "directive", type: TuiLabel, selector: "label[tuiLabel]" }, { kind: "ngmodule", type: TuiSelectModule }, { kind: "component", type: i3.TuiSelectComponent, selector: "tui-select", inputs: ["stringify", "identityMatcher", "valueContent"] }, { kind: "directive", type: i3.TuiSelectDirective, selector: "tui-select" }, { kind: "component", type: i3$1.TuiDataListComponent, selector: "tui-data-list", inputs: ["emptyContent", "size"] }, { kind: "directive", type: i3$1.TuiDataListDirective, selector: "ng-template[tuiDataList]" }, { kind: "component", type: i3$1.TuiOption, selector: "button[tuiOption]:not([new]), a[tuiOption]:not([new]), label[tuiOption]:not([new])", inputs: ["disabled", "value"] }, { kind: "component", type: TuiError, selector: "tui-error", inputs: ["error"] }, { kind: "directive", type: TuiLink, selector: "a[tuiLink], button[tuiLink]", inputs: ["pseudo"] }, { kind: "ngmodule", type: TuiInputDateModule }, { kind: "component", type: i3.TuiInputDateComponent, selector: "tui-input-date:not([multiple])", inputs: ["min", "max", "disabledItemHandler", "markerHandler", "items", "defaultActiveYearMonth"] }, { kind: "directive", type: i3.TuiInputDateDirective, selector: "tui-input-date:not([multiple])" }, { kind: "ngmodule", type: TuiTextareaModule }, { kind: "component", type: i3.TuiTextareaComponent, selector: "tui-textarea", inputs: ["rows", "maxLength", "expandable"] }, { kind: "directive", type: i3.TuiTextareaDirective, selector: "tui-textarea" }, { kind: "component", type: TuiInputFiles, selector: "label[tuiInputFiles]" }, { kind: "directive", type: TuiInputFilesDirective, selector: "input[tuiInputFiles]", outputs: ["reject"] }, { kind: "component", type: TuiFilesComponent, selector: "tui-files", inputs: ["max", "expanded"], outputs: ["expandedChange"] }, { kind: "component", type: TuiFile, selector: "tui-file,a[tuiFile],button[tuiFile]", inputs: ["file", "state", "size", "showDelete", "showSize", "leftContent"], outputs: ["remove"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: TuiFieldErrorPipe, name: "tuiFieldError" }, { kind: "pipe", type: TuiFileRejectedPipe, name: "tuiFileRejected" }, { kind: "directive", type: ScFocusFirstInvalidFieldDirective, selector: "form[formGroup][scFocusFirstInvalidField]", inputs: ["fieldOrder"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScOrderFormComponent, decorators: [{
             type: Component,
-            args: [{ standalone: true, selector: 'sc-order-form', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
+            args: [{ standalone: true, selector: 'sc-order-form', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [
                         FormsModule,
                         ReactiveFormsModule,
                         RouterLink,
@@ -9202,7 +9220,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                         TuiFieldErrorPipe,
                         TuiFileRejectedPipe,
                         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-select\n                        formControlName=\"contragentId\"\n                        [valueContent]=\"contragents ? stringify(contragents) : selectLoading\"\n                    >\n                        \u041A\u043E\u043D\u0442\u0440\u0430\u0433\u0435\u043D\u0442\n                        <tui-data-list *tuiDataList>\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-select>\n                    <tui-error\n                        formControlName=\"contragentId\"\n                        [error]=\"[] | tuiFieldError | async\"\n                    />\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-select\n            formControlName=\"paymentType\"\n            [valueContent]=\"paymentTypes ? stringify(paymentTypes) : selectLoading\"\n        >\n            \u0422\u0438\u043F \u043E\u043F\u043B\u0430\u0442\u044B\n            <tui-data-list *tuiDataList>\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-select>\n        <tui-error\n            formControlName=\"paymentType\"\n            [error]=\"[] | tuiFieldError | async\"\n        />\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-select\n            formControlName=\"deliveryType\"\n            [valueContent]=\"deliveryTypes ? stringify(deliveryTypes) : selectLoading\"\n        >\n            \u0421\u043F\u043E\u0441\u043E\u0431 \u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438\n            <tui-data-list *tuiDataList>\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-select>\n        <tui-error\n            formControlName=\"deliveryType\"\n            [error]=\"[] | tuiFieldError | async\"\n        />\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-select\n            formControlName=\"warehouseId\"\n            [valueContent]=\"warehouses ? stringify(warehouses) : selectLoading\"\n        >\n            \u0421\u043A\u043B\u0430\u0434\n            <tui-data-list *tuiDataList>\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-select>\n        <tui-error\n            formControlName=\"warehouseId\"\n            [error]=\"[] | tuiFieldError | async\"\n        />\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-select\n                    formControlName=\"addressId\"\n                    [valueContent]=\"addresses ? stringify(addresses) : selectLoading\"\n                >\n                    \u0410\u0434\u0440\u0435\u0441 \u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438\n                    <tui-data-list *tuiDataList>\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-select>\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\n                    formControlName=\"addressId\"\n                    [error]=\"[] | tuiFieldError | async\"\n                />\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-input-date\n            formControlName=\"deliveryDate\"\n            [disabledItemHandler]=\"deliveryDateFilter\"\n        >\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-input-date>\n        <tui-error\n            formControlName=\"deliveryDate\"\n            [error]=\"[] | tuiFieldError | async\"\n        />\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-textarea\n            formControlName=\"comment\"\n            [expandable]=\"true\"\n            [rows]=\"15\"\n        >\n            \u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u0442\u0435\u043A\u0441\u0442\n        </tui-textarea>\n        <tui-error\n            formControlName=\"comment\"\n            [error]=\"[] | tuiFieldError | async\"\n        />\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 tuiInputFiles>\n                <input\n                    accept=\"image/*\"\n                    tuiInputFiles\n                    [formControl]=\"controlFile\"\n                />\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            [error]=\"['maxLength'] | tuiFieldError | async\"\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-select\n                        formControlName=\"contragentId\"\n                        [valueContent]=\"contragents ? stringify(contragents) : selectLoading\"\n                    >\n                        \u041A\u043E\u043D\u0442\u0440\u0430\u0433\u0435\u043D\u0442\n                        <tui-data-list *tuiDataList>\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-select>\n                    <tui-error\n                        formControlName=\"contragentId\"\n                        [error]=\"[] | tuiFieldError | async\"\n                    />\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-select\n            formControlName=\"paymentType\"\n            [valueContent]=\"paymentTypes ? stringify(paymentTypes) : selectLoading\"\n        >\n            \u0422\u0438\u043F \u043E\u043F\u043B\u0430\u0442\u044B\n            <tui-data-list *tuiDataList>\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-select>\n        <tui-error\n            formControlName=\"paymentType\"\n            [error]=\"[] | tuiFieldError | async\"\n        />\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-select\n            formControlName=\"deliveryType\"\n            [valueContent]=\"deliveryTypes ? stringify(deliveryTypes) : selectLoading\"\n        >\n            \u0421\u043F\u043E\u0441\u043E\u0431 \u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438\n            <tui-data-list *tuiDataList>\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-select>\n        <tui-error\n            formControlName=\"deliveryType\"\n            [error]=\"[] | tuiFieldError | async\"\n        />\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-select\n            formControlName=\"warehouseId\"\n            [valueContent]=\"warehouses ? stringify(warehouses) : selectLoading\"\n        >\n            \u0421\u043A\u043B\u0430\u0434\n            <tui-data-list *tuiDataList>\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-select>\n        <tui-error\n            formControlName=\"warehouseId\"\n            [error]=\"[] | tuiFieldError | async\"\n        />\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-select\n                    formControlName=\"addressId\"\n                    [valueContent]=\"addresses ? stringify(addresses) : selectLoading\"\n                >\n                    \u0410\u0434\u0440\u0435\u0441 \u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438\n                    <tui-data-list *tuiDataList>\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-select>\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\n                    formControlName=\"addressId\"\n                    [error]=\"[] | tuiFieldError | async\"\n                />\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-input-date\n            formControlName=\"deliveryDate\"\n            [disabledItemHandler]=\"deliveryDateFilter\"\n            [markerHandler]=\"deliveryDateMarker\"\n            [max]=\"maxDeliveryDay()\"\n            [min]=\"minDeliveryDay()\"\n        >\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-input-date>\n        <tui-error\n            formControlName=\"deliveryDate\"\n            [error]=\"[] | tuiFieldError | async\"\n        />\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-textarea\n            formControlName=\"comment\"\n            [expandable]=\"true\"\n            [rows]=\"15\"\n        >\n            \u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u0442\u0435\u043A\u0441\u0442\n        </tui-textarea>\n        <tui-error\n            formControlName=\"comment\"\n            [error]=\"[] | tuiFieldError | async\"\n        />\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 tuiInputFiles>\n                <input\n                    accept=\"image/*\"\n                    tuiInputFiles\n                    [formControl]=\"controlFile\"\n                />\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            [error]=\"['maxLength'] | tuiFieldError | async\"\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: () => [] });
 
 /**