@snabcentr/client-ui 3.51.8 → 3.51.10

package/fesm2022/snabcentr-client-ui.mjs

@@ -1,15 +1,18 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, inject, Injectable, signal, EventEmitter, ChangeDetectorRef, Directive, Input, Output, Pipe, ElementRef, HostListener, Renderer2, ContentChildren, NgModule, input, Component, ChangeDetectionStrategy, Inject, HostBinding, model, output, SkipSelf, DestroyRef, effect, ContentChild, ViewChild, computed, 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, forwardRef } from '@angular/core';
 import * as i1 from '@snabcentr/client-core';
-import { ScContactsService, ScUserService, ScAuthService, SEARCH_TERM, ScUnitsHelper, ScImageHelper, SC_PATH_IMAGE_NOT_FOUND, ScImage, ScLocationsService, 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, 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 * 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, noop, first, merge, skip } from 'rxjs';
-import { HttpClient, HttpErrorResponse } from '@angular/common/http';
+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 * 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, 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 { 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 i4$1 from '@taiga-ui/cdk';
-import { TUI_IS_MOBILE, TuiDay, TuiTime, TuiValueTransformer, tuiControlValue, tuiIsPresent, tuiMarkControlAsTouchedAndValidate, tuiIsFalsy, TuiAutoFocus, TuiRepeatTimes, TuiHovered, TuiDayRange, TuiMonth, tuiPure, tuiProvide, TUI_WINDOW_SIZE, TuiValidationError, TUI_TRUE_HANDLER } from '@taiga-ui/cdk';
 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, TuiFormatNumberPipe, TUI_BUTTON_OPTIONS, TUI_BUTTON_DEFAULT_OPTIONS, TuiScrollbar, TuiSurface, tuiFadeIn } from '@taiga-ui/core';
 import { isValidPhoneNumber } from 'libphonenumber-js/max';
@@ -21,8 +24,6 @@ import { isNil, isUndefined, isObject } 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$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, 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 * as i2$2 from '@angular/common';
 import { DOCUMENT, CommonModule, NgIf, AsyncPipe, NgFor, NgClass } from '@angular/common';
 import * as i2$3 from '@taiga-ui/polymorpheus';
@@ -37,7 +38,6 @@ import * as i3$2 from '@ng-web-apis/intersection-observer';
 import { IntersectionObserverService, WaIntersectionObserver } from '@ng-web-apis/intersection-observer';
 import * as i2$4 from '@angular/router';
 import { RouterModule, ActivatedRoute, RouterLink, Router, NavigationStart } from '@angular/router';
-import { WA_WINDOW } from '@ng-web-apis/common';
 import { TuiAmountPipe, TuiCurrencyPipe } from '@taiga-ui/addon-commerce';
 import { TuiAppearance as TuiAppearance$1, TuiWithAppearance as TuiWithAppearance$1 } from '@taiga-ui/core/directives/appearance';
 import { TuiIcons as TuiIcons$1, TuiWithIcons as TuiWithIcons$1 } from '@taiga-ui/core/directives/icons';
@@ -163,6 +163,234 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                 }]
         }], ctorParameters: () => [] });
 
+/**
+ * Токен времени ожидания (в секундах) перед повторной отправкой кода подтверждения.
+ */
+const SC_VERIFICATION_CODE_TIMEOUT = new InjectionToken('SC_VERIFICATION_CODE_TIMEOUT', {
+    factory: () => 60,
+});
+
+/**
+ * Токен для внедрения сервиса диалоговых окон.
+ */
+const SC_DIALOG_SERVICE_TOKEN = new InjectionToken('IScDialogService');
+
+/**
+ * Токен признака, что разрешено выбирать записи ликвидированных организаций.
+ */
+const SC_ALLOW_SELECT_TERMINATED = new InjectionToken('SC_ALLOW_SELECT_TERMINATED', {
+    factory: () => false,
+});
+
+/**
+ * Токен максимального количества файлов, отправляемых в форме в байтах.
+ */
+const MAX_FILES_IN_FORM_INPUT = new InjectionToken('MAX_FILES_IN_FORM_INPUT', {
+    factory: () => 5,
+});
+
+/**
+ * Токен перечисления размеров страниц пагинации.
+ */
+const SC_PAGE_SIZE_OPTIONS$1 = new InjectionToken('SC_PAGE_SIZE_OPTIONS', {
+    factory: () => [5],
+});
+
+/**
+ * Токен ID России.
+ */
+const CURRENT_COUNTRY_ID = new InjectionToken('CURRENT_COUNTRY_ID', {
+    factory: () => -1,
+});
+
+/**
+ * Токен потока данных о текущем пользователе.
+ */
+const SC_USER_INFO = new InjectionToken('SC_USER_INFO', {
+    factory: () => inject(ScUserService).getUserChange$().pipe(takeUntilDestroyed()),
+});
+/**
+ * Токен потока данных о текущем городе пользователя с информацией о регионе и стране.
+ */
+const SC_USER_CITY_INFO = new InjectionToken('SC_USER_CITY_INFO', {
+    factory: () => {
+        const userService = inject(ScUserService);
+        const locationService = inject(ScLocationsService);
+        return userService.getUserChange$().pipe(switchMap((user) => (user.city ? locationService.getCityById$(user.city) : of())), takeUntilDestroyed());
+    },
+});
+/**
+ * Токен проверки, является ли текущая страна пользователя верной.
+ */
+const IS_DEFAULT_COUNTRY = new InjectionToken('IS_DEFAULT_COUNTRY', {
+    factory: () => {
+        const cityInfo = inject(SC_USER_CITY_INFO);
+        const russiaCountryId = inject(CURRENT_COUNTRY_ID);
+        return cityInfo.pipe(map((city) => city.region.country.id === russiaCountryId));
+    },
+});
+/**
+ * Провайдер потока данных о текущем пользователе.
+ *
+ * @deprecated
+ */
+const SC_USER_PROVIDERS = [];
+
+/**
+ * Токен для функции форматирования даты и времени.
+ * По умолчанию используется формат 'DD.MM.YYYY HH:MM'.
+ */
+const SC_DATE_FORMATTER = new InjectionToken('SC_DATE_FORMATTER', {
+    factory: () => (date) => {
+        const dateObject = new Date(date);
+        const day = TuiDay.fromLocalNativeDate(dateObject).toString('DMY', '.');
+        const time = TuiTime.fromLocalNativeDate(dateObject).toString('HH:MM');
+        return `${day} ${time}`;
+    },
+});
+
+/* eslint-disable class-methods-use-this */
+/**
+ * Преобразователь даты формата "YYYY-MM-DD 00:00:00".
+ */
+class DateValueTransformerWithStartTime extends TuiValueTransformer {
+    /**
+     * Преобразует значение из {@link To} формата в {@link From}.
+     *
+     * @param controlValue Значение из формы поля ввода.
+     */
+    fromControlValue(controlValue) {
+        if (controlValue === null || controlValue.length === 0) {
+            return null;
+        }
+        return TuiDay.fromLocalNativeDate(new Date(controlValue));
+    }
+    /**
+     * Преобразует значение из {@link From} формата в {@link To} в формат "YYYY-MM-DD 00:00:00".
+     *
+     * @param componentValue Значение из компонента поля ввода.
+     */
+    toControlValue(componentValue) {
+        if (!componentValue) {
+            return null;
+        }
+        return `${componentValue.toString('YMD', '-')} 00:00:00`;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DateValueTransformerWithStartTime, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DateValueTransformerWithStartTime }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DateValueTransformerWithStartTime, decorators: [{
+            type: Injectable
+        }] });
+
+/* eslint-disable class-methods-use-this */
+/**
+ * Преобразователь даты формата "YYYY-MM-DD 23:59:59".
+ */
+class DateValueTransformerWithEndTime extends DateValueTransformerWithStartTime {
+    /**
+     * Преобразует значение из {@link From} формата в {@link To} в формат "YYYY-MM-DD 23:59:59".
+     *
+     * @param componentValue Значение из компонента поля ввода.
+     */
+    toControlValue(componentValue) {
+        if (!componentValue) {
+            return null;
+        }
+        return `${componentValue.toString('YMD', '-')} 23:59:59`;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DateValueTransformerWithEndTime, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DateValueTransformerWithEndTime }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DateValueTransformerWithEndTime, decorators: [{
+            type: Injectable
+        }] });
+
+/**
+ * Провайдер преобразователя даты по умолчанию.
+ */
+const tuiDateValueTransformerDefaultProvider = [
+    {
+        provide: TUI_DATE_VALUE_TRANSFORMER,
+        useClass: DateValueTransformerWithStartTime,
+    },
+];
+
+/**
+ * Токен для массива полей, которые должны быть заполнены хотя бы одним значением, в запросе на уведомление о поступлении товара.
+ */
+const SC_NOTIFY_WHEN_IN_STOCK_REQUIRED_FIELDS = new InjectionToken('SC_NOTIFY_WHEN_IN_STOCK_REQUIRED_FIELDS', {
+    factory: () => [],
+});
+
+/**
+ * Токен интервала автоматической смены слайдов в миллисекундах (используйте 0, чтобы отключить автоматическую смену слайда).
+ */
+const SC_BANNER_DURATION = new InjectionToken('SC_BANNER_DURATION', {
+    factory: () => 5000,
+});
+
+/**
+ * Длительность {@link debounceTime} в миллисекундах по умолчанию.
+ */
+const SC_DEBOUNCE_TIME_DEFAULT = new InjectionToken('scDebounceTimeDefault', {
+    providedIn: 'root',
+    factory: () => 300,
+});
+
+/**
+ * Токен DI для {@link BehaviorSubject} со списком идентификаторов скрытых при печати элементов.
+ */
+const SC_HIDDEN_PRINT_ELEMENTS = new InjectionToken('SC_HIDDEN_PRINT_ELEMENTS', {
+    factory: () => new BehaviorSubject([]),
+    providedIn: 'root',
+});
+
+/**
+ * Сервис по работе с печатью страницы.
+ */
+class ScPrintService {
+    constructor() {
+        /**
+         * {@link BehaviorSubject} данных скрытых элементов.
+         */
+        this.hiddenElements = inject(SC_HIDDEN_PRINT_ELEMENTS);
+        /**
+         * {@link Observable} скрытых элементов.
+         */
+        this.hiddenites$ = this.hiddenElements.asObservable();
+        /**
+         * Объект окна.
+         */
+        this.window = inject(WA_WINDOW);
+        /**
+         * {@link NgZone} для выполнения кода в контексте зоны.
+         */
+        this.ngZone = inject(NgZone);
+    }
+    /**
+     * Производит печать страницы заказов без шапки, подвала, цены и элементов которые обычно не входят в печать.
+     *
+     * @param hiddenElements Массив идентификаторов элементов, которые будут скрыты при печати.
+     */
+    printPage(hiddenElements) {
+        this.hiddenElements.next(hiddenElements);
+        this.ngZone.runOutsideAngular(() => {
+            setTimeout(() => {
+                this.window.print();
+            });
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScPrintService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScPrintService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScPrintService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }] });
+
 /**
  * Проверяет корректность введенного номера телефона.
  */
@@ -244,13 +472,6 @@ const scPhoneVerificationCodeMask = {
     mask: /^\d{0,6}$/,
 };
 
-/**
- * Токен времени ожидания (в секундах) перед повторной отправкой кода подтверждения.
- */
-const SC_VERIFICATION_CODE_TIMEOUT = new InjectionToken('SC_VERIFICATION_CODE_TIMEOUT', {
-    factory: () => 60,
-});
-
 /* eslint-disable no-underscore-dangle */
 /**
  * Директива абстрактной карточки товара.
@@ -416,174 +637,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                 type: Output
             }] } });
 
-/**
- * Токен для внедрения сервиса диалоговых окон.
- */
-const SC_DIALOG_SERVICE_TOKEN = new InjectionToken('IScDialogService');
-
-/**
- * Токен признака, что разрешено выбирать записи ликвидированных организаций.
- */
-const SC_ALLOW_SELECT_TERMINATED = new InjectionToken('SC_ALLOW_SELECT_TERMINATED', {
-    factory: () => false,
-});
-
-/**
- * Токен максимального количества файлов, отправляемых в форме в байтах.
- */
-const MAX_FILES_IN_FORM_INPUT = new InjectionToken('MAX_FILES_IN_FORM_INPUT', {
-    factory: () => 5,
-});
-
-/**
- * Токен перечисления размеров страниц пагинации.
- */
-const SC_PAGE_SIZE_OPTIONS$1 = new InjectionToken('SC_PAGE_SIZE_OPTIONS', {
-    factory: () => [5],
-});
-
-/**
- * Токен ID России.
- */
-const CURRENT_COUNTRY_ID = new InjectionToken('CURRENT_COUNTRY_ID', {
-    factory: () => -1,
-});
-
-/**
- * Токен потока данных о текущем пользователе.
- */
-const SC_USER_INFO = new InjectionToken('SC_USER_INFO', {
-    factory: () => inject(ScUserService).getUserChange$().pipe(takeUntilDestroyed()),
-});
-/**
- * Токен потока данных о текущем городе пользователя с информацией о регионе и стране.
- */
-const SC_USER_CITY_INFO = new InjectionToken('SC_USER_CITY_INFO', {
-    factory: () => {
-        const userService = inject(ScUserService);
-        const locationService = inject(ScLocationsService);
-        return userService.getUserChange$().pipe(switchMap((user) => (user.city ? locationService.getCityById$(user.city) : of())), takeUntilDestroyed());
-    },
-});
-/**
- * Токен проверки, является ли текущая страна пользователя верной.
- */
-const IS_DEFAULT_COUNTRY = new InjectionToken('IS_DEFAULT_COUNTRY', {
-    factory: () => {
-        const cityInfo = inject(SC_USER_CITY_INFO);
-        const russiaCountryId = inject(CURRENT_COUNTRY_ID);
-        return cityInfo.pipe(map((city) => city.region.country.id === russiaCountryId));
-    },
-});
-/**
- * Провайдер потока данных о текущем пользователе.
- *
- * @deprecated
- */
-const SC_USER_PROVIDERS = [];
-
-/**
- * Токен для функции форматирования даты и времени.
- * По умолчанию используется формат 'DD.MM.YYYY HH:MM'.
- */
-const SC_DATE_FORMATTER = new InjectionToken('SC_DATE_FORMATTER', {
-    factory: () => (date) => {
-        const dateObject = new Date(date);
-        const day = TuiDay.fromLocalNativeDate(dateObject).toString('DMY', '.');
-        const time = TuiTime.fromLocalNativeDate(dateObject).toString('HH:MM');
-        return `${day} ${time}`;
-    },
-});
-
-/* eslint-disable class-methods-use-this */
-/**
- * Преобразователь даты формата "YYYY-MM-DD 00:00:00".
- */
-class DateValueTransformerWithStartTime extends TuiValueTransformer {
-    /**
-     * Преобразует значение из {@link To} формата в {@link From}.
-     *
-     * @param controlValue Значение из формы поля ввода.
-     */
-    fromControlValue(controlValue) {
-        if (controlValue === null || controlValue.length === 0) {
-            return null;
-        }
-        return TuiDay.fromLocalNativeDate(new Date(controlValue));
-    }
-    /**
-     * Преобразует значение из {@link From} формата в {@link To} в формат "YYYY-MM-DD 00:00:00".
-     *
-     * @param componentValue Значение из компонента поля ввода.
-     */
-    toControlValue(componentValue) {
-        if (!componentValue) {
-            return null;
-        }
-        return `${componentValue.toString('YMD', '-')} 00:00:00`;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DateValueTransformerWithStartTime, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DateValueTransformerWithStartTime }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DateValueTransformerWithStartTime, decorators: [{
-            type: Injectable
-        }] });
-
-/* eslint-disable class-methods-use-this */
-/**
- * Преобразователь даты формата "YYYY-MM-DD 23:59:59".
- */
-class DateValueTransformerWithEndTime extends DateValueTransformerWithStartTime {
-    /**
-     * Преобразует значение из {@link From} формата в {@link To} в формат "YYYY-MM-DD 23:59:59".
-     *
-     * @param componentValue Значение из компонента поля ввода.
-     */
-    toControlValue(componentValue) {
-        if (!componentValue) {
-            return null;
-        }
-        return `${componentValue.toString('YMD', '-')} 23:59:59`;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DateValueTransformerWithEndTime, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DateValueTransformerWithEndTime }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DateValueTransformerWithEndTime, decorators: [{
-            type: Injectable
-        }] });
-
-/**
- * Провайдер преобразователя даты по умолчанию.
- */
-const tuiDateValueTransformerDefaultProvider = [
-    {
-        provide: TUI_DATE_VALUE_TRANSFORMER,
-        useClass: DateValueTransformerWithStartTime,
-    },
-];
-
-/**
- * Токен для массива полей, которые должны быть заполнены хотя бы одним значением, в запросе на уведомление о поступлении товара.
- */
-const SC_NOTIFY_WHEN_IN_STOCK_REQUIRED_FIELDS = new InjectionToken('SC_NOTIFY_WHEN_IN_STOCK_REQUIRED_FIELDS', {
-    factory: () => [],
-});
-
-/**
- * Токен интервала автоматической смены слайдов в миллисекундах (используйте 0, чтобы отключить автоматическую смену слайда).
- */
-const SC_BANNER_DURATION = new InjectionToken('SC_BANNER_DURATION', {
-    factory: () => 5000,
-});
-
-/**
- * Длительность {@link debounceTime} в миллисекундах по умолчанию.
- */
-const SC_DEBOUNCE_TIME_DEFAULT = new InjectionToken('scDebounceTimeDefault', {
-    providedIn: 'root',
-    factory: () => 300,
-});
-
 /**
  * Пайп для форматирования даты и времени.
  */
@@ -838,6 +891,38 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                 }]
         }] });
 
+/**
+ * Директива печати страницы.
+ */
+class ScPrintDirective {
+    constructor() {
+        /**
+         * Идентификатор элемента.
+         */
+        this.elementId = input.required({ alias: 'scPrint' });
+        /**
+         * {@link BehaviorSubject} данных скрытых элементов.
+         */
+        this.hiddenElements = toSignal(inject(SC_HIDDEN_PRINT_ELEMENTS), { requireSync: true });
+        /**
+         * Признак, что элемент скрыт при печати.
+         */
+        this.isHidden = computed(() => this.hiddenElements().includes(this.elementId()) || this.elementId() === 'defaultNoPrint');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScPrintDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.2.14", type: ScPrintDirective, isStandalone: true, selector: "[scPrint]", inputs: { elementId: { classPropertyName: "elementId", publicName: "scPrint", isSignal: true, isRequired: true, transformFunction: null } }, host: { properties: { "class.no-print": "isHidden()" } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScPrintDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    standalone: true,
+                    selector: '[scPrint]',
+                    host: {
+                        '[class.no-print]': 'isHidden()',
+                    },
+                }]
+        }] });
+
 /**
  * Директива для преобразования даты в формат "YYYY-MM-DD 23:59:59".
  */
@@ -5150,7 +5235,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                    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=\"product.cartItem && !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]=\"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=\"product.cartItem && !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,
@@ -5171,7 +5256,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                    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=\"product.cartItem && !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]=\"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=\"product.cartItem && !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
             }, {
@@ -7271,7 +7356,7 @@ class ScOrderItemComponent extends AbstractScPriceCard {
             tuiTextfieldOptionsProvider({
                 appearance: signal('textfield'),
             }),
-        ], 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 [product]=\"product\" />\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                            <div class=\"text-body-m\">\n                                \u041A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E:\n                                <strong> {{ orderItem.quantity }} \u0448\u0442.</strong>\n                            </div>\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=\"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                                        <p class=\"whitespace-nowrap\">\u0428\u0438\u0440\u0438\u043D\u0430: {{ orderItem.width }} \u043C.</p>\n                                    }\n                                    @if (orderItem.height) {\n                                        <p class=\"whitespace-nowrap\">\u0412\u044B\u0441\u043E\u0442\u0430: {{ orderItem.height }} \u043C.</p>\n                                    } @else if (orderItem.length) {\n                                        <p class=\"whitespace-nowrap\">\u0414\u043B\u0438\u043D\u0430: {{ orderItem.length }} \u043C.</p>\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 class=\"flex min-w-[11rem] flex-col @lg:justify-end @2xl:!justify-center text-body-m\">\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 [product]=\"product\" />\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"] }], 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]=\"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                            <div class=\"text-body-m\">\n                                \u041A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E:\n                                <strong> {{ orderItem.quantity }} \u0448\u0442.</strong>\n                            </div>\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=\"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                                        <p class=\"whitespace-nowrap\">\u0428\u0438\u0440\u0438\u043D\u0430: {{ orderItem.width }} \u043C.</p>\n                                    }\n                                    @if (orderItem.height) {\n                                        <p class=\"whitespace-nowrap\">\u0412\u044B\u0441\u043E\u0442\u0430: {{ orderItem.height }} \u043C.</p>\n                                    } @else if (orderItem.length) {\n                                        <p class=\"whitespace-nowrap\">\u0414\u043B\u0438\u043D\u0430: {{ orderItem.length }} \u043C.</p>\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,
@@ -7297,12 +7382,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                         ScNoindexWrapperComponent,
                         TuiAppearance,
                         TuiButtonLoading,
+                        ScPrintDirective,
                     ], providers: [
                         SEARCH_TERM_PROVIDERS,
                         tuiTextfieldOptionsProvider({
                             appearance: signal('textfield'),
                         }),
-                    ], 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 [product]=\"product\" />\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                            <div class=\"text-body-m\">\n                                \u041A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E:\n                                <strong> {{ orderItem.quantity }} \u0448\u0442.</strong>\n                            </div>\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=\"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                                        <p class=\"whitespace-nowrap\">\u0428\u0438\u0440\u0438\u043D\u0430: {{ orderItem.width }} \u043C.</p>\n                                    }\n                                    @if (orderItem.height) {\n                                        <p class=\"whitespace-nowrap\">\u0412\u044B\u0441\u043E\u0442\u0430: {{ orderItem.height }} \u043C.</p>\n                                    } @else if (orderItem.length) {\n                                        <p class=\"whitespace-nowrap\">\u0414\u043B\u0438\u043D\u0430: {{ orderItem.length }} \u043C.</p>\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 class=\"flex min-w-[11rem] flex-col @lg:justify-end @2xl:!justify-center text-body-m\">\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 [product]=\"product\" />\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]=\"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                            <div class=\"text-body-m\">\n                                \u041A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E:\n                                <strong> {{ orderItem.quantity }} \u0448\u0442.</strong>\n                            </div>\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=\"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                                        <p class=\"whitespace-nowrap\">\u0428\u0438\u0440\u0438\u043D\u0430: {{ orderItem.width }} \u043C.</p>\n                                    }\n                                    @if (orderItem.height) {\n                                        <p class=\"whitespace-nowrap\">\u0412\u044B\u0441\u043E\u0442\u0430: {{ orderItem.height }} \u043C.</p>\n                                    } @else if (orderItem.length) {\n                                        <p class=\"whitespace-nowrap\">\u0414\u043B\u0438\u043D\u0430: {{ orderItem.length }} \u043C.</p>\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 */
@@ -7489,11 +7575,11 @@ class ScOrderItemsListComponent {
         this.scDialogService.openPriceHistoryChartDialog(product);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScOrderItemsListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ScOrderItemsListComponent, isStandalone: true, selector: "sc-order-items-list", inputs: { selectable: { classPropertyName: "selectable", publicName: "selectable", isSignal: true, isRequired: false, transformFunction: null }, editable: { classPropertyName: "editable", publicName: "editable", isSignal: true, isRequired: false, transformFunction: null }, items: { classPropertyName: "items", publicName: "items", isSignal: false, isRequired: true, transformFunction: null } }, outputs: { selectedItemsIdsChange: "selectedItemsIdsChange" }, ngImport: i0, template: "<div\n    [formGroup]=\"selectionFormGroup\"\n    class=\"flex flex-col gap-5\"\n>\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\n    @for (item of itemsSignal(); track item.id) {\n        @if ($index !== 0) {\n            <hr class=\"mt-auto h-px w-full bg-tui-clear\" />\n        }\n\n        <div class=\"flex items-center gap-4 relative\">\n            @let isActive = !selectable() || selectionFormGroup.get(item.id)?.value;\n\n            <!-- \u0427\u0435\u043A\u0431\u043E\u043A\u0441 \u0432\u044B\u0431\u043E\u0440\u0430 \u0442\u043E\u0432\u0430\u0440\u0430. -->\n            @if (selectable()) {\n                <input\n                    tuiCheckbox\n                    [disabled]=\"itemComponent.showLoader()\"\n                    type=\"checkbox\"\n                    size=\"m\"\n                    [formControlName]=\"item.id\"\n                />\n            }\n\n            <!-- \u041A\u0430\u0440\u0442\u043E\u0447\u043A\u0430 \u0442\u043E\u0432\u0430\u0440\u0430. -->\n            <sc-order-item\n                #itemComponent\n                [product]=\"item.product\"\n                [orderItem]=\"item\"\n                [showQuantityControl]=\"canEdit() && !item.configurator\"\n                [isShowEditControls]=\"canEdit()\"\n                class=\"w-full duration-200\"\n                [class.opacity-60]=\"selectable() && !selectionFormGroup.get(item.id)?.value\"\n                (clickCardEvent)=\"openProductInfoDialog(item.product, item, orderOptions?.orderId())\"\n                (quantityValueChanges)=\"patchItem($event, itemComponent)\"\n                (clickPriceHistoryEvent)=\"openPriceHistoryChartDialog(item.product)\"\n                (clickSettings)=\"openSettingsDialog(item)\"\n                [class.pointer-events-none]=\"!isActive\"\n            />\n\n            <!-- \u041A\u043D\u043E\u043F\u043A\u0430 \u0443\u0434\u0430\u043B\u0435\u043D\u0438\u044F \u0442\u043E\u0432\u0430\u0440\u0430. -->\n            @if (canEdit()) {\n                <button\n                    tuiIconButton\n                    iconStart=\"@tui.trash\"\n                    (click)=\"deleteItem(item, itemComponent)\"\n                    [loading]=\"itemComponent.showLoader()\"\n                    size=\"s\"\n                    appearance=\"secondary\"\n                    class=\"!absolute left-1 top-1 lg:!relative lg:left-0 lg:top-0 lg:!self-center\"\n                ></button>\n            }\n        </div>\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-end gap-2.5\">\n        @let totalSum = sumSelectedItems();\n        <!-- \u0418\u0442\u043E\u0433\u043E\u0432\u0430\u044F \u0441\u0443\u043C\u043C\u0430. -->\n        <div class=\"text-base font-bold\">\u0418\u0442\u043E\u0433\u043E: {{ totalSum | tuiFormatNumber: { precision: 2, decimalSeparator: '.', rounding: 'ceil' } | async }} {{ 'RUB' | tuiCurrency }}</div>\n    </div>\n</div>\n", dependencies: [{ kind: "component", type: ScOrderItemComponent, selector: "sc-order-item", inputs: ["isShowEditControls"], outputs: ["clickSettings"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { 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: "component", type: TuiCheckbox, selector: "input[type=\"checkbox\"][tuiCheckbox]", inputs: ["size"] }, { kind: "directive", type: TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "component", type: TuiButtonLoading, selector: "[tuiButton][loading],[tuiIconButton][loading]", inputs: ["size", "loading"] }, { kind: "pipe", type: TuiCurrencyPipe, name: "tuiCurrency" }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: TuiFormatNumberPipe, name: "tuiFormatNumber" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ScOrderItemsListComponent, isStandalone: true, selector: "sc-order-items-list", inputs: { selectable: { classPropertyName: "selectable", publicName: "selectable", isSignal: true, isRequired: false, transformFunction: null }, editable: { classPropertyName: "editable", publicName: "editable", isSignal: true, isRequired: false, transformFunction: null }, items: { classPropertyName: "items", publicName: "items", isSignal: false, isRequired: true, transformFunction: null } }, outputs: { selectedItemsIdsChange: "selectedItemsIdsChange" }, ngImport: i0, template: "<div\n    [formGroup]=\"selectionFormGroup\"\n    class=\"flex flex-col gap-5\"\n>\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\n    @for (item of itemsSignal(); track item.id) {\n        @if ($index !== 0) {\n            <hr class=\"mt-auto h-px w-full bg-tui-clear\" />\n        }\n\n        <div class=\"flex items-center gap-4 relative\">\n            @let isActive = !selectable() || selectionFormGroup.get(item.id)?.value;\n\n            <!-- \u0427\u0435\u043A\u0431\u043E\u043A\u0441 \u0432\u044B\u0431\u043E\u0440\u0430 \u0442\u043E\u0432\u0430\u0440\u0430. -->\n            @if (selectable()) {\n                <input\n                    tuiCheckbox\n                    [disabled]=\"itemComponent.showLoader()\"\n                    type=\"checkbox\"\n                    size=\"m\"\n                    [formControlName]=\"item.id\"\n                />\n            }\n\n            <!-- \u041A\u0430\u0440\u0442\u043E\u0447\u043A\u0430 \u0442\u043E\u0432\u0430\u0440\u0430. -->\n            <sc-order-item\n                #itemComponent\n                [product]=\"item.product\"\n                [orderItem]=\"item\"\n                [showQuantityControl]=\"canEdit() && !item.configurator\"\n                [isShowEditControls]=\"canEdit()\"\n                class=\"w-full duration-200\"\n                [class.opacity-60]=\"selectable() && !selectionFormGroup.get(item.id)?.value\"\n                (clickCardEvent)=\"openProductInfoDialog(item.product, item, orderOptions?.orderId())\"\n                (quantityValueChanges)=\"patchItem($event, itemComponent)\"\n                (clickPriceHistoryEvent)=\"openPriceHistoryChartDialog(item.product)\"\n                (clickSettings)=\"openSettingsDialog(item)\"\n                [class.pointer-events-none]=\"!isActive\"\n            />\n\n            <!-- \u041A\u043D\u043E\u043F\u043A\u0430 \u0443\u0434\u0430\u043B\u0435\u043D\u0438\u044F \u0442\u043E\u0432\u0430\u0440\u0430. -->\n            @if (canEdit()) {\n                <button\n                    tuiIconButton\n                    iconStart=\"@tui.trash\"\n                    (click)=\"deleteItem(item, itemComponent)\"\n                    [loading]=\"itemComponent.showLoader()\"\n                    size=\"s\"\n                    appearance=\"secondary\"\n                    class=\"!absolute left-1 top-1 lg:!relative lg:left-0 lg:top-0 lg:!self-center\"\n                ></button>\n            }\n        </div>\n    }\n\n    <!-- \u0424\u0443\u0442\u0435\u0440 \u0433\u0440\u0443\u043F\u043F\u044B \u0442\u043E\u0432\u0430\u0440\u043E\u0432. -->\n    <div\n        scPrint=\"cost\"\n        class=\"flex flex-col items-end gap-2.5\"\n    >\n        @let totalSum = sumSelectedItems();\n        <!-- \u0418\u0442\u043E\u0433\u043E\u0432\u0430\u044F \u0441\u0443\u043C\u043C\u0430. -->\n        <div class=\"text-base font-bold\">\u0418\u0442\u043E\u0433\u043E: {{ totalSum | tuiFormatNumber: { precision: 2, decimalSeparator: '.', rounding: 'ceil' } | async }} {{ 'RUB' | tuiCurrency }}</div>\n    </div>\n</div>\n", dependencies: [{ kind: "component", type: ScOrderItemComponent, selector: "sc-order-item", inputs: ["isShowEditControls"], outputs: ["clickSettings"] }, { kind: "directive", type: ScPrintDirective, selector: "[scPrint]", inputs: ["scPrint"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { 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: "component", type: TuiCheckbox, selector: "input[type=\"checkbox\"][tuiCheckbox]", inputs: ["size"] }, { kind: "directive", type: TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "component", type: TuiButtonLoading, selector: "[tuiButton][loading],[tuiIconButton][loading]", inputs: ["size", "loading"] }, { kind: "pipe", type: TuiCurrencyPipe, name: "tuiCurrency" }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: TuiFormatNumberPipe, name: "tuiFormatNumber" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScOrderItemsListComponent, decorators: [{
             type: Component,
-            args: [{ standalone: true, selector: 'sc-order-items-list', imports: [ScOrderItemComponent, ReactiveFormsModule, TuiCheckbox, TuiButton, TuiButtonLoading, TuiCurrencyPipe, AsyncPipe, TuiFormatNumberPipe], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n    [formGroup]=\"selectionFormGroup\"\n    class=\"flex flex-col gap-5\"\n>\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\n    @for (item of itemsSignal(); track item.id) {\n        @if ($index !== 0) {\n            <hr class=\"mt-auto h-px w-full bg-tui-clear\" />\n        }\n\n        <div class=\"flex items-center gap-4 relative\">\n            @let isActive = !selectable() || selectionFormGroup.get(item.id)?.value;\n\n            <!-- \u0427\u0435\u043A\u0431\u043E\u043A\u0441 \u0432\u044B\u0431\u043E\u0440\u0430 \u0442\u043E\u0432\u0430\u0440\u0430. -->\n            @if (selectable()) {\n                <input\n                    tuiCheckbox\n                    [disabled]=\"itemComponent.showLoader()\"\n                    type=\"checkbox\"\n                    size=\"m\"\n                    [formControlName]=\"item.id\"\n                />\n            }\n\n            <!-- \u041A\u0430\u0440\u0442\u043E\u0447\u043A\u0430 \u0442\u043E\u0432\u0430\u0440\u0430. -->\n            <sc-order-item\n                #itemComponent\n                [product]=\"item.product\"\n                [orderItem]=\"item\"\n                [showQuantityControl]=\"canEdit() && !item.configurator\"\n                [isShowEditControls]=\"canEdit()\"\n                class=\"w-full duration-200\"\n                [class.opacity-60]=\"selectable() && !selectionFormGroup.get(item.id)?.value\"\n                (clickCardEvent)=\"openProductInfoDialog(item.product, item, orderOptions?.orderId())\"\n                (quantityValueChanges)=\"patchItem($event, itemComponent)\"\n                (clickPriceHistoryEvent)=\"openPriceHistoryChartDialog(item.product)\"\n                (clickSettings)=\"openSettingsDialog(item)\"\n                [class.pointer-events-none]=\"!isActive\"\n            />\n\n            <!-- \u041A\u043D\u043E\u043F\u043A\u0430 \u0443\u0434\u0430\u043B\u0435\u043D\u0438\u044F \u0442\u043E\u0432\u0430\u0440\u0430. -->\n            @if (canEdit()) {\n                <button\n                    tuiIconButton\n                    iconStart=\"@tui.trash\"\n                    (click)=\"deleteItem(item, itemComponent)\"\n                    [loading]=\"itemComponent.showLoader()\"\n                    size=\"s\"\n                    appearance=\"secondary\"\n                    class=\"!absolute left-1 top-1 lg:!relative lg:left-0 lg:top-0 lg:!self-center\"\n                ></button>\n            }\n        </div>\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-end gap-2.5\">\n        @let totalSum = sumSelectedItems();\n        <!-- \u0418\u0442\u043E\u0433\u043E\u0432\u0430\u044F \u0441\u0443\u043C\u043C\u0430. -->\n        <div class=\"text-base font-bold\">\u0418\u0442\u043E\u0433\u043E: {{ totalSum | tuiFormatNumber: { precision: 2, decimalSeparator: '.', rounding: 'ceil' } | async }} {{ 'RUB' | tuiCurrency }}</div>\n    </div>\n</div>\n" }]
+            args: [{ standalone: true, selector: 'sc-order-items-list', imports: [ScOrderItemComponent, ScPrintDirective, ReactiveFormsModule, TuiCheckbox, TuiButton, TuiButtonLoading, TuiCurrencyPipe, AsyncPipe, TuiFormatNumberPipe], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n    [formGroup]=\"selectionFormGroup\"\n    class=\"flex flex-col gap-5\"\n>\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\n    @for (item of itemsSignal(); track item.id) {\n        @if ($index !== 0) {\n            <hr class=\"mt-auto h-px w-full bg-tui-clear\" />\n        }\n\n        <div class=\"flex items-center gap-4 relative\">\n            @let isActive = !selectable() || selectionFormGroup.get(item.id)?.value;\n\n            <!-- \u0427\u0435\u043A\u0431\u043E\u043A\u0441 \u0432\u044B\u0431\u043E\u0440\u0430 \u0442\u043E\u0432\u0430\u0440\u0430. -->\n            @if (selectable()) {\n                <input\n                    tuiCheckbox\n                    [disabled]=\"itemComponent.showLoader()\"\n                    type=\"checkbox\"\n                    size=\"m\"\n                    [formControlName]=\"item.id\"\n                />\n            }\n\n            <!-- \u041A\u0430\u0440\u0442\u043E\u0447\u043A\u0430 \u0442\u043E\u0432\u0430\u0440\u0430. -->\n            <sc-order-item\n                #itemComponent\n                [product]=\"item.product\"\n                [orderItem]=\"item\"\n                [showQuantityControl]=\"canEdit() && !item.configurator\"\n                [isShowEditControls]=\"canEdit()\"\n                class=\"w-full duration-200\"\n                [class.opacity-60]=\"selectable() && !selectionFormGroup.get(item.id)?.value\"\n                (clickCardEvent)=\"openProductInfoDialog(item.product, item, orderOptions?.orderId())\"\n                (quantityValueChanges)=\"patchItem($event, itemComponent)\"\n                (clickPriceHistoryEvent)=\"openPriceHistoryChartDialog(item.product)\"\n                (clickSettings)=\"openSettingsDialog(item)\"\n                [class.pointer-events-none]=\"!isActive\"\n            />\n\n            <!-- \u041A\u043D\u043E\u043F\u043A\u0430 \u0443\u0434\u0430\u043B\u0435\u043D\u0438\u044F \u0442\u043E\u0432\u0430\u0440\u0430. -->\n            @if (canEdit()) {\n                <button\n                    tuiIconButton\n                    iconStart=\"@tui.trash\"\n                    (click)=\"deleteItem(item, itemComponent)\"\n                    [loading]=\"itemComponent.showLoader()\"\n                    size=\"s\"\n                    appearance=\"secondary\"\n                    class=\"!absolute left-1 top-1 lg:!relative lg:left-0 lg:top-0 lg:!self-center\"\n                ></button>\n            }\n        </div>\n    }\n\n    <!-- \u0424\u0443\u0442\u0435\u0440 \u0433\u0440\u0443\u043F\u043F\u044B \u0442\u043E\u0432\u0430\u0440\u043E\u0432. -->\n    <div\n        scPrint=\"cost\"\n        class=\"flex flex-col items-end gap-2.5\"\n    >\n        @let totalSum = sumSelectedItems();\n        <!-- \u0418\u0442\u043E\u0433\u043E\u0432\u0430\u044F \u0441\u0443\u043C\u043C\u0430. -->\n        <div class=\"text-base font-bold\">\u0418\u0442\u043E\u0433\u043E: {{ totalSum | tuiFormatNumber: { precision: 2, decimalSeparator: '.', rounding: 'ceil' } | async }} {{ 'RUB' | tuiCurrency }}</div>\n    </div>\n</div>\n" }]
         }], propDecorators: { items: [{
                 type: Input,
                 args: [{ required: true }]
@@ -9164,5 +9250,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, 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_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, ScPrivacyPolicyComponent, ScProductInAllWarehousesPipe, ScProfileAccordionsContentComponent, ScProfileModule, ScPublicOfferComponent, ScQRCodeDialogComponent, ScQRCodeModule, ScResetUserPasswordComponent, ScResourcePreviewComponent, ScSandwichComponent, 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, 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, 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 };
 //# sourceMappingURL=snabcentr-client-ui.mjs.map