@biggive/components 202309040952.0.0 → 202309141604.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (18) hide show
  1. package/dist/biggive/biggive.esm.js +1 -1
  2. package/dist/biggive/p-63b49be7.entry.js +1 -0
  3. package/dist/cjs/biggive-accordion_43.cjs.entry.js +14 -7
  4. package/dist/collection/components/biggive-campaign-card/biggive-campaign-card.js +21 -19
  5. package/dist/collection/components/biggive-cookie-banner/biggive-cookie-banner.css +8 -0
  6. package/dist/collection/components/biggive-cookie-banner/biggive-cookie-banner.js +8 -7
  7. package/dist/collection/components/biggive-progress-bar/biggive-progress-bar.js +6 -3
  8. package/dist/components/biggive-campaign-card.js +5 -2
  9. package/dist/components/biggive-cookie-banner.js +6 -5
  10. package/dist/components/biggive-progress-bar2.js +3 -0
  11. package/dist/esm/biggive-accordion_43.entry.js +14 -7
  12. package/dist/types/components/biggive-campaign-card/biggive-campaign-card.d.ts +11 -10
  13. package/dist/types/components/biggive-cookie-banner/biggive-cookie-banner.d.ts +3 -4
  14. package/dist/types/components/biggive-progress-bar/biggive-progress-bar.d.ts +1 -1
  15. package/dist/types/components.d.ts +24 -24
  16. package/hydrate/index.js +14 -7
  17. package/package.json +1 -1
  18. package/dist/biggive/p-52bf9b24.entry.js +0 -1
package/dist/cjs/biggive-accordion_43.cjs.entry.js CHANGED
@@ -261,7 +261,7 @@ const BiggiveCampaignCard = class {
261
261
  this.primaryFigureAmount = undefined;
262
262
  this.secondaryFigureLabel = undefined;
263
263
  this.secondaryFigureAmount = undefined;
264
- this.progressBarCounter = 100;
264
+ this.progressBarCounter = undefined;
265
265
  this.donateButtonLabel = 'Donate now';
266
266
  this.donateButtonUrl = undefined;
267
267
  this.donateButtonColourScheme = 'primary';
@@ -272,8 +272,11 @@ const BiggiveCampaignCard = class {
272
272
  this.isPastCampaign = false;
273
273
  this.datetime = undefined;
274
274
  }
275
+ isEmpty(value) {
276
+ return value === undefined || value === null || value === '';
277
+ }
275
278
  render() {
276
- return (index.h("div", { class: 'container space-below-' + this.spaceBelow.toString() }, index.h("div", { class: "sleeve" }, index.h("div", { onClick: this.handleCardGeneralClick }, 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", role: "presentation", style: { 'background-image': 'url(' + this.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" }, this.isFutureCampaign || this.isPastCampaign ? (index.h("div", { class: "msg-wrapper" }, index.h("biggive-misc-icon", { "background-colour": "white", "icon-colour": "black", icon: "Timer" }), this.isFutureCampaign ? index.h("p", null, "Launches ", this.datetime) : index.h("p", null, "Closed ", this.datetime))) : (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 })))));
279
+ return (index.h("div", { class: 'container space-below-' + this.spaceBelow.toString() }, index.h("div", { class: "sleeve" }, index.h("div", { onClick: this.handleCardGeneralClick }, 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", role: "presentation", style: { 'background-image': 'url(' + this.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)), this.isEmpty(this.primaryFigureAmount) && this.isEmpty(this.secondaryFigureAmount) ? null : (index.h("div", { class: "meta-wrap" }, this.isEmpty(this.primaryFigureAmount) ? null : (index.h("div", { class: "meta-item" }, index.h("span", { class: "label" }, this.primaryFigureLabel), index.h("span", { class: "text" }, this.primaryFigureAmount))), this.isEmpty(this.secondaryFigureAmount) ? null : (index.h("div", { class: "meta-item" }, index.h("span", { class: "label" }, this.secondaryFigureLabel), index.h("span", { class: "text" }, this.secondaryFigureAmount))))), this.isEmpty(this.progressBarCounter) ? null : (index.h("div", { class: "progress-bar-wrap" }, index.h("biggive-progress-bar", { counter: this.progressBarCounter, "colour-scheme": "primary" })))), index.h("div", { class: "button-wrap" }, this.isFutureCampaign || this.isPastCampaign ? (index.h("div", { class: "msg-wrapper" }, index.h("biggive-misc-icon", { "background-colour": "white", "icon-colour": "black", icon: "Timer" }), this.isFutureCampaign ? index.h("p", null, "Launches ", this.datetime) : index.h("p", null, "Closed ", this.datetime))) : (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 })))));
277
280
  }
278
281
  };
279
282
  BiggiveCampaignCard.style = biggiveCampaignCardCss;
@@ -575,7 +578,7 @@ const BiggiveCarousel = class {
575
578
  };
576
579
  BiggiveCarousel.style = biggiveCarouselCss;
577
580
 
578
- const biggiveCookieBannerCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.background-colour-hover-primary:hover,.background-colour-primary{background-color:#2C089B}.background-colour-hover-secondary:hover,.background-colour-secondary{background-color:#2AF135}.background-colour-hover-tertiary:hover,.background-colour-tertiary{background-color:#FF7272}.background-colour-hover-brand-1:hover,.background-colour-brand-1{background-color:#B30510}.background-colour-hover-brand-2:hover,.background-colour-brand-2{background-color:#6E0887}.background-colour-hover-brand-3:hover,.background-colour-brand-3{background-color:#50B400}.background-colour-hover-brand-4:hover,.background-colour-brand-4{background-color:#FFE500}.background-colour-hover-brand-5:hover,.background-colour-brand-5{background-color:#F07D00}.background-colour-hover-brand-6:hover,.background-colour-brand-6{background-color:#62CFC9}.background-colour-hover-brand-afa-pink:hover,.background-colour-brand-afa-pink{background-color:#BF387D}.background-colour-hover-white:hover,.background-colour-white{background-color:#FFFFFF}.background-colour-hover-black:hover,.background-colour-black{background-color:#000000}.background-colour-hover-white:hover,.background-colour-white{background-color:#FFFFFF}.background-colour-hover-grey-extra-light:hover,.background-colour-grey-extra-light{background-color:#D7D7D7}.background-colour-hover-grey-light:hover,.background-colour-grey-light{background-color:#E8E8E8}.background-colour-hover-grey-medium:hover,.background-colour-grey-medium{background-color:#8A8A8A}.background-colour-hover-grey-dark:hover,.background-colour-grey-dark{background-color:#4A4A4A}.fill-primary{fill:#2C089B}.fill-secondary{fill:#2AF135}.fill-tertiary{fill:#FF7272}.fill-brand-1{fill:#B30510}.fill-brand-2{fill:#6E0887}.fill-brand-3{fill:#50B400}.fill-brand-4{fill:#FFE500}.fill-brand-5{fill:#F07D00}.fill-brand-6{fill:#CBC8C8}.fill-brand-afa-pink{fill:#BF387D}.fill-brand-mhf-turquoise{fill:#62CFC9}.fill-white{fill:#FFFFFF}.fill-black{fill:#000000}.fill-grey-extra-light{fill:#D7D7D7}.fill-grey-light{fill:#E8E8E8}.fill-grey-medium{fill:#8A8A8A}.fill-grey-dark{fill:#4A4A4A}.fill-red{fill:red}.space-above-0{margin-top:0}.space-above-1{margin-top:5px}.space-above-2{margin-top:10px}.space-above-3{margin-top:15px}.space-above-4{margin-top:30px}.space-above-5{margin-top:45px}.space-above-6{margin-top:60px}.space-below-0{margin-bottom:0}.space-below-1{margin-bottom:5px}.space-below-2{margin-bottom:10px}.space-below-3{margin-bottom:15px}.space-below-4{margin-bottom:30px}.space-below-5{margin-bottom:45px}.space-below-6{margin-bottom:60px}.text-colour-hover-primary:hover,.text-colour-primary{color:#2C089B}.text-colour-hover-secondary:hover,.text-colour-secondary{color:#2AF135}.text-colour-hover-tertiary:hover,.text-colour-tertiary{color:#FF7272}.text-colour-hover-brand-1:hover,.text-colour-brand-1{color:#B30510}.text-colour-hover-brand-2:hover,.text-colour-brand-2{color:#6E0887}.text-colour-hover-brand-3:hover,.text-colour-brand-3{color:#50B400}.text-colour-hover-brand-4:hover,.text-colour-brand-4{color:#FFE500}.text-colour-hover-brand-5:hover,.text-colour-brand-5{color:#F07D00}.text-colour-hover-brand-6:hover,.text-colour-brand-6{color:#CBC8C8}.text-colour-hover-brand-afa-pink:hover,.text-colour-brand-afa-pink{color:#BF387D}.text-colour-hover-white:hover,.text-colour-white{color:#FFFFFF}.text-colour-hover-black:hover,.text-colour-black{color:#000000}.text-colour-hover-grey-extra-light:hover,.text-colour-grey-extra-light{color:#D7D7D7}.text-colour-hover-grey-light:hover,.text-colour-grey-light{color:#E8E8E8}.text-colour-hover-grey-medium:hover,.text-colour-grey-medium{color:#8A8A8A}.text-colour-hover-grey-dark:hover,.text-colour-grey-dark{color:#4A4A4A}:host{display:contents}h2:first-child{margin-top:0}div.cooke-consent-container{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;font-size:13px;line-height:17px;border-radius:10px;background:white;border:1px solid black;max-width:500px;padding:1em}div.button-group{margin-top:1em;display:flex;justify-content:space-evenly;width:100%;flex-direction:column;gap:1em}@media screen and (min-width: 475px){div.button-group{flex-direction:row-reverse}}biggive-popup{font-size:17px;line-height:24px}biggive-popup div.content h5{border-bottom:2px solid black;max-width:25em;margin-bottom:5px}biggive-popup div.content div.radio-group{margin-bottom:30px}";
581
+ const biggiveCookieBannerCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.background-colour-hover-primary:hover,.background-colour-primary{background-color:#2C089B}.background-colour-hover-secondary:hover,.background-colour-secondary{background-color:#2AF135}.background-colour-hover-tertiary:hover,.background-colour-tertiary{background-color:#FF7272}.background-colour-hover-brand-1:hover,.background-colour-brand-1{background-color:#B30510}.background-colour-hover-brand-2:hover,.background-colour-brand-2{background-color:#6E0887}.background-colour-hover-brand-3:hover,.background-colour-brand-3{background-color:#50B400}.background-colour-hover-brand-4:hover,.background-colour-brand-4{background-color:#FFE500}.background-colour-hover-brand-5:hover,.background-colour-brand-5{background-color:#F07D00}.background-colour-hover-brand-6:hover,.background-colour-brand-6{background-color:#62CFC9}.background-colour-hover-brand-afa-pink:hover,.background-colour-brand-afa-pink{background-color:#BF387D}.background-colour-hover-white:hover,.background-colour-white{background-color:#FFFFFF}.background-colour-hover-black:hover,.background-colour-black{background-color:#000000}.background-colour-hover-white:hover,.background-colour-white{background-color:#FFFFFF}.background-colour-hover-grey-extra-light:hover,.background-colour-grey-extra-light{background-color:#D7D7D7}.background-colour-hover-grey-light:hover,.background-colour-grey-light{background-color:#E8E8E8}.background-colour-hover-grey-medium:hover,.background-colour-grey-medium{background-color:#8A8A8A}.background-colour-hover-grey-dark:hover,.background-colour-grey-dark{background-color:#4A4A4A}.fill-primary{fill:#2C089B}.fill-secondary{fill:#2AF135}.fill-tertiary{fill:#FF7272}.fill-brand-1{fill:#B30510}.fill-brand-2{fill:#6E0887}.fill-brand-3{fill:#50B400}.fill-brand-4{fill:#FFE500}.fill-brand-5{fill:#F07D00}.fill-brand-6{fill:#CBC8C8}.fill-brand-afa-pink{fill:#BF387D}.fill-brand-mhf-turquoise{fill:#62CFC9}.fill-white{fill:#FFFFFF}.fill-black{fill:#000000}.fill-grey-extra-light{fill:#D7D7D7}.fill-grey-light{fill:#E8E8E8}.fill-grey-medium{fill:#8A8A8A}.fill-grey-dark{fill:#4A4A4A}.fill-red{fill:red}.space-above-0{margin-top:0}.space-above-1{margin-top:5px}.space-above-2{margin-top:10px}.space-above-3{margin-top:15px}.space-above-4{margin-top:30px}.space-above-5{margin-top:45px}.space-above-6{margin-top:60px}.space-below-0{margin-bottom:0}.space-below-1{margin-bottom:5px}.space-below-2{margin-bottom:10px}.space-below-3{margin-bottom:15px}.space-below-4{margin-bottom:30px}.space-below-5{margin-bottom:45px}.space-below-6{margin-bottom:60px}.text-colour-hover-primary:hover,.text-colour-primary{color:#2C089B}.text-colour-hover-secondary:hover,.text-colour-secondary{color:#2AF135}.text-colour-hover-tertiary:hover,.text-colour-tertiary{color:#FF7272}.text-colour-hover-brand-1:hover,.text-colour-brand-1{color:#B30510}.text-colour-hover-brand-2:hover,.text-colour-brand-2{color:#6E0887}.text-colour-hover-brand-3:hover,.text-colour-brand-3{color:#50B400}.text-colour-hover-brand-4:hover,.text-colour-brand-4{color:#FFE500}.text-colour-hover-brand-5:hover,.text-colour-brand-5{color:#F07D00}.text-colour-hover-brand-6:hover,.text-colour-brand-6{color:#CBC8C8}.text-colour-hover-brand-afa-pink:hover,.text-colour-brand-afa-pink{color:#BF387D}.text-colour-hover-white:hover,.text-colour-white{color:#FFFFFF}.text-colour-hover-black:hover,.text-colour-black{color:#000000}.text-colour-hover-grey-extra-light:hover,.text-colour-grey-extra-light{color:#D7D7D7}.text-colour-hover-grey-light:hover,.text-colour-grey-light{color:#E8E8E8}.text-colour-hover-grey-medium:hover,.text-colour-grey-medium{color:#8A8A8A}.text-colour-hover-grey-dark:hover,.text-colour-grey-dark{color:#4A4A4A}:host{display:contents}h2:first-child{margin-top:0}div.cooke-consent-container{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;font-size:13px;line-height:17px;border-radius:10px;background:white;border:1px solid black;max-width:500px;padding:1em}div.button-group{margin-top:1em;display:flex;justify-content:space-evenly;width:100%;flex-direction:column;gap:1em}@media screen and (min-width: 475px){div.button-group{flex-direction:row-reverse}}biggive-popup{font-size:17px;line-height:24px}biggive-popup div.content{max-height:95vh;overflow:scroll}biggive-popup div.content h5{border-bottom:2px solid black;max-width:25em;margin-bottom:5px}biggive-popup div.content p{margin-top:5px;margin-bottom:8px}biggive-popup div.content div.radio-group{margin-bottom:30px}";
579
582
 
580
583
  const BiggiveCookieBanner = class {
581
584
  constructor(hostRef) {
@@ -588,11 +591,12 @@ const BiggiveCookieBanner = class {
588
591
  elementById.openFromOutside();
589
592
  };
590
593
  this.handleAcceptSelectedCookies = () => {
591
- var _a, _b;
594
+ var _a, _b, _c;
592
595
  const elementById = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.getElementById('cookie-preferences-popup');
593
596
  elementById.closeFromOutside();
594
- const marketingRadio = (_b = this.el.shadowRoot) === null || _b === void 0 ? void 0 : _b.getElementById('marketing-on');
595
- this.cookieBannerSavePreferencesSelected.emit({ marketing: marketingRadio.checked });
597
+ const analyticsAndTestingRadio = (_b = this.el.shadowRoot) === null || _b === void 0 ? void 0 : _b.getElementById('a-and-t-on');
598
+ const thirdPartyRadio = (_c = this.el.shadowRoot) === null || _c === void 0 ? void 0 : _c.getElementById('third-party-on');
599
+ this.cookieBannerSavePreferencesSelected.emit({ analyticsAndTesting: analyticsAndTestingRadio.checked, thirdParty: thirdPartyRadio.checked });
596
600
  elementById.closeFromOutside();
597
601
  };
598
602
  this.handleAcceptAllClick = () => {
@@ -603,7 +607,7 @@ const BiggiveCookieBanner = class {
603
607
  this.blogUriPrefix = undefined;
604
608
  }
605
609
  render() {
606
- return (index.h("div", { class: "cooke-consent-container" }, index.h("biggive-popup", { id: "cookie-preferences-popup" }, index.h("div", { class: "content" }, index.h("h4", { class: "space-above-0 space-below-3 text-colour-primary" }, "Manage your cookie preferences"), index.h("form", null, index.h("div", { class: "radio-group" }, index.h("h5", null, "Essential (always required)"), index.h("input", { type: "radio", name: "necassary", id: "necassary-off", disabled: true }), index.h("label", { htmlFor: "necassary-on" }, "Off"), index.h("input", { type: "radio", name: "necassary", id: "necassary-on", disabled: true, checked: true }), index.h("label", { htmlFor: "necassary-on" }, "On")), index.h("div", { class: "radio-group" }, index.h("h5", null, "Marketing"), index.h("input", { type: "radio", name: "marketing", id: "marketing-off", checked: true }), index.h("label", { htmlFor: "marketing-off" }, "Off"), index.h("input", { type: "radio", name: "marketing", id: "marketing-on" }), index.h("label", { htmlFor: "marketing-on" }, "On")), index.h("biggive-button", { "space-below": "0", "space-above": "2", "colour-scheme": "secondary", "is-past-campaign": "false", "is-future-campaign": "false", label: "Accept Selected Cookies", "open-in-new-tab": "false", "full-width": "false", size: "small", rounded: false, centered: false, "button-id": "accept-selected-button", onClick: this.handleAcceptSelectedCookies })))), index.h("h2", null, "Our website uses cookies"), index.h("p", null, "We use some essential cookies to make our website work. We'd also like to share data with our analytics platform and use analytics cookies to understand how you use the website and make improvements."), index.h("p", null, index.h("a", { href: this.blogUriPrefix + '/privacy' }, "Find out more in our Privacy Policy")), index.h("div", { class: "button-group" }, index.h("biggive-button", { onClick: this.handleAcceptAllClick, "space-below": "0", "colour-scheme": "secondary", "is-past-campaign": "false", "is-future-campaign": "false", label: "Accept All", "open-in-new-tab": "false", "full-width": "true", size: "medium", rounded: false, centered: false, "button-id": "accept-all-button" }), index.h("biggive-button", { onClick: this.handleChoosePrefencesClick, "space-below": "0", "colour-scheme": "grey-light", "is-past-campaign": "false", "is-future-campaign": "false", label: "Choose Preferences", "open-in-new-tab": "false", "full-width": "true", size: "medium", rounded: false, centered: false, "button-id": "choose-preferences-button" }))));
610
+ return (index.h("div", { class: "cooke-consent-container" }, index.h("biggive-popup", { id: "cookie-preferences-popup" }, index.h("div", { class: "content" }, index.h("h4", { class: "space-above-0 space-below-3 text-colour-primary" }, "Manage your cookie preferences"), index.h("form", null, index.h("div", { class: "radio-group" }, index.h("h5", null, "Essential Cookies"), index.h("p", null, "These cookies are necessary to ensure our website functions correctly and include required cookies from third parties."), index.h("input", { type: "radio", name: "necassary", id: "necassary-off", disabled: true }), index.h("label", { htmlFor: "necassary-on" }, "Off"), index.h("input", { type: "radio", name: "necassary", id: "necassary-on", disabled: true, checked: true }), index.h("label", { htmlFor: "necassary-on" }, "On")), index.h("div", { class: "radio-group" }, index.h("h5", null, "Analytics & Testing Cookies"), index.h("p", null, "We use analytics cookies to track activity on our website. For example, the pages you\u2019ve visited, the content you\u2019ve engaged with and the search terms you\u2019ve used. This allows us to personalise and improve our content."), index.h("p", null, "We use testing cookies to collect data on how you interact with website features. These insights allow us to update our website and build features that enhance your user experience."), index.h("input", { type: "radio", name: "a-and-t", id: "a-and-t-off", checked: true }), index.h("label", { htmlFor: "a-and-t-off" }, "Off"), index.h("input", { type: "radio", name: "a-and-t", id: "a-and-t-on" }), index.h("label", { htmlFor: "a-and-t-on" }, "On")), index.h("div", { class: "radio-group" }, index.h("h5", null, "Third-party Cookies "), index.h("p", null, "These cookies are used to track activity, which can help to provide a better experience and improve functionality across various applications. For example, our donation experience survey."), index.h("input", { type: "radio", name: "third-party", id: "third-party-off", checked: true }), index.h("label", { htmlFor: "third-party-off" }, "Off"), index.h("input", { type: "radio", name: "third-party", id: "third-party-on" }), index.h("label", { htmlFor: "third-party-on" }, "On")), index.h("biggive-button", { "space-below": "0", "space-above": "2", "colour-scheme": "secondary", "is-past-campaign": "false", "is-future-campaign": "false", label: "Accept Selected Cookies", "open-in-new-tab": "false", "full-width": "false", size: "small", rounded: false, centered: false, "button-id": "accept-selected-button", onClick: this.handleAcceptSelectedCookies })))), index.h("h2", null, "Our website uses cookies"), index.h("p", null, "We use some essential cookies to make our website work. We'd also like to share data with our analytics platform and use analytics cookies to understand how you use the website and make improvements."), index.h("p", null, index.h("a", { href: this.blogUriPrefix + '/privacy' }, "Find out more in our Privacy Policy")), index.h("div", { class: "button-group" }, index.h("biggive-button", { onClick: this.handleAcceptAllClick, "space-below": "0", "colour-scheme": "secondary", "is-past-campaign": "false", "is-future-campaign": "false", label: "Accept All", "open-in-new-tab": "false", "full-width": "true", size: "medium", rounded: false, centered: false, "button-id": "accept-all-button" }), index.h("biggive-button", { onClick: this.handleChoosePrefencesClick, "space-below": "0", "colour-scheme": "grey-light", "is-past-campaign": "false", "is-future-campaign": "false", label: "Choose Preferences", "open-in-new-tab": "false", "full-width": "true", size: "medium", rounded: false, centered: false, "button-id": "choose-preferences-button" }))));
607
611
  }
608
612
  get el() { return index.getElement(this); }
609
613
  };
@@ -1295,6 +1299,9 @@ const BiggiveProgressBar = class {
1295
1299
  this.counter = 100;
1296
1300
  }
1297
1301
  render() {
1302
+ if (this.counter === null || this.counter === undefined) {
1303
+ return null;
1304
+ }
1298
1305
  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: `${Math.min(this.counter, 100)}%` } })), index.h("div", { class: "counter" }, this.counter, "%")));
1299
1306
  }
1300
1307
  };
package/dist/collection/components/biggive-campaign-card/biggive-campaign-card.js CHANGED
@@ -13,7 +13,7 @@ export class BiggiveCampaignCard {
13
13
  this.primaryFigureAmount = undefined;
14
14
  this.secondaryFigureLabel = undefined;
15
15
  this.secondaryFigureAmount = undefined;
16
- this.progressBarCounter = 100;
16
+ this.progressBarCounter = undefined;
17
17
  this.donateButtonLabel = 'Donate now';
18
18
  this.donateButtonUrl = undefined;
19
19
  this.donateButtonColourScheme = 'primary';
@@ -24,8 +24,11 @@ export class BiggiveCampaignCard {
24
24
  this.isPastCampaign = false;
25
25
  this.datetime = undefined;
26
26
  }
27
+ isEmpty(value) {
28
+ return value === undefined || value === null || value === '';
29
+ }
27
30
  render() {
28
- return (h("div", { class: 'container space-below-' + this.spaceBelow.toString() }, h("div", { class: "sleeve" }, h("div", { onClick: this.handleCardGeneralClick }, this.campaignType !== null ? (h("div", { class: "campaign-type" }, h("span", null, this.campaignType))) : null, this.banner !== null ? (h("div", { class: "image-wrap banner", role: "presentation", style: { 'background-image': 'url(' + this.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" }, this.isFutureCampaign || this.isPastCampaign ? (h("div", { class: "msg-wrapper" }, h("biggive-misc-icon", { "background-colour": "white", "icon-colour": "black", icon: "Timer" }), this.isFutureCampaign ? h("p", null, "Launches ", this.datetime) : h("p", null, "Closed ", this.datetime))) : (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 })))));
31
+ return (h("div", { class: 'container space-below-' + this.spaceBelow.toString() }, h("div", { class: "sleeve" }, h("div", { onClick: this.handleCardGeneralClick }, this.campaignType !== null ? (h("div", { class: "campaign-type" }, h("span", null, this.campaignType))) : null, this.banner !== null ? (h("div", { class: "image-wrap banner", role: "presentation", style: { 'background-image': 'url(' + this.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)), this.isEmpty(this.primaryFigureAmount) && this.isEmpty(this.secondaryFigureAmount) ? null : (h("div", { class: "meta-wrap" }, this.isEmpty(this.primaryFigureAmount) ? null : (h("div", { class: "meta-item" }, h("span", { class: "label" }, this.primaryFigureLabel), h("span", { class: "text" }, this.primaryFigureAmount))), this.isEmpty(this.secondaryFigureAmount) ? null : (h("div", { class: "meta-item" }, h("span", { class: "label" }, this.secondaryFigureLabel), h("span", { class: "text" }, this.secondaryFigureAmount))))), this.isEmpty(this.progressBarCounter) ? null : (h("div", { class: "progress-bar-wrap" }, h("biggive-progress-bar", { counter: this.progressBarCounter, "colour-scheme": "primary" })))), h("div", { class: "button-wrap" }, this.isFutureCampaign || this.isPastCampaign ? (h("div", { class: "msg-wrapper" }, h("biggive-misc-icon", { "background-colour": "white", "icon-colour": "black", icon: "Timer" }), this.isFutureCampaign ? h("p", null, "Launches ", this.datetime) : h("p", null, "Closed ", this.datetime))) : (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 })))));
29
32
  }
30
33
  static get is() { return "biggive-campaign-card"; }
31
34
  static get encapsulation() { return "shadow"; }
@@ -131,15 +134,15 @@ export class BiggiveCampaignCard {
131
134
  "type": "string",
132
135
  "mutable": false,
133
136
  "complexType": {
134
- "original": "string",
135
- "resolved": "string",
137
+ "original": "string | null",
138
+ "resolved": "null | string",
136
139
  "references": {}
137
140
  },
138
141
  "required": false,
139
142
  "optional": false,
140
143
  "docs": {
141
144
  "tags": [],
142
- "text": "Label for the primary figure"
145
+ "text": "Label for the primary figure \u2013 may be null or omitted for no label or if there's no figure."
143
146
  },
144
147
  "attribute": "primary-figure-label",
145
148
  "reflect": false
@@ -148,15 +151,15 @@ export class BiggiveCampaignCard {
148
151
  "type": "string",
149
152
  "mutable": false,
150
153
  "complexType": {
151
- "original": "string",
152
- "resolved": "string",
154
+ "original": "string | null",
155
+ "resolved": "null | string",
153
156
  "references": {}
154
157
  },
155
158
  "required": false,
156
159
  "optional": false,
157
160
  "docs": {
158
161
  "tags": [],
159
- "text": "Amount for the primary figure, formatted with currency symbol"
162
+ "text": "Amount for the primary figure, formatted with currency symbol \u2013 null or omit to hide the figure & label."
160
163
  },
161
164
  "attribute": "primary-figure-amount",
162
165
  "reflect": false
@@ -165,15 +168,15 @@ export class BiggiveCampaignCard {
165
168
  "type": "string",
166
169
  "mutable": false,
167
170
  "complexType": {
168
- "original": "string",
169
- "resolved": "string",
171
+ "original": "string | null",
172
+ "resolved": "null | string",
170
173
  "references": {}
171
174
  },
172
175
  "required": false,
173
176
  "optional": false,
174
177
  "docs": {
175
178
  "tags": [],
176
- "text": "Label for the secondary figure"
179
+ "text": "Label for the secondary figure \u2013 may be null or omitted for no label or if there's no figure."
177
180
  },
178
181
  "attribute": "secondary-figure-label",
179
182
  "reflect": false
@@ -182,15 +185,15 @@ export class BiggiveCampaignCard {
182
185
  "type": "string",
183
186
  "mutable": false,
184
187
  "complexType": {
185
- "original": "string",
186
- "resolved": "string",
188
+ "original": "string | null",
189
+ "resolved": "null | string",
187
190
  "references": {}
188
191
  },
189
192
  "required": false,
190
193
  "optional": false,
191
194
  "docs": {
192
195
  "tags": [],
193
- "text": "Amount for the secondary figure, formatted with currency symbol"
196
+ "text": "Amount for the secondary figure, formatted with currency symbol \u2013 null or omit to hide the figure & label."
194
197
  },
195
198
  "attribute": "secondary-figure-amount",
196
199
  "reflect": false
@@ -199,19 +202,18 @@ export class BiggiveCampaignCard {
199
202
  "type": "number",
200
203
  "mutable": false,
201
204
  "complexType": {
202
- "original": "number",
203
- "resolved": "number",
205
+ "original": "number | null",
206
+ "resolved": "null | number",
204
207
  "references": {}
205
208
  },
206
209
  "required": false,
207
210
  "optional": false,
208
211
  "docs": {
209
212
  "tags": [],
210
- "text": "Progress bar percentage"
213
+ "text": "Progress bar percentage \u2013 null or omit to hide the progress bar."
211
214
  },
212
215
  "attribute": "progress-bar-counter",
213
- "reflect": false,
214
- "defaultValue": "100"
216
+ "reflect": false
215
217
  },
216
218
  "donateButtonLabel": {
217
219
  "type": "string",
package/dist/collection/components/biggive-cookie-banner/biggive-cookie-banner.css CHANGED
@@ -341,11 +341,19 @@ biggive-popup {
341
341
  font-size: 17px;
342
342
  line-height: 24px;
343
343
  }
344
+ biggive-popup div.content {
345
+ max-height: 95vh;
346
+ overflow: scroll;
347
+ }
344
348
  biggive-popup div.content h5 {
345
349
  border-bottom: 2px solid black;
346
350
  max-width: 25em;
347
351
  margin-bottom: 5px;
348
352
  }
353
+ biggive-popup div.content p {
354
+ margin-top: 5px;
355
+ margin-bottom: 8px;
356
+ }
349
357
  biggive-popup div.content div.radio-group {
350
358
  margin-bottom: 30px;
351
359
  }
package/dist/collection/components/biggive-cookie-banner/biggive-cookie-banner.js CHANGED
@@ -7,11 +7,12 @@ export class BiggiveCookieBanner {
7
7
  elementById.openFromOutside();
8
8
  };
9
9
  this.handleAcceptSelectedCookies = () => {
10
- var _a, _b;
10
+ var _a, _b, _c;
11
11
  const elementById = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.getElementById('cookie-preferences-popup');
12
12
  elementById.closeFromOutside();
13
- const marketingRadio = (_b = this.el.shadowRoot) === null || _b === void 0 ? void 0 : _b.getElementById('marketing-on');
14
- this.cookieBannerSavePreferencesSelected.emit({ marketing: marketingRadio.checked });
13
+ const analyticsAndTestingRadio = (_b = this.el.shadowRoot) === null || _b === void 0 ? void 0 : _b.getElementById('a-and-t-on');
14
+ const thirdPartyRadio = (_c = this.el.shadowRoot) === null || _c === void 0 ? void 0 : _c.getElementById('third-party-on');
15
+ this.cookieBannerSavePreferencesSelected.emit({ analyticsAndTesting: analyticsAndTestingRadio.checked, thirdParty: thirdPartyRadio.checked });
15
16
  elementById.closeFromOutside();
16
17
  };
17
18
  this.handleAcceptAllClick = () => {
@@ -22,7 +23,7 @@ export class BiggiveCookieBanner {
22
23
  this.blogUriPrefix = undefined;
23
24
  }
24
25
  render() {
25
- return (h("div", { class: "cooke-consent-container" }, h("biggive-popup", { id: "cookie-preferences-popup" }, h("div", { class: "content" }, h("h4", { class: "space-above-0 space-below-3 text-colour-primary" }, "Manage your cookie preferences"), h("form", null, h("div", { class: "radio-group" }, h("h5", null, "Essential (always required)"), h("input", { type: "radio", name: "necassary", id: "necassary-off", disabled: true }), h("label", { htmlFor: "necassary-on" }, "Off"), h("input", { type: "radio", name: "necassary", id: "necassary-on", disabled: true, checked: true }), h("label", { htmlFor: "necassary-on" }, "On")), h("div", { class: "radio-group" }, h("h5", null, "Marketing"), h("input", { type: "radio", name: "marketing", id: "marketing-off", checked: true }), h("label", { htmlFor: "marketing-off" }, "Off"), h("input", { type: "radio", name: "marketing", id: "marketing-on" }), h("label", { htmlFor: "marketing-on" }, "On")), h("biggive-button", { "space-below": "0", "space-above": "2", "colour-scheme": "secondary", "is-past-campaign": "false", "is-future-campaign": "false", label: "Accept Selected Cookies", "open-in-new-tab": "false", "full-width": "false", size: "small", rounded: false, centered: false, "button-id": "accept-selected-button", onClick: this.handleAcceptSelectedCookies })))), h("h2", null, "Our website uses cookies"), h("p", null, "We use some essential cookies to make our website work. We'd also like to share data with our analytics platform and use analytics cookies to understand how you use the website and make improvements."), h("p", null, h("a", { href: this.blogUriPrefix + '/privacy' }, "Find out more in our Privacy Policy")), h("div", { class: "button-group" }, h("biggive-button", { onClick: this.handleAcceptAllClick, "space-below": "0", "colour-scheme": "secondary", "is-past-campaign": "false", "is-future-campaign": "false", label: "Accept All", "open-in-new-tab": "false", "full-width": "true", size: "medium", rounded: false, centered: false, "button-id": "accept-all-button" }), h("biggive-button", { onClick: this.handleChoosePrefencesClick, "space-below": "0", "colour-scheme": "grey-light", "is-past-campaign": "false", "is-future-campaign": "false", label: "Choose Preferences", "open-in-new-tab": "false", "full-width": "true", size: "medium", rounded: false, centered: false, "button-id": "choose-preferences-button" }))));
26
+ return (h("div", { class: "cooke-consent-container" }, h("biggive-popup", { id: "cookie-preferences-popup" }, h("div", { class: "content" }, h("h4", { class: "space-above-0 space-below-3 text-colour-primary" }, "Manage your cookie preferences"), h("form", null, h("div", { class: "radio-group" }, h("h5", null, "Essential Cookies"), h("p", null, "These cookies are necessary to ensure our website functions correctly and include required cookies from third parties."), h("input", { type: "radio", name: "necassary", id: "necassary-off", disabled: true }), h("label", { htmlFor: "necassary-on" }, "Off"), h("input", { type: "radio", name: "necassary", id: "necassary-on", disabled: true, checked: true }), h("label", { htmlFor: "necassary-on" }, "On")), h("div", { class: "radio-group" }, h("h5", null, "Analytics & Testing Cookies"), h("p", null, "We use analytics cookies to track activity on our website. For example, the pages you\u2019ve visited, the content you\u2019ve engaged with and the search terms you\u2019ve used. This allows us to personalise and improve our content."), h("p", null, "We use testing cookies to collect data on how you interact with website features. These insights allow us to update our website and build features that enhance your user experience."), h("input", { type: "radio", name: "a-and-t", id: "a-and-t-off", checked: true }), h("label", { htmlFor: "a-and-t-off" }, "Off"), h("input", { type: "radio", name: "a-and-t", id: "a-and-t-on" }), h("label", { htmlFor: "a-and-t-on" }, "On")), h("div", { class: "radio-group" }, h("h5", null, "Third-party Cookies "), h("p", null, "These cookies are used to track activity, which can help to provide a better experience and improve functionality across various applications. For example, our donation experience survey."), h("input", { type: "radio", name: "third-party", id: "third-party-off", checked: true }), h("label", { htmlFor: "third-party-off" }, "Off"), h("input", { type: "radio", name: "third-party", id: "third-party-on" }), h("label", { htmlFor: "third-party-on" }, "On")), h("biggive-button", { "space-below": "0", "space-above": "2", "colour-scheme": "secondary", "is-past-campaign": "false", "is-future-campaign": "false", label: "Accept Selected Cookies", "open-in-new-tab": "false", "full-width": "false", size: "small", rounded: false, centered: false, "button-id": "accept-selected-button", onClick: this.handleAcceptSelectedCookies })))), h("h2", null, "Our website uses cookies"), h("p", null, "We use some essential cookies to make our website work. We'd also like to share data with our analytics platform and use analytics cookies to understand how you use the website and make improvements."), h("p", null, h("a", { href: this.blogUriPrefix + '/privacy' }, "Find out more in our Privacy Policy")), h("div", { class: "button-group" }, h("biggive-button", { onClick: this.handleAcceptAllClick, "space-below": "0", "colour-scheme": "secondary", "is-past-campaign": "false", "is-future-campaign": "false", label: "Accept All", "open-in-new-tab": "false", "full-width": "true", size: "medium", rounded: false, centered: false, "button-id": "accept-all-button" }), h("biggive-button", { onClick: this.handleChoosePrefencesClick, "space-below": "0", "colour-scheme": "grey-light", "is-past-campaign": "false", "is-future-campaign": "false", label: "Choose Preferences", "open-in-new-tab": "false", "full-width": "true", size: "medium", rounded: false, centered: false, "button-id": "choose-preferences-button" }))));
26
27
  }
27
28
  static get is() { return "biggive-cookie-banner"; }
28
29
  static get encapsulation() { return "shadow"; }
@@ -81,11 +82,11 @@ export class BiggiveCookieBanner {
81
82
  "composed": true,
82
83
  "docs": {
83
84
  "tags": [],
84
- "text": "Indicates that the user has made a selection of cookies purpose to accept.\n\nEvent data contains an array of the type of cookie purposes the user consents to. Currently,\nit is only possible to consent to marketing cookies, so it will simply be ['marketing'] or [] but\nin future other types may be possible."
85
+ "text": "Indicates that the user has made a selection of cookies purpose to accept.\n\nEvent data is an object with boolean properties to say whether the user accepts or refuses each category of optional cookie."
85
86
  },
86
87
  "complexType": {
87
- "original": "{ marketing: Boolean }",
88
- "resolved": "{ marketing: Boolean; }",
88
+ "original": "{ analyticsAndTesting: Boolean; thirdParty: boolean }",
89
+ "resolved": "{ analyticsAndTesting: Boolean; thirdParty: boolean; }",
89
90
  "references": {
90
91
  "Boolean": {
91
92
  "location": "global"
package/dist/collection/components/biggive-progress-bar/biggive-progress-bar.js CHANGED
@@ -6,6 +6,9 @@ export class BiggiveProgressBar {
6
6
  this.counter = 100;
7
7
  }
8
8
  render() {
9
+ if (this.counter === null || this.counter === undefined) {
10
+ return null;
11
+ }
9
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: `${Math.min(this.counter, 100)}%` } })), h("div", { class: "counter" }, this.counter, "%")));
10
13
  }
11
14
  static get is() { return "biggive-progress-bar"; }
@@ -62,12 +65,12 @@ export class BiggiveProgressBar {
62
65
  "type": "number",
63
66
  "mutable": false,
64
67
  "complexType": {
65
- "original": "number",
66
- "resolved": "number",
68
+ "original": "number | null",
69
+ "resolved": "null | number | undefined",
67
70
  "references": {}
68
71
  },
69
72
  "required": false,
70
- "optional": false,
73
+ "optional": true,
71
74
  "docs": {
72
75
  "tags": [],
73
76
  "text": "Percentage to show + use for CSS width; round before input if desired"
package/dist/components/biggive-campaign-card.js CHANGED
@@ -23,7 +23,7 @@ const BiggiveCampaignCard$1 = /*@__PURE__*/ proxyCustomElement(class extends HTM
23
23
  this.primaryFigureAmount = undefined;
24
24
  this.secondaryFigureLabel = undefined;
25
25
  this.secondaryFigureAmount = undefined;
26
- this.progressBarCounter = 100;
26
+ this.progressBarCounter = undefined;
27
27
  this.donateButtonLabel = 'Donate now';
28
28
  this.donateButtonUrl = undefined;
29
29
  this.donateButtonColourScheme = 'primary';
@@ -34,8 +34,11 @@ const BiggiveCampaignCard$1 = /*@__PURE__*/ proxyCustomElement(class extends HTM
34
34
  this.isPastCampaign = false;
35
35
  this.datetime = undefined;
36
36
  }
37
+ isEmpty(value) {
38
+ return value === undefined || value === null || value === '';
39
+ }
37
40
  render() {
38
- return (h("div", { class: 'container space-below-' + this.spaceBelow.toString() }, h("div", { class: "sleeve" }, h("div", { onClick: this.handleCardGeneralClick }, this.campaignType !== null ? (h("div", { class: "campaign-type" }, h("span", null, this.campaignType))) : null, this.banner !== null ? (h("div", { class: "image-wrap banner", role: "presentation", style: { 'background-image': 'url(' + this.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" }, this.isFutureCampaign || this.isPastCampaign ? (h("div", { class: "msg-wrapper" }, h("biggive-misc-icon", { "background-colour": "white", "icon-colour": "black", icon: "Timer" }), this.isFutureCampaign ? h("p", null, "Launches ", this.datetime) : h("p", null, "Closed ", this.datetime))) : (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 })))));
41
+ return (h("div", { class: 'container space-below-' + this.spaceBelow.toString() }, h("div", { class: "sleeve" }, h("div", { onClick: this.handleCardGeneralClick }, this.campaignType !== null ? (h("div", { class: "campaign-type" }, h("span", null, this.campaignType))) : null, this.banner !== null ? (h("div", { class: "image-wrap banner", role: "presentation", style: { 'background-image': 'url(' + this.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)), this.isEmpty(this.primaryFigureAmount) && this.isEmpty(this.secondaryFigureAmount) ? null : (h("div", { class: "meta-wrap" }, this.isEmpty(this.primaryFigureAmount) ? null : (h("div", { class: "meta-item" }, h("span", { class: "label" }, this.primaryFigureLabel), h("span", { class: "text" }, this.primaryFigureAmount))), this.isEmpty(this.secondaryFigureAmount) ? null : (h("div", { class: "meta-item" }, h("span", { class: "label" }, this.secondaryFigureLabel), h("span", { class: "text" }, this.secondaryFigureAmount))))), this.isEmpty(this.progressBarCounter) ? null : (h("div", { class: "progress-bar-wrap" }, h("biggive-progress-bar", { counter: this.progressBarCounter, "colour-scheme": "primary" })))), h("div", { class: "button-wrap" }, this.isFutureCampaign || this.isPastCampaign ? (h("div", { class: "msg-wrapper" }, h("biggive-misc-icon", { "background-colour": "white", "icon-colour": "black", icon: "Timer" }), this.isFutureCampaign ? h("p", null, "Launches ", this.datetime) : h("p", null, "Closed ", this.datetime))) : (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
42
  }
40
43
  static get style() { return biggiveCampaignCardCss; }
41
44
  }, [1, "biggive-campaign-card", {
package/dist/components/biggive-cookie-banner.js CHANGED
@@ -2,7 +2,7 @@ import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/i
2
2
  import { d as defineCustomElement$3 } from './biggive-button2.js';
3
3
  import { d as defineCustomElement$2 } from './biggive-popup2.js';
4
4
 
5
- const biggiveCookieBannerCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.background-colour-hover-primary:hover,.background-colour-primary{background-color:#2C089B}.background-colour-hover-secondary:hover,.background-colour-secondary{background-color:#2AF135}.background-colour-hover-tertiary:hover,.background-colour-tertiary{background-color:#FF7272}.background-colour-hover-brand-1:hover,.background-colour-brand-1{background-color:#B30510}.background-colour-hover-brand-2:hover,.background-colour-brand-2{background-color:#6E0887}.background-colour-hover-brand-3:hover,.background-colour-brand-3{background-color:#50B400}.background-colour-hover-brand-4:hover,.background-colour-brand-4{background-color:#FFE500}.background-colour-hover-brand-5:hover,.background-colour-brand-5{background-color:#F07D00}.background-colour-hover-brand-6:hover,.background-colour-brand-6{background-color:#62CFC9}.background-colour-hover-brand-afa-pink:hover,.background-colour-brand-afa-pink{background-color:#BF387D}.background-colour-hover-white:hover,.background-colour-white{background-color:#FFFFFF}.background-colour-hover-black:hover,.background-colour-black{background-color:#000000}.background-colour-hover-white:hover,.background-colour-white{background-color:#FFFFFF}.background-colour-hover-grey-extra-light:hover,.background-colour-grey-extra-light{background-color:#D7D7D7}.background-colour-hover-grey-light:hover,.background-colour-grey-light{background-color:#E8E8E8}.background-colour-hover-grey-medium:hover,.background-colour-grey-medium{background-color:#8A8A8A}.background-colour-hover-grey-dark:hover,.background-colour-grey-dark{background-color:#4A4A4A}.fill-primary{fill:#2C089B}.fill-secondary{fill:#2AF135}.fill-tertiary{fill:#FF7272}.fill-brand-1{fill:#B30510}.fill-brand-2{fill:#6E0887}.fill-brand-3{fill:#50B400}.fill-brand-4{fill:#FFE500}.fill-brand-5{fill:#F07D00}.fill-brand-6{fill:#CBC8C8}.fill-brand-afa-pink{fill:#BF387D}.fill-brand-mhf-turquoise{fill:#62CFC9}.fill-white{fill:#FFFFFF}.fill-black{fill:#000000}.fill-grey-extra-light{fill:#D7D7D7}.fill-grey-light{fill:#E8E8E8}.fill-grey-medium{fill:#8A8A8A}.fill-grey-dark{fill:#4A4A4A}.fill-red{fill:red}.space-above-0{margin-top:0}.space-above-1{margin-top:5px}.space-above-2{margin-top:10px}.space-above-3{margin-top:15px}.space-above-4{margin-top:30px}.space-above-5{margin-top:45px}.space-above-6{margin-top:60px}.space-below-0{margin-bottom:0}.space-below-1{margin-bottom:5px}.space-below-2{margin-bottom:10px}.space-below-3{margin-bottom:15px}.space-below-4{margin-bottom:30px}.space-below-5{margin-bottom:45px}.space-below-6{margin-bottom:60px}.text-colour-hover-primary:hover,.text-colour-primary{color:#2C089B}.text-colour-hover-secondary:hover,.text-colour-secondary{color:#2AF135}.text-colour-hover-tertiary:hover,.text-colour-tertiary{color:#FF7272}.text-colour-hover-brand-1:hover,.text-colour-brand-1{color:#B30510}.text-colour-hover-brand-2:hover,.text-colour-brand-2{color:#6E0887}.text-colour-hover-brand-3:hover,.text-colour-brand-3{color:#50B400}.text-colour-hover-brand-4:hover,.text-colour-brand-4{color:#FFE500}.text-colour-hover-brand-5:hover,.text-colour-brand-5{color:#F07D00}.text-colour-hover-brand-6:hover,.text-colour-brand-6{color:#CBC8C8}.text-colour-hover-brand-afa-pink:hover,.text-colour-brand-afa-pink{color:#BF387D}.text-colour-hover-white:hover,.text-colour-white{color:#FFFFFF}.text-colour-hover-black:hover,.text-colour-black{color:#000000}.text-colour-hover-grey-extra-light:hover,.text-colour-grey-extra-light{color:#D7D7D7}.text-colour-hover-grey-light:hover,.text-colour-grey-light{color:#E8E8E8}.text-colour-hover-grey-medium:hover,.text-colour-grey-medium{color:#8A8A8A}.text-colour-hover-grey-dark:hover,.text-colour-grey-dark{color:#4A4A4A}:host{display:contents}h2:first-child{margin-top:0}div.cooke-consent-container{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;font-size:13px;line-height:17px;border-radius:10px;background:white;border:1px solid black;max-width:500px;padding:1em}div.button-group{margin-top:1em;display:flex;justify-content:space-evenly;width:100%;flex-direction:column;gap:1em}@media screen and (min-width: 475px){div.button-group{flex-direction:row-reverse}}biggive-popup{font-size:17px;line-height:24px}biggive-popup div.content h5{border-bottom:2px solid black;max-width:25em;margin-bottom:5px}biggive-popup div.content div.radio-group{margin-bottom:30px}";
5
+ const biggiveCookieBannerCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.background-colour-hover-primary:hover,.background-colour-primary{background-color:#2C089B}.background-colour-hover-secondary:hover,.background-colour-secondary{background-color:#2AF135}.background-colour-hover-tertiary:hover,.background-colour-tertiary{background-color:#FF7272}.background-colour-hover-brand-1:hover,.background-colour-brand-1{background-color:#B30510}.background-colour-hover-brand-2:hover,.background-colour-brand-2{background-color:#6E0887}.background-colour-hover-brand-3:hover,.background-colour-brand-3{background-color:#50B400}.background-colour-hover-brand-4:hover,.background-colour-brand-4{background-color:#FFE500}.background-colour-hover-brand-5:hover,.background-colour-brand-5{background-color:#F07D00}.background-colour-hover-brand-6:hover,.background-colour-brand-6{background-color:#62CFC9}.background-colour-hover-brand-afa-pink:hover,.background-colour-brand-afa-pink{background-color:#BF387D}.background-colour-hover-white:hover,.background-colour-white{background-color:#FFFFFF}.background-colour-hover-black:hover,.background-colour-black{background-color:#000000}.background-colour-hover-white:hover,.background-colour-white{background-color:#FFFFFF}.background-colour-hover-grey-extra-light:hover,.background-colour-grey-extra-light{background-color:#D7D7D7}.background-colour-hover-grey-light:hover,.background-colour-grey-light{background-color:#E8E8E8}.background-colour-hover-grey-medium:hover,.background-colour-grey-medium{background-color:#8A8A8A}.background-colour-hover-grey-dark:hover,.background-colour-grey-dark{background-color:#4A4A4A}.fill-primary{fill:#2C089B}.fill-secondary{fill:#2AF135}.fill-tertiary{fill:#FF7272}.fill-brand-1{fill:#B30510}.fill-brand-2{fill:#6E0887}.fill-brand-3{fill:#50B400}.fill-brand-4{fill:#FFE500}.fill-brand-5{fill:#F07D00}.fill-brand-6{fill:#CBC8C8}.fill-brand-afa-pink{fill:#BF387D}.fill-brand-mhf-turquoise{fill:#62CFC9}.fill-white{fill:#FFFFFF}.fill-black{fill:#000000}.fill-grey-extra-light{fill:#D7D7D7}.fill-grey-light{fill:#E8E8E8}.fill-grey-medium{fill:#8A8A8A}.fill-grey-dark{fill:#4A4A4A}.fill-red{fill:red}.space-above-0{margin-top:0}.space-above-1{margin-top:5px}.space-above-2{margin-top:10px}.space-above-3{margin-top:15px}.space-above-4{margin-top:30px}.space-above-5{margin-top:45px}.space-above-6{margin-top:60px}.space-below-0{margin-bottom:0}.space-below-1{margin-bottom:5px}.space-below-2{margin-bottom:10px}.space-below-3{margin-bottom:15px}.space-below-4{margin-bottom:30px}.space-below-5{margin-bottom:45px}.space-below-6{margin-bottom:60px}.text-colour-hover-primary:hover,.text-colour-primary{color:#2C089B}.text-colour-hover-secondary:hover,.text-colour-secondary{color:#2AF135}.text-colour-hover-tertiary:hover,.text-colour-tertiary{color:#FF7272}.text-colour-hover-brand-1:hover,.text-colour-brand-1{color:#B30510}.text-colour-hover-brand-2:hover,.text-colour-brand-2{color:#6E0887}.text-colour-hover-brand-3:hover,.text-colour-brand-3{color:#50B400}.text-colour-hover-brand-4:hover,.text-colour-brand-4{color:#FFE500}.text-colour-hover-brand-5:hover,.text-colour-brand-5{color:#F07D00}.text-colour-hover-brand-6:hover,.text-colour-brand-6{color:#CBC8C8}.text-colour-hover-brand-afa-pink:hover,.text-colour-brand-afa-pink{color:#BF387D}.text-colour-hover-white:hover,.text-colour-white{color:#FFFFFF}.text-colour-hover-black:hover,.text-colour-black{color:#000000}.text-colour-hover-grey-extra-light:hover,.text-colour-grey-extra-light{color:#D7D7D7}.text-colour-hover-grey-light:hover,.text-colour-grey-light{color:#E8E8E8}.text-colour-hover-grey-medium:hover,.text-colour-grey-medium{color:#8A8A8A}.text-colour-hover-grey-dark:hover,.text-colour-grey-dark{color:#4A4A4A}:host{display:contents}h2:first-child{margin-top:0}div.cooke-consent-container{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;font-size:13px;line-height:17px;border-radius:10px;background:white;border:1px solid black;max-width:500px;padding:1em}div.button-group{margin-top:1em;display:flex;justify-content:space-evenly;width:100%;flex-direction:column;gap:1em}@media screen and (min-width: 475px){div.button-group{flex-direction:row-reverse}}biggive-popup{font-size:17px;line-height:24px}biggive-popup div.content{max-height:95vh;overflow:scroll}biggive-popup div.content h5{border-bottom:2px solid black;max-width:25em;margin-bottom:5px}biggive-popup div.content p{margin-top:5px;margin-bottom:8px}biggive-popup div.content div.radio-group{margin-bottom:30px}";
6
6
 
7
7
  const BiggiveCookieBanner$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
8
8
  constructor() {
@@ -17,11 +17,12 @@ const BiggiveCookieBanner$1 = /*@__PURE__*/ proxyCustomElement(class extends HTM
17
17
  elementById.openFromOutside();
18
18
  };
19
19
  this.handleAcceptSelectedCookies = () => {
20
- var _a, _b;
20
+ var _a, _b, _c;
21
21
  const elementById = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.getElementById('cookie-preferences-popup');
22
22
  elementById.closeFromOutside();
23
- const marketingRadio = (_b = this.el.shadowRoot) === null || _b === void 0 ? void 0 : _b.getElementById('marketing-on');
24
- this.cookieBannerSavePreferencesSelected.emit({ marketing: marketingRadio.checked });
23
+ const analyticsAndTestingRadio = (_b = this.el.shadowRoot) === null || _b === void 0 ? void 0 : _b.getElementById('a-and-t-on');
24
+ const thirdPartyRadio = (_c = this.el.shadowRoot) === null || _c === void 0 ? void 0 : _c.getElementById('third-party-on');
25
+ this.cookieBannerSavePreferencesSelected.emit({ analyticsAndTesting: analyticsAndTestingRadio.checked, thirdParty: thirdPartyRadio.checked });
25
26
  elementById.closeFromOutside();
26
27
  };
27
28
  this.handleAcceptAllClick = () => {
@@ -32,7 +33,7 @@ const BiggiveCookieBanner$1 = /*@__PURE__*/ proxyCustomElement(class extends HTM
32
33
  this.blogUriPrefix = undefined;
33
34
  }
34
35
  render() {
35
- return (h("div", { class: "cooke-consent-container" }, h("biggive-popup", { id: "cookie-preferences-popup" }, h("div", { class: "content" }, h("h4", { class: "space-above-0 space-below-3 text-colour-primary" }, "Manage your cookie preferences"), h("form", null, h("div", { class: "radio-group" }, h("h5", null, "Essential (always required)"), h("input", { type: "radio", name: "necassary", id: "necassary-off", disabled: true }), h("label", { htmlFor: "necassary-on" }, "Off"), h("input", { type: "radio", name: "necassary", id: "necassary-on", disabled: true, checked: true }), h("label", { htmlFor: "necassary-on" }, "On")), h("div", { class: "radio-group" }, h("h5", null, "Marketing"), h("input", { type: "radio", name: "marketing", id: "marketing-off", checked: true }), h("label", { htmlFor: "marketing-off" }, "Off"), h("input", { type: "radio", name: "marketing", id: "marketing-on" }), h("label", { htmlFor: "marketing-on" }, "On")), h("biggive-button", { "space-below": "0", "space-above": "2", "colour-scheme": "secondary", "is-past-campaign": "false", "is-future-campaign": "false", label: "Accept Selected Cookies", "open-in-new-tab": "false", "full-width": "false", size: "small", rounded: false, centered: false, "button-id": "accept-selected-button", onClick: this.handleAcceptSelectedCookies })))), h("h2", null, "Our website uses cookies"), h("p", null, "We use some essential cookies to make our website work. We'd also like to share data with our analytics platform and use analytics cookies to understand how you use the website and make improvements."), h("p", null, h("a", { href: this.blogUriPrefix + '/privacy' }, "Find out more in our Privacy Policy")), h("div", { class: "button-group" }, h("biggive-button", { onClick: this.handleAcceptAllClick, "space-below": "0", "colour-scheme": "secondary", "is-past-campaign": "false", "is-future-campaign": "false", label: "Accept All", "open-in-new-tab": "false", "full-width": "true", size: "medium", rounded: false, centered: false, "button-id": "accept-all-button" }), h("biggive-button", { onClick: this.handleChoosePrefencesClick, "space-below": "0", "colour-scheme": "grey-light", "is-past-campaign": "false", "is-future-campaign": "false", label: "Choose Preferences", "open-in-new-tab": "false", "full-width": "true", size: "medium", rounded: false, centered: false, "button-id": "choose-preferences-button" }))));
36
+ return (h("div", { class: "cooke-consent-container" }, h("biggive-popup", { id: "cookie-preferences-popup" }, h("div", { class: "content" }, h("h4", { class: "space-above-0 space-below-3 text-colour-primary" }, "Manage your cookie preferences"), h("form", null, h("div", { class: "radio-group" }, h("h5", null, "Essential Cookies"), h("p", null, "These cookies are necessary to ensure our website functions correctly and include required cookies from third parties."), h("input", { type: "radio", name: "necassary", id: "necassary-off", disabled: true }), h("label", { htmlFor: "necassary-on" }, "Off"), h("input", { type: "radio", name: "necassary", id: "necassary-on", disabled: true, checked: true }), h("label", { htmlFor: "necassary-on" }, "On")), h("div", { class: "radio-group" }, h("h5", null, "Analytics & Testing Cookies"), h("p", null, "We use analytics cookies to track activity on our website. For example, the pages you\u2019ve visited, the content you\u2019ve engaged with and the search terms you\u2019ve used. This allows us to personalise and improve our content."), h("p", null, "We use testing cookies to collect data on how you interact with website features. These insights allow us to update our website and build features that enhance your user experience."), h("input", { type: "radio", name: "a-and-t", id: "a-and-t-off", checked: true }), h("label", { htmlFor: "a-and-t-off" }, "Off"), h("input", { type: "radio", name: "a-and-t", id: "a-and-t-on" }), h("label", { htmlFor: "a-and-t-on" }, "On")), h("div", { class: "radio-group" }, h("h5", null, "Third-party Cookies "), h("p", null, "These cookies are used to track activity, which can help to provide a better experience and improve functionality across various applications. For example, our donation experience survey."), h("input", { type: "radio", name: "third-party", id: "third-party-off", checked: true }), h("label", { htmlFor: "third-party-off" }, "Off"), h("input", { type: "radio", name: "third-party", id: "third-party-on" }), h("label", { htmlFor: "third-party-on" }, "On")), h("biggive-button", { "space-below": "0", "space-above": "2", "colour-scheme": "secondary", "is-past-campaign": "false", "is-future-campaign": "false", label: "Accept Selected Cookies", "open-in-new-tab": "false", "full-width": "false", size: "small", rounded: false, centered: false, "button-id": "accept-selected-button", onClick: this.handleAcceptSelectedCookies })))), h("h2", null, "Our website uses cookies"), h("p", null, "We use some essential cookies to make our website work. We'd also like to share data with our analytics platform and use analytics cookies to understand how you use the website and make improvements."), h("p", null, h("a", { href: this.blogUriPrefix + '/privacy' }, "Find out more in our Privacy Policy")), h("div", { class: "button-group" }, h("biggive-button", { onClick: this.handleAcceptAllClick, "space-below": "0", "colour-scheme": "secondary", "is-past-campaign": "false", "is-future-campaign": "false", label: "Accept All", "open-in-new-tab": "false", "full-width": "true", size: "medium", rounded: false, centered: false, "button-id": "accept-all-button" }), h("biggive-button", { onClick: this.handleChoosePrefencesClick, "space-below": "0", "colour-scheme": "grey-light", "is-past-campaign": "false", "is-future-campaign": "false", label: "Choose Preferences", "open-in-new-tab": "false", "full-width": "true", size: "medium", rounded: false, centered: false, "button-id": "choose-preferences-button" }))));
36
37
  }
37
38
  get el() { return this; }
38
39
  static get style() { return biggiveCookieBannerCss; }
package/dist/components/biggive-progress-bar2.js CHANGED
@@ -12,6 +12,9 @@ const BiggiveProgressBar = /*@__PURE__*/ proxyCustomElement(class extends HTMLEl
12
12
  this.counter = 100;
13
13
  }
14
14
  render() {
15
+ if (this.counter === null || this.counter === undefined) {
16
+ return null;
17
+ }
15
18
  return (h("div", { class: 'progress-bar progress-bar-' + this.colourScheme + ' space-below-' + this.spaceBelow }, h("div", { class: "slider" }, h("div", { class: "progress", style: { width: `${Math.min(this.counter, 100)}%` } })), h("div", { class: "counter" }, this.counter, "%")));
16
19
  }
17
20
  static get style() { return biggiveProgressBarCss; }
package/dist/esm/biggive-accordion_43.entry.js CHANGED
@@ -257,7 +257,7 @@ const BiggiveCampaignCard = class {
257
257
  this.primaryFigureAmount = undefined;
258
258
  this.secondaryFigureLabel = undefined;
259
259
  this.secondaryFigureAmount = undefined;
260
- this.progressBarCounter = 100;
260
+ this.progressBarCounter = undefined;
261
261
  this.donateButtonLabel = 'Donate now';
262
262
  this.donateButtonUrl = undefined;
263
263
  this.donateButtonColourScheme = 'primary';
@@ -268,8 +268,11 @@ const BiggiveCampaignCard = class {
268
268
  this.isPastCampaign = false;
269
269
  this.datetime = undefined;
270
270
  }
271
+ isEmpty(value) {
272
+ return value === undefined || value === null || value === '';
273
+ }
271
274
  render() {
272
- return (h("div", { class: 'container space-below-' + this.spaceBelow.toString() }, h("div", { class: "sleeve" }, h("div", { onClick: this.handleCardGeneralClick }, this.campaignType !== null ? (h("div", { class: "campaign-type" }, h("span", null, this.campaignType))) : null, this.banner !== null ? (h("div", { class: "image-wrap banner", role: "presentation", style: { 'background-image': 'url(' + this.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" }, this.isFutureCampaign || this.isPastCampaign ? (h("div", { class: "msg-wrapper" }, h("biggive-misc-icon", { "background-colour": "white", "icon-colour": "black", icon: "Timer" }), this.isFutureCampaign ? h("p", null, "Launches ", this.datetime) : h("p", null, "Closed ", this.datetime))) : (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 })))));
275
+ return (h("div", { class: 'container space-below-' + this.spaceBelow.toString() }, h("div", { class: "sleeve" }, h("div", { onClick: this.handleCardGeneralClick }, this.campaignType !== null ? (h("div", { class: "campaign-type" }, h("span", null, this.campaignType))) : null, this.banner !== null ? (h("div", { class: "image-wrap banner", role: "presentation", style: { 'background-image': 'url(' + this.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)), this.isEmpty(this.primaryFigureAmount) && this.isEmpty(this.secondaryFigureAmount) ? null : (h("div", { class: "meta-wrap" }, this.isEmpty(this.primaryFigureAmount) ? null : (h("div", { class: "meta-item" }, h("span", { class: "label" }, this.primaryFigureLabel), h("span", { class: "text" }, this.primaryFigureAmount))), this.isEmpty(this.secondaryFigureAmount) ? null : (h("div", { class: "meta-item" }, h("span", { class: "label" }, this.secondaryFigureLabel), h("span", { class: "text" }, this.secondaryFigureAmount))))), this.isEmpty(this.progressBarCounter) ? null : (h("div", { class: "progress-bar-wrap" }, h("biggive-progress-bar", { counter: this.progressBarCounter, "colour-scheme": "primary" })))), h("div", { class: "button-wrap" }, this.isFutureCampaign || this.isPastCampaign ? (h("div", { class: "msg-wrapper" }, h("biggive-misc-icon", { "background-colour": "white", "icon-colour": "black", icon: "Timer" }), this.isFutureCampaign ? h("p", null, "Launches ", this.datetime) : h("p", null, "Closed ", this.datetime))) : (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 })))));
273
276
  }
274
277
  };
275
278
  BiggiveCampaignCard.style = biggiveCampaignCardCss;
@@ -571,7 +574,7 @@ const BiggiveCarousel = class {
571
574
  };
572
575
  BiggiveCarousel.style = biggiveCarouselCss;
573
576
 
574
- const biggiveCookieBannerCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.background-colour-hover-primary:hover,.background-colour-primary{background-color:#2C089B}.background-colour-hover-secondary:hover,.background-colour-secondary{background-color:#2AF135}.background-colour-hover-tertiary:hover,.background-colour-tertiary{background-color:#FF7272}.background-colour-hover-brand-1:hover,.background-colour-brand-1{background-color:#B30510}.background-colour-hover-brand-2:hover,.background-colour-brand-2{background-color:#6E0887}.background-colour-hover-brand-3:hover,.background-colour-brand-3{background-color:#50B400}.background-colour-hover-brand-4:hover,.background-colour-brand-4{background-color:#FFE500}.background-colour-hover-brand-5:hover,.background-colour-brand-5{background-color:#F07D00}.background-colour-hover-brand-6:hover,.background-colour-brand-6{background-color:#62CFC9}.background-colour-hover-brand-afa-pink:hover,.background-colour-brand-afa-pink{background-color:#BF387D}.background-colour-hover-white:hover,.background-colour-white{background-color:#FFFFFF}.background-colour-hover-black:hover,.background-colour-black{background-color:#000000}.background-colour-hover-white:hover,.background-colour-white{background-color:#FFFFFF}.background-colour-hover-grey-extra-light:hover,.background-colour-grey-extra-light{background-color:#D7D7D7}.background-colour-hover-grey-light:hover,.background-colour-grey-light{background-color:#E8E8E8}.background-colour-hover-grey-medium:hover,.background-colour-grey-medium{background-color:#8A8A8A}.background-colour-hover-grey-dark:hover,.background-colour-grey-dark{background-color:#4A4A4A}.fill-primary{fill:#2C089B}.fill-secondary{fill:#2AF135}.fill-tertiary{fill:#FF7272}.fill-brand-1{fill:#B30510}.fill-brand-2{fill:#6E0887}.fill-brand-3{fill:#50B400}.fill-brand-4{fill:#FFE500}.fill-brand-5{fill:#F07D00}.fill-brand-6{fill:#CBC8C8}.fill-brand-afa-pink{fill:#BF387D}.fill-brand-mhf-turquoise{fill:#62CFC9}.fill-white{fill:#FFFFFF}.fill-black{fill:#000000}.fill-grey-extra-light{fill:#D7D7D7}.fill-grey-light{fill:#E8E8E8}.fill-grey-medium{fill:#8A8A8A}.fill-grey-dark{fill:#4A4A4A}.fill-red{fill:red}.space-above-0{margin-top:0}.space-above-1{margin-top:5px}.space-above-2{margin-top:10px}.space-above-3{margin-top:15px}.space-above-4{margin-top:30px}.space-above-5{margin-top:45px}.space-above-6{margin-top:60px}.space-below-0{margin-bottom:0}.space-below-1{margin-bottom:5px}.space-below-2{margin-bottom:10px}.space-below-3{margin-bottom:15px}.space-below-4{margin-bottom:30px}.space-below-5{margin-bottom:45px}.space-below-6{margin-bottom:60px}.text-colour-hover-primary:hover,.text-colour-primary{color:#2C089B}.text-colour-hover-secondary:hover,.text-colour-secondary{color:#2AF135}.text-colour-hover-tertiary:hover,.text-colour-tertiary{color:#FF7272}.text-colour-hover-brand-1:hover,.text-colour-brand-1{color:#B30510}.text-colour-hover-brand-2:hover,.text-colour-brand-2{color:#6E0887}.text-colour-hover-brand-3:hover,.text-colour-brand-3{color:#50B400}.text-colour-hover-brand-4:hover,.text-colour-brand-4{color:#FFE500}.text-colour-hover-brand-5:hover,.text-colour-brand-5{color:#F07D00}.text-colour-hover-brand-6:hover,.text-colour-brand-6{color:#CBC8C8}.text-colour-hover-brand-afa-pink:hover,.text-colour-brand-afa-pink{color:#BF387D}.text-colour-hover-white:hover,.text-colour-white{color:#FFFFFF}.text-colour-hover-black:hover,.text-colour-black{color:#000000}.text-colour-hover-grey-extra-light:hover,.text-colour-grey-extra-light{color:#D7D7D7}.text-colour-hover-grey-light:hover,.text-colour-grey-light{color:#E8E8E8}.text-colour-hover-grey-medium:hover,.text-colour-grey-medium{color:#8A8A8A}.text-colour-hover-grey-dark:hover,.text-colour-grey-dark{color:#4A4A4A}:host{display:contents}h2:first-child{margin-top:0}div.cooke-consent-container{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;font-size:13px;line-height:17px;border-radius:10px;background:white;border:1px solid black;max-width:500px;padding:1em}div.button-group{margin-top:1em;display:flex;justify-content:space-evenly;width:100%;flex-direction:column;gap:1em}@media screen and (min-width: 475px){div.button-group{flex-direction:row-reverse}}biggive-popup{font-size:17px;line-height:24px}biggive-popup div.content h5{border-bottom:2px solid black;max-width:25em;margin-bottom:5px}biggive-popup div.content div.radio-group{margin-bottom:30px}";
577
+ const biggiveCookieBannerCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.background-colour-hover-primary:hover,.background-colour-primary{background-color:#2C089B}.background-colour-hover-secondary:hover,.background-colour-secondary{background-color:#2AF135}.background-colour-hover-tertiary:hover,.background-colour-tertiary{background-color:#FF7272}.background-colour-hover-brand-1:hover,.background-colour-brand-1{background-color:#B30510}.background-colour-hover-brand-2:hover,.background-colour-brand-2{background-color:#6E0887}.background-colour-hover-brand-3:hover,.background-colour-brand-3{background-color:#50B400}.background-colour-hover-brand-4:hover,.background-colour-brand-4{background-color:#FFE500}.background-colour-hover-brand-5:hover,.background-colour-brand-5{background-color:#F07D00}.background-colour-hover-brand-6:hover,.background-colour-brand-6{background-color:#62CFC9}.background-colour-hover-brand-afa-pink:hover,.background-colour-brand-afa-pink{background-color:#BF387D}.background-colour-hover-white:hover,.background-colour-white{background-color:#FFFFFF}.background-colour-hover-black:hover,.background-colour-black{background-color:#000000}.background-colour-hover-white:hover,.background-colour-white{background-color:#FFFFFF}.background-colour-hover-grey-extra-light:hover,.background-colour-grey-extra-light{background-color:#D7D7D7}.background-colour-hover-grey-light:hover,.background-colour-grey-light{background-color:#E8E8E8}.background-colour-hover-grey-medium:hover,.background-colour-grey-medium{background-color:#8A8A8A}.background-colour-hover-grey-dark:hover,.background-colour-grey-dark{background-color:#4A4A4A}.fill-primary{fill:#2C089B}.fill-secondary{fill:#2AF135}.fill-tertiary{fill:#FF7272}.fill-brand-1{fill:#B30510}.fill-brand-2{fill:#6E0887}.fill-brand-3{fill:#50B400}.fill-brand-4{fill:#FFE500}.fill-brand-5{fill:#F07D00}.fill-brand-6{fill:#CBC8C8}.fill-brand-afa-pink{fill:#BF387D}.fill-brand-mhf-turquoise{fill:#62CFC9}.fill-white{fill:#FFFFFF}.fill-black{fill:#000000}.fill-grey-extra-light{fill:#D7D7D7}.fill-grey-light{fill:#E8E8E8}.fill-grey-medium{fill:#8A8A8A}.fill-grey-dark{fill:#4A4A4A}.fill-red{fill:red}.space-above-0{margin-top:0}.space-above-1{margin-top:5px}.space-above-2{margin-top:10px}.space-above-3{margin-top:15px}.space-above-4{margin-top:30px}.space-above-5{margin-top:45px}.space-above-6{margin-top:60px}.space-below-0{margin-bottom:0}.space-below-1{margin-bottom:5px}.space-below-2{margin-bottom:10px}.space-below-3{margin-bottom:15px}.space-below-4{margin-bottom:30px}.space-below-5{margin-bottom:45px}.space-below-6{margin-bottom:60px}.text-colour-hover-primary:hover,.text-colour-primary{color:#2C089B}.text-colour-hover-secondary:hover,.text-colour-secondary{color:#2AF135}.text-colour-hover-tertiary:hover,.text-colour-tertiary{color:#FF7272}.text-colour-hover-brand-1:hover,.text-colour-brand-1{color:#B30510}.text-colour-hover-brand-2:hover,.text-colour-brand-2{color:#6E0887}.text-colour-hover-brand-3:hover,.text-colour-brand-3{color:#50B400}.text-colour-hover-brand-4:hover,.text-colour-brand-4{color:#FFE500}.text-colour-hover-brand-5:hover,.text-colour-brand-5{color:#F07D00}.text-colour-hover-brand-6:hover,.text-colour-brand-6{color:#CBC8C8}.text-colour-hover-brand-afa-pink:hover,.text-colour-brand-afa-pink{color:#BF387D}.text-colour-hover-white:hover,.text-colour-white{color:#FFFFFF}.text-colour-hover-black:hover,.text-colour-black{color:#000000}.text-colour-hover-grey-extra-light:hover,.text-colour-grey-extra-light{color:#D7D7D7}.text-colour-hover-grey-light:hover,.text-colour-grey-light{color:#E8E8E8}.text-colour-hover-grey-medium:hover,.text-colour-grey-medium{color:#8A8A8A}.text-colour-hover-grey-dark:hover,.text-colour-grey-dark{color:#4A4A4A}:host{display:contents}h2:first-child{margin-top:0}div.cooke-consent-container{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;font-size:13px;line-height:17px;border-radius:10px;background:white;border:1px solid black;max-width:500px;padding:1em}div.button-group{margin-top:1em;display:flex;justify-content:space-evenly;width:100%;flex-direction:column;gap:1em}@media screen and (min-width: 475px){div.button-group{flex-direction:row-reverse}}biggive-popup{font-size:17px;line-height:24px}biggive-popup div.content{max-height:95vh;overflow:scroll}biggive-popup div.content h5{border-bottom:2px solid black;max-width:25em;margin-bottom:5px}biggive-popup div.content p{margin-top:5px;margin-bottom:8px}biggive-popup div.content div.radio-group{margin-bottom:30px}";
575
578
 
576
579
  const BiggiveCookieBanner = class {
577
580
  constructor(hostRef) {
@@ -584,11 +587,12 @@ const BiggiveCookieBanner = class {
584
587
  elementById.openFromOutside();
585
588
  };
586
589
  this.handleAcceptSelectedCookies = () => {
587
- var _a, _b;
590
+ var _a, _b, _c;
588
591
  const elementById = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.getElementById('cookie-preferences-popup');
589
592
  elementById.closeFromOutside();
590
- const marketingRadio = (_b = this.el.shadowRoot) === null || _b === void 0 ? void 0 : _b.getElementById('marketing-on');
591
- this.cookieBannerSavePreferencesSelected.emit({ marketing: marketingRadio.checked });
593
+ const analyticsAndTestingRadio = (_b = this.el.shadowRoot) === null || _b === void 0 ? void 0 : _b.getElementById('a-and-t-on');
594
+ const thirdPartyRadio = (_c = this.el.shadowRoot) === null || _c === void 0 ? void 0 : _c.getElementById('third-party-on');
595
+ this.cookieBannerSavePreferencesSelected.emit({ analyticsAndTesting: analyticsAndTestingRadio.checked, thirdParty: thirdPartyRadio.checked });
592
596
  elementById.closeFromOutside();
593
597
  };
594
598
  this.handleAcceptAllClick = () => {
@@ -599,7 +603,7 @@ const BiggiveCookieBanner = class {
599
603
  this.blogUriPrefix = undefined;
600
604
  }
601
605
  render() {
602
- return (h("div", { class: "cooke-consent-container" }, h("biggive-popup", { id: "cookie-preferences-popup" }, h("div", { class: "content" }, h("h4", { class: "space-above-0 space-below-3 text-colour-primary" }, "Manage your cookie preferences"), h("form", null, h("div", { class: "radio-group" }, h("h5", null, "Essential (always required)"), h("input", { type: "radio", name: "necassary", id: "necassary-off", disabled: true }), h("label", { htmlFor: "necassary-on" }, "Off"), h("input", { type: "radio", name: "necassary", id: "necassary-on", disabled: true, checked: true }), h("label", { htmlFor: "necassary-on" }, "On")), h("div", { class: "radio-group" }, h("h5", null, "Marketing"), h("input", { type: "radio", name: "marketing", id: "marketing-off", checked: true }), h("label", { htmlFor: "marketing-off" }, "Off"), h("input", { type: "radio", name: "marketing", id: "marketing-on" }), h("label", { htmlFor: "marketing-on" }, "On")), h("biggive-button", { "space-below": "0", "space-above": "2", "colour-scheme": "secondary", "is-past-campaign": "false", "is-future-campaign": "false", label: "Accept Selected Cookies", "open-in-new-tab": "false", "full-width": "false", size: "small", rounded: false, centered: false, "button-id": "accept-selected-button", onClick: this.handleAcceptSelectedCookies })))), h("h2", null, "Our website uses cookies"), h("p", null, "We use some essential cookies to make our website work. We'd also like to share data with our analytics platform and use analytics cookies to understand how you use the website and make improvements."), h("p", null, h("a", { href: this.blogUriPrefix + '/privacy' }, "Find out more in our Privacy Policy")), h("div", { class: "button-group" }, h("biggive-button", { onClick: this.handleAcceptAllClick, "space-below": "0", "colour-scheme": "secondary", "is-past-campaign": "false", "is-future-campaign": "false", label: "Accept All", "open-in-new-tab": "false", "full-width": "true", size: "medium", rounded: false, centered: false, "button-id": "accept-all-button" }), h("biggive-button", { onClick: this.handleChoosePrefencesClick, "space-below": "0", "colour-scheme": "grey-light", "is-past-campaign": "false", "is-future-campaign": "false", label: "Choose Preferences", "open-in-new-tab": "false", "full-width": "true", size: "medium", rounded: false, centered: false, "button-id": "choose-preferences-button" }))));
606
+ return (h("div", { class: "cooke-consent-container" }, h("biggive-popup", { id: "cookie-preferences-popup" }, h("div", { class: "content" }, h("h4", { class: "space-above-0 space-below-3 text-colour-primary" }, "Manage your cookie preferences"), h("form", null, h("div", { class: "radio-group" }, h("h5", null, "Essential Cookies"), h("p", null, "These cookies are necessary to ensure our website functions correctly and include required cookies from third parties."), h("input", { type: "radio", name: "necassary", id: "necassary-off", disabled: true }), h("label", { htmlFor: "necassary-on" }, "Off"), h("input", { type: "radio", name: "necassary", id: "necassary-on", disabled: true, checked: true }), h("label", { htmlFor: "necassary-on" }, "On")), h("div", { class: "radio-group" }, h("h5", null, "Analytics & Testing Cookies"), h("p", null, "We use analytics cookies to track activity on our website. For example, the pages you\u2019ve visited, the content you\u2019ve engaged with and the search terms you\u2019ve used. This allows us to personalise and improve our content."), h("p", null, "We use testing cookies to collect data on how you interact with website features. These insights allow us to update our website and build features that enhance your user experience."), h("input", { type: "radio", name: "a-and-t", id: "a-and-t-off", checked: true }), h("label", { htmlFor: "a-and-t-off" }, "Off"), h("input", { type: "radio", name: "a-and-t", id: "a-and-t-on" }), h("label", { htmlFor: "a-and-t-on" }, "On")), h("div", { class: "radio-group" }, h("h5", null, "Third-party Cookies "), h("p", null, "These cookies are used to track activity, which can help to provide a better experience and improve functionality across various applications. For example, our donation experience survey."), h("input", { type: "radio", name: "third-party", id: "third-party-off", checked: true }), h("label", { htmlFor: "third-party-off" }, "Off"), h("input", { type: "radio", name: "third-party", id: "third-party-on" }), h("label", { htmlFor: "third-party-on" }, "On")), h("biggive-button", { "space-below": "0", "space-above": "2", "colour-scheme": "secondary", "is-past-campaign": "false", "is-future-campaign": "false", label: "Accept Selected Cookies", "open-in-new-tab": "false", "full-width": "false", size: "small", rounded: false, centered: false, "button-id": "accept-selected-button", onClick: this.handleAcceptSelectedCookies })))), h("h2", null, "Our website uses cookies"), h("p", null, "We use some essential cookies to make our website work. We'd also like to share data with our analytics platform and use analytics cookies to understand how you use the website and make improvements."), h("p", null, h("a", { href: this.blogUriPrefix + '/privacy' }, "Find out more in our Privacy Policy")), h("div", { class: "button-group" }, h("biggive-button", { onClick: this.handleAcceptAllClick, "space-below": "0", "colour-scheme": "secondary", "is-past-campaign": "false", "is-future-campaign": "false", label: "Accept All", "open-in-new-tab": "false", "full-width": "true", size: "medium", rounded: false, centered: false, "button-id": "accept-all-button" }), h("biggive-button", { onClick: this.handleChoosePrefencesClick, "space-below": "0", "colour-scheme": "grey-light", "is-past-campaign": "false", "is-future-campaign": "false", label: "Choose Preferences", "open-in-new-tab": "false", "full-width": "true", size: "medium", rounded: false, centered: false, "button-id": "choose-preferences-button" }))));
603
607
  }
604
608
  get el() { return getElement(this); }
605
609
  };
@@ -1291,6 +1295,9 @@ const BiggiveProgressBar = class {
1291
1295
  this.counter = 100;
1292
1296
  }
1293
1297
  render() {
1298
+ if (this.counter === null || this.counter === undefined) {
1299
+ return null;
1300
+ }
1294
1301
  return (h("div", { class: 'progress-bar progress-bar-' + this.colourScheme + ' space-below-' + this.spaceBelow }, h("div", { class: "slider" }, h("div", { class: "progress", style: { width: `${Math.min(this.counter, 100)}%` } })), h("div", { class: "counter" }, this.counter, "%")));
1295
1302
  }
1296
1303
  };
package/dist/types/components/biggive-campaign-card/biggive-campaign-card.d.ts CHANGED
@@ -25,25 +25,25 @@ export declare class BiggiveCampaignCard {
25
25
  */
26
26
  organisationName: string;
27
27
  /**
28
- * Label for the primary figure
28
+ * Label for the primary figure – may be null or omitted for no label or if there's no figure.
29
29
  */
30
- primaryFigureLabel: string;
30
+ primaryFigureLabel: string | null;
31
31
  /**
32
- * Amount for the primary figure, formatted with currency symbol
32
+ * Amount for the primary figure, formatted with currency symbol – null or omit to hide the figure & label.
33
33
  */
34
- primaryFigureAmount: string;
34
+ primaryFigureAmount: string | null;
35
35
  /**
36
- * Label for the secondary figure
36
+ * Label for the secondary figure – may be null or omitted for no label or if there's no figure.
37
37
  */
38
- secondaryFigureLabel: string;
38
+ secondaryFigureLabel: string | null;
39
39
  /**
40
- * Amount for the secondary figure, formatted with currency symbol
40
+ * Amount for the secondary figure, formatted with currency symbol – null or omit to hide the figure & label.
41
41
  */
42
- secondaryFigureAmount: string;
42
+ secondaryFigureAmount: string | null;
43
43
  /**
44
- * Progress bar percentage
44
+ * Progress bar percentage – null or omit to hide the progress bar.
45
45
  */
46
- progressBarCounter: number;
46
+ progressBarCounter: number | null;
47
47
  /**
48
48
  * Donate button label
49
49
  */
@@ -83,6 +83,7 @@ export declare class BiggiveCampaignCard {
83
83
  * DON-661.
84
84
  */
85
85
  datetime: string;
86
+ private isEmpty;
86
87
  private handleCardGeneralClick;
87
88
  render(): any;
88
89
  }