@biggive/components 1.0.191 → 1.0.193

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

@@ -81,6 +81,7 @@ export class BiggiveCampaignCardFilterGrid {
       filterFunding: this.selectedFilterFunding,
       filterLocation: this.selectedFilterLocation,
     };
+    // @ts-ignore
     return event;
   }
   doOptionSelectCompletedHandler(event) {
@@ -117,7 +118,8 @@ export class BiggiveCampaignCardFilterGrid {
       this.selectedFilterCategory !== null || this.selectedFilterBeneficiary !== null || this.selectedFilterFunding !== null || this.selectedFilterLocation !== null;
   }
   render() {
-    return (h("div", { class: 'container space-below-' + this.spaceBelow }, h("div", { class: "sleeve" }, h("div", { class: "search-wrap" }, h("h4", null, this.intro), h("div", { class: "field-wrap" }, h("div", { class: "input-wrap" }, h("svg", { xmlns: "http://www.w3.org/2000/svg", class: "icon", viewBox: "0 0 512 512" }, h("path", { d: faMagnifyingGlass.icon[4].toString() })), h("input", { type: "text", value: this.searchText, class: "input-text", placeholder: this.placeholderText, onInput: this.handleSearchTextChanged, onKeyDown: this.handleEnterPressed })), h("biggive-button", { onClick: this.handleSearchButtonPressed, label: this.buttonText }))), h("div", { class: "sort-filter-wrap" }, h("div", { class: "clear-all" }, h("svg", { xmlns: "http://www.w3.org/2000/svg", class: "icon icon-clear-all", viewBox: "0 0 512 512" }, h("path", { d: faFilterSlash.icon[4].toString() })), h("a", { onClick: this.handleClearAll }, "Clear all")), h("div", { class: "sort-wrap" }, h("biggive-form-field-select", { placeholder: this.sortByPlaceholderText, selectedLabel: this.selectedSortByOption, id: "sort-by" }, h("biggive-form-field-select-option", { value: "amountRaised", label: "Most raised" }), h("biggive-form-field-select-option", { value: "matchFundsRemaining", label: "Match funds remaining" }), h("biggive-form-field-select-option", { value: "Relevance", label: "Relevance" }))), h("div", { class: "filter-wrap" }, h("biggive-button", { class: "filter", colourScheme: this.filtersApplied ? 'secondary' : 'primary', onClick: this.handleFilterButtonClick, label: "Filters", fullWidth: true, "space-below": "0" }), h("biggive-popup", { id: "filter-popup" }, h("h4", { class: "space-above-0 space-below-3 colour-primary" }, "Filters"), h("biggive-form-field-select", { placeholder: this.categoriesPlaceHolderText, selectedLabel: this.selectedFilterCategory, id: "categories", "space-below": "2" }, this.categoryOptions.length === 0
+    var _a;
+    return (h("div", { class: 'container space-below-' + this.spaceBelow }, h("div", { class: "sleeve" }, h("div", { class: "search-wrap" }, h("h4", null, this.intro), h("div", { class: "field-wrap" }, h("div", { class: "input-wrap" }, h("svg", { xmlns: "http://www.w3.org/2000/svg", class: "icon", viewBox: "0 0 512 512" }, h("path", { d: faMagnifyingGlass.icon[4].toString() })), h("input", { type: "text", value: (_a = this.searchText) !== null && _a !== void 0 ? _a : '', class: "input-text", placeholder: this.placeholderText, onInput: this.handleSearchTextChanged, onKeyDown: this.handleEnterPressed })), h("biggive-button", { onClick: this.handleSearchButtonPressed, label: this.buttonText }))), h("div", { class: "sort-filter-wrap" }, h("div", { class: "clear-all" }, h("svg", { xmlns: "http://www.w3.org/2000/svg", class: "icon icon-clear-all", viewBox: "0 0 512 512" }, h("path", { d: faFilterSlash.icon[4].toString() })), h("a", { onClick: this.handleClearAll }, "Clear all")), h("div", { class: "sort-wrap" }, h("biggive-form-field-select", { placeholder: this.sortByPlaceholderText, selectedLabel: this.selectedSortByOption, id: "sort-by" }, h("biggive-form-field-select-option", { value: "amountRaised", label: "Most raised" }), h("biggive-form-field-select-option", { value: "matchFundsRemaining", label: "Match funds remaining" }), h("biggive-form-field-select-option", { value: "Relevance", label: "Relevance" }))), h("div", { class: "filter-wrap" }, h("biggive-button", { class: "filter", colourScheme: this.filtersApplied ? 'secondary' : 'primary', onClick: this.handleFilterButtonClick, label: "Filters", fullWidth: true, "space-below": "0" }), h("biggive-popup", { id: "filter-popup" }, h("h4", { class: "space-above-0 space-below-3 colour-primary" }, "Filters"), h("biggive-form-field-select", { placeholder: this.categoriesPlaceHolderText, selectedLabel: this.selectedFilterCategory, id: "categories", "space-below": "2" }, this.categoryOptions.length === 0
       ? undefined
       : (Array.isArray(this.categoryOptions) ? this.categoryOptions : JSON.parse(this.categoryOptions)).map(option => (h("biggive-form-field-select-option", { value: option, label: option })))), h("biggive-form-field-select", { placeholder: this.beneficiariesPlaceHolderText, selectedLabel: this.selectedFilterBeneficiary, id: "beneficiaries", "space-below": "2" }, this.beneficiaryOptions.length === 0
       ? undefined
@@ -181,8 +183,8 @@ export class BiggiveCampaignCardFilterGrid {
         "type": "string",
         "mutable": false,
         "complexType": {
-          "original": "string",
-          "resolved": "string",
+          "original": "string | null",
+          "resolved": "null | string",
           "references": {}
         },
         "required": false,
@@ -307,8 +309,8 @@ export class BiggiveCampaignCardFilterGrid {
         "type": "string",
         "mutable": false,
         "complexType": {
-          "original": "'Most raised' | 'Match funds remaining' | 'Relevance'",
-          "resolved": "\"Match funds remaining\" | \"Most raised\" | \"Relevance\"",
+          "original": "'Most raised' | 'Match funds remaining' | 'Relevance' | null",
+          "resolved": "\"Match funds remaining\" | \"Most raised\" | \"Relevance\" | null",
           "references": {}
         },
         "required": false,
@@ -325,8 +327,8 @@ export class BiggiveCampaignCardFilterGrid {
         "type": "string",
         "mutable": false,
         "complexType": {
-          "original": "string",
-          "resolved": "string",
+          "original": "string | null",
+          "resolved": "null | string",
           "references": {}
         },
         "required": false,
@@ -343,8 +345,8 @@ export class BiggiveCampaignCardFilterGrid {
         "type": "string",
         "mutable": false,
         "complexType": {
-          "original": "string",
-          "resolved": "string",
+          "original": "string | null",
+          "resolved": "null | string",
           "references": {}
         },
         "required": false,
@@ -361,8 +363,8 @@ export class BiggiveCampaignCardFilterGrid {
         "type": "string",
         "mutable": false,
         "complexType": {
-          "original": "string",
-          "resolved": "string",
+          "original": "string | null",
+          "resolved": "null | string",
           "references": {}
         },
         "required": false,
@@ -379,8 +381,8 @@ export class BiggiveCampaignCardFilterGrid {
         "type": "string",
         "mutable": false,
         "complexType": {
-          "original": "string",
-          "resolved": "string",
+          "original": "string | null",
+          "resolved": "null | string",
           "references": {}
         },
         "required": false,
@@ -412,8 +414,8 @@ export class BiggiveCampaignCardFilterGrid {
           "text": "This event `doSearchAndFilterUpdate` event is emitted and propogates to the parent\ncomponent which handles it"
         },
         "complexType": {
-          "original": "{\n    searchText: string;\n    sortBy: string;\n    filterCategory: string;\n    filterBeneficiary: string;\n    filterLocation: string;\n    filterFunding: string;\n  }",
-          "resolved": "{ searchText: string; sortBy: string; filterCategory: string; filterBeneficiary: string; filterLocation: string; filterFunding: string; }",
+          "original": "{\n    searchText: string | null;\n    sortBy: string | null;\n    filterCategory: string | null;\n    filterBeneficiary: string | null;\n    filterLocation: string | null;\n    filterFunding: string | null;\n  }",
+          "resolved": "{ searchText: string | null; sortBy: string | null; filterCategory: string | null; filterBeneficiary: string | null; filterLocation: string | null; filterFunding: string | null; }",
           "references": {}
         }
       }];

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

@@ -800,7 +800,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-highlights/biggive-campaign-highlights.js

@@ -2,19 +2,19 @@ import { h } from '@stencil/core';
 export class BiggiveCampaignHighlights {
   constructor() {
     this.spaceBelow = 0;
-    this.banner = null;
-    this.campaignTitle = null;
-    this.primaryFigureLabel = null;
-    this.primaryFigureAmount = null;
-    this.secondaryFigureLabel = null;
-    this.secondaryFigureAmount = null;
+    this.banner = undefined;
+    this.campaignTitle = undefined;
+    this.primaryFigureLabel = undefined;
+    this.primaryFigureAmount = undefined;
+    this.secondaryFigureLabel = undefined;
+    this.secondaryFigureAmount = undefined;
     this.progressBarCounter = 100;
-    this.primaryStatIcon = null;
-    this.primaryStatText = null;
-    this.secondaryStatIcon = null;
-    this.secondaryStatText = null;
-    this.championName = null;
-    this.championUrl = null;
+    this.primaryStatIcon = undefined;
+    this.primaryStatText = undefined;
+    this.secondaryStatIcon = undefined;
+    this.secondaryStatText = undefined;
+    this.championName = undefined;
+    this.championUrl = undefined;
   }
   render() {
     return (h("div", { class: 'container space-below-' + this.spaceBelow }, h("div", { class: "sleeve" }, this.campaignTitle != null ? (h("div", { class: "campaign-title" }, h("span", null, this.campaignTitle))) : null, this.banner !== null && this.banner !== undefined ? (h("div", { class: "image-wrap banner", style: { 'background-image': 'url(' + this.banner + ')' } }, h("img", { src: this.banner, class: "banner" }))) : null, h("div", { class: "meta-wrap" }, h("div", { class: "meta-item" }, h("span", { class: "label" }, this.primaryFigureLabel), h("span", { class: "text" }, this.primaryFigureAmount)), h("div", { class: "meta-item" }, h("span", { class: "label" }, this.secondaryFigureLabel), h("span", { class: "text" }, this.secondaryFigureAmount))), h("div", { class: "progress-bar-wrap" }, h("biggive-progress-bar", { counter: this.progressBarCounter, "colour-scheme": "primary" })), h("div", { class: "stat-wrap" }, this.primaryStatIcon != null ? (h("div", { class: "stat-item" }, h("biggive-misc-icon", { icon: this.primaryStatIcon, "background-colour": "white", "icon-colour": "tertiary" }), h("span", { class: "label" }, this.primaryStatText))) : null, this.secondaryStatIcon != null ? (h("div", { class: "stat-item" }, h("biggive-misc-icon", { icon: this.secondaryStatIcon, "background-colour": "white", "icon-colour": "tertiary" }), h("span", { class: "label" }, this.secondaryStatText))) : null), this.championName != null ? (h("div", { class: "championed-by" }, "Championed by ", h("a", { href: this.championUrl }, this.championName))) : null)));
@@ -66,8 +66,7 @@ export class BiggiveCampaignHighlights {
           "text": "Full URL of a banner image."
         },
         "attribute": "banner",
-        "reflect": false,
-        "defaultValue": "null"
+        "reflect": false
       },
       "campaignTitle": {
         "type": "string",
@@ -84,8 +83,7 @@ export class BiggiveCampaignHighlights {
           "text": "Display name of the charity's specific time-bound fundraising campaign."
         },
         "attribute": "campaign-title",
-        "reflect": false,
-        "defaultValue": "null"
+        "reflect": false
       },
       "primaryFigureLabel": {
         "type": "string",
@@ -102,8 +100,7 @@ export class BiggiveCampaignHighlights {
           "text": "Label for the primary figure"
         },
         "attribute": "primary-figure-label",
-        "reflect": false,
-        "defaultValue": "null"
+        "reflect": false
       },
       "primaryFigureAmount": {
         "type": "string",
@@ -120,8 +117,7 @@ export class BiggiveCampaignHighlights {
           "text": "Amount for the primary figure, formatted with currency symbol"
         },
         "attribute": "primary-figure-amount",
-        "reflect": false,
-        "defaultValue": "null"
+        "reflect": false
       },
       "secondaryFigureLabel": {
         "type": "string",
@@ -138,8 +134,7 @@ export class BiggiveCampaignHighlights {
           "text": "Label for the secondary figure"
         },
         "attribute": "secondary-figure-label",
-        "reflect": false,
-        "defaultValue": "null"
+        "reflect": false
       },
       "secondaryFigureAmount": {
         "type": "string",
@@ -156,8 +151,7 @@ export class BiggiveCampaignHighlights {
           "text": "Amount for the secondary figure, formatted with currency symbol"
         },
         "attribute": "secondary-figure-amount",
-        "reflect": false,
-        "defaultValue": "null"
+        "reflect": false
       },
       "progressBarCounter": {
         "type": "number",
@@ -192,8 +186,7 @@ export class BiggiveCampaignHighlights {
           "text": "Primary stat icon"
         },
         "attribute": "primary-stat-icon",
-        "reflect": false,
-        "defaultValue": "null"
+        "reflect": false
       },
       "primaryStatText": {
         "type": "string",
@@ -210,8 +203,7 @@ export class BiggiveCampaignHighlights {
           "text": "Primary stat text"
         },
         "attribute": "primary-stat-text",
-        "reflect": false,
-        "defaultValue": "null"
+        "reflect": false
       },
       "secondaryStatIcon": {
         "type": "string",
@@ -228,8 +220,7 @@ export class BiggiveCampaignHighlights {
           "text": "Secondary stat icon"
         },
         "attribute": "secondary-stat-icon",
-        "reflect": false,
-        "defaultValue": "null"
+        "reflect": false
       },
       "secondaryStatText": {
         "type": "string",
@@ -246,8 +237,7 @@ export class BiggiveCampaignHighlights {
           "text": "Secondary stat text"
         },
         "attribute": "secondary-stat-text",
-        "reflect": false,
-        "defaultValue": "null"
+        "reflect": false
       },
       "championName": {
         "type": "string",
@@ -264,8 +254,7 @@ export class BiggiveCampaignHighlights {
           "text": "Champion's name"
         },
         "attribute": "champion-name",
-        "reflect": false,
-        "defaultValue": "null"
+        "reflect": false
       },
       "championUrl": {
         "type": "string",
@@ -282,8 +271,7 @@ export class BiggiveCampaignHighlights {
           "text": "Link to all meta-campaigns funded by this champion.\nFor example: /christmas-challenge-2022/the-reed-foundation-22\nIn other words, it follows the following format:\n'/' + campaign.parentRef + '/' + campaign.championRef"
         },
         "attribute": "champion-url",
-        "reflect": false,
-        "defaultValue": "null"
+        "reflect": false
       }
     };
   }

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

@@ -4,8 +4,8 @@ export class BiggiveCategoryIcon {
   constructor() {
     this.backgroundColour = 'primary';
     this.iconColour = 'white';
-    this.icon = null;
-    this.label = null;
+    this.icon = undefined;
+    this.label = undefined;
     this.url = '#';
   }
   getCategoryIcon() {
@@ -79,8 +79,7 @@ export class BiggiveCategoryIcon {
           "text": "Icon"
         },
         "attribute": "icon",
-        "reflect": false,
-        "defaultValue": "null"
+        "reflect": false
       },
       "label": {
         "type": "string",
@@ -97,8 +96,7 @@ export class BiggiveCategoryIcon {
           "text": "Label"
         },
         "attribute": "label",
-        "reflect": false,
-        "defaultValue": "null"
+        "reflect": false
       },
       "url": {
         "type": "string",

package/dist/collection/components/biggive-form-field-select/biggive-form-field-select.js

@@ -1,10 +1,10 @@
 import { h } from '@stencil/core';
 export class BiggiveFormFieldSelect {
   constructor() {
-    this.selectedValue = null;
-    this.selectedLabel = null;
+    this.selectedValue = undefined;
+    this.selectedLabel = undefined;
     this.spaceBelow = 0;
-    this.placeholder = null;
+    this.placeholder = undefined;
   }
   doOptionSelectCompletedHandler(event) {
     this.selectedValue = event.detail.value;
@@ -51,8 +51,8 @@ export class BiggiveFormFieldSelect {
         "type": "string",
         "mutable": false,
         "complexType": {
-          "original": "string",
-          "resolved": "string",
+          "original": "string | null",
+          "resolved": "null | string",
           "references": {}
         },
         "required": false,
@@ -62,15 +62,14 @@ export class BiggiveFormFieldSelect {
           "text": ""
         },
         "attribute": "selected-value",
-        "reflect": false,
-        "defaultValue": "null"
+        "reflect": false
       },
       "selectedLabel": {
         "type": "string",
         "mutable": false,
         "complexType": {
-          "original": "string",
-          "resolved": "string",
+          "original": "string | null",
+          "resolved": "null | string",
           "references": {}
         },
         "required": false,
@@ -80,8 +79,7 @@ export class BiggiveFormFieldSelect {
           "text": ""
         },
         "attribute": "selected-label",
-        "reflect": false,
-        "defaultValue": "null"
+        "reflect": false
       },
       "spaceBelow": {
         "type": "number",
@@ -116,8 +114,7 @@ export class BiggiveFormFieldSelect {
           "text": "Placeholder"
         },
         "attribute": "placeholder",
-        "reflect": false,
-        "defaultValue": "null"
+        "reflect": false
       }
     };
   }

package/dist/collection/components/biggive-form-field-select-option/biggive-form-field-select-option.js

@@ -7,10 +7,10 @@ export class BiggiveFormFieldSelectOption {
       var keyValuePair = { value: this.selectedValue, label: this.selectedLabel };
       this.doOptionSelect.emit(keyValuePair);
     };
-    this.selectedValue = null;
-    this.selectedLabel = null;
-    this.label = null;
-    this.value = null;
+    this.selectedValue = undefined;
+    this.selectedLabel = undefined;
+    this.label = undefined;
+    this.value = undefined;
   }
   render() {
     return (h("div", { class: "option", "data-value": this.value, onClick: this.optionSelected }, this.label));
@@ -44,8 +44,7 @@ export class BiggiveFormFieldSelectOption {
           "text": "Label"
         },
         "attribute": "label",
-        "reflect": false,
-        "defaultValue": "null"
+        "reflect": false
       },
       "value": {
         "type": "string",
@@ -62,8 +61,7 @@ export class BiggiveFormFieldSelectOption {
           "text": "Value"
         },
         "attribute": "value",
-        "reflect": false,
-        "defaultValue": "null"
+        "reflect": false
       }
     };
   }

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

@@ -4,19 +4,19 @@ export class BiggiveHeroImage {
   constructor() {
     this.spaceBelow = 0;
     this.colourScheme = 'primary';
-    this.slug = null;
-    this.slugColour = null;
+    this.slug = undefined;
+    this.slugColour = undefined;
     this.logo = '';
     this.logoAltText = '';
     this.mainImage = null;
     this.mainImageAlignHorizontal = 'center';
     this.mainImageAlignVertical = 'center';
-    this.mainTitle = null;
-    this.mainTitleColour = null;
-    this.teaser = null;
-    this.teaserColour = null;
-    this.buttonUrl = null;
-    this.buttonLabel = null;
+    this.mainTitle = undefined;
+    this.mainTitleColour = undefined;
+    this.teaser = undefined;
+    this.teaserColour = undefined;
+    this.buttonUrl = undefined;
+    this.buttonLabel = undefined;
     this.buttonColourScheme = 'primary';
   }
   render() {
@@ -89,8 +89,7 @@ export class BiggiveHeroImage {
           "text": "Header slug"
         },
         "attribute": "slug",
-        "reflect": false,
-        "defaultValue": "null"
+        "reflect": false
       },
       "slugColour": {
         "type": "string",
@@ -107,8 +106,7 @@ export class BiggiveHeroImage {
           "text": "Header slug colour"
         },
         "attribute": "slug-colour",
-        "reflect": false,
-        "defaultValue": "null"
+        "reflect": false
       },
       "logo": {
         "type": "string",
@@ -151,7 +149,7 @@ export class BiggiveHeroImage {
         "mutable": false,
         "complexType": {
           "original": "string|null",
-          "resolved": "string",
+          "resolved": "null | string",
           "references": {}
         },
         "required": false,
@@ -215,8 +213,7 @@ export class BiggiveHeroImage {
           "text": "Hero image title, typically the page."
         },
         "attribute": "main-title",
-        "reflect": false,
-        "defaultValue": "null"
+        "reflect": false
       },
       "mainTitleColour": {
         "type": "string",
@@ -233,8 +230,7 @@ export class BiggiveHeroImage {
           "text": "Main title colour"
         },
         "attribute": "main-title-colour",
-        "reflect": false,
-        "defaultValue": "null"
+        "reflect": false
       },
       "teaser": {
         "type": "string",
@@ -251,8 +247,7 @@ export class BiggiveHeroImage {
           "text": "Introductory teaser text"
         },
         "attribute": "teaser",
-        "reflect": false,
-        "defaultValue": "null"
+        "reflect": false
       },
       "teaserColour": {
         "type": "string",
@@ -269,8 +264,7 @@ export class BiggiveHeroImage {
           "text": "Teaser colour"
         },
         "attribute": "teaser-colour",
-        "reflect": false,
-        "defaultValue": "null"
+        "reflect": false
       },
       "buttonUrl": {
         "type": "string",
@@ -287,8 +281,7 @@ export class BiggiveHeroImage {
           "text": "Button Url"
         },
         "attribute": "button-url",
-        "reflect": false,
-        "defaultValue": "null"
+        "reflect": false
       },
       "buttonLabel": {
         "type": "string",
@@ -305,8 +298,7 @@ export class BiggiveHeroImage {
           "text": "Button Label"
         },
         "attribute": "button-label",
-        "reflect": false,
-        "defaultValue": "null"
+        "reflect": false
       },
       "buttonColourScheme": {
         "type": "string",

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

@@ -2,7 +2,7 @@ import { h } from '@stencil/core';
 export class BiggiveIconGroup {
   constructor() {
     this.spaceBelow = 0;
-    this.label = null;
+    this.label = undefined;
   }
   render() {
     return (h("div", { class: 'container space-below-' + this.spaceBelow }, this.label != null ? h("div", { class: "label" }, this.label) : null, h("div", { class: "sleeve" }, h("slot", null))));
@@ -54,8 +54,7 @@ export class BiggiveIconGroup {
           "text": "Label"
         },
         "attribute": "label",
-        "reflect": false,
-        "defaultValue": "null"
+        "reflect": false
       }
     };
   }

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

@@ -5,14 +5,14 @@ export class BiggiveImageFeature {
     this.defaultTextColour = 'primary';
     this.imageUrl = '';
     this.imageAltText = '';
-    this.slug = null;
+    this.slug = undefined;
     this.slugColour = '';
-    this.mainTitle = null;
+    this.mainTitle = undefined;
     this.mainTitleColour = '';
-    this.teaser = null;
+    this.teaser = undefined;
     this.teaserColour = '';
-    this.buttonUrl = null;
-    this.buttonLabel = null;
+    this.buttonUrl = undefined;
+    this.buttonLabel = undefined;
     this.buttonColourScheme = 'primary';
   }
   render() {
@@ -119,8 +119,7 @@ export class BiggiveImageFeature {
           "text": "Slug"
         },
         "attribute": "slug",
-        "reflect": false,
-        "defaultValue": "null"
+        "reflect": false
       },
       "slugColour": {
         "type": "string",
@@ -155,8 +154,7 @@ export class BiggiveImageFeature {
           "text": "Video title"
         },
         "attribute": "main-title",
-        "reflect": false,
-        "defaultValue": "null"
+        "reflect": false
       },
       "mainTitleColour": {
         "type": "string",
@@ -191,8 +189,7 @@ export class BiggiveImageFeature {
           "text": "Introductory teaser text"
         },
         "attribute": "teaser",
-        "reflect": false,
-        "defaultValue": "null"
+        "reflect": false
       },
       "teaserColour": {
         "type": "string",
@@ -227,8 +224,7 @@ export class BiggiveImageFeature {
           "text": "Button Url"
         },
         "attribute": "button-url",
-        "reflect": false,
-        "defaultValue": "null"
+        "reflect": false
       },
       "buttonLabel": {
         "type": "string",
@@ -245,8 +241,7 @@ export class BiggiveImageFeature {
           "text": "Button Label"
         },
         "attribute": "button-label",
-        "reflect": false,
-        "defaultValue": "null"
+        "reflect": false
       },
       "buttonColourScheme": {
         "type": "string",

package/dist/collection/components/biggive-main-menu/biggive-main-menu.css

@@ -993,6 +993,12 @@ nav .navbar .bx-menu {
     display: none;
   }
 
+  nav {
+    height: 60px;
+  }
+  nav .navbar {
+    padding: 0px 25px;
+  }
   nav .navbar .bx-menu {
     display: block;
     font-size: 25px;
@@ -1003,7 +1009,7 @@ nav .navbar .bx-menu {
     top: 0;
     left: -100%;
     display: block;
-    max-width: 350px;
+    max-width: 450px;
     width: 100%;
     background: white;
     line-height: 40px;

package/dist/collection/components/biggive-main-menu/biggive-main-menu.js

@@ -48,8 +48,9 @@ export class BiggiveMainMenu {
   componentDidRender() {
     const subMenuElements = this.host.querySelectorAll('.sub-menu');
     subMenuElements.forEach(subMenuElement => {
+      var _a;
       // the subMenuLink is a sibling element to the actual sub-menu
-      const subMenuLink = subMenuElement.parentElement.querySelector('a');
+      const subMenuLink = (_a = subMenuElement.parentElement) === null || _a === void 0 ? void 0 : _a.querySelector('a');
       subMenuLink.onclick = () => {
         const subMenuArrow = subMenuLink.querySelector('.sub-menu-arrow');
         subMenuArrow.classList.toggle('transform-90');
@@ -70,7 +71,7 @@ export class BiggiveMainMenu {
     this.appendNavSecondaryLinks();
   }
   render() {
-    return (h(Host, null, h("div", { class: "row row-top" }, h("div", { class: "social-icon-wrap" }, h("slot", { name: "social-icons" })), h("div", { class: "nav-secondary" })), h("nav", { role: "navigation" }, h("div", { class: "navbar" }, h("biggive-misc-icon", { class: "bx bx-menu", "background-colour": "white", "icon-colour": "black", icon: "MenuOpen", onClick: this.openMobileMenu }), h("div", { class: "logo" }, h("a", { href: "#" }, h("svg", { version: "1.1", x: "0px", y: "0px", viewBox: "0 0 140.9 30" }, h("path", { d: "M51.9,6.1c-1.7,0-3.1-1.4-3.1-3s1.4-3,3.1-3C53.6,0,55,1.4,55,3S53.6,6.1,51.9,6.1z M49.3,23.8h5V7.7h-5V23.8z M68.5,7.7v1 c-0.8-0.7-2.3-1.4-4.1-1.4c-4.5,0-8.2,3.2-8.2,7.9c0,4.7,3.7,7.9,8.2,7.9c1.8,0,3.4-0.5,4.1-1.4v0.9c0,2.1-1.9,3.1-4.4,3.1 c-2.2,0-4-0.5-5.8-1.4V29c2.1,0.7,4.4,1,6,1c5,0,9.2-2,9.2-7.3v-15L68.5,7.7L68.5,7.7z M68.5,17.2c-0.7,1-1.9,1.4-3.2,1.4 c-2.1,0-3.8-1.2-3.8-3.4c0-2.2,1.7-3.4,3.8-3.4c1.3,0,2.5,0.6,3.2,1.5V17.2z M88.1,24.2c4,0,6.4-0.7,8.5-2V10h-11v4.7h5.8v4.1 c-0.8,0.2-1.8,0.4-3.2,0.4c-4.9,0-7.3-3.2-7.3-6.8c0-3.7,2.8-6.8,8-6.8c2.2,0,4.3,0.6,5.8,1.4V1.7c-1.5-0.6-3.4-1.1-6.1-1.1 c-7.6,0-13,5.3-13,11.8C75.5,19.1,80.4,24.2,88.1,24.2z M101.4,6.1c-1.7,0-3.1-1.4-3.1-3s1.4-3,3.1-3c1.8,0,3.2,1.4,3.2,3 S103.1,6.1,101.4,6.1z M98.8,23.8h5V7.7h-5V23.8z M115.1,15l-4.3-7.2H105l10.1,16.4l10.1-16.4h-5.8L115.1,15z M129.3,16.9h11.6 c0.1-7-4.2-9.5-8.4-9.5c-4.5,0-8.5,2.6-8.6,8.4c0,5.6,4.1,8.4,9.1,8.4c2.2,0,4.4-0.3,6.4-1.3v-4.4c-2.5,1.4-4.1,1.4-5.6,1.4 C131.7,19.8,129.5,19.2,129.3,16.9z M132.5,11.1c1.5,0,2.8,0.7,3,2.7h-6.2C129.6,11.9,131,11.1,132.5,11.1z M43.5,11.4 c1.2-1,1.8-2.4,1.8-4c0-3.1-3-6.3-7.3-6.3h-8v22.8h10.4c4.1,0,7.2-3,7.2-6.8C47.5,14.8,46.5,12.3,43.5,11.4z M35.2,5.7h2.4 C39,5.7,40,6.8,40,8c0,1.2-1,2.2-2.5,2.2h-2.4V5.7z M39.9,19.2h-4.7v-4.6h4.7c1.4,0,2.5,1,2.5,2.3C42.4,18.1,41.3,19.2,39.9,19.2z" }), h("path", { d: "M13.5,1l13.5,23H0L13.5,1z" })))), h("div", { class: "nav-links" }, h("div", { class: "sidebar-logo" }, h("a", { href: "/" }, h("svg", { version: "1.1", x: "0px", y: "0px", viewBox: "0 0 140.9 30", id: "mobileLogo" }, h("path", { d: "M51.9,6.1c-1.7,0-3.1-1.4-3.1-3s1.4-3,3.1-3C53.6,0,55,1.4,55,3S53.6,6.1,51.9,6.1z M49.3,23.8h5V7.7h-5V23.8z M68.5,7.7v1 c-0.8-0.7-2.3-1.4-4.1-1.4c-4.5,0-8.2,3.2-8.2,7.9c0,4.7,3.7,7.9,8.2,7.9c1.8,0,3.4-0.5,4.1-1.4v0.9c0,2.1-1.9,3.1-4.4,3.1 c-2.2,0-4-0.5-5.8-1.4V29c2.1,0.7,4.4,1,6,1c5,0,9.2-2,9.2-7.3v-15L68.5,7.7L68.5,7.7z M68.5,17.2c-0.7,1-1.9,1.4-3.2,1.4 c-2.1,0-3.8-1.2-3.8-3.4c0-2.2,1.7-3.4,3.8-3.4c1.3,0,2.5,0.6,3.2,1.5V17.2z M88.1,24.2c4,0,6.4-0.7,8.5-2V10h-11v4.7h5.8v4.1 c-0.8,0.2-1.8,0.4-3.2,0.4c-4.9,0-7.3-3.2-7.3-6.8c0-3.7,2.8-6.8,8-6.8c2.2,0,4.3,0.6,5.8,1.4V1.7c-1.5-0.6-3.4-1.1-6.1-1.1 c-7.6,0-13,5.3-13,11.8C75.5,19.1,80.4,24.2,88.1,24.2z M101.4,6.1c-1.7,0-3.1-1.4-3.1-3s1.4-3,3.1-3c1.8,0,3.2,1.4,3.2,3 S103.1,6.1,101.4,6.1z M98.8,23.8h5V7.7h-5V23.8z M115.1,15l-4.3-7.2H105l10.1,16.4l10.1-16.4h-5.8L115.1,15z M129.3,16.9h11.6 c0.1-7-4.2-9.5-8.4-9.5c-4.5,0-8.5,2.6-8.6,8.4c0,5.6,4.1,8.4,9.1,8.4c2.2,0,4.4-0.3,6.4-1.3v-4.4c-2.5,1.4-4.1,1.4-5.6,1.4 C131.7,19.8,129.5,19.2,129.3,16.9z M132.5,11.1c1.5,0,2.8,0.7,3,2.7h-6.2C129.6,11.9,131,11.1,132.5,11.1z M43.5,11.4 c1.2-1,1.8-2.4,1.8-4c0-3.1-3-6.3-7.3-6.3h-8v22.8h10.4c4.1,0,7.2-3,7.2-6.8C47.5,14.8,46.5,12.3,43.5,11.4z M35.2,5.7h2.4 C39,5.7,40,6.8,40,8c0,1.2-1,2.2-2.5,2.2h-2.4V5.7z M39.9,19.2h-4.7v-4.6h4.7c1.4,0,2.5,1,2.5,2.3C42.4,18.1,41.3,19.2,39.9,19.2z" }), h("path", { d: "M13.5,1l13.5,23H0L13.5,1z" }))), h("biggive-misc-icon", { class: "bx bx-x", "background-colour": "transparent", "icon-colour": "black", icon: "MenuClose", onClick: this.closeMobileMenu })), h("div", { id: "nav-primary" }), h("div", { class: "mobile-social-icon-wrap mobile-only" }, h("slot", { name: "mobile-social-icons" })))))));
+    return (h(Host, null, h("div", { class: "row row-top" }, h("div", { class: "social-icon-wrap" }, h("slot", { name: "social-icons" })), h("div", { class: "nav-secondary" })), h("nav", { role: "navigation" }, h("div", { class: "navbar" }, h("div", { class: "logo" }, h("a", { href: "#" }, h("svg", { version: "1.1", x: "0px", y: "0px", viewBox: "0 0 140.9 30" }, h("path", { d: "M51.9,6.1c-1.7,0-3.1-1.4-3.1-3s1.4-3,3.1-3C53.6,0,55,1.4,55,3S53.6,6.1,51.9,6.1z M49.3,23.8h5V7.7h-5V23.8z M68.5,7.7v1 c-0.8-0.7-2.3-1.4-4.1-1.4c-4.5,0-8.2,3.2-8.2,7.9c0,4.7,3.7,7.9,8.2,7.9c1.8,0,3.4-0.5,4.1-1.4v0.9c0,2.1-1.9,3.1-4.4,3.1 c-2.2,0-4-0.5-5.8-1.4V29c2.1,0.7,4.4,1,6,1c5,0,9.2-2,9.2-7.3v-15L68.5,7.7L68.5,7.7z M68.5,17.2c-0.7,1-1.9,1.4-3.2,1.4 c-2.1,0-3.8-1.2-3.8-3.4c0-2.2,1.7-3.4,3.8-3.4c1.3,0,2.5,0.6,3.2,1.5V17.2z M88.1,24.2c4,0,6.4-0.7,8.5-2V10h-11v4.7h5.8v4.1 c-0.8,0.2-1.8,0.4-3.2,0.4c-4.9,0-7.3-3.2-7.3-6.8c0-3.7,2.8-6.8,8-6.8c2.2,0,4.3,0.6,5.8,1.4V1.7c-1.5-0.6-3.4-1.1-6.1-1.1 c-7.6,0-13,5.3-13,11.8C75.5,19.1,80.4,24.2,88.1,24.2z M101.4,6.1c-1.7,0-3.1-1.4-3.1-3s1.4-3,3.1-3c1.8,0,3.2,1.4,3.2,3 S103.1,6.1,101.4,6.1z M98.8,23.8h5V7.7h-5V23.8z M115.1,15l-4.3-7.2H105l10.1,16.4l10.1-16.4h-5.8L115.1,15z M129.3,16.9h11.6 c0.1-7-4.2-9.5-8.4-9.5c-4.5,0-8.5,2.6-8.6,8.4c0,5.6,4.1,8.4,9.1,8.4c2.2,0,4.4-0.3,6.4-1.3v-4.4c-2.5,1.4-4.1,1.4-5.6,1.4 C131.7,19.8,129.5,19.2,129.3,16.9z M132.5,11.1c1.5,0,2.8,0.7,3,2.7h-6.2C129.6,11.9,131,11.1,132.5,11.1z M43.5,11.4 c1.2-1,1.8-2.4,1.8-4c0-3.1-3-6.3-7.3-6.3h-8v22.8h10.4c4.1,0,7.2-3,7.2-6.8C47.5,14.8,46.5,12.3,43.5,11.4z M35.2,5.7h2.4 C39,5.7,40,6.8,40,8c0,1.2-1,2.2-2.5,2.2h-2.4V5.7z M39.9,19.2h-4.7v-4.6h4.7c1.4,0,2.5,1,2.5,2.3C42.4,18.1,41.3,19.2,39.9,19.2z" }), h("path", { d: "M13.5,1l13.5,23H0L13.5,1z" })))), h("biggive-misc-icon", { class: "bx bx-menu", "background-colour": "white", "icon-colour": "black", icon: "MenuOpen", onClick: this.openMobileMenu }), h("div", { class: "nav-links" }, h("div", { class: "sidebar-logo" }, h("a", { href: "/" }, h("svg", { version: "1.1", x: "0px", y: "0px", viewBox: "0 0 140.9 30", id: "mobileLogo" }, h("path", { d: "M51.9,6.1c-1.7,0-3.1-1.4-3.1-3s1.4-3,3.1-3C53.6,0,55,1.4,55,3S53.6,6.1,51.9,6.1z M49.3,23.8h5V7.7h-5V23.8z M68.5,7.7v1 c-0.8-0.7-2.3-1.4-4.1-1.4c-4.5,0-8.2,3.2-8.2,7.9c0,4.7,3.7,7.9,8.2,7.9c1.8,0,3.4-0.5,4.1-1.4v0.9c0,2.1-1.9,3.1-4.4,3.1 c-2.2,0-4-0.5-5.8-1.4V29c2.1,0.7,4.4,1,6,1c5,0,9.2-2,9.2-7.3v-15L68.5,7.7L68.5,7.7z M68.5,17.2c-0.7,1-1.9,1.4-3.2,1.4 c-2.1,0-3.8-1.2-3.8-3.4c0-2.2,1.7-3.4,3.8-3.4c1.3,0,2.5,0.6,3.2,1.5V17.2z M88.1,24.2c4,0,6.4-0.7,8.5-2V10h-11v4.7h5.8v4.1 c-0.8,0.2-1.8,0.4-3.2,0.4c-4.9,0-7.3-3.2-7.3-6.8c0-3.7,2.8-6.8,8-6.8c2.2,0,4.3,0.6,5.8,1.4V1.7c-1.5-0.6-3.4-1.1-6.1-1.1 c-7.6,0-13,5.3-13,11.8C75.5,19.1,80.4,24.2,88.1,24.2z M101.4,6.1c-1.7,0-3.1-1.4-3.1-3s1.4-3,3.1-3c1.8,0,3.2,1.4,3.2,3 S103.1,6.1,101.4,6.1z M98.8,23.8h5V7.7h-5V23.8z M115.1,15l-4.3-7.2H105l10.1,16.4l10.1-16.4h-5.8L115.1,15z M129.3,16.9h11.6 c0.1-7-4.2-9.5-8.4-9.5c-4.5,0-8.5,2.6-8.6,8.4c0,5.6,4.1,8.4,9.1,8.4c2.2,0,4.4-0.3,6.4-1.3v-4.4c-2.5,1.4-4.1,1.4-5.6,1.4 C131.7,19.8,129.5,19.2,129.3,16.9z M132.5,11.1c1.5,0,2.8,0.7,3,2.7h-6.2C129.6,11.9,131,11.1,132.5,11.1z M43.5,11.4 c1.2-1,1.8-2.4,1.8-4c0-3.1-3-6.3-7.3-6.3h-8v22.8h10.4c4.1,0,7.2-3,7.2-6.8C47.5,14.8,46.5,12.3,43.5,11.4z M35.2,5.7h2.4 C39,5.7,40,6.8,40,8c0,1.2-1,2.2-2.5,2.2h-2.4V5.7z M39.9,19.2h-4.7v-4.6h4.7c1.4,0,2.5,1,2.5,2.3C42.4,18.1,41.3,19.2,39.9,19.2z" }), h("path", { d: "M13.5,1l13.5,23H0L13.5,1z" }))), h("biggive-misc-icon", { class: "bx bx-x", "background-colour": "transparent", "icon-colour": "black", icon: "MenuClose", onClick: this.closeMobileMenu })), h("div", { id: "nav-primary" }), h("div", { class: "mobile-social-icon-wrap mobile-only" }, h("slot", { name: "mobile-social-icons" })))))));
   }
   static get is() { return "biggive-main-menu"; }
   static get encapsulation() { return "shadow"; }