@biggive/components 202609171513.0.0 → 202609210628.0.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@biggive/components",
   "_comment": "Version number below is automatically replaced during CircleCI build.",
-  "version": "202609171513.0.0",
+  "version": "202609210628.0.0",
   "description": "Big Give Components",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -41,7 +41,8 @@
     "@fortawesome/pro-duotone-svg-icons": "^6.6.0",
     "@fortawesome/pro-regular-svg-icons": "^6.6.0",
     "@fortawesome/pro-solid-svg-icons": "^6.6.0",
-    "@stencil/core": "^4.43.5"
+    "@stencil/core": "^4.43.5",
+    "@vimeo/player": "^2.30.4"
   },
   "devDependencies": {
     "@chromatic-com/storybook": "^3.2.2",

package/dist/biggive/p-43a82f03.entry.js

@@ -1 +0,0 @@
-import{r as o,h as a}from"./p-DrbVeNEi.js";import{V as e}from"./p-B6inbmak.js";const i=class{constructor(a){o(this,a),this.spaceAbove=0,this.spaceBelow=0,this.videoUrl=""}render(){return a("div",{key:"f80df68393fcbb5bf4ad5e28edb4cf8fc5f9f7a4",class:"container space-above-"+this.spaceAbove+" space-below-"+this.spaceBelow},a("div",{key:"61564ab412a3fbe7a6e0a86c498b5f88a6fc8b93",class:"video-wrap",innerHTML:e.getEmbedHtml(this.videoUrl,null)}))}};i.style='.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{i as biggive_video}

package/dist/biggive/p-B6inbmak.js

@@ -1 +0,0 @@
-class e{static getEmbedHtml(e,t){return(e=this.replacePageURLwithEmbedURL(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!==t&&t.length>0?` title="${t}"`:""}></iframe></div><script src="https://player.vimeo.com/api/player.js"><\/script>`:`<video controls src="${e}"></video>`}static replacePageURLwithEmbedURL(e){let t=null,a=null;return(t=e.match(/youtube.com\/watch\?v=([a-zA-Z0-9]+)/))?e=`https://youtube.com/embed/${t[1]}`:(a=e.match(/vimeo.com\/([0-9]+)/))&&(e=`https://player.vimeo.com/video/${a[1]}`),e}}export{e as V}

package/dist/biggive/p-df7c482e.entry.js

@@ -1 +0,0 @@
-import{r as o,h as e}from"./p-DrbVeNEi.js";import{V as r}from"./p-B6inbmak.js";const t=class{constructor(e){o(this,e),this.spaceAbove=0,this.spaceBelow=0,this.defaultTextColour="primary",this.videoUrl="",this.slugColour="",this.mainTitleColour="",this.teaserColour="",this.buttonColourScheme="primary"}render(){const o=this.videoUrl.includes("youtube.com")?" youtube":"";return e("div",{key:"9728b2ad86188ca8186ea51ef22d41e230321f3a",class:"container text-colour-"+this.defaultTextColour+" space-above-"+this.spaceAbove+" space-below-"+this.spaceBelow},e("div",{key:"89b4cb27f12bd79a21feb0fd0e296fb88076e51b",class:"sleeve"},e("div",{key:"572da0a8b8ebdea61ea04408d31f19744e803ad3",class:"content-wrap"},e("div",{key:"c4446b7165c47ac6562771608140774fe1451dea",class:"slug text-colour-"+this.slugColour},this.slug),e("h2",{key:"06765a3aba7296b1a1c289cb2c33d9754f909771",class:"title text-colour-"+this.mainTitleColour},this.mainTitle),e("div",{key:"11b2801d03d26bfc20805aa65fe9e054f82bdc1f",class:"teaser text-colour-"+this.teaserColour},this.teaser),null!=this.buttonLabel&&null!=this.buttonUrl?e("biggive-button",{"colour-scheme":this.buttonColourScheme,url:this.buttonUrl,label:this.buttonLabel}):null),e("div",{key:"fcc96dbb3fbebde2a1db504de77bf6b509fafc3b",class:"graphic-wrap"},null!=this.videoUrl?e("div",{class:"video-wrap"+o,innerHTML:r.getEmbedHtml(this.videoUrl,this.mainTitle)}):null)))}};t.style='.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-cc-red:hover,.text-colour-brand-cc-red{color:#B30510}.text-colour-hover-brand-wgmf-purple:hover,.text-colour-brand-wgmf-purple{color:#6E0887}.text-colour-hover-brand-gmf-green:hover,.text-colour-brand-gmf-green{color:#50B400}.text-colour-hover-brand-er-green:hover,.text-colour-brand-er-green{color:#50B400}.text-colour-hover-brand-er-dark-green:hover,.text-colour-brand-er-dark-green{color:#002413}.text-colour-hover-brand-er-dark-blue:hover,.text-colour-brand-er-dark-blue{color:#0c0068}.text-colour-hover-brand-er-teal:hover,.text-colour-brand-er-teal{color:#00a76d}.text-colour-hover-brand-emf-yellow:hover,.text-colour-brand-emf-yellow{color:#FFE500}.text-colour-hover-brand-c4c-orange:hover,.text-colour-brand-c4c-orange{color:#F07D00}.text-colour-hover-brand-afa-pink:hover,.text-colour-brand-afa-pink{color:#BF387D}.text-colour-hover-brand-scw-magenta:hover,.text-colour-brand-scw-magenta{color:#EE2C65}.text-colour-hover-brand-mhf-turquoise:hover,.text-colour-brand-mhf-turquoise{color:#62CFC9}.text-colour-hover-brand-grey:hover,.text-colour-brand-grey{color:#CBC8C8}.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}.text-colour-hover-philco-orange:hover,.text-colour-philco-orange{color:#f18a00}.text-colour-hover-philco-gray-90:hover,.text-colour-philco-gray-90{color:#1d1d1B}.text-colour-hover-philco-gray-70:hover,.text-colour-philco-gray-70{color:#7D7D7D}.text-colour-hover-philco-white:hover,.text-colour-philco-white{color:#FFFFFF}.text-colour-hover-philco-success-green:hover,.text-colour-philco-success-green{color:#1Ec691}.text-colour-hover-philco-error-coral:hover,.text-colour-philco-error-coral{color:#F54242}.text-colour-hover-philco-gray-30:hover,.text-colour-philco-gray-30{color:#BBBBBB}.text-colour-hover-philco-gray-20:hover,.text-colour-philco-gray-20{color:#F6F6F6}: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}}';export{t as biggive_video_feature}