@snabcentr/client-ui 5.2.0 → 5.3.0

package/fesm2022/snabcentr-client-ui.mjs

@@ -1,12 +1,12 @@
 import * as i0 from '@angular/core';
 import { InjectionToken, inject, Injectable, NgZone, EventEmitter, Output, Input, ChangeDetectionStrategy, Component, signal, ChangeDetectorRef, Directive, Pipe, ElementRef, Renderer2, HostListener, input, computed, model, output, DestroyRef, effect, ViewChild, ContentChild, viewChild, HostBinding, ContentChildren, forwardRef, contentChild, TemplateRef } from '@angular/core';
-import { ScContactsService, ScUserService, ScLocationsService, ScSuggestionService, ScISuggestionType, SC_MIN_LENGTH_SEARCH_TERM, ScAuthService, SEARCH_TERM, ScUnitsHelper, ScImageHelper, SC_PATH_IMAGE_NOT_FOUND, ScImage, ScPhoneService, ScUserMetrikaService, ScUserMetrikaGoalsEnum, ScVCardService, IS_RUNNING_ON_TERMINAL, ScVerificationService, ScConvertersService, ScReferencesService, ScOpfList, ScBannerService, ScMediaImageTransformerPipe, ScCartService, ScUploadedFile, loadingPlaceholder, SC_ORDER_LOADER, ScMimeTypes, ScCatalogService, IS_SERVER, ScWarehouseService, SEARCH_TERM_PROVIDERS, ScPaginationService, SC_NEXT_PAGE_PAGINATION_CLICK, SC_PRODUCT_PAGINATION_OPTIONS, ScCatalogFilterService, ScIdOrSlugPipe, SC_CATEGORY_INFO, ScConfiguratorService, ScContragentService, ScDeliveryAddressService, SC_URLS, RESPONSE, ScIconTypesEnum, ScDocumentInfoTypesEnum, ScFilesService, ScOrderDraftsService, ScRouteKeys, ScSeoService, scOrderIsLoaded, ScFrequentlyAskedQuestionsService, SC_COMPANY_INFO, ScFeedbackService } from '@snabcentr/client-core';
-import { EMPTY, BehaviorSubject, switchMap, of, shareReplay, filter, map, debounceTime, startWith, catchError, throwError, share, Subject, tap, finalize, timer, scan, takeWhile, endWith, distinctUntilChanged, combineLatest, Observable, pairwise, Subscription, merge, skip, from, concatMap, noop, first } from 'rxjs';
+import { ScContactsService, ScUserService, ScLocationsService, ScSuggestionService, ScISuggestionType, SC_MIN_LENGTH_SEARCH_TERM, ScAuthService, SEARCH_TERM, ScUnitsHelper, ScImageHelper, SC_PATH_IMAGE_NOT_FOUND, ScImage, ScPhoneService, ScUserMetrikaService, ScUserMetrikaGoalsEnum, ScVCardService, IS_RUNNING_ON_TERMINAL, ScVerificationService, ScConvertersService, ScReferencesService, ScOpfList, ScBannerService, ScMediaImageTransformerPipe, ScCartService, ScUploadedFile, loadingPlaceholder, SC_ORDER_LOADER, ScMimeTypes, ScCatalogService, IS_SERVER, ScWarehouseService, SEARCH_TERM_PROVIDERS, ScPaginationService, SC_NEXT_PAGE_PAGINATION_CLICK, SC_PRODUCT_PAGINATION_OPTIONS, ScCatalogFilterService, ScIdOrSlugPipe, SC_CATEGORY_INFO, ScConfiguratorService, ScContragentService, ScDeliveryAddressService, SC_URLS, RESPONSE, ScIconTypesEnum, ScDocumentInfoTypesEnum, ScFilesService, ScOrdersService, ScUIService, SC_USER_INFO as SC_USER_INFO$1, ScPaymentType, ScDeliveryType, TERMINAL_PROVIDERS, ScOrderDraftsService, ScRouteKeys, ScSeoService, scOrderIsLoaded, ScFrequentlyAskedQuestionsService, SC_COMPANY_INFO, ScFeedbackService } from '@snabcentr/client-core';
+import { EMPTY, BehaviorSubject, switchMap, of, shareReplay, filter, map, debounceTime, startWith, catchError, throwError, share, Subject, tap, finalize, timer, scan, takeWhile, endWith, distinctUntilChanged, combineLatest, Observable, pairwise, Subscription, merge, skip, from, concatMap, noop, first, retry } from 'rxjs';
 import { WA_WINDOW, WA_NAVIGATOR } from '@ng-web-apis/common';
 import { takeUntilDestroyed, toSignal, outputFromObservable, toObservable } from '@angular/core/rxjs-interop';
-import { tuiIsPresent, TuiDay, TuiTime, TuiValueTransformer, tuiControlValue, tuiMarkControlAsTouchedAndValidate, TuiAutoFocus, TuiHovered, TuiDayRange, TuiMonth, tuiProvide, TUI_WINDOW_SIZE, TuiValidationError, TUI_TRUE_HANDLER } from '@taiga-ui/cdk';
+import { tuiIsPresent, TuiDay, TuiTime, TuiValueTransformer, tuiControlValue, tuiMarkControlAsTouchedAndValidate, TuiAutoFocus, TuiHovered, TuiDayRange, TuiMonth, tuiProvide, TuiValidationError, TUI_WINDOW_SIZE, TUI_TRUE_HANDLER } from '@taiga-ui/cdk';
 import * as i1$1 from '@taiga-ui/kit';
-import { tuiInputDateOptionsProvider, TuiAvatar, TuiInitialsPipe, TuiButtonLoading, TuiSortCountriesPipe, TuiPush, TuiInputPhoneInternational, TuiSelect, TuiDataListWrapperComponent, TuiStringifyContentPipe, TuiComboBox, TuiStepper, TuiAccordionDirective, TuiAccordion, TuiFiles, TuiChip, TuiInputNumber, TuiLineClamp, TuiBadge, TuiInputNumberDirective, TuiTooltip, TuiHighlight, TuiFade, TuiRange, TuiChevron, tuiInputNumberOptionsProvider, TuiInputSlider, TuiPushComponent, TuiTreeService, TuiTreeItemContent, TUI_TREE_START, TUI_TREE_CONTENT, TUI_TREE_LOADING, TuiTreeComponent, TuiTreeChildren, TuiTreeControllerDirective, TUI_TREE_LOADER, TuiPreviewDialogService, TuiPreview, TUI_CONFIRM, TuiDataListWrapper, TuiPagination, tuiFilesAccepted, TuiInputPhone, TuiTextarea, TuiPassword } from '@taiga-ui/kit';
+import { tuiInputDateOptionsProvider, TuiAvatar, TuiInitialsPipe, TuiButtonLoading, TuiSortCountriesPipe, TuiPush, TuiInputPhoneInternational, TuiSelect, TuiDataListWrapperComponent, TuiStringifyContentPipe, TuiComboBox, TuiStepper, TuiAccordionDirective, TuiAccordion, TuiFiles, TuiChip, TuiInputNumber, TuiLineClamp, TuiBadge, TuiInputNumberDirective, TuiTooltip, TuiHighlight, TuiFade, TuiRange, TuiChevron, tuiInputNumberOptionsProvider, TuiInputSlider, TuiPushComponent, TuiTreeService, TuiTreeItemContent, TUI_TREE_START, TUI_TREE_CONTENT, TUI_TREE_LOADING, TuiTreeComponent, TuiTreeChildren, TuiTreeControllerDirective, TUI_TREE_LOADER, TuiPreviewDialogService, TuiPreview, tuiFilesAccepted, TuiInputDate, TuiTextarea, TUI_CONFIRM, TuiDataListWrapper, TuiPagination, TuiInputPhone, TuiPassword } from '@taiga-ui/kit';
 import { HttpErrorResponse, HttpClient } from '@angular/common/http';
 import * as i1 from '@angular/forms';
 import { NgControl, FormControl, FormGroupDirective, ReactiveFormsModule, FormGroup, Validators, FormsModule, FormArray, NG_VALUE_ACCESSOR } from '@angular/forms';
@@ -17,7 +17,7 @@ import { AsyncPipe, DOCUMENT, NgTemplateOutlet, NgClass, CommonModule, DecimalPi
 import { isValidPhoneNumber } from 'libphonenumber-js/max';
 import { MaskitoDirective } from '@maskito/angular';
 import { getCountries } from 'libphonenumber-js';
-import { isNil, isUndefined, isObject } from 'lodash-es';
+import { isNil, isUndefined, isObject, isArray, isString } from 'lodash-es';
 import { POLYMORPHEUS_CONTEXT, PolymorpheusComponent, PolymorpheusTemplate, PolymorpheusOutlet, injectContext } from '@taiga-ui/polymorpheus';
 import { QRCodeComponent } from 'angularx-qrcode';
 import * as i3 from '@taiga-ui/core/portals/dropdown';
@@ -42,6 +42,8 @@ import { TuiAxes, TuiLineDaysChart } from '@taiga-ui/addon-charts';
 import { tuiPure } from '@taiga-ui/legacy';
 import * as i6 from '@taiga-ui/core/components/slider';
 import { YaMapComponent } from 'angular8-yandex-maps';
+import { isValid, parse, format } from 'date-fns';
+import * as i6$1 from '@taiga-ui/core/components/calendar';
 import * as i5 from 'ng-recaptcha-2';
 import { RecaptchaComponent, RecaptchaFormsModule, RecaptchaModule } from 'ng-recaptcha-2';
 
@@ -8066,6 +8068,562 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImpo
             args: [{ standalone: true, selector: 'sc-order-items-list-by-directions', imports: [ScOrderItemsListComponent, TuiButton], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"flex flex-col gap-5\">\n    <!-- \u0413\u0440\u0443\u043F\u043F\u044B \u0442\u043E\u0432\u0430\u0440\u043E\u0432 \u043F\u043E \u043D\u0430\u043F\u0440\u0430\u0432\u043B\u0435\u043D\u0438\u044F\u043C \u043F\u0440\u043E\u0434\u0430\u0436. -->\n    @for (direction of itemsByDirections(); track direction.direction?.id; let groupIndex = $index) {\n        <div class=\"flex flex-col gap-2.5\">\n            @if (direction.direction && itemsByDirections().length > 1) {\n                <div class=\"text-base font-bold\">\u041D\u0430\u043F\u0440\u0430\u0432\u043B\u0435\u043D\u0438\u0435 \u043F\u0440\u043E\u0434\u0430\u0436: {{ direction.direction.description }}</div>\n            }\n\n            <sc-order-items-list\n                [items]=\"direction.items\"\n                [selectable]=\"selectable()\"\n                [editable]=\"editable()\"\n                (selectedItemsIdsChange)=\"selectedItemsHandler($event, direction)\"\n            />\n\n            <!-- \u0424\u0443\u0442\u0435\u0440 \u0433\u0440\u0443\u043F\u043F\u044B \u0442\u043E\u0432\u0430\u0440\u043E\u0432. -->\n            <div class=\"flex flex-col items-center sm:flex-row sm:items-start sm:flex-wrap-reverse grow gap-x-2.5 gap-y-4\">\n                <ng-content select=\"[footerActions]\" />\n\n                <!-- \u041A\u043D\u043E\u043F\u043A\u0430 \u043F\u0440\u043E\u0434\u043E\u043B\u0436\u0435\u043D\u0438\u044F. -->\n                @if (showContinueButton()) {\n                    <button\n                        tuiButton\n                        type=\"button\"\n                        [disabled]=\"direction.getItemsByIds(selectedItemsIds()).length === 0\"\n                        [iconStart]=\"continueButtonText().iconStart\"\n                        class=\"sm:ml-auto\"\n                        (click)=\"continueClick.emit(direction)\"\n                    >\n                        {{ continueButtonText().title }}\n                    </button>\n                }\n            </div>\n        </div>\n    }\n\n    @if (nullItems().length) {\n        <div class=\"flex flex-col gap-2.5\">\n            <div class=\"text-base font-bold\">\u0422\u043E\u0432\u0430\u0440\u044B \u0438 \u0443\u0441\u043B\u0443\u0433\u0438, \u043A\u043E\u0442\u043E\u0440\u044B\u0435 \u0431\u043E\u043B\u044C\u0448\u0435 \u043D\u0435 \u043F\u0440\u0435\u0434\u043E\u0441\u0442\u0430\u0432\u043B\u044F\u044E\u0442\u0441\u044F.</div>\n\n            <sc-order-items-list\n                [items]=\"nullItems()\"\n                [selectable]=\"false\"\n                [editable]=\"editable()\"\n            />\n        </div>\n    }\n</div>\n" }]
         }], propDecorators: { items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: true }] }], selectable: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectable", required: false }] }], editable: [{ type: i0.Input, args: [{ isSignal: true, alias: "editable", required: false }] }], showContinueButton: [{ type: i0.Input, args: [{ isSignal: true, alias: "showContinueButton", required: false }] }], continueButtonText: [{ type: i0.Input, args: [{ isSignal: true, alias: "continueButtonText", required: false }] }], continueClick: [{ type: i0.Output, args: ["continueClick"] }], selectedItemsIds: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedItemsIds", required: false }] }, { type: i0.Output, args: ["selectedItemsIdsChange"] }] } });
 
+/**
+ * Список товаров заказа по направлению продаж с выбором позиций для оформления.
+ */
+class ScOrderDirectionItemsComponent {
+    constructor() {
+        /**
+         * Товары направления.
+         */
+        this.items = input.required(...(ngDevMode ? [{ debugName: "items" }] : /* istanbul ignore next */ []));
+        /**
+         * Разрешить редактирование позиций (количество, удаление).
+         */
+        this.editable = input(false, ...(ngDevMode ? [{ debugName: "editable" }] : /* istanbul ignore next */ []));
+        /**
+         * Включить выбор позиций чекбоксами.
+         */
+        this.selectable = input(true, ...(ngDevMode ? [{ debugName: "selectable" }] : /* istanbul ignore next */ []));
+        /**
+         * Время обработки и принятия заказов (из настроек окружения приложения).
+         */
+        this.orderProcessingAcceptanceTime = input('', ...(ngDevMode ? [{ debugName: "orderProcessingAcceptanceTime" }] : /* istanbul ignore next */ []));
+        /**
+         * Изменение выбора позиций для оформления.
+         */
+        this.selectedItemsIdsChange = output();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: ScOrderDirectionItemsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.16", type: ScOrderDirectionItemsComponent, isStandalone: true, selector: "sc-order-direction-items", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: true, transformFunction: null }, editable: { classPropertyName: "editable", publicName: "editable", isSignal: true, isRequired: false, transformFunction: null }, selectable: { classPropertyName: "selectable", publicName: "selectable", isSignal: true, isRequired: false, transformFunction: null }, orderProcessingAcceptanceTime: { classPropertyName: "orderProcessingAcceptanceTime", publicName: "orderProcessingAcceptanceTime", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selectedItemsIdsChange: "selectedItemsIdsChange" }, ngImport: i0, template: "<div class=\"flex flex-col gap-5\">\n    <ul class=\"ml-4 list-disc text-tui-success-fill\">\n        <li>\u0417\u0430\u044F\u0432\u043A\u0438 \u043F\u0440\u0438\u043D\u0438\u043C\u0430\u044E\u0442\u0441\u044F \u043D\u0435 \u043F\u043E\u0437\u0434\u043D\u0435\u0435 {{ orderProcessingAcceptanceTime() }} \u043F\u043B\u0430\u043D\u0438\u0440\u0443\u0435\u043C\u043E\u0433\u043E \u0434\u043D\u044F \u043F\u043E\u0441\u0442\u0430\u0432\u043A\u0438.</li>\n        <li>\u0417\u0430\u043A\u0430\u0437\u044B \u0441 \u0434\u043E\u0441\u0442\u0430\u0432\u043A\u043E\u0439 \u043D\u0430 \u043F\u043E\u043D\u0435\u0434\u0435\u043B\u044C\u043D\u0438\u043A \u043F\u0440\u0438\u043D\u0438\u043C\u0430\u044E\u0442\u0441\u044F \u0434\u043E {{ orderProcessingAcceptanceTime() }} \u043F\u044F\u0442\u043D\u0438\u0446\u044B.</li>\n        <li>\u0417\u0430\u043A\u0430\u0437\u044B, \u0441\u043E\u0437\u0434\u0430\u043D\u043D\u044B\u0435 \u043F\u043E\u0437\u0434\u043D\u0435\u0435 {{ orderProcessingAcceptanceTime() }} \u043F\u044F\u0442\u043D\u0438\u0446\u044B \u0438\u043B\u0438 \u0432 \u0441\u0443\u0431\u0431\u043E\u0442\u0443/\u0432\u043E\u0441\u043A\u0440\u0435\u0441\u0435\u043D\u044C\u0435 \u0431\u0443\u0434\u0443\u0442 \u043E\u0431\u0440\u0430\u0431\u043E\u0442\u0430\u043D\u044B \u0432 \u0431\u0443\u0434\u043D\u0438\u0435 \u0434\u043D\u0438.</li>\n        <li>\n            \u0423\u043F\u0440\u0430\u0432\u043B\u044F\u0442\u044C \u0441\u043F\u0438\u0441\u043A\u043E\u043C \u043A\u043E\u043D\u0442\u0440\u0430\u0433\u0435\u043D\u0442\u043E\u0432 \u0432\u044B \u043C\u043E\u0436\u0435\u0442\u0435 \u0432\n            <a\n                tuiLink\n                routerLink=\"/profile\"\n            >\n                \u043B\u0438\u0447\u043D\u043E\u043C \u043A\u0430\u0431\u0438\u043D\u0435\u0442\u0435\n            </a>\n            .\n        </li>\n    </ul>\n\n    <div class=\"sub-title\">\u0421\u043E\u0441\u0442\u0430\u0432 \u0437\u0430\u043A\u0430\u0437\u0430</div>\n\n    <sc-order-items-list-by-directions\n        [items]=\"items()\"\n        [editable]=\"editable()\"\n        [selectable]=\"selectable()\"\n        [showContinueButton]=\"false\"\n        (selectedItemsIdsChange)=\"selectedItemsIdsChange.emit($event)\"\n    >\n        <ng-content\n            select=\"[footerActions]\"\n            ngProjectAs=\"[footerActions]\"\n        />\n    </sc-order-items-list-by-directions>\n</div>\n", dependencies: [{ kind: "component", type: ScOrderItemsListByDirectionsComponent, selector: "sc-order-items-list-by-directions", inputs: ["items", "selectable", "editable", "showContinueButton", "continueButtonText", "selectedItemsIds"], outputs: ["continueClick", "selectedItemsIdsChange"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: TuiLink, selector: "a[tuiLink], button[tuiLink]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: ScOrderDirectionItemsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sc-order-direction-items', imports: [ScOrderItemsListByDirectionsComponent, RouterLink, TuiLink], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"flex flex-col gap-5\">\n    <ul class=\"ml-4 list-disc text-tui-success-fill\">\n        <li>\u0417\u0430\u044F\u0432\u043A\u0438 \u043F\u0440\u0438\u043D\u0438\u043C\u0430\u044E\u0442\u0441\u044F \u043D\u0435 \u043F\u043E\u0437\u0434\u043D\u0435\u0435 {{ orderProcessingAcceptanceTime() }} \u043F\u043B\u0430\u043D\u0438\u0440\u0443\u0435\u043C\u043E\u0433\u043E \u0434\u043D\u044F \u043F\u043E\u0441\u0442\u0430\u0432\u043A\u0438.</li>\n        <li>\u0417\u0430\u043A\u0430\u0437\u044B \u0441 \u0434\u043E\u0441\u0442\u0430\u0432\u043A\u043E\u0439 \u043D\u0430 \u043F\u043E\u043D\u0435\u0434\u0435\u043B\u044C\u043D\u0438\u043A \u043F\u0440\u0438\u043D\u0438\u043C\u0430\u044E\u0442\u0441\u044F \u0434\u043E {{ orderProcessingAcceptanceTime() }} \u043F\u044F\u0442\u043D\u0438\u0446\u044B.</li>\n        <li>\u0417\u0430\u043A\u0430\u0437\u044B, \u0441\u043E\u0437\u0434\u0430\u043D\u043D\u044B\u0435 \u043F\u043E\u0437\u0434\u043D\u0435\u0435 {{ orderProcessingAcceptanceTime() }} \u043F\u044F\u0442\u043D\u0438\u0446\u044B \u0438\u043B\u0438 \u0432 \u0441\u0443\u0431\u0431\u043E\u0442\u0443/\u0432\u043E\u0441\u043A\u0440\u0435\u0441\u0435\u043D\u044C\u0435 \u0431\u0443\u0434\u0443\u0442 \u043E\u0431\u0440\u0430\u0431\u043E\u0442\u0430\u043D\u044B \u0432 \u0431\u0443\u0434\u043D\u0438\u0435 \u0434\u043D\u0438.</li>\n        <li>\n            \u0423\u043F\u0440\u0430\u0432\u043B\u044F\u0442\u044C \u0441\u043F\u0438\u0441\u043A\u043E\u043C \u043A\u043E\u043D\u0442\u0440\u0430\u0433\u0435\u043D\u0442\u043E\u0432 \u0432\u044B \u043C\u043E\u0436\u0435\u0442\u0435 \u0432\n            <a\n                tuiLink\n                routerLink=\"/profile\"\n            >\n                \u043B\u0438\u0447\u043D\u043E\u043C \u043A\u0430\u0431\u0438\u043D\u0435\u0442\u0435\n            </a>\n            .\n        </li>\n    </ul>\n\n    <div class=\"sub-title\">\u0421\u043E\u0441\u0442\u0430\u0432 \u0437\u0430\u043A\u0430\u0437\u0430</div>\n\n    <sc-order-items-list-by-directions\n        [items]=\"items()\"\n        [editable]=\"editable()\"\n        [selectable]=\"selectable()\"\n        [showContinueButton]=\"false\"\n        (selectedItemsIdsChange)=\"selectedItemsIdsChange.emit($event)\"\n    >\n        <ng-content\n            select=\"[footerActions]\"\n            ngProjectAs=\"[footerActions]\"\n        />\n    </sc-order-items-list-by-directions>\n</div>\n" }]
+        }], propDecorators: { items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: true }] }], editable: [{ type: i0.Input, args: [{ isSignal: true, alias: "editable", required: false }] }], selectable: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectable", required: false }] }], orderProcessingAcceptanceTime: [{ type: i0.Input, args: [{ isSignal: true, alias: "orderProcessingAcceptanceTime", required: false }] }], selectedItemsIdsChange: [{ type: i0.Output, args: ["selectedItemsIdsChange"] }] } });
+
+/**
+ * Токен настроек {@link ScOrderFormComponent}.
+ * Если не предоставлен, сохранение и восстановление метаданных формы отключены.
+ */
+const SC_ORDER_FORM_CONFIG = new InjectionToken('SC_ORDER_FORM_CONFIG');
+
+/* eslint-disable @typescript-eslint/no-non-null-assertion,rxjs/no-sharereplay,@typescript-eslint/no-unsafe-enum-comparison,@typescript-eslint/unbound-method,@typescript-eslint/no-unsafe-assignment,@typescript-eslint/no-unsafe-member-access,@typescript-eslint/no-unsafe-call,@typescript-eslint/no-unsafe-argument,security/detect-object-injection */
+/**
+ * Форма оформления заказа.
+ */
+class ScOrderFormComponent {
+    /**
+     * Инициализирует экземпляр класса {@link ScOrderFormComponent}.
+     */
+    constructor() {
+        /**
+         * Идентификатор направления продаж заказа.
+         */
+        this.directionId = input.required(...(ngDevMode ? [{ debugName: "directionId" }] : /* istanbul ignore next */ []));
+        /**
+         * Требовать подтверждённые контактные данные для оформления. Для черновика — `false`.
+         */
+        this.enforceApprovedContacts = input(true, ...(ngDevMode ? [{ debugName: "enforceApprovedContacts" }] : /* istanbul ignore next */ []));
+        /**
+         * Сохранять и восстанавливать черновые данные формы по направлению (метаданные). Для черновика — `false`.
+         * Работает только если предоставлен токен {@link SC_ORDER_FORM_CONFIG}.
+         */
+        this.persistMetadata = input(true, ...(ngDevMode ? [{ debugName: "persistMetadata" }] : /* istanbul ignore next */ []));
+        /**
+         * Событие отправки валидной формы оформления. Полезная нагрузка — сырые значения формы.
+         */
+        this.orderSubmit = output();
+        /**
+         * Сервис справочников.
+         */
+        this.referencesService = inject(ScReferencesService);
+        /**
+         * Сервис работы с контрагентами.
+         */
+        this.contragentService = inject(ScContragentService);
+        /**
+         * Сервис работы с адресами доставки.
+         */
+        this.deliveryAddressService = inject(ScDeliveryAddressService);
+        /**
+         * Сервис для работы со складами.
+         */
+        this.warehouseService = inject(ScWarehouseService);
+        /**
+         * Сервис для работы с заказами (загрузка дат доставки/самовывоза).
+         */
+        this.ordersService = inject(ScOrdersService);
+        /**
+         * Сервис для работы с UI.
+         */
+        this.uiService = inject(ScUIService);
+        /**
+         * Сервис конвертации данных.
+         */
+        this.convertersService = inject(ScConvertersService);
+        /**
+         * Сервис работы с диалоговым окном.
+         */
+        this.dialog = inject(TuiDialogService);
+        /**
+         * Провайдер данных о терминале.
+         */
+        this.terminal = inject(IS_RUNNING_ON_TERMINAL);
+        /**
+         * Поток данных о текущем пользователе.
+         */
+        this.user$ = inject(SC_USER_INFO$1);
+        /**
+         * Настройки формы оформления заказа. Если не предоставлены, метаданные формы не сохраняются.
+         */
+        this.config = inject(SC_ORDER_FORM_CONFIG, { optional: true });
+        /**
+         * Признак выполнения скрипта на сервере.
+         */
+        this.isServer = inject(IS_SERVER);
+        /**
+         * Ссылка для автоматического управления уничтожением зависимостей.
+         */
+        this.destroyRef = inject(DestroyRef);
+        /**
+         * Задержка считывания сигналов формы, для избежания лишних обработок при смене значений.
+         */
+        this.debounceTimeFormChange = 50;
+        /**
+         * Форма создания заказа.
+         */
+        this.form = new FormGroup({
+            contragentId: new FormControl(null, Validators.required),
+            paymentType: new FormControl({ value: null, disabled: true }, Validators.required),
+            deliveryType: new FormControl({ value: null, disabled: true }, Validators.required),
+            deliveryDate: new FormControl({ value: null, disabled: true }, [
+                Validators.required,
+                ({ value }) => {
+                    if (!value || this.deliveryDates().length === 0) {
+                        return null;
+                    }
+                    if (value && !this.deliveryDates().includes(value)) {
+                        return { serverResponse: 'Укажите корректную дату, или выберите из активных дат календаря' };
+                    }
+                    return null;
+                },
+            ]),
+            warehouseId: new FormControl({ value: null, disabled: true }, Validators.required),
+            addressId: new FormControl({ value: null, disabled: true }, Validators.required),
+            comment: new FormControl(null),
+            image: new FormControl(null),
+        });
+        /**
+         * Поле файла.
+         */
+        this.controlFile = new FormControl(null);
+        /**
+         * {@link Observable} списка подтверждённых файлов.
+         */
+        this.accepted$ = this.controlFile.valueChanges.pipe(map(() => tuiFilesAccepted(this.controlFile)));
+        /**
+         * Признак, что включён режим анимации предупреждения о неподтверждённых данных.
+         */
+        this.warningShake = signal(false, ...(ngDevMode ? [{ debugName: "warningShake" }] : /* istanbul ignore next */ []));
+        /**
+         * Признак, что контрагент является физическим лицом.
+         */
+        this.isIndividual = signal(true, ...(ngDevMode ? [{ debugName: "isIndividual" }] : /* istanbul ignore next */ []));
+        /**
+         * Список возможных дат самовывоза со склада.
+         */
+        this.warehouseDeliveryDates = signal([], ...(ngDevMode ? [{ debugName: "warehouseDeliveryDates" }] : /* istanbul ignore next */ []));
+        /**
+         * Список возможных дат доставки.
+         */
+        this.addressDeliveryDates = signal([], ...(ngDevMode ? [{ debugName: "addressDeliveryDates" }] : /* istanbul ignore next */ []));
+        /**
+         * {@link Observable} списка контрагентов пользователя.
+         */
+        this.contragents$ = this.contragentService.contragents$;
+        /**
+         * {@link Observable} списка адресов контрагента.
+         */
+        this.addresses$ = this.deliveryAddressService.deliveryAddresses$.pipe(tap((deliveryAddresses) => {
+            if (deliveryAddresses && this.form.controls.addressId.value && !deliveryAddresses.some((delivery) => delivery.id === this.form.controls.addressId.value)) {
+                this.form.controls.addressId.reset();
+            }
+        }));
+        /**
+         * {@link Observable} списка складов.
+         */
+        this.warehouses$ = this.warehouseService.getWarehouses$();
+        /**
+         * {@link Observable} ОПФ выбранного контрагента.
+         */
+        this.opf$ = tuiControlValue(this.form.controls.contragentId).pipe(filter(tuiIsPresent), tap(() => {
+            this.form.controls.paymentType.enable();
+            this.form.controls.deliveryType.enable();
+        }), switchMap((selectContragentId) => this.contragents$.pipe(filter(tuiIsPresent), map((contragents) => contragents.find((contragent) => contragent.id === selectContragentId)), map((contragent) => contragent?.opf), tap((opf) => {
+            this.isIndividual.set(opf?.id === ScOpfList.individual.valueOf());
+        }))), shareReplay(1), takeUntilDestroyed(this.destroyRef));
+        /**
+         * {@link Observable} типов оплаты заказа.
+         */
+        this.paymentTypes$ = this.opf$.pipe(map((opf) => opf && (opf.id === ScOpfList.individual ? ScPaymentType.beznal2 : ScPaymentType.online)), switchMap((paymentTypeFilter) => this.referencesService.paymentTypes$.pipe(map((paymentTypes) => (paymentTypeFilter ? paymentTypes : [])), map((paymentTypes) => paymentTypes.filter((type) => type.id !== paymentTypeFilter)), tap((paymentTypes) => {
+            if (this.form.controls.paymentType.value && !paymentTypes.some((payment) => payment.id === this.form.controls.paymentType.value)) {
+                this.form.controls.paymentType.reset();
+            }
+            if (!this.form.controls.paymentType.value && paymentTypes.length === 1) {
+                this.form.controls.paymentType.patchValue(paymentTypes[0].id);
+            }
+        }))));
+        /**
+         * {@link Observable} типов доставки заказа.
+         */
+        this.deliveryTypes$ = this.opf$.pipe(switchMap((opf) => this.referencesService.deliveryTypes$.pipe(map((deliveryTypes) => (opf ? deliveryTypes : [])), switchMap((deliveryTypes) => this.deliveryAddressService.deliveryAddresses$.pipe(map((deliveryAddresses) => opf?.id === ScOpfList.individual && !(deliveryAddresses && deliveryAddresses.length > 0)
+            ? deliveryTypes.filter((type) => type.id !== ScDeliveryType.delivery)
+            : deliveryTypes))), tap((deliveryTypes) => {
+            if (this.form.controls.deliveryType.value && !deliveryTypes.some((delivery) => delivery.id === this.form.controls.deliveryType.value)) {
+                this.form.controls.deliveryType.reset();
+            }
+            if (!this.form.controls.deliveryType.value && deliveryTypes.length === 1) {
+                this.form.controls.deliveryType.patchValue(deliveryTypes[0].id);
+            }
+        }))));
+        /**
+         * Признак, что выбран тип оплаты наличными.
+         */
+        this.isCashPaymentSelected = toSignal(tuiControlValue(this.form.controls.paymentType).pipe(map((paymentType) => paymentType === ScPaymentType.nal)), { initialValue: false });
+        /**
+         * Признак, что номер телефона подтверждён.
+         */
+        this.isPhoneApproved = toSignal(this.user$.pipe(filter((user) => !user.isGuest), map((user) => user.contacts.phone.isApproved)), { initialValue: true });
+        /**
+         * Признак, что адрес электронной почты подтверждён пользователем.
+         */
+        this.isEmailApprovedUser = toSignal(this.user$.pipe(filter((user) => !user.isGuest), map((user) => user.contacts.email.isApproved)), { initialValue: true });
+        /**
+         * Признак, что адрес электронной почты подтверждён или контрагент является физическим лицом.
+         */
+        // eslint-disable-next-line unicorn/consistent-function-scoping
+        this.isEmailApproved = computed(() => this.isEmailApprovedUser() || this.isIndividual(), ...(ngDevMode ? [{ debugName: "isEmailApproved" }] : /* istanbul ignore next */ []));
+        /**
+         * Значение выбранного типа доставки.
+         */
+        this.deliveryTypeValue = toSignal(tuiControlValue(this.form.controls.deliveryType), { initialValue: null });
+        /**
+         * Признак, что выбран тип доставки "Доставка".
+         */
+        // eslint-disable-next-line unicorn/consistent-function-scoping
+        this.isDelivery = computed(() => this.deliveryTypeValue() === ScDeliveryType.delivery, ...(ngDevMode ? [{ debugName: "isDelivery" }] : /* istanbul ignore next */ []));
+        /**
+         * Набор доступных дат в зависимости от типа доставки.
+         */
+        // eslint-disable-next-line unicorn/consistent-function-scoping
+        this.deliveryDates = computed(() => this.deliveryTypeValue() === ScDeliveryType.self_delivery ? this.warehouseDeliveryDates() : this.addressDeliveryDates(), ...(ngDevMode ? [{ debugName: "deliveryDates" }] : /* istanbul ignore next */ []));
+        /**
+         * Ссылка на элемент с предупреждением о неподтверждённых данных.
+         */
+        this.unconfirmedDataWarning = viewChild('unconfirmedDataWarning', ...(ngDevMode ? [{ debugName: "unconfirmedDataWarning" }] : /* istanbul ignore next */ []));
+        /**
+         * Возвращает признак, что указанная дата недоступна для выбора.
+         *
+         * @param date Дата.
+         */
+        this.deliveryDateFilter = (date) => !this.deliveryDates().includes(`${date.toString('yyyy/mm/dd', '-')} 00:00:00`);
+        // Автоматически выбираем единственного контрагента-физлицо.
+        this.contragents$
+            .pipe(filter((contragents) => !!contragents && contragents.length === 1), first(), filter(([contragent]) => contragent.opf.id === ScOpfList.individual.valueOf()), takeUntilDestroyed(this.destroyRef))
+            .subscribe(([contragent]) => {
+            this.form.controls.contragentId?.patchValue(contragent.id);
+        });
+        this.initFormChanges();
+    }
+    /** @inheritdoc */
+    ngOnInit() {
+        // Восстанавливаем и сохраняем черновые данные формы по направлению.
+        if (this.persistMetadata()) {
+            this.initMetadata();
+        }
+    }
+    /**
+     * Преобразует объекты в значения, отображаемое в поле ввода.
+     *
+     * @param items Выбранные объекты выпадающего списка.
+     */
+    // eslint-disable-next-line class-methods-use-this
+    stringify(items) {
+        const itemsMap = new Map(items.map((item) => {
+            // eslint-disable-next-line unicorn/no-nested-ternary,sonarjs/no-nested-conditional
+            const name = 'name' in item ? item.name : 'address' in item ? item.address : '';
+            return [item.id, name];
+        }));
+        return ({ $implicit }) => itemsMap.get($implicit) ?? '';
+    }
+    /**
+     * Обрабатывает отправку формы: валидирует и эмитит данные заказа родителю.
+     */
+    submit() {
+        this.form.markAllAsTouched();
+        if (!this.form.valid) {
+            return;
+        }
+        const contactsApproved = !this.enforceApprovedContacts() || (this.isPhoneApproved() && this.isEmailApproved());
+        if (!contactsApproved) {
+            this.triggerUnconfirmedWarning();
+            return;
+        }
+        this.orderSubmit.emit(this.form.getRawValue());
+    }
+    /**
+     * Применяет к полям формы ошибки, пришедшие от сервера.
+     *
+     * @param error Ответ сервера с ошибками.
+     */
+    applyServerErrors(error) {
+        const { errors, message } = error.error;
+        if (errors) {
+            Object.keys(errors).forEach((key) => {
+                if (key === 'deliveryDate' && isArray(errors[key])) {
+                    this.form.get(key)?.setErrors({ serverResponse: new TuiValidationError(errors[key].at(1) ?? errors[key].at(0)) });
+                }
+                else {
+                    this.form.get(key)?.setErrors({ serverResponse: new TuiValidationError(errors[key]) });
+                }
+                this.form.get(key)?.markAsTouched();
+            });
+        }
+        else if (message) {
+            this.form.setErrors({ serverResponse: new TuiValidationError(message) });
+        }
+    }
+    /**
+     * Удаляет файл из формы заказа.
+     */
+    removeFile() {
+        this.controlFile.reset();
+    }
+    /**
+     * Открывает диалоговое окно добавления адреса доставки.
+     */
+    addDeliveryAddress() {
+        this.dialog
+            .open(new PolymorpheusComponent(ScAddDeliveryAddressDialogComponent), {
+            size: 'l',
+            label: 'Добавление адреса доставки',
+        })
+            .subscribe();
+    }
+    /**
+     * Открывает диалоговое окно добавления контрагента.
+     */
+    addContragent() {
+        this.dialog
+            .open(new PolymorpheusComponent(ScAddContragentDialogComponent), {
+            size: 'm',
+            label: 'Добавление контрагента',
+        })
+            .subscribe();
+    }
+    /**
+     * Запускает анимацию предупреждения о неподтверждённых данных и прокручивает к нему.
+     */
+    triggerUnconfirmedWarning() {
+        const element = this.unconfirmedDataWarning()?.nativeElement;
+        if (!this.isServer && element) {
+            element.scrollIntoView({ behavior: 'smooth', block: 'center' });
+        }
+        this.warningShake.set(false);
+        setTimeout(() => {
+            this.warningShake.set(true);
+        });
+    }
+    /**
+     * Восстанавливает черновые данные формы из метаданных и инициализирует их сохранение.
+     */
+    initMetadata() {
+        const { config } = this;
+        if (!config) {
+            return;
+        }
+        combineLatest({
+            orderMetadata: this.uiService.getNewOrderMetadata$(this.directionId()),
+            user: this.user$.pipe(filter((user) => !user.isGuest)),
+        })
+            .pipe(first(), takeUntilDestroyed(this.destroyRef))
+            // eslint-disable-next-line sonarjs/cognitive-complexity
+            .subscribe(({ orderMetadata }) => {
+            let deliveryDate = orderMetadata?.deliveryDate && isValid(parse(orderMetadata.deliveryDate, config.dateFormats.api, new Date())) ? orderMetadata.deliveryDate : null;
+            // Если дата старого формата, то преобразуем её в новый формат.
+            // TODO: Убрать этот блок когда все даты у клиентов встанут в нормальном формате.
+            if (orderMetadata?.deliveryDate && !deliveryDate && isValid(parse(orderMetadata.deliveryDate, config.dateFormats.uiDate, new Date()))) {
+                deliveryDate = format(parse(orderMetadata.deliveryDate, config.dateFormats.uiDate, new Date()), config.dateFormats.api);
+            }
+            if (tuiIsPresent(orderMetadata)) {
+                this.form.patchValue({
+                    contragentId: orderMetadata.contragentId,
+                    paymentType: orderMetadata.contragentId ? orderMetadata.paymentType : null,
+                    deliveryType: orderMetadata.contragentId ? orderMetadata.deliveryType : null,
+                    deliveryDate: orderMetadata.contragentId && Boolean(orderMetadata.deliveryType) && deliveryDate ? deliveryDate : null,
+                    addressId: orderMetadata.deliveryType === ScDeliveryType.delivery && orderMetadata.addressId ? orderMetadata.addressId : null,
+                    warehouseId: orderMetadata.contragentId && Boolean(orderMetadata.deliveryType) ? orderMetadata.warehouseId : null,
+                    comment: orderMetadata.comment,
+                });
+            }
+        });
+        this.form.valueChanges.pipe(debounceTime(config.debounceTime), takeUntilDestroyed(this.destroyRef)).subscribe((newOrder) => {
+            this.uiService.setNewOrderMetadata(this.directionId(), this.convertersService.removeNull(newOrder));
+        });
+    }
+    /**
+     * Инициализирует подписки на изменения полей формы.
+     */
+    initFormChanges() {
+        this.initFileChange();
+        this.initWarehouseChange();
+        this.initDeliveryDatesChange();
+        this.initDateFieldActivationChange();
+    }
+    /**
+     * Инициализирует подписку на изменение поля прикрепления файла.
+     */
+    initFileChange() {
+        this.controlFile.valueChanges.pipe(takeUntilDestroyed(this.destroyRef)).subscribe((file) => {
+            if (file && this.form.controls.image) {
+                this.onUploadFile(file, this.form.controls.image);
+            }
+            else {
+                this.form.controls.image?.reset();
+            }
+        });
+    }
+    /**
+     * Инициализирует подписку на изменение выбранного склада.
+     */
+    initWarehouseChange() {
+        this.form.controls.warehouseId.valueChanges
+            .pipe(filter((warehouseId) => tuiIsPresent(warehouseId) && this.warehouseService.getCurrentWarehouseIdSelect() !== warehouseId), debounceTime(0), takeUntilDestroyed(this.destroyRef))
+            .subscribe((id) => {
+            this.warehouseService.setWarehouseIdSelectChange(id);
+        });
+    }
+    /**
+     * Инициализирует подписку на изменение адреса доставки и выбранного склада для получения списка доступных дат доставки.
+     */
+    initDeliveryDatesChange() {
+        merge(tuiControlValue(this.form.controls.addressId).pipe(filter(tuiIsPresent), debounceTime(this.debounceTimeFormChange), switchMap((addressId) => this.deliveriesByAddress(addressId))), tuiControlValue(this.form.controls.warehouseId).pipe(filter(tuiIsPresent), debounceTime(this.debounceTimeFormChange), filter(() => this.form.controls.deliveryType.value === ScDeliveryType.self_delivery), switchMap((warehouseId) => this.deliveriesByWarehouse(warehouseId))))
+            .pipe(catchError((error) => {
+            this.form.controls.deliveryDate.disable();
+            return throwError(() => error);
+        }), retry(), takeUntilDestroyed(this.destroyRef))
+            .subscribe((deliveryDates) => {
+            const deliveryDateValue = this.form.controls.deliveryDate.value;
+            if (deliveryDateValue && !deliveryDates.includes(deliveryDateValue)) {
+                this.form.controls.deliveryDate.reset();
+            }
+        });
+    }
+    /**
+     * Инициализирует подписку на изменение полей формы для блокирования/активации поля выбора даты.
+     */
+    initDateFieldActivationChange() {
+        merge(tuiControlValue(this.form.controls.deliveryType), this.form.controls.contragentId?.valueChanges.pipe(filter(() => this.form.controls.deliveryType.value === ScDeliveryType.delivery)) ?? of())
+            .pipe(takeUntilDestroyed(this.destroyRef))
+            .subscribe(() => {
+            this.form.controls.deliveryDate.disable();
+            this.form.controls.warehouseId.disable();
+            this.addressDeliveryDates.set([]);
+            if (this.form.controls.deliveryType.value === ScDeliveryType.delivery) {
+                this.form.controls.addressId.enable();
+                this.warehouseService
+                    .getDeliveryWarehouse$()
+                    .pipe(first(), takeUntilDestroyed(this.destroyRef))
+                    // eslint-disable-next-line rxjs/no-nested-subscribe
+                    .subscribe((warehouse) => {
+                    this.form.controls.warehouseId.patchValue(warehouse.id);
+                });
+            }
+            if (this.form.controls.deliveryType.value === ScDeliveryType.self_delivery) {
+                this.form.controls.addressId.disable();
+                this.form.controls.warehouseId.enable();
+            }
+        });
+    }
+    /**
+     * Запрашивает даты доставки по адресу.
+     *
+     * @param addressId Идентификатор адреса доставки.
+     */
+    deliveriesByAddress(addressId) {
+        return this.ordersService.getDeliveriesData$(addressId).pipe(catchError((error) => {
+            const message = error instanceof HttpErrorResponse ? error.error.message : undefined;
+            this.form.controls.addressId.setErrors({
+                serverResponse: message ?? `Ошибка сервера: пожалуйста, перезагрузите страницу и/или выполните запрос позже.`,
+            });
+            this.addressDeliveryDates.set([]);
+            return throwError(() => error);
+        }), tap((deliveryDates) => {
+            this.addressDeliveryDates.set(deliveryDates);
+            this.form.controls.deliveryDate.enable();
+        }));
+    }
+    /**
+     * Запрашивает даты самовывоза по складу.
+     *
+     * @param warehouseId Идентификатор склада.
+     */
+    deliveriesByWarehouse(warehouseId) {
+        return this.ordersService.getSelfDeliveriesData$(warehouseId).pipe(catchError((error) => {
+            const message = error instanceof HttpErrorResponse ? error.error.message : undefined;
+            this.form.controls.warehouseId.setErrors({
+                serverResponse: message ?? `Ошибка сервера: пожалуйста, перезагрузите страницу и/или выполните запрос позже.`,
+            });
+            this.warehouseDeliveryDates.set([]);
+            return throwError(() => error);
+        }), tap((deliveryDates) => {
+            this.warehouseDeliveryDates.set(deliveryDates);
+            this.form.controls.deliveryDate.enable();
+        }));
+    }
+    /**
+     * Загружает файл в форму.
+     *
+     * @param file Файл.
+     * @param filesControl Поле файла заказа.
+     */
+    // eslint-disable-next-line class-methods-use-this
+    onUploadFile(file, filesControl) {
+        const reader = new FileReader();
+        reader.addEventListener('load', () => {
+            const { result } = reader;
+            if (isString(result)) {
+                filesControl.setValue(new ScUploadedFile(file.name, result));
+            }
+        });
+        reader.readAsDataURL(file);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: ScOrderFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.16", type: ScOrderFormComponent, isStandalone: true, selector: "sc-order-form", inputs: { directionId: { classPropertyName: "directionId", publicName: "directionId", isSignal: true, isRequired: true, transformFunction: null }, enforceApprovedContacts: { classPropertyName: "enforceApprovedContacts", publicName: "enforceApprovedContacts", isSignal: true, isRequired: false, transformFunction: null }, persistMetadata: { classPropertyName: "persistMetadata", publicName: "persistMetadata", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { orderSubmit: "orderSubmit" }, providers: [TERMINAL_PROVIDERS], viewQueries: [{ propertyName: "unconfirmedDataWarning", first: true, predicate: ["unconfirmedDataWarning"], descendants: true, isSignal: true }], ngImport: i0, template: "@let user = user$ | async;\n\n<form\n    [formGroup]=\"form\"\n    scFocusFirstInvalidField\n    [fieldOrder]=\"['contragentId', 'paymentType', 'deliveryType', 'warehouseId', 'addressId', 'deliveryDate', 'comment']\"\n    (ngSubmit)=\"submit()\"\n    class=\"flex flex-col gap-4\"\n>\n    <ng-template #selectLoading> <tui-loader /> </ng-template>\n\n    <!-- \u041A\u043E\u043D\u0442\u0440\u0430\u0433\u0435\u043D\u0442. -->\n    @if (contragents$ | async; as contragents) {\n        @if (contragents.length > 1 || user?.isOrg) {\n            <label tuiLabel>\n                \u041A\u043E\u043D\u0442\u0440\u0430\u0433\u0435\u043D\u0442\n                <tui-textfield\n                    tuiChevron\n                    [content]=\"contragents ? stringify(contragents) : selectLoading\"\n                >\n                    <input\n                        tuiSelect\n                        formControlName=\"contragentId\"\n                        placeholder=\"\u041A\u043E\u043D\u0442\u0440\u0430\u0433\u0435\u043D\u0442\"\n                    />\n                    <tui-data-list *tuiDropdown>\n                        @for (contragent of contragents; track contragent.id) {\n                            <button\n                                tuiOption\n                                [value]=\"contragent.id\"\n                            >\n                                {{ contragent.name }}\n                            </button>\n                        }\n                    </tui-data-list>\n                </tui-textfield>\n                <tui-error formControlName=\"contragentId\" />\n                <a\n                    tuiLink\n                    iconStart=\"@tui.plus\"\n                    (click)=\"addContragent()\"\n                    class=\"mt-2 block\"\n                >\n                    \u041D\u043E\u0432\u044B\u0439\n                </a>\n            </label>\n        }\n    }\n\n    <!-- \u0422\u0438\u043F \u043E\u043F\u043B\u0430\u0442\u044B. -->\n    <label tuiLabel>\n        \u0422\u0438\u043F \u043E\u043F\u043B\u0430\u0442\u044B\n        @let paymentTypes = paymentTypes$ | async;\n        <tui-textfield\n            tuiChevron\n            [content]=\"paymentTypes ? stringify(paymentTypes) : selectLoading\"\n        >\n            <input\n                tuiSelect\n                formControlName=\"paymentType\"\n                placeholder=\"\u0422\u0438\u043F \u043E\u043F\u043B\u0430\u0442\u044B\"\n            />\n            <tui-data-list *tuiDropdown>\n                @for (type of paymentTypes; track type.id) {\n                    <button\n                        tuiOption\n                        [value]=\"type.id\"\n                    >\n                        {{ type.name }}\n                    </button>\n                }\n            </tui-data-list>\n        </tui-textfield>\n        <tui-error formControlName=\"paymentType\" />\n        @if (isCashPaymentSelected()) {\n            <p class=\"text-xs text-tui-status-positive\">\u0417\u0430\u043A\u0430\u0437\u044B \u043F\u0440\u043E\u0438\u0437\u0432\u043E\u0434\u044F\u0442\u0441\u044F \u043F\u043E \u043F\u0440\u0435\u0434\u043E\u043F\u043B\u0430\u0442\u0435</p>\n        }\n    </label>\n\n    <!-- \u041F\u0440\u0435\u0434\u0443\u043F\u0440\u0435\u0436\u0434\u0435\u043D\u0438\u0435 \u043E \u043D\u0435\u043F\u043E\u0434\u0442\u0432\u0435\u0440\u0436\u0434\u0451\u043D\u043D\u044B\u0445 \u043A\u043E\u043D\u0442\u0430\u043A\u0442\u043D\u044B\u0445 \u0434\u0430\u043D\u043D\u044B\u0445. -->\n    @if (!isPhoneApproved() || !isEmailApproved()) {\n        <div\n            #unconfirmedDataWarning\n            class=\"text-tui-text-negative\"\n            [class.warning-shake]=\"warningShake()\"\n        >\n            \u0412\u043D\u0438\u043C\u0430\u043D\u0438\u0435! \u0414\u043B\u044F \u043E\u0444\u043E\u0440\u043C\u043B\u0435\u043D\u0438\u044F \u0437\u0430\u043A\u0430\u0437\u0430 \u043D\u0435\u043E\u0431\u0445\u043E\u0434\u0438\u043C\u043E \u043F\u043E\u0434\u0442\u0432\u0435\u0440\u0434\u0438\u0442\u044C\n            @if (!isPhoneApproved()) {\n                <span class=\"font-bold\"> \u043D\u043E\u043C\u0435\u0440 \u0442\u0435\u043B\u0435\u0444\u043E\u043D\u0430 </span>\n            }\n            @if (!isPhoneApproved() && !isEmailApproved()) {\n                <span> \u0438 </span>\n            }\n            @if (!isEmailApproved()) {\n                <span class=\"font-bold\"> \u0430\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B </span>\n            }\n            <a\n                tuiLink\n                routerLink=\"/profile\"\n            >\n                \u0432 \u0432\u0430\u0448\u0435\u043C \u043F\u0440\u043E\u0444\u0438\u043B\u0435\n            </a>\n        </div>\n    }\n\n    <!-- \u0421\u043F\u043E\u0441\u043E\u0431 \u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438. -->\n    <label tuiLabel>\n        \u0421\u043F\u043E\u0441\u043E\u0431 \u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438\n        @let deliveryTypes = deliveryTypes$ | async;\n        <tui-textfield\n            tuiChevron\n            [content]=\"deliveryTypes ? stringify(deliveryTypes) : selectLoading\"\n        >\n            <input\n                tuiSelect\n                formControlName=\"deliveryType\"\n                placeholder=\"\u0421\u043F\u043E\u0441\u043E\u0431 \u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438\"\n            />\n            <tui-data-list *tuiDropdown>\n                @for (delivery of deliveryTypes; track delivery.id) {\n                    <button\n                        tuiOption\n                        [value]=\"delivery.id\"\n                    >\n                        {{ delivery.name }}\n                    </button>\n                }\n            </tui-data-list>\n        </tui-textfield>\n        <tui-error formControlName=\"deliveryType\" />\n    </label>\n\n    <!-- \u0421\u043A\u043B\u0430\u0434. -->\n    <label tuiLabel>\n        \u0421\u043A\u043B\u0430\u0434\n        @let warehouses = warehouses$ | async;\n        <tui-textfield\n            tuiChevron\n            [content]=\"warehouses ? stringify(warehouses) : selectLoading\"\n        >\n            <input\n                tuiSelect\n                formControlName=\"warehouseId\"\n                placeholder=\"\u0421\u043A\u043B\u0430\u0434\"\n            />\n            <tui-data-list *tuiDropdown>\n                @if (!terminal.isRunningOnTerminal) {\n                    @for (warehouse of warehouses; track warehouse.id) {\n                        <button\n                            tuiOption\n                            [value]=\"warehouse.id\"\n                        >\n                            {{ warehouse.name }}\n                        </button>\n                    }\n                } @else {\n                    @if (warehouseService.getCatalogWarehouseChange$() | async; as terminalWarehouse) {\n                        <button\n                            tuiOption\n                            [value]=\"terminalWarehouse.id\"\n                        >\n                            {{ terminalWarehouse.name }}\n                        </button>\n                    }\n                }\n            </tui-data-list>\n        </tui-textfield>\n        <tui-error formControlName=\"warehouseId\" />\n    </label>\n\n    <!-- \u0410\u0434\u0440\u0435\u0441 \u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438. -->\n    @if (isDelivery()) {\n        @let addresses = addresses$ | async;\n        <div>\n            <label tuiLabel>\n                \u0410\u0434\u0440\u0435\u0441 \u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438\n                <tui-textfield\n                    tuiChevron\n                    [content]=\"addresses ? stringify(addresses) : selectLoading\"\n                >\n                    <input\n                        tuiSelect\n                        formControlName=\"addressId\"\n                        placeholder=\"\u0410\u0434\u0440\u0435\u0441 \u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438\"\n                    />\n                    <tui-data-list *tuiDropdown>\n                        @for (address of addresses; track address.id) {\n                            <button\n                                tuiOption\n                                [value]=\"address.id\"\n                            >\n                                {{ address.address }}\n                            </button>\n                        }\n                    </tui-data-list>\n                </tui-textfield>\n                @if (addresses && addresses.length === 0) {\n                    <tui-error error=\"\u0423 \u043A\u043E\u043D\u0442\u0440\u0430\u0433\u0435\u043D\u0442\u0430 \u043D\u0435\u0442 \u0430\u0434\u0440\u0435\u0441\u0430 \u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438\" />\n                }\n                <tui-error formControlName=\"addressId\" />\n            </label>\n            <a\n                tuiLink\n                iconStart=\"@tui.plus\"\n                (click)=\"addDeliveryAddress()\"\n                class=\"mt-2 block\"\n            >\n                \u041D\u043E\u0432\u044B\u0439\n            </a>\n        </div>\n    }\n\n    <!-- \u0414\u0430\u0442\u0430 \u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438/\u0441\u0430\u043C\u043E\u0432\u044B\u0432\u043E\u0437\u0430. -->\n    <label tuiLabel>\n        \u0416\u0435\u043B\u0430\u0435\u043C\u0430\u044F \u0434\u0430\u0442\u0430 {{ isDelivery() ? '\u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438' : '\u0441\u0430\u043C\u043E\u0432\u044B\u0432\u043E\u0437\u0430' }}\n        <tui-textfield [disabledItemHandler]=\"deliveryDateFilter\">\n            <input\n                tuiInputDate\n                formControlName=\"deliveryDate\"\n                [placeholder]=\"'\u0416\u0435\u043B\u0430\u0435\u043C\u0430\u044F \u0434\u0430\u0442\u0430 ' + (isDelivery() ? '\u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438' : '\u0441\u0430\u043C\u043E\u0432\u044B\u0432\u043E\u0437\u0430')\"\n            />\n            <tui-calendar *tuiDropdown />\n        </tui-textfield>\n        <tui-error formControlName=\"deliveryDate\" />\n    </label>\n\n    <!-- \u041A\u043E\u043C\u043C\u0435\u043D\u0442\u0430\u0440\u0438\u0439 \u043A\u043B\u0438\u0435\u043D\u0442\u0430. -->\n    <label tuiLabel>\n        \u041A\u043E\u043C\u043C\u0435\u043D\u0442\u0430\u0440\u0438\u0439 \u043A\u043B\u0438\u0435\u043D\u0442\u0430 \u043A \u0437\u0430\u043A\u0430\u0437\u0443\n        <tui-textfield>\n            <textarea\n                tuiTextarea\n                formControlName=\"comment\"\n                placeholder=\"\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u0442\u0435\u043A\u0441\u0442\"\n                [max]=\"15\"\n            ></textarea>\n        </tui-textfield>\n        <tui-error formControlName=\"comment\" />\n    </label>\n\n    <!-- \u041F\u0440\u0438\u043A\u0440\u0435\u043F\u043B\u0435\u043D\u0438\u0435 \u0444\u0430\u0439\u043B\u0430 \u043A \u0437\u0430\u043A\u0430\u0437\u0443. -->\n    <div>\n        @if (!controlFile.value) {\n            <label tuiInputFiles>\n                <input\n                    accept=\"image/*\"\n                    tuiInputFiles\n                    [formControl]=\"controlFile\"\n                />\n            </label>\n        }\n\n        <tui-files class=\"tui-space_top-1\">\n            @if (controlFile.value | tuiFileRejected: { accept: 'image/*' } | async; as file) {\n                <tui-file\n                    state=\"error\"\n                    [file]=\"file\"\n                    (remove)=\"removeFile()\"\n                />\n            }\n\n            @for (file of accepted$ | async; track file.name) {\n                <tui-file\n                    [file]=\"file\"\n                    (remove)=\"removeFile()\"\n                />\n            }\n        </tui-files>\n\n        <tui-error\n            [order]=\"['maxLength']\"\n            [formControl]=\"controlFile\"\n        />\n        <p class=\"tui-form__field-note\">\u041D\u0430\u043F\u0440\u0438\u043C\u0435\u0440, \u0444\u043E\u0442\u043E\u0433\u0440\u0430\u0444\u0438\u044E \u043F\u043E\u0432\u0440\u0435\u0436\u0434\u0435\u043D\u0438\u0439 \u0438 \u0434\u0435\u0444\u0444\u0435\u043A\u0442\u043E\u0432, \u0447\u0442\u043E \u043F\u043E\u0441\u043B\u0443\u0436\u0438\u0442 \u0434\u043E\u043A\u0430\u0437\u0430\u0442\u0435\u043B\u044C\u0441\u0442\u0432\u043E\u043C \u043D\u0435\u0441\u043E\u043E\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0438\u044F \u0437\u0430\u044F\u0432\u043B\u0435\u043D\u043D\u043E\u0433\u043E \u043A\u0430\u0447\u0435\u0441\u0442\u0432\u0430 \u0442\u043E\u0432\u0430\u0440\u0430.</p>\n    </div>\n</form>\n", dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: TuiLoader, selector: "tui-loader", inputs: ["size", "inheritColor", "overlay", "textContent", "loading"] }, { kind: "directive", type: TuiLabel, selector: "label[tuiLabel]" }, { kind: "directive", type: TuiChevron, selector: "[tuiChevron]", inputs: ["tuiChevron"] }, { kind: "directive", type: i1$1.TuiSelectDirective, selector: "input[tuiSelect]" }, { kind: "component", type: i3$1.TuiTextfieldComponent, selector: "tui-textfield:not([multi])", inputs: ["content", "filler"] }, { kind: "directive", type: i3.TuiDropdownContent, selector: "ng-template[tuiDropdown]" }, { kind: "component", type: i2.TuiDataListComponent, selector: "tui-data-list", inputs: ["emptyContent", "size"] }, { kind: "directive", type: i2.TuiOption, selector: "button[tuiOption], a[tuiOption], label[tuiOption]", inputs: ["disabled"] }, { kind: "directive", type: i2.TuiOptionWithValue, selector: "button[tuiOption][value], a[tuiOption][value], label[tuiOption][value]", inputs: ["disabled", "value"] }, { kind: "component", type: i2.TuiErrorComponent, selector: "tui-error", inputs: ["error"] }, { kind: "directive", type: i2.TuiErrorDirective, selector: "tui-error[ngModel], tui-error[formControlName], tui-error[formControl], tui-error[formGroup], tui-error[formGroupName], tui-error[formArrayName], tui-error[formArray]", inputs: ["order"] }, { kind: "directive", type: TuiLink, selector: "a[tuiLink], button[tuiLink]" }, { kind: "directive", type: i1$1.TuiInputDateDirective, selector: "input[tuiInputDate]", inputs: ["max", "min"] }, { kind: "component", type: i6$1.TuiCalendar, selector: "tui-calendar", inputs: ["disabledItemHandler", "min", "max", "minViewedMonth", "maxViewedMonth", "showAdjacent", "markerHandler", "initialView", "month", "hoveredItem", "value"], outputs: ["monthChange", "hoveredItemChange", "valueChange", "dayClick"] }, { kind: "component", type: i1$1.TuiTextareaComponent, selector: "textarea[tuiTextarea]", inputs: ["min", "max", "content"] }, { kind: "component", type: i1$1.TuiFile, selector: "tui-file,a[tuiFile],button[tuiFile]", inputs: ["file", "state", "size", "showDelete", "showSize", "leftContent"], outputs: ["remove"] }, { kind: "component", type: i1$1.TuiInputFiles, selector: "label[tuiInputFiles]", inputs: ["tuiInputFiles"] }, { kind: "component", type: i1$1.TuiFilesComponent, selector: "tui-files", inputs: ["max", "expanded"], outputs: ["expandedChange"] }, { kind: "directive", type: i1$1.TuiInputFilesDirective, selector: "input[tuiInputFiles]", outputs: ["reject"] }, { kind: "directive", type: ScFocusFirstInvalidFieldDirective, selector: "form[formGroup][scFocusFirstInvalidField]", inputs: ["fieldOrder"] }, { kind: "pipe", type: i1$1.TuiFileRejectedPipe, name: "tuiFileRejected" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: ScOrderFormComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sc-order-form', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
+                        FormsModule,
+                        ReactiveFormsModule,
+                        RouterLink,
+                        TuiLoader,
+                        TuiLabel,
+                        TuiChevron,
+                        TuiSelect,
+                        ...TuiDataList,
+                        TuiError,
+                        TuiLink,
+                        TuiTextfield,
+                        ...TuiInputDate,
+                        ...TuiTextarea,
+                        ...TuiFiles,
+                        AsyncPipe,
+                        ScFocusFirstInvalidFieldDirective,
+                    ], providers: [TERMINAL_PROVIDERS], template: "@let user = user$ | async;\n\n<form\n    [formGroup]=\"form\"\n    scFocusFirstInvalidField\n    [fieldOrder]=\"['contragentId', 'paymentType', 'deliveryType', 'warehouseId', 'addressId', 'deliveryDate', 'comment']\"\n    (ngSubmit)=\"submit()\"\n    class=\"flex flex-col gap-4\"\n>\n    <ng-template #selectLoading> <tui-loader /> </ng-template>\n\n    <!-- \u041A\u043E\u043D\u0442\u0440\u0430\u0433\u0435\u043D\u0442. -->\n    @if (contragents$ | async; as contragents) {\n        @if (contragents.length > 1 || user?.isOrg) {\n            <label tuiLabel>\n                \u041A\u043E\u043D\u0442\u0440\u0430\u0433\u0435\u043D\u0442\n                <tui-textfield\n                    tuiChevron\n                    [content]=\"contragents ? stringify(contragents) : selectLoading\"\n                >\n                    <input\n                        tuiSelect\n                        formControlName=\"contragentId\"\n                        placeholder=\"\u041A\u043E\u043D\u0442\u0440\u0430\u0433\u0435\u043D\u0442\"\n                    />\n                    <tui-data-list *tuiDropdown>\n                        @for (contragent of contragents; track contragent.id) {\n                            <button\n                                tuiOption\n                                [value]=\"contragent.id\"\n                            >\n                                {{ contragent.name }}\n                            </button>\n                        }\n                    </tui-data-list>\n                </tui-textfield>\n                <tui-error formControlName=\"contragentId\" />\n                <a\n                    tuiLink\n                    iconStart=\"@tui.plus\"\n                    (click)=\"addContragent()\"\n                    class=\"mt-2 block\"\n                >\n                    \u041D\u043E\u0432\u044B\u0439\n                </a>\n            </label>\n        }\n    }\n\n    <!-- \u0422\u0438\u043F \u043E\u043F\u043B\u0430\u0442\u044B. -->\n    <label tuiLabel>\n        \u0422\u0438\u043F \u043E\u043F\u043B\u0430\u0442\u044B\n        @let paymentTypes = paymentTypes$ | async;\n        <tui-textfield\n            tuiChevron\n            [content]=\"paymentTypes ? stringify(paymentTypes) : selectLoading\"\n        >\n            <input\n                tuiSelect\n                formControlName=\"paymentType\"\n                placeholder=\"\u0422\u0438\u043F \u043E\u043F\u043B\u0430\u0442\u044B\"\n            />\n            <tui-data-list *tuiDropdown>\n                @for (type of paymentTypes; track type.id) {\n                    <button\n                        tuiOption\n                        [value]=\"type.id\"\n                    >\n                        {{ type.name }}\n                    </button>\n                }\n            </tui-data-list>\n        </tui-textfield>\n        <tui-error formControlName=\"paymentType\" />\n        @if (isCashPaymentSelected()) {\n            <p class=\"text-xs text-tui-status-positive\">\u0417\u0430\u043A\u0430\u0437\u044B \u043F\u0440\u043E\u0438\u0437\u0432\u043E\u0434\u044F\u0442\u0441\u044F \u043F\u043E \u043F\u0440\u0435\u0434\u043E\u043F\u043B\u0430\u0442\u0435</p>\n        }\n    </label>\n\n    <!-- \u041F\u0440\u0435\u0434\u0443\u043F\u0440\u0435\u0436\u0434\u0435\u043D\u0438\u0435 \u043E \u043D\u0435\u043F\u043E\u0434\u0442\u0432\u0435\u0440\u0436\u0434\u0451\u043D\u043D\u044B\u0445 \u043A\u043E\u043D\u0442\u0430\u043A\u0442\u043D\u044B\u0445 \u0434\u0430\u043D\u043D\u044B\u0445. -->\n    @if (!isPhoneApproved() || !isEmailApproved()) {\n        <div\n            #unconfirmedDataWarning\n            class=\"text-tui-text-negative\"\n            [class.warning-shake]=\"warningShake()\"\n        >\n            \u0412\u043D\u0438\u043C\u0430\u043D\u0438\u0435! \u0414\u043B\u044F \u043E\u0444\u043E\u0440\u043C\u043B\u0435\u043D\u0438\u044F \u0437\u0430\u043A\u0430\u0437\u0430 \u043D\u0435\u043E\u0431\u0445\u043E\u0434\u0438\u043C\u043E \u043F\u043E\u0434\u0442\u0432\u0435\u0440\u0434\u0438\u0442\u044C\n            @if (!isPhoneApproved()) {\n                <span class=\"font-bold\"> \u043D\u043E\u043C\u0435\u0440 \u0442\u0435\u043B\u0435\u0444\u043E\u043D\u0430 </span>\n            }\n            @if (!isPhoneApproved() && !isEmailApproved()) {\n                <span> \u0438 </span>\n            }\n            @if (!isEmailApproved()) {\n                <span class=\"font-bold\"> \u0430\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B </span>\n            }\n            <a\n                tuiLink\n                routerLink=\"/profile\"\n            >\n                \u0432 \u0432\u0430\u0448\u0435\u043C \u043F\u0440\u043E\u0444\u0438\u043B\u0435\n            </a>\n        </div>\n    }\n\n    <!-- \u0421\u043F\u043E\u0441\u043E\u0431 \u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438. -->\n    <label tuiLabel>\n        \u0421\u043F\u043E\u0441\u043E\u0431 \u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438\n        @let deliveryTypes = deliveryTypes$ | async;\n        <tui-textfield\n            tuiChevron\n            [content]=\"deliveryTypes ? stringify(deliveryTypes) : selectLoading\"\n        >\n            <input\n                tuiSelect\n                formControlName=\"deliveryType\"\n                placeholder=\"\u0421\u043F\u043E\u0441\u043E\u0431 \u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438\"\n            />\n            <tui-data-list *tuiDropdown>\n                @for (delivery of deliveryTypes; track delivery.id) {\n                    <button\n                        tuiOption\n                        [value]=\"delivery.id\"\n                    >\n                        {{ delivery.name }}\n                    </button>\n                }\n            </tui-data-list>\n        </tui-textfield>\n        <tui-error formControlName=\"deliveryType\" />\n    </label>\n\n    <!-- \u0421\u043A\u043B\u0430\u0434. -->\n    <label tuiLabel>\n        \u0421\u043A\u043B\u0430\u0434\n        @let warehouses = warehouses$ | async;\n        <tui-textfield\n            tuiChevron\n            [content]=\"warehouses ? stringify(warehouses) : selectLoading\"\n        >\n            <input\n                tuiSelect\n                formControlName=\"warehouseId\"\n                placeholder=\"\u0421\u043A\u043B\u0430\u0434\"\n            />\n            <tui-data-list *tuiDropdown>\n                @if (!terminal.isRunningOnTerminal) {\n                    @for (warehouse of warehouses; track warehouse.id) {\n                        <button\n                            tuiOption\n                            [value]=\"warehouse.id\"\n                        >\n                            {{ warehouse.name }}\n                        </button>\n                    }\n                } @else {\n                    @if (warehouseService.getCatalogWarehouseChange$() | async; as terminalWarehouse) {\n                        <button\n                            tuiOption\n                            [value]=\"terminalWarehouse.id\"\n                        >\n                            {{ terminalWarehouse.name }}\n                        </button>\n                    }\n                }\n            </tui-data-list>\n        </tui-textfield>\n        <tui-error formControlName=\"warehouseId\" />\n    </label>\n\n    <!-- \u0410\u0434\u0440\u0435\u0441 \u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438. -->\n    @if (isDelivery()) {\n        @let addresses = addresses$ | async;\n        <div>\n            <label tuiLabel>\n                \u0410\u0434\u0440\u0435\u0441 \u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438\n                <tui-textfield\n                    tuiChevron\n                    [content]=\"addresses ? stringify(addresses) : selectLoading\"\n                >\n                    <input\n                        tuiSelect\n                        formControlName=\"addressId\"\n                        placeholder=\"\u0410\u0434\u0440\u0435\u0441 \u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438\"\n                    />\n                    <tui-data-list *tuiDropdown>\n                        @for (address of addresses; track address.id) {\n                            <button\n                                tuiOption\n                                [value]=\"address.id\"\n                            >\n                                {{ address.address }}\n                            </button>\n                        }\n                    </tui-data-list>\n                </tui-textfield>\n                @if (addresses && addresses.length === 0) {\n                    <tui-error error=\"\u0423 \u043A\u043E\u043D\u0442\u0440\u0430\u0433\u0435\u043D\u0442\u0430 \u043D\u0435\u0442 \u0430\u0434\u0440\u0435\u0441\u0430 \u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438\" />\n                }\n                <tui-error formControlName=\"addressId\" />\n            </label>\n            <a\n                tuiLink\n                iconStart=\"@tui.plus\"\n                (click)=\"addDeliveryAddress()\"\n                class=\"mt-2 block\"\n            >\n                \u041D\u043E\u0432\u044B\u0439\n            </a>\n        </div>\n    }\n\n    <!-- \u0414\u0430\u0442\u0430 \u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438/\u0441\u0430\u043C\u043E\u0432\u044B\u0432\u043E\u0437\u0430. -->\n    <label tuiLabel>\n        \u0416\u0435\u043B\u0430\u0435\u043C\u0430\u044F \u0434\u0430\u0442\u0430 {{ isDelivery() ? '\u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438' : '\u0441\u0430\u043C\u043E\u0432\u044B\u0432\u043E\u0437\u0430' }}\n        <tui-textfield [disabledItemHandler]=\"deliveryDateFilter\">\n            <input\n                tuiInputDate\n                formControlName=\"deliveryDate\"\n                [placeholder]=\"'\u0416\u0435\u043B\u0430\u0435\u043C\u0430\u044F \u0434\u0430\u0442\u0430 ' + (isDelivery() ? '\u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438' : '\u0441\u0430\u043C\u043E\u0432\u044B\u0432\u043E\u0437\u0430')\"\n            />\n            <tui-calendar *tuiDropdown />\n        </tui-textfield>\n        <tui-error formControlName=\"deliveryDate\" />\n    </label>\n\n    <!-- \u041A\u043E\u043C\u043C\u0435\u043D\u0442\u0430\u0440\u0438\u0439 \u043A\u043B\u0438\u0435\u043D\u0442\u0430. -->\n    <label tuiLabel>\n        \u041A\u043E\u043C\u043C\u0435\u043D\u0442\u0430\u0440\u0438\u0439 \u043A\u043B\u0438\u0435\u043D\u0442\u0430 \u043A \u0437\u0430\u043A\u0430\u0437\u0443\n        <tui-textfield>\n            <textarea\n                tuiTextarea\n                formControlName=\"comment\"\n                placeholder=\"\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u0442\u0435\u043A\u0441\u0442\"\n                [max]=\"15\"\n            ></textarea>\n        </tui-textfield>\n        <tui-error formControlName=\"comment\" />\n    </label>\n\n    <!-- \u041F\u0440\u0438\u043A\u0440\u0435\u043F\u043B\u0435\u043D\u0438\u0435 \u0444\u0430\u0439\u043B\u0430 \u043A \u0437\u0430\u043A\u0430\u0437\u0443. -->\n    <div>\n        @if (!controlFile.value) {\n            <label tuiInputFiles>\n                <input\n                    accept=\"image/*\"\n                    tuiInputFiles\n                    [formControl]=\"controlFile\"\n                />\n            </label>\n        }\n\n        <tui-files class=\"tui-space_top-1\">\n            @if (controlFile.value | tuiFileRejected: { accept: 'image/*' } | async; as file) {\n                <tui-file\n                    state=\"error\"\n                    [file]=\"file\"\n                    (remove)=\"removeFile()\"\n                />\n            }\n\n            @for (file of accepted$ | async; track file.name) {\n                <tui-file\n                    [file]=\"file\"\n                    (remove)=\"removeFile()\"\n                />\n            }\n        </tui-files>\n\n        <tui-error\n            [order]=\"['maxLength']\"\n            [formControl]=\"controlFile\"\n        />\n        <p class=\"tui-form__field-note\">\u041D\u0430\u043F\u0440\u0438\u043C\u0435\u0440, \u0444\u043E\u0442\u043E\u0433\u0440\u0430\u0444\u0438\u044E \u043F\u043E\u0432\u0440\u0435\u0436\u0434\u0435\u043D\u0438\u0439 \u0438 \u0434\u0435\u0444\u0444\u0435\u043A\u0442\u043E\u0432, \u0447\u0442\u043E \u043F\u043E\u0441\u043B\u0443\u0436\u0438\u0442 \u0434\u043E\u043A\u0430\u0437\u0430\u0442\u0435\u043B\u044C\u0441\u0442\u0432\u043E\u043C \u043D\u0435\u0441\u043E\u043E\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0438\u044F \u0437\u0430\u044F\u0432\u043B\u0435\u043D\u043D\u043E\u0433\u043E \u043A\u0430\u0447\u0435\u0441\u0442\u0432\u0430 \u0442\u043E\u0432\u0430\u0440\u0430.</p>\n    </div>\n</form>\n" }]
+        }], ctorParameters: () => [], propDecorators: { directionId: [{ type: i0.Input, args: [{ isSignal: true, alias: "directionId", required: true }] }], enforceApprovedContacts: [{ type: i0.Input, args: [{ isSignal: true, alias: "enforceApprovedContacts", required: false }] }], persistMetadata: [{ type: i0.Input, args: [{ isSignal: true, alias: "persistMetadata", required: false }] }], orderSubmit: [{ type: i0.Output, args: ["orderSubmit"] }], unconfirmedDataWarning: [{ type: i0.ViewChild, args: ['unconfirmedDataWarning', { isSignal: true }] }] } });
+
 /**
  * Компонент списка товаров, разбитых по наличию на складе:
  * - в наличии на складе;
@@ -9509,5 +10067,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { AbstractScPriceCard, AuthMethod, CURRENT_COUNTRY_ID, CostWithDiscountComponent, FilesAndDocumentsComponent, FinishDateTimeTransformerDirective, IDLE_ITEM_STATE, IS_DEFAULT_COUNTRY, MAX_FILES_IN_FORM_INPUT, SC_ALLOW_SELECT_TERMINATED, SC_BANNER_DURATION, SC_CATALOG_PRODUCTS_FILTERS, SC_CATALOG_SHOW_PRODUCTS_RECURSIVELY, SC_DATE_FORMATTER, SC_DEBOUNCE_TIME_DEFAULT, SC_DIALOG_SERVICE_TOKEN, SC_ERROR_CHANGE_HANDLER, SC_HELP_NOTIFICATION_CLOSE, SC_HELP_NOTIFICATION_LIMIT, SC_HIDDEN_PRINT_ELEMENTS, SC_MANAGER_QR_HANDLER, SC_NOTIFY_WHEN_IN_STOCK_REQUIRED_FIELDS, SC_ORDER_OPTIONS, SC_PAGE_SIZE_OPTIONS$1 as SC_PAGE_SIZE_OPTIONS, SC_SHOW_HELP_NOTIFICATION_IN_PHONE_INPUT, SC_USER_CITY_INFO, SC_USER_INFO, SC_USER_PROVIDERS, SC_VERIFICATION_CODE_TIMEOUT, ScAccordionComponent, ScAccordionContentDirective, ScAddContactDialogComponent, ScAddContragentBankAccountsDialogComponent, ScAddContragentDialogComponent, ScAddDeliveryAddressDialogComponent, ScAddOrEditingCartItemDialogComponent, ScAddOrEditingCartItemFormComponent, ScAddressesSelectionFieldComponent, ScBannerComponent, ScBrandsListComponent, ScCartAddProductsFromCsvDialogComponent, ScCatalogFilterCollapsibleComponent, ScCatalogFiltersComponent, ScCategoryCardComponent, ScContactsAccordionComponent, ScContragentsAccordionComponent, ScContragentsAccordionItemComponent, ScDeliveryAddressAccordionComponent, ScDeliveryAddressAccordionItemComponent, ScDownloadPriceListComponent, ScDraftComponent, ScEmailLinkDirective, ScErrorBlockStatusComponent, ScErrorHandlerComponent, ScFavoriteButtonComponent, ScFeedbackFormComponent, ScFocusFirstInvalidFieldDirective, ScFormatDatePipe, ScFrequentlyAskedQuestionsComponent, ScFrequentlyAskedQuestionsGroupSelectorComponent, ScFrequentlyAskedQuestionsWithGroupsComponent, ScGratitudeComponent, ScHelpNotificationService, ScHoverImageCarouselComponent, ScInputQuantityComponent, ScLinks, ScManagerCardComponent, ScManagerCardPushComponent, ScNewContactFormComponent, ScNewContragentBankAccountsFormComponent, ScNewContragentFormComponent, ScNewsCardComponent, ScNewsCardSkeletonComponent, ScNextInputFocusDirective, ScNoindexDirective, ScNoindexWrapperComponent, ScNotifyWhenInStockDialogComponent, ScOrderAccessorDirective, ScOrderItemComponent, ScOrderItemsByDirection, ScOrderItemsListByDirectionsComponent, ScOrderItemsListByStockComponent, ScOrderItemsListComponent, ScPaymentStatusComponent, ScPersonalDataProcessingPolicyComponent, ScPhoneFormatPipe, ScPreviewSampleComponent, ScPreviewSamplesMosquitoComponent, ScPriceCardComponent, ScPriceCardInlineComponent, ScPriceHistoryComponent, ScPriceListPaginationComponent, ScPriceWarehouseStockComponent, ScPrintDirective, ScPrintService, ScPrivacyPolicyComponent, ScProductInAllWarehousesPipe, ScProfileAccordionsContentComponent, ScPublicOfferComponent, ScQRCodeDialogComponent, ScResetUserPasswordComponent, ScResourcePreviewComponent, ScSandwichComponent, ScSandwichM2Component, ScSandwichM2SkeletonComponent, ScSandwichSkeletonComponent, ScSelectOnFocusinDirective, ScSeoTagsComponent, ScShareButtonComponent, ScSignInFormByEmailComponent, ScSignInFormByPhoneComponent, ScSignInFormComponent, ScSignUpFormComponent, ScSimpleSignUpFormComponent, ScSuggestionFieldComponent, ScTelLinkDirective, ScTerminalLinkDirective, ScUpdateUserInfoDialogComponent, ScUserManagersComponent, ScUserPhoneApproveDialogComponent, ScVerificationPhoneCheckFormComponent, TreeDirective, TreeIconService, TreeLoaderService, TreeTopDirective, cleanupRecaptchaArtifacts, phoneValidator, scAtLeastOneRequiredValidator, scBicValidator, scClientUiIconsName, scCorrespondentAccountValidator, scGetCurrentRoute, scPasswordConfirmMatchingValidator, stepValidator, tuiDateValueTransformerDefaultProvider };
+export { AbstractScPriceCard, AuthMethod, CURRENT_COUNTRY_ID, CostWithDiscountComponent, FilesAndDocumentsComponent, FinishDateTimeTransformerDirective, IDLE_ITEM_STATE, IS_DEFAULT_COUNTRY, MAX_FILES_IN_FORM_INPUT, SC_ALLOW_SELECT_TERMINATED, SC_BANNER_DURATION, SC_CATALOG_PRODUCTS_FILTERS, SC_CATALOG_SHOW_PRODUCTS_RECURSIVELY, SC_DATE_FORMATTER, SC_DEBOUNCE_TIME_DEFAULT, SC_DIALOG_SERVICE_TOKEN, SC_ERROR_CHANGE_HANDLER, SC_HELP_NOTIFICATION_CLOSE, SC_HELP_NOTIFICATION_LIMIT, SC_HIDDEN_PRINT_ELEMENTS, SC_MANAGER_QR_HANDLER, SC_NOTIFY_WHEN_IN_STOCK_REQUIRED_FIELDS, SC_ORDER_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, ScAddContactDialogComponent, ScAddContragentBankAccountsDialogComponent, ScAddContragentDialogComponent, ScAddDeliveryAddressDialogComponent, ScAddOrEditingCartItemDialogComponent, ScAddOrEditingCartItemFormComponent, ScAddressesSelectionFieldComponent, ScBannerComponent, ScBrandsListComponent, ScCartAddProductsFromCsvDialogComponent, ScCatalogFilterCollapsibleComponent, ScCatalogFiltersComponent, ScCategoryCardComponent, ScContactsAccordionComponent, ScContragentsAccordionComponent, ScContragentsAccordionItemComponent, ScDeliveryAddressAccordionComponent, ScDeliveryAddressAccordionItemComponent, ScDownloadPriceListComponent, ScDraftComponent, ScEmailLinkDirective, ScErrorBlockStatusComponent, ScErrorHandlerComponent, ScFavoriteButtonComponent, ScFeedbackFormComponent, ScFocusFirstInvalidFieldDirective, ScFormatDatePipe, ScFrequentlyAskedQuestionsComponent, ScFrequentlyAskedQuestionsGroupSelectorComponent, ScFrequentlyAskedQuestionsWithGroupsComponent, ScGratitudeComponent, ScHelpNotificationService, ScHoverImageCarouselComponent, ScInputQuantityComponent, ScLinks, ScManagerCardComponent, ScManagerCardPushComponent, ScNewContactFormComponent, ScNewContragentBankAccountsFormComponent, ScNewContragentFormComponent, ScNewsCardComponent, ScNewsCardSkeletonComponent, ScNextInputFocusDirective, ScNoindexDirective, ScNoindexWrapperComponent, ScNotifyWhenInStockDialogComponent, ScOrderAccessorDirective, ScOrderDirectionItemsComponent, ScOrderFormComponent, ScOrderItemComponent, ScOrderItemsByDirection, ScOrderItemsListByDirectionsComponent, ScOrderItemsListByStockComponent, ScOrderItemsListComponent, ScPaymentStatusComponent, ScPersonalDataProcessingPolicyComponent, ScPhoneFormatPipe, ScPreviewSampleComponent, ScPreviewSamplesMosquitoComponent, ScPriceCardComponent, ScPriceCardInlineComponent, ScPriceHistoryComponent, ScPriceListPaginationComponent, ScPriceWarehouseStockComponent, ScPrintDirective, ScPrintService, ScPrivacyPolicyComponent, ScProductInAllWarehousesPipe, ScProfileAccordionsContentComponent, ScPublicOfferComponent, ScQRCodeDialogComponent, ScResetUserPasswordComponent, ScResourcePreviewComponent, ScSandwichComponent, ScSandwichM2Component, ScSandwichM2SkeletonComponent, ScSandwichSkeletonComponent, ScSelectOnFocusinDirective, ScSeoTagsComponent, ScShareButtonComponent, ScSignInFormByEmailComponent, ScSignInFormByPhoneComponent, ScSignInFormComponent, ScSignUpFormComponent, ScSimpleSignUpFormComponent, ScSuggestionFieldComponent, ScTelLinkDirective, ScTerminalLinkDirective, ScUpdateUserInfoDialogComponent, ScUserManagersComponent, ScUserPhoneApproveDialogComponent, ScVerificationPhoneCheckFormComponent, TreeDirective, TreeIconService, TreeLoaderService, TreeTopDirective, cleanupRecaptchaArtifacts, phoneValidator, scAtLeastOneRequiredValidator, scBicValidator, scClientUiIconsName, scCorrespondentAccountValidator, scGetCurrentRoute, scPasswordConfirmMatchingValidator, stepValidator, tuiDateValueTransformerDefaultProvider };
 //# sourceMappingURL=snabcentr-client-ui.mjs.map