@snabcentr/client-ui 3.9.1 → 3.9.3

package/catalog/price-list-pagination/sc-price-list-pagination.component.d.ts

@@ -8,6 +8,10 @@ import * as i0 from "@angular/core";
 export declare class ScPriceListPaginationComponent {
     readonly nextPageClickEvent: EventEmitter<void>;
     readonly options: ScICategoryProductPaginationParams;
+    /**
+     * Сервис для сбора метрик о действиях пользователей.
+     */
+    private readonly userMetrikaService;
     /**
      * Сервис пагинации.
      */
@@ -27,6 +31,10 @@ export declare class ScPriceListPaginationComponent {
      * @param options Значения пагинации списка товаров категории по умолчанию.
      */
     constructor(nextPageClickEvent: EventEmitter<void>, options: ScICategoryProductPaginationParams);
+    /**
+     * Обработка нажатия на кнопку "Показать следующие N позиций".
+     */
+    showMore(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ScPriceListPaginationComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ScPriceListPaginationComponent, "sc-price-list-pagination", never, {}, {}, never, never, false, never>;
 }

package/esm2022/catalog/price-list-pagination/sc-price-list-pagination.component.mjs

@@ -1,5 +1,5 @@
 import { ChangeDetectionStrategy, Component, Inject, inject } from '@angular/core';
-import { SC_NEXT_PAGE_PAGINATION_CLICK, SC_PRODUCT_PAGINATION_OPTIONS, ScPaginationService } from '@snabcentr/client-core';
+import { SC_NEXT_PAGE_PAGINATION_CLICK, SC_PRODUCT_PAGINATION_OPTIONS, ScPaginationService, ScUserMetrikaGoalsEnum, ScUserMetrikaService, } from '@snabcentr/client-core';
 import { tuiIsFalsy, tuiIsPresent } from '@taiga-ui/cdk';
 import { filter, map } from 'rxjs';
 import * as i0 from "@angular/core";
@@ -18,6 +18,10 @@ export class ScPriceListPaginationComponent {
     constructor(nextPageClickEvent, options) {
         this.nextPageClickEvent = nextPageClickEvent;
         this.options = options;
+        /**
+         * Сервис для сбора метрик о действиях пользователей.
+         */
+        this.userMetrikaService = inject(ScUserMetrikaService);
         /**
          * Сервис пагинации.
          */
@@ -33,12 +37,24 @@ export class ScPriceListPaginationComponent {
          */
         this.disabled$ = this.paginationService.dataAccumulated$.pipe(map(tuiIsFalsy));
     }
+    /**
+     * Обработка нажатия на кнопку "Показать следующие N позиций".
+     */
+    showMore() {
+        this.nextPageClickEvent.emit();
+        this.userMetrikaService.emitUserMetrikaEvent({
+            target: ScUserMetrikaGoalsEnum.showMoreClick,
+            params: {
+                category_id: this.options.categoryId,
+            },
+        });
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: ScPriceListPaginationComponent, deps: [{ token: SC_NEXT_PAGE_PAGINATION_CLICK }, { token: SC_PRODUCT_PAGINATION_OPTIONS }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.12", type: ScPriceListPaginationComponent, selector: "sc-price-list-pagination", ngImport: i0, template: "<ng-container *ngIf=\"meta$ | async as meta\">\n    <button\n        *ngIf=\"meta?.currentPage !== meta?.lastPage\"\n        tuiButton\n        (click)=\"nextPageClickEvent.emit()\"\n        [disabled]=\"!!(disabled$ | async)\"\n        appearance=\"secondary\"\n        class=\"!font-bold\"\n    >\n        \u041F\u043E\u043A\u0430\u0437\u0430\u0442\u044C \u0435\u0449\u0451 {{ options.perPage }} \u0442\u043E\u0432\u0430\u0440\u043E\u0432\n    </button>\n</ng-container>\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.12", type: ScPriceListPaginationComponent, selector: "sc-price-list-pagination", ngImport: i0, template: "<ng-container *ngIf=\"meta$ | async as meta\">\n    <button\n        *ngIf=\"meta?.currentPage !== meta?.lastPage\"\n        tuiButton\n        (click)=\"showMore()\"\n        [disabled]=\"!!(disabled$ | async)\"\n        appearance=\"secondary\"\n        class=\"!font-bold\"\n    >\n        \u041F\u043E\u043A\u0430\u0437\u0430\u0442\u044C \u0435\u0449\u0451 {{ options.perPage }} \u0442\u043E\u0432\u0430\u0440\u043E\u0432\n    </button>\n</ng-container>\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: ScPriceListPaginationComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sc-price-list-pagination', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngIf=\"meta$ | async as meta\">\n    <button\n        *ngIf=\"meta?.currentPage !== meta?.lastPage\"\n        tuiButton\n        (click)=\"nextPageClickEvent.emit()\"\n        [disabled]=\"!!(disabled$ | async)\"\n        appearance=\"secondary\"\n        class=\"!font-bold\"\n    >\n        \u041F\u043E\u043A\u0430\u0437\u0430\u0442\u044C \u0435\u0449\u0451 {{ options.perPage }} \u0442\u043E\u0432\u0430\u0440\u043E\u0432\n    </button>\n</ng-container>\n" }]
+            args: [{ selector: 'sc-price-list-pagination', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngIf=\"meta$ | async as meta\">\n    <button\n        *ngIf=\"meta?.currentPage !== meta?.lastPage\"\n        tuiButton\n        (click)=\"showMore()\"\n        [disabled]=\"!!(disabled$ | async)\"\n        appearance=\"secondary\"\n        class=\"!font-bold\"\n    >\n        \u041F\u043E\u043A\u0430\u0437\u0430\u0442\u044C \u0435\u0449\u0451 {{ options.perPage }} \u0442\u043E\u0432\u0430\u0440\u043E\u0432\n    </button>\n</ng-container>\n" }]
         }], ctorParameters: () => [{ type: i0.EventEmitter, decorators: [{
                     type: Inject,
                     args: [SC_NEXT_PAGE_PAGINATION_CLICK]
@@ -46,4 +62,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImpo
                     type: Inject,
                     args: [SC_PRODUCT_PAGINATION_OPTIONS]
                 }] }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2MtcHJpY2UtbGlzdC1wYWdpbmF0aW9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NsaWVudC11aS9jYXRhbG9nL3ByaWNlLWxpc3QtcGFnaW5hdGlvbi9zYy1wcmljZS1saXN0LXBhZ2luYXRpb24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY2xpZW50LXVpL2NhdGFsb2cvcHJpY2UtbGlzdC1wYWdpbmF0aW9uL3NjLXByaWNlLWxpc3QtcGFnaW5hdGlvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFnQixNQUFNLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2pHLE9BQU8sRUFBRSw2QkFBNkIsRUFBRSw2QkFBNkIsRUFBeUQsbUJBQW1CLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUNsTCxPQUFPLEVBQUUsVUFBVSxFQUFFLFlBQVksRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6RCxPQUFPLEVBQUUsTUFBTSxFQUFFLEdBQUcsRUFBYyxNQUFNLE1BQU0sQ0FBQzs7OztBQUUvQzs7R0FFRztBQU1ILE1BQU0sT0FBTyw4QkFBOEI7SUFxQnZDOzs7OztPQUtHO0lBQ0gsWUFDMkQsa0JBQXNDLEVBQ3RDLE9BQTJDO1FBRDNDLHVCQUFrQixHQUFsQixrQkFBa0IsQ0FBb0I7UUFDdEMsWUFBTyxHQUFQLE9BQU8sQ0FBb0M7UUE1QnRHOztXQUVHO1FBQ2Msc0JBQWlCLEdBQUcsTUFBTSxDQUEwRCxDQUFBLG1CQUF1RCxDQUFBLEVBQUU7WUFDMUosUUFBUSxFQUFFLElBQUk7U0FDakIsQ0FBQyxDQUFDO1FBRUg7O1dBRUc7UUFDSSxVQUFLLEdBQWtDLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxnQkFBZ0IsQ0FBQyxJQUFJLENBQ3RGLE1BQU0sQ0FBQyxZQUFZLENBQUMsRUFDcEIsR0FBRyxDQUFDLENBQUMsVUFBVSxFQUFFLEVBQUUsQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLENBQ3ZDLENBQUM7UUFFRjs7V0FFRztRQUNJLGNBQVMsR0FBd0IsSUFBSSxDQUFDLGlCQUFpQixDQUFDLGdCQUFnQixDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQztJQVduRyxDQUFDOytHQTlCSyw4QkFBOEIsa0JBNEIzQiw2QkFBNkIsYUFDN0IsNkJBQTZCO21HQTdCaEMsOEJBQThCLGdFQ2IzQyw0ZEFZQTs7NEZEQ2EsOEJBQThCO2tCQUwxQyxTQUFTOytCQUNJLDBCQUEwQixtQkFFbkIsdUJBQXVCLENBQUMsTUFBTTs7MEJBOEIxQyxNQUFNOzJCQUFDLDZCQUE2Qjs7MEJBQ3BDLE1BQU07MkJBQUMsNkJBQTZCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbmplY3QsIGluamVjdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgU0NfTkVYVF9QQUdFX1BBR0lOQVRJT05fQ0xJQ0ssIFNDX1BST0RVQ1RfUEFHSU5BVElPTl9PUFRJT05TLCBTY0lDYXRlZ29yeVByb2R1Y3RQYWdpbmF0aW9uUGFyYW1zLCBTY0lQYWdpbmF0aW9uTWV0YSwgU2NQYWdpbmF0aW9uU2VydmljZSB9IGZyb20gJ0BzbmFiY2VudHIvY2xpZW50LWNvcmUnO1xuaW1wb3J0IHsgdHVpSXNGYWxzeSwgdHVpSXNQcmVzZW50IH0gZnJvbSAnQHRhaWdhLXVpL2Nkayc7XG5pbXBvcnQgeyBmaWx0ZXIsIG1hcCwgT2JzZXJ2YWJsZSB9IGZyb20gJ3J4anMnO1xuXG4vKipcbiAqINCa0L7QvNC/0L7QvdC10L3RgiDRjdC70LXQvNC10L3RgtC+0LIg0YPQv9GA0LDQstC70LXQvdC40Y8g0L/QsNCz0LjQvdCw0YbQuNC10Lkg0YHQv9C40YHQutCwINGC0L7QstCw0YDQvtCyLlxuICovXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ3NjLXByaWNlLWxpc3QtcGFnaW5hdGlvbicsXG4gICAgdGVtcGxhdGVVcmw6ICcuL3NjLXByaWNlLWxpc3QtcGFnaW5hdGlvbi5jb21wb25lbnQuaHRtbCcsXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIFNjUHJpY2VMaXN0UGFnaW5hdGlvbkNvbXBvbmVudCB7XG4gICAgLyoqXG4gICAgICog0KHQtdGA0LLQuNGBINC/0LDQs9C40L3QsNGG0LjQuC5cbiAgICAgKi9cbiAgICBwcml2YXRlIHJlYWRvbmx5IHBhZ2luYXRpb25TZXJ2aWNlID0gaW5qZWN0PFNjUGFnaW5hdGlvblNlcnZpY2U8U2NJQ2F0ZWdvcnlQcm9kdWN0UGFnaW5hdGlvblBhcmFtcz4+KFNjUGFnaW5hdGlvblNlcnZpY2U8U2NJQ2F0ZWdvcnlQcm9kdWN0UGFnaW5hdGlvblBhcmFtcz4sIHtcbiAgICAgICAgc2tpcFNlbGY6IHRydWUsXG4gICAgfSk7XG5cbiAgICAvKipcbiAgICAgKiDQlNC+0L/QvtC70L3QuNGC0LXQu9GM0L3Ri9C1INC00LDQvdC90YvQtSDQv9Cw0LPQuNC90LDRhtC40LguXG4gICAgICovXG4gICAgcHVibGljIG1ldGEkOiBPYnNlcnZhYmxlPFNjSVBhZ2luYXRpb25NZXRhPiA9IHRoaXMucGFnaW5hdGlvblNlcnZpY2UuZGF0YUFjY3VtdWxhdGVkJC5waXBlKFxuICAgICAgICBmaWx0ZXIodHVpSXNQcmVzZW50KSxcbiAgICAgICAgbWFwKChwYWdpbmF0aW9uKSA9PiBwYWdpbmF0aW9uLm1ldGEpXG4gICAgKTtcblxuICAgIC8qKlxuICAgICAqINCf0YDQuNC30L3QsNC6LCDRh9GC0L4g0LrQvdC+0L/QutCwINC90LXQsNC60YLQuNCy0L3QsC5cbiAgICAgKi9cbiAgICBwdWJsaWMgZGlzYWJsZWQkOiBPYnNlcnZhYmxlPGJvb2xlYW4+ID0gdGhpcy5wYWdpbmF0aW9uU2VydmljZS5kYXRhQWNjdW11bGF0ZWQkLnBpcGUobWFwKHR1aUlzRmFsc3kpKTtcblxuICAgIC8qKlxuICAgICAqINCY0L3QuNGG0LjQsNC70LjQt9C40YDRg9C10YIg0Y3QutC30LXQvNC/0LvRj9GAINC60LvQsNGB0YHQsCB7QGxpbmsgU2NQcmljZUxpc3RQYWdpbmF0aW9uQ29tcG9uZW50fS5cbiAgICAgKlxuICAgICAqIEBwYXJhbSBuZXh0UGFnZUNsaWNrRXZlbnQg0KHQvtCx0YvRgtC40LUg0L3QsNC20LDRgtC40Y8g0L3QsCDQutC90L7Qv9C60YMgXCLQn9C+0LrQsNC30LDRgtGMINGB0LvQtdC00YPRjtGJ0LjQtSBOINC/0L7Qt9C40YbQuNC5XCIuXG4gICAgICogQHBhcmFtIG9wdGlvbnMg0JfQvdCw0YfQtdC90LjRjyDQv9Cw0LPQuNC90LDRhtC40Lgg0YHQv9C40YHQutCwINGC0L7QstCw0YDQvtCyINC60LDRgtC10LPQvtGA0LjQuCDQv9C+INGD0LzQvtC70YfQsNC90LjRji5cbiAgICAgKi9cbiAgICBwdWJsaWMgY29uc3RydWN0b3IoXG4gICAgICAgIEBJbmplY3QoU0NfTkVYVF9QQUdFX1BBR0lOQVRJT05fQ0xJQ0spIHB1YmxpYyByZWFkb25seSBuZXh0UGFnZUNsaWNrRXZlbnQ6IEV2ZW50RW1pdHRlcjx2b2lkPixcbiAgICAgICAgQEluamVjdChTQ19QUk9EVUNUX1BBR0lOQVRJT05fT1BUSU9OUykgcHVibGljIHJlYWRvbmx5IG9wdGlvbnM6IFNjSUNhdGVnb3J5UHJvZHVjdFBhZ2luYXRpb25QYXJhbXNcbiAgICApIHt9XG59XG4iLCI8bmctY29udGFpbmVyICpuZ0lmPVwibWV0YSQgfCBhc3luYyBhcyBtZXRhXCI+XG4gICAgPGJ1dHRvblxuICAgICAgICAqbmdJZj1cIm1ldGE/LmN1cnJlbnRQYWdlICE9PSBtZXRhPy5sYXN0UGFnZVwiXG4gICAgICAgIHR1aUJ1dHRvblxuICAgICAgICAoY2xpY2spPVwibmV4dFBhZ2VDbGlja0V2ZW50LmVtaXQoKVwiXG4gICAgICAgIFtkaXNhYmxlZF09XCIhIShkaXNhYmxlZCQgfCBhc3luYylcIlxuICAgICAgICBhcHBlYXJhbmNlPVwic2Vjb25kYXJ5XCJcbiAgICAgICAgY2xhc3M9XCIhZm9udC1ib2xkXCJcbiAgICA+XG4gICAgICAgINCf0L7QutCw0LfQsNGC0Ywg0LXRidGRIHt7IG9wdGlvbnMucGVyUGFnZSB9fSDRgtC+0LLQsNGA0L7QslxuICAgIDwvYnV0dG9uPlxuPC9uZy1jb250YWluZXI+XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2MtcHJpY2UtbGlzdC1wYWdpbmF0aW9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NsaWVudC11aS9jYXRhbG9nL3ByaWNlLWxpc3QtcGFnaW5hdGlvbi9zYy1wcmljZS1saXN0LXBhZ2luYXRpb24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY2xpZW50LXVpL2NhdGFsb2cvcHJpY2UtbGlzdC1wYWdpbmF0aW9uL3NjLXByaWNlLWxpc3QtcGFnaW5hdGlvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFnQixNQUFNLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2pHLE9BQU8sRUFDSCw2QkFBNkIsRUFDN0IsNkJBQTZCLEVBRzdCLG1CQUFtQixFQUNuQixzQkFBc0IsRUFDdEIsb0JBQW9CLEdBQ3ZCLE1BQU0sd0JBQXdCLENBQUM7QUFDaEMsT0FBTyxFQUFFLFVBQVUsRUFBRSxZQUFZLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekQsT0FBTyxFQUFFLE1BQU0sRUFBRSxHQUFHLEVBQWMsTUFBTSxNQUFNLENBQUM7Ozs7QUFFL0M7O0dBRUc7QUFNSCxNQUFNLE9BQU8sOEJBQThCO0lBMEJ2Qzs7Ozs7T0FLRztJQUNILFlBQzJELGtCQUFzQyxFQUN0QyxPQUEyQztRQUQzQyx1QkFBa0IsR0FBbEIsa0JBQWtCLENBQW9CO1FBQ3RDLFlBQU8sR0FBUCxPQUFPLENBQW9DO1FBakN0Rzs7V0FFRztRQUNjLHVCQUFrQixHQUF5QixNQUFNLENBQUMsb0JBQW9CLENBQUMsQ0FBQztRQUV6Rjs7V0FFRztRQUNjLHNCQUFpQixHQUFHLE1BQU0sQ0FBMEQsQ0FBQSxtQkFBdUQsQ0FBQSxFQUFFO1lBQzFKLFFBQVEsRUFBRSxJQUFJO1NBQ2pCLENBQUMsQ0FBQztRQUVIOztXQUVHO1FBQ0ksVUFBSyxHQUFrQyxJQUFJLENBQUMsaUJBQWlCLENBQUMsZ0JBQWdCLENBQUMsSUFBSSxDQUN0RixNQUFNLENBQUMsWUFBWSxDQUFDLEVBQ3BCLEdBQUcsQ0FBQyxDQUFDLFVBQVUsRUFBRSxFQUFFLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxDQUN2QyxDQUFDO1FBRUY7O1dBRUc7UUFDSSxjQUFTLEdBQXdCLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxnQkFBZ0IsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUM7SUFXbkcsQ0FBQztJQUVKOztPQUVHO0lBQ0ksUUFBUTtRQUNYLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxJQUFJLEVBQUUsQ0FBQztRQUUvQixJQUFJLENBQUMsa0JBQWtCLENBQUMsb0JBQW9CLENBQUM7WUFDekMsTUFBTSxFQUFFLHNCQUFzQixDQUFDLGFBQWE7WUFDNUMsTUFBTSxFQUFFO2dCQUNKLFdBQVcsRUFBRSxJQUFJLENBQUMsT0FBTyxDQUFDLFVBQVU7YUFDdkM7U0FDSixDQUFDLENBQUM7SUFDUCxDQUFDOytHQWpEUSw4QkFBOEIsa0JBaUMzQiw2QkFBNkIsYUFDN0IsNkJBQTZCO21HQWxDaEMsOEJBQThCLGdFQ3JCM0MsNmNBWUE7OzRGRFNhLDhCQUE4QjtrQkFMMUMsU0FBUzsrQkFDSSwwQkFBMEIsbUJBRW5CLHVCQUF1QixDQUFDLE1BQU07OzBCQW1DMUMsTUFBTTsyQkFBQyw2QkFBNkI7OzBCQUNwQyxNQUFNOzJCQUFDLDZCQUE2QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5qZWN0LCBpbmplY3QgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7XG4gICAgU0NfTkVYVF9QQUdFX1BBR0lOQVRJT05fQ0xJQ0ssXG4gICAgU0NfUFJPRFVDVF9QQUdJTkFUSU9OX09QVElPTlMsXG4gICAgU2NJQ2F0ZWdvcnlQcm9kdWN0UGFnaW5hdGlvblBhcmFtcyxcbiAgICBTY0lQYWdpbmF0aW9uTWV0YSxcbiAgICBTY1BhZ2luYXRpb25TZXJ2aWNlLFxuICAgIFNjVXNlck1ldHJpa2FHb2Fsc0VudW0sXG4gICAgU2NVc2VyTWV0cmlrYVNlcnZpY2UsXG59IGZyb20gJ0BzbmFiY2VudHIvY2xpZW50LWNvcmUnO1xuaW1wb3J0IHsgdHVpSXNGYWxzeSwgdHVpSXNQcmVzZW50IH0gZnJvbSAnQHRhaWdhLXVpL2Nkayc7XG5pbXBvcnQgeyBmaWx0ZXIsIG1hcCwgT2JzZXJ2YWJsZSB9IGZyb20gJ3J4anMnO1xuXG4vKipcbiAqINCa0L7QvNC/0L7QvdC10L3RgiDRjdC70LXQvNC10L3RgtC+0LIg0YPQv9GA0LDQstC70LXQvdC40Y8g0L/QsNCz0LjQvdCw0YbQuNC10Lkg0YHQv9C40YHQutCwINGC0L7QstCw0YDQvtCyLlxuICovXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ3NjLXByaWNlLWxpc3QtcGFnaW5hdGlvbicsXG4gICAgdGVtcGxhdGVVcmw6ICcuL3NjLXByaWNlLWxpc3QtcGFnaW5hdGlvbi5jb21wb25lbnQuaHRtbCcsXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIFNjUHJpY2VMaXN0UGFnaW5hdGlvbkNvbXBvbmVudCB7XG4gICAgLyoqXG4gICAgICog0KHQtdGA0LLQuNGBINC00LvRjyDRgdCx0L7RgNCwINC80LXRgtGA0LjQuiDQviDQtNC10LnRgdGC0LLQuNGP0YUg0L/QvtC70YzQt9C+0LLQsNGC0LXQu9C10LkuXG4gICAgICovXG4gICAgcHJpdmF0ZSByZWFkb25seSB1c2VyTWV0cmlrYVNlcnZpY2U6IFNjVXNlck1ldHJpa2FTZXJ2aWNlID0gaW5qZWN0KFNjVXNlck1ldHJpa2FTZXJ2aWNlKTtcblxuICAgIC8qKlxuICAgICAqINCh0LXRgNCy0LjRgSDQv9Cw0LPQuNC90LDRhtC40LguXG4gICAgICovXG4gICAgcHJpdmF0ZSByZWFkb25seSBwYWdpbmF0aW9uU2VydmljZSA9IGluamVjdDxTY1BhZ2luYXRpb25TZXJ2aWNlPFNjSUNhdGVnb3J5UHJvZHVjdFBhZ2luYXRpb25QYXJhbXM+PihTY1BhZ2luYXRpb25TZXJ2aWNlPFNjSUNhdGVnb3J5UHJvZHVjdFBhZ2luYXRpb25QYXJhbXM+LCB7XG4gICAgICAgIHNraXBTZWxmOiB0cnVlLFxuICAgIH0pO1xuXG4gICAgLyoqXG4gICAgICog0JTQvtC/0L7Qu9C90LjRgtC10LvRjNC90YvQtSDQtNCw0L3QvdGL0LUg0L/QsNCz0LjQvdCw0YbQuNC4LlxuICAgICAqL1xuICAgIHB1YmxpYyBtZXRhJDogT2JzZXJ2YWJsZTxTY0lQYWdpbmF0aW9uTWV0YT4gPSB0aGlzLnBhZ2luYXRpb25TZXJ2aWNlLmRhdGFBY2N1bXVsYXRlZCQucGlwZShcbiAgICAgICAgZmlsdGVyKHR1aUlzUHJlc2VudCksXG4gICAgICAgIG1hcCgocGFnaW5hdGlvbikgPT4gcGFnaW5hdGlvbi5tZXRhKVxuICAgICk7XG5cbiAgICAvKipcbiAgICAgKiDQn9GA0LjQt9C90LDQuiwg0YfRgtC+INC60L3QvtC/0LrQsCDQvdC10LDQutGC0LjQstC90LAuXG4gICAgICovXG4gICAgcHVibGljIGRpc2FibGVkJDogT2JzZXJ2YWJsZTxib29sZWFuPiA9IHRoaXMucGFnaW5hdGlvblNlcnZpY2UuZGF0YUFjY3VtdWxhdGVkJC5waXBlKG1hcCh0dWlJc0ZhbHN5KSk7XG5cbiAgICAvKipcbiAgICAgKiDQmNC90LjRhtC40LDQu9C40LfQuNGA0YPQtdGCINGN0LrQt9C10LzQv9C70Y/RgCDQutC70LDRgdGB0LAge0BsaW5rIFNjUHJpY2VMaXN0UGFnaW5hdGlvbkNvbXBvbmVudH0uXG4gICAgICpcbiAgICAgKiBAcGFyYW0gbmV4dFBhZ2VDbGlja0V2ZW50INCh0L7QsdGL0YLQuNC1INC90LDQttCw0YLQuNGPINC90LAg0LrQvdC+0L/QutGDIFwi0J/QvtC60LDQt9Cw0YLRjCDRgdC70LXQtNGD0Y7RidC40LUgTiDQv9C+0LfQuNGG0LjQuVwiLlxuICAgICAqIEBwYXJhbSBvcHRpb25zINCX0L3QsNGH0LXQvdC40Y8g0L/QsNCz0LjQvdCw0YbQuNC4INGB0L/QuNGB0LrQsCDRgtC+0LLQsNGA0L7QsiDQutCw0YLQtdCz0L7RgNC40Lgg0L/QviDRg9C80L7Qu9GH0LDQvdC40Y4uXG4gICAgICovXG4gICAgcHVibGljIGNvbnN0cnVjdG9yKFxuICAgICAgICBASW5qZWN0KFNDX05FWFRfUEFHRV9QQUdJTkFUSU9OX0NMSUNLKSBwdWJsaWMgcmVhZG9ubHkgbmV4dFBhZ2VDbGlja0V2ZW50OiBFdmVudEVtaXR0ZXI8dm9pZD4sXG4gICAgICAgIEBJbmplY3QoU0NfUFJPRFVDVF9QQUdJTkFUSU9OX09QVElPTlMpIHB1YmxpYyByZWFkb25seSBvcHRpb25zOiBTY0lDYXRlZ29yeVByb2R1Y3RQYWdpbmF0aW9uUGFyYW1zXG4gICAgKSB7fVxuXG4gICAgLyoqXG4gICAgICog0J7QsdGA0LDQsdC+0YLQutCwINC90LDQttCw0YLQuNGPINC90LAg0LrQvdC+0L/QutGDIFwi0J/QvtC60LDQt9Cw0YLRjCDRgdC70LXQtNGD0Y7RidC40LUgTiDQv9C+0LfQuNGG0LjQuVwiLlxuICAgICAqL1xuICAgIHB1YmxpYyBzaG93TW9yZSgpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5uZXh0UGFnZUNsaWNrRXZlbnQuZW1pdCgpO1xuXG4gICAgICAgIHRoaXMudXNlck1ldHJpa2FTZXJ2aWNlLmVtaXRVc2VyTWV0cmlrYUV2ZW50KHtcbiAgICAgICAgICAgIHRhcmdldDogU2NVc2VyTWV0cmlrYUdvYWxzRW51bS5zaG93TW9yZUNsaWNrLFxuICAgICAgICAgICAgcGFyYW1zOiB7XG4gICAgICAgICAgICAgICAgY2F0ZWdvcnlfaWQ6IHRoaXMub3B0aW9ucy5jYXRlZ29yeUlkLFxuICAgICAgICAgICAgfSxcbiAgICAgICAgfSk7XG4gICAgfVxufVxuIiwiPG5nLWNvbnRhaW5lciAqbmdJZj1cIm1ldGEkIHwgYXN5bmMgYXMgbWV0YVwiPlxuICAgIDxidXR0b25cbiAgICAgICAgKm5nSWY9XCJtZXRhPy5jdXJyZW50UGFnZSAhPT0gbWV0YT8ubGFzdFBhZ2VcIlxuICAgICAgICB0dWlCdXR0b25cbiAgICAgICAgKGNsaWNrKT1cInNob3dNb3JlKClcIlxuICAgICAgICBbZGlzYWJsZWRdPVwiISEoZGlzYWJsZWQkIHwgYXN5bmMpXCJcbiAgICAgICAgYXBwZWFyYW5jZT1cInNlY29uZGFyeVwiXG4gICAgICAgIGNsYXNzPVwiIWZvbnQtYm9sZFwiXG4gICAgPlxuICAgICAgICDQn9C+0LrQsNC30LDRgtGMINC10YnRkSB7eyBvcHRpb25zLnBlclBhZ2UgfX0g0YLQvtCy0LDRgNC+0LJcbiAgICA8L2J1dHRvbj5cbjwvbmctY29udGFpbmVyPlxuIl19

package/esm2022/news/news-card/sc-news-card.component.mjs

@@ -16,11 +16,11 @@ export class ScNewsCardComponent {
         this.isMobile = inject(TUI_IS_MOBILE);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: ScNewsCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.12", type: ScNewsCardComponent, selector: "sc-news-card", inputs: { news: "news" }, outputs: { clickCardEvent: "clickCardEvent" }, host: { properties: { "class.is_mobile": "this.isMobile" } }, ngImport: i0, template: "<div\n    (click)=\"clickCardEvent.emit(news)\"\n    class=\"relative flex h-full cursor-pointer flex-col gap-2 overflow-hidden rounded-xl bg-white px-2 pb-4 pt-2 shadow-sc-2\"\n>\n    <div\n        [style.background-image]=\"'url(' + news.image + ')'\"\n        class=\"w-full grow rounded-xl bg-tui-base-02 bg-cover bg-center bg-no-repeat\"\n    ></div>\n    <div class=\"flex w-full flex-col justify-between gap-2 overflow-hidden bg-white align-baseline\">\n        <p class=\"text-sm font-medium text-tui-text-02\">{{ news.createdAt }}</p>\n\n        <div class=\"line-clamp-3 font-extrabold\">{{ news.subject }}</div>\n    </div>\n</div>\n\n<!-- <div\n[style.background-image]=\"'url(' + news.image + ')'\"\nclass=\"h-50 w-full bg-tui-base-02 bg-cover bg-center bg-no-repeat\"\n></div> -->\n", styles: [":host{display:block;height:20.5rem}:host.is_mobile{height:17rem}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.12", type: ScNewsCardComponent, selector: "sc-news-card", inputs: { news: "news" }, outputs: { clickCardEvent: "clickCardEvent" }, host: { properties: { "class.is_mobile": "this.isMobile" } }, ngImport: i0, template: "<div\n    (click)=\"clickCardEvent.emit(news)\"\n    class=\"shadow-news relative flex h-full cursor-pointer flex-col gap-2 overflow-hidden rounded-xl bg-white px-2 pb-4 pt-2\"\n>\n    <div\n        [style.background-image]=\"'url(' + news.image + ')'\"\n        class=\"w-full grow rounded-xl bg-tui-base-02 bg-cover bg-center bg-no-repeat\"\n    ></div>\n    <div class=\"flex w-full flex-col justify-between gap-2 overflow-hidden bg-white align-baseline\">\n        <p class=\"text-sm font-medium text-tui-text-02\">{{ news.createdAt }}</p>\n\n        <div class=\"line-clamp-3 font-extrabold\">{{ news.subject }}</div>\n    </div>\n</div>\n\n<!-- <div\n[style.background-image]=\"'url(' + news.image + ')'\"\nclass=\"h-50 w-full bg-tui-base-02 bg-cover bg-center bg-no-repeat\"\n></div> -->\n", styles: [":host{display:block;height:20.5rem}:host.is_mobile{height:17rem}.shadow-news{box-shadow:0 .25rem 1.5rem #0000001f}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: ScNewsCardComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sc-news-card', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n    (click)=\"clickCardEvent.emit(news)\"\n    class=\"relative flex h-full cursor-pointer flex-col gap-2 overflow-hidden rounded-xl bg-white px-2 pb-4 pt-2 shadow-sc-2\"\n>\n    <div\n        [style.background-image]=\"'url(' + news.image + ')'\"\n        class=\"w-full grow rounded-xl bg-tui-base-02 bg-cover bg-center bg-no-repeat\"\n    ></div>\n    <div class=\"flex w-full flex-col justify-between gap-2 overflow-hidden bg-white align-baseline\">\n        <p class=\"text-sm font-medium text-tui-text-02\">{{ news.createdAt }}</p>\n\n        <div class=\"line-clamp-3 font-extrabold\">{{ news.subject }}</div>\n    </div>\n</div>\n\n<!-- <div\n[style.background-image]=\"'url(' + news.image + ')'\"\nclass=\"h-50 w-full bg-tui-base-02 bg-cover bg-center bg-no-repeat\"\n></div> -->\n", styles: [":host{display:block;height:20.5rem}:host.is_mobile{height:17rem}\n"] }]
+            args: [{ selector: 'sc-news-card', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n    (click)=\"clickCardEvent.emit(news)\"\n    class=\"shadow-news relative flex h-full cursor-pointer flex-col gap-2 overflow-hidden rounded-xl bg-white px-2 pb-4 pt-2\"\n>\n    <div\n        [style.background-image]=\"'url(' + news.image + ')'\"\n        class=\"w-full grow rounded-xl bg-tui-base-02 bg-cover bg-center bg-no-repeat\"\n    ></div>\n    <div class=\"flex w-full flex-col justify-between gap-2 overflow-hidden bg-white align-baseline\">\n        <p class=\"text-sm font-medium text-tui-text-02\">{{ news.createdAt }}</p>\n\n        <div class=\"line-clamp-3 font-extrabold\">{{ news.subject }}</div>\n    </div>\n</div>\n\n<!-- <div\n[style.background-image]=\"'url(' + news.image + ')'\"\nclass=\"h-50 w-full bg-tui-base-02 bg-cover bg-center bg-no-repeat\"\n></div> -->\n", styles: [":host{display:block;height:20.5rem}:host.is_mobile{height:17rem}.shadow-news{box-shadow:0 .25rem 1.5rem #0000001f}\n"] }]
         }], propDecorators: { news: [{
                 type: Input
             }], clickCardEvent: [{
@@ -29,4 +29,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImpo
                 type: HostBinding,
                 args: ['class.is_mobile']
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2MtbmV3cy1jYXJkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NsaWVudC11aS9uZXdzL25ld3MtY2FyZC9zYy1uZXdzLWNhcmQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY2xpZW50LXVpL25ld3MvbmV3cy1jYXJkL3NjLW5ld3MtY2FyZC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxXQUFXLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFckgsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFFOUM7O0dBRUc7QUFPSCxNQUFNLE9BQU8sbUJBQW1CO0lBTmhDO1FBYUk7O1dBRUc7UUFFSSxtQkFBYyxHQUE2QixJQUFJLFlBQVksRUFBYyxDQUFDO1FBRWpGOztXQUVHO1FBRWEsYUFBUSxHQUFZLE1BQU0sQ0FBQyxhQUFhLENBQUMsQ0FBQztLQUM3RDsrR0FsQlksbUJBQW1CO21HQUFuQixtQkFBbUIsMkxDYmhDLDh4QkFtQkE7OzRGRE5hLG1CQUFtQjtrQkFOL0IsU0FBUzsrQkFDSSxjQUFjLG1CQUdQLHVCQUF1QixDQUFDLE1BQU07OEJBT3hDLElBQUk7c0JBRFYsS0FBSztnQkFPQyxjQUFjO3NCQURwQixNQUFNO2dCQU9TLFFBQVE7c0JBRHZCLFdBQVc7dUJBQUMsaUJBQWlCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBIb3N0QmluZGluZywgaW5qZWN0LCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTY05ld3NUaWxlIH0gZnJvbSAnQHNuYWJjZW50ci9jbGllbnQtY29yZSc7XG5pbXBvcnQgeyBUVUlfSVNfTU9CSUxFIH0gZnJvbSAnQHRhaWdhLXVpL2Nkayc7XG5cbi8qKlxuICog0JrQvtC80L/QvtC90LXQvdGCINC60LDRgNGC0L7Rh9C60Lgg0L3QvtCy0L7RgdGC0LguXG4gKi9cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnc2MtbmV3cy1jYXJkJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vc2MtbmV3cy1jYXJkLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9zYy1uZXdzLWNhcmQuY29tcG9uZW50LnNjc3MnXSxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgU2NOZXdzQ2FyZENvbXBvbmVudCB7XG4gICAgLyoqXG4gICAgICog0JTQsNC90L3Ri9C1INC+INC90L7QstC+0YHRgtC4LlxuICAgICAqL1xuICAgIEBJbnB1dCgpXG4gICAgcHVibGljIG5ld3M6IFNjTmV3c1RpbGU7XG5cbiAgICAvKipcbiAgICAgKiDQodC+0LHRi9GC0LjQtSDQutC70LjQutCwINC/0L4g0LrQsNGA0YLQvtGH0LrQtSDQvdC+0LLQvtGB0YLQuC5cbiAgICAgKi9cbiAgICBAT3V0cHV0KClcbiAgICBwdWJsaWMgY2xpY2tDYXJkRXZlbnQ6IEV2ZW50RW1pdHRlcjxTY05ld3NUaWxlPiA9IG5ldyBFdmVudEVtaXR0ZXI8U2NOZXdzVGlsZT4oKTtcblxuICAgIC8qKlxuICAgICAqINCf0YDQuNC30L3QsNC6INGC0L7Qs9C+LCDRh9GC0L4g0Y3RgtC+0YIg0LrQvtC80L/QvtC90LXQvdGCINC+0YLQvtCx0YDQsNC20LDQtdGC0YHRjyDQvdCwINC80L7QsdC40LvRjNC90L7QvCDRg9GB0YLRgNC+0LnRgdGC0LLQtS5cbiAgICAgKi9cbiAgICBASG9zdEJpbmRpbmcoJ2NsYXNzLmlzX21vYmlsZScpXG4gICAgcHVibGljIHJlYWRvbmx5IGlzTW9iaWxlOiBib29sZWFuID0gaW5qZWN0KFRVSV9JU19NT0JJTEUpO1xufVxuIiwiPGRpdlxuICAgIChjbGljayk9XCJjbGlja0NhcmRFdmVudC5lbWl0KG5ld3MpXCJcbiAgICBjbGFzcz1cInJlbGF0aXZlIGZsZXggaC1mdWxsIGN1cnNvci1wb2ludGVyIGZsZXgtY29sIGdhcC0yIG92ZXJmbG93LWhpZGRlbiByb3VuZGVkLXhsIGJnLXdoaXRlIHB4LTIgcGItNCBwdC0yIHNoYWRvdy1zYy0yXCJcbj5cbiAgICA8ZGl2XG4gICAgICAgIFtzdHlsZS5iYWNrZ3JvdW5kLWltYWdlXT1cIid1cmwoJyArIG5ld3MuaW1hZ2UgKyAnKSdcIlxuICAgICAgICBjbGFzcz1cInctZnVsbCBncm93IHJvdW5kZWQteGwgYmctdHVpLWJhc2UtMDIgYmctY292ZXIgYmctY2VudGVyIGJnLW5vLXJlcGVhdFwiXG4gICAgPjwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJmbGV4IHctZnVsbCBmbGV4LWNvbCBqdXN0aWZ5LWJldHdlZW4gZ2FwLTIgb3ZlcmZsb3ctaGlkZGVuIGJnLXdoaXRlIGFsaWduLWJhc2VsaW5lXCI+XG4gICAgICAgIDxwIGNsYXNzPVwidGV4dC1zbSBmb250LW1lZGl1bSB0ZXh0LXR1aS10ZXh0LTAyXCI+e3sgbmV3cy5jcmVhdGVkQXQgfX08L3A+XG5cbiAgICAgICAgPGRpdiBjbGFzcz1cImxpbmUtY2xhbXAtMyBmb250LWV4dHJhYm9sZFwiPnt7IG5ld3Muc3ViamVjdCB9fTwvZGl2PlxuICAgIDwvZGl2PlxuPC9kaXY+XG5cbjwhLS0gPGRpdlxuW3N0eWxlLmJhY2tncm91bmQtaW1hZ2VdPVwiJ3VybCgnICsgbmV3cy5pbWFnZSArICcpJ1wiXG5jbGFzcz1cImgtNTAgdy1mdWxsIGJnLXR1aS1iYXNlLTAyIGJnLWNvdmVyIGJnLWNlbnRlciBiZy1uby1yZXBlYXRcIlxuPjwvZGl2PiAtLT5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2MtbmV3cy1jYXJkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NsaWVudC11aS9uZXdzL25ld3MtY2FyZC9zYy1uZXdzLWNhcmQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY2xpZW50LXVpL25ld3MvbmV3cy1jYXJkL3NjLW5ld3MtY2FyZC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxXQUFXLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFckgsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFFOUM7O0dBRUc7QUFPSCxNQUFNLE9BQU8sbUJBQW1CO0lBTmhDO1FBYUk7O1dBRUc7UUFFSSxtQkFBYyxHQUE2QixJQUFJLFlBQVksRUFBYyxDQUFDO1FBRWpGOztXQUVHO1FBRWEsYUFBUSxHQUFZLE1BQU0sQ0FBQyxhQUFhLENBQUMsQ0FBQztLQUM3RDsrR0FsQlksbUJBQW1CO21HQUFuQixtQkFBbUIsMkxDYmhDLDh4QkFtQkE7OzRGRE5hLG1CQUFtQjtrQkFOL0IsU0FBUzsrQkFDSSxjQUFjLG1CQUdQLHVCQUF1QixDQUFDLE1BQU07OEJBT3hDLElBQUk7c0JBRFYsS0FBSztnQkFPQyxjQUFjO3NCQURwQixNQUFNO2dCQU9TLFFBQVE7c0JBRHZCLFdBQVc7dUJBQUMsaUJBQWlCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBIb3N0QmluZGluZywgaW5qZWN0LCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTY05ld3NUaWxlIH0gZnJvbSAnQHNuYWJjZW50ci9jbGllbnQtY29yZSc7XG5pbXBvcnQgeyBUVUlfSVNfTU9CSUxFIH0gZnJvbSAnQHRhaWdhLXVpL2Nkayc7XG5cbi8qKlxuICog0JrQvtC80L/QvtC90LXQvdGCINC60LDRgNGC0L7Rh9C60Lgg0L3QvtCy0L7RgdGC0LguXG4gKi9cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnc2MtbmV3cy1jYXJkJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vc2MtbmV3cy1jYXJkLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9zYy1uZXdzLWNhcmQuY29tcG9uZW50LnNjc3MnXSxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgU2NOZXdzQ2FyZENvbXBvbmVudCB7XG4gICAgLyoqXG4gICAgICog0JTQsNC90L3Ri9C1INC+INC90L7QstC+0YHRgtC4LlxuICAgICAqL1xuICAgIEBJbnB1dCgpXG4gICAgcHVibGljIG5ld3M6IFNjTmV3c1RpbGU7XG5cbiAgICAvKipcbiAgICAgKiDQodC+0LHRi9GC0LjQtSDQutC70LjQutCwINC/0L4g0LrQsNGA0YLQvtGH0LrQtSDQvdC+0LLQvtGB0YLQuC5cbiAgICAgKi9cbiAgICBAT3V0cHV0KClcbiAgICBwdWJsaWMgY2xpY2tDYXJkRXZlbnQ6IEV2ZW50RW1pdHRlcjxTY05ld3NUaWxlPiA9IG5ldyBFdmVudEVtaXR0ZXI8U2NOZXdzVGlsZT4oKTtcblxuICAgIC8qKlxuICAgICAqINCf0YDQuNC30L3QsNC6INGC0L7Qs9C+LCDRh9GC0L4g0Y3RgtC+0YIg0LrQvtC80L/QvtC90LXQvdGCINC+0YLQvtCx0YDQsNC20LDQtdGC0YHRjyDQvdCwINC80L7QsdC40LvRjNC90L7QvCDRg9GB0YLRgNC+0LnRgdGC0LLQtS5cbiAgICAgKi9cbiAgICBASG9zdEJpbmRpbmcoJ2NsYXNzLmlzX21vYmlsZScpXG4gICAgcHVibGljIHJlYWRvbmx5IGlzTW9iaWxlOiBib29sZWFuID0gaW5qZWN0KFRVSV9JU19NT0JJTEUpO1xufVxuIiwiPGRpdlxuICAgIChjbGljayk9XCJjbGlja0NhcmRFdmVudC5lbWl0KG5ld3MpXCJcbiAgICBjbGFzcz1cInNoYWRvdy1uZXdzIHJlbGF0aXZlIGZsZXggaC1mdWxsIGN1cnNvci1wb2ludGVyIGZsZXgtY29sIGdhcC0yIG92ZXJmbG93LWhpZGRlbiByb3VuZGVkLXhsIGJnLXdoaXRlIHB4LTIgcGItNCBwdC0yXCJcbj5cbiAgICA8ZGl2XG4gICAgICAgIFtzdHlsZS5iYWNrZ3JvdW5kLWltYWdlXT1cIid1cmwoJyArIG5ld3MuaW1hZ2UgKyAnKSdcIlxuICAgICAgICBjbGFzcz1cInctZnVsbCBncm93IHJvdW5kZWQteGwgYmctdHVpLWJhc2UtMDIgYmctY292ZXIgYmctY2VudGVyIGJnLW5vLXJlcGVhdFwiXG4gICAgPjwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJmbGV4IHctZnVsbCBmbGV4LWNvbCBqdXN0aWZ5LWJldHdlZW4gZ2FwLTIgb3ZlcmZsb3ctaGlkZGVuIGJnLXdoaXRlIGFsaWduLWJhc2VsaW5lXCI+XG4gICAgICAgIDxwIGNsYXNzPVwidGV4dC1zbSBmb250LW1lZGl1bSB0ZXh0LXR1aS10ZXh0LTAyXCI+e3sgbmV3cy5jcmVhdGVkQXQgfX08L3A+XG5cbiAgICAgICAgPGRpdiBjbGFzcz1cImxpbmUtY2xhbXAtMyBmb250LWV4dHJhYm9sZFwiPnt7IG5ld3Muc3ViamVjdCB9fTwvZGl2PlxuICAgIDwvZGl2PlxuPC9kaXY+XG5cbjwhLS0gPGRpdlxuW3N0eWxlLmJhY2tncm91bmQtaW1hZ2VdPVwiJ3VybCgnICsgbmV3cy5pbWFnZSArICcpJ1wiXG5jbGFzcz1cImgtNTAgdy1mdWxsIGJnLXR1aS1iYXNlLTAyIGJnLWNvdmVyIGJnLWNlbnRlciBiZy1uby1yZXBlYXRcIlxuPjwvZGl2PiAtLT5cbiJdfQ==

package/fesm2022/snabcentr-client-ui.mjs

@@ -3688,6 +3688,10 @@ class ScPriceListPaginationComponent {
     constructor(nextPageClickEvent, options) {
         this.nextPageClickEvent = nextPageClickEvent;
         this.options = options;
+        /**
+         * Сервис для сбора метрик о действиях пользователей.
+         */
+        this.userMetrikaService = inject(ScUserMetrikaService);
         /**
          * Сервис пагинации.
          */
@@ -3703,12 +3707,24 @@ class ScPriceListPaginationComponent {
          */
         this.disabled$ = this.paginationService.dataAccumulated$.pipe(map(tuiIsFalsy));
     }
+    /**
+     * Обработка нажатия на кнопку "Показать следующие N позиций".
+     */
+    showMore() {
+        this.nextPageClickEvent.emit();
+        this.userMetrikaService.emitUserMetrikaEvent({
+            target: ScUserMetrikaGoalsEnum.showMoreClick,
+            params: {
+                category_id: this.options.categoryId,
+            },
+        });
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: ScPriceListPaginationComponent, deps: [{ token: SC_NEXT_PAGE_PAGINATION_CLICK }, { token: SC_PRODUCT_PAGINATION_OPTIONS }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.12", type: ScPriceListPaginationComponent, selector: "sc-price-list-pagination", ngImport: i0, template: "<ng-container *ngIf=\"meta$ | async as meta\">\n    <button\n        *ngIf=\"meta?.currentPage !== meta?.lastPage\"\n        tuiButton\n        (click)=\"nextPageClickEvent.emit()\"\n        [disabled]=\"!!(disabled$ | async)\"\n        appearance=\"secondary\"\n        class=\"!font-bold\"\n    >\n        \u041F\u043E\u043A\u0430\u0437\u0430\u0442\u044C \u0435\u0449\u0451 {{ options.perPage }} \u0442\u043E\u0432\u0430\u0440\u043E\u0432\n    </button>\n</ng-container>\n", dependencies: [{ kind: "directive", type: i2.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: "pipe", type: i2.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.12", type: ScPriceListPaginationComponent, selector: "sc-price-list-pagination", ngImport: i0, template: "<ng-container *ngIf=\"meta$ | async as meta\">\n    <button\n        *ngIf=\"meta?.currentPage !== meta?.lastPage\"\n        tuiButton\n        (click)=\"showMore()\"\n        [disabled]=\"!!(disabled$ | async)\"\n        appearance=\"secondary\"\n        class=\"!font-bold\"\n    >\n        \u041F\u043E\u043A\u0430\u0437\u0430\u0442\u044C \u0435\u0449\u0451 {{ options.perPage }} \u0442\u043E\u0432\u0430\u0440\u043E\u0432\n    </button>\n</ng-container>\n", dependencies: [{ kind: "directive", type: i2.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: "pipe", type: i2.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: ScPriceListPaginationComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sc-price-list-pagination', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngIf=\"meta$ | async as meta\">\n    <button\n        *ngIf=\"meta?.currentPage !== meta?.lastPage\"\n        tuiButton\n        (click)=\"nextPageClickEvent.emit()\"\n        [disabled]=\"!!(disabled$ | async)\"\n        appearance=\"secondary\"\n        class=\"!font-bold\"\n    >\n        \u041F\u043E\u043A\u0430\u0437\u0430\u0442\u044C \u0435\u0449\u0451 {{ options.perPage }} \u0442\u043E\u0432\u0430\u0440\u043E\u0432\n    </button>\n</ng-container>\n" }]
+            args: [{ selector: 'sc-price-list-pagination', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngIf=\"meta$ | async as meta\">\n    <button\n        *ngIf=\"meta?.currentPage !== meta?.lastPage\"\n        tuiButton\n        (click)=\"showMore()\"\n        [disabled]=\"!!(disabled$ | async)\"\n        appearance=\"secondary\"\n        class=\"!font-bold\"\n    >\n        \u041F\u043E\u043A\u0430\u0437\u0430\u0442\u044C \u0435\u0449\u0451 {{ options.perPage }} \u0442\u043E\u0432\u0430\u0440\u043E\u0432\n    </button>\n</ng-container>\n" }]
         }], ctorParameters: () => [{ type: i0.EventEmitter, decorators: [{
                     type: Inject,
                     args: [SC_NEXT_PAGE_PAGINATION_CLICK]
@@ -4972,11 +4988,11 @@ class ScNewsCardComponent {
         this.isMobile = inject(TUI_IS_MOBILE);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: ScNewsCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.12", type: ScNewsCardComponent, selector: "sc-news-card", inputs: { news: "news" }, outputs: { clickCardEvent: "clickCardEvent" }, host: { properties: { "class.is_mobile": "this.isMobile" } }, ngImport: i0, template: "<div\n    (click)=\"clickCardEvent.emit(news)\"\n    class=\"relative flex h-full cursor-pointer flex-col gap-2 overflow-hidden rounded-xl bg-white px-2 pb-4 pt-2 shadow-sc-2\"\n>\n    <div\n        [style.background-image]=\"'url(' + news.image + ')'\"\n        class=\"w-full grow rounded-xl bg-tui-base-02 bg-cover bg-center bg-no-repeat\"\n    ></div>\n    <div class=\"flex w-full flex-col justify-between gap-2 overflow-hidden bg-white align-baseline\">\n        <p class=\"text-sm font-medium text-tui-text-02\">{{ news.createdAt }}</p>\n\n        <div class=\"line-clamp-3 font-extrabold\">{{ news.subject }}</div>\n    </div>\n</div>\n\n<!-- <div\n[style.background-image]=\"'url(' + news.image + ')'\"\nclass=\"h-50 w-full bg-tui-base-02 bg-cover bg-center bg-no-repeat\"\n></div> -->\n", styles: [":host{display:block;height:20.5rem}:host.is_mobile{height:17rem}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.12", type: ScNewsCardComponent, selector: "sc-news-card", inputs: { news: "news" }, outputs: { clickCardEvent: "clickCardEvent" }, host: { properties: { "class.is_mobile": "this.isMobile" } }, ngImport: i0, template: "<div\n    (click)=\"clickCardEvent.emit(news)\"\n    class=\"shadow-news relative flex h-full cursor-pointer flex-col gap-2 overflow-hidden rounded-xl bg-white px-2 pb-4 pt-2\"\n>\n    <div\n        [style.background-image]=\"'url(' + news.image + ')'\"\n        class=\"w-full grow rounded-xl bg-tui-base-02 bg-cover bg-center bg-no-repeat\"\n    ></div>\n    <div class=\"flex w-full flex-col justify-between gap-2 overflow-hidden bg-white align-baseline\">\n        <p class=\"text-sm font-medium text-tui-text-02\">{{ news.createdAt }}</p>\n\n        <div class=\"line-clamp-3 font-extrabold\">{{ news.subject }}</div>\n    </div>\n</div>\n\n<!-- <div\n[style.background-image]=\"'url(' + news.image + ')'\"\nclass=\"h-50 w-full bg-tui-base-02 bg-cover bg-center bg-no-repeat\"\n></div> -->\n", styles: [":host{display:block;height:20.5rem}:host.is_mobile{height:17rem}.shadow-news{box-shadow:0 .25rem 1.5rem #0000001f}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: ScNewsCardComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sc-news-card', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n    (click)=\"clickCardEvent.emit(news)\"\n    class=\"relative flex h-full cursor-pointer flex-col gap-2 overflow-hidden rounded-xl bg-white px-2 pb-4 pt-2 shadow-sc-2\"\n>\n    <div\n        [style.background-image]=\"'url(' + news.image + ')'\"\n        class=\"w-full grow rounded-xl bg-tui-base-02 bg-cover bg-center bg-no-repeat\"\n    ></div>\n    <div class=\"flex w-full flex-col justify-between gap-2 overflow-hidden bg-white align-baseline\">\n        <p class=\"text-sm font-medium text-tui-text-02\">{{ news.createdAt }}</p>\n\n        <div class=\"line-clamp-3 font-extrabold\">{{ news.subject }}</div>\n    </div>\n</div>\n\n<!-- <div\n[style.background-image]=\"'url(' + news.image + ')'\"\nclass=\"h-50 w-full bg-tui-base-02 bg-cover bg-center bg-no-repeat\"\n></div> -->\n", styles: [":host{display:block;height:20.5rem}:host.is_mobile{height:17rem}\n"] }]
+            args: [{ selector: 'sc-news-card', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n    (click)=\"clickCardEvent.emit(news)\"\n    class=\"shadow-news relative flex h-full cursor-pointer flex-col gap-2 overflow-hidden rounded-xl bg-white px-2 pb-4 pt-2\"\n>\n    <div\n        [style.background-image]=\"'url(' + news.image + ')'\"\n        class=\"w-full grow rounded-xl bg-tui-base-02 bg-cover bg-center bg-no-repeat\"\n    ></div>\n    <div class=\"flex w-full flex-col justify-between gap-2 overflow-hidden bg-white align-baseline\">\n        <p class=\"text-sm font-medium text-tui-text-02\">{{ news.createdAt }}</p>\n\n        <div class=\"line-clamp-3 font-extrabold\">{{ news.subject }}</div>\n    </div>\n</div>\n\n<!-- <div\n[style.background-image]=\"'url(' + news.image + ')'\"\nclass=\"h-50 w-full bg-tui-base-02 bg-cover bg-center bg-no-repeat\"\n></div> -->\n", styles: [":host{display:block;height:20.5rem}:host.is_mobile{height:17rem}.shadow-news{box-shadow:0 .25rem 1.5rem #0000001f}\n"] }]
         }], propDecorators: { news: [{
                 type: Input
             }], clickCardEvent: [{