@biggive/components 1.0.191 → 1.0.193

package/dist/cjs/biggive-category-icon.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-00399429.js');
-const fontawesomeIcons = require('./fontawesome-icons-560e6ab7.js');
+const fontawesomeIcons = require('./fontawesome-icons-72c728f1.js');
 require('./index-7f8fe565.js');
 
 const biggiveCategoryIconCss = "body{background-color:#FFFFFF}body.background-primary{background-color:#2C089B}body.background-secondary{background-color:#2C089B}body.background-tertiary{background-color:#2C089B}body.background-brand-1{background-color:#B30510}body.background-brand-2{background-color:#B30510}body.background-brand-3{background-color:#B30510}body.background-brand-4{background-color:#B30510}body.background-brand-5{background-color:#B30510}body.background-brand-6{background-color:#B30510}h1,h3,h4,h5,h6{margin-bottom:0}h1,.heading-1{font-size:47px;line-height:60px;font-weight:bold}h2,.heading-2{font-size:38px;line-height:45px;font-weight:bold}h3,.heading-3{font-size:25px;line-height:32px;font-weight:bold}h4,.heading-4{font-size:20px;line-height:24px;font-weight:bold}h5,.heading-5{font-size:17px;line-height:24px;font-weight:bold}a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.colour-primary{color:#2C089B}.colour-secondary{color:#2AF135}.colour-tertiary{color:#FF7272}.colour-brand-1{color:#B30510}.colour-brand-2{color:#6E0887}.colour-brand-3{color:#50B400}.colour-brand-4{color:#FFE500}.colour-brand-5{color:#F07D00}.colour-brand-6{color:#CBC8C8}.colour-white{color:#FFFFFF}.colour-black{color:#000000}.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-white:hover,.text-colour-white{color:#FFFFFF}.text-colour-hover-black:hover,.text-colour-black{color:#000000}.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-white{fill:#FFFFFF}.fill-black{fill:#000000}.fill-red{fill:red}.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:#CBC8C8}.background-colour-hover-white:hover,.background-colour-white{background-color:#FFFFFF}.background-colour-hover-black:hover,.background-colour-black{background-color:#000000}.background-colour-transparent{background-color:transparent}.input-wrap{display:flex;justify-content:space-between}.input-text{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;color:#000000;padding:5px 10px;box-sizing:border-box;width:100%}.input-text:focus{outline:0}.input-text:placeholder{color:#4A4A4A}.button{font-size:17px;line-height:24px;padding:10px 30px;border-radius:5px;border:1px solid #000000;background-color:#000000;color:#FFFFFF;display:inline-block;text-decoration:none;text-align:center;transition:all ease-in-out 0.5s;cursor:pointer}.button:hover{background-color:#FFFFFF;color:#000000}.button.size-small{font-size:13px;line-height:17px;padding:5px 15px}.button.button.rounded-true{border-radius:27.5px}.button.button.rounded-true.size-small{border-radius:20px}.button-primary{color:#FFFFFF;background-color:#2C089B;border-color:#2C089B}.button-primary:hover{color:#2C089B;background-color:#FFFFFF}.button-secondary{color:#000000;background-color:#2AF135;border-color:#2AF135}.button-secondary:hover{background-color:#FFFFFF;border-color:#000000}.button-tertiary{color:#FFFFFF;background-color:#FF7272;border-color:#FF7272}.button-tertiary:hover{background-color:#FFFFFF}.button-brand-1{color:#FFFFFF;background-color:#B30510;border-color:#B30510}.button-brand-1:hover{background-color:#FFFFFF}.button-brand-2{color:#FFFFFF;background-color:#6E0887;border-color:#6E0887}.button-brand-2:hover{background-color:#FFFFFF}.button-brand-3{color:#FFFFFF;background-color:#50B400;border-color:#50B400}.button-brand-3:hover{background-color:#FFFFFF}.button-brand-4{color:#FFFFFF;background-color:#FFE500;border-color:#FFE500}.button-brand-4:hover{background-color:#000000}.button-brand-5{color:#FFFFFF;background-color:#F07D00;border-color:#F07D00}.button-brand-5:hover{background-color:#FFFFFF}.button-brand-6{color:#FFFFFF;background-color:#CBC8C8;border-color:#CBC8C8}.button-brand-6:hover{background-color:#000000}.button-white{color:#2C089B;background-color:#FFFFFF;border-color:#FFFFFF}.button-white:hover{color:#FFFFFF;background-color:#2C089B}.button-black{color:#FFFFFF;background-color:#000000;border-color:#000000}.button-black:hover{color:#000000;background-color:#FFFFFF}.button-clear-primary{color:#2C089B;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-primary:hover{text-decoration:none;background-color:transparent}.button-clear-secondary{color:#2AF135;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-secondary:hover{text-decoration:none;background-color:transparent}.button-clear-tertiary{color:#FF7272;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-tertiary:hover{text-decoration:none;background-color:transparent}.button-clear-brand-1{color:#B30510;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-brand-1:hover{text-decoration:none;background-color:transparent}.button-clear-brand-2{color:#6E0887;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-brand-2:hover{text-decoration:none;background-color:transparent}.button-clear-brand-3{color:#50B400;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-brand-3:hover{text-decoration:none;background-color:transparent}.button-clear-brand-4{color:#FFE500;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-brand-4:hover{text-decoration:none;background-color:transparent}.button-clear-brand-5{color:#F07D00;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-brand-5:hover{text-decoration:none;background-color:transparent}.button-clear-brand-6{color:#CBC8C8;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-brand-6:hover{text-decoration:none;background-color:transparent}.button-clear-white{color:#FFFFFF;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-white:hover{color:#FFFFFF;text-decoration:none;background-color:transparent}.button-rounded{border-radius:27.5px}.button-rounded.size-small{border-radius:20px}.progress-bar{display:flex}.progress-bar .slider{margin:auto 15px auto 0;position:relative;flex-grow:1}.progress-bar .slider:before{content:\"\";position:absolute;display:block;top:0;left:0;bottom:0;right:0;background-color:#E8E8E8;border-radius:4px}.progress-bar .slider .progress{position:relative;border-radius:4px;background-color:#000000;height:8px}.progress-bar .counter{font-weight:700;color:#000000;font-size:14px;line-height:18px}.progress-bar-primary .slider .progress{background-color:#2C089B}.progress-bar-primary .counter{color:#2C089B}.progress-bar-secondary .slider .progress{background-color:#2AF135}.progress-bar-secondary .counter{color:#2AF135}.video-wrap{position:relative;padding-bottom:56.25%}.video-wrap iframe,.video-wrap video{position:absolute;border:0;display:block;left:0;right:0;top:0;bottom:0;width:100%;height:100%}.image-wrap img{width:100%;height:auto}.align-left{text-align:left}.align-right{text-align:right}.align-center{text-align:center}.align-justify{text-align:justify}.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}.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}.horizontal-padding-1{padding-left:5px;padding-right:5px}.horizontal-padding-2{padding-left:10px;padding-right:10px}.horizontal-padding-3{padding-left:15px;padding-right:15px}.horizontal-padding-4{padding-left:30px;padding-right:30px}.horizontal-padding-5{padding-left:45px;padding-right:45px}.horizontal-padding-6{padding-left:60px;padding-right:60px}.vertical-padding-1{padding-top:5px;padding-bottom:5px}.vertical-padding-2{padding-top:10px;padding-bottom:10px}.vertical-padding-3{padding-top:15px;padding-bottom:15px}.vertical-padding-4{padding-top:30px;padding-bottom:30px}.vertical-padding-5{padding-top:45px;padding-bottom:45px}.vertical-padding-6{padding-top:60px;padding-bottom:60px}:host{display:contents}.container{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;display:flex;justify-content:flex-start}.container .label{padding-left:15px;font-size:11px;line-height:14px;width:60px;margin-top:auto;margin-bottom:auto}.category-icon-item{width:40px;height:40px;border-radius:50%;text-align:center;transition:all ease-in-out 0.5s;display:inline-block;margin-right:10px;width:30px;height:30px}.category-icon-item.colour-scheme-primary{background-color:#2C089B}.category-icon-item.colour-scheme-primary svg{fill:#FFFFFF}.category-icon-item.colour-scheme-secondary{background-color:#2AF135}.category-icon-item.colour-scheme-secondary svg{fill:#000000}.category-icon-item.colour-scheme-tertiary{background-color:#FF7272}.category-icon-item.colour-scheme-tertiary svg{fill:#000000}.category-icon-item.colour-scheme-brand-1{background-color:#B30510}.category-icon-item.colour-scheme-brand-1 svg{fill:#000000}.category-icon-item.colour-scheme-brand-2{background-color:#6E0887}.category-icon-item.colour-scheme-brand-2 svg{fill:#000000}.category-icon-item.colour-scheme-brand-3{background-color:#50B400}.category-icon-item.colour-scheme-brand-3 svg{fill:#000000}.category-icon-item.colour-scheme-brand-4{background-color:#FFE500}.category-icon-item.colour-scheme-brand-4 svg{fill:#000000}.category-icon-item.colour-scheme-brand-5{background-color:#F07D00}.category-icon-item.colour-scheme-brand-5 svg{fill:#000000}.category-icon-item.colour-scheme-brand-6{background-color:#CBC8C8}.category-icon-item.colour-scheme-brand-6 svg{fill:#000000}.category-icon-item.colour-scheme-white{background-color:#FFFFFF}.category-icon-item.colour-scheme-white svg{fill:#000000}.category-icon-item.colour-scheme-black{background-color:#000000}.category-icon-item.colour-scheme-black svg{fill:#FFFFFF}.category-icon-item:hover{background-color:#FFFFFF}.category-icon-item:hover svg{fill:#000000}.category-icon-item a{display:grid;position:relative;padding:10px;box-sizing:border-box;height:100%}.category-icon-item a svg{width:100%;height:100%}.category-icon-item a{padding:6px}";
@@ -13,8 +13,8 @@ const BiggiveCategoryIcon = class {
     index.registerInstance(this, hostRef);
     this.backgroundColour = 'primary';
     this.iconColour = 'white';
-    this.icon = null;
-    this.label = null;
+    this.icon = undefined;
+    this.label = undefined;
     this.url = '#';
   }
   getCategoryIcon() {

package/dist/cjs/biggive-icon-group.cjs.entry.js

@@ -10,7 +10,7 @@ const BiggiveIconGroup = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.spaceBelow = 0;
-    this.label = null;
+    this.label = undefined;
   }
   render() {
     return (index.h("div", { class: 'container space-below-' + this.spaceBelow }, this.label != null ? index.h("div", { class: "label" }, this.label) : null, index.h("div", { class: "sleeve" }, index.h("slot", null))));

package/dist/cjs/biggive-nav-item.cjs.entry.js

@@ -9,9 +9,9 @@ const biggiveNavItemCss = "body{background-color:#FFFFFF}body.background-primary
 const BiggiveNavItem = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
-    this.url = null;
-    this.label = null;
-    this.iconColour = null;
+    this.url = undefined;
+    this.label = undefined;
+    this.iconColour = undefined;
   }
   render() {
     return (index.h("li", { class: 'icon-' + this.iconColour }, index.h("a", { href: this.url }, this.label), index.h("slot", null)));

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

@@ -25,7 +25,7 @@ const BigGiveSearch = class {
     this.clearSearchText = () => {
       this.searchText = '';
     };
-    this.searchText = null;
+    this.searchText = undefined;
     this.placeholderText = undefined;
     this.buttonText = undefined;
   }

package/dist/cjs/{fontawesome-icons-560e6ab7.js → fontawesome-icons-72c728f1.js}

@@ -234,22 +234,22 @@ class FontAwesomeIconsService {
   static getBeneficiaryIcon(beneficiary) {
     const matchingItems = FontAwesomeIconsService.getBeneficiaries().filter(ii => ii.name === beneficiary);
     // For an unknown/invalid beneficiary, show 'other' symbol.
-    return matchingItems.length > 0 ? matchingItems[0].icon : index.faPlus;
+    return matchingItems[0] ? matchingItems[0].icon : index.faPlus;
   }
   static getMiscIcon(misc) {
     const matchingItems = FontAwesomeIconsService.getMisc().filter(ii => ii.name === misc);
     // For an unknown/invalid beneficiary, show 'other' symbol.
-    return matchingItems.length > 0 ? matchingItems[0].icon : index.faPlus;
+    return matchingItems[0] ? matchingItems[0].icon : index.faPlus;
   }
   static getSocialIcon(social) {
     const matchingItems = FontAwesomeIconsService.getSocials().filter(ii => ii.name === social);
     // For an unknown/invalid beneficiary, show 'other' symbol.
-    return matchingItems.length > 0 ? matchingItems[0].icon : index.faPlus;
+    return matchingItems[0] ? matchingItems[0].icon : index.faPlus;
   }
   static getCategoryIcon(category) {
     const matchingItems = FontAwesomeIconsService.getCategories().filter(ii => ii.name === category);
     // For an unknown/invalid category, show 'other' symbol.
-    return matchingItems.length > 0 ? matchingItems[0].icon : index.faPlus;
+    return matchingItems[0] ? matchingItems[0].icon : index.faPlus;
   }
 }
 

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

@@ -5,14 +5,14 @@ export class BiggiveArticleCard {
     this.backgroundColour = 'white';
     this.backgroundColourHover = 'tertiary';
     this.textColour = 'black';
-    this.slug = null;
-    this.date = null;
-    this.mainTitle = null;
-    this.imageUrl = null;
-    this.imageAltText = null;
-    this.imageLabel = null;
-    this.buttonLabel = null;
-    this.buttonUrl = null;
+    this.slug = undefined;
+    this.date = undefined;
+    this.mainTitle = undefined;
+    this.imageUrl = undefined;
+    this.imageAltText = undefined;
+    this.imageLabel = undefined;
+    this.buttonLabel = undefined;
+    this.buttonUrl = undefined;
   }
   render() {
     return (h("div", { class: 'container space-below-' + this.spaceBelow }, h("div", { class: 'sleeve background-colour-' + this.backgroundColour + ' background-colour-hover-' + this.backgroundColourHover + ' text-colour-' + this.textColour }, h("div", { class: "content-wrap" }, this.slug != '' ? h("div", { class: "slug text-colour-primary" }, this.slug) : null, this.date != '' ? h("div", { class: "date" }, this.date) : null, h("h3", { class: "title" }, h("a", { href: this.buttonUrl }, this.mainTitle)), this.imageUrl != '' ? (h("div", { class: "image-group" }, h("div", { class: "image-wrap", style: { 'background-image': "url('" + this.imageUrl + "')" } }, h("img", { src: this.imageUrl, alt: this.imageAltText, title: this.imageAltText })), h("div", { class: "image-label" }, this.imageLabel))) : null, this.buttonLabel != null && this.buttonUrl != null ? (h("div", { class: "button-wrap align-right" }, h("biggive-button", { "colour-scheme": 'clear-primary', url: this.buttonUrl, label: this.buttonLabel }))) : null))));
@@ -118,8 +118,7 @@ export class BiggiveArticleCard {
           "text": "Slug"
         },
         "attribute": "slug",
-        "reflect": false,
-        "defaultValue": "null"
+        "reflect": false
       },
       "date": {
         "type": "string",
@@ -136,8 +135,7 @@ export class BiggiveArticleCard {
           "text": "Date"
         },
         "attribute": "date",
-        "reflect": false,
-        "defaultValue": "null"
+        "reflect": false
       },
       "mainTitle": {
         "type": "string",
@@ -154,8 +152,7 @@ export class BiggiveArticleCard {
           "text": "Main title"
         },
         "attribute": "main-title",
-        "reflect": false,
-        "defaultValue": "null"
+        "reflect": false
       },
       "imageUrl": {
         "type": "string",
@@ -172,8 +169,7 @@ export class BiggiveArticleCard {
           "text": "Image URL"
         },
         "attribute": "image-url",
-        "reflect": false,
-        "defaultValue": "null"
+        "reflect": false
       },
       "imageAltText": {
         "type": "string",
@@ -190,8 +186,7 @@ export class BiggiveArticleCard {
           "text": "Image Alt Text"
         },
         "attribute": "image-alt-text",
-        "reflect": false,
-        "defaultValue": "null"
+        "reflect": false
       },
       "imageLabel": {
         "type": "string",
@@ -208,8 +203,7 @@ export class BiggiveArticleCard {
           "text": "Image Label"
         },
         "attribute": "image-label",
-        "reflect": false,
-        "defaultValue": "null"
+        "reflect": false
       },
       "buttonLabel": {
         "type": "string",
@@ -226,8 +220,7 @@ export class BiggiveArticleCard {
           "text": "Button label"
         },
         "attribute": "button-label",
-        "reflect": false,
-        "defaultValue": "null"
+        "reflect": false
       },
       "buttonUrl": {
         "type": "string",
@@ -244,8 +237,7 @@ export class BiggiveArticleCard {
           "text": "Button URL"
         },
         "attribute": "button-url",
-        "reflect": false,
-        "defaultValue": "null"
+        "reflect": false
       }
     };
   }

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

@@ -6,13 +6,13 @@ export class BiggiveBasicCard {
     this.backgroundImageUrl = '';
     this.cardColour = 'white';
     this.textColour = 'black';
-    this.mainTitle = null;
-    this.subtitle = null;
-    this.teaser = null;
+    this.mainTitle = undefined;
+    this.subtitle = undefined;
+    this.teaser = undefined;
     this.icon = true;
     this.iconColour = 'primary';
-    this.buttonLabel = null;
-    this.buttonUrl = null;
+    this.buttonLabel = undefined;
+    this.buttonUrl = undefined;
     this.buttonColourScheme = 'clear-primary';
     this.clipBottomLeftCorner = true;
     this.clipTopRightCorner = true;
@@ -146,8 +146,7 @@ export class BiggiveBasicCard {
           "text": "Main title"
         },
         "attribute": "main-title",
-        "reflect": false,
-        "defaultValue": "null"
+        "reflect": false
       },
       "subtitle": {
         "type": "string",
@@ -164,8 +163,7 @@ export class BiggiveBasicCard {
           "text": "Subtitle title"
         },
         "attribute": "subtitle",
-        "reflect": false,
-        "defaultValue": "null"
+        "reflect": false
       },
       "teaser": {
         "type": "string",
@@ -182,8 +180,7 @@ export class BiggiveBasicCard {
           "text": "Teaser"
         },
         "attribute": "teaser",
-        "reflect": false,
-        "defaultValue": "null"
+        "reflect": false
       },
       "icon": {
         "type": "boolean",
@@ -236,8 +233,7 @@ export class BiggiveBasicCard {
           "text": "Button label"
         },
         "attribute": "button-label",
-        "reflect": false,
-        "defaultValue": "null"
+        "reflect": false
       },
       "buttonUrl": {
         "type": "string",
@@ -254,8 +250,7 @@ export class BiggiveBasicCard {
           "text": "Button URL"
         },
         "attribute": "button-url",
-        "reflect": false,
-        "defaultValue": "null"
+        "reflect": false
       },
       "buttonColourScheme": {
         "type": "string",

package/dist/collection/components/biggive-beneficiary-icon/biggive-beneficiary-icon.js

@@ -5,7 +5,7 @@ export class BiggiveBeneficiaryIcon {
     this.backgroundColour = 'primary';
     this.iconColour = 'white';
     this.icon = 'Other';
-    this.label = null;
+    this.label = undefined;
     this.url = '#';
   }
   getBeneficiaryIcon() {
@@ -97,8 +97,7 @@ export class BiggiveBeneficiaryIcon {
           "text": "Label"
         },
         "attribute": "label",
-        "reflect": false,
-        "defaultValue": "null"
+        "reflect": false
       },
       "url": {
         "type": "string",

package/dist/collection/components/biggive-branded-image/biggive-branded-image.js

@@ -4,10 +4,10 @@ export class BiggiveBrandedImage {
     this.spaceBelow = 0;
     this.imageUrl = '';
     this.logoUrl = '';
-    this.slug = null;
-    this.charityName = null;
-    this.charityLocation = null;
-    this.charityUrl = null;
+    this.slug = undefined;
+    this.charityName = undefined;
+    this.charityLocation = undefined;
+    this.charityUrl = undefined;
   }
   render() {
     return (h("div", { class: 'container space-below-' + this.spaceBelow }, this.slug ? h("div", { class: "slug" }, this.slug) : null, this.imageUrl !== undefined && this.imageUrl !== null ? (h("div", { class: "image-wrap" }, h("img", { src: this.imageUrl }))) : null, this.logoUrl !== undefined && this.logoUrl !== null ? h("div", { class: "logo-wrap", style: { 'background-image': "url('" + this.logoUrl + "')" } }) : null, this.charityName !== undefined && this.charityName !== null ? (h("a", { id: "charityName", href: this.charityUrl, target: "_blank" }, this.charityName)) : null, this.charityLocation !== undefined && this.charityLocation !== null ? h("div", { class: "charity-info" }, this.charityLocation) : null));
@@ -95,8 +95,7 @@ export class BiggiveBrandedImage {
           "text": "Slug"
         },
         "attribute": "slug",
-        "reflect": false,
-        "defaultValue": "null"
+        "reflect": false
       },
       "charityName": {
         "type": "string",
@@ -113,8 +112,7 @@ export class BiggiveBrandedImage {
           "text": "Charity name"
         },
         "attribute": "charity-name",
-        "reflect": false,
-        "defaultValue": "null"
+        "reflect": false
       },
       "charityLocation": {
         "type": "string",
@@ -131,8 +129,7 @@ export class BiggiveBrandedImage {
           "text": "Charity location"
         },
         "attribute": "charity-location",
-        "reflect": false,
-        "defaultValue": "null"
+        "reflect": false
       },
       "charityUrl": {
         "type": "string",
@@ -149,8 +146,7 @@ export class BiggiveBrandedImage {
           "text": "Link to the charity's website"
         },
         "attribute": "charity-url",
-        "reflect": false,
-        "defaultValue": "null"
+        "reflect": false
       }
     };
   }

package/dist/collection/components/biggive-button/biggive-button.js

@@ -100,8 +100,7 @@ export class BiggiveButton {
           "text": "URL"
         },
         "attribute": "url",
-        "reflect": false,
-        "defaultValue": "undefined"
+        "reflect": false
       },
       "openInNewTab": {
         "type": "boolean",

package/dist/collection/components/biggive-call-to-action/biggive-call-to-action.js

@@ -6,20 +6,20 @@ export class BiggiveCallToAction {
     this.defaultTextColour = 'primary';
     this.slugSize = 4;
     this.slugColour = '';
-    this.slug = null;
+    this.slug = undefined;
     this.mainTitleColour = '';
     this.mainTitleSize = 2;
-    this.mainTitle = null;
+    this.mainTitle = undefined;
     this.subtitleSize = 4;
     this.subtitleColour = '';
-    this.subtitle = null;
+    this.subtitle = undefined;
     this.teaserColour = '';
-    this.teaser = null;
-    this.primaryButtonUrl = null;
-    this.primaryButtonLabel = null;
+    this.teaser = undefined;
+    this.primaryButtonUrl = undefined;
+    this.primaryButtonLabel = undefined;
     this.primaryButtonColourScheme = 'primary';
-    this.secondaryButtonUrl = null;
-    this.secondaryButtonLabel = null;
+    this.secondaryButtonUrl = undefined;
+    this.secondaryButtonLabel = undefined;
     this.secondaryButtonColourScheme = 'primary';
   }
   render() {
@@ -144,8 +144,7 @@ export class BiggiveCallToAction {
           "text": "Slug"
         },
         "attribute": "slug",
-        "reflect": false,
-        "defaultValue": "null"
+        "reflect": false
       },
       "mainTitleColour": {
         "type": "string",
@@ -198,8 +197,7 @@ export class BiggiveCallToAction {
           "text": "Main title"
         },
         "attribute": "main-title",
-        "reflect": false,
-        "defaultValue": "null"
+        "reflect": false
       },
       "subtitleSize": {
         "type": "number",
@@ -252,8 +250,7 @@ export class BiggiveCallToAction {
           "text": "Subtitle"
         },
         "attribute": "subtitle",
-        "reflect": false,
-        "defaultValue": "null"
+        "reflect": false
       },
       "teaserColour": {
         "type": "string",
@@ -288,8 +285,7 @@ export class BiggiveCallToAction {
           "text": "Teaser"
         },
         "attribute": "teaser",
-        "reflect": false,
-        "defaultValue": "null"
+        "reflect": false
       },
       "primaryButtonUrl": {
         "type": "string",
@@ -306,8 +302,7 @@ export class BiggiveCallToAction {
           "text": "Primary button Url"
         },
         "attribute": "primary-button-url",
-        "reflect": false,
-        "defaultValue": "null"
+        "reflect": false
       },
       "primaryButtonLabel": {
         "type": "string",
@@ -324,8 +319,7 @@ export class BiggiveCallToAction {
           "text": "Primary button Label"
         },
         "attribute": "primary-button-label",
-        "reflect": false,
-        "defaultValue": "null"
+        "reflect": false
       },
       "primaryButtonColourScheme": {
         "type": "string",
@@ -360,8 +354,7 @@ export class BiggiveCallToAction {
           "text": "Secondary button Url"
         },
         "attribute": "secondary-button-url",
-        "reflect": false,
-        "defaultValue": "null"
+        "reflect": false
       },
       "secondaryButtonLabel": {
         "type": "string",
@@ -378,8 +371,7 @@ export class BiggiveCallToAction {
           "text": "Secondary button Label"
         },
         "attribute": "secondary-button-label",
-        "reflect": false,
-        "defaultValue": "null"
+        "reflect": false
       },
       "secondaryButtonColourScheme": {
         "type": "string",

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

@@ -811,7 +811,7 @@ a:hover {
 .container .banner {
   top: 0;
   margin-top: 19px;
-  padding-bottom: 30.5555555556%;
+  padding-bottom: 30.555%;
   background-color: #F1F1F1;
   background-size: contain;
   background-repeat: no-repeat;

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

@@ -5,20 +5,20 @@ export class BiggiveCampaignCard {
       this.doCardGeneralClick.emit({ event, url: this.moreInfoButtonUrl });
     };
     this.spaceBelow = 4;
-    this.campaignType = null;
-    this.banner = null;
-    this.campaignTitle = null;
-    this.organisationName = null;
-    this.primaryFigureLabel = null;
-    this.primaryFigureAmount = null;
-    this.secondaryFigureLabel = null;
-    this.secondaryFigureAmount = null;
+    this.campaignType = undefined;
+    this.banner = undefined;
+    this.campaignTitle = undefined;
+    this.organisationName = undefined;
+    this.primaryFigureLabel = undefined;
+    this.primaryFigureAmount = undefined;
+    this.secondaryFigureLabel = undefined;
+    this.secondaryFigureAmount = undefined;
     this.progressBarCounter = 100;
     this.donateButtonLabel = 'Donate now';
-    this.donateButtonUrl = null;
+    this.donateButtonUrl = undefined;
     this.donateButtonColourScheme = 'primary';
     this.moreInfoButtonLabel = 'Find out more';
-    this.moreInfoButtonUrl = null;
+    this.moreInfoButtonUrl = undefined;
     this.moreInfoButtonColourScheme = 'clear-primary';
     this.isFutureCampaign = false;
     this.isPastCampaign = false;
@@ -74,8 +74,7 @@ export class BiggiveCampaignCard {
           "text": "e.g. \"Match Funded\"."
         },
         "attribute": "campaign-type",
-        "reflect": false,
-        "defaultValue": "null"
+        "reflect": false
       },
       "banner": {
         "type": "string",
@@ -92,8 +91,7 @@ export class BiggiveCampaignCard {
           "text": "Full URL of a banner image."
         },
         "attribute": "banner",
-        "reflect": false,
-        "defaultValue": "null"
+        "reflect": false
       },
       "campaignTitle": {
         "type": "string",
@@ -110,8 +108,7 @@ export class BiggiveCampaignCard {
           "text": "Display name of the charity's specific time-bound fundraising campaign."
         },
         "attribute": "campaign-title",
-        "reflect": false,
-        "defaultValue": "null"
+        "reflect": false
       },
       "organisationName": {
         "type": "string",
@@ -128,8 +125,7 @@ export class BiggiveCampaignCard {
           "text": "Display name of the charity or non-profit."
         },
         "attribute": "organisation-name",
-        "reflect": false,
-        "defaultValue": "null"
+        "reflect": false
       },
       "primaryFigureLabel": {
         "type": "string",
@@ -146,8 +142,7 @@ export class BiggiveCampaignCard {
           "text": "Label for the primary figure"
         },
         "attribute": "primary-figure-label",
-        "reflect": false,
-        "defaultValue": "null"
+        "reflect": false
       },
       "primaryFigureAmount": {
         "type": "string",
@@ -164,8 +159,7 @@ export class BiggiveCampaignCard {
           "text": "Amount for the primary figure, formatted with currency symbol"
         },
         "attribute": "primary-figure-amount",
-        "reflect": false,
-        "defaultValue": "null"
+        "reflect": false
       },
       "secondaryFigureLabel": {
         "type": "string",
@@ -182,8 +176,7 @@ export class BiggiveCampaignCard {
           "text": "Label for the secondary figure"
         },
         "attribute": "secondary-figure-label",
-        "reflect": false,
-        "defaultValue": "null"
+        "reflect": false
       },
       "secondaryFigureAmount": {
         "type": "string",
@@ -200,8 +193,7 @@ export class BiggiveCampaignCard {
           "text": "Amount for the secondary figure, formatted with currency symbol"
         },
         "attribute": "secondary-figure-amount",
-        "reflect": false,
-        "defaultValue": "null"
+        "reflect": false
       },
       "progressBarCounter": {
         "type": "number",
@@ -254,8 +246,7 @@ export class BiggiveCampaignCard {
           "text": "Donate button url"
         },
         "attribute": "donate-button-url",
-        "reflect": false,
-        "defaultValue": "null"
+        "reflect": false
       },
       "donateButtonColourScheme": {
         "type": "string",
@@ -308,8 +299,7 @@ export class BiggiveCampaignCard {
           "text": "More information button url"
         },
         "attribute": "more-info-button-url",
-        "reflect": false,
-        "defaultValue": "null"
+        "reflect": false
       },
       "moreInfoButtonColourScheme": {
         "type": "string",