ctt-puro 0.70.6 → 0.70.7
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.
|
@@ -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
|
@@ -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]
|