npm - @snabcentr/client-ui - Versions diffs - 3.44.3 → 3.44.4 - Mend

@snabcentr/client-ui 3.44.3 → 3.44.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (8) hide show

package/esm2022/catalog/price-card-inline/sc-price-card-inline.component.mjs CHANGED Viewed

@@ -27,7 +27,7 @@ export class ScPriceCardInlineComponent extends AbstractScPriceCard {
         this.type = input('catalogItem');
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ScPriceCardInlineComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.13", type: ScPriceCardInlineComponent, isStandalone: true, selector: "sc-price-card-inline", inputs: { type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null } }, providers: [SEARCH_TERM_PROVIDERS], usesInheritance: true, ngImport: i0, template: "<div\n    *ngIf=\"product; else skeleton\"\n    class=\"card-wrapper relative flex w-full gap-4 rounded-xl p-1 hover:bg-tui-background-neutral-1\"\n>\n    <sc-hover-image-carousel\n        (click)=\"clickCardEvent.emit()\"\n        [images]=\"!isMobile ? getCardImagePreviewList(product) : [getCardImagePreview()]\"\n        [isShowActions]=\"false\"\n        class=\"size-24 shrink-0 cursor-pointer self-center\"\n    />\n    <div class=\"flex grow flex-col gap-1\">\n        <div\n            [tuiHighlight]=\"(search$ | async) ?? ''\"\n            class=\"text-tui-text-02\"\n        >\n            \u0410\u0440\u0442\u0438\u043A\u0443\u043B: {{ product.code }}\n        </div>\n        <div class=\"flex flex-col gap-1\">\n            <a\n                tuiLink\n                [attr.href]=\"href ?? null\"\n                [tuiHighlight]=\"(search$ | async) ?? ''\"\n                (click)=\"$event.preventDefault(); clickCardEvent.emit()\"\n                class=\"!text-body-m-bold\"\n            >\n                {{ product.name }}\n            </a>\n            <span\n                *ngIf=\"product.supplierSku\"\n                class=\"text-tui-text-02\"\n            >\n                \u0410\u0440\u0442\u0438\u043A\u0443\u043B \u043F\u0440\u043E\u0438\u0437\u0432\u043E\u0434\u0438\u0442\u0435\u043B\u044F: {{ product.supplierSku }}\n            </span>\n            <div\n                *ngIf=\"product?.pack\"\n                class=\"flex items-center gap-1 text-tui-text-02\"\n            >\n                \u041D\u043E\u0440\u043C\u0430 \u0443\u043F\u0430\u043A\u043E\u0432\u043A\u0438: {{ product.pack }}\n                <tui-icon\n                    *ngIf=\"product.ignoreMinCountCheck\"\n                    icon=\"@tui.package\"\n                    [tuiHint]=\"minCountHint\"\n                    [tuiHintShowDelay]=\"100\"\n                    tuiHintDirection=\"top\"\n                    class=\"text-body-xl text-tui-text-01 opacity-90\"\n                />\n                <ng-template #minCountHint>\n                    \u0414\u043E\u0441\u0442\u0443\u043F\u0435\u043D \u0437\u0430\u043A\u0430\u0437 <br />\n                    \u043F\u0440\u043E\u0438\u0437\u0432\u043E\u043B\u044C\u043D\u043E\u0433\u043E <br />\n                    \u043A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u0430\n                </ng-template>\n            </div>\n\n            <sc-cost-with-discount [product]=\"product\" />\n\n            <sc-price-warehouse-stock [product]=\"product\" />\n        </div>\n    </div>\n    <div class=\"flex w-40 shrink-0 flex-col justify-between\">\n        <div class=\"flex justify-end\">\n            <tui-avatar\n                *ngIf=\"product.isPreviouslyOrdered\"\n                src=\"@tui.history\"\n                size=\"s\"\n                [style.background]=\"'none'\"\n                [style.color]=\"'var(--tui-text-action)'\"\n            />\n            <sc-favorite-button\n                *ngIf=\"authStatus$ | async\"\n                (clickEvent)=\"clickFavoriteEvent.emit()\"\n                [showLoader]=\"favoriteShowLoader\"\n                [isFavorite]=\"product.isFavorite\"\n                [disabled]=\"!!product.primaryCategory?.isFavorite\"\n            />\n        </div>\n        <div class=\"flex gap-2\">\n            <button\n                *ngIf=\"!showQuantityControl\"\n                tuiButton\n                (click)=\"clickAddToCartEvent.emit(product)\"\n                [loading]=\"quantityShowLoader\"\n                size=\"s\"\n                iconStart=\"@tui.shopping-cart\"\n                class=\"grow !font-extrabold\"\n            >\n                \u0412 \u043A\u043E\u0440\u0437\u0438\u043D\u0443\n            </button>\n            <sc-input-quantity\n                #inputQuantity\n                [tuiAutoFocus]=\"autoFocuseQuantityInput()\"\n                *ngIf=\"showQuantityControl\"\n                [formControl]=\"quantityControl\"\n                size=\"m\"\n                [step]=\"unitsHelper.productMultiplicity(product)\"\n                [ignoreStepValidators]=\"product.ignoreMinCountCheck\"\n                [showLoader]=\"quantityShowLoader\"\n                (clickClearEvent)=\"clickClearEvent.emit(cartItem)\"\n                (keydown.enter)=\"inputQuantity.nativeFocusableElement?.blur()\"\n                class=\"w-full\"\n            />\n            <tui-avatar\n                *ngIf=\"product.cartItem && !showQuantityControl\"\n                src=\"@tui.check\"\n                size=\"s\"\n                [style.background]=\"'var(--tui-status-warning-pale)'\"\n                [style.color]=\"'var(--tui-background-accent-1)'\"\n            />\n        </div>\n    </div>\n</div>\n\n<ng-template #skeleton>\n    <div class=\"tui-skeleton flex h-[8.25rem] w-full overflow-hidden rounded-xl\"></div>\n</ng-template>\n", styles: [":host tui-badge{--t-padding: .25rem !important}:host .name{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4}:host .card-wrapper{font-size:.8125rem;line-height:1.25rem;font-weight:500}:host .card-wrapper .name,:host .card-wrapper .cost{font-size:.9375rem;line-height:1.5rem;font-weight:800}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "component", type: TuiIcon, selector: "tui-icon", inputs: ["icon", "background"] }, { kind: "ngmodule", type: TuiTextfieldControllerModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.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: TuiHighlight, selector: "[tuiHighlight]", inputs: ["tuiHighlight", "tuiHighlightColor"] }, { kind: "directive", type: TuiAutoFocus, selector: "[tuiAutoFocus]", inputs: ["tuiAutoFocus"] }, { kind: "component", type: TuiButtonLoading, selector: "[tuiButton][loading],[tuiIconButton][loading]", inputs: ["size", "loading"] }, { kind: "component", type: TuiAvatar, selector: "tui-avatar,button[tuiAvatar],a[tuiAvatar]", inputs: ["size", "round", "src"] }, { kind: "component", type: ScHoverImageCarouselComponent, selector: "sc-hover-image-carousel", inputs: ["images", "isShowActions", "productName"] }, { kind: "component", type: CostWithDiscountComponent, selector: "sc-cost-with-discount", inputs: ["product", "size"] }, { kind: "component", type: ScPriceWarehouseStockComponent, selector: "sc-price-warehouse-stock", inputs: ["classList", "product", "withStockHint", "fromMain"] }, { kind: "component", type: ScFavoriteButtonComponent, selector: "sc-favorite-button", inputs: ["isFavorite", "showLoader", "disabled"], outputs: ["clickEvent"] }, { kind: "component", type: ScInputQuantityComponent, selector: "sc-input-quantity", inputs: ["step", "showLoader", "showCross", "ignoreStepValidators", "appearance", "isDisabled", "size"], outputs: ["clickClearEvent"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.13", type: ScPriceCardInlineComponent, isStandalone: true, selector: "sc-price-card-inline", inputs: { type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null } }, providers: [SEARCH_TERM_PROVIDERS], usesInheritance: true, ngImport: i0, template: "<div\n    *ngIf=\"product; else skeleton\"\n    class=\"card-wrapper relative flex w-full gap-4 rounded-xl p-1 hover:bg-tui-background-neutral-1\"\n>\n    <sc-hover-image-carousel\n        (click)=\"clickCardEvent.emit()\"\n        [images]=\"!isMobile ? getCardImagePreviewList(product) : [getCardImagePreview()]\"\n        [isShowActions]=\"false\"\n        class=\"size-24 shrink-0 cursor-pointer self-center\"\n    />\n    <div class=\"flex grow flex-col gap-1\">\n        <div\n            style=\"display: none\"\n            data-noindex=\"true\"\n        ></div>\n        <div\n            [tuiHighlight]=\"(search$ | async) ?? ''\"\n            class=\"text-tui-text-02\"\n        >\n            \u0410\u0440\u0442\u0438\u043A\u0443\u043B: {{ product.code }}\n        </div>\n        <div\n            style=\"display: none\"\n            data-noindex=\"false\"\n        ></div>\n\n        <div class=\"flex flex-col gap-1\">\n            <a\n                tuiLink\n                [attr.href]=\"href ?? null\"\n                [tuiHighlight]=\"(search$ | async) ?? ''\"\n                (click)=\"$event.preventDefault(); clickCardEvent.emit()\"\n                class=\"!text-body-m-bold\"\n            >\n                {{ product.name }}\n            </a>\n\n            <div\n                style=\"display: none\"\n                data-noindex=\"true\"\n            ></div>\n            <span\n                *ngIf=\"product.supplierSku\"\n                class=\"text-tui-text-02\"\n            >\n                \u0410\u0440\u0442\u0438\u043A\u0443\u043B \u043F\u0440\u043E\u0438\u0437\u0432\u043E\u0434\u0438\u0442\u0435\u043B\u044F: {{ product.supplierSku }}\n            </span>\n            <div\n                style=\"display: none\"\n                data-noindex=\"false\"\n            ></div>\n\n            <div\n                style=\"display: none\"\n                data-noindex=\"true\"\n            ></div>\n            <div\n                *ngIf=\"product?.pack\"\n                class=\"flex items-center gap-1 text-tui-text-02\"\n            >\n                \u041D\u043E\u0440\u043C\u0430 \u0443\u043F\u0430\u043A\u043E\u0432\u043A\u0438: {{ product.pack }}\n                <tui-icon\n                    *ngIf=\"product.ignoreMinCountCheck\"\n                    icon=\"@tui.package\"\n                    [tuiHint]=\"minCountHint\"\n                    [tuiHintShowDelay]=\"100\"\n                    tuiHintDirection=\"top\"\n                    class=\"text-body-xl text-tui-text-01 opacity-90\"\n                />\n                <ng-template #minCountHint>\n                    \u0414\u043E\u0441\u0442\u0443\u043F\u0435\u043D \u0437\u0430\u043A\u0430\u0437 <br />\n                    \u043F\u0440\u043E\u0438\u0437\u0432\u043E\u043B\u044C\u043D\u043E\u0433\u043E <br />\n                    \u043A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u0430\n                </ng-template>\n            </div>\n            <div\n                style=\"display: none\"\n                data-noindex=\"false\"\n            ></div>\n\n            <sc-cost-with-discount [product]=\"product\" />\n\n            <div\n                style=\"display: none\"\n                data-noindex=\"true\"\n            ></div>\n            <sc-price-warehouse-stock [product]=\"product\" />\n            <div\n                style=\"display: none\"\n                data-noindex=\"false\"\n            ></div>\n        </div>\n    </div>\n\n    <div\n        style=\"display: none\"\n        data-noindex=\"true\"\n    ></div>\n    <div class=\"flex w-40 shrink-0 flex-col justify-between\">\n        <div class=\"flex justify-end\">\n            <tui-avatar\n                *ngIf=\"product.isPreviouslyOrdered\"\n                src=\"@tui.history\"\n                size=\"s\"\n                [style.background]=\"'none'\"\n                [style.color]=\"'var(--tui-text-action)'\"\n            />\n            <sc-favorite-button\n                *ngIf=\"authStatus$ | async\"\n                (clickEvent)=\"clickFavoriteEvent.emit()\"\n                [showLoader]=\"favoriteShowLoader\"\n                [isFavorite]=\"product.isFavorite\"\n                [disabled]=\"!!product.primaryCategory?.isFavorite\"\n            />\n        </div>\n        <div class=\"flex gap-2\">\n            <button\n                *ngIf=\"!showQuantityControl\"\n                tuiButton\n                (click)=\"clickAddToCartEvent.emit(product)\"\n                [loading]=\"quantityShowLoader\"\n                size=\"s\"\n                iconStart=\"@tui.shopping-cart\"\n                class=\"grow !font-extrabold\"\n            >\n                \u0412 \u043A\u043E\u0440\u0437\u0438\u043D\u0443\n            </button>\n            <sc-input-quantity\n                #inputQuantity\n                [tuiAutoFocus]=\"autoFocuseQuantityInput()\"\n                *ngIf=\"showQuantityControl\"\n                [formControl]=\"quantityControl\"\n                size=\"m\"\n                [step]=\"unitsHelper.productMultiplicity(product)\"\n                [ignoreStepValidators]=\"product.ignoreMinCountCheck\"\n                [showLoader]=\"quantityShowLoader\"\n                (clickClearEvent)=\"clickClearEvent.emit(cartItem)\"\n                (keydown.enter)=\"inputQuantity.nativeFocusableElement?.blur()\"\n                class=\"w-full\"\n            />\n            <tui-avatar\n                *ngIf=\"product.cartItem && !showQuantityControl\"\n                src=\"@tui.check\"\n                size=\"s\"\n                [style.background]=\"'var(--tui-status-warning-pale)'\"\n                [style.color]=\"'var(--tui-background-accent-1)'\"\n            />\n        </div>\n    </div>\n    <div\n        style=\"display: none\"\n        data-noindex=\"false\"\n    ></div>\n</div>\n\n<ng-template #skeleton>\n    <div class=\"tui-skeleton flex h-[8.25rem] w-full overflow-hidden rounded-xl\"></div>\n</ng-template>\n", styles: [":host tui-badge{--t-padding: .25rem !important}:host .name{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4}:host .card-wrapper{font-size:.8125rem;line-height:1.25rem;font-weight:500}:host .card-wrapper .name,:host .card-wrapper .cost{font-size:.9375rem;line-height:1.5rem;font-weight:800}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "component", type: TuiIcon, selector: "tui-icon", inputs: ["icon", "background"] }, { kind: "ngmodule", type: TuiTextfieldControllerModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.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: TuiHighlight, selector: "[tuiHighlight]", inputs: ["tuiHighlight", "tuiHighlightColor"] }, { kind: "directive", type: TuiAutoFocus, selector: "[tuiAutoFocus]", inputs: ["tuiAutoFocus"] }, { kind: "component", type: TuiButtonLoading, selector: "[tuiButton][loading],[tuiIconButton][loading]", inputs: ["size", "loading"] }, { kind: "component", type: TuiAvatar, selector: "tui-avatar,button[tuiAvatar],a[tuiAvatar]", inputs: ["size", "round", "src"] }, { kind: "component", type: ScHoverImageCarouselComponent, selector: "sc-hover-image-carousel", inputs: ["images", "isShowActions", "productName"] }, { kind: "component", type: CostWithDiscountComponent, selector: "sc-cost-with-discount", inputs: ["product", "size"] }, { kind: "component", type: ScPriceWarehouseStockComponent, selector: "sc-price-warehouse-stock", inputs: ["classList", "product", "withStockHint", "fromMain"] }, { kind: "component", type: ScFavoriteButtonComponent, selector: "sc-favorite-button", inputs: ["isFavorite", "showLoader", "disabled"], outputs: ["clickEvent"] }, { kind: "component", type: ScInputQuantityComponent, selector: "sc-input-quantity", inputs: ["step", "showLoader", "showCross", "ignoreStepValidators", "appearance", "isDisabled", "size"], outputs: ["clickClearEvent"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ScPriceCardInlineComponent, decorators: [{
             type: Component,
@@ -51,6 +51,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         ScFavoriteButtonComponent,
                         ScInputQuantityComponent,
                         ScFormatDatePipe,
-                    ], template: "<div\n    *ngIf=\"product; else skeleton\"\n    class=\"card-wrapper relative flex w-full gap-4 rounded-xl p-1 hover:bg-tui-background-neutral-1\"\n>\n    <sc-hover-image-carousel\n        (click)=\"clickCardEvent.emit()\"\n        [images]=\"!isMobile ? getCardImagePreviewList(product) : [getCardImagePreview()]\"\n        [isShowActions]=\"false\"\n        class=\"size-24 shrink-0 cursor-pointer self-center\"\n    />\n    <div class=\"flex grow flex-col gap-1\">\n        <div\n            [tuiHighlight]=\"(search$ | async) ?? ''\"\n            class=\"text-tui-text-02\"\n        >\n            \u0410\u0440\u0442\u0438\u043A\u0443\u043B: {{ product.code }}\n        </div>\n        <div class=\"flex flex-col gap-1\">\n            <a\n                tuiLink\n                [attr.href]=\"href ?? null\"\n                [tuiHighlight]=\"(search$ | async) ?? ''\"\n                (click)=\"$event.preventDefault(); clickCardEvent.emit()\"\n                class=\"!text-body-m-bold\"\n            >\n                {{ product.name }}\n            </a>\n            <span\n                *ngIf=\"product.supplierSku\"\n                class=\"text-tui-text-02\"\n            >\n                \u0410\u0440\u0442\u0438\u043A\u0443\u043B \u043F\u0440\u043E\u0438\u0437\u0432\u043E\u0434\u0438\u0442\u0435\u043B\u044F: {{ product.supplierSku }}\n            </span>\n            <div\n                *ngIf=\"product?.pack\"\n                class=\"flex items-center gap-1 text-tui-text-02\"\n            >\n                \u041D\u043E\u0440\u043C\u0430 \u0443\u043F\u0430\u043A\u043E\u0432\u043A\u0438: {{ product.pack }}\n                <tui-icon\n                    *ngIf=\"product.ignoreMinCountCheck\"\n                    icon=\"@tui.package\"\n                    [tuiHint]=\"minCountHint\"\n                    [tuiHintShowDelay]=\"100\"\n                    tuiHintDirection=\"top\"\n                    class=\"text-body-xl text-tui-text-01 opacity-90\"\n                />\n                <ng-template #minCountHint>\n                    \u0414\u043E\u0441\u0442\u0443\u043F\u0435\u043D \u0437\u0430\u043A\u0430\u0437 <br />\n                    \u043F\u0440\u043E\u0438\u0437\u0432\u043E\u043B\u044C\u043D\u043E\u0433\u043E <br />\n                    \u043A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u0430\n                </ng-template>\n            </div>\n\n            <sc-cost-with-discount [product]=\"product\" />\n\n            <sc-price-warehouse-stock [product]=\"product\" />\n        </div>\n    </div>\n    <div class=\"flex w-40 shrink-0 flex-col justify-between\">\n        <div class=\"flex justify-end\">\n            <tui-avatar\n                *ngIf=\"product.isPreviouslyOrdered\"\n                src=\"@tui.history\"\n                size=\"s\"\n                [style.background]=\"'none'\"\n                [style.color]=\"'var(--tui-text-action)'\"\n            />\n            <sc-favorite-button\n                *ngIf=\"authStatus$ | async\"\n                (clickEvent)=\"clickFavoriteEvent.emit()\"\n                [showLoader]=\"favoriteShowLoader\"\n                [isFavorite]=\"product.isFavorite\"\n                [disabled]=\"!!product.primaryCategory?.isFavorite\"\n            />\n        </div>\n        <div class=\"flex gap-2\">\n            <button\n                *ngIf=\"!showQuantityControl\"\n                tuiButton\n                (click)=\"clickAddToCartEvent.emit(product)\"\n                [loading]=\"quantityShowLoader\"\n                size=\"s\"\n                iconStart=\"@tui.shopping-cart\"\n                class=\"grow !font-extrabold\"\n            >\n                \u0412 \u043A\u043E\u0440\u0437\u0438\u043D\u0443\n            </button>\n            <sc-input-quantity\n                #inputQuantity\n                [tuiAutoFocus]=\"autoFocuseQuantityInput()\"\n                *ngIf=\"showQuantityControl\"\n                [formControl]=\"quantityControl\"\n                size=\"m\"\n                [step]=\"unitsHelper.productMultiplicity(product)\"\n                [ignoreStepValidators]=\"product.ignoreMinCountCheck\"\n                [showLoader]=\"quantityShowLoader\"\n                (clickClearEvent)=\"clickClearEvent.emit(cartItem)\"\n                (keydown.enter)=\"inputQuantity.nativeFocusableElement?.blur()\"\n                class=\"w-full\"\n            />\n            <tui-avatar\n                *ngIf=\"product.cartItem && !showQuantityControl\"\n                src=\"@tui.check\"\n                size=\"s\"\n                [style.background]=\"'var(--tui-status-warning-pale)'\"\n                [style.color]=\"'var(--tui-background-accent-1)'\"\n            />\n        </div>\n    </div>\n</div>\n\n<ng-template #skeleton>\n    <div class=\"tui-skeleton flex h-[8.25rem] w-full overflow-hidden rounded-xl\"></div>\n</ng-template>\n", styles: [":host tui-badge{--t-padding: .25rem !important}:host .name{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4}:host .card-wrapper{font-size:.8125rem;line-height:1.25rem;font-weight:500}:host .card-wrapper .name,:host .card-wrapper .cost{font-size:.9375rem;line-height:1.5rem;font-weight:800}\n"] }]
+                    ], template: "<div\n    *ngIf=\"product; else skeleton\"\n    class=\"card-wrapper relative flex w-full gap-4 rounded-xl p-1 hover:bg-tui-background-neutral-1\"\n>\n    <sc-hover-image-carousel\n        (click)=\"clickCardEvent.emit()\"\n        [images]=\"!isMobile ? getCardImagePreviewList(product) : [getCardImagePreview()]\"\n        [isShowActions]=\"false\"\n        class=\"size-24 shrink-0 cursor-pointer self-center\"\n    />\n    <div class=\"flex grow flex-col gap-1\">\n        <div\n            style=\"display: none\"\n            data-noindex=\"true\"\n        ></div>\n        <div\n            [tuiHighlight]=\"(search$ | async) ?? ''\"\n            class=\"text-tui-text-02\"\n        >\n            \u0410\u0440\u0442\u0438\u043A\u0443\u043B: {{ product.code }}\n        </div>\n        <div\n            style=\"display: none\"\n            data-noindex=\"false\"\n        ></div>\n\n        <div class=\"flex flex-col gap-1\">\n            <a\n                tuiLink\n                [attr.href]=\"href ?? null\"\n                [tuiHighlight]=\"(search$ | async) ?? ''\"\n                (click)=\"$event.preventDefault(); clickCardEvent.emit()\"\n                class=\"!text-body-m-bold\"\n            >\n                {{ product.name }}\n            </a>\n\n            <div\n                style=\"display: none\"\n                data-noindex=\"true\"\n            ></div>\n            <span\n                *ngIf=\"product.supplierSku\"\n                class=\"text-tui-text-02\"\n            >\n                \u0410\u0440\u0442\u0438\u043A\u0443\u043B \u043F\u0440\u043E\u0438\u0437\u0432\u043E\u0434\u0438\u0442\u0435\u043B\u044F: {{ product.supplierSku }}\n            </span>\n            <div\n                style=\"display: none\"\n                data-noindex=\"false\"\n            ></div>\n\n            <div\n                style=\"display: none\"\n                data-noindex=\"true\"\n            ></div>\n            <div\n                *ngIf=\"product?.pack\"\n                class=\"flex items-center gap-1 text-tui-text-02\"\n            >\n                \u041D\u043E\u0440\u043C\u0430 \u0443\u043F\u0430\u043A\u043E\u0432\u043A\u0438: {{ product.pack }}\n                <tui-icon\n                    *ngIf=\"product.ignoreMinCountCheck\"\n                    icon=\"@tui.package\"\n                    [tuiHint]=\"minCountHint\"\n                    [tuiHintShowDelay]=\"100\"\n                    tuiHintDirection=\"top\"\n                    class=\"text-body-xl text-tui-text-01 opacity-90\"\n                />\n                <ng-template #minCountHint>\n                    \u0414\u043E\u0441\u0442\u0443\u043F\u0435\u043D \u0437\u0430\u043A\u0430\u0437 <br />\n                    \u043F\u0440\u043E\u0438\u0437\u0432\u043E\u043B\u044C\u043D\u043E\u0433\u043E <br />\n                    \u043A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u0430\n                </ng-template>\n            </div>\n            <div\n                style=\"display: none\"\n                data-noindex=\"false\"\n            ></div>\n\n            <sc-cost-with-discount [product]=\"product\" />\n\n            <div\n                style=\"display: none\"\n                data-noindex=\"true\"\n            ></div>\n            <sc-price-warehouse-stock [product]=\"product\" />\n            <div\n                style=\"display: none\"\n                data-noindex=\"false\"\n            ></div>\n        </div>\n    </div>\n\n    <div\n        style=\"display: none\"\n        data-noindex=\"true\"\n    ></div>\n    <div class=\"flex w-40 shrink-0 flex-col justify-between\">\n        <div class=\"flex justify-end\">\n            <tui-avatar\n                *ngIf=\"product.isPreviouslyOrdered\"\n                src=\"@tui.history\"\n                size=\"s\"\n                [style.background]=\"'none'\"\n                [style.color]=\"'var(--tui-text-action)'\"\n            />\n            <sc-favorite-button\n                *ngIf=\"authStatus$ | async\"\n                (clickEvent)=\"clickFavoriteEvent.emit()\"\n                [showLoader]=\"favoriteShowLoader\"\n                [isFavorite]=\"product.isFavorite\"\n                [disabled]=\"!!product.primaryCategory?.isFavorite\"\n            />\n        </div>\n        <div class=\"flex gap-2\">\n            <button\n                *ngIf=\"!showQuantityControl\"\n                tuiButton\n                (click)=\"clickAddToCartEvent.emit(product)\"\n                [loading]=\"quantityShowLoader\"\n                size=\"s\"\n                iconStart=\"@tui.shopping-cart\"\n                class=\"grow !font-extrabold\"\n            >\n                \u0412 \u043A\u043E\u0440\u0437\u0438\u043D\u0443\n            </button>\n            <sc-input-quantity\n                #inputQuantity\n                [tuiAutoFocus]=\"autoFocuseQuantityInput()\"\n                *ngIf=\"showQuantityControl\"\n                [formControl]=\"quantityControl\"\n                size=\"m\"\n                [step]=\"unitsHelper.productMultiplicity(product)\"\n                [ignoreStepValidators]=\"product.ignoreMinCountCheck\"\n                [showLoader]=\"quantityShowLoader\"\n                (clickClearEvent)=\"clickClearEvent.emit(cartItem)\"\n                (keydown.enter)=\"inputQuantity.nativeFocusableElement?.blur()\"\n                class=\"w-full\"\n            />\n            <tui-avatar\n                *ngIf=\"product.cartItem && !showQuantityControl\"\n                src=\"@tui.check\"\n                size=\"s\"\n                [style.background]=\"'var(--tui-status-warning-pale)'\"\n                [style.color]=\"'var(--tui-background-accent-1)'\"\n            />\n        </div>\n    </div>\n    <div\n        style=\"display: none\"\n        data-noindex=\"false\"\n    ></div>\n</div>\n\n<ng-template #skeleton>\n    <div class=\"tui-skeleton flex h-[8.25rem] w-full overflow-hidden rounded-xl\"></div>\n</ng-template>\n", styles: [":host tui-badge{--t-padding: .25rem !important}:host .name{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4}:host .card-wrapper{font-size:.8125rem;line-height:1.25rem;font-weight:500}:host .card-wrapper .name,:host .card-wrapper .cost{font-size:.9375rem;line-height:1.5rem;font-weight:800}\n"] }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2MtcHJpY2UtY2FyZC1pbmxpbmUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY2xpZW50LXVpL2NhdGFsb2cvcHJpY2UtY2FyZC1pbmxpbmUvc2MtcHJpY2UtY2FyZC1pbmxpbmUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY2xpZW50LXVpL2NhdGFsb2cvcHJpY2UtY2FyZC1pbmxpbmUvc2MtcHJpY2UtY2FyZC1pbmxpbmUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzFFLE9BQU8sRUFBRSxXQUFXLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUNsRSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDL0QsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUM3QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE9BQU8sRUFBRSxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDdEUsT0FBTyxFQUFFLFNBQVMsRUFBRSxnQkFBZ0IsRUFBRSxZQUFZLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDMUUsT0FBTyxFQUFFLDRCQUE0QixFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFFaEUsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFDdkQsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFDOUQsT0FBTyxFQUFFLHlCQUF5QixFQUFFLE1BQU0sb0RBQW9ELENBQUM7QUFDL0YsT0FBTyxFQUFFLDZCQUE2QixFQUFFLE1BQU0sMkRBQTJELENBQUM7QUFDMUcsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0sK0NBQStDLENBQUM7QUFDekYsT0FBTyxFQUFFLDhCQUE4QixFQUFFLE1BQU0sNkRBQTZELENBQUM7QUFDN0csT0FBTyxFQUFFLHlCQUF5QixFQUFFLE1BQU0sb0RBQW9ELENBQUM7Ozs7O0FBRS9GOztHQUVHO0FBOEJILE1BQU0sT0FBTywwQkFBMkIsU0FBUSxtQkFBbUI7SUE3Qm5FOztRQThCb0IsU0FBSSxHQUFHLEtBQUssQ0FBMkMsYUFBYSxDQUFDLENBQUM7S0FDekY7K0dBRlksMEJBQTBCO21HQUExQiwwQkFBMEIsb01BeEJ4QixDQUFDLHFCQUFxQixDQUFDLGlEQzFCdEMsbXhKQWtIQSxnWURyRlEsWUFBWSx1TEFDWixZQUFZLCtCQUNaLFNBQVMsb0lBQ1QsT0FBTyxvRkFDUCw0QkFBNEIsOEJBQzVCLFdBQVcsc0lBQ1gsbUJBQW1CLDBYQUVuQixPQUFPLDRGQUNQLFlBQVksMEdBQ1osWUFBWSxxRkFDWixnQkFBZ0IsdUhBQ2hCLFNBQVMsd0hBQ1QsNkJBQTZCLHdIQUM3Qix5QkFBeUIsK0ZBQ3pCLDhCQUE4QixvSUFDOUIseUJBQXlCLDBJQUN6Qix3QkFBd0I7OzRGQUluQiwwQkFBMEI7a0JBN0J0QyxTQUFTO2lDQUNNLElBQUksWUFDTixzQkFBc0IsYUFHckIsQ0FBQyxxQkFBcUIsQ0FBQyxtQkFDakIsdUJBQXVCLENBQUMsTUFBTSxXQUN0Qzt3QkFDTCxZQUFZO3dCQUNaLFlBQVk7d0JBQ1osU0FBUzt3QkFDVCxPQUFPO3dCQUNQLDRCQUE0Qjt3QkFDNUIsV0FBVzt3QkFDWCxtQkFBbUI7d0JBQ25CLEdBQUcsT0FBTzt3QkFDVixPQUFPO3dCQUNQLFlBQVk7d0JBQ1osWUFBWTt3QkFDWixnQkFBZ0I7d0JBQ2hCLFNBQVM7d0JBQ1QsNkJBQTZCO3dCQUM3Qix5QkFBeUI7d0JBQ3pCLDhCQUE4Qjt3QkFDOUIseUJBQXlCO3dCQUN6Qix3QkFBd0I7d0JBQ3hCLGdCQUFnQjtxQkFDbkIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgaW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEZvcm1zTW9kdWxlLCBSZWFjdGl2ZUZvcm1zTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgUm91dGVyTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvcm91dGVyJztcbmltcG9ydCB7IFNFQVJDSF9URVJNX1BST1ZJREVSUyB9IGZyb20gJ0BzbmFiY2VudHIvY2xpZW50LWNvcmUnO1xuaW1wb3J0IHsgVHVpQXV0b0ZvY3VzIH0gZnJvbSAnQHRhaWdhLXVpL2Nkayc7XG5pbXBvcnQgeyBUdWlCdXR0b24sIFR1aUhpbnQsIFR1aUljb24sIFR1aUxpbmsgfSBmcm9tICdAdGFpZ2EtdWkvY29yZSc7XG5pbXBvcnQgeyBUdWlBdmF0YXIsIFR1aUJ1dHRvbkxvYWRpbmcsIFR1aUhpZ2hsaWdodCB9IGZyb20gJ0B0YWlnYS11aS9raXQnO1xuaW1wb3J0IHsgVHVpVGV4dGZpZWxkQ29udHJvbGxlck1vZHVsZSB9IGZyb20gJ0B0YWlnYS11aS9sZWdhY3knO1xuXG5pbXBvcnQgeyBBYnN0cmFjdFNjUHJpY2VDYXJkIH0gZnJvbSAnLi4vLi4vZGlyZWN0aXZlcyc7XG5pbXBvcnQgeyBTY0Zvcm1hdERhdGVQaXBlIH0gZnJvbSAnLi4vLi4vcGlwZXMvc2MtZm9ybWF0LWRhdGUnO1xuaW1wb3J0IHsgQ29zdFdpdGhEaXNjb3VudENvbXBvbmVudCB9IGZyb20gJy4uL2Nvc3Qtd2l0aC1kaXNjb3VudC9jb3N0LXdpdGgtZGlzY291bnQuY29tcG9uZW50JztcbmltcG9ydCB7IFNjSG92ZXJJbWFnZUNhcm91c2VsQ29tcG9uZW50IH0gZnJvbSAnLi4vaG92ZXItaW1hZ2UtY2Fyb3VzZWwvc2MtaG92ZXItaW1hZ2UtY2Fyb3VzZWwuY29tcG9uZW50JztcbmltcG9ydCB7IFNjSW5wdXRRdWFudGl0eUNvbXBvbmVudCB9IGZyb20gJy4uL2lucHV0LXF1YW50aXR5L3NjLWlucHV0LXF1YW50aXR5LmNvbXBvbmVudCc7XG5pbXBvcnQgeyBTY1ByaWNlV2FyZWhvdXNlU3RvY2tDb21wb25lbnQgfSBmcm9tICcuLi9wcmljZS13YXJlaG91c2Utc3RvY2svc2MtcHJpY2Utd2FyZWhvdXNlLXN0b2NrLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBTY0Zhdm9yaXRlQnV0dG9uQ29tcG9uZW50IH0gZnJvbSAnLi4vc2MtZmF2b3JpdGUtYnV0dG9uL3NjLWZhdm9yaXRlLWJ1dHRvbi5jb21wb25lbnQnO1xuXG4vKipcbiAqINCa0L7QvNC/0L7QvdC10L3RgiDQutCw0YDRgtC+0YfQutC4INGC0L7QstCw0YDQsCDQstC+INCy0YHRjiDRgdGC0YDQvtC60YMuXG4gKi9cbkBDb21wb25lbnQoe1xuICAgIHN0YW5kYWxvbmU6IHRydWUsXG4gICAgc2VsZWN0b3I6ICdzYy1wcmljZS1jYXJkLWlubGluZScsXG4gICAgdGVtcGxhdGVVcmw6ICcuL3NjLXByaWNlLWNhcmQtaW5saW5lLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybDogJy4vc2MtcHJpY2UtY2FyZC1pbmxpbmUuY29tcG9uZW50LnNjc3MnLFxuICAgIHByb3ZpZGVyczogW1NFQVJDSF9URVJNX1BST1ZJREVSU10sXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gICAgaW1wb3J0czogW1xuICAgICAgICBDb21tb25Nb2R1bGUsXG4gICAgICAgIFJvdXRlck1vZHVsZSxcbiAgICAgICAgVHVpQnV0dG9uLFxuICAgICAgICBUdWlJY29uLFxuICAgICAgICBUdWlUZXh0ZmllbGRDb250cm9sbGVyTW9kdWxlLFxuICAgICAgICBGb3Jtc01vZHVsZSxcbiAgICAgICAgUmVhY3RpdmVGb3Jtc01vZHVsZSxcbiAgICAgICAgLi4uVHVpSGludCxcbiAgICAgICAgVHVpTGluayxcbiAgICAgICAgVHVpSGlnaGxpZ2h0LFxuICAgICAgICBUdWlBdXRvRm9jdXMsXG4gICAgICAgIFR1aUJ1dHRvbkxvYWRpbmcsXG4gICAgICAgIFR1aUF2YXRhcixcbiAgICAgICAgU2NIb3ZlckltYWdlQ2Fyb3VzZWxDb21wb25lbnQsXG4gICAgICAgIENvc3RXaXRoRGlzY291bnRDb21wb25lbnQsXG4gICAgICAgIFNjUHJpY2VXYXJlaG91c2VTdG9ja0NvbXBvbmVudCxcbiAgICAgICAgU2NGYXZvcml0ZUJ1dHRvbkNvbXBvbmVudCxcbiAgICAgICAgU2NJbnB1dFF1YW50aXR5Q29tcG9uZW50LFxuICAgICAgICBTY0Zvcm1hdERhdGVQaXBlLFxuICAgIF0sXG59KVxuZXhwb3J0IGNsYXNzIFNjUHJpY2VDYXJkSW5saW5lQ29tcG9uZW50IGV4dGVuZHMgQWJzdHJhY3RTY1ByaWNlQ2FyZCB7XG4gICAgcHVibGljIHJlYWRvbmx5IHR5cGUgPSBpbnB1dDwnY2F0YWxvZ0l0ZW0nIHwgJ2NhcnRJdGVtJyB8ICdvcmRlckl0ZW0nPignY2F0YWxvZ0l0ZW0nKTtcbn1cbiIsIjxkaXZcbiAgICAqbmdJZj1cInByb2R1Y3Q7IGVsc2Ugc2tlbGV0b25cIlxuICAgIGNsYXNzPVwiY2FyZC13cmFwcGVyIHJlbGF0aXZlIGZsZXggdy1mdWxsIGdhcC00IHJvdW5kZWQteGwgcC0xIGhvdmVyOmJnLXR1aS1iYWNrZ3JvdW5kLW5ldXRyYWwtMVwiXG4+XG4gICAgPHNjLWhvdmVyLWltYWdlLWNhcm91c2VsXG4gICAgICAgIChjbGljayk9XCJjbGlja0NhcmRFdmVudC5lbWl0KClcIlxuICAgICAgICBbaW1hZ2VzXT1cIiFpc01vYmlsZSA/IGdldENhcmRJbWFnZVByZXZpZXdMaXN0KHByb2R1Y3QpIDogW2dldENhcmRJbWFnZVByZXZpZXcoKV1cIlxuICAgICAgICBbaXNTaG93QWN0aW9uc109XCJmYWxzZVwiXG4gICAgICAgIGNsYXNzPVwic2l6ZS0yNCBzaHJpbmstMCBjdXJzb3ItcG9pbnRlciBzZWxmLWNlbnRlclwiXG4gICAgLz5cbiAgICA8ZGl2IGNsYXNzPVwiZmxleCBncm93IGZsZXgtY29sIGdhcC0xXCI+XG4gICAgICAgIDxkaXZcbiAgICAgICAgICAgIFt0dWlIaWdobGlnaHRdPVwiKHNlYXJjaCQgfCBhc3luYykgPz8gJydcIlxuICAgICAgICAgICAgY2xhc3M9XCJ0ZXh0LXR1aS10ZXh0LTAyXCJcbiAgICAgICAgPlxuICAgICAgICAgICAg0JDRgNGC0LjQutGD0Ls6IHt7IHByb2R1Y3QuY29kZSB9fVxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImZsZXggZmxleC1jb2wgZ2FwLTFcIj5cbiAgICAgICAgICAgIDxhXG4gICAgICAgICAgICAgICAgdHVpTGlua1xuICAgICAgICAgICAgICAgIFthdHRyLmhyZWZdPVwiaHJlZiA/PyBudWxsXCJcbiAgICAgICAgICAgICAgICBbdHVpSGlnaGxpZ2h0XT1cIihzZWFyY2gkIHwgYXN5bmMpID8/ICcnXCJcbiAgICAgICAgICAgICAgICAoY2xpY2spPVwiJGV2ZW50LnByZXZlbnREZWZhdWx0KCk7IGNsaWNrQ2FyZEV2ZW50LmVtaXQoKVwiXG4gICAgICAgICAgICAgICAgY2xhc3M9XCIhdGV4dC1ib2R5LW0tYm9sZFwiXG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAge3sgcHJvZHVjdC5uYW1lIH19XG4gICAgICAgICAgICA8L2E+XG4gICAgICAgICAgICA8c3BhblxuICAgICAgICAgICAgICAgICpuZ0lmPVwicHJvZHVjdC5zdXBwbGllclNrdVwiXG4gICAgICAgICAgICAgICAgY2xhc3M9XCJ0ZXh0LXR1aS10ZXh0LTAyXCJcbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICDQkNGA0YLQuNC60YPQuyDQv9GA0L7QuNC30LLQvtC00LjRgtC10LvRjzoge3sgcHJvZHVjdC5zdXBwbGllclNrdSB9fVxuICAgICAgICAgICAgPC9zcGFuPlxuICAgICAgICAgICAgPGRpdlxuICAgICAgICAgICAgICAgICpuZ0lmPVwicHJvZHVjdD8ucGFja1wiXG4gICAgICAgICAgICAgICAgY2xhc3M9XCJmbGV4IGl0ZW1zLWNlbnRlciBnYXAtMSB0ZXh0LXR1aS10ZXh0LTAyXCJcbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICDQndC+0YDQvNCwINGD0L/QsNC60L7QstC60Lg6IHt7IHByb2R1Y3QucGFjayB9fVxuICAgICAgICAgICAgICAgIDx0dWktaWNvblxuICAgICAgICAgICAgICAgICAgICAqbmdJZj1cInByb2R1Y3QuaWdub3JlTWluQ291bnRDaGVja1wiXG4gICAgICAgICAgICAgICAgICAgIGljb249XCJAdHVpLnBhY2thZ2VcIlxuICAgICAgICAgICAgICAgICAgICBbdHVpSGludF09XCJtaW5Db3VudEhpbnRcIlxuICAgICAgICAgICAgICAgICAgICBbdHVpSGludFNob3dEZWxheV09XCIxMDBcIlxuICAgICAgICAgICAgICAgICAgICB0dWlIaW50RGlyZWN0aW9uPVwidG9wXCJcbiAgICAgICAgICAgICAgICAgICAgY2xhc3M9XCJ0ZXh0LWJvZHkteGwgdGV4dC10dWktdGV4dC0wMSBvcGFjaXR5LTkwXCJcbiAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgIDxuZy10ZW1wbGF0ZSAjbWluQ291bnRIaW50PlxuICAgICAgICAgICAgICAgICAgICDQlNC+0YHRgtGD0L/QtdC9INC30LDQutCw0LcgPGJyIC8+XG4gICAgICAgICAgICAgICAgICAgINC/0YDQvtC40LfQstC+0LvRjNC90L7Qs9C+IDxiciAvPlxuICAgICAgICAgICAgICAgICAgICDQutC+0LvQuNGH0LXRgdGC0LLQsFxuICAgICAgICAgICAgICAgIDwvbmctdGVtcGxhdGU+XG4gICAgICAgICAgICA8L2Rpdj5cblxuICAgICAgICAgICAgPHNjLWNvc3Qtd2l0aC1kaXNjb3VudCBbcHJvZHVjdF09XCJwcm9kdWN0XCIgLz5cblxuICAgICAgICAgICAgPHNjLXByaWNlLXdhcmVob3VzZS1zdG9jayBbcHJvZHVjdF09XCJwcm9kdWN0XCIgLz5cbiAgICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cImZsZXggdy00MCBzaHJpbmstMCBmbGV4LWNvbCBqdXN0aWZ5LWJldHdlZW5cIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImZsZXgganVzdGlmeS1lbmRcIj5cbiAgICAgICAgICAgIDx0dWktYXZhdGFyXG4gICAgICAgICAgICAgICAgKm5nSWY9XCJwcm9kdWN0LmlzUHJldmlvdXNseU9yZGVyZWRcIlxuICAgICAgICAgICAgICAgIHNyYz1cIkB0dWkuaGlzdG9yeVwiXG4gICAgICAgICAgICAgICAgc2l6ZT1cInNcIlxuICAgICAgICAgICAgICAgIFtzdHlsZS5iYWNrZ3JvdW5kXT1cIidub25lJ1wiXG4gICAgICAgICAgICAgICAgW3N0eWxlLmNvbG9yXT1cIid2YXIoLS10dWktdGV4dC1hY3Rpb24pJ1wiXG4gICAgICAgICAgICAvPlxuICAgICAgICAgICAgPHNjLWZhdm9yaXRlLWJ1dHRvblxuICAgICAgICAgICAgICAgICpuZ0lmPVwiYXV0aFN0YXR1cyQgfCBhc3luY1wiXG4gICAgICAgICAgICAgICAgKGNsaWNrRXZlbnQpPVwiY2xpY2tGYXZvcml0ZUV2ZW50LmVtaXQoKVwiXG4gICAgICAgICAgICAgICAgW3Nob3dMb2FkZXJdPVwiZmF2b3JpdGVTaG93TG9hZGVyXCJcbiAgICAgICAgICAgICAgICBbaXNGYXZvcml0ZV09XCJwcm9kdWN0LmlzRmF2b3JpdGVcIlxuICAgICAgICAgICAgICAgIFtkaXNhYmxlZF09XCIhIXByb2R1Y3QucHJpbWFyeUNhdGVnb3J5Py5pc0Zhdm9yaXRlXCJcbiAgICAgICAgICAgIC8+XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8ZGl2IGNsYXNzPVwiZmxleCBnYXAtMlwiPlxuICAgICAgICAgICAgPGJ1dHRvblxuICAgICAgICAgICAgICAgICpuZ0lmPVwiIXNob3dRdWFudGl0eUNvbnRyb2xcIlxuICAgICAgICAgICAgICAgIHR1aUJ1dHRvblxuICAgICAgICAgICAgICAgIChjbGljayk9XCJjbGlja0FkZFRvQ2FydEV2ZW50LmVtaXQocHJvZHVjdClcIlxuICAgICAgICAgICAgICAgIFtsb2FkaW5nXT1cInF1YW50aXR5U2hvd0xvYWRlclwiXG4gICAgICAgICAgICAgICAgc2l6ZT1cInNcIlxuICAgICAgICAgICAgICAgIGljb25TdGFydD1cIkB0dWkuc2hvcHBpbmctY2FydFwiXG4gICAgICAgICAgICAgICAgY2xhc3M9XCJncm93ICFmb250LWV4dHJhYm9sZFwiXG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAg0JIg0LrQvtGA0LfQuNC90YNcbiAgICAgICAgICAgIDwvYnV0dG9uPlxuICAgICAgICAgICAgPHNjLWlucHV0LXF1YW50aXR5XG4gICAgICAgICAgICAgICAgI2lucHV0UXVhbnRpdHlcbiAgICAgICAgICAgICAgICBbdHVpQXV0b0ZvY3VzXT1cImF1dG9Gb2N1c2VRdWFudGl0eUlucHV0KClcIlxuICAgICAgICAgICAgICAgICpuZ0lmPVwic2hvd1F1YW50aXR5Q29udHJvbFwiXG4gICAgICAgICAgICAgICAgW2Zvcm1Db250cm9sXT1cInF1YW50aXR5Q29udHJvbFwiXG4gICAgICAgICAgICAgICAgc2l6ZT1cIm1cIlxuICAgICAgICAgICAgICAgIFtzdGVwXT1cInVuaXRzSGVscGVyLnByb2R1Y3RNdWx0aXBsaWNpdHkocHJvZHVjdClcIlxuICAgICAgICAgICAgICAgIFtpZ25vcmVTdGVwVmFsaWRhdG9yc109XCJwcm9kdWN0Lmlnbm9yZU1pbkNvdW50Q2hlY2tcIlxuICAgICAgICAgICAgICAgIFtzaG93TG9hZGVyXT1cInF1YW50aXR5U2hvd0xvYWRlclwiXG4gICAgICAgICAgICAgICAgKGNsaWNrQ2xlYXJFdmVudCk9XCJjbGlja0NsZWFyRXZlbnQuZW1pdChjYXJ0SXRlbSlcIlxuICAgICAgICAgICAgICAgIChrZXlkb3duLmVudGVyKT1cImlucHV0UXVhbnRpdHkubmF0aXZlRm9jdXNhYmxlRWxlbWVudD8uYmx1cigpXCJcbiAgICAgICAgICAgICAgICBjbGFzcz1cInctZnVsbFwiXG4gICAgICAgICAgICAvPlxuICAgICAgICAgICAgPHR1aS1hdmF0YXJcbiAgICAgICAgICAgICAgICAqbmdJZj1cInByb2R1Y3QuY2FydEl0ZW0gJiYgIXNob3dRdWFudGl0eUNvbnRyb2xcIlxuICAgICAgICAgICAgICAgIHNyYz1cIkB0dWkuY2hlY2tcIlxuICAgICAgICAgICAgICAgIHNpemU9XCJzXCJcbiAgICAgICAgICAgICAgICBbc3R5bGUuYmFja2dyb3VuZF09XCIndmFyKC0tdHVpLXN0YXR1cy13YXJuaW5nLXBhbGUpJ1wiXG4gICAgICAgICAgICAgICAgW3N0eWxlLmNvbG9yXT1cIid2YXIoLS10dWktYmFja2dyb3VuZC1hY2NlbnQtMSknXCJcbiAgICAgICAgICAgIC8+XG4gICAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuPC9kaXY+XG5cbjxuZy10ZW1wbGF0ZSAjc2tlbGV0b24+XG4gICAgPGRpdiBjbGFzcz1cInR1aS1za2VsZXRvbiBmbGV4IGgtWzguMjVyZW1dIHctZnVsbCBvdmVyZmxvdy1oaWRkZW4gcm91bmRlZC14bFwiPjwvZGl2PlxuPC9uZy10ZW1wbGF0ZT5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2MtcHJpY2UtY2FyZC1pbmxpbmUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY2xpZW50LXVpL2NhdGFsb2cvcHJpY2UtY2FyZC1pbmxpbmUvc2MtcHJpY2UtY2FyZC1pbmxpbmUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY2xpZW50LXVpL2NhdGFsb2cvcHJpY2UtY2FyZC1pbmxpbmUvc2MtcHJpY2UtY2FyZC1pbmxpbmUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzFFLE9BQU8sRUFBRSxXQUFXLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUNsRSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDL0QsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUM3QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE9BQU8sRUFBRSxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDdEUsT0FBTyxFQUFFLFNBQVMsRUFBRSxnQkFBZ0IsRUFBRSxZQUFZLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDMUUsT0FBTyxFQUFFLDRCQUE0QixFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFFaEUsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFDdkQsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFDOUQsT0FBTyxFQUFFLHlCQUF5QixFQUFFLE1BQU0sb0RBQW9ELENBQUM7QUFDL0YsT0FBTyxFQUFFLDZCQUE2QixFQUFFLE1BQU0sMkRBQTJELENBQUM7QUFDMUcsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0sK0NBQStDLENBQUM7QUFDekYsT0FBTyxFQUFFLDhCQUE4QixFQUFFLE1BQU0sNkRBQTZELENBQUM7QUFDN0csT0FBTyxFQUFFLHlCQUF5QixFQUFFLE1BQU0sb0RBQW9ELENBQUM7Ozs7O0FBRS9GOztHQUVHO0FBOEJILE1BQU0sT0FBTywwQkFBMkIsU0FBUSxtQkFBbUI7SUE3Qm5FOztRQThCb0IsU0FBSSxHQUFHLEtBQUssQ0FBMkMsYUFBYSxDQUFDLENBQUM7S0FDekY7K0dBRlksMEJBQTBCO21HQUExQiwwQkFBMEIsb01BeEJ4QixDQUFDLHFCQUFxQixDQUFDLGlEQzFCdEMsczJMQThKQSxnWURqSVEsWUFBWSx1TEFDWixZQUFZLCtCQUNaLFNBQVMsb0lBQ1QsT0FBTyxvRkFDUCw0QkFBNEIsOEJBQzVCLFdBQVcsc0lBQ1gsbUJBQW1CLDBYQUVuQixPQUFPLDRGQUNQLFlBQVksMEdBQ1osWUFBWSxxRkFDWixnQkFBZ0IsdUhBQ2hCLFNBQVMsd0hBQ1QsNkJBQTZCLHdIQUM3Qix5QkFBeUIsK0ZBQ3pCLDhCQUE4QixvSUFDOUIseUJBQXlCLDBJQUN6Qix3QkFBd0I7OzRGQUluQiwwQkFBMEI7a0JBN0J0QyxTQUFTO2lDQUNNLElBQUksWUFDTixzQkFBc0IsYUFHckIsQ0FBQyxxQkFBcUIsQ0FBQyxtQkFDakIsdUJBQXVCLENBQUMsTUFBTSxXQUN0Qzt3QkFDTCxZQUFZO3dCQUNaLFlBQVk7d0JBQ1osU0FBUzt3QkFDVCxPQUFPO3dCQUNQLDRCQUE0Qjt3QkFDNUIsV0FBVzt3QkFDWCxtQkFBbUI7d0JBQ25CLEdBQUcsT0FBTzt3QkFDVixPQUFPO3dCQUNQLFlBQVk7d0JBQ1osWUFBWTt3QkFDWixnQkFBZ0I7d0JBQ2hCLFNBQVM7d0JBQ1QsNkJBQTZCO3dCQUM3Qix5QkFBeUI7d0JBQ3pCLDhCQUE4Qjt3QkFDOUIseUJBQXlCO3dCQUN6Qix3QkFBd0I7d0JBQ3hCLGdCQUFnQjtxQkFDbkIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgaW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEZvcm1zTW9kdWxlLCBSZWFjdGl2ZUZvcm1zTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgUm91dGVyTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvcm91dGVyJztcbmltcG9ydCB7IFNFQVJDSF9URVJNX1BST1ZJREVSUyB9IGZyb20gJ0BzbmFiY2VudHIvY2xpZW50LWNvcmUnO1xuaW1wb3J0IHsgVHVpQXV0b0ZvY3VzIH0gZnJvbSAnQHRhaWdhLXVpL2Nkayc7XG5pbXBvcnQgeyBUdWlCdXR0b24sIFR1aUhpbnQsIFR1aUljb24sIFR1aUxpbmsgfSBmcm9tICdAdGFpZ2EtdWkvY29yZSc7XG5pbXBvcnQgeyBUdWlBdmF0YXIsIFR1aUJ1dHRvbkxvYWRpbmcsIFR1aUhpZ2hsaWdodCB9IGZyb20gJ0B0YWlnYS11aS9raXQnO1xuaW1wb3J0IHsgVHVpVGV4dGZpZWxkQ29udHJvbGxlck1vZHVsZSB9IGZyb20gJ0B0YWlnYS11aS9sZWdhY3knO1xuXG5pbXBvcnQgeyBBYnN0cmFjdFNjUHJpY2VDYXJkIH0gZnJvbSAnLi4vLi4vZGlyZWN0aXZlcyc7XG5pbXBvcnQgeyBTY0Zvcm1hdERhdGVQaXBlIH0gZnJvbSAnLi4vLi4vcGlwZXMvc2MtZm9ybWF0LWRhdGUnO1xuaW1wb3J0IHsgQ29zdFdpdGhEaXNjb3VudENvbXBvbmVudCB9IGZyb20gJy4uL2Nvc3Qtd2l0aC1kaXNjb3VudC9jb3N0LXdpdGgtZGlzY291bnQuY29tcG9uZW50JztcbmltcG9ydCB7IFNjSG92ZXJJbWFnZUNhcm91c2VsQ29tcG9uZW50IH0gZnJvbSAnLi4vaG92ZXItaW1hZ2UtY2Fyb3VzZWwvc2MtaG92ZXItaW1hZ2UtY2Fyb3VzZWwuY29tcG9uZW50JztcbmltcG9ydCB7IFNjSW5wdXRRdWFudGl0eUNvbXBvbmVudCB9IGZyb20gJy4uL2lucHV0LXF1YW50aXR5L3NjLWlucHV0LXF1YW50aXR5LmNvbXBvbmVudCc7XG5pbXBvcnQgeyBTY1ByaWNlV2FyZWhvdXNlU3RvY2tDb21wb25lbnQgfSBmcm9tICcuLi9wcmljZS13YXJlaG91c2Utc3RvY2svc2MtcHJpY2Utd2FyZWhvdXNlLXN0b2NrLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBTY0Zhdm9yaXRlQnV0dG9uQ29tcG9uZW50IH0gZnJvbSAnLi4vc2MtZmF2b3JpdGUtYnV0dG9uL3NjLWZhdm9yaXRlLWJ1dHRvbi5jb21wb25lbnQnO1xuXG4vKipcbiAqINCa0L7QvNC/0L7QvdC10L3RgiDQutCw0YDRgtC+0YfQutC4INGC0L7QstCw0YDQsCDQstC+INCy0YHRjiDRgdGC0YDQvtC60YMuXG4gKi9cbkBDb21wb25lbnQoe1xuICAgIHN0YW5kYWxvbmU6IHRydWUsXG4gICAgc2VsZWN0b3I6ICdzYy1wcmljZS1jYXJkLWlubGluZScsXG4gICAgdGVtcGxhdGVVcmw6ICcuL3NjLXByaWNlLWNhcmQtaW5saW5lLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybDogJy4vc2MtcHJpY2UtY2FyZC1pbmxpbmUuY29tcG9uZW50LnNjc3MnLFxuICAgIHByb3ZpZGVyczogW1NFQVJDSF9URVJNX1BST1ZJREVSU10sXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gICAgaW1wb3J0czogW1xuICAgICAgICBDb21tb25Nb2R1bGUsXG4gICAgICAgIFJvdXRlck1vZHVsZSxcbiAgICAgICAgVHVpQnV0dG9uLFxuICAgICAgICBUdWlJY29uLFxuICAgICAgICBUdWlUZXh0ZmllbGRDb250cm9sbGVyTW9kdWxlLFxuICAgICAgICBGb3Jtc01vZHVsZSxcbiAgICAgICAgUmVhY3RpdmVGb3Jtc01vZHVsZSxcbiAgICAgICAgLi4uVHVpSGludCxcbiAgICAgICAgVHVpTGluayxcbiAgICAgICAgVHVpSGlnaGxpZ2h0LFxuICAgICAgICBUdWlBdXRvRm9jdXMsXG4gICAgICAgIFR1aUJ1dHRvbkxvYWRpbmcsXG4gICAgICAgIFR1aUF2YXRhcixcbiAgICAgICAgU2NIb3ZlckltYWdlQ2Fyb3VzZWxDb21wb25lbnQsXG4gICAgICAgIENvc3RXaXRoRGlzY291bnRDb21wb25lbnQsXG4gICAgICAgIFNjUHJpY2VXYXJlaG91c2VTdG9ja0NvbXBvbmVudCxcbiAgICAgICAgU2NGYXZvcml0ZUJ1dHRvbkNvbXBvbmVudCxcbiAgICAgICAgU2NJbnB1dFF1YW50aXR5Q29tcG9uZW50LFxuICAgICAgICBTY0Zvcm1hdERhdGVQaXBlLFxuICAgIF0sXG59KVxuZXhwb3J0IGNsYXNzIFNjUHJpY2VDYXJkSW5saW5lQ29tcG9uZW50IGV4dGVuZHMgQWJzdHJhY3RTY1ByaWNlQ2FyZCB7XG4gICAgcHVibGljIHJlYWRvbmx5IHR5cGUgPSBpbnB1dDwnY2F0YWxvZ0l0ZW0nIHwgJ2NhcnRJdGVtJyB8ICdvcmRlckl0ZW0nPignY2F0YWxvZ0l0ZW0nKTtcbn1cbiIsIjxkaXZcbiAgICAqbmdJZj1cInByb2R1Y3Q7IGVsc2Ugc2tlbGV0b25cIlxuICAgIGNsYXNzPVwiY2FyZC13cmFwcGVyIHJlbGF0aXZlIGZsZXggdy1mdWxsIGdhcC00IHJvdW5kZWQteGwgcC0xIGhvdmVyOmJnLXR1aS1iYWNrZ3JvdW5kLW5ldXRyYWwtMVwiXG4+XG4gICAgPHNjLWhvdmVyLWltYWdlLWNhcm91c2VsXG4gICAgICAgIChjbGljayk9XCJjbGlja0NhcmRFdmVudC5lbWl0KClcIlxuICAgICAgICBbaW1hZ2VzXT1cIiFpc01vYmlsZSA/IGdldENhcmRJbWFnZVByZXZpZXdMaXN0KHByb2R1Y3QpIDogW2dldENhcmRJbWFnZVByZXZpZXcoKV1cIlxuICAgICAgICBbaXNTaG93QWN0aW9uc109XCJmYWxzZVwiXG4gICAgICAgIGNsYXNzPVwic2l6ZS0yNCBzaHJpbmstMCBjdXJzb3ItcG9pbnRlciBzZWxmLWNlbnRlclwiXG4gICAgLz5cbiAgICA8ZGl2IGNsYXNzPVwiZmxleCBncm93IGZsZXgtY29sIGdhcC0xXCI+XG4gICAgICAgIDxkaXZcbiAgICAgICAgICAgIHN0eWxlPVwiZGlzcGxheTogbm9uZVwiXG4gICAgICAgICAgICBkYXRhLW5vaW5kZXg9XCJ0cnVlXCJcbiAgICAgICAgPjwvZGl2PlxuICAgICAgICA8ZGl2XG4gICAgICAgICAgICBbdHVpSGlnaGxpZ2h0XT1cIihzZWFyY2gkIHwgYXN5bmMpID8/ICcnXCJcbiAgICAgICAgICAgIGNsYXNzPVwidGV4dC10dWktdGV4dC0wMlwiXG4gICAgICAgID5cbiAgICAgICAgICAgINCQ0YDRgtC40LrRg9C7OiB7eyBwcm9kdWN0LmNvZGUgfX1cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxkaXZcbiAgICAgICAgICAgIHN0eWxlPVwiZGlzcGxheTogbm9uZVwiXG4gICAgICAgICAgICBkYXRhLW5vaW5kZXg9XCJmYWxzZVwiXG4gICAgICAgID48L2Rpdj5cblxuICAgICAgICA8ZGl2IGNsYXNzPVwiZmxleCBmbGV4LWNvbCBnYXAtMVwiPlxuICAgICAgICAgICAgPGFcbiAgICAgICAgICAgICAgICB0dWlMaW5rXG4gICAgICAgICAgICAgICAgW2F0dHIuaHJlZl09XCJocmVmID8/IG51bGxcIlxuICAgICAgICAgICAgICAgIFt0dWlIaWdobGlnaHRdPVwiKHNlYXJjaCQgfCBhc3luYykgPz8gJydcIlxuICAgICAgICAgICAgICAgIChjbGljayk9XCIkZXZlbnQucHJldmVudERlZmF1bHQoKTsgY2xpY2tDYXJkRXZlbnQuZW1pdCgpXCJcbiAgICAgICAgICAgICAgICBjbGFzcz1cIiF0ZXh0LWJvZHktbS1ib2xkXCJcbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICB7eyBwcm9kdWN0Lm5hbWUgfX1cbiAgICAgICAgICAgIDwvYT5cblxuICAgICAgICAgICAgPGRpdlxuICAgICAgICAgICAgICAgIHN0eWxlPVwiZGlzcGxheTogbm9uZVwiXG4gICAgICAgICAgICAgICAgZGF0YS1ub2luZGV4PVwidHJ1ZVwiXG4gICAgICAgICAgICA+PC9kaXY+XG4gICAgICAgICAgICA8c3BhblxuICAgICAgICAgICAgICAgICpuZ0lmPVwicHJvZHVjdC5zdXBwbGllclNrdVwiXG4gICAgICAgICAgICAgICAgY2xhc3M9XCJ0ZXh0LXR1aS10ZXh0LTAyXCJcbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICDQkNGA0YLQuNC60YPQuyDQv9GA0L7QuNC30LLQvtC00LjRgtC10LvRjzoge3sgcHJvZHVjdC5zdXBwbGllclNrdSB9fVxuICAgICAgICAgICAgPC9zcGFuPlxuICAgICAgICAgICAgPGRpdlxuICAgICAgICAgICAgICAgIHN0eWxlPVwiZGlzcGxheTogbm9uZVwiXG4gICAgICAgICAgICAgICAgZGF0YS1ub2luZGV4PVwiZmFsc2VcIlxuICAgICAgICAgICAgPjwvZGl2PlxuXG4gICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgICAgc3R5bGU9XCJkaXNwbGF5OiBub25lXCJcbiAgICAgICAgICAgICAgICBkYXRhLW5vaW5kZXg9XCJ0cnVlXCJcbiAgICAgICAgICAgID48L2Rpdj5cbiAgICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgICAgICAqbmdJZj1cInByb2R1Y3Q/LnBhY2tcIlxuICAgICAgICAgICAgICAgIGNsYXNzPVwiZmxleCBpdGVtcy1jZW50ZXIgZ2FwLTEgdGV4dC10dWktdGV4dC0wMlwiXG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAg0J3QvtGA0LzQsCDRg9C/0LDQutC+0LLQutC4OiB7eyBwcm9kdWN0LnBhY2sgfX1cbiAgICAgICAgICAgICAgICA8dHVpLWljb25cbiAgICAgICAgICAgICAgICAgICAgKm5nSWY9XCJwcm9kdWN0Lmlnbm9yZU1pbkNvdW50Q2hlY2tcIlxuICAgICAgICAgICAgICAgICAgICBpY29uPVwiQHR1aS5wYWNrYWdlXCJcbiAgICAgICAgICAgICAgICAgICAgW3R1aUhpbnRdPVwibWluQ291bnRIaW50XCJcbiAgICAgICAgICAgICAgICAgICAgW3R1aUhpbnRTaG93RGVsYXldPVwiMTAwXCJcbiAgICAgICAgICAgICAgICAgICAgdHVpSGludERpcmVjdGlvbj1cInRvcFwiXG4gICAgICAgICAgICAgICAgICAgIGNsYXNzPVwidGV4dC1ib2R5LXhsIHRleHQtdHVpLXRleHQtMDEgb3BhY2l0eS05MFwiXG4gICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICA8bmctdGVtcGxhdGUgI21pbkNvdW50SGludD5cbiAgICAgICAgICAgICAgICAgICAg0JTQvtGB0YLRg9C/0LXQvSDQt9Cw0LrQsNC3IDxiciAvPlxuICAgICAgICAgICAgICAgICAgICDQv9GA0L7QuNC30LLQvtC70YzQvdC+0LPQviA8YnIgLz5cbiAgICAgICAgICAgICAgICAgICAg0LrQvtC70LjRh9C10YHRgtCy0LBcbiAgICAgICAgICAgICAgICA8L25nLXRlbXBsYXRlPlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgICAgc3R5bGU9XCJkaXNwbGF5OiBub25lXCJcbiAgICAgICAgICAgICAgICBkYXRhLW5vaW5kZXg9XCJmYWxzZVwiXG4gICAgICAgICAgICA+PC9kaXY+XG5cbiAgICAgICAgICAgIDxzYy1jb3N0LXdpdGgtZGlzY291bnQgW3Byb2R1Y3RdPVwicHJvZHVjdFwiIC8+XG5cbiAgICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgICAgICBzdHlsZT1cImRpc3BsYXk6IG5vbmVcIlxuICAgICAgICAgICAgICAgIGRhdGEtbm9pbmRleD1cInRydWVcIlxuICAgICAgICAgICAgPjwvZGl2PlxuICAgICAgICAgICAgPHNjLXByaWNlLXdhcmVob3VzZS1zdG9jayBbcHJvZHVjdF09XCJwcm9kdWN0XCIgLz5cbiAgICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgICAgICBzdHlsZT1cImRpc3BsYXk6IG5vbmVcIlxuICAgICAgICAgICAgICAgIGRhdGEtbm9pbmRleD1cImZhbHNlXCJcbiAgICAgICAgICAgID48L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG5cbiAgICA8ZGl2XG4gICAgICAgIHN0eWxlPVwiZGlzcGxheTogbm9uZVwiXG4gICAgICAgIGRhdGEtbm9pbmRleD1cInRydWVcIlxuICAgID48L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwiZmxleCB3LTQwIHNocmluay0wIGZsZXgtY29sIGp1c3RpZnktYmV0d2VlblwiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwiZmxleCBqdXN0aWZ5LWVuZFwiPlxuICAgICAgICAgICAgPHR1aS1hdmF0YXJcbiAgICAgICAgICAgICAgICAqbmdJZj1cInByb2R1Y3QuaXNQcmV2aW91c2x5T3JkZXJlZFwiXG4gICAgICAgICAgICAgICAgc3JjPVwiQHR1aS5oaXN0b3J5XCJcbiAgICAgICAgICAgICAgICBzaXplPVwic1wiXG4gICAgICAgICAgICAgICAgW3N0eWxlLmJhY2tncm91bmRdPVwiJ25vbmUnXCJcbiAgICAgICAgICAgICAgICBbc3R5bGUuY29sb3JdPVwiJ3ZhcigtLXR1aS10ZXh0LWFjdGlvbiknXCJcbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgICA8c2MtZmF2b3JpdGUtYnV0dG9uXG4gICAgICAgICAgICAgICAgKm5nSWY9XCJhdXRoU3RhdHVzJCB8IGFzeW5jXCJcbiAgICAgICAgICAgICAgICAoY2xpY2tFdmVudCk9XCJjbGlja0Zhdm9yaXRlRXZlbnQuZW1pdCgpXCJcbiAgICAgICAgICAgICAgICBbc2hvd0xvYWRlcl09XCJmYXZvcml0ZVNob3dMb2FkZXJcIlxuICAgICAgICAgICAgICAgIFtpc0Zhdm9yaXRlXT1cInByb2R1Y3QuaXNGYXZvcml0ZVwiXG4gICAgICAgICAgICAgICAgW2Rpc2FibGVkXT1cIiEhcHJvZHVjdC5wcmltYXJ5Q2F0ZWdvcnk/LmlzRmF2b3JpdGVcIlxuICAgICAgICAgICAgLz5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJmbGV4IGdhcC0yXCI+XG4gICAgICAgICAgICA8YnV0dG9uXG4gICAgICAgICAgICAgICAgKm5nSWY9XCIhc2hvd1F1YW50aXR5Q29udHJvbFwiXG4gICAgICAgICAgICAgICAgdHVpQnV0dG9uXG4gICAgICAgICAgICAgICAgKGNsaWNrKT1cImNsaWNrQWRkVG9DYXJ0RXZlbnQuZW1pdChwcm9kdWN0KVwiXG4gICAgICAgICAgICAgICAgW2xvYWRpbmddPVwicXVhbnRpdHlTaG93TG9hZGVyXCJcbiAgICAgICAgICAgICAgICBzaXplPVwic1wiXG4gICAgICAgICAgICAgICAgaWNvblN0YXJ0PVwiQHR1aS5zaG9wcGluZy1jYXJ0XCJcbiAgICAgICAgICAgICAgICBjbGFzcz1cImdyb3cgIWZvbnQtZXh0cmFib2xkXCJcbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICDQkiDQutC+0YDQt9C40L3Rg1xuICAgICAgICAgICAgPC9idXR0b24+XG4gICAgICAgICAgICA8c2MtaW5wdXQtcXVhbnRpdHlcbiAgICAgICAgICAgICAgICAjaW5wdXRRdWFudGl0eVxuICAgICAgICAgICAgICAgIFt0dWlBdXRvRm9jdXNdPVwiYXV0b0ZvY3VzZVF1YW50aXR5SW5wdXQoKVwiXG4gICAgICAgICAgICAgICAgKm5nSWY9XCJzaG93UXVhbnRpdHlDb250cm9sXCJcbiAgICAgICAgICAgICAgICBbZm9ybUNvbnRyb2xdPVwicXVhbnRpdHlDb250cm9sXCJcbiAgICAgICAgICAgICAgICBzaXplPVwibVwiXG4gICAgICAgICAgICAgICAgW3N0ZXBdPVwidW5pdHNIZWxwZXIucHJvZHVjdE11bHRpcGxpY2l0eShwcm9kdWN0KVwiXG4gICAgICAgICAgICAgICAgW2lnbm9yZVN0ZXBWYWxpZGF0b3JzXT1cInByb2R1Y3QuaWdub3JlTWluQ291bnRDaGVja1wiXG4gICAgICAgICAgICAgICAgW3Nob3dMb2FkZXJdPVwicXVhbnRpdHlTaG93TG9hZGVyXCJcbiAgICAgICAgICAgICAgICAoY2xpY2tDbGVhckV2ZW50KT1cImNsaWNrQ2xlYXJFdmVudC5lbWl0KGNhcnRJdGVtKVwiXG4gICAgICAgICAgICAgICAgKGtleWRvd24uZW50ZXIpPVwiaW5wdXRRdWFudGl0eS5uYXRpdmVGb2N1c2FibGVFbGVtZW50Py5ibHVyKClcIlxuICAgICAgICAgICAgICAgIGNsYXNzPVwidy1mdWxsXCJcbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgICA8dHVpLWF2YXRhclxuICAgICAgICAgICAgICAgICpuZ0lmPVwicHJvZHVjdC5jYXJ0SXRlbSAmJiAhc2hvd1F1YW50aXR5Q29udHJvbFwiXG4gICAgICAgICAgICAgICAgc3JjPVwiQHR1aS5jaGVja1wiXG4gICAgICAgICAgICAgICAgc2l6ZT1cInNcIlxuICAgICAgICAgICAgICAgIFtzdHlsZS5iYWNrZ3JvdW5kXT1cIid2YXIoLS10dWktc3RhdHVzLXdhcm5pbmctcGFsZSknXCJcbiAgICAgICAgICAgICAgICBbc3R5bGUuY29sb3JdPVwiJ3ZhcigtLXR1aS1iYWNrZ3JvdW5kLWFjY2VudC0xKSdcIlxuICAgICAgICAgICAgLz5cbiAgICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gICAgPGRpdlxuICAgICAgICBzdHlsZT1cImRpc3BsYXk6IG5vbmVcIlxuICAgICAgICBkYXRhLW5vaW5kZXg9XCJmYWxzZVwiXG4gICAgPjwvZGl2PlxuPC9kaXY+XG5cbjxuZy10ZW1wbGF0ZSAjc2tlbGV0b24+XG4gICAgPGRpdiBjbGFzcz1cInR1aS1za2VsZXRvbiBmbGV4IGgtWzguMjVyZW1dIHctZnVsbCBvdmVyZmxvdy1oaWRkZW4gcm91bmRlZC14bFwiPjwvZGl2PlxuPC9uZy10ZW1wbGF0ZT5cbiJdfQ==

package/fesm2022/snabcentr-client-ui.mjs CHANGED Viewed

@@ -3978,11 +3978,11 @@ class CostWithDiscountComponent {
         this.size = 'm';
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CostWithDiscountComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: CostWithDiscountComponent, isStandalone: true, selector: "sc-cost-with-discount", inputs: { product: "product", size: "size" }, host: { properties: { "attr.data-size": "this.size" } }, ngImport: i0, template: "@if (product) {\n    <div\n        *ngIf=\"warehouseSelect$ | async as warehouseSelect\"\n        class=\"flex flex-wrap items-center gap-x-2 gap-y-1\"\n    >\n        <div class=\"flex flex-wrap items-center gap-x-2 gap-y-1\">\n            <span\n                [class.text-tui-text-02]=\"!product.isWarehouseStockExist(warehouseSelect.id)\"\n                class=\"cost\"\n                >{{ product.costRubString }}</span\n            >\n            <tui-badge\n                *ngIf=\"product.discount as discount\"\n                size=\"m\"\n                [style.background]=\"'var(--tui-status-positive)'\"\n                [tuiHint]=\"discountHint\"\n                [tuiHintShowDelay]=\"100\"\n                tuiHintDirection=\"top\"\n                class=\"text-body-xs\"\n            >\n                <tui-badge\n                    *ngIf=\"product.discount as discount\"\n                    size=\"s\"\n                    [style.background]=\"'var(--tui-background-base)'\"\n                    class=\"text-body-xs-bold text-tui-text-02\"\n                >\n                    {{ discount.percent }}%\n                </tui-badge>\n\n                @let expiredAt = product.discount.expiredAt | scFormatDate;\n\n                <div class=\"flex gap-0.5\">\n                    <p class=\"flex line-through\">{{ product.discountCostString }}</p>\n                    <div *ngIf=\"expiredAt\">\u0434\u043E {{ expiredAt.substring(0, 5) }}</div>\n                </div>\n                <ng-template #discountHint>\n                    <div class=\"font-bold\">{{ product.discount.name }}</div>\n                    <div *ngIf=\"expiredAt\">\u0414\u0430\u0442\u0430 \u043E\u043A\u043E\u043D\u0447\u0430\u043D\u0438\u044F: {{ expiredAt }}</div>\n                </ng-template>\n            </tui-badge>\n        </div>\n        <span\n            *ngIf=\"!product.priceInRub\"\n            class=\"font-extrabold text-tui-text-02\"\n            >{{ product.costString }}</span\n        >\n    </div>\n}\n", styles: [":host tui-badge{--t-padding: .25rem !important}:host[data-size=s]{font-size:.6875rem;line-height:1rem;font-weight:500}:host[data-size=s] .cost{font-size:.8125rem;line-height:1.25rem;font-weight:800}:host[data-size=m],:host[data-size=l]{font-size:.8125rem;line-height:1.25rem;font-weight:500}:host[data-size=m] .cost,:host[data-size=l] .cost{font-size:.9375rem;line-height:1.5rem;font-weight:800}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i2$2.AsyncPipe, name: "async" }, { kind: "directive", type: TuiBadge, selector: "tui-badge,[tuiBadge]", inputs: ["size"] }, { kind: "directive", type: i1$1.TuiHintDirective, selector: "[tuiHint]:not(ng-container):not(ng-template)", inputs: ["tuiHintContext", "tuiHintAppearance", "tuiHint"] }, { kind: "pipe", type: ScFormatDatePipe, name: "scFormatDate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: CostWithDiscountComponent, isStandalone: true, selector: "sc-cost-with-discount", inputs: { product: "product", size: "size" }, host: { properties: { "attr.data-size": "this.size" } }, ngImport: i0, template: "@if (product) {\n    <div\n        *ngIf=\"warehouseSelect$ | async as warehouseSelect\"\n        class=\"flex flex-wrap items-center gap-x-2 gap-y-1\"\n    >\n        <div class=\"flex flex-wrap items-center gap-x-2 gap-y-1\">\n            <span\n                [class.text-tui-text-02]=\"!product.isWarehouseStockExist(warehouseSelect.id)\"\n                class=\"cost\"\n            >\n                {{ product.costRubString }}\n            </span>\n\n            <div\n                style=\"display: none\"\n                data-noindex=\"true\"\n            ></div>\n            <tui-badge\n                *ngIf=\"product.discount as discount\"\n                size=\"m\"\n                [style.background]=\"'var(--tui-status-positive)'\"\n                [tuiHint]=\"discountHint\"\n                [tuiHintShowDelay]=\"100\"\n                tuiHintDirection=\"top\"\n                class=\"text-body-xs\"\n            >\n                <tui-badge\n                    *ngIf=\"product.discount as discount\"\n                    size=\"s\"\n                    [style.background]=\"'var(--tui-background-base)'\"\n                    class=\"text-body-xs-bold text-tui-text-02\"\n                >\n                    {{ discount.percent }}%\n                </tui-badge>\n\n                @let expiredAt = product.discount.expiredAt | scFormatDate;\n\n                <div class=\"flex gap-0.5\">\n                    <p class=\"flex line-through\">{{ product.discountCostString }}</p>\n                    <div *ngIf=\"expiredAt\">\u0434\u043E {{ expiredAt.substring(0, 5) }}</div>\n                </div>\n                <ng-template #discountHint>\n                    <div class=\"font-bold\">{{ product.discount.name }}</div>\n                    <div *ngIf=\"expiredAt\">\u0414\u0430\u0442\u0430 \u043E\u043A\u043E\u043D\u0447\u0430\u043D\u0438\u044F: {{ expiredAt }}</div>\n                </ng-template>\n            </tui-badge>\n            <div\n                style=\"display: none\"\n                data-noindex=\"false\"\n            ></div>\n        </div>\n\n        <span\n            *ngIf=\"!product.priceInRub\"\n            class=\"font-extrabold text-tui-text-02\"\n        >\n            {{ product.costString }}\n        </span>\n    </div>\n}\n", styles: [":host tui-badge{--t-padding: .25rem !important}:host[data-size=s]{font-size:.6875rem;line-height:1rem;font-weight:500}:host[data-size=s] .cost{font-size:.8125rem;line-height:1.25rem;font-weight:800}:host[data-size=m],:host[data-size=l]{font-size:.8125rem;line-height:1.25rem;font-weight:500}:host[data-size=m] .cost,:host[data-size=l] .cost{font-size:.9375rem;line-height:1.5rem;font-weight:800}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i2$2.AsyncPipe, name: "async" }, { kind: "directive", type: TuiBadge, selector: "tui-badge,[tuiBadge]", inputs: ["size"] }, { kind: "directive", type: i1$1.TuiHintDirective, selector: "[tuiHint]:not(ng-container):not(ng-template)", inputs: ["tuiHintContext", "tuiHintAppearance", "tuiHint"] }, { kind: "pipe", type: ScFormatDatePipe, name: "scFormatDate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CostWithDiscountComponent, decorators: [{
             type: Component,
-            args: [{ standalone: true, selector: 'sc-cost-with-discount', imports: [CommonModule, TuiBadge, ...TuiHint, ScFormatDatePipe], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (product) {\n    <div\n        *ngIf=\"warehouseSelect$ | async as warehouseSelect\"\n        class=\"flex flex-wrap items-center gap-x-2 gap-y-1\"\n    >\n        <div class=\"flex flex-wrap items-center gap-x-2 gap-y-1\">\n            <span\n                [class.text-tui-text-02]=\"!product.isWarehouseStockExist(warehouseSelect.id)\"\n                class=\"cost\"\n                >{{ product.costRubString }}</span\n            >\n            <tui-badge\n                *ngIf=\"product.discount as discount\"\n                size=\"m\"\n                [style.background]=\"'var(--tui-status-positive)'\"\n                [tuiHint]=\"discountHint\"\n                [tuiHintShowDelay]=\"100\"\n                tuiHintDirection=\"top\"\n                class=\"text-body-xs\"\n            >\n                <tui-badge\n                    *ngIf=\"product.discount as discount\"\n                    size=\"s\"\n                    [style.background]=\"'var(--tui-background-base)'\"\n                    class=\"text-body-xs-bold text-tui-text-02\"\n                >\n                    {{ discount.percent }}%\n                </tui-badge>\n\n                @let expiredAt = product.discount.expiredAt | scFormatDate;\n\n                <div class=\"flex gap-0.5\">\n                    <p class=\"flex line-through\">{{ product.discountCostString }}</p>\n                    <div *ngIf=\"expiredAt\">\u0434\u043E {{ expiredAt.substring(0, 5) }}</div>\n                </div>\n                <ng-template #discountHint>\n                    <div class=\"font-bold\">{{ product.discount.name }}</div>\n                    <div *ngIf=\"expiredAt\">\u0414\u0430\u0442\u0430 \u043E\u043A\u043E\u043D\u0447\u0430\u043D\u0438\u044F: {{ expiredAt }}</div>\n                </ng-template>\n            </tui-badge>\n        </div>\n        <span\n            *ngIf=\"!product.priceInRub\"\n            class=\"font-extrabold text-tui-text-02\"\n            >{{ product.costString }}</span\n        >\n    </div>\n}\n", styles: [":host tui-badge{--t-padding: .25rem !important}:host[data-size=s]{font-size:.6875rem;line-height:1rem;font-weight:500}:host[data-size=s] .cost{font-size:.8125rem;line-height:1.25rem;font-weight:800}:host[data-size=m],:host[data-size=l]{font-size:.8125rem;line-height:1.25rem;font-weight:500}:host[data-size=m] .cost,:host[data-size=l] .cost{font-size:.9375rem;line-height:1.5rem;font-weight:800}\n"] }]
+            args: [{ standalone: true, selector: 'sc-cost-with-discount', imports: [CommonModule, TuiBadge, ...TuiHint, ScFormatDatePipe], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (product) {\n    <div\n        *ngIf=\"warehouseSelect$ | async as warehouseSelect\"\n        class=\"flex flex-wrap items-center gap-x-2 gap-y-1\"\n    >\n        <div class=\"flex flex-wrap items-center gap-x-2 gap-y-1\">\n            <span\n                [class.text-tui-text-02]=\"!product.isWarehouseStockExist(warehouseSelect.id)\"\n                class=\"cost\"\n            >\n                {{ product.costRubString }}\n            </span>\n\n            <div\n                style=\"display: none\"\n                data-noindex=\"true\"\n            ></div>\n            <tui-badge\n                *ngIf=\"product.discount as discount\"\n                size=\"m\"\n                [style.background]=\"'var(--tui-status-positive)'\"\n                [tuiHint]=\"discountHint\"\n                [tuiHintShowDelay]=\"100\"\n                tuiHintDirection=\"top\"\n                class=\"text-body-xs\"\n            >\n                <tui-badge\n                    *ngIf=\"product.discount as discount\"\n                    size=\"s\"\n                    [style.background]=\"'var(--tui-background-base)'\"\n                    class=\"text-body-xs-bold text-tui-text-02\"\n                >\n                    {{ discount.percent }}%\n                </tui-badge>\n\n                @let expiredAt = product.discount.expiredAt | scFormatDate;\n\n                <div class=\"flex gap-0.5\">\n                    <p class=\"flex line-through\">{{ product.discountCostString }}</p>\n                    <div *ngIf=\"expiredAt\">\u0434\u043E {{ expiredAt.substring(0, 5) }}</div>\n                </div>\n                <ng-template #discountHint>\n                    <div class=\"font-bold\">{{ product.discount.name }}</div>\n                    <div *ngIf=\"expiredAt\">\u0414\u0430\u0442\u0430 \u043E\u043A\u043E\u043D\u0447\u0430\u043D\u0438\u044F: {{ expiredAt }}</div>\n                </ng-template>\n            </tui-badge>\n            <div\n                style=\"display: none\"\n                data-noindex=\"false\"\n            ></div>\n        </div>\n\n        <span\n            *ngIf=\"!product.priceInRub\"\n            class=\"font-extrabold text-tui-text-02\"\n        >\n            {{ product.costString }}\n        </span>\n    </div>\n}\n", styles: [":host tui-badge{--t-padding: .25rem !important}:host[data-size=s]{font-size:.6875rem;line-height:1rem;font-weight:500}:host[data-size=s] .cost{font-size:.8125rem;line-height:1.25rem;font-weight:800}:host[data-size=m],:host[data-size=l]{font-size:.8125rem;line-height:1.25rem;font-weight:500}:host[data-size=m] .cost,:host[data-size=l] .cost{font-size:.9375rem;line-height:1.5rem;font-weight:800}\n"] }]
         }], propDecorators: { product: [{
                 type: Input
             }], size: [{
@@ -4303,7 +4303,7 @@ class ScCartItemComponent extends AbstractScPriceCard {
         this.previewDialogService.open(specificationPreviewReference).subscribe();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ScCartItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: ScCartItemComponent, isStandalone: true, selector: "sc-cart-item", outputs: { clickSettings: "clickSettings" }, providers: [SEARCH_TERM_PROVIDERS], usesInheritance: true, ngImport: i0, template: "<div\n    *ngIf=\"product && cartItem; else skeleton\"\n    class=\"relative flex w-full gap-4 rounded-xl p-1 text-body-s hover:bg-tui-background-neutral-1\"\n>\n    @let isDisabled = product.isHidden || product.isNull;\n    <sc-hover-image-carousel\n        (click)=\"isDisabled ? null : clickCardEvent.emit()\"\n        [images]=\"!isMobile ? getCardImagePreviewList(product) : [getCardImagePreview()]\"\n        [isShowActions]=\"false\"\n        class=\"aspect-square w-24 shrink-0 cursor-pointer self-start\"\n    />\n    <div class=\"flex w-full flex-col justify-between gap-4 md:flex-row md:items-center md:gap-5\">\n        <div class=\"flex grow flex-col gap-1\">\n            <div\n                [tuiHighlight]=\"(search$ | async) ?? ''\"\n                class=\"text-tui-text-02\"\n            >\n                \u0410\u0440\u0442\u0438\u043A\u0443\u043B: {{ product.code }}\n            </div>\n            <div class=\"flex flex-col gap-1\">\n                <a\n                    tuiLink\n                    [attr.href]=\"href ?? null\"\n                    [tuiHighlight]=\"(search$ | async) ?? ''\"\n                    (click)=\"$event.preventDefault(); clickCardEvent.emit()\"\n                    [class.disabled]=\"isDisabled\"\n                    class=\"!text-body-m-bold\"\n                >\n                    {{ product.name }}\n                </a>\n                <span\n                    *ngIf=\"product.supplierSku\"\n                    class=\"text-tui-text-02\"\n                >\n                    \u0410\u0440\u0442\u0438\u043A\u0443\u043B \u043F\u0440\u043E\u0438\u0437\u0432\u043E\u0434\u0438\u0442\u0435\u043B\u044F: {{ product.supplierSku }}\n                </span>\n                <div\n                    *ngIf=\"product?.pack\"\n                    class=\"flex items-center gap-1 text-tui-text-02\"\n                >\n                    \u041D\u043E\u0440\u043C\u0430 \u0443\u043F\u0430\u043A\u043E\u0432\u043A\u0438: {{ product.pack }}\n                    <tui-icon\n                        *ngIf=\"product.ignoreMinCountCheck\"\n                        icon=\"@tui.package\"\n                        [tuiHint]=\"minCountHint\"\n                        [tuiHintShowDelay]=\"100\"\n                        tuiHintDirection=\"top\"\n                        class=\"text-body-xl text-tui-text-01 opacity-90\"\n                    />\n                    <ng-template #minCountHint>\n                        \u0414\u043E\u0441\u0442\u0443\u043F\u0435\u043D \u0437\u0430\u043A\u0430\u0437 <br />\n                        \u043F\u0440\u043E\u0438\u0437\u0432\u043E\u043B\u044C\u043D\u043E\u0433\u043E <br />\n                        \u043A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u0430\n                    </ng-template>\n                </div>\n\n                <sc-cost-with-discount [product]=\"product\" />\n            </div>\n            <a\n                tuiLink\n                *ngIf=\"cartItem.specificationImgUrl\"\n                (click)=\"showSpecification(specificationPreview)\"\n                [class.disabled]=\"isDisabled\"\n            >\n                \u0421\u043F\u0435\u0446\u0438\u0444\u0438\u043A\u0430\u0446\u0438\u044F\n            </a>\n            <ng-template\n                #specificationPreview\n                let-preview\n            >\n                <tui-preview\n                    [rotatable]=\"false\"\n                    [zoomable]=\"false\"\n                >\n                    <img\n                        *polymorpheusOutlet=\"cartItem.specificationImgUrl as src\"\n                        alt=\"preview\"\n                        [src]=\"cartItem.specificationImgUrl\"\n                    />\n                    <button\n                        iconStart=\"@tui.x\"\n                        title=\"Close\"\n                        tuiIconButton\n                        tuiPreviewAction\n                        type=\"button\"\n                        (click)=\"preview.complete()\"\n                    ></button>\n                </tui-preview>\n            </ng-template>\n        </div>\n        <div class=\"flex shrink-0 flex-col gap-4 sm:flex-row md:w-1/2 lg:w-3/5 xl:w-1/2 xl:gap-8 2xl:w-2/5\">\n            <div class=\"flex flex-wrap items-center gap-4 md:flex-col md:items-start lg:flex-row lg:items-center lg:gap-8\">\n                <sc-input-quantity\n                    #inputQuantity\n                    [tuiAutoFocus]=\"autoFocuseQuantityInput()\"\n                    *ngIf=\"showQuantityControl\"\n                    [formControl]=\"quantityControl\"\n                    size=\"m\"\n                    [showCross]=\"false\"\n                    [isDisabled]=\"isDisabled\"\n                    [step]=\"unitsHelper.productMultiplicity(product)\"\n                    [ignoreStepValidators]=\"product.ignoreMinCountCheck\"\n                    [showLoader]=\"quantityShowLoader\"\n                    (clickClearEvent)=\"clickClearEvent.emit(cartItem)\"\n                    (keydown.enter)=\"inputQuantity.nativeFocusableElement?.blur()\"\n                    class=\"w-32 shrink-0\"\n                />\n                <div class=\"flex w-36 items-center gap-1\">\n                    @if (cartItem.height || cartItem.length || cartItem.width) {\n                        <button\n                            tuiIconButton\n                            iconStart=\"@tui.settings\"\n                            [disabled]=\"isDisabled\"\n                            (click)=\"clickSettings.emit()\"\n                            size=\"s\"\n                            appearance=\"secondary\"\n                            class=\"mr-2 !self-center\"\n                        ></button>\n                        <div class=\"flex flex-col gap-x-2 text-xs text-tui-base-07\">\n                            <p *ngIf=\"cartItem.marker\">\u041C\u0430\u0440\u043A\u0438\u0440\u043E\u0432\u043A\u0430: {{ cartItem.marker }}</p>\n                            <p *ngIf=\"cartItem.width\">\u0428\u0438\u0440\u0438\u043D\u0430: {{ cartItem.width }} \u043C.</p>\n                            <ng-container *ngIf=\"cartItem.height; else length\">\n                                <p>\u0412\u044B\u0441\u043E\u0442\u0430: {{ cartItem.height }} \u043C.</p>\n                            </ng-container>\n                            <ng-template #length>\n                                <p *ngIf=\"cartItem.length\">\u0414\u043B\u0438\u043D\u0430: {{ cartItem.length }} \u043C.</p>\n                            </ng-template>\n                        </div>\n                    }\n                </div>\n            </div>\n\n            <div class=\"flex flex-col\">\n                <p class=\"whitespace-nowrap\">\n                    \u0421\u0443\u043C\u043C\u0430:\n                    <strong> {{ cartItem.costRub | tuiFormatNumber: { precision: 2, decimalSeparator: '.', rounding: 'ceil' } | async }} {{ 'RUB' | tuiCurrency }}</strong>\n                </p>\n                <sc-price-warehouse-stock [product]=\"product\" />\n            </div>\n            <button\n                tuiIconButton\n                iconStart=\"@tui.trash\"\n                (click)=\"clickClearEvent.emit()\"\n                size=\"s\"\n                appearance=\"secondary\"\n                class=\"!absolute left-1 top-1 lg:!relative lg:left-0 lg:top-0 lg:ml-auto\"\n            ></button>\n        </div>\n    </div>\n</div>\n\n<ng-template #skeleton>\n    <div class=\"tui-skeleton flex h-[8.25rem] w-full overflow-hidden rounded-xl\"></div>\n</ng-template>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { 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: "directive", type: TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "component", type: TuiIcon, selector: "tui-icon", inputs: ["icon", "background"] }, { kind: "ngmodule", type: TuiTextfieldControllerModule }, { kind: "directive", type: i2$4.PolymorpheusOutlet, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2$3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { 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: TuiHighlight, selector: "[tuiHighlight]", inputs: ["tuiHighlight", "tuiHighlightColor"] }, { kind: "directive", type: TuiAutoFocus, selector: "[tuiAutoFocus]", inputs: ["tuiAutoFocus"] }, { kind: "component", type: ScHoverImageCarouselComponent, selector: "sc-hover-image-carousel", inputs: ["images", "isShowActions", "productName"] }, { kind: "component", type: CostWithDiscountComponent, selector: "sc-cost-with-discount", inputs: ["product", "size"] }, { kind: "component", type: ScPriceWarehouseStockComponent, selector: "sc-price-warehouse-stock", inputs: ["classList", "product", "withStockHint", "fromMain"] }, { kind: "component", type: ScInputQuantityComponent, selector: "sc-input-quantity", inputs: ["step", "showLoader", "showCross", "ignoreStepValidators", "appearance", "isDisabled", "size"], outputs: ["clickClearEvent"] }, { kind: "pipe", type: TuiCurrencyPipe, name: "tuiCurrency" }, { kind: "pipe", type: TuiFormatNumberPipe, name: "tuiFormatNumber" }, { kind: "component", type: i2$1.TuiPreviewComponent, selector: "tui-preview", inputs: ["zoomable", "rotatable"] }, { kind: "directive", type: i2$1.TuiPreviewAction, selector: "[tuiPreviewAction]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: ScCartItemComponent, isStandalone: true, selector: "sc-cart-item", outputs: { clickSettings: "clickSettings" }, providers: [SEARCH_TERM_PROVIDERS], usesInheritance: true, ngImport: i0, template: "<div\n    *ngIf=\"product && cartItem; else skeleton\"\n    class=\"relative flex w-full gap-4 rounded-xl p-1 text-body-s hover:bg-tui-background-neutral-1\"\n>\n    <div\n        style=\"display: none\"\n        data-noindex=\"true\"\n    ></div>\n    @let isDisabled = product.isHidden || product.isNull;\n    <sc-hover-image-carousel\n        (click)=\"isDisabled ? null : clickCardEvent.emit()\"\n        [images]=\"!isMobile ? getCardImagePreviewList(product) : [getCardImagePreview()]\"\n        [isShowActions]=\"false\"\n        class=\"aspect-square w-24 shrink-0 cursor-pointer self-start\"\n    />\n    <div class=\"flex w-full flex-col justify-between gap-4 md:flex-row md:items-center md:gap-5\">\n        <div class=\"flex grow flex-col gap-1\">\n            <div\n                [tuiHighlight]=\"(search$ | async) ?? ''\"\n                class=\"text-tui-text-02\"\n            >\n                \u0410\u0440\u0442\u0438\u043A\u0443\u043B: {{ product.code }}\n            </div>\n            <div class=\"flex flex-col gap-1\">\n                <a\n                    tuiLink\n                    [attr.href]=\"href ?? null\"\n                    [tuiHighlight]=\"(search$ | async) ?? ''\"\n                    (click)=\"$event.preventDefault(); clickCardEvent.emit()\"\n                    [class.disabled]=\"isDisabled\"\n                    class=\"!text-body-m-bold\"\n                >\n                    {{ product.name }}\n                </a>\n                <span\n                    *ngIf=\"product.supplierSku\"\n                    class=\"text-tui-text-02\"\n                >\n                    \u0410\u0440\u0442\u0438\u043A\u0443\u043B \u043F\u0440\u043E\u0438\u0437\u0432\u043E\u0434\u0438\u0442\u0435\u043B\u044F: {{ product.supplierSku }}\n                </span>\n                <div\n                    *ngIf=\"product?.pack\"\n                    class=\"flex items-center gap-1 text-tui-text-02\"\n                >\n                    \u041D\u043E\u0440\u043C\u0430 \u0443\u043F\u0430\u043A\u043E\u0432\u043A\u0438: {{ product.pack }}\n                    <tui-icon\n                        *ngIf=\"product.ignoreMinCountCheck\"\n                        icon=\"@tui.package\"\n                        [tuiHint]=\"minCountHint\"\n                        [tuiHintShowDelay]=\"100\"\n                        tuiHintDirection=\"top\"\n                        class=\"text-body-xl text-tui-text-01 opacity-90\"\n                    />\n                    <ng-template #minCountHint>\n                        \u0414\u043E\u0441\u0442\u0443\u043F\u0435\u043D \u0437\u0430\u043A\u0430\u0437 <br />\n                        \u043F\u0440\u043E\u0438\u0437\u0432\u043E\u043B\u044C\u043D\u043E\u0433\u043E <br />\n                        \u043A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u0430\n                    </ng-template>\n                </div>\n\n                <sc-cost-with-discount [product]=\"product\" />\n            </div>\n            <a\n                tuiLink\n                *ngIf=\"cartItem.specificationImgUrl\"\n                (click)=\"showSpecification(specificationPreview)\"\n                [class.disabled]=\"isDisabled\"\n            >\n                \u0421\u043F\u0435\u0446\u0438\u0444\u0438\u043A\u0430\u0446\u0438\u044F\n            </a>\n            <ng-template\n                #specificationPreview\n                let-preview\n            >\n                <tui-preview\n                    [rotatable]=\"false\"\n                    [zoomable]=\"false\"\n                >\n                    <img\n                        *polymorpheusOutlet=\"cartItem.specificationImgUrl as src\"\n                        alt=\"preview\"\n                        [src]=\"cartItem.specificationImgUrl\"\n                    />\n                    <button\n                        iconStart=\"@tui.x\"\n                        title=\"Close\"\n                        tuiIconButton\n                        tuiPreviewAction\n                        type=\"button\"\n                        (click)=\"preview.complete()\"\n                    ></button>\n                </tui-preview>\n            </ng-template>\n        </div>\n        <div class=\"flex shrink-0 flex-col gap-4 sm:flex-row md:w-1/2 lg:w-3/5 xl:w-1/2 xl:gap-8 2xl:w-2/5\">\n            <div class=\"flex flex-wrap items-center gap-4 md:flex-col md:items-start lg:flex-row lg:items-center lg:gap-8\">\n                <sc-input-quantity\n                    #inputQuantity\n                    [tuiAutoFocus]=\"autoFocuseQuantityInput()\"\n                    *ngIf=\"showQuantityControl\"\n                    [formControl]=\"quantityControl\"\n                    size=\"m\"\n                    [showCross]=\"false\"\n                    [isDisabled]=\"isDisabled\"\n                    [step]=\"unitsHelper.productMultiplicity(product)\"\n                    [ignoreStepValidators]=\"product.ignoreMinCountCheck\"\n                    [showLoader]=\"quantityShowLoader\"\n                    (clickClearEvent)=\"clickClearEvent.emit(cartItem)\"\n                    (keydown.enter)=\"inputQuantity.nativeFocusableElement?.blur()\"\n                    class=\"w-32 shrink-0\"\n                />\n                <div class=\"flex w-36 items-center gap-1\">\n                    @if (cartItem.height || cartItem.length || cartItem.width) {\n                        <button\n                            tuiIconButton\n                            iconStart=\"@tui.settings\"\n                            [disabled]=\"isDisabled\"\n                            (click)=\"clickSettings.emit()\"\n                            size=\"s\"\n                            appearance=\"secondary\"\n                            class=\"mr-2 !self-center\"\n                        ></button>\n                        <div class=\"flex flex-col gap-x-2 text-xs text-tui-base-07\">\n                            <p *ngIf=\"cartItem.marker\">\u041C\u0430\u0440\u043A\u0438\u0440\u043E\u0432\u043A\u0430: {{ cartItem.marker }}</p>\n                            <p *ngIf=\"cartItem.width\">\u0428\u0438\u0440\u0438\u043D\u0430: {{ cartItem.width }} \u043C.</p>\n                            <ng-container *ngIf=\"cartItem.height; else length\">\n                                <p>\u0412\u044B\u0441\u043E\u0442\u0430: {{ cartItem.height }} \u043C.</p>\n                            </ng-container>\n                            <ng-template #length>\n                                <p *ngIf=\"cartItem.length\">\u0414\u043B\u0438\u043D\u0430: {{ cartItem.length }} \u043C.</p>\n                            </ng-template>\n                        </div>\n                    }\n                </div>\n            </div>\n\n            <div class=\"flex flex-col\">\n                <p class=\"whitespace-nowrap\">\n                    \u0421\u0443\u043C\u043C\u0430:\n                    <strong> {{ cartItem.costRub | tuiFormatNumber: { precision: 2, decimalSeparator: '.', rounding: 'ceil' } | async }} {{ 'RUB' | tuiCurrency }}</strong>\n                </p>\n                <sc-price-warehouse-stock [product]=\"product\" />\n            </div>\n            <button\n                tuiIconButton\n                iconStart=\"@tui.trash\"\n                (click)=\"clickClearEvent.emit()\"\n                size=\"s\"\n                appearance=\"secondary\"\n                class=\"!absolute left-1 top-1 lg:!relative lg:left-0 lg:top-0 lg:ml-auto\"\n            ></button>\n        </div>\n    </div>\n    <div\n        style=\"display: none\"\n        data-noindex=\"false\"\n    ></div>\n</div>\n\n<ng-template #skeleton>\n    <div class=\"tui-skeleton flex h-[8.25rem] w-full overflow-hidden rounded-xl\"></div>\n</ng-template>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { 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: "directive", type: TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "component", type: TuiIcon, selector: "tui-icon", inputs: ["icon", "background"] }, { kind: "ngmodule", type: TuiTextfieldControllerModule }, { kind: "directive", type: i2$4.PolymorpheusOutlet, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2$3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { 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: TuiHighlight, selector: "[tuiHighlight]", inputs: ["tuiHighlight", "tuiHighlightColor"] }, { kind: "directive", type: TuiAutoFocus, selector: "[tuiAutoFocus]", inputs: ["tuiAutoFocus"] }, { kind: "component", type: ScHoverImageCarouselComponent, selector: "sc-hover-image-carousel", inputs: ["images", "isShowActions", "productName"] }, { kind: "component", type: CostWithDiscountComponent, selector: "sc-cost-with-discount", inputs: ["product", "size"] }, { kind: "component", type: ScPriceWarehouseStockComponent, selector: "sc-price-warehouse-stock", inputs: ["classList", "product", "withStockHint", "fromMain"] }, { kind: "component", type: ScInputQuantityComponent, selector: "sc-input-quantity", inputs: ["step", "showLoader", "showCross", "ignoreStepValidators", "appearance", "isDisabled", "size"], outputs: ["clickClearEvent"] }, { kind: "pipe", type: TuiCurrencyPipe, name: "tuiCurrency" }, { kind: "pipe", type: TuiFormatNumberPipe, name: "tuiFormatNumber" }, { kind: "component", type: i2$1.TuiPreviewComponent, selector: "tui-preview", inputs: ["zoomable", "rotatable"] }, { kind: "directive", type: i2$1.TuiPreviewAction, selector: "[tuiPreviewAction]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ScCartItemComponent, decorators: [{
             type: Component,
@@ -4327,7 +4327,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         TuiFormatNumberPipe,
                         TuiPreview,
                         ScFormatDatePipe,
-                    ], providers: [SEARCH_TERM_PROVIDERS], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n    *ngIf=\"product && cartItem; else skeleton\"\n    class=\"relative flex w-full gap-4 rounded-xl p-1 text-body-s hover:bg-tui-background-neutral-1\"\n>\n    @let isDisabled = product.isHidden || product.isNull;\n    <sc-hover-image-carousel\n        (click)=\"isDisabled ? null : clickCardEvent.emit()\"\n        [images]=\"!isMobile ? getCardImagePreviewList(product) : [getCardImagePreview()]\"\n        [isShowActions]=\"false\"\n        class=\"aspect-square w-24 shrink-0 cursor-pointer self-start\"\n    />\n    <div class=\"flex w-full flex-col justify-between gap-4 md:flex-row md:items-center md:gap-5\">\n        <div class=\"flex grow flex-col gap-1\">\n            <div\n                [tuiHighlight]=\"(search$ | async) ?? ''\"\n                class=\"text-tui-text-02\"\n            >\n                \u0410\u0440\u0442\u0438\u043A\u0443\u043B: {{ product.code }}\n            </div>\n            <div class=\"flex flex-col gap-1\">\n                <a\n                    tuiLink\n                    [attr.href]=\"href ?? null\"\n                    [tuiHighlight]=\"(search$ | async) ?? ''\"\n                    (click)=\"$event.preventDefault(); clickCardEvent.emit()\"\n                    [class.disabled]=\"isDisabled\"\n                    class=\"!text-body-m-bold\"\n                >\n                    {{ product.name }}\n                </a>\n                <span\n                    *ngIf=\"product.supplierSku\"\n                    class=\"text-tui-text-02\"\n                >\n                    \u0410\u0440\u0442\u0438\u043A\u0443\u043B \u043F\u0440\u043E\u0438\u0437\u0432\u043E\u0434\u0438\u0442\u0435\u043B\u044F: {{ product.supplierSku }}\n                </span>\n                <div\n                    *ngIf=\"product?.pack\"\n                    class=\"flex items-center gap-1 text-tui-text-02\"\n                >\n                    \u041D\u043E\u0440\u043C\u0430 \u0443\u043F\u0430\u043A\u043E\u0432\u043A\u0438: {{ product.pack }}\n                    <tui-icon\n                        *ngIf=\"product.ignoreMinCountCheck\"\n                        icon=\"@tui.package\"\n                        [tuiHint]=\"minCountHint\"\n                        [tuiHintShowDelay]=\"100\"\n                        tuiHintDirection=\"top\"\n                        class=\"text-body-xl text-tui-text-01 opacity-90\"\n                    />\n                    <ng-template #minCountHint>\n                        \u0414\u043E\u0441\u0442\u0443\u043F\u0435\u043D \u0437\u0430\u043A\u0430\u0437 <br />\n                        \u043F\u0440\u043E\u0438\u0437\u0432\u043E\u043B\u044C\u043D\u043E\u0433\u043E <br />\n                        \u043A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u0430\n                    </ng-template>\n                </div>\n\n                <sc-cost-with-discount [product]=\"product\" />\n            </div>\n            <a\n                tuiLink\n                *ngIf=\"cartItem.specificationImgUrl\"\n                (click)=\"showSpecification(specificationPreview)\"\n                [class.disabled]=\"isDisabled\"\n            >\n                \u0421\u043F\u0435\u0446\u0438\u0444\u0438\u043A\u0430\u0446\u0438\u044F\n            </a>\n            <ng-template\n                #specificationPreview\n                let-preview\n            >\n                <tui-preview\n                    [rotatable]=\"false\"\n                    [zoomable]=\"false\"\n                >\n                    <img\n                        *polymorpheusOutlet=\"cartItem.specificationImgUrl as src\"\n                        alt=\"preview\"\n                        [src]=\"cartItem.specificationImgUrl\"\n                    />\n                    <button\n                        iconStart=\"@tui.x\"\n                        title=\"Close\"\n                        tuiIconButton\n                        tuiPreviewAction\n                        type=\"button\"\n                        (click)=\"preview.complete()\"\n                    ></button>\n                </tui-preview>\n            </ng-template>\n        </div>\n        <div class=\"flex shrink-0 flex-col gap-4 sm:flex-row md:w-1/2 lg:w-3/5 xl:w-1/2 xl:gap-8 2xl:w-2/5\">\n            <div class=\"flex flex-wrap items-center gap-4 md:flex-col md:items-start lg:flex-row lg:items-center lg:gap-8\">\n                <sc-input-quantity\n                    #inputQuantity\n                    [tuiAutoFocus]=\"autoFocuseQuantityInput()\"\n                    *ngIf=\"showQuantityControl\"\n                    [formControl]=\"quantityControl\"\n                    size=\"m\"\n                    [showCross]=\"false\"\n                    [isDisabled]=\"isDisabled\"\n                    [step]=\"unitsHelper.productMultiplicity(product)\"\n                    [ignoreStepValidators]=\"product.ignoreMinCountCheck\"\n                    [showLoader]=\"quantityShowLoader\"\n                    (clickClearEvent)=\"clickClearEvent.emit(cartItem)\"\n                    (keydown.enter)=\"inputQuantity.nativeFocusableElement?.blur()\"\n                    class=\"w-32 shrink-0\"\n                />\n                <div class=\"flex w-36 items-center gap-1\">\n                    @if (cartItem.height || cartItem.length || cartItem.width) {\n                        <button\n                            tuiIconButton\n                            iconStart=\"@tui.settings\"\n                            [disabled]=\"isDisabled\"\n                            (click)=\"clickSettings.emit()\"\n                            size=\"s\"\n                            appearance=\"secondary\"\n                            class=\"mr-2 !self-center\"\n                        ></button>\n                        <div class=\"flex flex-col gap-x-2 text-xs text-tui-base-07\">\n                            <p *ngIf=\"cartItem.marker\">\u041C\u0430\u0440\u043A\u0438\u0440\u043E\u0432\u043A\u0430: {{ cartItem.marker }}</p>\n                            <p *ngIf=\"cartItem.width\">\u0428\u0438\u0440\u0438\u043D\u0430: {{ cartItem.width }} \u043C.</p>\n                            <ng-container *ngIf=\"cartItem.height; else length\">\n                                <p>\u0412\u044B\u0441\u043E\u0442\u0430: {{ cartItem.height }} \u043C.</p>\n                            </ng-container>\n                            <ng-template #length>\n                                <p *ngIf=\"cartItem.length\">\u0414\u043B\u0438\u043D\u0430: {{ cartItem.length }} \u043C.</p>\n                            </ng-template>\n                        </div>\n                    }\n                </div>\n            </div>\n\n            <div class=\"flex flex-col\">\n                <p class=\"whitespace-nowrap\">\n                    \u0421\u0443\u043C\u043C\u0430:\n                    <strong> {{ cartItem.costRub | tuiFormatNumber: { precision: 2, decimalSeparator: '.', rounding: 'ceil' } | async }} {{ 'RUB' | tuiCurrency }}</strong>\n                </p>\n                <sc-price-warehouse-stock [product]=\"product\" />\n            </div>\n            <button\n                tuiIconButton\n                iconStart=\"@tui.trash\"\n                (click)=\"clickClearEvent.emit()\"\n                size=\"s\"\n                appearance=\"secondary\"\n                class=\"!absolute left-1 top-1 lg:!relative lg:left-0 lg:top-0 lg:ml-auto\"\n            ></button>\n        </div>\n    </div>\n</div>\n\n<ng-template #skeleton>\n    <div class=\"tui-skeleton flex h-[8.25rem] w-full overflow-hidden rounded-xl\"></div>\n</ng-template>\n" }]
+                    ], providers: [SEARCH_TERM_PROVIDERS], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n    *ngIf=\"product && cartItem; else skeleton\"\n    class=\"relative flex w-full gap-4 rounded-xl p-1 text-body-s hover:bg-tui-background-neutral-1\"\n>\n    <div\n        style=\"display: none\"\n        data-noindex=\"true\"\n    ></div>\n    @let isDisabled = product.isHidden || product.isNull;\n    <sc-hover-image-carousel\n        (click)=\"isDisabled ? null : clickCardEvent.emit()\"\n        [images]=\"!isMobile ? getCardImagePreviewList(product) : [getCardImagePreview()]\"\n        [isShowActions]=\"false\"\n        class=\"aspect-square w-24 shrink-0 cursor-pointer self-start\"\n    />\n    <div class=\"flex w-full flex-col justify-between gap-4 md:flex-row md:items-center md:gap-5\">\n        <div class=\"flex grow flex-col gap-1\">\n            <div\n                [tuiHighlight]=\"(search$ | async) ?? ''\"\n                class=\"text-tui-text-02\"\n            >\n                \u0410\u0440\u0442\u0438\u043A\u0443\u043B: {{ product.code }}\n            </div>\n            <div class=\"flex flex-col gap-1\">\n                <a\n                    tuiLink\n                    [attr.href]=\"href ?? null\"\n                    [tuiHighlight]=\"(search$ | async) ?? ''\"\n                    (click)=\"$event.preventDefault(); clickCardEvent.emit()\"\n                    [class.disabled]=\"isDisabled\"\n                    class=\"!text-body-m-bold\"\n                >\n                    {{ product.name }}\n                </a>\n                <span\n                    *ngIf=\"product.supplierSku\"\n                    class=\"text-tui-text-02\"\n                >\n                    \u0410\u0440\u0442\u0438\u043A\u0443\u043B \u043F\u0440\u043E\u0438\u0437\u0432\u043E\u0434\u0438\u0442\u0435\u043B\u044F: {{ product.supplierSku }}\n                </span>\n                <div\n                    *ngIf=\"product?.pack\"\n                    class=\"flex items-center gap-1 text-tui-text-02\"\n                >\n                    \u041D\u043E\u0440\u043C\u0430 \u0443\u043F\u0430\u043A\u043E\u0432\u043A\u0438: {{ product.pack }}\n                    <tui-icon\n                        *ngIf=\"product.ignoreMinCountCheck\"\n                        icon=\"@tui.package\"\n                        [tuiHint]=\"minCountHint\"\n                        [tuiHintShowDelay]=\"100\"\n                        tuiHintDirection=\"top\"\n                        class=\"text-body-xl text-tui-text-01 opacity-90\"\n                    />\n                    <ng-template #minCountHint>\n                        \u0414\u043E\u0441\u0442\u0443\u043F\u0435\u043D \u0437\u0430\u043A\u0430\u0437 <br />\n                        \u043F\u0440\u043E\u0438\u0437\u0432\u043E\u043B\u044C\u043D\u043E\u0433\u043E <br />\n                        \u043A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u0430\n                    </ng-template>\n                </div>\n\n                <sc-cost-with-discount [product]=\"product\" />\n            </div>\n            <a\n                tuiLink\n                *ngIf=\"cartItem.specificationImgUrl\"\n                (click)=\"showSpecification(specificationPreview)\"\n                [class.disabled]=\"isDisabled\"\n            >\n                \u0421\u043F\u0435\u0446\u0438\u0444\u0438\u043A\u0430\u0446\u0438\u044F\n            </a>\n            <ng-template\n                #specificationPreview\n                let-preview\n            >\n                <tui-preview\n                    [rotatable]=\"false\"\n                    [zoomable]=\"false\"\n                >\n                    <img\n                        *polymorpheusOutlet=\"cartItem.specificationImgUrl as src\"\n                        alt=\"preview\"\n                        [src]=\"cartItem.specificationImgUrl\"\n                    />\n                    <button\n                        iconStart=\"@tui.x\"\n                        title=\"Close\"\n                        tuiIconButton\n                        tuiPreviewAction\n                        type=\"button\"\n                        (click)=\"preview.complete()\"\n                    ></button>\n                </tui-preview>\n            </ng-template>\n        </div>\n        <div class=\"flex shrink-0 flex-col gap-4 sm:flex-row md:w-1/2 lg:w-3/5 xl:w-1/2 xl:gap-8 2xl:w-2/5\">\n            <div class=\"flex flex-wrap items-center gap-4 md:flex-col md:items-start lg:flex-row lg:items-center lg:gap-8\">\n                <sc-input-quantity\n                    #inputQuantity\n                    [tuiAutoFocus]=\"autoFocuseQuantityInput()\"\n                    *ngIf=\"showQuantityControl\"\n                    [formControl]=\"quantityControl\"\n                    size=\"m\"\n                    [showCross]=\"false\"\n                    [isDisabled]=\"isDisabled\"\n                    [step]=\"unitsHelper.productMultiplicity(product)\"\n                    [ignoreStepValidators]=\"product.ignoreMinCountCheck\"\n                    [showLoader]=\"quantityShowLoader\"\n                    (clickClearEvent)=\"clickClearEvent.emit(cartItem)\"\n                    (keydown.enter)=\"inputQuantity.nativeFocusableElement?.blur()\"\n                    class=\"w-32 shrink-0\"\n                />\n                <div class=\"flex w-36 items-center gap-1\">\n                    @if (cartItem.height || cartItem.length || cartItem.width) {\n                        <button\n                            tuiIconButton\n                            iconStart=\"@tui.settings\"\n                            [disabled]=\"isDisabled\"\n                            (click)=\"clickSettings.emit()\"\n                            size=\"s\"\n                            appearance=\"secondary\"\n                            class=\"mr-2 !self-center\"\n                        ></button>\n                        <div class=\"flex flex-col gap-x-2 text-xs text-tui-base-07\">\n                            <p *ngIf=\"cartItem.marker\">\u041C\u0430\u0440\u043A\u0438\u0440\u043E\u0432\u043A\u0430: {{ cartItem.marker }}</p>\n                            <p *ngIf=\"cartItem.width\">\u0428\u0438\u0440\u0438\u043D\u0430: {{ cartItem.width }} \u043C.</p>\n                            <ng-container *ngIf=\"cartItem.height; else length\">\n                                <p>\u0412\u044B\u0441\u043E\u0442\u0430: {{ cartItem.height }} \u043C.</p>\n                            </ng-container>\n                            <ng-template #length>\n                                <p *ngIf=\"cartItem.length\">\u0414\u043B\u0438\u043D\u0430: {{ cartItem.length }} \u043C.</p>\n                            </ng-template>\n                        </div>\n                    }\n                </div>\n            </div>\n\n            <div class=\"flex flex-col\">\n                <p class=\"whitespace-nowrap\">\n                    \u0421\u0443\u043C\u043C\u0430:\n                    <strong> {{ cartItem.costRub | tuiFormatNumber: { precision: 2, decimalSeparator: '.', rounding: 'ceil' } | async }} {{ 'RUB' | tuiCurrency }}</strong>\n                </p>\n                <sc-price-warehouse-stock [product]=\"product\" />\n            </div>\n            <button\n                tuiIconButton\n                iconStart=\"@tui.trash\"\n                (click)=\"clickClearEvent.emit()\"\n                size=\"s\"\n                appearance=\"secondary\"\n                class=\"!absolute left-1 top-1 lg:!relative lg:left-0 lg:top-0 lg:ml-auto\"\n            ></button>\n        </div>\n    </div>\n    <div\n        style=\"display: none\"\n        data-noindex=\"false\"\n    ></div>\n</div>\n\n<ng-template #skeleton>\n    <div class=\"tui-skeleton flex h-[8.25rem] w-full overflow-hidden rounded-xl\"></div>\n</ng-template>\n" }]
         }] });
 /**
@@ -4851,11 +4851,11 @@ class ScCategoryCardComponent {
         this.cdr.markForCheck();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ScCategoryCardComponent, deps: [{ token: SC_URLS }, { token: SC_PATH_IMAGE_NOT_FOUND }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: ScCategoryCardComponent, selector: "sc-category-card", inputs: { category: { classPropertyName: "category", publicName: "category", isSignal: false, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: false, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, enableHover: { classPropertyName: "enableHover", publicName: "enableHover", isSignal: false, isRequired: false, transformFunction: null }, href: { classPropertyName: "href", publicName: "href", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { clickOnFavoriteEvent: "clickOnFavoriteEvent" }, host: { properties: { "attr.data-size": "this.size" } }, ngImport: i0, template: "<div class=\"relative\">\n    <a\n        (tuiHoveredChange)=\"onHovered($event)\"\n        [routerLink]=\"href ?? null\"\n        class=\"category-button flex flex-col overflow-hidden rounded-tui-radius-m border border-tui-base-04 text-center\"\n    >\n        <div class=\"img-wrapper w-full grow overflow-hidden\">\n            <picture *ngIf=\"category\">\n                @if (category.properties?.imageWebp) {\n                    <source\n                        type=\"image/webp\"\n                        [srcset]=\"category.properties?.imageWebp | scMediaImageTransformer\"\n                    />\n                }\n                <img\n                    [src]=\"category.properties?.image | scMediaImageTransformer: true\"\n                    [alt]=\"category.name\"\n                    [ngClass]=\"{ '!object-contain p-2': appearance() === 'normal' || !category.properties?.image }\"\n                    class=\"size-full rounded-xl object-cover\"\n                />\n            </picture>\n            <!-- \u0411\u043B\u043E\u043A \u0434\u043B\u044F \u0441\u043A\u0435\u043B\u0435\u0442\u043E\u043D\u0430 \u043A\u0430\u0440\u0442\u043E\u0447\u043A\u0438 -->\n            <div\n                *ngIf=\"!category\"\n                class=\"img-wrapper size-full bg-tui-base-02\"\n            ></div>\n        </div>\n\n        <div class=\"name flex w-full items-center justify-center break-all\">\n            @if (category) {\n                @if (enableHover && !isMobile) {\n                    <tui-line-clamp\n                        [content]=\"category.name\"\n                        class=\"pointer-events-none\"\n                        [lineHeight]=\"size === 'm' ? 26 : 24\"\n                        [linesLimit]=\"isHover ? 4 : 2\"\n                    />\n                } @else {\n                    {{ category.name }}\n                }\n            } @else {\n                <div class=\"skeleton-name rounded-tui-radius-s bg-tui-base-02\"></div>\n            }\n        </div>\n    </a>\n    <sc-favorite-button\n        *ngIf=\"category && (authStatus$ | async)\"\n        [showLoader]=\"favoriteShowLoader\"\n        [isFavorite]=\"category.isFavorite\"\n        (clickEvent)=\"clickOnFavoriteEvent.emit()\"\n        class=\"absolute left-1 top-1\"\n    />\n</div>\n", styles: [":host{--tui-duration: .15s}:host[data-size=m] a.category-button{width:100%;height:12.5rem}:host[data-size=m] a.category-button .img-wrapper{max-height:8.75rem}:host[data-size=m] a.category-button .name{padding:.25rem 1rem;margin-block:auto;font-size:.9375rem;line-height:1.5rem;font-weight:800}:host[data-size=m] a.category-button .name .skeleton-name{width:10rem;height:1rem}:host[data-size=s] a.category-button{width:100%;height:10rem}:host[data-size=s] a.category-button .img-wrapper{max-height:7rem}:host[data-size=s] a.category-button .name{padding:.25rem .5rem;margin-block:auto;font-size:.8125rem;line-height:1.25rem;font-weight:800}:host[data-size=s] a.category-button .name .skeleton-name{width:7rem;height:.75rem}\n"], dependencies: [{ kind: "directive", type: i2$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$5.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i2$1.TuiLineClamp, selector: "tui-line-clamp", inputs: ["lineHeight", "content", "linesLimit"], outputs: ["overflownChange"] }, { kind: "directive", type: i7.TuiHovered, selector: "[tuiHoveredChange]", outputs: ["tuiHoveredChange"] }, { kind: "component", type: ScFavoriteButtonComponent, selector: "sc-favorite-button", inputs: ["isFavorite", "showLoader", "disabled"], outputs: ["clickEvent"] }, { kind: "pipe", type: i2$2.AsyncPipe, name: "async" }, { kind: "pipe", type: i1.ScMediaImageTransformerPipe, name: "scMediaImageTransformer" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: ScCategoryCardComponent, selector: "sc-category-card", inputs: { category: { classPropertyName: "category", publicName: "category", isSignal: false, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: false, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, enableHover: { classPropertyName: "enableHover", publicName: "enableHover", isSignal: false, isRequired: false, transformFunction: null }, href: { classPropertyName: "href", publicName: "href", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { clickOnFavoriteEvent: "clickOnFavoriteEvent" }, host: { properties: { "attr.data-size": "this.size" } }, ngImport: i0, template: "<div class=\"relative\">\n    <a\n        (tuiHoveredChange)=\"onHovered($event)\"\n        [routerLink]=\"href ?? null\"\n        class=\"category-button flex flex-col overflow-hidden rounded-tui-radius-m border border-tui-base-04 text-center\"\n    >\n        <div class=\"img-wrapper w-full grow overflow-hidden\">\n            <picture *ngIf=\"category\">\n                @if (category.properties?.imageWebp) {\n                    <source\n                        type=\"image/webp\"\n                        [srcset]=\"category.properties?.imageWebp | scMediaImageTransformer\"\n                    />\n                }\n                <img\n                    [src]=\"category.properties?.image | scMediaImageTransformer: true\"\n                    [alt]=\"category.name\"\n                    [ngClass]=\"{ '!object-contain p-2': appearance() === 'normal' || !category.properties?.image }\"\n                    class=\"size-full rounded-xl object-cover\"\n                />\n            </picture>\n\n            <!-- \u0411\u043B\u043E\u043A \u0434\u043B\u044F \u0441\u043A\u0435\u043B\u0435\u0442\u043E\u043D\u0430 \u043A\u0430\u0440\u0442\u043E\u0447\u043A\u0438. -->\n            <div\n                *ngIf=\"!category\"\n                class=\"img-wrapper size-full bg-tui-base-02\"\n            ></div>\n        </div>\n\n        <div class=\"name flex w-full items-center justify-center break-all\">\n            @if (category) {\n                @if (enableHover && !isMobile) {\n                    <tui-line-clamp\n                        [content]=\"category.name\"\n                        class=\"pointer-events-none\"\n                        [lineHeight]=\"size === 'm' ? 26 : 24\"\n                        [linesLimit]=\"isHover ? 4 : 2\"\n                    />\n                } @else {\n                    {{ category.name }}\n                }\n            } @else {\n                <div class=\"skeleton-name rounded-tui-radius-s bg-tui-base-02\"></div>\n            }\n        </div>\n    </a>\n    <sc-favorite-button\n        *ngIf=\"category && (authStatus$ | async)\"\n        [showLoader]=\"favoriteShowLoader\"\n        [isFavorite]=\"category.isFavorite\"\n        (clickEvent)=\"clickOnFavoriteEvent.emit()\"\n        class=\"absolute left-1 top-1\"\n    />\n</div>\n", styles: [":host{--tui-duration: .15s}:host[data-size=m] a.category-button{width:100%;height:12.5rem}:host[data-size=m] a.category-button .img-wrapper{max-height:8.75rem}:host[data-size=m] a.category-button .name{padding:.25rem 1rem;margin-block:auto;font-size:.9375rem;line-height:1.5rem;font-weight:800}:host[data-size=m] a.category-button .name .skeleton-name{width:10rem;height:1rem}:host[data-size=s] a.category-button{width:100%;height:10rem}:host[data-size=s] a.category-button .img-wrapper{max-height:7rem}:host[data-size=s] a.category-button .name{padding:.25rem .5rem;margin-block:auto;font-size:.8125rem;line-height:1.25rem;font-weight:800}:host[data-size=s] a.category-button .name .skeleton-name{width:7rem;height:.75rem}\n"], dependencies: [{ kind: "directive", type: i2$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$5.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i2$1.TuiLineClamp, selector: "tui-line-clamp", inputs: ["lineHeight", "content", "linesLimit"], outputs: ["overflownChange"] }, { kind: "directive", type: i7.TuiHovered, selector: "[tuiHoveredChange]", outputs: ["tuiHoveredChange"] }, { kind: "component", type: ScFavoriteButtonComponent, selector: "sc-favorite-button", inputs: ["isFavorite", "showLoader", "disabled"], outputs: ["clickEvent"] }, { kind: "pipe", type: i2$2.AsyncPipe, name: "async" }, { kind: "pipe", type: i1.ScMediaImageTransformerPipe, name: "scMediaImageTransformer" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ScCategoryCardComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sc-category-card', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"relative\">\n    <a\n        (tuiHoveredChange)=\"onHovered($event)\"\n        [routerLink]=\"href ?? null\"\n        class=\"category-button flex flex-col overflow-hidden rounded-tui-radius-m border border-tui-base-04 text-center\"\n    >\n        <div class=\"img-wrapper w-full grow overflow-hidden\">\n            <picture *ngIf=\"category\">\n                @if (category.properties?.imageWebp) {\n                    <source\n                        type=\"image/webp\"\n                        [srcset]=\"category.properties?.imageWebp | scMediaImageTransformer\"\n                    />\n                }\n                <img\n                    [src]=\"category.properties?.image | scMediaImageTransformer: true\"\n                    [alt]=\"category.name\"\n                    [ngClass]=\"{ '!object-contain p-2': appearance() === 'normal' || !category.properties?.image }\"\n                    class=\"size-full rounded-xl object-cover\"\n                />\n            </picture>\n            <!-- \u0411\u043B\u043E\u043A \u0434\u043B\u044F \u0441\u043A\u0435\u043B\u0435\u0442\u043E\u043D\u0430 \u043A\u0430\u0440\u0442\u043E\u0447\u043A\u0438 -->\n            <div\n                *ngIf=\"!category\"\n                class=\"img-wrapper size-full bg-tui-base-02\"\n            ></div>\n        </div>\n\n        <div class=\"name flex w-full items-center justify-center break-all\">\n            @if (category) {\n                @if (enableHover && !isMobile) {\n                    <tui-line-clamp\n                        [content]=\"category.name\"\n                        class=\"pointer-events-none\"\n                        [lineHeight]=\"size === 'm' ? 26 : 24\"\n                        [linesLimit]=\"isHover ? 4 : 2\"\n                    />\n                } @else {\n                    {{ category.name }}\n                }\n            } @else {\n                <div class=\"skeleton-name rounded-tui-radius-s bg-tui-base-02\"></div>\n            }\n        </div>\n    </a>\n    <sc-favorite-button\n        *ngIf=\"category && (authStatus$ | async)\"\n        [showLoader]=\"favoriteShowLoader\"\n        [isFavorite]=\"category.isFavorite\"\n        (clickEvent)=\"clickOnFavoriteEvent.emit()\"\n        class=\"absolute left-1 top-1\"\n    />\n</div>\n", styles: [":host{--tui-duration: .15s}:host[data-size=m] a.category-button{width:100%;height:12.5rem}:host[data-size=m] a.category-button .img-wrapper{max-height:8.75rem}:host[data-size=m] a.category-button .name{padding:.25rem 1rem;margin-block:auto;font-size:.9375rem;line-height:1.5rem;font-weight:800}:host[data-size=m] a.category-button .name .skeleton-name{width:10rem;height:1rem}:host[data-size=s] a.category-button{width:100%;height:10rem}:host[data-size=s] a.category-button .img-wrapper{max-height:7rem}:host[data-size=s] a.category-button .name{padding:.25rem .5rem;margin-block:auto;font-size:.8125rem;line-height:1.25rem;font-weight:800}:host[data-size=s] a.category-button .name .skeleton-name{width:7rem;height:.75rem}\n"] }]
+            args: [{ selector: 'sc-category-card', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"relative\">\n    <a\n        (tuiHoveredChange)=\"onHovered($event)\"\n        [routerLink]=\"href ?? null\"\n        class=\"category-button flex flex-col overflow-hidden rounded-tui-radius-m border border-tui-base-04 text-center\"\n    >\n        <div class=\"img-wrapper w-full grow overflow-hidden\">\n            <picture *ngIf=\"category\">\n                @if (category.properties?.imageWebp) {\n                    <source\n                        type=\"image/webp\"\n                        [srcset]=\"category.properties?.imageWebp | scMediaImageTransformer\"\n                    />\n                }\n                <img\n                    [src]=\"category.properties?.image | scMediaImageTransformer: true\"\n                    [alt]=\"category.name\"\n                    [ngClass]=\"{ '!object-contain p-2': appearance() === 'normal' || !category.properties?.image }\"\n                    class=\"size-full rounded-xl object-cover\"\n                />\n            </picture>\n\n            <!-- \u0411\u043B\u043E\u043A \u0434\u043B\u044F \u0441\u043A\u0435\u043B\u0435\u0442\u043E\u043D\u0430 \u043A\u0430\u0440\u0442\u043E\u0447\u043A\u0438. -->\n            <div\n                *ngIf=\"!category\"\n                class=\"img-wrapper size-full bg-tui-base-02\"\n            ></div>\n        </div>\n\n        <div class=\"name flex w-full items-center justify-center break-all\">\n            @if (category) {\n                @if (enableHover && !isMobile) {\n                    <tui-line-clamp\n                        [content]=\"category.name\"\n                        class=\"pointer-events-none\"\n                        [lineHeight]=\"size === 'm' ? 26 : 24\"\n                        [linesLimit]=\"isHover ? 4 : 2\"\n                    />\n                } @else {\n                    {{ category.name }}\n                }\n            } @else {\n                <div class=\"skeleton-name rounded-tui-radius-s bg-tui-base-02\"></div>\n            }\n        </div>\n    </a>\n    <sc-favorite-button\n        *ngIf=\"category && (authStatus$ | async)\"\n        [showLoader]=\"favoriteShowLoader\"\n        [isFavorite]=\"category.isFavorite\"\n        (clickEvent)=\"clickOnFavoriteEvent.emit()\"\n        class=\"absolute left-1 top-1\"\n    />\n</div>\n", styles: [":host{--tui-duration: .15s}:host[data-size=m] a.category-button{width:100%;height:12.5rem}:host[data-size=m] a.category-button .img-wrapper{max-height:8.75rem}:host[data-size=m] a.category-button .name{padding:.25rem 1rem;margin-block:auto;font-size:.9375rem;line-height:1.5rem;font-weight:800}:host[data-size=m] a.category-button .name .skeleton-name{width:10rem;height:1rem}:host[data-size=s] a.category-button{width:100%;height:10rem}:host[data-size=s] a.category-button .img-wrapper{max-height:7rem}:host[data-size=s] a.category-button .name{padding:.25rem .5rem;margin-block:auto;font-size:.8125rem;line-height:1.25rem;font-weight:800}:host[data-size=s] a.category-button .name .skeleton-name{width:7rem;height:.75rem}\n"] }]
         }], ctorParameters: () => [{ type: undefined, decorators: [{
                     type: Inject,
                     args: [SC_URLS]
@@ -5085,11 +5085,11 @@ class ScPriceCardComponent extends AbstractScPriceCard {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ScPriceCardComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ScPriceCardComponent, selector: "sc-price-card", inputs: { size: "size" }, host: { properties: { "attr.data-size": "this.size" } }, providers: [SEARCH_TERM_PROVIDERS], usesInheritance: true, ngImport: i0, template: "<div\n    *ngIf=\"product; else skeleton\"\n    class=\"card-wrapper relative flex h-full w-auto flex-col rounded-xl p-1\"\n>\n    <div class=\"flex min-h-8 items-center justify-between\">\n        <span\n            [tuiHighlight]=\"(search$ | async) ?? ''\"\n            class=\"code text-tui-text-02\"\n        >\n            \u0410\u0440\u0442\u0438\u043A\u0443\u043B: {{ product.code }}\n        </span>\n\n        <div class=\"flex items-center\">\n            <tui-icon\n                *ngIf=\"product.isPreviouslyOrdered\"\n                icon=\"@tui.history\"\n                class=\"text-lg\"\n                [style.color]=\"'var(--tui-text-action)'\"\n            />\n            <sc-favorite-button\n                *ngIf=\"authStatus$ | async\"\n                (clickEvent)=\"clickFavoriteEvent.emit()\"\n                [showLoader]=\"favoriteShowLoader\"\n                [isFavorite]=\"product.isFavorite\"\n                [disabled]=\"!!product.primaryCategory?.isFavorite\"\n            />\n        </div>\n    </div>\n\n    <sc-hover-image-carousel\n        (click)=\"clickCardEvent.emit()\"\n        [images]=\"!isMobile ? getCardImagePreviewList(product) : [getCardImagePreview()]\"\n        class=\"cursor-pointer\"\n    />\n    <div\n        class=\"flex grow flex-col justify-end\"\n        [class.gap-1]=\"size === 'm'\"\n    >\n        <div\n            class=\"flex grow flex-col\"\n            [class.gap-1]=\"size === 'm'\"\n        >\n            <a\n                tuiLink\n                [attr.href]=\"href ?? null\"\n                [tuiHighlight]=\"(search$ | async) ?? ''\"\n                (click)=\"$event.preventDefault(); clickCardEvent.emit()\"\n                class=\"name mb-auto\"\n            >\n                {{ product.name }}\n            </a>\n            <span\n                *ngIf=\"product.supplierSku\"\n                class=\"text-tui-text-02\"\n            >\n                \u0410\u0440\u0442\u0438\u043A\u0443\u043B \u043F\u0440\u043E\u0438\u0437\u0432\u043E\u0434\u0438\u0442\u0435\u043B\u044F: {{ product.supplierSku }}\n            </span>\n            <div\n                *ngIf=\"product?.pack\"\n                class=\"flex items-center gap-1 text-tui-text-02\"\n            >\n                \u041D\u043E\u0440\u043C\u0430 \u0443\u043F\u0430\u043A\u043E\u0432\u043A\u0438: {{ product.pack }}\n                <tui-icon\n                    *ngIf=\"product.ignoreMinCountCheck\"\n                    icon=\"@tui.package\"\n                    [tuiHint]=\"minCountHint\"\n                    [tuiHintShowDelay]=\"100\"\n                    class=\"text-body-xl text-tui-text-01 opacity-90\"\n                    tuiHintDirection=\"top\"\n                />\n                <ng-template #minCountHint>\n                    \u0414\u043E\u0441\u0442\u0443\u043F\u0435\u043D \u0437\u0430\u043A\u0430\u0437 <br />\n                    \u043F\u0440\u043E\u0438\u0437\u0432\u043E\u043B\u044C\u043D\u043E\u0433\u043E <br />\n                    \u043A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u0430\n                </ng-template>\n            </div>\n            <sc-cost-with-discount\n                [product]=\"product\"\n                [size]=\"size\"\n            />\n            <sc-price-warehouse-stock [product]=\"product\" />\n        </div>\n        <div class=\"mt-2 flex gap-2\">\n            <button\n                *ngIf=\"!showQuantityControl\"\n                tuiButton\n                (click)=\"clickAddToCartEvent.emit(product)\"\n                [loading]=\"quantityShowLoader\"\n                [size]=\"getToCartButtonSize()\"\n                class=\"grow !font-extrabold\"\n                iconStart=\"@tui.shopping-cart\"\n            >\n                \u0412 \u043A\u043E\u0440\u0437\u0438\u043D\u0443\n            </button>\n            <sc-input-quantity\n                #inputQuantity\n                *ngIf=\"showQuantityControl\"\n                [formControl]=\"quantityControl\"\n                [size]=\"size\"\n                [step]=\"unitsHelper.productMultiplicity(product)\"\n                [ignoreStepValidators]=\"product.ignoreMinCountCheck\"\n                [showLoader]=\"quantityShowLoader\"\n                (clickClearEvent)=\"clickClearEvent.emit(cartItem)\"\n                class=\"w-full\"\n                (keydown.enter)=\"inputQuantity.nativeFocusableElement?.blur()\"\n                class=\"w-full\"\n            />\n            <tui-avatar\n                *ngIf=\"product.cartItem && !showQuantityControl\"\n                src=\"@tui.check\"\n                size=\"s\"\n                [style.background]=\"'var(--tui-status-warning-pale)'\"\n                [style.color]=\"'var(--tui-background-accent-1)'\"\n            />\n        </div>\n    </div>\n</div>\n\n<ng-template #skeleton>\n    <div class=\"card-wrapper relative flex h-full w-auto flex-col rounded-xl p-1\"></div>\n</ng-template>\n", styles: [":host tui-badge{--t-padding: .25rem !important}:host .name{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4}:host[data-size=s] .card-wrapper{font-size:.6875rem;line-height:1rem;font-weight:500}:host[data-size=s] .card-wrapper .name,:host[data-size=s] .card-wrapper .cost{font-size:.8125rem;line-height:1.25rem;font-weight:800}:host[data-size=m] .card-wrapper{font-size:.8125rem;line-height:1.25rem;font-weight:500}:host[data-size=m] .card-wrapper .name,:host[data-size=m] .card-wrapper .cost{font-size:.9375rem;line-height:1.5rem;font-weight:800}\n"], dependencies: [{ kind: "directive", type: i2$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "component", type: i1$1.TuiIcon, selector: "tui-icon", inputs: ["icon", "background"] }, { kind: "directive", type: i2$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.TuiHintDirective, selector: "[tuiHint]:not(ng-container):not(ng-template)", inputs: ["tuiHintContext", "tuiHintAppearance", "tuiHint"] }, { kind: "directive", type: i1$1.TuiLink, selector: "a[tuiLink], button[tuiLink]", inputs: ["pseudo"] }, { kind: "directive", type: i2$1.TuiHighlight, selector: "[tuiHighlight]", inputs: ["tuiHighlight", "tuiHighlightColor"] }, { kind: "component", type: i2$1.TuiButtonLoading, selector: "[tuiButton][loading],[tuiIconButton][loading]", inputs: ["size", "loading"] }, { kind: "component", type: i2$1.TuiAvatar, selector: "tui-avatar,button[tuiAvatar],a[tuiAvatar]", inputs: ["size", "round", "src"] }, { kind: "component", type: ScHoverImageCarouselComponent, selector: "sc-hover-image-carousel", inputs: ["images", "isShowActions", "productName"] }, { kind: "component", type: CostWithDiscountComponent, selector: "sc-cost-with-discount", inputs: ["product", "size"] }, { kind: "component", type: ScPriceWarehouseStockComponent, selector: "sc-price-warehouse-stock", inputs: ["classList", "product", "withStockHint", "fromMain"] }, { kind: "component", type: ScFavoriteButtonComponent, selector: "sc-favorite-button", inputs: ["isFavorite", "showLoader", "disabled"], outputs: ["clickEvent"] }, { kind: "component", type: ScInputQuantityComponent, selector: "sc-input-quantity", inputs: ["step", "showLoader", "showCross", "ignoreStepValidators", "appearance", "isDisabled", "size"], outputs: ["clickClearEvent"] }, { kind: "pipe", type: i2$2.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ScPriceCardComponent, selector: "sc-price-card", inputs: { size: "size" }, host: { properties: { "attr.data-size": "this.size" } }, providers: [SEARCH_TERM_PROVIDERS], usesInheritance: true, ngImport: i0, template: "<div\n    *ngIf=\"product; else skeleton\"\n    class=\"card-wrapper relative flex h-full w-auto flex-col rounded-xl p-1\"\n>\n    <div\n        style=\"display: none\"\n        data-noindex=\"true\"\n    ></div>\n    <div class=\"flex min-h-8 items-center justify-between\">\n        <span\n            [tuiHighlight]=\"(search$ | async) ?? ''\"\n            class=\"code text-tui-text-02\"\n        >\n            \u0410\u0440\u0442\u0438\u043A\u0443\u043B: {{ product.code }}\n        </span>\n\n        <div class=\"flex items-center\">\n            <tui-icon\n                *ngIf=\"product.isPreviouslyOrdered\"\n                icon=\"@tui.history\"\n                class=\"text-lg\"\n                [style.color]=\"'var(--tui-text-action)'\"\n            />\n            <sc-favorite-button\n                *ngIf=\"authStatus$ | async\"\n                (clickEvent)=\"clickFavoriteEvent.emit()\"\n                [showLoader]=\"favoriteShowLoader\"\n                [isFavorite]=\"product.isFavorite\"\n                [disabled]=\"!!product.primaryCategory?.isFavorite\"\n            />\n        </div>\n    </div>\n    <div\n        style=\"display: none\"\n        data-noindex=\"false\"\n    ></div>\n\n    <sc-hover-image-carousel\n        (click)=\"clickCardEvent.emit()\"\n        [images]=\"!isMobile ? getCardImagePreviewList(product) : [getCardImagePreview()]\"\n        class=\"cursor-pointer\"\n    />\n\n    <div\n        class=\"flex grow flex-col justify-end\"\n        [class.gap-1]=\"size === 'm'\"\n    >\n        <div\n            class=\"flex grow flex-col\"\n            [class.gap-1]=\"size === 'm'\"\n        >\n            <a\n                tuiLink\n                [attr.href]=\"href ?? null\"\n                [tuiHighlight]=\"(search$ | async) ?? ''\"\n                (click)=\"$event.preventDefault(); clickCardEvent.emit()\"\n                class=\"name mb-auto\"\n            >\n                {{ product.name }}\n            </a>\n\n            <div\n                style=\"display: none\"\n                data-noindex=\"true\"\n            ></div>\n            <span\n                *ngIf=\"product.supplierSku\"\n                class=\"text-tui-text-02\"\n            >\n                \u0410\u0440\u0442\u0438\u043A\u0443\u043B \u043F\u0440\u043E\u0438\u0437\u0432\u043E\u0434\u0438\u0442\u0435\u043B\u044F: {{ product.supplierSku }}\n            </span>\n            <div\n                style=\"display: none\"\n                data-noindex=\"false\"\n            ></div>\n\n            <div\n                style=\"display: none\"\n                data-noindex=\"true\"\n            ></div>\n            <div\n                *ngIf=\"product?.pack\"\n                class=\"flex items-center gap-1 text-tui-text-02\"\n            >\n                \u041D\u043E\u0440\u043C\u0430 \u0443\u043F\u0430\u043A\u043E\u0432\u043A\u0438: {{ product.pack }}\n                <tui-icon\n                    *ngIf=\"product.ignoreMinCountCheck\"\n                    icon=\"@tui.package\"\n                    [tuiHint]=\"minCountHint\"\n                    [tuiHintShowDelay]=\"100\"\n                    class=\"text-body-xl text-tui-text-01 opacity-90\"\n                    tuiHintDirection=\"top\"\n                />\n                <ng-template #minCountHint>\n                    \u0414\u043E\u0441\u0442\u0443\u043F\u0435\u043D \u0437\u0430\u043A\u0430\u0437 <br />\n                    \u043F\u0440\u043E\u0438\u0437\u0432\u043E\u043B\u044C\u043D\u043E\u0433\u043E <br />\n                    \u043A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u0430\n                </ng-template>\n            </div>\n            <div\n                style=\"display: none\"\n                data-noindex=\"false\"\n            ></div>\n\n            <sc-cost-with-discount\n                [product]=\"product\"\n                [size]=\"size\"\n            />\n\n            <div\n                style=\"display: none\"\n                data-noindex=\"true\"\n            ></div>\n            <sc-price-warehouse-stock [product]=\"product\" />\n            <div\n                style=\"display: none\"\n                data-noindex=\"false\"\n            ></div>\n        </div>\n\n        <div\n            style=\"display: none\"\n            data-noindex=\"true\"\n        ></div>\n        <div class=\"mt-2 flex gap-2\">\n            <button\n                *ngIf=\"!showQuantityControl\"\n                tuiButton\n                (click)=\"clickAddToCartEvent.emit(product)\"\n                [loading]=\"quantityShowLoader\"\n                [size]=\"getToCartButtonSize()\"\n                class=\"grow !font-extrabold\"\n                iconStart=\"@tui.shopping-cart\"\n            >\n                \u0412 \u043A\u043E\u0440\u0437\u0438\u043D\u0443\n            </button>\n            <sc-input-quantity\n                #inputQuantity\n                *ngIf=\"showQuantityControl\"\n                [formControl]=\"quantityControl\"\n                [size]=\"size\"\n                [step]=\"unitsHelper.productMultiplicity(product)\"\n                [ignoreStepValidators]=\"product.ignoreMinCountCheck\"\n                [showLoader]=\"quantityShowLoader\"\n                (clickClearEvent)=\"clickClearEvent.emit(cartItem)\"\n                (keydown.enter)=\"inputQuantity.nativeFocusableElement?.blur()\"\n                class=\"w-full\"\n            />\n            <tui-avatar\n                *ngIf=\"product.cartItem && !showQuantityControl\"\n                src=\"@tui.check\"\n                size=\"s\"\n                [style.background]=\"'var(--tui-status-warning-pale)'\"\n                [style.color]=\"'var(--tui-background-accent-1)'\"\n            />\n        </div>\n        <div\n            style=\"display: none\"\n            data-noindex=\"false\"\n        ></div>\n    </div>\n</div>\n\n<ng-template #skeleton>\n    <div class=\"card-wrapper relative flex h-full w-auto flex-col rounded-xl p-1\"></div>\n</ng-template>\n", styles: [":host tui-badge{--t-padding: .25rem !important}:host .name{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4}:host[data-size=s] .card-wrapper{font-size:.6875rem;line-height:1rem;font-weight:500}:host[data-size=s] .card-wrapper .name,:host[data-size=s] .card-wrapper .cost{font-size:.8125rem;line-height:1.25rem;font-weight:800}:host[data-size=m] .card-wrapper{font-size:.8125rem;line-height:1.25rem;font-weight:500}:host[data-size=m] .card-wrapper .name,:host[data-size=m] .card-wrapper .cost{font-size:.9375rem;line-height:1.5rem;font-weight:800}\n"], dependencies: [{ kind: "directive", type: i2$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "component", type: i1$1.TuiIcon, selector: "tui-icon", inputs: ["icon", "background"] }, { kind: "directive", type: i2$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.TuiHintDirective, selector: "[tuiHint]:not(ng-container):not(ng-template)", inputs: ["tuiHintContext", "tuiHintAppearance", "tuiHint"] }, { kind: "directive", type: i1$1.TuiLink, selector: "a[tuiLink], button[tuiLink]", inputs: ["pseudo"] }, { kind: "directive", type: i2$1.TuiHighlight, selector: "[tuiHighlight]", inputs: ["tuiHighlight", "tuiHighlightColor"] }, { kind: "component", type: i2$1.TuiButtonLoading, selector: "[tuiButton][loading],[tuiIconButton][loading]", inputs: ["size", "loading"] }, { kind: "component", type: i2$1.TuiAvatar, selector: "tui-avatar,button[tuiAvatar],a[tuiAvatar]", inputs: ["size", "round", "src"] }, { kind: "component", type: ScHoverImageCarouselComponent, selector: "sc-hover-image-carousel", inputs: ["images", "isShowActions", "productName"] }, { kind: "component", type: CostWithDiscountComponent, selector: "sc-cost-with-discount", inputs: ["product", "size"] }, { kind: "component", type: ScPriceWarehouseStockComponent, selector: "sc-price-warehouse-stock", inputs: ["classList", "product", "withStockHint", "fromMain"] }, { kind: "component", type: ScFavoriteButtonComponent, selector: "sc-favorite-button", inputs: ["isFavorite", "showLoader", "disabled"], outputs: ["clickEvent"] }, { kind: "component", type: ScInputQuantityComponent, selector: "sc-input-quantity", inputs: ["step", "showLoader", "showCross", "ignoreStepValidators", "appearance", "isDisabled", "size"], outputs: ["clickClearEvent"] }, { kind: "pipe", type: i2$2.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ScPriceCardComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sc-price-card', providers: [SEARCH_TERM_PROVIDERS], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n    *ngIf=\"product; else skeleton\"\n    class=\"card-wrapper relative flex h-full w-auto flex-col rounded-xl p-1\"\n>\n    <div class=\"flex min-h-8 items-center justify-between\">\n        <span\n            [tuiHighlight]=\"(search$ | async) ?? ''\"\n            class=\"code text-tui-text-02\"\n        >\n            \u0410\u0440\u0442\u0438\u043A\u0443\u043B: {{ product.code }}\n        </span>\n\n        <div class=\"flex items-center\">\n            <tui-icon\n                *ngIf=\"product.isPreviouslyOrdered\"\n                icon=\"@tui.history\"\n                class=\"text-lg\"\n                [style.color]=\"'var(--tui-text-action)'\"\n            />\n            <sc-favorite-button\n                *ngIf=\"authStatus$ | async\"\n                (clickEvent)=\"clickFavoriteEvent.emit()\"\n                [showLoader]=\"favoriteShowLoader\"\n                [isFavorite]=\"product.isFavorite\"\n                [disabled]=\"!!product.primaryCategory?.isFavorite\"\n            />\n        </div>\n    </div>\n\n    <sc-hover-image-carousel\n        (click)=\"clickCardEvent.emit()\"\n        [images]=\"!isMobile ? getCardImagePreviewList(product) : [getCardImagePreview()]\"\n        class=\"cursor-pointer\"\n    />\n    <div\n        class=\"flex grow flex-col justify-end\"\n        [class.gap-1]=\"size === 'm'\"\n    >\n        <div\n            class=\"flex grow flex-col\"\n            [class.gap-1]=\"size === 'm'\"\n        >\n            <a\n                tuiLink\n                [attr.href]=\"href ?? null\"\n                [tuiHighlight]=\"(search$ | async) ?? ''\"\n                (click)=\"$event.preventDefault(); clickCardEvent.emit()\"\n                class=\"name mb-auto\"\n            >\n                {{ product.name }}\n            </a>\n            <span\n                *ngIf=\"product.supplierSku\"\n                class=\"text-tui-text-02\"\n            >\n                \u0410\u0440\u0442\u0438\u043A\u0443\u043B \u043F\u0440\u043E\u0438\u0437\u0432\u043E\u0434\u0438\u0442\u0435\u043B\u044F: {{ product.supplierSku }}\n            </span>\n            <div\n                *ngIf=\"product?.pack\"\n                class=\"flex items-center gap-1 text-tui-text-02\"\n            >\n                \u041D\u043E\u0440\u043C\u0430 \u0443\u043F\u0430\u043A\u043E\u0432\u043A\u0438: {{ product.pack }}\n                <tui-icon\n                    *ngIf=\"product.ignoreMinCountCheck\"\n                    icon=\"@tui.package\"\n                    [tuiHint]=\"minCountHint\"\n                    [tuiHintShowDelay]=\"100\"\n                    class=\"text-body-xl text-tui-text-01 opacity-90\"\n                    tuiHintDirection=\"top\"\n                />\n                <ng-template #minCountHint>\n                    \u0414\u043E\u0441\u0442\u0443\u043F\u0435\u043D \u0437\u0430\u043A\u0430\u0437 <br />\n                    \u043F\u0440\u043E\u0438\u0437\u0432\u043E\u043B\u044C\u043D\u043E\u0433\u043E <br />\n                    \u043A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u0430\n                </ng-template>\n            </div>\n            <sc-cost-with-discount\n                [product]=\"product\"\n                [size]=\"size\"\n            />\n            <sc-price-warehouse-stock [product]=\"product\" />\n        </div>\n        <div class=\"mt-2 flex gap-2\">\n            <button\n                *ngIf=\"!showQuantityControl\"\n                tuiButton\n                (click)=\"clickAddToCartEvent.emit(product)\"\n                [loading]=\"quantityShowLoader\"\n                [size]=\"getToCartButtonSize()\"\n                class=\"grow !font-extrabold\"\n                iconStart=\"@tui.shopping-cart\"\n            >\n                \u0412 \u043A\u043E\u0440\u0437\u0438\u043D\u0443\n            </button>\n            <sc-input-quantity\n                #inputQuantity\n                *ngIf=\"showQuantityControl\"\n                [formControl]=\"quantityControl\"\n                [size]=\"size\"\n                [step]=\"unitsHelper.productMultiplicity(product)\"\n                [ignoreStepValidators]=\"product.ignoreMinCountCheck\"\n                [showLoader]=\"quantityShowLoader\"\n                (clickClearEvent)=\"clickClearEvent.emit(cartItem)\"\n                class=\"w-full\"\n                (keydown.enter)=\"inputQuantity.nativeFocusableElement?.blur()\"\n                class=\"w-full\"\n            />\n            <tui-avatar\n                *ngIf=\"product.cartItem && !showQuantityControl\"\n                src=\"@tui.check\"\n                size=\"s\"\n                [style.background]=\"'var(--tui-status-warning-pale)'\"\n                [style.color]=\"'var(--tui-background-accent-1)'\"\n            />\n        </div>\n    </div>\n</div>\n\n<ng-template #skeleton>\n    <div class=\"card-wrapper relative flex h-full w-auto flex-col rounded-xl p-1\"></div>\n</ng-template>\n", styles: [":host tui-badge{--t-padding: .25rem !important}:host .name{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4}:host[data-size=s] .card-wrapper{font-size:.6875rem;line-height:1rem;font-weight:500}:host[data-size=s] .card-wrapper .name,:host[data-size=s] .card-wrapper .cost{font-size:.8125rem;line-height:1.25rem;font-weight:800}:host[data-size=m] .card-wrapper{font-size:.8125rem;line-height:1.25rem;font-weight:500}:host[data-size=m] .card-wrapper .name,:host[data-size=m] .card-wrapper .cost{font-size:.9375rem;line-height:1.5rem;font-weight:800}\n"] }]
+            args: [{ selector: 'sc-price-card', providers: [SEARCH_TERM_PROVIDERS], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n    *ngIf=\"product; else skeleton\"\n    class=\"card-wrapper relative flex h-full w-auto flex-col rounded-xl p-1\"\n>\n    <div\n        style=\"display: none\"\n        data-noindex=\"true\"\n    ></div>\n    <div class=\"flex min-h-8 items-center justify-between\">\n        <span\n            [tuiHighlight]=\"(search$ | async) ?? ''\"\n            class=\"code text-tui-text-02\"\n        >\n            \u0410\u0440\u0442\u0438\u043A\u0443\u043B: {{ product.code }}\n        </span>\n\n        <div class=\"flex items-center\">\n            <tui-icon\n                *ngIf=\"product.isPreviouslyOrdered\"\n                icon=\"@tui.history\"\n                class=\"text-lg\"\n                [style.color]=\"'var(--tui-text-action)'\"\n            />\n            <sc-favorite-button\n                *ngIf=\"authStatus$ | async\"\n                (clickEvent)=\"clickFavoriteEvent.emit()\"\n                [showLoader]=\"favoriteShowLoader\"\n                [isFavorite]=\"product.isFavorite\"\n                [disabled]=\"!!product.primaryCategory?.isFavorite\"\n            />\n        </div>\n    </div>\n    <div\n        style=\"display: none\"\n        data-noindex=\"false\"\n    ></div>\n\n    <sc-hover-image-carousel\n        (click)=\"clickCardEvent.emit()\"\n        [images]=\"!isMobile ? getCardImagePreviewList(product) : [getCardImagePreview()]\"\n        class=\"cursor-pointer\"\n    />\n\n    <div\n        class=\"flex grow flex-col justify-end\"\n        [class.gap-1]=\"size === 'm'\"\n    >\n        <div\n            class=\"flex grow flex-col\"\n            [class.gap-1]=\"size === 'm'\"\n        >\n            <a\n                tuiLink\n                [attr.href]=\"href ?? null\"\n                [tuiHighlight]=\"(search$ | async) ?? ''\"\n                (click)=\"$event.preventDefault(); clickCardEvent.emit()\"\n                class=\"name mb-auto\"\n            >\n                {{ product.name }}\n            </a>\n\n            <div\n                style=\"display: none\"\n                data-noindex=\"true\"\n            ></div>\n            <span\n                *ngIf=\"product.supplierSku\"\n                class=\"text-tui-text-02\"\n            >\n                \u0410\u0440\u0442\u0438\u043A\u0443\u043B \u043F\u0440\u043E\u0438\u0437\u0432\u043E\u0434\u0438\u0442\u0435\u043B\u044F: {{ product.supplierSku }}\n            </span>\n            <div\n                style=\"display: none\"\n                data-noindex=\"false\"\n            ></div>\n\n            <div\n                style=\"display: none\"\n                data-noindex=\"true\"\n            ></div>\n            <div\n                *ngIf=\"product?.pack\"\n                class=\"flex items-center gap-1 text-tui-text-02\"\n            >\n                \u041D\u043E\u0440\u043C\u0430 \u0443\u043F\u0430\u043A\u043E\u0432\u043A\u0438: {{ product.pack }}\n                <tui-icon\n                    *ngIf=\"product.ignoreMinCountCheck\"\n                    icon=\"@tui.package\"\n                    [tuiHint]=\"minCountHint\"\n                    [tuiHintShowDelay]=\"100\"\n                    class=\"text-body-xl text-tui-text-01 opacity-90\"\n                    tuiHintDirection=\"top\"\n                />\n                <ng-template #minCountHint>\n                    \u0414\u043E\u0441\u0442\u0443\u043F\u0435\u043D \u0437\u0430\u043A\u0430\u0437 <br />\n                    \u043F\u0440\u043E\u0438\u0437\u0432\u043E\u043B\u044C\u043D\u043E\u0433\u043E <br />\n                    \u043A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u0430\n                </ng-template>\n            </div>\n            <div\n                style=\"display: none\"\n                data-noindex=\"false\"\n            ></div>\n\n            <sc-cost-with-discount\n                [product]=\"product\"\n                [size]=\"size\"\n            />\n\n            <div\n                style=\"display: none\"\n                data-noindex=\"true\"\n            ></div>\n            <sc-price-warehouse-stock [product]=\"product\" />\n            <div\n                style=\"display: none\"\n                data-noindex=\"false\"\n            ></div>\n        </div>\n\n        <div\n            style=\"display: none\"\n            data-noindex=\"true\"\n        ></div>\n        <div class=\"mt-2 flex gap-2\">\n            <button\n                *ngIf=\"!showQuantityControl\"\n                tuiButton\n                (click)=\"clickAddToCartEvent.emit(product)\"\n                [loading]=\"quantityShowLoader\"\n                [size]=\"getToCartButtonSize()\"\n                class=\"grow !font-extrabold\"\n                iconStart=\"@tui.shopping-cart\"\n            >\n                \u0412 \u043A\u043E\u0440\u0437\u0438\u043D\u0443\n            </button>\n            <sc-input-quantity\n                #inputQuantity\n                *ngIf=\"showQuantityControl\"\n                [formControl]=\"quantityControl\"\n                [size]=\"size\"\n                [step]=\"unitsHelper.productMultiplicity(product)\"\n                [ignoreStepValidators]=\"product.ignoreMinCountCheck\"\n                [showLoader]=\"quantityShowLoader\"\n                (clickClearEvent)=\"clickClearEvent.emit(cartItem)\"\n                (keydown.enter)=\"inputQuantity.nativeFocusableElement?.blur()\"\n                class=\"w-full\"\n            />\n            <tui-avatar\n                *ngIf=\"product.cartItem && !showQuantityControl\"\n                src=\"@tui.check\"\n                size=\"s\"\n                [style.background]=\"'var(--tui-status-warning-pale)'\"\n                [style.color]=\"'var(--tui-background-accent-1)'\"\n            />\n        </div>\n        <div\n            style=\"display: none\"\n            data-noindex=\"false\"\n        ></div>\n    </div>\n</div>\n\n<ng-template #skeleton>\n    <div class=\"card-wrapper relative flex h-full w-auto flex-col rounded-xl p-1\"></div>\n</ng-template>\n", styles: [":host tui-badge{--t-padding: .25rem !important}:host .name{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4}:host[data-size=s] .card-wrapper{font-size:.6875rem;line-height:1rem;font-weight:500}:host[data-size=s] .card-wrapper .name,:host[data-size=s] .card-wrapper .cost{font-size:.8125rem;line-height:1.25rem;font-weight:800}:host[data-size=m] .card-wrapper{font-size:.8125rem;line-height:1.25rem;font-weight:500}:host[data-size=m] .card-wrapper .name,:host[data-size=m] .card-wrapper .cost{font-size:.9375rem;line-height:1.5rem;font-weight:800}\n"] }]
         }], propDecorators: { size: [{
                 type: Input
             }, {
@@ -5106,7 +5106,7 @@ class ScPriceCardInlineComponent extends AbstractScPriceCard {
         this.type = input('catalogItem');
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ScPriceCardInlineComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.13", type: ScPriceCardInlineComponent, isStandalone: true, selector: "sc-price-card-inline", inputs: { type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null } }, providers: [SEARCH_TERM_PROVIDERS], usesInheritance: true, ngImport: i0, template: "<div\n    *ngIf=\"product; else skeleton\"\n    class=\"card-wrapper relative flex w-full gap-4 rounded-xl p-1 hover:bg-tui-background-neutral-1\"\n>\n    <sc-hover-image-carousel\n        (click)=\"clickCardEvent.emit()\"\n        [images]=\"!isMobile ? getCardImagePreviewList(product) : [getCardImagePreview()]\"\n        [isShowActions]=\"false\"\n        class=\"size-24 shrink-0 cursor-pointer self-center\"\n    />\n    <div class=\"flex grow flex-col gap-1\">\n        <div\n            [tuiHighlight]=\"(search$ | async) ?? ''\"\n            class=\"text-tui-text-02\"\n        >\n            \u0410\u0440\u0442\u0438\u043A\u0443\u043B: {{ product.code }}\n        </div>\n        <div class=\"flex flex-col gap-1\">\n            <a\n                tuiLink\n                [attr.href]=\"href ?? null\"\n                [tuiHighlight]=\"(search$ | async) ?? ''\"\n                (click)=\"$event.preventDefault(); clickCardEvent.emit()\"\n                class=\"!text-body-m-bold\"\n            >\n                {{ product.name }}\n            </a>\n            <span\n                *ngIf=\"product.supplierSku\"\n                class=\"text-tui-text-02\"\n            >\n                \u0410\u0440\u0442\u0438\u043A\u0443\u043B \u043F\u0440\u043E\u0438\u0437\u0432\u043E\u0434\u0438\u0442\u0435\u043B\u044F: {{ product.supplierSku }}\n            </span>\n            <div\n                *ngIf=\"product?.pack\"\n                class=\"flex items-center gap-1 text-tui-text-02\"\n            >\n                \u041D\u043E\u0440\u043C\u0430 \u0443\u043F\u0430\u043A\u043E\u0432\u043A\u0438: {{ product.pack }}\n                <tui-icon\n                    *ngIf=\"product.ignoreMinCountCheck\"\n                    icon=\"@tui.package\"\n                    [tuiHint]=\"minCountHint\"\n                    [tuiHintShowDelay]=\"100\"\n                    tuiHintDirection=\"top\"\n                    class=\"text-body-xl text-tui-text-01 opacity-90\"\n                />\n                <ng-template #minCountHint>\n                    \u0414\u043E\u0441\u0442\u0443\u043F\u0435\u043D \u0437\u0430\u043A\u0430\u0437 <br />\n                    \u043F\u0440\u043E\u0438\u0437\u0432\u043E\u043B\u044C\u043D\u043E\u0433\u043E <br />\n                    \u043A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u0430\n                </ng-template>\n            </div>\n\n            <sc-cost-with-discount [product]=\"product\" />\n\n            <sc-price-warehouse-stock [product]=\"product\" />\n        </div>\n    </div>\n    <div class=\"flex w-40 shrink-0 flex-col justify-between\">\n        <div class=\"flex justify-end\">\n            <tui-avatar\n                *ngIf=\"product.isPreviouslyOrdered\"\n                src=\"@tui.history\"\n                size=\"s\"\n                [style.background]=\"'none'\"\n                [style.color]=\"'var(--tui-text-action)'\"\n            />\n            <sc-favorite-button\n                *ngIf=\"authStatus$ | async\"\n                (clickEvent)=\"clickFavoriteEvent.emit()\"\n                [showLoader]=\"favoriteShowLoader\"\n                [isFavorite]=\"product.isFavorite\"\n                [disabled]=\"!!product.primaryCategory?.isFavorite\"\n            />\n        </div>\n        <div class=\"flex gap-2\">\n            <button\n                *ngIf=\"!showQuantityControl\"\n                tuiButton\n                (click)=\"clickAddToCartEvent.emit(product)\"\n                [loading]=\"quantityShowLoader\"\n                size=\"s\"\n                iconStart=\"@tui.shopping-cart\"\n                class=\"grow !font-extrabold\"\n            >\n                \u0412 \u043A\u043E\u0440\u0437\u0438\u043D\u0443\n            </button>\n            <sc-input-quantity\n                #inputQuantity\n                [tuiAutoFocus]=\"autoFocuseQuantityInput()\"\n                *ngIf=\"showQuantityControl\"\n                [formControl]=\"quantityControl\"\n                size=\"m\"\n                [step]=\"unitsHelper.productMultiplicity(product)\"\n                [ignoreStepValidators]=\"product.ignoreMinCountCheck\"\n                [showLoader]=\"quantityShowLoader\"\n                (clickClearEvent)=\"clickClearEvent.emit(cartItem)\"\n                (keydown.enter)=\"inputQuantity.nativeFocusableElement?.blur()\"\n                class=\"w-full\"\n            />\n            <tui-avatar\n                *ngIf=\"product.cartItem && !showQuantityControl\"\n                src=\"@tui.check\"\n                size=\"s\"\n                [style.background]=\"'var(--tui-status-warning-pale)'\"\n                [style.color]=\"'var(--tui-background-accent-1)'\"\n            />\n        </div>\n    </div>\n</div>\n\n<ng-template #skeleton>\n    <div class=\"tui-skeleton flex h-[8.25rem] w-full overflow-hidden rounded-xl\"></div>\n</ng-template>\n", styles: [":host tui-badge{--t-padding: .25rem !important}:host .name{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4}:host .card-wrapper{font-size:.8125rem;line-height:1.25rem;font-weight:500}:host .card-wrapper .name,:host .card-wrapper .cost{font-size:.9375rem;line-height:1.5rem;font-weight:800}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { 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: "directive", type: TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "component", type: TuiIcon, selector: "tui-icon", inputs: ["icon", "background"] }, { kind: "ngmodule", type: TuiTextfieldControllerModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2$3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { 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: TuiHighlight, selector: "[tuiHighlight]", inputs: ["tuiHighlight", "tuiHighlightColor"] }, { kind: "directive", type: TuiAutoFocus, selector: "[tuiAutoFocus]", inputs: ["tuiAutoFocus"] }, { kind: "component", type: TuiButtonLoading, selector: "[tuiButton][loading],[tuiIconButton][loading]", inputs: ["size", "loading"] }, { kind: "component", type: TuiAvatar, selector: "tui-avatar,button[tuiAvatar],a[tuiAvatar]", inputs: ["size", "round", "src"] }, { kind: "component", type: ScHoverImageCarouselComponent, selector: "sc-hover-image-carousel", inputs: ["images", "isShowActions", "productName"] }, { kind: "component", type: CostWithDiscountComponent, selector: "sc-cost-with-discount", inputs: ["product", "size"] }, { kind: "component", type: ScPriceWarehouseStockComponent, selector: "sc-price-warehouse-stock", inputs: ["classList", "product", "withStockHint", "fromMain"] }, { kind: "component", type: ScFavoriteButtonComponent, selector: "sc-favorite-button", inputs: ["isFavorite", "showLoader", "disabled"], outputs: ["clickEvent"] }, { kind: "component", type: ScInputQuantityComponent, selector: "sc-input-quantity", inputs: ["step", "showLoader", "showCross", "ignoreStepValidators", "appearance", "isDisabled", "size"], outputs: ["clickClearEvent"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.13", type: ScPriceCardInlineComponent, isStandalone: true, selector: "sc-price-card-inline", inputs: { type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null } }, providers: [SEARCH_TERM_PROVIDERS], usesInheritance: true, ngImport: i0, template: "<div\n    *ngIf=\"product; else skeleton\"\n    class=\"card-wrapper relative flex w-full gap-4 rounded-xl p-1 hover:bg-tui-background-neutral-1\"\n>\n    <sc-hover-image-carousel\n        (click)=\"clickCardEvent.emit()\"\n        [images]=\"!isMobile ? getCardImagePreviewList(product) : [getCardImagePreview()]\"\n        [isShowActions]=\"false\"\n        class=\"size-24 shrink-0 cursor-pointer self-center\"\n    />\n    <div class=\"flex grow flex-col gap-1\">\n        <div\n            style=\"display: none\"\n            data-noindex=\"true\"\n        ></div>\n        <div\n            [tuiHighlight]=\"(search$ | async) ?? ''\"\n            class=\"text-tui-text-02\"\n        >\n            \u0410\u0440\u0442\u0438\u043A\u0443\u043B: {{ product.code }}\n        </div>\n        <div\n            style=\"display: none\"\n            data-noindex=\"false\"\n        ></div>\n\n        <div class=\"flex flex-col gap-1\">\n            <a\n                tuiLink\n                [attr.href]=\"href ?? null\"\n                [tuiHighlight]=\"(search$ | async) ?? ''\"\n                (click)=\"$event.preventDefault(); clickCardEvent.emit()\"\n                class=\"!text-body-m-bold\"\n            >\n                {{ product.name }}\n            </a>\n\n            <div\n                style=\"display: none\"\n                data-noindex=\"true\"\n            ></div>\n            <span\n                *ngIf=\"product.supplierSku\"\n                class=\"text-tui-text-02\"\n            >\n                \u0410\u0440\u0442\u0438\u043A\u0443\u043B \u043F\u0440\u043E\u0438\u0437\u0432\u043E\u0434\u0438\u0442\u0435\u043B\u044F: {{ product.supplierSku }}\n            </span>\n            <div\n                style=\"display: none\"\n                data-noindex=\"false\"\n            ></div>\n\n            <div\n                style=\"display: none\"\n                data-noindex=\"true\"\n            ></div>\n            <div\n                *ngIf=\"product?.pack\"\n                class=\"flex items-center gap-1 text-tui-text-02\"\n            >\n                \u041D\u043E\u0440\u043C\u0430 \u0443\u043F\u0430\u043A\u043E\u0432\u043A\u0438: {{ product.pack }}\n                <tui-icon\n                    *ngIf=\"product.ignoreMinCountCheck\"\n                    icon=\"@tui.package\"\n                    [tuiHint]=\"minCountHint\"\n                    [tuiHintShowDelay]=\"100\"\n                    tuiHintDirection=\"top\"\n                    class=\"text-body-xl text-tui-text-01 opacity-90\"\n                />\n                <ng-template #minCountHint>\n                    \u0414\u043E\u0441\u0442\u0443\u043F\u0435\u043D \u0437\u0430\u043A\u0430\u0437 <br />\n                    \u043F\u0440\u043E\u0438\u0437\u0432\u043E\u043B\u044C\u043D\u043E\u0433\u043E <br />\n                    \u043A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u0430\n                </ng-template>\n            </div>\n            <div\n                style=\"display: none\"\n                data-noindex=\"false\"\n            ></div>\n\n            <sc-cost-with-discount [product]=\"product\" />\n\n            <div\n                style=\"display: none\"\n                data-noindex=\"true\"\n            ></div>\n            <sc-price-warehouse-stock [product]=\"product\" />\n            <div\n                style=\"display: none\"\n                data-noindex=\"false\"\n            ></div>\n        </div>\n    </div>\n\n    <div\n        style=\"display: none\"\n        data-noindex=\"true\"\n    ></div>\n    <div class=\"flex w-40 shrink-0 flex-col justify-between\">\n        <div class=\"flex justify-end\">\n            <tui-avatar\n                *ngIf=\"product.isPreviouslyOrdered\"\n                src=\"@tui.history\"\n                size=\"s\"\n                [style.background]=\"'none'\"\n                [style.color]=\"'var(--tui-text-action)'\"\n            />\n            <sc-favorite-button\n                *ngIf=\"authStatus$ | async\"\n                (clickEvent)=\"clickFavoriteEvent.emit()\"\n                [showLoader]=\"favoriteShowLoader\"\n                [isFavorite]=\"product.isFavorite\"\n                [disabled]=\"!!product.primaryCategory?.isFavorite\"\n            />\n        </div>\n        <div class=\"flex gap-2\">\n            <button\n                *ngIf=\"!showQuantityControl\"\n                tuiButton\n                (click)=\"clickAddToCartEvent.emit(product)\"\n                [loading]=\"quantityShowLoader\"\n                size=\"s\"\n                iconStart=\"@tui.shopping-cart\"\n                class=\"grow !font-extrabold\"\n            >\n                \u0412 \u043A\u043E\u0440\u0437\u0438\u043D\u0443\n            </button>\n            <sc-input-quantity\n                #inputQuantity\n                [tuiAutoFocus]=\"autoFocuseQuantityInput()\"\n                *ngIf=\"showQuantityControl\"\n                [formControl]=\"quantityControl\"\n                size=\"m\"\n                [step]=\"unitsHelper.productMultiplicity(product)\"\n                [ignoreStepValidators]=\"product.ignoreMinCountCheck\"\n                [showLoader]=\"quantityShowLoader\"\n                (clickClearEvent)=\"clickClearEvent.emit(cartItem)\"\n                (keydown.enter)=\"inputQuantity.nativeFocusableElement?.blur()\"\n                class=\"w-full\"\n            />\n            <tui-avatar\n                *ngIf=\"product.cartItem && !showQuantityControl\"\n                src=\"@tui.check\"\n                size=\"s\"\n                [style.background]=\"'var(--tui-status-warning-pale)'\"\n                [style.color]=\"'var(--tui-background-accent-1)'\"\n            />\n        </div>\n    </div>\n    <div\n        style=\"display: none\"\n        data-noindex=\"false\"\n    ></div>\n</div>\n\n<ng-template #skeleton>\n    <div class=\"tui-skeleton flex h-[8.25rem] w-full overflow-hidden rounded-xl\"></div>\n</ng-template>\n", styles: [":host tui-badge{--t-padding: .25rem !important}:host .name{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4}:host .card-wrapper{font-size:.8125rem;line-height:1.25rem;font-weight:500}:host .card-wrapper .name,:host .card-wrapper .cost{font-size:.9375rem;line-height:1.5rem;font-weight:800}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { 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: "directive", type: TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "component", type: TuiIcon, selector: "tui-icon", inputs: ["icon", "background"] }, { kind: "ngmodule", type: TuiTextfieldControllerModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2$3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { 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: TuiHighlight, selector: "[tuiHighlight]", inputs: ["tuiHighlight", "tuiHighlightColor"] }, { kind: "directive", type: TuiAutoFocus, selector: "[tuiAutoFocus]", inputs: ["tuiAutoFocus"] }, { kind: "component", type: TuiButtonLoading, selector: "[tuiButton][loading],[tuiIconButton][loading]", inputs: ["size", "loading"] }, { kind: "component", type: TuiAvatar, selector: "tui-avatar,button[tuiAvatar],a[tuiAvatar]", inputs: ["size", "round", "src"] }, { kind: "component", type: ScHoverImageCarouselComponent, selector: "sc-hover-image-carousel", inputs: ["images", "isShowActions", "productName"] }, { kind: "component", type: CostWithDiscountComponent, selector: "sc-cost-with-discount", inputs: ["product", "size"] }, { kind: "component", type: ScPriceWarehouseStockComponent, selector: "sc-price-warehouse-stock", inputs: ["classList", "product", "withStockHint", "fromMain"] }, { kind: "component", type: ScFavoriteButtonComponent, selector: "sc-favorite-button", inputs: ["isFavorite", "showLoader", "disabled"], outputs: ["clickEvent"] }, { kind: "component", type: ScInputQuantityComponent, selector: "sc-input-quantity", inputs: ["step", "showLoader", "showCross", "ignoreStepValidators", "appearance", "isDisabled", "size"], outputs: ["clickClearEvent"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ScPriceCardInlineComponent, decorators: [{
             type: Component,
@@ -5130,7 +5130,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         ScFavoriteButtonComponent,
                         ScInputQuantityComponent,
                         ScFormatDatePipe,
-                    ], template: "<div\n    *ngIf=\"product; else skeleton\"\n    class=\"card-wrapper relative flex w-full gap-4 rounded-xl p-1 hover:bg-tui-background-neutral-1\"\n>\n    <sc-hover-image-carousel\n        (click)=\"clickCardEvent.emit()\"\n        [images]=\"!isMobile ? getCardImagePreviewList(product) : [getCardImagePreview()]\"\n        [isShowActions]=\"false\"\n        class=\"size-24 shrink-0 cursor-pointer self-center\"\n    />\n    <div class=\"flex grow flex-col gap-1\">\n        <div\n            [tuiHighlight]=\"(search$ | async) ?? ''\"\n            class=\"text-tui-text-02\"\n        >\n            \u0410\u0440\u0442\u0438\u043A\u0443\u043B: {{ product.code }}\n        </div>\n        <div class=\"flex flex-col gap-1\">\n            <a\n                tuiLink\n                [attr.href]=\"href ?? null\"\n                [tuiHighlight]=\"(search$ | async) ?? ''\"\n                (click)=\"$event.preventDefault(); clickCardEvent.emit()\"\n                class=\"!text-body-m-bold\"\n            >\n                {{ product.name }}\n            </a>\n            <span\n                *ngIf=\"product.supplierSku\"\n                class=\"text-tui-text-02\"\n            >\n                \u0410\u0440\u0442\u0438\u043A\u0443\u043B \u043F\u0440\u043E\u0438\u0437\u0432\u043E\u0434\u0438\u0442\u0435\u043B\u044F: {{ product.supplierSku }}\n            </span>\n            <div\n                *ngIf=\"product?.pack\"\n                class=\"flex items-center gap-1 text-tui-text-02\"\n            >\n                \u041D\u043E\u0440\u043C\u0430 \u0443\u043F\u0430\u043A\u043E\u0432\u043A\u0438: {{ product.pack }}\n                <tui-icon\n                    *ngIf=\"product.ignoreMinCountCheck\"\n                    icon=\"@tui.package\"\n                    [tuiHint]=\"minCountHint\"\n                    [tuiHintShowDelay]=\"100\"\n                    tuiHintDirection=\"top\"\n                    class=\"text-body-xl text-tui-text-01 opacity-90\"\n                />\n                <ng-template #minCountHint>\n                    \u0414\u043E\u0441\u0442\u0443\u043F\u0435\u043D \u0437\u0430\u043A\u0430\u0437 <br />\n                    \u043F\u0440\u043E\u0438\u0437\u0432\u043E\u043B\u044C\u043D\u043E\u0433\u043E <br />\n                    \u043A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u0430\n                </ng-template>\n            </div>\n\n            <sc-cost-with-discount [product]=\"product\" />\n\n            <sc-price-warehouse-stock [product]=\"product\" />\n        </div>\n    </div>\n    <div class=\"flex w-40 shrink-0 flex-col justify-between\">\n        <div class=\"flex justify-end\">\n            <tui-avatar\n                *ngIf=\"product.isPreviouslyOrdered\"\n                src=\"@tui.history\"\n                size=\"s\"\n                [style.background]=\"'none'\"\n                [style.color]=\"'var(--tui-text-action)'\"\n            />\n            <sc-favorite-button\n                *ngIf=\"authStatus$ | async\"\n                (clickEvent)=\"clickFavoriteEvent.emit()\"\n                [showLoader]=\"favoriteShowLoader\"\n                [isFavorite]=\"product.isFavorite\"\n                [disabled]=\"!!product.primaryCategory?.isFavorite\"\n            />\n        </div>\n        <div class=\"flex gap-2\">\n            <button\n                *ngIf=\"!showQuantityControl\"\n                tuiButton\n                (click)=\"clickAddToCartEvent.emit(product)\"\n                [loading]=\"quantityShowLoader\"\n                size=\"s\"\n                iconStart=\"@tui.shopping-cart\"\n                class=\"grow !font-extrabold\"\n            >\n                \u0412 \u043A\u043E\u0440\u0437\u0438\u043D\u0443\n            </button>\n            <sc-input-quantity\n                #inputQuantity\n                [tuiAutoFocus]=\"autoFocuseQuantityInput()\"\n                *ngIf=\"showQuantityControl\"\n                [formControl]=\"quantityControl\"\n                size=\"m\"\n                [step]=\"unitsHelper.productMultiplicity(product)\"\n                [ignoreStepValidators]=\"product.ignoreMinCountCheck\"\n                [showLoader]=\"quantityShowLoader\"\n                (clickClearEvent)=\"clickClearEvent.emit(cartItem)\"\n                (keydown.enter)=\"inputQuantity.nativeFocusableElement?.blur()\"\n                class=\"w-full\"\n            />\n            <tui-avatar\n                *ngIf=\"product.cartItem && !showQuantityControl\"\n                src=\"@tui.check\"\n                size=\"s\"\n                [style.background]=\"'var(--tui-status-warning-pale)'\"\n                [style.color]=\"'var(--tui-background-accent-1)'\"\n            />\n        </div>\n    </div>\n</div>\n\n<ng-template #skeleton>\n    <div class=\"tui-skeleton flex h-[8.25rem] w-full overflow-hidden rounded-xl\"></div>\n</ng-template>\n", styles: [":host tui-badge{--t-padding: .25rem !important}:host .name{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4}:host .card-wrapper{font-size:.8125rem;line-height:1.25rem;font-weight:500}:host .card-wrapper .name,:host .card-wrapper .cost{font-size:.9375rem;line-height:1.5rem;font-weight:800}\n"] }]
+                    ], template: "<div\n    *ngIf=\"product; else skeleton\"\n    class=\"card-wrapper relative flex w-full gap-4 rounded-xl p-1 hover:bg-tui-background-neutral-1\"\n>\n    <sc-hover-image-carousel\n        (click)=\"clickCardEvent.emit()\"\n        [images]=\"!isMobile ? getCardImagePreviewList(product) : [getCardImagePreview()]\"\n        [isShowActions]=\"false\"\n        class=\"size-24 shrink-0 cursor-pointer self-center\"\n    />\n    <div class=\"flex grow flex-col gap-1\">\n        <div\n            style=\"display: none\"\n            data-noindex=\"true\"\n        ></div>\n        <div\n            [tuiHighlight]=\"(search$ | async) ?? ''\"\n            class=\"text-tui-text-02\"\n        >\n            \u0410\u0440\u0442\u0438\u043A\u0443\u043B: {{ product.code }}\n        </div>\n        <div\n            style=\"display: none\"\n            data-noindex=\"false\"\n        ></div>\n\n        <div class=\"flex flex-col gap-1\">\n            <a\n                tuiLink\n                [attr.href]=\"href ?? null\"\n                [tuiHighlight]=\"(search$ | async) ?? ''\"\n                (click)=\"$event.preventDefault(); clickCardEvent.emit()\"\n                class=\"!text-body-m-bold\"\n            >\n                {{ product.name }}\n            </a>\n\n            <div\n                style=\"display: none\"\n                data-noindex=\"true\"\n            ></div>\n            <span\n                *ngIf=\"product.supplierSku\"\n                class=\"text-tui-text-02\"\n            >\n                \u0410\u0440\u0442\u0438\u043A\u0443\u043B \u043F\u0440\u043E\u0438\u0437\u0432\u043E\u0434\u0438\u0442\u0435\u043B\u044F: {{ product.supplierSku }}\n            </span>\n            <div\n                style=\"display: none\"\n                data-noindex=\"false\"\n            ></div>\n\n            <div\n                style=\"display: none\"\n                data-noindex=\"true\"\n            ></div>\n            <div\n                *ngIf=\"product?.pack\"\n                class=\"flex items-center gap-1 text-tui-text-02\"\n            >\n                \u041D\u043E\u0440\u043C\u0430 \u0443\u043F\u0430\u043A\u043E\u0432\u043A\u0438: {{ product.pack }}\n                <tui-icon\n                    *ngIf=\"product.ignoreMinCountCheck\"\n                    icon=\"@tui.package\"\n                    [tuiHint]=\"minCountHint\"\n                    [tuiHintShowDelay]=\"100\"\n                    tuiHintDirection=\"top\"\n                    class=\"text-body-xl text-tui-text-01 opacity-90\"\n                />\n                <ng-template #minCountHint>\n                    \u0414\u043E\u0441\u0442\u0443\u043F\u0435\u043D \u0437\u0430\u043A\u0430\u0437 <br />\n                    \u043F\u0440\u043E\u0438\u0437\u0432\u043E\u043B\u044C\u043D\u043E\u0433\u043E <br />\n                    \u043A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u0430\n                </ng-template>\n            </div>\n            <div\n                style=\"display: none\"\n                data-noindex=\"false\"\n            ></div>\n\n            <sc-cost-with-discount [product]=\"product\" />\n\n            <div\n                style=\"display: none\"\n                data-noindex=\"true\"\n            ></div>\n            <sc-price-warehouse-stock [product]=\"product\" />\n            <div\n                style=\"display: none\"\n                data-noindex=\"false\"\n            ></div>\n        </div>\n    </div>\n\n    <div\n        style=\"display: none\"\n        data-noindex=\"true\"\n    ></div>\n    <div class=\"flex w-40 shrink-0 flex-col justify-between\">\n        <div class=\"flex justify-end\">\n            <tui-avatar\n                *ngIf=\"product.isPreviouslyOrdered\"\n                src=\"@tui.history\"\n                size=\"s\"\n                [style.background]=\"'none'\"\n                [style.color]=\"'var(--tui-text-action)'\"\n            />\n            <sc-favorite-button\n                *ngIf=\"authStatus$ | async\"\n                (clickEvent)=\"clickFavoriteEvent.emit()\"\n                [showLoader]=\"favoriteShowLoader\"\n                [isFavorite]=\"product.isFavorite\"\n                [disabled]=\"!!product.primaryCategory?.isFavorite\"\n            />\n        </div>\n        <div class=\"flex gap-2\">\n            <button\n                *ngIf=\"!showQuantityControl\"\n                tuiButton\n                (click)=\"clickAddToCartEvent.emit(product)\"\n                [loading]=\"quantityShowLoader\"\n                size=\"s\"\n                iconStart=\"@tui.shopping-cart\"\n                class=\"grow !font-extrabold\"\n            >\n                \u0412 \u043A\u043E\u0440\u0437\u0438\u043D\u0443\n            </button>\n            <sc-input-quantity\n                #inputQuantity\n                [tuiAutoFocus]=\"autoFocuseQuantityInput()\"\n                *ngIf=\"showQuantityControl\"\n                [formControl]=\"quantityControl\"\n                size=\"m\"\n                [step]=\"unitsHelper.productMultiplicity(product)\"\n                [ignoreStepValidators]=\"product.ignoreMinCountCheck\"\n                [showLoader]=\"quantityShowLoader\"\n                (clickClearEvent)=\"clickClearEvent.emit(cartItem)\"\n                (keydown.enter)=\"inputQuantity.nativeFocusableElement?.blur()\"\n                class=\"w-full\"\n            />\n            <tui-avatar\n                *ngIf=\"product.cartItem && !showQuantityControl\"\n                src=\"@tui.check\"\n                size=\"s\"\n                [style.background]=\"'var(--tui-status-warning-pale)'\"\n                [style.color]=\"'var(--tui-background-accent-1)'\"\n            />\n        </div>\n    </div>\n    <div\n        style=\"display: none\"\n        data-noindex=\"false\"\n    ></div>\n</div>\n\n<ng-template #skeleton>\n    <div class=\"tui-skeleton flex h-[8.25rem] w-full overflow-hidden rounded-xl\"></div>\n</ng-template>\n", styles: [":host tui-badge{--t-padding: .25rem !important}:host .name{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4}:host .card-wrapper{font-size:.8125rem;line-height:1.25rem;font-weight:500}:host .card-wrapper .name,:host .card-wrapper .cost{font-size:.9375rem;line-height:1.5rem;font-weight:800}\n"] }]
         }] });
 /**