@biggive/components 1.0.192 → 1.0.193

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.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');

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

@@ -37,7 +37,7 @@ const Template = () => `
                         </span>
                         <ul class="sub-sub-menu">
                             <li>
-                                <a href="#" class="icon-green">
+                                <a href="#" class="icon-christmas">
                                 Christmas Challenge
                                 </a>
                             </li>

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

@@ -4,7 +4,7 @@ export class BiggiveMiscIcon {
   constructor() {
     this.backgroundColour = 'primary';
     this.iconColour = 'white';
-    this.icon = null;
+    this.icon = undefined;
     this.url = undefined;
   }
   getMiscIcon() {
@@ -80,8 +80,7 @@ export class BiggiveMiscIcon {
           "text": "Icon"
         },
         "attribute": "icon",
-        "reflect": false,
-        "defaultValue": "null"
+        "reflect": false
       },
       "url": {
         "type": "string",
@@ -98,8 +97,7 @@ export class BiggiveMiscIcon {
           "text": "Url"
         },
         "attribute": "url",
-        "reflect": false,
-        "defaultValue": "undefined"
+        "reflect": false
       }
     };
   }

package/dist/collection/components/biggive-nav-item/biggive-nav-item.js

@@ -1,9 +1,9 @@
 import { h } from '@stencil/core';
 export class BiggiveNavItem {
   constructor() {
-    this.url = null;
-    this.label = null;
-    this.iconColour = null;
+    this.url = undefined;
+    this.label = undefined;
+    this.iconColour = undefined;
   }
   render() {
     return (h("li", { class: 'icon-' + this.iconColour }, h("a", { href: this.url }, this.label), h("slot", null)));
@@ -37,8 +37,7 @@ export class BiggiveNavItem {
           "text": "URL"
         },
         "attribute": "url",
-        "reflect": false,
-        "defaultValue": "null"
+        "reflect": false
       },
       "label": {
         "type": "string",
@@ -55,8 +54,7 @@ export class BiggiveNavItem {
           "text": "Label"
         },
         "attribute": "label",
-        "reflect": false,
-        "defaultValue": "null"
+        "reflect": false
       },
       "iconColour": {
         "type": "string",
@@ -73,8 +71,7 @@ export class BiggiveNavItem {
           "text": "URL"
         },
         "attribute": "icon-colour",
-        "reflect": false,
-        "defaultValue": "null"
+        "reflect": false
       }
     };
   }

package/dist/collection/components/biggive-page-section/biggive-page-section.js

@@ -4,7 +4,7 @@ export class BiggivePageSection {
     this.spaceBelow = 0;
     this.sectionStyleTop = 'straight';
     this.sectionStyleBottom = 'straight';
-    this.colourScheme = null;
+    this.colourScheme = undefined;
     this.maxWidth = 100;
   }
   render() {
@@ -102,8 +102,7 @@ export class BiggivePageSection {
           "text": "Colour scheme"
         },
         "attribute": "colour-scheme",
-        "reflect": false,
-        "defaultValue": "null"
+        "reflect": false
       },
       "maxWidth": {
         "type": "number",

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

@@ -16,7 +16,7 @@ export class BigGiveSearch {
     this.clearSearchText = () => {
       this.searchText = '';
     };
-    this.searchText = null;
+    this.searchText = undefined;
     this.placeholderText = undefined;
     this.buttonText = undefined;
   }
@@ -52,8 +52,7 @@ export class BigGiveSearch {
           "text": ""
         },
         "attribute": "search-text",
-        "reflect": false,
-        "defaultValue": "null"
+        "reflect": false
       },
       "placeholderText": {
         "type": "string",

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

@@ -6,16 +6,19 @@ export class BiggiveTotalizer {
     this.primaryTextColour = 'white';
     this.secondaryColour = 'secondary';
     this.secondaryTextColour = 'black';
-    this.mainMessage = null;
+    this.mainMessage = undefined;
   }
   componentDidRender() {
+    // @ts-ignore
     const tickerItemsInternalWrapper = this.host.querySelector(`[slot="ticker-items"]`);
     if (tickerItemsInternalWrapper !== null && tickerItemsInternalWrapper !== undefined) {
       tickerItemsInternalWrapper.style.display = 'inline-flex';
       tickerItemsInternalWrapper.style.flex = 'none';
     }
+    // @ts-ignore
     const tickerWidth = this.host.shadowRoot.querySelector('.ticker-wrap .sleeve').clientWidth;
     const duration = tickerWidth / 50;
+    // @ts-ignore
     const sleeve = this.host.shadowRoot.querySelector('.ticker-wrap .sleeve');
     sleeve.style.animationDuration = Math.round(duration) + 's';
   }
@@ -141,8 +144,7 @@ export class BiggiveTotalizer {
           "text": "Primary message"
         },
         "attribute": "main-message",
-        "reflect": false,
-        "defaultValue": "null"
+        "reflect": false
       }
     };
   }