@snabcentr/client-ui 4.6.1 → 4.7.0

package/fesm2022/snabcentr-client-ui.mjs

@@ -1,31 +1,31 @@
 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, 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 } 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, 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, ScOrderDraftsService, ScRouteKeys, ScSeoService, scOrderIsLoaded, ScFrequentlyAskedQuestionsService, 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, 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, ScFrequentlyAskedQuestionsService, 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, merge, skip, from, concatMap, noop, first } 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';
 import { takeUntilDestroyed, toSignal, outputFromObservable, toObservable } from '@angular/core/rxjs-interop';
 import * as i4$1 from '@taiga-ui/cdk';
-import { TuiDay, TuiTime, TuiValueTransformer, TUI_IS_MOBILE, tuiControlValue, tuiIsPresent, tuiMarkControlAsTouchedAndValidate, tuiIsFalsy, TuiAutoFocus, TuiRepeatTimes, TuiHovered, TuiDayRange, TuiMonth, tuiPure, tuiProvide, TUI_WINDOW_SIZE, TuiValidationError, TUI_TRUE_HANDLER } from '@taiga-ui/cdk';
+import { TuiDay, TuiTime, TuiValueTransformer, TUI_IS_MOBILE, tuiControlValue, tuiIsPresent, tuiMarkControlAsTouchedAndValidate, tuiIsFalsy, TuiAutoFocus, TuiRepeatTimes, TuiHovered, TuiDayRange, TuiMonth, tuiPure, tuiProvide, TuiValidationError, TUI_WINDOW_SIZE, TUI_TRUE_HANDLER } from '@taiga-ui/cdk';
 import * as i2$1 from '@taiga-ui/kit';
-import { TUI_DATE_VALUE_TRANSFORMER, TuiPreview, TuiAvatar, TuiAccordionItem, TuiElasticContainer, TuiAccordion, TuiFieldErrorPipe, TuiFilterByInputPipe, TuiStringifyContentPipe, TuiDataListWrapper, TuiButtonLoading, TuiSortCountriesPipe, TuiStepper, TuiCarousel, TuiPush, TuiCheckbox, TuiFiles, TuiChip, TuiInputNumber, TuiBadge, TuiTooltip, TuiHighlight, TuiLineClamp, TuiRadio, TuiInputRange, tuiInputNumberOptionsProvider, TuiDataListWrapperComponent, TuiChevron, TuiSelect, TuiInputSlider, TuiTreeService, TuiTreeItemContent, TUI_TREE_START, TUI_TREE_CONTENT, TUI_TREE_LOADING, TUI_TREE_LOADER, TuiTree, TuiPreviewDialogService, TUI_CONFIRM, tuiItemsHandlersProvider as tuiItemsHandlersProvider$1, TuiPagination, TuiAccordionDirective, TuiAccordionItemContent, tuiFilesAccepted } from '@taiga-ui/kit';
+import { TUI_DATE_VALUE_TRANSFORMER, TuiPreview, TuiAvatar, TuiAccordionItem, TuiElasticContainer, TuiAccordion, TuiFieldErrorPipe, TuiFilterByInputPipe, TuiStringifyContentPipe, TuiDataListWrapper, TuiButtonLoading, TuiSortCountriesPipe, TuiStepper, TuiCarousel, TuiPush, TuiCheckbox, TuiFiles, TuiChip, TuiInputNumber, TuiBadge, TuiTooltip, TuiHighlight, TuiLineClamp, TuiFade, TuiRange, tuiInputNumberOptionsProvider, TuiDataListWrapperComponent, TuiChevron, TuiSelect, TuiInputSlider, TuiTreeService, TuiTreeItemContent, TUI_TREE_START, TUI_TREE_CONTENT, TUI_TREE_LOADING, TUI_TREE_LOADER, TuiTree, TuiPreviewDialogService, tuiFilesAccepted, TuiInputFiles, TuiInputFilesDirective, TuiFilesComponent, TuiFile, TuiFileRejectedPipe, TUI_CONFIRM, tuiItemsHandlersProvider as tuiItemsHandlersProvider$1, TuiPagination, TuiAccordionDirective, TuiAccordionItemContent } from '@taiga-ui/kit';
 import { HttpClient, HttpErrorResponse } from '@angular/common/http';
 import * as i1$1 from '@angular/forms';
 import { FormControl, FormGroupDirective, NgControl, FormGroup, Validators, FormArray, FormsModule, ReactiveFormsModule } from '@angular/forms';
 import * as i1$2 from '@taiga-ui/core';
-import { TuiButton, TuiDialog, TuiDialogService, TuiLink, TuiFallbackSrcPipe, TuiInitialsPipe, TuiIcon, TuiAppearance, TuiWithAppearance, TuiIcons, TuiWithIcons, TUI_DATA_LIST_HOST, tuiDropdownOptionsProvider, TuiLabel, TuiError, TuiLoader, TuiDataList, TuiNotification, TuiTextfield, TuiTitle, TuiNumberFormat, TuiHint, TUI_MONTHS, tuiNumberFormatProvider, tuiItemsHandlersProvider, tuiTextfieldOptionsProvider, tuiHintOptionsProvider, TuiFormatNumberPipe, TuiHintDriver, TuiHintHover, TuiHintPosition, TuiHintDirective, TUI_BUTTON_OPTIONS, TUI_BUTTON_DEFAULT_OPTIONS, TuiScrollbar, TuiSurface, tuiFadeIn } from '@taiga-ui/core';
+import { TuiButton, TuiDialog, TuiDialogService, TuiLink, TuiFallbackSrcPipe, TuiInitialsPipe, TuiIcon, TuiAppearance, TuiWithAppearance, TuiIcons, TuiWithIcons, TUI_DATA_LIST_HOST, tuiDropdownOptionsProvider, TuiLabel, TuiError, TuiLoader, TuiDataList, TuiNotification, TuiTextfield, TuiTitle, TuiNumberFormat, TuiHint, TUI_MONTHS, TuiScrollbar, tuiNumberFormatProvider, tuiItemsHandlersProvider, tuiTextfieldOptionsProvider, tuiHintOptionsProvider, TuiFormatNumberPipe, TuiHintDriver, TuiHintHover, TuiHintPosition, TuiHintDirective, TuiDataListComponent, TuiOption, TUI_BUTTON_OPTIONS, TUI_BUTTON_DEFAULT_OPTIONS, TuiSurface, tuiFadeIn } from '@taiga-ui/core';
 import { isValidPhoneNumber } from 'libphonenumber-js/max';
 import * as i4 from '@taiga-ui/legacy/components/primitive-textfield';
 import * as i3 from '@taiga-ui/legacy';
-import { AbstractTuiControl, TuiInputModule, TuiTextfieldControllerModule, TuiComboBoxModule, TuiInputPhoneModule, TuiSelectModule, TuiInputPasswordModule, AbstractTuiNullableControl, TuiInputNumberComponent, TuiInputNumberModule, TuiIslandDirective, TuiTextareaModule } from '@taiga-ui/legacy';
+import { AbstractTuiControl, TuiInputModule, TuiTextfieldControllerModule, TuiComboBoxModule, TuiInputPhoneModule, TuiSelectModule, TuiInputPasswordModule, AbstractTuiNullableControl, TuiInputNumberComponent, TuiInputNumberModule, TuiIslandDirective, TuiInputDateModule, TuiTextareaModule } from '@taiga-ui/legacy';
 import { getCountries } from 'libphonenumber-js';
-import { isNil, isUndefined, isObject } from 'lodash-es';
+import { isNil, isUndefined, isObject, isArray, isString } from 'lodash-es';
 import * as i5 from '@taiga-ui/core/components/label';
 import * as i8 from '@maskito/angular';
 import { MaskitoDirective } from '@maskito/angular';
 import * as i2$2 from '@angular/common';
-import { DOCUMENT, CommonModule, NgIf, AsyncPipe, DecimalPipe, NgFor, NgClass } from '@angular/common';
+import { DOCUMENT, CommonModule, NgIf, AsyncPipe, NgTemplateOutlet, DecimalPipe, NgFor, NgClass } from '@angular/common';
 import * as i2$3 from '@taiga-ui/polymorpheus';
 import { POLYMORPHEUS_CONTEXT, PolymorpheusComponent, PolymorpheusTemplate, PolymorpheusOutlet, injectContext } from '@taiga-ui/polymorpheus';
 import * as i2 from 'angularx-qrcode';
@@ -33,6 +33,7 @@ import { QRCodeModule } from 'angularx-qrcode';
 import * as i1$3 from '@taiga-ui/experimental';
 import { TuiInputPhoneInternational, TuiAccordion as TuiAccordion$1 } from '@taiga-ui/experimental';
 import * as i3$1 from '@taiga-ui/core/components/data-list';
+import { TuiDataListDirective } from '@taiga-ui/core/components/data-list';
 import * as i1$4 from '@taiga-ui/cdk/directives/item';
 import * as i3$2 from '@ng-web-apis/intersection-observer';
 import { IntersectionObserverService, WaIntersectionObserver } from '@ng-web-apis/intersection-observer';
@@ -46,10 +47,11 @@ import { TuiCardLarge, TuiBlockStatus, TuiHeader } from '@taiga-ui/layout';
 import { __decorate } from 'tslib';
 import * as i4$2 from '@taiga-ui/addon-charts';
 import { TuiLineDaysChart, TuiLineDaysChartHint, TuiAxes } from '@taiga-ui/addon-charts';
-import * as i2$5 from '@taiga-ui/experimental/components/expand';
 import * as i5$2 from '@taiga-ui/kit/components/slider';
 import * as i9 from 'angular8-yandex-maps';
 import { AngularYandexMapsModule } from 'angular8-yandex-maps';
+import { isValid, parse, format } from 'date-fns';
+import * as i2$5 from '@taiga-ui/experimental/components/expand';
 import * as i3$3 from '@taiga-ui/kit/components/data-list-wrapper';
 import { TuiGroup } from '@taiga-ui/core/directives/group';
 import * as i4$3 from 'ng-recaptcha-2';
@@ -346,6 +348,36 @@ const SC_HIDDEN_PRINT_ELEMENTS = new InjectionToken('SC_HIDDEN_PRINT_ELEMENTS',
     providedIn: 'root',
 });
 
+/**
+ * Селектор iframe reCAPTCHA.
+ */
+const RECAPTCHA_IFRAME_SELECTOR = 'iframe[src*="recaptcha"]';
+/**
+ * Селектор хоста reCAPTCHA.
+ */
+const RECAPTCHA_HOST_SELECTOR = 're-captcha';
+/**
+ * Освобождает ресурсы reCAPTCHA и удаляет осиротевшие iframe после смены маршрута.
+ *
+ * @param documentReference Объект документа.
+ * @param windowReference Объект окна браузера.
+ */
+function cleanupRecaptchaArtifacts(documentReference, windowReference) {
+    const windowWithRecaptcha = windowReference;
+    try {
+        windowWithRecaptcha.grecaptcha?.reset();
+    }
+    catch {
+        // Ошибки reCAPTCHA не должны блокировать навигацию.
+    }
+    documentReference.querySelectorAll(RECAPTCHA_IFRAME_SELECTOR).forEach((iframe) => {
+        if (iframe.closest(RECAPTCHA_HOST_SELECTOR)) {
+            return;
+        }
+        iframe.remove();
+    });
+}
+
 /**
  * Сервис по работе с печатью страницы.
  */
@@ -535,9 +567,9 @@ class AbstractScPriceCard {
          */
         this.autoFocuseQuantityInput = signal(false);
         /**
-         * Экземпляр класса-помощника для работы со значениями единиц измерения товара.
+         * Класс-помощник для работы со значениями единиц измерения товара.
          */
-        this.unitsHelper = inject(ScUnitsHelper);
+        this.ScUnitsHelper = ScUnitsHelper;
         /**
          * Хелпер для работы с изображениями товара.
          */
@@ -4214,11 +4246,11 @@ class ScAddOrEditingCartItemFormComponent {
         /**
          * Признак возможности продажи товара на метраж.
          */
-        this.productIsMeasurable = computed(() => this.unitsHelper.productIsMeasurable(this.product()));
+        this.productIsMeasurable = computed(() => ScUnitsHelper.productIsMeasurable(this.product()));
         /**
          * Кратность количества для товара.
          */
-        this.productMultiplicity = computed(() => this.unitsHelper.productMultiplicity(this.product()));
+        this.productMultiplicity = computed(() => ScUnitsHelper.getProductMultiplicity(this.product()));
         /**
          * Минимальный метраж для товара.
          */
@@ -4230,7 +4262,7 @@ class ScAddOrEditingCartItemFormComponent {
         /**
          * Шаг изменения метража.
          */
-        this.lengthStep = computed(() => this.product().properties?.lengthStep ?? (this.product().ignoreMinCountCheck ? 0 : this.product().minCount));
+        this.lengthStep = computed(() => ScUnitsHelper.getProductLengthMultiplicity(this.product()));
         /**
          * Подсказка по минимальному и максимальному метражу товара.
          */
@@ -4248,10 +4280,6 @@ class ScAddOrEditingCartItemFormComponent {
          * {@link Output} события редактирования товара в корзине.
          */
         this.editCartItem = output();
-        /**
-         * Объект-помощник для работы со значениями единиц измерения товара.
-         */
-        this.unitsHelper = inject(ScUnitsHelper);
         /**
          * Сервис для сбора метрик о действиях пользователей.
          */
@@ -4273,7 +4301,7 @@ class ScAddOrEditingCartItemFormComponent {
         }
         // Устанавливаем количество из корзины или кратности товара.
         this.form.patchValue({
-            quantity: this.orderItem()?.quantity ?? this.unitsHelper.productMultiplicity(this.product()),
+            quantity: this.orderItem()?.quantity ?? ScUnitsHelper.getProductMultiplicity(this.product()),
             marker: this.orderItem()?.marker ?? '',
         });
         const step = this.lengthStep();
@@ -4282,9 +4310,9 @@ class ScAddOrEditingCartItemFormComponent {
             this.form.controls.length?.patchValue(this.form.controls.quantity.value * step);
         }
         // Добавляем валидацию шага для количества.
-        this.form.controls.quantity.addValidators(stepValidator(this.unitsHelper.productStepForValidator(this.product())));
+        this.form.controls.quantity.addValidators(stepValidator(ScUnitsHelper.getProductMultiplicity(this.product())));
         // Добавляем валидацию шага для длины.
-        this.form.get('length')?.addValidators(stepValidator(this.product().properties?.lengthStep ?? (this.product().ignoreMinCountCheck ? 0 : (this.product().minCount ?? 0))));
+        this.form.get('length')?.addValidators(stepValidator(ScUnitsHelper.getProductLengthMultiplicity(this.product())));
         // Считаем итоговую стоимость заказа.
         this.totalCost$ = tuiControlValue(this.form).pipe(debounceTime(0), // Исправляем ошибку NG0950.
         filter(() => this.form.valid), distinctUntilChanged((previous, current) => previous.length === current.length && previous.quantity === current.quantity), // Только при изменении значений
@@ -4428,11 +4456,11 @@ class ScAddOrEditingCartItemDialogComponent {
                 this.formComponent().form.markAsDirty();
             }
             return of();
-        }))), startWith(), share());
+        }), startWith(loadingPlaceholder))), share());
         /**
          * {@link Observable} изменения состояния загрузки данных.
          */
-        this.loading = toSignal(this.submit$.pipe(map(tuiIsFalsy)), { initialValue: false });
+        this.loading = toSignal(this.submit$.pipe(map((data) => data === loadingPlaceholder)), { initialValue: false });
         /**
          * Контекст диалогового окна.
          */
@@ -5262,7 +5290,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]=\"unitsHelper.productMultiplicity(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    <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 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScPriceCardComponent, decorators: [{
             type: Component,
@@ -5283,7 +5311,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                         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]=\"unitsHelper.productMultiplicity(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    <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"] }]
         }], propDecorators: { size: [{
                 type: Input
             }, {
@@ -5300,7 +5328,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]=\"unitsHelper.productMultiplicity(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        <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 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScPriceCardInlineComponent, decorators: [{
             type: Component,
@@ -5324,7 +5352,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                         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]=\"unitsHelper.productMultiplicity(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        <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"] }]
         }] });
 
 /**
@@ -5627,6 +5655,60 @@ const SC_CATALOG_PRODUCTS_FILTERS = new InjectionToken('SC_CATALOG_PRODUCTS_FILT
  */
 const SC_CATALOG_SHOW_PRODUCTS_RECURSIVELY = new InjectionToken('SC_CATALOG_SHOW_PRODUCTS_RECURSIVELY');
 
+/**
+ * Контейнер сворачивания для длинного списка вариантов фильтра.
+ *
+ * Когда число элементов превышает порог: свёрнут — fade с обрезкой, развёрнут — scrollbar.
+ * Иначе рендерит контент без обёртки и кнопки переключения.
+ *
+ * Контент проецируется как `<ng-template>` — это сохраняет инжектор `ControlContainer`
+ * родителя для `formControlName`/`formGroupName` внутри проецируемого фрагмента.
+ */
+class ScCatalogFilterCollapsibleComponent {
+    constructor() {
+        /**
+         * Число элементов содержимого, по которому решается необходимость сворачивания.
+         */
+        this.itemsCount = input.required();
+        /**
+         * Показывать ли кнопку сброса значений группы.
+         */
+        this.showReset = input(false);
+        /**
+         * Событие нажатия на кнопку сброса группы.
+         */
+        this.resetGroup = output();
+        /**
+         * Проецируемое содержимое (объявляется в шаблоне родителя как `<ng-template>`).
+         */
+        this.contentTpl = contentChild.required(TemplateRef);
+        /**
+         * Развёрнут ли список.
+         */
+        this.isExpanded = signal(false);
+        /**
+         * Нужно ли сворачивание для текущего числа элементов.
+         */
+        this.isCollapsible = computed(() => this.itemsCount() > ScCatalogFilterCollapsibleComponent.COLLAPSE_THRESHOLD);
+    }
+    /**
+     * Порог числа вариантов, после которого включается сворачивание с {@link TuiFade}.
+     */
+    static { this.COLLAPSE_THRESHOLD = 5; }
+    /**
+     * Переключает развёрнутость списка.
+     */
+    toggle() {
+        this.isExpanded.update((value) => !value);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScCatalogFilterCollapsibleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ScCatalogFilterCollapsibleComponent, isStandalone: true, selector: "sc-catalog-filter-collapsible", inputs: { itemsCount: { classPropertyName: "itemsCount", publicName: "itemsCount", isSignal: true, isRequired: true, transformFunction: null }, showReset: { classPropertyName: "showReset", publicName: "showReset", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { resetGroup: "resetGroup" }, queries: [{ propertyName: "contentTpl", first: true, predicate: TemplateRef, descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"flex flex-col gap-2\">\n    @if (isCollapsible()) {\n        @if (isExpanded()) {\n            <tui-scrollbar [style.max-block-size]=\"'11rem'\">\n                <ng-container *ngTemplateOutlet=\"contentTpl()\" />\n            </tui-scrollbar>\n        } @else {\n            <div\n                class=\"filter-group-fade\"\n                tuiFade=\"vertical\"\n                tuiFadeHeight=\"0.25rem\"\n                tuiFadeOffset=\"0.25rem\"\n            >\n                <ng-container *ngTemplateOutlet=\"contentTpl()\" />\n            </div>\n        }\n\n        <div class=\"flex items-center justify-between\">\n            <button\n                tuiLink\n                type=\"button\"\n                class=\"text-start !text-body-s\"\n                [style.text-decoration-line]=\"'underline'\"\n                (click)=\"toggle()\"\n            >\n                @if (isExpanded()) {\n                    \u0421\u0432\u0435\u0440\u043D\u0443\u0442\u044C\n                } @else {\n                    \u041F\u043E\u043A\u0430\u0437\u0430\u0442\u044C \u0435\u0449\u0451\n                }\n            </button>\n            @if (showReset()) {\n                <button\n                    tuiLink\n                    appearance=\"\"\n                    [style.color]=\"'var(--tui-status-negative)'\"\n                    [style.text-decoration-line]=\"'underline'\"\n                    type=\"button\"\n                    class=\"!text-body-s\"\n                    (click)=\"resetGroup.emit()\"\n                >\n                    \u0421\u0431\u0440\u043E\u0441\u0438\u0442\u044C\n                </button>\n            }\n        </div>\n    } @else {\n        <ng-container *ngTemplateOutlet=\"contentTpl()\" />\n        @if (showReset()) {\n            <button\n                tuiLink\n                type=\"button\"\n                class=\"text-start !text-body-s\"\n                (click)=\"resetGroup.emit()\"\n            >\n                \u0421\u0431\u0440\u043E\u0441\u0438\u0442\u044C\n            </button>\n        }\n    }\n</div>\n", styles: [".filter-group-fade{box-sizing:border-box;max-block-size:9rem;overflow:hidden!important;transition:none!important}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: TuiFade, selector: "[tuiFade]", inputs: ["tuiFadeHeight", "tuiFadeSize", "tuiFadeOffset", "tuiFade"] }, { kind: "directive", type: TuiLink, selector: "a[tuiLink], button[tuiLink]", inputs: ["pseudo"] }, { kind: "component", type: TuiScrollbar, selector: "tui-scrollbar", inputs: ["hidden"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScCatalogFilterCollapsibleComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: 'sc-catalog-filter-collapsible', changeDetection: ChangeDetectionStrategy.OnPush, imports: [NgTemplateOutlet, TuiFade, TuiLink, TuiScrollbar], template: "<div class=\"flex flex-col gap-2\">\n    @if (isCollapsible()) {\n        @if (isExpanded()) {\n            <tui-scrollbar [style.max-block-size]=\"'11rem'\">\n                <ng-container *ngTemplateOutlet=\"contentTpl()\" />\n            </tui-scrollbar>\n        } @else {\n            <div\n                class=\"filter-group-fade\"\n                tuiFade=\"vertical\"\n                tuiFadeHeight=\"0.25rem\"\n                tuiFadeOffset=\"0.25rem\"\n            >\n                <ng-container *ngTemplateOutlet=\"contentTpl()\" />\n            </div>\n        }\n\n        <div class=\"flex items-center justify-between\">\n            <button\n                tuiLink\n                type=\"button\"\n                class=\"text-start !text-body-s\"\n                [style.text-decoration-line]=\"'underline'\"\n                (click)=\"toggle()\"\n            >\n                @if (isExpanded()) {\n                    \u0421\u0432\u0435\u0440\u043D\u0443\u0442\u044C\n                } @else {\n                    \u041F\u043E\u043A\u0430\u0437\u0430\u0442\u044C \u0435\u0449\u0451\n                }\n            </button>\n            @if (showReset()) {\n                <button\n                    tuiLink\n                    appearance=\"\"\n                    [style.color]=\"'var(--tui-status-negative)'\"\n                    [style.text-decoration-line]=\"'underline'\"\n                    type=\"button\"\n                    class=\"!text-body-s\"\n                    (click)=\"resetGroup.emit()\"\n                >\n                    \u0421\u0431\u0440\u043E\u0441\u0438\u0442\u044C\n                </button>\n            }\n        </div>\n    } @else {\n        <ng-container *ngTemplateOutlet=\"contentTpl()\" />\n        @if (showReset()) {\n            <button\n                tuiLink\n                type=\"button\"\n                class=\"text-start !text-body-s\"\n                (click)=\"resetGroup.emit()\"\n            >\n                \u0421\u0431\u0440\u043E\u0441\u0438\u0442\u044C\n            </button>\n        }\n    }\n</div>\n", styles: [".filter-group-fade{box-sizing:border-box;max-block-size:9rem;overflow:hidden!important;transition:none!important}\n"] }]
+        }] });
+
 /* eslint-disable class-methods-use-this */
 /**
  * Компонент вывода фильтров каталога.
@@ -5637,9 +5719,9 @@ class ScCatalogFiltersComponent {
      */
     constructor() {
         /**
-         * Состояние открытия accordion.
+         * Подписки синхронизации контролов формы (range slider, single-select checkbox).
          */
-        this.isOpenAccordion = input(false);
+        this.formSyncs = new Subscription();
         /**
          * Сервис для работы с фильтрами каталога.
          */
@@ -5657,16 +5739,33 @@ class ScCatalogFiltersComponent {
          */
         this.isRecursively = inject(SC_CATALOG_SHOW_PRODUCTS_RECURSIVELY);
         /**
-         * {@link Observable} фильтров категории.
+         * Показывать ли кнопку «Показать результаты».
          */
-        this.filters = toSignal(inject(SC_CATEGORY_INFO).pipe(catchError(() => EMPTY), filter(tuiIsPresent), switchMap((category) => this.catalogFilterService.getFilters$(this.idOrSlugPipe.transform(category), this.isRecursively)), map((filters) => filters.filter((item) => item.type !== 'range' || item.min !== item.max)), tap((filters) => {
-            this.updateFormControls(filters);
-        }), share()));
+        this.showResultsButton = input(false);
+        /**
+         * Событие нажатия на кнопку сброса всех фильтров.
+         */
+        this.resetFilters = output();
+        /**
+         * Событие нажатия на кнопку показа результатов.
+         */
+        this.showResults = output();
         /**
          * FormGroup для фильтров.
          */
         this.form = new FormGroup({});
-        this.form.valueChanges.pipe(takeUntilDestroyed()).subscribe((filters) => {
+        /**
+         * {@link Observable} фильтров категории.
+         */
+        this.filters = toSignal(inject(SC_CATEGORY_INFO).pipe(catchError(() => EMPTY), filter(tuiIsPresent), switchMap((category) => this.catalogFilterService.getFilters$(this.idOrSlugPipe.transform(category), this.isRecursively)), filter(tuiIsPresent), map((filters) => filters
+            .filter((item) => item.type !== 'range' || item.min !== item.max)
+            .map((item) => (item.type === 'checkbox' ? { ...item, values: [...item.values].sort((a, b) => a.label.localeCompare(b.label)) } : item))), tap((filters) => {
+            this.updateFormControls(filters);
+        }), share()));
+        inject(DestroyRef).onDestroy(() => {
+            this.formSyncs.unsubscribe();
+        });
+        this.form.valueChanges.pipe(debounceTime(0), takeUntilDestroyed()).subscribe((filters) => {
             this.catalogProductsFilters$.next(this.buildPropertyFilters(filters));
         });
     }
@@ -5676,17 +5775,28 @@ class ScCatalogFiltersComponent {
      * @param filters Массив фильтров для создания контролов.
      */
     updateFormControls(filters) {
+        this.formSyncs.unsubscribe();
+        this.formSyncs = new Subscription();
         Object.keys(this.form.controls).forEach((key) => {
             this.form.removeControl(key, { emitEvent: false });
         });
         filters.forEach((item) => {
             switch (item.type) {
-                case 'checkbox':
-                    this.form.addControl(item.id, this.createCheckboxFormControl(item), { emitEvent: false });
+                case 'checkbox': {
+                    const checkboxControl = this.createCheckboxFormControl(item);
+                    this.form.addControl(item.id, checkboxControl, { emitEvent: false });
+                    // Single-select для !isMultiple: при выборе одного остальные снимаются.
+                    if (!item.isMultiple && item.values.length > 1) {
+                        this.formSyncs.add(this.syncSingleSelectCheckbox(checkboxControl));
+                    }
                     break;
-                case 'range':
-                    this.form.addControl(item.id, this.createRangeFormControl(item), { emitEvent: false });
+                }
+                case 'range': {
+                    const rangeControl = this.createRangeFormControl(item);
+                    this.form.addControl(item.id, rangeControl, { emitEvent: false });
+                    this.formSyncs.add(this.syncRangeFromToAndSlider(rangeControl));
                     break;
+                }
                 case 'toggle':
                     this.form.addControl(item.id, this.createToggleFormControl(item), { emitEvent: false });
                     break;
@@ -5710,7 +5820,7 @@ class ScCatalogFiltersComponent {
             }
             switch (filterItem.type) {
                 case 'checkbox':
-                    this.processCheckboxFilter(result, filterItem.id, controlValue);
+                    this.processCheckboxFilter(result, filterItem, controlValue);
                     break;
                 case 'range':
                     this.processRangeFilter(result, filterItem.id, controlValue);
@@ -5725,31 +5835,107 @@ class ScCatalogFiltersComponent {
         return result;
     }
     /**
-     * Создает контрол формы для фильтра типа checkbox.
+     * Создаёт FormGroup для checkbox: на каждый {@code value.id} — булевый контрол.
      *
-     * Если `isMultiple === false` — возвращает {@link FormControl} строкового идентификатора (логика radio),
-     * иначе — {@link FormGroup} независимых булевых контролов по идентификаторам значений.
+     * Единый формат и для одного, и для множества значений: шаблон рендерит их одинаково.
+     * Различие в API-выводе для одиночного значения (boolean вместо массива) обрабатывается в {@link processCheckboxFilter}.
      *
      * @param checkboxFilter Фильтр типа checkbox.
      */
     createCheckboxFormControl(checkboxFilter) {
-        if (!checkboxFilter.isMultiple) {
-            return new FormControl(null);
-        }
+        const isSelected = (id) => checkboxFilter.selectedValues?.includes(id) ?? false;
         const controls = {};
         checkboxFilter.values.forEach((value) => {
-            controls[value.id] = new FormControl(false, { nonNullable: true });
+            controls[value.id] = new FormControl(isSelected(value.id), { nonNullable: true });
         });
         return new FormGroup(controls);
     }
     /**
-     * Создает FormControl для range.
+     * Создаёт {@link FormGroup} для range: {@code from}, {@code to}, {@code slider} (кортеж для {@link TuiRange}).
      *
      * @param rangeFilter Фильтр типа range.
      */
     createRangeFormControl(rangeFilter) {
-        // TODO: Добавить updateOn: 'blur' после исправления бага в taiga-ui.
-        return new FormControl([Number(rangeFilter.selectedMin ?? rangeFilter.min), Number(rangeFilter.selectedMax ?? rangeFilter.max)], { nonNullable: true });
+        const fromValue = Number(rangeFilter.selectedMin ?? rangeFilter.min);
+        const toValue = Number(rangeFilter.selectedMax ?? rangeFilter.max);
+        return new FormGroup({
+            from: new FormControl(fromValue, { nonNullable: true }),
+            to: new FormControl(toValue, { nonNullable: true }),
+            slider: new FormControl([fromValue, toValue], { nonNullable: true }),
+        });
+    }
+    /**
+     * Реализует single-select поведение для FormGroup с булевыми контролами:
+     * при появлении нового true остальные контролы группы сбрасываются в false.
+     *
+     * Сохраняет последнее «стабильное» состояние и сравнивает следующее значение с ним —
+     * новый true (отсутствовал в prev) считается выбранным, остальные сбрасываются через setValue.
+     *
+     * @param group FormGroup checkbox-фильтра (id → boolean).
+     */
+    syncSingleSelectCheckbox(group) {
+        let previousState = group.getRawValue();
+        return group.valueChanges.subscribe((value) => {
+            const current = value;
+            const newlyChecked = Object.entries(current).find(([id, isChecked]) => {
+                // eslint-disable-next-line security/detect-object-injection
+                return isChecked && !previousState[id];
+            })?.[0];
+            if (!newlyChecked) {
+                previousState = { ...current };
+                return;
+            }
+            const next = {};
+            Object.keys(group.controls).forEach((id) => {
+                // eslint-disable-next-line security/detect-object-injection
+                next[id] = id === newlyChecked;
+            });
+            previousState = next;
+            group.setValue(next);
+        });
+    }
+    /**
+     * Связывает поля «от»/«до» с контролом слайдера.
+     *
+     * @param group FormGroup range-фильтра.
+     */
+    syncRangeFromToAndSlider(group) {
+        const from = group.get('from');
+        const to = group.get('to');
+        const slider = group.get('slider');
+        if (!from || !to || !slider) {
+            return new Subscription();
+        }
+        const sub = new Subscription();
+        // Инпуты → слайдер; если «от» > «до», поднимаем «до» до «от».
+        const applySliderFromInputs = () => {
+            const low = Number(from.value);
+            let high = Number(to.value);
+            if (low > high) {
+                high = low;
+                to.setValue(high, { emitEvent: false });
+            }
+            const currentPair = slider.value;
+            if (currentPair[0] !== low || currentPair[1] !== high) {
+                slider.setValue([low, high], { emitEvent: false });
+                slider.markAsDirty();
+            }
+        };
+        sub.add(merge(from.valueChanges, to.valueChanges).subscribe(applySliderFromInputs));
+        sub.add(slider.valueChanges.subscribe((value) => {
+            const [low, high] = value;
+            if (from.value !== low) {
+                from.setValue(low, { emitEvent: false });
+                from.markAsDirty();
+            }
+            if (to.value !== high) {
+                to.setValue(high, { emitEvent: false });
+                to.markAsDirty();
+            }
+        }));
+        // Совпасть с полями при первом показе (уже совпадает при создании, но на всякий случай).
+        applySliderFromInputs();
+        return sub;
     }
     /**
      * Создает FormControl для toggle.
@@ -5760,45 +5946,36 @@ class ScCatalogFiltersComponent {
         return new FormControl(toggleFilter.selectedValue ?? false, { nonNullable: true });
     }
     /**
-     * Обрабатывает checkbox фильтр.
+     * Обрабатывает checkbox: FormGroup → string[] выбранных id; для единственного значения — boolean (как toggle).
      *
      * @param result Объект результата для заполнения.
-     * @param filterId Идентификатор фильтра.
-     * @param controlValue Значение контрола формы.
+     * @param checkboxFilter Метафильтр checkbox.
+     * @param controlValue Значение контрола формы (запись id → boolean).
      */
-    processCheckboxFilter(result, filterId, controlValue) {
-        // Для isMultiple === false: FormControl<string | null> -> string[] из одного выбранного ID.
-        if (typeof controlValue === 'string') {
-            if (controlValue) {
-                // eslint-disable-next-line security/detect-object-injection, no-param-reassign
-                result[filterId] = [controlValue];
-            }
-            return;
-        }
-        // Для checkbox: FormGroup с FormControl<boolean> -> string[] (массив ID выбранных значений).
+    processCheckboxFilter(result, checkboxFilter, controlValue) {
         const selectedIds = Object.entries(controlValue)
             .filter(([, isSelected]) => isSelected)
             .map(([id]) => id);
-        if (selectedIds.length > 0) {
-            // eslint-disable-next-line security/detect-object-injection, no-param-reassign
-            result[filterId] = selectedIds;
+        if (selectedIds.length === 0) {
+            return;
         }
+        // eslint-disable-next-line security/detect-object-injection, no-param-reassign
+        result[checkboxFilter.id] = selectedIds;
     }
     /**
      * Обрабатывает range фильтр.
      *
      * @param result Объект результата для заполнения.
      * @param filterId Идентификатор фильтра.
-     * @param controlValue Значение контрола формы.
-     * @param controlValue.0 Начальное значение диапазона.
-     * @param controlValue.1 Конечное значение диапазона.
+     * @param range Значение контрола формы (объект с границами).
+     * @param range.from Начальное значение диапазона.
+     * @param range.to Конечное значение диапазона.
      */
-    processRangeFilter(result, filterId, [from, to]) {
-        // Для range: FormControl<[number, number]> -> { from?: string; to?: string; }
+    processRangeFilter(result, filterId, range) {
         // eslint-disable-next-line security/detect-object-injection, no-param-reassign
         result[filterId] = {
-            from: String(from),
-            to: String(to),
+            from: String(range.from),
+            to: String(range.to),
         };
     }
     /**
@@ -5809,18 +5986,111 @@ class ScCatalogFiltersComponent {
      * @param controlValue Значение контрола формы.
      */
     processToggleFilter(result, filterId, controlValue) {
-        // Для toggle: FormControl<boolean> -> boolean
         if (controlValue) {
             // eslint-disable-next-line security/detect-object-injection, no-param-reassign
             result[filterId] = controlValue;
         }
     }
+    /**
+     * Сбрасывает поле «от» диапазона к минимальному значению фильтра.
+     *
+     * @param filterId Идентификатор фильтра.
+     * @param min Минимальное значение диапазона.
+     */
+    resetRangeFrom(filterId, min) {
+        this.form.get(filterId)?.get('from')?.reset(+min);
+    }
+    /**
+     * Сбрасывает поле «до» диапазона к максимальному значению фильтра.
+     *
+     * @param filterId Идентификатор фильтра.
+     * @param max Максимальное значение диапазона.
+     */
+    resetRangeTo(filterId, max) {
+        this.form.get(filterId)?.get('to')?.reset(+max);
+    }
+    /**
+     * Сбрасывает все чекбоксы группы в `false`.
+     *
+     * @param filterId Идентификатор фильтра (ключ FormGroup в форме).
+     */
+    resetCheckboxGroup(filterId) {
+        const group = this.form.get(filterId);
+        if (!group) {
+            return;
+        }
+        const resetValue = {};
+        Object.keys(group.controls).forEach((id) => {
+            // eslint-disable-next-line security/detect-object-injection
+            resetValue[id] = false;
+        });
+        group.reset(resetValue);
+    }
+    /**
+     * Сбрасывает все фильтры и оповещает родителя о нажатии кнопки сброса.
+     */
+    onResetFiltersClick() {
+        this.resetAllFilters();
+        this.resetFilters.emit();
+    }
+    /**
+     * Оповещает родителя о нажатии кнопки показа результатов.
+     */
+    onShowResultsClick() {
+        this.showResults.emit();
+    }
+    /**
+     * Сбрасывает все фильтры к исходным значениям.
+     */
+    resetAllFilters() {
+        this.filters()?.forEach((filterItem) => {
+            const control = this.form.get(filterItem.id);
+            if (!control) {
+                return;
+            }
+            switch (filterItem.type) {
+                case 'checkbox': {
+                    const group = control;
+                    const resetValue = {};
+                    Object.keys(group.controls).forEach((id) => {
+                        // eslint-disable-next-line security/detect-object-injection
+                        resetValue[id] = false;
+                    });
+                    group.reset(resetValue);
+                    break;
+                }
+                case 'toggle':
+                    control.reset(false);
+                    break;
+                case 'range': {
+                    const group = control;
+                    const min = +filterItem.min;
+                    const max = +filterItem.max;
+                    group.reset({ from: min, to: max, slider: [min, max] });
+                    break;
+                }
+                default:
+                    break;
+            }
+        });
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScCatalogFiltersComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ScCatalogFiltersComponent, isStandalone: true, selector: "sc-catalog-filters", inputs: { isOpenAccordion: { classPropertyName: "isOpenAccordion", publicName: "isOpenAccordion", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@if (filters()?.length) {\n    <div class=\"bg-tui-base-01 shadow-sc flex flex-col items-center gap-3 rounded-xl\">\n        <tui-accordion class=\"accordion\">\n            <button\n                [tuiAccordion]=\"isOpenAccordion()\"\n                appearance=\"primary\"\n            >\n                \u0424\u0438\u043B\u044C\u0442\u0440\u044B\n            </button>\n            <tui-expand>\n                <form\n                    [formGroup]=\"form\"\n                    class=\"flex flex-col gap-4 pb-1\"\n                >\n                    @for (filter of filters(); track filter.id) {\n                        <div class=\"flex flex-col gap-2\">\n                            <label class=\"text-body-s font-medium\">{{ filter.label }}</label>\n\n                            @if (filter.type === 'checkbox') {\n                                @if (filter.isMultiple === false) {\n                                    <div class=\"flex flex-col gap-2\">\n                                        @for (value of filter.values; track value.id) {\n                                            @let formControl = form.get(filter.id);\n                                            <label class=\"flex items-center gap-2\">\n                                                <input\n                                                    [formControlName]=\"filter.id\"\n                                                    [value]=\"value.id\"\n                                                    tuiRadio\n                                                    (click)=\"formControl?.setValue(formControl?.value === value.id ? null : value.id)\"\n                                                    type=\"radio\"\n                                                />\n                                                <span class=\"text-body-s\">{{ value.label }}</span>\n                                            </label>\n                                        }\n                                    </div>\n                                } @else {\n                                    <div\n                                        [formGroupName]=\"filter.id\"\n                                        class=\"flex flex-col gap-2\"\n                                    >\n                                        @for (value of filter.values; track value.id) {\n                                            <label class=\"flex items-center gap-2\">\n                                                <input\n                                                    [formControlName]=\"value.id\"\n                                                    tuiCheckbox\n                                                    type=\"checkbox\"\n                                                />\n                                                <span class=\"text-body-s\">{{ value.label }}</span>\n                                            </label>\n                                        }\n                                    </div>\n                                }\n                            }\n\n                            @if (filter.type === 'range') {\n                                <tui-input-range\n                                    [formControlName]=\"filter.id\"\n                                    [min]=\"+filter.min\"\n                                    [max]=\"+filter.max\"\n                                />\n                            }\n\n                            @if (filter.type === 'toggle') {\n                                <label class=\"flex items-center gap-2\">\n                                    <input\n                                        [formControlName]=\"filter.id\"\n                                        tuiCheckbox\n                                        type=\"checkbox\"\n                                    />\n                                    <span class=\"text-body-s\">\u0414\u0430</span>\n                                </label>\n                            }\n                        </div>\n                    }\n                </form>\n            </tui-expand>\n        </tui-accordion>\n    </div>\n}\n", styles: [".accordion [tuiAccordion]{border:none;mask:none}.accordion tui-expand{box-shadow:none}\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.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1$1.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]", inputs: ["name", "formControlName", "value"] }, { 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: "component", type: TuiCheckbox, selector: "input[type=\"checkbox\"][tuiCheckbox]", inputs: ["size"] }, { kind: "component", type: i2$1.TuiRadioComponent, selector: "input[type=\"radio\"][tuiRadio]", inputs: ["size"] }, { kind: "component", type: i2$1.TuiInputRangeComponent, selector: "tui-input-range", inputs: ["min", "max", "step", "segments", "keySteps", "prefix", "postfix", "quantum", "content"] }, { kind: "component", type: i1$3.TuiAccordionComponent, selector: "tui-accordion", inputs: ["closeOthers", "size"] }, { kind: "directive", type: i1$3.TuiAccordionDirective, selector: "button[tuiAccordion]", inputs: ["tuiAccordion"], outputs: ["tuiAccordionChange"] }, { kind: "component", type: i2$5.TuiExpand, selector: "tui-expand", inputs: ["expanded"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { 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: i1$1.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ScCatalogFiltersComponent, isStandalone: true, selector: "sc-catalog-filters", inputs: { showResultsButton: { classPropertyName: "showResultsButton", publicName: "showResultsButton", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { resetFilters: "resetFilters", showResults: "showResults" }, ngImport: i0, template: "@if (filters()?.length) {\n    <form\n        [formGroup]=\"form\"\n        class=\"flex flex-col pb-1\"\n    >\n        @for (filter of filters(); track filter.id; let isFirst = $first) {\n            @if (!isFirst) {\n                <hr class=\"my-3 w-full h-px\" />\n            }\n\n            <div class=\"flex flex-col gap-2\">\n                <!-- \u0417\u0430\u0433\u043E\u043B\u043E\u0432\u043E\u043A \u0433\u0440\u0443\u043F\u043F\u044B. \u0414\u043B\u044F toggle \u043F\u043E\u0434\u043F\u0438\u0441\u0438 \u043D\u0435\u0442: \u043C\u0435\u0442\u043A\u0430 \u0438\u0434\u0451\u0442 \u043F\u0440\u044F\u043C\u043E \u0440\u044F\u0434\u043E\u043C \u0441 \u0441\u0430\u043C\u0438\u043C checkbox. -->\n                @if (filter.type !== 'toggle') {\n                    <label class=\"text-body-s-bold\">{{ filter.label }}</label>\n                }\n\n                <!-- Checkbox: FormGroup(value.id \u2192 boolean) \u0434\u043B\u044F \u043B\u044E\u0431\u043E\u0433\u043E \u0447\u0438\u0441\u043B\u0430 \u0437\u043D\u0430\u0447\u0435\u043D\u0438\u0439.\n                     \u0420\u0430\u0437\u0432\u0438\u043B\u043A\u0430 \u043E\u0434\u043D\u043E/\u043C\u043D\u043E\u0433\u043E \u0437\u043D\u0430\u0447\u0435\u043D\u0438\u0439 \u0432\u044B\u043D\u0435\u0441\u0435\u043D\u0430 \u0432 TS (\u0441\u043C. processCheckboxFilter).\n                     ng-template \u0432\u043D\u0443\u0442\u0440\u0438 formGroupName: \u0438\u043D\u0430\u0447\u0435 reactive forms \u043D\u0435 \u043D\u0430\u0439\u0434\u0451\u0442 ControlContainer \u043F\u0440\u0438 \u043F\u0440\u043E\u0435\u043A\u0446\u0438\u0438 \u0432 \u0434\u043E\u0447\u0435\u0440\u043D\u0438\u0439 \u043A\u043E\u043C\u043F\u043E\u043D\u0435\u043D\u0442. -->\n                @if (filter.type === 'checkbox') {\n                    <div\n                        class=\"flex flex-col gap-2\"\n                        [formGroupName]=\"filter.id\"\n                    >\n                        <sc-catalog-filter-collapsible\n                            [itemsCount]=\"filter.values.length\"\n                            [showReset]=\"form.get(filter.id)?.dirty ?? false\"\n                            (resetGroup)=\"resetCheckboxGroup(filter.id)\"\n                        >\n                            <ng-template>\n                                <div class=\"flex flex-col gap-2\">\n                                    @for (value of filter.values; track value.id) {\n                                        <label class=\"flex items-center gap-2\">\n                                            <input\n                                                [formControlName]=\"value.id\"\n                                                tuiCheckbox\n                                                type=\"checkbox\"\n                                            />\n                                            <span class=\"text-body-s\">{{ value.label }}</span>\n                                        </label>\n                                    }\n                                </div>\n                            </ng-template>\n                        </sc-catalog-filter-collapsible>\n                    </div>\n\n                    <!-- Toggle: \u043E\u0434\u0438\u043D boolean \u043D\u0430 \u043A\u043E\u0440\u043D\u0435 \u0444\u043E\u0440\u043C\u044B, \u043F\u043E\u0434\u043F\u0438\u0441\u044C = filter.label -->\n                } @else if (filter.type === 'toggle') {\n                    <label class=\"flex items-center gap-2\">\n                        <input\n                            [formControlName]=\"filter.id\"\n                            tuiCheckbox\n                            type=\"checkbox\"\n                        />\n                        <span class=\"text-body-s-bold\">{{ filter.label }}</span>\n                    </label>\n\n                    <!-- Range: FormGroup(from, to, slider) \u0441 \u0434\u0432\u0443\u0441\u0442\u043E\u0440\u043E\u043D\u043D\u0435\u0439 \u0441\u0438\u043D\u0445\u0440\u043E\u043D\u0438\u0437\u0430\u0446\u0438\u0435\u0439 -->\n                } @else if (filter.type === 'range') {\n                    <div\n                        [formGroupName]=\"filter.id\"\n                        class=\"flex flex-col gap-3\"\n                    >\n                        <div class=\"flex gap-3 px-1\">\n                            <label\n                                tuiLabel\n                                class=\"min-w-0 flex-1\"\n                            >\n                                \u041E\u0442\n                                <tui-textfield [tuiTextfieldCleaner]=\"false\">\n                                    <input\n                                        scSelectOnFocusin\n                                        tuiInputNumber\n                                        formControlName=\"from\"\n                                        [tuiNumberFormat]=\"{ precision: 0 }\"\n                                        [min]=\"+filter.min\"\n                                        [max]=\"+filter.max\"\n                                        autocomplete=\"off\"\n                                    />\n                                    @if (form.get(filter.id)?.get('from')?.dirty) {\n                                        <button\n                                            tuiIconButton\n                                            type=\"button\"\n                                            size=\"xs\"\n                                            appearance=\"icon\"\n                                            iconStart=\"@tui.x\"\n                                            (click)=\"resetRangeFrom(filter.id, filter.min)\"\n                                        ></button>\n                                    }\n                                </tui-textfield>\n                            </label>\n                            <label\n                                tuiLabel\n                                class=\"min-w-0 flex-1\"\n                            >\n                                \u0414\u043E\n                                <tui-textfield [tuiTextfieldCleaner]=\"false\">\n                                    <input\n                                        scSelectOnFocusin\n                                        tuiInputNumber\n                                        formControlName=\"to\"\n                                        [tuiNumberFormat]=\"{ precision: 0 }\"\n                                        [min]=\"+filter.min\"\n                                        [max]=\"+filter.max\"\n                                        autocomplete=\"off\"\n                                    />\n                                    @if (form.get(filter.id)?.get('to')?.dirty) {\n                                        <button\n                                            tuiIconButton\n                                            type=\"button\"\n                                            size=\"xs\"\n                                            appearance=\"icon\"\n                                            iconStart=\"@tui.x\"\n                                            (click)=\"resetRangeTo(filter.id, filter.max)\"\n                                        ></button>\n                                    }\n                                </tui-textfield>\n                            </label>\n                        </div>\n\n                        <tui-range\n                            size=\"m\"\n                            formControlName=\"slider\"\n                            [min]=\"+filter.min\"\n                            [max]=\"+filter.max\"\n                            [style.--tui-thickness.rem]=\"0.25\"\n                        />\n                    </div>\n                }\n            </div>\n        }\n        <button\n            tuiButton\n            appearance=\"secondary\"\n            type=\"button\"\n            class=\"mt-2\"\n            (click)=\"onResetFiltersClick()\"\n        >\n            \u0421\u0431\u0440\u043E\u0441\u0438\u0442\u044C \u0444\u0438\u043B\u044C\u0442\u0440\u044B\n        </button>\n        @if (showResultsButton()) {\n            <button\n                tuiButton\n                appearance=\"primary\"\n                type=\"button\"\n                class=\"mt-2\"\n                (click)=\"onShowResultsClick()\"\n            >\n                \u041F\u043E\u043A\u0430\u0437\u0430\u0442\u044C \u0440\u0435\u0437\u0443\u043B\u044C\u0442\u0430\u0442\u044B\n            </button>\n        }\n    </form>\n}\n", styles: [".accordion [tuiAccordion]{border:none;mask:none}.accordion tui-expand{box-shadow:none}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { 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.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { 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: "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: i1$1.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "directive", type: i5.TuiLabel, selector: "label[tuiLabel]" }, { kind: "component", type: i1$2.TuiTextfieldComponent, selector: "tui-textfield:not([multi])" }, { kind: "directive", type: i1$2.TuiTextfieldOptionsDirective, selector: "[tuiTextfieldAppearance],[tuiTextfieldSize],[tuiTextfieldCleaner]", inputs: ["tuiTextfieldAppearance", "tuiTextfieldSize", "tuiTextfieldCleaner"] }, { kind: "directive", type: ScSelectOnFocusinDirective, selector: "tui-input-number, tui-input, tui-input-phone, tui-input-date, tui-input-password, input[tuiInputNumber], input[tuiTextfield], input[tuiInputSlider]" }, { kind: "component", type: ScCatalogFilterCollapsibleComponent, selector: "sc-catalog-filter-collapsible", inputs: ["itemsCount", "showReset"], outputs: ["resetGroup"] }, { kind: "directive", type: TuiNumberFormat, selector: "[tuiNumberFormat]", inputs: ["tuiNumberFormat"] }, { kind: "component", type: TuiCheckbox, selector: "input[type=\"checkbox\"][tuiCheckbox]", inputs: ["size"] }, { kind: "directive", type: i2$1.TuiInputNumberDirective, selector: "input[tuiInputNumber]", inputs: ["min", "max", "prefix", "postfix"] }, { kind: "component", type: TuiRange, selector: "tui-range", inputs: ["min", "max", "step", "size", "segments", "keySteps", "focusable", "margin", "limit"] }, { kind: "directive", type: TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScCatalogFiltersComponent, decorators: [{
             type: Component,
-            args: [{ standalone: true, selector: 'sc-catalog-filters', changeDetection: ChangeDetectionStrategy.OnPush, imports: [FormsModule, TuiTextfield, TuiCheckbox, TuiRadio, TuiInputRange, TuiAccordion$1, ReactiveFormsModule], template: "@if (filters()?.length) {\n    <div class=\"bg-tui-base-01 shadow-sc flex flex-col items-center gap-3 rounded-xl\">\n        <tui-accordion class=\"accordion\">\n            <button\n                [tuiAccordion]=\"isOpenAccordion()\"\n                appearance=\"primary\"\n            >\n                \u0424\u0438\u043B\u044C\u0442\u0440\u044B\n            </button>\n            <tui-expand>\n                <form\n                    [formGroup]=\"form\"\n                    class=\"flex flex-col gap-4 pb-1\"\n                >\n                    @for (filter of filters(); track filter.id) {\n                        <div class=\"flex flex-col gap-2\">\n                            <label class=\"text-body-s font-medium\">{{ filter.label }}</label>\n\n                            @if (filter.type === 'checkbox') {\n                                @if (filter.isMultiple === false) {\n                                    <div class=\"flex flex-col gap-2\">\n                                        @for (value of filter.values; track value.id) {\n                                            @let formControl = form.get(filter.id);\n                                            <label class=\"flex items-center gap-2\">\n                                                <input\n                                                    [formControlName]=\"filter.id\"\n                                                    [value]=\"value.id\"\n                                                    tuiRadio\n                                                    (click)=\"formControl?.setValue(formControl?.value === value.id ? null : value.id)\"\n                                                    type=\"radio\"\n                                                />\n                                                <span class=\"text-body-s\">{{ value.label }}</span>\n                                            </label>\n                                        }\n                                    </div>\n                                } @else {\n                                    <div\n                                        [formGroupName]=\"filter.id\"\n                                        class=\"flex flex-col gap-2\"\n                                    >\n                                        @for (value of filter.values; track value.id) {\n                                            <label class=\"flex items-center gap-2\">\n                                                <input\n                                                    [formControlName]=\"value.id\"\n                                                    tuiCheckbox\n                                                    type=\"checkbox\"\n                                                />\n                                                <span class=\"text-body-s\">{{ value.label }}</span>\n                                            </label>\n                                        }\n                                    </div>\n                                }\n                            }\n\n                            @if (filter.type === 'range') {\n                                <tui-input-range\n                                    [formControlName]=\"filter.id\"\n                                    [min]=\"+filter.min\"\n                                    [max]=\"+filter.max\"\n                                />\n                            }\n\n                            @if (filter.type === 'toggle') {\n                                <label class=\"flex items-center gap-2\">\n                                    <input\n                                        [formControlName]=\"filter.id\"\n                                        tuiCheckbox\n                                        type=\"checkbox\"\n                                    />\n                                    <span class=\"text-body-s\">\u0414\u0430</span>\n                                </label>\n                            }\n                        </div>\n                    }\n                </form>\n            </tui-expand>\n        </tui-accordion>\n    </div>\n}\n", styles: [".accordion [tuiAccordion]{border:none;mask:none}.accordion tui-expand{box-shadow:none}\n"] }]
+            args: [{ standalone: true, selector: 'sc-catalog-filters', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
+                        ReactiveFormsModule,
+                        TuiTextfield,
+                        ScSelectOnFocusinDirective,
+                        ScCatalogFilterCollapsibleComponent,
+                        TuiLabel,
+                        TuiNumberFormat,
+                        TuiCheckbox,
+                        TuiInputNumber,
+                        TuiRange,
+                        TuiButton,
+                    ], template: "@if (filters()?.length) {\n    <form\n        [formGroup]=\"form\"\n        class=\"flex flex-col pb-1\"\n    >\n        @for (filter of filters(); track filter.id; let isFirst = $first) {\n            @if (!isFirst) {\n                <hr class=\"my-3 w-full h-px\" />\n            }\n\n            <div class=\"flex flex-col gap-2\">\n                <!-- \u0417\u0430\u0433\u043E\u043B\u043E\u0432\u043E\u043A \u0433\u0440\u0443\u043F\u043F\u044B. \u0414\u043B\u044F toggle \u043F\u043E\u0434\u043F\u0438\u0441\u0438 \u043D\u0435\u0442: \u043C\u0435\u0442\u043A\u0430 \u0438\u0434\u0451\u0442 \u043F\u0440\u044F\u043C\u043E \u0440\u044F\u0434\u043E\u043C \u0441 \u0441\u0430\u043C\u0438\u043C checkbox. -->\n                @if (filter.type !== 'toggle') {\n                    <label class=\"text-body-s-bold\">{{ filter.label }}</label>\n                }\n\n                <!-- Checkbox: FormGroup(value.id \u2192 boolean) \u0434\u043B\u044F \u043B\u044E\u0431\u043E\u0433\u043E \u0447\u0438\u0441\u043B\u0430 \u0437\u043D\u0430\u0447\u0435\u043D\u0438\u0439.\n                     \u0420\u0430\u0437\u0432\u0438\u043B\u043A\u0430 \u043E\u0434\u043D\u043E/\u043C\u043D\u043E\u0433\u043E \u0437\u043D\u0430\u0447\u0435\u043D\u0438\u0439 \u0432\u044B\u043D\u0435\u0441\u0435\u043D\u0430 \u0432 TS (\u0441\u043C. processCheckboxFilter).\n                     ng-template \u0432\u043D\u0443\u0442\u0440\u0438 formGroupName: \u0438\u043D\u0430\u0447\u0435 reactive forms \u043D\u0435 \u043D\u0430\u0439\u0434\u0451\u0442 ControlContainer \u043F\u0440\u0438 \u043F\u0440\u043E\u0435\u043A\u0446\u0438\u0438 \u0432 \u0434\u043E\u0447\u0435\u0440\u043D\u0438\u0439 \u043A\u043E\u043C\u043F\u043E\u043D\u0435\u043D\u0442. -->\n                @if (filter.type === 'checkbox') {\n                    <div\n                        class=\"flex flex-col gap-2\"\n                        [formGroupName]=\"filter.id\"\n                    >\n                        <sc-catalog-filter-collapsible\n                            [itemsCount]=\"filter.values.length\"\n                            [showReset]=\"form.get(filter.id)?.dirty ?? false\"\n                            (resetGroup)=\"resetCheckboxGroup(filter.id)\"\n                        >\n                            <ng-template>\n                                <div class=\"flex flex-col gap-2\">\n                                    @for (value of filter.values; track value.id) {\n                                        <label class=\"flex items-center gap-2\">\n                                            <input\n                                                [formControlName]=\"value.id\"\n                                                tuiCheckbox\n                                                type=\"checkbox\"\n                                            />\n                                            <span class=\"text-body-s\">{{ value.label }}</span>\n                                        </label>\n                                    }\n                                </div>\n                            </ng-template>\n                        </sc-catalog-filter-collapsible>\n                    </div>\n\n                    <!-- Toggle: \u043E\u0434\u0438\u043D boolean \u043D\u0430 \u043A\u043E\u0440\u043D\u0435 \u0444\u043E\u0440\u043C\u044B, \u043F\u043E\u0434\u043F\u0438\u0441\u044C = filter.label -->\n                } @else if (filter.type === 'toggle') {\n                    <label class=\"flex items-center gap-2\">\n                        <input\n                            [formControlName]=\"filter.id\"\n                            tuiCheckbox\n                            type=\"checkbox\"\n                        />\n                        <span class=\"text-body-s-bold\">{{ filter.label }}</span>\n                    </label>\n\n                    <!-- Range: FormGroup(from, to, slider) \u0441 \u0434\u0432\u0443\u0441\u0442\u043E\u0440\u043E\u043D\u043D\u0435\u0439 \u0441\u0438\u043D\u0445\u0440\u043E\u043D\u0438\u0437\u0430\u0446\u0438\u0435\u0439 -->\n                } @else if (filter.type === 'range') {\n                    <div\n                        [formGroupName]=\"filter.id\"\n                        class=\"flex flex-col gap-3\"\n                    >\n                        <div class=\"flex gap-3 px-1\">\n                            <label\n                                tuiLabel\n                                class=\"min-w-0 flex-1\"\n                            >\n                                \u041E\u0442\n                                <tui-textfield [tuiTextfieldCleaner]=\"false\">\n                                    <input\n                                        scSelectOnFocusin\n                                        tuiInputNumber\n                                        formControlName=\"from\"\n                                        [tuiNumberFormat]=\"{ precision: 0 }\"\n                                        [min]=\"+filter.min\"\n                                        [max]=\"+filter.max\"\n                                        autocomplete=\"off\"\n                                    />\n                                    @if (form.get(filter.id)?.get('from')?.dirty) {\n                                        <button\n                                            tuiIconButton\n                                            type=\"button\"\n                                            size=\"xs\"\n                                            appearance=\"icon\"\n                                            iconStart=\"@tui.x\"\n                                            (click)=\"resetRangeFrom(filter.id, filter.min)\"\n                                        ></button>\n                                    }\n                                </tui-textfield>\n                            </label>\n                            <label\n                                tuiLabel\n                                class=\"min-w-0 flex-1\"\n                            >\n                                \u0414\u043E\n                                <tui-textfield [tuiTextfieldCleaner]=\"false\">\n                                    <input\n                                        scSelectOnFocusin\n                                        tuiInputNumber\n                                        formControlName=\"to\"\n                                        [tuiNumberFormat]=\"{ precision: 0 }\"\n                                        [min]=\"+filter.min\"\n                                        [max]=\"+filter.max\"\n                                        autocomplete=\"off\"\n                                    />\n                                    @if (form.get(filter.id)?.get('to')?.dirty) {\n                                        <button\n                                            tuiIconButton\n                                            type=\"button\"\n                                            size=\"xs\"\n                                            appearance=\"icon\"\n                                            iconStart=\"@tui.x\"\n                                            (click)=\"resetRangeTo(filter.id, filter.max)\"\n                                        ></button>\n                                    }\n                                </tui-textfield>\n                            </label>\n                        </div>\n\n                        <tui-range\n                            size=\"m\"\n                            formControlName=\"slider\"\n                            [min]=\"+filter.min\"\n                            [max]=\"+filter.max\"\n                            [style.--tui-thickness.rem]=\"0.25\"\n                        />\n                    </div>\n                }\n            </div>\n        }\n        <button\n            tuiButton\n            appearance=\"secondary\"\n            type=\"button\"\n            class=\"mt-2\"\n            (click)=\"onResetFiltersClick()\"\n        >\n            \u0421\u0431\u0440\u043E\u0441\u0438\u0442\u044C \u0444\u0438\u043B\u044C\u0442\u0440\u044B\n        </button>\n        @if (showResultsButton()) {\n            <button\n                tuiButton\n                appearance=\"primary\"\n                type=\"button\"\n                class=\"mt-2\"\n                (click)=\"onShowResultsClick()\"\n            >\n                \u041F\u043E\u043A\u0430\u0437\u0430\u0442\u044C \u0440\u0435\u0437\u0443\u043B\u044C\u0442\u0430\u0442\u044B\n            </button>\n        }\n    </form>\n}\n", styles: [".accordion [tuiAccordion]{border:none;mask:none}.accordion tui-expand{box-shadow:none}\n"] }]
         }], ctorParameters: () => [] });
 
 /* eslint-disable @typescript-eslint/unbound-method */
@@ -7215,12 +7485,16 @@ class ScResourcePreviewComponent {
      * @param videoElement HTML элемент видео.
      */
     onCanPlay(videoElement) {
+        if (this.playAttempt) {
+            clearInterval(this.playAttempt);
+        }
         this.playAttempt = setInterval(() => {
             videoElement
                 .play()
                 .then(() => {
                 if (this.playAttempt) {
                     clearInterval(this.playAttempt);
+                    this.playAttempt = undefined;
                 }
             })
                 // eslint-disable-next-line lodash/prefer-noop
@@ -7234,6 +7508,7 @@ class ScResourcePreviewComponent {
         // Исправляет ошибку фонового воспроизведения после закрытия диалога.
         if (this.playAttempt) {
             clearInterval(this.playAttempt);
+            this.playAttempt = undefined;
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScResourcePreviewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
@@ -8030,7 +8305,7 @@ class ScOrderItemComponent extends AbstractScPriceCard {
                 appearance: signal('textfield'),
             }),
             tuiHintOptionsProvider({ direction: 'top', showDelay: 100, hideDelay: 100 }),
-        ], usesInheritance: true, ngImport: i0, template: "@if (product && orderItem) {\n    <div class=\"@container relative flex w-full gap-4 rounded-xl p-1 text-body-s hover:bg-tui-background-neutral-1\">\n        <sc-noindex-wrapper>\n            @let isDisabled = product.isHidden || product.isNull;\n            <sc-hover-image-carousel\n                (click)=\"isDisabled ? null : clickCardEvent.emit()\"\n                [images]=\"!isMobile ? getCardImagePreviewList(product) : [getCardImagePreview()]\"\n                [isShowActions]=\"false\"\n                class=\"aspect-square w-24 shrink-0 cursor-pointer self-start\"\n            />\n            <div class=\"flex w-full flex-col gap-y-1 gap-x-4 @5xl:flex-row @5xl:items-center @5xl:gap-5\">\n                <div class=\"flex min-w-0 flex-1 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                    <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.disabled]=\"isDisabled\"\n                            class=\"!text-body-m-bold\"\n                        >\n                            {{ product.name }}\n                        </a>\n                        @if (product.supplierSku) {\n                            <span class=\"text-tui-text-02\"> \u0410\u0440\u0442\u0438\u043A\u0443\u043B \u043F\u0440\u043E\u0438\u0437\u0432\u043E\u0434\u0438\u0442\u0435\u043B\u044F: {{ product.supplierSku }} </span>\n                        }\n                        @if (product.pack) {\n                            <div class=\"flex items-center gap-1 text-tui-text-02\">\n                                \u041D\u043E\u0440\u043C\u0430 \u0443\u043F\u0430\u043A\u043E\u0432\u043A\u0438: {{ product.pack }}\n                                @if (product.ignoreMinCountCheck) {\n                                    <tui-icon\n                                        icon=\"@tui.package\"\n                                        [tuiHint]=\"minCountHint\"\n                                        [tuiHintShowDelay]=\"100\"\n                                        tuiHintDirection=\"top\"\n                                        class=\"text-body-xl text-tui-text-01 opacity-90\"\n                                    />\n                                    <ng-template #minCountHint>\n                                        \u0414\u043E\u0441\u0442\u0443\u043F\u0435\u043D \u0437\u0430\u043A\u0430\u0437 <br />\n                                        \u043F\u0440\u043E\u0438\u0437\u0432\u043E\u043B\u044C\u043D\u043E\u0433\u043E <br />\n                                        \u043A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u0430\n                                    </ng-template>\n                                }\n                            </div>\n                        }\n\n                        <sc-cost-with-discount\n                            scPrint=\"cost\"\n                            [product]=\"product\"\n                        />\n                    </div>\n                    @if (orderItem.specificationImgUrl) {\n                        <a\n                            tuiLink\n                            (click)=\"showSpecification(specificationPreview)\"\n                            [class.disabled]=\"isDisabled\"\n                        >\n                            \u0421\u043F\u0435\u0446\u0438\u0444\u0438\u043A\u0430\u0446\u0438\u044F\n                        </a>\n                    }\n                    <ng-template\n                        #specificationPreview\n                        let-preview\n                    >\n                        <tui-preview\n                            [rotatable]=\"false\"\n                            [zoomable]=\"false\"\n                        >\n                            <img\n                                *polymorpheusOutlet=\"orderItem.specificationImgUrl as src\"\n                                alt=\"preview\"\n                                [src]=\"orderItem.specificationImgUrl\"\n                            />\n                            <button\n                                iconStart=\"@tui.x\"\n                                title=\"Close\"\n                                tuiIconButton\n                                tuiPreviewAction\n                                type=\"button\"\n                                (click)=\"preview.complete()\"\n                            ></button>\n                        </tui-preview>\n                    </ng-template>\n                </div>\n                <div class=\"grid grid-cols-1 @lg:grid-cols-3 gap-2 @2xl:gap-4 @2xl:grid-rows-1\">\n                    <div class=\"grid grid-cols-1 items-center @lg:gap-2 @2xl:grid-cols-2 @lg:col-span-2\">\n                        <!-- \u041A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E \u0442\u043E\u0432\u0430\u0440\u0430. -->\n                        @if (isShowEditControls() && showQuantityControl) {\n                            <!-- \u041F\u043E\u043B\u0435 \u0432\u0432\u043E\u0434\u0430 \u043A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u0430 \u0442\u043E\u0432\u0430\u0440\u0430. -->\n                            <sc-input-quantity\n                                #inputQuantity\n                                [tuiAutoFocus]=\"autoFocuseQuantityInput()\"\n                                [formControl]=\"quantityControl\"\n                                size=\"m\"\n                                [showCross]=\"false\"\n                                [isDisabled]=\"isDisabled\"\n                                [step]=\"unitsHelper.productMultiplicity(product)\"\n                                [ignoreStepValidators]=\"product.ignoreMinCountCheck\"\n                                [showLoader]=\"showLoader()\"\n                                (clickClearEvent)=\"clickClearEvent.emit(orderItem)\"\n                                (keydown.enter)=\"inputQuantity.nativeFocusableElement?.blur()\"\n                                class=\"w-32 shrink-0\"\n                            />\n                        } @else {\n                            <button\n                                [appearance]=\"isShowEditControls() ? 'action-grayscale' : ''\"\n                                tuiTheme=\"light\"\n                                tuiHint=\"\u0414\u043B\u044F \u0438\u0437\u043C\u0435\u043D\u0435\u043D\u0438\u044F \u043A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u0430 \u0432\u043E\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0439\u0442\u0435\u0441\u044C \u043A\u043E\u043D\u0444\u0438\u0433\u0443\u0440\u0430\u0442\u043E\u0440\u043E\u043C\"\n                                (tuiHintVisible)=\"configuratorHintVisible($event)\"\n                                tuiLink\n                                [style.text-decoration-line]=\"isShowEditControls() ? 'underline' : 'none'\"\n                                [class.pointer-events-none]=\"!isShowEditControls()\"\n                            >\n                                <div class=\"!text-body-m text-start\">\n                                    \u041A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E:\n                                    <strong> {{ orderItem.quantity }} \u0448\u0442.</strong>\n                                </div>\n                            </button>\n                        }\n\n                        @let showAdditionalInfo = orderItem.configurator || orderItem.height || orderItem.length || orderItem.width || orderItem.marker;\n                        @if (showAdditionalInfo) {\n                            <div class=\"flex items-center gap-2 @lg:gap-3 max-w-min\">\n                                <!-- \u041A\u043D\u043E\u043F\u043A\u0430 \u0440\u0435\u0434\u0430\u043A\u0442\u0438\u0440\u043E\u0432\u0430\u043D\u0438\u044F \u0442\u043E\u0432\u0430\u0440\u0430. -->\n                                @if (isShowEditControls()) {\n                                    <button\n                                        tuiIconButton\n                                        iconStart=\"@tui.settings\"\n                                        [disabled]=\"isDisabled\"\n                                        [loading]=\"showLoader()\"\n                                        (click)=\"clickSettings.emit()\"\n                                        size=\"s\"\n                                        [appearance]=\"isConfiguratorHintVisible() ? 'primary' : 'secondary'\"\n                                        class=\"shrink-0\"\n                                    ></button>\n                                }\n\n                                <!-- \u0414\u043E\u043F\u043E\u043B\u043D\u0438\u0442\u0435\u043B\u044C\u043D\u0430\u044F \u0438\u043D\u0444\u043E\u0440\u043C\u0430\u0446\u0438\u044F \u043E \u0442\u043E\u0432\u0430\u0440\u0435. -->\n                                <div\n                                    class=\"flex flex-col gap-x-1 text-tui-base-07\"\n                                    [class.text-body-m]=\"!isShowEditControls()\"\n                                >\n                                    @if (orderItem.marker) {\n                                        <p>\u041C\u0430\u0440\u043A\u0438\u0440\u043E\u0432\u043A\u0430: {{ orderItem.marker }}</p>\n                                    }\n                                    @if (orderItem.width) {\n                                        <button\n                                            [appearance]=\"isShowEditControls() ? 'action-grayscale' : ''\"\n                                            tuiTheme=\"light\"\n                                            tuiHint=\"\u0414\u043B\u044F \u0438\u0437\u043C\u0435\u043D\u0435\u043D\u0438\u044F \u0448\u0438\u0440\u0438\u043D\u044B \u0432\u043E\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0439\u0442\u0435\u0441\u044C \u043A\u043E\u043D\u0444\u0438\u0433\u0443\u0440\u0430\u0442\u043E\u0440\u043E\u043C\"\n                                            (tuiHintVisible)=\"configuratorHintVisible($event)\"\n                                            tuiLink\n                                            [style.text-decoration-line]=\"isShowEditControls() ? 'underline' : 'none'\"\n                                            [class.pointer-events-none]=\"!isShowEditControls()\"\n                                            class=\"text-body-s self-start whitespace-nowrap\"\n                                        >\n                                            \u0428\u0438\u0440\u0438\u043D\u0430: <span class=\"text-body-s-bold\">{{ orderItem.width }} \u043C.</span>\n                                        </button>\n                                    }\n                                    @if (orderItem.height) {\n                                        <button\n                                            [appearance]=\"isShowEditControls() ? 'action-grayscale' : ''\"\n                                            tuiTheme=\"light\"\n                                            tuiHint=\"\u0414\u043B\u044F \u0438\u0437\u043C\u0435\u043D\u0435\u043D\u0438\u044F \u0432\u044B\u0441\u043E\u0442\u044B \u0432\u043E\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0439\u0442\u0435\u0441\u044C \u043A\u043E\u043D\u0444\u0438\u0433\u0443\u0440\u0430\u0442\u043E\u0440\u043E\u043C\"\n                                            (tuiHintVisible)=\"configuratorHintVisible($event)\"\n                                            tuiLink\n                                            [style.text-decoration-line]=\"isShowEditControls() ? 'underline' : 'none'\"\n                                            [class.pointer-events-none]=\"!isShowEditControls()\"\n                                            class=\"text-body-s self-start whitespace-nowrap\"\n                                        >\n                                            \u0412\u044B\u0441\u043E\u0442\u0430: <span class=\"text-body-s-bold\">{{ orderItem.height }} \u043C.</span>\n                                        </button>\n                                    } @else if (orderItem.length) {\n                                        <button\n                                            [appearance]=\"isShowEditControls() ? 'action-grayscale' : ''\"\n                                            tuiTheme=\"light\"\n                                            tuiHint=\"\u0414\u043B\u044F \u0438\u0437\u043C\u0435\u043D\u0435\u043D\u0438\u044F \u0434\u043B\u0438\u043D\u044B \u0432\u043E\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0439\u0442\u0435\u0441\u044C \u043A\u043E\u043D\u0444\u0438\u0433\u0443\u0440\u0430\u0442\u043E\u0440\u043E\u043C\"\n                                            (tuiHintVisible)=\"configuratorHintVisible($event)\"\n                                            tuiLink\n                                            [style.text-decoration-line]=\"isShowEditControls() ? 'underline' : 'none'\"\n                                            [class.pointer-events-none]=\"!isShowEditControls()\"\n                                            class=\"text-body-s self-start whitespace-nowrap\"\n                                        >\n                                            \u0414\u043B\u0438\u043D\u0430: <span class=\"text-body-s-bold\">{{ orderItem.length }} \u043C.</span>\n                                        </button>\n                                    }\n                                </div>\n                            </div>\n                        }\n                    </div>\n\n                    <!-- \u0421\u0443\u043C\u043C\u0430 \u0442\u043E\u0432\u0430\u0440\u0430 \u0438 \u0441\u043A\u043B\u0430\u0434\u0441\u043A\u043E\u0435 \u043D\u0430\u043B\u0438\u0447\u0438\u0435. -->\n                    <div\n                        scPrint=\"cost\"\n                        class=\"flex min-w-[11rem] flex-col @lg:justify-end @2xl:!justify-center text-body-m\"\n                    >\n                        <p class=\"whitespace-nowrap\">\n                            \u0421\u0443\u043C\u043C\u0430:\n                            <strong> {{ orderItem.costRub | tuiFormatNumber: { precision: 2, decimalSeparator: '.', rounding: 'ceil' } | async }} {{ 'RUB' | tuiCurrency }}</strong>\n                        </p>\n                        <sc-price-warehouse-stock\n                            scPrint=\"defaultNoPrint\"\n                            [product]=\"product\"\n                        />\n                    </div>\n                </div>\n            </div>\n        </sc-noindex-wrapper>\n    </div>\n} @else {\n    <div class=\"tui-skeleton flex h-[8.25rem] w-full overflow-hidden rounded-xl\"></div>\n}\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { 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: "directive", type: i2$3.PolymorpheusOutlet, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }, { 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: 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: ScInputQuantityComponent, selector: "sc-input-quantity", inputs: ["step", "showLoader", "showCross", "ignoreStepValidators", "appearance", "isDisabled", "size"], outputs: ["clickClearEvent"] }, { kind: "pipe", type: TuiCurrencyPipe, name: "tuiCurrency" }, { kind: "pipe", type: TuiFormatNumberPipe, name: "tuiFormatNumber" }, { kind: "component", type: i2$1.TuiPreviewComponent, selector: "tui-preview", inputs: ["zoomable", "rotatable", "initialScale"] }, { kind: "directive", type: i2$1.TuiPreviewAction, selector: "[tuiPreviewAction]" }, { kind: "component", type: ScNoindexWrapperComponent, selector: "sc-noindex-wrapper" }, { kind: "component", type: TuiButtonLoading, selector: "[tuiButton][loading],[tuiIconButton][loading]", inputs: ["size", "loading"] }, { kind: "directive", type: ScPrintDirective, selector: "[scPrint]", inputs: ["scPrint"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], usesInheritance: true, ngImport: i0, template: "@if (product && orderItem) {\n    <div class=\"@container relative flex w-full gap-4 rounded-xl p-1 text-body-s hover:bg-tui-background-neutral-1\">\n        <sc-noindex-wrapper>\n            @let isDisabled = product.isHidden || product.isNull;\n            <sc-hover-image-carousel\n                (click)=\"isDisabled ? null : clickCardEvent.emit()\"\n                [images]=\"!isMobile ? getCardImagePreviewList(product) : [getCardImagePreview()]\"\n                [isShowActions]=\"false\"\n                class=\"aspect-square w-24 shrink-0 cursor-pointer self-start\"\n            />\n            <div class=\"flex w-full flex-col gap-y-1 gap-x-4 @5xl:flex-row @5xl:items-center @5xl:gap-5\">\n                <div class=\"flex min-w-0 flex-1 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                    <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.disabled]=\"isDisabled\"\n                            class=\"!text-body-m-bold\"\n                        >\n                            {{ product.name }}\n                        </a>\n                        @if (product.supplierSku) {\n                            <span class=\"text-tui-text-02\"> \u0410\u0440\u0442\u0438\u043A\u0443\u043B \u043F\u0440\u043E\u0438\u0437\u0432\u043E\u0434\u0438\u0442\u0435\u043B\u044F: {{ product.supplierSku }} </span>\n                        }\n                        @if (product.pack) {\n                            <div class=\"flex items-center gap-1 text-tui-text-02\">\n                                \u041D\u043E\u0440\u043C\u0430 \u0443\u043F\u0430\u043A\u043E\u0432\u043A\u0438: {{ product.pack }}\n                                @if (product.ignoreMinCountCheck) {\n                                    <tui-icon\n                                        icon=\"@tui.package\"\n                                        [tuiHint]=\"minCountHint\"\n                                        [tuiHintShowDelay]=\"100\"\n                                        tuiHintDirection=\"top\"\n                                        class=\"text-body-xl text-tui-text-01 opacity-90\"\n                                    />\n                                    <ng-template #minCountHint>\n                                        \u0414\u043E\u0441\u0442\u0443\u043F\u0435\u043D \u0437\u0430\u043A\u0430\u0437 <br />\n                                        \u043F\u0440\u043E\u0438\u0437\u0432\u043E\u043B\u044C\u043D\u043E\u0433\u043E <br />\n                                        \u043A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u0430\n                                    </ng-template>\n                                }\n                            </div>\n                        }\n\n                        <sc-cost-with-discount\n                            scPrint=\"cost\"\n                            [product]=\"product\"\n                        />\n                    </div>\n                    @if (orderItem.specificationImgUrl) {\n                        <a\n                            tuiLink\n                            (click)=\"showSpecification(specificationPreview)\"\n                            [class.disabled]=\"isDisabled\"\n                        >\n                            \u0421\u043F\u0435\u0446\u0438\u0444\u0438\u043A\u0430\u0446\u0438\u044F\n                        </a>\n                    }\n                    <ng-template\n                        #specificationPreview\n                        let-preview\n                    >\n                        <tui-preview\n                            [rotatable]=\"false\"\n                            [zoomable]=\"false\"\n                        >\n                            <img\n                                *polymorpheusOutlet=\"orderItem.specificationImgUrl as src\"\n                                alt=\"preview\"\n                                [src]=\"orderItem.specificationImgUrl\"\n                            />\n                            <button\n                                iconStart=\"@tui.x\"\n                                title=\"Close\"\n                                tuiIconButton\n                                tuiPreviewAction\n                                type=\"button\"\n                                (click)=\"preview.complete()\"\n                            ></button>\n                        </tui-preview>\n                    </ng-template>\n                </div>\n                <div class=\"grid grid-cols-1 @lg:grid-cols-3 gap-2 @2xl:gap-4 @2xl:grid-rows-1\">\n                    <div class=\"grid grid-cols-1 items-center @lg:gap-2 @2xl:grid-cols-2 @lg:col-span-2\">\n                        <!-- \u041A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E \u0442\u043E\u0432\u0430\u0440\u0430. -->\n                        @if (isShowEditControls() && showQuantityControl) {\n                            <!-- \u041F\u043E\u043B\u0435 \u0432\u0432\u043E\u0434\u0430 \u043A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u0430 \u0442\u043E\u0432\u0430\u0440\u0430. -->\n                            <sc-input-quantity\n                                #inputQuantity\n                                [tuiAutoFocus]=\"autoFocuseQuantityInput()\"\n                                [formControl]=\"quantityControl\"\n                                size=\"m\"\n                                [showCross]=\"false\"\n                                [isDisabled]=\"isDisabled\"\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-32 shrink-0\"\n                            />\n                        } @else {\n                            <button\n                                [appearance]=\"isShowEditControls() ? 'action-grayscale' : ''\"\n                                tuiTheme=\"light\"\n                                tuiHint=\"\u0414\u043B\u044F \u0438\u0437\u043C\u0435\u043D\u0435\u043D\u0438\u044F \u043A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u0430 \u0432\u043E\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0439\u0442\u0435\u0441\u044C \u043A\u043E\u043D\u0444\u0438\u0433\u0443\u0440\u0430\u0442\u043E\u0440\u043E\u043C\"\n                                (tuiHintVisible)=\"configuratorHintVisible($event)\"\n                                tuiLink\n                                [style.text-decoration-line]=\"isShowEditControls() ? 'underline' : 'none'\"\n                                [class.pointer-events-none]=\"!isShowEditControls()\"\n                            >\n                                <div class=\"!text-body-m text-start\">\n                                    \u041A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E:\n                                    <strong> {{ orderItem.quantity }} \u0448\u0442.</strong>\n                                </div>\n                            </button>\n                        }\n\n                        @let showAdditionalInfo = orderItem.configurator || orderItem.height || orderItem.length || orderItem.width || orderItem.marker;\n                        @if (showAdditionalInfo) {\n                            <div class=\"flex items-center gap-2 @lg:gap-3 max-w-min\">\n                                <!-- \u041A\u043D\u043E\u043F\u043A\u0430 \u0440\u0435\u0434\u0430\u043A\u0442\u0438\u0440\u043E\u0432\u0430\u043D\u0438\u044F \u0442\u043E\u0432\u0430\u0440\u0430. -->\n                                @if (isShowEditControls()) {\n                                    <button\n                                        tuiIconButton\n                                        iconStart=\"@tui.settings\"\n                                        [disabled]=\"isDisabled\"\n                                        [loading]=\"showLoader()\"\n                                        (click)=\"clickSettings.emit()\"\n                                        size=\"s\"\n                                        [appearance]=\"isConfiguratorHintVisible() ? 'primary' : 'secondary'\"\n                                        class=\"shrink-0\"\n                                    ></button>\n                                }\n\n                                <!-- \u0414\u043E\u043F\u043E\u043B\u043D\u0438\u0442\u0435\u043B\u044C\u043D\u0430\u044F \u0438\u043D\u0444\u043E\u0440\u043C\u0430\u0446\u0438\u044F \u043E \u0442\u043E\u0432\u0430\u0440\u0435. -->\n                                <div\n                                    class=\"flex flex-col gap-x-1 text-tui-base-07\"\n                                    [class.text-body-m]=\"!isShowEditControls()\"\n                                >\n                                    @if (orderItem.marker) {\n                                        <p>\u041C\u0430\u0440\u043A\u0438\u0440\u043E\u0432\u043A\u0430: {{ orderItem.marker }}</p>\n                                    }\n                                    @if (orderItem.width) {\n                                        <button\n                                            [appearance]=\"isShowEditControls() ? 'action-grayscale' : ''\"\n                                            tuiTheme=\"light\"\n                                            tuiHint=\"\u0414\u043B\u044F \u0438\u0437\u043C\u0435\u043D\u0435\u043D\u0438\u044F \u0448\u0438\u0440\u0438\u043D\u044B \u0432\u043E\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0439\u0442\u0435\u0441\u044C \u043A\u043E\u043D\u0444\u0438\u0433\u0443\u0440\u0430\u0442\u043E\u0440\u043E\u043C\"\n                                            (tuiHintVisible)=\"configuratorHintVisible($event)\"\n                                            tuiLink\n                                            [style.text-decoration-line]=\"isShowEditControls() ? 'underline' : 'none'\"\n                                            [class.pointer-events-none]=\"!isShowEditControls()\"\n                                            class=\"text-body-s self-start whitespace-nowrap\"\n                                        >\n                                            \u0428\u0438\u0440\u0438\u043D\u0430: <span class=\"text-body-s-bold\">{{ orderItem.width }} \u043C.</span>\n                                        </button>\n                                    }\n                                    @if (orderItem.height) {\n                                        <button\n                                            [appearance]=\"isShowEditControls() ? 'action-grayscale' : ''\"\n                                            tuiTheme=\"light\"\n                                            tuiHint=\"\u0414\u043B\u044F \u0438\u0437\u043C\u0435\u043D\u0435\u043D\u0438\u044F \u0432\u044B\u0441\u043E\u0442\u044B \u0432\u043E\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0439\u0442\u0435\u0441\u044C \u043A\u043E\u043D\u0444\u0438\u0433\u0443\u0440\u0430\u0442\u043E\u0440\u043E\u043C\"\n                                            (tuiHintVisible)=\"configuratorHintVisible($event)\"\n                                            tuiLink\n                                            [style.text-decoration-line]=\"isShowEditControls() ? 'underline' : 'none'\"\n                                            [class.pointer-events-none]=\"!isShowEditControls()\"\n                                            class=\"text-body-s self-start whitespace-nowrap\"\n                                        >\n                                            \u0412\u044B\u0441\u043E\u0442\u0430: <span class=\"text-body-s-bold\">{{ orderItem.height }} \u043C.</span>\n                                        </button>\n                                    } @else if (orderItem.length) {\n                                        <button\n                                            [appearance]=\"isShowEditControls() ? 'action-grayscale' : ''\"\n                                            tuiTheme=\"light\"\n                                            tuiHint=\"\u0414\u043B\u044F \u0438\u0437\u043C\u0435\u043D\u0435\u043D\u0438\u044F \u0434\u043B\u0438\u043D\u044B \u0432\u043E\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0439\u0442\u0435\u0441\u044C \u043A\u043E\u043D\u0444\u0438\u0433\u0443\u0440\u0430\u0442\u043E\u0440\u043E\u043C\"\n                                            (tuiHintVisible)=\"configuratorHintVisible($event)\"\n                                            tuiLink\n                                            [style.text-decoration-line]=\"isShowEditControls() ? 'underline' : 'none'\"\n                                            [class.pointer-events-none]=\"!isShowEditControls()\"\n                                            class=\"text-body-s self-start whitespace-nowrap\"\n                                        >\n                                            \u0414\u043B\u0438\u043D\u0430: <span class=\"text-body-s-bold\">{{ orderItem.length }} \u043C.</span>\n                                        </button>\n                                    }\n                                </div>\n                            </div>\n                        }\n                    </div>\n\n                    <!-- \u0421\u0443\u043C\u043C\u0430 \u0442\u043E\u0432\u0430\u0440\u0430 \u0438 \u0441\u043A\u043B\u0430\u0434\u0441\u043A\u043E\u0435 \u043D\u0430\u043B\u0438\u0447\u0438\u0435. -->\n                    <div\n                        scPrint=\"cost\"\n                        class=\"flex min-w-[11rem] flex-col @lg:justify-end @2xl:!justify-center text-body-m\"\n                    >\n                        <p class=\"whitespace-nowrap\">\n                            \u0421\u0443\u043C\u043C\u0430:\n                            <strong> {{ orderItem.costRub | tuiFormatNumber: { precision: 2, decimalSeparator: '.', rounding: 'ceil' } | async }} {{ 'RUB' | tuiCurrency }}</strong>\n                        </p>\n                        <sc-price-warehouse-stock\n                            scPrint=\"defaultNoPrint\"\n                            [product]=\"product\"\n                        />\n                    </div>\n                </div>\n            </div>\n        </sc-noindex-wrapper>\n    </div>\n} @else {\n    <div class=\"tui-skeleton flex h-[8.25rem] w-full overflow-hidden rounded-xl\"></div>\n}\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { 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: "directive", type: i2$3.PolymorpheusOutlet, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }, { 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: 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: ScInputQuantityComponent, selector: "sc-input-quantity", inputs: ["step", "showLoader", "showCross", "ignoreStepValidators", "appearance", "isDisabled", "size"], outputs: ["clickClearEvent"] }, { kind: "pipe", type: TuiCurrencyPipe, name: "tuiCurrency" }, { kind: "pipe", type: TuiFormatNumberPipe, name: "tuiFormatNumber" }, { kind: "component", type: i2$1.TuiPreviewComponent, selector: "tui-preview", inputs: ["zoomable", "rotatable", "initialScale"] }, { kind: "directive", type: i2$1.TuiPreviewAction, selector: "[tuiPreviewAction]" }, { kind: "component", type: ScNoindexWrapperComponent, selector: "sc-noindex-wrapper" }, { kind: "component", type: TuiButtonLoading, selector: "[tuiButton][loading],[tuiIconButton][loading]", inputs: ["size", "loading"] }, { kind: "directive", type: ScPrintDirective, selector: "[scPrint]", inputs: ["scPrint"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScOrderItemComponent, decorators: [{
             type: Component,
@@ -8067,7 +8342,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                             appearance: signal('textfield'),
                         }),
                         tuiHintOptionsProvider({ direction: 'top', showDelay: 100, hideDelay: 100 }),
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (product && orderItem) {\n    <div class=\"@container relative flex w-full gap-4 rounded-xl p-1 text-body-s hover:bg-tui-background-neutral-1\">\n        <sc-noindex-wrapper>\n            @let isDisabled = product.isHidden || product.isNull;\n            <sc-hover-image-carousel\n                (click)=\"isDisabled ? null : clickCardEvent.emit()\"\n                [images]=\"!isMobile ? getCardImagePreviewList(product) : [getCardImagePreview()]\"\n                [isShowActions]=\"false\"\n                class=\"aspect-square w-24 shrink-0 cursor-pointer self-start\"\n            />\n            <div class=\"flex w-full flex-col gap-y-1 gap-x-4 @5xl:flex-row @5xl:items-center @5xl:gap-5\">\n                <div class=\"flex min-w-0 flex-1 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                    <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.disabled]=\"isDisabled\"\n                            class=\"!text-body-m-bold\"\n                        >\n                            {{ product.name }}\n                        </a>\n                        @if (product.supplierSku) {\n                            <span class=\"text-tui-text-02\"> \u0410\u0440\u0442\u0438\u043A\u0443\u043B \u043F\u0440\u043E\u0438\u0437\u0432\u043E\u0434\u0438\u0442\u0435\u043B\u044F: {{ product.supplierSku }} </span>\n                        }\n                        @if (product.pack) {\n                            <div class=\"flex items-center gap-1 text-tui-text-02\">\n                                \u041D\u043E\u0440\u043C\u0430 \u0443\u043F\u0430\u043A\u043E\u0432\u043A\u0438: {{ product.pack }}\n                                @if (product.ignoreMinCountCheck) {\n                                    <tui-icon\n                                        icon=\"@tui.package\"\n                                        [tuiHint]=\"minCountHint\"\n                                        [tuiHintShowDelay]=\"100\"\n                                        tuiHintDirection=\"top\"\n                                        class=\"text-body-xl text-tui-text-01 opacity-90\"\n                                    />\n                                    <ng-template #minCountHint>\n                                        \u0414\u043E\u0441\u0442\u0443\u043F\u0435\u043D \u0437\u0430\u043A\u0430\u0437 <br />\n                                        \u043F\u0440\u043E\u0438\u0437\u0432\u043E\u043B\u044C\u043D\u043E\u0433\u043E <br />\n                                        \u043A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u0430\n                                    </ng-template>\n                                }\n                            </div>\n                        }\n\n                        <sc-cost-with-discount\n                            scPrint=\"cost\"\n                            [product]=\"product\"\n                        />\n                    </div>\n                    @if (orderItem.specificationImgUrl) {\n                        <a\n                            tuiLink\n                            (click)=\"showSpecification(specificationPreview)\"\n                            [class.disabled]=\"isDisabled\"\n                        >\n                            \u0421\u043F\u0435\u0446\u0438\u0444\u0438\u043A\u0430\u0446\u0438\u044F\n                        </a>\n                    }\n                    <ng-template\n                        #specificationPreview\n                        let-preview\n                    >\n                        <tui-preview\n                            [rotatable]=\"false\"\n                            [zoomable]=\"false\"\n                        >\n                            <img\n                                *polymorpheusOutlet=\"orderItem.specificationImgUrl as src\"\n                                alt=\"preview\"\n                                [src]=\"orderItem.specificationImgUrl\"\n                            />\n                            <button\n                                iconStart=\"@tui.x\"\n                                title=\"Close\"\n                                tuiIconButton\n                                tuiPreviewAction\n                                type=\"button\"\n                                (click)=\"preview.complete()\"\n                            ></button>\n                        </tui-preview>\n                    </ng-template>\n                </div>\n                <div class=\"grid grid-cols-1 @lg:grid-cols-3 gap-2 @2xl:gap-4 @2xl:grid-rows-1\">\n                    <div class=\"grid grid-cols-1 items-center @lg:gap-2 @2xl:grid-cols-2 @lg:col-span-2\">\n                        <!-- \u041A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E \u0442\u043E\u0432\u0430\u0440\u0430. -->\n                        @if (isShowEditControls() && showQuantityControl) {\n                            <!-- \u041F\u043E\u043B\u0435 \u0432\u0432\u043E\u0434\u0430 \u043A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u0430 \u0442\u043E\u0432\u0430\u0440\u0430. -->\n                            <sc-input-quantity\n                                #inputQuantity\n                                [tuiAutoFocus]=\"autoFocuseQuantityInput()\"\n                                [formControl]=\"quantityControl\"\n                                size=\"m\"\n                                [showCross]=\"false\"\n                                [isDisabled]=\"isDisabled\"\n                                [step]=\"unitsHelper.productMultiplicity(product)\"\n                                [ignoreStepValidators]=\"product.ignoreMinCountCheck\"\n                                [showLoader]=\"showLoader()\"\n                                (clickClearEvent)=\"clickClearEvent.emit(orderItem)\"\n                                (keydown.enter)=\"inputQuantity.nativeFocusableElement?.blur()\"\n                                class=\"w-32 shrink-0\"\n                            />\n                        } @else {\n                            <button\n                                [appearance]=\"isShowEditControls() ? 'action-grayscale' : ''\"\n                                tuiTheme=\"light\"\n                                tuiHint=\"\u0414\u043B\u044F \u0438\u0437\u043C\u0435\u043D\u0435\u043D\u0438\u044F \u043A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u0430 \u0432\u043E\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0439\u0442\u0435\u0441\u044C \u043A\u043E\u043D\u0444\u0438\u0433\u0443\u0440\u0430\u0442\u043E\u0440\u043E\u043C\"\n                                (tuiHintVisible)=\"configuratorHintVisible($event)\"\n                                tuiLink\n                                [style.text-decoration-line]=\"isShowEditControls() ? 'underline' : 'none'\"\n                                [class.pointer-events-none]=\"!isShowEditControls()\"\n                            >\n                                <div class=\"!text-body-m text-start\">\n                                    \u041A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E:\n                                    <strong> {{ orderItem.quantity }} \u0448\u0442.</strong>\n                                </div>\n                            </button>\n                        }\n\n                        @let showAdditionalInfo = orderItem.configurator || orderItem.height || orderItem.length || orderItem.width || orderItem.marker;\n                        @if (showAdditionalInfo) {\n                            <div class=\"flex items-center gap-2 @lg:gap-3 max-w-min\">\n                                <!-- \u041A\u043D\u043E\u043F\u043A\u0430 \u0440\u0435\u0434\u0430\u043A\u0442\u0438\u0440\u043E\u0432\u0430\u043D\u0438\u044F \u0442\u043E\u0432\u0430\u0440\u0430. -->\n                                @if (isShowEditControls()) {\n                                    <button\n                                        tuiIconButton\n                                        iconStart=\"@tui.settings\"\n                                        [disabled]=\"isDisabled\"\n                                        [loading]=\"showLoader()\"\n                                        (click)=\"clickSettings.emit()\"\n                                        size=\"s\"\n                                        [appearance]=\"isConfiguratorHintVisible() ? 'primary' : 'secondary'\"\n                                        class=\"shrink-0\"\n                                    ></button>\n                                }\n\n                                <!-- \u0414\u043E\u043F\u043E\u043B\u043D\u0438\u0442\u0435\u043B\u044C\u043D\u0430\u044F \u0438\u043D\u0444\u043E\u0440\u043C\u0430\u0446\u0438\u044F \u043E \u0442\u043E\u0432\u0430\u0440\u0435. -->\n                                <div\n                                    class=\"flex flex-col gap-x-1 text-tui-base-07\"\n                                    [class.text-body-m]=\"!isShowEditControls()\"\n                                >\n                                    @if (orderItem.marker) {\n                                        <p>\u041C\u0430\u0440\u043A\u0438\u0440\u043E\u0432\u043A\u0430: {{ orderItem.marker }}</p>\n                                    }\n                                    @if (orderItem.width) {\n                                        <button\n                                            [appearance]=\"isShowEditControls() ? 'action-grayscale' : ''\"\n                                            tuiTheme=\"light\"\n                                            tuiHint=\"\u0414\u043B\u044F \u0438\u0437\u043C\u0435\u043D\u0435\u043D\u0438\u044F \u0448\u0438\u0440\u0438\u043D\u044B \u0432\u043E\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0439\u0442\u0435\u0441\u044C \u043A\u043E\u043D\u0444\u0438\u0433\u0443\u0440\u0430\u0442\u043E\u0440\u043E\u043C\"\n                                            (tuiHintVisible)=\"configuratorHintVisible($event)\"\n                                            tuiLink\n                                            [style.text-decoration-line]=\"isShowEditControls() ? 'underline' : 'none'\"\n                                            [class.pointer-events-none]=\"!isShowEditControls()\"\n                                            class=\"text-body-s self-start whitespace-nowrap\"\n                                        >\n                                            \u0428\u0438\u0440\u0438\u043D\u0430: <span class=\"text-body-s-bold\">{{ orderItem.width }} \u043C.</span>\n                                        </button>\n                                    }\n                                    @if (orderItem.height) {\n                                        <button\n                                            [appearance]=\"isShowEditControls() ? 'action-grayscale' : ''\"\n                                            tuiTheme=\"light\"\n                                            tuiHint=\"\u0414\u043B\u044F \u0438\u0437\u043C\u0435\u043D\u0435\u043D\u0438\u044F \u0432\u044B\u0441\u043E\u0442\u044B \u0432\u043E\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0439\u0442\u0435\u0441\u044C \u043A\u043E\u043D\u0444\u0438\u0433\u0443\u0440\u0430\u0442\u043E\u0440\u043E\u043C\"\n                                            (tuiHintVisible)=\"configuratorHintVisible($event)\"\n                                            tuiLink\n                                            [style.text-decoration-line]=\"isShowEditControls() ? 'underline' : 'none'\"\n                                            [class.pointer-events-none]=\"!isShowEditControls()\"\n                                            class=\"text-body-s self-start whitespace-nowrap\"\n                                        >\n                                            \u0412\u044B\u0441\u043E\u0442\u0430: <span class=\"text-body-s-bold\">{{ orderItem.height }} \u043C.</span>\n                                        </button>\n                                    } @else if (orderItem.length) {\n                                        <button\n                                            [appearance]=\"isShowEditControls() ? 'action-grayscale' : ''\"\n                                            tuiTheme=\"light\"\n                                            tuiHint=\"\u0414\u043B\u044F \u0438\u0437\u043C\u0435\u043D\u0435\u043D\u0438\u044F \u0434\u043B\u0438\u043D\u044B \u0432\u043E\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0439\u0442\u0435\u0441\u044C \u043A\u043E\u043D\u0444\u0438\u0433\u0443\u0440\u0430\u0442\u043E\u0440\u043E\u043C\"\n                                            (tuiHintVisible)=\"configuratorHintVisible($event)\"\n                                            tuiLink\n                                            [style.text-decoration-line]=\"isShowEditControls() ? 'underline' : 'none'\"\n                                            [class.pointer-events-none]=\"!isShowEditControls()\"\n                                            class=\"text-body-s self-start whitespace-nowrap\"\n                                        >\n                                            \u0414\u043B\u0438\u043D\u0430: <span class=\"text-body-s-bold\">{{ orderItem.length }} \u043C.</span>\n                                        </button>\n                                    }\n                                </div>\n                            </div>\n                        }\n                    </div>\n\n                    <!-- \u0421\u0443\u043C\u043C\u0430 \u0442\u043E\u0432\u0430\u0440\u0430 \u0438 \u0441\u043A\u043B\u0430\u0434\u0441\u043A\u043E\u0435 \u043D\u0430\u043B\u0438\u0447\u0438\u0435. -->\n                    <div\n                        scPrint=\"cost\"\n                        class=\"flex min-w-[11rem] flex-col @lg:justify-end @2xl:!justify-center text-body-m\"\n                    >\n                        <p class=\"whitespace-nowrap\">\n                            \u0421\u0443\u043C\u043C\u0430:\n                            <strong> {{ orderItem.costRub | tuiFormatNumber: { precision: 2, decimalSeparator: '.', rounding: 'ceil' } | async }} {{ 'RUB' | tuiCurrency }}</strong>\n                        </p>\n                        <sc-price-warehouse-stock\n                            scPrint=\"defaultNoPrint\"\n                            [product]=\"product\"\n                        />\n                    </div>\n                </div>\n            </div>\n        </sc-noindex-wrapper>\n    </div>\n} @else {\n    <div class=\"tui-skeleton flex h-[8.25rem] w-full overflow-hidden rounded-xl\"></div>\n}\n" }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (product && orderItem) {\n    <div class=\"@container relative flex w-full gap-4 rounded-xl p-1 text-body-s hover:bg-tui-background-neutral-1\">\n        <sc-noindex-wrapper>\n            @let isDisabled = product.isHidden || product.isNull;\n            <sc-hover-image-carousel\n                (click)=\"isDisabled ? null : clickCardEvent.emit()\"\n                [images]=\"!isMobile ? getCardImagePreviewList(product) : [getCardImagePreview()]\"\n                [isShowActions]=\"false\"\n                class=\"aspect-square w-24 shrink-0 cursor-pointer self-start\"\n            />\n            <div class=\"flex w-full flex-col gap-y-1 gap-x-4 @5xl:flex-row @5xl:items-center @5xl:gap-5\">\n                <div class=\"flex min-w-0 flex-1 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                    <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.disabled]=\"isDisabled\"\n                            class=\"!text-body-m-bold\"\n                        >\n                            {{ product.name }}\n                        </a>\n                        @if (product.supplierSku) {\n                            <span class=\"text-tui-text-02\"> \u0410\u0440\u0442\u0438\u043A\u0443\u043B \u043F\u0440\u043E\u0438\u0437\u0432\u043E\u0434\u0438\u0442\u0435\u043B\u044F: {{ product.supplierSku }} </span>\n                        }\n                        @if (product.pack) {\n                            <div class=\"flex items-center gap-1 text-tui-text-02\">\n                                \u041D\u043E\u0440\u043C\u0430 \u0443\u043F\u0430\u043A\u043E\u0432\u043A\u0438: {{ product.pack }}\n                                @if (product.ignoreMinCountCheck) {\n                                    <tui-icon\n                                        icon=\"@tui.package\"\n                                        [tuiHint]=\"minCountHint\"\n                                        [tuiHintShowDelay]=\"100\"\n                                        tuiHintDirection=\"top\"\n                                        class=\"text-body-xl text-tui-text-01 opacity-90\"\n                                    />\n                                    <ng-template #minCountHint>\n                                        \u0414\u043E\u0441\u0442\u0443\u043F\u0435\u043D \u0437\u0430\u043A\u0430\u0437 <br />\n                                        \u043F\u0440\u043E\u0438\u0437\u0432\u043E\u043B\u044C\u043D\u043E\u0433\u043E <br />\n                                        \u043A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u0430\n                                    </ng-template>\n                                }\n                            </div>\n                        }\n\n                        <sc-cost-with-discount\n                            scPrint=\"cost\"\n                            [product]=\"product\"\n                        />\n                    </div>\n                    @if (orderItem.specificationImgUrl) {\n                        <a\n                            tuiLink\n                            (click)=\"showSpecification(specificationPreview)\"\n                            [class.disabled]=\"isDisabled\"\n                        >\n                            \u0421\u043F\u0435\u0446\u0438\u0444\u0438\u043A\u0430\u0446\u0438\u044F\n                        </a>\n                    }\n                    <ng-template\n                        #specificationPreview\n                        let-preview\n                    >\n                        <tui-preview\n                            [rotatable]=\"false\"\n                            [zoomable]=\"false\"\n                        >\n                            <img\n                                *polymorpheusOutlet=\"orderItem.specificationImgUrl as src\"\n                                alt=\"preview\"\n                                [src]=\"orderItem.specificationImgUrl\"\n                            />\n                            <button\n                                iconStart=\"@tui.x\"\n                                title=\"Close\"\n                                tuiIconButton\n                                tuiPreviewAction\n                                type=\"button\"\n                                (click)=\"preview.complete()\"\n                            ></button>\n                        </tui-preview>\n                    </ng-template>\n                </div>\n                <div class=\"grid grid-cols-1 @lg:grid-cols-3 gap-2 @2xl:gap-4 @2xl:grid-rows-1\">\n                    <div class=\"grid grid-cols-1 items-center @lg:gap-2 @2xl:grid-cols-2 @lg:col-span-2\">\n                        <!-- \u041A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E \u0442\u043E\u0432\u0430\u0440\u0430. -->\n                        @if (isShowEditControls() && showQuantityControl) {\n                            <!-- \u041F\u043E\u043B\u0435 \u0432\u0432\u043E\u0434\u0430 \u043A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u0430 \u0442\u043E\u0432\u0430\u0440\u0430. -->\n                            <sc-input-quantity\n                                #inputQuantity\n                                [tuiAutoFocus]=\"autoFocuseQuantityInput()\"\n                                [formControl]=\"quantityControl\"\n                                size=\"m\"\n                                [showCross]=\"false\"\n                                [isDisabled]=\"isDisabled\"\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-32 shrink-0\"\n                            />\n                        } @else {\n                            <button\n                                [appearance]=\"isShowEditControls() ? 'action-grayscale' : ''\"\n                                tuiTheme=\"light\"\n                                tuiHint=\"\u0414\u043B\u044F \u0438\u0437\u043C\u0435\u043D\u0435\u043D\u0438\u044F \u043A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u0430 \u0432\u043E\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0439\u0442\u0435\u0441\u044C \u043A\u043E\u043D\u0444\u0438\u0433\u0443\u0440\u0430\u0442\u043E\u0440\u043E\u043C\"\n                                (tuiHintVisible)=\"configuratorHintVisible($event)\"\n                                tuiLink\n                                [style.text-decoration-line]=\"isShowEditControls() ? 'underline' : 'none'\"\n                                [class.pointer-events-none]=\"!isShowEditControls()\"\n                            >\n                                <div class=\"!text-body-m text-start\">\n                                    \u041A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E:\n                                    <strong> {{ orderItem.quantity }} \u0448\u0442.</strong>\n                                </div>\n                            </button>\n                        }\n\n                        @let showAdditionalInfo = orderItem.configurator || orderItem.height || orderItem.length || orderItem.width || orderItem.marker;\n                        @if (showAdditionalInfo) {\n                            <div class=\"flex items-center gap-2 @lg:gap-3 max-w-min\">\n                                <!-- \u041A\u043D\u043E\u043F\u043A\u0430 \u0440\u0435\u0434\u0430\u043A\u0442\u0438\u0440\u043E\u0432\u0430\u043D\u0438\u044F \u0442\u043E\u0432\u0430\u0440\u0430. -->\n                                @if (isShowEditControls()) {\n                                    <button\n                                        tuiIconButton\n                                        iconStart=\"@tui.settings\"\n                                        [disabled]=\"isDisabled\"\n                                        [loading]=\"showLoader()\"\n                                        (click)=\"clickSettings.emit()\"\n                                        size=\"s\"\n                                        [appearance]=\"isConfiguratorHintVisible() ? 'primary' : 'secondary'\"\n                                        class=\"shrink-0\"\n                                    ></button>\n                                }\n\n                                <!-- \u0414\u043E\u043F\u043E\u043B\u043D\u0438\u0442\u0435\u043B\u044C\u043D\u0430\u044F \u0438\u043D\u0444\u043E\u0440\u043C\u0430\u0446\u0438\u044F \u043E \u0442\u043E\u0432\u0430\u0440\u0435. -->\n                                <div\n                                    class=\"flex flex-col gap-x-1 text-tui-base-07\"\n                                    [class.text-body-m]=\"!isShowEditControls()\"\n                                >\n                                    @if (orderItem.marker) {\n                                        <p>\u041C\u0430\u0440\u043A\u0438\u0440\u043E\u0432\u043A\u0430: {{ orderItem.marker }}</p>\n                                    }\n                                    @if (orderItem.width) {\n                                        <button\n                                            [appearance]=\"isShowEditControls() ? 'action-grayscale' : ''\"\n                                            tuiTheme=\"light\"\n                                            tuiHint=\"\u0414\u043B\u044F \u0438\u0437\u043C\u0435\u043D\u0435\u043D\u0438\u044F \u0448\u0438\u0440\u0438\u043D\u044B \u0432\u043E\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0439\u0442\u0435\u0441\u044C \u043A\u043E\u043D\u0444\u0438\u0433\u0443\u0440\u0430\u0442\u043E\u0440\u043E\u043C\"\n                                            (tuiHintVisible)=\"configuratorHintVisible($event)\"\n                                            tuiLink\n                                            [style.text-decoration-line]=\"isShowEditControls() ? 'underline' : 'none'\"\n                                            [class.pointer-events-none]=\"!isShowEditControls()\"\n                                            class=\"text-body-s self-start whitespace-nowrap\"\n                                        >\n                                            \u0428\u0438\u0440\u0438\u043D\u0430: <span class=\"text-body-s-bold\">{{ orderItem.width }} \u043C.</span>\n                                        </button>\n                                    }\n                                    @if (orderItem.height) {\n                                        <button\n                                            [appearance]=\"isShowEditControls() ? 'action-grayscale' : ''\"\n                                            tuiTheme=\"light\"\n                                            tuiHint=\"\u0414\u043B\u044F \u0438\u0437\u043C\u0435\u043D\u0435\u043D\u0438\u044F \u0432\u044B\u0441\u043E\u0442\u044B \u0432\u043E\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0439\u0442\u0435\u0441\u044C \u043A\u043E\u043D\u0444\u0438\u0433\u0443\u0440\u0430\u0442\u043E\u0440\u043E\u043C\"\n                                            (tuiHintVisible)=\"configuratorHintVisible($event)\"\n                                            tuiLink\n                                            [style.text-decoration-line]=\"isShowEditControls() ? 'underline' : 'none'\"\n                                            [class.pointer-events-none]=\"!isShowEditControls()\"\n                                            class=\"text-body-s self-start whitespace-nowrap\"\n                                        >\n                                            \u0412\u044B\u0441\u043E\u0442\u0430: <span class=\"text-body-s-bold\">{{ orderItem.height }} \u043C.</span>\n                                        </button>\n                                    } @else if (orderItem.length) {\n                                        <button\n                                            [appearance]=\"isShowEditControls() ? 'action-grayscale' : ''\"\n                                            tuiTheme=\"light\"\n                                            tuiHint=\"\u0414\u043B\u044F \u0438\u0437\u043C\u0435\u043D\u0435\u043D\u0438\u044F \u0434\u043B\u0438\u043D\u044B \u0432\u043E\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0439\u0442\u0435\u0441\u044C \u043A\u043E\u043D\u0444\u0438\u0433\u0443\u0440\u0430\u0442\u043E\u0440\u043E\u043C\"\n                                            (tuiHintVisible)=\"configuratorHintVisible($event)\"\n                                            tuiLink\n                                            [style.text-decoration-line]=\"isShowEditControls() ? 'underline' : 'none'\"\n                                            [class.pointer-events-none]=\"!isShowEditControls()\"\n                                            class=\"text-body-s self-start whitespace-nowrap\"\n                                        >\n                                            \u0414\u043B\u0438\u043D\u0430: <span class=\"text-body-s-bold\">{{ orderItem.length }} \u043C.</span>\n                                        </button>\n                                    }\n                                </div>\n                            </div>\n                        }\n                    </div>\n\n                    <!-- \u0421\u0443\u043C\u043C\u0430 \u0442\u043E\u0432\u0430\u0440\u0430 \u0438 \u0441\u043A\u043B\u0430\u0434\u0441\u043A\u043E\u0435 \u043D\u0430\u043B\u0438\u0447\u0438\u0435. -->\n                    <div\n                        scPrint=\"cost\"\n                        class=\"flex min-w-[11rem] flex-col @lg:justify-end @2xl:!justify-center text-body-m\"\n                    >\n                        <p class=\"whitespace-nowrap\">\n                            \u0421\u0443\u043C\u043C\u0430:\n                            <strong> {{ orderItem.costRub | tuiFormatNumber: { precision: 2, decimalSeparator: '.', rounding: 'ceil' } | async }} {{ 'RUB' | tuiCurrency }}</strong>\n                        </p>\n                        <sc-price-warehouse-stock\n                            scPrint=\"defaultNoPrint\"\n                            [product]=\"product\"\n                        />\n                    </div>\n                </div>\n            </div>\n        </sc-noindex-wrapper>\n    </div>\n} @else {\n    <div class=\"tui-skeleton flex h-[8.25rem] w-full overflow-hidden rounded-xl\"></div>\n}\n" }]
         }] });
 
 /* eslint-disable no-param-reassign */
@@ -8237,11 +8512,10 @@ class ScOrderItemsListComponent {
      */
     openSettingsDialog(item) {
         const isConfigurator = Boolean(item.configurator);
-        const { isLinear } = item.product.unit;
         if (isConfigurator) {
             this.scDialogService.openConfiguratorDialog(item.product, item, this.orderOptions?.orderId());
         }
-        else if (isLinear) {
+        else if (ScUnitsHelper.productIsMeasurable(item.product)) {
             this.scDialogService.openAddOrEditingCartItemDialog(item.product, item, this.orderOptions?.orderId(), true);
         }
     }
@@ -8332,6 +8606,567 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
             args: [{ standalone: true, selector: 'sc-order-items-list-by-directions', imports: [ScOrderItemsListComponent, TuiButton], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"flex flex-col gap-5\">\n    <!-- \u0413\u0440\u0443\u043F\u043F\u044B \u0442\u043E\u0432\u0430\u0440\u043E\u0432 \u043F\u043E \u043D\u0430\u043F\u0440\u0430\u0432\u043B\u0435\u043D\u0438\u044F\u043C \u043F\u0440\u043E\u0434\u0430\u0436. -->\n    @for (direction of itemsByDirections(); track direction.direction?.id; let groupIndex = $index) {\n        <div class=\"flex flex-col gap-2.5\">\n            @if (direction.direction && itemsByDirections().length > 1) {\n                <div class=\"text-base font-bold\">\u041D\u0430\u043F\u0440\u0430\u0432\u043B\u0435\u043D\u0438\u0435 \u043F\u0440\u043E\u0434\u0430\u0436: {{ direction.direction.description }}</div>\n            }\n\n            <sc-order-items-list\n                [items]=\"direction.items\"\n                [selectable]=\"selectable()\"\n                [editable]=\"editable()\"\n                (selectedItemsIdsChange)=\"selectedItemsHandler($event, direction)\"\n            />\n\n            <!-- \u0424\u0443\u0442\u0435\u0440 \u0433\u0440\u0443\u043F\u043F\u044B \u0442\u043E\u0432\u0430\u0440\u043E\u0432. -->\n            <div class=\"flex flex-col items-center sm:flex-row sm:items-start sm:flex-wrap-reverse grow gap-x-2.5 gap-y-4\">\n                <ng-content select=\"[footerActions]\" />\n\n                <!-- \u041A\u043D\u043E\u043F\u043A\u0430 \u043F\u0440\u043E\u0434\u043E\u043B\u0436\u0435\u043D\u0438\u044F. -->\n                @if (showContinueButton()) {\n                    <button\n                        tuiButton\n                        type=\"button\"\n                        [disabled]=\"direction.getItemsByIds(selectedItemsIds()).length === 0\"\n                        [iconStart]=\"continueButtonText().iconStart\"\n                        class=\"sm:ml-auto\"\n                        (click)=\"continueClick.emit(direction)\"\n                    >\n                        {{ continueButtonText().title }}\n                    </button>\n                }\n            </div>\n        </div>\n    }\n\n    @if (nullItems().length) {\n        <div class=\"flex flex-col gap-2.5\">\n            <div class=\"text-base font-bold\">\u0422\u043E\u0432\u0430\u0440\u044B \u0438 \u0443\u0441\u043B\u0443\u0433\u0438, \u043A\u043E\u0442\u043E\u0440\u044B\u0435 \u0431\u043E\u043B\u044C\u0448\u0435 \u043D\u0435 \u043F\u0440\u0435\u0434\u043E\u0441\u0442\u0430\u0432\u043B\u044F\u044E\u0442\u0441\u044F.</div>\n\n            <sc-order-items-list\n                [items]=\"nullItems()\"\n                [selectable]=\"false\"\n                [editable]=\"editable()\"\n            />\n        </div>\n    }\n</div>\n" }]
         }] });
 
+/**
+ * Список товаров заказа по направлению продаж с выбором позиций для оформления.
+ */
+class ScOrderDirectionItemsComponent {
+    constructor() {
+        /**
+         * Товары направления.
+         */
+        this.items = input.required();
+        /**
+         * Разрешить редактирование позиций (количество, удаление).
+         */
+        this.editable = input(false);
+        /**
+         * Включить выбор позиций чекбоксами.
+         */
+        this.selectable = input(true);
+        /**
+         * Время обработки и принятия заказов (из настроек окружения приложения).
+         */
+        this.orderProcessingAcceptanceTime = input('');
+        /**
+         * Изменение выбора позиций для оформления.
+         */
+        this.selectedItemsIdsChange = output();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScOrderDirectionItemsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.14", type: ScOrderDirectionItemsComponent, isStandalone: true, selector: "sc-order-direction-items", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: true, transformFunction: null }, editable: { classPropertyName: "editable", publicName: "editable", isSignal: true, isRequired: false, transformFunction: null }, selectable: { classPropertyName: "selectable", publicName: "selectable", isSignal: true, isRequired: false, transformFunction: null }, orderProcessingAcceptanceTime: { classPropertyName: "orderProcessingAcceptanceTime", publicName: "orderProcessingAcceptanceTime", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selectedItemsIdsChange: "selectedItemsIdsChange" }, ngImport: i0, template: "<div class=\"flex flex-col gap-5\">\n    <ul class=\"ml-4 list-disc text-tui-success-fill\">\n        <li>\u0417\u0430\u044F\u0432\u043A\u0438 \u043F\u0440\u0438\u043D\u0438\u043C\u0430\u044E\u0442\u0441\u044F \u043D\u0435 \u043F\u043E\u0437\u0434\u043D\u0435\u0435 {{ orderProcessingAcceptanceTime() }} \u043F\u043B\u0430\u043D\u0438\u0440\u0443\u0435\u043C\u043E\u0433\u043E \u0434\u043D\u044F \u043F\u043E\u0441\u0442\u0430\u0432\u043A\u0438.</li>\n        <li>\u0417\u0430\u043A\u0430\u0437\u044B \u0441 \u0434\u043E\u0441\u0442\u0430\u0432\u043A\u043E\u0439 \u043D\u0430 \u043F\u043E\u043D\u0435\u0434\u0435\u043B\u044C\u043D\u0438\u043A \u043F\u0440\u0438\u043D\u0438\u043C\u0430\u044E\u0442\u0441\u044F \u0434\u043E {{ orderProcessingAcceptanceTime() }} \u043F\u044F\u0442\u043D\u0438\u0446\u044B.</li>\n        <li>\u0417\u0430\u043A\u0430\u0437\u044B, \u0441\u043E\u0437\u0434\u0430\u043D\u043D\u044B\u0435 \u043F\u043E\u0437\u0434\u043D\u0435\u0435 {{ orderProcessingAcceptanceTime() }} \u043F\u044F\u0442\u043D\u0438\u0446\u044B \u0438\u043B\u0438 \u0432 \u0441\u0443\u0431\u0431\u043E\u0442\u0443/\u0432\u043E\u0441\u043A\u0440\u0435\u0441\u0435\u043D\u044C\u0435 \u0431\u0443\u0434\u0443\u0442 \u043E\u0431\u0440\u0430\u0431\u043E\u0442\u0430\u043D\u044B \u0432 \u0431\u0443\u0434\u043D\u0438\u0435 \u0434\u043D\u0438.</li>\n        <li>\n            \u0423\u043F\u0440\u0430\u0432\u043B\u044F\u0442\u044C \u0441\u043F\u0438\u0441\u043A\u043E\u043C \u043A\u043E\u043D\u0442\u0440\u0430\u0433\u0435\u043D\u0442\u043E\u0432 \u0432\u044B \u043C\u043E\u0436\u0435\u0442\u0435 \u0432\n            <a\n                tuiLink\n                routerLink=\"/profile\"\n            >\n                \u043B\u0438\u0447\u043D\u043E\u043C \u043A\u0430\u0431\u0438\u043D\u0435\u0442\u0435\n            </a>\n            .\n        </li>\n    </ul>\n\n    <div class=\"sub-title\">\u0421\u043E\u0441\u0442\u0430\u0432 \u0437\u0430\u043A\u0430\u0437\u0430</div>\n\n    <sc-order-items-list-by-directions\n        [items]=\"items()\"\n        [editable]=\"editable()\"\n        [selectable]=\"selectable()\"\n        [showContinueButton]=\"false\"\n        (selectedItemsIdsChange)=\"selectedItemsIdsChange.emit($event)\"\n    >\n        <ng-content\n            select=\"[footerActions]\"\n            ngProjectAs=\"[footerActions]\"\n        />\n    </sc-order-items-list-by-directions>\n</div>\n", dependencies: [{ kind: "component", type: ScOrderItemsListByDirectionsComponent, selector: "sc-order-items-list-by-directions", inputs: ["items", "selectable", "editable", "showContinueButton", "continueButtonText", "selectedItemsIds"], outputs: ["continueClick", "selectedItemsIdsChange"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: TuiLink, selector: "a[tuiLink], button[tuiLink]", inputs: ["pseudo"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScOrderDirectionItemsComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: 'sc-order-direction-items', imports: [ScOrderItemsListByDirectionsComponent, RouterLink, TuiLink], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"flex flex-col gap-5\">\n    <ul class=\"ml-4 list-disc text-tui-success-fill\">\n        <li>\u0417\u0430\u044F\u0432\u043A\u0438 \u043F\u0440\u0438\u043D\u0438\u043C\u0430\u044E\u0442\u0441\u044F \u043D\u0435 \u043F\u043E\u0437\u0434\u043D\u0435\u0435 {{ orderProcessingAcceptanceTime() }} \u043F\u043B\u0430\u043D\u0438\u0440\u0443\u0435\u043C\u043E\u0433\u043E \u0434\u043D\u044F \u043F\u043E\u0441\u0442\u0430\u0432\u043A\u0438.</li>\n        <li>\u0417\u0430\u043A\u0430\u0437\u044B \u0441 \u0434\u043E\u0441\u0442\u0430\u0432\u043A\u043E\u0439 \u043D\u0430 \u043F\u043E\u043D\u0435\u0434\u0435\u043B\u044C\u043D\u0438\u043A \u043F\u0440\u0438\u043D\u0438\u043C\u0430\u044E\u0442\u0441\u044F \u0434\u043E {{ orderProcessingAcceptanceTime() }} \u043F\u044F\u0442\u043D\u0438\u0446\u044B.</li>\n        <li>\u0417\u0430\u043A\u0430\u0437\u044B, \u0441\u043E\u0437\u0434\u0430\u043D\u043D\u044B\u0435 \u043F\u043E\u0437\u0434\u043D\u0435\u0435 {{ orderProcessingAcceptanceTime() }} \u043F\u044F\u0442\u043D\u0438\u0446\u044B \u0438\u043B\u0438 \u0432 \u0441\u0443\u0431\u0431\u043E\u0442\u0443/\u0432\u043E\u0441\u043A\u0440\u0435\u0441\u0435\u043D\u044C\u0435 \u0431\u0443\u0434\u0443\u0442 \u043E\u0431\u0440\u0430\u0431\u043E\u0442\u0430\u043D\u044B \u0432 \u0431\u0443\u0434\u043D\u0438\u0435 \u0434\u043D\u0438.</li>\n        <li>\n            \u0423\u043F\u0440\u0430\u0432\u043B\u044F\u0442\u044C \u0441\u043F\u0438\u0441\u043A\u043E\u043C \u043A\u043E\u043D\u0442\u0440\u0430\u0433\u0435\u043D\u0442\u043E\u0432 \u0432\u044B \u043C\u043E\u0436\u0435\u0442\u0435 \u0432\n            <a\n                tuiLink\n                routerLink=\"/profile\"\n            >\n                \u043B\u0438\u0447\u043D\u043E\u043C \u043A\u0430\u0431\u0438\u043D\u0435\u0442\u0435\n            </a>\n            .\n        </li>\n    </ul>\n\n    <div class=\"sub-title\">\u0421\u043E\u0441\u0442\u0430\u0432 \u0437\u0430\u043A\u0430\u0437\u0430</div>\n\n    <sc-order-items-list-by-directions\n        [items]=\"items()\"\n        [editable]=\"editable()\"\n        [selectable]=\"selectable()\"\n        [showContinueButton]=\"false\"\n        (selectedItemsIdsChange)=\"selectedItemsIdsChange.emit($event)\"\n    >\n        <ng-content\n            select=\"[footerActions]\"\n            ngProjectAs=\"[footerActions]\"\n        />\n    </sc-order-items-list-by-directions>\n</div>\n" }]
+        }] });
+
+/**
+ * Токен настроек {@link ScOrderFormComponent}.
+ * Если не предоставлен, сохранение и восстановление метаданных формы отключены.
+ */
+const SC_ORDER_FORM_CONFIG = new InjectionToken('SC_ORDER_FORM_CONFIG');
+
+/* eslint-disable @typescript-eslint/no-non-null-assertion,rxjs/no-sharereplay,@typescript-eslint/no-unsafe-enum-comparison,@typescript-eslint/unbound-method,@typescript-eslint/no-unsafe-assignment,@typescript-eslint/no-unsafe-member-access,@typescript-eslint/no-unsafe-call,@typescript-eslint/no-unsafe-argument,security/detect-object-injection */
+/**
+ * Форма оформления заказа.
+ */
+class ScOrderFormComponent {
+    /**
+     * Инициализирует экземпляр класса {@link ScOrderFormComponent}.
+     */
+    constructor() {
+        /**
+         * Идентификатор направления продаж заказа.
+         */
+        this.directionId = input.required();
+        /**
+         * Требовать подтверждённые контактные данные для оформления. Для черновика — `false`.
+         */
+        this.enforceApprovedContacts = input(true);
+        /**
+         * Сохранять и восстанавливать черновые данные формы по направлению (метаданные). Для черновика — `false`.
+         * Работает только если предоставлен токен {@link SC_ORDER_FORM_CONFIG}.
+         */
+        this.persistMetadata = input(true);
+        /**
+         * Событие отправки валидной формы оформления. Полезная нагрузка — сырые значения формы.
+         */
+        this.orderSubmit = output();
+        /**
+         * Сервис справочников.
+         */
+        this.referencesService = inject(ScReferencesService);
+        /**
+         * Сервис работы с контрагентами.
+         */
+        this.contragentService = inject(ScContragentService);
+        /**
+         * Сервис работы с адресами доставки.
+         */
+        this.deliveryAddressService = inject(ScDeliveryAddressService);
+        /**
+         * Сервис для работы со складами.
+         */
+        this.warehouseService = inject(ScWarehouseService);
+        /**
+         * Сервис для работы с заказами (загрузка дат доставки/самовывоза).
+         */
+        this.ordersService = inject(ScOrdersService);
+        /**
+         * Сервис для работы с UI.
+         */
+        this.uiService = inject(ScUIService);
+        /**
+         * Сервис конвертации данных.
+         */
+        this.convertersService = inject(ScConvertersService);
+        /**
+         * Сервис работы с диалоговым окном.
+         */
+        this.dialog = inject(TuiDialogService);
+        /**
+         * Провайдер данных о терминале.
+         */
+        this.terminal = inject(IS_RUNNING_ON_TERMINAL);
+        /**
+         * Поток данных о текущем пользователе.
+         */
+        this.user$ = inject(SC_USER_INFO$1);
+        /**
+         * Настройки формы оформления заказа. Если не предоставлены, метаданные формы не сохраняются.
+         */
+        this.config = inject(SC_ORDER_FORM_CONFIG, { optional: true });
+        /**
+         * Признак выполнения скрипта на сервере.
+         */
+        this.isServer = inject(IS_SERVER);
+        /**
+         * Ссылка для автоматического управления уничтожением зависимостей.
+         */
+        this.destroyRef = inject(DestroyRef);
+        /**
+         * Задержка считывания сигналов формы, для избежания лишних обработок при смене значений.
+         */
+        this.debounceTimeFormChange = 50;
+        /**
+         * Форма создания заказа.
+         */
+        this.form = new FormGroup({
+            contragentId: new FormControl(null, Validators.required),
+            paymentType: new FormControl({ value: null, disabled: true }, Validators.required),
+            deliveryType: new FormControl({ value: null, disabled: true }, Validators.required),
+            deliveryDate: new FormControl({ value: null, disabled: true }, [
+                Validators.required,
+                ({ value }) => {
+                    if (!value || this.deliveryDates().length === 0) {
+                        return null;
+                    }
+                    if (value && !this.deliveryDates().includes(value)) {
+                        return { serverResponse: 'Укажите корректную дату, или выберите из активных дат календаря' };
+                    }
+                    return null;
+                },
+            ]),
+            warehouseId: new FormControl({ value: null, disabled: true }, Validators.required),
+            addressId: new FormControl({ value: null, disabled: true }, Validators.required),
+            comment: new FormControl(null),
+            image: new FormControl(null),
+        });
+        /**
+         * Поле файла.
+         */
+        this.controlFile = new FormControl(null);
+        /**
+         * {@link Observable} списка подтверждённых файлов.
+         */
+        this.accepted$ = this.controlFile.valueChanges.pipe(map(() => tuiFilesAccepted(this.controlFile)));
+        /**
+         * Признак, что включён режим анимации предупреждения о неподтверждённых данных.
+         */
+        this.warningShake = signal(false);
+        /**
+         * Признак, что контрагент является физическим лицом.
+         */
+        this.isIndividual = signal(true);
+        /**
+         * Список возможных дат самовывоза со склада.
+         */
+        this.warehouseDeliveryDates = signal([]);
+        /**
+         * Список возможных дат доставки.
+         */
+        this.addressDeliveryDates = signal([]);
+        /**
+         * {@link Observable} списка контрагентов пользователя.
+         */
+        this.contragents$ = this.contragentService.contragents$;
+        /**
+         * {@link Observable} списка адресов контрагента.
+         */
+        this.addresses$ = this.deliveryAddressService.deliveryAddresses$.pipe(tap((deliveryAddresses) => {
+            if (deliveryAddresses && this.form.controls.addressId.value && !deliveryAddresses.some((delivery) => delivery.id === this.form.controls.addressId.value)) {
+                this.form.controls.addressId.reset();
+            }
+        }));
+        /**
+         * {@link Observable} списка складов.
+         */
+        this.warehouses$ = this.warehouseService.getWarehouses$();
+        /**
+         * {@link Observable} ОПФ выбранного контрагента.
+         */
+        this.opf$ = tuiControlValue(this.form.controls.contragentId).pipe(filter(tuiIsPresent), tap(() => {
+            this.form.controls.paymentType.enable();
+            this.form.controls.deliveryType.enable();
+        }), switchMap((selectContragentId) => this.contragents$.pipe(filter(tuiIsPresent), map((contragents) => contragents.find((contragent) => contragent.id === selectContragentId)), map((contragent) => contragent?.opf), tap((opf) => {
+            this.isIndividual.set(opf?.id === ScOpfList.individual.valueOf());
+        }))), shareReplay(1), takeUntilDestroyed(this.destroyRef));
+        /**
+         * {@link Observable} типов оплаты заказа.
+         */
+        this.paymentTypes$ = this.opf$.pipe(map((opf) => opf && (opf.id === ScOpfList.individual ? ScPaymentType.beznal2 : ScPaymentType.online)), switchMap((paymentTypeFilter) => this.referencesService.paymentTypes$.pipe(map((paymentTypes) => (paymentTypeFilter ? paymentTypes : [])), map((paymentTypes) => paymentTypes.filter((type) => type.id !== paymentTypeFilter)), tap((paymentTypes) => {
+            if (this.form.controls.paymentType.value && !paymentTypes.some((payment) => payment.id === this.form.controls.paymentType.value)) {
+                this.form.controls.paymentType.reset();
+            }
+            if (!this.form.controls.paymentType.value && paymentTypes.length === 1) {
+                this.form.controls.paymentType.patchValue(paymentTypes[0].id);
+            }
+        }))));
+        /**
+         * {@link Observable} типов доставки заказа.
+         */
+        this.deliveryTypes$ = this.opf$.pipe(switchMap((opf) => this.referencesService.deliveryTypes$.pipe(map((deliveryTypes) => (opf ? deliveryTypes : [])), switchMap((deliveryTypes) => this.deliveryAddressService.deliveryAddresses$.pipe(map((deliveryAddresses) => opf?.id === ScOpfList.individual && !(deliveryAddresses && deliveryAddresses.length > 0)
+            ? deliveryTypes.filter((type) => type.id !== ScDeliveryType.delivery)
+            : deliveryTypes))), tap((deliveryTypes) => {
+            if (this.form.controls.deliveryType.value && !deliveryTypes.some((delivery) => delivery.id === this.form.controls.deliveryType.value)) {
+                this.form.controls.deliveryType.reset();
+            }
+            if (!this.form.controls.deliveryType.value && deliveryTypes.length === 1) {
+                this.form.controls.deliveryType.patchValue(deliveryTypes[0].id);
+            }
+        }))));
+        /**
+         * Признак, что выбран тип оплаты наличными.
+         */
+        this.isCashPaymentSelected = toSignal(tuiControlValue(this.form.controls.paymentType).pipe(map((paymentType) => paymentType === ScPaymentType.nal)), { initialValue: false });
+        /**
+         * Признак, что номер телефона подтверждён.
+         */
+        this.isPhoneApproved = toSignal(this.user$.pipe(filter((user) => !user.isGuest), map((user) => user.contacts.phone.isApproved)), { initialValue: true });
+        /**
+         * Признак, что адрес электронной почты подтверждён пользователем.
+         */
+        this.isEmailApprovedUser = toSignal(this.user$.pipe(filter((user) => !user.isGuest), map((user) => user.contacts.email.isApproved)), { initialValue: true });
+        /**
+         * Признак, что адрес электронной почты подтверждён или контрагент является физическим лицом.
+         */
+        // eslint-disable-next-line unicorn/consistent-function-scoping
+        this.isEmailApproved = computed(() => this.isEmailApprovedUser() || this.isIndividual());
+        /**
+         * Значение выбранного типа доставки.
+         */
+        this.deliveryTypeValue = toSignal(tuiControlValue(this.form.controls.deliveryType), { initialValue: null });
+        /**
+         * Признак, что выбран тип доставки "Доставка".
+         */
+        // eslint-disable-next-line unicorn/consistent-function-scoping
+        this.isDelivery = computed(() => this.deliveryTypeValue() === ScDeliveryType.delivery);
+        /**
+         * Набор доступных дат в зависимости от типа доставки.
+         */
+        // eslint-disable-next-line unicorn/consistent-function-scoping
+        this.deliveryDates = computed(() => this.deliveryTypeValue() === ScDeliveryType.self_delivery ? this.warehouseDeliveryDates() : this.addressDeliveryDates());
+        /**
+         * Ссылка на элемент с предупреждением о неподтверждённых данных.
+         */
+        this.unconfirmedDataWarning = viewChild('unconfirmedDataWarning');
+        /**
+         * Возвращает признак, что указанная дата недоступна для выбора.
+         *
+         * @param date Дата.
+         */
+        this.deliveryDateFilter = (date) => !this.deliveryDates().includes(`${date.toString('YMD', '-')} 00:00:00`);
+        // Автоматически выбираем единственного контрагента-физлицо.
+        this.contragents$
+            .pipe(filter((contragents) => !!contragents && contragents.length === 1), first(), filter(([contragent]) => contragent.opf.id === ScOpfList.individual.valueOf()), takeUntilDestroyed(this.destroyRef))
+            .subscribe(([contragent]) => {
+            this.form.controls.contragentId?.patchValue(contragent.id);
+        });
+        this.initFormChanges();
+    }
+    /** @inheritdoc */
+    ngOnInit() {
+        // Восстанавливаем и сохраняем черновые данные формы по направлению.
+        if (this.persistMetadata()) {
+            this.initMetadata();
+        }
+    }
+    /**
+     * Преобразует объекты в значения, отображаемое в поле ввода.
+     *
+     * @param items Выбранные объекты выпадающего списка.
+     */
+    // eslint-disable-next-line class-methods-use-this
+    stringify(items) {
+        const itemsMap = new Map(items.map((item) => {
+            // eslint-disable-next-line unicorn/no-nested-ternary,sonarjs/no-nested-conditional
+            const name = 'name' in item ? item.name : 'address' in item ? item.address : '';
+            return [item.id, name];
+        }));
+        return ({ $implicit }) => itemsMap.get($implicit) ?? '';
+    }
+    /**
+     * Обрабатывает отправку формы: валидирует и эмитит данные заказа родителю.
+     */
+    submit() {
+        this.form.markAllAsTouched();
+        if (!this.form.valid) {
+            return;
+        }
+        const contactsApproved = !this.enforceApprovedContacts() || (this.isPhoneApproved() && this.isEmailApproved());
+        if (!contactsApproved) {
+            this.triggerUnconfirmedWarning();
+            return;
+        }
+        this.orderSubmit.emit(this.form.getRawValue());
+    }
+    /**
+     * Применяет к полям формы ошибки, пришедшие от сервера.
+     *
+     * @param error Ответ сервера с ошибками.
+     */
+    applyServerErrors(error) {
+        const { errors, message } = error.error;
+        if (errors) {
+            Object.keys(errors).forEach((key) => {
+                if (key === 'deliveryDate' && isArray(errors[key])) {
+                    this.form.get(key)?.setErrors({ serverResponse: new TuiValidationError(errors[key].at(1) ?? errors[key].at(0)) });
+                }
+                else {
+                    this.form.get(key)?.setErrors({ serverResponse: new TuiValidationError(errors[key]) });
+                }
+                this.form.get(key)?.markAsTouched();
+            });
+        }
+        else if (message) {
+            this.form.setErrors({ serverResponse: new TuiValidationError(message) });
+        }
+    }
+    /**
+     * Удаляет файл из формы заказа.
+     */
+    removeFile() {
+        this.controlFile.reset();
+    }
+    /**
+     * Открывает диалоговое окно добавления адреса доставки.
+     */
+    addDeliveryAddress() {
+        this.dialog
+            .open(new PolymorpheusComponent(ScAddDeliveryAddressDialogComponent), {
+            size: 'l',
+            label: 'Добавление адреса доставки',
+        })
+            .subscribe();
+    }
+    /**
+     * Открывает диалоговое окно добавления контрагента.
+     */
+    addContragent() {
+        this.dialog
+            .open(new PolymorpheusComponent(ScAddContragentDialogComponent), {
+            size: 'm',
+            label: 'Добавление контрагента',
+        })
+            .subscribe();
+    }
+    /**
+     * Запускает анимацию предупреждения о неподтверждённых данных и прокручивает к нему.
+     */
+    triggerUnconfirmedWarning() {
+        const element = this.unconfirmedDataWarning()?.nativeElement;
+        if (!this.isServer && element) {
+            element.scrollIntoView({ behavior: 'smooth', block: 'center' });
+        }
+        this.warningShake.set(false);
+        setTimeout(() => {
+            this.warningShake.set(true);
+        });
+    }
+    /**
+     * Восстанавливает черновые данные формы из метаданных и инициализирует их сохранение.
+     */
+    initMetadata() {
+        const { config } = this;
+        if (!config) {
+            return;
+        }
+        combineLatest({
+            orderMetadata: this.uiService.getNewOrderMetadata$(this.directionId()),
+            user: this.user$.pipe(filter((user) => !user.isGuest)),
+        })
+            .pipe(first(), takeUntilDestroyed(this.destroyRef))
+            // eslint-disable-next-line sonarjs/cognitive-complexity
+            .subscribe(({ orderMetadata }) => {
+            let deliveryDate = orderMetadata?.deliveryDate && isValid(parse(orderMetadata.deliveryDate, config.dateFormats.api, new Date())) ? orderMetadata.deliveryDate : null;
+            // Если дата старого формата, то преобразуем её в новый формат.
+            // TODO: Убрать этот блок когда все даты у клиентов встанут в нормальном формате.
+            if (orderMetadata?.deliveryDate && !deliveryDate && isValid(parse(orderMetadata.deliveryDate, config.dateFormats.uiDate, new Date()))) {
+                deliveryDate = format(parse(orderMetadata.deliveryDate, config.dateFormats.uiDate, new Date()), config.dateFormats.api);
+            }
+            if (tuiIsPresent(orderMetadata)) {
+                this.form.patchValue({
+                    contragentId: orderMetadata.contragentId,
+                    paymentType: orderMetadata.contragentId ? orderMetadata.paymentType : null,
+                    deliveryType: orderMetadata.contragentId ? orderMetadata.deliveryType : null,
+                    deliveryDate: orderMetadata.contragentId && Boolean(orderMetadata.deliveryType) && deliveryDate ? deliveryDate : null,
+                    addressId: orderMetadata.deliveryType === ScDeliveryType.delivery && orderMetadata.addressId ? orderMetadata.addressId : null,
+                    warehouseId: orderMetadata.contragentId && Boolean(orderMetadata.deliveryType) ? orderMetadata.warehouseId : null,
+                    comment: orderMetadata.comment,
+                });
+            }
+        });
+        this.form.valueChanges.pipe(debounceTime(config.debounceTime), takeUntilDestroyed(this.destroyRef)).subscribe((newOrder) => {
+            this.uiService.setNewOrderMetadata(this.directionId(), this.convertersService.removeNull(newOrder));
+        });
+    }
+    /**
+     * Инициализирует подписки на изменения полей формы.
+     */
+    initFormChanges() {
+        this.initFileChange();
+        this.initWarehouseChange();
+        this.initDeliveryDatesChange();
+        this.initDateFieldActivationChange();
+    }
+    /**
+     * Инициализирует подписку на изменение поля прикрепления файла.
+     */
+    initFileChange() {
+        this.controlFile.valueChanges.pipe(takeUntilDestroyed(this.destroyRef)).subscribe((file) => {
+            if (file && this.form.controls.image) {
+                this.onUploadFile(file, this.form.controls.image);
+            }
+            else {
+                this.form.controls.image?.reset();
+            }
+        });
+    }
+    /**
+     * Инициализирует подписку на изменение выбранного склада.
+     */
+    initWarehouseChange() {
+        this.form.controls.warehouseId.valueChanges
+            .pipe(filter((warehouseId) => tuiIsPresent(warehouseId) && this.warehouseService.getCurrentWarehouseIdSelect() !== warehouseId), debounceTime(0), takeUntilDestroyed(this.destroyRef))
+            .subscribe((id) => {
+            this.warehouseService.setWarehouseIdSelectChange(id);
+        });
+    }
+    /**
+     * Инициализирует подписку на изменение адреса доставки и выбранного склада для получения списка доступных дат доставки.
+     */
+    initDeliveryDatesChange() {
+        merge(tuiControlValue(this.form.controls.addressId).pipe(filter(tuiIsPresent), debounceTime(this.debounceTimeFormChange), switchMap((addressId) => this.deliveriesByAddress(addressId))), tuiControlValue(this.form.controls.warehouseId).pipe(filter(tuiIsPresent), debounceTime(this.debounceTimeFormChange), filter(() => this.form.controls.deliveryType.value === ScDeliveryType.self_delivery), switchMap((warehouseId) => this.deliveriesByWarehouse(warehouseId))))
+            .pipe(catchError((error) => {
+            this.form.controls.deliveryDate.disable();
+            return throwError(() => error);
+        }), retry(), takeUntilDestroyed(this.destroyRef))
+            .subscribe((deliveryDates) => {
+            const deliveryDateValue = this.form.controls.deliveryDate.value;
+            if (deliveryDateValue && !deliveryDates.includes(deliveryDateValue)) {
+                this.form.controls.deliveryDate.reset();
+            }
+        });
+    }
+    /**
+     * Инициализирует подписку на изменение полей формы для блокирования/активации поля выбора даты.
+     */
+    initDateFieldActivationChange() {
+        merge(tuiControlValue(this.form.controls.deliveryType), this.form.controls.contragentId?.valueChanges.pipe(filter(() => this.form.controls.deliveryType.value === ScDeliveryType.delivery)) ?? of())
+            .pipe(takeUntilDestroyed(this.destroyRef))
+            .subscribe(() => {
+            this.form.controls.deliveryDate.disable();
+            this.form.controls.warehouseId.disable();
+            this.addressDeliveryDates.set([]);
+            if (this.form.controls.deliveryType.value === ScDeliveryType.delivery) {
+                this.form.controls.addressId.enable();
+                this.warehouseService
+                    .getDeliveryWarehouse$()
+                    .pipe(first(), takeUntilDestroyed(this.destroyRef))
+                    // eslint-disable-next-line rxjs/no-nested-subscribe
+                    .subscribe((warehouse) => {
+                    this.form.controls.warehouseId.patchValue(warehouse.id);
+                });
+            }
+            if (this.form.controls.deliveryType.value === ScDeliveryType.self_delivery) {
+                this.form.controls.addressId.disable();
+                this.form.controls.warehouseId.enable();
+            }
+        });
+    }
+    /**
+     * Запрашивает даты доставки по адресу.
+     *
+     * @param addressId Идентификатор адреса доставки.
+     */
+    deliveriesByAddress(addressId) {
+        return this.ordersService.getDeliveriesData$(addressId).pipe(catchError((error) => {
+            const message = error instanceof HttpErrorResponse ? error.error.message : undefined;
+            this.form.controls.addressId.setErrors({
+                serverResponse: message ?? `Ошибка сервера: пожалуйста, перезагрузите страницу и/или выполните запрос позже.`,
+            });
+            this.addressDeliveryDates.set([]);
+            return throwError(() => error);
+        }), tap((deliveryDates) => {
+            this.addressDeliveryDates.set(deliveryDates);
+            this.form.controls.deliveryDate.enable();
+        }));
+    }
+    /**
+     * Запрашивает даты самовывоза по складу.
+     *
+     * @param warehouseId Идентификатор склада.
+     */
+    deliveriesByWarehouse(warehouseId) {
+        return this.ordersService.getSelfDeliveriesData$(warehouseId).pipe(catchError((error) => {
+            const message = error instanceof HttpErrorResponse ? error.error.message : undefined;
+            this.form.controls.warehouseId.setErrors({
+                serverResponse: message ?? `Ошибка сервера: пожалуйста, перезагрузите страницу и/или выполните запрос позже.`,
+            });
+            this.warehouseDeliveryDates.set([]);
+            return throwError(() => error);
+        }), tap((deliveryDates) => {
+            this.warehouseDeliveryDates.set(deliveryDates);
+            this.form.controls.deliveryDate.enable();
+        }));
+    }
+    /**
+     * Загружает файл в форму.
+     *
+     * @param file Файл.
+     * @param filesControl Поле файла заказа.
+     */
+    // eslint-disable-next-line class-methods-use-this
+    onUploadFile(file, filesControl) {
+        const reader = new FileReader();
+        reader.addEventListener('load', () => {
+            const { result } = reader;
+            if (isString(result)) {
+                filesControl.setValue(new ScUploadedFile(file.name, result));
+            }
+        });
+        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            <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                <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            </label>\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 }); }
+}
+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: [
+                        FormsModule,
+                        ReactiveFormsModule,
+                        RouterLink,
+                        TuiLoader,
+                        TuiLabel,
+                        TuiSelectModule,
+                        TuiDataListDirective,
+                        TuiDataListComponent,
+                        TuiOption,
+                        TuiError,
+                        TuiLink,
+                        TuiInputDateModule,
+                        TuiTextareaModule,
+                        TuiInputFiles,
+                        TuiInputFilesDirective,
+                        TuiFilesComponent,
+                        TuiFile,
+                        AsyncPipe,
+                        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            <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                <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            </label>\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" }]
+        }], ctorParameters: () => [] });
+
 /**
  * Компонент списка товаров, разбитых по наличию на складе:
  * - в наличии на складе;
@@ -9929,5 +10764,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { AbstractScPriceCard, AuthMethod, CURRENT_COUNTRY_ID, CostWithDiscountComponent, FilesAndDocumentsComponent, FilesAndDocumentsModule, FinishDateTimeTransformerDirective, IDLE_ITEM_STATE, IS_DEFAULT_COUNTRY, MAX_FILES_IN_FORM_INPUT, SC_ALLOW_SELECT_TERMINATED, SC_BANNER_DURATION, SC_CATALOG_PRODUCTS_FILTERS, SC_CATALOG_SHOW_PRODUCTS_RECURSIVELY, SC_DATE_FORMATTER, SC_DEBOUNCE_TIME_DEFAULT, SC_DIALOG_SERVICE_TOKEN, SC_ERROR_CHANGE_HANDLER, SC_HELP_NOTIFICATION_CLOSE, SC_HELP_NOTIFICATION_LIMIT, SC_HIDDEN_PRINT_ELEMENTS, SC_MANAGER_QR_HANDLER, SC_NOTIFY_WHEN_IN_STOCK_REQUIRED_FIELDS, SC_ORDER_OPTIONS, SC_PAGE_SIZE_OPTIONS$1 as SC_PAGE_SIZE_OPTIONS, SC_SHOW_HELP_NOTIFICATION_IN_PHONE_INPUT, SC_USER_CITY_INFO, SC_USER_INFO, SC_USER_PROVIDERS, SC_VERIFICATION_CODE_TIMEOUT, ScAccordionComponent, ScAccordionContentDirective, ScAccordionModule, ScAddContactDialogComponent, ScAddContragentBankAccountsDialogComponent, ScAddContragentDialogComponent, ScAddDeliveryAddressDialogComponent, ScAddOrEditingCartItemDialogComponent, ScAddOrEditingCartItemFormComponent, ScAddressesSelectionFieldComponent, ScAuthModule, ScBannerComponent, ScBannerModule, ScBrandsListComponent, ScBrandsListModule, ScCartAddProductsFromCsvDialogComponent, ScCatalogFiltersComponent, ScCatalogModule, ScCategoryCardComponent, ScContactsAccordionComponent, ScContactsModule, ScContragentsAccordionComponent, ScContragentsAccordionItemComponent, ScContragentsModule, ScDeliveryAddressAccordionComponent, ScDeliveryAddressAccordionItemComponent, ScDeliveryAddressModule, ScDownloadPriceListComponent, ScDraftComponent, ScEmailLinkDirective, ScErrorBlockStatusComponent, ScErrorHandlerComponent, ScFavoriteButtonComponent, ScFeedbackFormComponent, ScFocusFirstInvalidFieldDirective, ScFormFieldsModule, ScFormatDatePipe, ScFrequentlyAskedQuestionsComponent, ScFrequentlyAskedQuestionsGroupSelectorComponent, ScFrequentlyAskedQuestionsWithGroupsComponent, ScGratitudeComponent, ScHelpNotificationService, ScHoverImageCarouselComponent, ScInputQuantityComponent, ScLinks, ScManagerCardComponent, ScManagerCardPushComponent, ScNewContactFormComponent, ScNewContragentBankAccountsFormComponent, ScNewContragentFormComponent, ScNewsCardComponent, ScNewsCardSkeletonComponent, ScNewsModule, ScNextInputFocusDirective, ScNextInputFocusModule, ScNoindexDirective, ScNoindexWrapperComponent, ScNotifyWhenInStockDialogComponent, ScOrderAccessorDirective, ScOrderItemComponent, ScOrderItemsByDirection, ScOrderItemsListByDirectionsComponent, ScOrderItemsListByStockComponent, ScOrderItemsListComponent, ScOrderModule, ScPaymentStatusComponent, ScPersonalDataProcessingPolicyComponent, ScPhoneFormatPipe, ScPreviewSampleComponent, ScPreviewSampleModule, ScPreviewSamplesMosquitoComponent, ScPriceCardComponent, ScPriceCardInlineComponent, ScPriceHistoryComponent, ScPriceListPaginationComponent, ScPriceWarehouseStockComponent, ScPrintDirective, ScPrintService, ScPrivacyPolicyComponent, ScProductInAllWarehousesPipe, ScProfileAccordionsContentComponent, ScProfileModule, ScPublicOfferComponent, ScQRCodeDialogComponent, ScQRCodeModule, ScResetUserPasswordComponent, ScResourcePreviewComponent, ScSandwichComponent, ScSandwichM2Component, ScSandwichM2SkeletonComponent, ScSandwichSkeletonComponent, ScSelectOnFocusinDirective, ScSeoTagsComponent, ScShareButtonComponent, ScShareButtonModule, ScSignInFormByEmailComponent, ScSignInFormByPhoneComponent, ScSignInFormComponent, ScSignUpFormComponent, ScSimpleSignUpFormComponent, ScSuggestionFieldComponent, ScTelLinkDirective, ScTerminalLinkDirective, ScUpdateUserInfoDialogComponent, ScUserManagersComponent, ScUserModule, ScUserPhoneApproveDialogComponent, ScVerificationModule, ScVerificationPhoneCheckFormComponent, TreeDirective, TreeIconService, TreeLoaderService, TreeTopDirective, phoneValidator, scAtLeastOneRequiredValidator, scBicValidator, scClientUiIconsName, scCorrespondentAccountValidator, scGetCurrentRoute, scPasswordConfirmMatchingValidator, stepValidator, tuiDateValueTransformerDefaultProvider };
+export { AbstractScPriceCard, AuthMethod, CURRENT_COUNTRY_ID, CostWithDiscountComponent, FilesAndDocumentsComponent, FilesAndDocumentsModule, FinishDateTimeTransformerDirective, IDLE_ITEM_STATE, IS_DEFAULT_COUNTRY, MAX_FILES_IN_FORM_INPUT, SC_ALLOW_SELECT_TERMINATED, SC_BANNER_DURATION, SC_CATALOG_PRODUCTS_FILTERS, SC_CATALOG_SHOW_PRODUCTS_RECURSIVELY, SC_DATE_FORMATTER, SC_DEBOUNCE_TIME_DEFAULT, SC_DIALOG_SERVICE_TOKEN, SC_ERROR_CHANGE_HANDLER, SC_HELP_NOTIFICATION_CLOSE, SC_HELP_NOTIFICATION_LIMIT, SC_HIDDEN_PRINT_ELEMENTS, SC_MANAGER_QR_HANDLER, SC_NOTIFY_WHEN_IN_STOCK_REQUIRED_FIELDS, SC_ORDER_FORM_CONFIG, SC_ORDER_OPTIONS, SC_PAGE_SIZE_OPTIONS$1 as SC_PAGE_SIZE_OPTIONS, SC_SHOW_HELP_NOTIFICATION_IN_PHONE_INPUT, SC_USER_CITY_INFO, SC_USER_INFO, SC_USER_PROVIDERS, SC_VERIFICATION_CODE_TIMEOUT, ScAccordionComponent, ScAccordionContentDirective, ScAccordionModule, ScAddContactDialogComponent, ScAddContragentBankAccountsDialogComponent, ScAddContragentDialogComponent, ScAddDeliveryAddressDialogComponent, ScAddOrEditingCartItemDialogComponent, ScAddOrEditingCartItemFormComponent, ScAddressesSelectionFieldComponent, ScAuthModule, ScBannerComponent, ScBannerModule, ScBrandsListComponent, ScBrandsListModule, ScCartAddProductsFromCsvDialogComponent, ScCatalogFilterCollapsibleComponent, ScCatalogFiltersComponent, ScCatalogModule, ScCategoryCardComponent, ScContactsAccordionComponent, ScContactsModule, ScContragentsAccordionComponent, ScContragentsAccordionItemComponent, ScContragentsModule, ScDeliveryAddressAccordionComponent, ScDeliveryAddressAccordionItemComponent, ScDeliveryAddressModule, ScDownloadPriceListComponent, ScDraftComponent, ScEmailLinkDirective, ScErrorBlockStatusComponent, ScErrorHandlerComponent, ScFavoriteButtonComponent, ScFeedbackFormComponent, ScFocusFirstInvalidFieldDirective, ScFormFieldsModule, ScFormatDatePipe, ScFrequentlyAskedQuestionsComponent, ScFrequentlyAskedQuestionsGroupSelectorComponent, ScFrequentlyAskedQuestionsWithGroupsComponent, ScGratitudeComponent, ScHelpNotificationService, ScHoverImageCarouselComponent, ScInputQuantityComponent, ScLinks, ScManagerCardComponent, ScManagerCardPushComponent, ScNewContactFormComponent, ScNewContragentBankAccountsFormComponent, ScNewContragentFormComponent, ScNewsCardComponent, ScNewsCardSkeletonComponent, ScNewsModule, ScNextInputFocusDirective, ScNextInputFocusModule, ScNoindexDirective, ScNoindexWrapperComponent, ScNotifyWhenInStockDialogComponent, ScOrderAccessorDirective, ScOrderDirectionItemsComponent, ScOrderFormComponent, ScOrderItemComponent, ScOrderItemsByDirection, ScOrderItemsListByDirectionsComponent, ScOrderItemsListByStockComponent, ScOrderItemsListComponent, ScOrderModule, ScPaymentStatusComponent, ScPersonalDataProcessingPolicyComponent, ScPhoneFormatPipe, ScPreviewSampleComponent, ScPreviewSampleModule, ScPreviewSamplesMosquitoComponent, ScPriceCardComponent, ScPriceCardInlineComponent, ScPriceHistoryComponent, ScPriceListPaginationComponent, ScPriceWarehouseStockComponent, ScPrintDirective, ScPrintService, ScPrivacyPolicyComponent, ScProductInAllWarehousesPipe, ScProfileAccordionsContentComponent, ScProfileModule, ScPublicOfferComponent, ScQRCodeDialogComponent, ScQRCodeModule, ScResetUserPasswordComponent, ScResourcePreviewComponent, ScSandwichComponent, ScSandwichM2Component, ScSandwichM2SkeletonComponent, ScSandwichSkeletonComponent, ScSelectOnFocusinDirective, ScSeoTagsComponent, ScShareButtonComponent, ScShareButtonModule, ScSignInFormByEmailComponent, ScSignInFormByPhoneComponent, ScSignInFormComponent, ScSignUpFormComponent, ScSimpleSignUpFormComponent, ScSuggestionFieldComponent, ScTelLinkDirective, ScTerminalLinkDirective, ScUpdateUserInfoDialogComponent, ScUserManagersComponent, ScUserModule, ScUserPhoneApproveDialogComponent, ScVerificationModule, ScVerificationPhoneCheckFormComponent, TreeDirective, TreeIconService, TreeLoaderService, TreeTopDirective, cleanupRecaptchaArtifacts, phoneValidator, scAtLeastOneRequiredValidator, scBicValidator, scClientUiIconsName, scCorrespondentAccountValidator, scGetCurrentRoute, scPasswordConfirmMatchingValidator, stepValidator, tuiDateValueTransformerDefaultProvider };
 //# sourceMappingURL=snabcentr-client-ui.mjs.map