@snabcentr/client-ui 0.17.0 → 0.17.2

package/fesm2020/snabcentr-client-ui.mjs

@@ -1,7 +1,7 @@
 import * as i0 from '@angular/core';
-import { EventEmitter, Component, ChangeDetectionStrategy, Inject, Input, Output, NgModule, Directive, HostBinding, ContentChild, ViewChild, Injectable, ElementRef, ContentChildren, HostListener, InjectionToken, ChangeDetectorRef, Optional, Self, inject, SkipSelf, forwardRef } from '@angular/core';
+import { EventEmitter, Component, ChangeDetectionStrategy, Inject, Input, Output, NgModule, Directive, HostBinding, ContentChild, ViewChild, Injectable, ElementRef, ContentChildren, HostListener, ChangeDetectorRef, Optional, Self, inject, InjectionToken, SkipSelf, forwardRef } from '@angular/core';
 import * as i1 from '@snabcentr/client-core';
-import { ScUserMetrikaGoalsEnum, SC_URLS, SC_PATH_IMAGE_NOT_FOUND, ScCatalogService, ScCartService, ScAuthService, ScISuggestionType, ScOpfList, ScIconTypesEnum, ScUserService } from '@snabcentr/client-core';
+import { ScUserMetrikaGoalsEnum, SC_URLS, SC_PATH_IMAGE_NOT_FOUND, SEARCH_TERM, SEARCH_TERM_PROVIDERS, ScCatalogService, ScCartService, ScAuthService, ScISuggestionType, ScOpfList, ScIconTypesEnum, ScUserService } from '@snabcentr/client-core';
 import * as i10 from 'rxjs';
 import { Subject, filter, map, switchMap, tap, catchError, of, finalize, startWith, share, timer, scan, takeWhile, endWith, distinctUntilChanged, shareReplay, interval, takeUntil, skip, debounceTime, merge, throwError, combineLatest } from 'rxjs';
 import * as i2 from '@angular/common';
@@ -35,6 +35,7 @@ import { LineChart } from 'echarts/charts';
 import { TitleComponent, TooltipComponent, GridComponent } from 'echarts/components';
 import * as echarts from 'echarts/core';
 import { SVGRenderer } from 'echarts/renderers';
+import { HttpErrorResponse } from '@angular/common/http';
 import * as i3$1 from '@taiga-ui/layout';
 import { TuiBlockStatusModule } from '@taiga-ui/layout';
 
@@ -969,11 +970,6 @@ const SC_LINEAR_VALUES = ['пог.м.', 'м.', 'м2'];
  */
 const SC_LINEAR_VALUES_TOKEN = tuiCreateToken(SC_LINEAR_VALUES);
 
-/**
- *  Токен минимального количества введенных символов в поиске для подсветки терма.
- */
-const SC_MIN_LENGTH_SEARCH_TERM = new InjectionToken('SC_MIN_LENGTH_SEARCH_TERM');
-
 /**
  * Класс хэлпер для работы со значениями единиц измерения товара.
  */
@@ -1599,21 +1595,19 @@ class ScPriceCardComponent {
      * @param warehouseService Сервис для работы со складами.
      * @param urls Список ссылок на разделы backend'a.
      * @param pathImageNotFound Путь до изображения 'Товар не найден'.
-     * @param minLengthSearchTerm Токен минимального количества введенных символов в поиске для подсветки терма.
+     * @param search$ Провайдер поиска терма.
      * @param cdr Объект для работы с обнаружением изменений.
      * @param imageHelper Хелпер для работы с изображениями товара.
-     * @param searchService Сервис поиска по каталогу.
      */
-    constructor(unitsHelper, authService, warehouseService, urls, pathImageNotFound, minLengthSearchTerm, cdr, imageHelper, searchService) {
+    constructor(unitsHelper, authService, warehouseService, urls, pathImageNotFound, search$, cdr, imageHelper) {
         this.unitsHelper = unitsHelper;
         this.authService = authService;
         this.warehouseService = warehouseService;
         this.urls = urls;
         this.pathImageNotFound = pathImageNotFound;
-        this.minLengthSearchTerm = minLengthSearchTerm;
+        this.search$ = search$;
         this.cdr = cdr;
         this.imageHelper = imageHelper;
-        this.searchService = searchService;
         /**
          * Признак того, что этот компонент отображается на мобильном устройстве.
          */
@@ -1662,12 +1656,6 @@ class ScPriceCardComponent {
          * {@link Observable} изменения статуса авторизации.
          */
         this.authStatus$ = this.authService.getAuthChange();
-        /**
-         * {@link Observable} символов вводимых в поиск.
-         */
-        this.search$ = this.searchService
-            .getSearchTermChange$()
-            .pipe(map((searchTerm) => (searchTerm && searchTerm.length >= this.minLengthSearchTerm ? searchTerm : '')));
         /**
          * Размер компонента.
          */
@@ -1717,21 +1705,21 @@ class ScPriceCardComponent {
         this.cdr.markForCheck();
     }
 }
-ScPriceCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ScPriceCardComponent, deps: [{ token: UnitsHelper }, { token: i1.ScAuthService }, { token: i1.ScWarehouseService }, { token: SC_URLS }, { token: SC_PATH_IMAGE_NOT_FOUND }, { token: SC_MIN_LENGTH_SEARCH_TERM }, { token: i0.ChangeDetectorRef }, { token: i1.ScImageHelper }, { token: i1.ScSearchService }], target: i0.ɵɵFactoryTarget.Component });
-ScPriceCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: ScPriceCardComponent, selector: "sc-price-card", inputs: { cartItem: "cartItem", showQuantityControl: "showQuantityControl", product: "product", size: "size" }, outputs: { clickFavoriteEvent: "clickFavoriteEvent", clickAddToCartEvent: "clickAddToCartEvent", clickClearEvent: "clickClearEvent", clickCardEvent: "clickCardEvent", quantityValueChanges: "quantityValueChanges" }, host: { properties: { "attr.data-size": "this.size" } }, ngImport: i0, template: "<!-- TODO: \u0440\u0435\u0430\u043B\u0438\u0437\u043E\u0432\u0430\u0442\u044C \u0434\u0430\u043D\u043D\u044B\u0439 \u043A\u043E\u043C\u043F\u043E\u043D\u0435\u043D\u0442 \u0438 \u0434\u043B\u044F \u0434\u0435\u0441\u043A\u0442\u043E\u043F\u0430 \u0438 \u0434\u043B\u044F \u043C\u043E\u0431\u0438\u043B\u044C\u043D\u043E\u0433\u043E \u043F\u0440\u0438\u043B\u043E\u0436\u0435\u043D\u0438\u044F. \u0418\u0441\u043F\u0440\u0430\u0432\u0438\u0442\u044C \u0432\u0441\u0435 \u0433\u043B\u043E\u0431\u0430\u043B\u044C\u043D\u044B\u0435 \u0442\u0430\u0439\u0433\u043E\u0432\u0441\u043A\u0438\u0435 \u0441\u0442\u0438\u043B\u0438, \u043F\u0440\u0438\u0432\u0435\u0441\u0442\u0438 \u0438\u0445 \u0432 \u043F\u043E\u0440\u044F\u0434\u043E\u043A \u0441\u043E\u0433\u043B\u0430\u0441\u043D\u043E \u0441 \u0434\u0438\u0437\u0430\u0439\u043D\u043E\u043C. -->\n<div\n    *ngIf=\"product; else skeleton\"\n    class=\"relative grid h-[19rem] w-auto min-w-40 rounded-xl p-2 text-xs shadow-md\"\n>\n    <div class=\"overflow-hidden\">\n        <img\n            (click)=\"clickCardEvent.emit()\"\n            [src]=\"getCardImagePreview()\"\n            [alt]=\"product.name\"\n            class=\"max-h-full w-full rounded-xl object-cover\"\n        />\n    </div>\n    <sc-favorite-btn\n        *ngIf=\"authStatus$ | async\"\n        class=\"absolute left-0 top-0\"\n        (clickEvent)=\"clickFavoriteEvent.emit()\"\n        [showLoader]=\"favoriteShowLoader\"\n        [isFavorite]=\"product.isFavorite\"\n        [disabled]=\"!!product.primaryCategory?.isFavorite\"\n    ></sc-favorite-btn>\n    <tui-svg\n        *ngIf=\"product.isPreviouslyOrdered\"\n        src=\"scIconStar\"\n        class=\"absolute right-0 top-0 text-red-700\"\n    ></tui-svg>\n\n    <a\n        class=\"m-0 p-0\"\n        tuiLink\n        iconAlign=\"left\"\n        (click)=\"clickCardEvent.emit()\"\n    >\n        <p\n            class=\"line-clamp-3 text-sm font-bold\"\n            style=\"word-break: break-word\"\n            [tuiHighlight]=\"(search$ | async) ?? ''\"\n        >\n            {{ product.name }}\n        </p>\n    </a>\n    <p\n        *ngIf=\"product?.pack\"\n        class=\"text-tui-text-02\"\n    >\n        \u041D\u043E\u0440\u043C\u0430 \u0443\u043F\u0430\u043A\u043E\u0432\u043A\u0438: {{ product.pack }}\n    </p>\n\n    <p\n        [tuiHighlight]=\"(search$ | async) ?? ''\"\n        class=\"text-tui-text-02\"\n    >\n        \u0410\u0440\u0442\u0438\u043A\u0443\u043B: {{ product.code }}\n    </p>\n    <p\n        *ngIf=\"(authStatus$ | async) && product?.costDate\"\n        class=\"text-tui-text-02\"\n    >\n        \u0414\u0430\u0442\u0430: {{ product.costDate }}\n    </p>\n    <div\n        *ngIf=\"warehouseSelect$ | async as warehouseSelect\"\n        class=\"flex flex-col\"\n    >\n        <span\n            *ngIf=\"product.discount && !isMobile\"\n            class=\"flex items-center text-tui-text-02\"\n        >\n            <span class=\"line-through\">{{ product.discountCostString }}</span> &nbsp;\n            <span class=\"font-bold text-tui-success-fill\"> -{{ product.discount.percent }}% </span>\n            <tui-svg\n                src=\"tuiIconInfoLarge\"\n                [tuiHint]=\"discountHint\"\n                [tuiHintShowDelay]=\"100\"\n                tuiHintDirection=\"top\"\n                class=\"!h-4 !text-xs text-black\"\n            ></tui-svg>\n            <ng-template #discountHint>\n                <div class=\"font-bold\">{{ product.discount.name }}</div>\n                <div *ngIf=\"product.discount.expiredAt as expiredAt\">\u0414\u0430\u0442\u0430 \u043E\u043A\u043E\u043D\u0447\u0430\u043D\u0438\u044F: {{ expiredAt }}</div>\n            </ng-template>\n        </span>\n        <span\n            [class.text-tui-text-02]=\"!product.isWarehouseStockExist(warehouseSelect.id)\"\n            class=\"cost font-bold\"\n            >{{ product.costRubString }}</span\n        >\n        <span\n            *ngIf=\"!product.priceInRub\"\n            class=\"hidden text-xs font-bold text-tui-text-02 group-hover:block\"\n            >{{ product.costString }}</span\n        >\n        <sc-price-warehouse-stock [product]=\"product\"></sc-price-warehouse-stock>\n    </div>\n    <div\n        *ngIf=\"!showQuantityControl\"\n        class=\"mt-1 flex max-w-full items-center justify-stretch gap-2\"\n    >\n        <button\n            tuiButton\n            (click)=\"clickAddToCartEvent.emit(product)\"\n            [showLoader]=\"quantityShowLoader\"\n            [size]=\"size\"\n            class=\"grow\"\n        >\n            <tui-svg\n                src=\"scIconCart\"\n                class=\"!h-4 !text-xs\"\n            >\n            </tui-svg>\n            \u0412 \u043A\u043E\u0440\u0437\u0438\u043D\u0443\n        </button>\n        <div\n            *ngIf=\"cartItem\"\n            class=\"flex justify-center\"\n        >\n            <tui-svg\n                src=\"tuiIconCheck\"\n                class=\"!h-5 !w-5 rounded-md bg-tui-primary text-black\"\n            ></tui-svg>\n        </div>\n    </div>\n    <sc-input-quantity\n        #inputQuantity\n        *ngIf=\"showQuantityControl\"\n        [formControl]=\"quantityControl\"\n        [size]=\"getQuantitySize\"\n        [step]=\"unitsHelper.productMultiplicity(product)\"\n        [showLoader]=\"quantityShowLoader\"\n        (clickClearEvent)=\"clickClearEvent.emit(cartItem)\"\n        class=\"mt-2 w-full\"\n        (keydown.enter)=\"inputQuantity.nativeFocusableElement?.blur()\"\n    ></sc-input-quantity>\n</div>\n\n<ng-template #skeleton>\n    <div class=\"card-wrapper flex flex-col overflow-hidden rounded-xl bg-white shadow-sc-1\">\n        <!-- \u0418\u0437\u043E\u0431\u0440\u0430\u0436\u0435\u043D\u0438\u0435 \u0442\u043E\u0432\u0430\u0440\u0430 -->\n        <div class=\"h-3/5 w-full rounded-t bg-tui-base-02\"></div>\n        <!-- \u041A\u0440\u0430\u0442\u043A\u0430\u044F \u0438\u043D\u0444\u043E\u0440\u043C\u0430\u0446\u0438\u044F \u043E \u0442\u043E\u0432\u0430\u0440\u0435 -->\n        <div class=\"flex grow flex-col gap-2.5 rounded-b bg-white p-5\">\n            <div class=\"h-4 w-full rounded bg-tui-base-02\"></div>\n            <div class=\"h-4 w-3/5 rounded bg-tui-base-02\"></div>\n            <div class=\"h-4 w-full rounded bg-tui-base-02\"></div>\n        </div>\n    </div>\n</ng-template>\n", styles: [":host[data-size=s] .card-wrapper{width:10rem;height:16rem}:host[data-size=s] .card-wrapper .wrapper-info{padding:8px}:host[data-size=s] .card-wrapper .wrapper-info .cost{font-size:.875rem;line-height:1.25rem}:host[data-size=s] .card-wrapper .button-wrapper tui-svg{font-size:.75rem;line-height:1rem;width:1rem}:host[data-size=m] .card-wrapper{width:12.5rem;height:20rem}:host[data-size=m] .card-wrapper .wrapper-info{padding-inline:16px;padding-block:8px}:host[data-size=m] .card-wrapper .name{font-size:.875rem;line-height:1.25rem;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;max-height:3rem}:host[data-size=m] .card-wrapper .info{max-height:1rem}:host[data-size=m] .card-wrapper .cost{font-size:1.125rem;line-height:1.75rem}:host[data-size=m] .card-wrapper .button-wrapper{max-height:0px;font-size:.75rem;line-height:1rem}:host[data-size=m] .card-wrapper:hover .name{-webkit-line-clamp:unset;max-height:6rem}:host[data-size=m] .card-wrapper:hover .info{max-height:3rem}:host[data-size=m] .card-wrapper:hover .button-wrapper{max-height:3rem}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.TuiButtonComponent, selector: "button[tuiButton], button[tuiIconButton], a[tuiButton], a[tuiIconButton]", inputs: ["appearance", "disabled", "icon", "iconRight", "shape", "showLoader", "size"] }, { kind: "component", type: i4.TuiSvgComponent, selector: "tui-svg", inputs: ["src"] }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i4.TuiHintDirective, selector: "[tuiHint]:not(ng-container):not(ng-template)", inputs: ["tuiHint", "tuiHintContext", "tuiHintAppearance"] }, { kind: "directive", type: i4.TuiHintDriverDirective, selector: "[tuiHint]:not(ng-container):not(ng-template)" }, { kind: "directive", type: i4.TuiHintHoverDirective, selector: "[tuiHint]:not(ng-container):not(ng-template)", inputs: ["tuiHintShowDelay", "tuiHintHideDelay"], exportAs: ["tuiHintHover"] }, { kind: "directive", type: i4.TuiHintPositionDirective, selector: "[tuiHint]:not(ng-container):not(ng-template)", inputs: ["tuiHintDirection"] }, { kind: "component", type: i4.TuiLinkComponent, selector: "a[tuiLink], button[tuiLink]", inputs: ["pseudo", "icon", "iconAlign", "iconRotated", "mode"], exportAs: ["tuiLink"] }, { kind: "directive", type: i4$1.TuiHighlightDirective, selector: "[tuiHighlight]", inputs: ["tuiHighlight", "tuiHighlightColor"] }, { kind: "component", type: ScFavoriteBtnComponent, selector: "sc-favorite-btn", inputs: ["isFavorite", "showLoader", "disabled"], outputs: ["clickEvent"] }, { kind: "component", type: ScInputQuantityComponent, selector: "sc-input-quantity", inputs: ["step", "showLoader", "showCross", "appearance", "isDisabled", "size"], outputs: ["clickClearEvent"] }, { kind: "component", type: ScPriceWarehouseStockComponent, selector: "sc-price-warehouse-stock", inputs: ["classList", "product", "withStockHint", "fromMain"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+ScPriceCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ScPriceCardComponent, deps: [{ token: UnitsHelper }, { token: i1.ScAuthService }, { token: i1.ScWarehouseService }, { token: SC_URLS }, { token: SC_PATH_IMAGE_NOT_FOUND }, { token: SEARCH_TERM }, { token: i0.ChangeDetectorRef }, { token: i1.ScImageHelper }], target: i0.ɵɵFactoryTarget.Component });
+ScPriceCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: ScPriceCardComponent, selector: "sc-price-card", inputs: { cartItem: "cartItem", showQuantityControl: "showQuantityControl", product: "product", size: "size" }, outputs: { clickFavoriteEvent: "clickFavoriteEvent", clickAddToCartEvent: "clickAddToCartEvent", clickClearEvent: "clickClearEvent", clickCardEvent: "clickCardEvent", quantityValueChanges: "quantityValueChanges" }, host: { properties: { "attr.data-size": "this.size" } }, providers: [SEARCH_TERM_PROVIDERS], ngImport: i0, template: "<!-- TODO: \u0440\u0435\u0430\u043B\u0438\u0437\u043E\u0432\u0430\u0442\u044C \u0434\u0430\u043D\u043D\u044B\u0439 \u043A\u043E\u043C\u043F\u043E\u043D\u0435\u043D\u0442 \u0438 \u0434\u043B\u044F \u0434\u0435\u0441\u043A\u0442\u043E\u043F\u0430 \u0438 \u0434\u043B\u044F \u043C\u043E\u0431\u0438\u043B\u044C\u043D\u043E\u0433\u043E \u043F\u0440\u0438\u043B\u043E\u0436\u0435\u043D\u0438\u044F. \u0418\u0441\u043F\u0440\u0430\u0432\u0438\u0442\u044C \u0432\u0441\u0435 \u0433\u043B\u043E\u0431\u0430\u043B\u044C\u043D\u044B\u0435 \u0442\u0430\u0439\u0433\u043E\u0432\u0441\u043A\u0438\u0435 \u0441\u0442\u0438\u043B\u0438, \u043F\u0440\u0438\u0432\u0435\u0441\u0442\u0438 \u0438\u0445 \u0432 \u043F\u043E\u0440\u044F\u0434\u043E\u043A \u0441\u043E\u0433\u043B\u0430\u0441\u043D\u043E \u0441 \u0434\u0438\u0437\u0430\u0439\u043D\u043E\u043C. -->\n<div\n    *ngIf=\"product; else skeleton\"\n    class=\"relative grid h-[19rem] w-auto min-w-40 rounded-xl p-2 text-xs shadow-md\"\n>\n    <div class=\"overflow-hidden\">\n        <img\n            (click)=\"clickCardEvent.emit()\"\n            [src]=\"getCardImagePreview()\"\n            [alt]=\"product.name\"\n            class=\"max-h-full w-full rounded-xl object-cover\"\n        />\n    </div>\n    <sc-favorite-btn\n        *ngIf=\"authStatus$ | async\"\n        class=\"absolute left-0 top-0\"\n        (clickEvent)=\"clickFavoriteEvent.emit()\"\n        [showLoader]=\"favoriteShowLoader\"\n        [isFavorite]=\"product.isFavorite\"\n        [disabled]=\"!!product.primaryCategory?.isFavorite\"\n    ></sc-favorite-btn>\n    <tui-svg\n        *ngIf=\"product.isPreviouslyOrdered\"\n        src=\"scIconStar\"\n        class=\"absolute right-0 top-0 text-red-700\"\n    ></tui-svg>\n\n    <a\n        class=\"m-0 p-0\"\n        tuiLink\n        iconAlign=\"left\"\n        (click)=\"clickCardEvent.emit()\"\n    >\n        <p\n            class=\"line-clamp-3 text-sm font-bold\"\n            style=\"word-break: break-word\"\n            [tuiHighlight]=\"(search$ | async) ?? ''\"\n        >\n            {{ product.name }}\n        </p>\n    </a>\n    <p\n        *ngIf=\"product?.pack\"\n        class=\"text-tui-text-02\"\n    >\n        \u041D\u043E\u0440\u043C\u0430 \u0443\u043F\u0430\u043A\u043E\u0432\u043A\u0438: {{ product.pack }}\n    </p>\n\n    <p\n        [tuiHighlight]=\"(search$ | async) ?? ''\"\n        class=\"text-tui-text-02\"\n    >\n        \u0410\u0440\u0442\u0438\u043A\u0443\u043B: {{ product.code }}\n    </p>\n    <p\n        *ngIf=\"(authStatus$ | async) && product?.costDate\"\n        class=\"text-tui-text-02\"\n    >\n        \u0414\u0430\u0442\u0430: {{ product.costDate }}\n    </p>\n    <div\n        *ngIf=\"warehouseSelect$ | async as warehouseSelect\"\n        class=\"flex flex-col\"\n    >\n        <span\n            *ngIf=\"product.discount && !isMobile\"\n            class=\"flex items-center text-tui-text-02\"\n        >\n            <span class=\"line-through\">{{ product.discountCostString }}</span> &nbsp;\n            <span class=\"font-bold text-tui-success-fill\"> -{{ product.discount.percent }}% </span>\n            <tui-svg\n                src=\"tuiIconInfoLarge\"\n                [tuiHint]=\"discountHint\"\n                [tuiHintShowDelay]=\"100\"\n                tuiHintDirection=\"top\"\n                class=\"!h-4 !text-xs text-black\"\n            ></tui-svg>\n            <ng-template #discountHint>\n                <div class=\"font-bold\">{{ product.discount.name }}</div>\n                <div *ngIf=\"product.discount.expiredAt as expiredAt\">\u0414\u0430\u0442\u0430 \u043E\u043A\u043E\u043D\u0447\u0430\u043D\u0438\u044F: {{ expiredAt }}</div>\n            </ng-template>\n        </span>\n        <span\n            [class.text-tui-text-02]=\"!product.isWarehouseStockExist(warehouseSelect.id)\"\n            class=\"cost font-bold\"\n            >{{ product.costRubString }}</span\n        >\n        <span\n            *ngIf=\"!product.priceInRub\"\n            class=\"hidden text-xs font-bold text-tui-text-02 group-hover:block\"\n            >{{ product.costString }}</span\n        >\n        <sc-price-warehouse-stock [product]=\"product\"></sc-price-warehouse-stock>\n    </div>\n    <div\n        *ngIf=\"!showQuantityControl\"\n        class=\"mt-1 flex max-w-full items-center justify-stretch gap-2\"\n    >\n        <button\n            tuiButton\n            (click)=\"clickAddToCartEvent.emit(product)\"\n            [showLoader]=\"quantityShowLoader\"\n            [size]=\"size\"\n            class=\"grow\"\n        >\n            <tui-svg\n                src=\"scIconCart\"\n                class=\"!h-4 !text-xs\"\n            >\n            </tui-svg>\n            \u0412 \u043A\u043E\u0440\u0437\u0438\u043D\u0443\n        </button>\n        <div\n            *ngIf=\"cartItem\"\n            class=\"flex justify-center\"\n        >\n            <tui-svg\n                src=\"tuiIconCheck\"\n                class=\"!h-5 !w-5 rounded-md bg-tui-primary text-black\"\n            ></tui-svg>\n        </div>\n    </div>\n    <sc-input-quantity\n        #inputQuantity\n        *ngIf=\"showQuantityControl\"\n        [formControl]=\"quantityControl\"\n        [size]=\"getQuantitySize\"\n        [step]=\"unitsHelper.productMultiplicity(product)\"\n        [showLoader]=\"quantityShowLoader\"\n        (clickClearEvent)=\"clickClearEvent.emit(cartItem)\"\n        class=\"mt-2 w-full\"\n        (keydown.enter)=\"inputQuantity.nativeFocusableElement?.blur()\"\n    ></sc-input-quantity>\n</div>\n\n<ng-template #skeleton>\n    <div class=\"card-wrapper flex flex-col overflow-hidden rounded-xl bg-white shadow-sc-1\">\n        <!-- \u0418\u0437\u043E\u0431\u0440\u0430\u0436\u0435\u043D\u0438\u0435 \u0442\u043E\u0432\u0430\u0440\u0430 -->\n        <div class=\"h-3/5 w-full rounded-t bg-tui-base-02\"></div>\n        <!-- \u041A\u0440\u0430\u0442\u043A\u0430\u044F \u0438\u043D\u0444\u043E\u0440\u043C\u0430\u0446\u0438\u044F \u043E \u0442\u043E\u0432\u0430\u0440\u0435 -->\n        <div class=\"flex grow flex-col gap-2.5 rounded-b bg-white p-5\">\n            <div class=\"h-4 w-full rounded bg-tui-base-02\"></div>\n            <div class=\"h-4 w-3/5 rounded bg-tui-base-02\"></div>\n            <div class=\"h-4 w-full rounded bg-tui-base-02\"></div>\n        </div>\n    </div>\n</ng-template>\n", styles: [":host[data-size=s] .card-wrapper{width:10rem;height:16rem}:host[data-size=s] .card-wrapper .wrapper-info{padding:8px}:host[data-size=s] .card-wrapper .wrapper-info .cost{font-size:.875rem;line-height:1.25rem}:host[data-size=s] .card-wrapper .button-wrapper tui-svg{font-size:.75rem;line-height:1rem;width:1rem}:host[data-size=m] .card-wrapper{width:12.5rem;height:20rem}:host[data-size=m] .card-wrapper .wrapper-info{padding-inline:16px;padding-block:8px}:host[data-size=m] .card-wrapper .name{font-size:.875rem;line-height:1.25rem;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;max-height:3rem}:host[data-size=m] .card-wrapper .info{max-height:1rem}:host[data-size=m] .card-wrapper .cost{font-size:1.125rem;line-height:1.75rem}:host[data-size=m] .card-wrapper .button-wrapper{max-height:0px;font-size:.75rem;line-height:1rem}:host[data-size=m] .card-wrapper:hover .name{-webkit-line-clamp:unset;max-height:6rem}:host[data-size=m] .card-wrapper:hover .info{max-height:3rem}:host[data-size=m] .card-wrapper:hover .button-wrapper{max-height:3rem}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.TuiButtonComponent, selector: "button[tuiButton], button[tuiIconButton], a[tuiButton], a[tuiIconButton]", inputs: ["appearance", "disabled", "icon", "iconRight", "shape", "showLoader", "size"] }, { kind: "component", type: i4.TuiSvgComponent, selector: "tui-svg", inputs: ["src"] }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i4.TuiHintDirective, selector: "[tuiHint]:not(ng-container):not(ng-template)", inputs: ["tuiHint", "tuiHintContext", "tuiHintAppearance"] }, { kind: "directive", type: i4.TuiHintDriverDirective, selector: "[tuiHint]:not(ng-container):not(ng-template)" }, { kind: "directive", type: i4.TuiHintHoverDirective, selector: "[tuiHint]:not(ng-container):not(ng-template)", inputs: ["tuiHintShowDelay", "tuiHintHideDelay"], exportAs: ["tuiHintHover"] }, { kind: "directive", type: i4.TuiHintPositionDirective, selector: "[tuiHint]:not(ng-container):not(ng-template)", inputs: ["tuiHintDirection"] }, { kind: "component", type: i4.TuiLinkComponent, selector: "a[tuiLink], button[tuiLink]", inputs: ["pseudo", "icon", "iconAlign", "iconRotated", "mode"], exportAs: ["tuiLink"] }, { kind: "directive", type: i4$1.TuiHighlightDirective, selector: "[tuiHighlight]", inputs: ["tuiHighlight", "tuiHighlightColor"] }, { kind: "component", type: ScFavoriteBtnComponent, selector: "sc-favorite-btn", inputs: ["isFavorite", "showLoader", "disabled"], outputs: ["clickEvent"] }, { kind: "component", type: ScInputQuantityComponent, selector: "sc-input-quantity", inputs: ["step", "showLoader", "showCross", "appearance", "isDisabled", "size"], outputs: ["clickClearEvent"] }, { kind: "component", type: ScPriceWarehouseStockComponent, selector: "sc-price-warehouse-stock", inputs: ["classList", "product", "withStockHint", "fromMain"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ScPriceCardComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sc-price-card', changeDetection: ChangeDetectionStrategy.OnPush, template: "<!-- TODO: \u0440\u0435\u0430\u043B\u0438\u0437\u043E\u0432\u0430\u0442\u044C \u0434\u0430\u043D\u043D\u044B\u0439 \u043A\u043E\u043C\u043F\u043E\u043D\u0435\u043D\u0442 \u0438 \u0434\u043B\u044F \u0434\u0435\u0441\u043A\u0442\u043E\u043F\u0430 \u0438 \u0434\u043B\u044F \u043C\u043E\u0431\u0438\u043B\u044C\u043D\u043E\u0433\u043E \u043F\u0440\u0438\u043B\u043E\u0436\u0435\u043D\u0438\u044F. \u0418\u0441\u043F\u0440\u0430\u0432\u0438\u0442\u044C \u0432\u0441\u0435 \u0433\u043B\u043E\u0431\u0430\u043B\u044C\u043D\u044B\u0435 \u0442\u0430\u0439\u0433\u043E\u0432\u0441\u043A\u0438\u0435 \u0441\u0442\u0438\u043B\u0438, \u043F\u0440\u0438\u0432\u0435\u0441\u0442\u0438 \u0438\u0445 \u0432 \u043F\u043E\u0440\u044F\u0434\u043E\u043A \u0441\u043E\u0433\u043B\u0430\u0441\u043D\u043E \u0441 \u0434\u0438\u0437\u0430\u0439\u043D\u043E\u043C. -->\n<div\n    *ngIf=\"product; else skeleton\"\n    class=\"relative grid h-[19rem] w-auto min-w-40 rounded-xl p-2 text-xs shadow-md\"\n>\n    <div class=\"overflow-hidden\">\n        <img\n            (click)=\"clickCardEvent.emit()\"\n            [src]=\"getCardImagePreview()\"\n            [alt]=\"product.name\"\n            class=\"max-h-full w-full rounded-xl object-cover\"\n        />\n    </div>\n    <sc-favorite-btn\n        *ngIf=\"authStatus$ | async\"\n        class=\"absolute left-0 top-0\"\n        (clickEvent)=\"clickFavoriteEvent.emit()\"\n        [showLoader]=\"favoriteShowLoader\"\n        [isFavorite]=\"product.isFavorite\"\n        [disabled]=\"!!product.primaryCategory?.isFavorite\"\n    ></sc-favorite-btn>\n    <tui-svg\n        *ngIf=\"product.isPreviouslyOrdered\"\n        src=\"scIconStar\"\n        class=\"absolute right-0 top-0 text-red-700\"\n    ></tui-svg>\n\n    <a\n        class=\"m-0 p-0\"\n        tuiLink\n        iconAlign=\"left\"\n        (click)=\"clickCardEvent.emit()\"\n    >\n        <p\n            class=\"line-clamp-3 text-sm font-bold\"\n            style=\"word-break: break-word\"\n            [tuiHighlight]=\"(search$ | async) ?? ''\"\n        >\n            {{ product.name }}\n        </p>\n    </a>\n    <p\n        *ngIf=\"product?.pack\"\n        class=\"text-tui-text-02\"\n    >\n        \u041D\u043E\u0440\u043C\u0430 \u0443\u043F\u0430\u043A\u043E\u0432\u043A\u0438: {{ product.pack }}\n    </p>\n\n    <p\n        [tuiHighlight]=\"(search$ | async) ?? ''\"\n        class=\"text-tui-text-02\"\n    >\n        \u0410\u0440\u0442\u0438\u043A\u0443\u043B: {{ product.code }}\n    </p>\n    <p\n        *ngIf=\"(authStatus$ | async) && product?.costDate\"\n        class=\"text-tui-text-02\"\n    >\n        \u0414\u0430\u0442\u0430: {{ product.costDate }}\n    </p>\n    <div\n        *ngIf=\"warehouseSelect$ | async as warehouseSelect\"\n        class=\"flex flex-col\"\n    >\n        <span\n            *ngIf=\"product.discount && !isMobile\"\n            class=\"flex items-center text-tui-text-02\"\n        >\n            <span class=\"line-through\">{{ product.discountCostString }}</span> &nbsp;\n            <span class=\"font-bold text-tui-success-fill\"> -{{ product.discount.percent }}% </span>\n            <tui-svg\n                src=\"tuiIconInfoLarge\"\n                [tuiHint]=\"discountHint\"\n                [tuiHintShowDelay]=\"100\"\n                tuiHintDirection=\"top\"\n                class=\"!h-4 !text-xs text-black\"\n            ></tui-svg>\n            <ng-template #discountHint>\n                <div class=\"font-bold\">{{ product.discount.name }}</div>\n                <div *ngIf=\"product.discount.expiredAt as expiredAt\">\u0414\u0430\u0442\u0430 \u043E\u043A\u043E\u043D\u0447\u0430\u043D\u0438\u044F: {{ expiredAt }}</div>\n            </ng-template>\n        </span>\n        <span\n            [class.text-tui-text-02]=\"!product.isWarehouseStockExist(warehouseSelect.id)\"\n            class=\"cost font-bold\"\n            >{{ product.costRubString }}</span\n        >\n        <span\n            *ngIf=\"!product.priceInRub\"\n            class=\"hidden text-xs font-bold text-tui-text-02 group-hover:block\"\n            >{{ product.costString }}</span\n        >\n        <sc-price-warehouse-stock [product]=\"product\"></sc-price-warehouse-stock>\n    </div>\n    <div\n        *ngIf=\"!showQuantityControl\"\n        class=\"mt-1 flex max-w-full items-center justify-stretch gap-2\"\n    >\n        <button\n            tuiButton\n            (click)=\"clickAddToCartEvent.emit(product)\"\n            [showLoader]=\"quantityShowLoader\"\n            [size]=\"size\"\n            class=\"grow\"\n        >\n            <tui-svg\n                src=\"scIconCart\"\n                class=\"!h-4 !text-xs\"\n            >\n            </tui-svg>\n            \u0412 \u043A\u043E\u0440\u0437\u0438\u043D\u0443\n        </button>\n        <div\n            *ngIf=\"cartItem\"\n            class=\"flex justify-center\"\n        >\n            <tui-svg\n                src=\"tuiIconCheck\"\n                class=\"!h-5 !w-5 rounded-md bg-tui-primary text-black\"\n            ></tui-svg>\n        </div>\n    </div>\n    <sc-input-quantity\n        #inputQuantity\n        *ngIf=\"showQuantityControl\"\n        [formControl]=\"quantityControl\"\n        [size]=\"getQuantitySize\"\n        [step]=\"unitsHelper.productMultiplicity(product)\"\n        [showLoader]=\"quantityShowLoader\"\n        (clickClearEvent)=\"clickClearEvent.emit(cartItem)\"\n        class=\"mt-2 w-full\"\n        (keydown.enter)=\"inputQuantity.nativeFocusableElement?.blur()\"\n    ></sc-input-quantity>\n</div>\n\n<ng-template #skeleton>\n    <div class=\"card-wrapper flex flex-col overflow-hidden rounded-xl bg-white shadow-sc-1\">\n        <!-- \u0418\u0437\u043E\u0431\u0440\u0430\u0436\u0435\u043D\u0438\u0435 \u0442\u043E\u0432\u0430\u0440\u0430 -->\n        <div class=\"h-3/5 w-full rounded-t bg-tui-base-02\"></div>\n        <!-- \u041A\u0440\u0430\u0442\u043A\u0430\u044F \u0438\u043D\u0444\u043E\u0440\u043C\u0430\u0446\u0438\u044F \u043E \u0442\u043E\u0432\u0430\u0440\u0435 -->\n        <div class=\"flex grow flex-col gap-2.5 rounded-b bg-white p-5\">\n            <div class=\"h-4 w-full rounded bg-tui-base-02\"></div>\n            <div class=\"h-4 w-3/5 rounded bg-tui-base-02\"></div>\n            <div class=\"h-4 w-full rounded bg-tui-base-02\"></div>\n        </div>\n    </div>\n</ng-template>\n", styles: [":host[data-size=s] .card-wrapper{width:10rem;height:16rem}:host[data-size=s] .card-wrapper .wrapper-info{padding:8px}:host[data-size=s] .card-wrapper .wrapper-info .cost{font-size:.875rem;line-height:1.25rem}:host[data-size=s] .card-wrapper .button-wrapper tui-svg{font-size:.75rem;line-height:1rem;width:1rem}:host[data-size=m] .card-wrapper{width:12.5rem;height:20rem}:host[data-size=m] .card-wrapper .wrapper-info{padding-inline:16px;padding-block:8px}:host[data-size=m] .card-wrapper .name{font-size:.875rem;line-height:1.25rem;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;max-height:3rem}:host[data-size=m] .card-wrapper .info{max-height:1rem}:host[data-size=m] .card-wrapper .cost{font-size:1.125rem;line-height:1.75rem}:host[data-size=m] .card-wrapper .button-wrapper{max-height:0px;font-size:.75rem;line-height:1rem}:host[data-size=m] .card-wrapper:hover .name{-webkit-line-clamp:unset;max-height:6rem}:host[data-size=m] .card-wrapper:hover .info{max-height:3rem}:host[data-size=m] .card-wrapper:hover .button-wrapper{max-height:3rem}\n"] }]
+            args: [{ selector: 'sc-price-card', changeDetection: ChangeDetectionStrategy.OnPush, providers: [SEARCH_TERM_PROVIDERS], template: "<!-- TODO: \u0440\u0435\u0430\u043B\u0438\u0437\u043E\u0432\u0430\u0442\u044C \u0434\u0430\u043D\u043D\u044B\u0439 \u043A\u043E\u043C\u043F\u043E\u043D\u0435\u043D\u0442 \u0438 \u0434\u043B\u044F \u0434\u0435\u0441\u043A\u0442\u043E\u043F\u0430 \u0438 \u0434\u043B\u044F \u043C\u043E\u0431\u0438\u043B\u044C\u043D\u043E\u0433\u043E \u043F\u0440\u0438\u043B\u043E\u0436\u0435\u043D\u0438\u044F. \u0418\u0441\u043F\u0440\u0430\u0432\u0438\u0442\u044C \u0432\u0441\u0435 \u0433\u043B\u043E\u0431\u0430\u043B\u044C\u043D\u044B\u0435 \u0442\u0430\u0439\u0433\u043E\u0432\u0441\u043A\u0438\u0435 \u0441\u0442\u0438\u043B\u0438, \u043F\u0440\u0438\u0432\u0435\u0441\u0442\u0438 \u0438\u0445 \u0432 \u043F\u043E\u0440\u044F\u0434\u043E\u043A \u0441\u043E\u0433\u043B\u0430\u0441\u043D\u043E \u0441 \u0434\u0438\u0437\u0430\u0439\u043D\u043E\u043C. -->\n<div\n    *ngIf=\"product; else skeleton\"\n    class=\"relative grid h-[19rem] w-auto min-w-40 rounded-xl p-2 text-xs shadow-md\"\n>\n    <div class=\"overflow-hidden\">\n        <img\n            (click)=\"clickCardEvent.emit()\"\n            [src]=\"getCardImagePreview()\"\n            [alt]=\"product.name\"\n            class=\"max-h-full w-full rounded-xl object-cover\"\n        />\n    </div>\n    <sc-favorite-btn\n        *ngIf=\"authStatus$ | async\"\n        class=\"absolute left-0 top-0\"\n        (clickEvent)=\"clickFavoriteEvent.emit()\"\n        [showLoader]=\"favoriteShowLoader\"\n        [isFavorite]=\"product.isFavorite\"\n        [disabled]=\"!!product.primaryCategory?.isFavorite\"\n    ></sc-favorite-btn>\n    <tui-svg\n        *ngIf=\"product.isPreviouslyOrdered\"\n        src=\"scIconStar\"\n        class=\"absolute right-0 top-0 text-red-700\"\n    ></tui-svg>\n\n    <a\n        class=\"m-0 p-0\"\n        tuiLink\n        iconAlign=\"left\"\n        (click)=\"clickCardEvent.emit()\"\n    >\n        <p\n            class=\"line-clamp-3 text-sm font-bold\"\n            style=\"word-break: break-word\"\n            [tuiHighlight]=\"(search$ | async) ?? ''\"\n        >\n            {{ product.name }}\n        </p>\n    </a>\n    <p\n        *ngIf=\"product?.pack\"\n        class=\"text-tui-text-02\"\n    >\n        \u041D\u043E\u0440\u043C\u0430 \u0443\u043F\u0430\u043A\u043E\u0432\u043A\u0438: {{ product.pack }}\n    </p>\n\n    <p\n        [tuiHighlight]=\"(search$ | async) ?? ''\"\n        class=\"text-tui-text-02\"\n    >\n        \u0410\u0440\u0442\u0438\u043A\u0443\u043B: {{ product.code }}\n    </p>\n    <p\n        *ngIf=\"(authStatus$ | async) && product?.costDate\"\n        class=\"text-tui-text-02\"\n    >\n        \u0414\u0430\u0442\u0430: {{ product.costDate }}\n    </p>\n    <div\n        *ngIf=\"warehouseSelect$ | async as warehouseSelect\"\n        class=\"flex flex-col\"\n    >\n        <span\n            *ngIf=\"product.discount && !isMobile\"\n            class=\"flex items-center text-tui-text-02\"\n        >\n            <span class=\"line-through\">{{ product.discountCostString }}</span> &nbsp;\n            <span class=\"font-bold text-tui-success-fill\"> -{{ product.discount.percent }}% </span>\n            <tui-svg\n                src=\"tuiIconInfoLarge\"\n                [tuiHint]=\"discountHint\"\n                [tuiHintShowDelay]=\"100\"\n                tuiHintDirection=\"top\"\n                class=\"!h-4 !text-xs text-black\"\n            ></tui-svg>\n            <ng-template #discountHint>\n                <div class=\"font-bold\">{{ product.discount.name }}</div>\n                <div *ngIf=\"product.discount.expiredAt as expiredAt\">\u0414\u0430\u0442\u0430 \u043E\u043A\u043E\u043D\u0447\u0430\u043D\u0438\u044F: {{ expiredAt }}</div>\n            </ng-template>\n        </span>\n        <span\n            [class.text-tui-text-02]=\"!product.isWarehouseStockExist(warehouseSelect.id)\"\n            class=\"cost font-bold\"\n            >{{ product.costRubString }}</span\n        >\n        <span\n            *ngIf=\"!product.priceInRub\"\n            class=\"hidden text-xs font-bold text-tui-text-02 group-hover:block\"\n            >{{ product.costString }}</span\n        >\n        <sc-price-warehouse-stock [product]=\"product\"></sc-price-warehouse-stock>\n    </div>\n    <div\n        *ngIf=\"!showQuantityControl\"\n        class=\"mt-1 flex max-w-full items-center justify-stretch gap-2\"\n    >\n        <button\n            tuiButton\n            (click)=\"clickAddToCartEvent.emit(product)\"\n            [showLoader]=\"quantityShowLoader\"\n            [size]=\"size\"\n            class=\"grow\"\n        >\n            <tui-svg\n                src=\"scIconCart\"\n                class=\"!h-4 !text-xs\"\n            >\n            </tui-svg>\n            \u0412 \u043A\u043E\u0440\u0437\u0438\u043D\u0443\n        </button>\n        <div\n            *ngIf=\"cartItem\"\n            class=\"flex justify-center\"\n        >\n            <tui-svg\n                src=\"tuiIconCheck\"\n                class=\"!h-5 !w-5 rounded-md bg-tui-primary text-black\"\n            ></tui-svg>\n        </div>\n    </div>\n    <sc-input-quantity\n        #inputQuantity\n        *ngIf=\"showQuantityControl\"\n        [formControl]=\"quantityControl\"\n        [size]=\"getQuantitySize\"\n        [step]=\"unitsHelper.productMultiplicity(product)\"\n        [showLoader]=\"quantityShowLoader\"\n        (clickClearEvent)=\"clickClearEvent.emit(cartItem)\"\n        class=\"mt-2 w-full\"\n        (keydown.enter)=\"inputQuantity.nativeFocusableElement?.blur()\"\n    ></sc-input-quantity>\n</div>\n\n<ng-template #skeleton>\n    <div class=\"card-wrapper flex flex-col overflow-hidden rounded-xl bg-white shadow-sc-1\">\n        <!-- \u0418\u0437\u043E\u0431\u0440\u0430\u0436\u0435\u043D\u0438\u0435 \u0442\u043E\u0432\u0430\u0440\u0430 -->\n        <div class=\"h-3/5 w-full rounded-t bg-tui-base-02\"></div>\n        <!-- \u041A\u0440\u0430\u0442\u043A\u0430\u044F \u0438\u043D\u0444\u043E\u0440\u043C\u0430\u0446\u0438\u044F \u043E \u0442\u043E\u0432\u0430\u0440\u0435 -->\n        <div class=\"flex grow flex-col gap-2.5 rounded-b bg-white p-5\">\n            <div class=\"h-4 w-full rounded bg-tui-base-02\"></div>\n            <div class=\"h-4 w-3/5 rounded bg-tui-base-02\"></div>\n            <div class=\"h-4 w-full rounded bg-tui-base-02\"></div>\n        </div>\n    </div>\n</ng-template>\n", styles: [":host[data-size=s] .card-wrapper{width:10rem;height:16rem}:host[data-size=s] .card-wrapper .wrapper-info{padding:8px}:host[data-size=s] .card-wrapper .wrapper-info .cost{font-size:.875rem;line-height:1.25rem}:host[data-size=s] .card-wrapper .button-wrapper tui-svg{font-size:.75rem;line-height:1rem;width:1rem}:host[data-size=m] .card-wrapper{width:12.5rem;height:20rem}:host[data-size=m] .card-wrapper .wrapper-info{padding-inline:16px;padding-block:8px}:host[data-size=m] .card-wrapper .name{font-size:.875rem;line-height:1.25rem;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;max-height:3rem}:host[data-size=m] .card-wrapper .info{max-height:1rem}:host[data-size=m] .card-wrapper .cost{font-size:1.125rem;line-height:1.75rem}:host[data-size=m] .card-wrapper .button-wrapper{max-height:0px;font-size:.75rem;line-height:1rem}:host[data-size=m] .card-wrapper:hover .name{-webkit-line-clamp:unset;max-height:6rem}:host[data-size=m] .card-wrapper:hover .info{max-height:3rem}:host[data-size=m] .card-wrapper:hover .button-wrapper{max-height:3rem}\n"] }]
         }], ctorParameters: function () { return [{ type: UnitsHelper }, { type: i1.ScAuthService }, { type: i1.ScWarehouseService }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [SC_URLS]
                 }] }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [SC_PATH_IMAGE_NOT_FOUND]
-                }] }, { type: undefined, decorators: [{
+                }] }, { type: i10.Observable, decorators: [{
                     type: Inject,
-                    args: [SC_MIN_LENGTH_SEARCH_TERM]
-                }] }, { type: i0.ChangeDetectorRef }, { type: i1.ScImageHelper }, { type: i1.ScSearchService }]; }, propDecorators: { cartItem: [{
+                    args: [SEARCH_TERM]
+                }] }, { type: i0.ChangeDetectorRef }, { type: i1.ScImageHelper }]; }, propDecorators: { cartItem: [{
                 type: Input
             }], showQuantityControl: [{
                 type: Input
@@ -2359,16 +2347,18 @@ class ScSuggestionFieldComponent {
     /** @inheritDoc */
     ngOnInit() {
         const request$ = tuiControlValue(this.control).pipe(debounceTime(300), filter(tuiIsPresent), map((term) => term.trim()), filter((term) => term.length >= 3), switchMap((term) => this.suggestionService.getData(term, this.type).pipe(startWith(null))), catchError((error) => {
-            const errorResponse = error.error;
-            if (this.control.control) {
-                tuiMarkControlAsTouchedAndValidate(this.control.control);
-                this.control.control.setErrors({
-                    serverResponse: [errorResponse.message || 'Ошибка сервера: пожалуйста, перезагрузите страницу и/или выполните запрос позже.']
-                });
+            if (error instanceof HttpErrorResponse) {
+                const errorResponse = error.error;
+                if (this.control.control) {
+                    tuiMarkControlAsTouchedAndValidate(this.control.control);
+                    this.control.control.setErrors({
+                        serverResponse: [errorResponse.message || 'Ошибка сервера: пожалуйста, перезагрузите страницу и/или выполните запрос позже.'],
+                    });
+                }
             }
             return throwError(() => of([]));
         }), share());
-        this.suggestions$ = request$?.pipe(filter(tuiIsPresent), startWith(null));
+        this.suggestions$ = request$.pipe(filter(tuiIsPresent), startWith(null));
         this.loading$ = request$.pipe(map(tuiIsFalsy));
     }
     /**
@@ -2385,21 +2375,21 @@ class ScSuggestionFieldComponent {
                 break;
             case ScISuggestionType.address:
                 if ('addressString' in suggestion) {
-                    this.control.control?.patchValue(suggestion.addressString, { emitEvent: false });
+                    this.control.control?.patchValue(suggestion.addressString);
                 }
                 break;
             case ScISuggestionType.bank:
                 if ('inn' in suggestion && 'bic' in suggestion) {
-                    this.control.control?.parent?.patchValue({
+                    (this.control.control?.parent).patchValue({
                         bankName: suggestion.name,
                         bic: suggestion.bic,
-                        correspondentAccount: suggestion.correspondentAccount
-                    }, { emitEvent: false });
+                        correspondentAccount: suggestion.correspondentAccount,
+                    });
                 }
                 break;
             case ScISuggestionType.organization:
                 if ('inn' in suggestion && !('bic' in suggestion)) {
-                    this.control.control?.parent?.patchValue({
+                    (this.control.control?.parent).patchValue({
                         name: suggestion.name,
                         inn: suggestion.inn,
                         kpp: suggestion.kpp,
@@ -2408,23 +2398,25 @@ class ScSuggestionFieldComponent {
                         directorPosition: suggestion.directorPosition,
                         legalAddress: suggestion.legalAddress,
                         postalAddress: suggestion.postalAddress,
-                        actualAddress: suggestion.actualAddress
-                    }, { emitEvent: false });
+                        actualAddress: suggestion.actualAddress,
+                    });
                 }
                 break;
             case ScISuggestionType.email:
                 if ('email' in suggestion) {
-                    this.control.control?.patchValue(suggestion.email, { emitEvent: false });
+                    this.control.control?.patchValue(suggestion.email);
                 }
                 break;
+            default:
+                break;
         }
     }
 }
 ScSuggestionFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ScSuggestionFieldComponent, deps: [{ token: NgControl, skipSelf: true }, { token: i1.ScSuggestionService }], target: i0.ɵɵFactoryTarget.Component });
-ScSuggestionFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: ScSuggestionFieldComponent, selector: "sc-suggestion-field", inputs: { type: "type" }, ngImport: i0, template: "<tui-loader size=\"m\" [overlay]=\"true\" [showLoader]=\"!!(loading$ | async)\">\n    <tui-data-list *tuiLet=\"suggestions$ | async as options\">\n        <button *ngFor=\"let option of options\" tuiOption (click)=\"onSelected(option)\" class=\"flex-col !items-start\">\n            <ng-container *tuiLet=\"$any(option) as option\">\n                <ng-container [ngSwitch]=\"type\">\n                    <ng-container *ngSwitchCase=\"suggestionType.fio\">\n                        <span class=\"text-tui-link\">{{ option.fio }}</span>\n                    </ng-container>\n                    <ng-container *ngSwitchCase=\"suggestionType.organization\">\n                        <span class=\"text-tui-link\">\n                            {{ option.name }}\n                            <span class=\"ml-2 text-tui-text-02\">\u0438\u043D\u043D: {{ option.inn }}</span>\n                        </span>\n                        <span class=\"text-tui-text-02\">{{ option?.legalAddress }}</span>\n                    </ng-container>\n                    <ng-container *ngSwitchCase=\"suggestionType.bank\">\n                        <span class=\"text-tui-link\">{{ option.name }}</span>\n                        <span class=\"text-tui-text-02\">{{ option.bic }}</span>\n                    </ng-container>\n                    <ng-container *ngSwitchCase=\"suggestionType.email\">\n                        <span class=\"text-tui-link\">{{ option.email }}</span>\n                    </ng-container>\n                    <ng-container *ngSwitchCase=\"suggestionType.address\">\n                        <span class=\"text-tui-link\">{{ option.addressString }}</span>\n                    </ng-container>\n                </ng-container>\n            </ng-container>\n        </button>\n    </tui-data-list>\n</tui-loader>\n", dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i5.TuiLetDirective, selector: "[tuiLet]", inputs: ["tuiLet"] }, { kind: "component", type: i4.TuiDataListComponent, selector: "tui-data-list", inputs: ["role", "emptyContent", "size"] }, { kind: "component", type: i4.TuiOptionComponent, selector: "button[tuiOption], a[tuiOption]", inputs: ["size", "role", "disabled", "value"] }, { kind: "component", type: i4.TuiLoaderComponent, selector: "tui-loader", inputs: ["size", "inheritColor", "overlay", "textContent", "showLoader"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }] });
+ScSuggestionFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: ScSuggestionFieldComponent, selector: "sc-suggestion-field", inputs: { type: "type" }, ngImport: i0, template: "<tui-loader\n    size=\"m\"\n    [overlay]=\"true\"\n    [showLoader]=\"!!(loading$ | async)\"\n>\n    <tui-data-list *tuiLet=\"suggestions$ | async as options\">\n        <button\n            *ngFor=\"let option of options\"\n            tuiOption\n            (click)=\"onSelected(option)\"\n            class=\"flex-col !items-start\"\n        >\n            <ng-container *tuiLet=\"$any(option) as option\">\n                <ng-container [ngSwitch]=\"type\">\n                    <ng-container *ngSwitchCase=\"suggestionType.fio\">\n                        <span class=\"text-tui-link\">{{ option.fio }}</span>\n                    </ng-container>\n                    <ng-container *ngSwitchCase=\"suggestionType.organization\">\n                        <span class=\"text-tui-link\">\n                            {{ option.name }}\n                            <span class=\"ml-2 text-tui-text-02\">\u0438\u043D\u043D: {{ option.inn }}</span>\n                        </span>\n                        <span class=\"text-tui-text-02\">{{ option?.legalAddress }}</span>\n                    </ng-container>\n                    <ng-container *ngSwitchCase=\"suggestionType.bank\">\n                        <span class=\"text-tui-link\">{{ option.name }}</span>\n                        <span class=\"text-tui-text-02\">{{ option.bic }}</span>\n                    </ng-container>\n                    <ng-container *ngSwitchCase=\"suggestionType.email\">\n                        <span class=\"text-tui-link\">{{ option.email }}</span>\n                    </ng-container>\n                    <ng-container *ngSwitchCase=\"suggestionType.address\">\n                        <span class=\"text-tui-link\">{{ option.addressString }}</span>\n                    </ng-container>\n                </ng-container>\n            </ng-container>\n        </button>\n    </tui-data-list>\n</tui-loader>\n", dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i5.TuiLetDirective, selector: "[tuiLet]", inputs: ["tuiLet"] }, { kind: "component", type: i4.TuiDataListComponent, selector: "tui-data-list", inputs: ["role", "emptyContent", "size"] }, { kind: "component", type: i4.TuiOptionComponent, selector: "button[tuiOption], a[tuiOption]", inputs: ["size", "role", "disabled", "value"] }, { kind: "component", type: i4.TuiLoaderComponent, selector: "tui-loader", inputs: ["size", "inheritColor", "overlay", "textContent", "showLoader"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ScSuggestionFieldComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sc-suggestion-field', template: "<tui-loader size=\"m\" [overlay]=\"true\" [showLoader]=\"!!(loading$ | async)\">\n    <tui-data-list *tuiLet=\"suggestions$ | async as options\">\n        <button *ngFor=\"let option of options\" tuiOption (click)=\"onSelected(option)\" class=\"flex-col !items-start\">\n            <ng-container *tuiLet=\"$any(option) as option\">\n                <ng-container [ngSwitch]=\"type\">\n                    <ng-container *ngSwitchCase=\"suggestionType.fio\">\n                        <span class=\"text-tui-link\">{{ option.fio }}</span>\n                    </ng-container>\n                    <ng-container *ngSwitchCase=\"suggestionType.organization\">\n                        <span class=\"text-tui-link\">\n                            {{ option.name }}\n                            <span class=\"ml-2 text-tui-text-02\">\u0438\u043D\u043D: {{ option.inn }}</span>\n                        </span>\n                        <span class=\"text-tui-text-02\">{{ option?.legalAddress }}</span>\n                    </ng-container>\n                    <ng-container *ngSwitchCase=\"suggestionType.bank\">\n                        <span class=\"text-tui-link\">{{ option.name }}</span>\n                        <span class=\"text-tui-text-02\">{{ option.bic }}</span>\n                    </ng-container>\n                    <ng-container *ngSwitchCase=\"suggestionType.email\">\n                        <span class=\"text-tui-link\">{{ option.email }}</span>\n                    </ng-container>\n                    <ng-container *ngSwitchCase=\"suggestionType.address\">\n                        <span class=\"text-tui-link\">{{ option.addressString }}</span>\n                    </ng-container>\n                </ng-container>\n            </ng-container>\n        </button>\n    </tui-data-list>\n</tui-loader>\n" }]
+            args: [{ selector: 'sc-suggestion-field', changeDetection: ChangeDetectionStrategy.OnPush, template: "<tui-loader\n    size=\"m\"\n    [overlay]=\"true\"\n    [showLoader]=\"!!(loading$ | async)\"\n>\n    <tui-data-list *tuiLet=\"suggestions$ | async as options\">\n        <button\n            *ngFor=\"let option of options\"\n            tuiOption\n            (click)=\"onSelected(option)\"\n            class=\"flex-col !items-start\"\n        >\n            <ng-container *tuiLet=\"$any(option) as option\">\n                <ng-container [ngSwitch]=\"type\">\n                    <ng-container *ngSwitchCase=\"suggestionType.fio\">\n                        <span class=\"text-tui-link\">{{ option.fio }}</span>\n                    </ng-container>\n                    <ng-container *ngSwitchCase=\"suggestionType.organization\">\n                        <span class=\"text-tui-link\">\n                            {{ option.name }}\n                            <span class=\"ml-2 text-tui-text-02\">\u0438\u043D\u043D: {{ option.inn }}</span>\n                        </span>\n                        <span class=\"text-tui-text-02\">{{ option?.legalAddress }}</span>\n                    </ng-container>\n                    <ng-container *ngSwitchCase=\"suggestionType.bank\">\n                        <span class=\"text-tui-link\">{{ option.name }}</span>\n                        <span class=\"text-tui-text-02\">{{ option.bic }}</span>\n                    </ng-container>\n                    <ng-container *ngSwitchCase=\"suggestionType.email\">\n                        <span class=\"text-tui-link\">{{ option.email }}</span>\n                    </ng-container>\n                    <ng-container *ngSwitchCase=\"suggestionType.address\">\n                        <span class=\"text-tui-link\">{{ option.addressString }}</span>\n                    </ng-container>\n                </ng-container>\n            </ng-container>\n        </button>\n    </tui-data-list>\n</tui-loader>\n" }]
         }], ctorParameters: function () { return [{ type: i3.NgControl, decorators: [{
                     type: SkipSelf
                 }, {
@@ -4962,5 +4954,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { AuthMethod, FilesAndDocumentsComponent, FilesAndDocumentsModule, SC_LINEAR_VALUES, SC_LINEAR_VALUES_TOKEN, SC_LOADING_PAGINATION_CHANGE_INFO, SC_MIN_LENGTH_SEARCH_TERM, SC_NEXT_PAGE_PAGINATION_CHANGE_INFO, SC_NEXT_PAGE_PAGINATION_CLICK, SC_PRODUCT_PAGINATION_CHANGE_INFO, SC_PRODUCT_PAGINATION_CHANGE_PROVIDERS, SC_PRODUCT_PAGINATION_DEFAULT_OPTIONS, SC_PRODUCT_PAGINATION_OPTIONS, SC_PRODUCT_PAGINATION_PARAMS, SC_USER_INFO, SC_USER_PROVIDERS, ScAccordionComponent, ScAccordionContentDirective, ScAccordionModule, ScAddContactDialogComponent, ScAddContragentBankAccountsDialogComponent, ScAddContragentDialogComponent, ScAddDeliveryAddressDialogComponent, ScAddressesSelectionFieldComponent, ScAuthModule, ScBannerComponent, ScBannerModule, ScCarouselItemHiddenDirective, ScCarouselItemHiddenModule, ScCartItemMobileComponent, ScCartModule, ScCatalogModule, ScCategoriesListComponent, ScCategoryCardComponent, ScContactsAccordionComponent, ScContactsModule, ScContragentsAccordionComponent, ScContragentsAccordionItemComponent, ScContragentsModule, ScDeliveryAddressAccordionComponent, ScDeliveryAddressAccordionItemComponent, ScDeliveryAddressModule, ScFavoriteBtnComponent, ScFormFieldsModule, ScInputQuantityComponent, ScNewContactFormComponent, ScNewContragentBankAccountsFormComponent, ScNewContragentFormComponent, ScNewsCardComponent, ScNewsCardSkeletonComponent, ScNewsModule, ScOrderItemMobileComponent, ScOrderModule, ScPaymentStatusComponent, ScPriceCardComponent, ScPriceHistoryComponent, ScPriceListPaginationComponent, ScPriceWarehouseStockComponent, ScProfileAccordionsContentComponent, ScProfileModule, ScResetUserPasswordComponent, ScShareButtonComponent, ScShareButtonModule, ScSignInFormByEmailComponent, ScSignInFormByPhoneComponent, ScSignInFormComponent, ScSuggestionFieldComponent, ScUpdateUserInfoDialogComponent, ScUserModule, ScUserPhoneApproveDialogComponent, ScVerificationModule, ScVerificationPhoneCheckFormComponent, TreeDirective, TreeIconService, TreeLoaderService, TreeTopDirective, nextPageClickEvent, paginationParams$, scBicValidator, scClientUiIconsName, scCorrespondentAccountValidator, scPasswordConfirmMatchingValidator, scUserFactory, stepValidator };
+export { AuthMethod, FilesAndDocumentsComponent, FilesAndDocumentsModule, SC_LINEAR_VALUES, SC_LINEAR_VALUES_TOKEN, SC_LOADING_PAGINATION_CHANGE_INFO, SC_NEXT_PAGE_PAGINATION_CHANGE_INFO, SC_NEXT_PAGE_PAGINATION_CLICK, SC_PRODUCT_PAGINATION_CHANGE_INFO, SC_PRODUCT_PAGINATION_CHANGE_PROVIDERS, SC_PRODUCT_PAGINATION_DEFAULT_OPTIONS, SC_PRODUCT_PAGINATION_OPTIONS, SC_PRODUCT_PAGINATION_PARAMS, SC_USER_INFO, SC_USER_PROVIDERS, ScAccordionComponent, ScAccordionContentDirective, ScAccordionModule, ScAddContactDialogComponent, ScAddContragentBankAccountsDialogComponent, ScAddContragentDialogComponent, ScAddDeliveryAddressDialogComponent, ScAddressesSelectionFieldComponent, ScAuthModule, ScBannerComponent, ScBannerModule, ScCarouselItemHiddenDirective, ScCarouselItemHiddenModule, ScCartItemMobileComponent, ScCartModule, ScCatalogModule, ScCategoriesListComponent, ScCategoryCardComponent, ScContactsAccordionComponent, ScContactsModule, ScContragentsAccordionComponent, ScContragentsAccordionItemComponent, ScContragentsModule, ScDeliveryAddressAccordionComponent, ScDeliveryAddressAccordionItemComponent, ScDeliveryAddressModule, ScFavoriteBtnComponent, ScFormFieldsModule, ScInputQuantityComponent, ScNewContactFormComponent, ScNewContragentBankAccountsFormComponent, ScNewContragentFormComponent, ScNewsCardComponent, ScNewsCardSkeletonComponent, ScNewsModule, ScOrderItemMobileComponent, ScOrderModule, ScPaymentStatusComponent, ScPriceCardComponent, ScPriceHistoryComponent, ScPriceListPaginationComponent, ScPriceWarehouseStockComponent, ScProfileAccordionsContentComponent, ScProfileModule, ScResetUserPasswordComponent, ScShareButtonComponent, ScShareButtonModule, ScSignInFormByEmailComponent, ScSignInFormByPhoneComponent, ScSignInFormComponent, ScSuggestionFieldComponent, ScUpdateUserInfoDialogComponent, ScUserModule, ScUserPhoneApproveDialogComponent, ScVerificationModule, ScVerificationPhoneCheckFormComponent, TreeDirective, TreeIconService, TreeLoaderService, TreeTopDirective, nextPageClickEvent, paginationParams$, scBicValidator, scClientUiIconsName, scCorrespondentAccountValidator, scPasswordConfirmMatchingValidator, scUserFactory, stepValidator };
 //# sourceMappingURL=snabcentr-client-ui.mjs.map