ctt-puro 0.70.6 → 0.70.8
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.
- package/esm2022/lib/components/puro-grid3col-slider/puro-grid3col-slider.component.mjs +3 -3
- package/esm2022/lib/components/puro-info-details-2col/puro-info-details-2col.component.mjs +3 -3
- package/esm2022/lib/components/puro-info-video/puro-info-video.component.mjs +2 -2
- package/fesm2022/ctt-puro.mjs +6 -6
- package/fesm2022/ctt-puro.mjs.map +1 -1
- package/package.json +1 -1
|
@@ -5,7 +5,7 @@ import { PuroDynamicHeadingComponent } from '../../shared/puro-dynamic-heading';
|
|
|
5
5
|
import * as i0 from "@angular/core";
|
|
6
6
|
export class PuroGrid3colSliderComponent {
|
|
7
7
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroGrid3colSliderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
8
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: PuroGrid3colSliderComponent, isStandalone: true, selector: "lib-puro-grid3col-slider", inputs: { title: "title", button: "button", items: "items", tags: "tags", textColors: "textColors" }, ngImport: i0, template: "<section\n class=\"discover discover--noRadius js-active-slider generalMargin\"\n [puroSlider]=\"items\"\n data-slides_infinite=\"true\"\n data-slider_name=\"js-discover-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=\"3\"\n data-slides_laptop=\"3\"\n data-slides_tablet=\"1\"\n data-slides_mobile=\"1\"\n data-slides_mobile_small=\"1\"\n data-slides_mobile_xsmall=\"1\"\n>\n @if (title) {\n <lib-puro-dynamic-heading\n [tag]=\"tags?.title || 'span'\"\n cssClass=\"discover__title\"\n [color]=\"textColors?.title\"\n [content]=\"title\"\n ></lib-puro-dynamic-heading>\n }\n <div class=\"discover__inner relative\">\n <div class=\"discover__container\">\n <div\n class=\"js-discover-slider discover__slider js-slider_fix-arrows\"\n >\n @for (item of items || []; track $index) {\n @if (item) {\n <div class=\"discover__box\">\n <a\n [href]=\"item.button?.url\"\n [linkType]=\"item.button?.linkType\"\n class=\"discover__graphic js-slider_fix-arrows-zone\"\n [attr.aria-label]=\"\n item.button?.label ?? 'Item link'\n \"\n >\n @if (item.img) {\n <img\n [src]=\"item.img.src\"\n width=\"391\"\n height=\"533\"\n class=\"discover__graphic--img\"\n [alt]=\"item.img.alt\"\n loading=\"lazy\"\n />\n }\n\n <div class=\"discover__content\"
|
|
8
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: PuroGrid3colSliderComponent, isStandalone: true, selector: "lib-puro-grid3col-slider", inputs: { title: "title", button: "button", items: "items", tags: "tags", textColors: "textColors" }, ngImport: i0, template: "<section\n class=\"discover discover--noRadius js-active-slider generalMargin\"\n [puroSlider]=\"items\"\n data-slides_infinite=\"true\"\n data-slider_name=\"js-discover-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=\"3\"\n data-slides_laptop=\"3\"\n data-slides_tablet=\"1\"\n data-slides_mobile=\"1\"\n data-slides_mobile_small=\"1\"\n data-slides_mobile_xsmall=\"1\"\n>\n @if (title) {\n <lib-puro-dynamic-heading\n [tag]=\"tags?.title || 'span'\"\n cssClass=\"discover__title\"\n [color]=\"textColors?.title\"\n [content]=\"title\"\n ></lib-puro-dynamic-heading>\n }\n <div class=\"discover__inner relative\">\n <div class=\"discover__container\">\n <div\n class=\"js-discover-slider discover__slider js-slider_fix-arrows\"\n >\n @for (item of items || []; track $index) {\n @if (item) {\n <div class=\"discover__box\">\n <a\n [href]=\"item.button?.url\"\n [linkType]=\"item.button?.linkType\"\n class=\"discover__graphic js-slider_fix-arrows-zone\"\n [attr.aria-label]=\"\n item.button?.label ?? 'Item link'\n \"\n >\n @if (item.img) {\n <img\n [src]=\"item.img.src\"\n width=\"391\"\n height=\"533\"\n class=\"discover__graphic--img\"\n [alt]=\"item.img.alt\"\n loading=\"lazy\"\n />\n }\n\n <div class=\"discover__content\"> \n @if (item.title) {\n <h3\n class=\"discover__heading photo\"\n [innerHTML]=\"item.title\"\n \n ></h3>\n }\n @if (item.pretitle) {\n <p class=\"discover__subHeading photo\">\n {{ item.pretitle }}\n </p>\n }\n \n </div>\n </a>\n\n @if (item.button) {\n <div class=\"btn__group\">\n <a\n class=\"btn__link\"\n [linkType]=\"item.button?.linkType\"\n [href]=\"item.button?.url\"\n [attr.aria-label]=\"\n item.button.label ?? 'Item button'\n \"\n >\n <span>{{ item.button.label }}</span>\n </a>\n </div>\n }\n </div>\n }\n }\n </div>\n <div class=\"js-slider-arrows\"></div>\n @if (button) {\n <div class=\"btn__group\">\n <a\n [linkType]=\"button.linkType\"\n [href]=\"button.url\"\n class=\"btn btn__primary--outline\"\n [attr.aria-label]=\"button.label\"\n ><span>{{ button.label }}</span></a\n >\n </div>\n }\n </div>\n </div>\n</section>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: PuroSliderDirective, selector: "[puroSlider]", inputs: ["puroSlider"] }, { kind: "directive", type: PuroLinkTypeDirective, selector: "[linkType]", inputs: ["linkType", "href", "modalClick"], outputs: ["bookClick", "anchorClicked"] }, { kind: "directive", type: AutoImageZoomWrapperDirective, selector: "img[src]" }, { kind: "component", type: PuroDynamicHeadingComponent, selector: "lib-puro-dynamic-heading", inputs: ["tag", "wrapper", "cssClass", "content", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
9
9
|
}
|
|
10
10
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroGrid3colSliderComponent, decorators: [{
|
|
11
11
|
type: Component,
|
|
@@ -15,7 +15,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
15
15
|
PuroLinkTypeDirective,
|
|
16
16
|
AutoImageZoomWrapperDirective,
|
|
17
17
|
PuroDynamicHeadingComponent,
|
|
18
|
-
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<section\n class=\"discover discover--noRadius js-active-slider generalMargin\"\n [puroSlider]=\"items\"\n data-slides_infinite=\"true\"\n data-slider_name=\"js-discover-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=\"3\"\n data-slides_laptop=\"3\"\n data-slides_tablet=\"1\"\n data-slides_mobile=\"1\"\n data-slides_mobile_small=\"1\"\n data-slides_mobile_xsmall=\"1\"\n>\n @if (title) {\n <lib-puro-dynamic-heading\n [tag]=\"tags?.title || 'span'\"\n cssClass=\"discover__title\"\n [color]=\"textColors?.title\"\n [content]=\"title\"\n ></lib-puro-dynamic-heading>\n }\n <div class=\"discover__inner relative\">\n <div class=\"discover__container\">\n <div\n class=\"js-discover-slider discover__slider js-slider_fix-arrows\"\n >\n @for (item of items || []; track $index) {\n @if (item) {\n <div class=\"discover__box\">\n <a\n [href]=\"item.button?.url\"\n [linkType]=\"item.button?.linkType\"\n class=\"discover__graphic js-slider_fix-arrows-zone\"\n [attr.aria-label]=\"\n item.button?.label ?? 'Item link'\n \"\n >\n @if (item.img) {\n <img\n [src]=\"item.img.src\"\n width=\"391\"\n height=\"533\"\n class=\"discover__graphic--img\"\n [alt]=\"item.img.alt\"\n loading=\"lazy\"\n />\n }\n\n <div class=\"discover__content\"
|
|
18
|
+
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<section\n class=\"discover discover--noRadius js-active-slider generalMargin\"\n [puroSlider]=\"items\"\n data-slides_infinite=\"true\"\n data-slider_name=\"js-discover-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=\"3\"\n data-slides_laptop=\"3\"\n data-slides_tablet=\"1\"\n data-slides_mobile=\"1\"\n data-slides_mobile_small=\"1\"\n data-slides_mobile_xsmall=\"1\"\n>\n @if (title) {\n <lib-puro-dynamic-heading\n [tag]=\"tags?.title || 'span'\"\n cssClass=\"discover__title\"\n [color]=\"textColors?.title\"\n [content]=\"title\"\n ></lib-puro-dynamic-heading>\n }\n <div class=\"discover__inner relative\">\n <div class=\"discover__container\">\n <div\n class=\"js-discover-slider discover__slider js-slider_fix-arrows\"\n >\n @for (item of items || []; track $index) {\n @if (item) {\n <div class=\"discover__box\">\n <a\n [href]=\"item.button?.url\"\n [linkType]=\"item.button?.linkType\"\n class=\"discover__graphic js-slider_fix-arrows-zone\"\n [attr.aria-label]=\"\n item.button?.label ?? 'Item link'\n \"\n >\n @if (item.img) {\n <img\n [src]=\"item.img.src\"\n width=\"391\"\n height=\"533\"\n class=\"discover__graphic--img\"\n [alt]=\"item.img.alt\"\n loading=\"lazy\"\n />\n }\n\n <div class=\"discover__content\"> \n @if (item.title) {\n <h3\n class=\"discover__heading photo\"\n [innerHTML]=\"item.title\"\n \n ></h3>\n }\n @if (item.pretitle) {\n <p class=\"discover__subHeading photo\">\n {{ item.pretitle }}\n </p>\n }\n \n </div>\n </a>\n\n @if (item.button) {\n <div class=\"btn__group\">\n <a\n class=\"btn__link\"\n [linkType]=\"item.button?.linkType\"\n [href]=\"item.button?.url\"\n [attr.aria-label]=\"\n item.button.label ?? 'Item button'\n \"\n >\n <span>{{ item.button.label }}</span>\n </a>\n </div>\n }\n </div>\n }\n }\n </div>\n <div class=\"js-slider-arrows\"></div>\n @if (button) {\n <div class=\"btn__group\">\n <a\n [linkType]=\"button.linkType\"\n [href]=\"button.url\"\n class=\"btn btn__primary--outline\"\n [attr.aria-label]=\"button.label\"\n ><span>{{ button.label }}</span></a\n >\n </div>\n }\n </div>\n </div>\n</section>\n" }]
|
|
19
19
|
}], propDecorators: { title: [{
|
|
20
20
|
type: Input
|
|
21
21
|
}], button: [{
|
|
@@ -27,4 +27,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
27
27
|
}], textColors: [{
|
|
28
28
|
type: Input
|
|
29
29
|
}] } });
|
|
30
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
30
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVyby1ncmlkM2NvbC1zbGlkZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcHVyby9zcmMvbGliL2NvbXBvbmVudHMvcHVyby1ncmlkM2NvbC1zbGlkZXIvcHVyby1ncmlkM2NvbC1zbGlkZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcHVyby9zcmMvbGliL2NvbXBvbmVudHMvcHVyby1ncmlkM2NvbC1zbGlkZXIvcHVyby1ncmlkM2NvbC1zbGlkZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzFFLE9BQU8sRUFDSCw2QkFBNkIsRUFDN0IscUJBQXFCLEVBQ3JCLG1CQUFtQixHQUN0QixNQUFNLGtCQUFrQixDQUFDO0FBTzFCLE9BQU8sRUFBRSwyQkFBMkIsRUFBRSxNQUFNLG1DQUFtQyxDQUFDOztBQWlCaEYsTUFBTSxPQUFPLDJCQUEyQjsrR0FBM0IsMkJBQTJCO21HQUEzQiwyQkFBMkIsMExDOUJ4QyxpeUlBcUdBLHlERGxGUSxZQUFZLCtCQUNaLG1CQUFtQixpRkFDbkIscUJBQXFCLDRJQUVyQiw2QkFBNkIscURBQzdCLDJCQUEyQjs7NEZBTXRCLDJCQUEyQjtrQkFmdkMsU0FBUzsrQkFDSSwwQkFBMEIsY0FDeEIsSUFBSSxXQUNQO3dCQUNMLFlBQVk7d0JBQ1osbUJBQW1CO3dCQUNuQixxQkFBcUI7d0JBRXJCLDZCQUE2Qjt3QkFDN0IsMkJBQTJCO3FCQUM5QixtQkFHZ0IsdUJBQXVCLENBQUMsTUFBTTs4QkFHdEMsS0FBSztzQkFBYixLQUFLO2dCQUNHLE1BQU07c0JBQWQsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7XG4gICAgQXV0b0ltYWdlWm9vbVdyYXBwZXJEaXJlY3RpdmUsXG4gICAgUHVyb0xpbmtUeXBlRGlyZWN0aXZlLFxuICAgIFB1cm9TbGlkZXJEaXJlY3RpdmUsXG59IGZyb20gJy4uLy4uL2RpcmVjdGl2ZXMnO1xuaW1wb3J0IHtcbiAgICBQdXJvQnV0dG9uSSxcbiAgICBQdXJvSW1hZ2VJLFxuICAgIFB1cm9UYWdzSSxcbiAgICBQdXJvVGV4dHNDb2xvcnNJLFxufSBmcm9tICcuLi8uLi9pbnRlcmZhY2VzJztcbmltcG9ydCB7IFB1cm9EeW5hbWljSGVhZGluZ0NvbXBvbmVudCB9IGZyb20gJy4uLy4uL3NoYXJlZC9wdXJvLWR5bmFtaWMtaGVhZGluZyc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnbGliLXB1cm8tZ3JpZDNjb2wtc2xpZGVyJyxcbiAgICBzdGFuZGFsb25lOiB0cnVlLFxuICAgIGltcG9ydHM6IFtcbiAgICAgICAgQ29tbW9uTW9kdWxlLFxuICAgICAgICBQdXJvU2xpZGVyRGlyZWN0aXZlLFxuICAgICAgICBQdXJvTGlua1R5cGVEaXJlY3RpdmUsXG5cbiAgICAgICAgQXV0b0ltYWdlWm9vbVdyYXBwZXJEaXJlY3RpdmUsXG4gICAgICAgIFB1cm9EeW5hbWljSGVhZGluZ0NvbXBvbmVudCxcbiAgICBdLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9wdXJvLWdyaWQzY29sLXNsaWRlci5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmw6ICcuL3B1cm8tZ3JpZDNjb2wtc2xpZGVyLmNvbXBvbmVudC5zY3NzJyxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgUHVyb0dyaWQzY29sU2xpZGVyQ29tcG9uZW50IHtcbiAgICBASW5wdXQoKSB0aXRsZT86IHN0cmluZztcbiAgICBASW5wdXQoKSBidXR0b24/OiBQdXJvQnV0dG9uSTtcbiAgICBASW5wdXQoKSBpdGVtcz86IFB1cm9HcmlkM2NvbFNsaWRlckl0ZW1bXTtcbiAgICBASW5wdXQoKSB0YWdzPzogUHVyb1RhZ3NJO1xuICAgIEBJbnB1dCgpIHRleHRDb2xvcnM/OiBQdXJvVGV4dHNDb2xvcnNJO1xufVxuXG5leHBvcnQgaW50ZXJmYWNlIFB1cm9HcmlkM2NvbFNsaWRlckl0ZW0ge1xuICAgIGltZz86IFB1cm9JbWFnZUk7XG4gICAgcHJldGl0bGU/OiBzdHJpbmc7XG4gICAgdGl0bGU/OiBzdHJpbmc7XG4gICAgYnV0dG9uPzogUHVyb0J1dHRvbkk7XG59XG4iLCI8c2VjdGlvblxuICAgIGNsYXNzPVwiZGlzY292ZXIgZGlzY292ZXItLW5vUmFkaXVzIGpzLWFjdGl2ZS1zbGlkZXIgZ2VuZXJhbE1hcmdpblwiXG4gICAgW3B1cm9TbGlkZXJdPVwiaXRlbXNcIlxuICAgIGRhdGEtc2xpZGVzX2luZmluaXRlPVwidHJ1ZVwiXG4gICAgZGF0YS1zbGlkZXJfbmFtZT1cImpzLWRpc2NvdmVyLXNsaWRlclwiXG4gICAgZGF0YS1zbGlkZXJfc2hvd2J0bnM9XCJ0cnVlXCJcbiAgICBkYXRhLXNsaWRlcl9zaG93ZG90cz1cImZhbHNlXCJcbiAgICBkYXRhLXNsaWRlcl9mYWRlPVwiZmFsc2VcIlxuICAgIGRhdGEtc2xpZGVyX2F1dG9wbGF5PVwidHJ1ZVwiXG4gICAgZGF0YS1zbGlkZXNfcGM9XCIzXCJcbiAgICBkYXRhLXNsaWRlc19sYXB0b3A9XCIzXCJcbiAgICBkYXRhLXNsaWRlc190YWJsZXQ9XCIxXCJcbiAgICBkYXRhLXNsaWRlc19tb2JpbGU9XCIxXCJcbiAgICBkYXRhLXNsaWRlc19tb2JpbGVfc21hbGw9XCIxXCJcbiAgICBkYXRhLXNsaWRlc19tb2JpbGVfeHNtYWxsPVwiMVwiXG4+XG4gICAgQGlmICh0aXRsZSkge1xuICAgICAgICA8bGliLXB1cm8tZHluYW1pYy1oZWFkaW5nXG4gICAgICAgICAgICBbdGFnXT1cInRhZ3M/LnRpdGxlIHx8ICdzcGFuJ1wiXG4gICAgICAgICAgICBjc3NDbGFzcz1cImRpc2NvdmVyX190aXRsZVwiXG4gICAgICAgICAgICBbY29sb3JdPVwidGV4dENvbG9ycz8udGl0bGVcIlxuICAgICAgICAgICAgW2NvbnRlbnRdPVwidGl0bGVcIlxuICAgICAgICA+PC9saWItcHVyby1keW5hbWljLWhlYWRpbmc+XG4gICAgfVxuICAgIDxkaXYgY2xhc3M9XCJkaXNjb3Zlcl9faW5uZXIgcmVsYXRpdmVcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImRpc2NvdmVyX19jb250YWluZXJcIj5cbiAgICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgICAgICBjbGFzcz1cImpzLWRpc2NvdmVyLXNsaWRlciBkaXNjb3Zlcl9fc2xpZGVyIGpzLXNsaWRlcl9maXgtYXJyb3dzXCJcbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICBAZm9yIChpdGVtIG9mIGl0ZW1zIHx8IFtdOyB0cmFjayAkaW5kZXgpIHtcbiAgICAgICAgICAgICAgICAgICAgQGlmIChpdGVtKSB7XG4gICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZGlzY292ZXJfX2JveFwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxhXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtocmVmXT1cIml0ZW0uYnV0dG9uPy51cmxcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbbGlua1R5cGVdPVwiaXRlbS5idXR0b24/LmxpbmtUeXBlXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgY2xhc3M9XCJkaXNjb3Zlcl9fZ3JhcGhpYyBqcy1zbGlkZXJfZml4LWFycm93cy16b25lXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW2F0dHIuYXJpYS1sYWJlbF09XCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGl0ZW0uYnV0dG9uPy5sYWJlbCA/PyAnSXRlbSBsaW5rJ1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgQGlmIChpdGVtLmltZykge1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGltZ1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtzcmNdPVwiaXRlbS5pbWcuc3JjXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB3aWR0aD1cIjM5MVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgaGVpZ2h0PVwiNTMzXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBjbGFzcz1cImRpc2NvdmVyX19ncmFwaGljLS1pbWdcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFthbHRdPVwiaXRlbS5pbWcuYWx0XCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBsb2FkaW5nPVwibGF6eVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9XG5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImRpc2NvdmVyX19jb250ZW50XCI+IFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIEBpZiAoaXRlbS50aXRsZSkge1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxoM1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBjbGFzcz1cImRpc2NvdmVyX19oZWFkaW5nIHBob3RvXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW2lubmVySFRNTF09XCJpdGVtLnRpdGxlXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPjwvaDM+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBAaWYgKGl0ZW0ucHJldGl0bGUpIHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cCBjbGFzcz1cImRpc2NvdmVyX19zdWJIZWFkaW5nIHBob3RvXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHt7IGl0ZW0ucHJldGl0bGUgfX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L3A+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2E+XG5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBAaWYgKGl0ZW0uYnV0dG9uKSB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJidG5fX2dyb3VwXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8YVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNsYXNzPVwiYnRuX19saW5rXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbbGlua1R5cGVdPVwiaXRlbS5idXR0b24/LmxpbmtUeXBlXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbaHJlZl09XCJpdGVtLmJ1dHRvbj8udXJsXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbYXR0ci5hcmlhLWxhYmVsXT1cIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBpdGVtLmJ1dHRvbi5sYWJlbCA/PyAnSXRlbSBidXR0b24nXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8c3Bhbj57eyBpdGVtLmJ1dHRvbi5sYWJlbCB9fTwvc3Bhbj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvYT5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJqcy1zbGlkZXItYXJyb3dzXCI+PC9kaXY+XG4gICAgICAgICAgICBAaWYgKGJ1dHRvbikge1xuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJidG5fX2dyb3VwXCI+XG4gICAgICAgICAgICAgICAgICAgIDxhXG4gICAgICAgICAgICAgICAgICAgICAgICBbbGlua1R5cGVdPVwiYnV0dG9uLmxpbmtUeXBlXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIFtocmVmXT1cImJ1dHRvbi51cmxcIlxuICAgICAgICAgICAgICAgICAgICAgICAgY2xhc3M9XCJidG4gYnRuX19wcmltYXJ5LS1vdXRsaW5lXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIFthdHRyLmFyaWEtbGFiZWxdPVwiYnV0dG9uLmxhYmVsXCJcbiAgICAgICAgICAgICAgICAgICAgICAgID48c3Bhbj57eyBidXR0b24ubGFiZWwgfX08L3NwYW4+PC9hXG4gICAgICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIH1cbiAgICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG48L3NlY3Rpb24+XG4iXX0=
|
|
@@ -3,11 +3,11 @@ import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
|
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
4
|
export class PuroInfoDetails2ColComponent {
|
|
5
5
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroInfoDetails2ColComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: PuroInfoDetails2ColComponent, isStandalone: true, selector: "lib-puro-info-details-2col", inputs: { title: "title", subtitle: "subtitle", description: "description", items: "items" }, ngImport: i0, template: "<section\n class=\"textContent textContent__ODM--spacing3 textContent--textStart textContent--2ColumnLayout\"\n>\n <div class=\"textContent__titleSection\">\n <div class=\"textContent__title\">\n @if (title) {\n <h2 class=\"
|
|
6
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: PuroInfoDetails2ColComponent, isStandalone: true, selector: "lib-puro-info-details-2col", inputs: { title: "title", subtitle: "subtitle", description: "description", items: "items" }, ngImport: i0, template: "<section\n class=\"textContent textContent__ODM--spacing3 textContent--textStart textContent--2ColumnLayout\"\n>\n <div class=\"textContent__titleSection\">\n <div class=\"textContent__title\">\n @if (title) {\n <h2 class=\"textContent__title__heading\" [innerHTML]=\"title\"></h2>\n }\n @if (subtitle) {\n <div class=\"textContent__title__subHeading\" [innerHTML]=\"subtitle\"></div>\n }\n </div>\n @if (description) {\n <div class=\"textContent__paragraph\">\n <p [innerHTML]=\"description\"></p>\n </div>\n }\n </div>\n @if (items?.length) {\n <div class=\"textContent__list\">\n @for (item of items; track $index) {\n <div class=\"textContent__item\">\n <div\n class=\"textContent__item__subHeading \"\n [innerHTML]=\"item.title\"\n ></div>\n <div class=\"textContent__item__paragraph\">\n <div [innerHTML]=\"item.description\"></div>\n </div>\n </div>\n }\n </div>\n }\n</section>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
7
7
|
}
|
|
8
8
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroInfoDetails2ColComponent, decorators: [{
|
|
9
9
|
type: Component,
|
|
10
|
-
args: [{ selector: 'lib-puro-info-details-2col', standalone: true, imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<section\n class=\"textContent textContent__ODM--spacing3 textContent--textStart textContent--2ColumnLayout\"\n>\n <div class=\"textContent__titleSection\">\n <div class=\"textContent__title\">\n @if (title) {\n <h2 class=\"
|
|
10
|
+
args: [{ selector: 'lib-puro-info-details-2col', standalone: true, imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<section\n class=\"textContent textContent__ODM--spacing3 textContent--textStart textContent--2ColumnLayout\"\n>\n <div class=\"textContent__titleSection\">\n <div class=\"textContent__title\">\n @if (title) {\n <h2 class=\"textContent__title__heading\" [innerHTML]=\"title\"></h2>\n }\n @if (subtitle) {\n <div class=\"textContent__title__subHeading\" [innerHTML]=\"subtitle\"></div>\n }\n </div>\n @if (description) {\n <div class=\"textContent__paragraph\">\n <p [innerHTML]=\"description\"></p>\n </div>\n }\n </div>\n @if (items?.length) {\n <div class=\"textContent__list\">\n @for (item of items; track $index) {\n <div class=\"textContent__item\">\n <div\n class=\"textContent__item__subHeading \"\n [innerHTML]=\"item.title\"\n ></div>\n <div class=\"textContent__item__paragraph\">\n <div [innerHTML]=\"item.description\"></div>\n </div>\n </div>\n }\n </div>\n }\n</section>\n" }]
|
|
11
11
|
}], propDecorators: { title: [{
|
|
12
12
|
type: Input
|
|
13
13
|
}], subtitle: [{
|
|
@@ -17,4 +17,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
17
17
|
}], items: [{
|
|
18
18
|
type: Input
|
|
19
19
|
}] } });
|
|
20
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
20
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVyby1pbmZvLWRldGFpbHMtMmNvbC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9wdXJvL3NyYy9saWIvY29tcG9uZW50cy9wdXJvLWluZm8tZGV0YWlscy0yY29sL3B1cm8taW5mby1kZXRhaWxzLTJjb2wuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcHVyby9zcmMvbGliL2NvbXBvbmVudHMvcHVyby1pbmZvLWRldGFpbHMtMmNvbC9wdXJvLWluZm8tZGV0YWlscy0yY29sLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFXMUUsTUFBTSxPQUFPLDRCQUE0QjsrR0FBNUIsNEJBQTRCO21HQUE1Qiw0QkFBNEIsb0xDWnpDLHN1Q0FrQ0EseUREM0JjLFlBQVk7OzRGQUtiLDRCQUE0QjtrQkFSeEMsU0FBUzsrQkFDSSw0QkFBNEIsY0FDMUIsSUFBSSxXQUNQLENBQUMsWUFBWSxDQUFDLG1CQUdOLHVCQUF1QixDQUFDLE1BQU07OEJBR3RDLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBQdXJvSW5mb0RldGFpbEl0ZW1JIH0gZnJvbSAnLi4vcHVyby1pbmZvLWRldGFpbHMtM2NvbCc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnbGliLXB1cm8taW5mby1kZXRhaWxzLTJjb2wnLFxuICAgIHN0YW5kYWxvbmU6IHRydWUsXG4gICAgaW1wb3J0czogW0NvbW1vbk1vZHVsZV0sXG4gICAgdGVtcGxhdGVVcmw6ICcuL3B1cm8taW5mby1kZXRhaWxzLTJjb2wuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsOiAnLi9wdXJvLWluZm8tZGV0YWlscy0yY29sLmNvbXBvbmVudC5zY3NzJyxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgUHVyb0luZm9EZXRhaWxzMkNvbENvbXBvbmVudCB7XG4gICAgQElucHV0KCkgdGl0bGU/OiBzdHJpbmc7XG4gICAgQElucHV0KCkgc3VidGl0bGU/OiBzdHJpbmc7XG4gICAgQElucHV0KCkgZGVzY3JpcHRpb24/OiBzdHJpbmc7XG4gICAgQElucHV0KCkgaXRlbXM/OiBQdXJvSW5mb0RldGFpbEl0ZW1JW107XG59XG4iLCI8c2VjdGlvblxuICAgIGNsYXNzPVwidGV4dENvbnRlbnQgdGV4dENvbnRlbnRfX09ETS0tc3BhY2luZzMgdGV4dENvbnRlbnQtLXRleHRTdGFydCB0ZXh0Q29udGVudC0tMkNvbHVtbkxheW91dFwiXG4+XG4gICAgPGRpdiBjbGFzcz1cInRleHRDb250ZW50X190aXRsZVNlY3Rpb25cIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cInRleHRDb250ZW50X190aXRsZVwiPlxuICAgICAgICAgICAgQGlmICh0aXRsZSkge1xuICAgICAgICAgICAgICAgIDxoMiBjbGFzcz1cInRleHRDb250ZW50X190aXRsZV9faGVhZGluZ1wiIFtpbm5lckhUTUxdPVwidGl0bGVcIj48L2gyPlxuICAgICAgICAgICAgfVxuICAgICAgICAgICAgQGlmIChzdWJ0aXRsZSkge1xuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJ0ZXh0Q29udGVudF9fdGl0bGVfX3N1YkhlYWRpbmdcIiBbaW5uZXJIVE1MXT1cInN1YnRpdGxlXCI+PC9kaXY+XG4gICAgICAgICAgICB9XG4gICAgICAgIDwvZGl2PlxuICAgICAgICBAaWYgKGRlc2NyaXB0aW9uKSB7XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwidGV4dENvbnRlbnRfX3BhcmFncmFwaFwiPlxuICAgICAgICAgICAgICAgIDxwIFtpbm5lckhUTUxdPVwiZGVzY3JpcHRpb25cIj48L3A+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgfVxuICAgIDwvZGl2PlxuICAgIEBpZiAoaXRlbXM/Lmxlbmd0aCkge1xuICAgICAgICA8ZGl2IGNsYXNzPVwidGV4dENvbnRlbnRfX2xpc3RcIj5cbiAgICAgICAgICAgIEBmb3IgKGl0ZW0gb2YgaXRlbXM7IHRyYWNrICRpbmRleCkge1xuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJ0ZXh0Q29udGVudF9faXRlbVwiPlxuICAgICAgICAgICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgICAgICAgICAgICBjbGFzcz1cInRleHRDb250ZW50X19pdGVtX19zdWJIZWFkaW5nIFwiXG4gICAgICAgICAgICAgICAgICAgICAgICBbaW5uZXJIVE1MXT1cIml0ZW0udGl0bGVcIlxuICAgICAgICAgICAgICAgICAgICA+PC9kaXY+XG4gICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJ0ZXh0Q29udGVudF9faXRlbV9fcGFyYWdyYXBoXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IFtpbm5lckhUTUxdPVwiaXRlbS5kZXNjcmlwdGlvblwiPjwvZGl2PlxuICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIH1cbiAgICAgICAgPC9kaXY+XG4gICAgfVxuPC9zZWN0aW9uPlxuIl19
|
|
@@ -43,7 +43,7 @@ export class PuroInfoVideoComponent {
|
|
|
43
43
|
return this.sanitizer.bypassSecurityTrustResourceUrl(embed);
|
|
44
44
|
}
|
|
45
45
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroInfoVideoComponent, deps: [{ token: i1.DomSanitizer }, { token: PLATFORM_ID }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
46
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: PuroInfoVideoComponent, isStandalone: true, selector: "lib-puro-info-video", inputs: { title: "title", subtitle: "subtitle", description: "description", button: "button", video: "video", reverse: "reverse", tags: "tags", textColors: "textColors" }, host: { listeners: { "window:resize": "onResize()" } }, ngImport: i0, template: "<section\n class=\"eventVideo eventVideo--right generalMargin\"\n [ngClass]=\"{ 'eventVideo--right': reverse }\"\n resizeZoom\n>\n <div class=\"eventVideo__player\">\n <div class=\"eventVideo__playerInner\">\n @if (video?.source; as src) {\n @if (isYouTube(src)) {\n <iframe\n class=\"eventVideo__media\"\n [src]=\"getYouTubeEmbed(src)\"\n frameborder=\"0\"\n allow=\"autoplay; encrypted-media; picture-in-picture\"\n allowfullscreen\n tabindex=\"-1\"\n aria-hidden=\"true\"\n width=\"100%\"\n height=\"100%\"\n ></iframe>\n } @else {\n <video\n autoplay\n muted\n loop\n playsinline\n width=\"100%\"\n height=\"100%\"\n >\n <source\n [src]=\"src\"\n [type]=\"video?.type || 'video/mp4'\"\n />\n </video>\n }\n }\n </div>\n </div>\n <div class=\"eventVideo__content eventVideo__content--alignCenter\">\n <div>\n @if (title) {\n <lib-puro-dynamic-heading\n [tag]=\"tags?.title || 'h2'\"\n cssClass=\"eventVideo__heading\"\n [color]=\"textColors?.title\"\n [content]=\"title\"\n ></lib-puro-dynamic-heading>\n }\n @if (subtitle) {\n <div class=\"eventVideo__subHeading\" [innerHTML]=\"subtitle\"></div>\n }\n @if (description) {\n <div class=\"eventVideo__paragraph\">\n <div [innerHTML]=\"description\"></div>\n </div>\n }\n <div class=\"btn__group\">\n @if (button) {\n <a\n [linkType]=\"button.linkType\"\n [href]=\"button.url\"\n class=\"btn btn__primary--outline\"\n [attr.aria-label]=\"button.label\"\n ><span>{{ button.label }}</span></a\n >\n }\n </div>\n </div>\n </div>\n</section>\n", styles: [".eventVideo__playerInner{overflow:hidden}.eventVideo__playerInner>video{width:
|
|
46
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: PuroInfoVideoComponent, isStandalone: true, selector: "lib-puro-info-video", inputs: { title: "title", subtitle: "subtitle", description: "description", button: "button", video: "video", reverse: "reverse", tags: "tags", textColors: "textColors" }, host: { listeners: { "window:resize": "onResize()" } }, ngImport: i0, template: "<section\n class=\"eventVideo eventVideo--right generalMargin\"\n [ngClass]=\"{ 'eventVideo--right': reverse }\"\n resizeZoom\n>\n <div class=\"eventVideo__player\">\n <div class=\"eventVideo__playerInner\">\n @if (video?.source; as src) {\n @if (isYouTube(src)) {\n <iframe\n class=\"eventVideo__media\"\n [src]=\"getYouTubeEmbed(src)\"\n frameborder=\"0\"\n allow=\"autoplay; encrypted-media; picture-in-picture\"\n allowfullscreen\n tabindex=\"-1\"\n aria-hidden=\"true\"\n width=\"100%\"\n height=\"100%\"\n ></iframe>\n } @else {\n <video\n autoplay\n muted\n loop\n playsinline\n width=\"100%\"\n height=\"100%\"\n >\n <source\n [src]=\"src\"\n [type]=\"video?.type || 'video/mp4'\"\n />\n </video>\n }\n }\n </div>\n </div>\n <div class=\"eventVideo__content eventVideo__content--alignCenter\">\n <div>\n @if (title) {\n <lib-puro-dynamic-heading\n [tag]=\"tags?.title || 'h2'\"\n cssClass=\"eventVideo__heading\"\n [color]=\"textColors?.title\"\n [content]=\"title\"\n ></lib-puro-dynamic-heading>\n }\n @if (subtitle) {\n <div class=\"eventVideo__subHeading\" [innerHTML]=\"subtitle\"></div>\n }\n @if (description) {\n <div class=\"eventVideo__paragraph\">\n <div [innerHTML]=\"description\"></div>\n </div>\n }\n <div class=\"btn__group\">\n @if (button) {\n <a\n [linkType]=\"button.linkType\"\n [href]=\"button.url\"\n class=\"btn btn__primary--outline\"\n [attr.aria-label]=\"button.label\"\n ><span>{{ button.label }}</span></a\n >\n }\n </div>\n </div>\n </div>\n</section>\n", styles: [".eventVideo__playerInner{overflow:hidden}.eventVideo__playerInner>video{width:105%;height:105%;object-fit:cover;object-position:center}.eventVideo__playerInner>iframe{width:105%;height:105%;display:block;transform-origin:center center;transform:scale(var(--yt-cover-scale, 1.23))}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: PuroLinkTypeDirective, selector: "[linkType]", inputs: ["linkType", "href", "modalClick"], outputs: ["bookClick", "anchorClicked"] }, { kind: "directive", type: PuroResizeZoomDirective, selector: "[resizeZoom]" }, { kind: "component", type: PuroDynamicHeadingComponent, selector: "lib-puro-dynamic-heading", inputs: ["tag", "wrapper", "cssClass", "content", "color"] }] }); }
|
|
47
47
|
}
|
|
48
48
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroInfoVideoComponent, decorators: [{
|
|
49
49
|
type: Component,
|
|
@@ -53,7 +53,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
53
53
|
PuroResizeZoomDirective,
|
|
54
54
|
PuroResizeZoomDirective,
|
|
55
55
|
PuroDynamicHeadingComponent,
|
|
56
|
-
], template: "<section\n class=\"eventVideo eventVideo--right generalMargin\"\n [ngClass]=\"{ 'eventVideo--right': reverse }\"\n resizeZoom\n>\n <div class=\"eventVideo__player\">\n <div class=\"eventVideo__playerInner\">\n @if (video?.source; as src) {\n @if (isYouTube(src)) {\n <iframe\n class=\"eventVideo__media\"\n [src]=\"getYouTubeEmbed(src)\"\n frameborder=\"0\"\n allow=\"autoplay; encrypted-media; picture-in-picture\"\n allowfullscreen\n tabindex=\"-1\"\n aria-hidden=\"true\"\n width=\"100%\"\n height=\"100%\"\n ></iframe>\n } @else {\n <video\n autoplay\n muted\n loop\n playsinline\n width=\"100%\"\n height=\"100%\"\n >\n <source\n [src]=\"src\"\n [type]=\"video?.type || 'video/mp4'\"\n />\n </video>\n }\n }\n </div>\n </div>\n <div class=\"eventVideo__content eventVideo__content--alignCenter\">\n <div>\n @if (title) {\n <lib-puro-dynamic-heading\n [tag]=\"tags?.title || 'h2'\"\n cssClass=\"eventVideo__heading\"\n [color]=\"textColors?.title\"\n [content]=\"title\"\n ></lib-puro-dynamic-heading>\n }\n @if (subtitle) {\n <div class=\"eventVideo__subHeading\" [innerHTML]=\"subtitle\"></div>\n }\n @if (description) {\n <div class=\"eventVideo__paragraph\">\n <div [innerHTML]=\"description\"></div>\n </div>\n }\n <div class=\"btn__group\">\n @if (button) {\n <a\n [linkType]=\"button.linkType\"\n [href]=\"button.url\"\n class=\"btn btn__primary--outline\"\n [attr.aria-label]=\"button.label\"\n ><span>{{ button.label }}</span></a\n >\n }\n </div>\n </div>\n </div>\n</section>\n", styles: [".eventVideo__playerInner{overflow:hidden}.eventVideo__playerInner>video{width:
|
|
56
|
+
], template: "<section\n class=\"eventVideo eventVideo--right generalMargin\"\n [ngClass]=\"{ 'eventVideo--right': reverse }\"\n resizeZoom\n>\n <div class=\"eventVideo__player\">\n <div class=\"eventVideo__playerInner\">\n @if (video?.source; as src) {\n @if (isYouTube(src)) {\n <iframe\n class=\"eventVideo__media\"\n [src]=\"getYouTubeEmbed(src)\"\n frameborder=\"0\"\n allow=\"autoplay; encrypted-media; picture-in-picture\"\n allowfullscreen\n tabindex=\"-1\"\n aria-hidden=\"true\"\n width=\"100%\"\n height=\"100%\"\n ></iframe>\n } @else {\n <video\n autoplay\n muted\n loop\n playsinline\n width=\"100%\"\n height=\"100%\"\n >\n <source\n [src]=\"src\"\n [type]=\"video?.type || 'video/mp4'\"\n />\n </video>\n }\n }\n </div>\n </div>\n <div class=\"eventVideo__content eventVideo__content--alignCenter\">\n <div>\n @if (title) {\n <lib-puro-dynamic-heading\n [tag]=\"tags?.title || 'h2'\"\n cssClass=\"eventVideo__heading\"\n [color]=\"textColors?.title\"\n [content]=\"title\"\n ></lib-puro-dynamic-heading>\n }\n @if (subtitle) {\n <div class=\"eventVideo__subHeading\" [innerHTML]=\"subtitle\"></div>\n }\n @if (description) {\n <div class=\"eventVideo__paragraph\">\n <div [innerHTML]=\"description\"></div>\n </div>\n }\n <div class=\"btn__group\">\n @if (button) {\n <a\n [linkType]=\"button.linkType\"\n [href]=\"button.url\"\n class=\"btn btn__primary--outline\"\n [attr.aria-label]=\"button.label\"\n ><span>{{ button.label }}</span></a\n >\n }\n </div>\n </div>\n </div>\n</section>\n", styles: [".eventVideo__playerInner{overflow:hidden}.eventVideo__playerInner>video{width:105%;height:105%;object-fit:cover;object-position:center}.eventVideo__playerInner>iframe{width:105%;height:105%;display:block;transform-origin:center center;transform:scale(var(--yt-cover-scale, 1.23))}\n"] }]
|
|
57
57
|
}], ctorParameters: () => [{ type: i1.DomSanitizer }, { type: Object, decorators: [{
|
|
58
58
|
type: Inject,
|
|
59
59
|
args: [PLATFORM_ID]
|
package/fesm2022/ctt-puro.mjs
CHANGED
|
@@ -7749,7 +7749,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
7749
7749
|
|
|
7750
7750
|
class PuroGrid3colSliderComponent {
|
|
7751
7751
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroGrid3colSliderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
7752
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: PuroGrid3colSliderComponent, isStandalone: true, selector: "lib-puro-grid3col-slider", inputs: { title: "title", button: "button", items: "items", tags: "tags", textColors: "textColors" }, ngImport: i0, template: "<section\n class=\"discover discover--noRadius js-active-slider generalMargin\"\n [puroSlider]=\"items\"\n data-slides_infinite=\"true\"\n data-slider_name=\"js-discover-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=\"3\"\n data-slides_laptop=\"3\"\n data-slides_tablet=\"1\"\n data-slides_mobile=\"1\"\n data-slides_mobile_small=\"1\"\n data-slides_mobile_xsmall=\"1\"\n>\n @if (title) {\n <lib-puro-dynamic-heading\n [tag]=\"tags?.title || 'span'\"\n cssClass=\"discover__title\"\n [color]=\"textColors?.title\"\n [content]=\"title\"\n ></lib-puro-dynamic-heading>\n }\n <div class=\"discover__inner relative\">\n <div class=\"discover__container\">\n <div\n class=\"js-discover-slider discover__slider js-slider_fix-arrows\"\n >\n @for (item of items || []; track $index) {\n @if (item) {\n <div class=\"discover__box\">\n <a\n [href]=\"item.button?.url\"\n [linkType]=\"item.button?.linkType\"\n class=\"discover__graphic js-slider_fix-arrows-zone\"\n [attr.aria-label]=\"\n item.button?.label ?? 'Item link'\n \"\n >\n @if (item.img) {\n <img\n [src]=\"item.img.src\"\n width=\"391\"\n height=\"533\"\n class=\"discover__graphic--img\"\n [alt]=\"item.img.alt\"\n loading=\"lazy\"\n />\n }\n\n <div class=\"discover__content\"
|
|
7752
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: PuroGrid3colSliderComponent, isStandalone: true, selector: "lib-puro-grid3col-slider", inputs: { title: "title", button: "button", items: "items", tags: "tags", textColors: "textColors" }, ngImport: i0, template: "<section\n class=\"discover discover--noRadius js-active-slider generalMargin\"\n [puroSlider]=\"items\"\n data-slides_infinite=\"true\"\n data-slider_name=\"js-discover-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=\"3\"\n data-slides_laptop=\"3\"\n data-slides_tablet=\"1\"\n data-slides_mobile=\"1\"\n data-slides_mobile_small=\"1\"\n data-slides_mobile_xsmall=\"1\"\n>\n @if (title) {\n <lib-puro-dynamic-heading\n [tag]=\"tags?.title || 'span'\"\n cssClass=\"discover__title\"\n [color]=\"textColors?.title\"\n [content]=\"title\"\n ></lib-puro-dynamic-heading>\n }\n <div class=\"discover__inner relative\">\n <div class=\"discover__container\">\n <div\n class=\"js-discover-slider discover__slider js-slider_fix-arrows\"\n >\n @for (item of items || []; track $index) {\n @if (item) {\n <div class=\"discover__box\">\n <a\n [href]=\"item.button?.url\"\n [linkType]=\"item.button?.linkType\"\n class=\"discover__graphic js-slider_fix-arrows-zone\"\n [attr.aria-label]=\"\n item.button?.label ?? 'Item link'\n \"\n >\n @if (item.img) {\n <img\n [src]=\"item.img.src\"\n width=\"391\"\n height=\"533\"\n class=\"discover__graphic--img\"\n [alt]=\"item.img.alt\"\n loading=\"lazy\"\n />\n }\n\n <div class=\"discover__content\"> \n @if (item.title) {\n <h3\n class=\"discover__heading photo\"\n [innerHTML]=\"item.title\"\n \n ></h3>\n }\n @if (item.pretitle) {\n <p class=\"discover__subHeading photo\">\n {{ item.pretitle }}\n </p>\n }\n \n </div>\n </a>\n\n @if (item.button) {\n <div class=\"btn__group\">\n <a\n class=\"btn__link\"\n [linkType]=\"item.button?.linkType\"\n [href]=\"item.button?.url\"\n [attr.aria-label]=\"\n item.button.label ?? 'Item button'\n \"\n >\n <span>{{ item.button.label }}</span>\n </a>\n </div>\n }\n </div>\n }\n }\n </div>\n <div class=\"js-slider-arrows\"></div>\n @if (button) {\n <div class=\"btn__group\">\n <a\n [linkType]=\"button.linkType\"\n [href]=\"button.url\"\n class=\"btn btn__primary--outline\"\n [attr.aria-label]=\"button.label\"\n ><span>{{ button.label }}</span></a\n >\n </div>\n }\n </div>\n </div>\n</section>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: PuroSliderDirective, selector: "[puroSlider]", inputs: ["puroSlider"] }, { kind: "directive", type: PuroLinkTypeDirective, selector: "[linkType]", inputs: ["linkType", "href", "modalClick"], outputs: ["bookClick", "anchorClicked"] }, { kind: "directive", type: AutoImageZoomWrapperDirective, selector: "img[src]" }, { kind: "component", type: PuroDynamicHeadingComponent, selector: "lib-puro-dynamic-heading", inputs: ["tag", "wrapper", "cssClass", "content", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
7753
7753
|
}
|
|
7754
7754
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroGrid3colSliderComponent, decorators: [{
|
|
7755
7755
|
type: Component,
|
|
@@ -7759,7 +7759,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
7759
7759
|
PuroLinkTypeDirective,
|
|
7760
7760
|
AutoImageZoomWrapperDirective,
|
|
7761
7761
|
PuroDynamicHeadingComponent,
|
|
7762
|
-
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<section\n class=\"discover discover--noRadius js-active-slider generalMargin\"\n [puroSlider]=\"items\"\n data-slides_infinite=\"true\"\n data-slider_name=\"js-discover-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=\"3\"\n data-slides_laptop=\"3\"\n data-slides_tablet=\"1\"\n data-slides_mobile=\"1\"\n data-slides_mobile_small=\"1\"\n data-slides_mobile_xsmall=\"1\"\n>\n @if (title) {\n <lib-puro-dynamic-heading\n [tag]=\"tags?.title || 'span'\"\n cssClass=\"discover__title\"\n [color]=\"textColors?.title\"\n [content]=\"title\"\n ></lib-puro-dynamic-heading>\n }\n <div class=\"discover__inner relative\">\n <div class=\"discover__container\">\n <div\n class=\"js-discover-slider discover__slider js-slider_fix-arrows\"\n >\n @for (item of items || []; track $index) {\n @if (item) {\n <div class=\"discover__box\">\n <a\n [href]=\"item.button?.url\"\n [linkType]=\"item.button?.linkType\"\n class=\"discover__graphic js-slider_fix-arrows-zone\"\n [attr.aria-label]=\"\n item.button?.label ?? 'Item link'\n \"\n >\n @if (item.img) {\n <img\n [src]=\"item.img.src\"\n width=\"391\"\n height=\"533\"\n class=\"discover__graphic--img\"\n [alt]=\"item.img.alt\"\n loading=\"lazy\"\n />\n }\n\n <div class=\"discover__content\"
|
|
7762
|
+
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<section\n class=\"discover discover--noRadius js-active-slider generalMargin\"\n [puroSlider]=\"items\"\n data-slides_infinite=\"true\"\n data-slider_name=\"js-discover-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=\"3\"\n data-slides_laptop=\"3\"\n data-slides_tablet=\"1\"\n data-slides_mobile=\"1\"\n data-slides_mobile_small=\"1\"\n data-slides_mobile_xsmall=\"1\"\n>\n @if (title) {\n <lib-puro-dynamic-heading\n [tag]=\"tags?.title || 'span'\"\n cssClass=\"discover__title\"\n [color]=\"textColors?.title\"\n [content]=\"title\"\n ></lib-puro-dynamic-heading>\n }\n <div class=\"discover__inner relative\">\n <div class=\"discover__container\">\n <div\n class=\"js-discover-slider discover__slider js-slider_fix-arrows\"\n >\n @for (item of items || []; track $index) {\n @if (item) {\n <div class=\"discover__box\">\n <a\n [href]=\"item.button?.url\"\n [linkType]=\"item.button?.linkType\"\n class=\"discover__graphic js-slider_fix-arrows-zone\"\n [attr.aria-label]=\"\n item.button?.label ?? 'Item link'\n \"\n >\n @if (item.img) {\n <img\n [src]=\"item.img.src\"\n width=\"391\"\n height=\"533\"\n class=\"discover__graphic--img\"\n [alt]=\"item.img.alt\"\n loading=\"lazy\"\n />\n }\n\n <div class=\"discover__content\"> \n @if (item.title) {\n <h3\n class=\"discover__heading photo\"\n [innerHTML]=\"item.title\"\n \n ></h3>\n }\n @if (item.pretitle) {\n <p class=\"discover__subHeading photo\">\n {{ item.pretitle }}\n </p>\n }\n \n </div>\n </a>\n\n @if (item.button) {\n <div class=\"btn__group\">\n <a\n class=\"btn__link\"\n [linkType]=\"item.button?.linkType\"\n [href]=\"item.button?.url\"\n [attr.aria-label]=\"\n item.button.label ?? 'Item button'\n \"\n >\n <span>{{ item.button.label }}</span>\n </a>\n </div>\n }\n </div>\n }\n }\n </div>\n <div class=\"js-slider-arrows\"></div>\n @if (button) {\n <div class=\"btn__group\">\n <a\n [linkType]=\"button.linkType\"\n [href]=\"button.url\"\n class=\"btn btn__primary--outline\"\n [attr.aria-label]=\"button.label\"\n ><span>{{ button.label }}</span></a\n >\n </div>\n }\n </div>\n </div>\n</section>\n" }]
|
|
7763
7763
|
}], propDecorators: { title: [{
|
|
7764
7764
|
type: Input
|
|
7765
7765
|
}], button: [{
|
|
@@ -8405,11 +8405,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
8405
8405
|
|
|
8406
8406
|
class PuroInfoDetails2ColComponent {
|
|
8407
8407
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroInfoDetails2ColComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
8408
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: PuroInfoDetails2ColComponent, isStandalone: true, selector: "lib-puro-info-details-2col", inputs: { title: "title", subtitle: "subtitle", description: "description", items: "items" }, ngImport: i0, template: "<section\n class=\"textContent textContent__ODM--spacing3 textContent--textStart textContent--2ColumnLayout\"\n>\n <div class=\"textContent__titleSection\">\n <div class=\"textContent__title\">\n @if (title) {\n <h2 class=\"
|
|
8408
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: PuroInfoDetails2ColComponent, isStandalone: true, selector: "lib-puro-info-details-2col", inputs: { title: "title", subtitle: "subtitle", description: "description", items: "items" }, ngImport: i0, template: "<section\n class=\"textContent textContent__ODM--spacing3 textContent--textStart textContent--2ColumnLayout\"\n>\n <div class=\"textContent__titleSection\">\n <div class=\"textContent__title\">\n @if (title) {\n <h2 class=\"textContent__title__heading\" [innerHTML]=\"title\"></h2>\n }\n @if (subtitle) {\n <div class=\"textContent__title__subHeading\" [innerHTML]=\"subtitle\"></div>\n }\n </div>\n @if (description) {\n <div class=\"textContent__paragraph\">\n <p [innerHTML]=\"description\"></p>\n </div>\n }\n </div>\n @if (items?.length) {\n <div class=\"textContent__list\">\n @for (item of items; track $index) {\n <div class=\"textContent__item\">\n <div\n class=\"textContent__item__subHeading \"\n [innerHTML]=\"item.title\"\n ></div>\n <div class=\"textContent__item__paragraph\">\n <div [innerHTML]=\"item.description\"></div>\n </div>\n </div>\n }\n </div>\n }\n</section>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
8409
8409
|
}
|
|
8410
8410
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroInfoDetails2ColComponent, decorators: [{
|
|
8411
8411
|
type: Component,
|
|
8412
|
-
args: [{ selector: 'lib-puro-info-details-2col', standalone: true, imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<section\n class=\"textContent textContent__ODM--spacing3 textContent--textStart textContent--2ColumnLayout\"\n>\n <div class=\"textContent__titleSection\">\n <div class=\"textContent__title\">\n @if (title) {\n <h2 class=\"
|
|
8412
|
+
args: [{ selector: 'lib-puro-info-details-2col', standalone: true, imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<section\n class=\"textContent textContent__ODM--spacing3 textContent--textStart textContent--2ColumnLayout\"\n>\n <div class=\"textContent__titleSection\">\n <div class=\"textContent__title\">\n @if (title) {\n <h2 class=\"textContent__title__heading\" [innerHTML]=\"title\"></h2>\n }\n @if (subtitle) {\n <div class=\"textContent__title__subHeading\" [innerHTML]=\"subtitle\"></div>\n }\n </div>\n @if (description) {\n <div class=\"textContent__paragraph\">\n <p [innerHTML]=\"description\"></p>\n </div>\n }\n </div>\n @if (items?.length) {\n <div class=\"textContent__list\">\n @for (item of items; track $index) {\n <div class=\"textContent__item\">\n <div\n class=\"textContent__item__subHeading \"\n [innerHTML]=\"item.title\"\n ></div>\n <div class=\"textContent__item__paragraph\">\n <div [innerHTML]=\"item.description\"></div>\n </div>\n </div>\n }\n </div>\n }\n</section>\n" }]
|
|
8413
8413
|
}], propDecorators: { title: [{
|
|
8414
8414
|
type: Input
|
|
8415
8415
|
}], subtitle: [{
|
|
@@ -8664,7 +8664,7 @@ class PuroInfoVideoComponent {
|
|
|
8664
8664
|
return this.sanitizer.bypassSecurityTrustResourceUrl(embed);
|
|
8665
8665
|
}
|
|
8666
8666
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroInfoVideoComponent, deps: [{ token: i1.DomSanitizer }, { token: PLATFORM_ID }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
8667
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: PuroInfoVideoComponent, isStandalone: true, selector: "lib-puro-info-video", inputs: { title: "title", subtitle: "subtitle", description: "description", button: "button", video: "video", reverse: "reverse", tags: "tags", textColors: "textColors" }, host: { listeners: { "window:resize": "onResize()" } }, ngImport: i0, template: "<section\n class=\"eventVideo eventVideo--right generalMargin\"\n [ngClass]=\"{ 'eventVideo--right': reverse }\"\n resizeZoom\n>\n <div class=\"eventVideo__player\">\n <div class=\"eventVideo__playerInner\">\n @if (video?.source; as src) {\n @if (isYouTube(src)) {\n <iframe\n class=\"eventVideo__media\"\n [src]=\"getYouTubeEmbed(src)\"\n frameborder=\"0\"\n allow=\"autoplay; encrypted-media; picture-in-picture\"\n allowfullscreen\n tabindex=\"-1\"\n aria-hidden=\"true\"\n width=\"100%\"\n height=\"100%\"\n ></iframe>\n } @else {\n <video\n autoplay\n muted\n loop\n playsinline\n width=\"100%\"\n height=\"100%\"\n >\n <source\n [src]=\"src\"\n [type]=\"video?.type || 'video/mp4'\"\n />\n </video>\n }\n }\n </div>\n </div>\n <div class=\"eventVideo__content eventVideo__content--alignCenter\">\n <div>\n @if (title) {\n <lib-puro-dynamic-heading\n [tag]=\"tags?.title || 'h2'\"\n cssClass=\"eventVideo__heading\"\n [color]=\"textColors?.title\"\n [content]=\"title\"\n ></lib-puro-dynamic-heading>\n }\n @if (subtitle) {\n <div class=\"eventVideo__subHeading\" [innerHTML]=\"subtitle\"></div>\n }\n @if (description) {\n <div class=\"eventVideo__paragraph\">\n <div [innerHTML]=\"description\"></div>\n </div>\n }\n <div class=\"btn__group\">\n @if (button) {\n <a\n [linkType]=\"button.linkType\"\n [href]=\"button.url\"\n class=\"btn btn__primary--outline\"\n [attr.aria-label]=\"button.label\"\n ><span>{{ button.label }}</span></a\n >\n }\n </div>\n </div>\n </div>\n</section>\n", styles: [".eventVideo__playerInner{overflow:hidden}.eventVideo__playerInner>video{width:
|
|
8667
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: PuroInfoVideoComponent, isStandalone: true, selector: "lib-puro-info-video", inputs: { title: "title", subtitle: "subtitle", description: "description", button: "button", video: "video", reverse: "reverse", tags: "tags", textColors: "textColors" }, host: { listeners: { "window:resize": "onResize()" } }, ngImport: i0, template: "<section\n class=\"eventVideo eventVideo--right generalMargin\"\n [ngClass]=\"{ 'eventVideo--right': reverse }\"\n resizeZoom\n>\n <div class=\"eventVideo__player\">\n <div class=\"eventVideo__playerInner\">\n @if (video?.source; as src) {\n @if (isYouTube(src)) {\n <iframe\n class=\"eventVideo__media\"\n [src]=\"getYouTubeEmbed(src)\"\n frameborder=\"0\"\n allow=\"autoplay; encrypted-media; picture-in-picture\"\n allowfullscreen\n tabindex=\"-1\"\n aria-hidden=\"true\"\n width=\"100%\"\n height=\"100%\"\n ></iframe>\n } @else {\n <video\n autoplay\n muted\n loop\n playsinline\n width=\"100%\"\n height=\"100%\"\n >\n <source\n [src]=\"src\"\n [type]=\"video?.type || 'video/mp4'\"\n />\n </video>\n }\n }\n </div>\n </div>\n <div class=\"eventVideo__content eventVideo__content--alignCenter\">\n <div>\n @if (title) {\n <lib-puro-dynamic-heading\n [tag]=\"tags?.title || 'h2'\"\n cssClass=\"eventVideo__heading\"\n [color]=\"textColors?.title\"\n [content]=\"title\"\n ></lib-puro-dynamic-heading>\n }\n @if (subtitle) {\n <div class=\"eventVideo__subHeading\" [innerHTML]=\"subtitle\"></div>\n }\n @if (description) {\n <div class=\"eventVideo__paragraph\">\n <div [innerHTML]=\"description\"></div>\n </div>\n }\n <div class=\"btn__group\">\n @if (button) {\n <a\n [linkType]=\"button.linkType\"\n [href]=\"button.url\"\n class=\"btn btn__primary--outline\"\n [attr.aria-label]=\"button.label\"\n ><span>{{ button.label }}</span></a\n >\n }\n </div>\n </div>\n </div>\n</section>\n", styles: [".eventVideo__playerInner{overflow:hidden}.eventVideo__playerInner>video{width:105%;height:105%;object-fit:cover;object-position:center}.eventVideo__playerInner>iframe{width:105%;height:105%;display:block;transform-origin:center center;transform:scale(var(--yt-cover-scale, 1.23))}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: PuroLinkTypeDirective, selector: "[linkType]", inputs: ["linkType", "href", "modalClick"], outputs: ["bookClick", "anchorClicked"] }, { kind: "directive", type: PuroResizeZoomDirective, selector: "[resizeZoom]" }, { kind: "component", type: PuroDynamicHeadingComponent, selector: "lib-puro-dynamic-heading", inputs: ["tag", "wrapper", "cssClass", "content", "color"] }] }); }
|
|
8668
8668
|
}
|
|
8669
8669
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroInfoVideoComponent, decorators: [{
|
|
8670
8670
|
type: Component,
|
|
@@ -8674,7 +8674,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
8674
8674
|
PuroResizeZoomDirective,
|
|
8675
8675
|
PuroResizeZoomDirective,
|
|
8676
8676
|
PuroDynamicHeadingComponent,
|
|
8677
|
-
], template: "<section\n class=\"eventVideo eventVideo--right generalMargin\"\n [ngClass]=\"{ 'eventVideo--right': reverse }\"\n resizeZoom\n>\n <div class=\"eventVideo__player\">\n <div class=\"eventVideo__playerInner\">\n @if (video?.source; as src) {\n @if (isYouTube(src)) {\n <iframe\n class=\"eventVideo__media\"\n [src]=\"getYouTubeEmbed(src)\"\n frameborder=\"0\"\n allow=\"autoplay; encrypted-media; picture-in-picture\"\n allowfullscreen\n tabindex=\"-1\"\n aria-hidden=\"true\"\n width=\"100%\"\n height=\"100%\"\n ></iframe>\n } @else {\n <video\n autoplay\n muted\n loop\n playsinline\n width=\"100%\"\n height=\"100%\"\n >\n <source\n [src]=\"src\"\n [type]=\"video?.type || 'video/mp4'\"\n />\n </video>\n }\n }\n </div>\n </div>\n <div class=\"eventVideo__content eventVideo__content--alignCenter\">\n <div>\n @if (title) {\n <lib-puro-dynamic-heading\n [tag]=\"tags?.title || 'h2'\"\n cssClass=\"eventVideo__heading\"\n [color]=\"textColors?.title\"\n [content]=\"title\"\n ></lib-puro-dynamic-heading>\n }\n @if (subtitle) {\n <div class=\"eventVideo__subHeading\" [innerHTML]=\"subtitle\"></div>\n }\n @if (description) {\n <div class=\"eventVideo__paragraph\">\n <div [innerHTML]=\"description\"></div>\n </div>\n }\n <div class=\"btn__group\">\n @if (button) {\n <a\n [linkType]=\"button.linkType\"\n [href]=\"button.url\"\n class=\"btn btn__primary--outline\"\n [attr.aria-label]=\"button.label\"\n ><span>{{ button.label }}</span></a\n >\n }\n </div>\n </div>\n </div>\n</section>\n", styles: [".eventVideo__playerInner{overflow:hidden}.eventVideo__playerInner>video{width:
|
|
8677
|
+
], template: "<section\n class=\"eventVideo eventVideo--right generalMargin\"\n [ngClass]=\"{ 'eventVideo--right': reverse }\"\n resizeZoom\n>\n <div class=\"eventVideo__player\">\n <div class=\"eventVideo__playerInner\">\n @if (video?.source; as src) {\n @if (isYouTube(src)) {\n <iframe\n class=\"eventVideo__media\"\n [src]=\"getYouTubeEmbed(src)\"\n frameborder=\"0\"\n allow=\"autoplay; encrypted-media; picture-in-picture\"\n allowfullscreen\n tabindex=\"-1\"\n aria-hidden=\"true\"\n width=\"100%\"\n height=\"100%\"\n ></iframe>\n } @else {\n <video\n autoplay\n muted\n loop\n playsinline\n width=\"100%\"\n height=\"100%\"\n >\n <source\n [src]=\"src\"\n [type]=\"video?.type || 'video/mp4'\"\n />\n </video>\n }\n }\n </div>\n </div>\n <div class=\"eventVideo__content eventVideo__content--alignCenter\">\n <div>\n @if (title) {\n <lib-puro-dynamic-heading\n [tag]=\"tags?.title || 'h2'\"\n cssClass=\"eventVideo__heading\"\n [color]=\"textColors?.title\"\n [content]=\"title\"\n ></lib-puro-dynamic-heading>\n }\n @if (subtitle) {\n <div class=\"eventVideo__subHeading\" [innerHTML]=\"subtitle\"></div>\n }\n @if (description) {\n <div class=\"eventVideo__paragraph\">\n <div [innerHTML]=\"description\"></div>\n </div>\n }\n <div class=\"btn__group\">\n @if (button) {\n <a\n [linkType]=\"button.linkType\"\n [href]=\"button.url\"\n class=\"btn btn__primary--outline\"\n [attr.aria-label]=\"button.label\"\n ><span>{{ button.label }}</span></a\n >\n }\n </div>\n </div>\n </div>\n</section>\n", styles: [".eventVideo__playerInner{overflow:hidden}.eventVideo__playerInner>video{width:105%;height:105%;object-fit:cover;object-position:center}.eventVideo__playerInner>iframe{width:105%;height:105%;display:block;transform-origin:center center;transform:scale(var(--yt-cover-scale, 1.23))}\n"] }]
|
|
8678
8678
|
}], ctorParameters: () => [{ type: i1.DomSanitizer }, { type: Object, decorators: [{
|
|
8679
8679
|
type: Inject,
|
|
8680
8680
|
args: [PLATFORM_ID]
|