@biggive/components 202308311526.0.0 → 202309040952.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (25) hide show
  1. package/dist/biggive/biggive.esm.js +1 -1
  2. package/dist/biggive/{p-3aec61b5.entry.js → p-52bf9b24.entry.js} +1 -1
  3. package/dist/biggive/p-6dddeefa.js +1 -0
  4. package/dist/biggive/p-de1d5f31.entry.js +1 -0
  5. package/dist/cjs/biggive-accordion_43.cjs.entry.js +4 -3
  6. package/dist/cjs/biggive-video.cjs.entry.js +3 -3
  7. package/dist/cjs/video-fe60f2c3.js +18 -0
  8. package/dist/collection/components/biggive-video/biggive-video.css +4 -1
  9. package/dist/collection/components/biggive-video/biggive-video.js +1 -1
  10. package/dist/collection/components/biggive-video-feature/biggive-video-feature.css +4 -1
  11. package/dist/collection/components/biggive-video-feature/biggive-video-feature.js +2 -1
  12. package/dist/collection/util/video.js +7 -3
  13. package/dist/components/biggive-video-feature.js +3 -2
  14. package/dist/components/biggive-video.js +2 -2
  15. package/dist/components/video.js +7 -3
  16. package/dist/esm/biggive-accordion_43.entry.js +4 -3
  17. package/dist/esm/biggive-video.entry.js +3 -3
  18. package/dist/esm/video-eba43e75.js +16 -0
  19. package/dist/types/util/video.d.ts +1 -1
  20. package/hydrate/index.js +12 -7
  21. package/package.json +1 -1
  22. package/dist/biggive/p-1b6695bd.js +0 -1
  23. package/dist/biggive/p-92234b28.entry.js +0 -1
  24. package/dist/cjs/video-9d39b110.js +0 -14
  25. package/dist/esm/video-4e17ad68.js +0 -12
package/dist/biggive/p-6dddeefa.js ADDED
@@ -0,0 +1 @@
1
+ class e{static getEmbedHtml(e,a){return e.match(/youtube\.com/g)?`<iframe loading="lazy" src="${e}"></iframe>`:e.match(/player\.vimeo\.com/g)?`<div style="padding:56.25% 0 0 0;position:relative;"><iframe src="${e}?badge=0&amp;autopause=0&amp;player_id=0&amp;app_id=58479&amp;dnt=1" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" style="position:absolute;top:0;left:0;width:100%;height:100%;"${null!==a&&a.length>0?` title="${a}"`:""}></iframe></div><script src="https://player.vimeo.com/api/player.js"><\/script>`:`<video controls src="${e}"></video>`}}export{e as V}
package/dist/biggive/p-de1d5f31.entry.js ADDED
@@ -0,0 +1 @@
1
+ import{r as o,h as e}from"./p-fcadc947.js";import{V as a}from"./p-6dddeefa.js";const t=class{constructor(e){o(this,e),this.spaceAbove=0,this.spaceBelow=0,this.videoUrl=""}render(){return e("div",{class:"container space-above-"+this.spaceAbove+" space-below-"+this.spaceBelow},e("div",{class:"video-wrap",innerHTML:a.getEmbedHtml(this.videoUrl,null)}))}};t.style='a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.space-above-0{margin-top:0}.space-above-1{margin-top:5px}.space-above-2{margin-top:10px}.space-above-3{margin-top:15px}.space-above-4{margin-top:30px}.space-above-5{margin-top:45px}.space-above-6{margin-top:60px}.space-below-0{margin-bottom:0}.space-below-1{margin-bottom:5px}.space-below-2{margin-bottom:10px}.space-below-3{margin-bottom:15px}.space-below-4{margin-bottom:30px}.space-below-5{margin-bottom:45px}.space-below-6{margin-bottom:60px}:host{display:contents}.video-wrap{position:relative}.video-wrap iframe,.video-wrap video{position:absolute;border:0;display:block;left:0;right:0;top:0;bottom:0;width:100%;height:100%}.video-wrap.youtube{padding-bottom:56.25%}.container{font-family:"Euclid Triangle", sans-serif;font-size:17px;line-height:24px}';export{t as biggive_video}
package/dist/cjs/biggive-accordion_43.cjs.entry.js CHANGED
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-18cf5add.js');
6
6
  const fontawesomeIcons = require('./fontawesome-icons-db7f3e7e.js');
7
- const video = require('./video-9d39b110.js');
7
+ const video = require('./video-fe60f2c3.js');
8
8
 
9
9
  const biggiveAccordionCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.space-above-0{margin-top:0}.space-above-1{margin-top:5px}.space-above-2{margin-top:10px}.space-above-3{margin-top:15px}.space-above-4{margin-top:30px}.space-above-5{margin-top:45px}.space-above-6{margin-top:60px}.space-below-0{margin-bottom:0}.space-below-1{margin-bottom:5px}.space-below-2{margin-bottom:10px}.space-below-3{margin-bottom:15px}.space-below-4{margin-bottom:30px}.space-below-5{margin-bottom:45px}.space-below-6{margin-bottom:60px}.text-colour-hover-primary:hover,.text-colour-primary{color:#2C089B}.text-colour-hover-secondary:hover,.text-colour-secondary{color:#2AF135}.text-colour-hover-tertiary:hover,.text-colour-tertiary{color:#FF7272}.text-colour-hover-brand-1:hover,.text-colour-brand-1{color:#B30510}.text-colour-hover-brand-2:hover,.text-colour-brand-2{color:#6E0887}.text-colour-hover-brand-3:hover,.text-colour-brand-3{color:#50B400}.text-colour-hover-brand-4:hover,.text-colour-brand-4{color:#FFE500}.text-colour-hover-brand-5:hover,.text-colour-brand-5{color:#F07D00}.text-colour-hover-brand-6:hover,.text-colour-brand-6{color:#CBC8C8}.text-colour-hover-brand-afa-pink:hover,.text-colour-brand-afa-pink{color:#BF387D}.text-colour-hover-white:hover,.text-colour-white{color:#FFFFFF}.text-colour-hover-black:hover,.text-colour-black{color:#000000}.text-colour-hover-grey-extra-light:hover,.text-colour-grey-extra-light{color:#D7D7D7}.text-colour-hover-grey-light:hover,.text-colour-grey-light{color:#E8E8E8}.text-colour-hover-grey-medium:hover,.text-colour-grey-medium{color:#8A8A8A}.text-colour-hover-grey-dark:hover,.text-colour-grey-dark{color:#4A4A4A}:host{display:contents}.container{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;position:relative}.container .entry h3.heading{position:relative;margin:25px 0 0 0;padding:15px 60px 10px 20px;border-bottom:1px solid #000000;cursor:pointer}.container .entry h3.heading span.arrow{display:block;position:absolute;right:20px;top:10px;width:40px;height:20px;text-align:center}.container .entry .content{overflow:hidden;max-height:0;padding:0 20px}.container .entry.expanded .content{max-height:100%}.container .entry.expanded span.arrow{transform:rotate(-180deg)}.container.heading-colour-primary .entry h3.heading svg path{stroke:#2C089B}.container.heading-colour-primary h3.heading{color:#2C089B}.container.text-colour-primary .content{color:#2C089B}.container.heading-colour-secondary .entry h3.heading svg path{stroke:#2AF135}.container.heading-colour-secondary h3.heading{color:#2AF135}.container.text-colour-secondary .content{color:#2AF135}.container.heading-colour-tertiary .entry h3.heading svg path{stroke:#FF7272}.container.heading-colour-tertiary h3.heading{color:#FF7272}.container.text-colour-tertiary .content{color:#FF7272}.container.heading-colour-brand-1 .entry h3.heading svg path{stroke:#B30510}.container.heading-colour-brand-1 h3.heading{color:#B30510}.container.text-colour-brand-1 .content{color:#B30510}.container.heading-colour-brand-2 .entry h3.heading svg path{stroke:#6E0887}.container.heading-colour-brand-2 h3.heading{color:#6E0887}.container.text-colour-brand-2 .content{color:#6E0887}.container.heading-colour-brand-3 .entry h3.heading svg path{stroke:#50B400}.container.heading-colour-brand-3 h3.heading{color:#50B400}.container.text-colour-brand-3 .content{color:#50B400}.container.heading-colour-brand-4 .entry h3.heading svg path{stroke:#FFE500}.container.heading-colour-brand-4 h3.heading{color:#FFE500}.container.text-colour-brand-4 .content{color:#FFE500}.container.heading-colour-brand-5 .entry h3.heading svg path{stroke:#F07D00}.container.heading-colour-brand-5 h3.heading{color:#F07D00}.container.text-colour-brand-5 .content{color:#F07D00}.container.heading-colour-brand-6 .entry h3.heading svg path{stroke:#62CFC9}.container.heading-colour-brand-6 h3.heading{color:#62CFC9}.container.text-colour-brand-6 .content{color:#62CFC9}.container.heading-colour-brand-afa-pink .entry h3.heading svg path{stroke:#BF387D}.container.heading-colour-brand-afa-pink h3.heading{color:#BF387D}.container.text-colour-brand-afa-pink .content{color:#BF387D}.container.heading-colour-white .entry h3.heading svg path{stroke:#FFFFFF}.container.heading-colour-white h3.heading{color:#FFFFFF}.container.text-colour-white .content{color:#FFFFFF}.container.heading-colour-black .entry h3.heading svg path{stroke:#000000}.container.heading-colour-black h3.heading{color:#000000}.container.text-colour-black .content{color:#000000}.container.heading-colour-grey-extra-light .entry h3.heading svg path{stroke:#D7D7D7}.container.heading-colour-grey-extra-light h3.heading{color:#D7D7D7}.container.text-colour-grey-extra-light .content{color:#D7D7D7}.container.heading-colour-grey-light .entry h3.heading svg path{stroke:#E8E8E8}.container.heading-colour-grey-light h3.heading{color:#E8E8E8}.container.text-colour-grey-light .content{color:#E8E8E8}.container.heading-colour-grey-medium .entry h3.heading svg path{stroke:#8A8A8A}.container.heading-colour-grey-medium h3.heading{color:#8A8A8A}.container.text-colour-grey-medium .content{color:#8A8A8A}.container.heading-colour-grey-dark .entry h3.heading svg path{stroke:#4A4A4A}.container.heading-colour-grey-dark h3.heading{color:#4A4A4A}.container.text-colour-grey-dark .content{color:#4A4A4A}";
10
10
 
@@ -1766,7 +1766,7 @@ const BiggiveTotalizerTickerItem = class {
1766
1766
  };
1767
1767
  BiggiveTotalizerTickerItem.style = biggiveTotalizerTickerItemCss;
1768
1768
 
1769
- const biggiveVideoFeatureCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.space-above-0{margin-top:0}.space-above-1{margin-top:5px}.space-above-2{margin-top:10px}.space-above-3{margin-top:15px}.space-above-4{margin-top:30px}.space-above-5{margin-top:45px}.space-above-6{margin-top:60px}.space-below-0{margin-bottom:0}.space-below-1{margin-bottom:5px}.space-below-2{margin-bottom:10px}.space-below-3{margin-bottom:15px}.space-below-4{margin-bottom:30px}.space-below-5{margin-bottom:45px}.space-below-6{margin-bottom:60px}.text-colour-hover-primary:hover,.text-colour-primary{color:#2C089B}.text-colour-hover-secondary:hover,.text-colour-secondary{color:#2AF135}.text-colour-hover-tertiary:hover,.text-colour-tertiary{color:#FF7272}.text-colour-hover-brand-1:hover,.text-colour-brand-1{color:#B30510}.text-colour-hover-brand-2:hover,.text-colour-brand-2{color:#6E0887}.text-colour-hover-brand-3:hover,.text-colour-brand-3{color:#50B400}.text-colour-hover-brand-4:hover,.text-colour-brand-4{color:#FFE500}.text-colour-hover-brand-5:hover,.text-colour-brand-5{color:#F07D00}.text-colour-hover-brand-6:hover,.text-colour-brand-6{color:#CBC8C8}.text-colour-hover-brand-afa-pink:hover,.text-colour-brand-afa-pink{color:#BF387D}.text-colour-hover-white:hover,.text-colour-white{color:#FFFFFF}.text-colour-hover-black:hover,.text-colour-black{color:#000000}.text-colour-hover-grey-extra-light:hover,.text-colour-grey-extra-light{color:#D7D7D7}.text-colour-hover-grey-light:hover,.text-colour-grey-light{color:#E8E8E8}.text-colour-hover-grey-medium:hover,.text-colour-grey-medium{color:#8A8A8A}.text-colour-hover-grey-dark:hover,.text-colour-grey-dark{color:#4A4A4A}:host{display:contents}.video-wrap{position:relative;padding-bottom:56.25%}.video-wrap iframe,.video-wrap video{position:absolute;border:0;display:block;left:0;right:0;top:0;bottom:0;width:100%;height:100%}.container{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;position:relative}.container .sleeve{display:flex;justify-content:space-between}.container .sleeve .content-wrap{width:calc(40% - 15px);position:relative;z-index:1}.container .sleeve .content-wrap .slug{font-size:20px;line-height:24px;font-weight:bold;margin:0;padding:0}.container .sleeve .content-wrap h2{font-size:38px;line-height:45px;font-weight:bold;margin:0 0 15px 0;padding:0}.container .sleeve .content-wrap .teaser{margin:0 0 45px 0;padding:0}.container .sleeve .graphic-wrap{width:calc(60% - 15px)}@media screen and (max-width: 576px){.container .sleeve{flex-wrap:wrap}.container .sleeve .content-wrap{width:100%}.container .sleeve .graphic-wrap{padding-top:20px;width:100%;margin-bottom:15px}}";
1769
+ const biggiveVideoFeatureCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.space-above-0{margin-top:0}.space-above-1{margin-top:5px}.space-above-2{margin-top:10px}.space-above-3{margin-top:15px}.space-above-4{margin-top:30px}.space-above-5{margin-top:45px}.space-above-6{margin-top:60px}.space-below-0{margin-bottom:0}.space-below-1{margin-bottom:5px}.space-below-2{margin-bottom:10px}.space-below-3{margin-bottom:15px}.space-below-4{margin-bottom:30px}.space-below-5{margin-bottom:45px}.space-below-6{margin-bottom:60px}.text-colour-hover-primary:hover,.text-colour-primary{color:#2C089B}.text-colour-hover-secondary:hover,.text-colour-secondary{color:#2AF135}.text-colour-hover-tertiary:hover,.text-colour-tertiary{color:#FF7272}.text-colour-hover-brand-1:hover,.text-colour-brand-1{color:#B30510}.text-colour-hover-brand-2:hover,.text-colour-brand-2{color:#6E0887}.text-colour-hover-brand-3:hover,.text-colour-brand-3{color:#50B400}.text-colour-hover-brand-4:hover,.text-colour-brand-4{color:#FFE500}.text-colour-hover-brand-5:hover,.text-colour-brand-5{color:#F07D00}.text-colour-hover-brand-6:hover,.text-colour-brand-6{color:#CBC8C8}.text-colour-hover-brand-afa-pink:hover,.text-colour-brand-afa-pink{color:#BF387D}.text-colour-hover-white:hover,.text-colour-white{color:#FFFFFF}.text-colour-hover-black:hover,.text-colour-black{color:#000000}.text-colour-hover-grey-extra-light:hover,.text-colour-grey-extra-light{color:#D7D7D7}.text-colour-hover-grey-light:hover,.text-colour-grey-light{color:#E8E8E8}.text-colour-hover-grey-medium:hover,.text-colour-grey-medium{color:#8A8A8A}.text-colour-hover-grey-dark:hover,.text-colour-grey-dark{color:#4A4A4A}:host{display:contents}.video-wrap{position:relative}.video-wrap iframe,.video-wrap video{position:absolute;border:0;display:block;left:0;right:0;top:0;bottom:0;width:100%;height:100%}.video-wrap.youtube{padding-bottom:56.25%}.container{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;position:relative}.container .sleeve{display:flex;justify-content:space-between}.container .sleeve .content-wrap{width:calc(40% - 15px);position:relative;z-index:1}.container .sleeve .content-wrap .slug{font-size:20px;line-height:24px;font-weight:bold;margin:0;padding:0}.container .sleeve .content-wrap h2{font-size:38px;line-height:45px;font-weight:bold;margin:0 0 15px 0;padding:0}.container .sleeve .content-wrap .teaser{margin:0 0 45px 0;padding:0}.container .sleeve .graphic-wrap{width:calc(60% - 15px)}@media screen and (max-width: 576px){.container .sleeve{flex-wrap:wrap}.container .sleeve .content-wrap{width:100%}.container .sleeve .graphic-wrap{padding-top:20px;width:100%;margin-bottom:15px}}";
1770
1770
 
1771
1771
  const BiggiveVideoFeature = class {
1772
1772
  constructor(hostRef) {
@@ -1786,7 +1786,8 @@ const BiggiveVideoFeature = class {
1786
1786
  this.buttonColourScheme = 'primary';
1787
1787
  }
1788
1788
  render() {
1789
- return (index.h("div", { class: 'container text-colour-' + this.defaultTextColour + ' space-above-' + this.spaceAbove + ' space-below-' + this.spaceBelow }, index.h("div", { class: "sleeve" }, index.h("div", { class: "content-wrap" }, index.h("div", { class: 'slug text-colour-' + this.slugColour }, this.slug), index.h("h2", { class: 'title text-colour-' + this.mainTitleColour }, this.mainTitle), index.h("div", { class: 'teaser text-colour-' + this.teaserColour }, this.teaser), this.buttonLabel != null && this.buttonUrl != null ? (index.h("biggive-button", { "colour-scheme": this.buttonColourScheme, url: this.buttonUrl, label: this.buttonLabel })) : null), index.h("div", { class: "graphic-wrap" }, this.videoUrl !== null && this.videoUrl !== undefined ? index.h("div", { class: "video-wrap", innerHTML: video.VideoService.getEmbedHtml(this.videoUrl) }) : null))));
1789
+ const youtubeClass = this.videoUrl.includes('youtube.com') ? ' youtube' : '';
1790
+ return (index.h("div", { class: 'container text-colour-' + this.defaultTextColour + ' space-above-' + this.spaceAbove + ' space-below-' + this.spaceBelow }, index.h("div", { class: "sleeve" }, index.h("div", { class: "content-wrap" }, index.h("div", { class: 'slug text-colour-' + this.slugColour }, this.slug), index.h("h2", { class: 'title text-colour-' + this.mainTitleColour }, this.mainTitle), index.h("div", { class: 'teaser text-colour-' + this.teaserColour }, this.teaser), this.buttonLabel != null && this.buttonUrl != null ? (index.h("biggive-button", { "colour-scheme": this.buttonColourScheme, url: this.buttonUrl, label: this.buttonLabel })) : null), index.h("div", { class: "graphic-wrap" }, this.videoUrl !== null && this.videoUrl !== undefined ? (index.h("div", { class: 'video-wrap' + youtubeClass, innerHTML: video.VideoService.getEmbedHtml(this.videoUrl, this.mainTitle) })) : null))));
1790
1791
  }
1791
1792
  };
1792
1793
  BiggiveVideoFeature.style = biggiveVideoFeatureCss;
package/dist/cjs/biggive-video.cjs.entry.js CHANGED
@@ -3,9 +3,9 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-18cf5add.js');
6
- const video = require('./video-9d39b110.js');
6
+ const video = require('./video-fe60f2c3.js');
7
7
 
8
- const biggiveVideoCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.space-above-0{margin-top:0}.space-above-1{margin-top:5px}.space-above-2{margin-top:10px}.space-above-3{margin-top:15px}.space-above-4{margin-top:30px}.space-above-5{margin-top:45px}.space-above-6{margin-top:60px}.space-below-0{margin-bottom:0}.space-below-1{margin-bottom:5px}.space-below-2{margin-bottom:10px}.space-below-3{margin-bottom:15px}.space-below-4{margin-bottom:30px}.space-below-5{margin-bottom:45px}.space-below-6{margin-bottom:60px}:host{display:contents}.video-wrap{position:relative;padding-bottom:56.25%}.video-wrap iframe,.video-wrap video{position:absolute;border:0;display:block;left:0;right:0;top:0;bottom:0;width:100%;height:100%}.container{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px}";
8
+ const biggiveVideoCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.space-above-0{margin-top:0}.space-above-1{margin-top:5px}.space-above-2{margin-top:10px}.space-above-3{margin-top:15px}.space-above-4{margin-top:30px}.space-above-5{margin-top:45px}.space-above-6{margin-top:60px}.space-below-0{margin-bottom:0}.space-below-1{margin-bottom:5px}.space-below-2{margin-bottom:10px}.space-below-3{margin-bottom:15px}.space-below-4{margin-bottom:30px}.space-below-5{margin-bottom:45px}.space-below-6{margin-bottom:60px}:host{display:contents}.video-wrap{position:relative}.video-wrap iframe,.video-wrap video{position:absolute;border:0;display:block;left:0;right:0;top:0;bottom:0;width:100%;height:100%}.video-wrap.youtube{padding-bottom:56.25%}.container{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px}";
9
9
 
10
10
  const BiggiveVideo = class {
11
11
  constructor(hostRef) {
@@ -15,7 +15,7 @@ const BiggiveVideo = class {
15
15
  this.videoUrl = '';
16
16
  }
17
17
  render() {
18
- return (index.h("div", { class: 'container space-above-' + this.spaceAbove + ' space-below-' + this.spaceBelow }, index.h("div", { class: "video-wrap", innerHTML: video.VideoService.getEmbedHtml(this.videoUrl) })));
18
+ return (index.h("div", { class: 'container space-above-' + this.spaceAbove + ' space-below-' + this.spaceBelow }, index.h("div", { class: "video-wrap", innerHTML: video.VideoService.getEmbedHtml(this.videoUrl, null) })));
19
19
  }
20
20
  };
21
21
  BiggiveVideo.style = biggiveVideoCss;
package/dist/cjs/video-fe60f2c3.js ADDED
@@ -0,0 +1,18 @@
1
+ 'use strict';
2
+
3
+ class VideoService {
4
+ static getEmbedHtml(url, title) {
5
+ if (url.match(/youtube\.com/g)) {
6
+ return `<iframe loading="lazy" src="${url}"></iframe>`;
7
+ }
8
+ else if (url.match(/player\.vimeo\.com/g)) {
9
+ const titlePart = title !== null && title.length > 0 ? ` title="${title}"` : '';
10
+ return `<div style="padding:56.25% 0 0 0;position:relative;"><iframe src="${url}?badge=0&amp;autopause=0&amp;player_id=0&amp;app_id=58479&amp;dnt=1" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" style="position:absolute;top:0;left:0;width:100%;height:100%;"${titlePart}></iframe></div><script src="https://player.vimeo.com/api/player.js"></script>`;
11
+ }
12
+ else {
13
+ return `<video controls src="${url}"></video>`;
14
+ }
15
+ }
16
+ }
17
+
18
+ exports.VideoService = VideoService;
package/dist/collection/components/biggive-video/biggive-video.css CHANGED
@@ -71,7 +71,6 @@ a:hover {
71
71
 
72
72
  .video-wrap {
73
73
  position: relative;
74
- padding-bottom: 56.25%;
75
74
  }
76
75
  .video-wrap iframe, .video-wrap video {
77
76
  position: absolute;
@@ -85,6 +84,10 @@ a:hover {
85
84
  height: 100%;
86
85
  }
87
86
 
87
+ .video-wrap.youtube {
88
+ padding-bottom: 56.25%;
89
+ }
90
+
88
91
  .container {
89
92
  font-family: "Euclid Triangle", sans-serif;
90
93
  font-size: 17px;
package/dist/collection/components/biggive-video/biggive-video.js CHANGED
@@ -7,7 +7,7 @@ export class BiggiveVideo {
7
7
  this.videoUrl = '';
8
8
  }
9
9
  render() {
10
- return (h("div", { class: 'container space-above-' + this.spaceAbove + ' space-below-' + this.spaceBelow }, h("div", { class: "video-wrap", innerHTML: VideoService.getEmbedHtml(this.videoUrl) })));
10
+ return (h("div", { class: 'container space-above-' + this.spaceAbove + ' space-below-' + this.spaceBelow }, h("div", { class: "video-wrap", innerHTML: VideoService.getEmbedHtml(this.videoUrl, null) })));
11
11
  }
12
12
  static get is() { return "biggive-video"; }
13
13
  static get encapsulation() { return "shadow"; }
package/dist/collection/components/biggive-video-feature/biggive-video-feature.css CHANGED
@@ -151,7 +151,6 @@ a:hover {
151
151
 
152
152
  .video-wrap {
153
153
  position: relative;
154
- padding-bottom: 56.25%;
155
154
  }
156
155
  .video-wrap iframe, .video-wrap video {
157
156
  position: absolute;
@@ -165,6 +164,10 @@ a:hover {
165
164
  height: 100%;
166
165
  }
167
166
 
167
+ .video-wrap.youtube {
168
+ padding-bottom: 56.25%;
169
+ }
170
+
168
171
  .container {
169
172
  font-family: "Euclid Triangle", sans-serif;
170
173
  font-size: 17px;
package/dist/collection/components/biggive-video-feature/biggive-video-feature.js CHANGED
@@ -17,7 +17,8 @@ export class BiggiveVideoFeature {
17
17
  this.buttonColourScheme = 'primary';
18
18
  }
19
19
  render() {
20
- return (h("div", { class: 'container text-colour-' + this.defaultTextColour + ' space-above-' + this.spaceAbove + ' space-below-' + this.spaceBelow }, h("div", { class: "sleeve" }, h("div", { class: "content-wrap" }, h("div", { class: 'slug text-colour-' + this.slugColour }, this.slug), h("h2", { class: 'title text-colour-' + this.mainTitleColour }, this.mainTitle), h("div", { class: 'teaser text-colour-' + this.teaserColour }, this.teaser), this.buttonLabel != null && this.buttonUrl != null ? (h("biggive-button", { "colour-scheme": this.buttonColourScheme, url: this.buttonUrl, label: this.buttonLabel })) : null), h("div", { class: "graphic-wrap" }, this.videoUrl !== null && this.videoUrl !== undefined ? h("div", { class: "video-wrap", innerHTML: VideoService.getEmbedHtml(this.videoUrl) }) : null))));
20
+ const youtubeClass = this.videoUrl.includes('youtube.com') ? ' youtube' : '';
21
+ return (h("div", { class: 'container text-colour-' + this.defaultTextColour + ' space-above-' + this.spaceAbove + ' space-below-' + this.spaceBelow }, h("div", { class: "sleeve" }, h("div", { class: "content-wrap" }, h("div", { class: 'slug text-colour-' + this.slugColour }, this.slug), h("h2", { class: 'title text-colour-' + this.mainTitleColour }, this.mainTitle), h("div", { class: 'teaser text-colour-' + this.teaserColour }, this.teaser), this.buttonLabel != null && this.buttonUrl != null ? (h("biggive-button", { "colour-scheme": this.buttonColourScheme, url: this.buttonUrl, label: this.buttonLabel })) : null), h("div", { class: "graphic-wrap" }, this.videoUrl !== null && this.videoUrl !== undefined ? (h("div", { class: 'video-wrap' + youtubeClass, innerHTML: VideoService.getEmbedHtml(this.videoUrl, this.mainTitle) })) : null))));
21
22
  }
22
23
  static get is() { return "biggive-video-feature"; }
23
24
  static get encapsulation() { return "shadow"; }
package/dist/collection/util/video.js CHANGED
@@ -1,10 +1,14 @@
1
1
  export class VideoService {
2
- static getEmbedHtml(url) {
2
+ static getEmbedHtml(url, title) {
3
3
  if (url.match(/youtube\.com/g)) {
4
- return '<iframe loading="lazy" src="' + url + '"></iframe>';
4
+ return `<iframe loading="lazy" src="${url}"></iframe>`;
5
+ }
6
+ else if (url.match(/player\.vimeo\.com/g)) {
7
+ const titlePart = title !== null && title.length > 0 ? ` title="${title}"` : '';
8
+ return `<div style="padding:56.25% 0 0 0;position:relative;"><iframe src="${url}?badge=0&amp;autopause=0&amp;player_id=0&amp;app_id=58479&amp;dnt=1" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" style="position:absolute;top:0;left:0;width:100%;height:100%;"${titlePart}></iframe></div><script src="https://player.vimeo.com/api/player.js"></script>`;
5
9
  }
6
10
  else {
7
- return '<video controls src=' + url + '></video>';
11
+ return `<video controls src="${url}"></video>`;
8
12
  }
9
13
  }
10
14
  }
package/dist/components/biggive-video-feature.js CHANGED
@@ -2,7 +2,7 @@ import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/clien
2
2
  import { V as VideoService } from './video.js';
3
3
  import { d as defineCustomElement$2 } from './biggive-button2.js';
4
4
 
5
- const biggiveVideoFeatureCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.space-above-0{margin-top:0}.space-above-1{margin-top:5px}.space-above-2{margin-top:10px}.space-above-3{margin-top:15px}.space-above-4{margin-top:30px}.space-above-5{margin-top:45px}.space-above-6{margin-top:60px}.space-below-0{margin-bottom:0}.space-below-1{margin-bottom:5px}.space-below-2{margin-bottom:10px}.space-below-3{margin-bottom:15px}.space-below-4{margin-bottom:30px}.space-below-5{margin-bottom:45px}.space-below-6{margin-bottom:60px}.text-colour-hover-primary:hover,.text-colour-primary{color:#2C089B}.text-colour-hover-secondary:hover,.text-colour-secondary{color:#2AF135}.text-colour-hover-tertiary:hover,.text-colour-tertiary{color:#FF7272}.text-colour-hover-brand-1:hover,.text-colour-brand-1{color:#B30510}.text-colour-hover-brand-2:hover,.text-colour-brand-2{color:#6E0887}.text-colour-hover-brand-3:hover,.text-colour-brand-3{color:#50B400}.text-colour-hover-brand-4:hover,.text-colour-brand-4{color:#FFE500}.text-colour-hover-brand-5:hover,.text-colour-brand-5{color:#F07D00}.text-colour-hover-brand-6:hover,.text-colour-brand-6{color:#CBC8C8}.text-colour-hover-brand-afa-pink:hover,.text-colour-brand-afa-pink{color:#BF387D}.text-colour-hover-white:hover,.text-colour-white{color:#FFFFFF}.text-colour-hover-black:hover,.text-colour-black{color:#000000}.text-colour-hover-grey-extra-light:hover,.text-colour-grey-extra-light{color:#D7D7D7}.text-colour-hover-grey-light:hover,.text-colour-grey-light{color:#E8E8E8}.text-colour-hover-grey-medium:hover,.text-colour-grey-medium{color:#8A8A8A}.text-colour-hover-grey-dark:hover,.text-colour-grey-dark{color:#4A4A4A}:host{display:contents}.video-wrap{position:relative;padding-bottom:56.25%}.video-wrap iframe,.video-wrap video{position:absolute;border:0;display:block;left:0;right:0;top:0;bottom:0;width:100%;height:100%}.container{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;position:relative}.container .sleeve{display:flex;justify-content:space-between}.container .sleeve .content-wrap{width:calc(40% - 15px);position:relative;z-index:1}.container .sleeve .content-wrap .slug{font-size:20px;line-height:24px;font-weight:bold;margin:0;padding:0}.container .sleeve .content-wrap h2{font-size:38px;line-height:45px;font-weight:bold;margin:0 0 15px 0;padding:0}.container .sleeve .content-wrap .teaser{margin:0 0 45px 0;padding:0}.container .sleeve .graphic-wrap{width:calc(60% - 15px)}@media screen and (max-width: 576px){.container .sleeve{flex-wrap:wrap}.container .sleeve .content-wrap{width:100%}.container .sleeve .graphic-wrap{padding-top:20px;width:100%;margin-bottom:15px}}";
5
+ const biggiveVideoFeatureCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.space-above-0{margin-top:0}.space-above-1{margin-top:5px}.space-above-2{margin-top:10px}.space-above-3{margin-top:15px}.space-above-4{margin-top:30px}.space-above-5{margin-top:45px}.space-above-6{margin-top:60px}.space-below-0{margin-bottom:0}.space-below-1{margin-bottom:5px}.space-below-2{margin-bottom:10px}.space-below-3{margin-bottom:15px}.space-below-4{margin-bottom:30px}.space-below-5{margin-bottom:45px}.space-below-6{margin-bottom:60px}.text-colour-hover-primary:hover,.text-colour-primary{color:#2C089B}.text-colour-hover-secondary:hover,.text-colour-secondary{color:#2AF135}.text-colour-hover-tertiary:hover,.text-colour-tertiary{color:#FF7272}.text-colour-hover-brand-1:hover,.text-colour-brand-1{color:#B30510}.text-colour-hover-brand-2:hover,.text-colour-brand-2{color:#6E0887}.text-colour-hover-brand-3:hover,.text-colour-brand-3{color:#50B400}.text-colour-hover-brand-4:hover,.text-colour-brand-4{color:#FFE500}.text-colour-hover-brand-5:hover,.text-colour-brand-5{color:#F07D00}.text-colour-hover-brand-6:hover,.text-colour-brand-6{color:#CBC8C8}.text-colour-hover-brand-afa-pink:hover,.text-colour-brand-afa-pink{color:#BF387D}.text-colour-hover-white:hover,.text-colour-white{color:#FFFFFF}.text-colour-hover-black:hover,.text-colour-black{color:#000000}.text-colour-hover-grey-extra-light:hover,.text-colour-grey-extra-light{color:#D7D7D7}.text-colour-hover-grey-light:hover,.text-colour-grey-light{color:#E8E8E8}.text-colour-hover-grey-medium:hover,.text-colour-grey-medium{color:#8A8A8A}.text-colour-hover-grey-dark:hover,.text-colour-grey-dark{color:#4A4A4A}:host{display:contents}.video-wrap{position:relative}.video-wrap iframe,.video-wrap video{position:absolute;border:0;display:block;left:0;right:0;top:0;bottom:0;width:100%;height:100%}.video-wrap.youtube{padding-bottom:56.25%}.container{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;position:relative}.container .sleeve{display:flex;justify-content:space-between}.container .sleeve .content-wrap{width:calc(40% - 15px);position:relative;z-index:1}.container .sleeve .content-wrap .slug{font-size:20px;line-height:24px;font-weight:bold;margin:0;padding:0}.container .sleeve .content-wrap h2{font-size:38px;line-height:45px;font-weight:bold;margin:0 0 15px 0;padding:0}.container .sleeve .content-wrap .teaser{margin:0 0 45px 0;padding:0}.container .sleeve .graphic-wrap{width:calc(60% - 15px)}@media screen and (max-width: 576px){.container .sleeve{flex-wrap:wrap}.container .sleeve .content-wrap{width:100%}.container .sleeve .graphic-wrap{padding-top:20px;width:100%;margin-bottom:15px}}";
6
6
 
7
7
  const BiggiveVideoFeature$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
8
8
  constructor() {
@@ -24,7 +24,8 @@ const BiggiveVideoFeature$1 = /*@__PURE__*/ proxyCustomElement(class extends HTM
24
24
  this.buttonColourScheme = 'primary';
25
25
  }
26
26
  render() {
27
- return (h("div", { class: 'container text-colour-' + this.defaultTextColour + ' space-above-' + this.spaceAbove + ' space-below-' + this.spaceBelow }, h("div", { class: "sleeve" }, h("div", { class: "content-wrap" }, h("div", { class: 'slug text-colour-' + this.slugColour }, this.slug), h("h2", { class: 'title text-colour-' + this.mainTitleColour }, this.mainTitle), h("div", { class: 'teaser text-colour-' + this.teaserColour }, this.teaser), this.buttonLabel != null && this.buttonUrl != null ? (h("biggive-button", { "colour-scheme": this.buttonColourScheme, url: this.buttonUrl, label: this.buttonLabel })) : null), h("div", { class: "graphic-wrap" }, this.videoUrl !== null && this.videoUrl !== undefined ? h("div", { class: "video-wrap", innerHTML: VideoService.getEmbedHtml(this.videoUrl) }) : null))));
27
+ const youtubeClass = this.videoUrl.includes('youtube.com') ? ' youtube' : '';
28
+ return (h("div", { class: 'container text-colour-' + this.defaultTextColour + ' space-above-' + this.spaceAbove + ' space-below-' + this.spaceBelow }, h("div", { class: "sleeve" }, h("div", { class: "content-wrap" }, h("div", { class: 'slug text-colour-' + this.slugColour }, this.slug), h("h2", { class: 'title text-colour-' + this.mainTitleColour }, this.mainTitle), h("div", { class: 'teaser text-colour-' + this.teaserColour }, this.teaser), this.buttonLabel != null && this.buttonUrl != null ? (h("biggive-button", { "colour-scheme": this.buttonColourScheme, url: this.buttonUrl, label: this.buttonLabel })) : null), h("div", { class: "graphic-wrap" }, this.videoUrl !== null && this.videoUrl !== undefined ? (h("div", { class: 'video-wrap' + youtubeClass, innerHTML: VideoService.getEmbedHtml(this.videoUrl, this.mainTitle) })) : null))));
28
29
  }
29
30
  static get style() { return biggiveVideoFeatureCss; }
30
31
  }, [1, "biggive-video-feature", {
package/dist/components/biggive-video.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
2
2
  import { V as VideoService } from './video.js';
3
3
 
4
- const biggiveVideoCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.space-above-0{margin-top:0}.space-above-1{margin-top:5px}.space-above-2{margin-top:10px}.space-above-3{margin-top:15px}.space-above-4{margin-top:30px}.space-above-5{margin-top:45px}.space-above-6{margin-top:60px}.space-below-0{margin-bottom:0}.space-below-1{margin-bottom:5px}.space-below-2{margin-bottom:10px}.space-below-3{margin-bottom:15px}.space-below-4{margin-bottom:30px}.space-below-5{margin-bottom:45px}.space-below-6{margin-bottom:60px}:host{display:contents}.video-wrap{position:relative;padding-bottom:56.25%}.video-wrap iframe,.video-wrap video{position:absolute;border:0;display:block;left:0;right:0;top:0;bottom:0;width:100%;height:100%}.container{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px}";
4
+ const biggiveVideoCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.space-above-0{margin-top:0}.space-above-1{margin-top:5px}.space-above-2{margin-top:10px}.space-above-3{margin-top:15px}.space-above-4{margin-top:30px}.space-above-5{margin-top:45px}.space-above-6{margin-top:60px}.space-below-0{margin-bottom:0}.space-below-1{margin-bottom:5px}.space-below-2{margin-bottom:10px}.space-below-3{margin-bottom:15px}.space-below-4{margin-bottom:30px}.space-below-5{margin-bottom:45px}.space-below-6{margin-bottom:60px}:host{display:contents}.video-wrap{position:relative}.video-wrap iframe,.video-wrap video{position:absolute;border:0;display:block;left:0;right:0;top:0;bottom:0;width:100%;height:100%}.video-wrap.youtube{padding-bottom:56.25%}.container{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px}";
5
5
 
6
6
  const BiggiveVideo$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
7
7
  constructor() {
@@ -13,7 +13,7 @@ const BiggiveVideo$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
13
13
  this.videoUrl = '';
14
14
  }
15
15
  render() {
16
- return (h("div", { class: 'container space-above-' + this.spaceAbove + ' space-below-' + this.spaceBelow }, h("div", { class: "video-wrap", innerHTML: VideoService.getEmbedHtml(this.videoUrl) })));
16
+ return (h("div", { class: 'container space-above-' + this.spaceAbove + ' space-below-' + this.spaceBelow }, h("div", { class: "video-wrap", innerHTML: VideoService.getEmbedHtml(this.videoUrl, null) })));
17
17
  }
18
18
  static get style() { return biggiveVideoCss; }
19
19
  }, [1, "biggive-video", {
package/dist/components/video.js CHANGED
@@ -1,10 +1,14 @@
1
1
  class VideoService {
2
- static getEmbedHtml(url) {
2
+ static getEmbedHtml(url, title) {
3
3
  if (url.match(/youtube\.com/g)) {
4
- return '<iframe loading="lazy" src="' + url + '"></iframe>';
4
+ return `<iframe loading="lazy" src="${url}"></iframe>`;
5
+ }
6
+ else if (url.match(/player\.vimeo\.com/g)) {
7
+ const titlePart = title !== null && title.length > 0 ? ` title="${title}"` : '';
8
+ return `<div style="padding:56.25% 0 0 0;position:relative;"><iframe src="${url}?badge=0&amp;autopause=0&amp;player_id=0&amp;app_id=58479&amp;dnt=1" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" style="position:absolute;top:0;left:0;width:100%;height:100%;"${titlePart}></iframe></div><script src="https://player.vimeo.com/api/player.js"></script>`;
5
9
  }
6
10
  else {
7
- return '<video controls src=' + url + '></video>';
11
+ return `<video controls src="${url}"></video>`;
8
12
  }
9
13
  }
10
14
  }
package/dist/esm/biggive-accordion_43.entry.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { r as registerInstance, h, g as getElement, a as getAssetPath, c as createEvent, H as Host } from './index-ad933d74.js';
2
2
  import { f as faMagnifyingGlass, F as FontAwesomeIconsService } from './fontawesome-icons-5f426ddb.js';
3
- import { V as VideoService } from './video-4e17ad68.js';
3
+ import { V as VideoService } from './video-eba43e75.js';
4
4
 
5
5
  const biggiveAccordionCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.space-above-0{margin-top:0}.space-above-1{margin-top:5px}.space-above-2{margin-top:10px}.space-above-3{margin-top:15px}.space-above-4{margin-top:30px}.space-above-5{margin-top:45px}.space-above-6{margin-top:60px}.space-below-0{margin-bottom:0}.space-below-1{margin-bottom:5px}.space-below-2{margin-bottom:10px}.space-below-3{margin-bottom:15px}.space-below-4{margin-bottom:30px}.space-below-5{margin-bottom:45px}.space-below-6{margin-bottom:60px}.text-colour-hover-primary:hover,.text-colour-primary{color:#2C089B}.text-colour-hover-secondary:hover,.text-colour-secondary{color:#2AF135}.text-colour-hover-tertiary:hover,.text-colour-tertiary{color:#FF7272}.text-colour-hover-brand-1:hover,.text-colour-brand-1{color:#B30510}.text-colour-hover-brand-2:hover,.text-colour-brand-2{color:#6E0887}.text-colour-hover-brand-3:hover,.text-colour-brand-3{color:#50B400}.text-colour-hover-brand-4:hover,.text-colour-brand-4{color:#FFE500}.text-colour-hover-brand-5:hover,.text-colour-brand-5{color:#F07D00}.text-colour-hover-brand-6:hover,.text-colour-brand-6{color:#CBC8C8}.text-colour-hover-brand-afa-pink:hover,.text-colour-brand-afa-pink{color:#BF387D}.text-colour-hover-white:hover,.text-colour-white{color:#FFFFFF}.text-colour-hover-black:hover,.text-colour-black{color:#000000}.text-colour-hover-grey-extra-light:hover,.text-colour-grey-extra-light{color:#D7D7D7}.text-colour-hover-grey-light:hover,.text-colour-grey-light{color:#E8E8E8}.text-colour-hover-grey-medium:hover,.text-colour-grey-medium{color:#8A8A8A}.text-colour-hover-grey-dark:hover,.text-colour-grey-dark{color:#4A4A4A}:host{display:contents}.container{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;position:relative}.container .entry h3.heading{position:relative;margin:25px 0 0 0;padding:15px 60px 10px 20px;border-bottom:1px solid #000000;cursor:pointer}.container .entry h3.heading span.arrow{display:block;position:absolute;right:20px;top:10px;width:40px;height:20px;text-align:center}.container .entry .content{overflow:hidden;max-height:0;padding:0 20px}.container .entry.expanded .content{max-height:100%}.container .entry.expanded span.arrow{transform:rotate(-180deg)}.container.heading-colour-primary .entry h3.heading svg path{stroke:#2C089B}.container.heading-colour-primary h3.heading{color:#2C089B}.container.text-colour-primary .content{color:#2C089B}.container.heading-colour-secondary .entry h3.heading svg path{stroke:#2AF135}.container.heading-colour-secondary h3.heading{color:#2AF135}.container.text-colour-secondary .content{color:#2AF135}.container.heading-colour-tertiary .entry h3.heading svg path{stroke:#FF7272}.container.heading-colour-tertiary h3.heading{color:#FF7272}.container.text-colour-tertiary .content{color:#FF7272}.container.heading-colour-brand-1 .entry h3.heading svg path{stroke:#B30510}.container.heading-colour-brand-1 h3.heading{color:#B30510}.container.text-colour-brand-1 .content{color:#B30510}.container.heading-colour-brand-2 .entry h3.heading svg path{stroke:#6E0887}.container.heading-colour-brand-2 h3.heading{color:#6E0887}.container.text-colour-brand-2 .content{color:#6E0887}.container.heading-colour-brand-3 .entry h3.heading svg path{stroke:#50B400}.container.heading-colour-brand-3 h3.heading{color:#50B400}.container.text-colour-brand-3 .content{color:#50B400}.container.heading-colour-brand-4 .entry h3.heading svg path{stroke:#FFE500}.container.heading-colour-brand-4 h3.heading{color:#FFE500}.container.text-colour-brand-4 .content{color:#FFE500}.container.heading-colour-brand-5 .entry h3.heading svg path{stroke:#F07D00}.container.heading-colour-brand-5 h3.heading{color:#F07D00}.container.text-colour-brand-5 .content{color:#F07D00}.container.heading-colour-brand-6 .entry h3.heading svg path{stroke:#62CFC9}.container.heading-colour-brand-6 h3.heading{color:#62CFC9}.container.text-colour-brand-6 .content{color:#62CFC9}.container.heading-colour-brand-afa-pink .entry h3.heading svg path{stroke:#BF387D}.container.heading-colour-brand-afa-pink h3.heading{color:#BF387D}.container.text-colour-brand-afa-pink .content{color:#BF387D}.container.heading-colour-white .entry h3.heading svg path{stroke:#FFFFFF}.container.heading-colour-white h3.heading{color:#FFFFFF}.container.text-colour-white .content{color:#FFFFFF}.container.heading-colour-black .entry h3.heading svg path{stroke:#000000}.container.heading-colour-black h3.heading{color:#000000}.container.text-colour-black .content{color:#000000}.container.heading-colour-grey-extra-light .entry h3.heading svg path{stroke:#D7D7D7}.container.heading-colour-grey-extra-light h3.heading{color:#D7D7D7}.container.text-colour-grey-extra-light .content{color:#D7D7D7}.container.heading-colour-grey-light .entry h3.heading svg path{stroke:#E8E8E8}.container.heading-colour-grey-light h3.heading{color:#E8E8E8}.container.text-colour-grey-light .content{color:#E8E8E8}.container.heading-colour-grey-medium .entry h3.heading svg path{stroke:#8A8A8A}.container.heading-colour-grey-medium h3.heading{color:#8A8A8A}.container.text-colour-grey-medium .content{color:#8A8A8A}.container.heading-colour-grey-dark .entry h3.heading svg path{stroke:#4A4A4A}.container.heading-colour-grey-dark h3.heading{color:#4A4A4A}.container.text-colour-grey-dark .content{color:#4A4A4A}";
6
6
 
@@ -1762,7 +1762,7 @@ const BiggiveTotalizerTickerItem = class {
1762
1762
  };
1763
1763
  BiggiveTotalizerTickerItem.style = biggiveTotalizerTickerItemCss;
1764
1764
 
1765
- const biggiveVideoFeatureCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.space-above-0{margin-top:0}.space-above-1{margin-top:5px}.space-above-2{margin-top:10px}.space-above-3{margin-top:15px}.space-above-4{margin-top:30px}.space-above-5{margin-top:45px}.space-above-6{margin-top:60px}.space-below-0{margin-bottom:0}.space-below-1{margin-bottom:5px}.space-below-2{margin-bottom:10px}.space-below-3{margin-bottom:15px}.space-below-4{margin-bottom:30px}.space-below-5{margin-bottom:45px}.space-below-6{margin-bottom:60px}.text-colour-hover-primary:hover,.text-colour-primary{color:#2C089B}.text-colour-hover-secondary:hover,.text-colour-secondary{color:#2AF135}.text-colour-hover-tertiary:hover,.text-colour-tertiary{color:#FF7272}.text-colour-hover-brand-1:hover,.text-colour-brand-1{color:#B30510}.text-colour-hover-brand-2:hover,.text-colour-brand-2{color:#6E0887}.text-colour-hover-brand-3:hover,.text-colour-brand-3{color:#50B400}.text-colour-hover-brand-4:hover,.text-colour-brand-4{color:#FFE500}.text-colour-hover-brand-5:hover,.text-colour-brand-5{color:#F07D00}.text-colour-hover-brand-6:hover,.text-colour-brand-6{color:#CBC8C8}.text-colour-hover-brand-afa-pink:hover,.text-colour-brand-afa-pink{color:#BF387D}.text-colour-hover-white:hover,.text-colour-white{color:#FFFFFF}.text-colour-hover-black:hover,.text-colour-black{color:#000000}.text-colour-hover-grey-extra-light:hover,.text-colour-grey-extra-light{color:#D7D7D7}.text-colour-hover-grey-light:hover,.text-colour-grey-light{color:#E8E8E8}.text-colour-hover-grey-medium:hover,.text-colour-grey-medium{color:#8A8A8A}.text-colour-hover-grey-dark:hover,.text-colour-grey-dark{color:#4A4A4A}:host{display:contents}.video-wrap{position:relative;padding-bottom:56.25%}.video-wrap iframe,.video-wrap video{position:absolute;border:0;display:block;left:0;right:0;top:0;bottom:0;width:100%;height:100%}.container{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;position:relative}.container .sleeve{display:flex;justify-content:space-between}.container .sleeve .content-wrap{width:calc(40% - 15px);position:relative;z-index:1}.container .sleeve .content-wrap .slug{font-size:20px;line-height:24px;font-weight:bold;margin:0;padding:0}.container .sleeve .content-wrap h2{font-size:38px;line-height:45px;font-weight:bold;margin:0 0 15px 0;padding:0}.container .sleeve .content-wrap .teaser{margin:0 0 45px 0;padding:0}.container .sleeve .graphic-wrap{width:calc(60% - 15px)}@media screen and (max-width: 576px){.container .sleeve{flex-wrap:wrap}.container .sleeve .content-wrap{width:100%}.container .sleeve .graphic-wrap{padding-top:20px;width:100%;margin-bottom:15px}}";
1765
+ const biggiveVideoFeatureCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.space-above-0{margin-top:0}.space-above-1{margin-top:5px}.space-above-2{margin-top:10px}.space-above-3{margin-top:15px}.space-above-4{margin-top:30px}.space-above-5{margin-top:45px}.space-above-6{margin-top:60px}.space-below-0{margin-bottom:0}.space-below-1{margin-bottom:5px}.space-below-2{margin-bottom:10px}.space-below-3{margin-bottom:15px}.space-below-4{margin-bottom:30px}.space-below-5{margin-bottom:45px}.space-below-6{margin-bottom:60px}.text-colour-hover-primary:hover,.text-colour-primary{color:#2C089B}.text-colour-hover-secondary:hover,.text-colour-secondary{color:#2AF135}.text-colour-hover-tertiary:hover,.text-colour-tertiary{color:#FF7272}.text-colour-hover-brand-1:hover,.text-colour-brand-1{color:#B30510}.text-colour-hover-brand-2:hover,.text-colour-brand-2{color:#6E0887}.text-colour-hover-brand-3:hover,.text-colour-brand-3{color:#50B400}.text-colour-hover-brand-4:hover,.text-colour-brand-4{color:#FFE500}.text-colour-hover-brand-5:hover,.text-colour-brand-5{color:#F07D00}.text-colour-hover-brand-6:hover,.text-colour-brand-6{color:#CBC8C8}.text-colour-hover-brand-afa-pink:hover,.text-colour-brand-afa-pink{color:#BF387D}.text-colour-hover-white:hover,.text-colour-white{color:#FFFFFF}.text-colour-hover-black:hover,.text-colour-black{color:#000000}.text-colour-hover-grey-extra-light:hover,.text-colour-grey-extra-light{color:#D7D7D7}.text-colour-hover-grey-light:hover,.text-colour-grey-light{color:#E8E8E8}.text-colour-hover-grey-medium:hover,.text-colour-grey-medium{color:#8A8A8A}.text-colour-hover-grey-dark:hover,.text-colour-grey-dark{color:#4A4A4A}:host{display:contents}.video-wrap{position:relative}.video-wrap iframe,.video-wrap video{position:absolute;border:0;display:block;left:0;right:0;top:0;bottom:0;width:100%;height:100%}.video-wrap.youtube{padding-bottom:56.25%}.container{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;position:relative}.container .sleeve{display:flex;justify-content:space-between}.container .sleeve .content-wrap{width:calc(40% - 15px);position:relative;z-index:1}.container .sleeve .content-wrap .slug{font-size:20px;line-height:24px;font-weight:bold;margin:0;padding:0}.container .sleeve .content-wrap h2{font-size:38px;line-height:45px;font-weight:bold;margin:0 0 15px 0;padding:0}.container .sleeve .content-wrap .teaser{margin:0 0 45px 0;padding:0}.container .sleeve .graphic-wrap{width:calc(60% - 15px)}@media screen and (max-width: 576px){.container .sleeve{flex-wrap:wrap}.container .sleeve .content-wrap{width:100%}.container .sleeve .graphic-wrap{padding-top:20px;width:100%;margin-bottom:15px}}";
1766
1766
 
1767
1767
  const BiggiveVideoFeature = class {
1768
1768
  constructor(hostRef) {
@@ -1782,7 +1782,8 @@ const BiggiveVideoFeature = class {
1782
1782
  this.buttonColourScheme = 'primary';
1783
1783
  }
1784
1784
  render() {
1785
- return (h("div", { class: 'container text-colour-' + this.defaultTextColour + ' space-above-' + this.spaceAbove + ' space-below-' + this.spaceBelow }, h("div", { class: "sleeve" }, h("div", { class: "content-wrap" }, h("div", { class: 'slug text-colour-' + this.slugColour }, this.slug), h("h2", { class: 'title text-colour-' + this.mainTitleColour }, this.mainTitle), h("div", { class: 'teaser text-colour-' + this.teaserColour }, this.teaser), this.buttonLabel != null && this.buttonUrl != null ? (h("biggive-button", { "colour-scheme": this.buttonColourScheme, url: this.buttonUrl, label: this.buttonLabel })) : null), h("div", { class: "graphic-wrap" }, this.videoUrl !== null && this.videoUrl !== undefined ? h("div", { class: "video-wrap", innerHTML: VideoService.getEmbedHtml(this.videoUrl) }) : null))));
1785
+ const youtubeClass = this.videoUrl.includes('youtube.com') ? ' youtube' : '';
1786
+ return (h("div", { class: 'container text-colour-' + this.defaultTextColour + ' space-above-' + this.spaceAbove + ' space-below-' + this.spaceBelow }, h("div", { class: "sleeve" }, h("div", { class: "content-wrap" }, h("div", { class: 'slug text-colour-' + this.slugColour }, this.slug), h("h2", { class: 'title text-colour-' + this.mainTitleColour }, this.mainTitle), h("div", { class: 'teaser text-colour-' + this.teaserColour }, this.teaser), this.buttonLabel != null && this.buttonUrl != null ? (h("biggive-button", { "colour-scheme": this.buttonColourScheme, url: this.buttonUrl, label: this.buttonLabel })) : null), h("div", { class: "graphic-wrap" }, this.videoUrl !== null && this.videoUrl !== undefined ? (h("div", { class: 'video-wrap' + youtubeClass, innerHTML: VideoService.getEmbedHtml(this.videoUrl, this.mainTitle) })) : null))));
1786
1787
  }
1787
1788
  };
1788
1789
  BiggiveVideoFeature.style = biggiveVideoFeatureCss;
package/dist/esm/biggive-video.entry.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { r as registerInstance, h } from './index-ad933d74.js';
2
- import { V as VideoService } from './video-4e17ad68.js';
2
+ import { V as VideoService } from './video-eba43e75.js';
3
3
 
4
- const biggiveVideoCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.space-above-0{margin-top:0}.space-above-1{margin-top:5px}.space-above-2{margin-top:10px}.space-above-3{margin-top:15px}.space-above-4{margin-top:30px}.space-above-5{margin-top:45px}.space-above-6{margin-top:60px}.space-below-0{margin-bottom:0}.space-below-1{margin-bottom:5px}.space-below-2{margin-bottom:10px}.space-below-3{margin-bottom:15px}.space-below-4{margin-bottom:30px}.space-below-5{margin-bottom:45px}.space-below-6{margin-bottom:60px}:host{display:contents}.video-wrap{position:relative;padding-bottom:56.25%}.video-wrap iframe,.video-wrap video{position:absolute;border:0;display:block;left:0;right:0;top:0;bottom:0;width:100%;height:100%}.container{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px}";
4
+ const biggiveVideoCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.space-above-0{margin-top:0}.space-above-1{margin-top:5px}.space-above-2{margin-top:10px}.space-above-3{margin-top:15px}.space-above-4{margin-top:30px}.space-above-5{margin-top:45px}.space-above-6{margin-top:60px}.space-below-0{margin-bottom:0}.space-below-1{margin-bottom:5px}.space-below-2{margin-bottom:10px}.space-below-3{margin-bottom:15px}.space-below-4{margin-bottom:30px}.space-below-5{margin-bottom:45px}.space-below-6{margin-bottom:60px}:host{display:contents}.video-wrap{position:relative}.video-wrap iframe,.video-wrap video{position:absolute;border:0;display:block;left:0;right:0;top:0;bottom:0;width:100%;height:100%}.video-wrap.youtube{padding-bottom:56.25%}.container{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px}";
5
5
 
6
6
  const BiggiveVideo = class {
7
7
  constructor(hostRef) {
@@ -11,7 +11,7 @@ const BiggiveVideo = class {
11
11
  this.videoUrl = '';
12
12
  }
13
13
  render() {
14
- return (h("div", { class: 'container space-above-' + this.spaceAbove + ' space-below-' + this.spaceBelow }, h("div", { class: "video-wrap", innerHTML: VideoService.getEmbedHtml(this.videoUrl) })));
14
+ return (h("div", { class: 'container space-above-' + this.spaceAbove + ' space-below-' + this.spaceBelow }, h("div", { class: "video-wrap", innerHTML: VideoService.getEmbedHtml(this.videoUrl, null) })));
15
15
  }
16
16
  };
17
17
  BiggiveVideo.style = biggiveVideoCss;
package/dist/esm/video-eba43e75.js ADDED
@@ -0,0 +1,16 @@
1
+ class VideoService {
2
+ static getEmbedHtml(url, title) {
3
+ if (url.match(/youtube\.com/g)) {
4
+ return `<iframe loading="lazy" src="${url}"></iframe>`;
5
+ }
6
+ else if (url.match(/player\.vimeo\.com/g)) {
7
+ const titlePart = title !== null && title.length > 0 ? ` title="${title}"` : '';
8
+ return `<div style="padding:56.25% 0 0 0;position:relative;"><iframe src="${url}?badge=0&amp;autopause=0&amp;player_id=0&amp;app_id=58479&amp;dnt=1" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" style="position:absolute;top:0;left:0;width:100%;height:100%;"${titlePart}></iframe></div><script src="https://player.vimeo.com/api/player.js"></script>`;
9
+ }
10
+ else {
11
+ return `<video controls src="${url}"></video>`;
12
+ }
13
+ }
14
+ }
15
+
16
+ export { VideoService as V };
package/dist/types/util/video.d.ts CHANGED
@@ -1,3 +1,3 @@
1
1
  export declare class VideoService {
2
- static getEmbedHtml(url: string): string;
2
+ static getEmbedHtml(url: string, title: string | null): string;
3
3
  }
package/hydrate/index.js CHANGED
@@ -9016,17 +9016,21 @@ class BiggiveTotalizerTickerItem {
9016
9016
  }
9017
9017
 
9018
9018
  class VideoService {
9019
- static getEmbedHtml(url) {
9019
+ static getEmbedHtml(url, title) {
9020
9020
  if (url.match(/youtube\.com/g)) {
9021
- return '<iframe loading="lazy" src="' + url + '"></iframe>';
9021
+ return `<iframe loading="lazy" src="${url}"></iframe>`;
9022
+ }
9023
+ else if (url.match(/player\.vimeo\.com/g)) {
9024
+ const titlePart = title !== null && title.length > 0 ? ` title="${title}"` : '';
9025
+ return `<div style="padding:56.25% 0 0 0;position:relative;"><iframe src="${url}?badge=0&amp;autopause=0&amp;player_id=0&amp;app_id=58479&amp;dnt=1" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" style="position:absolute;top:0;left:0;width:100%;height:100%;"${titlePart}></iframe></div><script src="https://player.vimeo.com/api/player.js"></script>`;
9022
9026
  }
9023
9027
  else {
9024
- return '<video controls src=' + url + '></video>';
9028
+ return `<video controls src="${url}"></video>`;
9025
9029
  }
9026
9030
  }
9027
9031
  }
9028
9032
 
9029
- const biggiveVideoCss = "/*!@a*/a.sc-biggive-video{color:inherit;text-decoration:underline}/*!@a:hover*/a.sc-biggive-video:hover{text-decoration:none}/*!@.space-above-0*/.space-above-0.sc-biggive-video{margin-top:0}/*!@.space-above-1*/.space-above-1.sc-biggive-video{margin-top:5px}/*!@.space-above-2*/.space-above-2.sc-biggive-video{margin-top:10px}/*!@.space-above-3*/.space-above-3.sc-biggive-video{margin-top:15px}/*!@.space-above-4*/.space-above-4.sc-biggive-video{margin-top:30px}/*!@.space-above-5*/.space-above-5.sc-biggive-video{margin-top:45px}/*!@.space-above-6*/.space-above-6.sc-biggive-video{margin-top:60px}/*!@.space-below-0*/.space-below-0.sc-biggive-video{margin-bottom:0}/*!@.space-below-1*/.space-below-1.sc-biggive-video{margin-bottom:5px}/*!@.space-below-2*/.space-below-2.sc-biggive-video{margin-bottom:10px}/*!@.space-below-3*/.space-below-3.sc-biggive-video{margin-bottom:15px}/*!@.space-below-4*/.space-below-4.sc-biggive-video{margin-bottom:30px}/*!@.space-below-5*/.space-below-5.sc-biggive-video{margin-bottom:45px}/*!@.space-below-6*/.space-below-6.sc-biggive-video{margin-bottom:60px}/*!@:host*/.sc-biggive-video-h{display:contents}/*!@.video-wrap*/.video-wrap.sc-biggive-video{position:relative;padding-bottom:56.25%}/*!@.video-wrap iframe, .video-wrap video*/.video-wrap.sc-biggive-video iframe.sc-biggive-video,.video-wrap.sc-biggive-video video.sc-biggive-video{position:absolute;border:0;display:block;left:0;right:0;top:0;bottom:0;width:100%;height:100%}/*!@.container*/.container.sc-biggive-video{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px}";
9033
+ const biggiveVideoCss = "/*!@a*/a.sc-biggive-video{color:inherit;text-decoration:underline}/*!@a:hover*/a.sc-biggive-video:hover{text-decoration:none}/*!@.space-above-0*/.space-above-0.sc-biggive-video{margin-top:0}/*!@.space-above-1*/.space-above-1.sc-biggive-video{margin-top:5px}/*!@.space-above-2*/.space-above-2.sc-biggive-video{margin-top:10px}/*!@.space-above-3*/.space-above-3.sc-biggive-video{margin-top:15px}/*!@.space-above-4*/.space-above-4.sc-biggive-video{margin-top:30px}/*!@.space-above-5*/.space-above-5.sc-biggive-video{margin-top:45px}/*!@.space-above-6*/.space-above-6.sc-biggive-video{margin-top:60px}/*!@.space-below-0*/.space-below-0.sc-biggive-video{margin-bottom:0}/*!@.space-below-1*/.space-below-1.sc-biggive-video{margin-bottom:5px}/*!@.space-below-2*/.space-below-2.sc-biggive-video{margin-bottom:10px}/*!@.space-below-3*/.space-below-3.sc-biggive-video{margin-bottom:15px}/*!@.space-below-4*/.space-below-4.sc-biggive-video{margin-bottom:30px}/*!@.space-below-5*/.space-below-5.sc-biggive-video{margin-bottom:45px}/*!@.space-below-6*/.space-below-6.sc-biggive-video{margin-bottom:60px}/*!@:host*/.sc-biggive-video-h{display:contents}/*!@.video-wrap*/.video-wrap.sc-biggive-video{position:relative}/*!@.video-wrap iframe, .video-wrap video*/.video-wrap.sc-biggive-video iframe.sc-biggive-video,.video-wrap.sc-biggive-video video.sc-biggive-video{position:absolute;border:0;display:block;left:0;right:0;top:0;bottom:0;width:100%;height:100%}/*!@.video-wrap.youtube*/.video-wrap.youtube.sc-biggive-video{padding-bottom:56.25%}/*!@.container*/.container.sc-biggive-video{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px}";
9030
9034
 
9031
9035
  class BiggiveVideo {
9032
9036
  constructor(hostRef) {
@@ -9036,7 +9040,7 @@ class BiggiveVideo {
9036
9040
  this.videoUrl = '';
9037
9041
  }
9038
9042
  render() {
9039
- return (hAsync("div", { class: 'container space-above-' + this.spaceAbove + ' space-below-' + this.spaceBelow }, hAsync("div", { class: "video-wrap", innerHTML: VideoService.getEmbedHtml(this.videoUrl) })));
9043
+ return (hAsync("div", { class: 'container space-above-' + this.spaceAbove + ' space-below-' + this.spaceBelow }, hAsync("div", { class: "video-wrap", innerHTML: VideoService.getEmbedHtml(this.videoUrl, null) })));
9040
9044
  }
9041
9045
  static get style() { return biggiveVideoCss; }
9042
9046
  static get cmpMeta() { return {
@@ -9053,7 +9057,7 @@ class BiggiveVideo {
9053
9057
  }; }
9054
9058
  }
9055
9059
 
9056
- const biggiveVideoFeatureCss = "/*!@a*/a.sc-biggive-video-feature{color:inherit;text-decoration:underline}/*!@a:hover*/a.sc-biggive-video-feature:hover{text-decoration:none}/*!@.space-above-0*/.space-above-0.sc-biggive-video-feature{margin-top:0}/*!@.space-above-1*/.space-above-1.sc-biggive-video-feature{margin-top:5px}/*!@.space-above-2*/.space-above-2.sc-biggive-video-feature{margin-top:10px}/*!@.space-above-3*/.space-above-3.sc-biggive-video-feature{margin-top:15px}/*!@.space-above-4*/.space-above-4.sc-biggive-video-feature{margin-top:30px}/*!@.space-above-5*/.space-above-5.sc-biggive-video-feature{margin-top:45px}/*!@.space-above-6*/.space-above-6.sc-biggive-video-feature{margin-top:60px}/*!@.space-below-0*/.space-below-0.sc-biggive-video-feature{margin-bottom:0}/*!@.space-below-1*/.space-below-1.sc-biggive-video-feature{margin-bottom:5px}/*!@.space-below-2*/.space-below-2.sc-biggive-video-feature{margin-bottom:10px}/*!@.space-below-3*/.space-below-3.sc-biggive-video-feature{margin-bottom:15px}/*!@.space-below-4*/.space-below-4.sc-biggive-video-feature{margin-bottom:30px}/*!@.space-below-5*/.space-below-5.sc-biggive-video-feature{margin-bottom:45px}/*!@.space-below-6*/.space-below-6.sc-biggive-video-feature{margin-bottom:60px}/*!@.text-colour-hover-primary:hover,\n.text-colour-primary*/.text-colour-hover-primary.sc-biggive-video-feature:hover,.text-colour-primary.sc-biggive-video-feature{color:#2C089B}/*!@.text-colour-hover-secondary:hover,\n.text-colour-secondary*/.text-colour-hover-secondary.sc-biggive-video-feature:hover,.text-colour-secondary.sc-biggive-video-feature{color:#2AF135}/*!@.text-colour-hover-tertiary:hover,\n.text-colour-tertiary*/.text-colour-hover-tertiary.sc-biggive-video-feature:hover,.text-colour-tertiary.sc-biggive-video-feature{color:#FF7272}/*!@.text-colour-hover-brand-1:hover,\n.text-colour-brand-1*/.text-colour-hover-brand-1.sc-biggive-video-feature:hover,.text-colour-brand-1.sc-biggive-video-feature{color:#B30510}/*!@.text-colour-hover-brand-2:hover,\n.text-colour-brand-2*/.text-colour-hover-brand-2.sc-biggive-video-feature:hover,.text-colour-brand-2.sc-biggive-video-feature{color:#6E0887}/*!@.text-colour-hover-brand-3:hover,\n.text-colour-brand-3*/.text-colour-hover-brand-3.sc-biggive-video-feature:hover,.text-colour-brand-3.sc-biggive-video-feature{color:#50B400}/*!@.text-colour-hover-brand-4:hover,\n.text-colour-brand-4*/.text-colour-hover-brand-4.sc-biggive-video-feature:hover,.text-colour-brand-4.sc-biggive-video-feature{color:#FFE500}/*!@.text-colour-hover-brand-5:hover,\n.text-colour-brand-5*/.text-colour-hover-brand-5.sc-biggive-video-feature:hover,.text-colour-brand-5.sc-biggive-video-feature{color:#F07D00}/*!@.text-colour-hover-brand-6:hover,\n.text-colour-brand-6*/.text-colour-hover-brand-6.sc-biggive-video-feature:hover,.text-colour-brand-6.sc-biggive-video-feature{color:#CBC8C8}/*!@.text-colour-hover-brand-afa-pink:hover,\n.text-colour-brand-afa-pink*/.text-colour-hover-brand-afa-pink.sc-biggive-video-feature:hover,.text-colour-brand-afa-pink.sc-biggive-video-feature{color:#BF387D}/*!@.text-colour-hover-white:hover,\n.text-colour-white*/.text-colour-hover-white.sc-biggive-video-feature:hover,.text-colour-white.sc-biggive-video-feature{color:#FFFFFF}/*!@.text-colour-hover-black:hover,\n.text-colour-black*/.text-colour-hover-black.sc-biggive-video-feature:hover,.text-colour-black.sc-biggive-video-feature{color:#000000}/*!@.text-colour-hover-grey-extra-light:hover,\n.text-colour-grey-extra-light*/.text-colour-hover-grey-extra-light.sc-biggive-video-feature:hover,.text-colour-grey-extra-light.sc-biggive-video-feature{color:#D7D7D7}/*!@.text-colour-hover-grey-light:hover,\n.text-colour-grey-light*/.text-colour-hover-grey-light.sc-biggive-video-feature:hover,.text-colour-grey-light.sc-biggive-video-feature{color:#E8E8E8}/*!@.text-colour-hover-grey-medium:hover,\n.text-colour-grey-medium*/.text-colour-hover-grey-medium.sc-biggive-video-feature:hover,.text-colour-grey-medium.sc-biggive-video-feature{color:#8A8A8A}/*!@.text-colour-hover-grey-dark:hover,\n.text-colour-grey-dark*/.text-colour-hover-grey-dark.sc-biggive-video-feature:hover,.text-colour-grey-dark.sc-biggive-video-feature{color:#4A4A4A}/*!@:host*/.sc-biggive-video-feature-h{display:contents}/*!@.video-wrap*/.video-wrap.sc-biggive-video-feature{position:relative;padding-bottom:56.25%}/*!@.video-wrap iframe, .video-wrap video*/.video-wrap.sc-biggive-video-feature iframe.sc-biggive-video-feature,.video-wrap.sc-biggive-video-feature video.sc-biggive-video-feature{position:absolute;border:0;display:block;left:0;right:0;top:0;bottom:0;width:100%;height:100%}/*!@.container*/.container.sc-biggive-video-feature{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;position:relative}/*!@.container .sleeve*/.container.sc-biggive-video-feature .sleeve.sc-biggive-video-feature{display:flex;justify-content:space-between}/*!@.container .sleeve .content-wrap*/.container.sc-biggive-video-feature .sleeve.sc-biggive-video-feature .content-wrap.sc-biggive-video-feature{width:calc(40% - 15px);position:relative;z-index:1}/*!@.container .sleeve .content-wrap .slug*/.container.sc-biggive-video-feature .sleeve.sc-biggive-video-feature .content-wrap.sc-biggive-video-feature .slug.sc-biggive-video-feature{font-size:20px;line-height:24px;font-weight:bold;margin:0;padding:0}/*!@.container .sleeve .content-wrap h2*/.container.sc-biggive-video-feature .sleeve.sc-biggive-video-feature .content-wrap.sc-biggive-video-feature h2.sc-biggive-video-feature{font-size:38px;line-height:45px;font-weight:bold;margin:0 0 15px 0;padding:0}/*!@.container .sleeve .content-wrap .teaser*/.container.sc-biggive-video-feature .sleeve.sc-biggive-video-feature .content-wrap.sc-biggive-video-feature .teaser.sc-biggive-video-feature{margin:0 0 45px 0;padding:0}/*!@.container .sleeve .graphic-wrap*/.container.sc-biggive-video-feature .sleeve.sc-biggive-video-feature .graphic-wrap.sc-biggive-video-feature{width:calc(60% - 15px)}@media screen and (max-width: 576px){/*!@.container .sleeve*/.container.sc-biggive-video-feature .sleeve.sc-biggive-video-feature{flex-wrap:wrap}/*!@.container .sleeve .content-wrap*/.container.sc-biggive-video-feature .sleeve.sc-biggive-video-feature .content-wrap.sc-biggive-video-feature{width:100%}/*!@.container .sleeve .graphic-wrap*/.container.sc-biggive-video-feature .sleeve.sc-biggive-video-feature .graphic-wrap.sc-biggive-video-feature{padding-top:20px;width:100%;margin-bottom:15px}}";
9060
+ const biggiveVideoFeatureCss = "/*!@a*/a.sc-biggive-video-feature{color:inherit;text-decoration:underline}/*!@a:hover*/a.sc-biggive-video-feature:hover{text-decoration:none}/*!@.space-above-0*/.space-above-0.sc-biggive-video-feature{margin-top:0}/*!@.space-above-1*/.space-above-1.sc-biggive-video-feature{margin-top:5px}/*!@.space-above-2*/.space-above-2.sc-biggive-video-feature{margin-top:10px}/*!@.space-above-3*/.space-above-3.sc-biggive-video-feature{margin-top:15px}/*!@.space-above-4*/.space-above-4.sc-biggive-video-feature{margin-top:30px}/*!@.space-above-5*/.space-above-5.sc-biggive-video-feature{margin-top:45px}/*!@.space-above-6*/.space-above-6.sc-biggive-video-feature{margin-top:60px}/*!@.space-below-0*/.space-below-0.sc-biggive-video-feature{margin-bottom:0}/*!@.space-below-1*/.space-below-1.sc-biggive-video-feature{margin-bottom:5px}/*!@.space-below-2*/.space-below-2.sc-biggive-video-feature{margin-bottom:10px}/*!@.space-below-3*/.space-below-3.sc-biggive-video-feature{margin-bottom:15px}/*!@.space-below-4*/.space-below-4.sc-biggive-video-feature{margin-bottom:30px}/*!@.space-below-5*/.space-below-5.sc-biggive-video-feature{margin-bottom:45px}/*!@.space-below-6*/.space-below-6.sc-biggive-video-feature{margin-bottom:60px}/*!@.text-colour-hover-primary:hover,\n.text-colour-primary*/.text-colour-hover-primary.sc-biggive-video-feature:hover,.text-colour-primary.sc-biggive-video-feature{color:#2C089B}/*!@.text-colour-hover-secondary:hover,\n.text-colour-secondary*/.text-colour-hover-secondary.sc-biggive-video-feature:hover,.text-colour-secondary.sc-biggive-video-feature{color:#2AF135}/*!@.text-colour-hover-tertiary:hover,\n.text-colour-tertiary*/.text-colour-hover-tertiary.sc-biggive-video-feature:hover,.text-colour-tertiary.sc-biggive-video-feature{color:#FF7272}/*!@.text-colour-hover-brand-1:hover,\n.text-colour-brand-1*/.text-colour-hover-brand-1.sc-biggive-video-feature:hover,.text-colour-brand-1.sc-biggive-video-feature{color:#B30510}/*!@.text-colour-hover-brand-2:hover,\n.text-colour-brand-2*/.text-colour-hover-brand-2.sc-biggive-video-feature:hover,.text-colour-brand-2.sc-biggive-video-feature{color:#6E0887}/*!@.text-colour-hover-brand-3:hover,\n.text-colour-brand-3*/.text-colour-hover-brand-3.sc-biggive-video-feature:hover,.text-colour-brand-3.sc-biggive-video-feature{color:#50B400}/*!@.text-colour-hover-brand-4:hover,\n.text-colour-brand-4*/.text-colour-hover-brand-4.sc-biggive-video-feature:hover,.text-colour-brand-4.sc-biggive-video-feature{color:#FFE500}/*!@.text-colour-hover-brand-5:hover,\n.text-colour-brand-5*/.text-colour-hover-brand-5.sc-biggive-video-feature:hover,.text-colour-brand-5.sc-biggive-video-feature{color:#F07D00}/*!@.text-colour-hover-brand-6:hover,\n.text-colour-brand-6*/.text-colour-hover-brand-6.sc-biggive-video-feature:hover,.text-colour-brand-6.sc-biggive-video-feature{color:#CBC8C8}/*!@.text-colour-hover-brand-afa-pink:hover,\n.text-colour-brand-afa-pink*/.text-colour-hover-brand-afa-pink.sc-biggive-video-feature:hover,.text-colour-brand-afa-pink.sc-biggive-video-feature{color:#BF387D}/*!@.text-colour-hover-white:hover,\n.text-colour-white*/.text-colour-hover-white.sc-biggive-video-feature:hover,.text-colour-white.sc-biggive-video-feature{color:#FFFFFF}/*!@.text-colour-hover-black:hover,\n.text-colour-black*/.text-colour-hover-black.sc-biggive-video-feature:hover,.text-colour-black.sc-biggive-video-feature{color:#000000}/*!@.text-colour-hover-grey-extra-light:hover,\n.text-colour-grey-extra-light*/.text-colour-hover-grey-extra-light.sc-biggive-video-feature:hover,.text-colour-grey-extra-light.sc-biggive-video-feature{color:#D7D7D7}/*!@.text-colour-hover-grey-light:hover,\n.text-colour-grey-light*/.text-colour-hover-grey-light.sc-biggive-video-feature:hover,.text-colour-grey-light.sc-biggive-video-feature{color:#E8E8E8}/*!@.text-colour-hover-grey-medium:hover,\n.text-colour-grey-medium*/.text-colour-hover-grey-medium.sc-biggive-video-feature:hover,.text-colour-grey-medium.sc-biggive-video-feature{color:#8A8A8A}/*!@.text-colour-hover-grey-dark:hover,\n.text-colour-grey-dark*/.text-colour-hover-grey-dark.sc-biggive-video-feature:hover,.text-colour-grey-dark.sc-biggive-video-feature{color:#4A4A4A}/*!@:host*/.sc-biggive-video-feature-h{display:contents}/*!@.video-wrap*/.video-wrap.sc-biggive-video-feature{position:relative}/*!@.video-wrap iframe, .video-wrap video*/.video-wrap.sc-biggive-video-feature iframe.sc-biggive-video-feature,.video-wrap.sc-biggive-video-feature video.sc-biggive-video-feature{position:absolute;border:0;display:block;left:0;right:0;top:0;bottom:0;width:100%;height:100%}/*!@.video-wrap.youtube*/.video-wrap.youtube.sc-biggive-video-feature{padding-bottom:56.25%}/*!@.container*/.container.sc-biggive-video-feature{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;position:relative}/*!@.container .sleeve*/.container.sc-biggive-video-feature .sleeve.sc-biggive-video-feature{display:flex;justify-content:space-between}/*!@.container .sleeve .content-wrap*/.container.sc-biggive-video-feature .sleeve.sc-biggive-video-feature .content-wrap.sc-biggive-video-feature{width:calc(40% - 15px);position:relative;z-index:1}/*!@.container .sleeve .content-wrap .slug*/.container.sc-biggive-video-feature .sleeve.sc-biggive-video-feature .content-wrap.sc-biggive-video-feature .slug.sc-biggive-video-feature{font-size:20px;line-height:24px;font-weight:bold;margin:0;padding:0}/*!@.container .sleeve .content-wrap h2*/.container.sc-biggive-video-feature .sleeve.sc-biggive-video-feature .content-wrap.sc-biggive-video-feature h2.sc-biggive-video-feature{font-size:38px;line-height:45px;font-weight:bold;margin:0 0 15px 0;padding:0}/*!@.container .sleeve .content-wrap .teaser*/.container.sc-biggive-video-feature .sleeve.sc-biggive-video-feature .content-wrap.sc-biggive-video-feature .teaser.sc-biggive-video-feature{margin:0 0 45px 0;padding:0}/*!@.container .sleeve .graphic-wrap*/.container.sc-biggive-video-feature .sleeve.sc-biggive-video-feature .graphic-wrap.sc-biggive-video-feature{width:calc(60% - 15px)}@media screen and (max-width: 576px){/*!@.container .sleeve*/.container.sc-biggive-video-feature .sleeve.sc-biggive-video-feature{flex-wrap:wrap}/*!@.container .sleeve .content-wrap*/.container.sc-biggive-video-feature .sleeve.sc-biggive-video-feature .content-wrap.sc-biggive-video-feature{width:100%}/*!@.container .sleeve .graphic-wrap*/.container.sc-biggive-video-feature .sleeve.sc-biggive-video-feature .graphic-wrap.sc-biggive-video-feature{padding-top:20px;width:100%;margin-bottom:15px}}";
9057
9061
 
9058
9062
  class BiggiveVideoFeature {
9059
9063
  constructor(hostRef) {
@@ -9073,7 +9077,8 @@ class BiggiveVideoFeature {
9073
9077
  this.buttonColourScheme = 'primary';
9074
9078
  }
9075
9079
  render() {
9076
- return (hAsync("div", { class: 'container text-colour-' + this.defaultTextColour + ' space-above-' + this.spaceAbove + ' space-below-' + this.spaceBelow }, hAsync("div", { class: "sleeve" }, hAsync("div", { class: "content-wrap" }, hAsync("div", { class: 'slug text-colour-' + this.slugColour }, this.slug), hAsync("h2", { class: 'title text-colour-' + this.mainTitleColour }, this.mainTitle), hAsync("div", { class: 'teaser text-colour-' + this.teaserColour }, this.teaser), this.buttonLabel != null && this.buttonUrl != null ? (hAsync("biggive-button", { "colour-scheme": this.buttonColourScheme, url: this.buttonUrl, label: this.buttonLabel })) : null), hAsync("div", { class: "graphic-wrap" }, this.videoUrl !== null && this.videoUrl !== undefined ? hAsync("div", { class: "video-wrap", innerHTML: VideoService.getEmbedHtml(this.videoUrl) }) : null))));
9080
+ const youtubeClass = this.videoUrl.includes('youtube.com') ? ' youtube' : '';
9081
+ return (hAsync("div", { class: 'container text-colour-' + this.defaultTextColour + ' space-above-' + this.spaceAbove + ' space-below-' + this.spaceBelow }, hAsync("div", { class: "sleeve" }, hAsync("div", { class: "content-wrap" }, hAsync("div", { class: 'slug text-colour-' + this.slugColour }, this.slug), hAsync("h2", { class: 'title text-colour-' + this.mainTitleColour }, this.mainTitle), hAsync("div", { class: 'teaser text-colour-' + this.teaserColour }, this.teaser), this.buttonLabel != null && this.buttonUrl != null ? (hAsync("biggive-button", { "colour-scheme": this.buttonColourScheme, url: this.buttonUrl, label: this.buttonLabel })) : null), hAsync("div", { class: "graphic-wrap" }, this.videoUrl !== null && this.videoUrl !== undefined ? (hAsync("div", { class: 'video-wrap' + youtubeClass, innerHTML: VideoService.getEmbedHtml(this.videoUrl, this.mainTitle) })) : null))));
9077
9082
  }
9078
9083
  static get style() { return biggiveVideoFeatureCss; }
9079
9084
  static get cmpMeta() { return {
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@biggive/components",
3
3
  "_comment": "Version number below is automatically replaced during CircleCI build.",
4
- "version": "202308311526.0.0",
4
+ "version": "202309040952.0.0",
5
5
  "description": "Big Give Components",
6
6
  "main": "dist/index.cjs.js",
7
7
  "module": "dist/index.js",
package/dist/biggive/p-1b6695bd.js DELETED
@@ -1 +0,0 @@
1
- class e{static getEmbedHtml(e){return e.match(/youtube\.com/g)?'<iframe loading="lazy" src="'+e+'"></iframe>':"<video controls src="+e+"></video>"}}export{e as V}
package/dist/biggive/p-92234b28.entry.js DELETED
@@ -1 +0,0 @@
1
- import{r as o,h as e}from"./p-fcadc947.js";import{V as a}from"./p-1b6695bd.js";const t=class{constructor(e){o(this,e),this.spaceAbove=0,this.spaceBelow=0,this.videoUrl=""}render(){return e("div",{class:"container space-above-"+this.spaceAbove+" space-below-"+this.spaceBelow},e("div",{class:"video-wrap",innerHTML:a.getEmbedHtml(this.videoUrl)}))}};t.style='a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.space-above-0{margin-top:0}.space-above-1{margin-top:5px}.space-above-2{margin-top:10px}.space-above-3{margin-top:15px}.space-above-4{margin-top:30px}.space-above-5{margin-top:45px}.space-above-6{margin-top:60px}.space-below-0{margin-bottom:0}.space-below-1{margin-bottom:5px}.space-below-2{margin-bottom:10px}.space-below-3{margin-bottom:15px}.space-below-4{margin-bottom:30px}.space-below-5{margin-bottom:45px}.space-below-6{margin-bottom:60px}:host{display:contents}.video-wrap{position:relative;padding-bottom:56.25%}.video-wrap iframe,.video-wrap video{position:absolute;border:0;display:block;left:0;right:0;top:0;bottom:0;width:100%;height:100%}.container{font-family:"Euclid Triangle", sans-serif;font-size:17px;line-height:24px}';export{t as biggive_video}
package/dist/cjs/video-9d39b110.js DELETED
@@ -1,14 +0,0 @@
1
- 'use strict';
2
-
3
- class VideoService {
4
- static getEmbedHtml(url) {
5
- if (url.match(/youtube\.com/g)) {
6
- return '<iframe loading="lazy" src="' + url + '"></iframe>';
7
- }
8
- else {
9
- return '<video controls src=' + url + '></video>';
10
- }
11
- }
12
- }
13
-
14
- exports.VideoService = VideoService;
package/dist/esm/video-4e17ad68.js DELETED
@@ -1,12 +0,0 @@
1
- class VideoService {
2
- static getEmbedHtml(url) {
3
- if (url.match(/youtube\.com/g)) {
4
- return '<iframe loading="lazy" src="' + url + '"></iframe>';
5
- }
6
- else {
7
- return '<video controls src=' + url + '></video>';
8
- }
9
- }
10
- }
11
-
12
- export { VideoService as V };