@snabcentr/client-ui 5.0.1 → 5.1.3

package/fesm2022/snabcentr-client-ui.mjs

@@ -4,7 +4,7 @@ import * as i1$3 from '@snabcentr/client-core';
 import { ScContactsService, ScUserService, ScISuggestionType, SC_MIN_LENGTH_SEARCH_TERM, ScSuggestionService, ScAuthService, SEARCH_TERM, ScUnitsHelper, ScImageHelper, SC_PATH_IMAGE_NOT_FOUND, ScImage, ScVCardService, IS_RUNNING_ON_TERMINAL, ScPhoneService, ScUserMetrikaService, ScUserMetrikaGoalsEnum, ScVerificationService, ScConvertersService, ScReferencesService, ScOpfList, ScLocationsService, ScBannerService, ScMediaImageTransformerPipe, ScWarehouseService, SEARCH_TERM_PROVIDERS, ScCartService, ScUploadedFile, ScMimeTypes, ScCatalogService, ScPaginationService, SC_NEXT_PAGE_PAGINATION_CLICK, SC_PRODUCT_PAGINATION_OPTIONS, ScContragentService, ScDeliveryAddressService, SC_URLS, IS_SERVER, RESPONSE, ScIconTypesEnum, ScDocumentInfoTypesEnum, ScFilesService, ScFrequentlyAskedQuestionsService, SC_COMPANY_INFO, ScFeedbackService, ScIdOrSlugPipe, ScJsonLdComponent } from '@snabcentr/client-core';
 import { EMPTY, BehaviorSubject, switchMap, of, shareReplay, debounceTime, filter, map, startWith, catchError, throwError, share, Subject, tap, finalize, timer, scan, takeWhile, endWith, distinctUntilChanged, combineLatest, Observable, pairwise, noop, first, merge, skip } from 'rxjs';
 import * as i1$1 from '@angular/common';
-import { AsyncPipe, NgTemplateOutlet, CommonModule, NgClass } from '@angular/common';
+import { AsyncPipe, DOCUMENT, NgTemplateOutlet, CommonModule, NgClass } from '@angular/common';
 import { HttpErrorResponse, HttpClient } from '@angular/common/http';
 import { toSignal, outputFromObservable, takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import * as i1 from '@angular/forms';
@@ -896,6 +896,87 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImpor
                 }]
         }] });
 
+/**
+ * Директива для автоматической установки фокуса на первое невалидное поле формы при submit.
+ */
+class ScFocusFirstInvalidFieldDirective {
+    constructor() {
+        /**
+         * Порядок проверки полей формы.
+         */
+        this.fieldOrder = input([], ...(ngDevMode ? [{ debugName: "fieldOrder" }] : []));
+        /**
+         * Объект {@link Document}, предоставляющий доступ к DOM страницы.
+         */
+        this.document = inject(DOCUMENT);
+        /**
+         * Директива формы.
+         */
+        this.formGroupDirective = inject(FormGroupDirective);
+    }
+    /**
+     * Обработчик события submit формы.
+     */
+    onSubmit() {
+        const { form } = this.formGroupDirective;
+        if (this.fieldOrder().length === 0) {
+            return;
+        }
+        if (form.valid) {
+            return;
+        }
+        const firstInvalidFieldName = this.fieldOrder().find((fieldName) => {
+            const control = form.get(fieldName);
+            return control && control.invalid && !control.disabled;
+        });
+        const firstInvalidField = firstInvalidFieldName ? form.get(firstInvalidFieldName) : null;
+        if (firstInvalidField) {
+            firstInvalidField.markAsTouched();
+            firstInvalidField.updateValueAndValidity();
+        }
+        setTimeout(() => {
+            this.focusFirstInvalidField(form);
+        }, 0);
+    }
+    /**
+     * Устанавливает фокус на первое поле формы с ошибкой.
+     *
+     * @param form Форма для проверки.
+     */
+    focusFirstInvalidField(form) {
+        const firstInvalidField = this.fieldOrder().find((fieldName) => {
+            const control = form.get(fieldName);
+            return control && control.invalid && control.touched && !control.disabled;
+        });
+        if (!firstInvalidField) {
+            return;
+        }
+        const element = this.document.querySelector(`[formControlName="${firstInvalidField}"]`);
+        if (!element) {
+            return;
+        }
+        // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-unsafe-member-access
+        const queryResult = element.querySelector('input, select, textarea');
+        const nativeElement = element.nativeFocusableElement ?? (queryResult ? queryResult : null) ?? element;
+        if (nativeElement instanceof HTMLElement) {
+            nativeElement.focus();
+            nativeElement.scrollIntoView({ behavior: 'smooth', block: 'center' });
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: ScFocusFirstInvalidFieldDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.9", type: ScFocusFirstInvalidFieldDirective, isStandalone: true, selector: "form[formGroup][scFocusFirstInvalidField]", inputs: { fieldOrder: { classPropertyName: "fieldOrder", publicName: "fieldOrder", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "ngSubmit": "onSubmit()" } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: ScFocusFirstInvalidFieldDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    standalone: true,
+                    selector: 'form[formGroup][scFocusFirstInvalidField]',
+                    host: {
+                        '(ngSubmit)': 'onSubmit()',
+                    },
+                }]
+        }], propDecorators: { fieldOrder: [{ type: i0.Input, args: [{ isSignal: true, alias: "fieldOrder", required: false }] }] } });
+
 /**
  * Директива для обработки события фокуса поля ввода, для последующего выделения содержимого поля ввода.
  */
@@ -1316,6 +1397,9 @@ class ScVerificationPhoneCheckFormComponent {
      * @param haveCode Признак того есть ли код подтверждения или нет.
      */
     setHaveCode(haveCode) {
+        if (haveCode) {
+            this.form.controls.verificationCode.reset();
+        }
         this.haveCode.set(haveCode);
     }
     /**
@@ -3439,14 +3523,23 @@ class ScPriceWarehouseStockComponent {
     /** @inheritDoc */
     ngOnInit() {
         this.selectedWarehouse$ = this.fromMain ? this.warehouseService.getCatalogWarehouseChange$() : this.warehouseService.getWarehouseSelectChange$();
-        this.warehousesList$ = this.selectedWarehouse$.pipe(switchMap((warehouse) => this.warehouseService.getWarehouses$().pipe(map((warehouses) => this.product.stockCount?.map((sc) => ({ w: warehouses.find((w) => w.id === sc.warehouseId), sc: sc }))), map((items) => items?.sort((item) => (item.w?.id === warehouse?.id ? -1 : 1))))));
+        this.warehousesList$ = this.selectedWarehouse$.pipe(switchMap((warehouse) => this.warehouseService.getWarehouses$().pipe(map((warehouses) => {
+            const items = warehouses.map((w) => {
+                const stockCount = this.product.stockCount?.find((sc) => sc.warehouseId === w.id);
+                return {
+                    w: w,
+                    sc: stockCount ?? { warehouseId: w.id, count: 0 },
+                };
+            });
+            return items.sort((item) => (item.w.id === warehouse?.id ? -1 : 1));
+        }))));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: ScPriceWarehouseStockComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.9", type: ScPriceWarehouseStockComponent, isStandalone: true, selector: "sc-price-warehouse-stock", inputs: { classList: "classList", product: "product", withStockHint: "withStockHint", fromMain: "fromMain" }, ngImport: i0, template: "@if (product) {\n    @let isDisabled = product.isHidden || product.isNull;\n    @if (selectedWarehouse$ | async; as warehouseSelect) {\n        <span *tuiLet=\"withStockHint && !!(warehousesList$ | async)?.length as showStockHint\">\n            @if (!product.stockCount?.length && product.getNotStockMessage(warehouseSelect); as message) {\n                <a\n                    *tuiLet=\"!!(product.properties?.planingIncomingDate || product.properties?.planingProductionDate) as showPlaningHint\"\n                    tuiLink\n                    [pseudo]=\"showPlaningHint\"\n                    [tuiHint]=\"showPlaningHint && planingHint\"\n                    [class.disabled]=\"isDisabled\"\n                    [tuiHintShowDelay]=\"100\"\n                    tuiHintDirection=\"top\"\n                    [style.color]=\"'var(--tui-status-negative)'\"\n                    [style.cursor]=\"showPlaningHint && planingHint ? 'pointer' : 'default'\"\n                    [ngClass]=\"classList\"\n                >\n                    {{ message }}\n                </a>\n            }\n            <ng-template #planingHint>\n                @if (product.properties?.planingIncomingDate) {\n                    <span>\n                        \u041F\u043B\u0430\u043D\u0438\u0440\u0443\u0435\u043C\u0430\u044F \u0434\u0430\u0442\u0430 \u043F\u043E\u0441\u0442\u0443\u043F\u043B\u0435\u043D\u0438\u044F <br />\n                        \u043D\u0430 \u041E\u0441\u043D\u043E\u0432\u043D\u043E\u0439 \u0441\u043A\u043B\u0430\u0434:\n                        <span class=\"font-bold\">{{ product.properties?.planingIncomingDate }}</span>\n                    </span>\n                }\n                @if (product.properties?.planingProductionDate) {\n                    <span>\n                        \u041F\u043B\u0430\u043D\u0438\u0440\u0443\u0435\u043C\u0430\u044F \u0434\u0430\u0442\u0430 <br />\n                        \u043F\u0440\u043E\u0438\u0437\u0432\u043E\u0434\u0441\u0442\u0432\u0430:\n                        <span class=\"font-bold\">{{ product.properties?.planingProductionDate }}</span>\n                    </span>\n                }\n            </ng-template>\n            @if (product.stockCount && product.stockCount.length && !product.onOrder) {\n                <span>\n                    <span\n                        tuiLink\n                        [style.color]=\"'var(--tui-status-positive)'\"\n                        [tuiHint]=\"showStockHint && stockHint\"\n                        [tuiHintShowDelay]=\"100\"\n                        tuiHintDirection=\"top\"\n                        [ngClass]=\"classList\"\n                        [class.disabled]=\"isDisabled\"\n                        class=\"!underline\"\n                    >\n                        \u041F\u0440\u043E\u0432\u0435\u0440\u0438\u0442\u044C \u043D\u0430\u043B\u0438\u0447\u0438\u0435\n                    </span>\n                </span>\n            }\n            @if (product.onOrder) {\n                <span\n                    [style.color]=\"'var(--tui-status-warning)'\"\n                    [ngClass]=\"classList\"\n                >\n                    \u041F\u043E\u0434 \u0437\u0430\u043A\u0430\u0437\n                </span>\n            }\n        </span>\n    }\n    <ng-template #stockHint>\n        @if (selectedWarehouse$ | async; as warehouseSelect) {\n            <table\n                class=\"stock-table table-auto text-body-s\"\n                [ngClass]=\"classList\"\n            >\n                <tbody>\n                    @for (item of warehousesList$ | async; track item) {\n                        <tr class=\"border-b\">\n                            <ng-container>\n                                <td class=\"px-1\">{{ item.w?.name }}:</td>\n                                <td class=\"px-1\">{{ item.sc.count ? item.sc.count + ' ' + product.quantityUnit : '\u0412 \u043D\u0430\u043B\u0438\u0447\u0438\u0438' }}</td>\n                            </ng-container>\n                        </tr>\n                    }\n                </tbody>\n            </table>\n        }\n    </ng-template>\n}\n", styles: ["::ng-deep tui-hint:has(.stock-table){max-inline-size:22rem}[tuiIconButton]{--tui-radius-m: .75rem;--tui-height-xs: 1.25rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: RouterModule }, { kind: "ngmodule", type: TuiTextfieldControllerModule }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3$1.TuiHintDirective, selector: "[tuiHint]:not(ng-container):not(ng-template)", inputs: ["tuiHintContext", "tuiHintAppearance", "tuiHint"], outputs: ["tuiHintVisible"] }, { kind: "directive", type: TuiLink, selector: "a[tuiLink], button[tuiLink]", inputs: ["pseudo"] }, { kind: "directive", type: TuiLet, selector: "[tuiLet]", inputs: ["tuiLet"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.9", type: ScPriceWarehouseStockComponent, isStandalone: true, selector: "sc-price-warehouse-stock", inputs: { classList: "classList", product: "product", withStockHint: "withStockHint", fromMain: "fromMain" }, ngImport: i0, template: "@if (product) {\n    @let isDisabled = product.isHidden || product.isNull;\n    @if (selectedWarehouse$ | async; as warehouseSelect) {\n        <span *tuiLet=\"withStockHint && !!(warehousesList$ | async)?.length as showStockHint\">\n            @if (!product.stockCount?.length && product.getNotStockMessage(warehouseSelect); as message) {\n                <a\n                    *tuiLet=\"!!(product.properties?.planingIncomingDate || product.properties?.planingProductionDate) as showPlaningHint\"\n                    tuiLink\n                    [pseudo]=\"showPlaningHint\"\n                    [tuiHint]=\"showPlaningHint && planingHint\"\n                    [class.disabled]=\"isDisabled\"\n                    [tuiHintShowDelay]=\"100\"\n                    tuiHintDirection=\"top\"\n                    [style.color]=\"'var(--tui-status-negative)'\"\n                    [style.cursor]=\"showPlaningHint && planingHint ? 'pointer' : 'default'\"\n                    [ngClass]=\"classList\"\n                >\n                    {{ message }}\n                </a>\n            }\n            <ng-template #planingHint>\n                @if (product.properties?.planingIncomingDate) {\n                    <span>\n                        \u041F\u043B\u0430\u043D\u0438\u0440\u0443\u0435\u043C\u0430\u044F \u0434\u0430\u0442\u0430 \u043F\u043E\u0441\u0442\u0443\u043F\u043B\u0435\u043D\u0438\u044F <br />\n                        \u043D\u0430 \u041E\u0441\u043D\u043E\u0432\u043D\u043E\u0439 \u0441\u043A\u043B\u0430\u0434:\n                        <span class=\"font-bold\">{{ product.properties?.planingIncomingDate }}</span>\n                    </span>\n                }\n                @if (product.properties?.planingProductionDate) {\n                    <span>\n                        \u041F\u043B\u0430\u043D\u0438\u0440\u0443\u0435\u043C\u0430\u044F \u0434\u0430\u0442\u0430 <br />\n                        \u043F\u0440\u043E\u0438\u0437\u0432\u043E\u0434\u0441\u0442\u0432\u0430:\n                        <span class=\"font-bold\">{{ product.properties?.planingProductionDate }}</span>\n                    </span>\n                }\n            </ng-template>\n            @if (product.stockCount && product.stockCount.length && !product.onOrder) {\n                <span>\n                    <span\n                        tuiLink\n                        [style.color]=\"'var(--tui-status-positive)'\"\n                        [tuiHint]=\"showStockHint && stockHint\"\n                        [tuiHintShowDelay]=\"100\"\n                        tuiHintDirection=\"top\"\n                        [ngClass]=\"classList\"\n                        [class.disabled]=\"isDisabled\"\n                        class=\"!underline\"\n                    >\n                        \u041F\u0440\u043E\u0432\u0435\u0440\u0438\u0442\u044C \u043D\u0430\u043B\u0438\u0447\u0438\u0435\n                    </span>\n                </span>\n            }\n            @if (product.onOrder) {\n                <span\n                    [style.color]=\"'var(--tui-status-warning)'\"\n                    [ngClass]=\"classList\"\n                >\n                    \u041F\u043E\u0434 \u0437\u0430\u043A\u0430\u0437\n                </span>\n            }\n        </span>\n    }\n    <ng-template #stockHint>\n        @if (selectedWarehouse$ | async; as warehouseSelect) {\n            <table\n                class=\"stock-table table-auto text-body-s\"\n                [ngClass]=\"classList\"\n            >\n                <tbody>\n                    @for (item of warehousesList$ | async; track item) {\n                        <tr class=\"border-b\">\n                            <ng-container>\n                                <td class=\"px-1\">{{ item.w?.name }}:</td>\n                                <td class=\"px-1\">{{ item.sc.count !== undefined && item.sc.count !== null ? item.sc.count + ' ' + product.quantityUnit : '\u0412 \u043D\u0430\u043B\u0438\u0447\u0438\u0438' }}</td>\n                            </ng-container>\n                        </tr>\n                    }\n                </tbody>\n            </table>\n        }\n    </ng-template>\n}\n", styles: ["::ng-deep tui-hint:has(.stock-table){max-inline-size:22rem}[tuiIconButton]{--tui-radius-m: .75rem;--tui-height-xs: 1.25rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: RouterModule }, { kind: "ngmodule", type: TuiTextfieldControllerModule }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3$1.TuiHintDirective, selector: "[tuiHint]:not(ng-container):not(ng-template)", inputs: ["tuiHintContext", "tuiHintAppearance", "tuiHint"], outputs: ["tuiHintVisible"] }, { kind: "directive", type: TuiLink, selector: "a[tuiLink], button[tuiLink]", inputs: ["pseudo"] }, { kind: "directive", type: TuiLet, selector: "[tuiLet]", inputs: ["tuiLet"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: ScPriceWarehouseStockComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sc-price-warehouse-stock', imports: [CommonModule, RouterModule, TuiTextfieldControllerModule, FormsModule, ReactiveFormsModule, ...TuiHint, TuiLink, TuiLet, ScFormatDatePipe], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (product) {\n    @let isDisabled = product.isHidden || product.isNull;\n    @if (selectedWarehouse$ | async; as warehouseSelect) {\n        <span *tuiLet=\"withStockHint && !!(warehousesList$ | async)?.length as showStockHint\">\n            @if (!product.stockCount?.length && product.getNotStockMessage(warehouseSelect); as message) {\n                <a\n                    *tuiLet=\"!!(product.properties?.planingIncomingDate || product.properties?.planingProductionDate) as showPlaningHint\"\n                    tuiLink\n                    [pseudo]=\"showPlaningHint\"\n                    [tuiHint]=\"showPlaningHint && planingHint\"\n                    [class.disabled]=\"isDisabled\"\n                    [tuiHintShowDelay]=\"100\"\n                    tuiHintDirection=\"top\"\n                    [style.color]=\"'var(--tui-status-negative)'\"\n                    [style.cursor]=\"showPlaningHint && planingHint ? 'pointer' : 'default'\"\n                    [ngClass]=\"classList\"\n                >\n                    {{ message }}\n                </a>\n            }\n            <ng-template #planingHint>\n                @if (product.properties?.planingIncomingDate) {\n                    <span>\n                        \u041F\u043B\u0430\u043D\u0438\u0440\u0443\u0435\u043C\u0430\u044F \u0434\u0430\u0442\u0430 \u043F\u043E\u0441\u0442\u0443\u043F\u043B\u0435\u043D\u0438\u044F <br />\n                        \u043D\u0430 \u041E\u0441\u043D\u043E\u0432\u043D\u043E\u0439 \u0441\u043A\u043B\u0430\u0434:\n                        <span class=\"font-bold\">{{ product.properties?.planingIncomingDate }}</span>\n                    </span>\n                }\n                @if (product.properties?.planingProductionDate) {\n                    <span>\n                        \u041F\u043B\u0430\u043D\u0438\u0440\u0443\u0435\u043C\u0430\u044F \u0434\u0430\u0442\u0430 <br />\n                        \u043F\u0440\u043E\u0438\u0437\u0432\u043E\u0434\u0441\u0442\u0432\u0430:\n                        <span class=\"font-bold\">{{ product.properties?.planingProductionDate }}</span>\n                    </span>\n                }\n            </ng-template>\n            @if (product.stockCount && product.stockCount.length && !product.onOrder) {\n                <span>\n                    <span\n                        tuiLink\n                        [style.color]=\"'var(--tui-status-positive)'\"\n                        [tuiHint]=\"showStockHint && stockHint\"\n                        [tuiHintShowDelay]=\"100\"\n                        tuiHintDirection=\"top\"\n                        [ngClass]=\"classList\"\n                        [class.disabled]=\"isDisabled\"\n                        class=\"!underline\"\n                    >\n                        \u041F\u0440\u043E\u0432\u0435\u0440\u0438\u0442\u044C \u043D\u0430\u043B\u0438\u0447\u0438\u0435\n                    </span>\n                </span>\n            }\n            @if (product.onOrder) {\n                <span\n                    [style.color]=\"'var(--tui-status-warning)'\"\n                    [ngClass]=\"classList\"\n                >\n                    \u041F\u043E\u0434 \u0437\u0430\u043A\u0430\u0437\n                </span>\n            }\n        </span>\n    }\n    <ng-template #stockHint>\n        @if (selectedWarehouse$ | async; as warehouseSelect) {\n            <table\n                class=\"stock-table table-auto text-body-s\"\n                [ngClass]=\"classList\"\n            >\n                <tbody>\n                    @for (item of warehousesList$ | async; track item) {\n                        <tr class=\"border-b\">\n                            <ng-container>\n                                <td class=\"px-1\">{{ item.w?.name }}:</td>\n                                <td class=\"px-1\">{{ item.sc.count ? item.sc.count + ' ' + product.quantityUnit : '\u0412 \u043D\u0430\u043B\u0438\u0447\u0438\u0438' }}</td>\n                            </ng-container>\n                        </tr>\n                    }\n                </tbody>\n            </table>\n        }\n    </ng-template>\n}\n", styles: ["::ng-deep tui-hint:has(.stock-table){max-inline-size:22rem}[tuiIconButton]{--tui-radius-m: .75rem;--tui-height-xs: 1.25rem}\n"] }]
+            args: [{ selector: 'sc-price-warehouse-stock', imports: [CommonModule, RouterModule, TuiTextfieldControllerModule, FormsModule, ReactiveFormsModule, ...TuiHint, TuiLink, TuiLet], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (product) {\n    @let isDisabled = product.isHidden || product.isNull;\n    @if (selectedWarehouse$ | async; as warehouseSelect) {\n        <span *tuiLet=\"withStockHint && !!(warehousesList$ | async)?.length as showStockHint\">\n            @if (!product.stockCount?.length && product.getNotStockMessage(warehouseSelect); as message) {\n                <a\n                    *tuiLet=\"!!(product.properties?.planingIncomingDate || product.properties?.planingProductionDate) as showPlaningHint\"\n                    tuiLink\n                    [pseudo]=\"showPlaningHint\"\n                    [tuiHint]=\"showPlaningHint && planingHint\"\n                    [class.disabled]=\"isDisabled\"\n                    [tuiHintShowDelay]=\"100\"\n                    tuiHintDirection=\"top\"\n                    [style.color]=\"'var(--tui-status-negative)'\"\n                    [style.cursor]=\"showPlaningHint && planingHint ? 'pointer' : 'default'\"\n                    [ngClass]=\"classList\"\n                >\n                    {{ message }}\n                </a>\n            }\n            <ng-template #planingHint>\n                @if (product.properties?.planingIncomingDate) {\n                    <span>\n                        \u041F\u043B\u0430\u043D\u0438\u0440\u0443\u0435\u043C\u0430\u044F \u0434\u0430\u0442\u0430 \u043F\u043E\u0441\u0442\u0443\u043F\u043B\u0435\u043D\u0438\u044F <br />\n                        \u043D\u0430 \u041E\u0441\u043D\u043E\u0432\u043D\u043E\u0439 \u0441\u043A\u043B\u0430\u0434:\n                        <span class=\"font-bold\">{{ product.properties?.planingIncomingDate }}</span>\n                    </span>\n                }\n                @if (product.properties?.planingProductionDate) {\n                    <span>\n                        \u041F\u043B\u0430\u043D\u0438\u0440\u0443\u0435\u043C\u0430\u044F \u0434\u0430\u0442\u0430 <br />\n                        \u043F\u0440\u043E\u0438\u0437\u0432\u043E\u0434\u0441\u0442\u0432\u0430:\n                        <span class=\"font-bold\">{{ product.properties?.planingProductionDate }}</span>\n                    </span>\n                }\n            </ng-template>\n            @if (product.stockCount && product.stockCount.length && !product.onOrder) {\n                <span>\n                    <span\n                        tuiLink\n                        [style.color]=\"'var(--tui-status-positive)'\"\n                        [tuiHint]=\"showStockHint && stockHint\"\n                        [tuiHintShowDelay]=\"100\"\n                        tuiHintDirection=\"top\"\n                        [ngClass]=\"classList\"\n                        [class.disabled]=\"isDisabled\"\n                        class=\"!underline\"\n                    >\n                        \u041F\u0440\u043E\u0432\u0435\u0440\u0438\u0442\u044C \u043D\u0430\u043B\u0438\u0447\u0438\u0435\n                    </span>\n                </span>\n            }\n            @if (product.onOrder) {\n                <span\n                    [style.color]=\"'var(--tui-status-warning)'\"\n                    [ngClass]=\"classList\"\n                >\n                    \u041F\u043E\u0434 \u0437\u0430\u043A\u0430\u0437\n                </span>\n            }\n        </span>\n    }\n    <ng-template #stockHint>\n        @if (selectedWarehouse$ | async; as warehouseSelect) {\n            <table\n                class=\"stock-table table-auto text-body-s\"\n                [ngClass]=\"classList\"\n            >\n                <tbody>\n                    @for (item of warehousesList$ | async; track item) {\n                        <tr class=\"border-b\">\n                            <ng-container>\n                                <td class=\"px-1\">{{ item.w?.name }}:</td>\n                                <td class=\"px-1\">{{ item.sc.count !== undefined && item.sc.count !== null ? item.sc.count + ' ' + product.quantityUnit : '\u0412 \u043D\u0430\u043B\u0438\u0447\u0438\u0438' }}</td>\n                            </ng-container>\n                        </tr>\n                    }\n                </tbody>\n            </table>\n        }\n    </ng-template>\n}\n", styles: ["::ng-deep tui-hint:has(.stock-table){max-inline-size:22rem}[tuiIconButton]{--tui-radius-m: .75rem;--tui-height-xs: 1.25rem}\n"] }]
         }], propDecorators: { classList: [{
                 type: Input
             }], product: [{
@@ -4486,11 +4579,11 @@ class ScPriceListPaginationComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: ScPriceListPaginationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.9", type: ScPriceListPaginationComponent, isStandalone: true, selector: "sc-price-list-pagination", ngImport: i0, template: "@if (meta$ | async; as meta) {\n    @if (meta?.currentPage !== meta?.lastPage) {\n        <button\n            tuiButton\n            (click)=\"showMore()\"\n            [disabled]=\"!!(disabled$ | async)\"\n            appearance=\"secondary\"\n            class=\"!font-bold\"\n        >\n            \u041F\u043E\u043A\u0430\u0437\u0430\u0442\u044C \u0435\u0449\u0451 {{ options.perPage }} \u0442\u043E\u0432\u0430\u0440\u043E\u0432\n        </button>\n    }\n}\n", dependencies: [{ kind: "directive", type: TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.9", type: ScPriceListPaginationComponent, isStandalone: true, selector: "sc-price-list-pagination", ngImport: i0, template: "@let meta = meta$ | async;\n@let disabled = disabled$ | async;\n\n@if (meta) {\n    @let isLastPage = meta.currentPage === meta.lastPage;\n\n    @if (!isLastPage) {\n        <button\n            tuiButton\n            (click)=\"showMore()\"\n            [disabled]=\"disabled\"\n            appearance=\"secondary\"\n            class=\"!font-bold\"\n        >\n            \u041F\u043E\u043A\u0430\u0437\u0430\u0442\u044C \u0435\u0449\u0451\n        </button>\n    }\n}\n", dependencies: [{ kind: "directive", type: TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: ScPriceListPaginationComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sc-price-list-pagination', changeDetection: ChangeDetectionStrategy.OnPush, imports: [TuiTransitioned, TuiAppearance$1, TuiWithAppearance$1, TuiIcons, TuiWithIcons, TuiButton, AsyncPipe], template: "@if (meta$ | async; as meta) {\n    @if (meta?.currentPage !== meta?.lastPage) {\n        <button\n            tuiButton\n            (click)=\"showMore()\"\n            [disabled]=\"!!(disabled$ | async)\"\n            appearance=\"secondary\"\n            class=\"!font-bold\"\n        >\n            \u041F\u043E\u043A\u0430\u0437\u0430\u0442\u044C \u0435\u0449\u0451 {{ options.perPage }} \u0442\u043E\u0432\u0430\u0440\u043E\u0432\n        </button>\n    }\n}\n" }]
+            args: [{ selector: 'sc-price-list-pagination', changeDetection: ChangeDetectionStrategy.OnPush, imports: [TuiTransitioned, TuiAppearance$1, TuiWithAppearance$1, TuiIcons, TuiWithIcons, TuiButton, AsyncPipe], template: "@let meta = meta$ | async;\n@let disabled = disabled$ | async;\n\n@if (meta) {\n    @let isLastPage = meta.currentPage === meta.lastPage;\n\n    @if (!isLastPage) {\n        <button\n            tuiButton\n            (click)=\"showMore()\"\n            [disabled]=\"disabled\"\n            appearance=\"secondary\"\n            class=\"!font-bold\"\n        >\n            \u041F\u043E\u043A\u0430\u0437\u0430\u0442\u044C \u0435\u0449\u0451\n        </button>\n    }\n}\n" }]
         }] });
 
 /* eslint-disable no-restricted-syntax,@typescript-eslint/unbound-method */
@@ -7760,5 +7853,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { AbstractScPriceCard, AuthMethod, CURRENT_COUNTRY_ID, FilesAndDocumentsComponent, FinishDateTimeTransformerDirective, IS_DEFAULT_COUNTRY, MAX_FILES_IN_FORM_INPUT, SC_ALLOW_SELECT_TERMINATED, SC_BANNER_DURATION, SC_DATE_FORMATTER, SC_ERROR_CHANGE_HANDLER, SC_HELP_NOTIFICATION_CLOSE, SC_HELP_NOTIFICATION_LIMIT, SC_MANAGER_QR_HANDLER, SC_NOTIFY_WHEN_IN_STOCK_REQUIRED_FIELDS, SC_PAGE_SIZE_OPTIONS$1 as SC_PAGE_SIZE_OPTIONS, SC_PHONE_APPROVE_CODE_SENDER, SC_PHONE_APPROVE_CODE_SENDER_PROVIDER, SC_SHOW_HELP_NOTIFICATION_IN_PHONE_INPUT, SC_USER_CITY_INFO, SC_USER_INFO, SC_USER_PROVIDERS, SC_VERIFICATION_CODE_TIMEOUT, ScAccordionComponent, ScAccordionContentDirective, ScAddContactDialogComponent, ScAddContragentBankAccountsDialogComponent, ScAddContragentDialogComponent, ScAddDeliveryAddressDialogComponent, ScAddOrEditingCartItemDialogComponent, ScAddOrEditingCartItemFormComponent, ScAddressesSelectionFieldComponent, ScBannerComponent, ScBrandsListComponent, ScCartAddProductsFromCsvDialogComponent, ScCartItemComponent, ScCategoryCardComponent, ScContactsAccordionComponent, ScContragentsAccordionComponent, ScContragentsAccordionItemComponent, ScDeliveryAddressAccordionComponent, ScDeliveryAddressAccordionItemComponent, ScDownloadPriceListComponent, ScEmailLinkDirective, ScErrorBlockStatusComponent, ScErrorHandlerComponent, ScFavoriteButtonComponent, ScFeedbackFormComponent, ScFormatDatePipe, ScFrequentlyAskedQuestionsComponent, ScFrequentlyAskedQuestionsGroupSelectorComponent, ScFrequentlyAskedQuestionsWithGroupsComponent, ScGratitudeComponent, ScHelpNotificationService, ScHoverImageCarouselComponent, ScInputQuantityComponent, ScJsonLdCategoryComponent, ScLinks, ScManagerCardComponent, ScManagerCardPushComponent, ScNewContactFormComponent, ScNewContragentBankAccountsFormComponent, ScNewContragentFormComponent, ScNewsCardComponent, ScNewsCardSkeletonComponent, ScNextInputFocusDirective, ScNotifyWhenInStockDialogComponent, ScOrderItemMobileComponent, ScPaymentStatusComponent, ScPersonalDataProcessingPolicyComponent, ScPhoneFormatPipe, ScPreviewSampleComponent, ScPreviewSamplesMosquitoComponent, ScPriceCardComponent, ScPriceCardInlineComponent, ScPriceHistoryComponent, ScPriceListPaginationComponent, ScPriceWarehouseStockComponent, ScPrivacyPolicyComponent, ScProductInAllWarehousesPipe, ScProfileAccordionsContentComponent, ScPublicOfferComponent, ScQRCodeDialogComponent, ScResetUserPasswordComponent, ScResourcePreviewComponent, ScSelectOnFocusinDirective, ScShareButtonComponent, ScSignInFormByEmailComponent, ScSignInFormByPhoneComponent, ScSignInFormComponent, ScSignUpFormComponent, ScSimpleSignUpFormComponent, ScSuggestionFieldComponent, ScTelLinkDirective, ScTerminalLinkDirective, ScUpdateUserInfoDialogComponent, ScUserManagersComponent, ScUserPhoneApproveDialogComponent, ScVerificationPhoneCheckFormComponent, TreeDirective, TreeIconService, TreeLoaderService, TreeTopDirective, phoneValidator, scAtLeastOneRequiredValidator, scBicValidator, scClientUiIconsName, scCorrespondentAccountValidator, scPasswordConfirmMatchingValidator, stepValidator, tuiDateValueTransformerDefaultProvider };
+export { AbstractScPriceCard, AuthMethod, CURRENT_COUNTRY_ID, FilesAndDocumentsComponent, FinishDateTimeTransformerDirective, IS_DEFAULT_COUNTRY, MAX_FILES_IN_FORM_INPUT, SC_ALLOW_SELECT_TERMINATED, SC_BANNER_DURATION, SC_DATE_FORMATTER, SC_ERROR_CHANGE_HANDLER, SC_HELP_NOTIFICATION_CLOSE, SC_HELP_NOTIFICATION_LIMIT, SC_MANAGER_QR_HANDLER, SC_NOTIFY_WHEN_IN_STOCK_REQUIRED_FIELDS, SC_PAGE_SIZE_OPTIONS$1 as SC_PAGE_SIZE_OPTIONS, SC_PHONE_APPROVE_CODE_SENDER, SC_PHONE_APPROVE_CODE_SENDER_PROVIDER, SC_SHOW_HELP_NOTIFICATION_IN_PHONE_INPUT, SC_USER_CITY_INFO, SC_USER_INFO, SC_USER_PROVIDERS, SC_VERIFICATION_CODE_TIMEOUT, ScAccordionComponent, ScAccordionContentDirective, ScAddContactDialogComponent, ScAddContragentBankAccountsDialogComponent, ScAddContragentDialogComponent, ScAddDeliveryAddressDialogComponent, ScAddOrEditingCartItemDialogComponent, ScAddOrEditingCartItemFormComponent, ScAddressesSelectionFieldComponent, ScBannerComponent, ScBrandsListComponent, ScCartAddProductsFromCsvDialogComponent, ScCartItemComponent, ScCategoryCardComponent, ScContactsAccordionComponent, ScContragentsAccordionComponent, ScContragentsAccordionItemComponent, ScDeliveryAddressAccordionComponent, ScDeliveryAddressAccordionItemComponent, ScDownloadPriceListComponent, ScEmailLinkDirective, ScErrorBlockStatusComponent, ScErrorHandlerComponent, ScFavoriteButtonComponent, ScFeedbackFormComponent, ScFocusFirstInvalidFieldDirective, ScFormatDatePipe, ScFrequentlyAskedQuestionsComponent, ScFrequentlyAskedQuestionsGroupSelectorComponent, ScFrequentlyAskedQuestionsWithGroupsComponent, ScGratitudeComponent, ScHelpNotificationService, ScHoverImageCarouselComponent, ScInputQuantityComponent, ScJsonLdCategoryComponent, ScLinks, ScManagerCardComponent, ScManagerCardPushComponent, ScNewContactFormComponent, ScNewContragentBankAccountsFormComponent, ScNewContragentFormComponent, ScNewsCardComponent, ScNewsCardSkeletonComponent, ScNextInputFocusDirective, ScNotifyWhenInStockDialogComponent, ScOrderItemMobileComponent, ScPaymentStatusComponent, ScPersonalDataProcessingPolicyComponent, ScPhoneFormatPipe, ScPreviewSampleComponent, ScPreviewSamplesMosquitoComponent, ScPriceCardComponent, ScPriceCardInlineComponent, ScPriceHistoryComponent, ScPriceListPaginationComponent, ScPriceWarehouseStockComponent, ScPrivacyPolicyComponent, ScProductInAllWarehousesPipe, ScProfileAccordionsContentComponent, ScPublicOfferComponent, ScQRCodeDialogComponent, ScResetUserPasswordComponent, ScResourcePreviewComponent, ScSelectOnFocusinDirective, ScShareButtonComponent, ScSignInFormByEmailComponent, ScSignInFormByPhoneComponent, ScSignInFormComponent, ScSignUpFormComponent, ScSimpleSignUpFormComponent, ScSuggestionFieldComponent, ScTelLinkDirective, ScTerminalLinkDirective, ScUpdateUserInfoDialogComponent, ScUserManagersComponent, ScUserPhoneApproveDialogComponent, ScVerificationPhoneCheckFormComponent, TreeDirective, TreeIconService, TreeLoaderService, TreeTopDirective, phoneValidator, scAtLeastOneRequiredValidator, scBicValidator, scClientUiIconsName, scCorrespondentAccountValidator, scPasswordConfirmMatchingValidator, stepValidator, tuiDateValueTransformerDefaultProvider };
 //# sourceMappingURL=snabcentr-client-ui.mjs.map