@snabcentr/client-ui 4.6.6 → 4.7.0

package/fesm2022/snabcentr-client-ui.mjs

@@ -1,26 +1,26 @@
 import * as i0 from '@angular/core';
 import { InjectionToken, inject, Injectable, NgZone, signal, EventEmitter, ChangeDetectorRef, Directive, Input, Output, Pipe, ElementRef, HostListener, Renderer2, ContentChildren, NgModule, input, computed, Component, ChangeDetectionStrategy, Inject, HostBinding, model, output, SkipSelf, DestroyRef, effect, ContentChild, ViewChild, viewChild, Optional, contentChild, TemplateRef, forwardRef } from '@angular/core';
 import * as i1 from '@snabcentr/client-core';
-import { ScContactsService, ScUserService, ScLocationsService, ScAuthService, SEARCH_TERM, ScUnitsHelper, ScImageHelper, SC_PATH_IMAGE_NOT_FOUND, ScImage, ScPhoneService, ScUserMetrikaService, ScUserMetrikaGoalsEnum, IS_RUNNING_ON_TERMINAL, ScVCardService, ScVerificationService, ScISuggestionType, SC_MIN_LENGTH_SEARCH_TERM, ScConvertersService, ScOpfList, ScReferencesService, ScContragentService, ScBannerService, ScMediaImageTransformerPipe, ScCartService, ScUploadedFile, loadingPlaceholder, SC_ORDER_LOADER, ScMimeTypes, ScCatalogService, SC_URLS, IS_SERVER, ScWarehouseService, SEARCH_TERM_PROVIDERS, ScPaginationService, SC_NEXT_PAGE_PAGINATION_CLICK, SC_PRODUCT_PAGINATION_OPTIONS, ScCatalogFilterService, ScIdOrSlugPipe, SC_CATEGORY_INFO, ScConfiguratorService, RESPONSE, ScIconTypesEnum, ScDocumentInfoTypesEnum, ScOrderDraftsService, ScRouteKeys, ScSeoService, scOrderIsLoaded, ScFrequentlyAskedQuestionsService, SC_COMPANY_INFO, ScFeedbackService } from '@snabcentr/client-core';
+import { ScContactsService, ScUserService, ScLocationsService, ScAuthService, SEARCH_TERM, ScUnitsHelper, ScImageHelper, SC_PATH_IMAGE_NOT_FOUND, ScImage, ScPhoneService, ScUserMetrikaService, ScUserMetrikaGoalsEnum, IS_RUNNING_ON_TERMINAL, ScVCardService, ScVerificationService, ScISuggestionType, SC_MIN_LENGTH_SEARCH_TERM, ScConvertersService, ScOpfList, ScReferencesService, ScContragentService, ScBannerService, ScMediaImageTransformerPipe, ScCartService, ScUploadedFile, loadingPlaceholder, SC_ORDER_LOADER, ScMimeTypes, ScCatalogService, SC_URLS, IS_SERVER, ScWarehouseService, SEARCH_TERM_PROVIDERS, ScPaginationService, SC_NEXT_PAGE_PAGINATION_CLICK, SC_PRODUCT_PAGINATION_OPTIONS, ScCatalogFilterService, ScIdOrSlugPipe, SC_CATEGORY_INFO, ScConfiguratorService, RESPONSE, ScIconTypesEnum, ScDocumentInfoTypesEnum, ScDeliveryAddressService, 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 * as i5$1 from 'rxjs';
-import { EMPTY, BehaviorSubject, switchMap, of, shareReplay, map, Subject, filter, tap, catchError, finalize, startWith, share, timer, scan, takeWhile, endWith, distinctUntilChanged, debounceTime, throwError, combineLatest, Observable, pairwise, Subscription, merge, skip, from, concatMap, noop, first } from 'rxjs';
+import { EMPTY, BehaviorSubject, switchMap, of, shareReplay, map, Subject, filter, tap, catchError, finalize, startWith, share, timer, scan, takeWhile, endWith, distinctUntilChanged, debounceTime, throwError, combineLatest, Observable, pairwise, Subscription, merge, skip, from, concatMap, noop, first, retry } from 'rxjs';
 import { WA_WINDOW } from '@ng-web-apis/common';
 import { takeUntilDestroyed, toSignal, outputFromObservable, toObservable } from '@angular/core/rxjs-interop';
 import * as i4$1 from '@taiga-ui/cdk';
-import { TuiDay, TuiTime, TuiValueTransformer, TUI_IS_MOBILE, tuiControlValue, tuiIsPresent, tuiMarkControlAsTouchedAndValidate, tuiIsFalsy, TuiAutoFocus, TuiRepeatTimes, TuiHovered, TuiDayRange, TuiMonth, tuiPure, tuiProvide, TUI_WINDOW_SIZE, TuiValidationError, TUI_TRUE_HANDLER } from '@taiga-ui/cdk';
+import { TuiDay, TuiTime, TuiValueTransformer, TUI_IS_MOBILE, tuiControlValue, tuiIsPresent, tuiMarkControlAsTouchedAndValidate, tuiIsFalsy, TuiAutoFocus, TuiRepeatTimes, TuiHovered, TuiDayRange, TuiMonth, tuiPure, tuiProvide, TuiValidationError, TUI_WINDOW_SIZE, TUI_TRUE_HANDLER } from '@taiga-ui/cdk';
 import * as i2$1 from '@taiga-ui/kit';
-import { TUI_DATE_VALUE_TRANSFORMER, TuiPreview, TuiAvatar, TuiAccordionItem, TuiElasticContainer, TuiAccordion, TuiFieldErrorPipe, TuiFilterByInputPipe, TuiStringifyContentPipe, TuiDataListWrapper, TuiButtonLoading, TuiSortCountriesPipe, TuiStepper, TuiCarousel, TuiPush, TuiCheckbox, TuiFiles, TuiChip, TuiInputNumber, TuiBadge, TuiTooltip, TuiHighlight, TuiLineClamp, TuiFade, TuiRange, tuiInputNumberOptionsProvider, TuiDataListWrapperComponent, TuiChevron, TuiSelect, TuiInputSlider, TuiTreeService, TuiTreeItemContent, TUI_TREE_START, TUI_TREE_CONTENT, TUI_TREE_LOADING, TUI_TREE_LOADER, TuiTree, TuiPreviewDialogService, TUI_CONFIRM, tuiItemsHandlersProvider as tuiItemsHandlersProvider$1, TuiPagination, TuiAccordionDirective, TuiAccordionItemContent, tuiFilesAccepted } from '@taiga-ui/kit';
+import { TUI_DATE_VALUE_TRANSFORMER, TuiPreview, TuiAvatar, TuiAccordionItem, TuiElasticContainer, TuiAccordion, TuiFieldErrorPipe, TuiFilterByInputPipe, TuiStringifyContentPipe, TuiDataListWrapper, TuiButtonLoading, TuiSortCountriesPipe, TuiStepper, TuiCarousel, TuiPush, TuiCheckbox, TuiFiles, TuiChip, TuiInputNumber, TuiBadge, TuiTooltip, TuiHighlight, TuiLineClamp, TuiFade, TuiRange, tuiInputNumberOptionsProvider, TuiDataListWrapperComponent, TuiChevron, TuiSelect, TuiInputSlider, TuiTreeService, TuiTreeItemContent, TUI_TREE_START, TUI_TREE_CONTENT, TUI_TREE_LOADING, TUI_TREE_LOADER, TuiTree, TuiPreviewDialogService, tuiFilesAccepted, TuiInputFiles, TuiInputFilesDirective, TuiFilesComponent, TuiFile, TuiFileRejectedPipe, TUI_CONFIRM, tuiItemsHandlersProvider as tuiItemsHandlersProvider$1, TuiPagination, TuiAccordionDirective, TuiAccordionItemContent } from '@taiga-ui/kit';
 import { HttpClient, HttpErrorResponse } from '@angular/common/http';
 import * as i1$1 from '@angular/forms';
 import { FormControl, FormGroupDirective, NgControl, FormGroup, Validators, FormArray, FormsModule, ReactiveFormsModule } from '@angular/forms';
 import * as i1$2 from '@taiga-ui/core';
-import { TuiButton, TuiDialog, TuiDialogService, TuiLink, TuiFallbackSrcPipe, TuiInitialsPipe, TuiIcon, TuiAppearance, TuiWithAppearance, TuiIcons, TuiWithIcons, TUI_DATA_LIST_HOST, tuiDropdownOptionsProvider, TuiLabel, TuiError, TuiLoader, TuiDataList, TuiNotification, TuiTextfield, TuiTitle, TuiNumberFormat, TuiHint, TUI_MONTHS, TuiScrollbar, tuiNumberFormatProvider, tuiItemsHandlersProvider, tuiTextfieldOptionsProvider, tuiHintOptionsProvider, TuiFormatNumberPipe, TuiHintDriver, TuiHintHover, TuiHintPosition, TuiHintDirective, TUI_BUTTON_OPTIONS, TUI_BUTTON_DEFAULT_OPTIONS, TuiSurface, tuiFadeIn } from '@taiga-ui/core';
+import { TuiButton, TuiDialog, TuiDialogService, TuiLink, TuiFallbackSrcPipe, TuiInitialsPipe, TuiIcon, TuiAppearance, TuiWithAppearance, TuiIcons, TuiWithIcons, TUI_DATA_LIST_HOST, tuiDropdownOptionsProvider, TuiLabel, TuiError, TuiLoader, TuiDataList, TuiNotification, TuiTextfield, TuiTitle, TuiNumberFormat, TuiHint, TUI_MONTHS, TuiScrollbar, tuiNumberFormatProvider, tuiItemsHandlersProvider, tuiTextfieldOptionsProvider, tuiHintOptionsProvider, TuiFormatNumberPipe, TuiHintDriver, TuiHintHover, TuiHintPosition, TuiHintDirective, TuiDataListComponent, TuiOption, TUI_BUTTON_OPTIONS, TUI_BUTTON_DEFAULT_OPTIONS, TuiSurface, tuiFadeIn } from '@taiga-ui/core';
 import { isValidPhoneNumber } from 'libphonenumber-js/max';
 import * as i4 from '@taiga-ui/legacy/components/primitive-textfield';
 import * as i3 from '@taiga-ui/legacy';
-import { AbstractTuiControl, TuiInputModule, TuiTextfieldControllerModule, TuiComboBoxModule, TuiInputPhoneModule, TuiSelectModule, TuiInputPasswordModule, AbstractTuiNullableControl, TuiInputNumberComponent, TuiInputNumberModule, TuiIslandDirective, TuiTextareaModule } from '@taiga-ui/legacy';
+import { AbstractTuiControl, TuiInputModule, TuiTextfieldControllerModule, TuiComboBoxModule, TuiInputPhoneModule, TuiSelectModule, TuiInputPasswordModule, AbstractTuiNullableControl, TuiInputNumberComponent, TuiInputNumberModule, TuiIslandDirective, TuiInputDateModule, TuiTextareaModule } from '@taiga-ui/legacy';
 import { getCountries } from 'libphonenumber-js';
-import { isNil, isUndefined, isObject } from 'lodash-es';
+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';
@@ -33,6 +33,7 @@ import { QRCodeModule } from 'angularx-qrcode';
 import * as i1$3 from '@taiga-ui/experimental';
 import { TuiInputPhoneInternational, TuiAccordion as TuiAccordion$1 } from '@taiga-ui/experimental';
 import * as i3$1 from '@taiga-ui/core/components/data-list';
+import { TuiDataListDirective } from '@taiga-ui/core/components/data-list';
 import * as i1$4 from '@taiga-ui/cdk/directives/item';
 import * as i3$2 from '@ng-web-apis/intersection-observer';
 import { IntersectionObserverService, WaIntersectionObserver } from '@ng-web-apis/intersection-observer';
@@ -49,6 +50,7 @@ import { TuiLineDaysChart, TuiLineDaysChartHint, TuiAxes } from '@taiga-ui/addon
 import * as i5$2 from '@taiga-ui/kit/components/slider';
 import * as i9 from 'angular8-yandex-maps';
 import { AngularYandexMapsModule } from 'angular8-yandex-maps';
+import { isValid, parse, format } from 'date-fns';
 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';
@@ -8604,6 +8606,567 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", 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" }]
         }] });
 
+/**
+ * Список товаров заказа по направлению продаж с выбором позиций для оформления.
+ */
+class ScOrderDirectionItemsComponent {
+    constructor() {
+        /**
+         * Товары направления.
+         */
+        this.items = input.required();
+        /**
+         * Разрешить редактирование позиций (количество, удаление).
+         */
+        this.editable = input(false);
+        /**
+         * Включить выбор позиций чекбоксами.
+         */
+        this.selectable = input(true);
+        /**
+         * Время обработки и принятия заказов (из настроек окружения приложения).
+         */
+        this.orderProcessingAcceptanceTime = input('');
+        /**
+         * Изменение выбора позиций для оформления.
+         */
+        this.selectedItemsIdsChange = output();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScOrderDirectionItemsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.14", type: ScOrderDirectionItemsComponent, isStandalone: true, selector: "sc-order-direction-items", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: true, transformFunction: null }, editable: { classPropertyName: "editable", publicName: "editable", isSignal: true, isRequired: false, transformFunction: null }, selectable: { classPropertyName: "selectable", publicName: "selectable", isSignal: true, isRequired: false, transformFunction: null }, 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]", inputs: ["pseudo"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScOrderDirectionItemsComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: 'sc-order-direction-items', imports: [ScOrderItemsListByDirectionsComponent, RouterLink, TuiLink], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"flex flex-col gap-5\">\n    <ul class=\"ml-4 list-disc text-tui-success-fill\">\n        <li>\u0417\u0430\u044F\u0432\u043A\u0438 \u043F\u0440\u0438\u043D\u0438\u043C\u0430\u044E\u0442\u0441\u044F \u043D\u0435 \u043F\u043E\u0437\u0434\u043D\u0435\u0435 {{ orderProcessingAcceptanceTime() }} \u043F\u043B\u0430\u043D\u0438\u0440\u0443\u0435\u043C\u043E\u0433\u043E \u0434\u043D\u044F \u043F\u043E\u0441\u0442\u0430\u0432\u043A\u0438.</li>\n        <li>\u0417\u0430\u043A\u0430\u0437\u044B \u0441 \u0434\u043E\u0441\u0442\u0430\u0432\u043A\u043E\u0439 \u043D\u0430 \u043F\u043E\u043D\u0435\u0434\u0435\u043B\u044C\u043D\u0438\u043A \u043F\u0440\u0438\u043D\u0438\u043C\u0430\u044E\u0442\u0441\u044F \u0434\u043E {{ orderProcessingAcceptanceTime() }} \u043F\u044F\u0442\u043D\u0438\u0446\u044B.</li>\n        <li>\u0417\u0430\u043A\u0430\u0437\u044B, \u0441\u043E\u0437\u0434\u0430\u043D\u043D\u044B\u0435 \u043F\u043E\u0437\u0434\u043D\u0435\u0435 {{ orderProcessingAcceptanceTime() }} \u043F\u044F\u0442\u043D\u0438\u0446\u044B \u0438\u043B\u0438 \u0432 \u0441\u0443\u0431\u0431\u043E\u0442\u0443/\u0432\u043E\u0441\u043A\u0440\u0435\u0441\u0435\u043D\u044C\u0435 \u0431\u0443\u0434\u0443\u0442 \u043E\u0431\u0440\u0430\u0431\u043E\u0442\u0430\u043D\u044B \u0432 \u0431\u0443\u0434\u043D\u0438\u0435 \u0434\u043D\u0438.</li>\n        <li>\n            \u0423\u043F\u0440\u0430\u0432\u043B\u044F\u0442\u044C \u0441\u043F\u0438\u0441\u043A\u043E\u043C \u043A\u043E\u043D\u0442\u0440\u0430\u0433\u0435\u043D\u0442\u043E\u0432 \u0432\u044B \u043C\u043E\u0436\u0435\u0442\u0435 \u0432\n            <a\n                tuiLink\n                routerLink=\"/profile\"\n            >\n                \u043B\u0438\u0447\u043D\u043E\u043C \u043A\u0430\u0431\u0438\u043D\u0435\u0442\u0435\n            </a>\n            .\n        </li>\n    </ul>\n\n    <div class=\"sub-title\">\u0421\u043E\u0441\u0442\u0430\u0432 \u0437\u0430\u043A\u0430\u0437\u0430</div>\n\n    <sc-order-items-list-by-directions\n        [items]=\"items()\"\n        [editable]=\"editable()\"\n        [selectable]=\"selectable()\"\n        [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" }]
+        }] });
+
+/**
+ * Токен настроек {@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();
+        /**
+         * Требовать подтверждённые контактные данные для оформления. Для черновика — `false`.
+         */
+        this.enforceApprovedContacts = input(true);
+        /**
+         * Сохранять и восстанавливать черновые данные формы по направлению (метаданные). Для черновика — `false`.
+         * Работает только если предоставлен токен {@link SC_ORDER_FORM_CONFIG}.
+         */
+        this.persistMetadata = input(true);
+        /**
+         * Событие отправки валидной формы оформления. Полезная нагрузка — сырые значения формы.
+         */
+        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);
+        /**
+         * Признак, что контрагент является физическим лицом.
+         */
+        this.isIndividual = signal(true);
+        /**
+         * Список возможных дат самовывоза со склада.
+         */
+        this.warehouseDeliveryDates = signal([]);
+        /**
+         * Список возможных дат доставки.
+         */
+        this.addressDeliveryDates = signal([]);
+        /**
+         * {@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());
+        /**
+         * Значение выбранного типа доставки.
+         */
+        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);
+        /**
+         * Набор доступных дат в зависимости от типа доставки.
+         */
+        // eslint-disable-next-line unicorn/consistent-function-scoping
+        this.deliveryDates = computed(() => this.deliveryTypeValue() === ScDeliveryType.self_delivery ? this.warehouseDeliveryDates() : this.addressDeliveryDates());
+        /**
+         * Ссылка на элемент с предупреждением о неподтверждённых данных.
+         */
+        this.unconfirmedDataWarning = viewChild('unconfirmedDataWarning');
+        /**
+         * Возвращает признак, что указанная дата недоступна для выбора.
+         *
+         * @param date Дата.
+         */
+        this.deliveryDateFilter = (date) => !this.deliveryDates().includes(`${date.toString('YMD', '-')} 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: "18.2.14", ngImport: i0, type: ScOrderFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ScOrderFormComponent, isStandalone: true, selector: "sc-order-form", inputs: { directionId: { classPropertyName: "directionId", publicName: "directionId", isSignal: true, isRequired: true, transformFunction: null }, enforceApprovedContacts: { classPropertyName: "enforceApprovedContacts", publicName: "enforceApprovedContacts", isSignal: true, isRequired: false, transformFunction: null }, persistMetadata: { classPropertyName: "persistMetadata", publicName: "persistMetadata", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { orderSubmit: "orderSubmit" }, providers: [TERMINAL_PROVIDERS], viewQueries: [{ propertyName: "unconfirmedDataWarning", first: true, predicate: ["unconfirmedDataWarning"], descendants: true, isSignal: true }], ngImport: i0, template: "@let user = user$ | async;\n\n<form\n    [formGroup]=\"form\"\n    scFocusFirstInvalidField\n    [fieldOrder]=\"['contragentId', 'paymentType', 'deliveryType', 'warehouseId', 'addressId', 'deliveryDate', 'comment']\"\n    (ngSubmit)=\"submit()\"\n    class=\"flex flex-col gap-4\"\n>\n    <ng-template #selectLoading> <tui-loader /> </ng-template>\n\n    <!-- \u041A\u043E\u043D\u0442\u0440\u0430\u0433\u0435\u043D\u0442. -->\n    @if (contragents$ | async; as contragents) {\n        @if (contragents.length > 1 || user?.isOrg) {\n            <label tuiLabel>\n                \u041A\u043E\u043D\u0442\u0440\u0430\u0433\u0435\u043D\u0442\n                <tui-select\n                    formControlName=\"contragentId\"\n                    [valueContent]=\"contragents ? stringify(contragents) : selectLoading\"\n                >\n                    \u041A\u043E\u043D\u0442\u0440\u0430\u0433\u0435\u043D\u0442\n                    <tui-data-list *tuiDataList>\n                        @for (contragent of contragents; track contragent.id) {\n                            <button\n                                tuiOption\n                                [value]=\"contragent.id\"\n                            >\n                                {{ contragent.name }}\n                            </button>\n                        }\n                    </tui-data-list>\n                </tui-select>\n                <tui-error\n                    formControlName=\"contragentId\"\n                    [error]=\"[] | tuiFieldError | async\"\n                />\n                <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-select\n            formControlName=\"paymentType\"\n            [valueContent]=\"paymentTypes ? stringify(paymentTypes) : selectLoading\"\n        >\n            \u0422\u0438\u043F \u043E\u043F\u043B\u0430\u0442\u044B\n            <tui-data-list *tuiDataList>\n                @for (type of paymentTypes; track type.id) {\n                    <button\n                        tuiOption\n                        [value]=\"type.id\"\n                    >\n                        {{ type.name }}\n                    </button>\n                }\n            </tui-data-list>\n        </tui-select>\n        <tui-error\n            formControlName=\"paymentType\"\n            [error]=\"[] | tuiFieldError | async\"\n        />\n        @if (isCashPaymentSelected()) {\n            <p class=\"text-xs text-tui-status-positive\">\u0417\u0430\u043A\u0430\u0437\u044B \u043F\u0440\u043E\u0438\u0437\u0432\u043E\u0434\u044F\u0442\u0441\u044F \u043F\u043E \u043F\u0440\u0435\u0434\u043E\u043F\u043B\u0430\u0442\u0435</p>\n        }\n    </label>\n\n    <!-- \u041F\u0440\u0435\u0434\u0443\u043F\u0440\u0435\u0436\u0434\u0435\u043D\u0438\u0435 \u043E \u043D\u0435\u043F\u043E\u0434\u0442\u0432\u0435\u0440\u0436\u0434\u0451\u043D\u043D\u044B\u0445 \u043A\u043E\u043D\u0442\u0430\u043A\u0442\u043D\u044B\u0445 \u0434\u0430\u043D\u043D\u044B\u0445. -->\n    @if (!isPhoneApproved() || !isEmailApproved()) {\n        <div\n            #unconfirmedDataWarning\n            class=\"text-tui-text-negative\"\n            [class.warning-shake]=\"warningShake()\"\n        >\n            \u0412\u043D\u0438\u043C\u0430\u043D\u0438\u0435! \u0414\u043B\u044F \u043E\u0444\u043E\u0440\u043C\u043B\u0435\u043D\u0438\u044F \u0437\u0430\u043A\u0430\u0437\u0430 \u043D\u0435\u043E\u0431\u0445\u043E\u0434\u0438\u043C\u043E \u043F\u043E\u0434\u0442\u0432\u0435\u0440\u0434\u0438\u0442\u044C\n            @if (!isPhoneApproved()) {\n                <span class=\"font-bold\"> \u043D\u043E\u043C\u0435\u0440 \u0442\u0435\u043B\u0435\u0444\u043E\u043D\u0430 </span>\n            }\n            @if (!isPhoneApproved() && !isEmailApproved()) {\n                <span> \u0438 </span>\n            }\n            @if (!isEmailApproved()) {\n                <span class=\"font-bold\"> \u0430\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B </span>\n            }\n            <a\n                tuiLink\n                routerLink=\"/profile\"\n            >\n                \u0432 \u0432\u0430\u0448\u0435\u043C \u043F\u0440\u043E\u0444\u0438\u043B\u0435\n            </a>\n        </div>\n    }\n\n    <!-- \u0421\u043F\u043E\u0441\u043E\u0431 \u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438. -->\n    <label tuiLabel>\n        \u0421\u043F\u043E\u0441\u043E\u0431 \u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438\n        @let deliveryTypes = deliveryTypes$ | async;\n        <tui-select\n            formControlName=\"deliveryType\"\n            [valueContent]=\"deliveryTypes ? stringify(deliveryTypes) : selectLoading\"\n        >\n            \u0421\u043F\u043E\u0441\u043E\u0431 \u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438\n            <tui-data-list *tuiDataList>\n                @for (delivery of deliveryTypes; track delivery.id) {\n                    <button\n                        tuiOption\n                        [value]=\"delivery.id\"\n                    >\n                        {{ delivery.name }}\n                    </button>\n                }\n            </tui-data-list>\n        </tui-select>\n        <tui-error\n            formControlName=\"deliveryType\"\n            [error]=\"[] | tuiFieldError | async\"\n        />\n    </label>\n\n    <!-- \u0421\u043A\u043B\u0430\u0434. -->\n    <label tuiLabel>\n        \u0421\u043A\u043B\u0430\u0434\n        @let warehouses = warehouses$ | async;\n        <tui-select\n            formControlName=\"warehouseId\"\n            [valueContent]=\"warehouses ? stringify(warehouses) : selectLoading\"\n        >\n            \u0421\u043A\u043B\u0430\u0434\n            <tui-data-list *tuiDataList>\n                @if (!terminal.isRunningOnTerminal) {\n                    @for (warehouse of warehouses; track warehouse.id) {\n                        <button\n                            tuiOption\n                            [value]=\"warehouse.id\"\n                        >\n                            {{ warehouse.name }}\n                        </button>\n                    }\n                } @else {\n                    @if (warehouseService.getCatalogWarehouseChange$() | async; as terminalWarehouse) {\n                        <button\n                            tuiOption\n                            [value]=\"terminalWarehouse.id\"\n                        >\n                            {{ terminalWarehouse.name }}\n                        </button>\n                    }\n                }\n            </tui-data-list>\n        </tui-select>\n        <tui-error\n            formControlName=\"warehouseId\"\n            [error]=\"[] | tuiFieldError | async\"\n        />\n    </label>\n\n    <!-- \u0410\u0434\u0440\u0435\u0441 \u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438. -->\n    @if (isDelivery()) {\n        @let addresses = addresses$ | async;\n        <div>\n            <label tuiLabel>\n                \u0410\u0434\u0440\u0435\u0441 \u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438\n                <tui-select\n                    formControlName=\"addressId\"\n                    [valueContent]=\"addresses ? stringify(addresses) : selectLoading\"\n                >\n                    \u0410\u0434\u0440\u0435\u0441 \u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438\n                    <tui-data-list *tuiDataList>\n                        @for (address of addresses; track address.id) {\n                            <button\n                                tuiOption\n                                [value]=\"address.id\"\n                            >\n                                {{ address.address }}\n                            </button>\n                        }\n                    </tui-data-list>\n                </tui-select>\n                @if (addresses && addresses.length === 0) {\n                    <tui-error error=\"\u0423 \u043A\u043E\u043D\u0442\u0440\u0430\u0433\u0435\u043D\u0442\u0430 \u043D\u0435\u0442 \u0430\u0434\u0440\u0435\u0441\u0430 \u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438\" />\n                }\n                <tui-error\n                    formControlName=\"addressId\"\n                    [error]=\"[] | tuiFieldError | async\"\n                />\n            </label>\n            <a\n                tuiLink\n                iconStart=\"@tui.plus\"\n                (click)=\"addDeliveryAddress()\"\n                class=\"mt-2 block\"\n            >\n                \u041D\u043E\u0432\u044B\u0439\n            </a>\n        </div>\n    }\n\n    <!-- \u0414\u0430\u0442\u0430 \u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438/\u0441\u0430\u043C\u043E\u0432\u044B\u0432\u043E\u0437\u0430. -->\n    <label tuiLabel>\n        \u0416\u0435\u043B\u0430\u0435\u043C\u0430\u044F \u0434\u0430\u0442\u0430 {{ isDelivery() ? '\u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438' : '\u0441\u0430\u043C\u043E\u0432\u044B\u0432\u043E\u0437\u0430' }}\n        <tui-input-date\n            formControlName=\"deliveryDate\"\n            [disabledItemHandler]=\"deliveryDateFilter\"\n        >\n            \u0416\u0435\u043B\u0430\u0435\u043C\u0430\u044F \u0434\u0430\u0442\u0430 {{ isDelivery() ? '\u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438' : '\u0441\u0430\u043C\u043E\u0432\u044B\u0432\u043E\u0437\u0430' }}\n        </tui-input-date>\n        <tui-error\n            formControlName=\"deliveryDate\"\n            [error]=\"[] | tuiFieldError | async\"\n        />\n    </label>\n\n    <!-- \u041A\u043E\u043C\u043C\u0435\u043D\u0442\u0430\u0440\u0438\u0439 \u043A\u043B\u0438\u0435\u043D\u0442\u0430. -->\n    <label tuiLabel>\n        \u041A\u043E\u043C\u043C\u0435\u043D\u0442\u0430\u0440\u0438\u0439 \u043A\u043B\u0438\u0435\u043D\u0442\u0430 \u043A \u0437\u0430\u043A\u0430\u0437\u0443\n        <tui-textarea\n            formControlName=\"comment\"\n            [expandable]=\"true\"\n            [rows]=\"15\"\n        >\n            \u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u0442\u0435\u043A\u0441\u0442\n        </tui-textarea>\n        <tui-error\n            formControlName=\"comment\"\n            [error]=\"[] | tuiFieldError | async\"\n        />\n    </label>\n\n    <!-- \u041F\u0440\u0438\u043A\u0440\u0435\u043F\u043B\u0435\u043D\u0438\u0435 \u0444\u0430\u0439\u043B\u0430 \u043A \u0437\u0430\u043A\u0430\u0437\u0443. -->\n    <div>\n        @if (!controlFile.value) {\n            <label tuiInputFiles>\n                <input\n                    accept=\"image/*\"\n                    tuiInputFiles\n                    [formControl]=\"controlFile\"\n                />\n            </label>\n        }\n\n        <tui-files class=\"tui-space_top-1\">\n            @if (controlFile.value | tuiFileRejected: { accept: 'image/*' } | async; as file) {\n                <tui-file\n                    state=\"error\"\n                    [file]=\"file\"\n                    (remove)=\"removeFile()\"\n                />\n            }\n\n            @for (file of accepted$ | async; track file.name) {\n                <tui-file\n                    [file]=\"file\"\n                    (remove)=\"removeFile()\"\n                />\n            }\n        </tui-files>\n\n        <tui-error\n            [error]=\"['maxLength'] | tuiFieldError | async\"\n            [formControl]=\"controlFile\"\n        />\n        <p class=\"tui-form__field-note\">\u041D\u0430\u043F\u0440\u0438\u043C\u0435\u0440, \u0444\u043E\u0442\u043E\u0433\u0440\u0430\u0444\u0438\u044E \u043F\u043E\u0432\u0440\u0435\u0436\u0434\u0435\u043D\u0438\u0439 \u0438 \u0434\u0435\u0444\u0444\u0435\u043A\u0442\u043E\u0432, \u0447\u0442\u043E \u043F\u043E\u0441\u043B\u0443\u0436\u0438\u0442 \u0434\u043E\u043A\u0430\u0437\u0430\u0442\u0435\u043B\u044C\u0441\u0442\u0432\u043E\u043C \u043D\u0435\u0441\u043E\u043E\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0438\u044F \u0437\u0430\u044F\u0432\u043B\u0435\u043D\u043D\u043E\u0433\u043E \u043A\u0430\u0447\u0435\u0441\u0442\u0432\u0430 \u0442\u043E\u0432\u0430\u0440\u0430.</p>\n    </div>\n</form>\n", dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: TuiLoader, selector: "tui-loader", inputs: ["size", "inheritColor", "overlay", "textContent", "showLoader"] }, { kind: "directive", type: TuiLabel, selector: "label[tuiLabel]" }, { kind: "ngmodule", type: TuiSelectModule }, { kind: "component", type: i3.TuiSelectComponent, selector: "tui-select", inputs: ["stringify", "identityMatcher", "valueContent"] }, { kind: "directive", type: i3.TuiSelectDirective, selector: "tui-select" }, { kind: "component", type: i3$1.TuiDataListComponent, selector: "tui-data-list", inputs: ["emptyContent", "size"] }, { kind: "directive", type: i3$1.TuiDataListDirective, selector: "ng-template[tuiDataList]" }, { kind: "component", type: i3$1.TuiOption, selector: "button[tuiOption]:not([new]), a[tuiOption]:not([new]), label[tuiOption]:not([new])", inputs: ["disabled", "value"] }, { kind: "component", type: TuiError, selector: "tui-error", inputs: ["error"] }, { kind: "directive", type: TuiLink, selector: "a[tuiLink], button[tuiLink]", inputs: ["pseudo"] }, { kind: "ngmodule", type: TuiInputDateModule }, { kind: "component", type: i3.TuiInputDateComponent, selector: "tui-input-date:not([multiple])", inputs: ["min", "max", "disabledItemHandler", "markerHandler", "items", "defaultActiveYearMonth"] }, { kind: "directive", type: i3.TuiInputDateDirective, selector: "tui-input-date:not([multiple])" }, { kind: "ngmodule", type: TuiTextareaModule }, { kind: "component", type: i3.TuiTextareaComponent, selector: "tui-textarea", inputs: ["rows", "maxLength", "expandable"] }, { kind: "directive", type: i3.TuiTextareaDirective, selector: "tui-textarea" }, { kind: "component", type: TuiInputFiles, selector: "label[tuiInputFiles]" }, { kind: "directive", type: TuiInputFilesDirective, selector: "input[tuiInputFiles]", outputs: ["reject"] }, { kind: "component", type: TuiFilesComponent, selector: "tui-files", inputs: ["max", "expanded"], outputs: ["expandedChange"] }, { kind: "component", type: TuiFile, selector: "tui-file,a[tuiFile],button[tuiFile]", inputs: ["file", "state", "size", "showDelete", "showSize", "leftContent"], outputs: ["remove"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: TuiFieldErrorPipe, name: "tuiFieldError" }, { kind: "pipe", type: TuiFileRejectedPipe, name: "tuiFileRejected" }, { kind: "directive", type: ScFocusFirstInvalidFieldDirective, selector: "form[formGroup][scFocusFirstInvalidField]", inputs: ["fieldOrder"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScOrderFormComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: 'sc-order-form', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
+                        FormsModule,
+                        ReactiveFormsModule,
+                        RouterLink,
+                        TuiLoader,
+                        TuiLabel,
+                        TuiSelectModule,
+                        TuiDataListDirective,
+                        TuiDataListComponent,
+                        TuiOption,
+                        TuiError,
+                        TuiLink,
+                        TuiInputDateModule,
+                        TuiTextareaModule,
+                        TuiInputFiles,
+                        TuiInputFilesDirective,
+                        TuiFilesComponent,
+                        TuiFile,
+                        AsyncPipe,
+                        TuiFieldErrorPipe,
+                        TuiFileRejectedPipe,
+                        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-select\n                    formControlName=\"contragentId\"\n                    [valueContent]=\"contragents ? stringify(contragents) : selectLoading\"\n                >\n                    \u041A\u043E\u043D\u0442\u0440\u0430\u0433\u0435\u043D\u0442\n                    <tui-data-list *tuiDataList>\n                        @for (contragent of contragents; track contragent.id) {\n                            <button\n                                tuiOption\n                                [value]=\"contragent.id\"\n                            >\n                                {{ contragent.name }}\n                            </button>\n                        }\n                    </tui-data-list>\n                </tui-select>\n                <tui-error\n                    formControlName=\"contragentId\"\n                    [error]=\"[] | tuiFieldError | async\"\n                />\n                <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-select\n            formControlName=\"paymentType\"\n            [valueContent]=\"paymentTypes ? stringify(paymentTypes) : selectLoading\"\n        >\n            \u0422\u0438\u043F \u043E\u043F\u043B\u0430\u0442\u044B\n            <tui-data-list *tuiDataList>\n                @for (type of paymentTypes; track type.id) {\n                    <button\n                        tuiOption\n                        [value]=\"type.id\"\n                    >\n                        {{ type.name }}\n                    </button>\n                }\n            </tui-data-list>\n        </tui-select>\n        <tui-error\n            formControlName=\"paymentType\"\n            [error]=\"[] | tuiFieldError | async\"\n        />\n        @if (isCashPaymentSelected()) {\n            <p class=\"text-xs text-tui-status-positive\">\u0417\u0430\u043A\u0430\u0437\u044B \u043F\u0440\u043E\u0438\u0437\u0432\u043E\u0434\u044F\u0442\u0441\u044F \u043F\u043E \u043F\u0440\u0435\u0434\u043E\u043F\u043B\u0430\u0442\u0435</p>\n        }\n    </label>\n\n    <!-- \u041F\u0440\u0435\u0434\u0443\u043F\u0440\u0435\u0436\u0434\u0435\u043D\u0438\u0435 \u043E \u043D\u0435\u043F\u043E\u0434\u0442\u0432\u0435\u0440\u0436\u0434\u0451\u043D\u043D\u044B\u0445 \u043A\u043E\u043D\u0442\u0430\u043A\u0442\u043D\u044B\u0445 \u0434\u0430\u043D\u043D\u044B\u0445. -->\n    @if (!isPhoneApproved() || !isEmailApproved()) {\n        <div\n            #unconfirmedDataWarning\n            class=\"text-tui-text-negative\"\n            [class.warning-shake]=\"warningShake()\"\n        >\n            \u0412\u043D\u0438\u043C\u0430\u043D\u0438\u0435! \u0414\u043B\u044F \u043E\u0444\u043E\u0440\u043C\u043B\u0435\u043D\u0438\u044F \u0437\u0430\u043A\u0430\u0437\u0430 \u043D\u0435\u043E\u0431\u0445\u043E\u0434\u0438\u043C\u043E \u043F\u043E\u0434\u0442\u0432\u0435\u0440\u0434\u0438\u0442\u044C\n            @if (!isPhoneApproved()) {\n                <span class=\"font-bold\"> \u043D\u043E\u043C\u0435\u0440 \u0442\u0435\u043B\u0435\u0444\u043E\u043D\u0430 </span>\n            }\n            @if (!isPhoneApproved() && !isEmailApproved()) {\n                <span> \u0438 </span>\n            }\n            @if (!isEmailApproved()) {\n                <span class=\"font-bold\"> \u0430\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B </span>\n            }\n            <a\n                tuiLink\n                routerLink=\"/profile\"\n            >\n                \u0432 \u0432\u0430\u0448\u0435\u043C \u043F\u0440\u043E\u0444\u0438\u043B\u0435\n            </a>\n        </div>\n    }\n\n    <!-- \u0421\u043F\u043E\u0441\u043E\u0431 \u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438. -->\n    <label tuiLabel>\n        \u0421\u043F\u043E\u0441\u043E\u0431 \u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438\n        @let deliveryTypes = deliveryTypes$ | async;\n        <tui-select\n            formControlName=\"deliveryType\"\n            [valueContent]=\"deliveryTypes ? stringify(deliveryTypes) : selectLoading\"\n        >\n            \u0421\u043F\u043E\u0441\u043E\u0431 \u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438\n            <tui-data-list *tuiDataList>\n                @for (delivery of deliveryTypes; track delivery.id) {\n                    <button\n                        tuiOption\n                        [value]=\"delivery.id\"\n                    >\n                        {{ delivery.name }}\n                    </button>\n                }\n            </tui-data-list>\n        </tui-select>\n        <tui-error\n            formControlName=\"deliveryType\"\n            [error]=\"[] | tuiFieldError | async\"\n        />\n    </label>\n\n    <!-- \u0421\u043A\u043B\u0430\u0434. -->\n    <label tuiLabel>\n        \u0421\u043A\u043B\u0430\u0434\n        @let warehouses = warehouses$ | async;\n        <tui-select\n            formControlName=\"warehouseId\"\n            [valueContent]=\"warehouses ? stringify(warehouses) : selectLoading\"\n        >\n            \u0421\u043A\u043B\u0430\u0434\n            <tui-data-list *tuiDataList>\n                @if (!terminal.isRunningOnTerminal) {\n                    @for (warehouse of warehouses; track warehouse.id) {\n                        <button\n                            tuiOption\n                            [value]=\"warehouse.id\"\n                        >\n                            {{ warehouse.name }}\n                        </button>\n                    }\n                } @else {\n                    @if (warehouseService.getCatalogWarehouseChange$() | async; as terminalWarehouse) {\n                        <button\n                            tuiOption\n                            [value]=\"terminalWarehouse.id\"\n                        >\n                            {{ terminalWarehouse.name }}\n                        </button>\n                    }\n                }\n            </tui-data-list>\n        </tui-select>\n        <tui-error\n            formControlName=\"warehouseId\"\n            [error]=\"[] | tuiFieldError | async\"\n        />\n    </label>\n\n    <!-- \u0410\u0434\u0440\u0435\u0441 \u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438. -->\n    @if (isDelivery()) {\n        @let addresses = addresses$ | async;\n        <div>\n            <label tuiLabel>\n                \u0410\u0434\u0440\u0435\u0441 \u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438\n                <tui-select\n                    formControlName=\"addressId\"\n                    [valueContent]=\"addresses ? stringify(addresses) : selectLoading\"\n                >\n                    \u0410\u0434\u0440\u0435\u0441 \u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438\n                    <tui-data-list *tuiDataList>\n                        @for (address of addresses; track address.id) {\n                            <button\n                                tuiOption\n                                [value]=\"address.id\"\n                            >\n                                {{ address.address }}\n                            </button>\n                        }\n                    </tui-data-list>\n                </tui-select>\n                @if (addresses && addresses.length === 0) {\n                    <tui-error error=\"\u0423 \u043A\u043E\u043D\u0442\u0440\u0430\u0433\u0435\u043D\u0442\u0430 \u043D\u0435\u0442 \u0430\u0434\u0440\u0435\u0441\u0430 \u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438\" />\n                }\n                <tui-error\n                    formControlName=\"addressId\"\n                    [error]=\"[] | tuiFieldError | async\"\n                />\n            </label>\n            <a\n                tuiLink\n                iconStart=\"@tui.plus\"\n                (click)=\"addDeliveryAddress()\"\n                class=\"mt-2 block\"\n            >\n                \u041D\u043E\u0432\u044B\u0439\n            </a>\n        </div>\n    }\n\n    <!-- \u0414\u0430\u0442\u0430 \u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438/\u0441\u0430\u043C\u043E\u0432\u044B\u0432\u043E\u0437\u0430. -->\n    <label tuiLabel>\n        \u0416\u0435\u043B\u0430\u0435\u043C\u0430\u044F \u0434\u0430\u0442\u0430 {{ isDelivery() ? '\u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438' : '\u0441\u0430\u043C\u043E\u0432\u044B\u0432\u043E\u0437\u0430' }}\n        <tui-input-date\n            formControlName=\"deliveryDate\"\n            [disabledItemHandler]=\"deliveryDateFilter\"\n        >\n            \u0416\u0435\u043B\u0430\u0435\u043C\u0430\u044F \u0434\u0430\u0442\u0430 {{ isDelivery() ? '\u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438' : '\u0441\u0430\u043C\u043E\u0432\u044B\u0432\u043E\u0437\u0430' }}\n        </tui-input-date>\n        <tui-error\n            formControlName=\"deliveryDate\"\n            [error]=\"[] | tuiFieldError | async\"\n        />\n    </label>\n\n    <!-- \u041A\u043E\u043C\u043C\u0435\u043D\u0442\u0430\u0440\u0438\u0439 \u043A\u043B\u0438\u0435\u043D\u0442\u0430. -->\n    <label tuiLabel>\n        \u041A\u043E\u043C\u043C\u0435\u043D\u0442\u0430\u0440\u0438\u0439 \u043A\u043B\u0438\u0435\u043D\u0442\u0430 \u043A \u0437\u0430\u043A\u0430\u0437\u0443\n        <tui-textarea\n            formControlName=\"comment\"\n            [expandable]=\"true\"\n            [rows]=\"15\"\n        >\n            \u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u0442\u0435\u043A\u0441\u0442\n        </tui-textarea>\n        <tui-error\n            formControlName=\"comment\"\n            [error]=\"[] | tuiFieldError | async\"\n        />\n    </label>\n\n    <!-- \u041F\u0440\u0438\u043A\u0440\u0435\u043F\u043B\u0435\u043D\u0438\u0435 \u0444\u0430\u0439\u043B\u0430 \u043A \u0437\u0430\u043A\u0430\u0437\u0443. -->\n    <div>\n        @if (!controlFile.value) {\n            <label tuiInputFiles>\n                <input\n                    accept=\"image/*\"\n                    tuiInputFiles\n                    [formControl]=\"controlFile\"\n                />\n            </label>\n        }\n\n        <tui-files class=\"tui-space_top-1\">\n            @if (controlFile.value | tuiFileRejected: { accept: 'image/*' } | async; as file) {\n                <tui-file\n                    state=\"error\"\n                    [file]=\"file\"\n                    (remove)=\"removeFile()\"\n                />\n            }\n\n            @for (file of accepted$ | async; track file.name) {\n                <tui-file\n                    [file]=\"file\"\n                    (remove)=\"removeFile()\"\n                />\n            }\n        </tui-files>\n\n        <tui-error\n            [error]=\"['maxLength'] | tuiFieldError | async\"\n            [formControl]=\"controlFile\"\n        />\n        <p class=\"tui-form__field-note\">\u041D\u0430\u043F\u0440\u0438\u043C\u0435\u0440, \u0444\u043E\u0442\u043E\u0433\u0440\u0430\u0444\u0438\u044E \u043F\u043E\u0432\u0440\u0435\u0436\u0434\u0435\u043D\u0438\u0439 \u0438 \u0434\u0435\u0444\u0444\u0435\u043A\u0442\u043E\u0432, \u0447\u0442\u043E \u043F\u043E\u0441\u043B\u0443\u0436\u0438\u0442 \u0434\u043E\u043A\u0430\u0437\u0430\u0442\u0435\u043B\u044C\u0441\u0442\u0432\u043E\u043C \u043D\u0435\u0441\u043E\u043E\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0438\u044F \u0437\u0430\u044F\u0432\u043B\u0435\u043D\u043D\u043E\u0433\u043E \u043A\u0430\u0447\u0435\u0441\u0442\u0432\u0430 \u0442\u043E\u0432\u0430\u0440\u0430.</p>\n    </div>\n</form>\n" }]
+        }], ctorParameters: () => [] });
+
 /**
  * Компонент списка товаров, разбитых по наличию на складе:
  * - в наличии на складе;
@@ -10201,5 +10764,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { AbstractScPriceCard, AuthMethod, CURRENT_COUNTRY_ID, CostWithDiscountComponent, FilesAndDocumentsComponent, FilesAndDocumentsModule, FinishDateTimeTransformerDirective, IDLE_ITEM_STATE, IS_DEFAULT_COUNTRY, MAX_FILES_IN_FORM_INPUT, SC_ALLOW_SELECT_TERMINATED, SC_BANNER_DURATION, SC_CATALOG_PRODUCTS_FILTERS, SC_CATALOG_SHOW_PRODUCTS_RECURSIVELY, SC_DATE_FORMATTER, SC_DEBOUNCE_TIME_DEFAULT, SC_DIALOG_SERVICE_TOKEN, SC_ERROR_CHANGE_HANDLER, SC_HELP_NOTIFICATION_CLOSE, SC_HELP_NOTIFICATION_LIMIT, SC_HIDDEN_PRINT_ELEMENTS, SC_MANAGER_QR_HANDLER, SC_NOTIFY_WHEN_IN_STOCK_REQUIRED_FIELDS, SC_ORDER_OPTIONS, SC_PAGE_SIZE_OPTIONS$1 as SC_PAGE_SIZE_OPTIONS, SC_SHOW_HELP_NOTIFICATION_IN_PHONE_INPUT, SC_USER_CITY_INFO, SC_USER_INFO, SC_USER_PROVIDERS, SC_VERIFICATION_CODE_TIMEOUT, ScAccordionComponent, ScAccordionContentDirective, ScAccordionModule, ScAddContactDialogComponent, ScAddContragentBankAccountsDialogComponent, ScAddContragentDialogComponent, ScAddDeliveryAddressDialogComponent, ScAddOrEditingCartItemDialogComponent, ScAddOrEditingCartItemFormComponent, ScAddressesSelectionFieldComponent, ScAuthModule, ScBannerComponent, ScBannerModule, ScBrandsListComponent, ScBrandsListModule, ScCartAddProductsFromCsvDialogComponent, ScCatalogFilterCollapsibleComponent, ScCatalogFiltersComponent, ScCatalogModule, ScCategoryCardComponent, ScContactsAccordionComponent, ScContactsModule, ScContragentsAccordionComponent, ScContragentsAccordionItemComponent, ScContragentsModule, ScDeliveryAddressAccordionComponent, ScDeliveryAddressAccordionItemComponent, ScDeliveryAddressModule, ScDownloadPriceListComponent, ScDraftComponent, ScEmailLinkDirective, ScErrorBlockStatusComponent, ScErrorHandlerComponent, ScFavoriteButtonComponent, ScFeedbackFormComponent, ScFocusFirstInvalidFieldDirective, ScFormFieldsModule, ScFormatDatePipe, ScFrequentlyAskedQuestionsComponent, ScFrequentlyAskedQuestionsGroupSelectorComponent, ScFrequentlyAskedQuestionsWithGroupsComponent, ScGratitudeComponent, ScHelpNotificationService, ScHoverImageCarouselComponent, ScInputQuantityComponent, ScLinks, ScManagerCardComponent, ScManagerCardPushComponent, ScNewContactFormComponent, ScNewContragentBankAccountsFormComponent, ScNewContragentFormComponent, ScNewsCardComponent, ScNewsCardSkeletonComponent, ScNewsModule, ScNextInputFocusDirective, ScNextInputFocusModule, ScNoindexDirective, ScNoindexWrapperComponent, ScNotifyWhenInStockDialogComponent, ScOrderAccessorDirective, ScOrderItemComponent, ScOrderItemsByDirection, ScOrderItemsListByDirectionsComponent, ScOrderItemsListByStockComponent, ScOrderItemsListComponent, ScOrderModule, ScPaymentStatusComponent, ScPersonalDataProcessingPolicyComponent, ScPhoneFormatPipe, ScPreviewSampleComponent, ScPreviewSampleModule, ScPreviewSamplesMosquitoComponent, ScPriceCardComponent, ScPriceCardInlineComponent, ScPriceHistoryComponent, ScPriceListPaginationComponent, ScPriceWarehouseStockComponent, ScPrintDirective, ScPrintService, ScPrivacyPolicyComponent, ScProductInAllWarehousesPipe, ScProfileAccordionsContentComponent, ScProfileModule, ScPublicOfferComponent, ScQRCodeDialogComponent, ScQRCodeModule, ScResetUserPasswordComponent, ScResourcePreviewComponent, ScSandwichComponent, ScSandwichM2Component, ScSandwichM2SkeletonComponent, ScSandwichSkeletonComponent, ScSelectOnFocusinDirective, ScSeoTagsComponent, ScShareButtonComponent, ScShareButtonModule, ScSignInFormByEmailComponent, ScSignInFormByPhoneComponent, ScSignInFormComponent, ScSignUpFormComponent, ScSimpleSignUpFormComponent, ScSuggestionFieldComponent, ScTelLinkDirective, ScTerminalLinkDirective, ScUpdateUserInfoDialogComponent, ScUserManagersComponent, ScUserModule, ScUserPhoneApproveDialogComponent, ScVerificationModule, ScVerificationPhoneCheckFormComponent, TreeDirective, TreeIconService, TreeLoaderService, TreeTopDirective, cleanupRecaptchaArtifacts, phoneValidator, scAtLeastOneRequiredValidator, scBicValidator, scClientUiIconsName, scCorrespondentAccountValidator, scGetCurrentRoute, scPasswordConfirmMatchingValidator, stepValidator, tuiDateValueTransformerDefaultProvider };
+export { AbstractScPriceCard, AuthMethod, CURRENT_COUNTRY_ID, CostWithDiscountComponent, FilesAndDocumentsComponent, FilesAndDocumentsModule, FinishDateTimeTransformerDirective, IDLE_ITEM_STATE, IS_DEFAULT_COUNTRY, MAX_FILES_IN_FORM_INPUT, SC_ALLOW_SELECT_TERMINATED, SC_BANNER_DURATION, SC_CATALOG_PRODUCTS_FILTERS, SC_CATALOG_SHOW_PRODUCTS_RECURSIVELY, SC_DATE_FORMATTER, SC_DEBOUNCE_TIME_DEFAULT, SC_DIALOG_SERVICE_TOKEN, SC_ERROR_CHANGE_HANDLER, SC_HELP_NOTIFICATION_CLOSE, SC_HELP_NOTIFICATION_LIMIT, SC_HIDDEN_PRINT_ELEMENTS, SC_MANAGER_QR_HANDLER, SC_NOTIFY_WHEN_IN_STOCK_REQUIRED_FIELDS, SC_ORDER_FORM_CONFIG, SC_ORDER_OPTIONS, SC_PAGE_SIZE_OPTIONS$1 as SC_PAGE_SIZE_OPTIONS, SC_SHOW_HELP_NOTIFICATION_IN_PHONE_INPUT, SC_USER_CITY_INFO, SC_USER_INFO, SC_USER_PROVIDERS, SC_VERIFICATION_CODE_TIMEOUT, ScAccordionComponent, ScAccordionContentDirective, ScAccordionModule, ScAddContactDialogComponent, ScAddContragentBankAccountsDialogComponent, ScAddContragentDialogComponent, ScAddDeliveryAddressDialogComponent, ScAddOrEditingCartItemDialogComponent, ScAddOrEditingCartItemFormComponent, ScAddressesSelectionFieldComponent, ScAuthModule, ScBannerComponent, ScBannerModule, ScBrandsListComponent, ScBrandsListModule, ScCartAddProductsFromCsvDialogComponent, ScCatalogFilterCollapsibleComponent, ScCatalogFiltersComponent, ScCatalogModule, ScCategoryCardComponent, ScContactsAccordionComponent, ScContactsModule, ScContragentsAccordionComponent, ScContragentsAccordionItemComponent, ScContragentsModule, ScDeliveryAddressAccordionComponent, ScDeliveryAddressAccordionItemComponent, ScDeliveryAddressModule, ScDownloadPriceListComponent, ScDraftComponent, ScEmailLinkDirective, ScErrorBlockStatusComponent, ScErrorHandlerComponent, ScFavoriteButtonComponent, ScFeedbackFormComponent, ScFocusFirstInvalidFieldDirective, ScFormFieldsModule, ScFormatDatePipe, ScFrequentlyAskedQuestionsComponent, ScFrequentlyAskedQuestionsGroupSelectorComponent, ScFrequentlyAskedQuestionsWithGroupsComponent, ScGratitudeComponent, ScHelpNotificationService, ScHoverImageCarouselComponent, ScInputQuantityComponent, ScLinks, ScManagerCardComponent, ScManagerCardPushComponent, ScNewContactFormComponent, ScNewContragentBankAccountsFormComponent, ScNewContragentFormComponent, ScNewsCardComponent, ScNewsCardSkeletonComponent, ScNewsModule, ScNextInputFocusDirective, ScNextInputFocusModule, ScNoindexDirective, ScNoindexWrapperComponent, ScNotifyWhenInStockDialogComponent, ScOrderAccessorDirective, ScOrderDirectionItemsComponent, ScOrderFormComponent, ScOrderItemComponent, ScOrderItemsByDirection, ScOrderItemsListByDirectionsComponent, ScOrderItemsListByStockComponent, ScOrderItemsListComponent, ScOrderModule, ScPaymentStatusComponent, ScPersonalDataProcessingPolicyComponent, ScPhoneFormatPipe, ScPreviewSampleComponent, ScPreviewSampleModule, ScPreviewSamplesMosquitoComponent, ScPriceCardComponent, ScPriceCardInlineComponent, ScPriceHistoryComponent, ScPriceListPaginationComponent, ScPriceWarehouseStockComponent, ScPrintDirective, ScPrintService, ScPrivacyPolicyComponent, ScProductInAllWarehousesPipe, ScProfileAccordionsContentComponent, ScProfileModule, ScPublicOfferComponent, ScQRCodeDialogComponent, ScQRCodeModule, ScResetUserPasswordComponent, ScResourcePreviewComponent, ScSandwichComponent, ScSandwichM2Component, ScSandwichM2SkeletonComponent, ScSandwichSkeletonComponent, ScSelectOnFocusinDirective, ScSeoTagsComponent, ScShareButtonComponent, ScShareButtonModule, ScSignInFormByEmailComponent, ScSignInFormByPhoneComponent, ScSignInFormComponent, ScSignUpFormComponent, ScSimpleSignUpFormComponent, ScSuggestionFieldComponent, ScTelLinkDirective, ScTerminalLinkDirective, ScUpdateUserInfoDialogComponent, ScUserManagersComponent, ScUserModule, ScUserPhoneApproveDialogComponent, ScVerificationModule, ScVerificationPhoneCheckFormComponent, TreeDirective, TreeIconService, TreeLoaderService, TreeTopDirective, cleanupRecaptchaArtifacts, phoneValidator, scAtLeastOneRequiredValidator, scBicValidator, scClientUiIconsName, scCorrespondentAccountValidator, scGetCurrentRoute, scPasswordConfirmMatchingValidator, stepValidator, tuiDateValueTransformerDefaultProvider };
 //# sourceMappingURL=snabcentr-client-ui.mjs.map