npm - ctt-puro - Versions diffs - 0.45.11 → 0.46.0 - Mend

ctt-puro 0.45.11 → 0.46.0

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

Files changed (65) hide show

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

@@ -1,17 +1,22 @@
+import { CommonModule, NgOptimizedImage, } from '@angular/common';
 import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
-import { PuroSliderDirective } from '../../directives';
-import { CommonModule, NgOptimizedImage } from '@angular/common';
+import { AutoImageZoomWrapperDirective, PuroSliderDirective } from '../../directives';
 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 generalMargin\"\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                                    width=\"1920\"\n                                    height=\"704\"\n                                    decoding=\"async\"\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 }); }
+    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 generalMargin\"\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                                    width=\"1920\"\n                                    height=\"704\"\n                                    decoding=\"async\"\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"] }, { kind: "directive", type: AutoImageZoomWrapperDirective, selector: "img[ngSrc], img[src]" }], 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, NgOptimizedImage], changeDetection: ChangeDetectionStrategy.OnPush, template: "<section\n    class=\"bannerSlider text js-active-slider generalMargin\"\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                                    width=\"1920\"\n                                    height=\"704\"\n                                    decoding=\"async\"\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,
+                        AutoImageZoomWrapperDirective,
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<section\n    class=\"bannerSlider text js-active-slider generalMargin\"\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                                    width=\"1920\"\n                                    height=\"704\"\n                                    decoding=\"async\"\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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVyby1iYW5uZXItc2xpZGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3B1cm8vc3JjL2xpYi9jb21wb25lbnRzL3B1cm8tYmFubmVyLXNsaWRlci9wdXJvLWJhbm5lci1zbGlkZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcHVyby9zcmMvbGliL2NvbXBvbmVudHMvcHVyby1iYW5uZXItc2xpZGVyL3B1cm8tYmFubmVyLXNsaWRlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUUxRSxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUN2RCxPQUFPLEVBQUUsWUFBWSxFQUFFLGdCQUFnQixFQUFFLE1BQU0saUJBQWlCLENBQUM7O0FBVWpFLE1BQU0sT0FBTyx5QkFBeUI7K0dBQXpCLHlCQUF5QjttR0FBekIseUJBQXlCLDhHQ2J0Qyx3a0dBcUVBLHlERDdEYyxZQUFZLCtCQUFFLG1CQUFtQixpRkFBRSxnQkFBZ0I7OzRGQUtwRCx5QkFBeUI7a0JBUnJDLFNBQVM7K0JBQ0ksd0JBQXdCLGNBQ3RCLElBQUksV0FDUCxDQUFDLFlBQVksRUFBRSxtQkFBbUIsRUFBRSxnQkFBZ0IsQ0FBQyxtQkFHN0MsdUJBQXVCLENBQUMsTUFBTTs4QkFHdEMsS0FBSztzQkFBYixLQUFLOztBQUdWLE1BQU0sT0FBTyxvQkFBb0I7Q0FLaEMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgUHVyb0ltYWdlSSwgUHVyb0J1dHRvbkkgfSBmcm9tICcuLi8uLi9pbnRlcmZhY2VzJztcbmltcG9ydCB7IFB1cm9TbGlkZXJEaXJlY3RpdmUgfSBmcm9tICcuLi8uLi9kaXJlY3RpdmVzJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSwgTmdPcHRpbWl6ZWRJbWFnZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnbGliLXB1cm8tYmFubmVyLXNsaWRlcicsXG4gICAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBQdXJvU2xpZGVyRGlyZWN0aXZlLCBOZ09wdGltaXplZEltYWdlXSxcbiAgICB0ZW1wbGF0ZVVybDogJy4vcHVyby1iYW5uZXItc2xpZGVyLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybDogJy4vcHVyby1iYW5uZXItc2xpZGVyLmNvbXBvbmVudC5zY3NzJyxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgUHVyb0Jhbm5lclNsaWRlckNvbXBvbmVudCB7XG4gICAgQElucHV0KCkgaXRlbXM/OiBQdXJvQmFubmVyU2xpZGVySXRlbVtdO1xufVxuXG5leHBvcnQgY2xhc3MgUHVyb0Jhbm5lclNsaWRlckl0ZW0ge1xuICAgIGltZz86IFB1cm9JbWFnZUk7XG4gICAgdGl0bGU/OiBzdHJpbmc7XG4gICAgZGVzY3JpcHRpb24/OiBzdHJpbmc7XG4gICAgYnV0dG9uPzogUHVyb0J1dHRvbkk7XG59XG4iLCI8c2VjdGlvblxuICAgIGNsYXNzPVwiYmFubmVyU2xpZGVyIHRleHQganMtYWN0aXZlLXNsaWRlciBnZW5lcmFsTWFyZ2luXCJcbiAgICBbcHVyb1NsaWRlcl09XCJpdGVtc1wiXG4gICAgZGF0YS1zbGlkZXNfaW5maW5pdGU9XCJ0cnVlXCJcbiAgICBkYXRhLXNsaWRlcl9uYW1lPVwianMtYmFubmVyLXNsaWRlclwiXG4gICAgZGF0YS1zbGlkZXJfc2hvd2J0bnM9XCJ0cnVlXCJcbiAgICBkYXRhLXNsaWRlcl9zaG93ZG90cz1cImZhbHNlXCJcbiAgICBkYXRhLXNsaWRlcl9mYWRlPVwidHJ1ZVwiXG4gICAgZGF0YS1zbGlkZXJfYXV0b3BsYXk9XCJ0cnVlXCJcbiAgICBkYXRhLXNsaWRlc19wYz1cIjFcIlxuPlxuICAgIDxkaXYgY2xhc3M9XCJyZWxhdGl2ZVwiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwianMtYmFubmVyLXNsaWRlclwiPlxuICAgICAgICAgICAgQGZvciAoaXRlbSBvZiBpdGVtczsgdHJhY2sgJGluZGV4KSB7XG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImJhbm5lclNsaWRlcl9faXRlbVwiPlxuICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiYmFubmVyU2xpZGVyX19pbWFnZS0tb3V0ZXJcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJiYW5uZXJTbGlkZXJfX2ltYWdlXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgQGlmIChpdGVtLmltZykge1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8aW1nXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbbmdTcmNdPVwiaXRlbS5pbWcuc3JjXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFthbHRdPVwiaXRlbS5pbWcuYWx0XCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNsYXNzPVwiYmFubmVyU2xpZGVyX19pbWdcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgd2lkdGg9XCIxOTIwXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGhlaWdodD1cIjcwNFwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBkZWNvZGluZz1cImFzeW5jXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgICAgICAgICAgICAgIGNsYXNzPVwiYmFubmVyU2xpZGVyX19jb250ZW50IGJhbm5lclNsaWRlcl9fY29udGVudC0tYWxpZ25DZW50ZXIgdGV4dF9fd2hpdGhCZ1wiXG4gICAgICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJ0ZXh0X19jb250YWluZXJcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBAaWYgKGl0ZW0udGl0bGUpIHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGgyIGNsYXNzPVwidGV4dF9faGVhZGluZ1wiPnt7IGl0ZW0udGl0bGUgfX08L2gyPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBAaWYgKGl0ZW0uZGVzY3JpcHRpb24pIHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHAgY2xhc3M9XCJ0ZXh0X19wYXJhZ3JhcGhcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHt7IGl0ZW0uZGVzY3JpcHRpb24gfX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9wPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBAaWYgKGl0ZW0uYnV0dG9uKSB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJidG5fX2dyb3VwXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8YVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNsYXNzPVwiYnRuIGJ0bl9fc2Vjb25kYXJ5LS1vdXRsaW5lXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbaHJlZl09XCJpdGVtLmJ1dHRvbi51cmxcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFthdHRyLmFyaWEtbGFiZWxdPVwiaXRlbS5idXR0b24ubGFiZWxcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxzcGFuPnt7IGl0ZW0uYnV0dG9uLmxhYmVsIH19PC9zcGFuPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9hPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImJ0bl9fZ3JvdXBcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxhXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgY2xhc3M9XCJidG4gYnRuX19wcmltYXJ5LS1vdXRsaW5lXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbaHJlZl09XCJpdGVtLmJ1dHRvbi51cmxcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFthdHRyLmFyaWEtbGFiZWxdPVwiaXRlbS5idXR0b24ubGFiZWxcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxzcGFuPnt7IGl0ZW0uYnV0dG9uLmxhYmVsIH19PC9zcGFuPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9hPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICB9XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8ZGl2IGNsYXNzPVwianMtc2xpZGVyLWFycm93c1wiPjwvZGl2PlxuICAgIDwvZGl2PlxuPC9zZWN0aW9uPlxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVyby1iYW5uZXItc2xpZGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3B1cm8vc3JjL2xpYi9jb21wb25lbnRzL3B1cm8tYmFubmVyLXNsaWRlci9wdXJvLWJhbm5lci1zbGlkZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcHVyby9zcmMvbGliL2NvbXBvbmVudHMvcHVyby1iYW5uZXItc2xpZGVyL3B1cm8tYmFubmVyLXNsaWRlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0gsWUFBWSxFQUNaLGdCQUFnQixHQUNuQixNQUFNLGlCQUFpQixDQUFDO0FBQ3pCLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzFFLE9BQU8sRUFBRSw2QkFBNkIsRUFBRSxtQkFBbUIsRUFBRSxNQUFNLGtCQUFrQixDQUFDOztBQWdCdEYsTUFBTSxPQUFPLHlCQUF5QjsrR0FBekIseUJBQXlCO21HQUF6Qix5QkFBeUIsOEdDckJ0Qyx3a0dBcUVBLHlERHpEUSxZQUFZLCtCQUNaLG1CQUFtQixpRkFDbkIsZ0JBQWdCLGdQQUNoQiw2QkFBNkI7OzRGQU14Qix5QkFBeUI7a0JBYnJDLFNBQVM7K0JBQ0ksd0JBQXdCLGNBQ3RCLElBQUksV0FDUDt3QkFDTCxZQUFZO3dCQUNaLG1CQUFtQjt3QkFDbkIsZ0JBQWdCO3dCQUNoQiw2QkFBNkI7cUJBQ2hDLG1CQUdnQix1QkFBdUIsQ0FBQyxNQUFNOzhCQUd0QyxLQUFLO3NCQUFiLEtBQUs7O0FBR1YsTUFBTSxPQUFPLG9CQUFvQjtDQUtoQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gICAgQ29tbW9uTW9kdWxlLFxuICAgIE5nT3B0aW1pemVkSW1hZ2UsXG59IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQXV0b0ltYWdlWm9vbVdyYXBwZXJEaXJlY3RpdmUsIFB1cm9TbGlkZXJEaXJlY3RpdmUgfSBmcm9tICcuLi8uLi9kaXJlY3RpdmVzJztcbmltcG9ydCB7IFB1cm9CdXR0b25JLCBQdXJvSW1hZ2VJIH0gZnJvbSAnLi4vLi4vaW50ZXJmYWNlcyc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnbGliLXB1cm8tYmFubmVyLXNsaWRlcicsXG4gICAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgICBpbXBvcnRzOiBbXG4gICAgICAgIENvbW1vbk1vZHVsZSxcbiAgICAgICAgUHVyb1NsaWRlckRpcmVjdGl2ZSxcbiAgICAgICAgTmdPcHRpbWl6ZWRJbWFnZSxcbiAgICAgICAgQXV0b0ltYWdlWm9vbVdyYXBwZXJEaXJlY3RpdmUsXG4gICAgXSxcbiAgICB0ZW1wbGF0ZVVybDogJy4vcHVyby1iYW5uZXItc2xpZGVyLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybDogJy4vcHVyby1iYW5uZXItc2xpZGVyLmNvbXBvbmVudC5zY3NzJyxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgUHVyb0Jhbm5lclNsaWRlckNvbXBvbmVudCB7XG4gICAgQElucHV0KCkgaXRlbXM/OiBQdXJvQmFubmVyU2xpZGVySXRlbVtdO1xufVxuXG5leHBvcnQgY2xhc3MgUHVyb0Jhbm5lclNsaWRlckl0ZW0ge1xuICAgIGltZz86IFB1cm9JbWFnZUk7XG4gICAgdGl0bGU/OiBzdHJpbmc7XG4gICAgZGVzY3JpcHRpb24/OiBzdHJpbmc7XG4gICAgYnV0dG9uPzogUHVyb0J1dHRvbkk7XG59XG4iLCI8c2VjdGlvblxuICAgIGNsYXNzPVwiYmFubmVyU2xpZGVyIHRleHQganMtYWN0aXZlLXNsaWRlciBnZW5lcmFsTWFyZ2luXCJcbiAgICBbcHVyb1NsaWRlcl09XCJpdGVtc1wiXG4gICAgZGF0YS1zbGlkZXNfaW5maW5pdGU9XCJ0cnVlXCJcbiAgICBkYXRhLXNsaWRlcl9uYW1lPVwianMtYmFubmVyLXNsaWRlclwiXG4gICAgZGF0YS1zbGlkZXJfc2hvd2J0bnM9XCJ0cnVlXCJcbiAgICBkYXRhLXNsaWRlcl9zaG93ZG90cz1cImZhbHNlXCJcbiAgICBkYXRhLXNsaWRlcl9mYWRlPVwidHJ1ZVwiXG4gICAgZGF0YS1zbGlkZXJfYXV0b3BsYXk9XCJ0cnVlXCJcbiAgICBkYXRhLXNsaWRlc19wYz1cIjFcIlxuPlxuICAgIDxkaXYgY2xhc3M9XCJyZWxhdGl2ZVwiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwianMtYmFubmVyLXNsaWRlclwiPlxuICAgICAgICAgICAgQGZvciAoaXRlbSBvZiBpdGVtczsgdHJhY2sgJGluZGV4KSB7XG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImJhbm5lclNsaWRlcl9faXRlbVwiPlxuICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiYmFubmVyU2xpZGVyX19pbWFnZS0tb3V0ZXJcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJiYW5uZXJTbGlkZXJfX2ltYWdlXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgQGlmIChpdGVtLmltZykge1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8aW1nXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbbmdTcmNdPVwiaXRlbS5pbWcuc3JjXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFthbHRdPVwiaXRlbS5pbWcuYWx0XCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNsYXNzPVwiYmFubmVyU2xpZGVyX19pbWdcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgd2lkdGg9XCIxOTIwXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGhlaWdodD1cIjcwNFwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBkZWNvZGluZz1cImFzeW5jXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgICAgICAgICAgICAgIGNsYXNzPVwiYmFubmVyU2xpZGVyX19jb250ZW50IGJhbm5lclNsaWRlcl9fY29udGVudC0tYWxpZ25DZW50ZXIgdGV4dF9fd2hpdGhCZ1wiXG4gICAgICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJ0ZXh0X19jb250YWluZXJcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBAaWYgKGl0ZW0udGl0bGUpIHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGgyIGNsYXNzPVwidGV4dF9faGVhZGluZ1wiPnt7IGl0ZW0udGl0bGUgfX08L2gyPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBAaWYgKGl0ZW0uZGVzY3JpcHRpb24pIHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHAgY2xhc3M9XCJ0ZXh0X19wYXJhZ3JhcGhcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHt7IGl0ZW0uZGVzY3JpcHRpb24gfX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9wPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBAaWYgKGl0ZW0uYnV0dG9uKSB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJidG5fX2dyb3VwXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8YVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNsYXNzPVwiYnRuIGJ0bl9fc2Vjb25kYXJ5LS1vdXRsaW5lXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbaHJlZl09XCJpdGVtLmJ1dHRvbi51cmxcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFthdHRyLmFyaWEtbGFiZWxdPVwiaXRlbS5idXR0b24ubGFiZWxcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxzcGFuPnt7IGl0ZW0uYnV0dG9uLmxhYmVsIH19PC9zcGFuPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9hPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImJ0bl9fZ3JvdXBcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxhXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgY2xhc3M9XCJidG4gYnRuX19wcmltYXJ5LS1vdXRsaW5lXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbaHJlZl09XCJpdGVtLmJ1dHRvbi51cmxcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFthdHRyLmFyaWEtbGFiZWxdPVwiaXRlbS5idXR0b24ubGFiZWxcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxzcGFuPnt7IGl0ZW0uYnV0dG9uLmxhYmVsIH19PC9zcGFuPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9hPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICB9XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8ZGl2IGNsYXNzPVwianMtc2xpZGVyLWFycm93c1wiPjwvZGl2PlxuICAgIDwvZGl2PlxuPC9zZWN0aW9uPlxuIl19

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

@@ -1,11 +1,11 @@
+import { NgOptimizedImage, } from '@angular/common';
 import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
-import { PuroLinkTypeDirective, PuroSliderDirective } from '../../directives';
+import { AutoImageZoomWrapperDirective, 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: "@if (bigbanner && images?.length){\n    <section\n        class=\"introduction js-active-slider generalMargin\"\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                                decoding=\"async\"\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                                        decoding=\"async\"\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}\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 }); }
+    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: "@if (bigbanner && images?.length){\n    <section\n        class=\"introduction js-active-slider generalMargin\"\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                                decoding=\"async\"\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                                        decoding=\"async\"\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}\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"] }, { kind: "directive", type: AutoImageZoomWrapperDirective, selector: "img[ngSrc], img[src]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroBanner4colComponent, decorators: [{
             type: Component,
@@ -13,7 +13,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                         PuroSliderDirective,
                         PuroLinkTypeDirective,
                         PuroDynamicHeadingComponent,
-                        NgOptimizedImage
+                        NgOptimizedImage,
+                        AutoImageZoomWrapperDirective,
                     ], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (bigbanner && images?.length){\n    <section\n        class=\"introduction js-active-slider generalMargin\"\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                                decoding=\"async\"\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                                        decoding=\"async\"\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}\n" }]
         }], propDecorators: { title: [{
                 type: Input
@@ -32,4 +33,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
             }], textColors: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVyby1iYW5uZXI0Y29sLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3B1cm8vc3JjL2xpYi9jb21wb25lbnRzL3B1cm8tYmFubmVyNGNvbC9wdXJvLWJhbm5lcjRjb2wuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcHVyby9zcmMvbGliL2NvbXBvbmVudHMvcHVyby1iYW5uZXI0Y29sL3B1cm8tYmFubmVyNGNvbC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQU8xRSxPQUFPLEVBQUUscUJBQXFCLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUM5RSxPQUFPLEVBQUUsMkJBQTJCLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQztBQUNoRixPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQzs7QUFlbkQsTUFBTSxPQUFPLHVCQUF1QjsrR0FBdkIsdUJBQXVCO21HQUF2Qix1QkFBdUIsaVFDeEJwQywybEhBNkZBLDBERDlFUSxtQkFBbUIsaUZBQ25CLHFCQUFxQiw0SUFDckIsMkJBQTJCLGlJQUMzQixnQkFBZ0I7OzRGQU1YLHVCQUF1QjtrQkFibkMsU0FBUzsrQkFDSSxxQkFBcUIsY0FDbkIsSUFBSSxXQUNQO3dCQUNMLG1CQUFtQjt3QkFDbkIscUJBQXFCO3dCQUNyQiwyQkFBMkI7d0JBQzNCLGdCQUFnQjtxQkFDbkIsbUJBR2dCLHVCQUF1QixDQUFDLE1BQU07OEJBR3RDLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLE1BQU07c0JBQWQsS0FBSztnQkFDRyxNQUFNO3NCQUFkLEtBQUs7Z0JBRUcsUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUVHLElBQUk7c0JBQVosS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7XG4gICAgUHVyb0J1dHRvbkksXG4gICAgUHVyb0ltYWdlSSxcbiAgICBQdXJvVGFnc0ksXG4gICAgUHVyb1RleHRzQ29sb3JzSSxcbn0gZnJvbSAnLi4vLi4vaW50ZXJmYWNlcyc7XG5pbXBvcnQgeyBQdXJvTGlua1R5cGVEaXJlY3RpdmUsIFB1cm9TbGlkZXJEaXJlY3RpdmUgfSBmcm9tICcuLi8uLi9kaXJlY3RpdmVzJztcbmltcG9ydCB7IFB1cm9EeW5hbWljSGVhZGluZ0NvbXBvbmVudCB9IGZyb20gJy4uLy4uL3NoYXJlZC9wdXJvLWR5bmFtaWMtaGVhZGluZyc7XG5pbXBvcnQgeyBOZ09wdGltaXplZEltYWdlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdsaWItcHVyby1iYW5uZXI0Y29sJyxcbiAgICBzdGFuZGFsb25lOiB0cnVlLFxuICAgIGltcG9ydHM6IFtcbiAgICAgICAgUHVyb1NsaWRlckRpcmVjdGl2ZSxcbiAgICAgICAgUHVyb0xpbmtUeXBlRGlyZWN0aXZlLFxuICAgICAgICBQdXJvRHluYW1pY0hlYWRpbmdDb21wb25lbnQsXG4gICAgICAgIE5nT3B0aW1pemVkSW1hZ2VcbiAgICBdLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9wdXJvLWJhbm5lcjRjb2wuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsOiAnLi9wdXJvLWJhbm5lcjRjb2wuY29tcG9uZW50LnNjc3MnLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBQdXJvQmFubmVyNGNvbENvbXBvbmVudCB7XG4gICAgQElucHV0KCkgdGl0bGU/OiBzdHJpbmc7XG4gICAgQElucHV0KCkgZGVzY3JpcHRpb24/OiBzdHJpbmc7XG4gICAgQElucHV0KCkgYnV0dG9uPzogUHVyb0J1dHRvbkk7XG4gICAgQElucHV0KCkgaW1hZ2VzPzogUHVyb0ltYWdlSVtdO1xuXG4gICAgQElucHV0KCkgYmlndGl0bGU/OiBzdHJpbmc7XG4gICAgQElucHV0KCkgYmlnYmFubmVyPzogUHVyb0ltYWdlSTtcblxuICAgIEBJbnB1dCgpIHRhZ3M/OiBQdXJvVGFnc0k7XG4gICAgQElucHV0KCkgdGV4dENvbG9ycz86IFB1cm9UZXh0c0NvbG9yc0k7XG59XG4iLCJAaWYgKGJpZ2Jhbm5lciAmJiBpbWFnZXM/Lmxlbmd0aCl7XG4gICAgPHNlY3Rpb25cbiAgICAgICAgY2xhc3M9XCJpbnRyb2R1Y3Rpb24ganMtYWN0aXZlLXNsaWRlciBnZW5lcmFsTWFyZ2luXCJcbiAgICAgICAgW3B1cm9TbGlkZXJdPVwiaW1hZ2VzXCJcbiAgICAgICAgZGF0YS1zbGlkZXNfaW5maW5pdGU9XCJ0cnVlXCJcbiAgICAgICAgZGF0YS1zbGlkZXJfbmFtZT1cImpzLWludHJvZHVjdGlvbi1zbGlkZXJcIlxuICAgICAgICBkYXRhLXNsaWRlcl9zaG93YnRucz1cInRydWVcIlxuICAgICAgICBkYXRhLXNsaWRlcl9zaG93ZG90cz1cImZhbHNlXCJcbiAgICAgICAgZGF0YS1zbGlkZXJfZmFkZT1cImZhbHNlXCJcbiAgICAgICAgZGF0YS1zbGlkZXJfYXV0b3BsYXk9XCJ0cnVlXCJcbiAgICAgICAgZGF0YS1zbGlkZXNfcGM9XCI0XCJcbiAgICAgICAgZGF0YS1zbGlkZXNfbGFwdG9wPVwiNFwiXG4gICAgICAgIGRhdGEtc2xpZGVzX3RhYmxldD1cIjNcIlxuICAgICAgICBkYXRhLXNsaWRlc19tb2JpbGU9XCIyXCJcbiAgICAgICAgZGF0YS1zbGlkZXNfbW9iaWxlX3NtYWxsPVwiMlwiXG4gICAgICAgIGRhdGEtc2xpZGVzX21vYmlsZV94c21hbGw9XCIyXCJcbiAgICA+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJsYXJnZUltYWdlIGxhcmdlSW1hZ2VfX2Jsb2NrU3BhY2luZy0tc21hbGxcIj5cbiAgICAgICAgICAgIEBpZiAoYmlndGl0bGUpIHtcbiAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cImxhcmdlSW1hZ2VfX3RpdGxlIGxhcmdlSW1hZ2VfX3RpdGxlLS1sYXJnZVwiPnt7XG4gICAgICAgICAgICAgICAgICAgIGJpZ3RpdGxlXG4gICAgICAgICAgICAgICAgfX08L3NwYW4+XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICBAaWYgKGJpZ2Jhbm5lcikge1xuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJsYXJnZUltYWdlX19pbm5lclwiPlxuICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwibGFyZ2VJbWFnZV9fYm94XCI+XG4gICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwibGFyZ2VJbWFnZV9fZ3JhcGhpY1wiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxpbWdcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW25nU3JjXT1cImJpZ2Jhbm5lci5zcmNcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB3aWR0aD1cIjE2NzBcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBoZWlnaHQ9XCI3MDRcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBjbGFzcz1cImxhcmdlSW1hZ2VfX2dyYXBoaWMtLWltZ1wiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFthbHRdPVwiYmlnYmFubmVyLmFsdFwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGRlY29kaW5nPVwiYXN5bmNcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICB9XG4gICAgICAgIDwvZGl2PlxuICAgICAgICBAaWYgKHRpdGxlKSB7XG4gICAgICAgICAgICA8bGliLXB1cm8tZHluYW1pYy1oZWFkaW5nXG4gICAgICAgICAgICAgICAgW3RhZ109XCJ0YWdzPy50aXRsZSB8fCAnaDInXCJcbiAgICAgICAgICAgICAgICBjc3NDbGFzcz1cImludHJvZHVjdGlvbl9faGVhZGluZ1wiXG4gICAgICAgICAgICAgICAgW2NvbG9yXT1cInRleHRDb2xvcnM/LnRpdGxlXCJcbiAgICAgICAgICAgICAgICBbY29udGVudF09XCJ0aXRsZVwiXG4gICAgICAgICAgICA+PC9saWItcHVyby1keW5hbWljLWhlYWRpbmc+XG4gICAgICAgIH1cbiAgICAgICAgQGlmIChkZXNjcmlwdGlvbikge1xuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImludHJvZHVjdGlvbl9fcGFyYWdyYXBoXCI+XG4gICAgICAgICAgICAgICAgPHA+e3sgZGVzY3JpcHRpb24gfX08L3A+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgfVxuICAgICAgICBAaWYgKGltYWdlcz8ubGVuZ3RoKSB7XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiaW50cm9kdWN0aW9uX19pbm5lciByZWxhdGl2ZVwiPlxuICAgICAgICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgICAgICAgICAgY2xhc3M9XCJqcy1pbnRyb2R1Y3Rpb24tc2xpZGVyIGludHJvZHVjdGlvbl9fc2xpZGVyIGpzLXNsaWRlcl9maXgtYXJyb3dzXCJcbiAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgIEBmb3IgKGltZyBvZiBpbWFnZXM7IHRyYWNrICRpbmRleCkge1xuICAgICAgICAgICAgICAgICAgICAgICAgPGRpdj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNsYXNzPVwiaW50cm9kdWN0aW9uX19ib3gganMtc2xpZGVyX2ZpeC1hcnJvd3Mtem9uZVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiaW50cm9kdWN0aW9uX19ncmFwaGljXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8aW1nXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW25nU3JjXT1cImltZy5zcmNcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHdpZHRoPVwiMzAwXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBoZWlnaHQ9XCI1NzhcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNsYXNzPVwiaW50cm9kdWN0aW9uX19ncmFwaGljLS1pbWdcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFthbHRdPVwiaW1nLmFsdFwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgZGVjb2Rpbmc9XCJhc3luY1wiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImpzLXNsaWRlci1hcnJvd3NcIj48L2Rpdj5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICB9XG4gICAgICAgIEBpZiAoYnV0dG9uKSB7XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiYnRuX19ncm91cFwiPlxuICAgICAgICAgICAgICAgIDxhXG4gICAgICAgICAgICAgICAgICAgIFtocmVmXT1cImJ1dHRvbi51cmxcIlxuICAgICAgICAgICAgICAgICAgICBjbGFzcz1cImJ0biBidG5fX3ByaW1hcnktLW91dGxpbmVcIlxuICAgICAgICAgICAgICAgICAgICBbbGlua1R5cGVdPVwiYnV0dG9uLmxpbmtUeXBlXCJcbiAgICAgICAgICAgICAgICAgICAgW2F0dHIuYXJpYS1sYWJlbF09XCJidXR0b24ubGFiZWxcIlxuICAgICAgICAgICAgICAgICAgICA+PHNwYW4+e3sgYnV0dG9uLmxhYmVsIH19PC9zcGFuPjwvYVxuICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICB9XG4gICAgPC9zZWN0aW9uPlxufVxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVyby1iYW5uZXI0Y29sLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3B1cm8vc3JjL2xpYi9jb21wb25lbnRzL3B1cm8tYmFubmVyNGNvbC9wdXJvLWJhbm5lcjRjb2wuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcHVyby9zcmMvbGliL2NvbXBvbmVudHMvcHVyby1iYW5uZXI0Y29sL3B1cm8tYmFubmVyNGNvbC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0gsZ0JBQWdCLEdBQ25CLE1BQU0saUJBQWlCLENBQUM7QUFDekIsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDMUUsT0FBTyxFQUFFLDZCQUE2QixFQUFFLHFCQUFxQixFQUFFLG1CQUFtQixFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFPN0csT0FBTyxFQUFFLDJCQUEyQixFQUFFLE1BQU0sbUNBQW1DLENBQUM7O0FBZ0JoRixNQUFNLE9BQU8sdUJBQXVCOytHQUF2Qix1QkFBdUI7bUdBQXZCLHVCQUF1QixpUUMzQnBDLDJsSEE2RkEsMERENUVRLG1CQUFtQixpRkFDbkIscUJBQXFCLDRJQUNyQiwyQkFBMkIsaUlBQzNCLGdCQUFnQixnUEFDaEIsNkJBQTZCOzs0RkFNeEIsdUJBQXVCO2tCQWRuQyxTQUFTOytCQUNJLHFCQUFxQixjQUNuQixJQUFJLFdBQ1A7d0JBQ0wsbUJBQW1CO3dCQUNuQixxQkFBcUI7d0JBQ3JCLDJCQUEyQjt3QkFDM0IsZ0JBQWdCO3dCQUNoQiw2QkFBNkI7cUJBQ2hDLG1CQUdnQix1QkFBdUIsQ0FBQyxNQUFNOzhCQUd0QyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyxNQUFNO3NCQUFkLEtBQUs7Z0JBQ0csTUFBTTtzQkFBZCxLQUFLO2dCQUVHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSztnQkFFRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gICAgTmdPcHRpbWl6ZWRJbWFnZSxcbn0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBBdXRvSW1hZ2Vab29tV3JhcHBlckRpcmVjdGl2ZSwgUHVyb0xpbmtUeXBlRGlyZWN0aXZlLCBQdXJvU2xpZGVyRGlyZWN0aXZlIH0gZnJvbSAnLi4vLi4vZGlyZWN0aXZlcyc7XG5pbXBvcnQge1xuICAgIFB1cm9CdXR0b25JLFxuICAgIFB1cm9JbWFnZUksXG4gICAgUHVyb1RhZ3NJLFxuICAgIFB1cm9UZXh0c0NvbG9yc0ksXG59IGZyb20gJy4uLy4uL2ludGVyZmFjZXMnO1xuaW1wb3J0IHsgUHVyb0R5bmFtaWNIZWFkaW5nQ29tcG9uZW50IH0gZnJvbSAnLi4vLi4vc2hhcmVkL3B1cm8tZHluYW1pYy1oZWFkaW5nJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdsaWItcHVyby1iYW5uZXI0Y29sJyxcbiAgICBzdGFuZGFsb25lOiB0cnVlLFxuICAgIGltcG9ydHM6IFtcbiAgICAgICAgUHVyb1NsaWRlckRpcmVjdGl2ZSxcbiAgICAgICAgUHVyb0xpbmtUeXBlRGlyZWN0aXZlLFxuICAgICAgICBQdXJvRHluYW1pY0hlYWRpbmdDb21wb25lbnQsXG4gICAgICAgIE5nT3B0aW1pemVkSW1hZ2UsXG4gICAgICAgIEF1dG9JbWFnZVpvb21XcmFwcGVyRGlyZWN0aXZlLFxuICAgIF0sXG4gICAgdGVtcGxhdGVVcmw6ICcuL3B1cm8tYmFubmVyNGNvbC5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmw6ICcuL3B1cm8tYmFubmVyNGNvbC5jb21wb25lbnQuc2NzcycsXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIFB1cm9CYW5uZXI0Y29sQ29tcG9uZW50IHtcbiAgICBASW5wdXQoKSB0aXRsZT86IHN0cmluZztcbiAgICBASW5wdXQoKSBkZXNjcmlwdGlvbj86IHN0cmluZztcbiAgICBASW5wdXQoKSBidXR0b24/OiBQdXJvQnV0dG9uSTtcbiAgICBASW5wdXQoKSBpbWFnZXM/OiBQdXJvSW1hZ2VJW107XG5cbiAgICBASW5wdXQoKSBiaWd0aXRsZT86IHN0cmluZztcbiAgICBASW5wdXQoKSBiaWdiYW5uZXI/OiBQdXJvSW1hZ2VJO1xuXG4gICAgQElucHV0KCkgdGFncz86IFB1cm9UYWdzSTtcbiAgICBASW5wdXQoKSB0ZXh0Q29sb3JzPzogUHVyb1RleHRzQ29sb3JzSTtcbn1cbiIsIkBpZiAoYmlnYmFubmVyICYmIGltYWdlcz8ubGVuZ3RoKXtcbiAgICA8c2VjdGlvblxuICAgICAgICBjbGFzcz1cImludHJvZHVjdGlvbiBqcy1hY3RpdmUtc2xpZGVyIGdlbmVyYWxNYXJnaW5cIlxuICAgICAgICBbcHVyb1NsaWRlcl09XCJpbWFnZXNcIlxuICAgICAgICBkYXRhLXNsaWRlc19pbmZpbml0ZT1cInRydWVcIlxuICAgICAgICBkYXRhLXNsaWRlcl9uYW1lPVwianMtaW50cm9kdWN0aW9uLXNsaWRlclwiXG4gICAgICAgIGRhdGEtc2xpZGVyX3Nob3didG5zPVwidHJ1ZVwiXG4gICAgICAgIGRhdGEtc2xpZGVyX3Nob3dkb3RzPVwiZmFsc2VcIlxuICAgICAgICBkYXRhLXNsaWRlcl9mYWRlPVwiZmFsc2VcIlxuICAgICAgICBkYXRhLXNsaWRlcl9hdXRvcGxheT1cInRydWVcIlxuICAgICAgICBkYXRhLXNsaWRlc19wYz1cIjRcIlxuICAgICAgICBkYXRhLXNsaWRlc19sYXB0b3A9XCI0XCJcbiAgICAgICAgZGF0YS1zbGlkZXNfdGFibGV0PVwiM1wiXG4gICAgICAgIGRhdGEtc2xpZGVzX21vYmlsZT1cIjJcIlxuICAgICAgICBkYXRhLXNsaWRlc19tb2JpbGVfc21hbGw9XCIyXCJcbiAgICAgICAgZGF0YS1zbGlkZXNfbW9iaWxlX3hzbWFsbD1cIjJcIlxuICAgID5cbiAgICAgICAgPGRpdiBjbGFzcz1cImxhcmdlSW1hZ2UgbGFyZ2VJbWFnZV9fYmxvY2tTcGFjaW5nLS1zbWFsbFwiPlxuICAgICAgICAgICAgQGlmIChiaWd0aXRsZSkge1xuICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwibGFyZ2VJbWFnZV9fdGl0bGUgbGFyZ2VJbWFnZV9fdGl0bGUtLWxhcmdlXCI+e3tcbiAgICAgICAgICAgICAgICAgICAgYmlndGl0bGVcbiAgICAgICAgICAgICAgICB9fTwvc3Bhbj5cbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIEBpZiAoYmlnYmFubmVyKSB7XG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImxhcmdlSW1hZ2VfX2lubmVyXCI+XG4gICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJsYXJnZUltYWdlX19ib3hcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJsYXJnZUltYWdlX19ncmFwaGljXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPGltZ1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbbmdTcmNdPVwiYmlnYmFubmVyLnNyY1wiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHdpZHRoPVwiMTY3MFwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGhlaWdodD1cIjcwNFwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNsYXNzPVwibGFyZ2VJbWFnZV9fZ3JhcGhpYy0taW1nXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW2FsdF09XCJiaWdiYW5uZXIuYWx0XCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgZGVjb2Rpbmc9XCJhc3luY1wiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIH1cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIEBpZiAodGl0bGUpIHtcbiAgICAgICAgICAgIDxsaWItcHVyby1keW5hbWljLWhlYWRpbmdcbiAgICAgICAgICAgICAgICBbdGFnXT1cInRhZ3M/LnRpdGxlIHx8ICdoMidcIlxuICAgICAgICAgICAgICAgIGNzc0NsYXNzPVwiaW50cm9kdWN0aW9uX19oZWFkaW5nXCJcbiAgICAgICAgICAgICAgICBbY29sb3JdPVwidGV4dENvbG9ycz8udGl0bGVcIlxuICAgICAgICAgICAgICAgIFtjb250ZW50XT1cInRpdGxlXCJcbiAgICAgICAgICAgID48L2xpYi1wdXJvLWR5bmFtaWMtaGVhZGluZz5cbiAgICAgICAgfVxuICAgICAgICBAaWYgKGRlc2NyaXB0aW9uKSB7XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiaW50cm9kdWN0aW9uX19wYXJhZ3JhcGhcIj5cbiAgICAgICAgICAgICAgICA8cD57eyBkZXNjcmlwdGlvbiB9fTwvcD5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICB9XG4gICAgICAgIEBpZiAoaW1hZ2VzPy5sZW5ndGgpIHtcbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJpbnRyb2R1Y3Rpb25fX2lubmVyIHJlbGF0aXZlXCI+XG4gICAgICAgICAgICAgICAgPGRpdlxuICAgICAgICAgICAgICAgICAgICBjbGFzcz1cImpzLWludHJvZHVjdGlvbi1zbGlkZXIgaW50cm9kdWN0aW9uX19zbGlkZXIganMtc2xpZGVyX2ZpeC1hcnJvd3NcIlxuICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAgQGZvciAoaW1nIG9mIGltYWdlczsgdHJhY2sgJGluZGV4KSB7XG4gICAgICAgICAgICAgICAgICAgICAgICA8ZGl2PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgY2xhc3M9XCJpbnRyb2R1Y3Rpb25fX2JveCBqcy1zbGlkZXJfZml4LWFycm93cy16b25lXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJpbnRyb2R1Y3Rpb25fX2dyYXBoaWNcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxpbWdcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbbmdTcmNdPVwiaW1nLnNyY1wiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgd2lkdGg9XCIzMDBcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGhlaWdodD1cIjU3OFwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgY2xhc3M9XCJpbnRyb2R1Y3Rpb25fX2dyYXBoaWMtLWltZ1wiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW2FsdF09XCJpbWcuYWx0XCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBkZWNvZGluZz1cImFzeW5jXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwianMtc2xpZGVyLWFycm93c1wiPjwvZGl2PlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgIH1cbiAgICAgICAgQGlmIChidXR0b24pIHtcbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJidG5fX2dyb3VwXCI+XG4gICAgICAgICAgICAgICAgPGFcbiAgICAgICAgICAgICAgICAgICAgW2hyZWZdPVwiYnV0dG9uLnVybFwiXG4gICAgICAgICAgICAgICAgICAgIGNsYXNzPVwiYnRuIGJ0bl9fcHJpbWFyeS0tb3V0bGluZVwiXG4gICAgICAgICAgICAgICAgICAgIFtsaW5rVHlwZV09XCJidXR0b24ubGlua1R5cGVcIlxuICAgICAgICAgICAgICAgICAgICBbYXR0ci5hcmlhLWxhYmVsXT1cImJ1dHRvbi5sYWJlbFwiXG4gICAgICAgICAgICAgICAgICAgID48c3Bhbj57eyBidXR0b24ubGFiZWwgfX08L3NwYW4+PC9hXG4gICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgIH1cbiAgICA8L3NlY3Rpb24+XG59XG4iXX0=