@snabcentr/client-ui 4.21.0 → 4.23.0

package/fesm2022/snabcentr-client-ui.mjs

@@ -1,22 +1,20 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, inject, Injectable, NgZone, RendererFactory2, signal, EventEmitter, ChangeDetectorRef, Directive, Input, Output, untracked, Pipe, ElementRef, HostListener, Renderer2, ContentChildren, NgModule, input, computed, Component, ChangeDetectionStrategy, Inject, HostBinding, model, output, SkipSelf, DestroyRef, effect, ContentChild, ViewChild, viewChild, Optional, contentChild, TemplateRef, forwardRef, ViewEncapsulation, Injector, viewChildren, afterNextRender } from '@angular/core';
+import { InjectionToken, inject, Injectable, NgZone, signal, EventEmitter, ChangeDetectorRef, Directive, Input, Output, untracked, 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, IS_BROWSER, ScAuthService, SEARCH_TERM, ScUnitsHelper, ScImageHelper, SC_PATH_IMAGE_NOT_FOUND, ScImage, ScSuggestionAddressQuality, ScPhoneService, ScUserMetrikaService, ScUserMetrikaGoalsEnum, IS_RUNNING_ON_TERMINAL, ScVCardService, ScVerificationService, ScISuggestionType, SC_MIN_LENGTH_SEARCH_TERM, ScConvertersService, ScNumberHelper, ScOpfList, ScReferencesService, ScContragentService, ScBannerService, ScMediaImageTransformerPipe, ScCartService, ScUploadedFile, loadingPlaceholder, SC_ORDER_LOADER, ScMimeTypes, ScCatalogService, SC_URLS, ScWarehouseService, SEARCH_TERM_PROVIDERS, ScPaginationService, SC_NEXT_PAGE_PAGINATION_CLICK, SC_PRODUCT_PAGINATION_OPTIONS, ScCatalogFilterService, ScIdOrSlugPipe, SC_CATEGORY_INFO, ScConfiguratorService, IS_SERVER, RESPONSE, ScIconTypesEnum, ScDocumentInfoTypesEnum, ScDeliveryAddressService, ScOrdersService, ScUIService, SC_USER_INFO as SC_USER_INFO$1, ScPaymentType, ScDeliveryType, TERMINAL_PROVIDERS, ScOrderDraftsService, ScRouteKeys, ScSeoService, scOrderIsLoaded, SC_PAGE_QUERY_PARAM, ScFrequentlyAskedQuestionsService, SchemaOrgFactory, scGetPageQueryParamChanges, ScNewsService, SC_COMPANY_INFO, ScFeedbackService } from '@snabcentr/client-core';
+import { ScContactsService, ScUserService, ScLocationsService, ScAuthService, SEARCH_TERM, ScUnitsHelper, ScImageHelper, SC_PATH_IMAGE_NOT_FOUND, ScImage, ScSuggestionAddressQuality, ScPhoneService, ScUserMetrikaService, ScUserMetrikaGoalsEnum, IS_RUNNING_ON_TERMINAL, ScVCardService, ScVerificationService, ScISuggestionType, SC_MIN_LENGTH_SEARCH_TERM, ScConvertersService, ScNumberHelper, 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, ScOrderItemsGroup, ScOrderItem, ScDeliveryAddressService, ScOrdersService, ScUIService, SC_USER_INFO as SC_USER_INFO$1, ScPaymentType, ScDeliveryType, TERMINAL_PROVIDERS, ScOrderDraft, SC_UPDATE_INTERVAL, ScOrderDraftsService, ScOrderDraftActualizationStatus, 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, Observable, Subject, filter, tap, catchError, finalize, startWith, share, timer, scan, takeWhile, endWith, distinctUntilChanged, debounceTime, throwError, combineLatest, pairwise, Subscription, merge, skip, from, concatMap, noop, first, retry, fromEvent, animationFrames, take, takeUntil, defer, timeout, ignoreElements } from 'rxjs';
+import { EMPTY, BehaviorSubject, switchMap, of, shareReplay, map, Subject, filter, tap, catchError, finalize, startWith, share, timer, scan, takeWhile, endWith, distinctUntilChanged, debounceTime, throwError, combineLatest, pairwise, Observable, Subscription, merge, skip, from, concatMap, noop, first, retry, defaultIfEmpty, exhaustMap, 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, TuiValidationError, tuiControlValue, tuiIsPresent, tuiMarkControlAsTouchedAndValidate, tuiIsFalsy, TuiAutoFocus, TuiRepeatTimes, TuiSwipeService, TUI_SWIPE_OPTIONS, TuiHovered, TuiDayRange, TuiMonth, tuiPure, tuiProvide, TUI_WINDOW_SIZE, tuiClamp, tuiZonefree, TUI_TRUE_HANDLER } from '@taiga-ui/cdk';
+import { TuiDay, TuiTime, TuiValueTransformer, TUI_IS_MOBILE, TuiValidationError, tuiControlValue, tuiIsPresent, tuiMarkControlAsTouchedAndValidate, tuiIsFalsy, TuiAutoFocus, TuiRepeatTimes, TuiSwipeService, TUI_SWIPE_OPTIONS, TuiHovered, TuiDayRange, TuiMonth, tuiPure, tuiProvide, 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, TuiBlock, tuiInputNumberOptionsProvider, TuiDataListWrapperComponent, TuiChevron, TuiSelect, TuiInputSlider, TuiTreeService, TuiTreeItemContent, TUI_TREE_START, TUI_TREE_CONTENT, TUI_TREE_LOADING, TUI_TREE_LOADER, TuiTree, TuiPreviewDialogService, tuiFilesAccepted, TuiInputFiles, TuiInputFilesDirective, TuiFilesComponent, TuiFile, TuiFileRejectedPipe, TUI_CONFIRM, tuiItemsHandlersProvider as tuiItemsHandlersProvider$1, TUI_PAGINATION_TEXTS, TuiAccordionDirective, TuiAccordionItemContent } from '@taiga-ui/kit';
-import * as i2$2 from '@angular/common';
-import { DOCUMENT, CommonModule, NgIf, AsyncPipe, NgTemplateOutlet, NgFor, NgClass } from '@angular/common';
-import { HttpClient, HttpErrorResponse } from '@angular/common/http';
+import { TUI_DATE_VALUE_TRANSFORMER, TuiPreview, TuiAvatar, TuiAccordionItem, TuiElasticContainer, TuiAccordion, TuiFieldErrorPipe, TuiFilterByInputPipe, TuiStringifyContentPipe, TuiDataListWrapper, TuiButtonLoading, TuiSortCountriesPipe, TuiStepper, TuiCarousel, TuiPush, TuiCheckbox, TUI_CONFIRM_WORDS, TuiFiles, TuiChip, TuiInputNumber, TuiBadge, TuiTooltip, TuiHighlight, TuiLineClamp, TuiFade, TuiRange, TuiBlock, tuiInputNumberOptionsProvider, TuiDataListWrapperComponent, TuiChevron, TuiSelect, TuiInputSlider, TuiTreeService, TuiTreeItemContent, TUI_TREE_START, TUI_TREE_CONTENT, TUI_TREE_LOADING, TUI_TREE_LOADER, TuiTree, TuiPreviewDialogService, TUI_CONFIRM, tuiFilesAccepted, TuiInputFiles, TuiInputFilesDirective, TuiFilesComponent, TuiFile, TuiFileRejectedPipe, TUI_INPUT_FILES_OPTIONS, tuiCreateFileFormatValidator, tuiCreateFileSizeValidator, TUI_INPUT_FILE_TEXTS, tuiItemsHandlersProvider as tuiItemsHandlersProvider$1, TUI_PAGINATION_TEXTS, TuiAccordionDirective, TuiAccordionItemContent } from '@taiga-ui/kit';
+import { HttpClient, HttpErrorResponse, HttpStatusCode } from '@angular/common/http';
 import * as i1$1 from '@angular/forms';
-import { FormControl, NgControl, FormGroupDirective, FormGroup, Validators, FormArray, FormsModule, ReactiveFormsModule, NG_VALUE_ACCESSOR } from '@angular/forms';
+import { FormControl, NgControl, FormGroupDirective, FormGroup, Validators, FormArray, FormsModule, ReactiveFormsModule } from '@angular/forms';
 import * as i1$2 from '@taiga-ui/core';
-import { TuiButton, TuiDialog, TuiDialogService, TuiLink, TuiFallbackSrcPipe, TuiInitialsPipe, TuiIcon, TuiAppearance, TuiWithAppearance, TuiIcons, TuiWithIcons, TUI_DATA_LIST_HOST, tuiDropdownOptionsProvider, TuiLabel, TuiError, TuiLoader, TuiDataList, TuiNotification, TuiTextfield, TuiTitle, TuiFormatNumberPipe, TuiNumberFormat, TuiHint, TUI_MONTHS, TuiScrollbar, tuiNumberFormatProvider, tuiItemsHandlersProvider, tuiTextfieldOptionsProvider, tuiHintOptionsProvider, TuiHintDriver, TuiHintHover, TuiHintPosition, TuiHintDirective, TuiDataListComponent, TuiOption, TuiAlertService, TuiIconPipe, TUI_BUTTON_OPTIONS, TUI_BUTTON_DEFAULT_OPTIONS, TUI_SPIN_ICONS, TuiSurface, tuiFadeIn } from '@taiga-ui/core';
+import { TuiButton, TuiDialog, TuiDialogService, TuiLink, TuiFallbackSrcPipe, TuiInitialsPipe, TuiIcon, TuiAppearance, TuiWithAppearance, TuiIcons, TuiWithIcons, TUI_DATA_LIST_HOST, tuiDropdownOptionsProvider, TuiLabel, TuiError, TuiLoader, TuiDataList, TuiNotification, TuiTextfield, TuiTitle, TuiFormatNumberPipe, TuiNumberFormat, TuiHint, TUI_MONTHS, TuiScrollbar, tuiNumberFormatProvider, tuiItemsHandlersProvider, tuiTextfieldOptionsProvider, tuiHintOptionsProvider, TuiHintDriver, TuiHintHover, TuiHintPosition, TuiHintDirective, TuiAlertService, TuiDataListComponent, TuiOption, TuiIconPipe, TUI_BUTTON_OPTIONS, TUI_BUTTON_DEFAULT_OPTIONS, TUI_SPIN_ICONS, TuiSurface, tuiFadeIn } from '@taiga-ui/core';
 import { isValidPhoneNumber } from 'libphonenumber-js/max';
 import * as i4 from '@taiga-ui/legacy/components/primitive-textfield';
 import * as i3 from '@taiga-ui/legacy';
@@ -26,6 +24,8 @@ import { isNil, isUndefined, isObject, isArray, isString } from 'lodash-es';
 import * as i5 from '@taiga-ui/core/components/label';
 import * as i8 from '@maskito/angular';
 import { MaskitoDirective } from '@maskito/angular';
+import * as i2$2 from '@angular/common';
+import { DOCUMENT, CommonModule, NgIf, AsyncPipe, NgTemplateOutlet, NgFor, NgClass } from '@angular/common';
 import * as i2$3 from '@taiga-ui/polymorpheus';
 import { POLYMORPHEUS_CONTEXT, PolymorpheusComponent, PolymorpheusTemplate, PolymorpheusOutlet, injectContext } from '@taiga-ui/polymorpheus';
 import * as i2 from 'angularx-qrcode';
@@ -55,6 +55,8 @@ import { Clipboard } from '@angular/cdk/clipboard';
 import * as i2$5 from '@taiga-ui/experimental/components/expand';
 import * as i3$3 from '@taiga-ui/kit/components/data-list-wrapper';
 import { TuiGroup } from '@taiga-ui/core/directives/group';
+import * as i4$3 from 'ng-recaptcha-2';
+import { RecaptchaFormsModule, RecaptchaModule, RecaptchaComponent } from 'ng-recaptcha-2';
 
 /**
  * Поток для закрытия уведомлений помощи.
@@ -354,6 +356,36 @@ const SC_HIDDEN_PRINT_ELEMENTS = new InjectionToken('SC_HIDDEN_PRINT_ELEMENTS',
     providedIn: 'root',
 });
 
+/**
+ * Селектор iframe reCAPTCHA.
+ */
+const RECAPTCHA_IFRAME_SELECTOR = 'iframe[src*="recaptcha"]';
+/**
+ * Селектор хоста reCAPTCHA.
+ */
+const RECAPTCHA_HOST_SELECTOR = 're-captcha';
+/**
+ * Освобождает ресурсы reCAPTCHA и удаляет осиротевшие iframe после смены маршрута.
+ *
+ * @param documentReference Объект документа.
+ * @param windowReference Объект окна браузера.
+ */
+function cleanupRecaptchaArtifacts(documentReference, windowReference) {
+    const windowWithRecaptcha = windowReference;
+    try {
+        windowWithRecaptcha.grecaptcha?.reset();
+    }
+    catch {
+        // Ошибки reCAPTCHA не должны блокировать навигацию.
+    }
+    documentReference.querySelectorAll(RECAPTCHA_IFRAME_SELECTOR).forEach((iframe) => {
+        if (iframe.closest(RECAPTCHA_HOST_SELECTOR)) {
+            return;
+        }
+        iframe.remove();
+    });
+}
+
 /**
  * Сервис по работе с печатью страницы.
  */
@@ -399,107 +431,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                 }]
         }] });
 
-/**
- * Сервис для вставки в {@link Document} внешних и дополнительных скриптов.
- */
-class ScScriptsService {
-    constructor() {
-        /**
-         * Объект {@link Document}, предоставляющий доступ к DOM страницы.
-         */
-        this.document = inject(DOCUMENT);
-        /**
-         * Объект {@link Renderer2}, предоставляющий доступ к DOM страницы.
-         */
-        this.renderer = inject(RendererFactory2).createRenderer(null, null);
-        /**
-         * Признак того, что скрипт выполняется в браузере.
-         */
-        this.isBrowser = inject(IS_BROWSER);
-        /**
-         * {@link NgZone} для вставки скриптов вне зоны Angular.
-         */
-        this.ngZone = inject(NgZone);
-    }
-    /**
-     * Вставляет в конец {@link Document.body} скрипты, заданные строками HTML, вне зоны Angular. Из каждой строки берётся первый `<script>`. На сервере ничего не делает.
-     * Принимает только доверенные строки из конфигурации приложения: строка разбирается как HTML и может выполнить код.
-     *
-     * @param scriptStrings Строки HTML скриптов.
-     */
-    appendScripts(scriptStrings) {
-        if (!this.isBrowser) {
-            return;
-        }
-        this.ngZone.runOutsideAngular(() => {
-            scriptStrings.forEach((scriptString) => {
-                const script = this.createScript(scriptString);
-                if (script) {
-                    this.renderer.appendChild(this.document.body, script);
-                }
-            });
-        });
-    }
-    /**
-     * Загружает внешний скрипт: при подписке добавляет его в {@link Document.head}, после загрузки выдаёт элемент скрипта и завершается.
-     * Если скрипт не загрузился или подписка отменена раньше, удаляет его со страницы; удаление не отменяет загрузку и выполнение уже вставленного скрипта. На сервере завершается без загрузки.
-     *
-     * @param url Адрес скрипта.
-     */
-    loadScript$(url) {
-        if (!this.isBrowser) {
-            return EMPTY;
-        }
-        return new Observable((subscriber) => {
-            const script = this.renderer.createElement('script');
-            let isLoaded = false;
-            const unlistenLoad = this.renderer.listen(script, 'load', () => {
-                isLoaded = true;
-                subscriber.next(script);
-                subscriber.complete();
-            });
-            const unlistenError = this.renderer.listen(script, 'error', () => {
-                subscriber.error(new Error(`Failed to load script ${url}`));
-            });
-            this.renderer.setProperty(script, 'src', url);
-            this.renderer.appendChild(this.document.head, script);
-            return () => {
-                unlistenLoad();
-                unlistenError();
-                if (!isLoaded) {
-                    this.removeScript(script);
-                }
-            };
-        });
-    }
-    /**
-     * Удаляет скрипт со страницы. При подключённых анимациях Angular узел удаляется при ближайшей проверке изменений.
-     *
-     * @param script Элемент скрипта.
-     */
-    removeScript(script) {
-        this.renderer.removeChild(script.parentNode, script);
-    }
-    /**
-     * Создаёт {@link HTMLScriptElement} из строки HTML скрипта.
-     *
-     * @param scriptString Строка HTML скрипта.
-     */
-    createScript(scriptString) {
-        const range = this.document.createRange();
-        const fragment = range.createContextualFragment(scriptString);
-        return fragment.querySelector('script');
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScScriptsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScScriptsService, providedIn: 'root' }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScScriptsService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
-        }] });
-
 /**
  * Проверяет корректность введенного номера телефона.
  */
@@ -4460,6 +4391,29 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                 }]
         }] });
 
+/**
+ * Компонент немодального уведомления с выбором «Да» или «Нет» для событий без действия пользователя, например изменения списка в фоне.
+ * Уведомление завершается выбором пользователя. Действие пользователя подтверждается диалогом TUI_CONFIRM.
+ */
+class ScConfirmAlertComponent {
+    constructor() {
+        /**
+         * Контекст уведомления: вопрос, подписи и вид кнопки согласия, выбор пользователя.
+         */
+        this.context = injectContext();
+        /**
+         * {@link Observable} подписей кнопок по умолчанию.
+         */
+        this.words$ = inject(TUI_CONFIRM_WORDS);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScConfirmAlertComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: ScConfirmAlertComponent, isStandalone: true, selector: "sc-confirm-alert", ngImport: i0, template: "@let words = words$ | async;\n<div class=\"flex flex-col items-start gap-2\">\n    <span *polymorpheusOutlet=\"context.data.content as text; context: context\">{{ text }}</span>\n    <div class=\"flex gap-2\">\n        <button\n            tuiButton\n            type=\"button\"\n            size=\"s\"\n            [appearance]=\"context.data.appearance || 'primary'\"\n            (click)=\"context.completeWith(true)\"\n        >\n            {{ context.data.yes || words?.yes }}\n        </button>\n        <button\n            tuiButton\n            type=\"button\"\n            size=\"s\"\n            appearance=\"secondary\"\n            (click)=\"context.completeWith(false)\"\n        >\n            {{ context.data.no || words?.no }}\n        </button>\n    </div>\n</div>\n", dependencies: [{ kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "directive", type: PolymorpheusOutlet, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }, { 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: ScConfirmAlertComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: 'sc-confirm-alert', imports: [AsyncPipe, PolymorpheusOutlet, TuiButton], changeDetection: ChangeDetectionStrategy.OnPush, template: "@let words = words$ | async;\n<div class=\"flex flex-col items-start gap-2\">\n    <span *polymorpheusOutlet=\"context.data.content as text; context: context\">{{ text }}</span>\n    <div class=\"flex gap-2\">\n        <button\n            tuiButton\n            type=\"button\"\n            size=\"s\"\n            [appearance]=\"context.data.appearance || 'primary'\"\n            (click)=\"context.completeWith(true)\"\n        >\n            {{ context.data.yes || words?.yes }}\n        </button>\n        <button\n            tuiButton\n            type=\"button\"\n            size=\"s\"\n            appearance=\"secondary\"\n            (click)=\"context.completeWith(false)\"\n        >\n            {{ context.data.no || words?.no }}\n        </button>\n    </div>\n</div>\n" }]
+        }] });
+
 /**
  * Баннер с прокруткой переданных {@link TemplateRef} элементов, и баннеров локации.
  */
@@ -4640,6 +4594,33 @@ 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 файла.
  */
@@ -4682,19 +4663,7 @@ class ScCartAddProductsFromCsvDialogComponent {
         /**
          * {@link Observable} запроса на добавление товаров из CSV файла.
          */
-        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.submitRequest$ = this.onSubmit$.pipe(map(() => this.control.value), filter(tuiIsPresent), switchMap((file) => ScFileHelper.readAsUploadedFile$(file)), switchMap((file) => this.cartService.addProductsFromCsv$(file).pipe(tap(() => {
             this.context.$implicit.complete();
         }), startWith(null))));
         /**
@@ -4970,7 +4939,7 @@ class ScAddOrEditingCartItemDialogComponent {
             this.context.$implicit.complete();
         }), catchError((error) => {
             if (error instanceof HttpErrorResponse) {
-                const { errors, message } = error.error;
+                const { errors, message } = (error.error ?? {});
                 if (errors && isObject(errors)) {
                     Object.entries(errors).forEach(([k, v]) => {
                         this.formComponent().form.get(k)?.setErrors({ serverResponse: v });
@@ -4982,7 +4951,8 @@ class ScAddOrEditingCartItemDialogComponent {
                 this.formComponent().form.updateValueAndValidity();
                 this.formComponent().form.markAsDirty();
             }
-            return of();
+            // Значение вместо пустого потока снимает загрузку, чтобы форму можно было отправить снова.
+            return of(null);
         }), startWith(loadingPlaceholder))), share());
         /**
          * {@link Observable} изменения состояния загрузки данных.
@@ -5320,6 +5290,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
 class ScInputQuantityComponent extends AbstractTuiNullableControl {
     constructor() {
         super(...arguments);
+        /**
+         * Минимальное количество знаков после запятой.
+         */
+        this.minPrecision = 2;
         /**
          * Шаг увеличения количества. Отвечает за проверку кратности ввода.
          */
@@ -5363,6 +5337,21 @@ class ScInputQuantityComponent extends AbstractTuiNullableControl {
     get focused() {
         return !!this.numberInput?.focused;
     }
+    /**
+     * Количество знаков после запятой: по шагу, но не меньше двух.
+     */
+    get precision() {
+        return Math.max(this.minPrecision, ScNumberHelper.getDecimalsCount(this.step));
+    }
+    /**
+     * Настройки формата числа поля. Точность задаётся только для шага с тремя и более знаками после запятой, иначе действует общая настройка.
+     */
+    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;
+    }
     /**
      * Элемент формы ввода количества.
      */
@@ -5435,7 +5424,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                [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 }); }
+    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 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScInputQuantityComponent, decorators: [{
             type: Component,
@@ -5452,7 +5441,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                         ...TuiHint,
                         TuiFieldErrorPipe,
                         TuiLoader,
-                    ], 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"] }]
+                        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"] }]
         }], propDecorators: { numberInput: [{
                 type: ViewChild,
                 args: [TuiInputNumberComponent]
@@ -8878,6 +8868,37 @@ class ScOrderItemComponent extends AbstractScPriceCard {
          * Признак, что необходимо отобразить элементы редактирования.
          */
         this.isShowEditControls = input(true);
+        /**
+         * Признак, что цена за единицу берётся из позиции, а не из текущей цены товара (например, цена, зафиксированная в заявке).
+         */
+        this.useLinePrice = input(false);
+        /**
+         * Признак, что позиция, которая не попадёт в заказ, помечается примечанием, а неактивная позиция зачёркивается.
+         */
+        this.markUnavailable = input(false);
+        /**
+         * Признак, что изменение позиции ждёт очереди или выполняется.
+         */
+        this.isPending = input(false);
+        /**
+         * Признак, что параметры позиции можно изменить в диалоге, даже если они ещё не заданы.
+         */
+        this.settingsAvailable = input(false);
+    }
+    /**
+     * Оформление примечания к позиции: группа, которая не участвует в заказе, серым, остальные причины жёлтым.
+     */
+    get unavailableReasonAppearance() {
+        return this.orderItem?.isUnavailableReasonNeutral ? 'neutral' : 'warning';
+    }
+    /**
+     * Подсказка к количеству, когда поля количества нет: где его изменить. У неактивной позиции с примечанием количество не меняется, и подсказки нет.
+     */
+    get quantityHint() {
+        if (this.settingsAvailable()) {
+            return 'Количество и метраж меняются в окне изменения позиции';
+        }
+        return this.markUnavailable() && this.orderItem?.isInactive ? '' : 'Для изменения количества воспользуйтесь конфигуратором';
     }
     /**
      * Отображает спецификацию.
@@ -8898,13 +8919,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 } }, 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 }, useLinePrice: { classPropertyName: "useLinePrice", publicName: "useLinePrice", isSignal: true, isRequired: false, transformFunction: null }, markUnavailable: { classPropertyName: "markUnavailable", publicName: "markUnavailable", isSignal: true, isRequired: false, transformFunction: null }, isPending: { classPropertyName: "isPending", publicName: "isPending", isSignal: true, isRequired: false, transformFunction: null }, settingsAvailable: { classPropertyName: "settingsAvailable", publicName: "settingsAvailable", 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            <sc-hover-image-carousel\n                (click)=\"isDisabled ? null : clickCardEvent.emit()\"\n                [images]=\"!isMobile ? getCardImagePreviewList(product) : [getCardImagePreview()]\"\n                [isShowActions]=\"false\"\n                class=\"aspect-square w-24 shrink-0 cursor-pointer self-start\"\n            />\n            <div class=\"flex w-full flex-col gap-y-1 gap-x-4 @5xl:flex-row @5xl:items-center @5xl:gap-5\">\n                <div class=\"flex min-w-0 flex-1 flex-col gap-1\">\n                    <div\n                        [tuiHighlight]=\"(search$ | async) ?? ''\"\n                        class=\"text-tui-text-02\"\n                    >\n                        \u0410\u0440\u0442\u0438\u043A\u0443\u043B: {{ product.code }}\n                    </div>\n                    <div class=\"flex flex-col gap-1\">\n                        <a\n                            tuiLink\n                            [attr.href]=\"href ?? null\"\n                            [tuiHighlight]=\"(search$ | async) ?? ''\"\n                            (click)=\"$event.preventDefault(); clickCardEvent.emit()\"\n                            [class.disabled]=\"isDisabled\"\n                            class=\"!text-body-m-bold\"\n                        >\n                            {{ product.name }}\n                        </a>\n                        @if (product.supplierSku) {\n                            <span class=\"text-tui-text-02\"> \u0410\u0440\u0442\u0438\u043A\u0443\u043B \u043F\u0440\u043E\u0438\u0437\u0432\u043E\u0434\u0438\u0442\u0435\u043B\u044F: {{ product.supplierSku }} </span>\n                        }\n                        @if (product.pack) {\n                            <div class=\"flex items-center gap-1 text-tui-text-02\">\n                                \u041D\u043E\u0440\u043C\u0430 \u0443\u043F\u0430\u043A\u043E\u0432\u043A\u0438: {{ product.pack }}\n                                @if (product.ignoreMinCountCheck) {\n                                    <tui-icon\n                                        icon=\"@tui.package\"\n                                        [tuiHint]=\"minCountHint\"\n                                        [tuiHintShowDelay]=\"100\"\n                                        tuiHintDirection=\"top\"\n                                        class=\"text-body-xl text-tui-text-01 opacity-90\"\n                                    />\n                                    <ng-template #minCountHint>\n                                        \u0414\u043E\u0441\u0442\u0443\u043F\u0435\u043D \u0437\u0430\u043A\u0430\u0437 <br />\n                                        \u043F\u0440\u043E\u0438\u0437\u0432\u043E\u043B\u044C\u043D\u043E\u0433\u043E <br />\n                                        \u043A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u0430\n                                    </ng-template>\n                                }\n                            </div>\n                        }\n\n                        <sc-cost-with-discount\n                            scPrint=\"cost\"\n                            [product]=\"product\"\n                        />\n                    </div>\n                    @if (orderItem.specificationImgUrl) {\n                        <a\n                            tuiLink\n                            (click)=\"showSpecification(specificationPreview)\"\n                            [class.disabled]=\"isDisabled\"\n                        >\n                            \u0421\u043F\u0435\u0446\u0438\u0444\u0438\u043A\u0430\u0446\u0438\u044F\n                        </a>\n                    }\n                    <ng-template\n                        #specificationPreview\n                        let-preview\n                    >\n                        <tui-preview\n                            [rotatable]=\"false\"\n                            [zoomable]=\"false\"\n                        >\n                            <img\n                                *polymorpheusOutlet=\"orderItem.specificationImgUrl as src\"\n                                alt=\"preview\"\n                                [src]=\"orderItem.specificationImgUrl\"\n                            />\n                            <button\n                                iconStart=\"@tui.x\"\n                                title=\"Close\"\n                                tuiIconButton\n                                tuiPreviewAction\n                                type=\"button\"\n                                (click)=\"preview.complete()\"\n                            ></button>\n                        </tui-preview>\n                    </ng-template>\n                </div>\n                <div class=\"grid grid-cols-1 @lg:grid-cols-3 gap-2 @2xl:gap-4 @2xl:grid-rows-1\">\n                    <div class=\"grid grid-cols-1 items-center @lg:gap-2 @2xl:grid-cols-2 @lg:col-span-2\">\n                        <!-- \u041A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E \u0442\u043E\u0432\u0430\u0440\u0430. -->\n                        @if (isShowEditControls() && showQuantityControl) {\n                            <!-- \u041F\u043E\u043B\u0435 \u0432\u0432\u043E\u0434\u0430 \u043A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u0430 \u0442\u043E\u0432\u0430\u0440\u0430. -->\n                            <sc-input-quantity\n                                #inputQuantity\n                                [tuiAutoFocus]=\"autoFocuseQuantityInput()\"\n                                [formControl]=\"quantityControl\"\n                                size=\"m\"\n                                [showCross]=\"false\"\n                                [isDisabled]=\"isDisabled\"\n                                [step]=\"ScUnitsHelper.getProductMultiplicity(product)\"\n                                [ignoreStepValidators]=\"product.ignoreMinCountCheck\"\n                                [showLoader]=\"showLoader()\"\n                                (clickClearEvent)=\"clickClearEvent.emit(orderItem)\"\n                                (keydown.enter)=\"inputQuantity.nativeFocusableElement?.blur()\"\n                                class=\"w-32 shrink-0\"\n                            />\n                        } @else {\n                            <button\n                                [appearance]=\"isShowEditControls() ? 'action-grayscale' : ''\"\n                                tuiTheme=\"light\"\n                                tuiHint=\"\u0414\u043B\u044F \u0438\u0437\u043C\u0435\u043D\u0435\u043D\u0438\u044F \u043A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u0430 \u0432\u043E\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0439\u0442\u0435\u0441\u044C \u043A\u043E\u043D\u0444\u0438\u0433\u0443\u0440\u0430\u0442\u043E\u0440\u043E\u043C\"\n                                (tuiHintVisible)=\"configuratorHintVisible($event)\"\n                                tuiLink\n                                [style.text-decoration-line]=\"isShowEditControls() ? 'underline' : 'none'\"\n                                [class.pointer-events-none]=\"!isShowEditControls()\"\n                            >\n                                <div class=\"!text-body-m text-start\">\n                                    \u041A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E:\n                                    <strong> {{ orderItem.quantity }} \u0448\u0442.</strong>\n                                </div>\n                            </button>\n                        }\n\n                        @let showAdditionalInfo = orderItem.configurator || orderItem.height || orderItem.length || orderItem.width || orderItem.marker;\n                        @if (showAdditionalInfo) {\n                            <div class=\"flex items-center gap-2 @lg:gap-3 max-w-min\">\n                                <!-- \u041A\u043D\u043E\u043F\u043A\u0430 \u0440\u0435\u0434\u0430\u043A\u0442\u0438\u0440\u043E\u0432\u0430\u043D\u0438\u044F \u0442\u043E\u0432\u0430\u0440\u0430. -->\n                                @if (isShowEditControls()) {\n                                    <button\n                                        tuiIconButton\n                                        iconStart=\"@tui.settings\"\n                                        [disabled]=\"isDisabled\"\n                                        [loading]=\"showLoader()\"\n                                        (click)=\"clickSettings.emit()\"\n                                        size=\"s\"\n                                        [appearance]=\"isConfiguratorHintVisible() ? 'primary' : 'secondary'\"\n                                        class=\"shrink-0\"\n                                    ></button>\n                                }\n\n                                <!-- \u0414\u043E\u043F\u043E\u043B\u043D\u0438\u0442\u0435\u043B\u044C\u043D\u0430\u044F \u0438\u043D\u0444\u043E\u0440\u043C\u0430\u0446\u0438\u044F \u043E \u0442\u043E\u0432\u0430\u0440\u0435. -->\n                                <div\n                                    class=\"flex flex-col gap-x-1 text-tui-base-07\"\n                                    [class.text-body-m]=\"!isShowEditControls()\"\n                                >\n                                    @if (orderItem.marker) {\n                                        <p>\u041C\u0430\u0440\u043A\u0438\u0440\u043E\u0432\u043A\u0430: {{ orderItem.marker }}</p>\n                                    }\n                                    @if (orderItem.width) {\n                                        <button\n                                            [appearance]=\"isShowEditControls() ? 'action-grayscale' : ''\"\n                                            tuiTheme=\"light\"\n                                            tuiHint=\"\u0414\u043B\u044F \u0438\u0437\u043C\u0435\u043D\u0435\u043D\u0438\u044F \u0448\u0438\u0440\u0438\u043D\u044B \u0432\u043E\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0439\u0442\u0435\u0441\u044C \u043A\u043E\u043D\u0444\u0438\u0433\u0443\u0440\u0430\u0442\u043E\u0440\u043E\u043C\"\n                                            (tuiHintVisible)=\"configuratorHintVisible($event)\"\n                                            tuiLink\n                                            [style.text-decoration-line]=\"isShowEditControls() ? 'underline' : 'none'\"\n                                            [class.pointer-events-none]=\"!isShowEditControls()\"\n                                            class=\"text-body-s self-start whitespace-nowrap\"\n                                        >\n                                            \u0428\u0438\u0440\u0438\u043D\u0430: <span class=\"text-body-s-bold\">{{ orderItem.width }} \u043C.</span>\n                                        </button>\n                                    }\n                                    @if (orderItem.height) {\n                                        <button\n                                            [appearance]=\"isShowEditControls() ? 'action-grayscale' : ''\"\n                                            tuiTheme=\"light\"\n                                            tuiHint=\"\u0414\u043B\u044F \u0438\u0437\u043C\u0435\u043D\u0435\u043D\u0438\u044F \u0432\u044B\u0441\u043E\u0442\u044B \u0432\u043E\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0439\u0442\u0435\u0441\u044C \u043A\u043E\u043D\u0444\u0438\u0433\u0443\u0440\u0430\u0442\u043E\u0440\u043E\u043C\"\n                                            (tuiHintVisible)=\"configuratorHintVisible($event)\"\n                                            tuiLink\n                                            [style.text-decoration-line]=\"isShowEditControls() ? 'underline' : 'none'\"\n                                            [class.pointer-events-none]=\"!isShowEditControls()\"\n                                            class=\"text-body-s self-start whitespace-nowrap\"\n                                        >\n                                            \u0412\u044B\u0441\u043E\u0442\u0430: <span class=\"text-body-s-bold\">{{ orderItem.height }} \u043C.</span>\n                                        </button>\n                                    } @else if (orderItem.length) {\n                                        <button\n                                            [appearance]=\"isShowEditControls() ? 'action-grayscale' : ''\"\n                                            tuiTheme=\"light\"\n                                            tuiHint=\"\u0414\u043B\u044F \u0438\u0437\u043C\u0435\u043D\u0435\u043D\u0438\u044F \u0434\u043B\u0438\u043D\u044B \u0432\u043E\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0439\u0442\u0435\u0441\u044C \u043A\u043E\u043D\u0444\u0438\u0433\u0443\u0440\u0430\u0442\u043E\u0440\u043E\u043C\"\n                                            (tuiHintVisible)=\"configuratorHintVisible($event)\"\n                                            tuiLink\n                                            [style.text-decoration-line]=\"isShowEditControls() ? 'underline' : 'none'\"\n                                            [class.pointer-events-none]=\"!isShowEditControls()\"\n                                            class=\"text-body-s self-start whitespace-nowrap\"\n                                        >\n                                            \u0414\u043B\u0438\u043D\u0430: <span class=\"text-body-s-bold\">{{ orderItem.length }} \u043C.</span>\n                                        </button>\n                                    }\n                                </div>\n                            </div>\n                        }\n                    </div>\n\n                    <!-- \u0421\u0443\u043C\u043C\u0430 \u0442\u043E\u0432\u0430\u0440\u0430 \u0438 \u0441\u043A\u043B\u0430\u0434\u0441\u043A\u043E\u0435 \u043D\u0430\u043B\u0438\u0447\u0438\u0435. -->\n                    <div\n                        scPrint=\"cost\"\n                        class=\"flex min-w-[11rem] flex-col @lg:justify-end @2xl:!justify-center text-body-m\"\n                    >\n                        <p class=\"whitespace-nowrap\">\n                            \u0421\u0443\u043C\u043C\u0430:\n                            <strong> {{ orderItem.costRub | tuiFormatNumber: moneyFormat | async }} {{ 'RUB' | tuiCurrency }}</strong>\n                        </p>\n                        <sc-price-warehouse-stock\n                            scPrint=\"defaultNoPrint\"\n                            [product]=\"product\"\n                        />\n                    </div>\n                </div>\n            </div>\n        </sc-noindex-wrapper>\n    </div>\n} @else {\n    <div class=\"tui-skeleton flex h-[8.25rem] w-full overflow-hidden rounded-xl\"></div>\n}\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i2$2.AsyncPipe, name: "async" }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "component", type: TuiIcon, selector: "tui-icon", inputs: ["icon", "background"] }, { kind: "ngmodule", type: TuiTextfieldControllerModule }, { kind: "directive", type: i2$3.PolymorpheusOutlet, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$2.TuiHintDirective, selector: "[tuiHint]:not(ng-container):not(ng-template)", inputs: ["tuiHintContext", "tuiHintAppearance", "tuiHint"], outputs: ["tuiHintVisible"] }, { kind: "directive", type: TuiLink, selector: "a[tuiLink], button[tuiLink]", inputs: ["pseudo"] }, { kind: "directive", type: TuiHighlight, selector: "[tuiHighlight]", inputs: ["tuiHighlight", "tuiHighlightColor"] }, { kind: "directive", type: TuiAutoFocus, selector: "[tuiAutoFocus]", inputs: ["tuiAutoFocus"] }, { kind: "component", type: ScHoverImageCarouselComponent, selector: "sc-hover-image-carousel", inputs: ["images", "isShowActions", "productName"] }, { kind: "component", type: CostWithDiscountComponent, selector: "sc-cost-with-discount", inputs: ["product", "size"] }, { kind: "component", type: ScPriceWarehouseStockComponent, selector: "sc-price-warehouse-stock", inputs: ["classList", "product", "withStockHint", "fromMain"] }, { kind: "component", type: ScInputQuantityComponent, selector: "sc-input-quantity", inputs: ["step", "showLoader", "showCross", "ignoreStepValidators", "appearance", "isDisabled", "size"], outputs: ["clickClearEvent"] }, { kind: "pipe", type: TuiCurrencyPipe, name: "tuiCurrency" }, { kind: "pipe", type: TuiFormatNumberPipe, name: "tuiFormatNumber" }, { kind: "component", type: i2$1.TuiPreviewComponent, selector: "tui-preview", inputs: ["zoomable", "rotatable", "initialScale"] }, { kind: "directive", type: i2$1.TuiPreviewAction, selector: "[tuiPreviewAction]" }, { kind: "component", type: ScNoindexWrapperComponent, selector: "sc-noindex-wrapper" }, { kind: "component", type: TuiButtonLoading, selector: "[tuiButton][loading],[tuiIconButton][loading]", inputs: ["size", "loading"] }, { kind: "directive", type: ScPrintDirective, selector: "[scPrint]", inputs: ["scPrint"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], 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 = orderItem.isInactive;\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]=\"markUnavailable() && isDisabled\"\n                            class=\"!text-body-m-bold\"\n                        >\n                            {{ product.name }}\n                        </a>\n                        @if (unavailableReason) {\n                            <div class=\"flex flex-wrap items-baseline gap-1\">\n                                <span class=\"text-tui-text-02\">\u041F\u0440\u0438\u043C\u0435\u0447\u0430\u043D\u0438\u0435:</span>\n                                <tui-badge\n                                    [appearance]=\"unavailableReasonAppearance\"\n                                    size=\"m\"\n                                    class=\"!h-auto max-w-full !whitespace-normal py-0.5 text-start\"\n                                >\n                                    {{ unavailableReason }}\n                                </tui-badge>\n                            </div>\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 (orderItem.costOneRub > 0 || orderItem.isOrderable) {\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\"\n                                [attr.inert]=\"isDisabled || null\"\n                                [step]=\"orderItem.quantityStep\"\n                                [ignoreStepValidators]=\"product.ignoreMinCountCheck\"\n                                [showLoader]=\"isPending()\"\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]=\"quantityHint\"\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 || settingsAvailable();\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]=\"isPending()\"\n                                        (click)=\"clickSettings.emit()\"\n                                        size=\"s\"\n                                        [appearance]=\"isConfiguratorHintVisible() ? 'primary' : 'secondary'\"\n                                        class=\"shrink-0\"\n                                    ></button>\n                                }\n\n                                <!-- \u0414\u043E\u043F\u043E\u043B\u043D\u0438\u0442\u0435\u043B\u044C\u043D\u0430\u044F \u0438\u043D\u0444\u043E\u0440\u043C\u0430\u0446\u0438\u044F \u043E \u0442\u043E\u0432\u0430\u0440\u0435. -->\n                                <div\n                                    class=\"flex flex-col gap-x-1 text-tui-base-07\"\n                                    [class.text-body-m]=\"!isShowEditControls()\"\n                                >\n                                    @if (orderItem.marker) {\n                                        <p>\u041C\u0430\u0440\u043A\u0438\u0440\u043E\u0432\u043A\u0430: {{ orderItem.marker }}</p>\n                                    }\n                                    @if (orderItem.width) {\n                                        <button\n                                            [appearance]=\"isShowEditControls() ? 'action-grayscale' : ''\"\n                                            tuiTheme=\"light\"\n                                            tuiHint=\"\u0414\u043B\u044F \u0438\u0437\u043C\u0435\u043D\u0435\u043D\u0438\u044F \u0448\u0438\u0440\u0438\u043D\u044B \u0432\u043E\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0439\u0442\u0435\u0441\u044C \u043A\u043E\u043D\u0444\u0438\u0433\u0443\u0440\u0430\u0442\u043E\u0440\u043E\u043C\"\n                                            (tuiHintVisible)=\"configuratorHintVisible($event)\"\n                                            tuiLink\n                                            [style.text-decoration-line]=\"isShowEditControls() ? 'underline' : 'none'\"\n                                            [class.pointer-events-none]=\"!isShowEditControls()\"\n                                            class=\"text-body-s self-start whitespace-nowrap\"\n                                        >\n                                            \u0428\u0438\u0440\u0438\u043D\u0430: <span class=\"text-body-s-bold\">{{ orderItem.width }} \u043C.</span>\n                                        </button>\n                                    }\n                                    @if (orderItem.height) {\n                                        <button\n                                            [appearance]=\"isShowEditControls() ? 'action-grayscale' : ''\"\n                                            tuiTheme=\"light\"\n                                            tuiHint=\"\u0414\u043B\u044F \u0438\u0437\u043C\u0435\u043D\u0435\u043D\u0438\u044F \u0432\u044B\u0441\u043E\u0442\u044B \u0432\u043E\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0439\u0442\u0435\u0441\u044C \u043A\u043E\u043D\u0444\u0438\u0433\u0443\u0440\u0430\u0442\u043E\u0440\u043E\u043C\"\n                                            (tuiHintVisible)=\"configuratorHintVisible($event)\"\n                                            tuiLink\n                                            [style.text-decoration-line]=\"isShowEditControls() ? 'underline' : 'none'\"\n                                            [class.pointer-events-none]=\"!isShowEditControls()\"\n                                            class=\"text-body-s self-start whitespace-nowrap\"\n                                        >\n                                            \u0412\u044B\u0441\u043E\u0442\u0430: <span class=\"text-body-s-bold\">{{ orderItem.height }} \u043C.</span>\n                                        </button>\n                                    } @else if (orderItem.length) {\n                                        <button\n                                            [appearance]=\"isShowEditControls() ? 'action-grayscale' : ''\"\n                                            tuiTheme=\"light\"\n                                            tuiHint=\"\u0414\u043B\u044F \u0438\u0437\u043C\u0435\u043D\u0435\u043D\u0438\u044F \u0434\u043B\u0438\u043D\u044B \u0432\u043E\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0439\u0442\u0435\u0441\u044C \u043A\u043E\u043D\u0444\u0438\u0433\u0443\u0440\u0430\u0442\u043E\u0440\u043E\u043C\"\n                                            (tuiHintVisible)=\"configuratorHintVisible($event)\"\n                                            tuiLink\n                                            [style.text-decoration-line]=\"isShowEditControls() ? 'underline' : 'none'\"\n                                            [class.pointer-events-none]=\"!isShowEditControls()\"\n                                            class=\"text-body-s self-start whitespace-nowrap\"\n                                        >\n                                            \u0414\u043B\u0438\u043D\u0430: <span class=\"text-body-s-bold\">{{ orderItem.length }} \u043C.</span>\n                                        </button>\n                                    }\n                                </div>\n                            </div>\n                        }\n                    </div>\n\n                    <!-- \u0421\u0443\u043C\u043C\u0430 \u0442\u043E\u0432\u0430\u0440\u0430 \u0438 \u0441\u043A\u043B\u0430\u0434\u0441\u043A\u043E\u0435 \u043D\u0430\u043B\u0438\u0447\u0438\u0435. -->\n                    <div\n                        scPrint=\"cost\"\n                        class=\"flex min-w-[11rem] flex-col @lg:justify-end @2xl:!justify-center text-body-m\"\n                    >\n                        <p class=\"whitespace-nowrap\">\n                            \u0421\u0443\u043C\u043C\u0430:\n                            <strong> {{ orderItem.costRub | tuiFormatNumber: moneyFormat | async }} {{ 'RUB' | tuiCurrency }}</strong>\n                        </p>\n                        @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 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScOrderItemComponent, decorators: [{
             type: Component,
@@ -8931,6 +8952,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                         TuiCurrencyPipe,
                         TuiFormatNumberPipe,
                         TuiPreview,
+                        TuiBadge,
                         ScNoindexWrapperComponent,
                         TuiAppearance,
                         TuiButtonLoading,
@@ -8941,7 +8963,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                             appearance: signal('textfield'),
                         }),
                         tuiHintOptionsProvider({ direction: 'top', showDelay: 100, hideDelay: 100 }),
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (product && orderItem) {\n    <div class=\"@container relative flex w-full gap-4 rounded-xl p-1 text-body-s hover:bg-tui-background-neutral-1\">\n        <sc-noindex-wrapper>\n            @let isDisabled = product.isHidden || product.isNull;\n            <sc-hover-image-carousel\n                (click)=\"isDisabled ? null : clickCardEvent.emit()\"\n                [images]=\"!isMobile ? getCardImagePreviewList(product) : [getCardImagePreview()]\"\n                [isShowActions]=\"false\"\n                class=\"aspect-square w-24 shrink-0 cursor-pointer self-start\"\n            />\n            <div class=\"flex w-full flex-col gap-y-1 gap-x-4 @5xl:flex-row @5xl:items-center @5xl:gap-5\">\n                <div class=\"flex min-w-0 flex-1 flex-col gap-1\">\n                    <div\n                        [tuiHighlight]=\"(search$ | async) ?? ''\"\n                        class=\"text-tui-text-02\"\n                    >\n                        \u0410\u0440\u0442\u0438\u043A\u0443\u043B: {{ product.code }}\n                    </div>\n                    <div class=\"flex flex-col gap-1\">\n                        <a\n                            tuiLink\n                            [attr.href]=\"href ?? null\"\n                            [tuiHighlight]=\"(search$ | async) ?? ''\"\n                            (click)=\"$event.preventDefault(); clickCardEvent.emit()\"\n                            [class.disabled]=\"isDisabled\"\n                            class=\"!text-body-m-bold\"\n                        >\n                            {{ product.name }}\n                        </a>\n                        @if (product.supplierSku) {\n                            <span class=\"text-tui-text-02\"> \u0410\u0440\u0442\u0438\u043A\u0443\u043B \u043F\u0440\u043E\u0438\u0437\u0432\u043E\u0434\u0438\u0442\u0435\u043B\u044F: {{ product.supplierSku }} </span>\n                        }\n                        @if (product.pack) {\n                            <div class=\"flex items-center gap-1 text-tui-text-02\">\n                                \u041D\u043E\u0440\u043C\u0430 \u0443\u043F\u0430\u043A\u043E\u0432\u043A\u0438: {{ product.pack }}\n                                @if (product.ignoreMinCountCheck) {\n                                    <tui-icon\n                                        icon=\"@tui.package\"\n                                        [tuiHint]=\"minCountHint\"\n                                        [tuiHintShowDelay]=\"100\"\n                                        tuiHintDirection=\"top\"\n                                        class=\"text-body-xl text-tui-text-01 opacity-90\"\n                                    />\n                                    <ng-template #minCountHint>\n                                        \u0414\u043E\u0441\u0442\u0443\u043F\u0435\u043D \u0437\u0430\u043A\u0430\u0437 <br />\n                                        \u043F\u0440\u043E\u0438\u0437\u0432\u043E\u043B\u044C\u043D\u043E\u0433\u043E <br />\n                                        \u043A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u0430\n                                    </ng-template>\n                                }\n                            </div>\n                        }\n\n                        <sc-cost-with-discount\n                            scPrint=\"cost\"\n                            [product]=\"product\"\n                        />\n                    </div>\n                    @if (orderItem.specificationImgUrl) {\n                        <a\n                            tuiLink\n                            (click)=\"showSpecification(specificationPreview)\"\n                            [class.disabled]=\"isDisabled\"\n                        >\n                            \u0421\u043F\u0435\u0446\u0438\u0444\u0438\u043A\u0430\u0446\u0438\u044F\n                        </a>\n                    }\n                    <ng-template\n                        #specificationPreview\n                        let-preview\n                    >\n                        <tui-preview\n                            [rotatable]=\"false\"\n                            [zoomable]=\"false\"\n                        >\n                            <img\n                                *polymorpheusOutlet=\"orderItem.specificationImgUrl as src\"\n                                alt=\"preview\"\n                                [src]=\"orderItem.specificationImgUrl\"\n                            />\n                            <button\n                                iconStart=\"@tui.x\"\n                                title=\"Close\"\n                                tuiIconButton\n                                tuiPreviewAction\n                                type=\"button\"\n                                (click)=\"preview.complete()\"\n                            ></button>\n                        </tui-preview>\n                    </ng-template>\n                </div>\n                <div class=\"grid grid-cols-1 @lg:grid-cols-3 gap-2 @2xl:gap-4 @2xl:grid-rows-1\">\n                    <div class=\"grid grid-cols-1 items-center @lg:gap-2 @2xl:grid-cols-2 @lg:col-span-2\">\n                        <!-- \u041A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E \u0442\u043E\u0432\u0430\u0440\u0430. -->\n                        @if (isShowEditControls() && showQuantityControl) {\n                            <!-- \u041F\u043E\u043B\u0435 \u0432\u0432\u043E\u0434\u0430 \u043A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u0430 \u0442\u043E\u0432\u0430\u0440\u0430. -->\n                            <sc-input-quantity\n                                #inputQuantity\n                                [tuiAutoFocus]=\"autoFocuseQuantityInput()\"\n                                [formControl]=\"quantityControl\"\n                                size=\"m\"\n                                [showCross]=\"false\"\n                                [isDisabled]=\"isDisabled\"\n                                [step]=\"ScUnitsHelper.getProductMultiplicity(product)\"\n                                [ignoreStepValidators]=\"product.ignoreMinCountCheck\"\n                                [showLoader]=\"showLoader()\"\n                                (clickClearEvent)=\"clickClearEvent.emit(orderItem)\"\n                                (keydown.enter)=\"inputQuantity.nativeFocusableElement?.blur()\"\n                                class=\"w-32 shrink-0\"\n                            />\n                        } @else {\n                            <button\n                                [appearance]=\"isShowEditControls() ? 'action-grayscale' : ''\"\n                                tuiTheme=\"light\"\n                                tuiHint=\"\u0414\u043B\u044F \u0438\u0437\u043C\u0435\u043D\u0435\u043D\u0438\u044F \u043A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u0430 \u0432\u043E\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0439\u0442\u0435\u0441\u044C \u043A\u043E\u043D\u0444\u0438\u0433\u0443\u0440\u0430\u0442\u043E\u0440\u043E\u043C\"\n                                (tuiHintVisible)=\"configuratorHintVisible($event)\"\n                                tuiLink\n                                [style.text-decoration-line]=\"isShowEditControls() ? 'underline' : 'none'\"\n                                [class.pointer-events-none]=\"!isShowEditControls()\"\n                            >\n                                <div class=\"!text-body-m text-start\">\n                                    \u041A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E:\n                                    <strong> {{ orderItem.quantity }} \u0448\u0442.</strong>\n                                </div>\n                            </button>\n                        }\n\n                        @let showAdditionalInfo = orderItem.configurator || orderItem.height || orderItem.length || orderItem.width || orderItem.marker;\n                        @if (showAdditionalInfo) {\n                            <div class=\"flex items-center gap-2 @lg:gap-3 max-w-min\">\n                                <!-- \u041A\u043D\u043E\u043F\u043A\u0430 \u0440\u0435\u0434\u0430\u043A\u0442\u0438\u0440\u043E\u0432\u0430\u043D\u0438\u044F \u0442\u043E\u0432\u0430\u0440\u0430. -->\n                                @if (isShowEditControls()) {\n                                    <button\n                                        tuiIconButton\n                                        iconStart=\"@tui.settings\"\n                                        [disabled]=\"isDisabled\"\n                                        [loading]=\"showLoader()\"\n                                        (click)=\"clickSettings.emit()\"\n                                        size=\"s\"\n                                        [appearance]=\"isConfiguratorHintVisible() ? 'primary' : 'secondary'\"\n                                        class=\"shrink-0\"\n                                    ></button>\n                                }\n\n                                <!-- \u0414\u043E\u043F\u043E\u043B\u043D\u0438\u0442\u0435\u043B\u044C\u043D\u0430\u044F \u0438\u043D\u0444\u043E\u0440\u043C\u0430\u0446\u0438\u044F \u043E \u0442\u043E\u0432\u0430\u0440\u0435. -->\n                                <div\n                                    class=\"flex flex-col gap-x-1 text-tui-base-07\"\n                                    [class.text-body-m]=\"!isShowEditControls()\"\n                                >\n                                    @if (orderItem.marker) {\n                                        <p>\u041C\u0430\u0440\u043A\u0438\u0440\u043E\u0432\u043A\u0430: {{ orderItem.marker }}</p>\n                                    }\n                                    @if (orderItem.width) {\n                                        <button\n                                            [appearance]=\"isShowEditControls() ? 'action-grayscale' : ''\"\n                                            tuiTheme=\"light\"\n                                            tuiHint=\"\u0414\u043B\u044F \u0438\u0437\u043C\u0435\u043D\u0435\u043D\u0438\u044F \u0448\u0438\u0440\u0438\u043D\u044B \u0432\u043E\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0439\u0442\u0435\u0441\u044C \u043A\u043E\u043D\u0444\u0438\u0433\u0443\u0440\u0430\u0442\u043E\u0440\u043E\u043C\"\n                                            (tuiHintVisible)=\"configuratorHintVisible($event)\"\n                                            tuiLink\n                                            [style.text-decoration-line]=\"isShowEditControls() ? 'underline' : 'none'\"\n                                            [class.pointer-events-none]=\"!isShowEditControls()\"\n                                            class=\"text-body-s self-start whitespace-nowrap\"\n                                        >\n                                            \u0428\u0438\u0440\u0438\u043D\u0430: <span class=\"text-body-s-bold\">{{ orderItem.width }} \u043C.</span>\n                                        </button>\n                                    }\n                                    @if (orderItem.height) {\n                                        <button\n                                            [appearance]=\"isShowEditControls() ? 'action-grayscale' : ''\"\n                                            tuiTheme=\"light\"\n                                            tuiHint=\"\u0414\u043B\u044F \u0438\u0437\u043C\u0435\u043D\u0435\u043D\u0438\u044F \u0432\u044B\u0441\u043E\u0442\u044B \u0432\u043E\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0439\u0442\u0435\u0441\u044C \u043A\u043E\u043D\u0444\u0438\u0433\u0443\u0440\u0430\u0442\u043E\u0440\u043E\u043C\"\n                                            (tuiHintVisible)=\"configuratorHintVisible($event)\"\n                                            tuiLink\n                                            [style.text-decoration-line]=\"isShowEditControls() ? 'underline' : 'none'\"\n                                            [class.pointer-events-none]=\"!isShowEditControls()\"\n                                            class=\"text-body-s self-start whitespace-nowrap\"\n                                        >\n                                            \u0412\u044B\u0441\u043E\u0442\u0430: <span class=\"text-body-s-bold\">{{ orderItem.height }} \u043C.</span>\n                                        </button>\n                                    } @else if (orderItem.length) {\n                                        <button\n                                            [appearance]=\"isShowEditControls() ? 'action-grayscale' : ''\"\n                                            tuiTheme=\"light\"\n                                            tuiHint=\"\u0414\u043B\u044F \u0438\u0437\u043C\u0435\u043D\u0435\u043D\u0438\u044F \u0434\u043B\u0438\u043D\u044B \u0432\u043E\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0439\u0442\u0435\u0441\u044C \u043A\u043E\u043D\u0444\u0438\u0433\u0443\u0440\u0430\u0442\u043E\u0440\u043E\u043C\"\n                                            (tuiHintVisible)=\"configuratorHintVisible($event)\"\n                                            tuiLink\n                                            [style.text-decoration-line]=\"isShowEditControls() ? 'underline' : 'none'\"\n                                            [class.pointer-events-none]=\"!isShowEditControls()\"\n                                            class=\"text-body-s self-start whitespace-nowrap\"\n                                        >\n                                            \u0414\u043B\u0438\u043D\u0430: <span class=\"text-body-s-bold\">{{ orderItem.length }} \u043C.</span>\n                                        </button>\n                                    }\n                                </div>\n                            </div>\n                        }\n                    </div>\n\n                    <!-- \u0421\u0443\u043C\u043C\u0430 \u0442\u043E\u0432\u0430\u0440\u0430 \u0438 \u0441\u043A\u043B\u0430\u0434\u0441\u043A\u043E\u0435 \u043D\u0430\u043B\u0438\u0447\u0438\u0435. -->\n                    <div\n                        scPrint=\"cost\"\n                        class=\"flex min-w-[11rem] flex-col @lg:justify-end @2xl:!justify-center text-body-m\"\n                    >\n                        <p class=\"whitespace-nowrap\">\n                            \u0421\u0443\u043C\u043C\u0430:\n                            <strong> {{ orderItem.costRub | tuiFormatNumber: moneyFormat | async }} {{ 'RUB' | tuiCurrency }}</strong>\n                        </p>\n                        <sc-price-warehouse-stock\n                            scPrint=\"defaultNoPrint\"\n                            [product]=\"product\"\n                        />\n                    </div>\n                </div>\n            </div>\n        </sc-noindex-wrapper>\n    </div>\n} @else {\n    <div class=\"tui-skeleton flex h-[8.25rem] w-full overflow-hidden rounded-xl\"></div>\n}\n" }]
+                    ], 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 = orderItem.isInactive;\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]=\"markUnavailable() && isDisabled\"\n                            class=\"!text-body-m-bold\"\n                        >\n                            {{ product.name }}\n                        </a>\n                        @if (unavailableReason) {\n                            <div class=\"flex flex-wrap items-baseline gap-1\">\n                                <span class=\"text-tui-text-02\">\u041F\u0440\u0438\u043C\u0435\u0447\u0430\u043D\u0438\u0435:</span>\n                                <tui-badge\n                                    [appearance]=\"unavailableReasonAppearance\"\n                                    size=\"m\"\n                                    class=\"!h-auto max-w-full !whitespace-normal py-0.5 text-start\"\n                                >\n                                    {{ unavailableReason }}\n                                </tui-badge>\n                            </div>\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 (orderItem.costOneRub > 0 || orderItem.isOrderable) {\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\"\n                                [attr.inert]=\"isDisabled || null\"\n                                [step]=\"orderItem.quantityStep\"\n                                [ignoreStepValidators]=\"product.ignoreMinCountCheck\"\n                                [showLoader]=\"isPending()\"\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]=\"quantityHint\"\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 || settingsAvailable();\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]=\"isPending()\"\n                                        (click)=\"clickSettings.emit()\"\n                                        size=\"s\"\n                                        [appearance]=\"isConfiguratorHintVisible() ? 'primary' : 'secondary'\"\n                                        class=\"shrink-0\"\n                                    ></button>\n                                }\n\n                                <!-- \u0414\u043E\u043F\u043E\u043B\u043D\u0438\u0442\u0435\u043B\u044C\u043D\u0430\u044F \u0438\u043D\u0444\u043E\u0440\u043C\u0430\u0446\u0438\u044F \u043E \u0442\u043E\u0432\u0430\u0440\u0435. -->\n                                <div\n                                    class=\"flex flex-col gap-x-1 text-tui-base-07\"\n                                    [class.text-body-m]=\"!isShowEditControls()\"\n                                >\n                                    @if (orderItem.marker) {\n                                        <p>\u041C\u0430\u0440\u043A\u0438\u0440\u043E\u0432\u043A\u0430: {{ orderItem.marker }}</p>\n                                    }\n                                    @if (orderItem.width) {\n                                        <button\n                                            [appearance]=\"isShowEditControls() ? 'action-grayscale' : ''\"\n                                            tuiTheme=\"light\"\n                                            tuiHint=\"\u0414\u043B\u044F \u0438\u0437\u043C\u0435\u043D\u0435\u043D\u0438\u044F \u0448\u0438\u0440\u0438\u043D\u044B \u0432\u043E\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0439\u0442\u0435\u0441\u044C \u043A\u043E\u043D\u0444\u0438\u0433\u0443\u0440\u0430\u0442\u043E\u0440\u043E\u043C\"\n                                            (tuiHintVisible)=\"configuratorHintVisible($event)\"\n                                            tuiLink\n                                            [style.text-decoration-line]=\"isShowEditControls() ? 'underline' : 'none'\"\n                                            [class.pointer-events-none]=\"!isShowEditControls()\"\n                                            class=\"text-body-s self-start whitespace-nowrap\"\n                                        >\n                                            \u0428\u0438\u0440\u0438\u043D\u0430: <span class=\"text-body-s-bold\">{{ orderItem.width }} \u043C.</span>\n                                        </button>\n                                    }\n                                    @if (orderItem.height) {\n                                        <button\n                                            [appearance]=\"isShowEditControls() ? 'action-grayscale' : ''\"\n                                            tuiTheme=\"light\"\n                                            tuiHint=\"\u0414\u043B\u044F \u0438\u0437\u043C\u0435\u043D\u0435\u043D\u0438\u044F \u0432\u044B\u0441\u043E\u0442\u044B \u0432\u043E\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0439\u0442\u0435\u0441\u044C \u043A\u043E\u043D\u0444\u0438\u0433\u0443\u0440\u0430\u0442\u043E\u0440\u043E\u043C\"\n                                            (tuiHintVisible)=\"configuratorHintVisible($event)\"\n                                            tuiLink\n                                            [style.text-decoration-line]=\"isShowEditControls() ? 'underline' : 'none'\"\n                                            [class.pointer-events-none]=\"!isShowEditControls()\"\n                                            class=\"text-body-s self-start whitespace-nowrap\"\n                                        >\n                                            \u0412\u044B\u0441\u043E\u0442\u0430: <span class=\"text-body-s-bold\">{{ orderItem.height }} \u043C.</span>\n                                        </button>\n                                    } @else if (orderItem.length) {\n                                        <button\n                                            [appearance]=\"isShowEditControls() ? 'action-grayscale' : ''\"\n                                            tuiTheme=\"light\"\n                                            tuiHint=\"\u0414\u043B\u044F \u0438\u0437\u043C\u0435\u043D\u0435\u043D\u0438\u044F \u0434\u043B\u0438\u043D\u044B \u0432\u043E\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0439\u0442\u0435\u0441\u044C \u043A\u043E\u043D\u0444\u0438\u0433\u0443\u0440\u0430\u0442\u043E\u0440\u043E\u043C\"\n                                            (tuiHintVisible)=\"configuratorHintVisible($event)\"\n                                            tuiLink\n                                            [style.text-decoration-line]=\"isShowEditControls() ? 'underline' : 'none'\"\n                                            [class.pointer-events-none]=\"!isShowEditControls()\"\n                                            class=\"text-body-s self-start whitespace-nowrap\"\n                                        >\n                                            \u0414\u043B\u0438\u043D\u0430: <span class=\"text-body-s-bold\">{{ orderItem.length }} \u043C.</span>\n                                        </button>\n                                    }\n                                </div>\n                            </div>\n                        }\n                    </div>\n\n                    <!-- \u0421\u0443\u043C\u043C\u0430 \u0442\u043E\u0432\u0430\u0440\u0430 \u0438 \u0441\u043A\u043B\u0430\u0434\u0441\u043A\u043E\u0435 \u043D\u0430\u043B\u0438\u0447\u0438\u0435. -->\n                    <div\n                        scPrint=\"cost\"\n                        class=\"flex min-w-[11rem] flex-col @lg:justify-end @2xl:!justify-center text-body-m\"\n                    >\n                        <p class=\"whitespace-nowrap\">\n                            \u0421\u0443\u043C\u043C\u0430:\n                            <strong> {{ orderItem.costRub | tuiFormatNumber: moneyFormat | async }} {{ 'RUB' | tuiCurrency }}</strong>\n                        </p>\n                        @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" }]
         }] });
 
 /* eslint-disable no-param-reassign */
@@ -8949,6 +8971,29 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
  * Компонент списка товаров корзины, заказа или черновика.
  */
 class ScOrderItemsListComponent {
+    /**
+     * Возвращает копию набора с добавленными или убранными ключами.
+     *
+     * @param keys Набор.
+     * @param changed Ключи.
+     * @param isIncluded Признак добавления.
+     */
+    static withKeys(keys, changed, isIncluded) {
+        const next = new Set(keys);
+        changed.forEach((key) => {
+            if (isIncluded) {
+                next.add(key);
+            }
+            else {
+                next.delete(key);
+            }
+        });
+        return next;
+    }
+    /**
+     * Инициализирует экземпляр класса {@link ScOrderItemsListComponent}.
+     * Входы выбора и пометки недоступных позиций могут прийти после списка позиций, поэтому при их изменении выбор синхронизируется заново.
+     */
     constructor() {
         /**
          * Внутренний сигнал списка элементов корзины (товаров).
@@ -8962,6 +9007,56 @@ class ScOrderItemsListComponent {
          * Включить редактирование позиций.
          */
         this.editable = input(false);
+        /**
+         * Признак вывода позиций по группам (группа позиции или «Без группы») с заголовками и итогами. Без признака позиции выводятся одним списком без заголовков.
+         */
+        this.grouped = input(false);
+        /**
+         * Признак, что позиции, которые не попадут в заказ, помечаются примечанием и не выбираются. Неактивные позиции приглушаются и зачёркиваются.
+         */
+        this.markUnavailable = input(false);
+        /**
+         * Признак, что цена за единицу берётся из позиции, а не из текущей цены товара.
+         */
+        this.useLinePrice = input(false);
+        /**
+         * Признак, что параметры позиции меняются в диалоге товара: диалог доступен у любой активной позиции, а количество и метраж измеряемых товаров
+         * меняются только в нём, даже если метраж ещё не задан.
+         */
+        this.measuredInDialog = input(false);
+        /**
+         * Откуда удаляется позиция для текста подтверждения, например «из черновика». Если не задано, позиция удаляется без подтверждения.
+         * Тот же текст используется в предупреждении о нулевом количестве.
+         */
+        this.deleteConfirmationTarget = input(null);
+        /**
+         * Подпись итоговой суммы.
+         */
+        this.totalLabel = input('Итого');
+        /**
+         * Позиции, разбитые на группы. Без группировки все позиции идут одной группой без заголовка.
+         */
+        this.groups = computed(() => {
+            const items = this.itemsSignal();
+            return this.grouped() ? ScOrderItemsGroup.fromItems(items) : [new ScOrderItemsGroup('', items)];
+        });
+        /**
+         * Идентификаторы позиций, изменение или удаление которых ждёт очереди или выполняется.
+         */
+        this.pendingItemsIds = signal(new Set());
+        /**
+         * Названия удаляемых групп.
+         */
+        this.deletingGroupsNames = signal(new Set());
+        /**
+         * Названия групп с позициями, ждущими ответа: такие группы удалить нельзя.
+         */
+        this.pendingGroupsNames = computed(() => {
+            const pendingIds = this.pendingItemsIds();
+            return new Set(this.groups()
+                .filter((group) => group.items.some((item) => pendingIds.has(item.id)))
+                .map((group) => group.name));
+        });
         /**
          * Внутренняя группа формы для выбора позиций.
          */
@@ -8977,11 +9072,12 @@ class ScOrderItemsListComponent {
             initialValue: [],
         });
         /**
-         * Состояние флага «Выбрать все»: `true`, если выбраны все позиции, `false`, если ни одной, и `null`, если только часть.
+         * Состояние флага «Выбрать все»: `true`, если выбраны все доступные для выбора позиции, `false`, если ни одной или выбирать нечего,
+         * и `null`, если только часть.
          */
         this.allItemsSelected = computed(() => {
             const checkedList = this.itemsIds().map(([, checked]) => checked);
-            if (checkedList.every(Boolean)) {
+            if (checkedList.length > 0 && checkedList.every(Boolean)) {
                 return true;
             }
             return checkedList.some(Boolean) ? null : false;
@@ -9006,7 +9102,7 @@ class ScOrderItemsListComponent {
             const items = this.itemsSignal();
             const selectedItemsIds = this.selectedItemsIds();
             const selectable = this.selectable();
-            return ScNumberHelper.roundMoney(items.filter((item) => !selectable || selectedItemsIds.includes(item.id)).reduce((sum, item) => sum + item.costRub, 0));
+            return ScOrderItem.getCostSum(items.filter((item) => !selectable || selectedItemsIds.includes(item.id)));
         });
         /**
          * Сервис получения и редактирования списка товаров заказа (корзина / заказ / черновик = заказ).
@@ -9017,6 +9113,10 @@ class ScOrderItemsListComponent {
          * Признак, что можно редактировать позиции.
          */
         this.canEdit = computed(() => this.editable() && 'updateProduct$' in this.orderItemsListLoader);
+        /**
+         * Признак, что группу можно удалить целиком.
+         */
+        this.canDeleteGroups = computed(() => this.canEdit() && 'deleteProducts$' in this.orderItemsListLoader);
         /**
          * Настройки вывода сумм в рублях.
          */
@@ -9030,6 +9130,21 @@ class ScOrderItemsListComponent {
          * Предоставляется родителем через токен {@link SC_DIALOG_SERVICE_TOKEN}.
          */
         this.scDialogService = inject(SC_DIALOG_SERVICE_TOKEN);
+        /**
+         * Сервис диалоговых окон Taiga для подтверждений.
+         */
+        this.dialogService = inject(TuiDialogService);
+        /**
+         * Сервис уведомлений.
+         */
+        this.alerts = inject(TuiAlertService);
+        effect(() => {
+            this.markUnavailable();
+            this.selectable();
+            untracked(() => {
+                this.syncSelectionControls();
+            });
+        });
     }
     /**
      * Список элементов корзины (товаров). При установке синхронно обновляет контролы выбора в форме.
@@ -9040,6 +9155,7 @@ class ScOrderItemsListComponent {
     }
     /**
      * Синхронизирует контролы формы выбора с текущим списком товаров: удаляет контролы для отсутствующих id, добавляет для новых.
+     * Контролы меняются без событий, а значение группы пересчитывается один раз в конце: на заявках в сотни позиций это заметно.
      */
     syncSelectionControls() {
         if (!this.selectable()) {
@@ -9049,70 +9165,125 @@ class ScOrderItemsListComponent {
         const currentIds = new Set(currentItems.map((item) => item.id));
         Object.keys(this.selectionFormGroup.controls).forEach((name) => {
             if (!currentIds.has(name)) {
-                this.selectionFormGroup.removeControl(name);
+                this.selectionFormGroup.removeControl(name, { emitEvent: false });
             }
         });
         currentItems.forEach((item) => {
-            if (!this.selectionFormGroup.contains(item.id)) {
-                this.selectionFormGroup.addControl(item.id, new FormControl(true, { nonNullable: true }));
+            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 }), { emitEvent: false });
+            }
+            else if (!isSelectable && control.enabled) {
+                control.setValue(false, { emitEvent: false });
+                control.disable({ emitEvent: false });
+            }
+            else if (isSelectable && control.disabled) {
+                control.enable({ emitEvent: false });
+                control.setValue(true, { emitEvent: false });
             }
         });
+        this.selectionFormGroup.updateValueAndValidity();
     }
     /**
-     * Выбирает все позиции или снимает выбор со всех.
+     * Выбирает все доступные для выбора позиции или снимает выбор со всех.
      *
      * @param event Событие изменения флага выбора всех позиций.
      */
     selectAllChangeHandler(event) {
         const { checked } = event.target;
-        this.selectionFormGroup.setValue(Object.fromEntries(Object.keys(this.selectionFormGroup.controls).map((id) => [id, checked])));
+        const enabledIds = Object.entries(this.selectionFormGroup.controls)
+            .filter(([, control]) => control.enabled)
+            .map(([id]) => id);
+        this.selectionFormGroup.patchValue(Object.fromEntries(enabledIds.map((id) => [id, checked])));
+    }
+    /**
+     * Возвращает признак, что позиция приглушена: она неактивна или не выбрана для заказа.
+     *
+     * @param item Позиция.
+     */
+    isItemDimmed(item) {
+        const isUnselected = this.selectable() && !this.selectionFormGroup.get(item.id)?.value;
+        return this.markUnavailable() ? item.isInactive || (item.isOrderable && isUnselected) : isUnselected;
+    }
+    /**
+     * Возвращает признак, что количество и метраж товара позиции меняются в диалоге товара.
+     *
+     * @param item Позиция.
+     */
+    isEditedInDialog(item) {
+        return this.measuredInDialog() && ScUnitsHelper.productIsMeasurable(item.product);
     }
     /**
-     * Удаляет позицию.
+     * Удаляет позицию, при необходимости после подтверждения. Сообщение об ошибке показывает перехватчик приложения.
      *
      * @param item Позиция товара для удаления.
-     * @param priceCard Компонент карточки товара.
      */
-    deleteItem(item, priceCard) {
-        if (!this.canEdit()) {
+    deleteItem(item) {
+        if (!this.canEdit() || this.pendingItemsIds().has(item.id)) {
             return;
         }
-        priceCard.showLoader.set(true);
-        this.orderItemsListLoader
-            .deleteProduct$(item, this.orderOptions?.orderId())
-            .pipe(catchError(() => {
-            priceCard.quantityControl.patchValue(item.quantity, {
-                emitEvent: false,
-            });
-            return of();
-        }), finalize(() => {
-            priceCard.showLoader.set(false);
+        this.confirmDelete$(item)
+            .pipe(switchMap(() => {
+            this.setItemPending(item.id, true);
+            return this.orderItemsListLoader.deleteProduct$(item, this.orderOptions?.orderId()).pipe(finalize(() => {
+                this.setItemPending(item.id, false);
+            }));
         }), takeUntilDestroyed(this.destroyRef))
-            .subscribe();
+            .subscribe({ error: noop });
+    }
+    /**
+     * Удаляет все позиции группы после подтверждения. Состав берётся на момент подтверждения.
+     *
+     * @param group Группа позиций.
+     */
+    deleteGroup(group) {
+        if (!this.canDeleteGroups() || this.pendingGroupsNames().has(group.name)) {
+            return;
+        }
+        this.confirmGroupDelete$(group)
+            .pipe(switchMap(() => {
+            const items = this.groups().find(({ name }) => name === group.name)?.items ?? [];
+            const ids = items.map((item) => item.id);
+            if (ids.length === 0) {
+                return EMPTY;
+            }
+            this.setItemsPending(ids, true);
+            this.deletingGroupsNames.update((names) => ScOrderItemsListComponent.withKeys(names, [group.name], true));
+            return this.orderItemsListLoader.deleteProducts$(items, this.orderOptions?.orderId()).pipe(finalize(() => {
+                this.setItemsPending(ids, false);
+                this.deletingGroupsNames.update((names) => ScOrderItemsListComponent.withKeys(names, [group.name], false));
+            }));
+        }), takeUntilDestroyed(this.destroyRef))
+            .subscribe({ error: noop });
     }
     /**
-     * Обновляет количество товара.
+     * Обновляет количество товара. Количество неактивной позиции не меняется. Пустое или нулевое значение возвращается к сохранённому количеству.
      *
      * @param newQuantity Новое значение количества товара.
      * @param priceCard Компонент карточки товара.
      */
     patchItem(newQuantity, priceCard) {
-        if (!this.canEdit() || !priceCard.orderItem || !priceCard.product || !newQuantity) {
+        const { orderItem } = priceCard;
+        if (!this.canEdit() || !orderItem || !priceCard.product || orderItem.isInactive) {
+            return;
+        }
+        if (!newQuantity) {
+            priceCard.quantityControl.patchValue(orderItem.quantity, { emitEvent: false });
+            this.warnEmptyQuantity();
             return;
         }
-        priceCard.showLoader.set(true);
+        this.setItemPending(orderItem.id, true);
         this.orderItemsListLoader
-            .updateProduct$(priceCard.orderItem.id, { quantity: newQuantity }, this.orderOptions?.orderId())
-            .pipe(catchError(() => {
-            // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-            priceCard.quantityControl.patchValue(priceCard.orderItem.quantity, {
-                emitEvent: false,
-            });
-            return of();
-        }), finalize(() => {
-            priceCard.showLoader.set(false);
+            .updateProduct$(orderItem.id, { quantity: newQuantity }, this.orderOptions?.orderId())
+            .pipe(finalize(() => {
+            this.setItemPending(orderItem.id, false);
         }), takeUntilDestroyed(this.destroyRef))
-            .subscribe();
+            .subscribe({
+            error: () => {
+                priceCard.quantityControl.patchValue((priceCard.orderItem ?? orderItem).quantity, { emitEvent: false });
+            },
+        });
     }
     /**
      * Открывает модальное окно описания товара.
@@ -9127,7 +9298,7 @@ class ScOrderItemsListComponent {
         }
     }
     /**
-     * Открывает модальное окно изменения товара или его конфигуратора.
+     * Открывает модальное окно изменения товара или его конфигуратора. Если параметры позиции меняются в диалоге, окно товара открывается и у штучного товара.
      *
      * @param item Позиция товара.
      */
@@ -9136,7 +9307,7 @@ class ScOrderItemsListComponent {
         if (isConfigurator) {
             this.scDialogService.openConfiguratorDialog(item.product, item, this.orderOptions?.orderId());
         }
-        else if (ScUnitsHelper.productIsMeasurable(item.product)) {
+        else if (this.measuredInDialog() || ScUnitsHelper.productIsMeasurable(item.product)) {
             this.scDialogService.openAddOrEditingCartItemDialog(item.product, item, this.orderOptions?.orderId(), true);
         }
     }
@@ -9148,8 +9319,66 @@ class ScOrderItemsListComponent {
     openPriceHistoryChartDialog(product) {
         this.scDialogService.openPriceHistoryChartDialog(product);
     }
+    /**
+     * Возвращает {@link Observable}, который выдаёт значение, когда удаление позиции подтверждено или подтверждение не требуется.
+     *
+     * @param item Удаляемая позиция.
+     */
+    confirmDelete$(item) {
+        const target = this.deleteConfirmationTarget();
+        if (!target) {
+            return of(true);
+        }
+        return this.confirmRemoval$(`Удалить позицию «${item.product.name}» ${target}?`);
+    }
+    /**
+     * Возвращает {@link Observable}, который выдаёт значение, когда удаление группы подтверждено.
+     *
+     * @param group Группа позиций.
+     */
+    confirmGroupDelete$(group) {
+        const target = this.deleteConfirmationTarget();
+        const source = target ? ` ${target}` : '';
+        return this.confirmRemoval$(`Удалить все позиции группы «${group.name}»${source}?`);
+    }
+    /**
+     * Возвращает {@link Observable}, который выдаёт значение, когда удаление подтверждено.
+     *
+     * @param label Вопрос.
+     */
+    confirmRemoval$(label) {
+        return this.dialogService.open(TUI_CONFIRM, { label, data: { yes: 'Да, удалить', no: 'Нет, оставить' } }).pipe(filter(Boolean));
+    }
+    /**
+     * Отмечает позицию как ожидающую ответа или снимает отметку.
+     *
+     * @param id Идентификатор позиции.
+     * @param isPending Признак ожидания.
+     */
+    setItemPending(id, isPending) {
+        this.setItemsPending([id], isPending);
+    }
+    /**
+     * Ставит или снимает отметку ожидания у позиций.
+     *
+     * @param itemsIds Идентификаторы позиций.
+     * @param isPending Признак ожидания.
+     */
+    setItemsPending(itemsIds, isPending) {
+        this.pendingItemsIds.update((ids) => ScOrderItemsListComponent.withKeys(ids, itemsIds, isPending));
+    }
+    /**
+     * Предупреждает, что количество не может быть пустым или нулевым, а убрать позицию можно удалением. Поле возвращается к сохранённому количеству
+     * в любом списке, предупреждение показывается только в списках с подтверждением удаления.
+     */
+    warnEmptyQuantity() {
+        const target = this.deleteConfirmationTarget();
+        if (target) {
+            this.alerts.open(`Количество должно быть больше нуля. Чтобы убрать позицию ${target}, удалите её.`, { appearance: 'warning' }).subscribe();
+        }
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScOrderItemsListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ScOrderItemsListComponent, isStandalone: true, selector: "sc-order-items-list", inputs: { selectable: { classPropertyName: "selectable", publicName: "selectable", isSignal: true, isRequired: false, transformFunction: null }, editable: { classPropertyName: "editable", publicName: "editable", isSignal: true, isRequired: false, transformFunction: null }, items: { classPropertyName: "items", publicName: "items", isSignal: false, isRequired: true, transformFunction: null } }, outputs: { selectedItemsIdsChange: "selectedItemsIdsChange" }, ngImport: i0, template: "<div\n    [formGroup]=\"selectionFormGroup\"\n    class=\"flex flex-col gap-5\"\n>\n    <!-- \u0424\u043B\u0430\u0433 \u0432\u044B\u0431\u043E\u0440\u0430 \u0432\u0441\u0435\u0445 \u043F\u043E\u0437\u0438\u0446\u0438\u0439. -->\n    @if (selectable() && itemsSignal().length) {\n        <label\n            tuiLabel\n            scPrint=\"defaultNoPrint\"\n            class=\"self-start\"\n        >\n            <input\n                tuiCheckbox\n                type=\"checkbox\"\n                size=\"m\"\n                [ngModel]=\"allItemsSelected()\"\n                [ngModelOptions]=\"{ standalone: true }\"\n                (change)=\"selectAllChangeHandler($event)\"\n            />\n            \u0412\u044B\u0431\u0440\u0430\u0442\u044C \u0432\u0441\u0435\n        </label>\n    }\n\n    @for (item of itemsSignal(); track item.id) {\n        @if ($index !== 0) {\n            <hr class=\"mt-auto h-px w-full bg-tui-clear\" />\n        }\n\n        <div class=\"flex items-center gap-4 relative\">\n            @let isActive = !selectable() || selectionFormGroup.get(item.id)?.value;\n\n            <!-- \u0427\u0435\u043A\u0431\u043E\u043A\u0441 \u0432\u044B\u0431\u043E\u0440\u0430 \u0442\u043E\u0432\u0430\u0440\u0430. -->\n            @if (selectable()) {\n                <input\n                    tuiCheckbox\n                    [disabled]=\"itemComponent.showLoader()\"\n                    type=\"checkbox\"\n                    size=\"m\"\n                    [formControlName]=\"item.id\"\n                />\n            }\n\n            <!-- \u041A\u0430\u0440\u0442\u043E\u0447\u043A\u0430 \u0442\u043E\u0432\u0430\u0440\u0430. -->\n            <sc-order-item\n                #itemComponent\n                [product]=\"item.product\"\n                [orderItem]=\"item\"\n                [showQuantityControl]=\"canEdit() && !item.configurator\"\n                [isShowEditControls]=\"canEdit()\"\n                class=\"w-full duration-200\"\n                [class.opacity-60]=\"selectable() && !selectionFormGroup.get(item.id)?.value\"\n                (clickCardEvent)=\"openProductInfoDialog(item.product, item, orderOptions?.orderId())\"\n                (quantityValueChanges)=\"patchItem($event, itemComponent)\"\n                (clickPriceHistoryEvent)=\"openPriceHistoryChartDialog(item.product)\"\n                (clickSettings)=\"openSettingsDialog(item)\"\n                [class.pointer-events-none]=\"!isActive\"\n            />\n\n            <!-- \u041A\u043D\u043E\u043F\u043A\u0430 \u0443\u0434\u0430\u043B\u0435\u043D\u0438\u044F \u0442\u043E\u0432\u0430\u0440\u0430. -->\n            @if (canEdit()) {\n                <button\n                    tuiIconButton\n                    iconStart=\"@tui.trash\"\n                    (click)=\"deleteItem(item, itemComponent)\"\n                    [loading]=\"itemComponent.showLoader()\"\n                    size=\"s\"\n                    appearance=\"secondary\"\n                    class=\"!absolute left-1 top-1 lg:!relative lg:left-0 lg:top-0 lg:!self-center\"\n                ></button>\n            }\n        </div>\n    }\n\n    <!-- \u0424\u0443\u0442\u0435\u0440 \u0441\u043F\u0438\u0441\u043A\u0430. -->\n    <div\n        scPrint=\"cost\"\n        class=\"flex flex-col items-end gap-2.5\"\n    >\n        @let totalSum = sumSelectedItems();\n        <!-- \u0418\u0442\u043E\u0433\u043E\u0432\u0430\u044F \u0441\u0443\u043C\u043C\u0430. -->\n        <div class=\"text-base font-bold\">\u0418\u0442\u043E\u0433\u043E: {{ totalSum | tuiFormatNumber: moneyFormat | async }} {{ 'RUB' | tuiCurrency }}</div>\n    </div>\n</div>\n", dependencies: [{ kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: TuiFormatNumberPipe, name: "tuiFormatNumber" }, { kind: "component", type: ScOrderItemComponent, selector: "sc-order-item", inputs: ["isShowEditControls"], outputs: ["clickSettings"] }, { kind: "directive", type: ScPrintDirective, selector: "[scPrint]", inputs: ["scPrint"] }, { kind: "ngmodule", type: FormsModule }, { 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.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: TuiCheckbox, selector: "input[type=\"checkbox\"][tuiCheckbox]", inputs: ["size"] }, { kind: "directive", type: TuiLabel, selector: "label[tuiLabel]" }, { kind: "directive", type: TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "component", type: TuiButtonLoading, selector: "[tuiButton][loading],[tuiIconButton][loading]", inputs: ["size", "loading"] }, { kind: "pipe", type: TuiCurrencyPipe, name: "tuiCurrency" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    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 }, grouped: { classPropertyName: "grouped", publicName: "grouped", 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 }, measuredInDialog: { classPropertyName: "measuredInDialog", publicName: "measuredInDialog", isSignal: true, isRequired: false, transformFunction: null }, deleteConfirmationTarget: { classPropertyName: "deleteConfirmationTarget", publicName: "deleteConfirmationTarget", isSignal: true, isRequired: false, transformFunction: null }, totalLabel: { classPropertyName: "totalLabel", publicName: "totalLabel", 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    <!-- \u0424\u043B\u0430\u0433 \u0432\u044B\u0431\u043E\u0440\u0430 \u0432\u0441\u0435\u0445 \u043F\u043E\u0437\u0438\u0446\u0438\u0439. -->\n    @if (selectable() && itemsSignal().length) {\n        <label\n            tuiLabel\n            scPrint=\"defaultNoPrint\"\n            class=\"self-start\"\n        >\n            <input\n                tuiCheckbox\n                type=\"checkbox\"\n                size=\"m\"\n                [ngModel]=\"allItemsSelected()\"\n                [ngModelOptions]=\"{ standalone: true }\"\n                [disabled]=\"selectionFormGroup.disabled\"\n                (change)=\"selectAllChangeHandler($event)\"\n            />\n            \u0412\u044B\u0431\u0440\u0430\u0442\u044C \u0432\u0441\u0435\n        </label>\n    }\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 min-w-0 flex-col\">\n                    <span class=\"break-words 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                <div class=\"flex flex-col items-end gap-1\">\n                    <!-- \u041A\u043D\u043E\u043F\u043A\u0430 \u0443\u0434\u0430\u043B\u0435\u043D\u0438\u044F \u0433\u0440\u0443\u043F\u043F\u044B. -->\n                    @if (canDeleteGroups()) {\n                        <button\n                            tuiButton\n                            type=\"button\"\n                            appearance=\"flat\"\n                            size=\"xs\"\n                            scPrint=\"defaultNoPrint\"\n                            [loading]=\"deletingGroupsNames().has(group.name)\"\n                            [disabled]=\"pendingGroupsNames().has(group.name)\"\n                            (click)=\"deleteGroup(group)\"\n                        >\n                            \u0423\u0434\u0430\u043B\u0438\u0442\u044C\n                        </button>\n                    }\n                    <span class=\"whitespace-nowrap text-body-m-bold\">{{ group.orderableSum | tuiFormatNumber: moneyFormat | async }} {{ 'RUB' | tuiCurrency }}</span>\n                </div>\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                @let isPending = pendingItemsIds().has(item.id);\n                @let editedInDialog = isEditedInDialog(item);\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                        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 && !editedInDialog\"\n                    [isShowEditControls]=\"canEdit()\"\n                    [useLinePrice]=\"useLinePrice()\"\n                    [markUnavailable]=\"markUnavailable()\"\n                    [isPending]=\"isPending\"\n                    [settingsAvailable]=\"canEdit() && measuredInDialog() && !item.configurator && !item.isInactive\"\n                    class=\"w-full duration-200\"\n                    [class.opacity-60]=\"isItemDimmed(item)\"\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)\"\n                        [loading]=\"isPending\"\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 \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\">{{ totalLabel() }}: {{ totalSum | tuiFormatNumber: moneyFormat | async }} {{ 'RUB' | tuiCurrency }}</div>\n    </div>\n</div>\n", dependencies: [{ kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: TuiFormatNumberPipe, name: "tuiFormatNumber" }, { kind: "component", type: ScOrderItemComponent, selector: "sc-order-item", inputs: ["isShowEditControls", "useLinePrice", "markUnavailable", "isPending", "settingsAvailable"], outputs: ["clickSettings"] }, { kind: "directive", type: ScPrintDirective, selector: "[scPrint]", inputs: ["scPrint"] }, { kind: "ngmodule", type: FormsModule }, { 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.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: TuiCheckbox, selector: "input[type=\"checkbox\"][tuiCheckbox]", inputs: ["size"] }, { kind: "directive", type: TuiLabel, selector: "label[tuiLabel]" }, { kind: "directive", type: TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "component", type: TuiButtonLoading, selector: "[tuiButton][loading],[tuiIconButton][loading]", inputs: ["size", "loading"] }, { kind: "pipe", type: TuiCurrencyPipe, name: "tuiCurrency" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScOrderItemsListComponent, decorators: [{
             type: Component,
@@ -9165,8 +9394,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                         TuiButton,
                         TuiButtonLoading,
                         TuiCurrencyPipe,
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n    [formGroup]=\"selectionFormGroup\"\n    class=\"flex flex-col gap-5\"\n>\n    <!-- \u0424\u043B\u0430\u0433 \u0432\u044B\u0431\u043E\u0440\u0430 \u0432\u0441\u0435\u0445 \u043F\u043E\u0437\u0438\u0446\u0438\u0439. -->\n    @if (selectable() && itemsSignal().length) {\n        <label\n            tuiLabel\n            scPrint=\"defaultNoPrint\"\n            class=\"self-start\"\n        >\n            <input\n                tuiCheckbox\n                type=\"checkbox\"\n                size=\"m\"\n                [ngModel]=\"allItemsSelected()\"\n                [ngModelOptions]=\"{ standalone: true }\"\n                (change)=\"selectAllChangeHandler($event)\"\n            />\n            \u0412\u044B\u0431\u0440\u0430\u0442\u044C \u0432\u0441\u0435\n        </label>\n    }\n\n    @for (item of itemsSignal(); track item.id) {\n        @if ($index !== 0) {\n            <hr class=\"mt-auto h-px w-full bg-tui-clear\" />\n        }\n\n        <div class=\"flex items-center gap-4 relative\">\n            @let isActive = !selectable() || selectionFormGroup.get(item.id)?.value;\n\n            <!-- \u0427\u0435\u043A\u0431\u043E\u043A\u0441 \u0432\u044B\u0431\u043E\u0440\u0430 \u0442\u043E\u0432\u0430\u0440\u0430. -->\n            @if (selectable()) {\n                <input\n                    tuiCheckbox\n                    [disabled]=\"itemComponent.showLoader()\"\n                    type=\"checkbox\"\n                    size=\"m\"\n                    [formControlName]=\"item.id\"\n                />\n            }\n\n            <!-- \u041A\u0430\u0440\u0442\u043E\u0447\u043A\u0430 \u0442\u043E\u0432\u0430\u0440\u0430. -->\n            <sc-order-item\n                #itemComponent\n                [product]=\"item.product\"\n                [orderItem]=\"item\"\n                [showQuantityControl]=\"canEdit() && !item.configurator\"\n                [isShowEditControls]=\"canEdit()\"\n                class=\"w-full duration-200\"\n                [class.opacity-60]=\"selectable() && !selectionFormGroup.get(item.id)?.value\"\n                (clickCardEvent)=\"openProductInfoDialog(item.product, item, orderOptions?.orderId())\"\n                (quantityValueChanges)=\"patchItem($event, itemComponent)\"\n                (clickPriceHistoryEvent)=\"openPriceHistoryChartDialog(item.product)\"\n                (clickSettings)=\"openSettingsDialog(item)\"\n                [class.pointer-events-none]=\"!isActive\"\n            />\n\n            <!-- \u041A\u043D\u043E\u043F\u043A\u0430 \u0443\u0434\u0430\u043B\u0435\u043D\u0438\u044F \u0442\u043E\u0432\u0430\u0440\u0430. -->\n            @if (canEdit()) {\n                <button\n                    tuiIconButton\n                    iconStart=\"@tui.trash\"\n                    (click)=\"deleteItem(item, itemComponent)\"\n                    [loading]=\"itemComponent.showLoader()\"\n                    size=\"s\"\n                    appearance=\"secondary\"\n                    class=\"!absolute left-1 top-1 lg:!relative lg:left-0 lg:top-0 lg:!self-center\"\n                ></button>\n            }\n        </div>\n    }\n\n    <!-- \u0424\u0443\u0442\u0435\u0440 \u0441\u043F\u0438\u0441\u043A\u0430. -->\n    <div\n        scPrint=\"cost\"\n        class=\"flex flex-col items-end gap-2.5\"\n    >\n        @let totalSum = sumSelectedItems();\n        <!-- \u0418\u0442\u043E\u0433\u043E\u0432\u0430\u044F \u0441\u0443\u043C\u043C\u0430. -->\n        <div class=\"text-base font-bold\">\u0418\u0442\u043E\u0433\u043E: {{ totalSum | tuiFormatNumber: moneyFormat | async }} {{ 'RUB' | tuiCurrency }}</div>\n    </div>\n</div>\n" }]
-        }], propDecorators: { items: [{
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n    [formGroup]=\"selectionFormGroup\"\n    class=\"flex flex-col gap-5\"\n>\n    <!-- \u0424\u043B\u0430\u0433 \u0432\u044B\u0431\u043E\u0440\u0430 \u0432\u0441\u0435\u0445 \u043F\u043E\u0437\u0438\u0446\u0438\u0439. -->\n    @if (selectable() && itemsSignal().length) {\n        <label\n            tuiLabel\n            scPrint=\"defaultNoPrint\"\n            class=\"self-start\"\n        >\n            <input\n                tuiCheckbox\n                type=\"checkbox\"\n                size=\"m\"\n                [ngModel]=\"allItemsSelected()\"\n                [ngModelOptions]=\"{ standalone: true }\"\n                [disabled]=\"selectionFormGroup.disabled\"\n                (change)=\"selectAllChangeHandler($event)\"\n            />\n            \u0412\u044B\u0431\u0440\u0430\u0442\u044C \u0432\u0441\u0435\n        </label>\n    }\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 min-w-0 flex-col\">\n                    <span class=\"break-words 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                <div class=\"flex flex-col items-end gap-1\">\n                    <!-- \u041A\u043D\u043E\u043F\u043A\u0430 \u0443\u0434\u0430\u043B\u0435\u043D\u0438\u044F \u0433\u0440\u0443\u043F\u043F\u044B. -->\n                    @if (canDeleteGroups()) {\n                        <button\n                            tuiButton\n                            type=\"button\"\n                            appearance=\"flat\"\n                            size=\"xs\"\n                            scPrint=\"defaultNoPrint\"\n                            [loading]=\"deletingGroupsNames().has(group.name)\"\n                            [disabled]=\"pendingGroupsNames().has(group.name)\"\n                            (click)=\"deleteGroup(group)\"\n                        >\n                            \u0423\u0434\u0430\u043B\u0438\u0442\u044C\n                        </button>\n                    }\n                    <span class=\"whitespace-nowrap text-body-m-bold\">{{ group.orderableSum | tuiFormatNumber: moneyFormat | async }} {{ 'RUB' | tuiCurrency }}</span>\n                </div>\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                @let isPending = pendingItemsIds().has(item.id);\n                @let editedInDialog = isEditedInDialog(item);\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                        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 && !editedInDialog\"\n                    [isShowEditControls]=\"canEdit()\"\n                    [useLinePrice]=\"useLinePrice()\"\n                    [markUnavailable]=\"markUnavailable()\"\n                    [isPending]=\"isPending\"\n                    [settingsAvailable]=\"canEdit() && measuredInDialog() && !item.configurator && !item.isInactive\"\n                    class=\"w-full duration-200\"\n                    [class.opacity-60]=\"isItemDimmed(item)\"\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)\"\n                        [loading]=\"isPending\"\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 \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\">{{ totalLabel() }}: {{ totalSum | tuiFormatNumber: moneyFormat | async }} {{ 'RUB' | tuiCurrency }}</div>\n    </div>\n</div>\n" }]
+        }], ctorParameters: () => [], propDecorators: { items: [{
                 type: Input,
                 args: [{ required: true }]
             }] } });
@@ -9191,6 +9420,18 @@ class ScOrderItemsListWithActionsComponent {
          * Включить редактирование позиций.
          */
         this.editable = input(false);
+        /**
+         * Признак, что цена за единицу берётся из позиции, а не из текущей цены товара.
+         */
+        this.useLinePrice = input(false);
+        /**
+         * Откуда удаляется позиция для текста подтверждения, например «из черновика». Если не задано, позиция удаляется без подтверждения.
+         */
+        this.deleteConfirmationTarget = input(null);
+        /**
+         * Подпись итоговой суммы.
+         */
+        this.totalLabel = input('Итого');
         /**
          * Позиции, доступные для заказа.
          */
@@ -9214,11 +9455,11 @@ class ScOrderItemsListWithActionsComponent {
         }, { allowSignalWrites: true });
     }
     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 }); }
+    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 }, useLinePrice: { classPropertyName: "useLinePrice", publicName: "useLinePrice", isSignal: true, isRequired: false, transformFunction: null }, deleteConfirmationTarget: { classPropertyName: "deleteConfirmationTarget", publicName: "deleteConfirmationTarget", isSignal: true, isRequired: false, transformFunction: null }, totalLabel: { classPropertyName: "totalLabel", publicName: "totalLabel", 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                [useLinePrice]=\"useLinePrice()\"\n                [deleteConfirmationTarget]=\"deleteConfirmationTarget()\"\n                [totalLabel]=\"totalLabel()\"\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                [useLinePrice]=\"useLinePrice()\"\n                [deleteConfirmationTarget]=\"deleteConfirmationTarget()\"\n            />\n        </div>\n    }\n</div>\n", dependencies: [{ kind: "component", type: ScOrderItemsListComponent, selector: "sc-order-items-list", inputs: ["selectable", "editable", "grouped", "markUnavailable", "useLinePrice", "measuredInDialog", "deleteConfirmationTarget", "totalLabel", "items"], outputs: ["selectedItemsIdsChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 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-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" }]
+            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                [useLinePrice]=\"useLinePrice()\"\n                [deleteConfirmationTarget]=\"deleteConfirmationTarget()\"\n                [totalLabel]=\"totalLabel()\"\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                [useLinePrice]=\"useLinePrice()\"\n                [deleteConfirmationTarget]=\"deleteConfirmationTarget()\"\n            />\n        </div>\n    }\n</div>\n" }]
         }], ctorParameters: () => [] });
 
 /**
@@ -9239,20 +9480,28 @@ class ScNewOrderItemsComponent {
          */
         this.selectable = input(true);
         /**
-         * Время обработки и принятия заказов (из настроек окружения приложения).
+         * Признак, что цена за единицу берётся из позиции, а не из текущей цены товара.
          */
-        this.orderProcessingAcceptanceTime = input('');
+        this.useLinePrice = input(false);
         /**
-         * Изменение выбора позиций для оформления.
+         * Подпись итоговой суммы.
+         */
+        this.totalLabel = input('Итого');
+        /**
+         * Время обработки и принятия заказов (из настроек окружения приложения).
+         */
+        this.orderProcessingAcceptanceTime = input('');
+        /**
+         * Изменение выбора позиций для оформления.
          */
         this.selectedItemsIdsChange = output();
     }
     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 }); }
+    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 }, useLinePrice: { classPropertyName: "useLinePrice", publicName: "useLinePrice", isSignal: true, isRequired: false, transformFunction: null }, totalLabel: { classPropertyName: "totalLabel", publicName: "totalLabel", 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        [useLinePrice]=\"useLinePrice()\"\n        [totalLabel]=\"totalLabel()\"\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", "useLinePrice", "deleteConfirmationTarget", "totalLabel", "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: ScNewOrderItemsComponent, decorators: [{
             type: Component,
-            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" }]
+            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        [useLinePrice]=\"useLinePrice()\"\n        [totalLabel]=\"totalLabel()\"\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" }]
         }] });
 
 /**
@@ -9520,8 +9769,10 @@ class ScOrderFormComponent {
     }
     /**
      * Обрабатывает отправку формы: валидирует и эмитит данные заказа родителю.
+     * Общая ошибка сервера с прошлой отправки (например, 409) не мешает отправить форму снова, ошибки полей остаются до их исправления.
      */
     submit() {
+        this.form.updateValueAndValidity({ emitEvent: false });
         this.form.markAllAsTouched();
         if (!this.form.valid) {
             return;
@@ -9539,7 +9790,7 @@ class ScOrderFormComponent {
      * @param error Ответ сервера с ошибками.
      */
     applyServerErrors(error) {
-        const { errors, message } = error.error;
+        const { errors, message } = (error.error ?? {});
         if (errors) {
             Object.keys(errors).forEach((key) => {
                 if (key === 'deliveryDate' && isArray(errors[key])) {
@@ -9812,61 +10063,840 @@ class ScOrderItemsListByStockComponent {
          */
         this.selectable = input(false);
         /**
-         * Включить редактирование позиций.
+         * Включить редактирование позиций.
+         */
+        this.editable = input(false);
+        /**
+         * Заголовок для секций «под заказ» и «нет на складе». Если не указан — заголовок не выводится.
+         */
+        this.sectionHeader = input();
+        /**
+         * Выходные данные при изменении выбора позиций.
+         */
+        this.selectedItemsIds = model([]);
+        /**
+         * Позиции в наличии на выбранном складе (не под заказ).
+         */
+        this.itemsInWarehouseStock = computed(() => {
+            const items = this.items();
+            const warehouseId = this.warehouseId();
+            return items.filter((item) => item.product.isWarehouseStockExist(warehouseId) && !item.product.onOrder);
+        });
+        /**
+         * Позиции под заказ.
+         */
+        this.itemsOnOrder = computed(() => {
+            return this.items().filter((item) => item.product.onOrder);
+        });
+        /**
+         * Позиции, которых нет на выбранном складе (не под заказ).
+         */
+        this.itemsNotInWarehouseStock = computed(() => {
+            const items = this.items();
+            const warehouseId = this.warehouseId();
+            return items.filter((item) => !item.product.isWarehouseStockExist(warehouseId) && !item.product.onOrder);
+        });
+    }
+    /**
+     * Обработчик изменения выбора позиций.
+     *
+     * @param itemsIds Идентификаторы выбранных позиций.
+     * @param items Позиции.
+     */
+    selectedItemsHandler(itemsIds, items) {
+        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", "grouped", "markUnavailable", "useLinePrice", "measuredInDialog", "deleteConfirmationTarget", "totalLabel", "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 total Текущее общее количество черновиков.
+     * @param drafts Черновики полученной страницы.
+     * @param receivedTotal Общее количество черновиков в полученных данных.
+     */
+    static isSamePage(items, total, drafts, receivedTotal) {
+        return total === receivedTotal && items.length === drafts.length && drafts.every((draft, index) => draft.id === items.at(index)?.order.id);
+    }
+    /**
+     * Возвращает подпись состава страницы: общее количество черновиков и номера черновиков страницы по порядку.
+     *
+     * @param page Страница списка.
+     */
+    static getSignature(page) {
+        return `${page.meta.total}:${page.data.map(({ id }) => id).join(',')}`;
+    }
+    /**
+     * Возвращает элементы новой страницы списка. Черновики, которые уже есть в списке, сохраняют раскрытие и полные данные.
+     *
+     * @param items Текущие элементы списка.
+     * @param drafts Черновики новой страницы.
+     */
+    static fromPage(items, drafts) {
+        return drafts.map((short) => {
+            const item = items.find(({ order }) => order.id === short.id);
+            return item ? ScDraftListHelper.update(item, short) : { order: short, isExpanded: false };
+        });
+    }
+    /**
+     * Возвращает список с обновлёнными краткими данными полученных черновиков, состав и порядок списка не меняются.
+     * Полные данные раскрытых черновиков не меняются: их обновляет кэш черновика.
+     *
+     * @param items Текущие элементы списка.
+     * @param drafts Полученные краткие данные черновиков.
+     */
+    static merge(items, drafts) {
+        return items.map((item) => {
+            const short = drafts.find(({ id }) => id === item.order.id);
+            return short ? ScDraftListHelper.update(item, short) : item;
+        });
+    }
+    /**
+     * Возвращает номера черновиков с полными данными, у которых краткие данные отличаются: название или данные актуализации.
+     *
+     * @param items Текущие элементы списка.
+     * @param drafts Полученные краткие данные черновиков.
+     */
+    static getChangedFullDraftIds(items, drafts) {
+        return items
+            .filter(({ order }) => order instanceof ScOrderDraft)
+            .filter(({ order }) => {
+            const short = drafts.find(({ id }) => id === order.id);
+            if (!short) {
+                return false;
+            }
+            const isSameActualization = short.actualization ? short.actualization.isSameAs(order.actualization) : order.actualization === undefined;
+            return short.name !== order.name || !isSameActualization;
+        })
+            .map(({ order }) => order.id);
+    }
+    /**
+     * Обновляет элемент списка краткими данными черновика. Полные данные черновика не заменяются.
+     *
+     * @param item Элемент списка.
+     * @param short Краткие данные черновика.
+     */
+    static update(item, short) {
+        if (!(item.order instanceof ScOrderDraft)) {
+            // eslint-disable-next-line no-param-reassign
+            item.order = short;
+        }
+        return item;
+    }
+}
+
+/**
+ * Сервис текущего момента для меток и проверок срока актуализации черновиков Профстрой. Момент обновляется с интервалом проверки срока
+ * актуализации одним таймером на всех подписчиков, поэтому список черновиков, страница черновика и оформление заказа видят один момент.
+ * Таймер работает, только пока есть подписчики.
+ */
+class ScDraftExpirationClockService {
+    constructor() {
+        /**
+         * Интервалы обновления данных.
+         */
+        this.updateInterval = inject(SC_UPDATE_INTERVAL);
+        /**
+         * {@link Observable} текущего момента. Первый подписчик запускает таймер, после отписки всех подписчиков таймер останавливается.
+         * Следующие подписчики сразу получают последний момент, а не новый: он может отставать от текущего времени не больше чем
+         * на интервал проверки срока, и метки срока у нового подписчика обновятся на ближайшем тике общего таймера.
+         */
+        this.now$ = timer(0, this.updateInterval.orderDraftExpiration).pipe(map(() => new Date()), shareReplay({ bufferSize: 1, refCount: true }));
+    }
+    /**
+     * Возвращает сигнал текущего момента, который обновляется общим таймером, только пока признак истинен. Вызывается в контексте
+     * внедрения зависимостей, например при объявлении поля компонента: подписка живёт, пока жив компонент.
+     *
+     * @param active Признак, пока он истинен, момент обновляется.
+     */
+    nowWhile(active) {
+        return toSignal(toObservable(active).pipe(switchMap((isActive) => (isActive ? this.now$ : EMPTY))), { initialValue: new Date() });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScDraftExpirationClockService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScDraftExpirationClockService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScDraftExpirationClockService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }] });
+
+/**
+ * Сервис загрузки и фонового обновления страницы списка черновиков. Предоставляется компонентом списка.
+ *
+ * Страница загружается по параметрам из {@link connect} с индикатором загрузки, после показа загруженной страницы сервис сообщает о её загрузке.
+ *
+ * Если состав страницы не изменился, черновики обновляются на месте с сохранением раскрытых строк. Если черновики появились, пропали
+ * или поменялся порядок, полученная страница откладывается и показывается уведомление с предложением перезагрузить список.
+ * После отказа уведомление о том же составе не повторяется. Черновики Профстрой в обработке дополнительно опрашиваются лёгким запросом,
+ * текущий момент для меток срока берётся из общего источника {@link ScDraftExpirationClockService}.
+ */
+class ScDraftListUpdatesService {
+    /**
+     * Инициализирует экземпляр класса {@link ScDraftListUpdatesService}.
+     */
+    constructor() {
+        /**
+         * Сервис для работы с черновиками заказов.
+         */
+        this.draftsService = inject(ScOrderDraftsService);
+        /**
+         * Сервис уведомлений.
+         */
+        this.alerts = inject(TuiAlertService);
+        /**
+         * Сервис текущего момента для меток срока актуализации.
+         */
+        this.expirationClock = inject(ScDraftExpirationClockService);
+        /**
+         * Ссылка для автоматического управления уничтожением зависимостей.
+         */
+        this.destroyRef = inject(DestroyRef);
+        /**
+         * Элементы текущей страницы списка.
+         */
+        this.pageItems = signal(null);
+        /**
+         * Данные пагинации текущей страницы.
+         */
+        this.pageMeta = signal(null);
+        /**
+         * Признак загрузки страницы списка по действию пользователя.
+         */
+        this.pageLoading = signal(false);
+        /**
+         * {@link Subject} события загрузки страницы списка по действию пользователя.
+         */
+        this.pageLoadedSubject = new Subject();
+        /**
+         * Страница с изменённым составом, которая ждёт решения пользователя.
+         */
+        this.pendingPage = null;
+        /**
+         * Подпись состава страницы, от перезагрузки которой пользователь отказался.
+         */
+        this.declinedSignature = null;
+        /**
+         * Номера черновиков в обработке, которых не оказалось в ответе опроса: черновики удалены, и опрашивать их не нужно.
+         */
+        this.missingIds = signal(new Set());
+        /**
+         * Номера раскрытых черновиков, перезапрос которых уже выполняется.
+         */
+        this.refreshingIds = new Set();
+        /**
+         * Подписка на показанное уведомление об изменении списка.
+         */
+        this.alertSubscription = null;
+        /**
+         * Номера черновиков Профстрой в обработке на текущей странице.
+         */
+        this.processingIds = computed(() => (this.pageItems() ?? [])
+            .filter(({ order }) => order.isProfstroy && order.actualization?.isProcessing === true && !this.missingIds().has(order.id))
+            .map(({ order }) => order.id), { equal: (previous, current) => previous.join(',') === current.join(',') });
+        /**
+         * Элементы текущей страницы списка.
+         */
+        this.items = this.pageItems.asReadonly();
+        /**
+         * Данные пагинации текущей страницы.
+         */
+        this.meta = this.pageMeta.asReadonly();
+        /**
+         * Текущий момент для определения состояния черновиков Профстрой из общего источника.
+         */
+        this.now = toSignal(this.expirationClock.now$, { initialValue: new Date() });
+        /**
+         * Признак загрузки страницы списка по действию пользователя (фильтры, сортировка, пагинация). Фоновые проверки его не включают.
+         */
+        this.loading = this.pageLoading.asReadonly();
+        /**
+         * {@link Observable} события загрузки страницы списка по действию пользователя: страница уже показана.
+         */
+        this.pageLoaded$ = this.pageLoadedSubject.asObservable();
+        toObservable(this.processingIds)
+            .pipe(switchMap((ids) => (ids.length > 0 ? this.draftsService.watchShortList$(ids).pipe(map((drafts) => ({ ids, drafts }))) : EMPTY)), takeUntilDestroyed(this.destroyRef))
+            .subscribe(({ ids, drafts }) => {
+            this.markMissing(ids, drafts);
+            this.applyDrafts(drafts);
+        });
+        this.destroyRef.onDestroy(() => {
+            this.dismissAlert();
+        });
+    }
+    /**
+     * Подключает к сервису параметры запроса текущей страницы: при каждом изменении параметров загружает страницу с индикатором загрузки
+     * и сообщает о её загрузке, а по текущим параметрам в фоне проверяет изменения списка. Если страница не загрузилась, остаётся текущая,
+     * а смена параметров загружает список заново.
+     *
+     * @param params$ {@link Observable} параметров запроса текущей страницы.
+     */
+    connect(params$) {
+        params$
+            .pipe(switchMap((params) => this.draftsService.getList$(params).pipe(tap({
+            subscribe: () => {
+                this.pageLoading.set(true);
+            },
+            finalize: () => {
+                this.pageLoading.set(false);
+            },
+        }), catchError(() => EMPTY))), takeUntilDestroyed(this.destroyRef))
+            .subscribe((page) => {
+            this.setPage(page);
+            this.pageLoadedSubject.next();
+        });
+        params$
+            .pipe(distinctUntilChanged((previous, current) => previous.toString() === current.toString()), switchMap((params) => this.draftsService.watchList$(params)), takeUntilDestroyed(this.destroyRef))
+            .subscribe((page) => {
+            this.checkPage(page);
+        });
+    }
+    /**
+     * Подставляет в строку текущей страницы полные данные черновика. Опрос черновиков в обработке сразу учитывает их состояние.
+     *
+     * @param draft Полные данные черновика.
+     */
+    setFullDraft(draft) {
+        const items = this.pageItems();
+        const item = items?.find(({ order }) => order.id === draft.id);
+        if (!items || !item) {
+            return;
+        }
+        item.order = draft;
+        this.pageItems.set([...items]);
+    }
+    /**
+     * Показывает страницу, загруженную по действию пользователя: строки свёрнуты, отложенные данные и уведомление сбрасываются.
+     *
+     * @param page Страница списка.
+     */
+    setPage(page) {
+        this.pendingPage = null;
+        this.declinedSignature = null;
+        this.missingIds.set(new Set());
+        this.dismissAlert();
+        this.pageItems.set(page.data.map((order) => ({ order, isExpanded: false })));
+        this.pageMeta.set(page.meta);
+    }
+    /**
+     * Сравнивает полученную в фоне страницу с текущей: при том же составе обновляет черновики на месте, иначе откладывает страницу и предлагает перезагрузить список.
+     *
+     * @param page Страница, полученная в фоне.
+     */
+    checkPage(page) {
+        const items = this.pageItems();
+        const meta = this.pageMeta();
+        if (!items || !meta) {
+            return;
+        }
+        if (ScDraftListHelper.isSamePage(items, meta.total, page.data, page.meta.total)) {
+            this.pendingPage = null;
+            this.declinedSignature = null;
+            this.dismissAlert();
+            this.applyDrafts(page.data);
+            return;
+        }
+        this.pendingPage = page;
+        if (ScDraftListHelper.getSignature(page) !== this.declinedSignature) {
+            this.showAlert();
+        }
+    }
+    /**
+     * Обновляет на месте краткие данные черновиков и перезапрашивает полные данные раскрытых черновиков, состояние которых изменилось.
+     * Перезапрос раскрытого черновика не повторяется, пока выполняется предыдущий. Ошибка перезапроса не показывается:
+     * это фоновое обновление, его повторит следующий опрос.
+     *
+     * @param drafts Краткие данные черновиков.
+     */
+    applyDrafts(drafts) {
+        const items = this.pageItems();
+        if (!items) {
+            return;
+        }
+        ScDraftListHelper.getChangedFullDraftIds(items, drafts)
+            .filter((draftId) => !this.refreshingIds.has(draftId))
+            .forEach((draftId) => {
+            this.refreshingIds.add(draftId);
+            this.draftsService
+                .fetch$(draftId)
+                .pipe(catchError(() => EMPTY), finalize(() => {
+                this.refreshingIds.delete(draftId);
+            }), takeUntilDestroyed(this.destroyRef))
+                .subscribe();
+        });
+        this.pageItems.set(ScDraftListHelper.merge(items, drafts));
+    }
+    /**
+     * Запоминает черновики, которых не оказалось в ответе опроса, чтобы больше их не опрашивать.
+     *
+     * @param ids Номера опрошенных черновиков.
+     * @param drafts Полученные краткие данные черновиков.
+     */
+    markMissing(ids, drafts) {
+        const missing = ids.filter((id) => !drafts.some((draft) => draft.id === id));
+        if (missing.length > 0) {
+            this.missingIds.update((current) => new Set([...current, ...missing]));
+        }
+    }
+    /**
+     * Показывает уведомление об изменении списка, если оно ещё не показано. Ответ «Нет» и закрытие уведомления считаются отказом
+     * от перезагрузки отложенного состава.
+     */
+    showAlert() {
+        if (this.alertSubscription) {
+            return;
+        }
+        this.alertSubscription = this.alerts
+            .open(new PolymorpheusComponent(ScConfirmAlertComponent), {
+            label: 'Список черновиков изменился',
+            data: { content: 'Перезагрузить список?' },
+            appearance: 'info',
+            autoClose: 0,
+        })
+            .pipe(defaultIfEmpty(false), finalize(() => {
+            this.alertSubscription = null;
+        }))
+            .subscribe((isConfirmed) => {
+            if (isConfirmed) {
+                this.applyPendingPage();
+            }
+            else {
+                this.declinePendingPage();
+            }
+        });
+    }
+    /**
+     * Закрывает показанное уведомление об изменении списка.
+     */
+    dismissAlert() {
+        this.alertSubscription?.unsubscribe();
+        this.alertSubscription = null;
+    }
+    /**
+     * Показывает отложенную страницу с сохранением раскрытых строк. Уведомление закрывается всякий раз, когда отложенная страница
+     * сбрасывается, поэтому при согласии пользователя она всегда есть.
+     */
+    applyPendingPage() {
+        const page = this.pendingPage;
+        if (!page) {
+            return;
+        }
+        this.pendingPage = null;
+        this.missingIds.set(new Set());
+        this.pageItems.set(ScDraftListHelper.fromPage(this.pageItems() ?? [], page.data));
+        this.pageMeta.set(page.meta);
+    }
+    /**
+     * Запоминает отказ от перезагрузки отложенного состава: уведомление о нём больше не показывается, пока состав снова не изменится.
+     */
+    declinePendingPage() {
+        this.declinedSignature = this.pendingPage ? ScDraftListHelper.getSignature(this.pendingPage) : null;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScDraftListUpdatesService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScDraftListUpdatesService }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScDraftListUpdatesService, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [] });
+
+/**
+ * Перечисление состояний черновика Профстрой для отображения пользователю.
+ */
+// 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: 'positive',
+            description: 'Цены и позиции актуальны, заказ можно оформлять.',
+        },
+        [ScProfstroyDraftState.outdated]: {
+            label: 'Данные устарели',
+            appearance: 'warning',
+            description: 'С момента последней актуализации прошло много времени. Запустите её повторно, чтобы оформить заказ по актуальным ценам.',
+        },
+        [ScProfstroyDraftState.error]: {
+            label: 'Ошибка обработки',
+            appearance: 'negative',
+            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)];
+    }
+    /**
+     * Возвращает данные об отображении панели состояния черновика: для актуальной заявки пояснение зависит от того, сколько позиций попадёт в заказ.
+     *
+     * @param draft Черновик Профстрой.
+     * @param now Момент проверки.
+     */
+    static getPanelView(draft, now) {
+        const view = ScProfstroyDraftHelper.getStateView(draft.actualization, now);
+        if (ScProfstroyDraftHelper.getState(draft.actualization, now) !== ScProfstroyDraftState.actual) {
+            return view;
+        }
+        const total = draft.products.length;
+        const orderable = draft.products.filter((item) => item.isOrderable).length;
+        if (orderable === 0) {
+            return {
+                ...view,
+                appearance: 'warning',
+                description: 'Актуализация завершена, но ни одна позиция не попадёт в заказ. Исправьте или удалите позиции с примечанием и запустите актуализацию повторно или соберите заявку заново из файла.',
+            };
+        }
+        return orderable < total ? { ...view, description: `Цены актуальны. В заказ попадут ${orderable} из ${total} позиций, остальные отмечены в поле «Примечание».` } : view;
+    }
+}
+
+/**
+ * Компонент панели состояния актуализации черновика Профстрой с действиями актуализации и пересборки.
+ */
+class ScProfstroyActualizationPanelComponent {
+    constructor() {
+        /**
+         * Список ссылок приложения.
+         */
+        this.urls = inject(SC_URLS);
+        /**
+         * Объект документа.
+         */
+        this.document = inject(DOCUMENT);
+        /**
+         * Черновик Профстрой.
+         */
+        this.draft = input.required();
+        /**
+         * Момент, на который определяется состояние. Передаётся снаружи и обновляется по таймеру проверки срока, иначе метка «Данные устарели» не сменится.
+         */
+        this.now = input.required();
+        /**
+         * Признак, что действия над черновиком недоступны.
+         */
+        this.busy = input(false);
+        /**
+         * Событие запуска актуализации.
+         */
+        this.actualize = output();
+        /**
+         * Событие запуска пересборки из файла.
+         */
+        this.reload = output();
+        /**
+         * Текущее состояние черновика.
+         */
+        this.state = computed(() => ScProfstroyDraftHelper.getState(this.draft().actualization, this.now()));
+        /**
+         * Данные об отображении состояния.
+         */
+        this.stateView = computed(() => ScProfstroyDraftHelper.getPanelView(this.draft(), this.now()));
+        /**
+         * Признак, что выполняется обработка.
+         */
+        this.isProcessing = computed(() => this.state() === ScProfstroyDraftState.processing);
+        /**
+         * Признак, что срок действия актуализации ещё не истёк.
+         */
+        this.isActual = computed(() => this.state() === ScProfstroyDraftState.actual);
+        /**
+         * Абсолютная ссылка на исходный файл заявки. Файл лежит на хосте API, адрес API может быть указан относительно сайта.
+         */
+        this.fileUrl = computed(() => {
+            const url = this.draft().file?.url;
+            return url ? new URL(url, new URL(this.urls.apiUrl, this.document.baseURI)).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: true, 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                        class=\"break-all\"\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                        class=\"break-all\"\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.required();
+        /**
+         * Данные об отображении состояния.
+         */
+        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: true, 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" }]
+        }] });
+
+/**
+ * Класс-помощник для сообщений об ошибках запросов к API.
+ */
+class ScApiErrorHelper {
+    /**
+     * Возвращает текст ошибки из ответа API или указанный текст, если ответ его не содержит.
+     *
+     * @param error Ошибка запроса.
+     * @param fallback Текст по умолчанию.
+     */
+    static getMessage(error, fallback) {
+        const message = error instanceof HttpErrorResponse ? error.error?.message : undefined;
+        return message?.trim() ? message : fallback;
+    }
+    /**
+     * Возвращает признак ответа 404: запись не найдена, например удалена в другой вкладке.
+     *
+     * @param error Ошибка запроса.
+     */
+    static isNotFound(error) {
+        return error instanceof HttpErrorResponse && error.status === HttpStatusCode.NotFound;
+    }
+}
+
+/* eslint-disable @typescript-eslint/unbound-method */
+/**
+ * Компонент диалога создания черновика заказа из файла программы «Профстрой».
+ */
+class ScProfstroyDraftCreateDialogComponent {
+    constructor() {
+        /**
+         * Контекст диалогового окна, в котором открыт компонент.
+         */
+        this.context = inject(POLYMORPHEUS_CONTEXT);
+        /**
+         * Сервис для работы с черновиками заказов.
+         */
+        this.draftsService = inject(ScOrderDraftsService);
+        /**
+         * Ссылка для автоматического управления уничтожением зависимостей.
+         */
+        this.destroyRef = inject(DestroyRef);
+        /**
+         * Настройки поля выбора файлов, в том числе наибольший размер файла из настроек приложения.
          */
-        this.editable = input(false);
+        this.inputFilesOptions = inject(TUI_INPUT_FILES_OPTIONS);
         /**
-         * Заголовок для секций «под заказ» и «нет на складе». Если не указан — заголовок не выводится.
+         * Допустимое расширение файла.
          */
-        this.sectionHeader = input();
+        this.accept = '.xlsx';
         /**
-         * Выходные данные при изменении выбора позиций.
+         * Наибольшая длина названия заявки.
          */
-        this.selectedItemsIds = model([]);
+        this.nameMaxLength = 255;
         /**
-         * Позиции в наличии на выбранном складе (не под заказ).
+         * Форма создания черновика. Формат и размер файла проверяются на самом поле: после выбора файла поле выбора убирается вместе со своими проверками.
          */
-        this.itemsInWarehouseStock = computed(() => {
-            const items = this.items();
-            const warehouseId = this.warehouseId();
-            return items.filter((item) => item.product.isWarehouseStockExist(warehouseId) && !item.product.onOrder);
+        this.form = new FormGroup({
+            file: new FormControl(null, [Validators.required, tuiCreateFileFormatValidator(this.accept), tuiCreateFileSizeValidator(this.inputFilesOptions.maxFileSize)]),
+            name: new FormControl('', { nonNullable: true, validators: Validators.maxLength(this.nameMaxLength) }),
         });
         /**
-         * Позиции под заказ.
+         * Признак выполнения запроса создания.
          */
-        this.itemsOnOrder = computed(() => {
-            return this.items().filter((item) => item.product.onOrder);
-        });
+        this.submitting = signal(false);
         /**
-         * Позиции, которых нет на выбранном складе (не под заказ).
+         * Признак попытки создать заявку. До неё незаполненное поле файла ошибкой не подсвечивается: поле теряет фокус уже при открытии окна выбора файла.
          */
-        this.itemsNotInWarehouseStock = computed(() => {
-            const items = this.items();
-            const warehouseId = this.warehouseId();
-            return items.filter((item) => !item.product.isWarehouseStockExist(warehouseId) && !item.product.onOrder);
+        this.submitAttempted = signal(false);
+    }
+    /**
+     * Удаляет выбранный файл.
+     */
+    removeFile() {
+        this.form.controls.file.setValue(null);
+    }
+    /**
+     * Отправляет файл и создаёт черновик. Ошибки сервера с прошлой отправки не мешают отправить форму снова.
+     */
+    submit() {
+        this.submitAttempted.set(true);
+        Object.values(this.form.controls).forEach((control) => {
+            control.updateValueAndValidity();
+        });
+        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.applyError(error);
+            },
         });
     }
     /**
-     * Обработчик изменения выбора позиций.
+     * Показывает ошибку создания в форме: ошибки проверки данных у полей, ошибку чтения файла у поля файла, остальные ошибкой формы (401 обрабатывает авторизация).
+     * Диалог остаётся открытым.
      *
-     * @param itemsIds Идентификаторы выбранных позиций.
-     * @param items Позиции.
+     * @param error Ошибка чтения файла или запроса.
      */
-    selectedItemsHandler(itemsIds, items) {
-        this.selectedItemsIds.update((previous) => [...previous.filter((id) => !items.some((item) => item.id === id) && this.items().some((item) => item.id === id)), ...itemsIds]);
+    applyError(error) {
+        if (!(error instanceof HttpErrorResponse)) {
+            this.form.controls.file.setErrors({ serverResponse: new TuiValidationError('Не удалось прочитать файл.') });
+            return;
+        }
+        if (error.status === HttpStatusCode.Unauthorized) {
+            return;
+        }
+        const { errors } = (error.error ?? {});
+        if (error.status !== HttpStatusCode.UnprocessableEntity || !errors) {
+            this.form.setErrors({ serverResponse: new TuiValidationError(ScApiErrorHelper.getMessage(error, 'Не удалось создать заявку.')) });
+            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: 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", "items"], outputs: ["selectedItemsIdsChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    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", providers: [
+            {
+                provide: TUI_INPUT_FILE_TEXTS,
+                useFactory: () => inject(TUI_INPUT_FILE_TEXTS, { skipSelf: true }).pipe(map((texts) => ({ ...texts, formatRejectionReason: 'Файл должен быть в формате .xlsx' }))),
+            },
+        ], ngImport: i0, template: "<form\n    [formGroup]=\"form\"\n    class=\"flex flex-col gap-5\"\n    (ngSubmit)=\"submit()\"\n>\n    <!-- \u0424\u0430\u0439\u043B. \u041F\u0440\u0438\u0447\u0438\u043D\u0443 \u043E\u0442\u043A\u043B\u043E\u043D\u0435\u043D\u0438\u044F \u0444\u0430\u0439\u043B\u0430 \u043F\u043E\u043A\u0430\u0437\u044B\u0432\u0430\u0435\u0442 \u0441\u0442\u0440\u043E\u043A\u0430 \u0444\u0430\u0439\u043B\u0430, \u043F\u043E\u0434 \u043F\u043E\u043B\u0435\u043C \u043E\u043D\u0430 \u043D\u0435 \u043F\u043E\u0432\u0442\u043E\u0440\u044F\u0435\u0442\u0441\u044F. \u041D\u0435\u0437\u0430\u043F\u043E\u043B\u043D\u0435\u043D\u043D\u043E\u0435 \u043F\u043E\u043B\u0435 \u043F\u043E\u0434\u0441\u0432\u0435\u0447\u0438\u0432\u0430\u0435\u0442\u0441\u044F \u0442\u043E\u043B\u044C\u043A\u043E \u043F\u043E\u0441\u043B\u0435 \u043F\u043E\u043F\u044B\u0442\u043A\u0438 \u0441\u043E\u0437\u0434\u0430\u0442\u044C \u0437\u0430\u044F\u0432\u043A\u0443. -->\n    <div class=\"flex flex-col gap-1\">\n        @let file = form.controls.file.value;\n        @let rejected = file | tuiFileRejected: { accept } | async;\n        @if (!file) {\n            <label tuiInputFiles>\n                <input\n                    tuiInputFiles\n                    formControlName=\"file\"\n                    [accept]=\"accept\"\n                    [invalid]=\"submitAttempted() ? null : false\"\n                />\n            </label>\n        }\n        <tui-files>\n            @if (file) {\n                <tui-file\n                    [state]=\"rejected ? 'error' : 'normal'\"\n                    [file]=\"rejected ?? 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: {{ accept }}</span>\n        @if (!rejected) {\n            @let fileErrorVisible = submitAttempted() || !form.controls.file.hasError('required');\n            <tui-error\n                formControlName=\"file\"\n                [error]=\"fileErrorVisible ? (['required', 'serverResponse'] | tuiFieldError | async) : null\"\n            />\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-textfield>\n            <input\n                tuiTextfield\n                formControlName=\"name\"\n                placeholder=\"\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                autocomplete=\"off\"\n                [maxLength]=\"nameMaxLength\"\n            />\n        </tui-textfield>\n        <tui-error\n            formControlName=\"name\"\n            [error]=\"[] | tuiFieldError | async\"\n        />\n    </label>\n\n    @if (form.errors?.['serverResponse']) {\n        <tui-error [error]=\"[] | tuiFieldError | async\" />\n    }\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            [disabled]=\"submitting()\"\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: "pipe", type: i2$1.TuiFileRejectedPipe, name: "tuiFileRejected" }, { 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: "component", type: i1$2.TuiTextfieldComponent, selector: "tui-textfield:not([multi])" }, { kind: "directive", type: i1$2.TuiTextfieldDirective, selector: "input[tuiTextfield]:not([tuiInputCard]):not([tuiInputExpire]):not([tuiInputCVC])" }, { kind: "directive", type: 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: ScOrderItemsListByStockComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScProfstroyDraftCreateDialogComponent, 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" }]
+            args: [{ standalone: true, selector: 'sc-profstroy-draft-create-dialog', imports: [ReactiveFormsModule, TuiFiles, TuiFileRejectedPipe, TuiLabel, TuiError, TuiFieldErrorPipe, TuiTextfield, TuiNotification, TuiButton, TuiButtonLoading, AsyncPipe], providers: [
+                        {
+                            provide: TUI_INPUT_FILE_TEXTS,
+                            useFactory: () => inject(TUI_INPUT_FILE_TEXTS, { skipSelf: true }).pipe(map((texts) => ({ ...texts, formatRejectionReason: 'Файл должен быть в формате .xlsx' }))),
+                        },
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<form\n    [formGroup]=\"form\"\n    class=\"flex flex-col gap-5\"\n    (ngSubmit)=\"submit()\"\n>\n    <!-- \u0424\u0430\u0439\u043B. \u041F\u0440\u0438\u0447\u0438\u043D\u0443 \u043E\u0442\u043A\u043B\u043E\u043D\u0435\u043D\u0438\u044F \u0444\u0430\u0439\u043B\u0430 \u043F\u043E\u043A\u0430\u0437\u044B\u0432\u0430\u0435\u0442 \u0441\u0442\u0440\u043E\u043A\u0430 \u0444\u0430\u0439\u043B\u0430, \u043F\u043E\u0434 \u043F\u043E\u043B\u0435\u043C \u043E\u043D\u0430 \u043D\u0435 \u043F\u043E\u0432\u0442\u043E\u0440\u044F\u0435\u0442\u0441\u044F. \u041D\u0435\u0437\u0430\u043F\u043E\u043B\u043D\u0435\u043D\u043D\u043E\u0435 \u043F\u043E\u043B\u0435 \u043F\u043E\u0434\u0441\u0432\u0435\u0447\u0438\u0432\u0430\u0435\u0442\u0441\u044F \u0442\u043E\u043B\u044C\u043A\u043E \u043F\u043E\u0441\u043B\u0435 \u043F\u043E\u043F\u044B\u0442\u043A\u0438 \u0441\u043E\u0437\u0434\u0430\u0442\u044C \u0437\u0430\u044F\u0432\u043A\u0443. -->\n    <div class=\"flex flex-col gap-1\">\n        @let file = form.controls.file.value;\n        @let rejected = file | tuiFileRejected: { accept } | async;\n        @if (!file) {\n            <label tuiInputFiles>\n                <input\n                    tuiInputFiles\n                    formControlName=\"file\"\n                    [accept]=\"accept\"\n                    [invalid]=\"submitAttempted() ? null : false\"\n                />\n            </label>\n        }\n        <tui-files>\n            @if (file) {\n                <tui-file\n                    [state]=\"rejected ? 'error' : 'normal'\"\n                    [file]=\"rejected ?? 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: {{ accept }}</span>\n        @if (!rejected) {\n            @let fileErrorVisible = submitAttempted() || !form.controls.file.hasError('required');\n            <tui-error\n                formControlName=\"file\"\n                [error]=\"fileErrorVisible ? (['required', 'serverResponse'] | tuiFieldError | async) : null\"\n            />\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-textfield>\n            <input\n                tuiTextfield\n                formControlName=\"name\"\n                placeholder=\"\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                autocomplete=\"off\"\n                [maxLength]=\"nameMaxLength\"\n            />\n        </tui-textfield>\n        <tui-error\n            formControlName=\"name\"\n            [error]=\"[] | tuiFieldError | async\"\n        />\n    </label>\n\n    @if (form.errors?.['serverResponse']) {\n        <tui-error [error]=\"[] | tuiFieldError | async\" />\n    }\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            [disabled]=\"submitting()\"\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() {
         /**
          * Сервис маршрутизации.
@@ -9880,6 +10910,10 @@ class ScDraftComponent {
          * Сервис для работы с черновиками заказов.
          */
         this.draftsService = inject(ScOrderDraftsService);
+        /**
+         * Сервис уведомлений.
+         */
+        this.alerts = inject(TuiAlertService);
         /**
          * Сигнал с данными текущего черновика заказа (из параметра orderId в URL).
          */
@@ -9900,6 +10934,45 @@ class ScDraftComponent {
          * Текущий ключ маршрута.
          */
         this.isDraftPage = toSignal(this.route.data.pipe(map((data) => data['routes_key'] === ScRouteKeys.draft), distinctUntilChanged()), { initialValue: false });
+        /**
+         * Признак черновика Профстрой.
+         */
+        this.isProfstroy = computed(() => this.draft()?.isProfstroy === true);
+        /**
+         * Признак, что идёт обработка черновика Профстрой.
+         */
+        this.isProcessing = computed(() => this.draft()?.actualization?.isProcessing === true);
+        /**
+         * Сервис текущего момента для проверки срока актуализации.
+         */
+        this.expirationClock = inject(ScDraftExpirationClockService);
+        /**
+         * Текущий момент для проверки срока актуализации из общего источника. Обновляется, пока открыт черновик Профстрой.
+         */
+        this.now = this.expirationClock.nowWhile(this.isProfstroy);
+        /**
+         * Признак выполнения актуализации или пересборки черновика Профстрой.
+         */
+        this.actionRunning = signal(false);
+        /**
+         * Признак, что для черновика выполняются или ждут очереди запросы изменения или перечитывания.
+         */
+        this.queueBusy = toSignal(toObservable(this.draft).pipe(map((draft) => draft?.id), distinctUntilChanged(), switchMap((draftId) => (draftId === undefined ? of(false) : this.draftsService.isBusy$(draftId)))), { initialValue: false });
+        /**
+         * Признак, что действия над черновиком Профстрой недоступны, пока выполняется действие или запрос черновика.
+         */
+        this.busy = computed(() => this.actionRunning() || this.queueBusy());
+        /**
+         * Признак, что можно менять состав черновика Профстрой.
+         */
+        this.canEditProfstroy = computed(() => this.isDraftPage() && !this.actionRunning() && !this.isProcessing());
+        /**
+         * Причина, по которой нельзя оформить заказ из черновика Профстрой, или пустая строка.
+         */
+        this.profstroyOrderBlockReason = computed(() => {
+            const reason = this.draft()?.getOrderBlockReason(this.now()) ?? '';
+            return reason || (this.selectedItemsIds().length === 0 ? 'Выберите позиции для заказа.' : '');
+        });
         /**
          * Ссылка для автоматического управления уничтожением зависимостей.
          */
@@ -9908,6 +10981,7 @@ class ScDraftComponent {
          * Сервис установки SEO-данных приложения.
          */
         this.seoService = inject(ScSeoService);
+        this.watchProfstroyProcessing();
     }
     /** @inheritDoc */
     ngOnInit() {
@@ -9928,7 +11002,32 @@ class ScDraftComponent {
         this.router.navigate(['orders', 'new', this.draft()?.id, 'draft'], { queryParams: { itemsIds: this.selectedItemsIds() } }).catch(noop);
     }
     /**
-     * Удаляет черновик и перенаправляет к списку черновиков.
+     * Запускает актуализацию черновика Профстрой.
+     */
+    actualizeProfstroy() {
+        this.runProfstroyAction((draftId) => this.draftsService.actualizeProfstroy$(draftId));
+    }
+    /**
+     * Запускает пересборку черновика Профстрой из файла после подтверждения.
+     */
+    reloadProfstroy() {
+        this.dialogService
+            .open(TUI_CONFIRM, {
+            label: 'Собрать заявку заново?',
+            data: {
+                content: 'Заявка будет собрана заново из загруженного файла. Изменённые количество, метраж и маркировка позиций, а также удалённые позиции будут потеряны. Продолжить?',
+                yes: 'Да, собрать заново',
+                no: 'Отмена',
+            },
+        })
+            .pipe(filter(Boolean), takeUntilDestroyed(this.destroyRef))
+            .subscribe(() => {
+            this.runProfstroyAction((draftId) => this.draftsService.reloadProfstroy$(draftId));
+        });
+    }
+    /**
+     * Удаляет черновик и перенаправляет к списку черновиков. Пока черновик удаляется, действия над ним заблокированы.
+     * Если удалить не удалось, пользователь остаётся на странице, сообщение об ошибке показывает перехватчик приложения.
      */
     clearDraft() {
         const { id } = this.draft() ?? {};
@@ -9944,29 +11043,86 @@ class ScDraftComponent {
                 no: 'Нет, оставить',
             },
         })
-            .pipe(filter(Boolean), switchMap(() => this.draftsService.delete$(id)), takeUntilDestroyed(this.destroyRef))
-            .subscribe(() => {
-            this.deleteEvent.emit();
-            this.router.navigate(['/drafts']).catch(noop);
+            .pipe(filter(Boolean), switchMap(() => {
+            this.actionRunning.set(true);
+            return this.draftsService.delete$(id).pipe(finalize(() => {
+                this.actionRunning.set(false);
+            }));
+        }), takeUntilDestroyed(this.destroyRef))
+            .subscribe({
+            next: () => {
+                this.deleteEvent.emit();
+                this.router.navigate(['/drafts']).catch(noop);
+            },
+            error: noop,
+        });
+    }
+    /**
+     * Выполняет действие над черновиком Профстрой. Пока действие выполняется, остальные заблокированы.
+     * Ответ попадает в кэш черновика, после отказа 403 или 409 сервис сам перезапрашивает черновик. Сообщение об ошибке показывает перехватчик приложения.
+     *
+     * @param action Функция, возвращающая запрос действия по идентификатору черновика.
+     */
+    runProfstroyAction(action) {
+        const draftId = this.draft()?.id;
+        if (draftId === undefined || this.busy()) {
+            return;
+        }
+        this.actionRunning.set(true);
+        action(draftId)
+            .pipe(finalize(() => {
+            this.actionRunning.set(false);
+        }), takeUntilDestroyed(this.destroyRef))
+            .subscribe({ error: noop });
+    }
+    /**
+     * Пока черновик Профстрой на его странице в обработке, опрашивает состояние лёгким запросом списка и после окончания обработки перезапрашивает черновик.
+     * Опрос идёт, пока перезапрошенный черновик остаётся в обработке: неудачный перезапрос повторяется на следующем шаге.
+     * Если черновика больше нет (удалён в другой вкладке), опрос завершается, а пользователь возвращается к списку. В списке черновиков состояние опрашивает сам список.
+     */
+    watchProfstroyProcessing() {
+        toObservable(computed(() => (this.isDraftPage() && this.isProcessing() ? this.draft()?.id : undefined)))
+            .pipe(distinctUntilChanged(), switchMap((draftId) => draftId === undefined
+            ? EMPTY
+            : this.draftsService.watchShortList$([draftId]).pipe(filter((drafts) => !drafts.some((short) => short.id === draftId && short.actualization?.isProcessing)), exhaustMap(() => this.draftsService.fetch$(draftId).pipe(catchError((error) => (ScApiErrorHelper.isNotFound(error) ? of(null) : EMPTY)))), takeWhile((draft) => draft?.actualization?.isProcessing === true, true), filter((draft) => draft === null), map(() => draftId))), takeUntilDestroyed(this.destroyRef))
+            .subscribe((draftId) => {
+            this.leaveMissingDraft(draftId);
         });
     }
+    /**
+     * Сообщает, что черновик не найден, и возвращает к списку черновиков.
+     *
+     * @param draftId Идентификатор черновика.
+     */
+    leaveMissingDraft(draftId) {
+        this.alerts.open(`Черновик №${draftId} не найден. Возможно, он удалён.`, { appearance: 'warning' }).subscribe();
+        this.router.navigate(['/drafts']).catch(noop);
+    }
     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 } }, outputs: { draft: "draftChange", deleteEvent: "deleteEvent" }, providers: [
             {
                 provide: SC_ORDER_LOADER,
                 useExisting: ScOrderDraftsService,
             },
-        ], 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 }); }
+        ], 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                [grouped]=\"true\"\n                [markUnavailable]=\"true\"\n                [useLinePrice]=\"true\"\n                [measuredInDialog]=\"true\"\n                [editable]=\"canEditProfstroy()\"\n                [selectable]=\"true\"\n                deleteConfirmationTarget=\"\u0438\u0437 \u0437\u0430\u044F\u0432\u043A\u0438\"\n                totalLabel=\"\u0418\u0422\u041E\u0413\u041E \u041A \u0417\u0410\u041A\u0410\u0417\u0423\"\n                (selectedItemsIdsChange)=\"selectedItemsIds.set($event)\"\n            />\n        } @else {\n            <p class=\"text-base font-bold\">{{ 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)=\"goToNewOrder()\"\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-with-actions\n                        scOrder\n                        [orderId]=\"draft()?.id\"\n                        [items]=\"items\"\n                        [editable]=\"isDraftPage()\"\n                        deleteConfirmationTarget=\"\u0438\u0437 \u0447\u0435\u0440\u043D\u043E\u0432\u0438\u043A\u0430\"\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}\n", dependencies: [{ kind: "component", type: ScOrderItemsListWithActionsComponent, selector: "sc-order-items-list-with-actions", inputs: ["items", "selectable", "editable", "useLinePrice", "deleteConfirmationTarget", "totalLabel", "selectedItemsIds"], outputs: ["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", "grouped", "markUnavailable", "useLinePrice", "measuredInDialog", "deleteConfirmationTarget", "totalLabel", "items"], outputs: ["selectedItemsIdsChange"] }, { 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: [ScOrderItemsListWithActionsComponent, ScOrderAccessorDirective, TuiButton, TuiIcons], providers: [
+            args: [{ standalone: true, selector: 'sc-draft', imports: [
+                        ScOrderItemsListWithActionsComponent,
+                        ScOrderAccessorDirective,
+                        ScProfstroyActualizationPanelComponent,
+                        ScProfstroyDraftBadgesComponent,
+                        ScOrderItemsListComponent,
+                        TuiButton,
+                        TuiIcons,
+                    ], providers: [
                         {
                             provide: SC_ORDER_LOADER,
                             useExisting: ScOrderDraftsService,
                         },
-                    ], 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" }]
-        }] });
+                    ], 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                [grouped]=\"true\"\n                [markUnavailable]=\"true\"\n                [useLinePrice]=\"true\"\n                [measuredInDialog]=\"true\"\n                [editable]=\"canEditProfstroy()\"\n                [selectable]=\"true\"\n                deleteConfirmationTarget=\"\u0438\u0437 \u0437\u0430\u044F\u0432\u043A\u0438\"\n                totalLabel=\"\u0418\u0422\u041E\u0413\u041E \u041A \u0417\u0410\u041A\u0410\u0417\u0423\"\n                (selectedItemsIdsChange)=\"selectedItemsIds.set($event)\"\n            />\n        } @else {\n            <p class=\"text-base font-bold\">{{ 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)=\"goToNewOrder()\"\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-with-actions\n                        scOrder\n                        [orderId]=\"draft()?.id\"\n                        [items]=\"items\"\n                        [editable]=\"isDraftPage()\"\n                        deleteConfirmationTarget=\"\u0438\u0437 \u0447\u0435\u0440\u043D\u043E\u0432\u0438\u043A\u0430\"\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}\n" }]
+        }], ctorParameters: () => [] });
 
 /**
  * Компонент статуса оплаты заказа.
@@ -11121,14 +12277,18 @@ class ScPreviewSampleModule {
             TuiHovered,
             TuiButton,
             TuiButtonLoading,
-            TuiLabel], exports: [ScPreviewSampleComponent] }); }
+            TuiLabel,
+            RecaptchaFormsModule,
+            RecaptchaModule], exports: [ScPreviewSampleComponent] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScPreviewSampleModule, imports: [CommonModule,
             ReactiveFormsModule,
             TuiError,
             ScFormFieldsModule,
             TuiInputModule,
             TuiInputPhoneModule, i2$1.TuiCarouselComponent, TuiAvatar,
-            TuiButtonLoading] }); }
+            TuiButtonLoading,
+            RecaptchaFormsModule,
+            RecaptchaModule] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScPreviewSampleModule, decorators: [{
             type: NgModule,
@@ -11148,6 +12308,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                         TuiButton,
                         TuiButtonLoading,
                         TuiLabel,
+                        RecaptchaFormsModule,
+                        RecaptchaModule,
                     ],
                     exports: [ScPreviewSampleComponent],
                 }]
@@ -11167,255 +12329,6 @@ const scGetCurrentRoute = (route) => {
     return currentRoute;
 };
 
-/**
- * Токен времени ожидания загрузки скрипта Yandex SmartCaptcha в миллисекундах.
- */
-const SC_SMART_CAPTCHA_LOAD_TIMEOUT = new InjectionToken('SC_SMART_CAPTCHA_LOAD_TIMEOUT', {
-    factory: () => 20_000,
-});
-
-/**
- * Сервис загрузки скрипта Yandex SmartCaptcha.
- */
-class ScSmartCaptchaLoaderService {
-    constructor() {
-        /**
-         * Сервис для вставки внешних скриптов.
-         */
-        this.scriptsService = inject(ScScriptsService);
-        /**
-         * Окно браузера с API Yandex SmartCaptcha.
-         */
-        this.window = inject(WA_WINDOW);
-        /**
-         * Признак того, что приложение запущено в браузере.
-         */
-        this.isBrowser = inject(IS_BROWSER);
-        /**
-         * Время ожидания загрузки скрипта в миллисекундах.
-         */
-        this.loadTimeout = inject(SC_SMART_CAPTCHA_LOAD_TIMEOUT);
-        /**
-         * Имя функции окна, которую скрипт вызывает после загрузки.
-         */
-        this.onloadCallbackName = 'scSmartCaptchaOnload';
-        /**
-         * Адрес скрипта.
-         */
-        this.scriptUrl = `https://smartcaptcha.cloud.yandex.ru/captcha.js?render=onload&onload=${this.onloadCallbackName}`;
-        /**
-         * Загрузка API, общая для всех виджетов. Скрипт загружается один раз; отписка и истечение ожидания у подписчика загрузку не прерывают, после ошибки следующая подписка загружает скрипт заново.
-         */
-        this.loading$ = defer(() => this.load$()).pipe(shareReplay(1));
-        /**
-         * {@link Observable} API Yandex SmartCaptcha. Значения и ошибки приходят вне зоны Angular, ожидание первого значения ограничено {@link SC_SMART_CAPTCHA_LOAD_TIMEOUT}.
-         */
-        this.api$ = this.loading$.pipe(timeout({ first: this.loadTimeout }), tuiZonefree());
-    }
-    /**
-     * Возвращает API Yandex SmartCaptcha, при необходимости загружая скрипт. На сервере ничего не возвращает.
-     */
-    load$() {
-        if (!this.isBrowser) {
-            return EMPTY;
-        }
-        if (this.window.smartCaptcha) {
-            return of(this.window.smartCaptcha);
-        }
-        return merge(this.onload$(), this.scriptsService.loadScript$(this.scriptUrl).pipe(ignoreElements()));
-    }
-    /**
-     * Ждёт вызова функции из параметра `onload` адреса скрипта и возвращает API, которое скрипт к этому моменту создал.
-     */
-    onload$() {
-        return new Observable((subscriber) => {
-            this.window[this.onloadCallbackName] = () => {
-                if (this.window.smartCaptcha) {
-                    subscriber.next(this.window.smartCaptcha);
-                    subscriber.complete();
-                }
-                else {
-                    subscriber.error(new Error('Yandex SmartCaptcha API is unavailable'));
-                }
-            };
-            return () => {
-                this.window[this.onloadCallbackName] = undefined;
-            };
-        });
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScSmartCaptchaLoaderService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScSmartCaptchaLoaderService, providedIn: 'root' }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScSmartCaptchaLoaderService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
-        }] });
-
-/**
- * Токен настроек Yandex SmartCaptcha. Задаётся приложением.
- */
-const SC_SMART_CAPTCHA_SETTINGS = new InjectionToken('SC_SMART_CAPTCHA_SETTINGS');
-
-/* eslint-disable no-use-before-define */
-/**
- * Виджет Yandex SmartCaptcha. Значение поля ввода - токен прохождения проверки, `null` пока проверка не пройдена или токен истёк.
- */
-class ScSmartCaptchaComponent {
-    /**
-     * Инициализирует экземпляр класса {@link ScSmartCaptchaComponent}.
-     */
-    constructor() {
-        /**
-         * Контейнер, в котором отрисовывается виджет.
-         */
-        this.container = viewChild.required('container');
-        /**
-         * Настройки Yandex SmartCaptcha.
-         */
-        this.settings = inject(SC_SMART_CAPTCHA_SETTINGS);
-        /**
-         * Сервис загрузки скрипта Yandex SmartCaptcha.
-         */
-        this.loader = inject(ScSmartCaptchaLoaderService);
-        /**
-         * {@link NgZone} для отрисовки виджета вне зоны Angular и возврата его событий в зону.
-         */
-        this.ngZone = inject(NgZone);
-        /**
-         * Ссылка для автоматического управления уничтожением зависимостей.
-         */
-        this.destroyRef = inject(DestroyRef);
-        /**
-         * Признак того, что капчу не удалось загрузить.
-         */
-        this.hasError = signal(false);
-        /**
-         * Функции отписки от событий виджета.
-         */
-        this.unsubscribers = [];
-        /**
-         * Обработчик изменения значения поля ввода.
-         */
-        this.onChange = noop;
-        /**
-         * Обработчик касания поля ввода.
-         */
-        this.onTouched = noop;
-        afterNextRender(() => {
-            this.load();
-        });
-        this.destroyRef.onDestroy(() => {
-            this.destroyWidget();
-        });
-    }
-    /** @inheritDoc */
-    writeValue(token) {
-        const { api, widgetId } = this;
-        if (!token && api && widgetId !== undefined) {
-            this.ngZone.runOutsideAngular(() => {
-                api.reset(widgetId);
-            });
-        }
-    }
-    /** @inheritDoc */
-    registerOnChange(onChange) {
-        this.onChange = onChange;
-    }
-    /** @inheritDoc */
-    registerOnTouched(onTouched) {
-        this.onTouched = onTouched;
-    }
-    /**
-     * Повторяет загрузку капчи после ошибки.
-     */
-    retry() {
-        this.hasError.set(false);
-        this.load();
-    }
-    /**
-     * Загружает API Yandex SmartCaptcha и отрисовывает виджет (API приходит вне зоны Angular). При ошибке загрузки или отрисовки показывает сообщение.
-     */
-    load() {
-        this.loader.api$
-            .pipe(tap((api) => {
-            this.render(api);
-        }), takeUntilDestroyed(this.destroyRef))
-            .subscribe({
-            error: () => {
-                this.showError();
-            },
-        });
-    }
-    /**
-     * Отрисовывает виджет и подписывается на его события.
-     *
-     * @param api API Yandex SmartCaptcha.
-     */
-    render(api) {
-        const widgetId = api.render(this.container().nativeElement, { sitekey: this.settings.sitekey, hl: this.settings.language });
-        this.api = api;
-        this.widgetId = widgetId;
-        this.unsubscribers = [
-            api.subscribe(widgetId, 'success', (token) => {
-                this.updateValue(typeof token === 'string' ? token : null);
-            }),
-            api.subscribe(widgetId, 'token-expired', () => {
-                this.updateValue(null);
-                api.reset(widgetId);
-            }),
-            api.subscribe(widgetId, 'javascript-error', () => {
-                this.showError();
-            }),
-        ];
-    }
-    /**
-     * Передаёт форме новое значение токена.
-     *
-     * @param token Токен прохождения проверки.
-     */
-    updateValue(token) {
-        this.ngZone.run(() => {
-            this.onChange(token);
-            this.onTouched();
-        });
-    }
-    /**
-     * Удаляет виджет, очищает токен и показывает сообщение об ошибке.
-     */
-    showError() {
-        this.destroyWidget();
-        this.ngZone.run(() => {
-            this.hasError.set(true);
-            this.onChange(null);
-        });
-    }
-    /**
-     * Удаляет виджет вместе с созданными им элементами и обработчиками.
-     */
-    destroyWidget() {
-        this.unsubscribers.forEach((unsubscribe) => {
-            unsubscribe();
-        });
-        this.unsubscribers = [];
-        const { api, widgetId } = this;
-        if (api && widgetId !== undefined) {
-            this.ngZone.runOutsideAngular(() => {
-                api.destroy(widgetId);
-            });
-        }
-        this.api = undefined;
-        this.widgetId = undefined;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScSmartCaptchaComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ScSmartCaptchaComponent, isStandalone: true, selector: "sc-smart-captcha", providers: [tuiProvide(NG_VALUE_ACCESSOR, ScSmartCaptchaComponent, true)], viewQueries: [{ propertyName: "container", first: true, predicate: ["container"], descendants: true, isSignal: true }], ngImport: i0, template: "<div\n    #container\n    class=\"min-h-[7.375rem]\"\n    [class.hidden]=\"hasError()\"\n></div>\n@if (hasError()) {\n    <p\n        role=\"alert\"\n        class=\"text-body-s text-tui-text-negative\"\n    >\n        \u041D\u0435 \u0443\u0434\u0430\u043B\u043E\u0441\u044C \u0437\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u044C \u043F\u0440\u043E\u0432\u0435\u0440\u043A\u0443 \u00AB\u042F \u043D\u0435 \u0440\u043E\u0431\u043E\u0442\u00BB.\n        <button\n            tuiLink\n            type=\"button\"\n            (click)=\"retry()\"\n        >\n            \u041F\u043E\u0432\u0442\u043E\u0440\u0438\u0442\u044C\n        </button>\n    </p>\n}\n", dependencies: [{ kind: "directive", type: TuiLink, selector: "a[tuiLink], button[tuiLink]", inputs: ["pseudo"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScSmartCaptchaComponent, decorators: [{
-            type: Component,
-            args: [{ standalone: true, selector: 'sc-smart-captcha', imports: [TuiLink], providers: [tuiProvide(NG_VALUE_ACCESSOR, ScSmartCaptchaComponent, true)], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n    #container\n    class=\"min-h-[7.375rem]\"\n    [class.hidden]=\"hasError()\"\n></div>\n@if (hasError()) {\n    <p\n        role=\"alert\"\n        class=\"text-body-s text-tui-text-negative\"\n    >\n        \u041D\u0435 \u0443\u0434\u0430\u043B\u043E\u0441\u044C \u0437\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u044C \u043F\u0440\u043E\u0432\u0435\u0440\u043A\u0443 \u00AB\u042F \u043D\u0435 \u0440\u043E\u0431\u043E\u0442\u00BB.\n        <button\n            tuiLink\n            type=\"button\"\n            (click)=\"retry()\"\n        >\n            \u041F\u043E\u0432\u0442\u043E\u0440\u0438\u0442\u044C\n        </button>\n    </p>\n}\n" }]
-        }], ctorParameters: () => [] });
-
 /**
  * Компонент формы обратной связи.
  */
@@ -11487,7 +12400,7 @@ class ScFeedbackFormComponent {
             }
         }));
         /**
-         * Поле ввода токена капчи, имя `recaptcha` задано API.
+         * Поле ввода для recaptcha.
          */
         this.recaptchaControl = new FormControl(null, Validators.required);
         /**
@@ -11529,10 +12442,8 @@ class ScFeedbackFormComponent {
         }), 
         // eslint-disable-next-line rxjs/no-implicit-any-catch
         catchError((error) => {
-            // Токен капчи одноразовый: для повторной отправки нужна новая проверка.
-            this.recaptchaControl.reset();
             this.form.markAllAsTouched();
-            const { errors, message } = (error.error ?? {});
+            const { errors, message } = error.error;
             if (errors) {
                 Object.keys(errors).forEach((key) => {
                     const control = this.form.get(key);
@@ -11569,6 +12480,16 @@ class ScFeedbackFormComponent {
          * Список стран.
          */
         this.countries = getCountries();
+        /**
+         * Это решение ошибки #4940, было @see [предложено](https://github.com/DethAriel/ng-recaptcha/issues/123#issuecomment-426112101) автором {@link RecaptchaComponent}.
+         */
+        RecaptchaComponent.prototype.ngOnDestroy = function () {
+            // eslint-disable-next-line @typescript-eslint/dot-notation
+            if (this['subscription']) {
+                // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-call, @typescript-eslint/dot-notation
+                this['subscription'].unsubscribe();
+            }
+        };
         merge(this.user$, this.accepted$.pipe(tap((files) => {
             this.form.controls.files.reset([]);
             this.onUploadFile(files);
@@ -11692,7 +12613,7 @@ class ScFeedbackFormComponent {
         return ScPhoneService.isValidPhoneNumberForMessenger(value);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScFeedbackFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ScFeedbackFormComponent, isStandalone: true, selector: "sc-feedback-form", inputs: { slugInput: { classPropertyName: "slugInput", publicName: "slug", isSignal: true, isRequired: false, transformFunction: null }, fieldsInput: { classPropertyName: "fieldsInput", publicName: "fields", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { clickOffer: "clickOffer", sendSuccess: "sendSuccess" }, ngImport: i0, template: "@let fieldsList = fields();\n<form\n    *ngIf=\"fieldsList.length > 0\"\n    [formGroup]=\"form\"\n    (ngSubmit)=\"onSubmit.next()\"\n    class=\"flex flex-col justify-between gap-4\"\n>\n    <!-- \u0424\u0418\u041E -->\n    <label\n        *ngIf=\"fieldsList.includes('name')\"\n        tuiLabel\n    >\n        \u0424\u0418\u041E\n        <tui-input formControlName=\"name\"> \u0423\u043A\u0430\u0436\u0438\u0442\u0435 \u0412\u0430\u0448\u0438 \u0424.\u0418.\u041E. </tui-input>\n        <tui-error\n            formControlName=\"name\"\n            [error]=\"[] | tuiFieldError | async\"\n        />\n    </label>\n\n    <!-- \u0422\u0435\u043B\u0435\u0444\u043E\u043D -->\n    @if (fieldsList.includes('phone')) {\n        <label tuiLabel>\n            \u0422\u0435\u043B\u0435\u0444\u043E\u043D\n            <tui-textfield>\n                <input\n                    formControlName=\"phone\"\n                    tuiInputPhoneInternational\n                    [countrySearch]=\"true\"\n                    [countries]=\"(countries | tuiSortCountries | async) || []\"\n                    autocomplete=\"phone\"\n                />\n            </tui-textfield>\n            <tui-error\n                formControlName=\"phone\"\n                [error]=\"[] | tuiFieldError | async\"\n            />\n        </label>\n\n        <label\n            *ngIf=\"fieldsList.includes('isShouldUseMessenger') && form.controls.phone.value && isValidPhoneNumberForMessenger(form.controls.phone.value)\"\n            tuiLabel\n        >\n            <input\n                formControlName=\"isShouldUseMessenger\"\n                tuiCheckbox\n                type=\"checkbox\"\n            />\n            <span tuiTitle> \u041D\u0430\u043F\u0438\u0441\u0430\u0442\u044C \u0432 \u043C\u0435\u0441\u0441\u0435\u043D\u0434\u0436\u0435\u0440\u0430\u0445, \u0430 \u043D\u0435 \u0437\u0432\u043E\u043D\u0438\u0442\u044C </span>\n        </label>\n    }\n    <!-- \u0410\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B -->\n    <label\n        *ngIf=\"fieldsList.includes('email')\"\n        tuiLabel\n    >\n        \u0410\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B\n        <tui-input formControlName=\"email\">\n            \u0410\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B\n            <sc-suggestion-field\n                *tuiDataList\n                [type]=\"suggestionType.email\"\n            />\n        </tui-input>\n        <tui-error\n            formControlName=\"email\"\n            [error]=\"[] | tuiFieldError | async\"\n        />\n    </label>\n\n    <!-- \u041A\u043E\u043C\u043C\u0435\u043D\u0442\u0430\u0440\u0438\u0439 -->\n    <label\n        *ngIf=\"fieldsList.includes('message')\"\n        tuiLabel\n    >\n        \u041A\u043E\u043C\u043C\u0435\u043D\u0442\u0430\u0440\u0438\u0439\n        <tui-textarea formControlName=\"message\"> \u041A\u043E\u043C\u043C\u0435\u043D\u0442\u0430\u0440\u0438\u0439 </tui-textarea>\n        <tui-error\n            formControlName=\"message\"\n            [error]=\"[] | tuiFieldError | async\"\n        />\n    </label>\n\n    <!-- \u0424\u0430\u0439\u043B\u044B -->\n    <div\n        *ngIf=\"fieldsList.includes('files')\"\n        class=\"flex flex-col gap-1\"\n    >\n        <label tuiInputFiles>\n            <input\n                #validator=\"tuiInputFilesValidator\"\n                accept=\".doc,.docx,.pdf,image/*\"\n                tuiInputFiles\n                [formControl]=\"loadedFile\"\n                [multiple]=\"true\"\n                (reject)=\"onReject($event)\"\n            />\n        </label>\n\n        <tui-error\n            *ngIf=\"loadedFile.invalid\"\n            [error]=\"['maxLength'] | tuiFieldError | async\"\n            [formControl]=\"loadedFile\"\n        />\n\n        @let accepted = accepted$ | async;\n        <tui-files\n            *ngIf=\"accepted?.length || rejected.length\"\n            class=\"tui-space_top-1\"\n        >\n            <tui-file\n                *ngFor=\"let file of accepted\"\n                [file]=\"file\"\n                (remove)=\"onRemove(file)\"\n            />\n            <tui-file\n                *ngFor=\"let file of rejected\"\n                state=\"error\"\n                [file]=\"(file | tuiFileRejected: validator | async) || file\"\n                (remove)=\"onRemove(file)\"\n            />\n        </tui-files>\n    </div>\n\n    <!-- \u041A\u0430\u043F\u0447\u0430 -->\n    @if (form.get('recaptcha'); as recaptcha) {\n        <div\n            class=\"mb-3 max-h-[7.5rem] overflow-hidden duration-500\"\n            [ngClass]=\"{ '!max-h-0 !-m-2': recaptcha.valid }\"\n            [attr.inert]=\"recaptcha.valid ? '' : null\"\n        >\n            <sc-smart-captcha formControlName=\"recaptcha\" />\n        </div>\n        @if (recaptcha.getError('serverResponse'); as serverErrors) {\n            <tui-error [error]=\"serverErrors.join(' ')\" />\n        }\n    }\n\n    <!-- \u042D\u043B\u0435\u043C\u0435\u043D\u0442\u044B \u0443\u043F\u0440\u0430\u0432\u043B\u0435\u043D\u0438\u044F  -->\n    <div class=\"flex flex-wrap items-center gap-3\">\n        <button\n            tuiButton\n            [disabled]=\"form.invalid\"\n            [loading]=\"!!(loading$ | async)\"\n            type=\"submit\"\n            iconStart=\"@tui.sc.send\"\n            class=\"self-center\"\n        >\n            \u041E\u0442\u043F\u0440\u0430\u0432\u0438\u0442\u044C\n        </button>\n        <div class=\"grow basis-60 text-body-s\">\n            \u041D\u0430\u0436\u0438\u043C\u0430\u044F \u043D\u0430 \u043A\u043D\u043E\u043F\u043A\u0443, \u0432\u044B \u0441\u043E\u0433\u043B\u0430\u0448\u0430\u0435\u0442\u0435\u0441\u044C \u0441\n            <button\n                tuiLink\n                [pseudo]=\"true\"\n                type=\"button\"\n                (click)=\"context?.data?.onClickOfferHandler(); clickOffer.emit()\"\n            >\n                \u041F\u043E\u043B\u0438\u0442\u0438\u043A\u043E\u0439 \u043A\u043E\u043D\u0444\u0438\u0434\u0435\u043D\u0446\u0438\u0430\u043B\u044C\u043D\u043E\u0441\u0442\u0438\n            </button>\n        </div>\n    </div>\n</form>\n", dependencies: [{ kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: TuiError, selector: "tui-error", inputs: ["error"] }, { kind: "pipe", type: TuiFieldErrorPipe, name: "tuiFieldError" }, { kind: "ngmodule", type: ScFormFieldsModule }, { kind: "component", type: ScSuggestionFieldComponent, selector: "sc-suggestion-field", inputs: ["type"], outputs: ["selectedClick"] }, { kind: "ngmodule", type: TuiInputModule }, { kind: "component", type: i3.TuiInputComponent, selector: "tui-input" }, { kind: "directive", type: i3.TuiInputDirective, selector: "tui-input" }, { kind: "ngmodule", type: TuiInputPhoneModule }, { kind: "directive", type: TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "component", type: TuiButtonLoading, selector: "[tuiButton][loading],[tuiIconButton][loading]", inputs: ["size", "loading"] }, { kind: "directive", type: TuiLabel, selector: "label[tuiLabel]" }, { kind: "component", type: ScSmartCaptchaComponent, selector: "sc-smart-captcha" }, { kind: "directive", type: TuiLink, selector: "a[tuiLink], button[tuiLink]", inputs: ["pseudo"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: TuiTextareaModule }, { kind: "component", type: i3.TuiTextareaComponent, selector: "tui-textarea", inputs: ["rows", "maxLength", "expandable"] }, { kind: "directive", type: i3.TuiTextareaDirective, selector: "tui-textarea" }, { kind: "component", type: TuiCheckbox, selector: "input[type=\"checkbox\"][tuiCheckbox]", inputs: ["size"] }, { kind: "directive", type: TuiTitle, selector: "[tuiTitle]", inputs: ["tuiTitle"] }, { kind: "component", type: i2$1.TuiFile, selector: "tui-file,a[tuiFile],button[tuiFile]", inputs: ["file", "state", "size", "showDelete", "showSize", "leftContent"], outputs: ["remove"] }, { kind: "component", type: i2$1.TuiInputFiles, selector: "label[tuiInputFiles]" }, { kind: "component", type: i2$1.TuiFilesComponent, selector: "tui-files", inputs: ["max", "expanded"], outputs: ["expandedChange"] }, { kind: "pipe", type: i2$1.TuiFileRejectedPipe, name: "tuiFileRejected" }, { kind: "directive", type: i2$1.TuiInputFilesDirective, selector: "input[tuiInputFiles]", outputs: ["reject"] }, { kind: "component", type: TuiInputPhoneInternational, selector: "input[tuiInputPhoneInternational]", inputs: ["countrySearch", "countries", "countryIsoCode"], outputs: ["countryIsoCodeChange"] }, { kind: "component", type: i1$2.TuiTextfieldComponent, selector: "tui-textfield:not([multi])" }, { kind: "pipe", type: TuiSortCountriesPipe, name: "tuiSortCountries" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ScFeedbackFormComponent, isStandalone: true, selector: "sc-feedback-form", inputs: { slugInput: { classPropertyName: "slugInput", publicName: "slug", isSignal: true, isRequired: false, transformFunction: null }, fieldsInput: { classPropertyName: "fieldsInput", publicName: "fields", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { clickOffer: "clickOffer", sendSuccess: "sendSuccess" }, ngImport: i0, template: "@let fieldsList = fields();\n<form\n    *ngIf=\"fieldsList.length > 0\"\n    [formGroup]=\"form\"\n    (ngSubmit)=\"onSubmit.next()\"\n    class=\"flex flex-col justify-between gap-4\"\n>\n    <!-- \u0424\u0418\u041E -->\n    <label\n        *ngIf=\"fieldsList.includes('name')\"\n        tuiLabel\n    >\n        \u0424\u0418\u041E\n        <tui-input formControlName=\"name\"> \u0423\u043A\u0430\u0436\u0438\u0442\u0435 \u0412\u0430\u0448\u0438 \u0424.\u0418.\u041E. </tui-input>\n        <tui-error\n            formControlName=\"name\"\n            [error]=\"[] | tuiFieldError | async\"\n        />\n    </label>\n\n    <!-- \u0422\u0435\u043B\u0435\u0444\u043E\u043D -->\n    @if (fieldsList.includes('phone')) {\n        <label tuiLabel>\n            \u0422\u0435\u043B\u0435\u0444\u043E\u043D\n            <tui-textfield>\n                <input\n                    formControlName=\"phone\"\n                    tuiInputPhoneInternational\n                    [countrySearch]=\"true\"\n                    [countries]=\"(countries | tuiSortCountries | async) || []\"\n                    autocomplete=\"phone\"\n                />\n            </tui-textfield>\n            <tui-error\n                formControlName=\"phone\"\n                [error]=\"[] | tuiFieldError | async\"\n            />\n        </label>\n\n        <label\n            *ngIf=\"fieldsList.includes('isShouldUseMessenger') && form.controls.phone.value && isValidPhoneNumberForMessenger(form.controls.phone.value)\"\n            tuiLabel\n        >\n            <input\n                formControlName=\"isShouldUseMessenger\"\n                tuiCheckbox\n                type=\"checkbox\"\n            />\n            <span tuiTitle> \u041D\u0430\u043F\u0438\u0441\u0430\u0442\u044C \u0432 \u043C\u0435\u0441\u0441\u0435\u043D\u0434\u0436\u0435\u0440\u0430\u0445, \u0430 \u043D\u0435 \u0437\u0432\u043E\u043D\u0438\u0442\u044C </span>\n        </label>\n    }\n    <!-- \u0410\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B -->\n    <label\n        *ngIf=\"fieldsList.includes('email')\"\n        tuiLabel\n    >\n        \u0410\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B\n        <tui-input formControlName=\"email\">\n            \u0410\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B\n            <sc-suggestion-field\n                *tuiDataList\n                [type]=\"suggestionType.email\"\n            />\n        </tui-input>\n        <tui-error\n            formControlName=\"email\"\n            [error]=\"[] | tuiFieldError | async\"\n        />\n    </label>\n\n    <!-- \u041A\u043E\u043C\u043C\u0435\u043D\u0442\u0430\u0440\u0438\u0439 -->\n    <label\n        *ngIf=\"fieldsList.includes('message')\"\n        tuiLabel\n    >\n        \u041A\u043E\u043C\u043C\u0435\u043D\u0442\u0430\u0440\u0438\u0439\n        <tui-textarea formControlName=\"message\"> \u041A\u043E\u043C\u043C\u0435\u043D\u0442\u0430\u0440\u0438\u0439 </tui-textarea>\n        <tui-error\n            formControlName=\"message\"\n            [error]=\"[] | tuiFieldError | async\"\n        />\n    </label>\n\n    <!-- \u0424\u0430\u0439\u043B\u044B -->\n    <div\n        *ngIf=\"fieldsList.includes('files')\"\n        class=\"flex flex-col gap-1\"\n    >\n        <label tuiInputFiles>\n            <input\n                #validator=\"tuiInputFilesValidator\"\n                accept=\".doc,.docx,.pdf,image/*\"\n                tuiInputFiles\n                [formControl]=\"loadedFile\"\n                [multiple]=\"true\"\n                (reject)=\"onReject($event)\"\n            />\n        </label>\n\n        <tui-error\n            *ngIf=\"loadedFile.invalid\"\n            [error]=\"['maxLength'] | tuiFieldError | async\"\n            [formControl]=\"loadedFile\"\n        />\n\n        @let accepted = accepted$ | async;\n        <tui-files\n            *ngIf=\"accepted?.length || rejected.length\"\n            class=\"tui-space_top-1\"\n        >\n            <tui-file\n                *ngFor=\"let file of accepted\"\n                [file]=\"file\"\n                (remove)=\"onRemove(file)\"\n            />\n            <tui-file\n                *ngFor=\"let file of rejected\"\n                state=\"error\"\n                [file]=\"(file | tuiFileRejected: validator | async) || file\"\n                (remove)=\"onRemove(file)\"\n            />\n        </tui-files>\n    </div>\n\n    <!-- recaptcha -->\n    @if (form.get('recaptcha')) {\n        <div\n            class=\"mb-3 max-h-20 overflow-hidden duration-500\"\n            [ngClass]=\"{ '!max-h-0 !-m-2': form.get('recaptcha')?.valid }\"\n        >\n            <re-captcha formControlName=\"recaptcha\" />\n        </div>\n    }\n\n    <!-- \u042D\u043B\u0435\u043C\u0435\u043D\u0442\u044B \u0443\u043F\u0440\u0430\u0432\u043B\u0435\u043D\u0438\u044F  -->\n    <div class=\"flex flex-wrap items-center gap-3\">\n        <button\n            tuiButton\n            [disabled]=\"form.invalid\"\n            [loading]=\"!!(loading$ | async)\"\n            type=\"submit\"\n            iconStart=\"@tui.sc.send\"\n            class=\"self-center\"\n        >\n            \u041E\u0442\u043F\u0440\u0430\u0432\u0438\u0442\u044C\n        </button>\n        <div class=\"grow basis-60 text-body-s\">\n            \u041D\u0430\u0436\u0438\u043C\u0430\u044F \u043D\u0430 \u043A\u043D\u043E\u043F\u043A\u0443, \u0432\u044B \u0441\u043E\u0433\u043B\u0430\u0448\u0430\u0435\u0442\u0435\u0441\u044C \u0441\n            <button\n                tuiLink\n                [pseudo]=\"true\"\n                type=\"button\"\n                (click)=\"context?.data?.onClickOfferHandler(); clickOffer.emit()\"\n            >\n                \u041F\u043E\u043B\u0438\u0442\u0438\u043A\u043E\u0439 \u043A\u043E\u043D\u0444\u0438\u0434\u0435\u043D\u0446\u0438\u0430\u043B\u044C\u043D\u043E\u0441\u0442\u0438\n            </button>\n        </div>\n    </div>\n</form>\n", dependencies: [{ kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: TuiError, selector: "tui-error", inputs: ["error"] }, { kind: "pipe", type: TuiFieldErrorPipe, name: "tuiFieldError" }, { kind: "ngmodule", type: ScFormFieldsModule }, { kind: "component", type: ScSuggestionFieldComponent, selector: "sc-suggestion-field", inputs: ["type"], outputs: ["selectedClick"] }, { kind: "ngmodule", type: TuiInputModule }, { kind: "component", type: i3.TuiInputComponent, selector: "tui-input" }, { kind: "directive", type: i3.TuiInputDirective, selector: "tui-input" }, { kind: "ngmodule", type: TuiInputPhoneModule }, { kind: "directive", type: TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "component", type: TuiButtonLoading, selector: "[tuiButton][loading],[tuiIconButton][loading]", inputs: ["size", "loading"] }, { kind: "directive", type: TuiLabel, selector: "label[tuiLabel]" }, { kind: "ngmodule", type: RecaptchaFormsModule }, { kind: "directive", type: i4$3.RecaptchaValueAccessorDirective, selector: "re-captcha[formControlName],re-captcha[formControl],re-captcha[ngModel]" }, { kind: "ngmodule", type: RecaptchaModule }, { kind: "component", type: i4$3.RecaptchaComponent, selector: "re-captcha", inputs: ["id", "siteKey", "theme", "type", "size", "tabIndex", "badge", "errorMode"], outputs: ["resolved", "error", "errored"], exportAs: ["reCaptcha"] }, { kind: "directive", type: TuiLink, selector: "a[tuiLink], button[tuiLink]", inputs: ["pseudo"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: TuiTextareaModule }, { kind: "component", type: i3.TuiTextareaComponent, selector: "tui-textarea", inputs: ["rows", "maxLength", "expandable"] }, { kind: "directive", type: i3.TuiTextareaDirective, selector: "tui-textarea" }, { kind: "component", type: TuiCheckbox, selector: "input[type=\"checkbox\"][tuiCheckbox]", inputs: ["size"] }, { kind: "directive", type: TuiTitle, selector: "[tuiTitle]", inputs: ["tuiTitle"] }, { kind: "component", type: i2$1.TuiFile, selector: "tui-file,a[tuiFile],button[tuiFile]", inputs: ["file", "state", "size", "showDelete", "showSize", "leftContent"], outputs: ["remove"] }, { kind: "component", type: i2$1.TuiInputFiles, selector: "label[tuiInputFiles]" }, { kind: "component", type: i2$1.TuiFilesComponent, selector: "tui-files", inputs: ["max", "expanded"], outputs: ["expandedChange"] }, { kind: "pipe", type: i2$1.TuiFileRejectedPipe, name: "tuiFileRejected" }, { kind: "directive", type: i2$1.TuiInputFilesDirective, selector: "input[tuiInputFiles]", outputs: ["reject"] }, { kind: "component", type: TuiInputPhoneInternational, selector: "input[tuiInputPhoneInternational]", inputs: ["countrySearch", "countries", "countryIsoCode"], outputs: ["countryIsoCodeChange"] }, { kind: "component", type: i1$2.TuiTextfieldComponent, selector: "tui-textfield:not([multi])" }, { kind: "pipe", type: TuiSortCountriesPipe, name: "tuiSortCountries" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 __decorate([
     tuiPure
@@ -11712,7 +12633,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                         TuiButton,
                         TuiButtonLoading,
                         TuiLabel,
-                        ScSmartCaptchaComponent,
+                        RecaptchaFormsModule,
+                        RecaptchaModule,
                         TuiLink,
                         NgIf,
                         TuiTextareaModule,
@@ -11722,7 +12644,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                         TuiInputPhoneInternational,
                         ...TuiTextfield,
                         TuiSortCountriesPipe,
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "@let fieldsList = fields();\n<form\n    *ngIf=\"fieldsList.length > 0\"\n    [formGroup]=\"form\"\n    (ngSubmit)=\"onSubmit.next()\"\n    class=\"flex flex-col justify-between gap-4\"\n>\n    <!-- \u0424\u0418\u041E -->\n    <label\n        *ngIf=\"fieldsList.includes('name')\"\n        tuiLabel\n    >\n        \u0424\u0418\u041E\n        <tui-input formControlName=\"name\"> \u0423\u043A\u0430\u0436\u0438\u0442\u0435 \u0412\u0430\u0448\u0438 \u0424.\u0418.\u041E. </tui-input>\n        <tui-error\n            formControlName=\"name\"\n            [error]=\"[] | tuiFieldError | async\"\n        />\n    </label>\n\n    <!-- \u0422\u0435\u043B\u0435\u0444\u043E\u043D -->\n    @if (fieldsList.includes('phone')) {\n        <label tuiLabel>\n            \u0422\u0435\u043B\u0435\u0444\u043E\u043D\n            <tui-textfield>\n                <input\n                    formControlName=\"phone\"\n                    tuiInputPhoneInternational\n                    [countrySearch]=\"true\"\n                    [countries]=\"(countries | tuiSortCountries | async) || []\"\n                    autocomplete=\"phone\"\n                />\n            </tui-textfield>\n            <tui-error\n                formControlName=\"phone\"\n                [error]=\"[] | tuiFieldError | async\"\n            />\n        </label>\n\n        <label\n            *ngIf=\"fieldsList.includes('isShouldUseMessenger') && form.controls.phone.value && isValidPhoneNumberForMessenger(form.controls.phone.value)\"\n            tuiLabel\n        >\n            <input\n                formControlName=\"isShouldUseMessenger\"\n                tuiCheckbox\n                type=\"checkbox\"\n            />\n            <span tuiTitle> \u041D\u0430\u043F\u0438\u0441\u0430\u0442\u044C \u0432 \u043C\u0435\u0441\u0441\u0435\u043D\u0434\u0436\u0435\u0440\u0430\u0445, \u0430 \u043D\u0435 \u0437\u0432\u043E\u043D\u0438\u0442\u044C </span>\n        </label>\n    }\n    <!-- \u0410\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B -->\n    <label\n        *ngIf=\"fieldsList.includes('email')\"\n        tuiLabel\n    >\n        \u0410\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B\n        <tui-input formControlName=\"email\">\n            \u0410\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B\n            <sc-suggestion-field\n                *tuiDataList\n                [type]=\"suggestionType.email\"\n            />\n        </tui-input>\n        <tui-error\n            formControlName=\"email\"\n            [error]=\"[] | tuiFieldError | async\"\n        />\n    </label>\n\n    <!-- \u041A\u043E\u043C\u043C\u0435\u043D\u0442\u0430\u0440\u0438\u0439 -->\n    <label\n        *ngIf=\"fieldsList.includes('message')\"\n        tuiLabel\n    >\n        \u041A\u043E\u043C\u043C\u0435\u043D\u0442\u0430\u0440\u0438\u0439\n        <tui-textarea formControlName=\"message\"> \u041A\u043E\u043C\u043C\u0435\u043D\u0442\u0430\u0440\u0438\u0439 </tui-textarea>\n        <tui-error\n            formControlName=\"message\"\n            [error]=\"[] | tuiFieldError | async\"\n        />\n    </label>\n\n    <!-- \u0424\u0430\u0439\u043B\u044B -->\n    <div\n        *ngIf=\"fieldsList.includes('files')\"\n        class=\"flex flex-col gap-1\"\n    >\n        <label tuiInputFiles>\n            <input\n                #validator=\"tuiInputFilesValidator\"\n                accept=\".doc,.docx,.pdf,image/*\"\n                tuiInputFiles\n                [formControl]=\"loadedFile\"\n                [multiple]=\"true\"\n                (reject)=\"onReject($event)\"\n            />\n        </label>\n\n        <tui-error\n            *ngIf=\"loadedFile.invalid\"\n            [error]=\"['maxLength'] | tuiFieldError | async\"\n            [formControl]=\"loadedFile\"\n        />\n\n        @let accepted = accepted$ | async;\n        <tui-files\n            *ngIf=\"accepted?.length || rejected.length\"\n            class=\"tui-space_top-1\"\n        >\n            <tui-file\n                *ngFor=\"let file of accepted\"\n                [file]=\"file\"\n                (remove)=\"onRemove(file)\"\n            />\n            <tui-file\n                *ngFor=\"let file of rejected\"\n                state=\"error\"\n                [file]=\"(file | tuiFileRejected: validator | async) || file\"\n                (remove)=\"onRemove(file)\"\n            />\n        </tui-files>\n    </div>\n\n    <!-- \u041A\u0430\u043F\u0447\u0430 -->\n    @if (form.get('recaptcha'); as recaptcha) {\n        <div\n            class=\"mb-3 max-h-[7.5rem] overflow-hidden duration-500\"\n            [ngClass]=\"{ '!max-h-0 !-m-2': recaptcha.valid }\"\n            [attr.inert]=\"recaptcha.valid ? '' : null\"\n        >\n            <sc-smart-captcha formControlName=\"recaptcha\" />\n        </div>\n        @if (recaptcha.getError('serverResponse'); as serverErrors) {\n            <tui-error [error]=\"serverErrors.join(' ')\" />\n        }\n    }\n\n    <!-- \u042D\u043B\u0435\u043C\u0435\u043D\u0442\u044B \u0443\u043F\u0440\u0430\u0432\u043B\u0435\u043D\u0438\u044F  -->\n    <div class=\"flex flex-wrap items-center gap-3\">\n        <button\n            tuiButton\n            [disabled]=\"form.invalid\"\n            [loading]=\"!!(loading$ | async)\"\n            type=\"submit\"\n            iconStart=\"@tui.sc.send\"\n            class=\"self-center\"\n        >\n            \u041E\u0442\u043F\u0440\u0430\u0432\u0438\u0442\u044C\n        </button>\n        <div class=\"grow basis-60 text-body-s\">\n            \u041D\u0430\u0436\u0438\u043C\u0430\u044F \u043D\u0430 \u043A\u043D\u043E\u043F\u043A\u0443, \u0432\u044B \u0441\u043E\u0433\u043B\u0430\u0448\u0430\u0435\u0442\u0435\u0441\u044C \u0441\n            <button\n                tuiLink\n                [pseudo]=\"true\"\n                type=\"button\"\n                (click)=\"context?.data?.onClickOfferHandler(); clickOffer.emit()\"\n            >\n                \u041F\u043E\u043B\u0438\u0442\u0438\u043A\u043E\u0439 \u043A\u043E\u043D\u0444\u0438\u0434\u0435\u043D\u0446\u0438\u0430\u043B\u044C\u043D\u043E\u0441\u0442\u0438\n            </button>\n        </div>\n    </div>\n</form>\n" }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "@let fieldsList = fields();\n<form\n    *ngIf=\"fieldsList.length > 0\"\n    [formGroup]=\"form\"\n    (ngSubmit)=\"onSubmit.next()\"\n    class=\"flex flex-col justify-between gap-4\"\n>\n    <!-- \u0424\u0418\u041E -->\n    <label\n        *ngIf=\"fieldsList.includes('name')\"\n        tuiLabel\n    >\n        \u0424\u0418\u041E\n        <tui-input formControlName=\"name\"> \u0423\u043A\u0430\u0436\u0438\u0442\u0435 \u0412\u0430\u0448\u0438 \u0424.\u0418.\u041E. </tui-input>\n        <tui-error\n            formControlName=\"name\"\n            [error]=\"[] | tuiFieldError | async\"\n        />\n    </label>\n\n    <!-- \u0422\u0435\u043B\u0435\u0444\u043E\u043D -->\n    @if (fieldsList.includes('phone')) {\n        <label tuiLabel>\n            \u0422\u0435\u043B\u0435\u0444\u043E\u043D\n            <tui-textfield>\n                <input\n                    formControlName=\"phone\"\n                    tuiInputPhoneInternational\n                    [countrySearch]=\"true\"\n                    [countries]=\"(countries | tuiSortCountries | async) || []\"\n                    autocomplete=\"phone\"\n                />\n            </tui-textfield>\n            <tui-error\n                formControlName=\"phone\"\n                [error]=\"[] | tuiFieldError | async\"\n            />\n        </label>\n\n        <label\n            *ngIf=\"fieldsList.includes('isShouldUseMessenger') && form.controls.phone.value && isValidPhoneNumberForMessenger(form.controls.phone.value)\"\n            tuiLabel\n        >\n            <input\n                formControlName=\"isShouldUseMessenger\"\n                tuiCheckbox\n                type=\"checkbox\"\n            />\n            <span tuiTitle> \u041D\u0430\u043F\u0438\u0441\u0430\u0442\u044C \u0432 \u043C\u0435\u0441\u0441\u0435\u043D\u0434\u0436\u0435\u0440\u0430\u0445, \u0430 \u043D\u0435 \u0437\u0432\u043E\u043D\u0438\u0442\u044C </span>\n        </label>\n    }\n    <!-- \u0410\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B -->\n    <label\n        *ngIf=\"fieldsList.includes('email')\"\n        tuiLabel\n    >\n        \u0410\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B\n        <tui-input formControlName=\"email\">\n            \u0410\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B\n            <sc-suggestion-field\n                *tuiDataList\n                [type]=\"suggestionType.email\"\n            />\n        </tui-input>\n        <tui-error\n            formControlName=\"email\"\n            [error]=\"[] | tuiFieldError | async\"\n        />\n    </label>\n\n    <!-- \u041A\u043E\u043C\u043C\u0435\u043D\u0442\u0430\u0440\u0438\u0439 -->\n    <label\n        *ngIf=\"fieldsList.includes('message')\"\n        tuiLabel\n    >\n        \u041A\u043E\u043C\u043C\u0435\u043D\u0442\u0430\u0440\u0438\u0439\n        <tui-textarea formControlName=\"message\"> \u041A\u043E\u043C\u043C\u0435\u043D\u0442\u0430\u0440\u0438\u0439 </tui-textarea>\n        <tui-error\n            formControlName=\"message\"\n            [error]=\"[] | tuiFieldError | async\"\n        />\n    </label>\n\n    <!-- \u0424\u0430\u0439\u043B\u044B -->\n    <div\n        *ngIf=\"fieldsList.includes('files')\"\n        class=\"flex flex-col gap-1\"\n    >\n        <label tuiInputFiles>\n            <input\n                #validator=\"tuiInputFilesValidator\"\n                accept=\".doc,.docx,.pdf,image/*\"\n                tuiInputFiles\n                [formControl]=\"loadedFile\"\n                [multiple]=\"true\"\n                (reject)=\"onReject($event)\"\n            />\n        </label>\n\n        <tui-error\n            *ngIf=\"loadedFile.invalid\"\n            [error]=\"['maxLength'] | tuiFieldError | async\"\n            [formControl]=\"loadedFile\"\n        />\n\n        @let accepted = accepted$ | async;\n        <tui-files\n            *ngIf=\"accepted?.length || rejected.length\"\n            class=\"tui-space_top-1\"\n        >\n            <tui-file\n                *ngFor=\"let file of accepted\"\n                [file]=\"file\"\n                (remove)=\"onRemove(file)\"\n            />\n            <tui-file\n                *ngFor=\"let file of rejected\"\n                state=\"error\"\n                [file]=\"(file | tuiFileRejected: validator | async) || file\"\n                (remove)=\"onRemove(file)\"\n            />\n        </tui-files>\n    </div>\n\n    <!-- recaptcha -->\n    @if (form.get('recaptcha')) {\n        <div\n            class=\"mb-3 max-h-20 overflow-hidden duration-500\"\n            [ngClass]=\"{ '!max-h-0 !-m-2': form.get('recaptcha')?.valid }\"\n        >\n            <re-captcha formControlName=\"recaptcha\" />\n        </div>\n    }\n\n    <!-- \u042D\u043B\u0435\u043C\u0435\u043D\u0442\u044B \u0443\u043F\u0440\u0430\u0432\u043B\u0435\u043D\u0438\u044F  -->\n    <div class=\"flex flex-wrap items-center gap-3\">\n        <button\n            tuiButton\n            [disabled]=\"form.invalid\"\n            [loading]=\"!!(loading$ | async)\"\n            type=\"submit\"\n            iconStart=\"@tui.sc.send\"\n            class=\"self-center\"\n        >\n            \u041E\u0442\u043F\u0440\u0430\u0432\u0438\u0442\u044C\n        </button>\n        <div class=\"grow basis-60 text-body-s\">\n            \u041D\u0430\u0436\u0438\u043C\u0430\u044F \u043D\u0430 \u043A\u043D\u043E\u043F\u043A\u0443, \u0432\u044B \u0441\u043E\u0433\u043B\u0430\u0448\u0430\u0435\u0442\u0435\u0441\u044C \u0441\n            <button\n                tuiLink\n                [pseudo]=\"true\"\n                type=\"button\"\n                (click)=\"context?.data?.onClickOfferHandler(); clickOffer.emit()\"\n            >\n                \u041F\u043E\u043B\u0438\u0442\u0438\u043A\u043E\u0439 \u043A\u043E\u043D\u0444\u0438\u0434\u0435\u043D\u0446\u0438\u0430\u043B\u044C\u043D\u043E\u0441\u0442\u0438\n            </button>\n        </div>\n    </div>\n</form>\n" }]
         }], ctorParameters: () => [], propDecorators: { isValidPhoneNumberForMessenger: [] } });
 
 /**
@@ -12309,5 +13231,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_BLOCK_INCOMPLETE_ADDRESS, SC_CATALOG_FILTER_PREVIEWS, SC_CATALOG_PRODUCTS_FILTERS, SC_CATALOG_SHOW_PRODUCTS_RECURSIVELY, SC_DATE_FORMATTER, SC_DEBOUNCE_TIME_DEFAULT, SC_DIALOG_SERVICE_TOKEN, SC_ERROR_CHANGE_HANDLER, SC_FAQ_GROUP_QUERY_PARAM, SC_FAQ_QUESTION_ANCHOR_PREFIX, SC_HELP_NOTIFICATION_CLOSE, SC_HELP_NOTIFICATION_LIMIT, SC_HIDDEN_PRINT_ELEMENTS, SC_MANAGER_QR_HANDLER, SC_NOTIFY_WHEN_IN_STOCK_REQUIRED_FIELDS, SC_ORDER_FORM_CONFIG, SC_ORDER_OPTIONS, SC_PAGE_SIZE_OPTIONS$1 as SC_PAGE_SIZE_OPTIONS, SC_SHOW_HELP_NOTIFICATION_IN_PHONE_INPUT, SC_SMART_CAPTCHA_LOAD_TIMEOUT, SC_SMART_CAPTCHA_SETTINGS, SC_USER_CITY_INFO, SC_USER_INFO, SC_USER_PROVIDERS, SC_VERIFICATION_CODE_TIMEOUT, ScAccordionComponent, ScAccordionContentDirective, ScAccordionModule, ScAddContactDialogComponent, ScAddContragentBankAccountsDialogComponent, ScAddContragentDialogComponent, ScAddDeliveryAddressDialogComponent, ScAddOrEditingCartItemDialogComponent, ScAddOrEditingCartItemFormComponent, ScAddressQualityDirective, ScAddressQualityService, ScAddressesSelectionFieldComponent, ScAuthModule, ScBannerComponent, ScBannerModule, ScBrandsListComponent, ScBrandsListModule, ScCartAddProductsFromCsvDialogComponent, ScCatalogFilterCollapsibleComponent, ScCatalogFiltersComponent, ScCatalogModule, ScCategoryCardComponent, ScContactsAccordionComponent, ScContactsModule, ScContragentsAccordionComponent, ScContragentsAccordionItemComponent, ScContragentsModule, ScDeliveryAddressAccordionComponent, ScDeliveryAddressAccordionItemComponent, ScDeliveryAddressModule, ScDownloadPriceListComponent, ScDraftComponent, ScEmailLinkDirective, ScErrorBlockStatusComponent, ScErrorHandlerComponent, ScFavoriteButtonComponent, ScFeedbackFormComponent, ScFocusFirstInvalidFieldDirective, ScFormFieldsModule, ScFormatDatePipe, ScFrequentlyAskedQuestionsComponent, ScFrequentlyAskedQuestionsGroupSelectorComponent, ScFrequentlyAskedQuestionsWithGroupsComponent, ScGratitudeComponent, ScHelpNotificationService, ScHoverImageCarouselComponent, ScInputQuantityComponent, ScLinks, ScManagerCardComponent, ScManagerCardPushComponent, ScNewContactFormComponent, ScNewContragentBankAccountsFormComponent, ScNewContragentFormComponent, ScNewOrderItemsComponent, ScNewsCardComponent, ScNewsCardSkeletonComponent, ScNewsListComponent, ScNewsModule, ScNextInputFocusDirective, ScNextInputFocusModule, ScNoindexDirective, ScNoindexWrapperComponent, ScNotifyWhenInStockDialogComponent, ScOrderAccessorDirective, ScOrderFormComponent, ScOrderItemComponent, ScOrderItemsListByStockComponent, ScOrderItemsListComponent, ScOrderItemsListWithActionsComponent, ScOrderModule, ScPaginationLinksComponent, ScPaymentStatusComponent, ScPersonalDataProcessingPolicyComponent, ScPhoneFormatPipe, ScPreviewSampleComponent, ScPreviewSampleModule, ScPreviewSamplesMosquitoComponent, ScPriceCardComponent, ScPriceCardInlineComponent, ScPriceHistoryComponent, ScPriceListPaginationComponent, ScPriceWarehouseStockComponent, ScPrintDirective, ScPrintService, ScPrivacyPolicyComponent, ScProductInAllWarehousesPipe, ScProfileAccordionsContentComponent, ScProfileModule, ScPublicOfferComponent, ScQRCodeDialogComponent, ScQRCodeModule, ScResetUserPasswordComponent, ScResourcePreviewComponent, ScSandwichComponent, ScSandwichM2Component, ScSandwichM2SkeletonComponent, ScSandwichSkeletonComponent, ScScriptsService, ScSelectOnFocusinDirective, ScSeoTagsComponent, ScShareButtonComponent, ScShareDialogComponent, ScShareMessengersLinksComponent, ScShareService, ScSignInFormByEmailComponent, ScSignInFormByPhoneComponent, ScSignInFormComponent, ScSignUpFormComponent, ScSimpleSignUpFormComponent, ScSmartCaptchaComponent, ScSmartCaptchaLoaderService, ScSuggestionFieldComponent, ScTelLinkDirective, ScTerminalLinkDirective, ScUpdateUserInfoDialogComponent, ScUserManagersComponent, ScUserModule, ScUserPhoneApproveDialogComponent, ScVerificationModule, ScVerificationPhoneCheckFormComponent, TreeDirective, TreeIconService, TreeLoaderService, TreeTopDirective, phoneValidator, scAtLeastOneRequiredValidator, scBicValidator, scClientUiIconsName, scCorrespondentAccountValidator, scGetCurrentRoute, scGetFaqGroupQueryParams, scGetFaqQuestionAnchor, scGetFaqQuestionIdFromAnchor, scPasswordConfirmMatchingValidator, stepValidator, tuiDateValueTransformerDefaultProvider };
+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_BLOCK_INCOMPLETE_ADDRESS, SC_CATALOG_FILTER_PREVIEWS, 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, ScAddressQualityDirective, ScAddressQualityService, ScAddressesSelectionFieldComponent, ScAuthModule, ScBannerComponent, ScBannerModule, ScBrandsListComponent, ScBrandsListModule, ScCartAddProductsFromCsvDialogComponent, ScCatalogFilterCollapsibleComponent, ScCatalogFiltersComponent, ScCatalogModule, ScCategoryCardComponent, ScConfirmAlertComponent, ScContactsAccordionComponent, ScContactsModule, ScContragentsAccordionComponent, ScContragentsAccordionItemComponent, ScContragentsModule, ScDeliveryAddressAccordionComponent, ScDeliveryAddressAccordionItemComponent, ScDeliveryAddressModule, ScDownloadPriceListComponent, ScDraftComponent, ScDraftExpirationClockService, ScDraftListHelper, ScDraftListUpdatesService, 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, 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 };
 //# sourceMappingURL=snabcentr-client-ui.mjs.map