@snabcentr/client-ui 3.30.0 → 3.31.0

package/fesm2022/snabcentr-client-ui.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { inject, Injectable, Directive, ContentChildren, HostListener, NgModule, EventEmitter, signal, ChangeDetectorRef, Input, Output, Component, ChangeDetectionStrategy, Inject, HostBinding, ElementRef, Pipe, Renderer2, input, model, output, SkipSelf, DestroyRef, effect, ContentChild, ViewChild, Optional, computed, forwardRef } from '@angular/core';
+import { inject, Injectable, Directive, ContentChildren, HostListener, NgModule, EventEmitter, signal, ChangeDetectorRef, Input, Output, Component, ChangeDetectionStrategy, Inject, HostBinding, ElementRef, Pipe, Renderer2, input, model, output, SkipSelf, DestroyRef, effect, ContentChild, ViewChild, Optional, computed, viewChild, forwardRef } from '@angular/core';
 import * as i1 from '@snabcentr/client-core';
 import { ScContactsService, ScUserService, ScAuthService, SEARCH_TERM, ScUnitsHelper, ScImageHelper, SC_PATH_IMAGE_NOT_FOUND, IS_RUNNING_ON_TERMINAL, ScPhoneService, ScUserMetrikaService, ScUserMetrikaGoalsEnum, ScVCardService, ScVerificationService, ScISuggestionType, SC_MIN_LENGTH_SEARCH_TERM, ScConvertersService, ScOpfList, ScLocationsService, ScWarehouseService, SEARCH_TERM_PROVIDERS, ScCartService, ScUploadedFile, ScMimeTypes, ScCatalogService, SC_URLS, ScPaginationService, SC_NEXT_PAGE_PAGINATION_CLICK, SC_PRODUCT_PAGINATION_OPTIONS, ScIconTypesEnum, ScDocumentInfoTypesEnum, ScFrequentlyAskedQuestionsService, ScFeedbackService } from '@snabcentr/client-core';
 import * as i6 from 'rxjs';
@@ -11,19 +11,19 @@ import { toSignal, outputFromObservable, takeUntilDestroyed } from '@angular/cor
 import * as i2$3 from '@angular/forms';
 import { FormControl, FormGroupDirective, NgControl, FormGroup, Validators, FormArray, FormsModule, ReactiveFormsModule } from '@angular/forms';
 import * as i1$1 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, TuiHint, TuiFormatNumberPipe, TUI_MONTHS, 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, TuiHint, TuiFormatNumberPipe, TuiNumberFormat, TUI_MONTHS, TuiSurface, tuiFadeIn } from '@taiga-ui/core';
 import { isValidPhoneNumber, getCountries } from 'libphonenumber-js';
 import * as i4 from '@taiga-ui/legacy/components/primitive-textfield';
 import * as i5 from '@taiga-ui/legacy';
 import { AbstractTuiControl, TuiInputModule, TuiTextfieldControllerModule, TuiComboBoxModule, TuiInputPhoneModule, TuiSelectModule, TuiInputPasswordModule, AbstractTuiNullableControl, TuiInputNumberComponent, TuiInputNumberModule, TuiIslandDirective, TuiTextareaModule } from '@taiga-ui/legacy';
-import { isNil } from 'lodash-es';
+import { isNil, isObject } from 'lodash-es';
 import * as i2$2 from '@angular/common';
 import { CommonModule, NgIf, AsyncPipe, NgFor, NgClass } from '@angular/common';
 import * as i4$1 from '@taiga-ui/core/components/label';
 import * as i8 from '@maskito/angular';
 import { MaskitoDirective } from '@maskito/angular';
 import * as i2$1 from '@taiga-ui/kit';
-import { TuiPreview, TUI_DATE_VALUE_TRANSFORMER, TuiAvatar, TuiAccordionItem, TuiElasticContainer, TuiAccordion, TuiFieldErrorPipe, TuiFilterByInputPipe, TuiStringifyContentPipe, TuiDataListWrapper, TuiButtonLoading, TuiSortCountriesPipe, TuiCarousel, TuiPush, TuiCheckbox, TuiStepper, TuiBadge, TuiPreviewDialogService, TuiHighlight, TuiFiles, TuiLineClamp, TuiTreeService, TuiTreeItemContent, TUI_TREE_START, TUI_TREE_CONTENT, TUI_TREE_LOADING, TUI_TREE_LOADER, TuiTree, tuiItemsHandlersProvider, TuiPagination, TuiChip, tuiFilesAccepted } from '@taiga-ui/kit';
+import { TuiPreview, TUI_DATE_VALUE_TRANSFORMER, TuiAvatar, TuiAccordionItem, TuiElasticContainer, TuiAccordion, TuiFieldErrorPipe, TuiFilterByInputPipe, TuiStringifyContentPipe, TuiDataListWrapper, TuiButtonLoading, TuiSortCountriesPipe, TuiCarousel, TuiPush, TuiCheckbox, TuiStepper, TuiBadge, TuiPreviewDialogService, TuiHighlight, TuiFiles, TuiChip, TuiInputNumber, TuiLineClamp, TuiTreeService, TuiTreeItemContent, TUI_TREE_START, TUI_TREE_CONTENT, TUI_TREE_LOADING, TUI_TREE_LOADER, TuiTree, tuiItemsHandlersProvider, TuiPagination, tuiFilesAccepted } from '@taiga-ui/kit';
 import * as i2$4 from '@taiga-ui/polymorpheus';
 import { POLYMORPHEUS_CONTEXT, PolymorpheusComponent, PolymorpheusTemplate, PolymorpheusOutlet, injectContext } from '@taiga-ui/polymorpheus';
 import * as i2 from 'angularx-qrcode';
@@ -36,8 +36,10 @@ import * as i3$1 from '@ng-web-apis/intersection-observer';
 import { IntersectionObserverService, WaIntersectionObserver } from '@ng-web-apis/intersection-observer';
 import * as i2$5 from '@angular/router';
 import { RouterModule, ActivatedRoute, RouterLink, Router, NavigationStart } from '@angular/router';
-import { TuiCurrencyPipe } from '@taiga-ui/addon-commerce';
+import { TuiCurrencyPipe, TuiAmountPipe } from '@taiga-ui/addon-commerce';
 import { WA_WINDOW } from '@ng-web-apis/common';
+import { TuiAppearance as TuiAppearance$1, TuiWithAppearance as TuiWithAppearance$1 } from '@taiga-ui/core/directives/appearance';
+import { TuiIcons as TuiIcons$1, TuiWithIcons as TuiWithIcons$1 } from '@taiga-ui/core/directives/icons';
 import { __decorate } from 'tslib';
 import * as i5$1 from '@taiga-ui/addon-charts';
 import { TuiLineDaysChart, TuiLineDaysChartHint, TuiAxes } from '@taiga-ui/addon-charts';
@@ -832,6 +834,35 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 }]
         }] });
 
+/**
+ * Директива для обработки события фокуса поля ввода, для последующего выделения содержимого поля ввода.
+ */
+class ScSelectOnFocusinDirective {
+    /**
+     * Слушатель и обработчик события `focusin`.
+     *
+     * @param target Целевой объект события `focusin`.
+     */
+    // eslint-disable-next-line class-methods-use-this
+    onFocusIn(target) {
+        if (target instanceof HTMLInputElement) {
+            target.select();
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ScSelectOnFocusinDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: ScSelectOnFocusinDirective, isStandalone: true, selector: "tui-input-number, tui-input, tui-input-phone, tui-input-date, tui-input-password, input[tuiInputNumber]", host: { listeners: { "focusin": "onFocusIn($event.target)" } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ScSelectOnFocusinDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    standalone: true,
+                    selector: 'tui-input-number, tui-input, tui-input-phone, tui-input-date, tui-input-password, input[tuiInputNumber]',
+                    host: {
+                        '(focusin)': 'onFocusIn($event.target)',
+                    },
+                }]
+        }] });
+
 /**
  * Токен для обработчика QR кода менеджера.
  */
@@ -4252,6 +4283,243 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
             args: [{ standalone: true, selector: 'sc-car-add-products-from-csv-dialog', imports: [TuiLink, TuiLoader, TuiFiles, ReactiveFormsModule, NgIf, TuiButton, TuiButtonLoading], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"flex flex-col items-center gap-8\">\n    <tui-loader\n        [overlay]=\"true\"\n        [showLoader]=\"isDownloadLoading()\"\n        size=\"s\"\n        class=\"mt-8\"\n    >\n        <button\n            tuiLink\n            [pseudo]=\"true\"\n            type=\"button\"\n            (click)=\"onDownloadClick.next()\"\n        >\n            \u041F\u0440\u0438\u043C\u0435\u0440 .csv \u0444\u0430\u0439\u043B\u0430\n        </button>\n    </tui-loader>\n\n    <div class=\"flex w-full flex-col gap-1\">\n        <label\n            tuiInputFiles\n            class=\"w-full\"\n        >\n            <input\n                accept=\"text/csv\"\n                tuiInputFiles\n                [formControl]=\"control\"\n            />\n        </label>\n\n        <tui-files class=\"tui-space_top-1\">\n            <tui-file\n                *ngIf=\"control.value as file\"\n                [file]=\"file\"\n                (remove)=\"removeFile()\"\n            />\n        </tui-files>\n    </div>\n    <div class=\"flex gap-2\">\n        <button\n            tuiButton\n            [disabled]=\"!control.value\"\n            [loading]=\"isSubmitLoading()\"\n            iconStart=\"@tui.sc.send\"\n            class=\"self-center\"\n            (click)=\"onSubmit$.next()\"\n        >\n            \u0417\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u044C\n        </button>\n        <button\n            tuiButton\n            (click)=\"context.$implicit.complete()\"\n            type=\"button\"\n            appearance=\"secondary\"\n        >\n            \u041E\u0442\u043C\u0435\u043D\u0430\n        </button>\n    </div>\n</div>\n" }]
         }] });
 
+/* eslint-disable sonarjs/no-nested-template-literals,@typescript-eslint/unbound-method */
+/**
+ * Компонент добавления / изменения товара в корзине.
+ */
+class ScAddOrEditingCartItemFormComponent {
+    constructor() {
+        /**
+         * Группа полей добавления / изменения товара в корзине.
+         */
+        this.form = new FormGroup({
+            quantity: new FormControl(null, Validators.required),
+            marker: new FormControl(''),
+        });
+        /**
+         * Данные о товаре.
+         */
+        this.product = input.required();
+        /**
+         * Данные о товаре в корзине.
+         */
+        this.cartItem = input();
+        /**
+         * Признак загрузки данных.
+         */
+        this.isLoading = input(false);
+        /**
+         * Признак возможности продажи товара на метраж.
+         */
+        this.productIsMeasurable = computed(() => this.unitsHelper.productIsMeasurable(this.product()));
+        /**
+         * Кратность количества для товара.
+         */
+        this.productMultiplicity = computed(() => this.unitsHelper.productMultiplicity(this.product()));
+        /**
+         * Минимальный метраж для товара.
+         */
+        this.minLength = computed(() => this.cartItem()?.length ?? this.product().properties?.minLength ?? (this.product().ignoreMinCountCheck ? 0 : this.product().minCount) ?? 1);
+        /**
+         * Максимальный метраж для товара.
+         */
+        this.maxLength = computed(() => this.product().properties?.maxLength);
+        /**
+         * Шаг изменения метража.
+         */
+        this.lengthStep = computed(() => this.product().properties?.lengthStep ?? (this.product().ignoreMinCountCheck ? 0 : this.product().minCount));
+        /**
+         * Подсказка по минимальному и максимальному метражу товара.
+         */
+        this.lengthHint = computed(() => {
+            const min = this.minLength();
+            const max = this.maxLength();
+            // eslint-disable-next-line sonarjs/no-nested-conditional, @typescript-eslint/no-unnecessary-condition
+            return (min ?? max) ? `(${min ? `от ${min}` : ''}${min && max ? ' ' : ''}${max ? `до ${max}` : ''} ${this.product().unit})` : '';
+        });
+        /**
+         * Итоговая стоимость заказа.
+         */
+        this.totalCost = toSignal(combineLatest({
+            // eslint-disable-next-line unicorn/explicit-length-check
+            length: this.form.controls.length ? tuiControlValue(this.form.controls.length) : of(1),
+            quantity: tuiControlValue(this.form.controls.quantity),
+        }).pipe(debounceTime(0), // Исправляем ошибку NG0950.
+        map(({ length, quantity }) => (this.product().costRub ?? 0) * length * quantity), map((sum) => Math.round(sum * 100) / 100)));
+        /**
+         * {@link Output} события добавления товара в корзину.
+         */
+        this.addToCart = output();
+        /**
+         * {@link Output} события редактирования товара в корзине.
+         */
+        this.editCartItem = output();
+        /**
+         * Объект-помощник для работы со значениями единиц измерения товара.
+         */
+        this.unitsHelper = inject(ScUnitsHelper);
+        /**
+         * Сервис для сбора метрик о действиях пользователей.
+         */
+        this.userMetrikaService = inject(ScUserMetrikaService);
+        /**
+         * Сервис конвертации данных.
+         */
+        this.convertersService = inject(ScConvertersService);
+    }
+    /** @inheritDoc */
+    ngOnInit() {
+        if (this.productIsMeasurable()) {
+            this.form.addControl('length', new FormControl(this.minLength(), [Validators.required, Validators.min(0.01)]));
+        }
+        this.form.patchValue({
+            quantity: this.cartItem()?.quantity ?? this.unitsHelper.productMultiplicity(this.product()),
+        });
+        this.form.controls.quantity.addValidators(stepValidator(this.unitsHelper.productStepForValidator(this.product())));
+        this.form.controls.length?.addValidators(stepValidator(this.product().properties?.lengthStep ?? (this.product().ignoreMinCountCheck ? 0 : (this.product().minCount ?? 0))));
+        this.userMetrikaService.emitUserMetrikaEvent({
+            target: ScUserMetrikaGoalsEnum.cartItemAddShow,
+            params: { product_id: this.product().id },
+        });
+    }
+    /**
+     * Обработчик события шага метража.
+     *
+     * @param step Шаг.
+     */
+    onStepLength(step) {
+        // eslint-disable-next-line unicorn/explicit-length-check
+        if (!this.productIsMeasurable() || !this.form.controls.length) {
+            return;
+        }
+        const length = this.form.controls.length.value ?? 0;
+        this.form.controls.length.setValue(Math.max(this.minLength(), length - (length % step) + step));
+    }
+    /**
+     * Обработчик события шага количества.
+     *
+     * @param step Шаг.
+     */
+    onStepQuantity(step) {
+        const quantity = this.form.controls.quantity.value ?? 0;
+        this.form.controls.quantity.setValue(Math.max(this.productMultiplicity(), quantity - (quantity % step) + step));
+    }
+    /**
+     * Обработчик события отправки формы.
+     */
+    onSubmit() {
+        const value = this.convertersService.removeNull(this.form.value);
+        if (!this.cartItem()) {
+            value.productId = this.product().id;
+        }
+        const step = this.lengthStep();
+        if (this.productIsMeasurable() && step) {
+            value.quantity = Math.round(value.quantity * (value.length / step));
+            value.length = step;
+        }
+        tuiMarkControlAsTouchedAndValidate(this.form);
+        if (this.cartItem()) {
+            this.editCartItem.emit(value);
+        }
+        else {
+            this.addToCart.emit(value);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ScAddOrEditingCartItemFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.13", type: ScAddOrEditingCartItemFormComponent, isStandalone: true, selector: "sc-add-or-editing-cart-item-form", inputs: { product: { classPropertyName: "product", publicName: "product", isSignal: true, isRequired: true, transformFunction: null }, cartItem: { classPropertyName: "cartItem", publicName: "cartItem", isSignal: true, isRequired: false, transformFunction: null }, isLoading: { classPropertyName: "isLoading", publicName: "isLoading", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { addToCart: "addToCart", editCartItem: "editCartItem" }, ngImport: i0, template: "<!-- \u0424\u043E\u0440\u043C\u0430 \u0434\u043E\u0431\u0430\u0432\u043B\u0435\u043D\u0438\u044F \u0438\u0437\u043C\u0435\u0440\u044F\u0435\u043C\u043E\u0433\u043E \u0442\u043E\u0432\u0430\u0440\u0430. -->\n<form\n    *ngIf=\"product\"\n    [formGroup]=\"form\"\n    (ngSubmit)=\"onSubmit()\"\n    ScNextInputFocus\n    class=\"flex flex-col gap-2\"\n>\n    <!-- \u0414\u043B\u0438\u043D\u0430 \u0442\u043E\u0432\u0430\u0440\u0430 (\u043C\u0435\u0442\u0440\u0430\u0436) -->\n    <label\n        *ngIf=\"productIsMeasurable()\"\n        tuiLabel\n    >\n        \u041C\u0435\u0442\u0440\u0430\u0436, {{ product().unit }} {{ lengthHint() }}\n\n        <tui-textfield>\n            <input\n                tuiInputNumber\n                formControlName=\"length\"\n                [tuiNumberFormat]=\"{ precision: 2 }\"\n                [max]=\"maxLength() || null\"\n                [min]=\"minLength() || null\"\n                (keydown.arrowDown)=\"onStepLength(-(lengthStep() ?? 0.01))\"\n                (keydown.arrowUp)=\"onStepLength(lengthStep() ?? 0.01)\"\n                autocomplete=\"length\"\n            />\n        </tui-textfield>\n        <tui-error\n            formControlName=\"length\"\n            [error]=\"[] | tuiFieldError | async\"\n        />\n        <p\n            *ngIf=\"lengthStep()\"\n            class=\"tui-form__field-note\"\n        >\n            \u041C\u0435\u0442\u0440\u0430\u0436 \u0434\u043E\u043B\u0436\u0435\u043D \u0431\u044B\u0442\u044C \u043A\u0440\u0430\u0442\u0435\u043D {{ lengthStep() }}\n        </p>\n    </label>\n\n    <!-- \u041A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E \u0442\u043E\u0432\u0430\u0440\u0430 -->\n    <label tuiLabel>\n        \u041A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E, \u0448\u0442.\n        <tui-textfield>\n            @let step = lengthStep();\n            <tui-chip\n                *ngIf=\"productMultiplicity() && step\"\n                size=\"s\"\n                appearance=\"negative\"\n                class=\"font-bold\"\n            >\n                x {{ step }} {{ product().unit }}\n            </tui-chip>\n\n            <input\n                placeholder=\"\u041A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E\"\n                tuiInputNumber\n                [tuiNumberFormat]=\"{ decimalMode: 'not-zero' }\"\n                [min]=\"productMultiplicity()\"\n                (keydown.arrowDown)=\"onStepQuantity(-productMultiplicity())\"\n                (keydown.arrowUp)=\"onStepQuantity(productMultiplicity())\"\n                formControlName=\"quantity\"\n                autocomplete=\"quantity\"\n            />\n        </tui-textfield>\n        <p class=\"tui-form__field-note\">\u041A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E \u0434\u043E\u043B\u0436\u043D\u043E \u0431\u044B\u0442\u044C \u043A\u0440\u0430\u0442\u043D\u043E {{ productMultiplicity() }}</p>\n        <tui-error\n            formControlName=\"quantity\"\n            [error]=\"[] | tuiFieldError | async\"\n        />\n    </label>\n\n    <!-- \u041C\u0430\u0440\u043A\u0438\u0440\u043E\u0432\u043A\u0430 -->\n    <label tuiLabel>\n        \u041C\u0430\u0440\u043A\u0438\u0440\u043E\u0432\u043A\u0430\n        <tui-input formControlName=\"marker\">\n            \u041C\u0430\u0440\u043A\u0438\u0440\u043E\u0432\u043A\u0430\n            <input\n                tuiTextfieldLegacy\n                autocomplete=\"marker\"\n            />\n        </tui-input>\n        <tui-error\n            formControlName=\"marker\"\n            [error]=\"[] | tuiFieldError | async\"\n        />\n    </label>\n\n    <!-- \u041A\u043D\u043E\u043F\u043A\u0430 \u0434\u043E\u0431\u0430\u0432\u043B\u0435\u043D\u0438\u044F / \u0440\u0435\u0434\u0430\u043A\u0442\u0438\u0440\u043E\u0432\u0430\u043D\u0438\u044F \u0442\u043E\u0432\u0430\u0440\u0430 \u0432 \u043A\u043E\u0440\u0437\u0438\u043D\u0443 -->\n    <div class=\"flex flex-col items-center\">\n        @let cost = totalCost();\n\n        <div *ngIf=\"cost\">\n            \u0418\u0442\u043E\u0433\u043E:<span class=\"text-2xl font-bold\">\n                {{ cost | tuiAmount: 'RUB' | async }}\n                {{ product().currency }}</span\n            >\n        </div>\n\n        <!-- \u041A\u043D\u043E\u043F\u043A\u0430 \u0434\u043E\u0431\u0430\u0432\u043B\u0435\u043D\u0438\u044F / \u0440\u0435\u0434\u0430\u043A\u0442\u0438\u0440\u043E\u0432\u0430\u043D\u0438\u044F \u0442\u043E\u0432\u0430\u0440\u0430 \u0432 \u043A\u043E\u0440\u0437\u0438\u043D\u0443 -->\n        <button\n            tuiButton\n            iconStart=\"@tui.check\"\n            [disabled]=\"form.invalid\"\n            [loading]=\"isLoading()\"\n            type=\"submit\"\n            class=\"mt-2\"\n        >\n            {{ cartItem() ? '\u0418\u0437\u043C\u0435\u043D\u0438\u0442\u044C' : '\u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u0432 \u043A\u043E\u0440\u0437\u0438\u043D\u0443' }}\n        </button>\n    </div>\n</form>\n", dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2$3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2$3.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: i2$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ScNextInputFocusModule }, { kind: "directive", type: ScNextInputFocusDirective, selector: "form[ScNextInputFocus]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2$3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: TuiLabel, selector: "label[tuiLabel]" }, { kind: "directive", type: ScSelectOnFocusinDirective, selector: "tui-input-number, tui-input, tui-input-phone, tui-input-date, tui-input-password, input[tuiInputNumber]" }, { kind: "directive", type: TuiNumberFormat, selector: "[tuiNumberFormat]", inputs: ["tuiNumberFormat"] }, { kind: "component", type: TuiError, selector: "tui-error", inputs: ["error"] }, { kind: "ngmodule", type: TuiInputModule }, { kind: "component", type: i5.TuiInputComponent, selector: "tui-input" }, { kind: "directive", type: i5.TuiInputDirective, selector: "tui-input" }, { kind: "component", type: i4.TuiTextfieldComponent, selector: "input[tuiTextfieldLegacy], textarea[tuiTextfieldLegacy]" }, { kind: "directive", type: TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "component", type: TuiButtonLoading, selector: "[tuiButton][loading],[tuiIconButton][loading]", inputs: ["size", "loading"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: TuiFieldErrorPipe, name: "tuiFieldError" }, { kind: "directive", type: i2$1.TuiInputNumberDirective, selector: "input[tuiInputNumber]", inputs: ["min", "max", "prefix", "postfix"] }, { kind: "component", type: i1$1.TuiTextfieldComponent, selector: "tui-textfield", inputs: ["content", "filler"] }, { kind: "pipe", type: TuiAmountPipe, name: "tuiAmount" }, { kind: "directive", type: TuiChip, selector: "tui-chip,[tuiChip]", inputs: ["size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ScAddOrEditingCartItemFormComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: 'sc-add-or-editing-cart-item-form', imports: [
+                        NgIf,
+                        FormsModule,
+                        ScNextInputFocusModule,
+                        ReactiveFormsModule,
+                        TuiLabel,
+                        ScSelectOnFocusinDirective,
+                        TuiNumberFormat,
+                        TuiError,
+                        TuiInputModule,
+                        TuiAppearance$1,
+                        TuiWithAppearance$1,
+                        TuiIcons$1,
+                        TuiWithIcons$1,
+                        TuiButton,
+                        TuiButtonLoading,
+                        AsyncPipe,
+                        TuiFieldErrorPipe,
+                        TuiInputNumber,
+                        TuiNumberFormat,
+                        TuiTextfield,
+                        TuiAmountPipe,
+                        TuiChip,
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<!-- \u0424\u043E\u0440\u043C\u0430 \u0434\u043E\u0431\u0430\u0432\u043B\u0435\u043D\u0438\u044F \u0438\u0437\u043C\u0435\u0440\u044F\u0435\u043C\u043E\u0433\u043E \u0442\u043E\u0432\u0430\u0440\u0430. -->\n<form\n    *ngIf=\"product\"\n    [formGroup]=\"form\"\n    (ngSubmit)=\"onSubmit()\"\n    ScNextInputFocus\n    class=\"flex flex-col gap-2\"\n>\n    <!-- \u0414\u043B\u0438\u043D\u0430 \u0442\u043E\u0432\u0430\u0440\u0430 (\u043C\u0435\u0442\u0440\u0430\u0436) -->\n    <label\n        *ngIf=\"productIsMeasurable()\"\n        tuiLabel\n    >\n        \u041C\u0435\u0442\u0440\u0430\u0436, {{ product().unit }} {{ lengthHint() }}\n\n        <tui-textfield>\n            <input\n                tuiInputNumber\n                formControlName=\"length\"\n                [tuiNumberFormat]=\"{ precision: 2 }\"\n                [max]=\"maxLength() || null\"\n                [min]=\"minLength() || null\"\n                (keydown.arrowDown)=\"onStepLength(-(lengthStep() ?? 0.01))\"\n                (keydown.arrowUp)=\"onStepLength(lengthStep() ?? 0.01)\"\n                autocomplete=\"length\"\n            />\n        </tui-textfield>\n        <tui-error\n            formControlName=\"length\"\n            [error]=\"[] | tuiFieldError | async\"\n        />\n        <p\n            *ngIf=\"lengthStep()\"\n            class=\"tui-form__field-note\"\n        >\n            \u041C\u0435\u0442\u0440\u0430\u0436 \u0434\u043E\u043B\u0436\u0435\u043D \u0431\u044B\u0442\u044C \u043A\u0440\u0430\u0442\u0435\u043D {{ lengthStep() }}\n        </p>\n    </label>\n\n    <!-- \u041A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E \u0442\u043E\u0432\u0430\u0440\u0430 -->\n    <label tuiLabel>\n        \u041A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E, \u0448\u0442.\n        <tui-textfield>\n            @let step = lengthStep();\n            <tui-chip\n                *ngIf=\"productMultiplicity() && step\"\n                size=\"s\"\n                appearance=\"negative\"\n                class=\"font-bold\"\n            >\n                x {{ step }} {{ product().unit }}\n            </tui-chip>\n\n            <input\n                placeholder=\"\u041A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E\"\n                tuiInputNumber\n                [tuiNumberFormat]=\"{ decimalMode: 'not-zero' }\"\n                [min]=\"productMultiplicity()\"\n                (keydown.arrowDown)=\"onStepQuantity(-productMultiplicity())\"\n                (keydown.arrowUp)=\"onStepQuantity(productMultiplicity())\"\n                formControlName=\"quantity\"\n                autocomplete=\"quantity\"\n            />\n        </tui-textfield>\n        <p class=\"tui-form__field-note\">\u041A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E \u0434\u043E\u043B\u0436\u043D\u043E \u0431\u044B\u0442\u044C \u043A\u0440\u0430\u0442\u043D\u043E {{ productMultiplicity() }}</p>\n        <tui-error\n            formControlName=\"quantity\"\n            [error]=\"[] | tuiFieldError | async\"\n        />\n    </label>\n\n    <!-- \u041C\u0430\u0440\u043A\u0438\u0440\u043E\u0432\u043A\u0430 -->\n    <label tuiLabel>\n        \u041C\u0430\u0440\u043A\u0438\u0440\u043E\u0432\u043A\u0430\n        <tui-input formControlName=\"marker\">\n            \u041C\u0430\u0440\u043A\u0438\u0440\u043E\u0432\u043A\u0430\n            <input\n                tuiTextfieldLegacy\n                autocomplete=\"marker\"\n            />\n        </tui-input>\n        <tui-error\n            formControlName=\"marker\"\n            [error]=\"[] | tuiFieldError | async\"\n        />\n    </label>\n\n    <!-- \u041A\u043D\u043E\u043F\u043A\u0430 \u0434\u043E\u0431\u0430\u0432\u043B\u0435\u043D\u0438\u044F / \u0440\u0435\u0434\u0430\u043A\u0442\u0438\u0440\u043E\u0432\u0430\u043D\u0438\u044F \u0442\u043E\u0432\u0430\u0440\u0430 \u0432 \u043A\u043E\u0440\u0437\u0438\u043D\u0443 -->\n    <div class=\"flex flex-col items-center\">\n        @let cost = totalCost();\n\n        <div *ngIf=\"cost\">\n            \u0418\u0442\u043E\u0433\u043E:<span class=\"text-2xl font-bold\">\n                {{ cost | tuiAmount: 'RUB' | async }}\n                {{ product().currency }}</span\n            >\n        </div>\n\n        <!-- \u041A\u043D\u043E\u043F\u043A\u0430 \u0434\u043E\u0431\u0430\u0432\u043B\u0435\u043D\u0438\u044F / \u0440\u0435\u0434\u0430\u043A\u0442\u0438\u0440\u043E\u0432\u0430\u043D\u0438\u044F \u0442\u043E\u0432\u0430\u0440\u0430 \u0432 \u043A\u043E\u0440\u0437\u0438\u043D\u0443 -->\n        <button\n            tuiButton\n            iconStart=\"@tui.check\"\n            [disabled]=\"form.invalid\"\n            [loading]=\"isLoading()\"\n            type=\"submit\"\n            class=\"mt-2\"\n        >\n            {{ cartItem() ? '\u0418\u0437\u043C\u0435\u043D\u0438\u0442\u044C' : '\u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u0432 \u043A\u043E\u0440\u0437\u0438\u043D\u0443' }}\n        </button>\n    </div>\n</form>\n" }]
+        }] });
+
+/* eslint-disable sonarjs/no-nested-template-literals,@typescript-eslint/unbound-method,@typescript-eslint/no-unused-vars */
+/**
+ * Компонент добавления / изменения товара в корзине.
+ */
+class ScAddOrEditingCartItemDialogComponent {
+    constructor() {
+        /**
+         * Компонент формы добавления / изменения товара в корзине.
+         */
+        this.formComponent = viewChild.required(ScAddOrEditingCartItemFormComponent);
+        /**
+         * {@link Subject} события отправки формы.
+         */
+        this.onSubmit = new Subject();
+        /**
+         * {@link Observable} запроса добавления / изменения товара в корзине.
+         */
+        this.submit$ = this.onSubmit.pipe(switchMap((value) => (this.cartItem && !('productId' in value) ? this.cartService.patchCartItem$(this.cartItem.id, value) : this.cartService.addToCart$(value)).pipe(tap(() => {
+            this.context.$implicit.complete();
+        }), catchError((error) => {
+            if (error instanceof HttpErrorResponse) {
+                const { errors, message } = error.error;
+                if (errors && isObject(errors)) {
+                    Object.entries(errors).forEach(([k, v]) => {
+                        this.formComponent().form.get(k)?.setErrors({ serverResponse: v });
+                    });
+                }
+                if (message) {
+                    this.formComponent().form.setErrors({ serverResponse: [message] });
+                }
+                this.formComponent().form.updateValueAndValidity();
+                this.formComponent().form.markAsDirty();
+            }
+            return of();
+        }), startWith(null))), startWith(), share());
+        /**
+         * {@link Observable} изменения состояния загрузки данных.
+         */
+        this.loading = toSignal(this.submit$.pipe(map(tuiIsFalsy)), { initialValue: false });
+        /**
+         * Контекст диалогового окна.
+         */
+        this.context = injectContext();
+        /**
+         * Данные о товаре.
+         */
+        this.product = this.context.data.product;
+        /**
+         * Данные о товаре в корзине.
+         */
+        this.cartItem = this.context.data.cartItem;
+        /**
+         * Сервис для работы с корзиной.
+         */
+        this.cartService = inject(ScCartService);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ScAddOrEditingCartItemDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: ScAddOrEditingCartItemDialogComponent, isStandalone: true, selector: "sc-add-or-editing-cart-item-dialog", viewQueries: [{ propertyName: "formComponent", first: true, predicate: ScAddOrEditingCartItemFormComponent, descendants: true, isSignal: true }], ngImport: i0, template: "@if (product) {\n    <sc-add-or-editing-cart-item-form\n        [product]=\"product\"\n        [cartItem]=\"cartItem\"\n        (addToCart)=\"onSubmit.next($event)\"\n        (editCartItem)=\"onSubmit.next($event)\"\n        [isLoading]=\"loading()\"\n    ></sc-add-or-editing-cart-item-form>\n}\n", dependencies: [{ kind: "component", type: ScAddOrEditingCartItemFormComponent, selector: "sc-add-or-editing-cart-item-form", inputs: ["product", "cartItem", "isLoading"], outputs: ["addToCart", "editCartItem"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ScAddOrEditingCartItemDialogComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: 'sc-add-or-editing-cart-item-dialog', imports: [ScAddOrEditingCartItemFormComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (product) {\n    <sc-add-or-editing-cart-item-form\n        [product]=\"product\"\n        [cartItem]=\"cartItem\"\n        (addToCart)=\"onSubmit.next($event)\"\n        (editCartItem)=\"onSubmit.next($event)\"\n        [isLoading]=\"loading()\"\n    ></sc-add-or-editing-cart-item-form>\n}\n" }]
+        }] });
+
 /**
  * Компонент скачивания каталога.
  */
@@ -7460,5 +7728,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { AbstractScPriceCard, AuthMethod, CURRENT_COUNTRY_ID, FilesAndDocumentsComponent, FilesAndDocumentsModule, FinishDateTimeTransformerDirective, IS_DEFAULT_COUNTRY, MAX_FILES_IN_FORM_INPUT, SC_ALLOW_SELECT_TERMINATED, SC_DATE_FORMATTER, SC_ERROR_CHANGE_HANDLER, SC_HELP_NOTIFICATION_CLOSE, SC_HELP_NOTIFICATION_LIMIT, SC_MANAGER_QR_HANDLER, 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, ScAddressesSelectionFieldComponent, ScAuthModule, ScBannerComponent, ScBannerModule, ScBrandsListComponent, ScBrandsListModule, ScCarAddProductsFromCsvDialogComponent, ScCartItemComponent, ScCatalogModule, ScCategoryCardComponent, ScContactsAccordionComponent, ScContactsModule, ScContragentsAccordionComponent, ScContragentsAccordionItemComponent, ScContragentsModule, ScDeliveryAddressAccordionComponent, ScDeliveryAddressAccordionItemComponent, ScDeliveryAddressModule, ScDownloadPriceListComponent, ScEmailLinkDirective, ScErrorBlockStatusComponent, ScErrorHandlerComponent, ScFavoriteButtonComponent, ScFeedbackFormComponent, ScFormFieldsModule, ScFormatDatePipe, ScFrequentlyAskedQuestionsComponent, ScFrequentlyAskedQuestionsGroupSelectorComponent, ScFrequentlyAskedQuestionsWithGroupsComponent, ScGratitudeComponent, ScHelpNotificationService, ScInputQuantityComponent, ScLinks, ScManagerCardComponent, ScManagerCardPushComponent, ScNewContactFormComponent, ScNewContragentBankAccountsFormComponent, ScNewContragentFormComponent, ScNewsCardComponent, ScNewsCardSkeletonComponent, ScNewsModule, ScNextInputFocusDirective, ScNextInputFocusModule, ScNotifyWhenInStockDialogComponent, ScOrderItemMobileComponent, ScOrderModule, ScPaymentStatusComponent, ScPhoneFormatPipe, ScPreviewSampleComponent, ScPreviewSampleModule, ScPreviewSamplesMosquitoComponent, ScPriceCardComponent, ScPriceCardInlineComponent, ScPriceHistoryComponent, ScPriceListPaginationComponent, ScPriceWarehouseStockComponent, ScProductInAllWarehousesPipe, ScProfileAccordionsContentComponent, ScProfileModule, ScQRCodeDialogComponent, ScQRCodeModule, ScResetUserPasswordComponent, ScResourcePreviewComponent, ScShareButtonComponent, ScShareButtonModule, ScSignInFormByEmailComponent, ScSignInFormByPhoneComponent, ScSignInFormComponent, ScSignUpFormComponent, ScSimpleSignUpFormComponent, ScSuggestionFieldComponent, ScTelLinkDirective, ScTerminalLinkDirective, ScUpdateUserInfoDialogComponent, ScUserManagersComponent, ScUserModule, ScUserPhoneApproveDialogComponent, ScVerificationModule, ScVerificationPhoneCheckFormComponent, TreeDirective, TreeIconService, TreeLoaderService, TreeTopDirective, phoneValidator, scAtLeastOneRequiredValidator, scBicValidator, scClientUiIconsName, scCorrespondentAccountValidator, scPasswordConfirmMatchingValidator, stepValidator, tuiDateValueTransformerDefaultProvider };
+export { AbstractScPriceCard, AuthMethod, CURRENT_COUNTRY_ID, FilesAndDocumentsComponent, FilesAndDocumentsModule, FinishDateTimeTransformerDirective, IS_DEFAULT_COUNTRY, MAX_FILES_IN_FORM_INPUT, SC_ALLOW_SELECT_TERMINATED, SC_DATE_FORMATTER, SC_ERROR_CHANGE_HANDLER, SC_HELP_NOTIFICATION_CLOSE, SC_HELP_NOTIFICATION_LIMIT, SC_MANAGER_QR_HANDLER, 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, ScCarAddProductsFromCsvDialogComponent, ScCartItemComponent, ScCatalogModule, ScCategoryCardComponent, ScContactsAccordionComponent, ScContactsModule, ScContragentsAccordionComponent, ScContragentsAccordionItemComponent, ScContragentsModule, ScDeliveryAddressAccordionComponent, ScDeliveryAddressAccordionItemComponent, ScDeliveryAddressModule, ScDownloadPriceListComponent, ScEmailLinkDirective, ScErrorBlockStatusComponent, ScErrorHandlerComponent, ScFavoriteButtonComponent, ScFeedbackFormComponent, ScFormFieldsModule, ScFormatDatePipe, ScFrequentlyAskedQuestionsComponent, ScFrequentlyAskedQuestionsGroupSelectorComponent, ScFrequentlyAskedQuestionsWithGroupsComponent, ScGratitudeComponent, ScHelpNotificationService, ScInputQuantityComponent, ScLinks, ScManagerCardComponent, ScManagerCardPushComponent, ScNewContactFormComponent, ScNewContragentBankAccountsFormComponent, ScNewContragentFormComponent, ScNewsCardComponent, ScNewsCardSkeletonComponent, ScNewsModule, ScNextInputFocusDirective, ScNextInputFocusModule, ScNotifyWhenInStockDialogComponent, ScOrderItemMobileComponent, ScOrderModule, ScPaymentStatusComponent, ScPhoneFormatPipe, ScPreviewSampleComponent, ScPreviewSampleModule, ScPreviewSamplesMosquitoComponent, ScPriceCardComponent, ScPriceCardInlineComponent, ScPriceHistoryComponent, ScPriceListPaginationComponent, ScPriceWarehouseStockComponent, ScProductInAllWarehousesPipe, ScProfileAccordionsContentComponent, ScProfileModule, ScQRCodeDialogComponent, ScQRCodeModule, ScResetUserPasswordComponent, ScResourcePreviewComponent, ScSelectOnFocusinDirective, ScShareButtonComponent, ScShareButtonModule, ScSignInFormByEmailComponent, ScSignInFormByPhoneComponent, ScSignInFormComponent, ScSignUpFormComponent, ScSimpleSignUpFormComponent, ScSuggestionFieldComponent, ScTelLinkDirective, ScTerminalLinkDirective, ScUpdateUserInfoDialogComponent, ScUserManagersComponent, ScUserModule, ScUserPhoneApproveDialogComponent, ScVerificationModule, ScVerificationPhoneCheckFormComponent, TreeDirective, TreeIconService, TreeLoaderService, TreeTopDirective, phoneValidator, scAtLeastOneRequiredValidator, scBicValidator, scClientUiIconsName, scCorrespondentAccountValidator, scPasswordConfirmMatchingValidator, stepValidator, tuiDateValueTransformerDefaultProvider };
 //# sourceMappingURL=snabcentr-client-ui.mjs.map