@biggive/components 1.0.119 → 1.0.121
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-9b389ba1.entry.js +1 -0
- package/dist/cjs/biggive-back-to-top_24.cjs.entry.js +7 -41
- package/dist/cjs/biggive.cjs.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/components/biggive-campaign-card/biggive-campaign-card.js +9 -42
- package/dist/collection/components/biggive-campaign-highlights/biggive-campaign-highlights.js +9 -42
- package/dist/collection/components/biggive-footer/biggive-footer.js +1 -1
- package/dist/collection/components/biggive-header/biggive-header.js +2 -2
- package/dist/collection/components/biggive-progress-bar/biggive-progress-bar.js +2 -5
- package/dist/collection/components/biggive-social-icon/biggive-social-icon.js +3 -3
- package/dist/components/biggive-campaign-card.js +3 -20
- package/dist/components/biggive-campaign-highlights.js +3 -19
- package/dist/components/biggive-footer.js +1 -1
- package/dist/components/biggive-header.js +2 -2
- package/dist/components/biggive-progress-bar2.js +1 -4
- package/dist/components/biggive-social-icon.js +1 -1
- package/dist/esm/biggive-back-to-top_24.entry.js +7 -41
- package/dist/esm/biggive.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/types/components/biggive-campaign-card/biggive-campaign-card.d.ts +4 -12
- package/dist/types/components/biggive-campaign-highlights/biggive-campaign-highlights.d.ts +4 -12
- package/dist/types/components/biggive-progress-bar/biggive-progress-bar.d.ts +1 -2
- package/dist/types/components/biggive-social-icon/biggive-social-icon.d.ts +2 -2
- package/dist/types/components.d.ts +22 -38
- package/hydrate/index.js +11 -47
- package/package.json +1 -1
- package/dist/biggive/p-248739b8.entry.js +0 -1
|
@@ -80,7 +80,6 @@ const BiggiveCampaignCard = class {
|
|
|
80
80
|
this.banner = null;
|
|
81
81
|
this.campaignTitle = null;
|
|
82
82
|
this.organisationName = null;
|
|
83
|
-
this.currencyCode = undefined;
|
|
84
83
|
this.primaryFigureLabel = null;
|
|
85
84
|
this.primaryFigureAmount = null;
|
|
86
85
|
this.secondaryFigureLabel = null;
|
|
@@ -93,23 +92,8 @@ const BiggiveCampaignCard = class {
|
|
|
93
92
|
this.moreInfoButtonUrl = null;
|
|
94
93
|
this.moreInfoButtonColourScheme = 'clear-primary';
|
|
95
94
|
}
|
|
96
|
-
/**
|
|
97
|
-
* @returns Whole large currency units (e.g. pounds) formatted with symbol.
|
|
98
|
-
*/
|
|
99
|
-
formatCurrency(currencyCode, amount) {
|
|
100
|
-
if (amount === null || isNaN(amount)) {
|
|
101
|
-
return '–';
|
|
102
|
-
}
|
|
103
|
-
return Intl.NumberFormat('en-GB', {
|
|
104
|
-
style: 'currency',
|
|
105
|
-
currency: currencyCode,
|
|
106
|
-
currencyDisplay: 'symbol',
|
|
107
|
-
minimumFractionDigits: 0,
|
|
108
|
-
maximumFractionDigits: 0,
|
|
109
|
-
}).format(amount);
|
|
110
|
-
}
|
|
111
95
|
render() {
|
|
112
|
-
return (index.h("div", { class: 'container space-below-' + this.spaceBelow.toString() }, index.h("div", { class: "sleeve" }, this.campaignType !== null ? (index.h("div", { class: "campaign-type" }, index.h("span", null, this.campaignType))) : null, this.banner !== null ? (index.h("div", { class: "image-wrap banner", style: { 'background-image': 'url(' + this.banner + ')' } }, index.h("img", { src: this.banner, class: "banner" }))) : (index.h("div", { class: "image-wrap banner" })), index.h("div", { class: "title-wrap" }, index.h("h3", null, this.campaignTitle), index.h("div", { class: "organisation-name" }, "By ", this.organisationName)), 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.
|
|
96
|
+
return (index.h("div", { class: 'container space-below-' + this.spaceBelow.toString() }, index.h("div", { class: "sleeve" }, this.campaignType !== null ? (index.h("div", { class: "campaign-type" }, index.h("span", null, this.campaignType))) : null, this.banner !== null ? (index.h("div", { class: "image-wrap banner", style: { 'background-image': 'url(' + this.banner + ')' } }, index.h("img", { src: this.banner, class: "banner" }))) : (index.h("div", { class: "image-wrap banner" })), index.h("div", { class: "title-wrap" }, index.h("h3", null, this.campaignTitle), index.h("div", { class: "organisation-name" }, "By ", this.organisationName)), 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: "button-wrap" }, index.h("biggive-button", { "full-width": "true", "colour-scheme": this.donateButtonColourScheme, url: this.donateButtonUrl, label: this.donateButtonLabel }), index.h("biggive-button", { "full-width": "true", "colour-scheme": this.moreInfoButtonColourScheme, url: this.moreInfoButtonUrl, label: this.moreInfoButtonLabel })))));
|
|
113
97
|
}
|
|
114
98
|
};
|
|
115
99
|
BiggiveCampaignCard.style = biggiveCampaignCardCss;
|
|
@@ -197,7 +181,6 @@ const BiggiveCampaignHighlights = class {
|
|
|
197
181
|
this.spaceBelow = 0;
|
|
198
182
|
this.banner = '';
|
|
199
183
|
this.campaignTitle = null;
|
|
200
|
-
this.currencyCode = 'GBP';
|
|
201
184
|
this.primaryFigureLabel = null;
|
|
202
185
|
this.primaryFigureAmount = null;
|
|
203
186
|
this.secondaryFigureLabel = null;
|
|
@@ -208,22 +191,8 @@ const BiggiveCampaignHighlights = class {
|
|
|
208
191
|
this.secondaryStatIcon = null;
|
|
209
192
|
this.secondaryStatText = null;
|
|
210
193
|
}
|
|
211
|
-
/**
|
|
212
|
-
* @returns Whole large currency units (e.g. pounds) formatted with symbol.
|
|
213
|
-
*/
|
|
214
|
-
formatCurrency(currencyCode, amount) {
|
|
215
|
-
if (amount === null || isNaN(amount)) {
|
|
216
|
-
return '–';
|
|
217
|
-
}
|
|
218
|
-
return Intl.NumberFormat('en-GB', {
|
|
219
|
-
style: 'currency',
|
|
220
|
-
currency: currencyCode,
|
|
221
|
-
currencyDisplay: 'symbol',
|
|
222
|
-
maximumFractionDigits: 0,
|
|
223
|
-
}).format(amount);
|
|
224
|
-
}
|
|
225
194
|
render() {
|
|
226
|
-
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.length > 0 ? (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.
|
|
195
|
+
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.length > 0 ? (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))));
|
|
227
196
|
}
|
|
228
197
|
};
|
|
229
198
|
BiggiveCampaignHighlights.style = biggiveCampaignHighlightsCss;
|
|
@@ -236,7 +205,7 @@ const BiggiveFooter = class {
|
|
|
236
205
|
}
|
|
237
206
|
appendMenu(menuName) {
|
|
238
207
|
var node = this.host.querySelector(`[slot="${menuName}"]`);
|
|
239
|
-
if (node !==
|
|
208
|
+
if (node !== null) {
|
|
240
209
|
this.host.shadowRoot.querySelector(`.${menuName}`).appendChild(node);
|
|
241
210
|
}
|
|
242
211
|
}
|
|
@@ -334,13 +303,13 @@ const BiggiveHeader = class {
|
|
|
334
303
|
}
|
|
335
304
|
appendMenu(menuName) {
|
|
336
305
|
var node = this.host.querySelector(`[slot="${menuName}"]`);
|
|
337
|
-
if (node
|
|
306
|
+
if (node !== null) {
|
|
338
307
|
this.host.shadowRoot.querySelector(`nav.${menuName}`).appendChild(node);
|
|
339
308
|
}
|
|
340
309
|
}
|
|
341
310
|
componentDidRender() {
|
|
342
311
|
this.appendMenu('nav-primary');
|
|
343
|
-
this.appendMenu('nav-
|
|
312
|
+
this.appendMenu('nav-secondary');
|
|
344
313
|
}
|
|
345
314
|
render() {
|
|
346
315
|
return (index.h("header", { class: 'header space-below' + this.spaceBelow }, index.h("div", { class: "row row-top" }, index.h("div", { class: "social-icon-wrap" }, index.h("slot", { name: "social-icons" })), index.h("nav", { class: "nav nav-secondary" })), index.h("div", { class: "row row-bottom" }, index.h("div", { class: "logo-wrap" }, index.h("a", { href: this.logoUrl }, index.h("svg", { width: "149", height: "30", viewBox: "0 0 149 30", fill: "none", xmlns: "http://www.w3.org/2000/svg", role: "img", "aria-label": "Big Give" }, index.h("title", null, "Big Give"), index.h("path", { d: "M59.9362 6.08031C58.258 6.08031 56.8195 4.70363 56.8195 3.04015C56.8195 1.37667 58.258 0 59.9362 0C61.7342 0 63.1127 1.37667 63.1127 3.04015C63.1127 4.70363 61.7342 6.08031 59.9362 6.08031ZM57.4189 23.805H62.4534V7.74379H57.4189V23.805ZM76.5981 7.74379V8.71893C75.8189 7.97323 74.2606 7.34226 72.4626 7.34226C67.9674 7.34226 64.3114 10.5545 64.3114 15.2008C64.3114 19.9044 67.9674 23.0593 72.4626 23.0593C74.2606 23.0593 75.8189 22.543 76.5981 21.6826V22.6004C76.5981 24.6654 74.6801 25.6979 72.1629 25.6979C70.0052 25.6979 68.1472 25.239 66.4091 24.2639V29.0249C68.5068 29.7706 70.8443 30 72.4026 30C77.4371 30 81.6326 27.9924 81.6326 22.7151V7.68643H76.5981V7.74379ZM76.5981 17.2084C75.8788 18.1836 74.6801 18.6424 73.3616 18.6424C71.2639 18.6424 69.5257 17.4379 69.5257 15.2008C69.5257 13.021 71.2639 11.7591 73.3616 11.7591C74.6801 11.7591 75.8788 12.3327 76.5981 13.2505V17.2084ZM96.1368 24.2065C100.093 24.2065 102.55 23.5182 104.588 22.2562V9.98088H93.6196V14.6845H99.4332V18.8145C98.5942 19.044 97.6352 19.2161 96.2567 19.2161C91.342 19.2161 88.9446 16.0612 88.9446 12.3901C88.9446 8.71893 91.7016 5.56405 96.916 5.56405C99.0736 5.56405 101.171 6.13767 102.73 6.94073V1.72084C101.231 1.14723 99.3134 0.630979 96.6163 0.630979C89.0046 0.630979 83.6104 5.90822 83.6104 12.4474C83.5505 19.1013 88.4652 24.2065 96.1368 24.2065ZM109.442 6.08031C107.764 6.08031 106.326 4.70363 106.326 3.04015C106.326 1.37667 107.764 0 109.442 0C111.24 0 112.619 1.37667 112.619 3.04015C112.619 4.70363 111.18 6.08031 109.442 6.08031ZM106.925 23.805H111.96V7.74379H106.925V23.805ZM123.227 14.9713L118.972 7.74379H113.098L123.167 24.1491L133.237 7.74379H127.483L123.227 14.9713ZM137.372 16.9216H148.999C149.059 9.92352 144.804 7.39962 140.549 7.39962C136.053 7.39962 132.038 9.98088 131.978 15.7744C131.978 21.3958 136.113 24.1491 141.088 24.1491C143.246 24.1491 145.523 23.8623 147.501 22.8872V18.4704C144.984 19.847 143.366 19.9044 141.927 19.9044C139.769 19.847 137.552 19.2161 137.372 16.9216ZM140.608 11.1281C142.107 11.1281 143.425 11.8164 143.605 13.8241H137.372C137.732 11.8738 139.11 11.1281 140.608 11.1281ZM51.5453 11.3576C52.744 10.325 53.3433 9.00574 53.3433 7.34226C53.3433 4.24474 50.3466 1.03251 46.0313 1.03251H38V23.8623H48.4287C52.5042 23.8623 55.6209 20.8795 55.6209 17.0937C55.6209 14.7992 54.542 12.3327 51.5453 11.3576ZM43.2743 5.67878H45.6717C47.1101 5.67878 48.129 6.76865 48.129 7.97324C48.129 9.17782 47.1101 10.2103 45.6717 10.2103H43.2743V5.67878ZM47.9492 19.1587H43.2743V14.5698H47.9492C49.3876 14.5698 50.4665 15.6023 50.4665 16.8643C50.4665 18.1262 49.3876 19.1587 47.9492 19.1587Z", fill: "black" }), index.h("path", { d: "M21.543 1.01514L35 23.9999H8.08594L21.543 1.01514Z", fill: "black" }), index.h("path", { d: "M9.36142 16.9564L0 1H18.7228L9.36142 16.9564Z", fill: "#2AF135" })))), index.h("div", { class: "nav-toggle", onClick: this.toggleNav }), index.h("nav", { class: "nav nav-primary", "data-visible": "false" }))));
|
|
@@ -513,11 +482,8 @@ const BiggiveProgressBar = class {
|
|
|
513
482
|
this.colourScheme = 'primary';
|
|
514
483
|
this.counter = 100;
|
|
515
484
|
}
|
|
516
|
-
getPercentage() {
|
|
517
|
-
return Math.round(this.counter);
|
|
518
|
-
}
|
|
519
485
|
render() {
|
|
520
|
-
return (index.h("div", { class: 'progress-bar progress-bar-' + this.colourScheme + ' space-below-' + this.spaceBelow }, index.h("div", { class: "slider" }, index.h("div", { class: "progress", style: { width: this.
|
|
486
|
+
return (index.h("div", { class: 'progress-bar progress-bar-' + this.colourScheme + ' space-below-' + this.spaceBelow }, index.h("div", { class: "slider" }, index.h("div", { class: "progress", style: { width: `${this.counter}%` } })), index.h("div", { class: "counter" }, this.counter, "%")));
|
|
521
487
|
}
|
|
522
488
|
};
|
|
523
489
|
BiggiveProgressBar.style = biggiveProgressBarCss;
|
|
@@ -537,7 +503,7 @@ const BiggiveSocialIcon = class {
|
|
|
537
503
|
return icon;
|
|
538
504
|
}
|
|
539
505
|
render() {
|
|
540
|
-
return (index.h("div", { class: 'social-icon-item background-colour-' + this.backgroundColour }, index.h("a", { href: this.url, target: "_blank" }, index.h("svg", { width: this.getSocialIcon().icon[0], height: this.getSocialIcon().icon[1], xmlns: "http://www.w3.org/2000/svg", class: 'fill-' + this.iconColour, viewBox: '0 0 ' + this.getSocialIcon().icon[0] + ' ' + this.getSocialIcon().icon[1] }, index.h("path", { d: this.getSocialIcon().icon[4].toString() })))));
|
|
506
|
+
return (index.h("div", { class: 'social-icon-item background-colour-' + this.backgroundColour }, index.h("a", { href: this.url, "aria-label": `Big Give on ${this.service}`, target: "_blank" }, index.h("svg", { width: this.getSocialIcon().icon[0], height: this.getSocialIcon().icon[1], xmlns: "http://www.w3.org/2000/svg", class: 'fill-' + this.iconColour, viewBox: '0 0 ' + this.getSocialIcon().icon[0] + ' ' + this.getSocialIcon().icon[1] }, index.h("path", { d: this.getSocialIcon().icon[4].toString() })))));
|
|
541
507
|
}
|
|
542
508
|
};
|
|
543
509
|
BiggiveSocialIcon.style = biggiveSocialIconCss;
|
package/dist/cjs/biggive.cjs.js
CHANGED
|
@@ -15,5 +15,5 @@ const patchBrowser = () => {
|
|
|
15
15
|
};
|
|
16
16
|
|
|
17
17
|
patchBrowser().then(options => {
|
|
18
|
-
return index.bootstrapLazy([["biggive-back-to-top_24.cjs",[[1,"biggive-campaign-card-filter-grid",{"spaceBelow":[2,"space-below"],"intro":[1],"placeholderText":[1,"placeholder-text"],"buttonText":[1,"button-text"],"categoryOptions":[16],"beneficiaryOptions":[16],"locationOptions":[16],"fundingOptions":[16]},[[0,"doSelectChange","doOptionSelectCompletedHandler"]]],[1,"biggive-campaign-card",{"spaceBelow":[2,"space-below"],"campaignType":[1,"campaign-type"],"banner":[1],"campaignTitle":[1,"campaign-title"],"organisationName":[1,"organisation-name"],"
|
|
18
|
+
return index.bootstrapLazy([["biggive-back-to-top_24.cjs",[[1,"biggive-campaign-card-filter-grid",{"spaceBelow":[2,"space-below"],"intro":[1],"placeholderText":[1,"placeholder-text"],"buttonText":[1,"button-text"],"categoryOptions":[16],"beneficiaryOptions":[16],"locationOptions":[16],"fundingOptions":[16]},[[0,"doSelectChange","doOptionSelectCompletedHandler"]]],[1,"biggive-campaign-card",{"spaceBelow":[2,"space-below"],"campaignType":[1,"campaign-type"],"banner":[1],"campaignTitle":[1,"campaign-title"],"organisationName":[1,"organisation-name"],"primaryFigureLabel":[1,"primary-figure-label"],"primaryFigureAmount":[1,"primary-figure-amount"],"secondaryFigureLabel":[1,"secondary-figure-label"],"secondaryFigureAmount":[1,"secondary-figure-amount"],"progressBarCounter":[2,"progress-bar-counter"],"donateButtonLabel":[1,"donate-button-label"],"donateButtonUrl":[1,"donate-button-url"],"donateButtonColourScheme":[1,"donate-button-colour-scheme"],"moreInfoButtonLabel":[1,"more-info-button-label"],"moreInfoButtonUrl":[1,"more-info-button-url"],"moreInfoButtonColourScheme":[1,"more-info-button-colour-scheme"]}],[1,"biggive-campaign-highlights",{"spaceBelow":[2,"space-below"],"banner":[1],"campaignTitle":[1,"campaign-title"],"primaryFigureLabel":[1,"primary-figure-label"],"primaryFigureAmount":[1,"primary-figure-amount"],"secondaryFigureLabel":[1,"secondary-figure-label"],"secondaryFigureAmount":[1,"secondary-figure-amount"],"progressBarCounter":[2,"progress-bar-counter"],"primaryStatIcon":[1,"primary-stat-icon"],"primaryStatText":[1,"primary-stat-text"],"secondaryStatIcon":[1,"secondary-stat-icon"],"secondaryStatText":[1,"secondary-stat-text"]}],[1,"biggive-call-to-action",{"spaceAbove":[2,"space-above"],"spaceBelow":[2,"space-below"],"defaultTextColour":[1,"default-text-colour"],"slugSize":[2,"slug-size"],"slugColour":[1,"slug-colour"],"slug":[1],"mainTitleColour":[1,"main-title-colour"],"mainTitleSize":[2,"main-title-size"],"mainTitle":[1,"main-title"],"subtitleSize":[2,"subtitle-size"],"subtitleColour":[1,"subtitle-colour"],"subtitle":[1],"teaserColour":[1,"teaser-colour"],"teaser":[1],"primaryButtonUrl":[1,"primary-button-url"],"primaryButtonLabel":[1,"primary-button-label"],"primaryButtonColourScheme":[1,"primary-button-colour-scheme"],"secondaryButtonUrl":[1,"secondary-button-url"],"secondaryButtonLabel":[1,"secondary-button-label"],"secondaryButtonColourScheme":[1,"secondary-button-colour-scheme"]}],[1,"biggive-footer"],[1,"biggive-hero-image",{"spaceBelow":[2,"space-below"],"colourScheme":[1,"colour-scheme"],"slug":[1],"slugColour":[1,"slug-colour"],"logo":[1],"mainImage":[1,"main-image"],"mainImageAlignHorizontal":[1,"main-image-align-horizontal"],"mainImageAlignVertical":[1,"main-image-align-vertical"],"mainTitle":[1,"main-title"],"mainTitleColour":[1,"main-title-colour"],"teaser":[1],"teaserColour":[1,"teaser-colour"],"buttonUrl":[1,"button-url"],"buttonLabel":[1,"button-label"],"buttonColourScheme":[1,"button-colour-scheme"]}],[1,"biggive-image-feature",{"spaceBelow":[2,"space-below"],"defaultTextColour":[1,"default-text-colour"],"imageUrl":[1,"image-url"],"slug":[1],"slugColour":[1,"slug-colour"],"mainTitle":[1,"main-title"],"mainTitleColour":[1,"main-title-colour"],"teaser":[1],"teaserColour":[1,"teaser-colour"],"buttonUrl":[1,"button-url"],"buttonLabel":[1,"button-label"],"buttonColourScheme":[1,"button-colour-scheme"]}],[1,"biggive-totalizer",{"spaceBelow":[2,"space-below"],"primaryColour":[1,"primary-colour"],"primaryTextColour":[1,"primary-text-colour"],"secondaryColour":[1,"secondary-colour"],"secondaryTextColour":[1,"secondary-text-colour"],"mainMessage":[1,"main-message"],"tickerItems":[16]}],[1,"biggive-video-feature",{"spaceAbove":[2,"space-above"],"spaceBelow":[2,"space-below"],"defaultTextColour":[1,"default-text-colour"],"videoUrl":[1,"video-url"],"slug":[1],"slugColour":[1,"slug-colour"],"mainTitle":[1,"main-title"],"mainTitleColour":[1,"main-title-colour"],"teaser":[1],"teaserColour":[1,"teaser-colour"],"buttonUrl":[1,"button-url"],"buttonLabel":[1,"button-label"],"buttonColourScheme":[1,"button-colour-scheme"]}],[1,"biggive-back-to-top"],[1,"biggive-grid",{"spaceBelow":[2,"space-below"],"columnCount":[2,"column-count"],"columnGap":[2,"column-gap"]}],[1,"biggive-header",{"spaceBelow":[2,"space-below"],"logoUrl":[1,"logo-url"]}],[1,"biggive-heading",{"spaceAbove":[2,"space-above"],"spaceBelow":[2,"space-below"],"colour":[1],"htmlElement":[1,"html-element"],"size":[2],"align":[1],"text":[1]}],[1,"biggive-page-column"],[1,"biggive-page-columns",{"spaceBelow":[2,"space-below"]}],[1,"biggive-page-section",{"spaceBelow":[2,"space-below"],"sectionStyleTop":[1,"section-style-top"],"sectionStyleBottom":[1,"section-style-bottom"],"colourScheme":[1,"colour-scheme"]}],[0,"biggive-social-icon",{"service":[1],"backgroundColour":[1,"background-colour"],"iconColour":[1,"icon-colour"],"url":[1]}],[1,"biggive-form-field-select",{"selectedValue":[1,"selected-value"],"selectedLabel":[1,"selected-label"],"spaceBelow":[2,"space-below"],"placeholder":[1]},[[0,"doOptionSelect","doOptionSelectCompletedHandler"]]],[1,"biggive-form-field-select-option",{"label":[1],"value":[1],"selectedValue":[32],"selectedLabel":[32]}],[0,"biggive-misc-icon",{"backgroundColour":[1,"background-colour"],"iconColour":[1,"icon-colour"],"icon":[1],"url":[1]}],[1,"biggive-popup",{"open":[64]}],[1,"biggive-totalizer-ticker-item",{"figure":[1],"label":[1]}],[1,"biggive-progress-bar",{"spaceBelow":[2,"space-below"],"colourScheme":[1,"colour-scheme"],"counter":[2]}],[1,"biggive-button",{"spaceBelow":[2,"space-below"],"colourScheme":[1,"colour-scheme"],"label":[1],"url":[1],"fullWidth":[4,"full-width"],"size":[1],"rounded":[4]}]]],["biggive-article-card.cjs",[[1,"biggive-article-card",{"spaceBelow":[2,"space-below"],"backgroundColour":[1,"background-colour"],"backgroundColourHover":[1,"background-colour-hover"],"textColour":[1,"text-colour"],"slug":[1],"date":[1],"mainTitle":[1,"main-title"],"imageUrl":[1,"image-url"],"imageLabel":[1,"image-label"],"buttonLabel":[1,"button-label"],"buttonUrl":[1,"button-url"]}]]],["biggive-basic-card.cjs",[[1,"biggive-basic-card",{"spaceBelow":[2,"space-below"],"backgroundColour":[1,"background-colour"],"backgroundImageUrl":[1,"background-image-url"],"cardColour":[1,"card-colour"],"textColour":[1,"text-colour"],"mainTitle":[1,"main-title"],"subtitle":[1],"iconColour":[1,"icon-colour"],"buttonLabel":[1,"button-label"],"buttonUrl":[1,"button-url"],"buttonColourScheme":[1,"button-colour-scheme"]}]]],["biggive-search.cjs",[[1,"biggive-search",{"placeholderText":[1,"placeholder-text"],"buttonText":[1,"button-text"],"searchText":[32]}]]],["biggive-beneficiary-icon.cjs",[[0,"biggive-beneficiary-icon",{"backgroundColour":[1,"background-colour"],"iconColour":[1,"icon-colour"],"icon":[1],"label":[1],"url":[1]}]]],["biggive-boxed-content.cjs",[[1,"biggive-boxed-content",{"spaceBelow":[2,"space-below"],"verticalPadding":[2,"vertical-padding"],"horizontalPadding":[2,"horizontal-padding"],"backgroundColour":[1,"background-colour"],"shadow":[4]}]]],["biggive-branded-image.cjs",[[1,"biggive-branded-image",{"spaceBelow":[2,"space-below"],"imageUrl":[1,"image-url"],"logoUrl":[1,"logo-url"],"slug":[1]}]]],["biggive-category-icon.cjs",[[0,"biggive-category-icon",{"backgroundColour":[1,"background-colour"],"iconColour":[1,"icon-colour"],"icon":[1],"label":[1],"url":[1]}]]],["biggive-form.cjs",[[1,"biggive-form"]]],["biggive-formatted-text.cjs",[[1,"biggive-formatted-text",{"spaceBelow":[2,"space-below"],"defaultTextColour":[1,"default-text-colour"]}]]],["biggive-icon-group.cjs",[[1,"biggive-icon-group",{"spaceBelow":[2,"space-below"],"label":[1]}]]],["biggive-image.cjs",[[1,"biggive-image",{"spaceAbove":[2,"space-above"],"spaceBelow":[2,"space-below"],"imageUrl":[1,"image-url"],"width":[2],"height":[2],"sizeUnit":[1,"size-unit"]}]]],["biggive-nav-group.cjs",[[1,"biggive-nav-group",{"inline":[4]}]]],["biggive-nav-item.cjs",[[1,"biggive-nav-item",{"url":[1],"label":[1],"iconColour":[1,"icon-colour"]}]]],["biggive-quote.cjs",[[1,"biggive-quote",{"spaceBelow":[2,"space-below"],"defaultTextColour":[1,"default-text-colour"],"quote":[1],"attribution":[1]}]]],["biggive-tab.cjs",[[1,"biggive-tab",{"tabTitle":[1,"tab-title"]}]]],["biggive-tabbed-content.cjs",[[1,"biggive-tabbed-content",{"spaceBelow":[2,"space-below"],"defaultTextColour":[1,"default-text-colour"]}]]],["biggive-text-input.cjs",[[1,"biggive-text-input"]]],["biggive-video.cjs",[[1,"biggive-video",{"spaceAbove":[2,"space-above"],"spaceBelow":[2,"space-below"],"videoUrl":[1,"video-url"]}]]]], options);
|
|
19
19
|
});
|
package/dist/cjs/loader.cjs.js
CHANGED
|
@@ -14,7 +14,7 @@ const patchEsm = () => {
|
|
|
14
14
|
const defineCustomElements = (win, options) => {
|
|
15
15
|
if (typeof window === 'undefined') return Promise.resolve();
|
|
16
16
|
return patchEsm().then(() => {
|
|
17
|
-
return index.bootstrapLazy([["biggive-back-to-top_24.cjs",[[1,"biggive-campaign-card-filter-grid",{"spaceBelow":[2,"space-below"],"intro":[1],"placeholderText":[1,"placeholder-text"],"buttonText":[1,"button-text"],"categoryOptions":[16],"beneficiaryOptions":[16],"locationOptions":[16],"fundingOptions":[16]},[[0,"doSelectChange","doOptionSelectCompletedHandler"]]],[1,"biggive-campaign-card",{"spaceBelow":[2,"space-below"],"campaignType":[1,"campaign-type"],"banner":[1],"campaignTitle":[1,"campaign-title"],"organisationName":[1,"organisation-name"],"
|
|
17
|
+
return index.bootstrapLazy([["biggive-back-to-top_24.cjs",[[1,"biggive-campaign-card-filter-grid",{"spaceBelow":[2,"space-below"],"intro":[1],"placeholderText":[1,"placeholder-text"],"buttonText":[1,"button-text"],"categoryOptions":[16],"beneficiaryOptions":[16],"locationOptions":[16],"fundingOptions":[16]},[[0,"doSelectChange","doOptionSelectCompletedHandler"]]],[1,"biggive-campaign-card",{"spaceBelow":[2,"space-below"],"campaignType":[1,"campaign-type"],"banner":[1],"campaignTitle":[1,"campaign-title"],"organisationName":[1,"organisation-name"],"primaryFigureLabel":[1,"primary-figure-label"],"primaryFigureAmount":[1,"primary-figure-amount"],"secondaryFigureLabel":[1,"secondary-figure-label"],"secondaryFigureAmount":[1,"secondary-figure-amount"],"progressBarCounter":[2,"progress-bar-counter"],"donateButtonLabel":[1,"donate-button-label"],"donateButtonUrl":[1,"donate-button-url"],"donateButtonColourScheme":[1,"donate-button-colour-scheme"],"moreInfoButtonLabel":[1,"more-info-button-label"],"moreInfoButtonUrl":[1,"more-info-button-url"],"moreInfoButtonColourScheme":[1,"more-info-button-colour-scheme"]}],[1,"biggive-campaign-highlights",{"spaceBelow":[2,"space-below"],"banner":[1],"campaignTitle":[1,"campaign-title"],"primaryFigureLabel":[1,"primary-figure-label"],"primaryFigureAmount":[1,"primary-figure-amount"],"secondaryFigureLabel":[1,"secondary-figure-label"],"secondaryFigureAmount":[1,"secondary-figure-amount"],"progressBarCounter":[2,"progress-bar-counter"],"primaryStatIcon":[1,"primary-stat-icon"],"primaryStatText":[1,"primary-stat-text"],"secondaryStatIcon":[1,"secondary-stat-icon"],"secondaryStatText":[1,"secondary-stat-text"]}],[1,"biggive-call-to-action",{"spaceAbove":[2,"space-above"],"spaceBelow":[2,"space-below"],"defaultTextColour":[1,"default-text-colour"],"slugSize":[2,"slug-size"],"slugColour":[1,"slug-colour"],"slug":[1],"mainTitleColour":[1,"main-title-colour"],"mainTitleSize":[2,"main-title-size"],"mainTitle":[1,"main-title"],"subtitleSize":[2,"subtitle-size"],"subtitleColour":[1,"subtitle-colour"],"subtitle":[1],"teaserColour":[1,"teaser-colour"],"teaser":[1],"primaryButtonUrl":[1,"primary-button-url"],"primaryButtonLabel":[1,"primary-button-label"],"primaryButtonColourScheme":[1,"primary-button-colour-scheme"],"secondaryButtonUrl":[1,"secondary-button-url"],"secondaryButtonLabel":[1,"secondary-button-label"],"secondaryButtonColourScheme":[1,"secondary-button-colour-scheme"]}],[1,"biggive-footer"],[1,"biggive-hero-image",{"spaceBelow":[2,"space-below"],"colourScheme":[1,"colour-scheme"],"slug":[1],"slugColour":[1,"slug-colour"],"logo":[1],"mainImage":[1,"main-image"],"mainImageAlignHorizontal":[1,"main-image-align-horizontal"],"mainImageAlignVertical":[1,"main-image-align-vertical"],"mainTitle":[1,"main-title"],"mainTitleColour":[1,"main-title-colour"],"teaser":[1],"teaserColour":[1,"teaser-colour"],"buttonUrl":[1,"button-url"],"buttonLabel":[1,"button-label"],"buttonColourScheme":[1,"button-colour-scheme"]}],[1,"biggive-image-feature",{"spaceBelow":[2,"space-below"],"defaultTextColour":[1,"default-text-colour"],"imageUrl":[1,"image-url"],"slug":[1],"slugColour":[1,"slug-colour"],"mainTitle":[1,"main-title"],"mainTitleColour":[1,"main-title-colour"],"teaser":[1],"teaserColour":[1,"teaser-colour"],"buttonUrl":[1,"button-url"],"buttonLabel":[1,"button-label"],"buttonColourScheme":[1,"button-colour-scheme"]}],[1,"biggive-totalizer",{"spaceBelow":[2,"space-below"],"primaryColour":[1,"primary-colour"],"primaryTextColour":[1,"primary-text-colour"],"secondaryColour":[1,"secondary-colour"],"secondaryTextColour":[1,"secondary-text-colour"],"mainMessage":[1,"main-message"],"tickerItems":[16]}],[1,"biggive-video-feature",{"spaceAbove":[2,"space-above"],"spaceBelow":[2,"space-below"],"defaultTextColour":[1,"default-text-colour"],"videoUrl":[1,"video-url"],"slug":[1],"slugColour":[1,"slug-colour"],"mainTitle":[1,"main-title"],"mainTitleColour":[1,"main-title-colour"],"teaser":[1],"teaserColour":[1,"teaser-colour"],"buttonUrl":[1,"button-url"],"buttonLabel":[1,"button-label"],"buttonColourScheme":[1,"button-colour-scheme"]}],[1,"biggive-back-to-top"],[1,"biggive-grid",{"spaceBelow":[2,"space-below"],"columnCount":[2,"column-count"],"columnGap":[2,"column-gap"]}],[1,"biggive-header",{"spaceBelow":[2,"space-below"],"logoUrl":[1,"logo-url"]}],[1,"biggive-heading",{"spaceAbove":[2,"space-above"],"spaceBelow":[2,"space-below"],"colour":[1],"htmlElement":[1,"html-element"],"size":[2],"align":[1],"text":[1]}],[1,"biggive-page-column"],[1,"biggive-page-columns",{"spaceBelow":[2,"space-below"]}],[1,"biggive-page-section",{"spaceBelow":[2,"space-below"],"sectionStyleTop":[1,"section-style-top"],"sectionStyleBottom":[1,"section-style-bottom"],"colourScheme":[1,"colour-scheme"]}],[0,"biggive-social-icon",{"service":[1],"backgroundColour":[1,"background-colour"],"iconColour":[1,"icon-colour"],"url":[1]}],[1,"biggive-form-field-select",{"selectedValue":[1,"selected-value"],"selectedLabel":[1,"selected-label"],"spaceBelow":[2,"space-below"],"placeholder":[1]},[[0,"doOptionSelect","doOptionSelectCompletedHandler"]]],[1,"biggive-form-field-select-option",{"label":[1],"value":[1],"selectedValue":[32],"selectedLabel":[32]}],[0,"biggive-misc-icon",{"backgroundColour":[1,"background-colour"],"iconColour":[1,"icon-colour"],"icon":[1],"url":[1]}],[1,"biggive-popup",{"open":[64]}],[1,"biggive-totalizer-ticker-item",{"figure":[1],"label":[1]}],[1,"biggive-progress-bar",{"spaceBelow":[2,"space-below"],"colourScheme":[1,"colour-scheme"],"counter":[2]}],[1,"biggive-button",{"spaceBelow":[2,"space-below"],"colourScheme":[1,"colour-scheme"],"label":[1],"url":[1],"fullWidth":[4,"full-width"],"size":[1],"rounded":[4]}]]],["biggive-article-card.cjs",[[1,"biggive-article-card",{"spaceBelow":[2,"space-below"],"backgroundColour":[1,"background-colour"],"backgroundColourHover":[1,"background-colour-hover"],"textColour":[1,"text-colour"],"slug":[1],"date":[1],"mainTitle":[1,"main-title"],"imageUrl":[1,"image-url"],"imageLabel":[1,"image-label"],"buttonLabel":[1,"button-label"],"buttonUrl":[1,"button-url"]}]]],["biggive-basic-card.cjs",[[1,"biggive-basic-card",{"spaceBelow":[2,"space-below"],"backgroundColour":[1,"background-colour"],"backgroundImageUrl":[1,"background-image-url"],"cardColour":[1,"card-colour"],"textColour":[1,"text-colour"],"mainTitle":[1,"main-title"],"subtitle":[1],"iconColour":[1,"icon-colour"],"buttonLabel":[1,"button-label"],"buttonUrl":[1,"button-url"],"buttonColourScheme":[1,"button-colour-scheme"]}]]],["biggive-search.cjs",[[1,"biggive-search",{"placeholderText":[1,"placeholder-text"],"buttonText":[1,"button-text"],"searchText":[32]}]]],["biggive-beneficiary-icon.cjs",[[0,"biggive-beneficiary-icon",{"backgroundColour":[1,"background-colour"],"iconColour":[1,"icon-colour"],"icon":[1],"label":[1],"url":[1]}]]],["biggive-boxed-content.cjs",[[1,"biggive-boxed-content",{"spaceBelow":[2,"space-below"],"verticalPadding":[2,"vertical-padding"],"horizontalPadding":[2,"horizontal-padding"],"backgroundColour":[1,"background-colour"],"shadow":[4]}]]],["biggive-branded-image.cjs",[[1,"biggive-branded-image",{"spaceBelow":[2,"space-below"],"imageUrl":[1,"image-url"],"logoUrl":[1,"logo-url"],"slug":[1]}]]],["biggive-category-icon.cjs",[[0,"biggive-category-icon",{"backgroundColour":[1,"background-colour"],"iconColour":[1,"icon-colour"],"icon":[1],"label":[1],"url":[1]}]]],["biggive-form.cjs",[[1,"biggive-form"]]],["biggive-formatted-text.cjs",[[1,"biggive-formatted-text",{"spaceBelow":[2,"space-below"],"defaultTextColour":[1,"default-text-colour"]}]]],["biggive-icon-group.cjs",[[1,"biggive-icon-group",{"spaceBelow":[2,"space-below"],"label":[1]}]]],["biggive-image.cjs",[[1,"biggive-image",{"spaceAbove":[2,"space-above"],"spaceBelow":[2,"space-below"],"imageUrl":[1,"image-url"],"width":[2],"height":[2],"sizeUnit":[1,"size-unit"]}]]],["biggive-nav-group.cjs",[[1,"biggive-nav-group",{"inline":[4]}]]],["biggive-nav-item.cjs",[[1,"biggive-nav-item",{"url":[1],"label":[1],"iconColour":[1,"icon-colour"]}]]],["biggive-quote.cjs",[[1,"biggive-quote",{"spaceBelow":[2,"space-below"],"defaultTextColour":[1,"default-text-colour"],"quote":[1],"attribution":[1]}]]],["biggive-tab.cjs",[[1,"biggive-tab",{"tabTitle":[1,"tab-title"]}]]],["biggive-tabbed-content.cjs",[[1,"biggive-tabbed-content",{"spaceBelow":[2,"space-below"],"defaultTextColour":[1,"default-text-colour"]}]]],["biggive-text-input.cjs",[[1,"biggive-text-input"]]],["biggive-video.cjs",[[1,"biggive-video",{"spaceAbove":[2,"space-above"],"spaceBelow":[2,"space-below"],"videoUrl":[1,"video-url"]}]]]], options);
|
|
18
18
|
});
|
|
19
19
|
};
|
|
20
20
|
|
|
@@ -6,7 +6,6 @@ export class BiggiveCampaignCard {
|
|
|
6
6
|
this.banner = null;
|
|
7
7
|
this.campaignTitle = null;
|
|
8
8
|
this.organisationName = null;
|
|
9
|
-
this.currencyCode = undefined;
|
|
10
9
|
this.primaryFigureLabel = null;
|
|
11
10
|
this.primaryFigureAmount = null;
|
|
12
11
|
this.secondaryFigureLabel = null;
|
|
@@ -19,23 +18,8 @@ export class BiggiveCampaignCard {
|
|
|
19
18
|
this.moreInfoButtonUrl = null;
|
|
20
19
|
this.moreInfoButtonColourScheme = 'clear-primary';
|
|
21
20
|
}
|
|
22
|
-
/**
|
|
23
|
-
* @returns Whole large currency units (e.g. pounds) formatted with symbol.
|
|
24
|
-
*/
|
|
25
|
-
formatCurrency(currencyCode, amount) {
|
|
26
|
-
if (amount === null || isNaN(amount)) {
|
|
27
|
-
return '–';
|
|
28
|
-
}
|
|
29
|
-
return Intl.NumberFormat('en-GB', {
|
|
30
|
-
style: 'currency',
|
|
31
|
-
currency: currencyCode,
|
|
32
|
-
currencyDisplay: 'symbol',
|
|
33
|
-
minimumFractionDigits: 0,
|
|
34
|
-
maximumFractionDigits: 0,
|
|
35
|
-
}).format(amount);
|
|
36
|
-
}
|
|
37
21
|
render() {
|
|
38
|
-
return (h("div", { class: 'container space-below-' + this.spaceBelow.toString() }, h("div", { class: "sleeve" }, this.campaignType !== null ? (h("div", { class: "campaign-type" }, h("span", null, this.campaignType))) : null, this.banner !== null ? (h("div", { class: "image-wrap banner", style: { 'background-image': 'url(' + this.banner + ')' } }, h("img", { src: this.banner, class: "banner" }))) : (h("div", { class: "image-wrap banner" })), h("div", { class: "title-wrap" }, h("h3", null, this.campaignTitle), h("div", { class: "organisation-name" }, "By ", this.organisationName)), h("div", { class: "meta-wrap" }, h("div", { class: "meta-item" }, h("span", { class: "label" }, this.primaryFigureLabel), h("span", { class: "text" }, this.
|
|
22
|
+
return (h("div", { class: 'container space-below-' + this.spaceBelow.toString() }, h("div", { class: "sleeve" }, this.campaignType !== null ? (h("div", { class: "campaign-type" }, h("span", null, this.campaignType))) : null, this.banner !== null ? (h("div", { class: "image-wrap banner", style: { 'background-image': 'url(' + this.banner + ')' } }, h("img", { src: this.banner, class: "banner" }))) : (h("div", { class: "image-wrap banner" })), h("div", { class: "title-wrap" }, h("h3", null, this.campaignTitle), h("div", { class: "organisation-name" }, "By ", this.organisationName)), 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: "button-wrap" }, h("biggive-button", { "full-width": "true", "colour-scheme": this.donateButtonColourScheme, url: this.donateButtonUrl, label: this.donateButtonLabel }), h("biggive-button", { "full-width": "true", "colour-scheme": this.moreInfoButtonColourScheme, url: this.moreInfoButtonUrl, label: this.moreInfoButtonLabel })))));
|
|
39
23
|
}
|
|
40
24
|
static get is() { return "biggive-campaign-card"; }
|
|
41
25
|
static get encapsulation() { return "shadow"; }
|
|
@@ -141,23 +125,6 @@ export class BiggiveCampaignCard {
|
|
|
141
125
|
"reflect": false,
|
|
142
126
|
"defaultValue": "null"
|
|
143
127
|
},
|
|
144
|
-
"currencyCode": {
|
|
145
|
-
"type": "string",
|
|
146
|
-
"mutable": false,
|
|
147
|
-
"complexType": {
|
|
148
|
-
"original": "string",
|
|
149
|
-
"resolved": "string",
|
|
150
|
-
"references": {}
|
|
151
|
-
},
|
|
152
|
-
"required": false,
|
|
153
|
-
"optional": false,
|
|
154
|
-
"docs": {
|
|
155
|
-
"tags": [],
|
|
156
|
-
"text": "e.g. 'GBP'."
|
|
157
|
-
},
|
|
158
|
-
"attribute": "currency-code",
|
|
159
|
-
"reflect": false
|
|
160
|
-
},
|
|
161
128
|
"primaryFigureLabel": {
|
|
162
129
|
"type": "string",
|
|
163
130
|
"mutable": false,
|
|
@@ -177,18 +144,18 @@ export class BiggiveCampaignCard {
|
|
|
177
144
|
"defaultValue": "null"
|
|
178
145
|
},
|
|
179
146
|
"primaryFigureAmount": {
|
|
180
|
-
"type": "
|
|
147
|
+
"type": "string",
|
|
181
148
|
"mutable": false,
|
|
182
149
|
"complexType": {
|
|
183
|
-
"original": "
|
|
184
|
-
"resolved": "
|
|
150
|
+
"original": "string",
|
|
151
|
+
"resolved": "string",
|
|
185
152
|
"references": {}
|
|
186
153
|
},
|
|
187
154
|
"required": false,
|
|
188
155
|
"optional": false,
|
|
189
156
|
"docs": {
|
|
190
157
|
"tags": [],
|
|
191
|
-
"text": "Amount for the primary figure"
|
|
158
|
+
"text": "Amount for the primary figure, formatted with currency symbol"
|
|
192
159
|
},
|
|
193
160
|
"attribute": "primary-figure-amount",
|
|
194
161
|
"reflect": false,
|
|
@@ -213,18 +180,18 @@ export class BiggiveCampaignCard {
|
|
|
213
180
|
"defaultValue": "null"
|
|
214
181
|
},
|
|
215
182
|
"secondaryFigureAmount": {
|
|
216
|
-
"type": "
|
|
183
|
+
"type": "string",
|
|
217
184
|
"mutable": false,
|
|
218
185
|
"complexType": {
|
|
219
|
-
"original": "
|
|
220
|
-
"resolved": "
|
|
186
|
+
"original": "string",
|
|
187
|
+
"resolved": "string",
|
|
221
188
|
"references": {}
|
|
222
189
|
},
|
|
223
190
|
"required": false,
|
|
224
191
|
"optional": false,
|
|
225
192
|
"docs": {
|
|
226
193
|
"tags": [],
|
|
227
|
-
"text": "Amount for the secondary figure"
|
|
194
|
+
"text": "Amount for the secondary figure, formatted with currency symbol"
|
|
228
195
|
},
|
|
229
196
|
"attribute": "secondary-figure-amount",
|
|
230
197
|
"reflect": false,
|
package/dist/collection/components/biggive-campaign-highlights/biggive-campaign-highlights.js
CHANGED
|
@@ -4,7 +4,6 @@ export class BiggiveCampaignHighlights {
|
|
|
4
4
|
this.spaceBelow = 0;
|
|
5
5
|
this.banner = '';
|
|
6
6
|
this.campaignTitle = null;
|
|
7
|
-
this.currencyCode = 'GBP';
|
|
8
7
|
this.primaryFigureLabel = null;
|
|
9
8
|
this.primaryFigureAmount = null;
|
|
10
9
|
this.secondaryFigureLabel = null;
|
|
@@ -15,22 +14,8 @@ export class BiggiveCampaignHighlights {
|
|
|
15
14
|
this.secondaryStatIcon = null;
|
|
16
15
|
this.secondaryStatText = null;
|
|
17
16
|
}
|
|
18
|
-
/**
|
|
19
|
-
* @returns Whole large currency units (e.g. pounds) formatted with symbol.
|
|
20
|
-
*/
|
|
21
|
-
formatCurrency(currencyCode, amount) {
|
|
22
|
-
if (amount === null || isNaN(amount)) {
|
|
23
|
-
return '–';
|
|
24
|
-
}
|
|
25
|
-
return Intl.NumberFormat('en-GB', {
|
|
26
|
-
style: 'currency',
|
|
27
|
-
currency: currencyCode,
|
|
28
|
-
currencyDisplay: 'symbol',
|
|
29
|
-
maximumFractionDigits: 0,
|
|
30
|
-
}).format(amount);
|
|
31
|
-
}
|
|
32
17
|
render() {
|
|
33
|
-
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.length > 0 ? (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.
|
|
18
|
+
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.length > 0 ? (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))));
|
|
34
19
|
}
|
|
35
20
|
static get is() { return "biggive-campaign-highlights"; }
|
|
36
21
|
static get encapsulation() { return "shadow"; }
|
|
@@ -100,24 +85,6 @@ export class BiggiveCampaignHighlights {
|
|
|
100
85
|
"reflect": false,
|
|
101
86
|
"defaultValue": "null"
|
|
102
87
|
},
|
|
103
|
-
"currencyCode": {
|
|
104
|
-
"type": "string",
|
|
105
|
-
"mutable": false,
|
|
106
|
-
"complexType": {
|
|
107
|
-
"original": "string",
|
|
108
|
-
"resolved": "string",
|
|
109
|
-
"references": {}
|
|
110
|
-
},
|
|
111
|
-
"required": false,
|
|
112
|
-
"optional": false,
|
|
113
|
-
"docs": {
|
|
114
|
-
"tags": [],
|
|
115
|
-
"text": "e.g. 'GBP'."
|
|
116
|
-
},
|
|
117
|
-
"attribute": "currency-code",
|
|
118
|
-
"reflect": false,
|
|
119
|
-
"defaultValue": "'GBP'"
|
|
120
|
-
},
|
|
121
88
|
"primaryFigureLabel": {
|
|
122
89
|
"type": "string",
|
|
123
90
|
"mutable": false,
|
|
@@ -137,18 +104,18 @@ export class BiggiveCampaignHighlights {
|
|
|
137
104
|
"defaultValue": "null"
|
|
138
105
|
},
|
|
139
106
|
"primaryFigureAmount": {
|
|
140
|
-
"type": "
|
|
107
|
+
"type": "string",
|
|
141
108
|
"mutable": false,
|
|
142
109
|
"complexType": {
|
|
143
|
-
"original": "
|
|
144
|
-
"resolved": "
|
|
110
|
+
"original": "string",
|
|
111
|
+
"resolved": "string",
|
|
145
112
|
"references": {}
|
|
146
113
|
},
|
|
147
114
|
"required": false,
|
|
148
115
|
"optional": false,
|
|
149
116
|
"docs": {
|
|
150
117
|
"tags": [],
|
|
151
|
-
"text": "Amount for the primary figure"
|
|
118
|
+
"text": "Amount for the primary figure, formatted with currency symbol"
|
|
152
119
|
},
|
|
153
120
|
"attribute": "primary-figure-amount",
|
|
154
121
|
"reflect": false,
|
|
@@ -173,18 +140,18 @@ export class BiggiveCampaignHighlights {
|
|
|
173
140
|
"defaultValue": "null"
|
|
174
141
|
},
|
|
175
142
|
"secondaryFigureAmount": {
|
|
176
|
-
"type": "
|
|
143
|
+
"type": "string",
|
|
177
144
|
"mutable": false,
|
|
178
145
|
"complexType": {
|
|
179
|
-
"original": "
|
|
180
|
-
"resolved": "
|
|
146
|
+
"original": "string",
|
|
147
|
+
"resolved": "string",
|
|
181
148
|
"references": {}
|
|
182
149
|
},
|
|
183
150
|
"required": false,
|
|
184
151
|
"optional": false,
|
|
185
152
|
"docs": {
|
|
186
153
|
"tags": [],
|
|
187
|
-
"text": "Amount for the secondary figure"
|
|
154
|
+
"text": "Amount for the secondary figure, formatted with currency symbol"
|
|
188
155
|
},
|
|
189
156
|
"attribute": "secondary-figure-amount",
|
|
190
157
|
"reflect": false,
|
|
@@ -2,7 +2,7 @@ import { getAssetPath, h } from '@stencil/core';
|
|
|
2
2
|
export class BiggiveFooter {
|
|
3
3
|
appendMenu(menuName) {
|
|
4
4
|
var node = this.host.querySelector(`[slot="${menuName}"]`);
|
|
5
|
-
if (node !==
|
|
5
|
+
if (node !== null) {
|
|
6
6
|
this.host.shadowRoot.querySelector(`.${menuName}`).appendChild(node);
|
|
7
7
|
}
|
|
8
8
|
}
|
|
@@ -17,13 +17,13 @@ export class BiggiveHeader {
|
|
|
17
17
|
}
|
|
18
18
|
appendMenu(menuName) {
|
|
19
19
|
var node = this.host.querySelector(`[slot="${menuName}"]`);
|
|
20
|
-
if (node
|
|
20
|
+
if (node !== null) {
|
|
21
21
|
this.host.shadowRoot.querySelector(`nav.${menuName}`).appendChild(node);
|
|
22
22
|
}
|
|
23
23
|
}
|
|
24
24
|
componentDidRender() {
|
|
25
25
|
this.appendMenu('nav-primary');
|
|
26
|
-
this.appendMenu('nav-
|
|
26
|
+
this.appendMenu('nav-secondary');
|
|
27
27
|
}
|
|
28
28
|
render() {
|
|
29
29
|
return (h("header", { class: 'header space-below' + this.spaceBelow }, h("div", { class: "row row-top" }, h("div", { class: "social-icon-wrap" }, h("slot", { name: "social-icons" })), h("nav", { class: "nav nav-secondary" })), h("div", { class: "row row-bottom" }, h("div", { class: "logo-wrap" }, h("a", { href: this.logoUrl }, h("svg", { width: "149", height: "30", viewBox: "0 0 149 30", fill: "none", xmlns: "http://www.w3.org/2000/svg", role: "img", "aria-label": "Big Give" }, h("title", null, "Big Give"), h("path", { d: "M59.9362 6.08031C58.258 6.08031 56.8195 4.70363 56.8195 3.04015C56.8195 1.37667 58.258 0 59.9362 0C61.7342 0 63.1127 1.37667 63.1127 3.04015C63.1127 4.70363 61.7342 6.08031 59.9362 6.08031ZM57.4189 23.805H62.4534V7.74379H57.4189V23.805ZM76.5981 7.74379V8.71893C75.8189 7.97323 74.2606 7.34226 72.4626 7.34226C67.9674 7.34226 64.3114 10.5545 64.3114 15.2008C64.3114 19.9044 67.9674 23.0593 72.4626 23.0593C74.2606 23.0593 75.8189 22.543 76.5981 21.6826V22.6004C76.5981 24.6654 74.6801 25.6979 72.1629 25.6979C70.0052 25.6979 68.1472 25.239 66.4091 24.2639V29.0249C68.5068 29.7706 70.8443 30 72.4026 30C77.4371 30 81.6326 27.9924 81.6326 22.7151V7.68643H76.5981V7.74379ZM76.5981 17.2084C75.8788 18.1836 74.6801 18.6424 73.3616 18.6424C71.2639 18.6424 69.5257 17.4379 69.5257 15.2008C69.5257 13.021 71.2639 11.7591 73.3616 11.7591C74.6801 11.7591 75.8788 12.3327 76.5981 13.2505V17.2084ZM96.1368 24.2065C100.093 24.2065 102.55 23.5182 104.588 22.2562V9.98088H93.6196V14.6845H99.4332V18.8145C98.5942 19.044 97.6352 19.2161 96.2567 19.2161C91.342 19.2161 88.9446 16.0612 88.9446 12.3901C88.9446 8.71893 91.7016 5.56405 96.916 5.56405C99.0736 5.56405 101.171 6.13767 102.73 6.94073V1.72084C101.231 1.14723 99.3134 0.630979 96.6163 0.630979C89.0046 0.630979 83.6104 5.90822 83.6104 12.4474C83.5505 19.1013 88.4652 24.2065 96.1368 24.2065ZM109.442 6.08031C107.764 6.08031 106.326 4.70363 106.326 3.04015C106.326 1.37667 107.764 0 109.442 0C111.24 0 112.619 1.37667 112.619 3.04015C112.619 4.70363 111.18 6.08031 109.442 6.08031ZM106.925 23.805H111.96V7.74379H106.925V23.805ZM123.227 14.9713L118.972 7.74379H113.098L123.167 24.1491L133.237 7.74379H127.483L123.227 14.9713ZM137.372 16.9216H148.999C149.059 9.92352 144.804 7.39962 140.549 7.39962C136.053 7.39962 132.038 9.98088 131.978 15.7744C131.978 21.3958 136.113 24.1491 141.088 24.1491C143.246 24.1491 145.523 23.8623 147.501 22.8872V18.4704C144.984 19.847 143.366 19.9044 141.927 19.9044C139.769 19.847 137.552 19.2161 137.372 16.9216ZM140.608 11.1281C142.107 11.1281 143.425 11.8164 143.605 13.8241H137.372C137.732 11.8738 139.11 11.1281 140.608 11.1281ZM51.5453 11.3576C52.744 10.325 53.3433 9.00574 53.3433 7.34226C53.3433 4.24474 50.3466 1.03251 46.0313 1.03251H38V23.8623H48.4287C52.5042 23.8623 55.6209 20.8795 55.6209 17.0937C55.6209 14.7992 54.542 12.3327 51.5453 11.3576ZM43.2743 5.67878H45.6717C47.1101 5.67878 48.129 6.76865 48.129 7.97324C48.129 9.17782 47.1101 10.2103 45.6717 10.2103H43.2743V5.67878ZM47.9492 19.1587H43.2743V14.5698H47.9492C49.3876 14.5698 50.4665 15.6023 50.4665 16.8643C50.4665 18.1262 49.3876 19.1587 47.9492 19.1587Z", fill: "black" }), h("path", { d: "M21.543 1.01514L35 23.9999H8.08594L21.543 1.01514Z", fill: "black" }), h("path", { d: "M9.36142 16.9564L0 1H18.7228L9.36142 16.9564Z", fill: "#2AF135" })))), h("div", { class: "nav-toggle", onClick: this.toggleNav }), h("nav", { class: "nav nav-primary", "data-visible": "false" }))));
|
|
@@ -5,11 +5,8 @@ export class BiggiveProgressBar {
|
|
|
5
5
|
this.colourScheme = 'primary';
|
|
6
6
|
this.counter = 100;
|
|
7
7
|
}
|
|
8
|
-
getPercentage() {
|
|
9
|
-
return Math.round(this.counter);
|
|
10
|
-
}
|
|
11
8
|
render() {
|
|
12
|
-
return (h("div", { class: 'progress-bar progress-bar-' + this.colourScheme + ' space-below-' + this.spaceBelow }, h("div", { class: "slider" }, h("div", { class: "progress", style: { width: this.
|
|
9
|
+
return (h("div", { class: 'progress-bar progress-bar-' + this.colourScheme + ' space-below-' + this.spaceBelow }, h("div", { class: "slider" }, h("div", { class: "progress", style: { width: `${this.counter}%` } })), h("div", { class: "counter" }, this.counter, "%")));
|
|
13
10
|
}
|
|
14
11
|
static get is() { return "biggive-progress-bar"; }
|
|
15
12
|
static get encapsulation() { return "shadow"; }
|
|
@@ -73,7 +70,7 @@ export class BiggiveProgressBar {
|
|
|
73
70
|
"optional": false,
|
|
74
71
|
"docs": {
|
|
75
72
|
"tags": [],
|
|
76
|
-
"text": "
|
|
73
|
+
"text": "Percentage to show + use for CSS width; round before input if desired"
|
|
77
74
|
},
|
|
78
75
|
"attribute": "counter",
|
|
79
76
|
"reflect": false,
|
|
@@ -12,7 +12,7 @@ export class BiggiveSocialIcon {
|
|
|
12
12
|
return icon;
|
|
13
13
|
}
|
|
14
14
|
render() {
|
|
15
|
-
return (h("div", { class: 'social-icon-item background-colour-' + this.backgroundColour }, h("a", { href: this.url, target: "_blank" }, h("svg", { width: this.getSocialIcon().icon[0], height: this.getSocialIcon().icon[1], xmlns: "http://www.w3.org/2000/svg", class: 'fill-' + this.iconColour, viewBox: '0 0 ' + this.getSocialIcon().icon[0] + ' ' + this.getSocialIcon().icon[1] }, h("path", { d: this.getSocialIcon().icon[4].toString() })))));
|
|
15
|
+
return (h("div", { class: 'social-icon-item background-colour-' + this.backgroundColour }, h("a", { href: this.url, "aria-label": `Big Give on ${this.service}`, target: "_blank" }, h("svg", { width: this.getSocialIcon().icon[0], height: this.getSocialIcon().icon[1], xmlns: "http://www.w3.org/2000/svg", class: 'fill-' + this.iconColour, viewBox: '0 0 ' + this.getSocialIcon().icon[0] + ' ' + this.getSocialIcon().icon[1] }, h("path", { d: this.getSocialIcon().icon[4].toString() })))));
|
|
16
16
|
}
|
|
17
17
|
static get is() { return "biggive-social-icon"; }
|
|
18
18
|
static get originalStyleUrls() {
|
|
@@ -39,7 +39,7 @@ export class BiggiveSocialIcon {
|
|
|
39
39
|
"optional": false,
|
|
40
40
|
"docs": {
|
|
41
41
|
"tags": [],
|
|
42
|
-
"text": "
|
|
42
|
+
"text": "Service name"
|
|
43
43
|
},
|
|
44
44
|
"attribute": "service",
|
|
45
45
|
"reflect": false,
|
|
@@ -75,7 +75,7 @@ export class BiggiveSocialIcon {
|
|
|
75
75
|
"optional": false,
|
|
76
76
|
"docs": {
|
|
77
77
|
"tags": [],
|
|
78
|
-
"text": "
|
|
78
|
+
"text": "Icon colour"
|
|
79
79
|
},
|
|
80
80
|
"attribute": "icon-colour",
|
|
81
81
|
"reflect": false,
|
|
@@ -14,7 +14,6 @@ const BiggiveCampaignCard$1 = /*@__PURE__*/ proxyCustomElement(class extends HTM
|
|
|
14
14
|
this.banner = null;
|
|
15
15
|
this.campaignTitle = null;
|
|
16
16
|
this.organisationName = null;
|
|
17
|
-
this.currencyCode = undefined;
|
|
18
17
|
this.primaryFigureLabel = null;
|
|
19
18
|
this.primaryFigureAmount = null;
|
|
20
19
|
this.secondaryFigureLabel = null;
|
|
@@ -27,23 +26,8 @@ const BiggiveCampaignCard$1 = /*@__PURE__*/ proxyCustomElement(class extends HTM
|
|
|
27
26
|
this.moreInfoButtonUrl = null;
|
|
28
27
|
this.moreInfoButtonColourScheme = 'clear-primary';
|
|
29
28
|
}
|
|
30
|
-
/**
|
|
31
|
-
* @returns Whole large currency units (e.g. pounds) formatted with symbol.
|
|
32
|
-
*/
|
|
33
|
-
formatCurrency(currencyCode, amount) {
|
|
34
|
-
if (amount === null || isNaN(amount)) {
|
|
35
|
-
return '–';
|
|
36
|
-
}
|
|
37
|
-
return Intl.NumberFormat('en-GB', {
|
|
38
|
-
style: 'currency',
|
|
39
|
-
currency: currencyCode,
|
|
40
|
-
currencyDisplay: 'symbol',
|
|
41
|
-
minimumFractionDigits: 0,
|
|
42
|
-
maximumFractionDigits: 0,
|
|
43
|
-
}).format(amount);
|
|
44
|
-
}
|
|
45
29
|
render() {
|
|
46
|
-
return (h("div", { class: 'container space-below-' + this.spaceBelow.toString() }, h("div", { class: "sleeve" }, this.campaignType !== null ? (h("div", { class: "campaign-type" }, h("span", null, this.campaignType))) : null, this.banner !== null ? (h("div", { class: "image-wrap banner", style: { 'background-image': 'url(' + this.banner + ')' } }, h("img", { src: this.banner, class: "banner" }))) : (h("div", { class: "image-wrap banner" })), h("div", { class: "title-wrap" }, h("h3", null, this.campaignTitle), h("div", { class: "organisation-name" }, "By ", this.organisationName)), h("div", { class: "meta-wrap" }, h("div", { class: "meta-item" }, h("span", { class: "label" }, this.primaryFigureLabel), h("span", { class: "text" }, this.
|
|
30
|
+
return (h("div", { class: 'container space-below-' + this.spaceBelow.toString() }, h("div", { class: "sleeve" }, this.campaignType !== null ? (h("div", { class: "campaign-type" }, h("span", null, this.campaignType))) : null, this.banner !== null ? (h("div", { class: "image-wrap banner", style: { 'background-image': 'url(' + this.banner + ')' } }, h("img", { src: this.banner, class: "banner" }))) : (h("div", { class: "image-wrap banner" })), h("div", { class: "title-wrap" }, h("h3", null, this.campaignTitle), h("div", { class: "organisation-name" }, "By ", this.organisationName)), 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: "button-wrap" }, h("biggive-button", { "full-width": "true", "colour-scheme": this.donateButtonColourScheme, url: this.donateButtonUrl, label: this.donateButtonLabel }), h("biggive-button", { "full-width": "true", "colour-scheme": this.moreInfoButtonColourScheme, url: this.moreInfoButtonUrl, label: this.moreInfoButtonLabel })))));
|
|
47
31
|
}
|
|
48
32
|
static get style() { return biggiveCampaignCardCss; }
|
|
49
33
|
}, [1, "biggive-campaign-card", {
|
|
@@ -52,11 +36,10 @@ const BiggiveCampaignCard$1 = /*@__PURE__*/ proxyCustomElement(class extends HTM
|
|
|
52
36
|
"banner": [1],
|
|
53
37
|
"campaignTitle": [1, "campaign-title"],
|
|
54
38
|
"organisationName": [1, "organisation-name"],
|
|
55
|
-
"currencyCode": [1, "currency-code"],
|
|
56
39
|
"primaryFigureLabel": [1, "primary-figure-label"],
|
|
57
|
-
"primaryFigureAmount": [
|
|
40
|
+
"primaryFigureAmount": [1, "primary-figure-amount"],
|
|
58
41
|
"secondaryFigureLabel": [1, "secondary-figure-label"],
|
|
59
|
-
"secondaryFigureAmount": [
|
|
42
|
+
"secondaryFigureAmount": [1, "secondary-figure-amount"],
|
|
60
43
|
"progressBarCounter": [2, "progress-bar-counter"],
|
|
61
44
|
"donateButtonLabel": [1, "donate-button-label"],
|
|
62
45
|
"donateButtonUrl": [1, "donate-button-url"],
|