@biggive/components 1.0.148 → 1.0.149
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/biggive/biggive.esm.js +1 -1
- package/dist/biggive/p-b0ab7ff2.entry.js +1 -0
- package/dist/cjs/biggive-back-to-top_26.cjs.entry.js +4 -4
- package/dist/collection/components/biggive-campaign-highlights/biggive-campaign-highlights.js +1 -1
- package/dist/collection/components/biggive-hero-image/biggive-hero-image.js +1 -1
- package/dist/collection/components/biggive-image-feature/biggive-image-feature.js +1 -1
- package/dist/collection/components/biggive-video-feature/biggive-video-feature.js +1 -1
- package/dist/components/biggive-campaign-highlights.js +1 -1
- package/dist/components/biggive-hero-image.js +1 -1
- package/dist/components/biggive-image-feature.js +1 -1
- package/dist/components/biggive-video-feature.js +1 -1
- package/dist/esm/biggive-back-to-top_26.entry.js +4 -4
- package/hydrate/index.js +4 -4
- package/package.json +1 -1
- package/dist/biggive/p-e4bc14c8.entry.js +0 -1
|
@@ -241,7 +241,7 @@ const BiggiveCampaignHighlights = class {
|
|
|
241
241
|
this.championUrl = null;
|
|
242
242
|
}
|
|
243
243
|
render() {
|
|
244
|
-
return (index.h("div", { class: 'container space-below-' + this.spaceBelow }, index.h("div", { class: "sleeve" }, this.campaignTitle != null ? (index.h("div", { class: "campaign-title" }, index.h("span", null, this.campaignTitle))) : null, this.banner.
|
|
244
|
+
return (index.h("div", { class: 'container space-below-' + this.spaceBelow }, index.h("div", { class: "sleeve" }, this.campaignTitle != null ? (index.h("div", { class: "campaign-title" }, index.h("span", null, this.campaignTitle))) : null, this.banner !== null && this.banner !== undefined ? (index.h("div", { class: "image-wrap banner", style: { 'background-image': 'url(' + this.banner + ')' } }, index.h("img", { src: this.banner, class: "banner" }))) : null, index.h("div", { class: "meta-wrap" }, index.h("div", { class: "meta-item" }, index.h("span", { class: "label" }, this.primaryFigureLabel), index.h("span", { class: "text" }, this.primaryFigureAmount)), index.h("div", { class: "meta-item" }, index.h("span", { class: "label" }, this.secondaryFigureLabel), index.h("span", { class: "text" }, this.secondaryFigureAmount))), index.h("div", { class: "progress-bar-wrap" }, index.h("biggive-progress-bar", { counter: this.progressBarCounter, "colour-scheme": "primary" })), index.h("div", { class: "stat-wrap" }, this.primaryStatIcon != null ? (index.h("div", { class: "stat-item" }, index.h("biggive-misc-icon", { icon: this.primaryStatIcon, "background-colour": "white", "icon-colour": "tertiary" }), index.h("span", { class: "label" }, this.primaryStatText))) : null, this.secondaryStatIcon != null ? (index.h("div", { class: "stat-item" }, index.h("biggive-misc-icon", { icon: this.secondaryStatIcon, "background-colour": "white", "icon-colour": "tertiary" }), index.h("span", { class: "label" }, this.secondaryStatText))) : null), this.championName != null ? (index.h("div", { class: "championed-by" }, "Championed by ", index.h("a", { href: this.championUrl }, this.championName))) : null)));
|
|
245
245
|
}
|
|
246
246
|
};
|
|
247
247
|
BiggiveCampaignHighlights.style = biggiveCampaignHighlightsCss;
|
|
@@ -430,7 +430,7 @@ const BiggiveHeroImage = class {
|
|
|
430
430
|
this.buttonColourScheme = 'primary';
|
|
431
431
|
}
|
|
432
432
|
render() {
|
|
433
|
-
return (index.h("div", { class: 'container colour-scheme-' + this.colourScheme + ' space-below-' + this.spaceBelow }, index.h("div", { class: "sleeve" }, index.h("div", { class: "content-wrap" }, this.logo.
|
|
433
|
+
return (index.h("div", { class: 'container colour-scheme-' + this.colourScheme + ' space-below-' + this.spaceBelow }, index.h("div", { class: "sleeve" }, index.h("div", { class: "content-wrap" }, this.logo !== undefined && this.logo !== null ? (index.h("div", { class: "logo image-wrap", style: { 'background-image': 'url(' + this.logo + ')' } }, index.h("img", { src: this.logo, alt: this.logoAltText, title: this.logoAltText }))) : index.h("div", { class: "logo-space" }), index.h("div", { class: 'slug text-colour-' + this.slugColour }, this.slug), index.h("h1", { class: 'main-title text-colour-' + this.mainTitleColour }, this.mainTitle), index.h("div", { class: 'teaser text-colour-' + this.teaserColour }, this.teaser), this.buttonLabel != null && this.buttonUrl != null
|
|
434
434
|
? index.h("biggive-button", { "colour-scheme": this.buttonColourScheme, url: this.buttonUrl, label: this.buttonLabel })
|
|
435
435
|
: null), index.h("div", { class: "graphic-wrap" }, this.mainImage !== null ? (index.h("div", { class: "image-wrap", role: "presentation", style: { 'background-image': 'url(' + this.mainImage + ')', 'background-position': this.mainImageAlignHorizontal + ' ' + this.mainImageAlignVertical } })) : null))));
|
|
436
436
|
}
|
|
@@ -457,7 +457,7 @@ const BiggiveImageFeature = class {
|
|
|
457
457
|
this.buttonColourScheme = 'primary';
|
|
458
458
|
}
|
|
459
459
|
render() {
|
|
460
|
-
return (index.h("div", { class: 'container text-colour-' + this.defaultTextColour + ' 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.imageUrl.
|
|
460
|
+
return (index.h("div", { class: 'container text-colour-' + this.defaultTextColour + ' 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.imageUrl !== null && this.imageUrl !== undefined ? (index.h("div", { class: "image-wrap" }, index.h("img", { src: this.imageUrl, alt: this.imageAltText }))) : null))));
|
|
461
461
|
}
|
|
462
462
|
};
|
|
463
463
|
BiggiveImageFeature.style = biggiveImageFeatureCss;
|
|
@@ -664,7 +664,7 @@ const BiggiveVideoFeature = class {
|
|
|
664
664
|
this.buttonColourScheme = 'primary';
|
|
665
665
|
}
|
|
666
666
|
render() {
|
|
667
|
-
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.
|
|
667
|
+
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))));
|
|
668
668
|
}
|
|
669
669
|
};
|
|
670
670
|
BiggiveVideoFeature.style = biggiveVideoFeatureCss;
|
package/dist/collection/components/biggive-campaign-highlights/biggive-campaign-highlights.js
CHANGED
|
@@ -17,7 +17,7 @@ export class BiggiveCampaignHighlights {
|
|
|
17
17
|
this.championUrl = null;
|
|
18
18
|
}
|
|
19
19
|
render() {
|
|
20
|
-
return (h("div", { class: 'container space-below-' + this.spaceBelow }, h("div", { class: "sleeve" }, this.campaignTitle != null ? (h("div", { class: "campaign-title" }, h("span", null, this.campaignTitle))) : null, this.banner.
|
|
20
|
+
return (h("div", { class: 'container space-below-' + this.spaceBelow }, h("div", { class: "sleeve" }, this.campaignTitle != null ? (h("div", { class: "campaign-title" }, h("span", null, this.campaignTitle))) : null, this.banner !== null && this.banner !== undefined ? (h("div", { class: "image-wrap banner", style: { 'background-image': 'url(' + this.banner + ')' } }, h("img", { src: this.banner, class: "banner" }))) : null, h("div", { class: "meta-wrap" }, h("div", { class: "meta-item" }, h("span", { class: "label" }, this.primaryFigureLabel), h("span", { class: "text" }, this.primaryFigureAmount)), h("div", { class: "meta-item" }, h("span", { class: "label" }, this.secondaryFigureLabel), h("span", { class: "text" }, this.secondaryFigureAmount))), h("div", { class: "progress-bar-wrap" }, h("biggive-progress-bar", { counter: this.progressBarCounter, "colour-scheme": "primary" })), h("div", { class: "stat-wrap" }, this.primaryStatIcon != null ? (h("div", { class: "stat-item" }, h("biggive-misc-icon", { icon: this.primaryStatIcon, "background-colour": "white", "icon-colour": "tertiary" }), h("span", { class: "label" }, this.primaryStatText))) : null, this.secondaryStatIcon != null ? (h("div", { class: "stat-item" }, h("biggive-misc-icon", { icon: this.secondaryStatIcon, "background-colour": "white", "icon-colour": "tertiary" }), h("span", { class: "label" }, this.secondaryStatText))) : null), this.championName != null ? (h("div", { class: "championed-by" }, "Championed by ", h("a", { href: this.championUrl }, this.championName))) : null)));
|
|
21
21
|
}
|
|
22
22
|
static get is() { return "biggive-campaign-highlights"; }
|
|
23
23
|
static get encapsulation() { return "shadow"; }
|
|
@@ -20,7 +20,7 @@ export class BiggiveHeroImage {
|
|
|
20
20
|
this.buttonColourScheme = 'primary';
|
|
21
21
|
}
|
|
22
22
|
render() {
|
|
23
|
-
return (h("div", { class: 'container colour-scheme-' + this.colourScheme + ' space-below-' + this.spaceBelow }, h("div", { class: "sleeve" }, h("div", { class: "content-wrap" }, this.logo.
|
|
23
|
+
return (h("div", { class: 'container colour-scheme-' + this.colourScheme + ' space-below-' + this.spaceBelow }, h("div", { class: "sleeve" }, h("div", { class: "content-wrap" }, this.logo !== undefined && this.logo !== null ? (h("div", { class: "logo image-wrap", style: { 'background-image': 'url(' + this.logo + ')' } }, h("img", { src: this.logo, alt: this.logoAltText, title: this.logoAltText }))) : h("div", { class: "logo-space" }), h("div", { class: 'slug text-colour-' + this.slugColour }, this.slug), h("h1", { class: 'main-title text-colour-' + this.mainTitleColour }, this.mainTitle), h("div", { class: 'teaser text-colour-' + this.teaserColour }, this.teaser), this.buttonLabel != null && this.buttonUrl != null
|
|
24
24
|
? h("biggive-button", { "colour-scheme": this.buttonColourScheme, url: this.buttonUrl, label: this.buttonLabel })
|
|
25
25
|
: null), h("div", { class: "graphic-wrap" }, this.mainImage !== null ? (h("div", { class: "image-wrap", role: "presentation", style: { 'background-image': 'url(' + this.mainImage + ')', 'background-position': this.mainImageAlignHorizontal + ' ' + this.mainImageAlignVertical } })) : null))));
|
|
26
26
|
}
|
|
@@ -16,7 +16,7 @@ export class BiggiveImageFeature {
|
|
|
16
16
|
this.buttonColourScheme = 'primary';
|
|
17
17
|
}
|
|
18
18
|
render() {
|
|
19
|
-
return (h("div", { class: 'container text-colour-' + this.defaultTextColour + ' 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.imageUrl.
|
|
19
|
+
return (h("div", { class: 'container text-colour-' + this.defaultTextColour + ' 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.imageUrl !== null && this.imageUrl !== undefined ? (h("div", { class: "image-wrap" }, h("img", { src: this.imageUrl, alt: this.imageAltText }))) : null))));
|
|
20
20
|
}
|
|
21
21
|
static get is() { return "biggive-image-feature"; }
|
|
22
22
|
static get encapsulation() { return "shadow"; }
|
|
@@ -17,7 +17,7 @@ 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.
|
|
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))));
|
|
21
21
|
}
|
|
22
22
|
static get is() { return "biggive-video-feature"; }
|
|
23
23
|
static get encapsulation() { return "shadow"; }
|
|
@@ -25,7 +25,7 @@ const BiggiveCampaignHighlights$1 = /*@__PURE__*/ proxyCustomElement(class exten
|
|
|
25
25
|
this.championUrl = null;
|
|
26
26
|
}
|
|
27
27
|
render() {
|
|
28
|
-
return (h("div", { class: 'container space-below-' + this.spaceBelow }, h("div", { class: "sleeve" }, this.campaignTitle != null ? (h("div", { class: "campaign-title" }, h("span", null, this.campaignTitle))) : null, this.banner.
|
|
28
|
+
return (h("div", { class: 'container space-below-' + this.spaceBelow }, h("div", { class: "sleeve" }, this.campaignTitle != null ? (h("div", { class: "campaign-title" }, h("span", null, this.campaignTitle))) : null, this.banner !== null && this.banner !== undefined ? (h("div", { class: "image-wrap banner", style: { 'background-image': 'url(' + this.banner + ')' } }, h("img", { src: this.banner, class: "banner" }))) : null, h("div", { class: "meta-wrap" }, h("div", { class: "meta-item" }, h("span", { class: "label" }, this.primaryFigureLabel), h("span", { class: "text" }, this.primaryFigureAmount)), h("div", { class: "meta-item" }, h("span", { class: "label" }, this.secondaryFigureLabel), h("span", { class: "text" }, this.secondaryFigureAmount))), h("div", { class: "progress-bar-wrap" }, h("biggive-progress-bar", { counter: this.progressBarCounter, "colour-scheme": "primary" })), h("div", { class: "stat-wrap" }, this.primaryStatIcon != null ? (h("div", { class: "stat-item" }, h("biggive-misc-icon", { icon: this.primaryStatIcon, "background-colour": "white", "icon-colour": "tertiary" }), h("span", { class: "label" }, this.primaryStatText))) : null, this.secondaryStatIcon != null ? (h("div", { class: "stat-item" }, h("biggive-misc-icon", { icon: this.secondaryStatIcon, "background-colour": "white", "icon-colour": "tertiary" }), h("span", { class: "label" }, this.secondaryStatText))) : null), this.championName != null ? (h("div", { class: "championed-by" }, "Championed by ", h("a", { href: this.championUrl }, this.championName))) : null)));
|
|
29
29
|
}
|
|
30
30
|
static get style() { return biggiveCampaignHighlightsCss; }
|
|
31
31
|
}, [1, "biggive-campaign-highlights", {
|
|
@@ -26,7 +26,7 @@ const BiggiveHeroImage$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLEl
|
|
|
26
26
|
this.buttonColourScheme = 'primary';
|
|
27
27
|
}
|
|
28
28
|
render() {
|
|
29
|
-
return (h("div", { class: 'container colour-scheme-' + this.colourScheme + ' space-below-' + this.spaceBelow }, h("div", { class: "sleeve" }, h("div", { class: "content-wrap" }, this.logo.
|
|
29
|
+
return (h("div", { class: 'container colour-scheme-' + this.colourScheme + ' space-below-' + this.spaceBelow }, h("div", { class: "sleeve" }, h("div", { class: "content-wrap" }, this.logo !== undefined && this.logo !== null ? (h("div", { class: "logo image-wrap", style: { 'background-image': 'url(' + this.logo + ')' } }, h("img", { src: this.logo, alt: this.logoAltText, title: this.logoAltText }))) : h("div", { class: "logo-space" }), h("div", { class: 'slug text-colour-' + this.slugColour }, this.slug), h("h1", { class: 'main-title text-colour-' + this.mainTitleColour }, this.mainTitle), h("div", { class: 'teaser text-colour-' + this.teaserColour }, this.teaser), this.buttonLabel != null && this.buttonUrl != null
|
|
30
30
|
? h("biggive-button", { "colour-scheme": this.buttonColourScheme, url: this.buttonUrl, label: this.buttonLabel })
|
|
31
31
|
: null), h("div", { class: "graphic-wrap" }, this.mainImage !== null ? (h("div", { class: "image-wrap", role: "presentation", style: { 'background-image': 'url(' + this.mainImage + ')', 'background-position': this.mainImageAlignHorizontal + ' ' + this.mainImageAlignVertical } })) : null))));
|
|
32
32
|
}
|
|
@@ -23,7 +23,7 @@ const BiggiveImageFeature$1 = /*@__PURE__*/ proxyCustomElement(class extends HTM
|
|
|
23
23
|
this.buttonColourScheme = 'primary';
|
|
24
24
|
}
|
|
25
25
|
render() {
|
|
26
|
-
return (h("div", { class: 'container text-colour-' + this.defaultTextColour + ' 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.imageUrl.
|
|
26
|
+
return (h("div", { class: 'container text-colour-' + this.defaultTextColour + ' 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.imageUrl !== null && this.imageUrl !== undefined ? (h("div", { class: "image-wrap" }, h("img", { src: this.imageUrl, alt: this.imageAltText }))) : null))));
|
|
27
27
|
}
|
|
28
28
|
static get style() { return biggiveImageFeatureCss; }
|
|
29
29
|
}, [1, "biggive-image-feature", {
|
|
@@ -24,7 +24,7 @@ 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.
|
|
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))));
|
|
28
28
|
}
|
|
29
29
|
static get style() { return biggiveVideoFeatureCss; }
|
|
30
30
|
}, [1, "biggive-video-feature", {
|
|
@@ -237,7 +237,7 @@ const BiggiveCampaignHighlights = class {
|
|
|
237
237
|
this.championUrl = null;
|
|
238
238
|
}
|
|
239
239
|
render() {
|
|
240
|
-
return (h("div", { class: 'container space-below-' + this.spaceBelow }, h("div", { class: "sleeve" }, this.campaignTitle != null ? (h("div", { class: "campaign-title" }, h("span", null, this.campaignTitle))) : null, this.banner.
|
|
240
|
+
return (h("div", { class: 'container space-below-' + this.spaceBelow }, h("div", { class: "sleeve" }, this.campaignTitle != null ? (h("div", { class: "campaign-title" }, h("span", null, this.campaignTitle))) : null, this.banner !== null && this.banner !== undefined ? (h("div", { class: "image-wrap banner", style: { 'background-image': 'url(' + this.banner + ')' } }, h("img", { src: this.banner, class: "banner" }))) : null, h("div", { class: "meta-wrap" }, h("div", { class: "meta-item" }, h("span", { class: "label" }, this.primaryFigureLabel), h("span", { class: "text" }, this.primaryFigureAmount)), h("div", { class: "meta-item" }, h("span", { class: "label" }, this.secondaryFigureLabel), h("span", { class: "text" }, this.secondaryFigureAmount))), h("div", { class: "progress-bar-wrap" }, h("biggive-progress-bar", { counter: this.progressBarCounter, "colour-scheme": "primary" })), h("div", { class: "stat-wrap" }, this.primaryStatIcon != null ? (h("div", { class: "stat-item" }, h("biggive-misc-icon", { icon: this.primaryStatIcon, "background-colour": "white", "icon-colour": "tertiary" }), h("span", { class: "label" }, this.primaryStatText))) : null, this.secondaryStatIcon != null ? (h("div", { class: "stat-item" }, h("biggive-misc-icon", { icon: this.secondaryStatIcon, "background-colour": "white", "icon-colour": "tertiary" }), h("span", { class: "label" }, this.secondaryStatText))) : null), this.championName != null ? (h("div", { class: "championed-by" }, "Championed by ", h("a", { href: this.championUrl }, this.championName))) : null)));
|
|
241
241
|
}
|
|
242
242
|
};
|
|
243
243
|
BiggiveCampaignHighlights.style = biggiveCampaignHighlightsCss;
|
|
@@ -426,7 +426,7 @@ const BiggiveHeroImage = class {
|
|
|
426
426
|
this.buttonColourScheme = 'primary';
|
|
427
427
|
}
|
|
428
428
|
render() {
|
|
429
|
-
return (h("div", { class: 'container colour-scheme-' + this.colourScheme + ' space-below-' + this.spaceBelow }, h("div", { class: "sleeve" }, h("div", { class: "content-wrap" }, this.logo.
|
|
429
|
+
return (h("div", { class: 'container colour-scheme-' + this.colourScheme + ' space-below-' + this.spaceBelow }, h("div", { class: "sleeve" }, h("div", { class: "content-wrap" }, this.logo !== undefined && this.logo !== null ? (h("div", { class: "logo image-wrap", style: { 'background-image': 'url(' + this.logo + ')' } }, h("img", { src: this.logo, alt: this.logoAltText, title: this.logoAltText }))) : h("div", { class: "logo-space" }), h("div", { class: 'slug text-colour-' + this.slugColour }, this.slug), h("h1", { class: 'main-title text-colour-' + this.mainTitleColour }, this.mainTitle), h("div", { class: 'teaser text-colour-' + this.teaserColour }, this.teaser), this.buttonLabel != null && this.buttonUrl != null
|
|
430
430
|
? h("biggive-button", { "colour-scheme": this.buttonColourScheme, url: this.buttonUrl, label: this.buttonLabel })
|
|
431
431
|
: null), h("div", { class: "graphic-wrap" }, this.mainImage !== null ? (h("div", { class: "image-wrap", role: "presentation", style: { 'background-image': 'url(' + this.mainImage + ')', 'background-position': this.mainImageAlignHorizontal + ' ' + this.mainImageAlignVertical } })) : null))));
|
|
432
432
|
}
|
|
@@ -453,7 +453,7 @@ const BiggiveImageFeature = class {
|
|
|
453
453
|
this.buttonColourScheme = 'primary';
|
|
454
454
|
}
|
|
455
455
|
render() {
|
|
456
|
-
return (h("div", { class: 'container text-colour-' + this.defaultTextColour + ' 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.imageUrl.
|
|
456
|
+
return (h("div", { class: 'container text-colour-' + this.defaultTextColour + ' 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.imageUrl !== null && this.imageUrl !== undefined ? (h("div", { class: "image-wrap" }, h("img", { src: this.imageUrl, alt: this.imageAltText }))) : null))));
|
|
457
457
|
}
|
|
458
458
|
};
|
|
459
459
|
BiggiveImageFeature.style = biggiveImageFeatureCss;
|
|
@@ -660,7 +660,7 @@ const BiggiveVideoFeature = class {
|
|
|
660
660
|
this.buttonColourScheme = 'primary';
|
|
661
661
|
}
|
|
662
662
|
render() {
|
|
663
|
-
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.
|
|
663
|
+
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))));
|
|
664
664
|
}
|
|
665
665
|
};
|
|
666
666
|
BiggiveVideoFeature.style = biggiveVideoFeatureCss;
|
package/hydrate/index.js
CHANGED
|
@@ -6688,7 +6688,7 @@ class BiggiveCampaignHighlights {
|
|
|
6688
6688
|
this.championUrl = null;
|
|
6689
6689
|
}
|
|
6690
6690
|
render() {
|
|
6691
|
-
return (hAsync("div", { class: 'container space-below-' + this.spaceBelow }, hAsync("div", { class: "sleeve" }, this.campaignTitle != null ? (hAsync("div", { class: "campaign-title" }, hAsync("span", null, this.campaignTitle))) : null, this.banner.
|
|
6691
|
+
return (hAsync("div", { class: 'container space-below-' + this.spaceBelow }, hAsync("div", { class: "sleeve" }, this.campaignTitle != null ? (hAsync("div", { class: "campaign-title" }, hAsync("span", null, this.campaignTitle))) : null, this.banner !== null && this.banner !== undefined ? (hAsync("div", { class: "image-wrap banner", style: { 'background-image': 'url(' + this.banner + ')' } }, hAsync("img", { src: this.banner, class: "banner" }))) : null, hAsync("div", { class: "meta-wrap" }, hAsync("div", { class: "meta-item" }, hAsync("span", { class: "label" }, this.primaryFigureLabel), hAsync("span", { class: "text" }, this.primaryFigureAmount)), hAsync("div", { class: "meta-item" }, hAsync("span", { class: "label" }, this.secondaryFigureLabel), hAsync("span", { class: "text" }, this.secondaryFigureAmount))), hAsync("div", { class: "progress-bar-wrap" }, hAsync("biggive-progress-bar", { counter: this.progressBarCounter, "colour-scheme": "primary" })), hAsync("div", { class: "stat-wrap" }, this.primaryStatIcon != null ? (hAsync("div", { class: "stat-item" }, hAsync("biggive-misc-icon", { icon: this.primaryStatIcon, "background-colour": "white", "icon-colour": "tertiary" }), hAsync("span", { class: "label" }, this.primaryStatText))) : null, this.secondaryStatIcon != null ? (hAsync("div", { class: "stat-item" }, hAsync("biggive-misc-icon", { icon: this.secondaryStatIcon, "background-colour": "white", "icon-colour": "tertiary" }), hAsync("span", { class: "label" }, this.secondaryStatText))) : null), this.championName != null ? (hAsync("div", { class: "championed-by" }, "Championed by ", hAsync("a", { href: this.championUrl }, this.championName))) : null)));
|
|
6692
6692
|
}
|
|
6693
6693
|
static get style() { return biggiveCampaignHighlightsCss; }
|
|
6694
6694
|
static get cmpMeta() { return {
|
|
@@ -7053,7 +7053,7 @@ class BiggiveHeroImage {
|
|
|
7053
7053
|
this.buttonColourScheme = 'primary';
|
|
7054
7054
|
}
|
|
7055
7055
|
render() {
|
|
7056
|
-
return (hAsync("div", { class: 'container colour-scheme-' + this.colourScheme + ' space-below-' + this.spaceBelow }, hAsync("div", { class: "sleeve" }, hAsync("div", { class: "content-wrap" }, this.logo.
|
|
7056
|
+
return (hAsync("div", { class: 'container colour-scheme-' + this.colourScheme + ' space-below-' + this.spaceBelow }, hAsync("div", { class: "sleeve" }, hAsync("div", { class: "content-wrap" }, this.logo !== undefined && this.logo !== null ? (hAsync("div", { class: "logo image-wrap", style: { 'background-image': 'url(' + this.logo + ')' } }, hAsync("img", { src: this.logo, alt: this.logoAltText, title: this.logoAltText }))) : hAsync("div", { class: "logo-space" }), hAsync("div", { class: 'slug text-colour-' + this.slugColour }, this.slug), hAsync("h1", { class: 'main-title text-colour-' + this.mainTitleColour }, this.mainTitle), hAsync("div", { class: 'teaser text-colour-' + this.teaserColour }, this.teaser), this.buttonLabel != null && this.buttonUrl != null
|
|
7057
7057
|
? hAsync("biggive-button", { "colour-scheme": this.buttonColourScheme, url: this.buttonUrl, label: this.buttonLabel })
|
|
7058
7058
|
: null), hAsync("div", { class: "graphic-wrap" }, this.mainImage !== null ? (hAsync("div", { class: "image-wrap", role: "presentation", style: { 'background-image': 'url(' + this.mainImage + ')', 'background-position': this.mainImageAlignHorizontal + ' ' + this.mainImageAlignVertical } })) : null))));
|
|
7059
7059
|
}
|
|
@@ -7179,7 +7179,7 @@ class BiggiveImageFeature {
|
|
|
7179
7179
|
this.buttonColourScheme = 'primary';
|
|
7180
7180
|
}
|
|
7181
7181
|
render() {
|
|
7182
|
-
return (hAsync("div", { class: 'container text-colour-' + this.defaultTextColour + ' 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.imageUrl.
|
|
7182
|
+
return (hAsync("div", { class: 'container text-colour-' + this.defaultTextColour + ' 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.imageUrl !== null && this.imageUrl !== undefined ? (hAsync("div", { class: "image-wrap" }, hAsync("img", { src: this.imageUrl, alt: this.imageAltText }))) : null))));
|
|
7183
7183
|
}
|
|
7184
7184
|
static get style() { return biggiveImageFeatureCss; }
|
|
7185
7185
|
static get cmpMeta() { return {
|
|
@@ -7703,7 +7703,7 @@ class BiggiveVideoFeature {
|
|
|
7703
7703
|
this.buttonColourScheme = 'primary';
|
|
7704
7704
|
}
|
|
7705
7705
|
render() {
|
|
7706
|
-
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.
|
|
7706
|
+
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))));
|
|
7707
7707
|
}
|
|
7708
7708
|
static get style() { return biggiveVideoFeatureCss; }
|
|
7709
7709
|
static get cmpMeta() { return {
|