@snabcentr/client-ui 4.10.1 → 4.11.1

package/fesm2022/snabcentr-client-ui.mjs

@@ -19,7 +19,7 @@ import { AbstractTuiControl, TuiInputModule, TuiTextfieldControllerModule, TuiCo
 import { getCountries } from 'libphonenumber-js';
 import { isNil, isUndefined, isObject } from 'lodash-es';
 import * as i2$2 from '@angular/common';
-import { CommonModule, NgIf, AsyncPipe, NgFor, NgClass } from '@angular/common';
+import { CommonModule, DOCUMENT, NgIf, AsyncPipe, NgFor, NgClass } from '@angular/common';
 import * as i5 from '@taiga-ui/core/components/label';
 import * as i8 from '@maskito/angular';
 import { MaskitoDirective } from '@maskito/angular';
@@ -852,6 +852,87 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 }]
         }] });
 
+/**
+ * Директива для автоматической установки фокуса на первое невалидное поле формы при submit.
+ */
+class ScFocusFirstInvalidFieldDirective {
+    constructor() {
+        /**
+         * Порядок проверки полей формы.
+         */
+        this.fieldOrder = input([]);
+        /**
+         * Объект {@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: "18.2.13", ngImport: i0, type: ScFocusFirstInvalidFieldDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.2.13", 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: "18.2.13", ngImport: i0, type: ScFocusFirstInvalidFieldDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    standalone: true,
+                    selector: 'form[formGroup][scFocusFirstInvalidField]',
+                    host: {
+                        '(ngSubmit)': 'onSubmit()',
+                    },
+                }]
+        }] });
+
 /**
  * Директива для обработки события фокуса поля ввода, для последующего выделения содержимого поля ввода.
  */
@@ -1573,6 +1654,10 @@ class ScSignInFormByPhoneComponent {
          * {@link Subject} события отправки формы.
          */
         this.onSubmit = new Subject();
+        /**
+         * Сервис для отображения Push-уведомлений с контактами для помощи клиенту.
+         */
+        this.helpNotificationService = inject(ScHelpNotificationService);
         /**
          * {@link Observable} запроса данных аутентификации.
          */
@@ -1582,8 +1667,12 @@ class ScSignInFormByPhoneComponent {
             if (error instanceof HttpErrorResponse) {
                 if ('error' in error.error) {
                     const errorResponse = error.error;
-                    if (errorResponse.error.includes('invalid_credentials')) {
-                        this.form.setErrors({ serverResponse: ['Неверный код подтверждения.'] });
+                    if (errorResponse.error.includes('invalid_credentials') && errorResponse.errorDescription?.toLocaleLowerCase().includes('invalid')) {
+                        this.form.get('verificationCode')?.setErrors({ serverResponse: ['Неверный СМС-код подтверждения.'] });
+                    }
+                    else if (errorResponse.error.includes('invalid_grant') && errorResponse.errorDescription?.toLocaleLowerCase().includes('disabled')) {
+                        this.form.setErrors({ serverResponse: ['Учетная запись заблокирована, свяжитесь с администратором.'] });
+                        this.helpNotificationService.helpNotificationByPhone(value.phone);
                     }
                     else {
                         // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
@@ -1648,10 +1737,16 @@ class ScSignInFormByEmailComponent {
         // eslint-disable-next-line sonarjs/cognitive-complexity
         catchError((error) => {
             if (error instanceof HttpErrorResponse) {
+                console.log(error);
                 if ('error' in error.error) {
                     const errorResponse = error.error;
                     if (errorResponse.error.includes('invalid_grant')) {
-                        this.formByEmail.setErrors({ serverResponse: ['Пользователь с указанными учетными данными не найден. Проверьте правильность ввода.'] });
+                        if (errorResponse.errorDescription?.toLocaleLowerCase().includes('invalid')) {
+                            this.formByEmail.setErrors({ serverResponse: ['Неверный адрес электронной почты или пароль. Проверьте правильность ввода.'] });
+                        }
+                        if (errorResponse.errorDescription?.toLocaleLowerCase().includes('disabled')) {
+                            this.formByEmail.setErrors({ serverResponse: ['Учетная запись заблокирована, свяжитесь с администратором.'] });
+                        }
                     }
                     else {
                         // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
@@ -4205,14 +4300,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: "18.2.13", ngImport: i0, type: ScPriceWarehouseStockComponent, deps: [{ token: i1.ScWarehouseService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ScPriceWarehouseStockComponent, isStandalone: true, selector: "sc-price-warehouse-stock", inputs: { classList: "classList", product: "product", withStockHint: "withStockHint", fromMain: "fromMain" }, ngImport: i0, template: "<ng-container *ngIf=\"product\">\n    @let isDisabled = product.isHidden || product.isNull;\n\n    <ng-container *ngIf=\"selectedWarehouse$ | async as warehouseSelect\">\n        <span *tuiLet=\"withStockHint && !!(warehousesList$ | async)?.length as showStockHint\">\n            <ng-container *ngIf=\"!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            </ng-container>\n            <ng-template #planingHint>\n                <span *ngIf=\"product.properties?.planingIncomingDate\">\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                <span *ngIf=\"product.properties?.planingProductionDate\">\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            </ng-template>\n            <span *ngIf=\"product.stockCount && product.stockCount.length && !product.onOrder\">\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            <span\n                *ngIf=\"product.onOrder\"\n                [style.color]=\"'var(--tui-status-warning)'\"\n                [ngClass]=\"classList\"\n            >\n                \u041F\u043E\u0434 \u0437\u0430\u043A\u0430\u0437\n            </span>\n        </span>\n    </ng-container>\n\n    <ng-template #stockHint>\n        <table\n            *ngIf=\"selectedWarehouse$ | async as warehouseSelect\"\n            class=\"stock-table table-auto text-body-s\"\n            [ngClass]=\"classList\"\n        >\n            <tbody>\n                <tr\n                    *ngFor=\"let item of warehousesList$ | async\"\n                    class=\"border-b\"\n                >\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            </tbody>\n        </table>\n    </ng-template>\n</ng-container>\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: i2$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i2$2.AsyncPipe, name: "async" }, { kind: "ngmodule", type: RouterModule }, { kind: "ngmodule", type: TuiTextfieldControllerModule }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.TuiHintDirective, selector: "[tuiHint]:not(ng-container):not(ng-template)", inputs: ["tuiHintContext", "tuiHintAppearance", "tuiHint"] }, { kind: "directive", type: TuiLink, selector: "a[tuiLink], button[tuiLink]", inputs: ["pseudo"] }, { kind: "directive", type: TuiLet, selector: "[tuiLet]", inputs: ["tuiLet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ScPriceWarehouseStockComponent, isStandalone: true, selector: "sc-price-warehouse-stock", inputs: { classList: "classList", product: "product", withStockHint: "withStockHint", fromMain: "fromMain" }, ngImport: i0, template: "<ng-container *ngIf=\"product\">\n    @let isDisabled = product.isHidden || product.isNull;\n\n    <ng-container *ngIf=\"selectedWarehouse$ | async as warehouseSelect\">\n        <span *tuiLet=\"withStockHint && !!(warehousesList$ | async)?.length as showStockHint\">\n            <ng-container *ngIf=\"!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            </ng-container>\n            <ng-template #planingHint>\n                <span *ngIf=\"product.properties?.planingIncomingDate\">\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                <span *ngIf=\"product.properties?.planingProductionDate\">\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            </ng-template>\n            <span *ngIf=\"product.stockCount && product.stockCount.length && !product.onOrder\">\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            <span\n                *ngIf=\"product.onOrder\"\n                [style.color]=\"'var(--tui-status-warning)'\"\n                [ngClass]=\"classList\"\n            >\n                \u041F\u043E\u0434 \u0437\u0430\u043A\u0430\u0437\n            </span>\n        </span>\n    </ng-container>\n\n    <ng-template #stockHint>\n        <table\n            *ngIf=\"selectedWarehouse$ | async as warehouseSelect\"\n            class=\"stock-table table-auto text-body-s\"\n            [ngClass]=\"classList\"\n        >\n            <tbody>\n                <tr\n                    *ngFor=\"let item of warehousesList$ | async\"\n                    class=\"border-b\"\n                >\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            </tbody>\n        </table>\n    </ng-template>\n</ng-container>\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: i2$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i2$2.AsyncPipe, name: "async" }, { kind: "ngmodule", type: RouterModule }, { kind: "ngmodule", type: TuiTextfieldControllerModule }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.TuiHintDirective, selector: "[tuiHint]:not(ng-container):not(ng-template)", inputs: ["tuiHintContext", "tuiHintAppearance", "tuiHint"] }, { kind: "directive", type: TuiLink, selector: "a[tuiLink], button[tuiLink]", inputs: ["pseudo"] }, { kind: "directive", type: TuiLet, selector: "[tuiLet]", inputs: ["tuiLet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ScPriceWarehouseStockComponent, decorators: [{
             type: Component,
-            args: [{ standalone: true, selector: 'sc-price-warehouse-stock', imports: [CommonModule, RouterModule, TuiTextfieldControllerModule, FormsModule, ReactiveFormsModule, ...TuiHint, TuiLink, TuiLet, ScFormatDatePipe], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngIf=\"product\">\n    @let isDisabled = product.isHidden || product.isNull;\n\n    <ng-container *ngIf=\"selectedWarehouse$ | async as warehouseSelect\">\n        <span *tuiLet=\"withStockHint && !!(warehousesList$ | async)?.length as showStockHint\">\n            <ng-container *ngIf=\"!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            </ng-container>\n            <ng-template #planingHint>\n                <span *ngIf=\"product.properties?.planingIncomingDate\">\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                <span *ngIf=\"product.properties?.planingProductionDate\">\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            </ng-template>\n            <span *ngIf=\"product.stockCount && product.stockCount.length && !product.onOrder\">\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            <span\n                *ngIf=\"product.onOrder\"\n                [style.color]=\"'var(--tui-status-warning)'\"\n                [ngClass]=\"classList\"\n            >\n                \u041F\u043E\u0434 \u0437\u0430\u043A\u0430\u0437\n            </span>\n        </span>\n    </ng-container>\n\n    <ng-template #stockHint>\n        <table\n            *ngIf=\"selectedWarehouse$ | async as warehouseSelect\"\n            class=\"stock-table table-auto text-body-s\"\n            [ngClass]=\"classList\"\n        >\n            <tbody>\n                <tr\n                    *ngFor=\"let item of warehousesList$ | async\"\n                    class=\"border-b\"\n                >\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            </tbody>\n        </table>\n    </ng-template>\n</ng-container>\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: [{ standalone: true, selector: 'sc-price-warehouse-stock', imports: [CommonModule, RouterModule, TuiTextfieldControllerModule, FormsModule, ReactiveFormsModule, ...TuiHint, TuiLink, TuiLet], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngIf=\"product\">\n    @let isDisabled = product.isHidden || product.isNull;\n\n    <ng-container *ngIf=\"selectedWarehouse$ | async as warehouseSelect\">\n        <span *tuiLet=\"withStockHint && !!(warehousesList$ | async)?.length as showStockHint\">\n            <ng-container *ngIf=\"!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            </ng-container>\n            <ng-template #planingHint>\n                <span *ngIf=\"product.properties?.planingIncomingDate\">\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                <span *ngIf=\"product.properties?.planingProductionDate\">\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            </ng-template>\n            <span *ngIf=\"product.stockCount && product.stockCount.length && !product.onOrder\">\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            <span\n                *ngIf=\"product.onOrder\"\n                [style.color]=\"'var(--tui-status-warning)'\"\n                [ngClass]=\"classList\"\n            >\n                \u041F\u043E\u0434 \u0437\u0430\u043A\u0430\u0437\n            </span>\n        </span>\n    </ng-container>\n\n    <ng-template #stockHint>\n        <table\n            *ngIf=\"selectedWarehouse$ | async as warehouseSelect\"\n            class=\"stock-table table-auto text-body-s\"\n            [ngClass]=\"classList\"\n        >\n            <tbody>\n                <tr\n                    *ngFor=\"let item of warehousesList$ | async\"\n                    class=\"border-b\"\n                >\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            </tbody>\n        </table>\n    </ng-template>\n</ng-container>\n", styles: ["::ng-deep tui-hint:has(.stock-table){max-inline-size:22rem}[tuiIconButton]{--tui-radius-m: .75rem;--tui-height-xs: 1.25rem}\n"] }]
         }], ctorParameters: () => [{ type: i1.ScWarehouseService }], propDecorators: { classList: [{
                 type: Input
             }], product: [{
@@ -8188,5 +8292,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_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, ScAccordionModule, ScAddContactDialogComponent, ScAddContragentBankAccountsDialogComponent, ScAddContragentDialogComponent, ScAddDeliveryAddressDialogComponent, ScAddOrEditingCartItemDialogComponent, ScAddOrEditingCartItemFormComponent, ScAddressesSelectionFieldComponent, ScAuthModule, ScBannerComponent, ScBannerModule, ScBrandsListComponent, ScBrandsListModule, ScCartAddProductsFromCsvDialogComponent, ScCartItemComponent, ScCatalogModule, ScCategoryCardComponent, ScContactsAccordionComponent, ScContactsModule, ScContragentsAccordionComponent, ScContragentsAccordionItemComponent, ScContragentsModule, ScDeliveryAddressAccordionComponent, ScDeliveryAddressAccordionItemComponent, ScDeliveryAddressModule, ScDownloadPriceListComponent, ScEmailLinkDirective, ScErrorBlockStatusComponent, ScErrorHandlerComponent, ScFavoriteButtonComponent, ScFeedbackFormComponent, ScFormFieldsModule, ScFormatDatePipe, ScFrequentlyAskedQuestionsComponent, ScFrequentlyAskedQuestionsGroupSelectorComponent, ScFrequentlyAskedQuestionsWithGroupsComponent, ScGratitudeComponent, ScHelpNotificationService, ScHoverImageCarouselComponent, ScInputQuantityComponent, ScJsonLdCategoryComponent, ScLinks, ScManagerCardComponent, ScManagerCardPushComponent, ScNewContactFormComponent, ScNewContragentBankAccountsFormComponent, ScNewContragentFormComponent, ScNewsCardComponent, ScNewsCardSkeletonComponent, ScNewsModule, ScNextInputFocusDirective, ScNextInputFocusModule, ScNotifyWhenInStockDialogComponent, ScOrderItemMobileComponent, ScOrderModule, ScPaymentStatusComponent, ScPersonalDataProcessingPolicyComponent, ScPhoneFormatPipe, ScPreviewSampleComponent, ScPreviewSampleModule, ScPreviewSamplesMosquitoComponent, ScPriceCardComponent, ScPriceCardInlineComponent, ScPriceHistoryComponent, ScPriceListPaginationComponent, ScPriceWarehouseStockComponent, ScPrivacyPolicyComponent, ScProductInAllWarehousesPipe, ScProfileAccordionsContentComponent, ScProfileModule, ScPublicOfferComponent, 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 };
+export { AbstractScPriceCard, AuthMethod, CURRENT_COUNTRY_ID, FilesAndDocumentsComponent, FilesAndDocumentsModule, 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, ScAccordionModule, ScAddContactDialogComponent, ScAddContragentBankAccountsDialogComponent, ScAddContragentDialogComponent, ScAddDeliveryAddressDialogComponent, ScAddOrEditingCartItemDialogComponent, ScAddOrEditingCartItemFormComponent, ScAddressesSelectionFieldComponent, ScAuthModule, ScBannerComponent, ScBannerModule, ScBrandsListComponent, ScBrandsListModule, ScCartAddProductsFromCsvDialogComponent, ScCartItemComponent, ScCatalogModule, ScCategoryCardComponent, ScContactsAccordionComponent, ScContactsModule, ScContragentsAccordionComponent, ScContragentsAccordionItemComponent, ScContragentsModule, ScDeliveryAddressAccordionComponent, ScDeliveryAddressAccordionItemComponent, ScDeliveryAddressModule, ScDownloadPriceListComponent, ScEmailLinkDirective, ScErrorBlockStatusComponent, ScErrorHandlerComponent, ScFavoriteButtonComponent, ScFeedbackFormComponent, ScFocusFirstInvalidFieldDirective, ScFormFieldsModule, ScFormatDatePipe, ScFrequentlyAskedQuestionsComponent, ScFrequentlyAskedQuestionsGroupSelectorComponent, ScFrequentlyAskedQuestionsWithGroupsComponent, ScGratitudeComponent, ScHelpNotificationService, ScHoverImageCarouselComponent, ScInputQuantityComponent, ScJsonLdCategoryComponent, ScLinks, ScManagerCardComponent, ScManagerCardPushComponent, ScNewContactFormComponent, ScNewContragentBankAccountsFormComponent, ScNewContragentFormComponent, ScNewsCardComponent, ScNewsCardSkeletonComponent, ScNewsModule, ScNextInputFocusDirective, ScNextInputFocusModule, ScNotifyWhenInStockDialogComponent, ScOrderItemMobileComponent, ScOrderModule, ScPaymentStatusComponent, ScPersonalDataProcessingPolicyComponent, ScPhoneFormatPipe, ScPreviewSampleComponent, ScPreviewSampleModule, ScPreviewSamplesMosquitoComponent, ScPriceCardComponent, ScPriceCardInlineComponent, ScPriceHistoryComponent, ScPriceListPaginationComponent, ScPriceWarehouseStockComponent, ScPrivacyPolicyComponent, ScProductInAllWarehousesPipe, ScProfileAccordionsContentComponent, ScProfileModule, ScPublicOfferComponent, 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