@snabcentr/client-ui 4.14.6-profstroy → 4.15.1

package/fesm2022/snabcentr-client-ui.mjs

@@ -1,16 +1,16 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, inject, Injectable, NgZone, signal, EventEmitter, ChangeDetectorRef, Directive, Input, Output, Pipe, ElementRef, HostListener, Renderer2, ContentChildren, NgModule, input, computed, Component, ChangeDetectionStrategy, Inject, HostBinding, model, output, SkipSelf, DestroyRef, effect, ContentChild, ViewChild, viewChild, Optional, contentChild, TemplateRef, forwardRef, untracked, ViewEncapsulation, Injector, viewChildren, afterNextRender } from '@angular/core';
+import { InjectionToken, inject, Injectable, NgZone, signal, EventEmitter, ChangeDetectorRef, Directive, Input, Output, Pipe, ElementRef, HostListener, Renderer2, ContentChildren, NgModule, input, computed, Component, ChangeDetectionStrategy, Inject, HostBinding, model, output, SkipSelf, DestroyRef, effect, ContentChild, ViewChild, viewChild, Optional, contentChild, TemplateRef, forwardRef, ViewEncapsulation, Injector, viewChildren, afterNextRender } from '@angular/core';
 import * 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, ScUploadedFile, ScCartService, loadingPlaceholder, SC_ORDER_LOADER, ScMimeTypes, ScCatalogService, SC_URLS, ScWarehouseService, SEARCH_TERM_PROVIDERS, ScPaginationService, SC_NEXT_PAGE_PAGINATION_CLICK, SC_PRODUCT_PAGINATION_OPTIONS, ScCatalogFilterService, ScIdOrSlugPipe, SC_CATEGORY_INFO, ScConfiguratorService, IS_SERVER, RESPONSE, ScIconTypesEnum, ScDocumentInfoTypesEnum, ScDeliveryAddressService, ScOrdersService, ScUIService, SC_USER_INFO as SC_USER_INFO$1, ScPaymentType, ScDeliveryType, TERMINAL_PROVIDERS, ScOrderDraft, ScOrderDraftActualizationStatus, ScOrderDraftsService, SC_UPDATE_INTERVAL, ScRouteKeys, ScProfstroyOrderItem, ScSeoService, scOrderIsLoaded, SC_PAGE_QUERY_PARAM, ScFrequentlyAskedQuestionsService, SchemaOrgFactory, scGetPageQueryParamChanges, ScNewsService, SC_COMPANY_INFO, ScFeedbackService } from '@snabcentr/client-core';
+import { ScContactsService, ScUserService, ScLocationsService, ScAuthService, SEARCH_TERM, ScUnitsHelper, ScImageHelper, SC_PATH_IMAGE_NOT_FOUND, ScImage, ScPhoneService, ScUserMetrikaService, ScUserMetrikaGoalsEnum, IS_RUNNING_ON_TERMINAL, ScVCardService, ScVerificationService, ScISuggestionType, SC_MIN_LENGTH_SEARCH_TERM, ScConvertersService, ScOpfList, ScReferencesService, ScContragentService, ScBannerService, ScMediaImageTransformerPipe, ScCartService, ScUploadedFile, loadingPlaceholder, SC_ORDER_LOADER, ScMimeTypes, ScCatalogService, SC_URLS, ScWarehouseService, SEARCH_TERM_PROVIDERS, ScPaginationService, SC_NEXT_PAGE_PAGINATION_CLICK, SC_PRODUCT_PAGINATION_OPTIONS, ScCatalogFilterService, ScIdOrSlugPipe, SC_CATEGORY_INFO, ScConfiguratorService, IS_SERVER, RESPONSE, ScIconTypesEnum, ScDocumentInfoTypesEnum, ScDeliveryAddressService, ScOrdersService, ScUIService, SC_USER_INFO as SC_USER_INFO$1, ScPaymentType, ScDeliveryType, TERMINAL_PROVIDERS, ScOrderDraftsService, ScRouteKeys, ScSeoService, scOrderIsLoaded, SC_PAGE_QUERY_PARAM, ScFrequentlyAskedQuestionsService, SchemaOrgFactory, scGetPageQueryParamChanges, ScNewsService, SC_COMPANY_INFO, ScFeedbackService } from '@snabcentr/client-core';
 import * as i5$1 from 'rxjs';
-import { EMPTY, BehaviorSubject, switchMap, of, shareReplay, map, Subject, filter, tap, catchError, finalize, startWith, share, timer, scan, takeWhile, endWith, distinctUntilChanged, debounceTime, throwError, combineLatest, Observable, pairwise, Subscription, merge, skip, from, concatMap, noop, first, retry, take, fromEvent, animationFrames, takeUntil } from 'rxjs';
+import { EMPTY, BehaviorSubject, switchMap, of, shareReplay, map, Subject, filter, tap, catchError, finalize, startWith, share, timer, scan, takeWhile, endWith, distinctUntilChanged, debounceTime, throwError, combineLatest, Observable, pairwise, Subscription, merge, skip, from, concatMap, noop, first, retry, fromEvent, animationFrames, take, takeUntil } from 'rxjs';
 import { WA_WINDOW } from '@ng-web-apis/common';
 import { takeUntilDestroyed, toSignal, outputFromObservable, toObservable } from '@angular/core/rxjs-interop';
 import * as i4$1 from '@taiga-ui/cdk';
 import { TuiDay, TuiTime, TuiValueTransformer, TUI_IS_MOBILE, tuiControlValue, tuiIsPresent, tuiMarkControlAsTouchedAndValidate, tuiIsFalsy, TuiAutoFocus, TuiRepeatTimes, TuiSwipeService, TUI_SWIPE_OPTIONS, TuiHovered, TuiDayRange, TuiMonth, tuiPure, tuiProvide, TuiValidationError, TUI_WINDOW_SIZE, tuiClamp, TUI_TRUE_HANDLER } from '@taiga-ui/cdk';
 import * as i2$1 from '@taiga-ui/kit';
 import { TUI_DATE_VALUE_TRANSFORMER, TuiPreview, TuiAvatar, TuiAccordionItem, TuiElasticContainer, TuiAccordion, TuiFieldErrorPipe, TuiFilterByInputPipe, TuiStringifyContentPipe, TuiDataListWrapper, TuiButtonLoading, TuiSortCountriesPipe, TuiStepper, TuiCarousel, TuiPush, TuiCheckbox, TuiFiles, TuiChip, TuiInputNumber, TuiBadge, TuiTooltip, TuiHighlight, TuiLineClamp, TuiFade, TuiRange, tuiInputNumberOptionsProvider, TuiDataListWrapperComponent, TuiChevron, TuiSelect, TuiInputSlider, TuiTreeService, TuiTreeItemContent, TUI_TREE_START, TUI_TREE_CONTENT, TUI_TREE_LOADING, TUI_TREE_LOADER, TuiTree, TuiPreviewDialogService, tuiFilesAccepted, TuiInputFiles, TuiInputFilesDirective, TuiFilesComponent, TuiFile, TuiFileRejectedPipe, TUI_CONFIRM, tuiItemsHandlersProvider as tuiItemsHandlersProvider$1, TUI_PAGINATION_TEXTS, TuiAccordionDirective, TuiAccordionItemContent } from '@taiga-ui/kit';
-import { HttpClient, HttpErrorResponse, HttpStatusCode } from '@angular/common/http';
+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';
@@ -4168,33 +4168,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                 }]
         }] });
 
-/**
- * Класс-помощник для работы с файлами, выбранными пользователем.
- */
-class ScFileHelper {
-    /**
-     * Читает файл и возвращает его для отправки в API: название и содержимое в виде data-URI. При отписке чтение прерывается.
-     *
-     * @param file Выбранный файл.
-     */
-    static readAsUploadedFile$(file) {
-        return new Observable((observer) => {
-            const reader = new FileReader();
-            reader.addEventListener('load', () => {
-                observer.next(new ScUploadedFile(file.name, reader.result));
-                observer.complete();
-            });
-            reader.addEventListener('error', () => {
-                observer.error(reader.error);
-            });
-            reader.readAsDataURL(file);
-            return () => {
-                reader.abort();
-            };
-        });
-    }
-}
-
 /**
  * Компонент диалога для добавления товаров в корзину из CSV файла.
  */
@@ -4237,7 +4210,19 @@ class ScCartAddProductsFromCsvDialogComponent {
         /**
          * {@link Observable} запроса на добавление товаров из CSV файла.
          */
-        this.submitRequest$ = this.onSubmit$.pipe(map(() => this.control.value), filter(tuiIsPresent), switchMap((file) => ScFileHelper.readAsUploadedFile$(file)), switchMap((file) => this.cartService.addProductsFromCsv$(file).pipe(tap(() => {
+        this.submitRequest$ = this.onSubmit$.pipe(map(() => this.control.value), filter(tuiIsPresent), switchMap((file) => new Observable((observer) => {
+            const reader = new FileReader();
+            reader.addEventListener('load', () => {
+                observer.next(new ScUploadedFile(file.name, reader.result));
+            });
+            reader.addEventListener('error', (e) => {
+                observer.error(e);
+            });
+            reader.readAsDataURL(file);
+            return () => {
+                reader.abort();
+            };
+        })), switchMap((file) => this.cartService.addProductsFromCsv$(file).pipe(tap(() => {
             this.context.$implicit.complete();
         }), startWith(null))));
         /**
@@ -4858,13 +4843,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
 class ScInputQuantityComponent extends AbstractTuiNullableControl {
     constructor() {
         super(...arguments);
-        /**
-         * Компонент поля ввода.
-         */
-        /**
-         * Минимальное количество знаков после запятой.
-         */
-        this.minPrecision = 2;
         /**
          * Шаг увеличения количества. Отвечает за проверку кратности ввода.
          */
@@ -4911,21 +4889,6 @@ class ScInputQuantityComponent extends AbstractTuiNullableControl {
     /**
      * Элемент формы ввода количества.
      */
-    /**
-     * Количество знаков после запятой: по шагу, но не меньше двух.
-     */
-    get precision() {
-        return Math.max(this.minPrecision, (this.step.toString().split('.')[1] ?? '').length);
-    }
-    /**
-     * Настройки формата числа поля. Точность задаётся только для шага с тремя и более знаками после запятой, иначе действует общая настройка.
-     */
-    get numberFormat() {
-        if (this.numberFormatCache?.step !== this.step) {
-            this.numberFormatCache = { step: this.step, format: this.precision > this.minPrecision ? { precision: this.precision, decimalMode: 'not-zero' } : {} };
-        }
-        return this.numberFormatCache.format;
-    }
     get formControl() {
         return this.control;
     }
@@ -4962,7 +4925,7 @@ class ScInputQuantityComponent extends AbstractTuiNullableControl {
         }
         const remainder = (((this.numberInput.value ?? 0) * 1000) % (this.step * 1000)) / 1000; // Умножаем и делим на 1000 чтобы решить ошибку IEEE‑754 при получении остатка от деления.
         const step = this.step - remainder;
-        this.numberInput.value = Math.max(Number(((this.numberInput.value ?? 0) + step).toFixed(this.precision)), this.ignoreStepValidators ? 1 : Math.max(step, 0)); // Используем toFixed чтобы решить ошибку IEEE‑754 при сложении.
+        this.numberInput.value = Math.max(Number(((this.numberInput.value ?? 0) + step).toFixed(2)), this.ignoreStepValidators ? 1 : Math.max(step, 0)); // Используем toFixed чтобы решить ошибку IEEE‑754 при сложении.
         this.numberInput['nativeValue'] = this.numberInput['formattedValue'];
         // eslint-disable-next-line no-underscore-dangle, @typescript-eslint/no-explicit-any, @typescript-eslint/no-unsafe-member-access
         if (checkUpdateOn && this.formControl?._updateOn === 'blur') {
@@ -4980,7 +4943,7 @@ class ScInputQuantityComponent extends AbstractTuiNullableControl {
         }
         const remainder = (((this.numberInput.value ?? 0) * 1000) % (this.step * 1000)) / 1000; // Умножаем и делим на 1000 чтобы решить ошибку IEEE‑754 при получении остатка от деления.
         const step = -remainder || -this.step;
-        this.numberInput.value = Math.max(Number(((this.numberInput.value ?? 0) + step).toFixed(this.precision)), this.ignoreStepValidators ? 1 : Math.max(step, 0)); // Используем toFixed чтобы решить ошибку IEEE‑754 при сложении.
+        this.numberInput.value = Math.max(Number(((this.numberInput.value ?? 0) + step).toFixed(2)), this.ignoreStepValidators ? 1 : Math.max(step, 0)); // Используем toFixed чтобы решить ошибку IEEE‑754 при сложении.
         this.numberInput['nativeValue'] = this.numberInput['formattedValue'];
         // eslint-disable-next-line no-underscore-dangle, @typescript-eslint/no-explicit-any, @typescript-eslint/no-unsafe-member-access
         if (checkUpdateOn && this.formControl?._updateOn === 'blur') {
@@ -4995,7 +4958,7 @@ class ScInputQuantityComponent extends AbstractTuiNullableControl {
         this.clickClearEvent.emit();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScInputQuantityComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: ScInputQuantityComponent, isStandalone: true, selector: "sc-input-quantity", inputs: { step: "step", showLoader: "showLoader", showCross: "showCross", ignoreStepValidators: "ignoreStepValidators", appearance: "appearance", isDisabled: "isDisabled", size: "size" }, outputs: { clickClearEvent: "clickClearEvent" }, host: { listeners: { "keydown.arrowDown": "onArrow(-step)", "keydown.arrowUp": "onArrow(step)" }, properties: { "attr.data-appearance": "this.appearance", "attr.data-disabled": "this.isDisabled", "attr.data-size": "this.size" } }, viewQueries: [{ propertyName: "numberInput", first: true, predicate: TuiInputNumberComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<tui-loader\n    *ngIf=\"formControl\"\n    class=\"w-full\"\n    [overlay]=\"true\"\n    [showLoader]=\"showLoader\"\n    [size]=\"size\"\n>\n    <div class=\"flex items-center gap-1 text-center\">\n        <div class=\"field-with-button flex grow rounded-xl\">\n            <button\n                tuiIconButton\n                [appearance]=\"appearance\"\n                [size]=\"size\"\n                [disabled]=\"!numberInput['canDecrement']\"\n                (click.prevent)=\"decrement(true)\"\n            >\n                <tui-icon icon=\"@tui.minus\"></tui-icon>\n            </button>\n            <tui-input-number\n                #numberInput\n                [formControl]=\"formControl\"\n                [tuiHint]=\"([] | tuiFieldError | async)?.message\"\n                [tuiTextfieldLabelOutside]=\"true\"\n                [min]=\"ignoreStepValidators ? 1 : step\"\n                [tuiNumberFormat]=\"numberFormat\"\n                [tuiTextfieldSize]=\"size\"\n                [required]=\"true\"\n                [style.text-align]=\"'center'\"\n                [style.font-weight]=\"700\"\n                (focusin)=\"$any($event.target).select()\"\n                oncontextmenu=\"return false;\"\n                (keydown.arrowDown)=\"(0)\"\n                (keydown.arrowUp)=\"(0)\"\n                class=\"grow\"\n            >\n            </tui-input-number>\n            <button\n                tuiIconButton\n                [appearance]=\"appearance\"\n                [size]=\"size\"\n                [disabled]=\"!numberInput['canIncrement']\"\n                (click.prevent)=\"incident(true)\"\n            >\n                <tui-icon icon=\"@tui.plus\"></tui-icon>\n            </button>\n        </div>\n        <button\n            *ngIf=\"showCross\"\n            tuiIconButton\n            appearance=\"secondary\"\n            [size]=\"size\"\n            [disabled]=\"!numberInput['canIncrement']\"\n            (click.prevent)=\"clear()\"\n        >\n            <tui-icon icon=\"@tui.x\"></tui-icon>\n        </button>\n    </div>\n</tui-loader>\n", styles: [":host [data-size=l]{--tui-height-l: var(--tui-height-m);--tui-font-text-m: bold .875rem/1.25rem var(--tui-font-text);--tui-padding-l: 0}:host [data-size=m]{--tui-height-m: var(--tui-height-s);--tui-font-text-s: bold .75rem/1rem var(--tui-font-text);--tui-padding-m: 0}:host [data-size=m] tui-svg{font-size:12px!important}:host [data-size=s]{--tui-height-s: var(--tui-height-xs);--tui-font-text-s: bold .75rem/1rem var(--tui-font-text);--tui-padding-s: 0}:host [data-size=s] tui-svg{font-size:12px!important}:host[data-disabled=true]{pointer-events:none;opacity:var(--tui-disabled-opacity)}:host[data-appearance=secondary] .field-with-button{background-color:var(--tui-background-base);box-shadow:inset 0 0 0 .0625rem var(--tui-background-neutral-1-hover)}:host[data-appearance=primary] .field-with-button{background-color:var(--tui-status-warning-pale)}:host .field-with-button:has(._invalid){background-color:var(--tui-status-negative-pale)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i2$2.AsyncPipe, name: "async" }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "component", type: TuiIcon, selector: "tui-icon", inputs: ["icon", "background"] }, { kind: "ngmodule", type: TuiInputNumberModule }, { kind: "component", type: i3.TuiInputNumberComponent, selector: "tui-input-number", inputs: ["min", "max", "step"] }, { kind: "directive", type: i3.TuiInputNumberDirective, selector: "tui-input-number" }, { kind: "ngmodule", type: TuiTextfieldControllerModule }, { kind: "directive", type: i3.TuiTextfieldLabelOutsideDirective, selector: "[tuiTextfieldLabelOutside]", inputs: ["tuiTextfieldLabelOutside"] }, { kind: "directive", type: i3.TuiTextfieldSizeDirective, selector: "[tuiTextfieldSize]", inputs: ["tuiTextfieldSize"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$2.TuiHintDirective, selector: "[tuiHint]:not(ng-container):not(ng-template)", inputs: ["tuiHintContext", "tuiHintAppearance", "tuiHint"], outputs: ["tuiHintVisible"] }, { kind: "pipe", type: TuiFieldErrorPipe, name: "tuiFieldError" }, { kind: "component", type: TuiLoader, selector: "tui-loader", inputs: ["size", "inheritColor", "overlay", "textContent", "showLoader"] }, { kind: "directive", type: TuiNumberFormat, selector: "[tuiNumberFormat]", inputs: ["tuiNumberFormat"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: ScInputQuantityComponent, isStandalone: true, selector: "sc-input-quantity", inputs: { step: "step", showLoader: "showLoader", showCross: "showCross", ignoreStepValidators: "ignoreStepValidators", appearance: "appearance", isDisabled: "isDisabled", size: "size" }, outputs: { clickClearEvent: "clickClearEvent" }, host: { listeners: { "keydown.arrowDown": "onArrow(-step)", "keydown.arrowUp": "onArrow(step)" }, properties: { "attr.data-appearance": "this.appearance", "attr.data-disabled": "this.isDisabled", "attr.data-size": "this.size" } }, viewQueries: [{ propertyName: "numberInput", first: true, predicate: TuiInputNumberComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<tui-loader\n    *ngIf=\"formControl\"\n    class=\"w-full\"\n    [overlay]=\"true\"\n    [showLoader]=\"showLoader\"\n    [size]=\"size\"\n>\n    <div class=\"flex items-center gap-1 text-center\">\n        <div class=\"field-with-button flex grow rounded-xl\">\n            <button\n                tuiIconButton\n                [appearance]=\"appearance\"\n                [size]=\"size\"\n                [disabled]=\"!numberInput['canDecrement']\"\n                (click.prevent)=\"decrement(true)\"\n            >\n                <tui-icon icon=\"@tui.minus\"></tui-icon>\n            </button>\n            <tui-input-number\n                #numberInput\n                [formControl]=\"formControl\"\n                [tuiHint]=\"([] | tuiFieldError | async)?.message\"\n                [tuiTextfieldLabelOutside]=\"true\"\n                [min]=\"ignoreStepValidators ? 1 : step\"\n                [tuiTextfieldSize]=\"size\"\n                [required]=\"true\"\n                [style.text-align]=\"'center'\"\n                [style.font-weight]=\"700\"\n                (focusin)=\"$any($event.target).select()\"\n                oncontextmenu=\"return false;\"\n                (keydown.arrowDown)=\"(0)\"\n                (keydown.arrowUp)=\"(0)\"\n                class=\"grow\"\n            >\n            </tui-input-number>\n            <button\n                tuiIconButton\n                [appearance]=\"appearance\"\n                [size]=\"size\"\n                [disabled]=\"!numberInput['canIncrement']\"\n                (click.prevent)=\"incident(true)\"\n            >\n                <tui-icon icon=\"@tui.plus\"></tui-icon>\n            </button>\n        </div>\n        <button\n            *ngIf=\"showCross\"\n            tuiIconButton\n            appearance=\"secondary\"\n            [size]=\"size\"\n            [disabled]=\"!numberInput['canIncrement']\"\n            (click.prevent)=\"clear()\"\n        >\n            <tui-icon icon=\"@tui.x\"></tui-icon>\n        </button>\n    </div>\n</tui-loader>\n", styles: [":host [data-size=l]{--tui-height-l: var(--tui-height-m);--tui-font-text-m: bold .875rem/1.25rem var(--tui-font-text);--tui-padding-l: 0}:host [data-size=m]{--tui-height-m: var(--tui-height-s);--tui-font-text-s: bold .75rem/1rem var(--tui-font-text);--tui-padding-m: 0}:host [data-size=m] tui-svg{font-size:12px!important}:host [data-size=s]{--tui-height-s: var(--tui-height-xs);--tui-font-text-s: bold .75rem/1rem var(--tui-font-text);--tui-padding-s: 0}:host [data-size=s] tui-svg{font-size:12px!important}:host[data-disabled=true]{pointer-events:none;opacity:var(--tui-disabled-opacity)}:host[data-appearance=secondary] .field-with-button{background-color:var(--tui-background-base);box-shadow:inset 0 0 0 .0625rem var(--tui-background-neutral-1-hover)}:host[data-appearance=primary] .field-with-button{background-color:var(--tui-status-warning-pale)}:host .field-with-button:has(._invalid){background-color:var(--tui-status-negative-pale)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i2$2.AsyncPipe, name: "async" }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "component", type: TuiIcon, selector: "tui-icon", inputs: ["icon", "background"] }, { kind: "ngmodule", type: TuiInputNumberModule }, { kind: "component", type: i3.TuiInputNumberComponent, selector: "tui-input-number", inputs: ["min", "max", "step"] }, { kind: "directive", type: i3.TuiInputNumberDirective, selector: "tui-input-number" }, { kind: "ngmodule", type: TuiTextfieldControllerModule }, { kind: "directive", type: i3.TuiTextfieldLabelOutsideDirective, selector: "[tuiTextfieldLabelOutside]", inputs: ["tuiTextfieldLabelOutside"] }, { kind: "directive", type: i3.TuiTextfieldSizeDirective, selector: "[tuiTextfieldSize]", inputs: ["tuiTextfieldSize"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$2.TuiHintDirective, selector: "[tuiHint]:not(ng-container):not(ng-template)", inputs: ["tuiHintContext", "tuiHintAppearance", "tuiHint"], outputs: ["tuiHintVisible"] }, { kind: "pipe", type: TuiFieldErrorPipe, name: "tuiFieldError" }, { kind: "component", type: TuiLoader, selector: "tui-loader", inputs: ["size", "inheritColor", "overlay", "textContent", "showLoader"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScInputQuantityComponent, decorators: [{
             type: Component,
@@ -5012,8 +4975,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                         ...TuiHint,
                         TuiFieldErrorPipe,
                         TuiLoader,
-                        TuiNumberFormat,
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<tui-loader\n    *ngIf=\"formControl\"\n    class=\"w-full\"\n    [overlay]=\"true\"\n    [showLoader]=\"showLoader\"\n    [size]=\"size\"\n>\n    <div class=\"flex items-center gap-1 text-center\">\n        <div class=\"field-with-button flex grow rounded-xl\">\n            <button\n                tuiIconButton\n                [appearance]=\"appearance\"\n                [size]=\"size\"\n                [disabled]=\"!numberInput['canDecrement']\"\n                (click.prevent)=\"decrement(true)\"\n            >\n                <tui-icon icon=\"@tui.minus\"></tui-icon>\n            </button>\n            <tui-input-number\n                #numberInput\n                [formControl]=\"formControl\"\n                [tuiHint]=\"([] | tuiFieldError | async)?.message\"\n                [tuiTextfieldLabelOutside]=\"true\"\n                [min]=\"ignoreStepValidators ? 1 : step\"\n                [tuiNumberFormat]=\"numberFormat\"\n                [tuiTextfieldSize]=\"size\"\n                [required]=\"true\"\n                [style.text-align]=\"'center'\"\n                [style.font-weight]=\"700\"\n                (focusin)=\"$any($event.target).select()\"\n                oncontextmenu=\"return false;\"\n                (keydown.arrowDown)=\"(0)\"\n                (keydown.arrowUp)=\"(0)\"\n                class=\"grow\"\n            >\n            </tui-input-number>\n            <button\n                tuiIconButton\n                [appearance]=\"appearance\"\n                [size]=\"size\"\n                [disabled]=\"!numberInput['canIncrement']\"\n                (click.prevent)=\"incident(true)\"\n            >\n                <tui-icon icon=\"@tui.plus\"></tui-icon>\n            </button>\n        </div>\n        <button\n            *ngIf=\"showCross\"\n            tuiIconButton\n            appearance=\"secondary\"\n            [size]=\"size\"\n            [disabled]=\"!numberInput['canIncrement']\"\n            (click.prevent)=\"clear()\"\n        >\n            <tui-icon icon=\"@tui.x\"></tui-icon>\n        </button>\n    </div>\n</tui-loader>\n", styles: [":host [data-size=l]{--tui-height-l: var(--tui-height-m);--tui-font-text-m: bold .875rem/1.25rem var(--tui-font-text);--tui-padding-l: 0}:host [data-size=m]{--tui-height-m: var(--tui-height-s);--tui-font-text-s: bold .75rem/1rem var(--tui-font-text);--tui-padding-m: 0}:host [data-size=m] tui-svg{font-size:12px!important}:host [data-size=s]{--tui-height-s: var(--tui-height-xs);--tui-font-text-s: bold .75rem/1rem var(--tui-font-text);--tui-padding-s: 0}:host [data-size=s] tui-svg{font-size:12px!important}:host[data-disabled=true]{pointer-events:none;opacity:var(--tui-disabled-opacity)}:host[data-appearance=secondary] .field-with-button{background-color:var(--tui-background-base);box-shadow:inset 0 0 0 .0625rem var(--tui-background-neutral-1-hover)}:host[data-appearance=primary] .field-with-button{background-color:var(--tui-status-warning-pale)}:host .field-with-button:has(._invalid){background-color:var(--tui-status-negative-pale)}\n"] }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<tui-loader\n    *ngIf=\"formControl\"\n    class=\"w-full\"\n    [overlay]=\"true\"\n    [showLoader]=\"showLoader\"\n    [size]=\"size\"\n>\n    <div class=\"flex items-center gap-1 text-center\">\n        <div class=\"field-with-button flex grow rounded-xl\">\n            <button\n                tuiIconButton\n                [appearance]=\"appearance\"\n                [size]=\"size\"\n                [disabled]=\"!numberInput['canDecrement']\"\n                (click.prevent)=\"decrement(true)\"\n            >\n                <tui-icon icon=\"@tui.minus\"></tui-icon>\n            </button>\n            <tui-input-number\n                #numberInput\n                [formControl]=\"formControl\"\n                [tuiHint]=\"([] | tuiFieldError | async)?.message\"\n                [tuiTextfieldLabelOutside]=\"true\"\n                [min]=\"ignoreStepValidators ? 1 : step\"\n                [tuiTextfieldSize]=\"size\"\n                [required]=\"true\"\n                [style.text-align]=\"'center'\"\n                [style.font-weight]=\"700\"\n                (focusin)=\"$any($event.target).select()\"\n                oncontextmenu=\"return false;\"\n                (keydown.arrowDown)=\"(0)\"\n                (keydown.arrowUp)=\"(0)\"\n                class=\"grow\"\n            >\n            </tui-input-number>\n            <button\n                tuiIconButton\n                [appearance]=\"appearance\"\n                [size]=\"size\"\n                [disabled]=\"!numberInput['canIncrement']\"\n                (click.prevent)=\"incident(true)\"\n            >\n                <tui-icon icon=\"@tui.plus\"></tui-icon>\n            </button>\n        </div>\n        <button\n            *ngIf=\"showCross\"\n            tuiIconButton\n            appearance=\"secondary\"\n            [size]=\"size\"\n            [disabled]=\"!numberInput['canIncrement']\"\n            (click.prevent)=\"clear()\"\n        >\n            <tui-icon icon=\"@tui.x\"></tui-icon>\n        </button>\n    </div>\n</tui-loader>\n", styles: [":host [data-size=l]{--tui-height-l: var(--tui-height-m);--tui-font-text-m: bold .875rem/1.25rem var(--tui-font-text);--tui-padding-l: 0}:host [data-size=m]{--tui-height-m: var(--tui-height-s);--tui-font-text-s: bold .75rem/1rem var(--tui-font-text);--tui-padding-m: 0}:host [data-size=m] tui-svg{font-size:12px!important}:host [data-size=s]{--tui-height-s: var(--tui-height-xs);--tui-font-text-s: bold .75rem/1rem var(--tui-font-text);--tui-padding-s: 0}:host [data-size=s] tui-svg{font-size:12px!important}:host[data-disabled=true]{pointer-events:none;opacity:var(--tui-disabled-opacity)}:host[data-appearance=secondary] .field-with-button{background-color:var(--tui-background-base);box-shadow:inset 0 0 0 .0625rem var(--tui-background-neutral-1-hover)}:host[data-appearance=primary] .field-with-button{background-color:var(--tui-status-warning-pale)}:host .field-with-button:has(._invalid){background-color:var(--tui-status-negative-pale)}\n"] }]
         }], propDecorators: { numberInput: [{
                 type: ViewChild,
                 args: [TuiInputNumberComponent]
@@ -8334,28 +8296,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                 }]
         }] });
 
-/**
- * Группа позиций заказа по направлению продаж.
- */
-class ScOrderItemsByDirection {
-    /**
-     * @param direction Направление продаж.
-     * @param allItems Все элементы заказа.
-     */
-    constructor(direction, allItems) {
-        this.direction = direction;
-        this.items = allItems.filter((item) => item.salesDirection === direction.id);
-    }
-    /**
-     * Получает список позиций заказа по идентификаторам.
-     *
-     * @param itemsIds Идентификаторы позиций.
-     */
-    getItemsByIds(itemsIds) {
-        return this.items.filter((item) => itemsIds.includes(item.id));
-    }
-}
-
 /**
  * Компонент карточки элемента корзины.
  */
@@ -8378,14 +8318,6 @@ class ScOrderItemComponent extends AbstractScPriceCard {
          * Признак, что необходимо отобразить элементы редактирования.
          */
         this.isShowEditControls = input(true);
-        /**
-         * Признак, что цена за единицу берётся из позиции, а не из текущей цены товара (например, цена, зафиксированная в заявке).
-         */
-        this.useLinePrice = input(false);
-        /**
-         * Признак, что позиции, которые не попадут в заказ, помечаются причиной и остаются доступными для изменения количества.
-         */
-        this.markUnavailable = input(false);
     }
     /**
      * Отображает спецификацию.
@@ -8406,13 +8338,13 @@ class ScOrderItemComponent extends AbstractScPriceCard {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScOrderItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ScOrderItemComponent, isStandalone: true, selector: "sc-order-item", inputs: { isShowEditControls: { classPropertyName: "isShowEditControls", publicName: "isShowEditControls", isSignal: true, isRequired: false, transformFunction: null }, useLinePrice: { classPropertyName: "useLinePrice", publicName: "useLinePrice", isSignal: true, isRequired: false, transformFunction: null }, markUnavailable: { classPropertyName: "markUnavailable", publicName: "markUnavailable", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { clickSettings: "clickSettings" }, providers: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ScOrderItemComponent, isStandalone: true, selector: "sc-order-item", inputs: { isShowEditControls: { classPropertyName: "isShowEditControls", publicName: "isShowEditControls", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { clickSettings: "clickSettings" }, providers: [
             SEARCH_TERM_PROVIDERS,
             tuiTextfieldOptionsProvider({
                 appearance: signal('textfield'),
             }),
             tuiHintOptionsProvider({ direction: 'top', showDelay: 100, hideDelay: 100 }),
-        ], usesInheritance: true, ngImport: i0, template: "@if (product && orderItem) {\n    <div class=\"@container relative flex w-full gap-4 rounded-xl p-1 text-body-s hover:bg-tui-background-neutral-1\">\n        <sc-noindex-wrapper>\n            @let isDisabled = product.isHidden || product.isNull;\n            @let unavailableReason = markUnavailable() ? orderItem.getUnavailableReason() : '';\n            <sc-hover-image-carousel\n                (click)=\"isDisabled ? null : clickCardEvent.emit()\"\n                [images]=\"!isMobile ? getCardImagePreviewList(product) : [getCardImagePreview()]\"\n                [isShowActions]=\"false\"\n                class=\"aspect-square w-24 shrink-0 cursor-pointer self-start\"\n            />\n            <div class=\"flex w-full flex-col gap-y-1 gap-x-4 @5xl:flex-row @5xl:items-center @5xl:gap-5\">\n                <div class=\"flex min-w-0 flex-1 flex-col gap-1\">\n                    @if (product.code) {\n                        <div\n                            [tuiHighlight]=\"(search$ | async) ?? ''\"\n                            class=\"text-tui-text-02\"\n                        >\n                            \u0410\u0440\u0442\u0438\u043A\u0443\u043B: {{ product.code }}\n                        </div>\n                    }\n                    <div class=\"flex flex-col gap-1\">\n                        <a\n                            tuiLink\n                            [attr.href]=\"href ?? null\"\n                            [tuiHighlight]=\"(search$ | async) ?? ''\"\n                            (click)=\"$event.preventDefault(); clickCardEvent.emit()\"\n                            [class.disabled]=\"isDisabled\"\n                            [class.!line-through]=\"!!unavailableReason\"\n                            class=\"!text-body-m-bold\"\n                        >\n                            {{ product.name }}\n                        </a>\n                        @if (unavailableReason) {\n                            <tui-badge\n                                appearance=\"warning\"\n                                size=\"m\"\n                                class=\"self-start\"\n                            >\n                                {{ unavailableReason }}\n                            </tui-badge>\n                        }\n                        @if (product.supplierSku) {\n                            <span class=\"text-tui-text-02\"> \u0410\u0440\u0442\u0438\u043A\u0443\u043B \u043F\u0440\u043E\u0438\u0437\u0432\u043E\u0434\u0438\u0442\u0435\u043B\u044F: {{ product.supplierSku }} </span>\n                        }\n                        @if (product.pack) {\n                            <div class=\"flex items-center gap-1 text-tui-text-02\">\n                                \u041D\u043E\u0440\u043C\u0430 \u0443\u043F\u0430\u043A\u043E\u0432\u043A\u0438: {{ product.pack }}\n                                @if (product.ignoreMinCountCheck) {\n                                    <tui-icon\n                                        icon=\"@tui.package\"\n                                        [tuiHint]=\"minCountHint\"\n                                        [tuiHintShowDelay]=\"100\"\n                                        tuiHintDirection=\"top\"\n                                        class=\"text-body-xl text-tui-text-01 opacity-90\"\n                                    />\n                                    <ng-template #minCountHint>\n                                        \u0414\u043E\u0441\u0442\u0443\u043F\u0435\u043D \u0437\u0430\u043A\u0430\u0437 <br />\n                                        \u043F\u0440\u043E\u0438\u0437\u0432\u043E\u043B\u044C\u043D\u043E\u0433\u043E <br />\n                                        \u043A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u0430\n                                    </ng-template>\n                                }\n                            </div>\n                        }\n\n                        @if (useLinePrice()) {\n                            @if (!unavailableReason) {\n                                <span\n                                    scPrint=\"cost\"\n                                    class=\"text-body-m\"\n                                >\n                                    {{ orderItem.costOneRub > 0 ? orderItem.getCostInRubDescPerItem() : orderItem.getCostMessage() }}\n                                </span>\n                            }\n                        } @else {\n                            <sc-cost-with-discount\n                                scPrint=\"cost\"\n                                [product]=\"product\"\n                            />\n                        }\n                    </div>\n                    @if (orderItem.specificationImgUrl) {\n                        <a\n                            tuiLink\n                            (click)=\"showSpecification(specificationPreview)\"\n                            [class.disabled]=\"isDisabled\"\n                        >\n                            \u0421\u043F\u0435\u0446\u0438\u0444\u0438\u043A\u0430\u0446\u0438\u044F\n                        </a>\n                    }\n                    <ng-template\n                        #specificationPreview\n                        let-preview\n                    >\n                        <tui-preview\n                            [rotatable]=\"false\"\n                            [zoomable]=\"false\"\n                        >\n                            <img\n                                *polymorpheusOutlet=\"orderItem.specificationImgUrl as src\"\n                                alt=\"preview\"\n                                [src]=\"orderItem.specificationImgUrl\"\n                            />\n                            <button\n                                iconStart=\"@tui.x\"\n                                title=\"Close\"\n                                tuiIconButton\n                                tuiPreviewAction\n                                type=\"button\"\n                                (click)=\"preview.complete()\"\n                            ></button>\n                        </tui-preview>\n                    </ng-template>\n                </div>\n                <div class=\"grid grid-cols-1 @lg:grid-cols-3 gap-2 @2xl:gap-4 @2xl:grid-rows-1\">\n                    <div class=\"grid grid-cols-1 items-center @lg:gap-2 @2xl:grid-cols-2 @lg:col-span-2\">\n                        <!-- \u041A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E \u0442\u043E\u0432\u0430\u0440\u0430. -->\n                        @if (isShowEditControls() && showQuantityControl) {\n                            <!-- \u041F\u043E\u043B\u0435 \u0432\u0432\u043E\u0434\u0430 \u043A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u0430 \u0442\u043E\u0432\u0430\u0440\u0430. -->\n                            <sc-input-quantity\n                                #inputQuantity\n                                [tuiAutoFocus]=\"autoFocuseQuantityInput()\"\n                                [formControl]=\"quantityControl\"\n                                size=\"m\"\n                                [showCross]=\"false\"\n                                [isDisabled]=\"isDisabled && !markUnavailable()\"\n                                [step]=\"orderItem.quantityStep\"\n                                [ignoreStepValidators]=\"product.ignoreMinCountCheck\"\n                                [showLoader]=\"showLoader()\"\n                                (clickClearEvent)=\"clickClearEvent.emit(orderItem)\"\n                                (keydown.enter)=\"inputQuantity.nativeFocusableElement?.blur()\"\n                                class=\"w-32 shrink-0\"\n                            />\n                        } @else {\n                            <button\n                                [appearance]=\"isShowEditControls() ? 'action-grayscale' : ''\"\n                                tuiTheme=\"light\"\n                                tuiHint=\"\u0414\u043B\u044F \u0438\u0437\u043C\u0435\u043D\u0435\u043D\u0438\u044F \u043A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u0430 \u0432\u043E\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0439\u0442\u0435\u0441\u044C \u043A\u043E\u043D\u0444\u0438\u0433\u0443\u0440\u0430\u0442\u043E\u0440\u043E\u043C\"\n                                (tuiHintVisible)=\"configuratorHintVisible($event)\"\n                                tuiLink\n                                [style.text-decoration-line]=\"isShowEditControls() ? 'underline' : 'none'\"\n                                [class.pointer-events-none]=\"!isShowEditControls()\"\n                            >\n                                <div class=\"!text-body-m text-start\">\n                                    \u041A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E:\n                                    <strong> {{ orderItem.quantity }} \u0448\u0442.</strong>\n                                </div>\n                            </button>\n                        }\n\n                        @let showAdditionalInfo = orderItem.configurator || orderItem.height || orderItem.length || orderItem.width || orderItem.marker;\n                        @if (showAdditionalInfo) {\n                            <div class=\"flex items-center gap-2 @lg:gap-3 max-w-min\">\n                                <!-- \u041A\u043D\u043E\u043F\u043A\u0430 \u0440\u0435\u0434\u0430\u043A\u0442\u0438\u0440\u043E\u0432\u0430\u043D\u0438\u044F \u0442\u043E\u0432\u0430\u0440\u0430. -->\n                                @if (isShowEditControls()) {\n                                    <button\n                                        tuiIconButton\n                                        iconStart=\"@tui.settings\"\n                                        [disabled]=\"isDisabled\"\n                                        [loading]=\"showLoader()\"\n                                        (click)=\"clickSettings.emit()\"\n                                        size=\"s\"\n                                        [appearance]=\"isConfiguratorHintVisible() ? 'primary' : 'secondary'\"\n                                        class=\"shrink-0\"\n                                    ></button>\n                                }\n\n                                <!-- \u0414\u043E\u043F\u043E\u043B\u043D\u0438\u0442\u0435\u043B\u044C\u043D\u0430\u044F \u0438\u043D\u0444\u043E\u0440\u043C\u0430\u0446\u0438\u044F \u043E \u0442\u043E\u0432\u0430\u0440\u0435. -->\n                                <div\n                                    class=\"flex flex-col gap-x-1 text-tui-base-07\"\n                                    [class.text-body-m]=\"!isShowEditControls()\"\n                                >\n                                    @if (orderItem.marker) {\n                                        <p>\u041C\u0430\u0440\u043A\u0438\u0440\u043E\u0432\u043A\u0430: {{ orderItem.marker }}</p>\n                                    }\n                                    @if (orderItem.width) {\n                                        <button\n                                            [appearance]=\"isShowEditControls() ? 'action-grayscale' : ''\"\n                                            tuiTheme=\"light\"\n                                            tuiHint=\"\u0414\u043B\u044F \u0438\u0437\u043C\u0435\u043D\u0435\u043D\u0438\u044F \u0448\u0438\u0440\u0438\u043D\u044B \u0432\u043E\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0439\u0442\u0435\u0441\u044C \u043A\u043E\u043D\u0444\u0438\u0433\u0443\u0440\u0430\u0442\u043E\u0440\u043E\u043C\"\n                                            (tuiHintVisible)=\"configuratorHintVisible($event)\"\n                                            tuiLink\n                                            [style.text-decoration-line]=\"isShowEditControls() ? 'underline' : 'none'\"\n                                            [class.pointer-events-none]=\"!isShowEditControls()\"\n                                            class=\"text-body-s self-start whitespace-nowrap\"\n                                        >\n                                            \u0428\u0438\u0440\u0438\u043D\u0430: <span class=\"text-body-s-bold\">{{ orderItem.width }} \u043C.</span>\n                                        </button>\n                                    }\n                                    @if (orderItem.height) {\n                                        <button\n                                            [appearance]=\"isShowEditControls() ? 'action-grayscale' : ''\"\n                                            tuiTheme=\"light\"\n                                            tuiHint=\"\u0414\u043B\u044F \u0438\u0437\u043C\u0435\u043D\u0435\u043D\u0438\u044F \u0432\u044B\u0441\u043E\u0442\u044B \u0432\u043E\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0439\u0442\u0435\u0441\u044C \u043A\u043E\u043D\u0444\u0438\u0433\u0443\u0440\u0430\u0442\u043E\u0440\u043E\u043C\"\n                                            (tuiHintVisible)=\"configuratorHintVisible($event)\"\n                                            tuiLink\n                                            [style.text-decoration-line]=\"isShowEditControls() ? 'underline' : 'none'\"\n                                            [class.pointer-events-none]=\"!isShowEditControls()\"\n                                            class=\"text-body-s self-start whitespace-nowrap\"\n                                        >\n                                            \u0412\u044B\u0441\u043E\u0442\u0430: <span class=\"text-body-s-bold\">{{ orderItem.height }} \u043C.</span>\n                                        </button>\n                                    } @else if (orderItem.length) {\n                                        <button\n                                            [appearance]=\"isShowEditControls() ? 'action-grayscale' : ''\"\n                                            tuiTheme=\"light\"\n                                            tuiHint=\"\u0414\u043B\u044F \u0438\u0437\u043C\u0435\u043D\u0435\u043D\u0438\u044F \u0434\u043B\u0438\u043D\u044B \u0432\u043E\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0439\u0442\u0435\u0441\u044C \u043A\u043E\u043D\u0444\u0438\u0433\u0443\u0440\u0430\u0442\u043E\u0440\u043E\u043C\"\n                                            (tuiHintVisible)=\"configuratorHintVisible($event)\"\n                                            tuiLink\n                                            [style.text-decoration-line]=\"isShowEditControls() ? 'underline' : 'none'\"\n                                            [class.pointer-events-none]=\"!isShowEditControls()\"\n                                            class=\"text-body-s self-start whitespace-nowrap\"\n                                        >\n                                            \u0414\u043B\u0438\u043D\u0430: <span class=\"text-body-s-bold\">{{ orderItem.length }} \u043C.</span>\n                                        </button>\n                                    }\n                                </div>\n                            </div>\n                        }\n                    </div>\n\n                    <!-- \u0421\u0443\u043C\u043C\u0430 \u0442\u043E\u0432\u0430\u0440\u0430 \u0438 \u0441\u043A\u043B\u0430\u0434\u0441\u043A\u043E\u0435 \u043D\u0430\u043B\u0438\u0447\u0438\u0435. -->\n                    <div\n                        scPrint=\"cost\"\n                        class=\"flex min-w-[11rem] flex-col @lg:justify-end @2xl:!justify-center text-body-m\"\n                    >\n                        <p class=\"whitespace-nowrap\">\n                            \u0421\u0443\u043C\u043C\u0430:\n                            <strong> {{ orderItem.costRub | tuiFormatNumber: { precision: 2, decimalSeparator: '.', rounding: 'ceil' } | async }} {{ 'RUB' | tuiCurrency }}</strong>\n                        </p>\n                        @if (!(markUnavailable() && product.isNull)) {\n                            <sc-price-warehouse-stock\n                                scPrint=\"defaultNoPrint\"\n                                [product]=\"product\"\n                            />\n                        }\n                    </div>\n                </div>\n            </div>\n        </sc-noindex-wrapper>\n    </div>\n} @else {\n    <div class=\"tui-skeleton flex h-[8.25rem] w-full overflow-hidden rounded-xl\"></div>\n}\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i2$2.AsyncPipe, name: "async" }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "component", type: TuiIcon, selector: "tui-icon", inputs: ["icon", "background"] }, { kind: "ngmodule", type: TuiTextfieldControllerModule }, { kind: "directive", type: i2$3.PolymorpheusOutlet, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$2.TuiHintDirective, selector: "[tuiHint]:not(ng-container):not(ng-template)", inputs: ["tuiHintContext", "tuiHintAppearance", "tuiHint"], outputs: ["tuiHintVisible"] }, { kind: "directive", type: TuiLink, selector: "a[tuiLink], button[tuiLink]", inputs: ["pseudo"] }, { kind: "directive", type: TuiHighlight, selector: "[tuiHighlight]", inputs: ["tuiHighlight", "tuiHighlightColor"] }, { kind: "directive", type: TuiAutoFocus, selector: "[tuiAutoFocus]", inputs: ["tuiAutoFocus"] }, { kind: "component", type: ScHoverImageCarouselComponent, selector: "sc-hover-image-carousel", inputs: ["images", "isShowActions", "productName"] }, { kind: "component", type: CostWithDiscountComponent, selector: "sc-cost-with-discount", inputs: ["product", "size"] }, { kind: "component", type: ScPriceWarehouseStockComponent, selector: "sc-price-warehouse-stock", inputs: ["classList", "product", "withStockHint", "fromMain"] }, { kind: "component", type: ScInputQuantityComponent, selector: "sc-input-quantity", inputs: ["step", "showLoader", "showCross", "ignoreStepValidators", "appearance", "isDisabled", "size"], outputs: ["clickClearEvent"] }, { kind: "pipe", type: TuiCurrencyPipe, name: "tuiCurrency" }, { kind: "pipe", type: TuiFormatNumberPipe, name: "tuiFormatNumber" }, { kind: "component", type: i2$1.TuiPreviewComponent, selector: "tui-preview", inputs: ["zoomable", "rotatable", "initialScale"] }, { kind: "directive", type: i2$1.TuiPreviewAction, selector: "[tuiPreviewAction]" }, { kind: "directive", type: TuiBadge, selector: "tui-badge,[tuiBadge]", inputs: ["size"] }, { kind: "component", type: ScNoindexWrapperComponent, selector: "sc-noindex-wrapper" }, { kind: "component", type: TuiButtonLoading, selector: "[tuiButton][loading],[tuiIconButton][loading]", inputs: ["size", "loading"] }, { kind: "directive", type: ScPrintDirective, selector: "[scPrint]", inputs: ["scPrint"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], usesInheritance: true, ngImport: i0, template: "@if (product && orderItem) {\n    <div class=\"@container relative flex w-full gap-4 rounded-xl p-1 text-body-s hover:bg-tui-background-neutral-1\">\n        <sc-noindex-wrapper>\n            @let isDisabled = product.isHidden || product.isNull;\n            <sc-hover-image-carousel\n                (click)=\"isDisabled ? null : clickCardEvent.emit()\"\n                [images]=\"!isMobile ? getCardImagePreviewList(product) : [getCardImagePreview()]\"\n                [isShowActions]=\"false\"\n                class=\"aspect-square w-24 shrink-0 cursor-pointer self-start\"\n            />\n            <div class=\"flex w-full flex-col gap-y-1 gap-x-4 @5xl:flex-row @5xl:items-center @5xl:gap-5\">\n                <div class=\"flex min-w-0 flex-1 flex-col gap-1\">\n                    <div\n                        [tuiHighlight]=\"(search$ | async) ?? ''\"\n                        class=\"text-tui-text-02\"\n                    >\n                        \u0410\u0440\u0442\u0438\u043A\u0443\u043B: {{ product.code }}\n                    </div>\n                    <div class=\"flex flex-col gap-1\">\n                        <a\n                            tuiLink\n                            [attr.href]=\"href ?? null\"\n                            [tuiHighlight]=\"(search$ | async) ?? ''\"\n                            (click)=\"$event.preventDefault(); clickCardEvent.emit()\"\n                            [class.disabled]=\"isDisabled\"\n                            class=\"!text-body-m-bold\"\n                        >\n                            {{ product.name }}\n                        </a>\n                        @if (product.supplierSku) {\n                            <span class=\"text-tui-text-02\"> \u0410\u0440\u0442\u0438\u043A\u0443\u043B \u043F\u0440\u043E\u0438\u0437\u0432\u043E\u0434\u0438\u0442\u0435\u043B\u044F: {{ product.supplierSku }} </span>\n                        }\n                        @if (product.pack) {\n                            <div class=\"flex items-center gap-1 text-tui-text-02\">\n                                \u041D\u043E\u0440\u043C\u0430 \u0443\u043F\u0430\u043A\u043E\u0432\u043A\u0438: {{ product.pack }}\n                                @if (product.ignoreMinCountCheck) {\n                                    <tui-icon\n                                        icon=\"@tui.package\"\n                                        [tuiHint]=\"minCountHint\"\n                                        [tuiHintShowDelay]=\"100\"\n                                        tuiHintDirection=\"top\"\n                                        class=\"text-body-xl text-tui-text-01 opacity-90\"\n                                    />\n                                    <ng-template #minCountHint>\n                                        \u0414\u043E\u0441\u0442\u0443\u043F\u0435\u043D \u0437\u0430\u043A\u0430\u0437 <br />\n                                        \u043F\u0440\u043E\u0438\u0437\u0432\u043E\u043B\u044C\u043D\u043E\u0433\u043E <br />\n                                        \u043A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u0430\n                                    </ng-template>\n                                }\n                            </div>\n                        }\n\n                        <sc-cost-with-discount\n                            scPrint=\"cost\"\n                            [product]=\"product\"\n                        />\n                    </div>\n                    @if (orderItem.specificationImgUrl) {\n                        <a\n                            tuiLink\n                            (click)=\"showSpecification(specificationPreview)\"\n                            [class.disabled]=\"isDisabled\"\n                        >\n                            \u0421\u043F\u0435\u0446\u0438\u0444\u0438\u043A\u0430\u0446\u0438\u044F\n                        </a>\n                    }\n                    <ng-template\n                        #specificationPreview\n                        let-preview\n                    >\n                        <tui-preview\n                            [rotatable]=\"false\"\n                            [zoomable]=\"false\"\n                        >\n                            <img\n                                *polymorpheusOutlet=\"orderItem.specificationImgUrl as src\"\n                                alt=\"preview\"\n                                [src]=\"orderItem.specificationImgUrl\"\n                            />\n                            <button\n                                iconStart=\"@tui.x\"\n                                title=\"Close\"\n                                tuiIconButton\n                                tuiPreviewAction\n                                type=\"button\"\n                                (click)=\"preview.complete()\"\n                            ></button>\n                        </tui-preview>\n                    </ng-template>\n                </div>\n                <div class=\"grid grid-cols-1 @lg:grid-cols-3 gap-2 @2xl:gap-4 @2xl:grid-rows-1\">\n                    <div class=\"grid grid-cols-1 items-center @lg:gap-2 @2xl:grid-cols-2 @lg:col-span-2\">\n                        <!-- \u041A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E \u0442\u043E\u0432\u0430\u0440\u0430. -->\n                        @if (isShowEditControls() && showQuantityControl) {\n                            <!-- \u041F\u043E\u043B\u0435 \u0432\u0432\u043E\u0434\u0430 \u043A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u0430 \u0442\u043E\u0432\u0430\u0440\u0430. -->\n                            <sc-input-quantity\n                                #inputQuantity\n                                [tuiAutoFocus]=\"autoFocuseQuantityInput()\"\n                                [formControl]=\"quantityControl\"\n                                size=\"m\"\n                                [showCross]=\"false\"\n                                [isDisabled]=\"isDisabled\"\n                                [step]=\"ScUnitsHelper.getProductMultiplicity(product)\"\n                                [ignoreStepValidators]=\"product.ignoreMinCountCheck\"\n                                [showLoader]=\"showLoader()\"\n                                (clickClearEvent)=\"clickClearEvent.emit(orderItem)\"\n                                (keydown.enter)=\"inputQuantity.nativeFocusableElement?.blur()\"\n                                class=\"w-32 shrink-0\"\n                            />\n                        } @else {\n                            <button\n                                [appearance]=\"isShowEditControls() ? 'action-grayscale' : ''\"\n                                tuiTheme=\"light\"\n                                tuiHint=\"\u0414\u043B\u044F \u0438\u0437\u043C\u0435\u043D\u0435\u043D\u0438\u044F \u043A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u0430 \u0432\u043E\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0439\u0442\u0435\u0441\u044C \u043A\u043E\u043D\u0444\u0438\u0433\u0443\u0440\u0430\u0442\u043E\u0440\u043E\u043C\"\n                                (tuiHintVisible)=\"configuratorHintVisible($event)\"\n                                tuiLink\n                                [style.text-decoration-line]=\"isShowEditControls() ? 'underline' : 'none'\"\n                                [class.pointer-events-none]=\"!isShowEditControls()\"\n                            >\n                                <div class=\"!text-body-m text-start\">\n                                    \u041A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E:\n                                    <strong> {{ orderItem.quantity }} \u0448\u0442.</strong>\n                                </div>\n                            </button>\n                        }\n\n                        @let showAdditionalInfo = orderItem.configurator || orderItem.height || orderItem.length || orderItem.width || orderItem.marker;\n                        @if (showAdditionalInfo) {\n                            <div class=\"flex items-center gap-2 @lg:gap-3 max-w-min\">\n                                <!-- \u041A\u043D\u043E\u043F\u043A\u0430 \u0440\u0435\u0434\u0430\u043A\u0442\u0438\u0440\u043E\u0432\u0430\u043D\u0438\u044F \u0442\u043E\u0432\u0430\u0440\u0430. -->\n                                @if (isShowEditControls()) {\n                                    <button\n                                        tuiIconButton\n                                        iconStart=\"@tui.settings\"\n                                        [disabled]=\"isDisabled\"\n                                        [loading]=\"showLoader()\"\n                                        (click)=\"clickSettings.emit()\"\n                                        size=\"s\"\n                                        [appearance]=\"isConfiguratorHintVisible() ? 'primary' : 'secondary'\"\n                                        class=\"shrink-0\"\n                                    ></button>\n                                }\n\n                                <!-- \u0414\u043E\u043F\u043E\u043B\u043D\u0438\u0442\u0435\u043B\u044C\u043D\u0430\u044F \u0438\u043D\u0444\u043E\u0440\u043C\u0430\u0446\u0438\u044F \u043E \u0442\u043E\u0432\u0430\u0440\u0435. -->\n                                <div\n                                    class=\"flex flex-col gap-x-1 text-tui-base-07\"\n                                    [class.text-body-m]=\"!isShowEditControls()\"\n                                >\n                                    @if (orderItem.marker) {\n                                        <p>\u041C\u0430\u0440\u043A\u0438\u0440\u043E\u0432\u043A\u0430: {{ orderItem.marker }}</p>\n                                    }\n                                    @if (orderItem.width) {\n                                        <button\n                                            [appearance]=\"isShowEditControls() ? 'action-grayscale' : ''\"\n                                            tuiTheme=\"light\"\n                                            tuiHint=\"\u0414\u043B\u044F \u0438\u0437\u043C\u0435\u043D\u0435\u043D\u0438\u044F \u0448\u0438\u0440\u0438\u043D\u044B \u0432\u043E\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0439\u0442\u0435\u0441\u044C \u043A\u043E\u043D\u0444\u0438\u0433\u0443\u0440\u0430\u0442\u043E\u0440\u043E\u043C\"\n                                            (tuiHintVisible)=\"configuratorHintVisible($event)\"\n                                            tuiLink\n                                            [style.text-decoration-line]=\"isShowEditControls() ? 'underline' : 'none'\"\n                                            [class.pointer-events-none]=\"!isShowEditControls()\"\n                                            class=\"text-body-s self-start whitespace-nowrap\"\n                                        >\n                                            \u0428\u0438\u0440\u0438\u043D\u0430: <span class=\"text-body-s-bold\">{{ orderItem.width }} \u043C.</span>\n                                        </button>\n                                    }\n                                    @if (orderItem.height) {\n                                        <button\n                                            [appearance]=\"isShowEditControls() ? 'action-grayscale' : ''\"\n                                            tuiTheme=\"light\"\n                                            tuiHint=\"\u0414\u043B\u044F \u0438\u0437\u043C\u0435\u043D\u0435\u043D\u0438\u044F \u0432\u044B\u0441\u043E\u0442\u044B \u0432\u043E\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0439\u0442\u0435\u0441\u044C \u043A\u043E\u043D\u0444\u0438\u0433\u0443\u0440\u0430\u0442\u043E\u0440\u043E\u043C\"\n                                            (tuiHintVisible)=\"configuratorHintVisible($event)\"\n                                            tuiLink\n                                            [style.text-decoration-line]=\"isShowEditControls() ? 'underline' : 'none'\"\n                                            [class.pointer-events-none]=\"!isShowEditControls()\"\n                                            class=\"text-body-s self-start whitespace-nowrap\"\n                                        >\n                                            \u0412\u044B\u0441\u043E\u0442\u0430: <span class=\"text-body-s-bold\">{{ orderItem.height }} \u043C.</span>\n                                        </button>\n                                    } @else if (orderItem.length) {\n                                        <button\n                                            [appearance]=\"isShowEditControls() ? 'action-grayscale' : ''\"\n                                            tuiTheme=\"light\"\n                                            tuiHint=\"\u0414\u043B\u044F \u0438\u0437\u043C\u0435\u043D\u0435\u043D\u0438\u044F \u0434\u043B\u0438\u043D\u044B \u0432\u043E\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0439\u0442\u0435\u0441\u044C \u043A\u043E\u043D\u0444\u0438\u0433\u0443\u0440\u0430\u0442\u043E\u0440\u043E\u043C\"\n                                            (tuiHintVisible)=\"configuratorHintVisible($event)\"\n                                            tuiLink\n                                            [style.text-decoration-line]=\"isShowEditControls() ? 'underline' : 'none'\"\n                                            [class.pointer-events-none]=\"!isShowEditControls()\"\n                                            class=\"text-body-s self-start whitespace-nowrap\"\n                                        >\n                                            \u0414\u043B\u0438\u043D\u0430: <span class=\"text-body-s-bold\">{{ orderItem.length }} \u043C.</span>\n                                        </button>\n                                    }\n                                </div>\n                            </div>\n                        }\n                    </div>\n\n                    <!-- \u0421\u0443\u043C\u043C\u0430 \u0442\u043E\u0432\u0430\u0440\u0430 \u0438 \u0441\u043A\u043B\u0430\u0434\u0441\u043A\u043E\u0435 \u043D\u0430\u043B\u0438\u0447\u0438\u0435. -->\n                    <div\n                        scPrint=\"cost\"\n                        class=\"flex min-w-[11rem] flex-col @lg:justify-end @2xl:!justify-center text-body-m\"\n                    >\n                        <p class=\"whitespace-nowrap\">\n                            \u0421\u0443\u043C\u043C\u0430:\n                            <strong> {{ orderItem.costRub | tuiFormatNumber: { precision: 2, decimalSeparator: '.', rounding: 'ceil' } | async }} {{ 'RUB' | tuiCurrency }}</strong>\n                        </p>\n                        <sc-price-warehouse-stock\n                            scPrint=\"defaultNoPrint\"\n                            [product]=\"product\"\n                        />\n                    </div>\n                </div>\n            </div>\n        </sc-noindex-wrapper>\n    </div>\n} @else {\n    <div class=\"tui-skeleton flex h-[8.25rem] w-full overflow-hidden rounded-xl\"></div>\n}\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i2$2.AsyncPipe, name: "async" }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "component", type: TuiIcon, selector: "tui-icon", inputs: ["icon", "background"] }, { kind: "ngmodule", type: TuiTextfieldControllerModule }, { kind: "directive", type: i2$3.PolymorpheusOutlet, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$2.TuiHintDirective, selector: "[tuiHint]:not(ng-container):not(ng-template)", inputs: ["tuiHintContext", "tuiHintAppearance", "tuiHint"], outputs: ["tuiHintVisible"] }, { kind: "directive", type: TuiLink, selector: "a[tuiLink], button[tuiLink]", inputs: ["pseudo"] }, { kind: "directive", type: TuiHighlight, selector: "[tuiHighlight]", inputs: ["tuiHighlight", "tuiHighlightColor"] }, { kind: "directive", type: TuiAutoFocus, selector: "[tuiAutoFocus]", inputs: ["tuiAutoFocus"] }, { kind: "component", type: ScHoverImageCarouselComponent, selector: "sc-hover-image-carousel", inputs: ["images", "isShowActions", "productName"] }, { kind: "component", type: CostWithDiscountComponent, selector: "sc-cost-with-discount", inputs: ["product", "size"] }, { kind: "component", type: ScPriceWarehouseStockComponent, selector: "sc-price-warehouse-stock", inputs: ["classList", "product", "withStockHint", "fromMain"] }, { kind: "component", type: ScInputQuantityComponent, selector: "sc-input-quantity", inputs: ["step", "showLoader", "showCross", "ignoreStepValidators", "appearance", "isDisabled", "size"], outputs: ["clickClearEvent"] }, { kind: "pipe", type: TuiCurrencyPipe, name: "tuiCurrency" }, { kind: "pipe", type: TuiFormatNumberPipe, name: "tuiFormatNumber" }, { kind: "component", type: i2$1.TuiPreviewComponent, selector: "tui-preview", inputs: ["zoomable", "rotatable", "initialScale"] }, { kind: "directive", type: i2$1.TuiPreviewAction, selector: "[tuiPreviewAction]" }, { kind: "component", type: ScNoindexWrapperComponent, selector: "sc-noindex-wrapper" }, { kind: "component", type: TuiButtonLoading, selector: "[tuiButton][loading],[tuiIconButton][loading]", inputs: ["size", "loading"] }, { kind: "directive", type: ScPrintDirective, selector: "[scPrint]", inputs: ["scPrint"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScOrderItemComponent, decorators: [{
             type: Component,
@@ -8439,7 +8371,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                         TuiCurrencyPipe,
                         TuiFormatNumberPipe,
                         TuiPreview,
-                        TuiBadge,
                         ScNoindexWrapperComponent,
                         TuiAppearance,
                         TuiButtonLoading,
@@ -8450,19 +8381,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                             appearance: signal('textfield'),
                         }),
                         tuiHintOptionsProvider({ direction: 'top', showDelay: 100, hideDelay: 100 }),
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (product && orderItem) {\n    <div class=\"@container relative flex w-full gap-4 rounded-xl p-1 text-body-s hover:bg-tui-background-neutral-1\">\n        <sc-noindex-wrapper>\n            @let isDisabled = product.isHidden || product.isNull;\n            @let unavailableReason = markUnavailable() ? orderItem.getUnavailableReason() : '';\n            <sc-hover-image-carousel\n                (click)=\"isDisabled ? null : clickCardEvent.emit()\"\n                [images]=\"!isMobile ? getCardImagePreviewList(product) : [getCardImagePreview()]\"\n                [isShowActions]=\"false\"\n                class=\"aspect-square w-24 shrink-0 cursor-pointer self-start\"\n            />\n            <div class=\"flex w-full flex-col gap-y-1 gap-x-4 @5xl:flex-row @5xl:items-center @5xl:gap-5\">\n                <div class=\"flex min-w-0 flex-1 flex-col gap-1\">\n                    @if (product.code) {\n                        <div\n                            [tuiHighlight]=\"(search$ | async) ?? ''\"\n                            class=\"text-tui-text-02\"\n                        >\n                            \u0410\u0440\u0442\u0438\u043A\u0443\u043B: {{ product.code }}\n                        </div>\n                    }\n                    <div class=\"flex flex-col gap-1\">\n                        <a\n                            tuiLink\n                            [attr.href]=\"href ?? null\"\n                            [tuiHighlight]=\"(search$ | async) ?? ''\"\n                            (click)=\"$event.preventDefault(); clickCardEvent.emit()\"\n                            [class.disabled]=\"isDisabled\"\n                            [class.!line-through]=\"!!unavailableReason\"\n                            class=\"!text-body-m-bold\"\n                        >\n                            {{ product.name }}\n                        </a>\n                        @if (unavailableReason) {\n                            <tui-badge\n                                appearance=\"warning\"\n                                size=\"m\"\n                                class=\"self-start\"\n                            >\n                                {{ unavailableReason }}\n                            </tui-badge>\n                        }\n                        @if (product.supplierSku) {\n                            <span class=\"text-tui-text-02\"> \u0410\u0440\u0442\u0438\u043A\u0443\u043B \u043F\u0440\u043E\u0438\u0437\u0432\u043E\u0434\u0438\u0442\u0435\u043B\u044F: {{ product.supplierSku }} </span>\n                        }\n                        @if (product.pack) {\n                            <div class=\"flex items-center gap-1 text-tui-text-02\">\n                                \u041D\u043E\u0440\u043C\u0430 \u0443\u043F\u0430\u043A\u043E\u0432\u043A\u0438: {{ product.pack }}\n                                @if (product.ignoreMinCountCheck) {\n                                    <tui-icon\n                                        icon=\"@tui.package\"\n                                        [tuiHint]=\"minCountHint\"\n                                        [tuiHintShowDelay]=\"100\"\n                                        tuiHintDirection=\"top\"\n                                        class=\"text-body-xl text-tui-text-01 opacity-90\"\n                                    />\n                                    <ng-template #minCountHint>\n                                        \u0414\u043E\u0441\u0442\u0443\u043F\u0435\u043D \u0437\u0430\u043A\u0430\u0437 <br />\n                                        \u043F\u0440\u043E\u0438\u0437\u0432\u043E\u043B\u044C\u043D\u043E\u0433\u043E <br />\n                                        \u043A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u0430\n                                    </ng-template>\n                                }\n                            </div>\n                        }\n\n                        @if (useLinePrice()) {\n                            @if (!unavailableReason) {\n                                <span\n                                    scPrint=\"cost\"\n                                    class=\"text-body-m\"\n                                >\n                                    {{ orderItem.costOneRub > 0 ? orderItem.getCostInRubDescPerItem() : orderItem.getCostMessage() }}\n                                </span>\n                            }\n                        } @else {\n                            <sc-cost-with-discount\n                                scPrint=\"cost\"\n                                [product]=\"product\"\n                            />\n                        }\n                    </div>\n                    @if (orderItem.specificationImgUrl) {\n                        <a\n                            tuiLink\n                            (click)=\"showSpecification(specificationPreview)\"\n                            [class.disabled]=\"isDisabled\"\n                        >\n                            \u0421\u043F\u0435\u0446\u0438\u0444\u0438\u043A\u0430\u0446\u0438\u044F\n                        </a>\n                    }\n                    <ng-template\n                        #specificationPreview\n                        let-preview\n                    >\n                        <tui-preview\n                            [rotatable]=\"false\"\n                            [zoomable]=\"false\"\n                        >\n                            <img\n                                *polymorpheusOutlet=\"orderItem.specificationImgUrl as src\"\n                                alt=\"preview\"\n                                [src]=\"orderItem.specificationImgUrl\"\n                            />\n                            <button\n                                iconStart=\"@tui.x\"\n                                title=\"Close\"\n                                tuiIconButton\n                                tuiPreviewAction\n                                type=\"button\"\n                                (click)=\"preview.complete()\"\n                            ></button>\n                        </tui-preview>\n                    </ng-template>\n                </div>\n                <div class=\"grid grid-cols-1 @lg:grid-cols-3 gap-2 @2xl:gap-4 @2xl:grid-rows-1\">\n                    <div class=\"grid grid-cols-1 items-center @lg:gap-2 @2xl:grid-cols-2 @lg:col-span-2\">\n                        <!-- \u041A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E \u0442\u043E\u0432\u0430\u0440\u0430. -->\n                        @if (isShowEditControls() && showQuantityControl) {\n                            <!-- \u041F\u043E\u043B\u0435 \u0432\u0432\u043E\u0434\u0430 \u043A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u0430 \u0442\u043E\u0432\u0430\u0440\u0430. -->\n                            <sc-input-quantity\n                                #inputQuantity\n                                [tuiAutoFocus]=\"autoFocuseQuantityInput()\"\n                                [formControl]=\"quantityControl\"\n                                size=\"m\"\n                                [showCross]=\"false\"\n                                [isDisabled]=\"isDisabled && !markUnavailable()\"\n                                [step]=\"orderItem.quantityStep\"\n                                [ignoreStepValidators]=\"product.ignoreMinCountCheck\"\n                                [showLoader]=\"showLoader()\"\n                                (clickClearEvent)=\"clickClearEvent.emit(orderItem)\"\n                                (keydown.enter)=\"inputQuantity.nativeFocusableElement?.blur()\"\n                                class=\"w-32 shrink-0\"\n                            />\n                        } @else {\n                            <button\n                                [appearance]=\"isShowEditControls() ? 'action-grayscale' : ''\"\n                                tuiTheme=\"light\"\n                                tuiHint=\"\u0414\u043B\u044F \u0438\u0437\u043C\u0435\u043D\u0435\u043D\u0438\u044F \u043A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u0430 \u0432\u043E\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0439\u0442\u0435\u0441\u044C \u043A\u043E\u043D\u0444\u0438\u0433\u0443\u0440\u0430\u0442\u043E\u0440\u043E\u043C\"\n                                (tuiHintVisible)=\"configuratorHintVisible($event)\"\n                                tuiLink\n                                [style.text-decoration-line]=\"isShowEditControls() ? 'underline' : 'none'\"\n                                [class.pointer-events-none]=\"!isShowEditControls()\"\n                            >\n                                <div class=\"!text-body-m text-start\">\n                                    \u041A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E:\n                                    <strong> {{ orderItem.quantity }} \u0448\u0442.</strong>\n                                </div>\n                            </button>\n                        }\n\n                        @let showAdditionalInfo = orderItem.configurator || orderItem.height || orderItem.length || orderItem.width || orderItem.marker;\n                        @if (showAdditionalInfo) {\n                            <div class=\"flex items-center gap-2 @lg:gap-3 max-w-min\">\n                                <!-- \u041A\u043D\u043E\u043F\u043A\u0430 \u0440\u0435\u0434\u0430\u043A\u0442\u0438\u0440\u043E\u0432\u0430\u043D\u0438\u044F \u0442\u043E\u0432\u0430\u0440\u0430. -->\n                                @if (isShowEditControls()) {\n                                    <button\n                                        tuiIconButton\n                                        iconStart=\"@tui.settings\"\n                                        [disabled]=\"isDisabled\"\n                                        [loading]=\"showLoader()\"\n                                        (click)=\"clickSettings.emit()\"\n                                        size=\"s\"\n                                        [appearance]=\"isConfiguratorHintVisible() ? 'primary' : 'secondary'\"\n                                        class=\"shrink-0\"\n                                    ></button>\n                                }\n\n                                <!-- \u0414\u043E\u043F\u043E\u043B\u043D\u0438\u0442\u0435\u043B\u044C\u043D\u0430\u044F \u0438\u043D\u0444\u043E\u0440\u043C\u0430\u0446\u0438\u044F \u043E \u0442\u043E\u0432\u0430\u0440\u0435. -->\n                                <div\n                                    class=\"flex flex-col gap-x-1 text-tui-base-07\"\n                                    [class.text-body-m]=\"!isShowEditControls()\"\n                                >\n                                    @if (orderItem.marker) {\n                                        <p>\u041C\u0430\u0440\u043A\u0438\u0440\u043E\u0432\u043A\u0430: {{ orderItem.marker }}</p>\n                                    }\n                                    @if (orderItem.width) {\n                                        <button\n                                            [appearance]=\"isShowEditControls() ? 'action-grayscale' : ''\"\n                                            tuiTheme=\"light\"\n                                            tuiHint=\"\u0414\u043B\u044F \u0438\u0437\u043C\u0435\u043D\u0435\u043D\u0438\u044F \u0448\u0438\u0440\u0438\u043D\u044B \u0432\u043E\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0439\u0442\u0435\u0441\u044C \u043A\u043E\u043D\u0444\u0438\u0433\u0443\u0440\u0430\u0442\u043E\u0440\u043E\u043C\"\n                                            (tuiHintVisible)=\"configuratorHintVisible($event)\"\n                                            tuiLink\n                                            [style.text-decoration-line]=\"isShowEditControls() ? 'underline' : 'none'\"\n                                            [class.pointer-events-none]=\"!isShowEditControls()\"\n                                            class=\"text-body-s self-start whitespace-nowrap\"\n                                        >\n                                            \u0428\u0438\u0440\u0438\u043D\u0430: <span class=\"text-body-s-bold\">{{ orderItem.width }} \u043C.</span>\n                                        </button>\n                                    }\n                                    @if (orderItem.height) {\n                                        <button\n                                            [appearance]=\"isShowEditControls() ? 'action-grayscale' : ''\"\n                                            tuiTheme=\"light\"\n                                            tuiHint=\"\u0414\u043B\u044F \u0438\u0437\u043C\u0435\u043D\u0435\u043D\u0438\u044F \u0432\u044B\u0441\u043E\u0442\u044B \u0432\u043E\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0439\u0442\u0435\u0441\u044C \u043A\u043E\u043D\u0444\u0438\u0433\u0443\u0440\u0430\u0442\u043E\u0440\u043E\u043C\"\n                                            (tuiHintVisible)=\"configuratorHintVisible($event)\"\n                                            tuiLink\n                                            [style.text-decoration-line]=\"isShowEditControls() ? 'underline' : 'none'\"\n                                            [class.pointer-events-none]=\"!isShowEditControls()\"\n                                            class=\"text-body-s self-start whitespace-nowrap\"\n                                        >\n                                            \u0412\u044B\u0441\u043E\u0442\u0430: <span class=\"text-body-s-bold\">{{ orderItem.height }} \u043C.</span>\n                                        </button>\n                                    } @else if (orderItem.length) {\n                                        <button\n                                            [appearance]=\"isShowEditControls() ? 'action-grayscale' : ''\"\n                                            tuiTheme=\"light\"\n                                            tuiHint=\"\u0414\u043B\u044F \u0438\u0437\u043C\u0435\u043D\u0435\u043D\u0438\u044F \u0434\u043B\u0438\u043D\u044B \u0432\u043E\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0439\u0442\u0435\u0441\u044C \u043A\u043E\u043D\u0444\u0438\u0433\u0443\u0440\u0430\u0442\u043E\u0440\u043E\u043C\"\n                                            (tuiHintVisible)=\"configuratorHintVisible($event)\"\n                                            tuiLink\n                                            [style.text-decoration-line]=\"isShowEditControls() ? 'underline' : 'none'\"\n                                            [class.pointer-events-none]=\"!isShowEditControls()\"\n                                            class=\"text-body-s self-start whitespace-nowrap\"\n                                        >\n                                            \u0414\u043B\u0438\u043D\u0430: <span class=\"text-body-s-bold\">{{ orderItem.length }} \u043C.</span>\n                                        </button>\n                                    }\n                                </div>\n                            </div>\n                        }\n                    </div>\n\n                    <!-- \u0421\u0443\u043C\u043C\u0430 \u0442\u043E\u0432\u0430\u0440\u0430 \u0438 \u0441\u043A\u043B\u0430\u0434\u0441\u043A\u043E\u0435 \u043D\u0430\u043B\u0438\u0447\u0438\u0435. -->\n                    <div\n                        scPrint=\"cost\"\n                        class=\"flex min-w-[11rem] flex-col @lg:justify-end @2xl:!justify-center text-body-m\"\n                    >\n                        <p class=\"whitespace-nowrap\">\n                            \u0421\u0443\u043C\u043C\u0430:\n                            <strong> {{ orderItem.costRub | tuiFormatNumber: { precision: 2, decimalSeparator: '.', rounding: 'ceil' } | async }} {{ 'RUB' | tuiCurrency }}</strong>\n                        </p>\n                        @if (!(markUnavailable() && product.isNull)) {\n                            <sc-price-warehouse-stock\n                                scPrint=\"defaultNoPrint\"\n                                [product]=\"product\"\n                            />\n                        }\n                    </div>\n                </div>\n            </div>\n        </sc-noindex-wrapper>\n    </div>\n} @else {\n    <div class=\"tui-skeleton flex h-[8.25rem] w-full overflow-hidden rounded-xl\"></div>\n}\n" }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (product && orderItem) {\n    <div class=\"@container relative flex w-full gap-4 rounded-xl p-1 text-body-s hover:bg-tui-background-neutral-1\">\n        <sc-noindex-wrapper>\n            @let isDisabled = product.isHidden || product.isNull;\n            <sc-hover-image-carousel\n                (click)=\"isDisabled ? null : clickCardEvent.emit()\"\n                [images]=\"!isMobile ? getCardImagePreviewList(product) : [getCardImagePreview()]\"\n                [isShowActions]=\"false\"\n                class=\"aspect-square w-24 shrink-0 cursor-pointer self-start\"\n            />\n            <div class=\"flex w-full flex-col gap-y-1 gap-x-4 @5xl:flex-row @5xl:items-center @5xl:gap-5\">\n                <div class=\"flex min-w-0 flex-1 flex-col gap-1\">\n                    <div\n                        [tuiHighlight]=\"(search$ | async) ?? ''\"\n                        class=\"text-tui-text-02\"\n                    >\n                        \u0410\u0440\u0442\u0438\u043A\u0443\u043B: {{ product.code }}\n                    </div>\n                    <div class=\"flex flex-col gap-1\">\n                        <a\n                            tuiLink\n                            [attr.href]=\"href ?? null\"\n                            [tuiHighlight]=\"(search$ | async) ?? ''\"\n                            (click)=\"$event.preventDefault(); clickCardEvent.emit()\"\n                            [class.disabled]=\"isDisabled\"\n                            class=\"!text-body-m-bold\"\n                        >\n                            {{ product.name }}\n                        </a>\n                        @if (product.supplierSku) {\n                            <span class=\"text-tui-text-02\"> \u0410\u0440\u0442\u0438\u043A\u0443\u043B \u043F\u0440\u043E\u0438\u0437\u0432\u043E\u0434\u0438\u0442\u0435\u043B\u044F: {{ product.supplierSku }} </span>\n                        }\n                        @if (product.pack) {\n                            <div class=\"flex items-center gap-1 text-tui-text-02\">\n                                \u041D\u043E\u0440\u043C\u0430 \u0443\u043F\u0430\u043A\u043E\u0432\u043A\u0438: {{ product.pack }}\n                                @if (product.ignoreMinCountCheck) {\n                                    <tui-icon\n                                        icon=\"@tui.package\"\n                                        [tuiHint]=\"minCountHint\"\n                                        [tuiHintShowDelay]=\"100\"\n                                        tuiHintDirection=\"top\"\n                                        class=\"text-body-xl text-tui-text-01 opacity-90\"\n                                    />\n                                    <ng-template #minCountHint>\n                                        \u0414\u043E\u0441\u0442\u0443\u043F\u0435\u043D \u0437\u0430\u043A\u0430\u0437 <br />\n                                        \u043F\u0440\u043E\u0438\u0437\u0432\u043E\u043B\u044C\u043D\u043E\u0433\u043E <br />\n                                        \u043A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u0430\n                                    </ng-template>\n                                }\n                            </div>\n                        }\n\n                        <sc-cost-with-discount\n                            scPrint=\"cost\"\n                            [product]=\"product\"\n                        />\n                    </div>\n                    @if (orderItem.specificationImgUrl) {\n                        <a\n                            tuiLink\n                            (click)=\"showSpecification(specificationPreview)\"\n                            [class.disabled]=\"isDisabled\"\n                        >\n                            \u0421\u043F\u0435\u0446\u0438\u0444\u0438\u043A\u0430\u0446\u0438\u044F\n                        </a>\n                    }\n                    <ng-template\n                        #specificationPreview\n                        let-preview\n                    >\n                        <tui-preview\n                            [rotatable]=\"false\"\n                            [zoomable]=\"false\"\n                        >\n                            <img\n                                *polymorpheusOutlet=\"orderItem.specificationImgUrl as src\"\n                                alt=\"preview\"\n                                [src]=\"orderItem.specificationImgUrl\"\n                            />\n                            <button\n                                iconStart=\"@tui.x\"\n                                title=\"Close\"\n                                tuiIconButton\n                                tuiPreviewAction\n                                type=\"button\"\n                                (click)=\"preview.complete()\"\n                            ></button>\n                        </tui-preview>\n                    </ng-template>\n                </div>\n                <div class=\"grid grid-cols-1 @lg:grid-cols-3 gap-2 @2xl:gap-4 @2xl:grid-rows-1\">\n                    <div class=\"grid grid-cols-1 items-center @lg:gap-2 @2xl:grid-cols-2 @lg:col-span-2\">\n                        <!-- \u041A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E \u0442\u043E\u0432\u0430\u0440\u0430. -->\n                        @if (isShowEditControls() && showQuantityControl) {\n                            <!-- \u041F\u043E\u043B\u0435 \u0432\u0432\u043E\u0434\u0430 \u043A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u0430 \u0442\u043E\u0432\u0430\u0440\u0430. -->\n                            <sc-input-quantity\n                                #inputQuantity\n                                [tuiAutoFocus]=\"autoFocuseQuantityInput()\"\n                                [formControl]=\"quantityControl\"\n                                size=\"m\"\n                                [showCross]=\"false\"\n                                [isDisabled]=\"isDisabled\"\n                                [step]=\"ScUnitsHelper.getProductMultiplicity(product)\"\n                                [ignoreStepValidators]=\"product.ignoreMinCountCheck\"\n                                [showLoader]=\"showLoader()\"\n                                (clickClearEvent)=\"clickClearEvent.emit(orderItem)\"\n                                (keydown.enter)=\"inputQuantity.nativeFocusableElement?.blur()\"\n                                class=\"w-32 shrink-0\"\n                            />\n                        } @else {\n                            <button\n                                [appearance]=\"isShowEditControls() ? 'action-grayscale' : ''\"\n                                tuiTheme=\"light\"\n                                tuiHint=\"\u0414\u043B\u044F \u0438\u0437\u043C\u0435\u043D\u0435\u043D\u0438\u044F \u043A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u0430 \u0432\u043E\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0439\u0442\u0435\u0441\u044C \u043A\u043E\u043D\u0444\u0438\u0433\u0443\u0440\u0430\u0442\u043E\u0440\u043E\u043C\"\n                                (tuiHintVisible)=\"configuratorHintVisible($event)\"\n                                tuiLink\n                                [style.text-decoration-line]=\"isShowEditControls() ? 'underline' : 'none'\"\n                                [class.pointer-events-none]=\"!isShowEditControls()\"\n                            >\n                                <div class=\"!text-body-m text-start\">\n                                    \u041A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E:\n                                    <strong> {{ orderItem.quantity }} \u0448\u0442.</strong>\n                                </div>\n                            </button>\n                        }\n\n                        @let showAdditionalInfo = orderItem.configurator || orderItem.height || orderItem.length || orderItem.width || orderItem.marker;\n                        @if (showAdditionalInfo) {\n                            <div class=\"flex items-center gap-2 @lg:gap-3 max-w-min\">\n                                <!-- \u041A\u043D\u043E\u043F\u043A\u0430 \u0440\u0435\u0434\u0430\u043A\u0442\u0438\u0440\u043E\u0432\u0430\u043D\u0438\u044F \u0442\u043E\u0432\u0430\u0440\u0430. -->\n                                @if (isShowEditControls()) {\n                                    <button\n                                        tuiIconButton\n                                        iconStart=\"@tui.settings\"\n                                        [disabled]=\"isDisabled\"\n                                        [loading]=\"showLoader()\"\n                                        (click)=\"clickSettings.emit()\"\n                                        size=\"s\"\n                                        [appearance]=\"isConfiguratorHintVisible() ? 'primary' : 'secondary'\"\n                                        class=\"shrink-0\"\n                                    ></button>\n                                }\n\n                                <!-- \u0414\u043E\u043F\u043E\u043B\u043D\u0438\u0442\u0435\u043B\u044C\u043D\u0430\u044F \u0438\u043D\u0444\u043E\u0440\u043C\u0430\u0446\u0438\u044F \u043E \u0442\u043E\u0432\u0430\u0440\u0435. -->\n                                <div\n                                    class=\"flex flex-col gap-x-1 text-tui-base-07\"\n                                    [class.text-body-m]=\"!isShowEditControls()\"\n                                >\n                                    @if (orderItem.marker) {\n                                        <p>\u041C\u0430\u0440\u043A\u0438\u0440\u043E\u0432\u043A\u0430: {{ orderItem.marker }}</p>\n                                    }\n                                    @if (orderItem.width) {\n                                        <button\n                                            [appearance]=\"isShowEditControls() ? 'action-grayscale' : ''\"\n                                            tuiTheme=\"light\"\n                                            tuiHint=\"\u0414\u043B\u044F \u0438\u0437\u043C\u0435\u043D\u0435\u043D\u0438\u044F \u0448\u0438\u0440\u0438\u043D\u044B \u0432\u043E\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0439\u0442\u0435\u0441\u044C \u043A\u043E\u043D\u0444\u0438\u0433\u0443\u0440\u0430\u0442\u043E\u0440\u043E\u043C\"\n                                            (tuiHintVisible)=\"configuratorHintVisible($event)\"\n                                            tuiLink\n                                            [style.text-decoration-line]=\"isShowEditControls() ? 'underline' : 'none'\"\n                                            [class.pointer-events-none]=\"!isShowEditControls()\"\n                                            class=\"text-body-s self-start whitespace-nowrap\"\n                                        >\n                                            \u0428\u0438\u0440\u0438\u043D\u0430: <span class=\"text-body-s-bold\">{{ orderItem.width }} \u043C.</span>\n                                        </button>\n                                    }\n                                    @if (orderItem.height) {\n                                        <button\n                                            [appearance]=\"isShowEditControls() ? 'action-grayscale' : ''\"\n                                            tuiTheme=\"light\"\n                                            tuiHint=\"\u0414\u043B\u044F \u0438\u0437\u043C\u0435\u043D\u0435\u043D\u0438\u044F \u0432\u044B\u0441\u043E\u0442\u044B \u0432\u043E\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0439\u0442\u0435\u0441\u044C \u043A\u043E\u043D\u0444\u0438\u0433\u0443\u0440\u0430\u0442\u043E\u0440\u043E\u043C\"\n                                            (tuiHintVisible)=\"configuratorHintVisible($event)\"\n                                            tuiLink\n                                            [style.text-decoration-line]=\"isShowEditControls() ? 'underline' : 'none'\"\n                                            [class.pointer-events-none]=\"!isShowEditControls()\"\n                                            class=\"text-body-s self-start whitespace-nowrap\"\n                                        >\n                                            \u0412\u044B\u0441\u043E\u0442\u0430: <span class=\"text-body-s-bold\">{{ orderItem.height }} \u043C.</span>\n                                        </button>\n                                    } @else if (orderItem.length) {\n                                        <button\n                                            [appearance]=\"isShowEditControls() ? 'action-grayscale' : ''\"\n                                            tuiTheme=\"light\"\n                                            tuiHint=\"\u0414\u043B\u044F \u0438\u0437\u043C\u0435\u043D\u0435\u043D\u0438\u044F \u0434\u043B\u0438\u043D\u044B \u0432\u043E\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0439\u0442\u0435\u0441\u044C \u043A\u043E\u043D\u0444\u0438\u0433\u0443\u0440\u0430\u0442\u043E\u0440\u043E\u043C\"\n                                            (tuiHintVisible)=\"configuratorHintVisible($event)\"\n                                            tuiLink\n                                            [style.text-decoration-line]=\"isShowEditControls() ? 'underline' : 'none'\"\n                                            [class.pointer-events-none]=\"!isShowEditControls()\"\n                                            class=\"text-body-s self-start whitespace-nowrap\"\n                                        >\n                                            \u0414\u043B\u0438\u043D\u0430: <span class=\"text-body-s-bold\">{{ orderItem.length }} \u043C.</span>\n                                        </button>\n                                    }\n                                </div>\n                            </div>\n                        }\n                    </div>\n\n                    <!-- \u0421\u0443\u043C\u043C\u0430 \u0442\u043E\u0432\u0430\u0440\u0430 \u0438 \u0441\u043A\u043B\u0430\u0434\u0441\u043A\u043E\u0435 \u043D\u0430\u043B\u0438\u0447\u0438\u0435. -->\n                    <div\n                        scPrint=\"cost\"\n                        class=\"flex min-w-[11rem] flex-col @lg:justify-end @2xl:!justify-center text-body-m\"\n                    >\n                        <p class=\"whitespace-nowrap\">\n                            \u0421\u0443\u043C\u043C\u0430:\n                            <strong> {{ orderItem.costRub | tuiFormatNumber: { precision: 2, decimalSeparator: '.', rounding: 'ceil' } | async }} {{ 'RUB' | tuiCurrency }}</strong>\n                        </p>\n                        <sc-price-warehouse-stock\n                            scPrint=\"defaultNoPrint\"\n                            [product]=\"product\"\n                        />\n                    </div>\n                </div>\n            </div>\n        </sc-noindex-wrapper>\n    </div>\n} @else {\n    <div class=\"tui-skeleton flex h-[8.25rem] w-full overflow-hidden rounded-xl\"></div>\n}\n" }]
         }] });
 
 /* eslint-disable no-param-reassign */
 /**
  * Компонент списка товаров корзины, заказа или черновика.
- * Позиции разбиты.
  */
 class ScOrderItemsListComponent {
-    /**
-     * Инициализирует экземпляр класса {@link ScOrderItemsListComponent}.
-     * Входы выбора и пометки недоступных позиций могут прийти после списка позиций, поэтому при их изменении выбор синхронизируется заново.
-     */
     constructor() {
         /**
          * Внутренний сигнал списка элементов корзины (товаров).
@@ -8476,38 +8402,6 @@ class ScOrderItemsListComponent {
          * Включить редактирование позиций.
          */
         this.editable = input(false);
-        /**
-         * Функция, возвращающая название группы позиции. Если не задана, позиции выводятся одним списком без заголовков.
-         */
-        this.groupBy = input(null);
-        /**
-         * Признак, что позиции, которые не попадут в заказ, помечаются причиной, не выбираются и остаются доступными для изменения.
-         */
-        this.markUnavailable = input(false);
-        /**
-         * Признак, что цена за единицу берётся из позиции, а не из текущей цены товара.
-         */
-        this.useLinePrice = input(false);
-        /**
-         * Позиции, разбитые на группы в порядке первого появления группы.
-         */
-        this.groups = computed(() => {
-            const items = this.itemsSignal();
-            const groupBy = this.groupBy();
-            if (!groupBy) {
-                return [{ name: '', items, orderableCount: items.filter((item) => item.isOrderable).length, sum: items.reduce((sum, item) => sum + item.costRub, 0) }];
-            }
-            const groups = new Map();
-            items.forEach((item) => {
-                const name = groupBy(item);
-                const group = groups.get(name) ?? { name, items: [], orderableCount: 0, sum: 0 };
-                group.items.push(item);
-                group.orderableCount += item.isOrderable ? 1 : 0;
-                group.sum += item.costRub;
-                groups.set(name, group);
-            });
-            return [...groups.values()];
-        });
         /**
          * Внутренняя группа формы для выбора позиций.
          */
@@ -8562,13 +8456,6 @@ class ScOrderItemsListComponent {
          * Предоставляется родителем через токен {@link SC_DIALOG_SERVICE_TOKEN}.
          */
         this.scDialogService = inject(SC_DIALOG_SERVICE_TOKEN);
-        effect(() => {
-            this.markUnavailable();
-            this.selectable();
-            untracked(() => {
-                this.syncSelectionControls();
-            });
-        });
     }
     /**
      * Список элементов корзины (товаров). При установке синхронно обновляет контролы выбора в форме.
@@ -8592,18 +8479,8 @@ class ScOrderItemsListComponent {
             }
         });
         currentItems.forEach((item) => {
-            const control = this.selectionFormGroup.get(item.id);
-            const isSelectable = !this.markUnavailable() || item.isOrderable;
-            if (!control) {
-                this.selectionFormGroup.addControl(item.id, new FormControl({ value: isSelectable, disabled: !isSelectable }, { nonNullable: true }));
-            }
-            else if (!isSelectable && control.enabled) {
-                control.setValue(false);
-                control.disable();
-            }
-            else if (isSelectable && control.disabled) {
-                control.enable();
-                control.setValue(true);
+            if (!this.selectionFormGroup.contains(item.id)) {
+                this.selectionFormGroup.addControl(item.id, new FormControl(true, { nonNullable: true }));
             }
         });
     }
@@ -8689,20 +8566,26 @@ class ScOrderItemsListComponent {
         this.scDialogService.openPriceHistoryChartDialog(product);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScOrderItemsListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ScOrderItemsListComponent, isStandalone: true, selector: "sc-order-items-list", inputs: { selectable: { classPropertyName: "selectable", publicName: "selectable", isSignal: true, isRequired: false, transformFunction: null }, editable: { classPropertyName: "editable", publicName: "editable", isSignal: true, isRequired: false, transformFunction: null }, groupBy: { classPropertyName: "groupBy", publicName: "groupBy", isSignal: true, isRequired: false, transformFunction: null }, markUnavailable: { classPropertyName: "markUnavailable", publicName: "markUnavailable", isSignal: true, isRequired: false, transformFunction: null }, useLinePrice: { classPropertyName: "useLinePrice", publicName: "useLinePrice", isSignal: true, isRequired: false, transformFunction: null }, items: { classPropertyName: "items", publicName: "items", isSignal: false, isRequired: true, transformFunction: null } }, outputs: { selectedItemsIdsChange: "selectedItemsIdsChange" }, ngImport: i0, template: "<div\n    [formGroup]=\"selectionFormGroup\"\n    class=\"flex flex-col gap-5\"\n>\n    <!-- \u0413\u0440\u0443\u043F\u043F\u044B \u0442\u043E\u0432\u0430\u0440\u043E\u0432 \u043F\u043E \u043D\u0430\u043F\u0440\u0430\u0432\u043B\u0435\u043D\u0438\u044F\u043C \u043F\u0440\u043E\u0434\u0430\u0436. -->\n\n    @for (group of groups(); track group.name) {\n        <!-- \u0417\u0430\u0433\u043E\u043B\u043E\u0432\u043E\u043A \u0433\u0440\u0443\u043F\u043F\u044B \u043F\u043E\u0437\u0438\u0446\u0438\u0439. -->\n        @if (group.name) {\n            <div class=\"flex flex-wrap items-end justify-between gap-x-4 gap-y-1 border-b border-tui-base-03 pb-2\">\n                <div class=\"flex flex-col\">\n                    <span class=\"text-body-l-bold\">{{ group.name }}</span>\n                    <span class=\"text-body-s text-tui-text-02\">\u043F\u043E\u0437\u0438\u0446\u0438\u0439: {{ group.items.length }}, \u0432 \u0437\u0430\u043A\u0430\u0437: {{ group.orderableCount }}</span>\n                </div>\n                <span class=\"text-body-m-bold\">\n                    {{ group.sum | tuiFormatNumber: { precision: 2, decimalSeparator: '.', rounding: 'ceil' } | async }} {{ 'RUB' | tuiCurrency }}\n                </span>\n            </div>\n        }\n\n        @for (item of group.items; track item.id) {\n            @if ($index !== 0) {\n                <hr class=\"mt-auto h-px w-full bg-tui-clear\" />\n            }\n\n            <div class=\"flex items-center gap-4 relative\">\n                @let isActive = !selectable() || selectionFormGroup.get(item.id)?.value || (markUnavailable() && !item.isOrderable);\n\n                <!-- \u0427\u0435\u043A\u0431\u043E\u043A\u0441 \u0432\u044B\u0431\u043E\u0440\u0430 \u0442\u043E\u0432\u0430\u0440\u0430. -->\n                @if (selectable()) {\n                    <input\n                        tuiCheckbox\n                        [disabled]=\"itemComponent.showLoader()\"\n                        type=\"checkbox\"\n                        size=\"m\"\n                        [formControlName]=\"item.id\"\n                    />\n                }\n\n                <!-- \u041A\u0430\u0440\u0442\u043E\u0447\u043A\u0430 \u0442\u043E\u0432\u0430\u0440\u0430. -->\n                <sc-order-item\n                    #itemComponent\n                    [product]=\"item.product\"\n                    [orderItem]=\"item\"\n                    [showQuantityControl]=\"canEdit() && !item.configurator\"\n                    [isShowEditControls]=\"canEdit()\"\n                    [useLinePrice]=\"useLinePrice()\"\n                    [markUnavailable]=\"markUnavailable()\"\n                    class=\"w-full duration-200\"\n                    [class.opacity-60]=\"(selectable() && !selectionFormGroup.get(item.id)?.value) || (markUnavailable() && !item.isOrderable)\"\n                    (clickCardEvent)=\"openProductInfoDialog(item.product, item, orderOptions?.orderId())\"\n                    (quantityValueChanges)=\"patchItem($event, itemComponent)\"\n                    (clickPriceHistoryEvent)=\"openPriceHistoryChartDialog(item.product)\"\n                    (clickSettings)=\"openSettingsDialog(item)\"\n                    [class.pointer-events-none]=\"!isActive\"\n                />\n\n                <!-- \u041A\u043D\u043E\u043F\u043A\u0430 \u0443\u0434\u0430\u043B\u0435\u043D\u0438\u044F \u0442\u043E\u0432\u0430\u0440\u0430. -->\n                @if (canEdit()) {\n                    <button\n                        tuiIconButton\n                        iconStart=\"@tui.trash\"\n                        (click)=\"deleteItem(item, itemComponent)\"\n                        [loading]=\"itemComponent.showLoader()\"\n                        size=\"s\"\n                        appearance=\"secondary\"\n                        class=\"!absolute left-1 top-1 lg:!relative lg:left-0 lg:top-0 lg:!self-center\"\n                    ></button>\n                }\n            </div>\n        }\n    }\n\n    <!-- \u0424\u0443\u0442\u0435\u0440 \u0433\u0440\u0443\u043F\u043F\u044B \u0442\u043E\u0432\u0430\u0440\u043E\u0432. -->\n    <div\n        scPrint=\"cost\"\n        class=\"flex flex-col items-end gap-2.5\"\n    >\n        @let totalSum = sumSelectedItems();\n        <!-- \u0418\u0442\u043E\u0433\u043E\u0432\u0430\u044F \u0441\u0443\u043C\u043C\u0430. -->\n        <div class=\"text-base font-bold\">\u0418\u0442\u043E\u0433\u043E: {{ totalSum | tuiFormatNumber: { precision: 2, decimalSeparator: '.', rounding: 'ceil' } | async }} {{ 'RUB' | tuiCurrency }}</div>\n    </div>\n</div>\n", dependencies: [{ kind: "component", type: ScOrderItemComponent, selector: "sc-order-item", inputs: ["isShowEditControls", "useLinePrice", "markUnavailable"], outputs: ["clickSettings"] }, { kind: "directive", type: ScPrintDirective, selector: "[scPrint]", inputs: ["scPrint"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: TuiCheckbox, selector: "input[type=\"checkbox\"][tuiCheckbox]", inputs: ["size"] }, { kind: "directive", type: TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "component", type: TuiButtonLoading, selector: "[tuiButton][loading],[tuiIconButton][loading]", inputs: ["size", "loading"] }, { kind: "pipe", type: TuiCurrencyPipe, name: "tuiCurrency" }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: TuiFormatNumberPipe, name: "tuiFormatNumber" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ScOrderItemsListComponent, isStandalone: true, selector: "sc-order-items-list", inputs: { selectable: { classPropertyName: "selectable", publicName: "selectable", isSignal: true, isRequired: false, transformFunction: null }, editable: { classPropertyName: "editable", publicName: "editable", isSignal: true, isRequired: false, transformFunction: null }, items: { classPropertyName: "items", publicName: "items", isSignal: false, isRequired: true, transformFunction: null } }, outputs: { selectedItemsIdsChange: "selectedItemsIdsChange" }, ngImport: i0, template: "<div\n    [formGroup]=\"selectionFormGroup\"\n    class=\"flex flex-col gap-5\"\n>\n    @for (item of itemsSignal(); track item.id) {\n        @if ($index !== 0) {\n            <hr class=\"mt-auto h-px w-full bg-tui-clear\" />\n        }\n\n        <div class=\"flex items-center gap-4 relative\">\n            @let isActive = !selectable() || selectionFormGroup.get(item.id)?.value;\n\n            <!-- \u0427\u0435\u043A\u0431\u043E\u043A\u0441 \u0432\u044B\u0431\u043E\u0440\u0430 \u0442\u043E\u0432\u0430\u0440\u0430. -->\n            @if (selectable()) {\n                <input\n                    tuiCheckbox\n                    [disabled]=\"itemComponent.showLoader()\"\n                    type=\"checkbox\"\n                    size=\"m\"\n                    [formControlName]=\"item.id\"\n                />\n            }\n\n            <!-- \u041A\u0430\u0440\u0442\u043E\u0447\u043A\u0430 \u0442\u043E\u0432\u0430\u0440\u0430. -->\n            <sc-order-item\n                #itemComponent\n                [product]=\"item.product\"\n                [orderItem]=\"item\"\n                [showQuantityControl]=\"canEdit() && !item.configurator\"\n                [isShowEditControls]=\"canEdit()\"\n                class=\"w-full duration-200\"\n                [class.opacity-60]=\"selectable() && !selectionFormGroup.get(item.id)?.value\"\n                (clickCardEvent)=\"openProductInfoDialog(item.product, item, orderOptions?.orderId())\"\n                (quantityValueChanges)=\"patchItem($event, itemComponent)\"\n                (clickPriceHistoryEvent)=\"openPriceHistoryChartDialog(item.product)\"\n                (clickSettings)=\"openSettingsDialog(item)\"\n                [class.pointer-events-none]=\"!isActive\"\n            />\n\n            <!-- \u041A\u043D\u043E\u043F\u043A\u0430 \u0443\u0434\u0430\u043B\u0435\u043D\u0438\u044F \u0442\u043E\u0432\u0430\u0440\u0430. -->\n            @if (canEdit()) {\n                <button\n                    tuiIconButton\n                    iconStart=\"@tui.trash\"\n                    (click)=\"deleteItem(item, itemComponent)\"\n                    [loading]=\"itemComponent.showLoader()\"\n                    size=\"s\"\n                    appearance=\"secondary\"\n                    class=\"!absolute left-1 top-1 lg:!relative lg:left-0 lg:top-0 lg:!self-center\"\n                ></button>\n            }\n        </div>\n    }\n\n    <!-- \u0424\u0443\u0442\u0435\u0440 \u0441\u043F\u0438\u0441\u043A\u0430. -->\n    <div\n        scPrint=\"cost\"\n        class=\"flex flex-col items-end gap-2.5\"\n    >\n        @let totalSum = sumSelectedItems();\n        <!-- \u0418\u0442\u043E\u0433\u043E\u0432\u0430\u044F \u0441\u0443\u043C\u043C\u0430. -->\n        <div class=\"text-base font-bold\">\u0418\u0442\u043E\u0433\u043E: {{ totalSum | tuiFormatNumber: { precision: 2, decimalSeparator: '.', rounding: 'ceil' } | async }} {{ 'RUB' | tuiCurrency }}</div>\n    </div>\n</div>\n", dependencies: [{ kind: "component", type: ScOrderItemComponent, selector: "sc-order-item", inputs: ["isShowEditControls"], outputs: ["clickSettings"] }, { kind: "directive", type: ScPrintDirective, selector: "[scPrint]", inputs: ["scPrint"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: TuiCheckbox, selector: "input[type=\"checkbox\"][tuiCheckbox]", inputs: ["size"] }, { kind: "directive", type: TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "component", type: TuiButtonLoading, selector: "[tuiButton][loading],[tuiIconButton][loading]", inputs: ["size", "loading"] }, { kind: "pipe", type: TuiCurrencyPipe, name: "tuiCurrency" }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: TuiFormatNumberPipe, name: "tuiFormatNumber" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScOrderItemsListComponent, decorators: [{
             type: Component,
-            args: [{ standalone: true, selector: 'sc-order-items-list', imports: [ScOrderItemComponent, ScPrintDirective, ReactiveFormsModule, TuiCheckbox, TuiButton, TuiButtonLoading, TuiCurrencyPipe, AsyncPipe, TuiFormatNumberPipe], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n    [formGroup]=\"selectionFormGroup\"\n    class=\"flex flex-col gap-5\"\n>\n    <!-- \u0413\u0440\u0443\u043F\u043F\u044B \u0442\u043E\u0432\u0430\u0440\u043E\u0432 \u043F\u043E \u043D\u0430\u043F\u0440\u0430\u0432\u043B\u0435\u043D\u0438\u044F\u043C \u043F\u0440\u043E\u0434\u0430\u0436. -->\n\n    @for (group of groups(); track group.name) {\n        <!-- \u0417\u0430\u0433\u043E\u043B\u043E\u0432\u043E\u043A \u0433\u0440\u0443\u043F\u043F\u044B \u043F\u043E\u0437\u0438\u0446\u0438\u0439. -->\n        @if (group.name) {\n            <div class=\"flex flex-wrap items-end justify-between gap-x-4 gap-y-1 border-b border-tui-base-03 pb-2\">\n                <div class=\"flex flex-col\">\n                    <span class=\"text-body-l-bold\">{{ group.name }}</span>\n                    <span class=\"text-body-s text-tui-text-02\">\u043F\u043E\u0437\u0438\u0446\u0438\u0439: {{ group.items.length }}, \u0432 \u0437\u0430\u043A\u0430\u0437: {{ group.orderableCount }}</span>\n                </div>\n                <span class=\"text-body-m-bold\">\n                    {{ group.sum | tuiFormatNumber: { precision: 2, decimalSeparator: '.', rounding: 'ceil' } | async }} {{ 'RUB' | tuiCurrency }}\n                </span>\n            </div>\n        }\n\n        @for (item of group.items; track item.id) {\n            @if ($index !== 0) {\n                <hr class=\"mt-auto h-px w-full bg-tui-clear\" />\n            }\n\n            <div class=\"flex items-center gap-4 relative\">\n                @let isActive = !selectable() || selectionFormGroup.get(item.id)?.value || (markUnavailable() && !item.isOrderable);\n\n                <!-- \u0427\u0435\u043A\u0431\u043E\u043A\u0441 \u0432\u044B\u0431\u043E\u0440\u0430 \u0442\u043E\u0432\u0430\u0440\u0430. -->\n                @if (selectable()) {\n                    <input\n                        tuiCheckbox\n                        [disabled]=\"itemComponent.showLoader()\"\n                        type=\"checkbox\"\n                        size=\"m\"\n                        [formControlName]=\"item.id\"\n                    />\n                }\n\n                <!-- \u041A\u0430\u0440\u0442\u043E\u0447\u043A\u0430 \u0442\u043E\u0432\u0430\u0440\u0430. -->\n                <sc-order-item\n                    #itemComponent\n                    [product]=\"item.product\"\n                    [orderItem]=\"item\"\n                    [showQuantityControl]=\"canEdit() && !item.configurator\"\n                    [isShowEditControls]=\"canEdit()\"\n                    [useLinePrice]=\"useLinePrice()\"\n                    [markUnavailable]=\"markUnavailable()\"\n                    class=\"w-full duration-200\"\n                    [class.opacity-60]=\"(selectable() && !selectionFormGroup.get(item.id)?.value) || (markUnavailable() && !item.isOrderable)\"\n                    (clickCardEvent)=\"openProductInfoDialog(item.product, item, orderOptions?.orderId())\"\n                    (quantityValueChanges)=\"patchItem($event, itemComponent)\"\n                    (clickPriceHistoryEvent)=\"openPriceHistoryChartDialog(item.product)\"\n                    (clickSettings)=\"openSettingsDialog(item)\"\n                    [class.pointer-events-none]=\"!isActive\"\n                />\n\n                <!-- \u041A\u043D\u043E\u043F\u043A\u0430 \u0443\u0434\u0430\u043B\u0435\u043D\u0438\u044F \u0442\u043E\u0432\u0430\u0440\u0430. -->\n                @if (canEdit()) {\n                    <button\n                        tuiIconButton\n                        iconStart=\"@tui.trash\"\n                        (click)=\"deleteItem(item, itemComponent)\"\n                        [loading]=\"itemComponent.showLoader()\"\n                        size=\"s\"\n                        appearance=\"secondary\"\n                        class=\"!absolute left-1 top-1 lg:!relative lg:left-0 lg:top-0 lg:!self-center\"\n                    ></button>\n                }\n            </div>\n        }\n    }\n\n    <!-- \u0424\u0443\u0442\u0435\u0440 \u0433\u0440\u0443\u043F\u043F\u044B \u0442\u043E\u0432\u0430\u0440\u043E\u0432. -->\n    <div\n        scPrint=\"cost\"\n        class=\"flex flex-col items-end gap-2.5\"\n    >\n        @let totalSum = sumSelectedItems();\n        <!-- \u0418\u0442\u043E\u0433\u043E\u0432\u0430\u044F \u0441\u0443\u043C\u043C\u0430. -->\n        <div class=\"text-base font-bold\">\u0418\u0442\u043E\u0433\u043E: {{ totalSum | tuiFormatNumber: { precision: 2, decimalSeparator: '.', rounding: 'ceil' } | async }} {{ 'RUB' | tuiCurrency }}</div>\n    </div>\n</div>\n" }]
-        }], ctorParameters: () => [], propDecorators: { items: [{
+            args: [{ standalone: true, selector: 'sc-order-items-list', imports: [ScOrderItemComponent, ScPrintDirective, ReactiveFormsModule, TuiCheckbox, TuiButton, TuiButtonLoading, TuiCurrencyPipe, AsyncPipe, TuiFormatNumberPipe], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n    [formGroup]=\"selectionFormGroup\"\n    class=\"flex flex-col gap-5\"\n>\n    @for (item of itemsSignal(); track item.id) {\n        @if ($index !== 0) {\n            <hr class=\"mt-auto h-px w-full bg-tui-clear\" />\n        }\n\n        <div class=\"flex items-center gap-4 relative\">\n            @let isActive = !selectable() || selectionFormGroup.get(item.id)?.value;\n\n            <!-- \u0427\u0435\u043A\u0431\u043E\u043A\u0441 \u0432\u044B\u0431\u043E\u0440\u0430 \u0442\u043E\u0432\u0430\u0440\u0430. -->\n            @if (selectable()) {\n                <input\n                    tuiCheckbox\n                    [disabled]=\"itemComponent.showLoader()\"\n                    type=\"checkbox\"\n                    size=\"m\"\n                    [formControlName]=\"item.id\"\n                />\n            }\n\n            <!-- \u041A\u0430\u0440\u0442\u043E\u0447\u043A\u0430 \u0442\u043E\u0432\u0430\u0440\u0430. -->\n            <sc-order-item\n                #itemComponent\n                [product]=\"item.product\"\n                [orderItem]=\"item\"\n                [showQuantityControl]=\"canEdit() && !item.configurator\"\n                [isShowEditControls]=\"canEdit()\"\n                class=\"w-full duration-200\"\n                [class.opacity-60]=\"selectable() && !selectionFormGroup.get(item.id)?.value\"\n                (clickCardEvent)=\"openProductInfoDialog(item.product, item, orderOptions?.orderId())\"\n                (quantityValueChanges)=\"patchItem($event, itemComponent)\"\n                (clickPriceHistoryEvent)=\"openPriceHistoryChartDialog(item.product)\"\n                (clickSettings)=\"openSettingsDialog(item)\"\n                [class.pointer-events-none]=\"!isActive\"\n            />\n\n            <!-- \u041A\u043D\u043E\u043F\u043A\u0430 \u0443\u0434\u0430\u043B\u0435\u043D\u0438\u044F \u0442\u043E\u0432\u0430\u0440\u0430. -->\n            @if (canEdit()) {\n                <button\n                    tuiIconButton\n                    iconStart=\"@tui.trash\"\n                    (click)=\"deleteItem(item, itemComponent)\"\n                    [loading]=\"itemComponent.showLoader()\"\n                    size=\"s\"\n                    appearance=\"secondary\"\n                    class=\"!absolute left-1 top-1 lg:!relative lg:left-0 lg:top-0 lg:!self-center\"\n                ></button>\n            }\n        </div>\n    }\n\n    <!-- \u0424\u0443\u0442\u0435\u0440 \u0441\u043F\u0438\u0441\u043A\u0430. -->\n    <div\n        scPrint=\"cost\"\n        class=\"flex flex-col items-end gap-2.5\"\n    >\n        @let totalSum = sumSelectedItems();\n        <!-- \u0418\u0442\u043E\u0433\u043E\u0432\u0430\u044F \u0441\u0443\u043C\u043C\u0430. -->\n        <div class=\"text-base font-bold\">\u0418\u0442\u043E\u0433\u043E: {{ totalSum | tuiFormatNumber: { precision: 2, decimalSeparator: '.', rounding: 'ceil' } | async }} {{ 'RUB' | tuiCurrency }}</div>\n    </div>\n</div>\n" }]
+        }], propDecorators: { items: [{
                 type: Input,
                 args: [{ required: true }]
             }] } });
 
-class ScOrderItemsListByDirectionsComponent {
+/**
+ * Список позиций заказа с действиями и блоком позиций, которые больше не предоставляются.
+ */
+class ScOrderItemsListWithActionsComponent {
+    /**
+     * Инициализирует экземпляр класса {@link ScOrderItemsListWithActionsComponent}.
+     */
     constructor() {
         /**
-         * Внутренний сигнал списка элементов корзины (товаров).
+         * Товары заказа.
          */
         this.items = input.required();
         /**
@@ -8714,70 +8597,42 @@ class ScOrderItemsListByDirectionsComponent {
          */
         this.editable = input(false);
         /**
-         * Признак, что цена за единицу берётся из позиции, а не из текущей цены товара.
+         * Позиции, доступные для заказа.
          */
-        this.useLinePrice = input(false);
-        /**
-         * Включить отображение кнопки продолжения.
-         */
-        this.showContinueButton = input(true);
-        /**
-         * Текст кнопки продолжения.
-         */
-        this.continueButtonText = input({ title: 'Заказать', iconStart: '@tui.shopping-cart' });
-        /**
-         * Событие клика на кнопку продолжения.
-         */
-        this.continueClick = output();
-        /**
-         * Список направлений продаж из справочника.
-         */
-        this.directions = toSignal(inject(ScReferencesService).directions$, { initialValue: undefined });
-        /**
-         * Позиции корзины, сгруппированные по направлениям продаж.
-         * Если передан cartDirections, используется он, иначе группировка выполняется автоматически.
-         */
-        this.itemsByDirections = computed(() => {
-            const items = this.items().filter((item) => !item.product.isNull && !item.product.isHidden);
-            const directions = this.directions();
-            return directions?.map((direction) => new ScOrderItemsByDirection(direction, items)).filter((group) => group.items.length > 0) ?? [];
-        });
+        this.availableItems = computed(() => this.items().filter((item) => !item.product.isNull && !item.product.isHidden));
         /**
          * Позиции корзины, которые больше не предоставляются.
          */
         this.nullItems = computed(() => this.items().filter((item) => item.product.isNull || item.product.isHidden));
         /**
-         * Выходные данные при изменении выбора позиций.
+         * Идентификаторы выбранных позиций.
          */
         this.selectedItemsIds = model([]);
+        // Оставляет в выборе только доступные позиции: без них список выбора не отрисовывается и выбор не сбрасывает.
+        effect(() => {
+            const availableIds = new Set(this.availableItems().map((item) => item.id));
+            const selectedItemsIds = this.selectedItemsIds();
+            const actualIds = selectedItemsIds.filter((id) => availableIds.has(id));
+            if (actualIds.length !== selectedItemsIds.length) {
+                this.selectedItemsIds.set(actualIds);
+            }
+        }, { allowSignalWrites: true });
     }
-    /**
-     * Обработчик изменения выбора позиций.
-     *
-     * @param itemsIds Идентификаторы выбранных позиций.
-     * @param direction Направление продаж.
-     */
-    selectedItemsHandler(itemsIds, direction) {
-        this.selectedItemsIds.update((previous) => [
-            ...previous.filter((id) => !direction.items.some((item) => item.id === id) && this.items().some((item) => item.id === id)),
-            ...itemsIds,
-        ]);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScOrderItemsListByDirectionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ScOrderItemsListByDirectionsComponent, isStandalone: true, selector: "sc-order-items-list-by-directions", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: true, transformFunction: null }, selectable: { classPropertyName: "selectable", publicName: "selectable", isSignal: true, isRequired: false, transformFunction: null }, editable: { classPropertyName: "editable", publicName: "editable", isSignal: true, isRequired: false, transformFunction: null }, useLinePrice: { classPropertyName: "useLinePrice", publicName: "useLinePrice", isSignal: true, isRequired: false, transformFunction: null }, showContinueButton: { classPropertyName: "showContinueButton", publicName: "showContinueButton", isSignal: true, isRequired: false, transformFunction: null }, continueButtonText: { classPropertyName: "continueButtonText", publicName: "continueButtonText", isSignal: true, isRequired: false, transformFunction: null }, selectedItemsIds: { classPropertyName: "selectedItemsIds", publicName: "selectedItemsIds", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { continueClick: "continueClick", selectedItemsIds: "selectedItemsIdsChange" }, ngImport: i0, template: "<div class=\"flex flex-col gap-5\">\n    <!-- \u0413\u0440\u0443\u043F\u043F\u044B \u0442\u043E\u0432\u0430\u0440\u043E\u0432 \u043F\u043E \u043D\u0430\u043F\u0440\u0430\u0432\u043B\u0435\u043D\u0438\u044F\u043C \u043F\u0440\u043E\u0434\u0430\u0436. -->\n    @for (direction of itemsByDirections(); track direction.direction?.id; let groupIndex = $index) {\n        <div class=\"flex flex-col gap-2.5\">\n            @if (direction.direction && itemsByDirections().length > 1) {\n                <div class=\"text-base font-bold\">\u041D\u0430\u043F\u0440\u0430\u0432\u043B\u0435\u043D\u0438\u0435 \u043F\u0440\u043E\u0434\u0430\u0436: {{ direction.direction.description }}</div>\n            }\n\n            <sc-order-items-list\n                [items]=\"direction.items\"\n                [selectable]=\"selectable()\"\n                [editable]=\"editable()\"\n                [useLinePrice]=\"useLinePrice()\"\n                (selectedItemsIdsChange)=\"selectedItemsHandler($event, direction)\"\n            />\n\n            <!-- \u0424\u0443\u0442\u0435\u0440 \u0433\u0440\u0443\u043F\u043F\u044B \u0442\u043E\u0432\u0430\u0440\u043E\u0432. -->\n            <div class=\"flex flex-col items-center sm:flex-row sm:items-start sm:flex-wrap-reverse grow gap-x-2.5 gap-y-4\">\n                <ng-content select=\"[footerActions]\" />\n\n                <!-- \u041A\u043D\u043E\u043F\u043A\u0430 \u043F\u0440\u043E\u0434\u043E\u043B\u0436\u0435\u043D\u0438\u044F. -->\n                @if (showContinueButton()) {\n                    <button\n                        tuiButton\n                        type=\"button\"\n                        [disabled]=\"direction.getItemsByIds(selectedItemsIds()).length === 0\"\n                        [iconStart]=\"continueButtonText().iconStart\"\n                        class=\"sm:ml-auto\"\n                        (click)=\"continueClick.emit(direction)\"\n                    >\n                        {{ continueButtonText().title }}\n                    </button>\n                }\n            </div>\n        </div>\n    }\n\n    @if (nullItems().length) {\n        <div class=\"flex flex-col gap-2.5\">\n            <div class=\"text-base font-bold\">\u0422\u043E\u0432\u0430\u0440\u044B \u0438 \u0443\u0441\u043B\u0443\u0433\u0438, \u043A\u043E\u0442\u043E\u0440\u044B\u0435 \u0431\u043E\u043B\u044C\u0448\u0435 \u043D\u0435 \u043F\u0440\u0435\u0434\u043E\u0441\u0442\u0430\u0432\u043B\u044F\u044E\u0442\u0441\u044F.</div>\n\n            <sc-order-items-list\n                [items]=\"nullItems()\"\n                [selectable]=\"false\"\n                [editable]=\"editable()\"\n            />\n        </div>\n    }\n</div>\n", dependencies: [{ kind: "component", type: ScOrderItemsListComponent, selector: "sc-order-items-list", inputs: ["selectable", "editable", "groupBy", "markUnavailable", "useLinePrice", "items"], outputs: ["selectedItemsIdsChange"] }, { kind: "directive", type: TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScOrderItemsListWithActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ScOrderItemsListWithActionsComponent, isStandalone: true, selector: "sc-order-items-list-with-actions", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: true, transformFunction: null }, selectable: { classPropertyName: "selectable", publicName: "selectable", isSignal: true, isRequired: false, transformFunction: null }, editable: { classPropertyName: "editable", publicName: "editable", isSignal: true, isRequired: false, transformFunction: null }, selectedItemsIds: { classPropertyName: "selectedItemsIds", publicName: "selectedItemsIds", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selectedItemsIds: "selectedItemsIdsChange" }, ngImport: i0, template: "<div class=\"flex flex-col gap-5\">\n    <div class=\"flex flex-col gap-2.5\">\n        @if (availableItems().length) {\n            <sc-order-items-list\n                [items]=\"availableItems()\"\n                [selectable]=\"selectable()\"\n                [editable]=\"editable()\"\n                (selectedItemsIdsChange)=\"selectedItemsIds.set($event)\"\n            />\n        }\n\n        <!-- \u0424\u0443\u0442\u0435\u0440 \u0441\u043F\u0438\u0441\u043A\u0430 \u0442\u043E\u0432\u0430\u0440\u043E\u0432. -->\n        <div class=\"flex flex-col items-center sm:flex-row sm:items-start sm:flex-wrap-reverse grow gap-x-2.5 gap-y-4\">\n            <ng-content select=\"[footerActions]\" />\n        </div>\n    </div>\n\n    @if (nullItems().length) {\n        <div class=\"flex flex-col gap-2.5\">\n            <div class=\"text-base font-bold\">\u0422\u043E\u0432\u0430\u0440\u044B \u0438 \u0443\u0441\u043B\u0443\u0433\u0438, \u043A\u043E\u0442\u043E\u0440\u044B\u0435 \u0431\u043E\u043B\u044C\u0448\u0435 \u043D\u0435 \u043F\u0440\u0435\u0434\u043E\u0441\u0442\u0430\u0432\u043B\u044F\u044E\u0442\u0441\u044F.</div>\n\n            <sc-order-items-list\n                [items]=\"nullItems()\"\n                [selectable]=\"false\"\n                [editable]=\"editable()\"\n            />\n        </div>\n    }\n</div>\n", dependencies: [{ kind: "component", type: ScOrderItemsListComponent, selector: "sc-order-items-list", inputs: ["selectable", "editable", "items"], outputs: ["selectedItemsIdsChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScOrderItemsListByDirectionsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScOrderItemsListWithActionsComponent, decorators: [{
             type: Component,
-            args: [{ standalone: true, selector: 'sc-order-items-list-by-directions', imports: [ScOrderItemsListComponent, TuiButton], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"flex flex-col gap-5\">\n    <!-- \u0413\u0440\u0443\u043F\u043F\u044B \u0442\u043E\u0432\u0430\u0440\u043E\u0432 \u043F\u043E \u043D\u0430\u043F\u0440\u0430\u0432\u043B\u0435\u043D\u0438\u044F\u043C \u043F\u0440\u043E\u0434\u0430\u0436. -->\n    @for (direction of itemsByDirections(); track direction.direction?.id; let groupIndex = $index) {\n        <div class=\"flex flex-col gap-2.5\">\n            @if (direction.direction && itemsByDirections().length > 1) {\n                <div class=\"text-base font-bold\">\u041D\u0430\u043F\u0440\u0430\u0432\u043B\u0435\u043D\u0438\u0435 \u043F\u0440\u043E\u0434\u0430\u0436: {{ direction.direction.description }}</div>\n            }\n\n            <sc-order-items-list\n                [items]=\"direction.items\"\n                [selectable]=\"selectable()\"\n                [editable]=\"editable()\"\n                [useLinePrice]=\"useLinePrice()\"\n                (selectedItemsIdsChange)=\"selectedItemsHandler($event, direction)\"\n            />\n\n            <!-- \u0424\u0443\u0442\u0435\u0440 \u0433\u0440\u0443\u043F\u043F\u044B \u0442\u043E\u0432\u0430\u0440\u043E\u0432. -->\n            <div class=\"flex flex-col items-center sm:flex-row sm:items-start sm:flex-wrap-reverse grow gap-x-2.5 gap-y-4\">\n                <ng-content select=\"[footerActions]\" />\n\n                <!-- \u041A\u043D\u043E\u043F\u043A\u0430 \u043F\u0440\u043E\u0434\u043E\u043B\u0436\u0435\u043D\u0438\u044F. -->\n                @if (showContinueButton()) {\n                    <button\n                        tuiButton\n                        type=\"button\"\n                        [disabled]=\"direction.getItemsByIds(selectedItemsIds()).length === 0\"\n                        [iconStart]=\"continueButtonText().iconStart\"\n                        class=\"sm:ml-auto\"\n                        (click)=\"continueClick.emit(direction)\"\n                    >\n                        {{ continueButtonText().title }}\n                    </button>\n                }\n            </div>\n        </div>\n    }\n\n    @if (nullItems().length) {\n        <div class=\"flex flex-col gap-2.5\">\n            <div class=\"text-base font-bold\">\u0422\u043E\u0432\u0430\u0440\u044B \u0438 \u0443\u0441\u043B\u0443\u0433\u0438, \u043A\u043E\u0442\u043E\u0440\u044B\u0435 \u0431\u043E\u043B\u044C\u0448\u0435 \u043D\u0435 \u043F\u0440\u0435\u0434\u043E\u0441\u0442\u0430\u0432\u043B\u044F\u044E\u0442\u0441\u044F.</div>\n\n            <sc-order-items-list\n                [items]=\"nullItems()\"\n                [selectable]=\"false\"\n                [editable]=\"editable()\"\n            />\n        </div>\n    }\n</div>\n" }]
-        }] });
+            args: [{ standalone: true, selector: 'sc-order-items-list-with-actions', imports: [ScOrderItemsListComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"flex flex-col gap-5\">\n    <div class=\"flex flex-col gap-2.5\">\n        @if (availableItems().length) {\n            <sc-order-items-list\n                [items]=\"availableItems()\"\n                [selectable]=\"selectable()\"\n                [editable]=\"editable()\"\n                (selectedItemsIdsChange)=\"selectedItemsIds.set($event)\"\n            />\n        }\n\n        <!-- \u0424\u0443\u0442\u0435\u0440 \u0441\u043F\u0438\u0441\u043A\u0430 \u0442\u043E\u0432\u0430\u0440\u043E\u0432. -->\n        <div class=\"flex flex-col items-center sm:flex-row sm:items-start sm:flex-wrap-reverse grow gap-x-2.5 gap-y-4\">\n            <ng-content select=\"[footerActions]\" />\n        </div>\n    </div>\n\n    @if (nullItems().length) {\n        <div class=\"flex flex-col gap-2.5\">\n            <div class=\"text-base font-bold\">\u0422\u043E\u0432\u0430\u0440\u044B \u0438 \u0443\u0441\u043B\u0443\u0433\u0438, \u043A\u043E\u0442\u043E\u0440\u044B\u0435 \u0431\u043E\u043B\u044C\u0448\u0435 \u043D\u0435 \u043F\u0440\u0435\u0434\u043E\u0441\u0442\u0430\u0432\u043B\u044F\u044E\u0442\u0441\u044F.</div>\n\n            <sc-order-items-list\n                [items]=\"nullItems()\"\n                [selectable]=\"false\"\n                [editable]=\"editable()\"\n            />\n        </div>\n    }\n</div>\n" }]
+        }], ctorParameters: () => [] });
 
 /**
- * Список товаров заказа по направлению продаж с выбором позиций для оформления.
+ * Список товаров оформляемого заказа с выбором позиций.
  */
-class ScOrderDirectionItemsComponent {
+class ScNewOrderItemsComponent {
     constructor() {
         /**
-         * Товары направления.
+         * Товары заказа.
          */
         this.items = input.required();
         /**
@@ -8788,10 +8643,6 @@ class ScOrderDirectionItemsComponent {
          * Включить выбор позиций чекбоксами.
          */
         this.selectable = input(true);
-        /**
-         * Признак, что цена за единицу берётся из позиции, а не из текущей цены товара.
-         */
-        this.useLinePrice = input(false);
         /**
          * Время обработки и принятия заказов (из настроек окружения приложения).
          */
@@ -8801,12 +8652,12 @@ class ScOrderDirectionItemsComponent {
          */
         this.selectedItemsIdsChange = output();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScOrderDirectionItemsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.14", type: ScOrderDirectionItemsComponent, isStandalone: true, selector: "sc-order-direction-items", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: true, transformFunction: null }, editable: { classPropertyName: "editable", publicName: "editable", isSignal: true, isRequired: false, transformFunction: null }, selectable: { classPropertyName: "selectable", publicName: "selectable", isSignal: true, isRequired: false, transformFunction: null }, useLinePrice: { classPropertyName: "useLinePrice", publicName: "useLinePrice", isSignal: true, isRequired: false, transformFunction: null }, orderProcessingAcceptanceTime: { classPropertyName: "orderProcessingAcceptanceTime", publicName: "orderProcessingAcceptanceTime", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selectedItemsIdsChange: "selectedItemsIdsChange" }, ngImport: i0, template: "<div class=\"flex flex-col gap-5\">\n    <ul class=\"ml-4 list-disc text-tui-success-fill\">\n        <li>\u0417\u0430\u044F\u0432\u043A\u0438 \u043F\u0440\u0438\u043D\u0438\u043C\u0430\u044E\u0442\u0441\u044F \u043D\u0435 \u043F\u043E\u0437\u0434\u043D\u0435\u0435 {{ orderProcessingAcceptanceTime() }} \u043F\u043B\u0430\u043D\u0438\u0440\u0443\u0435\u043C\u043E\u0433\u043E \u0434\u043D\u044F \u043F\u043E\u0441\u0442\u0430\u0432\u043A\u0438.</li>\n        <li>\u0417\u0430\u043A\u0430\u0437\u044B \u0441 \u0434\u043E\u0441\u0442\u0430\u0432\u043A\u043E\u0439 \u043D\u0430 \u043F\u043E\u043D\u0435\u0434\u0435\u043B\u044C\u043D\u0438\u043A \u043F\u0440\u0438\u043D\u0438\u043C\u0430\u044E\u0442\u0441\u044F \u0434\u043E {{ orderProcessingAcceptanceTime() }} \u043F\u044F\u0442\u043D\u0438\u0446\u044B.</li>\n        <li>\u0417\u0430\u043A\u0430\u0437\u044B, \u0441\u043E\u0437\u0434\u0430\u043D\u043D\u044B\u0435 \u043F\u043E\u0437\u0434\u043D\u0435\u0435 {{ orderProcessingAcceptanceTime() }} \u043F\u044F\u0442\u043D\u0438\u0446\u044B \u0438\u043B\u0438 \u0432 \u0441\u0443\u0431\u0431\u043E\u0442\u0443/\u0432\u043E\u0441\u043A\u0440\u0435\u0441\u0435\u043D\u044C\u0435 \u0431\u0443\u0434\u0443\u0442 \u043E\u0431\u0440\u0430\u0431\u043E\u0442\u0430\u043D\u044B \u0432 \u0431\u0443\u0434\u043D\u0438\u0435 \u0434\u043D\u0438.</li>\n        <li>\n            \u0423\u043F\u0440\u0430\u0432\u043B\u044F\u0442\u044C \u0441\u043F\u0438\u0441\u043A\u043E\u043C \u043A\u043E\u043D\u0442\u0440\u0430\u0433\u0435\u043D\u0442\u043E\u0432 \u0432\u044B \u043C\u043E\u0436\u0435\u0442\u0435 \u0432\n            <a\n                tuiLink\n                routerLink=\"/profile\"\n            >\n                \u043B\u0438\u0447\u043D\u043E\u043C \u043A\u0430\u0431\u0438\u043D\u0435\u0442\u0435\n            </a>\n            .\n        </li>\n    </ul>\n\n    <div class=\"sub-title\">\u0421\u043E\u0441\u0442\u0430\u0432 \u0437\u0430\u043A\u0430\u0437\u0430</div>\n\n    <sc-order-items-list-by-directions\n        [items]=\"items()\"\n        [editable]=\"editable()\"\n        [selectable]=\"selectable()\"\n        [useLinePrice]=\"useLinePrice()\"\n        [showContinueButton]=\"false\"\n        (selectedItemsIdsChange)=\"selectedItemsIdsChange.emit($event)\"\n    >\n        <ng-content\n            select=\"[footerActions]\"\n            ngProjectAs=\"[footerActions]\"\n        />\n    </sc-order-items-list-by-directions>\n</div>\n", dependencies: [{ kind: "component", type: ScOrderItemsListByDirectionsComponent, selector: "sc-order-items-list-by-directions", inputs: ["items", "selectable", "editable", "useLinePrice", "showContinueButton", "continueButtonText", "selectedItemsIds"], outputs: ["continueClick", "selectedItemsIdsChange"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: TuiLink, selector: "a[tuiLink], button[tuiLink]", inputs: ["pseudo"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScNewOrderItemsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.14", type: ScNewOrderItemsComponent, isStandalone: true, selector: "sc-new-order-items", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: true, transformFunction: null }, editable: { classPropertyName: "editable", publicName: "editable", isSignal: true, isRequired: false, transformFunction: null }, selectable: { classPropertyName: "selectable", publicName: "selectable", isSignal: true, isRequired: false, transformFunction: null }, orderProcessingAcceptanceTime: { classPropertyName: "orderProcessingAcceptanceTime", publicName: "orderProcessingAcceptanceTime", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selectedItemsIdsChange: "selectedItemsIdsChange" }, ngImport: i0, template: "<div class=\"flex flex-col gap-5\">\n    <ul class=\"ml-4 list-disc text-tui-success-fill\">\n        <li>\u0417\u0430\u044F\u0432\u043A\u0438 \u043F\u0440\u0438\u043D\u0438\u043C\u0430\u044E\u0442\u0441\u044F \u043D\u0435 \u043F\u043E\u0437\u0434\u043D\u0435\u0435 {{ orderProcessingAcceptanceTime() }} \u043F\u043B\u0430\u043D\u0438\u0440\u0443\u0435\u043C\u043E\u0433\u043E \u0434\u043D\u044F \u043F\u043E\u0441\u0442\u0430\u0432\u043A\u0438.</li>\n        <li>\u0417\u0430\u043A\u0430\u0437\u044B \u0441 \u0434\u043E\u0441\u0442\u0430\u0432\u043A\u043E\u0439 \u043D\u0430 \u043F\u043E\u043D\u0435\u0434\u0435\u043B\u044C\u043D\u0438\u043A \u043F\u0440\u0438\u043D\u0438\u043C\u0430\u044E\u0442\u0441\u044F \u0434\u043E {{ orderProcessingAcceptanceTime() }} \u043F\u044F\u0442\u043D\u0438\u0446\u044B.</li>\n        <li>\u0417\u0430\u043A\u0430\u0437\u044B, \u0441\u043E\u0437\u0434\u0430\u043D\u043D\u044B\u0435 \u043F\u043E\u0437\u0434\u043D\u0435\u0435 {{ orderProcessingAcceptanceTime() }} \u043F\u044F\u0442\u043D\u0438\u0446\u044B \u0438\u043B\u0438 \u0432 \u0441\u0443\u0431\u0431\u043E\u0442\u0443/\u0432\u043E\u0441\u043A\u0440\u0435\u0441\u0435\u043D\u044C\u0435 \u0431\u0443\u0434\u0443\u0442 \u043E\u0431\u0440\u0430\u0431\u043E\u0442\u0430\u043D\u044B \u0432 \u0431\u0443\u0434\u043D\u0438\u0435 \u0434\u043D\u0438.</li>\n        <li>\n            \u0423\u043F\u0440\u0430\u0432\u043B\u044F\u0442\u044C \u0441\u043F\u0438\u0441\u043A\u043E\u043C \u043A\u043E\u043D\u0442\u0440\u0430\u0433\u0435\u043D\u0442\u043E\u0432 \u0432\u044B \u043C\u043E\u0436\u0435\u0442\u0435 \u0432\n            <a\n                tuiLink\n                routerLink=\"/profile\"\n            >\n                \u043B\u0438\u0447\u043D\u043E\u043C \u043A\u0430\u0431\u0438\u043D\u0435\u0442\u0435\n            </a>\n            .\n        </li>\n    </ul>\n\n    <div class=\"sub-title\">\u0421\u043E\u0441\u0442\u0430\u0432 \u0437\u0430\u043A\u0430\u0437\u0430</div>\n\n    <sc-order-items-list-with-actions\n        [items]=\"items()\"\n        [editable]=\"editable()\"\n        [selectable]=\"selectable()\"\n        (selectedItemsIdsChange)=\"selectedItemsIdsChange.emit($event)\"\n    >\n        <ng-content\n            select=\"[footerActions]\"\n            ngProjectAs=\"[footerActions]\"\n        />\n    </sc-order-items-list-with-actions>\n</div>\n", dependencies: [{ kind: "component", type: ScOrderItemsListWithActionsComponent, selector: "sc-order-items-list-with-actions", inputs: ["items", "selectable", "editable", "selectedItemsIds"], outputs: ["selectedItemsIdsChange"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: TuiLink, selector: "a[tuiLink], button[tuiLink]", inputs: ["pseudo"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScOrderDirectionItemsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScNewOrderItemsComponent, decorators: [{
             type: Component,
-            args: [{ standalone: true, selector: 'sc-order-direction-items', imports: [ScOrderItemsListByDirectionsComponent, RouterLink, TuiLink], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"flex flex-col gap-5\">\n    <ul class=\"ml-4 list-disc text-tui-success-fill\">\n        <li>\u0417\u0430\u044F\u0432\u043A\u0438 \u043F\u0440\u0438\u043D\u0438\u043C\u0430\u044E\u0442\u0441\u044F \u043D\u0435 \u043F\u043E\u0437\u0434\u043D\u0435\u0435 {{ orderProcessingAcceptanceTime() }} \u043F\u043B\u0430\u043D\u0438\u0440\u0443\u0435\u043C\u043E\u0433\u043E \u0434\u043D\u044F \u043F\u043E\u0441\u0442\u0430\u0432\u043A\u0438.</li>\n        <li>\u0417\u0430\u043A\u0430\u0437\u044B \u0441 \u0434\u043E\u0441\u0442\u0430\u0432\u043A\u043E\u0439 \u043D\u0430 \u043F\u043E\u043D\u0435\u0434\u0435\u043B\u044C\u043D\u0438\u043A \u043F\u0440\u0438\u043D\u0438\u043C\u0430\u044E\u0442\u0441\u044F \u0434\u043E {{ orderProcessingAcceptanceTime() }} \u043F\u044F\u0442\u043D\u0438\u0446\u044B.</li>\n        <li>\u0417\u0430\u043A\u0430\u0437\u044B, \u0441\u043E\u0437\u0434\u0430\u043D\u043D\u044B\u0435 \u043F\u043E\u0437\u0434\u043D\u0435\u0435 {{ orderProcessingAcceptanceTime() }} \u043F\u044F\u0442\u043D\u0438\u0446\u044B \u0438\u043B\u0438 \u0432 \u0441\u0443\u0431\u0431\u043E\u0442\u0443/\u0432\u043E\u0441\u043A\u0440\u0435\u0441\u0435\u043D\u044C\u0435 \u0431\u0443\u0434\u0443\u0442 \u043E\u0431\u0440\u0430\u0431\u043E\u0442\u0430\u043D\u044B \u0432 \u0431\u0443\u0434\u043D\u0438\u0435 \u0434\u043D\u0438.</li>\n        <li>\n            \u0423\u043F\u0440\u0430\u0432\u043B\u044F\u0442\u044C \u0441\u043F\u0438\u0441\u043A\u043E\u043C \u043A\u043E\u043D\u0442\u0440\u0430\u0433\u0435\u043D\u0442\u043E\u0432 \u0432\u044B \u043C\u043E\u0436\u0435\u0442\u0435 \u0432\n            <a\n                tuiLink\n                routerLink=\"/profile\"\n            >\n                \u043B\u0438\u0447\u043D\u043E\u043C \u043A\u0430\u0431\u0438\u043D\u0435\u0442\u0435\n            </a>\n            .\n        </li>\n    </ul>\n\n    <div class=\"sub-title\">\u0421\u043E\u0441\u0442\u0430\u0432 \u0437\u0430\u043A\u0430\u0437\u0430</div>\n\n    <sc-order-items-list-by-directions\n        [items]=\"items()\"\n        [editable]=\"editable()\"\n        [selectable]=\"selectable()\"\n        [useLinePrice]=\"useLinePrice()\"\n        [showContinueButton]=\"false\"\n        (selectedItemsIdsChange)=\"selectedItemsIdsChange.emit($event)\"\n    >\n        <ng-content\n            select=\"[footerActions]\"\n            ngProjectAs=\"[footerActions]\"\n        />\n    </sc-order-items-list-by-directions>\n</div>\n" }]
+            args: [{ standalone: true, selector: 'sc-new-order-items', imports: [ScOrderItemsListWithActionsComponent, RouterLink, TuiLink], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"flex flex-col gap-5\">\n    <ul class=\"ml-4 list-disc text-tui-success-fill\">\n        <li>\u0417\u0430\u044F\u0432\u043A\u0438 \u043F\u0440\u0438\u043D\u0438\u043C\u0430\u044E\u0442\u0441\u044F \u043D\u0435 \u043F\u043E\u0437\u0434\u043D\u0435\u0435 {{ orderProcessingAcceptanceTime() }} \u043F\u043B\u0430\u043D\u0438\u0440\u0443\u0435\u043C\u043E\u0433\u043E \u0434\u043D\u044F \u043F\u043E\u0441\u0442\u0430\u0432\u043A\u0438.</li>\n        <li>\u0417\u0430\u043A\u0430\u0437\u044B \u0441 \u0434\u043E\u0441\u0442\u0430\u0432\u043A\u043E\u0439 \u043D\u0430 \u043F\u043E\u043D\u0435\u0434\u0435\u043B\u044C\u043D\u0438\u043A \u043F\u0440\u0438\u043D\u0438\u043C\u0430\u044E\u0442\u0441\u044F \u0434\u043E {{ orderProcessingAcceptanceTime() }} \u043F\u044F\u0442\u043D\u0438\u0446\u044B.</li>\n        <li>\u0417\u0430\u043A\u0430\u0437\u044B, \u0441\u043E\u0437\u0434\u0430\u043D\u043D\u044B\u0435 \u043F\u043E\u0437\u0434\u043D\u0435\u0435 {{ orderProcessingAcceptanceTime() }} \u043F\u044F\u0442\u043D\u0438\u0446\u044B \u0438\u043B\u0438 \u0432 \u0441\u0443\u0431\u0431\u043E\u0442\u0443/\u0432\u043E\u0441\u043A\u0440\u0435\u0441\u0435\u043D\u044C\u0435 \u0431\u0443\u0434\u0443\u0442 \u043E\u0431\u0440\u0430\u0431\u043E\u0442\u0430\u043D\u044B \u0432 \u0431\u0443\u0434\u043D\u0438\u0435 \u0434\u043D\u0438.</li>\n        <li>\n            \u0423\u043F\u0440\u0430\u0432\u043B\u044F\u0442\u044C \u0441\u043F\u0438\u0441\u043A\u043E\u043C \u043A\u043E\u043D\u0442\u0440\u0430\u0433\u0435\u043D\u0442\u043E\u0432 \u0432\u044B \u043C\u043E\u0436\u0435\u0442\u0435 \u0432\n            <a\n                tuiLink\n                routerLink=\"/profile\"\n            >\n                \u043B\u0438\u0447\u043D\u043E\u043C \u043A\u0430\u0431\u0438\u043D\u0435\u0442\u0435\n            </a>\n            .\n        </li>\n    </ul>\n\n    <div class=\"sub-title\">\u0421\u043E\u0441\u0442\u0430\u0432 \u0437\u0430\u043A\u0430\u0437\u0430</div>\n\n    <sc-order-items-list-with-actions\n        [items]=\"items()\"\n        [editable]=\"editable()\"\n        [selectable]=\"selectable()\"\n        (selectedItemsIdsChange)=\"selectedItemsIdsChange.emit($event)\"\n    >\n        <ng-content\n            select=\"[footerActions]\"\n            ngProjectAs=\"[footerActions]\"\n        />\n    </sc-order-items-list-with-actions>\n</div>\n" }]
         }] });
 
 /**
@@ -8824,19 +8675,10 @@ class ScOrderFormComponent {
      * Инициализирует экземпляр класса {@link ScOrderFormComponent}.
      */
     constructor() {
-        /**
-         * Идентификатор направления продаж заказа.
-         */
-        this.directionId = input.required();
         /**
          * Требовать подтверждённые контактные данные для оформления. Для черновика — `false`.
          */
         this.enforceApprovedContacts = input(true);
-        /**
-         * Сохранять и восстанавливать черновые данные формы по направлению (метаданные). Для черновика — `false`.
-         * Работает только если предоставлен токен {@link SC_ORDER_FORM_CONFIG}.
-         */
-        this.persistMetadata = input(true);
         /**
          * Событие отправки валидной формы оформления. Полезная нагрузка — сырые значения формы.
          */
@@ -9065,10 +8907,7 @@ class ScOrderFormComponent {
     }
     /** @inheritdoc */
     ngOnInit() {
-        // Восстанавливаем и сохраняем черновые данные формы по направлению.
-        if (this.persistMetadata()) {
-            this.initMetadata();
-        }
+        this.initMetadata();
     }
     /**
      * Преобразует объекты в значения, отображаемое в поле ввода.
@@ -9163,7 +9002,7 @@ class ScOrderFormComponent {
         });
     }
     /**
-     * Восстанавливает черновые данные формы из метаданных и инициализирует их сохранение.
+     * Восстанавливает черновые данные формы из метаданных и инициализирует их сохранение, если предоставлен токен {@link SC_ORDER_FORM_CONFIG}.
      */
     initMetadata() {
         const { config } = this;
@@ -9171,7 +9010,7 @@ class ScOrderFormComponent {
             return;
         }
         combineLatest({
-            orderMetadata: this.uiService.getNewOrderMetadata$(this.directionId()),
+            orderMetadata: this.uiService.getNewOrderMetadata$(),
             user: this.user$.pipe(filter((user) => !user.isGuest)),
         })
             .pipe(first(), takeUntilDestroyed(this.destroyRef))
@@ -9196,7 +9035,7 @@ class ScOrderFormComponent {
             }
         });
         this.form.valueChanges.pipe(debounceTime(config.debounceTime), takeUntilDestroyed(this.destroyRef)).subscribe((newOrder) => {
-            this.uiService.setNewOrderMetadata(this.directionId(), this.convertersService.removeNull(newOrder));
+            this.uiService.setNewOrderMetadata(this.convertersService.removeNull(newOrder));
         });
     }
     /**
@@ -9327,7 +9166,7 @@ class ScOrderFormComponent {
         reader.readAsDataURL(file);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScOrderFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ScOrderFormComponent, isStandalone: true, selector: "sc-order-form", inputs: { directionId: { classPropertyName: "directionId", publicName: "directionId", isSignal: true, isRequired: true, transformFunction: null }, enforceApprovedContacts: { classPropertyName: "enforceApprovedContacts", publicName: "enforceApprovedContacts", isSignal: true, isRequired: false, transformFunction: null }, persistMetadata: { classPropertyName: "persistMetadata", publicName: "persistMetadata", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { orderSubmit: "orderSubmit" }, providers: [TERMINAL_PROVIDERS], viewQueries: [{ propertyName: "unconfirmedDataWarning", first: true, predicate: ["unconfirmedDataWarning"], descendants: true, isSignal: true }], ngImport: i0, template: "@let user = user$ | async;\n\n<form\n    [formGroup]=\"form\"\n    scFocusFirstInvalidField\n    [fieldOrder]=\"['contragentId', 'paymentType', 'deliveryType', 'warehouseId', 'addressId', 'deliveryDate', 'comment']\"\n    (ngSubmit)=\"submit()\"\n    class=\"flex flex-col gap-4\"\n>\n    <ng-template #selectLoading> <tui-loader /> </ng-template>\n\n    <!-- \u041A\u043E\u043D\u0442\u0440\u0430\u0433\u0435\u043D\u0442. -->\n    @if (contragents$ | async; as contragents) {\n        @if (contragents.length > 1 || user?.isOrg) {\n            <div>\n                <label tuiLabel>\n                    \u041A\u043E\u043D\u0442\u0440\u0430\u0433\u0435\u043D\u0442\n                    <tui-select\n                        formControlName=\"contragentId\"\n                        [valueContent]=\"contragents ? stringify(contragents) : selectLoading\"\n                    >\n                        \u041A\u043E\u043D\u0442\u0440\u0430\u0433\u0435\u043D\u0442\n                        <tui-data-list *tuiDataList>\n                            @for (contragent of contragents; track contragent.id) {\n                                <button\n                                    tuiOption\n                                    [value]=\"contragent.id\"\n                                >\n                                    {{ contragent.name }}\n                                </button>\n                            }\n                        </tui-data-list>\n                    </tui-select>\n                    <tui-error\n                        formControlName=\"contragentId\"\n                        [error]=\"[] | tuiFieldError | async\"\n                    />\n                </label>\n                <a\n                    tuiLink\n                    iconStart=\"@tui.plus\"\n                    (click)=\"addContragent()\"\n                    class=\"mt-2 block\"\n                >\n                    \u041D\u043E\u0432\u044B\u0439\n                </a>\n            </div>\n        }\n    }\n\n    <!-- \u0422\u0438\u043F \u043E\u043F\u043B\u0430\u0442\u044B. -->\n    <label tuiLabel>\n        \u0422\u0438\u043F \u043E\u043F\u043B\u0430\u0442\u044B\n        @let paymentTypes = paymentTypes$ | async;\n        <tui-select\n            formControlName=\"paymentType\"\n            [valueContent]=\"paymentTypes ? stringify(paymentTypes) : selectLoading\"\n        >\n            \u0422\u0438\u043F \u043E\u043F\u043B\u0430\u0442\u044B\n            <tui-data-list *tuiDataList>\n                @for (type of paymentTypes; track type.id) {\n                    <button\n                        tuiOption\n                        [value]=\"type.id\"\n                    >\n                        {{ type.name }}\n                    </button>\n                }\n            </tui-data-list>\n        </tui-select>\n        <tui-error\n            formControlName=\"paymentType\"\n            [error]=\"[] | tuiFieldError | async\"\n        />\n        @if (isCashPaymentSelected()) {\n            <p class=\"text-xs text-tui-status-positive\">\u0417\u0430\u043A\u0430\u0437\u044B \u043F\u0440\u043E\u0438\u0437\u0432\u043E\u0434\u044F\u0442\u0441\u044F \u043F\u043E \u043F\u0440\u0435\u0434\u043E\u043F\u043B\u0430\u0442\u0435</p>\n        }\n    </label>\n\n    <!-- \u041F\u0440\u0435\u0434\u0443\u043F\u0440\u0435\u0436\u0434\u0435\u043D\u0438\u0435 \u043E \u043D\u0435\u043F\u043E\u0434\u0442\u0432\u0435\u0440\u0436\u0434\u0451\u043D\u043D\u044B\u0445 \u043A\u043E\u043D\u0442\u0430\u043A\u0442\u043D\u044B\u0445 \u0434\u0430\u043D\u043D\u044B\u0445. -->\n    @if (!isPhoneApproved() || !isEmailApproved()) {\n        <div\n            #unconfirmedDataWarning\n            class=\"text-tui-text-negative\"\n            [class.warning-shake]=\"warningShake()\"\n        >\n            \u0412\u043D\u0438\u043C\u0430\u043D\u0438\u0435! \u0414\u043B\u044F \u043E\u0444\u043E\u0440\u043C\u043B\u0435\u043D\u0438\u044F \u0437\u0430\u043A\u0430\u0437\u0430 \u043D\u0435\u043E\u0431\u0445\u043E\u0434\u0438\u043C\u043E \u043F\u043E\u0434\u0442\u0432\u0435\u0440\u0434\u0438\u0442\u044C\n            @if (!isPhoneApproved()) {\n                <span class=\"font-bold\"> \u043D\u043E\u043C\u0435\u0440 \u0442\u0435\u043B\u0435\u0444\u043E\u043D\u0430 </span>\n            }\n            @if (!isPhoneApproved() && !isEmailApproved()) {\n                <span> \u0438 </span>\n            }\n            @if (!isEmailApproved()) {\n                <span class=\"font-bold\"> \u0430\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B </span>\n            }\n            <a\n                tuiLink\n                routerLink=\"/profile\"\n            >\n                \u0432 \u0432\u0430\u0448\u0435\u043C \u043F\u0440\u043E\u0444\u0438\u043B\u0435\n            </a>\n        </div>\n    }\n\n    <!-- \u0421\u043F\u043E\u0441\u043E\u0431 \u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438. -->\n    <label tuiLabel>\n        \u0421\u043F\u043E\u0441\u043E\u0431 \u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438\n        @let deliveryTypes = deliveryTypes$ | async;\n        <tui-select\n            formControlName=\"deliveryType\"\n            [valueContent]=\"deliveryTypes ? stringify(deliveryTypes) : selectLoading\"\n        >\n            \u0421\u043F\u043E\u0441\u043E\u0431 \u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438\n            <tui-data-list *tuiDataList>\n                @for (delivery of deliveryTypes; track delivery.id) {\n                    <button\n                        tuiOption\n                        [value]=\"delivery.id\"\n                    >\n                        {{ delivery.name }}\n                    </button>\n                }\n            </tui-data-list>\n        </tui-select>\n        <tui-error\n            formControlName=\"deliveryType\"\n            [error]=\"[] | tuiFieldError | async\"\n        />\n    </label>\n\n    <!-- \u0421\u043A\u043B\u0430\u0434. -->\n    <label tuiLabel>\n        \u0421\u043A\u043B\u0430\u0434\n        @let warehouses = warehouses$ | async;\n        <tui-select\n            formControlName=\"warehouseId\"\n            [valueContent]=\"warehouses ? stringify(warehouses) : selectLoading\"\n        >\n            \u0421\u043A\u043B\u0430\u0434\n            <tui-data-list *tuiDataList>\n                @if (!terminal.isRunningOnTerminal) {\n                    @for (warehouse of warehouses; track warehouse.id) {\n                        <button\n                            tuiOption\n                            [value]=\"warehouse.id\"\n                        >\n                            {{ warehouse.name }}\n                        </button>\n                    }\n                } @else {\n                    @if (warehouseService.getCatalogWarehouseChange$() | async; as terminalWarehouse) {\n                        <button\n                            tuiOption\n                            [value]=\"terminalWarehouse.id\"\n                        >\n                            {{ terminalWarehouse.name }}\n                        </button>\n                    }\n                }\n            </tui-data-list>\n        </tui-select>\n        <tui-error\n            formControlName=\"warehouseId\"\n            [error]=\"[] | tuiFieldError | async\"\n        />\n    </label>\n\n    <!-- \u0410\u0434\u0440\u0435\u0441 \u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438. -->\n    @if (isDelivery()) {\n        @let addresses = addresses$ | async;\n        <div>\n            <label tuiLabel>\n                \u0410\u0434\u0440\u0435\u0441 \u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438\n                <tui-select\n                    formControlName=\"addressId\"\n                    [valueContent]=\"addresses ? stringify(addresses) : selectLoading\"\n                >\n                    \u0410\u0434\u0440\u0435\u0441 \u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438\n                    <tui-data-list *tuiDataList>\n                        @for (address of addresses; track address.id) {\n                            <button\n                                tuiOption\n                                [value]=\"address.id\"\n                            >\n                                {{ address.address }}\n                            </button>\n                        }\n                    </tui-data-list>\n                </tui-select>\n                @if (addresses && addresses.length === 0) {\n                    <tui-error error=\"\u0423 \u043A\u043E\u043D\u0442\u0440\u0430\u0433\u0435\u043D\u0442\u0430 \u043D\u0435\u0442 \u0430\u0434\u0440\u0435\u0441\u0430 \u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438\" />\n                }\n                <tui-error\n                    formControlName=\"addressId\"\n                    [error]=\"[] | tuiFieldError | async\"\n                />\n            </label>\n            <a\n                tuiLink\n                iconStart=\"@tui.plus\"\n                (click)=\"addDeliveryAddress()\"\n                class=\"mt-2 block\"\n            >\n                \u041D\u043E\u0432\u044B\u0439\n            </a>\n        </div>\n    }\n\n    <!-- \u0414\u0430\u0442\u0430 \u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438/\u0441\u0430\u043C\u043E\u0432\u044B\u0432\u043E\u0437\u0430. -->\n    <label tuiLabel>\n        \u0416\u0435\u043B\u0430\u0435\u043C\u0430\u044F \u0434\u0430\u0442\u0430 {{ isDelivery() ? '\u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438' : '\u0441\u0430\u043C\u043E\u0432\u044B\u0432\u043E\u0437\u0430' }}\n        <tui-input-date\n            formControlName=\"deliveryDate\"\n            [disabledItemHandler]=\"deliveryDateFilter\"\n            [markerHandler]=\"deliveryDateMarker\"\n            [max]=\"maxDeliveryDay()\"\n            [min]=\"minDeliveryDay()\"\n        >\n            \u0416\u0435\u043B\u0430\u0435\u043C\u0430\u044F \u0434\u0430\u0442\u0430 {{ isDelivery() ? '\u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438' : '\u0441\u0430\u043C\u043E\u0432\u044B\u0432\u043E\u0437\u0430' }}\n        </tui-input-date>\n        <tui-error\n            formControlName=\"deliveryDate\"\n            [error]=\"[] | tuiFieldError | async\"\n        />\n    </label>\n\n    <!-- \u041A\u043E\u043C\u043C\u0435\u043D\u0442\u0430\u0440\u0438\u0439 \u043A\u043B\u0438\u0435\u043D\u0442\u0430. -->\n    <label tuiLabel>\n        \u041A\u043E\u043C\u043C\u0435\u043D\u0442\u0430\u0440\u0438\u0439 \u043A\u043B\u0438\u0435\u043D\u0442\u0430 \u043A \u0437\u0430\u043A\u0430\u0437\u0443\n        <tui-textarea\n            formControlName=\"comment\"\n            [expandable]=\"true\"\n            [rows]=\"15\"\n        >\n            \u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u0442\u0435\u043A\u0441\u0442\n        </tui-textarea>\n        <tui-error\n            formControlName=\"comment\"\n            [error]=\"[] | tuiFieldError | async\"\n        />\n    </label>\n\n    <!-- \u041F\u0440\u0438\u043A\u0440\u0435\u043F\u043B\u0435\u043D\u0438\u0435 \u0444\u0430\u0439\u043B\u0430 \u043A \u0437\u0430\u043A\u0430\u0437\u0443. -->\n    <div>\n        @if (!controlFile.value) {\n            <label tuiInputFiles>\n                <input\n                    accept=\"image/*\"\n                    tuiInputFiles\n                    [formControl]=\"controlFile\"\n                />\n            </label>\n        }\n\n        <tui-files class=\"tui-space_top-1\">\n            @if (controlFile.value | tuiFileRejected: { accept: 'image/*' } | async; as file) {\n                <tui-file\n                    state=\"error\"\n                    [file]=\"file\"\n                    (remove)=\"removeFile()\"\n                />\n            }\n\n            @for (file of accepted$ | async; track file.name) {\n                <tui-file\n                    [file]=\"file\"\n                    (remove)=\"removeFile()\"\n                />\n            }\n        </tui-files>\n\n        <tui-error\n            [error]=\"['maxLength'] | tuiFieldError | async\"\n            [formControl]=\"controlFile\"\n        />\n        <p class=\"tui-form__field-note\">\u041D\u0430\u043F\u0440\u0438\u043C\u0435\u0440, \u0444\u043E\u0442\u043E\u0433\u0440\u0430\u0444\u0438\u044E \u043F\u043E\u0432\u0440\u0435\u0436\u0434\u0435\u043D\u0438\u0439 \u0438 \u0434\u0435\u0444\u0444\u0435\u043A\u0442\u043E\u0432, \u0447\u0442\u043E \u043F\u043E\u0441\u043B\u0443\u0436\u0438\u0442 \u0434\u043E\u043A\u0430\u0437\u0430\u0442\u0435\u043B\u044C\u0441\u0442\u0432\u043E\u043C \u043D\u0435\u0441\u043E\u043E\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0438\u044F \u0437\u0430\u044F\u0432\u043B\u0435\u043D\u043D\u043E\u0433\u043E \u043A\u0430\u0447\u0435\u0441\u0442\u0432\u0430 \u0442\u043E\u0432\u0430\u0440\u0430.</p>\n    </div>\n</form>\n", styles: ["tui-calendar:has(.t-dots) .t-cell:has(.t-dots){opacity:1;font-weight:700;color:var(--tui-text-primary);border-radius:var(--tui-radius-m);box-shadow:inset 0 0 0 .125rem color-mix(in srgb,var(--tui-background-accent-1) 33%,transparent)}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: TuiLoader, selector: "tui-loader", inputs: ["size", "inheritColor", "overlay", "textContent", "showLoader"] }, { kind: "directive", type: TuiLabel, selector: "label[tuiLabel]" }, { kind: "ngmodule", type: TuiSelectModule }, { kind: "component", type: i3.TuiSelectComponent, selector: "tui-select", inputs: ["stringify", "identityMatcher", "valueContent"] }, { kind: "directive", type: i3.TuiSelectDirective, selector: "tui-select" }, { kind: "component", type: i3$1.TuiDataListComponent, selector: "tui-data-list", inputs: ["emptyContent", "size"] }, { kind: "directive", type: i3$1.TuiDataListDirective, selector: "ng-template[tuiDataList]" }, { kind: "component", type: i3$1.TuiOption, selector: "button[tuiOption]:not([new]), a[tuiOption]:not([new]), label[tuiOption]:not([new])", inputs: ["disabled", "value"] }, { kind: "component", type: TuiError, selector: "tui-error", inputs: ["error"] }, { kind: "directive", type: TuiLink, selector: "a[tuiLink], button[tuiLink]", inputs: ["pseudo"] }, { kind: "ngmodule", type: TuiInputDateModule }, { kind: "component", type: i3.TuiInputDateComponent, selector: "tui-input-date:not([multiple])", inputs: ["min", "max", "disabledItemHandler", "markerHandler", "items", "defaultActiveYearMonth"] }, { kind: "directive", type: i3.TuiInputDateDirective, selector: "tui-input-date:not([multiple])" }, { kind: "ngmodule", type: TuiTextareaModule }, { kind: "component", type: i3.TuiTextareaComponent, selector: "tui-textarea", inputs: ["rows", "maxLength", "expandable"] }, { kind: "directive", type: i3.TuiTextareaDirective, selector: "tui-textarea" }, { kind: "component", type: TuiInputFiles, selector: "label[tuiInputFiles]" }, { kind: "directive", type: TuiInputFilesDirective, selector: "input[tuiInputFiles]", outputs: ["reject"] }, { kind: "component", type: TuiFilesComponent, selector: "tui-files", inputs: ["max", "expanded"], outputs: ["expandedChange"] }, { kind: "component", type: TuiFile, selector: "tui-file,a[tuiFile],button[tuiFile]", inputs: ["file", "state", "size", "showDelete", "showSize", "leftContent"], outputs: ["remove"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: TuiFieldErrorPipe, name: "tuiFieldError" }, { kind: "pipe", type: TuiFileRejectedPipe, name: "tuiFileRejected" }, { kind: "directive", type: ScFocusFirstInvalidFieldDirective, selector: "form[formGroup][scFocusFirstInvalidField]", inputs: ["fieldOrder"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ScOrderFormComponent, isStandalone: true, selector: "sc-order-form", inputs: { enforceApprovedContacts: { classPropertyName: "enforceApprovedContacts", publicName: "enforceApprovedContacts", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { orderSubmit: "orderSubmit" }, providers: [TERMINAL_PROVIDERS], viewQueries: [{ propertyName: "unconfirmedDataWarning", first: true, predicate: ["unconfirmedDataWarning"], descendants: true, isSignal: true }], ngImport: i0, template: "@let user = user$ | async;\n\n<form\n    [formGroup]=\"form\"\n    scFocusFirstInvalidField\n    [fieldOrder]=\"['contragentId', 'paymentType', 'deliveryType', 'warehouseId', 'addressId', 'deliveryDate', 'comment']\"\n    (ngSubmit)=\"submit()\"\n    class=\"flex flex-col gap-4\"\n>\n    <ng-template #selectLoading> <tui-loader /> </ng-template>\n\n    <!-- \u041A\u043E\u043D\u0442\u0440\u0430\u0433\u0435\u043D\u0442. -->\n    @if (contragents$ | async; as contragents) {\n        @if (contragents.length > 1 || user?.isOrg) {\n            <div>\n                <label tuiLabel>\n                    \u041A\u043E\u043D\u0442\u0440\u0430\u0433\u0435\u043D\u0442\n                    <tui-select\n                        formControlName=\"contragentId\"\n                        [valueContent]=\"contragents ? stringify(contragents) : selectLoading\"\n                    >\n                        \u041A\u043E\u043D\u0442\u0440\u0430\u0433\u0435\u043D\u0442\n                        <tui-data-list *tuiDataList>\n                            @for (contragent of contragents; track contragent.id) {\n                                <button\n                                    tuiOption\n                                    [value]=\"contragent.id\"\n                                >\n                                    {{ contragent.name }}\n                                </button>\n                            }\n                        </tui-data-list>\n                    </tui-select>\n                    <tui-error\n                        formControlName=\"contragentId\"\n                        [error]=\"[] | tuiFieldError | async\"\n                    />\n                </label>\n                <a\n                    tuiLink\n                    iconStart=\"@tui.plus\"\n                    (click)=\"addContragent()\"\n                    class=\"mt-2 block\"\n                >\n                    \u041D\u043E\u0432\u044B\u0439\n                </a>\n            </div>\n        }\n    }\n\n    <!-- \u0422\u0438\u043F \u043E\u043F\u043B\u0430\u0442\u044B. -->\n    <label tuiLabel>\n        \u0422\u0438\u043F \u043E\u043F\u043B\u0430\u0442\u044B\n        @let paymentTypes = paymentTypes$ | async;\n        <tui-select\n            formControlName=\"paymentType\"\n            [valueContent]=\"paymentTypes ? stringify(paymentTypes) : selectLoading\"\n        >\n            \u0422\u0438\u043F \u043E\u043F\u043B\u0430\u0442\u044B\n            <tui-data-list *tuiDataList>\n                @for (type of paymentTypes; track type.id) {\n                    <button\n                        tuiOption\n                        [value]=\"type.id\"\n                    >\n                        {{ type.name }}\n                    </button>\n                }\n            </tui-data-list>\n        </tui-select>\n        <tui-error\n            formControlName=\"paymentType\"\n            [error]=\"[] | tuiFieldError | async\"\n        />\n        @if (isCashPaymentSelected()) {\n            <p class=\"text-xs text-tui-status-positive\">\u0417\u0430\u043A\u0430\u0437\u044B \u043F\u0440\u043E\u0438\u0437\u0432\u043E\u0434\u044F\u0442\u0441\u044F \u043F\u043E \u043F\u0440\u0435\u0434\u043E\u043F\u043B\u0430\u0442\u0435</p>\n        }\n    </label>\n\n    <!-- \u041F\u0440\u0435\u0434\u0443\u043F\u0440\u0435\u0436\u0434\u0435\u043D\u0438\u0435 \u043E \u043D\u0435\u043F\u043E\u0434\u0442\u0432\u0435\u0440\u0436\u0434\u0451\u043D\u043D\u044B\u0445 \u043A\u043E\u043D\u0442\u0430\u043A\u0442\u043D\u044B\u0445 \u0434\u0430\u043D\u043D\u044B\u0445. -->\n    @if (!isPhoneApproved() || !isEmailApproved()) {\n        <div\n            #unconfirmedDataWarning\n            class=\"text-tui-text-negative\"\n            [class.warning-shake]=\"warningShake()\"\n        >\n            \u0412\u043D\u0438\u043C\u0430\u043D\u0438\u0435! \u0414\u043B\u044F \u043E\u0444\u043E\u0440\u043C\u043B\u0435\u043D\u0438\u044F \u0437\u0430\u043A\u0430\u0437\u0430 \u043D\u0435\u043E\u0431\u0445\u043E\u0434\u0438\u043C\u043E \u043F\u043E\u0434\u0442\u0432\u0435\u0440\u0434\u0438\u0442\u044C\n            @if (!isPhoneApproved()) {\n                <span class=\"font-bold\"> \u043D\u043E\u043C\u0435\u0440 \u0442\u0435\u043B\u0435\u0444\u043E\u043D\u0430 </span>\n            }\n            @if (!isPhoneApproved() && !isEmailApproved()) {\n                <span> \u0438 </span>\n            }\n            @if (!isEmailApproved()) {\n                <span class=\"font-bold\"> \u0430\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B </span>\n            }\n            <a\n                tuiLink\n                routerLink=\"/profile\"\n            >\n                \u0432 \u0432\u0430\u0448\u0435\u043C \u043F\u0440\u043E\u0444\u0438\u043B\u0435\n            </a>\n        </div>\n    }\n\n    <!-- \u0421\u043F\u043E\u0441\u043E\u0431 \u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438. -->\n    <label tuiLabel>\n        \u0421\u043F\u043E\u0441\u043E\u0431 \u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438\n        @let deliveryTypes = deliveryTypes$ | async;\n        <tui-select\n            formControlName=\"deliveryType\"\n            [valueContent]=\"deliveryTypes ? stringify(deliveryTypes) : selectLoading\"\n        >\n            \u0421\u043F\u043E\u0441\u043E\u0431 \u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438\n            <tui-data-list *tuiDataList>\n                @for (delivery of deliveryTypes; track delivery.id) {\n                    <button\n                        tuiOption\n                        [value]=\"delivery.id\"\n                    >\n                        {{ delivery.name }}\n                    </button>\n                }\n            </tui-data-list>\n        </tui-select>\n        <tui-error\n            formControlName=\"deliveryType\"\n            [error]=\"[] | tuiFieldError | async\"\n        />\n    </label>\n\n    <!-- \u0421\u043A\u043B\u0430\u0434. -->\n    <label tuiLabel>\n        \u0421\u043A\u043B\u0430\u0434\n        @let warehouses = warehouses$ | async;\n        <tui-select\n            formControlName=\"warehouseId\"\n            [valueContent]=\"warehouses ? stringify(warehouses) : selectLoading\"\n        >\n            \u0421\u043A\u043B\u0430\u0434\n            <tui-data-list *tuiDataList>\n                @if (!terminal.isRunningOnTerminal) {\n                    @for (warehouse of warehouses; track warehouse.id) {\n                        <button\n                            tuiOption\n                            [value]=\"warehouse.id\"\n                        >\n                            {{ warehouse.name }}\n                        </button>\n                    }\n                } @else {\n                    @if (warehouseService.getCatalogWarehouseChange$() | async; as terminalWarehouse) {\n                        <button\n                            tuiOption\n                            [value]=\"terminalWarehouse.id\"\n                        >\n                            {{ terminalWarehouse.name }}\n                        </button>\n                    }\n                }\n            </tui-data-list>\n        </tui-select>\n        <tui-error\n            formControlName=\"warehouseId\"\n            [error]=\"[] | tuiFieldError | async\"\n        />\n    </label>\n\n    <!-- \u0410\u0434\u0440\u0435\u0441 \u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438. -->\n    @if (isDelivery()) {\n        @let addresses = addresses$ | async;\n        <div>\n            <label tuiLabel>\n                \u0410\u0434\u0440\u0435\u0441 \u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438\n                <tui-select\n                    formControlName=\"addressId\"\n                    [valueContent]=\"addresses ? stringify(addresses) : selectLoading\"\n                >\n                    \u0410\u0434\u0440\u0435\u0441 \u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438\n                    <tui-data-list *tuiDataList>\n                        @for (address of addresses; track address.id) {\n                            <button\n                                tuiOption\n                                [value]=\"address.id\"\n                            >\n                                {{ address.address }}\n                            </button>\n                        }\n                    </tui-data-list>\n                </tui-select>\n                @if (addresses && addresses.length === 0) {\n                    <tui-error error=\"\u0423 \u043A\u043E\u043D\u0442\u0440\u0430\u0433\u0435\u043D\u0442\u0430 \u043D\u0435\u0442 \u0430\u0434\u0440\u0435\u0441\u0430 \u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438\" />\n                }\n                <tui-error\n                    formControlName=\"addressId\"\n                    [error]=\"[] | tuiFieldError | async\"\n                />\n            </label>\n            <a\n                tuiLink\n                iconStart=\"@tui.plus\"\n                (click)=\"addDeliveryAddress()\"\n                class=\"mt-2 block\"\n            >\n                \u041D\u043E\u0432\u044B\u0439\n            </a>\n        </div>\n    }\n\n    <!-- \u0414\u0430\u0442\u0430 \u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438/\u0441\u0430\u043C\u043E\u0432\u044B\u0432\u043E\u0437\u0430. -->\n    <label tuiLabel>\n        \u0416\u0435\u043B\u0430\u0435\u043C\u0430\u044F \u0434\u0430\u0442\u0430 {{ isDelivery() ? '\u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438' : '\u0441\u0430\u043C\u043E\u0432\u044B\u0432\u043E\u0437\u0430' }}\n        <tui-input-date\n            formControlName=\"deliveryDate\"\n            [disabledItemHandler]=\"deliveryDateFilter\"\n            [markerHandler]=\"deliveryDateMarker\"\n            [max]=\"maxDeliveryDay()\"\n            [min]=\"minDeliveryDay()\"\n        >\n            \u0416\u0435\u043B\u0430\u0435\u043C\u0430\u044F \u0434\u0430\u0442\u0430 {{ isDelivery() ? '\u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438' : '\u0441\u0430\u043C\u043E\u0432\u044B\u0432\u043E\u0437\u0430' }}\n        </tui-input-date>\n        <tui-error\n            formControlName=\"deliveryDate\"\n            [error]=\"[] | tuiFieldError | async\"\n        />\n    </label>\n\n    <!-- \u041A\u043E\u043C\u043C\u0435\u043D\u0442\u0430\u0440\u0438\u0439 \u043A\u043B\u0438\u0435\u043D\u0442\u0430. -->\n    <label tuiLabel>\n        \u041A\u043E\u043C\u043C\u0435\u043D\u0442\u0430\u0440\u0438\u0439 \u043A\u043B\u0438\u0435\u043D\u0442\u0430 \u043A \u0437\u0430\u043A\u0430\u0437\u0443\n        <tui-textarea\n            formControlName=\"comment\"\n            [expandable]=\"true\"\n            [rows]=\"15\"\n        >\n            \u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u0442\u0435\u043A\u0441\u0442\n        </tui-textarea>\n        <tui-error\n            formControlName=\"comment\"\n            [error]=\"[] | tuiFieldError | async\"\n        />\n    </label>\n\n    <!-- \u041F\u0440\u0438\u043A\u0440\u0435\u043F\u043B\u0435\u043D\u0438\u0435 \u0444\u0430\u0439\u043B\u0430 \u043A \u0437\u0430\u043A\u0430\u0437\u0443. -->\n    <div>\n        @if (!controlFile.value) {\n            <label tuiInputFiles>\n                <input\n                    accept=\"image/*\"\n                    tuiInputFiles\n                    [formControl]=\"controlFile\"\n                />\n            </label>\n        }\n\n        <tui-files class=\"tui-space_top-1\">\n            @if (controlFile.value | tuiFileRejected: { accept: 'image/*' } | async; as file) {\n                <tui-file\n                    state=\"error\"\n                    [file]=\"file\"\n                    (remove)=\"removeFile()\"\n                />\n            }\n\n            @for (file of accepted$ | async; track file.name) {\n                <tui-file\n                    [file]=\"file\"\n                    (remove)=\"removeFile()\"\n                />\n            }\n        </tui-files>\n\n        <tui-error\n            [error]=\"['maxLength'] | tuiFieldError | async\"\n            [formControl]=\"controlFile\"\n        />\n        <p class=\"tui-form__field-note\">\u041D\u0430\u043F\u0440\u0438\u043C\u0435\u0440, \u0444\u043E\u0442\u043E\u0433\u0440\u0430\u0444\u0438\u044E \u043F\u043E\u0432\u0440\u0435\u0436\u0434\u0435\u043D\u0438\u0439 \u0438 \u0434\u0435\u0444\u0444\u0435\u043A\u0442\u043E\u0432, \u0447\u0442\u043E \u043F\u043E\u0441\u043B\u0443\u0436\u0438\u0442 \u0434\u043E\u043A\u0430\u0437\u0430\u0442\u0435\u043B\u044C\u0441\u0442\u0432\u043E\u043C \u043D\u0435\u0441\u043E\u043E\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0438\u044F \u0437\u0430\u044F\u0432\u043B\u0435\u043D\u043D\u043E\u0433\u043E \u043A\u0430\u0447\u0435\u0441\u0442\u0432\u0430 \u0442\u043E\u0432\u0430\u0440\u0430.</p>\n    </div>\n</form>\n", styles: ["tui-calendar:has(.t-dots) .t-cell:has(.t-dots){opacity:1;font-weight:700;color:var(--tui-text-primary);border-radius:var(--tui-radius-m);box-shadow:inset 0 0 0 .125rem color-mix(in srgb,var(--tui-background-accent-1) 33%,transparent)}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: TuiLoader, selector: "tui-loader", inputs: ["size", "inheritColor", "overlay", "textContent", "showLoader"] }, { kind: "directive", type: TuiLabel, selector: "label[tuiLabel]" }, { kind: "ngmodule", type: TuiSelectModule }, { kind: "component", type: i3.TuiSelectComponent, selector: "tui-select", inputs: ["stringify", "identityMatcher", "valueContent"] }, { kind: "directive", type: i3.TuiSelectDirective, selector: "tui-select" }, { kind: "component", type: i3$1.TuiDataListComponent, selector: "tui-data-list", inputs: ["emptyContent", "size"] }, { kind: "directive", type: i3$1.TuiDataListDirective, selector: "ng-template[tuiDataList]" }, { kind: "component", type: i3$1.TuiOption, selector: "button[tuiOption]:not([new]), a[tuiOption]:not([new]), label[tuiOption]:not([new])", inputs: ["disabled", "value"] }, { kind: "component", type: TuiError, selector: "tui-error", inputs: ["error"] }, { kind: "directive", type: TuiLink, selector: "a[tuiLink], button[tuiLink]", inputs: ["pseudo"] }, { kind: "ngmodule", type: TuiInputDateModule }, { kind: "component", type: i3.TuiInputDateComponent, selector: "tui-input-date:not([multiple])", inputs: ["min", "max", "disabledItemHandler", "markerHandler", "items", "defaultActiveYearMonth"] }, { kind: "directive", type: i3.TuiInputDateDirective, selector: "tui-input-date:not([multiple])" }, { kind: "ngmodule", type: TuiTextareaModule }, { kind: "component", type: i3.TuiTextareaComponent, selector: "tui-textarea", inputs: ["rows", "maxLength", "expandable"] }, { kind: "directive", type: i3.TuiTextareaDirective, selector: "tui-textarea" }, { kind: "component", type: TuiInputFiles, selector: "label[tuiInputFiles]" }, { kind: "directive", type: TuiInputFilesDirective, selector: "input[tuiInputFiles]", outputs: ["reject"] }, { kind: "component", type: TuiFilesComponent, selector: "tui-files", inputs: ["max", "expanded"], outputs: ["expandedChange"] }, { kind: "component", type: TuiFile, selector: "tui-file,a[tuiFile],button[tuiFile]", inputs: ["file", "state", "size", "showDelete", "showSize", "leftContent"], outputs: ["remove"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: TuiFieldErrorPipe, name: "tuiFieldError" }, { kind: "pipe", type: TuiFileRejectedPipe, name: "tuiFileRejected" }, { kind: "directive", type: ScFocusFirstInvalidFieldDirective, selector: "form[formGroup][scFocusFirstInvalidField]", inputs: ["fieldOrder"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScOrderFormComponent, decorators: [{
             type: Component,
@@ -9421,383 +9260,17 @@ class ScOrderItemsListByStockComponent {
         this.selectedItemsIds.update((previous) => [...previous.filter((id) => !items.some((item) => item.id === id) && this.items().some((item) => item.id === id)), ...itemsIds]);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScOrderItemsListByStockComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ScOrderItemsListByStockComponent, isStandalone: true, selector: "sc-order-items-list-by-stock", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: true, transformFunction: null }, warehouseId: { classPropertyName: "warehouseId", publicName: "warehouseId", isSignal: true, isRequired: true, transformFunction: null }, selectable: { classPropertyName: "selectable", publicName: "selectable", isSignal: true, isRequired: false, transformFunction: null }, editable: { classPropertyName: "editable", publicName: "editable", isSignal: true, isRequired: false, transformFunction: null }, sectionHeader: { classPropertyName: "sectionHeader", publicName: "sectionHeader", isSignal: true, isRequired: false, transformFunction: null }, selectedItemsIds: { classPropertyName: "selectedItemsIds", publicName: "selectedItemsIds", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selectedItemsIds: "selectedItemsIdsChange" }, ngImport: i0, template: "<div class=\"flex flex-col gap-5\">\n    @if (itemsInWarehouseStock().length > 0) {\n        <sc-order-items-list\n            [items]=\"itemsInWarehouseStock()\"\n            [selectable]=\"selectable()\"\n            [editable]=\"editable()\"\n            (selectedItemsIdsChange)=\"selectedItemsHandler($event, itemsInWarehouseStock())\"\n        />\n    }\n\n    @if (itemsOnOrder().length > 0) {\n        <div class=\"flex flex-col gap-2.5\">\n            @if (sectionHeader()) {\n                <div class=\"text-base font-bold text-sc-dark-grey\">{{ sectionHeader() }}</div>\n            }\n            <sc-order-items-list\n                [items]=\"itemsOnOrder()\"\n                [selectable]=\"selectable()\"\n                [editable]=\"editable()\"\n                (selectedItemsIdsChange)=\"selectedItemsHandler($event, itemsOnOrder())\"\n            />\n        </div>\n    }\n\n    @if (itemsNotInWarehouseStock().length > 0) {\n        <div class=\"flex flex-col gap-2.5\">\n            @if (sectionHeader()) {\n                <div class=\"text-base font-bold text-sc-dark-grey\">{{ sectionHeader() }}</div>\n            }\n            <sc-order-items-list\n                [items]=\"itemsNotInWarehouseStock()\"\n                [selectable]=\"selectable()\"\n                [editable]=\"editable()\"\n                (selectedItemsIdsChange)=\"selectedItemsHandler($event, itemsNotInWarehouseStock())\"\n            />\n        </div>\n    }\n</div>\n", dependencies: [{ kind: "component", type: ScOrderItemsListComponent, selector: "sc-order-items-list", inputs: ["selectable", "editable", "groupBy", "markUnavailable", "useLinePrice", "items"], outputs: ["selectedItemsIdsChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ScOrderItemsListByStockComponent, isStandalone: true, selector: "sc-order-items-list-by-stock", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: true, transformFunction: null }, warehouseId: { classPropertyName: "warehouseId", publicName: "warehouseId", isSignal: true, isRequired: true, transformFunction: null }, selectable: { classPropertyName: "selectable", publicName: "selectable", isSignal: true, isRequired: false, transformFunction: null }, editable: { classPropertyName: "editable", publicName: "editable", isSignal: true, isRequired: false, transformFunction: null }, sectionHeader: { classPropertyName: "sectionHeader", publicName: "sectionHeader", isSignal: true, isRequired: false, transformFunction: null }, selectedItemsIds: { classPropertyName: "selectedItemsIds", publicName: "selectedItemsIds", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selectedItemsIds: "selectedItemsIdsChange" }, ngImport: i0, template: "<div class=\"flex flex-col gap-5\">\n    @if (itemsInWarehouseStock().length > 0) {\n        <sc-order-items-list\n            [items]=\"itemsInWarehouseStock()\"\n            [selectable]=\"selectable()\"\n            [editable]=\"editable()\"\n            (selectedItemsIdsChange)=\"selectedItemsHandler($event, itemsInWarehouseStock())\"\n        />\n    }\n\n    @if (itemsOnOrder().length > 0) {\n        <div class=\"flex flex-col gap-2.5\">\n            @if (sectionHeader()) {\n                <div class=\"text-base font-bold text-sc-dark-grey\">{{ sectionHeader() }}</div>\n            }\n            <sc-order-items-list\n                [items]=\"itemsOnOrder()\"\n                [selectable]=\"selectable()\"\n                [editable]=\"editable()\"\n                (selectedItemsIdsChange)=\"selectedItemsHandler($event, itemsOnOrder())\"\n            />\n        </div>\n    }\n\n    @if (itemsNotInWarehouseStock().length > 0) {\n        <div class=\"flex flex-col gap-2.5\">\n            @if (sectionHeader()) {\n                <div class=\"text-base font-bold text-sc-dark-grey\">{{ sectionHeader() }}</div>\n            }\n            <sc-order-items-list\n                [items]=\"itemsNotInWarehouseStock()\"\n                [selectable]=\"selectable()\"\n                [editable]=\"editable()\"\n                (selectedItemsIdsChange)=\"selectedItemsHandler($event, itemsNotInWarehouseStock())\"\n            />\n        </div>\n    }\n</div>\n", dependencies: [{ kind: "component", type: ScOrderItemsListComponent, selector: "sc-order-items-list", inputs: ["selectable", "editable", "items"], outputs: ["selectedItemsIdsChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScOrderItemsListByStockComponent, decorators: [{
             type: Component,
             args: [{ standalone: true, selector: 'sc-order-items-list-by-stock', imports: [ScOrderItemsListComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"flex flex-col gap-5\">\n    @if (itemsInWarehouseStock().length > 0) {\n        <sc-order-items-list\n            [items]=\"itemsInWarehouseStock()\"\n            [selectable]=\"selectable()\"\n            [editable]=\"editable()\"\n            (selectedItemsIdsChange)=\"selectedItemsHandler($event, itemsInWarehouseStock())\"\n        />\n    }\n\n    @if (itemsOnOrder().length > 0) {\n        <div class=\"flex flex-col gap-2.5\">\n            @if (sectionHeader()) {\n                <div class=\"text-base font-bold text-sc-dark-grey\">{{ sectionHeader() }}</div>\n            }\n            <sc-order-items-list\n                [items]=\"itemsOnOrder()\"\n                [selectable]=\"selectable()\"\n                [editable]=\"editable()\"\n                (selectedItemsIdsChange)=\"selectedItemsHandler($event, itemsOnOrder())\"\n            />\n        </div>\n    }\n\n    @if (itemsNotInWarehouseStock().length > 0) {\n        <div class=\"flex flex-col gap-2.5\">\n            @if (sectionHeader()) {\n                <div class=\"text-base font-bold text-sc-dark-grey\">{{ sectionHeader() }}</div>\n            }\n            <sc-order-items-list\n                [items]=\"itemsNotInWarehouseStock()\"\n                [selectable]=\"selectable()\"\n                [editable]=\"editable()\"\n                (selectedItemsIdsChange)=\"selectedItemsHandler($event, itemsNotInWarehouseStock())\"\n            />\n        </div>\n    }\n</div>\n" }]
         }] });
 
-/**
- * Класс-помощник для работы со списком черновиков.
- */
-class ScDraftListHelper {
-    /**
-     * Возвращает список черновиков страницы с обновлёнными краткими данными. Элементы списка обновляются на месте, чтобы сохранить раскрытые черновики и их полные данные.
-     *
-     * @param items Текущие элементы списка.
-     * @param drafts Полученные краткие данные черновиков.
-     * @param isFullPage Признак, что получена вся страница: тогда состав и порядок списка берутся из неё.
-     */
-    static merge(items, drafts, isFullPage) {
-        if (isFullPage) {
-            return drafts.map((short) => {
-                const item = items.find(({ order }) => order.id === short.id);
-                return item ? ScDraftListHelper.update(item, short) : { order: short, isExpanded: false };
-            });
-        }
-        return items.map((item) => {
-            const short = drafts.find(({ id }) => id === item.order.id);
-            return short ? ScDraftListHelper.update(item, short) : item;
-        });
-    }
-    /**
-     * Обновляет элемент списка краткими данными черновика. Полные данные черновика не заменяются, а дополняются.
-     *
-     * @param item Элемент списка.
-     * @param short Краткие данные черновика.
-     */
-    static update(item, short) {
-        if (item.order instanceof ScOrderDraft) {
-            item.order.updateDataFromShortOffer(short);
-        }
-        else {
-            // eslint-disable-next-line no-param-reassign
-            item.order = short;
-        }
-        return item;
-    }
-}
-
-/**
- * Перечисление состояний черновика Профстрой для отображения пользователю.
- */
-// eslint-disable-next-line no-shadow
-var ScProfstroyDraftState;
-(function (ScProfstroyDraftState) {
-    /**
-     * Выполняется обработка.
-     */
-    ScProfstroyDraftState["processing"] = "processing";
-    /**
-     * Актуализирован, срок действия не истёк.
-     */
-    ScProfstroyDraftState["actual"] = "actual";
-    /**
-     * Актуализирован, но срок действия истёк.
-     */
-    ScProfstroyDraftState["outdated"] = "outdated";
-    /**
-     * Обработка завершилась с ошибкой.
-     */
-    ScProfstroyDraftState["error"] = "error";
-    /**
-     * Требуется актуализация после изменения состава.
-     */
-    ScProfstroyDraftState["needsActualization"] = "needsActualization";
-    /**
-     * Состояние не известно.
-     */
-    ScProfstroyDraftState["unknown"] = "unknown";
-})(ScProfstroyDraftState || (ScProfstroyDraftState = {}));
-
-/**
- * Класс-помощник для отображения черновиков Профстрой.
- */
-class ScProfstroyDraftHelper {
-    /**
-     * Данные об отображении состояний черновика.
-     */
-    static { this.stateViews = {
-        [ScProfstroyDraftState.processing]: {
-            label: 'Выполняется обработка',
-            appearance: 'info',
-            description: 'Файл обрабатывается, позиции и цены уточняются. Изменение состава и оформление заказа станут доступны после завершения.',
-        },
-        [ScProfstroyDraftState.actual]: {
-            label: 'Актуализирован',
-            appearance: 'success',
-            description: 'Цены и позиции актуальны, заказ можно оформлять.',
-        },
-        [ScProfstroyDraftState.outdated]: {
-            label: 'Данные устарели',
-            appearance: 'warning',
-            description: 'С момента последней актуализации прошло много времени. Запустите её повторно, чтобы оформить заказ по актуальным ценам.',
-        },
-        [ScProfstroyDraftState.error]: {
-            label: 'Ошибка обработки',
-            appearance: 'error',
-            description: 'Обработка завершилась с ошибкой. Запустите актуализацию повторно или соберите заявку из файла заново.',
-        },
-        [ScProfstroyDraftState.needsActualization]: {
-            label: 'Требуется актуализация',
-            appearance: 'warning',
-            description: 'Состав заявки изменён после последней актуализации. Запустите актуализацию, чтобы обновить цены и оформить заказ.',
-        },
-        [ScProfstroyDraftState.unknown]: {
-            label: 'Состояние неизвестно',
-            appearance: 'neutral',
-            description: '',
-        },
-    }; }
-    /**
-     * Возвращает состояние черновика на указанный момент.
-     *
-     * @param actualization Данные об актуализации.
-     * @param now Момент проверки.
-     */
-    static getState(actualization, now) {
-        switch (actualization?.status) {
-            case ScOrderDraftActualizationStatus.processing:
-                return ScProfstroyDraftState.processing;
-            case ScOrderDraftActualizationStatus.completed:
-                return actualization.isOutdatedAt(now) ? ScProfstroyDraftState.outdated : ScProfstroyDraftState.actual;
-            case ScOrderDraftActualizationStatus.error:
-                return ScProfstroyDraftState.error;
-            case ScOrderDraftActualizationStatus.needsActualization:
-                return ScProfstroyDraftState.needsActualization;
-            default:
-                return ScProfstroyDraftState.unknown;
-        }
-    }
-    /**
-     * Возвращает данные об отображении состояния черновика на указанный момент.
-     *
-     * @param actualization Данные об актуализации.
-     * @param now Момент проверки.
-     */
-    static getStateView(actualization, now) {
-        return ScProfstroyDraftHelper.stateViews[ScProfstroyDraftHelper.getState(actualization, now)];
-    }
-}
-
-/**
- * Компонент панели состояния актуализации черновика Профстрой с действиями актуализации и пересборки.
- */
-class ScProfstroyActualizationPanelComponent {
-    constructor() {
-        /**
-         * Список ссылок приложения.
-         */
-        this.urls = inject(SC_URLS);
-        /**
-         * Черновик Профстрой.
-         */
-        this.draft = input.required();
-        /**
-         * Момент, на который определяется состояние.
-         */
-        this.now = input(new Date());
-        /**
-         * Признак выполнения действия над черновиком.
-         */
-        this.busy = input(false);
-        /**
-         * Событие запуска актуализации.
-         */
-        this.actualize = output();
-        /**
-         * Событие запуска пересборки из файла.
-         */
-        this.reload = output();
-        /**
-         * Текущее состояние черновика.
-         */
-        this.state = computed(() => ScProfstroyDraftHelper.getState(this.draft().actualization, this.now()));
-        /**
-         * Данные об отображении состояния.
-         */
-        this.stateView = computed(() => ScProfstroyDraftHelper.getStateView(this.draft().actualization, this.now()));
-        /**
-         * Признак, что выполняется обработка.
-         */
-        this.isProcessing = computed(() => this.state() === ScProfstroyDraftState.processing);
-        /**
-         * Признак, что срок действия актуализации ещё не истёк.
-         */
-        this.isActual = computed(() => this.state() === ScProfstroyDraftState.actual);
-        /**
-         * Абсолютная ссылка на исходный файл заявки. Файл лежит на хосте API.
-         */
-        this.fileUrl = computed(() => {
-            const url = this.draft().file?.url;
-            return url ? new URL(url, this.urls.apiUrl).href : null;
-        });
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScProfstroyActualizationPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ScProfstroyActualizationPanelComponent, isStandalone: true, selector: "sc-profstroy-actualization-panel", inputs: { draft: { classPropertyName: "draft", publicName: "draft", isSignal: true, isRequired: true, transformFunction: null }, now: { classPropertyName: "now", publicName: "now", isSignal: true, isRequired: false, transformFunction: null }, busy: { classPropertyName: "busy", publicName: "busy", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { actualize: "actualize", reload: "reload" }, ngImport: i0, template: "@let actualization = draft().actualization;\n@let view = stateView();\n\n<tui-notification\n    [appearance]=\"view.appearance\"\n    size=\"m\"\n>\n    <div class=\"flex flex-col items-start gap-2 text-start\">\n        <div class=\"flex items-center justify-start gap-2 text-start font-bold\">\n            @if (isProcessing()) {\n                <tui-loader size=\"s\" />\n            }\n            {{ view.label }}\n        </div>\n\n        <div class=\"flex flex-col items-start gap-1\">\n            @if (actualization?.actualizedAt; as actualizedAt) {\n                <span>\u0410\u043A\u0442\u0443\u0430\u043B\u0438\u0437\u0438\u0440\u043E\u0432\u0430\u043D {{ actualizedAt | scFormatDate }}</span>\n            }\n            @if (isActual() && actualization?.expiresAt; as expiresAt) {\n                <span>\u0410\u043A\u0442\u0443\u0430\u043B\u0435\u043D \u0434\u043E {{ expiresAt | scFormatDate }}</span>\n            }\n            @if (view.description) {\n                <span>{{ view.description }}</span>\n            }\n            @if (actualization?.error; as error) {\n                <span class=\"font-bold\">{{ error }}</span>\n            }\n            @if (fileUrl(); as url) {\n                <span>\n                    \u0424\u0430\u0439\u043B \u0437\u0430\u044F\u0432\u043A\u0438:\n                    <a\n                        tuiLink\n                        [href]=\"url\"\n                        target=\"_blank\"\n                        rel=\"noopener\"\n                    >\n                        {{ draft().file?.originalName ?? '\u0441\u043A\u0430\u0447\u0430\u0442\u044C' }}\n                    </a>\n                </span>\n            }\n        </div>\n\n        <div class=\"flex flex-wrap gap-2\">\n            <button\n                tuiButton\n                type=\"button\"\n                size=\"s\"\n                appearance=\"secondary\"\n                iconStart=\"@tui.refresh-cw\"\n                [disabled]=\"isProcessing() || busy()\"\n                (click)=\"actualize.emit()\"\n            >\n                \u0410\u043A\u0442\u0443\u0430\u043B\u0438\u0437\u0438\u0440\u043E\u0432\u0430\u0442\u044C\n            </button>\n            <button\n                tuiButton\n                type=\"button\"\n                size=\"s\"\n                appearance=\"secondary\"\n                iconStart=\"@tui.file-up\"\n                [disabled]=\"isProcessing() || busy()\"\n                (click)=\"reload.emit()\"\n            >\n                \u0421\u043E\u0431\u0440\u0430\u0442\u044C \u0437\u0430\u043D\u043E\u0432\u043E \u0438\u0437 \u0444\u0430\u0439\u043B\u0430\n            </button>\n        </div>\n    </div>\n</tui-notification>\n", dependencies: [{ kind: "directive", type: TuiNotification, selector: "tui-notification,a[tuiNotification],button[tuiNotification]", inputs: ["appearance", "icon", "size"] }, { kind: "component", type: TuiLoader, selector: "tui-loader", inputs: ["size", "inheritColor", "overlay", "textContent", "showLoader"] }, { kind: "directive", type: TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "directive", type: TuiLink, selector: "a[tuiLink], button[tuiLink]", inputs: ["pseudo"] }, { kind: "pipe", type: ScFormatDatePipe, name: "scFormatDate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScProfstroyActualizationPanelComponent, decorators: [{
-            type: Component,
-            args: [{ standalone: true, selector: 'sc-profstroy-actualization-panel', imports: [TuiNotification, TuiLoader, TuiButton, TuiLink, ScFormatDatePipe], changeDetection: ChangeDetectionStrategy.OnPush, template: "@let actualization = draft().actualization;\n@let view = stateView();\n\n<tui-notification\n    [appearance]=\"view.appearance\"\n    size=\"m\"\n>\n    <div class=\"flex flex-col items-start gap-2 text-start\">\n        <div class=\"flex items-center justify-start gap-2 text-start font-bold\">\n            @if (isProcessing()) {\n                <tui-loader size=\"s\" />\n            }\n            {{ view.label }}\n        </div>\n\n        <div class=\"flex flex-col items-start gap-1\">\n            @if (actualization?.actualizedAt; as actualizedAt) {\n                <span>\u0410\u043A\u0442\u0443\u0430\u043B\u0438\u0437\u0438\u0440\u043E\u0432\u0430\u043D {{ actualizedAt | scFormatDate }}</span>\n            }\n            @if (isActual() && actualization?.expiresAt; as expiresAt) {\n                <span>\u0410\u043A\u0442\u0443\u0430\u043B\u0435\u043D \u0434\u043E {{ expiresAt | scFormatDate }}</span>\n            }\n            @if (view.description) {\n                <span>{{ view.description }}</span>\n            }\n            @if (actualization?.error; as error) {\n                <span class=\"font-bold\">{{ error }}</span>\n            }\n            @if (fileUrl(); as url) {\n                <span>\n                    \u0424\u0430\u0439\u043B \u0437\u0430\u044F\u0432\u043A\u0438:\n                    <a\n                        tuiLink\n                        [href]=\"url\"\n                        target=\"_blank\"\n                        rel=\"noopener\"\n                    >\n                        {{ draft().file?.originalName ?? '\u0441\u043A\u0430\u0447\u0430\u0442\u044C' }}\n                    </a>\n                </span>\n            }\n        </div>\n\n        <div class=\"flex flex-wrap gap-2\">\n            <button\n                tuiButton\n                type=\"button\"\n                size=\"s\"\n                appearance=\"secondary\"\n                iconStart=\"@tui.refresh-cw\"\n                [disabled]=\"isProcessing() || busy()\"\n                (click)=\"actualize.emit()\"\n            >\n                \u0410\u043A\u0442\u0443\u0430\u043B\u0438\u0437\u0438\u0440\u043E\u0432\u0430\u0442\u044C\n            </button>\n            <button\n                tuiButton\n                type=\"button\"\n                size=\"s\"\n                appearance=\"secondary\"\n                iconStart=\"@tui.file-up\"\n                [disabled]=\"isProcessing() || busy()\"\n                (click)=\"reload.emit()\"\n            >\n                \u0421\u043E\u0431\u0440\u0430\u0442\u044C \u0437\u0430\u043D\u043E\u0432\u043E \u0438\u0437 \u0444\u0430\u0439\u043B\u0430\n            </button>\n        </div>\n    </div>\n</tui-notification>\n" }]
-        }] });
-
-/**
- * Компонент метки «Профстрой» у черновика или заказа, созданного из файла программы «Профстрой».
- */
-class ScProfstroyBadgeComponent {
-    constructor() {
-        /**
-         * Размер метки.
-         */
-        this.size = input('m');
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScProfstroyBadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.14", type: ScProfstroyBadgeComponent, isStandalone: true, selector: "sc-profstroy-badge", inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<tui-badge\n    class=\"!font-medium\"\n    appearance=\"primary\"\n    [size]=\"size()\"\n>\n    \u041F\u0440\u043E\u0444\u0441\u0442\u0440\u043E\u0439\n</tui-badge>\n", dependencies: [{ kind: "directive", type: TuiBadge, selector: "tui-badge,[tuiBadge]", inputs: ["size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScProfstroyBadgeComponent, decorators: [{
-            type: Component,
-            args: [{ standalone: true, selector: 'sc-profstroy-badge', imports: [TuiBadge], changeDetection: ChangeDetectionStrategy.OnPush, template: "<tui-badge\n    class=\"!font-medium\"\n    appearance=\"primary\"\n    [size]=\"size()\"\n>\n    \u041F\u0440\u043E\u0444\u0441\u0442\u0440\u043E\u0439\n</tui-badge>\n" }]
-        }] });
-
-/**
- * Компонент меток черновика Профстрой: признак и текущее состояние обработки.
- */
-class ScProfstroyDraftBadgesComponent {
-    constructor() {
-        /**
-         * Данные об актуализации черновика.
-         */
-        this.actualization = input();
-        /**
-         * Момент, на который определяется состояние.
-         */
-        this.now = input(new Date());
-        /**
-         * Данные об отображении состояния.
-         */
-        this.stateView = computed(() => ScProfstroyDraftHelper.getStateView(this.actualization(), this.now()));
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScProfstroyDraftBadgesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.14", type: ScProfstroyDraftBadgesComponent, isStandalone: true, selector: "sc-profstroy-draft-badges", inputs: { actualization: { classPropertyName: "actualization", publicName: "actualization", isSignal: true, isRequired: false, transformFunction: null }, now: { classPropertyName: "now", publicName: "now", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<span class=\"inline-flex flex-wrap items-center gap-1\">\n    <sc-profstroy-badge />\n    <tui-badge\n        class=\"!font-medium\"\n        [appearance]=\"stateView().appearance\"\n        size=\"m\"\n    >\n        {{ stateView().label }}\n    </tui-badge>\n</span>\n", dependencies: [{ kind: "directive", type: TuiBadge, selector: "tui-badge,[tuiBadge]", inputs: ["size"] }, { kind: "component", type: ScProfstroyBadgeComponent, selector: "sc-profstroy-badge", inputs: ["size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScProfstroyDraftBadgesComponent, decorators: [{
-            type: Component,
-            args: [{ standalone: true, selector: 'sc-profstroy-draft-badges', imports: [TuiBadge, ScProfstroyBadgeComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<span class=\"inline-flex flex-wrap items-center gap-1\">\n    <sc-profstroy-badge />\n    <tui-badge\n        class=\"!font-medium\"\n        [appearance]=\"stateView().appearance\"\n        size=\"m\"\n    >\n        {{ stateView().label }}\n    </tui-badge>\n</span>\n" }]
-        }] });
-
-/**
- * Компонент диалога создания черновика заказа из файла программы «Профстрой».
- */
-class ScProfstroyDraftCreateDialogComponent {
-    constructor() {
-        /**
-         * Контекст диалогового окна, в котором открыт компонент.
-         */
-        this.context = inject(POLYMORPHEUS_CONTEXT);
-        /**
-         * Сервис для работы с черновиками заказов.
-         */
-        this.draftsService = inject(ScOrderDraftsService);
-        /**
-         * Ссылка для автоматического управления уничтожением зависимостей.
-         */
-        this.destroyRef = inject(DestroyRef);
-        /**
-         * Допустимые расширения файла.
-         */
-        this.allowedExtensions = ['.xlsx', '.xls'];
-        /**
-         * Форма создания черновика.
-         */
-        this.form = new FormGroup({
-            file: new FormControl(null, (control) => Validators.required(control) ?? this.validateExtension(control)),
-            name: new FormControl('', { nonNullable: true }),
-        });
-        /**
-         * Признак выполнения запроса создания.
-         */
-        this.submitting = signal(false);
-    }
-    /**
-     * Удаляет выбранный файл.
-     */
-    removeFile() {
-        this.form.controls.file.setValue(null);
-    }
-    /**
-     * Отправляет файл и создаёт черновик.
-     */
-    submit() {
-        this.form.markAllAsTouched();
-        const file = this.form.controls.file.value;
-        if (this.form.invalid || !file || this.submitting()) {
-            return;
-        }
-        this.submitting.set(true);
-        ScFileHelper.readAsUploadedFile$(file)
-            .pipe(switchMap((uploadedFile) => this.draftsService.createProfstroy$({ file: uploadedFile, name: this.form.controls.name.value.trim() || undefined })), finalize(() => {
-            this.submitting.set(false);
-        }), takeUntilDestroyed(this.destroyRef))
-            .subscribe({
-            next: (draft) => {
-                this.context.completeWith(draft);
-            },
-            error: (error) => {
-                this.applyServerErrors(error);
-            },
-        });
-    }
-    /**
-     * Возвращает ошибку, если расширение файла не входит в список допустимых.
-     *
-     * @param control Контрол файла.
-     */
-    validateExtension(control) {
-        const name = control.value?.name.toLowerCase();
-        if (!name || this.allowedExtensions.some((extension) => name.endsWith(extension))) {
-            return null;
-        }
-        return { serverResponse: new TuiValidationError(`Файл должен быть в формате ${this.allowedExtensions.join(', ')}`) };
-    }
-    /**
-     * Раскладывает ошибки сервера по полям формы.
-     *
-     * @param error Ошибка запроса.
-     */
-    applyServerErrors(error) {
-        if (!(error instanceof HttpErrorResponse)) {
-            this.form.controls.file.setErrors({ serverResponse: new TuiValidationError('Не удалось прочитать файл') });
-            return;
-        }
-        const { errors, message } = (error.error ?? {});
-        if (!errors) {
-            this.form.controls.file.setErrors({ serverResponse: new TuiValidationError(message ?? 'Не удалось создать заявку') });
-            return;
-        }
-        Object.entries(errors).forEach(([key, messages]) => {
-            const control = key === 'name' ? this.form.controls.name : this.form.controls.file;
-            control.setErrors({ serverResponse: new TuiValidationError(messages.join(' ')) });
-            control.markAsTouched();
-        });
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScProfstroyDraftCreateDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ScProfstroyDraftCreateDialogComponent, isStandalone: true, selector: "sc-profstroy-draft-create-dialog", ngImport: i0, template: "<form\n    [formGroup]=\"form\"\n    class=\"flex flex-col gap-5\"\n    (ngSubmit)=\"submit()\"\n>\n    <!-- \u0424\u0430\u0439\u043B. -->\n    <div class=\"flex flex-col gap-1\">\n        @if (!form.controls.file.value) {\n            <label tuiInputFiles>\n                <input\n                    tuiInputFiles\n                    formControlName=\"file\"\n                    [accept]=\"allowedExtensions.join(',')\"\n                />\n            </label>\n        }\n        <tui-files>\n            @if (form.controls.file.value; as file) {\n                <tui-file\n                    [file]=\"file\"\n                    (remove)=\"removeFile()\"\n                />\n            }\n        </tui-files>\n        <span class=\"text-body-s text-tui-text-02\">\u0424\u0430\u0439\u043B Excel, \u0432\u044B\u0433\u0440\u0443\u0436\u0435\u043D\u043D\u044B\u0439 \u0438\u0437 \u043F\u0440\u043E\u0433\u0440\u0430\u043C\u043C\u044B \u00AB\u041F\u0440\u043E\u0444\u0441\u0442\u0440\u043E\u0439\u00BB: {{ allowedExtensions.join(', ') }}</span>\n        <tui-error\n            formControlName=\"file\"\n            [error]=\"[] | tuiFieldError | async\"\n        />\n    </div>\n\n    <!-- \u041D\u0430\u0437\u0432\u0430\u043D\u0438\u0435 \u0437\u0430\u044F\u0432\u043A\u0438. -->\n    <label tuiLabel>\n        \u041D\u0430\u0437\u0432\u0430\u043D\u0438\u0435 \u0437\u0430\u044F\u0432\u043A\u0438\n        <tui-input\n            formControlName=\"name\"\n            [tuiTextfieldLabelOutside]=\"true\"\n        >\n            \u041D\u0430\u043F\u0440\u0438\u043C\u0435\u0440: \u0411\u0430\u043B\u043A\u043E\u043D\u044B, \u043E\u0431\u044A\u0435\u043A\u0442 \u043D\u0430 \u041B\u0435\u043D\u0438\u043D\u0430\n        </tui-input>\n        <tui-error\n            formControlName=\"name\"\n            [error]=\"[] | tuiFieldError | async\"\n        />\n    </label>\n\n    <tui-notification\n        appearance=\"info\"\n        size=\"m\"\n    >\n        \u041E\u0431\u0440\u0430\u0431\u043E\u0442\u043A\u0430 \u0444\u0430\u0439\u043B\u0430 \u0432\u044B\u043F\u043E\u043B\u043D\u044F\u0435\u0442\u0441\u044F \u0432 \u0444\u043E\u043D\u0435: \u043F\u043E\u0437\u0438\u0446\u0438\u0438 \u0438 \u0446\u0435\u043D\u044B \u043F\u043E\u044F\u0432\u044F\u0442\u0441\u044F \u0432 \u0447\u0435\u0440\u043D\u043E\u0432\u0438\u043A\u0435 \u0447\u0435\u0440\u0435\u0437 \u043D\u0435\u043A\u043E\u0442\u043E\u0440\u043E\u0435 \u0432\u0440\u0435\u043C\u044F.\n    </tui-notification>\n\n    <div class=\"flex flex-wrap gap-2\">\n        <button\n            tuiButton\n            type=\"submit\"\n            iconStart=\"@tui.sc.send\"\n            [loading]=\"submitting()\"\n        >\n            \u0421\u043E\u0437\u0434\u0430\u0442\u044C \u0437\u0430\u044F\u0432\u043A\u0443\n        </button>\n        <button\n            tuiButton\n            type=\"button\"\n            appearance=\"secondary\"\n            (click)=\"context.$implicit.complete()\"\n        >\n            \u041E\u0442\u043C\u0435\u043D\u0430\n        </button>\n    </div>\n</form>\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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i2$1.TuiFile, selector: "tui-file,a[tuiFile],button[tuiFile]", inputs: ["file", "state", "size", "showDelete", "showSize", "leftContent"], outputs: ["remove"] }, { kind: "component", type: i2$1.TuiInputFiles, selector: "label[tuiInputFiles]" }, { kind: "component", type: i2$1.TuiFilesComponent, selector: "tui-files", inputs: ["max", "expanded"], outputs: ["expandedChange"] }, { kind: "directive", type: i2$1.TuiInputFilesDirective, selector: "input[tuiInputFiles]", outputs: ["reject"] }, { kind: "directive", type: TuiLabel, selector: "label[tuiLabel]" }, { kind: "component", type: TuiError, selector: "tui-error", inputs: ["error"] }, { kind: "pipe", type: TuiFieldErrorPipe, name: "tuiFieldError" }, { kind: "ngmodule", type: TuiInputModule }, { kind: "component", type: i3.TuiInputComponent, selector: "tui-input" }, { kind: "directive", type: i3.TuiInputDirective, selector: "tui-input" }, { kind: "ngmodule", type: TuiTextfieldControllerModule }, { kind: "directive", type: i3.TuiTextfieldLabelOutsideDirective, selector: "[tuiTextfieldLabelOutside]", inputs: ["tuiTextfieldLabelOutside"] }, { kind: "directive", type: TuiNotification, selector: "tui-notification,a[tuiNotification],button[tuiNotification]", inputs: ["appearance", "icon", "size"] }, { kind: "directive", type: TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "component", type: TuiButtonLoading, selector: "[tuiButton][loading],[tuiIconButton][loading]", inputs: ["size", "loading"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScProfstroyDraftCreateDialogComponent, decorators: [{
-            type: Component,
-            args: [{ standalone: true, selector: 'sc-profstroy-draft-create-dialog', imports: [
-                        ReactiveFormsModule,
-                        TuiFiles,
-                        TuiLabel,
-                        TuiError,
-                        TuiFieldErrorPipe,
-                        TuiInputModule,
-                        TuiTextfieldControllerModule,
-                        TuiNotification,
-                        TuiButton,
-                        TuiButtonLoading,
-                        AsyncPipe,
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<form\n    [formGroup]=\"form\"\n    class=\"flex flex-col gap-5\"\n    (ngSubmit)=\"submit()\"\n>\n    <!-- \u0424\u0430\u0439\u043B. -->\n    <div class=\"flex flex-col gap-1\">\n        @if (!form.controls.file.value) {\n            <label tuiInputFiles>\n                <input\n                    tuiInputFiles\n                    formControlName=\"file\"\n                    [accept]=\"allowedExtensions.join(',')\"\n                />\n            </label>\n        }\n        <tui-files>\n            @if (form.controls.file.value; as file) {\n                <tui-file\n                    [file]=\"file\"\n                    (remove)=\"removeFile()\"\n                />\n            }\n        </tui-files>\n        <span class=\"text-body-s text-tui-text-02\">\u0424\u0430\u0439\u043B Excel, \u0432\u044B\u0433\u0440\u0443\u0436\u0435\u043D\u043D\u044B\u0439 \u0438\u0437 \u043F\u0440\u043E\u0433\u0440\u0430\u043C\u043C\u044B \u00AB\u041F\u0440\u043E\u0444\u0441\u0442\u0440\u043E\u0439\u00BB: {{ allowedExtensions.join(', ') }}</span>\n        <tui-error\n            formControlName=\"file\"\n            [error]=\"[] | tuiFieldError | async\"\n        />\n    </div>\n\n    <!-- \u041D\u0430\u0437\u0432\u0430\u043D\u0438\u0435 \u0437\u0430\u044F\u0432\u043A\u0438. -->\n    <label tuiLabel>\n        \u041D\u0430\u0437\u0432\u0430\u043D\u0438\u0435 \u0437\u0430\u044F\u0432\u043A\u0438\n        <tui-input\n            formControlName=\"name\"\n            [tuiTextfieldLabelOutside]=\"true\"\n        >\n            \u041D\u0430\u043F\u0440\u0438\u043C\u0435\u0440: \u0411\u0430\u043B\u043A\u043E\u043D\u044B, \u043E\u0431\u044A\u0435\u043A\u0442 \u043D\u0430 \u041B\u0435\u043D\u0438\u043D\u0430\n        </tui-input>\n        <tui-error\n            formControlName=\"name\"\n            [error]=\"[] | tuiFieldError | async\"\n        />\n    </label>\n\n    <tui-notification\n        appearance=\"info\"\n        size=\"m\"\n    >\n        \u041E\u0431\u0440\u0430\u0431\u043E\u0442\u043A\u0430 \u0444\u0430\u0439\u043B\u0430 \u0432\u044B\u043F\u043E\u043B\u043D\u044F\u0435\u0442\u0441\u044F \u0432 \u0444\u043E\u043D\u0435: \u043F\u043E\u0437\u0438\u0446\u0438\u0438 \u0438 \u0446\u0435\u043D\u044B \u043F\u043E\u044F\u0432\u044F\u0442\u0441\u044F \u0432 \u0447\u0435\u0440\u043D\u043E\u0432\u0438\u043A\u0435 \u0447\u0435\u0440\u0435\u0437 \u043D\u0435\u043A\u043E\u0442\u043E\u0440\u043E\u0435 \u0432\u0440\u0435\u043C\u044F.\n    </tui-notification>\n\n    <div class=\"flex flex-wrap gap-2\">\n        <button\n            tuiButton\n            type=\"submit\"\n            iconStart=\"@tui.sc.send\"\n            [loading]=\"submitting()\"\n        >\n            \u0421\u043E\u0437\u0434\u0430\u0442\u044C \u0437\u0430\u044F\u0432\u043A\u0443\n        </button>\n        <button\n            tuiButton\n            type=\"button\"\n            appearance=\"secondary\"\n            (click)=\"context.$implicit.complete()\"\n        >\n            \u041E\u0442\u043C\u0435\u043D\u0430\n        </button>\n    </div>\n</form>\n" }]
-        }] });
-
 /**
  * Компонент страницы черновика заказа (аналог корзины для одного черновика).
  */
 class ScDraftComponent {
-    /**
-     * Инициализирует экземпляр класса {@link ScDraftComponent}.
-     */
     constructor() {
         /**
          * Сервис маршрутизации.
@@ -9811,22 +9284,14 @@ class ScDraftComponent {
          * Сервис для работы с черновиками заказов.
          */
         this.draftsService = inject(ScOrderDraftsService);
-        /**
-         * Интервалы обновления данных.
-         */
-        this.updateInterval = inject(SC_UPDATE_INTERVAL);
-        /**
-         * Сервис уведомлений.
-         */
-        this.alerts = inject(TuiAlertService);
         /**
          * Сигнал с данными текущего черновика заказа (из параметра orderId в URL).
          */
         this.draft = model(null);
         /**
-         * Идентификаторы выбранных позиций.
+         * Идентификаторы позиций черновика, выбранных для оформления заказа.
          */
-        this.selectedItemsIds = model([]);
+        this.selectedItemsIds = signal([]);
         /**
          * Источник события удаления или отмены заказа.
          */
@@ -9839,47 +9304,6 @@ class ScDraftComponent {
          * Текущий ключ маршрута.
          */
         this.isDraftPage = toSignal(this.route.data.pipe(map((data) => data['routes_key'] === ScRouteKeys.draft), distinctUntilChanged()), { initialValue: false });
-        /**
-         * Функция группировки позиций черновика Профстрой по группам из файла.
-         */
-        // eslint-disable-next-line @typescript-eslint/unbound-method
-        this.groupByFileGroup = ScProfstroyOrderItem.getGroupTitle;
-        /**
-         * Признак черновика Профстрой.
-         */
-        this.isProfstroy = computed(() => this.draft()?.isProfstroy === true);
-        /**
-         * Текущий момент для проверки срока актуализации. Обновляется по таймеру, пока открыт черновик Профстрой.
-         */
-        this.now = signal(new Date());
-        /**
-         * Признак выполнения действия над черновиком Профстрой.
-         */
-        this.busy = signal(false);
-        /**
-         * Признак, что можно менять состав черновика Профстрой.
-         */
-        this.canEditProfstroy = computed(() => this.isDraftPage() && !this.busy() && this.draft()?.actualization?.isProcessing === false);
-        /**
-         * Позиции, выбранные для заказа из черновика Профстрой.
-         */
-        this.selectedProfstroyItems = computed(() => {
-            const ids = new Set(this.selectedItemsIds());
-            return this.draft()?.products.filter((item) => item.isOrderable && ids.has(item.id)) ?? [];
-        });
-        /**
-         * Причина, по которой нельзя оформить заказ из черновика Профстрой, или пустая строка.
-         */
-        this.profstroyOrderBlockReason = computed(() => {
-            const draft = this.draft();
-            if (!draft?.actualization?.isOrderAllowedAt(this.now())) {
-                return 'Оформление доступно после успешной актуализации.';
-            }
-            if (!draft.products.some((item) => item.isOrderable)) {
-                return 'В заявке нет позиций, которые могут попасть в заказ.';
-            }
-            return this.selectedProfstroyItems().length === 0 ? 'Выберите позиции для заказа.' : '';
-        });
         /**
          * Ссылка для автоматического управления уничтожением зависимостей.
          */
@@ -9888,8 +9312,6 @@ class ScDraftComponent {
          * Сервис установки SEO-данных приложения.
          */
         this.seoService = inject(ScSeoService);
-        this.watchProfstroyExpiration();
-        this.watchProfstroyProcessing();
     }
     /** @inheritDoc */
     ngOnInit() {
@@ -9904,34 +9326,10 @@ class ScDraftComponent {
         }
     }
     /**
-     * Переход к оформлению заказа по выбранному направлению продаж.
-     *
-     * @param direction Группа позиций по направлению продаж.
-     */
-    goToNewOrder(direction) {
-        const ids = this.selectedItemsIds().filter((id) => direction.items.some((item) => item.id === id));
-        this.router.navigate(['orders', 'new', this.draft()?.id, direction.direction.id, 'draft'], { queryParams: { itemsIds: ids } }).catch(noop);
-    }
-    /**
-     * Переход к оформлению заказа из черновика Профстрой по выбранным позициям.
-     */
-    goToNewProfstroyOrder() {
-        const ids = this.selectedProfstroyItems().map((item) => item.id);
-        this.router.navigate(['orders', 'new', this.draft()?.id, 'profstroy'], { queryParams: { itemsIds: ids } }).catch(noop);
-    }
-    /**
-     * Запускает актуализацию черновика Профстрой.
-     */
-    actualizeProfstroy() {
-        this.runProfstroyAction((draftId) => this.draftsService.actualizeProfstroy$(draftId));
-    }
-    /**
-     * Запускает пересборку черновика Профстрой из файла после подтверждения.
+     * Переход к оформлению заказа из выбранных позиций.
      */
-    reloadProfstroy() {
-        this.confirm$('Собрать заявку заново?', 'Заявка будет собрана заново из загруженного файла. Изменённое количество и удалённые позиции будут потеряны. Продолжить?', 'Да, собрать заново').subscribe(() => {
-            this.runProfstroyAction((draftId) => this.draftsService.reloadProfstroy$(draftId));
-        });
+    goToNewOrder() {
+        this.router.navigate(['orders', 'new', this.draft()?.id, 'draft'], { queryParams: { itemsIds: this.selectedItemsIds() } }).catch(noop);
     }
     /**
      * Удаляет черновик и перенаправляет к списку черновиков.
@@ -9956,107 +9354,23 @@ class ScDraftComponent {
             this.router.navigate(['/drafts']).catch(noop);
         });
     }
-    /**
-     * Выполняет действие над черновиком Профстрой. Пока действие выполняется, остальные заблокированы.
-     * При ошибке показывает текст сервера и перезапрашивает черновик, так как его состояние могло смениться.
-     *
-     * @param action Функция, возвращающая запрос действия по идентификатору черновика.
-     */
-    runProfstroyAction(action) {
-        const draftId = this.draft()?.id;
-        if (draftId === undefined || this.busy()) {
-            return;
-        }
-        this.busy.set(true);
-        action(draftId)
-            .pipe(catchError((error) => {
-            this.showForbiddenError(error);
-            return this.draftsService.fetch$(draftId).pipe(catchError(() => EMPTY));
-        }), finalize(() => {
-            this.busy.set(false);
-        }), takeUntilDestroyed(this.destroyRef))
-            .subscribe((draft) => {
-            this.setDraftIfCurrent(draft);
-        });
-    }
-    /**
-     * Показывает текст ошибки отказа в доступе. Остальные ошибки показывает перехватчик приложения.
-     *
-     * @param error Ошибка запроса.
-     */
-    showForbiddenError(error) {
-        if (error instanceof HttpErrorResponse && error.status === HttpStatusCode.Forbidden) {
-            const { message } = (error.error ?? {});
-            this.alerts.open(message ?? 'Действие недоступно.', { appearance: 'negative' }).subscribe();
-        }
-    }
-    /**
-     * Открывает подтверждение и возвращает {@link Observable}, который выдаёт значение только при согласии.
-     *
-     * @param label Заголовок.
-     * @param content Текст подтверждения.
-     * @param yes Текст кнопки согласия.
-     */
-    confirm$(label, content, yes) {
-        return this.dialogService.open(TUI_CONFIRM, { label, data: { content, yes, no: 'Отмена' } }).pipe(filter(Boolean), takeUntilDestroyed(this.destroyRef));
-    }
-    /**
-     * Обновляет черновик, если пришли данные того же черновика, который открыт сейчас.
-     *
-     * @param draft Полученные данные черновика.
-     */
-    setDraftIfCurrent(draft) {
-        if (this.draft()?.id === draft.id) {
-            this.draft.set(draft);
-        }
-    }
-    /**
-     * Обновляет текущий момент по таймеру, пока открыт черновик Профстрой, чтобы истечение срока актуализации отражалось без перезагрузки.
-     */
-    watchProfstroyExpiration() {
-        toObservable(this.isProfstroy)
-            .pipe(distinctUntilChanged(), switchMap((isProfstroy) => (isProfstroy ? timer(0, this.updateInterval.orderDraftExpiration) : EMPTY)), takeUntilDestroyed(this.destroyRef))
-            .subscribe(() => {
-            this.now.set(new Date());
-        });
-    }
-    /**
-     * Пока черновик Профстрой в обработке, опрашивает его состояние лёгким запросом списка и после смены статуса перезапрашивает черновик целиком.
-     */
-    watchProfstroyProcessing() {
-        toObservable(this.draft)
-            .pipe(map((draft) => (draft?.isProfstroy && draft.actualization?.isProcessing ? draft.id : null)), distinctUntilChanged(), switchMap((draftId) => draftId === null
-            ? EMPTY
-            : this.draftsService.watchShortList$([draftId]).pipe(map((drafts) => drafts.find((item) => item.id === draftId)), filter((short) => short !== undefined && short.actualization?.status !== ScOrderDraftActualizationStatus.processing), take(1), switchMap(() => this.draftsService.fetch$(draftId).pipe(catchError(() => EMPTY))))), takeUntilDestroyed(this.destroyRef))
-            .subscribe((draft) => {
-            this.setDraftIfCurrent(draft);
-        });
-    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScDraftComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ScDraftComponent, isStandalone: true, selector: "sc-draft", inputs: { draft: { classPropertyName: "draft", publicName: "draft", isSignal: true, isRequired: false, transformFunction: null }, selectedItemsIds: { classPropertyName: "selectedItemsIds", publicName: "selectedItemsIds", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { draft: "draftChange", selectedItemsIds: "selectedItemsIdsChange", deleteEvent: "deleteEvent" }, providers: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ScDraftComponent, isStandalone: true, selector: "sc-draft", inputs: { draft: { classPropertyName: "draft", publicName: "draft", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { draft: "draftChange", deleteEvent: "deleteEvent" }, providers: [
             {
                 provide: SC_ORDER_LOADER,
                 useExisting: ScOrderDraftsService,
             },
-        ], ngImport: i0, template: "@let currentDraft = draft();\n\n@if (currentDraft && currentDraft.isProfstroy) {\n    <div class=\"flex flex-col gap-5\">\n        <sc-profstroy-draft-badges\n            [actualization]=\"currentDraft.actualization\"\n            [now]=\"now()\"\n        />\n\n        <sc-profstroy-actualization-panel\n            [draft]=\"currentDraft\"\n            [now]=\"now()\"\n            [busy]=\"busy() || !isDraftPage()\"\n            (actualize)=\"actualizeProfstroy()\"\n            (reload)=\"reloadProfstroy()\"\n        />\n\n        @if (currentDraft.products.length) {\n            <sc-order-items-list\n                scOrder\n                [orderId]=\"currentDraft.id\"\n                [items]=\"currentDraft.products\"\n                [groupBy]=\"groupByFileGroup\"\n                [markUnavailable]=\"true\"\n                [useLinePrice]=\"true\"\n                [editable]=\"canEditProfstroy()\"\n                [selectable]=\"true\"\n                (selectedItemsIdsChange)=\"selectedItemsIds.set($event)\"\n            />\n        } @else {\n            <p class=\"text-base font-bold\">{{ currentDraft.actualization?.isProcessing ? '\u041F\u043E\u0437\u0438\u0446\u0438\u0438 \u043F\u043E\u044F\u0432\u044F\u0442\u0441\u044F \u043F\u043E\u0441\u043B\u0435 \u043E\u0431\u0440\u0430\u0431\u043E\u0442\u043A\u0438 \u0444\u0430\u0439\u043B\u0430.' : '\u0412 \u0437\u0430\u044F\u0432\u043A\u0435 \u043D\u0435\u0442 \u043F\u043E\u0437\u0438\u0446\u0438\u0439.' }}</p>\n        }\n\n        <div class=\"flex flex-col items-center gap-x-2.5 gap-y-4 sm:flex-row sm:flex-wrap-reverse sm:items-start\">\n            <button\n                tuiButton\n                appearance=\"secondary\"\n                iconStart=\"@tui.trash-2\"\n                [disabled]=\"busy()\"\n                (click)=\"clearDraft()\"\n            >\n                \u0423\u0434\u0430\u043B\u0438\u0442\u044C \u0447\u0435\u0440\u043D\u043E\u0432\u0438\u043A\n            </button>\n\n            <div class=\"flex flex-col items-center gap-1 sm:ml-auto sm:items-end\">\n                <button\n                    tuiButton\n                    type=\"button\"\n                    iconStart=\"@tui.shopping-cart\"\n                    [disabled]=\"busy() || !!profstroyOrderBlockReason()\"\n                    (click)=\"goToNewProfstroyOrder()\"\n                >\n                    \u041E\u0444\u043E\u0440\u043C\u0438\u0442\u044C \u0437\u0430\u043A\u0430\u0437\n                </button>\n                @if (profstroyOrderBlockReason(); as reason) {\n                    <span class=\"text-body-s text-tui-text-02\">{{ reason }}</span>\n                }\n            </div>\n        </div>\n    </div>\n} @else {\n    @let items = draft()?.products;\n\n    @if (items) {\n        <div class=\"flex flex-col gap-12\">\n            <div class=\"flex flex-col gap-5\">\n                @if (items.length) {\n                    <sc-order-items-list-by-directions\n                        scOrder\n                        [orderId]=\"draft()?.id\"\n                        [items]=\"items\"\n                        [editable]=\"isDraftPage()\"\n                        [selectable]=\"true\"\n                        (selectedItemsIdsChange)=\"selectedItemsIds.set($event)\"\n                        (continueClick)=\"goToNewOrder($event)\"\n                    >\n                        <div\n                            footerActions\n                            class=\"flex gap-2\"\n                        >\n                            <button\n                                tuiButton\n                                appearance=\"secondary\"\n                                (click)=\"clearDraft()\"\n                                iconStart=\"@tui.trash-2\"\n                            >\n                                \u0423\u0434\u0430\u043B\u0438\u0442\u044C \u0447\u0435\u0440\u043D\u043E\u0432\u0438\u043A\n                            </button>\n                        </div>\n                    </sc-order-items-list-by-directions>\n                } @else {\n                    <p class=\"text-base font-bold\">\u0427\u0435\u0440\u043D\u043E\u0432\u0438\u043A \u043F\u0443\u0441\u0442.</p>\n                    <div\n                        footerActions\n                        class=\"flex gap-2\"\n                    >\n                        <button\n                            tuiButton\n                            appearance=\"secondary\"\n                            (click)=\"clearDraft()\"\n                            iconStart=\"@tui.trash-2\"\n                        >\n                            \u0423\u0434\u0430\u043B\u0438\u0442\u044C \u0447\u0435\u0440\u043D\u043E\u0432\u0438\u043A\n                        </button>\n                    </div>\n                }\n            </div>\n        </div>\n    } @else {\n        <div class=\"flex flex-col gap-12\">\n            <div class=\"flex flex-col gap-5\">\n                @for (item of [1, 2, 3, 4]; track item) {\n                    <div class=\"tui-skeleton flex h-[8.25rem] w-full overflow-hidden rounded-xl\"></div>\n                }\n                <div class=\"flex gap-2\">\n                    <div class=\"tui-skeleton h-10 w-40 rounded-md\"></div>\n                    <div class=\"tui-skeleton h-10 w-36 rounded-md\"></div>\n                </div>\n            </div>\n        </div>\n    }\n}\n", dependencies: [{ kind: "component", type: ScOrderItemsListByDirectionsComponent, selector: "sc-order-items-list-by-directions", inputs: ["items", "selectable", "editable", "useLinePrice", "showContinueButton", "continueButtonText", "selectedItemsIds"], outputs: ["continueClick", "selectedItemsIdsChange"] }, { kind: "directive", type: ScOrderAccessorDirective, selector: "[scOrder]", inputs: ["orderId"] }, { kind: "component", type: ScProfstroyActualizationPanelComponent, selector: "sc-profstroy-actualization-panel", inputs: ["draft", "now", "busy"], outputs: ["actualize", "reload"] }, { kind: "component", type: ScProfstroyDraftBadgesComponent, selector: "sc-profstroy-draft-badges", inputs: ["actualization", "now"] }, { kind: "component", type: ScOrderItemsListComponent, selector: "sc-order-items-list", inputs: ["selectable", "editable", "groupBy", "markUnavailable", "useLinePrice", "items"], outputs: ["selectedItemsIdsChange"] }, { kind: "directive", type: TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], ngImport: i0, template: "@let items = draft()?.products;\n\n@if (items) {\n    <div class=\"flex flex-col gap-12\">\n        <div class=\"flex flex-col gap-5\">\n            @if (items.length) {\n                <sc-order-items-list-with-actions\n                    scOrder\n                    [orderId]=\"draft()?.id\"\n                    [items]=\"items\"\n                    [editable]=\"isDraftPage()\"\n                    (selectedItemsIdsChange)=\"selectedItemsIds.set($event)\"\n                >\n                    <div\n                        footerActions\n                        class=\"flex w-full flex-col items-center gap-x-2.5 gap-y-4 sm:flex-row sm:flex-wrap sm:items-start\"\n                    >\n                        <button\n                            tuiButton\n                            appearance=\"secondary\"\n                            (click)=\"clearDraft()\"\n                            iconStart=\"@tui.trash-2\"\n                        >\n                            \u0423\u0434\u0430\u043B\u0438\u0442\u044C \u0447\u0435\u0440\u043D\u043E\u0432\u0438\u043A\n                        </button>\n\n                        <button\n                            tuiButton\n                            type=\"button\"\n                            class=\"sm:ml-auto\"\n                            iconStart=\"@tui.shopping-cart\"\n                            [disabled]=\"selectedItemsIds().length === 0\"\n                            (click)=\"goToNewOrder()\"\n                        >\n                            \u0417\u0430\u043A\u0430\u0437\u0430\u0442\u044C\n                        </button>\n                    </div>\n                </sc-order-items-list-with-actions>\n            } @else {\n                <p class=\"text-base font-bold\">\u0427\u0435\u0440\u043D\u043E\u0432\u0438\u043A \u043F\u0443\u0441\u0442.</p>\n                <div\n                    footerActions\n                    class=\"flex gap-2\"\n                >\n                    <button\n                        tuiButton\n                        appearance=\"secondary\"\n                        (click)=\"clearDraft()\"\n                        iconStart=\"@tui.trash-2\"\n                    >\n                        \u0423\u0434\u0430\u043B\u0438\u0442\u044C \u0447\u0435\u0440\u043D\u043E\u0432\u0438\u043A\n                    </button>\n                </div>\n            }\n        </div>\n    </div>\n} @else {\n    <div class=\"flex flex-col gap-12\">\n        <div class=\"flex flex-col gap-5\">\n            @for (item of [1, 2, 3, 4]; track item) {\n                <div class=\"tui-skeleton flex h-[8.25rem] w-full overflow-hidden rounded-xl\"></div>\n            }\n            <div class=\"flex gap-2\">\n                <div class=\"tui-skeleton h-10 w-40 rounded-md\"></div>\n                <div class=\"tui-skeleton h-10 w-36 rounded-md\"></div>\n            </div>\n        </div>\n    </div>\n}\n", dependencies: [{ kind: "component", type: ScOrderItemsListWithActionsComponent, selector: "sc-order-items-list-with-actions", inputs: ["items", "selectable", "editable", "selectedItemsIds"], outputs: ["selectedItemsIdsChange"] }, { kind: "directive", type: ScOrderAccessorDirective, selector: "[scOrder]", inputs: ["orderId"] }, { 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: ScDraftComponent, decorators: [{
             type: Component,
-            args: [{ standalone: true, selector: 'sc-draft', imports: [
-                        ScOrderItemsListByDirectionsComponent,
-                        ScOrderAccessorDirective,
-                        ScProfstroyActualizationPanelComponent,
-                        ScProfstroyDraftBadgesComponent,
-                        ScOrderItemsListComponent,
-                        TuiButton,
-                        TuiIcons,
-                    ], providers: [
+            args: [{ standalone: true, selector: 'sc-draft', imports: [ScOrderItemsListWithActionsComponent, ScOrderAccessorDirective, TuiButton, TuiIcons], providers: [
                         {
                             provide: SC_ORDER_LOADER,
                             useExisting: ScOrderDraftsService,
                         },
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "@let currentDraft = draft();\n\n@if (currentDraft && currentDraft.isProfstroy) {\n    <div class=\"flex flex-col gap-5\">\n        <sc-profstroy-draft-badges\n            [actualization]=\"currentDraft.actualization\"\n            [now]=\"now()\"\n        />\n\n        <sc-profstroy-actualization-panel\n            [draft]=\"currentDraft\"\n            [now]=\"now()\"\n            [busy]=\"busy() || !isDraftPage()\"\n            (actualize)=\"actualizeProfstroy()\"\n            (reload)=\"reloadProfstroy()\"\n        />\n\n        @if (currentDraft.products.length) {\n            <sc-order-items-list\n                scOrder\n                [orderId]=\"currentDraft.id\"\n                [items]=\"currentDraft.products\"\n                [groupBy]=\"groupByFileGroup\"\n                [markUnavailable]=\"true\"\n                [useLinePrice]=\"true\"\n                [editable]=\"canEditProfstroy()\"\n                [selectable]=\"true\"\n                (selectedItemsIdsChange)=\"selectedItemsIds.set($event)\"\n            />\n        } @else {\n            <p class=\"text-base font-bold\">{{ currentDraft.actualization?.isProcessing ? '\u041F\u043E\u0437\u0438\u0446\u0438\u0438 \u043F\u043E\u044F\u0432\u044F\u0442\u0441\u044F \u043F\u043E\u0441\u043B\u0435 \u043E\u0431\u0440\u0430\u0431\u043E\u0442\u043A\u0438 \u0444\u0430\u0439\u043B\u0430.' : '\u0412 \u0437\u0430\u044F\u0432\u043A\u0435 \u043D\u0435\u0442 \u043F\u043E\u0437\u0438\u0446\u0438\u0439.' }}</p>\n        }\n\n        <div class=\"flex flex-col items-center gap-x-2.5 gap-y-4 sm:flex-row sm:flex-wrap-reverse sm:items-start\">\n            <button\n                tuiButton\n                appearance=\"secondary\"\n                iconStart=\"@tui.trash-2\"\n                [disabled]=\"busy()\"\n                (click)=\"clearDraft()\"\n            >\n                \u0423\u0434\u0430\u043B\u0438\u0442\u044C \u0447\u0435\u0440\u043D\u043E\u0432\u0438\u043A\n            </button>\n\n            <div class=\"flex flex-col items-center gap-1 sm:ml-auto sm:items-end\">\n                <button\n                    tuiButton\n                    type=\"button\"\n                    iconStart=\"@tui.shopping-cart\"\n                    [disabled]=\"busy() || !!profstroyOrderBlockReason()\"\n                    (click)=\"goToNewProfstroyOrder()\"\n                >\n                    \u041E\u0444\u043E\u0440\u043C\u0438\u0442\u044C \u0437\u0430\u043A\u0430\u0437\n                </button>\n                @if (profstroyOrderBlockReason(); as reason) {\n                    <span class=\"text-body-s text-tui-text-02\">{{ reason }}</span>\n                }\n            </div>\n        </div>\n    </div>\n} @else {\n    @let items = draft()?.products;\n\n    @if (items) {\n        <div class=\"flex flex-col gap-12\">\n            <div class=\"flex flex-col gap-5\">\n                @if (items.length) {\n                    <sc-order-items-list-by-directions\n                        scOrder\n                        [orderId]=\"draft()?.id\"\n                        [items]=\"items\"\n                        [editable]=\"isDraftPage()\"\n                        [selectable]=\"true\"\n                        (selectedItemsIdsChange)=\"selectedItemsIds.set($event)\"\n                        (continueClick)=\"goToNewOrder($event)\"\n                    >\n                        <div\n                            footerActions\n                            class=\"flex gap-2\"\n                        >\n                            <button\n                                tuiButton\n                                appearance=\"secondary\"\n                                (click)=\"clearDraft()\"\n                                iconStart=\"@tui.trash-2\"\n                            >\n                                \u0423\u0434\u0430\u043B\u0438\u0442\u044C \u0447\u0435\u0440\u043D\u043E\u0432\u0438\u043A\n                            </button>\n                        </div>\n                    </sc-order-items-list-by-directions>\n                } @else {\n                    <p class=\"text-base font-bold\">\u0427\u0435\u0440\u043D\u043E\u0432\u0438\u043A \u043F\u0443\u0441\u0442.</p>\n                    <div\n                        footerActions\n                        class=\"flex gap-2\"\n                    >\n                        <button\n                            tuiButton\n                            appearance=\"secondary\"\n                            (click)=\"clearDraft()\"\n                            iconStart=\"@tui.trash-2\"\n                        >\n                            \u0423\u0434\u0430\u043B\u0438\u0442\u044C \u0447\u0435\u0440\u043D\u043E\u0432\u0438\u043A\n                        </button>\n                    </div>\n                }\n            </div>\n        </div>\n    } @else {\n        <div class=\"flex flex-col gap-12\">\n            <div class=\"flex flex-col gap-5\">\n                @for (item of [1, 2, 3, 4]; track item) {\n                    <div class=\"tui-skeleton flex h-[8.25rem] w-full overflow-hidden rounded-xl\"></div>\n                }\n                <div class=\"flex gap-2\">\n                    <div class=\"tui-skeleton h-10 w-40 rounded-md\"></div>\n                    <div class=\"tui-skeleton h-10 w-36 rounded-md\"></div>\n                </div>\n            </div>\n        </div>\n    }\n}\n" }]
-        }], ctorParameters: () => [] });
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "@let items = draft()?.products;\n\n@if (items) {\n    <div class=\"flex flex-col gap-12\">\n        <div class=\"flex flex-col gap-5\">\n            @if (items.length) {\n                <sc-order-items-list-with-actions\n                    scOrder\n                    [orderId]=\"draft()?.id\"\n                    [items]=\"items\"\n                    [editable]=\"isDraftPage()\"\n                    (selectedItemsIdsChange)=\"selectedItemsIds.set($event)\"\n                >\n                    <div\n                        footerActions\n                        class=\"flex w-full flex-col items-center gap-x-2.5 gap-y-4 sm:flex-row sm:flex-wrap sm:items-start\"\n                    >\n                        <button\n                            tuiButton\n                            appearance=\"secondary\"\n                            (click)=\"clearDraft()\"\n                            iconStart=\"@tui.trash-2\"\n                        >\n                            \u0423\u0434\u0430\u043B\u0438\u0442\u044C \u0447\u0435\u0440\u043D\u043E\u0432\u0438\u043A\n                        </button>\n\n                        <button\n                            tuiButton\n                            type=\"button\"\n                            class=\"sm:ml-auto\"\n                            iconStart=\"@tui.shopping-cart\"\n                            [disabled]=\"selectedItemsIds().length === 0\"\n                            (click)=\"goToNewOrder()\"\n                        >\n                            \u0417\u0430\u043A\u0430\u0437\u0430\u0442\u044C\n                        </button>\n                    </div>\n                </sc-order-items-list-with-actions>\n            } @else {\n                <p class=\"text-base font-bold\">\u0427\u0435\u0440\u043D\u043E\u0432\u0438\u043A \u043F\u0443\u0441\u0442.</p>\n                <div\n                    footerActions\n                    class=\"flex gap-2\"\n                >\n                    <button\n                        tuiButton\n                        appearance=\"secondary\"\n                        (click)=\"clearDraft()\"\n                        iconStart=\"@tui.trash-2\"\n                    >\n                        \u0423\u0434\u0430\u043B\u0438\u0442\u044C \u0447\u0435\u0440\u043D\u043E\u0432\u0438\u043A\n                    </button>\n                </div>\n            }\n        </div>\n    </div>\n} @else {\n    <div class=\"flex flex-col gap-12\">\n        <div class=\"flex flex-col gap-5\">\n            @for (item of [1, 2, 3, 4]; track item) {\n                <div class=\"tui-skeleton flex h-[8.25rem] w-full overflow-hidden rounded-xl\"></div>\n            }\n            <div class=\"flex gap-2\">\n                <div class=\"tui-skeleton h-10 w-40 rounded-md\"></div>\n                <div class=\"tui-skeleton h-10 w-36 rounded-md\"></div>\n            </div>\n        </div>\n    </div>\n}\n" }]
+        }] });
 
 /**
  * Компонент статуса оплаты заказа.
@@ -12165,5 +11479,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { AbstractScPriceCard, AuthMethod, CURRENT_COUNTRY_ID, CostWithDiscountComponent, FilesAndDocumentsComponent, FilesAndDocumentsModule, FinishDateTimeTransformerDirective, IDLE_ITEM_STATE, IS_DEFAULT_COUNTRY, MAX_FILES_IN_FORM_INPUT, SC_ALLOW_SELECT_TERMINATED, SC_BANNER_DURATION, SC_CATALOG_PRODUCTS_FILTERS, SC_CATALOG_SHOW_PRODUCTS_RECURSIVELY, SC_DATE_FORMATTER, SC_DEBOUNCE_TIME_DEFAULT, SC_DIALOG_SERVICE_TOKEN, SC_ERROR_CHANGE_HANDLER, SC_FAQ_GROUP_QUERY_PARAM, SC_FAQ_QUESTION_ANCHOR_PREFIX, SC_HELP_NOTIFICATION_CLOSE, SC_HELP_NOTIFICATION_LIMIT, SC_HIDDEN_PRINT_ELEMENTS, SC_MANAGER_QR_HANDLER, SC_NOTIFY_WHEN_IN_STOCK_REQUIRED_FIELDS, SC_ORDER_FORM_CONFIG, SC_ORDER_OPTIONS, SC_PAGE_SIZE_OPTIONS$1 as SC_PAGE_SIZE_OPTIONS, SC_SHOW_HELP_NOTIFICATION_IN_PHONE_INPUT, SC_USER_CITY_INFO, SC_USER_INFO, SC_USER_PROVIDERS, SC_VERIFICATION_CODE_TIMEOUT, ScAccordionComponent, ScAccordionContentDirective, ScAccordionModule, ScAddContactDialogComponent, ScAddContragentBankAccountsDialogComponent, ScAddContragentDialogComponent, ScAddDeliveryAddressDialogComponent, ScAddOrEditingCartItemDialogComponent, ScAddOrEditingCartItemFormComponent, ScAddressesSelectionFieldComponent, ScAuthModule, ScBannerComponent, ScBannerModule, ScBrandsListComponent, ScBrandsListModule, ScCartAddProductsFromCsvDialogComponent, ScCatalogFilterCollapsibleComponent, ScCatalogFiltersComponent, ScCatalogModule, ScCategoryCardComponent, ScContactsAccordionComponent, ScContactsModule, ScContragentsAccordionComponent, ScContragentsAccordionItemComponent, ScContragentsModule, ScDeliveryAddressAccordionComponent, ScDeliveryAddressAccordionItemComponent, ScDeliveryAddressModule, ScDownloadPriceListComponent, ScDraftComponent, ScDraftListHelper, ScEmailLinkDirective, ScErrorBlockStatusComponent, ScErrorHandlerComponent, ScFavoriteButtonComponent, ScFeedbackFormComponent, ScFocusFirstInvalidFieldDirective, ScFormFieldsModule, ScFormatDatePipe, ScFrequentlyAskedQuestionsComponent, ScFrequentlyAskedQuestionsGroupSelectorComponent, ScFrequentlyAskedQuestionsWithGroupsComponent, ScGratitudeComponent, ScHelpNotificationService, ScHoverImageCarouselComponent, ScInputQuantityComponent, ScLinks, ScManagerCardComponent, ScManagerCardPushComponent, ScNewContactFormComponent, ScNewContragentBankAccountsFormComponent, ScNewContragentFormComponent, ScNewsCardComponent, ScNewsCardSkeletonComponent, ScNewsListComponent, ScNewsModule, ScNextInputFocusDirective, ScNextInputFocusModule, ScNoindexDirective, ScNoindexWrapperComponent, ScNotifyWhenInStockDialogComponent, ScOrderAccessorDirective, ScOrderDirectionItemsComponent, ScOrderFormComponent, ScOrderItemComponent, ScOrderItemsByDirection, ScOrderItemsListByDirectionsComponent, ScOrderItemsListByStockComponent, ScOrderItemsListComponent, ScOrderModule, ScPaginationLinksComponent, ScPaymentStatusComponent, ScPersonalDataProcessingPolicyComponent, ScPhoneFormatPipe, ScPreviewSampleComponent, ScPreviewSampleModule, ScPreviewSamplesMosquitoComponent, ScPriceCardComponent, ScPriceCardInlineComponent, ScPriceHistoryComponent, ScPriceListPaginationComponent, ScPriceWarehouseStockComponent, ScPrintDirective, ScPrintService, ScPrivacyPolicyComponent, ScProductInAllWarehousesPipe, ScProfileAccordionsContentComponent, ScProfileModule, ScProfstroyActualizationPanelComponent, ScProfstroyBadgeComponent, ScProfstroyDraftBadgesComponent, ScProfstroyDraftCreateDialogComponent, ScProfstroyDraftHelper, ScProfstroyDraftState, ScPublicOfferComponent, ScQRCodeDialogComponent, ScQRCodeModule, ScResetUserPasswordComponent, ScResourcePreviewComponent, ScSandwichComponent, ScSandwichM2Component, ScSandwichM2SkeletonComponent, ScSandwichSkeletonComponent, ScSelectOnFocusinDirective, ScSeoTagsComponent, ScShareButtonComponent, ScShareDialogComponent, ScShareMessengersLinksComponent, ScShareService, ScSignInFormByEmailComponent, ScSignInFormByPhoneComponent, ScSignInFormComponent, ScSignUpFormComponent, ScSimpleSignUpFormComponent, ScSuggestionFieldComponent, ScTelLinkDirective, ScTerminalLinkDirective, ScUpdateUserInfoDialogComponent, ScUserManagersComponent, ScUserModule, ScUserPhoneApproveDialogComponent, ScVerificationModule, ScVerificationPhoneCheckFormComponent, TreeDirective, TreeIconService, TreeLoaderService, TreeTopDirective, cleanupRecaptchaArtifacts, phoneValidator, scAtLeastOneRequiredValidator, scBicValidator, scClientUiIconsName, scCorrespondentAccountValidator, scGetCurrentRoute, scGetFaqGroupQueryParams, scGetFaqQuestionAnchor, scGetFaqQuestionIdFromAnchor, scPasswordConfirmMatchingValidator, stepValidator, tuiDateValueTransformerDefaultProvider };
+export { AbstractScPriceCard, AuthMethod, CURRENT_COUNTRY_ID, CostWithDiscountComponent, FilesAndDocumentsComponent, FilesAndDocumentsModule, FinishDateTimeTransformerDirective, IDLE_ITEM_STATE, IS_DEFAULT_COUNTRY, MAX_FILES_IN_FORM_INPUT, SC_ALLOW_SELECT_TERMINATED, SC_BANNER_DURATION, SC_CATALOG_PRODUCTS_FILTERS, SC_CATALOG_SHOW_PRODUCTS_RECURSIVELY, SC_DATE_FORMATTER, SC_DEBOUNCE_TIME_DEFAULT, SC_DIALOG_SERVICE_TOKEN, SC_ERROR_CHANGE_HANDLER, SC_FAQ_GROUP_QUERY_PARAM, SC_FAQ_QUESTION_ANCHOR_PREFIX, SC_HELP_NOTIFICATION_CLOSE, SC_HELP_NOTIFICATION_LIMIT, SC_HIDDEN_PRINT_ELEMENTS, SC_MANAGER_QR_HANDLER, SC_NOTIFY_WHEN_IN_STOCK_REQUIRED_FIELDS, SC_ORDER_FORM_CONFIG, SC_ORDER_OPTIONS, SC_PAGE_SIZE_OPTIONS$1 as SC_PAGE_SIZE_OPTIONS, SC_SHOW_HELP_NOTIFICATION_IN_PHONE_INPUT, SC_USER_CITY_INFO, SC_USER_INFO, SC_USER_PROVIDERS, SC_VERIFICATION_CODE_TIMEOUT, ScAccordionComponent, ScAccordionContentDirective, ScAccordionModule, ScAddContactDialogComponent, ScAddContragentBankAccountsDialogComponent, ScAddContragentDialogComponent, ScAddDeliveryAddressDialogComponent, ScAddOrEditingCartItemDialogComponent, ScAddOrEditingCartItemFormComponent, ScAddressesSelectionFieldComponent, ScAuthModule, ScBannerComponent, ScBannerModule, ScBrandsListComponent, ScBrandsListModule, ScCartAddProductsFromCsvDialogComponent, ScCatalogFilterCollapsibleComponent, ScCatalogFiltersComponent, ScCatalogModule, ScCategoryCardComponent, ScContactsAccordionComponent, ScContactsModule, ScContragentsAccordionComponent, ScContragentsAccordionItemComponent, ScContragentsModule, ScDeliveryAddressAccordionComponent, ScDeliveryAddressAccordionItemComponent, ScDeliveryAddressModule, ScDownloadPriceListComponent, ScDraftComponent, ScEmailLinkDirective, ScErrorBlockStatusComponent, ScErrorHandlerComponent, ScFavoriteButtonComponent, ScFeedbackFormComponent, ScFocusFirstInvalidFieldDirective, ScFormFieldsModule, ScFormatDatePipe, ScFrequentlyAskedQuestionsComponent, ScFrequentlyAskedQuestionsGroupSelectorComponent, ScFrequentlyAskedQuestionsWithGroupsComponent, ScGratitudeComponent, ScHelpNotificationService, ScHoverImageCarouselComponent, ScInputQuantityComponent, ScLinks, ScManagerCardComponent, ScManagerCardPushComponent, ScNewContactFormComponent, ScNewContragentBankAccountsFormComponent, ScNewContragentFormComponent, ScNewOrderItemsComponent, ScNewsCardComponent, ScNewsCardSkeletonComponent, ScNewsListComponent, ScNewsModule, ScNextInputFocusDirective, ScNextInputFocusModule, ScNoindexDirective, ScNoindexWrapperComponent, ScNotifyWhenInStockDialogComponent, ScOrderAccessorDirective, ScOrderFormComponent, ScOrderItemComponent, ScOrderItemsListByStockComponent, ScOrderItemsListComponent, ScOrderItemsListWithActionsComponent, ScOrderModule, ScPaginationLinksComponent, ScPaymentStatusComponent, ScPersonalDataProcessingPolicyComponent, ScPhoneFormatPipe, ScPreviewSampleComponent, ScPreviewSampleModule, ScPreviewSamplesMosquitoComponent, ScPriceCardComponent, ScPriceCardInlineComponent, ScPriceHistoryComponent, ScPriceListPaginationComponent, ScPriceWarehouseStockComponent, ScPrintDirective, ScPrintService, ScPrivacyPolicyComponent, ScProductInAllWarehousesPipe, ScProfileAccordionsContentComponent, ScProfileModule, ScPublicOfferComponent, ScQRCodeDialogComponent, ScQRCodeModule, ScResetUserPasswordComponent, ScResourcePreviewComponent, ScSandwichComponent, ScSandwichM2Component, ScSandwichM2SkeletonComponent, ScSandwichSkeletonComponent, ScSelectOnFocusinDirective, ScSeoTagsComponent, ScShareButtonComponent, ScShareDialogComponent, ScShareMessengersLinksComponent, ScShareService, ScSignInFormByEmailComponent, ScSignInFormByPhoneComponent, ScSignInFormComponent, ScSignUpFormComponent, ScSimpleSignUpFormComponent, ScSuggestionFieldComponent, ScTelLinkDirective, ScTerminalLinkDirective, ScUpdateUserInfoDialogComponent, ScUserManagersComponent, ScUserModule, ScUserPhoneApproveDialogComponent, ScVerificationModule, ScVerificationPhoneCheckFormComponent, TreeDirective, TreeIconService, TreeLoaderService, TreeTopDirective, cleanupRecaptchaArtifacts, phoneValidator, scAtLeastOneRequiredValidator, scBicValidator, scClientUiIconsName, scCorrespondentAccountValidator, scGetCurrentRoute, scGetFaqGroupQueryParams, scGetFaqQuestionAnchor, scGetFaqQuestionIdFromAnchor, scPasswordConfirmMatchingValidator, stepValidator, tuiDateValueTransformerDefaultProvider };
 //# sourceMappingURL=snabcentr-client-ui.mjs.map