@snabcentr/client-ui 3.52.0 → 3.52.2

package/fesm2022/snabcentr-client-ui.mjs

@@ -1,20 +1,20 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, inject, Injectable, NgZone, signal, EventEmitter, ChangeDetectorRef, Directive, Input, Output, Pipe, ElementRef, HostListener, Renderer2, ContentChildren, NgModule, input, computed, Component, ChangeDetectionStrategy, Inject, HostBinding, model, output, SkipSelf, DestroyRef, effect, ContentChild, ViewChild, viewChild, Optional, forwardRef } from '@angular/core';
+import { InjectionToken, inject, Injectable, NgZone, signal, EventEmitter, ChangeDetectorRef, Directive, Input, Output, Pipe, ElementRef, HostListener, Renderer2, ContentChildren, NgModule, input, computed, Component, ChangeDetectionStrategy, Inject, HostBinding, model, output, SkipSelf, DestroyRef, effect, ContentChild, ViewChild, viewChild, Optional, contentChild, TemplateRef, forwardRef } from '@angular/core';
 import * as i1 from '@snabcentr/client-core';
 import { ScContactsService, ScUserService, ScLocationsService, ScAuthService, SEARCH_TERM, ScUnitsHelper, ScImageHelper, SC_PATH_IMAGE_NOT_FOUND, ScImage, ScPhoneService, ScUserMetrikaService, ScUserMetrikaGoalsEnum, IS_RUNNING_ON_TERMINAL, ScVCardService, ScVerificationService, ScISuggestionType, SC_MIN_LENGTH_SEARCH_TERM, ScConvertersService, ScOpfList, ScReferencesService, ScContragentService, ScBannerService, ScMediaImageTransformerPipe, ScCartService, ScUploadedFile, SC_ORDER_LOADER, ScMimeTypes, ScCatalogService, SC_URLS, IS_SERVER, ScWarehouseService, SEARCH_TERM_PROVIDERS, ScPaginationService, SC_NEXT_PAGE_PAGINATION_CLICK, SC_PRODUCT_PAGINATION_OPTIONS, ScCatalogFilterService, ScIdOrSlugPipe, SC_CATEGORY_INFO, ScConfiguratorService, RESPONSE, ScIconTypesEnum, ScDocumentInfoTypesEnum, ScOrderDraftsService, ScRouteKeys, ScSeoService, scOrderIsLoaded, ScFrequentlyAskedQuestionsService, SC_COMPANY_INFO, ScFeedbackService } from '@snabcentr/client-core';
 import * as i5$1 from 'rxjs';
-import { EMPTY, BehaviorSubject, switchMap, of, shareReplay, map, Subject, filter, tap, catchError, finalize, startWith, share, timer, scan, takeWhile, endWith, distinctUntilChanged, debounceTime, throwError, combineLatest, Observable, pairwise, merge, skip, from, concatMap, noop, first } from 'rxjs';
+import { EMPTY, BehaviorSubject, switchMap, of, shareReplay, map, Subject, filter, tap, catchError, finalize, startWith, share, timer, scan, takeWhile, endWith, distinctUntilChanged, debounceTime, throwError, combineLatest, Observable, pairwise, Subscription, merge, skip, from, concatMap, noop, first } from 'rxjs';
 import { WA_WINDOW } from '@ng-web-apis/common';
 import { takeUntilDestroyed, toSignal, outputFromObservable, toObservable } from '@angular/core/rxjs-interop';
 import * as i4$1 from '@taiga-ui/cdk';
 import { TuiDay, TuiTime, TuiValueTransformer, TUI_IS_MOBILE, tuiControlValue, tuiIsPresent, tuiMarkControlAsTouchedAndValidate, tuiIsFalsy, TuiAutoFocus, TuiRepeatTimes, TuiHovered, TuiDayRange, TuiMonth, tuiPure, tuiProvide, TUI_WINDOW_SIZE, TuiValidationError, TUI_TRUE_HANDLER } from '@taiga-ui/cdk';
 import * as i2$1 from '@taiga-ui/kit';
-import { TUI_DATE_VALUE_TRANSFORMER, TuiPreview, TuiAvatar, TuiAccordionItem, TuiElasticContainer, TuiAccordion, TuiFieldErrorPipe, TuiFilterByInputPipe, TuiStringifyContentPipe, TuiDataListWrapper, TuiButtonLoading, TuiSortCountriesPipe, TuiStepper, TuiCarousel, TuiPush, TuiCheckbox, TuiFiles, TuiChip, TuiInputNumber, TuiBadge, TuiTooltip, TuiHighlight, TuiLineClamp, TuiRadio, TuiInputRange, tuiInputNumberOptionsProvider, TuiDataListWrapperComponent, TuiChevron, TuiSelect, TuiInputSlider, TuiTreeService, TuiTreeItemContent, TUI_TREE_START, TUI_TREE_CONTENT, TUI_TREE_LOADING, TUI_TREE_LOADER, TuiTree, TuiPreviewDialogService, TUI_CONFIRM, tuiItemsHandlersProvider as tuiItemsHandlersProvider$1, TuiPagination, TuiAccordionDirective, TuiAccordionItemContent, tuiFilesAccepted } from '@taiga-ui/kit';
+import { TUI_DATE_VALUE_TRANSFORMER, TuiPreview, TuiAvatar, TuiAccordionItem, TuiElasticContainer, TuiAccordion, TuiFieldErrorPipe, TuiFilterByInputPipe, TuiStringifyContentPipe, TuiDataListWrapper, TuiButtonLoading, TuiSortCountriesPipe, TuiStepper, TuiCarousel, TuiPush, TuiCheckbox, TuiFiles, TuiChip, TuiInputNumber, TuiBadge, TuiTooltip, TuiHighlight, TuiLineClamp, TuiFade, TuiRange, tuiInputNumberOptionsProvider, TuiDataListWrapperComponent, TuiChevron, TuiSelect, TuiInputSlider, TuiTreeService, TuiTreeItemContent, TUI_TREE_START, TUI_TREE_CONTENT, TUI_TREE_LOADING, TUI_TREE_LOADER, TuiTree, TuiPreviewDialogService, TUI_CONFIRM, tuiItemsHandlersProvider as tuiItemsHandlersProvider$1, TuiPagination, TuiAccordionDirective, TuiAccordionItemContent, tuiFilesAccepted } from '@taiga-ui/kit';
 import { HttpClient, HttpErrorResponse } from '@angular/common/http';
 import * as i1$1 from '@angular/forms';
 import { FormControl, FormGroupDirective, NgControl, FormGroup, Validators, FormArray, FormsModule, ReactiveFormsModule } from '@angular/forms';
 import * as i1$2 from '@taiga-ui/core';
-import { TuiButton, TuiDialog, TuiDialogService, TuiLink, TuiFallbackSrcPipe, TuiInitialsPipe, TuiIcon, TuiAppearance, TuiWithAppearance, TuiIcons, TuiWithIcons, TUI_DATA_LIST_HOST, tuiDropdownOptionsProvider, TuiLabel, TuiError, TuiLoader, TuiDataList, TuiNotification, TuiTextfield, TuiTitle, TuiNumberFormat, TuiHint, TUI_MONTHS, tuiNumberFormatProvider, tuiItemsHandlersProvider, tuiTextfieldOptionsProvider, tuiHintOptionsProvider, TuiFormatNumberPipe, TuiHintDriver, TuiHintHover, TuiHintPosition, TuiHintDirective, TUI_BUTTON_OPTIONS, TUI_BUTTON_DEFAULT_OPTIONS, TuiScrollbar, TuiSurface, tuiFadeIn } from '@taiga-ui/core';
+import { TuiButton, TuiDialog, TuiDialogService, TuiLink, TuiFallbackSrcPipe, TuiInitialsPipe, TuiIcon, TuiAppearance, TuiWithAppearance, TuiIcons, TuiWithIcons, TUI_DATA_LIST_HOST, tuiDropdownOptionsProvider, TuiLabel, TuiError, TuiLoader, TuiDataList, TuiNotification, TuiTextfield, TuiTitle, TuiNumberFormat, TuiHint, TUI_MONTHS, TuiScrollbar, tuiNumberFormatProvider, tuiItemsHandlersProvider, tuiTextfieldOptionsProvider, tuiHintOptionsProvider, TuiFormatNumberPipe, TuiHintDriver, TuiHintHover, TuiHintPosition, TuiHintDirective, TUI_BUTTON_OPTIONS, TUI_BUTTON_DEFAULT_OPTIONS, TuiSurface, tuiFadeIn } from '@taiga-ui/core';
 import { isValidPhoneNumber } from 'libphonenumber-js/max';
 import * as i4 from '@taiga-ui/legacy/components/primitive-textfield';
 import * as i3 from '@taiga-ui/legacy';
@@ -25,7 +25,7 @@ import * as i5 from '@taiga-ui/core/components/label';
 import * as i8 from '@maskito/angular';
 import { MaskitoDirective } from '@maskito/angular';
 import * as i2$2 from '@angular/common';
-import { DOCUMENT, CommonModule, NgIf, AsyncPipe, DecimalPipe, NgFor, NgClass } from '@angular/common';
+import { DOCUMENT, CommonModule, NgIf, AsyncPipe, NgTemplateOutlet, DecimalPipe, NgFor, NgClass } from '@angular/common';
 import * as i2$3 from '@taiga-ui/polymorpheus';
 import { POLYMORPHEUS_CONTEXT, PolymorpheusComponent, PolymorpheusTemplate, PolymorpheusOutlet, injectContext } from '@taiga-ui/polymorpheus';
 import * as i2 from 'angularx-qrcode';
@@ -46,10 +46,10 @@ import { TuiCardLarge, TuiBlockStatus, TuiHeader } from '@taiga-ui/layout';
 import { __decorate } from 'tslib';
 import * as i4$2 from '@taiga-ui/addon-charts';
 import { TuiLineDaysChart, TuiLineDaysChartHint, TuiAxes } from '@taiga-ui/addon-charts';
-import * as i2$5 from '@taiga-ui/experimental/components/expand';
 import * as i5$2 from '@taiga-ui/kit/components/slider';
 import * as i9 from 'angular8-yandex-maps';
 import { AngularYandexMapsModule } from 'angular8-yandex-maps';
+import * 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';
@@ -838,36 +838,63 @@ const ScLinks = [ScTelLinkDirective, ScEmailLinkDirective, ScPhoneFormatPipe];
 /* eslint-disable lodash/prefer-lodash-method */
 /**
  * Директива для перехода по нажатию клавиши enter на следующее поле ввода формы.
+ * Поддерживает как legacy Taiga UI v3 контролы (AbstractTuiControl), так и новые v4
+ * (tui-textfield + нативные input) — через DOM-fallback.
  */
 class ScNextInputFocusDirective {
+    constructor() {
+        /**
+         * Элемент формы.
+         */
+        this.el = inject(ElementRef);
+    }
     /**
-     * Слушатель нажатия на клавишу enter. Предотвращает событие submit, выполняет смену фокуса на следующее поле ввода TuiFocusableElementAccessor.
+     * По Enter — переход на следующее редактируемое поле формы.
+     * Сначала пробует legacy Taiga UI v3 контролы, затем DOM fallback для v4.
      *
-     * @param event Объект события нажатия на клавишу.
+     * @param event Событие нажатия клавиши.
      */
     onFormKeyDownEnter(event) {
         if (event.code !== 'Enter' && event.key !== 'Enter') {
             return;
         }
         event.preventDefault();
-        const elements = this.focusableElements.toArray();
-        const focusedIndex = elements.findIndex((control) => control.focused);
-        if (focusedIndex !== -1) {
-            const nextElement = elements[focusedIndex + 1]?.nativeFocusableElement;
-            if (nextElement) {
-                nextElement.focus();
+        // Taiga UI v3: переход через AbstractTuiControl (legacy-обёртки tui-input, tui-input-number и др.).
+        const legacy = this.legacyControls.toArray();
+        const legacyIndex = legacy.findIndex((control) => control.focused);
+        if (legacyIndex !== -1) {
+            const next = legacy[legacyIndex + 1]?.nativeFocusableElement;
+            if (next) {
+                next.focus();
+                return;
             }
         }
+        // Taiga UI v4: переход через DOM — ищем нативные input внутри формы (tui-textfield + директивы).
+        const { target } = event;
+        if (!(target instanceof HTMLInputElement) || target.type === 'range') {
+            return;
+        }
+        // eslint-disable-next-line unicorn/prefer-spread
+        const inputs = Array.from(this.el.nativeElement.querySelectorAll('input')).filter((element) => element.type !== 'range' && !element.readOnly && !element.disabled);
+        const currentIndex = inputs.indexOf(target);
+        if (currentIndex === -1) {
+            return;
+        }
+        const nextInput = inputs.at(currentIndex + 1);
+        if (nextInput) {
+            nextInput.focus();
+            nextInput.select();
+        }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScNextInputFocusDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: ScNextInputFocusDirective, selector: "form[ScNextInputFocus]", host: { listeners: { "keydown": "onFormKeyDownEnter($event)" } }, queries: [{ propertyName: "focusableElements", predicate: AbstractTuiControl, descendants: true }], ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: ScNextInputFocusDirective, selector: "form[ScNextInputFocus]", host: { listeners: { "keydown": "onFormKeyDownEnter($event)" } }, queries: [{ propertyName: "legacyControls", predicate: AbstractTuiControl, descendants: true }], ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScNextInputFocusDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'form[ScNextInputFocus]',
                 }]
-        }], propDecorators: { focusableElements: [{
+        }], propDecorators: { legacyControls: [{
                 type: ContentChildren,
                 args: [AbstractTuiControl, { descendants: true }]
             }], onFormKeyDownEnter: [{
@@ -5600,6 +5627,60 @@ const SC_CATALOG_PRODUCTS_FILTERS = new InjectionToken('SC_CATALOG_PRODUCTS_FILT
  */
 const SC_CATALOG_SHOW_PRODUCTS_RECURSIVELY = new InjectionToken('SC_CATALOG_SHOW_PRODUCTS_RECURSIVELY');
 
+/**
+ * Контейнер сворачивания для длинного списка вариантов фильтра.
+ *
+ * Когда число элементов превышает порог: свёрнут — fade с обрезкой, развёрнут — scrollbar.
+ * Иначе рендерит контент без обёртки и кнопки переключения.
+ *
+ * Контент проецируется как `<ng-template>` — это сохраняет инжектор `ControlContainer`
+ * родителя для `formControlName`/`formGroupName` внутри проецируемого фрагмента.
+ */
+class ScCatalogFilterCollapsibleComponent {
+    constructor() {
+        /**
+         * Число элементов содержимого, по которому решается необходимость сворачивания.
+         */
+        this.itemsCount = input.required();
+        /**
+         * Показывать ли кнопку сброса значений группы.
+         */
+        this.showReset = input(false);
+        /**
+         * Событие нажатия на кнопку сброса группы.
+         */
+        this.resetGroup = output();
+        /**
+         * Проецируемое содержимое (объявляется в шаблоне родителя как `<ng-template>`).
+         */
+        this.contentTpl = contentChild.required(TemplateRef);
+        /**
+         * Развёрнут ли список.
+         */
+        this.isExpanded = signal(false);
+        /**
+         * Нужно ли сворачивание для текущего числа элементов.
+         */
+        this.isCollapsible = computed(() => this.itemsCount() > ScCatalogFilterCollapsibleComponent.COLLAPSE_THRESHOLD);
+    }
+    /**
+     * Порог числа вариантов, после которого включается сворачивание с {@link TuiFade}.
+     */
+    static { this.COLLAPSE_THRESHOLD = 5; }
+    /**
+     * Переключает развёрнутость списка.
+     */
+    toggle() {
+        this.isExpanded.update((value) => !value);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScCatalogFilterCollapsibleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ScCatalogFilterCollapsibleComponent, isStandalone: true, selector: "sc-catalog-filter-collapsible", inputs: { itemsCount: { classPropertyName: "itemsCount", publicName: "itemsCount", isSignal: true, isRequired: true, transformFunction: null }, showReset: { classPropertyName: "showReset", publicName: "showReset", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { resetGroup: "resetGroup" }, queries: [{ propertyName: "contentTpl", first: true, predicate: TemplateRef, descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"flex flex-col gap-2\">\n    @if (isCollapsible()) {\n        @if (isExpanded()) {\n            <tui-scrollbar [style.max-block-size]=\"'11rem'\">\n                <ng-container *ngTemplateOutlet=\"contentTpl()\" />\n            </tui-scrollbar>\n        } @else {\n            <div\n                class=\"filter-group-fade\"\n                tuiFade=\"vertical\"\n                tuiFadeHeight=\"0.25rem\"\n                tuiFadeOffset=\"0.25rem\"\n            >\n                <ng-container *ngTemplateOutlet=\"contentTpl()\" />\n            </div>\n        }\n\n        <div class=\"flex items-center justify-between\">\n            <button\n                tuiLink\n                type=\"button\"\n                class=\"text-start !text-body-s\"\n                [style.text-decoration-line]=\"'underline'\"\n                (click)=\"toggle()\"\n            >\n                @if (isExpanded()) {\n                    \u0421\u0432\u0435\u0440\u043D\u0443\u0442\u044C\n                } @else {\n                    \u041F\u043E\u043A\u0430\u0437\u0430\u0442\u044C \u0435\u0449\u0451\n                }\n            </button>\n            @if (showReset()) {\n                <button\n                    tuiLink\n                    appearance=\"\"\n                    [style.color]=\"'var(--tui-status-negative)'\"\n                    [style.text-decoration-line]=\"'underline'\"\n                    type=\"button\"\n                    class=\"!text-body-s\"\n                    (click)=\"resetGroup.emit()\"\n                >\n                    \u0421\u0431\u0440\u043E\u0441\u0438\u0442\u044C\n                </button>\n            }\n        </div>\n    } @else {\n        <ng-container *ngTemplateOutlet=\"contentTpl()\" />\n        @if (showReset()) {\n            <button\n                tuiLink\n                type=\"button\"\n                class=\"text-start !text-body-s\"\n                (click)=\"resetGroup.emit()\"\n            >\n                \u0421\u0431\u0440\u043E\u0441\u0438\u0442\u044C\n            </button>\n        }\n    }\n</div>\n", styles: [".filter-group-fade{box-sizing:border-box;max-block-size:9rem;overflow:hidden!important;transition:none!important}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: TuiFade, selector: "[tuiFade]", inputs: ["tuiFadeHeight", "tuiFadeSize", "tuiFadeOffset", "tuiFade"] }, { kind: "directive", type: TuiLink, selector: "a[tuiLink], button[tuiLink]", inputs: ["pseudo"] }, { kind: "component", type: TuiScrollbar, selector: "tui-scrollbar", inputs: ["hidden"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScCatalogFilterCollapsibleComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: 'sc-catalog-filter-collapsible', changeDetection: ChangeDetectionStrategy.OnPush, imports: [NgTemplateOutlet, TuiFade, TuiLink, TuiScrollbar], template: "<div class=\"flex flex-col gap-2\">\n    @if (isCollapsible()) {\n        @if (isExpanded()) {\n            <tui-scrollbar [style.max-block-size]=\"'11rem'\">\n                <ng-container *ngTemplateOutlet=\"contentTpl()\" />\n            </tui-scrollbar>\n        } @else {\n            <div\n                class=\"filter-group-fade\"\n                tuiFade=\"vertical\"\n                tuiFadeHeight=\"0.25rem\"\n                tuiFadeOffset=\"0.25rem\"\n            >\n                <ng-container *ngTemplateOutlet=\"contentTpl()\" />\n            </div>\n        }\n\n        <div class=\"flex items-center justify-between\">\n            <button\n                tuiLink\n                type=\"button\"\n                class=\"text-start !text-body-s\"\n                [style.text-decoration-line]=\"'underline'\"\n                (click)=\"toggle()\"\n            >\n                @if (isExpanded()) {\n                    \u0421\u0432\u0435\u0440\u043D\u0443\u0442\u044C\n                } @else {\n                    \u041F\u043E\u043A\u0430\u0437\u0430\u0442\u044C \u0435\u0449\u0451\n                }\n            </button>\n            @if (showReset()) {\n                <button\n                    tuiLink\n                    appearance=\"\"\n                    [style.color]=\"'var(--tui-status-negative)'\"\n                    [style.text-decoration-line]=\"'underline'\"\n                    type=\"button\"\n                    class=\"!text-body-s\"\n                    (click)=\"resetGroup.emit()\"\n                >\n                    \u0421\u0431\u0440\u043E\u0441\u0438\u0442\u044C\n                </button>\n            }\n        </div>\n    } @else {\n        <ng-container *ngTemplateOutlet=\"contentTpl()\" />\n        @if (showReset()) {\n            <button\n                tuiLink\n                type=\"button\"\n                class=\"text-start !text-body-s\"\n                (click)=\"resetGroup.emit()\"\n            >\n                \u0421\u0431\u0440\u043E\u0441\u0438\u0442\u044C\n            </button>\n        }\n    }\n</div>\n", styles: [".filter-group-fade{box-sizing:border-box;max-block-size:9rem;overflow:hidden!important;transition:none!important}\n"] }]
+        }] });
+
 /* eslint-disable class-methods-use-this */
 /**
  * Компонент вывода фильтров каталога.
@@ -5610,9 +5691,9 @@ class ScCatalogFiltersComponent {
      */
     constructor() {
         /**
-         * Состояние открытия accordion.
+         * Подписки синхронизации контролов формы (range slider, single-select checkbox).
          */
-        this.isOpenAccordion = input(false);
+        this.formSyncs = new Subscription();
         /**
          * Сервис для работы с фильтрами каталога.
          */
@@ -5630,16 +5711,31 @@ class ScCatalogFiltersComponent {
          */
         this.isRecursively = inject(SC_CATALOG_SHOW_PRODUCTS_RECURSIVELY);
         /**
-         * {@link Observable} фильтров категории.
+         * Показывать ли кнопку «Показать результаты».
          */
-        this.filters = toSignal(inject(SC_CATEGORY_INFO).pipe(catchError(() => EMPTY), filter(tuiIsPresent), switchMap((category) => this.catalogFilterService.getFilters$(this.idOrSlugPipe.transform(category), this.isRecursively)), map((filters) => filters.filter((item) => item.type !== 'range' || item.min !== item.max)), tap((filters) => {
-            this.updateFormControls(filters);
-        }), share()));
+        this.showResultsButton = input(false);
+        /**
+         * Событие нажатия на кнопку сброса всех фильтров.
+         */
+        this.resetFilters = output();
+        /**
+         * Событие нажатия на кнопку показа результатов.
+         */
+        this.showResults = output();
         /**
          * FormGroup для фильтров.
          */
         this.form = new FormGroup({});
-        this.form.valueChanges.pipe(takeUntilDestroyed()).subscribe((filters) => {
+        /**
+         * {@link Observable} фильтров категории.
+         */
+        this.filters = toSignal(inject(SC_CATEGORY_INFO).pipe(catchError(() => EMPTY), filter(tuiIsPresent), switchMap((category) => this.catalogFilterService.getFilters$(this.idOrSlugPipe.transform(category), this.isRecursively)), filter(tuiIsPresent), map((filters) => filters.filter((item) => item.type !== 'range' || item.min !== item.max)), tap((filters) => {
+            this.updateFormControls(filters);
+        }), share()));
+        inject(DestroyRef).onDestroy(() => {
+            this.formSyncs.unsubscribe();
+        });
+        this.form.valueChanges.pipe(debounceTime(0), takeUntilDestroyed()).subscribe((filters) => {
             this.catalogProductsFilters$.next(this.buildPropertyFilters(filters));
         });
     }
@@ -5649,17 +5745,28 @@ class ScCatalogFiltersComponent {
      * @param filters Массив фильтров для создания контролов.
      */
     updateFormControls(filters) {
+        this.formSyncs.unsubscribe();
+        this.formSyncs = new Subscription();
         Object.keys(this.form.controls).forEach((key) => {
             this.form.removeControl(key, { emitEvent: false });
         });
         filters.forEach((item) => {
             switch (item.type) {
-                case 'checkbox':
-                    this.form.addControl(item.id, this.createCheckboxFormControl(item), { emitEvent: false });
+                case 'checkbox': {
+                    const checkboxControl = this.createCheckboxFormControl(item);
+                    this.form.addControl(item.id, checkboxControl, { emitEvent: false });
+                    // Single-select для !isMultiple: при выборе одного остальные снимаются.
+                    if (!item.isMultiple && item.values.length > 1) {
+                        this.formSyncs.add(this.syncSingleSelectCheckbox(checkboxControl));
+                    }
                     break;
-                case 'range':
-                    this.form.addControl(item.id, this.createRangeFormControl(item), { emitEvent: false });
+                }
+                case 'range': {
+                    const rangeControl = this.createRangeFormControl(item);
+                    this.form.addControl(item.id, rangeControl, { emitEvent: false });
+                    this.formSyncs.add(this.syncRangeFromToAndSlider(rangeControl));
                     break;
+                }
                 case 'toggle':
                     this.form.addControl(item.id, this.createToggleFormControl(item), { emitEvent: false });
                     break;
@@ -5683,7 +5790,7 @@ class ScCatalogFiltersComponent {
             }
             switch (filterItem.type) {
                 case 'checkbox':
-                    this.processCheckboxFilter(result, filterItem.id, controlValue);
+                    this.processCheckboxFilter(result, filterItem, controlValue);
                     break;
                 case 'range':
                     this.processRangeFilter(result, filterItem.id, controlValue);
@@ -5695,34 +5802,111 @@ class ScCatalogFiltersComponent {
                     break;
             }
         });
+        console.log(result);
         return result;
     }
     /**
-     * Создает контрол формы для фильтра типа checkbox.
+     * Создаёт FormGroup для checkbox: на каждый {@code value.id} — булевый контрол.
      *
-     * Если `isMultiple === false` — возвращает {@link FormControl} строкового идентификатора (логика radio),
-     * иначе — {@link FormGroup} независимых булевых контролов по идентификаторам значений.
+     * Единый формат и для одного, и для множества значений: шаблон рендерит их одинаково.
+     * Различие в API-выводе для одиночного значения (boolean вместо массива) обрабатывается в {@link processCheckboxFilter}.
      *
      * @param checkboxFilter Фильтр типа checkbox.
      */
     createCheckboxFormControl(checkboxFilter) {
-        if (!checkboxFilter.isMultiple) {
-            return new FormControl(null);
-        }
+        const isSelected = (id) => checkboxFilter.selectedValues?.includes(id) ?? false;
         const controls = {};
         checkboxFilter.values.forEach((value) => {
-            controls[value.id] = new FormControl(false, { nonNullable: true });
+            controls[value.id] = new FormControl(isSelected(value.id), { nonNullable: true });
         });
         return new FormGroup(controls);
     }
     /**
-     * Создает FormControl для range.
+     * Создаёт {@link FormGroup} для range: {@code from}, {@code to}, {@code slider} (кортеж для {@link TuiRange}).
      *
      * @param rangeFilter Фильтр типа range.
      */
     createRangeFormControl(rangeFilter) {
-        // TODO: Добавить updateOn: 'blur' после исправления бага в taiga-ui.
-        return new FormControl([Number(rangeFilter.selectedMin ?? rangeFilter.min), Number(rangeFilter.selectedMax ?? rangeFilter.max)], { nonNullable: true });
+        const fromValue = Number(rangeFilter.selectedMin ?? rangeFilter.min);
+        const toValue = Number(rangeFilter.selectedMax ?? rangeFilter.max);
+        return new FormGroup({
+            from: new FormControl(fromValue, { nonNullable: true }),
+            to: new FormControl(toValue, { nonNullable: true }),
+            slider: new FormControl([fromValue, toValue], { nonNullable: true }),
+        });
+    }
+    /**
+     * Реализует single-select поведение для FormGroup с булевыми контролами:
+     * при появлении нового true остальные контролы группы сбрасываются в false.
+     *
+     * Сохраняет последнее «стабильное» состояние и сравнивает следующее значение с ним —
+     * новый true (отсутствовал в prev) считается выбранным, остальные сбрасываются через setValue.
+     *
+     * @param group FormGroup checkbox-фильтра (id → boolean).
+     */
+    syncSingleSelectCheckbox(group) {
+        let previousState = group.getRawValue();
+        return group.valueChanges.subscribe((value) => {
+            const current = value;
+            const newlyChecked = Object.entries(current).find(([id, isChecked]) => {
+                // eslint-disable-next-line security/detect-object-injection
+                return isChecked && !previousState[id];
+            })?.[0];
+            if (!newlyChecked) {
+                previousState = { ...current };
+                return;
+            }
+            const next = {};
+            Object.keys(group.controls).forEach((id) => {
+                // eslint-disable-next-line security/detect-object-injection
+                next[id] = id === newlyChecked;
+            });
+            previousState = next;
+            group.setValue(next);
+        });
+    }
+    /**
+     * Связывает поля «от»/«до» с контролом слайдера.
+     *
+     * @param group FormGroup range-фильтра.
+     */
+    syncRangeFromToAndSlider(group) {
+        const from = group.get('from');
+        const to = group.get('to');
+        const slider = group.get('slider');
+        if (!from || !to || !slider) {
+            return new Subscription();
+        }
+        const sub = new Subscription();
+        // Инпуты → слайдер; если «от» > «до», поднимаем «до» до «от».
+        const applySliderFromInputs = () => {
+            const low = Number(from.value);
+            let high = Number(to.value);
+            if (low > high) {
+                high = low;
+                to.setValue(high, { emitEvent: false });
+            }
+            const currentPair = slider.value;
+            if (currentPair[0] !== low || currentPair[1] !== high) {
+                slider.setValue([low, high], { emitEvent: false });
+                slider.markAsDirty();
+            }
+        };
+        sub.add(merge(from.valueChanges, to.valueChanges).subscribe(applySliderFromInputs));
+        sub.add(slider.valueChanges.subscribe((value) => {
+            const [low, high] = value;
+            if (from.value !== low) {
+                from.setValue(low, { emitEvent: false });
+                from.markAsDirty();
+            }
+            if (to.value !== high) {
+                to.setValue(high, { emitEvent: false });
+                to.markAsDirty();
+            }
+        }));
+        // Совпасть с полями при первом показе (уже совпадает при создании, но на всякий случай).
+        applySliderFromInputs();
+        return sub;
     }
     /**
      * Создает FormControl для toggle.
@@ -5733,45 +5917,36 @@ class ScCatalogFiltersComponent {
         return new FormControl(toggleFilter.selectedValue ?? false, { nonNullable: true });
     }
     /**
-     * Обрабатывает checkbox фильтр.
+     * Обрабатывает checkbox: FormGroup → string[] выбранных id; для единственного значения — boolean (как toggle).
      *
      * @param result Объект результата для заполнения.
-     * @param filterId Идентификатор фильтра.
-     * @param controlValue Значение контрола формы.
+     * @param checkboxFilter Метафильтр checkbox.
+     * @param controlValue Значение контрола формы (запись id → boolean).
      */
-    processCheckboxFilter(result, filterId, controlValue) {
-        // Для isMultiple === false: FormControl<string | null> -> string[] из одного выбранного ID.
-        if (typeof controlValue === 'string') {
-            if (controlValue) {
-                // eslint-disable-next-line security/detect-object-injection, no-param-reassign
-                result[filterId] = [controlValue];
-            }
-            return;
-        }
-        // Для checkbox: FormGroup с FormControl<boolean> -> string[] (массив ID выбранных значений).
+    processCheckboxFilter(result, checkboxFilter, controlValue) {
         const selectedIds = Object.entries(controlValue)
             .filter(([, isSelected]) => isSelected)
             .map(([id]) => id);
-        if (selectedIds.length > 0) {
-            // eslint-disable-next-line security/detect-object-injection, no-param-reassign
-            result[filterId] = selectedIds;
+        if (selectedIds.length === 0) {
+            return;
         }
+        // eslint-disable-next-line security/detect-object-injection, no-param-reassign
+        result[checkboxFilter.id] = selectedIds;
     }
     /**
      * Обрабатывает range фильтр.
      *
      * @param result Объект результата для заполнения.
      * @param filterId Идентификатор фильтра.
-     * @param controlValue Значение контрола формы.
-     * @param controlValue.0 Начальное значение диапазона.
-     * @param controlValue.1 Конечное значение диапазона.
+     * @param range Значение контрола формы (объект с границами).
+     * @param range.from Начальное значение диапазона.
+     * @param range.to Конечное значение диапазона.
      */
-    processRangeFilter(result, filterId, [from, to]) {
-        // Для range: FormControl<[number, number]> -> { from?: string; to?: string; }
+    processRangeFilter(result, filterId, range) {
         // eslint-disable-next-line security/detect-object-injection, no-param-reassign
         result[filterId] = {
-            from: String(from),
-            to: String(to),
+            from: String(range.from),
+            to: String(range.to),
         };
     }
     /**
@@ -5782,18 +5957,111 @@ class ScCatalogFiltersComponent {
      * @param controlValue Значение контрола формы.
      */
     processToggleFilter(result, filterId, controlValue) {
-        // Для toggle: FormControl<boolean> -> boolean
         if (controlValue) {
             // eslint-disable-next-line security/detect-object-injection, no-param-reassign
             result[filterId] = controlValue;
         }
     }
+    /**
+     * Сбрасывает поле «от» диапазона к минимальному значению фильтра.
+     *
+     * @param filterId Идентификатор фильтра.
+     * @param min Минимальное значение диапазона.
+     */
+    resetRangeFrom(filterId, min) {
+        this.form.get(filterId)?.get('from')?.reset(+min);
+    }
+    /**
+     * Сбрасывает поле «до» диапазона к максимальному значению фильтра.
+     *
+     * @param filterId Идентификатор фильтра.
+     * @param max Максимальное значение диапазона.
+     */
+    resetRangeTo(filterId, max) {
+        this.form.get(filterId)?.get('to')?.reset(+max);
+    }
+    /**
+     * Сбрасывает все чекбоксы группы в `false`.
+     *
+     * @param filterId Идентификатор фильтра (ключ FormGroup в форме).
+     */
+    resetCheckboxGroup(filterId) {
+        const group = this.form.get(filterId);
+        if (!group) {
+            return;
+        }
+        const resetValue = {};
+        Object.keys(group.controls).forEach((id) => {
+            // eslint-disable-next-line security/detect-object-injection
+            resetValue[id] = false;
+        });
+        group.reset(resetValue);
+    }
+    /**
+     * Сбрасывает все фильтры и оповещает родителя о нажатии кнопки сброса.
+     */
+    onResetFiltersClick() {
+        this.resetAllFilters();
+        this.resetFilters.emit();
+    }
+    /**
+     * Оповещает родителя о нажатии кнопки показа результатов.
+     */
+    onShowResultsClick() {
+        this.showResults.emit();
+    }
+    /**
+     * Сбрасывает все фильтры к исходным значениям.
+     */
+    resetAllFilters() {
+        this.filters()?.forEach((filterItem) => {
+            const control = this.form.get(filterItem.id);
+            if (!control) {
+                return;
+            }
+            switch (filterItem.type) {
+                case 'checkbox': {
+                    const group = control;
+                    const resetValue = {};
+                    Object.keys(group.controls).forEach((id) => {
+                        // eslint-disable-next-line security/detect-object-injection
+                        resetValue[id] = false;
+                    });
+                    group.reset(resetValue);
+                    break;
+                }
+                case 'toggle':
+                    control.reset(false);
+                    break;
+                case 'range': {
+                    const group = control;
+                    const min = +filterItem.min;
+                    const max = +filterItem.max;
+                    group.reset({ from: min, to: max, slider: [min, max] });
+                    break;
+                }
+                default:
+                    break;
+            }
+        });
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScCatalogFiltersComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ScCatalogFiltersComponent, isStandalone: true, selector: "sc-catalog-filters", inputs: { isOpenAccordion: { classPropertyName: "isOpenAccordion", publicName: "isOpenAccordion", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@if (filters()?.length) {\n    <div class=\"bg-tui-base-01 shadow-sc flex flex-col items-center gap-3 rounded-xl\">\n        <tui-accordion class=\"accordion\">\n            <button\n                [tuiAccordion]=\"isOpenAccordion()\"\n                appearance=\"primary\"\n            >\n                \u0424\u0438\u043B\u044C\u0442\u0440\u044B\n            </button>\n            <tui-expand>\n                <form\n                    [formGroup]=\"form\"\n                    class=\"flex flex-col gap-4 pb-1\"\n                >\n                    @for (filter of filters(); track filter.id) {\n                        <div class=\"flex flex-col gap-2\">\n                            <label class=\"text-body-s font-medium\">{{ filter.label }}</label>\n\n                            @if (filter.type === 'checkbox') {\n                                @if (filter.isMultiple === false) {\n                                    <div class=\"flex flex-col gap-2\">\n                                        @for (value of filter.values; track value.id) {\n                                            @let formControl = form.get(filter.id);\n                                            <label class=\"flex items-center gap-2\">\n                                                <input\n                                                    [formControlName]=\"filter.id\"\n                                                    [value]=\"value.id\"\n                                                    tuiRadio\n                                                    (click)=\"formControl?.setValue(formControl?.value === value.id ? null : value.id)\"\n                                                    type=\"radio\"\n                                                />\n                                                <span class=\"text-body-s\">{{ value.label }}</span>\n                                            </label>\n                                        }\n                                    </div>\n                                } @else {\n                                    <div\n                                        [formGroupName]=\"filter.id\"\n                                        class=\"flex flex-col gap-2\"\n                                    >\n                                        @for (value of filter.values; track value.id) {\n                                            <label class=\"flex items-center gap-2\">\n                                                <input\n                                                    [formControlName]=\"value.id\"\n                                                    tuiCheckbox\n                                                    type=\"checkbox\"\n                                                />\n                                                <span class=\"text-body-s\">{{ value.label }}</span>\n                                            </label>\n                                        }\n                                    </div>\n                                }\n                            }\n\n                            @if (filter.type === 'range') {\n                                <tui-input-range\n                                    [formControlName]=\"filter.id\"\n                                    [min]=\"+filter.min\"\n                                    [max]=\"+filter.max\"\n                                />\n                            }\n\n                            @if (filter.type === 'toggle') {\n                                <label class=\"flex items-center gap-2\">\n                                    <input\n                                        [formControlName]=\"filter.id\"\n                                        tuiCheckbox\n                                        type=\"checkbox\"\n                                    />\n                                    <span class=\"text-body-s\">\u0414\u0430</span>\n                                </label>\n                            }\n                        </div>\n                    }\n                </form>\n            </tui-expand>\n        </tui-accordion>\n    </div>\n}\n", styles: [".accordion [tuiAccordion]{border:none;mask:none}.accordion tui-expand{box-shadow:none}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1$1.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]", inputs: ["name", "formControlName", "value"] }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "component", type: TuiCheckbox, selector: "input[type=\"checkbox\"][tuiCheckbox]", inputs: ["size"] }, { kind: "component", type: i2$1.TuiRadioComponent, selector: "input[type=\"radio\"][tuiRadio]", inputs: ["size"] }, { kind: "component", type: i2$1.TuiInputRangeComponent, selector: "tui-input-range", inputs: ["min", "max", "step", "segments", "keySteps", "prefix", "postfix", "quantum", "content"] }, { kind: "component", type: i1$3.TuiAccordionComponent, selector: "tui-accordion", inputs: ["closeOthers", "size"] }, { kind: "directive", type: i1$3.TuiAccordionDirective, selector: "button[tuiAccordion]", inputs: ["tuiAccordion"], outputs: ["tuiAccordionChange"] }, { kind: "component", type: i2$5.TuiExpand, selector: "tui-expand", inputs: ["expanded"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1$1.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ScCatalogFiltersComponent, isStandalone: true, selector: "sc-catalog-filters", inputs: { showResultsButton: { classPropertyName: "showResultsButton", publicName: "showResultsButton", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { resetFilters: "resetFilters", showResults: "showResults" }, ngImport: i0, template: "@if (filters()?.length) {\n    <form\n        [formGroup]=\"form\"\n        class=\"flex flex-col pb-1\"\n    >\n        @for (filter of filters(); track filter.id; let isFirst = $first) {\n            @if (!isFirst) {\n                <hr class=\"my-3 w-full h-px\" />\n            }\n\n            <div class=\"flex flex-col gap-2\">\n                <!-- \u0417\u0430\u0433\u043E\u043B\u043E\u0432\u043E\u043A \u0433\u0440\u0443\u043F\u043F\u044B. \u0414\u043B\u044F toggle \u043F\u043E\u0434\u043F\u0438\u0441\u0438 \u043D\u0435\u0442: \u043C\u0435\u0442\u043A\u0430 \u0438\u0434\u0451\u0442 \u043F\u0440\u044F\u043C\u043E \u0440\u044F\u0434\u043E\u043C \u0441 \u0441\u0430\u043C\u0438\u043C checkbox. -->\n                @if (filter.type !== 'toggle') {\n                    <label class=\"text-body-s-bold\">{{ filter.label }}</label>\n                }\n\n                <!-- Checkbox: FormGroup(value.id \u2192 boolean) \u0434\u043B\u044F \u043B\u044E\u0431\u043E\u0433\u043E \u0447\u0438\u0441\u043B\u0430 \u0437\u043D\u0430\u0447\u0435\u043D\u0438\u0439.\n                     \u0420\u0430\u0437\u0432\u0438\u043B\u043A\u0430 \u043E\u0434\u043D\u043E/\u043C\u043D\u043E\u0433\u043E \u0437\u043D\u0430\u0447\u0435\u043D\u0438\u0439 \u0432\u044B\u043D\u0435\u0441\u0435\u043D\u0430 \u0432 TS (\u0441\u043C. processCheckboxFilter).\n                     ng-template \u0432\u043D\u0443\u0442\u0440\u0438 formGroupName: \u0438\u043D\u0430\u0447\u0435 reactive forms \u043D\u0435 \u043D\u0430\u0439\u0434\u0451\u0442 ControlContainer \u043F\u0440\u0438 \u043F\u0440\u043E\u0435\u043A\u0446\u0438\u0438 \u0432 \u0434\u043E\u0447\u0435\u0440\u043D\u0438\u0439 \u043A\u043E\u043C\u043F\u043E\u043D\u0435\u043D\u0442. -->\n                @if (filter.type === 'checkbox') {\n                    <div\n                        class=\"flex flex-col gap-2\"\n                        [formGroupName]=\"filter.id\"\n                    >\n                        <sc-catalog-filter-collapsible\n                            [itemsCount]=\"filter.values.length\"\n                            [showReset]=\"form.get(filter.id)?.dirty ?? false\"\n                            (resetGroup)=\"resetCheckboxGroup(filter.id)\"\n                        >\n                            <ng-template>\n                                <div class=\"flex flex-col gap-2\">\n                                    @for (value of filter.values; track value.id) {\n                                        <label class=\"flex items-center gap-2\">\n                                            <input\n                                                [formControlName]=\"value.id\"\n                                                tuiCheckbox\n                                                type=\"checkbox\"\n                                            />\n                                            <span class=\"text-body-s\">{{ value.label }}</span>\n                                        </label>\n                                    }\n                                </div>\n                            </ng-template>\n                        </sc-catalog-filter-collapsible>\n                    </div>\n\n                    <!-- Toggle: \u043E\u0434\u0438\u043D boolean \u043D\u0430 \u043A\u043E\u0440\u043D\u0435 \u0444\u043E\u0440\u043C\u044B, \u043F\u043E\u0434\u043F\u0438\u0441\u044C = filter.label -->\n                } @else if (filter.type === 'toggle') {\n                    <label class=\"flex items-center gap-2\">\n                        <input\n                            [formControlName]=\"filter.id\"\n                            tuiCheckbox\n                            type=\"checkbox\"\n                        />\n                        <span class=\"text-body-s-bold\">{{ filter.label }}</span>\n                    </label>\n\n                    <!-- Range: FormGroup(from, to, slider) \u0441 \u0434\u0432\u0443\u0441\u0442\u043E\u0440\u043E\u043D\u043D\u0435\u0439 \u0441\u0438\u043D\u0445\u0440\u043E\u043D\u0438\u0437\u0430\u0446\u0438\u0435\u0439 -->\n                } @else if (filter.type === 'range') {\n                    <div\n                        [formGroupName]=\"filter.id\"\n                        class=\"flex flex-col gap-3\"\n                    >\n                        <div class=\"flex gap-3 px-1\">\n                            <label\n                                tuiLabel\n                                class=\"min-w-0 flex-1\"\n                            >\n                                \u041E\u0442\n                                <tui-textfield [tuiTextfieldCleaner]=\"false\">\n                                    <input\n                                        scSelectOnFocusin\n                                        tuiInputNumber\n                                        formControlName=\"from\"\n                                        [tuiNumberFormat]=\"{ precision: 0 }\"\n                                        [min]=\"+filter.min\"\n                                        [max]=\"+filter.max\"\n                                        autocomplete=\"off\"\n                                    />\n                                    @if (form.get(filter.id)?.get('from')?.dirty) {\n                                        <button\n                                            tuiIconButton\n                                            type=\"button\"\n                                            size=\"xs\"\n                                            appearance=\"icon\"\n                                            iconStart=\"@tui.x\"\n                                            (click)=\"resetRangeFrom(filter.id, filter.min)\"\n                                        ></button>\n                                    }\n                                </tui-textfield>\n                            </label>\n                            <label\n                                tuiLabel\n                                class=\"min-w-0 flex-1\"\n                            >\n                                \u0414\u043E\n                                <tui-textfield [tuiTextfieldCleaner]=\"false\">\n                                    <input\n                                        scSelectOnFocusin\n                                        tuiInputNumber\n                                        formControlName=\"to\"\n                                        [tuiNumberFormat]=\"{ precision: 0 }\"\n                                        [min]=\"+filter.min\"\n                                        [max]=\"+filter.max\"\n                                        autocomplete=\"off\"\n                                    />\n                                    @if (form.get(filter.id)?.get('to')?.dirty) {\n                                        <button\n                                            tuiIconButton\n                                            type=\"button\"\n                                            size=\"xs\"\n                                            appearance=\"icon\"\n                                            iconStart=\"@tui.x\"\n                                            (click)=\"resetRangeTo(filter.id, filter.max)\"\n                                        ></button>\n                                    }\n                                </tui-textfield>\n                            </label>\n                        </div>\n\n                        <tui-range\n                            size=\"m\"\n                            formControlName=\"slider\"\n                            [min]=\"+filter.min\"\n                            [max]=\"+filter.max\"\n                            [style.--tui-thickness.rem]=\"0.25\"\n                        />\n                    </div>\n                }\n            </div>\n        }\n        <button\n            tuiButton\n            appearance=\"secondary\"\n            type=\"button\"\n            class=\"mt-2\"\n            (click)=\"onResetFiltersClick()\"\n        >\n            \u0421\u0431\u0440\u043E\u0441\u0438\u0442\u044C \u0444\u0438\u043B\u044C\u0442\u0440\u044B\n        </button>\n        @if (showResultsButton()) {\n            <button\n                tuiButton\n                appearance=\"primary\"\n                type=\"button\"\n                class=\"mt-2\"\n                (click)=\"onShowResultsClick()\"\n            >\n                \u041F\u043E\u043A\u0430\u0437\u0430\u0442\u044C \u0440\u0435\u0437\u0443\u043B\u044C\u0442\u0430\u0442\u044B\n            </button>\n        }\n    </form>\n}\n", styles: [".accordion [tuiAccordion]{border:none;mask:none}.accordion tui-expand{box-shadow:none}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1$1.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "directive", type: i5.TuiLabel, selector: "label[tuiLabel]" }, { kind: "component", type: i1$2.TuiTextfieldComponent, selector: "tui-textfield:not([multi])" }, { kind: "directive", type: i1$2.TuiTextfieldOptionsDirective, selector: "[tuiTextfieldAppearance],[tuiTextfieldSize],[tuiTextfieldCleaner]", inputs: ["tuiTextfieldAppearance", "tuiTextfieldSize", "tuiTextfieldCleaner"] }, { kind: "directive", type: ScSelectOnFocusinDirective, selector: "tui-input-number, tui-input, tui-input-phone, tui-input-date, tui-input-password, input[tuiInputNumber], input[tuiTextfield], input[tuiInputSlider]" }, { kind: "component", type: ScCatalogFilterCollapsibleComponent, selector: "sc-catalog-filter-collapsible", inputs: ["itemsCount", "showReset"], outputs: ["resetGroup"] }, { kind: "directive", type: TuiNumberFormat, selector: "[tuiNumberFormat]", inputs: ["tuiNumberFormat"] }, { kind: "component", type: TuiCheckbox, selector: "input[type=\"checkbox\"][tuiCheckbox]", inputs: ["size"] }, { kind: "directive", type: i2$1.TuiInputNumberDirective, selector: "input[tuiInputNumber]", inputs: ["min", "max", "prefix", "postfix"] }, { kind: "component", type: TuiRange, selector: "tui-range", inputs: ["min", "max", "step", "size", "segments", "keySteps", "focusable", "margin", "limit"] }, { kind: "directive", type: TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScCatalogFiltersComponent, decorators: [{
             type: Component,
-            args: [{ standalone: true, selector: 'sc-catalog-filters', changeDetection: ChangeDetectionStrategy.OnPush, imports: [FormsModule, TuiTextfield, TuiCheckbox, TuiRadio, TuiInputRange, TuiAccordion$1, ReactiveFormsModule], template: "@if (filters()?.length) {\n    <div class=\"bg-tui-base-01 shadow-sc flex flex-col items-center gap-3 rounded-xl\">\n        <tui-accordion class=\"accordion\">\n            <button\n                [tuiAccordion]=\"isOpenAccordion()\"\n                appearance=\"primary\"\n            >\n                \u0424\u0438\u043B\u044C\u0442\u0440\u044B\n            </button>\n            <tui-expand>\n                <form\n                    [formGroup]=\"form\"\n                    class=\"flex flex-col gap-4 pb-1\"\n                >\n                    @for (filter of filters(); track filter.id) {\n                        <div class=\"flex flex-col gap-2\">\n                            <label class=\"text-body-s font-medium\">{{ filter.label }}</label>\n\n                            @if (filter.type === 'checkbox') {\n                                @if (filter.isMultiple === false) {\n                                    <div class=\"flex flex-col gap-2\">\n                                        @for (value of filter.values; track value.id) {\n                                            @let formControl = form.get(filter.id);\n                                            <label class=\"flex items-center gap-2\">\n                                                <input\n                                                    [formControlName]=\"filter.id\"\n                                                    [value]=\"value.id\"\n                                                    tuiRadio\n                                                    (click)=\"formControl?.setValue(formControl?.value === value.id ? null : value.id)\"\n                                                    type=\"radio\"\n                                                />\n                                                <span class=\"text-body-s\">{{ value.label }}</span>\n                                            </label>\n                                        }\n                                    </div>\n                                } @else {\n                                    <div\n                                        [formGroupName]=\"filter.id\"\n                                        class=\"flex flex-col gap-2\"\n                                    >\n                                        @for (value of filter.values; track value.id) {\n                                            <label class=\"flex items-center gap-2\">\n                                                <input\n                                                    [formControlName]=\"value.id\"\n                                                    tuiCheckbox\n                                                    type=\"checkbox\"\n                                                />\n                                                <span class=\"text-body-s\">{{ value.label }}</span>\n                                            </label>\n                                        }\n                                    </div>\n                                }\n                            }\n\n                            @if (filter.type === 'range') {\n                                <tui-input-range\n                                    [formControlName]=\"filter.id\"\n                                    [min]=\"+filter.min\"\n                                    [max]=\"+filter.max\"\n                                />\n                            }\n\n                            @if (filter.type === 'toggle') {\n                                <label class=\"flex items-center gap-2\">\n                                    <input\n                                        [formControlName]=\"filter.id\"\n                                        tuiCheckbox\n                                        type=\"checkbox\"\n                                    />\n                                    <span class=\"text-body-s\">\u0414\u0430</span>\n                                </label>\n                            }\n                        </div>\n                    }\n                </form>\n            </tui-expand>\n        </tui-accordion>\n    </div>\n}\n", styles: [".accordion [tuiAccordion]{border:none;mask:none}.accordion tui-expand{box-shadow:none}\n"] }]
+            args: [{ standalone: true, selector: 'sc-catalog-filters', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
+                        ReactiveFormsModule,
+                        TuiTextfield,
+                        ScSelectOnFocusinDirective,
+                        ScCatalogFilterCollapsibleComponent,
+                        TuiLabel,
+                        TuiNumberFormat,
+                        TuiCheckbox,
+                        TuiInputNumber,
+                        TuiRange,
+                        TuiButton,
+                    ], template: "@if (filters()?.length) {\n    <form\n        [formGroup]=\"form\"\n        class=\"flex flex-col pb-1\"\n    >\n        @for (filter of filters(); track filter.id; let isFirst = $first) {\n            @if (!isFirst) {\n                <hr class=\"my-3 w-full h-px\" />\n            }\n\n            <div class=\"flex flex-col gap-2\">\n                <!-- \u0417\u0430\u0433\u043E\u043B\u043E\u0432\u043E\u043A \u0433\u0440\u0443\u043F\u043F\u044B. \u0414\u043B\u044F toggle \u043F\u043E\u0434\u043F\u0438\u0441\u0438 \u043D\u0435\u0442: \u043C\u0435\u0442\u043A\u0430 \u0438\u0434\u0451\u0442 \u043F\u0440\u044F\u043C\u043E \u0440\u044F\u0434\u043E\u043C \u0441 \u0441\u0430\u043C\u0438\u043C checkbox. -->\n                @if (filter.type !== 'toggle') {\n                    <label class=\"text-body-s-bold\">{{ filter.label }}</label>\n                }\n\n                <!-- Checkbox: FormGroup(value.id \u2192 boolean) \u0434\u043B\u044F \u043B\u044E\u0431\u043E\u0433\u043E \u0447\u0438\u0441\u043B\u0430 \u0437\u043D\u0430\u0447\u0435\u043D\u0438\u0439.\n                     \u0420\u0430\u0437\u0432\u0438\u043B\u043A\u0430 \u043E\u0434\u043D\u043E/\u043C\u043D\u043E\u0433\u043E \u0437\u043D\u0430\u0447\u0435\u043D\u0438\u0439 \u0432\u044B\u043D\u0435\u0441\u0435\u043D\u0430 \u0432 TS (\u0441\u043C. processCheckboxFilter).\n                     ng-template \u0432\u043D\u0443\u0442\u0440\u0438 formGroupName: \u0438\u043D\u0430\u0447\u0435 reactive forms \u043D\u0435 \u043D\u0430\u0439\u0434\u0451\u0442 ControlContainer \u043F\u0440\u0438 \u043F\u0440\u043E\u0435\u043A\u0446\u0438\u0438 \u0432 \u0434\u043E\u0447\u0435\u0440\u043D\u0438\u0439 \u043A\u043E\u043C\u043F\u043E\u043D\u0435\u043D\u0442. -->\n                @if (filter.type === 'checkbox') {\n                    <div\n                        class=\"flex flex-col gap-2\"\n                        [formGroupName]=\"filter.id\"\n                    >\n                        <sc-catalog-filter-collapsible\n                            [itemsCount]=\"filter.values.length\"\n                            [showReset]=\"form.get(filter.id)?.dirty ?? false\"\n                            (resetGroup)=\"resetCheckboxGroup(filter.id)\"\n                        >\n                            <ng-template>\n                                <div class=\"flex flex-col gap-2\">\n                                    @for (value of filter.values; track value.id) {\n                                        <label class=\"flex items-center gap-2\">\n                                            <input\n                                                [formControlName]=\"value.id\"\n                                                tuiCheckbox\n                                                type=\"checkbox\"\n                                            />\n                                            <span class=\"text-body-s\">{{ value.label }}</span>\n                                        </label>\n                                    }\n                                </div>\n                            </ng-template>\n                        </sc-catalog-filter-collapsible>\n                    </div>\n\n                    <!-- Toggle: \u043E\u0434\u0438\u043D boolean \u043D\u0430 \u043A\u043E\u0440\u043D\u0435 \u0444\u043E\u0440\u043C\u044B, \u043F\u043E\u0434\u043F\u0438\u0441\u044C = filter.label -->\n                } @else if (filter.type === 'toggle') {\n                    <label class=\"flex items-center gap-2\">\n                        <input\n                            [formControlName]=\"filter.id\"\n                            tuiCheckbox\n                            type=\"checkbox\"\n                        />\n                        <span class=\"text-body-s-bold\">{{ filter.label }}</span>\n                    </label>\n\n                    <!-- Range: FormGroup(from, to, slider) \u0441 \u0434\u0432\u0443\u0441\u0442\u043E\u0440\u043E\u043D\u043D\u0435\u0439 \u0441\u0438\u043D\u0445\u0440\u043E\u043D\u0438\u0437\u0430\u0446\u0438\u0435\u0439 -->\n                } @else if (filter.type === 'range') {\n                    <div\n                        [formGroupName]=\"filter.id\"\n                        class=\"flex flex-col gap-3\"\n                    >\n                        <div class=\"flex gap-3 px-1\">\n                            <label\n                                tuiLabel\n                                class=\"min-w-0 flex-1\"\n                            >\n                                \u041E\u0442\n                                <tui-textfield [tuiTextfieldCleaner]=\"false\">\n                                    <input\n                                        scSelectOnFocusin\n                                        tuiInputNumber\n                                        formControlName=\"from\"\n                                        [tuiNumberFormat]=\"{ precision: 0 }\"\n                                        [min]=\"+filter.min\"\n                                        [max]=\"+filter.max\"\n                                        autocomplete=\"off\"\n                                    />\n                                    @if (form.get(filter.id)?.get('from')?.dirty) {\n                                        <button\n                                            tuiIconButton\n                                            type=\"button\"\n                                            size=\"xs\"\n                                            appearance=\"icon\"\n                                            iconStart=\"@tui.x\"\n                                            (click)=\"resetRangeFrom(filter.id, filter.min)\"\n                                        ></button>\n                                    }\n                                </tui-textfield>\n                            </label>\n                            <label\n                                tuiLabel\n                                class=\"min-w-0 flex-1\"\n                            >\n                                \u0414\u043E\n                                <tui-textfield [tuiTextfieldCleaner]=\"false\">\n                                    <input\n                                        scSelectOnFocusin\n                                        tuiInputNumber\n                                        formControlName=\"to\"\n                                        [tuiNumberFormat]=\"{ precision: 0 }\"\n                                        [min]=\"+filter.min\"\n                                        [max]=\"+filter.max\"\n                                        autocomplete=\"off\"\n                                    />\n                                    @if (form.get(filter.id)?.get('to')?.dirty) {\n                                        <button\n                                            tuiIconButton\n                                            type=\"button\"\n                                            size=\"xs\"\n                                            appearance=\"icon\"\n                                            iconStart=\"@tui.x\"\n                                            (click)=\"resetRangeTo(filter.id, filter.max)\"\n                                        ></button>\n                                    }\n                                </tui-textfield>\n                            </label>\n                        </div>\n\n                        <tui-range\n                            size=\"m\"\n                            formControlName=\"slider\"\n                            [min]=\"+filter.min\"\n                            [max]=\"+filter.max\"\n                            [style.--tui-thickness.rem]=\"0.25\"\n                        />\n                    </div>\n                }\n            </div>\n        }\n        <button\n            tuiButton\n            appearance=\"secondary\"\n            type=\"button\"\n            class=\"mt-2\"\n            (click)=\"onResetFiltersClick()\"\n        >\n            \u0421\u0431\u0440\u043E\u0441\u0438\u0442\u044C \u0444\u0438\u043B\u044C\u0442\u0440\u044B\n        </button>\n        @if (showResultsButton()) {\n            <button\n                tuiButton\n                appearance=\"primary\"\n                type=\"button\"\n                class=\"mt-2\"\n                (click)=\"onShowResultsClick()\"\n            >\n                \u041F\u043E\u043A\u0430\u0437\u0430\u0442\u044C \u0440\u0435\u0437\u0443\u043B\u044C\u0442\u0430\u0442\u044B\n            </button>\n        }\n    </form>\n}\n", styles: [".accordion [tuiAccordion]{border:none;mask:none}.accordion tui-expand{box-shadow:none}\n"] }]
         }], ctorParameters: () => [] });
 
 /* eslint-disable @typescript-eslint/unbound-method */
@@ -6674,7 +6942,7 @@ 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 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                                                        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=\"flex flex-wrap items-end gap-4 pt-2\">\n                    @if (!isEditingExistingItem()) {\n                        <button\n                            tuiButton\n                            appearance=\"secondary\"\n                            [disabled]=\"!product.value || items.invalid\"\n                            (click)=\"addItem()\"\n                            type=\"button\"\n                            class=\"self-start\"\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                    <div class=\"ml-auto min-w-0 gap-1 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                </div>\n            }\n        </div>\n\n        <tui-error [error]=\"[] | tuiFieldError | async\" />\n\n        <button\n            type=\"submit\"\n            [disabled]=\"form.invalid || isSubmitLoading() || hasNoPendingItems()\"\n            [loading]=\"isSubmitLoading()\"\n            tuiButton\n            class=\"self-start\"\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    </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"] }], 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.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 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScSandwichM2Component, decorators: [{
             type: Component,
@@ -6699,6 +6967,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                         TuiLoader,
                         TuiButtonLoading,
                         TuiIcon,
+                        TuiAutoFocus,
                     ], providers: [
                         tuiNumberFormatProvider({ precision: 0 }),
                         tuiInputNumberOptionsProvider({
@@ -6708,7 +6977,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 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                                                        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=\"flex flex-wrap items-end gap-4 pt-2\">\n                    @if (!isEditingExistingItem()) {\n                        <button\n                            tuiButton\n                            appearance=\"secondary\"\n                            [disabled]=\"!product.value || items.invalid\"\n                            (click)=\"addItem()\"\n                            type=\"button\"\n                            class=\"self-start\"\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                    <div class=\"ml-auto min-w-0 gap-1 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                </div>\n            }\n        </div>\n\n        <tui-error [error]=\"[] | tuiFieldError | async\" />\n\n        <button\n            type=\"submit\"\n            [disabled]=\"form.invalid || isSubmitLoading() || hasNoPendingItems()\"\n            [loading]=\"isSubmitLoading()\"\n            tuiButton\n            class=\"self-start\"\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    </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.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"] }]
         }], propDecorators: { orderId: [{
                 type: Input
             }] } });
@@ -9901,5 +10170,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { AbstractScPriceCard, AuthMethod, CURRENT_COUNTRY_ID, CostWithDiscountComponent, FilesAndDocumentsComponent, FilesAndDocumentsModule, FinishDateTimeTransformerDirective, IDLE_ITEM_STATE, IS_DEFAULT_COUNTRY, MAX_FILES_IN_FORM_INPUT, SC_ALLOW_SELECT_TERMINATED, SC_BANNER_DURATION, SC_CATALOG_PRODUCTS_FILTERS, SC_CATALOG_SHOW_PRODUCTS_RECURSIVELY, SC_DATE_FORMATTER, SC_DEBOUNCE_TIME_DEFAULT, SC_DIALOG_SERVICE_TOKEN, SC_ERROR_CHANGE_HANDLER, SC_HELP_NOTIFICATION_CLOSE, SC_HELP_NOTIFICATION_LIMIT, SC_HIDDEN_PRINT_ELEMENTS, SC_MANAGER_QR_HANDLER, SC_NOTIFY_WHEN_IN_STOCK_REQUIRED_FIELDS, SC_ORDER_OPTIONS, SC_PAGE_SIZE_OPTIONS$1 as SC_PAGE_SIZE_OPTIONS, SC_SHOW_HELP_NOTIFICATION_IN_PHONE_INPUT, SC_USER_CITY_INFO, SC_USER_INFO, SC_USER_PROVIDERS, SC_VERIFICATION_CODE_TIMEOUT, ScAccordionComponent, ScAccordionContentDirective, ScAccordionModule, ScAddContactDialogComponent, ScAddContragentBankAccountsDialogComponent, ScAddContragentDialogComponent, ScAddDeliveryAddressDialogComponent, ScAddOrEditingCartItemDialogComponent, ScAddOrEditingCartItemFormComponent, ScAddressesSelectionFieldComponent, ScAuthModule, ScBannerComponent, ScBannerModule, ScBrandsListComponent, ScBrandsListModule, ScCartAddProductsFromCsvDialogComponent, ScCatalogFiltersComponent, ScCatalogModule, ScCategoryCardComponent, ScContactsAccordionComponent, ScContactsModule, ScContragentsAccordionComponent, ScContragentsAccordionItemComponent, ScContragentsModule, ScDeliveryAddressAccordionComponent, ScDeliveryAddressAccordionItemComponent, ScDeliveryAddressModule, ScDownloadPriceListComponent, ScDraftComponent, ScEmailLinkDirective, ScErrorBlockStatusComponent, ScErrorHandlerComponent, ScFavoriteButtonComponent, ScFeedbackFormComponent, ScFocusFirstInvalidFieldDirective, ScFormFieldsModule, ScFormatDatePipe, ScFrequentlyAskedQuestionsComponent, ScFrequentlyAskedQuestionsGroupSelectorComponent, ScFrequentlyAskedQuestionsWithGroupsComponent, ScGratitudeComponent, ScHelpNotificationService, ScHoverImageCarouselComponent, ScInputQuantityComponent, ScLinks, ScManagerCardComponent, ScManagerCardPushComponent, ScNewContactFormComponent, ScNewContragentBankAccountsFormComponent, ScNewContragentFormComponent, ScNewsCardComponent, ScNewsCardSkeletonComponent, ScNewsModule, ScNextInputFocusDirective, ScNextInputFocusModule, ScNoindexDirective, ScNoindexWrapperComponent, ScNotifyWhenInStockDialogComponent, ScOrderAccessorDirective, ScOrderItemComponent, ScOrderItemsByDirection, ScOrderItemsListByDirectionsComponent, ScOrderItemsListByStockComponent, ScOrderItemsListComponent, ScOrderModule, ScPaymentStatusComponent, ScPersonalDataProcessingPolicyComponent, ScPhoneFormatPipe, ScPreviewSampleComponent, ScPreviewSampleModule, ScPreviewSamplesMosquitoComponent, ScPriceCardComponent, ScPriceCardInlineComponent, ScPriceHistoryComponent, ScPriceListPaginationComponent, ScPriceWarehouseStockComponent, ScPrintDirective, ScPrintService, ScPrivacyPolicyComponent, ScProductInAllWarehousesPipe, ScProfileAccordionsContentComponent, ScProfileModule, ScPublicOfferComponent, ScQRCodeDialogComponent, ScQRCodeModule, ScResetUserPasswordComponent, ScResourcePreviewComponent, ScSandwichComponent, ScSandwichM2Component, ScSandwichM2SkeletonComponent, ScSandwichSkeletonComponent, ScSelectOnFocusinDirective, ScSeoTagsComponent, ScShareButtonComponent, ScShareButtonModule, ScSignInFormByEmailComponent, ScSignInFormByPhoneComponent, ScSignInFormComponent, ScSignUpFormComponent, ScSimpleSignUpFormComponent, ScSuggestionFieldComponent, ScTelLinkDirective, ScTerminalLinkDirective, ScUpdateUserInfoDialogComponent, ScUserManagersComponent, ScUserModule, ScUserPhoneApproveDialogComponent, ScVerificationModule, ScVerificationPhoneCheckFormComponent, TreeDirective, TreeIconService, TreeLoaderService, TreeTopDirective, phoneValidator, scAtLeastOneRequiredValidator, scBicValidator, scClientUiIconsName, scCorrespondentAccountValidator, scGetCurrentRoute, scPasswordConfirmMatchingValidator, stepValidator, tuiDateValueTransformerDefaultProvider };
+export { AbstractScPriceCard, AuthMethod, CURRENT_COUNTRY_ID, CostWithDiscountComponent, FilesAndDocumentsComponent, FilesAndDocumentsModule, FinishDateTimeTransformerDirective, IDLE_ITEM_STATE, IS_DEFAULT_COUNTRY, MAX_FILES_IN_FORM_INPUT, SC_ALLOW_SELECT_TERMINATED, SC_BANNER_DURATION, SC_CATALOG_PRODUCTS_FILTERS, SC_CATALOG_SHOW_PRODUCTS_RECURSIVELY, SC_DATE_FORMATTER, SC_DEBOUNCE_TIME_DEFAULT, SC_DIALOG_SERVICE_TOKEN, SC_ERROR_CHANGE_HANDLER, SC_HELP_NOTIFICATION_CLOSE, SC_HELP_NOTIFICATION_LIMIT, SC_HIDDEN_PRINT_ELEMENTS, SC_MANAGER_QR_HANDLER, SC_NOTIFY_WHEN_IN_STOCK_REQUIRED_FIELDS, SC_ORDER_OPTIONS, SC_PAGE_SIZE_OPTIONS$1 as SC_PAGE_SIZE_OPTIONS, SC_SHOW_HELP_NOTIFICATION_IN_PHONE_INPUT, SC_USER_CITY_INFO, SC_USER_INFO, SC_USER_PROVIDERS, SC_VERIFICATION_CODE_TIMEOUT, ScAccordionComponent, ScAccordionContentDirective, ScAccordionModule, ScAddContactDialogComponent, ScAddContragentBankAccountsDialogComponent, ScAddContragentDialogComponent, ScAddDeliveryAddressDialogComponent, ScAddOrEditingCartItemDialogComponent, ScAddOrEditingCartItemFormComponent, ScAddressesSelectionFieldComponent, ScAuthModule, ScBannerComponent, ScBannerModule, ScBrandsListComponent, ScBrandsListModule, ScCartAddProductsFromCsvDialogComponent, ScCatalogFilterCollapsibleComponent, ScCatalogFiltersComponent, ScCatalogModule, ScCategoryCardComponent, ScContactsAccordionComponent, ScContactsModule, ScContragentsAccordionComponent, ScContragentsAccordionItemComponent, ScContragentsModule, ScDeliveryAddressAccordionComponent, ScDeliveryAddressAccordionItemComponent, ScDeliveryAddressModule, ScDownloadPriceListComponent, ScDraftComponent, ScEmailLinkDirective, ScErrorBlockStatusComponent, ScErrorHandlerComponent, ScFavoriteButtonComponent, ScFeedbackFormComponent, ScFocusFirstInvalidFieldDirective, ScFormFieldsModule, ScFormatDatePipe, ScFrequentlyAskedQuestionsComponent, ScFrequentlyAskedQuestionsGroupSelectorComponent, ScFrequentlyAskedQuestionsWithGroupsComponent, ScGratitudeComponent, ScHelpNotificationService, ScHoverImageCarouselComponent, ScInputQuantityComponent, ScLinks, ScManagerCardComponent, ScManagerCardPushComponent, ScNewContactFormComponent, ScNewContragentBankAccountsFormComponent, ScNewContragentFormComponent, ScNewsCardComponent, ScNewsCardSkeletonComponent, ScNewsModule, ScNextInputFocusDirective, ScNextInputFocusModule, ScNoindexDirective, ScNoindexWrapperComponent, ScNotifyWhenInStockDialogComponent, ScOrderAccessorDirective, ScOrderItemComponent, ScOrderItemsByDirection, ScOrderItemsListByDirectionsComponent, ScOrderItemsListByStockComponent, ScOrderItemsListComponent, ScOrderModule, ScPaymentStatusComponent, ScPersonalDataProcessingPolicyComponent, ScPhoneFormatPipe, ScPreviewSampleComponent, ScPreviewSampleModule, ScPreviewSamplesMosquitoComponent, ScPriceCardComponent, ScPriceCardInlineComponent, ScPriceHistoryComponent, ScPriceListPaginationComponent, ScPriceWarehouseStockComponent, ScPrintDirective, ScPrintService, ScPrivacyPolicyComponent, ScProductInAllWarehousesPipe, ScProfileAccordionsContentComponent, ScProfileModule, ScPublicOfferComponent, ScQRCodeDialogComponent, ScQRCodeModule, ScResetUserPasswordComponent, ScResourcePreviewComponent, ScSandwichComponent, ScSandwichM2Component, ScSandwichM2SkeletonComponent, ScSandwichSkeletonComponent, ScSelectOnFocusinDirective, ScSeoTagsComponent, ScShareButtonComponent, ScShareButtonModule, ScSignInFormByEmailComponent, ScSignInFormByPhoneComponent, ScSignInFormComponent, ScSignUpFormComponent, ScSimpleSignUpFormComponent, ScSuggestionFieldComponent, ScTelLinkDirective, ScTerminalLinkDirective, ScUpdateUserInfoDialogComponent, ScUserManagersComponent, ScUserModule, ScUserPhoneApproveDialogComponent, ScVerificationModule, ScVerificationPhoneCheckFormComponent, TreeDirective, TreeIconService, TreeLoaderService, TreeTopDirective, phoneValidator, scAtLeastOneRequiredValidator, scBicValidator, scClientUiIconsName, scCorrespondentAccountValidator, scGetCurrentRoute, scPasswordConfirmMatchingValidator, stepValidator, tuiDateValueTransformerDefaultProvider };
 //# sourceMappingURL=snabcentr-client-ui.mjs.map