@biggive/components 202309061001.0.0 → 202309141628.0.0

package/dist/cjs/biggive-accordion_43.cjs.entry.js

@@ -261,7 +261,7 @@ const BiggiveCampaignCard = class {
     this.primaryFigureAmount = undefined;
     this.secondaryFigureLabel = undefined;
     this.secondaryFigureAmount = undefined;
-    this.progressBarCounter = 100;
+    this.progressBarCounter = undefined;
     this.donateButtonLabel = 'Donate now';
     this.donateButtonUrl = undefined;
     this.donateButtonColourScheme = 'primary';
@@ -272,8 +272,11 @@ const BiggiveCampaignCard = class {
     this.isPastCampaign = false;
     this.datetime = undefined;
   }
+  isEmpty(value) {
+    return value === undefined || value === null || value === '';
+  }
   render() {
-    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 })))));
+    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 })))));
   }
 };
 BiggiveCampaignCard.style = biggiveCampaignCardCss;
@@ -1296,6 +1299,9 @@ const BiggiveProgressBar = class {
     this.counter = 100;
   }
   render() {
+    if (this.counter === null || this.counter === undefined) {
+      return null;
+    }
     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, "%")));
   }
 };

package/dist/collection/components/biggive-campaign-card/biggive-campaign-card.js

@@ -13,7 +13,7 @@ export class BiggiveCampaignCard {
     this.primaryFigureAmount = undefined;
     this.secondaryFigureLabel = undefined;
     this.secondaryFigureAmount = undefined;
-    this.progressBarCounter = 100;
+    this.progressBarCounter = undefined;
     this.donateButtonLabel = 'Donate now';
     this.donateButtonUrl = undefined;
     this.donateButtonColourScheme = 'primary';
@@ -24,8 +24,11 @@ export class BiggiveCampaignCard {
     this.isPastCampaign = false;
     this.datetime = undefined;
   }
+  isEmpty(value) {
+    return value === undefined || value === null || value === '';
+  }
   render() {
-    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 })))));
+    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 })))));
   }
   static get is() { return "biggive-campaign-card"; }
   static get encapsulation() { return "shadow"; }
@@ -131,15 +134,15 @@ export class BiggiveCampaignCard {
         "type": "string",
         "mutable": false,
         "complexType": {
-          "original": "string",
-          "resolved": "string",
+          "original": "string | null",
+          "resolved": "null | string",
           "references": {}
         },
         "required": false,
         "optional": false,
         "docs": {
           "tags": [],
-          "text": "Label for the primary figure"
+          "text": "Label for the primary figure \u2013 may be null or omitted for no label or if there's no figure."
         },
         "attribute": "primary-figure-label",
         "reflect": false
@@ -148,15 +151,15 @@ export class BiggiveCampaignCard {
         "type": "string",
         "mutable": false,
         "complexType": {
-          "original": "string",
-          "resolved": "string",
+          "original": "string | null",
+          "resolved": "null | string",
           "references": {}
         },
         "required": false,
         "optional": false,
         "docs": {
           "tags": [],
-          "text": "Amount for the primary figure, formatted with currency symbol"
+          "text": "Amount for the primary figure, formatted with currency symbol \u2013 null or omit to hide the figure & label."
         },
         "attribute": "primary-figure-amount",
         "reflect": false
@@ -165,15 +168,15 @@ export class BiggiveCampaignCard {
         "type": "string",
         "mutable": false,
         "complexType": {
-          "original": "string",
-          "resolved": "string",
+          "original": "string | null",
+          "resolved": "null | string",
           "references": {}
         },
         "required": false,
         "optional": false,
         "docs": {
           "tags": [],
-          "text": "Label for the secondary figure"
+          "text": "Label for the secondary figure \u2013 may be null or omitted for no label or if there's no figure."
         },
         "attribute": "secondary-figure-label",
         "reflect": false
@@ -182,15 +185,15 @@ export class BiggiveCampaignCard {
         "type": "string",
         "mutable": false,
         "complexType": {
-          "original": "string",
-          "resolved": "string",
+          "original": "string | null",
+          "resolved": "null | string",
           "references": {}
         },
         "required": false,
         "optional": false,
         "docs": {
           "tags": [],
-          "text": "Amount for the secondary figure, formatted with currency symbol"
+          "text": "Amount for the secondary figure, formatted with currency symbol \u2013 null or omit to hide the figure & label."
         },
         "attribute": "secondary-figure-amount",
         "reflect": false
@@ -199,19 +202,18 @@ export class BiggiveCampaignCard {
         "type": "number",
         "mutable": false,
         "complexType": {
-          "original": "number",
-          "resolved": "number",
+          "original": "number | null",
+          "resolved": "null | number",
           "references": {}
         },
         "required": false,
         "optional": false,
         "docs": {
           "tags": [],
-          "text": "Progress bar percentage"
+          "text": "Progress bar percentage \u2013 null or omit to hide the progress bar."
         },
         "attribute": "progress-bar-counter",
-        "reflect": false,
-        "defaultValue": "100"
+        "reflect": false
       },
       "donateButtonLabel": {
         "type": "string",

package/dist/collection/components/biggive-progress-bar/biggive-progress-bar.js

@@ -6,6 +6,9 @@ export class BiggiveProgressBar {
     this.counter = 100;
   }
   render() {
+    if (this.counter === null || this.counter === undefined) {
+      return null;
+    }
     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, "%")));
   }
   static get is() { return "biggive-progress-bar"; }
@@ -62,12 +65,12 @@ export class BiggiveProgressBar {
         "type": "number",
         "mutable": false,
         "complexType": {
-          "original": "number",
-          "resolved": "number",
+          "original": "number | null",
+          "resolved": "null | number | undefined",
           "references": {}
         },
         "required": false,
-        "optional": false,
+        "optional": true,
         "docs": {
           "tags": [],
           "text": "Percentage to show + use for CSS width; round before input if desired"

package/dist/components/biggive-campaign-card.js

@@ -23,7 +23,7 @@ const BiggiveCampaignCard$1 = /*@__PURE__*/ proxyCustomElement(class extends HTM
     this.primaryFigureAmount = undefined;
     this.secondaryFigureLabel = undefined;
     this.secondaryFigureAmount = undefined;
-    this.progressBarCounter = 100;
+    this.progressBarCounter = undefined;
     this.donateButtonLabel = 'Donate now';
     this.donateButtonUrl = undefined;
     this.donateButtonColourScheme = 'primary';
@@ -34,8 +34,11 @@ const BiggiveCampaignCard$1 = /*@__PURE__*/ proxyCustomElement(class extends HTM
     this.isPastCampaign = false;
     this.datetime = undefined;
   }
+  isEmpty(value) {
+    return value === undefined || value === null || value === '';
+  }
   render() {
-    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 })))));
+    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 })))));
   }
   static get style() { return biggiveCampaignCardCss; }
 }, [1, "biggive-campaign-card", {

package/dist/components/biggive-progress-bar2.js

@@ -12,6 +12,9 @@ const BiggiveProgressBar = /*@__PURE__*/ proxyCustomElement(class extends HTMLEl
     this.counter = 100;
   }
   render() {
+    if (this.counter === null || this.counter === undefined) {
+      return null;
+    }
     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, "%")));
   }
   static get style() { return biggiveProgressBarCss; }

package/dist/esm/biggive-accordion_43.entry.js

@@ -257,7 +257,7 @@ const BiggiveCampaignCard = class {
     this.primaryFigureAmount = undefined;
     this.secondaryFigureLabel = undefined;
     this.secondaryFigureAmount = undefined;
-    this.progressBarCounter = 100;
+    this.progressBarCounter = undefined;
     this.donateButtonLabel = 'Donate now';
     this.donateButtonUrl = undefined;
     this.donateButtonColourScheme = 'primary';
@@ -268,8 +268,11 @@ const BiggiveCampaignCard = class {
     this.isPastCampaign = false;
     this.datetime = undefined;
   }
+  isEmpty(value) {
+    return value === undefined || value === null || value === '';
+  }
   render() {
-    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 })))));
+    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 })))));
   }
 };
 BiggiveCampaignCard.style = biggiveCampaignCardCss;
@@ -1292,6 +1295,9 @@ const BiggiveProgressBar = class {
     this.counter = 100;
   }
   render() {
+    if (this.counter === null || this.counter === undefined) {
+      return null;
+    }
     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, "%")));
   }
 };

package/dist/types/components/biggive-campaign-card/biggive-campaign-card.d.ts

@@ -25,25 +25,25 @@ export declare class BiggiveCampaignCard {
    */
   organisationName: string;
   /**
-   * Label for the primary figure
+   * Label for the primary figure – may be null or omitted for no label or if there's no figure.
    */
-  primaryFigureLabel: string;
+  primaryFigureLabel: string | null;
   /**
-   * Amount for the primary figure, formatted with currency symbol
+   * Amount for the primary figure, formatted with currency symbol – null or omit to hide the figure & label.
    */
-  primaryFigureAmount: string;
+  primaryFigureAmount: string | null;
   /**
-   * Label for the secondary figure
+   * Label for the secondary figure – may be null or omitted for no label or if there's no figure.
    */
-  secondaryFigureLabel: string;
+  secondaryFigureLabel: string | null;
   /**
-   * Amount for the secondary figure, formatted with currency symbol
+   * Amount for the secondary figure, formatted with currency symbol – null or omit to hide the figure & label.
    */
-  secondaryFigureAmount: string;
+  secondaryFigureAmount: string | null;
   /**
-   * Progress bar percentage
+   * Progress bar percentage – null or omit to hide the progress bar.
    */
-  progressBarCounter: number;
+  progressBarCounter: number | null;
   /**
    * Donate button label
    */
@@ -83,6 +83,7 @@ export declare class BiggiveCampaignCard {
    * DON-661.
    */
   datetime: string;
+  private isEmpty;
   private handleCardGeneralClick;
   render(): any;
 }

package/dist/types/components/biggive-progress-bar/biggive-progress-bar.d.ts

@@ -10,6 +10,6 @@ export declare class BiggiveProgressBar {
   /**
    * Percentage to show + use for CSS width; round before input if desired
    */
-  counter: number;
+  counter?: number | null;
   render(): any;
 }

package/dist/types/components.d.ts

@@ -333,25 +333,25 @@ export namespace Components {
          */
         "organisationName": string;
         /**
-          * Amount for the primary figure, formatted with currency symbol
+          * Amount for the primary figure, formatted with currency symbol – null or omit to hide the figure & label.
          */
-        "primaryFigureAmount": string;
+        "primaryFigureAmount": string | null;
         /**
-          * Label for the primary figure
+          * Label for the primary figure – may be null or omitted for no label or if there's no figure.
          */
-        "primaryFigureLabel": string;
+        "primaryFigureLabel": string | null;
         /**
-          * Progress bar percentage
+          * Progress bar percentage – null or omit to hide the progress bar.
          */
-        "progressBarCounter": number;
+        "progressBarCounter": number | null;
         /**
-          * Amount for the secondary figure, formatted with currency symbol
+          * Amount for the secondary figure, formatted with currency symbol – null or omit to hide the figure & label.
          */
-        "secondaryFigureAmount": string;
+        "secondaryFigureAmount": string | null;
         /**
-          * Label for the secondary figure
+          * Label for the secondary figure – may be null or omitted for no label or if there's no figure.
          */
-        "secondaryFigureLabel": string;
+        "secondaryFigureLabel": string | null;
         /**
           * Space below component
          */
@@ -914,7 +914,7 @@ export namespace Components {
         /**
           * Percentage to show + use for CSS width; round before input if desired
          */
-        "counter": number;
+        "counter"?: number | null;
         /**
           * Space below component
          */
@@ -1863,25 +1863,25 @@ declare namespace LocalJSX {
          */
         "organisationName"?: string;
         /**
-          * Amount for the primary figure, formatted with currency symbol
+          * Amount for the primary figure, formatted with currency symbol – null or omit to hide the figure & label.
          */
-        "primaryFigureAmount"?: string;
+        "primaryFigureAmount"?: string | null;
         /**
-          * Label for the primary figure
+          * Label for the primary figure – may be null or omitted for no label or if there's no figure.
          */
-        "primaryFigureLabel"?: string;
+        "primaryFigureLabel"?: string | null;
         /**
-          * Progress bar percentage
+          * Progress bar percentage – null or omit to hide the progress bar.
          */
-        "progressBarCounter"?: number;
+        "progressBarCounter"?: number | null;
         /**
-          * Amount for the secondary figure, formatted with currency symbol
+          * Amount for the secondary figure, formatted with currency symbol – null or omit to hide the figure & label.
          */
-        "secondaryFigureAmount"?: string;
+        "secondaryFigureAmount"?: string | null;
         /**
-          * Label for the secondary figure
+          * Label for the secondary figure – may be null or omitted for no label or if there's no figure.
          */
-        "secondaryFigureLabel"?: string;
+        "secondaryFigureLabel"?: string | null;
         /**
           * Space below component
          */
@@ -2461,7 +2461,7 @@ declare namespace LocalJSX {
         /**
           * Percentage to show + use for CSS width; round before input if desired
          */
-        "counter"?: number;
+        "counter"?: number | null;
         /**
           * Space below component
          */

package/hydrate/index.js

@@ -6730,7 +6730,7 @@ class BiggiveCampaignCard {
     this.primaryFigureAmount = undefined;
     this.secondaryFigureLabel = undefined;
     this.secondaryFigureAmount = undefined;
-    this.progressBarCounter = 100;
+    this.progressBarCounter = undefined;
     this.donateButtonLabel = 'Donate now';
     this.donateButtonUrl = undefined;
     this.donateButtonColourScheme = 'primary';
@@ -6741,8 +6741,11 @@ class BiggiveCampaignCard {
     this.isPastCampaign = false;
     this.datetime = undefined;
   }
+  isEmpty(value) {
+    return value === undefined || value === null || value === '';
+  }
   render() {
-    return (hAsync("div", { class: 'container space-below-' + this.spaceBelow.toString() }, hAsync("div", { class: "sleeve" }, hAsync("div", { onClick: this.handleCardGeneralClick }, this.campaignType !== null ? (hAsync("div", { class: "campaign-type" }, hAsync("span", null, this.campaignType))) : null, this.banner !== null ? (hAsync("div", { class: "image-wrap banner", role: "presentation", style: { 'background-image': 'url(' + this.banner + ')' } })) : (hAsync("div", { class: "image-wrap banner" })), hAsync("div", { class: "title-wrap" }, hAsync("h3", null, this.campaignTitle), hAsync("div", { class: "organisation-name" }, "By ", this.organisationName)), hAsync("div", { class: "meta-wrap" }, hAsync("div", { class: "meta-item" }, hAsync("span", { class: "label" }, this.primaryFigureLabel), hAsync("span", { class: "text" }, this.primaryFigureAmount)), hAsync("div", { class: "meta-item" }, hAsync("span", { class: "label" }, this.secondaryFigureLabel), hAsync("span", { class: "text" }, this.secondaryFigureAmount))), hAsync("div", { class: "progress-bar-wrap" }, hAsync("biggive-progress-bar", { counter: this.progressBarCounter, "colour-scheme": "primary" }))), hAsync("div", { class: "button-wrap" }, this.isFutureCampaign || this.isPastCampaign ? (hAsync("div", { class: "msg-wrapper" }, hAsync("biggive-misc-icon", { "background-colour": "white", "icon-colour": "black", icon: "Timer" }), this.isFutureCampaign ? hAsync("p", null, "Launches ", this.datetime) : hAsync("p", null, "Closed ", this.datetime))) : (hAsync("biggive-button", { "full-width": "true", "colour-scheme": this.donateButtonColourScheme, url: this.donateButtonUrl, label: this.donateButtonLabel })), hAsync("biggive-button", { "full-width": "true", "colour-scheme": this.moreInfoButtonColourScheme, url: this.moreInfoButtonUrl, label: this.moreInfoButtonLabel })))));
+    return (hAsync("div", { class: 'container space-below-' + this.spaceBelow.toString() }, hAsync("div", { class: "sleeve" }, hAsync("div", { onClick: this.handleCardGeneralClick }, this.campaignType !== null ? (hAsync("div", { class: "campaign-type" }, hAsync("span", null, this.campaignType))) : null, this.banner !== null ? (hAsync("div", { class: "image-wrap banner", role: "presentation", style: { 'background-image': 'url(' + this.banner + ')' } })) : (hAsync("div", { class: "image-wrap banner" })), hAsync("div", { class: "title-wrap" }, hAsync("h3", null, this.campaignTitle), hAsync("div", { class: "organisation-name" }, "By ", this.organisationName)), this.isEmpty(this.primaryFigureAmount) && this.isEmpty(this.secondaryFigureAmount) ? null : (hAsync("div", { class: "meta-wrap" }, this.isEmpty(this.primaryFigureAmount) ? null : (hAsync("div", { class: "meta-item" }, hAsync("span", { class: "label" }, this.primaryFigureLabel), hAsync("span", { class: "text" }, this.primaryFigureAmount))), this.isEmpty(this.secondaryFigureAmount) ? null : (hAsync("div", { class: "meta-item" }, hAsync("span", { class: "label" }, this.secondaryFigureLabel), hAsync("span", { class: "text" }, this.secondaryFigureAmount))))), this.isEmpty(this.progressBarCounter) ? null : (hAsync("div", { class: "progress-bar-wrap" }, hAsync("biggive-progress-bar", { counter: this.progressBarCounter, "colour-scheme": "primary" })))), hAsync("div", { class: "button-wrap" }, this.isFutureCampaign || this.isPastCampaign ? (hAsync("div", { class: "msg-wrapper" }, hAsync("biggive-misc-icon", { "background-colour": "white", "icon-colour": "black", icon: "Timer" }), this.isFutureCampaign ? hAsync("p", null, "Launches ", this.datetime) : hAsync("p", null, "Closed ", this.datetime))) : (hAsync("biggive-button", { "full-width": "true", "colour-scheme": this.donateButtonColourScheme, url: this.donateButtonUrl, label: this.donateButtonLabel })), hAsync("biggive-button", { "full-width": "true", "colour-scheme": this.moreInfoButtonColourScheme, url: this.moreInfoButtonUrl, label: this.moreInfoButtonLabel })))));
   }
   static get style() { return biggiveCampaignCardCss; }
   static get cmpMeta() { return {
@@ -8346,6 +8349,9 @@ class BiggiveProgressBar {
     this.counter = 100;
   }
   render() {
+    if (this.counter === null || this.counter === undefined) {
+      return null;
+    }
     return (hAsync("div", { class: 'progress-bar progress-bar-' + this.colourScheme + ' space-below-' + this.spaceBelow }, hAsync("div", { class: "slider" }, hAsync("div", { class: "progress", style: { width: `${Math.min(this.counter, 100)}%` } })), hAsync("div", { class: "counter" }, this.counter, "%")));
   }
   static get style() { return biggiveProgressBarCss; }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@biggive/components",
   "_comment": "Version number below is automatically replaced during CircleCI build.",
-  "version": "202309061001.0.0",
+  "version": "202309141628.0.0",
   "description": "Big Give Components",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",