@snabcentr/client-ui 4.15.1 → 4.17.0

package/fesm2022/snabcentr-client-ui.mjs

@@ -1,20 +1,22 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, inject, Injectable, NgZone, signal, EventEmitter, ChangeDetectorRef, Directive, Input, Output, Pipe, ElementRef, HostListener, Renderer2, ContentChildren, NgModule, input, computed, Component, ChangeDetectionStrategy, Inject, HostBinding, model, output, SkipSelf, DestroyRef, effect, ContentChild, ViewChild, viewChild, Optional, contentChild, TemplateRef, forwardRef, ViewEncapsulation, Injector, viewChildren, afterNextRender } from '@angular/core';
+import { InjectionToken, inject, Injectable, NgZone, RendererFactory2, signal, EventEmitter, ChangeDetectorRef, Directive, Input, Output, Pipe, ElementRef, HostListener, Renderer2, ContentChildren, NgModule, input, computed, Component, ChangeDetectionStrategy, Inject, HostBinding, model, output, SkipSelf, DestroyRef, effect, ContentChild, ViewChild, viewChild, Optional, contentChild, TemplateRef, forwardRef, ViewEncapsulation, Injector, viewChildren, afterNextRender } from '@angular/core';
 import * as i1 from '@snabcentr/client-core';
-import { ScContactsService, ScUserService, ScLocationsService, ScAuthService, SEARCH_TERM, ScUnitsHelper, ScImageHelper, SC_PATH_IMAGE_NOT_FOUND, ScImage, ScPhoneService, ScUserMetrikaService, ScUserMetrikaGoalsEnum, IS_RUNNING_ON_TERMINAL, ScVCardService, ScVerificationService, ScISuggestionType, SC_MIN_LENGTH_SEARCH_TERM, ScConvertersService, ScOpfList, ScReferencesService, ScContragentService, ScBannerService, ScMediaImageTransformerPipe, ScCartService, ScUploadedFile, loadingPlaceholder, SC_ORDER_LOADER, ScMimeTypes, ScCatalogService, SC_URLS, ScWarehouseService, SEARCH_TERM_PROVIDERS, ScPaginationService, SC_NEXT_PAGE_PAGINATION_CLICK, SC_PRODUCT_PAGINATION_OPTIONS, ScCatalogFilterService, ScIdOrSlugPipe, SC_CATEGORY_INFO, ScConfiguratorService, IS_SERVER, RESPONSE, ScIconTypesEnum, ScDocumentInfoTypesEnum, ScDeliveryAddressService, ScOrdersService, ScUIService, SC_USER_INFO as SC_USER_INFO$1, ScPaymentType, ScDeliveryType, TERMINAL_PROVIDERS, ScOrderDraftsService, ScRouteKeys, ScSeoService, scOrderIsLoaded, SC_PAGE_QUERY_PARAM, ScFrequentlyAskedQuestionsService, SchemaOrgFactory, scGetPageQueryParamChanges, ScNewsService, SC_COMPANY_INFO, ScFeedbackService } from '@snabcentr/client-core';
+import { ScContactsService, ScUserService, ScLocationsService, IS_BROWSER, 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, ScNumberHelper, ScOpfList, ScReferencesService, ScContragentService, ScBannerService, ScMediaImageTransformerPipe, ScCartService, ScUploadedFile, loadingPlaceholder, SC_ORDER_LOADER, ScMimeTypes, ScCatalogService, SC_URLS, ScWarehouseService, SEARCH_TERM_PROVIDERS, ScPaginationService, SC_NEXT_PAGE_PAGINATION_CLICK, SC_PRODUCT_PAGINATION_OPTIONS, ScCatalogFilterService, ScIdOrSlugPipe, SC_CATEGORY_INFO, ScConfiguratorService, IS_SERVER, RESPONSE, ScIconTypesEnum, ScDocumentInfoTypesEnum, ScDeliveryAddressService, ScOrdersService, ScUIService, SC_USER_INFO as SC_USER_INFO$1, ScPaymentType, ScDeliveryType, TERMINAL_PROVIDERS, ScOrderDraftsService, ScRouteKeys, ScSeoService, scOrderIsLoaded, SC_PAGE_QUERY_PARAM, ScFrequentlyAskedQuestionsService, SchemaOrgFactory, scGetPageQueryParamChanges, ScNewsService, SC_COMPANY_INFO, ScFeedbackService } from '@snabcentr/client-core';
 import * as i5$1 from 'rxjs';
-import { EMPTY, BehaviorSubject, switchMap, of, shareReplay, map, Subject, filter, tap, catchError, finalize, startWith, share, timer, scan, takeWhile, endWith, distinctUntilChanged, debounceTime, throwError, combineLatest, Observable, pairwise, Subscription, merge, skip, from, concatMap, noop, first, retry, fromEvent, animationFrames, take, takeUntil } from 'rxjs';
+import { EMPTY, BehaviorSubject, switchMap, of, shareReplay, map, Observable, Subject, filter, tap, catchError, finalize, startWith, share, timer, scan, takeWhile, endWith, distinctUntilChanged, debounceTime, throwError, combineLatest, pairwise, Subscription, merge, skip, from, concatMap, noop, first, retry, fromEvent, animationFrames, take, takeUntil, defer, timeout, ignoreElements } from 'rxjs';
 import { WA_WINDOW } from '@ng-web-apis/common';
 import { takeUntilDestroyed, toSignal, outputFromObservable, toObservable } from '@angular/core/rxjs-interop';
 import * as i4$1 from '@taiga-ui/cdk';
-import { TuiDay, TuiTime, TuiValueTransformer, TUI_IS_MOBILE, tuiControlValue, tuiIsPresent, tuiMarkControlAsTouchedAndValidate, tuiIsFalsy, TuiAutoFocus, TuiRepeatTimes, TuiSwipeService, TUI_SWIPE_OPTIONS, TuiHovered, TuiDayRange, TuiMonth, tuiPure, tuiProvide, TuiValidationError, TUI_WINDOW_SIZE, tuiClamp, TUI_TRUE_HANDLER } from '@taiga-ui/cdk';
+import { TuiDay, TuiTime, TuiValueTransformer, TUI_IS_MOBILE, tuiControlValue, tuiIsPresent, tuiMarkControlAsTouchedAndValidate, tuiIsFalsy, TuiAutoFocus, TuiRepeatTimes, TuiSwipeService, TUI_SWIPE_OPTIONS, TuiHovered, TuiDayRange, TuiMonth, tuiPure, tuiProvide, TuiValidationError, TUI_WINDOW_SIZE, tuiClamp, tuiZonefree, 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, TuiFade, TuiRange, tuiInputNumberOptionsProvider, TuiDataListWrapperComponent, TuiChevron, TuiSelect, TuiInputSlider, TuiTreeService, TuiTreeItemContent, TUI_TREE_START, TUI_TREE_CONTENT, TUI_TREE_LOADING, TUI_TREE_LOADER, TuiTree, TuiPreviewDialogService, tuiFilesAccepted, TuiInputFiles, TuiInputFilesDirective, TuiFilesComponent, TuiFile, TuiFileRejectedPipe, TUI_CONFIRM, tuiItemsHandlersProvider as tuiItemsHandlersProvider$1, TUI_PAGINATION_TEXTS, TuiAccordionDirective, TuiAccordionItemContent } from '@taiga-ui/kit';
+import * as i2$2 from '@angular/common';
+import { DOCUMENT, CommonModule, NgIf, AsyncPipe, NgTemplateOutlet, NgFor, NgClass } from '@angular/common';
 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 { FormControl, FormGroupDirective, NgControl, FormGroup, Validators, FormArray, FormsModule, ReactiveFormsModule, NG_VALUE_ACCESSOR } from '@angular/forms';
 import * as i1$2 from '@taiga-ui/core';
-import { TuiButton, TuiDialog, TuiDialogService, TuiLink, TuiFallbackSrcPipe, TuiInitialsPipe, TuiIcon, TuiAppearance, TuiWithAppearance, TuiIcons, TuiWithIcons, TUI_DATA_LIST_HOST, tuiDropdownOptionsProvider, TuiLabel, TuiError, TuiLoader, TuiDataList, TuiNotification, TuiTextfield, TuiTitle, TuiNumberFormat, TuiHint, TUI_MONTHS, TuiScrollbar, tuiNumberFormatProvider, tuiItemsHandlersProvider, tuiTextfieldOptionsProvider, tuiHintOptionsProvider, TuiFormatNumberPipe, TuiHintDriver, TuiHintHover, TuiHintPosition, TuiHintDirective, TuiDataListComponent, TuiOption, TuiAlertService, TuiIconPipe, TUI_BUTTON_OPTIONS, TUI_BUTTON_DEFAULT_OPTIONS, TUI_SPIN_ICONS, TuiSurface, tuiFadeIn } from '@taiga-ui/core';
+import { TuiButton, TuiDialog, TuiDialogService, TuiLink, TuiFallbackSrcPipe, TuiInitialsPipe, TuiIcon, TuiAppearance, TuiWithAppearance, TuiIcons, TuiWithIcons, TUI_DATA_LIST_HOST, tuiDropdownOptionsProvider, TuiLabel, TuiError, TuiLoader, TuiDataList, TuiNotification, TuiTextfield, TuiTitle, TuiFormatNumberPipe, TuiNumberFormat, TuiHint, TUI_MONTHS, TuiScrollbar, tuiNumberFormatProvider, tuiItemsHandlersProvider, tuiTextfieldOptionsProvider, tuiHintOptionsProvider, TuiHintDriver, TuiHintHover, TuiHintPosition, TuiHintDirective, TuiDataListComponent, TuiOption, TuiAlertService, TuiIconPipe, TUI_BUTTON_OPTIONS, TUI_BUTTON_DEFAULT_OPTIONS, TUI_SPIN_ICONS, TuiSurface, tuiFadeIn } from '@taiga-ui/core';
 import { isValidPhoneNumber } from 'libphonenumber-js/max';
 import * as i4 from '@taiga-ui/legacy/components/primitive-textfield';
 import * as i3 from '@taiga-ui/legacy';
@@ -24,8 +26,6 @@ import { isNil, isUndefined, isObject, isArray, isString } from 'lodash-es';
 import * as i5 from '@taiga-ui/core/components/label';
 import * as i8 from '@maskito/angular';
 import { MaskitoDirective } from '@maskito/angular';
-import * as i2$2 from '@angular/common';
-import { DOCUMENT, CommonModule, NgIf, AsyncPipe, NgTemplateOutlet, DecimalPipe, NgFor, NgClass } from '@angular/common';
 import * as i2$3 from '@taiga-ui/polymorpheus';
 import { POLYMORPHEUS_CONTEXT, PolymorpheusComponent, PolymorpheusTemplate, PolymorpheusOutlet, injectContext } from '@taiga-ui/polymorpheus';
 import * as i2 from 'angularx-qrcode';
@@ -39,7 +39,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 { 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';
 import * as i1$5 from '@taiga-ui/layout';
@@ -50,13 +49,12 @@ import { TuiLineDaysChart, TuiLineDaysChartHint, TuiAxes } from '@taiga-ui/addon
 import * as i5$2 from '@taiga-ui/kit/components/slider';
 import * as i9 from 'angular8-yandex-maps';
 import { AngularYandexMapsModule } from 'angular8-yandex-maps';
+import { TuiCurrencyPipe } from '@taiga-ui/addon-commerce';
 import { isValid, parse, format } from 'date-fns';
 import { Clipboard } from '@angular/cdk/clipboard';
 import * as i2$5 from '@taiga-ui/experimental/components/expand';
 import * as i3$3 from '@taiga-ui/kit/components/data-list-wrapper';
 import { TuiGroup } from '@taiga-ui/core/directives/group';
-import * as i4$3 from 'ng-recaptcha-2';
-import { RecaptchaFormsModule, RecaptchaModule, RecaptchaComponent } from 'ng-recaptcha-2';
 
 /**
  * Поток для закрытия уведомлений помощи.
@@ -349,36 +347,6 @@ const SC_HIDDEN_PRINT_ELEMENTS = new InjectionToken('SC_HIDDEN_PRINT_ELEMENTS',
     providedIn: 'root',
 });
 
-/**
- * Селектор iframe reCAPTCHA.
- */
-const RECAPTCHA_IFRAME_SELECTOR = 'iframe[src*="recaptcha"]';
-/**
- * Селектор хоста reCAPTCHA.
- */
-const RECAPTCHA_HOST_SELECTOR = 're-captcha';
-/**
- * Освобождает ресурсы reCAPTCHA и удаляет осиротевшие iframe после смены маршрута.
- *
- * @param documentReference Объект документа.
- * @param windowReference Объект окна браузера.
- */
-function cleanupRecaptchaArtifacts(documentReference, windowReference) {
-    const windowWithRecaptcha = windowReference;
-    try {
-        windowWithRecaptcha.grecaptcha?.reset();
-    }
-    catch {
-        // Ошибки reCAPTCHA не должны блокировать навигацию.
-    }
-    documentReference.querySelectorAll(RECAPTCHA_IFRAME_SELECTOR).forEach((iframe) => {
-        if (iframe.closest(RECAPTCHA_HOST_SELECTOR)) {
-            return;
-        }
-        iframe.remove();
-    });
-}
-
 /**
  * Сервис по работе с печатью страницы.
  */
@@ -424,6 +392,107 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                 }]
         }] });
 
+/**
+ * Сервис для вставки в {@link Document} внешних и дополнительных скриптов.
+ */
+class ScScriptsService {
+    constructor() {
+        /**
+         * Объект {@link Document}, предоставляющий доступ к DOM страницы.
+         */
+        this.document = inject(DOCUMENT);
+        /**
+         * Объект {@link Renderer2}, предоставляющий доступ к DOM страницы.
+         */
+        this.renderer = inject(RendererFactory2).createRenderer(null, null);
+        /**
+         * Признак того, что скрипт выполняется в браузере.
+         */
+        this.isBrowser = inject(IS_BROWSER);
+        /**
+         * {@link NgZone} для вставки скриптов вне зоны Angular.
+         */
+        this.ngZone = inject(NgZone);
+    }
+    /**
+     * Вставляет в конец {@link Document.body} скрипты, заданные строками HTML, вне зоны Angular. Из каждой строки берётся первый `<script>`. На сервере ничего не делает.
+     * Принимает только доверенные строки из конфигурации приложения: строка разбирается как HTML и может выполнить код.
+     *
+     * @param scriptStrings Строки HTML скриптов.
+     */
+    appendScripts(scriptStrings) {
+        if (!this.isBrowser) {
+            return;
+        }
+        this.ngZone.runOutsideAngular(() => {
+            scriptStrings.forEach((scriptString) => {
+                const script = this.createScript(scriptString);
+                if (script) {
+                    this.renderer.appendChild(this.document.body, script);
+                }
+            });
+        });
+    }
+    /**
+     * Загружает внешний скрипт: при подписке добавляет его в {@link Document.head}, после загрузки выдаёт элемент скрипта и завершается.
+     * Если скрипт не загрузился или подписка отменена раньше, удаляет его со страницы; удаление не отменяет загрузку и выполнение уже вставленного скрипта. На сервере завершается без загрузки.
+     *
+     * @param url Адрес скрипта.
+     */
+    loadScript$(url) {
+        if (!this.isBrowser) {
+            return EMPTY;
+        }
+        return new Observable((subscriber) => {
+            const script = this.renderer.createElement('script');
+            let isLoaded = false;
+            const unlistenLoad = this.renderer.listen(script, 'load', () => {
+                isLoaded = true;
+                subscriber.next(script);
+                subscriber.complete();
+            });
+            const unlistenError = this.renderer.listen(script, 'error', () => {
+                subscriber.error(new Error(`Failed to load script ${url}`));
+            });
+            this.renderer.setProperty(script, 'src', url);
+            this.renderer.appendChild(this.document.head, script);
+            return () => {
+                unlistenLoad();
+                unlistenError();
+                if (!isLoaded) {
+                    this.removeScript(script);
+                }
+            };
+        });
+    }
+    /**
+     * Удаляет скрипт со страницы. При подключённых анимациях Angular узел удаляется при ближайшей проверке изменений.
+     *
+     * @param script Элемент скрипта.
+     */
+    removeScript(script) {
+        this.renderer.removeChild(script.parentNode, script);
+    }
+    /**
+     * Создаёт {@link HTMLScriptElement} из строки HTML скрипта.
+     *
+     * @param scriptString Строка HTML скрипта.
+     */
+    createScript(scriptString) {
+        const range = this.document.createRange();
+        const fragment = range.createContextualFragment(scriptString);
+        return fragment.querySelector('script');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScScriptsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScScriptsService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScScriptsService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }] });
+
 /**
  * Проверяет корректность введенного номера телефона.
  */
@@ -2187,15 +2256,14 @@ function scPasswordConfirmMatchingValidator(passwordKey, passwordConfirmKey) {
  * Проверяет кратность значения.
  *
  * @param step Шаг кратности.
- * @param precision Точность, количество чисел после запятой.
  */
-function stepValidator(step, precision = 3) {
+function stepValidator(step) {
     return ({ value }) => {
         if (!step) {
             return null;
         }
         if (value) {
-            return Number((value / step).toFixed(precision)) % 1 === 0 ? null : { error: `Число не кратно ${step}` };
+            return ScNumberHelper.isMultipleOf(value, step) ? null : { error: `Число не кратно ${step}` };
         }
         return null;
     };
@@ -4313,6 +4381,10 @@ class ScAddOrEditingCartItemFormComponent {
          * Шаг изменения метража.
          */
         this.lengthStep = computed(() => ScUnitsHelper.getProductLengthMultiplicity(this.product()));
+        /**
+         * Количество знаков после запятой в поле метража.
+         */
+        this.lengthPrecision = computed(() => ScNumberHelper.getDecimalsCount(this.lengthStep()));
         /**
          * Подсказка по минимальному и максимальному метражу товара.
          */
@@ -4330,6 +4402,10 @@ class ScAddOrEditingCartItemFormComponent {
          * {@link Output} события редактирования товара в корзине.
          */
         this.editCartItem = output();
+        /**
+         * Настройки вывода сумм в рублях.
+         */
+        this.moneyFormat = ScNumberHelper.getMoneyFormat();
         /**
          * Сервис для сбора метрик о действиях пользователей.
          */
@@ -4357,7 +4433,7 @@ class ScAddOrEditingCartItemFormComponent {
         const step = this.lengthStep();
         if (this.isLengthConfigurator() && this.lengthStep() && this.form.controls.quantity.value && step) {
             // Если есть конфигуратор длины, рассчитываем начально значение длины.
-            this.form.controls.length?.patchValue(this.form.controls.quantity.value * step);
+            this.form.controls.length?.patchValue(ScNumberHelper.multiplyByStep(this.form.controls.quantity.value, step));
         }
         // Добавляем валидацию шага для количества.
         this.form.controls.quantity.addValidators(stepValidator(ScUnitsHelper.getProductMultiplicity(this.product())));
@@ -4374,12 +4450,11 @@ class ScAddOrEditingCartItemFormComponent {
             }
             // Если изменилось количество — пересчитываем длину.
             if (previous.quantity !== current.quantity && this.form.controls.quantity.value) {
-                const newValue = this.form.controls.quantity.value * step;
-                lengthControl.patchValue(newValue);
+                lengthControl.patchValue(ScNumberHelper.multiplyByStep(this.form.controls.quantity.value, step));
             }
             // Если изменилась длина — пересчитываем количество и возвращаем значение длины.
             if (previous.length !== current.length && lengthControl.value) {
-                const newValue = lengthControl.value / step;
+                const newValue = ScNumberHelper.divideByStep(lengthControl.value, step);
                 this.form.controls.quantity.patchValue(newValue);
                 return { length: step, quantity: newValue };
             }
@@ -4387,7 +4462,7 @@ class ScAddOrEditingCartItemFormComponent {
             return { length: step, quantity: current.quantity };
         }), 
         // Считаем стоимость: цена * длина * количество.
-        map(({ length, quantity }) => (this.product().costRub ?? 0) * (length ?? 1) * quantity), map((sum) => Math.round(sum * 100) / 100));
+        map(({ length, quantity }) => ScNumberHelper.roundMoney((this.product().costRub ?? 0) * (length ?? 1) * quantity)));
     }
     /**
      * Обработчик события шага метража.
@@ -4399,11 +4474,8 @@ class ScAddOrEditingCartItemFormComponent {
         if (!this.productIsMeasurable() || !lengthControl) {
             return;
         }
-        const length = lengthControl.value ?? 0;
-        let newLength = Math.max(this.minLength() ?? step, length + step);
-        // Округляем до ближайшего кратного числа.
-        newLength = Math.round(newLength / step) * step;
-        lengthControl.setValue(Number(newLength.toFixed(2)));
+        const newLength = Math.max(this.minLength() ?? step, ScNumberHelper.addStep(lengthControl.value ?? 0, step));
+        lengthControl.setValue(ScNumberHelper.snapToStep(newLength, Math.abs(step)));
     }
     /**
      * Обработчик события шага количества.
@@ -4412,7 +4484,8 @@ class ScAddOrEditingCartItemFormComponent {
      */
     onStepQuantity(step) {
         const quantity = this.form.controls.quantity.value ?? 0;
-        this.form.controls.quantity.setValue(Math.max(this.productMultiplicity(), quantity - (quantity % step) + step));
+        const multipleQuantity = ScNumberHelper.addStep(quantity, -ScNumberHelper.remainder(quantity, Math.abs(step)));
+        this.form.controls.quantity.setValue(Math.max(this.productMultiplicity(), ScNumberHelper.addStep(multipleQuantity, step)));
     }
     /**
      * Обработчик события отправки формы.
@@ -4440,11 +4513,12 @@ class ScAddOrEditingCartItemFormComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScAddOrEditingCartItemFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ScAddOrEditingCartItemFormComponent, isStandalone: true, selector: "sc-add-or-editing-cart-item-form", inputs: { product: { classPropertyName: "product", publicName: "product", isSignal: true, isRequired: true, transformFunction: null }, orderItem: { classPropertyName: "orderItem", publicName: "orderItem", isSignal: true, isRequired: false, transformFunction: null }, isLoading: { classPropertyName: "isLoading", publicName: "isLoading", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { addProduct: "addProduct", editCartItem: "editCartItem" }, ngImport: i0, template: "<!-- \u0424\u043E\u0440\u043C\u0430 \u0434\u043E\u0431\u0430\u0432\u043B\u0435\u043D\u0438\u044F \u0438\u0437\u043C\u0435\u0440\u044F\u0435\u043C\u043E\u0433\u043E \u0442\u043E\u0432\u0430\u0440\u0430. -->\n<form\n    *ngIf=\"product\"\n    [formGroup]=\"form\"\n    (ngSubmit)=\"onSubmit()\"\n    ScNextInputFocus\n    class=\"flex flex-col gap-2\"\n>\n    @let step = lengthStep();\n\n    <!-- \u0414\u043B\u0438\u043D\u0430 \u0442\u043E\u0432\u0430\u0440\u0430 (\u043C\u0435\u0442\u0440\u0430\u0436) -->\n    <label\n        *ngIf=\"productIsMeasurable()\"\n        tuiLabel\n    >\n        \u041C\u0435\u0442\u0440\u0430\u0436, {{ product().unit.name }}\n        @if (!step || maxLength()) {\n            {{ lengthHint() }}\n        }\n\n        <tui-textfield>\n            <input\n                tuiInputNumber\n                formControlName=\"length\"\n                [tuiNumberFormat]=\"{ precision: 2 }\"\n                [max]=\"maxLength() || null\"\n                [min]=\"minLength() || null\"\n                (keydown.arrowDown)=\"onStepLength(-(lengthStep() ?? 0.01))\"\n                (keydown.arrowUp)=\"onStepLength(lengthStep() ?? 0.01)\"\n                autocomplete=\"length\"\n            />\n        </tui-textfield>\n        <tui-error\n            formControlName=\"length\"\n            [error]=\"[] | tuiFieldError | async\"\n        />\n        <p\n            *ngIf=\"lengthStep()\"\n            class=\"tui-form__field-note\"\n        >\n            \u041C\u0435\u0442\u0440\u0430\u0436 \u0434\u043E\u043B\u0436\u0435\u043D \u0431\u044B\u0442\u044C \u043A\u0440\u0430\u0442\u0435\u043D {{ lengthStep() }}\n        </p>\n    </label>\n\n    <!-- \u041A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E \u0442\u043E\u0432\u0430\u0440\u0430 -->\n    <label tuiLabel>\n        \u041A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E, \u0448\u0442.\n        <tui-textfield>\n            <tui-chip\n                *ngIf=\"isLengthConfigurator() && productMultiplicity() && step\"\n                size=\"s\"\n                appearance=\"negative\"\n                class=\"font-bold\"\n            >\n                x {{ step }} {{ product().unit.name }}\n            </tui-chip>\n\n            <input\n                placeholder=\"\u041A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E\"\n                tuiInputNumber\n                [tuiNumberFormat]=\"{ decimalMode: 'not-zero' }\"\n                [min]=\"productMultiplicity()\"\n                (keydown.arrowDown)=\"onStepQuantity(-productMultiplicity())\"\n                (keydown.arrowUp)=\"onStepQuantity(productMultiplicity())\"\n                formControlName=\"quantity\"\n                autocomplete=\"quantity\"\n            />\n        </tui-textfield>\n        <p class=\"tui-form__field-note\">\u041A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E \u0434\u043E\u043B\u0436\u043D\u043E \u0431\u044B\u0442\u044C \u043A\u0440\u0430\u0442\u043D\u043E {{ productMultiplicity() }}</p>\n        <tui-error\n            formControlName=\"quantity\"\n            [error]=\"[] | tuiFieldError | async\"\n        />\n    </label>\n\n    <!-- \u041C\u0430\u0440\u043A\u0438\u0440\u043E\u0432\u043A\u0430 -->\n    <label tuiLabel>\n        \u041C\u0430\u0440\u043A\u0438\u0440\u043E\u0432\u043A\u0430\n        <tui-input formControlName=\"marker\">\n            \u041C\u0430\u0440\u043A\u0438\u0440\u043E\u0432\u043A\u0430\n            <input\n                tuiTextfieldLegacy\n                autocomplete=\"marker\"\n            />\n        </tui-input>\n        <tui-error\n            formControlName=\"marker\"\n            [error]=\"[] | tuiFieldError | async\"\n        />\n    </label>\n\n    <!-- \u041A\u043D\u043E\u043F\u043A\u0430 \u0434\u043E\u0431\u0430\u0432\u043B\u0435\u043D\u0438\u044F / \u0440\u0435\u0434\u0430\u043A\u0442\u0438\u0440\u043E\u0432\u0430\u043D\u0438\u044F \u0442\u043E\u0432\u0430\u0440\u0430 \u0432 \u043A\u043E\u0440\u0437\u0438\u043D\u0443 -->\n    <div class=\"flex flex-col items-center\">\n        @let cost = totalCost$ | async;\n\n        <div *ngIf=\"cost\">\n            \u0418\u0442\u043E\u0433\u043E:<span class=\"text-2xl font-bold\">\n                {{ cost | tuiAmount | async }}\n                {{ product().currency.symbol }}\n            </span>\n        </div>\n\n        <!-- \u041A\u043D\u043E\u043F\u043A\u0430 \u0434\u043E\u0431\u0430\u0432\u043B\u0435\u043D\u0438\u044F / \u0440\u0435\u0434\u0430\u043A\u0442\u0438\u0440\u043E\u0432\u0430\u043D\u0438\u044F \u0442\u043E\u0432\u0430\u0440\u0430 \u0432 \u043A\u043E\u0440\u0437\u0438\u043D\u0443 -->\n        <button\n            tuiButton\n            iconStart=\"@tui.check\"\n            [disabled]=\"form.invalid\"\n            [loading]=\"isLoading()\"\n            type=\"submit\"\n            class=\"mt-2\"\n        >\n            {{ orderItem() ? '\u0418\u0437\u043C\u0435\u043D\u0438\u0442\u044C' : '\u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u0432 \u043A\u043E\u0440\u0437\u0438\u043D\u0443' }}\n        </button>\n    </div>\n</form>\n", dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ScNextInputFocusModule }, { kind: "directive", type: ScNextInputFocusDirective, selector: "form[ScNextInputFocus]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: TuiLabel, selector: "label[tuiLabel]" }, { kind: "directive", type: ScSelectOnFocusinDirective, selector: "tui-input-number, tui-input, tui-input-phone, tui-input-date, tui-input-password, input[tuiInputNumber], input[tuiTextfield], input[tuiInputSlider]" }, { kind: "directive", type: TuiNumberFormat, selector: "[tuiNumberFormat]", inputs: ["tuiNumberFormat"] }, { kind: "component", type: TuiError, selector: "tui-error", inputs: ["error"] }, { kind: "ngmodule", type: TuiInputModule }, { kind: "component", type: i3.TuiInputComponent, selector: "tui-input" }, { kind: "directive", type: i3.TuiInputDirective, selector: "tui-input" }, { kind: "component", type: i4.TuiTextfieldComponent, selector: "input[tuiTextfieldLegacy], textarea[tuiTextfieldLegacy]" }, { 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: AsyncPipe, name: "async" }, { kind: "pipe", type: TuiFieldErrorPipe, name: "tuiFieldError" }, { kind: "directive", type: i2$1.TuiInputNumberDirective, selector: "input[tuiInputNumber]", inputs: ["min", "max", "prefix", "postfix"] }, { kind: "component", type: i1$2.TuiTextfieldComponent, selector: "tui-textfield:not([multi])" }, { kind: "pipe", type: TuiAmountPipe, name: "tuiAmount" }, { kind: "directive", type: TuiChip, selector: "tui-chip,[tuiChip]", inputs: ["size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ScAddOrEditingCartItemFormComponent, isStandalone: true, selector: "sc-add-or-editing-cart-item-form", inputs: { product: { classPropertyName: "product", publicName: "product", isSignal: true, isRequired: true, transformFunction: null }, orderItem: { classPropertyName: "orderItem", publicName: "orderItem", isSignal: true, isRequired: false, transformFunction: null }, isLoading: { classPropertyName: "isLoading", publicName: "isLoading", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { addProduct: "addProduct", editCartItem: "editCartItem" }, ngImport: i0, template: "<!-- \u0424\u043E\u0440\u043C\u0430 \u0434\u043E\u0431\u0430\u0432\u043B\u0435\u043D\u0438\u044F \u0438\u0437\u043C\u0435\u0440\u044F\u0435\u043C\u043E\u0433\u043E \u0442\u043E\u0432\u0430\u0440\u0430. -->\n<form\n    *ngIf=\"product\"\n    [formGroup]=\"form\"\n    (ngSubmit)=\"onSubmit()\"\n    ScNextInputFocus\n    class=\"flex flex-col gap-2\"\n>\n    @let step = lengthStep();\n\n    <!-- \u0414\u043B\u0438\u043D\u0430 \u0442\u043E\u0432\u0430\u0440\u0430 (\u043C\u0435\u0442\u0440\u0430\u0436) -->\n    <label\n        *ngIf=\"productIsMeasurable()\"\n        tuiLabel\n    >\n        \u041C\u0435\u0442\u0440\u0430\u0436, {{ product().unit.name }}\n        @if (!step || maxLength()) {\n            {{ lengthHint() }}\n        }\n\n        <tui-textfield>\n            <input\n                tuiInputNumber\n                formControlName=\"length\"\n                [tuiNumberFormat]=\"{ precision: lengthPrecision() }\"\n                [max]=\"maxLength() || null\"\n                [min]=\"minLength() || null\"\n                (keydown.arrowDown)=\"onStepLength(-(lengthStep() ?? 0.01))\"\n                (keydown.arrowUp)=\"onStepLength(lengthStep() ?? 0.01)\"\n                autocomplete=\"length\"\n            />\n        </tui-textfield>\n        <tui-error\n            formControlName=\"length\"\n            [error]=\"[] | tuiFieldError | async\"\n        />\n        <p\n            *ngIf=\"lengthStep()\"\n            class=\"tui-form__field-note\"\n        >\n            \u041C\u0435\u0442\u0440\u0430\u0436 \u0434\u043E\u043B\u0436\u0435\u043D \u0431\u044B\u0442\u044C \u043A\u0440\u0430\u0442\u0435\u043D {{ lengthStep() }}\n        </p>\n    </label>\n\n    <!-- \u041A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E \u0442\u043E\u0432\u0430\u0440\u0430 -->\n    <label tuiLabel>\n        \u041A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E, \u0448\u0442.\n        <tui-textfield>\n            <tui-chip\n                *ngIf=\"isLengthConfigurator() && productMultiplicity() && step\"\n                size=\"s\"\n                appearance=\"negative\"\n                class=\"font-bold\"\n            >\n                x {{ step }} {{ product().unit.name }}\n            </tui-chip>\n\n            <input\n                placeholder=\"\u041A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E\"\n                tuiInputNumber\n                [tuiNumberFormat]=\"{ decimalMode: 'not-zero' }\"\n                [min]=\"productMultiplicity()\"\n                (keydown.arrowDown)=\"onStepQuantity(-productMultiplicity())\"\n                (keydown.arrowUp)=\"onStepQuantity(productMultiplicity())\"\n                formControlName=\"quantity\"\n                autocomplete=\"quantity\"\n            />\n        </tui-textfield>\n        <p class=\"tui-form__field-note\">\u041A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E \u0434\u043E\u043B\u0436\u043D\u043E \u0431\u044B\u0442\u044C \u043A\u0440\u0430\u0442\u043D\u043E {{ productMultiplicity() }}</p>\n        <tui-error\n            formControlName=\"quantity\"\n            [error]=\"[] | tuiFieldError | async\"\n        />\n    </label>\n\n    <!-- \u041C\u0430\u0440\u043A\u0438\u0440\u043E\u0432\u043A\u0430 -->\n    <label tuiLabel>\n        \u041C\u0430\u0440\u043A\u0438\u0440\u043E\u0432\u043A\u0430\n        <tui-input formControlName=\"marker\">\n            \u041C\u0430\u0440\u043A\u0438\u0440\u043E\u0432\u043A\u0430\n            <input\n                tuiTextfieldLegacy\n                autocomplete=\"marker\"\n            />\n        </tui-input>\n        <tui-error\n            formControlName=\"marker\"\n            [error]=\"[] | tuiFieldError | async\"\n        />\n    </label>\n\n    <!-- \u041A\u043D\u043E\u043F\u043A\u0430 \u0434\u043E\u0431\u0430\u0432\u043B\u0435\u043D\u0438\u044F / \u0440\u0435\u0434\u0430\u043A\u0442\u0438\u0440\u043E\u0432\u0430\u043D\u0438\u044F \u0442\u043E\u0432\u0430\u0440\u0430 \u0432 \u043A\u043E\u0440\u0437\u0438\u043D\u0443 -->\n    <div class=\"flex flex-col items-center\">\n        @let cost = totalCost$ | async;\n\n        <div *ngIf=\"cost\">\n            \u0418\u0442\u043E\u0433\u043E:<span class=\"text-2xl font-bold\">\n                {{ cost | tuiFormatNumber: moneyFormat | async }}\n                {{ product().currency.symbol }}\n            </span>\n        </div>\n\n        <!-- \u041A\u043D\u043E\u043F\u043A\u0430 \u0434\u043E\u0431\u0430\u0432\u043B\u0435\u043D\u0438\u044F / \u0440\u0435\u0434\u0430\u043A\u0442\u0438\u0440\u043E\u0432\u0430\u043D\u0438\u044F \u0442\u043E\u0432\u0430\u0440\u0430 \u0432 \u043A\u043E\u0440\u0437\u0438\u043D\u0443 -->\n        <button\n            tuiButton\n            iconStart=\"@tui.check\"\n            [disabled]=\"form.invalid\"\n            [loading]=\"isLoading()\"\n            type=\"submit\"\n            class=\"mt-2\"\n        >\n            {{ orderItem() ? '\u0418\u0437\u043C\u0435\u043D\u0438\u0442\u044C' : '\u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u0432 \u043A\u043E\u0440\u0437\u0438\u043D\u0443' }}\n        </button>\n    </div>\n</form>\n", dependencies: [{ kind: "pipe", type: TuiFormatNumberPipe, name: "tuiFormatNumber" }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ScNextInputFocusModule }, { kind: "directive", type: ScNextInputFocusDirective, selector: "form[ScNextInputFocus]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: TuiLabel, selector: "label[tuiLabel]" }, { kind: "directive", type: ScSelectOnFocusinDirective, selector: "tui-input-number, tui-input, tui-input-phone, tui-input-date, tui-input-password, input[tuiInputNumber], input[tuiTextfield], input[tuiInputSlider]" }, { kind: "directive", type: TuiNumberFormat, selector: "[tuiNumberFormat]", inputs: ["tuiNumberFormat"] }, { kind: "component", type: TuiError, selector: "tui-error", inputs: ["error"] }, { kind: "ngmodule", type: TuiInputModule }, { kind: "component", type: i3.TuiInputComponent, selector: "tui-input" }, { kind: "directive", type: i3.TuiInputDirective, selector: "tui-input" }, { kind: "component", type: i4.TuiTextfieldComponent, selector: "input[tuiTextfieldLegacy], textarea[tuiTextfieldLegacy]" }, { 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: AsyncPipe, name: "async" }, { kind: "pipe", type: TuiFieldErrorPipe, name: "tuiFieldError" }, { kind: "directive", type: i2$1.TuiInputNumberDirective, selector: "input[tuiInputNumber]", inputs: ["min", "max", "prefix", "postfix"] }, { kind: "component", type: i1$2.TuiTextfieldComponent, selector: "tui-textfield:not([multi])" }, { kind: "directive", type: TuiChip, selector: "tui-chip,[tuiChip]", inputs: ["size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScAddOrEditingCartItemFormComponent, decorators: [{
             type: Component,
             args: [{ standalone: true, selector: 'sc-add-or-editing-cart-item-form', imports: [
+                        TuiFormatNumberPipe,
                         NgIf,
                         FormsModule,
                         ScNextInputFocusModule,
@@ -4465,9 +4539,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                         TuiInputNumber,
                         TuiNumberFormat,
                         TuiTextfield,
-                        TuiAmountPipe,
                         TuiChip,
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<!-- \u0424\u043E\u0440\u043C\u0430 \u0434\u043E\u0431\u0430\u0432\u043B\u0435\u043D\u0438\u044F \u0438\u0437\u043C\u0435\u0440\u044F\u0435\u043C\u043E\u0433\u043E \u0442\u043E\u0432\u0430\u0440\u0430. -->\n<form\n    *ngIf=\"product\"\n    [formGroup]=\"form\"\n    (ngSubmit)=\"onSubmit()\"\n    ScNextInputFocus\n    class=\"flex flex-col gap-2\"\n>\n    @let step = lengthStep();\n\n    <!-- \u0414\u043B\u0438\u043D\u0430 \u0442\u043E\u0432\u0430\u0440\u0430 (\u043C\u0435\u0442\u0440\u0430\u0436) -->\n    <label\n        *ngIf=\"productIsMeasurable()\"\n        tuiLabel\n    >\n        \u041C\u0435\u0442\u0440\u0430\u0436, {{ product().unit.name }}\n        @if (!step || maxLength()) {\n            {{ lengthHint() }}\n        }\n\n        <tui-textfield>\n            <input\n                tuiInputNumber\n                formControlName=\"length\"\n                [tuiNumberFormat]=\"{ precision: 2 }\"\n                [max]=\"maxLength() || null\"\n                [min]=\"minLength() || null\"\n                (keydown.arrowDown)=\"onStepLength(-(lengthStep() ?? 0.01))\"\n                (keydown.arrowUp)=\"onStepLength(lengthStep() ?? 0.01)\"\n                autocomplete=\"length\"\n            />\n        </tui-textfield>\n        <tui-error\n            formControlName=\"length\"\n            [error]=\"[] | tuiFieldError | async\"\n        />\n        <p\n            *ngIf=\"lengthStep()\"\n            class=\"tui-form__field-note\"\n        >\n            \u041C\u0435\u0442\u0440\u0430\u0436 \u0434\u043E\u043B\u0436\u0435\u043D \u0431\u044B\u0442\u044C \u043A\u0440\u0430\u0442\u0435\u043D {{ lengthStep() }}\n        </p>\n    </label>\n\n    <!-- \u041A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E \u0442\u043E\u0432\u0430\u0440\u0430 -->\n    <label tuiLabel>\n        \u041A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E, \u0448\u0442.\n        <tui-textfield>\n            <tui-chip\n                *ngIf=\"isLengthConfigurator() && productMultiplicity() && step\"\n                size=\"s\"\n                appearance=\"negative\"\n                class=\"font-bold\"\n            >\n                x {{ step }} {{ product().unit.name }}\n            </tui-chip>\n\n            <input\n                placeholder=\"\u041A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E\"\n                tuiInputNumber\n                [tuiNumberFormat]=\"{ decimalMode: 'not-zero' }\"\n                [min]=\"productMultiplicity()\"\n                (keydown.arrowDown)=\"onStepQuantity(-productMultiplicity())\"\n                (keydown.arrowUp)=\"onStepQuantity(productMultiplicity())\"\n                formControlName=\"quantity\"\n                autocomplete=\"quantity\"\n            />\n        </tui-textfield>\n        <p class=\"tui-form__field-note\">\u041A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E \u0434\u043E\u043B\u0436\u043D\u043E \u0431\u044B\u0442\u044C \u043A\u0440\u0430\u0442\u043D\u043E {{ productMultiplicity() }}</p>\n        <tui-error\n            formControlName=\"quantity\"\n            [error]=\"[] | tuiFieldError | async\"\n        />\n    </label>\n\n    <!-- \u041C\u0430\u0440\u043A\u0438\u0440\u043E\u0432\u043A\u0430 -->\n    <label tuiLabel>\n        \u041C\u0430\u0440\u043A\u0438\u0440\u043E\u0432\u043A\u0430\n        <tui-input formControlName=\"marker\">\n            \u041C\u0430\u0440\u043A\u0438\u0440\u043E\u0432\u043A\u0430\n            <input\n                tuiTextfieldLegacy\n                autocomplete=\"marker\"\n            />\n        </tui-input>\n        <tui-error\n            formControlName=\"marker\"\n            [error]=\"[] | tuiFieldError | async\"\n        />\n    </label>\n\n    <!-- \u041A\u043D\u043E\u043F\u043A\u0430 \u0434\u043E\u0431\u0430\u0432\u043B\u0435\u043D\u0438\u044F / \u0440\u0435\u0434\u0430\u043A\u0442\u0438\u0440\u043E\u0432\u0430\u043D\u0438\u044F \u0442\u043E\u0432\u0430\u0440\u0430 \u0432 \u043A\u043E\u0440\u0437\u0438\u043D\u0443 -->\n    <div class=\"flex flex-col items-center\">\n        @let cost = totalCost$ | async;\n\n        <div *ngIf=\"cost\">\n            \u0418\u0442\u043E\u0433\u043E:<span class=\"text-2xl font-bold\">\n                {{ cost | tuiAmount | async }}\n                {{ product().currency.symbol }}\n            </span>\n        </div>\n\n        <!-- \u041A\u043D\u043E\u043F\u043A\u0430 \u0434\u043E\u0431\u0430\u0432\u043B\u0435\u043D\u0438\u044F / \u0440\u0435\u0434\u0430\u043A\u0442\u0438\u0440\u043E\u0432\u0430\u043D\u0438\u044F \u0442\u043E\u0432\u0430\u0440\u0430 \u0432 \u043A\u043E\u0440\u0437\u0438\u043D\u0443 -->\n        <button\n            tuiButton\n            iconStart=\"@tui.check\"\n            [disabled]=\"form.invalid\"\n            [loading]=\"isLoading()\"\n            type=\"submit\"\n            class=\"mt-2\"\n        >\n            {{ orderItem() ? '\u0418\u0437\u043C\u0435\u043D\u0438\u0442\u044C' : '\u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u0432 \u043A\u043E\u0440\u0437\u0438\u043D\u0443' }}\n        </button>\n    </div>\n</form>\n" }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<!-- \u0424\u043E\u0440\u043C\u0430 \u0434\u043E\u0431\u0430\u0432\u043B\u0435\u043D\u0438\u044F \u0438\u0437\u043C\u0435\u0440\u044F\u0435\u043C\u043E\u0433\u043E \u0442\u043E\u0432\u0430\u0440\u0430. -->\n<form\n    *ngIf=\"product\"\n    [formGroup]=\"form\"\n    (ngSubmit)=\"onSubmit()\"\n    ScNextInputFocus\n    class=\"flex flex-col gap-2\"\n>\n    @let step = lengthStep();\n\n    <!-- \u0414\u043B\u0438\u043D\u0430 \u0442\u043E\u0432\u0430\u0440\u0430 (\u043C\u0435\u0442\u0440\u0430\u0436) -->\n    <label\n        *ngIf=\"productIsMeasurable()\"\n        tuiLabel\n    >\n        \u041C\u0435\u0442\u0440\u0430\u0436, {{ product().unit.name }}\n        @if (!step || maxLength()) {\n            {{ lengthHint() }}\n        }\n\n        <tui-textfield>\n            <input\n                tuiInputNumber\n                formControlName=\"length\"\n                [tuiNumberFormat]=\"{ precision: lengthPrecision() }\"\n                [max]=\"maxLength() || null\"\n                [min]=\"minLength() || null\"\n                (keydown.arrowDown)=\"onStepLength(-(lengthStep() ?? 0.01))\"\n                (keydown.arrowUp)=\"onStepLength(lengthStep() ?? 0.01)\"\n                autocomplete=\"length\"\n            />\n        </tui-textfield>\n        <tui-error\n            formControlName=\"length\"\n            [error]=\"[] | tuiFieldError | async\"\n        />\n        <p\n            *ngIf=\"lengthStep()\"\n            class=\"tui-form__field-note\"\n        >\n            \u041C\u0435\u0442\u0440\u0430\u0436 \u0434\u043E\u043B\u0436\u0435\u043D \u0431\u044B\u0442\u044C \u043A\u0440\u0430\u0442\u0435\u043D {{ lengthStep() }}\n        </p>\n    </label>\n\n    <!-- \u041A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E \u0442\u043E\u0432\u0430\u0440\u0430 -->\n    <label tuiLabel>\n        \u041A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E, \u0448\u0442.\n        <tui-textfield>\n            <tui-chip\n                *ngIf=\"isLengthConfigurator() && productMultiplicity() && step\"\n                size=\"s\"\n                appearance=\"negative\"\n                class=\"font-bold\"\n            >\n                x {{ step }} {{ product().unit.name }}\n            </tui-chip>\n\n            <input\n                placeholder=\"\u041A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E\"\n                tuiInputNumber\n                [tuiNumberFormat]=\"{ decimalMode: 'not-zero' }\"\n                [min]=\"productMultiplicity()\"\n                (keydown.arrowDown)=\"onStepQuantity(-productMultiplicity())\"\n                (keydown.arrowUp)=\"onStepQuantity(productMultiplicity())\"\n                formControlName=\"quantity\"\n                autocomplete=\"quantity\"\n            />\n        </tui-textfield>\n        <p class=\"tui-form__field-note\">\u041A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E \u0434\u043E\u043B\u0436\u043D\u043E \u0431\u044B\u0442\u044C \u043A\u0440\u0430\u0442\u043D\u043E {{ productMultiplicity() }}</p>\n        <tui-error\n            formControlName=\"quantity\"\n            [error]=\"[] | tuiFieldError | async\"\n        />\n    </label>\n\n    <!-- \u041C\u0430\u0440\u043A\u0438\u0440\u043E\u0432\u043A\u0430 -->\n    <label tuiLabel>\n        \u041C\u0430\u0440\u043A\u0438\u0440\u043E\u0432\u043A\u0430\n        <tui-input formControlName=\"marker\">\n            \u041C\u0430\u0440\u043A\u0438\u0440\u043E\u0432\u043A\u0430\n            <input\n                tuiTextfieldLegacy\n                autocomplete=\"marker\"\n            />\n        </tui-input>\n        <tui-error\n            formControlName=\"marker\"\n            [error]=\"[] | tuiFieldError | async\"\n        />\n    </label>\n\n    <!-- \u041A\u043D\u043E\u043F\u043A\u0430 \u0434\u043E\u0431\u0430\u0432\u043B\u0435\u043D\u0438\u044F / \u0440\u0435\u0434\u0430\u043A\u0442\u0438\u0440\u043E\u0432\u0430\u043D\u0438\u044F \u0442\u043E\u0432\u0430\u0440\u0430 \u0432 \u043A\u043E\u0440\u0437\u0438\u043D\u0443 -->\n    <div class=\"flex flex-col items-center\">\n        @let cost = totalCost$ | async;\n\n        <div *ngIf=\"cost\">\n            \u0418\u0442\u043E\u0433\u043E:<span class=\"text-2xl font-bold\">\n                {{ cost | tuiFormatNumber: moneyFormat | async }}\n                {{ product().currency.symbol }}\n            </span>\n        </div>\n\n        <!-- \u041A\u043D\u043E\u043F\u043A\u0430 \u0434\u043E\u0431\u0430\u0432\u043B\u0435\u043D\u0438\u044F / \u0440\u0435\u0434\u0430\u043A\u0442\u0438\u0440\u043E\u0432\u0430\u043D\u0438\u044F \u0442\u043E\u0432\u0430\u0440\u0430 \u0432 \u043A\u043E\u0440\u0437\u0438\u043D\u0443 -->\n        <button\n            tuiButton\n            iconStart=\"@tui.check\"\n            [disabled]=\"form.invalid\"\n            [loading]=\"isLoading()\"\n            type=\"submit\"\n            class=\"mt-2\"\n        >\n            {{ orderItem() ? '\u0418\u0437\u043C\u0435\u043D\u0438\u0442\u044C' : '\u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u0432 \u043A\u043E\u0440\u0437\u0438\u043D\u0443' }}\n        </button>\n    </div>\n</form>\n" }]
         }] });
 
 /* eslint-disable sonarjs/no-nested-template-literals,@typescript-eslint/unbound-method,@typescript-eslint/no-unused-vars */
@@ -4923,9 +4996,9 @@ class ScInputQuantityComponent extends AbstractTuiNullableControl {
         if (!this.numberInput) {
             return;
         }
-        const remainder = (((this.numberInput.value ?? 0) * 1000) % (this.step * 1000)) / 1000; // Умножаем и делим на 1000 чтобы решить ошибку IEEE‑754 при получении остатка от деления.
-        const step = this.step - remainder;
-        this.numberInput.value = Math.max(Number(((this.numberInput.value ?? 0) + step).toFixed(2)), this.ignoreStepValidators ? 1 : Math.max(step, 0)); // Используем toFixed чтобы решить ошибку IEEE‑754 при сложении.
+        const remainder = ScNumberHelper.remainder(this.numberInput.value ?? 0, this.step);
+        const step = ScNumberHelper.addStep(this.step, -remainder);
+        this.numberInput.value = Math.max(ScNumberHelper.addStep(this.numberInput.value ?? 0, step), this.ignoreStepValidators ? 1 : Math.max(step, 0));
         this.numberInput['nativeValue'] = this.numberInput['formattedValue'];
         // eslint-disable-next-line no-underscore-dangle, @typescript-eslint/no-explicit-any, @typescript-eslint/no-unsafe-member-access
         if (checkUpdateOn && this.formControl?._updateOn === 'blur') {
@@ -4941,9 +5014,9 @@ class ScInputQuantityComponent extends AbstractTuiNullableControl {
         if (!this.numberInput) {
             return;
         }
-        const remainder = (((this.numberInput.value ?? 0) * 1000) % (this.step * 1000)) / 1000; // Умножаем и делим на 1000 чтобы решить ошибку IEEE‑754 при получении остатка от деления.
+        const remainder = ScNumberHelper.remainder(this.numberInput.value ?? 0, this.step);
         const step = -remainder || -this.step;
-        this.numberInput.value = Math.max(Number(((this.numberInput.value ?? 0) + step).toFixed(2)), this.ignoreStepValidators ? 1 : Math.max(step, 0)); // Используем toFixed чтобы решить ошибку IEEE‑754 при сложении.
+        this.numberInput.value = Math.max(ScNumberHelper.addStep(this.numberInput.value ?? 0, step), this.ignoreStepValidators ? 1 : Math.max(step, 0));
         this.numberInput['nativeValue'] = this.numberInput['formattedValue'];
         // eslint-disable-next-line no-underscore-dangle, @typescript-eslint/no-explicit-any, @typescript-eslint/no-unsafe-member-access
         if (checkUpdateOn && this.formControl?._updateOn === 'blur') {
@@ -5369,7 +5442,11 @@ class ScPriceHistoryComponent {
          *
          * @param value Значение оси Y.
          */
-        this.yStringify = (value) => `${value.toLocaleString('ru-RU')} ₽`;
+        this.yStringify = (value) => `${ScNumberHelper.formatMoney(value)} ₽`;
+        /**
+         * Настройки вывода цен в рублях.
+         */
+        this.moneyFormat = ScNumberHelper.getMoneyFormat();
         if (context) {
             this.product = context.data.product;
         }
@@ -5436,7 +5513,7 @@ class ScPriceHistoryComponent {
         }, []));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScPriceHistoryComponent, deps: [{ token: i1.ScCatalogService }, { token: TUI_MONTHS }, { token: i1.ScUserMetrikaService }, { token: POLYMORPHEUS_CONTEXT, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: ScPriceHistoryComponent, selector: "sc-price-history", inputs: { product: "product" }, ngImport: i0, template: "<tui-loader [showLoader]=\"!!(loadingHistory$ | async)\"> </tui-loader>\n\n<div\n    *ngIf=\"(loadingHistory$ | async) === false\"\n    class=\"flex flex-col items-center\"\n>\n    <ng-container *ngIf=\"priceInfo$ | async as priceInfo; else isNotExist\">\n        <div class=\"w-174 mb-1 text-end text-lg font-bold\">\u043E\u0442 {{ priceInfo.min.toLocaleString() }} \u20BD \u0434\u043E {{ priceInfo.max.toLocaleString() }} \u20BD</div>\n\n        <ng-container *ngIf=\"history$ | async as history\">\n            <div\n                *ngIf=\"range$ | async as range\"\n                class=\"relative h-56 w-full p-5 text-tui-primary\"\n            >\n                <tui-axes\n                    *ngIf=\"computeLabels$(range) | async as labels\"\n                    class=\"h-full\"\n                    [axisXLabels]=\"labels\"\n                    [horizontalLines]=\"4\"\n                    [verticalLines]=\"labels.length\"\n                >\n                    @let height = priceInfo.max - priceInfo.min;\n                    <tui-line-days-chart\n                        *ngIf=\"(height / 100) * paddingPercent as padding\"\n                        [height]=\"height + (height / 100) * paddingPercent * 2\"\n                        [smoothingFactor]=\"10\"\n                        [y]=\"priceInfo.min - (height / 100) * paddingPercent\"\n                        [value]=\"computeValue(range, history)\"\n                        [xStringify]=\"xStringify$ | async\"\n                        [yStringify]=\"yStringify\"\n                        [hintContent]=\"hint\"\n                        class=\"chart\"\n                    ></tui-line-days-chart>\n                </tui-axes>\n            </div>\n        </ng-container>\n    </ng-container>\n    <ng-template #isNotExist>\n        <p class=\"text-base font-bold\">\u0426\u0435\u043D\u0430 \u043D\u0430 \u0442\u043E\u0432\u0430\u0440 \u043D\u0435 \u0438\u0437\u043C\u0435\u043D\u044F\u043B\u0430\u0441\u044C</p>\n    </ng-template>\n    <ng-template\n        #hint\n        let-data\n    >\n        <div class=\"font-bold\">{{ data[1].toLocaleString() }} \u20BD</div>\n        <div>{{ data[0] }}</div>\n    </ng-template>\n</div>\n", dependencies: [{ kind: "directive", type: i2$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i1$2.TuiLoader, selector: "tui-loader", inputs: ["size", "inheritColor", "overlay", "textContent", "showLoader"] }, { kind: "component", type: i4$2.TuiLineDaysChart, selector: "tui-line-days-chart", inputs: ["y", "height", "smoothingFactor", "hintContent", "xStringify", "yStringify", "dots", "value"] }, { kind: "component", type: i4$2.TuiAxes, selector: "tui-axes", inputs: ["axisX", "axisXLabels", "axisY", "axisYInset", "axisYLabels", "axisYName", "axisYSecondaryInset", "axisYSecondaryLabels", "axisYSecondaryName", "horizontalLines", "horizontalLinesHandler", "verticalLines", "verticalLinesHandler"] }, { kind: "pipe", type: i2$2.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: ScPriceHistoryComponent, selector: "sc-price-history", inputs: { product: "product" }, ngImport: i0, template: "<tui-loader [showLoader]=\"!!(loadingHistory$ | async)\"> </tui-loader>\n\n<div\n    *ngIf=\"(loadingHistory$ | async) === false\"\n    class=\"flex flex-col items-center\"\n>\n    <ng-container *ngIf=\"priceInfo$ | async as priceInfo; else isNotExist\">\n        <div class=\"w-174 mb-1 text-end text-lg font-bold\">\n            \u043E\u0442 {{ priceInfo.min | tuiFormatNumber: moneyFormat | async }} \u20BD \u0434\u043E {{ priceInfo.max | tuiFormatNumber: moneyFormat | async }} \u20BD\n        </div>\n\n        <ng-container *ngIf=\"history$ | async as history\">\n            <div\n                *ngIf=\"range$ | async as range\"\n                class=\"relative h-56 w-full p-5 text-tui-primary\"\n            >\n                <tui-axes\n                    *ngIf=\"computeLabels$(range) | async as labels\"\n                    class=\"h-full\"\n                    [axisXLabels]=\"labels\"\n                    [horizontalLines]=\"4\"\n                    [verticalLines]=\"labels.length\"\n                >\n                    @let height = priceInfo.max - priceInfo.min;\n                    <tui-line-days-chart\n                        *ngIf=\"(height / 100) * paddingPercent as padding\"\n                        [height]=\"height + (height / 100) * paddingPercent * 2\"\n                        [smoothingFactor]=\"10\"\n                        [y]=\"priceInfo.min - (height / 100) * paddingPercent\"\n                        [value]=\"computeValue(range, history)\"\n                        [xStringify]=\"xStringify$ | async\"\n                        [yStringify]=\"yStringify\"\n                        [hintContent]=\"hint\"\n                        class=\"chart\"\n                    ></tui-line-days-chart>\n                </tui-axes>\n            </div>\n        </ng-container>\n    </ng-container>\n    <ng-template #isNotExist>\n        <p class=\"text-base font-bold\">\u0426\u0435\u043D\u0430 \u043D\u0430 \u0442\u043E\u0432\u0430\u0440 \u043D\u0435 \u0438\u0437\u043C\u0435\u043D\u044F\u043B\u0430\u0441\u044C</p>\n    </ng-template>\n    <ng-template\n        #hint\n        let-data\n    >\n        <div class=\"font-bold\">{{ data[1] | tuiFormatNumber: moneyFormat | async }} \u20BD</div>\n        <div>{{ data[0] }}</div>\n    </ng-template>\n</div>\n", dependencies: [{ kind: "directive", type: i2$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i1$2.TuiLoader, selector: "tui-loader", inputs: ["size", "inheritColor", "overlay", "textContent", "showLoader"] }, { kind: "component", type: i4$2.TuiLineDaysChart, selector: "tui-line-days-chart", inputs: ["y", "height", "smoothingFactor", "hintContent", "xStringify", "yStringify", "dots", "value"] }, { kind: "component", type: i4$2.TuiAxes, selector: "tui-axes", inputs: ["axisX", "axisXLabels", "axisY", "axisYInset", "axisYLabels", "axisYName", "axisYSecondaryInset", "axisYSecondaryLabels", "axisYSecondaryName", "horizontalLines", "horizontalLinesHandler", "verticalLines", "verticalLinesHandler"] }, { kind: "pipe", type: i2$2.AsyncPipe, name: "async" }, { kind: "pipe", type: i1$2.TuiFormatNumberPipe, name: "tuiFormatNumber" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 __decorate([
     tuiPure
@@ -5446,7 +5523,7 @@ __decorate([
 ], ScPriceHistoryComponent.prototype, "computeValue", null);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScPriceHistoryComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sc-price-history', changeDetection: ChangeDetectionStrategy.OnPush, template: "<tui-loader [showLoader]=\"!!(loadingHistory$ | async)\"> </tui-loader>\n\n<div\n    *ngIf=\"(loadingHistory$ | async) === false\"\n    class=\"flex flex-col items-center\"\n>\n    <ng-container *ngIf=\"priceInfo$ | async as priceInfo; else isNotExist\">\n        <div class=\"w-174 mb-1 text-end text-lg font-bold\">\u043E\u0442 {{ priceInfo.min.toLocaleString() }} \u20BD \u0434\u043E {{ priceInfo.max.toLocaleString() }} \u20BD</div>\n\n        <ng-container *ngIf=\"history$ | async as history\">\n            <div\n                *ngIf=\"range$ | async as range\"\n                class=\"relative h-56 w-full p-5 text-tui-primary\"\n            >\n                <tui-axes\n                    *ngIf=\"computeLabels$(range) | async as labels\"\n                    class=\"h-full\"\n                    [axisXLabels]=\"labels\"\n                    [horizontalLines]=\"4\"\n                    [verticalLines]=\"labels.length\"\n                >\n                    @let height = priceInfo.max - priceInfo.min;\n                    <tui-line-days-chart\n                        *ngIf=\"(height / 100) * paddingPercent as padding\"\n                        [height]=\"height + (height / 100) * paddingPercent * 2\"\n                        [smoothingFactor]=\"10\"\n                        [y]=\"priceInfo.min - (height / 100) * paddingPercent\"\n                        [value]=\"computeValue(range, history)\"\n                        [xStringify]=\"xStringify$ | async\"\n                        [yStringify]=\"yStringify\"\n                        [hintContent]=\"hint\"\n                        class=\"chart\"\n                    ></tui-line-days-chart>\n                </tui-axes>\n            </div>\n        </ng-container>\n    </ng-container>\n    <ng-template #isNotExist>\n        <p class=\"text-base font-bold\">\u0426\u0435\u043D\u0430 \u043D\u0430 \u0442\u043E\u0432\u0430\u0440 \u043D\u0435 \u0438\u0437\u043C\u0435\u043D\u044F\u043B\u0430\u0441\u044C</p>\n    </ng-template>\n    <ng-template\n        #hint\n        let-data\n    >\n        <div class=\"font-bold\">{{ data[1].toLocaleString() }} \u20BD</div>\n        <div>{{ data[0] }}</div>\n    </ng-template>\n</div>\n" }]
+            args: [{ selector: 'sc-price-history', changeDetection: ChangeDetectionStrategy.OnPush, template: "<tui-loader [showLoader]=\"!!(loadingHistory$ | async)\"> </tui-loader>\n\n<div\n    *ngIf=\"(loadingHistory$ | async) === false\"\n    class=\"flex flex-col items-center\"\n>\n    <ng-container *ngIf=\"priceInfo$ | async as priceInfo; else isNotExist\">\n        <div class=\"w-174 mb-1 text-end text-lg font-bold\">\n            \u043E\u0442 {{ priceInfo.min | tuiFormatNumber: moneyFormat | async }} \u20BD \u0434\u043E {{ priceInfo.max | tuiFormatNumber: moneyFormat | async }} \u20BD\n        </div>\n\n        <ng-container *ngIf=\"history$ | async as history\">\n            <div\n                *ngIf=\"range$ | async as range\"\n                class=\"relative h-56 w-full p-5 text-tui-primary\"\n            >\n                <tui-axes\n                    *ngIf=\"computeLabels$(range) | async as labels\"\n                    class=\"h-full\"\n                    [axisXLabels]=\"labels\"\n                    [horizontalLines]=\"4\"\n                    [verticalLines]=\"labels.length\"\n                >\n                    @let height = priceInfo.max - priceInfo.min;\n                    <tui-line-days-chart\n                        *ngIf=\"(height / 100) * paddingPercent as padding\"\n                        [height]=\"height + (height / 100) * paddingPercent * 2\"\n                        [smoothingFactor]=\"10\"\n                        [y]=\"priceInfo.min - (height / 100) * paddingPercent\"\n                        [value]=\"computeValue(range, history)\"\n                        [xStringify]=\"xStringify$ | async\"\n                        [yStringify]=\"yStringify\"\n                        [hintContent]=\"hint\"\n                        class=\"chart\"\n                    ></tui-line-days-chart>\n                </tui-axes>\n            </div>\n        </ng-container>\n    </ng-container>\n    <ng-template #isNotExist>\n        <p class=\"text-base font-bold\">\u0426\u0435\u043D\u0430 \u043D\u0430 \u0442\u043E\u0432\u0430\u0440 \u043D\u0435 \u0438\u0437\u043C\u0435\u043D\u044F\u043B\u0430\u0441\u044C</p>\n    </ng-template>\n    <ng-template\n        #hint\n        let-data\n    >\n        <div class=\"font-bold\">{{ data[1] | tuiFormatNumber: moneyFormat | async }} \u20BD</div>\n        <div>{{ data[0] }}</div>\n    </ng-template>\n</div>\n" }]
         }], ctorParameters: () => [{ type: i1.ScCatalogService }, { type: i5$1.Observable, decorators: [{
                     type: Inject,
                     args: [TUI_MONTHS]
@@ -5554,7 +5631,8 @@ class ScCatalogModule {
             ScFavoriteButtonComponent,
             ScInputQuantityComponent,
             ScFormatDatePipe,
-            ScMediaImageTransformerPipe], exports: [ScPriceListPaginationComponent, ScCategoryCardComponent, ScPriceCardComponent, ScPriceHistoryComponent] }); }
+            ScMediaImageTransformerPipe,
+            TuiFormatNumberPipe], exports: [ScPriceListPaginationComponent, ScCategoryCardComponent, ScPriceCardComponent, ScPriceHistoryComponent] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScCatalogModule, imports: [CommonModule,
             RouterModule,
             TuiIcon,
@@ -5616,6 +5694,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                         ScInputQuantityComponent,
                         ScFormatDatePipe,
                         ScMediaImageTransformerPipe,
+                        TuiFormatNumberPipe,
                     ],
                 }]
         }] });
@@ -6126,6 +6205,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
  */
 class ScSandwichComponent {
     constructor() {
+        /**
+         * Настройки вывода сумм в рублях.
+         */
+        this.moneyFormat = ScNumberHelper.getMoneyFormat();
         /**
          * Данные настроек окружения.
          */
@@ -6329,7 +6412,7 @@ class ScSandwichComponent {
             return 0;
         }
         const totalCost = calculateResult.quantity * this.product.value.costRub;
-        return Math.round(totalCost * 100) / 100;
+        return ScNumberHelper.roundMoney(totalCost);
     }
     /**
      * Обработчик добавления/редактирования продукта в корзине.
@@ -6444,11 +6527,12 @@ class ScSandwichComponent {
                 stringify: signal((x) => x.name),
                 identityMatcher: signal((a, b) => a.id === b.id),
             }),
-        ], ngImport: i0, template: "@if (!orderItem() && settings()?.allowShowTable) {\n    <div class=\"mb-5 flex justify-center\">\n        <button\n            tuiButton\n            appearance=\"secondary\"\n            (click)=\"toggleShowEvent.emit()\"\n            type=\"button\"\n            iconStart=\"@tui.layout-list\"\n        >\n            \u041F\u043E\u043A\u0430\u0437\u0430\u0442\u044C \u0432 \u0432\u0438\u0434\u0435 \u0441\u043F\u0438\u0441\u043A\u0430\n        </button>\n    </div>\n}\n<div>\n    @let calculateResult = calculateResult$ | async;\n    @let products = products$ | async;\n    @let productValue = product.value;\n    @let validatorWidth = validatorWidth$ | async;\n    @let validatorLength = validatorLength$ | async;\n\n    <form\n        [formGroup]=\"form\"\n        (ngSubmit)=\"onSubmit(calculateResult)\"\n        ScNextInputFocus\n        class=\"flex flex-col gap-3\"\n    >\n        <label\n            tuiLabel\n            class=\"grow\"\n        >\n            \u0422\u043E\u0432\u0430\u0440\n            <tui-textfield\n                tuiChevron\n                [tuiTextfieldCleaner]=\"false\"\n            >\n                <input\n                    tuiChevron\n                    tuiSelect\n                    [formControl]=\"product\"\n                    placeholder=\"\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u043C\u0430\u0442\u0435\u0440\u0438\u0430\u043B\"\n                />\n\n                <tui-data-list-wrapper\n                    *tuiTextfieldDropdown\n                    new\n                    [items]=\"products\"\n                />\n            </tui-textfield>\n            <tui-error\n                [formControl]=\"product\"\n                [error]=\"[] | tuiFieldError | async\"\n            />\n        </label>\n\n        @if (productValue && productValue.costRub) {\n            <div class=\"-mt-1 text-sm text-tui-text-secondary\">\n                <span class=\"font-bold\">{{ productValue.code }}</span>\n                \u2014 {{ productValue.costRub.toLocaleString() }} {{ productValue.currency.symbol }}/\u0448\u0442.\n            </div>\n        }\n\n        @if (product.value && validatorWidth && validatorLength) {\n            <div class=\"mt-4 flex flex-col gap-1.5\">\n                <div class=\"w-full font-bold\">\u0420\u0430\u0437\u043C\u0435\u0440\u044B \u0438\u0437\u0434\u0435\u043B\u0438\u0439</div>\n                <div class=\"flex flex-col gap-1 text-sm text-tui-text-secondary\">\n                    @if (widthRangeText()) {\n                        <div>\u0428\u0438\u0440\u0438\u043D\u0430 {{ widthRangeText() }}.</div>\n                    }\n                    @if (lengthRangeText()) {\n                        <div>\u0414\u043B\u0438\u043D\u0430 {{ lengthRangeText() }}.</div>\n                    }\n                </div>\n            </div>\n        } @else if (product.value) {\n            <tui-error error=\"\u0420\u0430\u0441\u0447\u0435\u0442 \u043F\u043E \u043F\u0440\u043E\u0434\u0443\u043A\u0442\u0443 \u043D\u0435\u0432\u043E\u0437\u043C\u043E\u0436\u0435\u043D. \u041E\u0431\u0440\u0430\u0442\u0438\u0442\u0435\u0441\u044C \u043A \u043C\u0435\u043D\u0435\u0434\u0436\u0435\u0440\u0443\" />\n        }\n\n        <div\n            formArrayName=\"items\"\n            class=\"flex flex-col gap-3\"\n        >\n            @for (item of items.controls; track item) {\n                <div\n                    class=\"flex grow gap-2\"\n                    [formGroupName]=\"$index\"\n                >\n                    <div class=\"grid grow grid-cols-1 items-start gap-2 sm:grid-cols-3\">\n                        <label tuiLabel>\n                            \u0428\u0438\u0440\u0438\u043D\u0430, \u043C\u043C\n                            <tui-textfield>\n                                <input\n                                    tuiInputSlider\n                                    formControlName=\"width\"\n                                    [min]=\"settings()?.minWidth ?? 0\"\n                                    [max]=\"product.value?.properties?.width ?? 0\"\n                                    [tuiNumberFormat]=\"{ precision: 0 }\"\n                                    [readOnly]=\"!product.value\"\n                                    placeholder=\"\u0428\u0438\u0440\u0438\u043D\u0430\"\n                                    autocomplete=\"off\"\n                                />\n                                @if (product.value) {\n                                    <input\n                                        tuiSlider\n                                        type=\"range\"\n                                    />\n                                }\n                            </tui-textfield>\n                            @if (product.value) {\n                                <div class=\"slider-ticks-labels\">\n                                    <span> 0 </span>\n                                    <span>{{ product.value.properties?.width }}</span>\n                                </div>\n                            }\n                            <tui-error\n                                formControlName=\"width\"\n                                [error]=\"[] | tuiFieldError | async\"\n                            />\n                        </label>\n\n                        <label tuiLabel>\n                            \u0414\u043B\u0438\u043D\u0430, \u043C\u043C\n                            <tui-textfield>\n                                <input\n                                    tuiInputSlider\n                                    formControlName=\"length\"\n                                    [min]=\"settings()?.minLength ?? 0\"\n                                    [max]=\"product.value?.properties?.length ?? 0\"\n                                    [tuiNumberFormat]=\"{ precision: 0 }\"\n                                    [readOnly]=\"!product.value\"\n                                    placeholder=\"\u0414\u043B\u0438\u043D\u0430\"\n                                    autocomplete=\"off\"\n                                />\n                                @if (product.value) {\n                                    <input\n                                        tuiSlider\n                                        type=\"range\"\n                                    />\n                                }\n                            </tui-textfield>\n                            @if (product.value) {\n                                <div class=\"slider-ticks-labels\">\n                                    <span> 0 </span>\n                                    <span>{{ product.value.properties?.length }}</span>\n                                </div>\n                            }\n                            <tui-error\n                                formControlName=\"length\"\n                                [error]=\"[] | tuiFieldError | async\"\n                            />\n                        </label>\n                        <label tuiLabel>\n                            <span class=\"whitespace-nowrap\">\u041A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E, \u0448\u0442</span>\n                            <tui-textfield [tuiTextfieldCleaner]=\"false\">\n                                <input\n                                    tuiInputNumber\n                                    formControlName=\"count\"\n                                    [min]=\"1\"\n                                    [tuiNumberFormat]=\"{ precision: 0 }\"\n                                    [readOnly]=\"!product.value\"\n                                    placeholder=\"\u041A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E\"\n                                    autocomplete=\"off\"\n                                />\n                            </tui-textfield>\n                            <tui-error\n                                formControlName=\"count\"\n                                [error]=\"[] | tuiFieldError | async\"\n                            />\n                        </label>\n                    </div>\n                    <button\n                        tuiIconButton\n                        (click)=\"removeItem($index)\"\n                        [disabled]=\"!product.value || items.length <= 1\"\n                        size=\"m\"\n                        type=\"button\"\n                        iconStart=\"@tui.trash-2\"\n                        appearance=\"secondary\"\n                        class=\"mt-6\"\n                        [style.flex]=\"'0 0 auto'\"\n                    ></button>\n                </div>\n            }\n        </div>\n        @if (product.value) {\n            <button\n                tuiButton\n                appearance=\"secondary\"\n                [disabled]=\"items.invalid\"\n                (click)=\"addItem()\"\n                type=\"button\"\n                class=\"self-center\"\n                iconStart=\"@tui.plus\"\n            >\n                \u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u0438\u0437\u0434\u0435\u043B\u0438\u0435\n            </button>\n        }\n\n        <label tuiLabel>\n            \u041C\u0430\u0440\u043A\u0438\u0440\u043E\u0432\u043A\u0430 \u0440\u0430\u0441\u043F\u0438\u043B\u0430\n            <tui-textfield>\n                <input\n                    tuiTextfield\n                    formControlName=\"marker\"\n                    placeholder=\"\u041C\u0430\u0440\u043A\u0438\u0440\u043E\u0432\u043A\u0430 \u0440\u0430\u0441\u043F\u0438\u043B\u0430\"\n                    autocomplete=\"marker\"\n                />\n            </tui-textfield>\n\n            <tui-error\n                formControlName=\"marker\"\n                [error]=\"[] | tuiFieldError | async\"\n            />\n        </label>\n\n        @if (product.value) {\n            <tui-loader [showLoader]=\"isCalculateLoading()\">\n                @if (calculateResult) {\n                    <div class=\"mt-2 flex flex-wrap items-end gap-2\">\n                        <div>\n                            \u0418\u0442\u043E\u0433\u043E: <span class=\"whitespace-nowrap text-xl font-bold\">{{ getTotalCost(calculateResult).toLocaleString() }} {{ product.value.currency.symbol }}</span>\n                        </div>\n                        @if (calculateResult?.quantity && productValue) {\n                            <div class=\"whitespace-nowrap text-lg text-sc-dark-grey\">\n                                <span class=\"font-bold\">({{ calculateResult.quantity }} \u0448\u0442.</span> x\n                                <span class=\"font-bold\">{{ productValue.costRub?.toLocaleString() }} {{ productValue.currency.symbol }}/\u0448\u0442.)</span>\n                            </div>\n                        }\n                    </div>\n                }\n            </tui-loader>\n        }\n\n        <tui-error [error]=\"[] | tuiFieldError | async\" />\n        @if (!calculateResult) {\n            <button\n                tuiButton\n                appearance=\"secondary\"\n                [disabled]=\"items.invalid || isCalculateLoading()\"\n                (click)=\"triggerCalculate()\"\n                type=\"button\"\n                class=\"self-center\"\n                iconStart=\"@tui.calculator\"\n            >\n                \u0420\u0430\u0441\u0441\u0447\u0438\u0442\u0430\u0442\u044C\n            </button>\n        } @else {\n            <button\n                [disabled]=\"form.invalid || isSubmitLoading()\"\n                [loading]=\"isSubmitLoading()\"\n                tuiButton\n                class=\"self-center\"\n                iconStart=\"@tui.check\"\n            >\n                {{ !orderItem() ? '\u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u0432 \u043A\u043E\u0440\u0437\u0438\u043D\u0443' : '\u0418\u0437\u043C\u0435\u043D\u0438\u0442\u044C' }}\n            </button>\n        }\n    </form>\n</div>\n", styles: [":host{display:block;width:100%;max-width:30rem}.slider-ticks-labels{--t-offset: calc($thumb / 2);display:flex;font:var(--tui-font-text-s);margin-inline-start:var(--t-offset);margin-inline-end:var(--t-offset);color:var(--tui-text-secondary)}.slider-ticks-labels>*{position:relative;flex:2;text-align:center}.slider-ticks-labels>*:first-child{left:calc(-1 * var(--t-offset));inset-inline-start:calc(-1 * var(--t-offset));flex:1;text-align:start}.slider-ticks-labels>*:last-child{right:calc(-1 * var(--t-offset));flex:1;text-align:end}@supports (inset-inline-end: 0){.slider-ticks-labels>*:last-child{right:unset;inset-inline-end:calc(-1 * var(--t-offset))}}tui-input-slider+.slider-ticks-labels{margin-inline-start:calc(var(--tui-radius-m) / 2 + var(--t-offset))}tui-textfield+.slider-ticks-labels{--t-offset: calc(var(--tui-radius-m) / 2 + $thumb / 2)}tui-textfield[data-size=l]+.slider-ticks-labels{--t-offset: calc(var(--tui-radius-l) / 2 + $thumb / 2)}tui-input-range:not([new])+.slider-ticks-labels,tui-range+.slider-ticks-labels{--t-offset: $thumb}tui-input-range[new]+.slider-ticks-labels{--t-offset: calc(map-get($track-inset, $input-size) + $thumb)}\n"], dependencies: [{ kind: "directive", type: TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1$1.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "directive", type: i1$1.FormArrayName, selector: "[formArrayName]", inputs: ["formArrayName"] }, { kind: "ngmodule", type: ScNextInputFocusModule }, { kind: "directive", type: ScNextInputFocusDirective, selector: "form[ScNextInputFocus]" }, { kind: "directive", type: TuiLabel, selector: "label[tuiLabel]" }, { kind: "component", type: TuiDataListWrapperComponent, selector: "tui-data-list-wrapper:not([labels]), tui-data-list-wrapper:not([labels])[new]", inputs: ["items", "disabledItemHandler", "emptyContent", "size", "itemContent"], outputs: ["itemClick"] }, { kind: "component", type: TuiError, selector: "tui-error", inputs: ["error"] }, { kind: "component", type: i1$2.TuiTextfieldComponent, selector: "tui-textfield:not([multi])" }, { kind: "directive", type: i1$2.TuiTextfieldDirective, selector: "input[tuiTextfield]:not([tuiInputCard]):not([tuiInputExpire]):not([tuiInputCVC])" }, { kind: "directive", type: i1$2.TuiTextfieldOptionsDirective, selector: "[tuiTextfieldAppearance],[tuiTextfieldSize],[tuiTextfieldCleaner]", inputs: ["tuiTextfieldAppearance", "tuiTextfieldSize", "tuiTextfieldCleaner"] }, { kind: "directive", type: i1$2.TuiTextfieldDropdownDirective, selector: "ng-template[tuiTextfieldDropdown]" }, { kind: "directive", type: TuiChevron, selector: "[tuiChevron]", inputs: ["tuiChevron"] }, { kind: "directive", type: i2$1.TuiSelectDirective, selector: "input[tuiSelect]" }, { kind: "directive", type: i2$1.TuiInputNumberDirective, selector: "input[tuiInputNumber]", inputs: ["min", "max", "prefix", "postfix"] }, { kind: "directive", type: TuiNumberFormat, selector: "[tuiNumberFormat]", inputs: ["tuiNumberFormat"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: TuiFieldErrorPipe, name: "tuiFieldError" }, { kind: "component", type: i5$2.TuiSliderComponent, selector: "input[type=range][tuiSlider]", inputs: ["size", "segments"] }, { kind: "directive", type: i2$1.TuiInputSliderDirective, selector: "input[tuiInputSlider]" }, { kind: "directive", type: ScSelectOnFocusinDirective, selector: "tui-input-number, tui-input, tui-input-phone, tui-input-date, tui-input-password, input[tuiInputNumber], input[tuiTextfield], input[tuiInputSlider]" }, { kind: "component", type: TuiLoader, selector: "tui-loader", inputs: ["size", "inheritColor", "overlay", "textContent", "showLoader"] }, { kind: "component", type: TuiButtonLoading, selector: "[tuiButton][loading],[tuiIconButton][loading]", inputs: ["size", "loading"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], ngImport: i0, template: "@if (!orderItem() && settings()?.allowShowTable) {\n    <div class=\"mb-5 flex justify-center\">\n        <button\n            tuiButton\n            appearance=\"secondary\"\n            (click)=\"toggleShowEvent.emit()\"\n            type=\"button\"\n            iconStart=\"@tui.layout-list\"\n        >\n            \u041F\u043E\u043A\u0430\u0437\u0430\u0442\u044C \u0432 \u0432\u0438\u0434\u0435 \u0441\u043F\u0438\u0441\u043A\u0430\n        </button>\n    </div>\n}\n<div>\n    @let calculateResult = calculateResult$ | async;\n    @let products = products$ | async;\n    @let productValue = product.value;\n    @let validatorWidth = validatorWidth$ | async;\n    @let validatorLength = validatorLength$ | async;\n\n    <form\n        [formGroup]=\"form\"\n        (ngSubmit)=\"onSubmit(calculateResult)\"\n        ScNextInputFocus\n        class=\"flex flex-col gap-3\"\n    >\n        <label\n            tuiLabel\n            class=\"grow\"\n        >\n            \u0422\u043E\u0432\u0430\u0440\n            <tui-textfield\n                tuiChevron\n                [tuiTextfieldCleaner]=\"false\"\n            >\n                <input\n                    tuiChevron\n                    tuiSelect\n                    [formControl]=\"product\"\n                    placeholder=\"\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u043C\u0430\u0442\u0435\u0440\u0438\u0430\u043B\"\n                />\n\n                <tui-data-list-wrapper\n                    *tuiTextfieldDropdown\n                    new\n                    [items]=\"products\"\n                />\n            </tui-textfield>\n            <tui-error\n                [formControl]=\"product\"\n                [error]=\"[] | tuiFieldError | async\"\n            />\n        </label>\n\n        @if (productValue && productValue.costRub) {\n            <div class=\"-mt-1 text-sm text-tui-text-secondary\">\n                <span class=\"font-bold\">{{ productValue.code }}</span>\n                \u2014 {{ productValue.costRub | tuiFormatNumber: moneyFormat | async }} {{ productValue.currency.symbol }}/\u0448\u0442.\n            </div>\n        }\n\n        @if (product.value && validatorWidth && validatorLength) {\n            <div class=\"mt-4 flex flex-col gap-1.5\">\n                <div class=\"w-full font-bold\">\u0420\u0430\u0437\u043C\u0435\u0440\u044B \u0438\u0437\u0434\u0435\u043B\u0438\u0439</div>\n                <div class=\"flex flex-col gap-1 text-sm text-tui-text-secondary\">\n                    @if (widthRangeText()) {\n                        <div>\u0428\u0438\u0440\u0438\u043D\u0430 {{ widthRangeText() }}.</div>\n                    }\n                    @if (lengthRangeText()) {\n                        <div>\u0414\u043B\u0438\u043D\u0430 {{ lengthRangeText() }}.</div>\n                    }\n                </div>\n            </div>\n        } @else if (product.value) {\n            <tui-error error=\"\u0420\u0430\u0441\u0447\u0435\u0442 \u043F\u043E \u043F\u0440\u043E\u0434\u0443\u043A\u0442\u0443 \u043D\u0435\u0432\u043E\u0437\u043C\u043E\u0436\u0435\u043D. \u041E\u0431\u0440\u0430\u0442\u0438\u0442\u0435\u0441\u044C \u043A \u043C\u0435\u043D\u0435\u0434\u0436\u0435\u0440\u0443\" />\n        }\n\n        <div\n            formArrayName=\"items\"\n            class=\"flex flex-col gap-3\"\n        >\n            @for (item of items.controls; track item) {\n                <div\n                    class=\"flex grow gap-2\"\n                    [formGroupName]=\"$index\"\n                >\n                    <div class=\"grid grow grid-cols-1 items-start gap-2 sm:grid-cols-3\">\n                        <label tuiLabel>\n                            \u0428\u0438\u0440\u0438\u043D\u0430, \u043C\u043C\n                            <tui-textfield>\n                                <input\n                                    tuiInputSlider\n                                    formControlName=\"width\"\n                                    [min]=\"settings()?.minWidth ?? 0\"\n                                    [max]=\"product.value?.properties?.width ?? 0\"\n                                    [tuiNumberFormat]=\"{ precision: 0 }\"\n                                    [readOnly]=\"!product.value\"\n                                    placeholder=\"\u0428\u0438\u0440\u0438\u043D\u0430\"\n                                    autocomplete=\"off\"\n                                />\n                                @if (product.value) {\n                                    <input\n                                        tuiSlider\n                                        type=\"range\"\n                                    />\n                                }\n                            </tui-textfield>\n                            @if (product.value) {\n                                <div class=\"slider-ticks-labels\">\n                                    <span> 0 </span>\n                                    <span>{{ product.value.properties?.width }}</span>\n                                </div>\n                            }\n                            <tui-error\n                                formControlName=\"width\"\n                                [error]=\"[] | tuiFieldError | async\"\n                            />\n                        </label>\n\n                        <label tuiLabel>\n                            \u0414\u043B\u0438\u043D\u0430, \u043C\u043C\n                            <tui-textfield>\n                                <input\n                                    tuiInputSlider\n                                    formControlName=\"length\"\n                                    [min]=\"settings()?.minLength ?? 0\"\n                                    [max]=\"product.value?.properties?.length ?? 0\"\n                                    [tuiNumberFormat]=\"{ precision: 0 }\"\n                                    [readOnly]=\"!product.value\"\n                                    placeholder=\"\u0414\u043B\u0438\u043D\u0430\"\n                                    autocomplete=\"off\"\n                                />\n                                @if (product.value) {\n                                    <input\n                                        tuiSlider\n                                        type=\"range\"\n                                    />\n                                }\n                            </tui-textfield>\n                            @if (product.value) {\n                                <div class=\"slider-ticks-labels\">\n                                    <span> 0 </span>\n                                    <span>{{ product.value.properties?.length }}</span>\n                                </div>\n                            }\n                            <tui-error\n                                formControlName=\"length\"\n                                [error]=\"[] | tuiFieldError | async\"\n                            />\n                        </label>\n                        <label tuiLabel>\n                            <span class=\"whitespace-nowrap\">\u041A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E, \u0448\u0442</span>\n                            <tui-textfield [tuiTextfieldCleaner]=\"false\">\n                                <input\n                                    tuiInputNumber\n                                    formControlName=\"count\"\n                                    [min]=\"1\"\n                                    [tuiNumberFormat]=\"{ precision: 0 }\"\n                                    [readOnly]=\"!product.value\"\n                                    placeholder=\"\u041A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E\"\n                                    autocomplete=\"off\"\n                                />\n                            </tui-textfield>\n                            <tui-error\n                                formControlName=\"count\"\n                                [error]=\"[] | tuiFieldError | async\"\n                            />\n                        </label>\n                    </div>\n                    <button\n                        tuiIconButton\n                        (click)=\"removeItem($index)\"\n                        [disabled]=\"!product.value || items.length <= 1\"\n                        size=\"m\"\n                        type=\"button\"\n                        iconStart=\"@tui.trash-2\"\n                        appearance=\"secondary\"\n                        class=\"mt-6\"\n                        [style.flex]=\"'0 0 auto'\"\n                    ></button>\n                </div>\n            }\n        </div>\n        @if (product.value) {\n            <button\n                tuiButton\n                appearance=\"secondary\"\n                [disabled]=\"items.invalid\"\n                (click)=\"addItem()\"\n                type=\"button\"\n                class=\"self-center\"\n                iconStart=\"@tui.plus\"\n            >\n                \u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u0438\u0437\u0434\u0435\u043B\u0438\u0435\n            </button>\n        }\n\n        <label tuiLabel>\n            \u041C\u0430\u0440\u043A\u0438\u0440\u043E\u0432\u043A\u0430 \u0440\u0430\u0441\u043F\u0438\u043B\u0430\n            <tui-textfield>\n                <input\n                    tuiTextfield\n                    formControlName=\"marker\"\n                    placeholder=\"\u041C\u0430\u0440\u043A\u0438\u0440\u043E\u0432\u043A\u0430 \u0440\u0430\u0441\u043F\u0438\u043B\u0430\"\n                    autocomplete=\"marker\"\n                />\n            </tui-textfield>\n\n            <tui-error\n                formControlName=\"marker\"\n                [error]=\"[] | tuiFieldError | async\"\n            />\n        </label>\n\n        @if (product.value) {\n            <tui-loader [showLoader]=\"isCalculateLoading()\">\n                @if (calculateResult) {\n                    <div class=\"mt-2 flex flex-wrap items-end gap-2\">\n                        <div>\n                            \u0418\u0442\u043E\u0433\u043E:\n                            <span class=\"whitespace-nowrap text-xl font-bold\"\n                                >{{ getTotalCost(calculateResult) | tuiFormatNumber: moneyFormat | async }} {{ product.value.currency.symbol }}</span\n                            >\n                        </div>\n                        @if (calculateResult?.quantity && productValue) {\n                            <div class=\"whitespace-nowrap text-lg text-sc-dark-grey\">\n                                <span class=\"font-bold\">({{ calculateResult.quantity }} \u0448\u0442.</span> x\n                                <span class=\"font-bold\"\n                                    >{{ productValue.costRub === undefined ? '' : (productValue.costRub | tuiFormatNumber: moneyFormat | async) }}\n                                    {{ productValue.currency.symbol }}/\u0448\u0442.)</span\n                                >\n                            </div>\n                        }\n                    </div>\n                }\n            </tui-loader>\n        }\n\n        <tui-error [error]=\"[] | tuiFieldError | async\" />\n        @if (!calculateResult) {\n            <button\n                tuiButton\n                appearance=\"secondary\"\n                [disabled]=\"items.invalid || isCalculateLoading()\"\n                (click)=\"triggerCalculate()\"\n                type=\"button\"\n                class=\"self-center\"\n                iconStart=\"@tui.calculator\"\n            >\n                \u0420\u0430\u0441\u0441\u0447\u0438\u0442\u0430\u0442\u044C\n            </button>\n        } @else {\n            <button\n                [disabled]=\"form.invalid || isSubmitLoading()\"\n                [loading]=\"isSubmitLoading()\"\n                tuiButton\n                class=\"self-center\"\n                iconStart=\"@tui.check\"\n            >\n                {{ !orderItem() ? '\u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u0432 \u043A\u043E\u0440\u0437\u0438\u043D\u0443' : '\u0418\u0437\u043C\u0435\u043D\u0438\u0442\u044C' }}\n            </button>\n        }\n    </form>\n</div>\n", styles: [":host{display:block;width:100%;max-width:30rem}.slider-ticks-labels{--t-offset: calc($thumb / 2);display:flex;font:var(--tui-font-text-s);margin-inline-start:var(--t-offset);margin-inline-end:var(--t-offset);color:var(--tui-text-secondary)}.slider-ticks-labels>*{position:relative;flex:2;text-align:center}.slider-ticks-labels>*:first-child{left:calc(-1 * var(--t-offset));inset-inline-start:calc(-1 * var(--t-offset));flex:1;text-align:start}.slider-ticks-labels>*:last-child{right:calc(-1 * var(--t-offset));flex:1;text-align:end}@supports (inset-inline-end: 0){.slider-ticks-labels>*:last-child{right:unset;inset-inline-end:calc(-1 * var(--t-offset))}}tui-input-slider+.slider-ticks-labels{margin-inline-start:calc(var(--tui-radius-m) / 2 + var(--t-offset))}tui-textfield+.slider-ticks-labels{--t-offset: calc(var(--tui-radius-m) / 2 + $thumb / 2)}tui-textfield[data-size=l]+.slider-ticks-labels{--t-offset: calc(var(--tui-radius-l) / 2 + $thumb / 2)}tui-input-range:not([new])+.slider-ticks-labels,tui-range+.slider-ticks-labels{--t-offset: $thumb}tui-input-range[new]+.slider-ticks-labels{--t-offset: calc(map-get($track-inset, $input-size) + $thumb)}\n"], dependencies: [{ kind: "pipe", type: TuiFormatNumberPipe, name: "tuiFormatNumber" }, { kind: "directive", type: TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1$1.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "directive", type: i1$1.FormArrayName, selector: "[formArrayName]", inputs: ["formArrayName"] }, { kind: "ngmodule", type: ScNextInputFocusModule }, { kind: "directive", type: ScNextInputFocusDirective, selector: "form[ScNextInputFocus]" }, { kind: "directive", type: TuiLabel, selector: "label[tuiLabel]" }, { kind: "component", type: TuiDataListWrapperComponent, selector: "tui-data-list-wrapper:not([labels]), tui-data-list-wrapper:not([labels])[new]", inputs: ["items", "disabledItemHandler", "emptyContent", "size", "itemContent"], outputs: ["itemClick"] }, { kind: "component", type: TuiError, selector: "tui-error", inputs: ["error"] }, { kind: "component", type: i1$2.TuiTextfieldComponent, selector: "tui-textfield:not([multi])" }, { kind: "directive", type: i1$2.TuiTextfieldDirective, selector: "input[tuiTextfield]:not([tuiInputCard]):not([tuiInputExpire]):not([tuiInputCVC])" }, { kind: "directive", type: i1$2.TuiTextfieldOptionsDirective, selector: "[tuiTextfieldAppearance],[tuiTextfieldSize],[tuiTextfieldCleaner]", inputs: ["tuiTextfieldAppearance", "tuiTextfieldSize", "tuiTextfieldCleaner"] }, { kind: "directive", type: i1$2.TuiTextfieldDropdownDirective, selector: "ng-template[tuiTextfieldDropdown]" }, { kind: "directive", type: TuiChevron, selector: "[tuiChevron]", inputs: ["tuiChevron"] }, { kind: "directive", type: i2$1.TuiSelectDirective, selector: "input[tuiSelect]" }, { kind: "directive", type: i2$1.TuiInputNumberDirective, selector: "input[tuiInputNumber]", inputs: ["min", "max", "prefix", "postfix"] }, { kind: "directive", type: TuiNumberFormat, selector: "[tuiNumberFormat]", inputs: ["tuiNumberFormat"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: TuiFieldErrorPipe, name: "tuiFieldError" }, { kind: "component", type: i5$2.TuiSliderComponent, selector: "input[type=range][tuiSlider]", inputs: ["size", "segments"] }, { kind: "directive", type: i2$1.TuiInputSliderDirective, selector: "input[tuiInputSlider]" }, { kind: "directive", type: ScSelectOnFocusinDirective, selector: "tui-input-number, tui-input, tui-input-phone, tui-input-date, tui-input-password, input[tuiInputNumber], input[tuiTextfield], input[tuiInputSlider]" }, { kind: "component", type: TuiLoader, selector: "tui-loader", inputs: ["size", "inheritColor", "overlay", "textContent", "showLoader"] }, { kind: "component", type: TuiButtonLoading, selector: "[tuiButton][loading],[tuiIconButton][loading]", inputs: ["size", "loading"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScSandwichComponent, decorators: [{
             type: Component,
             args: [{ standalone: true, selector: 'sc-sandwich', imports: [
+                        TuiFormatNumberPipe,
                         TuiButton,
                         FormsModule,
                         ReactiveFormsModule,
@@ -6476,7 +6560,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                             stringify: signal((x) => x.name),
                             identityMatcher: signal((a, b) => a.id === b.id),
                         }),
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (!orderItem() && settings()?.allowShowTable) {\n    <div class=\"mb-5 flex justify-center\">\n        <button\n            tuiButton\n            appearance=\"secondary\"\n            (click)=\"toggleShowEvent.emit()\"\n            type=\"button\"\n            iconStart=\"@tui.layout-list\"\n        >\n            \u041F\u043E\u043A\u0430\u0437\u0430\u0442\u044C \u0432 \u0432\u0438\u0434\u0435 \u0441\u043F\u0438\u0441\u043A\u0430\n        </button>\n    </div>\n}\n<div>\n    @let calculateResult = calculateResult$ | async;\n    @let products = products$ | async;\n    @let productValue = product.value;\n    @let validatorWidth = validatorWidth$ | async;\n    @let validatorLength = validatorLength$ | async;\n\n    <form\n        [formGroup]=\"form\"\n        (ngSubmit)=\"onSubmit(calculateResult)\"\n        ScNextInputFocus\n        class=\"flex flex-col gap-3\"\n    >\n        <label\n            tuiLabel\n            class=\"grow\"\n        >\n            \u0422\u043E\u0432\u0430\u0440\n            <tui-textfield\n                tuiChevron\n                [tuiTextfieldCleaner]=\"false\"\n            >\n                <input\n                    tuiChevron\n                    tuiSelect\n                    [formControl]=\"product\"\n                    placeholder=\"\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u043C\u0430\u0442\u0435\u0440\u0438\u0430\u043B\"\n                />\n\n                <tui-data-list-wrapper\n                    *tuiTextfieldDropdown\n                    new\n                    [items]=\"products\"\n                />\n            </tui-textfield>\n            <tui-error\n                [formControl]=\"product\"\n                [error]=\"[] | tuiFieldError | async\"\n            />\n        </label>\n\n        @if (productValue && productValue.costRub) {\n            <div class=\"-mt-1 text-sm text-tui-text-secondary\">\n                <span class=\"font-bold\">{{ productValue.code }}</span>\n                \u2014 {{ productValue.costRub.toLocaleString() }} {{ productValue.currency.symbol }}/\u0448\u0442.\n            </div>\n        }\n\n        @if (product.value && validatorWidth && validatorLength) {\n            <div class=\"mt-4 flex flex-col gap-1.5\">\n                <div class=\"w-full font-bold\">\u0420\u0430\u0437\u043C\u0435\u0440\u044B \u0438\u0437\u0434\u0435\u043B\u0438\u0439</div>\n                <div class=\"flex flex-col gap-1 text-sm text-tui-text-secondary\">\n                    @if (widthRangeText()) {\n                        <div>\u0428\u0438\u0440\u0438\u043D\u0430 {{ widthRangeText() }}.</div>\n                    }\n                    @if (lengthRangeText()) {\n                        <div>\u0414\u043B\u0438\u043D\u0430 {{ lengthRangeText() }}.</div>\n                    }\n                </div>\n            </div>\n        } @else if (product.value) {\n            <tui-error error=\"\u0420\u0430\u0441\u0447\u0435\u0442 \u043F\u043E \u043F\u0440\u043E\u0434\u0443\u043A\u0442\u0443 \u043D\u0435\u0432\u043E\u0437\u043C\u043E\u0436\u0435\u043D. \u041E\u0431\u0440\u0430\u0442\u0438\u0442\u0435\u0441\u044C \u043A \u043C\u0435\u043D\u0435\u0434\u0436\u0435\u0440\u0443\" />\n        }\n\n        <div\n            formArrayName=\"items\"\n            class=\"flex flex-col gap-3\"\n        >\n            @for (item of items.controls; track item) {\n                <div\n                    class=\"flex grow gap-2\"\n                    [formGroupName]=\"$index\"\n                >\n                    <div class=\"grid grow grid-cols-1 items-start gap-2 sm:grid-cols-3\">\n                        <label tuiLabel>\n                            \u0428\u0438\u0440\u0438\u043D\u0430, \u043C\u043C\n                            <tui-textfield>\n                                <input\n                                    tuiInputSlider\n                                    formControlName=\"width\"\n                                    [min]=\"settings()?.minWidth ?? 0\"\n                                    [max]=\"product.value?.properties?.width ?? 0\"\n                                    [tuiNumberFormat]=\"{ precision: 0 }\"\n                                    [readOnly]=\"!product.value\"\n                                    placeholder=\"\u0428\u0438\u0440\u0438\u043D\u0430\"\n                                    autocomplete=\"off\"\n                                />\n                                @if (product.value) {\n                                    <input\n                                        tuiSlider\n                                        type=\"range\"\n                                    />\n                                }\n                            </tui-textfield>\n                            @if (product.value) {\n                                <div class=\"slider-ticks-labels\">\n                                    <span> 0 </span>\n                                    <span>{{ product.value.properties?.width }}</span>\n                                </div>\n                            }\n                            <tui-error\n                                formControlName=\"width\"\n                                [error]=\"[] | tuiFieldError | async\"\n                            />\n                        </label>\n\n                        <label tuiLabel>\n                            \u0414\u043B\u0438\u043D\u0430, \u043C\u043C\n                            <tui-textfield>\n                                <input\n                                    tuiInputSlider\n                                    formControlName=\"length\"\n                                    [min]=\"settings()?.minLength ?? 0\"\n                                    [max]=\"product.value?.properties?.length ?? 0\"\n                                    [tuiNumberFormat]=\"{ precision: 0 }\"\n                                    [readOnly]=\"!product.value\"\n                                    placeholder=\"\u0414\u043B\u0438\u043D\u0430\"\n                                    autocomplete=\"off\"\n                                />\n                                @if (product.value) {\n                                    <input\n                                        tuiSlider\n                                        type=\"range\"\n                                    />\n                                }\n                            </tui-textfield>\n                            @if (product.value) {\n                                <div class=\"slider-ticks-labels\">\n                                    <span> 0 </span>\n                                    <span>{{ product.value.properties?.length }}</span>\n                                </div>\n                            }\n                            <tui-error\n                                formControlName=\"length\"\n                                [error]=\"[] | tuiFieldError | async\"\n                            />\n                        </label>\n                        <label tuiLabel>\n                            <span class=\"whitespace-nowrap\">\u041A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E, \u0448\u0442</span>\n                            <tui-textfield [tuiTextfieldCleaner]=\"false\">\n                                <input\n                                    tuiInputNumber\n                                    formControlName=\"count\"\n                                    [min]=\"1\"\n                                    [tuiNumberFormat]=\"{ precision: 0 }\"\n                                    [readOnly]=\"!product.value\"\n                                    placeholder=\"\u041A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E\"\n                                    autocomplete=\"off\"\n                                />\n                            </tui-textfield>\n                            <tui-error\n                                formControlName=\"count\"\n                                [error]=\"[] | tuiFieldError | async\"\n                            />\n                        </label>\n                    </div>\n                    <button\n                        tuiIconButton\n                        (click)=\"removeItem($index)\"\n                        [disabled]=\"!product.value || items.length <= 1\"\n                        size=\"m\"\n                        type=\"button\"\n                        iconStart=\"@tui.trash-2\"\n                        appearance=\"secondary\"\n                        class=\"mt-6\"\n                        [style.flex]=\"'0 0 auto'\"\n                    ></button>\n                </div>\n            }\n        </div>\n        @if (product.value) {\n            <button\n                tuiButton\n                appearance=\"secondary\"\n                [disabled]=\"items.invalid\"\n                (click)=\"addItem()\"\n                type=\"button\"\n                class=\"self-center\"\n                iconStart=\"@tui.plus\"\n            >\n                \u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u0438\u0437\u0434\u0435\u043B\u0438\u0435\n            </button>\n        }\n\n        <label tuiLabel>\n            \u041C\u0430\u0440\u043A\u0438\u0440\u043E\u0432\u043A\u0430 \u0440\u0430\u0441\u043F\u0438\u043B\u0430\n            <tui-textfield>\n                <input\n                    tuiTextfield\n                    formControlName=\"marker\"\n                    placeholder=\"\u041C\u0430\u0440\u043A\u0438\u0440\u043E\u0432\u043A\u0430 \u0440\u0430\u0441\u043F\u0438\u043B\u0430\"\n                    autocomplete=\"marker\"\n                />\n            </tui-textfield>\n\n            <tui-error\n                formControlName=\"marker\"\n                [error]=\"[] | tuiFieldError | async\"\n            />\n        </label>\n\n        @if (product.value) {\n            <tui-loader [showLoader]=\"isCalculateLoading()\">\n                @if (calculateResult) {\n                    <div class=\"mt-2 flex flex-wrap items-end gap-2\">\n                        <div>\n                            \u0418\u0442\u043E\u0433\u043E: <span class=\"whitespace-nowrap text-xl font-bold\">{{ getTotalCost(calculateResult).toLocaleString() }} {{ product.value.currency.symbol }}</span>\n                        </div>\n                        @if (calculateResult?.quantity && productValue) {\n                            <div class=\"whitespace-nowrap text-lg text-sc-dark-grey\">\n                                <span class=\"font-bold\">({{ calculateResult.quantity }} \u0448\u0442.</span> x\n                                <span class=\"font-bold\">{{ productValue.costRub?.toLocaleString() }} {{ productValue.currency.symbol }}/\u0448\u0442.)</span>\n                            </div>\n                        }\n                    </div>\n                }\n            </tui-loader>\n        }\n\n        <tui-error [error]=\"[] | tuiFieldError | async\" />\n        @if (!calculateResult) {\n            <button\n                tuiButton\n                appearance=\"secondary\"\n                [disabled]=\"items.invalid || isCalculateLoading()\"\n                (click)=\"triggerCalculate()\"\n                type=\"button\"\n                class=\"self-center\"\n                iconStart=\"@tui.calculator\"\n            >\n                \u0420\u0430\u0441\u0441\u0447\u0438\u0442\u0430\u0442\u044C\n            </button>\n        } @else {\n            <button\n                [disabled]=\"form.invalid || isSubmitLoading()\"\n                [loading]=\"isSubmitLoading()\"\n                tuiButton\n                class=\"self-center\"\n                iconStart=\"@tui.check\"\n            >\n                {{ !orderItem() ? '\u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u0432 \u043A\u043E\u0440\u0437\u0438\u043D\u0443' : '\u0418\u0437\u043C\u0435\u043D\u0438\u0442\u044C' }}\n            </button>\n        }\n    </form>\n</div>\n", styles: [":host{display:block;width:100%;max-width:30rem}.slider-ticks-labels{--t-offset: calc($thumb / 2);display:flex;font:var(--tui-font-text-s);margin-inline-start:var(--t-offset);margin-inline-end:var(--t-offset);color:var(--tui-text-secondary)}.slider-ticks-labels>*{position:relative;flex:2;text-align:center}.slider-ticks-labels>*:first-child{left:calc(-1 * var(--t-offset));inset-inline-start:calc(-1 * var(--t-offset));flex:1;text-align:start}.slider-ticks-labels>*:last-child{right:calc(-1 * var(--t-offset));flex:1;text-align:end}@supports (inset-inline-end: 0){.slider-ticks-labels>*:last-child{right:unset;inset-inline-end:calc(-1 * var(--t-offset))}}tui-input-slider+.slider-ticks-labels{margin-inline-start:calc(var(--tui-radius-m) / 2 + var(--t-offset))}tui-textfield+.slider-ticks-labels{--t-offset: calc(var(--tui-radius-m) / 2 + $thumb / 2)}tui-textfield[data-size=l]+.slider-ticks-labels{--t-offset: calc(var(--tui-radius-l) / 2 + $thumb / 2)}tui-input-range:not([new])+.slider-ticks-labels,tui-range+.slider-ticks-labels{--t-offset: $thumb}tui-input-range[new]+.slider-ticks-labels{--t-offset: calc(map-get($track-inset, $input-size) + $thumb)}\n"] }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (!orderItem() && settings()?.allowShowTable) {\n    <div class=\"mb-5 flex justify-center\">\n        <button\n            tuiButton\n            appearance=\"secondary\"\n            (click)=\"toggleShowEvent.emit()\"\n            type=\"button\"\n            iconStart=\"@tui.layout-list\"\n        >\n            \u041F\u043E\u043A\u0430\u0437\u0430\u0442\u044C \u0432 \u0432\u0438\u0434\u0435 \u0441\u043F\u0438\u0441\u043A\u0430\n        </button>\n    </div>\n}\n<div>\n    @let calculateResult = calculateResult$ | async;\n    @let products = products$ | async;\n    @let productValue = product.value;\n    @let validatorWidth = validatorWidth$ | async;\n    @let validatorLength = validatorLength$ | async;\n\n    <form\n        [formGroup]=\"form\"\n        (ngSubmit)=\"onSubmit(calculateResult)\"\n        ScNextInputFocus\n        class=\"flex flex-col gap-3\"\n    >\n        <label\n            tuiLabel\n            class=\"grow\"\n        >\n            \u0422\u043E\u0432\u0430\u0440\n            <tui-textfield\n                tuiChevron\n                [tuiTextfieldCleaner]=\"false\"\n            >\n                <input\n                    tuiChevron\n                    tuiSelect\n                    [formControl]=\"product\"\n                    placeholder=\"\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u043C\u0430\u0442\u0435\u0440\u0438\u0430\u043B\"\n                />\n\n                <tui-data-list-wrapper\n                    *tuiTextfieldDropdown\n                    new\n                    [items]=\"products\"\n                />\n            </tui-textfield>\n            <tui-error\n                [formControl]=\"product\"\n                [error]=\"[] | tuiFieldError | async\"\n            />\n        </label>\n\n        @if (productValue && productValue.costRub) {\n            <div class=\"-mt-1 text-sm text-tui-text-secondary\">\n                <span class=\"font-bold\">{{ productValue.code }}</span>\n                \u2014 {{ productValue.costRub | tuiFormatNumber: moneyFormat | async }} {{ productValue.currency.symbol }}/\u0448\u0442.\n            </div>\n        }\n\n        @if (product.value && validatorWidth && validatorLength) {\n            <div class=\"mt-4 flex flex-col gap-1.5\">\n                <div class=\"w-full font-bold\">\u0420\u0430\u0437\u043C\u0435\u0440\u044B \u0438\u0437\u0434\u0435\u043B\u0438\u0439</div>\n                <div class=\"flex flex-col gap-1 text-sm text-tui-text-secondary\">\n                    @if (widthRangeText()) {\n                        <div>\u0428\u0438\u0440\u0438\u043D\u0430 {{ widthRangeText() }}.</div>\n                    }\n                    @if (lengthRangeText()) {\n                        <div>\u0414\u043B\u0438\u043D\u0430 {{ lengthRangeText() }}.</div>\n                    }\n                </div>\n            </div>\n        } @else if (product.value) {\n            <tui-error error=\"\u0420\u0430\u0441\u0447\u0435\u0442 \u043F\u043E \u043F\u0440\u043E\u0434\u0443\u043A\u0442\u0443 \u043D\u0435\u0432\u043E\u0437\u043C\u043E\u0436\u0435\u043D. \u041E\u0431\u0440\u0430\u0442\u0438\u0442\u0435\u0441\u044C \u043A \u043C\u0435\u043D\u0435\u0434\u0436\u0435\u0440\u0443\" />\n        }\n\n        <div\n            formArrayName=\"items\"\n            class=\"flex flex-col gap-3\"\n        >\n            @for (item of items.controls; track item) {\n                <div\n                    class=\"flex grow gap-2\"\n                    [formGroupName]=\"$index\"\n                >\n                    <div class=\"grid grow grid-cols-1 items-start gap-2 sm:grid-cols-3\">\n                        <label tuiLabel>\n                            \u0428\u0438\u0440\u0438\u043D\u0430, \u043C\u043C\n                            <tui-textfield>\n                                <input\n                                    tuiInputSlider\n                                    formControlName=\"width\"\n                                    [min]=\"settings()?.minWidth ?? 0\"\n                                    [max]=\"product.value?.properties?.width ?? 0\"\n                                    [tuiNumberFormat]=\"{ precision: 0 }\"\n                                    [readOnly]=\"!product.value\"\n                                    placeholder=\"\u0428\u0438\u0440\u0438\u043D\u0430\"\n                                    autocomplete=\"off\"\n                                />\n                                @if (product.value) {\n                                    <input\n                                        tuiSlider\n                                        type=\"range\"\n                                    />\n                                }\n                            </tui-textfield>\n                            @if (product.value) {\n                                <div class=\"slider-ticks-labels\">\n                                    <span> 0 </span>\n                                    <span>{{ product.value.properties?.width }}</span>\n                                </div>\n                            }\n                            <tui-error\n                                formControlName=\"width\"\n                                [error]=\"[] | tuiFieldError | async\"\n                            />\n                        </label>\n\n                        <label tuiLabel>\n                            \u0414\u043B\u0438\u043D\u0430, \u043C\u043C\n                            <tui-textfield>\n                                <input\n                                    tuiInputSlider\n                                    formControlName=\"length\"\n                                    [min]=\"settings()?.minLength ?? 0\"\n                                    [max]=\"product.value?.properties?.length ?? 0\"\n                                    [tuiNumberFormat]=\"{ precision: 0 }\"\n                                    [readOnly]=\"!product.value\"\n                                    placeholder=\"\u0414\u043B\u0438\u043D\u0430\"\n                                    autocomplete=\"off\"\n                                />\n                                @if (product.value) {\n                                    <input\n                                        tuiSlider\n                                        type=\"range\"\n                                    />\n                                }\n                            </tui-textfield>\n                            @if (product.value) {\n                                <div class=\"slider-ticks-labels\">\n                                    <span> 0 </span>\n                                    <span>{{ product.value.properties?.length }}</span>\n                                </div>\n                            }\n                            <tui-error\n                                formControlName=\"length\"\n                                [error]=\"[] | tuiFieldError | async\"\n                            />\n                        </label>\n                        <label tuiLabel>\n                            <span class=\"whitespace-nowrap\">\u041A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E, \u0448\u0442</span>\n                            <tui-textfield [tuiTextfieldCleaner]=\"false\">\n                                <input\n                                    tuiInputNumber\n                                    formControlName=\"count\"\n                                    [min]=\"1\"\n                                    [tuiNumberFormat]=\"{ precision: 0 }\"\n                                    [readOnly]=\"!product.value\"\n                                    placeholder=\"\u041A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E\"\n                                    autocomplete=\"off\"\n                                />\n                            </tui-textfield>\n                            <tui-error\n                                formControlName=\"count\"\n                                [error]=\"[] | tuiFieldError | async\"\n                            />\n                        </label>\n                    </div>\n                    <button\n                        tuiIconButton\n                        (click)=\"removeItem($index)\"\n                        [disabled]=\"!product.value || items.length <= 1\"\n                        size=\"m\"\n                        type=\"button\"\n                        iconStart=\"@tui.trash-2\"\n                        appearance=\"secondary\"\n                        class=\"mt-6\"\n                        [style.flex]=\"'0 0 auto'\"\n                    ></button>\n                </div>\n            }\n        </div>\n        @if (product.value) {\n            <button\n                tuiButton\n                appearance=\"secondary\"\n                [disabled]=\"items.invalid\"\n                (click)=\"addItem()\"\n                type=\"button\"\n                class=\"self-center\"\n                iconStart=\"@tui.plus\"\n            >\n                \u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u0438\u0437\u0434\u0435\u043B\u0438\u0435\n            </button>\n        }\n\n        <label tuiLabel>\n            \u041C\u0430\u0440\u043A\u0438\u0440\u043E\u0432\u043A\u0430 \u0440\u0430\u0441\u043F\u0438\u043B\u0430\n            <tui-textfield>\n                <input\n                    tuiTextfield\n                    formControlName=\"marker\"\n                    placeholder=\"\u041C\u0430\u0440\u043A\u0438\u0440\u043E\u0432\u043A\u0430 \u0440\u0430\u0441\u043F\u0438\u043B\u0430\"\n                    autocomplete=\"marker\"\n                />\n            </tui-textfield>\n\n            <tui-error\n                formControlName=\"marker\"\n                [error]=\"[] | tuiFieldError | async\"\n            />\n        </label>\n\n        @if (product.value) {\n            <tui-loader [showLoader]=\"isCalculateLoading()\">\n                @if (calculateResult) {\n                    <div class=\"mt-2 flex flex-wrap items-end gap-2\">\n                        <div>\n                            \u0418\u0442\u043E\u0433\u043E:\n                            <span class=\"whitespace-nowrap text-xl font-bold\"\n                                >{{ getTotalCost(calculateResult) | tuiFormatNumber: moneyFormat | async }} {{ product.value.currency.symbol }}</span\n                            >\n                        </div>\n                        @if (calculateResult?.quantity && productValue) {\n                            <div class=\"whitespace-nowrap text-lg text-sc-dark-grey\">\n                                <span class=\"font-bold\">({{ calculateResult.quantity }} \u0448\u0442.</span> x\n                                <span class=\"font-bold\"\n                                    >{{ productValue.costRub === undefined ? '' : (productValue.costRub | tuiFormatNumber: moneyFormat | async) }}\n                                    {{ productValue.currency.symbol }}/\u0448\u0442.)</span\n                                >\n                            </div>\n                        }\n                    </div>\n                }\n            </tui-loader>\n        }\n\n        <tui-error [error]=\"[] | tuiFieldError | async\" />\n        @if (!calculateResult) {\n            <button\n                tuiButton\n                appearance=\"secondary\"\n                [disabled]=\"items.invalid || isCalculateLoading()\"\n                (click)=\"triggerCalculate()\"\n                type=\"button\"\n                class=\"self-center\"\n                iconStart=\"@tui.calculator\"\n            >\n                \u0420\u0430\u0441\u0441\u0447\u0438\u0442\u0430\u0442\u044C\n            </button>\n        } @else {\n            <button\n                [disabled]=\"form.invalid || isSubmitLoading()\"\n                [loading]=\"isSubmitLoading()\"\n                tuiButton\n                class=\"self-center\"\n                iconStart=\"@tui.check\"\n            >\n                {{ !orderItem() ? '\u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u0432 \u043A\u043E\u0440\u0437\u0438\u043D\u0443' : '\u0418\u0437\u043C\u0435\u043D\u0438\u0442\u044C' }}\n            </button>\n        }\n    </form>\n</div>\n", styles: [":host{display:block;width:100%;max-width:30rem}.slider-ticks-labels{--t-offset: calc($thumb / 2);display:flex;font:var(--tui-font-text-s);margin-inline-start:var(--t-offset);margin-inline-end:var(--t-offset);color:var(--tui-text-secondary)}.slider-ticks-labels>*{position:relative;flex:2;text-align:center}.slider-ticks-labels>*:first-child{left:calc(-1 * var(--t-offset));inset-inline-start:calc(-1 * var(--t-offset));flex:1;text-align:start}.slider-ticks-labels>*:last-child{right:calc(-1 * var(--t-offset));flex:1;text-align:end}@supports (inset-inline-end: 0){.slider-ticks-labels>*:last-child{right:unset;inset-inline-end:calc(-1 * var(--t-offset))}}tui-input-slider+.slider-ticks-labels{margin-inline-start:calc(var(--tui-radius-m) / 2 + var(--t-offset))}tui-textfield+.slider-ticks-labels{--t-offset: calc(var(--tui-radius-m) / 2 + $thumb / 2)}tui-textfield[data-size=l]+.slider-ticks-labels{--t-offset: calc(var(--tui-radius-l) / 2 + $thumb / 2)}tui-input-range:not([new])+.slider-ticks-labels,tui-range+.slider-ticks-labels{--t-offset: $thumb}tui-input-range[new]+.slider-ticks-labels{--t-offset: calc(map-get($track-inset, $input-size) + $thumb)}\n"] }]
         }], propDecorators: { orderId: [{
                 type: Input
             }] } });
@@ -6536,6 +6620,14 @@ class ScSandwichM2Component {
          * Сервис получения и редактирования списка товаров заказа (корзина / заказ / черновик = заказ).
          */
         this.orderService = inject(SC_ORDER_LOADER);
+        /**
+         * Настройки вывода сумм в рублях.
+         */
+        this.moneyFormat = ScNumberHelper.getMoneyFormat();
+        /**
+         * Настройки вывода площади.
+         */
+        this.areaFormat = ScNumberHelper.areaFormat;
         /**
          * Сервис конвертации данных.
          */
@@ -6613,7 +6705,7 @@ class ScSandwichM2Component {
         this.totalCost = computed(() => {
             const cost = this.productSignal()?.costRub ?? 0;
             const area = this.totalAreaM2();
-            return Math.round(area * cost * 100) / 100;
+            return ScNumberHelper.roundMoney(area * cost);
         });
         /**
          * Текст ограничения по ширине («от … до …»), пока есть выбранный товар.
@@ -6861,7 +6953,7 @@ class ScSandwichM2Component {
     rowCost(value) {
         const area = this.rowTotalPartsAreaM2(value);
         const cost = this.product.value?.costRub ?? 0;
-        return Math.round(area * cost * 100) / 100;
+        return ScNumberHelper.roundMoney(area * cost);
     }
     /**
      * Обновляет состояние позиции на указанное значение.
@@ -6979,8 +7071,8 @@ class ScSandwichM2Component {
         this.items.clear();
         const orderItem = this.orderItem();
         this.items.push(this.createItemGroup({
-            width: (orderItem?.width ?? 0) * 1000,
-            length: (orderItem?.length ?? 0) * 1000,
+            width: Math.round((orderItem?.width ?? 0) * 1000),
+            length: Math.round((orderItem?.length ?? 0) * 1000),
             count: orderItem?.quantity ?? 1,
             marker: orderItem?.marker ?? null,
         }));
@@ -6998,11 +7090,12 @@ class ScSandwichM2Component {
                 stringify: signal((x) => x.name),
                 identityMatcher: signal((a, b) => a.id === b.id),
             }),
-        ], ngImport: i0, template: "@if (!orderItem() && settings()?.allowShowTable) {\n    <div class=\"mb-5 flex justify-center\">\n        <button\n            tuiButton\n            appearance=\"secondary\"\n            (click)=\"toggleShowEvent.emit()\"\n            type=\"button\"\n            iconStart=\"@tui.layout-list\"\n        >\n            \u041F\u043E\u043A\u0430\u0437\u0430\u0442\u044C \u0432 \u0432\u0438\u0434\u0435 \u0441\u043F\u0438\u0441\u043A\u0430\n        </button>\n    </div>\n}\n<div class=\"\">\n    @let products = products$ | async;\n    @let productValue = product.value;\n\n    <form\n        [formGroup]=\"form\"\n        (ngSubmit)=\"onSubmit()\"\n        ScNextInputFocus\n        class=\"flex flex-col gap-2\"\n    >\n        <label\n            tuiLabel\n            class=\"grow\"\n        >\n            \u0422\u043E\u0432\u0430\u0440\n            <tui-textfield\n                tuiChevron\n                [tuiTextfieldCleaner]=\"false\"\n            >\n                <input\n                    tuiChevron\n                    tuiSelect\n                    [formControl]=\"product\"\n                    placeholder=\"\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u043C\u0430\u0442\u0435\u0440\u0438\u0430\u043B\"\n                />\n\n                <tui-data-list-wrapper\n                    *tuiTextfieldDropdown\n                    new\n                    [items]=\"products\"\n                />\n            </tui-textfield>\n            <tui-error\n                [formControl]=\"product\"\n                [error]=\"[] | tuiFieldError | async\"\n            />\n        </label>\n\n        @if (productValue && productValue.costRub !== undefined) {\n            <div class=\"-mt-1 text-sm text-tui-text-secondary\">\n                <span class=\"font-bold\">{{ productValue.code }}</span>\n                \u2014\n                {{ productValue.costRub.toLocaleString() }} {{ productValue.currency.symbol }}/\u043C\u00B2\n            </div>\n        }\n\n        @if (productValue) {\n            <div class=\"mt-4 mb-3 flex flex-col gap-1.5\">\n                <div class=\"w-full font-bold\">\u0420\u0430\u0437\u043C\u0435\u0440\u044B \u0438\u0437\u0434\u0435\u043B\u0438\u0439</div>\n                <div class=\"flex flex-col gap-1 text-sm text-tui-text-secondary\">\n                    @let wt = widthRangeText();\n                    @let lt = lengthRangeText();\n                    @if (wt) {\n                        <div>\u0428\u0438\u0440\u0438\u043D\u0430 {{ wt }}.</div>\n                    }\n                    @if (lt) {\n                        <div>\u0414\u043B\u0438\u043D\u0430 {{ lt }}.</div>\n                    }\n                </div>\n            </div>\n        }\n\n        <div class=\"flex flex-col gap-3\">\n            <div\n                formArrayName=\"items\"\n                class=\"flex flex-col gap-3\"\n            >\n                @for (item of items.controls; track item) {\n                    @if ($index > 0) {\n                        <hr class=\"border-sc-grey h-px\" />\n                    }\n                    @let itemIndex = $index;\n                    <div\n                        class=\"relative flex flex-col gap-1\"\n                        [formGroupName]=\"itemIndex\"\n                    >\n                        @if (isItemLocked(itemIndex)) {\n                            <div class=\"pointer-events-none absolute right-3 bottom-0 z-10 flex size-8 items-center justify-center\">\n                                <tui-icon\n                                    icon=\"@tui.check\"\n                                    class=\"text-tui-status-positive\"\n                                />\n                            </div>\n                        }\n                        <tui-loader [showLoader]=\"isItemLoading(itemIndex)\">\n                            <div\n                                [class.opacity-70]=\"isItemLocked(itemIndex)\"\n                                class=\"flex min-w-0 items-start gap-2\"\n                            >\n                                <div class=\"flex min-w-0 flex-1 flex-col gap-3\">\n                                    <div class=\"flex flex-col gap-3 lg:!flex-row lg:!items-start lg:!gap-6\">\n                                        <!-- \u0413\u0440\u0443\u043F\u043F\u0430 1: \u0448\u0438\u0440\u0438\u043D\u0430 + \u0434\u043B\u0438\u043D\u0430 -->\n                                        <div class=\"grid grid-cols-1 gap-2 sm:grid-cols-2 lg:!flex-[2]\">\n                                            <label tuiLabel>\n                                                \u0428\u0438\u0440\u0438\u043D\u0430, \u043C\u043C\n                                                <tui-textfield>\n                                                    <input\n                                                        tuiInputSlider\n                                                        formControlName=\"width\"\n                                                        [min]=\"settings()?.minWidth ?? 0\"\n                                                        [max]=\"product.value?.properties?.width ?? 0\"\n                                                        [tuiNumberFormat]=\"{ precision: 0 }\"\n                                                        [readOnly]=\"!product.value || isItemLocked(itemIndex) || isItemLoading(itemIndex)\"\n                                                        [tuiAutoFocus]=\"!$first\"\n                                                        placeholder=\"\u0428\u0438\u0440\u0438\u043D\u0430\"\n                                                        autocomplete=\"off\"\n                                                    />\n                                                    @if (product.value) {\n                                                        <input\n                                                            tuiSlider\n                                                            type=\"range\"\n                                                        />\n                                                    }\n                                                </tui-textfield>\n                                                <tui-error\n                                                    formControlName=\"width\"\n                                                    [error]=\"[] | tuiFieldError | async\"\n                                                />\n                                            </label>\n\n                                            <label tuiLabel>\n                                                \u0414\u043B\u0438\u043D\u0430, \u043C\u043C\n                                                <tui-textfield>\n                                                    <input\n                                                        tuiInputSlider\n                                                        formControlName=\"length\"\n                                                        [min]=\"settings()?.minLength ?? 0\"\n                                                        [max]=\"product.value?.properties?.length ?? 0\"\n                                                        [tuiNumberFormat]=\"{ precision: 0 }\"\n                                                        [readOnly]=\"!product.value || isItemLocked(itemIndex) || isItemLoading(itemIndex)\"\n                                                        placeholder=\"\u0414\u043B\u0438\u043D\u0430\"\n                                                        autocomplete=\"off\"\n                                                    />\n                                                    @if (product.value) {\n                                                        <input\n                                                            tuiSlider\n                                                            type=\"range\"\n                                                        />\n                                                    }\n                                                </tui-textfield>\n                                                <tui-error\n                                                    formControlName=\"length\"\n                                                    [error]=\"[] | tuiFieldError | async\"\n                                                />\n                                            </label>\n                                        </div>\n\n                                        <!-- \u0413\u0440\u0443\u043F\u043F\u0430 2: \u043A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E + \u043C\u0430\u0440\u043A\u0438\u0440\u043E\u0432\u043A\u0430 (\u043D\u0430 lg 1fr | 2fr) -->\n                                        <div class=\"grid grid-cols-1 gap-2 sm:grid-cols-2 lg:!grid-cols-[1fr_2fr] lg:!flex-[3]\">\n                                            <label tuiLabel>\n                                                <span class=\"whitespace-nowrap\">\u041A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E, \u0448\u0442</span>\n                                                <tui-textfield [tuiTextfieldCleaner]=\"false\">\n                                                    <input\n                                                        tuiInputNumber\n                                                        formControlName=\"count\"\n                                                        [min]=\"1\"\n                                                        [tuiNumberFormat]=\"{ precision: 0 }\"\n                                                        [readOnly]=\"!product.value || isItemLocked(itemIndex) || isItemLoading(itemIndex)\"\n                                                        placeholder=\"\u041A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E\"\n                                                        autocomplete=\"off\"\n                                                    />\n                                                </tui-textfield>\n                                                <tui-error\n                                                    formControlName=\"count\"\n                                                    [error]=\"[] | tuiFieldError | async\"\n                                                />\n                                            </label>\n\n                                            <label tuiLabel>\n                                                \u041C\u0430\u0440\u043A\u0438\u0440\u043E\u0432\u043A\u0430\n                                                <tui-textfield>\n                                                    <input\n                                                        tuiTextfield\n                                                        formControlName=\"marker\"\n                                                        [readOnly]=\"!product.value || isItemLocked(itemIndex) || isItemLoading(itemIndex)\"\n                                                        placeholder=\"\u041C\u0430\u0440\u043A\u0438\u0440\u043E\u0432\u043A\u0430\"\n                                                        autocomplete=\"off\"\n                                                    />\n                                                </tui-textfield>\n                                                <tui-error\n                                                    formControlName=\"marker\"\n                                                    [error]=\"[] | tuiFieldError | async\"\n                                                />\n                                            </label>\n                                        </div>\n                                    </div>\n\n                                    @let rowVal = item.getRawValue();\n\n                                    @if (rowVal.width > 0 && rowVal.length > 0) {\n                                        <div class=\"mt-1 flex flex-col gap-y-1 text-sm lg:!flex-row lg:!gap-6\">\n                                            @if (pieceAreaM2(rowVal) > 0) {\n                                                <div class=\"lg:!flex-[2]\">\n                                                    \u041F\u043B\u043E\u0449\u0430\u0434\u044C (S) =\n                                                    <span class=\"font-bold\">{{ pieceAreaM2(rowVal) | number: '1.0-4' }} \u043C\u00B2</span>\n                                                </div>\n                                            }\n                                            @if (productValue && rowCost(rowVal) > 0) {\n                                                <div class=\"lg:!flex-[3]\">\n                                                    \u0418\u0442\u043E\u0433\u043E:\n                                                    <span class=\"font-bold\">{{ rowCost(rowVal).toLocaleString() }} {{ productValue.currency.symbol }}</span>\n                                                </div>\n                                            }\n                                        </div>\n                                    }\n                                </div>\n\n                                @if (!isEditingExistingItem()) {\n                                    <button\n                                        tuiIconButton\n                                        title=\"\u0423\u0434\u0430\u043B\u0438\u0442\u044C \u0438\u0437\u0434\u0435\u043B\u0438\u0435\"\n                                        (click)=\"removeItem(itemIndex)\"\n                                        [disabled]=\"items.length <= 1 || !product.value || isItemLoading(itemIndex)\"\n                                        size=\"m\"\n                                        type=\"button\"\n                                        iconStart=\"@tui.trash-2\"\n                                        appearance=\"secondary\"\n                                        class=\"mt-6 shrink-0 lg:!ml-4\"\n                                        [style.flex]=\"'0 0 auto'\"\n                                    ></button>\n                                }\n                            </div>\n                        </tui-loader>\n                    </div>\n                }\n            </div>\n\n            @if (productValue) {\n                <hr class=\"border-sc-grey h-px\" />\n                <div class=\"min-w-0 gap-1 pt-2 text-right\">\n                    @if (totalAreaM2() > 0) {\n                        <div>\n                            \u041E\u0431\u0449\u0430\u044F \u043F\u043B\u043E\u0449\u0430\u0434\u044C:\n                            <span class=\"font-bold\">{{ totalAreaM2() | number: '1.0-4' }} \u043C\u00B2</span>\n                        </div>\n                    }\n                    @if (productValue.costRub && totalCost() > 0) {\n                        <div>\n                            \u0418\u0442\u043E\u0433\u043E:\n                            <span class=\"whitespace-nowrap text-xl font-bold\"> {{ totalCost().toLocaleString() }} {{ productValue.currency.symbol }} </span>\n                        </div>\n                    }\n                </div>\n            }\n        </div>\n\n        <tui-error [error]=\"[] | tuiFieldError | async\" />\n\n        <div class=\"flex flex-wrap items-center gap-3\">\n            @if (productValue && !isEditingExistingItem()) {\n                <button\n                    tuiButton\n                    appearance=\"secondary\"\n                    [disabled]=\"!product.value || items.invalid\"\n                    (click)=\"addItem()\"\n                    type=\"button\"\n                    iconStart=\"@tui.plus\"\n                >\n                    \u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u0438\u0437\u0434\u0435\u043B\u0438\u0435\n                </button>\n            }\n            <button\n                type=\"submit\"\n                [disabled]=\"form.invalid || isSubmitLoading() || hasNoPendingItems()\"\n                [loading]=\"isSubmitLoading()\"\n                tuiButton\n                class=\"ml-auto\"\n                iconStart=\"@tui.check\"\n            >\n                {{ !orderItem() ? '\u0412 \u043A\u043E\u0440\u0437\u0438\u043D\u0443' : '\u0418\u0437\u043C\u0435\u043D\u0438\u0442\u044C' }}\n            </button>\n        </div>\n    </form>\n</div>\n", styles: [":host{display:block;width:100%;max-width:36rem}.row-summary{color:var(--tui-text-secondary);font-size:.75rem}\n"], dependencies: [{ kind: "directive", type: TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1$1.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "directive", type: i1$1.FormArrayName, selector: "[formArrayName]", inputs: ["formArrayName"] }, { kind: "ngmodule", type: ScNextInputFocusModule }, { kind: "directive", type: ScNextInputFocusDirective, selector: "form[ScNextInputFocus]" }, { kind: "directive", type: TuiLabel, selector: "label[tuiLabel]" }, { kind: "component", type: TuiDataListWrapperComponent, selector: "tui-data-list-wrapper:not([labels]), tui-data-list-wrapper:not([labels])[new]", inputs: ["items", "disabledItemHandler", "emptyContent", "size", "itemContent"], outputs: ["itemClick"] }, { kind: "component", type: TuiError, selector: "tui-error", inputs: ["error"] }, { kind: "component", type: i1$2.TuiTextfieldComponent, selector: "tui-textfield:not([multi])" }, { kind: "directive", type: i1$2.TuiTextfieldDirective, selector: "input[tuiTextfield]:not([tuiInputCard]):not([tuiInputExpire]):not([tuiInputCVC])" }, { kind: "directive", type: i1$2.TuiTextfieldOptionsDirective, selector: "[tuiTextfieldAppearance],[tuiTextfieldSize],[tuiTextfieldCleaner]", inputs: ["tuiTextfieldAppearance", "tuiTextfieldSize", "tuiTextfieldCleaner"] }, { kind: "directive", type: i1$2.TuiTextfieldDropdownDirective, selector: "ng-template[tuiTextfieldDropdown]" }, { kind: "directive", type: TuiChevron, selector: "[tuiChevron]", inputs: ["tuiChevron"] }, { kind: "directive", type: i2$1.TuiSelectDirective, selector: "input[tuiSelect]" }, { kind: "directive", type: i2$1.TuiInputNumberDirective, selector: "input[tuiInputNumber]", inputs: ["min", "max", "prefix", "postfix"] }, { kind: "directive", type: TuiNumberFormat, selector: "[tuiNumberFormat]", inputs: ["tuiNumberFormat"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: DecimalPipe, name: "number" }, { kind: "pipe", type: TuiFieldErrorPipe, name: "tuiFieldError" }, { kind: "component", type: i5$2.TuiSliderComponent, selector: "input[type=range][tuiSlider]", inputs: ["size", "segments"] }, { kind: "directive", type: i2$1.TuiInputSliderDirective, selector: "input[tuiInputSlider]" }, { kind: "directive", type: ScSelectOnFocusinDirective, selector: "tui-input-number, tui-input, tui-input-phone, tui-input-date, tui-input-password, input[tuiInputNumber], input[tuiTextfield], input[tuiInputSlider]" }, { kind: "component", type: TuiLoader, selector: "tui-loader", inputs: ["size", "inheritColor", "overlay", "textContent", "showLoader"] }, { kind: "component", type: TuiButtonLoading, selector: "[tuiButton][loading],[tuiIconButton][loading]", inputs: ["size", "loading"] }, { kind: "component", type: TuiIcon, selector: "tui-icon", inputs: ["icon", "background"] }, { kind: "directive", type: TuiAutoFocus, selector: "[tuiAutoFocus]", inputs: ["tuiAutoFocus"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], ngImport: i0, template: "@if (!orderItem() && settings()?.allowShowTable) {\n    <div class=\"mb-5 flex justify-center\">\n        <button\n            tuiButton\n            appearance=\"secondary\"\n            (click)=\"toggleShowEvent.emit()\"\n            type=\"button\"\n            iconStart=\"@tui.layout-list\"\n        >\n            \u041F\u043E\u043A\u0430\u0437\u0430\u0442\u044C \u0432 \u0432\u0438\u0434\u0435 \u0441\u043F\u0438\u0441\u043A\u0430\n        </button>\n    </div>\n}\n<div class=\"\">\n    @let products = products$ | async;\n    @let productValue = product.value;\n\n    <form\n        [formGroup]=\"form\"\n        (ngSubmit)=\"onSubmit()\"\n        ScNextInputFocus\n        class=\"flex flex-col gap-2\"\n    >\n        <label\n            tuiLabel\n            class=\"grow\"\n        >\n            \u0422\u043E\u0432\u0430\u0440\n            <tui-textfield\n                tuiChevron\n                [tuiTextfieldCleaner]=\"false\"\n            >\n                <input\n                    tuiChevron\n                    tuiSelect\n                    [formControl]=\"product\"\n                    placeholder=\"\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u043C\u0430\u0442\u0435\u0440\u0438\u0430\u043B\"\n                />\n\n                <tui-data-list-wrapper\n                    *tuiTextfieldDropdown\n                    new\n                    [items]=\"products\"\n                />\n            </tui-textfield>\n            <tui-error\n                [formControl]=\"product\"\n                [error]=\"[] | tuiFieldError | async\"\n            />\n        </label>\n\n        @if (productValue && productValue.costRub !== undefined) {\n            <div class=\"-mt-1 text-sm text-tui-text-secondary\">\n                <span class=\"font-bold\">{{ productValue.code }}</span>\n                \u2014\n                {{ productValue.costRub | tuiFormatNumber: moneyFormat | async }} {{ productValue.currency.symbol }}/\u043C\u00B2\n            </div>\n        }\n\n        @if (productValue) {\n            <div class=\"mt-4 mb-3 flex flex-col gap-1.5\">\n                <div class=\"w-full font-bold\">\u0420\u0430\u0437\u043C\u0435\u0440\u044B \u0438\u0437\u0434\u0435\u043B\u0438\u0439</div>\n                <div class=\"flex flex-col gap-1 text-sm text-tui-text-secondary\">\n                    @let wt = widthRangeText();\n                    @let lt = lengthRangeText();\n                    @if (wt) {\n                        <div>\u0428\u0438\u0440\u0438\u043D\u0430 {{ wt }}.</div>\n                    }\n                    @if (lt) {\n                        <div>\u0414\u043B\u0438\u043D\u0430 {{ lt }}.</div>\n                    }\n                </div>\n            </div>\n        }\n\n        <div class=\"flex flex-col gap-3\">\n            <div\n                formArrayName=\"items\"\n                class=\"flex flex-col gap-3\"\n            >\n                @for (item of items.controls; track item) {\n                    @if ($index > 0) {\n                        <hr class=\"border-sc-grey h-px\" />\n                    }\n                    @let itemIndex = $index;\n                    <div\n                        class=\"relative flex flex-col gap-1\"\n                        [formGroupName]=\"itemIndex\"\n                    >\n                        @if (isItemLocked(itemIndex)) {\n                            <div class=\"pointer-events-none absolute right-3 bottom-0 z-10 flex size-8 items-center justify-center\">\n                                <tui-icon\n                                    icon=\"@tui.check\"\n                                    class=\"text-tui-status-positive\"\n                                />\n                            </div>\n                        }\n                        <tui-loader [showLoader]=\"isItemLoading(itemIndex)\">\n                            <div\n                                [class.opacity-70]=\"isItemLocked(itemIndex)\"\n                                class=\"flex min-w-0 items-start gap-2\"\n                            >\n                                <div class=\"flex min-w-0 flex-1 flex-col gap-3\">\n                                    <div class=\"flex flex-col gap-3 lg:!flex-row lg:!items-start lg:!gap-6\">\n                                        <!-- \u0413\u0440\u0443\u043F\u043F\u0430 1: \u0448\u0438\u0440\u0438\u043D\u0430 + \u0434\u043B\u0438\u043D\u0430 -->\n                                        <div class=\"grid grid-cols-1 gap-2 sm:grid-cols-2 lg:!flex-[2]\">\n                                            <label tuiLabel>\n                                                \u0428\u0438\u0440\u0438\u043D\u0430, \u043C\u043C\n                                                <tui-textfield>\n                                                    <input\n                                                        tuiInputSlider\n                                                        formControlName=\"width\"\n                                                        [min]=\"settings()?.minWidth ?? 0\"\n                                                        [max]=\"product.value?.properties?.width ?? 0\"\n                                                        [tuiNumberFormat]=\"{ precision: 0 }\"\n                                                        [readOnly]=\"!product.value || isItemLocked(itemIndex) || isItemLoading(itemIndex)\"\n                                                        [tuiAutoFocus]=\"!$first\"\n                                                        placeholder=\"\u0428\u0438\u0440\u0438\u043D\u0430\"\n                                                        autocomplete=\"off\"\n                                                    />\n                                                    @if (product.value) {\n                                                        <input\n                                                            tuiSlider\n                                                            type=\"range\"\n                                                        />\n                                                    }\n                                                </tui-textfield>\n                                                <tui-error\n                                                    formControlName=\"width\"\n                                                    [error]=\"[] | tuiFieldError | async\"\n                                                />\n                                            </label>\n\n                                            <label tuiLabel>\n                                                \u0414\u043B\u0438\u043D\u0430, \u043C\u043C\n                                                <tui-textfield>\n                                                    <input\n                                                        tuiInputSlider\n                                                        formControlName=\"length\"\n                                                        [min]=\"settings()?.minLength ?? 0\"\n                                                        [max]=\"product.value?.properties?.length ?? 0\"\n                                                        [tuiNumberFormat]=\"{ precision: 0 }\"\n                                                        [readOnly]=\"!product.value || isItemLocked(itemIndex) || isItemLoading(itemIndex)\"\n                                                        placeholder=\"\u0414\u043B\u0438\u043D\u0430\"\n                                                        autocomplete=\"off\"\n                                                    />\n                                                    @if (product.value) {\n                                                        <input\n                                                            tuiSlider\n                                                            type=\"range\"\n                                                        />\n                                                    }\n                                                </tui-textfield>\n                                                <tui-error\n                                                    formControlName=\"length\"\n                                                    [error]=\"[] | tuiFieldError | async\"\n                                                />\n                                            </label>\n                                        </div>\n\n                                        <!-- \u0413\u0440\u0443\u043F\u043F\u0430 2: \u043A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E + \u043C\u0430\u0440\u043A\u0438\u0440\u043E\u0432\u043A\u0430 (\u043D\u0430 lg 1fr | 2fr) -->\n                                        <div class=\"grid grid-cols-1 gap-2 sm:grid-cols-2 lg:!grid-cols-[1fr_2fr] lg:!flex-[3]\">\n                                            <label tuiLabel>\n                                                <span class=\"whitespace-nowrap\">\u041A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E, \u0448\u0442</span>\n                                                <tui-textfield [tuiTextfieldCleaner]=\"false\">\n                                                    <input\n                                                        tuiInputNumber\n                                                        formControlName=\"count\"\n                                                        [min]=\"1\"\n                                                        [tuiNumberFormat]=\"{ precision: 0 }\"\n                                                        [readOnly]=\"!product.value || isItemLocked(itemIndex) || isItemLoading(itemIndex)\"\n                                                        placeholder=\"\u041A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E\"\n                                                        autocomplete=\"off\"\n                                                    />\n                                                </tui-textfield>\n                                                <tui-error\n                                                    formControlName=\"count\"\n                                                    [error]=\"[] | tuiFieldError | async\"\n                                                />\n                                            </label>\n\n                                            <label tuiLabel>\n                                                \u041C\u0430\u0440\u043A\u0438\u0440\u043E\u0432\u043A\u0430\n                                                <tui-textfield>\n                                                    <input\n                                                        tuiTextfield\n                                                        formControlName=\"marker\"\n                                                        [readOnly]=\"!product.value || isItemLocked(itemIndex) || isItemLoading(itemIndex)\"\n                                                        placeholder=\"\u041C\u0430\u0440\u043A\u0438\u0440\u043E\u0432\u043A\u0430\"\n                                                        autocomplete=\"off\"\n                                                    />\n                                                </tui-textfield>\n                                                <tui-error\n                                                    formControlName=\"marker\"\n                                                    [error]=\"[] | tuiFieldError | async\"\n                                                />\n                                            </label>\n                                        </div>\n                                    </div>\n\n                                    @let rowVal = item.getRawValue();\n\n                                    @if (rowVal.width > 0 && rowVal.length > 0) {\n                                        <div class=\"mt-1 flex flex-col gap-y-1 text-sm lg:!flex-row lg:!gap-6\">\n                                            @if (pieceAreaM2(rowVal) > 0) {\n                                                <div class=\"lg:!flex-[2]\">\n                                                    \u041F\u043B\u043E\u0449\u0430\u0434\u044C (S) =\n                                                    <span class=\"font-bold\">{{ pieceAreaM2(rowVal) | tuiFormatNumber: areaFormat | async }} \u043C\u00B2</span>\n                                                </div>\n                                            }\n                                            @if (productValue && rowCost(rowVal) > 0) {\n                                                <div class=\"lg:!flex-[3]\">\n                                                    \u0418\u0442\u043E\u0433\u043E:\n                                                    <span class=\"font-bold\">{{ rowCost(rowVal) | tuiFormatNumber: moneyFormat | async }} {{ productValue.currency.symbol }}</span>\n                                                </div>\n                                            }\n                                        </div>\n                                    }\n                                </div>\n\n                                @if (!isEditingExistingItem()) {\n                                    <button\n                                        tuiIconButton\n                                        title=\"\u0423\u0434\u0430\u043B\u0438\u0442\u044C \u0438\u0437\u0434\u0435\u043B\u0438\u0435\"\n                                        (click)=\"removeItem(itemIndex)\"\n                                        [disabled]=\"items.length <= 1 || !product.value || isItemLoading(itemIndex)\"\n                                        size=\"m\"\n                                        type=\"button\"\n                                        iconStart=\"@tui.trash-2\"\n                                        appearance=\"secondary\"\n                                        class=\"mt-6 shrink-0 lg:!ml-4\"\n                                        [style.flex]=\"'0 0 auto'\"\n                                    ></button>\n                                }\n                            </div>\n                        </tui-loader>\n                    </div>\n                }\n            </div>\n\n            @if (productValue) {\n                <hr class=\"border-sc-grey h-px\" />\n                <div class=\"min-w-0 gap-1 pt-2 text-right\">\n                    @if (totalAreaM2() > 0) {\n                        <div>\n                            \u041E\u0431\u0449\u0430\u044F \u043F\u043B\u043E\u0449\u0430\u0434\u044C:\n                            <span class=\"font-bold\">{{ totalAreaM2() | tuiFormatNumber: areaFormat | async }} \u043C\u00B2</span>\n                        </div>\n                    }\n                    @if (productValue.costRub && totalCost() > 0) {\n                        <div>\n                            \u0418\u0442\u043E\u0433\u043E:\n                            <span class=\"whitespace-nowrap text-xl font-bold\"> {{ totalCost() | tuiFormatNumber: moneyFormat | async }} {{ productValue.currency.symbol }} </span>\n                        </div>\n                    }\n                </div>\n            }\n        </div>\n\n        <tui-error [error]=\"[] | tuiFieldError | async\" />\n\n        <div class=\"flex flex-wrap items-center gap-3\">\n            @if (productValue && !isEditingExistingItem()) {\n                <button\n                    tuiButton\n                    appearance=\"secondary\"\n                    [disabled]=\"!product.value || items.invalid\"\n                    (click)=\"addItem()\"\n                    type=\"button\"\n                    iconStart=\"@tui.plus\"\n                >\n                    \u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u0438\u0437\u0434\u0435\u043B\u0438\u0435\n                </button>\n            }\n            <button\n                type=\"submit\"\n                [disabled]=\"form.invalid || isSubmitLoading() || hasNoPendingItems()\"\n                [loading]=\"isSubmitLoading()\"\n                tuiButton\n                class=\"ml-auto\"\n                iconStart=\"@tui.check\"\n            >\n                {{ !orderItem() ? '\u0412 \u043A\u043E\u0440\u0437\u0438\u043D\u0443' : '\u0418\u0437\u043C\u0435\u043D\u0438\u0442\u044C' }}\n            </button>\n        </div>\n    </form>\n</div>\n", styles: [":host{display:block;width:100%;max-width:36rem}.row-summary{color:var(--tui-text-secondary);font-size:.75rem}\n"], dependencies: [{ kind: "pipe", type: TuiFormatNumberPipe, name: "tuiFormatNumber" }, { kind: "directive", type: TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1$1.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "directive", type: i1$1.FormArrayName, selector: "[formArrayName]", inputs: ["formArrayName"] }, { kind: "ngmodule", type: ScNextInputFocusModule }, { kind: "directive", type: ScNextInputFocusDirective, selector: "form[ScNextInputFocus]" }, { kind: "directive", type: TuiLabel, selector: "label[tuiLabel]" }, { kind: "component", type: TuiDataListWrapperComponent, selector: "tui-data-list-wrapper:not([labels]), tui-data-list-wrapper:not([labels])[new]", inputs: ["items", "disabledItemHandler", "emptyContent", "size", "itemContent"], outputs: ["itemClick"] }, { kind: "component", type: TuiError, selector: "tui-error", inputs: ["error"] }, { kind: "component", type: i1$2.TuiTextfieldComponent, selector: "tui-textfield:not([multi])" }, { kind: "directive", type: i1$2.TuiTextfieldDirective, selector: "input[tuiTextfield]:not([tuiInputCard]):not([tuiInputExpire]):not([tuiInputCVC])" }, { kind: "directive", type: i1$2.TuiTextfieldOptionsDirective, selector: "[tuiTextfieldAppearance],[tuiTextfieldSize],[tuiTextfieldCleaner]", inputs: ["tuiTextfieldAppearance", "tuiTextfieldSize", "tuiTextfieldCleaner"] }, { kind: "directive", type: i1$2.TuiTextfieldDropdownDirective, selector: "ng-template[tuiTextfieldDropdown]" }, { kind: "directive", type: TuiChevron, selector: "[tuiChevron]", inputs: ["tuiChevron"] }, { kind: "directive", type: i2$1.TuiSelectDirective, selector: "input[tuiSelect]" }, { kind: "directive", type: i2$1.TuiInputNumberDirective, selector: "input[tuiInputNumber]", inputs: ["min", "max", "prefix", "postfix"] }, { kind: "directive", type: TuiNumberFormat, selector: "[tuiNumberFormat]", inputs: ["tuiNumberFormat"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: TuiFieldErrorPipe, name: "tuiFieldError" }, { kind: "component", type: i5$2.TuiSliderComponent, selector: "input[type=range][tuiSlider]", inputs: ["size", "segments"] }, { kind: "directive", type: i2$1.TuiInputSliderDirective, selector: "input[tuiInputSlider]" }, { kind: "directive", type: ScSelectOnFocusinDirective, selector: "tui-input-number, tui-input, tui-input-phone, tui-input-date, tui-input-password, input[tuiInputNumber], input[tuiTextfield], input[tuiInputSlider]" }, { kind: "component", type: TuiLoader, selector: "tui-loader", inputs: ["size", "inheritColor", "overlay", "textContent", "showLoader"] }, { kind: "component", type: TuiButtonLoading, selector: "[tuiButton][loading],[tuiIconButton][loading]", inputs: ["size", "loading"] }, { kind: "component", type: TuiIcon, selector: "tui-icon", inputs: ["icon", "background"] }, { kind: "directive", type: TuiAutoFocus, selector: "[tuiAutoFocus]", inputs: ["tuiAutoFocus"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScSandwichM2Component, decorators: [{
             type: Component,
             args: [{ standalone: true, selector: 'sc-sandwich-m2', imports: [
+                        TuiFormatNumberPipe,
                         TuiButton,
                         FormsModule,
                         ReactiveFormsModule,
@@ -7016,7 +7109,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                         TuiInputNumber,
                         TuiNumberFormat,
                         AsyncPipe,
-                        DecimalPipe,
                         TuiFieldErrorPipe,
                         TuiInputSlider,
                         ScSelectOnFocusinDirective,
@@ -7033,7 +7125,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                             stringify: signal((x) => x.name),
                             identityMatcher: signal((a, b) => a.id === b.id),
                         }),
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (!orderItem() && settings()?.allowShowTable) {\n    <div class=\"mb-5 flex justify-center\">\n        <button\n            tuiButton\n            appearance=\"secondary\"\n            (click)=\"toggleShowEvent.emit()\"\n            type=\"button\"\n            iconStart=\"@tui.layout-list\"\n        >\n            \u041F\u043E\u043A\u0430\u0437\u0430\u0442\u044C \u0432 \u0432\u0438\u0434\u0435 \u0441\u043F\u0438\u0441\u043A\u0430\n        </button>\n    </div>\n}\n<div class=\"\">\n    @let products = products$ | async;\n    @let productValue = product.value;\n\n    <form\n        [formGroup]=\"form\"\n        (ngSubmit)=\"onSubmit()\"\n        ScNextInputFocus\n        class=\"flex flex-col gap-2\"\n    >\n        <label\n            tuiLabel\n            class=\"grow\"\n        >\n            \u0422\u043E\u0432\u0430\u0440\n            <tui-textfield\n                tuiChevron\n                [tuiTextfieldCleaner]=\"false\"\n            >\n                <input\n                    tuiChevron\n                    tuiSelect\n                    [formControl]=\"product\"\n                    placeholder=\"\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u043C\u0430\u0442\u0435\u0440\u0438\u0430\u043B\"\n                />\n\n                <tui-data-list-wrapper\n                    *tuiTextfieldDropdown\n                    new\n                    [items]=\"products\"\n                />\n            </tui-textfield>\n            <tui-error\n                [formControl]=\"product\"\n                [error]=\"[] | tuiFieldError | async\"\n            />\n        </label>\n\n        @if (productValue && productValue.costRub !== undefined) {\n            <div class=\"-mt-1 text-sm text-tui-text-secondary\">\n                <span class=\"font-bold\">{{ productValue.code }}</span>\n                \u2014\n                {{ productValue.costRub.toLocaleString() }} {{ productValue.currency.symbol }}/\u043C\u00B2\n            </div>\n        }\n\n        @if (productValue) {\n            <div class=\"mt-4 mb-3 flex flex-col gap-1.5\">\n                <div class=\"w-full font-bold\">\u0420\u0430\u0437\u043C\u0435\u0440\u044B \u0438\u0437\u0434\u0435\u043B\u0438\u0439</div>\n                <div class=\"flex flex-col gap-1 text-sm text-tui-text-secondary\">\n                    @let wt = widthRangeText();\n                    @let lt = lengthRangeText();\n                    @if (wt) {\n                        <div>\u0428\u0438\u0440\u0438\u043D\u0430 {{ wt }}.</div>\n                    }\n                    @if (lt) {\n                        <div>\u0414\u043B\u0438\u043D\u0430 {{ lt }}.</div>\n                    }\n                </div>\n            </div>\n        }\n\n        <div class=\"flex flex-col gap-3\">\n            <div\n                formArrayName=\"items\"\n                class=\"flex flex-col gap-3\"\n            >\n                @for (item of items.controls; track item) {\n                    @if ($index > 0) {\n                        <hr class=\"border-sc-grey h-px\" />\n                    }\n                    @let itemIndex = $index;\n                    <div\n                        class=\"relative flex flex-col gap-1\"\n                        [formGroupName]=\"itemIndex\"\n                    >\n                        @if (isItemLocked(itemIndex)) {\n                            <div class=\"pointer-events-none absolute right-3 bottom-0 z-10 flex size-8 items-center justify-center\">\n                                <tui-icon\n                                    icon=\"@tui.check\"\n                                    class=\"text-tui-status-positive\"\n                                />\n                            </div>\n                        }\n                        <tui-loader [showLoader]=\"isItemLoading(itemIndex)\">\n                            <div\n                                [class.opacity-70]=\"isItemLocked(itemIndex)\"\n                                class=\"flex min-w-0 items-start gap-2\"\n                            >\n                                <div class=\"flex min-w-0 flex-1 flex-col gap-3\">\n                                    <div class=\"flex flex-col gap-3 lg:!flex-row lg:!items-start lg:!gap-6\">\n                                        <!-- \u0413\u0440\u0443\u043F\u043F\u0430 1: \u0448\u0438\u0440\u0438\u043D\u0430 + \u0434\u043B\u0438\u043D\u0430 -->\n                                        <div class=\"grid grid-cols-1 gap-2 sm:grid-cols-2 lg:!flex-[2]\">\n                                            <label tuiLabel>\n                                                \u0428\u0438\u0440\u0438\u043D\u0430, \u043C\u043C\n                                                <tui-textfield>\n                                                    <input\n                                                        tuiInputSlider\n                                                        formControlName=\"width\"\n                                                        [min]=\"settings()?.minWidth ?? 0\"\n                                                        [max]=\"product.value?.properties?.width ?? 0\"\n                                                        [tuiNumberFormat]=\"{ precision: 0 }\"\n                                                        [readOnly]=\"!product.value || isItemLocked(itemIndex) || isItemLoading(itemIndex)\"\n                                                        [tuiAutoFocus]=\"!$first\"\n                                                        placeholder=\"\u0428\u0438\u0440\u0438\u043D\u0430\"\n                                                        autocomplete=\"off\"\n                                                    />\n                                                    @if (product.value) {\n                                                        <input\n                                                            tuiSlider\n                                                            type=\"range\"\n                                                        />\n                                                    }\n                                                </tui-textfield>\n                                                <tui-error\n                                                    formControlName=\"width\"\n                                                    [error]=\"[] | tuiFieldError | async\"\n                                                />\n                                            </label>\n\n                                            <label tuiLabel>\n                                                \u0414\u043B\u0438\u043D\u0430, \u043C\u043C\n                                                <tui-textfield>\n                                                    <input\n                                                        tuiInputSlider\n                                                        formControlName=\"length\"\n                                                        [min]=\"settings()?.minLength ?? 0\"\n                                                        [max]=\"product.value?.properties?.length ?? 0\"\n                                                        [tuiNumberFormat]=\"{ precision: 0 }\"\n                                                        [readOnly]=\"!product.value || isItemLocked(itemIndex) || isItemLoading(itemIndex)\"\n                                                        placeholder=\"\u0414\u043B\u0438\u043D\u0430\"\n                                                        autocomplete=\"off\"\n                                                    />\n                                                    @if (product.value) {\n                                                        <input\n                                                            tuiSlider\n                                                            type=\"range\"\n                                                        />\n                                                    }\n                                                </tui-textfield>\n                                                <tui-error\n                                                    formControlName=\"length\"\n                                                    [error]=\"[] | tuiFieldError | async\"\n                                                />\n                                            </label>\n                                        </div>\n\n                                        <!-- \u0413\u0440\u0443\u043F\u043F\u0430 2: \u043A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E + \u043C\u0430\u0440\u043A\u0438\u0440\u043E\u0432\u043A\u0430 (\u043D\u0430 lg 1fr | 2fr) -->\n                                        <div class=\"grid grid-cols-1 gap-2 sm:grid-cols-2 lg:!grid-cols-[1fr_2fr] lg:!flex-[3]\">\n                                            <label tuiLabel>\n                                                <span class=\"whitespace-nowrap\">\u041A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E, \u0448\u0442</span>\n                                                <tui-textfield [tuiTextfieldCleaner]=\"false\">\n                                                    <input\n                                                        tuiInputNumber\n                                                        formControlName=\"count\"\n                                                        [min]=\"1\"\n                                                        [tuiNumberFormat]=\"{ precision: 0 }\"\n                                                        [readOnly]=\"!product.value || isItemLocked(itemIndex) || isItemLoading(itemIndex)\"\n                                                        placeholder=\"\u041A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E\"\n                                                        autocomplete=\"off\"\n                                                    />\n                                                </tui-textfield>\n                                                <tui-error\n                                                    formControlName=\"count\"\n                                                    [error]=\"[] | tuiFieldError | async\"\n                                                />\n                                            </label>\n\n                                            <label tuiLabel>\n                                                \u041C\u0430\u0440\u043A\u0438\u0440\u043E\u0432\u043A\u0430\n                                                <tui-textfield>\n                                                    <input\n                                                        tuiTextfield\n                                                        formControlName=\"marker\"\n                                                        [readOnly]=\"!product.value || isItemLocked(itemIndex) || isItemLoading(itemIndex)\"\n                                                        placeholder=\"\u041C\u0430\u0440\u043A\u0438\u0440\u043E\u0432\u043A\u0430\"\n                                                        autocomplete=\"off\"\n                                                    />\n                                                </tui-textfield>\n                                                <tui-error\n                                                    formControlName=\"marker\"\n                                                    [error]=\"[] | tuiFieldError | async\"\n                                                />\n                                            </label>\n                                        </div>\n                                    </div>\n\n                                    @let rowVal = item.getRawValue();\n\n                                    @if (rowVal.width > 0 && rowVal.length > 0) {\n                                        <div class=\"mt-1 flex flex-col gap-y-1 text-sm lg:!flex-row lg:!gap-6\">\n                                            @if (pieceAreaM2(rowVal) > 0) {\n                                                <div class=\"lg:!flex-[2]\">\n                                                    \u041F\u043B\u043E\u0449\u0430\u0434\u044C (S) =\n                                                    <span class=\"font-bold\">{{ pieceAreaM2(rowVal) | number: '1.0-4' }} \u043C\u00B2</span>\n                                                </div>\n                                            }\n                                            @if (productValue && rowCost(rowVal) > 0) {\n                                                <div class=\"lg:!flex-[3]\">\n                                                    \u0418\u0442\u043E\u0433\u043E:\n                                                    <span class=\"font-bold\">{{ rowCost(rowVal).toLocaleString() }} {{ productValue.currency.symbol }}</span>\n                                                </div>\n                                            }\n                                        </div>\n                                    }\n                                </div>\n\n                                @if (!isEditingExistingItem()) {\n                                    <button\n                                        tuiIconButton\n                                        title=\"\u0423\u0434\u0430\u043B\u0438\u0442\u044C \u0438\u0437\u0434\u0435\u043B\u0438\u0435\"\n                                        (click)=\"removeItem(itemIndex)\"\n                                        [disabled]=\"items.length <= 1 || !product.value || isItemLoading(itemIndex)\"\n                                        size=\"m\"\n                                        type=\"button\"\n                                        iconStart=\"@tui.trash-2\"\n                                        appearance=\"secondary\"\n                                        class=\"mt-6 shrink-0 lg:!ml-4\"\n                                        [style.flex]=\"'0 0 auto'\"\n                                    ></button>\n                                }\n                            </div>\n                        </tui-loader>\n                    </div>\n                }\n            </div>\n\n            @if (productValue) {\n                <hr class=\"border-sc-grey h-px\" />\n                <div class=\"min-w-0 gap-1 pt-2 text-right\">\n                    @if (totalAreaM2() > 0) {\n                        <div>\n                            \u041E\u0431\u0449\u0430\u044F \u043F\u043B\u043E\u0449\u0430\u0434\u044C:\n                            <span class=\"font-bold\">{{ totalAreaM2() | number: '1.0-4' }} \u043C\u00B2</span>\n                        </div>\n                    }\n                    @if (productValue.costRub && totalCost() > 0) {\n                        <div>\n                            \u0418\u0442\u043E\u0433\u043E:\n                            <span class=\"whitespace-nowrap text-xl font-bold\"> {{ totalCost().toLocaleString() }} {{ productValue.currency.symbol }} </span>\n                        </div>\n                    }\n                </div>\n            }\n        </div>\n\n        <tui-error [error]=\"[] | tuiFieldError | async\" />\n\n        <div class=\"flex flex-wrap items-center gap-3\">\n            @if (productValue && !isEditingExistingItem()) {\n                <button\n                    tuiButton\n                    appearance=\"secondary\"\n                    [disabled]=\"!product.value || items.invalid\"\n                    (click)=\"addItem()\"\n                    type=\"button\"\n                    iconStart=\"@tui.plus\"\n                >\n                    \u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u0438\u0437\u0434\u0435\u043B\u0438\u0435\n                </button>\n            }\n            <button\n                type=\"submit\"\n                [disabled]=\"form.invalid || isSubmitLoading() || hasNoPendingItems()\"\n                [loading]=\"isSubmitLoading()\"\n                tuiButton\n                class=\"ml-auto\"\n                iconStart=\"@tui.check\"\n            >\n                {{ !orderItem() ? '\u0412 \u043A\u043E\u0440\u0437\u0438\u043D\u0443' : '\u0418\u0437\u043C\u0435\u043D\u0438\u0442\u044C' }}\n            </button>\n        </div>\n    </form>\n</div>\n", styles: [":host{display:block;width:100%;max-width:36rem}.row-summary{color:var(--tui-text-secondary);font-size:.75rem}\n"] }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (!orderItem() && settings()?.allowShowTable) {\n    <div class=\"mb-5 flex justify-center\">\n        <button\n            tuiButton\n            appearance=\"secondary\"\n            (click)=\"toggleShowEvent.emit()\"\n            type=\"button\"\n            iconStart=\"@tui.layout-list\"\n        >\n            \u041F\u043E\u043A\u0430\u0437\u0430\u0442\u044C \u0432 \u0432\u0438\u0434\u0435 \u0441\u043F\u0438\u0441\u043A\u0430\n        </button>\n    </div>\n}\n<div class=\"\">\n    @let products = products$ | async;\n    @let productValue = product.value;\n\n    <form\n        [formGroup]=\"form\"\n        (ngSubmit)=\"onSubmit()\"\n        ScNextInputFocus\n        class=\"flex flex-col gap-2\"\n    >\n        <label\n            tuiLabel\n            class=\"grow\"\n        >\n            \u0422\u043E\u0432\u0430\u0440\n            <tui-textfield\n                tuiChevron\n                [tuiTextfieldCleaner]=\"false\"\n            >\n                <input\n                    tuiChevron\n                    tuiSelect\n                    [formControl]=\"product\"\n                    placeholder=\"\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u043C\u0430\u0442\u0435\u0440\u0438\u0430\u043B\"\n                />\n\n                <tui-data-list-wrapper\n                    *tuiTextfieldDropdown\n                    new\n                    [items]=\"products\"\n                />\n            </tui-textfield>\n            <tui-error\n                [formControl]=\"product\"\n                [error]=\"[] | tuiFieldError | async\"\n            />\n        </label>\n\n        @if (productValue && productValue.costRub !== undefined) {\n            <div class=\"-mt-1 text-sm text-tui-text-secondary\">\n                <span class=\"font-bold\">{{ productValue.code }}</span>\n                \u2014\n                {{ productValue.costRub | tuiFormatNumber: moneyFormat | async }} {{ productValue.currency.symbol }}/\u043C\u00B2\n            </div>\n        }\n\n        @if (productValue) {\n            <div class=\"mt-4 mb-3 flex flex-col gap-1.5\">\n                <div class=\"w-full font-bold\">\u0420\u0430\u0437\u043C\u0435\u0440\u044B \u0438\u0437\u0434\u0435\u043B\u0438\u0439</div>\n                <div class=\"flex flex-col gap-1 text-sm text-tui-text-secondary\">\n                    @let wt = widthRangeText();\n                    @let lt = lengthRangeText();\n                    @if (wt) {\n                        <div>\u0428\u0438\u0440\u0438\u043D\u0430 {{ wt }}.</div>\n                    }\n                    @if (lt) {\n                        <div>\u0414\u043B\u0438\u043D\u0430 {{ lt }}.</div>\n                    }\n                </div>\n            </div>\n        }\n\n        <div class=\"flex flex-col gap-3\">\n            <div\n                formArrayName=\"items\"\n                class=\"flex flex-col gap-3\"\n            >\n                @for (item of items.controls; track item) {\n                    @if ($index > 0) {\n                        <hr class=\"border-sc-grey h-px\" />\n                    }\n                    @let itemIndex = $index;\n                    <div\n                        class=\"relative flex flex-col gap-1\"\n                        [formGroupName]=\"itemIndex\"\n                    >\n                        @if (isItemLocked(itemIndex)) {\n                            <div class=\"pointer-events-none absolute right-3 bottom-0 z-10 flex size-8 items-center justify-center\">\n                                <tui-icon\n                                    icon=\"@tui.check\"\n                                    class=\"text-tui-status-positive\"\n                                />\n                            </div>\n                        }\n                        <tui-loader [showLoader]=\"isItemLoading(itemIndex)\">\n                            <div\n                                [class.opacity-70]=\"isItemLocked(itemIndex)\"\n                                class=\"flex min-w-0 items-start gap-2\"\n                            >\n                                <div class=\"flex min-w-0 flex-1 flex-col gap-3\">\n                                    <div class=\"flex flex-col gap-3 lg:!flex-row lg:!items-start lg:!gap-6\">\n                                        <!-- \u0413\u0440\u0443\u043F\u043F\u0430 1: \u0448\u0438\u0440\u0438\u043D\u0430 + \u0434\u043B\u0438\u043D\u0430 -->\n                                        <div class=\"grid grid-cols-1 gap-2 sm:grid-cols-2 lg:!flex-[2]\">\n                                            <label tuiLabel>\n                                                \u0428\u0438\u0440\u0438\u043D\u0430, \u043C\u043C\n                                                <tui-textfield>\n                                                    <input\n                                                        tuiInputSlider\n                                                        formControlName=\"width\"\n                                                        [min]=\"settings()?.minWidth ?? 0\"\n                                                        [max]=\"product.value?.properties?.width ?? 0\"\n                                                        [tuiNumberFormat]=\"{ precision: 0 }\"\n                                                        [readOnly]=\"!product.value || isItemLocked(itemIndex) || isItemLoading(itemIndex)\"\n                                                        [tuiAutoFocus]=\"!$first\"\n                                                        placeholder=\"\u0428\u0438\u0440\u0438\u043D\u0430\"\n                                                        autocomplete=\"off\"\n                                                    />\n                                                    @if (product.value) {\n                                                        <input\n                                                            tuiSlider\n                                                            type=\"range\"\n                                                        />\n                                                    }\n                                                </tui-textfield>\n                                                <tui-error\n                                                    formControlName=\"width\"\n                                                    [error]=\"[] | tuiFieldError | async\"\n                                                />\n                                            </label>\n\n                                            <label tuiLabel>\n                                                \u0414\u043B\u0438\u043D\u0430, \u043C\u043C\n                                                <tui-textfield>\n                                                    <input\n                                                        tuiInputSlider\n                                                        formControlName=\"length\"\n                                                        [min]=\"settings()?.minLength ?? 0\"\n                                                        [max]=\"product.value?.properties?.length ?? 0\"\n                                                        [tuiNumberFormat]=\"{ precision: 0 }\"\n                                                        [readOnly]=\"!product.value || isItemLocked(itemIndex) || isItemLoading(itemIndex)\"\n                                                        placeholder=\"\u0414\u043B\u0438\u043D\u0430\"\n                                                        autocomplete=\"off\"\n                                                    />\n                                                    @if (product.value) {\n                                                        <input\n                                                            tuiSlider\n                                                            type=\"range\"\n                                                        />\n                                                    }\n                                                </tui-textfield>\n                                                <tui-error\n                                                    formControlName=\"length\"\n                                                    [error]=\"[] | tuiFieldError | async\"\n                                                />\n                                            </label>\n                                        </div>\n\n                                        <!-- \u0413\u0440\u0443\u043F\u043F\u0430 2: \u043A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E + \u043C\u0430\u0440\u043A\u0438\u0440\u043E\u0432\u043A\u0430 (\u043D\u0430 lg 1fr | 2fr) -->\n                                        <div class=\"grid grid-cols-1 gap-2 sm:grid-cols-2 lg:!grid-cols-[1fr_2fr] lg:!flex-[3]\">\n                                            <label tuiLabel>\n                                                <span class=\"whitespace-nowrap\">\u041A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E, \u0448\u0442</span>\n                                                <tui-textfield [tuiTextfieldCleaner]=\"false\">\n                                                    <input\n                                                        tuiInputNumber\n                                                        formControlName=\"count\"\n                                                        [min]=\"1\"\n                                                        [tuiNumberFormat]=\"{ precision: 0 }\"\n                                                        [readOnly]=\"!product.value || isItemLocked(itemIndex) || isItemLoading(itemIndex)\"\n                                                        placeholder=\"\u041A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E\"\n                                                        autocomplete=\"off\"\n                                                    />\n                                                </tui-textfield>\n                                                <tui-error\n                                                    formControlName=\"count\"\n                                                    [error]=\"[] | tuiFieldError | async\"\n                                                />\n                                            </label>\n\n                                            <label tuiLabel>\n                                                \u041C\u0430\u0440\u043A\u0438\u0440\u043E\u0432\u043A\u0430\n                                                <tui-textfield>\n                                                    <input\n                                                        tuiTextfield\n                                                        formControlName=\"marker\"\n                                                        [readOnly]=\"!product.value || isItemLocked(itemIndex) || isItemLoading(itemIndex)\"\n                                                        placeholder=\"\u041C\u0430\u0440\u043A\u0438\u0440\u043E\u0432\u043A\u0430\"\n                                                        autocomplete=\"off\"\n                                                    />\n                                                </tui-textfield>\n                                                <tui-error\n                                                    formControlName=\"marker\"\n                                                    [error]=\"[] | tuiFieldError | async\"\n                                                />\n                                            </label>\n                                        </div>\n                                    </div>\n\n                                    @let rowVal = item.getRawValue();\n\n                                    @if (rowVal.width > 0 && rowVal.length > 0) {\n                                        <div class=\"mt-1 flex flex-col gap-y-1 text-sm lg:!flex-row lg:!gap-6\">\n                                            @if (pieceAreaM2(rowVal) > 0) {\n                                                <div class=\"lg:!flex-[2]\">\n                                                    \u041F\u043B\u043E\u0449\u0430\u0434\u044C (S) =\n                                                    <span class=\"font-bold\">{{ pieceAreaM2(rowVal) | tuiFormatNumber: areaFormat | async }} \u043C\u00B2</span>\n                                                </div>\n                                            }\n                                            @if (productValue && rowCost(rowVal) > 0) {\n                                                <div class=\"lg:!flex-[3]\">\n                                                    \u0418\u0442\u043E\u0433\u043E:\n                                                    <span class=\"font-bold\">{{ rowCost(rowVal) | tuiFormatNumber: moneyFormat | async }} {{ productValue.currency.symbol }}</span>\n                                                </div>\n                                            }\n                                        </div>\n                                    }\n                                </div>\n\n                                @if (!isEditingExistingItem()) {\n                                    <button\n                                        tuiIconButton\n                                        title=\"\u0423\u0434\u0430\u043B\u0438\u0442\u044C \u0438\u0437\u0434\u0435\u043B\u0438\u0435\"\n                                        (click)=\"removeItem(itemIndex)\"\n                                        [disabled]=\"items.length <= 1 || !product.value || isItemLoading(itemIndex)\"\n                                        size=\"m\"\n                                        type=\"button\"\n                                        iconStart=\"@tui.trash-2\"\n                                        appearance=\"secondary\"\n                                        class=\"mt-6 shrink-0 lg:!ml-4\"\n                                        [style.flex]=\"'0 0 auto'\"\n                                    ></button>\n                                }\n                            </div>\n                        </tui-loader>\n                    </div>\n                }\n            </div>\n\n            @if (productValue) {\n                <hr class=\"border-sc-grey h-px\" />\n                <div class=\"min-w-0 gap-1 pt-2 text-right\">\n                    @if (totalAreaM2() > 0) {\n                        <div>\n                            \u041E\u0431\u0449\u0430\u044F \u043F\u043B\u043E\u0449\u0430\u0434\u044C:\n                            <span class=\"font-bold\">{{ totalAreaM2() | tuiFormatNumber: areaFormat | async }} \u043C\u00B2</span>\n                        </div>\n                    }\n                    @if (productValue.costRub && totalCost() > 0) {\n                        <div>\n                            \u0418\u0442\u043E\u0433\u043E:\n                            <span class=\"whitespace-nowrap text-xl font-bold\"> {{ totalCost() | tuiFormatNumber: moneyFormat | async }} {{ productValue.currency.symbol }} </span>\n                        </div>\n                    }\n                </div>\n            }\n        </div>\n\n        <tui-error [error]=\"[] | tuiFieldError | async\" />\n\n        <div class=\"flex flex-wrap items-center gap-3\">\n            @if (productValue && !isEditingExistingItem()) {\n                <button\n                    tuiButton\n                    appearance=\"secondary\"\n                    [disabled]=\"!product.value || items.invalid\"\n                    (click)=\"addItem()\"\n                    type=\"button\"\n                    iconStart=\"@tui.plus\"\n                >\n                    \u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u0438\u0437\u0434\u0435\u043B\u0438\u0435\n                </button>\n            }\n            <button\n                type=\"submit\"\n                [disabled]=\"form.invalid || isSubmitLoading() || hasNoPendingItems()\"\n                [loading]=\"isSubmitLoading()\"\n                tuiButton\n                class=\"ml-auto\"\n                iconStart=\"@tui.check\"\n            >\n                {{ !orderItem() ? '\u0412 \u043A\u043E\u0440\u0437\u0438\u043D\u0443' : '\u0418\u0437\u043C\u0435\u043D\u0438\u0442\u044C' }}\n            </button>\n        </div>\n    </form>\n</div>\n", styles: [":host{display:block;width:100%;max-width:36rem}.row-summary{color:var(--tui-text-secondary);font-size:.75rem}\n"] }]
         }], propDecorators: { orderId: [{
                 type: Input
             }] } });
@@ -7077,14 +7169,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
  * Компонент добавления адреса доставки.
  */
 class ScAddDeliveryAddressDialogComponent {
-    /**
-     * Округляет координаты до 6 цифр после запятой.
-     *
-     * @param coords Координаты точки.
-     */
-    static roundCoordinate(coords) {
-        return coords.map((coord) => Math.round(coord * 1e6) / 1e6);
-    }
     /**
      * Инициализирует экземпляр класса {@link ScAddDeliveryAddressDialogComponent}.
      *
@@ -7219,7 +7303,7 @@ class ScAddDeliveryAddressDialogComponent {
      */
     onSelectedAddress(suggestion) {
         if ('addressString' in suggestion && suggestion.geoCoordinates) {
-            const coords = ScAddDeliveryAddressDialogComponent.roundCoordinate([suggestion.geoCoordinates.lat, suggestion.geoCoordinates.long]);
+            const coords = [suggestion.geoCoordinates.lat, suggestion.geoCoordinates.long].map((coord) => ScNumberHelper.roundCoordinate(coord));
             this.addressPlacemark ??= this.createPlacemark(coords);
             this.setGeoCoordinates(coords);
             if (!this.yaMap?.geoObjects.getLength()) {
@@ -7242,8 +7326,8 @@ class ScAddDeliveryAddressDialogComponent {
             this.addressPlacemark.geometry?.setCoordinates(coords);
             this.form.patchValue({
                 coordinates: {
-                    lat: Number(coords[0].toFixed(6)),
-                    long: Number(coords[1].toFixed(6)),
+                    lat: coords[0],
+                    long: coords[1],
                 },
             });
         }
@@ -7279,7 +7363,7 @@ class ScAddDeliveryAddressDialogComponent {
         placemark.events.add('dragend', () => {
             const coord = this.addressPlacemark?.geometry?.getCoordinates();
             if (coord) {
-                this.setGeoCoordinates(ScAddDeliveryAddressDialogComponent.roundCoordinate(coord));
+                this.setGeoCoordinates(coord.map((value) => ScNumberHelper.roundCoordinate(value)));
             }
         });
         return placemark;
@@ -8310,6 +8394,10 @@ class ScOrderItemComponent extends AbstractScPriceCard {
          * Событие нажатия на кнопку редактирования конфигурации.
          */
         this.clickSettings = output();
+        /**
+         * Настройки вывода сумм в рублях.
+         */
+        this.moneyFormat = ScNumberHelper.getMoneyFormat();
         /**
          * Сервис диалогового окна предварительного просмотра.
          */
@@ -8344,7 +8432,7 @@ class ScOrderItemComponent extends AbstractScPriceCard {
                 appearance: signal('textfield'),
             }),
             tuiHintOptionsProvider({ direction: 'top', showDelay: 100, hideDelay: 100 }),
-        ], usesInheritance: true, ngImport: i0, template: "@if (product && orderItem) {\n    <div class=\"@container relative flex w-full gap-4 rounded-xl p-1 text-body-s hover:bg-tui-background-neutral-1\">\n        <sc-noindex-wrapper>\n            @let isDisabled = product.isHidden || product.isNull;\n            <sc-hover-image-carousel\n                (click)=\"isDisabled ? null : clickCardEvent.emit()\"\n                [images]=\"!isMobile ? getCardImagePreviewList(product) : [getCardImagePreview()]\"\n                [isShowActions]=\"false\"\n                class=\"aspect-square w-24 shrink-0 cursor-pointer self-start\"\n            />\n            <div class=\"flex w-full flex-col gap-y-1 gap-x-4 @5xl:flex-row @5xl:items-center @5xl:gap-5\">\n                <div class=\"flex min-w-0 flex-1 flex-col gap-1\">\n                    <div\n                        [tuiHighlight]=\"(search$ | async) ?? ''\"\n                        class=\"text-tui-text-02\"\n                    >\n                        \u0410\u0440\u0442\u0438\u043A\u0443\u043B: {{ product.code }}\n                    </div>\n                    <div class=\"flex flex-col gap-1\">\n                        <a\n                            tuiLink\n                            [attr.href]=\"href ?? null\"\n                            [tuiHighlight]=\"(search$ | async) ?? ''\"\n                            (click)=\"$event.preventDefault(); clickCardEvent.emit()\"\n                            [class.disabled]=\"isDisabled\"\n                            class=\"!text-body-m-bold\"\n                        >\n                            {{ product.name }}\n                        </a>\n                        @if (product.supplierSku) {\n                            <span class=\"text-tui-text-02\"> \u0410\u0440\u0442\u0438\u043A\u0443\u043B \u043F\u0440\u043E\u0438\u0437\u0432\u043E\u0434\u0438\u0442\u0435\u043B\u044F: {{ product.supplierSku }} </span>\n                        }\n                        @if (product.pack) {\n                            <div class=\"flex items-center gap-1 text-tui-text-02\">\n                                \u041D\u043E\u0440\u043C\u0430 \u0443\u043F\u0430\u043A\u043E\u0432\u043A\u0438: {{ product.pack }}\n                                @if (product.ignoreMinCountCheck) {\n                                    <tui-icon\n                                        icon=\"@tui.package\"\n                                        [tuiHint]=\"minCountHint\"\n                                        [tuiHintShowDelay]=\"100\"\n                                        tuiHintDirection=\"top\"\n                                        class=\"text-body-xl text-tui-text-01 opacity-90\"\n                                    />\n                                    <ng-template #minCountHint>\n                                        \u0414\u043E\u0441\u0442\u0443\u043F\u0435\u043D \u0437\u0430\u043A\u0430\u0437 <br />\n                                        \u043F\u0440\u043E\u0438\u0437\u0432\u043E\u043B\u044C\u043D\u043E\u0433\u043E <br />\n                                        \u043A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u0430\n                                    </ng-template>\n                                }\n                            </div>\n                        }\n\n                        <sc-cost-with-discount\n                            scPrint=\"cost\"\n                            [product]=\"product\"\n                        />\n                    </div>\n                    @if (orderItem.specificationImgUrl) {\n                        <a\n                            tuiLink\n                            (click)=\"showSpecification(specificationPreview)\"\n                            [class.disabled]=\"isDisabled\"\n                        >\n                            \u0421\u043F\u0435\u0446\u0438\u0444\u0438\u043A\u0430\u0446\u0438\u044F\n                        </a>\n                    }\n                    <ng-template\n                        #specificationPreview\n                        let-preview\n                    >\n                        <tui-preview\n                            [rotatable]=\"false\"\n                            [zoomable]=\"false\"\n                        >\n                            <img\n                                *polymorpheusOutlet=\"orderItem.specificationImgUrl as src\"\n                                alt=\"preview\"\n                                [src]=\"orderItem.specificationImgUrl\"\n                            />\n                            <button\n                                iconStart=\"@tui.x\"\n                                title=\"Close\"\n                                tuiIconButton\n                                tuiPreviewAction\n                                type=\"button\"\n                                (click)=\"preview.complete()\"\n                            ></button>\n                        </tui-preview>\n                    </ng-template>\n                </div>\n                <div class=\"grid grid-cols-1 @lg:grid-cols-3 gap-2 @2xl:gap-4 @2xl:grid-rows-1\">\n                    <div class=\"grid grid-cols-1 items-center @lg:gap-2 @2xl:grid-cols-2 @lg:col-span-2\">\n                        <!-- \u041A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E \u0442\u043E\u0432\u0430\u0440\u0430. -->\n                        @if (isShowEditControls() && showQuantityControl) {\n                            <!-- \u041F\u043E\u043B\u0435 \u0432\u0432\u043E\u0434\u0430 \u043A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u0430 \u0442\u043E\u0432\u0430\u0440\u0430. -->\n                            <sc-input-quantity\n                                #inputQuantity\n                                [tuiAutoFocus]=\"autoFocuseQuantityInput()\"\n                                [formControl]=\"quantityControl\"\n                                size=\"m\"\n                                [showCross]=\"false\"\n                                [isDisabled]=\"isDisabled\"\n                                [step]=\"ScUnitsHelper.getProductMultiplicity(product)\"\n                                [ignoreStepValidators]=\"product.ignoreMinCountCheck\"\n                                [showLoader]=\"showLoader()\"\n                                (clickClearEvent)=\"clickClearEvent.emit(orderItem)\"\n                                (keydown.enter)=\"inputQuantity.nativeFocusableElement?.blur()\"\n                                class=\"w-32 shrink-0\"\n                            />\n                        } @else {\n                            <button\n                                [appearance]=\"isShowEditControls() ? 'action-grayscale' : ''\"\n                                tuiTheme=\"light\"\n                                tuiHint=\"\u0414\u043B\u044F \u0438\u0437\u043C\u0435\u043D\u0435\u043D\u0438\u044F \u043A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u0430 \u0432\u043E\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0439\u0442\u0435\u0441\u044C \u043A\u043E\u043D\u0444\u0438\u0433\u0443\u0440\u0430\u0442\u043E\u0440\u043E\u043C\"\n                                (tuiHintVisible)=\"configuratorHintVisible($event)\"\n                                tuiLink\n                                [style.text-decoration-line]=\"isShowEditControls() ? 'underline' : 'none'\"\n                                [class.pointer-events-none]=\"!isShowEditControls()\"\n                            >\n                                <div class=\"!text-body-m text-start\">\n                                    \u041A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E:\n                                    <strong> {{ orderItem.quantity }} \u0448\u0442.</strong>\n                                </div>\n                            </button>\n                        }\n\n                        @let showAdditionalInfo = orderItem.configurator || orderItem.height || orderItem.length || orderItem.width || orderItem.marker;\n                        @if (showAdditionalInfo) {\n                            <div class=\"flex items-center gap-2 @lg:gap-3 max-w-min\">\n                                <!-- \u041A\u043D\u043E\u043F\u043A\u0430 \u0440\u0435\u0434\u0430\u043A\u0442\u0438\u0440\u043E\u0432\u0430\u043D\u0438\u044F \u0442\u043E\u0432\u0430\u0440\u0430. -->\n                                @if (isShowEditControls()) {\n                                    <button\n                                        tuiIconButton\n                                        iconStart=\"@tui.settings\"\n                                        [disabled]=\"isDisabled\"\n                                        [loading]=\"showLoader()\"\n                                        (click)=\"clickSettings.emit()\"\n                                        size=\"s\"\n                                        [appearance]=\"isConfiguratorHintVisible() ? 'primary' : 'secondary'\"\n                                        class=\"shrink-0\"\n                                    ></button>\n                                }\n\n                                <!-- \u0414\u043E\u043F\u043E\u043B\u043D\u0438\u0442\u0435\u043B\u044C\u043D\u0430\u044F \u0438\u043D\u0444\u043E\u0440\u043C\u0430\u0446\u0438\u044F \u043E \u0442\u043E\u0432\u0430\u0440\u0435. -->\n                                <div\n                                    class=\"flex flex-col gap-x-1 text-tui-base-07\"\n                                    [class.text-body-m]=\"!isShowEditControls()\"\n                                >\n                                    @if (orderItem.marker) {\n                                        <p>\u041C\u0430\u0440\u043A\u0438\u0440\u043E\u0432\u043A\u0430: {{ orderItem.marker }}</p>\n                                    }\n                                    @if (orderItem.width) {\n                                        <button\n                                            [appearance]=\"isShowEditControls() ? 'action-grayscale' : ''\"\n                                            tuiTheme=\"light\"\n                                            tuiHint=\"\u0414\u043B\u044F \u0438\u0437\u043C\u0435\u043D\u0435\u043D\u0438\u044F \u0448\u0438\u0440\u0438\u043D\u044B \u0432\u043E\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0439\u0442\u0435\u0441\u044C \u043A\u043E\u043D\u0444\u0438\u0433\u0443\u0440\u0430\u0442\u043E\u0440\u043E\u043C\"\n                                            (tuiHintVisible)=\"configuratorHintVisible($event)\"\n                                            tuiLink\n                                            [style.text-decoration-line]=\"isShowEditControls() ? 'underline' : 'none'\"\n                                            [class.pointer-events-none]=\"!isShowEditControls()\"\n                                            class=\"text-body-s self-start whitespace-nowrap\"\n                                        >\n                                            \u0428\u0438\u0440\u0438\u043D\u0430: <span class=\"text-body-s-bold\">{{ orderItem.width }} \u043C.</span>\n                                        </button>\n                                    }\n                                    @if (orderItem.height) {\n                                        <button\n                                            [appearance]=\"isShowEditControls() ? 'action-grayscale' : ''\"\n                                            tuiTheme=\"light\"\n                                            tuiHint=\"\u0414\u043B\u044F \u0438\u0437\u043C\u0435\u043D\u0435\u043D\u0438\u044F \u0432\u044B\u0441\u043E\u0442\u044B \u0432\u043E\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0439\u0442\u0435\u0441\u044C \u043A\u043E\u043D\u0444\u0438\u0433\u0443\u0440\u0430\u0442\u043E\u0440\u043E\u043C\"\n                                            (tuiHintVisible)=\"configuratorHintVisible($event)\"\n                                            tuiLink\n                                            [style.text-decoration-line]=\"isShowEditControls() ? 'underline' : 'none'\"\n                                            [class.pointer-events-none]=\"!isShowEditControls()\"\n                                            class=\"text-body-s self-start whitespace-nowrap\"\n                                        >\n                                            \u0412\u044B\u0441\u043E\u0442\u0430: <span class=\"text-body-s-bold\">{{ orderItem.height }} \u043C.</span>\n                                        </button>\n                                    } @else if (orderItem.length) {\n                                        <button\n                                            [appearance]=\"isShowEditControls() ? 'action-grayscale' : ''\"\n                                            tuiTheme=\"light\"\n                                            tuiHint=\"\u0414\u043B\u044F \u0438\u0437\u043C\u0435\u043D\u0435\u043D\u0438\u044F \u0434\u043B\u0438\u043D\u044B \u0432\u043E\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0439\u0442\u0435\u0441\u044C \u043A\u043E\u043D\u0444\u0438\u0433\u0443\u0440\u0430\u0442\u043E\u0440\u043E\u043C\"\n                                            (tuiHintVisible)=\"configuratorHintVisible($event)\"\n                                            tuiLink\n                                            [style.text-decoration-line]=\"isShowEditControls() ? 'underline' : 'none'\"\n                                            [class.pointer-events-none]=\"!isShowEditControls()\"\n                                            class=\"text-body-s self-start whitespace-nowrap\"\n                                        >\n                                            \u0414\u043B\u0438\u043D\u0430: <span class=\"text-body-s-bold\">{{ orderItem.length }} \u043C.</span>\n                                        </button>\n                                    }\n                                </div>\n                            </div>\n                        }\n                    </div>\n\n                    <!-- \u0421\u0443\u043C\u043C\u0430 \u0442\u043E\u0432\u0430\u0440\u0430 \u0438 \u0441\u043A\u043B\u0430\u0434\u0441\u043A\u043E\u0435 \u043D\u0430\u043B\u0438\u0447\u0438\u0435. -->\n                    <div\n                        scPrint=\"cost\"\n                        class=\"flex min-w-[11rem] flex-col @lg:justify-end @2xl:!justify-center text-body-m\"\n                    >\n                        <p class=\"whitespace-nowrap\">\n                            \u0421\u0443\u043C\u043C\u0430:\n                            <strong> {{ orderItem.costRub | tuiFormatNumber: { precision: 2, decimalSeparator: '.', rounding: 'ceil' } | async }} {{ 'RUB' | tuiCurrency }}</strong>\n                        </p>\n                        <sc-price-warehouse-stock\n                            scPrint=\"defaultNoPrint\"\n                            [product]=\"product\"\n                        />\n                    </div>\n                </div>\n            </div>\n        </sc-noindex-wrapper>\n    </div>\n} @else {\n    <div class=\"tui-skeleton flex h-[8.25rem] w-full overflow-hidden rounded-xl\"></div>\n}\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i2$2.AsyncPipe, name: "async" }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "component", type: TuiIcon, selector: "tui-icon", inputs: ["icon", "background"] }, { kind: "ngmodule", type: TuiTextfieldControllerModule }, { kind: "directive", type: i2$3.PolymorpheusOutlet, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$2.TuiHintDirective, selector: "[tuiHint]:not(ng-container):not(ng-template)", inputs: ["tuiHintContext", "tuiHintAppearance", "tuiHint"], outputs: ["tuiHintVisible"] }, { kind: "directive", type: TuiLink, selector: "a[tuiLink], button[tuiLink]", inputs: ["pseudo"] }, { kind: "directive", type: TuiHighlight, selector: "[tuiHighlight]", inputs: ["tuiHighlight", "tuiHighlightColor"] }, { kind: "directive", type: TuiAutoFocus, selector: "[tuiAutoFocus]", inputs: ["tuiAutoFocus"] }, { kind: "component", type: ScHoverImageCarouselComponent, selector: "sc-hover-image-carousel", inputs: ["images", "isShowActions", "productName"] }, { kind: "component", type: CostWithDiscountComponent, selector: "sc-cost-with-discount", inputs: ["product", "size"] }, { kind: "component", type: ScPriceWarehouseStockComponent, selector: "sc-price-warehouse-stock", inputs: ["classList", "product", "withStockHint", "fromMain"] }, { kind: "component", type: ScInputQuantityComponent, selector: "sc-input-quantity", inputs: ["step", "showLoader", "showCross", "ignoreStepValidators", "appearance", "isDisabled", "size"], outputs: ["clickClearEvent"] }, { kind: "pipe", type: TuiCurrencyPipe, name: "tuiCurrency" }, { kind: "pipe", type: TuiFormatNumberPipe, name: "tuiFormatNumber" }, { kind: "component", type: i2$1.TuiPreviewComponent, selector: "tui-preview", inputs: ["zoomable", "rotatable", "initialScale"] }, { kind: "directive", type: i2$1.TuiPreviewAction, selector: "[tuiPreviewAction]" }, { kind: "component", type: ScNoindexWrapperComponent, selector: "sc-noindex-wrapper" }, { kind: "component", type: TuiButtonLoading, selector: "[tuiButton][loading],[tuiIconButton][loading]", inputs: ["size", "loading"] }, { kind: "directive", type: ScPrintDirective, selector: "[scPrint]", inputs: ["scPrint"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], usesInheritance: true, ngImport: i0, template: "@if (product && orderItem) {\n    <div class=\"@container relative flex w-full gap-4 rounded-xl p-1 text-body-s hover:bg-tui-background-neutral-1\">\n        <sc-noindex-wrapper>\n            @let isDisabled = product.isHidden || product.isNull;\n            <sc-hover-image-carousel\n                (click)=\"isDisabled ? null : clickCardEvent.emit()\"\n                [images]=\"!isMobile ? getCardImagePreviewList(product) : [getCardImagePreview()]\"\n                [isShowActions]=\"false\"\n                class=\"aspect-square w-24 shrink-0 cursor-pointer self-start\"\n            />\n            <div class=\"flex w-full flex-col gap-y-1 gap-x-4 @5xl:flex-row @5xl:items-center @5xl:gap-5\">\n                <div class=\"flex min-w-0 flex-1 flex-col gap-1\">\n                    <div\n                        [tuiHighlight]=\"(search$ | async) ?? ''\"\n                        class=\"text-tui-text-02\"\n                    >\n                        \u0410\u0440\u0442\u0438\u043A\u0443\u043B: {{ product.code }}\n                    </div>\n                    <div class=\"flex flex-col gap-1\">\n                        <a\n                            tuiLink\n                            [attr.href]=\"href ?? null\"\n                            [tuiHighlight]=\"(search$ | async) ?? ''\"\n                            (click)=\"$event.preventDefault(); clickCardEvent.emit()\"\n                            [class.disabled]=\"isDisabled\"\n                            class=\"!text-body-m-bold\"\n                        >\n                            {{ product.name }}\n                        </a>\n                        @if (product.supplierSku) {\n                            <span class=\"text-tui-text-02\"> \u0410\u0440\u0442\u0438\u043A\u0443\u043B \u043F\u0440\u043E\u0438\u0437\u0432\u043E\u0434\u0438\u0442\u0435\u043B\u044F: {{ product.supplierSku }} </span>\n                        }\n                        @if (product.pack) {\n                            <div class=\"flex items-center gap-1 text-tui-text-02\">\n                                \u041D\u043E\u0440\u043C\u0430 \u0443\u043F\u0430\u043A\u043E\u0432\u043A\u0438: {{ product.pack }}\n                                @if (product.ignoreMinCountCheck) {\n                                    <tui-icon\n                                        icon=\"@tui.package\"\n                                        [tuiHint]=\"minCountHint\"\n                                        [tuiHintShowDelay]=\"100\"\n                                        tuiHintDirection=\"top\"\n                                        class=\"text-body-xl text-tui-text-01 opacity-90\"\n                                    />\n                                    <ng-template #minCountHint>\n                                        \u0414\u043E\u0441\u0442\u0443\u043F\u0435\u043D \u0437\u0430\u043A\u0430\u0437 <br />\n                                        \u043F\u0440\u043E\u0438\u0437\u0432\u043E\u043B\u044C\u043D\u043E\u0433\u043E <br />\n                                        \u043A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u0430\n                                    </ng-template>\n                                }\n                            </div>\n                        }\n\n                        <sc-cost-with-discount\n                            scPrint=\"cost\"\n                            [product]=\"product\"\n                        />\n                    </div>\n                    @if (orderItem.specificationImgUrl) {\n                        <a\n                            tuiLink\n                            (click)=\"showSpecification(specificationPreview)\"\n                            [class.disabled]=\"isDisabled\"\n                        >\n                            \u0421\u043F\u0435\u0446\u0438\u0444\u0438\u043A\u0430\u0446\u0438\u044F\n                        </a>\n                    }\n                    <ng-template\n                        #specificationPreview\n                        let-preview\n                    >\n                        <tui-preview\n                            [rotatable]=\"false\"\n                            [zoomable]=\"false\"\n                        >\n                            <img\n                                *polymorpheusOutlet=\"orderItem.specificationImgUrl as src\"\n                                alt=\"preview\"\n                                [src]=\"orderItem.specificationImgUrl\"\n                            />\n                            <button\n                                iconStart=\"@tui.x\"\n                                title=\"Close\"\n                                tuiIconButton\n                                tuiPreviewAction\n                                type=\"button\"\n                                (click)=\"preview.complete()\"\n                            ></button>\n                        </tui-preview>\n                    </ng-template>\n                </div>\n                <div class=\"grid grid-cols-1 @lg:grid-cols-3 gap-2 @2xl:gap-4 @2xl:grid-rows-1\">\n                    <div class=\"grid grid-cols-1 items-center @lg:gap-2 @2xl:grid-cols-2 @lg:col-span-2\">\n                        <!-- \u041A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E \u0442\u043E\u0432\u0430\u0440\u0430. -->\n                        @if (isShowEditControls() && showQuantityControl) {\n                            <!-- \u041F\u043E\u043B\u0435 \u0432\u0432\u043E\u0434\u0430 \u043A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u0430 \u0442\u043E\u0432\u0430\u0440\u0430. -->\n                            <sc-input-quantity\n                                #inputQuantity\n                                [tuiAutoFocus]=\"autoFocuseQuantityInput()\"\n                                [formControl]=\"quantityControl\"\n                                size=\"m\"\n                                [showCross]=\"false\"\n                                [isDisabled]=\"isDisabled\"\n                                [step]=\"ScUnitsHelper.getProductMultiplicity(product)\"\n                                [ignoreStepValidators]=\"product.ignoreMinCountCheck\"\n                                [showLoader]=\"showLoader()\"\n                                (clickClearEvent)=\"clickClearEvent.emit(orderItem)\"\n                                (keydown.enter)=\"inputQuantity.nativeFocusableElement?.blur()\"\n                                class=\"w-32 shrink-0\"\n                            />\n                        } @else {\n                            <button\n                                [appearance]=\"isShowEditControls() ? 'action-grayscale' : ''\"\n                                tuiTheme=\"light\"\n                                tuiHint=\"\u0414\u043B\u044F \u0438\u0437\u043C\u0435\u043D\u0435\u043D\u0438\u044F \u043A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u0430 \u0432\u043E\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0439\u0442\u0435\u0441\u044C \u043A\u043E\u043D\u0444\u0438\u0433\u0443\u0440\u0430\u0442\u043E\u0440\u043E\u043C\"\n                                (tuiHintVisible)=\"configuratorHintVisible($event)\"\n                                tuiLink\n                                [style.text-decoration-line]=\"isShowEditControls() ? 'underline' : 'none'\"\n                                [class.pointer-events-none]=\"!isShowEditControls()\"\n                            >\n                                <div class=\"!text-body-m text-start\">\n                                    \u041A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E:\n                                    <strong> {{ orderItem.quantity }} \u0448\u0442.</strong>\n                                </div>\n                            </button>\n                        }\n\n                        @let showAdditionalInfo = orderItem.configurator || orderItem.height || orderItem.length || orderItem.width || orderItem.marker;\n                        @if (showAdditionalInfo) {\n                            <div class=\"flex items-center gap-2 @lg:gap-3 max-w-min\">\n                                <!-- \u041A\u043D\u043E\u043F\u043A\u0430 \u0440\u0435\u0434\u0430\u043A\u0442\u0438\u0440\u043E\u0432\u0430\u043D\u0438\u044F \u0442\u043E\u0432\u0430\u0440\u0430. -->\n                                @if (isShowEditControls()) {\n                                    <button\n                                        tuiIconButton\n                                        iconStart=\"@tui.settings\"\n                                        [disabled]=\"isDisabled\"\n                                        [loading]=\"showLoader()\"\n                                        (click)=\"clickSettings.emit()\"\n                                        size=\"s\"\n                                        [appearance]=\"isConfiguratorHintVisible() ? 'primary' : 'secondary'\"\n                                        class=\"shrink-0\"\n                                    ></button>\n                                }\n\n                                <!-- \u0414\u043E\u043F\u043E\u043B\u043D\u0438\u0442\u0435\u043B\u044C\u043D\u0430\u044F \u0438\u043D\u0444\u043E\u0440\u043C\u0430\u0446\u0438\u044F \u043E \u0442\u043E\u0432\u0430\u0440\u0435. -->\n                                <div\n                                    class=\"flex flex-col gap-x-1 text-tui-base-07\"\n                                    [class.text-body-m]=\"!isShowEditControls()\"\n                                >\n                                    @if (orderItem.marker) {\n                                        <p>\u041C\u0430\u0440\u043A\u0438\u0440\u043E\u0432\u043A\u0430: {{ orderItem.marker }}</p>\n                                    }\n                                    @if (orderItem.width) {\n                                        <button\n                                            [appearance]=\"isShowEditControls() ? 'action-grayscale' : ''\"\n                                            tuiTheme=\"light\"\n                                            tuiHint=\"\u0414\u043B\u044F \u0438\u0437\u043C\u0435\u043D\u0435\u043D\u0438\u044F \u0448\u0438\u0440\u0438\u043D\u044B \u0432\u043E\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0439\u0442\u0435\u0441\u044C \u043A\u043E\u043D\u0444\u0438\u0433\u0443\u0440\u0430\u0442\u043E\u0440\u043E\u043C\"\n                                            (tuiHintVisible)=\"configuratorHintVisible($event)\"\n                                            tuiLink\n                                            [style.text-decoration-line]=\"isShowEditControls() ? 'underline' : 'none'\"\n                                            [class.pointer-events-none]=\"!isShowEditControls()\"\n                                            class=\"text-body-s self-start whitespace-nowrap\"\n                                        >\n                                            \u0428\u0438\u0440\u0438\u043D\u0430: <span class=\"text-body-s-bold\">{{ orderItem.width }} \u043C.</span>\n                                        </button>\n                                    }\n                                    @if (orderItem.height) {\n                                        <button\n                                            [appearance]=\"isShowEditControls() ? 'action-grayscale' : ''\"\n                                            tuiTheme=\"light\"\n                                            tuiHint=\"\u0414\u043B\u044F \u0438\u0437\u043C\u0435\u043D\u0435\u043D\u0438\u044F \u0432\u044B\u0441\u043E\u0442\u044B \u0432\u043E\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0439\u0442\u0435\u0441\u044C \u043A\u043E\u043D\u0444\u0438\u0433\u0443\u0440\u0430\u0442\u043E\u0440\u043E\u043C\"\n                                            (tuiHintVisible)=\"configuratorHintVisible($event)\"\n                                            tuiLink\n                                            [style.text-decoration-line]=\"isShowEditControls() ? 'underline' : 'none'\"\n                                            [class.pointer-events-none]=\"!isShowEditControls()\"\n                                            class=\"text-body-s self-start whitespace-nowrap\"\n                                        >\n                                            \u0412\u044B\u0441\u043E\u0442\u0430: <span class=\"text-body-s-bold\">{{ orderItem.height }} \u043C.</span>\n                                        </button>\n                                    } @else if (orderItem.length) {\n                                        <button\n                                            [appearance]=\"isShowEditControls() ? 'action-grayscale' : ''\"\n                                            tuiTheme=\"light\"\n                                            tuiHint=\"\u0414\u043B\u044F \u0438\u0437\u043C\u0435\u043D\u0435\u043D\u0438\u044F \u0434\u043B\u0438\u043D\u044B \u0432\u043E\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0439\u0442\u0435\u0441\u044C \u043A\u043E\u043D\u0444\u0438\u0433\u0443\u0440\u0430\u0442\u043E\u0440\u043E\u043C\"\n                                            (tuiHintVisible)=\"configuratorHintVisible($event)\"\n                                            tuiLink\n                                            [style.text-decoration-line]=\"isShowEditControls() ? 'underline' : 'none'\"\n                                            [class.pointer-events-none]=\"!isShowEditControls()\"\n                                            class=\"text-body-s self-start whitespace-nowrap\"\n                                        >\n                                            \u0414\u043B\u0438\u043D\u0430: <span class=\"text-body-s-bold\">{{ orderItem.length }} \u043C.</span>\n                                        </button>\n                                    }\n                                </div>\n                            </div>\n                        }\n                    </div>\n\n                    <!-- \u0421\u0443\u043C\u043C\u0430 \u0442\u043E\u0432\u0430\u0440\u0430 \u0438 \u0441\u043A\u043B\u0430\u0434\u0441\u043A\u043E\u0435 \u043D\u0430\u043B\u0438\u0447\u0438\u0435. -->\n                    <div\n                        scPrint=\"cost\"\n                        class=\"flex min-w-[11rem] flex-col @lg:justify-end @2xl:!justify-center text-body-m\"\n                    >\n                        <p class=\"whitespace-nowrap\">\n                            \u0421\u0443\u043C\u043C\u0430:\n                            <strong> {{ orderItem.costRub | tuiFormatNumber: moneyFormat | 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,
@@ -8381,7 +8469,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                             appearance: signal('textfield'),
                         }),
                         tuiHintOptionsProvider({ direction: 'top', showDelay: 100, hideDelay: 100 }),
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (product && orderItem) {\n    <div class=\"@container relative flex w-full gap-4 rounded-xl p-1 text-body-s hover:bg-tui-background-neutral-1\">\n        <sc-noindex-wrapper>\n            @let isDisabled = product.isHidden || product.isNull;\n            <sc-hover-image-carousel\n                (click)=\"isDisabled ? null : clickCardEvent.emit()\"\n                [images]=\"!isMobile ? getCardImagePreviewList(product) : [getCardImagePreview()]\"\n                [isShowActions]=\"false\"\n                class=\"aspect-square w-24 shrink-0 cursor-pointer self-start\"\n            />\n            <div class=\"flex w-full flex-col gap-y-1 gap-x-4 @5xl:flex-row @5xl:items-center @5xl:gap-5\">\n                <div class=\"flex min-w-0 flex-1 flex-col gap-1\">\n                    <div\n                        [tuiHighlight]=\"(search$ | async) ?? ''\"\n                        class=\"text-tui-text-02\"\n                    >\n                        \u0410\u0440\u0442\u0438\u043A\u0443\u043B: {{ product.code }}\n                    </div>\n                    <div class=\"flex flex-col gap-1\">\n                        <a\n                            tuiLink\n                            [attr.href]=\"href ?? null\"\n                            [tuiHighlight]=\"(search$ | async) ?? ''\"\n                            (click)=\"$event.preventDefault(); clickCardEvent.emit()\"\n                            [class.disabled]=\"isDisabled\"\n                            class=\"!text-body-m-bold\"\n                        >\n                            {{ product.name }}\n                        </a>\n                        @if (product.supplierSku) {\n                            <span class=\"text-tui-text-02\"> \u0410\u0440\u0442\u0438\u043A\u0443\u043B \u043F\u0440\u043E\u0438\u0437\u0432\u043E\u0434\u0438\u0442\u0435\u043B\u044F: {{ product.supplierSku }} </span>\n                        }\n                        @if (product.pack) {\n                            <div class=\"flex items-center gap-1 text-tui-text-02\">\n                                \u041D\u043E\u0440\u043C\u0430 \u0443\u043F\u0430\u043A\u043E\u0432\u043A\u0438: {{ product.pack }}\n                                @if (product.ignoreMinCountCheck) {\n                                    <tui-icon\n                                        icon=\"@tui.package\"\n                                        [tuiHint]=\"minCountHint\"\n                                        [tuiHintShowDelay]=\"100\"\n                                        tuiHintDirection=\"top\"\n                                        class=\"text-body-xl text-tui-text-01 opacity-90\"\n                                    />\n                                    <ng-template #minCountHint>\n                                        \u0414\u043E\u0441\u0442\u0443\u043F\u0435\u043D \u0437\u0430\u043A\u0430\u0437 <br />\n                                        \u043F\u0440\u043E\u0438\u0437\u0432\u043E\u043B\u044C\u043D\u043E\u0433\u043E <br />\n                                        \u043A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u0430\n                                    </ng-template>\n                                }\n                            </div>\n                        }\n\n                        <sc-cost-with-discount\n                            scPrint=\"cost\"\n                            [product]=\"product\"\n                        />\n                    </div>\n                    @if (orderItem.specificationImgUrl) {\n                        <a\n                            tuiLink\n                            (click)=\"showSpecification(specificationPreview)\"\n                            [class.disabled]=\"isDisabled\"\n                        >\n                            \u0421\u043F\u0435\u0446\u0438\u0444\u0438\u043A\u0430\u0446\u0438\u044F\n                        </a>\n                    }\n                    <ng-template\n                        #specificationPreview\n                        let-preview\n                    >\n                        <tui-preview\n                            [rotatable]=\"false\"\n                            [zoomable]=\"false\"\n                        >\n                            <img\n                                *polymorpheusOutlet=\"orderItem.specificationImgUrl as src\"\n                                alt=\"preview\"\n                                [src]=\"orderItem.specificationImgUrl\"\n                            />\n                            <button\n                                iconStart=\"@tui.x\"\n                                title=\"Close\"\n                                tuiIconButton\n                                tuiPreviewAction\n                                type=\"button\"\n                                (click)=\"preview.complete()\"\n                            ></button>\n                        </tui-preview>\n                    </ng-template>\n                </div>\n                <div class=\"grid grid-cols-1 @lg:grid-cols-3 gap-2 @2xl:gap-4 @2xl:grid-rows-1\">\n                    <div class=\"grid grid-cols-1 items-center @lg:gap-2 @2xl:grid-cols-2 @lg:col-span-2\">\n                        <!-- \u041A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E \u0442\u043E\u0432\u0430\u0440\u0430. -->\n                        @if (isShowEditControls() && showQuantityControl) {\n                            <!-- \u041F\u043E\u043B\u0435 \u0432\u0432\u043E\u0434\u0430 \u043A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u0430 \u0442\u043E\u0432\u0430\u0440\u0430. -->\n                            <sc-input-quantity\n                                #inputQuantity\n                                [tuiAutoFocus]=\"autoFocuseQuantityInput()\"\n                                [formControl]=\"quantityControl\"\n                                size=\"m\"\n                                [showCross]=\"false\"\n                                [isDisabled]=\"isDisabled\"\n                                [step]=\"ScUnitsHelper.getProductMultiplicity(product)\"\n                                [ignoreStepValidators]=\"product.ignoreMinCountCheck\"\n                                [showLoader]=\"showLoader()\"\n                                (clickClearEvent)=\"clickClearEvent.emit(orderItem)\"\n                                (keydown.enter)=\"inputQuantity.nativeFocusableElement?.blur()\"\n                                class=\"w-32 shrink-0\"\n                            />\n                        } @else {\n                            <button\n                                [appearance]=\"isShowEditControls() ? 'action-grayscale' : ''\"\n                                tuiTheme=\"light\"\n                                tuiHint=\"\u0414\u043B\u044F \u0438\u0437\u043C\u0435\u043D\u0435\u043D\u0438\u044F \u043A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u0430 \u0432\u043E\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0439\u0442\u0435\u0441\u044C \u043A\u043E\u043D\u0444\u0438\u0433\u0443\u0440\u0430\u0442\u043E\u0440\u043E\u043C\"\n                                (tuiHintVisible)=\"configuratorHintVisible($event)\"\n                                tuiLink\n                                [style.text-decoration-line]=\"isShowEditControls() ? 'underline' : 'none'\"\n                                [class.pointer-events-none]=\"!isShowEditControls()\"\n                            >\n                                <div class=\"!text-body-m text-start\">\n                                    \u041A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E:\n                                    <strong> {{ orderItem.quantity }} \u0448\u0442.</strong>\n                                </div>\n                            </button>\n                        }\n\n                        @let showAdditionalInfo = orderItem.configurator || orderItem.height || orderItem.length || orderItem.width || orderItem.marker;\n                        @if (showAdditionalInfo) {\n                            <div class=\"flex items-center gap-2 @lg:gap-3 max-w-min\">\n                                <!-- \u041A\u043D\u043E\u043F\u043A\u0430 \u0440\u0435\u0434\u0430\u043A\u0442\u0438\u0440\u043E\u0432\u0430\u043D\u0438\u044F \u0442\u043E\u0432\u0430\u0440\u0430. -->\n                                @if (isShowEditControls()) {\n                                    <button\n                                        tuiIconButton\n                                        iconStart=\"@tui.settings\"\n                                        [disabled]=\"isDisabled\"\n                                        [loading]=\"showLoader()\"\n                                        (click)=\"clickSettings.emit()\"\n                                        size=\"s\"\n                                        [appearance]=\"isConfiguratorHintVisible() ? 'primary' : 'secondary'\"\n                                        class=\"shrink-0\"\n                                    ></button>\n                                }\n\n                                <!-- \u0414\u043E\u043F\u043E\u043B\u043D\u0438\u0442\u0435\u043B\u044C\u043D\u0430\u044F \u0438\u043D\u0444\u043E\u0440\u043C\u0430\u0446\u0438\u044F \u043E \u0442\u043E\u0432\u0430\u0440\u0435. -->\n                                <div\n                                    class=\"flex flex-col gap-x-1 text-tui-base-07\"\n                                    [class.text-body-m]=\"!isShowEditControls()\"\n                                >\n                                    @if (orderItem.marker) {\n                                        <p>\u041C\u0430\u0440\u043A\u0438\u0440\u043E\u0432\u043A\u0430: {{ orderItem.marker }}</p>\n                                    }\n                                    @if (orderItem.width) {\n                                        <button\n                                            [appearance]=\"isShowEditControls() ? 'action-grayscale' : ''\"\n                                            tuiTheme=\"light\"\n                                            tuiHint=\"\u0414\u043B\u044F \u0438\u0437\u043C\u0435\u043D\u0435\u043D\u0438\u044F \u0448\u0438\u0440\u0438\u043D\u044B \u0432\u043E\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0439\u0442\u0435\u0441\u044C \u043A\u043E\u043D\u0444\u0438\u0433\u0443\u0440\u0430\u0442\u043E\u0440\u043E\u043C\"\n                                            (tuiHintVisible)=\"configuratorHintVisible($event)\"\n                                            tuiLink\n                                            [style.text-decoration-line]=\"isShowEditControls() ? 'underline' : 'none'\"\n                                            [class.pointer-events-none]=\"!isShowEditControls()\"\n                                            class=\"text-body-s self-start whitespace-nowrap\"\n                                        >\n                                            \u0428\u0438\u0440\u0438\u043D\u0430: <span class=\"text-body-s-bold\">{{ orderItem.width }} \u043C.</span>\n                                        </button>\n                                    }\n                                    @if (orderItem.height) {\n                                        <button\n                                            [appearance]=\"isShowEditControls() ? 'action-grayscale' : ''\"\n                                            tuiTheme=\"light\"\n                                            tuiHint=\"\u0414\u043B\u044F \u0438\u0437\u043C\u0435\u043D\u0435\u043D\u0438\u044F \u0432\u044B\u0441\u043E\u0442\u044B \u0432\u043E\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0439\u0442\u0435\u0441\u044C \u043A\u043E\u043D\u0444\u0438\u0433\u0443\u0440\u0430\u0442\u043E\u0440\u043E\u043C\"\n                                            (tuiHintVisible)=\"configuratorHintVisible($event)\"\n                                            tuiLink\n                                            [style.text-decoration-line]=\"isShowEditControls() ? 'underline' : 'none'\"\n                                            [class.pointer-events-none]=\"!isShowEditControls()\"\n                                            class=\"text-body-s self-start whitespace-nowrap\"\n                                        >\n                                            \u0412\u044B\u0441\u043E\u0442\u0430: <span class=\"text-body-s-bold\">{{ orderItem.height }} \u043C.</span>\n                                        </button>\n                                    } @else if (orderItem.length) {\n                                        <button\n                                            [appearance]=\"isShowEditControls() ? 'action-grayscale' : ''\"\n                                            tuiTheme=\"light\"\n                                            tuiHint=\"\u0414\u043B\u044F \u0438\u0437\u043C\u0435\u043D\u0435\u043D\u0438\u044F \u0434\u043B\u0438\u043D\u044B \u0432\u043E\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0439\u0442\u0435\u0441\u044C \u043A\u043E\u043D\u0444\u0438\u0433\u0443\u0440\u0430\u0442\u043E\u0440\u043E\u043C\"\n                                            (tuiHintVisible)=\"configuratorHintVisible($event)\"\n                                            tuiLink\n                                            [style.text-decoration-line]=\"isShowEditControls() ? 'underline' : 'none'\"\n                                            [class.pointer-events-none]=\"!isShowEditControls()\"\n                                            class=\"text-body-s self-start whitespace-nowrap\"\n                                        >\n                                            \u0414\u043B\u0438\u043D\u0430: <span class=\"text-body-s-bold\">{{ orderItem.length }} \u043C.</span>\n                                        </button>\n                                    }\n                                </div>\n                            </div>\n                        }\n                    </div>\n\n                    <!-- \u0421\u0443\u043C\u043C\u0430 \u0442\u043E\u0432\u0430\u0440\u0430 \u0438 \u0441\u043A\u043B\u0430\u0434\u0441\u043A\u043E\u0435 \u043D\u0430\u043B\u0438\u0447\u0438\u0435. -->\n                    <div\n                        scPrint=\"cost\"\n                        class=\"flex min-w-[11rem] flex-col @lg:justify-end @2xl:!justify-center text-body-m\"\n                    >\n                        <p class=\"whitespace-nowrap\">\n                            \u0421\u0443\u043C\u043C\u0430:\n                            <strong> {{ orderItem.costRub | tuiFormatNumber: { precision: 2, decimalSeparator: '.', rounding: 'ceil' } | async }} {{ 'RUB' | tuiCurrency }}</strong>\n                        </p>\n                        <sc-price-warehouse-stock\n                            scPrint=\"defaultNoPrint\"\n                            [product]=\"product\"\n                        />\n                    </div>\n                </div>\n            </div>\n        </sc-noindex-wrapper>\n    </div>\n} @else {\n    <div class=\"tui-skeleton flex h-[8.25rem] w-full overflow-hidden rounded-xl\"></div>\n}\n" }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (product && orderItem) {\n    <div class=\"@container relative flex w-full gap-4 rounded-xl p-1 text-body-s hover:bg-tui-background-neutral-1\">\n        <sc-noindex-wrapper>\n            @let isDisabled = product.isHidden || product.isNull;\n            <sc-hover-image-carousel\n                (click)=\"isDisabled ? null : clickCardEvent.emit()\"\n                [images]=\"!isMobile ? getCardImagePreviewList(product) : [getCardImagePreview()]\"\n                [isShowActions]=\"false\"\n                class=\"aspect-square w-24 shrink-0 cursor-pointer self-start\"\n            />\n            <div class=\"flex w-full flex-col gap-y-1 gap-x-4 @5xl:flex-row @5xl:items-center @5xl:gap-5\">\n                <div class=\"flex min-w-0 flex-1 flex-col gap-1\">\n                    <div\n                        [tuiHighlight]=\"(search$ | async) ?? ''\"\n                        class=\"text-tui-text-02\"\n                    >\n                        \u0410\u0440\u0442\u0438\u043A\u0443\u043B: {{ product.code }}\n                    </div>\n                    <div class=\"flex flex-col gap-1\">\n                        <a\n                            tuiLink\n                            [attr.href]=\"href ?? null\"\n                            [tuiHighlight]=\"(search$ | async) ?? ''\"\n                            (click)=\"$event.preventDefault(); clickCardEvent.emit()\"\n                            [class.disabled]=\"isDisabled\"\n                            class=\"!text-body-m-bold\"\n                        >\n                            {{ product.name }}\n                        </a>\n                        @if (product.supplierSku) {\n                            <span class=\"text-tui-text-02\"> \u0410\u0440\u0442\u0438\u043A\u0443\u043B \u043F\u0440\u043E\u0438\u0437\u0432\u043E\u0434\u0438\u0442\u0435\u043B\u044F: {{ product.supplierSku }} </span>\n                        }\n                        @if (product.pack) {\n                            <div class=\"flex items-center gap-1 text-tui-text-02\">\n                                \u041D\u043E\u0440\u043C\u0430 \u0443\u043F\u0430\u043A\u043E\u0432\u043A\u0438: {{ product.pack }}\n                                @if (product.ignoreMinCountCheck) {\n                                    <tui-icon\n                                        icon=\"@tui.package\"\n                                        [tuiHint]=\"minCountHint\"\n                                        [tuiHintShowDelay]=\"100\"\n                                        tuiHintDirection=\"top\"\n                                        class=\"text-body-xl text-tui-text-01 opacity-90\"\n                                    />\n                                    <ng-template #minCountHint>\n                                        \u0414\u043E\u0441\u0442\u0443\u043F\u0435\u043D \u0437\u0430\u043A\u0430\u0437 <br />\n                                        \u043F\u0440\u043E\u0438\u0437\u0432\u043E\u043B\u044C\u043D\u043E\u0433\u043E <br />\n                                        \u043A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u0430\n                                    </ng-template>\n                                }\n                            </div>\n                        }\n\n                        <sc-cost-with-discount\n                            scPrint=\"cost\"\n                            [product]=\"product\"\n                        />\n                    </div>\n                    @if (orderItem.specificationImgUrl) {\n                        <a\n                            tuiLink\n                            (click)=\"showSpecification(specificationPreview)\"\n                            [class.disabled]=\"isDisabled\"\n                        >\n                            \u0421\u043F\u0435\u0446\u0438\u0444\u0438\u043A\u0430\u0446\u0438\u044F\n                        </a>\n                    }\n                    <ng-template\n                        #specificationPreview\n                        let-preview\n                    >\n                        <tui-preview\n                            [rotatable]=\"false\"\n                            [zoomable]=\"false\"\n                        >\n                            <img\n                                *polymorpheusOutlet=\"orderItem.specificationImgUrl as src\"\n                                alt=\"preview\"\n                                [src]=\"orderItem.specificationImgUrl\"\n                            />\n                            <button\n                                iconStart=\"@tui.x\"\n                                title=\"Close\"\n                                tuiIconButton\n                                tuiPreviewAction\n                                type=\"button\"\n                                (click)=\"preview.complete()\"\n                            ></button>\n                        </tui-preview>\n                    </ng-template>\n                </div>\n                <div class=\"grid grid-cols-1 @lg:grid-cols-3 gap-2 @2xl:gap-4 @2xl:grid-rows-1\">\n                    <div class=\"grid grid-cols-1 items-center @lg:gap-2 @2xl:grid-cols-2 @lg:col-span-2\">\n                        <!-- \u041A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E \u0442\u043E\u0432\u0430\u0440\u0430. -->\n                        @if (isShowEditControls() && showQuantityControl) {\n                            <!-- \u041F\u043E\u043B\u0435 \u0432\u0432\u043E\u0434\u0430 \u043A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u0430 \u0442\u043E\u0432\u0430\u0440\u0430. -->\n                            <sc-input-quantity\n                                #inputQuantity\n                                [tuiAutoFocus]=\"autoFocuseQuantityInput()\"\n                                [formControl]=\"quantityControl\"\n                                size=\"m\"\n                                [showCross]=\"false\"\n                                [isDisabled]=\"isDisabled\"\n                                [step]=\"ScUnitsHelper.getProductMultiplicity(product)\"\n                                [ignoreStepValidators]=\"product.ignoreMinCountCheck\"\n                                [showLoader]=\"showLoader()\"\n                                (clickClearEvent)=\"clickClearEvent.emit(orderItem)\"\n                                (keydown.enter)=\"inputQuantity.nativeFocusableElement?.blur()\"\n                                class=\"w-32 shrink-0\"\n                            />\n                        } @else {\n                            <button\n                                [appearance]=\"isShowEditControls() ? 'action-grayscale' : ''\"\n                                tuiTheme=\"light\"\n                                tuiHint=\"\u0414\u043B\u044F \u0438\u0437\u043C\u0435\u043D\u0435\u043D\u0438\u044F \u043A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u0430 \u0432\u043E\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0439\u0442\u0435\u0441\u044C \u043A\u043E\u043D\u0444\u0438\u0433\u0443\u0440\u0430\u0442\u043E\u0440\u043E\u043C\"\n                                (tuiHintVisible)=\"configuratorHintVisible($event)\"\n                                tuiLink\n                                [style.text-decoration-line]=\"isShowEditControls() ? 'underline' : 'none'\"\n                                [class.pointer-events-none]=\"!isShowEditControls()\"\n                            >\n                                <div class=\"!text-body-m text-start\">\n                                    \u041A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E:\n                                    <strong> {{ orderItem.quantity }} \u0448\u0442.</strong>\n                                </div>\n                            </button>\n                        }\n\n                        @let showAdditionalInfo = orderItem.configurator || orderItem.height || orderItem.length || orderItem.width || orderItem.marker;\n                        @if (showAdditionalInfo) {\n                            <div class=\"flex items-center gap-2 @lg:gap-3 max-w-min\">\n                                <!-- \u041A\u043D\u043E\u043F\u043A\u0430 \u0440\u0435\u0434\u0430\u043A\u0442\u0438\u0440\u043E\u0432\u0430\u043D\u0438\u044F \u0442\u043E\u0432\u0430\u0440\u0430. -->\n                                @if (isShowEditControls()) {\n                                    <button\n                                        tuiIconButton\n                                        iconStart=\"@tui.settings\"\n                                        [disabled]=\"isDisabled\"\n                                        [loading]=\"showLoader()\"\n                                        (click)=\"clickSettings.emit()\"\n                                        size=\"s\"\n                                        [appearance]=\"isConfiguratorHintVisible() ? 'primary' : 'secondary'\"\n                                        class=\"shrink-0\"\n                                    ></button>\n                                }\n\n                                <!-- \u0414\u043E\u043F\u043E\u043B\u043D\u0438\u0442\u0435\u043B\u044C\u043D\u0430\u044F \u0438\u043D\u0444\u043E\u0440\u043C\u0430\u0446\u0438\u044F \u043E \u0442\u043E\u0432\u0430\u0440\u0435. -->\n                                <div\n                                    class=\"flex flex-col gap-x-1 text-tui-base-07\"\n                                    [class.text-body-m]=\"!isShowEditControls()\"\n                                >\n                                    @if (orderItem.marker) {\n                                        <p>\u041C\u0430\u0440\u043A\u0438\u0440\u043E\u0432\u043A\u0430: {{ orderItem.marker }}</p>\n                                    }\n                                    @if (orderItem.width) {\n                                        <button\n                                            [appearance]=\"isShowEditControls() ? 'action-grayscale' : ''\"\n                                            tuiTheme=\"light\"\n                                            tuiHint=\"\u0414\u043B\u044F \u0438\u0437\u043C\u0435\u043D\u0435\u043D\u0438\u044F \u0448\u0438\u0440\u0438\u043D\u044B \u0432\u043E\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0439\u0442\u0435\u0441\u044C \u043A\u043E\u043D\u0444\u0438\u0433\u0443\u0440\u0430\u0442\u043E\u0440\u043E\u043C\"\n                                            (tuiHintVisible)=\"configuratorHintVisible($event)\"\n                                            tuiLink\n                                            [style.text-decoration-line]=\"isShowEditControls() ? 'underline' : 'none'\"\n                                            [class.pointer-events-none]=\"!isShowEditControls()\"\n                                            class=\"text-body-s self-start whitespace-nowrap\"\n                                        >\n                                            \u0428\u0438\u0440\u0438\u043D\u0430: <span class=\"text-body-s-bold\">{{ orderItem.width }} \u043C.</span>\n                                        </button>\n                                    }\n                                    @if (orderItem.height) {\n                                        <button\n                                            [appearance]=\"isShowEditControls() ? 'action-grayscale' : ''\"\n                                            tuiTheme=\"light\"\n                                            tuiHint=\"\u0414\u043B\u044F \u0438\u0437\u043C\u0435\u043D\u0435\u043D\u0438\u044F \u0432\u044B\u0441\u043E\u0442\u044B \u0432\u043E\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0439\u0442\u0435\u0441\u044C \u043A\u043E\u043D\u0444\u0438\u0433\u0443\u0440\u0430\u0442\u043E\u0440\u043E\u043C\"\n                                            (tuiHintVisible)=\"configuratorHintVisible($event)\"\n                                            tuiLink\n                                            [style.text-decoration-line]=\"isShowEditControls() ? 'underline' : 'none'\"\n                                            [class.pointer-events-none]=\"!isShowEditControls()\"\n                                            class=\"text-body-s self-start whitespace-nowrap\"\n                                        >\n                                            \u0412\u044B\u0441\u043E\u0442\u0430: <span class=\"text-body-s-bold\">{{ orderItem.height }} \u043C.</span>\n                                        </button>\n                                    } @else if (orderItem.length) {\n                                        <button\n                                            [appearance]=\"isShowEditControls() ? 'action-grayscale' : ''\"\n                                            tuiTheme=\"light\"\n                                            tuiHint=\"\u0414\u043B\u044F \u0438\u0437\u043C\u0435\u043D\u0435\u043D\u0438\u044F \u0434\u043B\u0438\u043D\u044B \u0432\u043E\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0439\u0442\u0435\u0441\u044C \u043A\u043E\u043D\u0444\u0438\u0433\u0443\u0440\u0430\u0442\u043E\u0440\u043E\u043C\"\n                                            (tuiHintVisible)=\"configuratorHintVisible($event)\"\n                                            tuiLink\n                                            [style.text-decoration-line]=\"isShowEditControls() ? 'underline' : 'none'\"\n                                            [class.pointer-events-none]=\"!isShowEditControls()\"\n                                            class=\"text-body-s self-start whitespace-nowrap\"\n                                        >\n                                            \u0414\u043B\u0438\u043D\u0430: <span class=\"text-body-s-bold\">{{ orderItem.length }} \u043C.</span>\n                                        </button>\n                                    }\n                                </div>\n                            </div>\n                        }\n                    </div>\n\n                    <!-- \u0421\u0443\u043C\u043C\u0430 \u0442\u043E\u0432\u0430\u0440\u0430 \u0438 \u0441\u043A\u043B\u0430\u0434\u0441\u043A\u043E\u0435 \u043D\u0430\u043B\u0438\u0447\u0438\u0435. -->\n                    <div\n                        scPrint=\"cost\"\n                        class=\"flex min-w-[11rem] flex-col @lg:justify-end @2xl:!justify-center text-body-m\"\n                    >\n                        <p class=\"whitespace-nowrap\">\n                            \u0421\u0443\u043C\u043C\u0430:\n                            <strong> {{ orderItem.costRub | tuiFormatNumber: moneyFormat | 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 */
@@ -8436,7 +8524,7 @@ class ScOrderItemsListComponent {
             const items = this.itemsSignal();
             const selectedItemsIds = this.selectedItemsIds();
             const selectable = this.selectable();
-            return items.filter((item) => !selectable || selectedItemsIds.includes(item.id)).reduce((sum, item) => sum + item.costRub, 0);
+            return ScNumberHelper.roundMoney(items.filter((item) => !selectable || selectedItemsIds.includes(item.id)).reduce((sum, item) => sum + item.costRub, 0));
         });
         /**
          * Сервис получения и редактирования списка товаров заказа (корзина / заказ / черновик = заказ).
@@ -8447,6 +8535,10 @@ class ScOrderItemsListComponent {
          * Признак, что можно редактировать позиции.
          */
         this.canEdit = computed(() => this.editable() && 'updateProduct$' in this.orderItemsListLoader);
+        /**
+         * Настройки вывода сумм в рублях.
+         */
+        this.moneyFormat = ScNumberHelper.getMoneyFormat();
         /**
          * Ссылка для автоматического управления уничтожением зависимостей.
          */
@@ -8566,11 +8658,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    @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 \u0441\u043F\u0438\u0441\u043A\u0430. -->\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 }); }
+    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    @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 \u0441\u043F\u0438\u0441\u043A\u0430. -->\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: moneyFormat | async }} {{ 'RUB' | tuiCurrency }}</div>\n    </div>\n</div>\n", dependencies: [{ kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: TuiFormatNumberPipe, name: "tuiFormatNumber" }, { 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" }], 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, 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    @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 \u0441\u043F\u0438\u0441\u043A\u0430. -->\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" }]
+            args: [{ standalone: true, selector: 'sc-order-items-list', imports: [AsyncPipe, TuiFormatNumberPipe, ScOrderItemComponent, ScPrintDirective, ReactiveFormsModule, TuiCheckbox, TuiButton, TuiButtonLoading, TuiCurrencyPipe], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n    [formGroup]=\"selectionFormGroup\"\n    class=\"flex flex-col gap-5\"\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 \u0441\u043F\u0438\u0441\u043A\u0430. -->\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: moneyFormat | async }} {{ 'RUB' | tuiCurrency }}</div>\n    </div>\n</div>\n" }]
         }], propDecorators: { items: [{
                 type: Input,
                 args: [{ required: true }]
@@ -10525,18 +10617,14 @@ class ScPreviewSampleModule {
             TuiHovered,
             TuiButton,
             TuiButtonLoading,
-            TuiLabel,
-            RecaptchaFormsModule,
-            RecaptchaModule], exports: [ScPreviewSampleComponent] }); }
+            TuiLabel], exports: [ScPreviewSampleComponent] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScPreviewSampleModule, imports: [CommonModule,
             ReactiveFormsModule,
             TuiError,
             ScFormFieldsModule,
             TuiInputModule,
             TuiInputPhoneModule, i2$1.TuiCarouselComponent, TuiAvatar,
-            TuiButtonLoading,
-            RecaptchaFormsModule,
-            RecaptchaModule] }); }
+            TuiButtonLoading] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScPreviewSampleModule, decorators: [{
             type: NgModule,
@@ -10556,8 +10644,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                         TuiButton,
                         TuiButtonLoading,
                         TuiLabel,
-                        RecaptchaFormsModule,
-                        RecaptchaModule,
                     ],
                     exports: [ScPreviewSampleComponent],
                 }]
@@ -10577,6 +10663,255 @@ const scGetCurrentRoute = (route) => {
     return currentRoute;
 };
 
+/**
+ * Токен времени ожидания загрузки скрипта Yandex SmartCaptcha в миллисекундах.
+ */
+const SC_SMART_CAPTCHA_LOAD_TIMEOUT = new InjectionToken('SC_SMART_CAPTCHA_LOAD_TIMEOUT', {
+    factory: () => 20_000,
+});
+
+/**
+ * Сервис загрузки скрипта Yandex SmartCaptcha.
+ */
+class ScSmartCaptchaLoaderService {
+    constructor() {
+        /**
+         * Сервис для вставки внешних скриптов.
+         */
+        this.scriptsService = inject(ScScriptsService);
+        /**
+         * Окно браузера с API Yandex SmartCaptcha.
+         */
+        this.window = inject(WA_WINDOW);
+        /**
+         * Признак того, что приложение запущено в браузере.
+         */
+        this.isBrowser = inject(IS_BROWSER);
+        /**
+         * Время ожидания загрузки скрипта в миллисекундах.
+         */
+        this.loadTimeout = inject(SC_SMART_CAPTCHA_LOAD_TIMEOUT);
+        /**
+         * Имя функции окна, которую скрипт вызывает после загрузки.
+         */
+        this.onloadCallbackName = 'scSmartCaptchaOnload';
+        /**
+         * Адрес скрипта.
+         */
+        this.scriptUrl = `https://smartcaptcha.cloud.yandex.ru/captcha.js?render=onload&onload=${this.onloadCallbackName}`;
+        /**
+         * Загрузка API, общая для всех виджетов. Скрипт загружается один раз; отписка и истечение ожидания у подписчика загрузку не прерывают, после ошибки следующая подписка загружает скрипт заново.
+         */
+        this.loading$ = defer(() => this.load$()).pipe(shareReplay(1));
+        /**
+         * {@link Observable} API Yandex SmartCaptcha. Значения и ошибки приходят вне зоны Angular, ожидание первого значения ограничено {@link SC_SMART_CAPTCHA_LOAD_TIMEOUT}.
+         */
+        this.api$ = this.loading$.pipe(timeout({ first: this.loadTimeout }), tuiZonefree());
+    }
+    /**
+     * Возвращает API Yandex SmartCaptcha, при необходимости загружая скрипт. На сервере ничего не возвращает.
+     */
+    load$() {
+        if (!this.isBrowser) {
+            return EMPTY;
+        }
+        if (this.window.smartCaptcha) {
+            return of(this.window.smartCaptcha);
+        }
+        return merge(this.onload$(), this.scriptsService.loadScript$(this.scriptUrl).pipe(ignoreElements()));
+    }
+    /**
+     * Ждёт вызова функции из параметра `onload` адреса скрипта и возвращает API, которое скрипт к этому моменту создал.
+     */
+    onload$() {
+        return new Observable((subscriber) => {
+            this.window[this.onloadCallbackName] = () => {
+                if (this.window.smartCaptcha) {
+                    subscriber.next(this.window.smartCaptcha);
+                    subscriber.complete();
+                }
+                else {
+                    subscriber.error(new Error('Yandex SmartCaptcha API is unavailable'));
+                }
+            };
+            return () => {
+                this.window[this.onloadCallbackName] = undefined;
+            };
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScSmartCaptchaLoaderService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScSmartCaptchaLoaderService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScSmartCaptchaLoaderService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }] });
+
+/**
+ * Токен настроек Yandex SmartCaptcha. Задаётся приложением.
+ */
+const SC_SMART_CAPTCHA_SETTINGS = new InjectionToken('SC_SMART_CAPTCHA_SETTINGS');
+
+/* eslint-disable no-use-before-define */
+/**
+ * Виджет Yandex SmartCaptcha. Значение поля ввода - токен прохождения проверки, `null` пока проверка не пройдена или токен истёк.
+ */
+class ScSmartCaptchaComponent {
+    /**
+     * Инициализирует экземпляр класса {@link ScSmartCaptchaComponent}.
+     */
+    constructor() {
+        /**
+         * Контейнер, в котором отрисовывается виджет.
+         */
+        this.container = viewChild.required('container');
+        /**
+         * Настройки Yandex SmartCaptcha.
+         */
+        this.settings = inject(SC_SMART_CAPTCHA_SETTINGS);
+        /**
+         * Сервис загрузки скрипта Yandex SmartCaptcha.
+         */
+        this.loader = inject(ScSmartCaptchaLoaderService);
+        /**
+         * {@link NgZone} для отрисовки виджета вне зоны Angular и возврата его событий в зону.
+         */
+        this.ngZone = inject(NgZone);
+        /**
+         * Ссылка для автоматического управления уничтожением зависимостей.
+         */
+        this.destroyRef = inject(DestroyRef);
+        /**
+         * Признак того, что капчу не удалось загрузить.
+         */
+        this.hasError = signal(false);
+        /**
+         * Функции отписки от событий виджета.
+         */
+        this.unsubscribers = [];
+        /**
+         * Обработчик изменения значения поля ввода.
+         */
+        this.onChange = noop;
+        /**
+         * Обработчик касания поля ввода.
+         */
+        this.onTouched = noop;
+        afterNextRender(() => {
+            this.load();
+        });
+        this.destroyRef.onDestroy(() => {
+            this.destroyWidget();
+        });
+    }
+    /** @inheritDoc */
+    writeValue(token) {
+        const { api, widgetId } = this;
+        if (!token && api && widgetId !== undefined) {
+            this.ngZone.runOutsideAngular(() => {
+                api.reset(widgetId);
+            });
+        }
+    }
+    /** @inheritDoc */
+    registerOnChange(onChange) {
+        this.onChange = onChange;
+    }
+    /** @inheritDoc */
+    registerOnTouched(onTouched) {
+        this.onTouched = onTouched;
+    }
+    /**
+     * Повторяет загрузку капчи после ошибки.
+     */
+    retry() {
+        this.hasError.set(false);
+        this.load();
+    }
+    /**
+     * Загружает API Yandex SmartCaptcha и отрисовывает виджет (API приходит вне зоны Angular). При ошибке загрузки или отрисовки показывает сообщение.
+     */
+    load() {
+        this.loader.api$
+            .pipe(tap((api) => {
+            this.render(api);
+        }), takeUntilDestroyed(this.destroyRef))
+            .subscribe({
+            error: () => {
+                this.showError();
+            },
+        });
+    }
+    /**
+     * Отрисовывает виджет и подписывается на его события.
+     *
+     * @param api API Yandex SmartCaptcha.
+     */
+    render(api) {
+        const widgetId = api.render(this.container().nativeElement, { sitekey: this.settings.sitekey, hl: this.settings.language });
+        this.api = api;
+        this.widgetId = widgetId;
+        this.unsubscribers = [
+            api.subscribe(widgetId, 'success', (token) => {
+                this.updateValue(typeof token === 'string' ? token : null);
+            }),
+            api.subscribe(widgetId, 'token-expired', () => {
+                this.updateValue(null);
+                api.reset(widgetId);
+            }),
+            api.subscribe(widgetId, 'javascript-error', () => {
+                this.showError();
+            }),
+        ];
+    }
+    /**
+     * Передаёт форме новое значение токена.
+     *
+     * @param token Токен прохождения проверки.
+     */
+    updateValue(token) {
+        this.ngZone.run(() => {
+            this.onChange(token);
+            this.onTouched();
+        });
+    }
+    /**
+     * Удаляет виджет, очищает токен и показывает сообщение об ошибке.
+     */
+    showError() {
+        this.destroyWidget();
+        this.ngZone.run(() => {
+            this.hasError.set(true);
+            this.onChange(null);
+        });
+    }
+    /**
+     * Удаляет виджет вместе с созданными им элементами и обработчиками.
+     */
+    destroyWidget() {
+        this.unsubscribers.forEach((unsubscribe) => {
+            unsubscribe();
+        });
+        this.unsubscribers = [];
+        const { api, widgetId } = this;
+        if (api && widgetId !== undefined) {
+            this.ngZone.runOutsideAngular(() => {
+                api.destroy(widgetId);
+            });
+        }
+        this.api = undefined;
+        this.widgetId = undefined;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScSmartCaptchaComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ScSmartCaptchaComponent, isStandalone: true, selector: "sc-smart-captcha", providers: [tuiProvide(NG_VALUE_ACCESSOR, ScSmartCaptchaComponent, true)], viewQueries: [{ propertyName: "container", first: true, predicate: ["container"], descendants: true, isSignal: true }], ngImport: i0, template: "<div\n    #container\n    class=\"min-h-[7.375rem]\"\n    [class.hidden]=\"hasError()\"\n></div>\n@if (hasError()) {\n    <p\n        role=\"alert\"\n        class=\"text-body-s text-tui-text-negative\"\n    >\n        \u041D\u0435 \u0443\u0434\u0430\u043B\u043E\u0441\u044C \u0437\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u044C \u043F\u0440\u043E\u0432\u0435\u0440\u043A\u0443 \u00AB\u042F \u043D\u0435 \u0440\u043E\u0431\u043E\u0442\u00BB.\n        <button\n            tuiLink\n            type=\"button\"\n            (click)=\"retry()\"\n        >\n            \u041F\u043E\u0432\u0442\u043E\u0440\u0438\u0442\u044C\n        </button>\n    </p>\n}\n", dependencies: [{ kind: "directive", type: TuiLink, selector: "a[tuiLink], button[tuiLink]", inputs: ["pseudo"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScSmartCaptchaComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: 'sc-smart-captcha', imports: [TuiLink], providers: [tuiProvide(NG_VALUE_ACCESSOR, ScSmartCaptchaComponent, true)], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n    #container\n    class=\"min-h-[7.375rem]\"\n    [class.hidden]=\"hasError()\"\n></div>\n@if (hasError()) {\n    <p\n        role=\"alert\"\n        class=\"text-body-s text-tui-text-negative\"\n    >\n        \u041D\u0435 \u0443\u0434\u0430\u043B\u043E\u0441\u044C \u0437\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u044C \u043F\u0440\u043E\u0432\u0435\u0440\u043A\u0443 \u00AB\u042F \u043D\u0435 \u0440\u043E\u0431\u043E\u0442\u00BB.\n        <button\n            tuiLink\n            type=\"button\"\n            (click)=\"retry()\"\n        >\n            \u041F\u043E\u0432\u0442\u043E\u0440\u0438\u0442\u044C\n        </button>\n    </p>\n}\n" }]
+        }], ctorParameters: () => [] });
+
 /**
  * Компонент формы обратной связи.
  */
@@ -10648,7 +10983,7 @@ class ScFeedbackFormComponent {
             }
         }));
         /**
-         * Поле ввода для recaptcha.
+         * Поле ввода токена капчи, имя `recaptcha` задано API.
          */
         this.recaptchaControl = new FormControl(null, Validators.required);
         /**
@@ -10690,8 +11025,10 @@ class ScFeedbackFormComponent {
         }), 
         // eslint-disable-next-line rxjs/no-implicit-any-catch
         catchError((error) => {
+            // Токен капчи одноразовый: для повторной отправки нужна новая проверка.
+            this.recaptchaControl.reset();
             this.form.markAllAsTouched();
-            const { errors, message } = error.error;
+            const { errors, message } = (error.error ?? {});
             if (errors) {
                 Object.keys(errors).forEach((key) => {
                     const control = this.form.get(key);
@@ -10728,16 +11065,6 @@ class ScFeedbackFormComponent {
          * Список стран.
          */
         this.countries = getCountries();
-        /**
-         * Это решение ошибки #4940, было @see [предложено](https://github.com/DethAriel/ng-recaptcha/issues/123#issuecomment-426112101) автором {@link RecaptchaComponent}.
-         */
-        RecaptchaComponent.prototype.ngOnDestroy = function () {
-            // eslint-disable-next-line @typescript-eslint/dot-notation
-            if (this['subscription']) {
-                // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-call, @typescript-eslint/dot-notation
-                this['subscription'].unsubscribe();
-            }
-        };
         merge(this.accepted$, this.user$, this.loadedFile.valueChanges.pipe(tap((files) => {
             this.form.controls.files.reset([]);
             this.onUploadFile(files);
@@ -10861,7 +11188,7 @@ class ScFeedbackFormComponent {
         return ScPhoneService.isValidPhoneNumberForMessenger(value);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScFeedbackFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ScFeedbackFormComponent, isStandalone: true, selector: "sc-feedback-form", inputs: { slugInput: { classPropertyName: "slugInput", publicName: "slug", isSignal: true, isRequired: false, transformFunction: null }, fieldsInput: { classPropertyName: "fieldsInput", publicName: "fields", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { clickOffer: "clickOffer", sendSuccess: "sendSuccess" }, ngImport: i0, template: "@let fieldsList = fields();\n<form\n    *ngIf=\"fieldsList.length > 0\"\n    [formGroup]=\"form\"\n    (ngSubmit)=\"onSubmit.next()\"\n    class=\"flex flex-col justify-between gap-4\"\n>\n    <!-- \u0424\u0418\u041E -->\n    <label\n        *ngIf=\"fieldsList.includes('name')\"\n        tuiLabel\n    >\n        \u0424\u0418\u041E\n        <tui-input formControlName=\"name\"> \u0423\u043A\u0430\u0436\u0438\u0442\u0435 \u0412\u0430\u0448\u0438 \u0424.\u0418.\u041E. </tui-input>\n        <tui-error\n            formControlName=\"name\"\n            [error]=\"[] | tuiFieldError | async\"\n        />\n    </label>\n\n    <!-- \u0422\u0435\u043B\u0435\u0444\u043E\u043D -->\n    @if (fieldsList.includes('phone')) {\n        <label tuiLabel>\n            \u0422\u0435\u043B\u0435\u0444\u043E\u043D\n            <tui-textfield>\n                <input\n                    formControlName=\"phone\"\n                    tuiInputPhoneInternational\n                    [countrySearch]=\"true\"\n                    [countries]=\"(countries | tuiSortCountries | async) || []\"\n                    autocomplete=\"phone\"\n                />\n            </tui-textfield>\n            <tui-error\n                formControlName=\"phone\"\n                [error]=\"[] | tuiFieldError | async\"\n            />\n        </label>\n\n        <label\n            *ngIf=\"fieldsList.includes('isShouldUseMessenger') && form.controls.phone.value && isValidPhoneNumberForMessenger(form.controls.phone.value)\"\n            tuiLabel\n        >\n            <input\n                formControlName=\"isShouldUseMessenger\"\n                tuiCheckbox\n                type=\"checkbox\"\n            />\n            <span tuiTitle> \u041D\u0430\u043F\u0438\u0441\u0430\u0442\u044C \u0432 \u043C\u0435\u0441\u0441\u0435\u043D\u0434\u0436\u0435\u0440\u0430\u0445, \u0430 \u043D\u0435 \u0437\u0432\u043E\u043D\u0438\u0442\u044C </span>\n        </label>\n    }\n    <!-- \u0410\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B -->\n    <label\n        *ngIf=\"fieldsList.includes('email')\"\n        tuiLabel\n    >\n        \u0410\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B\n        <tui-input formControlName=\"email\">\n            \u0410\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B\n            <sc-suggestion-field\n                *tuiDataList\n                [type]=\"suggestionType.email\"\n            />\n        </tui-input>\n        <tui-error\n            formControlName=\"email\"\n            [error]=\"[] | tuiFieldError | async\"\n        />\n    </label>\n\n    <!-- \u041A\u043E\u043C\u043C\u0435\u043D\u0442\u0430\u0440\u0438\u0439 -->\n    <label\n        *ngIf=\"fieldsList.includes('message')\"\n        tuiLabel\n    >\n        \u041A\u043E\u043C\u043C\u0435\u043D\u0442\u0430\u0440\u0438\u0439\n        <tui-textarea formControlName=\"message\"> \u041A\u043E\u043C\u043C\u0435\u043D\u0442\u0430\u0440\u0438\u0439 </tui-textarea>\n        <tui-error\n            formControlName=\"message\"\n            [error]=\"[] | tuiFieldError | async\"\n        />\n    </label>\n\n    <!-- \u0424\u0430\u0439\u043B\u044B -->\n    <div\n        *ngIf=\"fieldsList.includes('files')\"\n        class=\"flex flex-col gap-1\"\n    >\n        <label tuiInputFiles>\n            <input\n                #validator=\"tuiInputFilesValidator\"\n                accept=\".doc,.docx,.pdf,image/*\"\n                tuiInputFiles\n                [formControl]=\"loadedFile\"\n                [multiple]=\"true\"\n                (reject)=\"onReject($event)\"\n            />\n        </label>\n\n        <tui-error\n            *ngIf=\"loadedFile.invalid\"\n            [error]=\"['maxLength'] | tuiFieldError | async\"\n            [formControl]=\"loadedFile\"\n        />\n\n        @let accepted = accepted$ | async;\n        <tui-files\n            *ngIf=\"accepted?.length || rejected.length\"\n            class=\"tui-space_top-1\"\n        >\n            <tui-file\n                *ngFor=\"let file of accepted\"\n                [file]=\"file\"\n                (remove)=\"onRemove(file)\"\n            />\n            <tui-file\n                *ngFor=\"let file of rejected\"\n                state=\"error\"\n                [file]=\"(file | tuiFileRejected: validator | async) || file\"\n                (remove)=\"onRemove(file)\"\n            />\n        </tui-files>\n    </div>\n\n    <!-- recaptcha -->\n    @if (form.get('recaptcha')) {\n        <div\n            class=\"mb-3 max-h-20 overflow-hidden duration-500\"\n            [ngClass]=\"{ '!max-h-0 !-m-2': form.get('recaptcha')?.valid }\"\n        >\n            <re-captcha formControlName=\"recaptcha\" />\n        </div>\n    }\n\n    <!-- \u042D\u043B\u0435\u043C\u0435\u043D\u0442\u044B \u0443\u043F\u0440\u0430\u0432\u043B\u0435\u043D\u0438\u044F  -->\n    <div class=\"flex flex-wrap items-center gap-3\">\n        <button\n            tuiButton\n            [disabled]=\"form.invalid\"\n            [loading]=\"!!(loading$ | async)\"\n            type=\"submit\"\n            iconStart=\"@tui.sc.send\"\n            class=\"self-center\"\n        >\n            \u041E\u0442\u043F\u0440\u0430\u0432\u0438\u0442\u044C\n        </button>\n        <div class=\"grow basis-60 text-body-s\">\n            \u041D\u0430\u0436\u0438\u043C\u0430\u044F \u043D\u0430 \u043A\u043D\u043E\u043F\u043A\u0443, \u0432\u044B \u0441\u043E\u0433\u043B\u0430\u0448\u0430\u0435\u0442\u0435\u0441\u044C \u0441\n            <button\n                tuiLink\n                [pseudo]=\"true\"\n                type=\"button\"\n                (click)=\"context?.data?.onClickOfferHandler(); clickOffer.emit()\"\n            >\n                \u041F\u043E\u043B\u0438\u0442\u0438\u043A\u043E\u0439 \u043A\u043E\u043D\u0444\u0438\u0434\u0435\u043D\u0446\u0438\u0430\u043B\u044C\u043D\u043E\u0441\u0442\u0438\n            </button>\n        </div>\n    </div>\n</form>\n", dependencies: [{ kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: TuiError, selector: "tui-error", inputs: ["error"] }, { kind: "pipe", type: TuiFieldErrorPipe, name: "tuiFieldError" }, { kind: "ngmodule", type: ScFormFieldsModule }, { kind: "component", type: ScSuggestionFieldComponent, selector: "sc-suggestion-field", inputs: ["type"], outputs: ["selectedClick"] }, { kind: "ngmodule", type: TuiInputModule }, { kind: "component", type: i3.TuiInputComponent, selector: "tui-input" }, { kind: "directive", type: i3.TuiInputDirective, selector: "tui-input" }, { kind: "ngmodule", type: TuiInputPhoneModule }, { 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: "directive", type: TuiLabel, selector: "label[tuiLabel]" }, { kind: "ngmodule", type: RecaptchaFormsModule }, { kind: "directive", type: i4$3.RecaptchaValueAccessorDirective, selector: "re-captcha[formControlName],re-captcha[formControl],re-captcha[ngModel]" }, { kind: "ngmodule", type: RecaptchaModule }, { kind: "component", type: i4$3.RecaptchaComponent, selector: "re-captcha", inputs: ["id", "siteKey", "theme", "type", "size", "tabIndex", "badge", "errorMode"], outputs: ["resolved", "error", "errored"], exportAs: ["reCaptcha"] }, { kind: "directive", type: TuiLink, selector: "a[tuiLink], button[tuiLink]", inputs: ["pseudo"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: TuiTextareaModule }, { kind: "component", type: i3.TuiTextareaComponent, selector: "tui-textarea", inputs: ["rows", "maxLength", "expandable"] }, { kind: "directive", type: i3.TuiTextareaDirective, selector: "tui-textarea" }, { kind: "component", type: TuiCheckbox, selector: "input[type=\"checkbox\"][tuiCheckbox]", inputs: ["size"] }, { kind: "directive", type: TuiTitle, selector: "[tuiTitle]", inputs: ["tuiTitle"] }, { kind: "component", type: i2$1.TuiFile, selector: "tui-file,a[tuiFile],button[tuiFile]", inputs: ["file", "state", "size", "showDelete", "showSize", "leftContent"], outputs: ["remove"] }, { kind: "component", type: i2$1.TuiInputFiles, selector: "label[tuiInputFiles]" }, { kind: "component", type: i2$1.TuiFilesComponent, selector: "tui-files", inputs: ["max", "expanded"], outputs: ["expandedChange"] }, { kind: "pipe", type: i2$1.TuiFileRejectedPipe, name: "tuiFileRejected" }, { kind: "directive", type: i2$1.TuiInputFilesDirective, selector: "input[tuiInputFiles]", outputs: ["reject"] }, { kind: "component", type: TuiInputPhoneInternational, selector: "input[tuiInputPhoneInternational]", inputs: ["countrySearch", "countries", "countryIsoCode"], outputs: ["countryIsoCodeChange"] }, { kind: "component", type: i1$2.TuiTextfieldComponent, selector: "tui-textfield:not([multi])" }, { kind: "pipe", type: TuiSortCountriesPipe, name: "tuiSortCountries" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ScFeedbackFormComponent, isStandalone: true, selector: "sc-feedback-form", inputs: { slugInput: { classPropertyName: "slugInput", publicName: "slug", isSignal: true, isRequired: false, transformFunction: null }, fieldsInput: { classPropertyName: "fieldsInput", publicName: "fields", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { clickOffer: "clickOffer", sendSuccess: "sendSuccess" }, ngImport: i0, template: "@let fieldsList = fields();\n<form\n    *ngIf=\"fieldsList.length > 0\"\n    [formGroup]=\"form\"\n    (ngSubmit)=\"onSubmit.next()\"\n    class=\"flex flex-col justify-between gap-4\"\n>\n    <!-- \u0424\u0418\u041E -->\n    <label\n        *ngIf=\"fieldsList.includes('name')\"\n        tuiLabel\n    >\n        \u0424\u0418\u041E\n        <tui-input formControlName=\"name\"> \u0423\u043A\u0430\u0436\u0438\u0442\u0435 \u0412\u0430\u0448\u0438 \u0424.\u0418.\u041E. </tui-input>\n        <tui-error\n            formControlName=\"name\"\n            [error]=\"[] | tuiFieldError | async\"\n        />\n    </label>\n\n    <!-- \u0422\u0435\u043B\u0435\u0444\u043E\u043D -->\n    @if (fieldsList.includes('phone')) {\n        <label tuiLabel>\n            \u0422\u0435\u043B\u0435\u0444\u043E\u043D\n            <tui-textfield>\n                <input\n                    formControlName=\"phone\"\n                    tuiInputPhoneInternational\n                    [countrySearch]=\"true\"\n                    [countries]=\"(countries | tuiSortCountries | async) || []\"\n                    autocomplete=\"phone\"\n                />\n            </tui-textfield>\n            <tui-error\n                formControlName=\"phone\"\n                [error]=\"[] | tuiFieldError | async\"\n            />\n        </label>\n\n        <label\n            *ngIf=\"fieldsList.includes('isShouldUseMessenger') && form.controls.phone.value && isValidPhoneNumberForMessenger(form.controls.phone.value)\"\n            tuiLabel\n        >\n            <input\n                formControlName=\"isShouldUseMessenger\"\n                tuiCheckbox\n                type=\"checkbox\"\n            />\n            <span tuiTitle> \u041D\u0430\u043F\u0438\u0441\u0430\u0442\u044C \u0432 \u043C\u0435\u0441\u0441\u0435\u043D\u0434\u0436\u0435\u0440\u0430\u0445, \u0430 \u043D\u0435 \u0437\u0432\u043E\u043D\u0438\u0442\u044C </span>\n        </label>\n    }\n    <!-- \u0410\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B -->\n    <label\n        *ngIf=\"fieldsList.includes('email')\"\n        tuiLabel\n    >\n        \u0410\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B\n        <tui-input formControlName=\"email\">\n            \u0410\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B\n            <sc-suggestion-field\n                *tuiDataList\n                [type]=\"suggestionType.email\"\n            />\n        </tui-input>\n        <tui-error\n            formControlName=\"email\"\n            [error]=\"[] | tuiFieldError | async\"\n        />\n    </label>\n\n    <!-- \u041A\u043E\u043C\u043C\u0435\u043D\u0442\u0430\u0440\u0438\u0439 -->\n    <label\n        *ngIf=\"fieldsList.includes('message')\"\n        tuiLabel\n    >\n        \u041A\u043E\u043C\u043C\u0435\u043D\u0442\u0430\u0440\u0438\u0439\n        <tui-textarea formControlName=\"message\"> \u041A\u043E\u043C\u043C\u0435\u043D\u0442\u0430\u0440\u0438\u0439 </tui-textarea>\n        <tui-error\n            formControlName=\"message\"\n            [error]=\"[] | tuiFieldError | async\"\n        />\n    </label>\n\n    <!-- \u0424\u0430\u0439\u043B\u044B -->\n    <div\n        *ngIf=\"fieldsList.includes('files')\"\n        class=\"flex flex-col gap-1\"\n    >\n        <label tuiInputFiles>\n            <input\n                #validator=\"tuiInputFilesValidator\"\n                accept=\".doc,.docx,.pdf,image/*\"\n                tuiInputFiles\n                [formControl]=\"loadedFile\"\n                [multiple]=\"true\"\n                (reject)=\"onReject($event)\"\n            />\n        </label>\n\n        <tui-error\n            *ngIf=\"loadedFile.invalid\"\n            [error]=\"['maxLength'] | tuiFieldError | async\"\n            [formControl]=\"loadedFile\"\n        />\n\n        @let accepted = accepted$ | async;\n        <tui-files\n            *ngIf=\"accepted?.length || rejected.length\"\n            class=\"tui-space_top-1\"\n        >\n            <tui-file\n                *ngFor=\"let file of accepted\"\n                [file]=\"file\"\n                (remove)=\"onRemove(file)\"\n            />\n            <tui-file\n                *ngFor=\"let file of rejected\"\n                state=\"error\"\n                [file]=\"(file | tuiFileRejected: validator | async) || file\"\n                (remove)=\"onRemove(file)\"\n            />\n        </tui-files>\n    </div>\n\n    <!-- \u041A\u0430\u043F\u0447\u0430 -->\n    @if (form.get('recaptcha'); as recaptcha) {\n        <div\n            class=\"mb-3 max-h-[7.5rem] overflow-hidden duration-500\"\n            [ngClass]=\"{ '!max-h-0 !-m-2': recaptcha.valid }\"\n            [attr.inert]=\"recaptcha.valid ? '' : null\"\n        >\n            <sc-smart-captcha formControlName=\"recaptcha\" />\n        </div>\n        @if (recaptcha.getError('serverResponse'); as serverErrors) {\n            <tui-error [error]=\"serverErrors.join(' ')\" />\n        }\n    }\n\n    <!-- \u042D\u043B\u0435\u043C\u0435\u043D\u0442\u044B \u0443\u043F\u0440\u0430\u0432\u043B\u0435\u043D\u0438\u044F  -->\n    <div class=\"flex flex-wrap items-center gap-3\">\n        <button\n            tuiButton\n            [disabled]=\"form.invalid\"\n            [loading]=\"!!(loading$ | async)\"\n            type=\"submit\"\n            iconStart=\"@tui.sc.send\"\n            class=\"self-center\"\n        >\n            \u041E\u0442\u043F\u0440\u0430\u0432\u0438\u0442\u044C\n        </button>\n        <div class=\"grow basis-60 text-body-s\">\n            \u041D\u0430\u0436\u0438\u043C\u0430\u044F \u043D\u0430 \u043A\u043D\u043E\u043F\u043A\u0443, \u0432\u044B \u0441\u043E\u0433\u043B\u0430\u0448\u0430\u0435\u0442\u0435\u0441\u044C \u0441\n            <button\n                tuiLink\n                [pseudo]=\"true\"\n                type=\"button\"\n                (click)=\"context?.data?.onClickOfferHandler(); clickOffer.emit()\"\n            >\n                \u041F\u043E\u043B\u0438\u0442\u0438\u043A\u043E\u0439 \u043A\u043E\u043D\u0444\u0438\u0434\u0435\u043D\u0446\u0438\u0430\u043B\u044C\u043D\u043E\u0441\u0442\u0438\n            </button>\n        </div>\n    </div>\n</form>\n", dependencies: [{ kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: TuiError, selector: "tui-error", inputs: ["error"] }, { kind: "pipe", type: TuiFieldErrorPipe, name: "tuiFieldError" }, { kind: "ngmodule", type: ScFormFieldsModule }, { kind: "component", type: ScSuggestionFieldComponent, selector: "sc-suggestion-field", inputs: ["type"], outputs: ["selectedClick"] }, { kind: "ngmodule", type: TuiInputModule }, { kind: "component", type: i3.TuiInputComponent, selector: "tui-input" }, { kind: "directive", type: i3.TuiInputDirective, selector: "tui-input" }, { kind: "ngmodule", type: TuiInputPhoneModule }, { 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: "directive", type: TuiLabel, selector: "label[tuiLabel]" }, { kind: "component", type: ScSmartCaptchaComponent, selector: "sc-smart-captcha" }, { kind: "directive", type: TuiLink, selector: "a[tuiLink], button[tuiLink]", inputs: ["pseudo"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: TuiTextareaModule }, { kind: "component", type: i3.TuiTextareaComponent, selector: "tui-textarea", inputs: ["rows", "maxLength", "expandable"] }, { kind: "directive", type: i3.TuiTextareaDirective, selector: "tui-textarea" }, { kind: "component", type: TuiCheckbox, selector: "input[type=\"checkbox\"][tuiCheckbox]", inputs: ["size"] }, { kind: "directive", type: TuiTitle, selector: "[tuiTitle]", inputs: ["tuiTitle"] }, { kind: "component", type: i2$1.TuiFile, selector: "tui-file,a[tuiFile],button[tuiFile]", inputs: ["file", "state", "size", "showDelete", "showSize", "leftContent"], outputs: ["remove"] }, { kind: "component", type: i2$1.TuiInputFiles, selector: "label[tuiInputFiles]" }, { kind: "component", type: i2$1.TuiFilesComponent, selector: "tui-files", inputs: ["max", "expanded"], outputs: ["expandedChange"] }, { kind: "pipe", type: i2$1.TuiFileRejectedPipe, name: "tuiFileRejected" }, { kind: "directive", type: i2$1.TuiInputFilesDirective, selector: "input[tuiInputFiles]", outputs: ["reject"] }, { kind: "component", type: TuiInputPhoneInternational, selector: "input[tuiInputPhoneInternational]", inputs: ["countrySearch", "countries", "countryIsoCode"], outputs: ["countryIsoCodeChange"] }, { kind: "component", type: i1$2.TuiTextfieldComponent, selector: "tui-textfield:not([multi])" }, { kind: "pipe", type: TuiSortCountriesPipe, name: "tuiSortCountries" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 __decorate([
     tuiPure
@@ -10881,8 +11208,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                         TuiButton,
                         TuiButtonLoading,
                         TuiLabel,
-                        RecaptchaFormsModule,
-                        RecaptchaModule,
+                        ScSmartCaptchaComponent,
                         TuiLink,
                         NgIf,
                         TuiTextareaModule,
@@ -10892,7 +11218,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                         TuiInputPhoneInternational,
                         ...TuiTextfield,
                         TuiSortCountriesPipe,
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "@let fieldsList = fields();\n<form\n    *ngIf=\"fieldsList.length > 0\"\n    [formGroup]=\"form\"\n    (ngSubmit)=\"onSubmit.next()\"\n    class=\"flex flex-col justify-between gap-4\"\n>\n    <!-- \u0424\u0418\u041E -->\n    <label\n        *ngIf=\"fieldsList.includes('name')\"\n        tuiLabel\n    >\n        \u0424\u0418\u041E\n        <tui-input formControlName=\"name\"> \u0423\u043A\u0430\u0436\u0438\u0442\u0435 \u0412\u0430\u0448\u0438 \u0424.\u0418.\u041E. </tui-input>\n        <tui-error\n            formControlName=\"name\"\n            [error]=\"[] | tuiFieldError | async\"\n        />\n    </label>\n\n    <!-- \u0422\u0435\u043B\u0435\u0444\u043E\u043D -->\n    @if (fieldsList.includes('phone')) {\n        <label tuiLabel>\n            \u0422\u0435\u043B\u0435\u0444\u043E\u043D\n            <tui-textfield>\n                <input\n                    formControlName=\"phone\"\n                    tuiInputPhoneInternational\n                    [countrySearch]=\"true\"\n                    [countries]=\"(countries | tuiSortCountries | async) || []\"\n                    autocomplete=\"phone\"\n                />\n            </tui-textfield>\n            <tui-error\n                formControlName=\"phone\"\n                [error]=\"[] | tuiFieldError | async\"\n            />\n        </label>\n\n        <label\n            *ngIf=\"fieldsList.includes('isShouldUseMessenger') && form.controls.phone.value && isValidPhoneNumberForMessenger(form.controls.phone.value)\"\n            tuiLabel\n        >\n            <input\n                formControlName=\"isShouldUseMessenger\"\n                tuiCheckbox\n                type=\"checkbox\"\n            />\n            <span tuiTitle> \u041D\u0430\u043F\u0438\u0441\u0430\u0442\u044C \u0432 \u043C\u0435\u0441\u0441\u0435\u043D\u0434\u0436\u0435\u0440\u0430\u0445, \u0430 \u043D\u0435 \u0437\u0432\u043E\u043D\u0438\u0442\u044C </span>\n        </label>\n    }\n    <!-- \u0410\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B -->\n    <label\n        *ngIf=\"fieldsList.includes('email')\"\n        tuiLabel\n    >\n        \u0410\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B\n        <tui-input formControlName=\"email\">\n            \u0410\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B\n            <sc-suggestion-field\n                *tuiDataList\n                [type]=\"suggestionType.email\"\n            />\n        </tui-input>\n        <tui-error\n            formControlName=\"email\"\n            [error]=\"[] | tuiFieldError | async\"\n        />\n    </label>\n\n    <!-- \u041A\u043E\u043C\u043C\u0435\u043D\u0442\u0430\u0440\u0438\u0439 -->\n    <label\n        *ngIf=\"fieldsList.includes('message')\"\n        tuiLabel\n    >\n        \u041A\u043E\u043C\u043C\u0435\u043D\u0442\u0430\u0440\u0438\u0439\n        <tui-textarea formControlName=\"message\"> \u041A\u043E\u043C\u043C\u0435\u043D\u0442\u0430\u0440\u0438\u0439 </tui-textarea>\n        <tui-error\n            formControlName=\"message\"\n            [error]=\"[] | tuiFieldError | async\"\n        />\n    </label>\n\n    <!-- \u0424\u0430\u0439\u043B\u044B -->\n    <div\n        *ngIf=\"fieldsList.includes('files')\"\n        class=\"flex flex-col gap-1\"\n    >\n        <label tuiInputFiles>\n            <input\n                #validator=\"tuiInputFilesValidator\"\n                accept=\".doc,.docx,.pdf,image/*\"\n                tuiInputFiles\n                [formControl]=\"loadedFile\"\n                [multiple]=\"true\"\n                (reject)=\"onReject($event)\"\n            />\n        </label>\n\n        <tui-error\n            *ngIf=\"loadedFile.invalid\"\n            [error]=\"['maxLength'] | tuiFieldError | async\"\n            [formControl]=\"loadedFile\"\n        />\n\n        @let accepted = accepted$ | async;\n        <tui-files\n            *ngIf=\"accepted?.length || rejected.length\"\n            class=\"tui-space_top-1\"\n        >\n            <tui-file\n                *ngFor=\"let file of accepted\"\n                [file]=\"file\"\n                (remove)=\"onRemove(file)\"\n            />\n            <tui-file\n                *ngFor=\"let file of rejected\"\n                state=\"error\"\n                [file]=\"(file | tuiFileRejected: validator | async) || file\"\n                (remove)=\"onRemove(file)\"\n            />\n        </tui-files>\n    </div>\n\n    <!-- recaptcha -->\n    @if (form.get('recaptcha')) {\n        <div\n            class=\"mb-3 max-h-20 overflow-hidden duration-500\"\n            [ngClass]=\"{ '!max-h-0 !-m-2': form.get('recaptcha')?.valid }\"\n        >\n            <re-captcha formControlName=\"recaptcha\" />\n        </div>\n    }\n\n    <!-- \u042D\u043B\u0435\u043C\u0435\u043D\u0442\u044B \u0443\u043F\u0440\u0430\u0432\u043B\u0435\u043D\u0438\u044F  -->\n    <div class=\"flex flex-wrap items-center gap-3\">\n        <button\n            tuiButton\n            [disabled]=\"form.invalid\"\n            [loading]=\"!!(loading$ | async)\"\n            type=\"submit\"\n            iconStart=\"@tui.sc.send\"\n            class=\"self-center\"\n        >\n            \u041E\u0442\u043F\u0440\u0430\u0432\u0438\u0442\u044C\n        </button>\n        <div class=\"grow basis-60 text-body-s\">\n            \u041D\u0430\u0436\u0438\u043C\u0430\u044F \u043D\u0430 \u043A\u043D\u043E\u043F\u043A\u0443, \u0432\u044B \u0441\u043E\u0433\u043B\u0430\u0448\u0430\u0435\u0442\u0435\u0441\u044C \u0441\n            <button\n                tuiLink\n                [pseudo]=\"true\"\n                type=\"button\"\n                (click)=\"context?.data?.onClickOfferHandler(); clickOffer.emit()\"\n            >\n                \u041F\u043E\u043B\u0438\u0442\u0438\u043A\u043E\u0439 \u043A\u043E\u043D\u0444\u0438\u0434\u0435\u043D\u0446\u0438\u0430\u043B\u044C\u043D\u043E\u0441\u0442\u0438\n            </button>\n        </div>\n    </div>\n</form>\n" }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "@let fieldsList = fields();\n<form\n    *ngIf=\"fieldsList.length > 0\"\n    [formGroup]=\"form\"\n    (ngSubmit)=\"onSubmit.next()\"\n    class=\"flex flex-col justify-between gap-4\"\n>\n    <!-- \u0424\u0418\u041E -->\n    <label\n        *ngIf=\"fieldsList.includes('name')\"\n        tuiLabel\n    >\n        \u0424\u0418\u041E\n        <tui-input formControlName=\"name\"> \u0423\u043A\u0430\u0436\u0438\u0442\u0435 \u0412\u0430\u0448\u0438 \u0424.\u0418.\u041E. </tui-input>\n        <tui-error\n            formControlName=\"name\"\n            [error]=\"[] | tuiFieldError | async\"\n        />\n    </label>\n\n    <!-- \u0422\u0435\u043B\u0435\u0444\u043E\u043D -->\n    @if (fieldsList.includes('phone')) {\n        <label tuiLabel>\n            \u0422\u0435\u043B\u0435\u0444\u043E\u043D\n            <tui-textfield>\n                <input\n                    formControlName=\"phone\"\n                    tuiInputPhoneInternational\n                    [countrySearch]=\"true\"\n                    [countries]=\"(countries | tuiSortCountries | async) || []\"\n                    autocomplete=\"phone\"\n                />\n            </tui-textfield>\n            <tui-error\n                formControlName=\"phone\"\n                [error]=\"[] | tuiFieldError | async\"\n            />\n        </label>\n\n        <label\n            *ngIf=\"fieldsList.includes('isShouldUseMessenger') && form.controls.phone.value && isValidPhoneNumberForMessenger(form.controls.phone.value)\"\n            tuiLabel\n        >\n            <input\n                formControlName=\"isShouldUseMessenger\"\n                tuiCheckbox\n                type=\"checkbox\"\n            />\n            <span tuiTitle> \u041D\u0430\u043F\u0438\u0441\u0430\u0442\u044C \u0432 \u043C\u0435\u0441\u0441\u0435\u043D\u0434\u0436\u0435\u0440\u0430\u0445, \u0430 \u043D\u0435 \u0437\u0432\u043E\u043D\u0438\u0442\u044C </span>\n        </label>\n    }\n    <!-- \u0410\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B -->\n    <label\n        *ngIf=\"fieldsList.includes('email')\"\n        tuiLabel\n    >\n        \u0410\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B\n        <tui-input formControlName=\"email\">\n            \u0410\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B\n            <sc-suggestion-field\n                *tuiDataList\n                [type]=\"suggestionType.email\"\n            />\n        </tui-input>\n        <tui-error\n            formControlName=\"email\"\n            [error]=\"[] | tuiFieldError | async\"\n        />\n    </label>\n\n    <!-- \u041A\u043E\u043C\u043C\u0435\u043D\u0442\u0430\u0440\u0438\u0439 -->\n    <label\n        *ngIf=\"fieldsList.includes('message')\"\n        tuiLabel\n    >\n        \u041A\u043E\u043C\u043C\u0435\u043D\u0442\u0430\u0440\u0438\u0439\n        <tui-textarea formControlName=\"message\"> \u041A\u043E\u043C\u043C\u0435\u043D\u0442\u0430\u0440\u0438\u0439 </tui-textarea>\n        <tui-error\n            formControlName=\"message\"\n            [error]=\"[] | tuiFieldError | async\"\n        />\n    </label>\n\n    <!-- \u0424\u0430\u0439\u043B\u044B -->\n    <div\n        *ngIf=\"fieldsList.includes('files')\"\n        class=\"flex flex-col gap-1\"\n    >\n        <label tuiInputFiles>\n            <input\n                #validator=\"tuiInputFilesValidator\"\n                accept=\".doc,.docx,.pdf,image/*\"\n                tuiInputFiles\n                [formControl]=\"loadedFile\"\n                [multiple]=\"true\"\n                (reject)=\"onReject($event)\"\n            />\n        </label>\n\n        <tui-error\n            *ngIf=\"loadedFile.invalid\"\n            [error]=\"['maxLength'] | tuiFieldError | async\"\n            [formControl]=\"loadedFile\"\n        />\n\n        @let accepted = accepted$ | async;\n        <tui-files\n            *ngIf=\"accepted?.length || rejected.length\"\n            class=\"tui-space_top-1\"\n        >\n            <tui-file\n                *ngFor=\"let file of accepted\"\n                [file]=\"file\"\n                (remove)=\"onRemove(file)\"\n            />\n            <tui-file\n                *ngFor=\"let file of rejected\"\n                state=\"error\"\n                [file]=\"(file | tuiFileRejected: validator | async) || file\"\n                (remove)=\"onRemove(file)\"\n            />\n        </tui-files>\n    </div>\n\n    <!-- \u041A\u0430\u043F\u0447\u0430 -->\n    @if (form.get('recaptcha'); as recaptcha) {\n        <div\n            class=\"mb-3 max-h-[7.5rem] overflow-hidden duration-500\"\n            [ngClass]=\"{ '!max-h-0 !-m-2': recaptcha.valid }\"\n            [attr.inert]=\"recaptcha.valid ? '' : null\"\n        >\n            <sc-smart-captcha formControlName=\"recaptcha\" />\n        </div>\n        @if (recaptcha.getError('serverResponse'); as serverErrors) {\n            <tui-error [error]=\"serverErrors.join(' ')\" />\n        }\n    }\n\n    <!-- \u042D\u043B\u0435\u043C\u0435\u043D\u0442\u044B \u0443\u043F\u0440\u0430\u0432\u043B\u0435\u043D\u0438\u044F  -->\n    <div class=\"flex flex-wrap items-center gap-3\">\n        <button\n            tuiButton\n            [disabled]=\"form.invalid\"\n            [loading]=\"!!(loading$ | async)\"\n            type=\"submit\"\n            iconStart=\"@tui.sc.send\"\n            class=\"self-center\"\n        >\n            \u041E\u0442\u043F\u0440\u0430\u0432\u0438\u0442\u044C\n        </button>\n        <div class=\"grow basis-60 text-body-s\">\n            \u041D\u0430\u0436\u0438\u043C\u0430\u044F \u043D\u0430 \u043A\u043D\u043E\u043F\u043A\u0443, \u0432\u044B \u0441\u043E\u0433\u043B\u0430\u0448\u0430\u0435\u0442\u0435\u0441\u044C \u0441\n            <button\n                tuiLink\n                [pseudo]=\"true\"\n                type=\"button\"\n                (click)=\"context?.data?.onClickOfferHandler(); clickOffer.emit()\"\n            >\n                \u041F\u043E\u043B\u0438\u0442\u0438\u043A\u043E\u0439 \u043A\u043E\u043D\u0444\u0438\u0434\u0435\u043D\u0446\u0438\u0430\u043B\u044C\u043D\u043E\u0441\u0442\u0438\n            </button>\n        </div>\n    </div>\n</form>\n" }]
         }], ctorParameters: () => [], propDecorators: { isValidPhoneNumberForMessenger: [] } });
 
 /**
@@ -11479,5 +11805,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { AbstractScPriceCard, AuthMethod, CURRENT_COUNTRY_ID, CostWithDiscountComponent, FilesAndDocumentsComponent, FilesAndDocumentsModule, FinishDateTimeTransformerDirective, IDLE_ITEM_STATE, IS_DEFAULT_COUNTRY, MAX_FILES_IN_FORM_INPUT, SC_ALLOW_SELECT_TERMINATED, SC_BANNER_DURATION, SC_CATALOG_PRODUCTS_FILTERS, SC_CATALOG_SHOW_PRODUCTS_RECURSIVELY, SC_DATE_FORMATTER, SC_DEBOUNCE_TIME_DEFAULT, SC_DIALOG_SERVICE_TOKEN, SC_ERROR_CHANGE_HANDLER, SC_FAQ_GROUP_QUERY_PARAM, SC_FAQ_QUESTION_ANCHOR_PREFIX, SC_HELP_NOTIFICATION_CLOSE, SC_HELP_NOTIFICATION_LIMIT, SC_HIDDEN_PRINT_ELEMENTS, SC_MANAGER_QR_HANDLER, SC_NOTIFY_WHEN_IN_STOCK_REQUIRED_FIELDS, SC_ORDER_FORM_CONFIG, SC_ORDER_OPTIONS, SC_PAGE_SIZE_OPTIONS$1 as SC_PAGE_SIZE_OPTIONS, SC_SHOW_HELP_NOTIFICATION_IN_PHONE_INPUT, SC_USER_CITY_INFO, SC_USER_INFO, SC_USER_PROVIDERS, SC_VERIFICATION_CODE_TIMEOUT, ScAccordionComponent, ScAccordionContentDirective, ScAccordionModule, ScAddContactDialogComponent, ScAddContragentBankAccountsDialogComponent, ScAddContragentDialogComponent, ScAddDeliveryAddressDialogComponent, ScAddOrEditingCartItemDialogComponent, ScAddOrEditingCartItemFormComponent, ScAddressesSelectionFieldComponent, ScAuthModule, ScBannerComponent, ScBannerModule, ScBrandsListComponent, ScBrandsListModule, ScCartAddProductsFromCsvDialogComponent, ScCatalogFilterCollapsibleComponent, ScCatalogFiltersComponent, ScCatalogModule, ScCategoryCardComponent, ScContactsAccordionComponent, ScContactsModule, ScContragentsAccordionComponent, ScContragentsAccordionItemComponent, ScContragentsModule, ScDeliveryAddressAccordionComponent, ScDeliveryAddressAccordionItemComponent, ScDeliveryAddressModule, ScDownloadPriceListComponent, ScDraftComponent, ScEmailLinkDirective, ScErrorBlockStatusComponent, ScErrorHandlerComponent, ScFavoriteButtonComponent, ScFeedbackFormComponent, ScFocusFirstInvalidFieldDirective, ScFormFieldsModule, ScFormatDatePipe, ScFrequentlyAskedQuestionsComponent, ScFrequentlyAskedQuestionsGroupSelectorComponent, ScFrequentlyAskedQuestionsWithGroupsComponent, ScGratitudeComponent, ScHelpNotificationService, ScHoverImageCarouselComponent, ScInputQuantityComponent, ScLinks, ScManagerCardComponent, ScManagerCardPushComponent, ScNewContactFormComponent, ScNewContragentBankAccountsFormComponent, ScNewContragentFormComponent, ScNewOrderItemsComponent, ScNewsCardComponent, ScNewsCardSkeletonComponent, ScNewsListComponent, ScNewsModule, ScNextInputFocusDirective, ScNextInputFocusModule, ScNoindexDirective, ScNoindexWrapperComponent, ScNotifyWhenInStockDialogComponent, ScOrderAccessorDirective, ScOrderFormComponent, ScOrderItemComponent, ScOrderItemsListByStockComponent, ScOrderItemsListComponent, ScOrderItemsListWithActionsComponent, ScOrderModule, ScPaginationLinksComponent, ScPaymentStatusComponent, ScPersonalDataProcessingPolicyComponent, ScPhoneFormatPipe, ScPreviewSampleComponent, ScPreviewSampleModule, ScPreviewSamplesMosquitoComponent, ScPriceCardComponent, ScPriceCardInlineComponent, ScPriceHistoryComponent, ScPriceListPaginationComponent, ScPriceWarehouseStockComponent, ScPrintDirective, ScPrintService, ScPrivacyPolicyComponent, ScProductInAllWarehousesPipe, ScProfileAccordionsContentComponent, ScProfileModule, ScPublicOfferComponent, ScQRCodeDialogComponent, ScQRCodeModule, ScResetUserPasswordComponent, ScResourcePreviewComponent, ScSandwichComponent, ScSandwichM2Component, ScSandwichM2SkeletonComponent, ScSandwichSkeletonComponent, ScSelectOnFocusinDirective, ScSeoTagsComponent, ScShareButtonComponent, ScShareDialogComponent, ScShareMessengersLinksComponent, ScShareService, ScSignInFormByEmailComponent, ScSignInFormByPhoneComponent, ScSignInFormComponent, ScSignUpFormComponent, ScSimpleSignUpFormComponent, ScSuggestionFieldComponent, ScTelLinkDirective, ScTerminalLinkDirective, ScUpdateUserInfoDialogComponent, ScUserManagersComponent, ScUserModule, ScUserPhoneApproveDialogComponent, ScVerificationModule, ScVerificationPhoneCheckFormComponent, TreeDirective, TreeIconService, TreeLoaderService, TreeTopDirective, cleanupRecaptchaArtifacts, phoneValidator, scAtLeastOneRequiredValidator, scBicValidator, scClientUiIconsName, scCorrespondentAccountValidator, scGetCurrentRoute, scGetFaqGroupQueryParams, scGetFaqQuestionAnchor, scGetFaqQuestionIdFromAnchor, scPasswordConfirmMatchingValidator, stepValidator, tuiDateValueTransformerDefaultProvider };
+export { AbstractScPriceCard, AuthMethod, CURRENT_COUNTRY_ID, CostWithDiscountComponent, FilesAndDocumentsComponent, FilesAndDocumentsModule, FinishDateTimeTransformerDirective, IDLE_ITEM_STATE, IS_DEFAULT_COUNTRY, MAX_FILES_IN_FORM_INPUT, SC_ALLOW_SELECT_TERMINATED, SC_BANNER_DURATION, SC_CATALOG_PRODUCTS_FILTERS, SC_CATALOG_SHOW_PRODUCTS_RECURSIVELY, SC_DATE_FORMATTER, SC_DEBOUNCE_TIME_DEFAULT, SC_DIALOG_SERVICE_TOKEN, SC_ERROR_CHANGE_HANDLER, SC_FAQ_GROUP_QUERY_PARAM, SC_FAQ_QUESTION_ANCHOR_PREFIX, SC_HELP_NOTIFICATION_CLOSE, SC_HELP_NOTIFICATION_LIMIT, SC_HIDDEN_PRINT_ELEMENTS, SC_MANAGER_QR_HANDLER, SC_NOTIFY_WHEN_IN_STOCK_REQUIRED_FIELDS, SC_ORDER_FORM_CONFIG, SC_ORDER_OPTIONS, SC_PAGE_SIZE_OPTIONS$1 as SC_PAGE_SIZE_OPTIONS, SC_SHOW_HELP_NOTIFICATION_IN_PHONE_INPUT, SC_SMART_CAPTCHA_LOAD_TIMEOUT, SC_SMART_CAPTCHA_SETTINGS, SC_USER_CITY_INFO, SC_USER_INFO, SC_USER_PROVIDERS, SC_VERIFICATION_CODE_TIMEOUT, ScAccordionComponent, ScAccordionContentDirective, ScAccordionModule, ScAddContactDialogComponent, ScAddContragentBankAccountsDialogComponent, ScAddContragentDialogComponent, ScAddDeliveryAddressDialogComponent, ScAddOrEditingCartItemDialogComponent, ScAddOrEditingCartItemFormComponent, ScAddressesSelectionFieldComponent, ScAuthModule, ScBannerComponent, ScBannerModule, ScBrandsListComponent, ScBrandsListModule, ScCartAddProductsFromCsvDialogComponent, ScCatalogFilterCollapsibleComponent, ScCatalogFiltersComponent, ScCatalogModule, ScCategoryCardComponent, ScContactsAccordionComponent, ScContactsModule, ScContragentsAccordionComponent, ScContragentsAccordionItemComponent, ScContragentsModule, ScDeliveryAddressAccordionComponent, ScDeliveryAddressAccordionItemComponent, ScDeliveryAddressModule, ScDownloadPriceListComponent, ScDraftComponent, ScEmailLinkDirective, ScErrorBlockStatusComponent, ScErrorHandlerComponent, ScFavoriteButtonComponent, ScFeedbackFormComponent, ScFocusFirstInvalidFieldDirective, ScFormFieldsModule, ScFormatDatePipe, ScFrequentlyAskedQuestionsComponent, ScFrequentlyAskedQuestionsGroupSelectorComponent, ScFrequentlyAskedQuestionsWithGroupsComponent, ScGratitudeComponent, ScHelpNotificationService, ScHoverImageCarouselComponent, ScInputQuantityComponent, ScLinks, ScManagerCardComponent, ScManagerCardPushComponent, ScNewContactFormComponent, ScNewContragentBankAccountsFormComponent, ScNewContragentFormComponent, ScNewOrderItemsComponent, ScNewsCardComponent, ScNewsCardSkeletonComponent, ScNewsListComponent, ScNewsModule, ScNextInputFocusDirective, ScNextInputFocusModule, ScNoindexDirective, ScNoindexWrapperComponent, ScNotifyWhenInStockDialogComponent, ScOrderAccessorDirective, ScOrderFormComponent, ScOrderItemComponent, ScOrderItemsListByStockComponent, ScOrderItemsListComponent, ScOrderItemsListWithActionsComponent, ScOrderModule, ScPaginationLinksComponent, ScPaymentStatusComponent, ScPersonalDataProcessingPolicyComponent, ScPhoneFormatPipe, ScPreviewSampleComponent, ScPreviewSampleModule, ScPreviewSamplesMosquitoComponent, ScPriceCardComponent, ScPriceCardInlineComponent, ScPriceHistoryComponent, ScPriceListPaginationComponent, ScPriceWarehouseStockComponent, ScPrintDirective, ScPrintService, ScPrivacyPolicyComponent, ScProductInAllWarehousesPipe, ScProfileAccordionsContentComponent, ScProfileModule, ScPublicOfferComponent, ScQRCodeDialogComponent, ScQRCodeModule, ScResetUserPasswordComponent, ScResourcePreviewComponent, ScSandwichComponent, ScSandwichM2Component, ScSandwichM2SkeletonComponent, ScSandwichSkeletonComponent, ScScriptsService, ScSelectOnFocusinDirective, ScSeoTagsComponent, ScShareButtonComponent, ScShareDialogComponent, ScShareMessengersLinksComponent, ScShareService, ScSignInFormByEmailComponent, ScSignInFormByPhoneComponent, ScSignInFormComponent, ScSignUpFormComponent, ScSimpleSignUpFormComponent, ScSmartCaptchaComponent, ScSmartCaptchaLoaderService, ScSuggestionFieldComponent, ScTelLinkDirective, ScTerminalLinkDirective, ScUpdateUserInfoDialogComponent, ScUserManagersComponent, ScUserModule, ScUserPhoneApproveDialogComponent, ScVerificationModule, ScVerificationPhoneCheckFormComponent, TreeDirective, TreeIconService, TreeLoaderService, TreeTopDirective, phoneValidator, scAtLeastOneRequiredValidator, scBicValidator, scClientUiIconsName, scCorrespondentAccountValidator, scGetCurrentRoute, scGetFaqGroupQueryParams, scGetFaqQuestionAnchor, scGetFaqQuestionIdFromAnchor, scPasswordConfirmMatchingValidator, stepValidator, tuiDateValueTransformerDefaultProvider };
 //# sourceMappingURL=snabcentr-client-ui.mjs.map