ctt-puro 0.47.8 → 0.47.9

package/esm2022/lib/components/puro-info-list/puro-info-list.component.mjs

@@ -4,7 +4,7 @@ import { PuroDynamicHeadingComponent } from '../../shared/puro-dynamic-heading';
 import * as i0 from "@angular/core";
 export class PuroInfoListComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroInfoListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: PuroInfoListComponent, isStandalone: true, selector: "lib-puro-info-list", inputs: { img: "img", backgroundImg: "backgroundImg", smallImg: "smallImg", title: "title", description: "description", items: "items", tags: "tags", textColors: "textColors" }, ngImport: i0, template: "<section class=\"webmap generalMargin\">\n    <div class=\"webmap__inner info-list\">\n        <div class=\"info-list__wrapper\">\n            @if (backgroundImg) {\n                <img\n                    class=\"info-list__image--bg\"\n                    [ngSrc]=\"backgroundImg.src\"\n                    [alt]=\"backgroundImg.alt\"\n                    width=\"685\"\n                    height=\"685\"\n                    decoding=\"async\"\n                />\n            }\n            @if (img) {\n                <img\n                    class=\"info-list__image\"\n                    [ngSrc]=\"img.src\"\n                    [alt]=\"img.alt\"\n                    width=\"575\"\n                    height=\"690\"\n                    decoding=\"async\"\n                />\n            }\n        </div>\n\n        <div class=\"info-list__content--wrapper\">\n            <div class=\"info-list__content\">\n                @if (title) {\n                    <lib-puro-dynamic-heading\n                        [tag]=\"tags?.title || 'h2'\"\n                        cssClass=\"info-list__heading\"\n                        [color]=\"textColors?.title\"\n                        [content]=\"title\"\n                    ></lib-puro-dynamic-heading>\n                }\n                @if (description) {\n                    <p class=\"info-list__paragraph\">\n                        {{ description }}\n                    </p>\n                }\n                <ul class=\"info-list__list\">\n                    @for (item of items || []; track $index) {\n                        <li class=\"info-list__item\">\n                            @if (smallImg) {\n                                <img\n                                    [ngSrc]=\"smallImg.src\"\n                                    [alt]=\"smallImg.alt\"\n                                    class=\"info-list__item__img\"\n                                    width=\"60\"\n                                    height=\"60\"\n                                    decoding=\"async\"\n                                />\n                            }\n                            <span class=\"info-list__paragraph\">\n                                {{ item }}\n                            </span>\n                        </li>\n                    }\n                </ul>\n            </div>\n        </div>\n    </div>\n</section>\n", styles: [".info-list{display:flex;justify-content:space-between;flex-direction:column;transition:all .5s}@media (min-width: 1280px){.info-list{flex-direction:row}}.info-list>*{flex:1 1 50%}@media (min-width: 1280px){.info-list__content{padding-block:10rem 0rem;text-align:start}}@media (max-width: 1280px){.info-list__content{text-align:center;margin-top:2rem}}.info-list__paragraph{margin-inline:0rem!important;display:inline-block!important;color:#616160!important;transition:all .5s}.info-list li.info-list__item span.info-list__paragraph{margin-bottom:0rem!important}.info-list__wrapper{position:relative;display:flex;justify-content:flex-start}@media (max-width: 1020px){.info-list__wrapper{justify-content:center}}.info-list__image{aspect-ratio:677/813;-o-object-fit:cover;object-fit:cover;width:100%;border-top-left-radius:500px;border-top-right-radius:500px}.info-list__image--bg{position:absolute;z-index:-1}@media (max-width: 1024px){.info-list__image--bg{display:none}}@media (min-width: 1024px){.info-list__image--bg{top:-200px;right:-200px}}@media (min-width: 1280px){.info-list__image--bg{top:-175px;right:-190px}}.info-list__list{width:100%;padding-top:10px;margin:0 auto;display:flex;text-align:center;flex-direction:column;align-items:center}@media (max-width: 1280px){.info-list__list{padding-top:0rem;padding-left:0}}@media (min-width: 1280px){.info-list__list{padding-bottom:6rem;padding-top:4rem;padding-left:3rem;align-items:start}}.info-list__item{display:flex;align-items:center;position:relative;padding-bottom:15px;text-transform:uppercase}@media (min-width: 1024px){.info-list__item{justify-content:flex-start}}.info-list__item__img{position:absolute;left:-30px}@media (max-width: 1024px){.info-list__item__img{position:relative;left:30px}}:host ::ng-deep .info-list__title{width:100%;transition:all .5s}@media (max-width: 1024px){:host ::ng-deep .info-list__title{font-size:2.4rem;line-height:1.6666666667;letter-spacing:.048rem;margin-bottom:2rem}}@media (min-width: 1024px){:host ::ng-deep .info-list__title{font-size:5rem;line-height:1.392;letter-spacing:.1rem;margin-bottom:3rem}}:host ::ng-deep .info-list__image--bg{animation:fan-rotate 14s ease-in-out infinite;transform-origin:center bottom;display:block}@keyframes fan-rotate{0%,to{transform:rotate(0) translateY(0)}25%{transform:rotate(6deg) translateY(-4px)}50%{transform:rotate(-6deg) translateY(4px)}75%{transform:rotate(3deg) translateY(-2px)}}.info-list__wrapper{width:100%!important;height:auto!important;aspect-ratio:auto!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: NgOptimizedImage, selector: "img[ngSrc]", inputs: ["ngSrc", "ngSrcset", "sizes", "width", "height", "loading", "priority", "loaderParams", "disableOptimizedSrcset", "fill", "placeholder", "placeholderConfig", "src", "srcset"] }, { 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: PuroInfoListComponent, isStandalone: true, selector: "lib-puro-info-list", inputs: { img: "img", backgroundImg: "backgroundImg", smallImg: "smallImg", title: "title", description: "description", items: "items", tags: "tags", textColors: "textColors" }, ngImport: i0, template: "<section class=\"webmap generalMargin\">\n    <div class=\"webmap__inner info-list\">\n        <div class=\"info-list__wrapper\">\n            @if (backgroundImg) {\n                <img\n                    class=\"info-list__image--bg\"\n                    [ngSrc]=\"backgroundImg.src\"\n                    [alt]=\"backgroundImg.alt\"\n                    width=\"685\"\n                    height=\"685\"\n                    decoding=\"async\"\n                />\n            }\n            @if (img) {\n                <img\n                    class=\"info-list__image\"\n                    [ngSrc]=\"img.src\"\n                    [alt]=\"img.alt\"\n                    width=\"575\"\n                    height=\"690\"\n                    decoding=\"async\"\n                />\n            }\n        </div>\n\n        <div class=\"info-list__content--wrapper\">\n            <div class=\"info-list__content\">\n                @if (title) {\n                    <lib-puro-dynamic-heading\n                        [tag]=\"tags?.title || 'h2'\"\n                        cssClass=\"info-list__heading\"\n                        [color]=\"textColors?.title\"\n                        [content]=\"title\"\n                    ></lib-puro-dynamic-heading>\n                }\n                @if (description) {\n                    <p class=\"info-list__paragraph\">\n                        {{ description }}\n                    </p>\n                }\n                <ul class=\"info-list__list\">\n                    @for (item of items || []; track $index) {\n                        <li class=\"info-list__item\">\n                            @if (smallImg) {\n                                <img\n                                    [ngSrc]=\"smallImg.src\"\n                                    [alt]=\"smallImg.alt\"\n                                    class=\"info-list__item__img\"\n                                    width=\"60\"\n                                    height=\"60\"\n                                    decoding=\"async\"\n                                />\n                            }\n                            <span class=\"info-list__paragraph\">\n                                {{ item }}\n                            </span>\n                        </li>\n                    }\n                </ul>\n            </div>\n        </div>\n    </div>\n</section>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: NgOptimizedImage, selector: "img[ngSrc]", inputs: ["ngSrc", "ngSrcset", "sizes", "width", "height", "loading", "priority", "loaderParams", "disableOptimizedSrcset", "fill", "placeholder", "placeholderConfig", "src", "srcset"] }, { kind: "component", type: PuroDynamicHeadingComponent, selector: "lib-puro-dynamic-heading", inputs: ["tag", "wrapper", "cssClass", "content", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroInfoListComponent, decorators: [{
             type: Component,
@@ -12,7 +12,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                         CommonModule,
                         NgOptimizedImage,
                         PuroDynamicHeadingComponent,
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<section class=\"webmap generalMargin\">\n    <div class=\"webmap__inner info-list\">\n        <div class=\"info-list__wrapper\">\n            @if (backgroundImg) {\n                <img\n                    class=\"info-list__image--bg\"\n                    [ngSrc]=\"backgroundImg.src\"\n                    [alt]=\"backgroundImg.alt\"\n                    width=\"685\"\n                    height=\"685\"\n                    decoding=\"async\"\n                />\n            }\n            @if (img) {\n                <img\n                    class=\"info-list__image\"\n                    [ngSrc]=\"img.src\"\n                    [alt]=\"img.alt\"\n                    width=\"575\"\n                    height=\"690\"\n                    decoding=\"async\"\n                />\n            }\n        </div>\n\n        <div class=\"info-list__content--wrapper\">\n            <div class=\"info-list__content\">\n                @if (title) {\n                    <lib-puro-dynamic-heading\n                        [tag]=\"tags?.title || 'h2'\"\n                        cssClass=\"info-list__heading\"\n                        [color]=\"textColors?.title\"\n                        [content]=\"title\"\n                    ></lib-puro-dynamic-heading>\n                }\n                @if (description) {\n                    <p class=\"info-list__paragraph\">\n                        {{ description }}\n                    </p>\n                }\n                <ul class=\"info-list__list\">\n                    @for (item of items || []; track $index) {\n                        <li class=\"info-list__item\">\n                            @if (smallImg) {\n                                <img\n                                    [ngSrc]=\"smallImg.src\"\n                                    [alt]=\"smallImg.alt\"\n                                    class=\"info-list__item__img\"\n                                    width=\"60\"\n                                    height=\"60\"\n                                    decoding=\"async\"\n                                />\n                            }\n                            <span class=\"info-list__paragraph\">\n                                {{ item }}\n                            </span>\n                        </li>\n                    }\n                </ul>\n            </div>\n        </div>\n    </div>\n</section>\n", styles: [".info-list{display:flex;justify-content:space-between;flex-direction:column;transition:all .5s}@media (min-width: 1280px){.info-list{flex-direction:row}}.info-list>*{flex:1 1 50%}@media (min-width: 1280px){.info-list__content{padding-block:10rem 0rem;text-align:start}}@media (max-width: 1280px){.info-list__content{text-align:center;margin-top:2rem}}.info-list__paragraph{margin-inline:0rem!important;display:inline-block!important;color:#616160!important;transition:all .5s}.info-list li.info-list__item span.info-list__paragraph{margin-bottom:0rem!important}.info-list__wrapper{position:relative;display:flex;justify-content:flex-start}@media (max-width: 1020px){.info-list__wrapper{justify-content:center}}.info-list__image{aspect-ratio:677/813;-o-object-fit:cover;object-fit:cover;width:100%;border-top-left-radius:500px;border-top-right-radius:500px}.info-list__image--bg{position:absolute;z-index:-1}@media (max-width: 1024px){.info-list__image--bg{display:none}}@media (min-width: 1024px){.info-list__image--bg{top:-200px;right:-200px}}@media (min-width: 1280px){.info-list__image--bg{top:-175px;right:-190px}}.info-list__list{width:100%;padding-top:10px;margin:0 auto;display:flex;text-align:center;flex-direction:column;align-items:center}@media (max-width: 1280px){.info-list__list{padding-top:0rem;padding-left:0}}@media (min-width: 1280px){.info-list__list{padding-bottom:6rem;padding-top:4rem;padding-left:3rem;align-items:start}}.info-list__item{display:flex;align-items:center;position:relative;padding-bottom:15px;text-transform:uppercase}@media (min-width: 1024px){.info-list__item{justify-content:flex-start}}.info-list__item__img{position:absolute;left:-30px}@media (max-width: 1024px){.info-list__item__img{position:relative;left:30px}}:host ::ng-deep .info-list__title{width:100%;transition:all .5s}@media (max-width: 1024px){:host ::ng-deep .info-list__title{font-size:2.4rem;line-height:1.6666666667;letter-spacing:.048rem;margin-bottom:2rem}}@media (min-width: 1024px){:host ::ng-deep .info-list__title{font-size:5rem;line-height:1.392;letter-spacing:.1rem;margin-bottom:3rem}}:host ::ng-deep .info-list__image--bg{animation:fan-rotate 14s ease-in-out infinite;transform-origin:center bottom;display:block}@keyframes fan-rotate{0%,to{transform:rotate(0) translateY(0)}25%{transform:rotate(6deg) translateY(-4px)}50%{transform:rotate(-6deg) translateY(4px)}75%{transform:rotate(3deg) translateY(-2px)}}.info-list__wrapper{width:100%!important;height:auto!important;aspect-ratio:auto!important}\n"] }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<section class=\"webmap generalMargin\">\n    <div class=\"webmap__inner info-list\">\n        <div class=\"info-list__wrapper\">\n            @if (backgroundImg) {\n                <img\n                    class=\"info-list__image--bg\"\n                    [ngSrc]=\"backgroundImg.src\"\n                    [alt]=\"backgroundImg.alt\"\n                    width=\"685\"\n                    height=\"685\"\n                    decoding=\"async\"\n                />\n            }\n            @if (img) {\n                <img\n                    class=\"info-list__image\"\n                    [ngSrc]=\"img.src\"\n                    [alt]=\"img.alt\"\n                    width=\"575\"\n                    height=\"690\"\n                    decoding=\"async\"\n                />\n            }\n        </div>\n\n        <div class=\"info-list__content--wrapper\">\n            <div class=\"info-list__content\">\n                @if (title) {\n                    <lib-puro-dynamic-heading\n                        [tag]=\"tags?.title || 'h2'\"\n                        cssClass=\"info-list__heading\"\n                        [color]=\"textColors?.title\"\n                        [content]=\"title\"\n                    ></lib-puro-dynamic-heading>\n                }\n                @if (description) {\n                    <p class=\"info-list__paragraph\">\n                        {{ description }}\n                    </p>\n                }\n                <ul class=\"info-list__list\">\n                    @for (item of items || []; track $index) {\n                        <li class=\"info-list__item\">\n                            @if (smallImg) {\n                                <img\n                                    [ngSrc]=\"smallImg.src\"\n                                    [alt]=\"smallImg.alt\"\n                                    class=\"info-list__item__img\"\n                                    width=\"60\"\n                                    height=\"60\"\n                                    decoding=\"async\"\n                                />\n                            }\n                            <span class=\"info-list__paragraph\">\n                                {{ item }}\n                            </span>\n                        </li>\n                    }\n                </ul>\n            </div>\n        </div>\n    </div>\n</section>\n" }]
         }], propDecorators: { img: [{
                 type: Input
             }], backgroundImg: [{
@@ -30,4 +30,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
             }], textColors: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVyby1pbmZvLWxpc3QuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcHVyby9zcmMvbGliL2NvbXBvbmVudHMvcHVyby1pbmZvLWxpc3QvcHVyby1pbmZvLWxpc3QuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcHVyby9zcmMvbGliL2NvbXBvbmVudHMvcHVyby1pbmZvLWxpc3QvcHVyby1pbmZvLWxpc3QuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNILFlBQVksRUFDWixnQkFBZ0IsR0FDbkIsTUFBTSxpQkFBaUIsQ0FBQztBQUN6QixPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUUxRSxPQUFPLEVBQUUsMkJBQTJCLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQzs7QUFjaEYsTUFBTSxPQUFPLHFCQUFxQjsrR0FBckIscUJBQXFCO21HQUFyQixxQkFBcUIsZ1FDcEJsQyxtM0VBK0RBLGdoRkRuRFEsWUFBWSwrQkFDWixnQkFBZ0IsZ1BBQ2hCLDJCQUEyQjs7NEZBTXRCLHFCQUFxQjtrQkFaakMsU0FBUzsrQkFDSSxvQkFBb0IsY0FDbEIsSUFBSSxXQUNQO3dCQUNMLFlBQVk7d0JBQ1osZ0JBQWdCO3dCQUNoQiwyQkFBMkI7cUJBQzlCLG1CQUdnQix1QkFBdUIsQ0FBQyxNQUFNOzhCQUd0QyxHQUFHO3NCQUFYLEtBQUs7Z0JBQ0csYUFBYTtzQkFBckIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gICAgQ29tbW9uTW9kdWxlLFxuICAgIE5nT3B0aW1pemVkSW1hZ2UsXG59IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgUHVyb0ltYWdlSSwgUHVyb1RhZ3NJLCBQdXJvVGV4dHNDb2xvcnNJIH0gZnJvbSAnLi4vLi4vaW50ZXJmYWNlcyc7XG5pbXBvcnQgeyBQdXJvRHluYW1pY0hlYWRpbmdDb21wb25lbnQgfSBmcm9tICcuLi8uLi9zaGFyZWQvcHVyby1keW5hbWljLWhlYWRpbmcnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2xpYi1wdXJvLWluZm8tbGlzdCcsXG4gICAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgICBpbXBvcnRzOiBbXG4gICAgICAgIENvbW1vbk1vZHVsZSxcbiAgICAgICAgTmdPcHRpbWl6ZWRJbWFnZSxcbiAgICAgICAgUHVyb0R5bmFtaWNIZWFkaW5nQ29tcG9uZW50LFxuICAgIF0sXG4gICAgdGVtcGxhdGVVcmw6ICcuL3B1cm8taW5mby1saXN0LmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybDogJy4vcHVyby1pbmZvLWxpc3QuY29tcG9uZW50LnNjc3MnLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBQdXJvSW5mb0xpc3RDb21wb25lbnQge1xuICAgIEBJbnB1dCgpIGltZz86IFB1cm9JbWFnZUk7XG4gICAgQElucHV0KCkgYmFja2dyb3VuZEltZz86IFB1cm9JbWFnZUk7XG4gICAgQElucHV0KCkgc21hbGxJbWc/OiBQdXJvSW1hZ2VJO1xuICAgIEBJbnB1dCgpIHRpdGxlPzogc3RyaW5nO1xuICAgIEBJbnB1dCgpIGRlc2NyaXB0aW9uPzogc3RyaW5nO1xuICAgIEBJbnB1dCgpIGl0ZW1zPzogc3RyaW5nW107XG4gICAgQElucHV0KCkgdGFncz86IFB1cm9UYWdzSTtcbiAgICBASW5wdXQoKSB0ZXh0Q29sb3JzPzogUHVyb1RleHRzQ29sb3JzSTtcbn1cbiIsIjxzZWN0aW9uIGNsYXNzPVwid2VibWFwIGdlbmVyYWxNYXJnaW5cIj5cbiAgICA8ZGl2IGNsYXNzPVwid2VibWFwX19pbm5lciBpbmZvLWxpc3RcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImluZm8tbGlzdF9fd3JhcHBlclwiPlxuICAgICAgICAgICAgQGlmIChiYWNrZ3JvdW5kSW1nKSB7XG4gICAgICAgICAgICAgICAgPGltZ1xuICAgICAgICAgICAgICAgICAgICBjbGFzcz1cImluZm8tbGlzdF9faW1hZ2UtLWJnXCJcbiAgICAgICAgICAgICAgICAgICAgW25nU3JjXT1cImJhY2tncm91bmRJbWcuc3JjXCJcbiAgICAgICAgICAgICAgICAgICAgW2FsdF09XCJiYWNrZ3JvdW5kSW1nLmFsdFwiXG4gICAgICAgICAgICAgICAgICAgIHdpZHRoPVwiNjg1XCJcbiAgICAgICAgICAgICAgICAgICAgaGVpZ2h0PVwiNjg1XCJcbiAgICAgICAgICAgICAgICAgICAgZGVjb2Rpbmc9XCJhc3luY1wiXG4gICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIEBpZiAoaW1nKSB7XG4gICAgICAgICAgICAgICAgPGltZ1xuICAgICAgICAgICAgICAgICAgICBjbGFzcz1cImluZm8tbGlzdF9faW1hZ2VcIlxuICAgICAgICAgICAgICAgICAgICBbbmdTcmNdPVwiaW1nLnNyY1wiXG4gICAgICAgICAgICAgICAgICAgIFthbHRdPVwiaW1nLmFsdFwiXG4gICAgICAgICAgICAgICAgICAgIHdpZHRoPVwiNTc1XCJcbiAgICAgICAgICAgICAgICAgICAgaGVpZ2h0PVwiNjkwXCJcbiAgICAgICAgICAgICAgICAgICAgZGVjb2Rpbmc9XCJhc3luY1wiXG4gICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIH1cbiAgICAgICAgPC9kaXY+XG5cbiAgICAgICAgPGRpdiBjbGFzcz1cImluZm8tbGlzdF9fY29udGVudC0td3JhcHBlclwiPlxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImluZm8tbGlzdF9fY29udGVudFwiPlxuICAgICAgICAgICAgICAgIEBpZiAodGl0bGUpIHtcbiAgICAgICAgICAgICAgICAgICAgPGxpYi1wdXJvLWR5bmFtaWMtaGVhZGluZ1xuICAgICAgICAgICAgICAgICAgICAgICAgW3RhZ109XCJ0YWdzPy50aXRsZSB8fCAnaDInXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIGNzc0NsYXNzPVwiaW5mby1saXN0X19oZWFkaW5nXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIFtjb2xvcl09XCJ0ZXh0Q29sb3JzPy50aXRsZVwiXG4gICAgICAgICAgICAgICAgICAgICAgICBbY29udGVudF09XCJ0aXRsZVwiXG4gICAgICAgICAgICAgICAgICAgID48L2xpYi1wdXJvLWR5bmFtaWMtaGVhZGluZz5cbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgQGlmIChkZXNjcmlwdGlvbikge1xuICAgICAgICAgICAgICAgICAgICA8cCBjbGFzcz1cImluZm8tbGlzdF9fcGFyYWdyYXBoXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICB7eyBkZXNjcmlwdGlvbiB9fVxuICAgICAgICAgICAgICAgICAgICA8L3A+XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgIDx1bCBjbGFzcz1cImluZm8tbGlzdF9fbGlzdFwiPlxuICAgICAgICAgICAgICAgICAgICBAZm9yIChpdGVtIG9mIGl0ZW1zIHx8IFtdOyB0cmFjayAkaW5kZXgpIHtcbiAgICAgICAgICAgICAgICAgICAgICAgIDxsaSBjbGFzcz1cImluZm8tbGlzdF9faXRlbVwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIEBpZiAoc21hbGxJbWcpIHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGltZ1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW25nU3JjXT1cInNtYWxsSW1nLnNyY1wiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbYWx0XT1cInNtYWxsSW1nLmFsdFwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBjbGFzcz1cImluZm8tbGlzdF9faXRlbV9faW1nXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHdpZHRoPVwiNjBcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgaGVpZ2h0PVwiNjBcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgZGVjb2Rpbmc9XCJhc3luY1wiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwiaW5mby1saXN0X19wYXJhZ3JhcGhcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAge3sgaXRlbSB9fVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvbGk+XG4gICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICA8L3VsPlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuPC9zZWN0aW9uPlxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVyby1pbmZvLWxpc3QuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcHVyby9zcmMvbGliL2NvbXBvbmVudHMvcHVyby1pbmZvLWxpc3QvcHVyby1pbmZvLWxpc3QuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcHVyby9zcmMvbGliL2NvbXBvbmVudHMvcHVyby1pbmZvLWxpc3QvcHVyby1pbmZvLWxpc3QuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNILFlBQVksRUFDWixnQkFBZ0IsR0FDbkIsTUFBTSxpQkFBaUIsQ0FBQztBQUN6QixPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUUxRSxPQUFPLEVBQUUsMkJBQTJCLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQzs7QUFjaEYsTUFBTSxPQUFPLHFCQUFxQjsrR0FBckIscUJBQXFCO21HQUFyQixxQkFBcUIsZ1FDcEJsQyxtM0VBK0RBLHlERG5EUSxZQUFZLCtCQUNaLGdCQUFnQixnUEFDaEIsMkJBQTJCOzs0RkFNdEIscUJBQXFCO2tCQVpqQyxTQUFTOytCQUNJLG9CQUFvQixjQUNsQixJQUFJLFdBQ1A7d0JBQ0wsWUFBWTt3QkFDWixnQkFBZ0I7d0JBQ2hCLDJCQUEyQjtxQkFDOUIsbUJBR2dCLHVCQUF1QixDQUFDLE1BQU07OEJBR3RDLEdBQUc7c0JBQVgsS0FBSztnQkFDRyxhQUFhO3NCQUFyQixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgTmdPcHRpbWl6ZWRJbWFnZSxcbn0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBQdXJvSW1hZ2VJLCBQdXJvVGFnc0ksIFB1cm9UZXh0c0NvbG9yc0kgfSBmcm9tICcuLi8uLi9pbnRlcmZhY2VzJztcbmltcG9ydCB7IFB1cm9EeW5hbWljSGVhZGluZ0NvbXBvbmVudCB9IGZyb20gJy4uLy4uL3NoYXJlZC9wdXJvLWR5bmFtaWMtaGVhZGluZyc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnbGliLXB1cm8taW5mby1saXN0JyxcbiAgICBzdGFuZGFsb25lOiB0cnVlLFxuICAgIGltcG9ydHM6IFtcbiAgICAgICAgQ29tbW9uTW9kdWxlLFxuICAgICAgICBOZ09wdGltaXplZEltYWdlLFxuICAgICAgICBQdXJvRHluYW1pY0hlYWRpbmdDb21wb25lbnQsXG4gICAgXSxcbiAgICB0ZW1wbGF0ZVVybDogJy4vcHVyby1pbmZvLWxpc3QuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsOiAnLi9wdXJvLWluZm8tbGlzdC5jb21wb25lbnQuc2NzcycsXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIFB1cm9JbmZvTGlzdENvbXBvbmVudCB7XG4gICAgQElucHV0KCkgaW1nPzogUHVyb0ltYWdlSTtcbiAgICBASW5wdXQoKSBiYWNrZ3JvdW5kSW1nPzogUHVyb0ltYWdlSTtcbiAgICBASW5wdXQoKSBzbWFsbEltZz86IFB1cm9JbWFnZUk7XG4gICAgQElucHV0KCkgdGl0bGU/OiBzdHJpbmc7XG4gICAgQElucHV0KCkgZGVzY3JpcHRpb24/OiBzdHJpbmc7XG4gICAgQElucHV0KCkgaXRlbXM/OiBzdHJpbmdbXTtcbiAgICBASW5wdXQoKSB0YWdzPzogUHVyb1RhZ3NJO1xuICAgIEBJbnB1dCgpIHRleHRDb2xvcnM/OiBQdXJvVGV4dHNDb2xvcnNJO1xufVxuIiwiPHNlY3Rpb24gY2xhc3M9XCJ3ZWJtYXAgZ2VuZXJhbE1hcmdpblwiPlxuICAgIDxkaXYgY2xhc3M9XCJ3ZWJtYXBfX2lubmVyIGluZm8tbGlzdFwiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwiaW5mby1saXN0X193cmFwcGVyXCI+XG4gICAgICAgICAgICBAaWYgKGJhY2tncm91bmRJbWcpIHtcbiAgICAgICAgICAgICAgICA8aW1nXG4gICAgICAgICAgICAgICAgICAgIGNsYXNzPVwiaW5mby1saXN0X19pbWFnZS0tYmdcIlxuICAgICAgICAgICAgICAgICAgICBbbmdTcmNdPVwiYmFja2dyb3VuZEltZy5zcmNcIlxuICAgICAgICAgICAgICAgICAgICBbYWx0XT1cImJhY2tncm91bmRJbWcuYWx0XCJcbiAgICAgICAgICAgICAgICAgICAgd2lkdGg9XCI2ODVcIlxuICAgICAgICAgICAgICAgICAgICBoZWlnaHQ9XCI2ODVcIlxuICAgICAgICAgICAgICAgICAgICBkZWNvZGluZz1cImFzeW5jXCJcbiAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgfVxuICAgICAgICAgICAgQGlmIChpbWcpIHtcbiAgICAgICAgICAgICAgICA8aW1nXG4gICAgICAgICAgICAgICAgICAgIGNsYXNzPVwiaW5mby1saXN0X19pbWFnZVwiXG4gICAgICAgICAgICAgICAgICAgIFtuZ1NyY109XCJpbWcuc3JjXCJcbiAgICAgICAgICAgICAgICAgICAgW2FsdF09XCJpbWcuYWx0XCJcbiAgICAgICAgICAgICAgICAgICAgd2lkdGg9XCI1NzVcIlxuICAgICAgICAgICAgICAgICAgICBoZWlnaHQ9XCI2OTBcIlxuICAgICAgICAgICAgICAgICAgICBkZWNvZGluZz1cImFzeW5jXCJcbiAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgfVxuICAgICAgICA8L2Rpdj5cblxuICAgICAgICA8ZGl2IGNsYXNzPVwiaW5mby1saXN0X19jb250ZW50LS13cmFwcGVyXCI+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiaW5mby1saXN0X19jb250ZW50XCI+XG4gICAgICAgICAgICAgICAgQGlmICh0aXRsZSkge1xuICAgICAgICAgICAgICAgICAgICA8bGliLXB1cm8tZHluYW1pYy1oZWFkaW5nXG4gICAgICAgICAgICAgICAgICAgICAgICBbdGFnXT1cInRhZ3M/LnRpdGxlIHx8ICdoMidcIlxuICAgICAgICAgICAgICAgICAgICAgICAgY3NzQ2xhc3M9XCJpbmZvLWxpc3RfX2hlYWRpbmdcIlxuICAgICAgICAgICAgICAgICAgICAgICAgW2NvbG9yXT1cInRleHRDb2xvcnM/LnRpdGxlXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIFtjb250ZW50XT1cInRpdGxlXCJcbiAgICAgICAgICAgICAgICAgICAgPjwvbGliLXB1cm8tZHluYW1pYy1oZWFkaW5nPlxuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICBAaWYgKGRlc2NyaXB0aW9uKSB7XG4gICAgICAgICAgICAgICAgICAgIDxwIGNsYXNzPVwiaW5mby1saXN0X19wYXJhZ3JhcGhcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgIHt7IGRlc2NyaXB0aW9uIH19XG4gICAgICAgICAgICAgICAgICAgIDwvcD5cbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgPHVsIGNsYXNzPVwiaW5mby1saXN0X19saXN0XCI+XG4gICAgICAgICAgICAgICAgICAgIEBmb3IgKGl0ZW0gb2YgaXRlbXMgfHwgW107IHRyYWNrICRpbmRleCkge1xuICAgICAgICAgICAgICAgICAgICAgICAgPGxpIGNsYXNzPVwiaW5mby1saXN0X19pdGVtXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgQGlmIChzbWFsbEltZykge1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8aW1nXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbbmdTcmNdPVwic21hbGxJbWcuc3JjXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFthbHRdPVwic21hbGxJbWcuYWx0XCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNsYXNzPVwiaW5mby1saXN0X19pdGVtX19pbWdcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgd2lkdGg9XCI2MFwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBoZWlnaHQ9XCI2MFwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBkZWNvZGluZz1cImFzeW5jXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJpbmZvLWxpc3RfX3BhcmFncmFwaFwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB7eyBpdGVtIH19XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9zcGFuPlxuICAgICAgICAgICAgICAgICAgICAgICAgPC9saT5cbiAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgIDwvdWw+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG48L3NlY3Rpb24+XG4iXX0=

package/fesm2022/ctt-puro.mjs

@@ -7469,7 +7469,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
 
 class PuroInfoListComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroInfoListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: PuroInfoListComponent, isStandalone: true, selector: "lib-puro-info-list", inputs: { img: "img", backgroundImg: "backgroundImg", smallImg: "smallImg", title: "title", description: "description", items: "items", tags: "tags", textColors: "textColors" }, ngImport: i0, template: "<section class=\"webmap generalMargin\">\n    <div class=\"webmap__inner info-list\">\n        <div class=\"info-list__wrapper\">\n            @if (backgroundImg) {\n                <img\n                    class=\"info-list__image--bg\"\n                    [ngSrc]=\"backgroundImg.src\"\n                    [alt]=\"backgroundImg.alt\"\n                    width=\"685\"\n                    height=\"685\"\n                    decoding=\"async\"\n                />\n            }\n            @if (img) {\n                <img\n                    class=\"info-list__image\"\n                    [ngSrc]=\"img.src\"\n                    [alt]=\"img.alt\"\n                    width=\"575\"\n                    height=\"690\"\n                    decoding=\"async\"\n                />\n            }\n        </div>\n\n        <div class=\"info-list__content--wrapper\">\n            <div class=\"info-list__content\">\n                @if (title) {\n                    <lib-puro-dynamic-heading\n                        [tag]=\"tags?.title || 'h2'\"\n                        cssClass=\"info-list__heading\"\n                        [color]=\"textColors?.title\"\n                        [content]=\"title\"\n                    ></lib-puro-dynamic-heading>\n                }\n                @if (description) {\n                    <p class=\"info-list__paragraph\">\n                        {{ description }}\n                    </p>\n                }\n                <ul class=\"info-list__list\">\n                    @for (item of items || []; track $index) {\n                        <li class=\"info-list__item\">\n                            @if (smallImg) {\n                                <img\n                                    [ngSrc]=\"smallImg.src\"\n                                    [alt]=\"smallImg.alt\"\n                                    class=\"info-list__item__img\"\n                                    width=\"60\"\n                                    height=\"60\"\n                                    decoding=\"async\"\n                                />\n                            }\n                            <span class=\"info-list__paragraph\">\n                                {{ item }}\n                            </span>\n                        </li>\n                    }\n                </ul>\n            </div>\n        </div>\n    </div>\n</section>\n", styles: [".info-list{display:flex;justify-content:space-between;flex-direction:column;transition:all .5s}@media (min-width: 1280px){.info-list{flex-direction:row}}.info-list>*{flex:1 1 50%}@media (min-width: 1280px){.info-list__content{padding-block:10rem 0rem;text-align:start}}@media (max-width: 1280px){.info-list__content{text-align:center;margin-top:2rem}}.info-list__paragraph{margin-inline:0rem!important;display:inline-block!important;color:#616160!important;transition:all .5s}.info-list li.info-list__item span.info-list__paragraph{margin-bottom:0rem!important}.info-list__wrapper{position:relative;display:flex;justify-content:flex-start}@media (max-width: 1020px){.info-list__wrapper{justify-content:center}}.info-list__image{aspect-ratio:677/813;-o-object-fit:cover;object-fit:cover;width:100%;border-top-left-radius:500px;border-top-right-radius:500px}.info-list__image--bg{position:absolute;z-index:-1}@media (max-width: 1024px){.info-list__image--bg{display:none}}@media (min-width: 1024px){.info-list__image--bg{top:-200px;right:-200px}}@media (min-width: 1280px){.info-list__image--bg{top:-175px;right:-190px}}.info-list__list{width:100%;padding-top:10px;margin:0 auto;display:flex;text-align:center;flex-direction:column;align-items:center}@media (max-width: 1280px){.info-list__list{padding-top:0rem;padding-left:0}}@media (min-width: 1280px){.info-list__list{padding-bottom:6rem;padding-top:4rem;padding-left:3rem;align-items:start}}.info-list__item{display:flex;align-items:center;position:relative;padding-bottom:15px;text-transform:uppercase}@media (min-width: 1024px){.info-list__item{justify-content:flex-start}}.info-list__item__img{position:absolute;left:-30px}@media (max-width: 1024px){.info-list__item__img{position:relative;left:30px}}:host ::ng-deep .info-list__title{width:100%;transition:all .5s}@media (max-width: 1024px){:host ::ng-deep .info-list__title{font-size:2.4rem;line-height:1.6666666667;letter-spacing:.048rem;margin-bottom:2rem}}@media (min-width: 1024px){:host ::ng-deep .info-list__title{font-size:5rem;line-height:1.392;letter-spacing:.1rem;margin-bottom:3rem}}:host ::ng-deep .info-list__image--bg{animation:fan-rotate 14s ease-in-out infinite;transform-origin:center bottom;display:block}@keyframes fan-rotate{0%,to{transform:rotate(0) translateY(0)}25%{transform:rotate(6deg) translateY(-4px)}50%{transform:rotate(-6deg) translateY(4px)}75%{transform:rotate(3deg) translateY(-2px)}}.info-list__wrapper{width:100%!important;height:auto!important;aspect-ratio:auto!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: NgOptimizedImage, selector: "img[ngSrc]", inputs: ["ngSrc", "ngSrcset", "sizes", "width", "height", "loading", "priority", "loaderParams", "disableOptimizedSrcset", "fill", "placeholder", "placeholderConfig", "src", "srcset"] }, { 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: PuroInfoListComponent, isStandalone: true, selector: "lib-puro-info-list", inputs: { img: "img", backgroundImg: "backgroundImg", smallImg: "smallImg", title: "title", description: "description", items: "items", tags: "tags", textColors: "textColors" }, ngImport: i0, template: "<section class=\"webmap generalMargin\">\n    <div class=\"webmap__inner info-list\">\n        <div class=\"info-list__wrapper\">\n            @if (backgroundImg) {\n                <img\n                    class=\"info-list__image--bg\"\n                    [ngSrc]=\"backgroundImg.src\"\n                    [alt]=\"backgroundImg.alt\"\n                    width=\"685\"\n                    height=\"685\"\n                    decoding=\"async\"\n                />\n            }\n            @if (img) {\n                <img\n                    class=\"info-list__image\"\n                    [ngSrc]=\"img.src\"\n                    [alt]=\"img.alt\"\n                    width=\"575\"\n                    height=\"690\"\n                    decoding=\"async\"\n                />\n            }\n        </div>\n\n        <div class=\"info-list__content--wrapper\">\n            <div class=\"info-list__content\">\n                @if (title) {\n                    <lib-puro-dynamic-heading\n                        [tag]=\"tags?.title || 'h2'\"\n                        cssClass=\"info-list__heading\"\n                        [color]=\"textColors?.title\"\n                        [content]=\"title\"\n                    ></lib-puro-dynamic-heading>\n                }\n                @if (description) {\n                    <p class=\"info-list__paragraph\">\n                        {{ description }}\n                    </p>\n                }\n                <ul class=\"info-list__list\">\n                    @for (item of items || []; track $index) {\n                        <li class=\"info-list__item\">\n                            @if (smallImg) {\n                                <img\n                                    [ngSrc]=\"smallImg.src\"\n                                    [alt]=\"smallImg.alt\"\n                                    class=\"info-list__item__img\"\n                                    width=\"60\"\n                                    height=\"60\"\n                                    decoding=\"async\"\n                                />\n                            }\n                            <span class=\"info-list__paragraph\">\n                                {{ item }}\n                            </span>\n                        </li>\n                    }\n                </ul>\n            </div>\n        </div>\n    </div>\n</section>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: NgOptimizedImage, selector: "img[ngSrc]", inputs: ["ngSrc", "ngSrcset", "sizes", "width", "height", "loading", "priority", "loaderParams", "disableOptimizedSrcset", "fill", "placeholder", "placeholderConfig", "src", "srcset"] }, { kind: "component", type: PuroDynamicHeadingComponent, selector: "lib-puro-dynamic-heading", inputs: ["tag", "wrapper", "cssClass", "content", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroInfoListComponent, decorators: [{
             type: Component,
@@ -7477,7 +7477,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                         CommonModule,
                         NgOptimizedImage,
                         PuroDynamicHeadingComponent,
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<section class=\"webmap generalMargin\">\n    <div class=\"webmap__inner info-list\">\n        <div class=\"info-list__wrapper\">\n            @if (backgroundImg) {\n                <img\n                    class=\"info-list__image--bg\"\n                    [ngSrc]=\"backgroundImg.src\"\n                    [alt]=\"backgroundImg.alt\"\n                    width=\"685\"\n                    height=\"685\"\n                    decoding=\"async\"\n                />\n            }\n            @if (img) {\n                <img\n                    class=\"info-list__image\"\n                    [ngSrc]=\"img.src\"\n                    [alt]=\"img.alt\"\n                    width=\"575\"\n                    height=\"690\"\n                    decoding=\"async\"\n                />\n            }\n        </div>\n\n        <div class=\"info-list__content--wrapper\">\n            <div class=\"info-list__content\">\n                @if (title) {\n                    <lib-puro-dynamic-heading\n                        [tag]=\"tags?.title || 'h2'\"\n                        cssClass=\"info-list__heading\"\n                        [color]=\"textColors?.title\"\n                        [content]=\"title\"\n                    ></lib-puro-dynamic-heading>\n                }\n                @if (description) {\n                    <p class=\"info-list__paragraph\">\n                        {{ description }}\n                    </p>\n                }\n                <ul class=\"info-list__list\">\n                    @for (item of items || []; track $index) {\n                        <li class=\"info-list__item\">\n                            @if (smallImg) {\n                                <img\n                                    [ngSrc]=\"smallImg.src\"\n                                    [alt]=\"smallImg.alt\"\n                                    class=\"info-list__item__img\"\n                                    width=\"60\"\n                                    height=\"60\"\n                                    decoding=\"async\"\n                                />\n                            }\n                            <span class=\"info-list__paragraph\">\n                                {{ item }}\n                            </span>\n                        </li>\n                    }\n                </ul>\n            </div>\n        </div>\n    </div>\n</section>\n", styles: [".info-list{display:flex;justify-content:space-between;flex-direction:column;transition:all .5s}@media (min-width: 1280px){.info-list{flex-direction:row}}.info-list>*{flex:1 1 50%}@media (min-width: 1280px){.info-list__content{padding-block:10rem 0rem;text-align:start}}@media (max-width: 1280px){.info-list__content{text-align:center;margin-top:2rem}}.info-list__paragraph{margin-inline:0rem!important;display:inline-block!important;color:#616160!important;transition:all .5s}.info-list li.info-list__item span.info-list__paragraph{margin-bottom:0rem!important}.info-list__wrapper{position:relative;display:flex;justify-content:flex-start}@media (max-width: 1020px){.info-list__wrapper{justify-content:center}}.info-list__image{aspect-ratio:677/813;-o-object-fit:cover;object-fit:cover;width:100%;border-top-left-radius:500px;border-top-right-radius:500px}.info-list__image--bg{position:absolute;z-index:-1}@media (max-width: 1024px){.info-list__image--bg{display:none}}@media (min-width: 1024px){.info-list__image--bg{top:-200px;right:-200px}}@media (min-width: 1280px){.info-list__image--bg{top:-175px;right:-190px}}.info-list__list{width:100%;padding-top:10px;margin:0 auto;display:flex;text-align:center;flex-direction:column;align-items:center}@media (max-width: 1280px){.info-list__list{padding-top:0rem;padding-left:0}}@media (min-width: 1280px){.info-list__list{padding-bottom:6rem;padding-top:4rem;padding-left:3rem;align-items:start}}.info-list__item{display:flex;align-items:center;position:relative;padding-bottom:15px;text-transform:uppercase}@media (min-width: 1024px){.info-list__item{justify-content:flex-start}}.info-list__item__img{position:absolute;left:-30px}@media (max-width: 1024px){.info-list__item__img{position:relative;left:30px}}:host ::ng-deep .info-list__title{width:100%;transition:all .5s}@media (max-width: 1024px){:host ::ng-deep .info-list__title{font-size:2.4rem;line-height:1.6666666667;letter-spacing:.048rem;margin-bottom:2rem}}@media (min-width: 1024px){:host ::ng-deep .info-list__title{font-size:5rem;line-height:1.392;letter-spacing:.1rem;margin-bottom:3rem}}:host ::ng-deep .info-list__image--bg{animation:fan-rotate 14s ease-in-out infinite;transform-origin:center bottom;display:block}@keyframes fan-rotate{0%,to{transform:rotate(0) translateY(0)}25%{transform:rotate(6deg) translateY(-4px)}50%{transform:rotate(-6deg) translateY(4px)}75%{transform:rotate(3deg) translateY(-2px)}}.info-list__wrapper{width:100%!important;height:auto!important;aspect-ratio:auto!important}\n"] }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<section class=\"webmap generalMargin\">\n    <div class=\"webmap__inner info-list\">\n        <div class=\"info-list__wrapper\">\n            @if (backgroundImg) {\n                <img\n                    class=\"info-list__image--bg\"\n                    [ngSrc]=\"backgroundImg.src\"\n                    [alt]=\"backgroundImg.alt\"\n                    width=\"685\"\n                    height=\"685\"\n                    decoding=\"async\"\n                />\n            }\n            @if (img) {\n                <img\n                    class=\"info-list__image\"\n                    [ngSrc]=\"img.src\"\n                    [alt]=\"img.alt\"\n                    width=\"575\"\n                    height=\"690\"\n                    decoding=\"async\"\n                />\n            }\n        </div>\n\n        <div class=\"info-list__content--wrapper\">\n            <div class=\"info-list__content\">\n                @if (title) {\n                    <lib-puro-dynamic-heading\n                        [tag]=\"tags?.title || 'h2'\"\n                        cssClass=\"info-list__heading\"\n                        [color]=\"textColors?.title\"\n                        [content]=\"title\"\n                    ></lib-puro-dynamic-heading>\n                }\n                @if (description) {\n                    <p class=\"info-list__paragraph\">\n                        {{ description }}\n                    </p>\n                }\n                <ul class=\"info-list__list\">\n                    @for (item of items || []; track $index) {\n                        <li class=\"info-list__item\">\n                            @if (smallImg) {\n                                <img\n                                    [ngSrc]=\"smallImg.src\"\n                                    [alt]=\"smallImg.alt\"\n                                    class=\"info-list__item__img\"\n                                    width=\"60\"\n                                    height=\"60\"\n                                    decoding=\"async\"\n                                />\n                            }\n                            <span class=\"info-list__paragraph\">\n                                {{ item }}\n                            </span>\n                        </li>\n                    }\n                </ul>\n            </div>\n        </div>\n    </div>\n</section>\n" }]
         }], propDecorators: { img: [{
                 type: Input
             }], backgroundImg: [{