ctt-puro 0.41.2 → 0.41.4

package/esm2022/lib/components/puro-banner-slider/puro-banner-slider.component.mjs

@@ -1,17 +1,17 @@
 import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
 import { PuroSliderDirective } from '../../directives';
-import { CommonModule } from '@angular/common';
+import { CommonModule, NgOptimizedImage } from '@angular/common';
 import * as i0 from "@angular/core";
 export class PuroBannerSliderComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroBannerSliderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: PuroBannerSliderComponent, isStandalone: true, selector: "lib-puro-banner-slider", inputs: { items: "items" }, ngImport: i0, template: "<section\n    class=\"bannerSlider text js-active-slider\"\n    [puroSlider]=\"items\"\n    data-slides_infinite=\"true\"\n    data-slider_name=\"js-banner-slider\"\n    data-slider_showbtns=\"true\"\n    data-slider_showdots=\"false\"\n    data-slider_fade=\"true\"\n    data-slider_autoplay=\"true\"\n    data-slides_pc=\"1\"\n>\n    <div class=\"relative\">\n        <div class=\"js-banner-slider\">\n            @for (item of items; track $index) {\n                <div class=\"bannerSlider__item\">\n                    <div class=\"bannerSlider__image--outer\">\n                        <div class=\"bannerSlider__image\">\n                            @if (item.img) {\n                                <img\n                                    [src]=\"item.img.src\"\n                                    [alt]=\"item.img.alt\"\n                                    class=\"bannerSlider__img\"\n                                />\n                            }\n                        </div>\n                    </div>\n                    <div\n                        class=\"bannerSlider__content bannerSlider__content--alignCenter text__whithBg\"\n                    >\n                        <div class=\"text__container\">\n                            @if (item.title) {\n                                <h2 class=\"text__heading\">{{ item.title }}</h2>\n                            }\n                            @if (item.description) {\n                                <p class=\"text__paragraph\">\n                                    {{ item.description }}\n                                </p>\n                            }\n                            @if (item.button) {\n                                <div class=\"btn__group\">\n                                    <a\n                                        class=\"btn btn__secondary--outline\"\n                                        [href]=\"item.button.url\"\n                                        [attr.aria-label]=\"item.button.label\"\n                                    >\n                                        <span>{{ item.button.label }}</span>\n                                    </a>\n                                </div>\n                                <div class=\"btn__group\">\n                                    <a\n                                        class=\"btn btn__primary--outline\"\n                                        [href]=\"item.button.url\"\n                                        [attr.aria-label]=\"item.button.label\"\n                                    >\n                                        <span>{{ item.button.label }}</span>\n                                    </a>\n                                </div>\n                            }\n                        </div>\n                    </div>\n                </div>\n            }\n        </div>\n        <div class=\"js-slider-arrows\"></div>\n    </div>\n</section>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: PuroSliderDirective, selector: "[puroSlider]", inputs: ["puroSlider"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: PuroBannerSliderComponent, isStandalone: true, selector: "lib-puro-banner-slider", inputs: { items: "items" }, ngImport: i0, template: "<section\n    class=\"bannerSlider text js-active-slider\"\n    [puroSlider]=\"items\"\n    data-slides_infinite=\"true\"\n    data-slider_name=\"js-banner-slider\"\n    data-slider_showbtns=\"true\"\n    data-slider_showdots=\"false\"\n    data-slider_fade=\"true\"\n    data-slider_autoplay=\"true\"\n    data-slides_pc=\"1\"\n>\n    <div class=\"relative\">\n        <div class=\"js-banner-slider\">\n            @for (item of items; track $index) {\n                <div class=\"bannerSlider__item\">\n                    <div class=\"bannerSlider__image--outer\">\n                        <div class=\"bannerSlider__image\">\n                            @if (item.img) {\n                                <img\n                                    [ngSrc]=\"item.img.src\"\n                                    [alt]=\"item.img.alt\"\n                                    class=\"bannerSlider__img\"\n                                    fill\n                                />\n                            }\n                        </div>\n                    </div>\n                    <div\n                        class=\"bannerSlider__content bannerSlider__content--alignCenter text__whithBg\"\n                    >\n                        <div class=\"text__container\">\n                            @if (item.title) {\n                                <h2 class=\"text__heading\">{{ item.title }}</h2>\n                            }\n                            @if (item.description) {\n                                <p class=\"text__paragraph\">\n                                    {{ item.description }}\n                                </p>\n                            }\n                            @if (item.button) {\n                                <div class=\"btn__group\">\n                                    <a\n                                        class=\"btn btn__secondary--outline\"\n                                        [href]=\"item.button.url\"\n                                        [attr.aria-label]=\"item.button.label\"\n                                    >\n                                        <span>{{ item.button.label }}</span>\n                                    </a>\n                                </div>\n                                <div class=\"btn__group\">\n                                    <a\n                                        class=\"btn btn__primary--outline\"\n                                        [href]=\"item.button.url\"\n                                        [attr.aria-label]=\"item.button.label\"\n                                    >\n                                        <span>{{ item.button.label }}</span>\n                                    </a>\n                                </div>\n                            }\n                        </div>\n                    </div>\n                </div>\n            }\n        </div>\n        <div class=\"js-slider-arrows\"></div>\n    </div>\n</section>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: PuroSliderDirective, selector: "[puroSlider]", inputs: ["puroSlider"] }, { kind: "directive", type: NgOptimizedImage, selector: "img[ngSrc]", inputs: ["ngSrc", "ngSrcset", "sizes", "width", "height", "loading", "priority", "loaderParams", "disableOptimizedSrcset", "fill", "placeholder", "placeholderConfig", "src", "srcset"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroBannerSliderComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-puro-banner-slider', standalone: true, imports: [CommonModule, PuroSliderDirective], changeDetection: ChangeDetectionStrategy.OnPush, template: "<section\n    class=\"bannerSlider text js-active-slider\"\n    [puroSlider]=\"items\"\n    data-slides_infinite=\"true\"\n    data-slider_name=\"js-banner-slider\"\n    data-slider_showbtns=\"true\"\n    data-slider_showdots=\"false\"\n    data-slider_fade=\"true\"\n    data-slider_autoplay=\"true\"\n    data-slides_pc=\"1\"\n>\n    <div class=\"relative\">\n        <div class=\"js-banner-slider\">\n            @for (item of items; track $index) {\n                <div class=\"bannerSlider__item\">\n                    <div class=\"bannerSlider__image--outer\">\n                        <div class=\"bannerSlider__image\">\n                            @if (item.img) {\n                                <img\n                                    [src]=\"item.img.src\"\n                                    [alt]=\"item.img.alt\"\n                                    class=\"bannerSlider__img\"\n                                />\n                            }\n                        </div>\n                    </div>\n                    <div\n                        class=\"bannerSlider__content bannerSlider__content--alignCenter text__whithBg\"\n                    >\n                        <div class=\"text__container\">\n                            @if (item.title) {\n                                <h2 class=\"text__heading\">{{ item.title }}</h2>\n                            }\n                            @if (item.description) {\n                                <p class=\"text__paragraph\">\n                                    {{ item.description }}\n                                </p>\n                            }\n                            @if (item.button) {\n                                <div class=\"btn__group\">\n                                    <a\n                                        class=\"btn btn__secondary--outline\"\n                                        [href]=\"item.button.url\"\n                                        [attr.aria-label]=\"item.button.label\"\n                                    >\n                                        <span>{{ item.button.label }}</span>\n                                    </a>\n                                </div>\n                                <div class=\"btn__group\">\n                                    <a\n                                        class=\"btn btn__primary--outline\"\n                                        [href]=\"item.button.url\"\n                                        [attr.aria-label]=\"item.button.label\"\n                                    >\n                                        <span>{{ item.button.label }}</span>\n                                    </a>\n                                </div>\n                            }\n                        </div>\n                    </div>\n                </div>\n            }\n        </div>\n        <div class=\"js-slider-arrows\"></div>\n    </div>\n</section>\n" }]
+            args: [{ selector: 'lib-puro-banner-slider', standalone: true, imports: [CommonModule, PuroSliderDirective, NgOptimizedImage], changeDetection: ChangeDetectionStrategy.OnPush, template: "<section\n    class=\"bannerSlider text js-active-slider\"\n    [puroSlider]=\"items\"\n    data-slides_infinite=\"true\"\n    data-slider_name=\"js-banner-slider\"\n    data-slider_showbtns=\"true\"\n    data-slider_showdots=\"false\"\n    data-slider_fade=\"true\"\n    data-slider_autoplay=\"true\"\n    data-slides_pc=\"1\"\n>\n    <div class=\"relative\">\n        <div class=\"js-banner-slider\">\n            @for (item of items; track $index) {\n                <div class=\"bannerSlider__item\">\n                    <div class=\"bannerSlider__image--outer\">\n                        <div class=\"bannerSlider__image\">\n                            @if (item.img) {\n                                <img\n                                    [ngSrc]=\"item.img.src\"\n                                    [alt]=\"item.img.alt\"\n                                    class=\"bannerSlider__img\"\n                                    fill\n                                />\n                            }\n                        </div>\n                    </div>\n                    <div\n                        class=\"bannerSlider__content bannerSlider__content--alignCenter text__whithBg\"\n                    >\n                        <div class=\"text__container\">\n                            @if (item.title) {\n                                <h2 class=\"text__heading\">{{ item.title }}</h2>\n                            }\n                            @if (item.description) {\n                                <p class=\"text__paragraph\">\n                                    {{ item.description }}\n                                </p>\n                            }\n                            @if (item.button) {\n                                <div class=\"btn__group\">\n                                    <a\n                                        class=\"btn btn__secondary--outline\"\n                                        [href]=\"item.button.url\"\n                                        [attr.aria-label]=\"item.button.label\"\n                                    >\n                                        <span>{{ item.button.label }}</span>\n                                    </a>\n                                </div>\n                                <div class=\"btn__group\">\n                                    <a\n                                        class=\"btn btn__primary--outline\"\n                                        [href]=\"item.button.url\"\n                                        [attr.aria-label]=\"item.button.label\"\n                                    >\n                                        <span>{{ item.button.label }}</span>\n                                    </a>\n                                </div>\n                            }\n                        </div>\n                    </div>\n                </div>\n            }\n        </div>\n        <div class=\"js-slider-arrows\"></div>\n    </div>\n</section>\n" }]
         }], propDecorators: { items: [{
                 type: Input
             }] } });
 export class PuroBannerSliderItem {
 }
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVyby1iYW5uZXItc2xpZGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3B1cm8vc3JjL2xpYi9jb21wb25lbnRzL3B1cm8tYmFubmVyLXNsaWRlci9wdXJvLWJhbm5lci1zbGlkZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcHVyby9zcmMvbGliL2NvbXBvbmVudHMvcHVyby1iYW5uZXItc2xpZGVyL3B1cm8tYmFubmVyLXNsaWRlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUUxRSxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUN2RCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7O0FBVS9DLE1BQU0sT0FBTyx5QkFBeUI7K0dBQXpCLHlCQUF5QjttR0FBekIseUJBQXlCLDhHQ2J0Qyx3NUZBa0VBLHlERDFEYyxZQUFZLCtCQUFFLG1CQUFtQjs7NEZBS2xDLHlCQUF5QjtrQkFSckMsU0FBUzsrQkFDSSx3QkFBd0IsY0FDdEIsSUFBSSxXQUNQLENBQUMsWUFBWSxFQUFFLG1CQUFtQixDQUFDLG1CQUczQix1QkFBdUIsQ0FBQyxNQUFNOzhCQUd0QyxLQUFLO3NCQUFiLEtBQUs7O0FBR1YsTUFBTSxPQUFPLG9CQUFvQjtDQUtoQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBQdXJvSW1hZ2VJLCBQdXJvQnV0dG9uSSB9IGZyb20gJy4uLy4uL2ludGVyZmFjZXMnO1xuaW1wb3J0IHsgUHVyb1NsaWRlckRpcmVjdGl2ZSB9IGZyb20gJy4uLy4uL2RpcmVjdGl2ZXMnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdsaWItcHVyby1iYW5uZXItc2xpZGVyJyxcbiAgICBzdGFuZGFsb25lOiB0cnVlLFxuICAgIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIFB1cm9TbGlkZXJEaXJlY3RpdmVdLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9wdXJvLWJhbm5lci1zbGlkZXIuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsOiAnLi9wdXJvLWJhbm5lci1zbGlkZXIuY29tcG9uZW50LnNjc3MnLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBQdXJvQmFubmVyU2xpZGVyQ29tcG9uZW50IHtcbiAgICBASW5wdXQoKSBpdGVtcz86IFB1cm9CYW5uZXJTbGlkZXJJdGVtW107XG59XG5cbmV4cG9ydCBjbGFzcyBQdXJvQmFubmVyU2xpZGVySXRlbSB7XG4gICAgaW1nPzogUHVyb0ltYWdlSTtcbiAgICB0aXRsZT86IHN0cmluZztcbiAgICBkZXNjcmlwdGlvbj86IHN0cmluZztcbiAgICBidXR0b24/OiBQdXJvQnV0dG9uSTtcbn1cbiIsIjxzZWN0aW9uXG4gICAgY2xhc3M9XCJiYW5uZXJTbGlkZXIgdGV4dCBqcy1hY3RpdmUtc2xpZGVyXCJcbiAgICBbcHVyb1NsaWRlcl09XCJpdGVtc1wiXG4gICAgZGF0YS1zbGlkZXNfaW5maW5pdGU9XCJ0cnVlXCJcbiAgICBkYXRhLXNsaWRlcl9uYW1lPVwianMtYmFubmVyLXNsaWRlclwiXG4gICAgZGF0YS1zbGlkZXJfc2hvd2J0bnM9XCJ0cnVlXCJcbiAgICBkYXRhLXNsaWRlcl9zaG93ZG90cz1cImZhbHNlXCJcbiAgICBkYXRhLXNsaWRlcl9mYWRlPVwidHJ1ZVwiXG4gICAgZGF0YS1zbGlkZXJfYXV0b3BsYXk9XCJ0cnVlXCJcbiAgICBkYXRhLXNsaWRlc19wYz1cIjFcIlxuPlxuICAgIDxkaXYgY2xhc3M9XCJyZWxhdGl2ZVwiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwianMtYmFubmVyLXNsaWRlclwiPlxuICAgICAgICAgICAgQGZvciAoaXRlbSBvZiBpdGVtczsgdHJhY2sgJGluZGV4KSB7XG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImJhbm5lclNsaWRlcl9faXRlbVwiPlxuICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiYmFubmVyU2xpZGVyX19pbWFnZS0tb3V0ZXJcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJiYW5uZXJTbGlkZXJfX2ltYWdlXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgQGlmIChpdGVtLmltZykge1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8aW1nXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbc3JjXT1cIml0ZW0uaW1nLnNyY1wiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbYWx0XT1cIml0ZW0uaW1nLmFsdFwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBjbGFzcz1cImJhbm5lclNsaWRlcl9faW1nXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgICAgICAgICAgICAgIGNsYXNzPVwiYmFubmVyU2xpZGVyX19jb250ZW50IGJhbm5lclNsaWRlcl9fY29udGVudC0tYWxpZ25DZW50ZXIgdGV4dF9fd2hpdGhCZ1wiXG4gICAgICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJ0ZXh0X19jb250YWluZXJcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBAaWYgKGl0ZW0udGl0bGUpIHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGgyIGNsYXNzPVwidGV4dF9faGVhZGluZ1wiPnt7IGl0ZW0udGl0bGUgfX08L2gyPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBAaWYgKGl0ZW0uZGVzY3JpcHRpb24pIHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHAgY2xhc3M9XCJ0ZXh0X19wYXJhZ3JhcGhcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHt7IGl0ZW0uZGVzY3JpcHRpb24gfX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9wPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBAaWYgKGl0ZW0uYnV0dG9uKSB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJidG5fX2dyb3VwXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8YVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNsYXNzPVwiYnRuIGJ0bl9fc2Vjb25kYXJ5LS1vdXRsaW5lXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbaHJlZl09XCJpdGVtLmJ1dHRvbi51cmxcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFthdHRyLmFyaWEtbGFiZWxdPVwiaXRlbS5idXR0b24ubGFiZWxcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxzcGFuPnt7IGl0ZW0uYnV0dG9uLmxhYmVsIH19PC9zcGFuPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9hPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImJ0bl9fZ3JvdXBcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxhXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgY2xhc3M9XCJidG4gYnRuX19wcmltYXJ5LS1vdXRsaW5lXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbaHJlZl09XCJpdGVtLmJ1dHRvbi51cmxcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFthdHRyLmFyaWEtbGFiZWxdPVwiaXRlbS5idXR0b24ubGFiZWxcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxzcGFuPnt7IGl0ZW0uYnV0dG9uLmxhYmVsIH19PC9zcGFuPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9hPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICB9XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8ZGl2IGNsYXNzPVwianMtc2xpZGVyLWFycm93c1wiPjwvZGl2PlxuICAgIDwvZGl2PlxuPC9zZWN0aW9uPlxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVyby1iYW5uZXItc2xpZGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3B1cm8vc3JjL2xpYi9jb21wb25lbnRzL3B1cm8tYmFubmVyLXNsaWRlci9wdXJvLWJhbm5lci1zbGlkZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcHVyby9zcmMvbGliL2NvbXBvbmVudHMvcHVyby1iYW5uZXItc2xpZGVyL3B1cm8tYmFubmVyLXNsaWRlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUUxRSxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUN2RCxPQUFPLEVBQUUsWUFBWSxFQUFFLGdCQUFnQixFQUFFLE1BQU0saUJBQWlCLENBQUM7O0FBVWpFLE1BQU0sT0FBTyx5QkFBeUI7K0dBQXpCLHlCQUF5QjttR0FBekIseUJBQXlCLDhHQ2J0QyxvOEZBbUVBLHlERDNEYyxZQUFZLCtCQUFFLG1CQUFtQixpRkFBRSxnQkFBZ0I7OzRGQUtwRCx5QkFBeUI7a0JBUnJDLFNBQVM7K0JBQ0ksd0JBQXdCLGNBQ3RCLElBQUksV0FDUCxDQUFDLFlBQVksRUFBRSxtQkFBbUIsRUFBRSxnQkFBZ0IsQ0FBQyxtQkFHN0MsdUJBQXVCLENBQUMsTUFBTTs4QkFHdEMsS0FBSztzQkFBYixLQUFLOztBQUdWLE1BQU0sT0FBTyxvQkFBb0I7Q0FLaEMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgUHVyb0ltYWdlSSwgUHVyb0J1dHRvbkkgfSBmcm9tICcuLi8uLi9pbnRlcmZhY2VzJztcbmltcG9ydCB7IFB1cm9TbGlkZXJEaXJlY3RpdmUgfSBmcm9tICcuLi8uLi9kaXJlY3RpdmVzJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSwgTmdPcHRpbWl6ZWRJbWFnZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnbGliLXB1cm8tYmFubmVyLXNsaWRlcicsXG4gICAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBQdXJvU2xpZGVyRGlyZWN0aXZlLCBOZ09wdGltaXplZEltYWdlXSxcbiAgICB0ZW1wbGF0ZVVybDogJy4vcHVyby1iYW5uZXItc2xpZGVyLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybDogJy4vcHVyby1iYW5uZXItc2xpZGVyLmNvbXBvbmVudC5zY3NzJyxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgUHVyb0Jhbm5lclNsaWRlckNvbXBvbmVudCB7XG4gICAgQElucHV0KCkgaXRlbXM/OiBQdXJvQmFubmVyU2xpZGVySXRlbVtdO1xufVxuXG5leHBvcnQgY2xhc3MgUHVyb0Jhbm5lclNsaWRlckl0ZW0ge1xuICAgIGltZz86IFB1cm9JbWFnZUk7XG4gICAgdGl0bGU/OiBzdHJpbmc7XG4gICAgZGVzY3JpcHRpb24/OiBzdHJpbmc7XG4gICAgYnV0dG9uPzogUHVyb0J1dHRvbkk7XG59XG4iLCI8c2VjdGlvblxuICAgIGNsYXNzPVwiYmFubmVyU2xpZGVyIHRleHQganMtYWN0aXZlLXNsaWRlclwiXG4gICAgW3B1cm9TbGlkZXJdPVwiaXRlbXNcIlxuICAgIGRhdGEtc2xpZGVzX2luZmluaXRlPVwidHJ1ZVwiXG4gICAgZGF0YS1zbGlkZXJfbmFtZT1cImpzLWJhbm5lci1zbGlkZXJcIlxuICAgIGRhdGEtc2xpZGVyX3Nob3didG5zPVwidHJ1ZVwiXG4gICAgZGF0YS1zbGlkZXJfc2hvd2RvdHM9XCJmYWxzZVwiXG4gICAgZGF0YS1zbGlkZXJfZmFkZT1cInRydWVcIlxuICAgIGRhdGEtc2xpZGVyX2F1dG9wbGF5PVwidHJ1ZVwiXG4gICAgZGF0YS1zbGlkZXNfcGM9XCIxXCJcbj5cbiAgICA8ZGl2IGNsYXNzPVwicmVsYXRpdmVcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImpzLWJhbm5lci1zbGlkZXJcIj5cbiAgICAgICAgICAgIEBmb3IgKGl0ZW0gb2YgaXRlbXM7IHRyYWNrICRpbmRleCkge1xuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJiYW5uZXJTbGlkZXJfX2l0ZW1cIj5cbiAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImJhbm5lclNsaWRlcl9faW1hZ2UtLW91dGVyXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiYmFubmVyU2xpZGVyX19pbWFnZVwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIEBpZiAoaXRlbS5pbWcpIHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGltZ1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW25nU3JjXT1cIml0ZW0uaW1nLnNyY1wiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbYWx0XT1cIml0ZW0uaW1nLmFsdFwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBjbGFzcz1cImJhbm5lclNsaWRlcl9faW1nXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGZpbGxcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgICAgICAgICAgICAgIGNsYXNzPVwiYmFubmVyU2xpZGVyX19jb250ZW50IGJhbm5lclNsaWRlcl9fY29udGVudC0tYWxpZ25DZW50ZXIgdGV4dF9fd2hpdGhCZ1wiXG4gICAgICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJ0ZXh0X19jb250YWluZXJcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBAaWYgKGl0ZW0udGl0bGUpIHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGgyIGNsYXNzPVwidGV4dF9faGVhZGluZ1wiPnt7IGl0ZW0udGl0bGUgfX08L2gyPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBAaWYgKGl0ZW0uZGVzY3JpcHRpb24pIHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHAgY2xhc3M9XCJ0ZXh0X19wYXJhZ3JhcGhcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHt7IGl0ZW0uZGVzY3JpcHRpb24gfX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9wPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBAaWYgKGl0ZW0uYnV0dG9uKSB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJidG5fX2dyb3VwXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8YVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNsYXNzPVwiYnRuIGJ0bl9fc2Vjb25kYXJ5LS1vdXRsaW5lXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbaHJlZl09XCJpdGVtLmJ1dHRvbi51cmxcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFthdHRyLmFyaWEtbGFiZWxdPVwiaXRlbS5idXR0b24ubGFiZWxcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxzcGFuPnt7IGl0ZW0uYnV0dG9uLmxhYmVsIH19PC9zcGFuPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9hPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImJ0bl9fZ3JvdXBcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxhXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgY2xhc3M9XCJidG4gYnRuX19wcmltYXJ5LS1vdXRsaW5lXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbaHJlZl09XCJpdGVtLmJ1dHRvbi51cmxcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFthdHRyLmFyaWEtbGFiZWxdPVwiaXRlbS5idXR0b24ubGFiZWxcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxzcGFuPnt7IGl0ZW0uYnV0dG9uLmxhYmVsIH19PC9zcGFuPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9hPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICB9XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8ZGl2IGNsYXNzPVwianMtc2xpZGVyLWFycm93c1wiPjwvZGl2PlxuICAgIDwvZGl2PlxuPC9zZWN0aW9uPlxuIl19

package/esm2022/lib/components/puro-banner4col/puro-banner4col.component.mjs

@@ -1,10 +1,11 @@
 import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
 import { PuroLinkTypeDirective, PuroSliderDirective } from '../../directives';
 import { PuroDynamicHeadingComponent } from '../../shared/puro-dynamic-heading';
+import { NgOptimizedImage } from '@angular/common';
 import * as i0 from "@angular/core";
 export class PuroBanner4colComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroBanner4colComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: PuroBanner4colComponent, isStandalone: true, selector: "lib-puro-banner4col", inputs: { title: "title", description: "description", button: "button", images: "images", bigtitle: "bigtitle", bigbanner: "bigbanner", tags: "tags", textColors: "textColors" }, ngImport: i0, template: "<section\n    class=\"introduction js-active-slider\"\n    [puroSlider]=\"images\"\n    data-slides_infinite=\"true\"\n    data-slider_name=\"js-introduction-slider\"\n    data-slider_showbtns=\"true\"\n    data-slider_showdots=\"false\"\n    data-slider_fade=\"false\"\n    data-slider_autoplay=\"true\"\n    data-slides_pc=\"4\"\n    data-slides_laptop=\"4\"\n    data-slides_tablet=\"3\"\n    data-slides_mobile=\"2\"\n    data-slides_mobile_small=\"2\"\n    data-slides_mobile_xsmall=\"2\"\n>\n    <div class=\"largeImage largeImage__blockSpacing--small\">\n        @if (bigtitle) {\n            <span class=\"largeImage__title largeImage__title--large\">{{\n                bigtitle\n            }}</span>\n        }\n        @if (bigbanner) {\n            <div class=\"largeImage__inner\">\n                <div class=\"largeImage__box\">\n                    <div class=\"largeImage__graphic\">\n                        <img\n                            [src]=\"bigbanner.src\"\n                            width=\"1670\"\n                            height=\"704\"\n                            class=\"largeImage__graphic--img\"\n                            [alt]=\"bigbanner.alt\"\n                        />\n                    </div>\n                </div>\n            </div>\n        }\n    </div>\n    @if (title) {\n        <lib-puro-dynamic-heading\n            [tag]=\"tags?.title || 'h2'\"\n            cssClass=\"introduction__heading\"\n            [color]=\"textColors?.title\"\n            [content]=\"title\"\n        ></lib-puro-dynamic-heading>\n    }\n    @if (description) {\n        <div class=\"introduction__paragraph\">\n            <p>{{ description }}</p>\n        </div>\n    }\n    @if (images?.length) {\n        <div class=\"introduction__inner relative\">\n            <div\n                class=\"js-introduction-slider introduction__slider js-slider_fix-arrows\"\n            >\n                @for (img of images; track $index) {\n                    <div>\n                        <div\n                            class=\"introduction__box js-slider_fix-arrows-zone\"\n                        >\n                            <div class=\"introduction__graphic\">\n                                <img\n                                    [src]=\"img.src\"\n                                    width=\"300\"\n                                    height=\"578\"\n                                    class=\"introduction__graphic--img\"\n                                    [alt]=\"img.alt\"\n                                />\n                            </div>\n                        </div>\n                    </div>\n                }\n            </div>\n            <div class=\"js-slider-arrows\"></div>\n        </div>\n    }\n    @if (button) {\n        <div class=\"btn__group\">\n            <a\n                [href]=\"button.url\"\n                class=\"btn btn__primary--outline\"\n                [linkType]=\"button.linkType\"\n                [attr.aria-label]=\"button.label\"\n                ><span>{{ button.label }}</span></a\n            >\n        </div>\n    }\n</section>\n", styles: [""], dependencies: [{ kind: "directive", type: PuroSliderDirective, selector: "[puroSlider]", inputs: ["puroSlider"] }, { kind: "directive", type: PuroLinkTypeDirective, selector: "[linkType]", inputs: ["linkType", "href", "modalClick"], outputs: ["bookClick", "anchorClicked"] }, { kind: "component", type: PuroDynamicHeadingComponent, selector: "lib-puro-dynamic-heading", inputs: ["tag", "wrapper", "cssClass", "content", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: PuroBanner4colComponent, isStandalone: true, selector: "lib-puro-banner4col", inputs: { title: "title", description: "description", button: "button", images: "images", bigtitle: "bigtitle", bigbanner: "bigbanner", tags: "tags", textColors: "textColors" }, ngImport: i0, template: "<section\n    class=\"introduction js-active-slider\"\n    [puroSlider]=\"images\"\n    data-slides_infinite=\"true\"\n    data-slider_name=\"js-introduction-slider\"\n    data-slider_showbtns=\"true\"\n    data-slider_showdots=\"false\"\n    data-slider_fade=\"false\"\n    data-slider_autoplay=\"true\"\n    data-slides_pc=\"4\"\n    data-slides_laptop=\"4\"\n    data-slides_tablet=\"3\"\n    data-slides_mobile=\"2\"\n    data-slides_mobile_small=\"2\"\n    data-slides_mobile_xsmall=\"2\"\n>\n    <div class=\"largeImage largeImage__blockSpacing--small\">\n        @if (bigtitle) {\n            <span class=\"largeImage__title largeImage__title--large\">{{\n                bigtitle\n            }}</span>\n        }\n        @if (bigbanner) {\n            <div class=\"largeImage__inner\">\n                <div class=\"largeImage__box\">\n                    <div class=\"largeImage__graphic\">\n                        <img\n                            [ngSrc]=\"bigbanner.src\"\n                            width=\"1670\"\n                            height=\"704\"\n                            class=\"largeImage__graphic--img\"\n                            [alt]=\"bigbanner.alt\"\n                        />\n                    </div>\n                </div>\n            </div>\n        }\n    </div>\n    @if (title) {\n        <lib-puro-dynamic-heading\n            [tag]=\"tags?.title || 'h2'\"\n            cssClass=\"introduction__heading\"\n            [color]=\"textColors?.title\"\n            [content]=\"title\"\n        ></lib-puro-dynamic-heading>\n    }\n    @if (description) {\n        <div class=\"introduction__paragraph\">\n            <p>{{ description }}</p>\n        </div>\n    }\n    @if (images?.length) {\n        <div class=\"introduction__inner relative\">\n            <div\n                class=\"js-introduction-slider introduction__slider js-slider_fix-arrows\"\n            >\n                @for (img of images; track $index) {\n                    <div>\n                        <div\n                            class=\"introduction__box js-slider_fix-arrows-zone\"\n                        >\n                            <div class=\"introduction__graphic\">\n                                <img\n                                    [ngSrc]=\"img.src\"\n                                    width=\"300\"\n                                    height=\"578\"\n                                    class=\"introduction__graphic--img\"\n                                    [alt]=\"img.alt\"\n                                />\n                            </div>\n                        </div>\n                    </div>\n                }\n            </div>\n            <div class=\"js-slider-arrows\"></div>\n        </div>\n    }\n    @if (button) {\n        <div class=\"btn__group\">\n            <a\n                [href]=\"button.url\"\n                class=\"btn btn__primary--outline\"\n                [linkType]=\"button.linkType\"\n                [attr.aria-label]=\"button.label\"\n                ><span>{{ button.label }}</span></a\n            >\n        </div>\n    }\n</section>\n", styles: [""], dependencies: [{ kind: "directive", type: PuroSliderDirective, selector: "[puroSlider]", inputs: ["puroSlider"] }, { kind: "directive", type: PuroLinkTypeDirective, selector: "[linkType]", inputs: ["linkType", "href", "modalClick"], outputs: ["bookClick", "anchorClicked"] }, { kind: "component", type: PuroDynamicHeadingComponent, selector: "lib-puro-dynamic-heading", inputs: ["tag", "wrapper", "cssClass", "content", "color"] }, { kind: "directive", type: NgOptimizedImage, selector: "img[ngSrc]", inputs: ["ngSrc", "ngSrcset", "sizes", "width", "height", "loading", "priority", "loaderParams", "disableOptimizedSrcset", "fill", "placeholder", "placeholderConfig", "src", "srcset"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroBanner4colComponent, decorators: [{
             type: Component,
@@ -12,7 +13,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                         PuroSliderDirective,
                         PuroLinkTypeDirective,
                         PuroDynamicHeadingComponent,
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<section\n    class=\"introduction js-active-slider\"\n    [puroSlider]=\"images\"\n    data-slides_infinite=\"true\"\n    data-slider_name=\"js-introduction-slider\"\n    data-slider_showbtns=\"true\"\n    data-slider_showdots=\"false\"\n    data-slider_fade=\"false\"\n    data-slider_autoplay=\"true\"\n    data-slides_pc=\"4\"\n    data-slides_laptop=\"4\"\n    data-slides_tablet=\"3\"\n    data-slides_mobile=\"2\"\n    data-slides_mobile_small=\"2\"\n    data-slides_mobile_xsmall=\"2\"\n>\n    <div class=\"largeImage largeImage__blockSpacing--small\">\n        @if (bigtitle) {\n            <span class=\"largeImage__title largeImage__title--large\">{{\n                bigtitle\n            }}</span>\n        }\n        @if (bigbanner) {\n            <div class=\"largeImage__inner\">\n                <div class=\"largeImage__box\">\n                    <div class=\"largeImage__graphic\">\n                        <img\n                            [src]=\"bigbanner.src\"\n                            width=\"1670\"\n                            height=\"704\"\n                            class=\"largeImage__graphic--img\"\n                            [alt]=\"bigbanner.alt\"\n                        />\n                    </div>\n                </div>\n            </div>\n        }\n    </div>\n    @if (title) {\n        <lib-puro-dynamic-heading\n            [tag]=\"tags?.title || 'h2'\"\n            cssClass=\"introduction__heading\"\n            [color]=\"textColors?.title\"\n            [content]=\"title\"\n        ></lib-puro-dynamic-heading>\n    }\n    @if (description) {\n        <div class=\"introduction__paragraph\">\n            <p>{{ description }}</p>\n        </div>\n    }\n    @if (images?.length) {\n        <div class=\"introduction__inner relative\">\n            <div\n                class=\"js-introduction-slider introduction__slider js-slider_fix-arrows\"\n            >\n                @for (img of images; track $index) {\n                    <div>\n                        <div\n                            class=\"introduction__box js-slider_fix-arrows-zone\"\n                        >\n                            <div class=\"introduction__graphic\">\n                                <img\n                                    [src]=\"img.src\"\n                                    width=\"300\"\n                                    height=\"578\"\n                                    class=\"introduction__graphic--img\"\n                                    [alt]=\"img.alt\"\n                                />\n                            </div>\n                        </div>\n                    </div>\n                }\n            </div>\n            <div class=\"js-slider-arrows\"></div>\n        </div>\n    }\n    @if (button) {\n        <div class=\"btn__group\">\n            <a\n                [href]=\"button.url\"\n                class=\"btn btn__primary--outline\"\n                [linkType]=\"button.linkType\"\n                [attr.aria-label]=\"button.label\"\n                ><span>{{ button.label }}</span></a\n            >\n        </div>\n    }\n</section>\n" }]
+                        NgOptimizedImage
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<section\n    class=\"introduction js-active-slider\"\n    [puroSlider]=\"images\"\n    data-slides_infinite=\"true\"\n    data-slider_name=\"js-introduction-slider\"\n    data-slider_showbtns=\"true\"\n    data-slider_showdots=\"false\"\n    data-slider_fade=\"false\"\n    data-slider_autoplay=\"true\"\n    data-slides_pc=\"4\"\n    data-slides_laptop=\"4\"\n    data-slides_tablet=\"3\"\n    data-slides_mobile=\"2\"\n    data-slides_mobile_small=\"2\"\n    data-slides_mobile_xsmall=\"2\"\n>\n    <div class=\"largeImage largeImage__blockSpacing--small\">\n        @if (bigtitle) {\n            <span class=\"largeImage__title largeImage__title--large\">{{\n                bigtitle\n            }}</span>\n        }\n        @if (bigbanner) {\n            <div class=\"largeImage__inner\">\n                <div class=\"largeImage__box\">\n                    <div class=\"largeImage__graphic\">\n                        <img\n                            [ngSrc]=\"bigbanner.src\"\n                            width=\"1670\"\n                            height=\"704\"\n                            class=\"largeImage__graphic--img\"\n                            [alt]=\"bigbanner.alt\"\n                        />\n                    </div>\n                </div>\n            </div>\n        }\n    </div>\n    @if (title) {\n        <lib-puro-dynamic-heading\n            [tag]=\"tags?.title || 'h2'\"\n            cssClass=\"introduction__heading\"\n            [color]=\"textColors?.title\"\n            [content]=\"title\"\n        ></lib-puro-dynamic-heading>\n    }\n    @if (description) {\n        <div class=\"introduction__paragraph\">\n            <p>{{ description }}</p>\n        </div>\n    }\n    @if (images?.length) {\n        <div class=\"introduction__inner relative\">\n            <div\n                class=\"js-introduction-slider introduction__slider js-slider_fix-arrows\"\n            >\n                @for (img of images; track $index) {\n                    <div>\n                        <div\n                            class=\"introduction__box js-slider_fix-arrows-zone\"\n                        >\n                            <div class=\"introduction__graphic\">\n                                <img\n                                    [ngSrc]=\"img.src\"\n                                    width=\"300\"\n                                    height=\"578\"\n                                    class=\"introduction__graphic--img\"\n                                    [alt]=\"img.alt\"\n                                />\n                            </div>\n                        </div>\n                    </div>\n                }\n            </div>\n            <div class=\"js-slider-arrows\"></div>\n        </div>\n    }\n    @if (button) {\n        <div class=\"btn__group\">\n            <a\n                [href]=\"button.url\"\n                class=\"btn btn__primary--outline\"\n                [linkType]=\"button.linkType\"\n                [attr.aria-label]=\"button.label\"\n                ><span>{{ button.label }}</span></a\n            >\n        </div>\n    }\n</section>\n" }]
         }], propDecorators: { title: [{
                 type: Input
             }], description: [{
@@ -30,4 +32,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
             }], textColors: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVyby1iYW5uZXI0Y29sLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3B1cm8vc3JjL2xpYi9jb21wb25lbnRzL3B1cm8tYmFubmVyNGNvbC9wdXJvLWJhbm5lcjRjb2wuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcHVyby9zcmMvbGliL2NvbXBvbmVudHMvcHVyby1iYW5uZXI0Y29sL3B1cm8tYmFubmVyNGNvbC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQU8xRSxPQUFPLEVBQUUscUJBQXFCLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUM5RSxPQUFPLEVBQUUsMkJBQTJCLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQzs7QUFjaEYsTUFBTSxPQUFPLHVCQUF1QjsrR0FBdkIsdUJBQXVCO21HQUF2Qix1QkFBdUIsaVFDdEJwQyw4a0dBeUZBLDBERDNFUSxtQkFBbUIsaUZBQ25CLHFCQUFxQiw0SUFDckIsMkJBQTJCOzs0RkFNdEIsdUJBQXVCO2tCQVpuQyxTQUFTOytCQUNJLHFCQUFxQixjQUNuQixJQUFJLFdBQ1A7d0JBQ0wsbUJBQW1CO3dCQUNuQixxQkFBcUI7d0JBQ3JCLDJCQUEyQjtxQkFDOUIsbUJBR2dCLHVCQUF1QixDQUFDLE1BQU07OEJBR3RDLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLE1BQU07c0JBQWQsS0FBSztnQkFDRyxNQUFNO3NCQUFkLEtBQUs7Z0JBRUcsUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUVHLElBQUk7c0JBQVosS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7XG4gICAgUHVyb0J1dHRvbkksXG4gICAgUHVyb0ltYWdlSSxcbiAgICBQdXJvVGFnc0ksXG4gICAgUHVyb1RleHRzQ29sb3JzSSxcbn0gZnJvbSAnLi4vLi4vaW50ZXJmYWNlcyc7XG5pbXBvcnQgeyBQdXJvTGlua1R5cGVEaXJlY3RpdmUsIFB1cm9TbGlkZXJEaXJlY3RpdmUgfSBmcm9tICcuLi8uLi9kaXJlY3RpdmVzJztcbmltcG9ydCB7IFB1cm9EeW5hbWljSGVhZGluZ0NvbXBvbmVudCB9IGZyb20gJy4uLy4uL3NoYXJlZC9wdXJvLWR5bmFtaWMtaGVhZGluZyc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnbGliLXB1cm8tYmFubmVyNGNvbCcsXG4gICAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgICBpbXBvcnRzOiBbXG4gICAgICAgIFB1cm9TbGlkZXJEaXJlY3RpdmUsXG4gICAgICAgIFB1cm9MaW5rVHlwZURpcmVjdGl2ZSxcbiAgICAgICAgUHVyb0R5bmFtaWNIZWFkaW5nQ29tcG9uZW50LFxuICAgIF0sXG4gICAgdGVtcGxhdGVVcmw6ICcuL3B1cm8tYmFubmVyNGNvbC5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmw6ICcuL3B1cm8tYmFubmVyNGNvbC5jb21wb25lbnQuc2NzcycsXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIFB1cm9CYW5uZXI0Y29sQ29tcG9uZW50IHtcbiAgICBASW5wdXQoKSB0aXRsZT86IHN0cmluZztcbiAgICBASW5wdXQoKSBkZXNjcmlwdGlvbj86IHN0cmluZztcbiAgICBASW5wdXQoKSBidXR0b24/OiBQdXJvQnV0dG9uSTtcbiAgICBASW5wdXQoKSBpbWFnZXM/OiBQdXJvSW1hZ2VJW107XG5cbiAgICBASW5wdXQoKSBiaWd0aXRsZT86IHN0cmluZztcbiAgICBASW5wdXQoKSBiaWdiYW5uZXI/OiBQdXJvSW1hZ2VJO1xuXG4gICAgQElucHV0KCkgdGFncz86IFB1cm9UYWdzSTtcbiAgICBASW5wdXQoKSB0ZXh0Q29sb3JzPzogUHVyb1RleHRzQ29sb3JzSTtcbn1cbiIsIjxzZWN0aW9uXG4gICAgY2xhc3M9XCJpbnRyb2R1Y3Rpb24ganMtYWN0aXZlLXNsaWRlclwiXG4gICAgW3B1cm9TbGlkZXJdPVwiaW1hZ2VzXCJcbiAgICBkYXRhLXNsaWRlc19pbmZpbml0ZT1cInRydWVcIlxuICAgIGRhdGEtc2xpZGVyX25hbWU9XCJqcy1pbnRyb2R1Y3Rpb24tc2xpZGVyXCJcbiAgICBkYXRhLXNsaWRlcl9zaG93YnRucz1cInRydWVcIlxuICAgIGRhdGEtc2xpZGVyX3Nob3dkb3RzPVwiZmFsc2VcIlxuICAgIGRhdGEtc2xpZGVyX2ZhZGU9XCJmYWxzZVwiXG4gICAgZGF0YS1zbGlkZXJfYXV0b3BsYXk9XCJ0cnVlXCJcbiAgICBkYXRhLXNsaWRlc19wYz1cIjRcIlxuICAgIGRhdGEtc2xpZGVzX2xhcHRvcD1cIjRcIlxuICAgIGRhdGEtc2xpZGVzX3RhYmxldD1cIjNcIlxuICAgIGRhdGEtc2xpZGVzX21vYmlsZT1cIjJcIlxuICAgIGRhdGEtc2xpZGVzX21vYmlsZV9zbWFsbD1cIjJcIlxuICAgIGRhdGEtc2xpZGVzX21vYmlsZV94c21hbGw9XCIyXCJcbj5cbiAgICA8ZGl2IGNsYXNzPVwibGFyZ2VJbWFnZSBsYXJnZUltYWdlX19ibG9ja1NwYWNpbmctLXNtYWxsXCI+XG4gICAgICAgIEBpZiAoYmlndGl0bGUpIHtcbiAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwibGFyZ2VJbWFnZV9fdGl0bGUgbGFyZ2VJbWFnZV9fdGl0bGUtLWxhcmdlXCI+e3tcbiAgICAgICAgICAgICAgICBiaWd0aXRsZVxuICAgICAgICAgICAgfX08L3NwYW4+XG4gICAgICAgIH1cbiAgICAgICAgQGlmIChiaWdiYW5uZXIpIHtcbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJsYXJnZUltYWdlX19pbm5lclwiPlxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJsYXJnZUltYWdlX19ib3hcIj5cbiAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImxhcmdlSW1hZ2VfX2dyYXBoaWNcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxpbWdcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBbc3JjXT1cImJpZ2Jhbm5lci5zcmNcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHdpZHRoPVwiMTY3MFwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgaGVpZ2h0PVwiNzA0XCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBjbGFzcz1cImxhcmdlSW1hZ2VfX2dyYXBoaWMtLWltZ1wiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgW2FsdF09XCJiaWdiYW5uZXIuYWx0XCJcbiAgICAgICAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgIH1cbiAgICA8L2Rpdj5cbiAgICBAaWYgKHRpdGxlKSB7XG4gICAgICAgIDxsaWItcHVyby1keW5hbWljLWhlYWRpbmdcbiAgICAgICAgICAgIFt0YWddPVwidGFncz8udGl0bGUgfHwgJ2gyJ1wiXG4gICAgICAgICAgICBjc3NDbGFzcz1cImludHJvZHVjdGlvbl9faGVhZGluZ1wiXG4gICAgICAgICAgICBbY29sb3JdPVwidGV4dENvbG9ycz8udGl0bGVcIlxuICAgICAgICAgICAgW2NvbnRlbnRdPVwidGl0bGVcIlxuICAgICAgICA+PC9saWItcHVyby1keW5hbWljLWhlYWRpbmc+XG4gICAgfVxuICAgIEBpZiAoZGVzY3JpcHRpb24pIHtcbiAgICAgICAgPGRpdiBjbGFzcz1cImludHJvZHVjdGlvbl9fcGFyYWdyYXBoXCI+XG4gICAgICAgICAgICA8cD57eyBkZXNjcmlwdGlvbiB9fTwvcD5cbiAgICAgICAgPC9kaXY+XG4gICAgfVxuICAgIEBpZiAoaW1hZ2VzPy5sZW5ndGgpIHtcbiAgICAgICAgPGRpdiBjbGFzcz1cImludHJvZHVjdGlvbl9faW5uZXIgcmVsYXRpdmVcIj5cbiAgICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgICAgICBjbGFzcz1cImpzLWludHJvZHVjdGlvbi1zbGlkZXIgaW50cm9kdWN0aW9uX19zbGlkZXIganMtc2xpZGVyX2ZpeC1hcnJvd3NcIlxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIEBmb3IgKGltZyBvZiBpbWFnZXM7IHRyYWNrICRpbmRleCkge1xuICAgICAgICAgICAgICAgICAgICA8ZGl2PlxuICAgICAgICAgICAgICAgICAgICAgICAgPGRpdlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNsYXNzPVwiaW50cm9kdWN0aW9uX19ib3gganMtc2xpZGVyX2ZpeC1hcnJvd3Mtem9uZVwiXG4gICAgICAgICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImludHJvZHVjdGlvbl9fZ3JhcGhpY1wiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8aW1nXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbc3JjXT1cImltZy5zcmNcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgd2lkdGg9XCIzMDBcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgaGVpZ2h0PVwiNTc4XCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNsYXNzPVwiaW50cm9kdWN0aW9uX19ncmFwaGljLS1pbWdcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW2FsdF09XCJpbWcuYWx0XCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJqcy1zbGlkZXItYXJyb3dzXCI+PC9kaXY+XG4gICAgICAgIDwvZGl2PlxuICAgIH1cbiAgICBAaWYgKGJ1dHRvbikge1xuICAgICAgICA8ZGl2IGNsYXNzPVwiYnRuX19ncm91cFwiPlxuICAgICAgICAgICAgPGFcbiAgICAgICAgICAgICAgICBbaHJlZl09XCJidXR0b24udXJsXCJcbiAgICAgICAgICAgICAgICBjbGFzcz1cImJ0biBidG5fX3ByaW1hcnktLW91dGxpbmVcIlxuICAgICAgICAgICAgICAgIFtsaW5rVHlwZV09XCJidXR0b24ubGlua1R5cGVcIlxuICAgICAgICAgICAgICAgIFthdHRyLmFyaWEtbGFiZWxdPVwiYnV0dG9uLmxhYmVsXCJcbiAgICAgICAgICAgICAgICA+PHNwYW4+e3sgYnV0dG9uLmxhYmVsIH19PC9zcGFuPjwvYVxuICAgICAgICAgICAgPlxuICAgICAgICA8L2Rpdj5cbiAgICB9XG48L3NlY3Rpb24+XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVyby1iYW5uZXI0Y29sLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3B1cm8vc3JjL2xpYi9jb21wb25lbnRzL3B1cm8tYmFubmVyNGNvbC9wdXJvLWJhbm5lcjRjb2wuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcHVyby9zcmMvbGliL2NvbXBvbmVudHMvcHVyby1iYW5uZXI0Y29sL3B1cm8tYmFubmVyNGNvbC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQU8xRSxPQUFPLEVBQUUscUJBQXFCLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUM5RSxPQUFPLEVBQUUsMkJBQTJCLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQztBQUNoRixPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQzs7QUFlbkQsTUFBTSxPQUFPLHVCQUF1QjsrR0FBdkIsdUJBQXVCO21HQUF2Qix1QkFBdUIsaVFDeEJwQyxrbEdBeUZBLDBERDFFUSxtQkFBbUIsaUZBQ25CLHFCQUFxQiw0SUFDckIsMkJBQTJCLGlJQUMzQixnQkFBZ0I7OzRGQU1YLHVCQUF1QjtrQkFibkMsU0FBUzsrQkFDSSxxQkFBcUIsY0FDbkIsSUFBSSxXQUNQO3dCQUNMLG1CQUFtQjt3QkFDbkIscUJBQXFCO3dCQUNyQiwyQkFBMkI7d0JBQzNCLGdCQUFnQjtxQkFDbkIsbUJBR2dCLHVCQUF1QixDQUFDLE1BQU07OEJBR3RDLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLE1BQU07c0JBQWQsS0FBSztnQkFDRyxNQUFNO3NCQUFkLEtBQUs7Z0JBRUcsUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUVHLElBQUk7c0JBQVosS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7XG4gICAgUHVyb0J1dHRvbkksXG4gICAgUHVyb0ltYWdlSSxcbiAgICBQdXJvVGFnc0ksXG4gICAgUHVyb1RleHRzQ29sb3JzSSxcbn0gZnJvbSAnLi4vLi4vaW50ZXJmYWNlcyc7XG5pbXBvcnQgeyBQdXJvTGlua1R5cGVEaXJlY3RpdmUsIFB1cm9TbGlkZXJEaXJlY3RpdmUgfSBmcm9tICcuLi8uLi9kaXJlY3RpdmVzJztcbmltcG9ydCB7IFB1cm9EeW5hbWljSGVhZGluZ0NvbXBvbmVudCB9IGZyb20gJy4uLy4uL3NoYXJlZC9wdXJvLWR5bmFtaWMtaGVhZGluZyc7XG5pbXBvcnQgeyBOZ09wdGltaXplZEltYWdlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdsaWItcHVyby1iYW5uZXI0Y29sJyxcbiAgICBzdGFuZGFsb25lOiB0cnVlLFxuICAgIGltcG9ydHM6IFtcbiAgICAgICAgUHVyb1NsaWRlckRpcmVjdGl2ZSxcbiAgICAgICAgUHVyb0xpbmtUeXBlRGlyZWN0aXZlLFxuICAgICAgICBQdXJvRHluYW1pY0hlYWRpbmdDb21wb25lbnQsXG4gICAgICAgIE5nT3B0aW1pemVkSW1hZ2VcbiAgICBdLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9wdXJvLWJhbm5lcjRjb2wuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsOiAnLi9wdXJvLWJhbm5lcjRjb2wuY29tcG9uZW50LnNjc3MnLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBQdXJvQmFubmVyNGNvbENvbXBvbmVudCB7XG4gICAgQElucHV0KCkgdGl0bGU/OiBzdHJpbmc7XG4gICAgQElucHV0KCkgZGVzY3JpcHRpb24/OiBzdHJpbmc7XG4gICAgQElucHV0KCkgYnV0dG9uPzogUHVyb0J1dHRvbkk7XG4gICAgQElucHV0KCkgaW1hZ2VzPzogUHVyb0ltYWdlSVtdO1xuXG4gICAgQElucHV0KCkgYmlndGl0bGU/OiBzdHJpbmc7XG4gICAgQElucHV0KCkgYmlnYmFubmVyPzogUHVyb0ltYWdlSTtcblxuICAgIEBJbnB1dCgpIHRhZ3M/OiBQdXJvVGFnc0k7XG4gICAgQElucHV0KCkgdGV4dENvbG9ycz86IFB1cm9UZXh0c0NvbG9yc0k7XG59XG4iLCI8c2VjdGlvblxuICAgIGNsYXNzPVwiaW50cm9kdWN0aW9uIGpzLWFjdGl2ZS1zbGlkZXJcIlxuICAgIFtwdXJvU2xpZGVyXT1cImltYWdlc1wiXG4gICAgZGF0YS1zbGlkZXNfaW5maW5pdGU9XCJ0cnVlXCJcbiAgICBkYXRhLXNsaWRlcl9uYW1lPVwianMtaW50cm9kdWN0aW9uLXNsaWRlclwiXG4gICAgZGF0YS1zbGlkZXJfc2hvd2J0bnM9XCJ0cnVlXCJcbiAgICBkYXRhLXNsaWRlcl9zaG93ZG90cz1cImZhbHNlXCJcbiAgICBkYXRhLXNsaWRlcl9mYWRlPVwiZmFsc2VcIlxuICAgIGRhdGEtc2xpZGVyX2F1dG9wbGF5PVwidHJ1ZVwiXG4gICAgZGF0YS1zbGlkZXNfcGM9XCI0XCJcbiAgICBkYXRhLXNsaWRlc19sYXB0b3A9XCI0XCJcbiAgICBkYXRhLXNsaWRlc190YWJsZXQ9XCIzXCJcbiAgICBkYXRhLXNsaWRlc19tb2JpbGU9XCIyXCJcbiAgICBkYXRhLXNsaWRlc19tb2JpbGVfc21hbGw9XCIyXCJcbiAgICBkYXRhLXNsaWRlc19tb2JpbGVfeHNtYWxsPVwiMlwiXG4+XG4gICAgPGRpdiBjbGFzcz1cImxhcmdlSW1hZ2UgbGFyZ2VJbWFnZV9fYmxvY2tTcGFjaW5nLS1zbWFsbFwiPlxuICAgICAgICBAaWYgKGJpZ3RpdGxlKSB7XG4gICAgICAgICAgICA8c3BhbiBjbGFzcz1cImxhcmdlSW1hZ2VfX3RpdGxlIGxhcmdlSW1hZ2VfX3RpdGxlLS1sYXJnZVwiPnt7XG4gICAgICAgICAgICAgICAgYmlndGl0bGVcbiAgICAgICAgICAgIH19PC9zcGFuPlxuICAgICAgICB9XG4gICAgICAgIEBpZiAoYmlnYmFubmVyKSB7XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwibGFyZ2VJbWFnZV9faW5uZXJcIj5cbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwibGFyZ2VJbWFnZV9fYm94XCI+XG4gICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJsYXJnZUltYWdlX19ncmFwaGljXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICA8aW1nXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgW25nU3JjXT1cImJpZ2Jhbm5lci5zcmNcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHdpZHRoPVwiMTY3MFwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgaGVpZ2h0PVwiNzA0XCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBjbGFzcz1cImxhcmdlSW1hZ2VfX2dyYXBoaWMtLWltZ1wiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgW2FsdF09XCJiaWdiYW5uZXIuYWx0XCJcbiAgICAgICAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgIH1cbiAgICA8L2Rpdj5cbiAgICBAaWYgKHRpdGxlKSB7XG4gICAgICAgIDxsaWItcHVyby1keW5hbWljLWhlYWRpbmdcbiAgICAgICAgICAgIFt0YWddPVwidGFncz8udGl0bGUgfHwgJ2gyJ1wiXG4gICAgICAgICAgICBjc3NDbGFzcz1cImludHJvZHVjdGlvbl9faGVhZGluZ1wiXG4gICAgICAgICAgICBbY29sb3JdPVwidGV4dENvbG9ycz8udGl0bGVcIlxuICAgICAgICAgICAgW2NvbnRlbnRdPVwidGl0bGVcIlxuICAgICAgICA+PC9saWItcHVyby1keW5hbWljLWhlYWRpbmc+XG4gICAgfVxuICAgIEBpZiAoZGVzY3JpcHRpb24pIHtcbiAgICAgICAgPGRpdiBjbGFzcz1cImludHJvZHVjdGlvbl9fcGFyYWdyYXBoXCI+XG4gICAgICAgICAgICA8cD57eyBkZXNjcmlwdGlvbiB9fTwvcD5cbiAgICAgICAgPC9kaXY+XG4gICAgfVxuICAgIEBpZiAoaW1hZ2VzPy5sZW5ndGgpIHtcbiAgICAgICAgPGRpdiBjbGFzcz1cImludHJvZHVjdGlvbl9faW5uZXIgcmVsYXRpdmVcIj5cbiAgICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgICAgICBjbGFzcz1cImpzLWludHJvZHVjdGlvbi1zbGlkZXIgaW50cm9kdWN0aW9uX19zbGlkZXIganMtc2xpZGVyX2ZpeC1hcnJvd3NcIlxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIEBmb3IgKGltZyBvZiBpbWFnZXM7IHRyYWNrICRpbmRleCkge1xuICAgICAgICAgICAgICAgICAgICA8ZGl2PlxuICAgICAgICAgICAgICAgICAgICAgICAgPGRpdlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNsYXNzPVwiaW50cm9kdWN0aW9uX19ib3gganMtc2xpZGVyX2ZpeC1hcnJvd3Mtem9uZVwiXG4gICAgICAgICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImludHJvZHVjdGlvbl9fZ3JhcGhpY1wiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8aW1nXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbbmdTcmNdPVwiaW1nLnNyY1wiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB3aWR0aD1cIjMwMFwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBoZWlnaHQ9XCI1NzhcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgY2xhc3M9XCJpbnRyb2R1Y3Rpb25fX2dyYXBoaWMtLWltZ1wiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbYWx0XT1cImltZy5hbHRcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImpzLXNsaWRlci1hcnJvd3NcIj48L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgfVxuICAgIEBpZiAoYnV0dG9uKSB7XG4gICAgICAgIDxkaXYgY2xhc3M9XCJidG5fX2dyb3VwXCI+XG4gICAgICAgICAgICA8YVxuICAgICAgICAgICAgICAgIFtocmVmXT1cImJ1dHRvbi51cmxcIlxuICAgICAgICAgICAgICAgIGNsYXNzPVwiYnRuIGJ0bl9fcHJpbWFyeS0tb3V0bGluZVwiXG4gICAgICAgICAgICAgICAgW2xpbmtUeXBlXT1cImJ1dHRvbi5saW5rVHlwZVwiXG4gICAgICAgICAgICAgICAgW2F0dHIuYXJpYS1sYWJlbF09XCJidXR0b24ubGFiZWxcIlxuICAgICAgICAgICAgICAgID48c3Bhbj57eyBidXR0b24ubGFiZWwgfX08L3NwYW4+PC9hXG4gICAgICAgICAgICA+XG4gICAgICAgIDwvZGl2PlxuICAgIH1cbjwvc2VjdGlvbj5cbiJdfQ==