@snabcentr/client-ui 3.8.8 → 3.9.0

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

@@ -1,7 +1,6 @@
 import { ChangeDetectionStrategy, Component, EventEmitter, HostBinding, inject, Input, Output } from '@angular/core';
 import { TUI_IS_MOBILE } from '@taiga-ui/cdk';
 import * as i0 from "@angular/core";
-import * as i1 from "../../share-button/sc-share-button.component";
 /**
  * Компонент карточки новости.
  */
@@ -11,29 +10,23 @@ export class ScNewsCardComponent {
          * Событие клика по карточке новости.
          */
         this.clickCardEvent = new EventEmitter();
-        /**
-         * Событие клика по кнопке "Поделиться" карточки новости.
-         */
-        this.clickShareEvent = new EventEmitter();
         /**
          * Признак того, что этот компонент отображается на мобильном устройстве.
          */
         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", clickShareEvent: "clickShareEvent" }, 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        <div class=\"flex items-center justify-between\">\n            <p class=\"text-sm font-medium text-tui-text-02\">{{ news.createdAt }}</p>\n            <sc-share-button\n                (clickShareEvent)=\"clickShareEvent.emit()\"\n                appearance=\"flat\"\n            ></sc-share-button>\n        </div>\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"], dependencies: [{ kind: "component", type: i1.ScShareButtonComponent, selector: "sc-share-button", inputs: ["appearance", "size"], outputs: ["clickShareEvent"] }], 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=\"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 }); }
 }
 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        <div class=\"flex items-center justify-between\">\n            <p class=\"text-sm font-medium text-tui-text-02\">{{ news.createdAt }}</p>\n            <sc-share-button\n                (clickShareEvent)=\"clickShareEvent.emit()\"\n                appearance=\"flat\"\n            ></sc-share-button>\n        </div>\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=\"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"] }]
         }], propDecorators: { news: [{
                 type: Input
             }], clickCardEvent: [{
                 type: Output
-            }], clickShareEvent: [{
-                type: Output
             }], isMobile: [{
                 type: HostBinding,
                 args: ['class.is_mobile']
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2MtbmV3cy1jYXJkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NsaWVudC11aS9uZXdzL25ld3MtY2FyZC9zYy1uZXdzLWNhcmQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY2xpZW50LXVpL25ld3MvbmV3cy1jYXJkL3NjLW5ld3MtY2FyZC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxXQUFXLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFckgsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7O0FBRTlDOztHQUVHO0FBT0gsTUFBTSxPQUFPLG1CQUFtQjtJQU5oQztRQWFJOztXQUVHO1FBRUksbUJBQWMsR0FBNkIsSUFBSSxZQUFZLEVBQWMsQ0FBQztRQUVqRjs7V0FFRztRQUVJLG9CQUFlLEdBQXVCLElBQUksWUFBWSxFQUFRLENBQUM7UUFFdEU7O1dBRUc7UUFFYSxhQUFRLEdBQVksTUFBTSxDQUFDLGFBQWEsQ0FBQyxDQUFDO0tBQzdEOytHQXhCWSxtQkFBbUI7bUdBQW5CLG1CQUFtQiwrTkNiaEMsNmdDQXdCQTs7NEZEWGEsbUJBQW1CO2tCQU4vQixTQUFTOytCQUNJLGNBQWMsbUJBR1AsdUJBQXVCLENBQUMsTUFBTTs4QkFPeEMsSUFBSTtzQkFEVixLQUFLO2dCQU9DLGNBQWM7c0JBRHBCLE1BQU07Z0JBT0EsZUFBZTtzQkFEckIsTUFBTTtnQkFPUyxRQUFRO3NCQUR2QixXQUFXO3VCQUFDLGlCQUFpQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSG9zdEJpbmRpbmcsIGluamVjdCwgSW5wdXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgU2NOZXdzVGlsZSB9IGZyb20gJ0BzbmFiY2VudHIvY2xpZW50LWNvcmUnO1xuaW1wb3J0IHsgVFVJX0lTX01PQklMRSB9IGZyb20gJ0B0YWlnYS11aS9jZGsnO1xuXG4vKipcbiAqINCa0L7QvNC/0L7QvdC10L3RgiDQutCw0YDRgtC+0YfQutC4INC90L7QstC+0YHRgtC4LlxuICovXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ3NjLW5ld3MtY2FyZCcsXG4gICAgdGVtcGxhdGVVcmw6ICcuL3NjLW5ld3MtY2FyZC5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vc2MtbmV3cy1jYXJkLmNvbXBvbmVudC5zY3NzJ10sXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIFNjTmV3c0NhcmRDb21wb25lbnQge1xuICAgIC8qKlxuICAgICAqINCU0LDQvdC90YvQtSDQviDQvdC+0LLQvtGB0YLQuC5cbiAgICAgKi9cbiAgICBASW5wdXQoKVxuICAgIHB1YmxpYyBuZXdzOiBTY05ld3NUaWxlO1xuXG4gICAgLyoqXG4gICAgICog0KHQvtCx0YvRgtC40LUg0LrQu9C40LrQsCDQv9C+INC60LDRgNGC0L7Rh9C60LUg0L3QvtCy0L7RgdGC0LguXG4gICAgICovXG4gICAgQE91dHB1dCgpXG4gICAgcHVibGljIGNsaWNrQ2FyZEV2ZW50OiBFdmVudEVtaXR0ZXI8U2NOZXdzVGlsZT4gPSBuZXcgRXZlbnRFbWl0dGVyPFNjTmV3c1RpbGU+KCk7XG5cbiAgICAvKipcbiAgICAgKiDQodC+0LHRi9GC0LjQtSDQutC70LjQutCwINC/0L4g0LrQvdC+0L/QutC1IFwi0J/QvtC00LXQu9C40YLRjNGB0Y9cIiDQutCw0YDRgtC+0YfQutC4INC90L7QstC+0YHRgtC4LlxuICAgICAqL1xuICAgIEBPdXRwdXQoKVxuICAgIHB1YmxpYyBjbGlja1NoYXJlRXZlbnQ6IEV2ZW50RW1pdHRlcjx2b2lkPiA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcblxuICAgIC8qKlxuICAgICAqINCf0YDQuNC30L3QsNC6INGC0L7Qs9C+LCDRh9GC0L4g0Y3RgtC+0YIg0LrQvtC80L/QvtC90LXQvdGCINC+0YLQvtCx0YDQsNC20LDQtdGC0YHRjyDQvdCwINC80L7QsdC40LvRjNC90L7QvCDRg9GB0YLRgNC+0LnRgdGC0LLQtS5cbiAgICAgKi9cbiAgICBASG9zdEJpbmRpbmcoJ2NsYXNzLmlzX21vYmlsZScpXG4gICAgcHVibGljIHJlYWRvbmx5IGlzTW9iaWxlOiBib29sZWFuID0gaW5qZWN0KFRVSV9JU19NT0JJTEUpO1xufVxuIiwiPGRpdlxuICAgIChjbGljayk9XCJjbGlja0NhcmRFdmVudC5lbWl0KG5ld3MpXCJcbiAgICBjbGFzcz1cInJlbGF0aXZlIGZsZXggaC1mdWxsIGN1cnNvci1wb2ludGVyIGZsZXgtY29sIGdhcC0yIG92ZXJmbG93LWhpZGRlbiByb3VuZGVkLXhsIGJnLXdoaXRlIHB4LTIgcGItNCBwdC0yIHNoYWRvdy1zYy0yXCJcbj5cbiAgICA8ZGl2XG4gICAgICAgIFtzdHlsZS5iYWNrZ3JvdW5kLWltYWdlXT1cIid1cmwoJyArIG5ld3MuaW1hZ2UgKyAnKSdcIlxuICAgICAgICBjbGFzcz1cInctZnVsbCBncm93IHJvdW5kZWQteGwgYmctdHVpLWJhc2UtMDIgYmctY292ZXIgYmctY2VudGVyIGJnLW5vLXJlcGVhdFwiXG4gICAgPjwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJmbGV4IHctZnVsbCBmbGV4LWNvbCBqdXN0aWZ5LWJldHdlZW4gZ2FwLTIgb3ZlcmZsb3ctaGlkZGVuIGJnLXdoaXRlIGFsaWduLWJhc2VsaW5lXCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJmbGV4IGl0ZW1zLWNlbnRlciBqdXN0aWZ5LWJldHdlZW5cIj5cbiAgICAgICAgICAgIDxwIGNsYXNzPVwidGV4dC1zbSBmb250LW1lZGl1bSB0ZXh0LXR1aS10ZXh0LTAyXCI+e3sgbmV3cy5jcmVhdGVkQXQgfX08L3A+XG4gICAgICAgICAgICA8c2Mtc2hhcmUtYnV0dG9uXG4gICAgICAgICAgICAgICAgKGNsaWNrU2hhcmVFdmVudCk9XCJjbGlja1NoYXJlRXZlbnQuZW1pdCgpXCJcbiAgICAgICAgICAgICAgICBhcHBlYXJhbmNlPVwiZmxhdFwiXG4gICAgICAgICAgICA+PC9zYy1zaGFyZS1idXR0b24+XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8ZGl2IGNsYXNzPVwibGluZS1jbGFtcC0zIGZvbnQtZXh0cmFib2xkXCI+e3sgbmV3cy5zdWJqZWN0IH19PC9kaXY+XG4gICAgPC9kaXY+XG48L2Rpdj5cblxuPCEtLSA8ZGl2XG5bc3R5bGUuYmFja2dyb3VuZC1pbWFnZV09XCIndXJsKCcgKyBuZXdzLmltYWdlICsgJyknXCJcbmNsYXNzPVwiaC01MCB3LWZ1bGwgYmctdHVpLWJhc2UtMDIgYmctY292ZXIgYmctY2VudGVyIGJnLW5vLXJlcGVhdFwiXG4+PC9kaXY+IC0tPlxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2MtbmV3cy1jYXJkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NsaWVudC11aS9uZXdzL25ld3MtY2FyZC9zYy1uZXdzLWNhcmQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY2xpZW50LXVpL25ld3MvbmV3cy1jYXJkL3NjLW5ld3MtY2FyZC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxXQUFXLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFckgsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFFOUM7O0dBRUc7QUFPSCxNQUFNLE9BQU8sbUJBQW1CO0lBTmhDO1FBYUk7O1dBRUc7UUFFSSxtQkFBYyxHQUE2QixJQUFJLFlBQVksRUFBYyxDQUFDO1FBRWpGOztXQUVHO1FBRWEsYUFBUSxHQUFZLE1BQU0sQ0FBQyxhQUFhLENBQUMsQ0FBQztLQUM3RDsrR0FsQlksbUJBQW1CO21HQUFuQixtQkFBbUIsMkxDYmhDLDh4QkFtQkE7OzRGRE5hLG1CQUFtQjtrQkFOL0IsU0FBUzsrQkFDSSxjQUFjLG1CQUdQLHVCQUF1QixDQUFDLE1BQU07OEJBT3hDLElBQUk7c0JBRFYsS0FBSztnQkFPQyxjQUFjO3NCQURwQixNQUFNO2dCQU9TLFFBQVE7c0JBRHZCLFdBQVc7dUJBQUMsaUJBQWlCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBIb3N0QmluZGluZywgaW5qZWN0LCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTY05ld3NUaWxlIH0gZnJvbSAnQHNuYWJjZW50ci9jbGllbnQtY29yZSc7XG5pbXBvcnQgeyBUVUlfSVNfTU9CSUxFIH0gZnJvbSAnQHRhaWdhLXVpL2Nkayc7XG5cbi8qKlxuICog0JrQvtC80L/QvtC90LXQvdGCINC60LDRgNGC0L7Rh9C60Lgg0L3QvtCy0L7RgdGC0LguXG4gKi9cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnc2MtbmV3cy1jYXJkJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vc2MtbmV3cy1jYXJkLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9zYy1uZXdzLWNhcmQuY29tcG9uZW50LnNjc3MnXSxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgU2NOZXdzQ2FyZENvbXBvbmVudCB7XG4gICAgLyoqXG4gICAgICog0JTQsNC90L3Ri9C1INC+INC90L7QstC+0YHRgtC4LlxuICAgICAqL1xuICAgIEBJbnB1dCgpXG4gICAgcHVibGljIG5ld3M6IFNjTmV3c1RpbGU7XG5cbiAgICAvKipcbiAgICAgKiDQodC+0LHRi9GC0LjQtSDQutC70LjQutCwINC/0L4g0LrQsNGA0YLQvtGH0LrQtSDQvdC+0LLQvtGB0YLQuC5cbiAgICAgKi9cbiAgICBAT3V0cHV0KClcbiAgICBwdWJsaWMgY2xpY2tDYXJkRXZlbnQ6IEV2ZW50RW1pdHRlcjxTY05ld3NUaWxlPiA9IG5ldyBFdmVudEVtaXR0ZXI8U2NOZXdzVGlsZT4oKTtcblxuICAgIC8qKlxuICAgICAqINCf0YDQuNC30L3QsNC6INGC0L7Qs9C+LCDRh9GC0L4g0Y3RgtC+0YIg0LrQvtC80L/QvtC90LXQvdGCINC+0YLQvtCx0YDQsNC20LDQtdGC0YHRjyDQvdCwINC80L7QsdC40LvRjNC90L7QvCDRg9GB0YLRgNC+0LnRgdGC0LLQtS5cbiAgICAgKi9cbiAgICBASG9zdEJpbmRpbmcoJ2NsYXNzLmlzX21vYmlsZScpXG4gICAgcHVibGljIHJlYWRvbmx5IGlzTW9iaWxlOiBib29sZWFuID0gaW5qZWN0KFRVSV9JU19NT0JJTEUpO1xufVxuIiwiPGRpdlxuICAgIChjbGljayk9XCJjbGlja0NhcmRFdmVudC5lbWl0KG5ld3MpXCJcbiAgICBjbGFzcz1cInJlbGF0aXZlIGZsZXggaC1mdWxsIGN1cnNvci1wb2ludGVyIGZsZXgtY29sIGdhcC0yIG92ZXJmbG93LWhpZGRlbiByb3VuZGVkLXhsIGJnLXdoaXRlIHB4LTIgcGItNCBwdC0yIHNoYWRvdy1zYy0yXCJcbj5cbiAgICA8ZGl2XG4gICAgICAgIFtzdHlsZS5iYWNrZ3JvdW5kLWltYWdlXT1cIid1cmwoJyArIG5ld3MuaW1hZ2UgKyAnKSdcIlxuICAgICAgICBjbGFzcz1cInctZnVsbCBncm93IHJvdW5kZWQteGwgYmctdHVpLWJhc2UtMDIgYmctY292ZXIgYmctY2VudGVyIGJnLW5vLXJlcGVhdFwiXG4gICAgPjwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJmbGV4IHctZnVsbCBmbGV4LWNvbCBqdXN0aWZ5LWJldHdlZW4gZ2FwLTIgb3ZlcmZsb3ctaGlkZGVuIGJnLXdoaXRlIGFsaWduLWJhc2VsaW5lXCI+XG4gICAgICAgIDxwIGNsYXNzPVwidGV4dC1zbSBmb250LW1lZGl1bSB0ZXh0LXR1aS10ZXh0LTAyXCI+e3sgbmV3cy5jcmVhdGVkQXQgfX08L3A+XG5cbiAgICAgICAgPGRpdiBjbGFzcz1cImxpbmUtY2xhbXAtMyBmb250LWV4dHJhYm9sZFwiPnt7IG5ld3Muc3ViamVjdCB9fTwvZGl2PlxuICAgIDwvZGl2PlxuPC9kaXY+XG5cbjwhLS0gPGRpdlxuW3N0eWxlLmJhY2tncm91bmQtaW1hZ2VdPVwiJ3VybCgnICsgbmV3cy5pbWFnZSArICcpJ1wiXG5jbGFzcz1cImgtNTAgdy1mdWxsIGJnLXR1aS1iYXNlLTAyIGJnLWNvdmVyIGJnLWNlbnRlciBiZy1uby1yZXBlYXRcIlxuPjwvZGl2PiAtLT5cbiJdfQ==

package/esm2022/samples/interfaces/sc-i-preview-sample.mjs

@@ -1,2 +1,2 @@
 export {};
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2MtaS1wcmV2aWV3LXNhbXBsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NsaWVudC11aS9zYW1wbGVzL2ludGVyZmFjZXMvc2MtaS1wcmV2aWV3LXNhbXBsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiDQnNC+0LTQtdC70Ywg0LTQsNC90L3Ri9GFINC+0LHRgNCw0LfRhtC+0LIg0YLQvtCy0LDRgNCwLlxuICovXG5leHBvcnQgaW50ZXJmYWNlIFNjSVByZXZpZXdTYW1wbGUge1xuICAgIC8qKlxuICAgICAqINCX0LDQs9C+0LvQvtCy0L7Qui5cbiAgICAgKi9cbiAgICB0aXRsZTogc3RyaW5nO1xuXG4gICAgLyoqXG4gICAgICog0J7Qv9C40YHQsNC90LjQtSAo0L/QvtC00LfQsNCz0L7Qu9C+0LLQvtC6KS5cbiAgICAgKi9cbiAgICBkZXNjcmlwdGlvbjogc3RyaW5nO1xuXG4gICAgLyoqXG4gICAgICog0K3QutC30LXQvNC/0LvRj9GA0Ysg0L7QsdGA0LDQt9GG0L7Qsi5cbiAgICAgKi9cbiAgICBpdGVtcz86IEFycmF5PHtcbiAgICAgICAgLyoqXG4gICAgICAgICAqINCh0YHRi9C70LrQsCDQvdCwINC40LfQvtCx0YDQsNC20LXQvdC40LUg0LrQvdC+0L/QutC4INC/0LXRgNC10LrQu9GO0YfQsNGC0LXQu9GPLlxuICAgICAgICAgKi9cbiAgICAgICAgYnV0dG9uSW1hZ2VVcmw6IHN0cmluZztcblxuICAgICAgICAvKipcbiAgICAgICAgICog0KHRgdGL0LvQutCwINC90LAg0LjQt9C+0LHRgNCw0LbQtdC90LjQtSDQsiDQs9Cw0LvQtdGA0LXQtSwg0YHQvtC+0YLQstC10YLRgdGC0LLRg9GO0YnQtdC1INC60L3QvtC/0LrQtS5cbiAgICAgICAgICovXG4gICAgICAgIGNhcm91c2VsSXRlbUltYWdlOiBzdHJpbmc7XG4gICAgfT47XG5cbiAgICAvKipcbiAgICAgKiDQodGB0YvQu9C60LAg0L3QsCDQuNC30L7QsdGA0LDQttC10L3QuNC1INGC0L7QstCw0YDQsCDQsiDQvtC/0LjRgdCw0L3QuNC4LlxuICAgICAqL1xuICAgIGRlc2NyaXB0aW9uSW1hZ2VVcmw/OiBzdHJpbmc7XG5cbiAgICAvKipcbiAgICAgKiDQrdC70LXQvNC10L3RgtGLINC60L3QvtC/0L7QuiDQstC30LDQuNC80L7QtNC10LnRgdGC0LLQuNGPLlxuICAgICAqL1xuICAgIGFjdGlvbnM/OiBBcnJheTx7XG4gICAgICAgIC8qKlxuICAgICAgICAgKiDQl9C90LDRh9C+0Log0Y3Qu9C10LzQtdC90YLQsCDQstC30LDQuNC80L7QtNC10LnRgdGC0LLQuNGPLlxuICAgICAgICAgKi9cbiAgICAgICAgaWNvbjogc3RyaW5nO1xuXG4gICAgICAgIC8qKlxuICAgICAgICAgKiDQn9C+0LTQv9C40YHRjCDRjdC70LXQvNC10L3RgtCwINCy0LfQsNC40LzQvtC00LXQudGB0YLQstC40Y8uXG4gICAgICAgICAqL1xuICAgICAgICBsYWJlbDogc3RyaW5nO1xuXG4gICAgICAgIC8qKlxuICAgICAgICAgKiDQntCx0YDQsNCx0L7RgtGH0LjQuiDRjdC70LXQvNC10L3RgtCwINCy0LfQsNC40LzQvtC00LXQudGB0YLQstC40Y8uXG4gICAgICAgICAqL1xuICAgICAgICBoYW5kbGVyOiAoLi4uYXRyOiB1bmtub3duW10pID0+IHVua25vd247XG4gICAgfT47XG59XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2MtaS1wcmV2aWV3LXNhbXBsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NsaWVudC11aS9zYW1wbGVzL2ludGVyZmFjZXMvc2MtaS1wcmV2aWV3LXNhbXBsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiDQnNC+0LTQtdC70Ywg0LTQsNC90L3Ri9GFINC+0LHRgNCw0LfRhtC+0LIg0YLQvtCy0LDRgNCwLlxuICovXG5leHBvcnQgaW50ZXJmYWNlIFNjSVByZXZpZXdTYW1wbGUge1xuICAgIC8qKlxuICAgICAqINCX0LDQs9C+0LvQvtCy0L7Qui5cbiAgICAgKi9cbiAgICB0aXRsZTogc3RyaW5nO1xuXG4gICAgLyoqXG4gICAgICog0J7Qv9C40YHQsNC90LjQtSAo0L/QvtC00LfQsNCz0L7Qu9C+0LLQvtC6KS5cbiAgICAgKi9cbiAgICBkZXNjcmlwdGlvbjogc3RyaW5nO1xuXG4gICAgLyoqXG4gICAgICog0K3QutC30LXQvNC/0LvRj9GA0Ysg0L7QsdGA0LDQt9GG0L7Qsi5cbiAgICAgKi9cbiAgICBpdGVtcz86IEFycmF5PHtcbiAgICAgICAgLyoqXG4gICAgICAgICAqINCh0YHRi9C70LrQsCDQvdCwINC40LfQvtCx0YDQsNC20LXQvdC40LUg0LrQvdC+0L/QutC4INC/0LXRgNC10LrQu9GO0YfQsNGC0LXQu9GPLlxuICAgICAgICAgKi9cbiAgICAgICAgYnV0dG9uSW1hZ2VVcmw6IHN0cmluZztcblxuICAgICAgICAvKipcbiAgICAgICAgICog0KHRgdGL0LvQutCwINC90LAg0LjQt9C+0LHRgNCw0LbQtdC90LjQtSDQsiDQs9Cw0LvQtdGA0LXQtSwg0YHQvtC+0YLQstC10YLRgdGC0LLRg9GO0YnQtdC1INC60L3QvtC/0LrQtS5cbiAgICAgICAgICovXG4gICAgICAgIGNhcm91c2VsSXRlbUltYWdlOiBzdHJpbmc7XG5cbiAgICAgICAgLyoqXG4gICAgICAgICAqINCd0LDQuNC80LXQvdC+0LLQsNC90LjQtSDRhtCy0LXRgtCwINC+0LHRgNCw0LfRhtCwLlxuICAgICAgICAgKi9cbiAgICAgICAgY29sb3I6IHN0cmluZztcblxuICAgICAgICAvKipcbiAgICAgICAgICog0K3Qu9C10LzQtdC90YLRiyDQutC90L7Qv9C+0Log0LLQt9Cw0LjQvNC+0LTQtdC50YHRgtCy0LjRjy5cbiAgICAgICAgICovXG4gICAgICAgIGFjdGlvbnM/OiBBcnJheTx7XG4gICAgICAgICAgICAvKipcbiAgICAgICAgICAgICAqINCX0L3QsNGH0L7QuiDRjdC70LXQvNC10L3RgtCwINCy0LfQsNC40LzQvtC00LXQudGB0YLQstC40Y8uXG4gICAgICAgICAgICAgKi9cbiAgICAgICAgICAgIGljb246IHN0cmluZztcblxuICAgICAgICAgICAgLyoqXG4gICAgICAgICAgICAgKiDQn9C+0LTQv9C40YHRjCDRjdC70LXQvNC10L3RgtCwINCy0LfQsNC40LzQvtC00LXQudGB0YLQstC40Y8uXG4gICAgICAgICAgICAgKi9cbiAgICAgICAgICAgIGxhYmVsOiBzdHJpbmc7XG5cbiAgICAgICAgICAgIC8qKlxuICAgICAgICAgICAgICog0J7QsdGA0LDQsdC+0YLRh9C40Log0Y3Qu9C10LzQtdC90YLQsCDQstC30LDQuNC80L7QtNC10LnRgdGC0LLQuNGPLlxuICAgICAgICAgICAgICovXG4gICAgICAgICAgICBoYW5kbGVyOiAoLi4uYXRyOiB1bmtub3duW10pID0+IHVua25vd247XG4gICAgICAgIH0+O1xuICAgIH0+O1xuXG4gICAgLyoqXG4gICAgICog0KHRgdGL0LvQutCwINC90LAg0LjQt9C+0LHRgNCw0LbQtdC90LjQtSDRgtC+0LLQsNGA0LAg0LIg0L7Qv9C40YHQsNC90LjQuC5cbiAgICAgKi9cbiAgICBkZXNjcmlwdGlvbkltYWdlVXJsPzogc3RyaW5nO1xufVxuIl19

package/esm2022/samples/preview-sample/sc-preview-sample.component.mjs

@@ -64,11 +64,11 @@ export class ScPreviewSampleComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: ScPreviewSampleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.12", type: ScPreviewSampleComponent, selector: "sc-preview-sample", inputs: { index: "index", sample: "sample", isShowCarouselSwitches: "isShowCarouselSwitches", isReverse: "isReverse" }, outputs: { indexChange: "indexChange" }, ngImport: i0, template: "<div\n    *tuiLet=\"sample.items && sample.items.length > 1 as isShownSwitches\"\n    class=\"mb-4 flex flex-col-reverse gap-4 md:mb-0 md:flex-row md:gap-8\"\n    [class.md:!flex-row-reverse]=\"isReverse\"\n>\n    <div class=\"flex max-w-96 flex-1 flex-col justify-center self-center md:max-w-none md:gap-4\">\n        <div class=\"flex w-full flex-col gap-3 md:gap-4 md:px-8\">\n            <div class=\"text-body-l-bold\">{{ sample.title }}</div>\n            <div>{{ sample.description }}</div>\n            <div\n                *ngIf=\"isShownSwitches\"\n                class=\"flex gap-4\"\n            >\n                <tui-avatar\n                    [src]=\"item.buttonImageUrl\"\n                    [round]=\"false\"\n                    *ngFor=\"let item of sample.items; let itemIndex = index\"\n                    (tuiHoveredChange)=\"onChangeIndex(itemIndex)\"\n                    [class.active]=\"index === itemIndex\"\n                ></tui-avatar>\n            </div>\n            <img\n                *ngIf=\"sample.descriptionImageUrl\"\n                [src]=\"sample.descriptionImageUrl\"\n                alt=\"\u041A\u043E\u043D\u0441\u0442\u0440\u0443\u043A\u0446\u0438\u044F \u043E\u0431\u0440\u0430\u0437\u0446\u0430 {{ sample.title }}\"\n                class=\"w-fit\"\n            />\n            <div\n                *ngIf=\"sample.actions && sample.actions.length\"\n                class=\"flex flex-wrap gap-3 md:gap-4\"\n            >\n                <button\n                    *ngFor=\"let action of sample.actions\"\n                    tuiButton\n                    (click)=\"action.handler()\"\n                    [iconStart]=\"action.icon\"\n                    appearance=\"secondary\"\n                >\n                    {{ action.label }}\n                </button>\n            </div>\n        </div>\n    </div>\n\n    <div class=\"relative h-[19em] flex-1 overflow-hidden rounded-xl shadow-tui-shadow md:h-96 lg:h-[28rem]\">\n        <button\n            *ngIf=\"isShownSwitches && isShowCarouselSwitches\"\n            tuiIconButton\n            (click)=\"onPrevious()\"\n            iconStart=\"@tui.chevron-left\"\n            appearance=\"icon\"\n            class=\"!absolute left-0 top-1/2 z-10 ml-2 -translate-y-1/2\"\n        ></button>\n\n        <tui-carousel\n            *tuiLet=\"indexChangeInterval | async\"\n            [(index)]=\"index\"\n            class=\"h-[19em] w-full md:h-96 lg:h-[28rem]\"\n        >\n            <ng-container *ngFor=\"let item of sample.items\">\n                <div\n                    *tuiItem\n                    [style.backgroundImage]=\"'url(' + item.carouselItemImage + ')'\"\n                    class=\"h-[19em] w-full bg-cover bg-right md:h-96 lg:h-[28rem]\"\n                ></div>\n            </ng-container>\n        </tui-carousel>\n        <button\n            *ngIf=\"isShownSwitches && isShowCarouselSwitches\"\n            tuiIconButton\n            (click)=\"onNext()\"\n            iconStart=\"@tui.chevron-right\"\n            appearance=\"icon\"\n            class=\"!absolute right-0 top-1/2 z-10 mr-2 -translate-y-1/2\"\n        ></button>\n    </div>\n</div>\n", styles: [":host{--tui-carousel-padding: 0}tui-avatar.active{--tw-ring-color: var(--tui-background-accent-1);--tw-ring-offset-width: 2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 rgba(0, 0, 0, 0))}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.TuiItem, selector: "[tuiItem]" }, { kind: "component", type: i3.TuiCarouselComponent, selector: "tui-carousel", inputs: ["draggable", "itemsCount", "index"], outputs: ["indexChange"] }, { kind: "component", type: i3.TuiAvatar, selector: "tui-avatar,button[tuiAvatar],a[tuiAvatar]", inputs: ["size", "round", "src"] }, { kind: "directive", type: i4.TuiHovered, selector: "[tuiHoveredChange]", outputs: ["tuiHoveredChange"] }, { kind: "directive", type: i4.TuiLet, selector: "[tuiLet]", inputs: ["tuiLet"] }, { kind: "directive", type: i5.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: ScPreviewSampleComponent, selector: "sc-preview-sample", inputs: { index: "index", sample: "sample", isShowCarouselSwitches: "isShowCarouselSwitches", isReverse: "isReverse" }, outputs: { indexChange: "indexChange" }, ngImport: i0, template: "<div\n    *tuiLet=\"sample.items && sample.items.length > 1 as isShownSwitches\"\n    class=\"mb-4 flex flex-col-reverse gap-4 md:mb-0 md:flex-row md:gap-8\"\n    [class.md:!flex-row-reverse]=\"isReverse\"\n>\n    <div class=\"flex max-w-96 flex-1 flex-col justify-center self-center md:max-w-none md:gap-4\">\n        <div class=\"flex w-full flex-col gap-3 md:gap-4 md:px-8\">\n            <div class=\"text-body-l-bold\">{{ sample.title }}</div>\n            <div\n                *ngIf=\"isShownSwitches\"\n                class=\"flex gap-4\"\n            >\n                <tui-avatar\n                    [src]=\"item.buttonImageUrl\"\n                    [round]=\"false\"\n                    *ngFor=\"let item of sample.items; let itemIndex = index\"\n                    (tuiHoveredChange)=\"onChangeIndex(itemIndex)\"\n                    [class.active]=\"index === itemIndex\"\n                ></tui-avatar>\n            </div>\n            <div\n                *ngIf=\"sample.items\"\n                class=\"text-body-m-bold\"\n            >\n                {{ sample.items[index].color }}\n            </div>\n            <div>{{ sample.description }}</div>\n            <img\n                *ngIf=\"sample.descriptionImageUrl\"\n                [src]=\"sample.descriptionImageUrl\"\n                alt=\"\u041A\u043E\u043D\u0441\u0442\u0440\u0443\u043A\u0446\u0438\u044F \u043E\u0431\u0440\u0430\u0437\u0446\u0430 {{ sample.title }}\"\n                class=\"w-fit\"\n            />\n            <div\n                *ngIf=\"sample.items && sample.items[index].actions?.length\"\n                class=\"flex flex-wrap gap-3 md:gap-4\"\n            >\n                <button\n                    *ngFor=\"let action of sample.items[index].actions\"\n                    tuiButton\n                    (click)=\"action.handler()\"\n                    [iconStart]=\"action.icon\"\n                    appearance=\"secondary\"\n                >\n                    {{ action.label }}\n                </button>\n            </div>\n        </div>\n    </div>\n\n    <div class=\"relative h-[19em] flex-1 overflow-hidden rounded-xl shadow-tui-shadow md:h-96 lg:h-[28rem]\">\n        <button\n            *ngIf=\"isShownSwitches && isShowCarouselSwitches\"\n            tuiIconButton\n            (click)=\"onPrevious()\"\n            iconStart=\"@tui.chevron-left\"\n            appearance=\"icon\"\n            class=\"!absolute left-0 top-1/2 z-10 ml-2 -translate-y-1/2\"\n        ></button>\n\n        <tui-carousel\n            *tuiLet=\"indexChangeInterval | async\"\n            [(index)]=\"index\"\n            class=\"h-[19em] w-full md:h-96 lg:h-[28rem]\"\n        >\n            <ng-container *ngFor=\"let item of sample.items\">\n                <div\n                    *tuiItem\n                    [style.backgroundImage]=\"'url(' + item.carouselItemImage + ')'\"\n                    class=\"h-[19em] w-full bg-cover bg-right md:h-96 lg:h-[28rem]\"\n                ></div>\n            </ng-container>\n        </tui-carousel>\n        <button\n            *ngIf=\"isShownSwitches && isShowCarouselSwitches\"\n            tuiIconButton\n            (click)=\"onNext()\"\n            iconStart=\"@tui.chevron-right\"\n            appearance=\"icon\"\n            class=\"!absolute right-0 top-1/2 z-10 mr-2 -translate-y-1/2\"\n        ></button>\n    </div>\n</div>\n", styles: [":host{--tui-carousel-padding: 0}tui-avatar.active{--tw-ring-color: var(--tui-background-accent-1);--tw-ring-offset-width: 2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 rgba(0, 0, 0, 0))}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.TuiItem, selector: "[tuiItem]" }, { kind: "component", type: i3.TuiCarouselComponent, selector: "tui-carousel", inputs: ["draggable", "itemsCount", "index"], outputs: ["indexChange"] }, { kind: "component", type: i3.TuiAvatar, selector: "tui-avatar,button[tuiAvatar],a[tuiAvatar]", inputs: ["size", "round", "src"] }, { kind: "directive", type: i4.TuiHovered, selector: "[tuiHoveredChange]", outputs: ["tuiHoveredChange"] }, { kind: "directive", type: i4.TuiLet, selector: "[tuiLet]", inputs: ["tuiLet"] }, { kind: "directive", type: i5.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: ScPreviewSampleComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sc-preview-sample', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n    *tuiLet=\"sample.items && sample.items.length > 1 as isShownSwitches\"\n    class=\"mb-4 flex flex-col-reverse gap-4 md:mb-0 md:flex-row md:gap-8\"\n    [class.md:!flex-row-reverse]=\"isReverse\"\n>\n    <div class=\"flex max-w-96 flex-1 flex-col justify-center self-center md:max-w-none md:gap-4\">\n        <div class=\"flex w-full flex-col gap-3 md:gap-4 md:px-8\">\n            <div class=\"text-body-l-bold\">{{ sample.title }}</div>\n            <div>{{ sample.description }}</div>\n            <div\n                *ngIf=\"isShownSwitches\"\n                class=\"flex gap-4\"\n            >\n                <tui-avatar\n                    [src]=\"item.buttonImageUrl\"\n                    [round]=\"false\"\n                    *ngFor=\"let item of sample.items; let itemIndex = index\"\n                    (tuiHoveredChange)=\"onChangeIndex(itemIndex)\"\n                    [class.active]=\"index === itemIndex\"\n                ></tui-avatar>\n            </div>\n            <img\n                *ngIf=\"sample.descriptionImageUrl\"\n                [src]=\"sample.descriptionImageUrl\"\n                alt=\"\u041A\u043E\u043D\u0441\u0442\u0440\u0443\u043A\u0446\u0438\u044F \u043E\u0431\u0440\u0430\u0437\u0446\u0430 {{ sample.title }}\"\n                class=\"w-fit\"\n            />\n            <div\n                *ngIf=\"sample.actions && sample.actions.length\"\n                class=\"flex flex-wrap gap-3 md:gap-4\"\n            >\n                <button\n                    *ngFor=\"let action of sample.actions\"\n                    tuiButton\n                    (click)=\"action.handler()\"\n                    [iconStart]=\"action.icon\"\n                    appearance=\"secondary\"\n                >\n                    {{ action.label }}\n                </button>\n            </div>\n        </div>\n    </div>\n\n    <div class=\"relative h-[19em] flex-1 overflow-hidden rounded-xl shadow-tui-shadow md:h-96 lg:h-[28rem]\">\n        <button\n            *ngIf=\"isShownSwitches && isShowCarouselSwitches\"\n            tuiIconButton\n            (click)=\"onPrevious()\"\n            iconStart=\"@tui.chevron-left\"\n            appearance=\"icon\"\n            class=\"!absolute left-0 top-1/2 z-10 ml-2 -translate-y-1/2\"\n        ></button>\n\n        <tui-carousel\n            *tuiLet=\"indexChangeInterval | async\"\n            [(index)]=\"index\"\n            class=\"h-[19em] w-full md:h-96 lg:h-[28rem]\"\n        >\n            <ng-container *ngFor=\"let item of sample.items\">\n                <div\n                    *tuiItem\n                    [style.backgroundImage]=\"'url(' + item.carouselItemImage + ')'\"\n                    class=\"h-[19em] w-full bg-cover bg-right md:h-96 lg:h-[28rem]\"\n                ></div>\n            </ng-container>\n        </tui-carousel>\n        <button\n            *ngIf=\"isShownSwitches && isShowCarouselSwitches\"\n            tuiIconButton\n            (click)=\"onNext()\"\n            iconStart=\"@tui.chevron-right\"\n            appearance=\"icon\"\n            class=\"!absolute right-0 top-1/2 z-10 mr-2 -translate-y-1/2\"\n        ></button>\n    </div>\n</div>\n", styles: [":host{--tui-carousel-padding: 0}tui-avatar.active{--tw-ring-color: var(--tui-background-accent-1);--tw-ring-offset-width: 2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 rgba(0, 0, 0, 0))}\n"] }]
+            args: [{ selector: 'sc-preview-sample', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n    *tuiLet=\"sample.items && sample.items.length > 1 as isShownSwitches\"\n    class=\"mb-4 flex flex-col-reverse gap-4 md:mb-0 md:flex-row md:gap-8\"\n    [class.md:!flex-row-reverse]=\"isReverse\"\n>\n    <div class=\"flex max-w-96 flex-1 flex-col justify-center self-center md:max-w-none md:gap-4\">\n        <div class=\"flex w-full flex-col gap-3 md:gap-4 md:px-8\">\n            <div class=\"text-body-l-bold\">{{ sample.title }}</div>\n            <div\n                *ngIf=\"isShownSwitches\"\n                class=\"flex gap-4\"\n            >\n                <tui-avatar\n                    [src]=\"item.buttonImageUrl\"\n                    [round]=\"false\"\n                    *ngFor=\"let item of sample.items; let itemIndex = index\"\n                    (tuiHoveredChange)=\"onChangeIndex(itemIndex)\"\n                    [class.active]=\"index === itemIndex\"\n                ></tui-avatar>\n            </div>\n            <div\n                *ngIf=\"sample.items\"\n                class=\"text-body-m-bold\"\n            >\n                {{ sample.items[index].color }}\n            </div>\n            <div>{{ sample.description }}</div>\n            <img\n                *ngIf=\"sample.descriptionImageUrl\"\n                [src]=\"sample.descriptionImageUrl\"\n                alt=\"\u041A\u043E\u043D\u0441\u0442\u0440\u0443\u043A\u0446\u0438\u044F \u043E\u0431\u0440\u0430\u0437\u0446\u0430 {{ sample.title }}\"\n                class=\"w-fit\"\n            />\n            <div\n                *ngIf=\"sample.items && sample.items[index].actions?.length\"\n                class=\"flex flex-wrap gap-3 md:gap-4\"\n            >\n                <button\n                    *ngFor=\"let action of sample.items[index].actions\"\n                    tuiButton\n                    (click)=\"action.handler()\"\n                    [iconStart]=\"action.icon\"\n                    appearance=\"secondary\"\n                >\n                    {{ action.label }}\n                </button>\n            </div>\n        </div>\n    </div>\n\n    <div class=\"relative h-[19em] flex-1 overflow-hidden rounded-xl shadow-tui-shadow md:h-96 lg:h-[28rem]\">\n        <button\n            *ngIf=\"isShownSwitches && isShowCarouselSwitches\"\n            tuiIconButton\n            (click)=\"onPrevious()\"\n            iconStart=\"@tui.chevron-left\"\n            appearance=\"icon\"\n            class=\"!absolute left-0 top-1/2 z-10 ml-2 -translate-y-1/2\"\n        ></button>\n\n        <tui-carousel\n            *tuiLet=\"indexChangeInterval | async\"\n            [(index)]=\"index\"\n            class=\"h-[19em] w-full md:h-96 lg:h-[28rem]\"\n        >\n            <ng-container *ngFor=\"let item of sample.items\">\n                <div\n                    *tuiItem\n                    [style.backgroundImage]=\"'url(' + item.carouselItemImage + ')'\"\n                    class=\"h-[19em] w-full bg-cover bg-right md:h-96 lg:h-[28rem]\"\n                ></div>\n            </ng-container>\n        </tui-carousel>\n        <button\n            *ngIf=\"isShownSwitches && isShowCarouselSwitches\"\n            tuiIconButton\n            (click)=\"onNext()\"\n            iconStart=\"@tui.chevron-right\"\n            appearance=\"icon\"\n            class=\"!absolute right-0 top-1/2 z-10 mr-2 -translate-y-1/2\"\n        ></button>\n    </div>\n</div>\n", styles: [":host{--tui-carousel-padding: 0}tui-avatar.active{--tw-ring-color: var(--tui-background-accent-1);--tw-ring-offset-width: 2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 rgba(0, 0, 0, 0))}\n"] }]
         }], propDecorators: { index: [{
                 type: Input
             }], indexChange: [{
@@ -80,4 +80,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImpo
             }], isReverse: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2MtcHJldmlldy1zYW1wbGUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY2xpZW50LXVpL3NhbXBsZXMvcHJldmlldy1zYW1wbGUvc2MtcHJldmlldy1zYW1wbGUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY2xpZW50LXVpL3NhbXBsZXMvcHJldmlldy1zYW1wbGUvc2MtcHJldmlldy1zYW1wbGUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDeEcsT0FBTyxFQUFFLGFBQWEsRUFBRSxZQUFZLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDNUQsT0FBTyxFQUFFLE1BQU0sRUFBRSxRQUFRLEVBQUUsR0FBRyxFQUFFLFNBQVMsRUFBRSxTQUFTLEVBQUUsR0FBRyxFQUFFLE1BQU0sTUFBTSxDQUFDOzs7Ozs7O0FBSXhFOztHQUVHO0FBT0gsTUFBTSxPQUFPLHdCQUF3QjtJQU5yQztRQU9JOztXQUVHO1FBRUksVUFBSyxHQUFXLENBQUMsQ0FBQztRQUV6Qjs7V0FFRztRQUVhLGdCQUFXLEdBQXlCLElBQUksWUFBWSxFQUFVLENBQUM7UUFRL0U7O1dBRUc7UUFFSSwyQkFBc0IsR0FBWSxDQUFDLE1BQU0sQ0FBQyxhQUFhLENBQUMsQ0FBQztRQUVoRTs7V0FFRztRQUVJLGNBQVMsR0FBWSxLQUFLLENBQUM7UUFFbEM7O1dBRUc7UUFDSSx3QkFBbUIsR0FBRyxJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FDOUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxFQUNaLE1BQU0sQ0FBQyxHQUFHLEVBQUUsQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxLQUFLLElBQUksSUFBSSxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsTUFBTSxHQUFHLENBQUMsQ0FBQyxDQUFDLEVBQ3hFLFNBQVMsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLENBQUMsSUFBSSxFQUFFLENBQUMsRUFDdEMsR0FBRyxDQUFDLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsS0FBSyxFQUFFLE1BQU0sQ0FBQyxFQUNwQyxNQUFNLENBQUMsWUFBWSxDQUFDLEVBQ3BCLEdBQUcsQ0FBQyxDQUFDLFdBQVcsRUFBRSxFQUFFO1lBQ2hCLElBQUksQ0FBQyxhQUFhLENBQUMsQ0FBQyxJQUFJLENBQUMsS0FBSyxHQUFHLENBQUMsQ0FBQyxHQUFHLFdBQVcsQ0FBQyxDQUFDO1FBQ3ZELENBQUMsQ0FBQyxDQUNMLENBQUM7S0FnQ0w7SUE5Qkc7O09BRUc7SUFDSSxVQUFVO1FBQ2IsSUFBSSxJQUFJLENBQUMsTUFBTSxDQUFDLEtBQUssRUFBRSxNQUFNLEVBQUUsQ0FBQztZQUM1Qix5REFBeUQ7WUFDekQsSUFBSSxDQUFDLGFBQWEsQ0FBQyxDQUFDLElBQUksQ0FBQyxLQUFLLElBQUksSUFBSSxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsTUFBTSxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUM7UUFDckUsQ0FBQztJQUNMLENBQUM7SUFFRDs7T0FFRztJQUNJLE1BQU07UUFDVCxJQUFJLElBQUksQ0FBQyxNQUFNLENBQUMsS0FBSyxFQUFFLE1BQU0sRUFBRSxDQUFDO1lBQzVCLElBQUksQ0FBQyxhQUFhLENBQUMsQ0FBQyxJQUFJLENBQUMsS0FBSyxHQUFHLENBQUMsQ0FBQyxHQUFHLElBQUksQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FBQyxDQUFDO1FBQ3BFLENBQUM7SUFDTCxDQUFDO0lBRUQ7Ozs7T0FJRztJQUNJLGFBQWEsQ0FBQyxLQUFhO1FBQzlCLElBQUksS0FBSyxLQUFLLElBQUksQ0FBQyxLQUFLLEVBQUUsQ0FBQztZQUN2QixJQUFJLENBQUMsS0FBSyxHQUFHLEtBQUssQ0FBQztZQUNuQixJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUNqQyxDQUFDO0lBQ0wsQ0FBQzsrR0ExRVEsd0JBQXdCO21HQUF4Qix3QkFBd0IsME5DZnJDLCtuR0E2RUE7OzRGRDlEYSx3QkFBd0I7a0JBTnBDLFNBQVM7K0JBQ0ksbUJBQW1CLG1CQUdaLHVCQUF1QixDQUFDLE1BQU07OEJBT3hDLEtBQUs7c0JBRFgsS0FBSztnQkFPVSxXQUFXO3NCQUQxQixNQUFNO2dCQU9BLE1BQU07c0JBRFosS0FBSztnQkFPQyxzQkFBc0I7c0JBRDVCLEtBQUs7Z0JBT0MsU0FBUztzQkFEZixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBpbmplY3QsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFRVSV9JU19NT0JJTEUsIHR1aUlzUHJlc2VudCB9IGZyb20gJ0B0YWlnYS11aS9jZGsnO1xuaW1wb3J0IHsgZmlsdGVyLCBpbnRlcnZhbCwgbWFwLCBzdGFydFdpdGgsIHN3aXRjaE1hcCwgdGFwIH0gZnJvbSAncnhqcyc7XG5cbmltcG9ydCB7IFNjSVByZXZpZXdTYW1wbGUgfSBmcm9tICcuLi9pbnRlcmZhY2VzL3NjLWktcHJldmlldy1zYW1wbGUnO1xuXG4vKipcbiAqINCa0L7QvNC/0L7QvdC10L3RgiDQv9GA0LXQtNGB0YLQsNCy0LvQtdC90LjRjyDQvtCx0YDQsNC30YbQvtCyINGC0L7QstCw0YDQsC5cbiAqL1xuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdzYy1wcmV2aWV3LXNhbXBsZScsXG4gICAgdGVtcGxhdGVVcmw6ICcuL3NjLXByZXZpZXctc2FtcGxlLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9zYy1wcmV2aWV3LXNhbXBsZS5jb21wb25lbnQuc2NzcyddLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBTY1ByZXZpZXdTYW1wbGVDb21wb25lbnQge1xuICAgIC8qKlxuICAgICAqINCY0L3QtNC10LrRgSDRjdC70LXQvNC10L3RgtCwINCyINCz0LDQu9C10YDQtdC1LlxuICAgICAqL1xuICAgIEBJbnB1dCgpXG4gICAgcHVibGljIGluZGV4OiBudW1iZXIgPSAwO1xuXG4gICAgLyoqXG4gICAgICoge0BsaW5rIEV2ZW50RW1pdHRlcn0g0LjQt9C80LXQvdC10L3QuNGPINC40L3QtNC10LrRgdCwINGN0LvQtdC80LXQvdGC0LAg0LIg0LPQsNC70LXRgNC10LUuXG4gICAgICovXG4gICAgQE91dHB1dCgpXG4gICAgcHVibGljIHJlYWRvbmx5IGluZGV4Q2hhbmdlOiBFdmVudEVtaXR0ZXI8bnVtYmVyPiA9IG5ldyBFdmVudEVtaXR0ZXI8bnVtYmVyPigpO1xuXG4gICAgLyoqXG4gICAgICog0J7QsdGK0LXQutGCINC00LDQvdC90YvRhSDRgtC+0LLQsNGA0LAuXG4gICAgICovXG4gICAgQElucHV0KClcbiAgICBwdWJsaWMgc2FtcGxlOiBTY0lQcmV2aWV3U2FtcGxlO1xuXG4gICAgLyoqXG4gICAgICog0J/RgNC40LfQvdCw0LosINGH0YLQviDQvdC10L7QsdGF0L7QtNC40LzQviDQvtGC0L7QsdGA0LDQttCw0YLRjCDQv9C10YDQtdC60LvRjtGH0LDRgtC10LvQuCDQvdCwINC60LDRgNGD0YHQtdC70LguXG4gICAgICovXG4gICAgQElucHV0KClcbiAgICBwdWJsaWMgaXNTaG93Q2Fyb3VzZWxTd2l0Y2hlczogYm9vbGVhbiA9ICFpbmplY3QoVFVJX0lTX01PQklMRSk7XG5cbiAgICAvKipcbiAgICAgKiDQn9GA0LjQt9C90LDQuiwg0YfRgtC+INC/0YDQuCDQs9C+0YDQuNC30L7QvdGC0LDQu9GM0L3QvtC8INC+0YLQvtCx0YDQsNC20LXQvdC40Lgg0LrQvtC80L/QvtC90LXQvdGCINC00L7Qu9C20LXQvSDQsdGL0YLRjCDRgNCw0LfQstGR0YDQvdGD0YIuXG4gICAgICovXG4gICAgQElucHV0KClcbiAgICBwdWJsaWMgaXNSZXZlcnNlOiBib29sZWFuID0gZmFsc2U7XG5cbiAgICAvKipcbiAgICAgKiB7QGxpbmsgT2JzZXJ2YWJsZX0g0LjQt9C80LXQvdC10L3QuNGPINC40L3QtNC10LrRgdCwINGN0LvQtdC80LXQvdGC0LAg0LIg0LPQsNC70LXRgNC10LUg0LTQu9GPINCw0LLRgtC+0LzQsNGC0LjRh9C10YHQutC+0LPQviDQv9C10YDQtdC60LvRjtGH0LXQvdC40Y8g0L/QviDRgtCw0LnQvNC10YDRgy5cbiAgICAgKi9cbiAgICBwdWJsaWMgaW5kZXhDaGFuZ2VJbnRlcnZhbCA9IHRoaXMuaW5kZXhDaGFuZ2UucGlwZShcbiAgICAgICAgc3RhcnRXaXRoKDApLFxuICAgICAgICBmaWx0ZXIoKCkgPT4gQm9vbGVhbih0aGlzLnNhbXBsZS5pdGVtcyAmJiB0aGlzLnNhbXBsZS5pdGVtcy5sZW5ndGggPiAxKSksXG4gICAgICAgIHN3aXRjaE1hcCgoKSA9PiBpbnRlcnZhbCg1MDAwKS5waXBlKCkpLFxuICAgICAgICBtYXAoKCkgPT4gdGhpcy5zYW1wbGUuaXRlbXM/Lmxlbmd0aCksXG4gICAgICAgIGZpbHRlcih0dWlJc1ByZXNlbnQpLFxuICAgICAgICB0YXAoKGl0ZW1zTGVuZ3RoKSA9PiB7XG4gICAgICAgICAgICB0aGlzLm9uQ2hhbmdlSW5kZXgoKHRoaXMuaW5kZXggKyAxKSAlIGl0ZW1zTGVuZ3RoKTtcbiAgICAgICAgfSlcbiAgICApO1xuXG4gICAgLyoqXG4gICAgICog0J/QtdGA0LXQutC70Y7Rh9Cw0LXRgiDQvdCwINC/0YDQtdC00YvQtNGD0YnQtdC1INC40LfQvtCx0YDQsNC20LXQvdC40LUg0LIg0LPQsNC70LXRgNC10LUuXG4gICAgICovXG4gICAgcHVibGljIG9uUHJldmlvdXMoKTogdm9pZCB7XG4gICAgICAgIGlmICh0aGlzLnNhbXBsZS5pdGVtcz8ubGVuZ3RoKSB7XG4gICAgICAgICAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgdW5pY29ybi9leHBsaWNpdC1sZW5ndGgtY2hlY2tcbiAgICAgICAgICAgIHRoaXMub25DaGFuZ2VJbmRleCgodGhpcy5pbmRleCB8fCB0aGlzLnNhbXBsZS5pdGVtcy5sZW5ndGgpIC0gMSk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAvKipcbiAgICAgKiDQn9C10YDQtdC60LvRjtGH0LDQtdGCINC90LAg0YHQu9C10LTRg9GO0YnQtdC1INC40LfQvtCx0YDQsNC20LXQvdC40LUg0LIg0LPQsNC70LXRgNC10LUuXG4gICAgICovXG4gICAgcHVibGljIG9uTmV4dCgpOiB2b2lkIHtcbiAgICAgICAgaWYgKHRoaXMuc2FtcGxlLml0ZW1zPy5sZW5ndGgpIHtcbiAgICAgICAgICAgIHRoaXMub25DaGFuZ2VJbmRleCgodGhpcy5pbmRleCArIDEpICUgdGhpcy5zYW1wbGUuaXRlbXMubGVuZ3RoKTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIC8qKlxuICAgICAqINCe0LHRgNCw0LHQvtGC0YfQuNC6INC40LfQvNC10L3QtdC90LjRjyDQuNC90LTQtdC60YHQsCDRjdC70LXQvNC10L3RgtCwINCyINCz0LDQu9C10YDQtdC1LlxuICAgICAqXG4gICAgICogQHBhcmFtIGluZGV4INCY0L3QtNC10LrRgSDRjdC70LXQvNC10L3RgtCwINCyINCz0LDQu9C10YDQtdC1LlxuICAgICAqL1xuICAgIHB1YmxpYyBvbkNoYW5nZUluZGV4KGluZGV4OiBudW1iZXIpOiB2b2lkIHtcbiAgICAgICAgaWYgKGluZGV4ICE9PSB0aGlzLmluZGV4KSB7XG4gICAgICAgICAgICB0aGlzLmluZGV4ID0gaW5kZXg7XG4gICAgICAgICAgICB0aGlzLmluZGV4Q2hhbmdlLmVtaXQoaW5kZXgpO1xuICAgICAgICB9XG4gICAgfVxufVxuIiwiPGRpdlxuICAgICp0dWlMZXQ9XCJzYW1wbGUuaXRlbXMgJiYgc2FtcGxlLml0ZW1zLmxlbmd0aCA+IDEgYXMgaXNTaG93blN3aXRjaGVzXCJcbiAgICBjbGFzcz1cIm1iLTQgZmxleCBmbGV4LWNvbC1yZXZlcnNlIGdhcC00IG1kOm1iLTAgbWQ6ZmxleC1yb3cgbWQ6Z2FwLThcIlxuICAgIFtjbGFzcy5tZDohZmxleC1yb3ctcmV2ZXJzZV09XCJpc1JldmVyc2VcIlxuPlxuICAgIDxkaXYgY2xhc3M9XCJmbGV4IG1heC13LTk2IGZsZXgtMSBmbGV4LWNvbCBqdXN0aWZ5LWNlbnRlciBzZWxmLWNlbnRlciBtZDptYXgtdy1ub25lIG1kOmdhcC00XCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJmbGV4IHctZnVsbCBmbGV4LWNvbCBnYXAtMyBtZDpnYXAtNCBtZDpweC04XCI+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwidGV4dC1ib2R5LWwtYm9sZFwiPnt7IHNhbXBsZS50aXRsZSB9fTwvZGl2PlxuICAgICAgICAgICAgPGRpdj57eyBzYW1wbGUuZGVzY3JpcHRpb24gfX08L2Rpdj5cbiAgICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgICAgICAqbmdJZj1cImlzU2hvd25Td2l0Y2hlc1wiXG4gICAgICAgICAgICAgICAgY2xhc3M9XCJmbGV4IGdhcC00XCJcbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICA8dHVpLWF2YXRhclxuICAgICAgICAgICAgICAgICAgICBbc3JjXT1cIml0ZW0uYnV0dG9uSW1hZ2VVcmxcIlxuICAgICAgICAgICAgICAgICAgICBbcm91bmRdPVwiZmFsc2VcIlxuICAgICAgICAgICAgICAgICAgICAqbmdGb3I9XCJsZXQgaXRlbSBvZiBzYW1wbGUuaXRlbXM7IGxldCBpdGVtSW5kZXggPSBpbmRleFwiXG4gICAgICAgICAgICAgICAgICAgICh0dWlIb3ZlcmVkQ2hhbmdlKT1cIm9uQ2hhbmdlSW5kZXgoaXRlbUluZGV4KVwiXG4gICAgICAgICAgICAgICAgICAgIFtjbGFzcy5hY3RpdmVdPVwiaW5kZXggPT09IGl0ZW1JbmRleFwiXG4gICAgICAgICAgICAgICAgPjwvdHVpLWF2YXRhcj5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPGltZ1xuICAgICAgICAgICAgICAgICpuZ0lmPVwic2FtcGxlLmRlc2NyaXB0aW9uSW1hZ2VVcmxcIlxuICAgICAgICAgICAgICAgIFtzcmNdPVwic2FtcGxlLmRlc2NyaXB0aW9uSW1hZ2VVcmxcIlxuICAgICAgICAgICAgICAgIGFsdD1cItCa0L7QvdGB0YLRgNGD0LrRhtC40Y8g0L7QsdGA0LDQt9GG0LAge3sgc2FtcGxlLnRpdGxlIH19XCJcbiAgICAgICAgICAgICAgICBjbGFzcz1cInctZml0XCJcbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgICAgKm5nSWY9XCJzYW1wbGUuYWN0aW9ucyAmJiBzYW1wbGUuYWN0aW9ucy5sZW5ndGhcIlxuICAgICAgICAgICAgICAgIGNsYXNzPVwiZmxleCBmbGV4LXdyYXAgZ2FwLTMgbWQ6Z2FwLTRcIlxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIDxidXR0b25cbiAgICAgICAgICAgICAgICAgICAgKm5nRm9yPVwibGV0IGFjdGlvbiBvZiBzYW1wbGUuYWN0aW9uc1wiXG4gICAgICAgICAgICAgICAgICAgIHR1aUJ1dHRvblxuICAgICAgICAgICAgICAgICAgICAoY2xpY2spPVwiYWN0aW9uLmhhbmRsZXIoKVwiXG4gICAgICAgICAgICAgICAgICAgIFtpY29uU3RhcnRdPVwiYWN0aW9uLmljb25cIlxuICAgICAgICAgICAgICAgICAgICBhcHBlYXJhbmNlPVwic2Vjb25kYXJ5XCJcbiAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgIHt7IGFjdGlvbi5sYWJlbCB9fVxuICAgICAgICAgICAgICAgIDwvYnV0dG9uPlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuXG4gICAgPGRpdiBjbGFzcz1cInJlbGF0aXZlIGgtWzE5ZW1dIGZsZXgtMSBvdmVyZmxvdy1oaWRkZW4gcm91bmRlZC14bCBzaGFkb3ctdHVpLXNoYWRvdyBtZDpoLTk2IGxnOmgtWzI4cmVtXVwiPlxuICAgICAgICA8YnV0dG9uXG4gICAgICAgICAgICAqbmdJZj1cImlzU2hvd25Td2l0Y2hlcyAmJiBpc1Nob3dDYXJvdXNlbFN3aXRjaGVzXCJcbiAgICAgICAgICAgIHR1aUljb25CdXR0b25cbiAgICAgICAgICAgIChjbGljayk9XCJvblByZXZpb3VzKClcIlxuICAgICAgICAgICAgaWNvblN0YXJ0PVwiQHR1aS5jaGV2cm9uLWxlZnRcIlxuICAgICAgICAgICAgYXBwZWFyYW5jZT1cImljb25cIlxuICAgICAgICAgICAgY2xhc3M9XCIhYWJzb2x1dGUgbGVmdC0wIHRvcC0xLzIgei0xMCBtbC0yIC10cmFuc2xhdGUteS0xLzJcIlxuICAgICAgICA+PC9idXR0b24+XG5cbiAgICAgICAgPHR1aS1jYXJvdXNlbFxuICAgICAgICAgICAgKnR1aUxldD1cImluZGV4Q2hhbmdlSW50ZXJ2YWwgfCBhc3luY1wiXG4gICAgICAgICAgICBbKGluZGV4KV09XCJpbmRleFwiXG4gICAgICAgICAgICBjbGFzcz1cImgtWzE5ZW1dIHctZnVsbCBtZDpoLTk2IGxnOmgtWzI4cmVtXVwiXG4gICAgICAgID5cbiAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nRm9yPVwibGV0IGl0ZW0gb2Ygc2FtcGxlLml0ZW1zXCI+XG4gICAgICAgICAgICAgICAgPGRpdlxuICAgICAgICAgICAgICAgICAgICAqdHVpSXRlbVxuICAgICAgICAgICAgICAgICAgICBbc3R5bGUuYmFja2dyb3VuZEltYWdlXT1cIid1cmwoJyArIGl0ZW0uY2Fyb3VzZWxJdGVtSW1hZ2UgKyAnKSdcIlxuICAgICAgICAgICAgICAgICAgICBjbGFzcz1cImgtWzE5ZW1dIHctZnVsbCBiZy1jb3ZlciBiZy1yaWdodCBtZDpoLTk2IGxnOmgtWzI4cmVtXVwiXG4gICAgICAgICAgICAgICAgPjwvZGl2PlxuICAgICAgICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgICAgIDwvdHVpLWNhcm91c2VsPlxuICAgICAgICA8YnV0dG9uXG4gICAgICAgICAgICAqbmdJZj1cImlzU2hvd25Td2l0Y2hlcyAmJiBpc1Nob3dDYXJvdXNlbFN3aXRjaGVzXCJcbiAgICAgICAgICAgIHR1aUljb25CdXR0b25cbiAgICAgICAgICAgIChjbGljayk9XCJvbk5leHQoKVwiXG4gICAgICAgICAgICBpY29uU3RhcnQ9XCJAdHVpLmNoZXZyb24tcmlnaHRcIlxuICAgICAgICAgICAgYXBwZWFyYW5jZT1cImljb25cIlxuICAgICAgICAgICAgY2xhc3M9XCIhYWJzb2x1dGUgcmlnaHQtMCB0b3AtMS8yIHotMTAgbXItMiAtdHJhbnNsYXRlLXktMS8yXCJcbiAgICAgICAgPjwvYnV0dG9uPlxuICAgIDwvZGl2PlxuPC9kaXY+XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2MtcHJldmlldy1zYW1wbGUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY2xpZW50LXVpL3NhbXBsZXMvcHJldmlldy1zYW1wbGUvc2MtcHJldmlldy1zYW1wbGUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY2xpZW50LXVpL3NhbXBsZXMvcHJldmlldy1zYW1wbGUvc2MtcHJldmlldy1zYW1wbGUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDeEcsT0FBTyxFQUFFLGFBQWEsRUFBRSxZQUFZLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDNUQsT0FBTyxFQUFFLE1BQU0sRUFBRSxRQUFRLEVBQUUsR0FBRyxFQUFFLFNBQVMsRUFBRSxTQUFTLEVBQUUsR0FBRyxFQUFFLE1BQU0sTUFBTSxDQUFDOzs7Ozs7O0FBSXhFOztHQUVHO0FBT0gsTUFBTSxPQUFPLHdCQUF3QjtJQU5yQztRQU9JOztXQUVHO1FBRUksVUFBSyxHQUFXLENBQUMsQ0FBQztRQUV6Qjs7V0FFRztRQUVhLGdCQUFXLEdBQXlCLElBQUksWUFBWSxFQUFVLENBQUM7UUFRL0U7O1dBRUc7UUFFSSwyQkFBc0IsR0FBWSxDQUFDLE1BQU0sQ0FBQyxhQUFhLENBQUMsQ0FBQztRQUVoRTs7V0FFRztRQUVJLGNBQVMsR0FBWSxLQUFLLENBQUM7UUFFbEM7O1dBRUc7UUFDSSx3QkFBbUIsR0FBRyxJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FDOUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxFQUNaLE1BQU0sQ0FBQyxHQUFHLEVBQUUsQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxLQUFLLElBQUksSUFBSSxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsTUFBTSxHQUFHLENBQUMsQ0FBQyxDQUFDLEVBQ3hFLFNBQVMsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLENBQUMsSUFBSSxFQUFFLENBQUMsRUFDdEMsR0FBRyxDQUFDLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsS0FBSyxFQUFFLE1BQU0sQ0FBQyxFQUNwQyxNQUFNLENBQUMsWUFBWSxDQUFDLEVBQ3BCLEdBQUcsQ0FBQyxDQUFDLFdBQVcsRUFBRSxFQUFFO1lBQ2hCLElBQUksQ0FBQyxhQUFhLENBQUMsQ0FBQyxJQUFJLENBQUMsS0FBSyxHQUFHLENBQUMsQ0FBQyxHQUFHLFdBQVcsQ0FBQyxDQUFDO1FBQ3ZELENBQUMsQ0FBQyxDQUNMLENBQUM7S0FnQ0w7SUE5Qkc7O09BRUc7SUFDSSxVQUFVO1FBQ2IsSUFBSSxJQUFJLENBQUMsTUFBTSxDQUFDLEtBQUssRUFBRSxNQUFNLEVBQUUsQ0FBQztZQUM1Qix5REFBeUQ7WUFDekQsSUFBSSxDQUFDLGFBQWEsQ0FBQyxDQUFDLElBQUksQ0FBQyxLQUFLLElBQUksSUFBSSxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsTUFBTSxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUM7UUFDckUsQ0FBQztJQUNMLENBQUM7SUFFRDs7T0FFRztJQUNJLE1BQU07UUFDVCxJQUFJLElBQUksQ0FBQyxNQUFNLENBQUMsS0FBSyxFQUFFLE1BQU0sRUFBRSxDQUFDO1lBQzVCLElBQUksQ0FBQyxhQUFhLENBQUMsQ0FBQyxJQUFJLENBQUMsS0FBSyxHQUFHLENBQUMsQ0FBQyxHQUFHLElBQUksQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FBQyxDQUFDO1FBQ3BFLENBQUM7SUFDTCxDQUFDO0lBRUQ7Ozs7T0FJRztJQUNJLGFBQWEsQ0FBQyxLQUFhO1FBQzlCLElBQUksS0FBSyxLQUFLLElBQUksQ0FBQyxLQUFLLEVBQUUsQ0FBQztZQUN2QixJQUFJLENBQUMsS0FBSyxHQUFHLEtBQUssQ0FBQztZQUNuQixJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUNqQyxDQUFDO0lBQ0wsQ0FBQzsrR0ExRVEsd0JBQXdCO21HQUF4Qix3QkFBd0IsME5DZnJDLGsxR0FtRkE7OzRGRHBFYSx3QkFBd0I7a0JBTnBDLFNBQVM7K0JBQ0ksbUJBQW1CLG1CQUdaLHVCQUF1QixDQUFDLE1BQU07OEJBT3hDLEtBQUs7c0JBRFgsS0FBSztnQkFPVSxXQUFXO3NCQUQxQixNQUFNO2dCQU9BLE1BQU07c0JBRFosS0FBSztnQkFPQyxzQkFBc0I7c0JBRDVCLEtBQUs7Z0JBT0MsU0FBUztzQkFEZixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBpbmplY3QsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFRVSV9JU19NT0JJTEUsIHR1aUlzUHJlc2VudCB9IGZyb20gJ0B0YWlnYS11aS9jZGsnO1xuaW1wb3J0IHsgZmlsdGVyLCBpbnRlcnZhbCwgbWFwLCBzdGFydFdpdGgsIHN3aXRjaE1hcCwgdGFwIH0gZnJvbSAncnhqcyc7XG5cbmltcG9ydCB7IFNjSVByZXZpZXdTYW1wbGUgfSBmcm9tICcuLi9pbnRlcmZhY2VzL3NjLWktcHJldmlldy1zYW1wbGUnO1xuXG4vKipcbiAqINCa0L7QvNC/0L7QvdC10L3RgiDQv9GA0LXQtNGB0YLQsNCy0LvQtdC90LjRjyDQvtCx0YDQsNC30YbQvtCyINGC0L7QstCw0YDQsC5cbiAqL1xuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdzYy1wcmV2aWV3LXNhbXBsZScsXG4gICAgdGVtcGxhdGVVcmw6ICcuL3NjLXByZXZpZXctc2FtcGxlLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9zYy1wcmV2aWV3LXNhbXBsZS5jb21wb25lbnQuc2NzcyddLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBTY1ByZXZpZXdTYW1wbGVDb21wb25lbnQge1xuICAgIC8qKlxuICAgICAqINCY0L3QtNC10LrRgSDRjdC70LXQvNC10L3RgtCwINCyINCz0LDQu9C10YDQtdC1LlxuICAgICAqL1xuICAgIEBJbnB1dCgpXG4gICAgcHVibGljIGluZGV4OiBudW1iZXIgPSAwO1xuXG4gICAgLyoqXG4gICAgICoge0BsaW5rIEV2ZW50RW1pdHRlcn0g0LjQt9C80LXQvdC10L3QuNGPINC40L3QtNC10LrRgdCwINGN0LvQtdC80LXQvdGC0LAg0LIg0LPQsNC70LXRgNC10LUuXG4gICAgICovXG4gICAgQE91dHB1dCgpXG4gICAgcHVibGljIHJlYWRvbmx5IGluZGV4Q2hhbmdlOiBFdmVudEVtaXR0ZXI8bnVtYmVyPiA9IG5ldyBFdmVudEVtaXR0ZXI8bnVtYmVyPigpO1xuXG4gICAgLyoqXG4gICAgICog0J7QsdGK0LXQutGCINC00LDQvdC90YvRhSDRgtC+0LLQsNGA0LAuXG4gICAgICovXG4gICAgQElucHV0KClcbiAgICBwdWJsaWMgc2FtcGxlOiBTY0lQcmV2aWV3U2FtcGxlO1xuXG4gICAgLyoqXG4gICAgICog0J/RgNC40LfQvdCw0LosINGH0YLQviDQvdC10L7QsdGF0L7QtNC40LzQviDQvtGC0L7QsdGA0LDQttCw0YLRjCDQv9C10YDQtdC60LvRjtGH0LDRgtC10LvQuCDQvdCwINC60LDRgNGD0YHQtdC70LguXG4gICAgICovXG4gICAgQElucHV0KClcbiAgICBwdWJsaWMgaXNTaG93Q2Fyb3VzZWxTd2l0Y2hlczogYm9vbGVhbiA9ICFpbmplY3QoVFVJX0lTX01PQklMRSk7XG5cbiAgICAvKipcbiAgICAgKiDQn9GA0LjQt9C90LDQuiwg0YfRgtC+INC/0YDQuCDQs9C+0YDQuNC30L7QvdGC0LDQu9GM0L3QvtC8INC+0YLQvtCx0YDQsNC20LXQvdC40Lgg0LrQvtC80L/QvtC90LXQvdGCINC00L7Qu9C20LXQvSDQsdGL0YLRjCDRgNCw0LfQstGR0YDQvdGD0YIuXG4gICAgICovXG4gICAgQElucHV0KClcbiAgICBwdWJsaWMgaXNSZXZlcnNlOiBib29sZWFuID0gZmFsc2U7XG5cbiAgICAvKipcbiAgICAgKiB7QGxpbmsgT2JzZXJ2YWJsZX0g0LjQt9C80LXQvdC10L3QuNGPINC40L3QtNC10LrRgdCwINGN0LvQtdC80LXQvdGC0LAg0LIg0LPQsNC70LXRgNC10LUg0LTQu9GPINCw0LLRgtC+0LzQsNGC0LjRh9C10YHQutC+0LPQviDQv9C10YDQtdC60LvRjtGH0LXQvdC40Y8g0L/QviDRgtCw0LnQvNC10YDRgy5cbiAgICAgKi9cbiAgICBwdWJsaWMgaW5kZXhDaGFuZ2VJbnRlcnZhbCA9IHRoaXMuaW5kZXhDaGFuZ2UucGlwZShcbiAgICAgICAgc3RhcnRXaXRoKDApLFxuICAgICAgICBmaWx0ZXIoKCkgPT4gQm9vbGVhbih0aGlzLnNhbXBsZS5pdGVtcyAmJiB0aGlzLnNhbXBsZS5pdGVtcy5sZW5ndGggPiAxKSksXG4gICAgICAgIHN3aXRjaE1hcCgoKSA9PiBpbnRlcnZhbCg1MDAwKS5waXBlKCkpLFxuICAgICAgICBtYXAoKCkgPT4gdGhpcy5zYW1wbGUuaXRlbXM/Lmxlbmd0aCksXG4gICAgICAgIGZpbHRlcih0dWlJc1ByZXNlbnQpLFxuICAgICAgICB0YXAoKGl0ZW1zTGVuZ3RoKSA9PiB7XG4gICAgICAgICAgICB0aGlzLm9uQ2hhbmdlSW5kZXgoKHRoaXMuaW5kZXggKyAxKSAlIGl0ZW1zTGVuZ3RoKTtcbiAgICAgICAgfSlcbiAgICApO1xuXG4gICAgLyoqXG4gICAgICog0J/QtdGA0LXQutC70Y7Rh9Cw0LXRgiDQvdCwINC/0YDQtdC00YvQtNGD0YnQtdC1INC40LfQvtCx0YDQsNC20LXQvdC40LUg0LIg0LPQsNC70LXRgNC10LUuXG4gICAgICovXG4gICAgcHVibGljIG9uUHJldmlvdXMoKTogdm9pZCB7XG4gICAgICAgIGlmICh0aGlzLnNhbXBsZS5pdGVtcz8ubGVuZ3RoKSB7XG4gICAgICAgICAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgdW5pY29ybi9leHBsaWNpdC1sZW5ndGgtY2hlY2tcbiAgICAgICAgICAgIHRoaXMub25DaGFuZ2VJbmRleCgodGhpcy5pbmRleCB8fCB0aGlzLnNhbXBsZS5pdGVtcy5sZW5ndGgpIC0gMSk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAvKipcbiAgICAgKiDQn9C10YDQtdC60LvRjtGH0LDQtdGCINC90LAg0YHQu9C10LTRg9GO0YnQtdC1INC40LfQvtCx0YDQsNC20LXQvdC40LUg0LIg0LPQsNC70LXRgNC10LUuXG4gICAgICovXG4gICAgcHVibGljIG9uTmV4dCgpOiB2b2lkIHtcbiAgICAgICAgaWYgKHRoaXMuc2FtcGxlLml0ZW1zPy5sZW5ndGgpIHtcbiAgICAgICAgICAgIHRoaXMub25DaGFuZ2VJbmRleCgodGhpcy5pbmRleCArIDEpICUgdGhpcy5zYW1wbGUuaXRlbXMubGVuZ3RoKTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIC8qKlxuICAgICAqINCe0LHRgNCw0LHQvtGC0YfQuNC6INC40LfQvNC10L3QtdC90LjRjyDQuNC90LTQtdC60YHQsCDRjdC70LXQvNC10L3RgtCwINCyINCz0LDQu9C10YDQtdC1LlxuICAgICAqXG4gICAgICogQHBhcmFtIGluZGV4INCY0L3QtNC10LrRgSDRjdC70LXQvNC10L3RgtCwINCyINCz0LDQu9C10YDQtdC1LlxuICAgICAqL1xuICAgIHB1YmxpYyBvbkNoYW5nZUluZGV4KGluZGV4OiBudW1iZXIpOiB2b2lkIHtcbiAgICAgICAgaWYgKGluZGV4ICE9PSB0aGlzLmluZGV4KSB7XG4gICAgICAgICAgICB0aGlzLmluZGV4ID0gaW5kZXg7XG4gICAgICAgICAgICB0aGlzLmluZGV4Q2hhbmdlLmVtaXQoaW5kZXgpO1xuICAgICAgICB9XG4gICAgfVxufVxuIiwiPGRpdlxuICAgICp0dWlMZXQ9XCJzYW1wbGUuaXRlbXMgJiYgc2FtcGxlLml0ZW1zLmxlbmd0aCA+IDEgYXMgaXNTaG93blN3aXRjaGVzXCJcbiAgICBjbGFzcz1cIm1iLTQgZmxleCBmbGV4LWNvbC1yZXZlcnNlIGdhcC00IG1kOm1iLTAgbWQ6ZmxleC1yb3cgbWQ6Z2FwLThcIlxuICAgIFtjbGFzcy5tZDohZmxleC1yb3ctcmV2ZXJzZV09XCJpc1JldmVyc2VcIlxuPlxuICAgIDxkaXYgY2xhc3M9XCJmbGV4IG1heC13LTk2IGZsZXgtMSBmbGV4LWNvbCBqdXN0aWZ5LWNlbnRlciBzZWxmLWNlbnRlciBtZDptYXgtdy1ub25lIG1kOmdhcC00XCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJmbGV4IHctZnVsbCBmbGV4LWNvbCBnYXAtMyBtZDpnYXAtNCBtZDpweC04XCI+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwidGV4dC1ib2R5LWwtYm9sZFwiPnt7IHNhbXBsZS50aXRsZSB9fTwvZGl2PlxuICAgICAgICAgICAgPGRpdlxuICAgICAgICAgICAgICAgICpuZ0lmPVwiaXNTaG93blN3aXRjaGVzXCJcbiAgICAgICAgICAgICAgICBjbGFzcz1cImZsZXggZ2FwLTRcIlxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIDx0dWktYXZhdGFyXG4gICAgICAgICAgICAgICAgICAgIFtzcmNdPVwiaXRlbS5idXR0b25JbWFnZVVybFwiXG4gICAgICAgICAgICAgICAgICAgIFtyb3VuZF09XCJmYWxzZVwiXG4gICAgICAgICAgICAgICAgICAgICpuZ0Zvcj1cImxldCBpdGVtIG9mIHNhbXBsZS5pdGVtczsgbGV0IGl0ZW1JbmRleCA9IGluZGV4XCJcbiAgICAgICAgICAgICAgICAgICAgKHR1aUhvdmVyZWRDaGFuZ2UpPVwib25DaGFuZ2VJbmRleChpdGVtSW5kZXgpXCJcbiAgICAgICAgICAgICAgICAgICAgW2NsYXNzLmFjdGl2ZV09XCJpbmRleCA9PT0gaXRlbUluZGV4XCJcbiAgICAgICAgICAgICAgICA+PC90dWktYXZhdGFyPlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgICAgKm5nSWY9XCJzYW1wbGUuaXRlbXNcIlxuICAgICAgICAgICAgICAgIGNsYXNzPVwidGV4dC1ib2R5LW0tYm9sZFwiXG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAge3sgc2FtcGxlLml0ZW1zW2luZGV4XS5jb2xvciB9fVxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8ZGl2Pnt7IHNhbXBsZS5kZXNjcmlwdGlvbiB9fTwvZGl2PlxuICAgICAgICAgICAgPGltZ1xuICAgICAgICAgICAgICAgICpuZ0lmPVwic2FtcGxlLmRlc2NyaXB0aW9uSW1hZ2VVcmxcIlxuICAgICAgICAgICAgICAgIFtzcmNdPVwic2FtcGxlLmRlc2NyaXB0aW9uSW1hZ2VVcmxcIlxuICAgICAgICAgICAgICAgIGFsdD1cItCa0L7QvdGB0YLRgNGD0LrRhtC40Y8g0L7QsdGA0LDQt9GG0LAge3sgc2FtcGxlLnRpdGxlIH19XCJcbiAgICAgICAgICAgICAgICBjbGFzcz1cInctZml0XCJcbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgICAgKm5nSWY9XCJzYW1wbGUuaXRlbXMgJiYgc2FtcGxlLml0ZW1zW2luZGV4XS5hY3Rpb25zPy5sZW5ndGhcIlxuICAgICAgICAgICAgICAgIGNsYXNzPVwiZmxleCBmbGV4LXdyYXAgZ2FwLTMgbWQ6Z2FwLTRcIlxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIDxidXR0b25cbiAgICAgICAgICAgICAgICAgICAgKm5nRm9yPVwibGV0IGFjdGlvbiBvZiBzYW1wbGUuaXRlbXNbaW5kZXhdLmFjdGlvbnNcIlxuICAgICAgICAgICAgICAgICAgICB0dWlCdXR0b25cbiAgICAgICAgICAgICAgICAgICAgKGNsaWNrKT1cImFjdGlvbi5oYW5kbGVyKClcIlxuICAgICAgICAgICAgICAgICAgICBbaWNvblN0YXJ0XT1cImFjdGlvbi5pY29uXCJcbiAgICAgICAgICAgICAgICAgICAgYXBwZWFyYW5jZT1cInNlY29uZGFyeVwiXG4gICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICB7eyBhY3Rpb24ubGFiZWwgfX1cbiAgICAgICAgICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cblxuICAgIDxkaXYgY2xhc3M9XCJyZWxhdGl2ZSBoLVsxOWVtXSBmbGV4LTEgb3ZlcmZsb3ctaGlkZGVuIHJvdW5kZWQteGwgc2hhZG93LXR1aS1zaGFkb3cgbWQ6aC05NiBsZzpoLVsyOHJlbV1cIj5cbiAgICAgICAgPGJ1dHRvblxuICAgICAgICAgICAgKm5nSWY9XCJpc1Nob3duU3dpdGNoZXMgJiYgaXNTaG93Q2Fyb3VzZWxTd2l0Y2hlc1wiXG4gICAgICAgICAgICB0dWlJY29uQnV0dG9uXG4gICAgICAgICAgICAoY2xpY2spPVwib25QcmV2aW91cygpXCJcbiAgICAgICAgICAgIGljb25TdGFydD1cIkB0dWkuY2hldnJvbi1sZWZ0XCJcbiAgICAgICAgICAgIGFwcGVhcmFuY2U9XCJpY29uXCJcbiAgICAgICAgICAgIGNsYXNzPVwiIWFic29sdXRlIGxlZnQtMCB0b3AtMS8yIHotMTAgbWwtMiAtdHJhbnNsYXRlLXktMS8yXCJcbiAgICAgICAgPjwvYnV0dG9uPlxuXG4gICAgICAgIDx0dWktY2Fyb3VzZWxcbiAgICAgICAgICAgICp0dWlMZXQ9XCJpbmRleENoYW5nZUludGVydmFsIHwgYXN5bmNcIlxuICAgICAgICAgICAgWyhpbmRleCldPVwiaW5kZXhcIlxuICAgICAgICAgICAgY2xhc3M9XCJoLVsxOWVtXSB3LWZ1bGwgbWQ6aC05NiBsZzpoLVsyOHJlbV1cIlxuICAgICAgICA+XG4gICAgICAgICAgICA8bmctY29udGFpbmVyICpuZ0Zvcj1cImxldCBpdGVtIG9mIHNhbXBsZS5pdGVtc1wiPlxuICAgICAgICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgICAgICAgICAgKnR1aUl0ZW1cbiAgICAgICAgICAgICAgICAgICAgW3N0eWxlLmJhY2tncm91bmRJbWFnZV09XCIndXJsKCcgKyBpdGVtLmNhcm91c2VsSXRlbUltYWdlICsgJyknXCJcbiAgICAgICAgICAgICAgICAgICAgY2xhc3M9XCJoLVsxOWVtXSB3LWZ1bGwgYmctY292ZXIgYmctcmlnaHQgbWQ6aC05NiBsZzpoLVsyOHJlbV1cIlxuICAgICAgICAgICAgICAgID48L2Rpdj5cbiAgICAgICAgICAgIDwvbmctY29udGFpbmVyPlxuICAgICAgICA8L3R1aS1jYXJvdXNlbD5cbiAgICAgICAgPGJ1dHRvblxuICAgICAgICAgICAgKm5nSWY9XCJpc1Nob3duU3dpdGNoZXMgJiYgaXNTaG93Q2Fyb3VzZWxTd2l0Y2hlc1wiXG4gICAgICAgICAgICB0dWlJY29uQnV0dG9uXG4gICAgICAgICAgICAoY2xpY2spPVwib25OZXh0KClcIlxuICAgICAgICAgICAgaWNvblN0YXJ0PVwiQHR1aS5jaGV2cm9uLXJpZ2h0XCJcbiAgICAgICAgICAgIGFwcGVhcmFuY2U9XCJpY29uXCJcbiAgICAgICAgICAgIGNsYXNzPVwiIWFic29sdXRlIHJpZ2h0LTAgdG9wLTEvMiB6LTEwIG1yLTIgLXRyYW5zbGF0ZS15LTEvMlwiXG4gICAgICAgID48L2J1dHRvbj5cbiAgICA8L2Rpdj5cbjwvZGl2PlxuIl19

package/fesm2022/snabcentr-client-ui.mjs

@@ -4957,38 +4957,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImpo
                 }]
         }] });
 
-/**
- * Компонент кнопки "Поделиться".
- */
-class ScShareButtonComponent {
-    constructor() {
-        /**
-         * Формат внешнего вида кнопки.
-         */
-        this.appearance = 'secondary';
-        /**
-         * Размер кнопки.
-         */
-        this.size = 'm';
-        /**
-         * Событие клика по кнопке "Поделиться".
-         */
-        this.clickShareEvent = new EventEmitter();
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: ScShareButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.12", type: ScShareButtonComponent, selector: "sc-share-button", inputs: { appearance: "appearance", size: "size" }, outputs: { clickShareEvent: "clickShareEvent" }, ngImport: i0, template: "<button\n    tuiIconButton\n    iconStart=\"@tui.share-2\"\n    [appearance]=\"appearance\"\n    [size]=\"size\"\n    (click)=\"$event.stopPropagation(); clickShareEvent.emit()\"\n></button>\n", dependencies: [{ kind: "directive", type: i1$1.TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: ScShareButtonComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'sc-share-button', changeDetection: ChangeDetectionStrategy.OnPush, template: "<button\n    tuiIconButton\n    iconStart=\"@tui.share-2\"\n    [appearance]=\"appearance\"\n    [size]=\"size\"\n    (click)=\"$event.stopPropagation(); clickShareEvent.emit()\"\n></button>\n" }]
-        }], propDecorators: { appearance: [{
-                type: Input
-            }], size: [{
-                type: Input
-            }], clickShareEvent: [{
-                type: Output
-            }] } });
-
 /**
  * Компонент карточки новости.
  */
@@ -4998,27 +4966,21 @@ class ScNewsCardComponent {
          * Событие клика по карточке новости.
          */
         this.clickCardEvent = new EventEmitter();
-        /**
-         * Событие клика по кнопке "Поделиться" карточки новости.
-         */
-        this.clickShareEvent = new EventEmitter();
         /**
          * Признак того, что этот компонент отображается на мобильном устройстве.
          */
         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", clickShareEvent: "clickShareEvent" }, 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        <div class=\"flex items-center justify-between\">\n            <p class=\"text-sm font-medium text-tui-text-02\">{{ news.createdAt }}</p>\n            <sc-share-button\n                (clickShareEvent)=\"clickShareEvent.emit()\"\n                appearance=\"flat\"\n            ></sc-share-button>\n        </div>\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"], dependencies: [{ kind: "component", type: ScShareButtonComponent, selector: "sc-share-button", inputs: ["appearance", "size"], outputs: ["clickShareEvent"] }], 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=\"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 }); }
 }
 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        <div class=\"flex items-center justify-between\">\n            <p class=\"text-sm font-medium text-tui-text-02\">{{ news.createdAt }}</p>\n            <sc-share-button\n                (clickShareEvent)=\"clickShareEvent.emit()\"\n                appearance=\"flat\"\n            ></sc-share-button>\n        </div>\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=\"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"] }]
         }], propDecorators: { news: [{
                 type: Input
             }], clickCardEvent: [{
                 type: Output
-            }], clickShareEvent: [{
-                type: Output
             }], isMobile: [{
                 type: HostBinding,
                 args: ['class.is_mobile']
@@ -5051,6 +5013,38 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImpo
                 args: ['class.is_mobile']
             }] } });
 
+/**
+ * Компонент кнопки "Поделиться".
+ */
+class ScShareButtonComponent {
+    constructor() {
+        /**
+         * Формат внешнего вида кнопки.
+         */
+        this.appearance = 'secondary';
+        /**
+         * Размер кнопки.
+         */
+        this.size = 'm';
+        /**
+         * Событие клика по кнопке "Поделиться".
+         */
+        this.clickShareEvent = new EventEmitter();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: ScShareButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.12", type: ScShareButtonComponent, selector: "sc-share-button", inputs: { appearance: "appearance", size: "size" }, outputs: { clickShareEvent: "clickShareEvent" }, ngImport: i0, template: "<button\n    tuiIconButton\n    iconStart=\"@tui.share-2\"\n    [appearance]=\"appearance\"\n    [size]=\"size\"\n    (click)=\"$event.stopPropagation(); clickShareEvent.emit()\"\n></button>\n", dependencies: [{ kind: "directive", type: i1$1.TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: ScShareButtonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sc-share-button', changeDetection: ChangeDetectionStrategy.OnPush, template: "<button\n    tuiIconButton\n    iconStart=\"@tui.share-2\"\n    [appearance]=\"appearance\"\n    [size]=\"size\"\n    (click)=\"$event.stopPropagation(); clickShareEvent.emit()\"\n></button>\n" }]
+        }], propDecorators: { appearance: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], clickShareEvent: [{
+                type: Output
+            }] } });
+
 /**
  * Модуль работы кнопки "Поделиться".
  */
@@ -5398,11 +5392,11 @@ class ScPreviewSampleComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: ScPreviewSampleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.12", type: ScPreviewSampleComponent, selector: "sc-preview-sample", inputs: { index: "index", sample: "sample", isShowCarouselSwitches: "isShowCarouselSwitches", isReverse: "isReverse" }, outputs: { indexChange: "indexChange" }, ngImport: i0, template: "<div\n    *tuiLet=\"sample.items && sample.items.length > 1 as isShownSwitches\"\n    class=\"mb-4 flex flex-col-reverse gap-4 md:mb-0 md:flex-row md:gap-8\"\n    [class.md:!flex-row-reverse]=\"isReverse\"\n>\n    <div class=\"flex max-w-96 flex-1 flex-col justify-center self-center md:max-w-none md:gap-4\">\n        <div class=\"flex w-full flex-col gap-3 md:gap-4 md:px-8\">\n            <div class=\"text-body-l-bold\">{{ sample.title }}</div>\n            <div>{{ sample.description }}</div>\n            <div\n                *ngIf=\"isShownSwitches\"\n                class=\"flex gap-4\"\n            >\n                <tui-avatar\n                    [src]=\"item.buttonImageUrl\"\n                    [round]=\"false\"\n                    *ngFor=\"let item of sample.items; let itemIndex = index\"\n                    (tuiHoveredChange)=\"onChangeIndex(itemIndex)\"\n                    [class.active]=\"index === itemIndex\"\n                ></tui-avatar>\n            </div>\n            <img\n                *ngIf=\"sample.descriptionImageUrl\"\n                [src]=\"sample.descriptionImageUrl\"\n                alt=\"\u041A\u043E\u043D\u0441\u0442\u0440\u0443\u043A\u0446\u0438\u044F \u043E\u0431\u0440\u0430\u0437\u0446\u0430 {{ sample.title }}\"\n                class=\"w-fit\"\n            />\n            <div\n                *ngIf=\"sample.actions && sample.actions.length\"\n                class=\"flex flex-wrap gap-3 md:gap-4\"\n            >\n                <button\n                    *ngFor=\"let action of sample.actions\"\n                    tuiButton\n                    (click)=\"action.handler()\"\n                    [iconStart]=\"action.icon\"\n                    appearance=\"secondary\"\n                >\n                    {{ action.label }}\n                </button>\n            </div>\n        </div>\n    </div>\n\n    <div class=\"relative h-[19em] flex-1 overflow-hidden rounded-xl shadow-tui-shadow md:h-96 lg:h-[28rem]\">\n        <button\n            *ngIf=\"isShownSwitches && isShowCarouselSwitches\"\n            tuiIconButton\n            (click)=\"onPrevious()\"\n            iconStart=\"@tui.chevron-left\"\n            appearance=\"icon\"\n            class=\"!absolute left-0 top-1/2 z-10 ml-2 -translate-y-1/2\"\n        ></button>\n\n        <tui-carousel\n            *tuiLet=\"indexChangeInterval | async\"\n            [(index)]=\"index\"\n            class=\"h-[19em] w-full md:h-96 lg:h-[28rem]\"\n        >\n            <ng-container *ngFor=\"let item of sample.items\">\n                <div\n                    *tuiItem\n                    [style.backgroundImage]=\"'url(' + item.carouselItemImage + ')'\"\n                    class=\"h-[19em] w-full bg-cover bg-right md:h-96 lg:h-[28rem]\"\n                ></div>\n            </ng-container>\n        </tui-carousel>\n        <button\n            *ngIf=\"isShownSwitches && isShowCarouselSwitches\"\n            tuiIconButton\n            (click)=\"onNext()\"\n            iconStart=\"@tui.chevron-right\"\n            appearance=\"icon\"\n            class=\"!absolute right-0 top-1/2 z-10 mr-2 -translate-y-1/2\"\n        ></button>\n    </div>\n</div>\n", styles: [":host{--tui-carousel-padding: 0}tui-avatar.active{--tw-ring-color: var(--tui-background-accent-1);--tw-ring-offset-width: 2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 rgba(0, 0, 0, 0))}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.TuiItem, selector: "[tuiItem]" }, { kind: "component", type: i2$1.TuiCarouselComponent, selector: "tui-carousel", inputs: ["draggable", "itemsCount", "index"], outputs: ["indexChange"] }, { kind: "component", type: i2$1.TuiAvatar, selector: "tui-avatar,button[tuiAvatar],a[tuiAvatar]", inputs: ["size", "round", "src"] }, { kind: "directive", type: i6.TuiHovered, selector: "[tuiHoveredChange]", outputs: ["tuiHoveredChange"] }, { kind: "directive", type: i6.TuiLet, selector: "[tuiLet]", inputs: ["tuiLet"] }, { 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: ScPreviewSampleComponent, selector: "sc-preview-sample", inputs: { index: "index", sample: "sample", isShowCarouselSwitches: "isShowCarouselSwitches", isReverse: "isReverse" }, outputs: { indexChange: "indexChange" }, ngImport: i0, template: "<div\n    *tuiLet=\"sample.items && sample.items.length > 1 as isShownSwitches\"\n    class=\"mb-4 flex flex-col-reverse gap-4 md:mb-0 md:flex-row md:gap-8\"\n    [class.md:!flex-row-reverse]=\"isReverse\"\n>\n    <div class=\"flex max-w-96 flex-1 flex-col justify-center self-center md:max-w-none md:gap-4\">\n        <div class=\"flex w-full flex-col gap-3 md:gap-4 md:px-8\">\n            <div class=\"text-body-l-bold\">{{ sample.title }}</div>\n            <div\n                *ngIf=\"isShownSwitches\"\n                class=\"flex gap-4\"\n            >\n                <tui-avatar\n                    [src]=\"item.buttonImageUrl\"\n                    [round]=\"false\"\n                    *ngFor=\"let item of sample.items; let itemIndex = index\"\n                    (tuiHoveredChange)=\"onChangeIndex(itemIndex)\"\n                    [class.active]=\"index === itemIndex\"\n                ></tui-avatar>\n            </div>\n            <div\n                *ngIf=\"sample.items\"\n                class=\"text-body-m-bold\"\n            >\n                {{ sample.items[index].color }}\n            </div>\n            <div>{{ sample.description }}</div>\n            <img\n                *ngIf=\"sample.descriptionImageUrl\"\n                [src]=\"sample.descriptionImageUrl\"\n                alt=\"\u041A\u043E\u043D\u0441\u0442\u0440\u0443\u043A\u0446\u0438\u044F \u043E\u0431\u0440\u0430\u0437\u0446\u0430 {{ sample.title }}\"\n                class=\"w-fit\"\n            />\n            <div\n                *ngIf=\"sample.items && sample.items[index].actions?.length\"\n                class=\"flex flex-wrap gap-3 md:gap-4\"\n            >\n                <button\n                    *ngFor=\"let action of sample.items[index].actions\"\n                    tuiButton\n                    (click)=\"action.handler()\"\n                    [iconStart]=\"action.icon\"\n                    appearance=\"secondary\"\n                >\n                    {{ action.label }}\n                </button>\n            </div>\n        </div>\n    </div>\n\n    <div class=\"relative h-[19em] flex-1 overflow-hidden rounded-xl shadow-tui-shadow md:h-96 lg:h-[28rem]\">\n        <button\n            *ngIf=\"isShownSwitches && isShowCarouselSwitches\"\n            tuiIconButton\n            (click)=\"onPrevious()\"\n            iconStart=\"@tui.chevron-left\"\n            appearance=\"icon\"\n            class=\"!absolute left-0 top-1/2 z-10 ml-2 -translate-y-1/2\"\n        ></button>\n\n        <tui-carousel\n            *tuiLet=\"indexChangeInterval | async\"\n            [(index)]=\"index\"\n            class=\"h-[19em] w-full md:h-96 lg:h-[28rem]\"\n        >\n            <ng-container *ngFor=\"let item of sample.items\">\n                <div\n                    *tuiItem\n                    [style.backgroundImage]=\"'url(' + item.carouselItemImage + ')'\"\n                    class=\"h-[19em] w-full bg-cover bg-right md:h-96 lg:h-[28rem]\"\n                ></div>\n            </ng-container>\n        </tui-carousel>\n        <button\n            *ngIf=\"isShownSwitches && isShowCarouselSwitches\"\n            tuiIconButton\n            (click)=\"onNext()\"\n            iconStart=\"@tui.chevron-right\"\n            appearance=\"icon\"\n            class=\"!absolute right-0 top-1/2 z-10 mr-2 -translate-y-1/2\"\n        ></button>\n    </div>\n</div>\n", styles: [":host{--tui-carousel-padding: 0}tui-avatar.active{--tw-ring-color: var(--tui-background-accent-1);--tw-ring-offset-width: 2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 rgba(0, 0, 0, 0))}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.TuiItem, selector: "[tuiItem]" }, { kind: "component", type: i2$1.TuiCarouselComponent, selector: "tui-carousel", inputs: ["draggable", "itemsCount", "index"], outputs: ["indexChange"] }, { kind: "component", type: i2$1.TuiAvatar, selector: "tui-avatar,button[tuiAvatar],a[tuiAvatar]", inputs: ["size", "round", "src"] }, { kind: "directive", type: i6.TuiHovered, selector: "[tuiHoveredChange]", outputs: ["tuiHoveredChange"] }, { kind: "directive", type: i6.TuiLet, selector: "[tuiLet]", inputs: ["tuiLet"] }, { 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: ScPreviewSampleComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sc-preview-sample', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n    *tuiLet=\"sample.items && sample.items.length > 1 as isShownSwitches\"\n    class=\"mb-4 flex flex-col-reverse gap-4 md:mb-0 md:flex-row md:gap-8\"\n    [class.md:!flex-row-reverse]=\"isReverse\"\n>\n    <div class=\"flex max-w-96 flex-1 flex-col justify-center self-center md:max-w-none md:gap-4\">\n        <div class=\"flex w-full flex-col gap-3 md:gap-4 md:px-8\">\n            <div class=\"text-body-l-bold\">{{ sample.title }}</div>\n            <div>{{ sample.description }}</div>\n            <div\n                *ngIf=\"isShownSwitches\"\n                class=\"flex gap-4\"\n            >\n                <tui-avatar\n                    [src]=\"item.buttonImageUrl\"\n                    [round]=\"false\"\n                    *ngFor=\"let item of sample.items; let itemIndex = index\"\n                    (tuiHoveredChange)=\"onChangeIndex(itemIndex)\"\n                    [class.active]=\"index === itemIndex\"\n                ></tui-avatar>\n            </div>\n            <img\n                *ngIf=\"sample.descriptionImageUrl\"\n                [src]=\"sample.descriptionImageUrl\"\n                alt=\"\u041A\u043E\u043D\u0441\u0442\u0440\u0443\u043A\u0446\u0438\u044F \u043E\u0431\u0440\u0430\u0437\u0446\u0430 {{ sample.title }}\"\n                class=\"w-fit\"\n            />\n            <div\n                *ngIf=\"sample.actions && sample.actions.length\"\n                class=\"flex flex-wrap gap-3 md:gap-4\"\n            >\n                <button\n                    *ngFor=\"let action of sample.actions\"\n                    tuiButton\n                    (click)=\"action.handler()\"\n                    [iconStart]=\"action.icon\"\n                    appearance=\"secondary\"\n                >\n                    {{ action.label }}\n                </button>\n            </div>\n        </div>\n    </div>\n\n    <div class=\"relative h-[19em] flex-1 overflow-hidden rounded-xl shadow-tui-shadow md:h-96 lg:h-[28rem]\">\n        <button\n            *ngIf=\"isShownSwitches && isShowCarouselSwitches\"\n            tuiIconButton\n            (click)=\"onPrevious()\"\n            iconStart=\"@tui.chevron-left\"\n            appearance=\"icon\"\n            class=\"!absolute left-0 top-1/2 z-10 ml-2 -translate-y-1/2\"\n        ></button>\n\n        <tui-carousel\n            *tuiLet=\"indexChangeInterval | async\"\n            [(index)]=\"index\"\n            class=\"h-[19em] w-full md:h-96 lg:h-[28rem]\"\n        >\n            <ng-container *ngFor=\"let item of sample.items\">\n                <div\n                    *tuiItem\n                    [style.backgroundImage]=\"'url(' + item.carouselItemImage + ')'\"\n                    class=\"h-[19em] w-full bg-cover bg-right md:h-96 lg:h-[28rem]\"\n                ></div>\n            </ng-container>\n        </tui-carousel>\n        <button\n            *ngIf=\"isShownSwitches && isShowCarouselSwitches\"\n            tuiIconButton\n            (click)=\"onNext()\"\n            iconStart=\"@tui.chevron-right\"\n            appearance=\"icon\"\n            class=\"!absolute right-0 top-1/2 z-10 mr-2 -translate-y-1/2\"\n        ></button>\n    </div>\n</div>\n", styles: [":host{--tui-carousel-padding: 0}tui-avatar.active{--tw-ring-color: var(--tui-background-accent-1);--tw-ring-offset-width: 2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 rgba(0, 0, 0, 0))}\n"] }]
+            args: [{ selector: 'sc-preview-sample', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n    *tuiLet=\"sample.items && sample.items.length > 1 as isShownSwitches\"\n    class=\"mb-4 flex flex-col-reverse gap-4 md:mb-0 md:flex-row md:gap-8\"\n    [class.md:!flex-row-reverse]=\"isReverse\"\n>\n    <div class=\"flex max-w-96 flex-1 flex-col justify-center self-center md:max-w-none md:gap-4\">\n        <div class=\"flex w-full flex-col gap-3 md:gap-4 md:px-8\">\n            <div class=\"text-body-l-bold\">{{ sample.title }}</div>\n            <div\n                *ngIf=\"isShownSwitches\"\n                class=\"flex gap-4\"\n            >\n                <tui-avatar\n                    [src]=\"item.buttonImageUrl\"\n                    [round]=\"false\"\n                    *ngFor=\"let item of sample.items; let itemIndex = index\"\n                    (tuiHoveredChange)=\"onChangeIndex(itemIndex)\"\n                    [class.active]=\"index === itemIndex\"\n                ></tui-avatar>\n            </div>\n            <div\n                *ngIf=\"sample.items\"\n                class=\"text-body-m-bold\"\n            >\n                {{ sample.items[index].color }}\n            </div>\n            <div>{{ sample.description }}</div>\n            <img\n                *ngIf=\"sample.descriptionImageUrl\"\n                [src]=\"sample.descriptionImageUrl\"\n                alt=\"\u041A\u043E\u043D\u0441\u0442\u0440\u0443\u043A\u0446\u0438\u044F \u043E\u0431\u0440\u0430\u0437\u0446\u0430 {{ sample.title }}\"\n                class=\"w-fit\"\n            />\n            <div\n                *ngIf=\"sample.items && sample.items[index].actions?.length\"\n                class=\"flex flex-wrap gap-3 md:gap-4\"\n            >\n                <button\n                    *ngFor=\"let action of sample.items[index].actions\"\n                    tuiButton\n                    (click)=\"action.handler()\"\n                    [iconStart]=\"action.icon\"\n                    appearance=\"secondary\"\n                >\n                    {{ action.label }}\n                </button>\n            </div>\n        </div>\n    </div>\n\n    <div class=\"relative h-[19em] flex-1 overflow-hidden rounded-xl shadow-tui-shadow md:h-96 lg:h-[28rem]\">\n        <button\n            *ngIf=\"isShownSwitches && isShowCarouselSwitches\"\n            tuiIconButton\n            (click)=\"onPrevious()\"\n            iconStart=\"@tui.chevron-left\"\n            appearance=\"icon\"\n            class=\"!absolute left-0 top-1/2 z-10 ml-2 -translate-y-1/2\"\n        ></button>\n\n        <tui-carousel\n            *tuiLet=\"indexChangeInterval | async\"\n            [(index)]=\"index\"\n            class=\"h-[19em] w-full md:h-96 lg:h-[28rem]\"\n        >\n            <ng-container *ngFor=\"let item of sample.items\">\n                <div\n                    *tuiItem\n                    [style.backgroundImage]=\"'url(' + item.carouselItemImage + ')'\"\n                    class=\"h-[19em] w-full bg-cover bg-right md:h-96 lg:h-[28rem]\"\n                ></div>\n            </ng-container>\n        </tui-carousel>\n        <button\n            *ngIf=\"isShownSwitches && isShowCarouselSwitches\"\n            tuiIconButton\n            (click)=\"onNext()\"\n            iconStart=\"@tui.chevron-right\"\n            appearance=\"icon\"\n            class=\"!absolute right-0 top-1/2 z-10 mr-2 -translate-y-1/2\"\n        ></button>\n    </div>\n</div>\n", styles: [":host{--tui-carousel-padding: 0}tui-avatar.active{--tw-ring-color: var(--tui-background-accent-1);--tw-ring-offset-width: 2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 rgba(0, 0, 0, 0))}\n"] }]
         }], propDecorators: { index: [{
                 type: Input
             }], indexChange: [{